@rango-dev/widget-embedded 0.22.4-next.2 → 0.22.4-next.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/ConfirmWalletsModal/WalletList.d.ts.map +1 -1
- package/dist/hooks/useWalletList.d.ts +1 -0
- package/dist/hooks/useWalletList.d.ts.map +1 -1
- package/dist/index.js +2 -2
- package/dist/index.js.map +3 -3
- package/dist/pages/WalletsPage.d.ts.map +1 -1
- package/dist/utils/wallets.d.ts +1 -0
- package/dist/utils/wallets.d.ts.map +1 -1
- package/package.json +2 -2
- package/src/components/ConfirmWalletsModal/WalletList.tsx +24 -18
- package/src/hooks/useWalletList.ts +5 -3
- package/src/pages/WalletsPage.tsx +24 -18
- package/src/utils/wallets.ts +4 -0
package/dist/index.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
var Xm=Object.defineProperty;var i=(t,e)=>Xm(t,"name",{value:e,configurable:!0});import{EventSeverity as wO,MainEvents as vO,RouteEventType as xO,StepEventType as bO,StepExecutionBlockedEventStatus as IO,StepExecutionEventStatus as AO,useEvents as EO}from"@rango-dev/queue-manager-rango-preset";import{readAccountAddress as LO,useWallets as xp,Events as NO}from"@rango-dev/wallets-react";import{Networks as MO,WalletTypes as PO}from"@rango-dev/wallets-shared";import{PendingSwapNetworkStatus as _O}from"rango-types";import{UI_ID as Km}from"@rango-dev/ui";var Yo="c6381a79-2817-4602-83bf-6a641a409e32",pa="https://api.rango.exchange",ca="https://scan.rango.exchange",be={SWAP_BOX_ID:"rango-swap-box",...Km};import{Events as jr,Provider as Ed}from"@rango-dev/wallets-react";import{isEvmBlockchain as Wd}from"rango-sdk";import mn,{createContext as Ld,useEffect as Xr,useRef as Nd,useState as Bd}from"react";import{useEffect as md}from"react";import{create as pd}from"zustand";import{subscribeWithSelector as cd}from"zustand/middleware";import{RangoClient as ad}from"rango-sdk";import{WalletState as ot}from"@rango-dev/ui";import{readAccountAddress as Zm}from"@rango-dev/wallets-react";import{detectInstallLink as Rm,getCosmosExperimentalChainInfo as ed,isEvmAddress as td,KEPLR_COMPATIBLE_WALLETS as LT,Networks as fa}from"@rango-dev/wallets-shared";import Fr from"bignumber.js";import{isCosmosBlockchain as od}from"rango-types";import Ym from"bignumber.js";var Ie=new Ym(0);import{WalletTypes as Jm}from"@rango-dev/wallets-shared";var ua=[Jm.LEAP];import{BigNumber as da}from"bignumber.js";var Jo=i(t=>{let e=(t%60).toString().padStart(2,"0");return`${parseInt((t/60).toString()).toString().padStart(2,"0")}:${e}`},"secondsToString"),A=i((t,e=null,o=null)=>{if(t==null||t==="")return"";let n=new da(t),r=1,s=1e3;for(let a=0;a<60;a++)if(new da(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 Zo=i(t=>t?.reduce((e,o)=>e+(o.estimatedTimeInSeconds??0),0)||0,"totalArrivalTime");var tt=i((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),fo=i(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function le(t){return A(t,12,12).replace(/(?:\.0*|(\.\d+?)0*)$/,"$1")}i(le,"formatTooltipNumbers");function Ur(t){switch(!0){case t.connected:return ot.CONNECTED;case t.connecting:return ot.CONNECTING;case!t.installed:return ot.NOT_INSTALLED;default:return ot.DISCONNECTED}}i(Ur,"mapStatusToWalletState");function ga(t,e,o,n){return o.filter(r=>!ua.includes(r)).filter(r=>{let{supportedChains:s,isContractWallet:a}=e(r),{installed:l,network:p}=t(r);return a&&(!l||!!n&&p!==n)?!1:n?!!s.find(u=>u.name===n):!0}).map(r=>{let{name:s,img:a,installLink:l}=e(r),p=Ur(t(r));return{title:s,image:a,link:Rm(l),state:p,type:r}})}i(ga,"mapWalletTypesToWalletInfo");function tn(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}i(tn,"walletAndSupportedChainsNames");function ha(t,e,o,n,r){let s=[];function a(p,c){if(!!!s.find(h=>h.chain===p)){let h={address:c,chain:p,walletType:t};s.push(h)}}i(a,"addAccount");let l=n||[];return e.forEach(p=>{let{address:c,network:u}=Zm(p),h=l.length>0,m=l.includes(u),f=u===fa.Unknown;if(h&&!m&&!f)return;let S=u===fa.Unknown&&td(c);if(f&&!S)return;o.includes(u)||S?r?a(u,c.toLowerCase()):l.filter(x=>o.includes(x)).forEach(x=>{a(x,c.toLowerCase())}):a(u,c)}),s}i(ha,"prepareAccountsForWalletStore");function ya(t){let e=[];return t?.result?.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(ya,"getRequiredChains");function on(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}i(on,"isAccountAndWalletMatched");function Sa(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 Fr(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:rd(o,r.asset.symbol,r.asset.address,e)||null}))||[]}i(Sa,"makeBalanceFor");function Ca(t){return{...t,loading:!1,error:!0}}i(Ca,"resetConnectedWalletState");var Ta=i(t=>{let e=new Set,n=t?.reduce((s,a)=>s.findIndex(l=>l.address===a.address&&l.chain===a.chain)===-1?[...s,a]:s,[])?.map(s=>{let a={name:s.chain,accounts:[]};return e.has(s.address)||e.add(s.address),e.forEach(l=>{s.address===l&&a.accounts.push(s)}),a}),r=A(n?.flatMap(s=>s.accounts)?.flatMap(s=>s?.balances)?.map(s=>new Fr(s?.amount||Ie).multipliedBy(s?.usdPrice||0))?.reduce((s,a)=>s.plus(a),Ie)||Ie).toString();return nd(r)},"calculateWalletUsdValue");function nd(t){let e=t.toString().split(".");return e[0]=e[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),e.join(".")}i(nd,"numberWithThousandSeparator");var rd=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice"),nn=i((t,e)=>{let o=ed(Object.entries(t).map(([,n])=>n).filter(od));return o&&o[e]?.experimental},"isExperimentalChain");function rn(t){return t?{...t,amount:A(t.amount,8,8),usdValue:A(t.usdValue,4,4)}:null}i(rn,"formatBalance");function id(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(id,"sortTokensByBalance");function sd(t,e,o){let n=o(t),r=o(e);return n===r?0:n?-1:1}i(sd,"sortTokensByPinnedToken");function ka(t,e,o){return t.sort((n,r)=>{let s=e(n),a=e(r),l=sd(n,r,o);return l!==0?l:id(s,a)}),t}i(ka,"sortTokens");function Ae(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}i(Ae,"areTokensEqual");function wa(t){return t.sort((e,o)=>+(o.state===ot.CONNECTED)-+(e.state===ot.CONNECTED)||+(o.state===ot.DISCONNECTED||o.state===ot.CONNECTING)-+(e.state===ot.DISCONNECTED||e.state===ot.CONNECTING))}i(wa,"sortWalletsBasedOnConnectionState");function sn(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(sn,"getConciseAddress");function va({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}i(va,"getAddress");function Or(t){return`${t.blockchain}-${t.symbol}-${t.address??""}`}i(Or,"createTokenHash");function an(t){return t.flatMap(e=>e.balances).reduce((e,o)=>{let n={amount:o?.amount??"",decimals:o?.decimal??0,usdValue:o?.usdPrice?new Fr(o?.usdPrice??Ie).multipliedBy(o?.amount).toString():""},r=o?Or({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(an,"makeTokensBalance");var xa=i((t,e)=>!!t.find(o=>o.chain===e&&o.loading),"isFetchingBalance");var qr={API_KEY:Yo};function dt(t){return qr[t]||""}i(dt,"getConfig");function ba(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),qr=e,qr}i(ba,"initConfig");var Ia=20,Aa=25,Ea="Roboto",zr="theme-widget",go=i((t,e)=>{let o=!1;if(e&&t){if(Array.isArray(e))o=!e.some(n=>Ae(n,t));else if(!Array.isArray(e)&&e[t.blockchain]){o=e[t.blockchain].tokens.some(r=>Ae(r,t));let n=e[t.blockchain].isExcluded;return!n&&!o||n&&o}}return o},"isTokenExcludedInConfig"),Gr=i((t,e)=>t&&e&&!e.includes(t.name),"isBlockchainExcludedInConfig");var ln,Vt=i(()=>ln||(ln=new ad(dt("API_KEY"),dt("BASE_URL")),ln),"httpService");var ld=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"),wt=ld;var V=wt(pd()(cd((t,e)=>({connectedWallets:[],balances:{},customDestination:"",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:an(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=>on(p,l))?{...l,loading:!0}:l)}));try{let a=o.map(({address:c,chain:u})=>({address:c,blockchain:u})),p=(await Vt().getWalletsDetails(a)).wallets;if(p)t(c=>{let u=c.connectedWallets.map(m=>{let f=o.find(S=>on(S,m)),C=p.find(S=>S.address===m.address&&S.blockChain===m.chain);return C?.failed&&f&&r&&s([f],n,!1),f&&C?{...m,explorerUrl:C.explorerUrl,balances:Sa(C,n),loading:!1}:m});return{loading:!1,balances:an(u),connectedWallets:u}});else throw new Error("Wallet not found")}catch{t(l=>{let p=l.connectedWallets.map(u=>o.find(h=>on(h,u))?Ca(u):u);return{loading:!1,balances:an(p),connectedWallets:p}})}},getBalanceFor:o=>{let{balances:n}=e(),r=Or(o);return n[r]??null}}))));import{allProviders as ud}from"@rango-dev/provider-all";function pn(t,e){let o=ud({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(pn,"matchAndGenerateProviders");function Wa(t,e){return pn(t,e).map(r=>r.config.type)}i(Wa,"configWalletsToWalletName");function La(t,e){let o=V.use.clearConnectedWallet(),n=pn(void 0,e);return md(()=>{o(),n=pn(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}i(La,"useWalletProviders");import kd,{createContext as wd,useContext as vd,useEffect as xd,useRef as bd}from"react";import{create as Cd}from"zustand";import{persist as Td}from"zustand/middleware";var Hr={apiKey:"",title:void 0,multiWallets:!0,enableNewLiquiditySources:!0,customDestination:!0},dd={clientUrl:void 0},fd={liquiditySources:void 0},Na=i((t,e,o)=>({config:{...Hr,...t},iframe:dd,campaignMode:fd,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 jt(t){return Array.from(new Set(t))}i(jt,"removeDuplicateFrom");function Qr(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}i(Qr,"areEqual");function Ba(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}i(Ba,"debounce");function $t(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}i($t,"containsText");var N=i(()=>document.getElementById(be.SWAP_BOX_ID),"getContainer");function cn(t,e){let o=t.map(s=>s.swapperGroup),n=[];return jt(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(cn,"getUniqueSwappersGroups");function Ma(t,e){return t.swapperGroup<e.swapperGroup?-1:t.swapperGroup>e.swapperGroup?1:0}i(Ma,"sortLiquiditySourcesByGroupTitle");function Ue(t,e){return e?.[t]==="hidden"}i(Ue,"isFeatureHidden");function un(t,e){return e?.[t]==="enabled"}i(un,"isFeatureEnabled");var Pa=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&&go(p,s)||o.blockchain&&p.blockchain!==o.blockchain||!a.some(c=>c.name===p.blockchain)?!1:o.searchFor?!!($t(p.symbol,o.searchFor)||$t(p.address||"",o.searchFor)||$t(p.name||"",o.searchFor)):!0).sort((p,c)=>e().isTokenPinned(p,o.type)?-1:e().isTokenPinned(c,o.type)||p.isSecondaryCoin?1:c.isSecondaryCoin||!p.address&&c.address?-1:p.address&&!c.address?1:0)},isTokenPinned:(o,n)=>!!(n==="source"?e().config.from?.pinnedTokens:e().config.to?.pinnedTokens)?.some(a=>Ae(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(c=>{let u=s?.includes(c.swapperGroup);return a||!s||s.length===0?!u:u}).sort(Ma)},fetch:async()=>{try{let o=await Vt().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,c)=>p.sort-c.sort),t({_blockchains:n,_tokens:r,_popularTokens:s,_swappers:a})}catch(o){throw t({fetchStatus:"failed"}),o}}}),"createDataSlice");import{English as gd,French as hd,Japanese as yd,Spanish as Sd}from"@rango-dev/ui";var $a=[{title:"English",label:"English",local:"en",SVGFlag:gd},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:Sd},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:hd},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:yd}],ho="en";var _a=[.5,1,3],Da=1,Fa=5,Ua=100,Oa=0;var qa=i((t,e)=>({disabledLiquiditySources:[],theme:"auto",language:null,preferredBlockchains:[],slippage:Da,customSlippage:null,infiniteApprove:!1,affiliateRef:null,affiliatePercent:null,affiliateWallets:null,addPreferredBlockchain:o=>{let n=e().preferredBlockchains;if(n.find((a,l)=>{let p=a===o,c=l<=10-1;return p&&c}))return;let s=n.filter(a=>!(a===o));t(()=>({preferredBlockchains:[o,...s]}))},setSlippage:o=>t(()=>({slippage:o})),setCustomSlippage:o=>t(()=>({customSlippage:o})),setAffiliateRef:o=>t(()=>({affiliateRef:o})),setAffiliatePercent:o=>t(()=>({affiliatePercent:o})),setAffiliateWallets:o=>t(()=>({affiliateWallets:o})),toggleAllLiquiditySources:(o,n)=>t(r=>{if(n)return{disabledLiquiditySources:[]};let s=jt(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=Ue("theme",n),s=Ue("language",n),a=Ue("liquiditySource",n);t({...r&&{theme:"auto"},...s&&{language:ho},...a&&{disabledLiquiditySources:[]}})}}),"createSettingsSlice");function za(t){return Cd()(Td((...e)=>({...Pa(...e),...qa(...e),...Na(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(za,"createAppStore");var Ga=wd(null);function d(){let t=vd(Ga);if(xd(()=>{t&&!t.persist.hasHydrated()&&t.persist.rehydrate()},[]),!t)throw new Error("Missing AppStoreContext.Provider in the tree");return t()}i(d,"useAppStore");function Ha(t){let e=bd();return e.current||(e.current=za(t.config)),kd.createElement(Ga.Provider,{value:e.current},t.children)}i(Ha,"AppStoreProvider");import{create as Ad}from"zustand";var Qa="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(Qa),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 ee=wt(Ad()((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})}}))),_t=new Xt({onInit:()=>ee.setState({tabManagerInitiated:!0}),onClaim:()=>ee.setState({isActiveTab:!0,showActivateTabModal:!1}),onRelease:()=>ee.setState({isActiveTab:!1})});var dn=Ld({onConnectWallet:()=>{}});function Md(t){let{updateConfig:e,updateSettings:o,fetch:n}=d(),r=d().blockchains(),s=d().tokens(),a={walletConnectProjectId:t.config?.walletConnectProjectId},[l,p]=Bd([]),{providers:c}=La(t.config.wallets,a),{connectWallet:u,disconnectWallet:h}=V(),m=Nd();Xr(()=>{n().catch(console.log)},[]),Xr(()=>{t.config&&(e(t.config),o(t.config))},[t.config]);let f=r.filter(Wd).map(y=>y.name),C=i((y,g,x,b,T)=>{if(g===jr.ACCOUNTS)if(x){let v=tn(T.supportedBlockchains),I=ha(y,x,f,v,T.isContractWallet);p(I)}else h(y);if(g===jr.ACCOUNTS&&b.connected){let v=`${y}-${b.network}-${x}`;b.connected&&(m.current?m.current(v):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(g===jr.NETWORK&&b.network){let v=`${y}-${b.network}`;m.current?m.current(v):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(y,g,x,b,T)},"onUpdateState"),S=ee.use.isActiveTab();return Xr(()=>{l.length&&u(l,s)},[l,s]),mn.createElement(dn.Provider,{value:{onConnectWallet:y=>{m.current=y}}},mn.createElement(Ed,{allBlockChains:r,providers:c,onUpdateState:C,autoConnect:!!S},t.children))}i(Md,"Main");function fn(t){let{config:e,...o}=t;return mn.createElement(Ha,{config:e},mn.createElement(Md,{...o,config:e}))}i(fn,"WidgetWallets");import aa,{useEffect as fT}from"react";import{I18nManager as jC}from"@rango-dev/ui";import Xo,{useContext as XC,useEffect as KC,useState as zm}from"react";import{useQueueManager as Dd}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Fd}from"@rango-dev/wallets-react";import{isEvmBlockchain as Ud}from"rango-types";import Od,{Fragment as qd}from"react";import{MemoryRouter as zd,useInRouterContext as Gd}from"react-router";import{useWallets as Pd}from"@rango-dev/wallets-react";import{useEffect as $d,useRef as _d}from"react";function Xa(){let{connect:t,state:e}=Pd(),o=_d({}),{fetchStatus:n}=d(),r=new URLSearchParams(location.search).get("autoConnect")||"",s=e(r);$d(()=>{n==="success"&&r&&s.installed&&!s.connecting&&!s.connected&&!o.current[r]&&(o.current[r]=!0,t(r))},[s,n])}i(Xa,"useForceAutoConnect");function Ka({children:t,...e}){let n=Gd()?qd:zd,r=d().blockchains(),{canSwitchNetworkTo:s}=Fd();Xa();let a=r.filter(Ud);return Dd({lastConnectedWallet:e.lastConnectedWallet,clearDisconnectedWallet:e.clearDisconnectedWallet,disconnectedWallet:e.disconnectedWallet,evmChains:a,canSwitchNetworkTo:s}),Od.createElement(n,null,t)}i(Ka,"AppRouter");import Pe from"react";import{useRoutes as qC}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"};import{useEffect as Yt,useRef as vn}from"react";import bt from"bignumber.js";import{create as Kd}from"zustand";import{subscribeWithSelector as Yd}from"zustand/middleware";import{getLastSuccessfulStep as Xd}from"@rango-dev/queue-manager-rango-preset";import mv from"bignumber.js";var vt=(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))(vt||{});function Ya(t,e){return e.find(o=>o.name===t)?.displayName}i(Ya,"getBlockchainDisplayNameFor");function Oe(t,e){return e.find(o=>o.name===t)?.shortName}i(Oe,"getBlockchainShortNameFor");function yo(t,e){return e.find(o=>o.id===t)?.swapperGroup}i(yo,"getSwapperDisplayName");function Kr(t,e){return e.find(o=>Ae(o,t))??null}i(Kr,"findToken");function Yr(t,e){return e.find(o=>o.name===t)??null}i(Yr,"findBlockchain");import{i18n as je}from"@lingui/core";import Ee from"bignumber.js";import{PendingSwapNetworkStatus as Sn}from"rango-types";function gn(t){let e=[];return t?.result?.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(gn,"getRequiredWallets");function hn(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}i(hn,"isValidAddress");import{i18n as ve}from"@lingui/core";var j=i(()=>({genericServerError:ve.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:ve.t("Please reset your liquidity sources."),description:ve.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources.")},noResultError:{title:ve.t("No Routes Found."),description:ve.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:ve.t("Bridge Limit Error: Please increase your amount."),decreaseAmount:ve.t("Bridge Limit Error: Please decrease your amount.")},highValueLossError:{impactTitle:ve.t("High Price Impact"),title:ve.t("Price impact is too high!"),description:ve.t("The price impact is significantly higher than the allowed amount. If you are sure, continue, otherwise, change the swap."),confirmMessage:ve.t("Confirm high price impact")},quoteUpdatedWithHighValueLoss:{title:ve.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:ve.t("USD Price Unknown"),title:ve.t("USD Price Unknown, Cannot calculate Price Impact."),description:ve.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:ve.t("Confirm USD Price Unknown")}}),"errorMessages");function Ja(t){switch(t.type){case 0:return t.diagnosisMessage??j().noResultError.title;case 1:return j().genericServerError;default:return""}}i(Ja,"getQuoteErrorMessage");import{i18n as yn}from"@lingui/core";var Dt=i(()=>({connectWallet:yn.t("Connect Wallet"),swap:yn.t("Swap"),swapAnyway:yn.t("Swap anyway"),ethWarning:yn.t("The route goes through Ethereum. Continue?")}),"swapButtonTitles");function Za(t,e){return(parseInt(e.toFixed(2)||"0")<=-10&&t?.gte(new Ee(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new Ee(1e3)))??!1}i(Za,"hasHighValueLoss");function Jr(t){return(t?.result?.swaps||[]).filter(e=>{let o=e.fromAmountMinValue?new Ee(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Ee(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(Jr,"hasLimitError");function Zr(t){let e=(t.result?.swaps||[]).filter(l=>{let p=l.fromAmountMinValue?new Ee(l.fromAmountMinValue):null,c=l.fromAmountMaxValue?new Ee(l.fromAmountMaxValue):null;return l.fromAmountRestrictionType==="EXCLUSIVE"?p?.gte(l.fromAmount)||c?.lte(l.fromAmount):p?.gt(l.fromAmount)||c?.lt(l.fromAmount)})[0],o=e.fromAmountMinValue?new Ee(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Ee(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",s="",a="";return!r&&o&&o.gt(e.fromAmount)?(s=je.t({id:"Required: >= {min} {symbol}",values:{min:A(o,6,6),symbol:e.from.symbol}}),a=j().bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(s=je.t({id:"Required: > {min} {symbol}",values:{min:A(o,6,6),symbol:e.from.symbol}}),a=j().bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(s=je.t({id:"Required: <= {max} {symbol}",values:{max:A(n,6,6),symbol:e.from.symbol}}),a=j().bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(s=je.t({id:"Required: < {max} {symbol}",values:{max:A(n,6,6),symbol:e.from.symbol}}),a=j().bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:s,recommendation:a}}i(Zr,"getLimitErrorMessage");function Ra(t){let{fetchMetaStatus:e,anyWalletConnected:o,fetchingQuote:n,inputAmount:r,quote:s,warning:a,error:l,needsToWarnEthOnPath:p}=t;return e!=="success"?{title:Dt().connectWallet,action:"connect-wallet",disabled:!0}:o?n||!s||!s.result||l||!r||r==="0"?{title:Dt().swap,action:"confirm-swap",disabled:!0}:a?{title:Dt().swapAnyway,action:"confirm-warning",disabled:!1}:p?{title:Dt().ethWarning,action:"confirm-warning",disabled:!1}:{title:Dt().swap,action:"confirm-swap",disabled:!1}:{title:Dt().connectWallet,action:"connect-wallet",disabled:!1}}i(Ra,"getSwapButtonState");function Rr(t,e,o){return!((!o||o.lte(Ie))&&t?.result&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t.result)}i(Rr,"canComputePriceImpact");function Hd(t){let e=[];return t?.result?.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(Hd,"requiredWallets");var Qd=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice");function Vd(t,e){let o=Ie;for(let n=0;n<t.fee.length;n++){let r=t.fee[n];if(r.expenseType==="DECREASE_FROM_OUTPUT")continue;let s=Qd(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new Ee(r.amount).multipliedBy(s||0))}return o}i(Vd,"getUsdFeeOfStep");function Cn(t,e){return t.reduce((o,n)=>o.plus(Vd(n,e)),Ie)}i(Cn,"getTotalFeeInUsd");function ei(t){let e=Ie;return e=e.plus(new Ee(t.amount).multipliedBy(t.price||0)),e}i(ei,"getUsdFee");function el(t){return t.reduce((e,o)=>e.plus(ei(o)),Ie)}i(el,"getTotalFeesInUsd");function tl(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(tl,"getFeesGroup");function ti(t){let e=new Map;return t.result?.swaps.forEach((o,n)=>{o.recommendedSlippage?.error&&e.set(n,o.recommendedSlippage.slippage)}),e.size>0?e:null}i(ti,"checkSlippageErrors");function ol(t,e){let o=new Map;return t.result?.swaps.forEach((n,r)=>{n.recommendedSlippage?.slippage&&parseFloat(n.recommendedSlippage.slippage)>e&&o.set(r,n.recommendedSlippage.slippage)}),o.size>0?o:null}i(ol,"checkSlippageWarnings");function Tn(t){return t.result?.swaps.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(Tn,"getMinRequiredSlippage");function nl(t,e){return e?parseFloat(t)>=parseFloat(e):!0}i(nl,"hasProperSlippage");function kn(t){let{fromToken:e,toToken:o,inputAmount:n,wallets:r,selectedWallets:s,disabledLiquiditySources:a,liquiditySources:l,excludeLiquiditySources:p,slippage:c,affiliateRef:u,affiliatePercent:h,affiliateWallets:m,initialQuote:f,destination:C}=t,S=s?.reduce((T,v)=>(T[v.chain]=v.address,T),{}),y=[];r?.forEach(T=>{let v=y.find(I=>I.blockchain===T.chain);v?v.addresses.push(T.address):y.push({blockchain:T.chain,addresses:[T.address]})});let g=!!f,x=jt((f?.result?.swaps||[]).reduce((T,v)=>(T.push(v.from.blockchain,v.to.blockchain),v.internalSwaps&&Array.isArray(v.internalSwaps)&&v.internalSwaps.map(I=>{T.push(I.from.blockchain,I.to.blockchain)}),T),[]));return{amount:n.toString(),affiliateRef:u??void 0,affiliatePercent:h??void 0,affiliateWallets:m??void 0,checkPrerequisites:g,from:{address:e.address,blockchain:e.blockchain,symbol:e.symbol},to:{address:o.address,blockchain:o.blockchain,symbol:o.symbol},connectedWallets:y,selectedWallets:S??{},slippage:c.toString(),...C&&{destination:C},...p&&{swapperGroups:a.concat(l??[]),swappersGroupsExclude:!0},...!p&&{swapperGroups:l?.filter(T=>!a.includes(T)),swappersGroupsExclude:!1},...g&&{blockchains:x}}}i(kn,"createQuoteRequestBody");function rl(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}i(rl,"getWalletsForNewSwap");function Kt(t){return t.result?.outputAmount||null}i(Kt,"getQuoteOutputAmount");function il(t,e){return new Ee(e).div(new Ee(t)).minus(1).multipliedBy(100).toNumber()}i(il,"getPercentageChange");function sl(t,e){let o=Kt(t),n=Kt(e);if(!o||!n)return!1;let r=qe(o,n);return r?r<=-1:!0}i(sl,"isOutputAmountChangedALot");function al(t,e,o){let n=t.validationStatus,r=ya(t);return e.sort((a,l)=>r.indexOf(a.chain)-r.indexOf(l.chain)).flatMap(a=>dl(a,n)||[]).filter(a=>!a.ok).map(a=>{let l=a.asset.symbol,p=A(new Ee(a.currentAmount.amount).shiftedBy(-a.currentAmount.decimals),8,8),c=A(new Ee(a.requiredAmount.amount).shiftedBy(-a.requiredAmount.decimals),8,8),u="";return a.reason==="FEE"&&(u=je.t(" for network fee")),a.reason==="INPUT_ASSET"&&(u=je.t(" for swap")),a.reason==="FEE_AND_INPUT_ASSET"&&(u=je.t(" for input and network fee")),je.t({id:"Needs \u2248 {requiredAmount} {symbol}{reason}, but you have {currentAmount} {symbol} in your {blockchain} wallet.",values:{requiredAmount:c,symbol:l,reason:u,currentAmount:p,blockchain:Oe(a.asset.blockchain,o)}})})}i(al,"generateBalanceWarnings");function ll(t,e){return(t?new Ee(t):Ie).multipliedBy(e||0)}i(ll,"calcOutputUsdValue");function So(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==Sn.NetworkChanged}i(So,"isNetworkStatusInWarningState");function pl(t,e){let o="bellow button or",n=t.extraMessage,r=t.extraMessageDetail;if(t.networkStatusExtraMessageDetail?.includes(o)&&(t.networkStatusExtraMessageDetail=t.networkStatusExtraMessageDetail.replace(o,"")),So(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case Sn.WaitingForConnectingWallet:n=n||je.t("Waiting for connecting wallet");break;case Sn.WaitingForQueue:n=n||je.t("Waiting for other running tasks to be finished");break;case Sn.WaitingForNetworkChange:n=n||je.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(pl,"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 ul(t){return t.status==="failed"&&!!t.finishTime&&new Date().getTime()-parseInt(t.finishTime)<4*3600*1e3}i(ul,"shouldRetrySwap");function ml(t,e,o,n,r,s){return t||!e&&!Hd(n).every(a=>r.map(l=>l.chain).includes(a))||!!e&&!o||!!e&&!!o&&s&&!hn(s,o)}i(ml,"confirmSwapDisabled");function gl(t){return t?.result?.swaps[t?.result?.swaps.length-1].to.usdPrice}i(gl,"getQuoteToTokenUsdPrice");function oi(t,e){let o=t.result?.swaps||[],n=e.result?.swaps||[];return o.length!==n.length}i(oi,"isNumberOfSwapsChanged");function ni(t,e){let o=t.result?.swaps.map(r=>r.swapperId)||[],n=e.result?.swaps.map(r=>r.swapperId)||[];return!Qr(o,n)}i(ni,"isQuoteSwappersUpdated");function ri(t,e){let o=t.result?.swaps.map(r=>r.to.symbol)||[],n=e.result?.swaps.map(r=>r.to.symbol)||[];return!Qr(o,n)}i(ri,"isQuoteInternalCoinsUpdated");function hl(t,e){return oi(t,e)||ni(t,e)||ri(t,e)}i(hl,"isQuoteChanged");function dl(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(dl,"getRequiredBalanceOfWallet");function ft(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}i(ft,"getPriceImpactLevel");function yl(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],s=Xd(t.steps),a={blockchain:r.toBlockchain,symbol:r.toSymbol,address:r.toSymbolAddress},l=Yr(s?s.toBlockchain:n.fromBlockchain,e),p=Yr(r.toBlockchain,e),c=Kr(s?{blockchain:l?.name??"",symbol:s.toSymbol,address:s.toSymbolAddress}:{blockchain:l?.name??"",symbol:n.fromSymbol,address:n.fromSymbolAddress},o),u=Kr(a,o),h=s?s.outputAmount??"":t.inputAmount;return{fromBlockchain:l,fromToken:c,toBlockchain:p,toToken:u,inputAmount:h}}i(yl,"createRetryQuote");function wn(t,e){let{fromToken:o,toToken:n,tokens:r,userSlippage:s}=e,a=Ft(o,t.requestAmount),l=Ft(n,t.result?.outputAmount??"");if(t.result&&a&&l){let u=qe(a.toString(),l.toString());if(!!u&&Za(a,u)){let m=Cn(t.result.swaps,r),f=ft(u);return{type:0,inputUsdValue:a,outputUsdValue:l,priceImpact:u,totalFee:m,warningLevel:f}}}else if(t.result&&(!a||!l))return{type:1};let p=Tn(t),c=s>Fa;if(nl(e.userSlippage.toString(),p)){if(c&&parseFloat(p??"0")<s)return{type:3,slippage:s.toString()}}else return{type:2,recommendedSlippages:ol(t,s),minRequiredSlippage:p};return null}i(wn,"generateQuoteWarnings");function qe(t,e){let o=typeof e=="string"?parseFloat(e)<=0:!e?.gt(0),n=!t||!e||o?null:il(t.toString(),e.toString());return n&&n<0?n:null}i(qe,"getPriceImpact");var Sl=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");var Ft=i((t,e)=>t?.usdPrice?new bt(e||Ie).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),X=wt(Kd()(Yd(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new bt(0),outputUsdValue:new bt(0),toBlockchain:null,toToken:null,quote:null,quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:"",quoteWarningsConfirmed:!1,setQuote:e=>t(o=>{let n=null,r=Ie;return fo(o.inputAmount)?(e&&(n=e.result?.outputAmount?new bt(e.result?.outputAmount):null,r=ll(e.result?.outputAmount,gl(e)||o.toToken?.usdPrice)),{quote:e,...!!e&&{outputAmount:n,outputUsdValue:r}}):{}}),resetQuote:()=>t(()=>({quote:null,outputAmount:null,outputUsdValue:new bt(0)})),setFromBlockchain:e=>{t(o=>o.fromBlockchain?.name===e?.name?{}:{fromBlockchain:e,...o.fromToken&&{quote: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:Ft(e.token,o.inputAmount)}})),setToBlockchain:e=>{t(o=>o.toBlockchain?.name===e?.name?{}:{toBlockchain:e,...o.toToken&&{quote:null,toToken:null,outputAmount:null,outputUsdValue:null}})},setToToken:e=>t(()=>({toToken:e.token,...e.token&&{toBlockchain:e.meta.blockchains.find(o=>o.name===e.token.blockchain)??null}})),setInputAmount:e=>{t(o=>({inputAmount:e,...!e&&{outputAmount:new bt(0),outputUsdValue:new bt(0),quote:null},...!!o.fromToken&&{inputUsdValue:Ft(o.fromToken,e)}}))},retry:(e,o)=>{let{tokens:n,blockchains:r}=o,{fromBlockchain:s,fromToken:a,toBlockchain:l,toToken:p,inputAmount:c}=yl(e,r,n);t({fromBlockchain:s,fromToken:a,inputAmount:c,outputAmount:null,inputUsdValue:Ft(a??null,c),outputUsdValue:new bt(0),toBlockchain:l,toToken:p,quote:null})},switchFromAndTo:()=>t(e=>({fromBlockchain:e.toBlockchain,fromToken:e.toToken,toBlockchain:e.fromBlockchain,toToken:e.fromToken,inputAmount:e.outputAmount?.toString()||"",inputUsdValue:Ft(e.toToken,e.outputAmount?.toString()||"")})),resetFromBlockchain:()=>t(()=>({fromToken:null,fromBlockchain:null,outputAmount:null,outputUsdValue:null,quote:null})),resetToBlockchain:()=>t(()=>({toToken:null,toBlockchain:null,outputAmount:null,outputUsdValue:null,quote:null})),setQuoteWalletConfirmed:e=>t({quoteWalletsConfirmed:e}),setSelectedWallets:e=>t({selectedWallets:e}),setCustomDestination:e=>t({customDestination:e}),resetQuoteWallets:()=>t({quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:""}),setQuoteWarningsConfirmed:e=>t({quoteWarningsConfirmed:e})}))));function Cl(){let{setInputAmount:t,setToToken:e,setToBlockchain:o,setFromBlockchain:n,setFromToken:r,fromToken:s,toToken:a,fromBlockchain:l,toBlockchain:p}=X(),c=d().config,u=d().fetchStatus,h=d().blockchains(),m=d().tokens(),{setAffiliateRef:f,setAffiliatePercent:C,setAffiliateWallets:S}=d(),y=c?.from?.tokens,g=c?.from?.blockchains,x=c?.to?.tokens,b=c?.to?.blockchains,T=vn(void 0),v=vn(void 0),I=vn(void 0),w=vn(void 0);Yt(()=>{t(c?.amount?.toString()||"")},[c?.amount]),Yt(()=>{if(u==="success"){let k=h.find(W=>W.name===c?.from?.blockchain),L=m.find(W=>Ae(W,c?.from?.token||null));(k||!k&&I.current)&&n(k??null),L?r({token:L,meta:{blockchains:h,tokens:m}}):!L&&T.current&&r({token:null}),I.current=c?.from?.blockchain,T.current=c?.from?.token}},[c?.from?.token?.symbol,c?.from?.token?.address,c?.from?.token?.blockchain,c?.from?.blockchain,u]),Yt(()=>{go(s,y)&&r({token:null}),Gr(l,g)&&n(null)},[y,g]),Yt(()=>{go(a,x)&&r({token:null}),Gr(p,b)&&o(null)},[x,b]),Yt(()=>{if(u==="success"){let k=h.find(W=>W.name===c?.to?.blockchain),L=m.find(W=>Ae(W,c?.to?.token||null));(k||!k&&w.current)&&o(k??null),L?e({token:L,meta:{blockchains:h,tokens:m}}):!L&&v.current&&e({token:null}),w.current=c?.to?.blockchain,v.current=c?.to?.token}},[c?.to?.token?.symbol,c?.to?.token?.address,c?.to?.token?.blockchain,c?.to?.blockchain,u]),Yt(()=>{f(c?.affiliate?.ref??null),C(c?.affiliate?.percent??null),S(c?.affiliate?.wallets??null)},[c?.affiliate?.ref,c?.affiliate?.percent,c?.affiliate?.wallets])}i(Cl,"useSyncStoresWithConfig");import{useEffect as ai,useRef as Jd}from"react";import{useInRouterContext as Zd,useLocation as Rd,useSearchParams as ef}from"react-router-dom";function ii(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(ii,"searchParamToToken");function si(t){if(t)return`${t.symbol}${t.address?`--${t.address}`:""}`}i(si,"tokenToSearchParam");function li(){let t=Rd(),[e,o]=ef(),{fromBlockchain:n,toBlockchain:r,fromToken:s,toToken:a,inputAmount:l,setFromBlockchain:p,setToBlockchain:c,setFromToken:u,setToToken:h,setInputAmount:m}=X(),f=d().fetchStatus,C=d().blockchains(),S=d().tokens(),y=Zd(),{updateIframe:g,updateCampaignMode:x}=d(),b=d().isInCampaignMode(),T=Jd(),v=i(()=>{let w=e.get("fromAmount"),k=e.get("fromBlockchain"),L=e.get("fromToken"),W=e.get("toBlockchain"),$=e.get("toToken"),F=e.get("autoConnect"),E=e.get("clientUrl"),P=e.get("liquiditySources");return{fromAmount:w,fromBlockchain:k,fromToken:L,toBlockchain:W,toToken:$,autoConnect:F,clientUrl:E,liquiditySources:P}},"getUrlSearchParams"),I=i(w=>{for(let k in w)w[k]||delete w[k];o(w,{replace:!0})},"updateUrlSearchParams");ai(()=>{let{autoConnect:w,clientUrl:k}=v();y&&f==="success"&&I({["fromBlockchain"]:n?.name,["fromToken"]:si(s),["toBlockchain"]:r?.name,["toToken"]:si(a),["fromAmount"]:l,["autoConnect"]:w??void 0,["clientUrl"]:k??void 0,["liquiditySources"]:b?T.current:void 0})},[t.pathname,l,n,s,r,a,b]),ai(()=>{if(!y)return;let w=v();if(!T.current&&w.liquiditySources&&(T.current=w.liquiditySources),w.fromAmount&&m(w.fromAmount),f==="success"){let k=C.find(F=>F.name===w.fromBlockchain),L=ii(S,w.fromToken,k??null),W=C.find(F=>F.name===w.toBlockchain),$=ii(S,w.toToken,W??null);k&&(p(k),L&&u({token:L,meta:{blockchains:C,tokens:S}})),W&&(c(W),$&&h({token:$,meta:{blockchains:C,tokens:S}}))}},[f]),ai(()=>{let{clientUrl:w,liquiditySources:k}=v();g("clientUrl",w||void 0),x("liquiditySources",k?.split(",")??void 0)},[])}i(li,"useSyncUrlAndStore");import{i18n as pr}from"@lingui/core";import{useManager as Dh}from"@rango-dev/queue-manager-react";import{Alert as Oc,Button as Fh,css as rs,Divider as ns,IconButton as qc,SettingsIcon as Uh,styled as Oh,Tooltip as qh,Typography as zh,WalletIcon as Gh}from"@rango-dev/ui";import pe,{useEffect as Mo,useLayoutEffect as Hh,useRef as Qh,useState as cr}from"react";import{flushSync as Vh}from"react-dom";import{useLocation as jh,useNavigate as Xh}from"react-router-dom";import{i18n as nt}from"@lingui/core";import{Alert as $i,BalanceErrors as Lg,Button as bp,ChevronDownIcon as Ng,ChevronLeftIcon as Bg,Divider as oo,MessageBox as Mg,Typography as Vn,WalletIcon as Pg}from"@rango-dev/ui";import B,{useEffect as $g,useState as Ot}from"react";import{useNavigate as _g}from"react-router-dom";import{i18n as xn}from"@lingui/core";function bn(t){switch(t.type){case 0:return xn.t("Route has been updated.");case 3:return xn.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return xn.t("Route swappers has been updated.");case 2:return xn.t("Route internal coins has been updated.");default:return""}}i(bn,"getQuoteUpdateWarningMessage");import{Modal as of}from"@rango-dev/ui";import nf from"react";function ie(t){let{watermark:e}=ee();return nf.createElement(of,{hasWatermark:e==="FULL",...t},t.children)}i(ie,"WatermarkedModal");import Wn,{useRef as af}from"react";import*as Jt from"@radix-ui/react-collapsible";import{keyframes as Tl,styled as In}from"@rango-dev/ui";var pi=300,rf=Tl({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),sf=Tl({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),kl=In(Jt.Root,{borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),ci=In(Jt.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit",cursor:"pointer"}),An=In(Jt.Content,{overflow:"hidden",variants:{open:{true:{animation:`${rf} ${pi}ms ease-out`},false:{animation:`${sf} ${pi}ms ease-out`}}}}),En=In("div",{transition:`all ${pi}ms ease`,display:"flex",alignItems:"center",variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}});function Ln(t){let{open:e,hasSelected:o,onOpenChange:n,children:r,onClickTrigger:s,trigger:a,triggerAnchor:l}=t,p=af(null);return Wn.createElement(kl,{ref:p,className:"collapsible_root",selected:o&&e,open:e,onOpenChange:n},l==="top"&&Wn.createElement(ci,{className:"collapsible_trigger",onClick:s},a),Wn.createElement(An,{className:"collapsible_content",open:e},r),l==="bottom"&&Wn.createElement(ci,{className:"collapsible_trigger",onClick:s},a))}i(Ln,"CustomCollapsible");import{Button as lf,css as wl,darkTheme as Zt,IconButton as pf,styled as ze,TextField as cf}from"@rango-dev/ui";var vl=ze("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),xl=ze("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),uf=ze("button",{borderRadius:"$xm",padding:"$10",border:"0",display:"flex",justifyContent:"center",$$color:"$colors$neutral100",[`.${Zt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",alignItems:"center",cursor:"pointer",width:110,position:"relative","&:hover":{$$color:"$colors$info100",[`.${Zt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$color:"$colors$info100",[`.${Zt} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color",outline:0},variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary",outlineStyle:"solid"}}}}),bl=ze(uf,{alignSelf:"stretch",minHeight:"93px"}),Il=ze("div",{padding:"$20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),Al=ze(pf,{position:"absolute",left:"$20"}),El=ze("div",{paddingTop:"$20"}),Wl=wl({display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),Ll=ze("div",{padding:"$10 $0","& .button__content":{display:"flex",alignItems:"center"},"& .alarms":{paddingTop:"$5"},"& .collapsible_content":{backgroundColor:"$neutral100"},"& .collapsible_root":{backgroundColor:"$neutral200"}}),Nl=wl({paddingTop:"$5"}),Bl=ze("div",{display:"flex"}),Ml=ze(cf,{backgroundColor:"$neutral100",padding:"$0 $15 $15 $15"}),Pl=ze("div",{overflow:"visible",width:"100%"}),$l=ze(lf,{width:"100%",borderRadius:"$sm !important",padding:"$15 !important",justifyContent:"space-between",alignItems:"center",$$color:"$colors$neutral100",[`.${Zt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color","&:hover":{$$color:"$colors$info100",[`.${Zt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$background:"$colors$info100",[`.${Zt} &`]:{$$background:"$colors$info700"},backgroundColor:"$$background",outline:0}});import{i18n as Ke}from"@lingui/core";import{Button as Ig,Divider as Mi,Image as Ag,MessageBox as Qn,SelectableWallet as Eg,Typography as kp,WalletState as wp}from"@rango-dev/ui";import ae,{useEffect as vp,useState as wo}from"react";import{WalletState as ui}from"@rango-dev/ui";import{useWallets as mf}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as df,WalletTypes as Nn}from"@rango-dev/wallets-shared";import{useEffect as ff,useState as gf}from"react";var hf=Object.values(Nn);function Bn(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:s,disconnect:a,getWalletInfo:l,connect:p}=mf(),{connectedWallets:c}=V(),u=d().blockchains(),h=Wa(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||hf,m=ga(s,l,h,o),f=wa(m),[C,S]=gf(""),y=i(v=>!c.find(I=>I.walletType===v&&I.chain===o),"isExperimentalChainNotAdded"),g=i(async v=>{let I=s(v);try{if(C&&S(""),I.connected)await a(v);else{let w=!!m.find(k=>k.state===ui.CONNECTED);if(!e?.multiWallets&&w)return;n?.(v),await p(v),r?.(v)}}catch(w){S("Error: "+w?.message)}},"handleClick"),x=i(()=>{let v=m?.filter(I=>I.state===ui.CONNECTING)||[];for(let I of v)a(I.type)},"disconnectConnectingWallets");ff(()=>()=>{x()},[]);let b=i(v=>v.filter(w=>w.state!=ui.NOT_INSTALLED&&![Nn.DEFAULT,Nn.WALLET_CONNECT_2].includes(w.type)&&l(w.type).supportedChains.filter(k=>k.type=="EVM").length>0).length==0,"shouldShowDefaultInjectedWallet"),T=i((v,I,w)=>nn(w,I)&&y(v)&&!df.includes(v)||v==Nn.DEFAULT&&!b(m),"shouldExcludeWallet");return{list:f.filter(v=>!T(v.type,o??"",u)),error:C,handleClick:g}}i(Bn,"useWalletList");import{i18n as fp}from"@lingui/core";import{styled as hp,Typography as Cg,Wallet as Tg,WalletState as kg}from"@rango-dev/ui";import to,{useState as gp}from"react";import{useManager as pg}from"@rango-dev/queue-manager-react";import{BottomLogo as cg,Divider as sp,Header as ug}from"@rango-dev/ui";import de,{useEffect as ap,useRef as lp}from"react";import{useRef as yf}from"react";function Mn(){return window.self!==window.top}i(Mn,"isAppLoadedIntoIframe");function mi(){let t=yf(null),{iframe:e}=d(),o=Mn()&&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(mi,"useIframe");import{useNavigate as Sf}from"react-router-dom";function It(){let t=Sf();return()=>t(-1)}i(It,"useNavigateBack");import{createTheme as hi,darkTheme as vf,lightTheme as xf}from"@rango-dev/ui";import{useEffect as Ul,useState as bf}from"react";import{theme as kf,darkColors as wf}from"@rango-dev/ui";var _l=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,c=(a.length<2?"0":"")+a,u=(l.length<2?"0":"")+l;return`#${p}${c}${u}`},"colorShade"),Pn=i((t,e)=>{let a={[t]:e};for(let l=1;l<10;l++)l<5&&(a={...a,[t+l*100]:_l(e,(5-l)*25)}),l===5&&(a={...a,[t+l*100]:e}),l>5&&(a={...a,[t+l*100]:_l(e,-((l-5)*25))});return a},"generateRangeColors"),di=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=Pn(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,...Pn(s,a)}}return n?r:{}},"generateColors");var Dl=i(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),Cf=i(t=>{let e="",o;for(o=Math.abs(t);o>52;o=o/52|0)e=Dl(o%52)+e;return Dl(o%52)+e},"toAlphabeticName"),Tf=i((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),fi=i(t=>Cf(Tf(5381,JSON.stringify(t))>>>0),"toHash");function gi(t){let e=kf.colors,o=di({...e,...wf},!0,t?.dark),n=di(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:`${zr}-light-${fi(p)}`,tokens:p}}if(r){let p={colors:o};l={id:`${zr}-dark-${fi(p)}`,tokens:p}}return{light:a,dark:l}}i(gi,"customizedThemeTokens");function Fl(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(Fl,"joinList");function $n(t){let{colors:e,fontFamily:o=Ea,borderRadius:n=Ia,secondaryBorderRadius:r=Aa,mode:s="auto"}=t,[a,l]=bf("light"),{setTheme:p,theme:c}=d(),{dark:u,light:h}=gi(e),m=hi({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),f=[m.className,xf.className],C=[m.className,vf.className];if(h){let y=hi(h.id,h.tokens);f.push(y.className)}if(u){let y=hi(u.id,u.tokens);C.push(y.className)}return Ul(()=>{let y=i(g=>{g.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)}},[]),Ul(()=>{s!=="auto"&&p(s)},[s]),{activeTheme:i(()=>{let y=f.join(" "),g=C.join(" ");return c==="auto"?a==="dark"?g:y:c==="dark"?g:y},"getActiveTheme")}}i($n,"useTheme");var At=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 Ol}from"@lingui/core";import{Alert as If,Button as Af}from"@rango-dev/ui";import ql from"react";function yi(t){return ql.createElement(If,{action:ql.createElement(Af,{onClick:t.onActivateTab,variant:"contained",size:"xxsmall",type:"warning"},Ol.t("Activate")),type:"warning",variant:"alarm",title:Ol.t("Another tab is open and handles transactions. You can activate this tab.")})}i(yi,"ActivateTabAlert");import{i18n as Si}from"@lingui/core";import{Button as Ef,Divider as Wf,MessageBox as Lf}from"@rango-dev/ui";import _n from"react";function Ci(t){let{open:e,onClose:o,onConfirm:n}=t;return _n.createElement(ie,{open:e,dismissible:!0,onClose:o,container:N()},_n.createElement(Lf,{title:Si.t("Activate current tab"),type:"warning",description:Si.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.")},_n.createElement(Wf,{size:20}),_n.createElement(Ef,{variant:"contained",size:"large",type:"primary",fullWidth:!0,onClick:n},Si.t("Confirm"))))}i(Ci,"ActivateTabModal");import{ChevronLeftIcon as Mf}from"@rango-dev/ui";import Ql from"react";import{darkTheme as Nf,IconButton as Bf,styled as Co}from"@rango-dev/ui";var Ge=Co(Bf,{width:"$24",position:"relative",padding:"0",overflow:"unset"}),zl=Co("div",{position:"absolute",background:"$secondary500",[`.${Nf} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),Rt=Co("div",{display:"flex",justifyContent:"flex-end",minWidth:"$40",button:{padding:0}}),Gl=Co("div",{position:"absolute",backgroundColor:"$secondary500",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0"}),Hl=Co("div",{padding:"$2",variants:{isRefetched:{true:{transform:"rotate(360deg)",transition:"transform 1s ease-in-out"}}}});function Ti(t){return Ql.createElement(Ge,{variant:"ghost",size:"small",onClick:t.onClick},Ql.createElement(Mf,{color:"black",size:16}))}i(Ti,"BackButton");import{i18n as Pf}from"@lingui/core";import{Button as $f,Typography as _f}from"@rango-dev/ui";import ki from"react";function wi(t){return ki.createElement(Rt,null,ki.createElement($f,{variant:"ghost",onClick:t.onClick,size:"xsmall"},ki.createElement(_f,{variant:"label",size:"medium",color:"error500"},Pf.t("Cancel"))))}i(wi,"CancelButton");import{i18n as Df}from"@lingui/core";import{Tooltip as Ff,WalletIcon as Uf}from"@rango-dev/ui";import Dn from"react";function vi(t){return Dn.createElement(Ff,{container:t.container,side:"top",content:Df.t("Connect Wallet")},Dn.createElement(Ge,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&Dn.createElement(zl,null),Dn.createElement(Uf,{size:18,color:"black"})))}i(vi,"WalletButton");import{i18n as qn}from"@lingui/core";import{NotificationsIcon as ig,Popover as sg,SettingsIcon as ag,Tooltip as zn,TransactionIcon as lg}from"@rango-dev/ui";import Ce from"react";import{i18n as jf}from"@lingui/core";import{EventSeverity as Xf}from"@rango-dev/queue-manager-rango-preset";import{ChainToken as Jl,ChevronRightIcon as Kf,ListItemButton as Yf,Typography as Jf}from"@rango-dev/ui";import Xe from"react";import{useNavigate as Zf}from"react-router-dom";import{create as Of}from"zustand";import{persist as qf,subscribeWithSelector as zf}from"zustand/middleware";var _e=wt(Of()(qf(zf((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 Fn}from"@rango-dev/ui";var Vl=Fn("div",{padding:"$10",width:"350px",maxWidth:"90vw",minHeight:"150px"}),jl=Fn("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),Xl=Fn("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),Kl=Fn("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as Gf}from"@lingui/core";import{Divider as Hf,NoNotificationIcon as Qf,Typography as Vf}from"@rango-dev/ui";import Un from"react";function Yl(){return Un.createElement(Kl,null,Un.createElement(Qf,{color:"secondary",size:26}),Un.createElement(Hf,{size:12}),Un.createElement(Vf,{variant:"body",size:"medium",color:"neutral700"},Gf.t("There are no notifications.")))}i(Yl,"NotificationNotFound");var Rf=4;function xi(){let t=Zf(),{getUnreadNotifications:e}=_e(),o=e(),n=d().blockchains(),r=d().tokens(),s=o.sort((l,p)=>p.creationTime-l.creationTime).slice(0,Rf),a=i(l=>{t(`${_.swaps}/${l}`)},"handleOnClick");return Xe.createElement(Vl,null,s.length?Xe.createElement(jl,null,s.map(l=>{let{route:p,requestId:c,event:u}=l,h=r.find(S=>Ae(S,p.from)),m=n.find(S=>S.name===p.from.blockchain),f=r.find(S=>Ae(S,p.to)),C=n.find(S=>S.name===p.to.blockchain);return Xe.createElement(Yf,{key:c,onClick:()=>a(c),title:Xe.createElement(Jf,{variant:"body",size:"small",color:u.messageSeverity===Xf.WARNING?"$foreground":"$neutral700"},jf.t(u.message)),id:c,start:Xe.createElement(Xl,null,Xe.createElement("div",{className:"from-chain-token"},Xe.createElement(Jl,{tokenImage:h?h.image:"",chainImage:m?m.logo:"",size:"small"})),Xe.createElement("div",{className:"to-chain-token"},Xe.createElement(Jl,{tokenImage:f?f.image:"",chainImage:C?C.logo:"",size:"small"}))),end:Xe.createElement(Kf,{size:12,color:"gray"})})})):Xe.createElement(Yl,null))}i(xi,"NotificationContent");import{RefreshProgressButton as eg}from"@rango-dev/ui";import bi,{useEffect as tg,useState as Zl}from"react";var og=1e3,Rl=60,ng=100;function On({onClick:t}){let[e,o]=Zl(0),[n,r]=Zl(!1),s=i(p=>{document.hidden&&p&&a(p)},"handleVisibilityChange");tg(()=>{let p;return t?p=window.setInterval(()=>{o(c=>c+1),e===Rl&&l()},og):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 bi.createElement(Ge,{variant:"ghost",size:"small",onClick:l,disabled:!t},bi.createElement(Hl,{onTransitionEnd:()=>r(!1),isRefetched:n},bi.createElement(eg,{size:24,color:t?"black":"gray",progress:e/Rl*ng})))}i(On,"RefreshButton");import{Typography as rg}from"@rango-dev/ui";import ep from"react";function tp(){let{getUnreadNotifications:t}=_e(),e=t().length;return e?ep.createElement(Gl,null,ep.createElement(rg,{variant:"body",size:"xsmall",color:"$background"},e)):null}i(tp,"UnreadNotificationsBadge");function Ii(t){let{onClickRefresh:e,onClickHistory:o,onClickSettings:n}=t,{config:{features:r}}=d(),s=Ue("notification",r);return Ce.createElement(Ce.Fragment,null,Ce.createElement(zn,{container:N(),side:"top",content:qn.t("Refresh")},Ce.createElement(On,{onClick:e})),!s&&Ce.createElement(sg,{align:"end",alignOffset:-88,collisionPadding:{right:20,left:20},container:N(),content:Ce.createElement(xi,null)},Ce.createElement("div",null,Ce.createElement(zn,{container:N(),side:"top",content:qn.t("Notifications")},Ce.createElement(Ge,{size:"small",variant:"ghost"},Ce.createElement(ig,{size:18,color:"black"}),Ce.createElement(tp,null))))),Ce.createElement(zn,{container:N(),side:"top",content:qn.t("Settings")},Ce.createElement(Ge,{size:"small",variant:"ghost",onClick:n},Ce.createElement(ag,{size:18,color:"black"}))),Ce.createElement(zn,{container:N(),side:"top",content:qn.t("Transactions History")},Ce.createElement(Ge,{size:"small",variant:"ghost",onClick:o},Ce.createElement(lg,{size:18,color:"black"}))))}i(Ii,"HomeButtons");function Ai(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(Ai,"onScrollContentAttachStatusToContainer");import{styled as Ei}from"@rango-dev/ui";var op="700px",np=Ei("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:op},fixed:{height:op}}}}),rp=Ei("div",{position:"relative",overflow:"hidden",flexGrow:1,display:"flex",flexDirection:"column",padding:0,overflowY:"auto"}),ip=Ei("div",{padding:"0 $20 $10","& .footer__logo":{opacity:0,transition:"opacity 1s ease-in-out","&.logo__show":{opacity:1},"&.logo__hidden":{visibility:"hidden"}}});function ne(t){let{connectHeightObserver:e,disconnectHeightObserver:o}=mi(),{children:n,header:r,footer:s,height:a="fixed"}=t,l=V.use.connectedWallets(),{config:{features:p,theme:c}}=d(),{watermark:u}=ee(),h=u==="FULL",{activeTheme:m}=$n(c||{}),f=Ue("connectWalletButton",p),{isActiveTab:C,tabManagerInitiated:S,showActivateTabModal:y,setShowActivateTabModal:g,activateCurrentTab:x}=ee(),b=It(),{manager:T}=pg(),I=At(T).map(({swap:F})=>F).some(F=>F.status==="running"),w=i(()=>x(_t.forceClaim,I),"onActivateTab"),k=i(()=>{r.onWallet?.()},"onConnectWallet"),L=typeof r.hasBackButton>"u"||r.hasBackButton,W=lp(null),$=lp(null);return ap(()=>(Mn()&&$.current&&e($.current),()=>{o()}),[]),ap(()=>(W.current?.addEventListener("scroll",Ai),()=>{W.current?.removeEventListener("scroll",Ai)}),[]),de.createElement(np,{height:a,id:be.SWAP_BOX_ID,className:m(),ref:$},de.createElement(ug,{prefix:de.createElement(de.Fragment,null,L&&de.createElement(Ti,{onClick:b})),title:r.title,suffix:de.createElement(de.Fragment,null,r.suffix,r.onWallet&&!f&&de.createElement(vi,{container:N(),onClick:k,isConnected:!!l?.length}),r.onCancel&&de.createElement(wi,{onClick:r.onCancel}))}),de.createElement(rp,{ref:W},n),de.createElement(Ci,{open:y,onClose:()=>g(!1),onConfirm:w}),de.createElement(ip,null,de.createElement("div",{className:"footer__content"},s,S&&!C&&de.createElement(de.Fragment,null,de.createElement(sp,{size:12}),de.createElement(yi,{onActivateTab:w}))),de.createElement(sp,{size:12}),de.createElement("div",{className:`footer__logo ${h?"logo__show":"logo__hidden"}`},de.createElement(cg,null))))}i(ne,"Layout");import{styled as mg}from"@rango-dev/ui";var pp="$20 $20 $10 $20",To=mg("div",{padding:pp,overflowY:"auto",flexGrow:1});import{styled as dg}from"@rango-dev/ui";var se=dg("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 Sg}from"@rango-dev/ui";import Li from"react";import{i18n as eo}from"@lingui/core";import{Image as hg,MessageBox as Wi,WalletState as yg}from"@rango-dev/ui";import Ut from"react";import{keyframes as fg,styled as Gn}from"@rango-dev/ui";var TA=Gn("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),cp=Gn("div",{position:"relative"}),gg=fg({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),up=Gn("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${gg} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),mp=Gn("div",{"& img":{borderRadius:"50%"}});function dp(t){let{state:e,image:o,error:n}=t;return e===yg.CONNECTED?Ut.createElement(Wi,{type:"success",title:eo.t("Wallet Connected"),description:eo.t("Your wallet is connected, you can use it to swap.")}):n?Ut.createElement(Wi,{type:"error",title:eo.t("Failed to Connect"),description:n||eo.t("Your wallet is not connected. Please try again.")}):Ut.createElement(Wi,{type:"loading",title:eo.t("Connecting to your wallet"),description:eo.t("Click connect in your wallet popup."),icon:Ut.createElement(cp,null,Ut.createElement(mp,null,Ut.createElement(hg,{src:o,size:45})),Ut.createElement(up,null))})}i(dp,"ModalContent");function ko(t){let{open:e,onClose:o,...n}=t;return Li.createElement(ie,{open:e,onClose:o,container:document.getElementById(be.SWAP_BOX_ID)||document.body},Li.createElement(dp,{...n}),Li.createElement(Sg,{direction:"vertical",size:32}))}i(ko,"WalletModal");var wg=hp("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),vg=hp(se,{textAlign:"center"}),Hn=3e3,Ni=300;function yp(){let{config:t,fetchStatus:e}=d(),[o,n]=gp(!1),[r,s]=gp(""),a=null,l=ee.use.isActiveTab(),{list:p,handleClick:c,error:u}=Bn({config:t,onBeforeConnect:C=>{a=setTimeout(()=>{n(!0),s(C)},Ni)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},Hn)}}),h=p.find(C=>C.type===r),m=h?.image||"",f=h?.state||kg.NOT_INSTALLED;return to.createElement(ne,{header:{title:fp.t("Connect Wallets")}},to.createElement(vg,null,to.createElement(Cg,{variant:"title",size:"xmedium",align:"center"},fp.t("Choose a wallet to connect.")),to.createElement(wg,null,p.map((C,S)=>{let y=`wallet-${S}-${C.type}`;return to.createElement(Tg,{key:y,...C,container:N(),onClick:g=>{c(g)},isLoading:e==="loading",disabled:!l})}),to.createElement(ko,{open:!!o,onClose:()=>n(!1),image:m,state:f,error:u}))))}i(yp,"WalletsPage");import{keyframes as xg,styled as Bi}from"@rango-dev/ui";var Sp=Bi("div",{position:"relative"}),bg=xg({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),Cp=Bi("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}),Tp=Bi("div",{"& img":{borderRadius:"50%"}});var Wg=7;function Pi(t){let{chain:e,isSelected:o,selectWallet:n,limit:r,onShowMore:s}=t,{config:a}=d(),l=ee.use.isActiveTab(),p=V.use.connectedWallets(),{blockchains:c}=d(),[u,h]=wo(""),[m,f]=wo(null),[C,S]=wo(!1),[y,g]=wo(null),{suggestAndConnect:x}=xp(),b=null,{list:T,error:v,handleClick:I}=Bn({config:a,chain:e,onBeforeConnect:E=>{b=setTimeout(()=>{h(E)},Ni)},onConnect:()=>{b&&clearTimeout(b),setTimeout(()=>{h("")},Hn)}}),[w,k]=wo(T),L=T.length,W=r&&L-r>0,$=i(async E=>{S(!1),g("in-progress");try{await x(E.walletType,E.chain),g("completed")}catch{g("rejected")}},"addExperimentalChain");vp(()=>{k(E=>{let P=T.findIndex(J=>o(J.type,e));return W&&P>1?[T[P]].concat(T.filter((J,re)=>re!==P)):E.map(J=>T.find(re=>re.type===J.type)??J)})},[JSON.stringify(T)]);let F=document.getElementById(be.SWAP_BOX_ID);return vp(()=>{let E=null;return(y==="completed"||y==="rejected")&&(E=setTimeout(()=>g(null),Hn)),()=>{E&&clearTimeout(E)}},[y]),ae.createElement(ae.Fragment,null,w.slice(0,r).map(E=>{let P=va({connectedWallets:p,walletType:E.type,chain:e}),J=P?sn(P,Wg):"",re=nn(c(),e),ce=!p.find(ke=>ke.walletType===E.type&&ke.chain===e),Q=re&&ce&&E.state===wp.CONNECTED,Ne=Q?Ke.t({id:"Add {chain} chain",values:{chain:e}}):J,K=i(()=>{E.state===wp.DISCONNECTED?I(E.type):Q?(f({walletType:E.type,chain:e,address:P??""}),S(!0)):n({walletType:E.type,chain:e,address:P??""})},"onClick"),q=m?.chain?Ya(m.chain,c()):void 0;return ae.createElement(ae.Fragment,null,ae.createElement(ko,{open:u===E.type,onClose:()=>h(""),image:E.image,state:E.state,error:v}),!!m&&ae.createElement(ie,{open:!!m&&C,container:F,onClose:()=>{f(null)}},ae.createElement(Qn,{title:Ke.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:q}}),type:"warning",description:Ke.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:q}})},ae.createElement(Mi,{size:18}),ae.createElement(Mi,{size:32}),ae.createElement(Ig,{onClick:$.bind(null,m),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},Ke.t("Confirm")))),y&&ae.createElement(ie,{open:!!y,onClose:g.bind(null,null),container:F},y==="in-progress"&&ae.createElement(Qn,{type:"loading",title:Ke.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:q}}),description:Ke.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:q}}),icon:ae.createElement(Sp,null,ae.createElement(Tp,null,ae.createElement(Ag,{src:E.image,size:45})),ae.createElement(Cp,null))}),y==="completed"&&ae.createElement(Qn,{type:"success",title:Ke.t({id:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:q}}),description:Ke.t({id:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:q}})}),y==="rejected"&&ae.createElement(Qn,{type:"error",title:Ke.t("Request Rejected"),description:Ke.t({id:"You've rejected adding {blockchainDisplayName} chain to your wallet.",values:{blockchainDisplayName:q}})}),ae.createElement(Mi,{direction:"vertical",size:32})),ae.createElement(Eg,{key:E.type,description:Ne,onClick:K,selected:o(E.type,e),disabled:!l,...E}))}),W&&ae.createElement(bl,{selected:!1,onClick:s},ae.createElement(kp,{variant:"label",size:"medium"},Ke.t("Show more wallets"),ae.createElement(kp,{variant:"label",size:"medium",color:"$primary"},"\xA0+",L-(r??0)))))}i(Pi,"WalletList");var Dg=2;function Ip(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,loading:s}=t,a=d().config,l=d().blockchains(),{quote:p,setSelectedWallets:c,quoteWalletsConfirmed:u,setQuoteWalletConfirmed:h,customDestination:m,setCustomDestination:f}=X(),{connectedWallets:C,selectWallets:S}=V(),[y,g]=Ot(""),[x,b]=Ot([]),[T,v]=Ot(""),[I,w]=Ot(null),[k,L]=Ot(m),[W,$]=Ot(!!m),F=gn(p),E=l.find(U=>U.name===p?.result?.swaps[p?.result?.swaps.length-1].to.blockchain),P=i(U=>!!p?.result?.swaps.find(Y=>Y.from.blockchain===U),"isWalletRequiredFor"),[J,re]=Ot(C.filter(U=>U.selected&&F.includes(U.chain))),ce=l.find(U=>U.name===E?.name),Q=i((U,Y)=>!!J.find(Z=>Z.walletType===U&&Z.chain===Y&&Z.selected&&(P(Y)||!P(Y)&&!k)),"isSelected"),Ne=!!k&&W&&ce&&!hn(ce,k),K=i(()=>{$(!1),L(""),re(U=>{let Y=!1;return U.map(Z=>!Y&&Z.chain===E?.name?(Y=!0,{...Z,selected:!0}):Z)})},"resetCustomDestination"),q=i(U=>{if(y&&g(""),Q(U.walletType,U.chain))return;let Z=C.find(me=>me.walletType===U.walletType&&me.chain===U.chain);Z&&(n(),U.chain===E?.name&&W&&($(!1),L("")),re(me=>me.filter(we=>we.chain!==U.chain).concat({...Z,selected:!0})))},"onChange"),ke=i(()=>{let U=J.filter(Y=>Y.selected);S(U),c(U),f(k),h(!0),o()},"onConfirmBalance"),ut=i(async()=>{b([]),v(""),w(null);let U=C.filter(me=>J.find(we=>we.chain===me.chain&&we.walletType===me.walletType)),Y=await r?.({selectedWallets:U,customDestination:k}),Z=Y.warnings;Z?.balance?.messages&&b(Z.balance.messages),Z?.quoteUpdate&&w(Z.quoteUpdate),Y.error&&v(Ja(Y.error)),!Y.error&&(!Z?.balance?.messages.length||0>0)?ke():b(Z?.balance?.messages??[])},"onConfirmWallets");$g(()=>{re(U=>U.concat(C.filter(Y=>!!!U.find(me=>me.chain===Y.chain)&&Y.selected&&F.includes(Y.chain))))},[C.length]);let Be=document.getElementById(be.SWAP_BOX_ID),mt=_g();return B.createElement(ie,{open:e,onClose:()=>{u||mt("../",{replace:!0}),o()},dismissible:!y,container:Be,...!y&&{footer:B.createElement(Bl,null,B.createElement(bp,{loading:s,disabled:ml(s,W,k,p,J,E),onClick:ut,variant:"contained",type:"primary",fullWidth:!0,size:"large"},nt.t("Confirm")))},...y&&{styles:{container:{padding:"$0"}},header:B.createElement(Il,null,B.createElement(Al,{variant:"ghost",onClick:g.bind(null,"")},B.createElement(Bg,{size:16})),B.createElement(Vn,{variant:"headline",size:"small"},nt.t({id:"Your {blockchainName} wallets",values:{blockchainName:Oe(y,l)}})))},anchor:"center"},B.createElement(ie,{open:x.length>0,onClose:b.bind(null,[]),container:Be},B.createElement(Mg,{title:nt.t("Insufficient account balance"),type:"error",description:B.createElement(Lg,{messages:x??[]})},B.createElement(bp,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:ke},nt.t("Proceed anyway")))),y&&B.createElement(El,null,B.createElement("div",{className:Wl()},B.createElement(Pi,{chain:y,isSelected:Q,selectWallet:q,onShowMore:g.bind(null,y)}))),!y&&B.createElement(B.Fragment,null,T&&B.createElement(B.Fragment,null,B.createElement($i,{variant:"alarm",type:"error",title:nt.t(T)}),B.createElement(oo,{size:12})),I&&B.createElement(B.Fragment,null,B.createElement($i,{variant:"alarm",type:"warning",title:bn(I)}),B.createElement(oo,{size:12})),B.createElement(Pl,null,F.map((U,Y)=>{let Z=l.find(Ve=>Ve.name===U),me=`wallet-${Y}`,we=Y===F.length-1;return B.createElement("div",{key:me},B.createElement(vl,null,B.createElement(Vn,{variant:"title",size:"xmedium"},nt.t({id:"Your {blockchainName} wallets",values:{blockchainName:Z?.shortName}})),B.createElement(Vn,{variant:"label",color:"$neutral700",size:"medium"},nt.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:Z?.shortName}}))),B.createElement(oo,{size:24}),B.createElement(xl,null,B.createElement(Pi,{chain:U,isSelected:Q,selectWallet:q,limit:Dg,onShowMore:()=>g(Z?.name??"")})),!we&&B.createElement(oo,{size:32}),we&&a?.customDestination&&B.createElement(Ll,null,B.createElement(Ln,{onOpenChange:Ve=>{Ve?P(E?.name??"")||re(Dr=>Dr.map($e=>$e.chain===E?.name?{...$e,selected:!1}:$e)):K()},hasSelected:!0,open:W,triggerAnchor:"top",trigger:B.createElement($l,{fullWidth:!0,variant:"default",suffix:B.createElement(En,{orientation:W?"up":"down"},B.createElement(Ng,{size:10,color:"gray"}))},B.createElement("div",{className:"button__content"},B.createElement(Pg,{size:18,color:"info"}),B.createElement(oo,{size:4,direction:"horizontal"}),B.createElement(Vn,{variant:"label",size:"medium"},nt.t("Send to a different address")))),onClickTrigger:()=>$(Ve=>!Ve)},B.createElement(oo,{size:4}),B.createElement(Ml,{autoFocus:!0,placeholder:nt.t("Your destination address"),value:k,onChange:Ve=>{L(Ve.target.value)}})),Ne&&B.createElement("div",{className:Nl()},B.createElement($i,{variant:"alarm",type:"error",title:nt.t({values:{destination:k},id:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}i(Ip,"ConfirmWalletsModal");import{i18n as eh}from"@lingui/core";import{Alert as th,Button as oh,InfoIcon as nh}from"@rango-dev/ui";import De from"react";import{Alert as Fg,Button as Ug,Divider as Bp,NoRouteIcon as Og,RefreshIcon as qg,Typography as Mp}from"@rango-dev/ui";import Ye from"react";import{i18n as Ap}from"@lingui/core";function Ep(t,e,o,n){return t?.type===1?{alert:{type:"warning",text:j().genericServerError,action:{onClick:n,title:Ap.t("Retry")}},description:""}:e.length?{alert:{type:"warning",text:j().liquiditySourcesError.title,action:{onClick:()=>o(!0),title:Ap.t("Reset")}},description:j().liquiditySourcesError.description}:t?.type===0&&t.diagnosisMessage?{alert:{type:"error",text:t.diagnosisMessage,action:null},description:""}:{alert:null,description:j().noResultError.description}}i(Ep,"makeInfo");import{styled as _i}from"@rango-dev/ui";var Wp=_i("div",{minHeight:"162px",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"}),Lp=_i("div",{width:"100%"}),Np=_i("div",{padding:"$6 $0"});function Di(t){let{fetch:e,error:o}=t,n=d().getDisabledLiquiditySources(),r=d().toggleAllLiquiditySources,s=d().swappers(),a=Ep(o,n,()=>r(s,!0),e);return Ye.createElement(Wp,null,Ye.createElement(Og,{size:24,color:"gray"}),Ye.createElement(Bp,{size:4}),Ye.createElement(Mp,{variant:"title",size:"small"},j().noResultError.title),!!a.description&&Ye.createElement(Mp,{variant:"body",size:"small",align:"center",color:"neutral700"},a.description),Ye.createElement(Bp,{size:4}),!!a.alert&&Ye.createElement(Lp,null,Ye.createElement(Fg,{type:a.alert.type,title:a.alert.text,action:a.alert.action&&Ye.createElement(Ug,{size:"xsmall",type:a.alert.type,prefix:Ye.createElement(Np,null,Ye.createElement(qg,{size:8})),onClick:a.alert.action.onClick},a.alert.action.title),variant:"alarm"})))}i(Di,"NoResult");import{i18n as vo}from"@lingui/core";import{Button as Gg,Divider as Up,MessageBox as Hg,Typography as Qg,WarningIcon as Vg}from"@rango-dev/ui";import rt from"react";import{Typography as Dp}from"@rango-dev/ui";import Ui from"react";import{darkTheme as zg,styled as jn}from"@rango-dev/ui";var Pp=jn("div",{width:"100%"}),Fi=jn("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),$p=jn("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%","._title":{$$color:"$colors$neutral600",[`.${zg} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),_p=jn("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});function Fp(t){let{title:e,value:o,valueColor:n}=t;return Ui.createElement($p,null,Ui.createElement(Dp,{size:"medium",variant:"label",className:"_title"},e),Ui.createElement(Dp,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}i(Fp,"QuoteErrorsModalItem");function Op(t){let{open:e,onClose:o,onConfirm:n,warning:r,confirmationDisabled:s}=t,a=r.warningLevel==="high"?"error":"warning",l=[{title:vo.t("Swapping"),value:A(r.inputUsdValue,4,4)},{title:vo.t("Gas cost"),value:A(r.totalFee,2,2)},{title:vo.t("Receiving"),value:A(r.outputUsdValue,4,4)},{title:vo.t("Price impact"),value:A(r.priceImpact,2,2),valueColor:`${a}500`}];return rt.createElement(ie,{open:e,onClose:o,container:N()},rt.createElement(Hg,{type:a,title:j().highValueLossError.impactTitle,description:j().highValueLossError.description}),rt.createElement(Fi,null,rt.createElement(Up,{size:20}),rt.createElement(Qg,{size:"small",variant:"title"},vo.t("Details")),rt.createElement(Fi,null,l.map((p,c)=>rt.createElement(Fp,{key:c,...p})))),rt.createElement(Up,{size:32}),rt.createElement(Gg,{type:"primary",size:"large",prefix:rt.createElement(Vg,null),fullWidth:!0,disabled:s,onClick:n},j().highValueLossError.confirmMessage))}i(Op,"HighValueLossWarningModal");import{i18n as Oi}from"@lingui/core";function qp(t,e){let o={alertType:"warning",title:"",action:"show-info"};return t?(t.type===0&&(ft(t.priceImpact)==="high"&&(o.alertType="error"),o.action=null,o.title=j().highValueLossError.title),t.type===1&&(o.title=j().unknownPriceError.title),t.type===2&&(o.title=Oi.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=Oi.t("Caution, your slippage is high.")),o):e?(o.alertType="error",e.type===3&&(o.title=e.recommendation,o.action="show-info"),e.type===4&&(o.title=Oi.t({id:"You need to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:e.minRequiredSlippage}}),o.action="change-settings"),o):null}i(qp,"makeAlerts");import{i18n as io}from"@lingui/core";import{Button as zp,Divider as Gp,MessageBox as jg,Typography as Xg}from"@rango-dev/ui";import qt from"react";import{useNavigate as Kg}from"react-router-dom";function Hp(t){let{customSlippage:e,slippage:o}=d(),{open:n,onClose:r,onConfirm:s,warning:a,confirmationDisabled:l}=t,p=Kg(),c=e??o;return qt.createElement(ie,{anchor:"bottom",open:n,prefix:qt.createElement(zp,{size:"small",variant:"ghost",onClick:()=>p("../"+_.settings)},qt.createElement(Xg,{variant:"label",size:"medium",color:"$neutral900"},io.t("Change settings"))),container:N(),onClose:r},qt.createElement(jg,{type:"warning",title:a.type===3?io.t("High slippage"):io.t("Low slippage"),description:a.type===3?io.t({id:" Caution, your slippage is high (={userSlippage}). Your trade may be front run.",values:{userSlippage:c}}):io.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:a.minRequiredSlippage}})},qt.createElement(Gp,{size:18}),qt.createElement(Gp,{size:32}),qt.createElement(zp,{size:"large",type:"primary",variant:"contained",fullWidth:!0,disabled:l,onClick:s},io.t("Confirm anyway"))))}i(Hp,"SlippageWarningModal");import{Button as Yg,Divider as Jg,MessageBox as Zg,WarningIcon as Rg}from"@rango-dev/ui";import xo from"react";function Qp(t){let{open:e,onClose:o,onConfirm:n,confirmationDisabled:r}=t;return xo.createElement(ie,{open:e,onClose:o,container:N()},xo.createElement(Zg,{type:"warning",title:j().unknownPriceError.impactTitle,description:j().unknownPriceError.description}),xo.createElement(Jg,{size:32}),xo.createElement(Yg,{type:"primary",size:"large",prefix:xo.createElement(Rg,null),fullWidth:!0,disabled:r,onClick:n},j().unknownPriceError.confirmMessage))}i(Qp,"UnknownPriceWarningModal");function bo(t){let{warning:e,error:o,showWarningModal:n,confirmationDisabled:r,refetchQuote:s,onOpenWarningModal:a,onCloseWarningModal:l,onConfirmWarningModal:p,onChangeSettings:c}=t,u={confirmationDisabled:r,open:n,onClose:l,onConfirm:p},h=o?.type===0||o?.type===1,m=qp(e,o?.type===3||o?.type===4?o:null);return De.createElement(De.Fragment,null,h&&De.createElement(Di,{error:o,fetch:s}),!!m&&De.createElement(Pp,null,De.createElement(th,{title:m.title,type:m.alertType,variant:"alarm",...m.action==="show-info"&&{action:De.createElement(_p,{onClick:a},De.createElement(nh,{size:12,color:"gray"}))},...m.action==="change-settings"&&{action:De.createElement(oh,{size:"xxsmall",type:m.alertType,onClick:c},eh.t("Change"))}})),e&&De.createElement(De.Fragment,null,e.type===0&&De.createElement(Op,{...u,warning:e}),(e.type===3||e.type===2)&&De.createElement(Hp,{...u,warning:e}),e.type===1&&De.createElement(Qp,{...u,warning:e})))}i(bo,"QuoteWarningsAndErrors");import ir from"react";import{i18n as Yi}from"@lingui/core";import{Alert as vh,Divider as Ji,InfoIcon as xh,StepDetails as bh,TokenAmount as Ih,Tooltip as yc,Typography as Wo}from"@rango-dev/ui";import Sc from"bignumber.js";import O,{useRef as Ah,useState as Eh}from"react";import{styled as qi}from"@rango-dev/ui";var zi=qi("div",{width:"100%","& .position-top__skeleton":{paddingTop:"$10"}}),Vp=qi("div",{paddingBottom:"$15"}),jp=qi("div",{width:"100%",display:"flex"});import*as Xn from"@radix-ui/react-collapsible";import{css as Kn,darkTheme as it,Image as Xp,styled as He,Typography as rh}from"@rango-dev/ui";var ih=300,Kp=He(Xn.Root,{display:"flex",flexDirection:"column",alignItems:"start",overflowX:"auto",overflowY:"hidden",width:"100%",borderRadius:"$xm",cursor:"default",variants:{recommended:{true:{$$color:"$colors$info300",[`.${it} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"},false:{$$color:"$colors$neutral400",[`.${it} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}}}}),Yp=Kn({padding:"$10 $15"}),Jp=He("div",{borderRadius:"$xm",display:"flex",flexDirection:"column",alignItems:"start",justifyContent:"space-between",color:"$foreground",cursor:"pointer",boxSizing:"border-box",position:"relative",variants:{recommended:{true:{$$color:"$colors$info100",[`.${it} &`]:{$$color:"$colors$secondary600"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}},false:{$$color:"$colors$neutral200",[`.${it} &`]:{$$color:"$colors$neutral500"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}}},basic:{true:{borderTopRightRadius:"0",borderTopLeftRadius:"0"}},listItem:{true:{},false:{}}},compoundVariants:[{listItem:!0,recommended:!0,css:{"&:hover":{$$color:"$colors$secondary200",[`.${it} &`]:{$$color:"$colors$secondary700"},backgroundColor:"$$color"}}},{listItem:!0,recommended:!1,css:{"&:hover":{$$color:"$colors$neutral300",[`.${it} &`]:{$$color:"$colors$neutral400"},backgroundColor:"$$color"}}}]}),Zp=Kn({width:"100%",padding:"$15 $15 $10 $15",cursor:"default"}),so=Kn({display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",".blockchainImage":{marginLeft:"-$8"}}),Rp=Kn({paddingTop:"$10",display:"flex",alignItems:"center",".usd-value":{$$color:"$colors$neutral600",[`.${it} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),ec=He(Xn.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:{[`& ${Xp}`]:{border:"1px $warning500 solid",borderRadius:"100%"}},false:{[`& ${Xp}`]:{border:"1px transparent solid",borderRadius:"100%"}}},recommended:{true:{$$color:"$colors$info300",[`.${it} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"},false:{$$color:"$colors$neutral400",[`.${it} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}}},".blockchains_section":{display:"none"},"@xs":{".blockchains_section":{display:"block"}}}),tc=He("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"}}}}),oc=He(An,{width:"100%",background:"inherit"}),Gi=He("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$2",transition:`all ${ih}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),rW=He("div",{height:"$12",marginLeft:"$10",marginRight:"$10",borderLeft:"1px solid $foreground"}),nc=He("div",{display:"flex",justifyContent:"center",margin:"0 $15",borderTop:"1px solid",$$color:"$colors$neutral300",[`.${it} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color"}),rc=He("div",{width:"$16",height:"$16",justifyContent:"center",alignItems:"center",display:"flex"}),Hi=He(rh,{overflow:"hidden",textOverflow:"ellipsis",letterSpacing:.4}),ic=He("div",{display:"flex",flexWrap:"wrap"}),Qi=He("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"}}}});import{i18n as Lt}from"@lingui/core";import{ChevronDownIcon as ah,CloseIcon as lh,Divider as Zn,IconButton as ph,QuoteCost as ch,Tooltip as uh,Typography as Je}from"@rango-dev/ui";import mh from"bignumber.js";import z,{useState as pc}from"react";import{i18n as Io}from"@lingui/core";var Vi={"Network Fee":Io.t("Network Fee"),"Swapper Fee":Io.t("Protocol Fee"),"Affiliate Fee":Io.t("Affiliate Fee"),"Outbound network fee":Io.t("Outbound Fee"),"Rango Fee":Io.t("Rango Fee")};import{css as sh,styled as Yn}from"@rango-dev/ui";var Jn=Yn("div",{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"$5 0","&.total_payable_fee":{padding:"$12 0"}}),ji=Yn("div",{width:"100%",borderTop:"1px solid $neutral300",margin:"$10 0"}),sc=Yn("div",{padding:"$20 0",display:"flex",flexDirection:"column","& .collapsible_trigger":{display:"flex",alignItems:"center"}}),ac=Yn("div",{padding:"$20 $20 $10",textAlign:"center",position:"relative","._icon-button":{position:"absolute",zIndex:10,top:"$16",right:"$16"}}),lc=sh({display:"flex",flexDirection:"row",alignItems:"center",padding:"$5","&:hover":{"& ._typography, & svg":{color:"$secondary"}}});var dh=30,fh=i(t=>t.fee.isZero()?null:z.createElement(Jn,null,z.createElement(Je,{variant:"label",size:"medium",color:"neutral600"},t.label),z.createElement(Je,{variant:"label",size:"medium"},"$",A(t.fee,4,4))),"NonPayableFee");function cc(t){let[e,o]=pc(!1),[n,r]=pc(!1),{steps:s,quote:a}=t,l=d().tokens(),p=Jo(Zo(a.result?.swaps)),c=a.result?.swaps??[],u=N(),h=Cn(c,l),m=tl(c);return z.createElement(z.Fragment,null,z.createElement(ch,{onClickFee:()=>o(!e),fee:A(h,2,2),feeWarning:h.gte(new mh(dh)),time:p,steps:s,tooltipGas:Lt.t("View more info"),tooltipContainer:u}),z.createElement(ie,{container:u,open:e,header:z.createElement(ac,null,z.createElement(Je,{variant:"title",size:"medium"},Lt.t("Gas & Fee Explanation")),z.createElement(ph,{onClick:()=>o(!1),variant:"ghost"},z.createElement(lh,{color:"gray",size:14}))),onClose:()=>o(!1)},z.createElement(sc,null,z.createElement(Je,{variant:"title",size:"small"},Lt.t("Details")),z.createElement(Zn,{size:10}),Object.entries(m.payable).flatMap(([f,C])=>C.map((S,y)=>{let g=`payable-fee-${y}`,x=ei(S);return z.createElement(Jn,{key:g},z.createElement(Je,{variant:"label",size:"medium",color:"neutral600"},Vi[f]),z.createElement(uh,{content:le(S.amount),container:u},z.createElement(Je,{variant:"label",size:"medium"},A(S.amount,2,2)," ",S.asset.symbol," ($",A(x,4,4),")")))})),z.createElement(Jn,{className:"total_payable_fee"},z.createElement(Je,{variant:"label",size:"medium"},Lt.t("Total Payable Fee")),z.createElement(Je,{variant:"label",size:"medium"},"$",A(h,4,4))),z.createElement(ji,null),Object.keys(m.nonePayable).length&&z.createElement(Ln,{triggerAnchor:"bottom",onClickTrigger:()=>r(f=>!f),trigger:z.createElement("div",{className:lc()},z.createElement(Je,{size:"small",variant:"body",color:"neutral700"},n?Lt.t("Hide non-payable fees"):Lt.t("Show non-payable fees")),z.createElement(Zn,{size:4,direction:"horizontal"}),z.createElement(En,{orientation:n?"up":"down"},z.createElement(ah,{size:12,color:"gray"}))),open:n},z.createElement(Je,{size:"small",variant:"title"},Lt.t("Description")),z.createElement(Zn,{size:4}),z.createElement(Je,{size:"small",variant:"body",color:"neutral700"},Lt.t(`The following fees are considered in the transaction output and
|
|
2
|
-
you won\u2019t need to pay extra gas for them.`)),z.createElement(Zn,{size:10}),Object.entries(m.nonePayable).map(([f,C],S)=>{let y=el(C),g=Vi[f],x=`non-payable-fee-${S}`;return z.createElement(fh,{key:x,fee:y,label:g})}),z.createElement(ji,null)))))}i(cc,"QuoteCostDetails");import{i18n as dc}from"@lingui/core";import{TokenAmount as fc}from"@rango-dev/ui";import Rn from"react";import{css as gh,styled as hh}from"@rango-dev/ui";var uc=hh("div",{position:"relative",display:"flex",flexDirection:"column",width:"100%"}),mc=gh({height:"14px",marginLeft:"14px",position:"absolute",borderLeft:"1px solid $foreground",top:"42%"});function Ao(t){let{from:e,to:o,percentageChange:n,warningLevel:r}=t;return Rn.createElement(uc,null,Rn.createElement(fc,{direction:"horizontal",label:dc.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}}),Rn.createElement("div",{className:mc()}),Rn.createElement(fc,{direction:"horizontal",tooltipContainer:N(),label:dc.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(Ao,"QuoteSummary");import{i18n as gc}from"@lingui/core";import{ChevronDownIcon as yh,ChevronRightIcon as Sh,Divider as Xi,Image as Ch,Tooltip as Ki,Typography as er}from"@rango-dev/ui";import M,{useEffect as Th,useState as kh}from"react";var tr=4,or=6,wh=375,Eo=i(t=>{let e=N(),{content:o,src:n,className:r,open:s,state:a}=t;return M.createElement(Ki,{container:e,side:"bottom",sideOffset:4,open:s,content:o},M.createElement(tc,{className:r,state:a},M.createElement(Ch,{src:n,size:16})))},"ImageComponent");function hc(t){let{quoteRef:e,recommended:o,setExpanded:n,steps:r,expanded:s}=t,a=N(),l=r.length,p=Sl(r),[c,u]=kh(!1),h=i(()=>{window.innerWidth<wh?u(!0):u(!1)},"handleResize");return Th(()=>{window.addEventListener("resize",h)}),M.createElement(ec,{ref:m=>e.current=m,recommended:o,onClick:()=>n(m=>!m)},M.createElement("div",{className:so()},M.createElement(er,{variant:"body",size:"xsmall"},gc.t("Via:")),M.createElement(Xi,{direction:"horizontal",size:4}),r.map((m,f)=>{let C=`item-${f}`,S=M.createElement(Gi,null,M.createElement(Sh,{size:12,color:"black"}));return c?M.createElement(M.Fragment,null,M.createElement(Eo,{content:m.swapper.displayName,src:m.swapper.image,state:m.state}),f!==l-1&&M.createElement(M.Fragment,null,S)):M.createElement(M.Fragment,{key:C},l<=tr||l>tr&&f<tr-1?M.createElement(M.Fragment,null,M.createElement(Eo,{content:m.swapper.displayName,src:m.swapper.image,state:m.state}),f!==l-1&&M.createElement(M.Fragment,null,S)):f===tr-1&&M.createElement(Ki,{container:a,side:"bottom",align:"right",sideOffset:4,content:M.createElement("div",{className:so()},S,r.map((y,g)=>{let x=`image-${g}`;return g>=f&&M.createElement(M.Fragment,{key:x},M.createElement(Eo,{content:y.swapper.displayName,src:y.swapper.image,state:y.state,open:!1}),g!==l-1&&M.createElement(M.Fragment,null,S))}))},M.createElement(Qi,{state:r.find((y,g)=>g>=f&&(y.state==="error"||y.state==="warning"))?.state},M.createElement(er,{size:"xsmall",variant:"body"},"+",l-f))))})),M.createElement("div",{className:so()},M.createElement("div",{className:"blockchains_section"},M.createElement("div",{className:so()},M.createElement(er,{variant:"body",size:"xsmall"},gc.t("Chains:")),M.createElement(Xi,{direction:"horizontal",size:4}),p.map((m,f)=>M.createElement(M.Fragment,null,p.length<=or||p.length>or&&f<or-1?M.createElement(Eo,{key:m.displayName,content:"",src:m.image,open:!1,className:f!==0?"blockchainImage":""}):f===or-1&&M.createElement(Ki,{container:a,side:"bottom",align:"right",sideOffset:4,content:M.createElement("div",{className:so()},p.map((C,S)=>S>=f&&M.createElement(Eo,{key:C.displayName,content:"",src:C.image,open:!1,className:S>f?"blockchainImage":""})))},M.createElement(Qi,{className:"blockchainImage"},M.createElement(er,{size:"xsmall",variant:"body"},"+",p.length-f))))),M.createElement(Xi,{direction:"horizontal",size:32}))),M.createElement(Gi,{orientation:s?"up":"down"},M.createElement(yh,{size:12,color:"black"}))))}i(hc,"QuoteTrigger");function Zi(t){let{quote:e,input:o,output:n,error:r,warning:s,type:a,recommended:l=!0}=t,p=d().blockchains(),c=d().swappers(),[u,h]=Eh(t.expanded),m=Ah(null),f=A(o.value,6,6),C=A(n.value,6,6),S=n.usdValue?A(n.usdValue,4,4):"",y=qe(o.usdValue,n.usdValue??null),g=A(y,2,2),x=ft(y??0),T=i(w=>w.map((k,L)=>{let W,$=r?.type===3&&r.swap.swapperId===k.swapperId||r?.type===4&&r.recommendedSlippages?.has(L),F=s?.type===2&&s.recommendedSlippages?.has(L);return $?W="error":F&&(W="warning"),{swapper:{displayName:yo(k.swapperId,c),image:k.swapperLogo},from:{token:{displayName:k.from.symbol,image:k.from.logo},chain:{displayName:Oe(k.from.blockchain,p),image:k.from.blockchainLogo},price:{value:L===0?A(o.value,6,6):A(k.fromAmount,6,6),usdValue:A((k.from.usdPrice??0)*parseFloat(k.fromAmount),4,4),realValue:le(L===0?o.value:k.fromAmount),realUsdValue:le(new Sc(k.from.usdPrice??0).multipliedBy(k.fromAmount))}},to:{token:{displayName:k.to.symbol,image:k.to.logo},chain:{displayName:Oe(k.to.blockchain,p),image:k.to.blockchainLogo},price:{value:A(k.toAmount,6,6),usdValue:A((k.to.usdPrice??0)*parseFloat(k.toAmount),4,4),realValue:le(k.toAmount),realUsdValue:le(new Sc(k.to.usdPrice??0).multipliedBy(k.toAmount))}},state:W,alerts:$||F?O.createElement(Vp,null,O.createElement(vh,{type:$?"error":"warning",title:r?.type===3?r?.recommendation:Yi.t(`Slippage ${$?"Error":"Warning"}:`),footer:O.createElement(jp,null,r?.type===3&&O.createElement(O.Fragment,null,O.createElement(Wo,{size:"xsmall",variant:"body",color:"neutral900"},r.fromAmountRangeError),O.createElement(Ji,{direction:"horizontal",size:8}),O.createElement(Wo,{size:"xsmall",variant:"body",color:"neutral900"},"|"),O.createElement(Ji,{direction:"horizontal",size:8}),O.createElement(Wo,{size:"xsmall",variant:"body",color:"neutral900"},Yi.t({id:"Yours: {amount} {symbol}",values:{amount:A(k.fromAmount,6,6),symbol:k?.from.symbol}}))),(r?.type===4||s?.type===2)&&O.createElement(Wo,{size:"xsmall",variant:"body",color:"neutral900"},Yi.t({id:"Minimum required slippage is {minRequiredSlippage}",values:{...r?.type===4&&{minRequiredSlippage:r.recommendedSlippages?.get(L)},...s?.type===2&&{minRequiredSlippage:s.recommendedSlippages?.get(L)}}})))})):void 0}}),"getQuoteSteps")(e.result?.swaps??[]),v=T.length,I=N();return O.createElement(O.Fragment,null,O.createElement(Jp,{recommended:l,listItem:a==="list-item",basic:a==="basic"},O.createElement("div",{className:Zp()},O.createElement(cc,{steps:v,quote:e}),a==="basic"&&O.createElement("div",{className:Rp()},O.createElement(rc,null,O.createElement(xh,{size:12,color:"gray"})),O.createElement(ic,null,O.createElement(Hi,{size:"small",variant:"body"},`${f} ${T[0].from.token.displayName} = `),O.createElement(yc,{content:le(n.value),container:I,open:n.value?void 0:!1},O.createElement(Hi,{size:"small",variant:"body"},"\xA0",`${C} ${T[T.length-1].to.token.displayName}`))),O.createElement(yc,{content:le(n.usdValue),container:I,style:{display:"flex"}},O.createElement(Wo,{color:"$neutral600",ml:2,size:"xsmall",variant:"body"},`($${S})`))),a==="list-item"&&O.createElement(Ih,{type:"output",direction:"vertical",tooltipContainer:I,price:{value:C,usdValue:S,realValue:le(n.value),realUsdValue:le(n.usdValue)},token:{displayName:T[v-1].to.token.displayName,image:T[v-1].to.token.image},chain:{image:T[v-1].to.chain.image},percentageChange:g,warningLevel:x}),a==="swap-preview"&&O.createElement(O.Fragment,null,O.createElement(Ao,{from:T[0].from,to:T[v-1].to,percentageChange:g,warningLevel:x}),O.createElement(Ji,{size:4}))),O.createElement(Kp,{recommended:l,open:u,onOpenChange:h},O.createElement(hc,{quoteRef:m,recommended:l,setExpanded:h,expanded:u,steps:T}),O.createElement(oc,{open:u},O.createElement(nc,null),O.createElement("div",{className:Yp()},T.map((w,k)=>{let L=`item-${k}`;return O.createElement(bh,{type:"quote-details",key:L,step:w,hasSeparator:k!==T.length-1,state:w.state,tooltipContainer:I})}))))))}i(Zi,"Quote");import{Divider as Nh,Skeleton as Bh}from"@rango-dev/ui";import gt from"react";import{darkTheme as Wh,styled as nr}from"@rango-dev/ui";var Cc=nr("div",{$$color:"$colors$neutral100",[`.${Wh} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",borderBottomLeftRadius:"$xm",borderBottomRightRadius:"$xm",padding:"$15 ",variants:{rounded:{true:{borderRadius:"$xm"}}}}),Tc=nr("div",{paddingTop:"$2"}),kc=nr("div",{paddingLeft:"$8"}),wc=nr("div",{borderLeft:"1px dashed black",minHeight:" 0",margin:"0px 11.5px",alignSelf:"stretch",variants:{hideSeparator:{true:{minHeight:"unset",height:"0"}}}});import{ChainToken as Mc,Divider as zt,Skeleton as at}from"@rango-dev/ui";import G from"react";import{styled as st}from"@rango-dev/ui";var vc=st("div",{display:"flex",justifyContent:"space-between",alignItems:"center",height:"22px"}),xc=st("div",{display:"flex"}),bc=st("div",{padding:"$15 $0 14px $0"}),Ic=st("div",{padding:"$6 $0 $15 $0",display:"flex",flexDirection:"column"}),Ac=st("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$5"}),Ec=st("div",{display:"flex",justifyContent:"space-between",alignItems:"end"}),Wc=st("div",{height:"$28",marginLeft:"13px",borderLeft:"1px solid $neutral700"}),Lc=st("div",{width:"65%",display:"flex",justifyContent:"start"}),Nc=st("div",{display:"flex",flexDirection:"column",alignItems:"start",flexGrow:1,maxWidth:"148px"}),Bc=st("div",{padding:"$15 $0 $15 $0"});function Lo(t){let{type:e,tag:o=!1}=t,n=G.createElement(Ec,null,G.createElement(Lc,null,G.createElement(Mc,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),G.createElement(zt,{size:8,direction:"horizontal"}),G.createElement(Nc,null,G.createElement(at,{height:10,width:60,variant:"rounded"}),G.createElement(zt,{size:4}),G.createElement(at,{height:15,variant:"rounded"}))),G.createElement(at,{height:12,width:64,variant:"rounded"}));return G.createElement("div",null,G.createElement(vc,null,G.createElement(xc,null,G.createElement(at,{width:60,height:10,variant:"rounded"}),G.createElement(zt,{size:4,direction:"horizontal"}),G.createElement(at,{width:60,height:10,variant:"rounded"}),G.createElement(zt,{size:4,direction:"horizontal"}),G.createElement(at,{width:60,height:10,variant:"rounded"})),o&&G.createElement(at,{height:22,width:100,variant:"rounded"})),e==="basic"&&G.createElement(bc,null,G.createElement(at,{height:15,width:148,variant:"rounded"})),e==="list-item"&&G.createElement(Ic,null,G.createElement(Ac,null,G.createElement(Mc,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),G.createElement(zt,{direction:"horizontal",size:4}),G.createElement(at,{height:15,width:150,variant:"rounded"})),G.createElement(zt,{size:4}),G.createElement(at,{height:10,width:184,variant:"rounded"})),e==="swap-preview"&&G.createElement(G.Fragment,null,G.createElement(zt,{size:4}),G.createElement(Bc,null,n,G.createElement(Wc,null),n)))}i(Lo,"QuoteSummarySkeleton");import{ChainToken as Fc,Divider as es,NextIcon as Lh,Skeleton as rr}from"@rango-dev/ui";import ge from"react";import{styled as No}from"@rango-dev/ui";var Pc=No("div",{display:"flex",alignItems:"start"}),$c=No("div",{flexGrow:1,paddingTop:"$5",paddingBottom:"$10",display:"flex",alignItems:"center"}),Ri=No("div",{display:"flex",alignItems:"center",flexGrow:1}),_c=No("div",{margin:"$0 $2",padding:"$4",display:"flex",justifyContent:"center",alignItems:"center"}),Dc=No("div",{display:"flex",alignItems:"center"});function lt(t){let{separator:e=!0}=t;return ge.createElement(ge.Fragment,null,ge.createElement(Dc,null,ge.createElement(rr,{height:22,width:22,variant:"circular"}),ge.createElement(es,{direction:"horizontal",size:8}),ge.createElement(rr,{height:15,width:148,variant:"rounded"})),ge.createElement(Pc,null,ge.createElement(wc,{hideSeparator:!e}),ge.createElement($c,null,ge.createElement(Ri,null,ge.createElement(Fc,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ge.createElement(es,{direction:"horizontal",size:8}),ge.createElement(rr,{height:12,variant:"rounded"})),ge.createElement(_c,null,ge.createElement(Lh,{color:"gray",size:16})),ge.createElement(Ri,null,ge.createElement(Fc,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ge.createElement(es,{direction:"horizontal",size:8}),ge.createElement(rr,{height:12,variant:"rounded"})))))}i(lt,"StepSkeleton");function ts(t){let{type:e,expanded:o,tag:n=!1}=t;return gt.createElement(Cc,{rounded:e!=="basic"},gt.createElement(Lo,{type:e,tag:n}),gt.createElement(Tc,null,gt.createElement(Bh,{height:15,variant:"rounded"})),o&>.createElement(kc,null,gt.createElement(Nh,{size:20}),gt.createElement(lt,null),gt.createElement(lt,null),gt.createElement(lt,{separator:!1})))}i(ts,"QuoteSkeleton");function Bo(t){let{quote:e,type:o,loading:n,error:r,warning:s,expanded:a=!1}=t,{inputAmount:l,inputUsdValue:p,outputUsdValue:c,outputAmount:u}=X(),m=!(r&&(r.type===0||r.type===1))&&e&&e.result&&!n;return n?ir.createElement(zi,null,ir.createElement(ts,{type:o,expanded:a})):m?ir.createElement(zi,null,ir.createElement(Zi,{quote:e,error:r,warning:s,type:o,expanded:a,recommended:!0,input:{value:l,usdValue:p?.toString()??""},output:{value:u?.toString()??"",usdValue:c?.toString()??""}})):null}i(Bo,"QuoteInfo");import{calculatePendingSwap as $h}from"@rango-dev/queue-manager-rango-preset";import{useEffect as _h}from"react";import{useRef as Mh,useState as Ph}from"react";function sr(){let[t,e]=Ph(!1),o=Mh(null),n=i(()=>o.current?.abort(),"cancel");return{fetch:i(async s=>{n(),o.current=new AbortController,e(!0);try{let a=await Vt().getBestRoute(s,{signal:o.current.signal});return o.current=null,a}catch(a){throw a}finally{e(!1)}},"fetch"),loading:t,cancelFetch:n}}i(sr,"useFetchQuote");function ar(t){if(!t.result)throw new Error(j().noResultError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});if(Jr(t)){let{swap:n,recommendation:r,fromAmountRangeError:s}=Zr(t);throw new Error("bridge limit error",{cause:{type:3,swap:n,recommendation:r,fromAmountRangeError:s}})}let o=ti(t);if(o){let n=Tn(t);throw new Error("",{cause:{type:4,recommendedSlippages:o,minRequiredSlippage:n}})}return t}i(ar,"throwErrorIfResponseIsNotValid");function Uc(t,e,o){let n=!1;t&&(n=hl(t,e));let r={quote:null,quoteUpdate:null,balance:null},s=wn(e,{fromToken:o.fromToken,toToken:o.toToken,tokens:o.meta.tokens,userSlippage:o.userSlippage});s&&(r.quote=s),t&&n&&(sl(t,e)?r.quoteUpdate={type:3,newOutputAmount:A(Kt(e)),percentageChange:A(qe(Kt(t)??"",Kt(e)??""),null,2)}:oi(t,e)?r.quoteUpdate={type:0}:ni(t,e)?r.quoteUpdate={type:1}:ri(t,e)&&(r.quoteUpdate={type:2}));let a=al(e,o.selectedWallets,o.meta.blockchains);return a.length===0||(r.balance={messages:a}),r}i(Uc,"generateWarnings");function lr(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(lr,"handleQuoteErrors");function os(){let{fromToken:t,toToken:e,inputAmount:o,setQuote:n,quote:r,customDestination:s,setQuoteWarningsConfirmed:a}=X(),{slippage:l,customSlippage:p,affiliatePercent:c,affiliateRef:u,affiliateWallets:h}=d(),m=d().getDisabledLiquiditySources(),{connectedWallets:f}=V(),C=d().blockchains(),S=d().tokens(),{features:y}=d().config,{enableNewLiquiditySources:g}=d().config,x=p||l,{fetch:b,cancelFetch:T,loading:v}=sr();return _h(()=>T,[]),{loading:v,fetch:i(async w=>{let k=w.selectedWallets,L=w?.customDestination??s;if(!t||!e||!o)return{quote:null,swap:null,error:null,warnings:null};let W=kn({fromToken:t,toToken:e,inputAmount:o,wallets:f,selectedWallets:k,excludeLiquiditySources:g,disabledLiquiditySources:m,slippage:x,affiliateRef:u,affiliatePercent:c,affiliateWallets:h,initialQuote:r??void 0,destination:L});un("experimentalRoute",y)&&(W.experimental=!0);let $;try{$=await b(W).then(J=>ar(J)),n($)}catch(J){return lr(J)}let F={slippage:x.toString(),disabledSwappersGroups:m},E=$h(o.toString(),$,rl(k),F,!1,{blockchains:C,tokens:S}),P=Uc(r??void 0,$,{fromToken:t,toToken:e,meta:{blockchains:C,tokens:S},selectedWallets:k,userSlippage:x});return P.quoteUpdate&&a(!1),{quote:$,swap:E,error:null,warnings:P}},"fetch"),cancelFetch:T}}i(os,"useConfirmSwap");var Kh=Oh("div",{width:"100%",display:"flex",justifyContent:"space-between",[`& ${qc}`]:{width:"$48",height:"$48"}}),Yh=rs({flexGrow:1,paddingRight:"$10"}),Jh=rs({width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"}),Zh=rs({display:"flex",justifyContent:"space-between",alignItems:"center"});function zc(){let{quote:t,setInputAmount:e,selectedWallets:o,quoteWalletsConfirmed:n,setQuoteWalletConfirmed:r,customDestination:s,quoteWarningsConfirmed:a}=X(),l=Xh(),p=jh(),[c,u]=cr(""),{connectedWallets:h}=V(),m=!n,[f,C]=cr(!1),{isActiveTab:S}=ee(),y=d().getDisabledLiquiditySources(),g=Qh(y),{manager:x}=Dh(),{fetch:b,loading:T,cancelFetch:v}=os(),[I,w]=cr({swap:null,error:null,warnings:null}),[k,L]=cr(!1),W=i(async({selectedWallets:Q,customDestination:Ne})=>{let K=await b?.({selectedWallets:Q,customDestination:Ne});return w(K),K},"onConfirmSwap"),$=i(async()=>{if(I.swap&&n)try{await x?.create("swap",{swapDetails:I.swap},{id:I.swap.requestId});let Q=`../${_.swaps}/${I.swap.requestId}`;l(Q,{replace:!0}),setTimeout(()=>{e("")},0)}catch(Q){u("Error: "+Q?.message)}},"addNewSwap"),F=i(async()=>{await $()},"onConfirm"),E=i(async()=>{I?.warnings?.quote&&!a?L(!0):await F()},"onStartConfirmSwap"),P=i(async()=>{w({error:null,swap:null,warnings:null}),b({selectedWallets:o,customDestination:s}).then(Q=>{w(Q)}).catch(Q=>console.error(Q))},"onRefresh");Mo(()=>{!!g.current.length&&!y.length&&P(),g.current=y},[y.length]),Mo(()=>{m&&v()},[m]),Mo(()=>{m&&C(m)},[m]),Mo(()=>{m||b({selectedWallets:o,customDestination:s}).then(Q=>w(Q)).catch(Q=>console.error(Q))},[]),Mo(()=>{let Q=I.warnings?.quote?.type&&Object.values(vt).includes(I.warnings?.quote?.type),Ne=o.length<1||!o.every(q=>h.find(ke=>q.address===ke.address&&q.walletType===ke.walletType&&q.chain===ke.chain)),K=!1;if(Q){let q=gn(t),ke=t?.result?.swaps[t.result.swaps.length-1].to.blockchain;!!t?.result?.swaps.find(mt=>mt.from.blockchain===ke)||(q=q.slice(-q.length,q.length-1)),q.every(mt=>o.find(U=>U.chain===mt))||(K=!0)}t&&(Ne||K)&&(queueMicrotask(()=>Vh(C.bind(null,!0))),r(!1))},[I.warnings?.quote,o.length,h.length]),Hh(()=>{t||l(`../${p.search}`)},[]);let J=I.warnings?.quote??null,re=I.error,ce=[];return c&&ce.push(pe.createElement(Oc,{type:"error",variant:"alarm",title:c})),I.warnings?.quoteUpdate&&ce.push(pe.createElement(Oc,{variant:"alarm",type:"warning",title:I.warnings.quoteUpdate&&bn(I.warnings.quoteUpdate)})),(J||re)&&ce.push(pe.createElement(bo,{warning:J,error:re,loading:T,refetchQuote:P,showWarningModal:k,confirmationDisabled:!S,onOpenWarningModal:()=>L(!0),onCloseWarningModal:()=>L(!1),onConfirmWarningModal:async()=>{L(!1),await $()},onChangeSettings:()=>l(_.settings)})),pe.createElement(ne,{header:{title:pr.t("Confirm Swap"),onWallet:()=>{let Q=`../${_.wallets}`;l(Q)},suffix:pe.createElement(qh,{container:N(),side:"bottom",content:pr.t("Settings")},pe.createElement(Ge,{size:"small",variant:"ghost",onClick:()=>l("../"+_.settings)},pe.createElement(Uh,{size:18,color:"black"})))},footer:pe.createElement(Kh,null,pe.createElement("div",{className:Yh()},pe.createElement(Fh,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:T,disabled:!!I.error||!S,onClick:E},pr.t("Start Swap"))),pe.createElement(qc,{variant:"contained",type:"primary",size:"large",loading:T,onClick:C.bind(null,!0)},pe.createElement(Gh,{size:24})))},f&&pe.createElement(Ip,{open:f,onClose:()=>C(!1),onCancel:v,loading:T,onCheckBalance:W}),pe.createElement(se,null,pe.createElement("div",{className:Zh()},pe.createElement(zh,{variant:"title",size:"small"},pr.t("You get")),pe.createElement("div",{className:Jh()},pe.createElement(On,{onClick:!T&&!f&&!k?P:void 0}))),pe.createElement(ns,{size:"12"}),Fl(ce,pe.createElement(ns,{size:10})),ce.length>0?pe.createElement(ns,{size:10}):null,pe.createElement(Bo,{quote:t,type:"swap-preview",expanded:!0,error:I.error,loading:T,warning:I.warnings?.quote??null})))}i(zc,"ConfirmSwapPage");import{i18n as mr}from"@lingui/core";import{useManager as fy}from"@rango-dev/queue-manager-react";import{Divider as Rc,NotFound as gy,styled as hy}from"@rango-dev/ui";import yt,{useState as yy}from"react";import{useNavigate as Sy}from"react-router-dom";import{i18n as ty}from"@lingui/core";import{Divider as jc,GroupedVirtualizedList as oy,Skeleton as ny,SwapListItem as Xc,Typography as ry}from"@rango-dev/ui";import We,{useCallback as Kc,useEffect as iy,useRef as sy,useState as ay}from"react";function Gc(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(Gc,"calculateGroupsSoFar");import{css as Rh,darkTheme as ey,styled as Po}from"@rango-dev/ui";var is=Rh(),Hc=Po("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$5"}),ss=Po("div",{width:"100%",display:"flex",flexDirection:"column",backgroundColor:"$background",padding:"$10 $5 0 $5",[`& .${is}`]:{$$color:"$colors$neutral600",[`.${ey} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),as=Po("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),Qc=Po("div",{gap:"$10",display:"flex",flexDirection:"column"}),Vc=Po("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});var ly=10;function ls(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,[s,a]=ay([]),l=sy(0),{swaps:p,groupCounts:c,groups:u}=n(e),h=Kc(Gc,[]),m=Kc(()=>{let f=e.length-l.current;f&&(l.current+=Math.min(f,ly),a(h(c,l.current)))},[e.length]);if(iy(()=>{r||m()},[r,m]),r){let f=[1,2];return We.createElement(We.Fragment,null,[f,f].map((S,y)=>We.createElement(ss,{key:y},We.createElement(as,null,We.createElement(ny,{variant:"text",width:60,size:"small"}),We.createElement(jc,{size:16})),We.createElement(jc,{size:4}),We.createElement(Qc,null,S.map((x,b)=>We.createElement(Xc,{isLoading:!0,key:b}))))))}return We.createElement(oy,{endReached:()=>{l.current<e.length&&m()},groupCounts:s,groupContent:f=>We.createElement(ss,null,We.createElement(as,null,We.createElement(ry,{variant:"label",size:"medium",className:is()},u[f]))),itemContent:(f,C)=>{let S=p[f];if(!S)return null;let y=S.steps[0],g=S.steps[S.steps.length-1];return We.createElement(Hc,{key:S.requestId},We.createElement(Xc,{requestId:S.requestId,creationTime:S.creationTime,status:S.status,onClick:o,tooltipContainer:N(),onlyShowTime:u[C]===ty.t("Today"),swapTokenData:{from:{token:{image:y.fromLogo,displayName:y.fromSymbol},blockchain:{image:y.fromBlockchainLogo||""},amount:A(S.inputAmount,6,6),realAmount:le(S.inputAmount)},to:{token:{image:g.toLogo,displayName:g.toSymbol},blockchain:{image:g.toBlockchainLogo||""},amount:A(g.outputAmount||g.expectedOutputAmountHumanReadable||"",6,6),realAmount:le(g.outputAmount||g.expectedOutputAmountHumanReadable)}}}))}})}i(ls,"HistoryGroupedList");import{CloseIcon as cy,IconButton as uy,SearchIcon as my,TextField as dy}from"@rango-dev/ui";import $o from"react";import{styled as py}from"@rango-dev/ui";var Yc=py("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function ht(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:s,value:a,setValue:l,...p}=t;return $o.createElement(dy,{prefix:$o.createElement(Yc,null,$o.createElement(my,{color:"black"})),suffix:!!a.length&&$o.createElement(uy,{variant:"ghost",onClick:()=>l?.(""),size:"small"},$o.createElement(cy,{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(ht,"SearchInput");import{i18n as ur}from"@lingui/core";import Jc from"dayjs";var Zc=i(t=>{let e=new Map([["today",{title:ur.t("Today"),swaps:[]}],["week",{title:ur.t("This week"),swaps:[]}],["month",{title:ur.t("This month"),swaps:[]}],["year",{title:ur.t("This year"),swaps:[]}]]);function o(p,c){e.has(p)||e.set(p,{title:p,swaps:[]}),e.get(p)?.swaps.push(c)}i(o,"addYearsToOutput");let n=Jc();t.forEach(p=>{let c=Number(p.creationTime),u=Jc(c);if(n.isSame(u,"day"))e.get("today")?.swaps.push(p);else if(n.isSame(u,"week"))e.get("week")?.swaps.push(p);else if(n.isSame(u,"month"))e.get("month")?.swaps.push(p);else if(n.isSame(u,"year"))e.get("year")?.swaps.push(p);else{let h=new Date(c).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 Cy=hy("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),Ty=i((t,e)=>t?.length?t.filter(o=>tt(o.fromBlockchain,e)||tt(o.toBlockchain,e)||tt(o.toSymbol,e)||tt(o.fromSymbol,e)).length:!1,"isStepContainsText");function eu(){let t=Sy(),{manager:e,state:o}=fy(),n=At(e).map(({swap:u})=>u),[r,s]=yy(""),a=!o.loadedFromPersistor,l=i(u=>{let h=u.target.value;s(h)},"searchHandler"),p=n;r&&(p=n.filter(u=>tt(u.inputAmount,r)||tt(u.status,r)||Ty(u.steps,r)||tt(u.requestId,r)));let c=!p?.length&&!a;return yt.createElement(ne,{header:{title:mr.t("History")}},yt.createElement(se,null,yt.createElement(ht,{setValue:s,fullWidth:!0,variant:"contained",placeholder:mr.t("Search Transaction"),autoFocus:!0,onChange:l,value:r}),yt.createElement(Rc,{size:"16"}),yt.createElement(Cy,null,c&&yt.createElement(Vc,null,yt.createElement(Rc,{size:32}),yt.createElement(gy,{title:mr.t("No results found"),description:r?mr.t("Try using different keywords"):""})),!c&&yt.createElement(ls,{list:p,onSwapClick:t,groupBy:Zc,isLoading:a}))))}i(eu,"HistoryPage");import{i18n as us}from"@lingui/core";import{Button as Ay,Divider as ru,styled as su,SwapInput as iu,WarningIcon as Ey}from"@rango-dev/ui";import xe,{useEffect as Wy,useState as Ly}from"react";import{useNavigate as Ny}from"react-router-dom";import{ReverseIcon as ky,styled as tu}from"@rango-dev/ui";import ps from"react";var wy=tu("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),vy=tu("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 ou(){let t=X.use.switchFromAndTo();return ps.createElement(wy,null,ps.createElement(vy,{onClick:()=>{t()}},ps.createElement(ky,{size:12})))}i(ou,"SwitchFromAndToButton");import{useCallback as xy,useEffect as by,useState as cs}from"react";var Iy=600;function nu(){let{fetch:t,cancelFetch:e}=sr(),{enableNewLiquiditySources:o,features:n}=d().config,r=d().tokens(),{fromToken:s,toToken:a,inputAmount:l,inputUsdValue:p,quote:c,resetQuote:u,setQuote:h}=X(),{slippage:m,customSlippage:f,affiliatePercent:C,affiliateRef:S,affiliateWallets:y,fetchStatus:g}=d(),x=d().getLiquiditySources(),b=d().getDisabledLiquiditySources(),T=d().excludeLiquiditySources(),[v,I]=cs(!0),[w,k]=cs(null),[L,W]=cs(null),$=f??m,E=!s||!a||Ae(s,a)||!fo(l),P=i(ce=>{I(ce),k(null),W(null)},"resetState"),J=i(ce=>{let{fromToken:Q,toToken:Ne,inputAmount:K,liquiditySources:q,excludeLiquiditySources:ke,disabledLiquiditySources:ut,slippage:Be,affiliateRef:mt,affiliatePercent:U,affiliateWallets:Y}=ce;if(v||P(!0),!E&&Q&&Ne){u();let Z=kn({fromToken:Q,toToken:Ne,inputAmount:K,liquiditySources:q,excludeLiquiditySources:ke,disabledLiquiditySources:ut,slippage:Be,affiliateRef:mt,affiliatePercent:U,affiliateWallets:Y});un("experimentalRoute",n)&&(Z.experimental=!0),t(Z).then(me=>{I(!1),h(me),ar(me);let we=wn(me,{fromToken:Q,toToken:Ne,userSlippage:$,tokens:r});W(we)}).catch(me=>{let{error:we}=lr(me);(we?.type===0||we?.type===1)&&u(),we?.type!==2&&(k(we),I(!1))})}},"fetch"),re=xy(Ba(ce=>{E||J(ce)},Iy),[E]);return by(()=>{if(g==="success"){if(!fo(l)||p?.eq(0)){P(!1),e();return}if(E){c&&u();return}return u(),P(!0),re({inputAmount:l,fromToken:s,toToken:a,liquiditySources:x,excludeLiquiditySources:T,disabledLiquiditySources:b,slippage:$,affiliateRef:S,affiliatePercent:C,affiliateWallets:y}),e}},[g,l,s?.symbol,s?.address,s?.blockchain,a?.symbol,a?.address,a?.blockchain,E,x?.length,o,b.length,$,S,C,JSON.stringify(y)]),{fetch:()=>J({inputAmount:l,fromToken:s,toToken:a,liquiditySources:x,excludeLiquiditySources:T,disabledLiquiditySources:b,slippage:$,affiliateRef:S,affiliatePercent:C,affiliateWallets:y}),loading:v,error:w,warning:L}}i(nu,"useSwapInput");var By=su("div",{position:"relative"}),My=su("div",{display:"flex",flexDirection:"column",gap:5,alignSelf:"stretch"});function au(){let t=Ny(),{fetch:e,loading:o,error:n,warning:r}=nu(),{fromToken:s,fromBlockchain:a,toToken:l,toBlockchain:p,setInputAmount:c,inputAmount:u,inputUsdValue:h,outputAmount:m,outputUsdValue:f,quote:C,resetQuoteWallets:S,setQuoteWarningsConfirmed:y}=X(),{config:g,fetchStatus:x}=d(),{connectedWallets:b,getBalanceFor:T}=V(),{isActiveTab:v}=ee(),[I,w]=Ly(!1),k=!!a&&xa(b,a.name),L=!1,W=!Rr(C,u,h),$=!Rr(C,u,f),F=Ra({fetchMetaStatus:x,fetchingQuote:o,inputAmount:u,quote:C,anyWalletConnected:b.length>0,error:n,warning:r,needsToWarnEthOnPath:L}),E=s?T(s):null,P=rn(E)?.amount??"0",J=a&&s?A(E?.amount,E?.decimals):"0",re=x==="success"&&!!u&&!!s&&!!l&&o;Wy(()=>{S()},[]);let ce=!h||!f||!f.gt(0)?null:qe(h.toString(),f.toString());return xe.createElement(ne,{height:"auto",footer:xe.createElement(Ay,{type:"primary",size:"large",disabled:F.disabled||!v,prefix:F.action==="confirm-warning"&&xe.createElement(Ey,null),fullWidth:!0,onClick:()=>{F.action==="connect-wallet"?t(_.wallets):F.action==="confirm-warning"?w(!0):t(_.confirmSwap)}},F.title),header:{onWallet:()=>{t(_.wallets)},hasBackButton:!1,title:g.title||us.t("Swap"),suffix:xe.createElement(Ii,{onClickRefresh:(C||n)&&!I?e:void 0,onClickHistory:()=>t(_.swaps),onClickSettings:()=>t(_.settings)})}},xe.createElement(se,null,xe.createElement(My,null,xe.createElement(By,null,xe.createElement(iu,{label:us.t("From"),mode:"From",onInputChange:c,balance:P,chain:{displayName:a?.displayName||"",image:a?.logo||""},token:{displayName:s?.symbol||"",image:s?.image||""},onClickToken:()=>t(_.fromSwap),price:{value:u,usdValue:W?void 0:A(h,4,4),realUsdValue:W?void 0:le(h),error:W?j().unknownPriceError.impactTitle:void 0},disabled:x==="failed",loading:x==="loading",loadingBalance:k,tooltipContainer:N(),onSelectMaxBalance:()=>{P!=="0"&&c(J.split(",").join(""))}}),xe.createElement(ou,null)),xe.createElement(iu,{sharpBottomStyle:!!C?.result||re,label:us.t("To"),mode:"To",fetchingQuote:re,chain:{displayName:p?.displayName||"",image:p?.logo||""},token:{displayName:l?.symbol||"",image:l?.image||""},percentageChange:A(qe(h,f),2,2),warningLevel:ft(ce??0),price:{value:A(m,6,6),usdValue:$?void 0:A(f,4,4),realValue:le(m),realUsdValue:$?void 0:le(f),error:$?j().unknownPriceError.impactTitle:void 0},onClickToken:()=>t(_.toSwap),disabled:x==="failed",loading:x==="loading",tooltipContainer:N()})),xe.createElement(ru,{size:"2"}),xe.createElement(Bo,{quote:C,loading:re,error:n,warning:r,type:"basic"}),r||n?xe.createElement(xe.Fragment,null,xe.createElement(ru,{size:"10"}),xe.createElement(bo,{warning:r,error:n,loading:re,refetchQuote:e,showWarningModal:I,confirmationDisabled:!v,onOpenWarningModal:()=>w(!0),onCloseWarningModal:()=>w(!1),onConfirmWarningModal:()=>{w(!1),y(!0),t(_.confirmSwap)},onChangeSettings:()=>t(_.settings)})):null))}i(au,"Home");import{i18n as lu}from"@lingui/core";import{List as Py,ListItemButton as $y,Radio as _y,RadioRoot as Dy,Typography as Fy}from"@rango-dev/ui";import Nt from"react";function ao(){let{setLanguage:t,language:e,config:o}=d(),n=$a,r=o?.language||ho;return{activeLanguage:e||r,languages:n,defaultLanguage:r,changeLanguage:s=>t(s||ho),resetLanguage:()=>t(null)}}i(ao,"useLanguage");function pu(){let{activeLanguage:t,changeLanguage:e,languages:o}=ao(),n=o.map(r=>{let{local:s,label:a,SVGFlag:l}=r;return{id:s,value:s,title:Nt.createElement(Fy,{variant:"title",size:"xmedium"},a),onClick:()=>e(r.local),end:Nt.createElement(_y,{value:s}),start:Nt.createElement(l,null)}});return Nt.createElement(ne,{header:{title:lu.t("Language")}},Nt.createElement(se,null,Nt.createElement(Dy,{value:t},Nt.createElement(Py,{type:Nt.createElement($y,{title:lu.t("language"),id:"_",onClick:()=>console.log()}),items:n}))))}i(pu,"LanguagePage");import{i18n as St}from"@lingui/core";import{Button as Gy,Checkbox as Hy,Image as Qy,ListItemButton as Vy,NotFound as jy,Typography as Xy}from"@rango-dev/ui";import Le,{useState as Ky}from"react";import{Checkbox as qy,Skeleton as uu}from"@rango-dev/ui";import Do from"react";import{styled as ms}from"@rango-dev/ui";var _o=ms("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto",variants:{disabled:{true:{pointerEvents:"none"}}}}),ds=ms("div",{width:80,display:"flex",justifyContent:"flex-end"}),fs=ms("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});import{ListItem as Uy,styled as Oy}from"@rango-dev/ui";var cu=Oy(Uy,{height:61});var zy=30;function gs(){return Do.createElement(_o,null,Array.from(Array(zy),t=>Do.createElement(cu,{hasDivider:!0,key:t,start:Do.createElement(uu,{variant:"circular",width:35,height:35}),title:Do.createElement(uu,{variant:"text",size:"large",width:90}),end:Do.createElement(qy,{checked:!1})})))}i(gs,"LoadingLiquiditySourceList");function hs({sourceType:t}){let e=d().fetchStatus,o=d().swappers(),n=d().getDisabledLiquiditySources(),[r,s]=Ky(""),a=d().toggleLiquiditySource,l=d().isInCampaignMode(),p=cn(o,n),c={Exchanges:St.t("Exchanges"),Bridges:St.t("Bridges")},u=[];t==="Exchanges"&&u.push("DEX"),t==="Bridges"&&(u.push("BRIDGE"),u.push("AGGREGATOR"));let h=p.filter(g=>u.includes(g.type)),m=h.length===h.filter(g=>g.selected).length,f=i(()=>{h.forEach(g=>{m?a(g.groupTitle):g.selected||a(g.groupTitle)})},"toggleAllSources"),C=h.map(g=>{let{selected:x,groupTitle:b,logo:T}=g;return{start:Le.createElement(Qy,{src:T,size:22,type:"circular"}),onClick:()=>{l||a(b)},end:Le.createElement(Hy,{checked:x,disabled:l}),title:Le.createElement(Xy,{variant:"title",size:"xmedium"},St.t(b)),...g}}),S=i(g=>{let x=g.target.value;s(x)},"searchHandler"),y=C;return r&&(y=C.filter(g=>tt(g.groupTitle,r))),Le.createElement(ne,{header:{title:St.t(t),suffix:Le.createElement(ds,null,Le.createElement(Gy,{variant:"ghost",size:"xsmall",onClick:f},m?St.t("Deselect all"):St.t("Select all")))}},Le.createElement(se,{view:!0},Le.createElement(ht,{value:r,setValue:s,fullWidth:!0,color:"light",variant:"contained",placeholder:St.t("Search {sourceType}",{sourceType:c[t]}),onChange:S}),e==="loading"&&Le.createElement(gs,null),!y.length&&r?Le.createElement(fs,null,Le.createElement(jy,{title:St.t("No results found"),description:St.t("Try using different keywords")})):e==="success"&&Le.createElement(_o,{disabled:l},y.map(g=>Le.createElement(Le.Fragment,{key:g.id},Le.createElement(Vy,{style:{height:"61px"},...g,selected:!1,hasDivider:!0}))))))}i(hs,"LiquiditySourcePage");import{i18n as Cu}from"@lingui/core";import{Divider as Tu,getCountCategories as iS,SelectableCategoryList as sS}from"@rango-dev/ui";import Ct,{useState as ku}from"react";import{i18n as Ss}from"@lingui/core";import{Divider as yu,Image as eS,ListItemButton as tS,NotFound as oS,Typography as Su}from"@rango-dev/ui";import Qe,{useEffect as nS,useState as rS}from"react";import{BlockchainCategories as ys}from"@rango-dev/ui";import{TransactionType as dr}from"rango-sdk";var Yy=i((t,e)=>{switch(e){case ys.ALL:return!0;case ys.UTXO:return t.type===dr.TRANSFER;case ys.OTHER:return t.type!==dr.TRANSFER&&t.type!==dr.COSMOS&&t.type!==dr.EVM;default:return t.type===e}},"filterByType"),mu=i((t,e,o)=>t.filter(n=>Yy(n,o)).filter(n=>$t(n.name,e)||$t(n.displayName,e)),"filterBlockchains");import{ImageContainer as Jy,styled as du}from"@rango-dev/ui";var fu=du("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),fr=du(To,{padding:0,margin:0,listStyle:"none",[`& ${Jy}`]:{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as Zy,Skeleton as gu}from"@rango-dev/ui";import gr from"react";var Ry=20;function hu(){return gr.createElement(fr,null,Array.from(Array(Ry),t=>gr.createElement(Zy,{key:t,hasDivider:!0,start:gr.createElement(gu,{variant:"circular",width:35,height:35}),title:gr.createElement(gu,{variant:"text",size:"large",width:90})})))}i(hu,"LoadingBlockchainList");function Cs(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[s,a]=rS(e),{fetchStatus:l}=d();nS(()=>{a([...mu(e,o,r)])},[e,o,r]);let p=i(()=>!s.length&&o?Qe.createElement(Qe.Fragment,null,Qe.createElement(yu,{size:32}),Qe.createElement(oS,{title:Ss.t("No results found"),description:Ss.t("Try using different keywords")})):Qe.createElement(fr,{as:"ul",key:`${r}-${o}`},s.map(c=>Qe.createElement(tS,{key:`${c.name}-${c.chainId}`,hasDivider:!0,onClick:()=>n(c),start:Qe.createElement(eS,{src:c.logo,size:30}),title:Qe.createElement(Su,{variant:"title",size:"medium"},c.displayName),id:c.chainId}))),"renderList");return Qe.createElement(fu,null,Qe.createElement(Su,{variant:"label",size:"large"},Ss.t("Select Blockchain")),Qe.createElement(yu,{size:4}),l==="loading"&&Qe.createElement(hu,null),l==="success"&&p())}i(Cs,"BlockchainList");function Ts(t){let{type:e}=t,o=It(),[n,r]=ku(""),[s,a]=ku("ALL"),l=X.use.setToBlockchain(),p=X.use.setFromBlockchain(),c=d().fetchStatus,u=d().blockchains({type:e}),m=iS(u)!==1;return Ct.createElement(ne,{header:{title:Cu.t("Select Blockchain")}},Ct.createElement(se,{view:!0},m&&Ct.createElement(Ct.Fragment,null,Ct.createElement(sS,{setCategory:a,category:s,blockchains:u,isLoading:c==="loading"}),Ct.createElement(Tu,{size:24})),Ct.createElement(ht,{value:n,autoFocus:!0,placeholder:Cu.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:f=>r(f.target.value)}),Ct.createElement(Tu,{size:16}),Ct.createElement(Cs,{list:u,searchedFor:n,blockchainCategory:s,onChange:f=>{e==="source"?p(f):l(f),o()}})))}i(Ts,"SelectBlockchainPage");import{i18n as Tr}from"@lingui/core";import{Divider as qu}from"@rango-dev/ui";import Gt,{useState as vS}from"react";import{useNavigate as xS}from"react-router-dom";import{i18n as vs}from"@lingui/core";import{BlockchainsChip as hr,Divider as bu,Image as Iu,Skeleton as uS,Tooltip as mS,Typography as xs}from"@rango-dev/ui";import Se from"react";import{useEffect as pS}from"react";var wu=["ETH","COSMOS","OSMOSIS"];function ks(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 c=n[p];a=a.filter(u=>c.name!==u)}}n.sort(lS(a)),r=n.splice(s)}return{list:n,more:r}}i(ks,"prepare");function aS(t,e){let o=wu,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 lS(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(lS,"generateSortByPreferredBlockchainsFor");function vu(t,e){return!!e.list.find(o=>o.name===t)}i(vu,"isInVisibleList");function ws(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=d();pS(()=>{if(e?.selected){let s=ks(t,o,e);vu(e.selected,s)||n(e?.selected)}},[e?.selected]);let r=ks(t,o,e);return{list:r.list,more:r.more,history:[]}}i(ws,"usePrepareBlockchainList");import{styled as cS}from"@rango-dev/ui";var xu=cS("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var dS=12;function bs(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:s}=t,a=ws(e,{limit:10,selected:n?.name}),{fetchStatus:l}=d(),p=X.use.resetToBlockchain(),c=X.use.resetFromBlockchain(),u=a.more.length>0,h=a.more.length===1,m=!h&&u;return Se.createElement(Se.Fragment,null,Se.createElement(bu,{size:12}),Se.createElement(xs,{variant:"label",size:"large"},vs.t("Select Blockchain")),Se.createElement(bu,{size:12}),Se.createElement(xu,null,l==="loading"&&Array.from(Array(dS),f=>Se.createElement(uS,{key:f,variant:"rounded",height:50})),l==="success"&&Se.createElement(Se.Fragment,null,Se.createElement(hr,{selected:!n,onClick:()=>{o==="from"?c():p()}},Se.createElement(xs,{variant:"body",size:"xsmall",color:"secondary500"},vs.t("All"))),a.list.map(f=>Se.createElement(mS,{key:f.name,content:f.shortName,side:"bottom",sideOffset:2,container:N()},Se.createElement(hr,{key:f.name,selected:!!n&&n.name===f.name,onClick:()=>r(f)},Se.createElement(Iu,{src:f.logo,size:30})))),h?Se.createElement(hr,{key:a.more[0].name,selected:!!n&&n.name===a.more[0].name,onClick:()=>r(a.more[0])},Se.createElement(Iu,{src:a.more[0].logo,size:30})):null,m?Se.createElement(hr,{onClick:s,key:"more-blockchains"},Se.createElement(xs,{variant:"body",size:"xsmall",color:"secondary500"},vs._("More +{count}",{count:a.more.length}))):null)))}i(bs,"BlockchainsSection");import{i18n as $s}from"@lingui/core";import{darkTheme as _u,Divider as po,ExternalLinkIcon as hS,Image as yS,ListItemButton as SS,NotFound as CS,PinIcon as TS,Skeleton as Du,Typography as Cr,VirtualizedList as kS}from"@rango-dev/ui";import D,{useEffect as Fu,useState as Uu}from"react";import{Divider as Pu,ListItem as gS,Skeleton as Fo}from"@rango-dev/ui";import Re from"react";import{css as lo,darkTheme as Au,ImageContainer as fS,styled as Ze,Typography as Eu}from"@rango-dev/ui";var Is=lo({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}),As=lo({position:"relative",height:12,width:"30%",maxWidth:"150px"}),Es=lo({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",bottom:"-8px"}),Ws=lo({transform:"translateY(12px)",visibility:"hidden","& a":{display:"flex",justifyContent:"center",alignItems:"center",fontSize:"$12",lineHeight:"$16",$$color:"$colors$neutral600",[`.${Au} &`]:{$$color:"$colors$neutral700"},color:"$$color",textDecoration:"none"}}),Ls=lo({}),Ns=lo(),Wu=Ze("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),Bs=Ze("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),yr=Ze("ul",{flexGrow:1,padding:0,margin:0,listStyle:"none","& li":{alignItems:"none","&:hover":{[`& .${As}`]:{[`& .${Ws}`]:{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",visibility:"visible"},[`& .${Ls}`]:{bottom:"-15px"},[`& .${Is}`]:{position:"absolute",transform:"translateY(-12px)",visibility:"hidden"},[`& .${Es}`]:{position:"absolute",transform:"translateY(-12px)",bottom:"-10px"}}}}}),Ms=Ze("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),Ps=Ze(Eu,{}),Lu=Ze("div",{textAlign:"right",width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",[`& .${Ns}`]:{$$color:"$colors$neutral600",[`.${Au} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Sr=Ze("div",{display:"flex",alignItems:"end",flexDirection:"column"}),m$=Ze("div",{display:"flex",alignItems:"center"}),Nu=Ze("div",{position:"relative",[`& ${fS}`]:{borderRadius:"$xm",overflow:"hidden"}}),Bu=Ze("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6}),Mu=Ze(Eu,{width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"});function $u(t){return Re.createElement(yr,null,Array.from(Array(t.size),e=>Re.createElement(gS,{key:e,hasDivider:!0,start:Re.createElement(Fo,{variant:"circular",width:35,height:35}),end:Re.createElement(Sr,null,Re.createElement(Fo,{variant:"text",size:"large",width:70}),Re.createElement(Pu,{size:4}),Re.createElement(Fo,{variant:"text",size:"medium",width:50})),title:Re.createElement("div",null,Re.createElement(Fo,{variant:"text",size:"large",width:90}),Re.createElement(Pu,{size:4}),Re.createElement(Fo,{variant:"text",size:"medium",width:90}))})))}i($u,"LoadingTokenList");var _s=20,wS=i(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:s,customCssForTagTitle:a}=t,l=e.length;return D.createElement("div",{className:As()},o?D.createElement("div",{className:Is()},o):D.createElement(Bs,{className:Es()},D.createElement(Cr,{variant:"title",size:"xmedium"},r.symbol),D.createElement(po,{direction:"horizontal",size:4}),D.createElement(Ms,{css:s},D.createElement(Ps,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&D.createElement("div",{className:`${Ws()} ${!o&&Ls()}`},D.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," ",D.createElement(po,{size:4,direction:"horizontal"}),D.createElement(hS,{color:"gray",size:12}))))},"renderDesc");function Ou(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[s,a]=Uu(e),l=d().fetchStatus,p=d().blockchains(),[c,u]=Uu(!0),{getBalanceFor:h,loading:m}=V(),{isTokenPinned:f}=d(),C=i(()=>{a(e.slice(0,s.length+_s))},"loadNextPage");Fu(()=>{u(e.length>s.length)},[s.length]),Fu(()=>{a(e.slice(0,_s))},[e]);let S=i(()=>!s.length&&o?D.createElement(D.Fragment,null,D.createElement(po,{size:32}),D.createElement(CS,{title:$s.t("No results found"),description:$s.t("Try using different keywords")})):D.createElement(kS,{endReached:c?C:void 0,itemContent:y=>{let g=s[y],x=rn(h(g)),b=g.address||"",T=p.find(k=>k.name===g.blockchain),v=Pn(g.symbol,T?.color||""),I={$$color:v[`${g.symbol}100`],[`.${_u} &`]:{$$color:v[`${g.symbol}900`]},backgroundColor:"$$color"},w={$$color:v[`${g.symbol}700`],[`.${_u} &`]:{$$color:v[`${g.symbol}100`]},color:"$$color"};return D.createElement("div",{style:{paddingRight:5}},D.createElement(SS,{style:{width:"100%",overflow:"hidden"},"tab-index":y,key:`${g.symbol}${g.address}`,id:`${g.symbol}${g.address}`,hasDivider:!0,onClick:()=>n(s[y]),start:D.createElement(Nu,null,D.createElement(yS,{src:g.image,size:30}),f(g,t.type)&&D.createElement(Bu,null,D.createElement(TS,{size:12,color:"gray"}))),title:T?.type==="COSMOS"||g.name||!g.name&&!b?D.createElement(Bs,null,D.createElement(Cr,{variant:"title",size:"xmedium"},g.symbol),D.createElement(po,{direction:"horizontal",size:4}),D.createElement(Ms,{css:I},D.createElement(Ps,{variant:"body",size:"xsmall",css:w},g.blockchain))):void 0,description:T?.info&&b&&T.type!=="COSMOS"?wS({address:b,token:s[y],customCssForTag:I,customCssForTagTitle:w,name:g.name,url:T.info.addressUrl.split("{wallet}").join(b)}):g.name||void 0,end:m?D.createElement(Sr,null,D.createElement(Du,{variant:"text",size:"large",width:70}),D.createElement(po,{size:4}),D.createElement(Du,{variant:"text",size:"medium",width:50})):x&&D.createElement(Lu,null,D.createElement(Mu,{variant:"title",size:"small"},x.amount),D.createElement("div",null),x.usdValue&&D.createElement(Cr,{variant:"body",className:Ns(),size:"xsmall"},`$${x.usdValue}`))}))},totalCount:s.length,key:`${r}-${o}`}),"renderList");return D.createElement(Wu,null,D.createElement(Cr,{variant:"label",size:"large"},$s.t("Select Token")),D.createElement(po,{size:4}),l==="loading"&&D.createElement($u,{size:_s}),l==="success"&&D.createElement(yr,{as:"ul"},S()))}i(Ou,"TokenList");function Ds(t){let{type:e}=t,o=xS(),n=It(),{fromBlockchain:r,toBlockchain:s,setFromToken:a,setToToken:l,setFromBlockchain:p,setToBlockchain:c}=X(),u=V.use.getBalanceFor(),[h,m]=vS(""),{isTokenPinned:f}=d(),S=(e==="source"?r:s)?.name??"",y=d().blockchains({type:e}),g=d().tokens({type:e,blockchain:S,searchFor:h}),b=ka(g,u,i(w=>f(w,e),"checkIsTokenPinned")),T=i(w=>{e==="source"?p(w):c(w)},"updateBlockchain"),v=i(w=>{e==="source"?a({token:w,meta:{blockchains:y,tokens:g}}):l({token:w,meta:{blockchains:y,tokens:g}})},"updateToken"),I={source:Tr.t("Source"),destination:Tr.t("Destination")};return Gt.createElement(ne,{header:{title:Tr.t("Swap {type}",{type:I[e]})}},Gt.createElement(se,null,Gt.createElement(bs,{blockchains:y,type:e=="source"?"from":"to",blockchain:e==="source"?r:s,onMoreClick:()=>o(_.blockchains),onChange:w=>{T(w)}}),Gt.createElement(qu,{size:24}),Gt.createElement(ht,{value:h,autoFocus:!0,placeholder:Tr.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>m(""),onChange:w=>m(w.target.value)}),Gt.createElement(qu,{size:16}),Gt.createElement(Ou,{list:b,selectedBlockchain:S,searchedFor:h,type:e,onChange:w=>{v(w);let k=y.find(L=>w.blockchain===L.name);k&&T(k),n()}})))}i(Ds,"SelectSwapItemsPage");import{i18n as Bt}from"@lingui/core";import{Alert as BS,Button as MS,ChevronRightIcon as Os,Divider as qs,InfoIcon as PS,List as $S,ListItemButton as _S,Skeleton as DS,styled as FS,Switch as US,Tooltip as OS,Typography as Ht}from"@rango-dev/ui";import H from"react";import{useInRouterContext as qS,useNavigate as zS,useSearchParams as GS}from"react-router-dom";import{i18n as ju}from"@lingui/core";import{Divider as ES,InfoIcon as WS,TextField as LS,Tooltip as NS,Typography as Xu}from"@rango-dev/ui";import Fe from"react";import{Chip as bS,styled as Uo,TextField as IS}from"@rango-dev/ui";var zu=Uo("div",{paddingTop:"$5",padding:"$10 $5"}),Gu=Uo("div",{display:"flex",flexWrap:"wrap",gap:"$10",[`& ${IS}`]:{flex:"1 1 0",maxWidth:"127px",minWidth:"85px"}}),Hu=Uo("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),kr=Uo("div",{maxWidth:"280px",padding:"$10"}),Qu=Uo(bS,{width:"61px",flexShrink:0});import{i18n as Fs}from"@lingui/core";import{Typography as AS}from"@rango-dev/ui";import Oo from"react";function Vu(){return Oo.createElement(kr,null,Oo.createElement(AS,{variant:"label",size:"medium",color:"neutral700"},Fs.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),Oo.createElement("br",null),Oo.createElement("br",null),Oo.createElement("b",null,Fs.t("Warning")),":",Fs.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(Vu,"SlippageTooltipContent");function Us(){let{slippage:t,setSlippage:e,customSlippage:o,setCustomSlippage:n}=d();return Fe.createElement(zu,null,Fe.createElement(Hu,null,Fe.createElement(Xu,{variant:"title",size:"xmedium"},ju.t("Slippage tolerance per swap")),Fe.createElement(ES,{direction:"horizontal",size:4}),Fe.createElement(NS,{container:N(),side:"top",sideOffset:4,content:Fe.createElement(Vu,null)},Fe.createElement(WS,{color:"gray"}))),Fe.createElement(Gu,null,_a.map((r,s)=>{let a=`slippage-${s}`;return Fe.createElement(Fe.Fragment,null,Fe.createElement(Qu,{key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`}))}),Fe.createElement(LS,{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>=Oa&&a<=Ua?n(a):n(null)},suffix:o&&Fe.createElement(Xu,{variant:"body",size:"small"},"%"),placeholder:ju.t("Custom")})))}i(Us,"Slippage");var HS=FS("div",{paddingLeft:"$8"});function Ku(){let t=zS(),{theme:e}=d().config,o=d().fetchStatus,n=d().swappers(),r=d().getDisabledLiquiditySources(),{config:{features:s},isInCampaignMode:a,updateCampaignMode:l}=d(),p=a(),c=Ue("theme",s),u=Ue("liquiditySource",s),h=Ue("language",s),m=d().infiniteApprove,f=d().toggleInfiniteApprove,C=cn(n,r),S=C.filter(P=>P.type==="BRIDGE"||P.type==="AGGREGATOR"),y=S.length,g=S.filter(P=>P.selected).length,x=C.filter(P=>P.type==="DEX"),b=x.length,T=x.filter(P=>P.selected).length,v=i((P,J)=>{switch(o){case"loading":return H.createElement(DS,{variant:"text",size:"medium",width:50});case"failed":return H.createElement(Ht,{variant:"body",size:"medium",color:"$error500"},Bt.t("Loading failed"));default:return H.createElement(Ht,{variant:"body",size:"medium"},`${P} / ${J}`)}},"handleEndItem"),I={id:"bridge-item",title:H.createElement(Ht,{variant:"title",size:"xmedium"},Bt.t("Enabled bridges")),end:H.createElement(H.Fragment,null,v(g,y),H.createElement(qs,{direction:"horizontal",size:8}),H.createElement(Os,{color:"black"})),onClick:()=>t(_.bridges)},w={id:"exchange-item",title:H.createElement(Ht,{variant:"title",size:"xmedium"},Bt.t("Enabled exchanges")),end:H.createElement(H.Fragment,null,v(T,b),H.createElement(qs,{direction:"horizontal",size:8}),H.createElement(Os,{color:"gray"})),onClick:()=>t(_.exchanges)},k={id:"theme-item",title:H.createElement(Ht,{variant:"title",size:"xmedium"},Bt.t("Theme")),end:H.createElement(Os,{color:"gray"}),onClick:()=>t(_.themes)},L={id:"infinite-approval-item",title:H.createElement(H.Fragment,null,H.createElement(Ht,{variant:"title",size:"xmedium"},Bt.t("Infinite approval")),H.createElement(qs,{direction:"horizontal",size:4}),H.createElement(OS,{side:"top",sideOffset:4,container:N(),content:H.createElement(kr,null,H.createElement(Ht,{variant:"label",size:"medium",color:"neutral700"},Bt.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(PS,{color:"gray"}))),end:H.createElement(US,{checked:m}),onClick:f},W=u?[]:[I,w];!e?.singleTheme&&!c&&W.push(k),W.push(L);let[,$]=GS(),F=qS(),E=i(()=>{F&&p&&($(P=>(P.delete("liquiditySources"),P),{replace:!0}),l("liquiditySources",void 0))},"onClick");return H.createElement(ne,{header:{title:Bt.t("Settings")}},H.createElement(se,null,p&&H.createElement(BS,{type:"info",variant:"alarm",title:Bt.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(HS,null,H.createElement(MS,{type:"secondary",size:"small",onClick:E},"Reset"))}),H.createElement(Us,null),H.createElement($S,{type:H.createElement(_S,{title:"_",id:"_",onClick:()=>console.log()}),items:W})))}i(Ku,"SettingsPage");import{i18n as LC}from"@lingui/core";import{cancelSwap as NC}from"@rango-dev/queue-manager-rango-preset";import{useManager as BC}from"@rango-dev/queue-manager-react";import{Alert as MC}from"@rango-dev/ui";import oa from"react";import{useParams as PC}from"react-router-dom";import{i18n as Tt}from"@lingui/core";import{getCurrentBlockchainOfOrNull as mC,getCurrentStep as dC,getRelatedWalletOrNull as fC}from"@rango-dev/queue-manager-rango-preset";import{Button as vm,CopyIcon as gC,Divider as hC,IconButton as yC,LinkIcon as SC,QuoteCost as CC,StepDetails as TC,Typography as uo,useCopyToClipboard as kC}from"@rango-dev/ui";import{useWallets as wC}from"@rango-dev/wallets-react";import xm from"bignumber.js";import{PendingSwapNetworkStatus as Nr}from"rango-types";import R,{useEffect as bm,useRef as vC,useState as Im}from"react";import{useNavigate as xC}from"react-router-dom";import{i18n as Mt}from"@lingui/core";var QS=[Mt.t("Sunday"),Mt.t("Monday"),Mt.t("Tuesday"),Mt.t("Wednesday"),Mt.t("Thursday"),Mt.t("Friday"),Mt.t("Saturday")];function Yu(t){let e=new Date(t),o=e.getDate(),n=e.toLocaleString("default",{month:"long"}),r=e.getFullYear();return`${e.getDay()===new Date().getDay()?Mt.t("Today"):`${QS[e.getDay()]} ${o} ${n} ${r}`}, ${new Date(t).toLocaleTimeString()}`}i(Yu,"timeSince");function Ju(t){return t.finishTime?Yu(parseInt(t.finishTime)):Yu(parseInt(t.creationTime))}i(Ju,"getSwapDate");import{PendingSwapNetworkStatus as xr}from"rango-types";import br from"react";import{i18n as wr}from"@lingui/core";import{Button as Zu,Divider as zs,MessageBox as VS,Typography as Ru}from"@rango-dev/ui";import pt from"react";var em=i(({onCancel:t,onClose:e})=>pt.createElement(pt.Fragment,null,pt.createElement(zs,{size:20}),pt.createElement(VS,{type:"error",title:wr.t("Cancel Swap"),description:wr.t("Are you sure you want to cancel this swap?")}),pt.createElement(zs,{size:32}),pt.createElement(Zu,{variant:"contained",type:"primary",size:"large",onClick:t},pt.createElement(Ru,{variant:"title",size:"medium",color:"neutral100"},wr.t("Yes, Cancel it"))),pt.createElement(zs,{size:12}),pt.createElement(Zu,{variant:"outlined",type:"primary",size:"large",onClick:e},pt.createElement(Ru,{variant:"title",size:"medium",color:"primary"},wr.t("No, Continue")))),"CancelContent");import{i18n as vr}from"@lingui/core";import{Button as tm,Divider as Gs,MessageBox as jS,Typography as om}from"@rango-dev/ui";import ct from"react";var nm=i(({onDelete:t,onClose:e})=>ct.createElement(ct.Fragment,null,ct.createElement(Gs,{size:20}),ct.createElement(jS,{type:"error",title:vr.t("Delete Transaction"),description:vr.t("Are you sure you want to delete this swap?")}),ct.createElement(Gs,{size:32}),ct.createElement(tm,{variant:"contained",type:"primary",size:"large",onClick:t},ct.createElement(om,{variant:"title",size:"medium",color:"neutral100"},vr.t("Yes, Delete it"))),ct.createElement(Gs,{size:12}),ct.createElement(tm,{variant:"outlined",type:"primary",size:"large",onClick:e},ct.createElement(om,{variant:"title",size:"medium",color:"primary"},vr.t("No, Cancel")))),"DeleteContent");import{i18n as Hs}from"@lingui/core";import{PendingSwapNetworkStatus as Qs}from"rango-types";var Vs={[Qs.WaitingForNetworkChange]:{type:"loading",title:Hs.t("Change Network")},[Qs.WaitingForConnectingWallet]:{type:"warning",title:Hs.t("Connect Wallet")},[Qs.NetworkChanged]:{type:"success",title:Hs.t("Network Changed")}};import{MessageBox as KS,Wallet as YS}from"@rango-dev/ui";import{useWallets as JS}from"@rango-dev/wallets-react";import qo from"react";import{styled as XS}from"@rango-dev/ui";var rm=XS("div",{display:"flex",justifyContent:"center"});var im=i(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:s,walletButtonDisabled:a}=t,{connect:l,getWalletInfo:p,state:c}=JS(),u=n?.walletType,h=u?Ur(c(u)):null,m=u?p(u):null;return qo.createElement(qo.Fragment,null,qo.createElement(KS,{type:e,title:o,description:r}),s&&!!u&&!!h&&!!m&&qo.createElement(rm,null,qo.createElement(YS,{container:N(),title:m.name,image:m.img,type:u,state:h,link:m.installLink,disabled:a,onClick:async()=>l(u)})))},"WalletStateContent");function js(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:s,message:a,walletButtonDisabled:l}=t,p=e===xr.WaitingForNetworkChange||e===xr.WaitingForConnectingWallet||e===xr.NetworkChanged;return br.createElement(ie,{open:!!e,onClose:o,container:document.getElementById(be.SWAP_BOX_ID)||document.body},p&&br.createElement(im,{type:Vs[e].type,title:Vs[e].title,currentStepWallet:s,message:a,walletButtonDisabled:l,showWalletButton:e!==xr.WaitingForNetworkChange}),e==="delete"&&br.createElement(nm,{onClose:o,onDelete:n}),e==="cancel"&&br.createElement(em,{onClose:o,onCancel:r}))}i(js,"SwapDetailsModal");import{i18n as zo}from"@lingui/core";import{Button as Xs,Divider as Ir,MessageBox as sm,TokenAmount as ZS,Typography as Ar}from"@rango-dev/ui";import Te from"react";import{useNavigate as RS}from"react-router-dom";function Ks(t){let{open:e,onClose:o,status:n,priceValue:r,usdValue:s,realUsdValue:a,realValue:l,token:p,chain:c,percentageChange:u,description:h,diagnosisUrl:m}=t,f=RS();return Te.createElement(ie,{open:e,onClose:o,container:document.getElementById(be.SWAP_BOX_ID)||document.body},n==="success"?Te.createElement(sm,{type:"success",title:zo.t("Swap Successful")},Te.createElement(ZS,{direction:"vertical",tooltipContainer:N(),type:"output",centerAlign:!0,price:{value:r,usdValue:s,realUsdValue:a,realValue:l},token:p,chain:c,percentageChange:u}),Te.createElement(Ir,{size:12}),Te.createElement(Ar,{variant:"body",size:"medium",color:"neutral700",align:"center"},h)):Te.createElement(sm,{type:"error",title:zo.t("Transaction Failed"),description:h}),Te.createElement(Ir,{size:32}),n==="success"&&Te.createElement(Xs,{variant:"contained",type:"primary",size:"large",onClick:()=>{f("../../")}},Te.createElement(Ar,{variant:"title",size:"medium",color:"neutral100"},zo.t("Done"))),Te.createElement(Ir,{size:12}),m&&Te.createElement(Te.Fragment,null,Te.createElement(Xs,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(m,"_blank")},Te.createElement(Ar,{variant:"title",size:"medium",color:"primary"},zo.t("Diagnosis"))),Te.createElement(Ir,{size:12})),Te.createElement(Xs,{variant:"outlined",type:"primary",size:"large",onClick:o},Te.createElement(Ar,{variant:"title",size:"medium",color:"primary"},zo.t("See Details"))))}i(Ks,"SwapDetailsCompleteModal");import cC from"react";import{i18n as sC}from"@lingui/core";import{Alert as mm,IconButton as aC,LinkIcon as lC}from"@rango-dev/ui";import Pt,{Fragment as pC}from"react";import{Alert as eC,ChevronDownIcon as tC,ChevronUpIcon as oC,IconButton as nC}from"@rango-dev/ui";import Er,{useState as rC}from"react";function am(t){let{message:e}=t,[o,n]=rC(!1);return Er.createElement(eC,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&Er.createElement(nC,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?Er.createElement(oC,{size:12,color:"gray"}):Er.createElement(tC,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}i(am,"FailedAlert");import{styled as iC}from"@rango-dev/ui";var lm=iC("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as pm}from"@lingui/core";import{Alert as Ys,Button as cm}from"@rango-dev/ui";import{PendingSwapNetworkStatus as Js}from"rango-types";import Go from"react";function um(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?Go.createElement(Ys,{type:"warning",title:n.shortMessage,action:Go.createElement(cm,{size:"xxsmall",type:"warning",onClick:()=>{o(Js.WaitingForNetworkChange),e().catch(s=>{console.log(s)})}},pm.t("Change"))}):r===Js.WaitingForConnectingWallet?Go.createElement(Ys,{type:"warning",title:n.shortMessage,action:Go.createElement(cm,{size:"xxsmall",type:"warning",onClick:()=>{o(Js.WaitingForConnectingWallet)}},pm.t("Connect"))}):Go.createElement(Ys,{type:"warning",title:n.shortMessage})}i(um,"WarningAlert");function Zs(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:s,hasAlreadyProceededToSign:a}=t,l=So(s),p=s.status==="waitingForApproval"&&!l,c=s.status==="running"&&!l,u=c&&!a||p&&!s.explorerUrl?.length;return Pt.createElement(lm,null,s.explorerUrl?.map((h,m,f)=>{let C=m+h.url,S=m===f.length-1,y=(S&&c||p)&&!u,g=S&&s.status==="failed";return Pt.createElement(pC,{key:C},Pt.createElement(mm,{type:S&&(y&&"loading"||g&&"error")||"success",title:h.description?`${h.description} Tx`:sC.t("View transaction"),action:h.url&&Pt.createElement(aC,{variant:"ghost",size:"xsmall",onClick:()=>window.open(h.url,"_blank")},Pt.createElement(lC,{size:12}))}))}),u&&Pt.createElement(mm,{type:"loading",title:r.shortMessage}),s.status!=="failed"&&l&&Pt.createElement(um,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),s.status==="failed"&&Pt.createElement(am,{message:r}))}i(Zs,"SwapDetailsAlerts");var dm=2e3;var fm=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:Oe(s.fromBlockchain,e)??"",image:s.fromBlockchainLogo??""},price:{value:A(l,6,6),realValue:l}},to:{token:{displayName:s.toSymbol,image:s.toLogo},chain:{displayName:Oe(s.toBlockchain,e)??"",image:s.toBlockchainLogo??""},price:{value:A(s.outputAmount||s.expectedOutputAmountHumanReadable,6,6),realValue:s.outputAmount||s.expectedOutputAmountHumanReadable}},swapper:{displayName:yo(s.swapperId,o),image:s.swapperLogo??"",type:s.swapperType},internalSwaps:s.internalSwaps?s.internalSwaps.map(p=>({from:{blockchain:Oe(p.fromBlockchain,e)??""},to:{blockchain:Oe(p.toBlockchain,e)??""},swapper:{displayName:yo(p.swapperId,o),image:p.swapperLogo??"",type:p.swapperType}})):[],alerts:cC.createElement(Zs,{step:s,hasAlreadyProceededToSign:r,...n})}})},"getSteps");function gm(t){if(So(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(gm,"getStepState");import{css as Ho,darkTheme as uC,styled as Qt}from"@rango-dev/ui";var hm=Qt("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),Wr=Qt("div",{width:"100%"}),ym=Qt(To,{padding:"$0 $20 $20 $20"}),RD=Qt("div",{display:"flex",flexDirection:"column",gap:"$10"}),Sm=Qt("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),e1=Qt("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1}),co=Ho({display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",padding:"$10 $20",borderBottom:"1px solid",$$color:"$colors$neutral300",[`.${uC} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color",color:"$neutral500"}),Cm=Ho({padding:"$5 0"}),Lr=Ho({display:"flex",justifyContent:"center",alignItems:"center",height:"$24"}),Tm=Ho({display:"flex",width:"100%",padding:"$15 $20 $20",flexDirection:"column",alignItems:"start"}),km=Ho({width:"100%",padding:"0 $20 $10"}),wm=Qt("a",{fontSize:"$16",fontWeight:"$400",color:"$neutral700",display:"flex",alignItems:"center",justifyContent:"center"});function Rs(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:s,connect:a,getWalletInfo:l}=wC(),p=d().blockchains(),c=d().swappers(),u=d().tokens(),h=X.use.retry(),m=ee.use.isActiveTab(),f=xC(),[C,S]=kC(dm),y=vC(null),[g,x]=Im(null),[b,T]=Im(null),v=i(()=>{r(),x(null)},"onCancel"),I=_e.use.getUnreadNotifications(),w=_e.use.setAsRead(),k=I(),L=dC(e),W=L?.networkStatus;bm(()=>{k.find(kt=>kt.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(T(e.status),w(e.requestId))},[e.status]),bm(()=>{ce?x(Nr.WaitingForNetworkChange):W===Nr.WaitingForConnectingWallet||W===Nr.NetworkChanged?x(W):x(null)},[W]);let $=cl(e),F=L?mC(e,L):null,E=L?fC(e,L):null,P=Ju(e),J=ul(e),re=i($e=>!!l($e)?.mobileWallet,"isMobileWallet"),ce=W===Nr.WaitingForNetworkChange&&!!F&&!!E?.walletType&&(re(E.walletType)||s(E.walletType,F)),Q=ce?a.bind(null,E.walletType,F):void 0,Ne=pl(e,L),K=fm({swap:e,switchNetwork:Q,showNetworkModal:W,setNetworkModal:x,message:Ne,blockchains:p,swappers:c}),q=K.length,[ke,ut]=[e.steps[0],e.steps[q-1]],Be=ut.outputAmount||ut.expectedOutputAmountHumanReadable,mt=e.steps.reduce(($e,kt)=>$e+parseFloat(kt.feeInUsd||""),0),U=e.steps.find($e=>$e.diagnosisUrl)?.diagnosisUrl,Y=A(parseFloat(A(Be,6,6))*(ut.toUsdPrice||0),4,4),Z=A(parseFloat(e.inputAmount)*(ke.fromUsdPrice||0),4,4),me=Be?le(new xm(Be).multipliedBy(ut.toUsdPrice||0)):"",we=le(new xm(e.inputAmount).multipliedBy(ke.fromUsdPrice||0)),Ve=qe(Z,Y),Dr=e.status==="success"?Tt.t({id:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:A(Be,6,6),token:K[q-1].to.token.displayName,conciseAddress:sn(e.wallets[K[q-1].to.chain.displayName]?.address||""),chain:K[q-1].to.chain.displayName}}):`${Tt.t("Transaction was not sent.")} ${$?Tt.t({id:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:$.outputAmount,symbol:$.symbol,blockchain:$.blockchain}}):""}`;return R.createElement(ne,{header:{title:Tt.t("Swap and Bridge"),onCancel:e.status==="running"?()=>x("cancel"):void 0,suffix:e.status!=="running"&&R.createElement(Rt,null,R.createElement(vm,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>x("delete")},R.createElement(uo,{size:"medium",variant:"label",color:"error"},Tt.t("Delete"))))},footer:J&&!b&&R.createElement(vm,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{h(e,{blockchains:p,tokens:u}),setTimeout(()=>{f("../../")},0)}},Tt.t("Try again"))},R.createElement(se,{compact:!0,view:!0},R.createElement(Wr,null,R.createElement("div",{className:co()},R.createElement(uo,{variant:"label",size:"large",color:"neutral700"},`${Tt.t("Request ID")}:`),R.createElement("div",{className:Lr()},R.createElement(uo,{variant:"label",size:"small",color:"neutral700"},o),R.createElement(yC,{variant:"ghost",onClick:S.bind(null,o||"")},R.createElement(gC,{size:16,color:"gray"})),R.createElement(wm,{target:"_blank",href:`${ca}/swap/${o}`},R.createElement(SC,{size:16})))),R.createElement("div",{className:co()},R.createElement(uo,{variant:"label",size:"large",color:"neutral700"},`${Tt.t(e.finishTime?"Finished at":"Created at")}:`),R.createElement(uo,{variant:"label",size:"small",color:"neutral700"},P))),R.createElement("div",{className:Tm()},R.createElement(CC,{fee:A(String(mt),2,2),time:Jo(Zo(e.steps)),steps:q}),R.createElement(Ao,{from:{price:{value:A(e.inputAmount,6,6),usdValue:Z,realUsdValue:we,realValue:e.inputAmount},token:{displayName:K[0].from.token.displayName,image:K[0].from.token.image},chain:{image:K[0].from.chain.image,displayName:K[0].from.chain.displayName}},to:{price:{value:A(Be,6,6),usdValue:Y,realUsdValue:me,realValue:Be},token:{displayName:K[q-1].to.token.displayName,image:K[q-1].to.token.image},chain:{image:K[q-1].to.chain.image,displayName:K[q-1].to.chain.displayName}},percentageChange:A(Ve,2,2),warningLevel:ft(Ve??0)})),R.createElement("div",{className:km()},R.createElement(uo,{variant:"title",size:"small"},Tt.t("Swaps steps"))),R.createElement(hC,{size:8}),R.createElement(ym,{ref:y},K.map(($e,kt)=>{let la=kt,mo=gm(e.steps[kt]),jm=mo==="error"||mo==="in-progress"||mo==="warning"||mo==="completed"&&kt===K.length-1;return R.createElement(TC,{key:la,step:$e,type:"swap-progress",ref:y,state:mo,hasSeparator:kt!==0,tabIndex:la,isFocused:jm,tooltipContainer:N()})}))),R.createElement(js,{state:g,onClose:()=>x(null),onCancel:v,onDelete:n,message:Ne.detailedMessage.content,currentStepWallet:E,walletButtonDisabled:!m}),R.createElement(Ks,{open:!!b,diagnosisUrl:U,onClose:()=>T(null),status:e.status==="success"?"success":"failed",priceValue:A(Be,6,6),usdValue:Y,realUsdValue:me,realValue:le(Be),percentageChange:A(Ve,2,2),token:{displayName:K[q-1].to.token.displayName,image:K[q-1].to.token.image},chain:{image:K[q-1].to.chain.image},description:Dr}))}i(Rs,"SwapDetails");import{i18n as Mr}from"@lingui/core";import{Divider as Wm,NotFound as WC,Skeleton as Vo,Typography as Pr}from"@rango-dev/ui";import ue from"react";import{i18n as bC}from"@lingui/core";import{Divider as IC,Skeleton as AC,Typography as EC}from"@rango-dev/ui";import fe from"react";import{css as et,styled as ea}from"@rango-dev/ui";var Am=ea("div",{width:"100%",height:"100%",padding:"$10 $20"}),Qo=ea("div",{backgroundColor:"$neutral100",borderRadius:"$xm",padding:"$10 $15"}),Br=ea("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"}),M1=et({display:"flex",justifyContent:"space-between",alignItems:"center"}),P1=et({display:"flex",justifyContent:"space-between",alignItems:"center"}),$1=et({paddingTop:"$15",display:"flex"}),_1=et({padding:"$15 $0"}),D1=et({width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"}),F1=et({paddingBottom:"$10"}),U1=et({display:"flex",justifyContent:"start",alignItems:"center"}),O1=et({paddingTop:"$5",display:"flex",alignItems:"center"}),q1=et({display:"flex",alignItems:"center"}),z1=et({padding:"$4 $6",display:"flex",justifyContent:"center",alignItems:"center"}),Em=et({display:"flex",paddingTop:"$10",paddingBottom:"$5"});function ta(){return fe.createElement(Am,null,fe.createElement(Lo,{type:"swap-preview"}),fe.createElement("div",{className:"swaps-steps"},fe.createElement(EC,{variant:"title",size:"small"},bC.t("Swaps steps"))),fe.createElement(fe.Fragment,null,fe.createElement(Qo,null,fe.createElement(lt,{separator:!1}),fe.createElement("div",{className:Em()},fe.createElement(IC,{direction:"horizontal",size:20}),fe.createElement(AC,{height:22,variant:"rectangular"}))),fe.createElement(Br,null),fe.createElement(Qo,null,fe.createElement(lt,{separator:!1})),fe.createElement(Br,null),fe.createElement(Qo,null,fe.createElement(lt,{separator:!1})),fe.createElement(Br,null),fe.createElement(Qo,null,fe.createElement(lt,{separator:!1}))))}i(ta,"LoadingSwapDetails");function Lm(t){let{requestId:e,showSkeleton:o}=t;return ue.createElement(ne,{header:{title:Mr.t("Swap and Bridge"),suffix:ue.createElement(Rt,null)}},o&&ue.createElement(hm,null,ue.createElement(Wr,null,ue.createElement("div",{className:co()},ue.createElement(Pr,{variant:"label",size:"large",color:"neutral700"},`${Mr.t("Request ID")}:`),ue.createElement("div",{className:Lr()},ue.createElement(Pr,{variant:"label",size:"small",color:"neutral700"},ue.createElement(Vo,{width:60,height:10,variant:"rounded"})),ue.createElement(Wm,{direction:"horizontal",size:4}),ue.createElement(Vo,{width:16,height:16,variant:"rectangular"}),ue.createElement(Wm,{direction:"horizontal",size:4}),ue.createElement(Vo,{width:16,height:16,variant:"rectangular"}))),ue.createElement("div",{className:co()},ue.createElement(Pr,{className:Cm(),variant:"label",size:"large",color:"neutral700"},ue.createElement(Vo,{width:60,height:10,variant:"rounded"})),ue.createElement(Pr,{variant:"label",size:"small",color:"neutral700"},ue.createElement(Vo,{width:60,height:10,variant:"rounded"})))),ue.createElement(ta,null)),!o&&ue.createElement(Sm,null,ue.createElement(WC,{title:Mr.t("Not found"),description:Mr.t({id:"Swap with request ID = {requestId} not found.",values:{requestId:e}})})))}i(Lm,"SwapDetailsPlaceholder");function Nm(){let{manager:t,state:e}=BC(),o=!e.loadedFromPersistor,n=At(t),{requestId:r}=PC(),s=It(),{fetchStatus:a}=d();if(!r)return oa.createElement(MC,{containerStyles:{margin:"20px"},type:"error",title:LC.t("The request ID is necessary to display the swap details.")});let l=o||a==="loading",p=r?n.find(({swap:m})=>m.requestId===r):void 0,c=i(()=>{if(p?.id){let m=t?.get(p.id);m&&NC(m)}},"onCancel"),u=i(async()=>{if(p?.id)try{t?.deleteQueue(p.id),s()}catch(m){console.log(m)}},"onDelete"),h=p?.swap;return!h||l?oa.createElement(Lm,{requestId:r,showSkeleton:l}):oa.createElement(Rs,{swap:h,requestId:r,onCancel:c,onDelete:u})}i(Nm,"SwapDetailsPage");import{i18n as jo}from"@lingui/core";import{AutoThemeIcon as $C,DarkModeIcon as _C,LightModeIcon as DC,List as FC,ListItemButton as UC,Radio as na,RadioRoot as OC,Typography as ra}from"@rango-dev/ui";import Me from"react";function Bm(){let{setTheme:t,theme:e}=d(),o=[{id:"light",value:"light",title:Me.createElement(ra,{variant:"title",size:"xmedium"},jo.t("Light")),onClick:()=>t("light"),start:Me.createElement(DC,{color:"gray"}),end:Me.createElement(na,{value:"light"})},{id:"dark",value:"dark",title:Me.createElement(ra,{variant:"title",size:"xmedium"},jo.t("Dark")),onClick:()=>t("dark"),start:Me.createElement(_C,{color:"gray"}),end:Me.createElement(na,{value:"dark"})},{id:"auto",value:"auto",title:Me.createElement(ra,{variant:"title",size:"xmedium"},jo.t("Auto")),onClick:()=>t("auto"),start:Me.createElement($C,{color:"gray"}),end:Me.createElement(na,{value:"auto"})}];return Me.createElement(ne,{header:{title:jo.t("Theme")}},Me.createElement(se,null,Me.createElement(OC,{onValueChange:n=>t(n),value:e},Me.createElement(FC,{type:Me.createElement(UC,{title:jo.t("Theme"),id:"_",onClick:()=>console.log()}),items:o}))))}i(Bm,"ThemePage");function Mm(){return Cl(),li(),qC([{path:_.home,element:Pe.createElement(au,null)},{path:_.fromSwap,children:[{index:!0,element:Pe.createElement(Ds,{type:"source"})},{path:_.blockchains,element:Pe.createElement(Ts,{type:"source"})}]},{path:_.toSwap,children:[{index:!0,element:Pe.createElement(Ds,{type:"destination"})},{path:_.blockchains,element:Pe.createElement(Ts,{type:"destination"})}]},{path:_.settings,children:[{index:!0,element:Pe.createElement(Ku,null)},{path:_.themes,element:Pe.createElement(Bm,null)},{path:_.languages,element:Pe.createElement(pu,null)},{path:_.exchanges,element:Pe.createElement(hs,{sourceType:"Exchanges"})},{path:_.bridges,element:Pe.createElement(hs,{sourceType:"Bridges"})}]},{path:_.swaps,children:[{index:!0,element:Pe.createElement(eu,null)},{path:_.swapDetails,element:Pe.createElement(Nm,null)}]},{path:_.wallets,element:Pe.createElement(yp,null)},{path:_.confirmSwap,element:Pe.createElement(zc,null)}])}i(Mm,"AppRoutes");import{isApprovalTX as zC,MainEvents as Pm,RouteEventType as $m,StepEventType as _m,StepExecutionEventStatus as GC,useEvents as HC}from"@rango-dev/queue-manager-rango-preset";import{useEffect as Dm}from"react";function Fm(){let t=d().tokens(),e=V.use.connectedWallets(),o=V.use.getWalletsDetails(),n=_e.use.setNotification(),r=HC();return Dm(()=>(r.on(Pm.StepEvent,s=>{let{event:a,step:l,route:p}=s;if(a.type===_m.TX_EXECUTION&&a.status===GC.TX_SENT&&!zC(l)||a.type===_m.SUCCEEDED){let u=e.find(m=>m.chain===l?.fromBlockchain),h=l?.fromBlockchain!==l?.toBlockchain&&e.find(m=>m.chain===l?.toBlockchain);u&&o([u],t),h&&o([h],t)}n(a,p)}),()=>r.all.clear()),[r,e.length]),Dm(()=>(r.on(Pm.RouteEvent,s=>{let{event:a,route:l}=s;(a.type===$m.FAILED||a.type===$m.SUCCEEDED)&&n(a,l)}),()=>r.all.clear()),[r,e.length]),null}i(Fm,"WidgetEvents");import{globalCss as QC}from"@rango-dev/ui";var Um=i(()=>QC({"@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 Om(){let{setWatermark:t}=ee();return{fetchApiConfig:i(async()=>{let o=await fetch(`${dt("BASE_URL")}/meta/dapp/config?apiKey=${dt("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(Om,"useFetchApiConfig");import{styled as VC}from"@rango-dev/ui";var qm=VC("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 $r(){Um();let{config:t}=d(),{activeTheme:e}=$n(t?.theme||{}),{activeLanguage:o}=ao(),[n,r]=zm(""),[s,a]=zm(),l=XC(dn),{fetchApiConfig:p}=Om();return KC(()=>{_e.persist.rehydrate(),l.onConnectWallet(r),p().catch(console.log)},[]),Xo.createElement(jC,{language:o},Xo.createElement(qm,{id:"swap-container",className:e()},Xo.createElement(Fm,null),Xo.createElement(Ka,{lastConnectedWallet:n,disconnectedWallet:s,clearDisconnectedWallet:()=>{a(void 0)}},Xo.createElement(Mm,null))))}i($r,"Main");import sa,{useMemo as dT}from"react";import{checkWaitingForNetworkChange as YC,makeQueueDefinition as JC}from"@rango-dev/queue-manager-rango-preset";import{Provider as ZC}from"@rango-dev/queue-manager-react";import{useWallets as RC}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as eT}from"@rango-dev/wallets-shared";import{isEvmBlockchain as tT}from"rango-types";import oT,{useMemo as nT}from"react";function rT(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:s,getWalletInfo:a}=RC(),l=nT(()=>JC({API_KEY:t.apiKey||dt("API_KEY"),BASE_URL:dt("BASE_URL")}),[t.apiKey]),p=d().blockchains(),u={blockchains:V.use.connectedWallets().map(b=>({accounts:[b],name:b.chain}))},h=i(async(b,T)=>{if(s(b,T))return r(b,T)},"switchNetwork"),m=i(b=>!!a(b).mobileWallet,"isMobileWallet"),f=p.filter(b=>b.enabled).reduce((b,T)=>(b[T.name]=T,b),{}),C=p.filter(tT),S=i(b=>{let{supportedChains:T}=a(b);return tn(T)},"getSupportedChainNames"),y=e(),g={meta:{blockchains:f,evmBasedChains:C,evmNetworkChainInfo:eT(C),getSupportedChainNames:S},getSigners:o,wallets:u,providers:y,switchNetwork:h,canSwitchNetworkTo:s,connect:r,state:n,isMobileWallet:m},x=ee.use.isActiveTab();return oT.createElement(ZC,{queuesDefs:[l],context:g,onPersistedDataLoaded:b=>{YC(b)},isPaused:!x},t.children)}i(rT,"QueueManager");var Gm=rT;import{useManager as pT}from"@rango-dev/queue-manager-react";import cT,{createContext as uT,useContext as mT}from"react";import{cancelSwap as iT,getCurrentBlockchainOfOrNull as sT,getCurrentStep as aT,getRelatedWalletOrNull as lT}from"@rango-dev/queue-manager-rango-preset";var Ko=class{constructor(e,o){this.manager=e,this.actions=o}getAllSwaps(){return At(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=aT(e);return{step:o,wallet:o?lT(e,o):null,network:o?sT(e,o):null}}};i(Ko,"WidgetHistory");var Hm=uT(void 0);function ia(t){let{manager:e}=pT(),o=ee.use.isActiveTab(),n=X.use.retry(),r=new Ko(e,{retrySwap:n}),s=V.use.connectedWallets(),a=V.use.loading(),l=Ta(s),p=V.use.getWalletsDetails(),c=d().blockchains(),u=d().tokens(),h=d().swappers(),m=d().fetchStatus,f=ao().resetLanguage,C=_e().getUnreadNotifications(),S={isActiveTab:o,setCurrentTabAsActive:_t.forceClaim,history:r,wallets:{isLoading:a,details:s,totalBalance:l,refetch:p},meta:{blockchains:c,tokens:u,swappers:h,loadingStatus:m},resetLanguage:f,notifications:{list:C}};return cT.createElement(Hm.Provider,{value:S},t.children)}i(ia,"WidgetInfo");function Qm(){let t=mT(Hm);if(!t)throw new Error("useWidget can only be used within the WidgetProvider component");return t}i(Qm,"useWidget");function _r(t){let{onUpdateState:e,config:o}=t;return dT(()=>{ba({API_KEY:o?.apiKey||Yo,BASE_URL:o?.apiUrl||pa})},[o.apiKey,o.apiUrl]),sa.createElement(fn,{config:o,onUpdateState:e},sa.createElement(Gm,{apiKey:o.apiKey},sa.createElement(ia,null,t.children)))}i(_r,"WidgetProvider");function Vm(t){return fT(()=>(_t.init(),_t.destroy),[]),t.config?.externalWallets?aa.createElement($r,null):aa.createElement(_r,{config:t.config??Hr},aa.createElement($r,null))}i(Vm,"Widget");export{wO as EventSeverity,vO as MainEvents,MO as Networks,_O as PendingSwapNetworkStatus,xO as RouteEventType,bO as StepEventType,IO as StepExecutionBlockedEventStatus,AO as StepExecutionEventStatus,be as UI_ID,NO as WalletEvents,PO as WalletTypes,Vm as Widget,_r as WidgetProvider,fn as WidgetWallets,gi as customizedThemeTokens,LO as readAccountAddress,xp as useWallets,Qm as useWidget,EO as useWidgetEvents};
|
|
1
|
+
var Km=Object.defineProperty;var i=(t,e)=>Km(t,"name",{value:e,configurable:!0});import{EventSeverity as xO,MainEvents as bO,RouteEventType as IO,StepEventType as AO,StepExecutionBlockedEventStatus as EO,StepExecutionEventStatus as WO,useEvents as LO}from"@rango-dev/queue-manager-rango-preset";import{readAccountAddress as BO,useWallets as bp,Events as MO}from"@rango-dev/wallets-react";import{Networks as $O,WalletTypes as _O}from"@rango-dev/wallets-shared";import{PendingSwapNetworkStatus as FO}from"rango-types";import{UI_ID as Ym}from"@rango-dev/ui";var Yo="c6381a79-2817-4602-83bf-6a641a409e32",pa="https://api.rango.exchange",ca="https://scan.rango.exchange",Ae={SWAP_BOX_ID:"rango-swap-box",...Ym};import{Events as jr,Provider as Wd}from"@rango-dev/wallets-react";import{isEvmBlockchain as Ld}from"rango-sdk";import mn,{createContext as Nd,useEffect as Xr,useRef as Bd,useState as Md}from"react";import{useEffect as dd}from"react";import{create as cd}from"zustand";import{subscribeWithSelector as ud}from"zustand/middleware";import{RangoClient as ld}from"rango-sdk";import{WalletState as nt}from"@rango-dev/ui";import{readAccountAddress as Rm}from"@rango-dev/wallets-react";import{detectInstallLink as ed,getCosmosExperimentalChainInfo as td,isEvmAddress as od,KEPLR_COMPATIBLE_WALLETS as BT,Networks as fa}from"@rango-dev/wallets-shared";import Fr from"bignumber.js";import{isCosmosBlockchain as nd}from"rango-types";import Jm from"bignumber.js";var Ee=new Jm(0);import{WalletTypes as Zm}from"@rango-dev/wallets-shared";var ua=[Zm.LEAP];import{BigNumber as da}from"bignumber.js";var Jo=i(t=>{let e=(t%60).toString().padStart(2,"0");return`${parseInt((t/60).toString()).toString().padStart(2,"0")}:${e}`},"secondsToString"),A=i((t,e=null,o=null)=>{if(t==null||t==="")return"";let n=new da(t),r=1,s=1e3;for(let a=0;a<60;a++)if(new da(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 Zo=i(t=>t?.reduce((e,o)=>e+(o.estimatedTimeInSeconds??0),0)||0,"totalArrivalTime");var ot=i((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),fo=i(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function pe(t){return A(t,12,12).replace(/(?:\.0*|(\.\d+?)0*)$/,"$1")}i(pe,"formatTooltipNumbers");function Ur(t){switch(!0){case t.connected:return nt.CONNECTED;case t.connecting:return nt.CONNECTING;case!t.installed:return nt.NOT_INSTALLED;default:return nt.DISCONNECTED}}i(Ur,"mapStatusToWalletState");function ga(t,e,o,n){return o.filter(r=>!ua.includes(r)).filter(r=>{let{supportedChains:s,isContractWallet:a}=e(r),{installed:l,network:p}=t(r);return a&&(!l||!!n&&p!==n)?!1:n?!!s.find(u=>u.name===n):!0}).map(r=>{let{name:s,img:a,installLink:l}=e(r),p=Ur(t(r));return{title:s,image:a,link:ed(l),state:p,type:r}})}i(ga,"mapWalletTypesToWalletInfo");function tn(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}i(tn,"walletAndSupportedChainsNames");function ha(t,e,o,n,r){let s=[];function a(p,c){if(!!!s.find(h=>h.chain===p)){let h={address:c,chain:p,walletType:t};s.push(h)}}i(a,"addAccount");let l=n||[];return e.forEach(p=>{let{address:c,network:u}=Rm(p),h=l.length>0,m=l.includes(u),f=u===fa.Unknown;if(h&&!m&&!f)return;let S=u===fa.Unknown&&od(c);if(f&&!S)return;o.includes(u)||S?r?a(u,c.toLowerCase()):l.filter(v=>o.includes(v)).forEach(v=>{a(v,c.toLowerCase())}):a(u,c)}),s}i(ha,"prepareAccountsForWalletStore");function ya(t){let e=[];return t?.result?.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(ya,"getRequiredChains");function on(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}i(on,"isAccountAndWalletMatched");function Sa(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 Fr(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:id(o,r.asset.symbol,r.asset.address,e)||null}))||[]}i(Sa,"makeBalanceFor");function Ca(t){return{...t,loading:!1,error:!0}}i(Ca,"resetConnectedWalletState");var Ta=i(t=>{let e=new Set,n=t?.reduce((s,a)=>s.findIndex(l=>l.address===a.address&&l.chain===a.chain)===-1?[...s,a]:s,[])?.map(s=>{let a={name:s.chain,accounts:[]};return e.has(s.address)||e.add(s.address),e.forEach(l=>{s.address===l&&a.accounts.push(s)}),a}),r=A(n?.flatMap(s=>s.accounts)?.flatMap(s=>s?.balances)?.map(s=>new Fr(s?.amount||Ee).multipliedBy(s?.usdPrice||0))?.reduce((s,a)=>s.plus(a),Ee)||Ee).toString();return rd(r)},"calculateWalletUsdValue");function rd(t){let e=t.toString().split(".");return e[0]=e[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),e.join(".")}i(rd,"numberWithThousandSeparator");var id=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice"),nn=i((t,e)=>{let o=td(Object.entries(t).map(([,n])=>n).filter(nd));return o&&o[e]?.experimental},"isExperimentalChain");function rn(t){return t?{...t,amount:A(t.amount,8,8),usdValue:A(t.usdValue,4,4)}:null}i(rn,"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 ad(t,e,o){let n=o(t),r=o(e);return n===r?0:n?-1:1}i(ad,"sortTokensByPinnedToken");function ka(t,e,o){return t.sort((n,r)=>{let s=e(n),a=e(r),l=ad(n,r,o);return l!==0?l:sd(s,a)}),t}i(ka,"sortTokens");function We(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}i(We,"areTokensEqual");function wa(t){return t.sort((e,o)=>+(o.state===nt.CONNECTED)-+(e.state===nt.CONNECTED)||+(o.state===nt.DISCONNECTED||o.state===nt.CONNECTING)-+(e.state===nt.DISCONNECTED||e.state===nt.CONNECTING))}i(wa,"sortWalletsBasedOnConnectionState");function sn(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(sn,"getConciseAddress");function va({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}i(va,"getAddress");function Or(t){return`${t.blockchain}-${t.symbol}-${t.address??""}`}i(Or,"createTokenHash");function an(t){return t.flatMap(e=>e.balances).reduce((e,o)=>{let n={amount:o?.amount??"",decimals:o?.decimal??0,usdValue:o?.usdPrice?new Fr(o?.usdPrice??Ee).multipliedBy(o?.amount).toString():""},r=o?Or({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(an,"makeTokensBalance");var xa=i((t,e)=>!!t.find(o=>o.chain===e&&o.loading),"isFetchingBalance");function ba(t){return t.map(e=>e.state).join("-")}i(ba,"hashWalletsState");var qr={API_KEY:Yo};function dt(t){return qr[t]||""}i(dt,"getConfig");function Ia(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),qr=e,qr}i(Ia,"initConfig");var Aa=20,Ea=25,Wa="Roboto",zr="theme-widget",go=i((t,e)=>{let o=!1;if(e&&t){if(Array.isArray(e))o=!e.some(n=>We(n,t));else if(!Array.isArray(e)&&e[t.blockchain]){o=e[t.blockchain].tokens.some(r=>We(r,t));let n=e[t.blockchain].isExcluded;return!n&&!o||n&&o}}return o},"isTokenExcludedInConfig"),Gr=i((t,e)=>t&&e&&!e.includes(t.name),"isBlockchainExcludedInConfig");var ln,Vt=i(()=>ln||(ln=new ld(dt("API_KEY"),dt("BASE_URL")),ln),"httpService");var pd=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"),wt=pd;var V=wt(cd()(ud((t,e)=>({connectedWallets:[],balances:{},customDestination:"",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:an(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=>on(p,l))?{...l,loading:!0}:l)}));try{let a=o.map(({address:c,chain:u})=>({address:c,blockchain:u})),p=(await Vt().getWalletsDetails(a)).wallets;if(p)t(c=>{let u=c.connectedWallets.map(m=>{let f=o.find(S=>on(S,m)),T=p.find(S=>S.address===m.address&&S.blockChain===m.chain);return T?.failed&&f&&r&&s([f],n,!1),f&&T?{...m,explorerUrl:T.explorerUrl,balances:Sa(T,n),loading:!1}:m});return{loading:!1,balances:an(u),connectedWallets:u}});else throw new Error("Wallet not found")}catch{t(l=>{let p=l.connectedWallets.map(u=>o.find(h=>on(h,u))?Ca(u):u);return{loading:!1,balances:an(p),connectedWallets:p}})}},getBalanceFor:o=>{let{balances:n}=e(),r=Or(o);return n[r]??null}}))));import{allProviders as md}from"@rango-dev/provider-all";function pn(t,e){let o=md({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(pn,"matchAndGenerateProviders");function La(t,e){return pn(t,e).map(r=>r.config.type)}i(La,"configWalletsToWalletName");function Na(t,e){let o=V.use.clearConnectedWallet(),n=pn(void 0,e);return dd(()=>{o(),n=pn(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}i(Na,"useWalletProviders");import wd,{createContext as vd,useContext as xd,useEffect as bd,useRef as Id}from"react";import{create as Td}from"zustand";import{persist as kd}from"zustand/middleware";var Hr={apiKey:"",title:void 0,multiWallets:!0,enableNewLiquiditySources:!0,customDestination:!0},fd={clientUrl:void 0},gd={liquiditySources:void 0},Ba=i((t,e,o)=>({config:{...Hr,...t},iframe:fd,campaignMode:gd,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 jt(t){return Array.from(new Set(t))}i(jt,"removeDuplicateFrom");function Qr(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}i(Qr,"areEqual");function Ma(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}i(Ma,"debounce");function $t(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}i($t,"containsText");var L=i(()=>document.getElementById(Ae.SWAP_BOX_ID),"getContainer");function cn(t,e){let o=t.map(s=>s.swapperGroup),n=[];return jt(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(cn,"getUniqueSwappersGroups");function Pa(t,e){return t.swapperGroup<e.swapperGroup?-1:t.swapperGroup>e.swapperGroup?1:0}i(Pa,"sortLiquiditySourcesByGroupTitle");function Oe(t,e){return e?.[t]==="hidden"}i(Oe,"isFeatureHidden");function un(t,e){return e?.[t]==="enabled"}i(un,"isFeatureEnabled");var $a=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&&go(p,s)||o.blockchain&&p.blockchain!==o.blockchain||!a.some(c=>c.name===p.blockchain)?!1:o.searchFor?!!($t(p.symbol,o.searchFor)||$t(p.address||"",o.searchFor)||$t(p.name||"",o.searchFor)):!0).sort((p,c)=>e().isTokenPinned(p,o.type)?-1:e().isTokenPinned(c,o.type)||p.isSecondaryCoin?1:c.isSecondaryCoin||!p.address&&c.address?-1:p.address&&!c.address?1:0)},isTokenPinned:(o,n)=>!!(n==="source"?e().config.from?.pinnedTokens:e().config.to?.pinnedTokens)?.some(a=>We(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(c=>{let u=s?.includes(c.swapperGroup);return a||!s||s.length===0?!u:u}).sort(Pa)},fetch:async()=>{try{let o=await Vt().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,c)=>p.sort-c.sort),t({_blockchains:n,_tokens:r,_popularTokens:s,_swappers:a})}catch(o){throw t({fetchStatus:"failed"}),o}}}),"createDataSlice");import{English as hd,French as yd,Japanese as Sd,Spanish as Cd}from"@rango-dev/ui";var _a=[{title:"English",label:"English",local:"en",SVGFlag:hd},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:Cd},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:yd},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:Sd}],ho="en";var Da=[.5,1,3],Fa=1,Ua=5,Oa=100,qa=0;var za=i((t,e)=>({disabledLiquiditySources:[],theme:"auto",language:null,preferredBlockchains:[],slippage:Fa,customSlippage:null,infiniteApprove:!1,affiliateRef:null,affiliatePercent:null,affiliateWallets:null,addPreferredBlockchain:o=>{let n=e().preferredBlockchains;if(n.find((a,l)=>{let p=a===o,c=l<=10-1;return p&&c}))return;let s=n.filter(a=>!(a===o));t(()=>({preferredBlockchains:[o,...s]}))},setSlippage:o=>t(()=>({slippage:o})),setCustomSlippage:o=>t(()=>({customSlippage:o})),setAffiliateRef:o=>t(()=>({affiliateRef:o})),setAffiliatePercent:o=>t(()=>({affiliatePercent:o})),setAffiliateWallets:o=>t(()=>({affiliateWallets:o})),toggleAllLiquiditySources:(o,n)=>t(r=>{if(n)return{disabledLiquiditySources:[]};let s=jt(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=Oe("theme",n),s=Oe("language",n),a=Oe("liquiditySource",n);t({...r&&{theme:"auto"},...s&&{language:ho},...a&&{disabledLiquiditySources:[]}})}}),"createSettingsSlice");function Ga(t){return Td()(kd((...e)=>({...$a(...e),...za(...e),...Ba(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(Ga,"createAppStore");var Ha=vd(null);function d(){let t=xd(Ha);if(bd(()=>{t&&!t.persist.hasHydrated()&&t.persist.rehydrate()},[]),!t)throw new Error("Missing AppStoreContext.Provider in the tree");return t()}i(d,"useAppStore");function Qa(t){let e=Id();return e.current||(e.current=Ga(t.config)),wd.createElement(Ha.Provider,{value:e.current},t.children)}i(Qa,"AppStoreProvider");import{create as Ed}from"zustand";var Va="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(Va),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 oe=wt(Ed()((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})}}))),_t=new Xt({onInit:()=>oe.setState({tabManagerInitiated:!0}),onClaim:()=>oe.setState({isActiveTab:!0,showActivateTabModal:!1}),onRelease:()=>oe.setState({isActiveTab:!1})});var dn=Nd({onConnectWallet:()=>{}});function Pd(t){let{updateConfig:e,updateSettings:o,fetch:n}=d(),r=d().blockchains(),s=d().tokens(),a={walletConnectProjectId:t.config?.walletConnectProjectId},[l,p]=Md([]),{providers:c}=Na(t.config.wallets,a),{connectWallet:u,disconnectWallet:h}=V(),m=Bd();Xr(()=>{n().catch(console.log)},[]),Xr(()=>{t.config&&(e(t.config),o(t.config))},[t.config]);let f=r.filter(Ld).map(y=>y.name),T=i((y,g,v,b,C)=>{if(g===jr.ACCOUNTS)if(v){let x=tn(C.supportedBlockchains),I=ha(y,v,f,x,C.isContractWallet);p(I)}else h(y);if(g===jr.ACCOUNTS&&b.connected){let x=`${y}-${b.network}-${v}`;b.connected&&(m.current?m.current(x):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(g===jr.NETWORK&&b.network){let x=`${y}-${b.network}`;m.current?m.current(x):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(y,g,v,b,C)},"onUpdateState"),S=oe.use.isActiveTab();return Xr(()=>{l.length&&u(l,s)},[l,s]),mn.createElement(dn.Provider,{value:{onConnectWallet:y=>{m.current=y}}},mn.createElement(Wd,{allBlockChains:r,providers:c,onUpdateState:T,autoConnect:!!S},t.children))}i(Pd,"Main");function fn(t){let{config:e,...o}=t;return mn.createElement(Qa,{config:e},mn.createElement(Pd,{...o,config:e}))}i(fn,"WidgetWallets");import aa,{useEffect as hT}from"react";import{I18nManager as KC}from"@rango-dev/ui";import Xo,{useContext as YC,useEffect as JC,useState as Gm}from"react";import{useQueueManager as Fd}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Ud}from"@rango-dev/wallets-react";import{isEvmBlockchain as Od}from"rango-types";import qd,{Fragment as zd}from"react";import{MemoryRouter as Gd,useInRouterContext as Hd}from"react-router";import{useWallets as $d}from"@rango-dev/wallets-react";import{useEffect as _d,useRef as Dd}from"react";function Ka(){let{connect:t,state:e}=$d(),o=Dd({}),{fetchStatus:n}=d(),r=new URLSearchParams(location.search).get("autoConnect")||"",s=e(r);_d(()=>{n==="success"&&r&&s.installed&&!s.connecting&&!s.connected&&!o.current[r]&&(o.current[r]=!0,t(r))},[s,n])}i(Ka,"useForceAutoConnect");function Ya({children:t,...e}){let n=Hd()?zd:Gd,r=d().blockchains(),{canSwitchNetworkTo:s}=Ud();Ka();let a=r.filter(Od);return Fd({lastConnectedWallet:e.lastConnectedWallet,clearDisconnectedWallet:e.clearDisconnectedWallet,disconnectedWallet:e.disconnectedWallet,evmChains:a,canSwitchNetworkTo:s}),qd.createElement(n,null,t)}i(Ya,"AppRouter");import $e from"react";import{useRoutes as GC}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"};import{useEffect as Yt,useRef as vn}from"react";import bt from"bignumber.js";import{create as Yd}from"zustand";import{subscribeWithSelector as Jd}from"zustand/middleware";import{getLastSuccessfulStep as Kd}from"@rango-dev/queue-manager-rango-preset";import fv from"bignumber.js";var vt=(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))(vt||{});function Ja(t,e){return e.find(o=>o.name===t)?.displayName}i(Ja,"getBlockchainDisplayNameFor");function qe(t,e){return e.find(o=>o.name===t)?.shortName}i(qe,"getBlockchainShortNameFor");function yo(t,e){return e.find(o=>o.id===t)?.swapperGroup}i(yo,"getSwapperDisplayName");function Kr(t,e){return e.find(o=>We(o,t))??null}i(Kr,"findToken");function Yr(t,e){return e.find(o=>o.name===t)??null}i(Yr,"findBlockchain");import{i18n as Xe}from"@lingui/core";import Le from"bignumber.js";import{PendingSwapNetworkStatus as Sn}from"rango-types";function gn(t){let e=[];return t?.result?.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(gn,"getRequiredWallets");function hn(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}i(hn,"isValidAddress");import{i18n as xe}from"@lingui/core";var X=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 Za(t){switch(t.type){case 0:return t.diagnosisMessage??X().noResultError.title;case 1:return X().genericServerError;default:return""}}i(Za,"getQuoteErrorMessage");import{i18n as yn}from"@lingui/core";var Dt=i(()=>({connectWallet:yn.t("Connect Wallet"),swap:yn.t("Swap"),swapAnyway:yn.t("Swap anyway"),ethWarning:yn.t("The route goes through Ethereum. Continue?")}),"swapButtonTitles");function Ra(t,e){return(parseInt(e.toFixed(2)||"0")<=-10&&t?.gte(new Le(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new Le(1e3)))??!1}i(Ra,"hasHighValueLoss");function Jr(t){return(t?.result?.swaps||[]).filter(e=>{let o=e.fromAmountMinValue?new Le(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Le(e.fromAmountMaxValue):null;return e.fromAmountRestrictionType==="EXCLUSIVE"?o?.gte(e.fromAmount)||n?.lte(e.fromAmount):o?.gt(e.fromAmount)||n?.lt(e.fromAmount)}).length>0}i(Jr,"hasLimitError");function Zr(t){let e=(t.result?.swaps||[]).filter(l=>{let p=l.fromAmountMinValue?new Le(l.fromAmountMinValue):null,c=l.fromAmountMaxValue?new Le(l.fromAmountMaxValue):null;return l.fromAmountRestrictionType==="EXCLUSIVE"?p?.gte(l.fromAmount)||c?.lte(l.fromAmount):p?.gt(l.fromAmount)||c?.lt(l.fromAmount)})[0],o=e.fromAmountMinValue?new Le(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Le(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",s="",a="";return!r&&o&&o.gt(e.fromAmount)?(s=Xe.t({id:"Required: >= {min} {symbol}",values:{min:A(o,6,6),symbol:e.from.symbol}}),a=X().bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(s=Xe.t({id:"Required: > {min} {symbol}",values:{min:A(o,6,6),symbol:e.from.symbol}}),a=X().bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(s=Xe.t({id:"Required: <= {max} {symbol}",values:{max:A(n,6,6),symbol:e.from.symbol}}),a=X().bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(s=Xe.t({id:"Required: < {max} {symbol}",values:{max:A(n,6,6),symbol:e.from.symbol}}),a=X().bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:s,recommendation:a}}i(Zr,"getLimitErrorMessage");function el(t){let{fetchMetaStatus:e,anyWalletConnected:o,fetchingQuote:n,inputAmount:r,quote:s,warning:a,error:l,needsToWarnEthOnPath:p}=t;return e!=="success"?{title:Dt().connectWallet,action:"connect-wallet",disabled:!0}:o?n||!s||!s.result||l||!r||r==="0"?{title:Dt().swap,action:"confirm-swap",disabled:!0}:a?{title:Dt().swapAnyway,action:"confirm-warning",disabled:!1}:p?{title:Dt().ethWarning,action:"confirm-warning",disabled:!1}:{title:Dt().swap,action:"confirm-swap",disabled:!1}:{title:Dt().connectWallet,action:"connect-wallet",disabled:!1}}i(el,"getSwapButtonState");function Rr(t,e,o){return!((!o||o.lte(Ee))&&t?.result&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t.result)}i(Rr,"canComputePriceImpact");function Qd(t){let e=[];return t?.result?.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(Qd,"requiredWallets");var Vd=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice");function jd(t,e){let o=Ee;for(let n=0;n<t.fee.length;n++){let r=t.fee[n];if(r.expenseType==="DECREASE_FROM_OUTPUT")continue;let s=Vd(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new Le(r.amount).multipliedBy(s||0))}return o}i(jd,"getUsdFeeOfStep");function Cn(t,e){return t.reduce((o,n)=>o.plus(jd(n,e)),Ee)}i(Cn,"getTotalFeeInUsd");function ei(t){let e=Ee;return e=e.plus(new Le(t.amount).multipliedBy(t.price||0)),e}i(ei,"getUsdFee");function tl(t){return t.reduce((e,o)=>e.plus(ei(o)),Ee)}i(tl,"getTotalFeesInUsd");function ol(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(ol,"getFeesGroup");function ti(t){let e=new Map;return t.result?.swaps.forEach((o,n)=>{o.recommendedSlippage?.error&&e.set(n,o.recommendedSlippage.slippage)}),e.size>0?e:null}i(ti,"checkSlippageErrors");function nl(t,e){let o=new Map;return t.result?.swaps.forEach((n,r)=>{n.recommendedSlippage?.slippage&&parseFloat(n.recommendedSlippage.slippage)>e&&o.set(r,n.recommendedSlippage.slippage)}),o.size>0?o:null}i(nl,"checkSlippageWarnings");function Tn(t){return t.result?.swaps.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(Tn,"getMinRequiredSlippage");function rl(t,e){return e?parseFloat(t)>=parseFloat(e):!0}i(rl,"hasProperSlippage");function kn(t){let{fromToken:e,toToken:o,inputAmount:n,wallets:r,selectedWallets:s,disabledLiquiditySources:a,liquiditySources:l,excludeLiquiditySources:p,slippage:c,affiliateRef:u,affiliatePercent:h,affiliateWallets:m,initialQuote:f,destination:T}=t,S=s?.reduce((C,x)=>(C[x.chain]=x.address,C),{}),y=[];r?.forEach(C=>{let x=y.find(I=>I.blockchain===C.chain);x?x.addresses.push(C.address):y.push({blockchain:C.chain,addresses:[C.address]})});let g=!!f,v=jt((f?.result?.swaps||[]).reduce((C,x)=>(C.push(x.from.blockchain,x.to.blockchain),x.internalSwaps&&Array.isArray(x.internalSwaps)&&x.internalSwaps.map(I=>{C.push(I.from.blockchain,I.to.blockchain)}),C),[]));return{amount:n.toString(),affiliateRef:u??void 0,affiliatePercent:h??void 0,affiliateWallets:m??void 0,checkPrerequisites:g,from:{address:e.address,blockchain:e.blockchain,symbol:e.symbol},to:{address:o.address,blockchain:o.blockchain,symbol:o.symbol},connectedWallets:y,selectedWallets:S??{},slippage:c.toString(),...T&&{destination:T},...p&&{swapperGroups:a.concat(l??[]),swappersGroupsExclude:!0},...!p&&{swapperGroups:l?.filter(C=>!a.includes(C)),swappersGroupsExclude:!1},...g&&{blockchains:v}}}i(kn,"createQuoteRequestBody");function il(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}i(il,"getWalletsForNewSwap");function Kt(t){return t.result?.outputAmount||null}i(Kt,"getQuoteOutputAmount");function sl(t,e){return new Le(e).div(new Le(t)).minus(1).multipliedBy(100).toNumber()}i(sl,"getPercentageChange");function al(t,e){let o=Kt(t),n=Kt(e);if(!o||!n)return!1;let r=ze(o,n);return r?r<=-1:!0}i(al,"isOutputAmountChangedALot");function ll(t,e,o){let n=t.validationStatus,r=ya(t);return e.sort((a,l)=>r.indexOf(a.chain)-r.indexOf(l.chain)).flatMap(a=>fl(a,n)||[]).filter(a=>!a.ok).map(a=>{let l=a.asset.symbol,p=A(new Le(a.currentAmount.amount).shiftedBy(-a.currentAmount.decimals),8,8),c=A(new Le(a.requiredAmount.amount).shiftedBy(-a.requiredAmount.decimals),8,8),u="";return a.reason==="FEE"&&(u=Xe.t(" for network fee")),a.reason==="INPUT_ASSET"&&(u=Xe.t(" for swap")),a.reason==="FEE_AND_INPUT_ASSET"&&(u=Xe.t(" for input and network fee")),Xe.t({id:"Needs \u2248 {requiredAmount} {symbol}{reason}, but you have {currentAmount} {symbol} in your {blockchain} wallet.",values:{requiredAmount:c,symbol:l,reason:u,currentAmount:p,blockchain:qe(a.asset.blockchain,o)}})})}i(ll,"generateBalanceWarnings");function pl(t,e){return(t?new Le(t):Ee).multipliedBy(e||0)}i(pl,"calcOutputUsdValue");function So(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==Sn.NetworkChanged}i(So,"isNetworkStatusInWarningState");function cl(t,e){let o="bellow button or",n=t.extraMessage,r=t.extraMessageDetail;if(t.networkStatusExtraMessageDetail?.includes(o)&&(t.networkStatusExtraMessageDetail=t.networkStatusExtraMessageDetail.replace(o,"")),So(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case Sn.WaitingForConnectingWallet:n=n||Xe.t("Waiting for connecting wallet");break;case Sn.WaitingForQueue:n=n||Xe.t("Waiting for other running tasks to be finished");break;case Sn.WaitingForNetworkChange:n=n||Xe.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(cl,"getSwapMessages");function ul(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(ul,"getLastConvertedTokenInFailedSwap");function ml(t){return t.status==="failed"&&!!t.finishTime&&new Date().getTime()-parseInt(t.finishTime)<4*3600*1e3}i(ml,"shouldRetrySwap");function dl(t,e,o,n,r,s){return t||!e&&!Qd(n).every(a=>r.map(l=>l.chain).includes(a))||!!e&&!o||!!e&&!!o&&s&&!hn(s,o)}i(dl,"confirmSwapDisabled");function hl(t){return t?.result?.swaps[t?.result?.swaps.length-1].to.usdPrice}i(hl,"getQuoteToTokenUsdPrice");function oi(t,e){let o=t.result?.swaps||[],n=e.result?.swaps||[];return o.length!==n.length}i(oi,"isNumberOfSwapsChanged");function ni(t,e){let o=t.result?.swaps.map(r=>r.swapperId)||[],n=e.result?.swaps.map(r=>r.swapperId)||[];return!Qr(o,n)}i(ni,"isQuoteSwappersUpdated");function ri(t,e){let o=t.result?.swaps.map(r=>r.to.symbol)||[],n=e.result?.swaps.map(r=>r.to.symbol)||[];return!Qr(o,n)}i(ri,"isQuoteInternalCoinsUpdated");function yl(t,e){return oi(t,e)||ni(t,e)||ri(t,e)}i(yl,"isQuoteChanged");function fl(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(fl,"getRequiredBalanceOfWallet");function ft(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}i(ft,"getPriceImpactLevel");function Sl(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],s=Kd(t.steps),a={blockchain:r.toBlockchain,symbol:r.toSymbol,address:r.toSymbolAddress},l=Yr(s?s.toBlockchain:n.fromBlockchain,e),p=Yr(r.toBlockchain,e),c=Kr(s?{blockchain:l?.name??"",symbol:s.toSymbol,address:s.toSymbolAddress}:{blockchain:l?.name??"",symbol:n.fromSymbol,address:n.fromSymbolAddress},o),u=Kr(a,o),h=s?s.outputAmount??"":t.inputAmount;return{fromBlockchain:l,fromToken:c,toBlockchain:p,toToken:u,inputAmount:h}}i(Sl,"createRetryQuote");function wn(t,e){let{fromToken:o,toToken:n,tokens:r,userSlippage:s}=e,a=Ft(o,t.requestAmount),l=Ft(n,t.result?.outputAmount??"");if(t.result&&a&&l){let u=ze(a.toString(),l.toString());if(!!u&&Ra(a,u)){let m=Cn(t.result.swaps,r),f=ft(u);return{type:0,inputUsdValue:a,outputUsdValue:l,priceImpact:u,totalFee:m,warningLevel:f}}}else if(t.result&&(!a||!l))return{type:1};let p=Tn(t),c=s>Ua;if(rl(e.userSlippage.toString(),p)){if(c&&parseFloat(p??"0")<s)return{type:3,slippage:s.toString()}}else return{type:2,recommendedSlippages:nl(t,s),minRequiredSlippage:p};return null}i(wn,"generateQuoteWarnings");function ze(t,e){let o=typeof e=="string"?parseFloat(e)<=0:!e?.gt(0),n=!t||!e||o?null:sl(t.toString(),e.toString());return n&&n<0?n:null}i(ze,"getPriceImpact");var Cl=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");var Ft=i((t,e)=>t?.usdPrice?new bt(e||Ee).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),K=wt(Yd()(Jd(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new bt(0),outputUsdValue:new bt(0),toBlockchain:null,toToken:null,quote:null,quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:"",quoteWarningsConfirmed:!1,setQuote:e=>t(o=>{let n=null,r=Ee;return fo(o.inputAmount)?(e&&(n=e.result?.outputAmount?new bt(e.result?.outputAmount):null,r=pl(e.result?.outputAmount,hl(e)||o.toToken?.usdPrice)),{quote:e,...!!e&&{outputAmount:n,outputUsdValue:r}}):{}}),resetQuote:()=>t(()=>({quote:null,outputAmount:null,outputUsdValue:new bt(0)})),setFromBlockchain:e=>{t(o=>o.fromBlockchain?.name===e?.name?{}:{fromBlockchain:e,...o.fromToken&&{quote: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:Ft(e.token,o.inputAmount)}})),setToBlockchain:e=>{t(o=>o.toBlockchain?.name===e?.name?{}:{toBlockchain:e,...o.toToken&&{quote:null,toToken:null,outputAmount:null,outputUsdValue:null}})},setToToken:e=>t(()=>({toToken:e.token,...e.token&&{toBlockchain:e.meta.blockchains.find(o=>o.name===e.token.blockchain)??null}})),setInputAmount:e=>{t(o=>({inputAmount:e,...!e&&{outputAmount:new bt(0),outputUsdValue:new bt(0),quote:null},...!!o.fromToken&&{inputUsdValue:Ft(o.fromToken,e)}}))},retry:(e,o)=>{let{tokens:n,blockchains:r}=o,{fromBlockchain:s,fromToken:a,toBlockchain:l,toToken:p,inputAmount:c}=Sl(e,r,n);t({fromBlockchain:s,fromToken:a,inputAmount:c,outputAmount:null,inputUsdValue:Ft(a??null,c),outputUsdValue:new bt(0),toBlockchain:l,toToken:p,quote:null})},switchFromAndTo:()=>t(e=>({fromBlockchain:e.toBlockchain,fromToken:e.toToken,toBlockchain:e.fromBlockchain,toToken:e.fromToken,inputAmount:e.outputAmount?.toString()||"",inputUsdValue:Ft(e.toToken,e.outputAmount?.toString()||"")})),resetFromBlockchain:()=>t(()=>({fromToken:null,fromBlockchain:null,outputAmount:null,outputUsdValue:null,quote:null})),resetToBlockchain:()=>t(()=>({toToken:null,toBlockchain:null,outputAmount:null,outputUsdValue:null,quote:null})),setQuoteWalletConfirmed:e=>t({quoteWalletsConfirmed:e}),setSelectedWallets:e=>t({selectedWallets:e}),setCustomDestination:e=>t({customDestination:e}),resetQuoteWallets:()=>t({quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:""}),setQuoteWarningsConfirmed:e=>t({quoteWarningsConfirmed:e})}))));function Tl(){let{setInputAmount:t,setToToken:e,setToBlockchain:o,setFromBlockchain:n,setFromToken:r,fromToken:s,toToken:a,fromBlockchain:l,toBlockchain:p}=K(),c=d().config,u=d().fetchStatus,h=d().blockchains(),m=d().tokens(),{setAffiliateRef:f,setAffiliatePercent:T,setAffiliateWallets:S}=d(),y=c?.from?.tokens,g=c?.from?.blockchains,v=c?.to?.tokens,b=c?.to?.blockchains,C=vn(void 0),x=vn(void 0),I=vn(void 0),w=vn(void 0);Yt(()=>{t(c?.amount?.toString()||"")},[c?.amount]),Yt(()=>{if(u==="success"){let k=h.find(E=>E.name===c?.from?.blockchain),W=m.find(E=>We(E,c?.from?.token||null));(k||!k&&I.current)&&n(k??null),W?r({token:W,meta:{blockchains:h,tokens:m}}):!W&&C.current&&r({token:null}),I.current=c?.from?.blockchain,C.current=c?.from?.token}},[c?.from?.token?.symbol,c?.from?.token?.address,c?.from?.token?.blockchain,c?.from?.blockchain,u]),Yt(()=>{go(s,y)&&r({token:null}),Gr(l,g)&&n(null)},[y,g]),Yt(()=>{go(a,v)&&r({token:null}),Gr(p,b)&&o(null)},[v,b]),Yt(()=>{if(u==="success"){let k=h.find(E=>E.name===c?.to?.blockchain),W=m.find(E=>We(E,c?.to?.token||null));(k||!k&&w.current)&&o(k??null),W?e({token:W,meta:{blockchains:h,tokens:m}}):!W&&x.current&&e({token:null}),w.current=c?.to?.blockchain,x.current=c?.to?.token}},[c?.to?.token?.symbol,c?.to?.token?.address,c?.to?.token?.blockchain,c?.to?.blockchain,u]),Yt(()=>{f(c?.affiliate?.ref??null),T(c?.affiliate?.percent??null),S(c?.affiliate?.wallets??null)},[c?.affiliate?.ref,c?.affiliate?.percent,c?.affiliate?.wallets])}i(Tl,"useSyncStoresWithConfig");import{useEffect as ai,useRef as Zd}from"react";import{useInRouterContext as Rd,useLocation as ef,useSearchParams as tf}from"react-router-dom";function ii(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(ii,"searchParamToToken");function si(t){if(t)return`${t.symbol}${t.address?`--${t.address}`:""}`}i(si,"tokenToSearchParam");function li(){let t=ef(),[e,o]=tf(),{fromBlockchain:n,toBlockchain:r,fromToken:s,toToken:a,inputAmount:l,setFromBlockchain:p,setToBlockchain:c,setFromToken:u,setToToken:h,setInputAmount:m}=K(),f=d().fetchStatus,T=d().blockchains(),S=d().tokens(),y=Rd(),{updateIframe:g,updateCampaignMode:v}=d(),b=d().isInCampaignMode(),C=Zd(),x=i(()=>{let w=e.get("fromAmount"),k=e.get("fromBlockchain"),W=e.get("fromToken"),E=e.get("toBlockchain"),P=e.get("toToken"),D=e.get("autoConnect"),G=e.get("clientUrl"),F=e.get("liquiditySources");return{fromAmount:w,fromBlockchain:k,fromToken:W,toBlockchain:E,toToken:P,autoConnect:D,clientUrl:G,liquiditySources:F}},"getUrlSearchParams"),I=i(w=>{for(let k in w)w[k]||delete w[k];o(w,{replace:!0})},"updateUrlSearchParams");ai(()=>{let{autoConnect:w,clientUrl:k}=x();y&&f==="success"&&I({["fromBlockchain"]:n?.name,["fromToken"]:si(s),["toBlockchain"]:r?.name,["toToken"]:si(a),["fromAmount"]:l,["autoConnect"]:w??void 0,["clientUrl"]:k??void 0,["liquiditySources"]:b?C.current:void 0})},[t.pathname,l,n,s,r,a,b]),ai(()=>{if(!y)return;let w=x();if(!C.current&&w.liquiditySources&&(C.current=w.liquiditySources),w.fromAmount&&m(w.fromAmount),f==="success"){let k=T.find(D=>D.name===w.fromBlockchain),W=ii(S,w.fromToken,k??null),E=T.find(D=>D.name===w.toBlockchain),P=ii(S,w.toToken,E??null);k&&(p(k),W&&u({token:W,meta:{blockchains:T,tokens:S}})),E&&(c(E),P&&h({token:P,meta:{blockchains:T,tokens:S}}))}},[f]),ai(()=>{let{clientUrl:w,liquiditySources:k}=x();g("clientUrl",w||void 0),v("liquiditySources",k?.split(",")??void 0)},[])}i(li,"useSyncUrlAndStore");import{i18n as pr}from"@lingui/core";import{useManager as Uh}from"@rango-dev/queue-manager-react";import{Alert as qc,Button as Oh,css as rs,Divider as ns,IconButton as zc,SettingsIcon as qh,styled as zh,Tooltip as Gh,Typography as Hh,WalletIcon as Qh}from"@rango-dev/ui";import ce,{useEffect as Mo,useLayoutEffect as Vh,useRef as jh,useState as cr}from"react";import{flushSync as Xh}from"react-dom";import{useLocation as Kh,useNavigate as Yh}from"react-router-dom";import{i18n as rt}from"@lingui/core";import{Alert as $i,BalanceErrors as Bg,Button as Ip,ChevronDownIcon as Mg,ChevronLeftIcon as Pg,Divider as oo,MessageBox as $g,Typography as Vn,WalletIcon as _g}from"@rango-dev/ui";import B,{useEffect as Dg,useState as Ot}from"react";import{useNavigate as Fg}from"react-router-dom";import{i18n as xn}from"@lingui/core";function bn(t){switch(t.type){case 0:return xn.t("Route has been updated.");case 3:return xn.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return xn.t("Route swappers has been updated.");case 2:return xn.t("Route internal coins has been updated.");default:return""}}i(bn,"getQuoteUpdateWarningMessage");import{Modal as nf}from"@rango-dev/ui";import rf from"react";function se(t){let{watermark:e}=oe();return rf.createElement(nf,{hasWatermark:e==="FULL",...t},t.children)}i(se,"WatermarkedModal");import Wn,{useRef as lf}from"react";import*as Jt from"@radix-ui/react-collapsible";import{keyframes as kl,styled as In}from"@rango-dev/ui";var pi=300,sf=kl({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),af=kl({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),wl=In(Jt.Root,{borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),ci=In(Jt.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit",cursor:"pointer"}),An=In(Jt.Content,{overflow:"hidden",variants:{open:{true:{animation:`${sf} ${pi}ms ease-out`},false:{animation:`${af} ${pi}ms ease-out`}}}}),En=In("div",{transition:`all ${pi}ms ease`,display:"flex",alignItems:"center",variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}});function Ln(t){let{open:e,hasSelected:o,onOpenChange:n,children:r,onClickTrigger:s,trigger:a,triggerAnchor:l}=t,p=lf(null);return Wn.createElement(wl,{ref:p,className:"collapsible_root",selected:o&&e,open:e,onOpenChange:n},l==="top"&&Wn.createElement(ci,{className:"collapsible_trigger",onClick:s},a),Wn.createElement(An,{className:"collapsible_content",open:e},r),l==="bottom"&&Wn.createElement(ci,{className:"collapsible_trigger",onClick:s},a))}i(Ln,"CustomCollapsible");import{Button as pf,css as vl,darkTheme as Zt,IconButton as cf,styled as Ge,TextField as uf}from"@rango-dev/ui";var xl=Ge("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),bl=Ge("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),mf=Ge("button",{borderRadius:"$xm",padding:"$10",border:"0",display:"flex",justifyContent:"center",$$color:"$colors$neutral100",[`.${Zt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",alignItems:"center",cursor:"pointer",width:110,position:"relative","&:hover":{$$color:"$colors$info100",[`.${Zt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$color:"$colors$info100",[`.${Zt} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color",outline:0},variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary",outlineStyle:"solid"}}}}),Il=Ge(mf,{alignSelf:"stretch",minHeight:"93px"}),Al=Ge("div",{padding:"$20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),El=Ge(cf,{position:"absolute",left:"$20"}),Wl=Ge("div",{paddingTop:"$20"}),Ll=vl({display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),Nl=Ge("div",{padding:"$10 $0","& .button__content":{display:"flex",alignItems:"center"},"& .alarms":{paddingTop:"$5"},"& .collapsible_content":{backgroundColor:"$neutral100"},"& .collapsible_root":{backgroundColor:"$neutral200"}}),Bl=vl({paddingTop:"$5"}),Ml=Ge("div",{display:"flex"}),Pl=Ge(uf,{backgroundColor:"$neutral100",padding:"$0 $15 $15 $15"}),$l=Ge("div",{overflow:"visible",width:"100%"}),_l=Ge(pf,{width:"100%",borderRadius:"$sm !important",padding:"$15 !important",justifyContent:"space-between",alignItems:"center",$$color:"$colors$neutral100",[`.${Zt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color","&:hover":{$$color:"$colors$info100",[`.${Zt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$background:"$colors$info100",[`.${Zt} &`]:{$$background:"$colors$info700"},backgroundColor:"$$background",outline:0}});import{i18n as Ye}from"@lingui/core";import{Button as Eg,Divider as Mi,Image as Wg,MessageBox as Qn,SelectableWallet as Lg,Typography as wp,WalletState as vp}from"@rango-dev/ui";import le,{useEffect as xp,useState as wo}from"react";import{WalletState as ui}from"@rango-dev/ui";import{useWallets as df}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as ff,WalletTypes as Nn}from"@rango-dev/wallets-shared";import{useCallback as gf,useEffect as hf,useState as yf}from"react";var Sf=Object.values(Nn);function Bn(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:s,disconnect:a,getWalletInfo:l,connect:p}=df(),{connectedWallets:c}=V(),u=d().blockchains(),h=La(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||Sf,m=ga(s,l,h,o),f=wa(m),[T,S]=yf(""),y=i(x=>!c.find(I=>I.walletType===x&&I.chain===o),"isExperimentalChainNotAdded"),g=i(async x=>{let I=s(x);try{if(T&&S(""),I.connected)await a(x);else{let w=!!m.find(k=>k.state===ui.CONNECTED);if(!e?.multiWallets&&w)return;n?.(x),await p(x),r?.(x)}}catch(w){S("Error: "+w?.message)}},"handleClick"),v=gf(()=>{let x=m?.filter(I=>I.state===ui.CONNECTING)||[];for(let I of x)a(I.type)},[ba(m)]);hf(()=>()=>{v()},[]);let b=i(x=>x.filter(w=>w.state!=ui.NOT_INSTALLED&&![Nn.DEFAULT,Nn.WALLET_CONNECT_2].includes(w.type)&&l(w.type).supportedChains.filter(k=>k.type=="EVM").length>0).length==0,"shouldShowDefaultInjectedWallet"),C=i((x,I,w)=>nn(w,I)&&y(x)&&!ff.includes(x)||x==Nn.DEFAULT&&!b(m),"shouldExcludeWallet");return{list:f.filter(x=>!C(x.type,o??"",u)),error:T,handleClick:g,disconnectConnectingWallets:v}}i(Bn,"useWalletList");import{i18n as gp}from"@lingui/core";import{styled as yp,Typography as kg,Wallet as wg,WalletState as vg}from"@rango-dev/ui";import to,{useState as hp}from"react";import{useManager as ug}from"@rango-dev/queue-manager-react";import{BottomLogo as mg,Divider as ap,Header as dg}from"@rango-dev/ui";import de,{useEffect as lp,useRef as pp}from"react";import{useRef as Cf}from"react";function Mn(){return window.self!==window.top}i(Mn,"isAppLoadedIntoIframe");function mi(){let t=Cf(null),{iframe:e}=d(),o=Mn()&&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(mi,"useIframe");import{useNavigate as Tf}from"react-router-dom";function It(){let t=Tf();return()=>t(-1)}i(It,"useNavigateBack");import{createTheme as hi,darkTheme as bf,lightTheme as If}from"@rango-dev/ui";import{useEffect as Ol,useState as Af}from"react";import{theme as vf,darkColors as xf}from"@rango-dev/ui";var Dl=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,c=(a.length<2?"0":"")+a,u=(l.length<2?"0":"")+l;return`#${p}${c}${u}`},"colorShade"),Pn=i((t,e)=>{let a={[t]:e};for(let l=1;l<10;l++)l<5&&(a={...a,[t+l*100]:Dl(e,(5-l)*25)}),l===5&&(a={...a,[t+l*100]:e}),l>5&&(a={...a,[t+l*100]:Dl(e,-((l-5)*25))});return a},"generateRangeColors"),di=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=Pn(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,...Pn(s,a)}}return n?r:{}},"generateColors");var Fl=i(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),kf=i(t=>{let e="",o;for(o=Math.abs(t);o>52;o=o/52|0)e=Fl(o%52)+e;return Fl(o%52)+e},"toAlphabeticName"),wf=i((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),fi=i(t=>kf(wf(5381,JSON.stringify(t))>>>0),"toHash");function gi(t){let e=vf.colors,o=di({...e,...xf},!0,t?.dark),n=di(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:`${zr}-light-${fi(p)}`,tokens:p}}if(r){let p={colors:o};l={id:`${zr}-dark-${fi(p)}`,tokens:p}}return{light:a,dark:l}}i(gi,"customizedThemeTokens");function Ul(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(Ul,"joinList");function $n(t){let{colors:e,fontFamily:o=Wa,borderRadius:n=Aa,secondaryBorderRadius:r=Ea,mode:s="auto"}=t,[a,l]=Af("light"),{setTheme:p,theme:c}=d(),{dark:u,light:h}=gi(e),m=hi({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),f=[m.className,If.className],T=[m.className,bf.className];if(h){let y=hi(h.id,h.tokens);f.push(y.className)}if(u){let y=hi(u.id,u.tokens);T.push(y.className)}return Ol(()=>{let y=i(g=>{g.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)}},[]),Ol(()=>{s!=="auto"&&p(s)},[s]),{activeTheme:i(()=>{let y=f.join(" "),g=T.join(" ");return c==="auto"?a==="dark"?g:y:c==="dark"?g:y},"getActiveTheme")}}i($n,"useTheme");var At=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 ql}from"@lingui/core";import{Alert as Ef,Button as Wf}from"@rango-dev/ui";import zl from"react";function yi(t){return zl.createElement(Ef,{action:zl.createElement(Wf,{onClick:t.onActivateTab,variant:"contained",size:"xxsmall",type:"warning"},ql.t("Activate")),type:"warning",variant:"alarm",title:ql.t("Another tab is open and handles transactions. You can activate this tab.")})}i(yi,"ActivateTabAlert");import{i18n as Si}from"@lingui/core";import{Button as Lf,Divider as Nf,MessageBox as Bf}from"@rango-dev/ui";import _n from"react";function Ci(t){let{open:e,onClose:o,onConfirm:n}=t;return _n.createElement(se,{open:e,dismissible:!0,onClose:o,container:L()},_n.createElement(Bf,{title:Si.t("Activate current tab"),type:"warning",description:Si.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.")},_n.createElement(Nf,{size:20}),_n.createElement(Lf,{variant:"contained",size:"large",type:"primary",fullWidth:!0,onClick:n},Si.t("Confirm"))))}i(Ci,"ActivateTabModal");import{ChevronLeftIcon as $f}from"@rango-dev/ui";import Vl from"react";import{darkTheme as Mf,IconButton as Pf,styled as Co}from"@rango-dev/ui";var He=Co(Pf,{width:"$24",position:"relative",padding:"0",overflow:"unset"}),Gl=Co("div",{position:"absolute",background:"$secondary500",[`.${Mf} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),Rt=Co("div",{display:"flex",justifyContent:"flex-end",minWidth:"$40",button:{padding:0}}),Hl=Co("div",{position:"absolute",backgroundColor:"$secondary500",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0"}),Ql=Co("div",{padding:"$2",variants:{isRefetched:{true:{transform:"rotate(360deg)",transition:"transform 1s ease-in-out"}}}});function Ti(t){return Vl.createElement(He,{variant:"ghost",size:"small",onClick:t.onClick},Vl.createElement($f,{color:"black",size:16}))}i(Ti,"BackButton");import{i18n as _f}from"@lingui/core";import{Button as Df,Typography as Ff}from"@rango-dev/ui";import ki from"react";function wi(t){return ki.createElement(Rt,null,ki.createElement(Df,{variant:"ghost",onClick:t.onClick,size:"xsmall"},ki.createElement(Ff,{variant:"label",size:"medium",color:"error500"},_f.t("Cancel"))))}i(wi,"CancelButton");import{i18n as Uf}from"@lingui/core";import{Tooltip as Of,WalletIcon as qf}from"@rango-dev/ui";import Dn from"react";function vi(t){return Dn.createElement(Of,{container:t.container,side:"top",content:Uf.t("Connect Wallet")},Dn.createElement(He,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&Dn.createElement(Gl,null),Dn.createElement(qf,{size:18,color:"black"})))}i(vi,"WalletButton");import{i18n as qn}from"@lingui/core";import{NotificationsIcon as ag,Popover as lg,SettingsIcon as pg,Tooltip as zn,TransactionIcon as cg}from"@rango-dev/ui";import ke from"react";import{i18n as Kf}from"@lingui/core";import{EventSeverity as Yf}from"@rango-dev/queue-manager-rango-preset";import{ChainToken as Zl,ChevronRightIcon as Jf,ListItemButton as Zf,Typography as Rf}from"@rango-dev/ui";import Ke from"react";import{useNavigate as eg}from"react-router-dom";import{create as zf}from"zustand";import{persist as Gf,subscribeWithSelector as Hf}from"zustand/middleware";var De=wt(zf()(Gf(Hf((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 Fn}from"@rango-dev/ui";var jl=Fn("div",{padding:"$10",width:"350px",maxWidth:"90vw",minHeight:"150px"}),Xl=Fn("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),Kl=Fn("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),Yl=Fn("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as Qf}from"@lingui/core";import{Divider as Vf,NoNotificationIcon as jf,Typography as Xf}from"@rango-dev/ui";import Un from"react";function Jl(){return Un.createElement(Yl,null,Un.createElement(jf,{color:"secondary",size:26}),Un.createElement(Vf,{size:12}),Un.createElement(Xf,{variant:"body",size:"medium",color:"neutral700"},Qf.t("There are no notifications.")))}i(Jl,"NotificationNotFound");var tg=4;function xi(){let t=eg(),{getUnreadNotifications:e}=De(),o=e(),n=d().blockchains(),r=d().tokens(),s=o.sort((l,p)=>p.creationTime-l.creationTime).slice(0,tg),a=i(l=>{t(`${$.swaps}/${l}`)},"handleOnClick");return Ke.createElement(jl,null,s.length?Ke.createElement(Xl,null,s.map(l=>{let{route:p,requestId:c,event:u}=l,h=r.find(S=>We(S,p.from)),m=n.find(S=>S.name===p.from.blockchain),f=r.find(S=>We(S,p.to)),T=n.find(S=>S.name===p.to.blockchain);return Ke.createElement(Zf,{key:c,onClick:()=>a(c),title:Ke.createElement(Rf,{variant:"body",size:"small",color:u.messageSeverity===Yf.WARNING?"$foreground":"$neutral700"},Kf.t(u.message)),id:c,start:Ke.createElement(Kl,null,Ke.createElement("div",{className:"from-chain-token"},Ke.createElement(Zl,{tokenImage:h?h.image:"",chainImage:m?m.logo:"",size:"small"})),Ke.createElement("div",{className:"to-chain-token"},Ke.createElement(Zl,{tokenImage:f?f.image:"",chainImage:T?T.logo:"",size:"small"}))),end:Ke.createElement(Jf,{size:12,color:"gray"})})})):Ke.createElement(Jl,null))}i(xi,"NotificationContent");import{RefreshProgressButton as og}from"@rango-dev/ui";import bi,{useEffect as ng,useState as Rl}from"react";var rg=1e3,ep=60,ig=100;function On({onClick:t}){let[e,o]=Rl(0),[n,r]=Rl(!1),s=i(p=>{document.hidden&&p&&a(p)},"handleVisibilityChange");ng(()=>{let p;return t?p=window.setInterval(()=>{o(c=>c+1),e===ep&&l()},rg):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 bi.createElement(He,{variant:"ghost",size:"small",onClick:l,disabled:!t},bi.createElement(Ql,{onTransitionEnd:()=>r(!1),isRefetched:n},bi.createElement(og,{size:24,color:t?"black":"gray",progress:e/ep*ig})))}i(On,"RefreshButton");import{Typography as sg}from"@rango-dev/ui";import tp from"react";function op(){let{getUnreadNotifications:t}=De(),e=t().length;return e?tp.createElement(Hl,null,tp.createElement(sg,{variant:"body",size:"xsmall",color:"$background"},e)):null}i(op,"UnreadNotificationsBadge");function Ii(t){let{onClickRefresh:e,onClickHistory:o,onClickSettings:n}=t,{config:{features:r}}=d(),s=Oe("notification",r);return ke.createElement(ke.Fragment,null,ke.createElement(zn,{container:L(),side:"top",content:qn.t("Refresh")},ke.createElement(On,{onClick:e})),!s&&ke.createElement(lg,{align:"end",alignOffset:-88,collisionPadding:{right:20,left:20},container:L(),content:ke.createElement(xi,null)},ke.createElement("div",null,ke.createElement(zn,{container:L(),side:"top",content:qn.t("Notifications")},ke.createElement(He,{size:"small",variant:"ghost"},ke.createElement(ag,{size:18,color:"black"}),ke.createElement(op,null))))),ke.createElement(zn,{container:L(),side:"top",content:qn.t("Settings")},ke.createElement(He,{size:"small",variant:"ghost",onClick:n},ke.createElement(pg,{size:18,color:"black"}))),ke.createElement(zn,{container:L(),side:"top",content:qn.t("Transactions History")},ke.createElement(He,{size:"small",variant:"ghost",onClick:o},ke.createElement(cg,{size:18,color:"black"}))))}i(Ii,"HomeButtons");function Ai(t){let e=t.target;if(e){let o=e.scrollTop,n=L();o>1?n.classList.add("rng-scrolled"):n.classList.remove("rng-scrolled")}}i(Ai,"onScrollContentAttachStatusToContainer");import{styled as Ei}from"@rango-dev/ui";var np="700px",rp=Ei("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:np},fixed:{height:np}}}}),ip=Ei("div",{position:"relative",overflow:"hidden",flexGrow:1,display:"flex",flexDirection:"column",padding:0,overflowY:"auto"}),sp=Ei("div",{padding:"0 $20 $10","& .footer__logo":{opacity:0,transition:"opacity 1s ease-in-out","&.logo__show":{opacity:1},"&.logo__hidden":{visibility:"hidden"}}});function ie(t){let{connectHeightObserver:e,disconnectHeightObserver:o}=mi(),{children:n,header:r,footer:s,height:a="fixed"}=t,l=V.use.connectedWallets(),{config:{features:p,theme:c}}=d(),{watermark:u}=oe(),h=u==="FULL",{activeTheme:m}=$n(c||{}),f=Oe("connectWalletButton",p),{isActiveTab:T,tabManagerInitiated:S,showActivateTabModal:y,setShowActivateTabModal:g,activateCurrentTab:v}=oe(),b=It(),{manager:C}=ug(),I=At(C).map(({swap:D})=>D).some(D=>D.status==="running"),w=i(()=>v(_t.forceClaim,I),"onActivateTab"),k=i(()=>{r.onWallet?.()},"onConnectWallet"),W=typeof r.hasBackButton>"u"||r.hasBackButton,E=pp(null),P=pp(null);return lp(()=>(Mn()&&P.current&&e(P.current),()=>{o()}),[]),lp(()=>(E.current?.addEventListener("scroll",Ai),()=>{E.current?.removeEventListener("scroll",Ai)}),[]),de.createElement(rp,{height:a,id:Ae.SWAP_BOX_ID,className:m(),ref:P},de.createElement(dg,{prefix:de.createElement(de.Fragment,null,W&&de.createElement(Ti,{onClick:b})),title:r.title,suffix:de.createElement(de.Fragment,null,r.suffix,r.onWallet&&!f&&de.createElement(vi,{container:L(),onClick:k,isConnected:!!l?.length}),r.onCancel&&de.createElement(wi,{onClick:r.onCancel}))}),de.createElement(ip,{ref:E},n),de.createElement(Ci,{open:y,onClose:()=>g(!1),onConfirm:w}),de.createElement(sp,null,de.createElement("div",{className:"footer__content"},s,S&&!T&&de.createElement(de.Fragment,null,de.createElement(ap,{size:12}),de.createElement(yi,{onActivateTab:w}))),de.createElement(ap,{size:12}),de.createElement("div",{className:`footer__logo ${h?"logo__show":"logo__hidden"}`},de.createElement(mg,null))))}i(ie,"Layout");import{styled as fg}from"@rango-dev/ui";var cp="$20 $20 $10 $20",To=fg("div",{padding:cp,overflowY:"auto",flexGrow:1});import{styled as gg}from"@rango-dev/ui";var ae=gg("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 Tg}from"@rango-dev/ui";import Li from"react";import{i18n as eo}from"@lingui/core";import{Image as Sg,MessageBox as Wi,WalletState as Cg}from"@rango-dev/ui";import Ut from"react";import{keyframes as hg,styled as Gn}from"@rango-dev/ui";var wA=Gn("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),up=Gn("div",{position:"relative"}),yg=hg({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),mp=Gn("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${yg} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),dp=Gn("div",{"& img":{borderRadius:"50%"}});function fp(t){let{state:e,image:o,error:n}=t;return e===Cg.CONNECTED?Ut.createElement(Wi,{type:"success",title:eo.t("Wallet Connected"),description:eo.t("Your wallet is connected, you can use it to swap.")}):n?Ut.createElement(Wi,{type:"error",title:eo.t("Failed to Connect"),description:n||eo.t("Your wallet is not connected. Please try again.")}):Ut.createElement(Wi,{type:"loading",title:eo.t("Connecting to your wallet"),description:eo.t("Click connect in your wallet popup."),icon:Ut.createElement(up,null,Ut.createElement(dp,null,Ut.createElement(Sg,{src:o,size:45})),Ut.createElement(mp,null))})}i(fp,"ModalContent");function ko(t){let{open:e,onClose:o,...n}=t;return Li.createElement(se,{open:e,onClose:o,container:document.getElementById(Ae.SWAP_BOX_ID)||document.body},Li.createElement(fp,{...n}),Li.createElement(Tg,{direction:"vertical",size:32}))}i(ko,"WalletModal");var xg=yp("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),bg=yp(ae,{textAlign:"center"}),Hn=3e3,Ni=300;function Sp(){let{config:t,fetchStatus:e}=d(),[o,n]=hp(!1),[r,s]=hp(""),a=null,l=oe.use.isActiveTab(),{list:p,handleClick:c,error:u,disconnectConnectingWallets:h}=Bn({config:t,onBeforeConnect:y=>{a=setTimeout(()=>{n(!0),s(y)},Ni)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},Hn)}}),m=i(()=>{h(),n(!1)},"handleCloseWalletModal"),f=p.find(y=>y.type===r),T=f?.image||"",S=f?.state||vg.NOT_INSTALLED;return to.createElement(ie,{header:{title:gp.t("Connect Wallets")}},to.createElement(bg,null,to.createElement(kg,{variant:"title",size:"xmedium",align:"center"},gp.t("Choose a wallet to connect.")),to.createElement(xg,null,p.map((y,g)=>{let v=`wallet-${g}-${y.type}`;return to.createElement(wg,{key:v,...y,container:L(),onClick:b=>{c(b)},isLoading:e==="loading",disabled:!l})}),to.createElement(ko,{open:!!o,onClose:m,image:T,state:S,error:u}))))}i(Sp,"WalletsPage");import{keyframes as Ig,styled as Bi}from"@rango-dev/ui";var Cp=Bi("div",{position:"relative"}),Ag=Ig({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),Tp=Bi("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Ag} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),kp=Bi("div",{"& img":{borderRadius:"50%"}});var Ng=7;function Pi(t){let{chain:e,isSelected:o,selectWallet:n,limit:r,onShowMore:s}=t,{config:a}=d(),l=oe.use.isActiveTab(),p=V.use.connectedWallets(),{blockchains:c}=d(),[u,h]=wo(""),[m,f]=wo(null),[T,S]=wo(!1),[y,g]=wo(null),{suggestAndConnect:v}=bp(),b=null,{list:C,error:x,handleClick:I,disconnectConnectingWallets:w}=Bn({config:a,chain:e,onBeforeConnect:N=>{b=setTimeout(()=>{h(N)},Ni)},onConnect:()=>{b&&clearTimeout(b),setTimeout(()=>{h("")},Hn)}}),[k,W]=wo(C),E=C.length,P=r&&E-r>0,D=i(async N=>{S(!1),g("in-progress");try{await v(N.walletType,N.chain),g("completed")}catch{g("rejected")}},"addExperimentalChain");xp(()=>{W(N=>{let ee=C.findIndex(te=>o(te.type,e));return P&&ee>1?[C[ee]].concat(C.filter((te,q)=>q!==ee)):N.map(te=>C.find(q=>q.type===te.type)??te)})},[JSON.stringify(C)]);let G=document.getElementById(Ae.SWAP_BOX_ID);xp(()=>{let N=null;return(y==="completed"||y==="rejected")&&(N=setTimeout(()=>g(null),Hn)),()=>{N&&clearTimeout(N)}},[y]);let F=i(()=>{w(),h("")},"handleCloseWalletModal");return le.createElement(le.Fragment,null,k.slice(0,r).map(N=>{let ee=va({connectedWallets:p,walletType:N.type,chain:e}),te=ee?sn(ee,Ng):"",q=nn(c(),e),Me=!p.find(Te=>Te.walletType===N.type&&Te.chain===e),j=q&&Me&&N.state===vp.CONNECTED,Y=j?Ye.t({id:"Add {chain} chain",values:{chain:e}}):te,Ie=i(()=>{N.state===vp.DISCONNECTED?I(N.type):j?(f({walletType:N.type,chain:e,address:ee??""}),S(!0)):n({walletType:N.type,chain:e,address:ee??""})},"onClick"),Ce=m?.chain?Ja(m.chain,c()):void 0;return le.createElement(le.Fragment,null,le.createElement(ko,{open:u===N.type,onClose:F,image:N.image,state:N.state,error:x}),!!m&&le.createElement(se,{open:!!m&&T,container:G,onClose:()=>{f(null)}},le.createElement(Qn,{title:Ye.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:Ce}}),type:"warning",description:Ye.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:Ce}})},le.createElement(Mi,{size:18}),le.createElement(Mi,{size:32}),le.createElement(Eg,{onClick:D.bind(null,m),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},Ye.t("Confirm")))),y&&le.createElement(se,{open:!!y,onClose:g.bind(null,null),container:G},y==="in-progress"&&le.createElement(Qn,{type:"loading",title:Ye.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:Ce}}),description:Ye.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:Ce}}),icon:le.createElement(Cp,null,le.createElement(kp,null,le.createElement(Wg,{src:N.image,size:45})),le.createElement(Tp,null))}),y==="completed"&&le.createElement(Qn,{type:"success",title:Ye.t({id:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:Ce}}),description:Ye.t({id:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:Ce}})}),y==="rejected"&&le.createElement(Qn,{type:"error",title:Ye.t("Request Rejected"),description:Ye.t({id:"You've rejected adding {blockchainDisplayName} chain to your wallet.",values:{blockchainDisplayName:Ce}})}),le.createElement(Mi,{direction:"vertical",size:32})),le.createElement(Lg,{key:N.type,description:Y,onClick:Ie,selected:o(N.type,e),disabled:!l,...N}))}),P&&le.createElement(Il,{selected:!1,onClick:s},le.createElement(wp,{variant:"label",size:"medium"},Ye.t("Show more wallets"),le.createElement(wp,{variant:"label",size:"medium",color:"$primary"},"\xA0+",E-(r??0)))))}i(Pi,"WalletList");var Ug=2;function Ap(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,loading:s}=t,a=d().config,l=d().blockchains(),{quote:p,setSelectedWallets:c,quoteWalletsConfirmed:u,setQuoteWalletConfirmed:h,customDestination:m,setCustomDestination:f}=K(),{connectedWallets:T,selectWallets:S}=V(),[y,g]=Ot(""),[v,b]=Ot([]),[C,x]=Ot(""),[I,w]=Ot(null),[k,W]=Ot(m),[E,P]=Ot(!!m),D=gn(p),G=l.find(U=>U.name===p?.result?.swaps[p?.result?.swaps.length-1].to.blockchain),F=i(U=>!!p?.result?.swaps.find(J=>J.from.blockchain===U),"isWalletRequiredFor"),[N,ee]=Ot(T.filter(U=>U.selected&&D.includes(U.chain))),te=l.find(U=>U.name===G?.name),q=i((U,J)=>!!N.find(Z=>Z.walletType===U&&Z.chain===J&&Z.selected&&(F(J)||!F(J)&&!k)),"isSelected"),Me=!!k&&E&&te&&!hn(te,k),j=i(()=>{P(!1),W(""),ee(U=>{let J=!1;return U.map(Z=>!J&&Z.chain===G?.name?(J=!0,{...Z,selected:!0}):Z)})},"resetCustomDestination"),Y=i(U=>{if(y&&g(""),q(U.walletType,U.chain))return;let Z=T.find(me=>me.walletType===U.walletType&&me.chain===U.chain);Z&&(n(),U.chain===G?.name&&E&&(P(!1),W("")),ee(me=>me.filter(ve=>ve.chain!==U.chain).concat({...Z,selected:!0})))},"onChange"),Ie=i(()=>{let U=N.filter(J=>J.selected);S(U),c(U),f(k),h(!0),o()},"onConfirmBalance"),Ce=i(async()=>{b([]),x(""),w(null);let U=T.filter(me=>N.find(ve=>ve.chain===me.chain&&ve.walletType===me.walletType)),J=await r?.({selectedWallets:U,customDestination:k}),Z=J.warnings;Z?.balance?.messages&&b(Z.balance.messages),Z?.quoteUpdate&&w(Z.quoteUpdate),J.error&&x(Za(J.error)),!J.error&&(!Z?.balance?.messages.length||0>0)?Ie():b(Z?.balance?.messages??[])},"onConfirmWallets");Dg(()=>{ee(U=>U.concat(T.filter(J=>!!!U.find(me=>me.chain===J.chain)&&J.selected&&D.includes(J.chain))))},[T.length]);let Te=document.getElementById(Ae.SWAP_BOX_ID),mt=Fg();return B.createElement(se,{open:e,onClose:()=>{u||mt("../",{replace:!0}),o()},dismissible:!y,container:Te,...!y&&{footer:B.createElement(Ml,null,B.createElement(Ip,{loading:s,disabled:dl(s,E,k,p,N,G),onClick:Ce,variant:"contained",type:"primary",fullWidth:!0,size:"large"},rt.t("Confirm")))},...y&&{styles:{container:{padding:"$0"}},header:B.createElement(Al,null,B.createElement(El,{variant:"ghost",onClick:g.bind(null,"")},B.createElement(Pg,{size:16})),B.createElement(Vn,{variant:"headline",size:"small"},rt.t({id:"Your {blockchainName} wallets",values:{blockchainName:qe(y,l)}})))},anchor:"center"},B.createElement(se,{open:v.length>0,onClose:b.bind(null,[]),container:Te},B.createElement($g,{title:rt.t("Insufficient account balance"),type:"error",description:B.createElement(Bg,{messages:v??[]})},B.createElement(Ip,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:Ie},rt.t("Proceed anyway")))),y&&B.createElement(Wl,null,B.createElement("div",{className:Ll()},B.createElement(Pi,{chain:y,isSelected:q,selectWallet:Y,onShowMore:g.bind(null,y)}))),!y&&B.createElement(B.Fragment,null,C&&B.createElement(B.Fragment,null,B.createElement($i,{variant:"alarm",type:"error",title:rt.t(C)}),B.createElement(oo,{size:12})),I&&B.createElement(B.Fragment,null,B.createElement($i,{variant:"alarm",type:"warning",title:bn(I)}),B.createElement(oo,{size:12})),B.createElement($l,null,D.map((U,J)=>{let Z=l.find(je=>je.name===U),me=`wallet-${J}`,ve=J===D.length-1;return B.createElement("div",{key:me},B.createElement(xl,null,B.createElement(Vn,{variant:"title",size:"xmedium"},rt.t({id:"Your {blockchainName} wallets",values:{blockchainName:Z?.shortName}})),B.createElement(Vn,{variant:"label",color:"$neutral700",size:"medium"},rt.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:Z?.shortName}}))),B.createElement(oo,{size:24}),B.createElement(bl,null,B.createElement(Pi,{chain:U,isSelected:q,selectWallet:Y,limit:Ug,onShowMore:()=>g(Z?.name??"")})),!ve&&B.createElement(oo,{size:32}),ve&&a?.customDestination&&B.createElement(Nl,null,B.createElement(Ln,{onOpenChange:je=>{je?F(G?.name??"")||ee(Dr=>Dr.map(_e=>_e.chain===G?.name?{..._e,selected:!1}:_e)):j()},hasSelected:!0,open:E,triggerAnchor:"top",trigger:B.createElement(_l,{fullWidth:!0,variant:"default",suffix:B.createElement(En,{orientation:E?"up":"down"},B.createElement(Mg,{size:10,color:"gray"}))},B.createElement("div",{className:"button__content"},B.createElement(_g,{size:18,color:"info"}),B.createElement(oo,{size:4,direction:"horizontal"}),B.createElement(Vn,{variant:"label",size:"medium"},rt.t("Send to a different address")))),onClickTrigger:()=>P(je=>!je)},B.createElement(oo,{size:4}),B.createElement(Pl,{autoFocus:!0,placeholder:rt.t("Your destination address"),value:k,onChange:je=>{W(je.target.value)}})),Me&&B.createElement("div",{className:Bl()},B.createElement($i,{variant:"alarm",type:"error",title:rt.t({values:{destination:k},id:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}i(Ap,"ConfirmWalletsModal");import{i18n as oh}from"@lingui/core";import{Alert as nh,Button as rh,InfoIcon as ih}from"@rango-dev/ui";import Fe from"react";import{Alert as Og,Button as qg,Divider as Mp,NoRouteIcon as zg,RefreshIcon as Gg,Typography as Pp}from"@rango-dev/ui";import Je from"react";import{i18n as Ep}from"@lingui/core";function Wp(t,e,o,n){return t?.type===1?{alert:{type:"warning",text:X().genericServerError,action:{onClick:n,title:Ep.t("Retry")}},description:""}:e.length?{alert:{type:"warning",text:X().liquiditySourcesError.title,action:{onClick:()=>o(!0),title:Ep.t("Reset")}},description:X().liquiditySourcesError.description}:t?.type===0&&t.diagnosisMessage?{alert:{type:"error",text:t.diagnosisMessage,action:null},description:""}:{alert:null,description:X().noResultError.description}}i(Wp,"makeInfo");import{styled as _i}from"@rango-dev/ui";var Lp=_i("div",{minHeight:"162px",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"}),Np=_i("div",{width:"100%"}),Bp=_i("div",{padding:"$6 $0"});function Di(t){let{fetch:e,error:o}=t,n=d().getDisabledLiquiditySources(),r=d().toggleAllLiquiditySources,s=d().swappers(),a=Wp(o,n,()=>r(s,!0),e);return Je.createElement(Lp,null,Je.createElement(zg,{size:24,color:"gray"}),Je.createElement(Mp,{size:4}),Je.createElement(Pp,{variant:"title",size:"small"},X().noResultError.title),!!a.description&&Je.createElement(Pp,{variant:"body",size:"small",align:"center",color:"neutral700"},a.description),Je.createElement(Mp,{size:4}),!!a.alert&&Je.createElement(Np,null,Je.createElement(Og,{type:a.alert.type,title:a.alert.text,action:a.alert.action&&Je.createElement(qg,{size:"xsmall",type:a.alert.type,prefix:Je.createElement(Bp,null,Je.createElement(Gg,{size:8})),onClick:a.alert.action.onClick},a.alert.action.title),variant:"alarm"})))}i(Di,"NoResult");import{i18n as vo}from"@lingui/core";import{Button as Qg,Divider as Op,MessageBox as Vg,Typography as jg,WarningIcon as Xg}from"@rango-dev/ui";import it from"react";import{Typography as Fp}from"@rango-dev/ui";import Ui from"react";import{darkTheme as Hg,styled as jn}from"@rango-dev/ui";var $p=jn("div",{width:"100%"}),Fi=jn("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),_p=jn("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%","._title":{$$color:"$colors$neutral600",[`.${Hg} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Dp=jn("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});function Up(t){let{title:e,value:o,valueColor:n}=t;return Ui.createElement(_p,null,Ui.createElement(Fp,{size:"medium",variant:"label",className:"_title"},e),Ui.createElement(Fp,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}i(Up,"QuoteErrorsModalItem");function qp(t){let{open:e,onClose:o,onConfirm:n,warning:r,confirmationDisabled:s}=t,a=r.warningLevel==="high"?"error":"warning",l=[{title:vo.t("Swapping"),value:A(r.inputUsdValue,4,4)},{title:vo.t("Gas cost"),value:A(r.totalFee,2,2)},{title:vo.t("Receiving"),value:A(r.outputUsdValue,4,4)},{title:vo.t("Price impact"),value:A(r.priceImpact,2,2),valueColor:`${a}500`}];return it.createElement(se,{open:e,onClose:o,container:L()},it.createElement(Vg,{type:a,title:X().highValueLossError.impactTitle,description:X().highValueLossError.description}),it.createElement(Fi,null,it.createElement(Op,{size:20}),it.createElement(jg,{size:"small",variant:"title"},vo.t("Details")),it.createElement(Fi,null,l.map((p,c)=>it.createElement(Up,{key:c,...p})))),it.createElement(Op,{size:32}),it.createElement(Qg,{type:"primary",size:"large",prefix:it.createElement(Xg,null),fullWidth:!0,disabled:s,onClick:n},X().highValueLossError.confirmMessage))}i(qp,"HighValueLossWarningModal");import{i18n as Oi}from"@lingui/core";function zp(t,e){let o={alertType:"warning",title:"",action:"show-info"};return t?(t.type===0&&(ft(t.priceImpact)==="high"&&(o.alertType="error"),o.action=null,o.title=X().highValueLossError.title),t.type===1&&(o.title=X().unknownPriceError.title),t.type===2&&(o.title=Oi.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=Oi.t("Caution, your slippage is high.")),o):e?(o.alertType="error",e.type===3&&(o.title=e.recommendation,o.action="show-info"),e.type===4&&(o.title=Oi.t({id:"You need to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:e.minRequiredSlippage}}),o.action="change-settings"),o):null}i(zp,"makeAlerts");import{i18n as io}from"@lingui/core";import{Button as Gp,Divider as Hp,MessageBox as Kg,Typography as Yg}from"@rango-dev/ui";import qt from"react";import{useNavigate as Jg}from"react-router-dom";function Qp(t){let{customSlippage:e,slippage:o}=d(),{open:n,onClose:r,onConfirm:s,warning:a,confirmationDisabled:l}=t,p=Jg(),c=e??o;return qt.createElement(se,{anchor:"bottom",open:n,prefix:qt.createElement(Gp,{size:"small",variant:"ghost",onClick:()=>p("../"+$.settings)},qt.createElement(Yg,{variant:"label",size:"medium",color:"$neutral900"},io.t("Change settings"))),container:L(),onClose:r},qt.createElement(Kg,{type:"warning",title:a.type===3?io.t("High slippage"):io.t("Low slippage"),description:a.type===3?io.t({id:" Caution, your slippage is high (={userSlippage}). Your trade may be front run.",values:{userSlippage:c}}):io.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:a.minRequiredSlippage}})},qt.createElement(Hp,{size:18}),qt.createElement(Hp,{size:32}),qt.createElement(Gp,{size:"large",type:"primary",variant:"contained",fullWidth:!0,disabled:l,onClick:s},io.t("Confirm anyway"))))}i(Qp,"SlippageWarningModal");import{Button as Zg,Divider as Rg,MessageBox as eh,WarningIcon as th}from"@rango-dev/ui";import xo from"react";function Vp(t){let{open:e,onClose:o,onConfirm:n,confirmationDisabled:r}=t;return xo.createElement(se,{open:e,onClose:o,container:L()},xo.createElement(eh,{type:"warning",title:X().unknownPriceError.impactTitle,description:X().unknownPriceError.description}),xo.createElement(Rg,{size:32}),xo.createElement(Zg,{type:"primary",size:"large",prefix:xo.createElement(th,null),fullWidth:!0,disabled:r,onClick:n},X().unknownPriceError.confirmMessage))}i(Vp,"UnknownPriceWarningModal");function bo(t){let{warning:e,error:o,showWarningModal:n,confirmationDisabled:r,refetchQuote:s,onOpenWarningModal:a,onCloseWarningModal:l,onConfirmWarningModal:p,onChangeSettings:c}=t,u={confirmationDisabled:r,open:n,onClose:l,onConfirm:p},h=o?.type===0||o?.type===1,m=zp(e,o?.type===3||o?.type===4?o:null);return Fe.createElement(Fe.Fragment,null,h&&Fe.createElement(Di,{error:o,fetch:s}),!!m&&Fe.createElement($p,null,Fe.createElement(nh,{title:m.title,type:m.alertType,variant:"alarm",...m.action==="show-info"&&{action:Fe.createElement(Dp,{onClick:a},Fe.createElement(ih,{size:12,color:"gray"}))},...m.action==="change-settings"&&{action:Fe.createElement(rh,{size:"xxsmall",type:m.alertType,onClick:c},oh.t("Change"))}})),e&&Fe.createElement(Fe.Fragment,null,e.type===0&&Fe.createElement(qp,{...u,warning:e}),(e.type===3||e.type===2)&&Fe.createElement(Qp,{...u,warning:e}),e.type===1&&Fe.createElement(Vp,{...u,warning:e})))}i(bo,"QuoteWarningsAndErrors");import ir from"react";import{i18n as Yi}from"@lingui/core";import{Alert as bh,Divider as Ji,InfoIcon as Ih,StepDetails as Ah,TokenAmount as Eh,Tooltip as Sc,Typography as Wo}from"@rango-dev/ui";import Cc from"bignumber.js";import O,{useRef as Wh,useState as Lh}from"react";import{styled as qi}from"@rango-dev/ui";var zi=qi("div",{width:"100%","& .position-top__skeleton":{paddingTop:"$10"}}),jp=qi("div",{paddingBottom:"$15"}),Xp=qi("div",{width:"100%",display:"flex"});import*as Xn from"@radix-ui/react-collapsible";import{css as Kn,darkTheme as st,Image as Kp,styled as Qe,Typography as sh}from"@rango-dev/ui";var ah=300,Yp=Qe(Xn.Root,{display:"flex",flexDirection:"column",alignItems:"start",overflowX:"auto",overflowY:"hidden",width:"100%",borderRadius:"$xm",cursor:"default",variants:{recommended:{true:{$$color:"$colors$info300",[`.${st} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"},false:{$$color:"$colors$neutral400",[`.${st} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}}}}),Jp=Kn({padding:"$10 $15"}),Zp=Qe("div",{borderRadius:"$xm",display:"flex",flexDirection:"column",alignItems:"start",justifyContent:"space-between",color:"$foreground",cursor:"pointer",boxSizing:"border-box",position:"relative",variants:{recommended:{true:{$$color:"$colors$info100",[`.${st} &`]:{$$color:"$colors$secondary600"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}},false:{$$color:"$colors$neutral200",[`.${st} &`]:{$$color:"$colors$neutral500"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}}},basic:{true:{borderTopRightRadius:"0",borderTopLeftRadius:"0"}},listItem:{true:{},false:{}}},compoundVariants:[{listItem:!0,recommended:!0,css:{"&:hover":{$$color:"$colors$secondary200",[`.${st} &`]:{$$color:"$colors$secondary700"},backgroundColor:"$$color"}}},{listItem:!0,recommended:!1,css:{"&:hover":{$$color:"$colors$neutral300",[`.${st} &`]:{$$color:"$colors$neutral400"},backgroundColor:"$$color"}}}]}),Rp=Kn({width:"100%",padding:"$15 $15 $10 $15",cursor:"default"}),so=Kn({display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",".blockchainImage":{marginLeft:"-$8"}}),ec=Kn({paddingTop:"$10",display:"flex",alignItems:"center",".usd-value":{$$color:"$colors$neutral600",[`.${st} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),tc=Qe(Xn.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:{[`& ${Kp}`]:{border:"1px $warning500 solid",borderRadius:"100%"}},false:{[`& ${Kp}`]:{border:"1px transparent solid",borderRadius:"100%"}}},recommended:{true:{$$color:"$colors$info300",[`.${st} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"},false:{$$color:"$colors$neutral400",[`.${st} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}}},".blockchains_section":{display:"none"},"@xs":{".blockchains_section":{display:"block"}}}),oc=Qe("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"}}}}),nc=Qe(An,{width:"100%",background:"inherit"}),Gi=Qe("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$2",transition:`all ${ah}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),sW=Qe("div",{height:"$12",marginLeft:"$10",marginRight:"$10",borderLeft:"1px solid $foreground"}),rc=Qe("div",{display:"flex",justifyContent:"center",margin:"0 $15",borderTop:"1px solid",$$color:"$colors$neutral300",[`.${st} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color"}),ic=Qe("div",{width:"$16",height:"$16",justifyContent:"center",alignItems:"center",display:"flex"}),Hi=Qe(sh,{overflow:"hidden",textOverflow:"ellipsis",letterSpacing:.4}),sc=Qe("div",{display:"flex",flexWrap:"wrap"}),Qi=Qe("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"}}}});import{i18n as Lt}from"@lingui/core";import{ChevronDownIcon as ph,CloseIcon as ch,Divider as Zn,IconButton as uh,QuoteCost as mh,Tooltip as dh,Typography as Ze}from"@rango-dev/ui";import fh from"bignumber.js";import z,{useState as cc}from"react";import{i18n as Io}from"@lingui/core";var Vi={"Network Fee":Io.t("Network Fee"),"Swapper Fee":Io.t("Protocol Fee"),"Affiliate Fee":Io.t("Affiliate Fee"),"Outbound network fee":Io.t("Outbound Fee"),"Rango Fee":Io.t("Rango Fee")};import{css as lh,styled as Yn}from"@rango-dev/ui";var Jn=Yn("div",{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"$5 0","&.total_payable_fee":{padding:"$12 0"}}),ji=Yn("div",{width:"100%",borderTop:"1px solid $neutral300",margin:"$10 0"}),ac=Yn("div",{padding:"$20 0",display:"flex",flexDirection:"column","& .collapsible_trigger":{display:"flex",alignItems:"center"}}),lc=Yn("div",{padding:"$20 $20 $10",textAlign:"center",position:"relative","._icon-button":{position:"absolute",zIndex:10,top:"$16",right:"$16"}}),pc=lh({display:"flex",flexDirection:"row",alignItems:"center",padding:"$5","&:hover":{"& ._typography, & svg":{color:"$secondary"}}});var gh=30,hh=i(t=>t.fee.isZero()?null:z.createElement(Jn,null,z.createElement(Ze,{variant:"label",size:"medium",color:"neutral600"},t.label),z.createElement(Ze,{variant:"label",size:"medium"},"$",A(t.fee,4,4))),"NonPayableFee");function uc(t){let[e,o]=cc(!1),[n,r]=cc(!1),{steps:s,quote:a}=t,l=d().tokens(),p=Jo(Zo(a.result?.swaps)),c=a.result?.swaps??[],u=L(),h=Cn(c,l),m=ol(c);return z.createElement(z.Fragment,null,z.createElement(mh,{onClickFee:()=>o(!e),fee:A(h,2,2),feeWarning:h.gte(new fh(gh)),time:p,steps:s,tooltipGas:Lt.t("View more info"),tooltipContainer:u}),z.createElement(se,{container:u,open:e,header:z.createElement(lc,null,z.createElement(Ze,{variant:"title",size:"medium"},Lt.t("Gas & Fee Explanation")),z.createElement(uh,{onClick:()=>o(!1),variant:"ghost"},z.createElement(ch,{color:"gray",size:14}))),onClose:()=>o(!1)},z.createElement(ac,null,z.createElement(Ze,{variant:"title",size:"small"},Lt.t("Details")),z.createElement(Zn,{size:10}),Object.entries(m.payable).flatMap(([f,T])=>T.map((S,y)=>{let g=`payable-fee-${y}`,v=ei(S);return z.createElement(Jn,{key:g},z.createElement(Ze,{variant:"label",size:"medium",color:"neutral600"},Vi[f]),z.createElement(dh,{content:pe(S.amount),container:u},z.createElement(Ze,{variant:"label",size:"medium"},A(S.amount,2,2)," ",S.asset.symbol," ($",A(v,4,4),")")))})),z.createElement(Jn,{className:"total_payable_fee"},z.createElement(Ze,{variant:"label",size:"medium"},Lt.t("Total Payable Fee")),z.createElement(Ze,{variant:"label",size:"medium"},"$",A(h,4,4))),z.createElement(ji,null),Object.keys(m.nonePayable).length&&z.createElement(Ln,{triggerAnchor:"bottom",onClickTrigger:()=>r(f=>!f),trigger:z.createElement("div",{className:pc()},z.createElement(Ze,{size:"small",variant:"body",color:"neutral700"},n?Lt.t("Hide non-payable fees"):Lt.t("Show non-payable fees")),z.createElement(Zn,{size:4,direction:"horizontal"}),z.createElement(En,{orientation:n?"up":"down"},z.createElement(ph,{size:12,color:"gray"}))),open:n},z.createElement(Ze,{size:"small",variant:"title"},Lt.t("Description")),z.createElement(Zn,{size:4}),z.createElement(Ze,{size:"small",variant:"body",color:"neutral700"},Lt.t(`The following fees are considered in the transaction output and
|
|
2
|
+
you won\u2019t need to pay extra gas for them.`)),z.createElement(Zn,{size:10}),Object.entries(m.nonePayable).map(([f,T],S)=>{let y=tl(T),g=Vi[f],v=`non-payable-fee-${S}`;return z.createElement(hh,{key:v,fee:y,label:g})}),z.createElement(ji,null)))))}i(uc,"QuoteCostDetails");import{i18n as fc}from"@lingui/core";import{TokenAmount as gc}from"@rango-dev/ui";import Rn from"react";import{css as yh,styled as Sh}from"@rango-dev/ui";var mc=Sh("div",{position:"relative",display:"flex",flexDirection:"column",width:"100%"}),dc=yh({height:"14px",marginLeft:"14px",position:"absolute",borderLeft:"1px solid $foreground",top:"42%"});function Ao(t){let{from:e,to:o,percentageChange:n,warningLevel:r}=t;return Rn.createElement(mc,null,Rn.createElement(gc,{direction:"horizontal",label:fc.t("Swap input"),type:"input",tooltipContainer:L(),price:{value:e.price.value,usdValue:e.price.usdValue,realValue:e.price.realValue,realUsdValue:e.price.realUsdValue},token:{displayName:e.token.displayName,image:e.token.image},chain:{image:e.chain.image}}),Rn.createElement("div",{className:dc()}),Rn.createElement(gc,{direction:"horizontal",tooltipContainer:L(),label:fc.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(Ao,"QuoteSummary");import{i18n as hc}from"@lingui/core";import{ChevronDownIcon as Ch,ChevronRightIcon as Th,Divider as Xi,Image as kh,Tooltip as Ki,Typography as er}from"@rango-dev/ui";import M,{useEffect as wh,useState as vh}from"react";var tr=4,or=6,xh=375,Eo=i(t=>{let e=L(),{content:o,src:n,className:r,open:s,state:a}=t;return M.createElement(Ki,{container:e,side:"bottom",sideOffset:4,open:s,content:o},M.createElement(oc,{className:r,state:a},M.createElement(kh,{src:n,size:16})))},"ImageComponent");function yc(t){let{quoteRef:e,recommended:o,setExpanded:n,steps:r,expanded:s}=t,a=L(),l=r.length,p=Cl(r),[c,u]=vh(!1),h=i(()=>{window.innerWidth<xh?u(!0):u(!1)},"handleResize");return wh(()=>{window.addEventListener("resize",h)}),M.createElement(tc,{ref:m=>e.current=m,recommended:o,onClick:()=>n(m=>!m)},M.createElement("div",{className:so()},M.createElement(er,{variant:"body",size:"xsmall"},hc.t("Via:")),M.createElement(Xi,{direction:"horizontal",size:4}),r.map((m,f)=>{let T=`item-${f}`,S=M.createElement(Gi,null,M.createElement(Th,{size:12,color:"black"}));return c?M.createElement(M.Fragment,null,M.createElement(Eo,{content:m.swapper.displayName,src:m.swapper.image,state:m.state}),f!==l-1&&M.createElement(M.Fragment,null,S)):M.createElement(M.Fragment,{key:T},l<=tr||l>tr&&f<tr-1?M.createElement(M.Fragment,null,M.createElement(Eo,{content:m.swapper.displayName,src:m.swapper.image,state:m.state}),f!==l-1&&M.createElement(M.Fragment,null,S)):f===tr-1&&M.createElement(Ki,{container:a,side:"bottom",align:"right",sideOffset:4,content:M.createElement("div",{className:so()},S,r.map((y,g)=>{let v=`image-${g}`;return g>=f&&M.createElement(M.Fragment,{key:v},M.createElement(Eo,{content:y.swapper.displayName,src:y.swapper.image,state:y.state,open:!1}),g!==l-1&&M.createElement(M.Fragment,null,S))}))},M.createElement(Qi,{state:r.find((y,g)=>g>=f&&(y.state==="error"||y.state==="warning"))?.state},M.createElement(er,{size:"xsmall",variant:"body"},"+",l-f))))})),M.createElement("div",{className:so()},M.createElement("div",{className:"blockchains_section"},M.createElement("div",{className:so()},M.createElement(er,{variant:"body",size:"xsmall"},hc.t("Chains:")),M.createElement(Xi,{direction:"horizontal",size:4}),p.map((m,f)=>M.createElement(M.Fragment,null,p.length<=or||p.length>or&&f<or-1?M.createElement(Eo,{key:m.displayName,content:"",src:m.image,open:!1,className:f!==0?"blockchainImage":""}):f===or-1&&M.createElement(Ki,{container:a,side:"bottom",align:"right",sideOffset:4,content:M.createElement("div",{className:so()},p.map((T,S)=>S>=f&&M.createElement(Eo,{key:T.displayName,content:"",src:T.image,open:!1,className:S>f?"blockchainImage":""})))},M.createElement(Qi,{className:"blockchainImage"},M.createElement(er,{size:"xsmall",variant:"body"},"+",p.length-f))))),M.createElement(Xi,{direction:"horizontal",size:32}))),M.createElement(Gi,{orientation:s?"up":"down"},M.createElement(Ch,{size:12,color:"black"}))))}i(yc,"QuoteTrigger");function Zi(t){let{quote:e,input:o,output:n,error:r,warning:s,type:a,recommended:l=!0}=t,p=d().blockchains(),c=d().swappers(),[u,h]=Lh(t.expanded),m=Wh(null),f=A(o.value,6,6),T=A(n.value,6,6),S=n.usdValue?A(n.usdValue,4,4):"",y=ze(o.usdValue,n.usdValue??null),g=A(y,2,2),v=ft(y??0),C=i(w=>w.map((k,W)=>{let E,P=r?.type===3&&r.swap.swapperId===k.swapperId||r?.type===4&&r.recommendedSlippages?.has(W),D=s?.type===2&&s.recommendedSlippages?.has(W);return P?E="error":D&&(E="warning"),{swapper:{displayName:yo(k.swapperId,c),image:k.swapperLogo},from:{token:{displayName:k.from.symbol,image:k.from.logo},chain:{displayName:qe(k.from.blockchain,p),image:k.from.blockchainLogo},price:{value:W===0?A(o.value,6,6):A(k.fromAmount,6,6),usdValue:A((k.from.usdPrice??0)*parseFloat(k.fromAmount),4,4),realValue:pe(W===0?o.value:k.fromAmount),realUsdValue:pe(new Cc(k.from.usdPrice??0).multipliedBy(k.fromAmount))}},to:{token:{displayName:k.to.symbol,image:k.to.logo},chain:{displayName:qe(k.to.blockchain,p),image:k.to.blockchainLogo},price:{value:A(k.toAmount,6,6),usdValue:A((k.to.usdPrice??0)*parseFloat(k.toAmount),4,4),realValue:pe(k.toAmount),realUsdValue:pe(new Cc(k.to.usdPrice??0).multipliedBy(k.toAmount))}},state:E,alerts:P||D?O.createElement(jp,null,O.createElement(bh,{type:P?"error":"warning",title:r?.type===3?r?.recommendation:Yi.t(`Slippage ${P?"Error":"Warning"}:`),footer:O.createElement(Xp,null,r?.type===3&&O.createElement(O.Fragment,null,O.createElement(Wo,{size:"xsmall",variant:"body",color:"neutral900"},r.fromAmountRangeError),O.createElement(Ji,{direction:"horizontal",size:8}),O.createElement(Wo,{size:"xsmall",variant:"body",color:"neutral900"},"|"),O.createElement(Ji,{direction:"horizontal",size:8}),O.createElement(Wo,{size:"xsmall",variant:"body",color:"neutral900"},Yi.t({id:"Yours: {amount} {symbol}",values:{amount:A(k.fromAmount,6,6),symbol:k?.from.symbol}}))),(r?.type===4||s?.type===2)&&O.createElement(Wo,{size:"xsmall",variant:"body",color:"neutral900"},Yi.t({id:"Minimum required slippage is {minRequiredSlippage}",values:{...r?.type===4&&{minRequiredSlippage:r.recommendedSlippages?.get(W)},...s?.type===2&&{minRequiredSlippage:s.recommendedSlippages?.get(W)}}})))})):void 0}}),"getQuoteSteps")(e.result?.swaps??[]),x=C.length,I=L();return O.createElement(O.Fragment,null,O.createElement(Zp,{recommended:l,listItem:a==="list-item",basic:a==="basic"},O.createElement("div",{className:Rp()},O.createElement(uc,{steps:x,quote:e}),a==="basic"&&O.createElement("div",{className:ec()},O.createElement(ic,null,O.createElement(Ih,{size:12,color:"gray"})),O.createElement(sc,null,O.createElement(Hi,{size:"small",variant:"body"},`${f} ${C[0].from.token.displayName} = `),O.createElement(Sc,{content:pe(n.value),container:I,open:n.value?void 0:!1},O.createElement(Hi,{size:"small",variant:"body"},"\xA0",`${T} ${C[C.length-1].to.token.displayName}`))),O.createElement(Sc,{content:pe(n.usdValue),container:I,style:{display:"flex"}},O.createElement(Wo,{color:"$neutral600",ml:2,size:"xsmall",variant:"body"},`($${S})`))),a==="list-item"&&O.createElement(Eh,{type:"output",direction:"vertical",tooltipContainer:I,price:{value:T,usdValue:S,realValue:pe(n.value),realUsdValue:pe(n.usdValue)},token:{displayName:C[x-1].to.token.displayName,image:C[x-1].to.token.image},chain:{image:C[x-1].to.chain.image},percentageChange:g,warningLevel:v}),a==="swap-preview"&&O.createElement(O.Fragment,null,O.createElement(Ao,{from:C[0].from,to:C[x-1].to,percentageChange:g,warningLevel:v}),O.createElement(Ji,{size:4}))),O.createElement(Yp,{recommended:l,open:u,onOpenChange:h},O.createElement(yc,{quoteRef:m,recommended:l,setExpanded:h,expanded:u,steps:C}),O.createElement(nc,{open:u},O.createElement(rc,null),O.createElement("div",{className:Jp()},C.map((w,k)=>{let W=`item-${k}`;return O.createElement(Ah,{type:"quote-details",key:W,step:w,hasSeparator:k!==C.length-1,state:w.state,tooltipContainer:I})}))))))}i(Zi,"Quote");import{Divider as Mh,Skeleton as Ph}from"@rango-dev/ui";import gt from"react";import{darkTheme as Nh,styled as nr}from"@rango-dev/ui";var Tc=nr("div",{$$color:"$colors$neutral100",[`.${Nh} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",borderBottomLeftRadius:"$xm",borderBottomRightRadius:"$xm",padding:"$15 ",variants:{rounded:{true:{borderRadius:"$xm"}}}}),kc=nr("div",{paddingTop:"$2"}),wc=nr("div",{paddingLeft:"$8"}),vc=nr("div",{borderLeft:"1px dashed black",minHeight:" 0",margin:"0px 11.5px",alignSelf:"stretch",variants:{hideSeparator:{true:{minHeight:"unset",height:"0"}}}});import{ChainToken as Pc,Divider as zt,Skeleton as lt}from"@rango-dev/ui";import H from"react";import{styled as at}from"@rango-dev/ui";var xc=at("div",{display:"flex",justifyContent:"space-between",alignItems:"center",height:"22px"}),bc=at("div",{display:"flex"}),Ic=at("div",{padding:"$15 $0 14px $0"}),Ac=at("div",{padding:"$6 $0 $15 $0",display:"flex",flexDirection:"column"}),Ec=at("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$5"}),Wc=at("div",{display:"flex",justifyContent:"space-between",alignItems:"end"}),Lc=at("div",{height:"$28",marginLeft:"13px",borderLeft:"1px solid $neutral700"}),Nc=at("div",{width:"65%",display:"flex",justifyContent:"start"}),Bc=at("div",{display:"flex",flexDirection:"column",alignItems:"start",flexGrow:1,maxWidth:"148px"}),Mc=at("div",{padding:"$15 $0 $15 $0"});function Lo(t){let{type:e,tag:o=!1}=t,n=H.createElement(Wc,null,H.createElement(Nc,null,H.createElement(Pc,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),H.createElement(zt,{size:8,direction:"horizontal"}),H.createElement(Bc,null,H.createElement(lt,{height:10,width:60,variant:"rounded"}),H.createElement(zt,{size:4}),H.createElement(lt,{height:15,variant:"rounded"}))),H.createElement(lt,{height:12,width:64,variant:"rounded"}));return H.createElement("div",null,H.createElement(xc,null,H.createElement(bc,null,H.createElement(lt,{width:60,height:10,variant:"rounded"}),H.createElement(zt,{size:4,direction:"horizontal"}),H.createElement(lt,{width:60,height:10,variant:"rounded"}),H.createElement(zt,{size:4,direction:"horizontal"}),H.createElement(lt,{width:60,height:10,variant:"rounded"})),o&&H.createElement(lt,{height:22,width:100,variant:"rounded"})),e==="basic"&&H.createElement(Ic,null,H.createElement(lt,{height:15,width:148,variant:"rounded"})),e==="list-item"&&H.createElement(Ac,null,H.createElement(Ec,null,H.createElement(Pc,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),H.createElement(zt,{direction:"horizontal",size:4}),H.createElement(lt,{height:15,width:150,variant:"rounded"})),H.createElement(zt,{size:4}),H.createElement(lt,{height:10,width:184,variant:"rounded"})),e==="swap-preview"&&H.createElement(H.Fragment,null,H.createElement(zt,{size:4}),H.createElement(Mc,null,n,H.createElement(Lc,null),n)))}i(Lo,"QuoteSummarySkeleton");import{ChainToken as Uc,Divider as es,NextIcon as Bh,Skeleton as rr}from"@rango-dev/ui";import ge from"react";import{styled as No}from"@rango-dev/ui";var $c=No("div",{display:"flex",alignItems:"start"}),_c=No("div",{flexGrow:1,paddingTop:"$5",paddingBottom:"$10",display:"flex",alignItems:"center"}),Ri=No("div",{display:"flex",alignItems:"center",flexGrow:1}),Dc=No("div",{margin:"$0 $2",padding:"$4",display:"flex",justifyContent:"center",alignItems:"center"}),Fc=No("div",{display:"flex",alignItems:"center"});function pt(t){let{separator:e=!0}=t;return ge.createElement(ge.Fragment,null,ge.createElement(Fc,null,ge.createElement(rr,{height:22,width:22,variant:"circular"}),ge.createElement(es,{direction:"horizontal",size:8}),ge.createElement(rr,{height:15,width:148,variant:"rounded"})),ge.createElement($c,null,ge.createElement(vc,{hideSeparator:!e}),ge.createElement(_c,null,ge.createElement(Ri,null,ge.createElement(Uc,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ge.createElement(es,{direction:"horizontal",size:8}),ge.createElement(rr,{height:12,variant:"rounded"})),ge.createElement(Dc,null,ge.createElement(Bh,{color:"gray",size:16})),ge.createElement(Ri,null,ge.createElement(Uc,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ge.createElement(es,{direction:"horizontal",size:8}),ge.createElement(rr,{height:12,variant:"rounded"})))))}i(pt,"StepSkeleton");function ts(t){let{type:e,expanded:o,tag:n=!1}=t;return gt.createElement(Tc,{rounded:e!=="basic"},gt.createElement(Lo,{type:e,tag:n}),gt.createElement(kc,null,gt.createElement(Ph,{height:15,variant:"rounded"})),o&>.createElement(wc,null,gt.createElement(Mh,{size:20}),gt.createElement(pt,null),gt.createElement(pt,null),gt.createElement(pt,{separator:!1})))}i(ts,"QuoteSkeleton");function Bo(t){let{quote:e,type:o,loading:n,error:r,warning:s,expanded:a=!1}=t,{inputAmount:l,inputUsdValue:p,outputUsdValue:c,outputAmount:u}=K(),m=!(r&&(r.type===0||r.type===1))&&e&&e.result&&!n;return n?ir.createElement(zi,null,ir.createElement(ts,{type:o,expanded:a})):m?ir.createElement(zi,null,ir.createElement(Zi,{quote:e,error:r,warning:s,type:o,expanded:a,recommended:!0,input:{value:l,usdValue:p?.toString()??""},output:{value:u?.toString()??"",usdValue:c?.toString()??""}})):null}i(Bo,"QuoteInfo");import{calculatePendingSwap as Dh}from"@rango-dev/queue-manager-rango-preset";import{useEffect as Fh}from"react";import{useRef as $h,useState as _h}from"react";function sr(){let[t,e]=_h(!1),o=$h(null),n=i(()=>o.current?.abort(),"cancel");return{fetch:i(async s=>{n(),o.current=new AbortController,e(!0);try{let a=await Vt().getBestRoute(s,{signal:o.current.signal});return o.current=null,a}catch(a){throw a}finally{e(!1)}},"fetch"),loading:t,cancelFetch:n}}i(sr,"useFetchQuote");function ar(t){if(!t.result)throw new Error(X().noResultError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});if(Jr(t)){let{swap:n,recommendation:r,fromAmountRangeError:s}=Zr(t);throw new Error("bridge limit error",{cause:{type:3,swap:n,recommendation:r,fromAmountRangeError:s}})}let o=ti(t);if(o){let n=Tn(t);throw new Error("",{cause:{type:4,recommendedSlippages:o,minRequiredSlippage:n}})}return t}i(ar,"throwErrorIfResponseIsNotValid");function Oc(t,e,o){let n=!1;t&&(n=yl(t,e));let r={quote:null,quoteUpdate:null,balance:null},s=wn(e,{fromToken:o.fromToken,toToken:o.toToken,tokens:o.meta.tokens,userSlippage:o.userSlippage});s&&(r.quote=s),t&&n&&(al(t,e)?r.quoteUpdate={type:3,newOutputAmount:A(Kt(e)),percentageChange:A(ze(Kt(t)??"",Kt(e)??""),null,2)}:oi(t,e)?r.quoteUpdate={type:0}:ni(t,e)?r.quoteUpdate={type:1}:ri(t,e)&&(r.quoteUpdate={type:2}));let a=ll(e,o.selectedWallets,o.meta.blockchains);return a.length===0||(r.balance={messages:a}),r}i(Oc,"generateWarnings");function lr(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(lr,"handleQuoteErrors");function os(){let{fromToken:t,toToken:e,inputAmount:o,setQuote:n,quote:r,customDestination:s,setQuoteWarningsConfirmed:a}=K(),{slippage:l,customSlippage:p,affiliatePercent:c,affiliateRef:u,affiliateWallets:h}=d(),m=d().getDisabledLiquiditySources(),{connectedWallets:f}=V(),T=d().blockchains(),S=d().tokens(),{features:y}=d().config,{enableNewLiquiditySources:g}=d().config,v=p||l,{fetch:b,cancelFetch:C,loading:x}=sr();return Fh(()=>C,[]),{loading:x,fetch:i(async w=>{let k=w.selectedWallets,W=w?.customDestination??s;if(!t||!e||!o)return{quote:null,swap:null,error:null,warnings:null};let E=kn({fromToken:t,toToken:e,inputAmount:o,wallets:f,selectedWallets:k,excludeLiquiditySources:g,disabledLiquiditySources:m,slippage:v,affiliateRef:u,affiliatePercent:c,affiliateWallets:h,initialQuote:r??void 0,destination:W});un("experimentalRoute",y)&&(E.experimental=!0);let P;try{P=await b(E).then(N=>ar(N)),n(P)}catch(N){return lr(N)}let D={slippage:v.toString(),disabledSwappersGroups:m},G=Dh(o.toString(),P,il(k),D,!1,{blockchains:T,tokens:S}),F=Oc(r??void 0,P,{fromToken:t,toToken:e,meta:{blockchains:T,tokens:S},selectedWallets:k,userSlippage:v});return F.quoteUpdate&&a(!1),{quote:P,swap:G,error:null,warnings:F}},"fetch"),cancelFetch:C}}i(os,"useConfirmSwap");var Jh=zh("div",{width:"100%",display:"flex",justifyContent:"space-between",[`& ${zc}`]:{width:"$48",height:"$48"}}),Zh=rs({flexGrow:1,paddingRight:"$10"}),Rh=rs({width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"}),ey=rs({display:"flex",justifyContent:"space-between",alignItems:"center"});function Gc(){let{quote:t,setInputAmount:e,selectedWallets:o,quoteWalletsConfirmed:n,setQuoteWalletConfirmed:r,customDestination:s,quoteWarningsConfirmed:a}=K(),l=Yh(),p=Kh(),[c,u]=cr(""),{connectedWallets:h}=V(),m=!n,[f,T]=cr(!1),{isActiveTab:S}=oe(),y=d().getDisabledLiquiditySources(),g=jh(y),{manager:v}=Uh(),{fetch:b,loading:C,cancelFetch:x}=os(),[I,w]=cr({swap:null,error:null,warnings:null}),[k,W]=cr(!1),E=i(async({selectedWallets:q,customDestination:Me})=>{let j=await b?.({selectedWallets:q,customDestination:Me});return w(j),j},"onConfirmSwap"),P=i(async()=>{if(I.swap&&n)try{await v?.create("swap",{swapDetails:I.swap},{id:I.swap.requestId});let q=`../${$.swaps}/${I.swap.requestId}`;l(q,{replace:!0}),setTimeout(()=>{e("")},0)}catch(q){u("Error: "+q?.message)}},"addNewSwap"),D=i(async()=>{await P()},"onConfirm"),G=i(async()=>{I?.warnings?.quote&&!a?W(!0):await D()},"onStartConfirmSwap"),F=i(async()=>{w({error:null,swap:null,warnings:null}),b({selectedWallets:o,customDestination:s}).then(q=>{w(q)}).catch(q=>console.error(q))},"onRefresh");Mo(()=>{!!g.current.length&&!y.length&&F(),g.current=y},[y.length]),Mo(()=>{m&&x()},[m]),Mo(()=>{m&&T(m)},[m]),Mo(()=>{m||b({selectedWallets:o,customDestination:s}).then(q=>w(q)).catch(q=>console.error(q))},[]),Mo(()=>{let q=I.warnings?.quote?.type&&Object.values(vt).includes(I.warnings?.quote?.type),Me=o.length<1||!o.every(Y=>h.find(Ie=>Y.address===Ie.address&&Y.walletType===Ie.walletType&&Y.chain===Ie.chain)),j=!1;if(q){let Y=gn(t),Ie=t?.result?.swaps[t.result.swaps.length-1].to.blockchain;!!t?.result?.swaps.find(mt=>mt.from.blockchain===Ie)||(Y=Y.slice(-Y.length,Y.length-1)),Y.every(mt=>o.find(U=>U.chain===mt))||(j=!0)}t&&(Me||j)&&(queueMicrotask(()=>Xh(T.bind(null,!0))),r(!1))},[I.warnings?.quote,o.length,h.length]),Vh(()=>{t||l(`../${p.search}`)},[]);let N=I.warnings?.quote??null,ee=I.error,te=[];return c&&te.push(ce.createElement(qc,{type:"error",variant:"alarm",title:c})),I.warnings?.quoteUpdate&&te.push(ce.createElement(qc,{variant:"alarm",type:"warning",title:I.warnings.quoteUpdate&&bn(I.warnings.quoteUpdate)})),(N||ee)&&te.push(ce.createElement(bo,{warning:N,error:ee,loading:C,refetchQuote:F,showWarningModal:k,confirmationDisabled:!S,onOpenWarningModal:()=>W(!0),onCloseWarningModal:()=>W(!1),onConfirmWarningModal:async()=>{W(!1),await P()},onChangeSettings:()=>l($.settings)})),ce.createElement(ie,{header:{title:pr.t("Confirm Swap"),onWallet:()=>{let q=`../${$.wallets}`;l(q)},suffix:ce.createElement(Gh,{container:L(),side:"bottom",content:pr.t("Settings")},ce.createElement(He,{size:"small",variant:"ghost",onClick:()=>l("../"+$.settings)},ce.createElement(qh,{size:18,color:"black"})))},footer:ce.createElement(Jh,null,ce.createElement("div",{className:Zh()},ce.createElement(Oh,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:C,disabled:!!I.error||!S,onClick:G},pr.t("Start Swap"))),ce.createElement(zc,{variant:"contained",type:"primary",size:"large",loading:C,onClick:T.bind(null,!0)},ce.createElement(Qh,{size:24})))},f&&ce.createElement(Ap,{open:f,onClose:()=>T(!1),onCancel:x,loading:C,onCheckBalance:E}),ce.createElement(ae,null,ce.createElement("div",{className:ey()},ce.createElement(Hh,{variant:"title",size:"small"},pr.t("You get")),ce.createElement("div",{className:Rh()},ce.createElement(On,{onClick:!C&&!f&&!k?F:void 0}))),ce.createElement(ns,{size:"12"}),Ul(te,ce.createElement(ns,{size:10})),te.length>0?ce.createElement(ns,{size:10}):null,ce.createElement(Bo,{quote:t,type:"swap-preview",expanded:!0,error:I.error,loading:C,warning:I.warnings?.quote??null})))}i(Gc,"ConfirmSwapPage");import{i18n as mr}from"@lingui/core";import{useManager as hy}from"@rango-dev/queue-manager-react";import{Divider as eu,NotFound as yy,styled as Sy}from"@rango-dev/ui";import yt,{useState as Cy}from"react";import{useNavigate as Ty}from"react-router-dom";import{i18n as ny}from"@lingui/core";import{Divider as Xc,GroupedVirtualizedList as ry,Skeleton as iy,SwapListItem as Kc,Typography as sy}from"@rango-dev/ui";import Ne,{useCallback as Yc,useEffect as ay,useRef as ly,useState as py}from"react";function Hc(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(Hc,"calculateGroupsSoFar");import{css as ty,darkTheme as oy,styled as Po}from"@rango-dev/ui";var is=ty(),Qc=Po("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$5"}),ss=Po("div",{width:"100%",display:"flex",flexDirection:"column",backgroundColor:"$background",padding:"$10 $5 0 $5",[`& .${is}`]:{$$color:"$colors$neutral600",[`.${oy} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),as=Po("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),Vc=Po("div",{gap:"$10",display:"flex",flexDirection:"column"}),jc=Po("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});var cy=10;function ls(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,[s,a]=py([]),l=ly(0),{swaps:p,groupCounts:c,groups:u}=n(e),h=Yc(Hc,[]),m=Yc(()=>{let f=e.length-l.current;f&&(l.current+=Math.min(f,cy),a(h(c,l.current)))},[e.length]);if(ay(()=>{r||m()},[r,m]),r){let f=[1,2];return Ne.createElement(Ne.Fragment,null,[f,f].map((S,y)=>Ne.createElement(ss,{key:y},Ne.createElement(as,null,Ne.createElement(iy,{variant:"text",width:60,size:"small"}),Ne.createElement(Xc,{size:16})),Ne.createElement(Xc,{size:4}),Ne.createElement(Vc,null,S.map((v,b)=>Ne.createElement(Kc,{isLoading:!0,key:b}))))))}return Ne.createElement(ry,{endReached:()=>{l.current<e.length&&m()},groupCounts:s,groupContent:f=>Ne.createElement(ss,null,Ne.createElement(as,null,Ne.createElement(sy,{variant:"label",size:"medium",className:is()},u[f]))),itemContent:(f,T)=>{let S=p[f];if(!S)return null;let y=S.steps[0],g=S.steps[S.steps.length-1];return Ne.createElement(Qc,{key:S.requestId},Ne.createElement(Kc,{requestId:S.requestId,creationTime:S.creationTime,status:S.status,onClick:o,tooltipContainer:L(),onlyShowTime:u[T]===ny.t("Today"),swapTokenData:{from:{token:{image:y.fromLogo,displayName:y.fromSymbol},blockchain:{image:y.fromBlockchainLogo||""},amount:A(S.inputAmount,6,6),realAmount:pe(S.inputAmount)},to:{token:{image:g.toLogo,displayName:g.toSymbol},blockchain:{image:g.toBlockchainLogo||""},amount:A(g.outputAmount||g.expectedOutputAmountHumanReadable||"",6,6),realAmount:pe(g.outputAmount||g.expectedOutputAmountHumanReadable)}}}))}})}i(ls,"HistoryGroupedList");import{CloseIcon as my,IconButton as dy,SearchIcon as fy,TextField as gy}from"@rango-dev/ui";import $o from"react";import{styled as uy}from"@rango-dev/ui";var Jc=uy("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function ht(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:s,value:a,setValue:l,...p}=t;return $o.createElement(gy,{prefix:$o.createElement(Jc,null,$o.createElement(fy,{color:"black"})),suffix:!!a.length&&$o.createElement(dy,{variant:"ghost",onClick:()=>l?.(""),size:"small"},$o.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(ht,"SearchInput");import{i18n as ur}from"@lingui/core";import Zc from"dayjs";var Rc=i(t=>{let e=new Map([["today",{title:ur.t("Today"),swaps:[]}],["week",{title:ur.t("This week"),swaps:[]}],["month",{title:ur.t("This month"),swaps:[]}],["year",{title:ur.t("This year"),swaps:[]}]]);function o(p,c){e.has(p)||e.set(p,{title:p,swaps:[]}),e.get(p)?.swaps.push(c)}i(o,"addYearsToOutput");let n=Zc();t.forEach(p=>{let c=Number(p.creationTime),u=Zc(c);if(n.isSame(u,"day"))e.get("today")?.swaps.push(p);else if(n.isSame(u,"week"))e.get("week")?.swaps.push(p);else if(n.isSame(u,"month"))e.get("month")?.swaps.push(p);else if(n.isSame(u,"year"))e.get("year")?.swaps.push(p);else{let h=new Date(c).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 ky=Sy("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),wy=i((t,e)=>t?.length?t.filter(o=>ot(o.fromBlockchain,e)||ot(o.toBlockchain,e)||ot(o.toSymbol,e)||ot(o.fromSymbol,e)).length:!1,"isStepContainsText");function tu(){let t=Ty(),{manager:e,state:o}=hy(),n=At(e).map(({swap:u})=>u),[r,s]=Cy(""),a=!o.loadedFromPersistor,l=i(u=>{let h=u.target.value;s(h)},"searchHandler"),p=n;r&&(p=n.filter(u=>ot(u.inputAmount,r)||ot(u.status,r)||wy(u.steps,r)||ot(u.requestId,r)));let c=!p?.length&&!a;return yt.createElement(ie,{header:{title:mr.t("History")}},yt.createElement(ae,null,yt.createElement(ht,{setValue:s,fullWidth:!0,variant:"contained",placeholder:mr.t("Search Transaction"),autoFocus:!0,onChange:l,value:r}),yt.createElement(eu,{size:"16"}),yt.createElement(ky,null,c&&yt.createElement(jc,null,yt.createElement(eu,{size:32}),yt.createElement(yy,{title:mr.t("No results found"),description:r?mr.t("Try using different keywords"):""})),!c&&yt.createElement(ls,{list:p,onSwapClick:t,groupBy:Rc,isLoading:a}))))}i(tu,"HistoryPage");import{i18n as us}from"@lingui/core";import{Button as Wy,Divider as iu,styled as au,SwapInput as su,WarningIcon as Ly}from"@rango-dev/ui";import be,{useEffect as Ny,useState as By}from"react";import{useNavigate as My}from"react-router-dom";import{ReverseIcon as vy,styled as ou}from"@rango-dev/ui";import ps from"react";var xy=ou("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),by=ou("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 nu(){let t=K.use.switchFromAndTo();return ps.createElement(xy,null,ps.createElement(by,{onClick:()=>{t()}},ps.createElement(vy,{size:12})))}i(nu,"SwitchFromAndToButton");import{useCallback as Iy,useEffect as Ay,useState as cs}from"react";var Ey=600;function ru(){let{fetch:t,cancelFetch:e}=sr(),{enableNewLiquiditySources:o,features:n}=d().config,r=d().tokens(),{fromToken:s,toToken:a,inputAmount:l,inputUsdValue:p,quote:c,resetQuote:u,setQuote:h}=K(),{slippage:m,customSlippage:f,affiliatePercent:T,affiliateRef:S,affiliateWallets:y,fetchStatus:g}=d(),v=d().getLiquiditySources(),b=d().getDisabledLiquiditySources(),C=d().excludeLiquiditySources(),[x,I]=cs(!0),[w,k]=cs(null),[W,E]=cs(null),P=f??m,G=!s||!a||We(s,a)||!fo(l),F=i(te=>{I(te),k(null),E(null)},"resetState"),N=i(te=>{let{fromToken:q,toToken:Me,inputAmount:j,liquiditySources:Y,excludeLiquiditySources:Ie,disabledLiquiditySources:Ce,slippage:Te,affiliateRef:mt,affiliatePercent:U,affiliateWallets:J}=te;if(x||F(!0),!G&&q&&Me){u();let Z=kn({fromToken:q,toToken:Me,inputAmount:j,liquiditySources:Y,excludeLiquiditySources:Ie,disabledLiquiditySources:Ce,slippage:Te,affiliateRef:mt,affiliatePercent:U,affiliateWallets:J});un("experimentalRoute",n)&&(Z.experimental=!0),t(Z).then(me=>{I(!1),h(me),ar(me);let ve=wn(me,{fromToken:q,toToken:Me,userSlippage:P,tokens:r});E(ve)}).catch(me=>{let{error:ve}=lr(me);(ve?.type===0||ve?.type===1)&&u(),ve?.type!==2&&(k(ve),I(!1))})}},"fetch"),ee=Iy(Ma(te=>{G||N(te)},Ey),[G]);return Ay(()=>{if(g==="success"){if(!fo(l)||p?.eq(0)){F(!1),e();return}if(G){c&&u();return}return u(),F(!0),ee({inputAmount:l,fromToken:s,toToken:a,liquiditySources:v,excludeLiquiditySources:C,disabledLiquiditySources:b,slippage:P,affiliateRef:S,affiliatePercent:T,affiliateWallets:y}),e}},[g,l,s?.symbol,s?.address,s?.blockchain,a?.symbol,a?.address,a?.blockchain,G,v?.length,o,b.length,P,S,T,JSON.stringify(y)]),{fetch:()=>N({inputAmount:l,fromToken:s,toToken:a,liquiditySources:v,excludeLiquiditySources:C,disabledLiquiditySources:b,slippage:P,affiliateRef:S,affiliatePercent:T,affiliateWallets:y}),loading:x,error:w,warning:W}}i(ru,"useSwapInput");var Py=au("div",{position:"relative"}),$y=au("div",{display:"flex",flexDirection:"column",gap:5,alignSelf:"stretch"});function lu(){let t=My(),{fetch:e,loading:o,error:n,warning:r}=ru(),{fromToken:s,fromBlockchain:a,toToken:l,toBlockchain:p,setInputAmount:c,inputAmount:u,inputUsdValue:h,outputAmount:m,outputUsdValue:f,quote:T,resetQuoteWallets:S,setQuoteWarningsConfirmed:y}=K(),{config:g,fetchStatus:v}=d(),{connectedWallets:b,getBalanceFor:C}=V(),{isActiveTab:x}=oe(),[I,w]=By(!1),k=!!a&&xa(b,a.name),W=!1,E=!Rr(T,u,h),P=!Rr(T,u,f),D=el({fetchMetaStatus:v,fetchingQuote:o,inputAmount:u,quote:T,anyWalletConnected:b.length>0,error:n,warning:r,needsToWarnEthOnPath:W}),G=s?C(s):null,F=rn(G)?.amount??"0",N=a&&s?A(G?.amount,G?.decimals):"0",ee=v==="success"&&!!u&&!!s&&!!l&&o;Ny(()=>{S()},[]);let te=!h||!f||!f.gt(0)?null:ze(h.toString(),f.toString());return be.createElement(ie,{height:"auto",footer:be.createElement(Wy,{type:"primary",size:"large",disabled:D.disabled||!x,prefix:D.action==="confirm-warning"&&be.createElement(Ly,null),fullWidth:!0,onClick:()=>{D.action==="connect-wallet"?t($.wallets):D.action==="confirm-warning"?w(!0):t($.confirmSwap)}},D.title),header:{onWallet:()=>{t($.wallets)},hasBackButton:!1,title:g.title||us.t("Swap"),suffix:be.createElement(Ii,{onClickRefresh:(T||n)&&!I?e:void 0,onClickHistory:()=>t($.swaps),onClickSettings:()=>t($.settings)})}},be.createElement(ae,null,be.createElement($y,null,be.createElement(Py,null,be.createElement(su,{label:us.t("From"),mode:"From",onInputChange:c,balance:F,chain:{displayName:a?.displayName||"",image:a?.logo||""},token:{displayName:s?.symbol||"",image:s?.image||""},onClickToken:()=>t($.fromSwap),price:{value:u,usdValue:E?void 0:A(h,4,4),realUsdValue:E?void 0:pe(h),error:E?X().unknownPriceError.impactTitle:void 0},disabled:v==="failed",loading:v==="loading",loadingBalance:k,tooltipContainer:L(),onSelectMaxBalance:()=>{F!=="0"&&c(N.split(",").join(""))}}),be.createElement(nu,null)),be.createElement(su,{sharpBottomStyle:!!T?.result||ee,label:us.t("To"),mode:"To",fetchingQuote:ee,chain:{displayName:p?.displayName||"",image:p?.logo||""},token:{displayName:l?.symbol||"",image:l?.image||""},percentageChange:A(ze(h,f),2,2),warningLevel:ft(te??0),price:{value:A(m,6,6),usdValue:P?void 0:A(f,4,4),realValue:pe(m),realUsdValue:P?void 0:pe(f),error:P?X().unknownPriceError.impactTitle:void 0},onClickToken:()=>t($.toSwap),disabled:v==="failed",loading:v==="loading",tooltipContainer:L()})),be.createElement(iu,{size:"2"}),be.createElement(Bo,{quote:T,loading:ee,error:n,warning:r,type:"basic"}),r||n?be.createElement(be.Fragment,null,be.createElement(iu,{size:"10"}),be.createElement(bo,{warning:r,error:n,loading:ee,refetchQuote:e,showWarningModal:I,confirmationDisabled:!x,onOpenWarningModal:()=>w(!0),onCloseWarningModal:()=>w(!1),onConfirmWarningModal:()=>{w(!1),y(!0),t($.confirmSwap)},onChangeSettings:()=>t($.settings)})):null))}i(lu,"Home");import{i18n as pu}from"@lingui/core";import{List as _y,ListItemButton as Dy,Radio as Fy,RadioRoot as Uy,Typography as Oy}from"@rango-dev/ui";import Nt from"react";function ao(){let{setLanguage:t,language:e,config:o}=d(),n=_a,r=o?.language||ho;return{activeLanguage:e||r,languages:n,defaultLanguage:r,changeLanguage:s=>t(s||ho),resetLanguage:()=>t(null)}}i(ao,"useLanguage");function cu(){let{activeLanguage:t,changeLanguage:e,languages:o}=ao(),n=o.map(r=>{let{local:s,label:a,SVGFlag:l}=r;return{id:s,value:s,title:Nt.createElement(Oy,{variant:"title",size:"xmedium"},a),onClick:()=>e(r.local),end:Nt.createElement(Fy,{value:s}),start:Nt.createElement(l,null)}});return Nt.createElement(ie,{header:{title:pu.t("Language")}},Nt.createElement(ae,null,Nt.createElement(Uy,{value:t},Nt.createElement(_y,{type:Nt.createElement(Dy,{title:pu.t("language"),id:"_",onClick:()=>console.log()}),items:n}))))}i(cu,"LanguagePage");import{i18n as St}from"@lingui/core";import{Button as Qy,Checkbox as Vy,Image as jy,ListItemButton as Xy,NotFound as Ky,Typography as Yy}from"@rango-dev/ui";import Be,{useState as Jy}from"react";import{Checkbox as Gy,Skeleton as mu}from"@rango-dev/ui";import Do from"react";import{styled as ms}from"@rango-dev/ui";var _o=ms("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto",variants:{disabled:{true:{pointerEvents:"none"}}}}),ds=ms("div",{width:80,display:"flex",justifyContent:"flex-end"}),fs=ms("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});import{ListItem as qy,styled as zy}from"@rango-dev/ui";var uu=zy(qy,{height:61});var Hy=30;function gs(){return Do.createElement(_o,null,Array.from(Array(Hy),t=>Do.createElement(uu,{hasDivider:!0,key:t,start:Do.createElement(mu,{variant:"circular",width:35,height:35}),title:Do.createElement(mu,{variant:"text",size:"large",width:90}),end:Do.createElement(Gy,{checked:!1})})))}i(gs,"LoadingLiquiditySourceList");function hs({sourceType:t}){let e=d().fetchStatus,o=d().swappers(),n=d().getDisabledLiquiditySources(),[r,s]=Jy(""),a=d().toggleLiquiditySource,l=d().isInCampaignMode(),p=cn(o,n),c={Exchanges:St.t("Exchanges"),Bridges:St.t("Bridges")},u=[];t==="Exchanges"&&u.push("DEX"),t==="Bridges"&&(u.push("BRIDGE"),u.push("AGGREGATOR"));let h=p.filter(g=>u.includes(g.type)),m=h.length===h.filter(g=>g.selected).length,f=i(()=>{h.forEach(g=>{m?a(g.groupTitle):g.selected||a(g.groupTitle)})},"toggleAllSources"),T=h.map(g=>{let{selected:v,groupTitle:b,logo:C}=g;return{start:Be.createElement(jy,{src:C,size:22,type:"circular"}),onClick:()=>{l||a(b)},end:Be.createElement(Vy,{checked:v,disabled:l}),title:Be.createElement(Yy,{variant:"title",size:"xmedium"},St.t(b)),...g}}),S=i(g=>{let v=g.target.value;s(v)},"searchHandler"),y=T;return r&&(y=T.filter(g=>ot(g.groupTitle,r))),Be.createElement(ie,{header:{title:St.t(t),suffix:Be.createElement(ds,null,Be.createElement(Qy,{variant:"ghost",size:"xsmall",onClick:f},m?St.t("Deselect all"):St.t("Select all")))}},Be.createElement(ae,{view:!0},Be.createElement(ht,{value:r,setValue:s,fullWidth:!0,color:"light",variant:"contained",placeholder:St.t("Search {sourceType}",{sourceType:c[t]}),onChange:S}),e==="loading"&&Be.createElement(gs,null),!y.length&&r?Be.createElement(fs,null,Be.createElement(Ky,{title:St.t("No results found"),description:St.t("Try using different keywords")})):e==="success"&&Be.createElement(_o,{disabled:l},y.map(g=>Be.createElement(Be.Fragment,{key:g.id},Be.createElement(Xy,{style:{height:"61px"},...g,selected:!1,hasDivider:!0}))))))}i(hs,"LiquiditySourcePage");import{i18n as Tu}from"@lingui/core";import{Divider as ku,getCountCategories as aS,SelectableCategoryList as lS}from"@rango-dev/ui";import Ct,{useState as wu}from"react";import{i18n as Ss}from"@lingui/core";import{Divider as Su,Image as oS,ListItemButton as nS,NotFound as rS,Typography as Cu}from"@rango-dev/ui";import Ve,{useEffect as iS,useState as sS}from"react";import{BlockchainCategories as ys}from"@rango-dev/ui";import{TransactionType as dr}from"rango-sdk";var Zy=i((t,e)=>{switch(e){case ys.ALL:return!0;case ys.UTXO:return t.type===dr.TRANSFER;case ys.OTHER:return t.type!==dr.TRANSFER&&t.type!==dr.COSMOS&&t.type!==dr.EVM;default:return t.type===e}},"filterByType"),du=i((t,e,o)=>t.filter(n=>Zy(n,o)).filter(n=>$t(n.name,e)||$t(n.displayName,e)),"filterBlockchains");import{ImageContainer as Ry,styled as fu}from"@rango-dev/ui";var gu=fu("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),fr=fu(To,{padding:0,margin:0,listStyle:"none",[`& ${Ry}`]:{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as eS,Skeleton as hu}from"@rango-dev/ui";import gr from"react";var tS=20;function yu(){return gr.createElement(fr,null,Array.from(Array(tS),t=>gr.createElement(eS,{key:t,hasDivider:!0,start:gr.createElement(hu,{variant:"circular",width:35,height:35}),title:gr.createElement(hu,{variant:"text",size:"large",width:90})})))}i(yu,"LoadingBlockchainList");function Cs(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[s,a]=sS(e),{fetchStatus:l}=d();iS(()=>{a([...du(e,o,r)])},[e,o,r]);let p=i(()=>!s.length&&o?Ve.createElement(Ve.Fragment,null,Ve.createElement(Su,{size:32}),Ve.createElement(rS,{title:Ss.t("No results found"),description:Ss.t("Try using different keywords")})):Ve.createElement(fr,{as:"ul",key:`${r}-${o}`},s.map(c=>Ve.createElement(nS,{key:`${c.name}-${c.chainId}`,hasDivider:!0,onClick:()=>n(c),start:Ve.createElement(oS,{src:c.logo,size:30}),title:Ve.createElement(Cu,{variant:"title",size:"medium"},c.displayName),id:c.chainId}))),"renderList");return Ve.createElement(gu,null,Ve.createElement(Cu,{variant:"label",size:"large"},Ss.t("Select Blockchain")),Ve.createElement(Su,{size:4}),l==="loading"&&Ve.createElement(yu,null),l==="success"&&p())}i(Cs,"BlockchainList");function Ts(t){let{type:e}=t,o=It(),[n,r]=wu(""),[s,a]=wu("ALL"),l=K.use.setToBlockchain(),p=K.use.setFromBlockchain(),c=d().fetchStatus,u=d().blockchains({type:e}),m=aS(u)!==1;return Ct.createElement(ie,{header:{title:Tu.t("Select Blockchain")}},Ct.createElement(ae,{view:!0},m&&Ct.createElement(Ct.Fragment,null,Ct.createElement(lS,{setCategory:a,category:s,blockchains:u,isLoading:c==="loading"}),Ct.createElement(ku,{size:24})),Ct.createElement(ht,{value:n,autoFocus:!0,placeholder:Tu.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:f=>r(f.target.value)}),Ct.createElement(ku,{size:16}),Ct.createElement(Cs,{list:u,searchedFor:n,blockchainCategory:s,onChange:f=>{e==="source"?p(f):l(f),o()}})))}i(Ts,"SelectBlockchainPage");import{i18n as Tr}from"@lingui/core";import{Divider as zu}from"@rango-dev/ui";import Gt,{useState as bS}from"react";import{useNavigate as IS}from"react-router-dom";import{i18n as vs}from"@lingui/core";import{BlockchainsChip as hr,Divider as Iu,Image as Au,Skeleton as dS,Tooltip as fS,Typography as xs}from"@rango-dev/ui";import Se from"react";import{useEffect as uS}from"react";var vu=["ETH","COSMOS","OSMOSIS"];function ks(t,e,o){let n=JSON.parse(JSON.stringify(t)),r=[];if(n.sort(pS),o?.limit&&t.length>o.limit){let s=o.limit,a=e;if(e.length<=o.limit){let l=o.limit-e.length;for(let p=0;p<=l;p++){let c=n[p];a=a.filter(u=>c.name!==u)}}n.sort(cS(a)),r=n.splice(s)}return{list:n,more:r}}i(ks,"prepare");function pS(t,e){let o=vu,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(pS,"sortByMostUsedBlockchains");function cS(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(cS,"generateSortByPreferredBlockchainsFor");function xu(t,e){return!!e.list.find(o=>o.name===t)}i(xu,"isInVisibleList");function ws(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=d();uS(()=>{if(e?.selected){let s=ks(t,o,e);xu(e.selected,s)||n(e?.selected)}},[e?.selected]);let r=ks(t,o,e);return{list:r.list,more:r.more,history:[]}}i(ws,"usePrepareBlockchainList");import{styled as mS}from"@rango-dev/ui";var bu=mS("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var gS=12;function bs(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:s}=t,a=ws(e,{limit:10,selected:n?.name}),{fetchStatus:l}=d(),p=K.use.resetToBlockchain(),c=K.use.resetFromBlockchain(),u=a.more.length>0,h=a.more.length===1,m=!h&&u;return Se.createElement(Se.Fragment,null,Se.createElement(Iu,{size:12}),Se.createElement(xs,{variant:"label",size:"large"},vs.t("Select Blockchain")),Se.createElement(Iu,{size:12}),Se.createElement(bu,null,l==="loading"&&Array.from(Array(gS),f=>Se.createElement(dS,{key:f,variant:"rounded",height:50})),l==="success"&&Se.createElement(Se.Fragment,null,Se.createElement(hr,{selected:!n,onClick:()=>{o==="from"?c():p()}},Se.createElement(xs,{variant:"body",size:"xsmall",color:"secondary500"},vs.t("All"))),a.list.map(f=>Se.createElement(fS,{key:f.name,content:f.shortName,side:"bottom",sideOffset:2,container:L()},Se.createElement(hr,{key:f.name,selected:!!n&&n.name===f.name,onClick:()=>r(f)},Se.createElement(Au,{src:f.logo,size:30})))),h?Se.createElement(hr,{key:a.more[0].name,selected:!!n&&n.name===a.more[0].name,onClick:()=>r(a.more[0])},Se.createElement(Au,{src:a.more[0].logo,size:30})):null,m?Se.createElement(hr,{onClick:s,key:"more-blockchains"},Se.createElement(xs,{variant:"body",size:"xsmall",color:"secondary500"},vs._("More +{count}",{count:a.more.length}))):null)))}i(bs,"BlockchainsSection");import{i18n as $s}from"@lingui/core";import{darkTheme as Du,Divider as po,ExternalLinkIcon as SS,Image as CS,ListItemButton as TS,NotFound as kS,PinIcon as wS,Skeleton as Fu,Typography as Cr,VirtualizedList as vS}from"@rango-dev/ui";import _,{useEffect as Uu,useState as Ou}from"react";import{Divider as $u,ListItem as yS,Skeleton as Fo}from"@rango-dev/ui";import et from"react";import{css as lo,darkTheme as Eu,ImageContainer as hS,styled as Re,Typography as Wu}from"@rango-dev/ui";var Is=lo({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}),As=lo({position:"relative",height:12,width:"30%",maxWidth:"150px"}),Es=lo({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",bottom:"-8px"}),Ws=lo({transform:"translateY(12px)",visibility:"hidden","& a":{display:"flex",justifyContent:"center",alignItems:"center",fontSize:"$12",lineHeight:"$16",$$color:"$colors$neutral600",[`.${Eu} &`]:{$$color:"$colors$neutral700"},color:"$$color",textDecoration:"none"}}),Ls=lo({}),Ns=lo(),Lu=Re("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),Bs=Re("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),yr=Re("ul",{flexGrow:1,padding:0,margin:0,listStyle:"none","& li":{alignItems:"none","&:hover":{[`& .${As}`]:{[`& .${Ws}`]:{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",visibility:"visible"},[`& .${Ls}`]:{bottom:"-15px"},[`& .${Is}`]:{position:"absolute",transform:"translateY(-12px)",visibility:"hidden"},[`& .${Es}`]:{position:"absolute",transform:"translateY(-12px)",bottom:"-10px"}}}}}),Ms=Re("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),Ps=Re(Wu,{}),Nu=Re("div",{textAlign:"right",width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",[`& .${Ns}`]:{$$color:"$colors$neutral600",[`.${Eu} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Sr=Re("div",{display:"flex",alignItems:"end",flexDirection:"column"}),f$=Re("div",{display:"flex",alignItems:"center"}),Bu=Re("div",{position:"relative",[`& ${hS}`]:{borderRadius:"$xm",overflow:"hidden"}}),Mu=Re("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6}),Pu=Re(Wu,{width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"});function _u(t){return et.createElement(yr,null,Array.from(Array(t.size),e=>et.createElement(yS,{key:e,hasDivider:!0,start:et.createElement(Fo,{variant:"circular",width:35,height:35}),end:et.createElement(Sr,null,et.createElement(Fo,{variant:"text",size:"large",width:70}),et.createElement($u,{size:4}),et.createElement(Fo,{variant:"text",size:"medium",width:50})),title:et.createElement("div",null,et.createElement(Fo,{variant:"text",size:"large",width:90}),et.createElement($u,{size:4}),et.createElement(Fo,{variant:"text",size:"medium",width:90}))})))}i(_u,"LoadingTokenList");var _s=20,xS=i(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:s,customCssForTagTitle:a}=t,l=e.length;return _.createElement("div",{className:As()},o?_.createElement("div",{className:Is()},o):_.createElement(Bs,{className:Es()},_.createElement(Cr,{variant:"title",size:"xmedium"},r.symbol),_.createElement(po,{direction:"horizontal",size:4}),_.createElement(Ms,{css:s},_.createElement(Ps,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&_.createElement("div",{className:`${Ws()} ${!o&&Ls()}`},_.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," ",_.createElement(po,{size:4,direction:"horizontal"}),_.createElement(SS,{color:"gray",size:12}))))},"renderDesc");function qu(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[s,a]=Ou(e),l=d().fetchStatus,p=d().blockchains(),[c,u]=Ou(!0),{getBalanceFor:h,loading:m}=V(),{isTokenPinned:f}=d(),T=i(()=>{a(e.slice(0,s.length+_s))},"loadNextPage");Uu(()=>{u(e.length>s.length)},[s.length]),Uu(()=>{a(e.slice(0,_s))},[e]);let S=i(()=>!s.length&&o?_.createElement(_.Fragment,null,_.createElement(po,{size:32}),_.createElement(kS,{title:$s.t("No results found"),description:$s.t("Try using different keywords")})):_.createElement(vS,{endReached:c?T:void 0,itemContent:y=>{let g=s[y],v=rn(h(g)),b=g.address||"",C=p.find(k=>k.name===g.blockchain),x=Pn(g.symbol,C?.color||""),I={$$color:x[`${g.symbol}100`],[`.${Du} &`]:{$$color:x[`${g.symbol}900`]},backgroundColor:"$$color"},w={$$color:x[`${g.symbol}700`],[`.${Du} &`]:{$$color:x[`${g.symbol}100`]},color:"$$color"};return _.createElement("div",{style:{paddingRight:5}},_.createElement(TS,{style:{width:"100%",overflow:"hidden"},"tab-index":y,key:`${g.symbol}${g.address}`,id:`${g.symbol}${g.address}`,hasDivider:!0,onClick:()=>n(s[y]),start:_.createElement(Bu,null,_.createElement(CS,{src:g.image,size:30}),f(g,t.type)&&_.createElement(Mu,null,_.createElement(wS,{size:12,color:"gray"}))),title:C?.type==="COSMOS"||g.name||!g.name&&!b?_.createElement(Bs,null,_.createElement(Cr,{variant:"title",size:"xmedium"},g.symbol),_.createElement(po,{direction:"horizontal",size:4}),_.createElement(Ms,{css:I},_.createElement(Ps,{variant:"body",size:"xsmall",css:w},g.blockchain))):void 0,description:C?.info&&b&&C.type!=="COSMOS"?xS({address:b,token:s[y],customCssForTag:I,customCssForTagTitle:w,name:g.name,url:C.info.addressUrl.split("{wallet}").join(b)}):g.name||void 0,end:m?_.createElement(Sr,null,_.createElement(Fu,{variant:"text",size:"large",width:70}),_.createElement(po,{size:4}),_.createElement(Fu,{variant:"text",size:"medium",width:50})):v&&_.createElement(Nu,null,_.createElement(Pu,{variant:"title",size:"small"},v.amount),_.createElement("div",null),v.usdValue&&_.createElement(Cr,{variant:"body",className:Ns(),size:"xsmall"},`$${v.usdValue}`))}))},totalCount:s.length,key:`${r}-${o}`}),"renderList");return _.createElement(Lu,null,_.createElement(Cr,{variant:"label",size:"large"},$s.t("Select Token")),_.createElement(po,{size:4}),l==="loading"&&_.createElement(_u,{size:_s}),l==="success"&&_.createElement(yr,{as:"ul"},S()))}i(qu,"TokenList");function Ds(t){let{type:e}=t,o=IS(),n=It(),{fromBlockchain:r,toBlockchain:s,setFromToken:a,setToToken:l,setFromBlockchain:p,setToBlockchain:c}=K(),u=V.use.getBalanceFor(),[h,m]=bS(""),{isTokenPinned:f}=d(),S=(e==="source"?r:s)?.name??"",y=d().blockchains({type:e}),g=d().tokens({type:e,blockchain:S,searchFor:h}),b=ka(g,u,i(w=>f(w,e),"checkIsTokenPinned")),C=i(w=>{e==="source"?p(w):c(w)},"updateBlockchain"),x=i(w=>{e==="source"?a({token:w,meta:{blockchains:y,tokens:g}}):l({token:w,meta:{blockchains:y,tokens:g}})},"updateToken"),I={source:Tr.t("Source"),destination:Tr.t("Destination")};return Gt.createElement(ie,{header:{title:Tr.t("Swap {type}",{type:I[e]})}},Gt.createElement(ae,null,Gt.createElement(bs,{blockchains:y,type:e=="source"?"from":"to",blockchain:e==="source"?r:s,onMoreClick:()=>o($.blockchains),onChange:w=>{C(w)}}),Gt.createElement(zu,{size:24}),Gt.createElement(ht,{value:h,autoFocus:!0,placeholder:Tr.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>m(""),onChange:w=>m(w.target.value)}),Gt.createElement(zu,{size:16}),Gt.createElement(qu,{list:b,selectedBlockchain:S,searchedFor:h,type:e,onChange:w=>{x(w);let k=y.find(W=>w.blockchain===W.name);k&&C(k),n()}})))}i(Ds,"SelectSwapItemsPage");import{i18n as Bt}from"@lingui/core";import{Alert as PS,Button as $S,ChevronRightIcon as Os,Divider as qs,InfoIcon as _S,List as DS,ListItemButton as FS,Skeleton as US,styled as OS,Switch as qS,Tooltip as zS,Typography as Ht}from"@rango-dev/ui";import Q from"react";import{useInRouterContext as GS,useNavigate as HS,useSearchParams as QS}from"react-router-dom";import{i18n as Xu}from"@lingui/core";import{Divider as LS,InfoIcon as NS,TextField as BS,Tooltip as MS,Typography as Ku}from"@rango-dev/ui";import Ue from"react";import{Chip as AS,styled as Uo,TextField as ES}from"@rango-dev/ui";var Gu=Uo("div",{paddingTop:"$5",padding:"$10 $5"}),Hu=Uo("div",{display:"flex",flexWrap:"wrap",gap:"$10",[`& ${ES}`]:{flex:"1 1 0",maxWidth:"127px",minWidth:"85px"}}),Qu=Uo("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),kr=Uo("div",{maxWidth:"280px",padding:"$10"}),Vu=Uo(AS,{width:"61px",flexShrink:0});import{i18n as Fs}from"@lingui/core";import{Typography as WS}from"@rango-dev/ui";import Oo from"react";function ju(){return Oo.createElement(kr,null,Oo.createElement(WS,{variant:"label",size:"medium",color:"neutral700"},Fs.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),Oo.createElement("br",null),Oo.createElement("br",null),Oo.createElement("b",null,Fs.t("Warning")),":",Fs.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(ju,"SlippageTooltipContent");function Us(){let{slippage:t,setSlippage:e,customSlippage:o,setCustomSlippage:n}=d();return Ue.createElement(Gu,null,Ue.createElement(Qu,null,Ue.createElement(Ku,{variant:"title",size:"xmedium"},Xu.t("Slippage tolerance per swap")),Ue.createElement(LS,{direction:"horizontal",size:4}),Ue.createElement(MS,{container:L(),side:"top",sideOffset:4,content:Ue.createElement(ju,null)},Ue.createElement(NS,{color:"gray"}))),Ue.createElement(Hu,null,Da.map((r,s)=>{let a=`slippage-${s}`;return Ue.createElement(Ue.Fragment,null,Ue.createElement(Vu,{key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`}))}),Ue.createElement(BS,{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>=qa&&a<=Oa?n(a):n(null)},suffix:o&&Ue.createElement(Ku,{variant:"body",size:"small"},"%"),placeholder:Xu.t("Custom")})))}i(Us,"Slippage");var VS=OS("div",{paddingLeft:"$8"});function Yu(){let t=HS(),{theme:e}=d().config,o=d().fetchStatus,n=d().swappers(),r=d().getDisabledLiquiditySources(),{config:{features:s},isInCampaignMode:a,updateCampaignMode:l}=d(),p=a(),c=Oe("theme",s),u=Oe("liquiditySource",s),h=Oe("language",s),m=d().infiniteApprove,f=d().toggleInfiniteApprove,T=cn(n,r),S=T.filter(F=>F.type==="BRIDGE"||F.type==="AGGREGATOR"),y=S.length,g=S.filter(F=>F.selected).length,v=T.filter(F=>F.type==="DEX"),b=v.length,C=v.filter(F=>F.selected).length,x=i((F,N)=>{switch(o){case"loading":return Q.createElement(US,{variant:"text",size:"medium",width:50});case"failed":return Q.createElement(Ht,{variant:"body",size:"medium",color:"$error500"},Bt.t("Loading failed"));default:return Q.createElement(Ht,{variant:"body",size:"medium"},`${F} / ${N}`)}},"handleEndItem"),I={id:"bridge-item",title:Q.createElement(Ht,{variant:"title",size:"xmedium"},Bt.t("Enabled bridges")),end:Q.createElement(Q.Fragment,null,x(g,y),Q.createElement(qs,{direction:"horizontal",size:8}),Q.createElement(Os,{color:"black"})),onClick:()=>t($.bridges)},w={id:"exchange-item",title:Q.createElement(Ht,{variant:"title",size:"xmedium"},Bt.t("Enabled exchanges")),end:Q.createElement(Q.Fragment,null,x(C,b),Q.createElement(qs,{direction:"horizontal",size:8}),Q.createElement(Os,{color:"gray"})),onClick:()=>t($.exchanges)},k={id:"theme-item",title:Q.createElement(Ht,{variant:"title",size:"xmedium"},Bt.t("Theme")),end:Q.createElement(Os,{color:"gray"}),onClick:()=>t($.themes)},W={id:"infinite-approval-item",title:Q.createElement(Q.Fragment,null,Q.createElement(Ht,{variant:"title",size:"xmedium"},Bt.t("Infinite approval")),Q.createElement(qs,{direction:"horizontal",size:4}),Q.createElement(zS,{side:"top",sideOffset:4,container:L(),content:Q.createElement(kr,null,Q.createElement(Ht,{variant:"label",size:"medium",color:"neutral700"},Bt.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.")))},Q.createElement(_S,{color:"gray"}))),end:Q.createElement(qS,{checked:m}),onClick:f},E=u?[]:[I,w];!e?.singleTheme&&!c&&E.push(k),E.push(W);let[,P]=QS(),D=GS(),G=i(()=>{D&&p&&(P(F=>(F.delete("liquiditySources"),F),{replace:!0}),l("liquiditySources",void 0))},"onClick");return Q.createElement(ie,{header:{title:Bt.t("Settings")}},Q.createElement(ae,null,p&&Q.createElement(PS,{type:"info",variant:"alarm",title:Bt.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:Q.createElement(VS,null,Q.createElement($S,{type:"secondary",size:"small",onClick:G},"Reset"))}),Q.createElement(Us,null),Q.createElement(DS,{type:Q.createElement(FS,{title:"_",id:"_",onClick:()=>console.log()}),items:E})))}i(Yu,"SettingsPage");import{i18n as BC}from"@lingui/core";import{cancelSwap as MC}from"@rango-dev/queue-manager-rango-preset";import{useManager as PC}from"@rango-dev/queue-manager-react";import{Alert as $C}from"@rango-dev/ui";import oa from"react";import{useParams as _C}from"react-router-dom";import{i18n as Tt}from"@lingui/core";import{getCurrentBlockchainOfOrNull as fC,getCurrentStep as gC,getRelatedWalletOrNull as hC}from"@rango-dev/queue-manager-rango-preset";import{Button as xm,CopyIcon as yC,Divider as SC,IconButton as CC,LinkIcon as TC,QuoteCost as kC,StepDetails as wC,Typography as uo,useCopyToClipboard as vC}from"@rango-dev/ui";import{useWallets as xC}from"@rango-dev/wallets-react";import bm from"bignumber.js";import{PendingSwapNetworkStatus as Nr}from"rango-types";import R,{useEffect as Im,useRef as bC,useState as Am}from"react";import{useNavigate as IC}from"react-router-dom";import{i18n as Mt}from"@lingui/core";var jS=[Mt.t("Sunday"),Mt.t("Monday"),Mt.t("Tuesday"),Mt.t("Wednesday"),Mt.t("Thursday"),Mt.t("Friday"),Mt.t("Saturday")];function Ju(t){let e=new Date(t),o=e.getDate(),n=e.toLocaleString("default",{month:"long"}),r=e.getFullYear();return`${e.getDay()===new Date().getDay()?Mt.t("Today"):`${jS[e.getDay()]} ${o} ${n} ${r}`}, ${new Date(t).toLocaleTimeString()}`}i(Ju,"timeSince");function Zu(t){return t.finishTime?Ju(parseInt(t.finishTime)):Ju(parseInt(t.creationTime))}i(Zu,"getSwapDate");import{PendingSwapNetworkStatus as xr}from"rango-types";import br from"react";import{i18n as wr}from"@lingui/core";import{Button as Ru,Divider as zs,MessageBox as XS,Typography as em}from"@rango-dev/ui";import ct from"react";var tm=i(({onCancel:t,onClose:e})=>ct.createElement(ct.Fragment,null,ct.createElement(zs,{size:20}),ct.createElement(XS,{type:"error",title:wr.t("Cancel Swap"),description:wr.t("Are you sure you want to cancel this swap?")}),ct.createElement(zs,{size:32}),ct.createElement(Ru,{variant:"contained",type:"primary",size:"large",onClick:t},ct.createElement(em,{variant:"title",size:"medium",color:"neutral100"},wr.t("Yes, Cancel it"))),ct.createElement(zs,{size:12}),ct.createElement(Ru,{variant:"outlined",type:"primary",size:"large",onClick:e},ct.createElement(em,{variant:"title",size:"medium",color:"primary"},wr.t("No, Continue")))),"CancelContent");import{i18n as vr}from"@lingui/core";import{Button as om,Divider as Gs,MessageBox as KS,Typography as nm}from"@rango-dev/ui";import ut from"react";var rm=i(({onDelete:t,onClose:e})=>ut.createElement(ut.Fragment,null,ut.createElement(Gs,{size:20}),ut.createElement(KS,{type:"error",title:vr.t("Delete Transaction"),description:vr.t("Are you sure you want to delete this swap?")}),ut.createElement(Gs,{size:32}),ut.createElement(om,{variant:"contained",type:"primary",size:"large",onClick:t},ut.createElement(nm,{variant:"title",size:"medium",color:"neutral100"},vr.t("Yes, Delete it"))),ut.createElement(Gs,{size:12}),ut.createElement(om,{variant:"outlined",type:"primary",size:"large",onClick:e},ut.createElement(nm,{variant:"title",size:"medium",color:"primary"},vr.t("No, Cancel")))),"DeleteContent");import{i18n as Hs}from"@lingui/core";import{PendingSwapNetworkStatus as Qs}from"rango-types";var Vs={[Qs.WaitingForNetworkChange]:{type:"loading",title:Hs.t("Change Network")},[Qs.WaitingForConnectingWallet]:{type:"warning",title:Hs.t("Connect Wallet")},[Qs.NetworkChanged]:{type:"success",title:Hs.t("Network Changed")}};import{MessageBox as JS,Wallet as ZS}from"@rango-dev/ui";import{useWallets as RS}from"@rango-dev/wallets-react";import qo from"react";import{styled as YS}from"@rango-dev/ui";var im=YS("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:c}=RS(),u=n?.walletType,h=u?Ur(c(u)):null,m=u?p(u):null;return qo.createElement(qo.Fragment,null,qo.createElement(JS,{type:e,title:o,description:r}),s&&!!u&&!!h&&!!m&&qo.createElement(im,null,qo.createElement(ZS,{container:L(),title:m.name,image:m.img,type:u,state:h,link:m.installLink,disabled:a,onClick:async()=>l(u)})))},"WalletStateContent");function js(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:s,message:a,walletButtonDisabled:l}=t,p=e===xr.WaitingForNetworkChange||e===xr.WaitingForConnectingWallet||e===xr.NetworkChanged;return br.createElement(se,{open:!!e,onClose:o,container:document.getElementById(Ae.SWAP_BOX_ID)||document.body},p&&br.createElement(sm,{type:Vs[e].type,title:Vs[e].title,currentStepWallet:s,message:a,walletButtonDisabled:l,showWalletButton:e!==xr.WaitingForNetworkChange}),e==="delete"&&br.createElement(rm,{onClose:o,onDelete:n}),e==="cancel"&&br.createElement(tm,{onClose:o,onCancel:r}))}i(js,"SwapDetailsModal");import{i18n as zo}from"@lingui/core";import{Button as Xs,Divider as Ir,MessageBox as am,TokenAmount as eC,Typography as Ar}from"@rango-dev/ui";import we from"react";import{useNavigate as tC}from"react-router-dom";function Ks(t){let{open:e,onClose:o,status:n,priceValue:r,usdValue:s,realUsdValue:a,realValue:l,token:p,chain:c,percentageChange:u,description:h,diagnosisUrl:m}=t,f=tC();return we.createElement(se,{open:e,onClose:o,container:document.getElementById(Ae.SWAP_BOX_ID)||document.body},n==="success"?we.createElement(am,{type:"success",title:zo.t("Swap Successful")},we.createElement(eC,{direction:"vertical",tooltipContainer:L(),type:"output",centerAlign:!0,price:{value:r,usdValue:s,realUsdValue:a,realValue:l},token:p,chain:c,percentageChange:u}),we.createElement(Ir,{size:12}),we.createElement(Ar,{variant:"body",size:"medium",color:"neutral700",align:"center"},h)):we.createElement(am,{type:"error",title:zo.t("Transaction Failed"),description:h}),we.createElement(Ir,{size:32}),n==="success"&&we.createElement(Xs,{variant:"contained",type:"primary",size:"large",onClick:()=>{f("../../")}},we.createElement(Ar,{variant:"title",size:"medium",color:"neutral100"},zo.t("Done"))),we.createElement(Ir,{size:12}),m&&we.createElement(we.Fragment,null,we.createElement(Xs,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(m,"_blank")},we.createElement(Ar,{variant:"title",size:"medium",color:"primary"},zo.t("Diagnosis"))),we.createElement(Ir,{size:12})),we.createElement(Xs,{variant:"outlined",type:"primary",size:"large",onClick:o},we.createElement(Ar,{variant:"title",size:"medium",color:"primary"},zo.t("See Details"))))}i(Ks,"SwapDetailsCompleteModal");import mC from"react";import{i18n as lC}from"@lingui/core";import{Alert as dm,IconButton as pC,LinkIcon as cC}from"@rango-dev/ui";import Pt,{Fragment as uC}from"react";import{Alert as oC,ChevronDownIcon as nC,ChevronUpIcon as rC,IconButton as iC}from"@rango-dev/ui";import Er,{useState as sC}from"react";function lm(t){let{message:e}=t,[o,n]=sC(!1);return Er.createElement(oC,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&Er.createElement(iC,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?Er.createElement(rC,{size:12,color:"gray"}):Er.createElement(nC,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}i(lm,"FailedAlert");import{styled as aC}from"@rango-dev/ui";var pm=aC("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as cm}from"@lingui/core";import{Alert as Ys,Button as um}from"@rango-dev/ui";import{PendingSwapNetworkStatus as Js}from"rango-types";import Go from"react";function mm(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?Go.createElement(Ys,{type:"warning",title:n.shortMessage,action:Go.createElement(um,{size:"xxsmall",type:"warning",onClick:()=>{o(Js.WaitingForNetworkChange),e().catch(s=>{console.log(s)})}},cm.t("Change"))}):r===Js.WaitingForConnectingWallet?Go.createElement(Ys,{type:"warning",title:n.shortMessage,action:Go.createElement(um,{size:"xxsmall",type:"warning",onClick:()=>{o(Js.WaitingForConnectingWallet)}},cm.t("Connect"))}):Go.createElement(Ys,{type:"warning",title:n.shortMessage})}i(mm,"WarningAlert");function Zs(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:s,hasAlreadyProceededToSign:a}=t,l=So(s),p=s.status==="waitingForApproval"&&!l,c=s.status==="running"&&!l,u=c&&!a||p&&!s.explorerUrl?.length;return Pt.createElement(pm,null,s.explorerUrl?.map((h,m,f)=>{let T=m+h.url,S=m===f.length-1,y=(S&&c||p)&&!u,g=S&&s.status==="failed";return Pt.createElement(uC,{key:T},Pt.createElement(dm,{type:S&&(y&&"loading"||g&&"error")||"success",title:h.description?`${h.description} Tx`:lC.t("View transaction"),action:h.url&&Pt.createElement(pC,{variant:"ghost",size:"xsmall",onClick:()=>window.open(h.url,"_blank")},Pt.createElement(cC,{size:12}))}))}),u&&Pt.createElement(dm,{type:"loading",title:r.shortMessage}),s.status!=="failed"&&l&&Pt.createElement(mm,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),s.status==="failed"&&Pt.createElement(lm,{message:r}))}i(Zs,"SwapDetailsAlerts");var fm=2e3;var gm=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:qe(s.fromBlockchain,e)??"",image:s.fromBlockchainLogo??""},price:{value:A(l,6,6),realValue:l}},to:{token:{displayName:s.toSymbol,image:s.toLogo},chain:{displayName:qe(s.toBlockchain,e)??"",image:s.toBlockchainLogo??""},price:{value:A(s.outputAmount||s.expectedOutputAmountHumanReadable,6,6),realValue:s.outputAmount||s.expectedOutputAmountHumanReadable}},swapper:{displayName:yo(s.swapperId,o),image:s.swapperLogo??"",type:s.swapperType},internalSwaps:s.internalSwaps?s.internalSwaps.map(p=>({from:{blockchain:qe(p.fromBlockchain,e)??""},to:{blockchain:qe(p.toBlockchain,e)??""},swapper:{displayName:yo(p.swapperId,o),image:p.swapperLogo??"",type:p.swapperType}})):[],alerts:mC.createElement(Zs,{step:s,hasAlreadyProceededToSign:r,...n})}})},"getSteps");function hm(t){if(So(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(hm,"getStepState");import{css as Ho,darkTheme as dC,styled as Qt}from"@rango-dev/ui";var ym=Qt("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),Wr=Qt("div",{width:"100%"}),Sm=Qt(To,{padding:"$0 $20 $20 $20"}),t1=Qt("div",{display:"flex",flexDirection:"column",gap:"$10"}),Cm=Qt("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),o1=Qt("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1}),co=Ho({display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",padding:"$10 $20",borderBottom:"1px solid",$$color:"$colors$neutral300",[`.${dC} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color",color:"$neutral500"}),Tm=Ho({padding:"$5 0"}),Lr=Ho({display:"flex",justifyContent:"center",alignItems:"center",height:"$24"}),km=Ho({display:"flex",width:"100%",padding:"$15 $20 $20",flexDirection:"column",alignItems:"start"}),wm=Ho({width:"100%",padding:"0 $20 $10"}),vm=Qt("a",{fontSize:"$16",fontWeight:"$400",color:"$neutral700",display:"flex",alignItems:"center",justifyContent:"center"});function Rs(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:s,connect:a,getWalletInfo:l}=xC(),p=d().blockchains(),c=d().swappers(),u=d().tokens(),h=K.use.retry(),m=oe.use.isActiveTab(),f=IC(),[T,S]=vC(fm),y=bC(null),[g,v]=Am(null),[b,C]=Am(null),x=i(()=>{r(),v(null)},"onCancel"),I=De.use.getUnreadNotifications(),w=De.use.setAsRead(),k=I(),W=gC(e),E=W?.networkStatus;Im(()=>{k.find(kt=>kt.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(C(e.status),w(e.requestId))},[e.status]),Im(()=>{te?v(Nr.WaitingForNetworkChange):E===Nr.WaitingForConnectingWallet||E===Nr.NetworkChanged?v(E):v(null)},[E]);let P=ul(e),D=W?fC(e,W):null,G=W?hC(e,W):null,F=Zu(e),N=ml(e),ee=i(_e=>!!l(_e)?.mobileWallet,"isMobileWallet"),te=E===Nr.WaitingForNetworkChange&&!!D&&!!G?.walletType&&(ee(G.walletType)||s(G.walletType,D)),q=te?a.bind(null,G.walletType,D):void 0,Me=cl(e,W),j=gm({swap:e,switchNetwork:q,showNetworkModal:E,setNetworkModal:v,message:Me,blockchains:p,swappers:c}),Y=j.length,[Ie,Ce]=[e.steps[0],e.steps[Y-1]],Te=Ce.outputAmount||Ce.expectedOutputAmountHumanReadable,mt=e.steps.reduce((_e,kt)=>_e+parseFloat(kt.feeInUsd||""),0),U=e.steps.find(_e=>_e.diagnosisUrl)?.diagnosisUrl,J=A(parseFloat(A(Te,6,6))*(Ce.toUsdPrice||0),4,4),Z=A(parseFloat(e.inputAmount)*(Ie.fromUsdPrice||0),4,4),me=Te?pe(new bm(Te).multipliedBy(Ce.toUsdPrice||0)):"",ve=pe(new bm(e.inputAmount).multipliedBy(Ie.fromUsdPrice||0)),je=ze(Z,J),Dr=e.status==="success"?Tt.t({id:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:A(Te,6,6),token:j[Y-1].to.token.displayName,conciseAddress:sn(e.wallets[j[Y-1].to.chain.displayName]?.address||""),chain:j[Y-1].to.chain.displayName}}):`${Tt.t("Transaction was not sent.")} ${P?Tt.t({id:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:P.outputAmount,symbol:P.symbol,blockchain:P.blockchain}}):""}`;return R.createElement(ie,{header:{title:Tt.t("Swap and Bridge"),onCancel:e.status==="running"?()=>v("cancel"):void 0,suffix:e.status!=="running"&&R.createElement(Rt,null,R.createElement(xm,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>v("delete")},R.createElement(uo,{size:"medium",variant:"label",color:"error"},Tt.t("Delete"))))},footer:N&&!b&&R.createElement(xm,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{h(e,{blockchains:p,tokens:u}),setTimeout(()=>{f("../../")},0)}},Tt.t("Try again"))},R.createElement(ae,{compact:!0,view:!0},R.createElement(Wr,null,R.createElement("div",{className:co()},R.createElement(uo,{variant:"label",size:"large",color:"neutral700"},`${Tt.t("Request ID")}:`),R.createElement("div",{className:Lr()},R.createElement(uo,{variant:"label",size:"small",color:"neutral700"},o),R.createElement(CC,{variant:"ghost",onClick:S.bind(null,o||"")},R.createElement(yC,{size:16,color:"gray"})),R.createElement(vm,{target:"_blank",href:`${ca}/swap/${o}`},R.createElement(TC,{size:16})))),R.createElement("div",{className:co()},R.createElement(uo,{variant:"label",size:"large",color:"neutral700"},`${Tt.t(e.finishTime?"Finished at":"Created at")}:`),R.createElement(uo,{variant:"label",size:"small",color:"neutral700"},F))),R.createElement("div",{className:km()},R.createElement(kC,{fee:A(String(mt),2,2),time:Jo(Zo(e.steps)),steps:Y}),R.createElement(Ao,{from:{price:{value:A(e.inputAmount,6,6),usdValue:Z,realUsdValue:ve,realValue:e.inputAmount},token:{displayName:j[0].from.token.displayName,image:j[0].from.token.image},chain:{image:j[0].from.chain.image,displayName:j[0].from.chain.displayName}},to:{price:{value:A(Te,6,6),usdValue:J,realUsdValue:me,realValue:Te},token:{displayName:j[Y-1].to.token.displayName,image:j[Y-1].to.token.image},chain:{image:j[Y-1].to.chain.image,displayName:j[Y-1].to.chain.displayName}},percentageChange:A(je,2,2),warningLevel:ft(je??0)})),R.createElement("div",{className:wm()},R.createElement(uo,{variant:"title",size:"small"},Tt.t("Swaps steps"))),R.createElement(SC,{size:8}),R.createElement(Sm,{ref:y},j.map((_e,kt)=>{let la=kt,mo=hm(e.steps[kt]),Xm=mo==="error"||mo==="in-progress"||mo==="warning"||mo==="completed"&&kt===j.length-1;return R.createElement(wC,{key:la,step:_e,type:"swap-progress",ref:y,state:mo,hasSeparator:kt!==0,tabIndex:la,isFocused:Xm,tooltipContainer:L()})}))),R.createElement(js,{state:g,onClose:()=>v(null),onCancel:x,onDelete:n,message:Me.detailedMessage.content,currentStepWallet:G,walletButtonDisabled:!m}),R.createElement(Ks,{open:!!b,diagnosisUrl:U,onClose:()=>C(null),status:e.status==="success"?"success":"failed",priceValue:A(Te,6,6),usdValue:J,realUsdValue:me,realValue:pe(Te),percentageChange:A(je,2,2),token:{displayName:j[Y-1].to.token.displayName,image:j[Y-1].to.token.image},chain:{image:j[Y-1].to.chain.image},description:Dr}))}i(Rs,"SwapDetails");import{i18n as Mr}from"@lingui/core";import{Divider as Lm,NotFound as NC,Skeleton as Vo,Typography as Pr}from"@rango-dev/ui";import ue from"react";import{i18n as AC}from"@lingui/core";import{Divider as EC,Skeleton as WC,Typography as LC}from"@rango-dev/ui";import fe from"react";import{css as tt,styled as ea}from"@rango-dev/ui";var Em=ea("div",{width:"100%",height:"100%",padding:"$10 $20"}),Qo=ea("div",{backgroundColor:"$neutral100",borderRadius:"$xm",padding:"$10 $15"}),Br=ea("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"}),$1=tt({display:"flex",justifyContent:"space-between",alignItems:"center"}),_1=tt({display:"flex",justifyContent:"space-between",alignItems:"center"}),D1=tt({paddingTop:"$15",display:"flex"}),F1=tt({padding:"$15 $0"}),U1=tt({width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"}),O1=tt({paddingBottom:"$10"}),q1=tt({display:"flex",justifyContent:"start",alignItems:"center"}),z1=tt({paddingTop:"$5",display:"flex",alignItems:"center"}),G1=tt({display:"flex",alignItems:"center"}),H1=tt({padding:"$4 $6",display:"flex",justifyContent:"center",alignItems:"center"}),Wm=tt({display:"flex",paddingTop:"$10",paddingBottom:"$5"});function ta(){return fe.createElement(Em,null,fe.createElement(Lo,{type:"swap-preview"}),fe.createElement("div",{className:"swaps-steps"},fe.createElement(LC,{variant:"title",size:"small"},AC.t("Swaps steps"))),fe.createElement(fe.Fragment,null,fe.createElement(Qo,null,fe.createElement(pt,{separator:!1}),fe.createElement("div",{className:Wm()},fe.createElement(EC,{direction:"horizontal",size:20}),fe.createElement(WC,{height:22,variant:"rectangular"}))),fe.createElement(Br,null),fe.createElement(Qo,null,fe.createElement(pt,{separator:!1})),fe.createElement(Br,null),fe.createElement(Qo,null,fe.createElement(pt,{separator:!1})),fe.createElement(Br,null),fe.createElement(Qo,null,fe.createElement(pt,{separator:!1}))))}i(ta,"LoadingSwapDetails");function Nm(t){let{requestId:e,showSkeleton:o}=t;return ue.createElement(ie,{header:{title:Mr.t("Swap and Bridge"),suffix:ue.createElement(Rt,null)}},o&&ue.createElement(ym,null,ue.createElement(Wr,null,ue.createElement("div",{className:co()},ue.createElement(Pr,{variant:"label",size:"large",color:"neutral700"},`${Mr.t("Request ID")}:`),ue.createElement("div",{className:Lr()},ue.createElement(Pr,{variant:"label",size:"small",color:"neutral700"},ue.createElement(Vo,{width:60,height:10,variant:"rounded"})),ue.createElement(Lm,{direction:"horizontal",size:4}),ue.createElement(Vo,{width:16,height:16,variant:"rectangular"}),ue.createElement(Lm,{direction:"horizontal",size:4}),ue.createElement(Vo,{width:16,height:16,variant:"rectangular"}))),ue.createElement("div",{className:co()},ue.createElement(Pr,{className:Tm(),variant:"label",size:"large",color:"neutral700"},ue.createElement(Vo,{width:60,height:10,variant:"rounded"})),ue.createElement(Pr,{variant:"label",size:"small",color:"neutral700"},ue.createElement(Vo,{width:60,height:10,variant:"rounded"})))),ue.createElement(ta,null)),!o&&ue.createElement(Cm,null,ue.createElement(NC,{title:Mr.t("Not found"),description:Mr.t({id:"Swap with request ID = {requestId} not found.",values:{requestId:e}})})))}i(Nm,"SwapDetailsPlaceholder");function Bm(){let{manager:t,state:e}=PC(),o=!e.loadedFromPersistor,n=At(t),{requestId:r}=_C(),s=It(),{fetchStatus:a}=d();if(!r)return oa.createElement($C,{containerStyles:{margin:"20px"},type:"error",title:BC.t("The request ID is necessary to display the swap details.")});let l=o||a==="loading",p=r?n.find(({swap:m})=>m.requestId===r):void 0,c=i(()=>{if(p?.id){let m=t?.get(p.id);m&&MC(m)}},"onCancel"),u=i(async()=>{if(p?.id)try{t?.deleteQueue(p.id),s()}catch(m){console.log(m)}},"onDelete"),h=p?.swap;return!h||l?oa.createElement(Nm,{requestId:r,showSkeleton:l}):oa.createElement(Rs,{swap:h,requestId:r,onCancel:c,onDelete:u})}i(Bm,"SwapDetailsPage");import{i18n as jo}from"@lingui/core";import{AutoThemeIcon as DC,DarkModeIcon as FC,LightModeIcon as UC,List as OC,ListItemButton as qC,Radio as na,RadioRoot as zC,Typography as ra}from"@rango-dev/ui";import Pe from"react";function Mm(){let{setTheme:t,theme:e}=d(),o=[{id:"light",value:"light",title:Pe.createElement(ra,{variant:"title",size:"xmedium"},jo.t("Light")),onClick:()=>t("light"),start:Pe.createElement(UC,{color:"gray"}),end:Pe.createElement(na,{value:"light"})},{id:"dark",value:"dark",title:Pe.createElement(ra,{variant:"title",size:"xmedium"},jo.t("Dark")),onClick:()=>t("dark"),start:Pe.createElement(FC,{color:"gray"}),end:Pe.createElement(na,{value:"dark"})},{id:"auto",value:"auto",title:Pe.createElement(ra,{variant:"title",size:"xmedium"},jo.t("Auto")),onClick:()=>t("auto"),start:Pe.createElement(DC,{color:"gray"}),end:Pe.createElement(na,{value:"auto"})}];return Pe.createElement(ie,{header:{title:jo.t("Theme")}},Pe.createElement(ae,null,Pe.createElement(zC,{onValueChange:n=>t(n),value:e},Pe.createElement(OC,{type:Pe.createElement(qC,{title:jo.t("Theme"),id:"_",onClick:()=>console.log()}),items:o}))))}i(Mm,"ThemePage");function Pm(){return Tl(),li(),GC([{path:$.home,element:$e.createElement(lu,null)},{path:$.fromSwap,children:[{index:!0,element:$e.createElement(Ds,{type:"source"})},{path:$.blockchains,element:$e.createElement(Ts,{type:"source"})}]},{path:$.toSwap,children:[{index:!0,element:$e.createElement(Ds,{type:"destination"})},{path:$.blockchains,element:$e.createElement(Ts,{type:"destination"})}]},{path:$.settings,children:[{index:!0,element:$e.createElement(Yu,null)},{path:$.themes,element:$e.createElement(Mm,null)},{path:$.languages,element:$e.createElement(cu,null)},{path:$.exchanges,element:$e.createElement(hs,{sourceType:"Exchanges"})},{path:$.bridges,element:$e.createElement(hs,{sourceType:"Bridges"})}]},{path:$.swaps,children:[{index:!0,element:$e.createElement(tu,null)},{path:$.swapDetails,element:$e.createElement(Bm,null)}]},{path:$.wallets,element:$e.createElement(Sp,null)},{path:$.confirmSwap,element:$e.createElement(Gc,null)}])}i(Pm,"AppRoutes");import{isApprovalTX as HC,MainEvents as $m,RouteEventType as _m,StepEventType as Dm,StepExecutionEventStatus as QC,useEvents as VC}from"@rango-dev/queue-manager-rango-preset";import{useEffect as Fm}from"react";function Um(){let t=d().tokens(),e=V.use.connectedWallets(),o=V.use.getWalletsDetails(),n=De.use.setNotification(),r=VC();return Fm(()=>(r.on($m.StepEvent,s=>{let{event:a,step:l,route:p}=s;if(a.type===Dm.TX_EXECUTION&&a.status===QC.TX_SENT&&!HC(l)||a.type===Dm.SUCCEEDED){let u=e.find(m=>m.chain===l?.fromBlockchain),h=l?.fromBlockchain!==l?.toBlockchain&&e.find(m=>m.chain===l?.toBlockchain);u&&o([u],t),h&&o([h],t)}n(a,p)}),()=>r.all.clear()),[r,e.length]),Fm(()=>(r.on($m.RouteEvent,s=>{let{event:a,route:l}=s;(a.type===_m.FAILED||a.type===_m.SUCCEEDED)&&n(a,l)}),()=>r.all.clear()),[r,e.length]),null}i(Um,"WidgetEvents");import{globalCss as jC}from"@rango-dev/ui";var Om=i(()=>jC({"@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 qm(){let{setWatermark:t}=oe();return{fetchApiConfig:i(async()=>{let o=await fetch(`${dt("BASE_URL")}/meta/dapp/config?apiKey=${dt("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(qm,"useFetchApiConfig");import{styled as XC}from"@rango-dev/ui";var zm=XC("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 $r(){Om();let{config:t}=d(),{activeTheme:e}=$n(t?.theme||{}),{activeLanguage:o}=ao(),[n,r]=Gm(""),[s,a]=Gm(),l=YC(dn),{fetchApiConfig:p}=qm();return JC(()=>{De.persist.rehydrate(),l.onConnectWallet(r),p().catch(console.log)},[]),Xo.createElement(KC,{language:o},Xo.createElement(zm,{id:"swap-container",className:e()},Xo.createElement(Um,null),Xo.createElement(Ya,{lastConnectedWallet:n,disconnectedWallet:s,clearDisconnectedWallet:()=>{a(void 0)}},Xo.createElement(Pm,null))))}i($r,"Main");import sa,{useMemo as gT}from"react";import{checkWaitingForNetworkChange as ZC,makeQueueDefinition as RC}from"@rango-dev/queue-manager-rango-preset";import{Provider as eT}from"@rango-dev/queue-manager-react";import{useWallets as tT}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as oT}from"@rango-dev/wallets-shared";import{isEvmBlockchain as nT}from"rango-types";import rT,{useMemo as iT}from"react";function sT(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:s,getWalletInfo:a}=tT(),l=iT(()=>RC({API_KEY:t.apiKey||dt("API_KEY"),BASE_URL:dt("BASE_URL")}),[t.apiKey]),p=d().blockchains(),u={blockchains:V.use.connectedWallets().map(b=>({accounts:[b],name:b.chain}))},h=i(async(b,C)=>{if(s(b,C))return r(b,C)},"switchNetwork"),m=i(b=>!!a(b).mobileWallet,"isMobileWallet"),f=p.filter(b=>b.enabled).reduce((b,C)=>(b[C.name]=C,b),{}),T=p.filter(nT),S=i(b=>{let{supportedChains:C}=a(b);return tn(C)},"getSupportedChainNames"),y=e(),g={meta:{blockchains:f,evmBasedChains:T,evmNetworkChainInfo:oT(T),getSupportedChainNames:S},getSigners:o,wallets:u,providers:y,switchNetwork:h,canSwitchNetworkTo:s,connect:r,state:n,isMobileWallet:m},v=oe.use.isActiveTab();return rT.createElement(eT,{queuesDefs:[l],context:g,onPersistedDataLoaded:b=>{ZC(b)},isPaused:!v},t.children)}i(sT,"QueueManager");var Hm=sT;import{useManager as uT}from"@rango-dev/queue-manager-react";import mT,{createContext as dT,useContext as fT}from"react";import{cancelSwap as aT,getCurrentBlockchainOfOrNull as lT,getCurrentStep as pT,getRelatedWalletOrNull as cT}from"@rango-dev/queue-manager-rango-preset";var Ko=class{constructor(e,o){this.manager=e,this.actions=o}getAllSwaps(){return At(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&&aT(o)}getCurrentStepInfo(e){let o=pT(e);return{step:o,wallet:o?cT(e,o):null,network:o?lT(e,o):null}}};i(Ko,"WidgetHistory");var Qm=dT(void 0);function ia(t){let{manager:e}=uT(),o=oe.use.isActiveTab(),n=K.use.retry(),r=new Ko(e,{retrySwap:n}),s=V.use.connectedWallets(),a=V.use.loading(),l=Ta(s),p=V.use.getWalletsDetails(),c=d().blockchains(),u=d().tokens(),h=d().swappers(),m=d().fetchStatus,f=ao().resetLanguage,T=De().getUnreadNotifications(),S={isActiveTab:o,setCurrentTabAsActive:_t.forceClaim,history:r,wallets:{isLoading:a,details:s,totalBalance:l,refetch:p},meta:{blockchains:c,tokens:u,swappers:h,loadingStatus:m},resetLanguage:f,notifications:{list:T}};return mT.createElement(Qm.Provider,{value:S},t.children)}i(ia,"WidgetInfo");function Vm(){let t=fT(Qm);if(!t)throw new Error("useWidget can only be used within the WidgetProvider component");return t}i(Vm,"useWidget");function _r(t){let{onUpdateState:e,config:o}=t;return gT(()=>{Ia({API_KEY:o?.apiKey||Yo,BASE_URL:o?.apiUrl||pa})},[o.apiKey,o.apiUrl]),sa.createElement(fn,{config:o,onUpdateState:e},sa.createElement(Hm,{apiKey:o.apiKey},sa.createElement(ia,null,t.children)))}i(_r,"WidgetProvider");function jm(t){return hT(()=>(_t.init(),_t.destroy),[]),t.config?.externalWallets?aa.createElement($r,null):aa.createElement(_r,{config:t.config??Hr},aa.createElement($r,null))}i(jm,"Widget");export{xO as EventSeverity,bO as MainEvents,$O as Networks,FO as PendingSwapNetworkStatus,IO as RouteEventType,AO as StepEventType,EO as StepExecutionBlockedEventStatus,WO as StepExecutionEventStatus,Ae as UI_ID,MO as WalletEvents,_O as WalletTypes,jm as Widget,_r as WidgetProvider,fn as WidgetWallets,gi as customizedThemeTokens,BO as readAccountAddress,bp as useWallets,Vm as useWidget,LO as useWidgetEvents};
|
|
3
3
|
//# sourceMappingURL=index.js.map
|