@rango-dev/widget-embedded 0.24.2-next.6 → 0.25.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/dist/components/HeaderButtons/HeaderButtons.d.ts.map +1 -1
- package/dist/components/HeaderButtons/HeaderButtons.types.d.ts +1 -0
- package/dist/components/HeaderButtons/HeaderButtons.types.d.ts.map +1 -1
- package/dist/components/Quote/Quote.d.ts.map +1 -1
- package/dist/components/Quote/Quote.types.d.ts +3 -0
- package/dist/components/Quote/Quote.types.d.ts.map +1 -1
- package/dist/components/Quote/QuoteTrigger.d.ts.map +1 -1
- package/dist/components/Quotes/Quotes.d.ts.map +1 -1
- package/dist/components/Quotes/Quotes.types.d.ts +1 -0
- package/dist/components/Quotes/Quotes.types.d.ts.map +1 -1
- package/dist/components/SwapDetails/SwapDetails.d.ts.map +1 -1
- package/dist/components/SwapDetails/SwapDetails.styles.d.ts +325 -0
- package/dist/components/SwapDetails/SwapDetails.styles.d.ts.map +1 -1
- package/dist/components/SwapDetailsAlerts/SwapDetailsAlerts.Failed.d.ts.map +1 -1
- package/dist/components/SwapDetailsAlerts/SwapDetailsAlerts.styles.d.ts +328 -0
- package/dist/components/SwapDetailsAlerts/SwapDetailsAlerts.styles.d.ts.map +1 -1
- package/dist/components/SwapDetailsModal/SwapDetailsModal.styles.d.ts +162 -0
- package/dist/components/SwapDetailsModal/SwapDetailsModal.styles.d.ts.map +1 -1
- package/dist/components/SwapDetailsModal/SwapDetailsModal.types.d.ts +2 -1
- package/dist/components/SwapDetailsModal/SwapDetailsModal.types.d.ts.map +1 -1
- package/dist/containers/ExpandedQuotes/ExpandedQuotes.d.ts.map +1 -1
- package/dist/containers/QuoteInfo/QuoteInfo.d.ts.map +1 -1
- package/dist/containers/QuoteInfo/QuoteInfo.types.d.ts +1 -0
- package/dist/containers/QuoteInfo/QuoteInfo.types.d.ts.map +1 -1
- package/dist/hooks/useWalletList.d.ts.map +1 -1
- package/dist/index.js +2 -2
- package/dist/index.js.map +4 -4
- package/dist/pages/WalletsPage.d.ts.map +1 -1
- package/dist/utils/wallets.d.ts.map +1 -1
- package/package.json +6 -6
- package/src/components/HeaderButtons/HeaderButtons.tsx +2 -1
- package/src/components/HeaderButtons/HeaderButtons.types.ts +1 -0
- package/src/components/Quote/Quote.tsx +3 -1
- package/src/components/Quote/Quote.types.ts +3 -0
- package/src/components/Quote/QuoteTrigger.tsx +8 -4
- package/src/components/Quotes/Quotes.tsx +4 -1
- package/src/components/Quotes/Quotes.types.ts +1 -0
- package/src/components/SwapDetails/SwapDetails.styles.ts +10 -1
- package/src/components/SwapDetails/SwapDetails.tsx +44 -23
- package/src/components/SwapDetailsAlerts/SwapDetailsAlerts.Failed.tsx +19 -11
- package/src/components/SwapDetailsAlerts/SwapDetailsAlerts.styles.ts +24 -0
- package/src/components/SwapDetailsModal/SwapDetailsModal.styles.ts +8 -0
- package/src/components/SwapDetailsModal/SwapDetailsModal.types.ts +1 -1
- package/src/containers/ExpandedQuotes/ExpandedQuotes.tsx +4 -2
- package/src/containers/QuoteInfo/QuoteInfo.tsx +2 -0
- package/src/containers/QuoteInfo/QuoteInfo.types.ts +1 -0
- package/src/containers/Settings/Lists.tsx +12 -12
- package/src/hooks/useWalletList.ts +8 -1
- package/src/pages/WalletsPage.tsx +1 -2
- package/src/utils/wallets.ts +7 -1
package/dist/index.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
var gf=Object.defineProperty;var i=(t,e)=>gf(t,"name",{value:e,configurable:!0});import{EventSeverity as iG,MainEvents as sG,RouteEventType as aG,StepEventType as lG,StepExecutionBlockedEventStatus as pG,StepExecutionEventStatus as cG,useEvents as uG}from"@rango-dev/queue-manager-rango-preset";import{readAccountAddress as dG,useWallets as lr,Events as fG}from"@rango-dev/wallets-react";import{Networks as hG,WalletTypes as yG}from"@rango-dev/wallets-shared";import{PendingSwapNetworkStatus as CG}from"rango-types";import{UI_ID as hf}from"@rango-dev/ui";var fn="c6381a79-2817-4602-83bf-6a641a409e32",Ua="https://api.rango.exchange",qa="https://explorer.rango.exchange",ke={SWAP_BOX_ID:"rango-swap-box",EXPANDED_BOX_ID:"rango-expanded-box",...hf};import{Events as xi,Provider as ag}from"@rango-dev/wallets-react";import{isEvmBlockchain as lg}from"rango-sdk";import Wn,{createContext as pg,useEffect as _l,useMemo as cg,useRef as Pl}from"react";import{useEffect as Mf}from"react";import{create as Af}from"zustand";import{subscribeWithSelector as Wf}from"zustand/middleware";import{RangoClient as If}from"rango-sdk";import{WalletState as ct}from"@rango-dev/ui";import{readAccountAddress as Cf}from"@rango-dev/wallets-react";import{detectInstallLink as Tf,getCosmosExperimentalChainInfo as kf,isEvmAddress as wf,KEPLR_COMPATIBLE_WALLETS as Gw,Networks as Ga}from"@rango-dev/wallets-shared";import pi from"bignumber.js";import{isCosmosBlockchain as xf}from"rango-types";import yf from"bignumber.js";var Ne=new yf(0);import{WalletTypes as Sf}from"@rango-dev/wallets-shared";var za=[Sf.LEAP];import{BigNumber as Ha}from"bignumber.js";var xo=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 Ha(t),r=1,s=1e3;for(let a=0;a<60;a++)if(new Ha(n.toFixed(a,r)).eq(n)){s=a;break}if(n.gte(1e4))return n.toFormat(0,r);if(n.gte(1e3)||n.gte(100))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,1))),r);if(n.gte(1))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,2))),r);if(n.gte(.01))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,4))),r);for(let a=e||4;a<17;a++)if(n.gte(Math.pow(10,-a)))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,a))),r);return n.isEqualTo(0)?"0":n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,8))),r)},"numberToString");var gn=i(t=>t?.reduce((e,o)=>e+(o.estimatedTimeInSeconds??0),0)||0,"totalArrivalTime");var pt=i((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),vo=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 ct.CONNECTED;case t.connecting:return ct.CONNECTING;case!t.installed:return ct.NOT_INSTALLED;default:return ct.DISCONNECTED}}i(ci,"mapStatusToWalletState");function Va(t,e,o,n){return o.filter(r=>!za.includes(r)).filter(r=>{let{supportedChains:s,isContractWallet:a}=e(r),{installed:l,network:p}=t(r);return a&&(!l||!!n&&p!==n)?!1:n?!!s.find(u=>u.name===n):!0}).map(r=>{let{name:s,img:a,installLink:l}=e(r),p=ci(t(r));return{title:s,image:a,link:Tf(l),state:p,type:r}})}i(Va,"mapWalletTypesToWalletInfo");function Sn(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}i(Sn,"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}=Cf(p),d=l.length>0,m=l.includes(u),f=u===Ga.Unknown;if(d&&!m&&!f)return;let C=u===Ga.Unknown&&wf(c);if(f&&!C)return;o.includes(u)||C?r?a(u,c.toLowerCase()):l.filter(x=>o.includes(x)).forEach(x=>{a(x,c.toLowerCase())}):a(u,c)}),s}i(ja,"prepareAccountsForWalletStore");function Xa(t){let e=[];return t?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain;e.includes(n)||e.push(n),e.includes(r)||e.push(r),o.internalSwaps&&Array.isArray(o.internalSwaps)&&o.internalSwaps.forEach(s=>{let a=s.from.blockchain,l=s.to.blockchain;e.includes(a)||e.push(a),e.includes(l)||e.push(l)})}),e}i(Xa,"getRequiredChains");function Cn(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}i(Cn,"isAccountAndWalletMatched");function Ka(t,e){let{blockChain:o,balances:n=[]}=t;return n?.map(r=>({chain:o,symbol:r.asset.symbol,ticker:r.asset.symbol,address:r.asset.address||null,rawAmount:r.amount.amount,decimal:r.amount.decimals,amount:new pi(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:bf(o,r.asset.symbol,r.asset.address,e)||null}))||[]}i(Ka,"makeBalanceFor");function Ya(t){return{...t,loading:!1,error:!0}}i(Ya,"resetConnectedWalletState");var Ja=i(t=>{let e=new Set,n=t?.reduce((s,a)=>s.findIndex(l=>l.address===a.address&&l.chain===a.chain)===-1?[...s,a]:s,[])?.map(s=>{let a={name:s.chain,accounts:[]};return e.has(s.address)||e.add(s.address),e.forEach(l=>{s.address===l&&a.accounts.push(s)}),a}),r=W(n?.flatMap(s=>s.accounts)?.flatMap(s=>s?.balances)?.map(s=>new pi(s?.amount||Ne).multipliedBy(s?.usdPrice||0))?.reduce((s,a)=>s.plus(a),Ne)||Ne).toString();return vf(r)},"calculateWalletUsdValue");function vf(t){let e=t.toString().split(".");return e[0]=e[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),e.join(".")}i(vf,"numberWithThousandSeparator");var bf=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice"),Tn=i((t,e)=>{let o=kf(Object.entries(t).map(([,n])=>n).filter(xf));return o&&o[e]?.experimental},"isExperimentalChain");function kn(t){return t?{...t,amount:W(t.amount,8,8),usdValue:W(t.usdValue,4,4)}:null}i(kn,"formatBalance");function Za(t,e){return t?.usdValue||e?.usdValue?parseFloat(e?.usdValue||"0")-parseFloat(t?.usdValue||"0"):t?.amount||e?.amount?parseFloat(e?.amount||"0")-parseFloat(t?.amount||"0"):0}i(Za,"compareTokenBalance");function Me(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}i(Me,"areTokensEqual");function Ra(t){return t.sort((e,o)=>+(o.state===ct.CONNECTED)-+(e.state===ct.CONNECTED)||+(o.state===ct.DISCONNECTED||o.state===ct.CONNECTING)-+(e.state===ct.DISCONNECTED||e.state===ct.CONNECTING))}i(Ra,"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 el({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}i(el,"getAddress");function ui(t){return`${t.blockchain}-${t.symbol}-${t.address??""}`}i(ui,"createTokenHash");function xn(t){return t.flatMap(e=>e.balances).reduce((e,o)=>{let n={amount:o?.amount??"",decimals:o?.decimal??0,usdValue:o?.usdPrice?new pi(o?.usdPrice??Ne).multipliedBy(o?.amount).toString():""},r=o?ui({symbol:o.symbol,blockchain:o.chain,address:o.address}):null,s=r?e[r]:null;return r&&(!s||s&&s.amount<n.amount)&&(e[r]=n),e},{})}i(xn,"makeTokensBalance");var tl=i((t,e)=>!!t.find(o=>o.chain===e&&o.loading),"isFetchingBalance");function ol(t){return t.map(e=>e.state).join("-")}i(ol,"hashWalletsState");var mi={API_KEY:fn};function yt(t){return mi[t]||""}i(yt,"getConfig");function nl(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),mi=e,mi}i(nl,"initConfig");var rl=20,il=25,sl="Roboto",di="theme-widget",bo=i((t,e)=>{let o=!1;if(e&&t){if(Array.isArray(e))o=!e.some(n=>Me(n,t));else if(!Array.isArray(e)&&e[t.blockchain]){o=e[t.blockchain].tokens.some(r=>Me(r,t));let n=e[t.blockchain].isExcluded;return!n&&!o||n&&o}}return o},"isTokenExcludedInConfig"),fi=i((t,e)=>t&&e&&!e.includes(t.name),"isBlockchainExcludedInConfig"),al=i((t,e,o)=>o==="expanded"&&(t||e)||o==="full-expanded"&&e,"isVariantExpandable");var vn,Wt=i(()=>vn||(vn=new If(yt("API_KEY"),yt("BASE_URL")),vn),"httpService");var Ef=i(t=>{let e=t;e.use={};for(let o of Object.keys(e.getState()))e.use[o]=()=>e(n=>n[o]);return e},"createSelectors"),Nt=Ef;var Y=Nt(Af()(Wf((t,e)=>({connectedWallets:[],balances:{},loading:!1,connectWallet:(o,n)=>{let r=e().getWalletsDetails;t(s=>({loading:!0,connectedWallets:s.connectedWallets.filter(a=>a.walletType!==o[0].walletType).concat(o.map(a=>{let l=!s.connectedWallets.find(p=>p.chain===a.chain&&p.selected);return{balances:[],address:a.address,chain:a.chain,explorerUrl:null,walletType:a.walletType,selected:l,loading:!0,error:!1}}))})),r(o,n)},disconnectWallet:o=>{t(n=>{let r=n.connectedWallets.filter(l=>l.selected&&l.walletType!==o).map(l=>l.chain),s=n.connectedWallets.filter(l=>l.walletType!==o).map(l=>r.includes(l.chain)?l:(r.push(l.chain),{...l,selected:!0}));return{balances:xn(s),connectedWallets:s}})},selectWallets:o=>t(n=>({connectedWallets:n.connectedWallets.map(r=>{let s=!!o.find(l=>l.chain===r.chain&&l.walletType!==r.walletType&&r.selected),a=!!o.find(l=>l.chain===r.chain&&l.walletType===r.walletType&&!r.selected);return s?{...r,selected:!1}:a?{...r,selected:!0}:r})})),clearConnectedWallet:()=>t(()=>({connectedWallets:[],selectedWallets:[]})),getWalletsDetails:async(o,n,r=!0)=>{let s=e().getWalletsDetails;t(a=>({loading:!0,connectedWallets:a.connectedWallets.map(l=>o.find(p=>Cn(p,l))?{...l,loading:!0}:l)}));try{let a=o.map(({address:c,chain:u})=>({address:c,blockchain:u})),p=(await Wt().getWalletsDetails(a)).wallets;if(p)t(c=>{let u=c.connectedWallets.map(m=>{let f=o.find(C=>Cn(C,m)),y=p.find(C=>C.address===m.address&&C.blockChain===m.chain);return y?.failed&&f&&r&&s([f],n,!1),f&&y?{...m,explorerUrl:y.explorerUrl,balances:Ka(y,n),loading:!1}:m});return{loading:!1,balances:xn(u),connectedWallets:u}});else throw new Error("Wallet not found")}catch{t(l=>{let p=l.connectedWallets.map(u=>o.find(d=>Cn(d,u))?Ya(u):u);return{loading:!1,balances:xn(p),connectedWallets:p}})}},getBalanceFor:o=>{let{balances:n}=e(),r=ui(o);return n[r]??null}}))));import{allProviders as Nf}from"@rango-dev/provider-all";function bn(t,e){let o=Nf({walletconnect2:{WC_PROJECT_ID:e?.walletConnectProjectId||""}});if(t){let n=[];return t.forEach(r=>{if(typeof r=="string"){let s=o.find(a=>a.config.type===r);s?n.push(s):console.warn(`Couldn't find ${r} provider. Please make sure you are passing the correct name.`)}else n.push(r)}),n}return o}i(bn,"matchAndGenerateProviders");function ll(t,e){return bn(t,e).map(r=>r.config.type)}i(ll,"configWalletsToWalletName");function pl(t,e){let o=Y.use.clearConnectedWallet(),n=bn(void 0,e);return Mf(()=>{o(),n=bn(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}i(pl,"useWalletProviders");import eg,{createContext as tg,useContext as og,useEffect as ng,useRef as rg}from"react";import{create as Zf}from"zustand";import{persist as Rf}from"zustand/middleware";var gi={apiKey:"",title:void 0,multiWallets:!0,excludeLiquiditySources:!0,customDestination:!0,variant:"default"},Lf={clientUrl:void 0},Bf={liquiditySources:void 0},cl=i((t,e,o)=>({config:{...gi,...t},iframe:Lf,campaignMode:Bf,getLiquiditySources:()=>{let{config:n,campaignMode:r}=o();return r.liquiditySources?.length?r.liquiditySources:n.liquiditySources??[]},getDisabledLiquiditySources:()=>{let{disabledLiquiditySources:n,campaignMode:r}=o();return r.liquiditySources?.length?[]:n},excludeLiquiditySources:()=>{let{config:n,campaignMode:r}=o();return r.liquiditySources?.length?!1:!!n.excludeLiquiditySources},isInCampaignMode:()=>{let{campaignMode:n}=o();return!!n.liquiditySources?.length},updateConfig:n=>{let r=o().config;e({config:{...r,...n}})},updateCampaignMode:(n,r)=>{let s=o().campaignMode;e({campaignMode:{...s,[n]:r}})},updateIframe:(n,r)=>{let s=o().iframe;e({iframe:{...s,[n]:r}})}}),"createConfigSlice");function In(t){return Array.from(new Set(t))}i(In,"removeDuplicateFrom");function Si(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}i(Si,"areEqual");function hl(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}i(hl,"debounce");function St(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}i(St,"containsText");function dl(t,e){return t.toLowerCase()===e.toLowerCase()}i(dl,"exactText");function fl(t,e){return t.toLowerCase().startsWith(e.toLowerCase())}i(fl,"startWithText");var M=i(()=>document.getElementById(ke.SWAP_BOX_ID),"getContainer"),En=i(()=>document.getElementById(ke.EXPANDED_BOX_ID),"getExpanded");function gl(t,e,o){let n=!!e&&dl(e,t),r=!!o&&dl(o,t);return n!==r?n?-1:1:0}i(gl,"compareExactMatchText");function hi(t,e,o){let n=!!e&&St(e,t),r=!!o&&St(o,t);return n!==r?n?-1:1:n&&r&&e?.length!==o?.length?e?.length-o?.length:0}i(hi,"compareContainsText");function yi(t,e,o){let n=!!e&&fl(e,t),r=!!o&&fl(o,t);return n!==r?n?-1:1:n&&r&&e?.length!==o?.length?e?.length-o?.length:0}i(yi,"compareStartWithText");function yl(t,e,o){if(!o)return 0;let n=gl(o,t.symbol,e.symbol);if(n)return n;if(o.length>=3){let r=gl(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(yl,"compareWithSearchFor");function Sl(t,e){return e.find(o=>o.name===t)?.displayName}i(Sl,"getBlockchainDisplayNameFor");function Ve(t,e){return e.find(o=>o.name===t)?.shortName}i(Ve,"getBlockchainShortNameFor");function Io(t,e){return e.find(o=>o.id===t)?.swapperGroup}i(Io,"getSwapperDisplayName");function Ci(t,e){return e.find(o=>Me(o,t))??null}i(Ci,"findToken");function Ti(t,e){return e.find(o=>o.name===t)??null}i(Ti,"findBlockchain");function ki(t,e){if(!e||!t)return!1;for(let o of e.feeAssets)if(t?.blockchain===o?.blockchain&&t?.symbol===o?.symbol&&t?.address===o?.address)return!0;return!1}i(ki,"isTokenNative");function An(t,e){let o=t.map(s=>s.swapperGroup),n=[];return In(t.map(s=>s.swapperGroup)).map(s=>{let a=t.find(l=>l.swapperGroup===s);if(a){let l=!0;o&&(l=o.some(p=>p===a.swapperGroup)),l&&a.types.map(p=>{n.push({id:a.swapperGroup,groupTitle:a.swapperGroup,logo:a.logo,type:p,selected:!e.includes(a.swapperGroup)})})}}),n}i(An,"getUniqueSwappersGroups");function Cl(t,e){return t.swapperGroup<e.swapperGroup?-1:t.swapperGroup>e.swapperGroup?1:0}i(Cl,"sortLiquiditySourcesByGroupTitle");function je(t,e){return e?.[t]==="hidden"}i(je,"isFeatureHidden");function Tl(t,e){return e?.[t]==="enabled"}i(Tl,"isFeatureEnabled");var kl=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&&bo(c,a)||o.blockchain&&c.blockchain!==o.blockchain||!l.some(u=>u.name===c.blockchain)?!1:o.searchFor?!!(St(c.symbol,o.searchFor)||St(c.address||"",o.searchFor)||St(c.name||"",o.searchFor)):!0).sort((c,u)=>{let d=e().isTokenPinned(c,o.type),m=e().isTokenPinned(u,o.type);if(d!==m)return d?-1:1;if(o.getBalanceFor){let h=o.getBalanceFor(c),x=o.getBalanceFor(u),T=Za(h,x);if(T!==0)return T}let f=r.get(c.blockchain),y=r.get(u.blockchain),C=ki(c,f),S=ki(u,y);if(C!==S)return C?-1:1;if(c.isPopular!==u.isPopular)return c.isPopular?-1:1;if(o.searchFor){let h=yl(c,u,o.searchFor);if(h)return h}return c.isSecondaryCoin!==u.isSecondaryCoin?c.isSecondaryCoin?1:-1:f&&y?f.sort-y.sort:0})},isTokenPinned:(o,n)=>!!(n==="source"?e().config.from?.pinnedTokens:e().config.to?.pinnedTokens)?.some(a=>Me(a,o)),swappers:()=>{let{config:o,campaignMode:n}=e(),r=n.liquiditySources?.length?n.liquiditySources:null,s=r??o.liquiditySources,a=r?!1:o.excludeLiquiditySources;return e()._swappers.filter(c=>{let u=s?.includes(c.swapperGroup);return a||!s||s.length===0?!u:u}).sort(Cl)},fetch:async()=>{try{let{enableCentralizedSwappers:o}=e().config,n=await Wt().getAllMetadata({enableCentralizedSwappers:o});t({fetchStatus:"success"});let r=new Map,s=[],a=n.popularTokens,l=n.swappers,p=new Set;n.tokens.forEach(u=>{p.add(u.blockchain),s.push(u)}),n.blockchains.sort((u,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 Df,English as Ff,Finland as Of,French as Uf,German as qf,Greece as zf,Italian as Qf,Japanese as Hf,Netherlands as Gf,Poland as Vf,Portuguese as jf,Russian as Xf,Spanish as Kf,Swedish as Yf,Ukrainian as Jf}from"@rango-dev/ui";var wl=[{title:"English",label:"English",local:"en",SVGFlag:Ff},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:Kf},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:Uf},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:Hf},{title:"Portuguese",label:"Portugu\xEAs",local:"pt",SVGFlag:jf},{title:"Chinese",label:"\u4E2D\u56FD\u4EBA",local:"zh",SVGFlag:Df},{title:"Russian",label:"\u0420\u0443\u0441\u0441\u043A\u0438\u0439",local:"ru",SVGFlag:Xf},{title:"German",label:"Deutsch",local:"de",SVGFlag:qf},{title:"Ukrainian",label:"\u0423\u043A\u0440\u0430\u0457\u043D\u0456",local:"uk",SVGFlag:Jf},{title:"Swedish",label:"svenska",local:"sv",SVGFlag:Yf},{title:"Finnish",label:"Suomalainen",local:"fi",SVGFlag:Of},{title:"Dutch",label:"Nederlands",local:"nl",SVGFlag:Gf},{title:"Greek",label:"Grieks",local:"el",SVGFlag:zf},{title:"Italian",label:"Italiana",local:"it",SVGFlag:Qf},{title:"Polish",label:"Polski",local:"pl",SVGFlag:Vf}],Eo="en";var xl=[.5,1,3],vl=1,bl=5,Il=100,El=0;var Al=i((t,e)=>({disabledLiquiditySources:[],theme:"auto",language:null,preferredBlockchains:[],slippage:vl,customSlippage:null,infiniteApprove:!1,affiliateRef:null,affiliatePercent:null,affiliateWallets:null,addPreferredBlockchain:o=>{let n=e().preferredBlockchains;if(n.find((a,l)=>{let p=a===o,c=l<=9;return p&&c}))return;let s=n.filter(a=>!(a===o));t(()=>({preferredBlockchains:[o,...s]}))},setSlippage:o=>t(()=>({slippage:o})),setCustomSlippage:o=>t(()=>({customSlippage:o})),setAffiliateRef:o=>t(()=>({affiliateRef:o})),setAffiliatePercent:o=>t(()=>({affiliatePercent:o})),setAffiliateWallets:o=>t(()=>({affiliateWallets:o})),toggleAllLiquiditySources:(o,n)=>t(r=>{if(n)return{disabledLiquiditySources:[]};let s=In(o.map(a=>a.swapperGroup));return s.length===r.disabledLiquiditySources.length?{disabledLiquiditySources:[]}:{disabledLiquiditySources:s}}),toggleInfiniteApprove:()=>t(o=>({infiniteApprove:!o.infiniteApprove})),toggleLiquiditySource:o=>t(n=>n.disabledLiquiditySources.includes(o)?{disabledLiquiditySources:n.disabledLiquiditySources.filter(r=>r!=o)}:{disabledLiquiditySources:n.disabledLiquiditySources.concat(o)}),setTheme:o=>t(()=>({theme:o})),setLanguage:o=>t(()=>({language:o})),updateSettings:o=>{let{features:n,theme:r}=o,s=je("theme",n),a=je("language",n),l=je("liquiditySource",n),p=r?.singleTheme;t({...s&&{theme:o.theme?.mode||"auto"},...p&&{theme:o.theme?.mode||"light"},...a&&{language:o.language||Eo},...l&&{disabledLiquiditySources:o.liquiditySources||[]}})}}),"createSettingsSlice");function Wl(t){return Zf()(Rf((...e)=>({...kl(...e),...Al(...e),...cl(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(Wl,"createAppStore");var Nl=tg(null);function g(){let t=og(Nl);if(ng(()=>{t&&!t.persist.hasHydrated()&&t.persist.rehydrate()},[]),!t)throw new Error("Missing AppStoreContext.Provider in the tree");return t()}i(g,"useAppStore");function Ml(t){let e=rg();return e.current||(e.current=Wl(t.config)),eg.createElement(Nl.Provider,{value:e.current},t.children)}i(Ml,"AppStoreProvider");import{create as sg}from"zustand";var Ll="rango-widget";var Ao=class{static{i(this,"TabManager")}tabId;state="not-initiated";lastTryClaim;events={};channel;constructor(e){this.channel=new BroadcastChannel(Ll),this.tabId=Math.trunc(Math.random()*1e5),this.events=e}init=()=>{this.initEvents(),this.tryClaim()};forceClaim=()=>{if(!this.isClaimed()){let e={name:"force-claim",candidateId:this.tabId};this.channel.postMessage(e),setTimeout(()=>{this.isClaimed()||this.claim()},300)}};isClaimed=()=>this.state==="claimed";destroy=()=>{this.channel.removeEventListener("message",this.handleMessageEvent),document.removeEventListener("visibilitychange",this.handleVisibilityChange),document.removeEventListener("resume",this.handleResume)};initEvents(){this.channel.addEventListener("message",this.handleMessageEvent),document.addEventListener("visibilitychange",this.handleVisibilityChange),document.addEventListener("resume",this.handleResume)}claimedByCurrentTab(e){let o=this.lastTryClaim&&this.lastTryClaim<e;if(this.isClaimed()||o){let n={name:"pong"};this.channel.postMessage(n);return}}handleMessageEvent=e=>{let o=e.data.name;switch(o){case"ping":this.claimedByCurrentTab(e.data.pingAt);break;case"pong":this.alreadyClaimedByAnotherTab();break;case"force-claim":this.forceRelease(e.data.candidateId);break;case"force-release":this.tabId===e.data.candidateId&&this.claim();break;default:throw new Error(`${o} is not supported.`)}};handleVisibilityChange=async()=>{document.visibilityState==="visible"&&await this.tryClaim()};handleResume=async()=>{this.isClaimed()&&(await this.tryClaim(),this.isClaimed()||this.events.onRelease?.())};alreadyClaimedByAnotherTab(){this.resetLastCheck()}async tryClaim(){return this.setLastCheck(),new Promise(e=>{setTimeout(()=>{this.check(),e()},300)})}check(){this.state==="not-initiated"&&this.events.onInit?.(),this.lastTryClaim?(this.claim(),this.resetLastCheck()):this.state="not-claimed"}claim(){this.state="claimed",this.events.onClaim?.()}setLastCheck(){this.lastTryClaim=Date.now();let e={name:"ping",pingAt:this.lastTryClaim};this.channel.postMessage(e)}resetLastCheck(){this.lastTryClaim=void 0}forceRelease(e){if(this.isClaimed()){this.state="not-claimed",this.events.onRelease?.();let o={name:"force-release",candidateId:e};this.channel.postMessage(o)}}};var oe=Nt(sg()((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})}}))),Ht=new Ao({onInit:()=>oe.setState({tabManagerInitiated:!0}),onClaim:()=>oe.setState({isActiveTab:!0,showActivateTabModal:!1}),onRelease:()=>oe.setState({isActiveTab:!1})});var Nn=pg({onConnectWallet:()=>{},onDisconnectWallet:()=>{}});function ug(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}=pl(t.config.wallets,l),{connectWallet:c,disconnectWallet:u}=Y(),d=Pl(),m=Pl();_l(()=>{n().catch(console.log)},[]),_l(()=>{t.config&&(e(t.config),o(t.config),window.__rango={config:a,dappConfig:t.config})},[t.config]);let f=r.filter(lg).map(h=>h.name),y=i((h,x,T,v,E)=>{if(x===xi.ACCOUNTS)if(T){let I=Sn(E.supportedBlockchains),b=ja(h,T,f,I,E.isContractWallet);b.length&&c(b,s)}else u(h),m.current?m.current(h):console.warn("onDisconnectWallet handler hasn't been set. Are you sure?");if(x===xi.ACCOUNTS&&v.connected){let I=`${h}-${v.network}-${T}`;v.connected&&(d.current?d.current(I):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(x===xi.NETWORK&&v.network){let I=`${h}-${v.network}`;d.current?d.current(I):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(h,x,T,v,E)},"onUpdateState"),C=oe.use.isActiveTab(),S=cg(()=>({onConnectWallet:h=>{d.current=h},onDisconnectWallet:h=>{m.current=h}}),[]);return Wn.createElement(Nn.Provider,{value:S},Wn.createElement(ag,{allBlockChains:r,providers:p,onUpdateState:y,autoConnect:!!C},t.children))}i(ug,"Main");function Mn(t){let{config:e,...o}=t;return Wn.createElement(Ml,{config:e},Wn.createElement(ug,{...o,config:e}))}i(Mn,"WidgetWallets");import li from"react";import mg,{Fragment as dg}from"react";import{MemoryRouter as fg,useInRouterContext as gg}from"react-router";function $l({children:t}){let o=gg()?dg:fg;return mg.createElement(o,null,t)}i($l,"AppRouter");import{I18nManager as uw}from"@rango-dev/ui";import Da from"react";import ze from"react";import{useRoutes as Jk}from"react-router-dom";var F={home:"/",fromSwap:"from-swap",toSwap:"to-swap",blockchains:"blockchains",settings:"settings",liquiditySources:"liquidity-sources",bridges:"bridges",exchanges:"exchanges",languages:"languages",swaps:"swaps",wallets:"wallets",confirmSwap:"confirm-swap",swapDetails:":requestId",routes:"routes"};import{useEffect as ro,useRef as qn}from"react";import Bt from"bignumber.js";import{create as Tg}from"zustand";import{subscribeWithSelector as kg}from"zustand/middleware";import{getLastSuccessfulStep as Cg}from"@rango-dev/queue-manager-rango-preset";import Cb from"bignumber.js";import{i18n as Wo}from"@lingui/core";var vi={"Network Fee":Wo.t("Network Fee"),"Swapper Fee":Wo.t("Protocol Fee"),"Affiliate Fee":Wo.t("Affiliate Fee"),"Outbound network fee":Wo.t("Outbound Fee"),"Rango Fee":Wo.t("Rango Fee")},bi=["RECOMMENDED","CENTRALIZED","LOWEST_FEE","FASTEST","HIGH_IMPACT"],Dl=30;var Mt=(r=>(r[r.HIGH_VALUE_LOSS=0]="HIGH_VALUE_LOSS",r[r.UNKNOWN_PRICE=1]="UNKNOWN_PRICE",r[r.INSUFFICIENT_SLIPPAGE=2]="INSUFFICIENT_SLIPPAGE",r[r.HIGH_SLIPPAGE=3]="HIGH_SLIPPAGE",r))(Mt||{});import{i18n as tt}from"@lingui/core";import Le from"bignumber.js";import{PendingSwapNetworkStatus as Pn}from"rango-types";function Ln(t){let e=[];return t?.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,s=e[e.length-1];n!=s&&e.push(n),s=e[e.length-1],r!=s&&e.push(r)}),e}i(Ln,"getRequiredWallets");function Bn(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}i(Bn,"isValidAddress");import{i18n as Ee}from"@lingui/core";var R=i(()=>({genericServerError:Ee.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:Ee.t("Please reset your liquidity sources."),description:Ee.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources.")},noResultError:{title:Ee.t("No Routes Found."),description:Ee.t("Reasons why Rango couldn't find a route: low liquidity on token, very low input amount or no routes available for the selected input/output token combination.")},bridgeLimitErrors:{increaseAmount:Ee.t("Bridge Limit Error: Please increase your amount."),decreaseAmount:Ee.t("Bridge Limit Error: Please decrease your amount.")},highValueLossError:{impactTitle:Ee.t("High Price Impact"),title:Ee.t("Price impact is too high!"),description:Ee.t("The price impact is significantly higher than the allowed amount."),confirmMessage:Ee.t("Confirm high price impact")},quoteUpdatedWithHighValueLoss:{title:Ee.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:Ee.t("USD Price Unknown"),title:Ee.t("USD Price Unknown, Cannot calculate Price Impact."),description:Ee.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:Ee.t("Confirm USD Price Unknown")}}),"errorMessages");function Fl(t){switch(t.type){case 0:return t.diagnosisMessage??R().noResultError.title;case 1:return R().genericServerError;default:return""}}i(Fl,"getQuoteErrorMessage");import{i18n as _n}from"@lingui/core";var Gt=i(()=>({connectWallet:_n.t("Connect Wallet"),swap:_n.t("Swap"),swapAnyway:_n.t("Swap anyway"),ethWarning:_n.t("The route goes through Ethereum. Continue?")}),"swapButtonTitles");function Ol(t,e){return(parseInt(e.toFixed(2)||"0")<=-10&&t?.gte(new Le(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new Le(1e3)))??!1}i(Ol,"hasHighValueLoss");function Ul(t){return(t||[]).filter(e=>{let o=e.fromAmountMinValue?new Le(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Le(e.fromAmountMaxValue):null;return e.fromAmountRestrictionType==="EXCLUSIVE"?o?.gte(e.fromAmount)||n?.lte(e.fromAmount):o?.gt(e.fromAmount)||n?.lt(e.fromAmount)}).length>0}i(Ul,"hasLimitError");function ql(t){let e=(t||[]).filter(l=>{let p=l.fromAmountMinValue?new Le(l.fromAmountMinValue):null,c=l.fromAmountMaxValue?new Le(l.fromAmountMaxValue):null;return l.fromAmountRestrictionType==="EXCLUSIVE"?p?.gte(l.fromAmount)||c?.lte(l.fromAmount):p?.gt(l.fromAmount)||c?.lt(l.fromAmount)})[0],o=e.fromAmountMinValue?new Le(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Le(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",s="",a="";return!r&&o&&o.gt(e.fromAmount)?(s=tt.t({id:"Required: >= {min} {symbol}",values:{min:W(o,6,6),symbol:e.from.symbol}}),a=R().bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(s=tt.t({id:"Required: > {min} {symbol}",values:{min:W(o,6,6),symbol:e.from.symbol}}),a=R().bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(s=tt.t({id:"Required: <= {max} {symbol}",values:{max:W(n,6,6),symbol:e.from.symbol}}),a=R().bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(s=tt.t({id:"Required: < {max} {symbol}",values:{max:W(n,6,6),symbol:e.from.symbol}}),a=R().bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:s,recommendation:a}}i(ql,"getLimitErrorMessage");function zl(t){let{fetchMetaStatus:e,anyWalletConnected:o,fetchingQuote:n,inputAmount:r,quote:s,warning:a,error:l,needsToWarnEthOnPath:p}=t;return e!=="success"?{title:Gt().connectWallet,action:"connect-wallet",disabled:!0}:o?n||!s||l||!r||r==="0"?{title:Gt().swap,action:"confirm-swap",disabled:!0}:a?{title:Gt().swapAnyway,action:"confirm-warning",disabled:!1}:p?{title:Gt().ethWarning,action:"confirm-warning",disabled:!1}:{title:Gt().swap,action:"confirm-swap",disabled:!1}:{title:Gt().connectWallet,action:"connect-wallet",disabled:!1}}i(zl,"getSwapButtonState");function Ii(t,e,o){return!((!o||o.lte(Ne))&&t&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t)}i(Ii,"canComputePriceImpact");function hg(t){let e=[];return t?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,s=e[e.length-1];n!=s&&e.push(n),s=e[e.length-1],r!=s&&e.push(r)}),e}i(hg,"requiredWallets");var yg=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=Ne;for(let n=0;n<t.fee.length;n++){let r=t.fee[n];if(r.expenseType==="DECREASE_FROM_OUTPUT")continue;let s=yg(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new Le(r.amount).multipliedBy(s||0))}return o}i(Ei,"getUsdFeeOfStep");function $n(t,e){return t.reduce((o,n)=>o.plus(Ei(n,e)),Ne)}i($n,"getTotalFeeInUsd");function Ai(t){let e=Ne;return e=e.plus(new Le(t.amount).multipliedBy(t.price||0)),e}i(Ai,"getUsdFee");function Ql(t){return t.reduce((e,o)=>e.plus(Ai(o)),Ne)}i(Ql,"getTotalFeesInUsd");function Hl(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(Hl,"getFeesGroup");function Gl(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(Gl,"checkSlippageErrors");function Vl(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(Vl,"checkSlippageWarnings");function Dn(t){return t.map(o=>o.recommendedSlippage)?.map(o=>o?.slippage||"0")?.filter(o=>parseFloat(o)>0)?.sort((o,n)=>parseFloat(n)-parseFloat(o))?.find(()=>!0)||null}i(Dn,"getMinRequiredSlippage");function jl(t,e){return e?parseFloat(t)>=parseFloat(e):!0}i(jl,"hasProperSlippage");function Xl(t){let{fromToken:e,toToken:o,inputAmount:n,wallets:r,selectedWallets:s,disabledLiquiditySources:a,liquiditySources:l,excludeLiquiditySources:p,slippage:c,affiliateRef:u,affiliatePercent:d,affiliateWallets:m,destination:f,enableCentralizedSwappers:y}=t,C=s?.reduce((x,T)=>(x[T.chain]=T.address,x),{}),S=[];return r?.forEach(x=>{S.push({blockchain:x.chain,addresses:[x.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(x=>!a.includes(x)),swappersGroupsExclude:!1},enableCentralizedSwappers:y}}i(Xl,"createQuoteRequestBody");function Kl(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}i(Kl,"getWalletsForNewSwap");function oo(t){return t?.outputAmount||null}i(oo,"getQuoteOutputAmount");function Yl(t,e){return new Le(e).div(new Le(t)).minus(1).multipliedBy(100).toNumber()}i(Yl,"getPercentageChange");function Jl(t,e){let o=oo(t),n=oo(e);if(!o||!n)return!1;let r=Xe(o,n);return r?r<=-1:!0}i(Jl,"isOutputAmountChangedALot");function Zl(t,e,o){let n=t.validationStatus,r=Xa(t);return e.sort((a,l)=>r.indexOf(a.chain)-r.indexOf(l.chain)).flatMap(a=>rp(a,n)||[]).filter(a=>!a.ok).map(a=>{let l=a.asset.symbol,p=W(new Le(a.currentAmount.amount).shiftedBy(-a.currentAmount.decimals),8,8),c=W(new Le(a.requiredAmount.amount).shiftedBy(-a.requiredAmount.decimals),8,8),u="";return a.reason==="FEE"&&(u=tt.t(" for network fee")),a.reason==="INPUT_ASSET"&&(u=tt.t(" for swap")),a.reason==="FEE_AND_INPUT_ASSET"&&(u=tt.t(" for input and network fee")),tt.t({id:"Needs \u2248 {requiredAmount} {symbol}{reason}, but you have {currentAmount} {symbol} in your {blockchain} wallet.",values:{requiredAmount:c,symbol:l,reason:u,currentAmount:p,blockchain:Ve(a.asset.blockchain,o)}})})}i(Zl,"generateBalanceWarnings");function Fn(t,e){return(t?new Le(t):Ne).multipliedBy(e||0)}i(Fn,"calcOutputUsdValue");function No(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==Pn.NetworkChanged}i(No,"isNetworkStatusInWarningState");function Rl(t,e){let o="bellow button or",n=t.extraMessage,r=t.extraMessageDetail;if(t.networkStatusExtraMessageDetail?.includes(o)&&(t.networkStatusExtraMessageDetail=t.networkStatusExtraMessageDetail.replace(o,"")),No(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case Pn.WaitingForConnectingWallet:n=n||tt.t("Waiting for connecting wallet");break;case Pn.WaitingForQueue:n=n||tt.t("Waiting for other running tasks to be finished");break;case Pn.WaitingForNetworkChange:n=n||tt.t("Waiting for changing wallet network");break;default:n=n||"";break}r=r||"",n=n||"";let a=n?.indexOf("code")!==-1&&n?.indexOf("reason")!==-1;return{shortMessage:n,detailedMessage:{content:r,long:a}}}i(Rl,"getSwapMessages");function ep(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(ep,"getLastConvertedTokenInFailedSwap");function tp(t){return t.status==="failed"}i(tp,"shouldRetrySwap");function op(t,e,o,n,r,s){return t||!e&&!hg(n).every(a=>r.map(l=>l.chain).includes(a))||!!e&&!o||!!e&&!!o&&s&&!Bn(s,o)}i(op,"confirmSwapDisabled");function np(t,e){return t.blockchain===e.blockchain&&t.symbol===e.symbol&&t.address===e.address}i(np,"isTokensIdentical");function On(t){let e=t?.swaps||[];return e[e.length-1].to.usdPrice}i(On,"getQuoteToTokenUsdPrice");function Wi(t,e){let o=t?.swaps||[],n=e?.swaps||[];return o.length!==n.length}i(Wi,"isNumberOfSwapsChanged");function Ni(t,e){let o=t?.swaps.map(r=>r.swapperId)||[],n=e?.swaps.map(r=>r.swapperId)||[];return!Si(o,n)}i(Ni,"isQuoteSwappersUpdated");function Mi(t,e){let o=t?.swaps.map(r=>r.to.symbol)||[],n=e?.swaps.map(r=>r.to.symbol)||[];return!Si(o,n)}i(Mi,"isQuoteInternalCoinsUpdated");function sp(t,e){return Wi(t,e)||Ni(t,e)||Mi(t,e)}i(sp,"isQuoteChanged");function rp(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(rp,"getRequiredBalanceOfWallet");function Ct(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}i(Ct,"getPriceImpactLevel");function ap(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],s=Cg(t.steps),a={blockchain:r.toBlockchain,symbol:r.toSymbol,address:r.toSymbolAddress},l=Ti(s?s.toBlockchain:n.fromBlockchain,e),p=Ti(r.toBlockchain,e),c=Ci(s?{blockchain:l?.name??"",symbol:s.toSymbol,address:s.toSymbolAddress}:{blockchain:l?.name??"",symbol:n.fromSymbol,address:n.fromSymbolAddress},o),u=Ci(a,o),d=s?s.outputAmount??"":t.inputAmount;return{fromBlockchain:l,fromToken:c,toBlockchain:p,toToken:u,inputAmount:d}}i(ap,"createRetryQuote");function no(t,e){let{fromToken:o,toToken:n,tokens:r,userSlippage:s}=e,a=Vt(o,t.requestAmount),l=Vt(n,t?.outputAmount??"");if(t&&a&&l){let u=Xe(a.toString(),l.toString());if(!!u&&Ol(a,u)){let m=$n(t?.swaps,r),f=Ct(u);return{type:0,inputUsdValue:a,outputUsdValue:l,priceImpact:u,totalFee:m,warningLevel:f}}}else if(t&&(!a||!l))return{type:1};let p=Dn(t.swaps),c=s>bl;if(jl(e.userSlippage.toString(),p)){if(c&&parseFloat(p??"0")<s)return{type:3,slippage:s.toString()}}else return{type:2,recommendedSlippages:Vl(t,s),minRequiredSlippage:p};return null}i(no,"generateQuoteWarnings");function Xe(t,e){let o=typeof e=="string"?parseFloat(e)<=0:!e?.gt(0),n=!t||!e||o?null:Yl(t.toString(),e.toString());return n&&n<0?n:null}i(Xe,"getPriceImpact");var lp=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"),pp=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"),cp=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 Vt=i((t,e)=>t?.usdPrice?new Bt(e||Ne).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),H=Nt(Tg()(kg(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new Bt(0),outputUsdValue:new Bt(0),toBlockchain:null,toToken:null,refetchQuote:!0,sortStrategy:"SMART",selectedQuote:null,quotes:null,error:null,warning:null,quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:null,quoteWarningsConfirmed:!1,updateQuotePartialState:(e,o)=>t(n=>({...n,[e]:o})),setSelectedQuote:e=>t(o=>{let n=null,r=Ne;return vo(o.inputAmount)?(e&&(n=e?.outputAmount?new Bt(e?.outputAmount):null,r=Fn(e?.outputAmount,On(e)||o.toToken?.usdPrice)),{selectedQuote:e,...!!e&&{outputAmount:n,outputUsdValue:r}}):{}}),resetAlerts:()=>t(()=>({error:null,warning:null})),resetQuote:()=>t(()=>({selectedQuote:null,outputAmount:null,outputUsdValue:new Bt(0),quotes:null,refetchQuote:!0,error:null,warning:null})),setFromBlockchain:e=>{t(o=>o.fromBlockchain?.name===e?.name?{}:{fromBlockchain:e,...o.fromToken&&{selectedQuote:null,fromToken:null,outputAmount:null,outputUsdValue:null}})},setFromToken:e=>t(o=>({fromToken:e.token,...e.token&&{fromBlockchain:e.meta.blockchains.find(n=>n.name===e.token.blockchain)??null},...!!o.inputAmount&&{inputUsdValue:Vt(e.token,o.inputAmount)}})),setToBlockchain:e=>{t(o=>o.toBlockchain?.name===e?.name?{}:{toBlockchain:e,...o.toToken&&{selectedQuote:null,toToken:null,outputAmount:null,outputUsdValue:null}})},setToToken:e=>t(()=>({toToken:e.token,...e.token&&{toBlockchain:e.meta.blockchains.find(o=>o.name===e.token.blockchain)??null}})),setInputAmount:e=>{t(o=>({inputAmount:e,...!e&&{outputAmount:new Bt(0),outputUsdValue:new Bt(0),selectedQuote:null},...!!o.fromToken&&{inputUsdValue:Vt(o.fromToken,e)}}))},retry:(e,o)=>{let{tokens:n,blockchains:r}=o,{fromBlockchain:s,fromToken:a,toBlockchain:l,toToken:p,inputAmount:c}=ap(e,r,n);t({fromBlockchain:s,fromToken:a,inputAmount:c,outputAmount:null,inputUsdValue:Vt(a??null,c),outputUsdValue:new Bt(0),toBlockchain:l,toToken:p,selectedQuote:null})},switchFromAndTo:()=>t(e=>({fromBlockchain:e.toBlockchain,fromToken:e.toToken,toBlockchain:e.fromBlockchain,toToken:e.fromToken,inputAmount:e.outputAmount?.toString()||"",inputUsdValue:Vt(e.toToken,e.outputAmount?.toString()||"")})),resetFromBlockchain:()=>t(()=>({fromToken:null,fromBlockchain:null,outputAmount:null,outputUsdValue:null,selectedQuote:null})),resetToBlockchain:()=>t(()=>({toToken:null,toBlockchain:null,outputAmount:null,outputUsdValue:null,selectedQuote:null})),setQuoteWalletConfirmed:e=>t({quoteWalletsConfirmed:e}),setSelectedWallets:e=>t({selectedWallets:e}),setCustomDestination:e=>t({customDestination:e}),resetQuoteWallets:()=>t({quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:null}),setQuoteWarningsConfirmed:e=>t({quoteWarningsConfirmed:e})}))));function up(){let{setInputAmount:t,setToToken:e,setToBlockchain:o,setFromBlockchain:n,setFromToken:r,fromToken:s,toToken:a,fromBlockchain:l,toBlockchain:p}=H(),c=g().config,u=g().fetchStatus,d=g().blockchains(),m=g().tokens(),{setAffiliateRef:f,setAffiliatePercent:y,setAffiliateWallets:C}=g(),S=c?.from?.tokens,h=c?.from?.blockchains,x=c?.to?.tokens,T=c?.to?.blockchains,v=qn(void 0),E=qn(void 0),I=qn(void 0),b=qn(void 0);ro(()=>{t(c?.amount?.toString()||"")},[c?.amount]),ro(()=>{if(u==="success"){let w=d.find(N=>N.name===c?.from?.blockchain),A=m.find(N=>Me(N,c?.from?.token||null));(w||!w&&I.current)&&n(w??null),A?r({token:A,meta:{blockchains:d,tokens:m}}):!A&&v.current&&r({token:null}),I.current=c?.from?.blockchain,v.current=c?.from?.token}},[c?.from?.token?.symbol,c?.from?.token?.address,c?.from?.token?.blockchain,c?.from?.blockchain,u]),ro(()=>{bo(s,S)&&r({token:null}),fi(l,h)&&n(null)},[S,h]),ro(()=>{bo(a,x)&&r({token:null}),fi(p,T)&&o(null)},[x,T]),ro(()=>{if(u==="success"){let w=d.find(N=>N.name===c?.to?.blockchain),A=m.find(N=>Me(N,c?.to?.token||null));(w||!w&&b.current)&&o(w??null),A?e({token:A,meta:{blockchains:d,tokens:m}}):!A&&E.current&&e({token:null}),b.current=c?.to?.blockchain,E.current=c?.to?.token}},[c?.to?.token?.symbol,c?.to?.token?.address,c?.to?.token?.blockchain,c?.to?.blockchain,u]),ro(()=>{f(c?.affiliate?.ref??null),y(c?.affiliate?.percent??null),C(c?.affiliate?.wallets??null)},[c?.affiliate?.ref,c?.affiliate?.percent,c?.affiliate?.wallets])}i(up,"useSyncStoresWithConfig");import{useEffect as _i,useRef as wg}from"react";import{useInRouterContext as xg,useLocation as vg,useSearchParams as bg}from"react-router-dom";function Li(t,e,o){return o&&t.find(n=>{let r=e?.split("--");return r?.length===1?n.symbol===r[0]&&n.address===null&&n.blockchain===o.name:n.symbol===r?.[0]&&n.address===r?.[1]&&n.blockchain===o.name})||null}i(Li,"searchParamToToken");function Bi(t){if(t)return`${t.symbol}${t.address?`--${t.address}`:""}`}i(Bi,"tokenToSearchParam");function Pi(){let t=vg(),[e,o]=bg(),{fromBlockchain:n,toBlockchain:r,fromToken:s,toToken:a,inputAmount:l,setFromBlockchain:p,setToBlockchain:c,setFromToken:u,setToToken:d,setInputAmount:m}=H(),f=g().fetchStatus,y=g().blockchains(),C=g().tokens(),S=xg(),{updateIframe:h,updateCampaignMode:x}=g(),T=g().isInCampaignMode(),v=wg(),E=i(()=>{let b=e.get("fromAmount"),w=e.get("fromBlockchain"),A=e.get("fromToken"),N=e.get("toBlockchain"),L=e.get("toToken"),j=e.get("autoConnect"),G=e.get("clientUrl"),z=e.get("liquiditySources");return{fromAmount:b,fromBlockchain:w,fromToken:A,toBlockchain:N,toToken:L,autoConnect:j,clientUrl:G,liquiditySources:z}},"getUrlSearchParams"),I=i(b=>{for(let w in b)b[w]||delete b[w];o(b,{replace:!0})},"updateUrlSearchParams");_i(()=>{let{autoConnect:b,clientUrl:w}=E();S&&f==="success"&&I({fromBlockchain:n?.name,fromToken:Bi(s),toBlockchain:r?.name,toToken:Bi(a),fromAmount:l,autoConnect:b??void 0,clientUrl:w??void 0,liquiditySources:T?v.current:void 0})},[t.pathname,l,n,s,r,a,T]),_i(()=>{if(!S)return;let b=E();if(!v.current&&b.liquiditySources&&(v.current=b.liquiditySources),b.fromAmount&&m(b.fromAmount),f==="success"){let w=y.find(j=>j.name===b.fromBlockchain),A=Li(C,b.fromToken,w??null),N=y.find(j=>j.name===b.toBlockchain),L=Li(C,b.toToken,N??null);w&&(p(w),A&&u({token:A,meta:{blockchains:y,tokens:C}})),N&&(c(N),L&&d({token:L,meta:{blockchains:y,tokens:C}}))}},[f]),_i(()=>{let{clientUrl:b,liquiditySources:w}=E();h("clientUrl",b||void 0),x("liquiditySources",w?.split(",")??void 0)},[])}i(Pi,"useSyncUrlAndStore");import{i18n as Nr}from"@lingui/core";import{useManager as bS}from"@rango-dev/queue-manager-react";import{Alert as Vu,Button as IS,css as Bs,Divider as Ls,IconButton as ju,SettingsIcon as ES,styled as AS,Tooltip as WS,Typography as NS,WalletIcon as MS}from"@rango-dev/ui";import de,{useEffect as Xo,useLayoutEffect as LS,useRef as BS,useState as Ko}from"react";import{flushSync as _S}from"react-dom";import{useLocation as PS,useNavigate as $S}from"react-router-dom";import{i18n as mt}from"@lingui/core";import{Alert as us,BalanceErrors as fy,Button as Ic,ChevronDownIcon as gy,ChevronLeftIcon as hy,Divider as mo,MessageBox as yy,Typography as pr,WalletIcon as Sy}from"@rango-dev/ui";import D,{useEffect as Cy,useState as fo}from"react";import{useNavigate as Ty}from"react-router-dom";import{i18n as zn}from"@lingui/core";function Qn(t){switch(t.type){case 0:return zn.t("Route has been updated.");case 3:return zn.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return zn.t("Route swappers has been updated.");case 2:return zn.t("Route internal coins has been updated.");default:return""}}i(Qn,"getQuoteUpdateWarningMessage");import{Modal as Eg}from"@rango-dev/ui";import Ag from"react";function ae(t){let{watermark:e}=oe();return Ag.createElement(Eg,{hasWatermark:e==="FULL",...t},t.children)}i(ae,"WatermarkedModal");import jn,{useRef as Mg}from"react";import*as io from"@radix-ui/react-collapsible";import{keyframes as dp,styled as Hn}from"@rango-dev/ui";var $i=300,Wg=dp({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),Ng=dp({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),fp=Hn(io.Root,{borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),Di=Hn(io.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit",cursor:"pointer"}),Gn=Hn(io.Content,{overflow:"hidden",variants:{open:{true:{animation:`${Wg} ${$i}ms ease-out`},false:{animation:`${Ng} ${$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=Mg(null);return jn.createElement(fp,{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 gp,darkTheme as so,IconButton as Lg,styled as Ke,TextField as Bg}from"@rango-dev/ui";var hp=Ke("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),yp=Ke("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),_g=Ke("button",{borderRadius:"$xm",padding:"$10",border:"0",display:"flex",justifyContent:"center",$$color:"$colors$neutral100",[`.${so} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",alignItems:"center",cursor:"pointer",width:110,position:"relative","&:hover":{$$color:"$colors$info100",[`.${so} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$color:"$colors$info100",[`.${so} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color",outline:0},variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary",outlineStyle:"solid"}}}}),Sp=Ke(_g,{alignSelf:"stretch",minHeight:"93px"}),Cp=Ke("div",{padding:"$20 $20 $15 $20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),Tp=Ke(Lg,{position:"absolute",left:"$20"}),kp=Ke("div",{paddingTop:"$20"}),wp=gp({display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),xp=Ke("div",{padding:"$10 $0","& .button__content":{display:"flex",alignItems:"center"},"& .alarms":{paddingTop:"$5"},"& .collapsible_content":{backgroundColor:"$neutral100"},"& .collapsible_root":{backgroundColor:"$neutral200"}}),vp=gp({paddingTop:"$5"}),bp=Ke("div",{display:"flex"}),Ip=Ke(Bg,{backgroundColor:"$neutral100",padding:"$0 $15 $15 $15"}),Ep=Ke("div",{overflow:"visible",width:"100%"}),Ap=Ke("div",{width:"100%",borderRadius:"$sm",display:"flex",padding:"$15",justifyContent:"space-between",alignItems:"center",$$color:"$colors$neutral100",[`.${so} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color","&:hover":{$$color:"$colors$info100",[`.${so} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$background:"$colors$info100",[`.${so} &`]:{$$background:"$colors$info700"},backgroundColor:"$$background",outline:0}});import{i18n as ot}from"@lingui/core";import{Button as cy,Divider as ps,Image as uy,MessageBox as ar,SelectableWallet as my,Typography as xc,WalletState as vc}from"@rango-dev/ui";import me,{useEffect as bc,useState as Po}from"react";import{WalletState as Kn}from"@rango-dev/ui";import{useWallets as Pg}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as $g,WalletTypes as Mo}from"@rango-dev/wallets-shared";import{useCallback as Dg,useEffect as Fg,useState as Og}from"react";var Ug=Object.values(Mo);function ao(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:s,disconnect:a,getWalletInfo:l,connect:p}=Pg(),{connectedWallets:c}=Y(),u=g().blockchains(),d=ll(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||Ug,m=Va(s,l,d,o),f=Ra(m),[y,C]=Og(""),S=i(E=>!c.find(I=>I.walletType===E&&I.chain===o),"isExperimentalChainNotAdded"),h=i(async E=>{let I=s(E);try{if(y&&C(""),I.connected)await a(E);else{let b=!!m.find(w=>w.state===Kn.CONNECTED);if(!e?.multiWallets&&b)return;n?.(E),await p(E),r?.(E)}}catch(b){C("Error: "+b?.message)}},"handleClick"),x=Dg(()=>{let E=m?.filter(I=>I.state===Kn.CONNECTING)||[];for(let I of E)a(I.type)},[ol(m)]);Fg(()=>()=>{x()},[]);let T=i(E=>{let I=E.find(w=>w.type===Mo.DEFAULT);return!I||I.state===Kn.NOT_INSTALLED?!1:E.filter(w=>w.state!=Kn.NOT_INSTALLED&&![Mo.DEFAULT,Mo.WALLET_CONNECT_2].includes(w.type)&&l(w.type).supportedChains.filter(A=>A.type=="EVM").length>0).length==0},"shouldShowDefaultInjectedWallet"),v=i((E,I,b)=>Tn(b,I)&&S(E)&&!$g.includes(E)||E==Mo.DEFAULT&&!T(m),"shouldExcludeWallet");return{list:f.filter(E=>!v(E.type,o??"",u)),error:y,handleClick:h,disconnectConnectingWallets:x}}i(ao,"useWalletList");import{i18n as hc}from"@lingui/core";import{styled as Sc,Typography as ny,Wallet as ry,WalletState as iy}from"@rango-dev/ui";import uo,{useState as yc}from"react";import{useManager as Vh}from"@rango-dev/queue-manager-react";import{BottomLogo as jh,Divider as pc,Header as Xh}from"@rango-dev/ui";import Se,{useEffect as rs,useRef as cc,useState as Kh}from"react";import{useRef as qg}from"react";function Yn(){return window.self!==window.top}i(Yn,"isAppLoadedIntoIframe");function Fi(){let t=qg(null),{iframe:e}=g(),o=Yn()&&e.clientUrl,n=i(a=>{o&&window.top?.postMessage(a,e.clientUrl)},"send");return{send:n,connectHeightObserver:i(a=>{t.current=new ResizeObserver(l=>{for(let p of l)n({type:"widget_height",data:{height:p.contentRect.height}})}),t.current.observe(a)},"connectHeightObserver"),disconnectHeightObserver:i(()=>{t.current&&(t.current.disconnect(),t.current=null)},"disconnectHeightObserver")}}i(Fi,"useIframe");import{useNavigate as zg}from"react-router-dom";function Ye(){let t=zg();return()=>t(-1)}i(Ye,"useNavigateBack");import{createTheme as Hi,darkTheme as Xg,lightTheme as Kg}from"@rango-dev/ui";import{useEffect as Yg,useState as Jg}from"react";import{theme as Vg,darkColors as jg}from"@rango-dev/ui";import zi from"react";function Qg(t,e,o){let p=[],c=90;for(let m=0;m<9;m++)p.push(c),m+1===4?c=0:c-=m>=4?6:10;let u=o?p.slice().reverse():p,d={};for(let m=0;m<9;m++){let f=100+m*100,y=u[m],C={[`${e}${f}`]:Jn(t,y)};Object.assign(d,C)}return{...d,[e]:t}}i(Qg,"generateShades");function Jn(t,e){let[o,n,r]=Wp(t);return`#${Oi(o+e)}${Oi(n+e)}${Oi(r+e)}`}i(Jn,"generateShade");function Wp(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(Wp,"convertToRGB");function Oi(t){return("0"+Math.max(0,Math.min(255,t)).toString(16)).slice(-2).toUpperCase()}i(Oi,"clamp");function Np(t){let[a,l,p]=Wp(t);return(a*299+l*587+p*114)/1e3>188}i(Np,"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,...Qg(a,s,s==="neutral"&&e)})}return n?r:{}},"generateColors");var Mp=i(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),Hg=i(t=>{let e="",o;for(o=Math.abs(t);o>52;o=o/52|0)e=Mp(o%52)+e;return Mp(o%52)+e},"toAlphabeticName"),Gg=i((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),qi=i(t=>Hg(Gg(5381,JSON.stringify(t))>>>0),"toHash");function Qi(t){let e=Vg.colors,o=Ui({...e,...jg},!0,t?.dark),n=Ui(e,!1,t?.light),r=Object.keys(o).length>0,s=Object.keys(n).length>0,a,l;if(s){let p={colors:n};a={id:`${di}-light-${qi(p)}`,tokens:p}}if(r){let p={colors:o};l={id:`${di}-dark-${qi(p)}`,tokens:p}}return{light:a,dark:l}}i(Qi,"customizedThemeTokens");function Lp(t,e){if(t.length<=1)return t.map(({element:n,key:r})=>zi.cloneElement(n,{key:r}));let o=[];return t.forEach((n,r)=>{let{element:s,key:a}=n;if(o.push(zi.cloneElement(s,{key:a})),r<t.length-1){let l=`divider-${r}`;o.push(zi.cloneElement(e,{key:l}))}}),o}i(Lp,"joinList");function Zn(t){let{colors:e,fontFamily:o=sl,borderRadius:n=rl,secondaryBorderRadius:r=il}=t,[s,a]=Jg("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,Kg.className],m=[u.className,Xg.className];if(c){let y=Hi(c.id,c.tokens);d.push(y.className)}if(p){let y=Hi(p.id,p.tokens);m.push(y.className)}return Yg(()=>{let y=i(C=>{C.matches?a("dark"):a("light")},"switchThemeListener");return window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches&&a("dark"),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",y),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",y)}},[]),{activeTheme:i(()=>{let y=d.join(" "),C=m.join(" ");return l==="auto"?s==="dark"?C:y:l==="dark"?C:y},"getActiveTheme")}}i(Zn,"useTheme");var ut=i(t=>{let e=[];return t?.getAll().forEach((o,n)=>{let r=o.list.getStorage();r?.swapDetails&&e.push({id:n,swap:r?.swapDetails})}),e.sort((o,n)=>Number(n.swap.creationTime)-Number(o.swap.creationTime))},"getPendingSwaps");import{i18n as Bp}from"@lingui/core";import{Alert as Zg,Button as Rg}from"@rango-dev/ui";import _p from"react";function Gi(t){return _p.createElement(Zg,{action:_p.createElement(Rg,{onClick:t.onActivateTab,variant:"contained",size:"xxsmall",type:"warning"},Bp.t("Activate this tab")),type:"warning",variant:"alarm",title:Bp.t("Another tab is open and handles transactions.")})}i(Gi,"ActivateTabAlert");import{i18n as Vi}from"@lingui/core";import{Button as eh,Divider as th,MessageBox as oh}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:M()},Rn.createElement(oh,{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(th,{size:20}),Rn.createElement(eh,{variant:"contained",size:"large",type:"primary",fullWidth:!0,onClick:n},Vi.t("Confirm"))))}i(ji,"ActivateTabModal");import{ChevronLeftIcon as ih}from"@rango-dev/ui";import zp from"react";import{css as nh,darkTheme as Pp,IconButton as rh,styled as jt}from"@rango-dev/ui";var Je=jt(rh,{width:"$24",position:"relative",padding:"0",overflow:"unset","&:hover":{backgroundColor:"$info100",[`.${Pp} &`]:{backgroundColor:"$neutral"}}}),$p=jt("div",{position:"absolute",background:"$secondary500",[`.${Pp} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),lo=jt("div",{display:"flex",justifyContent:"flex-end",minWidth:"$40",button:{padding:0}}),Dp=jt("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"}}}}),Fp=jt("div",{padding:"$2",variants:{isRefetched:{true:{transform:"rotate(360deg)",transition:"transform 1s ease-in-out"}}}}),Op=jt("div",{position:"absolute",right:"$4",top:"$4",backgroundColor:"$background",borderRadius:"100%"}),Up=nh({display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center"}),qp=jt("div",{borderRadius:"100%",border:"1.5px transparent solid","&:not(:first-child)":{marginLeft:"-$6"},img:{borderRadius:"100%"}});function Xi(t){return zp.createElement(Je,{variant:"ghost",size:"small",onClick:t.onClick},zp.createElement(ih,{color:"black",size:16}))}i(Xi,"BackButton");import{i18n as sh}from"@lingui/core";import{Button as ah,Typography as lh}from"@rango-dev/ui";import Ki from"react";function Yi(t){return Ki.createElement(lo,null,Ki.createElement(ah,{variant:"ghost",onClick:t.onClick,size:"xsmall"},Ki.createElement(lh,{variant:"label",size:"medium",color:"error500"},sh.t("Cancel"))))}i(Yi,"CancelButton");import{i18n as ph}from"@lingui/core";import{Image as ch,Tooltip as uh,WalletIcon as mh}from"@rango-dev/ui";import Xt from"react";function Ji(t){let{list:e}=ao({}),o=e.filter(r=>r.state==="connected"),n=o.length?Xt.createElement("div",{className:Up()},o.map(r=>Xt.createElement(qp,{key:r.title},Xt.createElement(ch,{src:r.image,size:14})))):ph.t("Connect Wallet");return Xt.createElement(uh,{container:t.container,side:"bottom",content:n},Xt.createElement(Je,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&Xt.createElement($p,null),Xt.createElement(mh,{size:18,color:"black"})))}i(Ji,"WalletButton");import{i18n as or}from"@lingui/core";import{NotificationsIcon as Dh,Popover as Fh,SettingsIcon as Oh,Tooltip as nr,TransactionIcon as Uh}from"@rango-dev/ui";import ve from"react";import{i18n as wh}from"@lingui/core";import{EventSeverity as Kp}from"@rango-dev/queue-manager-rango-preset";import{ChainToken as Yp,ChevronRightIcon as xh,Divider as vh,Typography as bh}from"@rango-dev/ui";import Ue from"react";import{useNavigate as Ih}from"react-router-dom";import{create as dh}from"zustand";import{persist as fh,subscribeWithSelector as gh}from"zustand/middleware";var Oe=Nt(dh()(fh(gh((t,e)=>({notifications:[],setNotification:(o,n)=>{let r=n.steps[0],s=n.steps[n.steps.length-1],a={event:o,creationTime:Date.now(),read:!1,requestId:n.requestId,route:{from:{blockchain:r.fromBlockchain,address:r.fromSymbolAddress,symbol:r.fromSymbol},to:{blockchain:s.toBlockchain,address:s.toSymbolAddress,symbol:s.toSymbol}}},l=e().notifications.filter(p=>p.requestId!==n.requestId);t(()=>({notifications:[...l,a]}))},setAsRead:o=>{t(n=>({notifications:n.notifications.map(r=>r.requestId===o?{...r,read:!0}:r)}))},getUnreadNotifications:()=>e().notifications.filter(o=>!o.read)})),{name:"notification",skipHydration:!0})));import{darkTheme as hh,ListItemButton as yh,styled as Lo}from"@rango-dev/ui";var Qp=Lo("div",{padding:"$10",width:"350px",maxWidth:"90vw",minHeight:"150px"}),Hp=Lo("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),Gp=Lo(yh,{variants:{actionRequired:{true:{backgroundColor:"$error300",[`.${hh} &`]:{backgroundColor:"$error600"}}}}}),Vp=Lo("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),jp=Lo("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as Sh}from"@lingui/core";import{Divider as Ch,NoNotificationIcon as Th,Typography as kh}from"@rango-dev/ui";import er from"react";function Xp(){return er.createElement(jp,null,er.createElement(Th,{color:"secondary",size:26}),er.createElement(Ch,{size:12}),er.createElement(kh,{variant:"body",size:"medium",color:"neutral700"},Sh.t("There are no notifications.")))}i(Xp,"NotificationNotFound");var Eh=4;function Zi(){let t=Ih(),{getUnreadNotifications:e}=Oe(),o=e(),n=g().blockchains(),r=g().tokens(),s=o.sort((l,p)=>p.creationTime-l.creationTime).slice(0,Eh),a=i(l=>{t(`${F.swaps}/${l}`)},"handleOnClick");return Ue.createElement(Qp,null,s.length?Ue.createElement(Hp,null,s.map((l,p)=>{let{route:c,requestId:u,event:d}=l,m=r.find(S=>Me(S,c.from)),f=n.find(S=>S.name===c.from.blockchain),y=r.find(S=>Me(S,c.to)),C=n.find(S=>S.name===c.to.blockchain);return Ue.createElement(Ue.Fragment,{key:u},p>0&&Ue.createElement(vh,{size:4}),Ue.createElement(Gp,{onClick:()=>a(u),actionRequired:d.messageSeverity===Kp.WARNING,title:Ue.createElement(bh,{variant:"body",size:"small",color:d.messageSeverity===Kp.WARNING?"$foreground":"$neutral700"},wh.t(d.message)),id:u,start:Ue.createElement(Vp,null,Ue.createElement("div",{className:"from-chain-token"},Ue.createElement(Yp,{tokenImage:m?m.image:"",chainImage:f?f.logo:"",size:"small"})),Ue.createElement("div",{className:"to-chain-token"},Ue.createElement(Yp,{tokenImage:y?y.image:"",chainImage:C?C.logo:"",size:"small"}))),end:Ue.createElement(xh,{size:12,color:"gray"})}))})):Ue.createElement(Xp,null))}i(Zi,"NotificationContent");import{useManager as Ah}from"@rango-dev/queue-manager-react";import{InProgressIcon as Wh}from"@rango-dev/ui";import Jp from"react";var Nh=i(()=>{let{manager:t}=Ah();return ut(t).map(({swap:o})=>o).find(o=>o.status==="running")?Jp.createElement(Op,null,Jp.createElement(Wh,{color:"info",size:6})):null},"InProgressTransactionBadge"),Zp=Nh;import{RefreshProgressButton as Mh}from"@rango-dev/ui";import Ri,{useEffect as Lh,useState as Rp}from"react";var Bh=1e3,ec=60,_h=100;function tr({onClick:t}){let[e,o]=Rp(0),[n,r]=Rp(!1),s=i(p=>{document.hidden&&p&&a(p)},"handleVisibilityChange");Lh(()=>{let p;return t?p=window.setInterval(()=>{o(c=>c+1),e===ec&&l()},Bh):a(p),document.addEventListener("visibilitychange",()=>s(p)),()=>{document.removeEventListener("visibilitychange",()=>s(p)),p&&clearInterval(p)}},[e,t]);let a=i(p=>{p&&clearInterval(p),o(0)},"clearTimeout"),l=i(()=>{t?.(),o(0),r(!0)},"handleRefreshClick");return Ri.createElement(Je,{variant:"ghost",size:"small",style:{paddingTop:0,paddingBottom:0},onClick:l,disabled:!t},Ri.createElement(Fp,{onTransitionEnd:()=>r(!1),isRefetched:n},Ri.createElement(Mh,{size:22,color:t?"black":"gray",progress:e/ec*_h})))}i(tr,"RefreshButton");import{EventSeverity as Ph}from"@rango-dev/queue-manager-rango-preset";import{Typography as $h}from"@rango-dev/ui";import tc from"react";function oc(){let{getUnreadNotifications:t}=Oe(),e=t(),o=e.length,n=!!e.find(r=>r.event.messageSeverity===Ph.WARNING);return o?tc.createElement(Dp,{isSever:n},tc.createElement($h,{variant:"body",size:"xsmall",color:"$background"},o)):null}i(oc,"UnreadNotificationsBadge");function Kt(t){let{onClickRefresh:e,onClickHistory:o,onClickSettings:n,hidden:r=[]}=t,{config:{features:s}}=g(),a=je("notification",s)||r.includes("notifications");return ve.createElement(ve.Fragment,null,!r.includes("refresh")&&ve.createElement(nr,{container:M(),side:"top",content:or.t("Refresh")},ve.createElement(tr,{onClick:e})),!a&&ve.createElement(Fh,{align:"end",alignOffset:-88,collisionPadding:{right:20,left:20},container:M(),content:ve.createElement(Zi,null)},ve.createElement("div",null,ve.createElement(nr,{container:M(),side:"top",content:or.t("Notifications")},ve.createElement(Je,{size:"small",variant:"ghost"},ve.createElement(Dh,{size:18,color:"black"}),ve.createElement(oc,null))))),!r.includes("settings")&&ve.createElement(nr,{container:M(),side:"top",content:or.t("Settings")},ve.createElement(Je,{size:"small",variant:"ghost",onClick:n},ve.createElement(Oh,{size:18,color:"black"}))),!r.includes("history")&&ve.createElement(nr,{container:M(),side:"top",content:or.t("Transactions History")},ve.createElement(Je,{size:"small",variant:"ghost",onClick:o},ve.createElement(Uh,{size:18,color:"black"}),ve.createElement(Zp,null))))}i(Kt,"HeaderButtons");import{i18n as es}from"@lingui/core";import{Divider as rc,MessageBox as Qh,RefreshIcon as Hh}from"@rango-dev/ui";import po from"react";import{Button as qh,styled as zh}from"@rango-dev/ui";var nc=zh(qh,{"& span":{display:"flex",justifyContent:"center",alignItems:"center"}});function ts(t){let{open:e,onClose:o}=t;return po.createElement(ae,{open:e,dismissible:!0,onClose:o,container:M()},po.createElement(Qh,{title:es.t("Something wrong"),type:"error",description:es.t("Something Wrong. Please refresh the app")},po.createElement(rc,{size:30}),po.createElement(nc,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:()=>location.reload()},po.createElement(Hh,{size:20,color:"primary"}),po.createElement(rc,{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 Gh,styled as ns}from"@rango-dev/ui";var ic="700px",rr=Gh({borderRadius:"$primary",display:"flex",flexDirection:"column",overflow:"hidden",boxShadow:"15px 15px 15px 0px rgba(0, 0, 0, 0.05)"}),sc=ns("div",{position:"relative",width:"100vw",minWidth:"300px",maxWidth:"390px",backgroundColor:"$background",variants:{height:{auto:{height:"auto",maxHeight:ic},fixed:{height:ic}}}}),ac=ns("div",{position:"relative",overflow:"hidden",flexGrow:1,display:"flex",flexDirection:"column",padding:0,overflowY:"auto"}),lc=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}=g(),[p,c]=Kh(!1),u=Y.use.connectedWallets(),{config:{features:d,theme:m}}=g(),{watermark:f}=oe(),y=f==="FULL",{activeTheme:C}=Zn(m||{}),S=je("connectWalletButton",d),{isActiveTab:h,tabManagerInitiated:x,showActivateTabModal:T,setShowActivateTabModal:v,activateCurrentTab:E}=oe(),I=Ye(),{manager:b}=Vh(),A=ut(b).map(({swap:B})=>B).some(B=>B.status==="running"),N=i(()=>E(Ht.forceClaim,A),"onActivateTab"),L=i(()=>{r.onWallet?.()},"onConnectWallet"),j=typeof r.hasBackButton>"u"||r.hasBackButton,G=cc(null),z=cc(null);return rs(()=>(Yn()&&z.current&&e(z.current),()=>{o()}),[]),rs(()=>(G.current?.addEventListener("scroll",os),()=>{G.current?.removeEventListener("scroll",os)}),[]),rs(()=>{c(l==="failed")},[l]),Se.createElement(sc,{height:a,id:ke.SWAP_BOX_ID,className:`${C()} ${rr()}`,ref:z},Se.createElement(Xh,{prefix:Se.createElement(Se.Fragment,null,j&&Se.createElement(Xi,{onClick:()=>{I(),r.onBack&&r.onBack()}})),title:r.title,suffix:Se.createElement(Se.Fragment,null,r.suffix,r.onWallet&&!S&&Se.createElement(Ji,{container:M(),onClick:L,isConnected:!!u?.length}),r.onCancel&&Se.createElement(Yi,{onClick:r.onCancel}))}),Se.createElement(ac,{ref:G},n),Se.createElement(ji,{open:T,onClose:()=>v(!1),onConfirm:N}),Se.createElement(lc,null,Se.createElement("div",{className:"footer__content"},x&&!h&&Se.createElement("div",{className:"footer__alert"},Se.createElement(Gi,{onActivateTab:N}),Se.createElement(pc,{size:10})),s),Se.createElement(pc,{size:12}),Se.createElement("div",{className:`footer__logo ${y?"logo__show":"logo__hidden"}`},Se.createElement(jh,null))),Se.createElement(ts,{open:p,onClose:()=>c(!1)}))}i(le,"Layout");import{styled as Yh}from"@rango-dev/ui";var uc="$20 $20 $10 $20",Bo=Yh("div",{padding:uc,overflowY:"auto",flexGrow:1});import{styled as Jh}from"@rango-dev/ui";var ue=Jh("div",{display:"flex",flexDirection:"column",padding:"20px 20px 10px",flexGrow:1,variants:{view:{true:{flexGrow:1,overflow:"hidden"}},compact:{true:{padding:0}}}});import{Divider as oy}from"@rango-dev/ui";import ss from"react";import{i18n as co}from"@lingui/core";import{Image as ey,MessageBox as is,WalletState as ty}from"@rango-dev/ui";import Yt from"react";import{keyframes as Zh,styled as ir}from"@rango-dev/ui";var R0=ir("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),mc=ir("div",{position:"relative"}),Rh=Zh({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),dc=ir("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Rh} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),fc=ir("div",{"& img":{borderRadius:"50%"}});function gc(t){let{state:e,image:o,error:n}=t;return e===ty.CONNECTED?Yt.createElement(is,{type:"success",title:co.t("Wallet Connected"),description:co.t("Your wallet is connected, you can use it to swap.")}):n?Yt.createElement(is,{type:"error",title:co.t("Failed to Connect"),description:n||co.t("Your wallet is not connected. Please try again.")}):Yt.createElement(is,{type:"loading",title:co.t("Connecting to your wallet"),description:co.t("Click connect in your wallet popup."),icon:Yt.createElement(mc,null,Yt.createElement(fc,null,Yt.createElement(ey,{src:o,size:45})),Yt.createElement(dc,null))})}i(gc,"ModalContent");function _o(t){let{open:e,onClose:o,...n}=t;return ss.createElement(ae,{open:e,onClose:o,container:document.getElementById(ke.SWAP_BOX_ID)||document.body},ss.createElement(gc,{...n}),ss.createElement(oy,{direction:"vertical",size:32}))}i(_o,"WalletModal");var sy=Sc("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),ay=Sc(ue,{textAlign:"center"}),sr=3e3,as=300;function Cc(){let{config:t,fetchStatus:e}=g(),[o,n]=yc(!1),[r,s]=yc(""),a=null,l=oe.use.isActiveTab(),{list:p,handleClick:c,error:u,disconnectConnectingWallets:d}=ao({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),y=f?.image||"",C=f?.state||iy.NOT_INSTALLED;return uo.createElement(le,{header:{title:hc.t("Connect Wallets")}},uo.createElement(ay,null,uo.createElement(ny,{variant:"title",size:"xmedium",align:"center"},hc.t("Choose a wallet to connect.")),uo.createElement(sy,null,p.map((S,h)=>{let x=`wallet-${h}-${S.type}`;return uo.createElement(ry,{key:x,...S,container:M(),onClick:T=>{c(T)},isLoading:e==="loading",disabled:!l})}),uo.createElement(_o,{open:!!o,onClose:m,image:y,state:C,error:u}))))}i(Cc,"WalletsPage");import{keyframes as ly,styled as ls}from"@rango-dev/ui";var Tc=ls("div",{position:"relative"}),py=ly({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),kc=ls("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}),wc=ls("div",{"& img":{borderRadius:"50%"}});var dy=7;function cs(t){let{chain:e,isSelected:o,selectWallet:n,limit:r,onShowMore:s}=t,{config:a}=g(),l=oe.use.isActiveTab(),p=Y.use.connectedWallets(),{blockchains:c}=g(),[u,d]=Po(""),[m,f]=Po(null),[y,C]=Po(!1),[S,h]=Po(null),{suggestAndConnect:x}=lr(),T=null,{list:v,error:E,handleClick:I,disconnectConnectingWallets:b}=ao({config:a,chain:e,onBeforeConnect:B=>{T=setTimeout(()=>{d(B)},as)},onConnect:()=>{T&&clearTimeout(T),setTimeout(()=>{d("")},sr)}}),[w,A]=Po(v),N=v.length,L=r&&N-r>0,j=i(async B=>{C(!1),h("in-progress");try{await x(B.walletType,B.chain),h("completed")}catch{h("rejected")}},"addExperimentalChain");bc(()=>{A(B=>{let ee=v.findIndex(ne=>o(ne.type,e));return L&&ee>1?[v[ee]].concat(v.filter((ne,Q)=>Q!==ee)):B.map(ne=>v.find(Q=>Q.type===ne.type)??ne)})},[JSON.stringify(v)]);let G=document.getElementById(ke.SWAP_BOX_ID);bc(()=>{let B=null;return(S==="completed"||S==="rejected")&&(B=setTimeout(()=>h(null),sr)),()=>{B&&clearTimeout(B)}},[S]);let z=i(()=>{b(),d("")},"handleCloseWalletModal");return me.createElement(me.Fragment,null,w.slice(0,r).map(B=>{let ee=el({connectedWallets:p,walletType:B.type,chain:e}),ne=ee?wn(ee,dy):"",Q=Tn(c(),e),ce=!p.find(re=>re.walletType===B.type&&re.chain===e),k=Q&&ce&&B.state===vc.CONNECTED,X=k?ot.t({id:"Add {chain} chain",values:{chain:e}}):ne,fe=i(()=>{B.state===vc.DISCONNECTED?I(B.type):k?(f({walletType:B.type,chain:e,address:ee??""}),C(!0)):n({walletType:B.type,chain:e,address:ee??""})},"onClick"),J=m?.chain?Sl(m.chain,c()):void 0;return me.createElement(me.Fragment,{key:`${B.title}_${J}`},me.createElement(_o,{open:u===B.type,onClose:z,image:B.image,state:B.state,error:E}),!!m&&me.createElement(ae,{open:!!m&&y,container:G,onClose:()=>{f(null)}},me.createElement(ar,{title:ot.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:J}}),type:"warning",description:ot.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:J}})},me.createElement(ps,{size:18}),me.createElement(ps,{size:32}),me.createElement(cy,{onClick:j.bind(null,m),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},ot.t("Confirm")))),S&&me.createElement(ae,{open:!!S,onClose:h.bind(null,null),container:G},S==="in-progress"&&me.createElement(ar,{type:"loading",title:ot.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:J}}),description:ot.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:J}}),icon:me.createElement(Tc,null,me.createElement(wc,null,me.createElement(uy,{src:B.image,size:45})),me.createElement(kc,null))}),S==="completed"&&me.createElement(ar,{type:"success",title:ot.t({id:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:J}}),description:ot.t({id:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:J}})}),S==="rejected"&&me.createElement(ar,{type:"error",title:ot.t("Request Rejected"),description:ot.t({id:"You've rejected adding {blockchainDisplayName} chain to your wallet.",values:{blockchainDisplayName:J}})}),me.createElement(ps,{direction:"vertical",size:32})),me.createElement(my,{key:B.type,description:X,onClick:fe,selected:o(B.type,e),disabled:!l,...B}))}),L&&me.createElement(Sp,{selected:!1,onClick:s},me.createElement(xc,{variant:"label",size:"medium"},ot.t("Show more wallets"),me.createElement(xc,{variant:"label",size:"medium",color:"$primary"},"\xA0+",N-(r??0)))))}i(cs,"WalletList");var ky=2;function Ec(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,loading:s}=t,a=g().config,l=g().blockchains(),{selectedQuote:p,setSelectedWallets:c,quoteWalletsConfirmed:u,setQuoteWalletConfirmed:d,customDestination:m,setCustomDestination:f}=H(),{connectedWallets:y,selectWallets:C}=Y(),[S,h]=fo(""),[x,T]=fo([]),[v,E]=fo(""),[I,b]=fo(null),[w,A]=fo(!!m),N=Ln(p?.swaps||null),L=l.find(U=>U.name===p?.swaps[p?.swaps.length-1].to.blockchain),j=i(U=>!!p?.swaps.find(V=>V.from.blockchain===U),"isWalletRequiredFor"),G=i(()=>y.filter(U=>U.selected&&N.includes(U.chain)),"getInitialSelectableWallets"),[z,B]=fo(G()),ee=l.find(U=>U.name===L?.name),ne=x.length>0,Q=i((U,V)=>!!z.find(Z=>Z.walletType===U&&Z.chain===V&&Z.selected&&(j(V)||!j(V)&&!m)),"isSelected"),ce=!!m&&w&&ee&&!Bn(ee,m),k=i(()=>{A(!1),f(null),B(U=>{let V=!1;return U.map(Z=>!V&&Z.chain===L?.name?(V=!0,{...Z,selected:!0}):Z)})},"resetCustomDestination"),X=i(U=>{if(S&&h(""),Q(U.walletType,U.chain))return;let Z=y.find(Ie=>Ie.walletType===U.walletType&&Ie.chain===U.chain);Z&&(n(),U.chain===L?.name&&w&&(A(!1),f(null)),B(Ie=>Ie.filter(et=>et.chain!==U.chain).concat({...Z,selected:!0})))},"onChange"),fe=i(()=>{let U=z.filter(V=>V.selected);C(U),c(U),d(!0),o()},"onConfirmBalance"),J=i(async()=>{T([]),E(""),b(null);let U=y.filter(Ie=>z.find(et=>et.chain===Ie.chain&&et.walletType===Ie.walletType)),V=await r?.({selectedWallets:U,customDestination:m}),Z=V.warnings;Z?.balance?.messages&&T(Z.balance.messages),Z?.quoteUpdate&&b(Z.quoteUpdate),V.error&&E(Fl(V.error)),!V.error&&!Z?.balance?.messages.length?fe():T(Z?.balance?.messages??[])},"onConfirmWallets");Cy(()=>{B(U=>U.concat(y.filter(V=>!!!U.find(Ie=>Ie.chain===V.chain)&&V.selected&&N.includes(V.chain))))},[y.length]);let re=document.getElementById(ke.SWAP_BOX_ID),ht=Ty();return D.createElement(ae,{open:e,onClose:()=>{u||ht("../",{replace:!0}),o()},dismissible:!S,container:re,...!S&&{footer:D.createElement(bp,null,D.createElement(Ic,{loading:s,disabled:op(s,w,m,p,z,L),onClick:J,variant:"contained",type:"primary",fullWidth:!0,size:"large"},mt.t("Confirm")))},...S&&{styles:{container:{padding:"$0"}},header:D.createElement(Cp,null,D.createElement(Tp,{variant:"ghost",onClick:h.bind(null,"")},D.createElement(hy,{size:16})),D.createElement(pr,{variant:"headline",size:"small"},mt.t({id:"Your {blockchainName} wallets",values:{blockchainName:Ve(S,l)}})))},anchor:"center"},D.createElement(ae,{open:ne,onClose:T.bind(null,[]),container:re},D.createElement(yy,{title:mt.t("Insufficient account balance"),type:"error",description:D.createElement(fy,{messages:x??[]})},D.createElement(Ic,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:fe},mt.t("Proceed anyway")))),S&&D.createElement(kp,null,D.createElement("div",{className:wp()},D.createElement(cs,{chain:S,isSelected:Q,selectWallet:X,onShowMore:h.bind(null,S)}))),!S&&D.createElement(D.Fragment,null,v&&D.createElement(D.Fragment,null,D.createElement(us,{variant:"alarm",type:"error",title:mt.t(v)}),D.createElement(mo,{size:12})),I&&D.createElement(D.Fragment,null,D.createElement(us,{variant:"alarm",type:"warning",title:Qn(I)}),D.createElement(mo,{size:12})),D.createElement(Ep,null,N.map((U,V)=>{let Z=l.find($e=>$e.name===U),Ie=`wallet-${V}`,et=V===N.length-1;return D.createElement("div",{key:Ie},D.createElement(hp,null,D.createElement(pr,{variant:"title",size:"xmedium"},mt.t({id:"Your {blockchainName} wallets",values:{blockchainName:Z?.shortName}})),D.createElement(pr,{variant:"label",color:"$neutral700",size:"medium"},mt.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:Z?.shortName}}))),D.createElement(mo,{size:24}),D.createElement(yp,null,D.createElement(cs,{chain:U,isSelected:Q,selectWallet:X,limit:ky,onShowMore:()=>h(Z?.name??"")})),!et&&D.createElement(mo,{size:32}),et&&a?.customDestination&&D.createElement(xp,null,D.createElement(Xn,{onOpenChange:$e=>{$e?j(L?.name??"")||B(De=>De.map(ye=>ye.chain===L?.name?{...ye,selected:!1}:ye)):k()},hasSelected:!0,open:w,triggerAnchor:"top",trigger:D.createElement(Ap,null,D.createElement("div",{className:"button__content"},D.createElement(Sy,{size:18,color:"info"}),D.createElement(mo,{size:4,direction:"horizontal"}),D.createElement(pr,{variant:"label",size:"medium"},mt.t("Send to a different address"))),D.createElement(Vn,{orientation:w?"up":"down"},D.createElement(gy,{size:10,color:"gray"}))),onClickTrigger:()=>A($e=>!$e)},D.createElement(mo,{size:4}),D.createElement(Ip,{autoFocus:!0,placeholder:mt.t("Your destination address"),value:m||"",onChange:$e=>{let De=$e.target.value;De.length?f(De.length?De:null):(A(!1),f(null))}})),ce&&D.createElement("div",{className:vp()},D.createElement(us,{variant:"alarm",type:"error",title:mt.t({values:{destination:m},id:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}i(Ec,"ConfirmWalletsModal");import{i18n as Uy}from"@lingui/core";import{Alert as qy,Button as zy,InfoIcon as Qy}from"@rango-dev/ui";import He from"react";import{Alert as vy,Button as by,Divider as fs,NoRouteIcon as Iy,RefreshIcon as Ey,Typography as _c}from"@rango-dev/ui";import Qe from"react";import{i18n as Ac}from"@lingui/core";var wy=24,xy=60;function Wc(t,e,o,n){return t?.type===1?{alert:{type:"warning",text:R().genericServerError,action:{onClick:n,title:Ac.t("Retry")}},description:""}:e.length?{alert:{type:"warning",text:R().liquiditySourcesError.title,action:{onClick:()=>o(!0),title:Ac.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(Wc,"makeInfo");var ms=(o=>(o[o.small=wy]="small",o[o.large=xy]="large",o))(ms||{}),ds=(o=>(o.small="small",o.large="medium",o))(ds||{});import{styled as cr}from"@rango-dev/ui";var Nc=cr("div",{display:"flex",flexDirection:"column",alignItems:"center"}),Mc=cr("div",{variants:{size:{small:{},large:{maxWidth:"316px"}}}}),Lc=cr("div",{variants:{size:{small:{width:"100%"},large:{}}}}),Bc=cr("div",{padding:"$6 $0"});function $o(t){let{fetch:e,error:o,size:n="small"}=t,r=g().getDisabledLiquiditySources(),s=g().toggleAllLiquiditySources,a=g().swappers(),l=Wc(o,r,()=>s(a,!0),e);return Qe.createElement(Nc,null,Qe.createElement(Iy,{size:ms[n],color:"gray"}),Qe.createElement(fs,{size:4}),Qe.createElement(_c,{variant:"title",size:ds[n]},R().noResultError.title),n==="large"&&Qe.createElement(fs,{size:4}),!!l.description&&Qe.createElement(Mc,{size:n},Qe.createElement(_c,{variant:"body",size:"small",align:"center",color:"neutral700"},l.description)),Qe.createElement(fs,{size:n==="large"?"24":"4"}),!!l.alert&&Qe.createElement(Lc,{size:n},Qe.createElement(vy,{type:l.alert.type,title:l.alert.text,titleAlign:"left",action:l.alert.action&&Qe.createElement(by,{size:"xsmall",type:l.alert.type,prefix:Qe.createElement(Bc,null,Qe.createElement(Ey,{size:8})),onClick:l.alert.action.onClick},l.alert.action.title),variant:"alarm"})))}i($o,"NoResult");import{i18n as Do}from"@lingui/core";import{Button as Wy,Divider as Ny,MessageBox as My,Typography as Ly,WarningIcon as By}from"@rango-dev/ui";import Tt from"react";import{Typography as Fc}from"@rango-dev/ui";import hs from"react";import{darkTheme as Ay,styled as ur}from"@rango-dev/ui";var Pc=ur("div",{width:"100%"}),gs=ur("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:"$5",width:"100%"}),$c=ur("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%","._title":{$$color:"$colors$neutral600",[`.${Ay} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Dc=ur("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});function Oc(t){let{title:e,value:o,valueColor:n}=t;return hs.createElement($c,null,hs.createElement(Fc,{size:"medium",variant:"label",className:"_title"},e),hs.createElement(Fc,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}i(Oc,"QuoteErrorsModalItem");function Uc(t){let{open:e,onClose:o,onConfirm:n,warning:r,confirmationDisabled:s}=t,a=r.warningLevel==="high"?"error":"warning",l=[{title:Do.t("Swapping"),value:W(r.inputUsdValue,4,4)},{title:Do.t("Gas cost"),value:W(r.totalFee,2,2)},{title:Do.t("Receiving"),value:W(r.outputUsdValue,4,4)},{title:Do.t("Price impact"),value:W(r.priceImpact,2,2),valueColor:`${a}500`}];return Tt.createElement(ae,{footer:Tt.createElement(Wy,{type:"primary",size:"large",prefix:Tt.createElement(By,null),fullWidth:!0,disabled:s,onClick:n},R().highValueLossError.confirmMessage),open:e,onClose:o,container:M()},Tt.createElement(My,{type:a,title:R().highValueLossError.impactTitle,description:R().highValueLossError.description}),Tt.createElement(gs,null,Tt.createElement(Ny,{size:"4"}),Tt.createElement(Ly,{size:"small",variant:"title"},Do.t("Details")),Tt.createElement(gs,null,l.map((p,c)=>Tt.createElement(Oc,{key:c,...p})))))}i(Uc,"HighValueLossWarningModal");import{i18n as ys}from"@lingui/core";function qc(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&&(Ct(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(qc,"makeAlerts");import{i18n as go}from"@lingui/core";import{Button as zc,Divider as Qc,MessageBox as _y,Typography as Py}from"@rango-dev/ui";import Jt from"react";import{useNavigate as $y}from"react-router-dom";function Hc(t){let{customSlippage:e,slippage:o}=g(),{open:n,onClose:r,onConfirm:s,warning:a,confirmationDisabled:l}=t,p=$y(),c=e??o;return Jt.createElement(ae,{anchor:"bottom",open:n,prefix:Jt.createElement(zc,{size:"small",variant:"ghost",onClick:()=>p("../"+F.settings)},Jt.createElement(Py,{variant:"label",size:"medium",color:"$neutral900"},go.t("Change settings"))),container:M(),onClose:r},Jt.createElement(_y,{type:"warning",title:a.type===3?go.t("High slippage"):go.t("Low slippage"),description:a.type===3?go.t({id:" Caution, your slippage is high (={userSlippage}). Your trade may be front run.",values:{userSlippage:c}}):go.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:a.minRequiredSlippage}})},Jt.createElement(Qc,{size:18}),Jt.createElement(Qc,{size:32}),Jt.createElement(zc,{size:"large",type:"primary",variant:"contained",fullWidth:!0,disabled:l,onClick:s},go.t("Confirm anyway"))))}i(Hc,"SlippageWarningModal");import{Button as Dy,MessageBox as Fy,WarningIcon as Oy}from"@rango-dev/ui";import mr from"react";function Gc(t){let{open:e,onClose:o,onConfirm:n,confirmationDisabled:r}=t;return mr.createElement(ae,{footer:mr.createElement(Dy,{type:"primary",size:"large",prefix:mr.createElement(Oy,null),fullWidth:!0,disabled:r,onClick:n},R().unknownPriceError.confirmMessage),open:e,onClose:o,container:M()},mr.createElement(Fy,{type:"warning",title:R().unknownPriceError.impactTitle,description:R().unknownPriceError.description}))}i(Gc,"UnknownPriceWarningModal");function Fo(t){let{warning:e,error:o,showWarningModal:n,confirmationDisabled:r,refetchQuote:s,onOpenWarningModal:a,onCloseWarningModal:l,onConfirmWarningModal:p,onChangeSettings:c}=t,u={confirmationDisabled:r,open:n,onClose:l,onConfirm:p},d=o?.type===0||o?.type===1,m=qc(e,o?.type===3||o?.type===4?o:null);return He.createElement(He.Fragment,null,d&&He.createElement($o,{error:o,fetch:s}),!!m&&He.createElement(Pc,null,He.createElement(qy,{title:m.title,type:m.alertType,variant:"alarm",...m.action==="show-info"&&{action:He.createElement(Dc,{onClick:a},He.createElement(Qy,{size:12,color:"gray"}))},...m.action==="change-settings"&&{action:He.createElement(zy,{size:"xxsmall",type:m.alertType,onClick:c},Uy.t("Change"))}})),e&&He.createElement(He.Fragment,null,e.type===0&&He.createElement(Uc,{...u,warning:e}),(e.type===3||e.type===2)&&He.createElement(Hc,{...u,warning:e}),e.type===1&&He.createElement(Gc,{...u,warning:e})))}i(Fo,"QuoteWarningsAndErrors");import TS from"bignumber.js";import Ir from"react";import{i18n as Qo}from"@lingui/core";import{Alert as aS,Divider as Ho,FullExpandedQuote as lS,InfoIcon as pS,QuoteTag as cS,StepDetails as uS,TokenAmount as mS,Tooltip as vu,Typography as yo}from"@rango-dev/ui";import bs from"bignumber.js";import P,{useRef as dS,useState as fS}from"react";import{styled as Ss}from"@rango-dev/ui";var Cs=Ss("div",{width:"100%","& .position-top__skeleton":{paddingTop:"$10"}}),Vc=Ss("div",{paddingBottom:"$15",variants:{dense:{true:{paddingBottom:0}}}}),jc=Ss("div",{width:"100%",display:"flex"});import*as dr from"@radix-ui/react-collapsible";import{Button as Hy,css as Oo,darkTheme as Ae,Image as Xc,styled as Be,Typography as Gy}from"@rango-dev/ui";var Vy=300,Kc=Be(dr.Root,{display:"flex",flexDirection:"column",alignItems:"start",overflowX:"auto",overflowY:"hidden",width:"100%",borderRadius:"$xm",variants:{selected:{true:{},false:{$$color:"$colors$neutral400",[`.${Ae} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}},listItem:{true:{$$color:"$colors$neutral400",[`.${Ae} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"},false:{}}},compoundVariants:[{listItem:!1,selected:!0,css:{$$color:"$colors$info300",[`.${Ae} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"}}]}),Yc=Oo({padding:"$10 $15"}),Jc=Be(Hy,{backgroundColor:"transparent",border:"1px solid $secondary"}),Zc=Be("div",{borderRadius:"$xm",display:"flex",flexDirection:"column",alignItems:"start",justifyContent:"space-between",color:"$foreground",boxSizing:"border-box",position:"relative",variants:{selected:{true:{},false:{$$color:"$colors$neutral200",[`.${Ae} &`]:{$$color:"$colors$neutral500"},backgroundColor:"$$color"}},basic:{true:{borderTopRightRadius:"0",borderTopLeftRadius:"0"}},listItem:{true:{$$color:"$colors$neutral200",[`.${Ae} &`]:{$$color:"$colors$neutral500"},backgroundColor:"$$color","&:hover":{"& .quote_container":{"& button":{backgroundColor:"$neutral500",[`.${Ae} &`]:{backgroundColor:"$neutral200"}},backgroundColor:"$neutral500",[`.${Ae} &`]:{backgroundColor:"$neutral200"}},backgroundColor:"$neutral300",[`.${Ae} &`]:{backgroundColor:"$neutral400"}},cursor:"pointer"},false:{}}},compoundVariants:[{listItem:!0,selected:!0,css:{outline:"1px solid $secondary"}},{listItem:!1,selected:!0,css:{$$color:"$colors$info100",[`.${Ae} &`]:{$$color:"$colors$secondary600"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}}},{listItem:!0,selected:!1,css:{cursor:"pointer","&:hover":{backgroundColor:"$neutral300",[`.${Ae} &`]:{backgroundColor:"$neutral400"}}}}]}),Rc=Oo({width:"100%",padding:"$15 $15 $10 $15"}),eu=Oo({display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center",paddingBottom:"$10",position:"relative"}),ho=Oo({display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",".blockchainImage":{marginLeft:"-$8"}}),tu=Oo({display:"flex",alignItems:"center",".usd-value":{$$color:"$colors$neutral600",[`.${Ae} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),ou=Be(dr.Trigger,{display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",height:"$36",padding:"$10 $15",boxSizing:"border-box",cursor:"pointer",border:"none",outline:"none",backgroundColor:"transparent",variants:{error:{true:{[`& ${Xc}`]:{border:"1px $warning500 solid",borderRadius:"100%"}},false:{[`& ${Xc}`]:{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"}}}),nu=Be("div",{width:"18px",height:"18px",borderRadius:"100%",display:"flex",justifyContent:"center",alignItems:"center",border:"1.5px transparent solid",img:{borderRadius:"100%"},variants:{state:{error:{borderColor:"$error500"},warning:{borderColor:"$warning500"}}}}),ru=Be(Gn,{width:"100%",background:"inherit"}),Ts=Be("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$2",transition:`all ${Vy}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),DM=Be("div",{height:"$12",marginLeft:"$10",marginRight:"$10",borderLeft:"1px solid $foreground"}),iu=Be("div",{display:"flex",justifyContent:"center",margin:"0 $15",borderTop:"1px solid",$$color:"$colors$neutral300",[`.${Ae} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color"}),su=Be("div",{width:"$16",height:"$16",justifyContent:"center",alignItems:"center",display:"flex"}),ks=Be(Gy,{overflow:"hidden",textOverflow:"ellipsis",letterSpacing:.4}),au=Be("div",{display:"flex",flexWrap:"wrap"}),ws=Be("div",{width:"18px",height:"18px",borderRadius:"100%",backgroundColor:"$background",cursor:"default",display:"flex",justifyContent:"center",alignItems:"center",border:"1.5px transparent solid",variants:{state:{error:{borderColor:"$error500"},warning:{borderColor:"$warning500"}}}}),lu=Be("div",{display:"flex"}),fr=Be("div",{width:"100%",borderTopWidth:"1px",borderTopStyle:"solid",borderTopColor:"$neutral",margin:"$5 0",[`.${Ae} &`]:{borderTopColor:"$neutral800"}});import{i18n as Ft}from"@lingui/core";import{ChevronDownIcon as Xy,CloseIcon as Ky,Divider as yr,IconButton as Yy,QuoteCost as Jy,Tooltip as Zy,Typography as nt}from"@rango-dev/ui";import K,{useState as mu}from"react";import{css as jy,styled as gr}from"@rango-dev/ui";var hr=gr("div",{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"$5 0","&.total_payable_fee":{padding:"$12 0"}}),xs=gr("div",{width:"100%",borderTop:"1px solid $neutral300",margin:"$10 0"}),pu=gr("div",{padding:"$20 0",display:"flex",flexDirection:"column","& .collapsible_trigger":{display:"flex",alignItems:"center"}}),cu=gr("div",{padding:"$20 $20 $10",textAlign:"center",position:"relative","._icon-button":{position:"absolute",zIndex:10,top:"$16",right:"$16"}}),uu=jy({display:"flex",flexDirection:"row",alignItems:"center",padding:"$5","&:hover":{"& ._typography, & svg":{color:"$secondary"}}});var Ry=i(t=>t.fee.isZero()?null:K.createElement(hr,null,K.createElement(nt,{variant:"label",size:"medium",color:"neutral600"},t.label),K.createElement(nt,{variant:"label",size:"medium"},"$",W(t.fee,4,4))),"NonPayableFee");function du(t){let[e,o]=mu(!1),[n,r]=mu(!1),{steps:s,quote:a,fee:l,time:p,feeWarning:c,showModalFee:u}=t,d=a?.swaps??[],m=M(),f=Hl(d);return K.createElement(K.Fragment,null,K.createElement(Jy,{onClickFee:u?y=>{y.stopPropagation(),o(!e)}:void 0,fee:l,feeWarning:c,time:p,steps:s,tooltipGas:u?Ft.t("View more info"):void 0,tooltipContainer:m}),K.createElement(ae,{container:m,open:e,header:K.createElement(cu,null,K.createElement(nt,{variant:"title",size:"medium"},Ft.t("Gas & Fee Explanation")),K.createElement(Yy,{onClick:()=>o(!1),variant:"ghost"},K.createElement(Ky,{color:"gray",size:14}))),onClose:()=>{o(!1)}},K.createElement(pu,null,K.createElement(nt,{variant:"title",size:"small"},Ft.t("Details")),K.createElement(yr,{size:10}),Object.entries(f.payable).flatMap(([y,C])=>C.map((S,h)=>{let x=`payable-fee-${h}`,T=Ai(S);return K.createElement(hr,{key:x},K.createElement(nt,{variant:"label",size:"medium",color:"neutral600"},vi[y]),K.createElement(Zy,{content:pe(S.amount),container:m},K.createElement(nt,{variant:"label",size:"medium"},W(S.amount,2,2)," ",S.asset.symbol," ($",W(T,4,4),")")))})),K.createElement(hr,{className:"total_payable_fee"},K.createElement(nt,{variant:"label",size:"medium"},Ft.t("Total Payable Fee")),K.createElement(nt,{variant:"label",size:"medium"},"$",W(l,4,4))),K.createElement(xs,null),Object.keys(f.nonePayable).length&&K.createElement(Xn,{triggerAnchor:"bottom",onClickTrigger:()=>r(y=>!y),trigger:K.createElement("div",{className:uu()},K.createElement(nt,{size:"small",variant:"body",color:"neutral700"},n?Ft.t("Hide non-payable fees"):Ft.t("Show non-payable fees")),K.createElement(yr,{size:4,direction:"horizontal"}),K.createElement(Vn,{orientation:n?"up":"down"},K.createElement(Xy,{size:12,color:"gray"}))),open:n},K.createElement(nt,{size:"small",variant:"title"},Ft.t("Description")),K.createElement(yr,{size:4}),K.createElement(nt,{size:"small",variant:"body",color:"neutral700"},Ft.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(([y,C],S)=>{let h=Ql(C),x=vi[y],T=`non-payable-fee-${S}`;return K.createElement(Ry,{key:T,fee:h,label:x})}),K.createElement(xs,null)))))}i(du,"QuoteCostDetails");import{i18n as hu}from"@lingui/core";import{TokenAmount as yu}from"@rango-dev/ui";import Sr from"react";import{css as eS,styled as tS}from"@rango-dev/ui";var fu=tS("div",{position:"relative",display:"flex",flexDirection:"column",width:"100%"}),gu=eS({height:"14px",marginLeft:"14px",position:"absolute",borderLeft:"1px solid $foreground",top:"42%"});function Uo(t){let{from:e,to:o,percentageChange:n,warningLevel:r}=t;return Sr.createElement(fu,null,Sr.createElement(yu,{direction:"horizontal",label:hu.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:gu()}),Sr.createElement(yu,{direction:"horizontal",tooltipContainer:M(),label:hu.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(Uo,"QuoteSummary");import{i18n as wu}from"@lingui/core";import{ChevronDownIcon as rS,ChevronRightIcon as iS,Divider as vs,Image as sS,Tooltip as xr,Typography as Tr}from"@rango-dev/ui";import _ from"react";import{useLayoutEffect as oS,useState as qo}from"react";var Su=480,Cu=768,Tu=1024,ku=1200,nS=i(()=>{let[t,e]=qo(!1),[o,n]=qo(!1),[r,s]=qo(!1),[a,l]=qo(!1),[p,c]=qo(!1),u=i(()=>{e(window.innerWidth<=Su),n(window.innerWidth>Su&&window.innerWidth<=Cu),s(window.innerWidth>Cu&&window.innerWidth<=Tu),l(window.innerWidth>Tu&&window.innerWidth<=ku),c(window.innerWidth>ku)},"handleResize");return oS(()=>(u(),window.addEventListener("resize",u),()=>window.removeEventListener("resize",u)),[]),{isMobile:t,isTablet:o,isNotebook:r,isLargeScreen:a,isExtraLargeScreen:p}},"useScreenDetect"),Cr=nS;var kr=4,wr=6,zo=i(t=>{let e=M(),{content:o,src:n,className:r,open:s,state:a}=t;return _.createElement(xr,{container:e,side:"bottom",sideOffset:4,open:s,content:o},_.createElement(nu,{className:r,state:a},_.createElement(sS,{src:n,size:16})))},"ImageComponent");function xu(t){let{quoteRef:e,selected:o,setExpanded:n,steps:r,expanded:s,type:a}=t,l=M(),p=r.length,c=lp(r),{isTablet:u,isMobile:d}=Cr();return _.createElement(ou,{listItem:a==="list-item",ref:m=>e.current=m,selected:o,onClick:m=>{m.stopPropagation(),n(f=>!f)}},_.createElement("div",{className:ho()},_.createElement(Tr,{variant:"body",size:"xsmall"},wu.t("Via:")),_.createElement(vs,{direction:"horizontal",size:4}),r.map((m,f)=>{let y=`item-${f}`,C=_.createElement(Ts,null,_.createElement(iS,{size:12,color:"black"}));return d||u?_.createElement(_.Fragment,{key:y},_.createElement(zo,{content:m.swapper.displayName,src:m.swapper.image,state:m.state}),f!==p-1&&_.createElement(_.Fragment,null,C)):_.createElement(_.Fragment,{key:y},p<=kr||p>kr&&f<kr-1?_.createElement(_.Fragment,null,_.createElement(zo,{content:m.swapper.displayName,src:m.swapper.image,state:m.state}),f!==p-1&&_.createElement(_.Fragment,null,C)):f===kr-1&&_.createElement(xr,{container:l,side:"bottom",align:"end",sideOffset:4,content:_.createElement("div",{className:ho()},C,r.map((S,h)=>{let x=`image-${h}`;return h>=f&&_.createElement(_.Fragment,{key:x},_.createElement(zo,{content:S.swapper.displayName,src:S.swapper.image,state:S.state,open:!1}),h!==p-1&&_.createElement(_.Fragment,null,C))}))},_.createElement(ws,{state:r.find((S,h)=>h>=f&&(S.state==="error"||S.state==="warning"))?.state},_.createElement(Tr,{size:"xsmall",variant:"body"},"+",p-f))))})),_.createElement("div",{className:ho()},_.createElement("div",{className:"blockchains_section"},_.createElement("div",{className:ho()},_.createElement(Tr,{variant:"body",size:"xsmall"},wu.t("Chains:")),_.createElement(vs,{direction:"horizontal",size:4}),c.map((m,f)=>_.createElement(_.Fragment,{key:m.displayName},c.length<=wr||c.length>wr&&f<wr-1?_.createElement(xr,{container:l,side:"bottom",content:m.displayName,sideOffset:4},_.createElement(zo,{content:"",src:m.image,open:!1,className:f!==0?"blockchainImage":""})):f===wr-1&&_.createElement(xr,{container:l,side:"bottom",align:"end",sideOffset:4,content:_.createElement("div",{className:ho()},c.map((y,C)=>C>=f&&_.createElement(zo,{key:y.displayName,content:"",src:y.image,open:!1,className:C>f?"blockchainImage":""})))},_.createElement(ws,{className:"blockchainImage"},_.createElement(Tr,{size:"xsmall",variant:"body"},"+",c.length-f))))),_.createElement(vs,{direction:"horizontal",size:32}))),_.createElement(Ts,{orientation:s?"up":"down"},_.createElement(rS,{size:12,color:"black"}))))}i(xu,"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}=t,m=g().blockchains(),f=g().tokens(),y=g().swappers(),[C,S]=fS(t.expanded),h=dS(null),x=W(o.value,6,6),T=W(n.value,6,6),v=n.usdValue?W(n.usdValue,4,4):"",E=Xe(o.usdValue,n.usdValue??null),I=W(E,2,2),b=Ct(E??0),w=i((Q,ce)=>Q.map((k,X)=>{let fe,J=r?.type===3&&r.swap.swapperId===k.swapperId,re=r?.type===4&&r.recommendedSlippages?.has(X),ht=s?.type===2&&s.recommendedSlippages?.has(X),U=J||re,V=ht;U?fe="error":V&&(fe="warning");let Z=U?Qo.t("Slippage Error"):Qo.t("Slippage Warning");return J&&(Z=r?.recommendation),{swapper:{displayName:Io(k.swapperId,y),image:k.swapperLogo},from:{token:{displayName:k.from.symbol,image:k.from.logo},chain:{displayName:Ve(k.from.blockchain,m),image:k.from.blockchainLogo},price:{value:X===0&&!ce?W(o.value,6,6):W(k.fromAmount,6,6),usdValue:W((k.from.usdPrice??0)*parseFloat(k.fromAmount),4,4),realValue:pe(X===0?o.value:k.fromAmount),realUsdValue:pe(new bs(k.from.usdPrice??0).multipliedBy(k.fromAmount))}},to:{token:{displayName:k.to.symbol,image:k.to.logo},chain:{displayName:Ve(k.to.blockchain,m),image:k.to.blockchainLogo},price:{value:W(k.toAmount,6,6),usdValue:W((k.to.usdPrice??0)*parseFloat(k.toAmount),4,4),realValue:pe(k.toAmount),realUsdValue:pe(new bs(k.to.usdPrice??0).multipliedBy(k.toAmount))}},state:fe,alerts:U||V?P.createElement(Vc,{dense:d},P.createElement(aS,{variant:"alarm",type:U?"error":"warning",title:Z,footer:d?null:P.createElement(jc,null,J&&P.createElement(P.Fragment,null,P.createElement(yo,{size:"xsmall",variant:"body",color:"neutral900"},r.fromAmountRangeError),P.createElement(Ho,{direction:"horizontal",size:8}),P.createElement(yo,{size:"xsmall",variant:"body",color:"neutral900"},"|"),P.createElement(Ho,{direction:"horizontal",size:8}),P.createElement(yo,{size:"xsmall",variant:"body",color:"neutral900"},Qo.t({id:"Yours: {amount} {symbol}",values:{amount:W(k.fromAmount,6,6),symbol:k?.from.symbol}}))),(re||ht)&&!J&&P.createElement(yo,{size:"xsmall",variant:"body",color:"neutral900"},Qo.t({id:"Minimum required slippage is {minRequiredSlippage}",values:{...r?.type===4&&{minRequiredSlippage:r.recommendedSlippages?.get(X)},...s?.type===2&&{minRequiredSlippage:s.recommendedSlippages?.get(X)}}})))})):void 0,time:xo(k.estimatedTimeInSeconds),fee:W(Ei(k,f),2,2),internalSwaps:k.internalSwaps?w(k.internalSwaps):void 0}}),"getQuoteSteps"),A=w(e?.swaps??[]),N=A.length,L=M(),j=cp(t.quote.tags||[]),G=!!u,z=xo(gn(e?.swaps)),B=$n(e?.swaps??[],f),ee=W(B,2,2),ne=B.gte(new bs(Dl));return d?P.createElement(lS,{selected:l,fee:ee,time:z,tooltipContainer:En(),steps:A,tags:j,feeWarning:ne,percentageChange:I,warningLevel:b,outputPrice:{value:T,usdValue:v,realValue:pe(n.value),realUsdValue:pe(n.usdValue)}}):P.createElement(Zc,{selected:l,listItem:a==="list-item",basic:a==="basic"},P.createElement("div",{className:Rc()},!p&&j.length?P.createElement(P.Fragment,null,P.createElement(lu,null,j.map((Q,ce)=>{let k=`${Q.value}_${ce}`;return P.createElement(P.Fragment,{key:k},P.createElement(cS,{label:Q.label,value:Q.value}),P.createElement(Ho,{size:4,direction:"horizontal"}))})),P.createElement(fr,null),!G&&P.createElement(Ho,{size:4})):null,P.createElement("div",{id:"portal-root",className:eu()},P.createElement(du,{quote:e,time:z,fee:ee,feeWarning:ne,showModalFee:c,steps:N}),G&&P.createElement(Jc,{onClick:Q=>{Q.stopPropagation(),u()},size:"xxsmall",type:"secondary",variant:"default"},P.createElement(yo,{color:"secondary",variant:"label",size:"medium"},Qo.t("See All Routes")))),a==="basic"&&P.createElement("div",{className:tu()},P.createElement(su,null,P.createElement(pS,{size:12,color:"gray"})),P.createElement(au,null,P.createElement(ks,{size:"small",variant:"body"},`${x} ${A[0].from.token.displayName} = `),P.createElement(vu,{content:pe(n.value),container:L,open:n.value?void 0:!1},P.createElement(ks,{size:"small",variant:"body"},"\xA0",`${T} ${A[A.length-1].to.token.displayName}`))),P.createElement(vu,{content:pe(n.usdValue),container:L,styles:{root:{display:"flex"}}},P.createElement(yo,{color:"$neutral600",ml:2,size:"xsmall",variant:"body"},`($${v})`))),a==="list-item"&&P.createElement(mS,{tooltipContainer:L,type:"output",direction:"vertical",price:{value:T,usdValue:v,realValue:pe(n.value),realUsdValue:pe(n.usdValue)},token:{displayName:A[N-1].to.token.displayName,image:A[N-1].to.token.image},chain:{image:A[N-1].to.chain.image},percentageChange:I,warningLevel:b}),a==="swap-preview"&&P.createElement(P.Fragment,null,P.createElement(Uo,{from:A[0].from,to:A[N-1].to,percentageChange:I,warningLevel:b}),P.createElement(Ho,{size:4}))),P.createElement(Kc,{selected:l,listItem:a==="list-item",open:C,className:"quote_container",onOpenChange:S},P.createElement(xu,{type:a,quoteRef:h,selected:l,setExpanded:S,expanded:C,steps:A}),P.createElement(ru,{open:C},P.createElement(iu,null),P.createElement("div",{className:Yc()},A.map((Q,ce)=>{let k=`item-${ce}`;return P.createElement(uS,{type:"quote-details",key:k,tooltipContainer:L,step:Q,hasSeparator:ce!==A.length-1,state:Q.state})})))))}i(Is,"Quote");import{Divider as SS,Skeleton as CS}from"@rango-dev/ui";import wt from"react";import{darkTheme as gS,styled as vr}from"@rango-dev/ui";var bu=vr("div",{$$color:"$colors$neutral100",[`.${gS} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",borderBottomLeftRadius:"$xm",borderBottomRightRadius:"$xm",padding:"$15",variants:{rounded:{true:{borderRadius:"$xm"}},expanded:{true:{paddingBottom:"3px"},false:{paddingBottom:"$12"}}}}),Iu=vr("div",{paddingTop:"$2"}),Eu=vr("div",{paddingLeft:"$8"}),Au=vr("div",{borderLeft:"1px dashed $foreground",minHeight:" 0",margin:"0px 11.5px",alignSelf:"stretch",variants:{hideSeparator:{true:{minHeight:"unset",height:"0"}}}});import{ChainToken as Fu,Divider as rt,Skeleton as Ge}from"@rango-dev/ui";import O from"react";import{css as hS,styled as kt}from"@rango-dev/ui";var Es=kt("div",{display:"flex"}),Wu=kt("div",{padding:"$10 $0 $20"}),Nu=kt("div",{padding:"14px $0 $20 $0",display:"flex",flexDirection:"column"}),Mu=kt("div",{display:"flex",justifyContent:"start",alignItems:"center"}),Lu=kt("div",{display:"flex",justifyContent:"space-between",alignItems:"end"}),Bu=kt("div",{height:"$24",marginLeft:"13px",borderLeft:"1px solid $neutral700"}),_u=kt("div",{width:"65%",display:"flex",justifyContent:"start"}),Pu=kt("div",{display:"flex",flexDirection:"column",alignItems:"start",flexGrow:1,maxWidth:"148px"}),$u=kt("div",{padding:"$15 $0 $15 $0"}),Du=hS({display:"flex",justifyContent:"space-between",alignItems:"center"});function Go(t){let{type:e,tagHidden:o=!0}=t,n=O.createElement(Lu,null,O.createElement(_u,null,O.createElement(Fu,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),O.createElement(rt,{size:8,direction:"horizontal"}),O.createElement(Pu,null,O.createElement(Ge,{height:10,width:60,variant:"rounded"}),O.createElement(rt,{size:4}),O.createElement(Ge,{height:15,variant:"rounded"}))),O.createElement(Ge,{height:12,width:64,variant:"rounded"})),r=e==="basic"&&!o;return O.createElement("div",null,!o&&O.createElement(O.Fragment,null,O.createElement(Es,null,O.createElement(Ge,{width:65,height:20,variant:"rounded"}),O.createElement(rt,{size:4,direction:"horizontal"}),O.createElement(Ge,{width:65,height:20,variant:"rounded"}),O.createElement(rt,{size:4,direction:"horizontal"}),O.createElement(Ge,{width:65,height:20,variant:"rounded"})),O.createElement(fr,null),!r&&O.createElement(rt,{size:4})),O.createElement("div",{className:Du()},O.createElement(Es,null,O.createElement(Ge,{width:60,height:10,variant:"rounded"}),O.createElement(rt,{size:4,direction:"horizontal"}),O.createElement(Ge,{width:60,height:10,variant:"rounded"}),O.createElement(rt,{size:4,direction:"horizontal"}),O.createElement(Ge,{width:60,height:10,variant:"rounded"})),r&&O.createElement(Ge,{width:85,height:24,variant:"rounded"})),e==="basic"&&O.createElement(Wu,null,O.createElement(Ge,{height:15,width:148,variant:"rounded"})),e==="list-item"&&O.createElement(Nu,null,O.createElement(Mu,null,O.createElement(Fu,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),O.createElement(rt,{direction:"horizontal",size:4}),O.createElement(Ge,{height:15,width:150,variant:"rounded"})),O.createElement(rt,{size:10}),O.createElement(Ge,{height:10,width:184,variant:"rounded"})),e==="swap-preview"&&O.createElement(O.Fragment,null,O.createElement(rt,{size:4}),O.createElement($u,null,n,O.createElement(Bu,null),n),O.createElement(rt,{size:12})))}i(Go,"QuoteSummarySkeleton");import{ChainToken as Qu,Divider as Ws,NextIcon as yS,Skeleton as br}from"@rango-dev/ui";import Te from"react";import{styled as Vo}from"@rango-dev/ui";var Ou=Vo("div",{display:"flex",alignItems:"start"}),Uu=Vo("div",{flexGrow:1,paddingTop:"$5",paddingBottom:"$10",display:"flex",alignItems:"center",variants:{extraSpace:{true:{paddingBottom:"$40"}}}}),As=Vo("div",{display:"flex",alignItems:"center",flexGrow:1}),qu=Vo("div",{margin:"$0 $2",padding:"$4",display:"flex",justifyContent:"center",alignItems:"center"}),zu=Vo("div",{display:"flex",alignItems:"center"});function dt(t){let{separator:e=!0}=t;return Te.createElement(Te.Fragment,null,Te.createElement(zu,null,Te.createElement(br,{height:22,width:22,variant:"circular"}),Te.createElement(Ws,{direction:"horizontal",size:8}),Te.createElement(br,{height:15,width:148,variant:"rounded"})),Te.createElement(Ou,null,Te.createElement(Au,{hideSeparator:!e}),Te.createElement(Uu,{extraSpace:e},Te.createElement(As,null,Te.createElement(Qu,{size:"small",loading:!0,chainImage:"",tokenImage:""}),Te.createElement(Ws,{direction:"horizontal",size:8}),Te.createElement(br,{height:12,variant:"rounded"})),Te.createElement(qu,null,Te.createElement(yS,{color:"gray",size:16})),Te.createElement(As,null,Te.createElement(Qu,{size:"small",loading:!0,chainImage:"",tokenImage:""}),Te.createElement(Ws,{direction:"horizontal",size:8}),Te.createElement(br,{height:12,variant:"rounded"})))))}i(dt,"StepSkeleton");function jo(t){let{type:e,expanded:o,tagHidden:n=!1}=t;return wt.createElement(bu,{expanded:o,rounded:e!=="basic"},wt.createElement(Go,{type:e,tagHidden:n}),wt.createElement(Iu,null,wt.createElement(CS,{height:15,variant:"rounded"})),o&&wt.createElement(Eu,null,wt.createElement(SS,{size:24}),wt.createElement(dt,null),wt.createElement(dt,null),wt.createElement(dt,{separator:!1})))}i(jo,"QuoteSkeleton");function Zt(t){let{quote:e,type:o,loading:n,error:r,warning:s,expanded:a=!1,tagHidden:l,onClick:p,showModalFee:c,selected:u,onClickAllRoutes:d,fullExpandedMode:m=!1}=t,{inputAmount:f,inputUsdValue:y,toToken:C}=H(),S=e?.outputAmount?new TS(e?.outputAmount):null,h=e?.outputAmount?Fn(e?.outputAmount,On(e)||C?.usdPrice):null,T=!(r&&(r.type===0||r.type===1))&&e&&!n;return n?Ir.createElement(Cs,null,Ir.createElement(jo,{tagHidden:l,type:o,expanded:a})):T?Ir.createElement(Cs,{onClick:()=>p?.(e)},Ir.createElement(Is,{quote:e,error:r,showModalFee:c,warning:s,tagHidden:l,selected:u,type:o,expanded:a,onClickAllRoutes:d,fullExpandedMode:m,input:{value:f,usdValue:y?.toString()??""},output:{value:S?.toString()??"",usdValue:h?.toString()??""}})):null}i(Zt,"QuoteInfo");import{calculatePendingSwap as xS}from"@rango-dev/queue-manager-rango-preset";import{useEffect as vS}from"react";import{useRef as kS,useState as wS}from"react";function Er({request:t}){let[e,o]=wS(!1),n=kS(null),r=i(()=>n.current?.abort(),"cancelFetch");return{fetch:i(async a=>{r(),n.current=new AbortController,o(!0);try{let l=await t(a,{signal:n.current.signal});return n.current=null,l}catch(l){throw l}finally{o(!1)}},"fetch"),loading:e,cancelFetch:r}}i(Er,"useFetch");function Hu(){let{fetch:t,loading:e,cancelFetch:o}=Er({request:async(n,r)=>await Wt().confirmRouteRequest(n,r)});return{fetch:t,loading:e,cancelFetch:o}}i(Hu,"useFetchConfirmQuote");function Ar(t){if(!t.swaps)throw new Error(R().noResultError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});let e=Ns(t.swaps);if(e)throw new Error(e.message,{cause:e.options})}i(Ar,"throwErrorIfResponseIsNotValid");function Ns(t){if(Ul(t)){let{swap:n,recommendation:r,fromAmountRangeError:s}=ql(t);return{message:"bridge limit error",options:{type:3,swap:n,recommendation:r,fromAmountRangeError:s}}}let o=Gl(t);if(o){let n=Dn(t);return{message:"",options:{type:4,recommendedSlippages:o,minRequiredSlippage:n}}}return null}i(Ns,"getQuoteError");function Gu(t,e,o){let n=!1;t&&(n=sp(t,e));let r={quote:null,quoteUpdate:null,balance:null},s=no(e,{fromToken:o.fromToken,toToken:o.toToken,tokens:o.meta.tokens,userSlippage:o.userSlippage});s&&(r.quote=s),t&&n&&(Jl(t,e)?r.quoteUpdate={type:3,newOutputAmount:W(oo(e)),percentageChange:W(Xe(oo(t)??"",oo(e)??""),null,2)}:Wi(t,e)?r.quoteUpdate={type:0}:Ni(t,e)?r.quoteUpdate={type:1}:Mi(t,e)&&(r.quoteUpdate={type:2}));let a=Zl(e,o.selectedWallets,o.meta.blockchains);return a.length===0||(r.balance={messages:a}),r}i(Gu,"generateWarnings");function Wr(t){return t?.code==="ERR_CANCELED"?{swap:null,error:{type:2},warnings:null}:t.cause?{swap:null,error:t.cause,warnings:null}:{swap:null,error:{type:1},warnings:null}}i(Wr,"handleQuoteErrors");function Ms(){let{fromToken:t,toToken:e,inputAmount:o,setSelectedQuote:n,selectedQuote:r,customDestination:s,setQuoteWarningsConfirmed:a,resetAlerts:l}=H(),{slippage:p,customSlippage:c}=g(),u=g().getDisabledLiquiditySources(),d=g().blockchains(),m=g().tokens(),f=c||p,{fetch:y,cancelFetch:C,loading:S}=Hu();return vS(()=>C,[]),{loading:S,fetch:i(async x=>{let T=x.selectedWallets,v=x?.customDestination??s;if(!t||!e||!o)return{quote:null,swap:null,error:null,warnings:null};let E=T.reduce((b,w)=>(b[w.chain]=w.address,b),{}),I={requestId:r?.requestId||"",selectedWallets:E,destination:v||void 0};try{return await y(I).then(b=>{let{result:w}=b;Ar({diagnosisMessages:w.diagnosisMessages,requestId:w.requestId,swaps:w.result?.swaps});let A={outputAmount:w.result?.outputAmount,requestId:w.requestId,resultType:w.result?.resultType,swaps:w.result?.swaps||[],validationStatus:w.validationStatus,requestAmount:w.requestAmount};n(A);let N={slippage:f.toString(),disabledSwappersGroups:u},L=xS(o.toString(),w,Kl(T),N,!1,{blockchains:d,tokens:m}),j=Gu(r??void 0,A,{fromToken:t,toToken:e,meta:{blockchains:d,tokens:m},selectedWallets:T,userSlippage:f});return j.quoteUpdate&&a(!1),l(),{quote:A,swap:L,error:null,warnings:j}})}catch(b){return Wr(b)}},"fetch"),cancelFetch:C}}i(Ms,"useConfirmSwap");var DS=AS("div",{width:"100%",display:"flex",justifyContent:"space-between",[`& ${ju}`]:{width:"$48",height:"$48"}}),FS=Bs({flexGrow:1,paddingRight:"$10"}),OS=Bs({width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"}),US=Bs({display:"flex",justifyContent:"space-between",alignItems:"center"});function Xu(){let{selectedQuote:t,setInputAmount:e,selectedWallets:o,quoteWalletsConfirmed:n,setQuoteWalletConfirmed:r,customDestination:s,quoteWarningsConfirmed:a}=H(),l=$S(),p=PS(),[c,u]=Ko(""),{connectedWallets:d}=Y(),m=!n,[f,y]=Ko(!1),[C,S]=Ko(!1),{isActiveTab:h}=oe(),x=g().getDisabledLiquiditySources(),T=BS(x),{manager:v}=bS(),{fetch:E,loading:I,cancelFetch:b}=Ms(),[w,A]=Ko({swap:null,error:null,warnings:null}),[N,L]=Ko(!1),j=i(async({selectedWallets:k,customDestination:X})=>{let fe=await E?.({selectedWallets:k,customDestination:X});return A(fe),fe},"onConfirmSwap"),G=i(async()=>{if(w.swap&&n)try{await v?.create("swap",{swapDetails:w.swap},{id:w.swap.requestId});let k=`../${F.swaps}/${w.swap.requestId}`;l(k,{replace:!0}),setTimeout(()=>{e("")},0)}catch(k){u("Error: "+k?.message)}},"addNewSwap"),z=i(async()=>{S(!0),await G(),S(!1)},"onConfirm"),B=i(async()=>{w?.warnings?.quote&&!a?L(!0):await z()},"onStartConfirmSwap"),ee=i(async()=>{A({error:null,swap:null,warnings:null}),E({selectedWallets:o,customDestination:s}).then(k=>{A(k)}).catch(k=>console.error(k))},"onRefresh");Xo(()=>{!!T.current.length&&!x.length&&ee(),T.current=x},[x.length]),Xo(()=>{m&&b()},[m]),Xo(()=>{m&&y(m)},[m]),Xo(()=>{m||E({selectedWallets:o,customDestination:s}).then(k=>A(k)).catch(k=>console.error(k))},[]),Xo(()=>{let k=w.warnings?.quote?.type&&Object.values(Mt).includes(w.warnings?.quote?.type),X=o.length<1||!o.every(J=>d.find(re=>J.address===re.address&&J.walletType===re.walletType&&J.chain===re.chain)),fe=!1;if(k){let J=Ln(t?.swaps||null),re=t?.swaps[t.swaps.length-1].to.blockchain;!!t?.swaps.find(V=>V.from.blockchain===re)||(J=J.slice(-J.length,J.length-1)),J.every(V=>o.find(Z=>Z.chain===V))||(fe=!0)}t&&(X||fe)&&(queueMicrotask(()=>_S(y.bind(null,!0))),r(!1))},[w.warnings?.quote,o.length,d.length]),LS(()=>{t||l(`../${p.search}`)},[]);let ne=w.warnings?.quote??null,Q=w.error,ce=[];if(c&&ce.push(de.createElement(Vu,{type:"error",variant:"alarm",title:c})),w.warnings?.quoteUpdate&&ce.push(de.createElement(Vu,{variant:"alarm",type:"warning",title:w.warnings.quoteUpdate&&Qn(w.warnings.quoteUpdate)})),ne||Q){let k=`../${F.settings}`;ce.push(de.createElement(Fo,{warning:ne,error:Q,refetchQuote:ee,showWarningModal:N,confirmationDisabled:!h,onOpenWarningModal:()=>L(!0),onCloseWarningModal:()=>L(!1),onConfirmWarningModal:async()=>{L(!1),await G()},onChangeSettings:()=>l(k)}))}return de.createElement(le,{header:{title:Nr.t("Confirm Swap"),onWallet:()=>{let k=`../${F.wallets}`;l(k)},suffix:de.createElement(WS,{container:M(),side:"bottom",content:Nr.t("Settings")},de.createElement(Je,{size:"small",variant:"ghost",onClick:()=>l("../"+F.settings)},de.createElement(ES,{size:18,color:"black"})))},footer:de.createElement(DS,null,de.createElement("div",{className:FS()},de.createElement(IS,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:I||C,disabled:!!w.error||!h,onClick:B},Nr.t("Start Swap"))),de.createElement(ju,{variant:"contained",type:"primary",size:"large",loading:I||C,disabled:!h,onClick:y.bind(null,!0)},de.createElement(MS,{size:24})))},f&&de.createElement(Ec,{open:f,onClose:()=>y(!1),onCancel:b,loading:I,onCheckBalance:j}),de.createElement(ue,null,de.createElement("div",{className:US()},de.createElement(NS,{variant:"title",size:"small"},Nr.t("You get")),de.createElement("div",{className:OS()},de.createElement(tr,{onClick:!I&&!f&&!N?ee:void 0}))),de.createElement(Ls,{size:"12"}),Lp(ce.map((k,X)=>({element:k,key:`alert-${X}`})),de.createElement(Ls,{size:10})),ce.length>0?de.createElement(Ls,{size:10}):null,de.createElement(Zt,{quote:t,type:"swap-preview",expanded:!0,tagHidden:!0,error:w.error,loading:I,warning:w.warnings?.quote??null})))}i(Xu,"ConfirmSwapPage");import{i18n as Lr}from"@lingui/core";import{useManager as oC}from"@rango-dev/queue-manager-react";import{Divider as im,NotFound as nC,styled as rC}from"@rango-dev/ui";import vt,{useState as iC}from"react";import{useNavigate as sC}from"react-router-dom";import{i18n as QS}from"@lingui/core";import{Divider as Ru,GroupedVirtualizedList as HS,Skeleton as GS,SwapListItem as em,Typography as VS}from"@rango-dev/ui";import _e,{useCallback as tm,useEffect as jS,useRef as XS,useState as KS}from"react";function Ku(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(Ku,"calculateGroupsSoFar");import{css as qS,darkTheme as zS,styled as Yo}from"@rango-dev/ui";var _s=qS(),Yu=Yo("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$5"}),Ps=Yo("div",{width:"100%",display:"flex",flexDirection:"column",backgroundColor:"$background",padding:"$10 $5 0 $5",[`& .${_s}`]:{$$color:"$colors$neutral600",[`.${zS} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),$s=Yo("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),Ju=Yo("div",{gap:"$10",display:"flex",flexDirection:"column"}),Zu=Yo("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});var YS=10;function Ds(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,[s,a]=KS([]),l=XS(0),{swaps:p,groupCounts:c,groups:u}=n(e),d=tm(Ku,[]),m=tm(()=>{let f=e.length-l.current;f&&(l.current+=Math.min(f,YS),a(d(c,l.current)))},[e.length]);if(jS(()=>{r||m()},[r,m]),r){let f=[1,2];return _e.createElement(_e.Fragment,null,[f,f].map((C,S)=>_e.createElement(Ps,{key:S},_e.createElement($s,null,_e.createElement(GS,{variant:"text",width:60,size:"small"}),_e.createElement(Ru,{size:16})),_e.createElement(Ru,{size:4}),_e.createElement(Ju,null,C.map((x,T)=>_e.createElement(em,{isLoading:!0,key:T}))))))}return _e.createElement(HS,{endReached:()=>{l.current<e.length&&m()},groupCounts:s,groupContent:f=>_e.createElement(Ps,null,_e.createElement($s,null,_e.createElement(VS,{variant:"label",size:"medium",className:_s()},u[f]))),itemContent:(f,y)=>{let C=p[f];if(!C)return null;let S=C.steps[0],h=C.steps[C.steps.length-1];return _e.createElement(Yu,{key:C.requestId},_e.createElement(em,{requestId:C.requestId,creationTime:C.creationTime,status:C.status,onClick:o,tooltipContainer:M(),onlyShowTime:u[y]===QS.t("Today"),swapTokenData:{from:{token:{image:S.fromLogo,displayName:S.fromSymbol},blockchain:{image:S.fromBlockchainLogo||""},amount:W(C.inputAmount,6,6),realAmount:pe(C.inputAmount)},to:{token:{image:h.toLogo,displayName:h.toSymbol},blockchain:{image:h.toBlockchainLogo||""},amount:W(h.outputAmount||h.expectedOutputAmountHumanReadable||"",6,6),realAmount:pe(h.outputAmount||h.expectedOutputAmountHumanReadable)}}}))}})}i(Ds,"HistoryGroupedList");import{CloseIcon as ZS,IconButton as RS,SearchIcon as eC,TextField as tC}from"@rango-dev/ui";import Jo from"react";import{styled as JS}from"@rango-dev/ui";var om=JS("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function xt(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:s,value:a,setValue:l,...p}=t;return Jo.createElement(tC,{prefix:Jo.createElement(om,null,Jo.createElement(eC,{color:"black"})),suffix:!!a.length&&Jo.createElement(RS,{variant:"ghost",onClick:()=>l?.(""),size:"small"},Jo.createElement(ZS,{color:"gray",size:10})),fullWidth:o,color:n,variant:e,style:{padding:10,borderRadius:25,alignItems:"center"},size:r,value:a,onChange:s,...p})}i(xt,"SearchInput");import{i18n as Mr}from"@lingui/core";import nm from"dayjs";var rm=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=nm();t.forEach(p=>{let c=Number(p.creationTime),u=nm(c);if(n.isSame(u,"day"))e.get("today")?.swaps.push(p);else if(n.isSame(u,"week"))e.get("week")?.swaps.push(p);else if(n.isSame(u,"month"))e.get("month")?.swaps.push(p);else if(n.isSame(u,"year"))e.get("year")?.swaps.push(p);else{let d=new Date(c).getFullYear().toString();o(d,p)}});let r=Array.from(e.values()).filter(p=>p.swaps.length>0),s=r.flatMap(p=>p.swaps),a=r.map(p=>p.swaps.length),l=r.map(p=>p.title);return{swaps:s,groupCounts:a,groups:l}},"groupSwapsByDate");var aC=rC("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),lC=i((t,e)=>t?.length?t.filter(o=>pt(o.fromBlockchain,e)||pt(o.toBlockchain,e)||pt(o.toSymbol,e)||pt(o.fromSymbol,e)).length:!1,"isStepContainsText");function sm(){let t=sC(),{manager:e,state:o}=oC(),n=ut(e).map(({swap:u})=>u),[r,s]=iC(""),a=!o.loadedFromPersistor,l=i(u=>{let d=u.target.value;s(d)},"searchHandler"),p=n;r&&(p=n.filter(u=>pt(u.inputAmount,r)||pt(u.status,r)||lC(u.steps,r)||pt(u.requestId,r)));let c=!p?.length&&!a;return vt.createElement(le,{header:{title:Lr.t("History")}},vt.createElement(ue,null,vt.createElement(xt,{setValue:s,fullWidth:!0,variant:"contained",placeholder:Lr.t("Search Transaction"),autoFocus:!0,onChange:l,value:r}),vt.createElement(im,{size:"16"}),vt.createElement(aC,null,c&&vt.createElement(Zu,null,vt.createElement(im,{size:32}),vt.createElement(nC,{title:Lr.t("No results found"),description:r?Lr.t("Try using different keywords"):""})),!c&&vt.createElement(Ds,{list:p,onSwapClick:t,groupBy:rm,isLoading:a}))))}i(sm,"HistoryPage");import{i18n as IC}from"@lingui/core";import{Button as EC,Divider as xm,styled as AC,WarningIcon as WC}from"@rango-dev/ui";import NC from"bignumber.js";import qe,{useEffect as vm,useState as bm}from"react";import{useNavigate as MC}from"react-router-dom";import{i18n as fC}from"@lingui/core";import{Header as gC}from"@rango-dev/ui";import Ot,{useEffect as hC,useState as yC}from"react";import{i18n as cC}from"@lingui/core";import{Divider as Os,FullExpandedQuote as uC,Typography as mC}from"@rango-dev/ui";import ge from"react";import{styled as Fs}from"@rango-dev/ui";var am=Fs("div",{display:"flex",justifyContent:"center",flexDirection:"column",height:"100%"}),lm=Fs("div",{display:"flex",justifyContent:"space-between",alignItems:"center"}),pm=Fs("div",{width:"146px"});import{i18n as Zo}from"@lingui/core";import{Select as pC}from"@rango-dev/ui";import cm from"react";function Br(t){let{updateQuotePartialState:e,sortStrategy:o}=H(),n=[{value:"SMART",label:Zo.t("Smart Routing")},{value:"FEE",label:Zo.t("Lowest Fee")},{value:"SPEED",label:Zo.t("Fastest Transfer")},{value:"NET_OUTPUT",label:Zo.t("Maximum Return")},{value:"PRICE",label:Zo.t("Maximum Output")}];return cm.createElement(pm,null,cm.createElement(pC,{container:t.container,options:n,value:o,handleItemClick:r=>{e("sortStrategy",r.value)},variant:"filled"}))}i(Br,"SelectStrategy");var um=3;function Ro(t){let{loading:e,onClickOnQuote:o,fetch:n,showModalFee:r,hasSort:s=!0,fullExpandedMode:a=!1}=t,{selectedQuote:l,quotes:p,updateQuotePartialState:c,fromToken:u,toToken:d,sortStrategy:m,error:f}=H(),{slippage:y,customSlippage:C}=g(),S=g().tokens(),h=!!p&&p.results.length,x=C??y,T=i(I=>{if(!u||!d||!p)return null;let b={requestAmount:p.requestAmount,...I};return no(b,{fromToken:u,toToken:d,userSlippage:x,tokens:S})},"getQuoteWarning"),v=f?.type===0||f?.type===1,E=p?.results?Un(m,p?.results):[];return ge.createElement(ge.Fragment,null,s&&ge.createElement(ge.Fragment,null,ge.createElement(lm,null,ge.createElement(mC,{size:"xmedium",variant:"title"},cC.t("Sort by")),ge.createElement(Br,{container:M()})),ge.createElement(Os,{size:"10"})),e&&Array.from({length:um},(I,b)=>ge.createElement(ge.Fragment,{key:b},a?ge.createElement(uC,{loading:!0}):ge.createElement(jo,{tagHidden:!1,type:"list-item",expanded:!1}),b!==um-1&&ge.createElement(Os,{size:16}))),!e&&ge.createElement(ge.Fragment,null,h?E.map((I,b)=>{let w=T(I),A=Ns(I.swaps),N=E.length-1===b;return ge.createElement(ge.Fragment,{key:I.requestId},ge.createElement(Zt,{showModalFee:r,selected:l?.requestId===I.requestId,tagHidden:!1,quote:{...I,requestAmount:p.requestAmount},loading:e,error:A?.options||null,warning:w,fullExpandedMode:a,onClick:L=>{A||c("warning",w),c("error",A?.options||null),o(L)},type:"list-item"}),!N&&ge.createElement(Os,{size:16}))}):v&&ge.createElement(am,null,ge.createElement($o,{size:a?"large":"small",error:f,fetch:n}))))}i(Ro,"Quotes");import{darkTheme as dC,styled as mm}from"@rango-dev/ui";var dm=mm("div",{transition:"width 0.2s, opacity 0.2s, margin-left 0.2s",height:"700px",width:"390px",opacity:1,marginLeft:"$16",backgroundColor:"$neutral100",[`.${dC} &`]:{backgroundColor:"$neutral300"},variants:{expandMode:{default:{width:"390px"},full:{width:"719px"}}},"&.is-hidden":{width:0,height:0,opacity:0,marginLeft:0}}),fm=mm("div",{position:"relative",overflow:"hidden",padding:"$20",flexGrow:1,display:"flex",flexDirection:"column",overflowY:"auto",borderRadius:"$primary",backgroundColor:"$background"});var SC=100;function Us(t){let{fetch:e,loading:o,onClickOnQuote:n,onClickRefresh:r,isVisible:s}=t,[a,l]=yC(!1),p=a?"":"is-hidden",{config:c}=g(),u=c?.variant==="full-expanded";return hC(()=>{let d=null;return s?d=setTimeout(()=>{l(!0)},SC):(l(!1),d&&clearTimeout(d)),()=>{d&&clearTimeout(d)}},[s]),Ot.createElement(dm,{expandMode:c?.variant==="full-expanded"?"full":"default",className:`${p} ${rr()}`,id:ke.EXPANDED_BOX_ID},Ot.createElement(gC,{title:fC.t("Routes"),suffix:Ot.createElement(Ot.Fragment,null,Ot.createElement(Br,{container:En()}),Ot.createElement(Kt,{onClickRefresh:r,hidden:["history","notifications","settings"]}))}),Ot.createElement(fm,null,Ot.createElement(Ro,{showModalFee:!1,fetch:e,hasSort:!1,loading:o,onClickOnQuote:n,fullExpandedMode:u})))}i(Us,"ExpandedQuotes");import{i18n as Tm}from"@lingui/core";import{SwapInput as km}from"@rango-dev/ui";import en from"react";import{ReverseIcon as CC,styled as gm}from"@rango-dev/ui";import qs from"react";var TC=gm("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),kC=gm("div",{borderRadius:"$md",border:"3px solid $background",background:"$neutral100",width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center",color:"$foreground","&:hover":{color:"$secondary500"}});function hm(){let t=H.use.switchFromAndTo();return qs.createElement(TC,null,qs.createElement(kC,{onClick:()=>{t()}},qs.createElement(CC,{size:12})))}i(hm,"SwitchFromAndToButton");import{styled as ym}from"@rango-dev/ui";var Sm=ym("div",{display:"flex",flexDirection:"column",gap:"$5",alignSelf:"stretch"}),Cm=ym("div",{position:"relative"});function zs(t){let{fetchingQuote:e,fetchMetaStatus:o,onClickToken:n,isExpandable:r}=t,{fromToken:s,fromBlockchain:a,toToken:l,toBlockchain:p,setInputAmount:c,inputAmount:u,inputUsdValue:d,outputAmount:m,outputUsdValue:f,selectedQuote:y}=H(),{connectedWallets:C,getBalanceFor:S}=Y(),h=s?S(s):null,x=kn(h)?.amount??"0",T=a&&s?W(h?.amount,h?.decimals):"0",v=!!a&&tl(C,a.name),E=!Ii(y,u,d),I=!Ii(y,u,f),b=!d||!f||!f.gt(0)?null:Xe(d.toString(),f.toString());return en.createElement(Sm,null,en.createElement(Cm,null,en.createElement(km,{label:Tm.t("From"),mode:"From",onInputChange:c,balance:x,chain:{displayName:a?.displayName||"",image:a?.logo||""},token:{displayName:s?.symbol||"",image:s?.image||""},onClickToken:()=>n("from"),price:{value:u,usdValue:E?void 0:W(d,4,4),realUsdValue:E?void 0:pe(d),error:E?R().unknownPriceError.impactTitle:void 0},disabled:o==="failed",loading:o==="loading",loadingBalance:v,tooltipContainer:M(),onSelectMaxBalance:()=>{c(T.split(",").join(""))}}),en.createElement(hm,null)),en.createElement(km,{sharpBottomStyle:!r&&(!!y||e),label:Tm.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:Ct(b??0),price:{value:W(m,6,6),usdValue:I?void 0:W(f,4,4),realValue:pe(m),realUsdValue:I?void 0:pe(f),error:I?R().unknownPriceError.impactTitle:void 0},onClickToken:()=>n("to"),disabled:o==="failed",loading:o==="loading",tooltipContainer:M()}))}i(zs,"Inputs");import{useCallback as wC,useEffect as xC,useState as vC}from"react";function wm(){let{fetch:t,loading:e,cancelFetch:o}=Er({request:async(n,r)=>await Wt().getAllRoutes(n,r)});return{fetch:t,loading:e,cancelFetch:o}}i(wm,"useFetchAllQuotes");var bC=600;function _r({refetchQuote:t}){let{fetch:e,cancelFetch:o}=wm(),{excludeLiquiditySources:n,features:r,enableCentralizedSwappers:s}=g().config,a=Y.use.connectedWallets(),l=g().tokens(),{fromToken:p,toToken:c,inputAmount:u,inputUsdValue:d,selectedQuote:m,sortStrategy:f,resetQuote:y,error:C,warning:S,setSelectedQuote:h,updateQuotePartialState:x}=H(),{slippage:T,customSlippage:v,affiliatePercent:E,affiliateRef:I,affiliateWallets:b,fetchStatus:w}=g(),A=g().getLiquiditySources(),N=g().getDisabledLiquiditySources(),L=g().excludeLiquiditySources(),[j,G]=vC(!0),z=v??T,ee=!p||!c||Me(p,c)||!vo(u),ne=i(k=>{G(k)},"resetState"),Q=i(k=>{let{fromToken:X,toToken:fe,inputAmount:J,liquiditySources:re,excludeLiquiditySources:ht,disabledLiquiditySources:U,slippage:V,affiliateRef:Z,affiliatePercent:Ie,affiliateWallets:et}=k;if(j||ne(!0),!ee&&X&&fe){y();let $e=Xl({fromToken:X,toToken:fe,inputAmount:J,liquiditySources:re,excludeLiquiditySources:ht,disabledLiquiditySources:U,wallets:a,slippage:V,affiliateRef:Z,affiliatePercent:Ie,affiliateWallets:et,enableCentralizedSwappers:s});Tl("experimentalRoute",r)&&($e.experimental=!0),e($e).then(De=>{let ye=Un(f,De.results),Fe=pp(m,ye,De.requestAmount);G(!1),x("quotes",De),h(Fe),Ar({diagnosisMessages:De.diagnosisMessages,requestId:Fe?.requestId||"",swaps:Fe?.swaps});let dn=Fe&&no(Fe,{fromToken:X,toToken:fe,userSlippage:z,tokens:l});x("warning",dn)}).catch(De=>{let{error:ye}=Wr(De);(ye?.type===0||ye?.type===1)&&y(),ye?.type!==2&&(x("error",ye),G(!1))})}},"fetch"),ce=wC(hl(k=>{ee||Q(k)},bC),[ee]);return xC(()=>{if(!t){G(!1);return}if(w==="success"){if(ee){G(!1),(m||C||S)&&y();return}if(!vo(u)||d?.eq(0)){ne(!1),o();return}return y(),ne(!0),ce({inputAmount:u,fromToken:p,toToken:c,liquiditySources:A,excludeLiquiditySources:L,disabledLiquiditySources:N,slippage:z,affiliateRef:I,affiliatePercent:E,affiliateWallets:b}),o}},[w,u,p?.symbol,p?.address,p?.blockchain,c?.symbol,c?.address,c?.blockchain,ee,A?.length,n,N.length,z,I,E,JSON.stringify(b)]),{fetch:()=>Q({inputAmount:u,fromToken:p,toToken:c,liquiditySources:A,excludeLiquiditySources:L,disabledLiquiditySources:N,slippage:z,affiliateRef:I,affiliatePercent:E,affiliateWallets:b}),loading:j}}i(_r,"useSwapInput");var LC=AC("div",{display:"grid",gridTemplateColumns:"auto auto",alignItems:"flex-start",maxHeight:700,"& .footer__alert":{paddingTop:"0 !important"}}),BC=300;function Im(){let t=MC(),{fromToken:e,toToken:o,inputAmount:n,selectedQuote:r,refetchQuote:s,error:a,warning:l,quotes:p,setSelectedQuote:c,resetQuoteWallets:u,setQuoteWarningsConfirmed:d,updateQuotePartialState:m}=H(),[f,y]=bm(!1),{isLargeScreen:C,isExtraLargeScreen:S}=Cr(),{fetch:h,loading:x}=_r({refetchQuote:s}),{config:T,fetchStatus:v}=g(),{connectedWallets:E}=Y(),{isActiveTab:I}=oe(),[b,w]=bm(!1),N=zl({fetchMetaStatus:v,fetchingQuote:x,inputAmount:n,quote:r,anyWalletConnected:E.length>0,error:a,warning:l,needsToWarnEthOnPath:!1}),L=al(C,S,T?.variant),j=!!n&&!!e&&!!o&&new NC(n).gt(0)&&!np(e,o),G=j&&v==="success"&&x,ee=(!L||L&&p?.results.length)&&(l||a);vm(()=>{u(),m("refetchQuote",!0)},[]),vm(()=>{y(j)},[j]);let ne=(r||a)&&!b?h:void 0,Q=i(k=>{L&&f?(y(!1),setTimeout(()=>{t(k)},BC)):t(k)},"onHandleNavigation"),ce=i(k=>{r?.requestId!==k.requestId&&(w(!1),c(k))},"onClickOnQuote");return qe.createElement(LC,null,qe.createElement(le,{height:"auto",footer:qe.createElement(EC,{type:"primary",size:"large",disabled:N.disabled||!I,prefix:N.action==="confirm-warning"&&qe.createElement(WC,null),fullWidth:!0,onClick:()=>{N.action==="connect-wallet"?Q(F.wallets):N.action==="confirm-warning"?w(!0):Q(F.confirmSwap)}},N.title),header:{onWallet:()=>{Q(F.wallets)},hasBackButton:!1,title:T.title||IC.t("Swap"),suffix:qe.createElement(Kt,{hidden:L?["refresh"]:void 0,onClickRefresh:ne,onClickHistory:()=>Q(F.swaps),onClickSettings:()=>{Q(F.settings)}})}},qe.createElement(ue,null,qe.createElement(zs,{fetchingQuote:G,fetchMetaStatus:v,isExpandable:L,onClickToken:k=>{Q(k==="from"?F.fromSwap:F.toSwap)}}),qe.createElement(xm,{size:"2"}),L?null:qe.createElement(Zt,{quote:r,loading:G,error:a,tagHidden:!1,warning:l,type:"basic",onClickAllRoutes:p&&p.results.length>1?()=>{m("refetchQuote",!1),Q(F.routes)}:void 0}),ee?qe.createElement(qe.Fragment,null,qe.createElement(xm,{size:"10"}),qe.createElement(Fo,{warning:l,error:a,refetchQuote:h,showWarningModal:b,confirmationDisabled:!I,onOpenWarningModal:()=>w(!0),onCloseWarningModal:()=>w(!1),onConfirmWarningModal:()=>{w(!1),d(!0),Q(F.confirmSwap)},onChangeSettings:()=>Q(F.settings)})):null)),L?qe.createElement(Us,{loading:G,onClickOnQuote:ce,fetch:h,onClickRefresh:ne,isVisible:f}):null)}i(Im,"Home");import{i18n as Em}from"@lingui/core";import{Alert as _C,Divider as PC,List as $C,ListItemButton as DC,Radio as FC,RadioRoot as OC,Typography as UC}from"@rango-dev/ui";import ft from"react";function Ut(){let{setLanguage:t,language:e,config:o}=g(),n=wl,r=o?.language||Eo;return{activeLanguage:e||r,languages:n,defaultLanguage:r,changeLanguage:s=>t(s||Eo),resetLanguage:()=>t(null)}}i(Ut,"useLanguage");function Am(){let{activeLanguage:t,changeLanguage:e,languages:o}=Ut(),n=Ye(),r=o.map(s=>{let{local:a,label:l,SVGFlag:p}=s;return{id:a,value:a,title:ft.createElement(UC,{variant:"title",size:"xmedium"},l),onClick:()=>{e(s.local),n()},end:ft.createElement(FC,{value:a}),start:ft.createElement(p,null)}});return ft.createElement(le,{header:{title:Em.t("Language")}},ft.createElement(ue,null,ft.createElement(_C,{type:"warning",variant:"alarm",title:"Important Notice: Machine translations are in use"}),ft.createElement(PC,{size:"8"}),ft.createElement(OC,{value:t},ft.createElement($C,{type:ft.createElement(DC,{title:Em.t("language"),id:"_",onClick:()=>console.log()}),items:r}))))}i(Am,"LanguagePage");import{i18n as bt}from"@lingui/core";import{Button as GC,Checkbox as VC,Image as jC,ListItemButton as XC,NotFound as KC,Typography as YC}from"@rango-dev/ui";import Pe,{useState as JC}from"react";import{Checkbox as QC,Skeleton as Nm}from"@rango-dev/ui";import on from"react";import{styled as Qs}from"@rango-dev/ui";var tn=Qs("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto",variants:{disabled:{true:{pointerEvents:"none"}}}}),Hs=Qs("div",{width:80,display:"flex",justifyContent:"flex-end"}),Gs=Qs("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});import{ListItem as qC,styled as zC}from"@rango-dev/ui";var Wm=zC(qC,{height:61});var HC=30;function Vs(){return on.createElement(tn,null,Array.from(Array(HC),(t,e)=>on.createElement(Wm,{hasDivider:!0,key:e,start:on.createElement(Nm,{variant:"circular",width:35,height:35}),title:on.createElement(Nm,{variant:"text",size:"large",width:90}),end:on.createElement(QC,{checked:!1})})))}i(Vs,"LoadingLiquiditySourceList");function js({sourceType:t}){let e=g().fetchStatus,o=g().swappers(),n=g().getDisabledLiquiditySources(),[r,s]=JC(""),a=g().toggleLiquiditySource,l=g().isInCampaignMode(),p=An(o,n),c={Exchanges: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(h=>u.includes(h.type)),m=d.length===d.filter(h=>h.selected).length,f=i(()=>{d.forEach(h=>{m?a(h.groupTitle):h.selected||a(h.groupTitle)})},"toggleAllSources"),y=d.map(h=>{let{selected:x,groupTitle:T,logo:v}=h;return{start:Pe.createElement(jC,{src:v,size:22,type:"circular"}),onClick:()=>{l||a(T)},end:Pe.createElement(VC,{checked:x,disabled:l}),title:Pe.createElement(YC,{variant:"title",size:"xmedium"},bt.t(T)),...h}}),C=i(h=>{let x=h.target.value;s(x)},"searchHandler"),S=y;return r&&(S=y.filter(h=>pt(h.groupTitle,r))),Pe.createElement(le,{header:{title:bt.t(t),suffix:Pe.createElement(Hs,null,Pe.createElement(GC,{variant:"ghost",size:"xsmall",onClick:f},m?bt.t("Deselect all"):bt.t("Select all")))}},Pe.createElement(ue,{view:!0},Pe.createElement(xt,{value:r,setValue:s,fullWidth:!0,color:"light",variant:"contained",placeholder:bt.t("Search {sourceType}",{sourceType:c[t]}),onChange:C}),e==="loading"&&Pe.createElement(Vs,null),!S.length&&r?Pe.createElement(Gs,null,Pe.createElement(KC,{title:bt.t("No results found"),description:bt.t("Try using different keywords")})):e==="success"&&Pe.createElement(tn,{disabled:l},S.map(h=>{let{groupTitle:x,...T}=h;return Pe.createElement(Pe.Fragment,{key:h.id},Pe.createElement(XC,{style:{height:"61px"},...T,selected:!1,hasDivider:!0}))}))))}i(js,"LiquiditySourcePage");import{i18n as ZC}from"@lingui/core";import Pr from"react";import{useNavigate as RC}from"react-router-dom";function Mm(){let t=RC(),e=Ye(),{selectedQuote:o,refetchQuote:n,setSelectedQuote:r,updateQuotePartialState:s,error:a}=H(),{fetch:l,loading:p}=_r({refetchQuote:n}),c=i(m=>{r(m),s("refetchQuote",!1),e()},"onClickOnQuote"),u=`../${F.settings}`,d=`../${F.wallets}`;return Pr.createElement(le,{header:{onWallet:()=>{t(d)},onBack:()=>{s("refetchQuote",!1)},title:ZC.t("Routes"),suffix:Pr.createElement(Kt,{onClickRefresh:o||a?l:void 0,hidden:["notifications","history"],onClickSettings:()=>t(u)})}},Pr.createElement(ue,null,Pr.createElement(Ro,{fetch:l,loading:p,onClickOnQuote:c})))}i(Mm,"RoutesPage");import{i18n as Om}from"@lingui/core";import{Divider as Um,getCountCategories as pT,SelectableCategoryList as cT}from"@rango-dev/ui";import It,{useState as qm}from"react";import{i18n as Ks}from"@lingui/core";import{Divider as Dm,Image as rT,ListItemButton as iT,NotFound as sT,Typography as Fm}from"@rango-dev/ui";import Ze,{useEffect as aT,useState as lT}from"react";import{BlockchainCategories as Xs}from"@rango-dev/ui";import{TransactionType as $r}from"rango-sdk";var eT=i((t,e)=>{switch(e){case Xs.ALL:return!0;case Xs.UTXO:return t.type===$r.TRANSFER;case Xs.OTHER:return t.type!==$r.TRANSFER&&t.type!==$r.COSMOS&&t.type!==$r.EVM;default:return t.type===e}},"filterByType"),Lm=i((t,e,o)=>t.filter(n=>eT(n,o)).filter(n=>St(n.name,e)||St(n.displayName,e)),"filterBlockchains");import{ImageContainer as tT,styled as Bm}from"@rango-dev/ui";var _m=Bm("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),Dr=Bm(Bo,{padding:0,margin:0,listStyle:"none",[`& ${tT}`]:{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as oT,Skeleton as Pm}from"@rango-dev/ui";import Fr from"react";var nT=20;function $m(){return Fr.createElement(Dr,null,Array.from(Array(nT),t=>Fr.createElement(oT,{key:t,hasDivider:!0,start:Fr.createElement(Pm,{variant:"circular",width:35,height:35}),title:Fr.createElement(Pm,{variant:"text",size:"large",width:90})})))}i($m,"LoadingBlockchainList");function Ys(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[s,a]=lT(e),{fetchStatus:l}=g();aT(()=>{a([...Lm(e,o,r)])},[e,o,r]);let p=i(()=>!s.length&&o?Ze.createElement(Ze.Fragment,null,Ze.createElement(Dm,{size:32}),Ze.createElement(sT,{title:Ks.t("No results found"),description:Ks.t("Try using different keywords")})):Ze.createElement(Dr,{as:"ul",key:`${r}-${o}`},s.map(c=>Ze.createElement(iT,{key:`${c.name}-${c.chainId}`,hasDivider:!0,onClick:()=>n(c),start:Ze.createElement(rT,{src:c.logo,size:30}),title:Ze.createElement(Fm,{variant:"title",size:"medium"},c.displayName),id:c.chainId}))),"renderList");return Ze.createElement(_m,null,Ze.createElement(Fm,{variant:"label",size:"large"},Ks.t("Select Blockchain")),Ze.createElement(Dm,{size:4}),l==="loading"&&Ze.createElement($m,null),l==="success"&&p())}i(Ys,"BlockchainList");function Js(t){let{type:e}=t,o=Ye(),[n,r]=qm(""),[s,a]=qm("ALL"),l=H.use.setToBlockchain(),p=H.use.setFromBlockchain(),c=g().fetchStatus,u=g().blockchains({type:e}),m=pT(u)!==1;return It.createElement(le,{header:{title:Om.t("Select Blockchain")}},It.createElement(ue,{view:!0},m&&It.createElement(It.Fragment,null,It.createElement(cT,{setCategory:a,category:s,blockchains:u,isLoading:c==="loading"}),It.createElement(Um,{size:24})),It.createElement(xt,{value:n,autoFocus:!0,placeholder:Om.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:f=>r(f.target.value)}),It.createElement(Um,{size:16}),It.createElement(Ys,{list:u,searchedFor:n,blockchainCategory:s,onChange:f=>{e==="source"?p(f):l(f),o()}})))}i(Js,"SelectBlockchainPage");import{i18n as Qr}from"@lingui/core";import{Divider as ad}from"@rango-dev/ui";import Rt,{useState as ET}from"react";import{useNavigate as AT}from"react-router-dom";import{i18n as ea}from"@lingui/core";import{BlockchainsChip as Or,Divider as Gm,Image as Vm,Skeleton as gT,Tooltip as hT,Typography as ta}from"@rango-dev/ui";import be from"react";import{useEffect as dT}from"react";var zm=["ETH","COSMOS","OSMOSIS"];function Zs(t,e,o){let n=JSON.parse(JSON.stringify(t)),r=[];if(n.sort(uT),o?.limit&&t.length>o.limit){let s=o.limit,a=e;if(e.length<=o.limit){let l=o.limit-e.length;for(let p=0;p<=l;p++){let c=n[p];a=a.filter(u=>c.name!==u)}}n.sort(mT(a)),r=n.splice(s)}return{list:n,more:r}}i(Zs,"prepare");function uT(t,e){let o=zm,n=o.findIndex(l=>l===t.name),r=o.findIndex(l=>l===e.name),s=n>-1,a=r>-1;return s&&a?n>r?1:-1:s?-1:a?1:0}i(uT,"sortByMostUsedBlockchains");function mT(t){return i(function(o,n){let r=t.findIndex(p=>p===o.name),s=t.findIndex(p=>p===n.name),a=r>-1,l=s>-1;return a&&l?r>s?1:-1:t.includes(o.name)?-1:t.includes(n.name)?1:0},"sortByPreferred")}i(mT,"generateSortByPreferredBlockchainsFor");function Qm(t,e){return!!e.list.find(o=>o.name===t)}i(Qm,"isInVisibleList");function Rs(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=g();dT(()=>{if(e?.selected){let s=Zs(t,o,e);Qm(e.selected,s)||n(e?.selected)}},[e?.selected]);let r=Zs(t,o,e);return{list:r.list,more:r.more,history:[]}}i(Rs,"usePrepareBlockchainList");import{styled as fT}from"@rango-dev/ui";var Hm=fT("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var yT=12;function oa(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:s}=t,a=Rs(e,{limit:10,selected:n?.name}),{fetchStatus:l}=g(),p=H.use.resetToBlockchain(),c=H.use.resetFromBlockchain(),u=a.more.length>0,d=a.more.length===1,m=!d&&u;return be.createElement(be.Fragment,null,be.createElement(Gm,{size:12}),be.createElement(ta,{variant:"label",size:"large"},ea.t("Select Blockchain")),be.createElement(Gm,{size:12}),be.createElement(Hm,null,l==="loading"&&Array.from(Array(yT),f=>be.createElement(gT,{key:f,variant:"rounded",height:50})),l==="success"&&be.createElement(be.Fragment,null,be.createElement(Or,{selected:!n,onClick:()=>{o==="from"?c():p()}},be.createElement(ta,{variant:"body",size:"xsmall",color:"secondary500"},ea.t("All"))),a.list.map(f=>be.createElement(hT,{key:f.name,content:f.shortName,side:"bottom",sideOffset:2,container:M()},be.createElement(Or,{key:f.name,selected:!!n&&n.name===f.name,onClick:()=>r(f)},be.createElement(Vm,{src:f.logo,size:30})))),d?be.createElement(Or,{key:a.more[0].name,selected:!!n&&n.name===a.more[0].name,onClick:()=>r(a.more[0])},be.createElement(Vm,{src:a.more[0].logo,size:30})):null,m?be.createElement(Or,{onClick:s,key:"more-blockchains"},be.createElement(ta,{variant:"body",size:"xsmall",color:"secondary500"},ea._("More +{count}",{count:a.more.length}))):null)))}i(oa,"BlockchainsSection");import{i18n as ma}from"@lingui/core";import{darkTheme as od,Divider as Co,ExternalLinkIcon as TT,Image as kT,ListItemButton as wT,NotFound as xT,PinIcon as vT,Skeleton as nd,Typography as zr,VirtualizedList as bT}from"@rango-dev/ui";import q,{useEffect as rd,useState as id}from"react";import{Divider as ed,ListItem as CT,Skeleton as nn}from"@rango-dev/ui";import st from"react";import{css as So,darkTheme as jm,ImageContainer as ST,styled as it,Typography as Xm}from"@rango-dev/ui";var na=So({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}),ra=So({position:"relative",height:12,width:"30%",maxWidth:"150px"}),ia=So({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",bottom:"-8px"}),sa=So({transform:"translateY(12px)",visibility:"hidden","& a":{display:"flex",justifyContent:"center",alignItems:"center",fontSize:"$12",lineHeight:"$16",$$color:"$colors$neutral600",[`.${jm} &`]:{$$color:"$colors$neutral700"},color:"$$color",textDecoration:"none"}}),aa=So({}),la=So(),Km=it("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),pa=it("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),Ur=it("ul",{flexGrow:1,padding:0,margin:0,listStyle:"none","& li":{alignItems:"none","&:hover":{[`& .${ra}`]:{[`& .${sa}`]:{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",visibility:"visible"},[`& .${aa}`]:{bottom:"-15px"},[`& .${na}`]:{position:"absolute",transform:"translateY(-12px)",visibility:"hidden"},[`& .${ia}`]:{position:"absolute",transform:"translateY(-12px)",bottom:"-10px"}}}}}),ca=it("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),ua=it(Xm,{}),Ym=it("div",{textAlign:"right",width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",[`& .${la}`]:{$$color:"$colors$neutral600",[`.${jm} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),qr=it("div",{display:"flex",alignItems:"end",flexDirection:"column"}),vF=it("div",{display:"flex",alignItems:"center"}),Jm=it("div",{position:"relative",[`& ${ST}`]:{borderRadius:"$xm",overflow:"hidden"}}),Zm=it("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6}),Rm=it(Xm,{width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"});function td(t){return st.createElement(Ur,null,Array.from(Array(t.size),e=>st.createElement(CT,{key:e,hasDivider:!0,start:st.createElement(nn,{variant:"circular",width:35,height:35}),end:st.createElement(qr,null,st.createElement(nn,{variant:"text",size:"large",width:70}),st.createElement(ed,{size:4}),st.createElement(nn,{variant:"text",size:"medium",width:50})),title:st.createElement("div",null,st.createElement(nn,{variant:"text",size:"large",width:90}),st.createElement(ed,{size:4}),st.createElement(nn,{variant:"text",size:"medium",width:90}))})))}i(td,"LoadingTokenList");var da=20,IT=i(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:s,customCssForTagTitle:a}=t,l=e.length;return q.createElement("div",{className:ra()},o?q.createElement("div",{className:na()},o):q.createElement(pa,{className:ia()},q.createElement(zr,{variant:"title",size:"xmedium"},r.symbol),q.createElement(Co,{direction:"horizontal",size:4}),q.createElement(ca,{css:s},q.createElement(ua,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&q.createElement("div",{className:`${sa()} ${!o&&aa()}`},q.createElement("a",{href:n,target:"_blank",rel:"nofollow noreferrer",onClick:p=>p.stopPropagation()},l>10?`${e.slice(0,5)}...${e.slice(l-6,l)}`:e," ",q.createElement(Co,{size:4,direction:"horizontal"}),q.createElement(TT,{color:"gray",size:12}))))},"renderDesc");function sd(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[s,a]=id(e),l=g().fetchStatus,p=g().blockchains(),[c,u]=id(!0),{getBalanceFor:d,loading:m}=Y(),{isTokenPinned:f}=g(),y=i(()=>{a(e.slice(0,s.length+da))},"loadNextPage");rd(()=>{u(e.length>s.length)},[s.length]),rd(()=>{a(e.slice(0,da))},[e]);let C=i(()=>!s.length&&o?q.createElement(q.Fragment,null,q.createElement(Co,{size:32}),q.createElement(xT,{title:ma.t("No results found"),description:ma.t("Try using different keywords")})):q.createElement(bT,{endReached:c?y:void 0,itemContent:S=>{let h=s[S],x=kn(d(h)),T=h.address||"",v=p.find(A=>A.name===h.blockchain),E=Jn(v?.color||"",Np(v?.color||"")?5:125),I=Jn(v?.color||"",-100),b={$$color:E,[`.${od} &`]:{$$color:I},backgroundColor:"$$color"},w={$$color:I,[`.${od} &`]:{$$color:E},color:"$$color"};return q.createElement("div",{style:{paddingRight:5}},q.createElement(wT,{style:{width:"100%",overflow:"hidden"},"tab-index":S,key:`${h.symbol}${h.address}`,id:`${h.symbol}${h.address}`,hasDivider:!0,onClick:()=>n(s[S]),start:q.createElement(Jm,null,q.createElement(kT,{src:h.image,size:30}),f(h,t.type)&&q.createElement(Zm,null,q.createElement(vT,{size:12,color:"gray"}))),title:v?.type==="COSMOS"||h.name||!h.name&&!T?q.createElement(pa,null,q.createElement(zr,{variant:"title",size:"xmedium"},h.symbol),q.createElement(Co,{direction:"horizontal",size:4}),q.createElement(ca,{css:b},q.createElement(ua,{variant:"body",size:"xsmall",css:w},h.blockchain))):void 0,description:v?.info&&T&&v.type!=="COSMOS"?IT({address:T,token:s[S],customCssForTag:b,customCssForTagTitle:w,name:h.name,url:v.info.addressUrl.split("{wallet}").join(T)}):h.name||void 0,end:m?q.createElement(qr,null,q.createElement(nd,{variant:"text",size:"large",width:70}),q.createElement(Co,{size:4}),q.createElement(nd,{variant:"text",size:"medium",width:50})):x&&q.createElement(Ym,null,q.createElement(Rm,{variant:"title",size:"small"},x.amount),q.createElement("div",null),x.usdValue&&q.createElement(zr,{variant:"body",className:la(),size:"xsmall"},`$${x.usdValue}`))}))},totalCount:s.length,key:`${r}-${o}`}),"renderList");return q.createElement(Km,null,q.createElement(zr,{variant:"label",size:"large"},ma.t("Select Token")),q.createElement(Co,{size:4}),l==="loading"&&q.createElement(td,{size:da}),l==="success"&&q.createElement(Ur,{as:"ul"},C()))}i(sd,"TokenList");function fa(t){let{type:e}=t,o=AT(),n=Ye(),{fromBlockchain:r,toBlockchain:s,setFromToken:a,setToToken:l,setFromBlockchain:p,setToBlockchain:c}=H(),u=Y.use.getBalanceFor(),[d,m]=ET(""),y=(e==="source"?r:s)?.name??"",C=g().blockchains({type:e}),S=g().tokens({type:e,blockchain:y,searchFor:d,getBalanceFor:u}),h=i(v=>{e==="source"?p(v):c(v)},"updateBlockchain"),x=i(v=>{e==="source"?a({token:v,meta:{blockchains:C,tokens:S}}):l({token:v,meta:{blockchains:C,tokens:S}})},"updateToken"),T={source:Qr.t("Source"),destination:Qr.t("Destination")};return Rt.createElement(le,{header:{title:Qr.t("Swap {type}",{type:T[e]})}},Rt.createElement(ue,null,Rt.createElement(oa,{blockchains:C,type:e=="source"?"from":"to",blockchain:e==="source"?r:s,onMoreClick:()=>o(F.blockchains),onChange:v=>{h(v)}}),Rt.createElement(ad,{size:24}),Rt.createElement(xt,{value:d,autoFocus:!0,placeholder:Qr.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>m(""),onChange:v=>m(v.target.value)}),Rt.createElement(ad,{size:16}),Rt.createElement(sd,{list:S,selectedBlockchain:y,searchedFor:d,type:e,onChange:v=>{x(v);let E=C.find(I=>v.blockchain===I.name);E&&h(E),n()}})))}i(fa,"SelectSwapItemsPage");import{i18n as Sa}from"@lingui/core";import{Alert as RT,Button as ek,styled as tk}from"@rango-dev/ui";import eo from"react";import{useInRouterContext as ok,useSearchParams as nk}from"react-router-dom";import{i18n as dd}from"@lingui/core";import{Divider as LT,InfoIcon as BT,TextField as _T,Tooltip as PT,Typography as fd}from"@rango-dev/ui";import at from"react";import{Chip as WT,styled as rn,TextField as NT}from"@rango-dev/ui";var ld=rn("div",{paddingTop:"$5",padding:"$10 $5"}),pd=rn("div",{display:"flex",flexWrap:"wrap",gap:"$10",[`& ${NT}`]:{flex:"1 1 0",maxWidth:"127px",minWidth:"85px"}}),cd=rn("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),Hr=rn("div",{maxWidth:"280px",padding:"$10"}),ud=rn(WT,{width:"61px",flexShrink:0});import{i18n as ga}from"@lingui/core";import{Typography as MT}from"@rango-dev/ui";import sn from"react";function md(){return sn.createElement(Hr,null,sn.createElement(MT,{variant:"label",size:"medium",color:"neutral700"},ga.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),sn.createElement("br",null),sn.createElement("br",null),sn.createElement("b",null,ga.t("Warning")),":",ga.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(md,"SlippageTooltipContent");function ha(){let{slippage:t,setSlippage:e,customSlippage:o,setCustomSlippage:n}=g();return at.createElement(ld,null,at.createElement(cd,null,at.createElement(fd,{variant:"title",size:"xmedium"},dd.t("Slippage tolerance per swap")),at.createElement(LT,{direction:"horizontal",size:4}),at.createElement(PT,{container:M(),side:"top",sideOffset:4,content:at.createElement(md,null)},at.createElement(BT,{color:"gray"}))),at.createElement(pd,null,xl.map((r,s)=>{let a=`slippage-${s}`;return at.createElement(ud,{key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`})}),at.createElement(_T,{type:"number",min:"0.01",max:"30",step:"0.01",fullWidth:!0,variant:"contained",value:o||"",color:"dark",onChange:r=>{let s=r.target.value,a=parseFloat(s);a>=El&&a<=Il?n(a):n(null)},suffix:o&&at.createElement(fd,{variant:"body",size:"small"},"%"),placeholder:dd.t("Custom")})))}i(ha,"Slippage");import{i18n as gt}from"@lingui/core";import{AutoThemeIcon as gd,BridgeIcon as $T,ChevronRightIcon as ya,DarkModeIcon as hd,Divider as Gr,DoneIcon as DT,ExchangeIcon as FT,InfoIcon as OT,LanguageIcon as UT,LightModeIcon as yd,List as qT,ListItem as zT,ListItemButton as QT,Skeleton as HT,styled as GT,Switch as VT,Tabs as jT,Tooltip as XT,Typography as Re}from"@rango-dev/ui";import $ from"react";import{useNavigate as KT}from"react-router-dom";var YT=GT("div",{width:"202px",height:"$40"}),JT=[{id:"light",icon:$.createElement(yd,{color:"black",size:16}),tooltip:$.createElement(Re,{size:"xsmall",variant:"body"},gt.t("Light"))},{id:"dark",icon:$.createElement(hd,{color:"black",size:14}),tooltip:$.createElement(Re,{size:"xsmall",variant:"body"},gt.t("Dark"))},{id:"auto",icon:$.createElement(gd,{color:"black",size:16}),tooltip:$.createElement(Re,{size:"xsmall",variant:"body"},gt.t("Auto"))}],ZT=i(t=>{let e={color:"gray",size:14};switch(t){case"auto":return $.createElement(gd,{...e});case"dark":return $.createElement(hd,{...e});default:return $.createElement(yd,{...e})}},"getThemeIcon");function Sd(){let t=KT(),{theme:e}=g().config,{setTheme:o,theme:n}=g(),{activeLanguage:r,languages:s}=Ut(),a=s.find(z=>z.local===r)?.label,l=g().fetchStatus,p=g().swappers(),c=g().getDisabledLiquiditySources(),{config:{features:u}}=g(),d=je("theme",u),m=je("liquiditySource",u),f=je("language",u),y=g().infiniteApprove,C=g().toggleInfiniteApprove,S=An(p,c),h=S.filter(z=>["BRIDGE","AGGREGATOR","OFF_CHAIN"].includes(z.type)),x=h.length,T=h.filter(z=>z.selected).length,v=S.filter(z=>z.type==="DEX"),E=v.length,I=v.filter(z=>z.selected).length,b=i((z,B)=>{switch(l){case"loading":return $.createElement(HT,{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"},`${z} / ${B}`)}},"handleSwapperEndItem"),w={id:"bridge-item",title:$.createElement(Re,{variant:"title",size:"xmedium"},gt.t("Bridges")),end:$.createElement($.Fragment,null,b(T,x),$.createElement(Gr,{direction:"horizontal",size:8}),$.createElement(ya,{color:"black"})),onClick:()=>t(F.bridges),start:$.createElement($T,{color:"gray",size:14})},A={id:"exchange-item",title:$.createElement(Re,{variant:"title",size:"xmedium"},gt.t("Exchanges")),end:$.createElement($.Fragment,null,b(I,E),$.createElement(Gr,{direction:"horizontal",size:8}),$.createElement(ya,{color:"gray"})),start:$.createElement(FT,{color:"gray",size:14}),onClick:()=>t(F.exchanges)},N={id:"language-item",title:$.createElement(Re,{variant:"title",size:"xmedium"},gt.t("Language")),start:$.createElement(UT,{color:"gray",size:14}),end:$.createElement($.Fragment,null,$.createElement(Re,{variant:"body",size:"medium"},a),$.createElement(Gr,{direction:"horizontal",size:8}),$.createElement(ya,{color:"gray"})),onClick:()=>t(F.languages)},L={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(XT,{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(OT,{color:"gray"}))),start:$.createElement(DT,{color:"gray",size:14}),end:$.createElement(VT,{checked:y}),onClick:C},j={id:"theme-item",type:$.createElement(zT,null),title:$.createElement(Re,{variant:"title",size:"xmedium"},gt.t("Theme")),end:$.createElement(YT,null,$.createElement(jT,{container:M(),items:JT,value:n,onChange:z=>o(z.id),type:"primary",borderRadius:"small"})),start:ZT(n)},G=m?[]:[w,A];return f||G.push(N),G.push(L),!e?.singleTheme&&!d&&G.push(j),$.createElement(qT,{type:$.createElement(QT,{hasDivider:!0,id:"_",onClick:()=>console.log()}),items:G})}i(Sd,"SettingsLists");var rk=tk("div",{paddingLeft:"$8"});function Cd(){let{isInCampaignMode:t,updateCampaignMode:e}=g(),o=t(),[,n]=nk(),r=ok(),s=i(()=>{r&&o&&(n(a=>(a.delete("liquiditySources"),a),{replace:!0}),e("liquiditySources",void 0))},"onClick");return eo.createElement(le,{header:{title:Sa.t("Settings")}},eo.createElement(ue,null,o&&eo.createElement(RT,{type:"info",variant:"alarm",title:Sa.t("Currently, you're in campaign mode with restrictions on liquidity sources. Would you like to switch out of this mode and make use of all available liquidity sources?"),action:eo.createElement(rk,null,eo.createElement(ek,{type:"secondary",size:"small",onClick:s},Sa.t("Reset")))}),eo.createElement(ha,null),eo.createElement(Sd,null)))}i(Cd,"SettingsPage");import{i18n as Vk}from"@lingui/core";import{cancelSwap as jk}from"@rango-dev/queue-manager-rango-preset";import{useManager as Xk}from"@rango-dev/queue-manager-react";import{Alert as Kk}from"@rango-dev/ui";import _a from"react";import{useParams as Yk}from"react-router-dom";import{i18n as At}from"@lingui/core";import{getCurrentBlockchainOfOrNull as Ak,getCurrentStep as Wk,getRelatedWalletOrNull as Nk}from"@rango-dev/queue-manager-rango-preset";import{Button as Gd,CopyIcon as Mk,Divider as Lk,IconButton as Bk,LinkIcon as _k,QuoteCost as Pk,StepDetails as $k,Typography as ko,useCopyToClipboard as Dk}from"@rango-dev/ui";import{useWallets as Fk}from"@rango-dev/wallets-react";import Vd from"bignumber.js";import{PendingSwapNetworkStatus as ei}from"rango-types";import te,{useEffect as jd,useRef as Ok,useState as Xd}from"react";import{useNavigate as Uk}from"react-router-dom";import{i18n as qt}from"@lingui/core";var ik=[qt.t("Sunday"),qt.t("Monday"),qt.t("Tuesday"),qt.t("Wednesday"),qt.t("Thursday"),qt.t("Friday"),qt.t("Saturday")];function Td(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"):`${ik[e.getDay()]} ${o} ${n} ${r}`}, ${new Date(t).toLocaleTimeString()}`}i(Td,"timeSince");function kd(t){return t.finishTime?Td(parseInt(t.finishTime)):Td(parseInt(t.creationTime))}i(kd,"getSwapDate");import{PendingSwapNetworkStatus as Xr}from"rango-types";import Kr from"react";import{i18n as Vr}from"@lingui/core";import{Button as wd,Divider as Ca,MessageBox as sk}from"@rango-dev/ui";import zt from"react";var xd=i(({onCancel:t,onClose:e})=>zt.createElement(zt.Fragment,null,zt.createElement(Ca,{size:20}),zt.createElement(sk,{type:"error",title:Vr.t("Cancel Swap"),description:Vr.t("Are you sure you want to cancel this swap?")}),zt.createElement(Ca,{size:32}),zt.createElement(wd,{variant:"contained",type:"primary",size:"large",onClick:t},Vr.t("Yes, Cancel it")),zt.createElement(Ca,{size:12}),zt.createElement(wd,{variant:"outlined",type:"primary",size:"large",onClick:e},Vr.t("No, Continue"))),"CancelContent");import{i18n as jr}from"@lingui/core";import{Button as vd,Divider as Ta,MessageBox as ak,Typography as lk}from"@rango-dev/ui";import Et from"react";var bd=i(({onDelete:t,onClose:e})=>Et.createElement(Et.Fragment,null,Et.createElement(Ta,{size:20}),Et.createElement(ak,{type:"error",title:jr.t("Delete Transaction"),description:jr.t("Are you sure you want to delete this swap?")}),Et.createElement(Ta,{size:32}),Et.createElement(vd,{variant:"contained",type:"primary",size:"large",onClick:t},jr.t("Yes, Delete it")),Et.createElement(Ta,{size:12}),Et.createElement(vd,{variant:"outlined",type:"primary",size:"large",onClick:e},Et.createElement(lk,{variant:"title",size:"medium",color:"primary"},jr.t("No, Cancel")))),"DeleteContent");import{i18n as ka}from"@lingui/core";import{PendingSwapNetworkStatus as wa}from"rango-types";var xa={[wa.WaitingForNetworkChange]:{type:"loading",title:ka.t("Change Network")},[wa.WaitingForConnectingWallet]:{type:"warning",title:ka.t("Connect Wallet")},[wa.NetworkChanged]:{type:"success",title:ka.t("Network Changed")}};import{debug as ck}from"@rango-dev/logging-core";import{MessageBox as uk,Wallet as mk}from"@rango-dev/ui";import{useWallets as dk}from"@rango-dev/wallets-react";import an from"react";import{styled as pk}from"@rango-dev/ui";var Id=pk("div",{display:"flex",justifyContent:"center"});var Ed=i(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:s,walletButtonDisabled:a}=t,{connect:l,getWalletInfo:p,state:c}=dk(),u=n?.walletType,d=u?ci(c(u)):null,m=u?p(u):null;return an.createElement(an.Fragment,null,an.createElement(uk,{type:e,title:o,description:r}),s&&!!u&&!!d&&!!m&&an.createElement(Id,null,an.createElement(mk,{container:M(),title:m.name,image:m.img,type:u,state:d,link:m.installLink,disabled:a,onClick:async()=>l(u).catch(y=>ck(y))})))},"WalletStateContent");function va(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(ke.SWAP_BOX_ID)||document.body},p&&Kr.createElement(Ed,{type:xa[e].type,title:xa[e].title,currentStepWallet:s,message:a,walletButtonDisabled:l,showWalletButton:e!==Xr.WaitingForNetworkChange}),e==="delete"&&Kr.createElement(bd,{onClose:o,onDelete:n}),e==="cancel"&&Kr.createElement(xd,{onClose:o,onCancel:r}))}i(va,"SwapDetailsModal");import{i18n as ln}from"@lingui/core";import{Button as ba,Divider as Yr,MessageBox as Ad,TokenAmount as fk,Typography as Ia}from"@rango-dev/ui";import We from"react";import{useNavigate as gk}from"react-router-dom";function Ea(t){let{open:e,onClose:o,status:n,priceValue:r,usdValue:s,realUsdValue:a,realValue:l,token:p,chain:c,percentageChange:u,description:d,diagnosisUrl:m}=t,f=gk();return We.createElement(ae,{open:e,onClose:o,container:document.getElementById(ke.SWAP_BOX_ID)||document.body},n==="success"?We.createElement(Ad,{type:"success",title:ln.t("Swap Successful")},We.createElement(fk,{direction:"vertical",tooltipContainer:M(),type:"output",centerAlign:!0,price:{value:r,usdValue:s,realUsdValue:a,realValue:l},token:p,chain:c,percentageChange:u}),We.createElement(Yr,{size:12}),We.createElement(Ia,{variant:"body",size:"medium",color:"neutral700",align:"center"},d)):We.createElement(Ad,{type:"error",title:ln.t("Transaction Failed"),description:d}),We.createElement(Yr,{size:32}),n==="success"&&We.createElement(ba,{variant:"contained",type:"primary",size:"large",onClick:()=>{f("../../")}},We.createElement(Ia,{variant:"title",size:"medium",color:"neutral100"},ln.t("Done"))),We.createElement(Yr,{size:12}),m&&We.createElement(We.Fragment,null,We.createElement(ba,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(m,"_blank")},ln.t("Diagnosis")),We.createElement(Yr,{size:12})),We.createElement(ba,{variant:"outlined",type:"primary",size:"large",onClick:o},We.createElement(Ia,{variant:"title",size:"medium",color:"primary"},ln.t("See Details"))))}i(Ea,"SwapDetailsCompleteModal");import Ik from"react";import{i18n as wk}from"@lingui/core";import{Alert as _d,IconButton as xk,LinkIcon as vk}from"@rango-dev/ui";import Qt,{Fragment as bk}from"react";import{Alert as hk,ChevronDownIcon as yk,ChevronUpIcon as Sk,IconButton as Ck}from"@rango-dev/ui";import Jr,{useState as Tk}from"react";function Wd(t){let{message:e}=t,[o,n]=Tk(!1);return Jr.createElement(hk,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&Jr.createElement(Ck,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?Jr.createElement(Sk,{size:12,color:"gray"}):Jr.createElement(yk,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}i(Wd,"FailedAlert");import{styled as kk}from"@rango-dev/ui";var Nd=kk("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as Md}from"@lingui/core";import{Alert as Aa,Button as Ld}from"@rango-dev/ui";import{PendingSwapNetworkStatus as Wa}from"rango-types";import pn from"react";function Bd(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?pn.createElement(Aa,{type:"warning",title:n.shortMessage,action:pn.createElement(Ld,{size:"xxsmall",type:"warning",onClick:()=>{o(Wa.WaitingForNetworkChange),e().catch(s=>{console.log(s)})}},Md.t("Change"))}):r===Wa.WaitingForConnectingWallet?pn.createElement(Aa,{type:"warning",title:n.shortMessage,action:pn.createElement(Ld,{size:"xxsmall",type:"warning",onClick:()=>{o(Wa.WaitingForConnectingWallet)}},Md.t("Connect"))}):pn.createElement(Aa,{type:"warning",title:n.shortMessage})}i(Bd,"WarningAlert");function Na(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:s,hasAlreadyProceededToSign:a}=t,l=No(s),p=s.status==="waitingForApproval"&&!l,c=s.status==="running"&&!l,u=c&&!a||p&&!s.explorerUrl?.length;return Qt.createElement(Nd,null,s.explorerUrl?.map((d,m,f)=>{let y=m+d.url,C=m===f.length-1,S=(C&&c||p)&&!u,h=C&&s.status==="failed";return Qt.createElement(bk,{key:y},Qt.createElement(_d,{type:C&&(S&&"loading"||h&&"error")||"success",title:d.description?`${d.description} Tx`:wk.t("View transaction"),action:d.url&&Qt.createElement(xk,{variant:"ghost",size:"xsmall",onClick:()=>window.open(d.url,"_blank")},Qt.createElement(vk,{size:12}))}))}),u&&Qt.createElement(_d,{type:"loading",title:r.shortMessage}),s.status!=="failed"&&l&&Qt.createElement(Bd,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),s.status==="failed"&&Qt.createElement(Wd,{message:r}))}i(Na,"SwapDetailsAlerts");var Pd=2e3;var $d=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:Io(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:Io(p.swapperId,o),image:p.swapperLogo??"",type:p.swapperType}})):[],alerts:Ik.createElement(Na,{step:s,hasAlreadyProceededToSign:r,...n})}})},"getSteps");function Dd(t){if(No(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(Dd,"getStepState");import{css as cn,darkTheme as Ek,styled as to}from"@rango-dev/ui";var Fd=to("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),Zr=to("div",{width:"100%"}),Od=to(Bo,{padding:"$0 $20 $20 $20"}),xq=to("div",{display:"flex",flexDirection:"column",gap:"$10"}),Ud=to("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),vq=to("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1}),To=cn({display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",padding:"$10 $20",borderBottom:"1px solid",$$color:"$colors$neutral300",[`.${Ek} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color",color:"$neutral500"}),qd=cn({padding:"$5 0"}),Rr=cn({display:"flex",justifyContent:"center",alignItems:"center",height:"$24"}),zd=cn({display:"flex",width:"100%",padding:"$15 $20 $20",flexDirection:"column",alignItems:"start"}),Qd=cn({width:"100%",padding:"0 $20 $10"}),Hd=to("a",{fontSize:"$16",fontWeight:"$400",color:"$neutral700",display:"flex",alignItems:"center",justifyContent:"center"});function Ma(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:s,connect:a,getWalletInfo:l}=Fk(),p=g().blockchains(),c=g().swappers(),u=g().tokens(),d=H.use.retry(),m=oe.use.isActiveTab(),f=Uk(),[y,C]=Dk(Pd),S=Ok(null),[h,x]=Xd(null),[T,v]=Xd(null),E=i(()=>{r(),x(null)},"onCancel"),I=Oe.use.getUnreadNotifications(),b=Oe.use.setAsRead(),w=I(),A=Wk(e),N=A?.networkStatus;jd(()=>{w.find(Fe=>Fe.requestId===e.requestId)&&(e.status==="success"||e.status==="failed"?(v(e.status),b(e.requestId)):T&&v(null))},[e.status,e.requestId]),jd(()=>{ne?x(ei.WaitingForNetworkChange):N===ei.WaitingForConnectingWallet||N===ei.NetworkChanged?x(N):x(null)},[N]);let L=ep(e),j=A?Ak(e,A):null,G=A?Nk(e,A):null,z=kd(e),B=tp(e),ee=i(ye=>!!l(ye)?.mobileWallet,"isMobileWallet"),ne=N===ei.WaitingForNetworkChange&&!!j&&!!G?.walletType&&(ee(G.walletType)||s(G.walletType,j)),Q=ne?a.bind(null,G.walletType,j):void 0,ce=Rl(e,A),k=$d({swap:e,switchNetwork:Q,showNetworkModal:N,setNetworkModal:x,message:ce,blockchains:p,swappers:c}),X=k.length,[fe,J]=[e.steps[0],e.steps[X-1]],re=J.outputAmount||J.expectedOutputAmountHumanReadable,ht=e.steps.reduce((ye,Fe)=>ye+parseFloat(Fe.feeInUsd||""),0),U=e.steps.find(ye=>ye.diagnosisUrl)?.diagnosisUrl,V=W(parseFloat(W(re,6,6))*(J.toUsdPrice||0),4,4),Z=W(parseFloat(e.inputAmount)*(fe.fromUsdPrice||0),4,4),Ie=re?pe(new Vd(re).multipliedBy(J.toUsdPrice||0)):"",et=pe(new Vd(e.inputAmount).multipliedBy(fe.fromUsdPrice||0)),$e=Xe(Z,V),De=e.status==="success"?At.t({id:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:W(re,6,6),token:k[X-1].to.token.displayName,conciseAddress:wn(e.wallets[k[X-1].to.chain.displayName]?.address||""),chain:k[X-1].to.chain.displayName}}):`${At.t("Transaction was not sent.")} ${L?At.t({id:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:L.outputAmount,symbol:L.symbol,blockchain:L.blockchain}}):""}`;return te.createElement(le,{header:{title:At.t("Swap and Bridge"),onCancel:e.status==="running"?()=>x("cancel"):void 0,suffix:e.status!=="running"&&te.createElement(lo,null,te.createElement(Gd,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>x("delete")},te.createElement(ko,{size:"medium",variant:"label",color:"error"},At.t("Delete"))))},footer:B&&!T&&te.createElement(Gd,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{d(e,{blockchains:p,tokens:u}),setTimeout(()=>{f("../../")},0)}},At.t("Try again"))},te.createElement(ue,{compact:!0,view:!0},te.createElement(Zr,null,te.createElement("div",{className:To()},te.createElement(ko,{variant:"label",size:"large",color:"neutral700"},`${At.t("Request ID")}:`),te.createElement("div",{className:Rr()},te.createElement(ko,{variant:"label",size:"small",color:"neutral700"},o),te.createElement(Bk,{variant:"ghost",onClick:C.bind(null,o||"")},te.createElement(Mk,{size:16,color:"gray"})),te.createElement(Hd,{target:"_blank",href:`${qa}/swap/${o}`},te.createElement(_k,{size:16})))),te.createElement("div",{className:To()},te.createElement(ko,{variant:"label",size:"large",color:"neutral700"},`${At.t(e.finishTime?"Finished at":"Created at")}:`),te.createElement(ko,{variant:"label",size:"small",color:"neutral700"},z))),te.createElement("div",{className:zd()},te.createElement(Pk,{fee:W(String(ht),2,2),time:xo(gn(e.steps)),steps:X}),te.createElement(Uo,{from:{price:{value:W(e.inputAmount,6,6),usdValue:Z,realUsdValue:et,realValue:e.inputAmount},token:{displayName:k[0].from.token.displayName,image:k[0].from.token.image},chain:{image:k[0].from.chain.image,displayName:k[0].from.chain.displayName}},to:{price:{value:W(re,6,6),usdValue:V,realUsdValue:Ie,realValue:re},token:{displayName:k[X-1].to.token.displayName,image:k[X-1].to.token.image},chain:{image:k[X-1].to.chain.image,displayName:k[X-1].to.chain.displayName}},percentageChange:W($e,2,2),warningLevel:Ct($e??0)})),te.createElement("div",{className:Qd()},te.createElement(ko,{variant:"title",size:"small"},At.t("Swaps steps"))),te.createElement(Lk,{size:8}),te.createElement(Od,{ref:S},k.map((ye,Fe)=>{let dn=Fe,wo=Dd(e.steps[Fe]),ff=wo==="error"||wo==="in-progress"||wo==="warning"||wo==="completed"&&Fe===k.length-1;return te.createElement($k,{key:dn,step:ye,type:"swap-progress",ref:S,state:wo,hasSeparator:Fe!==0,tabIndex:dn,isFocused:ff,tooltipContainer:M()})}))),te.createElement(va,{state:h,onClose:()=>x(null),onCancel:E,onDelete:n,message:ce.detailedMessage.content,currentStepWallet:G,walletButtonDisabled:!m}),te.createElement(Ea,{open:!!T,diagnosisUrl:U,onClose:()=>v(null),status:e.status==="success"?"success":"failed",priceValue:W(re,6,6),usdValue:V,realUsdValue:Ie,realValue:pe(re),percentageChange:W($e,2,2),token:{displayName:k[X-1].to.token.displayName,image:k[X-1].to.token.image},chain:{image:k[X-1].to.chain.image},description:De}))}i(Ma,"SwapDetails");import{i18n as oi}from"@lingui/core";import{Divider as Jd,NotFound as Gk,Skeleton as mn,Typography as ni}from"@rango-dev/ui";import he from"react";import{i18n as qk}from"@lingui/core";import{Divider as zk,Skeleton as Qk,Typography as Hk}from"@rango-dev/ui";import Ce from"react";import{css as lt,styled as La}from"@rango-dev/ui";var Kd=La("div",{width:"100%",height:"100%",padding:"$10 $20"}),un=La("div",{backgroundColor:"$neutral100",borderRadius:"$xm",padding:"$10 $15"}),ti=La("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"}),nz=lt({display:"flex",justifyContent:"space-between",alignItems:"center"}),rz=lt({display:"flex",justifyContent:"space-between",alignItems:"center"}),iz=lt({paddingTop:"$15",display:"flex"}),sz=lt({padding:"$15 $0"}),az=lt({width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"}),lz=lt({paddingBottom:"$10"}),pz=lt({display:"flex",justifyContent:"start",alignItems:"center"}),cz=lt({paddingTop:"$5",display:"flex",alignItems:"center"}),uz=lt({display:"flex",alignItems:"center"}),mz=lt({padding:"$4 $6",display:"flex",justifyContent:"center",alignItems:"center"}),Yd=lt({display:"flex",paddingTop:"$10",paddingBottom:"$5"});function Ba(){return Ce.createElement(Kd,null,Ce.createElement(Go,{type:"swap-preview"}),Ce.createElement("div",{className:"swaps-steps"},Ce.createElement(Hk,{variant:"title",size:"small"},qk.t("Swaps steps"))),Ce.createElement(Ce.Fragment,null,Ce.createElement(un,null,Ce.createElement(dt,{separator:!1}),Ce.createElement("div",{className:Yd()},Ce.createElement(zk,{direction:"horizontal",size:20}),Ce.createElement(Qk,{height:22,variant:"rectangular"}))),Ce.createElement(ti,null),Ce.createElement(un,null,Ce.createElement(dt,{separator:!1})),Ce.createElement(ti,null),Ce.createElement(un,null,Ce.createElement(dt,{separator:!1})),Ce.createElement(ti,null),Ce.createElement(un,null,Ce.createElement(dt,{separator:!1}))))}i(Ba,"LoadingSwapDetails");function Zd(t){let{requestId:e,showSkeleton:o}=t;return he.createElement(le,{header:{title:oi.t("Swap and Bridge"),suffix:he.createElement(lo,null)}},o&&he.createElement(Fd,null,he.createElement(Zr,null,he.createElement("div",{className:To()},he.createElement(ni,{variant:"label",size:"large",color:"neutral700"},`${oi.t("Request ID")}:`),he.createElement("div",{className:Rr()},he.createElement(ni,{variant:"label",size:"small",color:"neutral700"},he.createElement(mn,{width:60,height:10,variant:"rounded"})),he.createElement(Jd,{direction:"horizontal",size:4}),he.createElement(mn,{width:16,height:16,variant:"rectangular"}),he.createElement(Jd,{direction:"horizontal",size:4}),he.createElement(mn,{width:16,height:16,variant:"rectangular"}))),he.createElement("div",{className:To()},he.createElement(ni,{className:qd(),variant:"label",size:"large",color:"neutral700"},he.createElement(mn,{width:60,height:10,variant:"rounded"})),he.createElement(ni,{variant:"label",size:"small",color:"neutral700"},he.createElement(mn,{width:60,height:10,variant:"rounded"})))),he.createElement(Ba,null)),!o&&he.createElement(Ud,null,he.createElement(Gk,{title:oi.t("Not found"),description:oi.t({id:"Swap with request ID = {requestId} not found.",values:{requestId:e}})})))}i(Zd,"SwapDetailsPlaceholder");function Rd(){let{manager:t,state:e}=Xk(),o=!e.loadedFromPersistor,n=ut(t),{requestId:r}=Yk(),s=Ye(),{fetchStatus:a}=g();if(!r)return _a.createElement(Kk,{containerStyles:{margin:"20px"},type:"error",title:Vk.t("The request ID is necessary to display the swap details.")});let l=o||a==="loading",p=r?n.find(({swap:m})=>m.requestId===r):void 0,c=i(()=>{if(p?.id){let m=t?.get(p.id);m&&jk(m)}},"onCancel"),u=i(async()=>{if(p?.id)try{t?.deleteQueue(p.id),s()}catch(m){console.log(m)}},"onDelete"),d=p?.swap;return!d||l?_a.createElement(Zd,{requestId:r,showSkeleton:l}):_a.createElement(Ma,{swap:d,requestId:r,onCancel:c,onDelete:u})}i(Rd,"SwapDetailsPage");function ef(){return up(),Pi(),Jk([{path:F.home,element:ze.createElement(Im,null)},{path:F.routes,element:ze.createElement(Mm,null)},{path:F.fromSwap,children:[{index:!0,element:ze.createElement(fa,{type:"source"})},{path:F.blockchains,element:ze.createElement(Js,{type:"source"})}]},{path:F.toSwap,children:[{index:!0,element:ze.createElement(fa,{type:"destination"})},{path:F.blockchains,element:ze.createElement(Js,{type:"destination"})}]},{path:F.settings,children:[{index:!0,element:ze.createElement(Cd,null)},{path:F.languages,element:ze.createElement(Am,null)},{path:F.exchanges,element:ze.createElement(js,{sourceType:"Exchanges"})},{path:F.bridges,element:ze.createElement(js,{sourceType:"Bridges"})}]},{path:F.swaps,children:[{index:!0,element:ze.createElement(sm,null)},{path:F.swapDetails,element:ze.createElement(Rd,null)}]},{path:F.wallets,element:ze.createElement(Cc,null)},{path:F.confirmSwap,element:ze.createElement(Xu,null)}])}i(ef,"AppRoutes");import{useQueueManager as iw}from"@rango-dev/queue-manager-rango-preset";import{splitWalletNetwork as sw}from"@rango-dev/wallets-shared";import{isEvmBlockchain as aw}from"rango-sdk";import{useContext as lw,useEffect as pw,useState as lf}from"react";import{globalCss as Zk}from"@rango-dev/ui";var tf=i(()=>Zk({"@import":["url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap')","url('https://fonts.cdnfonts.com/css/times-new-roman')"]})(),"globalFont");function of(){let{setWatermark:t}=oe();return{fetchApiConfig:i(async()=>{let o=await fetch(`${yt("BASE_URL")}/meta/dapp/config?apiKey=${yt("API_KEY")}`);if(!o.ok)throw new Error(`Request failed with status: ${o.status} `);let n=await o.json();t(n.config.watermark)},"fetchApiConfig")}}i(of,"useFetchApiConfig");import{useWallets as Rk}from"@rango-dev/wallets-react";import{useEffect as ew,useRef as tw}from"react";function nf(){let{connect:t,state:e}=Rk(),o=tw({}),{fetchStatus:n}=g(),r=new URLSearchParams(location.search).get("autoConnect")||"",s=e(r);ew(()=>{n==="success"&&r&&s.installed&&!s.connecting&&!s.connected&&!o.current[r]&&(o.current[r]=!0,t(r))},[s,n])}i(nf,"useForceAutoConnect");import{isApprovalTX as ow,MainEvents as ri,RouteEventType as rf,StepEventType as sf,StepExecutionEventStatus as nw,useEvents as rw}from"@rango-dev/queue-manager-rango-preset";import{useEffect as af}from"react";function Pa(){let t=g().tokens(),e=Y.use.connectedWallets(),o=Y.use.getWalletsDetails(),n=Oe.use.setNotification(),r=rw();af(()=>{let s=i(a=>{let{event:l,step:p,route:c}=a;if(l.type===sf.TX_EXECUTION&&l.status===nw.TX_SENT&&!ow(p)||l.type===sf.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]),af(()=>{let s=i(a=>{let{event:l,route:p}=a;(l.type===rf.FAILED||l.type===rf.SUCCEEDED)&&n(l,p)},"handleRouteEvent");return r.on(ri.RouteEvent,s),()=>r.off(ri.RouteEvent,s)},[r,e.length])}i(Pa,"useSubscribeToWidgetEvents");function $a(){tf(),nf(),Pa();let t=g().blockchains(),{canSwitchNetworkTo:e}=lr(),[o,n]=lf(""),[r,s]=lf(),a=lw(Nn),l=t.filter(aw),{fetchApiConfig:p}=of();iw({lastConnectedWallet:o,clearDisconnectedWallet:()=>{s(void 0)},disconnectedWallet:r,evmChains:l,canSwitchNetworkTo:e}),pw(()=>(Ht.init(),Oe.persist.hasHydrated()||Oe.persist.rehydrate(),a.onConnectWallet(n),a.onDisconnectWallet(c=>{s(c),c===sw(o)?.[0]&&n("")}),p().catch(console.log),Ht.destroy),[])}i($a,"useBootstrap");import{styled as cw}from"@rango-dev/ui";var pf=cw("div",{fontFamily:"$widget",boxSizing:"border-box",textAlign:"left","& *, *::before, *::after":{boxSizing:"inherit"},"& *:focus-visible":{outlineColor:"$info500",transition:"none"},"& ul, ol, li":{listStyleType:"none"}});function ii(){$a();let{config:t}=g(),{activeTheme:e}=Zn(t?.theme||{}),{activeLanguage:o}=Ut();return Da.createElement(uw,{language:o},Da.createElement(pf,{id:"swap-container",className:e()},Da.createElement(ef,null)))}i(ii,"Main");import Oa,{useMemo as Ww}from"react";import{checkWaitingForNetworkChange as mw,makeQueueDefinition as dw}from"@rango-dev/queue-manager-rango-preset";import{Provider as fw}from"@rango-dev/queue-manager-react";import{useWallets as gw}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as hw}from"@rango-dev/wallets-shared";import{isEvmBlockchain as yw}from"rango-types";import Sw,{useMemo as Cw}from"react";function Tw(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:s,getWalletInfo:a}=gw(),l=Cw(()=>dw({API_KEY:t.apiKey||yt("API_KEY"),BASE_URL:yt("BASE_URL")}),[t.apiKey]),p=g().blockchains(),u={blockchains:Y.use.connectedWallets().map(T=>({accounts:[T],name:T.chain}))},d=i(async(T,v)=>{if(s(T,v))return r(T,v)},"switchNetwork"),m=i(T=>!!a(T).mobileWallet,"isMobileWallet"),f=p.filter(T=>T.enabled).reduce((T,v)=>(T[v.name]=v,T),{}),y=p.filter(yw),C=i(T=>{let{supportedChains:v}=a(T);return Sn(v)},"getSupportedChainNames"),S=e(),h={meta:{blockchains:f,evmBasedChains:y,evmNetworkChainInfo:hw(y),getSupportedChainNames:C},getSigners:o,wallets:u,providers:S,switchNetwork:d,canSwitchNetworkTo:s,connect:r,state:n,isMobileWallet:m},x=oe.use.isActiveTab();return Sw.createElement(fw,{queuesDefs:[l],context:h,onPersistedDataLoaded:T=>{mw(T)},isPaused:!x},t.children)}i(Tw,"QueueManager");var cf=Tw;import{useManager as bw}from"@rango-dev/queue-manager-react";import Iw,{createContext as Ew,useContext as Aw}from"react";import{cancelSwap as kw,getCurrentBlockchainOfOrNull as ww,getCurrentStep as xw,getRelatedWalletOrNull as vw}from"@rango-dev/queue-manager-rango-preset";var si=class{static{i(this,"WidgetHistory")}manager;actions;constructor(e,o){this.manager=e,this.actions=o}getAllSwaps(){return ut(this.manager)}getCurrentStep(e){return this.getCurrentStepInfo(e).step}getCurrentStepWallet(e){return this.getCurrentStepInfo(e).wallet}getCurrentStepNetwork(e){return this.getCurrentStepInfo(e).network}retry(e,o){return this.actions.retrySwap(e,o)}cancel(e){let o=this.manager?.get(e);o&&kw(o)}getCurrentStepInfo(e){let o=xw(e);return{step:o,wallet:o?vw(e,o):null,network:o?ww(e,o):null}}};var uf=Ew(void 0);function Fa(t){let{manager:e}=bw(),o=oe.use.isActiveTab(),n=H.use.retry(),r=new si(e,{retrySwap:n}),s=Y.use.connectedWallets(),a=Y.use.loading(),l=Ja(s),p=Y.use.getWalletsDetails(),c=g().blockchains(),u=g().tokens(),d=g().swappers(),m=g().fetchStatus,f=Ut().resetLanguage,y=Oe().getUnreadNotifications(),C={isActiveTab:o,setCurrentTabAsActive:Ht.forceClaim,history:r,wallets:{isLoading:a,details:s,totalBalance:l,refetch:p},meta:{blockchains:c,tokens:u,swappers:d,loadingStatus:m},resetLanguage:f,notifications:{list:y}};return Iw.createElement(uf.Provider,{value:C},t.children)}i(Fa,"WidgetInfo");function mf(){let t=Aw(uf);if(!t)throw new Error("useWidget can only be used within the WidgetProvider component");return t}i(mf,"useWidget");function ai(t){let{onUpdateState:e,config:o}=t;return Ww(()=>{nl({API_KEY:o?.apiKey||fn,BASE_URL:o?.apiUrl||Ua})},[o.apiKey,o.apiUrl]),Oa.createElement(Mn,{config:o,onUpdateState:e},Oa.createElement(cf,{apiKey:o.apiKey},Oa.createElement(Fa,null,t.children)))}i(ai,"WidgetProvider");function df(t){let e=t.config?.externalWallets;return li.createElement($l,null,e?li.createElement(ii,null):li.createElement(ai,{config:t.config??gi},li.createElement(ii,null)))}i(df,"Widget");export{iG as EventSeverity,sG as MainEvents,hG as Networks,CG as PendingSwapNetworkStatus,aG as RouteEventType,lG as StepEventType,pG as StepExecutionBlockedEventStatus,cG as StepExecutionEventStatus,ke as UI_ID,fG as WalletEvents,yG as WalletTypes,df as Widget,ai as WidgetProvider,Mn as WidgetWallets,Qi as customizedThemeTokens,dG as readAccountAddress,lr as useWallets,mf as useWidget,uG as useWidgetEvents};
|
|
1
|
+
var wf=Object.defineProperty;var i=(t,e)=>wf(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 wG,useWallets as pr,Events as xG}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 xf}from"@rango-dev/ui";var hn="c6381a79-2817-4602-83bf-6a641a409e32",Qa="https://api.rango.exchange",Ha="https://explorer.rango.exchange",ke={SWAP_BOX_ID:"rango-swap-box",EXPANDED_BOX_ID:"rango-expanded-box",...xf};import{Events as vi,Provider as fg}from"@rango-dev/wallets-react";import{isEvmBlockchain as gg}from"rango-sdk";import Nn,{createContext as hg,useEffect as Dl,useMemo as yg,useRef as Fl}from"react";import{useEffect as Ff}from"react";import{create as Pf}from"zustand";import{subscribeWithSelector as $f}from"zustand/middleware";import{RangoClient as Bf}from"rango-sdk";import{WalletState as ut}from"@rango-dev/ui";import{readAccountAddress as If}from"@rango-dev/wallets-react";import{detectInstallLink as Ef,getCosmosExperimentalChainInfo as Af,isEvmAddress as Wf,KEPLR_COMPATIBLE_WALLETS as Jw,Networks as Xa}from"@rango-dev/wallets-shared";import ci from"bignumber.js";import{isCosmosBlockchain as Nf}from"rango-types";import vf from"bignumber.js";var Me=new vf(0);import{WalletTypes as bf}from"@rango-dev/wallets-shared";var Ga=[bf.LEAP];import{BigNumber as ja}from"bignumber.js";var bo=i(t=>{let e=Math.floor(t%60/15)*15,o=parseInt((t/60).toString());return o>=60?`${Math.floor(o/5)*5}:00`:`${o.toString().padStart(2,"0")}:${e.toString().padStart(2,"0")}`},"roundedSecondsToString"),N=i((t,e=null,o=null)=>{if(t==null||t==="")return"";let n=new ja(t),r=1,s=1e3;for(let a=0;a<60;a++)if(new ja(n.toFixed(a,r)).eq(n)){s=a;break}if(n.gte(1e4))return n.toFormat(0,r);if(n.gte(1e3)||n.gte(100))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,1))),r);if(n.gte(1))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,2))),r);if(n.gte(.01))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,4))),r);for(let a=e||4;a<17;a++)if(n.gte(Math.pow(10,-a)))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,a))),r);return n.isEqualTo(0)?"0":n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,8))),r)},"numberToString");var yn=i(t=>t?.reduce((e,o)=>e+(o.estimatedTimeInSeconds??0),0)||0,"totalArrivalTime");var ct=i((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),Io=i(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function ue(t){return N(t,12,12).replace(/(?:\.0*|(\.\d+?)0*)$/,"$1")}i(ue,"formatTooltipNumbers");function ui(t){switch(!0){case t.connected:return ut.CONNECTED;case t.connecting:return ut.CONNECTING;case!t.installed:return ut.NOT_INSTALLED;default:return ut.DISCONNECTED}}i(ui,"mapStatusToWalletState");function Ka(t,e,o,n){return o.filter(r=>!Ga.includes(r)).filter(r=>{let{supportedChains:s,isContractWallet:a}=e(r),{installed:l,network:p}=t(r);return a&&(!l||!!n&&p!==n)?!1:n?!!s.find(u=>u.name===n):!0}).map(r=>{let{name:s,img:a,installLink:l,showOnMobile:p}=e(r),c=ui(t(r));return{title:s,image:a,link:Ef(l),state:c,type:r,showOnMobile:p}})}i(Ka,"mapWalletTypesToWalletInfo");function Tn(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}i(Tn,"walletAndSupportedChainsNames");function Ya(t,e,o,n,r){let s=[];function a(p,c){if(!!!s.find(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}=If(p),d=l.length>0,m=l.includes(u),f=u===Xa.Unknown;if(d&&!m&&!f)return;let C=u===Xa.Unknown&&Wf(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(Ya,"prepareAccountsForWalletStore");function Ja(t){let e=[];return t?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain;e.includes(n)||e.push(n),e.includes(r)||e.push(r),o.internalSwaps&&Array.isArray(o.internalSwaps)&&o.internalSwaps.forEach(s=>{let a=s.from.blockchain,l=s.to.blockchain;e.includes(a)||e.push(a),e.includes(l)||e.push(l)})}),e}i(Ja,"getRequiredChains");function kn(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}i(kn,"isAccountAndWalletMatched");function Za(t,e){let{blockChain:o,balances:n=[]}=t;return n?.map(r=>({chain:o,symbol:r.asset.symbol,ticker:r.asset.symbol,address:r.asset.address||null,rawAmount:r.amount.amount,decimal:r.amount.decimals,amount:new ci(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:Lf(o,r.asset.symbol,r.asset.address,e)||null}))||[]}i(Za,"makeBalanceFor");function Ra(t){return{...t,loading:!1,error:!0}}i(Ra,"resetConnectedWalletState");var el=i(t=>{let e=new Set,n=t?.reduce((s,a)=>s.findIndex(l=>l.address===a.address&&l.chain===a.chain)===-1?[...s,a]:s,[])?.map(s=>{let a={name:s.chain,accounts:[]};return e.has(s.address)||e.add(s.address),e.forEach(l=>{s.address===l&&a.accounts.push(s)}),a}),r=N(n?.flatMap(s=>s.accounts)?.flatMap(s=>s?.balances)?.map(s=>new ci(s?.amount||Me).multipliedBy(s?.usdPrice||0))?.reduce((s,a)=>s.plus(a),Me)||Me).toString();return Mf(r)},"calculateWalletUsdValue");function Mf(t){let e=t.toString().split(".");return e[0]=e[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),e.join(".")}i(Mf,"numberWithThousandSeparator");var Lf=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice"),wn=i((t,e)=>{let o=Af(Object.entries(t).map(([,n])=>n).filter(Nf));return o&&o[e]?.experimental},"isExperimentalChain");function xn(t){return t?{...t,amount:N(t.amount,8,8),usdValue:N(t.usdValue,4,4)}:null}i(xn,"formatBalance");function tl(t,e){return t?.usdValue||e?.usdValue?parseFloat(e?.usdValue||"0")-parseFloat(t?.usdValue||"0"):t?.amount||e?.amount?parseFloat(e?.amount||"0")-parseFloat(t?.amount||"0"):0}i(tl,"compareTokenBalance");function Le(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}i(Le,"areTokensEqual");function ol(t){return t.sort((e,o)=>+(o.state===ut.CONNECTED)-+(e.state===ut.CONNECTED)||+(o.state===ut.DISCONNECTED||o.state===ut.CONNECTING)-+(e.state===ut.DISCONNECTED||e.state===ut.CONNECTING))}i(ol,"sortWalletsBasedOnConnectionState");function vn(t,e=8,o=3){if(t.length<2*e+o)return t;let n=t.slice(0,e),r=t.slice(-e);return`${n}${".".repeat(o)}${r}`}i(vn,"getConciseAddress");function nl({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}i(nl,"getAddress");function mi(t){return`${t.blockchain}-${t.symbol}-${t.address??""}`}i(mi,"createTokenHash");function bn(t){return t.flatMap(e=>e.balances).reduce((e,o)=>{let n={amount:o?.amount??"",decimals:o?.decimal??0,usdValue:o?.usdPrice?new ci(o?.usdPrice??Me).multipliedBy(o?.amount).toString():""},r=o?mi({symbol:o.symbol,blockchain:o.chain,address:o.address}):null,s=r?e[r]:null;return r&&(!s||s&&s.amount<n.amount)&&(e[r]=n),e},{})}i(bn,"makeTokensBalance");var rl=i((t,e)=>!!t.find(o=>o.chain===e&&o.loading),"isFetchingBalance");function il(t){return t.map(e=>e.state).join("-")}i(il,"hashWalletsState");var di={API_KEY:hn};function St(t){return di[t]||""}i(St,"getConfig");function sl(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),di=e,di}i(sl,"initConfig");var al=20,ll=25,pl="Roboto",fi="theme-widget",Eo=i((t,e)=>{let o=!1;if(e&&t){if(Array.isArray(e))o=!e.some(n=>Le(n,t));else if(!Array.isArray(e)&&e[t.blockchain]){o=e[t.blockchain].tokens.some(r=>Le(r,t));let n=e[t.blockchain].isExcluded;return!n&&!o||n&&o}}return o},"isTokenExcludedInConfig"),gi=i((t,e)=>t&&e&&!e.includes(t.name),"isBlockchainExcludedInConfig"),cl=i((t,e,o)=>o==="expanded"&&(t||e)||o==="full-expanded"&&e,"isVariantExpandable");var In,Mt=i(()=>In||(In=new Bf(St("API_KEY"),St("BASE_URL")),In),"httpService");var _f=i(t=>{let e=t;e.use={};for(let o of Object.keys(e.getState()))e.use[o]=()=>e(n=>n[o]);return e},"createSelectors"),Lt=_f;var K=Lt(Pf()($f((t,e)=>({connectedWallets:[],balances:{},loading:!1,connectWallet:(o,n)=>{let r=e().getWalletsDetails;t(s=>({loading:!0,connectedWallets:s.connectedWallets.filter(a=>a.walletType!==o[0].walletType).concat(o.map(a=>{let l=!s.connectedWallets.find(p=>p.chain===a.chain&&p.selected);return{balances:[],address:a.address,chain:a.chain,explorerUrl:null,walletType:a.walletType,selected:l,loading:!0,error:!1}}))})),r(o,n)},disconnectWallet:o=>{t(n=>{let r=n.connectedWallets.filter(l=>l.selected&&l.walletType!==o).map(l=>l.chain),s=n.connectedWallets.filter(l=>l.walletType!==o).map(l=>r.includes(l.chain)?l:(r.push(l.chain),{...l,selected:!0}));return{balances:bn(s),connectedWallets:s}})},selectWallets:o=>t(n=>({connectedWallets:n.connectedWallets.map(r=>{let s=!!o.find(l=>l.chain===r.chain&&l.walletType!==r.walletType&&r.selected),a=!!o.find(l=>l.chain===r.chain&&l.walletType===r.walletType&&!r.selected);return s?{...r,selected:!1}:a?{...r,selected:!0}:r})})),clearConnectedWallet:()=>t(()=>({connectedWallets:[],selectedWallets:[]})),getWalletsDetails:async(o,n,r=!0)=>{let s=e().getWalletsDetails;t(a=>({loading:!0,connectedWallets:a.connectedWallets.map(l=>o.find(p=>kn(p,l))?{...l,loading:!0}:l)}));try{let a=o.map(({address:c,chain:u})=>({address:c,blockchain:u})),p=(await Mt().getWalletsDetails(a)).wallets;if(p)t(c=>{let u=c.connectedWallets.map(m=>{let f=o.find(C=>kn(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:Za(h,n),loading:!1}:m});return{loading:!1,balances:bn(u),connectedWallets:u}});else throw new Error("Wallet not found")}catch{t(l=>{let p=l.connectedWallets.map(u=>o.find(d=>kn(d,u))?Ra(u):u);return{loading:!1,balances:bn(p),connectedWallets:p}})}},getBalanceFor:o=>{let{balances:n}=e(),r=mi(o);return n[r]??null}}))));import{allProviders as Df}from"@rango-dev/provider-all";function En(t,e){let o=Df({walletconnect2:{WC_PROJECT_ID:e?.walletConnectProjectId||""}});if(t){let n=[];return t.forEach(r=>{if(typeof r=="string"){let s=o.find(a=>a.config.type===r);s?n.push(s):console.warn(`Couldn't find ${r} provider. Please make sure you are passing the correct name.`)}else n.push(r)}),n}return o}i(En,"matchAndGenerateProviders");function ul(t,e){return En(t,e).map(r=>r.config.type)}i(ul,"configWalletsToWalletName");function ml(t,e){let o=K.use.clearConnectedWallet(),n=En(void 0,e);return Ff(()=>{o(),n=En(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}i(ml,"useWalletProviders");import ag,{createContext as lg,useContext as pg,useEffect as cg,useRef as ug}from"react";import{create as ig}from"zustand";import{persist as sg}from"zustand/middleware";var hi={apiKey:"",title:void 0,multiWallets:!0,excludeLiquiditySources:!0,customDestination:!0,variant:"default"},Of={clientUrl:void 0},Uf={liquiditySources:void 0},dl=i((t,e,o)=>({config:{...hi,...t},iframe:Of,campaignMode:Uf,getLiquiditySources:()=>{let{config:n,campaignMode:r}=o();return r.liquiditySources?.length?r.liquiditySources:n.liquiditySources??[]},getDisabledLiquiditySources:()=>{let{disabledLiquiditySources:n,campaignMode:r}=o();return r.liquiditySources?.length?[]:n},excludeLiquiditySources:()=>{let{config:n,campaignMode:r}=o();return r.liquiditySources?.length?!1:!!n.excludeLiquiditySources},isInCampaignMode:()=>{let{campaignMode:n}=o();return!!n.liquiditySources?.length},updateConfig:n=>{let r=o().config;e({config:{...r,...n}})},updateCampaignMode:(n,r)=>{let s=o().campaignMode;e({campaignMode:{...s,[n]:r}})},updateIframe:(n,r)=>{let s=o().iframe;e({iframe:{...s,[n]:r}})}}),"createConfigSlice");function An(t){return Array.from(new Set(t))}i(An,"removeDuplicateFrom");function Ci(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}i(Ci,"areEqual");function Cl(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}i(Cl,"debounce");function Ct(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}i(Ct,"containsText");function hl(t,e){return t.toLowerCase()===e.toLowerCase()}i(hl,"exactText");function yl(t,e){return t.toLowerCase().startsWith(e.toLowerCase())}i(yl,"startWithText");var L=i(()=>document.getElementById(ke.SWAP_BOX_ID),"getContainer"),Ao=i(()=>document.getElementById(ke.EXPANDED_BOX_ID),"getExpanded");function Sl(t,e,o){let n=!!e&&hl(e,t),r=!!o&&hl(o,t);return n!==r?n?-1:1:0}i(Sl,"compareExactMatchText");function yi(t,e,o){let n=!!e&&Ct(e,t),r=!!o&&Ct(o,t);return n!==r?n?-1:1:n&&r&&e?.length!==o?.length?e?.length-o?.length:0}i(yi,"compareContainsText");function Si(t,e,o){let n=!!e&&yl(e,t),r=!!o&&yl(o,t);return n!==r?n?-1:1:n&&r&&e?.length!==o?.length?e?.length-o?.length:0}i(Si,"compareStartWithText");function Tl(t,e,o){if(!o)return 0;let n=Sl(o,t.symbol,e.symbol);if(n)return n;if(o.length>=3){let r=Sl(o,t.name,e.name);if(r)return r}if(o.length>=2){let r=Si(o,t.symbol,e.symbol);if(r)return r}if(o.length>=3){let r=yi(o,t.symbol,e.symbol);if(r)return r}if(o.length>=3){let r=Si(o,t.name,e.name);if(r)return r}if(o.length>=3){let r=yi(o,t.name,e.name);if(r!==0)return r}if(o.length>=4){let r=Si(o,t.address,e.address);if(r)return r}if(o.length>=4){let r=yi(o,t.address,e.address);if(r!==0)return r}return 0}i(Tl,"compareWithSearchFor");function kl(t,e){return e.find(o=>o.name===t)?.displayName}i(kl,"getBlockchainDisplayNameFor");function Ve(t,e){return e.find(o=>o.name===t)?.shortName}i(Ve,"getBlockchainShortNameFor");function Wo(t,e){return e.find(o=>o.id===t)?.swapperGroup}i(Wo,"getSwapperDisplayName");function Ti(t,e){return e.find(o=>Le(o,t))??null}i(Ti,"findToken");function ki(t,e){return e.find(o=>o.name===t)??null}i(ki,"findBlockchain");function wi(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(wi,"isTokenNative");function Wn(t,e){let o=t.map(s=>s.swapperGroup),n=[];return An(t.map(s=>s.swapperGroup)).map(s=>{let a=t.find(l=>l.swapperGroup===s);if(a){let l=!0;o&&(l=o.some(p=>p===a.swapperGroup)),l&&a.types.map(p=>{n.push({id:a.swapperGroup,groupTitle:a.swapperGroup,logo:a.logo,type:p,selected:!e.includes(a.swapperGroup)})})}}),n}i(Wn,"getUniqueSwappersGroups");function wl(t,e){return t.swapperGroup<e.swapperGroup?-1:t.swapperGroup>e.swapperGroup?1:0}i(wl,"sortLiquiditySourcesByGroupTitle");function je(t,e){return e?.[t]==="hidden"}i(je,"isFeatureHidden");function xl(t,e){return e?.[t]==="enabled"}i(xl,"isFeatureEnabled");var vl=i((t,e)=>({_blockchainsMapByName:new Map,_tokens:[],_popularTokens:[],_swappers:[],fetchStatus:"loading",blockchains:o=>{let n=e()._blockchainsMapByName,r=Array.from(n?.values()||[]);if(!o||!o?.type)return r;let s=e().config,a=(o.type==="source"?s.from?.blockchains:s.to?.blockchains)??[];return r.filter(p=>!(a.length>0&&!a.includes(p.name)))},tokens:o=>{let n=e()._tokens,r=e()._blockchainsMapByName;if(!o||!o?.type)return n;let s=e().config,a=(o.type==="source"?s.from?.tokens:s.to?.tokens)??{},l=e().blockchains({type:o.type});return n.filter(c=>a&&Eo(c,a)||o.blockchain&&c.blockchain!==o.blockchain||!l.some(u=>u.name===c.blockchain)?!1:o.searchFor?!!(Ct(c.symbol,o.searchFor)||Ct(c.address||"",o.searchFor)||Ct(c.name||"",o.searchFor)):!0).sort((c,u)=>{let d=e().isTokenPinned(c,o.type),m=e().isTokenPinned(u,o.type);if(d!==m)return d?-1:1;if(o.getBalanceFor){let g=o.getBalanceFor(c),k=o.getBalanceFor(u),w=tl(g,k);if(w!==0)return w}let f=r.get(c.blockchain),h=r.get(u.blockchain),C=wi(c,f),S=wi(u,h);if(C!==S)return C?-1:1;if(c.isPopular!==u.isPopular)return c.isPopular?-1:1;if(o.searchFor){let g=Tl(c,u,o.searchFor);if(g)return g}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 Mt().getAllMetadata({enableCentralizedSwappers:o});t({fetchStatus:"success"});let r=new Map,s=[],a=n.popularTokens,l=n.swappers,p=new Set;n.tokens.forEach(u=>{p.add(u.blockchain),s.push(u)}),n.blockchains.sort((u,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 Hf,English as Gf,Finland as Vf,French as jf,German as Xf,Greece as Kf,Italian as Yf,Japanese as Jf,Netherlands as Zf,Poland as Rf,Portuguese as eg,Russian as tg,Spanish as og,Swedish as ng,Ukrainian as rg}from"@rango-dev/ui";var bl=[{title:"English",label:"English",local:"en",SVGFlag:Gf},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:og},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:jf},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:Jf},{title:"Portuguese",label:"Portugu\xEAs",local:"pt",SVGFlag:eg},{title:"Chinese",label:"\u4E2D\u56FD\u4EBA",local:"zh",SVGFlag:Hf},{title:"Russian",label:"\u0420\u0443\u0441\u0441\u043A\u0438\u0439",local:"ru",SVGFlag:tg},{title:"German",label:"Deutsch",local:"de",SVGFlag:Xf},{title:"Ukrainian",label:"\u0423\u043A\u0440\u0430\u0457\u043D\u0456",local:"uk",SVGFlag:rg},{title:"Swedish",label:"svenska",local:"sv",SVGFlag:ng},{title:"Finnish",label:"Suomalainen",local:"fi",SVGFlag:Vf},{title:"Dutch",label:"Nederlands",local:"nl",SVGFlag:Zf},{title:"Greek",label:"Grieks",local:"el",SVGFlag:Kf},{title:"Italian",label:"Italiana",local:"it",SVGFlag:Yf},{title:"Polish",label:"Polski",local:"pl",SVGFlag:Rf}],No="en";var Il=[.5,1,3],El=1,Al=5,Wl=100,Nl=0;var Ml=i((t,e)=>({disabledLiquiditySources:[],theme:"auto",language:null,preferredBlockchains:[],slippage:El,customSlippage:null,infiniteApprove:!1,affiliateRef:null,affiliatePercent:null,affiliateWallets:null,addPreferredBlockchain:o=>{let n=e().preferredBlockchains;if(n.find((a,l)=>{let p=a===o,c=l<=9;return p&&c}))return;let s=n.filter(a=>!(a===o));t(()=>({preferredBlockchains:[o,...s]}))},setSlippage:o=>t(()=>({slippage:o})),setCustomSlippage:o=>t(()=>({customSlippage:o})),setAffiliateRef:o=>t(()=>({affiliateRef:o})),setAffiliatePercent:o=>t(()=>({affiliatePercent:o})),setAffiliateWallets:o=>t(()=>({affiliateWallets:o})),toggleAllLiquiditySources:(o,n)=>t(r=>{if(n)return{disabledLiquiditySources:[]};let s=An(o.map(a=>a.swapperGroup));return s.length===r.disabledLiquiditySources.length?{disabledLiquiditySources:[]}:{disabledLiquiditySources:s}}),toggleInfiniteApprove:()=>t(o=>({infiniteApprove:!o.infiniteApprove})),toggleLiquiditySource:o=>t(n=>n.disabledLiquiditySources.includes(o)?{disabledLiquiditySources:n.disabledLiquiditySources.filter(r=>r!=o)}:{disabledLiquiditySources:n.disabledLiquiditySources.concat(o)}),setTheme:o=>t(()=>({theme:o})),setLanguage:o=>t(()=>({language:o})),updateSettings:o=>{let{features:n,theme:r}=o,s=je("theme",n),a=je("language",n),l=je("liquiditySource",n),p=r?.singleTheme;t({...s&&{theme:o.theme?.mode||"auto"},...p&&{theme:o.theme?.mode||"light"},...a&&{language:o.language||No},...l&&{disabledLiquiditySources:o.liquiditySources||[]}})}}),"createSettingsSlice");function Ll(t){return ig()(sg((...e)=>({...vl(...e),...Ml(...e),...dl(t,...e)}),{name:"user-settings",skipHydration:!0,partialize:e=>({theme:e.theme,language:e.language,affiliatePercent:e.affiliatePercent,affiliateRef:e.affiliateRef,affiliateWallets:e.affiliateWallets,slippage:e.slippage,customSlippage:e.customSlippage,infiniteApprove:e.infiniteApprove,preferredBlockchains:e.preferredBlockchains,disabledLiquiditySources:e.disabledLiquiditySources})}))}i(Ll,"createAppStore");var Bl=lg(null);function y(){let t=pg(Bl);if(cg(()=>{t&&!t.persist.hasHydrated()&&t.persist.rehydrate()},[]),!t)throw new Error("Missing AppStoreContext.Provider in the tree");return t()}i(y,"useAppStore");function _l(t){let e=ug();return e.current||(e.current=Ll(t.config)),ag.createElement(Bl.Provider,{value:e.current},t.children)}i(_l,"AppStoreProvider");import{create as dg}from"zustand";var Pl="rango-widget";var Mo=class{static{i(this,"TabManager")}tabId;state="not-initiated";lastTryClaim;events={};channel;constructor(e){this.channel=new BroadcastChannel(Pl),this.tabId=Math.trunc(Math.random()*1e5),this.events=e}init=()=>{this.initEvents(),this.tryClaim()};forceClaim=()=>{if(!this.isClaimed()){let e={name:"force-claim",candidateId:this.tabId};this.channel.postMessage(e),setTimeout(()=>{this.isClaimed()||this.claim()},300)}};isClaimed=()=>this.state==="claimed";destroy=()=>{this.channel.removeEventListener("message",this.handleMessageEvent),document.removeEventListener("visibilitychange",this.handleVisibilityChange),document.removeEventListener("resume",this.handleResume)};initEvents(){this.channel.addEventListener("message",this.handleMessageEvent),document.addEventListener("visibilitychange",this.handleVisibilityChange),document.addEventListener("resume",this.handleResume)}claimedByCurrentTab(e){let o=this.lastTryClaim&&this.lastTryClaim<e;if(this.isClaimed()||o){let n={name:"pong"};this.channel.postMessage(n);return}}handleMessageEvent=e=>{let o=e.data.name;switch(o){case"ping":this.claimedByCurrentTab(e.data.pingAt);break;case"pong":this.alreadyClaimedByAnotherTab();break;case"force-claim":this.forceRelease(e.data.candidateId);break;case"force-release":this.tabId===e.data.candidateId&&this.claim();break;default:throw new Error(`${o} is not supported.`)}};handleVisibilityChange=async()=>{document.visibilityState==="visible"&&await this.tryClaim()};handleResume=async()=>{this.isClaimed()&&(await this.tryClaim(),this.isClaimed()||this.events.onRelease?.())};alreadyClaimedByAnotherTab(){this.resetLastCheck()}async tryClaim(){return this.setLastCheck(),new Promise(e=>{setTimeout(()=>{this.check(),e()},300)})}check(){this.state==="not-initiated"&&this.events.onInit?.(),this.lastTryClaim?(this.claim(),this.resetLastCheck()):this.state="not-claimed"}claim(){this.state="claimed",this.events.onClaim?.()}setLastCheck(){this.lastTryClaim=Date.now();let e={name:"ping",pingAt:this.lastTryClaim};this.channel.postMessage(e)}resetLastCheck(){this.lastTryClaim=void 0}forceRelease(e){if(this.isClaimed()){this.state="not-claimed",this.events.onRelease?.();let o={name:"force-release",candidateId:e};this.channel.postMessage(o)}}};var re=Lt(dg()((t,e)=>({isActiveTab:!1,tabManagerInitiated:!1,showActivateTabModal:!1,watermark:"NONE",fetchingApiConfig:!1,activateCurrentTab:(o,n)=>{let{showActivateTabModal:r}=e();!r&&n?t({showActivateTabModal:!0}):(r||!n)&&o()},setShowActivateTabModal:o=>{t({showActivateTabModal:o})},setWatermark:o=>{t({watermark:o})}}))),Vt=new Mo({onInit:()=>re.setState({tabManagerInitiated:!0}),onClaim:()=>re.setState({isActiveTab:!0,showActivateTabModal:!1}),onRelease:()=>re.setState({isActiveTab:!1})});var Mn=hg({onConnectWallet:()=>{},onDisconnectWallet:()=>{}});function Sg(t){let{updateConfig:e,updateSettings:o,fetch:n}=y(),r=y().blockchains(),s=y().tokens(),a=y().config,l={walletConnectProjectId:t.config?.walletConnectProjectId},{providers:p}=ml(t.config.wallets,l),{connectWallet:c,disconnectWallet:u}=K(),d=Fl(),m=Fl();Dl(()=>{n().catch(console.log)},[]),Dl(()=>{t.config&&(e(t.config),o(t.config),window.__rango={config:a,dappConfig:t.config})},[t.config]);let f=r.filter(gg).map(g=>g.name),h=i((g,k,w,x,b)=>{if(k===vi.ACCOUNTS)if(w){let A=Tn(b.supportedBlockchains),v=Ya(g,w,f,A,b.isContractWallet);v.length&&c(v,s)}else u(g),m.current?m.current(g):console.warn("onDisconnectWallet handler hasn't been set. Are you sure?");if(k===vi.ACCOUNTS&&x.connected){let A=`${g}-${x.network}-${w}`;x.connected&&(d.current?d.current(A):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(k===vi.NETWORK&&x.network){let A=`${g}-${x.network}`;d.current?d.current(A):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(g,k,w,x,b)},"onUpdateState"),C=re.use.isActiveTab(),S=yg(()=>({onConnectWallet:g=>{d.current=g},onDisconnectWallet:g=>{m.current=g}}),[]);return Nn.createElement(Mn.Provider,{value:S},Nn.createElement(fg,{allBlockChains:r,providers:p,onUpdateState:h,autoConnect:!!C},t.children))}i(Sg,"Main");function Ln(t){let{config:e,...o}=t;return Nn.createElement(_l,{config:e},Nn.createElement(Sg,{...o,config:e}))}i(Ln,"WidgetWallets");import pi from"react";import Cg,{Fragment as Tg}from"react";import{MemoryRouter as kg,useInRouterContext as wg}from"react-router";function Ol({children:t}){let o=wg()?Tg:kg;return Cg.createElement(o,null,t)}i(Ol,"AppRouter");import{I18nManager as yw}from"@rango-dev/ui";import Oa from"react";import qe from"react";import{useRoutes as nw}from"react-router-dom";var O={home:"/",fromSwap:"from-swap",toSwap:"to-swap",blockchains:"blockchains",settings:"settings",liquiditySources:"liquidity-sources",bridges:"bridges",exchanges:"exchanges",languages:"languages",swaps:"swaps",wallets:"wallets",confirmSwap:"confirm-swap",swapDetails:":requestId",routes:"routes"};import{useEffect as so,useRef as zn}from"react";import Pt from"bignumber.js";import{create as Eg}from"zustand";import{subscribeWithSelector as Ag}from"zustand/middleware";import{getLastSuccessfulStep as Ig}from"@rango-dev/queue-manager-rango-preset";import bb from"bignumber.js";import{i18n as Lo}from"@lingui/core";var bi={"Network Fee":Lo.t("Network Fee"),"Swapper Fee":Lo.t("Protocol Fee"),"Affiliate Fee":Lo.t("Affiliate Fee"),"Outbound network fee":Lo.t("Outbound Fee"),"Rango Fee":Lo.t("Rango Fee")},Ii=["RECOMMENDED","CENTRALIZED","LOWEST_FEE","FASTEST","HIGH_IMPACT"],Ul=30;var Bt=(r=>(r[r.HIGH_VALUE_LOSS=0]="HIGH_VALUE_LOSS",r[r.UNKNOWN_PRICE=1]="UNKNOWN_PRICE",r[r.INSUFFICIENT_SLIPPAGE=2]="INSUFFICIENT_SLIPPAGE",r[r.HIGH_SLIPPAGE=3]="HIGH_SLIPPAGE",r))(Bt||{});import{i18n as tt}from"@lingui/core";import Be from"bignumber.js";import{PendingSwapNetworkStatus as $n}from"rango-types";function Bn(t){let e=[];return t?.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,s=e[e.length-1];n!=s&&e.push(n),s=e[e.length-1],r!=s&&e.push(r)}),e}i(Bn,"getRequiredWallets");function _n(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}i(_n,"isValidAddress");import{i18n as Ie}from"@lingui/core";var ee=i(()=>({genericServerError:Ie.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:Ie.t("Please reset your liquidity sources."),description:Ie.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources.")},noResultError:{title:Ie.t("No Routes Found."),description:Ie.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:Ie.t("Bridge Limit Error: Please increase your amount."),decreaseAmount:Ie.t("Bridge Limit Error: Please decrease your amount.")},highValueLossError:{impactTitle:Ie.t("High Price Impact"),title:Ie.t("Price impact is too high!"),description:Ie.t("The price impact is significantly higher than the allowed amount."),confirmMessage:Ie.t("Confirm high price impact")},quoteUpdatedWithHighValueLoss:{title:Ie.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:Ie.t("USD Price Unknown"),title:Ie.t("USD Price Unknown, Cannot calculate Price Impact."),description:Ie.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:Ie.t("Confirm USD Price Unknown")}}),"errorMessages");function ql(t){switch(t.type){case 0:return t.diagnosisMessage??ee().noResultError.title;case 1:return ee().genericServerError;default:return""}}i(ql,"getQuoteErrorMessage");import{i18n as Pn}from"@lingui/core";var jt=i(()=>({connectWallet:Pn.t("Connect Wallet"),swap:Pn.t("Swap"),swapAnyway:Pn.t("Swap anyway"),ethWarning:Pn.t("The route goes through Ethereum. Continue?")}),"swapButtonTitles");function zl(t,e){return(parseInt(e.toFixed(2)||"0")<=-10&&t?.gte(new Be(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new Be(1e3)))??!1}i(zl,"hasHighValueLoss");function Ql(t){return(t||[]).filter(e=>{let o=e.fromAmountMinValue?new Be(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Be(e.fromAmountMaxValue):null;return e.fromAmountRestrictionType==="EXCLUSIVE"?o?.gte(e.fromAmount)||n?.lte(e.fromAmount):o?.gt(e.fromAmount)||n?.lt(e.fromAmount)}).length>0}i(Ql,"hasLimitError");function Hl(t){let e=(t||[]).filter(l=>{let p=l.fromAmountMinValue?new Be(l.fromAmountMinValue):null,c=l.fromAmountMaxValue?new Be(l.fromAmountMaxValue):null;return l.fromAmountRestrictionType==="EXCLUSIVE"?p?.gte(l.fromAmount)||c?.lte(l.fromAmount):p?.gt(l.fromAmount)||c?.lt(l.fromAmount)})[0],o=e.fromAmountMinValue?new Be(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Be(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",s="",a="";return!r&&o&&o.gt(e.fromAmount)?(s=tt.t({id:"Required: >= {min} {symbol}",values:{min:N(o,6,6),symbol:e.from.symbol}}),a=ee().bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(s=tt.t({id:"Required: > {min} {symbol}",values:{min:N(o,6,6),symbol:e.from.symbol}}),a=ee().bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(s=tt.t({id:"Required: <= {max} {symbol}",values:{max:N(n,6,6),symbol:e.from.symbol}}),a=ee().bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(s=tt.t({id:"Required: < {max} {symbol}",values:{max:N(n,6,6),symbol:e.from.symbol}}),a=ee().bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:s,recommendation:a}}i(Hl,"getLimitErrorMessage");function Gl(t){let{fetchMetaStatus:e,anyWalletConnected:o,fetchingQuote:n,inputAmount:r,quote:s,warning:a,error:l,needsToWarnEthOnPath:p}=t;return e!=="success"?{title:jt().connectWallet,action:"connect-wallet",disabled:!0}:o?n||!s||l||!r||r==="0"?{title:jt().swap,action:"confirm-swap",disabled:!0}:a?{title:jt().swapAnyway,action:"confirm-warning",disabled:!1}:p?{title:jt().ethWarning,action:"confirm-warning",disabled:!1}:{title:jt().swap,action:"confirm-swap",disabled:!1}:{title:jt().connectWallet,action:"connect-wallet",disabled:!1}}i(Gl,"getSwapButtonState");function Ei(t,e,o){return!((!o||o.lte(Me))&&t&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t)}i(Ei,"canComputePriceImpact");function xg(t){let e=[];return t?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,s=e[e.length-1];n!=s&&e.push(n),s=e[e.length-1],r!=s&&e.push(r)}),e}i(xg,"requiredWallets");var vg=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice");function Ai(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=vg(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new Be(r.amount).multipliedBy(s||0))}return o}i(Ai,"getUsdFeeOfStep");function Dn(t,e){return t.reduce((o,n)=>o.plus(Ai(n,e)),Me)}i(Dn,"getTotalFeeInUsd");function Wi(t){let e=Me;return e=e.plus(new Be(t.amount).multipliedBy(t.price||0)),e}i(Wi,"getUsdFee");function Vl(t){return t.reduce((e,o)=>e.plus(Wi(o)),Me)}i(Vl,"getTotalFeesInUsd");function jl(t){return t.reduce((e,o)=>{for(let n of o.fee){let r=n.name,s=n.expenseType!=="DECREASE_FROM_OUTPUT"?e.payable:e.nonePayable;s[r]=[...s[r]||[],n]}return e},{payable:{},nonePayable:{}})}i(jl,"getFeesGroup");function Xl(t){let e=new Map;return t.forEach((o,n)=>{o.recommendedSlippage?.error&&e.set(n,o.recommendedSlippage.slippage)}),e.size>0?e:null}i(Xl,"checkSlippageErrors");function Kl(t,e){let o=new Map;return t?.swaps.forEach((n,r)=>{n.recommendedSlippage?.slippage&&parseFloat(n.recommendedSlippage.slippage)>e&&o.set(r,n.recommendedSlippage.slippage)}),o.size>0?o:null}i(Kl,"checkSlippageWarnings");function Fn(t){return t.map(o=>o.recommendedSlippage)?.map(o=>o?.slippage||"0")?.filter(o=>parseFloat(o)>0)?.sort((o,n)=>parseFloat(n)-parseFloat(o))?.find(()=>!0)||null}i(Fn,"getMinRequiredSlippage");function Yl(t,e){return e?parseFloat(t)>=parseFloat(e):!0}i(Yl,"hasProperSlippage");function Jl(t){let{fromToken:e,toToken:o,inputAmount:n,wallets:r,selectedWallets:s,disabledLiquiditySources:a,liquiditySources:l,excludeLiquiditySources:p,slippage:c,affiliateRef:u,affiliatePercent:d,affiliateWallets:m,destination:f,enableCentralizedSwappers:h}=t,C=s?.reduce((k,w)=>(k[w.chain]=w.address,k),{}),S=[];return r?.forEach(k=>{S.push({blockchain:k.chain,addresses:[k.address]})}),{amount:n.toString(),affiliateRef:u??void 0,affiliatePercent: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 Zl(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}i(Zl,"getWalletsForNewSwap");function ro(t){return t?.outputAmount||null}i(ro,"getQuoteOutputAmount");function Rl(t,e){return new Be(e).div(new Be(t)).minus(1).multipliedBy(100).toNumber()}i(Rl,"getPercentageChange");function ep(t,e){let o=ro(t),n=ro(e);if(!o||!n)return!1;let r=Xe(o,n);return r?r<=-1:!0}i(ep,"isOutputAmountChangedALot");function tp(t,e,o){let n=t.validationStatus,r=Ja(t);return e.sort((a,l)=>r.indexOf(a.chain)-r.indexOf(l.chain)).flatMap(a=>ap(a,n)||[]).filter(a=>!a.ok).map(a=>{let l=a.asset.symbol,p=N(new Be(a.currentAmount.amount).shiftedBy(-a.currentAmount.decimals),8,8),c=N(new Be(a.requiredAmount.amount).shiftedBy(-a.requiredAmount.decimals),8,8),u="";return a.reason==="FEE"&&(u=tt.t(" for network fee")),a.reason==="INPUT_ASSET"&&(u=tt.t(" for swap")),a.reason==="FEE_AND_INPUT_ASSET"&&(u=tt.t(" for input and network fee")),tt.t({id:"Needs \u2248 {requiredAmount} {symbol}{reason}, but you have {currentAmount} {symbol} in your {blockchain} wallet.",values:{requiredAmount:c,symbol:l,reason:u,currentAmount:p,blockchain:Ve(a.asset.blockchain,o)}})})}i(tp,"generateBalanceWarnings");function On(t,e){return(t?new Be(t):Me).multipliedBy(e||0)}i(On,"calcOutputUsdValue");function Bo(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==$n.NetworkChanged}i(Bo,"isNetworkStatusInWarningState");function op(t,e){let o="bellow button or",n=t.extraMessage,r=t.extraMessageDetail;if(t.networkStatusExtraMessageDetail?.includes(o)&&(t.networkStatusExtraMessageDetail=t.networkStatusExtraMessageDetail.replace(o,"")),Bo(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case $n.WaitingForConnectingWallet:n=n||tt.t("Waiting for connecting wallet");break;case $n.WaitingForQueue:n=n||tt.t("Waiting for other running tasks to be finished");break;case $n.WaitingForNetworkChange:n=n||tt.t("Waiting for changing wallet network");break;default:n=n||"";break}r=r||"",n=n||"";let a=n?.indexOf("code")!==-1&&n?.indexOf("reason")!==-1;return{shortMessage:n,detailedMessage:{content:r,long:a}}}i(op,"getSwapMessages");function np(t){let e=null;if(t.status==="failed"){let o=t.steps.slice().reverse().filter(n=>n.status==="success")[0];o&&(e={blockchain:o.toBlockchain,symbol:o.toSymbol,outputAmount:o.outputAmount,address:o.toSymbolAddress})}return e}i(np,"getLastConvertedTokenInFailedSwap");function rp(t){return t.status==="failed"}i(rp,"shouldRetrySwap");function ip(t,e,o,n,r,s){return t||!e&&!xg(n).every(a=>r.map(l=>l.chain).includes(a))||!!e&&!o||!!e&&!!o&&s&&!_n(s,o)}i(ip,"confirmSwapDisabled");function sp(t,e){return t.blockchain===e.blockchain&&t.symbol===e.symbol&&t.address===e.address}i(sp,"isTokensIdentical");function Un(t){let e=t?.swaps||[];return e[e.length-1].to.usdPrice}i(Un,"getQuoteToTokenUsdPrice");function Ni(t,e){let o=t?.swaps||[],n=e?.swaps||[];return o.length!==n.length}i(Ni,"isNumberOfSwapsChanged");function Mi(t,e){let o=t?.swaps.map(r=>r.swapperId)||[],n=e?.swaps.map(r=>r.swapperId)||[];return!Ci(o,n)}i(Mi,"isQuoteSwappersUpdated");function Li(t,e){let o=t?.swaps.map(r=>r.to.symbol)||[],n=e?.swaps.map(r=>r.to.symbol)||[];return!Ci(o,n)}i(Li,"isQuoteInternalCoinsUpdated");function pp(t,e){return Ni(t,e)||Mi(t,e)||Li(t,e)}i(pp,"isQuoteChanged");function ap(t,e){if(e===null)return null;let o=e?.find(n=>n.blockchain===t.chain)?.wallets.find(n=>n.address?.toLowerCase()===t.address.toLowerCase());return o?o.requiredAssets:null}i(ap,"getRequiredBalanceOfWallet");function Tt(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}i(Tt,"getPriceImpactLevel");function cp(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],s=Ig(t.steps),a={blockchain:r.toBlockchain,symbol:r.toSymbol,address:r.toSymbolAddress},l=ki(s?s.toBlockchain:n.fromBlockchain,e),p=ki(r.toBlockchain,e),c=Ti(s?{blockchain:l?.name??"",symbol:s.toSymbol,address:s.toSymbolAddress}:{blockchain:l?.name??"",symbol:n.fromSymbol,address:n.fromSymbolAddress},o),u=Ti(a,o),d=s?s.outputAmount??"":t.inputAmount;return{fromBlockchain:l,fromToken:c,toBlockchain:p,toToken:u,inputAmount:d}}i(cp,"createRetryQuote");function io(t,e){let{fromToken:o,toToken:n,tokens:r,userSlippage:s}=e,a=Xt(o,t.requestAmount),l=Xt(n,t?.outputAmount??"");if(t&&a&&l){let u=Xe(a.toString(),l.toString());if(!!u&&zl(a,u)){let m=Dn(t?.swaps,r),f=Tt(u);return{type:0,inputUsdValue:a,outputUsdValue:l,priceImpact:u,totalFee:m,warningLevel:f}}}else if(t&&(!a||!l))return{type:1};let p=Fn(t.swaps),c=s>Al;if(Yl(e.userSlippage.toString(),p)){if(c&&parseFloat(p??"0")<s)return{type:3,slippage:s.toString()}}else return{type:2,recommendedSlippages:Kl(t,s),minRequiredSlippage:p};return null}i(io,"generateQuoteWarnings");function Xe(t,e){let o=typeof e=="string"?parseFloat(e)<=0:!e?.gt(0),n=!t||!e||o?null:Rl(t.toString(),e.toString());return n&&n<0?n:null}i(Xe,"getPriceImpact");var up=i(t=>{let e=new Set,o=[];return t.forEach(n=>{e.has(n.from.chain.displayName)||(e.add(n.from.chain.displayName),o.push(n.from.chain)),e.has(n.to.chain.displayName)||(e.add(n.to.chain.displayName),o.push(n.to.chain))}),o},"getUniqueBlockchains"),qn=i((t,e)=>e.sort((o,n)=>{let r=i(c=>c.scores?.find(u=>u.preferenceType===t)?.score??0,"getScore"),s=r(o),a=r(n);if(s!==a)return a-s;let l=o.requestId.toLowerCase(),p=n.requestId.toLowerCase();return l.localeCompare(p)}),"sortQuotesBy"),mp=i((t,e,o)=>{if(!e.length)return null;if(!t)return{requestAmount:o,...e[0]};let n=new Set(t.swaps.map(s=>s.swapperId)),r=e.find(s=>{let a=new Set(s.swaps.map(l=>l.swapperId));return Array.from(n).every(l=>a.has(l))});return{requestAmount:o,...r||e[0]}},"getDefaultQuote"),dp=i(t=>{let e=i((o,n)=>{let r=Ii.indexOf(o.value),s=Ii.indexOf(n.value);return r!==-1&&s!==-1?r-s:r!==-1?-1:s!==-1?1:0},"customSort");return t.sort(e)},"sortTags");var Xt=i((t,e)=>t?.usdPrice?new Pt(e||Me).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),j=Lt(Eg()(Ag(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new Pt(0),outputUsdValue:new Pt(0),toBlockchain:null,toToken:null,refetchQuote:!0,sortStrategy:"SMART",selectedQuote:null,quotes:null,error:null,warning:null,quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:null,quoteWarningsConfirmed:!1,updateQuotePartialState:(e,o)=>t(n=>({...n,[e]:o})),setSelectedQuote:e=>t(o=>{let n=null,r=Me;return Io(o.inputAmount)?(e&&(n=e?.outputAmount?new Pt(e?.outputAmount):null,r=On(e?.outputAmount,Un(e)||o.toToken?.usdPrice)),{selectedQuote:e,...!!e&&{outputAmount:n,outputUsdValue:r}}):{}}),resetAlerts:()=>t(()=>({error:null,warning:null})),resetQuote:()=>t(()=>({selectedQuote:null,outputAmount:null,outputUsdValue:new Pt(0),quotes:null,refetchQuote:!0,error:null,warning:null})),setFromBlockchain:e=>{t(o=>o.fromBlockchain?.name===e?.name?{}:{fromBlockchain:e,...o.fromToken&&{selectedQuote:null,fromToken:null,outputAmount:null,outputUsdValue:null}})},setFromToken:e=>t(o=>({fromToken:e.token,...e.token&&{fromBlockchain:e.meta.blockchains.find(n=>n.name===e.token.blockchain)??null},...!!o.inputAmount&&{inputUsdValue:Xt(e.token,o.inputAmount)}})),setToBlockchain:e=>{t(o=>o.toBlockchain?.name===e?.name?{}:{toBlockchain:e,...o.toToken&&{selectedQuote:null,toToken:null,outputAmount:null,outputUsdValue:null}})},setToToken:e=>t(()=>({toToken:e.token,...e.token&&{toBlockchain:e.meta.blockchains.find(o=>o.name===e.token.blockchain)??null}})),setInputAmount:e=>{t(o=>({inputAmount:e,...!e&&{outputAmount:new Pt(0),outputUsdValue:new Pt(0),selectedQuote:null},...!!o.fromToken&&{inputUsdValue:Xt(o.fromToken,e)}}))},retry:(e,o)=>{let{tokens:n,blockchains:r}=o,{fromBlockchain:s,fromToken:a,toBlockchain:l,toToken:p,inputAmount:c}=cp(e,r,n);t({fromBlockchain:s,fromToken:a,inputAmount:c,outputAmount:null,inputUsdValue:Xt(a??null,c),outputUsdValue:new Pt(0),toBlockchain:l,toToken:p,selectedQuote:null})},switchFromAndTo:()=>t(e=>({fromBlockchain:e.toBlockchain,fromToken:e.toToken,toBlockchain:e.fromBlockchain,toToken:e.fromToken,inputAmount:e.outputAmount?.toString()||"",inputUsdValue:Xt(e.toToken,e.outputAmount?.toString()||"")})),resetFromBlockchain:()=>t(()=>({fromToken:null,fromBlockchain:null,outputAmount:null,outputUsdValue:null,selectedQuote:null})),resetToBlockchain:()=>t(()=>({toToken:null,toBlockchain:null,outputAmount:null,outputUsdValue:null,selectedQuote:null})),setQuoteWalletConfirmed:e=>t({quoteWalletsConfirmed:e}),setSelectedWallets:e=>t({selectedWallets:e}),setCustomDestination:e=>t({customDestination:e}),resetQuoteWallets:()=>t({quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:null}),setQuoteWarningsConfirmed:e=>t({quoteWarningsConfirmed:e})}))));function fp(){let{setInputAmount:t,setToToken:e,setToBlockchain:o,setFromBlockchain:n,setFromToken:r,fromToken:s,toToken:a,fromBlockchain:l,toBlockchain:p}=j(),c=y().config,u=y().fetchStatus,d=y().blockchains(),m=y().tokens(),{setAffiliateRef:f,setAffiliatePercent:h,setAffiliateWallets:C}=y(),S=c?.from?.tokens,g=c?.from?.blockchains,k=c?.to?.tokens,w=c?.to?.blockchains,x=zn(void 0),b=zn(void 0),A=zn(void 0),v=zn(void 0);so(()=>{t(c?.amount?.toString()||"")},[c?.amount]),so(()=>{if(u==="success"){let T=d.find(E=>E.name===c?.from?.blockchain),M=m.find(E=>Le(E,c?.from?.token||null));(T||!T&&A.current)&&n(T??null),M?r({token:M,meta:{blockchains:d,tokens:m}}):!M&&x.current&&r({token:null}),A.current=c?.from?.blockchain,x.current=c?.from?.token}},[c?.from?.token?.symbol,c?.from?.token?.address,c?.from?.token?.blockchain,c?.from?.blockchain,u]),so(()=>{Eo(s,S)&&r({token:null}),gi(l,g)&&n(null)},[S,g]),so(()=>{Eo(a,k)&&r({token:null}),gi(p,w)&&o(null)},[k,w]),so(()=>{if(u==="success"){let T=d.find(E=>E.name===c?.to?.blockchain),M=m.find(E=>Le(E,c?.to?.token||null));(T||!T&&v.current)&&o(T??null),M?e({token:M,meta:{blockchains:d,tokens:m}}):!M&&b.current&&e({token:null}),v.current=c?.to?.blockchain,b.current=c?.to?.token}},[c?.to?.token?.symbol,c?.to?.token?.address,c?.to?.token?.blockchain,c?.to?.blockchain,u]),so(()=>{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(fp,"useSyncStoresWithConfig");import{useEffect as Pi,useRef as Wg}from"react";import{useInRouterContext as Ng,useLocation as Mg,useSearchParams as Lg}from"react-router-dom";function Bi(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(Bi,"searchParamToToken");function _i(t){if(t)return`${t.symbol}${t.address?`--${t.address}`:""}`}i(_i,"tokenToSearchParam");function $i(){let t=Mg(),[e,o]=Lg(),{fromBlockchain:n,toBlockchain:r,fromToken:s,toToken:a,inputAmount:l,setFromBlockchain:p,setToBlockchain:c,setFromToken:u,setToToken:d,setInputAmount:m}=j(),f=y().fetchStatus,h=y().blockchains(),C=y().tokens(),S=Ng(),{updateIframe:g,updateCampaignMode:k}=y(),w=y().isInCampaignMode(),x=Wg(),b=i(()=>{let v=e.get("fromAmount"),T=e.get("fromBlockchain"),M=e.get("fromToken"),E=e.get("toBlockchain"),B=e.get("toToken"),Q=e.get("autoConnect"),q=e.get("clientUrl"),H=e.get("liquiditySources");return{fromAmount:v,fromBlockchain:T,fromToken:M,toBlockchain:E,toToken:B,autoConnect:Q,clientUrl:q,liquiditySources:H}},"getUrlSearchParams"),A=i(v=>{for(let T in v)v[T]||delete v[T];o(v,{replace:!0})},"updateUrlSearchParams");Pi(()=>{let{autoConnect:v,clientUrl:T}=b();S&&f==="success"&&A({fromBlockchain:n?.name,fromToken:_i(s),toBlockchain:r?.name,toToken:_i(a),fromAmount:l,autoConnect:v??void 0,clientUrl:T??void 0,liquiditySources:w?x.current:void 0})},[t.pathname,l,n,s,r,a,w]),Pi(()=>{if(!S)return;let v=b();if(!x.current&&v.liquiditySources&&(x.current=v.liquiditySources),v.fromAmount&&m(v.fromAmount),f==="success"){let T=h.find(Q=>Q.name===v.fromBlockchain),M=Bi(C,v.fromToken,T??null),E=h.find(Q=>Q.name===v.toBlockchain),B=Bi(C,v.toToken,E??null);T&&(p(T),M&&u({token:M,meta:{blockchains:h,tokens:C}})),E&&(c(E),B&&d({token:B,meta:{blockchains:h,tokens:C}}))}},[f]),Pi(()=>{let{clientUrl:v,liquiditySources:T}=b();g("clientUrl",v||void 0),k("liquiditySources",T?.split(",")??void 0)},[])}i($i,"useSyncUrlAndStore");import{i18n as Mr}from"@lingui/core";import{useManager as BS}from"@rango-dev/queue-manager-react";import{Alert as Ku,Button as _S,css as _s,Divider as Bs,IconButton as Yu,SettingsIcon as PS,styled as $S,Tooltip as DS,Typography as FS,WalletIcon as OS}from"@rango-dev/ui";import fe,{useEffect as Jo,useLayoutEffect as US,useRef as qS,useState as Zo}from"react";import{flushSync as zS}from"react-dom";import{useLocation as QS,useNavigate as HS}from"react-router-dom";import{i18n as dt}from"@lingui/core";import{Alert as ms,BalanceErrors as wy,Button as Wc,ChevronDownIcon as xy,ChevronLeftIcon as vy,Divider as go,MessageBox as by,Typography as cr,WalletIcon as Iy}from"@rango-dev/ui";import F,{useEffect as Ey,useState as ho}from"react";import{useNavigate as Ay}from"react-router-dom";import{i18n as Qn}from"@lingui/core";function Hn(t){switch(t.type){case 0:return Qn.t("Route has been updated.");case 3:return Qn.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return Qn.t("Route swappers has been updated.");case 2:return Qn.t("Route internal coins has been updated.");default:return""}}i(Hn,"getQuoteUpdateWarningMessage");import{Modal as _g}from"@rango-dev/ui";import Pg from"react";function le(t){let{watermark:e}=re();return Pg.createElement(_g,{hasWatermark:e==="FULL",...t},t.children)}i(le,"WatermarkedModal");import Xn,{useRef as Fg}from"react";import*as ao from"@radix-ui/react-collapsible";import{keyframes as hp,styled as Gn}from"@rango-dev/ui";var Di=300,$g=hp({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),Dg=hp({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),yp=Gn(ao.Root,{borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),Fi=Gn(ao.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit",cursor:"pointer"}),Vn=Gn(ao.Content,{overflow:"hidden",variants:{open:{true:{animation:`${$g} ${Di}ms ease-out`},false:{animation:`${Dg} ${Di}ms ease-out`}}}}),jn=Gn("div",{transition:`all ${Di}ms ease`,display:"flex",alignItems:"center",variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}});function Kn(t){let{open:e,hasSelected:o,onOpenChange:n,children:r,onClickTrigger:s,trigger:a,triggerAnchor:l}=t,p=Fg(null);return Xn.createElement(yp,{ref:p,className:"collapsible_root",selected:o&&e,open:e,onOpenChange:n},l==="top"&&Xn.createElement(Fi,{className:"collapsible_trigger",onClick:s},a),Xn.createElement(Vn,{className:"collapsible_content",open:e},r),l==="bottom"&&Xn.createElement(Fi,{className:"collapsible_trigger",onClick:s},a))}i(Kn,"CustomCollapsible");import{css as Sp,darkTheme as lo,IconButton as Og,styled as Ke,TextField as Ug}from"@rango-dev/ui";var Cp=Ke("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),Tp=Ke("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),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"}}}}),kp=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%"}),xp=Ke(Og,{position:"absolute",left:"$20"}),vp=Ke("div",{paddingTop:"$20"}),bp=Sp({display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),Ip=Ke("div",{padding:"$10 $0","& .button__content":{display:"flex",alignItems:"center"},"& .alarms":{paddingTop:"$5"},"& .collapsible_content":{backgroundColor:"$neutral100"},"& .collapsible_root":{backgroundColor:"$neutral200"}}),Ep=Sp({paddingTop:"$5"}),Ap=Ke("div",{display:"flex"}),Wp=Ke(Ug,{backgroundColor:"$neutral100",padding:"$0 $15 $15 $15"}),Np=Ke("div",{overflow:"visible",width:"100%"}),Mp=Ke("div",{width:"100%",borderRadius:"$sm",display:"flex",padding:"$15",justifyContent:"space-between",alignItems:"center",$$color:"$colors$neutral100",[`.${lo} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color","&:hover":{$$color:"$colors$info100",[`.${lo} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$background:"$colors$info100",[`.${lo} &`]:{$$background:"$colors$info700"},backgroundColor:"$$background",outline:0}});import{i18n as ot}from"@lingui/core";import{Button as Sy,Divider as cs,Image as Cy,MessageBox as lr,SelectableWallet as Ty,Typography as Ic,WalletState as Ec}from"@rango-dev/ui";import de,{useEffect as Ac,useState as Fo}from"react";import{WalletState as Yn}from"@rango-dev/ui";import{useWallets as zg}from"@rango-dev/wallets-react";import{detectMobileScreens as Qg,KEPLR_COMPATIBLE_WALLETS as Hg,WalletTypes as _o}from"@rango-dev/wallets-shared";import{useCallback as Gg,useEffect as Vg,useState as jg}from"react";var Xg=Object.values(_o);function po(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:s,disconnect:a,getWalletInfo:l,connect:p}=zg(),{connectedWallets:c}=K(),u=y().blockchains(),d=ul(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||Xg,m=Ka(s,l,d,o);m=Qg()?m.filter(b=>b.showOnMobile||s(b.type).installed):m;let f=ol(m),[h,C]=jg(""),S=i(b=>!c.find(A=>A.walletType===b&&A.chain===o),"isExperimentalChainNotAdded"),g=i(async b=>{let A=s(b);try{if(h&&C(""),A.connected)await a(b);else{let v=!!m.find(T=>T.state===Yn.CONNECTED);if(!e?.multiWallets&&v)return;n?.(b),await p(b),r?.(b)}}catch(v){C("Error: "+v?.message)}},"handleClick"),k=Gg(()=>{let b=m?.filter(A=>A.state===Yn.CONNECTING)||[];for(let A of b)a(A.type)},[il(m)]);Vg(()=>()=>{k()},[]);let w=i(b=>{let A=b.find(T=>T.type===_o.DEFAULT);return!A||A.state===Yn.NOT_INSTALLED?!1:b.filter(T=>T.state!=Yn.NOT_INSTALLED&&![_o.DEFAULT,_o.WALLET_CONNECT_2].includes(T.type)&&l(T.type).supportedChains.filter(M=>M.type=="EVM").length>0).length==0},"shouldShowDefaultInjectedWallet"),x=i((b,A,v)=>wn(v,A)&&S(b)&&!Hg.includes(b)||b==_o.DEFAULT&&!w(m),"shouldExcludeWallet");return{list:f.filter(b=>!x(b.type,o??"",u)),error:h,handleClick:g,disconnectConnectingWallets:k}}i(po,"useWalletList");import{i18n as Cc}from"@lingui/core";import{styled as kc,Typography as uy,Wallet as my,WalletState as dy}from"@rango-dev/ui";import fo,{useState as Tc}from"react";import{useManager as ey}from"@rango-dev/queue-manager-react";import{BottomLogo as ty,Divider as mc,Header as oy}from"@rango-dev/ui";import ye,{useEffect as is,useRef as dc,useState as ny}from"react";import{useRef as Kg}from"react";function Jn(){return window.self!==window.top}i(Jn,"isAppLoadedIntoIframe");function Oi(){let t=Kg(null),{iframe:e}=y(),o=Jn()&&e.clientUrl,n=i(a=>{o&&window.top?.postMessage(a,e.clientUrl)},"send");return{send:n,connectHeightObserver:i(a=>{t.current=new ResizeObserver(l=>{for(let p of l)n({type:"widget_height",data:{height:p.contentRect.height}})}),t.current.observe(a)},"connectHeightObserver"),disconnectHeightObserver:i(()=>{t.current&&(t.current.disconnect(),t.current=null)},"disconnectHeightObserver")}}i(Oi,"useIframe");import{useNavigate as Yg}from"react-router-dom";function Ye(){let t=Yg();return()=>t(-1)}i(Ye,"useNavigateBack");import{createTheme as Gi,darkTheme as oh,lightTheme as nh}from"@rango-dev/ui";import{useEffect as rh,useState as ih}from"react";import{theme as eh,darkColors as th}from"@rango-dev/ui";import Qi from"react";function Jg(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(Jg,"generateShades");function Zn(t,e){let[o,n,r]=Lp(t);return`#${Ui(o+e)}${Ui(n+e)}${Ui(r+e)}`}i(Zn,"generateShade");function Lp(t){let r=parseInt(t.slice(1,3),16),s=parseInt(t.slice(3,5),16),a=parseInt(t.slice(5,7),16);return[r,s,a]}i(Lp,"convertToRGB");function Ui(t){return("0"+Math.max(0,Math.min(255,t)).toString(16)).slice(-2).toUpperCase()}i(Ui,"clamp");function Bp(t){let[a,l,p]=Lp(t);return(a*299+l*587+p*114)/1e3>188}i(Bp,"isBright");var qi=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,...Jg(a,s,s==="neutral"&&e)})}return n?r:{}},"generateColors");var _p=i(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),Zg=i(t=>{let e="",o;for(o=Math.abs(t);o>52;o=o/52|0)e=_p(o%52)+e;return _p(o%52)+e},"toAlphabeticName"),Rg=i((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),zi=i(t=>Zg(Rg(5381,JSON.stringify(t))>>>0),"toHash");function Hi(t){let e=eh.colors,o=qi({...e,...th},!0,t?.dark),n=qi(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:`${fi}-light-${zi(p)}`,tokens:p}}if(r){let p={colors:o};l={id:`${fi}-dark-${zi(p)}`,tokens:p}}return{light:a,dark:l}}i(Hi,"customizedThemeTokens");function Pp(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(Pp,"joinList");function Rn(t){let{colors:e,fontFamily:o=pl,borderRadius:n=al,secondaryBorderRadius:r=ll}=t,[s,a]=ih("light"),{theme:l}=y(),{dark:p,light:c}=Hi(e),u=Gi({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),d=[u.className,nh.className],m=[u.className,oh.className];if(c){let h=Gi(c.id,c.tokens);d.push(h.className)}if(p){let h=Gi(p.id,p.tokens);m.push(h.className)}return rh(()=>{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(Rn,"useTheme");var mt=i(t=>{let e=[];return t?.getAll().forEach((o,n)=>{let r=o.list.getStorage();r?.swapDetails&&e.push({id:n,swap:r?.swapDetails})}),e.sort((o,n)=>Number(n.swap.creationTime)-Number(o.swap.creationTime))},"getPendingSwaps");import{i18n as $p}from"@lingui/core";import{Alert as sh,Button as ah}from"@rango-dev/ui";import Dp from"react";function Vi(t){return Dp.createElement(sh,{action:Dp.createElement(ah,{onClick:t.onActivateTab,variant:"contained",size:"xxsmall",type:"warning"},$p.t("Activate this tab")),type:"warning",variant:"alarm",title:$p.t("Another tab is open and handles transactions.")})}i(Vi,"ActivateTabAlert");import{i18n as ji}from"@lingui/core";import{Button as lh,Divider as ph,MessageBox as ch}from"@rango-dev/ui";import er from"react";function Xi(t){let{open:e,onClose:o,onConfirm:n}=t;return er.createElement(le,{open:e,dismissible:!0,onClose:o,container:L()},er.createElement(ch,{title:ji.t("Activate current tab"),type:"warning",description:ji.t("Currently, some transactions are running and being handled by other browser tab. If you activate this tab, all transactions that are already in the transaction sign step will expire.")},er.createElement(ph,{size:20}),er.createElement(lh,{variant:"contained",size:"large",type:"primary",fullWidth:!0,onClick:n},ji.t("Confirm"))))}i(Xi,"ActivateTabModal");import{ChevronLeftIcon as dh}from"@rango-dev/ui";import Gp from"react";import{css as uh,darkTheme as Fp,IconButton as mh,styled as Kt}from"@rango-dev/ui";var Je=Kt(mh,{width:"$24",position:"relative",padding:"0",overflow:"unset","&:hover":{backgroundColor:"$info100",[`.${Fp} &`]:{backgroundColor:"$neutral"}}}),Op=Kt("div",{position:"absolute",background:"$secondary500",[`.${Fp} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),co=Kt("div",{display:"flex",justifyContent:"flex-end",minWidth:"$40",button:{padding:0}}),Up=Kt("div",{position:"absolute",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0",variants:{isSever:{true:{backgroundColor:"$error500"},false:{backgroundColor:"$secondary500"}}}}),qp=Kt("div",{padding:"$2",variants:{isRefetched:{true:{transform:"rotate(360deg)",transition:"transform 1s ease-in-out"}}}}),zp=Kt("div",{position:"absolute",right:"$4",top:"$4",backgroundColor:"$background",borderRadius:"100%"}),Qp=uh({display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center"}),Hp=Kt("div",{borderRadius:"100%",border:"1.5px transparent solid","&:not(:first-child)":{marginLeft:"-$6"},img:{borderRadius:"100%"}});function Ki(t){return Gp.createElement(Je,{variant:"ghost",size:"small",onClick:t.onClick},Gp.createElement(dh,{color:"black",size:16}))}i(Ki,"BackButton");import{i18n as fh}from"@lingui/core";import{Button as gh,Typography as hh}from"@rango-dev/ui";import Yi from"react";function Ji(t){return Yi.createElement(co,null,Yi.createElement(gh,{variant:"ghost",onClick:t.onClick,size:"xsmall"},Yi.createElement(hh,{variant:"label",size:"medium",color:"error500"},fh.t("Cancel"))))}i(Ji,"CancelButton");import{i18n as yh}from"@lingui/core";import{Image as Sh,Tooltip as Ch,WalletIcon as Th}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:Qp()},o.map(r=>Yt.createElement(Hp,{key:r.title},Yt.createElement(Sh,{src:r.image,size:14})))):yh.t("Connect Wallet");return Yt.createElement(Ch,{container:t.container,side:"bottom",content:n},Yt.createElement(Je,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&Yt.createElement(Op,null),Yt.createElement(Th,{size:18,color:"black"})))}i(Zi,"WalletButton");import{i18n as nr}from"@lingui/core";import{NotificationsIcon as Gh,Popover as Vh,SettingsIcon as jh,Tooltip as rr,TransactionIcon as Xh}from"@rango-dev/ui";import ve from"react";import{i18n as Nh}from"@lingui/core";import{EventSeverity as Zp}from"@rango-dev/queue-manager-rango-preset";import{ChainToken as Rp,ChevronRightIcon as Mh,Divider as Lh,Typography as Bh}from"@rango-dev/ui";import Oe from"react";import{useNavigate as _h}from"react-router-dom";import{create as kh}from"zustand";import{persist as wh,subscribeWithSelector as xh}from"zustand/middleware";var Fe=Lt(kh()(wh(xh((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 vh,ListItemButton as bh,styled as Po}from"@rango-dev/ui";var Vp=Po("div",{padding:"$10",width:"350px",maxWidth:"90vw",minHeight:"150px"}),jp=Po("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),Xp=Po(bh,{variants:{actionRequired:{true:{backgroundColor:"$error300",[`.${vh} &`]:{backgroundColor:"$error600"}}}}}),Kp=Po("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),Yp=Po("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as Ih}from"@lingui/core";import{Divider as Eh,NoNotificationIcon as Ah,Typography as Wh}from"@rango-dev/ui";import tr from"react";function Jp(){return tr.createElement(Yp,null,tr.createElement(Ah,{color:"secondary",size:26}),tr.createElement(Eh,{size:12}),tr.createElement(Wh,{variant:"body",size:"medium",color:"neutral700"},Ih.t("There are no notifications.")))}i(Jp,"NotificationNotFound");var Ph=4;function Ri(){let t=_h(),{getUnreadNotifications:e}=Fe(),o=e(),n=y().blockchains(),r=y().tokens(),s=o.sort((l,p)=>p.creationTime-l.creationTime).slice(0,Ph),a=i(l=>{t(`${O.swaps}/${l}`)},"handleOnClick");return Oe.createElement(Vp,null,s.length?Oe.createElement(jp,null,s.map((l,p)=>{let{route:c,requestId:u,event: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(Lh,{size:4}),Oe.createElement(Xp,{onClick:()=>a(u),actionRequired:d.messageSeverity===Zp.WARNING,title:Oe.createElement(Bh,{variant:"body",size:"small",color:d.messageSeverity===Zp.WARNING?"$foreground":"$neutral700"},Nh.t(d.message)),id:u,start:Oe.createElement(Kp,null,Oe.createElement("div",{className:"from-chain-token"},Oe.createElement(Rp,{tokenImage:m?m.image:"",chainImage:f?f.logo:"",size:"small"})),Oe.createElement("div",{className:"to-chain-token"},Oe.createElement(Rp,{tokenImage:h?h.image:"",chainImage:C?C.logo:"",size:"small"}))),end:Oe.createElement(Mh,{size:12,color:"gray"})}))})):Oe.createElement(Jp,null))}i(Ri,"NotificationContent");import{useManager as $h}from"@rango-dev/queue-manager-react";import{InProgressIcon as Dh}from"@rango-dev/ui";import ec from"react";var Fh=i(()=>{let{manager:t}=$h();return mt(t).map(({swap:o})=>o).find(o=>o.status==="running")?ec.createElement(zp,null,ec.createElement(Dh,{color:"info",size:6})):null},"InProgressTransactionBadge"),tc=Fh;import{RefreshProgressButton as Oh}from"@rango-dev/ui";import es,{useEffect as Uh,useState as oc}from"react";var qh=1e3,nc=60,zh=100;function or({onClick:t}){let[e,o]=oc(0),[n,r]=oc(!1),s=i(p=>{document.hidden&&p&&a(p)},"handleVisibilityChange");Uh(()=>{let p;return t?p=window.setInterval(()=>{o(c=>c+1),e===nc&&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 es.createElement(Je,{variant:"ghost",size:"small",style:{paddingTop:0,paddingBottom:0},onClick:l,disabled:!t},es.createElement(qp,{onTransitionEnd:()=>r(!1),isRefetched:n},es.createElement(Oh,{size:22,color:t?"black":"gray",progress:e/nc*zh})))}i(or,"RefreshButton");import{EventSeverity as Qh}from"@rango-dev/queue-manager-rango-preset";import{Typography as Hh}from"@rango-dev/ui";import rc from"react";function ic(){let{getUnreadNotifications:t}=Fe(),e=t(),o=e.length,n=!!e.find(r=>r.event.messageSeverity===Qh.WARNING);return o?rc.createElement(Up,{isSever:n},rc.createElement(Hh,{variant:"body",size:"xsmall",color:"$background"},o)):null}i(ic,"UnreadNotificationsBadge");function Jt(t){let{onClickRefresh:e,onClickHistory:o,onClickSettings:n,hidden:r=[],container:s}=t,{config:{features:a}}=y(),l=je("notification",a)||r.includes("notifications");return ve.createElement(ve.Fragment,null,!r.includes("refresh")&&ve.createElement(rr,{container:s||L(),side:"top",content:nr.t("Refresh")},ve.createElement(or,{onClick:e})),!l&&ve.createElement(Vh,{align:"end",alignOffset:-88,collisionPadding:{right:20,left:20},container:L(),content:ve.createElement(Ri,null)},ve.createElement("div",null,ve.createElement(rr,{container:L(),side:"top",content:nr.t("Notifications")},ve.createElement(Je,{size:"small",variant:"ghost"},ve.createElement(Gh,{size:18,color:"black"}),ve.createElement(ic,null))))),!r.includes("settings")&&ve.createElement(rr,{container:L(),side:"top",content:nr.t("Settings")},ve.createElement(Je,{size:"small",variant:"ghost",onClick:n},ve.createElement(jh,{size:18,color:"black"}))),!r.includes("history")&&ve.createElement(rr,{container:L(),side:"top",content:nr.t("Transactions History")},ve.createElement(Je,{size:"small",variant:"ghost",onClick:o},ve.createElement(Xh,{size:18,color:"black"}),ve.createElement(tc,null))))}i(Jt,"HeaderButtons");import{i18n as ts}from"@lingui/core";import{Divider as ac,MessageBox as Jh,RefreshIcon as Zh}from"@rango-dev/ui";import uo from"react";import{Button as Kh,styled as Yh}from"@rango-dev/ui";var sc=Yh(Kh,{"& span":{display:"flex",justifyContent:"center",alignItems:"center"}});function os(t){let{open:e,onClose:o}=t;return uo.createElement(le,{open:e,dismissible:!0,onClose:o,container:L()},uo.createElement(Jh,{title:ts.t("Something wrong"),type:"error",description:ts.t("Something Wrong. Please refresh the app")},uo.createElement(ac,{size:30}),uo.createElement(sc,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:()=>location.reload()},uo.createElement(Zh,{size:20,color:"primary"}),uo.createElement(ac,{size:4,direction:"horizontal"}),ts.t("Refresh"))))}i(os,"RefreshModal");function ns(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(ns,"onScrollContentAttachStatusToContainer");import{css as Rh,styled as rs}from"@rango-dev/ui";var lc="700px",ir=Rh({borderRadius:"$primary",display:"flex",flexDirection:"column",overflow:"hidden",boxShadow:"15px 15px 15px 0px rgba(0, 0, 0, 0.05)"}),pc=rs("div",{position:"relative",width:"100vw",minWidth:"300px",maxWidth:"390px",backgroundColor:"$background",variants:{height:{auto:{height:"auto",maxHeight:lc},fixed:{height:lc}}}}),cc=rs("div",{position:"relative",overflow:"hidden",flexGrow:1,display:"flex",flexDirection:"column",padding:0,overflowY:"auto"}),uc=rs("div",{padding:"0 $20 $10","& .footer__alert":{paddingTop:"$10"},"& .footer__logo":{opacity:0,transition:"opacity 1s ease-in-out","&.logo__show":{opacity:1},"&.logo__hidden":{visibility:"hidden"}}});function pe(t){let{connectHeightObserver:e,disconnectHeightObserver:o}=Oi(),{children:n,header:r,footer:s,height:a="fixed"}=t,{fetchStatus:l}=y(),[p,c]=ny(!1),u=K.use.connectedWallets(),{config:{features:d,theme:m}}=y(),{watermark:f}=re(),h=f==="FULL",{activeTheme:C}=Rn(m||{}),S=je("connectWalletButton",d),{isActiveTab:g,tabManagerInitiated:k,showActivateTabModal:w,setShowActivateTabModal:x,activateCurrentTab:b}=re(),A=Ye(),{manager:v}=ey(),M=mt(v).map(({swap:_})=>_).some(_=>_.status==="running"),E=i(()=>b(Vt.forceClaim,M),"onActivateTab"),B=i(()=>{r.onWallet?.()},"onConnectWallet"),Q=typeof r.hasBackButton>"u"||r.hasBackButton,q=dc(null),H=dc(null);return is(()=>(Jn()&&H.current&&e(H.current),()=>{o()}),[]),is(()=>(q.current?.addEventListener("scroll",ns),()=>{q.current?.removeEventListener("scroll",ns)}),[]),is(()=>{c(l==="failed")},[l]),ye.createElement(pc,{height:a,id:ke.SWAP_BOX_ID,className:`${C()} ${ir()}`,ref:H},ye.createElement(oy,{prefix:ye.createElement(ye.Fragment,null,Q&&ye.createElement(Ki,{onClick:()=>{A(),r.onBack&&r.onBack()}})),title:r.title,suffix:ye.createElement(ye.Fragment,null,r.suffix,r.onWallet&&!S&&ye.createElement(Zi,{container:L(),onClick:B,isConnected:!!u?.length}),r.onCancel&&ye.createElement(Ji,{onClick:r.onCancel}))}),ye.createElement(cc,{ref:q},n),ye.createElement(Xi,{open:w,onClose:()=>x(!1),onConfirm:E}),ye.createElement(uc,null,ye.createElement("div",{className:"footer__content"},k&&!g&&ye.createElement("div",{className:"footer__alert"},ye.createElement(Vi,{onActivateTab:E}),ye.createElement(mc,{size:10})),s),ye.createElement(mc,{size:12}),ye.createElement("div",{className:`footer__logo ${h?"logo__show":"logo__hidden"}`},ye.createElement(ty,null))),ye.createElement(os,{open:p,onClose:()=>c(!1)}))}i(pe,"Layout");import{styled as ry}from"@rango-dev/ui";var fc="$20 $20 $10 $20",$o=ry("div",{padding:fc,overflowY:"auto",flexGrow:1});import{styled as iy}from"@rango-dev/ui";var me=iy("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 cy}from"@rango-dev/ui";import as from"react";import{i18n as mo}from"@lingui/core";import{Image as ly,MessageBox as ss,WalletState as py}from"@rango-dev/ui";import Zt from"react";import{keyframes as sy,styled as sr}from"@rango-dev/ui";var iW=sr("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),gc=sr("div",{position:"relative"}),ay=sy({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),hc=sr("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${ay} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),yc=sr("div",{"& img":{borderRadius:"50%"}});function Sc(t){let{state:e,image:o,error:n}=t;return e===py.CONNECTED?Zt.createElement(ss,{type:"success",title:mo.t("Wallet Connected"),description:mo.t("Your wallet is connected, you can use it to swap.")}):n?Zt.createElement(ss,{type:"error",title:mo.t("Failed to Connect"),description:n||mo.t("Your wallet is not connected. Please try again.")}):Zt.createElement(ss,{type:"loading",title:mo.t("Connecting to your wallet"),description:mo.t("Click connect in your wallet popup."),icon:Zt.createElement(gc,null,Zt.createElement(yc,null,Zt.createElement(ly,{src:o,size:45})),Zt.createElement(hc,null))})}i(Sc,"ModalContent");function Do(t){let{open:e,onClose:o,...n}=t;return as.createElement(le,{open:e,onClose:o,container:document.getElementById(ke.SWAP_BOX_ID)||document.body},as.createElement(Sc,{...n}),as.createElement(cy,{direction:"vertical",size:32}))}i(Do,"WalletModal");var fy=kc("div",{display:"flex",justifyContent:"center",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5"}),gy=kc(me,{textAlign:"center"}),ar=3e3,ls=300;function wc(){let{config:t,fetchStatus:e}=y(),[o,n]=Tc(!1),[r,s]=Tc(""),a=null,l=re.use.isActiveTab(),{list:p,handleClick:c,error:u,disconnectConnectingWallets:d}=po({config:t,onBeforeConnect:S=>{a=setTimeout(()=>{n(!0),s(S)},ls)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},ar)}}),m=i(()=>{d(),n(!1)},"handleCloseWalletModal"),f=p.find(S=>S.type===r),h=f?.image||"",C=f?.state||dy.NOT_INSTALLED;return fo.createElement(pe,{header:{title:Cc.t("Connect Wallets")}},fo.createElement(gy,null,fo.createElement(uy,{variant:"title",size:"xmedium",align:"center"},Cc.t("Choose a wallet to connect.")),fo.createElement(fy,null,p.map((S,g)=>{let k=`wallet-${g}-${S.type}`;return fo.createElement(my,{key:k,...S,container:L(),onClick:w=>{c(w)},isLoading:e==="loading",disabled:!l})}),fo.createElement(Do,{open:!!o,onClose:m,image:h,state:C,error:u}))))}i(wc,"WalletsPage");import{keyframes as hy,styled as ps}from"@rango-dev/ui";var xc=ps("div",{position:"relative"}),yy=hy({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),vc=ps("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${yy} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),bc=ps("div",{"& img":{borderRadius:"50%"}});var ky=7;function us(t){let{chain:e,isSelected:o,selectWallet:n,limit:r,onShowMore:s}=t,{config:a}=y(),l=re.use.isActiveTab(),p=K.use.connectedWallets(),{blockchains:c}=y(),[u,d]=Fo(""),[m,f]=Fo(null),[h,C]=Fo(!1),[S,g]=Fo(null),{suggestAndConnect:k}=pr(),w=null,{list:x,error:b,handleClick:A,disconnectConnectingWallets:v}=po({config:a,chain:e,onBeforeConnect:_=>{w=setTimeout(()=>{d(_)},ls)},onConnect:()=>{w&&clearTimeout(w),setTimeout(()=>{d("")},ar)}}),[T,M]=Fo(x),E=x.length,B=r&&E-r>0,Q=i(async _=>{C(!1),g("in-progress");try{await k(_.walletType,_.chain),g("completed")}catch{g("rejected")}},"addExperimentalChain");Ac(()=>{M(_=>{let te=x.findIndex(ie=>o(ie.type,e));return B&&te>1?[x[te]].concat(x.filter((ie,R)=>R!==te)):_.map(ie=>x.find(R=>R.type===ie.type)??ie)})},[JSON.stringify(x)]);let q=document.getElementById(ke.SWAP_BOX_ID);Ac(()=>{let _=null;return(S==="completed"||S==="rejected")&&(_=setTimeout(()=>g(null),ar)),()=>{_&&clearTimeout(_)}},[S]);let H=i(()=>{v(),d("")},"handleCloseWalletModal");return de.createElement(de.Fragment,null,T.slice(0,r).map(_=>{let te=nl({connectedWallets:p,walletType:_.type,chain:e}),ie=te?vn(te,ky):"",R=wn(c(),e),oe=!p.find(ne=>ne.walletType===_.type&&ne.chain===e),I=R&&oe&&_.state===Ec.CONNECTED,W=I?ot.t({id:"Add {chain} chain",values:{chain:e}}):ie,ce=i(()=>{_.state===Ec.DISCONNECTED?A(_.type):I?(f({walletType:_.type,chain:e,address:te??""}),C(!0)):n({walletType:_.type,chain:e,address:te??""})},"onClick"),J=m?.chain?kl(m.chain,c()):void 0;return de.createElement(de.Fragment,{key:`${_.title}_${J}`},de.createElement(Do,{open:u===_.type,onClose:H,image:_.image,state:_.state,error:b}),!!m&&de.createElement(le,{open:!!m&&h,container:q,onClose:()=>{f(null)}},de.createElement(lr,{title:ot.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:J}}),type:"warning",description:ot.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:J}})},de.createElement(cs,{size:18}),de.createElement(cs,{size:32}),de.createElement(Sy,{onClick:Q.bind(null,m),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},ot.t("Confirm")))),S&&de.createElement(le,{open:!!S,onClose:g.bind(null,null),container:q},S==="in-progress"&&de.createElement(lr,{type:"loading",title:ot.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:J}}),description:ot.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:J}}),icon:de.createElement(xc,null,de.createElement(bc,null,de.createElement(Cy,{src:_.image,size:45})),de.createElement(vc,null))}),S==="completed"&&de.createElement(lr,{type:"success",title:ot.t({id:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:J}}),description:ot.t({id:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:J}})}),S==="rejected"&&de.createElement(lr,{type:"error",title:ot.t("Request Rejected"),description:ot.t({id:"You've rejected adding {blockchainDisplayName} chain to your wallet.",values:{blockchainDisplayName:J}})}),de.createElement(cs,{direction:"vertical",size:32})),de.createElement(Ty,{key:_.type,description:W,onClick:ce,selected:o(_.type,e),disabled:!l,..._}))}),B&&de.createElement(kp,{selected:!1,onClick:s},de.createElement(Ic,{variant:"label",size:"medium"},ot.t("Show more wallets"),de.createElement(Ic,{variant:"label",size:"medium",color:"$primary"},"\xA0+",E-(r??0)))))}i(us,"WalletList");var Wy=2;function Nc(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,loading:s}=t,a=y().config,l=y().blockchains(),{selectedQuote:p,setSelectedWallets:c,quoteWalletsConfirmed:u,setQuoteWalletConfirmed:d,customDestination:m,setCustomDestination:f}=j(),{connectedWallets:h,selectWallets:C}=K(),[S,g]=ho(""),[k,w]=ho([]),[x,b]=ho(""),[A,v]=ho(null),[T,M]=ho(!!m),E=Bn(p?.swaps||null),B=l.find(G=>G.name===p?.swaps[p?.swaps.length-1].to.blockchain),Q=i(G=>!!p?.swaps.find(V=>V.from.blockchain===G),"isWalletRequiredFor"),q=i(()=>h.filter(G=>G.selected&&E.includes(G.chain)),"getInitialSelectableWallets"),[H,_]=ho(q()),te=l.find(G=>G.name===B?.name),ie=k.length>0,R=i((G,V)=>!!H.find(Y=>Y.walletType===G&&Y.chain===V&&Y.selected&&(Q(V)||!Q(V)&&!m)),"isSelected"),oe=!!m&&T&&te&&!_n(te,m),I=i(()=>{M(!1),f(null),_(G=>{let V=!1;return G.map(Y=>!V&&Y.chain===B?.name?(V=!0,{...Y,selected:!0}):Y)})},"resetCustomDestination"),W=i(G=>{if(S&&g(""),R(G.walletType,G.chain))return;let Y=h.find(Ce=>Ce.walletType===G.walletType&&Ce.chain===G.chain);Y&&(n(),G.chain===B?.name&&T&&(M(!1),f(null)),_(Ce=>Ce.filter(et=>et.chain!==G.chain).concat({...Y,selected:!0})))},"onChange"),ce=i(()=>{let G=H.filter(V=>V.selected);C(G),c(G),d(!0),o()},"onConfirmBalance"),J=i(async()=>{w([]),b(""),v(null);let G=h.filter(Ce=>H.find(et=>et.chain===Ce.chain&&et.walletType===Ce.walletType)),V=await r?.({selectedWallets:G,customDestination:m}),Y=V.warnings;Y?.balance?.messages&&w(Y.balance.messages),Y?.quoteUpdate&&v(Y.quoteUpdate),V.error&&b(ql(V.error)),!V.error&&!Y?.balance?.messages.length?ce():w(Y?.balance?.messages??[])},"onConfirmWallets");Ey(()=>{_(G=>G.concat(h.filter(V=>!!!G.find(Ce=>Ce.chain===V.chain)&&V.selected&&E.includes(V.chain))))},[h.length]);let ne=document.getElementById(ke.SWAP_BOX_ID),yt=Ay();return F.createElement(le,{open:e,onClose:()=>{u||yt("../",{replace:!0}),o()},dismissible:!S,container:ne,...!S&&{footer:F.createElement(Ap,null,F.createElement(Wc,{loading:s,disabled:ip(s,T,m,p,H,B),onClick:J,variant:"contained",type:"primary",fullWidth:!0,size:"large"},dt.t("Confirm")))},...S&&{styles:{container:{padding:"$0"}},header:F.createElement(wp,null,F.createElement(xp,{variant:"ghost",onClick:g.bind(null,"")},F.createElement(vy,{size:16})),F.createElement(cr,{variant:"headline",size:"small"},dt.t({id:"Your {blockchainName} wallets",values:{blockchainName:Ve(S,l)}})))},anchor:"center"},F.createElement(le,{open:ie,onClose:w.bind(null,[]),container:ne},F.createElement(by,{title:dt.t("Insufficient account balance"),type:"error",description:F.createElement(wy,{messages:k??[]})},F.createElement(Wc,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:ce},dt.t("Proceed anyway")))),S&&F.createElement(vp,null,F.createElement("div",{className:bp()},F.createElement(us,{chain:S,isSelected:R,selectWallet:W,onShowMore:g.bind(null,S)}))),!S&&F.createElement(F.Fragment,null,x&&F.createElement(F.Fragment,null,F.createElement(ms,{variant:"alarm",type:"error",title:dt.t(x)}),F.createElement(go,{size:12})),A&&F.createElement(F.Fragment,null,F.createElement(ms,{variant:"alarm",type:"warning",title:Hn(A)}),F.createElement(go,{size:12})),F.createElement(Np,null,E.map((G,V)=>{let Y=l.find(De=>De.name===G),Ce=`wallet-${V}`,et=V===E.length-1;return F.createElement("div",{key:Ce},F.createElement(Cp,null,F.createElement(cr,{variant:"title",size:"xmedium"},dt.t({id:"Your {blockchainName} wallets",values:{blockchainName:Y?.shortName}})),F.createElement(cr,{variant:"label",color:"$neutral700",size:"medium"},dt.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:Y?.shortName}}))),F.createElement(go,{size:24}),F.createElement(Tp,null,F.createElement(us,{chain:G,isSelected:R,selectWallet:W,limit:Wy,onShowMore:()=>g(Y?.name??"")})),!et&&F.createElement(go,{size:32}),et&&a?.customDestination&&F.createElement(Ip,null,F.createElement(Kn,{onOpenChange:De=>{De?Q(B?.name??"")||_(We=>We.map(Ge=>Ge.chain===B?.name?{...Ge,selected:!1}:Ge)):I()},hasSelected:!0,open:T,triggerAnchor:"top",trigger:F.createElement(Mp,null,F.createElement("div",{className:"button__content"},F.createElement(Iy,{size:18,color:"info"}),F.createElement(go,{size:4,direction:"horizontal"}),F.createElement(cr,{variant:"label",size:"medium"},dt.t("Send to a different address"))),F.createElement(jn,{orientation:T?"up":"down"},F.createElement(xy,{size:10,color:"gray"}))),onClickTrigger:()=>M(De=>!De)},F.createElement(go,{size:4}),F.createElement(Wp,{autoFocus:!0,placeholder:dt.t("Your destination address"),value:m||"",onChange:De=>{let We=De.target.value;We.length?f(We.length?We:null):(M(!1),f(null))}})),oe&&F.createElement("div",{className:Ep()},F.createElement(ms,{variant:"alarm",type:"error",title:dt.t({values:{destination:m},id:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}i(Nc,"ConfirmWalletsModal");import{i18n as Xy}from"@lingui/core";import{Alert as Ky,Button as Yy,InfoIcon as Jy}from"@rango-dev/ui";import Qe from"react";import{Alert as Ly,Button as By,Divider as gs,NoRouteIcon as _y,RefreshIcon as Py,Typography as Dc}from"@rango-dev/ui";import ze from"react";import{i18n as Mc}from"@lingui/core";var Ny=24,My=60;function Lc(t,e,o,n){return t?.type===1?{alert:{type:"warning",text:ee().genericServerError,action:{onClick:n,title:Mc.t("Retry")}},description:""}:e.length?{alert:{type:"warning",text:ee().liquiditySourcesError.title,action:{onClick:()=>o(!0),title:Mc.t("Reset")}},description:ee().liquiditySourcesError.description}:t?.type===0&&t.diagnosisMessage?{alert:{type:"error",text:t.diagnosisMessage,action:null},description:""}:{alert:null,description:ee().noResultError.description}}i(Lc,"makeInfo");var ds=(o=>(o[o.small=Ny]="small",o[o.large=My]="large",o))(ds||{}),fs=(o=>(o.small="small",o.large="medium",o))(fs||{});import{styled as ur}from"@rango-dev/ui";var Bc=ur("div",{display:"flex",flexDirection:"column",alignItems:"center"}),_c=ur("div",{variants:{size:{small:{},large:{maxWidth:"316px"}}}}),Pc=ur("div",{variants:{size:{small:{width:"100%"},large:{}}}}),$c=ur("div",{padding:"$6 $0"});function Oo(t){let{fetch:e,error:o,size:n="small"}=t,r=y().getDisabledLiquiditySources(),s=y().toggleAllLiquiditySources,a=y().swappers(),l=Lc(o,r,()=>s(a,!0),e);return ze.createElement(Bc,null,ze.createElement(_y,{size:ds[n],color:"gray"}),ze.createElement(gs,{size:4}),ze.createElement(Dc,{variant:"title",size:fs[n]},ee().noResultError.title),n==="large"&&ze.createElement(gs,{size:4}),!!l.description&&ze.createElement(_c,{size:n},ze.createElement(Dc,{variant:"body",size:"small",align:"center",color:"neutral700"},l.description)),ze.createElement(gs,{size:n==="large"?"24":"4"}),!!l.alert&&ze.createElement(Pc,{size:n},ze.createElement(Ly,{type:l.alert.type,title:l.alert.text,titleAlign:"left",action:l.alert.action&&ze.createElement(By,{size:"xsmall",type:l.alert.type,prefix:ze.createElement($c,null,ze.createElement(Py,{size:8})),onClick:l.alert.action.onClick},l.alert.action.title),variant:"alarm"})))}i(Oo,"NoResult");import{i18n as Uo}from"@lingui/core";import{Button as Dy,Divider as Fy,MessageBox as Oy,Typography as Uy,WarningIcon as qy}from"@rango-dev/ui";import kt from"react";import{Typography as qc}from"@rango-dev/ui";import ys from"react";import{darkTheme as $y,styled as mr}from"@rango-dev/ui";var Fc=mr("div",{width:"100%"}),hs=mr("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:"$5",width:"100%"}),Oc=mr("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%","._title":{$$color:"$colors$neutral600",[`.${$y} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Uc=mr("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});function zc(t){let{title:e,value:o,valueColor:n}=t;return ys.createElement(Oc,null,ys.createElement(qc,{size:"medium",variant:"label",className:"_title"},e),ys.createElement(qc,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}i(zc,"QuoteErrorsModalItem");function Qc(t){let{open:e,onClose:o,onConfirm:n,warning:r,confirmationDisabled:s}=t,a=r.warningLevel==="high"?"error":"warning",l=[{title:Uo.t("Swapping"),value:N(r.inputUsdValue,4,4)},{title:Uo.t("Gas cost"),value:N(r.totalFee,2,2)},{title:Uo.t("Receiving"),value:N(r.outputUsdValue,4,4)},{title:Uo.t("Price impact"),value:N(r.priceImpact,2,2),valueColor:`${a}500`}];return kt.createElement(le,{footer:kt.createElement(Dy,{type:"primary",size:"large",prefix:kt.createElement(qy,null),fullWidth:!0,disabled:s,onClick:n},ee().highValueLossError.confirmMessage),open:e,onClose:o,container:L()},kt.createElement(Oy,{type:a,title:ee().highValueLossError.impactTitle,description:ee().highValueLossError.description}),kt.createElement(hs,null,kt.createElement(Fy,{size:"4"}),kt.createElement(Uy,{size:"small",variant:"title"},Uo.t("Details")),kt.createElement(hs,null,l.map((p,c)=>kt.createElement(zc,{key:c,...p})))))}i(Qc,"HighValueLossWarningModal");import{i18n as Ss}from"@lingui/core";function Hc(t,e){let o={alertType:"warning",title:"",action:null};return e?(o.alertType="error",e.type===3&&(o.title=e.recommendation),e.type===4&&(o.title=Ss.t({id:"You need to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:e.minRequiredSlippage}}),o.action="change-settings"),o):t?(t.type===0&&(Tt(t.priceImpact)==="high"&&(o.alertType="error"),o.action="show-info",o.title=ee().highValueLossError.title),t.type===1&&(o.title=ee().unknownPriceError.title),t.type===2&&(o.title=Ss.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=Ss.t("Caution, your slippage is high."),o.action="change-settings"),o):null}i(Hc,"makeAlerts");import{i18n as yo}from"@lingui/core";import{Button as Gc,Divider as Vc,MessageBox as zy,Typography as Qy}from"@rango-dev/ui";import Rt from"react";import{useNavigate as Hy}from"react-router-dom";function jc(t){let{customSlippage:e,slippage:o}=y(),{open:n,onClose:r,onConfirm:s,warning:a,confirmationDisabled:l}=t,p=Hy(),c=e??o;return Rt.createElement(le,{anchor:"bottom",open:n,prefix:Rt.createElement(Gc,{size:"small",variant:"ghost",onClick:()=>p("../"+O.settings)},Rt.createElement(Qy,{variant:"label",size:"medium",color:"$neutral900"},yo.t("Change settings"))),container:L(),onClose:r},Rt.createElement(zy,{type:"warning",title:a.type===3?yo.t("High slippage"):yo.t("Low slippage"),description:a.type===3?yo.t({id:" Caution, your slippage is high (={userSlippage}). Your trade may be front run.",values:{userSlippage:c}}):yo.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:a.minRequiredSlippage}})},Rt.createElement(Vc,{size:18}),Rt.createElement(Vc,{size:32}),Rt.createElement(Gc,{size:"large",type:"primary",variant:"contained",fullWidth:!0,disabled:l,onClick:s},yo.t("Confirm anyway"))))}i(jc,"SlippageWarningModal");import{Button as Gy,MessageBox as Vy,WarningIcon as jy}from"@rango-dev/ui";import dr from"react";function Xc(t){let{open:e,onClose:o,onConfirm:n,confirmationDisabled:r}=t;return dr.createElement(le,{footer:dr.createElement(Gy,{type:"primary",size:"large",prefix:dr.createElement(jy,null),fullWidth:!0,disabled:r,onClick:n},ee().unknownPriceError.confirmMessage),open:e,onClose:o,container:L()},dr.createElement(Vy,{type:"warning",title:ee().unknownPriceError.impactTitle,description:ee().unknownPriceError.description}))}i(Xc,"UnknownPriceWarningModal");function qo(t){let{warning:e,error:o,showWarningModal:n,confirmationDisabled:r,refetchQuote:s,onOpenWarningModal:a,onCloseWarningModal:l,onConfirmWarningModal:p,onChangeSettings:c}=t,u={confirmationDisabled:r,open:n,onClose:l,onConfirm:p},d=o?.type===0||o?.type===1,m=Hc(e,o?.type===3||o?.type===4?o:null);return Qe.createElement(Qe.Fragment,null,d&&Qe.createElement(Oo,{error:o,fetch:s}),!!m&&Qe.createElement(Fc,null,Qe.createElement(Ky,{title:m.title,type:m.alertType,variant:"alarm",...m.action==="show-info"&&{action:Qe.createElement(Uc,{onClick:a},Qe.createElement(Jy,{size:12,color:"gray"}))},...m.action==="change-settings"&&{action:Qe.createElement(Yy,{size:"xxsmall",type:m.alertType,onClick:c},Xy.t("Change"))}})),e&&Qe.createElement(Qe.Fragment,null,e.type===0&&Qe.createElement(Qc,{...u,warning:e}),(e.type===3||e.type===2)&&Qe.createElement(jc,{...u,warning:e}),e.type===1&&Qe.createElement(Xc,{...u,warning:e})))}i(qo,"QuoteWarningsAndErrors");import AS from"bignumber.js";import Er from"react";import{i18n as Vo}from"@lingui/core";import{Alert as gS,Divider as jo,FullExpandedQuote as hS,InfoIcon as yS,QuoteTag as SS,StepDetails as CS,TokenAmount as TS,Tooltip as Eu,Typography as Co}from"@rango-dev/ui";import Is from"bignumber.js";import $,{useRef as kS,useState as wS}from"react";import{styled as Cs}from"@rango-dev/ui";var Ts=Cs("div",{width:"100%","& .position-top__skeleton":{paddingTop:"$10"}}),Kc=Cs("div",{paddingBottom:"$15",variants:{dense:{true:{paddingBottom:0}}}}),Yc=Cs("div",{width:"100%",display:"flex"});import*as fr from"@radix-ui/react-collapsible";import{Button as Zy,css as zo,darkTheme as Ee,Image as Jc,styled as _e,Typography as Ry}from"@rango-dev/ui";var eS=300,Zc=_e(fr.Root,{display:"flex",flexDirection:"column",alignItems:"start",overflowX:"auto",overflowY:"hidden",width:"100%",borderRadius:"$xm",variants:{selected:{true:{},false:{$$color:"$colors$neutral400",[`.${Ee} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}},listItem:{true:{$$color:"$colors$neutral400",[`.${Ee} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"},false:{}}},compoundVariants:[{listItem:!1,selected:!0,css:{$$color:"$colors$info300",[`.${Ee} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"}}]}),Rc=zo({padding:"$10 $15"}),eu=_e(Zy,{backgroundColor:"transparent",border:"1px solid $secondary"}),tu=_e("div",{borderRadius:"$xm",display:"flex",flexDirection:"column",alignItems:"start",justifyContent:"space-between",color:"$foreground",boxSizing:"border-box",position:"relative",variants:{selected:{true:{},false:{$$color:"$colors$neutral200",[`.${Ee} &`]:{$$color:"$colors$neutral500"},backgroundColor:"$$color"}},basic:{true:{borderTopRightRadius:"0",borderTopLeftRadius:"0"}},listItem:{true:{$$color:"$colors$neutral200",[`.${Ee} &`]:{$$color:"$colors$neutral500"},backgroundColor:"$$color","&:hover":{"& .quote_container":{"& button":{backgroundColor:"$neutral500",[`.${Ee} &`]:{backgroundColor:"$neutral200"}},backgroundColor:"$neutral500",[`.${Ee} &`]:{backgroundColor:"$neutral200"}},backgroundColor:"$neutral300",[`.${Ee} &`]:{backgroundColor:"$neutral400"}},cursor:"pointer"},false:{}}},compoundVariants:[{listItem:!0,selected:!0,css:{outline:"1px solid $secondary"}},{listItem:!1,selected:!0,css:{$$color:"$colors$info100",[`.${Ee} &`]:{$$color:"$colors$secondary600"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}}},{listItem:!0,selected:!1,css:{cursor:"pointer","&:hover":{backgroundColor:"$neutral300",[`.${Ee} &`]:{backgroundColor:"$neutral400"}}}}]}),ou=zo({width:"100%",padding:"$15 $15 $10 $15"}),nu=zo({display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center",paddingBottom:"$10",position:"relative"}),So=zo({display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",".blockchainImage":{marginLeft:"-$8"}}),ru=zo({display:"flex",alignItems:"center",".usd-value":{$$color:"$colors$neutral600",[`.${Ee} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),iu=_e(fr.Trigger,{display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",height:"$36",padding:"$10 $15",boxSizing:"border-box",cursor:"pointer",border:"none",outline:"none",backgroundColor:"transparent",variants:{error:{true:{[`& ${Jc}`]:{border:"1px $warning500 solid",borderRadius:"100%"}},false:{[`& ${Jc}`]:{border:"1px transparent solid",borderRadius:"100%"}}},selected:{true:{},false:{$$color:"$colors$neutral400",[`.${Ee} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}},listItem:{true:{$$color:"$colors$neutral400",[`.${Ee} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"},false:{}}},compoundVariants:[{listItem:!1,selected:!0,css:{$$color:"$colors$info300",[`.${Ee} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"}}],".blockchains_section":{display:"none"},"@xs":{".blockchains_section":{display:"block"}}}),su=_e("div",{width:"18px",height:"18px",borderRadius:"100%",display:"flex",justifyContent:"center",alignItems:"center",border:"1.5px transparent solid",img:{borderRadius:"100%"},variants:{state:{error:{borderColor:"$error500"},warning:{borderColor:"$warning500"}}}}),au=_e(Vn,{width:"100%",background:"inherit"}),ks=_e("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$2",transition:`all ${eS}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),QM=_e("div",{height:"$12",marginLeft:"$10",marginRight:"$10",borderLeft:"1px solid $foreground"}),lu=_e("div",{display:"flex",justifyContent:"center",margin:"0 $15",borderTop:"1px solid",$$color:"$colors$neutral300",[`.${Ee} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color"}),pu=_e("div",{width:"$16",height:"$16",justifyContent:"center",alignItems:"center",display:"flex"}),ws=_e(Ry,{overflow:"hidden",textOverflow:"ellipsis",letterSpacing:.4}),cu=_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"}}}}),uu=_e("div",{display:"flex"}),gr=_e("div",{width:"100%",borderTopWidth:"1px",borderTopStyle:"solid",borderTopColor:"$neutral",margin:"$5 0",[`.${Ee} &`]:{borderTopColor:"$neutral800"}});import{i18n as Ut}from"@lingui/core";import{ChevronDownIcon as oS,CloseIcon as nS,Divider as Sr,IconButton as rS,QuoteCost as iS,Tooltip as sS,Typography as nt}from"@rango-dev/ui";import X,{useState as gu}from"react";import{css as tS,styled as hr}from"@rango-dev/ui";var yr=hr("div",{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"$5 0","&.total_payable_fee":{padding:"$12 0"}}),vs=hr("div",{width:"100%",borderTop:"1px solid $neutral300",margin:"$10 0"}),mu=hr("div",{padding:"$20 0",display:"flex",flexDirection:"column","& .collapsible_trigger":{display:"flex",alignItems:"center"}}),du=hr("div",{padding:"$20 $20 $10",textAlign:"center",position:"relative","._icon-button":{position:"absolute",zIndex:10,top:"$16",right:"$16"}}),fu=tS({display:"flex",flexDirection:"row",alignItems:"center",padding:"$5","&:hover":{"& ._typography, & svg":{color:"$secondary"}}});var aS=i(t=>t.fee.isZero()?null:X.createElement(yr,null,X.createElement(nt,{variant:"label",size:"medium",color:"neutral600"},t.label),X.createElement(nt,{variant:"label",size:"medium"},"$",N(t.fee,4,4))),"NonPayableFee");function hu(t){let[e,o]=gu(!1),[n,r]=gu(!1),{steps:s,quote:a,fee:l,time:p,feeWarning:c,showModalFee:u}=t,d=a?.swaps??[],m=L(),f=jl(d);return X.createElement(X.Fragment,null,X.createElement(iS,{onClickFee:u?h=>{h.stopPropagation(),o(!e)}:void 0,fee:l,feeWarning:c,time:p,steps:s,tooltipGas:u?Ut.t("View more info"):void 0,tooltipContainer:m}),X.createElement(le,{container:m,open:e,header:X.createElement(du,null,X.createElement(nt,{variant:"title",size:"medium"},Ut.t("Gas & Fee Explanation")),X.createElement(rS,{onClick:()=>o(!1),variant:"ghost"},X.createElement(nS,{color:"gray",size:14}))),onClose:()=>{o(!1)}},X.createElement(mu,null,X.createElement(nt,{variant:"title",size:"small"},Ut.t("Details")),X.createElement(Sr,{size:10}),Object.entries(f.payable).flatMap(([h,C])=>C.map((S,g)=>{let k=`payable-fee-${g}`,w=Wi(S);return X.createElement(yr,{key:k},X.createElement(nt,{variant:"label",size:"medium",color:"neutral600"},bi[h]),X.createElement(sS,{content:ue(S.amount),container:m},X.createElement(nt,{variant:"label",size:"medium"},N(S.amount,2,2)," ",S.asset.symbol," ($",N(w,4,4),")")))})),X.createElement(yr,{className:"total_payable_fee"},X.createElement(nt,{variant:"label",size:"medium"},Ut.t("Total Payable Fee")),X.createElement(nt,{variant:"label",size:"medium"},"$",N(l,4,4))),X.createElement(vs,null),Object.keys(f.nonePayable).length&&X.createElement(Kn,{triggerAnchor:"bottom",onClickTrigger:()=>r(h=>!h),trigger:X.createElement("div",{className:fu()},X.createElement(nt,{size:"small",variant:"body",color:"neutral700"},n?Ut.t("Hide non-payable fees"):Ut.t("Show non-payable fees")),X.createElement(Sr,{size:4,direction:"horizontal"}),X.createElement(jn,{orientation:n?"up":"down"},X.createElement(oS,{size:12,color:"gray"}))),open:n},X.createElement(nt,{size:"small",variant:"title"},Ut.t("Description")),X.createElement(Sr,{size:4}),X.createElement(nt,{size:"small",variant:"body",color:"neutral700"},Ut.t(`The following fees are considered in the transaction output and
|
|
2
|
+
you won\u2019t need to pay extra gas for them.`)),X.createElement(Sr,{size:10}),Object.entries(f.nonePayable).map(([h,C],S)=>{let g=Vl(C),k=bi[h],w=`non-payable-fee-${S}`;return X.createElement(aS,{key:w,fee:g,label:k})}),X.createElement(vs,null)))))}i(hu,"QuoteCostDetails");import{i18n as Cu}from"@lingui/core";import{TokenAmount as Tu}from"@rango-dev/ui";import Cr from"react";import{css as lS,styled as pS}from"@rango-dev/ui";var yu=pS("div",{position:"relative",display:"flex",flexDirection:"column",width:"100%"}),Su=lS({height:"14px",marginLeft:"14px",position:"absolute",borderLeft:"1px solid $foreground",top:"42%"});function Qo(t){let{from:e,to:o,percentageChange:n,warningLevel:r}=t;return Cr.createElement(yu,null,Cr.createElement(Tu,{direction:"horizontal",label:Cu.t("Swap input"),type:"input",tooltipContainer:L(),price:{value:e.price.value,usdValue:e.price.usdValue,realValue:e.price.realValue,realUsdValue:e.price.realUsdValue},token:{displayName:e.token.displayName,image:e.token.image},chain:{image:e.chain.image}}),Cr.createElement("div",{className:Su()}),Cr.createElement(Tu,{direction:"horizontal",tooltipContainer:L(),label:Cu.t("Estimated output"),type:"output",price:{value:o.price.value,usdValue:o.price.usdValue,realValue:o.price.realValue,realUsdValue:o.price.realUsdValue},token:{displayName:o.token.displayName,image:o.token.image},chain:{image:o.chain.image},percentageChange:n,warningLevel:r}))}i(Qo,"QuoteSummary");import{i18n as bu}from"@lingui/core";import{ChevronDownIcon as mS,ChevronRightIcon as dS,Divider as bs,Image as fS,Tooltip as vr,Typography as kr}from"@rango-dev/ui";import P from"react";import{useLayoutEffect as cS,useState as Ho}from"react";var ku=480,wu=768,xu=1024,vu=1200,uS=i(()=>{let[t,e]=Ho(!1),[o,n]=Ho(!1),[r,s]=Ho(!1),[a,l]=Ho(!1),[p,c]=Ho(!1),u=i(()=>{e(window.innerWidth<=ku),n(window.innerWidth>ku&&window.innerWidth<=wu),s(window.innerWidth>wu&&window.innerWidth<=xu),l(window.innerWidth>xu&&window.innerWidth<=vu),c(window.innerWidth>vu)},"handleResize");return cS(()=>(u(),window.addEventListener("resize",u),()=>window.removeEventListener("resize",u)),[]),{isMobile:t,isTablet:o,isNotebook:r,isLargeScreen:a,isExtraLargeScreen:p}},"useScreenDetect"),Tr=uS;var wr=4,xr=6,Go=i(t=>{let{content:e,src:o,className:n,open:r,state:s,container:a}=t,l=a||L();return P.createElement(vr,{container:l,side:"bottom",sideOffset:4,open:r,content:e},P.createElement(su,{className:n,state:s},P.createElement(fS,{src:o,size:16})))},"ImageComponent");function Iu(t){let{quoteRef:e,selected:o,setExpanded:n,steps:r,expanded:s,type:a,container:l}=t,p=l||L(),c=r.length,u=up(r),{isTablet:d,isMobile:m}=Tr();return P.createElement(iu,{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(kr,{variant:"body",size:"xsmall"},bu.t("Via:")),P.createElement(bs,{direction:"horizontal",size:4}),r.map((f,h)=>{let C=`item-${h}`,S=P.createElement(ks,null,P.createElement(dS,{size:12,color:"black"}));return m||d?P.createElement(P.Fragment,{key:C},P.createElement(Go,{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<=wr||c>wr&&h<wr-1?P.createElement(P.Fragment,null,P.createElement(Go,{content:f.swapper.displayName,src:f.swapper.image,state:f.state,container:l}),h!==c-1&&P.createElement(P.Fragment,null,S)):h===wr-1&&P.createElement(vr,{container:p,side:"bottom",align:"end",sideOffset:4,content:P.createElement("div",{className:So()},S,r.map((g,k)=>{let w=`image-${k}`;return k>=h&&P.createElement(P.Fragment,{key:w},P.createElement(Go,{content:g.swapper.displayName,src:g.swapper.image,state:g.state,open:!1}),k!==c-1&&P.createElement(P.Fragment,null,S))}))},P.createElement(xs,{state:r.find((g,k)=>k>=h&&(g.state==="error"||g.state==="warning"))?.state},P.createElement(kr,{size:"xsmall",variant:"body"},"+",c-h))))})),P.createElement("div",{className:So()},P.createElement("div",{className:"blockchains_section"},P.createElement("div",{className:So()},P.createElement(kr,{variant:"body",size:"xsmall"},bu.t("Chains:")),P.createElement(bs,{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(vr,{container:p,side:"bottom",content:f.displayName,sideOffset:4},P.createElement(Go,{content:"",src:f.image,open:!1,className:h!==0?"blockchainImage":""})):h===xr-1&&P.createElement(vr,{container:p,side:"bottom",align:"end",sideOffset:4,content:P.createElement("div",{className:So()},u.map((C,S)=>S>=h&&P.createElement(Go,{key:C.displayName,content:"",src:C.image,open:!1,className:S>h?"blockchainImage":"",container:l})))},P.createElement(xs,{className:"blockchainImage"},P.createElement(kr,{size:"xsmall",variant:"body"},"+",u.length-h))))),P.createElement(bs,{direction:"horizontal",size:32}))),P.createElement(ks,{orientation:s?"up":"down"},P.createElement(mS,{size:12,color:"black"}))))}i(Iu,"QuoteTrigger");function Es(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=y().blockchains(),h=y().tokens(),C=y().swappers(),[S,g]=wS(t.expanded),k=kS(null),w=N(o.value,6,6),x=N(n.value,6,6),b=n.usdValue?N(n.usdValue,4,4):"",A=Xe(o.usdValue,n.usdValue??null),v=N(A,2,2),T=Tt(A??0),M=i((oe,I)=>oe.map((W,ce)=>{let J,ne=r?.type===3&&r.swap.swapperId===W.swapperId,yt=r?.type===4&&r.recommendedSlippages?.has(ce),G=s?.type===2&&s.recommendedSlippages?.has(ce),V=ne||yt,Y=G;V?J="error":Y&&(J="warning");let Ce=V?Vo.t("Slippage Error"):Vo.t("Slippage Warning");return ne&&(Ce=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&&!I?N(o.value,6,6):N(W.fromAmount,6,6),usdValue:N((W.from.usdPrice??0)*parseFloat(W.fromAmount),4,4),realValue:ue(ce===0?o.value:W.fromAmount),realUsdValue:ue(new Is(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:N(W.toAmount,6,6),usdValue:N((W.to.usdPrice??0)*parseFloat(W.toAmount),4,4),realValue:ue(W.toAmount),realUsdValue:ue(new Is(W.to.usdPrice??0).multipliedBy(W.toAmount))}},state:J,alerts:V||Y?$.createElement(Kc,{dense:d},$.createElement(gS,{variant:"alarm",type:V?"error":"warning",title:Ce,footer:d?null:$.createElement(Yc,null,ne&&$.createElement($.Fragment,null,$.createElement(Co,{size:"xsmall",variant:"body",color:"neutral900"},r.fromAmountRangeError),$.createElement(jo,{direction:"horizontal",size:8}),$.createElement(Co,{size:"xsmall",variant:"body",color:"neutral900"},"|"),$.createElement(jo,{direction:"horizontal",size:8}),$.createElement(Co,{size:"xsmall",variant:"body",color:"neutral900"},Vo.t({id:"Yours: {amount} {symbol}",values:{amount:N(W.fromAmount,6,6),symbol:W?.from.symbol}}))),(yt||G)&&!ne&&$.createElement(Co,{size:"xsmall",variant:"body",color:"neutral900"},Vo.t({id:"Minimum required slippage is {minRequiredSlippage}",values:{...r?.type===4&&{minRequiredSlippage:r.recommendedSlippages?.get(ce)},...s?.type===2&&{minRequiredSlippage:s.recommendedSlippages?.get(ce)}}})))})):void 0,time:bo(W.estimatedTimeInSeconds),fee:N(Ai(W,h),2,2),internalSwaps:W.internalSwaps?M(W.internalSwaps):void 0}}),"getQuoteSteps"),E=M(e?.swaps??[]),B=E.length,Q=m||L(),q=dp(t.quote.tags||[]),H=!!u,_=bo(yn(e?.swaps)),te=Dn(e?.swaps??[],h),ie=N(te,2,2),R=te.gte(new Is(Ul));return d?$.createElement(hS,{selected:l,fee:ie,time:_,tooltipContainer:Ao(),steps:E,tags:q,feeWarning:R,percentageChange:v,warningLevel:T,outputPrice:{value:x,usdValue:b,realValue:ue(n.value),realUsdValue:ue(n.usdValue)}}):$.createElement(tu,{selected:l,listItem:a==="list-item",basic:a==="basic"},$.createElement("div",{className:ou()},!p&&q.length?$.createElement($.Fragment,null,$.createElement(uu,null,q.map((oe,I)=>{let W=`${oe.value}_${I}`;return $.createElement($.Fragment,{key:W},$.createElement(SS,{label:oe.label,value:oe.value}),$.createElement(jo,{size:4,direction:"horizontal"}))})),$.createElement(gr,null),!H&&$.createElement(jo,{size:4})):null,$.createElement("div",{id:"portal-root",className:nu()},$.createElement(hu,{quote:e,time:_,fee:ie,feeWarning:R,showModalFee:c,steps:B}),H&&$.createElement(eu,{onClick:oe=>{oe.stopPropagation(),u()},size:"xxsmall",type:"secondary",variant:"default"},$.createElement(Co,{color:"secondary",variant:"label",size:"medium"},Vo.t("See All Routes")))),a==="basic"&&$.createElement("div",{className:ru()},$.createElement(pu,null,$.createElement(yS,{size:12,color:"gray"})),$.createElement(cu,null,$.createElement(ws,{size:"small",variant:"body"},`${w} ${E[0].from.token.displayName} = `),$.createElement(Eu,{content:ue(n.value),container:Q,open:n.value?void 0:!1},$.createElement(ws,{size:"small",variant:"body"},"\xA0",`${x} ${E[E.length-1].to.token.displayName}`))),$.createElement(Eu,{content:ue(n.usdValue),container:Q,styles:{root:{display:"flex"}}},$.createElement(Co,{color:"$neutral600",ml:2,size:"xsmall",variant:"body"},`($${b})`))),a==="list-item"&&$.createElement(TS,{tooltipContainer:Q,type:"output",direction:"vertical",price:{value:x,usdValue:b,realValue:ue(n.value),realUsdValue:ue(n.usdValue)},token:{displayName:E[B-1].to.token.displayName,image:E[B-1].to.token.image},chain:{image:E[B-1].to.chain.image},percentageChange:v,warningLevel:T}),a==="swap-preview"&&$.createElement($.Fragment,null,$.createElement(Qo,{from:E[0].from,to:E[B-1].to,percentageChange:v,warningLevel:T}),$.createElement(jo,{size:4}))),$.createElement(Zc,{selected:l,listItem:a==="list-item",open:S,className:"quote_container",onOpenChange:g},$.createElement(Iu,{type:a,quoteRef:k,selected:l,setExpanded:g,container:Q,expanded:S,steps:E}),$.createElement(au,{open:S},$.createElement(lu,null),$.createElement("div",{className:Rc()},E.map((oe,I)=>{let W=`item-${I}`;return $.createElement(CS,{type:"quote-details",key:W,tooltipContainer:Q,step:oe,hasSeparator:I!==E.length-1,state:oe.state})})))))}i(Es,"Quote");import{Divider as IS,Skeleton as ES}from"@rango-dev/ui";import xt from"react";import{darkTheme as xS,styled as br}from"@rango-dev/ui";var Au=br("div",{$$color:"$colors$neutral100",[`.${xS} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",borderBottomLeftRadius:"$xm",borderBottomRightRadius:"$xm",padding:"$15",variants:{rounded:{true:{borderRadius:"$xm"}},expanded:{true:{paddingBottom:"3px"},false:{paddingBottom:"$12"}}}}),Wu=br("div",{paddingTop:"$2"}),Nu=br("div",{paddingLeft:"$8"}),Mu=br("div",{borderLeft:"1px dashed $foreground",minHeight:" 0",margin:"0px 11.5px",alignSelf:"stretch",variants:{hideSeparator:{true:{minHeight:"unset",height:"0"}}}});import{ChainToken as qu,Divider as rt,Skeleton as He}from"@rango-dev/ui";import U from"react";import{css as vS,styled as wt}from"@rango-dev/ui";var As=wt("div",{display:"flex"}),Lu=wt("div",{padding:"$10 $0 $20"}),Bu=wt("div",{padding:"14px $0 $20 $0",display:"flex",flexDirection:"column"}),_u=wt("div",{display:"flex",justifyContent:"start",alignItems:"center"}),Pu=wt("div",{display:"flex",justifyContent:"space-between",alignItems:"end"}),$u=wt("div",{height:"$24",marginLeft:"13px",borderLeft:"1px solid $neutral700"}),Du=wt("div",{width:"65%",display:"flex",justifyContent:"start"}),Fu=wt("div",{display:"flex",flexDirection:"column",alignItems:"start",flexGrow:1,maxWidth:"148px"}),Ou=wt("div",{padding:"$15 $0 $15 $0"}),Uu=vS({display:"flex",justifyContent:"space-between",alignItems:"center"});function Xo(t){let{type:e,tagHidden:o=!0}=t,n=U.createElement(Pu,null,U.createElement(Du,null,U.createElement(qu,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),U.createElement(rt,{size:8,direction:"horizontal"}),U.createElement(Fu,null,U.createElement(He,{height:10,width:60,variant:"rounded"}),U.createElement(rt,{size:4}),U.createElement(He,{height:15,variant:"rounded"}))),U.createElement(He,{height:12,width:64,variant:"rounded"})),r=e==="basic"&&!o;return U.createElement("div",null,!o&&U.createElement(U.Fragment,null,U.createElement(As,null,U.createElement(He,{width:65,height:20,variant:"rounded"}),U.createElement(rt,{size:4,direction:"horizontal"}),U.createElement(He,{width:65,height:20,variant:"rounded"}),U.createElement(rt,{size:4,direction:"horizontal"}),U.createElement(He,{width:65,height:20,variant:"rounded"})),U.createElement(gr,null),!r&&U.createElement(rt,{size:4})),U.createElement("div",{className:Uu()},U.createElement(As,null,U.createElement(He,{width:60,height:10,variant:"rounded"}),U.createElement(rt,{size:4,direction:"horizontal"}),U.createElement(He,{width:60,height:10,variant:"rounded"}),U.createElement(rt,{size:4,direction:"horizontal"}),U.createElement(He,{width:60,height:10,variant:"rounded"})),r&&U.createElement(He,{width:85,height:24,variant:"rounded"})),e==="basic"&&U.createElement(Lu,null,U.createElement(He,{height:15,width:148,variant:"rounded"})),e==="list-item"&&U.createElement(Bu,null,U.createElement(_u,null,U.createElement(qu,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),U.createElement(rt,{direction:"horizontal",size:4}),U.createElement(He,{height:15,width:150,variant:"rounded"})),U.createElement(rt,{size:10}),U.createElement(He,{height:10,width:184,variant:"rounded"})),e==="swap-preview"&&U.createElement(U.Fragment,null,U.createElement(rt,{size:4}),U.createElement(Ou,null,n,U.createElement($u,null),n),U.createElement(rt,{size:12})))}i(Xo,"QuoteSummarySkeleton");import{ChainToken as Vu,Divider as Ns,NextIcon as bS,Skeleton as Ir}from"@rango-dev/ui";import Te from"react";import{styled as Ko}from"@rango-dev/ui";var zu=Ko("div",{display:"flex",alignItems:"start"}),Qu=Ko("div",{flexGrow:1,paddingTop:"$5",paddingBottom:"$10",display:"flex",alignItems:"center",variants:{extraSpace:{true:{paddingBottom:"$40"}}}}),Ws=Ko("div",{display:"flex",alignItems:"center",flexGrow:1}),Hu=Ko("div",{margin:"$0 $2",padding:"$4",display:"flex",justifyContent:"center",alignItems:"center"}),Gu=Ko("div",{display:"flex",alignItems:"center"});function ft(t){let{separator:e=!0}=t;return Te.createElement(Te.Fragment,null,Te.createElement(Gu,null,Te.createElement(Ir,{height:22,width:22,variant:"circular"}),Te.createElement(Ns,{direction:"horizontal",size:8}),Te.createElement(Ir,{height:15,width:148,variant:"rounded"})),Te.createElement(zu,null,Te.createElement(Mu,{hideSeparator:!e}),Te.createElement(Qu,{extraSpace:e},Te.createElement(Ws,null,Te.createElement(Vu,{size:"small",loading:!0,chainImage:"",tokenImage:""}),Te.createElement(Ns,{direction:"horizontal",size:8}),Te.createElement(Ir,{height:12,variant:"rounded"})),Te.createElement(Hu,null,Te.createElement(bS,{color:"gray",size:16})),Te.createElement(Ws,null,Te.createElement(Vu,{size:"small",loading:!0,chainImage:"",tokenImage:""}),Te.createElement(Ns,{direction:"horizontal",size:8}),Te.createElement(Ir,{height:12,variant:"rounded"})))))}i(ft,"StepSkeleton");function Yo(t){let{type:e,expanded:o,tagHidden:n=!1}=t;return xt.createElement(Au,{expanded:o,rounded:e!=="basic"},xt.createElement(Xo,{type:e,tagHidden:n}),xt.createElement(Wu,null,xt.createElement(ES,{height:15,variant:"rounded"})),o&&xt.createElement(Nu,null,xt.createElement(IS,{size:24}),xt.createElement(ft,null),xt.createElement(ft,null),xt.createElement(ft,{separator:!1})))}i(Yo,"QuoteSkeleton");function eo(t){let{quote:e,type:o,loading:n,error:r,warning:s,expanded:a=!1,tagHidden:l,onClick:p,showModalFee:c,selected:u,onClickAllRoutes:d,fullExpandedMode:m=!1,container:f}=t,{inputAmount:h,inputUsdValue:C,toToken:S}=j(),g=e?.outputAmount?new AS(e?.outputAmount):null,k=e?.outputAmount?On(e?.outputAmount,Un(e)||S?.usdPrice):null,x=!(r&&(r.type===0||r.type===1))&&e&&!n;return n?Er.createElement(Ts,null,Er.createElement(Yo,{tagHidden:l,type:o,expanded:a})):x?Er.createElement(Ts,{onClick:()=>p?.(e)},Er.createElement(Es,{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:g?.toString()??"",usdValue:k?.toString()??""}})):null}i(eo,"QuoteInfo");import{calculatePendingSwap as MS}from"@rango-dev/queue-manager-rango-preset";import{useEffect as LS}from"react";import{useRef as WS,useState as NS}from"react";function Ar({request:t}){let[e,o]=NS(!1),n=WS(null),r=i(()=>n.current?.abort(),"cancelFetch");return{fetch:i(async a=>{r(),n.current=new AbortController,o(!0);try{let l=await t(a,{signal:n.current.signal});return n.current=null,l}catch(l){throw l}finally{o(!1)}},"fetch"),loading:e,cancelFetch:r}}i(Ar,"useFetch");function ju(){let{fetch:t,loading:e,cancelFetch:o}=Ar({request:async(n,r)=>await Mt().confirmRouteRequest(n,r)});return{fetch:t,loading:e,cancelFetch:o}}i(ju,"useFetchConfirmQuote");function Wr(t){if(!t.swaps)throw new Error(ee().noResultError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});let e=Ms(t.swaps);if(e)throw new Error(e.message,{cause:e.options})}i(Wr,"throwErrorIfResponseIsNotValid");function Ms(t){if(Ql(t)){let{swap:n,recommendation:r,fromAmountRangeError:s}=Hl(t);return{message:"bridge limit error",options:{type:3,swap:n,recommendation:r,fromAmountRangeError:s}}}let o=Xl(t);if(o){let n=Fn(t);return{message:"",options:{type:4,recommendedSlippages:o,minRequiredSlippage:n}}}return null}i(Ms,"getQuoteError");function Xu(t,e,o){let n=!1;t&&(n=pp(t,e));let r={quote:null,quoteUpdate:null,balance:null},s=io(e,{fromToken:o.fromToken,toToken:o.toToken,tokens:o.meta.tokens,userSlippage:o.userSlippage});s&&(r.quote=s),t&&n&&(ep(t,e)?r.quoteUpdate={type:3,newOutputAmount:N(ro(e)),percentageChange:N(Xe(ro(t)??"",ro(e)??""),null,2)}:Ni(t,e)?r.quoteUpdate={type:0}:Mi(t,e)?r.quoteUpdate={type:1}:Li(t,e)&&(r.quoteUpdate={type:2}));let a=tp(e,o.selectedWallets,o.meta.blockchains);return a.length===0||(r.balance={messages:a}),r}i(Xu,"generateWarnings");function Nr(t){return t?.code==="ERR_CANCELED"?{swap:null,error:{type:2},warnings:null}:t.cause?{swap:null,error:t.cause,warnings:null}:{swap:null,error:{type:1},warnings:null}}i(Nr,"handleQuoteErrors");function Ls(){let{fromToken:t,toToken:e,inputAmount:o,setSelectedQuote:n,selectedQuote:r,customDestination:s,setQuoteWarningsConfirmed:a,resetAlerts:l}=j(),{slippage:p,customSlippage:c}=y(),u=y().getDisabledLiquiditySources(),d=y().blockchains(),m=y().tokens(),f=c||p,{fetch:h,cancelFetch:C,loading:S}=ju();return LS(()=>C,[]),{loading:S,fetch:i(async k=>{let w=k.selectedWallets,x=k?.customDestination??s;if(!t||!e||!o)return{quote:null,swap:null,error:null,warnings:null};let b=w.reduce((v,T)=>(v[T.chain]=T.address,v),{}),A={requestId:r?.requestId||"",selectedWallets:b,destination:x||void 0};try{return await h(A).then(v=>{let{result:T}=v;Wr({diagnosisMessages:T.diagnosisMessages,requestId:T.requestId,swaps:T.result?.swaps});let M={outputAmount:T.result?.outputAmount,requestId:T.requestId,resultType:T.result?.resultType,swaps:T.result?.swaps||[],validationStatus:T.validationStatus,requestAmount:T.requestAmount};n(M);let E={slippage:f.toString(),disabledSwappersGroups:u},B=MS(o.toString(),T,Zl(w),E,!1,{blockchains:d,tokens:m}),Q=Xu(r??void 0,M,{fromToken:t,toToken:e,meta:{blockchains:d,tokens:m},selectedWallets:w,userSlippage:f});return Q.quoteUpdate&&a(!1),l(),{quote:M,swap:B,error:null,warnings:Q}})}catch(v){return Nr(v)}},"fetch"),cancelFetch:C}}i(Ls,"useConfirmSwap");var GS=$S("div",{width:"100%",display:"flex",justifyContent:"space-between",[`& ${Yu}`]:{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,setQuoteWalletConfirmed:r,customDestination:s,quoteWarningsConfirmed:a}=j(),l=HS(),p=QS(),[c,u]=Zo(""),{connectedWallets:d}=K(),m=!n,[f,h]=Zo(!1),[C,S]=Zo(!1),{isActiveTab:g}=re(),k=y().getDisabledLiquiditySources(),w=qS(k),{manager:x}=BS(),{fetch:b,loading:A,cancelFetch:v}=Ls(),[T,M]=Zo({swap:null,error:null,warnings:null}),[E,B]=Zo(!1),Q=i(async({selectedWallets:I,customDestination:W})=>{let ce=await b?.({selectedWallets:I,customDestination:W});return M(ce),ce},"onConfirmSwap"),q=i(async()=>{if(T.swap&&n)try{await x?.create("swap",{swapDetails:T.swap},{id:T.swap.requestId});let I=`../${O.swaps}/${T.swap.requestId}`;l(I,{replace:!0}),setTimeout(()=>{e("")},0)}catch(I){u("Error: "+I?.message)}},"addNewSwap"),H=i(async()=>{S(!0),await q(),S(!1)},"onConfirm"),_=i(async()=>{T?.warnings?.quote&&!a?B(!0):await H()},"onStartConfirmSwap"),te=i(async()=>{M({error:null,swap:null,warnings:null}),b({selectedWallets:o,customDestination:s}).then(I=>{M(I)}).catch(I=>console.error(I))},"onRefresh");Jo(()=>{!!w.current.length&&!k.length&&te(),w.current=k},[k.length]),Jo(()=>{m&&v()},[m]),Jo(()=>{m&&h(m)},[m]),Jo(()=>{m||b({selectedWallets:o,customDestination:s}).then(I=>M(I)).catch(I=>console.error(I))},[]),Jo(()=>{let I=T.warnings?.quote?.type&&Object.values(Bt).includes(T.warnings?.quote?.type),W=o.length<1||!o.every(J=>d.find(ne=>J.address===ne.address&&J.walletType===ne.walletType&&J.chain===ne.chain)),ce=!1;if(I){let J=Bn(t?.swaps||null),ne=t?.swaps[t.swaps.length-1].to.blockchain;!!t?.swaps.find(V=>V.from.blockchain===ne)||(J=J.slice(-J.length,J.length-1)),J.every(V=>o.find(Y=>Y.chain===V))||(ce=!0)}t&&(W||ce)&&(queueMicrotask(()=>zS(h.bind(null,!0))),r(!1))},[T.warnings?.quote,o.length,d.length]),US(()=>{t||l(`../${p.search}`)},[]);let ie=T.warnings?.quote??null,R=T.error,oe=[];if(c&&oe.push(fe.createElement(Ku,{type:"error",variant:"alarm",title:c})),T.warnings?.quoteUpdate&&oe.push(fe.createElement(Ku,{variant:"alarm",type:"warning",title:T.warnings.quoteUpdate&&Hn(T.warnings.quoteUpdate)})),ie||R){let I=`../${O.settings}`;oe.push(fe.createElement(qo,{warning:ie,error:R,refetchQuote:te,showWarningModal:E,confirmationDisabled:!g,onOpenWarningModal:()=>B(!0),onCloseWarningModal:()=>B(!1),onConfirmWarningModal:async()=>{B(!1),await q()},onChangeSettings:()=>l(I)}))}return fe.createElement(pe,{header:{title:Mr.t("Confirm Swap"),onWallet:()=>{let I=`../${O.wallets}`;l(I)},suffix:fe.createElement(DS,{container:L(),side:"bottom",content:Mr.t("Settings")},fe.createElement(Je,{size:"small",variant:"ghost",onClick:()=>l("../"+O.settings)},fe.createElement(PS,{size:18,color:"black"})))},footer:fe.createElement(GS,null,fe.createElement("div",{className:VS()},fe.createElement(_S,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:A||C,disabled:!!T.error||!g,onClick:_},Mr.t("Start Swap"))),fe.createElement(Yu,{variant:"contained",type:"primary",size:"large",loading:A||C,disabled:!g,onClick:h.bind(null,!0)},fe.createElement(OS,{size:24})))},f&&fe.createElement(Nc,{open:f,onClose:()=>h(!1),onCancel:v,loading:A,onCheckBalance:Q}),fe.createElement(me,null,fe.createElement("div",{className:XS()},fe.createElement(FS,{variant:"title",size:"small"},Mr.t("You get")),fe.createElement("div",{className:jS()},fe.createElement(or,{onClick:!A&&!f&&!E?te:void 0}))),fe.createElement(Bs,{size:"12"}),Pp(oe.map((I,W)=>({element:I,key:`alert-${W}`})),fe.createElement(Bs,{size:10})),oe.length>0?fe.createElement(Bs,{size:10}):null,fe.createElement(eo,{quote:t,type:"swap-preview",expanded:!0,tagHidden:!0,error:T.error,loading:A,warning:T.warnings?.quote??null})))}i(Ju,"ConfirmSwapPage");import{i18n as Br}from"@lingui/core";import{useManager as cC}from"@rango-dev/queue-manager-react";import{Divider as lm,NotFound as uC,styled as mC}from"@rango-dev/ui";import bt,{useState as dC}from"react";import{useNavigate as fC}from"react-router-dom";import{i18n as JS}from"@lingui/core";import{Divider as om,GroupedVirtualizedList as ZS,Skeleton as RS,SwapListItem as nm,Typography as eC}from"@rango-dev/ui";import Pe,{useCallback as rm,useEffect as tC,useRef as oC,useState as nC}from"react";function Zu(t,e){let o=[],n=0;do{let r=t[n];o.push(Math.min(r,e)),e-=r,n++}while(e>0&&n<=t.length);return o}i(Zu,"calculateGroupsSoFar");import{css as KS,darkTheme as YS,styled as Ro}from"@rango-dev/ui";var Ps=KS(),Ru=Ro("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$5"}),$s=Ro("div",{width:"100%",display:"flex",flexDirection:"column",backgroundColor:"$background",padding:"$10 $5 0 $5",[`& .${Ps}`]:{$$color:"$colors$neutral600",[`.${YS} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Ds=Ro("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),em=Ro("div",{gap:"$10",display:"flex",flexDirection:"column"}),tm=Ro("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});var 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=rm(Zu,[]),m=rm(()=>{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((C,S)=>Pe.createElement($s,{key:S},Pe.createElement(Ds,null,Pe.createElement(RS,{variant:"text",width:60,size:"small"}),Pe.createElement(om,{size:16})),Pe.createElement(om,{size:4}),Pe.createElement(em,null,C.map((k,w)=>Pe.createElement(nm,{isLoading:!0,key:w}))))))}return Pe.createElement(ZS,{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,h)=>{let C=p[f];if(!C)return null;let S=C.steps[0],g=C.steps[C.steps.length-1];return Pe.createElement(Ru,{key:C.requestId},Pe.createElement(nm,{requestId:C.requestId,creationTime:C.creationTime,status:C.status,onClick:o,tooltipContainer:L(),onlyShowTime:u[h]===JS.t("Today"),swapTokenData:{from:{token:{image:S.fromLogo,displayName:S.fromSymbol},blockchain:{image:S.fromBlockchainLogo||""},amount:N(C.inputAmount,6,6),realAmount:ue(C.inputAmount)},to:{token:{image:g.toLogo,displayName:g.toSymbol},blockchain:{image:g.toBlockchainLogo||""},amount:N(g.outputAmount||g.expectedOutputAmountHumanReadable||"",6,6),realAmount:ue(g.outputAmount||g.expectedOutputAmountHumanReadable)}}}))}})}i(Fs,"HistoryGroupedList");import{CloseIcon as sC,IconButton as aC,SearchIcon as lC,TextField as pC}from"@rango-dev/ui";import en from"react";import{styled as iC}from"@rango-dev/ui";var im=iC("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function vt(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:s,value:a,setValue:l,...p}=t;return en.createElement(pC,{prefix:en.createElement(im,null,en.createElement(lC,{color:"black"})),suffix:!!a.length&&en.createElement(aC,{variant:"ghost",onClick:()=>l?.(""),size:"small"},en.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(vt,"SearchInput");import{i18n as Lr}from"@lingui/core";import sm from"dayjs";var am=i(t=>{let e=new Map([["today",{title:Lr.t("Today"),swaps:[]}],["week",{title:Lr.t("This week"),swaps:[]}],["month",{title:Lr.t("This month"),swaps:[]}],["year",{title:Lr.t("This year"),swaps:[]}]]);function o(p,c){e.has(p)||e.set(p,{title:p,swaps:[]}),e.get(p)?.swaps.push(c)}i(o,"addYearsToOutput");let n=sm();t.forEach(p=>{let c=Number(p.creationTime),u=sm(c);if(n.isSame(u,"day"))e.get("today")?.swaps.push(p);else if(n.isSame(u,"week"))e.get("week")?.swaps.push(p);else if(n.isSame(u,"month"))e.get("month")?.swaps.push(p);else if(n.isSame(u,"year"))e.get("year")?.swaps.push(p);else{let 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=>ct(o.fromBlockchain,e)||ct(o.toBlockchain,e)||ct(o.toSymbol,e)||ct(o.fromSymbol,e)).length:!1,"isStepContainsText");function pm(){let t=fC(),{manager:e,state:o}=cC(),n=mt(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=>ct(u.inputAmount,r)||ct(u.status,r)||hC(u.steps,r)||ct(u.requestId,r)));let c=!p?.length&&!a;return bt.createElement(pe,{header:{title:Br.t("History")}},bt.createElement(me,null,bt.createElement(vt,{setValue:s,fullWidth:!0,variant:"contained",placeholder:Br.t("Search Transaction"),autoFocus:!0,onChange:l,value:r}),bt.createElement(lm,{size:"16"}),bt.createElement(gC,null,c&&bt.createElement(tm,null,bt.createElement(lm,{size:32}),bt.createElement(uC,{title:Br.t("No results found"),description:r?Br.t("Try using different keywords"):""})),!c&&bt.createElement(Fs,{list:p,onSwapClick:t,groupBy:am,isLoading:a}))))}i(pm,"HistoryPage");import{i18n as _C}from"@lingui/core";import{Button as PC,Divider as Im,styled as $C,WarningIcon as DC}from"@rango-dev/ui";import FC from"bignumber.js";import Ue,{useEffect as Em,useState as Am}from"react";import{useNavigate as OC}from"react-router-dom";import{i18n as wC}from"@lingui/core";import{Header as xC}from"@rango-dev/ui";import qt,{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 ge from"react";import{styled as Os}from"@rango-dev/ui";var cm=Os("div",{display:"flex",justifyContent:"center",flexDirection:"column",height:"100%"}),um=Os("div",{display:"flex",justifyContent:"space-between",alignItems:"center"}),mm=Os("div",{width:"146px"});import{i18n as tn}from"@lingui/core";import{Select as yC}from"@rango-dev/ui";import dm from"react";function _r(t){let{updateQuotePartialState:e,sortStrategy:o}=j(),n=[{value:"SMART",label:tn.t("Smart Routing")},{value:"FEE",label:tn.t("Lowest Fee")},{value:"SPEED",label:tn.t("Fastest Transfer")},{value:"NET_OUTPUT",label:tn.t("Maximum Return")},{value:"PRICE",label:tn.t("Maximum Output")}];return dm.createElement(mm,null,dm.createElement(yC,{container:t.container,options:n,value:o,handleItemClick:r=>{e("sortStrategy",r.value)},variant:"filled"}))}i(_r,"SelectStrategy");var fm=3;function on(t){let{loading:e,onClickOnQuote:o,fetch:n,showModalFee:r,hasSort:s=!0,fullExpandedMode:a=!1,container:l}=t,{selectedQuote:p,quotes:c,updateQuotePartialState:u,fromToken:d,toToken:m,sortStrategy:f,error:h}=j(),{slippage:C,customSlippage:S}=y(),g=y().tokens(),k=l||L(),w=!!c&&c.results.length,x=S??C,b=i(T=>{if(!d||!m||!c)return null;let M={requestAmount:c.requestAmount,...T};return io(M,{fromToken:d,toToken:m,userSlippage:x,tokens:g})},"getQuoteWarning"),A=h?.type===0||h?.type===1,v=c?.results?qn(f,c?.results):[];return ge.createElement(ge.Fragment,null,s&&ge.createElement(ge.Fragment,null,ge.createElement(um,null,ge.createElement(TC,{size:"xmedium",variant:"title"},SC.t("Sort by")),ge.createElement(_r,{container:k})),ge.createElement(Us,{size:"10"})),e&&Array.from({length:fm},(T,M)=>ge.createElement(ge.Fragment,{key:M},a?ge.createElement(CC,{loading:!0}):ge.createElement(Yo,{tagHidden:!1,type:"list-item",expanded:!1}),M!==fm-1&&ge.createElement(Us,{size:16}))),!e&&ge.createElement(ge.Fragment,null,w?v.map((T,M)=>{let E=b(T),B=Ms(T.swaps),Q=v.length-1===M;return ge.createElement(ge.Fragment,{key:T.requestId},ge.createElement(eo,{showModalFee:r,container:k,selected:p?.requestId===T.requestId,tagHidden:!1,quote:{...T,requestAmount:c.requestAmount},loading:e,error:B?.options||null,warning:E,fullExpandedMode:a,onClick:q=>{B||u("warning",E),u("error",B?.options||null),o(q)},type:"list-item"}),!Q&&ge.createElement(Us,{size:16}))}):A&&ge.createElement(cm,null,ge.createElement(Oo,{size:a?"large":"small",error:h,fetch:n}))))}i(on,"Quotes");import{darkTheme as kC,styled as gm}from"@rango-dev/ui";var hm=gm("div",{transition:"width 0.2s, opacity 0.2s, margin-left 0.2s",height:"700px",width:"390px",opacity:1,marginLeft:"$16",backgroundColor:"$neutral100",[`.${kC} &`]:{backgroundColor:"$neutral300"},variants:{expandMode:{default:{width:"390px"},full:{width:"719px"}}},"&.is-hidden":{width:0,height:0,opacity:0,marginLeft:0}}),ym=gm("div",{position:"relative",overflow:"hidden",padding:"$20",flexGrow:1,display:"flex",flexDirection:"column",overflowY:"auto",borderRadius:"$primary",backgroundColor:"$background"});var IC=100;function qs(t){let{fetch:e,loading:o,onClickOnQuote:n,onClickRefresh:r,isVisible:s}=t,[a,l]=bC(!1),p=a?"":"is-hidden",{config:c}=y(),u=c?.variant==="full-expanded",d=Ao();return vC(()=>{let m=null;return s?m=setTimeout(()=>{l(!0)},IC):(l(!1),m&&clearTimeout(m)),()=>{m&&clearTimeout(m)}},[s]),qt.createElement(hm,{expandMode:c?.variant==="full-expanded"?"full":"default",className:`${p} ${ir()}`,id:ke.EXPANDED_BOX_ID},qt.createElement(xC,{title:wC.t("Routes"),suffix:qt.createElement(qt.Fragment,null,qt.createElement(_r,{container:d}),qt.createElement(Jt,{container:d,onClickRefresh:r,hidden:["history","notifications","settings"]}))}),qt.createElement(ym,null,qt.createElement(on,{showModalFee:!1,fetch:e,hasSort:!1,loading:o,container:Ao(),onClickOnQuote:n,fullExpandedMode:u})))}i(qs,"ExpandedQuotes");import{i18n as xm}from"@lingui/core";import{SwapInput as vm}from"@rango-dev/ui";import nn from"react";import{ReverseIcon as EC,styled as Sm}from"@rango-dev/ui";import zs from"react";var AC=Sm("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),WC=Sm("div",{borderRadius:"$md",border:"3px solid $background",background:"$neutral100",width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center",color:"$foreground","&:hover":{color:"$secondary500"}});function Cm(){let t=j.use.switchFromAndTo();return zs.createElement(AC,null,zs.createElement(WC,{onClick:()=>{t()}},zs.createElement(EC,{size:12})))}i(Cm,"SwitchFromAndToButton");import{styled as Tm}from"@rango-dev/ui";var km=Tm("div",{display:"flex",flexDirection:"column",gap:"$5",alignSelf:"stretch"}),wm=Tm("div",{position:"relative"});function Qs(t){let{fetchingQuote:e,fetchMetaStatus:o,onClickToken:n,isExpandable:r}=t,{fromToken:s,fromBlockchain:a,toToken:l,toBlockchain:p,setInputAmount:c,inputAmount:u,inputUsdValue:d,outputAmount:m,outputUsdValue:f,selectedQuote:h}=j(),{connectedWallets:C,getBalanceFor:S}=K(),g=s?S(s):null,k=xn(g)?.amount??"0",w=a&&s?N(g?.amount,g?.decimals):"0",x=!!a&&rl(C,a.name),b=!Ei(h,u,d),A=!Ei(h,u,f),v=!d||!f||!f.gt(0)?null:Xe(d.toString(),f.toString());return nn.createElement(km,null,nn.createElement(wm,null,nn.createElement(vm,{label:xm.t("From"),mode:"From",onInputChange:c,balance:k,chain:{displayName:a?.displayName||"",image:a?.logo||""},token:{displayName:s?.symbol||"",image:s?.image||""},onClickToken:()=>n("from"),price:{value:u,usdValue:b?void 0:N(d,4,4),realUsdValue:b?void 0:ue(d),error:b?ee().unknownPriceError.impactTitle:void 0},disabled:o==="failed",loading:o==="loading",loadingBalance:x,tooltipContainer:L(),onSelectMaxBalance:()=>{c(w.split(",").join(""))}}),nn.createElement(Cm,null)),nn.createElement(vm,{sharpBottomStyle:!r&&(!!h||e),label:xm.t("To"),mode:"To",fetchingQuote:e,chain:{displayName:p?.displayName||"",image:p?.logo||""},token:{displayName:l?.symbol||"",image:l?.image||""},percentageChange:N(Xe(d,f),2,2),warningLevel:Tt(v??0),price:{value:N(m,6,6),usdValue:A?void 0:N(f,4,4),realValue:ue(m),realUsdValue:A?void 0:ue(f),error:A?ee().unknownPriceError.impactTitle:void 0},onClickToken:()=>n("to"),disabled:o==="failed",loading:o==="loading",tooltipContainer:L()}))}i(Qs,"Inputs");import{useCallback as NC,useEffect as MC,useState as LC}from"react";function bm(){let{fetch:t,loading:e,cancelFetch:o}=Ar({request:async(n,r)=>await Mt().getAllRoutes(n,r)});return{fetch:t,loading:e,cancelFetch:o}}i(bm,"useFetchAllQuotes");var BC=600;function Pr({refetchQuote:t}){let{fetch:e,cancelFetch:o}=bm(),{excludeLiquiditySources:n,features:r,enableCentralizedSwappers:s}=y().config,a=K.use.connectedWallets(),l=y().tokens(),{fromToken:p,toToken:c,inputAmount:u,inputUsdValue:d,selectedQuote:m,sortStrategy:f,resetQuote:h,error:C,warning:S,setSelectedQuote:g,updateQuotePartialState:k}=j(),{slippage:w,customSlippage:x,affiliatePercent:b,affiliateRef:A,affiliateWallets:v,fetchStatus:T}=y(),M=y().getLiquiditySources(),E=y().getDisabledLiquiditySources(),B=y().excludeLiquiditySources(),[Q,q]=LC(!0),H=x??w,te=!p||!c||Le(p,c)||!Io(u),ie=i(I=>{q(I)},"resetState"),R=i(I=>{let{fromToken:W,toToken:ce,inputAmount:J,liquiditySources:ne,excludeLiquiditySources:yt,disabledLiquiditySources:G,slippage:V,affiliateRef:Y,affiliatePercent:Ce,affiliateWallets:et}=I;if(Q||ie(!0),!te&&W&&ce){h();let De=Jl({fromToken:W,toToken:ce,inputAmount:J,liquiditySources:ne,excludeLiquiditySources:yt,disabledLiquiditySources:G,wallets:a,slippage:V,affiliateRef:Y,affiliatePercent:Ce,affiliateWallets:et,enableCentralizedSwappers:s});xl("experimentalRoute",r)&&(De.experimental=!0),e(De).then(We=>{let Ge=qn(f,We.results),Ne=mp(m,Ge,We.requestAmount);q(!1),k("quotes",We),g(Ne),Wr({diagnosisMessages:We.diagnosisMessages,requestId:Ne?.requestId||"",swaps:Ne?.swaps});let pt=Ne&&io(Ne,{fromToken:W,toToken:ce,userSlippage:H,tokens:l});k("warning",pt)}).catch(We=>{let{error:Ge}=Nr(We);(Ge?.type===0||Ge?.type===1)&&h(),Ge?.type!==2&&(k("error",Ge),q(!1))})}},"fetch"),oe=NC(Cl(I=>{te||R(I)},BC),[te]);return MC(()=>{if(!t){q(!1);return}if(T==="success"){if(te){q(!1),(m||C||S)&&h();return}if(!Io(u)||d?.eq(0)){ie(!1),o();return}return h(),ie(!0),oe({inputAmount:u,fromToken:p,toToken:c,liquiditySources:M,excludeLiquiditySources:B,disabledLiquiditySources:E,slippage:H,affiliateRef:A,affiliatePercent:b,affiliateWallets:v}),o}},[T,u,p?.symbol,p?.address,p?.blockchain,c?.symbol,c?.address,c?.blockchain,te,M?.length,n,E.length,H,A,b,JSON.stringify(v)]),{fetch:()=>R({inputAmount:u,fromToken:p,toToken:c,liquiditySources:M,excludeLiquiditySources:B,disabledLiquiditySources:E,slippage:H,affiliateRef:A,affiliatePercent:b,affiliateWallets:v}),loading:Q}}i(Pr,"useSwapInput");var UC=$C("div",{display:"grid",gridTemplateColumns:"auto auto",alignItems:"flex-start",maxHeight:700,"& .footer__alert":{paddingTop:"0 !important"}}),qC=300;function Wm(){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}=j(),[f,h]=Am(!1),{isLargeScreen:C,isExtraLargeScreen:S}=Tr(),{fetch:g,loading:k}=Pr({refetchQuote:s}),{config:w,fetchStatus:x}=y(),{connectedWallets:b}=K(),{isActiveTab:A}=re(),[v,T]=Am(!1),E=Gl({fetchMetaStatus:x,fetchingQuote:k,inputAmount:n,quote:r,anyWalletConnected:b.length>0,error:a,warning:l,needsToWarnEthOnPath:!1}),B=cl(C,S,w?.variant),Q=!!n&&!!e&&!!o&&new FC(n).gt(0)&&!sp(e,o),q=Q&&x==="success"&&k,te=(!B||B&&p?.results.length)&&(l||a);Em(()=>{u(),m("refetchQuote",!0)},[]),Em(()=>{h(Q)},[Q]);let ie=(r||a)&&!v?g:void 0,R=i(I=>{B&&f?(h(!1),setTimeout(()=>{t(I)},qC)):t(I)},"onHandleNavigation"),oe=i(I=>{r?.requestId!==I.requestId&&(T(!1),c(I))},"onClickOnQuote");return Ue.createElement(UC,null,Ue.createElement(pe,{height:"auto",footer:Ue.createElement(PC,{type:"primary",size:"large",disabled:E.disabled||!A,prefix:E.action==="confirm-warning"&&Ue.createElement(DC,null),fullWidth:!0,onClick:()=>{E.action==="connect-wallet"?R(O.wallets):E.action==="confirm-warning"?T(!0):R(O.confirmSwap)}},E.title),header:{onWallet:()=>{R(O.wallets)},hasBackButton:!1,title:w.title||_C.t("Swap"),suffix:Ue.createElement(Jt,{hidden:B?["refresh"]:void 0,onClickRefresh:ie,onClickHistory:()=>R(O.swaps),onClickSettings:()=>{R(O.settings)}})}},Ue.createElement(me,null,Ue.createElement(Qs,{fetchingQuote:q,fetchMetaStatus:x,isExpandable:B,onClickToken:I=>{R(I==="from"?O.fromSwap:O.toSwap)}}),Ue.createElement(Im,{size:"2"}),B?null:Ue.createElement(eo,{quote:r,loading:q,error:a,tagHidden:!1,warning:l,type:"basic",onClickAllRoutes:p&&p.results.length>1?()=>{m("refetchQuote",!1),R(O.routes)}:void 0}),te?Ue.createElement(Ue.Fragment,null,Ue.createElement(Im,{size:"10"}),Ue.createElement(qo,{warning:l,error:a,refetchQuote:g,showWarningModal:v,confirmationDisabled:!A,onOpenWarningModal:()=>T(!0),onCloseWarningModal:()=>T(!1),onConfirmWarningModal:()=>{T(!1),d(!0),R(O.confirmSwap)},onChangeSettings:()=>R(O.settings)})):null)),B?Ue.createElement(qs,{loading:q,onClickOnQuote:oe,fetch:g,onClickRefresh:ie,isVisible:f}):null)}i(Wm,"Home");import{i18n as Nm}from"@lingui/core";import{Alert as zC,Divider as QC,List as HC,ListItemButton as GC,Radio as VC,RadioRoot as jC,Typography as XC}from"@rango-dev/ui";import gt from"react";function zt(){let{setLanguage:t,language:e,config:o}=y(),n=bl,r=o?.language||No;return{activeLanguage:e||r,languages:n,defaultLanguage:r,changeLanguage:s=>t(s||No),resetLanguage:()=>t(null)}}i(zt,"useLanguage");function Mm(){let{activeLanguage:t,changeLanguage:e,languages:o}=zt(),n=Ye(),r=o.map(s=>{let{local:a,label:l,SVGFlag:p}=s;return{id:a,value:a,title:gt.createElement(XC,{variant:"title",size:"xmedium"},l),onClick:()=>{e(s.local),n()},end:gt.createElement(VC,{value:a}),start:gt.createElement(p,null)}});return gt.createElement(pe,{header:{title:Nm.t("Language")}},gt.createElement(me,null,gt.createElement(zC,{type:"warning",variant:"alarm",title:"Important Notice: Machine translations are in use"}),gt.createElement(QC,{size:"8"}),gt.createElement(jC,{value:t},gt.createElement(HC,{type:gt.createElement(GC,{title:Nm.t("language"),id:"_",onClick:()=>console.log()}),items:r}))))}i(Mm,"LanguagePage");import{i18n as It}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 JC,Skeleton as Bm}from"@rango-dev/ui";import sn from"react";import{styled as Hs}from"@rango-dev/ui";var rn=Hs("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto",variants:{disabled:{true:{pointerEvents:"none"}}}}),Gs=Hs("div",{width:80,display:"flex",justifyContent:"flex-end"}),Vs=Hs("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});import{ListItem as KC,styled as YC}from"@rango-dev/ui";var Lm=YC(KC,{height:61});var ZC=30;function js(){return sn.createElement(rn,null,Array.from(Array(ZC),(t,e)=>sn.createElement(Lm,{hasDivider:!0,key:e,start:sn.createElement(Bm,{variant:"circular",width:35,height:35}),title:sn.createElement(Bm,{variant:"text",size:"large",width:90}),end:sn.createElement(JC,{checked:!1})})))}i(js,"LoadingLiquiditySourceList");function Xs({sourceType:t}){let e=y().fetchStatus,o=y().swappers(),n=y().getDisabledLiquiditySources(),[r,s]=iT(""),a=y().toggleLiquiditySource,l=y().isInCampaignMode(),p=Wn(o,n),c={Exchanges:It.t("Exchanges"),Bridges:It.t("Bridges")},u=[];t==="Exchanges"&&u.push("DEX"),t==="Bridges"&&u.push("BRIDGE","AGGREGATOR","OFF_CHAIN");let d=p.filter(g=>u.includes(g.type)),m=d.length===d.filter(g=>g.selected).length,f=i(()=>{d.forEach(g=>{m?a(g.groupTitle):g.selected||a(g.groupTitle)})},"toggleAllSources"),h=d.map(g=>{let{selected:k,groupTitle:w,logo:x}=g;return{start:$e.createElement(tT,{src:x,size:22,type:"circular"}),onClick:()=>{l||a(w)},end:$e.createElement(eT,{checked:k,disabled:l}),title:$e.createElement(rT,{variant:"title",size:"xmedium"},It.t(w)),...g}}),C=i(g=>{let k=g.target.value;s(k)},"searchHandler"),S=h;return r&&(S=h.filter(g=>ct(g.groupTitle,r))),$e.createElement(pe,{header:{title:It.t(t),suffix:$e.createElement(Gs,null,$e.createElement(RC,{variant:"ghost",size:"xsmall",onClick:f},m?It.t("Deselect all"):It.t("Select all")))}},$e.createElement(me,{view:!0},$e.createElement(vt,{value:r,setValue:s,fullWidth:!0,color:"light",variant:"contained",placeholder:It.t("Search {sourceType}",{sourceType:c[t]}),onChange:C}),e==="loading"&&$e.createElement(js,null),!S.length&&r?$e.createElement(Vs,null,$e.createElement(nT,{title:It.t("No results found"),description:It.t("Try using different keywords")})):e==="success"&&$e.createElement(rn,{disabled:l},S.map(g=>{let{groupTitle:k,...w}=g;return $e.createElement($e.Fragment,{key:g.id},$e.createElement(oT,{style:{height:"61px"},...w,selected:!1,hasDivider:!0}))}))))}i(Xs,"LiquiditySourcePage");import{i18n as sT}from"@lingui/core";import $r 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}=j(),{fetch:l,loading:p}=Pr({refetchQuote:n}),c=i(m=>{r(m),s("refetchQuote",!1),e()},"onClickOnQuote"),u=`../${O.settings}`,d=`../${O.wallets}`;return $r.createElement(pe,{header:{onWallet:()=>{t(d)},onBack:()=>{s("refetchQuote",!1)},title:sT.t("Routes"),suffix:$r.createElement(Jt,{onClickRefresh:o||a?l:void 0,hidden:["notifications","history"],onClickSettings:()=>t(u)})}},$r.createElement(me,null,$r.createElement(on,{fetch:l,loading:p,onClickOnQuote:c})))}i(_m,"RoutesPage");import{i18n as zm}from"@lingui/core";import{Divider as Qm,getCountCategories as yT,SelectableCategoryList as ST}from"@rango-dev/ui";import Et,{useState as Hm}from"react";import{i18n as Ys}from"@lingui/core";import{Divider as Um,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 Ks}from"@rango-dev/ui";import{TransactionType as Dr}from"rango-sdk";var lT=i((t,e)=>{switch(e){case Ks.ALL:return!0;case Ks.UTXO:return t.type===Dr.TRANSFER;case Ks.OTHER:return t.type!==Dr.TRANSFER&&t.type!==Dr.COSMOS&&t.type!==Dr.EVM;default:return t.type===e}},"filterByType"),Pm=i((t,e,o)=>t.filter(n=>lT(n,o)).filter(n=>Ct(n.name,e)||Ct(n.displayName,e)),"filterBlockchains");import{ImageContainer as pT,styled as $m}from"@rango-dev/ui";var Dm=$m("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),Fr=$m($o,{padding:0,margin:0,listStyle:"none",[`& ${pT}`]:{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as cT,Skeleton as Fm}from"@rango-dev/ui";import Or from"react";var uT=20;function Om(){return Or.createElement(Fr,null,Array.from(Array(uT),t=>Or.createElement(cT,{key:t,hasDivider:!0,start:Or.createElement(Fm,{variant:"circular",width:35,height:35}),title:Or.createElement(Fm,{variant:"text",size:"large",width:90})})))}i(Om,"LoadingBlockchainList");function Js(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[s,a]=hT(e),{fetchStatus:l}=y();gT(()=>{a([...Pm(e,o,r)])},[e,o,r]);let p=i(()=>!s.length&&o?Ze.createElement(Ze.Fragment,null,Ze.createElement(Um,{size:32}),Ze.createElement(fT,{title:Ys.t("No results found"),description:Ys.t("Try using different keywords")})):Ze.createElement(Fr,{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(Dm,null,Ze.createElement(qm,{variant:"label",size:"large"},Ys.t("Select Blockchain")),Ze.createElement(Um,{size:4}),l==="loading"&&Ze.createElement(Om,null),l==="success"&&p())}i(Js,"BlockchainList");function Zs(t){let{type:e}=t,o=Ye(),[n,r]=Hm(""),[s,a]=Hm("ALL"),l=j.use.setToBlockchain(),p=j.use.setFromBlockchain(),c=y().fetchStatus,u=y().blockchains({type:e}),m=yT(u)!==1;return Et.createElement(pe,{header:{title:zm.t("Select Blockchain")}},Et.createElement(me,{view:!0},m&&Et.createElement(Et.Fragment,null,Et.createElement(ST,{setCategory:a,category:s,blockchains:u,isLoading:c==="loading"}),Et.createElement(Qm,{size:24})),Et.createElement(vt,{value:n,autoFocus:!0,placeholder:zm.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:f=>r(f.target.value)}),Et.createElement(Qm,{size:16}),Et.createElement(Js,{list:u,searchedFor:n,blockchainCategory:s,onChange:f=>{e==="source"?p(f):l(f),o()}})))}i(Zs,"SelectBlockchainPage");import{i18n as Hr}from"@lingui/core";import{Divider as cd}from"@rango-dev/ui";import to,{useState as PT}from"react";import{useNavigate as $T}from"react-router-dom";import{i18n as ta}from"@lingui/core";import{BlockchainsChip as Ur,Divider as Xm,Image as Km,Skeleton as xT,Tooltip as vT,Typography as oa}from"@rango-dev/ui";import be from"react";import{useEffect as kT}from"react";var Gm=["ETH","COSMOS","OSMOSIS"];function Rs(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(Rs,"prepare");function CT(t,e){let o=Gm,n=o.findIndex(l=>l===t.name),r=o.findIndex(l=>l===e.name),s=n>-1,a=r>-1;return s&&a?n>r?1:-1:s?-1:a?1:0}i(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 Vm(t,e){return!!e.list.find(o=>o.name===t)}i(Vm,"isInVisibleList");function ea(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=y();kT(()=>{if(e?.selected){let s=Rs(t,o,e);Vm(e.selected,s)||n(e?.selected)}},[e?.selected]);let r=Rs(t,o,e);return{list:r.list,more:r.more,history:[]}}i(ea,"usePrepareBlockchainList");import{styled as wT}from"@rango-dev/ui";var jm=wT("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var bT=12;function na(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:s}=t,a=ea(e,{limit:10,selected:n?.name}),{fetchStatus:l}=y(),p=j.use.resetToBlockchain(),c=j.use.resetFromBlockchain(),u=a.more.length>0,d=a.more.length===1,m=!d&&u;return be.createElement(be.Fragment,null,be.createElement(Xm,{size:12}),be.createElement(oa,{variant:"label",size:"large"},ta.t("Select Blockchain")),be.createElement(Xm,{size:12}),be.createElement(jm,null,l==="loading"&&Array.from(Array(bT),f=>be.createElement(xT,{key:f,variant:"rounded",height:50})),l==="success"&&be.createElement(be.Fragment,null,be.createElement(Ur,{selected:!n,onClick:()=>{o==="from"?c():p()}},be.createElement(oa,{variant:"body",size:"xsmall",color:"secondary500"},ta.t("All"))),a.list.map(f=>be.createElement(vT,{key:f.name,content:f.shortName,side:"bottom",sideOffset:2,container:L()},be.createElement(Ur,{key:f.name,selected:!!n&&n.name===f.name,onClick:()=>r(f)},be.createElement(Km,{src:f.logo,size:30})))),d?be.createElement(Ur,{key:a.more[0].name,selected:!!n&&n.name===a.more[0].name,onClick:()=>r(a.more[0])},be.createElement(Km,{src:a.more[0].logo,size:30})):null,m?be.createElement(Ur,{onClick:s,key:"more-blockchains"},be.createElement(oa,{variant:"body",size:"xsmall",color:"secondary500"},ta._("More +{count}",{count:a.more.length}))):null)))}i(na,"BlockchainsSection");import{i18n as da}from"@lingui/core";import{darkTheme as id,Divider as ko,ExternalLinkIcon as AT,Image as WT,ListItemButton as NT,NotFound as MT,PinIcon as LT,Skeleton as sd,Typography as Qr,VirtualizedList as BT}from"@rango-dev/ui";import z,{useEffect as ad,useState as ld}from"react";import{Divider as nd,ListItem as ET,Skeleton as an}from"@rango-dev/ui";import st from"react";import{css as To,darkTheme as Ym,ImageContainer as IT,styled as it,Typography as Jm}from"@rango-dev/ui";var ra=To({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}),ia=To({position:"relative",height:12,width:"30%",maxWidth:"150px"}),sa=To({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",bottom:"-8px"}),aa=To({transform:"translateY(12px)",visibility:"hidden","& a":{display:"flex",justifyContent:"center",alignItems:"center",fontSize:"$12",lineHeight:"$16",$$color:"$colors$neutral600",[`.${Ym} &`]:{$$color:"$colors$neutral700"},color:"$$color",textDecoration:"none"}}),la=To({}),pa=To(),Zm=it("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),ca=it("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),qr=it("ul",{flexGrow:1,padding:0,margin:0,listStyle:"none","& li":{alignItems:"none","&:hover":{[`& .${ia}`]:{[`& .${aa}`]:{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",visibility:"visible"},[`& .${la}`]:{bottom:"-15px"},[`& .${ra}`]:{position:"absolute",transform:"translateY(-12px)",visibility:"hidden"},[`& .${sa}`]:{position:"absolute",transform:"translateY(-12px)",bottom:"-10px"}}}}}),ua=it("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),ma=it(Jm,{}),Rm=it("div",{textAlign:"right",width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",[`& .${pa}`]:{$$color:"$colors$neutral600",[`.${Ym} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),zr=it("div",{display:"flex",alignItems:"end",flexDirection:"column"}),NF=it("div",{display:"flex",alignItems:"center"}),ed=it("div",{position:"relative",[`& ${IT}`]:{borderRadius:"$xm",overflow:"hidden"}}),td=it("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6}),od=it(Jm,{width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"});function rd(t){return st.createElement(qr,null,Array.from(Array(t.size),e=>st.createElement(ET,{key:e,hasDivider:!0,start:st.createElement(an,{variant:"circular",width:35,height:35}),end:st.createElement(zr,null,st.createElement(an,{variant:"text",size:"large",width:70}),st.createElement(nd,{size:4}),st.createElement(an,{variant:"text",size:"medium",width:50})),title:st.createElement("div",null,st.createElement(an,{variant:"text",size:"large",width:90}),st.createElement(nd,{size:4}),st.createElement(an,{variant:"text",size:"medium",width:90}))})))}i(rd,"LoadingTokenList");var fa=20,_T=i(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:s,customCssForTagTitle:a}=t,l=e.length;return z.createElement("div",{className:ia()},o?z.createElement("div",{className:ra()},o):z.createElement(ca,{className:sa()},z.createElement(Qr,{variant:"title",size:"xmedium"},r.symbol),z.createElement(ko,{direction:"horizontal",size:4}),z.createElement(ua,{css:s},z.createElement(ma,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&z.createElement("div",{className:`${aa()} ${!o&&la()}`},z.createElement("a",{href:n,target:"_blank",rel:"nofollow noreferrer",onClick:p=>p.stopPropagation()},l>10?`${e.slice(0,5)}...${e.slice(l-6,l)}`:e," ",z.createElement(ko,{size:4,direction:"horizontal"}),z.createElement(AT,{color:"gray",size:12}))))},"renderDesc");function pd(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[s,a]=ld(e),l=y().fetchStatus,p=y().blockchains(),[c,u]=ld(!0),{getBalanceFor:d,loading:m}=K(),{isTokenPinned:f}=y(),h=i(()=>{a(e.slice(0,s.length+fa))},"loadNextPage");ad(()=>{u(e.length>s.length)},[s.length]),ad(()=>{a(e.slice(0,fa))},[e]);let C=i(()=>!s.length&&o?z.createElement(z.Fragment,null,z.createElement(ko,{size:32}),z.createElement(MT,{title:da.t("No results found"),description:da.t("Try using different keywords")})):z.createElement(BT,{endReached:c?h:void 0,itemContent:S=>{let g=s[S],k=xn(d(g)),w=g.address||"",x=p.find(M=>M.name===g.blockchain),b=Zn(x?.color||"",Bp(x?.color||"")?5:125),A=Zn(x?.color||"",-100),v={$$color:b,[`.${id} &`]:{$$color:A},backgroundColor:"$$color"},T={$$color:A,[`.${id} &`]:{$$color:b},color:"$$color"};return z.createElement("div",{style:{paddingRight:5}},z.createElement(NT,{style:{width:"100%",overflow:"hidden"},"tab-index":S,key:`${g.symbol}${g.address}`,id:`${g.symbol}${g.address}`,hasDivider:!0,onClick:()=>n(s[S]),start:z.createElement(ed,null,z.createElement(WT,{src:g.image,size:30}),f(g,t.type)&&z.createElement(td,null,z.createElement(LT,{size:12,color:"gray"}))),title:x?.type==="COSMOS"||g.name||!g.name&&!w?z.createElement(ca,null,z.createElement(Qr,{variant:"title",size:"xmedium"},g.symbol),z.createElement(ko,{direction:"horizontal",size:4}),z.createElement(ua,{css:v},z.createElement(ma,{variant:"body",size:"xsmall",css:T},g.blockchain))):void 0,description:x?.info&&w&&x.type!=="COSMOS"?_T({address:w,token:s[S],customCssForTag:v,customCssForTagTitle:T,name:g.name,url:x.info.addressUrl.split("{wallet}").join(w)}):g.name||void 0,end:m?z.createElement(zr,null,z.createElement(sd,{variant:"text",size:"large",width:70}),z.createElement(ko,{size:4}),z.createElement(sd,{variant:"text",size:"medium",width:50})):k&&z.createElement(Rm,null,z.createElement(od,{variant:"title",size:"small"},k.amount),z.createElement("div",null),k.usdValue&&z.createElement(Qr,{variant:"body",className:pa(),size:"xsmall"},`$${k.usdValue}`))}))},totalCount:s.length,key:`${r}-${o}`}),"renderList");return z.createElement(Zm,null,z.createElement(Qr,{variant:"label",size:"large"},da.t("Select Token")),z.createElement(ko,{size:4}),l==="loading"&&z.createElement(rd,{size:fa}),l==="success"&&z.createElement(qr,{as:"ul"},C()))}i(pd,"TokenList");function ga(t){let{type:e}=t,o=$T(),n=Ye(),{fromBlockchain:r,toBlockchain:s,setFromToken:a,setToToken:l,setFromBlockchain:p,setToBlockchain:c}=j(),u=K.use.getBalanceFor(),[d,m]=PT(""),h=(e==="source"?r:s)?.name??"",C=y().blockchains({type:e}),S=y().tokens({type:e,blockchain:h,searchFor:d,getBalanceFor:u}),g=i(x=>{e==="source"?p(x):c(x)},"updateBlockchain"),k=i(x=>{e==="source"?a({token:x,meta:{blockchains:C,tokens:S}}):l({token:x,meta:{blockchains:C,tokens:S}})},"updateToken"),w={source:Hr.t("Source"),destination:Hr.t("Destination")};return to.createElement(pe,{header:{title:Hr.t("Swap {type}",{type:w[e]})}},to.createElement(me,null,to.createElement(na,{blockchains:C,type:e=="source"?"from":"to",blockchain:e==="source"?r:s,onMoreClick:()=>o(O.blockchains),onChange:x=>{g(x)}}),to.createElement(cd,{size:24}),to.createElement(vt,{value:d,autoFocus:!0,placeholder:Hr.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>m(""),onChange:x=>m(x.target.value)}),to.createElement(cd,{size:16}),to.createElement(pd,{list:S,selectedBlockchain:h,searchedFor:d,type:e,onChange:x=>{k(x);let b=C.find(A=>x.blockchain===A.name);b&&g(b),n()}})))}i(ga,"SelectSwapItemsPage");import{i18n as Ca}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 hd}from"@lingui/core";import{Divider as UT,InfoIcon as qT,TextField as zT,Tooltip as QT,Typography as yd}from"@rango-dev/ui";import at from"react";import{Chip as DT,styled as ln,TextField as FT}from"@rango-dev/ui";var ud=ln("div",{paddingTop:"$5",padding:"$10 $5"}),md=ln("div",{display:"flex",flexWrap:"wrap",gap:"$10",[`& ${FT}`]:{flex:"1 1 0",maxWidth:"127px",minWidth:"85px"}}),dd=ln("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),Gr=ln("div",{maxWidth:"280px",padding:"$10"}),fd=ln(DT,{width:"61px",flexShrink:0});import{i18n as ha}from"@lingui/core";import{Typography as OT}from"@rango-dev/ui";import pn from"react";function gd(){return pn.createElement(Gr,null,pn.createElement(OT,{variant:"label",size:"medium",color:"neutral700"},ha.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),pn.createElement("br",null),pn.createElement("br",null),pn.createElement("b",null,ha.t("Warning")),":",ha.t("This setting is applied per step (e.g. 1Inch, Thorchain, etc) which means only the step will be reverted, not the whole transaction.")))}i(gd,"SlippageTooltipContent");function ya(){let{slippage:t,setSlippage:e,customSlippage:o,setCustomSlippage:n}=y();return at.createElement(ud,null,at.createElement(dd,null,at.createElement(yd,{variant:"title",size:"xmedium"},hd.t("Slippage tolerance per swap")),at.createElement(UT,{direction:"horizontal",size:4}),at.createElement(QT,{container:L(),side:"top",sideOffset:4,content:at.createElement(gd,null)},at.createElement(qT,{color:"gray"}))),at.createElement(md,null,Il.map((r,s)=>{let a=`slippage-${s}`;return at.createElement(fd,{key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`})}),at.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>=Nl&&a<=Wl?n(a):n(null)},suffix:o&&at.createElement(yd,{variant:"body",size:"small"},"%"),placeholder:hd.t("Custom")})))}i(ya,"Slippage");import{i18n as ht}from"@lingui/core";import{AutoThemeIcon as Sd,BridgesIcon as HT,ChevronRightIcon as Sa,DarkModeIcon as Cd,Divider as Vr,ExchangeIcon as GT,InfinityIcon as VT,InfoIcon as jT,LanguageIcon as XT,LightModeIcon as Td,List as KT,ListItem as YT,ListItemButton as JT,Skeleton as ZT,styled as RT,Switch as ek,Tabs as tk,Tooltip as ok,Typography as Re}from"@rango-dev/ui";import D from"react";import{useNavigate as nk}from"react-router-dom";var rk=RT("div",{width:"202px",height:"$40"}),ik=[{id:"light",icon:D.createElement(Td,{color:"black",size:24}),tooltip:D.createElement(Re,{size:"xsmall",variant:"body"},ht.t("Light"))},{id:"dark",icon:D.createElement(Cd,{color:"black",size:24}),tooltip:D.createElement(Re,{size:"xsmall",variant:"body"},ht.t("Dark"))},{id:"auto",icon:D.createElement(Sd,{color:"black",size:24}),tooltip:D.createElement(Re,{size:"xsmall",variant:"body"},ht.t("Auto"))}],sk=i(t=>{let e={color:"gray",size:16};switch(t){case"auto":return D.createElement(Sd,{...e});case"dark":return D.createElement(Cd,{...e});default:return D.createElement(Td,{...e})}},"getThemeIcon");function kd(){let t=nk(),{theme:e}=y().config,{setTheme:o,theme:n}=y(),{activeLanguage:r,languages:s}=zt(),a=s.find(H=>H.local===r)?.label,l=y().fetchStatus,p=y().swappers(),c=y().getDisabledLiquiditySources(),{config:{features:u}}=y(),d=je("theme",u),m=je("liquiditySource",u),f=je("language",u),h=y().infiniteApprove,C=y().toggleInfiniteApprove,S=Wn(p,c),g=S.filter(H=>["BRIDGE","AGGREGATOR","OFF_CHAIN"].includes(H.type)),k=g.length,w=g.filter(H=>H.selected).length,x=S.filter(H=>H.type==="DEX"),b=x.length,A=x.filter(H=>H.selected).length,v=i((H,_)=>{switch(l){case"loading":return D.createElement(ZT,{variant:"text",size:"medium",width:50});case"failed":return D.createElement(Re,{variant:"body",size:"medium",color:"$error500"},ht.t("Loading failed"));default:return D.createElement(Re,{variant:"body",size:"medium"},`${H} / ${_}`)}},"handleSwapperEndItem"),T={id:"bridge-item",title:D.createElement(Re,{variant:"title",size:"xmedium"},ht.t("Bridges")),end:D.createElement(D.Fragment,null,v(w,k),D.createElement(Vr,{direction:"horizontal",size:8}),D.createElement(Sa,{color:"black"})),onClick:()=>t(O.bridges),start:D.createElement(HT,{color:"gray",size:16})},M={id:"exchange-item",title:D.createElement(Re,{variant:"title",size:"xmedium"},ht.t("Exchanges")),end:D.createElement(D.Fragment,null,v(A,b),D.createElement(Vr,{direction:"horizontal",size:8}),D.createElement(Sa,{color:"black"})),start:D.createElement(GT,{color:"gray",size:16}),onClick:()=>t(O.exchanges)},E={id:"language-item",title:D.createElement(Re,{variant:"title",size:"xmedium"},ht.t("Language")),start:D.createElement(XT,{color:"gray",size:16}),end:D.createElement(D.Fragment,null,D.createElement(Re,{variant:"body",size:"medium"},a),D.createElement(Vr,{direction:"horizontal",size:8}),D.createElement(Sa,{color:"black"})),onClick:()=>t(O.languages)},B={id:"infinite-approval-item",title:D.createElement(D.Fragment,null,D.createElement(Re,{variant:"title",size:"xmedium"},ht.t("Infinite approval")),D.createElement(Vr,{direction:"horizontal",size:4}),D.createElement(ok,{side:"top",sideOffset:4,container:L(),content:D.createElement(Gr,null,D.createElement(Re,{variant:"label",size:"medium",color:"neutral700"},ht.t("Enabling the 'Infinite approval' mode grants unrestricted access to smart contracts of DEXes/Bridges, allowing them to utilize the approved token amount without limitations.")))},D.createElement(jT,{color:"gray"}))),start:D.createElement(VT,{color:"gray",size:16}),end:D.createElement(ek,{checked:h}),onClick:C},Q={id:"theme-item",type:D.createElement(YT,null),title:D.createElement(Re,{variant:"title",size:"xmedium"},ht.t("Theme")),end:D.createElement(rk,null,D.createElement(tk,{container:L(),items:ik,value:n,onChange:H=>o(H.id),type:"primary",borderRadius:"small"})),start:sk(n)},q=m?[]:[T,M];return f||q.push(E),q.push(B),!e?.singleTheme&&!d&&q.push(Q),D.createElement(KT,{type:D.createElement(JT,{hasDivider:!0,id:"_",onClick:()=>console.log()}),items:q})}i(kd,"SettingsLists");var mk=pk("div",{paddingLeft:"$8"});function wd(){let{isInCampaignMode:t,updateCampaignMode:e}=y(),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(pe,{header:{title:Ca.t("Settings")}},oo.createElement(me,null,o&&oo.createElement(ak,{type:"info",variant:"alarm",title:Ca.t("Currently, you're in campaign mode with restrictions on liquidity sources. Would you like to switch out of this mode and make use of all available liquidity sources?"),action:oo.createElement(mk,null,oo.createElement(lk,{type:"secondary",size:"small",onClick:s},Ca.t("Reset")))}),oo.createElement(ya,null),oo.createElement(kd,null)))}i(wd,"SettingsPage");import{i18n as Zk}from"@lingui/core";import{cancelSwap as Rk}from"@rango-dev/queue-manager-rango-preset";import{useManager as ew}from"@rango-dev/queue-manager-react";import{Alert as tw}from"@rango-dev/ui";import $a from"react";import{useParams as ow}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 Zd,CopyIcon as Dk,Divider as Fk,IconButton as Ok,LinkIcon as Uk,QuoteCost as qk,StepDetails as zk,Typography as no,useCopyToClipboard as Qk}from"@rango-dev/ui";import{useWallets as Hk}from"@rango-dev/wallets-react";import Rd from"bignumber.js";import{PendingSwapNetworkStatus as ti}from"rango-types";import Z,{useEffect as ef,useRef as Gk,useState as tf}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 xd(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(xd,"timeSince");function vd(t){return t.finishTime?xd(parseInt(t.finishTime)):xd(parseInt(t.creationTime))}i(vd,"getSwapDate");import{PendingSwapNetworkStatus as Kr}from"rango-types";import Yr from"react";import{i18n as jr}from"@lingui/core";import{Button as bd,Divider as Ta,MessageBox as fk}from"@rango-dev/ui";import Ht from"react";var Id=i(({onCancel:t,onClose:e})=>Ht.createElement(Ht.Fragment,null,Ht.createElement(Ta,{size:20}),Ht.createElement(fk,{type:"error",title:jr.t("Cancel Swap"),description:jr.t("Are you sure you want to cancel this swap?")}),Ht.createElement(Ta,{size:32}),Ht.createElement(bd,{variant:"contained",type:"primary",size:"large",onClick:t},jr.t("Yes, Cancel it")),Ht.createElement(Ta,{size:12}),Ht.createElement(bd,{variant:"outlined",type:"primary",size:"large",onClick:e},jr.t("No, Continue"))),"CancelContent");import{i18n as Xr}from"@lingui/core";import{Button as Ed,Divider as ka,MessageBox as gk,Typography as hk}from"@rango-dev/ui";import At from"react";var Ad=i(({onDelete:t,onClose:e})=>At.createElement(At.Fragment,null,At.createElement(ka,{size:20}),At.createElement(gk,{type:"error",title:Xr.t("Delete Transaction"),description:Xr.t("Are you sure you want to delete this swap?")}),At.createElement(ka,{size:32}),At.createElement(Ed,{variant:"contained",type:"primary",size:"large",onClick:t},Xr.t("Yes, Delete it")),At.createElement(ka,{size:12}),At.createElement(Ed,{variant:"outlined",type:"primary",size:"large",onClick:e},At.createElement(hk,{variant:"title",size:"medium",color:"primary"},Xr.t("No, Cancel")))),"DeleteContent");import{i18n as wa}from"@lingui/core";import{PendingSwapNetworkStatus as xa}from"rango-types";var va={[xa.WaitingForNetworkChange]:{type:"loading",title:wa.t("Change Network")},[xa.WaitingForConnectingWallet]:{type:"warning",title:wa.t("Connect Wallet")},[xa.NetworkChanged]:{type:"success",title:wa.t("Network Changed")}};import{debug as 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 cn from"react";import{styled as Wd}from"@rango-dev/ui";var Nd=Wd("div",{display:"flex",justifyContent:"center"}),SU=Wd("div",{maxWidth:280,"& ._typography":{wordWrap:"break-word",display:"block"}});var Md=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?ui(c(u)):null,m=u?p(u):null;return cn.createElement(cn.Fragment,null,cn.createElement(Sk,{type:e,title:o,description:r}),s&&!!u&&!!d&&!!m&&cn.createElement(Nd,null,cn.createElement(Ck,{container:L(),title:m.name,image:m.img,type:u,state:d,link:m.installLink,disabled:a,onClick:async()=>l(u).catch(h=>yk(h))})))},"WalletStateContent");function ba(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:s,message:a,walletButtonDisabled:l}=t,p=e===Kr.WaitingForNetworkChange||e===Kr.WaitingForConnectingWallet||e===Kr.NetworkChanged;return Yr.createElement(le,{open:!!e,onClose:o,container:document.getElementById(ke.SWAP_BOX_ID)||document.body},p&&Yr.createElement(Md,{type:va[e].type,title:va[e].title,currentStepWallet:s,message:a,walletButtonDisabled:l,showWalletButton:e!==Kr.WaitingForNetworkChange}),e==="delete"&&Yr.createElement(Ad,{onClose:o,onDelete:n}),e==="cancel"&&Yr.createElement(Id,{onClose:o,onCancel:r}))}i(ba,"SwapDetailsModal");import{i18n as un}from"@lingui/core";import{Button as Ia,Divider as Jr,MessageBox as Ld,TokenAmount as kk,Typography as Ea}from"@rango-dev/ui";import Ae from"react";import{useNavigate as wk}from"react-router-dom";function Aa(t){let{open:e,onClose:o,status:n,priceValue:r,usdValue:s,realUsdValue:a,realValue:l,token:p,chain:c,percentageChange:u,description:d,diagnosisUrl:m}=t,f=wk();return Ae.createElement(le,{open:e,onClose:o,container:document.getElementById(ke.SWAP_BOX_ID)||document.body},n==="success"?Ae.createElement(Ld,{type:"success",title:un.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(Jr,{size:12}),Ae.createElement(Ea,{variant:"body",size:"medium",color:"neutral700",align:"center"},d)):Ae.createElement(Ld,{type:"error",title:un.t("Transaction Failed"),description:d}),Ae.createElement(Jr,{size:32}),n==="success"&&Ae.createElement(Ia,{variant:"contained",type:"primary",size:"large",onClick:()=>{f("../../")}},Ae.createElement(Ea,{variant:"title",size:"medium",color:"neutral100"},un.t("Done"))),Ae.createElement(Jr,{size:12}),m&&Ae.createElement(Ae.Fragment,null,Ae.createElement(Ia,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(m,"_blank")},un.t("Diagnosis")),Ae.createElement(Jr,{size:12})),Ae.createElement(Ia,{variant:"outlined",type:"primary",size:"large",onClick:o},Ae.createElement(Ea,{variant:"title",size:"medium",color:"primary"},un.t("See Details"))))}i(Aa,"SwapDetailsCompleteModal");import Bk from"react";import{i18n as Wk}from"@lingui/core";import{Alert as Xd,IconButton as Nk,LinkIcon as Mk}from"@rango-dev/ui";import Gt,{Fragment as Lk}from"react";import{Alert as bk,ChevronDownIcon as Ik,IconButton as Ek}from"@rango-dev/ui";import xo,{useState as Ak}from"react";import{css as mn,darkTheme as xk,styled as Wt,Typography as vk}from"@rango-dev/ui";var Bd=Wt("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),Zr=Wt("div",{width:"100%"}),_d=Wt($o,{padding:"$0 $20 $20 $20"}),RU=Wt("div",{display:"flex",flexDirection:"column",gap:"$10"}),Pd=Wt("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),eq=Wt("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1}),wo=mn({display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",padding:"$10 $20",borderBottom:"1px solid",$$color:"$colors$neutral300",[`.${xk} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color",color:"$neutral500"}),$d=mn({padding:"$5 0"}),Rr=mn({display:"flex",justifyContent:"center",alignItems:"center",height:"$24"}),Dd=mn({display:"flex",width:"100%",padding:"$15 $20 $20",flexDirection:"column",alignItems:"start"}),Fd=mn({width:"100%",padding:"0 $20 $10"}),Od=Wt("a",{fontSize:"$16",fontWeight:"$400",color:"$neutral700",display:"flex",alignItems:"center",justifyContent:"center"}),Ud=Wt("div",{display:"flex",flexDirection:"column",gap:"$5"}),ei=Wt(vk,{wordBreak:"break-all"});import{styled as Wa}from"@rango-dev/ui";var qd=Wa("div",{display:"flex",flexDirection:"column",gap:"$10"}),zd=Wa("div",{transition:"transform 0.3s ease-in-out",variants:{rotated:{true:{transform:"rotate(180deg)"}}}}),Qd=Wa("div",{transition:"max-height 0.3s ease-in-out",maxHeight:"0px",overflow:"hidden",variants:{open:{true:{maxHeight:"200px"}}}});function Hd(t){let{message:e}=t,[o,n]=Ak(!1);return xo.createElement(bk,{type:"error",title:e.shortMessage,containerStyles:{"& .footer":{paddingTop:"$0"}},action:e.detailedMessage.content&&xo.createElement(Ek,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},xo.createElement(zd,{rotated:o},xo.createElement(Ik,{size:12,color:"gray"}))),footer:xo.createElement(Qd,{open:o},xo.createElement(ei,{variant:"body",size:"xsmall",color:"neutral700"},e.detailedMessage.content))})}i(Hd,"FailedAlert");import{i18n as Gd}from"@lingui/core";import{Alert as Na,Button as Vd}from"@rango-dev/ui";import{PendingSwapNetworkStatus as Ma}from"rango-types";import dn from"react";function jd(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?dn.createElement(Na,{type:"warning",title:n.shortMessage,action:dn.createElement(Vd,{size:"xxsmall",type:"warning",onClick:()=>{o(Ma.WaitingForNetworkChange),e().catch(s=>{console.log(s)})}},Gd.t("Change"))}):r===Ma.WaitingForConnectingWallet?dn.createElement(Na,{type:"warning",title:n.shortMessage,action:dn.createElement(Vd,{size:"xxsmall",type:"warning",onClick:()=>{o(Ma.WaitingForConnectingWallet)}},Gd.t("Connect"))}):dn.createElement(Na,{type:"warning",title:n.shortMessage})}i(jd,"WarningAlert");function La(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:s,hasAlreadyProceededToSign:a}=t,l=Bo(s),p=s.status==="waitingForApproval"&&!l,c=s.status==="running"&&!l,u=c&&!a||p&&!s.explorerUrl?.length;return Gt.createElement(qd,null,s.explorerUrl?.map((d,m,f)=>{let h=m+d.url,C=m===f.length-1,S=(C&&c||p)&&!u,g=C&&s.status==="failed";return Gt.createElement(Lk,{key:h},Gt.createElement(Xd,{type:C&&(S&&"loading"||g&&"error")||"success",title:d.description?`${d.description} Tx`:Wk.t("View transaction"),action:d.url&&Gt.createElement(Nk,{variant:"ghost",size:"xsmall",onClick:()=>window.open(d.url,"_blank")},Gt.createElement(Mk,{size:12}))}))}),u&&Gt.createElement(Xd,{type:"loading",title:r.shortMessage}),s.status!=="failed"&&l&&Gt.createElement(jd,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),s.status==="failed"&&Gt.createElement(Hd,{message:r}))}i(La,"SwapDetailsAlerts");var Kd=2e3;var Yd=i(({swap:t,blockchains:e,swappers:o,...n})=>{let r=t.hasAlreadyProceededToSign!==!1;return t.steps.map((s,a)=>{let l=a===0?t.inputAmount:t.steps[a-1].outputAmount||t.steps[a-1].expectedOutputAmountHumanReadable;return{from:{token:{displayName:s.fromSymbol,image:s.fromLogo??""},chain:{displayName:Ve(s.fromBlockchain,e)??"",image:s.fromBlockchainLogo??""},price:{value:N(l,6,6),realValue:l}},to:{token:{displayName:s.toSymbol,image:s.toLogo},chain:{displayName:Ve(s.toBlockchain,e)??"",image:s.toBlockchainLogo??""},price:{value:N(s.outputAmount||s.expectedOutputAmountHumanReadable,6,6),realValue:s.outputAmount||s.expectedOutputAmountHumanReadable}},swapper:{displayName:Wo(s.swapperId,o),image:s.swapperLogo??"",type:s.swapperType},internalSwaps:s.internalSwaps?s.internalSwaps.map(p=>({from:{chain:{displayName:Ve(p.fromBlockchain,e)??"",image:p.fromBlockchainLogo??""}},to:{chain:{displayName:Ve(p.toBlockchain,e)??"",image:p.toBlockchainLogo??""}},swapper:{displayName:Wo(p.swapperId,o),image:p.swapperLogo??"",type:p.swapperType}})):[],alerts:Bk.createElement(La,{step:s,hasAlreadyProceededToSign:r,...n})}})},"getSteps");function Jd(t){if(Bo(t)&&t.status!=="failed"&&t.status!=="success")return"warning";switch(t.status){case"created":return"default";case"approved":case"waitingForApproval":case"running":return"in-progress";case"failed":return"error";case"success":return"completed"}}i(Jd,"getStepState");function Ba(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:s,connect:a,getWalletInfo:l}=Hk(),p=y().blockchains(),c=y().swappers(),u=y().tokens(),d=j.use.retry(),m=re.use.isActiveTab(),f=Vk(),[h,C]=Qk(Kd),S=Gk(null),[g,k]=tf(null),[w,x]=tf(null),b=i(()=>{r(),k(null)},"onCancel"),A=Fe.use.getUnreadNotifications(),v=Fe.use.setAsRead(),T=A(),M=Pk(e),E=M?.networkStatus;ef(()=>{T.find(pt=>pt.requestId===e.requestId)&&(e.status==="success"||e.status==="failed"?(x(e.status),v(e.requestId)):w&&x(null))},[e.status,e.requestId]),ef(()=>{ie?k(ti.WaitingForNetworkChange):E===ti.WaitingForConnectingWallet||E===ti.NetworkChanged?k(E):k(null)},[E]);let B=np(e),Q=M?_k(e,M):null,q=M?$k(e,M):null,H=vd(e),_=rp(e),te=i(Ne=>!!l(Ne)?.mobileWallet,"isMobileWallet"),ie=E===ti.WaitingForNetworkChange&&!!Q&&!!q?.walletType&&(te(q.walletType)||s(q.walletType,Q)),R=ie?a.bind(null,q.walletType,Q):void 0,oe=op(e,M),I=Yd({swap:e,switchNetwork:R,showNetworkModal:E,setNetworkModal:k,message:oe,blockchains:p,swappers:c}),W=I.length,[ce,J]=[e.steps[0],e.steps[W-1]],ne=J.outputAmount||J.expectedOutputAmountHumanReadable,yt=e.steps.reduce((Ne,pt)=>Ne+parseFloat(pt.feeInUsd||""),0),G=e.steps.find(Ne=>Ne.diagnosisUrl)?.diagnosisUrl,V=N(parseFloat(N(ne,6,6))*(J.toUsdPrice||0),4,4),Y=N(parseFloat(e.inputAmount)*(ce.fromUsdPrice||0),4,4),Ce=ne?ue(new Rd(ne).multipliedBy(J.toUsdPrice||0)):"",et=ue(new Rd(e.inputAmount).multipliedBy(ce.fromUsdPrice||0)),De=Xe(Y,V),We=oe.detailedMessage.content||oe.shortMessage,Ge=e.status==="success"?Nt.t({id:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:N(ne,6,6),token:I[W-1].to.token.displayName,conciseAddress:vn(e.wallets[I[W-1].to.chain.displayName]?.address||""),chain:I[W-1].to.chain.displayName}}):Z.createElement(Ud,null,Z.createElement(no,{variant:"body",size:"medium",color:"neutral700",align:"center"},We?"":Nt.t("Transaction was not sent."),B?`${Nt.t({id:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:B.outputAmount,symbol:B.symbol,blockchain:B.blockchain}})}`:""),Z.createElement(ei,{align:"center",variant:"body",size:"medium",color:"neutral700"},We));return Z.createElement(pe,{header:{title:Nt.t("Swap and Bridge"),onCancel:e.status==="running"?()=>k("cancel"):void 0,suffix:e.status!=="running"&&Z.createElement(co,null,Z.createElement(Zd,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>k("delete")},Z.createElement(no,{size:"medium",variant:"label",color:"error"},Nt.t("Delete"))))},footer:_&&!w&&Z.createElement(Zd,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{d(e,{blockchains:p,tokens:u}),setTimeout(()=>{f("../../")},0)}},Nt.t("Try again"))},Z.createElement(me,{compact:!0,view:!0},Z.createElement(Zr,null,Z.createElement("div",{className:wo()},Z.createElement(no,{variant:"label",size:"large",color:"neutral700"},`${Nt.t("Request ID")}:`),Z.createElement("div",{className:Rr()},Z.createElement(no,{variant:"label",size:"small",color:"neutral700"},o),Z.createElement(Ok,{variant:"ghost",onClick:C.bind(null,o||"")},Z.createElement(Dk,{size:16,color:"gray"})),Z.createElement(Od,{target:"_blank",href:`${Ha}/swap/${o}`},Z.createElement(Uk,{size:16})))),Z.createElement("div",{className:wo()},Z.createElement(no,{variant:"label",size:"large",color:"neutral700"},`${Nt.t(e.finishTime?"Finished at":"Created at")}:`),Z.createElement(no,{variant:"label",size:"small",color:"neutral700"},H))),Z.createElement("div",{className:Dd()},Z.createElement(qk,{fee:N(String(yt),2,2),time:bo(yn(e.steps)),steps:W}),Z.createElement(Qo,{from:{price:{value:N(e.inputAmount,6,6),usdValue:Y,realUsdValue:et,realValue:e.inputAmount},token:{displayName:I[0].from.token.displayName,image:I[0].from.token.image},chain:{image:I[0].from.chain.image,displayName:I[0].from.chain.displayName}},to:{price:{value:N(ne,6,6),usdValue:V,realUsdValue:Ce,realValue:ne},token:{displayName:I[W-1].to.token.displayName,image:I[W-1].to.token.image},chain:{image:I[W-1].to.chain.image,displayName:I[W-1].to.chain.displayName}},percentageChange:N(De,2,2),warningLevel:Tt(De??0)})),Z.createElement("div",{className:Fd()},Z.createElement(no,{variant:"title",size:"small"},Nt.t("Swaps steps"))),Z.createElement(Fk,{size:8}),Z.createElement(_d,{ref:S},I.map((Ne,pt)=>{let za=pt,vo=Jd(e.steps[pt]),kf=vo==="error"||vo==="in-progress"||vo==="warning"||vo==="completed"&&pt===I.length-1;return Z.createElement(zk,{key:za,step:Ne,type:"swap-progress",ref:S,state:vo,hasSeparator:pt!==0,tabIndex:za,isFocused:kf,tooltipContainer:L()})}))),Z.createElement(ba,{state:g,onClose:()=>k(null),onCancel:b,onDelete:n,message:oe.detailedMessage.content,currentStepWallet:q,walletButtonDisabled:!m}),Z.createElement(Aa,{open:!!w,diagnosisUrl:G,onClose:()=>x(null),status:e.status==="success"?"success":"failed",priceValue:N(ne,6,6),usdValue:V,realUsdValue:Ce,realValue:ue(ne),percentageChange:N(De,2,2),token:{displayName:I[W-1].to.token.displayName,image:I[W-1].to.token.image},chain:{image:I[W-1].to.chain.image},description:Ge}))}i(Ba,"SwapDetails");import{i18n as ni}from"@lingui/core";import{Divider as rf,NotFound as Jk,Skeleton as gn,Typography as ri}from"@rango-dev/ui";import he from"react";import{i18n as jk}from"@lingui/core";import{Divider as Xk,Skeleton as Kk,Typography as Yk}from"@rango-dev/ui";import Se from"react";import{css as lt,styled as _a}from"@rango-dev/ui";var of=_a("div",{width:"100%",height:"100%",padding:"$10 $20"}),fn=_a("div",{backgroundColor:"$neutral100",borderRadius:"$xm",padding:"$10 $15"}),oi=_a("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"}),mz=lt({display:"flex",justifyContent:"space-between",alignItems:"center"}),dz=lt({display:"flex",justifyContent:"space-between",alignItems:"center"}),fz=lt({paddingTop:"$15",display:"flex"}),gz=lt({padding:"$15 $0"}),hz=lt({width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"}),yz=lt({paddingBottom:"$10"}),Sz=lt({display:"flex",justifyContent:"start",alignItems:"center"}),Cz=lt({paddingTop:"$5",display:"flex",alignItems:"center"}),Tz=lt({display:"flex",alignItems:"center"}),kz=lt({padding:"$4 $6",display:"flex",justifyContent:"center",alignItems:"center"}),nf=lt({display:"flex",paddingTop:"$10",paddingBottom:"$5"});function Pa(){return Se.createElement(of,null,Se.createElement(Xo,{type:"swap-preview"}),Se.createElement("div",{className:"swaps-steps"},Se.createElement(Yk,{variant:"title",size:"small"},jk.t("Swaps steps"))),Se.createElement(Se.Fragment,null,Se.createElement(fn,null,Se.createElement(ft,{separator:!1}),Se.createElement("div",{className:nf()},Se.createElement(Xk,{direction:"horizontal",size:20}),Se.createElement(Kk,{height:22,variant:"rectangular"}))),Se.createElement(oi,null),Se.createElement(fn,null,Se.createElement(ft,{separator:!1})),Se.createElement(oi,null),Se.createElement(fn,null,Se.createElement(ft,{separator:!1})),Se.createElement(oi,null),Se.createElement(fn,null,Se.createElement(ft,{separator:!1}))))}i(Pa,"LoadingSwapDetails");function sf(t){let{requestId:e,showSkeleton:o}=t;return he.createElement(pe,{header:{title:ni.t("Swap and Bridge"),suffix:he.createElement(co,null)}},o&&he.createElement(Bd,null,he.createElement(Zr,null,he.createElement("div",{className:wo()},he.createElement(ri,{variant:"label",size:"large",color:"neutral700"},`${ni.t("Request ID")}:`),he.createElement("div",{className:Rr()},he.createElement(ri,{variant:"label",size:"small",color:"neutral700"},he.createElement(gn,{width:60,height:10,variant:"rounded"})),he.createElement(rf,{direction:"horizontal",size:4}),he.createElement(gn,{width:16,height:16,variant:"rectangular"}),he.createElement(rf,{direction:"horizontal",size:4}),he.createElement(gn,{width:16,height:16,variant:"rectangular"}))),he.createElement("div",{className:wo()},he.createElement(ri,{className:$d(),variant:"label",size:"large",color:"neutral700"},he.createElement(gn,{width:60,height:10,variant:"rounded"})),he.createElement(ri,{variant:"label",size:"small",color:"neutral700"},he.createElement(gn,{width:60,height:10,variant:"rounded"})))),he.createElement(Pa,null)),!o&&he.createElement(Pd,null,he.createElement(Jk,{title:ni.t("Not found"),description:ni.t({id:"Swap with request ID = {requestId} not found.",values:{requestId:e}})})))}i(sf,"SwapDetailsPlaceholder");function af(){let{manager:t,state:e}=ew(),o=!e.loadedFromPersistor,n=mt(t),{requestId:r}=ow(),s=Ye(),{fetchStatus:a}=y();if(!r)return $a.createElement(tw,{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&&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?$a.createElement(sf,{requestId:r,showSkeleton:l}):$a.createElement(Ba,{swap:d,requestId:r,onCancel:c,onDelete:u})}i(af,"SwapDetailsPage");function lf(){return fp(),$i(),nw([{path:O.home,element:qe.createElement(Wm,null)},{path:O.routes,element:qe.createElement(_m,null)},{path:O.fromSwap,children:[{index:!0,element:qe.createElement(ga,{type:"source"})},{path:O.blockchains,element:qe.createElement(Zs,{type:"source"})}]},{path:O.toSwap,children:[{index:!0,element:qe.createElement(ga,{type:"destination"})},{path:O.blockchains,element:qe.createElement(Zs,{type:"destination"})}]},{path:O.settings,children:[{index:!0,element:qe.createElement(wd,null)},{path:O.languages,element:qe.createElement(Mm,null)},{path:O.exchanges,element:qe.createElement(Xs,{sourceType:"Exchanges"})},{path:O.bridges,element:qe.createElement(Xs,{sourceType:"Bridges"})}]},{path:O.swaps,children:[{index:!0,element:qe.createElement(pm,null)},{path:O.swapDetails,element:qe.createElement(af,null)}]},{path:O.wallets,element:qe.createElement(wc,null)},{path:O.confirmSwap,element:qe.createElement(Ju,null)}])}i(lf,"AppRoutes");import{useQueueManager as uw}from"@rango-dev/queue-manager-rango-preset";import{splitWalletNetwork as mw}from"@rango-dev/wallets-shared";import{isEvmBlockchain as dw}from"rango-sdk";import{useContext as fw,useEffect as gw,useState as gf}from"react";import{globalCss as rw}from"@rango-dev/ui";var pf=i(()=>rw({"@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 cf(){let{setWatermark:t}=re();return{fetchApiConfig:i(async()=>{let o=await fetch(`${St("BASE_URL")}/meta/dapp/config?apiKey=${St("API_KEY")}`);if(!o.ok)throw new Error(`Request failed with status: ${o.status} `);let n=await o.json();t(n.config.watermark)},"fetchApiConfig")}}i(cf,"useFetchApiConfig");import{useWallets as iw}from"@rango-dev/wallets-react";import{useEffect as sw,useRef as aw}from"react";function uf(){let{connect:t,state:e}=iw(),o=aw({}),{fetchStatus:n}=y(),r=new URLSearchParams(location.search).get("autoConnect")||"",s=e(r);sw(()=>{n==="success"&&r&&s.installed&&!s.connecting&&!s.connected&&!o.current[r]&&(o.current[r]=!0,t(r))},[s,n])}i(uf,"useForceAutoConnect");import{isApprovalTX as lw,MainEvents as ii,RouteEventType as mf,StepEventType as df,StepExecutionEventStatus as pw,useEvents as cw}from"@rango-dev/queue-manager-rango-preset";import{useEffect as ff}from"react";function Da(){let t=y().tokens(),e=K.use.connectedWallets(),o=K.use.getWalletsDetails(),n=Fe.use.setNotification(),r=cw();ff(()=>{let s=i(a=>{let{event:l,step:p,route:c}=a;if(l.type===df.TX_EXECUTION&&l.status===pw.TX_SENT&&!lw(p)||l.type===df.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(ii.StepEvent,s),()=>r.off(ii.StepEvent,s)},[r,e.length]),ff(()=>{let s=i(a=>{let{event:l,route:p}=a;(l.type===mf.FAILED||l.type===mf.SUCCEEDED)&&n(l,p)},"handleRouteEvent");return r.on(ii.RouteEvent,s),()=>r.off(ii.RouteEvent,s)},[r,e.length])}i(Da,"useSubscribeToWidgetEvents");function Fa(){pf(),uf(),Da();let t=y().blockchains(),{canSwitchNetworkTo:e}=pr(),[o,n]=gf(""),[r,s]=gf(),a=fw(Mn),l=t.filter(dw),{fetchApiConfig:p}=cf();uw({lastConnectedWallet:o,clearDisconnectedWallet:()=>{s(void 0)},disconnectedWallet:r,evmChains:l,canSwitchNetworkTo:e}),gw(()=>(Vt.init(),Fe.persist.hasHydrated()||Fe.persist.rehydrate(),a.onConnectWallet(n),a.onDisconnectWallet(c=>{s(c),c===mw(o)?.[0]&&n("")}),p().catch(console.log),Vt.destroy),[])}i(Fa,"useBootstrap");import{styled as hw}from"@rango-dev/ui";var hf=hw("div",{fontFamily:"$widget",boxSizing:"border-box",textAlign:"left","& *, *::before, *::after":{boxSizing:"inherit"},"& *:focus-visible":{outlineColor:"$info500",transition:"none"},"& ul, ol, li":{listStyleType:"none"}});function si(){Fa();let{config:t}=y(),{activeTheme:e}=Rn(t?.theme||{}),{activeLanguage:o}=zt();return Oa.createElement(yw,{language:o},Oa.createElement(hf,{id:"swap-container",className:e()},Oa.createElement(lf,null)))}i(si,"Main");import qa,{useMemo as Pw}from"react";import{checkWaitingForNetworkChange as Sw,makeQueueDefinition as Cw}from"@rango-dev/queue-manager-rango-preset";import{Provider as Tw}from"@rango-dev/queue-manager-react";import{useWallets as kw}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as ww}from"@rango-dev/wallets-shared";import{isEvmBlockchain as xw}from"rango-types";import vw,{useMemo as bw}from"react";function Iw(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:s,getWalletInfo:a}=kw(),l=bw(()=>Cw({API_KEY:t.apiKey||St("API_KEY"),BASE_URL:St("BASE_URL")}),[t.apiKey]),p=y().blockchains(),u={blockchains:K.use.connectedWallets().map(w=>({accounts:[w],name:w.chain}))},d=i(async(w,x)=>{if(s(w,x))return r(w,x)},"switchNetwork"),m=i(w=>!!a(w).mobileWallet,"isMobileWallet"),f=p.filter(w=>w.enabled).reduce((w,x)=>(w[x.name]=x,w),{}),h=p.filter(xw),C=i(w=>{let{supportedChains:x}=a(w);return Tn(x)},"getSupportedChainNames"),S=e(),g={meta:{blockchains:f,evmBasedChains:h,evmNetworkChainInfo:ww(h),getSupportedChainNames:C},getSigners:o,wallets:u,providers:S,switchNetwork:d,canSwitchNetworkTo:s,connect:r,state:n,isMobileWallet:m},k=re.use.isActiveTab();return vw.createElement(Tw,{queuesDefs:[l],context:g,onPersistedDataLoaded:w=>{Sw(w)},isPaused:!k},t.children)}i(Iw,"QueueManager");var yf=Iw;import{useManager as Mw}from"@rango-dev/queue-manager-react";import Lw,{createContext as Bw,useContext as _w}from"react";import{cancelSwap as Ew,getCurrentBlockchainOfOrNull as Aw,getCurrentStep as Ww,getRelatedWalletOrNull as Nw}from"@rango-dev/queue-manager-rango-preset";var ai=class{static{i(this,"WidgetHistory")}manager;actions;constructor(e,o){this.manager=e,this.actions=o}getAllSwaps(){return mt(this.manager)}getCurrentStep(e){return this.getCurrentStepInfo(e).step}getCurrentStepWallet(e){return this.getCurrentStepInfo(e).wallet}getCurrentStepNetwork(e){return this.getCurrentStepInfo(e).network}retry(e,o){return this.actions.retrySwap(e,o)}cancel(e){let o=this.manager?.get(e);o&&Ew(o)}getCurrentStepInfo(e){let o=Ww(e);return{step:o,wallet:o?Nw(e,o):null,network:o?Aw(e,o):null}}};var Sf=Bw(void 0);function Ua(t){let{manager:e}=Mw(),o=re.use.isActiveTab(),n=j.use.retry(),r=new ai(e,{retrySwap:n}),s=K.use.connectedWallets(),a=K.use.loading(),l=el(s),p=K.use.getWalletsDetails(),c=y().blockchains(),u=y().tokens(),d=y().swappers(),m=y().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 Lw.createElement(Sf.Provider,{value:C},t.children)}i(Ua,"WidgetInfo");function Cf(){let t=_w(Sf);if(!t)throw new Error("useWidget can only be used within the WidgetProvider component");return t}i(Cf,"useWidget");function li(t){let{onUpdateState:e,config:o}=t;return Pw(()=>{sl({API_KEY:o?.apiKey||hn,BASE_URL:o?.apiUrl||Qa})},[o.apiKey,o.apiUrl]),qa.createElement(Ln,{config:o,onUpdateState:e},qa.createElement(yf,{apiKey:o.apiKey},qa.createElement(Ua,null,t.children)))}i(li,"WidgetProvider");function Tf(t){let e=t.config?.externalWallets;return pi.createElement(Ol,null,e?pi.createElement(si,null):pi.createElement(li,{config:t.config??hi},pi.createElement(si,null)))}i(Tf,"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,ke as UI_ID,xG as WalletEvents,IG as WalletTypes,Tf as Widget,li as WidgetProvider,Ln as WidgetWallets,Hi as customizedThemeTokens,wG as readAccountAddress,pr as useWallets,Cf as useWidget,TG as useWidgetEvents};
|
|
3
3
|
//# sourceMappingURL=index.js.map
|