@rango-dev/widget-embedded 0.22.4-next.9 → 0.23.1-next.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +19 -0
- package/dist/QueueManager.d.ts.map +1 -1
- package/dist/components/ConfirmWalletsModal/ConfirmWalletsModal.d.ts.map +1 -1
- package/dist/components/Quote/Quote.d.ts.map +1 -1
- package/dist/components/Quote/Quote.styles.d.ts +0 -162
- package/dist/components/Quote/Quote.styles.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/QuoteCostDetails.d.ts.map +1 -1
- package/dist/components/QuoteSkeleton/QuoteSkeleton.types.d.ts +2 -1
- package/dist/components/QuoteSkeleton/QuoteSkeleton.types.d.ts.map +1 -1
- package/dist/components/SwapDetailsModal/SwapDetailsCompleteModal.d.ts.map +1 -1
- package/dist/components/SwapDetailsModal/SwapDetailsModal.Cancel.d.ts.map +1 -1
- package/dist/components/SwapDetailsModal/SwapDetailsModal.Delete.d.ts.map +1 -1
- package/dist/constants/quote.d.ts +1 -0
- package/dist/constants/quote.d.ts.map +1 -1
- package/dist/containers/Wallets/Wallets.d.ts.map +1 -1
- package/dist/index.js +2 -2
- package/dist/index.js.map +3 -3
- package/dist/pages/Home.d.ts.map +1 -1
- package/dist/utils/quote.d.ts +2 -4
- package/dist/utils/quote.d.ts.map +1 -1
- package/package.json +8 -8
- package/src/QueueManager.tsx +0 -3
- package/src/components/ConfirmWalletsModal/ConfirmWalletsModal.tsx +8 -3
- package/src/components/Quote/Quote.styles.ts +0 -7
- package/src/components/Quote/Quote.tsx +27 -9
- package/src/components/Quote/Quote.types.ts +3 -0
- package/src/components/Quote/QuoteCostDetails.tsx +8 -29
- package/src/components/QuoteSkeleton/QuoteSkeleton.types.ts +3 -1
- package/src/components/SwapDetailsModal/SwapDetailsCompleteModal.tsx +1 -3
- package/src/components/SwapDetailsModal/SwapDetailsModal.Cancel.tsx +3 -7
- package/src/components/SwapDetailsModal/SwapDetailsModal.Delete.tsx +1 -3
- package/src/constants/quote.ts +2 -0
- package/src/containers/Wallets/Wallets.tsx +5 -11
- package/src/pages/Home.tsx +2 -4
- package/src/utils/quote.ts +3 -19
package/dist/index.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
var ud=Object.defineProperty;var i=(t,e)=>ud(t,"name",{value:e,configurable:!0});import{EventSeverity as wq,MainEvents as vq,RouteEventType as xq,StepEventType as bq,StepExecutionBlockedEventStatus as Iq,StepExecutionEventStatus as Aq,useEvents as Eq}from"@rango-dev/queue-manager-rango-preset";import{readAccountAddress as Lq,useWallets as Pp,Events as Mq}from"@rango-dev/wallets-react";import{Networks as Bq,WalletTypes as Pq}from"@rango-dev/wallets-shared";import{PendingSwapNetworkStatus as _q}from"rango-types";import{UI_ID as cd}from"@rango-dev/ui";var on="c6381a79-2817-4602-83bf-6a641a409e32",ca="https://api.rango.exchange",ma="https://scan.rango.exchange",Ee={SWAP_BOX_ID:"rango-swap-box",...cd};import{Events as ti,Provider as Gd}from"@rango-dev/wallets-react";import{isEvmBlockchain as Vd}from"rango-sdk";import Sn,{createContext as jd,useEffect as oi,useRef as Kd,useState as Xd}from"react";import{useEffect as Ed}from"react";import{create as bd}from"zustand";import{subscribeWithSelector as Id}from"zustand/middleware";import{RangoClient as vd}from"rango-sdk";import{WalletState as st}from"@rango-dev/ui";import{readAccountAddress as fd}from"@rango-dev/wallets-react";import{detectInstallLink as gd,getCosmosExperimentalChainInfo as hd,isEvmAddress as yd,KEPLR_COMPATIBLE_WALLETS as tk,Networks as ha}from"@rango-dev/wallets-shared";import Vr from"bignumber.js";import{isCosmosBlockchain as Sd}from"rango-types";import md from"bignumber.js";var We=new md(0);import{WalletTypes as dd}from"@rango-dev/wallets-shared";var da=[dd.LEAP];import{BigNumber as ga}from"bignumber.js";var nn=i(t=>{let e=(t%60).toString().padStart(2,"0");return`${parseInt((t/60).toString()).toString().padStart(2,"0")}:${e}`},"secondsToString"),W=i((t,e=null,o=null)=>{if(t==null||t==="")return"";let n=new ga(t),r=1,s=1e3;for(let a=0;a<60;a++)if(new ga(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 rn=i(t=>t?.reduce((e,o)=>e+(o.estimatedTimeInSeconds??0),0)||0,"totalArrivalTime");var it=i((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),So=i(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function pe(t){return W(t,12,12).replace(/(?:\.0*|(\.\d+?)0*)$/,"$1")}i(pe,"formatTooltipNumbers");function jr(t){switch(!0){case t.connected:return st.CONNECTED;case t.connecting:return st.CONNECTING;case!t.installed:return st.NOT_INSTALLED;default:return st.DISCONNECTED}}i(jr,"mapStatusToWalletState");function ya(t,e,o,n){return o.filter(r=>!da.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(c=>c.name===n):!0}).map(r=>{let{name:s,img:a,installLink:l}=e(r),p=jr(t(r));return{title:s,image:a,link:gd(l),state:p,type:r}})}i(ya,"mapWalletTypesToWalletInfo");function ln(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}i(ln,"walletAndSupportedChainsNames");function Sa(t,e,o,n,r){let s=[];function a(p,u){if(!!!s.find(h=>h.chain===p)){let h={address:u,chain:p,walletType:t};s.push(h)}}i(a,"addAccount");let l=n||[];return e.forEach(p=>{let{address:u,network:c}=fd(p),h=l.length>0,m=l.includes(c),d=c===ha.Unknown;if(h&&!m&&!d)return;let S=c===ha.Unknown&&yd(u);if(d&&!S)return;o.includes(c)||S?r?a(c,u.toLowerCase()):l.filter(w=>o.includes(w)).forEach(w=>{a(w,u.toLowerCase())}):a(c,u)}),s}i(Sa,"prepareAccountsForWalletStore");function Ca(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(Ca,"getRequiredChains");function pn(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}i(pn,"isAccountAndWalletMatched");function Ta(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 Vr(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:Td(o,r.asset.symbol,r.asset.address,e)||null}))||[]}i(Ta,"makeBalanceFor");function ka(t){return{...t,loading:!1,error:!0}}i(ka,"resetConnectedWalletState");var wa=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 Vr(s?.amount||We).multipliedBy(s?.usdPrice||0))?.reduce((s,a)=>s.plus(a),We)||We).toString();return Cd(r)},"calculateWalletUsdValue");function Cd(t){let e=t.toString().split(".");return e[0]=e[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),e.join(".")}i(Cd,"numberWithThousandSeparator");var Td=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice"),un=i((t,e)=>{let o=hd(Object.entries(t).map(([,n])=>n).filter(Sd));return o&&o[e]?.experimental},"isExperimentalChain");function cn(t){return t?{...t,amount:W(t.amount,8,8),usdValue:W(t.usdValue,4,4)}:null}i(cn,"formatBalance");function kd(t,e){return t?.usdValue&&e?.usdValue?parseFloat(e.usdValue)-parseFloat(t.usdValue):!t?.usdValue&&e?.usdValue?1:t?.usdValue&&!e?.usdValue?-1:!t?.usdValue&&!e?.usdValue?parseFloat(e?.amount||"0")-parseFloat(t?.amount||"0"):0}i(kd,"sortTokensByBalance");function wd(t,e,o){let n=o(t),r=o(e);return n===r?0:n?-1:1}i(wd,"sortTokensByPinnedToken");function va(t,e,o){return t.sort((n,r)=>{let s=e(n),a=e(r),l=wd(n,r,o);return l!==0?l:kd(s,a)}),t}i(va,"sortTokens");function Le(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}i(Le,"areTokensEqual");function xa(t){return t.sort((e,o)=>+(o.state===st.CONNECTED)-+(e.state===st.CONNECTED)||+(o.state===st.DISCONNECTED||o.state===st.CONNECTING)-+(e.state===st.DISCONNECTED||e.state===st.CONNECTING))}i(xa,"sortWalletsBasedOnConnectionState");function mn(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(mn,"getConciseAddress");function ba({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}i(ba,"getAddress");function Kr(t){return`${t.blockchain}-${t.symbol}-${t.address??""}`}i(Kr,"createTokenHash");function dn(t){return t.flatMap(e=>e.balances).reduce((e,o)=>{let n={amount:o?.amount??"",decimals:o?.decimal??0,usdValue:o?.usdPrice?new Vr(o?.usdPrice??We).multipliedBy(o?.amount).toString():""},r=o?Kr({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(dn,"makeTokensBalance");var Ia=i((t,e)=>!!t.find(o=>o.chain===e&&o.loading),"isFetchingBalance");function Aa(t){return t.map(e=>e.state).join("-")}i(Aa,"hashWalletsState");var Xr={API_KEY:on};function ht(t){return Xr[t]||""}i(ht,"getConfig");function Ea(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),Xr=e,Xr}i(Ea,"initConfig");var Wa=20,La=25,Ma="Roboto",Yr="theme-widget",Co=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"),Jr=i((t,e)=>t&&e&&!e.includes(t.name),"isBlockchainExcludedInConfig");var fn,At=i(()=>fn||(fn=new vd(ht("API_KEY"),ht("BASE_URL")),fn),"httpService");var xd=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"),Et=xd;var K=Et(bd()(Id((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:dn(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=>pn(p,l))?{...l,loading:!0}:l)}));try{let a=o.map(({address:u,chain:c})=>({address:u,blockchain:c})),p=(await At().getWalletsDetails(a)).wallets;if(p)t(u=>{let c=u.connectedWallets.map(m=>{let d=o.find(S=>pn(S,m)),C=p.find(S=>S.address===m.address&&S.blockChain===m.chain);return C?.failed&&d&&r&&s([d],n,!1),d&&C?{...m,explorerUrl:C.explorerUrl,balances:Ta(C,n),loading:!1}:m});return{loading:!1,balances:dn(c),connectedWallets:c}});else throw new Error("Wallet not found")}catch{t(l=>{let p=l.connectedWallets.map(c=>o.find(h=>pn(h,c))?ka(c):c);return{loading:!1,balances:dn(p),connectedWallets:p}})}},getBalanceFor:o=>{let{balances:n}=e(),r=Kr(o);return n[r]??null}}))));import{allProviders as Ad}from"@rango-dev/provider-all";function gn(t,e){let o=Ad({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(gn,"matchAndGenerateProviders");function Na(t,e){return gn(t,e).map(r=>r.config.type)}i(Na,"configWalletsToWalletName");function Ba(t,e){let o=K.use.clearConnectedWallet(),n=gn(void 0,e);return Ed(()=>{o(),n=gn(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}i(Ba,"useWalletProviders");import Fd,{createContext as Ud,useContext as Od,useEffect as qd,useRef as zd}from"react";import{create as _d}from"zustand";import{persist as Dd}from"zustand/middleware";var Zr={apiKey:"",title:void 0,multiWallets:!0,enableNewLiquiditySources:!0,customDestination:!0},Wd={clientUrl:void 0},Ld={liquiditySources:void 0},Pa=i((t,e,o)=>({config:{...Zr,...t},iframe:Wd,campaignMode:Ld,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.enableNewLiquiditySources},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 hn(t){return Array.from(new Set(t))}i(hn,"removeDuplicateFrom");function Rr(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}i(Rr,"areEqual");function $a(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}i($a,"debounce");function Ut(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}i(Ut,"containsText");var B=i(()=>document.getElementById(Ee.SWAP_BOX_ID),"getContainer");function yn(t,e){let o=t.map(s=>s.swapperGroup),n=[];return hn(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(yn,"getUniqueSwappersGroups");function _a(t,e){return t.swapperGroup<e.swapperGroup?-1:t.swapperGroup>e.swapperGroup?1:0}i(_a,"sortLiquiditySourcesByGroupTitle");function He(t,e){return e?.[t]==="hidden"}i(He,"isFeatureHidden");function Da(t,e){return e?.[t]==="enabled"}i(Da,"isFeatureEnabled");var Fa=i((t,e)=>({_blockchains:[],_tokens:[],_popularTokens:[],_swappers:[],fetchStatus:"loading",blockchains:o=>{let n=e()._blockchains;if(!o||!o?.type)return n;let r=e().config,s=(o.type==="source"?r.from?.blockchains:r.to?.blockchains)??[];return n.filter(l=>!(s.length>0&&!s.includes(l.name)))},tokens:o=>{let n=e()._tokens;if(!o||!o?.type)return n;let r=e().config,s=(o.type==="source"?r.from?.tokens:r.to?.tokens)??{},a=e().blockchains({type:o.type});return n.filter(p=>s&&Co(p,s)||o.blockchain&&p.blockchain!==o.blockchain||!a.some(u=>u.name===p.blockchain)?!1:o.searchFor?!!(Ut(p.symbol,o.searchFor)||Ut(p.address||"",o.searchFor)||Ut(p.name||"",o.searchFor)):!0).sort((p,u)=>e().isTokenPinned(p,o.type)?-1:e().isTokenPinned(u,o.type)||p.isSecondaryCoin?1:u.isSecondaryCoin||!p.address&&u.address?-1:p.address&&!u.address?1: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.enableNewLiquiditySources;return e()._swappers.filter(u=>{let c=s?.includes(u.swapperGroup);return a||!s||s.length===0?!c:c}).sort(_a)},fetch:async()=>{try{let o=await At().getAllMetadata();t({fetchStatus:"success"});let n=[],r=[],s=o.popularTokens,a=o.swappers,l=new Set;o.tokens.forEach(p=>{l.add(p.blockchain),r.push(p)}),o.blockchains.forEach(p=>{p.enabled&&l.has(p.name)&&n.push(p)}),n.sort((p,u)=>p.sort-u.sort),t({_blockchains:n,_tokens:r,_popularTokens:s,_swappers:a})}catch(o){throw t({fetchStatus:"failed"}),o}}}),"createDataSlice");import{English as Md,French as Nd,Japanese as Bd,Portuguese as Pd,Spanish as $d}from"@rango-dev/ui";var Ua=[{title:"English",label:"English",local:"en",SVGFlag:Md},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:$d},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:Nd},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:Bd},{title:"Portuguese",label:"Portugu\xEAs",local:"pt",SVGFlag:Pd}],To="en";var Oa=[.5,1,3],qa=1,za=5,Qa=100,Ha=0;var Ga=i((t,e)=>({disabledLiquiditySources:[],theme:"auto",language:null,preferredBlockchains:[],slippage:qa,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,u=l<=10-1;return p&&u}))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=hn(o.map(a=>a.swapperGroup));return s.length===r.disabledLiquiditySources.length?{disabledLiquiditySources:[]}:{disabledLiquiditySources:s}}),toggleInfiniteApprove:()=>t(o=>({infiniteApprove:!o.infiniteApprove})),toggleLiquiditySource:o=>t(n=>n.disabledLiquiditySources.includes(o)?{disabledLiquiditySources:n.disabledLiquiditySources.filter(r=>r!=o)}:{disabledLiquiditySources:n.disabledLiquiditySources.concat(o)}),setTheme:o=>t(()=>({theme:o})),setLanguage:o=>t(()=>({language:o})),updateSettings:o=>{let{features:n}=o,r=He("theme",n),s=He("language",n),a=He("liquiditySource",n);t({...r&&{theme:"auto"},...s&&{language:To},...a&&{disabledLiquiditySources:[]}})}}),"createSettingsSlice");function Va(t){return _d()(Dd((...e)=>({...Fa(...e),...Ga(...e),...Pa(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(Va,"createAppStore");var ja=Ud(null);function g(){let t=Od(ja);if(qd(()=>{t&&!t.persist.hasHydrated()&&t.persist.rehydrate()},[]),!t)throw new Error("Missing AppStoreContext.Provider in the tree");return t()}i(g,"useAppStore");function Ka(t){let e=zd();return e.current||(e.current=Va(t.config)),Fd.createElement(ja.Provider,{value:e.current},t.children)}i(Ka,"AppStoreProvider");import{create as Hd}from"zustand";var Xa="rango-widget";var Xt=class{constructor(e){this.state="not-initiated";this.events={};this.init=()=>{this.initEvents(),this.tryClaim()};this.forceClaim=()=>{if(!this.isClaimed()){let e={name:"force-claim",candidateId:this.tabId};this.channel.postMessage(e),setTimeout(()=>{this.isClaimed()||this.claim()},300)}};this.isClaimed=()=>this.state==="claimed";this.destroy=()=>{this.channel.removeEventListener("message",this.handleMessageEvent),document.removeEventListener("visibilitychange",this.handleVisibilityChange),document.removeEventListener("resume",this.handleResume)};this.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.`)}};this.handleVisibilityChange=async()=>{document.visibilityState==="visible"&&await this.tryClaim()};this.handleResume=async()=>{this.isClaimed()&&(await this.tryClaim(),this.isClaimed()||this.events.onRelease?.())};this.channel=new BroadcastChannel(Xa),this.tabId=Math.trunc(Math.random()*1e5),this.events=e}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}}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)}}};i(Xt,"TabManager");var ne=Et(Hd()((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})}}))),Ot=new Xt({onInit:()=>ne.setState({tabManagerInitiated:!0}),onClaim:()=>ne.setState({isActiveTab:!0,showActivateTabModal:!1}),onRelease:()=>ne.setState({isActiveTab:!1})});var Cn=jd({onConnectWallet:()=>{}});function Yd(t){let{updateConfig:e,updateSettings:o,fetch:n}=g(),r=g().blockchains(),s=g().tokens(),a={walletConnectProjectId:t.config?.walletConnectProjectId},[l,p]=Xd([]),{providers:u}=Ba(t.config.wallets,a),{connectWallet:c,disconnectWallet:h}=K(),m=Kd();oi(()=>{n().catch(console.log)},[]),oi(()=>{t.config&&(e(t.config),o(t.config))},[t.config]);let d=r.filter(Vd).map(y=>y.name),C=i((y,f,w,k,v)=>{if(f===ti.ACCOUNTS)if(w){let I=ln(v.supportedBlockchains),x=Sa(y,w,d,I,v.isContractWallet);p(x)}else h(y);if(f===ti.ACCOUNTS&&k.connected){let I=`${y}-${k.network}-${w}`;k.connected&&(m.current?m.current(I):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(f===ti.NETWORK&&k.network){let I=`${y}-${k.network}`;m.current?m.current(I):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(y,f,w,k,v)},"onUpdateState"),S=ne.use.isActiveTab();return oi(()=>{l.length&&c(l,s)},[l,s]),Sn.createElement(Cn.Provider,{value:{onConnectWallet:y=>{m.current=y}}},Sn.createElement(Gd,{allBlockChains:r,providers:u,onUpdateState:C,autoConnect:!!S},t.children))}i(Yd,"Main");function Tn(t){let{config:e,...o}=t;return Sn.createElement(Ka,{config:e},Sn.createElement(Yd,{...o,config:e}))}i(Tn,"WidgetWallets");import pa,{useEffect as UT}from"react";import{I18nManager as ST}from"@rango-dev/ui";import en,{useContext as CT,useEffect as TT,useState as rd}from"react";import{useQueueManager as ef}from"@rango-dev/queue-manager-rango-preset";import{useWallets as tf}from"@rango-dev/wallets-react";import{isEvmBlockchain as of}from"rango-types";import nf,{Fragment as rf}from"react";import{MemoryRouter as sf,useInRouterContext as af}from"react-router";import{useWallets as Jd}from"@rango-dev/wallets-react";import{useEffect as Zd,useRef as Rd}from"react";function Za(){let{connect:t,state:e}=Jd(),o=Rd({}),{fetchStatus:n}=g(),r=new URLSearchParams(location.search).get("autoConnect")||"",s=e(r);Zd(()=>{n==="success"&&r&&s.installed&&!s.connecting&&!s.connected&&!o.current[r]&&(o.current[r]=!0,t(r))},[s,n])}i(Za,"useForceAutoConnect");function Ra({children:t,...e}){let n=af()?rf:sf,r=g().blockchains(),{canSwitchNetworkTo:s}=tf();Za();let a=r.filter(of);return ef({lastConnectedWallet:e.lastConnectedWallet,clearDisconnectedWallet:e.clearDisconnectedWallet,disconnectedWallet:e.disconnectedWallet,evmChains:a,canSwitchNetworkTo:s}),nf.createElement(n,null,t)}i(Ra,"AppRouter");import $e from"react";import{useRoutes as mT}from"react-router-dom";var _={home:"/",fromSwap:"from-swap",toSwap:"to-swap",blockchains:"blockchains",settings:"settings",liquiditySources:"liquidity-sources",themes:"themes",bridges:"bridges",exchanges:"exchanges",languages:"languages",swaps:"swaps",wallets:"wallets",confirmSwap:"confirm-swap",swapDetails:":requestId",routes:"routes"};import{useEffect as Zt,useRef as Wn}from"react";import Lt from"bignumber.js";import{create as df}from"zustand";import{subscribeWithSelector as ff}from"zustand/middleware";import{getLastSuccessfulStep as mf}from"@rango-dev/queue-manager-rango-preset";import Uv from"bignumber.js";import{i18n as at}from"@lingui/core";var ni={"Network Fee":at.t("Network Fee"),"Swapper Fee":at.t("Protocol Fee"),"Affiliate Fee":at.t("Affiliate Fee"),"Outbound network fee":at.t("Outbound Fee"),"Rango Fee":at.t("Rango Fee")},nv={SPEED:at.t("Fastest Transfer"),NET_OUTPUT:at.t("Maximum Return"),FEE:at.t("Lowest Fee"),PRICE:at.t("Maximum Output"),SMART:at.t("Smart Routing")},ri=["RECOMMENDED","CENTRALIZED","LOWEST_FEE","FASTEST","HIGH_IMPACT"];var Wt=(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))(Wt||{});function el(t,e){return e.find(o=>o.name===t)?.displayName}i(el,"getBlockchainDisplayNameFor");function Ge(t,e){return e.find(o=>o.name===t)?.shortName}i(Ge,"getBlockchainShortNameFor");function ko(t,e){return e.find(o=>o.id===t)?.swapperGroup}i(ko,"getSwapperDisplayName");function ii(t,e){return e.find(o=>Le(o,t))??null}i(ii,"findToken");function si(t,e){return e.find(o=>o.name===t)??null}i(si,"findBlockchain");import{i18n as Ye}from"@lingui/core";import Me from"bignumber.js";import{PendingSwapNetworkStatus as xn}from"rango-types";function kn(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(kn,"getRequiredWallets");function wn(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}i(wn,"isValidAddress");import{i18n as xe}from"@lingui/core";var Y=i(()=>({genericServerError:xe.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:xe.t("Please reset your liquidity sources."),description:xe.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources.")},noResultError:{title:xe.t("No Routes Found."),description:xe.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:xe.t("Bridge Limit Error: Please increase your amount."),decreaseAmount:xe.t("Bridge Limit Error: Please decrease your amount.")},highValueLossError:{impactTitle:xe.t("High Price Impact"),title:xe.t("Price impact is too high!"),description:xe.t("The price impact is significantly higher than the allowed amount. If you are sure, continue, otherwise, change the swap."),confirmMessage:xe.t("Confirm high price impact")},quoteUpdatedWithHighValueLoss:{title:xe.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:xe.t("USD Price Unknown"),title:xe.t("USD Price Unknown, Cannot calculate Price Impact."),description:xe.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:xe.t("Confirm USD Price Unknown")}}),"errorMessages");function tl(t){switch(t.type){case 0:return t.diagnosisMessage??Y().noResultError.title;case 1:return Y().genericServerError;default:return""}}i(tl,"getQuoteErrorMessage");import{i18n as vn}from"@lingui/core";var zt=i(()=>({connectWallet:vn.t("Connect Wallet"),swap:vn.t("Swap"),swapAnyway:vn.t("Swap anyway"),ethWarning:vn.t("The route goes through Ethereum. Continue?")}),"swapButtonTitles");function ol(t,e){return(parseInt(e.toFixed(2)||"0")<=-10&&t?.gte(new Me(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new Me(1e3)))??!1}i(ol,"hasHighValueLoss");function nl(t){return(t||[]).filter(e=>{let o=e.fromAmountMinValue?new Me(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Me(e.fromAmountMaxValue):null;return e.fromAmountRestrictionType==="EXCLUSIVE"?o?.gte(e.fromAmount)||n?.lte(e.fromAmount):o?.gt(e.fromAmount)||n?.lt(e.fromAmount)}).length>0}i(nl,"hasLimitError");function rl(t){let e=(t||[]).filter(l=>{let p=l.fromAmountMinValue?new Me(l.fromAmountMinValue):null,u=l.fromAmountMaxValue?new Me(l.fromAmountMaxValue):null;return l.fromAmountRestrictionType==="EXCLUSIVE"?p?.gte(l.fromAmount)||u?.lte(l.fromAmount):p?.gt(l.fromAmount)||u?.lt(l.fromAmount)})[0],o=e.fromAmountMinValue?new Me(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Me(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",s="",a="";return!r&&o&&o.gt(e.fromAmount)?(s=Ye.t({id:"Required: >= {min} {symbol}",values:{min:W(o,6,6),symbol:e.from.symbol}}),a=Y().bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(s=Ye.t({id:"Required: > {min} {symbol}",values:{min:W(o,6,6),symbol:e.from.symbol}}),a=Y().bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(s=Ye.t({id:"Required: <= {max} {symbol}",values:{max:W(n,6,6),symbol:e.from.symbol}}),a=Y().bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(s=Ye.t({id:"Required: < {max} {symbol}",values:{max:W(n,6,6),symbol:e.from.symbol}}),a=Y().bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:s,recommendation:a}}i(rl,"getLimitErrorMessage");function il(t){let{fetchMetaStatus:e,anyWalletConnected:o,fetchingQuote:n,inputAmount:r,quote:s,warning:a,error:l,needsToWarnEthOnPath:p}=t;return e!=="success"?{title:zt().connectWallet,action:"connect-wallet",disabled:!0}:o?n||!s||l||!r||r==="0"?{title:zt().swap,action:"confirm-swap",disabled:!0}:a?{title:zt().swapAnyway,action:"confirm-warning",disabled:!1}:p?{title:zt().ethWarning,action:"confirm-warning",disabled:!1}:{title:zt().swap,action:"confirm-swap",disabled:!1}:{title:zt().connectWallet,action:"connect-wallet",disabled:!1}}i(il,"getSwapButtonState");function ai(t,e,o){return!((!o||o.lte(We))&&t&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t)}i(ai,"canComputePriceImpact");function lf(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(lf,"requiredWallets");var pf=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice");function uf(t,e){let o=We;for(let n=0;n<t.fee.length;n++){let r=t.fee[n];if(r.expenseType==="DECREASE_FROM_OUTPUT")continue;let s=pf(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new Me(r.amount).multipliedBy(s||0))}return o}i(uf,"getUsdFeeOfStep");function bn(t,e){return t.reduce((o,n)=>o.plus(uf(n,e)),We)}i(bn,"getTotalFeeInUsd");function li(t){let e=We;return e=e.plus(new Me(t.amount).multipliedBy(t.price||0)),e}i(li,"getUsdFee");function sl(t){return t.reduce((e,o)=>e.plus(li(o)),We)}i(sl,"getTotalFeesInUsd");function al(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(al,"getFeesGroup");function ll(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(ll,"checkSlippageErrors");function pl(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(pl,"checkSlippageWarnings");function In(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(In,"getMinRequiredSlippage");function ul(t,e){return e?parseFloat(t)>=parseFloat(e):!0}i(ul,"hasProperSlippage");function cl(t){let{fromToken:e,toToken:o,inputAmount:n,wallets:r,selectedWallets:s,disabledLiquiditySources:a,liquiditySources:l,excludeLiquiditySources:p,slippage:u,affiliateRef:c,affiliatePercent:h,affiliateWallets:m,destination:d}=t,C=s?.reduce((f,w)=>(f[w.chain]=w.address,f),{}),S=[];return r?.forEach(f=>{S.push({blockchain:f.chain,addresses:[f.address]})}),{amount:n.toString(),affiliateRef:c??void 0,affiliatePercent:h??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:u.toString(),...d&&{destination:d},...p&&{swapperGroups:a.concat(l??[]),swappersGroupsExclude:!0},...!p&&{swapperGroups:l?.filter(f=>!a.includes(f)),swappersGroupsExclude:!1}}}i(cl,"createQuoteRequestBody");function ml(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}i(ml,"getWalletsForNewSwap");function Yt(t){return t?.outputAmount||null}i(Yt,"getQuoteOutputAmount");function dl(t,e){return new Me(e).div(new Me(t)).minus(1).multipliedBy(100).toNumber()}i(dl,"getPercentageChange");function fl(t,e){let o=Yt(t),n=Yt(e);if(!o||!n)return!1;let r=Ve(o,n);return r?r<=-1:!0}i(fl,"isOutputAmountChangedALot");function gl(t,e,o){let n=t.validationStatus,r=Ca(t);return e.sort((a,l)=>r.indexOf(a.chain)-r.indexOf(l.chain)).flatMap(a=>Tl(a,n)||[]).filter(a=>!a.ok).map(a=>{let l=a.asset.symbol,p=W(new Me(a.currentAmount.amount).shiftedBy(-a.currentAmount.decimals),8,8),u=W(new Me(a.requiredAmount.amount).shiftedBy(-a.requiredAmount.decimals),8,8),c="";return a.reason==="FEE"&&(c=Ye.t(" for network fee")),a.reason==="INPUT_ASSET"&&(c=Ye.t(" for swap")),a.reason==="FEE_AND_INPUT_ASSET"&&(c=Ye.t(" for input and network fee")),Ye.t({id:"Needs \u2248 {requiredAmount} {symbol}{reason}, but you have {currentAmount} {symbol} in your {blockchain} wallet.",values:{requiredAmount:u,symbol:l,reason:c,currentAmount:p,blockchain:Ge(a.asset.blockchain,o)}})})}i(gl,"generateBalanceWarnings");function An(t,e){return(t?new Me(t):We).multipliedBy(e||0)}i(An,"calcOutputUsdValue");function wo(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==xn.NetworkChanged}i(wo,"isNetworkStatusInWarningState");function hl(t,e){let o="bellow button or",n=t.extraMessage,r=t.extraMessageDetail;if(t.networkStatusExtraMessageDetail?.includes(o)&&(t.networkStatusExtraMessageDetail=t.networkStatusExtraMessageDetail.replace(o,"")),wo(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case xn.WaitingForConnectingWallet:n=n||Ye.t("Waiting for connecting wallet");break;case xn.WaitingForQueue:n=n||Ye.t("Waiting for other running tasks to be finished");break;case xn.WaitingForNetworkChange:n=n||Ye.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(hl,"getSwapMessages");function yl(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(yl,"getLastConvertedTokenInFailedSwap");function Sl(t){return t.status==="failed"&&!!t.finishTime&&new Date().getTime()-parseInt(t.finishTime)<4*3600*1e3}i(Sl,"shouldRetrySwap");function Cl(t,e,o,n,r,s){return t||!e&&!lf(n).every(a=>r.map(l=>l.chain).includes(a))||!!e&&!o||!!e&&!!o&&s&&!wn(s,o)}i(Cl,"confirmSwapDisabled");function En(t){let e=t?.swaps||[];return e[e.length-1].to.usdPrice}i(En,"getQuoteToTokenUsdPrice");function pi(t,e){let o=t?.swaps||[],n=e?.swaps||[];return o.length!==n.length}i(pi,"isNumberOfSwapsChanged");function ui(t,e){let o=t?.swaps.map(r=>r.swapperId)||[],n=e?.swaps.map(r=>r.swapperId)||[];return!Rr(o,n)}i(ui,"isQuoteSwappersUpdated");function ci(t,e){let o=t?.swaps.map(r=>r.to.symbol)||[],n=e?.swaps.map(r=>r.to.symbol)||[];return!Rr(o,n)}i(ci,"isQuoteInternalCoinsUpdated");function wl(t,e){return pi(t,e)||ui(t,e)||ci(t,e)}i(wl,"isQuoteChanged");function Tl(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(Tl,"getRequiredBalanceOfWallet");function yt(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}i(yt,"getPriceImpactLevel");function vl(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],s=mf(t.steps),a={blockchain:r.toBlockchain,symbol:r.toSymbol,address:r.toSymbolAddress},l=si(s?s.toBlockchain:n.fromBlockchain,e),p=si(r.toBlockchain,e),u=ii(s?{blockchain:l?.name??"",symbol:s.toSymbol,address:s.toSymbolAddress}:{blockchain:l?.name??"",symbol:n.fromSymbol,address:n.fromSymbolAddress},o),c=ii(a,o),h=s?s.outputAmount??"":t.inputAmount;return{fromBlockchain:l,fromToken:u,toBlockchain:p,toToken:c,inputAmount:h}}i(vl,"createRetryQuote");function Jt(t,e){let{fromToken:o,toToken:n,tokens:r,userSlippage:s}=e,a=Qt(o,t.requestAmount),l=Qt(n,t?.outputAmount??"");if(t&&a&&l){let c=Ve(a.toString(),l.toString());if(!!c&&ol(a,c)){let m=bn(t?.swaps,r),d=yt(c);return{type:0,inputUsdValue:a,outputUsdValue:l,priceImpact:c,totalFee:m,warningLevel:d}}}else if(t&&(!a||!l))return{type:1};let p=In(t.swaps),u=s>za;if(ul(e.userSlippage.toString(),p)){if(u&&parseFloat(p??"0")<s)return{type:3,slippage:s.toString()}}else return{type:2,recommendedSlippages:pl(t,s),minRequiredSlippage:p};return null}i(Jt,"generateQuoteWarnings");function Ve(t,e){let o=typeof e=="string"?parseFloat(e)<=0:!e?.gt(0),n=!t||!e||o?null:dl(t.toString(),e.toString());return n&&n<0?n:null}i(Ve,"getPriceImpact");var xl=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"),bl=i((t,e)=>e.sort((o,n)=>{let r=i(u=>u.scores?.find(c=>c.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"),Il=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"),Al=i(t=>{let e=i((o,n)=>{let r=ri.indexOf(o.value),s=ri.indexOf(n.value);return r!==-1&&s!==-1?r-s:r!==-1?-1:s!==-1?1:0},"customSort");return t.sort(e)},"sortTags"),El=i(t=>{switch(t){case"FASTEST":return"#06C270";case"RECOMMENDED":return"#469BF5";case"LOWEST_FEE":return"#FF4DAD";case"HIGH_IMPACT":return"#FF3B3B";case"CENTRALIZED":default:return"#FFF1D4"}},"getRouteTagColor");var Qt=i((t,e)=>t?.usdPrice?new Lt(e||We).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),V=Et(df()(ff(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new Lt(0),outputUsdValue:new Lt(0),toBlockchain:null,toToken:null,refetchQuote:!0,sortStrategy:"SMART",selectedQuote:null,quotes:null,error:null,warning:null,quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:null,quoteWarningsConfirmed:!1,updateQuotePartialState:(e,o)=>t(n=>({...n,[e]:o})),setSelectedQuote:e=>t(o=>{let n=null,r=We;return So(o.inputAmount)?(e&&(n=e?.outputAmount?new Lt(e?.outputAmount):null,r=An(e?.outputAmount,En(e)||o.toToken?.usdPrice)),{selectedQuote:e,...!!e&&{outputAmount:n,outputUsdValue:r}}):{}}),resetAlerts:()=>t(()=>({error:null,warning:null})),resetQuote:()=>t(()=>({selectedQuote:null,outputAmount:null,outputUsdValue:new Lt(0),quotes:null,refetchQuote:!0,error:null,warning:null})),setFromBlockchain:e=>{t(o=>o.fromBlockchain?.name===e?.name?{}:{fromBlockchain:e,...o.fromToken&&{selectedQuote:null,fromToken:null,outputAmount:null,outputUsdValue:null}})},setFromToken:e=>t(o=>({fromToken:e.token,...e.token&&{fromBlockchain:e.meta.blockchains.find(n=>n.name===e.token.blockchain)??null},...!!o.inputAmount&&{inputUsdValue:Qt(e.token,o.inputAmount)}})),setToBlockchain:e=>{t(o=>o.toBlockchain?.name===e?.name?{}:{toBlockchain:e,...o.toToken&&{selectedQuote:null,toToken:null,outputAmount:null,outputUsdValue:null}})},setToToken:e=>t(()=>({toToken:e.token,...e.token&&{toBlockchain:e.meta.blockchains.find(o=>o.name===e.token.blockchain)??null}})),setInputAmount:e=>{t(o=>({inputAmount:e,...!e&&{outputAmount:new Lt(0),outputUsdValue:new Lt(0),selectedQuote:null},...!!o.fromToken&&{inputUsdValue:Qt(o.fromToken,e)}}))},retry:(e,o)=>{let{tokens:n,blockchains:r}=o,{fromBlockchain:s,fromToken:a,toBlockchain:l,toToken:p,inputAmount:u}=vl(e,r,n);t({fromBlockchain:s,fromToken:a,inputAmount:u,outputAmount:null,inputUsdValue:Qt(a??null,u),outputUsdValue:new Lt(0),toBlockchain:l,toToken:p,selectedQuote:null})},switchFromAndTo:()=>t(e=>({fromBlockchain:e.toBlockchain,fromToken:e.toToken,toBlockchain:e.fromBlockchain,toToken:e.fromToken,inputAmount:e.outputAmount?.toString()||"",inputUsdValue:Qt(e.toToken,e.outputAmount?.toString()||"")})),resetFromBlockchain:()=>t(()=>({fromToken:null,fromBlockchain:null,outputAmount:null,outputUsdValue:null,selectedQuote:null})),resetToBlockchain:()=>t(()=>({toToken:null,toBlockchain:null,outputAmount:null,outputUsdValue:null,selectedQuote:null})),setQuoteWalletConfirmed:e=>t({quoteWalletsConfirmed:e}),setSelectedWallets:e=>t({selectedWallets:e}),setCustomDestination:e=>t({customDestination:e}),resetQuoteWallets:()=>t({quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:null}),setQuoteWarningsConfirmed:e=>t({quoteWarningsConfirmed:e})}))));function Wl(){let{setInputAmount:t,setToToken:e,setToBlockchain:o,setFromBlockchain:n,setFromToken:r,fromToken:s,toToken:a,fromBlockchain:l,toBlockchain:p}=V(),u=g().config,c=g().fetchStatus,h=g().blockchains(),m=g().tokens(),{setAffiliateRef:d,setAffiliatePercent:C,setAffiliateWallets:S}=g(),y=u?.from?.tokens,f=u?.from?.blockchains,w=u?.to?.tokens,k=u?.to?.blockchains,v=Wn(void 0),I=Wn(void 0),x=Wn(void 0),T=Wn(void 0);Zt(()=>{t(u?.amount?.toString()||"")},[u?.amount]),Zt(()=>{if(c==="success"){let b=h.find(L=>L.name===u?.from?.blockchain),N=m.find(L=>Le(L,u?.from?.token||null));(b||!b&&x.current)&&n(b??null),N?r({token:N,meta:{blockchains:h,tokens:m}}):!N&&v.current&&r({token:null}),x.current=u?.from?.blockchain,v.current=u?.from?.token}},[u?.from?.token?.symbol,u?.from?.token?.address,u?.from?.token?.blockchain,u?.from?.blockchain,c]),Zt(()=>{Co(s,y)&&r({token:null}),Jr(l,f)&&n(null)},[y,f]),Zt(()=>{Co(a,w)&&r({token:null}),Jr(p,k)&&o(null)},[w,k]),Zt(()=>{if(c==="success"){let b=h.find(L=>L.name===u?.to?.blockchain),N=m.find(L=>Le(L,u?.to?.token||null));(b||!b&&T.current)&&o(b??null),N?e({token:N,meta:{blockchains:h,tokens:m}}):!N&&I.current&&e({token:null}),T.current=u?.to?.blockchain,I.current=u?.to?.token}},[u?.to?.token?.symbol,u?.to?.token?.address,u?.to?.token?.blockchain,u?.to?.blockchain,c]),Zt(()=>{d(u?.affiliate?.ref??null),C(u?.affiliate?.percent??null),S(u?.affiliate?.wallets??null)},[u?.affiliate?.ref,u?.affiliate?.percent,u?.affiliate?.wallets])}i(Wl,"useSyncStoresWithConfig");import{useEffect as fi,useRef as gf}from"react";import{useInRouterContext as hf,useLocation as yf,useSearchParams as Sf}from"react-router-dom";function mi(t,e,o){return o&&t.find(n=>{let r=e?.split("--");return r?.length===1?n.symbol===r[0]&&n.address===null&&n.blockchain===o.name:n.symbol===r?.[0]&&n.address===r?.[1]&&n.blockchain===o.name})||null}i(mi,"searchParamToToken");function di(t){if(t)return`${t.symbol}${t.address?`--${t.address}`:""}`}i(di,"tokenToSearchParam");function gi(){let t=yf(),[e,o]=Sf(),{fromBlockchain:n,toBlockchain:r,fromToken:s,toToken:a,inputAmount:l,setFromBlockchain:p,setToBlockchain:u,setFromToken:c,setToToken:h,setInputAmount:m}=V(),d=g().fetchStatus,C=g().blockchains(),S=g().tokens(),y=hf(),{updateIframe:f,updateCampaignMode:w}=g(),k=g().isInCampaignMode(),v=gf(),I=i(()=>{let T=e.get("fromAmount"),b=e.get("fromBlockchain"),N=e.get("fromToken"),L=e.get("toBlockchain"),M=e.get("toToken"),A=e.get("autoConnect"),O=e.get("clientUrl"),Z=e.get("liquiditySources");return{fromAmount:T,fromBlockchain:b,fromToken:N,toBlockchain:L,toToken:M,autoConnect:A,clientUrl:O,liquiditySources:Z}},"getUrlSearchParams"),x=i(T=>{for(let b in T)T[b]||delete T[b];o(T,{replace:!0})},"updateUrlSearchParams");fi(()=>{let{autoConnect:T,clientUrl:b}=I();y&&d==="success"&&x({["fromBlockchain"]:n?.name,["fromToken"]:di(s),["toBlockchain"]:r?.name,["toToken"]:di(a),["fromAmount"]:l,["autoConnect"]:T??void 0,["clientUrl"]:b??void 0,["liquiditySources"]:k?v.current:void 0})},[t.pathname,l,n,s,r,a,k]),fi(()=>{if(!y)return;let T=I();if(!v.current&&T.liquiditySources&&(v.current=T.liquiditySources),T.fromAmount&&m(T.fromAmount),d==="success"){let b=C.find(A=>A.name===T.fromBlockchain),N=mi(S,T.fromToken,b??null),L=C.find(A=>A.name===T.toBlockchain),M=mi(S,T.toToken,L??null);b&&(p(b),N&&c({token:N,meta:{blockchains:C,tokens:S}})),L&&(u(L),M&&h({token:M,meta:{blockchains:C,tokens:S}}))}},[d]),fi(()=>{let{clientUrl:T,liquiditySources:b}=I();f("clientUrl",T||void 0),w("liquiditySources",b?.split(",")??void 0)},[])}i(gi,"useSyncUrlAndStore");import{i18n as gr}from"@lingui/core";import{useManager as ry}from"@rango-dev/queue-manager-react";import{Alert as ec,Button as iy,css as ls,Divider as as,IconButton as tc,SettingsIcon as sy,styled as ay,Tooltip as ly,Typography as py,WalletIcon as uy}from"@rango-dev/ui";import ue,{useEffect as Uo,useLayoutEffect as cy,useRef as my,useState as hr}from"react";import{flushSync as dy}from"react-dom";import{useLocation as fy,useNavigate as gy}from"react-router-dom";import{i18n as pt}from"@lingui/core";import{Alert as qi,BalanceErrors as Kg,Button as $p,ChevronDownIcon as Xg,ChevronLeftIcon as Yg,Divider as ro,MessageBox as Jg,Typography as Zn,WalletIcon as Zg}from"@rango-dev/ui";import D,{useEffect as Rg,useState as io}from"react";import{useNavigate as eh}from"react-router-dom";import{i18n as Ln}from"@lingui/core";function Mn(t){switch(t.type){case 0:return Ln.t("Route has been updated.");case 3:return Ln.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return Ln.t("Route swappers has been updated.");case 2:return Ln.t("Route internal coins has been updated.");default:return""}}i(Mn,"getQuoteUpdateWarningMessage");import{Modal as Tf}from"@rango-dev/ui";import kf from"react";function ae(t){let{watermark:e}=ne();return kf.createElement(Tf,{hasWatermark:e==="FULL",...t},t.children)}i(ae,"WatermarkedModal");import $n,{useRef as xf}from"react";import*as Rt from"@radix-ui/react-collapsible";import{keyframes as Ll,styled as Nn}from"@rango-dev/ui";var hi=300,wf=Ll({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),vf=Ll({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),Ml=Nn(Rt.Root,{borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),yi=Nn(Rt.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit",cursor:"pointer"}),Bn=Nn(Rt.Content,{overflow:"hidden",variants:{open:{true:{animation:`${wf} ${hi}ms ease-out`},false:{animation:`${vf} ${hi}ms ease-out`}}}}),Pn=Nn("div",{transition:`all ${hi}ms ease`,display:"flex",alignItems:"center",variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}});function _n(t){let{open:e,hasSelected:o,onOpenChange:n,children:r,onClickTrigger:s,trigger:a,triggerAnchor:l}=t,p=xf(null);return $n.createElement(Ml,{ref:p,className:"collapsible_root",selected:o&&e,open:e,onOpenChange:n},l==="top"&&$n.createElement(yi,{className:"collapsible_trigger",onClick:s},a),$n.createElement(Bn,{className:"collapsible_content",open:e},r),l==="bottom"&&$n.createElement(yi,{className:"collapsible_trigger",onClick:s},a))}i(_n,"CustomCollapsible");import{Button as bf,css as Nl,darkTheme as eo,IconButton as If,styled as je,TextField as Af}from"@rango-dev/ui";var Bl=je("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),Pl=je("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),Ef=je("button",{borderRadius:"$xm",padding:"$10",border:"0",display:"flex",justifyContent:"center",$$color:"$colors$neutral100",[`.${eo} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",alignItems:"center",cursor:"pointer",width:110,position:"relative","&:hover":{$$color:"$colors$info100",[`.${eo} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$color:"$colors$info100",[`.${eo} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color",outline:0},variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary",outlineStyle:"solid"}}}}),$l=je(Ef,{alignSelf:"stretch",minHeight:"93px"}),_l=je("div",{padding:"$20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),Dl=je(If,{position:"absolute",left:"$20"}),Fl=je("div",{paddingTop:"$20"}),Ul=Nl({display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),Ol=je("div",{padding:"$10 $0","& .button__content":{display:"flex",alignItems:"center"},"& .alarms":{paddingTop:"$5"},"& .collapsible_content":{backgroundColor:"$neutral100"},"& .collapsible_root":{backgroundColor:"$neutral200"}}),ql=Nl({paddingTop:"$5"}),zl=je("div",{display:"flex"}),Ql=je(Af,{backgroundColor:"$neutral100",padding:"$0 $15 $15 $15"}),Hl=je("div",{overflow:"visible",width:"100%"}),Gl=je(bf,{width:"100%",borderRadius:"$sm !important",padding:"$15 !important",justifyContent:"space-between",alignItems:"center",$$color:"$colors$neutral100",[`.${eo} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color","&:hover":{$$color:"$colors$info100",[`.${eo} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$background:"$colors$info100",[`.${eo} &`]:{$$background:"$colors$info700"},backgroundColor:"$$background",outline:0}});import{i18n as Ze}from"@lingui/core";import{Button as Hg,Divider as Ui,Image as Gg,MessageBox as Jn,SelectableWallet as Vg,Typography as Mp,WalletState as Np}from"@rango-dev/ui";import le,{useEffect as Bp,useState as Ao}from"react";import{WalletState as Si}from"@rango-dev/ui";import{useWallets as Wf}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as Lf,WalletTypes as Dn}from"@rango-dev/wallets-shared";import{useCallback as Mf,useEffect as Nf,useState as Bf}from"react";var Pf=Object.values(Dn);function Fn(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:s,disconnect:a,getWalletInfo:l,connect:p}=Wf(),{connectedWallets:u}=K(),c=g().blockchains(),h=Na(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||Pf,m=ya(s,l,h,o),d=xa(m),[C,S]=Bf(""),y=i(I=>!u.find(x=>x.walletType===I&&x.chain===o),"isExperimentalChainNotAdded"),f=i(async I=>{let x=s(I);try{if(C&&S(""),x.connected)await a(I);else{let T=!!m.find(b=>b.state===Si.CONNECTED);if(!e?.multiWallets&&T)return;n?.(I),await p(I),r?.(I)}}catch(T){S("Error: "+T?.message)}},"handleClick"),w=Mf(()=>{let I=m?.filter(x=>x.state===Si.CONNECTING)||[];for(let x of I)a(x.type)},[Aa(m)]);Nf(()=>()=>{w()},[]);let k=i(I=>I.filter(T=>T.state!=Si.NOT_INSTALLED&&![Dn.DEFAULT,Dn.WALLET_CONNECT_2].includes(T.type)&&l(T.type).supportedChains.filter(b=>b.type=="EVM").length>0).length==0,"shouldShowDefaultInjectedWallet"),v=i((I,x,T)=>un(T,x)&&y(I)&&!Lf.includes(I)||I==Dn.DEFAULT&&!k(m),"shouldExcludeWallet");return{list:d.filter(I=>!v(I.type,o??"",c)),error:C,handleClick:f,disconnectConnectingWallets:w}}i(Fn,"useWalletList");import{i18n as xp}from"@lingui/core";import{styled as Ip,Typography as Dg,Wallet as Fg,WalletState as Ug}from"@rango-dev/ui";import no,{useState as bp}from"react";import{useManager as Ag}from"@rango-dev/queue-manager-react";import{BottomLogo as Eg,Divider as hp,Header as Wg}from"@rango-dev/ui";import de,{useEffect as yp,useRef as Sp}from"react";import{useRef as $f}from"react";function Un(){return window.self!==window.top}i(Un,"isAppLoadedIntoIframe");function Ci(){let t=$f(null),{iframe:e}=g(),o=Un()&&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(Ci,"useIframe");import{useNavigate as _f}from"react-router-dom";function lt(){let t=_f();return()=>t(-1)}i(lt,"useNavigateBack");import{createTheme as vi,darkTheme as qf,lightTheme as zf}from"@rango-dev/ui";import{useEffect as Xl,useState as Qf}from"react";import{theme as Uf,darkColors as Of}from"@rango-dev/ui";var Vl=i((t,e)=>{t=t.replace(/^#/,""),t.length===3&&(t=t[0]+t[0]+t[1]+t[1]+t[2]+t[2]);let[s,a,l]=t.match(/.{2}/g);[s,a,l]=[parseInt(s,16)+e,parseInt(a,16)+e,parseInt(l,16)+e],s=Math.max(Math.min(255,s),0).toString(16),a=Math.max(Math.min(255,a),0).toString(16),l=Math.max(Math.min(255,l),0).toString(16);let p=(s.length<2?"0":"")+s,u=(a.length<2?"0":"")+a,c=(l.length<2?"0":"")+l;return`#${p}${u}${c}`},"colorShade"),On=i((t,e)=>{let a={[t]:e};for(let l=1;l<10;l++)l<5&&(a={...a,[t+l*100]:Vl(e,(5-l)*25)}),l===5&&(a={...a,[t+l*100]:e}),l>5&&(a={...a,[t+l*100]:Vl(e,-((l-5)*25))});return a},"generateRangeColors"),Ti=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];if(a&&a!==t[s])if(n=!0,s==="background"||s==="foreground")r={...r,[s]:a};else if(s==="neutral"&&e){let l=On(s,a);r={...r,[`${s}100`]:l[`${s}900`],[`${s}200`]:l[`${s}800`],[`${s}300`]:l[`${s}700`],[`${s}400`]:l[`${s}600`],[`${s}500`]:l[`${s}500`],[`${s}600`]:l[`${s}400`],[`${s}700`]:l[`${s}300`],[`${s}800`]:l[`${s}200`],[`${s}900`]:l[`${s}100`]}}else r={...r,...On(s,a)}}return n?r:{}},"generateColors");var jl=i(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),Df=i(t=>{let e="",o;for(o=Math.abs(t);o>52;o=o/52|0)e=jl(o%52)+e;return jl(o%52)+e},"toAlphabeticName"),Ff=i((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),ki=i(t=>Df(Ff(5381,JSON.stringify(t))>>>0),"toHash");function wi(t){let e=Uf.colors,o=Ti({...e,...Of},!0,t?.dark),n=Ti(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:`${Yr}-light-${ki(p)}`,tokens:p}}if(r){let p={colors:o};l={id:`${Yr}-dark-${ki(p)}`,tokens:p}}return{light:a,dark:l}}i(wi,"customizedThemeTokens");function Kl(t,e){if(t.length<=1)return t;let o=[];return t.forEach((n,r)=>{o.push(n),r<t.length-1&&o.push(e)}),o}i(Kl,"joinList");function qn(t){let{colors:e,fontFamily:o=Ma,borderRadius:n=Wa,secondaryBorderRadius:r=La,mode:s="auto"}=t,[a,l]=Qf("light"),{setTheme:p,theme:u}=g(),{dark:c,light:h}=wi(e),m=vi({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),d=[m.className,zf.className],C=[m.className,qf.className];if(h){let y=vi(h.id,h.tokens);d.push(y.className)}if(c){let y=vi(c.id,c.tokens);C.push(y.className)}return Xl(()=>{let y=i(f=>{f.matches?l("dark"):l("light")},"switchThemeListener");return window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches&&l("dark"),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",y),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",y)}},[]),Xl(()=>{s!=="auto"&&p(s)},[s]),{activeTheme:i(()=>{let y=d.join(" "),f=C.join(" ");return u==="auto"?a==="dark"?f:y:u==="dark"?f:y},"getActiveTheme")}}i(qn,"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 Yl}from"@lingui/core";import{Alert as Hf,Button as Gf}from"@rango-dev/ui";import Jl from"react";function xi(t){return Jl.createElement(Hf,{action:Jl.createElement(Gf,{onClick:t.onActivateTab,variant:"contained",size:"xxsmall",type:"warning"},Yl.t("Activate")),type:"warning",variant:"alarm",title:Yl.t("Another tab is open and handles transactions. You can activate this tab.")})}i(xi,"ActivateTabAlert");import{i18n as bi}from"@lingui/core";import{Button as Vf,Divider as jf,MessageBox as Kf}from"@rango-dev/ui";import zn from"react";function Ii(t){let{open:e,onClose:o,onConfirm:n}=t;return zn.createElement(ae,{open:e,dismissible:!0,onClose:o,container:B()},zn.createElement(Kf,{title:bi.t("Activate current tab"),type:"warning",description:bi.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.")},zn.createElement(jf,{size:20}),zn.createElement(Vf,{variant:"contained",size:"large",type:"primary",fullWidth:!0,onClick:n},bi.t("Confirm"))))}i(Ii,"ActivateTabModal");import{ChevronLeftIcon as Jf}from"@rango-dev/ui";import tp from"react";import{darkTheme as Xf,IconButton as Yf,styled as vo}from"@rango-dev/ui";var Ke=vo(Yf,{width:"$24",position:"relative",padding:"0",overflow:"unset"}),Zl=vo("div",{position:"absolute",background:"$secondary500",[`.${Xf} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),to=vo("div",{display:"flex",justifyContent:"flex-end",minWidth:"$40",button:{padding:0}}),Rl=vo("div",{position:"absolute",backgroundColor:"$secondary500",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0"}),ep=vo("div",{padding:"$2",variants:{isRefetched:{true:{transform:"rotate(360deg)",transition:"transform 1s ease-in-out"}}}});function Ai(t){return tp.createElement(Ke,{variant:"ghost",size:"small",onClick:t.onClick},tp.createElement(Jf,{color:"black",size:16}))}i(Ai,"BackButton");import{i18n as Zf}from"@lingui/core";import{Button as Rf,Typography as eg}from"@rango-dev/ui";import Ei from"react";function Wi(t){return Ei.createElement(to,null,Ei.createElement(Rf,{variant:"ghost",onClick:t.onClick,size:"xsmall"},Ei.createElement(eg,{variant:"label",size:"medium",color:"error500"},Zf.t("Cancel"))))}i(Wi,"CancelButton");import{i18n as tg}from"@lingui/core";import{Tooltip as og,WalletIcon as ng}from"@rango-dev/ui";import Qn from"react";function Li(t){return Qn.createElement(og,{container:t.container,side:"top",content:tg.t("Connect Wallet")},Qn.createElement(Ke,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&Qn.createElement(Zl,null),Qn.createElement(ng,{size:18,color:"black"})))}i(Li,"WalletButton");import{i18n as jn}from"@lingui/core";import{NotificationsIcon as vg,Popover as xg,SettingsIcon as bg,Tooltip as Kn,TransactionIcon as Ig}from"@rango-dev/ui";import we from"react";import{i18n as cg}from"@lingui/core";import{EventSeverity as mg}from"@rango-dev/queue-manager-rango-preset";import{ChainToken as ap,ChevronRightIcon as dg,ListItemButton as fg,Typography as gg}from"@rango-dev/ui";import Je from"react";import{useNavigate as hg}from"react-router-dom";import{create as rg}from"zustand";import{persist as ig,subscribeWithSelector as sg}from"zustand/middleware";var Oe=Et(rg()(ig(sg((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{styled as Hn}from"@rango-dev/ui";var op=Hn("div",{padding:"$10",width:"350px",maxWidth:"90vw",minHeight:"150px"}),np=Hn("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),rp=Hn("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),ip=Hn("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as ag}from"@lingui/core";import{Divider as lg,NoNotificationIcon as pg,Typography as ug}from"@rango-dev/ui";import Gn from"react";function sp(){return Gn.createElement(ip,null,Gn.createElement(pg,{color:"secondary",size:26}),Gn.createElement(lg,{size:12}),Gn.createElement(ug,{variant:"body",size:"medium",color:"neutral700"},ag.t("There are no notifications.")))}i(sp,"NotificationNotFound");var yg=4;function Mi(){let t=hg(),{getUnreadNotifications:e}=Oe(),o=e(),n=g().blockchains(),r=g().tokens(),s=o.sort((l,p)=>p.creationTime-l.creationTime).slice(0,yg),a=i(l=>{t(`${_.swaps}/${l}`)},"handleOnClick");return Je.createElement(op,null,s.length?Je.createElement(np,null,s.map(l=>{let{route:p,requestId:u,event:c}=l,h=r.find(S=>Le(S,p.from)),m=n.find(S=>S.name===p.from.blockchain),d=r.find(S=>Le(S,p.to)),C=n.find(S=>S.name===p.to.blockchain);return Je.createElement(fg,{key:u,onClick:()=>a(u),title:Je.createElement(gg,{variant:"body",size:"small",color:c.messageSeverity===mg.WARNING?"$foreground":"$neutral700"},cg.t(c.message)),id:u,start:Je.createElement(rp,null,Je.createElement("div",{className:"from-chain-token"},Je.createElement(ap,{tokenImage:h?h.image:"",chainImage:m?m.logo:"",size:"small"})),Je.createElement("div",{className:"to-chain-token"},Je.createElement(ap,{tokenImage:d?d.image:"",chainImage:C?C.logo:"",size:"small"}))),end:Je.createElement(dg,{size:12,color:"gray"})})})):Je.createElement(sp,null))}i(Mi,"NotificationContent");import{RefreshProgressButton as Sg}from"@rango-dev/ui";import Ni,{useEffect as Cg,useState as lp}from"react";var Tg=1e3,pp=60,kg=100;function Vn({onClick:t}){let[e,o]=lp(0),[n,r]=lp(!1),s=i(p=>{document.hidden&&p&&a(p)},"handleVisibilityChange");Cg(()=>{let p;return t?p=window.setInterval(()=>{o(u=>u+1),e===pp&&l()},Tg):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 Ni.createElement(Ke,{variant:"ghost",size:"small",onClick:l,disabled:!t},Ni.createElement(ep,{onTransitionEnd:()=>r(!1),isRefetched:n},Ni.createElement(Sg,{size:24,color:t?"black":"gray",progress:e/pp*kg})))}i(Vn,"RefreshButton");import{Typography as wg}from"@rango-dev/ui";import up from"react";function cp(){let{getUnreadNotifications:t}=Oe(),e=t().length;return e?up.createElement(Rl,null,up.createElement(wg,{variant:"body",size:"xsmall",color:"$background"},e)):null}i(cp,"UnreadNotificationsBadge");function xo(t){let{onClickRefresh:e,onClickHistory:o,onClickSettings:n,hidden:r=[]}=t,{config:{features:s}}=g(),a=He("notification",s)||r.includes("notifications");return we.createElement(we.Fragment,null,!r.includes("refresh")&&we.createElement(Kn,{container:B(),side:"top",content:jn.t("Refresh")},we.createElement(Vn,{onClick:e})),!a&&we.createElement(xg,{align:"end",alignOffset:-88,collisionPadding:{right:20,left:20},container:B(),content:we.createElement(Mi,null)},we.createElement("div",null,we.createElement(Kn,{container:B(),side:"top",content:jn.t("Notifications")},we.createElement(Ke,{size:"small",variant:"ghost"},we.createElement(vg,{size:18,color:"black"}),we.createElement(cp,null))))),!r.includes("settings")&&we.createElement(Kn,{container:B(),side:"top",content:jn.t("Settings")},we.createElement(Ke,{size:"small",variant:"ghost",onClick:n},we.createElement(bg,{size:18,color:"black"}))),!r.includes("history")&&we.createElement(Kn,{container:B(),side:"top",content:jn.t("Transactions History")},we.createElement(Ke,{size:"small",variant:"ghost",onClick:o},we.createElement(Ig,{size:18,color:"black"}))))}i(xo,"HeaderButtons");function Bi(t){let e=t.target;if(e){let o=e.scrollTop,n=B();o>1?n.classList.add("rng-scrolled"):n.classList.remove("rng-scrolled")}}i(Bi,"onScrollContentAttachStatusToContainer");import{styled as Pi}from"@rango-dev/ui";var mp="700px",dp=Pi("div",{position:"relative",display:"flex",flexDirection:"column",borderRadius:"$primary",width:"100vw",minWidth:"300px",maxWidth:"390px",boxShadow:"15px 15px 15px 0px rgba(0, 0, 0, 0.05)",overflow:"hidden",backgroundColor:"$background",variants:{height:{auto:{height:"auto",maxHeight:mp},fixed:{height:mp}}}}),fp=Pi("div",{position:"relative",overflow:"hidden",flexGrow:1,display:"flex",flexDirection:"column",padding:0,overflowY:"auto"}),gp=Pi("div",{padding:"0 $20 $10","& .footer__logo":{opacity:0,transition:"opacity 1s ease-in-out","&.logo__show":{opacity:1},"&.logo__hidden":{visibility:"hidden"}}});function oe(t){let{connectHeightObserver:e,disconnectHeightObserver:o}=Ci(),{children:n,header:r,footer:s,height:a="fixed"}=t,l=K.use.connectedWallets(),{config:{features:p,theme:u}}=g(),{watermark:c}=ne(),h=c==="FULL",{activeTheme:m}=qn(u||{}),d=He("connectWalletButton",p),{isActiveTab:C,tabManagerInitiated:S,showActivateTabModal:y,setShowActivateTabModal:f,activateCurrentTab:w}=ne(),k=lt(),{manager:v}=Ag(),x=Mt(v).map(({swap:A})=>A).some(A=>A.status==="running"),T=i(()=>w(Ot.forceClaim,x),"onActivateTab"),b=i(()=>{r.onWallet?.()},"onConnectWallet"),N=typeof r.hasBackButton>"u"||r.hasBackButton,L=Sp(null),M=Sp(null);return yp(()=>(Un()&&M.current&&e(M.current),()=>{o()}),[]),yp(()=>(L.current?.addEventListener("scroll",Bi),()=>{L.current?.removeEventListener("scroll",Bi)}),[]),de.createElement(dp,{height:a,id:Ee.SWAP_BOX_ID,className:m(),ref:M},de.createElement(Wg,{prefix:de.createElement(de.Fragment,null,N&&de.createElement(Ai,{onClick:()=>{k(),r.onBack&&r.onBack()}})),title:r.title,suffix:de.createElement(de.Fragment,null,r.suffix,r.onWallet&&!d&&de.createElement(Li,{container:B(),onClick:b,isConnected:!!l?.length}),r.onCancel&&de.createElement(Wi,{onClick:r.onCancel}))}),de.createElement(fp,{ref:L},n),de.createElement(Ii,{open:y,onClose:()=>f(!1),onConfirm:T}),de.createElement(gp,null,de.createElement("div",{className:"footer__content"},s,S&&!C&&de.createElement(de.Fragment,null,de.createElement(hp,{size:12}),de.createElement(xi,{onActivateTab:T}))),de.createElement(hp,{size:12}),de.createElement("div",{className:`footer__logo ${h?"logo__show":"logo__hidden"}`},de.createElement(Eg,null))))}i(oe,"Layout");import{styled as Lg}from"@rango-dev/ui";var Cp="$20 $20 $10 $20",bo=Lg("div",{padding:Cp,overflowY:"auto",flexGrow:1});import{styled as Mg}from"@rango-dev/ui";var se=Mg("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 _g}from"@rango-dev/ui";import _i from"react";import{i18n as oo}from"@lingui/core";import{Image as Pg,MessageBox as $i,WalletState as $g}from"@rango-dev/ui";import Ht from"react";import{keyframes as Ng,styled as Xn}from"@rango-dev/ui";var KA=Xn("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),Tp=Xn("div",{position:"relative"}),Bg=Ng({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),kp=Xn("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Bg} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),wp=Xn("div",{"& img":{borderRadius:"50%"}});function vp(t){let{state:e,image:o,error:n}=t;return e===$g.CONNECTED?Ht.createElement($i,{type:"success",title:oo.t("Wallet Connected"),description:oo.t("Your wallet is connected, you can use it to swap.")}):n?Ht.createElement($i,{type:"error",title:oo.t("Failed to Connect"),description:n||oo.t("Your wallet is not connected. Please try again.")}):Ht.createElement($i,{type:"loading",title:oo.t("Connecting to your wallet"),description:oo.t("Click connect in your wallet popup."),icon:Ht.createElement(Tp,null,Ht.createElement(wp,null,Ht.createElement(Pg,{src:o,size:45})),Ht.createElement(kp,null))})}i(vp,"ModalContent");function Io(t){let{open:e,onClose:o,...n}=t;return _i.createElement(ae,{open:e,onClose:o,container:document.getElementById(Ee.SWAP_BOX_ID)||document.body},_i.createElement(vp,{...n}),_i.createElement(_g,{direction:"vertical",size:32}))}i(Io,"WalletModal");var Og=Ip("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),qg=Ip(se,{textAlign:"center"}),Yn=3e3,Di=300;function Ap(){let{config:t,fetchStatus:e}=g(),[o,n]=bp(!1),[r,s]=bp(""),a=null,l=ne.use.isActiveTab(),{list:p,handleClick:u,error:c,disconnectConnectingWallets:h}=Fn({config:t,onBeforeConnect:y=>{a=setTimeout(()=>{n(!0),s(y)},Di)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},Yn)}}),m=i(()=>{h(),n(!1)},"handleCloseWalletModal"),d=p.find(y=>y.type===r),C=d?.image||"",S=d?.state||Ug.NOT_INSTALLED;return no.createElement(oe,{header:{title:xp.t("Connect Wallets")}},no.createElement(qg,null,no.createElement(Dg,{variant:"title",size:"xmedium",align:"center"},xp.t("Choose a wallet to connect.")),no.createElement(Og,null,p.map((y,f)=>{let w=`wallet-${f}-${y.type}`;return no.createElement(Fg,{key:w,...y,container:B(),onClick:k=>{u(k)},isLoading:e==="loading",disabled:!l})}),no.createElement(Io,{open:!!o,onClose:m,image:C,state:S,error:c}))))}i(Ap,"WalletsPage");import{keyframes as zg,styled as Fi}from"@rango-dev/ui";var Ep=Fi("div",{position:"relative"}),Qg=zg({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),Wp=Fi("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Qg} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),Lp=Fi("div",{"& img":{borderRadius:"50%"}});var jg=7;function Oi(t){let{chain:e,isSelected:o,selectWallet:n,limit:r,onShowMore:s}=t,{config:a}=g(),l=ne.use.isActiveTab(),p=K.use.connectedWallets(),{blockchains:u}=g(),[c,h]=Ao(""),[m,d]=Ao(null),[C,S]=Ao(!1),[y,f]=Ao(null),{suggestAndConnect:w}=Pp(),k=null,{list:v,error:I,handleClick:x,disconnectConnectingWallets:T}=Fn({config:a,chain:e,onBeforeConnect:E=>{k=setTimeout(()=>{h(E)},Di)},onConnect:()=>{k&&clearTimeout(k),setTimeout(()=>{h("")},Yn)}}),[b,N]=Ao(v),L=v.length,M=r&&L-r>0,A=i(async E=>{S(!1),f("in-progress");try{await w(E.walletType,E.chain),f("completed")}catch{f("rejected")}},"addExperimentalChain");Bp(()=>{N(E=>{let J=v.findIndex(X=>o(X.type,e));return M&&J>1?[v[J]].concat(v.filter((X,z)=>z!==J)):E.map(X=>v.find(z=>z.type===X.type)??X)})},[JSON.stringify(v)]);let O=document.getElementById(Ee.SWAP_BOX_ID);Bp(()=>{let E=null;return(y==="completed"||y==="rejected")&&(E=setTimeout(()=>f(null),Yn)),()=>{E&&clearTimeout(E)}},[y]);let Z=i(()=>{T(),h("")},"handleCloseWalletModal");return le.createElement(le.Fragment,null,b.slice(0,r).map(E=>{let J=ba({connectedWallets:p,walletType:E.type,chain:e}),X=J?mn(J,jg):"",z=un(u(),e),me=!p.find($=>$.walletType===E.type&&$.chain===e),G=z&&me&&E.state===Np.CONNECTED,R=G?Ze.t({id:"Add {chain} chain",values:{chain:e}}):X,Ae=i(()=>{E.state===Np.DISCONNECTED?x(E.type):G?(d({walletType:E.type,chain:e,address:J??""}),S(!0)):n({walletType:E.type,chain:e,address:J??""})},"onClick"),Ce=m?.chain?el(m.chain,u()):void 0;return le.createElement(le.Fragment,null,le.createElement(Io,{open:c===E.type,onClose:Z,image:E.image,state:E.state,error:I}),!!m&&le.createElement(ae,{open:!!m&&C,container:O,onClose:()=>{d(null)}},le.createElement(Jn,{title:Ze.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:Ce}}),type:"warning",description:Ze.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:Ce}})},le.createElement(Ui,{size:18}),le.createElement(Ui,{size:32}),le.createElement(Hg,{onClick:A.bind(null,m),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},Ze.t("Confirm")))),y&&le.createElement(ae,{open:!!y,onClose:f.bind(null,null),container:O},y==="in-progress"&&le.createElement(Jn,{type:"loading",title:Ze.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:Ce}}),description:Ze.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:Ce}}),icon:le.createElement(Ep,null,le.createElement(Lp,null,le.createElement(Gg,{src:E.image,size:45})),le.createElement(Wp,null))}),y==="completed"&&le.createElement(Jn,{type:"success",title:Ze.t({id:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:Ce}}),description:Ze.t({id:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:Ce}})}),y==="rejected"&&le.createElement(Jn,{type:"error",title:Ze.t("Request Rejected"),description:Ze.t({id:"You've rejected adding {blockchainDisplayName} chain to your wallet.",values:{blockchainDisplayName:Ce}})}),le.createElement(Ui,{direction:"vertical",size:32})),le.createElement(Vg,{key:E.type,description:R,onClick:Ae,selected:o(E.type,e),disabled:!l,...E}))}),M&&le.createElement($l,{selected:!1,onClick:s},le.createElement(Mp,{variant:"label",size:"medium"},Ze.t("Show more wallets"),le.createElement(Mp,{variant:"label",size:"medium",color:"$primary"},"\xA0+",L-(r??0)))))}i(Oi,"WalletList");var th=2;function _p(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,loading:s}=t,a=g().config,l=g().blockchains(),{selectedQuote:p,setSelectedWallets:u,quoteWalletsConfirmed:c,setQuoteWalletConfirmed:h,customDestination:m,setCustomDestination:d}=V(),{connectedWallets:C,selectWallets:S}=K(),[y,f]=io(""),[w,k]=io([]),[v,I]=io(""),[x,T]=io(null),[b,N]=io(!!m),L=kn(p?.swaps||null),M=l.find($=>$.name===p?.swaps[p?.swaps.length-1].to.blockchain),A=i($=>!!p?.swaps.find(j=>j.from.blockchain===$),"isWalletRequiredFor"),[O,Z]=io(C.filter($=>$.selected&&L.includes($.chain))),E=l.find($=>$.name===M?.name),J=i(($,j)=>!!O.find(ee=>ee.walletType===$&&ee.chain===j&&ee.selected&&(A(j)||!A(j)&&!m)),"isSelected"),X=!!m&&b&&E&&!wn(E,m),z=i(()=>{N(!1),d(null),Z($=>{let j=!1;return $.map(ee=>!j&&ee.chain===M?.name?(j=!0,{...ee,selected:!0}):ee)})},"resetCustomDestination"),me=i($=>{if(y&&f(""),J($.walletType,$.chain))return;let ee=C.find(Te=>Te.walletType===$.walletType&&Te.chain===$.chain);ee&&(n(),$.chain===M?.name&&b&&(N(!1),d(null)),Z(Te=>Te.filter(Fe=>Fe.chain!==$.chain).concat({...ee,selected:!0})))},"onChange"),G=i(()=>{let $=O.filter(j=>j.selected);S($),u($),h(!0),o()},"onConfirmBalance"),R=i(async()=>{k([]),I(""),T(null);let $=C.filter(Te=>O.find(Fe=>Fe.chain===Te.chain&&Fe.walletType===Te.walletType)),j=await r?.({selectedWallets:$,customDestination:m}),ee=j.warnings;ee?.balance?.messages&&k(ee.balance.messages),ee?.quoteUpdate&&T(ee.quoteUpdate),j.error&&I(tl(j.error)),!j.error&&(!ee?.balance?.messages.length||0>0)?G():k(ee?.balance?.messages??[])},"onConfirmWallets");Rg(()=>{Z($=>$.concat(C.filter(j=>!!!$.find(Te=>Te.chain===j.chain)&&j.selected&&L.includes(j.chain))))},[C.length]);let Ae=document.getElementById(Ee.SWAP_BOX_ID),Ce=eh();return D.createElement(ae,{open:e,onClose:()=>{c||Ce("../",{replace:!0}),o()},dismissible:!y,container:Ae,...!y&&{footer:D.createElement(zl,null,D.createElement($p,{loading:s,disabled:Cl(s,b,m,p,O,M),onClick:R,variant:"contained",type:"primary",fullWidth:!0,size:"large"},pt.t("Confirm")))},...y&&{styles:{container:{padding:"$0"}},header:D.createElement(_l,null,D.createElement(Dl,{variant:"ghost",onClick:f.bind(null,"")},D.createElement(Yg,{size:16})),D.createElement(Zn,{variant:"headline",size:"small"},pt.t({id:"Your {blockchainName} wallets",values:{blockchainName:Ge(y,l)}})))},anchor:"center"},D.createElement(ae,{open:w.length>0,onClose:k.bind(null,[]),container:Ae},D.createElement(Jg,{title:pt.t("Insufficient account balance"),type:"error",description:D.createElement(Kg,{messages:w??[]})},D.createElement($p,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:G},pt.t("Proceed anyway")))),y&&D.createElement(Fl,null,D.createElement("div",{className:Ul()},D.createElement(Oi,{chain:y,isSelected:J,selectWallet:me,onShowMore:f.bind(null,y)}))),!y&&D.createElement(D.Fragment,null,v&&D.createElement(D.Fragment,null,D.createElement(qi,{variant:"alarm",type:"error",title:pt.t(v)}),D.createElement(ro,{size:12})),x&&D.createElement(D.Fragment,null,D.createElement(qi,{variant:"alarm",type:"warning",title:Mn(x)}),D.createElement(ro,{size:12})),D.createElement(Hl,null,L.map(($,j)=>{let ee=l.find(ke=>ke.name===$),Te=`wallet-${j}`,Fe=j===L.length-1;return D.createElement("div",{key:Te},D.createElement(Bl,null,D.createElement(Zn,{variant:"title",size:"xmedium"},pt.t({id:"Your {blockchainName} wallets",values:{blockchainName:ee?.shortName}})),D.createElement(Zn,{variant:"label",color:"$neutral700",size:"medium"},pt.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:ee?.shortName}}))),D.createElement(ro,{size:24}),D.createElement(Pl,null,D.createElement(Oi,{chain:$,isSelected:J,selectWallet:me,limit:th,onShowMore:()=>f(ee?.name??"")})),!Fe&&D.createElement(ro,{size:32}),Fe&&a?.customDestination&&D.createElement(Ol,null,D.createElement(_n,{onOpenChange:ke=>{ke?A(M?.name??"")||Z(_e=>_e.map(Ue=>Ue.chain===M?.name?{...Ue,selected:!1}:Ue)):z()},hasSelected:!0,open:b,triggerAnchor:"top",trigger:D.createElement(Gl,{fullWidth:!0,variant:"default",suffix:D.createElement(Pn,{orientation:b?"up":"down"},D.createElement(Xg,{size:10,color:"gray"}))},D.createElement("div",{className:"button__content"},D.createElement(Zg,{size:18,color:"info"}),D.createElement(ro,{size:4,direction:"horizontal"}),D.createElement(Zn,{variant:"label",size:"medium"},pt.t("Send to a different address")))),onClickTrigger:()=>N(ke=>!ke)},D.createElement(ro,{size:4}),D.createElement(Ql,{autoFocus:!0,placeholder:pt.t("Your destination address"),value:m||"",onChange:ke=>{let _e=ke.target.value;_e.length?d(_e.length?_e:null):(N(!1),d(null))}})),X&&D.createElement("div",{className:ql()},D.createElement(qi,{variant:"alarm",type:"error",title:pt.t({values:{destination:m},id:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}i(_p,"ConfirmWalletsModal");import{i18n as Sh}from"@lingui/core";import{Alert as Ch,Button as Th,InfoIcon as kh}from"@rango-dev/ui";import qe from"react";import{Alert as oh,Button as nh,Divider as zp,NoRouteIcon as rh,RefreshIcon as ih,Typography as Qp}from"@rango-dev/ui";import Re from"react";import{i18n as Dp}from"@lingui/core";function Fp(t,e,o,n){return t?.type===1?{alert:{type:"warning",text:Y().genericServerError,action:{onClick:n,title:Dp.t("Retry")}},description:""}:e.length?{alert:{type:"warning",text:Y().liquiditySourcesError.title,action:{onClick:()=>o(!0),title:Dp.t("Reset")}},description:Y().liquiditySourcesError.description}:t?.type===0&&t.diagnosisMessage?{alert:{type:"error",text:t.diagnosisMessage,action:null},description:""}:{alert:null,description:Y().noResultError.description}}i(Fp,"makeInfo");import{styled as zi}from"@rango-dev/ui";var Up=zi("div",{minHeight:"162px",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"}),Op=zi("div",{width:"100%"}),qp=zi("div",{padding:"$6 $0"});function Qi(t){let{fetch:e,error:o}=t,n=g().getDisabledLiquiditySources(),r=g().toggleAllLiquiditySources,s=g().swappers(),a=Fp(o,n,()=>r(s,!0),e);return Re.createElement(Up,null,Re.createElement(rh,{size:24,color:"gray"}),Re.createElement(zp,{size:4}),Re.createElement(Qp,{variant:"title",size:"small"},Y().noResultError.title),!!a.description&&Re.createElement(Qp,{variant:"body",size:"small",align:"center",color:"neutral700"},a.description),Re.createElement(zp,{size:4}),!!a.alert&&Re.createElement(Op,null,Re.createElement(oh,{type:a.alert.type,title:a.alert.text,action:a.alert.action&&Re.createElement(nh,{size:"xsmall",type:a.alert.type,prefix:Re.createElement(qp,null,Re.createElement(ih,{size:8})),onClick:a.alert.action.onClick},a.alert.action.title),variant:"alarm"})))}i(Qi,"NoResult");import{i18n as Eo}from"@lingui/core";import{Button as ah,Divider as Xp,MessageBox as lh,Typography as ph,WarningIcon as uh}from"@rango-dev/ui";import ut from"react";import{Typography as jp}from"@rango-dev/ui";import Gi from"react";import{darkTheme as sh,styled as Rn}from"@rango-dev/ui";var Hp=Rn("div",{width:"100%"}),Hi=Rn("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),Gp=Rn("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%","._title":{$$color:"$colors$neutral600",[`.${sh} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Vp=Rn("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});function Kp(t){let{title:e,value:o,valueColor:n}=t;return Gi.createElement(Gp,null,Gi.createElement(jp,{size:"medium",variant:"label",className:"_title"},e),Gi.createElement(jp,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}i(Kp,"QuoteErrorsModalItem");function Yp(t){let{open:e,onClose:o,onConfirm:n,warning:r,confirmationDisabled:s}=t,a=r.warningLevel==="high"?"error":"warning",l=[{title:Eo.t("Swapping"),value:W(r.inputUsdValue,4,4)},{title:Eo.t("Gas cost"),value:W(r.totalFee,2,2)},{title:Eo.t("Receiving"),value:W(r.outputUsdValue,4,4)},{title:Eo.t("Price impact"),value:W(r.priceImpact,2,2),valueColor:`${a}500`}];return ut.createElement(ae,{open:e,onClose:o,container:B()},ut.createElement(lh,{type:a,title:Y().highValueLossError.impactTitle,description:Y().highValueLossError.description}),ut.createElement(Hi,null,ut.createElement(Xp,{size:20}),ut.createElement(ph,{size:"small",variant:"title"},Eo.t("Details")),ut.createElement(Hi,null,l.map((p,u)=>ut.createElement(Kp,{key:u,...p})))),ut.createElement(Xp,{size:32}),ut.createElement(ah,{type:"primary",size:"large",prefix:ut.createElement(uh,null),fullWidth:!0,disabled:s,onClick:n},Y().highValueLossError.confirmMessage))}i(Yp,"HighValueLossWarningModal");import{i18n as Vi}from"@lingui/core";function Jp(t,e){let o={alertType:"warning",title:"",action:"show-info"};return e?(o.alertType="error",e.type===3&&(o.title=e.recommendation,o.action="show-info"),e.type===4&&(o.title=Vi.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&&(yt(t.priceImpact)==="high"&&(o.alertType="error"),o.action=null,o.title=Y().highValueLossError.title),t.type===1&&(o.title=Y().unknownPriceError.title),t.type===2&&(o.title=Vi.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=Vi.t("Caution, your slippage is high.")),o):null}i(Jp,"makeAlerts");import{i18n as lo}from"@lingui/core";import{Button as Zp,Divider as Rp,MessageBox as ch,Typography as mh}from"@rango-dev/ui";import Gt from"react";import{useNavigate as dh}from"react-router-dom";function eu(t){let{customSlippage:e,slippage:o}=g(),{open:n,onClose:r,onConfirm:s,warning:a,confirmationDisabled:l}=t,p=dh(),u=e??o;return Gt.createElement(ae,{anchor:"bottom",open:n,prefix:Gt.createElement(Zp,{size:"small",variant:"ghost",onClick:()=>p("../"+_.settings)},Gt.createElement(mh,{variant:"label",size:"medium",color:"$neutral900"},lo.t("Change settings"))),container:B(),onClose:r},Gt.createElement(ch,{type:"warning",title:a.type===3?lo.t("High slippage"):lo.t("Low slippage"),description:a.type===3?lo.t({id:" Caution, your slippage is high (={userSlippage}). Your trade may be front run.",values:{userSlippage:u}}):lo.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:a.minRequiredSlippage}})},Gt.createElement(Rp,{size:18}),Gt.createElement(Rp,{size:32}),Gt.createElement(Zp,{size:"large",type:"primary",variant:"contained",fullWidth:!0,disabled:l,onClick:s},lo.t("Confirm anyway"))))}i(eu,"SlippageWarningModal");import{Button as fh,Divider as gh,MessageBox as hh,WarningIcon as yh}from"@rango-dev/ui";import Wo from"react";function tu(t){let{open:e,onClose:o,onConfirm:n,confirmationDisabled:r}=t;return Wo.createElement(ae,{open:e,onClose:o,container:B()},Wo.createElement(hh,{type:"warning",title:Y().unknownPriceError.impactTitle,description:Y().unknownPriceError.description}),Wo.createElement(gh,{size:32}),Wo.createElement(fh,{type:"primary",size:"large",prefix:Wo.createElement(yh,null),fullWidth:!0,disabled:r,onClick:n},Y().unknownPriceError.confirmMessage))}i(tu,"UnknownPriceWarningModal");function Lo(t){let{warning:e,error:o,showWarningModal:n,confirmationDisabled:r,refetchQuote:s,onOpenWarningModal:a,onCloseWarningModal:l,onConfirmWarningModal:p,onChangeSettings:u}=t,c={confirmationDisabled:r,open:n,onClose:l,onConfirm:p},h=o?.type===0||o?.type===1,m=Jp(e,o?.type===3||o?.type===4?o:null);return qe.createElement(qe.Fragment,null,h&&qe.createElement(Qi,{error:o,fetch:s}),!!m&&qe.createElement(Hp,null,qe.createElement(Ch,{title:m.title,type:m.alertType,variant:"alarm",...m.action==="show-info"&&{action:qe.createElement(Vp,{onClick:a},qe.createElement(kh,{size:12,color:"gray"}))},...m.action==="change-settings"&&{action:qe.createElement(Th,{size:"xxsmall",type:m.alertType,onClick:u},Sh.t("Change"))}})),e&&qe.createElement(qe.Fragment,null,e.type===0&&qe.createElement(Yp,{...c,warning:e}),(e.type===3||e.type===2)&&qe.createElement(eu,{...c,warning:e}),e.type===1&&qe.createElement(tu,{...c,warning:e})))}i(Lo,"QuoteWarningsAndErrors");import Rh from"bignumber.js";import cr from"react";import{i18n as Po}from"@lingui/core";import{Alert as zh,Divider as $o,InfoIcon as Qh,StepDetails as Hh,TokenAmount as Gh,Tooltip as Mu,Typography as uo}from"@rango-dev/ui";import Nu from"bignumber.js";import P,{useRef as Vh,useState as jh}from"react";import{styled as ji}from"@rango-dev/ui";var Ki=ji("div",{width:"100%","& .position-top__skeleton":{paddingTop:"$10"}}),ou=ji("div",{paddingBottom:"$15"}),nu=ji("div",{width:"100%",display:"flex"});import*as er from"@radix-ui/react-collapsible";import{Button as wh,css as Mo,darkTheme as Ne,Image as ru,styled as be,Typography as vh}from"@rango-dev/ui";var xh=300,iu=be(er.Root,{display:"flex",flexDirection:"column",alignItems:"start",overflowX:"auto",overflowY:"hidden",width:"100%",borderRadius:"$xm",variants:{selected:{true:{},false:{$$color:"$colors$neutral400",[`.${Ne} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}},listItem:{true:{$$color:"$colors$neutral400",[`.${Ne} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"},false:{}}},compoundVariants:[{listItem:!1,selected:!0,css:{$$color:"$colors$info300",[`.${Ne} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"}},{listItem:!0,selected:!1,css:{cursor:"pointer","&:hover":{backgroundColor:"$neutral300",[`.${Ne} &`]:{backgroundColor:"$neutral400"}}}}]}),su=Mo({padding:"$10 $15"}),au=be(wh,{backgroundColor:"transparent",border:"1px solid $secondary"}),lu=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",[`.${Ne} &`]:{$$color:"$colors$neutral500"},backgroundColor:"$$color"}},basic:{true:{borderTopRightRadius:"0",borderTopLeftRadius:"0"}},listItem:{true:{$$color:"$colors$neutral200",[`.${Ne} &`]:{$$color:"$colors$neutral500"},backgroundColor:"$$color","&:hover":{backgroundColor:"$neutral300",[`.${Ne} &`]:{backgroundColor:"$neutral400"}},cursor:"pointer"},false:{}}},compoundVariants:[{listItem:!0,selected:!0,css:{border:"1px solid $secondary"}},{listItem:!1,selected:!0,css:{$$color:"$colors$info100",[`.${Ne} &`]:{$$color:"$colors$secondary600"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}}},{listItem:!0,selected:!1,css:{cursor:"pointer","&:hover":{backgroundColor:"$neutral300",[`.${Ne} &`]:{backgroundColor:"$neutral400"}}}}]}),pu=Mo({width:"100%",padding:"$15 $15 $10 $15"}),uu=Mo({display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center",paddingBottom:"$10",position:"relative"}),po=Mo({display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",".blockchainImage":{marginLeft:"-$8"}}),cu=Mo({display:"flex",alignItems:"center",".usd-value":{$$color:"$colors$neutral600",[`.${Ne} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),mu=be(er.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:{[`& ${ru}`]:{border:"1px $warning500 solid",borderRadius:"100%"}},false:{[`& ${ru}`]:{border:"1px transparent solid",borderRadius:"100%"}}},selected:{true:{},false:{$$color:"$colors$neutral400",[`.${Ne} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}},listItem:{true:{$$color:"$colors$neutral400",[`.${Ne} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"},false:{}}},compoundVariants:[{listItem:!1,selected:!0,css:{$$color:"$colors$info300",[`.${Ne} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"}}],".blockchains_section":{display:"none"},"@xs":{".blockchains_section":{display:"block"}}}),du=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"}}}}),fu=be(Bn,{width:"100%",background:"inherit"}),Xi=be("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$2",transition:`all ${xh}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),NW=be("div",{height:"$12",marginLeft:"$10",marginRight:"$10",borderLeft:"1px solid $foreground"}),gu=be("div",{display:"flex",justifyContent:"center",margin:"0 $15",borderTop:"1px solid",$$color:"$colors$neutral300",[`.${Ne} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color"}),hu=be("div",{width:"$16",height:"$16",justifyContent:"center",alignItems:"center",display:"flex"}),Yi=be(vh,{overflow:"hidden",textOverflow:"ellipsis",letterSpacing:.4}),yu=be("div",{display:"flex",flexWrap:"wrap"}),Ji=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"}}}}),Su=be("div",{backgroundColor:"$neutral400",borderRadius:"$xs",padding:"$2 $5",fontSize:"$10",fontWeight:400}),Cu=be("div",{display:"flex"}),tr=be("div",{width:"100%",borderTopWidth:"1px",borderTopStyle:"solid",borderTopColor:"$neutral",margin:"$5 0",[`.${Ne} &`]:{borderTopColor:"$neutral400"}});import{i18n as Pt}from"@lingui/core";import{ChevronDownIcon as Ih,CloseIcon as Ah,Divider as rr,IconButton as Eh,QuoteCost as Wh,Tooltip as Lh,Typography as et}from"@rango-dev/ui";import Mh from"bignumber.js";import Q,{useState as vu}from"react";import{css as bh,styled as or}from"@rango-dev/ui";var nr=or("div",{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"$5 0","&.total_payable_fee":{padding:"$12 0"}}),Zi=or("div",{width:"100%",borderTop:"1px solid $neutral300",margin:"$10 0"}),Tu=or("div",{padding:"$20 0",display:"flex",flexDirection:"column","& .collapsible_trigger":{display:"flex",alignItems:"center"}}),ku=or("div",{padding:"$20 $20 $10",textAlign:"center",position:"relative","._icon-button":{position:"absolute",zIndex:10,top:"$16",right:"$16"}}),wu=bh({display:"flex",flexDirection:"row",alignItems:"center",padding:"$5","&:hover":{"& ._typography, & svg":{color:"$secondary"}}});var Nh=30,Bh=i(t=>t.fee.isZero()?null:Q.createElement(nr,null,Q.createElement(et,{variant:"label",size:"medium",color:"neutral600"},t.label),Q.createElement(et,{variant:"label",size:"medium"},"$",W(t.fee,4,4))),"NonPayableFee");function xu(t){let[e,o]=vu(!1),[n,r]=vu(!1),{steps:s,quote:a}=t,l=g().tokens(),p=nn(rn(a?.swaps)),u=a?.swaps??[],c=B(),h=bn(u,l),m=al(u);return Q.createElement(Q.Fragment,null,Q.createElement(Wh,{onClickFee:d=>{d.stopPropagation(),o(!e)},fee:W(h,2,2),feeWarning:h.gte(new Mh(Nh)),time:p,steps:s,tooltipGas:Pt.t("View more info"),tooltipContainer:c}),Q.createElement(ae,{container:c,open:e,header:Q.createElement(ku,null,Q.createElement(et,{variant:"title",size:"medium"},Pt.t("Gas & Fee Explanation")),Q.createElement(Eh,{onClick:()=>o(!1),variant:"ghost"},Q.createElement(Ah,{color:"gray",size:14}))),onClose:()=>{o(!1)}},Q.createElement(Tu,null,Q.createElement(et,{variant:"title",size:"small"},Pt.t("Details")),Q.createElement(rr,{size:10}),Object.entries(m.payable).flatMap(([d,C])=>C.map((S,y)=>{let f=`payable-fee-${y}`,w=li(S);return Q.createElement(nr,{key:f},Q.createElement(et,{variant:"label",size:"medium",color:"neutral600"},ni[d]),Q.createElement(Lh,{content:pe(S.amount),container:c},Q.createElement(et,{variant:"label",size:"medium"},W(S.amount,2,2)," ",S.asset.symbol," ($",W(w,4,4),")")))})),Q.createElement(nr,{className:"total_payable_fee"},Q.createElement(et,{variant:"label",size:"medium"},Pt.t("Total Payable Fee")),Q.createElement(et,{variant:"label",size:"medium"},"$",W(h,4,4))),Q.createElement(Zi,null),Object.keys(m.nonePayable).length&&Q.createElement(_n,{triggerAnchor:"bottom",onClickTrigger:()=>r(d=>!d),trigger:Q.createElement("div",{className:wu()},Q.createElement(et,{size:"small",variant:"body",color:"neutral700"},n?Pt.t("Hide non-payable fees"):Pt.t("Show non-payable fees")),Q.createElement(rr,{size:4,direction:"horizontal"}),Q.createElement(Pn,{orientation:n?"up":"down"},Q.createElement(Ih,{size:12,color:"gray"}))),open:n},Q.createElement(et,{size:"small",variant:"title"},Pt.t("Description")),Q.createElement(rr,{size:4}),Q.createElement(et,{size:"small",variant:"body",color:"neutral700"},Pt.t(`The following fees are considered in the transaction output and
|
|
2
|
-
you won\u2019t need to pay extra gas for them.`)),Q.createElement(rr,{size:10}),Object.entries(m.nonePayable).map(([d,C],S)=>{let y=sl(C),f=ni[d],w=`non-payable-fee-${S}`;return Q.createElement(Bh,{key:w,fee:y,label:f})}),Q.createElement(Zi,null)))))}i(xu,"QuoteCostDetails");import{i18n as Au}from"@lingui/core";import{TokenAmount as Eu}from"@rango-dev/ui";import ir from"react";import{css as Ph,styled as $h}from"@rango-dev/ui";var bu=$h("div",{position:"relative",display:"flex",flexDirection:"column",width:"100%"}),Iu=Ph({height:"14px",marginLeft:"14px",position:"absolute",borderLeft:"1px solid $foreground",top:"42%"});function No(t){let{from:e,to:o,percentageChange:n,warningLevel:r}=t;return ir.createElement(bu,null,ir.createElement(Eu,{direction:"horizontal",label:Au.t("Swap input"),type:"input",tooltipContainer:B(),price:{value:e.price.value,usdValue:e.price.usdValue,realValue:e.price.realValue,realUsdValue:e.price.realUsdValue},token:{displayName:e.token.displayName,image:e.token.image},chain:{image:e.chain.image}}),ir.createElement("div",{className:Iu()}),ir.createElement(Eu,{direction:"horizontal",tooltipContainer:B(),label:Au.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(No,"QuoteSummary");import{i18n as Wu}from"@lingui/core";import{ChevronDownIcon as _h,ChevronRightIcon as Dh,Divider as Ri,Image as Fh,Tooltip as es,Typography as sr}from"@rango-dev/ui";import F,{useEffect as Uh,useState as Oh}from"react";var ar=4,lr=6,qh=375,Bo=i(t=>{let e=B(),{content:o,src:n,className:r,open:s,state:a}=t;return F.createElement(es,{container:e,side:"bottom",sideOffset:4,open:s,content:o},F.createElement(du,{className:r,state:a},F.createElement(Fh,{src:n,size:16})))},"ImageComponent");function Lu(t){let{quoteRef:e,selected:o,setExpanded:n,steps:r,expanded:s,type:a}=t,l=B(),p=r.length,u=xl(r),[c,h]=Oh(!1),m=i(()=>{window.innerWidth<qh?h(!0):h(!1)},"handleResize");return Uh(()=>{window.addEventListener("resize",m)}),F.createElement(mu,{listItem:a==="list-item",ref:d=>e.current=d,selected:o,onClick:d=>{d.stopPropagation(),n(C=>!C)}},F.createElement("div",{className:po()},F.createElement(sr,{variant:"body",size:"xsmall"},Wu.t("Via:")),F.createElement(Ri,{direction:"horizontal",size:4}),r.map((d,C)=>{let S=`item-${C}`,y=F.createElement(Xi,null,F.createElement(Dh,{size:12,color:"black"}));return c?F.createElement(F.Fragment,null,F.createElement(Bo,{content:d.swapper.displayName,src:d.swapper.image,state:d.state}),C!==p-1&&F.createElement(F.Fragment,null,y)):F.createElement(F.Fragment,{key:S},p<=ar||p>ar&&C<ar-1?F.createElement(F.Fragment,null,F.createElement(Bo,{content:d.swapper.displayName,src:d.swapper.image,state:d.state}),C!==p-1&&F.createElement(F.Fragment,null,y)):C===ar-1&&F.createElement(es,{container:l,side:"bottom",align:"right",sideOffset:4,content:F.createElement("div",{className:po()},y,r.map((f,w)=>{let k=`image-${w}`;return w>=C&&F.createElement(F.Fragment,{key:k},F.createElement(Bo,{content:f.swapper.displayName,src:f.swapper.image,state:f.state,open:!1}),w!==p-1&&F.createElement(F.Fragment,null,y))}))},F.createElement(Ji,{state:r.find((f,w)=>w>=C&&(f.state==="error"||f.state==="warning"))?.state},F.createElement(sr,{size:"xsmall",variant:"body"},"+",p-C))))})),F.createElement("div",{className:po()},F.createElement("div",{className:"blockchains_section"},F.createElement("div",{className:po()},F.createElement(sr,{variant:"body",size:"xsmall"},Wu.t("Chains:")),F.createElement(Ri,{direction:"horizontal",size:4}),u.map((d,C)=>F.createElement(F.Fragment,null,u.length<=lr||u.length>lr&&C<lr-1?F.createElement(Bo,{key:d.displayName,content:"",src:d.image,open:!1,className:C!==0?"blockchainImage":""}):C===lr-1&&F.createElement(es,{container:l,side:"bottom",align:"right",sideOffset:4,content:F.createElement("div",{className:po()},u.map((S,y)=>y>=C&&F.createElement(Bo,{key:S.displayName,content:"",src:S.image,open:!1,className:y>C?"blockchainImage":""})))},F.createElement(Ji,{className:"blockchainImage"},F.createElement(sr,{size:"xsmall",variant:"body"},"+",u.length-C))))),F.createElement(Ri,{direction:"horizontal",size:32}))),F.createElement(Xi,{orientation:s?"up":"down"},F.createElement(_h,{size:12,color:"black"}))))}i(Lu,"QuoteTrigger");function ts(t){let{quote:e,input:o,output:n,error:r,warning:s,type:a,selected:l=!1,tagHidden:p=!0,onClickAllRoutes:u}=t,c=g().blockchains(),h=g().swappers(),[m,d]=jh(t.expanded),C=Vh(null),S=W(o.value,6,6),y=W(n.value,6,6),f=n.usdValue?W(n.usdValue,4,4):"",w=Ve(o.usdValue,n.usdValue??null),k=W(w,2,2),v=yt(w??0),x=i(M=>M.map((A,O)=>{let Z,E=r?.type===3&&r.swap.swapperId===A.swapperId||r?.type===4&&r.recommendedSlippages?.has(O),J=s?.type===2&&s.recommendedSlippages?.has(O);E?Z="error":J&&(Z="warning");let X=E?Po.t("Slippage Error"):Po.t("Slippage Warning");return r?.type===3&&(X=r?.recommendation),{swapper:{displayName:ko(A.swapperId,h),image:A.swapperLogo},from:{token:{displayName:A.from.symbol,image:A.from.logo},chain:{displayName:Ge(A.from.blockchain,c),image:A.from.blockchainLogo},price:{value:O===0?W(o.value,6,6):W(A.fromAmount,6,6),usdValue:W((A.from.usdPrice??0)*parseFloat(A.fromAmount),4,4),realValue:pe(O===0?o.value:A.fromAmount),realUsdValue:pe(new Nu(A.from.usdPrice??0).multipliedBy(A.fromAmount))}},to:{token:{displayName:A.to.symbol,image:A.to.logo},chain:{displayName:Ge(A.to.blockchain,c),image:A.to.blockchainLogo},price:{value:W(A.toAmount,6,6),usdValue:W((A.to.usdPrice??0)*parseFloat(A.toAmount),4,4),realValue:pe(A.toAmount),realUsdValue:pe(new Nu(A.to.usdPrice??0).multipliedBy(A.toAmount))}},state:Z,alerts:E||J?P.createElement(ou,null,P.createElement(zh,{variant:"alarm",type:E?"error":"warning",title:X,footer:P.createElement(nu,null,r?.type===3&&P.createElement(P.Fragment,null,P.createElement(uo,{size:"xsmall",variant:"body",color:"neutral900"},r.fromAmountRangeError),P.createElement($o,{direction:"horizontal",size:8}),P.createElement(uo,{size:"xsmall",variant:"body",color:"neutral900"},"|"),P.createElement($o,{direction:"horizontal",size:8}),P.createElement(uo,{size:"xsmall",variant:"body",color:"neutral900"},Po.t({id:"Yours: {amount} {symbol}",values:{amount:W(A.fromAmount,6,6),symbol:A?.from.symbol}}))),(r?.type===4||s?.type===2)&&P.createElement(uo,{size:"xsmall",variant:"body",color:"neutral900"},Po.t({id:"Minimum required slippage is {minRequiredSlippage}",values:{...r?.type===4&&{minRequiredSlippage:r.recommendedSlippages?.get(O)},...s?.type===2&&{minRequiredSlippage:s.recommendedSlippages?.get(O)}}})))})):void 0}}),"getQuoteSteps")(e?.swaps??[]),T=x.length,b=B(),N=Al(t.quote.tags||[]),L=!!u;return P.createElement(P.Fragment,null,P.createElement(lu,{selected:l,listItem:a==="list-item",basic:a==="basic"},P.createElement("div",{className:pu()},!p&&N.length?P.createElement(P.Fragment,null,P.createElement(Cu,null,N.map((M,A)=>{let O=`${M.value}_${A}`;return P.createElement(P.Fragment,null,P.createElement(Su,{style:{color:El(M.value)},key:O},M.label),P.createElement($o,{size:4,direction:"horizontal"}))})),P.createElement(tr,null),!L&&P.createElement($o,{size:4})):null,P.createElement("div",{id:"portal-root",className:uu()},P.createElement(xu,{steps:T,quote:e}),L&&P.createElement(au,{onClick:M=>{M.stopPropagation(),u()},size:"xxsmall",type:"secondary",variant:"default"},P.createElement(uo,{color:"secondary",variant:"label",size:"medium"},Po.t("See All Routes")))),a==="basic"&&P.createElement("div",{className:cu()},P.createElement(hu,null,P.createElement(Qh,{size:12,color:"gray"})),P.createElement(yu,null,P.createElement(Yi,{size:"small",variant:"body"},`${S} ${x[0].from.token.displayName} = `),P.createElement(Mu,{content:pe(n.value),container:b,open:n.value?void 0:!1},P.createElement(Yi,{size:"small",variant:"body"},"\xA0",`${y} ${x[x.length-1].to.token.displayName}`))),P.createElement(Mu,{content:pe(n.usdValue),container:b,style:{display:"flex"}},P.createElement(uo,{color:"$neutral600",ml:2,size:"xsmall",variant:"body"},`($${f})`))),a==="list-item"&&P.createElement(Gh,{tooltipContainer:b,type:"output",direction:"vertical",price:{value:y,usdValue:f,realValue:pe(n.value),realUsdValue:pe(n.usdValue)},token:{displayName:x[T-1].to.token.displayName,image:x[T-1].to.token.image},chain:{image:x[T-1].to.chain.image},percentageChange:k,warningLevel:v}),a==="swap-preview"&&P.createElement(P.Fragment,null,P.createElement(No,{from:x[0].from,to:x[T-1].to,percentageChange:k,warningLevel:v}),P.createElement($o,{size:4}))),P.createElement(iu,{selected:l,listItem:a==="list-item",open:m,onOpenChange:d},P.createElement(Lu,{type:a,quoteRef:C,selected:l,setExpanded:d,expanded:m,steps:x}),P.createElement(fu,{open:m},P.createElement(gu,null),P.createElement("div",{className:su()},x.map((M,A)=>{let O=`item-${A}`;return P.createElement(Hh,{type:"quote-details",key:O,tooltipContainer:b,step:M,hasSeparator:A!==x.length-1,state:M.state})}))))))}i(ts,"Quote");import{Divider as Jh,Skeleton as Zh}from"@rango-dev/ui";import Ct from"react";import{darkTheme as Kh,styled as pr}from"@rango-dev/ui";var Bu=pr("div",{$$color:"$colors$neutral100",[`.${Kh} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",borderBottomLeftRadius:"$xm",borderBottomRightRadius:"$xm",padding:"$15 ",variants:{rounded:{true:{borderRadius:"$xm"}}}}),Pu=pr("div",{paddingTop:"$2"}),$u=pr("div",{paddingLeft:"$8"}),_u=pr("div",{borderLeft:"1px dashed black",minHeight:" 0",margin:"0px 11.5px",alignSelf:"stretch",variants:{hideSeparator:{true:{minHeight:"unset",height:"0"}}}});import{ChainToken as Vu,Divider as ct,Skeleton as ze}from"@rango-dev/ui";import U from"react";import{css as Xh,styled as St}from"@rango-dev/ui";var os=St("div",{display:"flex"}),Du=St("div",{padding:"$10 $0 $20"}),Fu=St("div",{padding:"$12 $0 $20 $0",display:"flex",flexDirection:"column"}),Uu=St("div",{display:"flex",justifyContent:"start",alignItems:"center"}),Ou=St("div",{display:"flex",justifyContent:"space-between",alignItems:"end"}),qu=St("div",{height:"$28",marginLeft:"13px",borderLeft:"1px solid $neutral700"}),zu=St("div",{width:"65%",display:"flex",justifyContent:"start"}),Qu=St("div",{display:"flex",flexDirection:"column",alignItems:"start",flexGrow:1,maxWidth:"148px"}),Hu=St("div",{padding:"$15 $0 $15 $0"}),Gu=Xh({display:"flex",justifyContent:"space-between",alignItems:"center"});function _o(t){let{type:e,tagHidden:o=!0}=t,n=U.createElement(Ou,null,U.createElement(zu,null,U.createElement(Vu,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),U.createElement(ct,{size:8,direction:"horizontal"}),U.createElement(Qu,null,U.createElement(ze,{height:10,width:60,variant:"rounded"}),U.createElement(ct,{size:4}),U.createElement(ze,{height:15,variant:"rounded"}))),U.createElement(ze,{height:12,width:64,variant:"rounded"})),r=e==="basic"&&!o;return U.createElement("div",null,!o&&U.createElement(U.Fragment,null,U.createElement(os,null,U.createElement(ze,{width:65,height:14,variant:"rounded"}),U.createElement(ct,{size:4,direction:"horizontal"}),U.createElement(ze,{width:65,height:14,variant:"rounded"}),U.createElement(ct,{size:4,direction:"horizontal"}),U.createElement(ze,{width:65,height:14,variant:"rounded"})),U.createElement(tr,null),!r&&U.createElement(ct,{size:4})),U.createElement("div",{className:Gu()},U.createElement(os,null,U.createElement(ze,{width:60,height:10,variant:"rounded"}),U.createElement(ct,{size:4,direction:"horizontal"}),U.createElement(ze,{width:60,height:10,variant:"rounded"}),U.createElement(ct,{size:4,direction:"horizontal"}),U.createElement(ze,{width:60,height:10,variant:"rounded"})),r&&U.createElement(ze,{width:100,height:22,variant:"rounded"})),e==="basic"&&U.createElement(Du,null,U.createElement(ze,{height:15,width:148,variant:"rounded"})),e==="list-item"&&U.createElement(Fu,null,U.createElement(Uu,null,U.createElement(Vu,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),U.createElement(ct,{direction:"horizontal",size:4}),U.createElement(ze,{height:15,width:150,variant:"rounded"})),U.createElement(ct,{size:10}),U.createElement(ze,{height:10,width:184,variant:"rounded"})),e==="swap-preview"&&U.createElement(U.Fragment,null,U.createElement(ct,{size:4}),U.createElement(Hu,null,n,U.createElement(qu,null),n)))}i(_o,"QuoteSummarySkeleton");import{ChainToken as Ju,Divider as rs,NextIcon as Yh,Skeleton as ur}from"@rango-dev/ui";import ge from"react";import{styled as Do}from"@rango-dev/ui";var ju=Do("div",{display:"flex",alignItems:"start"}),Ku=Do("div",{flexGrow:1,paddingTop:"$5",paddingBottom:"$10",display:"flex",alignItems:"center"}),ns=Do("div",{display:"flex",alignItems:"center",flexGrow:1}),Xu=Do("div",{margin:"$0 $2",padding:"$4",display:"flex",justifyContent:"center",alignItems:"center"}),Yu=Do("div",{display:"flex",alignItems:"center"});function mt(t){let{separator:e=!0}=t;return ge.createElement(ge.Fragment,null,ge.createElement(Yu,null,ge.createElement(ur,{height:22,width:22,variant:"circular"}),ge.createElement(rs,{direction:"horizontal",size:8}),ge.createElement(ur,{height:15,width:148,variant:"rounded"})),ge.createElement(ju,null,ge.createElement(_u,{hideSeparator:!e}),ge.createElement(Ku,null,ge.createElement(ns,null,ge.createElement(Ju,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ge.createElement(rs,{direction:"horizontal",size:8}),ge.createElement(ur,{height:12,variant:"rounded"})),ge.createElement(Xu,null,ge.createElement(Yh,{color:"gray",size:16})),ge.createElement(ns,null,ge.createElement(Ju,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ge.createElement(rs,{direction:"horizontal",size:8}),ge.createElement(ur,{height:12,variant:"rounded"})))))}i(mt,"StepSkeleton");function Fo(t){let{type:e,expanded:o,tagHidden:n=!1}=t;return Ct.createElement(Bu,{rounded:e!=="basic"},Ct.createElement(_o,{type:e,tagHidden:n}),Ct.createElement(Pu,null,Ct.createElement(Zh,{height:15,variant:"rounded"})),o&&Ct.createElement($u,null,Ct.createElement(Jh,{size:20}),Ct.createElement(mt,null),Ct.createElement(mt,null),Ct.createElement(mt,{separator:!1})))}i(Fo,"QuoteSkeleton");function Vt(t){let{quote:e,type:o,loading:n,error:r,warning:s,expanded:a=!1,tagHidden:l,onClick:p,selected:u,onClickAllRoutes:c}=t,{inputAmount:h,inputUsdValue:m,toToken:d}=V(),C=e?.outputAmount?new Rh(e?.outputAmount):null,S=e?.outputAmount?An(e?.outputAmount,En(e)||d?.usdPrice):null,f=!(r&&(r.type===0||r.type===1))&&e&&!n;return n?cr.createElement(Ki,null,cr.createElement(Fo,{tagHidden:l,type:o,expanded:a})):f?cr.createElement(Ki,{onClick:()=>p?.(e)},cr.createElement(ts,{quote:e,error:r,warning:s,tagHidden:l,selected:u,type:o,expanded:a,onClickAllRoutes:c,input:{value:h,usdValue:m?.toString()??""},output:{value:C?.toString()??"",usdValue:S?.toString()??""}})):null}i(Vt,"QuoteInfo");import{calculatePendingSwap as oy}from"@rango-dev/queue-manager-rango-preset";import{useEffect as ny}from"react";import{useRef as ey,useState as ty}from"react";function mr({request:t}){let[e,o]=ty(!1),n=ey(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(mr,"useFetch");function Zu(){let{fetch:t,loading:e,cancelFetch:o}=mr({request:async(n,r)=>await At().confirmRouteRequest(n,r)});return{fetch:t,loading:e,cancelFetch:o}}i(Zu,"useFetchConfirmQuote");function dr(t){if(!t.swaps)throw new Error(Y().noResultError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});let e=is(t.swaps);if(e)throw new Error(e.message,{cause:e.options})}i(dr,"throwErrorIfResponseIsNotValid");function is(t){if(nl(t)){let{swap:n,recommendation:r,fromAmountRangeError:s}=rl(t);return{message:"bridge limit error",options:{type:3,swap:n,recommendation:r,fromAmountRangeError:s}}}let o=ll(t);if(o){let n=In(t);return{message:"",options:{type:4,recommendedSlippages:o,minRequiredSlippage:n}}}return null}i(is,"getQuoteError");function Ru(t,e,o){let n=!1;t&&(n=wl(t,e));let r={quote:null,quoteUpdate:null,balance:null},s=Jt(e,{fromToken:o.fromToken,toToken:o.toToken,tokens:o.meta.tokens,userSlippage:o.userSlippage});s&&(r.quote=s),t&&n&&(fl(t,e)?r.quoteUpdate={type:3,newOutputAmount:W(Yt(e)),percentageChange:W(Ve(Yt(t)??"",Yt(e)??""),null,2)}:pi(t,e)?r.quoteUpdate={type:0}:ui(t,e)?r.quoteUpdate={type:1}:ci(t,e)&&(r.quoteUpdate={type:2}));let a=gl(e,o.selectedWallets,o.meta.blockchains);return a.length===0||(r.balance={messages:a}),r}i(Ru,"generateWarnings");function fr(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(fr,"handleQuoteErrors");function ss(){let{fromToken:t,toToken:e,inputAmount:o,setSelectedQuote:n,selectedQuote:r,customDestination:s,setQuoteWarningsConfirmed:a,resetAlerts:l}=V(),{slippage:p,customSlippage:u}=g(),c=g().getDisabledLiquiditySources(),h=g().blockchains(),m=g().tokens(),d=u||p,{fetch:C,cancelFetch:S,loading:y}=Zu();return ny(()=>S,[]),{loading:y,fetch:i(async w=>{let k=w.selectedWallets,v=w?.customDestination??s;if(!t||!e||!o)return{quote:null,swap:null,error:null,warnings:null};let I=k.reduce((T,b)=>(T[b.chain]=b.address,T),{}),x={requestId:r?.requestId||"",selectedWallets:I,destination:v||void 0};try{return await C(x).then(T=>{let{result:b}=T;dr({diagnosisMessages:b.diagnosisMessages,requestId:b.requestId,swaps:b.result?.swaps});let N={outputAmount:b.result?.outputAmount,requestId:b.requestId,resultType:b.result?.resultType,swaps:b.result?.swaps||[],validationStatus:b.validationStatus,requestAmount:b.requestAmount};n(N);let L={slippage:d.toString(),disabledSwappersGroups:c},M=oy(o.toString(),b,ml(k),L,!1,{blockchains:h,tokens:m}),A=Ru(r??void 0,N,{fromToken:t,toToken:e,meta:{blockchains:h,tokens:m},selectedWallets:k,userSlippage:d});return A.quoteUpdate&&a(!1),l(),{quote:N,swap:M,error:null,warnings:A}})}catch(T){return fr(T)}},"fetch"),cancelFetch:S}}i(ss,"useConfirmSwap");var hy=ay("div",{width:"100%",display:"flex",justifyContent:"space-between",[`& ${tc}`]:{width:"$48",height:"$48"}}),yy=ls({flexGrow:1,paddingRight:"$10"}),Sy=ls({width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"}),Cy=ls({display:"flex",justifyContent:"space-between",alignItems:"center"});function oc(){let{selectedQuote:t,setInputAmount:e,selectedWallets:o,quoteWalletsConfirmed:n,setQuoteWalletConfirmed:r,customDestination:s,quoteWarningsConfirmed:a}=V(),l=gy(),p=fy(),[u,c]=hr(""),{connectedWallets:h}=K(),m=!n,[d,C]=hr(!1),{isActiveTab:S}=ne(),y=g().getDisabledLiquiditySources(),f=my(y),{manager:w}=ry(),{fetch:k,loading:v,cancelFetch:I}=ss(),[x,T]=hr({swap:null,error:null,warnings:null}),[b,N]=hr(!1),L=i(async({selectedWallets:z,customDestination:me})=>{let G=await k?.({selectedWallets:z,customDestination:me});return T(G),G},"onConfirmSwap"),M=i(async()=>{if(x.swap&&n)try{await w?.create("swap",{swapDetails:x.swap},{id:x.swap.requestId});let z=`../${_.swaps}/${x.swap.requestId}`;l(z,{replace:!0}),setTimeout(()=>{e("")},0)}catch(z){c("Error: "+z?.message)}},"addNewSwap"),A=i(async()=>{await M()},"onConfirm"),O=i(async()=>{x?.warnings?.quote&&!a?N(!0):await A()},"onStartConfirmSwap"),Z=i(async()=>{T({error:null,swap:null,warnings:null}),k({selectedWallets:o,customDestination:s}).then(z=>{T(z)}).catch(z=>console.error(z))},"onRefresh");Uo(()=>{!!f.current.length&&!y.length&&Z(),f.current=y},[y.length]),Uo(()=>{m&&I()},[m]),Uo(()=>{m&&C(m)},[m]),Uo(()=>{m||k({selectedWallets:o,customDestination:s}).then(z=>T(z)).catch(z=>console.error(z))},[]),Uo(()=>{let z=x.warnings?.quote?.type&&Object.values(Wt).includes(x.warnings?.quote?.type),me=o.length<1||!o.every(R=>h.find(Ae=>R.address===Ae.address&&R.walletType===Ae.walletType&&R.chain===Ae.chain)),G=!1;if(z){let R=kn(t?.swaps||null),Ae=t?.swaps[t.swaps.length-1].to.blockchain;!!t?.swaps.find(j=>j.from.blockchain===Ae)||(R=R.slice(-R.length,R.length-1)),R.every(j=>o.find(ee=>ee.chain===j))||(G=!0)}t&&(me||G)&&(queueMicrotask(()=>dy(C.bind(null,!0))),r(!1))},[x.warnings?.quote,o.length,h.length]),cy(()=>{t||l(`../${p.search}`)},[]);let E=x.warnings?.quote??null,J=x.error,X=[];if(u&&X.push(ue.createElement(ec,{type:"error",variant:"alarm",title:u})),x.warnings?.quoteUpdate&&X.push(ue.createElement(ec,{variant:"alarm",type:"warning",title:x.warnings.quoteUpdate&&Mn(x.warnings.quoteUpdate)})),E||J){let z=`../${_.settings}`;X.push(ue.createElement(Lo,{warning:E,error:J,loading:v,refetchQuote:Z,showWarningModal:b,confirmationDisabled:!S,onOpenWarningModal:()=>N(!0),onCloseWarningModal:()=>N(!1),onConfirmWarningModal:async()=>{N(!1),await M()},onChangeSettings:()=>l(z)}))}return ue.createElement(oe,{header:{title:gr.t("Confirm Swap"),onWallet:()=>{let z=`../${_.wallets}`;l(z)},suffix:ue.createElement(ly,{container:B(),side:"bottom",content:gr.t("Settings")},ue.createElement(Ke,{size:"small",variant:"ghost",onClick:()=>l("../"+_.settings)},ue.createElement(sy,{size:18,color:"black"})))},footer:ue.createElement(hy,null,ue.createElement("div",{className:yy()},ue.createElement(iy,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:v,disabled:!!x.error||!S,onClick:O},gr.t("Start Swap"))),ue.createElement(tc,{variant:"contained",type:"primary",size:"large",loading:v,onClick:C.bind(null,!0)},ue.createElement(uy,{size:24})))},d&&ue.createElement(_p,{open:d,onClose:()=>C(!1),onCancel:I,loading:v,onCheckBalance:L}),ue.createElement(se,null,ue.createElement("div",{className:Cy()},ue.createElement(py,{variant:"title",size:"small"},gr.t("You get")),ue.createElement("div",{className:Sy()},ue.createElement(Vn,{onClick:!v&&!d&&!b?Z:void 0}))),ue.createElement(as,{size:"12"}),Kl(X,ue.createElement(as,{size:10})),X.length>0?ue.createElement(as,{size:10}):null,ue.createElement(Vt,{quote:t,type:"swap-preview",expanded:!0,selected:!0,tagHidden:!0,error:x.error,loading:v,warning:x.warnings?.quote??null})))}i(oc,"ConfirmSwapPage");import{i18n as Sr}from"@lingui/core";import{useManager as $y}from"@rango-dev/queue-manager-react";import{Divider as dc,NotFound as _y,styled as Dy}from"@rango-dev/ui";import kt,{useState as Fy}from"react";import{useNavigate as Uy}from"react-router-dom";import{i18n as wy}from"@lingui/core";import{Divider as ac,GroupedVirtualizedList as vy,Skeleton as xy,SwapListItem as lc,Typography as by}from"@rango-dev/ui";import Be,{useCallback as pc,useEffect as Iy,useRef as Ay,useState as Ey}from"react";function nc(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(nc,"calculateGroupsSoFar");import{css as Ty,darkTheme as ky,styled as Oo}from"@rango-dev/ui";var ps=Ty(),rc=Oo("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$5"}),us=Oo("div",{width:"100%",display:"flex",flexDirection:"column",backgroundColor:"$background",padding:"$10 $5 0 $5",[`& .${ps}`]:{$$color:"$colors$neutral600",[`.${ky} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),cs=Oo("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),ic=Oo("div",{gap:"$10",display:"flex",flexDirection:"column"}),sc=Oo("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});var Wy=10;function ms(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,[s,a]=Ey([]),l=Ay(0),{swaps:p,groupCounts:u,groups:c}=n(e),h=pc(nc,[]),m=pc(()=>{let d=e.length-l.current;d&&(l.current+=Math.min(d,Wy),a(h(u,l.current)))},[e.length]);if(Iy(()=>{r||m()},[r,m]),r){let d=[1,2];return Be.createElement(Be.Fragment,null,[d,d].map((S,y)=>Be.createElement(us,{key:y},Be.createElement(cs,null,Be.createElement(xy,{variant:"text",width:60,size:"small"}),Be.createElement(ac,{size:16})),Be.createElement(ac,{size:4}),Be.createElement(ic,null,S.map((w,k)=>Be.createElement(lc,{isLoading:!0,key:k}))))))}return Be.createElement(vy,{endReached:()=>{l.current<e.length&&m()},groupCounts:s,groupContent:d=>Be.createElement(us,null,Be.createElement(cs,null,Be.createElement(by,{variant:"label",size:"medium",className:ps()},c[d]))),itemContent:(d,C)=>{let S=p[d];if(!S)return null;let y=S.steps[0],f=S.steps[S.steps.length-1];return Be.createElement(rc,{key:S.requestId},Be.createElement(lc,{requestId:S.requestId,creationTime:S.creationTime,status:S.status,onClick:o,tooltipContainer:B(),onlyShowTime:c[C]===wy.t("Today"),swapTokenData:{from:{token:{image:y.fromLogo,displayName:y.fromSymbol},blockchain:{image:y.fromBlockchainLogo||""},amount:W(S.inputAmount,6,6),realAmount:pe(S.inputAmount)},to:{token:{image:f.toLogo,displayName:f.toSymbol},blockchain:{image:f.toBlockchainLogo||""},amount:W(f.outputAmount||f.expectedOutputAmountHumanReadable||"",6,6),realAmount:pe(f.outputAmount||f.expectedOutputAmountHumanReadable)}}}))}})}i(ms,"HistoryGroupedList");import{CloseIcon as My,IconButton as Ny,SearchIcon as By,TextField as Py}from"@rango-dev/ui";import qo from"react";import{styled as Ly}from"@rango-dev/ui";var uc=Ly("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function Tt(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:s,value:a,setValue:l,...p}=t;return qo.createElement(Py,{prefix:qo.createElement(uc,null,qo.createElement(By,{color:"black"})),suffix:!!a.length&&qo.createElement(Ny,{variant:"ghost",onClick:()=>l?.(""),size:"small"},qo.createElement(My,{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(Tt,"SearchInput");import{i18n as yr}from"@lingui/core";import cc from"dayjs";var mc=i(t=>{let e=new Map([["today",{title:yr.t("Today"),swaps:[]}],["week",{title:yr.t("This week"),swaps:[]}],["month",{title:yr.t("This month"),swaps:[]}],["year",{title:yr.t("This year"),swaps:[]}]]);function o(p,u){e.has(p)||e.set(p,{title:p,swaps:[]}),e.get(p)?.swaps.push(u)}i(o,"addYearsToOutput");let n=cc();t.forEach(p=>{let u=Number(p.creationTime),c=cc(u);if(n.isSame(c,"day"))e.get("today")?.swaps.push(p);else if(n.isSame(c,"week"))e.get("week")?.swaps.push(p);else if(n.isSame(c,"month"))e.get("month")?.swaps.push(p);else if(n.isSame(c,"year"))e.get("year")?.swaps.push(p);else{let h=new Date(u).getFullYear().toString();o(h,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 Oy=Dy("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),qy=i((t,e)=>t?.length?t.filter(o=>it(o.fromBlockchain,e)||it(o.toBlockchain,e)||it(o.toSymbol,e)||it(o.fromSymbol,e)).length:!1,"isStepContainsText");function fc(){let t=Uy(),{manager:e,state:o}=$y(),n=Mt(e).map(({swap:c})=>c),[r,s]=Fy(""),a=!o.loadedFromPersistor,l=i(c=>{let h=c.target.value;s(h)},"searchHandler"),p=n;r&&(p=n.filter(c=>it(c.inputAmount,r)||it(c.status,r)||qy(c.steps,r)||it(c.requestId,r)));let u=!p?.length&&!a;return kt.createElement(oe,{header:{title:Sr.t("History")}},kt.createElement(se,null,kt.createElement(Tt,{setValue:s,fullWidth:!0,variant:"contained",placeholder:Sr.t("Search Transaction"),autoFocus:!0,onChange:l,value:r}),kt.createElement(dc,{size:"16"}),kt.createElement(Oy,null,u&&kt.createElement(sc,null,kt.createElement(dc,{size:32}),kt.createElement(_y,{title:Sr.t("No results found"),description:r?Sr.t("Try using different keywords"):""})),!u&&kt.createElement(ms,{list:p,onSwapClick:t,groupBy:mc,isLoading:a}))))}i(fc,"HistoryPage");import{i18n as fs}from"@lingui/core";import{Button as Xy,Divider as Sc,styled as Tc,SwapInput as Cc,WarningIcon as Yy}from"@rango-dev/ui";import Ie,{useEffect as Jy,useState as Zy}from"react";import{useNavigate as Ry}from"react-router-dom";import{ReverseIcon as zy,styled as gc}from"@rango-dev/ui";import ds from"react";var Qy=gc("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),Hy=gc("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 hc(){let t=V.use.switchFromAndTo();return ds.createElement(Qy,null,ds.createElement(Hy,{onClick:()=>{t()}},ds.createElement(zy,{size:12})))}i(hc,"SwitchFromAndToButton");import{useCallback as Gy,useEffect as Vy,useState as jy}from"react";function yc(){let{fetch:t,loading:e,cancelFetch:o}=mr({request:async(n,r)=>await At().getAllRoutes(n,r)});return{fetch:t,loading:e,cancelFetch:o}}i(yc,"useFetchAllQuotes");var Ky=600;function Cr({refetchQuote:t}){let{fetch:e,cancelFetch:o}=yc(),{enableNewLiquiditySources:n,features:r}=g().config,s=K.use.connectedWallets(),a=g().tokens(),{fromToken:l,toToken:p,inputAmount:u,inputUsdValue:c,selectedQuote:h,sortStrategy:m,resetQuote:d,setSelectedQuote:C,updateQuotePartialState:S}=V(),{slippage:y,customSlippage:f,affiliatePercent:w,affiliateRef:k,affiliateWallets:v,fetchStatus:I}=g(),x=g().getLiquiditySources(),T=g().getDisabledLiquiditySources(),b=g().excludeLiquiditySources(),[N,L]=jy(!0),M=f??y,O=!l||!p||Le(l,p)||!So(u),Z=i(X=>{L(X)},"resetState"),E=i(X=>{let{fromToken:z,toToken:me,inputAmount:G,liquiditySources:R,excludeLiquiditySources:Ae,disabledLiquiditySources:Ce,slippage:$,affiliateRef:j,affiliatePercent:ee,affiliateWallets:Te}=X;if(N||Z(!0),!O&&z&&me){d();let Fe=cl({fromToken:z,toToken:me,inputAmount:G,liquiditySources:R,excludeLiquiditySources:Ae,disabledLiquiditySources:Ce,wallets:s,slippage:$,affiliateRef:j,affiliatePercent:ee,affiliateWallets:Te});Da("experimentalRoute",r)&&(Fe.experimental=!0),e(Fe).then(ke=>{let _e=bl(m,ke.results),Ue=Il(h,_e,ke.requestAmount);L(!1),S("quotes",ke),C(Ue),dr({diagnosisMessages:ke.diagnosisMessages,requestId:Ue?.requestId||"",swaps:Ue?.swaps});let Gr=Ue&&Jt(Ue,{fromToken:z,toToken:me,userSlippage:M,tokens:a});S("warning",Gr)}).catch(ke=>{let{error:_e}=fr(ke);(_e?.type===0||_e?.type===1)&&d(),_e?.type!==2&&(S("error",_e),L(!1))})}},"fetch"),J=Gy($a(X=>{O||E(X)},Ky),[O]);return Vy(()=>{if(!t){L(!1);return}if(I==="success"){if(O){L(!1),h&&d();return}if(!So(u)||c?.eq(0)){Z(!1),o();return}return d(),Z(!0),J({inputAmount:u,fromToken:l,toToken:p,liquiditySources:x,excludeLiquiditySources:b,disabledLiquiditySources:T,slippage:M,affiliateRef:k,affiliatePercent:w,affiliateWallets:v}),o}},[I,u,l?.symbol,l?.address,l?.blockchain,p?.symbol,p?.address,p?.blockchain,O,x?.length,n,T.length,M,k,w,JSON.stringify(v)]),{fetch:()=>E({inputAmount:u,fromToken:l,toToken:p,liquiditySources:x,excludeLiquiditySources:b,disabledLiquiditySources:T,slippage:M,affiliateRef:k,affiliatePercent:w,affiliateWallets:v}),loading:N}}i(Cr,"useSwapInput");var eS=Tc("div",{position:"relative"}),tS=Tc("div",{display:"flex",flexDirection:"column",gap:5,alignSelf:"stretch"});function kc(){let t=Ry(),{fromToken:e,fromBlockchain:o,toToken:n,toBlockchain:r,setInputAmount:s,inputAmount:a,inputUsdValue:l,outputAmount:p,outputUsdValue:u,selectedQuote:c,refetchQuote:h,error:m,warning:d,quotes:C,resetQuoteWallets:S,setQuoteWarningsConfirmed:y,updateQuotePartialState:f}=V(),{fetch:w,loading:k}=Cr({refetchQuote:h}),{config:v,fetchStatus:I}=g(),{connectedWallets:x,getBalanceFor:T}=K(),{isActiveTab:b}=ne(),[N,L]=Zy(!1),M=!!o&&Ia(x,o.name),A=!1,O=!ai(c,a,l),Z=!ai(c,a,u),E=il({fetchMetaStatus:I,fetchingQuote:k,inputAmount:a,quote:c,anyWalletConnected:x.length>0,error:m,warning:d,needsToWarnEthOnPath:A}),J=e?T(e):null,X=cn(J)?.amount??"0",z=o&&e?W(J?.amount,J?.decimals):"0",me=I==="success"&&!!a&&!!e&&!!n&&k;Jy(()=>{S(),f("refetchQuote",!0)},[]);let G=!l||!u||!u.gt(0)?null:Ve(l.toString(),u.toString());return Ie.createElement(oe,{height:"auto",footer:Ie.createElement(Xy,{type:"primary",size:"large",disabled:E.disabled||!b,prefix:E.action==="confirm-warning"&&Ie.createElement(Yy,null),fullWidth:!0,onClick:()=>{E.action==="connect-wallet"?t(_.wallets):E.action==="confirm-warning"?L(!0):t(_.confirmSwap)}},E.title),header:{onWallet:()=>{t(_.wallets)},hasBackButton:!1,title:v.title||fs.t("Swap"),suffix:Ie.createElement(xo,{onClickRefresh:(c||m)&&!N?w:void 0,onClickHistory:()=>t(_.swaps),onClickSettings:()=>t(_.settings)})}},Ie.createElement(se,null,Ie.createElement(tS,null,Ie.createElement(eS,null,Ie.createElement(Cc,{label:fs.t("From"),mode:"From",onInputChange:s,balance:X,chain:{displayName:o?.displayName||"",image:o?.logo||""},token:{displayName:e?.symbol||"",image:e?.image||""},onClickToken:()=>t(_.fromSwap),price:{value:a,usdValue:O?void 0:W(l,4,4),realUsdValue:O?void 0:pe(l),error:O?Y().unknownPriceError.impactTitle:void 0},disabled:I==="failed",loading:I==="loading",loadingBalance:M,tooltipContainer:B(),onSelectMaxBalance:()=>{X!=="0"&&s(z.split(",").join(""))}}),Ie.createElement(hc,null)),Ie.createElement(Cc,{sharpBottomStyle:!!c||me,label:fs.t("To"),mode:"To",fetchingQuote:me,chain:{displayName:r?.displayName||"",image:r?.logo||""},token:{displayName:n?.symbol||"",image:n?.image||""},percentageChange:W(Ve(l,u),2,2),warningLevel:yt(G??0),price:{value:W(p,6,6),usdValue:Z?void 0:W(u,4,4),realValue:pe(p),realUsdValue:Z?void 0:pe(u),error:Z?Y().unknownPriceError.impactTitle:void 0},onClickToken:()=>t(_.toSwap),disabled:I==="failed",loading:I==="loading",tooltipContainer:B()})),Ie.createElement(Sc,{size:"2"}),Ie.createElement(Vt,{quote:c,loading:me,error:m,tagHidden:!1,warning:d,type:"basic",onClickAllRoutes:C&&C.results.length>1?()=>{f("refetchQuote",!1),t(_.routes)}:void 0}),d||m?Ie.createElement(Ie.Fragment,null,Ie.createElement(Sc,{size:"10"}),Ie.createElement(Lo,{warning:d,error:m,loading:me,refetchQuote:w,showWarningModal:N,confirmationDisabled:!b,onOpenWarningModal:()=>L(!0),onCloseWarningModal:()=>L(!1),onConfirmWarningModal:()=>{L(!1),y(!0),t(_.confirmSwap)},onChangeSettings:()=>t(_.settings)})):null))}i(kc,"Home");import{i18n as wc}from"@lingui/core";import{List as oS,ListItemButton as nS,Radio as rS,RadioRoot as iS,Typography as sS}from"@rango-dev/ui";import $t from"react";function co(){let{setLanguage:t,language:e,config:o}=g(),n=Ua,r=o?.language||To;return{activeLanguage:e||r,languages:n,defaultLanguage:r,changeLanguage:s=>t(s||To),resetLanguage:()=>t(null)}}i(co,"useLanguage");function vc(){let{activeLanguage:t,changeLanguage:e,languages:o}=co(),n=o.map(r=>{let{local:s,label:a,SVGFlag:l}=r;return{id:s,value:s,title:$t.createElement(sS,{variant:"title",size:"xmedium"},a),onClick:()=>e(r.local),end:$t.createElement(rS,{value:s}),start:$t.createElement(l,null)}});return $t.createElement(oe,{header:{title:wc.t("Language")}},$t.createElement(se,null,$t.createElement(iS,{value:t},$t.createElement(oS,{type:$t.createElement(nS,{title:wc.t("language"),id:"_",onClick:()=>console.log()}),items:n}))))}i(vc,"LanguagePage");import{i18n as wt}from"@lingui/core";import{Button as cS,Checkbox as mS,Image as dS,ListItemButton as fS,NotFound as gS,Typography as hS}from"@rango-dev/ui";import Pe,{useState as yS}from"react";import{Checkbox as pS,Skeleton as bc}from"@rango-dev/ui";import Qo from"react";import{styled as gs}from"@rango-dev/ui";var zo=gs("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto",variants:{disabled:{true:{pointerEvents:"none"}}}}),hs=gs("div",{width:80,display:"flex",justifyContent:"flex-end"}),ys=gs("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});import{ListItem as aS,styled as lS}from"@rango-dev/ui";var xc=lS(aS,{height:61});var uS=30;function Ss(){return Qo.createElement(zo,null,Array.from(Array(uS),t=>Qo.createElement(xc,{hasDivider:!0,key:t,start:Qo.createElement(bc,{variant:"circular",width:35,height:35}),title:Qo.createElement(bc,{variant:"text",size:"large",width:90}),end:Qo.createElement(pS,{checked:!1})})))}i(Ss,"LoadingLiquiditySourceList");function Cs({sourceType:t}){let e=g().fetchStatus,o=g().swappers(),n=g().getDisabledLiquiditySources(),[r,s]=yS(""),a=g().toggleLiquiditySource,l=g().isInCampaignMode(),p=yn(o,n),u={Exchanges:wt.t("Exchanges"),Bridges:wt.t("Bridges")},c=[];t==="Exchanges"&&c.push("DEX"),t==="Bridges"&&(c.push("BRIDGE"),c.push("AGGREGATOR"));let h=p.filter(f=>c.includes(f.type)),m=h.length===h.filter(f=>f.selected).length,d=i(()=>{h.forEach(f=>{m?a(f.groupTitle):f.selected||a(f.groupTitle)})},"toggleAllSources"),C=h.map(f=>{let{selected:w,groupTitle:k,logo:v}=f;return{start:Pe.createElement(dS,{src:v,size:22,type:"circular"}),onClick:()=>{l||a(k)},end:Pe.createElement(mS,{checked:w,disabled:l}),title:Pe.createElement(hS,{variant:"title",size:"xmedium"},wt.t(k)),...f}}),S=i(f=>{let w=f.target.value;s(w)},"searchHandler"),y=C;return r&&(y=C.filter(f=>it(f.groupTitle,r))),Pe.createElement(oe,{header:{title:wt.t(t),suffix:Pe.createElement(hs,null,Pe.createElement(cS,{variant:"ghost",size:"xsmall",onClick:d},m?wt.t("Deselect all"):wt.t("Select all")))}},Pe.createElement(se,{view:!0},Pe.createElement(Tt,{value:r,setValue:s,fullWidth:!0,color:"light",variant:"contained",placeholder:wt.t("Search {sourceType}",{sourceType:u[t]}),onChange:S}),e==="loading"&&Pe.createElement(Ss,null),!y.length&&r?Pe.createElement(ys,null,Pe.createElement(gS,{title:wt.t("No results found"),description:wt.t("Try using different keywords")})):e==="success"&&Pe.createElement(zo,{disabled:l},y.map(f=>Pe.createElement(Pe.Fragment,{key:f.id},Pe.createElement(fS,{style:{height:"61px"},...f,selected:!1,hasDivider:!0}))))))}i(Cs,"LiquiditySourcePage");import{i18n as SS}from"@lingui/core";import{Divider as Ic}from"@rango-dev/ui";import tt from"react";import{useNavigate as CS}from"react-router-dom";var TS=3;function Ac(){let t=CS(),e=lt(),{selectedQuote:o,quotes:n,refetchQuote:r,setSelectedQuote:s,updateQuotePartialState:a,fromToken:l,toToken:p,error:u}=V(),{slippage:c,customSlippage:h}=g(),m=g().tokens(),d=h??c,{fetch:C,loading:S}=Cr({refetchQuote:r}),y=i(v=>{s(v),a("refetchQuote",!1),e()},"onClickOnQuote"),f=i(v=>{if(!l||!p||!n)return null;let I={requestAmount:n.requestAmount,...v};return Jt(I,{fromToken:l,toToken:p,userSlippage:d,tokens:m})},"getQuoteWarning"),w=`../${_.settings}`,k=`../${_.wallets}`;return tt.createElement(oe,{header:{onWallet:()=>{t(k)},onBack:()=>{a("refetchQuote",!1)},title:SS.t("Routes"),suffix:tt.createElement(xo,{onClickRefresh:o||u?C:void 0,hidden:["notifications","history"],onClickSettings:()=>t(w)})}},tt.createElement(se,null,S?Array.from({length:TS},(v,I)=>tt.createElement(tt.Fragment,{key:I},tt.createElement(Fo,{tagHidden:!1,type:"list-item",expanded:!1}),tt.createElement(Ic,{size:16}))):!!n&&n.results?.map(v=>{let I=f(v),x=is(v.swaps);return tt.createElement(tt.Fragment,{key:v.requestId},tt.createElement(Vt,{selected:o?.requestId===v.requestId,tagHidden:!1,quote:{...v,requestAmount:n.requestAmount},loading:S,error:x?.options||null,warning:I,onClick:T=>{a("warning",I),a("error",x?.options||null),y(T)},type:"list-item"}),tt.createElement(Ic,{size:16}))})))}i(Ac,"RoutesPage");import{i18n as $c}from"@lingui/core";import{Divider as _c,getCountCategories as LS,SelectableCategoryList as MS}from"@rango-dev/ui";import vt,{useState as Dc}from"react";import{i18n as ks}from"@lingui/core";import{Divider as Bc,Image as bS,ListItemButton as IS,NotFound as AS,Typography as Pc}from"@rango-dev/ui";import Xe,{useEffect as ES,useState as WS}from"react";import{BlockchainCategories as Ts}from"@rango-dev/ui";import{TransactionType as Tr}from"rango-sdk";var kS=i((t,e)=>{switch(e){case Ts.ALL:return!0;case Ts.UTXO:return t.type===Tr.TRANSFER;case Ts.OTHER:return t.type!==Tr.TRANSFER&&t.type!==Tr.COSMOS&&t.type!==Tr.EVM;default:return t.type===e}},"filterByType"),Ec=i((t,e,o)=>t.filter(n=>kS(n,o)).filter(n=>Ut(n.name,e)||Ut(n.displayName,e)),"filterBlockchains");import{ImageContainer as wS,styled as Wc}from"@rango-dev/ui";var Lc=Wc("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),kr=Wc(bo,{padding:0,margin:0,listStyle:"none",[`& ${wS}`]:{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as vS,Skeleton as Mc}from"@rango-dev/ui";import wr from"react";var xS=20;function Nc(){return wr.createElement(kr,null,Array.from(Array(xS),t=>wr.createElement(vS,{key:t,hasDivider:!0,start:wr.createElement(Mc,{variant:"circular",width:35,height:35}),title:wr.createElement(Mc,{variant:"text",size:"large",width:90})})))}i(Nc,"LoadingBlockchainList");function ws(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[s,a]=WS(e),{fetchStatus:l}=g();ES(()=>{a([...Ec(e,o,r)])},[e,o,r]);let p=i(()=>!s.length&&o?Xe.createElement(Xe.Fragment,null,Xe.createElement(Bc,{size:32}),Xe.createElement(AS,{title:ks.t("No results found"),description:ks.t("Try using different keywords")})):Xe.createElement(kr,{as:"ul",key:`${r}-${o}`},s.map(u=>Xe.createElement(IS,{key:`${u.name}-${u.chainId}`,hasDivider:!0,onClick:()=>n(u),start:Xe.createElement(bS,{src:u.logo,size:30}),title:Xe.createElement(Pc,{variant:"title",size:"medium"},u.displayName),id:u.chainId}))),"renderList");return Xe.createElement(Lc,null,Xe.createElement(Pc,{variant:"label",size:"large"},ks.t("Select Blockchain")),Xe.createElement(Bc,{size:4}),l==="loading"&&Xe.createElement(Nc,null),l==="success"&&p())}i(ws,"BlockchainList");function vs(t){let{type:e}=t,o=lt(),[n,r]=Dc(""),[s,a]=Dc("ALL"),l=V.use.setToBlockchain(),p=V.use.setFromBlockchain(),u=g().fetchStatus,c=g().blockchains({type:e}),m=LS(c)!==1;return vt.createElement(oe,{header:{title:$c.t("Select Blockchain")}},vt.createElement(se,{view:!0},m&&vt.createElement(vt.Fragment,null,vt.createElement(MS,{setCategory:a,category:s,blockchains:c,isLoading:u==="loading"}),vt.createElement(_c,{size:24})),vt.createElement(Tt,{value:n,autoFocus:!0,placeholder:$c.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:d=>r(d.target.value)}),vt.createElement(_c,{size:16}),vt.createElement(ws,{list:c,searchedFor:n,blockchainCategory:s,onChange:d=>{e==="source"?p(d):l(d),o()}})))}i(vs,"SelectBlockchainPage");import{i18n as Ar}from"@lingui/core";import{Divider as nm}from"@rango-dev/ui";import jt,{useState as KS}from"react";import{useNavigate as XS}from"react-router-dom";import{i18n as Is}from"@lingui/core";import{BlockchainsChip as vr,Divider as qc,Image as zc,Skeleton as _S,Tooltip as DS,Typography as As}from"@rango-dev/ui";import Se from"react";import{useEffect as PS}from"react";var Fc=["ETH","COSMOS","OSMOSIS"];function xs(t,e,o){let n=JSON.parse(JSON.stringify(t)),r=[];if(n.sort(NS),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 u=n[p];a=a.filter(c=>u.name!==c)}}n.sort(BS(a)),r=n.splice(s)}return{list:n,more:r}}i(xs,"prepare");function NS(t,e){let o=Fc,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(NS,"sortByMostUsedBlockchains");function BS(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(BS,"generateSortByPreferredBlockchainsFor");function Uc(t,e){return!!e.list.find(o=>o.name===t)}i(Uc,"isInVisibleList");function bs(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=g();PS(()=>{if(e?.selected){let s=xs(t,o,e);Uc(e.selected,s)||n(e?.selected)}},[e?.selected]);let r=xs(t,o,e);return{list:r.list,more:r.more,history:[]}}i(bs,"usePrepareBlockchainList");import{styled as $S}from"@rango-dev/ui";var Oc=$S("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var FS=12;function Es(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:s}=t,a=bs(e,{limit:10,selected:n?.name}),{fetchStatus:l}=g(),p=V.use.resetToBlockchain(),u=V.use.resetFromBlockchain(),c=a.more.length>0,h=a.more.length===1,m=!h&&c;return Se.createElement(Se.Fragment,null,Se.createElement(qc,{size:12}),Se.createElement(As,{variant:"label",size:"large"},Is.t("Select Blockchain")),Se.createElement(qc,{size:12}),Se.createElement(Oc,null,l==="loading"&&Array.from(Array(FS),d=>Se.createElement(_S,{key:d,variant:"rounded",height:50})),l==="success"&&Se.createElement(Se.Fragment,null,Se.createElement(vr,{selected:!n,onClick:()=>{o==="from"?u():p()}},Se.createElement(As,{variant:"body",size:"xsmall",color:"secondary500"},Is.t("All"))),a.list.map(d=>Se.createElement(DS,{key:d.name,content:d.shortName,side:"bottom",sideOffset:2,container:B()},Se.createElement(vr,{key:d.name,selected:!!n&&n.name===d.name,onClick:()=>r(d)},Se.createElement(zc,{src:d.logo,size:30})))),h?Se.createElement(vr,{key:a.more[0].name,selected:!!n&&n.name===a.more[0].name,onClick:()=>r(a.more[0])},Se.createElement(zc,{src:a.more[0].logo,size:30})):null,m?Se.createElement(vr,{onClick:s,key:"more-blockchains"},Se.createElement(As,{variant:"body",size:"xsmall",color:"secondary500"},Is._("More +{count}",{count:a.more.length}))):null)))}i(Es,"BlockchainsSection");import{i18n as Fs}from"@lingui/core";import{darkTheme as Zc,Divider as fo,ExternalLinkIcon as qS,Image as zS,ListItemButton as QS,NotFound as HS,PinIcon as GS,Skeleton as Rc,Typography as Ir,VirtualizedList as VS}from"@rango-dev/ui";import q,{useEffect as em,useState as tm}from"react";import{Divider as Yc,ListItem as OS,Skeleton as Ho}from"@rango-dev/ui";import nt from"react";import{css as mo,darkTheme as Qc,ImageContainer as US,styled as ot,Typography as Hc}from"@rango-dev/ui";var Ws=mo({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}),Ls=mo({position:"relative",height:12,width:"30%",maxWidth:"150px"}),Ms=mo({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",bottom:"-8px"}),Ns=mo({transform:"translateY(12px)",visibility:"hidden","& a":{display:"flex",justifyContent:"center",alignItems:"center",fontSize:"$12",lineHeight:"$16",$$color:"$colors$neutral600",[`.${Qc} &`]:{$$color:"$colors$neutral700"},color:"$$color",textDecoration:"none"}}),Bs=mo({}),Ps=mo(),Gc=ot("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),$s=ot("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),xr=ot("ul",{flexGrow:1,padding:0,margin:0,listStyle:"none","& li":{alignItems:"none","&:hover":{[`& .${Ls}`]:{[`& .${Ns}`]:{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",visibility:"visible"},[`& .${Bs}`]:{bottom:"-15px"},[`& .${Ws}`]:{position:"absolute",transform:"translateY(-12px)",visibility:"hidden"},[`& .${Ms}`]:{position:"absolute",transform:"translateY(-12px)",bottom:"-10px"}}}}}),_s=ot("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),Ds=ot(Hc,{}),Vc=ot("div",{textAlign:"right",width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",[`& .${Ps}`]:{$$color:"$colors$neutral600",[`.${Qc} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),br=ot("div",{display:"flex",alignItems:"end",flexDirection:"column"}),c_=ot("div",{display:"flex",alignItems:"center"}),jc=ot("div",{position:"relative",[`& ${US}`]:{borderRadius:"$xm",overflow:"hidden"}}),Kc=ot("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6}),Xc=ot(Hc,{width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"});function Jc(t){return nt.createElement(xr,null,Array.from(Array(t.size),e=>nt.createElement(OS,{key:e,hasDivider:!0,start:nt.createElement(Ho,{variant:"circular",width:35,height:35}),end:nt.createElement(br,null,nt.createElement(Ho,{variant:"text",size:"large",width:70}),nt.createElement(Yc,{size:4}),nt.createElement(Ho,{variant:"text",size:"medium",width:50})),title:nt.createElement("div",null,nt.createElement(Ho,{variant:"text",size:"large",width:90}),nt.createElement(Yc,{size:4}),nt.createElement(Ho,{variant:"text",size:"medium",width:90}))})))}i(Jc,"LoadingTokenList");var Us=20,jS=i(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:s,customCssForTagTitle:a}=t,l=e.length;return q.createElement("div",{className:Ls()},o?q.createElement("div",{className:Ws()},o):q.createElement($s,{className:Ms()},q.createElement(Ir,{variant:"title",size:"xmedium"},r.symbol),q.createElement(fo,{direction:"horizontal",size:4}),q.createElement(_s,{css:s},q.createElement(Ds,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&q.createElement("div",{className:`${Ns()} ${!o&&Bs()}`},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(fo,{size:4,direction:"horizontal"}),q.createElement(qS,{color:"gray",size:12}))))},"renderDesc");function om(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[s,a]=tm(e),l=g().fetchStatus,p=g().blockchains(),[u,c]=tm(!0),{getBalanceFor:h,loading:m}=K(),{isTokenPinned:d}=g(),C=i(()=>{a(e.slice(0,s.length+Us))},"loadNextPage");em(()=>{c(e.length>s.length)},[s.length]),em(()=>{a(e.slice(0,Us))},[e]);let S=i(()=>!s.length&&o?q.createElement(q.Fragment,null,q.createElement(fo,{size:32}),q.createElement(HS,{title:Fs.t("No results found"),description:Fs.t("Try using different keywords")})):q.createElement(VS,{endReached:u?C:void 0,itemContent:y=>{let f=s[y],w=cn(h(f)),k=f.address||"",v=p.find(b=>b.name===f.blockchain),I=On(f.symbol,v?.color||""),x={$$color:I[`${f.symbol}100`],[`.${Zc} &`]:{$$color:I[`${f.symbol}900`]},backgroundColor:"$$color"},T={$$color:I[`${f.symbol}700`],[`.${Zc} &`]:{$$color:I[`${f.symbol}100`]},color:"$$color"};return q.createElement("div",{style:{paddingRight:5}},q.createElement(QS,{style:{width:"100%",overflow:"hidden"},"tab-index":y,key:`${f.symbol}${f.address}`,id:`${f.symbol}${f.address}`,hasDivider:!0,onClick:()=>n(s[y]),start:q.createElement(jc,null,q.createElement(zS,{src:f.image,size:30}),d(f,t.type)&&q.createElement(Kc,null,q.createElement(GS,{size:12,color:"gray"}))),title:v?.type==="COSMOS"||f.name||!f.name&&!k?q.createElement($s,null,q.createElement(Ir,{variant:"title",size:"xmedium"},f.symbol),q.createElement(fo,{direction:"horizontal",size:4}),q.createElement(_s,{css:x},q.createElement(Ds,{variant:"body",size:"xsmall",css:T},f.blockchain))):void 0,description:v?.info&&k&&v.type!=="COSMOS"?jS({address:k,token:s[y],customCssForTag:x,customCssForTagTitle:T,name:f.name,url:v.info.addressUrl.split("{wallet}").join(k)}):f.name||void 0,end:m?q.createElement(br,null,q.createElement(Rc,{variant:"text",size:"large",width:70}),q.createElement(fo,{size:4}),q.createElement(Rc,{variant:"text",size:"medium",width:50})):w&&q.createElement(Vc,null,q.createElement(Xc,{variant:"title",size:"small"},w.amount),q.createElement("div",null),w.usdValue&&q.createElement(Ir,{variant:"body",className:Ps(),size:"xsmall"},`$${w.usdValue}`))}))},totalCount:s.length,key:`${r}-${o}`}),"renderList");return q.createElement(Gc,null,q.createElement(Ir,{variant:"label",size:"large"},Fs.t("Select Token")),q.createElement(fo,{size:4}),l==="loading"&&q.createElement(Jc,{size:Us}),l==="success"&&q.createElement(xr,{as:"ul"},S()))}i(om,"TokenList");function Os(t){let{type:e}=t,o=XS(),n=lt(),{fromBlockchain:r,toBlockchain:s,setFromToken:a,setToToken:l,setFromBlockchain:p,setToBlockchain:u}=V(),c=K.use.getBalanceFor(),[h,m]=KS(""),{isTokenPinned:d}=g(),S=(e==="source"?r:s)?.name??"",y=g().blockchains({type:e}),f=g().tokens({type:e,blockchain:S,searchFor:h}),k=va(f,c,i(T=>d(T,e),"checkIsTokenPinned")),v=i(T=>{e==="source"?p(T):u(T)},"updateBlockchain"),I=i(T=>{e==="source"?a({token:T,meta:{blockchains:y,tokens:f}}):l({token:T,meta:{blockchains:y,tokens:f}})},"updateToken"),x={source:Ar.t("Source"),destination:Ar.t("Destination")};return jt.createElement(oe,{header:{title:Ar.t("Swap {type}",{type:x[e]})}},jt.createElement(se,null,jt.createElement(Es,{blockchains:y,type:e=="source"?"from":"to",blockchain:e==="source"?r:s,onMoreClick:()=>o(_.blockchains),onChange:T=>{v(T)}}),jt.createElement(nm,{size:24}),jt.createElement(Tt,{value:h,autoFocus:!0,placeholder:Ar.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>m(""),onChange:T=>m(T.target.value)}),jt.createElement(nm,{size:16}),jt.createElement(om,{list:k,selectedBlockchain:S,searchedFor:h,type:e,onChange:T=>{I(T);let b=y.find(N=>T.blockchain===N.name);b&&v(b),n()}})))}i(Os,"SelectSwapItemsPage");import{i18n as xt}from"@lingui/core";import{Alert as nC,Button as rC,ChevronRightIcon as Wr,Divider as Qs,InfoIcon as iC,List as sC,ListItemButton as aC,Skeleton as lC,styled as pC,Switch as uC,Tooltip as cC,Typography as _t}from"@rango-dev/ui";import H from"react";import{useInRouterContext as mC,useNavigate as dC,useSearchParams as fC}from"react-router-dom";import{i18n as pm}from"@lingui/core";import{Divider as RS,InfoIcon as eC,TextField as tC,Tooltip as oC,Typography as um}from"@rango-dev/ui";import Qe from"react";import{Chip as YS,styled as Go,TextField as JS}from"@rango-dev/ui";var rm=Go("div",{paddingTop:"$5",padding:"$10 $5"}),im=Go("div",{display:"flex",flexWrap:"wrap",gap:"$10",[`& ${JS}`]:{flex:"1 1 0",maxWidth:"127px",minWidth:"85px"}}),sm=Go("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),Er=Go("div",{maxWidth:"280px",padding:"$10"}),am=Go(YS,{width:"61px",flexShrink:0});import{i18n as qs}from"@lingui/core";import{Typography as ZS}from"@rango-dev/ui";import Vo from"react";function lm(){return Vo.createElement(Er,null,Vo.createElement(ZS,{variant:"label",size:"medium",color:"neutral700"},qs.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),Vo.createElement("br",null),Vo.createElement("br",null),Vo.createElement("b",null,qs.t("Warning")),":",qs.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(lm,"SlippageTooltipContent");function zs(){let{slippage:t,setSlippage:e,customSlippage:o,setCustomSlippage:n}=g();return Qe.createElement(rm,null,Qe.createElement(sm,null,Qe.createElement(um,{variant:"title",size:"xmedium"},pm.t("Slippage tolerance per swap")),Qe.createElement(RS,{direction:"horizontal",size:4}),Qe.createElement(oC,{container:B(),side:"top",sideOffset:4,content:Qe.createElement(lm,null)},Qe.createElement(eC,{color:"gray"}))),Qe.createElement(im,null,Oa.map((r,s)=>{let a=`slippage-${s}`;return Qe.createElement(Qe.Fragment,null,Qe.createElement(am,{key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`}))}),Qe.createElement(tC,{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>=Ha&&a<=Qa?n(a):n(null)},suffix:o&&Qe.createElement(um,{variant:"body",size:"small"},"%"),placeholder:pm.t("Custom")})))}i(zs,"Slippage");var gC=pC("div",{paddingLeft:"$8"});function cm(){let t=dC(),{theme:e}=g().config,o=g().fetchStatus,n=g().swappers(),r=g().getDisabledLiquiditySources(),{config:{features:s},isInCampaignMode:a,updateCampaignMode:l}=g(),p=a(),u=He("theme",s),c=He("liquiditySource",s),h=He("language",s),m=g().infiniteApprove,d=g().toggleInfiniteApprove,C=yn(n,r),S=C.filter(E=>E.type==="BRIDGE"||E.type==="AGGREGATOR"),y=S.length,f=S.filter(E=>E.selected).length,w=C.filter(E=>E.type==="DEX"),k=w.length,v=w.filter(E=>E.selected).length,I=i((E,J)=>{switch(o){case"loading":return H.createElement(lC,{variant:"text",size:"medium",width:50});case"failed":return H.createElement(_t,{variant:"body",size:"medium",color:"$error500"},xt.t("Loading failed"));default:return H.createElement(_t,{variant:"body",size:"medium"},`${E} / ${J}`)}},"handleEndItem"),x={id:"bridge-item",title:H.createElement(_t,{variant:"title",size:"xmedium"},xt.t("Enabled bridges")),end:H.createElement(H.Fragment,null,I(f,y),H.createElement(Qs,{direction:"horizontal",size:8}),H.createElement(Wr,{color:"black"})),onClick:()=>t(_.bridges)},T={id:"exchange-item",title:H.createElement(_t,{variant:"title",size:"xmedium"},xt.t("Enabled exchanges")),end:H.createElement(H.Fragment,null,I(v,k),H.createElement(Qs,{direction:"horizontal",size:8}),H.createElement(Wr,{color:"gray"})),onClick:()=>t(_.exchanges)},b={id:"language-item",title:H.createElement(_t,{variant:"title",size:"xmedium"},xt.t("Language")),end:H.createElement(Wr,{color:"gray"}),onClick:()=>t(_.languages)},N={id:"theme-item",title:H.createElement(_t,{variant:"title",size:"xmedium"},xt.t("Theme")),end:H.createElement(Wr,{color:"gray"}),onClick:()=>t(_.themes)},L={id:"infinite-approval-item",title:H.createElement(H.Fragment,null,H.createElement(_t,{variant:"title",size:"xmedium"},xt.t("Infinite approval")),H.createElement(Qs,{direction:"horizontal",size:4}),H.createElement(cC,{side:"top",sideOffset:4,container:B(),content:H.createElement(Er,null,H.createElement(_t,{variant:"label",size:"medium",color:"neutral700"},xt.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.")))},H.createElement(iC,{color:"gray"}))),end:H.createElement(uC,{checked:m}),onClick:d},M=c?[]:[x,T];h||M.push(b),!e?.singleTheme&&!u&&M.push(N),M.push(L);let[,A]=fC(),O=mC(),Z=i(()=>{O&&p&&(A(E=>(E.delete("liquiditySources"),E),{replace:!0}),l("liquiditySources",void 0))},"onClick");return H.createElement(oe,{header:{title:xt.t("Settings")}},H.createElement(se,null,p&&H.createElement(nC,{type:"info",variant:"alarm",title:xt.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:H.createElement(gC,null,H.createElement(rC,{type:"secondary",size:"small",onClick:Z},"Reset"))}),H.createElement(zs,null),H.createElement(sC,{type:H.createElement(aC,{title:"_",id:"_",onClick:()=>console.log()}),items:M})))}i(cm,"SettingsPage");import{i18n as tT}from"@lingui/core";import{cancelSwap as oT}from"@rango-dev/queue-manager-rango-preset";import{useManager as nT}from"@rango-dev/queue-manager-react";import{Alert as rT}from"@rango-dev/ui";import ra from"react";import{useParams as iT}from"react-router-dom";import{i18n as bt}from"@lingui/core";import{getCurrentBlockchainOfOrNull as DC,getCurrentStep as FC,getRelatedWalletOrNull as UC}from"@rango-dev/queue-manager-rango-preset";import{Button as Um,CopyIcon as OC,Divider as qC,IconButton as zC,LinkIcon as QC,QuoteCost as HC,StepDetails as GC,Typography as ho,useCopyToClipboard as VC}from"@rango-dev/ui";import{useWallets as jC}from"@rango-dev/wallets-react";import Om from"bignumber.js";import{PendingSwapNetworkStatus as Ur}from"rango-types";import te,{useEffect as qm,useRef as KC,useState as zm}from"react";import{useNavigate as XC}from"react-router-dom";import{i18n as Dt}from"@lingui/core";var hC=[Dt.t("Sunday"),Dt.t("Monday"),Dt.t("Tuesday"),Dt.t("Wednesday"),Dt.t("Thursday"),Dt.t("Friday"),Dt.t("Saturday")];function mm(t){let e=new Date(t),o=e.getDate(),n=e.toLocaleString("default",{month:"long"}),r=e.getFullYear();return`${e.getDay()===new Date().getDay()?Dt.t("Today"):`${hC[e.getDay()]} ${o} ${n} ${r}`}, ${new Date(t).toLocaleTimeString()}`}i(mm,"timeSince");function dm(t){return t.finishTime?mm(parseInt(t.finishTime)):mm(parseInt(t.creationTime))}i(dm,"getSwapDate");import{PendingSwapNetworkStatus as Nr}from"rango-types";import Br from"react";import{i18n as Lr}from"@lingui/core";import{Button as fm,Divider as Hs,MessageBox as yC,Typography as gm}from"@rango-dev/ui";import dt from"react";var hm=i(({onCancel:t,onClose:e})=>dt.createElement(dt.Fragment,null,dt.createElement(Hs,{size:20}),dt.createElement(yC,{type:"error",title:Lr.t("Cancel Swap"),description:Lr.t("Are you sure you want to cancel this swap?")}),dt.createElement(Hs,{size:32}),dt.createElement(fm,{variant:"contained",type:"primary",size:"large",onClick:t},dt.createElement(gm,{variant:"title",size:"medium",color:"neutral100"},Lr.t("Yes, Cancel it"))),dt.createElement(Hs,{size:12}),dt.createElement(fm,{variant:"outlined",type:"primary",size:"large",onClick:e},dt.createElement(gm,{variant:"title",size:"medium",color:"primary"},Lr.t("No, Continue")))),"CancelContent");import{i18n as Mr}from"@lingui/core";import{Button as ym,Divider as Gs,MessageBox as SC,Typography as Sm}from"@rango-dev/ui";import ft from"react";var Cm=i(({onDelete:t,onClose:e})=>ft.createElement(ft.Fragment,null,ft.createElement(Gs,{size:20}),ft.createElement(SC,{type:"error",title:Mr.t("Delete Transaction"),description:Mr.t("Are you sure you want to delete this swap?")}),ft.createElement(Gs,{size:32}),ft.createElement(ym,{variant:"contained",type:"primary",size:"large",onClick:t},ft.createElement(Sm,{variant:"title",size:"medium",color:"neutral100"},Mr.t("Yes, Delete it"))),ft.createElement(Gs,{size:12}),ft.createElement(ym,{variant:"outlined",type:"primary",size:"large",onClick:e},ft.createElement(Sm,{variant:"title",size:"medium",color:"primary"},Mr.t("No, Cancel")))),"DeleteContent");import{i18n as Vs}from"@lingui/core";import{PendingSwapNetworkStatus as js}from"rango-types";var Ks={[js.WaitingForNetworkChange]:{type:"loading",title:Vs.t("Change Network")},[js.WaitingForConnectingWallet]:{type:"warning",title:Vs.t("Connect Wallet")},[js.NetworkChanged]:{type:"success",title:Vs.t("Network Changed")}};import{MessageBox as TC,Wallet as kC}from"@rango-dev/ui";import{useWallets as wC}from"@rango-dev/wallets-react";import jo from"react";import{styled as CC}from"@rango-dev/ui";var Tm=CC("div",{display:"flex",justifyContent:"center"});var km=i(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:s,walletButtonDisabled:a}=t,{connect:l,getWalletInfo:p,state:u}=wC(),c=n?.walletType,h=c?jr(u(c)):null,m=c?p(c):null;return jo.createElement(jo.Fragment,null,jo.createElement(TC,{type:e,title:o,description:r}),s&&!!c&&!!h&&!!m&&jo.createElement(Tm,null,jo.createElement(kC,{container:B(),title:m.name,image:m.img,type:c,state:h,link:m.installLink,disabled:a,onClick:async()=>l(c)})))},"WalletStateContent");function Xs(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:s,message:a,walletButtonDisabled:l}=t,p=e===Nr.WaitingForNetworkChange||e===Nr.WaitingForConnectingWallet||e===Nr.NetworkChanged;return Br.createElement(ae,{open:!!e,onClose:o,container:document.getElementById(Ee.SWAP_BOX_ID)||document.body},p&&Br.createElement(km,{type:Ks[e].type,title:Ks[e].title,currentStepWallet:s,message:a,walletButtonDisabled:l,showWalletButton:e!==Nr.WaitingForNetworkChange}),e==="delete"&&Br.createElement(Cm,{onClose:o,onDelete:n}),e==="cancel"&&Br.createElement(hm,{onClose:o,onCancel:r}))}i(Xs,"SwapDetailsModal");import{i18n as Ko}from"@lingui/core";import{Button as Ys,Divider as Pr,MessageBox as wm,TokenAmount as vC,Typography as $r}from"@rango-dev/ui";import ve from"react";import{useNavigate as xC}from"react-router-dom";function Js(t){let{open:e,onClose:o,status:n,priceValue:r,usdValue:s,realUsdValue:a,realValue:l,token:p,chain:u,percentageChange:c,description:h,diagnosisUrl:m}=t,d=xC();return ve.createElement(ae,{open:e,onClose:o,container:document.getElementById(Ee.SWAP_BOX_ID)||document.body},n==="success"?ve.createElement(wm,{type:"success",title:Ko.t("Swap Successful")},ve.createElement(vC,{direction:"vertical",tooltipContainer:B(),type:"output",centerAlign:!0,price:{value:r,usdValue:s,realUsdValue:a,realValue:l},token:p,chain:u,percentageChange:c}),ve.createElement(Pr,{size:12}),ve.createElement($r,{variant:"body",size:"medium",color:"neutral700",align:"center"},h)):ve.createElement(wm,{type:"error",title:Ko.t("Transaction Failed"),description:h}),ve.createElement(Pr,{size:32}),n==="success"&&ve.createElement(Ys,{variant:"contained",type:"primary",size:"large",onClick:()=>{d("../../")}},ve.createElement($r,{variant:"title",size:"medium",color:"neutral100"},Ko.t("Done"))),ve.createElement(Pr,{size:12}),m&&ve.createElement(ve.Fragment,null,ve.createElement(Ys,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(m,"_blank")},ve.createElement($r,{variant:"title",size:"medium",color:"primary"},Ko.t("Diagnosis"))),ve.createElement(Pr,{size:12})),ve.createElement(Ys,{variant:"outlined",type:"primary",size:"large",onClick:o},ve.createElement($r,{variant:"title",size:"medium",color:"primary"},Ko.t("See Details"))))}i(Js,"SwapDetailsCompleteModal");import $C from"react";import{i18n as MC}from"@lingui/core";import{Alert as Em,IconButton as NC,LinkIcon as BC}from"@rango-dev/ui";import Ft,{Fragment as PC}from"react";import{Alert as bC,ChevronDownIcon as IC,ChevronUpIcon as AC,IconButton as EC}from"@rango-dev/ui";import _r,{useState as WC}from"react";function vm(t){let{message:e}=t,[o,n]=WC(!1);return _r.createElement(bC,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&_r.createElement(EC,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?_r.createElement(AC,{size:12,color:"gray"}):_r.createElement(IC,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}i(vm,"FailedAlert");import{styled as LC}from"@rango-dev/ui";var xm=LC("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as bm}from"@lingui/core";import{Alert as Zs,Button as Im}from"@rango-dev/ui";import{PendingSwapNetworkStatus as Rs}from"rango-types";import Xo from"react";function Am(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?Xo.createElement(Zs,{type:"warning",title:n.shortMessage,action:Xo.createElement(Im,{size:"xxsmall",type:"warning",onClick:()=>{o(Rs.WaitingForNetworkChange),e().catch(s=>{console.log(s)})}},bm.t("Change"))}):r===Rs.WaitingForConnectingWallet?Xo.createElement(Zs,{type:"warning",title:n.shortMessage,action:Xo.createElement(Im,{size:"xxsmall",type:"warning",onClick:()=>{o(Rs.WaitingForConnectingWallet)}},bm.t("Connect"))}):Xo.createElement(Zs,{type:"warning",title:n.shortMessage})}i(Am,"WarningAlert");function ea(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:s,hasAlreadyProceededToSign:a}=t,l=wo(s),p=s.status==="waitingForApproval"&&!l,u=s.status==="running"&&!l,c=u&&!a||p&&!s.explorerUrl?.length;return Ft.createElement(xm,null,s.explorerUrl?.map((h,m,d)=>{let C=m+h.url,S=m===d.length-1,y=(S&&u||p)&&!c,f=S&&s.status==="failed";return Ft.createElement(PC,{key:C},Ft.createElement(Em,{type:S&&(y&&"loading"||f&&"error")||"success",title:h.description?`${h.description} Tx`:MC.t("View transaction"),action:h.url&&Ft.createElement(NC,{variant:"ghost",size:"xsmall",onClick:()=>window.open(h.url,"_blank")},Ft.createElement(BC,{size:12}))}))}),c&&Ft.createElement(Em,{type:"loading",title:r.shortMessage}),s.status!=="failed"&&l&&Ft.createElement(Am,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),s.status==="failed"&&Ft.createElement(vm,{message:r}))}i(ea,"SwapDetailsAlerts");var Wm=2e3;var Lm=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:Ge(s.fromBlockchain,e)??"",image:s.fromBlockchainLogo??""},price:{value:W(l,6,6),realValue:l}},to:{token:{displayName:s.toSymbol,image:s.toLogo},chain:{displayName:Ge(s.toBlockchain,e)??"",image:s.toBlockchainLogo??""},price:{value:W(s.outputAmount||s.expectedOutputAmountHumanReadable,6,6),realValue:s.outputAmount||s.expectedOutputAmountHumanReadable}},swapper:{displayName:ko(s.swapperId,o),image:s.swapperLogo??"",type:s.swapperType},internalSwaps:s.internalSwaps?s.internalSwaps.map(p=>({from:{blockchain:Ge(p.fromBlockchain,e)??""},to:{blockchain:Ge(p.toBlockchain,e)??""},swapper:{displayName:ko(p.swapperId,o),image:p.swapperLogo??"",type:p.swapperType}})):[],alerts:$C.createElement(ea,{step:s,hasAlreadyProceededToSign:r,...n})}})},"getSteps");function Mm(t){if(wo(t)&&t.status!=="failed"&&t.status!=="success")return"warning";switch(t.status){case"created":return"default";case"approved":case"waitingForApproval":case"running":return"in-progress";case"failed":return"error";case"success":return"completed"}}i(Mm,"getStepState");import{css as Yo,darkTheme as _C,styled as Kt}from"@rango-dev/ui";var Nm=Kt("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),Dr=Kt("div",{width:"100%"}),Bm=Kt(bo,{padding:"$0 $20 $20 $20"}),ZF=Kt("div",{display:"flex",flexDirection:"column",gap:"$10"}),Pm=Kt("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),RF=Kt("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1}),go=Yo({display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",padding:"$10 $20",borderBottom:"1px solid",$$color:"$colors$neutral300",[`.${_C} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color",color:"$neutral500"}),$m=Yo({padding:"$5 0"}),Fr=Yo({display:"flex",justifyContent:"center",alignItems:"center",height:"$24"}),_m=Yo({display:"flex",width:"100%",padding:"$15 $20 $20",flexDirection:"column",alignItems:"start"}),Dm=Yo({width:"100%",padding:"0 $20 $10"}),Fm=Kt("a",{fontSize:"$16",fontWeight:"$400",color:"$neutral700",display:"flex",alignItems:"center",justifyContent:"center"});function ta(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:s,connect:a,getWalletInfo:l}=jC(),p=g().blockchains(),u=g().swappers(),c=g().tokens(),h=V.use.retry(),m=ne.use.isActiveTab(),d=XC(),[C,S]=VC(Wm),y=KC(null),[f,w]=zm(null),[k,v]=zm(null),I=i(()=>{r(),w(null)},"onCancel"),x=Oe.use.getUnreadNotifications(),T=Oe.use.setAsRead(),b=x(),N=FC(e),L=N?.networkStatus;qm(()=>{b.find(It=>It.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(v(e.status),T(e.requestId))},[e.status]),qm(()=>{X?w(Ur.WaitingForNetworkChange):L===Ur.WaitingForConnectingWallet||L===Ur.NetworkChanged?w(L):w(null)},[L]);let M=yl(e),A=N?DC(e,N):null,O=N?UC(e,N):null,Z=dm(e),E=Sl(e),J=i(gt=>!!l(gt)?.mobileWallet,"isMobileWallet"),X=L===Ur.WaitingForNetworkChange&&!!A&&!!O?.walletType&&(J(O.walletType)||s(O.walletType,A)),z=X?a.bind(null,O.walletType,A):void 0,me=hl(e,N),G=Lm({swap:e,switchNetwork:z,showNetworkModal:L,setNetworkModal:w,message:me,blockchains:p,swappers:u}),R=G.length,[Ae,Ce]=[e.steps[0],e.steps[R-1]],$=Ce.outputAmount||Ce.expectedOutputAmountHumanReadable,j=e.steps.reduce((gt,It)=>gt+parseFloat(It.feeInUsd||""),0),ee=e.steps.find(gt=>gt.diagnosisUrl)?.diagnosisUrl,Te=W(parseFloat(W($,6,6))*(Ce.toUsdPrice||0),4,4),Fe=W(parseFloat(e.inputAmount)*(Ae.fromUsdPrice||0),4,4),ke=$?pe(new Om($).multipliedBy(Ce.toUsdPrice||0)):"",_e=pe(new Om(e.inputAmount).multipliedBy(Ae.fromUsdPrice||0)),Ue=Ve(Fe,Te),Gr=e.status==="success"?bt.t({id:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:W($,6,6),token:G[R-1].to.token.displayName,conciseAddress:mn(e.wallets[G[R-1].to.chain.displayName]?.address||""),chain:G[R-1].to.chain.displayName}}):`${bt.t("Transaction was not sent.")} ${M?bt.t({id:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:M.outputAmount,symbol:M.symbol,blockchain:M.blockchain}}):""}`;return te.createElement(oe,{header:{title:bt.t("Swap and Bridge"),onCancel:e.status==="running"?()=>w("cancel"):void 0,suffix:e.status!=="running"&&te.createElement(to,null,te.createElement(Um,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>w("delete")},te.createElement(ho,{size:"medium",variant:"label",color:"error"},bt.t("Delete"))))},footer:E&&!k&&te.createElement(Um,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{h(e,{blockchains:p,tokens:c}),setTimeout(()=>{d("../../")},0)}},bt.t("Try again"))},te.createElement(se,{compact:!0,view:!0},te.createElement(Dr,null,te.createElement("div",{className:go()},te.createElement(ho,{variant:"label",size:"large",color:"neutral700"},`${bt.t("Request ID")}:`),te.createElement("div",{className:Fr()},te.createElement(ho,{variant:"label",size:"small",color:"neutral700"},o),te.createElement(zC,{variant:"ghost",onClick:S.bind(null,o||"")},te.createElement(OC,{size:16,color:"gray"})),te.createElement(Fm,{target:"_blank",href:`${ma}/swap/${o}`},te.createElement(QC,{size:16})))),te.createElement("div",{className:go()},te.createElement(ho,{variant:"label",size:"large",color:"neutral700"},`${bt.t(e.finishTime?"Finished at":"Created at")}:`),te.createElement(ho,{variant:"label",size:"small",color:"neutral700"},Z))),te.createElement("div",{className:_m()},te.createElement(HC,{fee:W(String(j),2,2),time:nn(rn(e.steps)),steps:R}),te.createElement(No,{from:{price:{value:W(e.inputAmount,6,6),usdValue:Fe,realUsdValue:_e,realValue:e.inputAmount},token:{displayName:G[0].from.token.displayName,image:G[0].from.token.image},chain:{image:G[0].from.chain.image,displayName:G[0].from.chain.displayName}},to:{price:{value:W($,6,6),usdValue:Te,realUsdValue:ke,realValue:$},token:{displayName:G[R-1].to.token.displayName,image:G[R-1].to.token.image},chain:{image:G[R-1].to.chain.image,displayName:G[R-1].to.chain.displayName}},percentageChange:W(Ue,2,2),warningLevel:yt(Ue??0)})),te.createElement("div",{className:Dm()},te.createElement(ho,{variant:"title",size:"small"},bt.t("Swaps steps"))),te.createElement(qC,{size:8}),te.createElement(Bm,{ref:y},G.map((gt,It)=>{let ua=It,yo=Mm(e.steps[It]),pd=yo==="error"||yo==="in-progress"||yo==="warning"||yo==="completed"&&It===G.length-1;return te.createElement(GC,{key:ua,step:gt,type:"swap-progress",ref:y,state:yo,hasSeparator:It!==0,tabIndex:ua,isFocused:pd,tooltipContainer:B()})}))),te.createElement(Xs,{state:f,onClose:()=>w(null),onCancel:I,onDelete:n,message:me.detailedMessage.content,currentStepWallet:O,walletButtonDisabled:!m}),te.createElement(Js,{open:!!k,diagnosisUrl:ee,onClose:()=>v(null),status:e.status==="success"?"success":"failed",priceValue:W($,6,6),usdValue:Te,realUsdValue:ke,realValue:pe($),percentageChange:W(Ue,2,2),token:{displayName:G[R-1].to.token.displayName,image:G[R-1].to.token.image},chain:{image:G[R-1].to.chain.image},description:Gr}))}i(ta,"SwapDetails");import{i18n as qr}from"@lingui/core";import{Divider as Gm,NotFound as eT,Skeleton as Zo,Typography as zr}from"@rango-dev/ui";import ce from"react";import{i18n as YC}from"@lingui/core";import{Divider as JC,Skeleton as ZC,Typography as RC}from"@rango-dev/ui";import fe from"react";import{css as rt,styled as oa}from"@rango-dev/ui";var Qm=oa("div",{width:"100%",height:"100%",padding:"$10 $20"}),Jo=oa("div",{backgroundColor:"$neutral100",borderRadius:"$xm",padding:"$10 $15"}),Or=oa("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"}),N1=rt({display:"flex",justifyContent:"space-between",alignItems:"center"}),B1=rt({display:"flex",justifyContent:"space-between",alignItems:"center"}),P1=rt({paddingTop:"$15",display:"flex"}),$1=rt({padding:"$15 $0"}),_1=rt({width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"}),D1=rt({paddingBottom:"$10"}),F1=rt({display:"flex",justifyContent:"start",alignItems:"center"}),U1=rt({paddingTop:"$5",display:"flex",alignItems:"center"}),O1=rt({display:"flex",alignItems:"center"}),q1=rt({padding:"$4 $6",display:"flex",justifyContent:"center",alignItems:"center"}),Hm=rt({display:"flex",paddingTop:"$10",paddingBottom:"$5"});function na(){return fe.createElement(Qm,null,fe.createElement(_o,{type:"swap-preview"}),fe.createElement("div",{className:"swaps-steps"},fe.createElement(RC,{variant:"title",size:"small"},YC.t("Swaps steps"))),fe.createElement(fe.Fragment,null,fe.createElement(Jo,null,fe.createElement(mt,{separator:!1}),fe.createElement("div",{className:Hm()},fe.createElement(JC,{direction:"horizontal",size:20}),fe.createElement(ZC,{height:22,variant:"rectangular"}))),fe.createElement(Or,null),fe.createElement(Jo,null,fe.createElement(mt,{separator:!1})),fe.createElement(Or,null),fe.createElement(Jo,null,fe.createElement(mt,{separator:!1})),fe.createElement(Or,null),fe.createElement(Jo,null,fe.createElement(mt,{separator:!1}))))}i(na,"LoadingSwapDetails");function Vm(t){let{requestId:e,showSkeleton:o}=t;return ce.createElement(oe,{header:{title:qr.t("Swap and Bridge"),suffix:ce.createElement(to,null)}},o&&ce.createElement(Nm,null,ce.createElement(Dr,null,ce.createElement("div",{className:go()},ce.createElement(zr,{variant:"label",size:"large",color:"neutral700"},`${qr.t("Request ID")}:`),ce.createElement("div",{className:Fr()},ce.createElement(zr,{variant:"label",size:"small",color:"neutral700"},ce.createElement(Zo,{width:60,height:10,variant:"rounded"})),ce.createElement(Gm,{direction:"horizontal",size:4}),ce.createElement(Zo,{width:16,height:16,variant:"rectangular"}),ce.createElement(Gm,{direction:"horizontal",size:4}),ce.createElement(Zo,{width:16,height:16,variant:"rectangular"}))),ce.createElement("div",{className:go()},ce.createElement(zr,{className:$m(),variant:"label",size:"large",color:"neutral700"},ce.createElement(Zo,{width:60,height:10,variant:"rounded"})),ce.createElement(zr,{variant:"label",size:"small",color:"neutral700"},ce.createElement(Zo,{width:60,height:10,variant:"rounded"})))),ce.createElement(na,null)),!o&&ce.createElement(Pm,null,ce.createElement(eT,{title:qr.t("Not found"),description:qr.t({id:"Swap with request ID = {requestId} not found.",values:{requestId:e}})})))}i(Vm,"SwapDetailsPlaceholder");function jm(){let{manager:t,state:e}=nT(),o=!e.loadedFromPersistor,n=Mt(t),{requestId:r}=iT(),s=lt(),{fetchStatus:a}=g();if(!r)return ra.createElement(rT,{containerStyles:{margin:"20px"},type:"error",title:tT.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,u=i(()=>{if(p?.id){let m=t?.get(p.id);m&&oT(m)}},"onCancel"),c=i(async()=>{if(p?.id)try{t?.deleteQueue(p.id),s()}catch(m){console.log(m)}},"onDelete"),h=p?.swap;return!h||l?ra.createElement(Vm,{requestId:r,showSkeleton:l}):ra.createElement(ta,{swap:h,requestId:r,onCancel:u,onDelete:c})}i(jm,"SwapDetailsPage");import{i18n as Ro}from"@lingui/core";import{AutoThemeIcon as sT,DarkModeIcon as aT,LightModeIcon as lT,List as pT,ListItemButton as uT,Radio as ia,RadioRoot as cT,Typography as sa}from"@rango-dev/ui";import De from"react";function Km(){let{setTheme:t,theme:e}=g(),o=[{id:"light",value:"light",title:De.createElement(sa,{variant:"title",size:"xmedium"},Ro.t("Light")),onClick:()=>t("light"),start:De.createElement(lT,{color:"gray"}),end:De.createElement(ia,{value:"light"})},{id:"dark",value:"dark",title:De.createElement(sa,{variant:"title",size:"xmedium"},Ro.t("Dark")),onClick:()=>t("dark"),start:De.createElement(aT,{color:"gray"}),end:De.createElement(ia,{value:"dark"})},{id:"auto",value:"auto",title:De.createElement(sa,{variant:"title",size:"xmedium"},Ro.t("Auto")),onClick:()=>t("auto"),start:De.createElement(sT,{color:"gray"}),end:De.createElement(ia,{value:"auto"})}];return De.createElement(oe,{header:{title:Ro.t("Theme")}},De.createElement(se,null,De.createElement(cT,{onValueChange:n=>t(n),value:e},De.createElement(pT,{type:De.createElement(uT,{title:Ro.t("Theme"),id:"_",onClick:()=>console.log()}),items:o}))))}i(Km,"ThemePage");function Xm(){return Wl(),gi(),mT([{path:_.home,element:$e.createElement(kc,null)},{path:_.routes,element:$e.createElement(Ac,null)},{path:_.fromSwap,children:[{index:!0,element:$e.createElement(Os,{type:"source"})},{path:_.blockchains,element:$e.createElement(vs,{type:"source"})}]},{path:_.toSwap,children:[{index:!0,element:$e.createElement(Os,{type:"destination"})},{path:_.blockchains,element:$e.createElement(vs,{type:"destination"})}]},{path:_.settings,children:[{index:!0,element:$e.createElement(cm,null)},{path:_.themes,element:$e.createElement(Km,null)},{path:_.languages,element:$e.createElement(vc,null)},{path:_.exchanges,element:$e.createElement(Cs,{sourceType:"Exchanges"})},{path:_.bridges,element:$e.createElement(Cs,{sourceType:"Bridges"})}]},{path:_.swaps,children:[{index:!0,element:$e.createElement(fc,null)},{path:_.swapDetails,element:$e.createElement(jm,null)}]},{path:_.wallets,element:$e.createElement(Ap,null)},{path:_.confirmSwap,element:$e.createElement(oc,null)}])}i(Xm,"AppRoutes");import{isApprovalTX as dT,MainEvents as Ym,RouteEventType as Jm,StepEventType as Zm,StepExecutionEventStatus as fT,useEvents as gT}from"@rango-dev/queue-manager-rango-preset";import{useEffect as Rm}from"react";function ed(){let t=g().tokens(),e=K.use.connectedWallets(),o=K.use.getWalletsDetails(),n=Oe.use.setNotification(),r=gT();return Rm(()=>(r.on(Ym.StepEvent,s=>{let{event:a,step:l,route:p}=s;if(a.type===Zm.TX_EXECUTION&&a.status===fT.TX_SENT&&!dT(l)||a.type===Zm.SUCCEEDED){let c=e.find(m=>m.chain===l?.fromBlockchain),h=l?.fromBlockchain!==l?.toBlockchain&&e.find(m=>m.chain===l?.toBlockchain);c&&o([c],t),h&&o([h],t)}n(a,p)}),()=>r.all.clear()),[r,e.length]),Rm(()=>(r.on(Ym.RouteEvent,s=>{let{event:a,route:l}=s;(a.type===Jm.FAILED||a.type===Jm.SUCCEEDED)&&n(a,l)}),()=>r.all.clear()),[r,e.length]),null}i(ed,"WidgetEvents");import{globalCss as hT}from"@rango-dev/ui";var td=i(()=>hT({"@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 od(){let{setWatermark:t}=ne();return{fetchApiConfig:i(async()=>{let o=await fetch(`${ht("BASE_URL")}/meta/dapp/config?apiKey=${ht("API_KEY")}`);if(!o.ok)throw new Error(`Request failed with status: ${o.status} `);let n=await o.json();t(n.config.watermark)},"fetchApiConfig")}}i(od,"useFetchApiConfig");import{styled as yT}from"@rango-dev/ui";var nd=yT("div",{display:"flex",justifyContent:"center",alignItems:"center",fontFamily:"$widget",boxSizing:"border-box",textAlign:"left","& *, *::before, *::after":{boxSizing:"inherit"},"& *:focus-visible":{outlineColor:"$info500",transition:"none"},"& ul, ol, li":{listStyleType:"none"}});function Qr(){td();let{config:t}=g(),{activeTheme:e}=qn(t?.theme||{}),{activeLanguage:o}=co(),[n,r]=rd(""),[s,a]=rd(),l=CT(Cn),{fetchApiConfig:p}=od();return TT(()=>{Oe.persist.rehydrate(),l.onConnectWallet(r),p().catch(console.log)},[]),en.createElement(ST,{language:o},en.createElement(nd,{id:"swap-container",className:e()},en.createElement(ed,null),en.createElement(Ra,{lastConnectedWallet:n,disconnectedWallet:s,clearDisconnectedWallet:()=>{a(void 0)}},en.createElement(Xm,null))))}i(Qr,"Main");import la,{useMemo as FT}from"react";import{checkWaitingForNetworkChange as kT,makeQueueDefinition as wT}from"@rango-dev/queue-manager-rango-preset";import{Provider as vT}from"@rango-dev/queue-manager-react";import{useWallets as xT}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as bT}from"@rango-dev/wallets-shared";import{isEvmBlockchain as IT}from"rango-types";import AT,{useMemo as ET}from"react";function WT(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:s,getWalletInfo:a}=xT(),l=ET(()=>wT({API_KEY:t.apiKey||ht("API_KEY"),BASE_URL:ht("BASE_URL")}),[t.apiKey]),p=g().blockchains(),c={blockchains:K.use.connectedWallets().map(k=>({accounts:[k],name:k.chain}))},h=i(async(k,v)=>{if(s(k,v))return r(k,v)},"switchNetwork"),m=i(k=>!!a(k).mobileWallet,"isMobileWallet"),d=p.filter(k=>k.enabled).reduce((k,v)=>(k[v.name]=v,k),{}),C=p.filter(IT),S=i(k=>{let{supportedChains:v}=a(k);return ln(v)},"getSupportedChainNames"),y=e(),f={meta:{blockchains:d,evmBasedChains:C,evmNetworkChainInfo:bT(C),getSupportedChainNames:S},getSigners:o,wallets:c,providers:y,switchNetwork:h,canSwitchNetworkTo:s,connect:r,state:n,isMobileWallet:m},w=ne.use.isActiveTab();return AT.createElement(vT,{queuesDefs:[l],context:f,onPersistedDataLoaded:k=>{kT(k)},isPaused:!w},t.children)}i(WT,"QueueManager");var id=WT;import{useManager as PT}from"@rango-dev/queue-manager-react";import $T,{createContext as _T,useContext as DT}from"react";import{cancelSwap as LT,getCurrentBlockchainOfOrNull as MT,getCurrentStep as NT,getRelatedWalletOrNull as BT}from"@rango-dev/queue-manager-rango-preset";var tn=class{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&<(o)}getCurrentStepInfo(e){let o=NT(e);return{step:o,wallet:o?BT(e,o):null,network:o?MT(e,o):null}}};i(tn,"WidgetHistory");var sd=_T(void 0);function aa(t){let{manager:e}=PT(),o=ne.use.isActiveTab(),n=V.use.retry(),r=new tn(e,{retrySwap:n}),s=K.use.connectedWallets(),a=K.use.loading(),l=wa(s),p=K.use.getWalletsDetails(),u=g().blockchains(),c=g().tokens(),h=g().swappers(),m=g().fetchStatus,d=co().resetLanguage,C=Oe().getUnreadNotifications(),S={isActiveTab:o,setCurrentTabAsActive:Ot.forceClaim,history:r,wallets:{isLoading:a,details:s,totalBalance:l,refetch:p},meta:{blockchains:u,tokens:c,swappers:h,loadingStatus:m},resetLanguage:d,notifications:{list:C}};return $T.createElement(sd.Provider,{value:S},t.children)}i(aa,"WidgetInfo");function ad(){let t=DT(sd);if(!t)throw new Error("useWidget can only be used within the WidgetProvider component");return t}i(ad,"useWidget");function Hr(t){let{onUpdateState:e,config:o}=t;return FT(()=>{Ea({API_KEY:o?.apiKey||on,BASE_URL:o?.apiUrl||ca})},[o.apiKey,o.apiUrl]),la.createElement(Tn,{config:o,onUpdateState:e},la.createElement(id,{apiKey:o.apiKey},la.createElement(aa,null,t.children)))}i(Hr,"WidgetProvider");function ld(t){return UT(()=>(Ot.init(),Ot.destroy),[]),t.config?.externalWallets?pa.createElement(Qr,null):pa.createElement(Hr,{config:t.config??Zr},pa.createElement(Qr,null))}i(ld,"Widget");export{wq as EventSeverity,vq as MainEvents,Bq as Networks,_q as PendingSwapNetworkStatus,xq as RouteEventType,bq as StepEventType,Iq as StepExecutionBlockedEventStatus,Aq as StepExecutionEventStatus,Ee as UI_ID,Mq as WalletEvents,Pq as WalletTypes,ld as Widget,Hr as WidgetProvider,Tn as WidgetWallets,wi as customizedThemeTokens,Lq as readAccountAddress,Pp as useWallets,ad as useWidget,Eq as useWidgetEvents};
|
|
1
|
+
var ad=Object.defineProperty;var i=(t,e)=>ad(t,"name",{value:e,configurable:!0});import{EventSeverity as Sq,MainEvents as Cq,RouteEventType as Tq,StepEventType as kq,StepExecutionBlockedEventStatus as wq,StepExecutionEventStatus as vq,useEvents as xq}from"@rango-dev/queue-manager-rango-preset";import{readAccountAddress as Iq,useWallets as $p,Events as Aq}from"@rango-dev/wallets-react";import{Networks as Wq,WalletTypes as Lq}from"@rango-dev/wallets-shared";import{PendingSwapNetworkStatus as Nq}from"rango-types";import{UI_ID as ld}from"@rango-dev/ui";var nn="c6381a79-2817-4602-83bf-6a641a409e32",ca="https://api.rango.exchange",ma="https://scan.rango.exchange",We={SWAP_BOX_ID:"rango-swap-box",...ld};import{Events as ei,Provider as zd}from"@rango-dev/wallets-react";import{isEvmBlockchain as Qd}from"rango-sdk";import Cn,{createContext as Hd,useEffect as Ja,useRef as Gd}from"react";import{useEffect as bd}from"react";import{create as wd}from"zustand";import{subscribeWithSelector as vd}from"zustand/middleware";import{RangoClient as Td}from"rango-sdk";import{WalletState as st}from"@rango-dev/ui";import{readAccountAddress as cd}from"@rango-dev/wallets-react";import{detectInstallLink as md,getCosmosExperimentalChainInfo as dd,isEvmAddress as fd,KEPLR_COMPATIBLE_WALLETS as JT,Networks as ha}from"@rango-dev/wallets-shared";import Gr from"bignumber.js";import{isCosmosBlockchain as gd}from"rango-types";import pd from"bignumber.js";var Le=new pd(0);import{WalletTypes as ud}from"@rango-dev/wallets-shared";var da=[ud.LEAP];import{BigNumber as ga}from"bignumber.js";var rn=i(t=>{let e=(t%60).toString().padStart(2,"0");return`${parseInt((t/60).toString()).toString().padStart(2,"0")}:${e}`},"secondsToString"),E=i((t,e=null,o=null)=>{if(t==null||t==="")return"";let n=new ga(t),r=1,s=1e3;for(let a=0;a<60;a++)if(new ga(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 sn=i(t=>t?.reduce((e,o)=>e+(o.estimatedTimeInSeconds??0),0)||0,"totalArrivalTime");var it=i((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),Co=i(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function ue(t){return E(t,12,12).replace(/(?:\.0*|(\.\d+?)0*)$/,"$1")}i(ue,"formatTooltipNumbers");function Vr(t){switch(!0){case t.connected:return st.CONNECTED;case t.connecting:return st.CONNECTING;case!t.installed:return st.NOT_INSTALLED;default:return st.DISCONNECTED}}i(Vr,"mapStatusToWalletState");function ya(t,e,o,n){return o.filter(r=>!da.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(c=>c.name===n):!0}).map(r=>{let{name:s,img:a,installLink:l}=e(r),p=Vr(t(r));return{title:s,image:a,link:md(l),state:p,type:r}})}i(ya,"mapWalletTypesToWalletInfo");function pn(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}i(pn,"walletAndSupportedChainsNames");function Sa(t,e,o,n,r){let s=[];function a(p,u){if(!!!s.find(h=>h.chain===p)){let h={address:u,chain:p,walletType:t};s.push(h)}}i(a,"addAccount");let l=n||[];return e.forEach(p=>{let{address:u,network:c}=cd(p),h=l.length>0,m=l.includes(c),d=c===ha.Unknown;if(h&&!m&&!d)return;let C=c===ha.Unknown&&fd(u);if(d&&!C)return;o.includes(c)||C?r?a(c,u.toLowerCase()):l.filter(w=>o.includes(w)).forEach(w=>{a(w,u.toLowerCase())}):a(c,u)}),s}i(Sa,"prepareAccountsForWalletStore");function Ca(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(Ca,"getRequiredChains");function un(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}i(un,"isAccountAndWalletMatched");function Ta(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 Gr(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:yd(o,r.asset.symbol,r.asset.address,e)||null}))||[]}i(Ta,"makeBalanceFor");function ka(t){return{...t,loading:!1,error:!0}}i(ka,"resetConnectedWalletState");var wa=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=E(n?.flatMap(s=>s.accounts)?.flatMap(s=>s?.balances)?.map(s=>new Gr(s?.amount||Le).multipliedBy(s?.usdPrice||0))?.reduce((s,a)=>s.plus(a),Le)||Le).toString();return hd(r)},"calculateWalletUsdValue");function hd(t){let e=t.toString().split(".");return e[0]=e[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),e.join(".")}i(hd,"numberWithThousandSeparator");var yd=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice"),cn=i((t,e)=>{let o=dd(Object.entries(t).map(([,n])=>n).filter(gd));return o&&o[e]?.experimental},"isExperimentalChain");function mn(t){return t?{...t,amount:E(t.amount,8,8),usdValue:E(t.usdValue,4,4)}:null}i(mn,"formatBalance");function Sd(t,e){return t?.usdValue&&e?.usdValue?parseFloat(e.usdValue)-parseFloat(t.usdValue):!t?.usdValue&&e?.usdValue?1:t?.usdValue&&!e?.usdValue?-1:!t?.usdValue&&!e?.usdValue?parseFloat(e?.amount||"0")-parseFloat(t?.amount||"0"):0}i(Sd,"sortTokensByBalance");function Cd(t,e,o){let n=o(t),r=o(e);return n===r?0:n?-1:1}i(Cd,"sortTokensByPinnedToken");function va(t,e,o){return t.sort((n,r)=>{let s=e(n),a=e(r),l=Cd(n,r,o);return l!==0?l:Sd(s,a)}),t}i(va,"sortTokens");function Me(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}i(Me,"areTokensEqual");function xa(t){return t.sort((e,o)=>+(o.state===st.CONNECTED)-+(e.state===st.CONNECTED)||+(o.state===st.DISCONNECTED||o.state===st.CONNECTING)-+(e.state===st.DISCONNECTED||e.state===st.CONNECTING))}i(xa,"sortWalletsBasedOnConnectionState");function dn(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(dn,"getConciseAddress");function ba({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}i(ba,"getAddress");function jr(t){return`${t.blockchain}-${t.symbol}-${t.address??""}`}i(jr,"createTokenHash");function fn(t){return t.flatMap(e=>e.balances).reduce((e,o)=>{let n={amount:o?.amount??"",decimals:o?.decimal??0,usdValue:o?.usdPrice?new Gr(o?.usdPrice??Le).multipliedBy(o?.amount).toString():""},r=o?jr({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(fn,"makeTokensBalance");var Ia=i((t,e)=>!!t.find(o=>o.chain===e&&o.loading),"isFetchingBalance");function Aa(t){return t.map(e=>e.state).join("-")}i(Aa,"hashWalletsState");var Kr={API_KEY:nn};function gt(t){return Kr[t]||""}i(gt,"getConfig");function Ea(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),Kr=e,Kr}i(Ea,"initConfig");var Wa=20,La=25,Ma="Roboto",Xr="theme-widget",To=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"),Yr=i((t,e)=>t&&e&&!e.includes(t.name),"isBlockchainExcludedInConfig");var gn,At=i(()=>gn||(gn=new Td(gt("API_KEY"),gt("BASE_URL")),gn),"httpService");var kd=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"),Et=kd;var X=Et(wd()(vd((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:fn(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=>un(p,l))?{...l,loading:!0}:l)}));try{let a=o.map(({address:u,chain:c})=>({address:u,blockchain:c})),p=(await At().getWalletsDetails(a)).wallets;if(p)t(u=>{let c=u.connectedWallets.map(m=>{let d=o.find(C=>un(C,m)),S=p.find(C=>C.address===m.address&&C.blockChain===m.chain);return S?.failed&&d&&r&&s([d],n,!1),d&&S?{...m,explorerUrl:S.explorerUrl,balances:Ta(S,n),loading:!1}:m});return{loading:!1,balances:fn(c),connectedWallets:c}});else throw new Error("Wallet not found")}catch{t(l=>{let p=l.connectedWallets.map(c=>o.find(h=>un(h,c))?ka(c):c);return{loading:!1,balances:fn(p),connectedWallets:p}})}},getBalanceFor:o=>{let{balances:n}=e(),r=jr(o);return n[r]??null}}))));import{allProviders as xd}from"@rango-dev/provider-all";function hn(t,e){let o=xd({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(hn,"matchAndGenerateProviders");function Na(t,e){return hn(t,e).map(r=>r.config.type)}i(Na,"configWalletsToWalletName");function Ba(t,e){let o=X.use.clearConnectedWallet(),n=hn(void 0,e);return bd(()=>{o(),n=hn(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}i(Ba,"useWalletProviders");import $d,{createContext as _d,useContext as Dd,useEffect as Fd,useRef as Ud}from"react";import{create as Bd}from"zustand";import{persist as Pd}from"zustand/middleware";var Jr={apiKey:"",title:void 0,multiWallets:!0,enableNewLiquiditySources:!0,customDestination:!0},Id={clientUrl:void 0},Ad={liquiditySources:void 0},Pa=i((t,e,o)=>({config:{...Jr,...t},iframe:Id,campaignMode:Ad,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.enableNewLiquiditySources},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 yn(t){return Array.from(new Set(t))}i(yn,"removeDuplicateFrom");function Zr(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}i(Zr,"areEqual");function $a(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}i($a,"debounce");function Ot(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}i(Ot,"containsText");var N=i(()=>document.getElementById(We.SWAP_BOX_ID),"getContainer");function Sn(t,e){let o=t.map(s=>s.swapperGroup),n=[];return yn(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(Sn,"getUniqueSwappersGroups");function _a(t,e){return t.swapperGroup<e.swapperGroup?-1:t.swapperGroup>e.swapperGroup?1:0}i(_a,"sortLiquiditySourcesByGroupTitle");function He(t,e){return e?.[t]==="hidden"}i(He,"isFeatureHidden");function Da(t,e){return e?.[t]==="enabled"}i(Da,"isFeatureEnabled");var Fa=i((t,e)=>({_blockchains:[],_tokens:[],_popularTokens:[],_swappers:[],fetchStatus:"loading",blockchains:o=>{let n=e()._blockchains;if(!o||!o?.type)return n;let r=e().config,s=(o.type==="source"?r.from?.blockchains:r.to?.blockchains)??[];return n.filter(l=>!(s.length>0&&!s.includes(l.name)))},tokens:o=>{let n=e()._tokens;if(!o||!o?.type)return n;let r=e().config,s=(o.type==="source"?r.from?.tokens:r.to?.tokens)??{},a=e().blockchains({type:o.type});return n.filter(p=>s&&To(p,s)||o.blockchain&&p.blockchain!==o.blockchain||!a.some(u=>u.name===p.blockchain)?!1:o.searchFor?!!(Ot(p.symbol,o.searchFor)||Ot(p.address||"",o.searchFor)||Ot(p.name||"",o.searchFor)):!0).sort((p,u)=>e().isTokenPinned(p,o.type)?-1:e().isTokenPinned(u,o.type)||p.isSecondaryCoin?1:u.isSecondaryCoin||!p.address&&u.address?-1:p.address&&!u.address?1: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.enableNewLiquiditySources;return e()._swappers.filter(u=>{let c=s?.includes(u.swapperGroup);return a||!s||s.length===0?!c:c}).sort(_a)},fetch:async()=>{try{let o=await At().getAllMetadata();t({fetchStatus:"success"});let n=[],r=[],s=o.popularTokens,a=o.swappers,l=new Set;o.tokens.forEach(p=>{l.add(p.blockchain),r.push(p)}),o.blockchains.forEach(p=>{p.enabled&&l.has(p.name)&&n.push(p)}),n.sort((p,u)=>p.sort-u.sort),t({_blockchains:n,_tokens:r,_popularTokens:s,_swappers:a})}catch(o){throw t({fetchStatus:"failed"}),o}}}),"createDataSlice");import{English as Ed,French as Wd,Japanese as Ld,Portuguese as Md,Spanish as Nd}from"@rango-dev/ui";var Ua=[{title:"English",label:"English",local:"en",SVGFlag:Ed},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:Nd},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:Wd},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:Ld},{title:"Portuguese",label:"Portugu\xEAs",local:"pt",SVGFlag:Md}],ko="en";var Oa=[.5,1,3],qa=1,za=5,Qa=100,Ha=0;var Ga=i((t,e)=>({disabledLiquiditySources:[],theme:"auto",language:null,preferredBlockchains:[],slippage:qa,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,u=l<=10-1;return p&&u}))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=yn(o.map(a=>a.swapperGroup));return s.length===r.disabledLiquiditySources.length?{disabledLiquiditySources:[]}:{disabledLiquiditySources:s}}),toggleInfiniteApprove:()=>t(o=>({infiniteApprove:!o.infiniteApprove})),toggleLiquiditySource:o=>t(n=>n.disabledLiquiditySources.includes(o)?{disabledLiquiditySources:n.disabledLiquiditySources.filter(r=>r!=o)}:{disabledLiquiditySources:n.disabledLiquiditySources.concat(o)}),setTheme:o=>t(()=>({theme:o})),setLanguage:o=>t(()=>({language:o})),updateSettings:o=>{let{features:n}=o,r=He("theme",n),s=He("language",n),a=He("liquiditySource",n);t({...r&&{theme:"auto"},...s&&{language:ko},...a&&{disabledLiquiditySources:[]}})}}),"createSettingsSlice");function Va(t){return Bd()(Pd((...e)=>({...Fa(...e),...Ga(...e),...Pa(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(Va,"createAppStore");var ja=_d(null);function g(){let t=Dd(ja);if(Fd(()=>{t&&!t.persist.hasHydrated()&&t.persist.rehydrate()},[]),!t)throw new Error("Missing AppStoreContext.Provider in the tree");return t()}i(g,"useAppStore");function Ka(t){let e=Ud();return e.current||(e.current=Va(t.config)),$d.createElement(ja.Provider,{value:e.current},t.children)}i(Ka,"AppStoreProvider");import{create as qd}from"zustand";var Xa="rango-widget";var Zt=class{constructor(e){this.state="not-initiated";this.events={};this.init=()=>{this.initEvents(),this.tryClaim()};this.forceClaim=()=>{if(!this.isClaimed()){let e={name:"force-claim",candidateId:this.tabId};this.channel.postMessage(e),setTimeout(()=>{this.isClaimed()||this.claim()},300)}};this.isClaimed=()=>this.state==="claimed";this.destroy=()=>{this.channel.removeEventListener("message",this.handleMessageEvent),document.removeEventListener("visibilitychange",this.handleVisibilityChange),document.removeEventListener("resume",this.handleResume)};this.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.`)}};this.handleVisibilityChange=async()=>{document.visibilityState==="visible"&&await this.tryClaim()};this.handleResume=async()=>{this.isClaimed()&&(await this.tryClaim(),this.isClaimed()||this.events.onRelease?.())};this.channel=new BroadcastChannel(Xa),this.tabId=Math.trunc(Math.random()*1e5),this.events=e}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}}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)}}};i(Zt,"TabManager");var ne=Et(qd()((t,e)=>({isActiveTab:!1,tabManagerInitiated:!1,showActivateTabModal:!1,watermark:"NONE",fetchingApiConfig:!1,activateCurrentTab:(o,n)=>{let{showActivateTabModal:r}=e();!r&&n?t({showActivateTabModal:!0}):(r||!n)&&o()},setShowActivateTabModal:o=>{t({showActivateTabModal:o})},setWatermark:o=>{t({watermark:o})}}))),qt=new Zt({onInit:()=>ne.setState({tabManagerInitiated:!0}),onClaim:()=>ne.setState({isActiveTab:!0,showActivateTabModal:!1}),onRelease:()=>ne.setState({isActiveTab:!1})});var Tn=Hd({onConnectWallet:()=>{}});function Vd(t){let{updateConfig:e,updateSettings:o,fetch:n}=g(),r=g().blockchains(),s=g().tokens(),a={walletConnectProjectId:t.config?.walletConnectProjectId},{providers:l}=Ba(t.config.wallets,a),{connectWallet:p,disconnectWallet:u}=X(),c=Gd();Ja(()=>{n().catch(console.log)},[]),Ja(()=>{t.config&&(e(t.config),o(t.config))},[t.config]);let h=r.filter(Qd).map(S=>S.name),m=i((S,C,y,f,w)=>{if(C===ei.ACCOUNTS)if(y){let k=pn(w.supportedBlockchains),v=Sa(S,y,h,k,w.isContractWallet);v.length&&p(v,s)}else u(S);if(C===ei.ACCOUNTS&&f.connected){let k=`${S}-${f.network}-${y}`;f.connected&&(c.current?c.current(k):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(C===ei.NETWORK&&f.network){let k=`${S}-${f.network}`;c.current?c.current(k):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(S,C,y,f,w)},"onUpdateState"),d=ne.use.isActiveTab();return Cn.createElement(Tn.Provider,{value:{onConnectWallet:S=>{c.current=S}}},Cn.createElement(zd,{allBlockChains:r,providers:l,onUpdateState:m,autoConnect:!!d},t.children))}i(Vd,"Main");function kn(t){let{config:e,...o}=t;return Cn.createElement(Ka,{config:e},Cn.createElement(Vd,{...o,config:e}))}i(kn,"WidgetWallets");import pa,{useEffect as $T}from"react";import{I18nManager as fT}from"@rango-dev/ui";import tn,{useContext as gT,useEffect as hT,useState as td}from"react";import{useQueueManager as Yd}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Jd}from"@rango-dev/wallets-react";import{isEvmBlockchain as Zd}from"rango-types";import Rd,{Fragment as ef}from"react";import{MemoryRouter as tf,useInRouterContext as of}from"react-router";import{useWallets as jd}from"@rango-dev/wallets-react";import{useEffect as Kd,useRef as Xd}from"react";function Ra(){let{connect:t,state:e}=jd(),o=Xd({}),{fetchStatus:n}=g(),r=new URLSearchParams(location.search).get("autoConnect")||"",s=e(r);Kd(()=>{n==="success"&&r&&s.installed&&!s.connecting&&!s.connected&&!o.current[r]&&(o.current[r]=!0,t(r))},[s,n])}i(Ra,"useForceAutoConnect");function el({children:t,...e}){let n=of()?ef:tf,r=g().blockchains(),{canSwitchNetworkTo:s}=Jd();Ra();let a=r.filter(Zd);return Yd({lastConnectedWallet:e.lastConnectedWallet,clearDisconnectedWallet:e.clearDisconnectedWallet,disconnectedWallet:e.disconnectedWallet,evmChains:a,canSwitchNetworkTo:s}),Rd.createElement(n,null,t)}i(el,"AppRouter");import De from"react";import{useRoutes as lT}from"react-router-dom";var P={home:"/",fromSwap:"from-swap",toSwap:"to-swap",blockchains:"blockchains",settings:"settings",liquiditySources:"liquidity-sources",themes:"themes",bridges:"bridges",exchanges:"exchanges",languages:"languages",swaps:"swaps",wallets:"wallets",confirmSwap:"confirm-swap",swapDetails:":requestId",routes:"routes"};import{useEffect as to,useRef as Ln}from"react";import Lt from"bignumber.js";import{create as pf}from"zustand";import{subscribeWithSelector as uf}from"zustand/middleware";import{getLastSuccessfulStep as lf}from"@rango-dev/queue-manager-rango-preset";import $v from"bignumber.js";import{i18n as at}from"@lingui/core";var ti={"Network Fee":at.t("Network Fee"),"Swapper Fee":at.t("Protocol Fee"),"Affiliate Fee":at.t("Affiliate Fee"),"Outbound network fee":at.t("Outbound Fee"),"Rango Fee":at.t("Rango Fee")},Rw={SPEED:at.t("Fastest Transfer"),NET_OUTPUT:at.t("Maximum Return"),FEE:at.t("Lowest Fee"),PRICE:at.t("Maximum Output"),SMART:at.t("Smart Routing")},oi=["RECOMMENDED","CENTRALIZED","LOWEST_FEE","FASTEST","HIGH_IMPACT"],tl=30;var Wt=(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))(Wt||{});function ol(t,e){return e.find(o=>o.name===t)?.displayName}i(ol,"getBlockchainDisplayNameFor");function Ge(t,e){return e.find(o=>o.name===t)?.shortName}i(Ge,"getBlockchainShortNameFor");function wo(t,e){return e.find(o=>o.id===t)?.swapperGroup}i(wo,"getSwapperDisplayName");function ni(t,e){return e.find(o=>Me(o,t))??null}i(ni,"findToken");function ri(t,e){return e.find(o=>o.name===t)??null}i(ri,"findBlockchain");import{i18n as Ye}from"@lingui/core";import Ne from"bignumber.js";import{PendingSwapNetworkStatus as bn}from"rango-types";function wn(t){let e=[];return t?.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,s=e[e.length-1];n!=s&&e.push(n),s=e[e.length-1],r!=s&&e.push(r)}),e}i(wn,"getRequiredWallets");function vn(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}i(vn,"isValidAddress");import{i18n as be}from"@lingui/core";var Y=i(()=>({genericServerError:be.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:be.t("Please reset your liquidity sources."),description:be.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources.")},noResultError:{title:be.t("No Routes Found."),description:be.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:be.t("Bridge Limit Error: Please increase your amount."),decreaseAmount:be.t("Bridge Limit Error: Please decrease your amount.")},highValueLossError:{impactTitle:be.t("High Price Impact"),title:be.t("Price impact is too high!"),description:be.t("The price impact is significantly higher than the allowed amount. If you are sure, continue, otherwise, change the swap."),confirmMessage:be.t("Confirm high price impact")},quoteUpdatedWithHighValueLoss:{title:be.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:be.t("USD Price Unknown"),title:be.t("USD Price Unknown, Cannot calculate Price Impact."),description:be.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:be.t("Confirm USD Price Unknown")}}),"errorMessages");function nl(t){switch(t.type){case 0:return t.diagnosisMessage??Y().noResultError.title;case 1:return Y().genericServerError;default:return""}}i(nl,"getQuoteErrorMessage");import{i18n as xn}from"@lingui/core";var Qt=i(()=>({connectWallet:xn.t("Connect Wallet"),swap:xn.t("Swap"),swapAnyway:xn.t("Swap anyway"),ethWarning:xn.t("The route goes through Ethereum. Continue?")}),"swapButtonTitles");function rl(t,e){return(parseInt(e.toFixed(2)||"0")<=-10&&t?.gte(new Ne(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new Ne(1e3)))??!1}i(rl,"hasHighValueLoss");function il(t){return(t||[]).filter(e=>{let o=e.fromAmountMinValue?new Ne(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Ne(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(il,"hasLimitError");function sl(t){let e=(t||[]).filter(l=>{let p=l.fromAmountMinValue?new Ne(l.fromAmountMinValue):null,u=l.fromAmountMaxValue?new Ne(l.fromAmountMaxValue):null;return l.fromAmountRestrictionType==="EXCLUSIVE"?p?.gte(l.fromAmount)||u?.lte(l.fromAmount):p?.gt(l.fromAmount)||u?.lt(l.fromAmount)})[0],o=e.fromAmountMinValue?new Ne(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Ne(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",s="",a="";return!r&&o&&o.gt(e.fromAmount)?(s=Ye.t({id:"Required: >= {min} {symbol}",values:{min:E(o,6,6),symbol:e.from.symbol}}),a=Y().bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(s=Ye.t({id:"Required: > {min} {symbol}",values:{min:E(o,6,6),symbol:e.from.symbol}}),a=Y().bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(s=Ye.t({id:"Required: <= {max} {symbol}",values:{max:E(n,6,6),symbol:e.from.symbol}}),a=Y().bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(s=Ye.t({id:"Required: < {max} {symbol}",values:{max:E(n,6,6),symbol:e.from.symbol}}),a=Y().bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:s,recommendation:a}}i(sl,"getLimitErrorMessage");function al(t){let{fetchMetaStatus:e,anyWalletConnected:o,fetchingQuote:n,inputAmount:r,quote:s,warning:a,error:l,needsToWarnEthOnPath:p}=t;return e!=="success"?{title:Qt().connectWallet,action:"connect-wallet",disabled:!0}:o?n||!s||l||!r||r==="0"?{title:Qt().swap,action:"confirm-swap",disabled:!0}:a?{title:Qt().swapAnyway,action:"confirm-warning",disabled:!1}:p?{title:Qt().ethWarning,action:"confirm-warning",disabled:!1}:{title:Qt().swap,action:"confirm-swap",disabled:!1}:{title:Qt().connectWallet,action:"connect-wallet",disabled:!1}}i(al,"getSwapButtonState");function ii(t,e,o){return!((!o||o.lte(Le))&&t&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t)}i(ii,"canComputePriceImpact");function nf(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(nf,"requiredWallets");var rf=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice");function sf(t,e){let o=Le;for(let n=0;n<t.fee.length;n++){let r=t.fee[n];if(r.expenseType==="DECREASE_FROM_OUTPUT")continue;let s=rf(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new Ne(r.amount).multipliedBy(s||0))}return o}i(sf,"getUsdFeeOfStep");function In(t,e){return t.reduce((o,n)=>o.plus(sf(n,e)),Le)}i(In,"getTotalFeeInUsd");function si(t){let e=Le;return e=e.plus(new Ne(t.amount).multipliedBy(t.price||0)),e}i(si,"getUsdFee");function ll(t){return t.reduce((e,o)=>e.plus(si(o)),Le)}i(ll,"getTotalFeesInUsd");function pl(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(pl,"getFeesGroup");function ul(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(ul,"checkSlippageErrors");function cl(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(cl,"checkSlippageWarnings");function An(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(An,"getMinRequiredSlippage");function ml(t,e){return e?parseFloat(t)>=parseFloat(e):!0}i(ml,"hasProperSlippage");function dl(t){let{fromToken:e,toToken:o,inputAmount:n,wallets:r,selectedWallets:s,disabledLiquiditySources:a,liquiditySources:l,excludeLiquiditySources:p,slippage:u,affiliateRef:c,affiliatePercent:h,affiliateWallets:m,destination:d}=t,S=s?.reduce((f,w)=>(f[w.chain]=w.address,f),{}),C=[];return r?.forEach(f=>{C.push({blockchain:f.chain,addresses:[f.address]})}),{amount:n.toString(),affiliateRef:c??void 0,affiliatePercent:h??void 0,affiliateWallets:m??void 0,from:{address:e.address,blockchain:e.blockchain,symbol:e.symbol},to:{address:o.address,blockchain:o.blockchain,symbol:o.symbol},connectedWallets:C,selectedWallets:S??{},slippage:u.toString(),...d&&{destination:d},...p&&{swapperGroups:a.concat(l??[]),swappersGroupsExclude:!0},...!p&&{swapperGroups:l?.filter(f=>!a.includes(f)),swappersGroupsExclude:!1}}}i(dl,"createQuoteRequestBody");function fl(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}i(fl,"getWalletsForNewSwap");function Rt(t){return t?.outputAmount||null}i(Rt,"getQuoteOutputAmount");function gl(t,e){return new Ne(e).div(new Ne(t)).minus(1).multipliedBy(100).toNumber()}i(gl,"getPercentageChange");function hl(t,e){let o=Rt(t),n=Rt(e);if(!o||!n)return!1;let r=Ve(o,n);return r?r<=-1:!0}i(hl,"isOutputAmountChangedALot");function yl(t,e,o){let n=t.validationStatus,r=Ca(t);return e.sort((a,l)=>r.indexOf(a.chain)-r.indexOf(l.chain)).flatMap(a=>wl(a,n)||[]).filter(a=>!a.ok).map(a=>{let l=a.asset.symbol,p=E(new Ne(a.currentAmount.amount).shiftedBy(-a.currentAmount.decimals),8,8),u=E(new Ne(a.requiredAmount.amount).shiftedBy(-a.requiredAmount.decimals),8,8),c="";return a.reason==="FEE"&&(c=Ye.t(" for network fee")),a.reason==="INPUT_ASSET"&&(c=Ye.t(" for swap")),a.reason==="FEE_AND_INPUT_ASSET"&&(c=Ye.t(" for input and network fee")),Ye.t({id:"Needs \u2248 {requiredAmount} {symbol}{reason}, but you have {currentAmount} {symbol} in your {blockchain} wallet.",values:{requiredAmount:u,symbol:l,reason:c,currentAmount:p,blockchain:Ge(a.asset.blockchain,o)}})})}i(yl,"generateBalanceWarnings");function En(t,e){return(t?new Ne(t):Le).multipliedBy(e||0)}i(En,"calcOutputUsdValue");function vo(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==bn.NetworkChanged}i(vo,"isNetworkStatusInWarningState");function Sl(t,e){let o="bellow button or",n=t.extraMessage,r=t.extraMessageDetail;if(t.networkStatusExtraMessageDetail?.includes(o)&&(t.networkStatusExtraMessageDetail=t.networkStatusExtraMessageDetail.replace(o,"")),vo(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case bn.WaitingForConnectingWallet:n=n||Ye.t("Waiting for connecting wallet");break;case bn.WaitingForQueue:n=n||Ye.t("Waiting for other running tasks to be finished");break;case bn.WaitingForNetworkChange:n=n||Ye.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(Sl,"getSwapMessages");function Cl(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(Cl,"getLastConvertedTokenInFailedSwap");function Tl(t){return t.status==="failed"&&!!t.finishTime&&new Date().getTime()-parseInt(t.finishTime)<4*3600*1e3}i(Tl,"shouldRetrySwap");function kl(t,e,o,n,r,s){return t||!e&&!nf(n).every(a=>r.map(l=>l.chain).includes(a))||!!e&&!o||!!e&&!!o&&s&&!vn(s,o)}i(kl,"confirmSwapDisabled");function Wn(t){let e=t?.swaps||[];return e[e.length-1].to.usdPrice}i(Wn,"getQuoteToTokenUsdPrice");function ai(t,e){let o=t?.swaps||[],n=e?.swaps||[];return o.length!==n.length}i(ai,"isNumberOfSwapsChanged");function li(t,e){let o=t?.swaps.map(r=>r.swapperId)||[],n=e?.swaps.map(r=>r.swapperId)||[];return!Zr(o,n)}i(li,"isQuoteSwappersUpdated");function pi(t,e){let o=t?.swaps.map(r=>r.to.symbol)||[],n=e?.swaps.map(r=>r.to.symbol)||[];return!Zr(o,n)}i(pi,"isQuoteInternalCoinsUpdated");function xl(t,e){return ai(t,e)||li(t,e)||pi(t,e)}i(xl,"isQuoteChanged");function wl(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(wl,"getRequiredBalanceOfWallet");function ht(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}i(ht,"getPriceImpactLevel");function bl(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],s=lf(t.steps),a={blockchain:r.toBlockchain,symbol:r.toSymbol,address:r.toSymbolAddress},l=ri(s?s.toBlockchain:n.fromBlockchain,e),p=ri(r.toBlockchain,e),u=ni(s?{blockchain:l?.name??"",symbol:s.toSymbol,address:s.toSymbolAddress}:{blockchain:l?.name??"",symbol:n.fromSymbol,address:n.fromSymbolAddress},o),c=ni(a,o),h=s?s.outputAmount??"":t.inputAmount;return{fromBlockchain:l,fromToken:u,toBlockchain:p,toToken:c,inputAmount:h}}i(bl,"createRetryQuote");function eo(t,e){let{fromToken:o,toToken:n,tokens:r,userSlippage:s}=e,a=Ht(o,t.requestAmount),l=Ht(n,t?.outputAmount??"");if(t&&a&&l){let c=Ve(a.toString(),l.toString());if(!!c&&rl(a,c)){let m=In(t?.swaps,r),d=ht(c);return{type:0,inputUsdValue:a,outputUsdValue:l,priceImpact:c,totalFee:m,warningLevel:d}}}else if(t&&(!a||!l))return{type:1};let p=An(t.swaps),u=s>za;if(ml(e.userSlippage.toString(),p)){if(u&&parseFloat(p??"0")<s)return{type:3,slippage:s.toString()}}else return{type:2,recommendedSlippages:cl(t,s),minRequiredSlippage:p};return null}i(eo,"generateQuoteWarnings");function Ve(t,e){let o=typeof e=="string"?parseFloat(e)<=0:!e?.gt(0),n=!t||!e||o?null:gl(t.toString(),e.toString());return n&&n<0?n:null}i(Ve,"getPriceImpact");var Il=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"),Al=i((t,e)=>e.sort((o,n)=>{let r=i(u=>u.scores?.find(c=>c.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"),El=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"),Wl=i(t=>{let e=i((o,n)=>{let r=oi.indexOf(o.value),s=oi.indexOf(n.value);return r!==-1&&s!==-1?r-s:r!==-1?-1:s!==-1?1:0},"customSort");return t.sort(e)},"sortTags");var Ht=i((t,e)=>t?.usdPrice?new Lt(e||Le).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),K=Et(pf()(uf(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new Lt(0),outputUsdValue:new Lt(0),toBlockchain:null,toToken:null,refetchQuote:!0,sortStrategy:"SMART",selectedQuote:null,quotes:null,error:null,warning:null,quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:null,quoteWarningsConfirmed:!1,updateQuotePartialState:(e,o)=>t(n=>({...n,[e]:o})),setSelectedQuote:e=>t(o=>{let n=null,r=Le;return Co(o.inputAmount)?(e&&(n=e?.outputAmount?new Lt(e?.outputAmount):null,r=En(e?.outputAmount,Wn(e)||o.toToken?.usdPrice)),{selectedQuote:e,...!!e&&{outputAmount:n,outputUsdValue:r}}):{}}),resetAlerts:()=>t(()=>({error:null,warning:null})),resetQuote:()=>t(()=>({selectedQuote:null,outputAmount:null,outputUsdValue:new Lt(0),quotes:null,refetchQuote:!0,error:null,warning:null})),setFromBlockchain:e=>{t(o=>o.fromBlockchain?.name===e?.name?{}:{fromBlockchain:e,...o.fromToken&&{selectedQuote:null,fromToken:null,outputAmount:null,outputUsdValue:null}})},setFromToken:e=>t(o=>({fromToken:e.token,...e.token&&{fromBlockchain:e.meta.blockchains.find(n=>n.name===e.token.blockchain)??null},...!!o.inputAmount&&{inputUsdValue:Ht(e.token,o.inputAmount)}})),setToBlockchain:e=>{t(o=>o.toBlockchain?.name===e?.name?{}:{toBlockchain:e,...o.toToken&&{selectedQuote:null,toToken:null,outputAmount:null,outputUsdValue:null}})},setToToken:e=>t(()=>({toToken:e.token,...e.token&&{toBlockchain:e.meta.blockchains.find(o=>o.name===e.token.blockchain)??null}})),setInputAmount:e=>{t(o=>({inputAmount:e,...!e&&{outputAmount:new Lt(0),outputUsdValue:new Lt(0),selectedQuote:null},...!!o.fromToken&&{inputUsdValue:Ht(o.fromToken,e)}}))},retry:(e,o)=>{let{tokens:n,blockchains:r}=o,{fromBlockchain:s,fromToken:a,toBlockchain:l,toToken:p,inputAmount:u}=bl(e,r,n);t({fromBlockchain:s,fromToken:a,inputAmount:u,outputAmount:null,inputUsdValue:Ht(a??null,u),outputUsdValue:new Lt(0),toBlockchain:l,toToken:p,selectedQuote:null})},switchFromAndTo:()=>t(e=>({fromBlockchain:e.toBlockchain,fromToken:e.toToken,toBlockchain:e.fromBlockchain,toToken:e.fromToken,inputAmount:e.outputAmount?.toString()||"",inputUsdValue:Ht(e.toToken,e.outputAmount?.toString()||"")})),resetFromBlockchain:()=>t(()=>({fromToken:null,fromBlockchain:null,outputAmount:null,outputUsdValue:null,selectedQuote:null})),resetToBlockchain:()=>t(()=>({toToken:null,toBlockchain:null,outputAmount:null,outputUsdValue:null,selectedQuote:null})),setQuoteWalletConfirmed:e=>t({quoteWalletsConfirmed:e}),setSelectedWallets:e=>t({selectedWallets:e}),setCustomDestination:e=>t({customDestination:e}),resetQuoteWallets:()=>t({quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:null}),setQuoteWarningsConfirmed:e=>t({quoteWarningsConfirmed:e})}))));function Ll(){let{setInputAmount:t,setToToken:e,setToBlockchain:o,setFromBlockchain:n,setFromToken:r,fromToken:s,toToken:a,fromBlockchain:l,toBlockchain:p}=K(),u=g().config,c=g().fetchStatus,h=g().blockchains(),m=g().tokens(),{setAffiliateRef:d,setAffiliatePercent:S,setAffiliateWallets:C}=g(),y=u?.from?.tokens,f=u?.from?.blockchains,w=u?.to?.tokens,k=u?.to?.blockchains,v=Ln(void 0),I=Ln(void 0),A=Ln(void 0),T=Ln(void 0);to(()=>{t(u?.amount?.toString()||"")},[u?.amount]),to(()=>{if(c==="success"){let x=h.find(M=>M.name===u?.from?.blockchain),L=m.find(M=>Me(M,u?.from?.token||null));(x||!x&&A.current)&&n(x??null),L?r({token:L,meta:{blockchains:h,tokens:m}}):!L&&v.current&&r({token:null}),A.current=u?.from?.blockchain,v.current=u?.from?.token}},[u?.from?.token?.symbol,u?.from?.token?.address,u?.from?.token?.blockchain,u?.from?.blockchain,c]),to(()=>{To(s,y)&&r({token:null}),Yr(l,f)&&n(null)},[y,f]),to(()=>{To(a,w)&&r({token:null}),Yr(p,k)&&o(null)},[w,k]),to(()=>{if(c==="success"){let x=h.find(M=>M.name===u?.to?.blockchain),L=m.find(M=>Me(M,u?.to?.token||null));(x||!x&&T.current)&&o(x??null),L?e({token:L,meta:{blockchains:h,tokens:m}}):!L&&I.current&&e({token:null}),T.current=u?.to?.blockchain,I.current=u?.to?.token}},[u?.to?.token?.symbol,u?.to?.token?.address,u?.to?.token?.blockchain,u?.to?.blockchain,c]),to(()=>{d(u?.affiliate?.ref??null),S(u?.affiliate?.percent??null),C(u?.affiliate?.wallets??null)},[u?.affiliate?.ref,u?.affiliate?.percent,u?.affiliate?.wallets])}i(Ll,"useSyncStoresWithConfig");import{useEffect as mi,useRef as cf}from"react";import{useInRouterContext as mf,useLocation as df,useSearchParams as ff}from"react-router-dom";function ui(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(ui,"searchParamToToken");function ci(t){if(t)return`${t.symbol}${t.address?`--${t.address}`:""}`}i(ci,"tokenToSearchParam");function di(){let t=df(),[e,o]=ff(),{fromBlockchain:n,toBlockchain:r,fromToken:s,toToken:a,inputAmount:l,setFromBlockchain:p,setToBlockchain:u,setFromToken:c,setToToken:h,setInputAmount:m}=K(),d=g().fetchStatus,S=g().blockchains(),C=g().tokens(),y=mf(),{updateIframe:f,updateCampaignMode:w}=g(),k=g().isInCampaignMode(),v=cf(),I=i(()=>{let T=e.get("fromAmount"),x=e.get("fromBlockchain"),L=e.get("fromToken"),M=e.get("toBlockchain"),D=e.get("toToken"),V=e.get("autoConnect"),J=e.get("clientUrl"),oe=e.get("liquiditySources");return{fromAmount:T,fromBlockchain:x,fromToken:L,toBlockchain:M,toToken:D,autoConnect:V,clientUrl:J,liquiditySources:oe}},"getUrlSearchParams"),A=i(T=>{for(let x in T)T[x]||delete T[x];o(T,{replace:!0})},"updateUrlSearchParams");mi(()=>{let{autoConnect:T,clientUrl:x}=I();y&&d==="success"&&A({["fromBlockchain"]:n?.name,["fromToken"]:ci(s),["toBlockchain"]:r?.name,["toToken"]:ci(a),["fromAmount"]:l,["autoConnect"]:T??void 0,["clientUrl"]:x??void 0,["liquiditySources"]:k?v.current:void 0})},[t.pathname,l,n,s,r,a,k]),mi(()=>{if(!y)return;let T=I();if(!v.current&&T.liquiditySources&&(v.current=T.liquiditySources),T.fromAmount&&m(T.fromAmount),d==="success"){let x=S.find(V=>V.name===T.fromBlockchain),L=ui(C,T.fromToken,x??null),M=S.find(V=>V.name===T.toBlockchain),D=ui(C,T.toToken,M??null);x&&(p(x),L&&c({token:L,meta:{blockchains:S,tokens:C}})),M&&(u(M),D&&h({token:D,meta:{blockchains:S,tokens:C}}))}},[d]),mi(()=>{let{clientUrl:T,liquiditySources:x}=I();f("clientUrl",T||void 0),w("liquiditySources",x?.split(",")??void 0)},[])}i(di,"useSyncUrlAndStore");import{i18n as hr}from"@lingui/core";import{useManager as Rh}from"@rango-dev/queue-manager-react";import{Alert as Ru,Button as ey,css as as,Divider as ss,IconButton as ec,SettingsIcon as ty,styled as oy,Tooltip as ny,Typography as ry,WalletIcon as iy}from"@rango-dev/ui";import ce,{useEffect as Oo,useLayoutEffect as sy,useRef as ay,useState as yr}from"react";import{flushSync as ly}from"react-dom";import{useLocation as py,useNavigate as uy}from"react-router-dom";import{i18n as pt}from"@lingui/core";import{Alert as Ui,BalanceErrors as Hg,Button as _p,ChevronDownIcon as Gg,ChevronLeftIcon as Vg,Divider as ao,MessageBox as jg,Typography as Rn,WalletIcon as Kg}from"@rango-dev/ui";import $,{useEffect as Xg,useState as lo}from"react";import{useNavigate as Yg}from"react-router-dom";import{i18n as Mn}from"@lingui/core";function Nn(t){switch(t.type){case 0:return Mn.t("Route has been updated.");case 3:return Mn.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return Mn.t("Route swappers has been updated.");case 2:return Mn.t("Route internal coins has been updated.");default:return""}}i(Nn,"getQuoteUpdateWarningMessage");import{Modal as hf}from"@rango-dev/ui";import yf from"react";function le(t){let{watermark:e}=ne();return yf.createElement(hf,{hasWatermark:e==="FULL",...t},t.children)}i(le,"WatermarkedModal");import _n,{useRef as Tf}from"react";import*as oo from"@radix-ui/react-collapsible";import{keyframes as Ml,styled as Bn}from"@rango-dev/ui";var fi=300,Sf=Ml({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),Cf=Ml({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),Nl=Bn(oo.Root,{borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),gi=Bn(oo.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit",cursor:"pointer"}),Pn=Bn(oo.Content,{overflow:"hidden",variants:{open:{true:{animation:`${Sf} ${fi}ms ease-out`},false:{animation:`${Cf} ${fi}ms ease-out`}}}}),$n=Bn("div",{transition:`all ${fi}ms ease`,display:"flex",alignItems:"center",variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}});function Dn(t){let{open:e,hasSelected:o,onOpenChange:n,children:r,onClickTrigger:s,trigger:a,triggerAnchor:l}=t,p=Tf(null);return _n.createElement(Nl,{ref:p,className:"collapsible_root",selected:o&&e,open:e,onOpenChange:n},l==="top"&&_n.createElement(gi,{className:"collapsible_trigger",onClick:s},a),_n.createElement(Pn,{className:"collapsible_content",open:e},r),l==="bottom"&&_n.createElement(gi,{className:"collapsible_trigger",onClick:s},a))}i(Dn,"CustomCollapsible");import{Button as kf,css as Bl,darkTheme as no,IconButton as wf,styled as je,TextField as vf}from"@rango-dev/ui";var Pl=je("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),$l=je("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),xf=je("button",{borderRadius:"$xm",padding:"$10",border:"0",display:"flex",justifyContent:"center",$$color:"$colors$neutral100",[`.${no} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",alignItems:"center",cursor:"pointer",width:110,position:"relative","&:hover":{$$color:"$colors$info100",[`.${no} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$color:"$colors$info100",[`.${no} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color",outline:0},variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary",outlineStyle:"solid"}}}}),_l=je(xf,{alignSelf:"stretch",minHeight:"93px"}),Dl=je("div",{padding:"$20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),Fl=je(wf,{position:"absolute",left:"$20"}),Ul=je("div",{paddingTop:"$20"}),Ol=Bl({display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),ql=je("div",{padding:"$10 $0","& .button__content":{display:"flex",alignItems:"center"},"& .alarms":{paddingTop:"$5"},"& .collapsible_content":{backgroundColor:"$neutral100"},"& .collapsible_root":{backgroundColor:"$neutral200"}}),zl=Bl({paddingTop:"$5"}),Ql=je("div",{display:"flex"}),Hl=je(vf,{backgroundColor:"$neutral100",padding:"$0 $15 $15 $15"}),Gl=je("div",{overflow:"visible",width:"100%"}),Vl=je(kf,{width:"100%",borderRadius:"$sm !important",padding:"$15 !important",justifyContent:"space-between",alignItems:"center",$$color:"$colors$neutral100",[`.${no} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color","&:hover":{$$color:"$colors$info100",[`.${no} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$background:"$colors$info100",[`.${no} &`]:{$$background:"$colors$info700"},backgroundColor:"$$background",outline:0}});import{i18n as Ze}from"@lingui/core";import{Button as Og,Divider as Di,Image as qg,MessageBox as Zn,SelectableWallet as zg,Typography as Np,WalletState as Bp}from"@rango-dev/ui";import pe,{useEffect as Pp,useState as Eo}from"react";import{WalletState as hi}from"@rango-dev/ui";import{useWallets as bf}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as If,WalletTypes as Fn}from"@rango-dev/wallets-shared";import{useCallback as Af,useEffect as Ef,useState as Wf}from"react";var Lf=Object.values(Fn);function Un(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:s,disconnect:a,getWalletInfo:l,connect:p}=bf(),{connectedWallets:u}=X(),c=g().blockchains(),h=Na(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||Lf,m=ya(s,l,h,o),d=xa(m),[S,C]=Wf(""),y=i(I=>!u.find(A=>A.walletType===I&&A.chain===o),"isExperimentalChainNotAdded"),f=i(async I=>{let A=s(I);try{if(S&&C(""),A.connected)await a(I);else{let T=!!m.find(x=>x.state===hi.CONNECTED);if(!e?.multiWallets&&T)return;n?.(I),await p(I),r?.(I)}}catch(T){C("Error: "+T?.message)}},"handleClick"),w=Af(()=>{let I=m?.filter(A=>A.state===hi.CONNECTING)||[];for(let A of I)a(A.type)},[Aa(m)]);Ef(()=>()=>{w()},[]);let k=i(I=>I.filter(T=>T.state!=hi.NOT_INSTALLED&&![Fn.DEFAULT,Fn.WALLET_CONNECT_2].includes(T.type)&&l(T.type).supportedChains.filter(x=>x.type=="EVM").length>0).length==0,"shouldShowDefaultInjectedWallet"),v=i((I,A,T)=>cn(T,A)&&y(I)&&!If.includes(I)||I==Fn.DEFAULT&&!k(m),"shouldExcludeWallet");return{list:d.filter(I=>!v(I.type,o??"",c)),error:S,handleClick:f,disconnectConnectingWallets:w}}i(Un,"useWalletList");import{i18n as bp}from"@lingui/core";import{styled as Ap,Typography as Bg,Wallet as Pg,WalletState as $g}from"@rango-dev/ui";import so,{useState as Ip}from"react";import{useManager as vg}from"@rango-dev/queue-manager-react";import{BottomLogo as xg,Divider as yp,Header as bg}from"@rango-dev/ui";import fe,{useEffect as Sp,useRef as Cp}from"react";import{useRef as Mf}from"react";function On(){return window.self!==window.top}i(On,"isAppLoadedIntoIframe");function yi(){let t=Mf(null),{iframe:e}=g(),o=On()&&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(yi,"useIframe");import{useNavigate as Nf}from"react-router-dom";function lt(){let t=Nf();return()=>t(-1)}i(lt,"useNavigateBack");import{createTheme as ki,darkTheme as Df,lightTheme as Ff}from"@rango-dev/ui";import{useEffect as Yl,useState as Uf}from"react";import{theme as $f,darkColors as _f}from"@rango-dev/ui";var jl=i((t,e)=>{t=t.replace(/^#/,""),t.length===3&&(t=t[0]+t[0]+t[1]+t[1]+t[2]+t[2]);let[s,a,l]=t.match(/.{2}/g);[s,a,l]=[parseInt(s,16)+e,parseInt(a,16)+e,parseInt(l,16)+e],s=Math.max(Math.min(255,s),0).toString(16),a=Math.max(Math.min(255,a),0).toString(16),l=Math.max(Math.min(255,l),0).toString(16);let p=(s.length<2?"0":"")+s,u=(a.length<2?"0":"")+a,c=(l.length<2?"0":"")+l;return`#${p}${u}${c}`},"colorShade"),qn=i((t,e)=>{let a={[t]:e};for(let l=1;l<10;l++)l<5&&(a={...a,[t+l*100]:jl(e,(5-l)*25)}),l===5&&(a={...a,[t+l*100]:e}),l>5&&(a={...a,[t+l*100]:jl(e,-((l-5)*25))});return a},"generateRangeColors"),Si=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];if(a&&a!==t[s])if(n=!0,s==="background"||s==="foreground")r={...r,[s]:a};else if(s==="neutral"&&e){let l=qn(s,a);r={...r,[`${s}100`]:l[`${s}900`],[`${s}200`]:l[`${s}800`],[`${s}300`]:l[`${s}700`],[`${s}400`]:l[`${s}600`],[`${s}500`]:l[`${s}500`],[`${s}600`]:l[`${s}400`],[`${s}700`]:l[`${s}300`],[`${s}800`]:l[`${s}200`],[`${s}900`]:l[`${s}100`]}}else r={...r,...qn(s,a)}}return n?r:{}},"generateColors");var Kl=i(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),Bf=i(t=>{let e="",o;for(o=Math.abs(t);o>52;o=o/52|0)e=Kl(o%52)+e;return Kl(o%52)+e},"toAlphabeticName"),Pf=i((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),Ci=i(t=>Bf(Pf(5381,JSON.stringify(t))>>>0),"toHash");function Ti(t){let e=$f.colors,o=Si({...e,..._f},!0,t?.dark),n=Si(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:`${Xr}-light-${Ci(p)}`,tokens:p}}if(r){let p={colors:o};l={id:`${Xr}-dark-${Ci(p)}`,tokens:p}}return{light:a,dark:l}}i(Ti,"customizedThemeTokens");function Xl(t,e){if(t.length<=1)return t;let o=[];return t.forEach((n,r)=>{o.push(n),r<t.length-1&&o.push(e)}),o}i(Xl,"joinList");function zn(t){let{colors:e,fontFamily:o=Ma,borderRadius:n=Wa,secondaryBorderRadius:r=La,mode:s="auto"}=t,[a,l]=Uf("light"),{setTheme:p,theme:u}=g(),{dark:c,light:h}=Ti(e),m=ki({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),d=[m.className,Ff.className],S=[m.className,Df.className];if(h){let y=ki(h.id,h.tokens);d.push(y.className)}if(c){let y=ki(c.id,c.tokens);S.push(y.className)}return Yl(()=>{let y=i(f=>{f.matches?l("dark"):l("light")},"switchThemeListener");return window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches&&l("dark"),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",y),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",y)}},[]),Yl(()=>{s!=="auto"&&p(s)},[s]),{activeTheme:i(()=>{let y=d.join(" "),f=S.join(" ");return u==="auto"?a==="dark"?f:y:u==="dark"?f:y},"getActiveTheme")}}i(zn,"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 Jl}from"@lingui/core";import{Alert as Of,Button as qf}from"@rango-dev/ui";import Zl from"react";function wi(t){return Zl.createElement(Of,{action:Zl.createElement(qf,{onClick:t.onActivateTab,variant:"contained",size:"xxsmall",type:"warning"},Jl.t("Activate")),type:"warning",variant:"alarm",title:Jl.t("Another tab is open and handles transactions. You can activate this tab.")})}i(wi,"ActivateTabAlert");import{i18n as vi}from"@lingui/core";import{Button as zf,Divider as Qf,MessageBox as Hf}from"@rango-dev/ui";import Qn from"react";function xi(t){let{open:e,onClose:o,onConfirm:n}=t;return Qn.createElement(le,{open:e,dismissible:!0,onClose:o,container:N()},Qn.createElement(Hf,{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.")},Qn.createElement(Qf,{size:20}),Qn.createElement(zf,{variant:"contained",size:"large",type:"primary",fullWidth:!0,onClick:n},vi.t("Confirm"))))}i(xi,"ActivateTabModal");import{ChevronLeftIcon as jf}from"@rango-dev/ui";import op from"react";import{darkTheme as Gf,IconButton as Vf,styled as xo}from"@rango-dev/ui";var Ke=xo(Vf,{width:"$24",position:"relative",padding:"0",overflow:"unset"}),Rl=xo("div",{position:"absolute",background:"$secondary500",[`.${Gf} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),ro=xo("div",{display:"flex",justifyContent:"flex-end",minWidth:"$40",button:{padding:0}}),ep=xo("div",{position:"absolute",backgroundColor:"$secondary500",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0"}),tp=xo("div",{padding:"$2",variants:{isRefetched:{true:{transform:"rotate(360deg)",transition:"transform 1s ease-in-out"}}}});function bi(t){return op.createElement(Ke,{variant:"ghost",size:"small",onClick:t.onClick},op.createElement(jf,{color:"black",size:16}))}i(bi,"BackButton");import{i18n as Kf}from"@lingui/core";import{Button as Xf,Typography as Yf}from"@rango-dev/ui";import Ii from"react";function Ai(t){return Ii.createElement(ro,null,Ii.createElement(Xf,{variant:"ghost",onClick:t.onClick,size:"xsmall"},Ii.createElement(Yf,{variant:"label",size:"medium",color:"error500"},Kf.t("Cancel"))))}i(Ai,"CancelButton");import{i18n as Jf}from"@lingui/core";import{Tooltip as Zf,WalletIcon as Rf}from"@rango-dev/ui";import Hn from"react";function Ei(t){return Hn.createElement(Zf,{container:t.container,side:"top",content:Jf.t("Connect Wallet")},Hn.createElement(Ke,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&Hn.createElement(Rl,null),Hn.createElement(Rf,{size:18,color:"black"})))}i(Ei,"WalletButton");import{i18n as Kn}from"@lingui/core";import{NotificationsIcon as Cg,Popover as Tg,SettingsIcon as kg,Tooltip as Xn,TransactionIcon as wg}from"@rango-dev/ui";import ve from"react";import{i18n as ag}from"@lingui/core";import{EventSeverity as lg}from"@rango-dev/queue-manager-rango-preset";import{ChainToken as lp,ChevronRightIcon as pg,ListItemButton as ug,Typography as cg}from"@rango-dev/ui";import Je from"react";import{useNavigate as mg}from"react-router-dom";import{create as eg}from"zustand";import{persist as tg,subscribeWithSelector as og}from"zustand/middleware";var Oe=Et(eg()(tg(og((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{styled as Gn}from"@rango-dev/ui";var np=Gn("div",{padding:"$10",width:"350px",maxWidth:"90vw",minHeight:"150px"}),rp=Gn("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),ip=Gn("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),sp=Gn("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as ng}from"@lingui/core";import{Divider as rg,NoNotificationIcon as ig,Typography as sg}from"@rango-dev/ui";import Vn from"react";function ap(){return Vn.createElement(sp,null,Vn.createElement(ig,{color:"secondary",size:26}),Vn.createElement(rg,{size:12}),Vn.createElement(sg,{variant:"body",size:"medium",color:"neutral700"},ng.t("There are no notifications.")))}i(ap,"NotificationNotFound");var dg=4;function Wi(){let t=mg(),{getUnreadNotifications:e}=Oe(),o=e(),n=g().blockchains(),r=g().tokens(),s=o.sort((l,p)=>p.creationTime-l.creationTime).slice(0,dg),a=i(l=>{t(`${P.swaps}/${l}`)},"handleOnClick");return Je.createElement(np,null,s.length?Je.createElement(rp,null,s.map(l=>{let{route:p,requestId:u,event:c}=l,h=r.find(C=>Me(C,p.from)),m=n.find(C=>C.name===p.from.blockchain),d=r.find(C=>Me(C,p.to)),S=n.find(C=>C.name===p.to.blockchain);return Je.createElement(ug,{key:u,onClick:()=>a(u),title:Je.createElement(cg,{variant:"body",size:"small",color:c.messageSeverity===lg.WARNING?"$foreground":"$neutral700"},ag.t(c.message)),id:u,start:Je.createElement(ip,null,Je.createElement("div",{className:"from-chain-token"},Je.createElement(lp,{tokenImage:h?h.image:"",chainImage:m?m.logo:"",size:"small"})),Je.createElement("div",{className:"to-chain-token"},Je.createElement(lp,{tokenImage:d?d.image:"",chainImage:S?S.logo:"",size:"small"}))),end:Je.createElement(pg,{size:12,color:"gray"})})})):Je.createElement(ap,null))}i(Wi,"NotificationContent");import{RefreshProgressButton as fg}from"@rango-dev/ui";import Li,{useEffect as gg,useState as pp}from"react";var hg=1e3,up=60,yg=100;function jn({onClick:t}){let[e,o]=pp(0),[n,r]=pp(!1),s=i(p=>{document.hidden&&p&&a(p)},"handleVisibilityChange");gg(()=>{let p;return t?p=window.setInterval(()=>{o(u=>u+1),e===up&&l()},hg):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 Li.createElement(Ke,{variant:"ghost",size:"small",onClick:l,disabled:!t},Li.createElement(tp,{onTransitionEnd:()=>r(!1),isRefetched:n},Li.createElement(fg,{size:24,color:t?"black":"gray",progress:e/up*yg})))}i(jn,"RefreshButton");import{Typography as Sg}from"@rango-dev/ui";import cp from"react";function mp(){let{getUnreadNotifications:t}=Oe(),e=t().length;return e?cp.createElement(ep,null,cp.createElement(Sg,{variant:"body",size:"xsmall",color:"$background"},e)):null}i(mp,"UnreadNotificationsBadge");function bo(t){let{onClickRefresh:e,onClickHistory:o,onClickSettings:n,hidden:r=[]}=t,{config:{features:s}}=g(),a=He("notification",s)||r.includes("notifications");return ve.createElement(ve.Fragment,null,!r.includes("refresh")&&ve.createElement(Xn,{container:N(),side:"top",content:Kn.t("Refresh")},ve.createElement(jn,{onClick:e})),!a&&ve.createElement(Tg,{align:"end",alignOffset:-88,collisionPadding:{right:20,left:20},container:N(),content:ve.createElement(Wi,null)},ve.createElement("div",null,ve.createElement(Xn,{container:N(),side:"top",content:Kn.t("Notifications")},ve.createElement(Ke,{size:"small",variant:"ghost"},ve.createElement(Cg,{size:18,color:"black"}),ve.createElement(mp,null))))),!r.includes("settings")&&ve.createElement(Xn,{container:N(),side:"top",content:Kn.t("Settings")},ve.createElement(Ke,{size:"small",variant:"ghost",onClick:n},ve.createElement(kg,{size:18,color:"black"}))),!r.includes("history")&&ve.createElement(Xn,{container:N(),side:"top",content:Kn.t("Transactions History")},ve.createElement(Ke,{size:"small",variant:"ghost",onClick:o},ve.createElement(wg,{size:18,color:"black"}))))}i(bo,"HeaderButtons");function Mi(t){let e=t.target;if(e){let o=e.scrollTop,n=N();o>1?n.classList.add("rng-scrolled"):n.classList.remove("rng-scrolled")}}i(Mi,"onScrollContentAttachStatusToContainer");import{styled as Ni}from"@rango-dev/ui";var dp="700px",fp=Ni("div",{position:"relative",display:"flex",flexDirection:"column",borderRadius:"$primary",width:"100vw",minWidth:"300px",maxWidth:"390px",boxShadow:"15px 15px 15px 0px rgba(0, 0, 0, 0.05)",overflow:"hidden",backgroundColor:"$background",variants:{height:{auto:{height:"auto",maxHeight:dp},fixed:{height:dp}}}}),gp=Ni("div",{position:"relative",overflow:"hidden",flexGrow:1,display:"flex",flexDirection:"column",padding:0,overflowY:"auto"}),hp=Ni("div",{padding:"0 $20 $10","& .footer__logo":{opacity:0,transition:"opacity 1s ease-in-out","&.logo__show":{opacity:1},"&.logo__hidden":{visibility:"hidden"}}});function te(t){let{connectHeightObserver:e,disconnectHeightObserver:o}=yi(),{children:n,header:r,footer:s,height:a="fixed"}=t,l=X.use.connectedWallets(),{config:{features:p,theme:u}}=g(),{watermark:c}=ne(),h=c==="FULL",{activeTheme:m}=zn(u||{}),d=He("connectWalletButton",p),{isActiveTab:S,tabManagerInitiated:C,showActivateTabModal:y,setShowActivateTabModal:f,activateCurrentTab:w}=ne(),k=lt(),{manager:v}=vg(),A=Mt(v).map(({swap:V})=>V).some(V=>V.status==="running"),T=i(()=>w(qt.forceClaim,A),"onActivateTab"),x=i(()=>{r.onWallet?.()},"onConnectWallet"),L=typeof r.hasBackButton>"u"||r.hasBackButton,M=Cp(null),D=Cp(null);return Sp(()=>(On()&&D.current&&e(D.current),()=>{o()}),[]),Sp(()=>(M.current?.addEventListener("scroll",Mi),()=>{M.current?.removeEventListener("scroll",Mi)}),[]),fe.createElement(fp,{height:a,id:We.SWAP_BOX_ID,className:m(),ref:D},fe.createElement(bg,{prefix:fe.createElement(fe.Fragment,null,L&&fe.createElement(bi,{onClick:()=>{k(),r.onBack&&r.onBack()}})),title:r.title,suffix:fe.createElement(fe.Fragment,null,r.suffix,r.onWallet&&!d&&fe.createElement(Ei,{container:N(),onClick:x,isConnected:!!l?.length}),r.onCancel&&fe.createElement(Ai,{onClick:r.onCancel}))}),fe.createElement(gp,{ref:M},n),fe.createElement(xi,{open:y,onClose:()=>f(!1),onConfirm:T}),fe.createElement(hp,null,fe.createElement("div",{className:"footer__content"},s,C&&!S&&fe.createElement(fe.Fragment,null,fe.createElement(yp,{size:12}),fe.createElement(wi,{onActivateTab:T}))),fe.createElement(yp,{size:12}),fe.createElement("div",{className:`footer__logo ${h?"logo__show":"logo__hidden"}`},fe.createElement(xg,null))))}i(te,"Layout");import{styled as Ig}from"@rango-dev/ui";var Tp="$20 $20 $10 $20",Io=Ig("div",{padding:Tp,overflowY:"auto",flexGrow:1});import{styled as Ag}from"@rango-dev/ui";var se=Ag("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 Ng}from"@rango-dev/ui";import Pi from"react";import{i18n as io}from"@lingui/core";import{Image as Lg,MessageBox as Bi,WalletState as Mg}from"@rango-dev/ui";import Gt from"react";import{keyframes as Eg,styled as Yn}from"@rango-dev/ui";var HA=Yn("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),kp=Yn("div",{position:"relative"}),Wg=Eg({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),wp=Yn("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Wg} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),vp=Yn("div",{"& img":{borderRadius:"50%"}});function xp(t){let{state:e,image:o,error:n}=t;return e===Mg.CONNECTED?Gt.createElement(Bi,{type:"success",title:io.t("Wallet Connected"),description:io.t("Your wallet is connected, you can use it to swap.")}):n?Gt.createElement(Bi,{type:"error",title:io.t("Failed to Connect"),description:n||io.t("Your wallet is not connected. Please try again.")}):Gt.createElement(Bi,{type:"loading",title:io.t("Connecting to your wallet"),description:io.t("Click connect in your wallet popup."),icon:Gt.createElement(kp,null,Gt.createElement(vp,null,Gt.createElement(Lg,{src:o,size:45})),Gt.createElement(wp,null))})}i(xp,"ModalContent");function Ao(t){let{open:e,onClose:o,...n}=t;return Pi.createElement(le,{open:e,onClose:o,container:document.getElementById(We.SWAP_BOX_ID)||document.body},Pi.createElement(xp,{...n}),Pi.createElement(Ng,{direction:"vertical",size:32}))}i(Ao,"WalletModal");var _g=Ap("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),Dg=Ap(se,{textAlign:"center"}),Jn=3e3,$i=300;function Ep(){let{config:t,fetchStatus:e}=g(),[o,n]=Ip(!1),[r,s]=Ip(""),a=null,l=ne.use.isActiveTab(),{list:p,handleClick:u,error:c,disconnectConnectingWallets:h}=Un({config:t,onBeforeConnect:y=>{a=setTimeout(()=>{n(!0),s(y)},$i)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},Jn)}}),m=i(()=>{h(),n(!1)},"handleCloseWalletModal"),d=p.find(y=>y.type===r),S=d?.image||"",C=d?.state||$g.NOT_INSTALLED;return so.createElement(te,{header:{title:bp.t("Connect Wallets")}},so.createElement(Dg,null,so.createElement(Bg,{variant:"title",size:"xmedium",align:"center"},bp.t("Choose a wallet to connect.")),so.createElement(_g,null,p.map((y,f)=>{let w=`wallet-${f}-${y.type}`;return so.createElement(Pg,{key:w,...y,container:N(),onClick:k=>{u(k)},isLoading:e==="loading",disabled:!l})}),so.createElement(Ao,{open:!!o,onClose:m,image:S,state:C,error:c}))))}i(Ep,"WalletsPage");import{keyframes as Fg,styled as _i}from"@rango-dev/ui";var Wp=_i("div",{position:"relative"}),Ug=Fg({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),Lp=_i("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Ug} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),Mp=_i("div",{"& img":{borderRadius:"50%"}});var Qg=7;function Fi(t){let{chain:e,isSelected:o,selectWallet:n,limit:r,onShowMore:s}=t,{config:a}=g(),l=ne.use.isActiveTab(),p=X.use.connectedWallets(),{blockchains:u}=g(),[c,h]=Eo(""),[m,d]=Eo(null),[S,C]=Eo(!1),[y,f]=Eo(null),{suggestAndConnect:w}=$p(),k=null,{list:v,error:I,handleClick:A,disconnectConnectingWallets:T}=Un({config:a,chain:e,onBeforeConnect:b=>{k=setTimeout(()=>{h(b)},$i)},onConnect:()=>{k&&clearTimeout(k),setTimeout(()=>{h("")},Jn)}}),[x,L]=Eo(v),M=v.length,D=r&&M-r>0,V=i(async b=>{C(!1),f("in-progress");try{await w(b.walletType,b.chain),f("completed")}catch{f("rejected")}},"addExperimentalChain");Pp(()=>{L(b=>{let W=v.findIndex(q=>o(q.type,e));return D&&W>1?[v[W]].concat(v.filter((q,F)=>F!==W)):b.map(q=>v.find(F=>F.type===q.type)??q)})},[JSON.stringify(v)]);let J=document.getElementById(We.SWAP_BOX_ID);Pp(()=>{let b=null;return(y==="completed"||y==="rejected")&&(b=setTimeout(()=>f(null),Jn)),()=>{b&&clearTimeout(b)}},[y]);let oe=i(()=>{T(),h("")},"handleCloseWalletModal");return pe.createElement(pe.Fragment,null,x.slice(0,r).map(b=>{let W=ba({connectedWallets:p,walletType:b.type,chain:e}),q=W?dn(W,Qg):"",F=cn(u(),e),ae=!p.find(ke=>ke.walletType===b.type&&ke.chain===e),Q=F&&ae&&b.state===Bp.CONNECTED,j=Q?Ze.t({id:"Add {chain} chain",values:{chain:e}}):q,Ee=i(()=>{b.state===Bp.DISCONNECTED?A(b.type):Q?(d({walletType:b.type,chain:e,address:W??""}),C(!0)):n({walletType:b.type,chain:e,address:W??""})},"onClick"),Te=m?.chain?ol(m.chain,u()):void 0;return pe.createElement(pe.Fragment,null,pe.createElement(Ao,{open:c===b.type,onClose:oe,image:b.image,state:b.state,error:I}),!!m&&pe.createElement(le,{open:!!m&&S,container:J,onClose:()=>{d(null)}},pe.createElement(Zn,{title:Ze.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:Te}}),type:"warning",description:Ze.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:Te}})},pe.createElement(Di,{size:18}),pe.createElement(Di,{size:32}),pe.createElement(Og,{onClick:V.bind(null,m),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},Ze.t("Confirm")))),y&&pe.createElement(le,{open:!!y,onClose:f.bind(null,null),container:J},y==="in-progress"&&pe.createElement(Zn,{type:"loading",title:Ze.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:Te}}),description:Ze.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:Te}}),icon:pe.createElement(Wp,null,pe.createElement(Mp,null,pe.createElement(qg,{src:b.image,size:45})),pe.createElement(Lp,null))}),y==="completed"&&pe.createElement(Zn,{type:"success",title:Ze.t({id:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:Te}}),description:Ze.t({id:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:Te}})}),y==="rejected"&&pe.createElement(Zn,{type:"error",title:Ze.t("Request Rejected"),description:Ze.t({id:"You've rejected adding {blockchainDisplayName} chain to your wallet.",values:{blockchainDisplayName:Te}})}),pe.createElement(Di,{direction:"vertical",size:32})),pe.createElement(zg,{key:b.type,description:j,onClick:Ee,selected:o(b.type,e),disabled:!l,...b}))}),D&&pe.createElement(_l,{selected:!1,onClick:s},pe.createElement(Np,{variant:"label",size:"medium"},Ze.t("Show more wallets"),pe.createElement(Np,{variant:"label",size:"medium",color:"$primary"},"\xA0+",M-(r??0)))))}i(Fi,"WalletList");var Jg=2;function Dp(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,loading:s}=t,a=g().config,l=g().blockchains(),{selectedQuote:p,setSelectedWallets:u,quoteWalletsConfirmed:c,setQuoteWalletConfirmed:h,customDestination:m,setCustomDestination:d}=K(),{connectedWallets:S,selectWallets:C}=X(),[y,f]=lo(""),[w,k]=lo([]),[v,I]=lo(""),[A,T]=lo(null),[x,L]=lo(!!m),M=wn(p?.swaps||null),D=l.find(z=>z.name===p?.swaps[p?.swaps.length-1].to.blockchain),V=i(z=>!!p?.swaps.find(Z=>Z.from.blockchain===z),"isWalletRequiredFor"),J=i(()=>S.filter(z=>z.selected&&M.includes(z.chain)),"getInitialSelectableWallets"),[oe,b]=lo(J()),W=l.find(z=>z.name===D?.name),q=w.length>0,F=i((z,Z)=>!!oe.find(R=>R.walletType===z&&R.chain===Z&&R.selected&&(V(Z)||!V(Z)&&!m)),"isSelected"),ae=!!m&&x&&W&&!vn(W,m),Q=i(()=>{L(!1),d(null),b(z=>{let Z=!1;return z.map(R=>!Z&&R.chain===D?.name?(Z=!0,{...R,selected:!0}):R)})},"resetCustomDestination"),j=i(z=>{if(y&&f(""),F(z.walletType,z.chain))return;let R=S.find(me=>me.walletType===z.walletType&&me.chain===z.chain);R&&(n(),z.chain===D?.name&&x&&(L(!1),d(null)),b(me=>me.filter(xe=>xe.chain!==z.chain).concat({...R,selected:!0})))},"onChange"),Ee=i(()=>{let z=oe.filter(Z=>Z.selected);C(z),u(z),h(!0),o()},"onConfirmBalance"),Te=i(async()=>{k([]),I(""),T(null);let z=S.filter(me=>oe.find(xe=>xe.chain===me.chain&&xe.walletType===me.walletType)),Z=await r?.({selectedWallets:z,customDestination:m}),R=Z.warnings;R?.balance?.messages&&k(R.balance.messages),R?.quoteUpdate&&T(R.quoteUpdate),Z.error&&I(nl(Z.error)),!Z.error&&(!R?.balance?.messages.length||0>0)?Ee():k(R?.balance?.messages??[])},"onConfirmWallets");Xg(()=>{b(z=>z.concat(S.filter(Z=>!!!z.find(me=>me.chain===Z.chain)&&Z.selected&&M.includes(Z.chain))))},[S.length]);let ke=document.getElementById(We.SWAP_BOX_ID),dt=Yg();return $.createElement(le,{open:e,onClose:()=>{c||dt("../",{replace:!0}),o()},dismissible:!y,container:ke,...!y&&{footer:$.createElement(Ql,null,$.createElement(_p,{loading:s,disabled:kl(s,x,m,p,oe,D),onClick:Te,variant:"contained",type:"primary",fullWidth:!0,size:"large"},pt.t("Confirm")))},...y&&{styles:{container:{padding:"$0"}},header:$.createElement(Dl,null,$.createElement(Fl,{variant:"ghost",onClick:f.bind(null,"")},$.createElement(Vg,{size:16})),$.createElement(Rn,{variant:"headline",size:"small"},pt.t({id:"Your {blockchainName} wallets",values:{blockchainName:Ge(y,l)}})))},anchor:"center"},$.createElement(le,{open:q,onClose:k.bind(null,[]),container:ke},$.createElement(jg,{title:pt.t("Insufficient account balance"),type:"error",description:$.createElement(Hg,{messages:w??[]})},$.createElement(_p,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:Ee},pt.t("Proceed anyway")))),y&&$.createElement(Ul,null,$.createElement("div",{className:Ol()},$.createElement(Fi,{chain:y,isSelected:F,selectWallet:j,onShowMore:f.bind(null,y)}))),!y&&$.createElement($.Fragment,null,v&&$.createElement($.Fragment,null,$.createElement(Ui,{variant:"alarm",type:"error",title:pt.t(v)}),$.createElement(ao,{size:12})),A&&$.createElement($.Fragment,null,$.createElement(Ui,{variant:"alarm",type:"warning",title:Nn(A)}),$.createElement(ao,{size:12})),$.createElement(Gl,null,M.map((z,Z)=>{let R=l.find(we=>we.name===z),me=`wallet-${Z}`,xe=Z===M.length-1;return $.createElement("div",{key:me},$.createElement(Pl,null,$.createElement(Rn,{variant:"title",size:"xmedium"},pt.t({id:"Your {blockchainName} wallets",values:{blockchainName:R?.shortName}})),$.createElement(Rn,{variant:"label",color:"$neutral700",size:"medium"},pt.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:R?.shortName}}))),$.createElement(ao,{size:24}),$.createElement($l,null,$.createElement(Fi,{chain:z,isSelected:F,selectWallet:j,limit:Jg,onShowMore:()=>f(R?.name??"")})),!xe&&$.createElement(ao,{size:32}),xe&&a?.customDestination&&$.createElement(ql,null,$.createElement(Dn,{onOpenChange:we=>{we?V(D?.name??"")||b(ft=>ft.map(Ue=>Ue.chain===D?.name?{...Ue,selected:!1}:Ue)):Q()},hasSelected:!0,open:x,triggerAnchor:"top",trigger:$.createElement(Vl,{fullWidth:!0,variant:"default",suffix:$.createElement($n,{orientation:x?"up":"down"},$.createElement(Gg,{size:10,color:"gray"}))},$.createElement("div",{className:"button__content"},$.createElement(Kg,{size:18,color:"info"}),$.createElement(ao,{size:4,direction:"horizontal"}),$.createElement(Rn,{variant:"label",size:"medium"},pt.t("Send to a different address")))),onClickTrigger:()=>L(we=>!we)},$.createElement(ao,{size:4}),$.createElement(Hl,{autoFocus:!0,placeholder:pt.t("Your destination address"),value:m||"",onChange:we=>{let ft=we.target.value;ft.length?d(ft.length?ft:null):(L(!1),d(null))}})),ae&&$.createElement("div",{className:zl()},$.createElement(Ui,{variant:"alarm",type:"error",title:pt.t({values:{destination:m},id:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}i(Dp,"ConfirmWalletsModal");import{i18n as fh}from"@lingui/core";import{Alert as gh,Button as hh,InfoIcon as yh}from"@rango-dev/ui";import qe from"react";import{Alert as Zg,Button as Rg,Divider as Qp,NoRouteIcon as eh,RefreshIcon as th,Typography as Hp}from"@rango-dev/ui";import Re from"react";import{i18n as Fp}from"@lingui/core";function Up(t,e,o,n){return t?.type===1?{alert:{type:"warning",text:Y().genericServerError,action:{onClick:n,title:Fp.t("Retry")}},description:""}:e.length?{alert:{type:"warning",text:Y().liquiditySourcesError.title,action:{onClick:()=>o(!0),title:Fp.t("Reset")}},description:Y().liquiditySourcesError.description}:t?.type===0&&t.diagnosisMessage?{alert:{type:"error",text:t.diagnosisMessage,action:null},description:""}:{alert:null,description:Y().noResultError.description}}i(Up,"makeInfo");import{styled as Oi}from"@rango-dev/ui";var Op=Oi("div",{minHeight:"162px",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"}),qp=Oi("div",{width:"100%"}),zp=Oi("div",{padding:"$6 $0"});function qi(t){let{fetch:e,error:o}=t,n=g().getDisabledLiquiditySources(),r=g().toggleAllLiquiditySources,s=g().swappers(),a=Up(o,n,()=>r(s,!0),e);return Re.createElement(Op,null,Re.createElement(eh,{size:24,color:"gray"}),Re.createElement(Qp,{size:4}),Re.createElement(Hp,{variant:"title",size:"small"},Y().noResultError.title),!!a.description&&Re.createElement(Hp,{variant:"body",size:"small",align:"center",color:"neutral700"},a.description),Re.createElement(Qp,{size:4}),!!a.alert&&Re.createElement(qp,null,Re.createElement(Zg,{type:a.alert.type,title:a.alert.text,action:a.alert.action&&Re.createElement(Rg,{size:"xsmall",type:a.alert.type,prefix:Re.createElement(zp,null,Re.createElement(th,{size:8})),onClick:a.alert.action.onClick},a.alert.action.title),variant:"alarm"})))}i(qi,"NoResult");import{i18n as Wo}from"@lingui/core";import{Button as nh,Divider as Yp,MessageBox as rh,Typography as ih,WarningIcon as sh}from"@rango-dev/ui";import ut from"react";import{Typography as Kp}from"@rango-dev/ui";import Qi from"react";import{darkTheme as oh,styled as er}from"@rango-dev/ui";var Gp=er("div",{width:"100%"}),zi=er("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),Vp=er("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%","._title":{$$color:"$colors$neutral600",[`.${oh} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),jp=er("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});function Xp(t){let{title:e,value:o,valueColor:n}=t;return Qi.createElement(Vp,null,Qi.createElement(Kp,{size:"medium",variant:"label",className:"_title"},e),Qi.createElement(Kp,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}i(Xp,"QuoteErrorsModalItem");function Jp(t){let{open:e,onClose:o,onConfirm:n,warning:r,confirmationDisabled:s}=t,a=r.warningLevel==="high"?"error":"warning",l=[{title:Wo.t("Swapping"),value:E(r.inputUsdValue,4,4)},{title:Wo.t("Gas cost"),value:E(r.totalFee,2,2)},{title:Wo.t("Receiving"),value:E(r.outputUsdValue,4,4)},{title:Wo.t("Price impact"),value:E(r.priceImpact,2,2),valueColor:`${a}500`}];return ut.createElement(le,{open:e,onClose:o,container:N()},ut.createElement(rh,{type:a,title:Y().highValueLossError.impactTitle,description:Y().highValueLossError.description}),ut.createElement(zi,null,ut.createElement(Yp,{size:20}),ut.createElement(ih,{size:"small",variant:"title"},Wo.t("Details")),ut.createElement(zi,null,l.map((p,u)=>ut.createElement(Xp,{key:u,...p})))),ut.createElement(Yp,{size:32}),ut.createElement(nh,{type:"primary",size:"large",prefix:ut.createElement(sh,null),fullWidth:!0,disabled:s,onClick:n},Y().highValueLossError.confirmMessage))}i(Jp,"HighValueLossWarningModal");import{i18n as Hi}from"@lingui/core";function Zp(t,e){let o={alertType:"warning",title:"",action:"show-info"};return e?(o.alertType="error",e.type===3&&(o.title=e.recommendation,o.action="show-info"),e.type===4&&(o.title=Hi.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&&(ht(t.priceImpact)==="high"&&(o.alertType="error"),o.action=null,o.title=Y().highValueLossError.title),t.type===1&&(o.title=Y().unknownPriceError.title),t.type===2&&(o.title=Hi.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=Hi.t("Caution, your slippage is high.")),o):null}i(Zp,"makeAlerts");import{i18n as po}from"@lingui/core";import{Button as Rp,Divider as eu,MessageBox as ah,Typography as lh}from"@rango-dev/ui";import Kt from"react";import{useNavigate as ph}from"react-router-dom";function tu(t){let{customSlippage:e,slippage:o}=g(),{open:n,onClose:r,onConfirm:s,warning:a,confirmationDisabled:l}=t,p=ph(),u=e??o;return Kt.createElement(le,{anchor:"bottom",open:n,prefix:Kt.createElement(Rp,{size:"small",variant:"ghost",onClick:()=>p("../"+P.settings)},Kt.createElement(lh,{variant:"label",size:"medium",color:"$neutral900"},po.t("Change settings"))),container:N(),onClose:r},Kt.createElement(ah,{type:"warning",title:a.type===3?po.t("High slippage"):po.t("Low slippage"),description:a.type===3?po.t({id:" Caution, your slippage is high (={userSlippage}). Your trade may be front run.",values:{userSlippage:u}}):po.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:a.minRequiredSlippage}})},Kt.createElement(eu,{size:18}),Kt.createElement(eu,{size:32}),Kt.createElement(Rp,{size:"large",type:"primary",variant:"contained",fullWidth:!0,disabled:l,onClick:s},po.t("Confirm anyway"))))}i(tu,"SlippageWarningModal");import{Button as uh,Divider as ch,MessageBox as mh,WarningIcon as dh}from"@rango-dev/ui";import Lo from"react";function ou(t){let{open:e,onClose:o,onConfirm:n,confirmationDisabled:r}=t;return Lo.createElement(le,{open:e,onClose:o,container:N()},Lo.createElement(mh,{type:"warning",title:Y().unknownPriceError.impactTitle,description:Y().unknownPriceError.description}),Lo.createElement(ch,{size:32}),Lo.createElement(uh,{type:"primary",size:"large",prefix:Lo.createElement(dh,null),fullWidth:!0,disabled:r,onClick:n},Y().unknownPriceError.confirmMessage))}i(ou,"UnknownPriceWarningModal");function Mo(t){let{warning:e,error:o,showWarningModal:n,confirmationDisabled:r,refetchQuote:s,onOpenWarningModal:a,onCloseWarningModal:l,onConfirmWarningModal:p,onChangeSettings:u}=t,c={confirmationDisabled:r,open:n,onClose:l,onConfirm:p},h=o?.type===0||o?.type===1,m=Zp(e,o?.type===3||o?.type===4?o:null);return qe.createElement(qe.Fragment,null,h&&qe.createElement(qi,{error:o,fetch:s}),!!m&&qe.createElement(Gp,null,qe.createElement(gh,{title:m.title,type:m.alertType,variant:"alarm",...m.action==="show-info"&&{action:qe.createElement(jp,{onClick:a},qe.createElement(yh,{size:12,color:"gray"}))},...m.action==="change-settings"&&{action:qe.createElement(hh,{size:"xxsmall",type:m.alertType,onClick:u},fh.t("Change"))}})),e&&qe.createElement(qe.Fragment,null,e.type===0&&qe.createElement(Jp,{...c,warning:e}),(e.type===3||e.type===2)&&qe.createElement(tu,{...c,warning:e}),e.type===1&&qe.createElement(ou,{...c,warning:e})))}i(Mo,"QuoteWarningsAndErrors");import Kh from"bignumber.js";import mr from"react";import{i18n as $o}from"@lingui/core";import{Alert as _h,Divider as _o,InfoIcon as Dh,QuoteTag as Fh,StepDetails as Uh,TokenAmount as Oh,Tooltip as Mu,Typography as co}from"@rango-dev/ui";import Ri from"bignumber.js";import B,{useRef as qh,useState as zh}from"react";import{styled as Gi}from"@rango-dev/ui";var Vi=Gi("div",{width:"100%","& .position-top__skeleton":{paddingTop:"$10"}}),nu=Gi("div",{paddingBottom:"$15"}),ru=Gi("div",{width:"100%",display:"flex"});import*as tr from"@radix-ui/react-collapsible";import{Button as Sh,css as No,darkTheme as Be,Image as iu,styled as Pe,Typography as Ch}from"@rango-dev/ui";var Th=300,su=Pe(tr.Root,{display:"flex",flexDirection:"column",alignItems:"start",overflowX:"auto",overflowY:"hidden",width:"100%",borderRadius:"$xm",variants:{selected:{true:{},false:{$$color:"$colors$neutral400",[`.${Be} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}},listItem:{true:{$$color:"$colors$neutral400",[`.${Be} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"},false:{}}},compoundVariants:[{listItem:!1,selected:!0,css:{$$color:"$colors$info300",[`.${Be} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"}},{listItem:!0,selected:!1,css:{cursor:"pointer","&:hover":{backgroundColor:"$neutral300",[`.${Be} &`]:{backgroundColor:"$neutral400"}}}}]}),au=No({padding:"$10 $15"}),lu=Pe(Sh,{backgroundColor:"transparent",border:"1px solid $secondary"}),pu=Pe("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",[`.${Be} &`]:{$$color:"$colors$neutral500"},backgroundColor:"$$color"}},basic:{true:{borderTopRightRadius:"0",borderTopLeftRadius:"0"}},listItem:{true:{$$color:"$colors$neutral200",[`.${Be} &`]:{$$color:"$colors$neutral500"},backgroundColor:"$$color","&:hover":{backgroundColor:"$neutral300",[`.${Be} &`]:{backgroundColor:"$neutral400"}},cursor:"pointer"},false:{}}},compoundVariants:[{listItem:!0,selected:!0,css:{border:"1px solid $secondary"}},{listItem:!1,selected:!0,css:{$$color:"$colors$info100",[`.${Be} &`]:{$$color:"$colors$secondary600"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}}},{listItem:!0,selected:!1,css:{cursor:"pointer","&:hover":{backgroundColor:"$neutral300",[`.${Be} &`]:{backgroundColor:"$neutral400"}}}}]}),uu=No({width:"100%",padding:"$15 $15 $10 $15"}),cu=No({display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center",paddingBottom:"$10",position:"relative"}),uo=No({display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",".blockchainImage":{marginLeft:"-$8"}}),mu=No({display:"flex",alignItems:"center",".usd-value":{$$color:"$colors$neutral600",[`.${Be} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),du=Pe(tr.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:{[`& ${iu}`]:{border:"1px $warning500 solid",borderRadius:"100%"}},false:{[`& ${iu}`]:{border:"1px transparent solid",borderRadius:"100%"}}},selected:{true:{},false:{$$color:"$colors$neutral400",[`.${Be} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}},listItem:{true:{$$color:"$colors$neutral400",[`.${Be} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"},false:{}}},compoundVariants:[{listItem:!1,selected:!0,css:{$$color:"$colors$info300",[`.${Be} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"}}],".blockchains_section":{display:"none"},"@xs":{".blockchains_section":{display:"block"}}}),fu=Pe("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"}}}}),gu=Pe(Pn,{width:"100%",background:"inherit"}),ji=Pe("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$2",transition:`all ${Th}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),EW=Pe("div",{height:"$12",marginLeft:"$10",marginRight:"$10",borderLeft:"1px solid $foreground"}),hu=Pe("div",{display:"flex",justifyContent:"center",margin:"0 $15",borderTop:"1px solid",$$color:"$colors$neutral300",[`.${Be} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color"}),yu=Pe("div",{width:"$16",height:"$16",justifyContent:"center",alignItems:"center",display:"flex"}),Ki=Pe(Ch,{overflow:"hidden",textOverflow:"ellipsis",letterSpacing:.4}),Su=Pe("div",{display:"flex",flexWrap:"wrap"}),Xi=Pe("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"}}}}),Cu=Pe("div",{display:"flex"}),or=Pe("div",{width:"100%",borderTopWidth:"1px",borderTopStyle:"solid",borderTopColor:"$neutral",margin:"$5 0",[`.${Be} &`]:{borderTopColor:"$neutral400"}});import{i18n as Pt}from"@lingui/core";import{ChevronDownIcon as wh,CloseIcon as vh,Divider as ir,IconButton as xh,QuoteCost as bh,Tooltip as Ih,Typography as et}from"@rango-dev/ui";import H,{useState as vu}from"react";import{css as kh,styled as nr}from"@rango-dev/ui";var rr=nr("div",{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"$5 0","&.total_payable_fee":{padding:"$12 0"}}),Yi=nr("div",{width:"100%",borderTop:"1px solid $neutral300",margin:"$10 0"}),Tu=nr("div",{padding:"$20 0",display:"flex",flexDirection:"column","& .collapsible_trigger":{display:"flex",alignItems:"center"}}),ku=nr("div",{padding:"$20 $20 $10",textAlign:"center",position:"relative","._icon-button":{position:"absolute",zIndex:10,top:"$16",right:"$16"}}),wu=kh({display:"flex",flexDirection:"row",alignItems:"center",padding:"$5","&:hover":{"& ._typography, & svg":{color:"$secondary"}}});var Ah=i(t=>t.fee.isZero()?null:H.createElement(rr,null,H.createElement(et,{variant:"label",size:"medium",color:"neutral600"},t.label),H.createElement(et,{variant:"label",size:"medium"},"$",E(t.fee,4,4))),"NonPayableFee");function xu(t){let[e,o]=vu(!1),[n,r]=vu(!1),{steps:s,quote:a,fee:l,time:p,feeWarning:u}=t,c=a?.swaps??[],h=N(),m=pl(c);return H.createElement(H.Fragment,null,H.createElement(bh,{onClickFee:d=>{d.stopPropagation(),o(!e)},fee:l,feeWarning:u,time:p,steps:s,tooltipGas:Pt.t("View more info"),tooltipContainer:h}),H.createElement(le,{container:h,open:e,header:H.createElement(ku,null,H.createElement(et,{variant:"title",size:"medium"},Pt.t("Gas & Fee Explanation")),H.createElement(xh,{onClick:()=>o(!1),variant:"ghost"},H.createElement(vh,{color:"gray",size:14}))),onClose:()=>{o(!1)}},H.createElement(Tu,null,H.createElement(et,{variant:"title",size:"small"},Pt.t("Details")),H.createElement(ir,{size:10}),Object.entries(m.payable).flatMap(([d,S])=>S.map((C,y)=>{let f=`payable-fee-${y}`,w=si(C);return H.createElement(rr,{key:f},H.createElement(et,{variant:"label",size:"medium",color:"neutral600"},ti[d]),H.createElement(Ih,{content:ue(C.amount),container:h},H.createElement(et,{variant:"label",size:"medium"},E(C.amount,2,2)," ",C.asset.symbol," ($",E(w,4,4),")")))})),H.createElement(rr,{className:"total_payable_fee"},H.createElement(et,{variant:"label",size:"medium"},Pt.t("Total Payable Fee")),H.createElement(et,{variant:"label",size:"medium"},"$",E(l,4,4))),H.createElement(Yi,null),Object.keys(m.nonePayable).length&&H.createElement(Dn,{triggerAnchor:"bottom",onClickTrigger:()=>r(d=>!d),trigger:H.createElement("div",{className:wu()},H.createElement(et,{size:"small",variant:"body",color:"neutral700"},n?Pt.t("Hide non-payable fees"):Pt.t("Show non-payable fees")),H.createElement(ir,{size:4,direction:"horizontal"}),H.createElement($n,{orientation:n?"up":"down"},H.createElement(wh,{size:12,color:"gray"}))),open:n},H.createElement(et,{size:"small",variant:"title"},Pt.t("Description")),H.createElement(ir,{size:4}),H.createElement(et,{size:"small",variant:"body",color:"neutral700"},Pt.t(`The following fees are considered in the transaction output and
|
|
2
|
+
you won\u2019t need to pay extra gas for them.`)),H.createElement(ir,{size:10}),Object.entries(m.nonePayable).map(([d,S],C)=>{let y=ll(S),f=ti[d],w=`non-payable-fee-${C}`;return H.createElement(Ah,{key:w,fee:y,label:f})}),H.createElement(Yi,null)))))}i(xu,"QuoteCostDetails");import{i18n as Au}from"@lingui/core";import{TokenAmount as Eu}from"@rango-dev/ui";import sr from"react";import{css as Eh,styled as Wh}from"@rango-dev/ui";var bu=Wh("div",{position:"relative",display:"flex",flexDirection:"column",width:"100%"}),Iu=Eh({height:"14px",marginLeft:"14px",position:"absolute",borderLeft:"1px solid $foreground",top:"42%"});function Bo(t){let{from:e,to:o,percentageChange:n,warningLevel:r}=t;return sr.createElement(bu,null,sr.createElement(Eu,{direction:"horizontal",label:Au.t("Swap input"),type:"input",tooltipContainer:N(),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:Iu()}),sr.createElement(Eu,{direction:"horizontal",tooltipContainer:N(),label:Au.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(Bo,"QuoteSummary");import{i18n as Wu}from"@lingui/core";import{ChevronDownIcon as Lh,ChevronRightIcon as Mh,Divider as Ji,Image as Nh,Tooltip as Zi,Typography as ar}from"@rango-dev/ui";import _,{useEffect as Bh,useState as Ph}from"react";var lr=4,pr=6,$h=375,Po=i(t=>{let e=N(),{content:o,src:n,className:r,open:s,state:a}=t;return _.createElement(Zi,{container:e,side:"bottom",sideOffset:4,open:s,content:o},_.createElement(fu,{className:r,state:a},_.createElement(Nh,{src:n,size:16})))},"ImageComponent");function Lu(t){let{quoteRef:e,selected:o,setExpanded:n,steps:r,expanded:s,type:a}=t,l=N(),p=r.length,u=Il(r),[c,h]=Ph(!1),m=i(()=>{window.innerWidth<$h?h(!0):h(!1)},"handleResize");return Bh(()=>{window.addEventListener("resize",m)}),_.createElement(du,{listItem:a==="list-item",ref:d=>e.current=d,selected:o,onClick:d=>{d.stopPropagation(),n(S=>!S)}},_.createElement("div",{className:uo()},_.createElement(ar,{variant:"body",size:"xsmall"},Wu.t("Via:")),_.createElement(Ji,{direction:"horizontal",size:4}),r.map((d,S)=>{let C=`item-${S}`,y=_.createElement(ji,null,_.createElement(Mh,{size:12,color:"black"}));return c?_.createElement(_.Fragment,null,_.createElement(Po,{content:d.swapper.displayName,src:d.swapper.image,state:d.state}),S!==p-1&&_.createElement(_.Fragment,null,y)):_.createElement(_.Fragment,{key:C},p<=lr||p>lr&&S<lr-1?_.createElement(_.Fragment,null,_.createElement(Po,{content:d.swapper.displayName,src:d.swapper.image,state:d.state}),S!==p-1&&_.createElement(_.Fragment,null,y)):S===lr-1&&_.createElement(Zi,{container:l,side:"bottom",align:"right",sideOffset:4,content:_.createElement("div",{className:uo()},y,r.map((f,w)=>{let k=`image-${w}`;return w>=S&&_.createElement(_.Fragment,{key:k},_.createElement(Po,{content:f.swapper.displayName,src:f.swapper.image,state:f.state,open:!1}),w!==p-1&&_.createElement(_.Fragment,null,y))}))},_.createElement(Xi,{state:r.find((f,w)=>w>=S&&(f.state==="error"||f.state==="warning"))?.state},_.createElement(ar,{size:"xsmall",variant:"body"},"+",p-S))))})),_.createElement("div",{className:uo()},_.createElement("div",{className:"blockchains_section"},_.createElement("div",{className:uo()},_.createElement(ar,{variant:"body",size:"xsmall"},Wu.t("Chains:")),_.createElement(Ji,{direction:"horizontal",size:4}),u.map((d,S)=>_.createElement(_.Fragment,null,u.length<=pr||u.length>pr&&S<pr-1?_.createElement(Po,{key:d.displayName,content:"",src:d.image,open:!1,className:S!==0?"blockchainImage":""}):S===pr-1&&_.createElement(Zi,{container:l,side:"bottom",align:"right",sideOffset:4,content:_.createElement("div",{className:uo()},u.map((C,y)=>y>=S&&_.createElement(Po,{key:C.displayName,content:"",src:C.image,open:!1,className:y>S?"blockchainImage":""})))},_.createElement(Xi,{className:"blockchainImage"},_.createElement(ar,{size:"xsmall",variant:"body"},"+",u.length-S))))),_.createElement(Ji,{direction:"horizontal",size:32}))),_.createElement(ji,{orientation:s?"up":"down"},_.createElement(Lh,{size:12,color:"black"}))))}i(Lu,"QuoteTrigger");function es(t){let{quote:e,input:o,output:n,error:r,warning:s,type:a,selected:l=!1,tagHidden:p=!0,onClickAllRoutes:u}=t,c=g().blockchains(),h=g().tokens(),m=g().swappers(),[d,S]=zh(t.expanded),C=qh(null),y=E(o.value,6,6),f=E(n.value,6,6),w=n.usdValue?E(n.usdValue,4,4):"",k=Ve(o.usdValue,n.usdValue??null),v=E(k,2,2),I=ht(k??0),T=i(b=>b.map((W,q)=>{let F,ae=r?.type===3&&r.swap.swapperId===W.swapperId||r?.type===4&&r.recommendedSlippages?.has(q),Q=s?.type===2&&s.recommendedSlippages?.has(q);ae?F="error":Q&&(F="warning");let j=ae?$o.t("Slippage Error"):$o.t("Slippage Warning");return r?.type===3&&(j=r?.recommendation),{swapper:{displayName:wo(W.swapperId,m),image:W.swapperLogo},from:{token:{displayName:W.from.symbol,image:W.from.logo},chain:{displayName:Ge(W.from.blockchain,c),image:W.from.blockchainLogo},price:{value:q===0?E(o.value,6,6):E(W.fromAmount,6,6),usdValue:E((W.from.usdPrice??0)*parseFloat(W.fromAmount),4,4),realValue:ue(q===0?o.value:W.fromAmount),realUsdValue:ue(new Ri(W.from.usdPrice??0).multipliedBy(W.fromAmount))}},to:{token:{displayName:W.to.symbol,image:W.to.logo},chain:{displayName:Ge(W.to.blockchain,c),image:W.to.blockchainLogo},price:{value:E(W.toAmount,6,6),usdValue:E((W.to.usdPrice??0)*parseFloat(W.toAmount),4,4),realValue:ue(W.toAmount),realUsdValue:ue(new Ri(W.to.usdPrice??0).multipliedBy(W.toAmount))}},state:F,alerts:ae||Q?B.createElement(nu,null,B.createElement(_h,{variant:"alarm",type:ae?"error":"warning",title:j,footer:B.createElement(ru,null,r?.type===3&&B.createElement(B.Fragment,null,B.createElement(co,{size:"xsmall",variant:"body",color:"neutral900"},r.fromAmountRangeError),B.createElement(_o,{direction:"horizontal",size:8}),B.createElement(co,{size:"xsmall",variant:"body",color:"neutral900"},"|"),B.createElement(_o,{direction:"horizontal",size:8}),B.createElement(co,{size:"xsmall",variant:"body",color:"neutral900"},$o.t({id:"Yours: {amount} {symbol}",values:{amount:E(W.fromAmount,6,6),symbol:W?.from.symbol}}))),(r?.type===4||s?.type===2)&&B.createElement(co,{size:"xsmall",variant:"body",color:"neutral900"},$o.t({id:"Minimum required slippage is {minRequiredSlippage}",values:{...r?.type===4&&{minRequiredSlippage:r.recommendedSlippages?.get(q)},...s?.type===2&&{minRequiredSlippage:s.recommendedSlippages?.get(q)}}})))})):void 0}}),"getQuoteSteps")(e?.swaps??[]),x=T.length,L=N(),M=Wl(t.quote.tags||[]),D=!!u,V=rn(sn(e?.swaps)),J=In(e?.swaps??[],h),oe=E(J,2,2);return B.createElement(B.Fragment,null,B.createElement(pu,{selected:l,listItem:a==="list-item",basic:a==="basic"},B.createElement("div",{className:uu()},!p&&M.length?B.createElement(B.Fragment,null,B.createElement(Cu,null,M.map((b,W)=>{let q=`${b.value}_${W}`;return B.createElement(B.Fragment,null,B.createElement(Fh,{label:b.label,key:q,value:b.value}),B.createElement(_o,{size:4,direction:"horizontal"}))})),B.createElement(or,null),!D&&B.createElement(_o,{size:4})):null,B.createElement("div",{id:"portal-root",className:cu()},B.createElement(xu,{steps:x,quote:e,time:V,fee:oe,feeWarning:J.gte(new Ri(tl))}),D&&B.createElement(lu,{onClick:b=>{b.stopPropagation(),u()},size:"xxsmall",type:"secondary",variant:"default"},B.createElement(co,{color:"secondary",variant:"label",size:"medium"},$o.t("See All Routes")))),a==="basic"&&B.createElement("div",{className:mu()},B.createElement(yu,null,B.createElement(Dh,{size:12,color:"gray"})),B.createElement(Su,null,B.createElement(Ki,{size:"small",variant:"body"},`${y} ${T[0].from.token.displayName} = `),B.createElement(Mu,{content:ue(n.value),container:L,open:n.value?void 0:!1},B.createElement(Ki,{size:"small",variant:"body"},"\xA0",`${f} ${T[T.length-1].to.token.displayName}`))),B.createElement(Mu,{content:ue(n.usdValue),container:L,style:{display:"flex"}},B.createElement(co,{color:"$neutral600",ml:2,size:"xsmall",variant:"body"},`($${w})`))),a==="list-item"&&B.createElement(Oh,{tooltipContainer:L,type:"output",direction:"vertical",price:{value:f,usdValue:w,realValue:ue(n.value),realUsdValue:ue(n.usdValue)},token:{displayName:T[x-1].to.token.displayName,image:T[x-1].to.token.image},chain:{image:T[x-1].to.chain.image},percentageChange:v,warningLevel:I}),a==="swap-preview"&&B.createElement(B.Fragment,null,B.createElement(Bo,{from:T[0].from,to:T[x-1].to,percentageChange:v,warningLevel:I}),B.createElement(_o,{size:4}))),B.createElement(su,{selected:l,listItem:a==="list-item",open:d,onOpenChange:S},B.createElement(Lu,{type:a,quoteRef:C,selected:l,setExpanded:S,expanded:d,steps:T}),B.createElement(gu,{open:d},B.createElement(hu,null),B.createElement("div",{className:au()},T.map((b,W)=>{let q=`item-${W}`;return B.createElement(Uh,{type:"quote-details",key:q,tooltipContainer:L,step:b,hasSeparator:W!==T.length-1,state:b.state})}))))))}i(es,"Quote");import{Divider as Vh,Skeleton as jh}from"@rango-dev/ui";import St from"react";import{darkTheme as Qh,styled as ur}from"@rango-dev/ui";var Nu=ur("div",{$$color:"$colors$neutral100",[`.${Qh} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",borderBottomLeftRadius:"$xm",borderBottomRightRadius:"$xm",padding:"$15 ",variants:{rounded:{true:{borderRadius:"$xm"}}}}),Bu=ur("div",{paddingTop:"$2"}),Pu=ur("div",{paddingLeft:"$8"}),$u=ur("div",{borderLeft:"1px dashed black",minHeight:" 0",margin:"0px 11.5px",alignSelf:"stretch",variants:{hideSeparator:{true:{minHeight:"unset",height:"0"}}}});import{ChainToken as Gu,Divider as ct,Skeleton as ze}from"@rango-dev/ui";import U from"react";import{css as Hh,styled as yt}from"@rango-dev/ui";var ts=yt("div",{display:"flex"}),_u=yt("div",{padding:"$10 $0 $20"}),Du=yt("div",{padding:"$12 $0 $20 $0",display:"flex",flexDirection:"column"}),Fu=yt("div",{display:"flex",justifyContent:"start",alignItems:"center"}),Uu=yt("div",{display:"flex",justifyContent:"space-between",alignItems:"end"}),Ou=yt("div",{height:"$28",marginLeft:"13px",borderLeft:"1px solid $neutral700"}),qu=yt("div",{width:"65%",display:"flex",justifyContent:"start"}),zu=yt("div",{display:"flex",flexDirection:"column",alignItems:"start",flexGrow:1,maxWidth:"148px"}),Qu=yt("div",{padding:"$15 $0 $15 $0"}),Hu=Hh({display:"flex",justifyContent:"space-between",alignItems:"center"});function Do(t){let{type:e,tagHidden:o=!0}=t,n=U.createElement(Uu,null,U.createElement(qu,null,U.createElement(Gu,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),U.createElement(ct,{size:8,direction:"horizontal"}),U.createElement(zu,null,U.createElement(ze,{height:10,width:60,variant:"rounded"}),U.createElement(ct,{size:4}),U.createElement(ze,{height:15,variant:"rounded"}))),U.createElement(ze,{height:12,width:64,variant:"rounded"})),r=e==="basic"&&!o;return U.createElement("div",null,!o&&U.createElement(U.Fragment,null,U.createElement(ts,null,U.createElement(ze,{width:65,height:14,variant:"rounded"}),U.createElement(ct,{size:4,direction:"horizontal"}),U.createElement(ze,{width:65,height:14,variant:"rounded"}),U.createElement(ct,{size:4,direction:"horizontal"}),U.createElement(ze,{width:65,height:14,variant:"rounded"})),U.createElement(or,null),!r&&U.createElement(ct,{size:4})),U.createElement("div",{className:Hu()},U.createElement(ts,null,U.createElement(ze,{width:60,height:10,variant:"rounded"}),U.createElement(ct,{size:4,direction:"horizontal"}),U.createElement(ze,{width:60,height:10,variant:"rounded"}),U.createElement(ct,{size:4,direction:"horizontal"}),U.createElement(ze,{width:60,height:10,variant:"rounded"})),r&&U.createElement(ze,{width:100,height:22,variant:"rounded"})),e==="basic"&&U.createElement(_u,null,U.createElement(ze,{height:15,width:148,variant:"rounded"})),e==="list-item"&&U.createElement(Du,null,U.createElement(Fu,null,U.createElement(Gu,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),U.createElement(ct,{direction:"horizontal",size:4}),U.createElement(ze,{height:15,width:150,variant:"rounded"})),U.createElement(ct,{size:10}),U.createElement(ze,{height:10,width:184,variant:"rounded"})),e==="swap-preview"&&U.createElement(U.Fragment,null,U.createElement(ct,{size:4}),U.createElement(Qu,null,n,U.createElement(Ou,null),n)))}i(Do,"QuoteSummarySkeleton");import{ChainToken as Yu,Divider as ns,NextIcon as Gh,Skeleton as cr}from"@rango-dev/ui";import he from"react";import{styled as Fo}from"@rango-dev/ui";var Vu=Fo("div",{display:"flex",alignItems:"start"}),ju=Fo("div",{flexGrow:1,paddingTop:"$5",paddingBottom:"$10",display:"flex",alignItems:"center"}),os=Fo("div",{display:"flex",alignItems:"center",flexGrow:1}),Ku=Fo("div",{margin:"$0 $2",padding:"$4",display:"flex",justifyContent:"center",alignItems:"center"}),Xu=Fo("div",{display:"flex",alignItems:"center"});function mt(t){let{separator:e=!0}=t;return he.createElement(he.Fragment,null,he.createElement(Xu,null,he.createElement(cr,{height:22,width:22,variant:"circular"}),he.createElement(ns,{direction:"horizontal",size:8}),he.createElement(cr,{height:15,width:148,variant:"rounded"})),he.createElement(Vu,null,he.createElement($u,{hideSeparator:!e}),he.createElement(ju,null,he.createElement(os,null,he.createElement(Yu,{size:"small",loading:!0,chainImage:"",tokenImage:""}),he.createElement(ns,{direction:"horizontal",size:8}),he.createElement(cr,{height:12,variant:"rounded"})),he.createElement(Ku,null,he.createElement(Gh,{color:"gray",size:16})),he.createElement(os,null,he.createElement(Yu,{size:"small",loading:!0,chainImage:"",tokenImage:""}),he.createElement(ns,{direction:"horizontal",size:8}),he.createElement(cr,{height:12,variant:"rounded"})))))}i(mt,"StepSkeleton");function Uo(t){let{type:e,expanded:o,tagHidden:n=!1}=t;return St.createElement(Nu,{rounded:e!=="basic"},St.createElement(Do,{type:e,tagHidden:n}),St.createElement(Bu,null,St.createElement(jh,{height:15,variant:"rounded"})),o&&St.createElement(Pu,null,St.createElement(Vh,{size:20}),St.createElement(mt,null),St.createElement(mt,null),St.createElement(mt,{separator:!1})))}i(Uo,"QuoteSkeleton");function Xt(t){let{quote:e,type:o,loading:n,error:r,warning:s,expanded:a=!1,tagHidden:l,onClick:p,selected:u,onClickAllRoutes:c}=t,{inputAmount:h,inputUsdValue:m,toToken:d}=K(),S=e?.outputAmount?new Kh(e?.outputAmount):null,C=e?.outputAmount?En(e?.outputAmount,Wn(e)||d?.usdPrice):null,f=!(r&&(r.type===0||r.type===1))&&e&&!n;return n?mr.createElement(Vi,null,mr.createElement(Uo,{tagHidden:l,type:o,expanded:a})):f?mr.createElement(Vi,{onClick:()=>p?.(e)},mr.createElement(es,{quote:e,error:r,warning:s,tagHidden:l,selected:u,type:o,expanded:a,onClickAllRoutes:c,input:{value:h,usdValue:m?.toString()??""},output:{value:S?.toString()??"",usdValue:C?.toString()??""}})):null}i(Xt,"QuoteInfo");import{calculatePendingSwap as Jh}from"@rango-dev/queue-manager-rango-preset";import{useEffect as Zh}from"react";import{useRef as Xh,useState as Yh}from"react";function dr({request:t}){let[e,o]=Yh(!1),n=Xh(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(dr,"useFetch");function Ju(){let{fetch:t,loading:e,cancelFetch:o}=dr({request:async(n,r)=>await At().confirmRouteRequest(n,r)});return{fetch:t,loading:e,cancelFetch:o}}i(Ju,"useFetchConfirmQuote");function fr(t){if(!t.swaps)throw new Error(Y().noResultError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});let e=rs(t.swaps);if(e)throw new Error(e.message,{cause:e.options})}i(fr,"throwErrorIfResponseIsNotValid");function rs(t){if(il(t)){let{swap:n,recommendation:r,fromAmountRangeError:s}=sl(t);return{message:"bridge limit error",options:{type:3,swap:n,recommendation:r,fromAmountRangeError:s}}}let o=ul(t);if(o){let n=An(t);return{message:"",options:{type:4,recommendedSlippages:o,minRequiredSlippage:n}}}return null}i(rs,"getQuoteError");function Zu(t,e,o){let n=!1;t&&(n=xl(t,e));let r={quote:null,quoteUpdate:null,balance:null},s=eo(e,{fromToken:o.fromToken,toToken:o.toToken,tokens:o.meta.tokens,userSlippage:o.userSlippage});s&&(r.quote=s),t&&n&&(hl(t,e)?r.quoteUpdate={type:3,newOutputAmount:E(Rt(e)),percentageChange:E(Ve(Rt(t)??"",Rt(e)??""),null,2)}:ai(t,e)?r.quoteUpdate={type:0}:li(t,e)?r.quoteUpdate={type:1}:pi(t,e)&&(r.quoteUpdate={type:2}));let a=yl(e,o.selectedWallets,o.meta.blockchains);return a.length===0||(r.balance={messages:a}),r}i(Zu,"generateWarnings");function gr(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(gr,"handleQuoteErrors");function is(){let{fromToken:t,toToken:e,inputAmount:o,setSelectedQuote:n,selectedQuote:r,customDestination:s,setQuoteWarningsConfirmed:a,resetAlerts:l}=K(),{slippage:p,customSlippage:u}=g(),c=g().getDisabledLiquiditySources(),h=g().blockchains(),m=g().tokens(),d=u||p,{fetch:S,cancelFetch:C,loading:y}=Ju();return Zh(()=>C,[]),{loading:y,fetch:i(async w=>{let k=w.selectedWallets,v=w?.customDestination??s;if(!t||!e||!o)return{quote:null,swap:null,error:null,warnings:null};let I=k.reduce((T,x)=>(T[x.chain]=x.address,T),{}),A={requestId:r?.requestId||"",selectedWallets:I,destination:v||void 0};try{return await S(A).then(T=>{let{result:x}=T;fr({diagnosisMessages:x.diagnosisMessages,requestId:x.requestId,swaps:x.result?.swaps});let L={outputAmount:x.result?.outputAmount,requestId:x.requestId,resultType:x.result?.resultType,swaps:x.result?.swaps||[],validationStatus:x.validationStatus,requestAmount:x.requestAmount};n(L);let M={slippage:d.toString(),disabledSwappersGroups:c},D=Jh(o.toString(),x,fl(k),M,!1,{blockchains:h,tokens:m}),V=Zu(r??void 0,L,{fromToken:t,toToken:e,meta:{blockchains:h,tokens:m},selectedWallets:k,userSlippage:d});return V.quoteUpdate&&a(!1),l(),{quote:L,swap:D,error:null,warnings:V}})}catch(T){return gr(T)}},"fetch"),cancelFetch:C}}i(is,"useConfirmSwap");var cy=oy("div",{width:"100%",display:"flex",justifyContent:"space-between",[`& ${ec}`]:{width:"$48",height:"$48"}}),my=as({flexGrow:1,paddingRight:"$10"}),dy=as({width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"}),fy=as({display:"flex",justifyContent:"space-between",alignItems:"center"});function tc(){let{selectedQuote:t,setInputAmount:e,selectedWallets:o,quoteWalletsConfirmed:n,setQuoteWalletConfirmed:r,customDestination:s,quoteWarningsConfirmed:a}=K(),l=uy(),p=py(),[u,c]=yr(""),{connectedWallets:h}=X(),m=!n,[d,S]=yr(!1),{isActiveTab:C}=ne(),y=g().getDisabledLiquiditySources(),f=ay(y),{manager:w}=Rh(),{fetch:k,loading:v,cancelFetch:I}=is(),[A,T]=yr({swap:null,error:null,warnings:null}),[x,L]=yr(!1),M=i(async({selectedWallets:F,customDestination:ae})=>{let Q=await k?.({selectedWallets:F,customDestination:ae});return T(Q),Q},"onConfirmSwap"),D=i(async()=>{if(A.swap&&n)try{await w?.create("swap",{swapDetails:A.swap},{id:A.swap.requestId});let F=`../${P.swaps}/${A.swap.requestId}`;l(F,{replace:!0}),setTimeout(()=>{e("")},0)}catch(F){c("Error: "+F?.message)}},"addNewSwap"),V=i(async()=>{await D()},"onConfirm"),J=i(async()=>{A?.warnings?.quote&&!a?L(!0):await V()},"onStartConfirmSwap"),oe=i(async()=>{T({error:null,swap:null,warnings:null}),k({selectedWallets:o,customDestination:s}).then(F=>{T(F)}).catch(F=>console.error(F))},"onRefresh");Oo(()=>{!!f.current.length&&!y.length&&oe(),f.current=y},[y.length]),Oo(()=>{m&&I()},[m]),Oo(()=>{m&&S(m)},[m]),Oo(()=>{m||k({selectedWallets:o,customDestination:s}).then(F=>T(F)).catch(F=>console.error(F))},[]),Oo(()=>{let F=A.warnings?.quote?.type&&Object.values(Wt).includes(A.warnings?.quote?.type),ae=o.length<1||!o.every(j=>h.find(Ee=>j.address===Ee.address&&j.walletType===Ee.walletType&&j.chain===Ee.chain)),Q=!1;if(F){let j=wn(t?.swaps||null),Ee=t?.swaps[t.swaps.length-1].to.blockchain;!!t?.swaps.find(dt=>dt.from.blockchain===Ee)||(j=j.slice(-j.length,j.length-1)),j.every(dt=>o.find(z=>z.chain===dt))||(Q=!0)}t&&(ae||Q)&&(queueMicrotask(()=>ly(S.bind(null,!0))),r(!1))},[A.warnings?.quote,o.length,h.length]),sy(()=>{t||l(`../${p.search}`)},[]);let b=A.warnings?.quote??null,W=A.error,q=[];if(u&&q.push(ce.createElement(Ru,{type:"error",variant:"alarm",title:u})),A.warnings?.quoteUpdate&&q.push(ce.createElement(Ru,{variant:"alarm",type:"warning",title:A.warnings.quoteUpdate&&Nn(A.warnings.quoteUpdate)})),b||W){let F=`../${P.settings}`;q.push(ce.createElement(Mo,{warning:b,error:W,loading:v,refetchQuote:oe,showWarningModal:x,confirmationDisabled:!C,onOpenWarningModal:()=>L(!0),onCloseWarningModal:()=>L(!1),onConfirmWarningModal:async()=>{L(!1),await D()},onChangeSettings:()=>l(F)}))}return ce.createElement(te,{header:{title:hr.t("Confirm Swap"),onWallet:()=>{let F=`../${P.wallets}`;l(F)},suffix:ce.createElement(ny,{container:N(),side:"bottom",content:hr.t("Settings")},ce.createElement(Ke,{size:"small",variant:"ghost",onClick:()=>l("../"+P.settings)},ce.createElement(ty,{size:18,color:"black"})))},footer:ce.createElement(cy,null,ce.createElement("div",{className:my()},ce.createElement(ey,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:v,disabled:!!A.error||!C,onClick:J},hr.t("Start Swap"))),ce.createElement(ec,{variant:"contained",type:"primary",size:"large",loading:v,onClick:S.bind(null,!0)},ce.createElement(iy,{size:24})))},d&&ce.createElement(Dp,{open:d,onClose:()=>S(!1),onCancel:I,loading:v,onCheckBalance:M}),ce.createElement(se,null,ce.createElement("div",{className:fy()},ce.createElement(ry,{variant:"title",size:"small"},hr.t("You get")),ce.createElement("div",{className:dy()},ce.createElement(jn,{onClick:!v&&!d&&!x?oe:void 0}))),ce.createElement(ss,{size:"12"}),Xl(q,ce.createElement(ss,{size:10})),q.length>0?ce.createElement(ss,{size:10}):null,ce.createElement(Xt,{quote:t,type:"swap-preview",expanded:!0,selected:!0,tagHidden:!0,error:A.error,loading:v,warning:A.warnings?.quote??null})))}i(tc,"ConfirmSwapPage");import{i18n as Cr}from"@lingui/core";import{useManager as Ly}from"@rango-dev/queue-manager-react";import{Divider as mc,NotFound as My,styled as Ny}from"@rango-dev/ui";import Tt,{useState as By}from"react";import{useNavigate as Py}from"react-router-dom";import{i18n as yy}from"@lingui/core";import{Divider as sc,GroupedVirtualizedList as Sy,Skeleton as Cy,SwapListItem as ac,Typography as Ty}from"@rango-dev/ui";import $e,{useCallback as lc,useEffect as ky,useRef as wy,useState as vy}from"react";function oc(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(oc,"calculateGroupsSoFar");import{css as gy,darkTheme as hy,styled as qo}from"@rango-dev/ui";var ls=gy(),nc=qo("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$5"}),ps=qo("div",{width:"100%",display:"flex",flexDirection:"column",backgroundColor:"$background",padding:"$10 $5 0 $5",[`& .${ls}`]:{$$color:"$colors$neutral600",[`.${hy} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),us=qo("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),rc=qo("div",{gap:"$10",display:"flex",flexDirection:"column"}),ic=qo("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});var xy=10;function cs(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,[s,a]=vy([]),l=wy(0),{swaps:p,groupCounts:u,groups:c}=n(e),h=lc(oc,[]),m=lc(()=>{let d=e.length-l.current;d&&(l.current+=Math.min(d,xy),a(h(u,l.current)))},[e.length]);if(ky(()=>{r||m()},[r,m]),r){let d=[1,2];return $e.createElement($e.Fragment,null,[d,d].map((C,y)=>$e.createElement(ps,{key:y},$e.createElement(us,null,$e.createElement(Cy,{variant:"text",width:60,size:"small"}),$e.createElement(sc,{size:16})),$e.createElement(sc,{size:4}),$e.createElement(rc,null,C.map((w,k)=>$e.createElement(ac,{isLoading:!0,key:k}))))))}return $e.createElement(Sy,{endReached:()=>{l.current<e.length&&m()},groupCounts:s,groupContent:d=>$e.createElement(ps,null,$e.createElement(us,null,$e.createElement(Ty,{variant:"label",size:"medium",className:ls()},c[d]))),itemContent:(d,S)=>{let C=p[d];if(!C)return null;let y=C.steps[0],f=C.steps[C.steps.length-1];return $e.createElement(nc,{key:C.requestId},$e.createElement(ac,{requestId:C.requestId,creationTime:C.creationTime,status:C.status,onClick:o,tooltipContainer:N(),onlyShowTime:c[S]===yy.t("Today"),swapTokenData:{from:{token:{image:y.fromLogo,displayName:y.fromSymbol},blockchain:{image:y.fromBlockchainLogo||""},amount:E(C.inputAmount,6,6),realAmount:ue(C.inputAmount)},to:{token:{image:f.toLogo,displayName:f.toSymbol},blockchain:{image:f.toBlockchainLogo||""},amount:E(f.outputAmount||f.expectedOutputAmountHumanReadable||"",6,6),realAmount:ue(f.outputAmount||f.expectedOutputAmountHumanReadable)}}}))}})}i(cs,"HistoryGroupedList");import{CloseIcon as Iy,IconButton as Ay,SearchIcon as Ey,TextField as Wy}from"@rango-dev/ui";import zo from"react";import{styled as by}from"@rango-dev/ui";var pc=by("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function Ct(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:s,value:a,setValue:l,...p}=t;return zo.createElement(Wy,{prefix:zo.createElement(pc,null,zo.createElement(Ey,{color:"black"})),suffix:!!a.length&&zo.createElement(Ay,{variant:"ghost",onClick:()=>l?.(""),size:"small"},zo.createElement(Iy,{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(Ct,"SearchInput");import{i18n as Sr}from"@lingui/core";import uc from"dayjs";var cc=i(t=>{let e=new Map([["today",{title:Sr.t("Today"),swaps:[]}],["week",{title:Sr.t("This week"),swaps:[]}],["month",{title:Sr.t("This month"),swaps:[]}],["year",{title:Sr.t("This year"),swaps:[]}]]);function o(p,u){e.has(p)||e.set(p,{title:p,swaps:[]}),e.get(p)?.swaps.push(u)}i(o,"addYearsToOutput");let n=uc();t.forEach(p=>{let u=Number(p.creationTime),c=uc(u);if(n.isSame(c,"day"))e.get("today")?.swaps.push(p);else if(n.isSame(c,"week"))e.get("week")?.swaps.push(p);else if(n.isSame(c,"month"))e.get("month")?.swaps.push(p);else if(n.isSame(c,"year"))e.get("year")?.swaps.push(p);else{let h=new Date(u).getFullYear().toString();o(h,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 $y=Ny("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),_y=i((t,e)=>t?.length?t.filter(o=>it(o.fromBlockchain,e)||it(o.toBlockchain,e)||it(o.toSymbol,e)||it(o.fromSymbol,e)).length:!1,"isStepContainsText");function dc(){let t=Py(),{manager:e,state:o}=Ly(),n=Mt(e).map(({swap:c})=>c),[r,s]=By(""),a=!o.loadedFromPersistor,l=i(c=>{let h=c.target.value;s(h)},"searchHandler"),p=n;r&&(p=n.filter(c=>it(c.inputAmount,r)||it(c.status,r)||_y(c.steps,r)||it(c.requestId,r)));let u=!p?.length&&!a;return Tt.createElement(te,{header:{title:Cr.t("History")}},Tt.createElement(se,null,Tt.createElement(Ct,{setValue:s,fullWidth:!0,variant:"contained",placeholder:Cr.t("Search Transaction"),autoFocus:!0,onChange:l,value:r}),Tt.createElement(mc,{size:"16"}),Tt.createElement($y,null,u&&Tt.createElement(ic,null,Tt.createElement(mc,{size:32}),Tt.createElement(My,{title:Cr.t("No results found"),description:r?Cr.t("Try using different keywords"):""})),!u&&Tt.createElement(cs,{list:p,onSwapClick:t,groupBy:cc,isLoading:a}))))}i(dc,"HistoryPage");import{i18n as ds}from"@lingui/core";import{Button as Hy,Divider as yc,styled as Cc,SwapInput as Sc,WarningIcon as Gy}from"@rango-dev/ui";import Ie,{useEffect as Vy,useState as jy}from"react";import{useNavigate as Ky}from"react-router-dom";import{ReverseIcon as Dy,styled as fc}from"@rango-dev/ui";import ms from"react";var Fy=fc("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),Uy=fc("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 gc(){let t=K.use.switchFromAndTo();return ms.createElement(Fy,null,ms.createElement(Uy,{onClick:()=>{t()}},ms.createElement(Dy,{size:12})))}i(gc,"SwitchFromAndToButton");import{useCallback as Oy,useEffect as qy,useState as zy}from"react";function hc(){let{fetch:t,loading:e,cancelFetch:o}=dr({request:async(n,r)=>await At().getAllRoutes(n,r)});return{fetch:t,loading:e,cancelFetch:o}}i(hc,"useFetchAllQuotes");var Qy=600;function Tr({refetchQuote:t}){let{fetch:e,cancelFetch:o}=hc(),{enableNewLiquiditySources:n,features:r}=g().config,s=X.use.connectedWallets(),a=g().tokens(),{fromToken:l,toToken:p,inputAmount:u,inputUsdValue:c,selectedQuote:h,sortStrategy:m,resetQuote:d,setSelectedQuote:S,updateQuotePartialState:C}=K(),{slippage:y,customSlippage:f,affiliatePercent:w,affiliateRef:k,affiliateWallets:v,fetchStatus:I}=g(),A=g().getLiquiditySources(),T=g().getDisabledLiquiditySources(),x=g().excludeLiquiditySources(),[L,M]=zy(!0),D=f??y,J=!l||!p||Me(l,p)||!Co(u),oe=i(q=>{M(q)},"resetState"),b=i(q=>{let{fromToken:F,toToken:ae,inputAmount:Q,liquiditySources:j,excludeLiquiditySources:Ee,disabledLiquiditySources:Te,slippage:ke,affiliateRef:dt,affiliatePercent:z,affiliateWallets:Z}=q;if(L||oe(!0),!J&&F&&ae){d();let R=dl({fromToken:F,toToken:ae,inputAmount:Q,liquiditySources:j,excludeLiquiditySources:Ee,disabledLiquiditySources:Te,wallets:s,slippage:ke,affiliateRef:dt,affiliatePercent:z,affiliateWallets:Z});Da("experimentalRoute",r)&&(R.experimental=!0),e(R).then(me=>{let xe=Al(m,me.results),we=El(h,xe,me.requestAmount);M(!1),C("quotes",me),S(we),fr({diagnosisMessages:me.diagnosisMessages,requestId:we?.requestId||"",swaps:we?.swaps});let ft=we&&eo(we,{fromToken:F,toToken:ae,userSlippage:D,tokens:a});C("warning",ft)}).catch(me=>{let{error:xe}=gr(me);(xe?.type===0||xe?.type===1)&&d(),xe?.type!==2&&(C("error",xe),M(!1))})}},"fetch"),W=Oy($a(q=>{J||b(q)},Qy),[J]);return qy(()=>{if(!t){M(!1);return}if(I==="success"){if(J){M(!1),h&&d();return}if(!Co(u)||c?.eq(0)){oe(!1),o();return}return d(),oe(!0),W({inputAmount:u,fromToken:l,toToken:p,liquiditySources:A,excludeLiquiditySources:x,disabledLiquiditySources:T,slippage:D,affiliateRef:k,affiliatePercent:w,affiliateWallets:v}),o}},[I,u,l?.symbol,l?.address,l?.blockchain,p?.symbol,p?.address,p?.blockchain,J,A?.length,n,T.length,D,k,w,JSON.stringify(v)]),{fetch:()=>b({inputAmount:u,fromToken:l,toToken:p,liquiditySources:A,excludeLiquiditySources:x,disabledLiquiditySources:T,slippage:D,affiliateRef:k,affiliatePercent:w,affiliateWallets:v}),loading:L}}i(Tr,"useSwapInput");var Xy=Cc("div",{position:"relative"}),Yy=Cc("div",{display:"flex",flexDirection:"column",gap:5,alignSelf:"stretch"});function Tc(){let t=Ky(),{fromToken:e,fromBlockchain:o,toToken:n,toBlockchain:r,setInputAmount:s,inputAmount:a,inputUsdValue:l,outputAmount:p,outputUsdValue:u,selectedQuote:c,refetchQuote:h,error:m,warning:d,quotes:S,resetQuoteWallets:C,setQuoteWarningsConfirmed:y,updateQuotePartialState:f}=K(),{fetch:w,loading:k}=Tr({refetchQuote:h}),{config:v,fetchStatus:I}=g(),{connectedWallets:A,getBalanceFor:T}=X(),{isActiveTab:x}=ne(),[L,M]=jy(!1),D=!!o&&Ia(A,o.name),V=!1,J=!ii(c,a,l),oe=!ii(c,a,u),b=al({fetchMetaStatus:I,fetchingQuote:k,inputAmount:a,quote:c,anyWalletConnected:A.length>0,error:m,warning:d,needsToWarnEthOnPath:V}),W=e?T(e):null,q=mn(W)?.amount??"0",F=o&&e&&W?.amount?E(W?.amount,W?.decimals):"0",ae=I==="success"&&!!a&&!!e&&!!n&&k;Vy(()=>{C(),f("refetchQuote",!0)},[]);let Q=!l||!u||!u.gt(0)?null:Ve(l.toString(),u.toString());return Ie.createElement(te,{height:"auto",footer:Ie.createElement(Hy,{type:"primary",size:"large",disabled:b.disabled||!x,prefix:b.action==="confirm-warning"&&Ie.createElement(Gy,null),fullWidth:!0,onClick:()=>{b.action==="connect-wallet"?t(P.wallets):b.action==="confirm-warning"?M(!0):t(P.confirmSwap)}},b.title),header:{onWallet:()=>{t(P.wallets)},hasBackButton:!1,title:v.title||ds.t("Swap"),suffix:Ie.createElement(bo,{onClickRefresh:(c||m)&&!L?w:void 0,onClickHistory:()=>t(P.swaps),onClickSettings:()=>t(P.settings)})}},Ie.createElement(se,null,Ie.createElement(Yy,null,Ie.createElement(Xy,null,Ie.createElement(Sc,{label:ds.t("From"),mode:"From",onInputChange:s,balance:q,chain:{displayName:o?.displayName||"",image:o?.logo||""},token:{displayName:e?.symbol||"",image:e?.image||""},onClickToken:()=>t(P.fromSwap),price:{value:a,usdValue:J?void 0:E(l,4,4),realUsdValue:J?void 0:ue(l),error:J?Y().unknownPriceError.impactTitle:void 0},disabled:I==="failed",loading:I==="loading",loadingBalance:D,tooltipContainer:N(),onSelectMaxBalance:()=>{s(F.split(",").join(""))}}),Ie.createElement(gc,null)),Ie.createElement(Sc,{sharpBottomStyle:!!c||ae,label:ds.t("To"),mode:"To",fetchingQuote:ae,chain:{displayName:r?.displayName||"",image:r?.logo||""},token:{displayName:n?.symbol||"",image:n?.image||""},percentageChange:E(Ve(l,u),2,2),warningLevel:ht(Q??0),price:{value:E(p,6,6),usdValue:oe?void 0:E(u,4,4),realValue:ue(p),realUsdValue:oe?void 0:ue(u),error:oe?Y().unknownPriceError.impactTitle:void 0},onClickToken:()=>t(P.toSwap),disabled:I==="failed",loading:I==="loading",tooltipContainer:N()})),Ie.createElement(yc,{size:"2"}),Ie.createElement(Xt,{quote:c,loading:ae,error:m,tagHidden:!1,warning:d,type:"basic",onClickAllRoutes:S&&S.results.length>1?()=>{f("refetchQuote",!1),t(P.routes)}:void 0}),d||m?Ie.createElement(Ie.Fragment,null,Ie.createElement(yc,{size:"10"}),Ie.createElement(Mo,{warning:d,error:m,loading:ae,refetchQuote:w,showWarningModal:L,confirmationDisabled:!x,onOpenWarningModal:()=>M(!0),onCloseWarningModal:()=>M(!1),onConfirmWarningModal:()=>{M(!1),y(!0),t(P.confirmSwap)},onChangeSettings:()=>t(P.settings)})):null))}i(Tc,"Home");import{i18n as kc}from"@lingui/core";import{List as Jy,ListItemButton as Zy,Radio as Ry,RadioRoot as eS,Typography as tS}from"@rango-dev/ui";import $t from"react";function mo(){let{setLanguage:t,language:e,config:o}=g(),n=Ua,r=o?.language||ko;return{activeLanguage:e||r,languages:n,defaultLanguage:r,changeLanguage:s=>t(s||ko),resetLanguage:()=>t(null)}}i(mo,"useLanguage");function wc(){let{activeLanguage:t,changeLanguage:e,languages:o}=mo(),n=o.map(r=>{let{local:s,label:a,SVGFlag:l}=r;return{id:s,value:s,title:$t.createElement(tS,{variant:"title",size:"xmedium"},a),onClick:()=>e(r.local),end:$t.createElement(Ry,{value:s}),start:$t.createElement(l,null)}});return $t.createElement(te,{header:{title:kc.t("Language")}},$t.createElement(se,null,$t.createElement(eS,{value:t},$t.createElement(Jy,{type:$t.createElement(Zy,{title:kc.t("language"),id:"_",onClick:()=>console.log()}),items:n}))))}i(wc,"LanguagePage");import{i18n as kt}from"@lingui/core";import{Button as sS,Checkbox as aS,Image as lS,ListItemButton as pS,NotFound as uS,Typography as cS}from"@rango-dev/ui";import _e,{useState as mS}from"react";import{Checkbox as rS,Skeleton as xc}from"@rango-dev/ui";import Ho from"react";import{styled as fs}from"@rango-dev/ui";var Qo=fs("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto",variants:{disabled:{true:{pointerEvents:"none"}}}}),gs=fs("div",{width:80,display:"flex",justifyContent:"flex-end"}),hs=fs("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});import{ListItem as oS,styled as nS}from"@rango-dev/ui";var vc=nS(oS,{height:61});var iS=30;function ys(){return Ho.createElement(Qo,null,Array.from(Array(iS),t=>Ho.createElement(vc,{hasDivider:!0,key:t,start:Ho.createElement(xc,{variant:"circular",width:35,height:35}),title:Ho.createElement(xc,{variant:"text",size:"large",width:90}),end:Ho.createElement(rS,{checked:!1})})))}i(ys,"LoadingLiquiditySourceList");function Ss({sourceType:t}){let e=g().fetchStatus,o=g().swappers(),n=g().getDisabledLiquiditySources(),[r,s]=mS(""),a=g().toggleLiquiditySource,l=g().isInCampaignMode(),p=Sn(o,n),u={Exchanges:kt.t("Exchanges"),Bridges:kt.t("Bridges")},c=[];t==="Exchanges"&&c.push("DEX"),t==="Bridges"&&(c.push("BRIDGE"),c.push("AGGREGATOR"));let h=p.filter(f=>c.includes(f.type)),m=h.length===h.filter(f=>f.selected).length,d=i(()=>{h.forEach(f=>{m?a(f.groupTitle):f.selected||a(f.groupTitle)})},"toggleAllSources"),S=h.map(f=>{let{selected:w,groupTitle:k,logo:v}=f;return{start:_e.createElement(lS,{src:v,size:22,type:"circular"}),onClick:()=>{l||a(k)},end:_e.createElement(aS,{checked:w,disabled:l}),title:_e.createElement(cS,{variant:"title",size:"xmedium"},kt.t(k)),...f}}),C=i(f=>{let w=f.target.value;s(w)},"searchHandler"),y=S;return r&&(y=S.filter(f=>it(f.groupTitle,r))),_e.createElement(te,{header:{title:kt.t(t),suffix:_e.createElement(gs,null,_e.createElement(sS,{variant:"ghost",size:"xsmall",onClick:d},m?kt.t("Deselect all"):kt.t("Select all")))}},_e.createElement(se,{view:!0},_e.createElement(Ct,{value:r,setValue:s,fullWidth:!0,color:"light",variant:"contained",placeholder:kt.t("Search {sourceType}",{sourceType:u[t]}),onChange:C}),e==="loading"&&_e.createElement(ys,null),!y.length&&r?_e.createElement(hs,null,_e.createElement(uS,{title:kt.t("No results found"),description:kt.t("Try using different keywords")})):e==="success"&&_e.createElement(Qo,{disabled:l},y.map(f=>_e.createElement(_e.Fragment,{key:f.id},_e.createElement(pS,{style:{height:"61px"},...f,selected:!1,hasDivider:!0}))))))}i(Ss,"LiquiditySourcePage");import{i18n as dS}from"@lingui/core";import{Divider as bc}from"@rango-dev/ui";import tt from"react";import{useNavigate as fS}from"react-router-dom";var gS=3;function Ic(){let t=fS(),e=lt(),{selectedQuote:o,quotes:n,refetchQuote:r,setSelectedQuote:s,updateQuotePartialState:a,fromToken:l,toToken:p,error:u}=K(),{slippage:c,customSlippage:h}=g(),m=g().tokens(),d=h??c,{fetch:S,loading:C}=Tr({refetchQuote:r}),y=i(v=>{s(v),a("refetchQuote",!1),e()},"onClickOnQuote"),f=i(v=>{if(!l||!p||!n)return null;let I={requestAmount:n.requestAmount,...v};return eo(I,{fromToken:l,toToken:p,userSlippage:d,tokens:m})},"getQuoteWarning"),w=`../${P.settings}`,k=`../${P.wallets}`;return tt.createElement(te,{header:{onWallet:()=>{t(k)},onBack:()=>{a("refetchQuote",!1)},title:dS.t("Routes"),suffix:tt.createElement(bo,{onClickRefresh:o||u?S:void 0,hidden:["notifications","history"],onClickSettings:()=>t(w)})}},tt.createElement(se,null,C?Array.from({length:gS},(v,I)=>tt.createElement(tt.Fragment,{key:I},tt.createElement(Uo,{tagHidden:!1,type:"list-item",expanded:!1}),tt.createElement(bc,{size:16}))):!!n&&n.results?.map(v=>{let I=f(v),A=rs(v.swaps);return tt.createElement(tt.Fragment,{key:v.requestId},tt.createElement(Xt,{selected:o?.requestId===v.requestId,tagHidden:!1,quote:{...v,requestAmount:n.requestAmount},loading:C,error:A?.options||null,warning:I,onClick:T=>{a("warning",I),a("error",A?.options||null),y(T)},type:"list-item"}),tt.createElement(bc,{size:16}))})))}i(Ic,"RoutesPage");import{i18n as Pc}from"@lingui/core";import{Divider as $c,getCountCategories as bS,SelectableCategoryList as IS}from"@rango-dev/ui";import wt,{useState as _c}from"react";import{i18n as Ts}from"@lingui/core";import{Divider as Nc,Image as TS,ListItemButton as kS,NotFound as wS,Typography as Bc}from"@rango-dev/ui";import Xe,{useEffect as vS,useState as xS}from"react";import{BlockchainCategories as Cs}from"@rango-dev/ui";import{TransactionType as kr}from"rango-sdk";var hS=i((t,e)=>{switch(e){case Cs.ALL:return!0;case Cs.UTXO:return t.type===kr.TRANSFER;case Cs.OTHER:return t.type!==kr.TRANSFER&&t.type!==kr.COSMOS&&t.type!==kr.EVM;default:return t.type===e}},"filterByType"),Ac=i((t,e,o)=>t.filter(n=>hS(n,o)).filter(n=>Ot(n.name,e)||Ot(n.displayName,e)),"filterBlockchains");import{ImageContainer as yS,styled as Ec}from"@rango-dev/ui";var Wc=Ec("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),wr=Ec(Io,{padding:0,margin:0,listStyle:"none",[`& ${yS}`]:{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as SS,Skeleton as Lc}from"@rango-dev/ui";import vr from"react";var CS=20;function Mc(){return vr.createElement(wr,null,Array.from(Array(CS),t=>vr.createElement(SS,{key:t,hasDivider:!0,start:vr.createElement(Lc,{variant:"circular",width:35,height:35}),title:vr.createElement(Lc,{variant:"text",size:"large",width:90})})))}i(Mc,"LoadingBlockchainList");function ks(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[s,a]=xS(e),{fetchStatus:l}=g();vS(()=>{a([...Ac(e,o,r)])},[e,o,r]);let p=i(()=>!s.length&&o?Xe.createElement(Xe.Fragment,null,Xe.createElement(Nc,{size:32}),Xe.createElement(wS,{title:Ts.t("No results found"),description:Ts.t("Try using different keywords")})):Xe.createElement(wr,{as:"ul",key:`${r}-${o}`},s.map(u=>Xe.createElement(kS,{key:`${u.name}-${u.chainId}`,hasDivider:!0,onClick:()=>n(u),start:Xe.createElement(TS,{src:u.logo,size:30}),title:Xe.createElement(Bc,{variant:"title",size:"medium"},u.displayName),id:u.chainId}))),"renderList");return Xe.createElement(Wc,null,Xe.createElement(Bc,{variant:"label",size:"large"},Ts.t("Select Blockchain")),Xe.createElement(Nc,{size:4}),l==="loading"&&Xe.createElement(Mc,null),l==="success"&&p())}i(ks,"BlockchainList");function ws(t){let{type:e}=t,o=lt(),[n,r]=_c(""),[s,a]=_c("ALL"),l=K.use.setToBlockchain(),p=K.use.setFromBlockchain(),u=g().fetchStatus,c=g().blockchains({type:e}),m=bS(c)!==1;return wt.createElement(te,{header:{title:Pc.t("Select Blockchain")}},wt.createElement(se,{view:!0},m&&wt.createElement(wt.Fragment,null,wt.createElement(IS,{setCategory:a,category:s,blockchains:c,isLoading:u==="loading"}),wt.createElement($c,{size:24})),wt.createElement(Ct,{value:n,autoFocus:!0,placeholder:Pc.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:d=>r(d.target.value)}),wt.createElement($c,{size:16}),wt.createElement(ks,{list:c,searchedFor:n,blockchainCategory:s,onChange:d=>{e==="source"?p(d):l(d),o()}})))}i(ws,"SelectBlockchainPage");import{i18n as Er}from"@lingui/core";import{Divider as om}from"@rango-dev/ui";import Yt,{useState as QS}from"react";import{useNavigate as HS}from"react-router-dom";import{i18n as bs}from"@lingui/core";import{BlockchainsChip as xr,Divider as Oc,Image as qc,Skeleton as MS,Tooltip as NS,Typography as Is}from"@rango-dev/ui";import Ce from"react";import{useEffect as WS}from"react";var Dc=["ETH","COSMOS","OSMOSIS"];function vs(t,e,o){let n=JSON.parse(JSON.stringify(t)),r=[];if(n.sort(AS),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 u=n[p];a=a.filter(c=>u.name!==c)}}n.sort(ES(a)),r=n.splice(s)}return{list:n,more:r}}i(vs,"prepare");function AS(t,e){let o=Dc,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(AS,"sortByMostUsedBlockchains");function ES(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(ES,"generateSortByPreferredBlockchainsFor");function Fc(t,e){return!!e.list.find(o=>o.name===t)}i(Fc,"isInVisibleList");function xs(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=g();WS(()=>{if(e?.selected){let s=vs(t,o,e);Fc(e.selected,s)||n(e?.selected)}},[e?.selected]);let r=vs(t,o,e);return{list:r.list,more:r.more,history:[]}}i(xs,"usePrepareBlockchainList");import{styled as LS}from"@rango-dev/ui";var Uc=LS("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var BS=12;function As(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:s}=t,a=xs(e,{limit:10,selected:n?.name}),{fetchStatus:l}=g(),p=K.use.resetToBlockchain(),u=K.use.resetFromBlockchain(),c=a.more.length>0,h=a.more.length===1,m=!h&&c;return Ce.createElement(Ce.Fragment,null,Ce.createElement(Oc,{size:12}),Ce.createElement(Is,{variant:"label",size:"large"},bs.t("Select Blockchain")),Ce.createElement(Oc,{size:12}),Ce.createElement(Uc,null,l==="loading"&&Array.from(Array(BS),d=>Ce.createElement(MS,{key:d,variant:"rounded",height:50})),l==="success"&&Ce.createElement(Ce.Fragment,null,Ce.createElement(xr,{selected:!n,onClick:()=>{o==="from"?u():p()}},Ce.createElement(Is,{variant:"body",size:"xsmall",color:"secondary500"},bs.t("All"))),a.list.map(d=>Ce.createElement(NS,{key:d.name,content:d.shortName,side:"bottom",sideOffset:2,container:N()},Ce.createElement(xr,{key:d.name,selected:!!n&&n.name===d.name,onClick:()=>r(d)},Ce.createElement(qc,{src:d.logo,size:30})))),h?Ce.createElement(xr,{key:a.more[0].name,selected:!!n&&n.name===a.more[0].name,onClick:()=>r(a.more[0])},Ce.createElement(qc,{src:a.more[0].logo,size:30})):null,m?Ce.createElement(xr,{onClick:s,key:"more-blockchains"},Ce.createElement(Is,{variant:"body",size:"xsmall",color:"secondary500"},bs._("More +{count}",{count:a.more.length}))):null)))}i(As,"BlockchainsSection");import{i18n as Ds}from"@lingui/core";import{darkTheme as Jc,Divider as go,ExternalLinkIcon as _S,Image as DS,ListItemButton as FS,NotFound as US,PinIcon as OS,Skeleton as Zc,Typography as Ar,VirtualizedList as qS}from"@rango-dev/ui";import O,{useEffect as Rc,useState as em}from"react";import{Divider as Xc,ListItem as $S,Skeleton as Go}from"@rango-dev/ui";import nt from"react";import{css as fo,darkTheme as zc,ImageContainer as PS,styled as ot,Typography as Qc}from"@rango-dev/ui";var Es=fo({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}),Ws=fo({position:"relative",height:12,width:"30%",maxWidth:"150px"}),Ls=fo({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",bottom:"-8px"}),Ms=fo({transform:"translateY(12px)",visibility:"hidden","& a":{display:"flex",justifyContent:"center",alignItems:"center",fontSize:"$12",lineHeight:"$16",$$color:"$colors$neutral600",[`.${zc} &`]:{$$color:"$colors$neutral700"},color:"$$color",textDecoration:"none"}}),Ns=fo({}),Bs=fo(),Hc=ot("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),Ps=ot("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),br=ot("ul",{flexGrow:1,padding:0,margin:0,listStyle:"none","& li":{alignItems:"none","&:hover":{[`& .${Ws}`]:{[`& .${Ms}`]:{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",visibility:"visible"},[`& .${Ns}`]:{bottom:"-15px"},[`& .${Es}`]:{position:"absolute",transform:"translateY(-12px)",visibility:"hidden"},[`& .${Ls}`]:{position:"absolute",transform:"translateY(-12px)",bottom:"-10px"}}}}}),$s=ot("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),_s=ot(Qc,{}),Gc=ot("div",{textAlign:"right",width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",[`& .${Bs}`]:{$$color:"$colors$neutral600",[`.${zc} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Ir=ot("div",{display:"flex",alignItems:"end",flexDirection:"column"}),a_=ot("div",{display:"flex",alignItems:"center"}),Vc=ot("div",{position:"relative",[`& ${PS}`]:{borderRadius:"$xm",overflow:"hidden"}}),jc=ot("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6}),Kc=ot(Qc,{width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"});function Yc(t){return nt.createElement(br,null,Array.from(Array(t.size),e=>nt.createElement($S,{key:e,hasDivider:!0,start:nt.createElement(Go,{variant:"circular",width:35,height:35}),end:nt.createElement(Ir,null,nt.createElement(Go,{variant:"text",size:"large",width:70}),nt.createElement(Xc,{size:4}),nt.createElement(Go,{variant:"text",size:"medium",width:50})),title:nt.createElement("div",null,nt.createElement(Go,{variant:"text",size:"large",width:90}),nt.createElement(Xc,{size:4}),nt.createElement(Go,{variant:"text",size:"medium",width:90}))})))}i(Yc,"LoadingTokenList");var Fs=20,zS=i(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:s,customCssForTagTitle:a}=t,l=e.length;return O.createElement("div",{className:Ws()},o?O.createElement("div",{className:Es()},o):O.createElement(Ps,{className:Ls()},O.createElement(Ar,{variant:"title",size:"xmedium"},r.symbol),O.createElement(go,{direction:"horizontal",size:4}),O.createElement($s,{css:s},O.createElement(_s,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&O.createElement("div",{className:`${Ms()} ${!o&&Ns()}`},O.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," ",O.createElement(go,{size:4,direction:"horizontal"}),O.createElement(_S,{color:"gray",size:12}))))},"renderDesc");function tm(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[s,a]=em(e),l=g().fetchStatus,p=g().blockchains(),[u,c]=em(!0),{getBalanceFor:h,loading:m}=X(),{isTokenPinned:d}=g(),S=i(()=>{a(e.slice(0,s.length+Fs))},"loadNextPage");Rc(()=>{c(e.length>s.length)},[s.length]),Rc(()=>{a(e.slice(0,Fs))},[e]);let C=i(()=>!s.length&&o?O.createElement(O.Fragment,null,O.createElement(go,{size:32}),O.createElement(US,{title:Ds.t("No results found"),description:Ds.t("Try using different keywords")})):O.createElement(qS,{endReached:u?S:void 0,itemContent:y=>{let f=s[y],w=mn(h(f)),k=f.address||"",v=p.find(x=>x.name===f.blockchain),I=qn(f.symbol,v?.color||""),A={$$color:I[`${f.symbol}100`],[`.${Jc} &`]:{$$color:I[`${f.symbol}900`]},backgroundColor:"$$color"},T={$$color:I[`${f.symbol}700`],[`.${Jc} &`]:{$$color:I[`${f.symbol}100`]},color:"$$color"};return O.createElement("div",{style:{paddingRight:5}},O.createElement(FS,{style:{width:"100%",overflow:"hidden"},"tab-index":y,key:`${f.symbol}${f.address}`,id:`${f.symbol}${f.address}`,hasDivider:!0,onClick:()=>n(s[y]),start:O.createElement(Vc,null,O.createElement(DS,{src:f.image,size:30}),d(f,t.type)&&O.createElement(jc,null,O.createElement(OS,{size:12,color:"gray"}))),title:v?.type==="COSMOS"||f.name||!f.name&&!k?O.createElement(Ps,null,O.createElement(Ar,{variant:"title",size:"xmedium"},f.symbol),O.createElement(go,{direction:"horizontal",size:4}),O.createElement($s,{css:A},O.createElement(_s,{variant:"body",size:"xsmall",css:T},f.blockchain))):void 0,description:v?.info&&k&&v.type!=="COSMOS"?zS({address:k,token:s[y],customCssForTag:A,customCssForTagTitle:T,name:f.name,url:v.info.addressUrl.split("{wallet}").join(k)}):f.name||void 0,end:m?O.createElement(Ir,null,O.createElement(Zc,{variant:"text",size:"large",width:70}),O.createElement(go,{size:4}),O.createElement(Zc,{variant:"text",size:"medium",width:50})):w&&O.createElement(Gc,null,O.createElement(Kc,{variant:"title",size:"small"},w.amount),O.createElement("div",null),w.usdValue&&O.createElement(Ar,{variant:"body",className:Bs(),size:"xsmall"},`$${w.usdValue}`))}))},totalCount:s.length,key:`${r}-${o}`}),"renderList");return O.createElement(Hc,null,O.createElement(Ar,{variant:"label",size:"large"},Ds.t("Select Token")),O.createElement(go,{size:4}),l==="loading"&&O.createElement(Yc,{size:Fs}),l==="success"&&O.createElement(br,{as:"ul"},C()))}i(tm,"TokenList");function Us(t){let{type:e}=t,o=HS(),n=lt(),{fromBlockchain:r,toBlockchain:s,setFromToken:a,setToToken:l,setFromBlockchain:p,setToBlockchain:u}=K(),c=X.use.getBalanceFor(),[h,m]=QS(""),{isTokenPinned:d}=g(),C=(e==="source"?r:s)?.name??"",y=g().blockchains({type:e}),f=g().tokens({type:e,blockchain:C,searchFor:h}),k=va(f,c,i(T=>d(T,e),"checkIsTokenPinned")),v=i(T=>{e==="source"?p(T):u(T)},"updateBlockchain"),I=i(T=>{e==="source"?a({token:T,meta:{blockchains:y,tokens:f}}):l({token:T,meta:{blockchains:y,tokens:f}})},"updateToken"),A={source:Er.t("Source"),destination:Er.t("Destination")};return Yt.createElement(te,{header:{title:Er.t("Swap {type}",{type:A[e]})}},Yt.createElement(se,null,Yt.createElement(As,{blockchains:y,type:e=="source"?"from":"to",blockchain:e==="source"?r:s,onMoreClick:()=>o(P.blockchains),onChange:T=>{v(T)}}),Yt.createElement(om,{size:24}),Yt.createElement(Ct,{value:h,autoFocus:!0,placeholder:Er.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>m(""),onChange:T=>m(T.target.value)}),Yt.createElement(om,{size:16}),Yt.createElement(tm,{list:k,selectedBlockchain:C,searchedFor:h,type:e,onChange:T=>{I(T);let x=y.find(L=>T.blockchain===L.name);x&&v(x),n()}})))}i(Us,"SelectSwapItemsPage");import{i18n as vt}from"@lingui/core";import{Alert as ZS,Button as RS,ChevronRightIcon as Lr,Divider as zs,InfoIcon as eC,List as tC,ListItemButton as oC,Skeleton as nC,styled as rC,Switch as iC,Tooltip as sC,Typography as _t}from"@rango-dev/ui";import G from"react";import{useInRouterContext as aC,useNavigate as lC,useSearchParams as pC}from"react-router-dom";import{i18n as lm}from"@lingui/core";import{Divider as KS,InfoIcon as XS,TextField as YS,Tooltip as JS,Typography as pm}from"@rango-dev/ui";import Qe from"react";import{Chip as GS,styled as Vo,TextField as VS}from"@rango-dev/ui";var nm=Vo("div",{paddingTop:"$5",padding:"$10 $5"}),rm=Vo("div",{display:"flex",flexWrap:"wrap",gap:"$10",[`& ${VS}`]:{flex:"1 1 0",maxWidth:"127px",minWidth:"85px"}}),im=Vo("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),Wr=Vo("div",{maxWidth:"280px",padding:"$10"}),sm=Vo(GS,{width:"61px",flexShrink:0});import{i18n as Os}from"@lingui/core";import{Typography as jS}from"@rango-dev/ui";import jo from"react";function am(){return jo.createElement(Wr,null,jo.createElement(jS,{variant:"label",size:"medium",color:"neutral700"},Os.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),jo.createElement("br",null),jo.createElement("br",null),jo.createElement("b",null,Os.t("Warning")),":",Os.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(am,"SlippageTooltipContent");function qs(){let{slippage:t,setSlippage:e,customSlippage:o,setCustomSlippage:n}=g();return Qe.createElement(nm,null,Qe.createElement(im,null,Qe.createElement(pm,{variant:"title",size:"xmedium"},lm.t("Slippage tolerance per swap")),Qe.createElement(KS,{direction:"horizontal",size:4}),Qe.createElement(JS,{container:N(),side:"top",sideOffset:4,content:Qe.createElement(am,null)},Qe.createElement(XS,{color:"gray"}))),Qe.createElement(rm,null,Oa.map((r,s)=>{let a=`slippage-${s}`;return Qe.createElement(Qe.Fragment,null,Qe.createElement(sm,{key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`}))}),Qe.createElement(YS,{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>=Ha&&a<=Qa?n(a):n(null)},suffix:o&&Qe.createElement(pm,{variant:"body",size:"small"},"%"),placeholder:lm.t("Custom")})))}i(qs,"Slippage");var uC=rC("div",{paddingLeft:"$8"});function um(){let t=lC(),{theme:e}=g().config,o=g().fetchStatus,n=g().swappers(),r=g().getDisabledLiquiditySources(),{config:{features:s},isInCampaignMode:a,updateCampaignMode:l}=g(),p=a(),u=He("theme",s),c=He("liquiditySource",s),h=He("language",s),m=g().infiniteApprove,d=g().toggleInfiniteApprove,S=Sn(n,r),C=S.filter(b=>b.type==="BRIDGE"||b.type==="AGGREGATOR"),y=C.length,f=C.filter(b=>b.selected).length,w=S.filter(b=>b.type==="DEX"),k=w.length,v=w.filter(b=>b.selected).length,I=i((b,W)=>{switch(o){case"loading":return G.createElement(nC,{variant:"text",size:"medium",width:50});case"failed":return G.createElement(_t,{variant:"body",size:"medium",color:"$error500"},vt.t("Loading failed"));default:return G.createElement(_t,{variant:"body",size:"medium"},`${b} / ${W}`)}},"handleEndItem"),A={id:"bridge-item",title:G.createElement(_t,{variant:"title",size:"xmedium"},vt.t("Enabled bridges")),end:G.createElement(G.Fragment,null,I(f,y),G.createElement(zs,{direction:"horizontal",size:8}),G.createElement(Lr,{color:"black"})),onClick:()=>t(P.bridges)},T={id:"exchange-item",title:G.createElement(_t,{variant:"title",size:"xmedium"},vt.t("Enabled exchanges")),end:G.createElement(G.Fragment,null,I(v,k),G.createElement(zs,{direction:"horizontal",size:8}),G.createElement(Lr,{color:"gray"})),onClick:()=>t(P.exchanges)},x={id:"language-item",title:G.createElement(_t,{variant:"title",size:"xmedium"},vt.t("Language")),end:G.createElement(Lr,{color:"gray"}),onClick:()=>t(P.languages)},L={id:"theme-item",title:G.createElement(_t,{variant:"title",size:"xmedium"},vt.t("Theme")),end:G.createElement(Lr,{color:"gray"}),onClick:()=>t(P.themes)},M={id:"infinite-approval-item",title:G.createElement(G.Fragment,null,G.createElement(_t,{variant:"title",size:"xmedium"},vt.t("Infinite approval")),G.createElement(zs,{direction:"horizontal",size:4}),G.createElement(sC,{side:"top",sideOffset:4,container:N(),content:G.createElement(Wr,null,G.createElement(_t,{variant:"label",size:"medium",color:"neutral700"},vt.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.")))},G.createElement(eC,{color:"gray"}))),end:G.createElement(iC,{checked:m}),onClick:d},D=c?[]:[A,T];h||D.push(x),!e?.singleTheme&&!u&&D.push(L),D.push(M);let[,V]=pC(),J=aC(),oe=i(()=>{J&&p&&(V(b=>(b.delete("liquiditySources"),b),{replace:!0}),l("liquiditySources",void 0))},"onClick");return G.createElement(te,{header:{title:vt.t("Settings")}},G.createElement(se,null,p&&G.createElement(ZS,{type:"info",variant:"alarm",title:vt.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:G.createElement(uC,null,G.createElement(RS,{type:"secondary",size:"small",onClick:oe},"Reset"))}),G.createElement(qs,null),G.createElement(tC,{type:G.createElement(oC,{title:"_",id:"_",onClick:()=>console.log()}),items:D})))}i(um,"SettingsPage");import{i18n as JC}from"@lingui/core";import{cancelSwap as ZC}from"@rango-dev/queue-manager-rango-preset";import{useManager as RC}from"@rango-dev/queue-manager-react";import{Alert as eT}from"@rango-dev/ui";import ra from"react";import{useParams as tT}from"react-router-dom";import{i18n as bt}from"@lingui/core";import{getCurrentBlockchainOfOrNull as BC,getCurrentStep as PC,getRelatedWalletOrNull as $C}from"@rango-dev/queue-manager-rango-preset";import{Button as _m,CopyIcon as _C,Divider as DC,IconButton as FC,LinkIcon as UC,QuoteCost as OC,StepDetails as qC,Typography as yo,useCopyToClipboard as zC}from"@rango-dev/ui";import{useWallets as QC}from"@rango-dev/wallets-react";import Dm from"bignumber.js";import{PendingSwapNetworkStatus as Ur}from"rango-types";import ee,{useEffect as Fm,useRef as HC,useState as Um}from"react";import{useNavigate as GC}from"react-router-dom";import{i18n as Dt}from"@lingui/core";var cC=[Dt.t("Sunday"),Dt.t("Monday"),Dt.t("Tuesday"),Dt.t("Wednesday"),Dt.t("Thursday"),Dt.t("Friday"),Dt.t("Saturday")];function cm(t){let e=new Date(t),o=e.getDate(),n=e.toLocaleString("default",{month:"long"}),r=e.getFullYear();return`${e.getDay()===new Date().getDay()?Dt.t("Today"):`${cC[e.getDay()]} ${o} ${n} ${r}`}, ${new Date(t).toLocaleTimeString()}`}i(cm,"timeSince");function mm(t){return t.finishTime?cm(parseInt(t.finishTime)):cm(parseInt(t.creationTime))}i(mm,"getSwapDate");import{PendingSwapNetworkStatus as Br}from"rango-types";import Pr from"react";import{i18n as Mr}from"@lingui/core";import{Button as dm,Divider as Qs,MessageBox as mC}from"@rango-dev/ui";import Ft from"react";var fm=i(({onCancel:t,onClose:e})=>Ft.createElement(Ft.Fragment,null,Ft.createElement(Qs,{size:20}),Ft.createElement(mC,{type:"error",title:Mr.t("Cancel Swap"),description:Mr.t("Are you sure you want to cancel this swap?")}),Ft.createElement(Qs,{size:32}),Ft.createElement(dm,{variant:"contained",type:"primary",size:"large",onClick:t},Mr.t("Yes, Cancel it")),Ft.createElement(Qs,{size:12}),Ft.createElement(dm,{variant:"outlined",type:"primary",size:"large",onClick:e},Mr.t("No, Continue"))),"CancelContent");import{i18n as Nr}from"@lingui/core";import{Button as gm,Divider as Hs,MessageBox as dC,Typography as fC}from"@rango-dev/ui";import xt from"react";var hm=i(({onDelete:t,onClose:e})=>xt.createElement(xt.Fragment,null,xt.createElement(Hs,{size:20}),xt.createElement(dC,{type:"error",title:Nr.t("Delete Transaction"),description:Nr.t("Are you sure you want to delete this swap?")}),xt.createElement(Hs,{size:32}),xt.createElement(gm,{variant:"contained",type:"primary",size:"large",onClick:t},Nr.t("Yes, Delete it")),xt.createElement(Hs,{size:12}),xt.createElement(gm,{variant:"outlined",type:"primary",size:"large",onClick:e},xt.createElement(fC,{variant:"title",size:"medium",color:"primary"},Nr.t("No, Cancel")))),"DeleteContent");import{i18n as Gs}from"@lingui/core";import{PendingSwapNetworkStatus as Vs}from"rango-types";var js={[Vs.WaitingForNetworkChange]:{type:"loading",title:Gs.t("Change Network")},[Vs.WaitingForConnectingWallet]:{type:"warning",title:Gs.t("Connect Wallet")},[Vs.NetworkChanged]:{type:"success",title:Gs.t("Network Changed")}};import{MessageBox as hC,Wallet as yC}from"@rango-dev/ui";import{useWallets as SC}from"@rango-dev/wallets-react";import Ko from"react";import{styled as gC}from"@rango-dev/ui";var ym=gC("div",{display:"flex",justifyContent:"center"});var Sm=i(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:s,walletButtonDisabled:a}=t,{connect:l,getWalletInfo:p,state:u}=SC(),c=n?.walletType,h=c?Vr(u(c)):null,m=c?p(c):null;return Ko.createElement(Ko.Fragment,null,Ko.createElement(hC,{type:e,title:o,description:r}),s&&!!c&&!!h&&!!m&&Ko.createElement(ym,null,Ko.createElement(yC,{container:N(),title:m.name,image:m.img,type:c,state:h,link:m.installLink,disabled:a,onClick:async()=>l(c)})))},"WalletStateContent");function Ks(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:s,message:a,walletButtonDisabled:l}=t,p=e===Br.WaitingForNetworkChange||e===Br.WaitingForConnectingWallet||e===Br.NetworkChanged;return Pr.createElement(le,{open:!!e,onClose:o,container:document.getElementById(We.SWAP_BOX_ID)||document.body},p&&Pr.createElement(Sm,{type:js[e].type,title:js[e].title,currentStepWallet:s,message:a,walletButtonDisabled:l,showWalletButton:e!==Br.WaitingForNetworkChange}),e==="delete"&&Pr.createElement(hm,{onClose:o,onDelete:n}),e==="cancel"&&Pr.createElement(fm,{onClose:o,onCancel:r}))}i(Ks,"SwapDetailsModal");import{i18n as Xo}from"@lingui/core";import{Button as Xs,Divider as $r,MessageBox as Cm,TokenAmount as CC,Typography as Ys}from"@rango-dev/ui";import Ae from"react";import{useNavigate as TC}from"react-router-dom";function Js(t){let{open:e,onClose:o,status:n,priceValue:r,usdValue:s,realUsdValue:a,realValue:l,token:p,chain:u,percentageChange:c,description:h,diagnosisUrl:m}=t,d=TC();return Ae.createElement(le,{open:e,onClose:o,container:document.getElementById(We.SWAP_BOX_ID)||document.body},n==="success"?Ae.createElement(Cm,{type:"success",title:Xo.t("Swap Successful")},Ae.createElement(CC,{direction:"vertical",tooltipContainer:N(),type:"output",centerAlign:!0,price:{value:r,usdValue:s,realUsdValue:a,realValue:l},token:p,chain:u,percentageChange:c}),Ae.createElement($r,{size:12}),Ae.createElement(Ys,{variant:"body",size:"medium",color:"neutral700",align:"center"},h)):Ae.createElement(Cm,{type:"error",title:Xo.t("Transaction Failed"),description:h}),Ae.createElement($r,{size:32}),n==="success"&&Ae.createElement(Xs,{variant:"contained",type:"primary",size:"large",onClick:()=>{d("../../")}},Ae.createElement(Ys,{variant:"title",size:"medium",color:"neutral100"},Xo.t("Done"))),Ae.createElement($r,{size:12}),m&&Ae.createElement(Ae.Fragment,null,Ae.createElement(Xs,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(m,"_blank")},Xo.t("Diagnosis")),Ae.createElement($r,{size:12})),Ae.createElement(Xs,{variant:"outlined",type:"primary",size:"large",onClick:o},Ae.createElement(Ys,{variant:"title",size:"medium",color:"primary"},Xo.t("See Details"))))}i(Js,"SwapDetailsCompleteModal");import MC from"react";import{i18n as AC}from"@lingui/core";import{Alert as bm,IconButton as EC,LinkIcon as WC}from"@rango-dev/ui";import Ut,{Fragment as LC}from"react";import{Alert as kC,ChevronDownIcon as wC,ChevronUpIcon as vC,IconButton as xC}from"@rango-dev/ui";import _r,{useState as bC}from"react";function Tm(t){let{message:e}=t,[o,n]=bC(!1);return _r.createElement(kC,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&_r.createElement(xC,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?_r.createElement(vC,{size:12,color:"gray"}):_r.createElement(wC,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}i(Tm,"FailedAlert");import{styled as IC}from"@rango-dev/ui";var km=IC("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as wm}from"@lingui/core";import{Alert as Zs,Button as vm}from"@rango-dev/ui";import{PendingSwapNetworkStatus as Rs}from"rango-types";import Yo from"react";function xm(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?Yo.createElement(Zs,{type:"warning",title:n.shortMessage,action:Yo.createElement(vm,{size:"xxsmall",type:"warning",onClick:()=>{o(Rs.WaitingForNetworkChange),e().catch(s=>{console.log(s)})}},wm.t("Change"))}):r===Rs.WaitingForConnectingWallet?Yo.createElement(Zs,{type:"warning",title:n.shortMessage,action:Yo.createElement(vm,{size:"xxsmall",type:"warning",onClick:()=>{o(Rs.WaitingForConnectingWallet)}},wm.t("Connect"))}):Yo.createElement(Zs,{type:"warning",title:n.shortMessage})}i(xm,"WarningAlert");function ea(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:s,hasAlreadyProceededToSign:a}=t,l=vo(s),p=s.status==="waitingForApproval"&&!l,u=s.status==="running"&&!l,c=u&&!a||p&&!s.explorerUrl?.length;return Ut.createElement(km,null,s.explorerUrl?.map((h,m,d)=>{let S=m+h.url,C=m===d.length-1,y=(C&&u||p)&&!c,f=C&&s.status==="failed";return Ut.createElement(LC,{key:S},Ut.createElement(bm,{type:C&&(y&&"loading"||f&&"error")||"success",title:h.description?`${h.description} Tx`:AC.t("View transaction"),action:h.url&&Ut.createElement(EC,{variant:"ghost",size:"xsmall",onClick:()=>window.open(h.url,"_blank")},Ut.createElement(WC,{size:12}))}))}),c&&Ut.createElement(bm,{type:"loading",title:r.shortMessage}),s.status!=="failed"&&l&&Ut.createElement(xm,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),s.status==="failed"&&Ut.createElement(Tm,{message:r}))}i(ea,"SwapDetailsAlerts");var Im=2e3;var Am=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:Ge(s.fromBlockchain,e)??"",image:s.fromBlockchainLogo??""},price:{value:E(l,6,6),realValue:l}},to:{token:{displayName:s.toSymbol,image:s.toLogo},chain:{displayName:Ge(s.toBlockchain,e)??"",image:s.toBlockchainLogo??""},price:{value:E(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:{blockchain:Ge(p.fromBlockchain,e)??""},to:{blockchain:Ge(p.toBlockchain,e)??""},swapper:{displayName:wo(p.swapperId,o),image:p.swapperLogo??"",type:p.swapperType}})):[],alerts:MC.createElement(ea,{step:s,hasAlreadyProceededToSign:r,...n})}})},"getSteps");function Em(t){if(vo(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(Em,"getStepState");import{css as Jo,darkTheme as NC,styled as Jt}from"@rango-dev/ui";var Wm=Jt("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),Dr=Jt("div",{width:"100%"}),Lm=Jt(Io,{padding:"$0 $20 $20 $20"}),KF=Jt("div",{display:"flex",flexDirection:"column",gap:"$10"}),Mm=Jt("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),XF=Jt("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1}),ho=Jo({display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",padding:"$10 $20",borderBottom:"1px solid",$$color:"$colors$neutral300",[`.${NC} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color",color:"$neutral500"}),Nm=Jo({padding:"$5 0"}),Fr=Jo({display:"flex",justifyContent:"center",alignItems:"center",height:"$24"}),Bm=Jo({display:"flex",width:"100%",padding:"$15 $20 $20",flexDirection:"column",alignItems:"start"}),Pm=Jo({width:"100%",padding:"0 $20 $10"}),$m=Jt("a",{fontSize:"$16",fontWeight:"$400",color:"$neutral700",display:"flex",alignItems:"center",justifyContent:"center"});function ta(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:s,connect:a,getWalletInfo:l}=QC(),p=g().blockchains(),u=g().swappers(),c=g().tokens(),h=K.use.retry(),m=ne.use.isActiveTab(),d=GC(),[S,C]=zC(Im),y=HC(null),[f,w]=Um(null),[k,v]=Um(null),I=i(()=>{r(),w(null)},"onCancel"),A=Oe.use.getUnreadNotifications(),T=Oe.use.setAsRead(),x=A(),L=PC(e),M=L?.networkStatus;Fm(()=>{x.find(It=>It.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(v(e.status),T(e.requestId))},[e.status]),Fm(()=>{q?w(Ur.WaitingForNetworkChange):M===Ur.WaitingForConnectingWallet||M===Ur.NetworkChanged?w(M):w(null)},[M]);let D=Cl(e),V=L?BC(e,L):null,J=L?$C(e,L):null,oe=mm(e),b=Tl(e),W=i(Ue=>!!l(Ue)?.mobileWallet,"isMobileWallet"),q=M===Ur.WaitingForNetworkChange&&!!V&&!!J?.walletType&&(W(J.walletType)||s(J.walletType,V)),F=q?a.bind(null,J.walletType,V):void 0,ae=Sl(e,L),Q=Am({swap:e,switchNetwork:F,showNetworkModal:M,setNetworkModal:w,message:ae,blockchains:p,swappers:u}),j=Q.length,[Ee,Te]=[e.steps[0],e.steps[j-1]],ke=Te.outputAmount||Te.expectedOutputAmountHumanReadable,dt=e.steps.reduce((Ue,It)=>Ue+parseFloat(It.feeInUsd||""),0),z=e.steps.find(Ue=>Ue.diagnosisUrl)?.diagnosisUrl,Z=E(parseFloat(E(ke,6,6))*(Te.toUsdPrice||0),4,4),R=E(parseFloat(e.inputAmount)*(Ee.fromUsdPrice||0),4,4),me=ke?ue(new Dm(ke).multipliedBy(Te.toUsdPrice||0)):"",xe=ue(new Dm(e.inputAmount).multipliedBy(Ee.fromUsdPrice||0)),we=Ve(R,Z),ft=e.status==="success"?bt.t({id:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:E(ke,6,6),token:Q[j-1].to.token.displayName,conciseAddress:dn(e.wallets[Q[j-1].to.chain.displayName]?.address||""),chain:Q[j-1].to.chain.displayName}}):`${bt.t("Transaction was not sent.")} ${D?bt.t({id:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:D.outputAmount,symbol:D.symbol,blockchain:D.blockchain}}):""}`;return ee.createElement(te,{header:{title:bt.t("Swap and Bridge"),onCancel:e.status==="running"?()=>w("cancel"):void 0,suffix:e.status!=="running"&&ee.createElement(ro,null,ee.createElement(_m,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>w("delete")},ee.createElement(yo,{size:"medium",variant:"label",color:"error"},bt.t("Delete"))))},footer:b&&!k&&ee.createElement(_m,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{h(e,{blockchains:p,tokens:c}),setTimeout(()=>{d("../../")},0)}},bt.t("Try again"))},ee.createElement(se,{compact:!0,view:!0},ee.createElement(Dr,null,ee.createElement("div",{className:ho()},ee.createElement(yo,{variant:"label",size:"large",color:"neutral700"},`${bt.t("Request ID")}:`),ee.createElement("div",{className:Fr()},ee.createElement(yo,{variant:"label",size:"small",color:"neutral700"},o),ee.createElement(FC,{variant:"ghost",onClick:C.bind(null,o||"")},ee.createElement(_C,{size:16,color:"gray"})),ee.createElement($m,{target:"_blank",href:`${ma}/swap/${o}`},ee.createElement(UC,{size:16})))),ee.createElement("div",{className:ho()},ee.createElement(yo,{variant:"label",size:"large",color:"neutral700"},`${bt.t(e.finishTime?"Finished at":"Created at")}:`),ee.createElement(yo,{variant:"label",size:"small",color:"neutral700"},oe))),ee.createElement("div",{className:Bm()},ee.createElement(OC,{fee:E(String(dt),2,2),time:rn(sn(e.steps)),steps:j}),ee.createElement(Bo,{from:{price:{value:E(e.inputAmount,6,6),usdValue:R,realUsdValue:xe,realValue:e.inputAmount},token:{displayName:Q[0].from.token.displayName,image:Q[0].from.token.image},chain:{image:Q[0].from.chain.image,displayName:Q[0].from.chain.displayName}},to:{price:{value:E(ke,6,6),usdValue:Z,realUsdValue:me,realValue:ke},token:{displayName:Q[j-1].to.token.displayName,image:Q[j-1].to.token.image},chain:{image:Q[j-1].to.chain.image,displayName:Q[j-1].to.chain.displayName}},percentageChange:E(we,2,2),warningLevel:ht(we??0)})),ee.createElement("div",{className:Pm()},ee.createElement(yo,{variant:"title",size:"small"},bt.t("Swaps steps"))),ee.createElement(DC,{size:8}),ee.createElement(Lm,{ref:y},Q.map((Ue,It)=>{let ua=It,So=Em(e.steps[It]),sd=So==="error"||So==="in-progress"||So==="warning"||So==="completed"&&It===Q.length-1;return ee.createElement(qC,{key:ua,step:Ue,type:"swap-progress",ref:y,state:So,hasSeparator:It!==0,tabIndex:ua,isFocused:sd,tooltipContainer:N()})}))),ee.createElement(Ks,{state:f,onClose:()=>w(null),onCancel:I,onDelete:n,message:ae.detailedMessage.content,currentStepWallet:J,walletButtonDisabled:!m}),ee.createElement(Js,{open:!!k,diagnosisUrl:z,onClose:()=>v(null),status:e.status==="success"?"success":"failed",priceValue:E(ke,6,6),usdValue:Z,realUsdValue:me,realValue:ue(ke),percentageChange:E(we,2,2),token:{displayName:Q[j-1].to.token.displayName,image:Q[j-1].to.token.image},chain:{image:Q[j-1].to.chain.image},description:ft}))}i(ta,"SwapDetails");import{i18n as qr}from"@lingui/core";import{Divider as zm,NotFound as YC,Skeleton as Ro,Typography as zr}from"@rango-dev/ui";import de from"react";import{i18n as VC}from"@lingui/core";import{Divider as jC,Skeleton as KC,Typography as XC}from"@rango-dev/ui";import ge from"react";import{css as rt,styled as oa}from"@rango-dev/ui";var Om=oa("div",{width:"100%",height:"100%",padding:"$10 $20"}),Zo=oa("div",{backgroundColor:"$neutral100",borderRadius:"$xm",padding:"$10 $15"}),Or=oa("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"}),E1=rt({display:"flex",justifyContent:"space-between",alignItems:"center"}),W1=rt({display:"flex",justifyContent:"space-between",alignItems:"center"}),L1=rt({paddingTop:"$15",display:"flex"}),M1=rt({padding:"$15 $0"}),N1=rt({width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"}),B1=rt({paddingBottom:"$10"}),P1=rt({display:"flex",justifyContent:"start",alignItems:"center"}),$1=rt({paddingTop:"$5",display:"flex",alignItems:"center"}),_1=rt({display:"flex",alignItems:"center"}),D1=rt({padding:"$4 $6",display:"flex",justifyContent:"center",alignItems:"center"}),qm=rt({display:"flex",paddingTop:"$10",paddingBottom:"$5"});function na(){return ge.createElement(Om,null,ge.createElement(Do,{type:"swap-preview"}),ge.createElement("div",{className:"swaps-steps"},ge.createElement(XC,{variant:"title",size:"small"},VC.t("Swaps steps"))),ge.createElement(ge.Fragment,null,ge.createElement(Zo,null,ge.createElement(mt,{separator:!1}),ge.createElement("div",{className:qm()},ge.createElement(jC,{direction:"horizontal",size:20}),ge.createElement(KC,{height:22,variant:"rectangular"}))),ge.createElement(Or,null),ge.createElement(Zo,null,ge.createElement(mt,{separator:!1})),ge.createElement(Or,null),ge.createElement(Zo,null,ge.createElement(mt,{separator:!1})),ge.createElement(Or,null),ge.createElement(Zo,null,ge.createElement(mt,{separator:!1}))))}i(na,"LoadingSwapDetails");function Qm(t){let{requestId:e,showSkeleton:o}=t;return de.createElement(te,{header:{title:qr.t("Swap and Bridge"),suffix:de.createElement(ro,null)}},o&&de.createElement(Wm,null,de.createElement(Dr,null,de.createElement("div",{className:ho()},de.createElement(zr,{variant:"label",size:"large",color:"neutral700"},`${qr.t("Request ID")}:`),de.createElement("div",{className:Fr()},de.createElement(zr,{variant:"label",size:"small",color:"neutral700"},de.createElement(Ro,{width:60,height:10,variant:"rounded"})),de.createElement(zm,{direction:"horizontal",size:4}),de.createElement(Ro,{width:16,height:16,variant:"rectangular"}),de.createElement(zm,{direction:"horizontal",size:4}),de.createElement(Ro,{width:16,height:16,variant:"rectangular"}))),de.createElement("div",{className:ho()},de.createElement(zr,{className:Nm(),variant:"label",size:"large",color:"neutral700"},de.createElement(Ro,{width:60,height:10,variant:"rounded"})),de.createElement(zr,{variant:"label",size:"small",color:"neutral700"},de.createElement(Ro,{width:60,height:10,variant:"rounded"})))),de.createElement(na,null)),!o&&de.createElement(Mm,null,de.createElement(YC,{title:qr.t("Not found"),description:qr.t({id:"Swap with request ID = {requestId} not found.",values:{requestId:e}})})))}i(Qm,"SwapDetailsPlaceholder");function Hm(){let{manager:t,state:e}=RC(),o=!e.loadedFromPersistor,n=Mt(t),{requestId:r}=tT(),s=lt(),{fetchStatus:a}=g();if(!r)return ra.createElement(eT,{containerStyles:{margin:"20px"},type:"error",title:JC.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,u=i(()=>{if(p?.id){let m=t?.get(p.id);m&&ZC(m)}},"onCancel"),c=i(async()=>{if(p?.id)try{t?.deleteQueue(p.id),s()}catch(m){console.log(m)}},"onDelete"),h=p?.swap;return!h||l?ra.createElement(Qm,{requestId:r,showSkeleton:l}):ra.createElement(ta,{swap:h,requestId:r,onCancel:u,onDelete:c})}i(Hm,"SwapDetailsPage");import{i18n as en}from"@lingui/core";import{AutoThemeIcon as oT,DarkModeIcon as nT,LightModeIcon as rT,List as iT,ListItemButton as sT,Radio as ia,RadioRoot as aT,Typography as sa}from"@rango-dev/ui";import Fe from"react";function Gm(){let{setTheme:t,theme:e}=g(),o=[{id:"light",value:"light",title:Fe.createElement(sa,{variant:"title",size:"xmedium"},en.t("Light")),onClick:()=>t("light"),start:Fe.createElement(rT,{color:"gray"}),end:Fe.createElement(ia,{value:"light"})},{id:"dark",value:"dark",title:Fe.createElement(sa,{variant:"title",size:"xmedium"},en.t("Dark")),onClick:()=>t("dark"),start:Fe.createElement(nT,{color:"gray"}),end:Fe.createElement(ia,{value:"dark"})},{id:"auto",value:"auto",title:Fe.createElement(sa,{variant:"title",size:"xmedium"},en.t("Auto")),onClick:()=>t("auto"),start:Fe.createElement(oT,{color:"gray"}),end:Fe.createElement(ia,{value:"auto"})}];return Fe.createElement(te,{header:{title:en.t("Theme")}},Fe.createElement(se,null,Fe.createElement(aT,{onValueChange:n=>t(n),value:e},Fe.createElement(iT,{type:Fe.createElement(sT,{title:en.t("Theme"),id:"_",onClick:()=>console.log()}),items:o}))))}i(Gm,"ThemePage");function Vm(){return Ll(),di(),lT([{path:P.home,element:De.createElement(Tc,null)},{path:P.routes,element:De.createElement(Ic,null)},{path:P.fromSwap,children:[{index:!0,element:De.createElement(Us,{type:"source"})},{path:P.blockchains,element:De.createElement(ws,{type:"source"})}]},{path:P.toSwap,children:[{index:!0,element:De.createElement(Us,{type:"destination"})},{path:P.blockchains,element:De.createElement(ws,{type:"destination"})}]},{path:P.settings,children:[{index:!0,element:De.createElement(um,null)},{path:P.themes,element:De.createElement(Gm,null)},{path:P.languages,element:De.createElement(wc,null)},{path:P.exchanges,element:De.createElement(Ss,{sourceType:"Exchanges"})},{path:P.bridges,element:De.createElement(Ss,{sourceType:"Bridges"})}]},{path:P.swaps,children:[{index:!0,element:De.createElement(dc,null)},{path:P.swapDetails,element:De.createElement(Hm,null)}]},{path:P.wallets,element:De.createElement(Ep,null)},{path:P.confirmSwap,element:De.createElement(tc,null)}])}i(Vm,"AppRoutes");import{isApprovalTX as pT,MainEvents as jm,RouteEventType as Km,StepEventType as Xm,StepExecutionEventStatus as uT,useEvents as cT}from"@rango-dev/queue-manager-rango-preset";import{useEffect as Ym}from"react";function Jm(){let t=g().tokens(),e=X.use.connectedWallets(),o=X.use.getWalletsDetails(),n=Oe.use.setNotification(),r=cT();return Ym(()=>(r.on(jm.StepEvent,s=>{let{event:a,step:l,route:p}=s;if(a.type===Xm.TX_EXECUTION&&a.status===uT.TX_SENT&&!pT(l)||a.type===Xm.SUCCEEDED){let c=e.find(m=>m.chain===l?.fromBlockchain),h=l?.fromBlockchain!==l?.toBlockchain&&e.find(m=>m.chain===l?.toBlockchain);c&&o([c],t),h&&o([h],t)}n(a,p)}),()=>r.all.clear()),[r,e.length]),Ym(()=>(r.on(jm.RouteEvent,s=>{let{event:a,route:l}=s;(a.type===Km.FAILED||a.type===Km.SUCCEEDED)&&n(a,l)}),()=>r.all.clear()),[r,e.length]),null}i(Jm,"WidgetEvents");import{globalCss as mT}from"@rango-dev/ui";var Zm=i(()=>mT({"@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 Rm(){let{setWatermark:t}=ne();return{fetchApiConfig:i(async()=>{let o=await fetch(`${gt("BASE_URL")}/meta/dapp/config?apiKey=${gt("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(Rm,"useFetchApiConfig");import{styled as dT}from"@rango-dev/ui";var ed=dT("div",{display:"flex",justifyContent:"center",alignItems:"center",fontFamily:"$widget",boxSizing:"border-box",textAlign:"left","& *, *::before, *::after":{boxSizing:"inherit"},"& *:focus-visible":{outlineColor:"$info500",transition:"none"},"& ul, ol, li":{listStyleType:"none"}});function Qr(){Zm();let{config:t}=g(),{activeTheme:e}=zn(t?.theme||{}),{activeLanguage:o}=mo(),[n,r]=td(""),[s,a]=td(),l=gT(Tn),{fetchApiConfig:p}=Rm();return hT(()=>{Oe.persist.rehydrate(),l.onConnectWallet(r),p().catch(console.log)},[]),tn.createElement(fT,{language:o},tn.createElement(ed,{id:"swap-container",className:e()},tn.createElement(Jm,null),tn.createElement(el,{lastConnectedWallet:n,disconnectedWallet:s,clearDisconnectedWallet:()=>{a(void 0)}},tn.createElement(Vm,null))))}i(Qr,"Main");import la,{useMemo as PT}from"react";import{checkWaitingForNetworkChange as yT,makeQueueDefinition as ST}from"@rango-dev/queue-manager-rango-preset";import{Provider as CT}from"@rango-dev/queue-manager-react";import{useWallets as TT}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as kT}from"@rango-dev/wallets-shared";import{isEvmBlockchain as wT}from"rango-types";import vT,{useMemo as xT}from"react";function bT(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:s,getWalletInfo:a}=TT(),l=xT(()=>ST({API_KEY:t.apiKey||gt("API_KEY"),BASE_URL:gt("BASE_URL")}),[t.apiKey]),p=g().blockchains(),c={blockchains:X.use.connectedWallets().map(k=>({accounts:[k],name:k.chain}))},h=i(async(k,v)=>{if(s(k,v))return r(k,v)},"switchNetwork"),m=i(k=>!!a(k).mobileWallet,"isMobileWallet"),d=p.filter(k=>k.enabled).reduce((k,v)=>(k[v.name]=v,k),{}),S=p.filter(wT),C=i(k=>{let{supportedChains:v}=a(k);return pn(v)},"getSupportedChainNames"),y=e(),f={meta:{blockchains:d,evmBasedChains:S,evmNetworkChainInfo:kT(S),getSupportedChainNames:C},getSigners:o,wallets:c,providers:y,switchNetwork:h,canSwitchNetworkTo:s,connect:r,state:n,isMobileWallet:m},w=ne.use.isActiveTab();return vT.createElement(CT,{queuesDefs:[l],context:f,onPersistedDataLoaded:k=>{yT(k)},isPaused:!w},t.children)}i(bT,"QueueManager");var od=bT;import{useManager as LT}from"@rango-dev/queue-manager-react";import MT,{createContext as NT,useContext as BT}from"react";import{cancelSwap as IT,getCurrentBlockchainOfOrNull as AT,getCurrentStep as ET,getRelatedWalletOrNull as WT}from"@rango-dev/queue-manager-rango-preset";var on=class{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&&IT(o)}getCurrentStepInfo(e){let o=ET(e);return{step:o,wallet:o?WT(e,o):null,network:o?AT(e,o):null}}};i(on,"WidgetHistory");var nd=NT(void 0);function aa(t){let{manager:e}=LT(),o=ne.use.isActiveTab(),n=K.use.retry(),r=new on(e,{retrySwap:n}),s=X.use.connectedWallets(),a=X.use.loading(),l=wa(s),p=X.use.getWalletsDetails(),u=g().blockchains(),c=g().tokens(),h=g().swappers(),m=g().fetchStatus,d=mo().resetLanguage,S=Oe().getUnreadNotifications(),C={isActiveTab:o,setCurrentTabAsActive:qt.forceClaim,history:r,wallets:{isLoading:a,details:s,totalBalance:l,refetch:p},meta:{blockchains:u,tokens:c,swappers:h,loadingStatus:m},resetLanguage:d,notifications:{list:S}};return MT.createElement(nd.Provider,{value:C},t.children)}i(aa,"WidgetInfo");function rd(){let t=BT(nd);if(!t)throw new Error("useWidget can only be used within the WidgetProvider component");return t}i(rd,"useWidget");function Hr(t){let{onUpdateState:e,config:o}=t;return PT(()=>{Ea({API_KEY:o?.apiKey||nn,BASE_URL:o?.apiUrl||ca})},[o.apiKey,o.apiUrl]),la.createElement(kn,{config:o,onUpdateState:e},la.createElement(od,{apiKey:o.apiKey},la.createElement(aa,null,t.children)))}i(Hr,"WidgetProvider");function id(t){return $T(()=>(qt.init(),qt.destroy),[]),t.config?.externalWallets?pa.createElement(Qr,null):pa.createElement(Hr,{config:t.config??Jr},pa.createElement(Qr,null))}i(id,"Widget");export{Sq as EventSeverity,Cq as MainEvents,Wq as Networks,Nq as PendingSwapNetworkStatus,Tq as RouteEventType,kq as StepEventType,wq as StepExecutionBlockedEventStatus,vq as StepExecutionEventStatus,We as UI_ID,Aq as WalletEvents,Lq as WalletTypes,id as Widget,Hr as WidgetProvider,kn as WidgetWallets,Ti as customizedThemeTokens,Iq as readAccountAddress,$p as useWallets,rd as useWidget,xq as useWidgetEvents};
|
|
3
3
|
//# sourceMappingURL=index.js.map
|