@rango-dev/widget-embedded 0.22.0 → 0.22.2-next.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (17) hide show
  1. package/CHANGELOG.md +34 -0
  2. package/dist/containers/Widget/Widget.d.ts.map +1 -1
  3. package/dist/index.js +2 -2
  4. package/dist/index.js.map +3 -3
  5. package/dist/libs/tabManager/tabManager.d.ts +1 -0
  6. package/dist/libs/tabManager/tabManager.d.ts.map +1 -1
  7. package/dist/libs/tabManager/tabManager.types.d.ts +1 -0
  8. package/dist/libs/tabManager/tabManager.types.d.ts.map +1 -1
  9. package/dist/store/ui.d.ts +2 -2
  10. package/dist/store/ui.d.ts.map +1 -1
  11. package/package.json +2 -2
  12. package/src/components/Layout/Layout.tsx +2 -2
  13. package/src/containers/Widget/Widget.tsx +3 -2
  14. package/src/containers/WidgetInfo/WidgetInfo.tsx +2 -2
  15. package/src/libs/tabManager/tabManager.ts +4 -1
  16. package/src/libs/tabManager/tabManager.types.ts +1 -0
  17. package/src/store/ui.ts +1 -5
package/dist/index.js CHANGED
@@ -1,3 +1,3 @@
1
- var Km=Object.defineProperty;var i=(t,e)=>Km(t,"name",{value:e,configurable:!0});import{EventSeverity as gO,MainEvents as hO,RouteEventType as yO,StepEventType as SO,StepExecutionBlockedEventStatus as CO,StepExecutionEventStatus as TO,useEvents as kO}from"@rango-dev/queue-manager-rango-preset";import{readAccountAddress as vO,useWallets as bp,Events as xO}from"@rango-dev/wallets-react";import{Networks as AO,WalletTypes as IO}from"@rango-dev/wallets-shared";import{PendingSwapNetworkStatus as WO}from"rango-types";import{UI_ID as Ym}from"@rango-dev/ui";var Ko="c6381a79-2817-4602-83bf-6a641a409e32",pa="https://api.rango.exchange",ca="https://scan.rango.exchange",xe={SWAP_BOX_ID:"rango-swap-box",...Ym};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 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 tt}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 xT,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 be=new Jm(0);import{WalletTypes as Zm}from"@rango-dev/wallets-shared";var ua=[Zm.LEAP];import{BigNumber as da}from"bignumber.js";var Yo=i(t=>{let e=(t%60).toString().padStart(2,"0");return`${parseInt((t/60).toString()).toString().padStart(2,"0")}:${e}`},"secondsToString"),I=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 Jo=i(t=>t?.reduce((e,o)=>e+(o.estimatedTimeInSeconds??0),0)||0,"totalArrivalTime");var et=i((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),mo=i(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function le(t){return I(t,12,12).replace(/(?:\.0*|(\.\d+?)0*)$/,"$1")}i(le,"formatTooltipNumbers");function Ur(t){switch(!0){case t.connected:return tt.CONNECTED;case t.connecting:return tt.CONNECTING;case!t.installed:return tt.NOT_INSTALLED;default:return tt.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 en(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}i(en,"walletAndSupportedChainsNames");function ha(t,e,o,n,r){let s=[];function a(p,c){if(!!!s.find(g=>g.chain===p)){let g={address:c,chain:p,walletType:t};s.push(g)}}i(a,"addAccount");let l=n||[];return e.forEach(p=>{let{address:c,network:u}=Rm(p),g=l.length>0,m=l.includes(u),f=u===fa.Unknown;if(g&&!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 tn(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}i(tn,"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=I(n?.flatMap(s=>s.accounts)?.flatMap(s=>s?.balances)?.map(s=>new Fr(s?.amount||be).multipliedBy(s?.usdPrice||0))?.reduce((s,a)=>s.plus(a),be)||be).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"),on=i((t,e)=>{let o=td(Object.entries(t).map(([,n])=>n).filter(nd));return o&&o[e]?.experimental},"isExperimentalChain");function nn(t){return t?{...t,amount:I(t.amount,8,8),usdValue:I(t.usdValue,4,4)}:null}i(nn,"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 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===tt.CONNECTED)-+(e.state===tt.CONNECTED)||+(o.state===tt.DISCONNECTED||o.state===tt.CONNECTING)-+(e.state===tt.DISCONNECTED||e.state===tt.CONNECTING))}i(wa,"sortWalletsBasedOnConnectionState");function rn(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(rn,"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 sn(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??be).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(sn,"makeTokensBalance");var xa=i((t,e)=>!!t.find(o=>o.chain===e&&o.loading),"isFetchingBalance");var zr={API_KEY:Ko};function dt(t){return zr[t]||""}i(dt,"getConfig");function ba(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),zr=e,zr}i(ba,"initConfig");var Aa=20,Ia=25,Ea="Roboto",qr="theme-widget",fo=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 an,Qt=i(()=>an||(an=new ld(dt("API_KEY"),dt("BASE_URL")),an),"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 Q=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:sn(s),connectedWallets:s}})},selectWallets:o=>t(n=>({connectedWallets:n.connectedWallets.map(r=>{let s=!!o.find(l=>l.chain===r.chain&&l.walletType!==r.walletType&&r.selected),a=!!o.find(l=>l.chain===r.chain&&l.walletType===r.walletType&&!r.selected);return s?{...r,selected:!1}:a?{...r,selected:!0}:r})})),clearConnectedWallet:()=>t(()=>({connectedWallets:[],selectedWallets:[]})),getWalletsDetails:async(o,n,r=!0)=>{let s=e().getWalletsDetails;t(a=>({loading:!0,connectedWallets:a.connectedWallets.map(l=>o.find(p=>tn(p,l))?{...l,loading:!0}:l)}));try{let a=o.map(({address:c,chain:u})=>({address:c,blockchain:u})),p=(await Qt().getWalletsDetails(a)).wallets;if(p)t(c=>{let u=c.connectedWallets.map(m=>{let f=o.find(S=>tn(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:sn(u),connectedWallets:u}});else throw new Error("Wallet not found")}catch{t(l=>{let p=l.connectedWallets.map(u=>o.find(g=>tn(g,u))?Ca(u):u);return{loading:!1,balances:sn(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 ln(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(ln,"matchAndGenerateProviders");function Wa(t,e){return ln(t,e).map(r=>r.config.type)}i(Wa,"configWalletsToWalletName");function La(t,e){let o=Q.use.clearConnectedWallet(),n=ln(void 0,e);return dd(()=>{o(),n=ln(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},fd={clientUrl:void 0},Na=i((t,e,o)=>({config:{...Hr,...t},iframe:fd,updateConfig:n=>{let r=o().config;e({config:{...r,...n}})},updateIframe:(n,r)=>{let s=o().iframe;e({iframe:{...s,[n]:r}})}}),"createConfigSlice");function Vt(t){return Array.from(new Set(t))}i(Vt,"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 Pt(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}i(Pt,"containsText");var L=i(()=>document.getElementById(xe.SWAP_BOX_ID),"getContainer");function pn(t,e){let o=t.map(s=>s.swapperGroup),n=[];return Vt(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(pn,"getUniqueSwappersGroups");function Ma(t,e){return t.swapperGroup<e.swapperGroup?-1:t.swapperGroup>e.swapperGroup?1:0}i(Ma,"sortLiquiditySourcesByGroupTitle");function Fe(t,e){return e?.[t]==="hidden"}i(Fe,"isFeatureHidden");function cn(t,e){return e?.[t]==="enabled"}i(cn,"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&&fo(p,s)||o.blockchain&&p.blockchain!==o.blockchain||!a.some(c=>c.name===p.blockchain)?!1:o.searchFor?!!(Pt(p.symbol,o.searchFor)||Pt(p.address||"",o.searchFor)||Pt(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:{enableNewLiquiditySources:o,liquiditySources:n}}=e();return e()._swappers.filter(a=>{let l=n?.includes(a.swapperGroup);return o||!n||n.length===0?!l:l}).sort(Ma)},fetch:async()=>{try{let o=await Qt().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}],go="en";var _a=[.5,1,3],Da=1,Fa=5,Ua=100,Oa=0;var za=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=Vt(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=Fe("theme",n),s=Fe("language",n),a=Fe("liquiditySource",n);t({...r&&{theme:"auto"},...s&&{language:go},...a&&{disabledLiquiditySources:[]}})}}),"createSettingsSlice");function qa(t){return Cd()(Td((...e)=>({...Pa(...e),...za(...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(qa,"createAppStore");var Ga=wd(null);function h(){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(h,"useAppStore");function Ha(t){let e=bd();return e.current||(e.current=qa(t.config)),kd.createElement(Ga.Provider,{value:e.current},t.children)}i(Ha,"AppStoreProvider");import{create as Id}from"zustand";var Qa="rango-widget";var jt=class{constructor(e){this.state="not-initiated";this.events={};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,this.initEvents(),this.tryClaim()}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(jt,"TabManager");var ee=wt(Id()((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})}}))),ja=new jt({onInit:()=>ee.setState({tabManagerInitiated:!0}),onClaim:()=>ee.setState({isActiveTab:!0,showActivateTabModal:!1}),onRelease:()=>ee.setState({isActiveTab:!1})}),un=ja.forceClaim,Xa=ja.destroy;var dn=Ld({onConnectWallet:()=>{}});function Md(t){let{updateConfig:e,updateSettings:o,fetch:n}=h(),r=h().blockchains(),s=h().tokens(),a={walletConnectProjectId:t.config?.walletConnectProjectId},[l,p]=Bd([]),{providers:c}=La(t.config.wallets,a),{connectWallet:u,disconnectWallet:g}=Q(),m=Nd();Xr(()=>{n().catch(console.log)},[]),Xr(()=>{t.config&&(e(t.config),o(t.config))},[t.config]);let f=r.filter(Wd).map(d=>d.name),T=i((d,y,v,x,C)=>{if(y===jr.ACCOUNTS)if(v){let w=en(C.supportedBlockchains),A=ha(d,v,f,w,C.isContractWallet);p(A)}else g(d);if(y===jr.ACCOUNTS&&x.connected){let w=`${d}-${x.network}-${v}`;x.connected&&(m.current?m.current(w):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(y===jr.NETWORK&&x.network){let w=`${d}-${x.network}`;m.current?m.current(w):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(d,y,v,x,C)},"onUpdateState"),S=ee.use.isActiveTab();return Xr(()=>{l.length&&u(l,s)},[l,s]),mn.createElement(dn.Provider,{value:{onConnectWallet:d=>{m.current=d}}},mn.createElement(Ed,{allBlockChains:r,providers:c,onUpdateState:T,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 lT}from"react";import{I18nManager as zC}from"@rango-dev/ui";import jo,{useContext as qC,useEffect as GC,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 zd,{Fragment as qd}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}=h(),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()?qd:Gd,r=h().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}),zd.createElement(n,null,t)}i(Ya,"AppRouter");import Be from"react";import{useRoutes as $C}from"react-router-dom";var P={home:"/",fromSwap:"from-swap",toSwap:"to-swap",blockchains:"blockchains",settings:"settings",liquiditySources:"liquidity-sources",themes:"themes",bridges:"bridges",exchanges:"exchanges",languages:"languages",swaps:"swaps",wallets:"wallets",confirmSwap:"confirm-swap",swapDetails:":requestId"};import{useEffect as Kt,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 sv 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 Ue(t,e){return e.find(o=>o.name===t)?.shortName}i(Ue,"getBlockchainShortNameFor");function ho(t,e){return e.find(o=>o.id===t)?.swapperGroup}i(ho,"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 Ve}from"@lingui/core";import Ie 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 we}from"@lingui/core";var j=i(()=>({genericServerError:we.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:we.t("Please reset your liquidity sources."),description:we.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources.")},noResultError:{title:we.t("No Routes Found."),description:we.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:we.t("Bridge Limit Error: Please increase your amount."),decreaseAmount:we.t("Bridge Limit Error: Please decrease your amount.")},highValueLossError:{impactTitle:we.t("High Price Impact"),title:we.t("Price impact is too high!"),description:we.t("The price impact is significantly higher than the allowed amount. If you are sure, continue, otherwise, change the swap."),confirmMessage:we.t("Confirm high price impact")},quoteUpdatedWithHighValueLoss:{title:we.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:we.t("USD Price Unknown"),title:we.t("USD Price Unknown, Cannot calculate Price Impact."),description:we.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:we.t("Confirm USD Price Unknown")}}),"errorMessages");function Za(t){switch(t.type){case 0:return t.diagnosisMessage??j().noResultError.title;case 1:return j().genericServerError;default:return""}}i(Za,"getQuoteErrorMessage");import{i18n as yn}from"@lingui/core";var $t=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 Ie(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new Ie(1e3)))??!1}i(Ra,"hasHighValueLoss");function Jr(t){return(t?.result?.swaps||[]).filter(e=>{let o=e.fromAmountMinValue?new Ie(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Ie(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 Ie(l.fromAmountMinValue):null,c=l.fromAmountMaxValue?new Ie(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 Ie(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Ie(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",s="",a="";return!r&&o&&o.gt(e.fromAmount)?(s=Ve.t({id:"Required: >= {min} {symbol}",values:{min:I(o,6,6),symbol:e.from.symbol}}),a=j().bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(s=Ve.t({id:"Required: > {min} {symbol}",values:{min:I(o,6,6),symbol:e.from.symbol}}),a=j().bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(s=Ve.t({id:"Required: <= {max} {symbol}",values:{max:I(n,6,6),symbol:e.from.symbol}}),a=j().bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(s=Ve.t({id:"Required: < {max} {symbol}",values:{max:I(n,6,6),symbol:e.from.symbol}}),a=j().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:$t().connectWallet,action:"connect-wallet",disabled:!0}:o?n||!s||!s.result||l||!r||r==="0"?{title:$t().swap,action:"confirm-swap",disabled:!0}:a?{title:$t().swapAnyway,action:"confirm-warning",disabled:!1}:p?{title:$t().ethWarning,action:"confirm-warning",disabled:!1}:{title:$t().swap,action:"confirm-swap",disabled:!1}:{title:$t().connectWallet,action:"connect-wallet",disabled:!1}}i(el,"getSwapButtonState");function Rr(t,e,o){return!((!o||o.lte(be))&&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=be;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 Ie(r.amount).multipliedBy(s||0))}return o}i(jd,"getUsdFeeOfStep");function Cn(t,e){return t.reduce((o,n)=>o.plus(jd(n,e)),be)}i(Cn,"getTotalFeeInUsd");function ei(t){let e=be;return e=e.plus(new Ie(t.amount).multipliedBy(t.price||0)),e}i(ei,"getUsdFee");function tl(t){return t.reduce((e,o)=>e.plus(ei(o)),be)}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:g,affiliateWallets:m,initialQuote:f,destination:T}=t,S=s?.reduce((C,w)=>(C[w.chain]=w.address,C),{}),d=[];r?.forEach(C=>{let w=d.find(A=>A.blockchain===C.chain);w?w.addresses.push(C.address):d.push({blockchain:C.chain,addresses:[C.address]})});let y=!!f,v=Vt((f?.result?.swaps||[]).reduce((C,w)=>(C.push(w.from.blockchain,w.to.blockchain),w.internalSwaps&&Array.isArray(w.internalSwaps)&&w.internalSwaps.map(A=>{C.push(A.from.blockchain,A.to.blockchain)}),C),[]));return{amount:n.toString(),affiliateRef:u??void 0,affiliatePercent:g??void 0,affiliateWallets:m??void 0,checkPrerequisites:y,from:{address:e.address,blockchain:e.blockchain,symbol:e.symbol},to:{address:o.address,blockchain:o.blockchain,symbol:o.symbol},connectedWallets:d,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},...y&&{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 Xt(t){return t.result?.outputAmount||null}i(Xt,"getQuoteOutputAmount");function sl(t,e){return new Ie(e).div(new Ie(t)).minus(1).multipliedBy(100).toNumber()}i(sl,"getPercentageChange");function al(t,e){let o=Xt(t),n=Xt(e);if(!o||!n)return!1;let r=Oe(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=I(new Ie(a.currentAmount.amount).shiftedBy(-a.currentAmount.decimals),8,8),c=I(new Ie(a.requiredAmount.amount).shiftedBy(-a.requiredAmount.decimals),8,8),u="";return a.reason==="FEE"&&(u=Ve.t(" for network fee")),a.reason==="INPUT_ASSET"&&(u=Ve.t(" for swap")),a.reason==="FEE_AND_INPUT_ASSET"&&(u=Ve.t(" for input and network fee")),Ve.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:Ue(a.asset.blockchain,o)}})})}i(ll,"generateBalanceWarnings");function pl(t,e){return(t?new Ie(t):be).multipliedBy(e||0)}i(pl,"calcOutputUsdValue");function yo(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==Sn.NetworkChanged}i(yo,"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,"")),yo(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case Sn.WaitingForConnectingWallet:n=n||Ve.t("Waiting for connecting wallet");break;case Sn.WaitingForQueue:n=n||Ve.t("Waiting for other running tasks to be finished");break;case Sn.WaitingForNetworkChange:n=n||Ve.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),g=s?s.outputAmount??"":t.inputAmount;return{fromBlockchain:l,fromToken:c,toBlockchain:p,toToken:u,inputAmount:g}}i(Sl,"createRetryQuote");function wn(t,e){let{fromToken:o,toToken:n,tokens:r,userSlippage:s}=e,a=_t(o,t.requestAmount),l=_t(n,t.result?.outputAmount??"");if(t.result&&a&&l){let u=Oe(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>Fa;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 Oe(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(Oe,"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 _t=i((t,e)=>t?.usdPrice?new bt(e||be).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),X=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=be;return mo(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:_t(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:_t(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:_t(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:_t(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}=X(),c=h().config,u=h().fetchStatus,g=h().blockchains(),m=h().tokens(),{setAffiliateRef:f,setAffiliatePercent:T,setAffiliateWallets:S}=h(),d=c?.from?.tokens,y=c?.from?.blockchains,v=c?.to?.tokens,x=c?.to?.blockchains,C=vn(void 0),w=vn(void 0),A=vn(void 0),b=vn(void 0);Kt(()=>{t(c?.amount?.toString()||"")},[c?.amount]),Kt(()=>{if(u==="success"){let k=g.find(N=>N.name===c?.from?.blockchain),E=m.find(N=>Ae(N,c?.from?.token||null));(k||!k&&A.current)&&n(k??null),E?r({token:E,meta:{blockchains:g,tokens:m}}):!E&&C.current&&r({token:null}),A.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]),Kt(()=>{fo(s,d)&&r({token:null}),Gr(l,y)&&n(null)},[d,y]),Kt(()=>{fo(a,v)&&r({token:null}),Gr(p,x)&&o(null)},[v,x]),Kt(()=>{if(u==="success"){let k=g.find(N=>N.name===c?.to?.blockchain),E=m.find(N=>Ae(N,c?.to?.token||null));(k||!k&&b.current)&&o(k??null),E?e({token:E,meta:{blockchains:g,tokens:m}}):!E&&w.current&&e({token:null}),b.current=c?.to?.blockchain,w.current=c?.to?.token}},[c?.to?.token?.symbol,c?.to?.token?.address,c?.to?.token?.blockchain,c?.to?.blockchain,u]),Kt(()=>{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}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:g,setInputAmount:m}=X(),f=h().fetchStatus,T=h().blockchains(),S=h().tokens(),d=Zd(),{updateIframe:y}=h(),v=i(()=>{let C=e.get("fromAmount"),w=e.get("fromBlockchain"),A=e.get("fromToken"),b=e.get("toBlockchain"),k=e.get("toToken"),E=e.get("autoConnect"),N=e.get("clientUrl");return{fromAmount:C,fromBlockchain:w,fromToken:A,toBlockchain:b,toToken:k,autoConnect:E,clientUrl:N}},"getUrlSearchParams"),x=i(C=>{for(let w in C)C[w]||delete C[w];o(C,{replace:!0})},"updateUrlSearchParams");ai(()=>{let{autoConnect:C,clientUrl:w}=v();d&&f==="success"&&x({["fromBlockchain"]:n?.name,["fromToken"]:si(s),["toBlockchain"]:r?.name,["toToken"]:si(a),["fromAmount"]:l,["autoConnect"]:C??void 0,["clientUrl"]:w??void 0})},[t.pathname,l,n,s,r,a]),ai(()=>{if(!d)return;let C=v();if(C.fromAmount&&m(C.fromAmount),f==="success"){let w=T.find(E=>E.name===C.fromBlockchain),A=ii(S,C.fromToken,w??null),b=T.find(E=>E.name===C.toBlockchain),k=ii(S,C.toToken,b??null);w&&(p(w),A&&u({token:A,meta:{blockchains:T,tokens:S}})),b&&(c(b),k&&g({token:k,meta:{blockchains:T,tokens:S}}))}},[f]),ai(()=>{let{clientUrl:C}=v();y("clientUrl",C||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 zc,Button as Fh,css as rs,Divider as ns,IconButton as qc,SettingsIcon as Uh,styled as Oh,Tooltip as zh,Typography as qh,WalletIcon as Gh}from"@rango-dev/ui";import pe,{useEffect as Bo,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 ot}from"@lingui/core";import{Alert as $i,BalanceErrors as Lg,Button as Ap,ChevronDownIcon as Ng,ChevronLeftIcon as Bg,Divider as to,MessageBox as Mg,Typography as Vn,WalletIcon as Pg}from"@rango-dev/ui";import B,{useEffect as $g,useState as Ft}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 Yt from"@radix-ui/react-collapsible";import{keyframes as kl,styled as An}from"@rango-dev/ui";var pi=300,rf=kl({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),sf=kl({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),wl=An(Yt.Root,{borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),ci=An(Yt.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit",cursor:"pointer"}),In=An(Yt.Content,{overflow:"hidden",variants:{open:{true:{animation:`${rf} ${pi}ms ease-out`},false:{animation:`${sf} ${pi}ms ease-out`}}}}),En=An("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(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(In,{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 vl,darkTheme as Jt,IconButton as pf,styled as ze,TextField as cf}from"@rango-dev/ui";var xl=ze("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),bl=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",[`.${Jt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",alignItems:"center",cursor:"pointer",width:110,position:"relative","&:hover":{$$color:"$colors$info100",[`.${Jt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$color:"$colors$info100",[`.${Jt} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color",outline:0},variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary",outlineStyle:"solid"}}}}),Al=ze(uf,{alignSelf:"stretch",minHeight:"93px"}),Il=ze("div",{padding:"$20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),El=ze(pf,{position:"absolute",left:"$20"}),Wl=ze("div",{paddingTop:"$20"}),Ll=vl({display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),Nl=ze("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=ze("div",{display:"flex"}),Pl=ze(cf,{backgroundColor:"$neutral100",padding:"$0 $15 $15 $15"}),$l=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",[`.${Jt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color","&:hover":{$$color:"$colors$info100",[`.${Jt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$background:"$colors$info100",[`.${Jt} &`]:{$$background:"$colors$info700"},backgroundColor:"$$background",outline:0}});import{i18n as Xe}from"@lingui/core";import{Button as Ag,Divider as Mi,Image as Ig,MessageBox as Qn,SelectableWallet as Eg,Typography as wp,WalletState as vp}from"@rango-dev/ui";import ae,{useEffect as xp,useState as ko}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}=Q(),u=h().blockchains(),g=Wa(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||hf,m=ga(s,l,g,o),f=wa(m),[T,S]=gf(""),d=i(w=>!c.find(A=>A.walletType===w&&A.chain===o),"isExperimentalChainNotAdded"),y=i(async w=>{let A=s(w);try{if(T&&S(""),A.connected)await a(w);else{let b=!!m.find(k=>k.state===ui.CONNECTED);if(!e?.multiWallets&&b)return;n?.(w),await p(w),r?.(w)}}catch(b){S("Error: "+b?.message)}},"handleClick"),v=i(()=>{let w=m?.filter(A=>A.state===ui.CONNECTING)||[];for(let A of w)a(A.type)},"disconnectConnectingWallets");ff(()=>()=>{v()},[]);let x=i(w=>w.filter(b=>b.state!=ui.NOT_INSTALLED&&![Nn.DEFAULT,Nn.WALLET_CONNECT_2].includes(b.type)&&l(b.type).supportedChains.filter(k=>k.type=="EVM").length>0).length==0,"shouldShowDefaultInjectedWallet"),C=i((w,A,b)=>on(b,A)&&d(w)&&!df.includes(w)||w==Nn.DEFAULT&&!x(m),"shouldExcludeWallet");return{list:f.filter(w=>!C(w.type,o??"",u)),error:T,handleClick:y}}i(Bn,"useWalletList");import{i18n as gp}from"@lingui/core";import{styled as yp,Typography as Cg,Wallet as Tg,WalletState as kg}from"@rango-dev/ui";import eo,{useState as hp}from"react";import{useManager as pg}from"@rango-dev/queue-manager-react";import{BottomLogo as cg,Divider as ap,Header as ug}from"@rango-dev/ui";import me,{useEffect as lp,useRef as pp}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}=h(),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 At(){let t=Sf();return()=>t(-1)}i(At,"useNavigateBack");import{createTheme as hi,darkTheme as vf,lightTheme as xf}from"@rango-dev/ui";import{useEffect as Ol,useState as bf}from"react";import{theme as kf,darkColors as wf}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"),Cf=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"),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:`${qr}-light-${fi(p)}`,tokens:p}}if(r){let p={colors:o};l={id:`${qr}-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=Ea,borderRadius:n=Aa,secondaryBorderRadius:r=Ia,mode:s="auto"}=t,[a,l]=bf("light"),{setTheme:p,theme:c}=h(),{dark:u,light:g}=gi(e),m=hi({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),f=[m.className,xf.className],T=[m.className,vf.className];if(g){let d=hi(g.id,g.tokens);f.push(d.className)}if(u){let d=hi(u.id,u.tokens);T.push(d.className)}return Ol(()=>{let d=i(y=>{y.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",d),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",d)}},[]),Ol(()=>{s!=="auto"&&p(s)},[s]),{activeTheme:i(()=>{let d=f.join(" "),y=T.join(" ");return c==="auto"?a==="dark"?y:d:c==="dark"?y:d},"getActiveTheme")}}i($n,"useTheme");var It=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 zl}from"@lingui/core";import{Alert as Af,Button as If}from"@rango-dev/ui";import ql from"react";function yi(t){return ql.createElement(Af,{action:ql.createElement(If,{onClick:t.onActivateTab,variant:"contained",size:"xxsmall",type:"warning"},zl.t("Activate")),type:"warning",variant:"alarm",title:zl.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:L()},_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 Vl from"react";import{darkTheme as Nf,IconButton as Bf,styled as So}from"@rango-dev/ui";var qe=So(Bf,{width:"$24",position:"relative",padding:"0",overflow:"unset"}),Gl=So("div",{position:"absolute",background:"$secondary500",[`.${Nf} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),Zt=So("div",{display:"flex",justifyContent:"flex-end",minWidth:"$40",button:{padding:0}}),Hl=So("div",{position:"absolute",backgroundColor:"$secondary500",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0"}),Ql=So("div",{padding:"$2",variants:{isRefetched:{true:{transform:"rotate(360deg)",transition:"transform 1s ease-in-out"}}}});function Ti(t){return Vl.createElement(qe,{variant:"ghost",size:"small",onClick:t.onClick},Vl.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(Zt,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(qe,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&Dn.createElement(Gl,null),Dn.createElement(Uf,{size:18,color:"black"})))}i(vi,"WalletButton");import{i18n as zn}from"@lingui/core";import{NotificationsIcon as ig,Popover as sg,SettingsIcon as ag,Tooltip as qn,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 Zl,ChevronRightIcon as Kf,ListItemButton as Yf,Typography as Jf}from"@rango-dev/ui";import je from"react";import{useNavigate as Zf}from"react-router-dom";import{create as Of}from"zustand";import{persist as zf,subscribeWithSelector as qf}from"zustand/middleware";var Pe=wt(Of()(zf(qf((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 Gf}from"@lingui/core";import{Divider as Hf,NoNotificationIcon as Qf,Typography as Vf}from"@rango-dev/ui";import Un from"react";function Jl(){return Un.createElement(Yl,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(Jl,"NotificationNotFound");var Rf=4;function xi(){let t=Zf(),{getUnreadNotifications:e}=Pe(),o=e(),n=h().blockchains(),r=h().tokens(),s=o.sort((l,p)=>p.creationTime-l.creationTime).slice(0,Rf),a=i(l=>{t(`${P.swaps}/${l}`)},"handleOnClick");return je.createElement(jl,null,s.length?je.createElement(Xl,null,s.map(l=>{let{route:p,requestId:c,event:u}=l,g=r.find(S=>Ae(S,p.from)),m=n.find(S=>S.name===p.from.blockchain),f=r.find(S=>Ae(S,p.to)),T=n.find(S=>S.name===p.to.blockchain);return je.createElement(Yf,{key:c,onClick:()=>a(c),title:je.createElement(Jf,{variant:"body",size:"small",color:u.messageSeverity===Xf.WARNING?"$foreground":"$neutral700"},jf.t(u.message)),id:c,start:je.createElement(Kl,null,je.createElement("div",{className:"from-chain-token"},je.createElement(Zl,{tokenImage:g?g.image:"",chainImage:m?m.logo:"",size:"small"})),je.createElement("div",{className:"to-chain-token"},je.createElement(Zl,{tokenImage:f?f.image:"",chainImage:T?T.logo:"",size:"small"}))),end:je.createElement(Kf,{size:12,color:"gray"})})})):je.createElement(Jl,null))}i(xi,"NotificationContent");import{RefreshProgressButton as eg}from"@rango-dev/ui";import bi,{useEffect as tg,useState as Rl}from"react";var og=1e3,ep=60,ng=100;function On({onClick:t}){let[e,o]=Rl(0),[n,r]=Rl(!1),s=i(p=>{document.hidden&&p&&a(p)},"handleVisibilityChange");tg(()=>{let p;return t?p=window.setInterval(()=>{o(c=>c+1),e===ep&&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(qe,{variant:"ghost",size:"small",onClick:l,disabled:!t},bi.createElement(Ql,{onTransitionEnd:()=>r(!1),isRefetched:n},bi.createElement(eg,{size:24,color:t?"black":"gray",progress:e/ep*ng})))}i(On,"RefreshButton");import{Typography as rg}from"@rango-dev/ui";import tp from"react";function op(){let{getUnreadNotifications:t}=Pe(),e=t().length;return e?tp.createElement(Hl,null,tp.createElement(rg,{variant:"body",size:"xsmall",color:"$background"},e)):null}i(op,"UnreadNotificationsBadge");function Ai(t){let{onClickRefresh:e,onClickHistory:o,onClickSettings:n}=t,{config:{features:r}}=h(),s=Fe("notification",r);return Ce.createElement(Ce.Fragment,null,Ce.createElement(qn,{container:L(),side:"top",content:zn.t("Refresh")},Ce.createElement(On,{onClick:e})),!s&&Ce.createElement(sg,{align:"end",alignOffset:-88,collisionPadding:{right:20,left:20},container:L(),content:Ce.createElement(xi,null)},Ce.createElement("div",null,Ce.createElement(qn,{container:L(),side:"top",content:zn.t("Notifications")},Ce.createElement(qe,{size:"small",variant:"ghost"},Ce.createElement(ig,{size:18,color:"black"}),Ce.createElement(op,null))))),Ce.createElement(qn,{container:L(),side:"top",content:zn.t("Settings")},Ce.createElement(qe,{size:"small",variant:"ghost",onClick:n},Ce.createElement(ag,{size:18,color:"black"}))),Ce.createElement(qn,{container:L(),side:"top",content:zn.t("Transactions History")},Ce.createElement(qe,{size:"small",variant:"ghost",onClick:o},Ce.createElement(lg,{size:18,color:"black"}))))}i(Ai,"HomeButtons");function Ii(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(Ii,"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 re(t){let{connectHeightObserver:e,disconnectHeightObserver:o}=mi(),{children:n,header:r,footer:s,height:a="fixed"}=t,l=Q.use.connectedWallets(),{config:{features:p,theme:c}}=h(),{watermark:u}=ee(),g=u==="FULL",{activeTheme:m}=$n(c||{}),f=Fe("connectWalletButton",p),{isActiveTab:T,tabManagerInitiated:S,showActivateTabModal:d,setShowActivateTabModal:y,activateCurrentTab:v}=ee(),x=At(),{manager:C}=pg(),A=It(C).map(({swap:F})=>F).some(F=>F.status==="running"),b=i(()=>v(un,A),"onActivateTab"),k=i(()=>{r.onWallet?.()},"onConnectWallet"),E=typeof r.hasBackButton>"u"||r.hasBackButton,N=pp(null),z=pp(null);return lp(()=>(Mn()&&z.current&&e(z.current),()=>{o()}),[]),lp(()=>(N.current?.addEventListener("scroll",Ii),()=>{N.current?.removeEventListener("scroll",Ii)}),[]),me.createElement(rp,{height:a,id:xe.SWAP_BOX_ID,className:m(),ref:z},me.createElement(ug,{prefix:me.createElement(me.Fragment,null,E&&me.createElement(Ti,{onClick:x})),title:r.title,suffix:me.createElement(me.Fragment,null,r.suffix,r.onWallet&&!f&&me.createElement(vi,{container:L(),onClick:k,isConnected:!!l?.length}),r.onCancel&&me.createElement(wi,{onClick:r.onCancel}))}),me.createElement(ip,{ref:N},n),me.createElement(Ci,{open:d,onClose:()=>y(!1),onConfirm:b}),me.createElement(sp,null,me.createElement("div",{className:"footer__content"},s,S&&!T&&me.createElement(me.Fragment,null,me.createElement(ap,{size:12}),me.createElement(yi,{onActivateTab:b}))),me.createElement(ap,{size:12}),me.createElement("div",{className:`footer__logo ${g?"logo__show":"logo__hidden"}`},me.createElement(cg,null))))}i(re,"Layout");import{styled as mg}from"@rango-dev/ui";var cp="$20 $20 $10 $20",Co=mg("div",{padding:cp,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 Rt}from"@lingui/core";import{Image as hg,MessageBox as Wi,WalletState as yg}from"@rango-dev/ui";import Dt from"react";import{keyframes as fg,styled as Gn}from"@rango-dev/ui";var fI=Gn("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),up=Gn("div",{position:"relative"}),gg=fg({"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:`${gg} 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===yg.CONNECTED?Dt.createElement(Wi,{type:"success",title:Rt.t("Wallet Connected"),description:Rt.t("Your wallet is connected, you can use it to swap.")}):n?Dt.createElement(Wi,{type:"error",title:Rt.t("Failed to Connect"),description:n||Rt.t("Your wallet is not connected. Please try again.")}):Dt.createElement(Wi,{type:"loading",title:Rt.t("Connecting to your wallet"),description:Rt.t("Click connect in your wallet popup."),icon:Dt.createElement(up,null,Dt.createElement(dp,null,Dt.createElement(hg,{src:o,size:45})),Dt.createElement(mp,null))})}i(fp,"ModalContent");function To(t){let{open:e,onClose:o,...n}=t;return Li.createElement(ie,{open:e,onClose:o,container:document.getElementById(xe.SWAP_BOX_ID)||document.body},Li.createElement(fp,{...n}),Li.createElement(Sg,{direction:"vertical",size:32}))}i(To,"WalletModal");var wg=yp("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),vg=yp(se,{textAlign:"center"}),Hn=3e3,Ni=300;function Sp(){let{config:t,fetchStatus:e}=h(),[o,n]=hp(!1),[r,s]=hp(""),a=null,l=ee.use.isActiveTab(),{list:p,handleClick:c,error:u}=Bn({config:t,onBeforeConnect:T=>{a=setTimeout(()=>{n(!0),s(T)},Ni)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},Hn)}}),g=p.find(T=>T.type===r),m=g?.image||"",f=g?.state||kg.NOT_INSTALLED;return eo.createElement(re,{header:{title:gp.t("Connect Wallets")}},eo.createElement(vg,null,eo.createElement(Cg,{variant:"title",size:"xmedium",align:"center"},gp.t("Choose a wallet to connect.")),eo.createElement(wg,null,p.map((T,S)=>{let d=`wallet-${S}-${T.type}`;return eo.createElement(Tg,{key:d,...T,container:L(),onClick:y=>{c(y)},isLoading:e==="loading",disabled:!l})}),eo.createElement(To,{open:!!o,onClose:()=>n(!1),image:m,state:f,error:u}))))}i(Sp,"WalletsPage");import{keyframes as xg,styled as Bi}from"@rango-dev/ui";var Cp=Bi("div",{position:"relative"}),bg=xg({"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:`${bg} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),kp=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}=h(),l=ee.use.isActiveTab(),p=Q.use.connectedWallets(),{blockchains:c}=h(),[u,g]=ko(""),[m,f]=ko(null),[T,S]=ko(!1),[d,y]=ko(null),{suggestAndConnect:v}=bp(),x=null,{list:C,error:w,handleClick:A}=Bn({config:a,chain:e,onBeforeConnect:W=>{x=setTimeout(()=>{g(W)},Ni)},onConnect:()=>{x&&clearTimeout(x),setTimeout(()=>{g("")},Hn)}}),[b,k]=ko(C),E=C.length,N=r&&E-r>0,z=i(async W=>{S(!1),y("in-progress");try{await v(W.walletType,W.chain),y("completed")}catch{y("rejected")}},"addExperimentalChain");xp(()=>{k(W=>{let J=C.findIndex(te=>o(te.type,e));return N&&J>1?[C[J]].concat(C.filter((te,R)=>R!==J)):W.map(te=>C.find(R=>R.type===te.type)??te)})},[JSON.stringify(C)]);let F=document.getElementById(xe.SWAP_BOX_ID);return xp(()=>{let W=null;return(d==="completed"||d==="rejected")&&(W=setTimeout(()=>y(null),Hn)),()=>{W&&clearTimeout(W)}},[d]),ae.createElement(ae.Fragment,null,b.slice(0,r).map(W=>{let J=va({connectedWallets:p,walletType:W.type,chain:e}),te=J?rn(J,Wg):"",R=on(c(),e),fe=!p.find(ke=>ke.walletType===W.type&&ke.chain===e),G=R&&fe&&W.state===vp.CONNECTED,De=G?Xe.t({id:"Add {chain} chain",values:{chain:e}}):te,K=i(()=>{W.state===vp.DISCONNECTED?A(W.type):G?(f({walletType:W.type,chain:e,address:J??""}),S(!0)):n({walletType:W.type,chain:e,address:J??""})},"onClick"),U=m?.chain?Ja(m.chain,c()):void 0;return ae.createElement(ae.Fragment,null,ae.createElement(To,{open:u===W.type,onClose:()=>g(""),image:W.image,state:W.state,error:w}),!!m&&ae.createElement(ie,{open:!!m&&T,container:F,onClose:()=>{f(null)}},ae.createElement(Qn,{title:Xe.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:U}}),type:"warning",description:Xe.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:U}})},ae.createElement(Mi,{size:18}),ae.createElement(Mi,{size:32}),ae.createElement(Ag,{onClick:z.bind(null,m),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},Xe.t("Confirm")))),d&&ae.createElement(ie,{open:!!d,onClose:y.bind(null,null),container:F},d==="in-progress"&&ae.createElement(Qn,{type:"loading",title:Xe.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:U}}),description:Xe.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:U}}),icon:ae.createElement(Cp,null,ae.createElement(kp,null,ae.createElement(Ig,{src:W.image,size:45})),ae.createElement(Tp,null))}),d==="completed"&&ae.createElement(Qn,{type:"success",title:Xe.t({id:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:U}}),description:Xe.t({id:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:U}})}),d==="rejected"&&ae.createElement(Qn,{type:"error",title:Xe.t("Request Rejected"),description:Xe.t({id:"You've rejected adding {blockchainDisplayName} chain to your wallet.",values:{blockchainDisplayName:U}})}),ae.createElement(Mi,{direction:"vertical",size:32})),ae.createElement(Eg,{key:W.type,description:De,onClick:K,selected:o(W.type,e),disabled:!l,...W}))}),N&&ae.createElement(Al,{selected:!1,onClick:s},ae.createElement(wp,{variant:"label",size:"medium"},Xe.t("Show more wallets"),ae.createElement(wp,{variant:"label",size:"medium",color:"$primary"},"\xA0+",E-(r??0)))))}i(Pi,"WalletList");var Dg=2;function Ip(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,loading:s}=t,a=h().config,l=h().blockchains(),{quote:p,setSelectedWallets:c,quoteWalletsConfirmed:u,setQuoteWalletConfirmed:g,customDestination:m,setCustomDestination:f}=X(),{connectedWallets:T,selectWallets:S}=Q(),[d,y]=Ft(""),[v,x]=Ft([]),[C,w]=Ft(""),[A,b]=Ft(null),[k,E]=Ft(m),[N,z]=Ft(!!m),F=gn(p),W=l.find(_=>_.name===p?.result?.swaps[p?.result?.swaps.length-1].to.blockchain),J=i(_=>!!p?.result?.swaps.find(V=>V.from.blockchain===_),"isWalletRequiredFor"),[te,R]=Ft(T.filter(_=>_.selected&&F.includes(_.chain))),fe=l.find(_=>_.name===W?.name),G=i((_,V)=>!!te.find(H=>H.walletType===_&&H.chain===V&&H.selected&&(J(V)||!J(V)&&!k)),"isSelected"),De=!!k&&N&&fe&&!hn(fe,k),K=i(()=>{z(!1),E(""),R(_=>{let V=!1;return _.map(H=>!V&&H.chain===W?.name?(V=!0,{...H,selected:!0}):H)})},"resetCustomDestination"),U=i(_=>{if(d&&y(""),G(_.walletType,_.chain))return;let H=T.find(ce=>ce.walletType===_.walletType&&ce.chain===_.chain);H&&(n(),_.chain===W?.name&&N&&(z(!1),E("")),R(ce=>ce.filter(mt=>mt.chain!==_.chain).concat({...H,selected:!0})))},"onChange"),ke=i(()=>{let _=te.filter(V=>V.selected);S(_),c(_),f(k),g(!0),o()},"onConfirmBalance"),ct=i(async()=>{x([]),w(""),b(null);let _=T.filter(ce=>te.find(mt=>mt.chain===ce.chain&&mt.walletType===ce.walletType)),V=await r?.({selectedWallets:_,customDestination:k}),H=V.warnings;H?.balance?.messages&&x(H.balance.messages),H?.quoteUpdate&&b(H.quoteUpdate),V.error&&w(Za(V.error)),!V.error&&(!H?.balance?.messages.length||0>0)?ke():x(H?.balance?.messages??[])},"onConfirmWallets");$g(()=>{R(_=>_.concat(T.filter(V=>!!!_.find(ce=>ce.chain===V.chain)&&V.selected&&F.includes(V.chain))))},[T.length]);let Le=document.getElementById(xe.SWAP_BOX_ID),ut=_g();return B.createElement(ie,{open:e,onClose:()=>{u||ut("../",{replace:!0}),o()},dismissible:!d,container:Le,...!d&&{footer:B.createElement(Ml,null,B.createElement(Ap,{loading:s,disabled:dl(s,N,k,p,te,W),onClick:ct,variant:"contained",type:"primary",fullWidth:!0,size:"large"},ot.t("Confirm")))},...d&&{containerStyle:{padding:"$0"},header:B.createElement(Il,null,B.createElement(El,{variant:"ghost",onClick:y.bind(null,"")},B.createElement(Bg,{size:16})),B.createElement(Vn,{variant:"headline",size:"small"},ot.t({id:"Your {blockchainName} wallets",values:{blockchainName:Ue(d,l)}})))},anchor:"center"},B.createElement(ie,{open:v.length>0,onClose:x.bind(null,[]),container:Le},B.createElement(Mg,{title:ot.t("Insufficient account balance"),type:"error",description:B.createElement(Lg,{messages:v??[]})},B.createElement(Ap,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:ke},ot.t("Proceed anyway")))),d&&B.createElement(Wl,null,B.createElement("div",{className:Ll()},B.createElement(Pi,{chain:d,isSelected:G,selectWallet:U,onShowMore:y.bind(null,d)}))),!d&&B.createElement(B.Fragment,null,C&&B.createElement(B.Fragment,null,B.createElement($i,{variant:"alarm",type:"error",title:ot.t(C)}),B.createElement(to,{size:12})),A&&B.createElement(B.Fragment,null,B.createElement($i,{variant:"alarm",type:"warning",title:bn(A)}),B.createElement(to,{size:12})),B.createElement($l,null,F.map((_,V)=>{let H=l.find(Qe=>Qe.name===_),ce=`wallet-${V}`,mt=V===F.length-1;return B.createElement("div",{key:ce},B.createElement(xl,null,B.createElement(Vn,{variant:"title",size:"xmedium"},ot.t({id:"Your {blockchainName} wallets",values:{blockchainName:H?.shortName}})),B.createElement(Vn,{variant:"label",color:"$neutral700",size:"medium"},ot.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:H?.shortName}}))),B.createElement(to,{size:24}),B.createElement(bl,null,B.createElement(Pi,{chain:_,isSelected:G,selectWallet:U,limit:Dg,onShowMore:()=>y(H?.name??"")})),!mt&&B.createElement(to,{size:32}),mt&&a?.customDestination&&B.createElement(Nl,null,B.createElement(Ln,{onOpenChange:Qe=>{Qe?J(W?.name??"")||R(Dr=>Dr.map(Me=>Me.chain===W?.name?{...Me,selected:!1}:Me)):K()},hasSelected:!0,open:N,triggerAnchor:"top",trigger:B.createElement(_l,{fullWidth:!0,variant:"default",suffix:B.createElement(En,{orientation:N?"up":"down"},B.createElement(Ng,{size:10,color:"gray"}))},B.createElement("div",{className:"button__content"},B.createElement(Pg,{size:18,color:"info"}),B.createElement(to,{size:4,direction:"horizontal"}),B.createElement(Vn,{variant:"label",size:"medium"},ot.t("Send to a different address")))),onClickTrigger:()=>z(Qe=>!Qe)},B.createElement(to,{size:4}),B.createElement(Pl,{autoFocus:!0,placeholder:ot.t("Your destination address"),value:k,onChange:Qe=>{E(Qe.target.value)}})),De&&B.createElement("div",{className:Bl()},B.createElement($i,{variant:"alarm",type:"error",title:ot.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 $e from"react";import{Alert as Fg,Button as Ug,Divider as Mp,NoRouteIcon as Og,RefreshIcon as zg,Typography as Pp}from"@rango-dev/ui";import Ke from"react";import{i18n as Ep}from"@lingui/core";function Wp(t,e,o,n){return t?.type===1?{alert:{type:"warning",text:j().genericServerError,action:{onClick:n,title:Ep.t("Retry")}},description:""}:e.length?{alert:{type:"warning",text:j().liquiditySourcesError.title,action:{onClick:()=>o(!0),title:Ep.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(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=h().disabledLiquiditySources,r=h().toggleAllLiquiditySources,s=h().swappers(),a=Wp(o,n,()=>r(s,!0),e);return Ke.createElement(Lp,null,Ke.createElement(Og,{size:24,color:"gray"}),Ke.createElement(Mp,{size:4}),Ke.createElement(Pp,{variant:"title",size:"small"},j().noResultError.title),!!a.description&&Ke.createElement(Pp,{variant:"body",size:"small",align:"center",color:"neutral700"},a.description),Ke.createElement(Mp,{size:4}),!!a.alert&&Ke.createElement(Np,null,Ke.createElement(Fg,{type:a.alert.type,title:a.alert.text,action:a.alert.action&&Ke.createElement(Ug,{size:"xsmall",type:a.alert.type,prefix:Ke.createElement(Bp,null,Ke.createElement(zg,{size:8})),onClick:a.alert.action.onClick},a.alert.action.title),variant:"alarm"})))}i(Di,"NoResult");import{i18n as wo}from"@lingui/core";import{Button as Gg,Divider as Op,MessageBox as Hg,Typography as Qg,WarningIcon as Vg}from"@rango-dev/ui";import nt from"react";import{Typography as Fp}from"@rango-dev/ui";import Ui from"react";import{darkTheme as qg,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",[`.${qg} &`]:{$$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 zp(t){let{open:e,onClose:o,onConfirm:n,warning:r,confirmationDisabled:s}=t,a=r.warningLevel==="high"?"error":"warning",l=[{title:wo.t("Swapping"),value:I(r.inputUsdValue,4,4)},{title:wo.t("Gas cost"),value:I(r.totalFee,2,2)},{title:wo.t("Receiving"),value:I(r.outputUsdValue,4,4)},{title:wo.t("Price impact"),value:I(r.priceImpact,2,2),valueColor:`${a}500`}];return nt.createElement(ie,{open:e,onClose:o,container:L()},nt.createElement(Hg,{type:a,title:j().highValueLossError.impactTitle,description:j().highValueLossError.description}),nt.createElement(Fi,null,nt.createElement(Op,{size:20}),nt.createElement(Qg,{size:"small",variant:"title"},wo.t("Details")),nt.createElement(Fi,null,l.map((p,c)=>nt.createElement(Up,{key:c,...p})))),nt.createElement(Op,{size:32}),nt.createElement(Gg,{type:"primary",size:"large",prefix:nt.createElement(Vg,null),fullWidth:!0,disabled:s,onClick:n},j().highValueLossError.confirmMessage))}i(zp,"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 ro}from"@lingui/core";import{Button as Gp,Divider as Hp,MessageBox as jg,Typography as Xg}from"@rango-dev/ui";import Ut from"react";import{useNavigate as Kg}from"react-router-dom";function Qp(t){let{customSlippage:e,slippage:o}=h(),{open:n,onClose:r,onConfirm:s,warning:a,confirmationDisabled:l}=t,p=Kg(),c=e??o;return Ut.createElement(ie,{anchor:"bottom",open:n,prefix:Ut.createElement(Gp,{size:"small",variant:"ghost",onClick:()=>p("../"+P.settings)},Ut.createElement(Xg,{variant:"label",size:"medium",color:"$neutral900"},ro.t("Change settings"))),container:L(),onClose:r},Ut.createElement(jg,{type:"warning",title:a.type===3?ro.t("High slippage"):ro.t("Low slippage"),description:a.type===3?ro.t({id:" Caution, your slippage is high (={userSlippage}). Your trade may be front run.",values:{userSlippage:c}}):ro.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:a.minRequiredSlippage}})},Ut.createElement(Hp,{size:18}),Ut.createElement(Hp,{size:32}),Ut.createElement(Gp,{size:"large",type:"primary",variant:"contained",fullWidth:!0,disabled:l,onClick:s},ro.t("Confirm anyway"))))}i(Qp,"SlippageWarningModal");import{Button as Yg,Divider as Jg,MessageBox as Zg,WarningIcon as Rg}from"@rango-dev/ui";import vo from"react";function Vp(t){let{open:e,onClose:o,onConfirm:n,confirmationDisabled:r}=t;return vo.createElement(ie,{open:e,onClose:o,container:L()},vo.createElement(Zg,{type:"warning",title:j().unknownPriceError.impactTitle,description:j().unknownPriceError.description}),vo.createElement(Jg,{size:32}),vo.createElement(Yg,{type:"primary",size:"large",prefix:vo.createElement(Rg,null),fullWidth:!0,disabled:r,onClick:n},j().unknownPriceError.confirmMessage))}i(Vp,"UnknownPriceWarningModal");function xo(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},g=o?.type===0||o?.type===1,m=qp(e,o?.type===3||o?.type===4?o:null);return $e.createElement($e.Fragment,null,g&&$e.createElement(Di,{error:o,fetch:s}),!!m&&$e.createElement($p,null,$e.createElement(th,{title:m.title,type:m.alertType,variant:"alarm",...m.action==="show-info"&&{action:$e.createElement(Dp,{onClick:a},$e.createElement(nh,{size:12,color:"gray"}))},...m.action==="change-settings"&&{action:$e.createElement(oh,{size:"xxsmall",type:m.alertType,onClick:c},eh.t("Change"))}})),e&&$e.createElement($e.Fragment,null,e.type===0&&$e.createElement(zp,{...u,warning:e}),(e.type===3||e.type===2)&&$e.createElement(Qp,{...u,warning:e}),e.type===1&&$e.createElement(Vp,{...u,warning:e})))}i(xo,"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 Ah,Tooltip as Sc,Typography as Eo}from"@rango-dev/ui";import Cc from"bignumber.js";import D,{useRef as Ih,useState as Eh}from"react";import{styled as zi}from"@rango-dev/ui";var qi=zi("div",{width:"100%","& .position-top__skeleton":{paddingTop:"$10"}}),jp=zi("div",{paddingBottom:"$15"}),Xp=zi("div",{width:"100%",display:"flex"});import*as Xn from"@radix-ui/react-collapsible";import{css as Kn,darkTheme as rt,Image as Kp,styled as Ge,Typography as rh}from"@rango-dev/ui";var ih=300,Yp=Ge(Xn.Root,{display:"flex",flexDirection:"column",alignItems:"start",overflowX:"auto",overflowY:"hidden",width:"100%",borderRadius:"$xm",cursor:"default",variants:{recommended:{true:{$$color:"$colors$info300",[`.${rt} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"},false:{$$color:"$colors$neutral400",[`.${rt} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}}}}),Jp=Kn({padding:"$10 $15"}),Zp=Ge("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",[`.${rt} &`]:{$$color:"$colors$secondary600"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}},false:{$$color:"$colors$neutral200",[`.${rt} &`]:{$$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",[`.${rt} &`]:{$$color:"$colors$secondary700"},backgroundColor:"$$color"}}},{listItem:!0,recommended:!1,css:{"&:hover":{$$color:"$colors$neutral300",[`.${rt} &`]:{$$color:"$colors$neutral400"},backgroundColor:"$$color"}}}]}),Rp=Kn({width:"100%",padding:"$15 $15 $10 $15",cursor:"default"}),io=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",[`.${rt} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),tc=Ge(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",[`.${rt} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"},false:{$$color:"$colors$neutral400",[`.${rt} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}}},".blockchains_section":{display:"none"},"@xs":{".blockchains_section":{display:"block"}}}),oc=Ge("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=Ge(In,{width:"100%",background:"inherit"}),Gi=Ge("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$2",transition:`all ${ih}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),Z0=Ge("div",{height:"$12",marginLeft:"$10",marginRight:"$10",borderLeft:"1px solid $foreground"}),rc=Ge("div",{display:"flex",justifyContent:"center",margin:"0 $15",borderTop:"1px solid",$$color:"$colors$neutral300",[`.${rt} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color"}),ic=Ge("div",{width:"$16",height:"$16",justifyContent:"center",alignItems:"center",display:"flex"}),Hi=Ge(rh,{overflow:"hidden",textOverflow:"ellipsis",letterSpacing:.4}),sc=Ge("div",{display:"flex",flexWrap:"wrap"}),Qi=Ge("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 Ye}from"@rango-dev/ui";import mh from"bignumber.js";import O,{useState as cc}from"react";import{i18n as bo}from"@lingui/core";var Vi={"Network Fee":bo.t("Network Fee"),"Swapper Fee":bo.t("Protocol Fee"),"Affiliate Fee":bo.t("Affiliate Fee"),"Outbound network fee":bo.t("Outbound Fee"),"Rango Fee":bo.t("Rango Fee")};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"}),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=sh({display:"flex",flexDirection:"row",alignItems:"center",padding:"$5","&:hover":{"& ._typography, & svg":{color:"$secondary"}}});var dh=30,fh=i(t=>t.fee.isZero()?null:O.createElement(Jn,null,O.createElement(Ye,{variant:"label",size:"medium",color:"neutral600"},t.label),O.createElement(Ye,{variant:"label",size:"medium"},"$",I(t.fee,4,4))),"NonPayableFee");function uc(t){let[e,o]=cc(!1),[n,r]=cc(!1),{steps:s,quote:a}=t,l=h().tokens(),p=Yo(Jo(a.result?.swaps)),c=a.result?.swaps??[],u=L(),g=Cn(c,l),m=ol(c);return O.createElement(O.Fragment,null,O.createElement(ch,{onClickFee:()=>o(!e),fee:I(g,2,2),feeWarning:g.gte(new mh(dh)),time:p,steps:s,tooltipGas:Lt.t("View more info"),tooltipContainer:u}),O.createElement(ie,{container:u,open:e,header:O.createElement(lc,null,O.createElement(Ye,{variant:"title",size:"medium"},Lt.t("Gas & Fee Explanation")),O.createElement(ph,{onClick:()=>o(!1),variant:"ghost"},O.createElement(lh,{color:"gray",size:14}))),onClose:()=>o(!1)},O.createElement(ac,null,O.createElement(Ye,{variant:"title",size:"small"},Lt.t("Details")),O.createElement(Zn,{size:10}),Object.entries(m.payable).flatMap(([f,T])=>T.map((S,d)=>{let y=`payable-fee-${d}`,v=ei(S);return O.createElement(Jn,{key:y},O.createElement(Ye,{variant:"label",size:"medium",color:"neutral600"},Vi[f]),O.createElement(uh,{content:le(S.amount),container:u},O.createElement(Ye,{variant:"label",size:"medium"},I(S.amount,2,2)," ",S.asset.symbol," ($",I(v,4,4),")")))})),O.createElement(Jn,{className:"total_payable_fee"},O.createElement(Ye,{variant:"label",size:"medium"},Lt.t("Total Payable Fee")),O.createElement(Ye,{variant:"label",size:"medium"},"$",I(g,4,4))),O.createElement(ji,null),Object.keys(m.nonePayable).length&&O.createElement(Ln,{triggerAnchor:"bottom",onClickTrigger:()=>r(f=>!f),trigger:O.createElement("div",{className:pc()},O.createElement(Ye,{size:"small",variant:"body",color:"neutral700"},n?Lt.t("Hide non-payable fees"):Lt.t("Show non-payable fees")),O.createElement(Zn,{size:4,direction:"horizontal"}),O.createElement(En,{orientation:n?"up":"down"},O.createElement(ah,{size:12,color:"gray"}))),open:n},O.createElement(Ye,{size:"small",variant:"title"},Lt.t("Description")),O.createElement(Zn,{size:4}),O.createElement(Ye,{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.`)),O.createElement(Zn,{size:10}),Object.entries(m.nonePayable).map(([f,T],S)=>{let d=tl(T),y=Vi[f],v=`non-payable-fee-${S}`;return O.createElement(fh,{key:v,fee:d,label:y})}),O.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 gh,styled as hh}from"@rango-dev/ui";var mc=hh("div",{position:"relative",display:"flex",flexDirection:"column",width:"100%"}),dc=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(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 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,Io=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(Ch,{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]=kh(!1),g=i(()=>{window.innerWidth<wh?u(!0):u(!1)},"handleResize");return Th(()=>{window.addEventListener("resize",g)}),M.createElement(tc,{ref:m=>e.current=m,recommended:o,onClick:()=>n(m=>!m)},M.createElement("div",{className:io()},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(Sh,{size:12,color:"black"}));return c?M.createElement(M.Fragment,null,M.createElement(Io,{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(Io,{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:io()},S,r.map((d,y)=>{let v=`image-${y}`;return y>=f&&M.createElement(M.Fragment,{key:v},M.createElement(Io,{content:d.swapper.displayName,src:d.swapper.image,state:d.state,open:!1}),y!==l-1&&M.createElement(M.Fragment,null,S))}))},M.createElement(Qi,{state:r.find((d,y)=>y>=f&&(d.state==="error"||d.state==="warning"))?.state},M.createElement(er,{size:"xsmall",variant:"body"},"+",l-f))))})),M.createElement("div",{className:io()},M.createElement("div",{className:"blockchains_section"},M.createElement("div",{className:io()},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(Io,{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:io()},p.map((T,S)=>S>=f&&M.createElement(Io,{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(yh,{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=h().blockchains(),c=h().swappers(),[u,g]=Eh(t.expanded),m=Ih(null),f=I(o.value,6,6),T=I(n.value,6,6),S=n.usdValue?I(n.usdValue,4,4):"",d=Oe(o.usdValue,n.usdValue??null),y=I(d,2,2),v=ft(d??0),C=i(b=>b.map((k,E)=>{let N,z=r?.type===3&&r.swap.swapperId===k.swapperId||r?.type===4&&r.recommendedSlippages?.has(E),F=s?.type===2&&s.recommendedSlippages?.has(E);return z?N="error":F&&(N="warning"),{swapper:{displayName:ho(k.swapperId,c),image:k.swapperLogo},from:{token:{displayName:k.from.symbol,image:k.from.logo},chain:{displayName:Ue(k.from.blockchain,p),image:k.from.blockchainLogo},price:{value:E===0?I(o.value,6,6):I(k.fromAmount,6,6),usdValue:I((k.from.usdPrice??0)*parseFloat(k.fromAmount),4,4),realValue:le(E===0?o.value:k.fromAmount),realUsdValue:le(new Cc(k.from.usdPrice??0).multipliedBy(k.fromAmount))}},to:{token:{displayName:k.to.symbol,image:k.to.logo},chain:{displayName:Ue(k.to.blockchain,p),image:k.to.blockchainLogo},price:{value:I(k.toAmount,6,6),usdValue:I((k.to.usdPrice??0)*parseFloat(k.toAmount),4,4),realValue:le(k.toAmount),realUsdValue:le(new Cc(k.to.usdPrice??0).multipliedBy(k.toAmount))}},state:N,alerts:z||F?D.createElement(jp,null,D.createElement(vh,{type:z?"error":"warning",title:r?.type===3?r?.recommendation:Yi.t(`Slippage ${z?"Error":"Warning"}:`),footer:D.createElement(Xp,null,r?.type===3&&D.createElement(D.Fragment,null,D.createElement(Eo,{size:"xsmall",variant:"body",color:"neutral900"},r.fromAmountRangeError),D.createElement(Ji,{direction:"horizontal",size:8}),D.createElement(Eo,{size:"xsmall",variant:"body",color:"neutral900"},"|"),D.createElement(Ji,{direction:"horizontal",size:8}),D.createElement(Eo,{size:"xsmall",variant:"body",color:"neutral900"},Yi.t({id:"Yours: {amount} {symbol}",values:{amount:I(k.fromAmount,6,6),symbol:k?.from.symbol}}))),(r?.type===4||s?.type===2)&&D.createElement(Eo,{size:"xsmall",variant:"body",color:"neutral900"},Yi.t({id:"Minimum required slippage is {minRequiredSlippage}",values:{...r?.type===4&&{minRequiredSlippage:r.recommendedSlippages?.get(E)},...s?.type===2&&{minRequiredSlippage:s.recommendedSlippages?.get(E)}}})))})):void 0}}),"getQuoteSteps")(e.result?.swaps??[]),w=C.length,A=L();return D.createElement(D.Fragment,null,D.createElement(Zp,{recommended:l,listItem:a==="list-item",basic:a==="basic"},D.createElement("div",{className:Rp()},D.createElement(uc,{steps:w,quote:e}),a==="basic"&&D.createElement("div",{className:ec()},D.createElement(ic,null,D.createElement(xh,{size:12,color:"gray"})),D.createElement(sc,null,D.createElement(Hi,{size:"small",variant:"body"},`${f} ${C[0].from.token.displayName} = `),D.createElement(Sc,{content:le(n.value),container:A,open:n.value?void 0:!1},D.createElement(Hi,{size:"small",variant:"body"},"\xA0",`${T} ${C[C.length-1].to.token.displayName}`))),D.createElement(Sc,{content:le(n.usdValue),container:A,style:{display:"flex"}},D.createElement(Eo,{color:"$neutral600",ml:2,size:"xsmall",variant:"body"},`($${S})`))),a==="list-item"&&D.createElement(Ah,{type:"output",direction:"vertical",tooltipContainer:A,price:{value:T,usdValue:S,realValue:le(n.value),realUsdValue:le(n.usdValue)},token:{displayName:C[w-1].to.token.displayName,image:C[w-1].to.token.image},chain:{image:C[w-1].to.chain.image},percentageChange:y,warningLevel:v}),a==="swap-preview"&&D.createElement(D.Fragment,null,D.createElement(Ao,{from:C[0].from,to:C[w-1].to,percentageChange:y,warningLevel:v}),D.createElement(Ji,{size:4}))),D.createElement(Yp,{recommended:l,open:u,onOpenChange:g},D.createElement(yc,{quoteRef:m,recommended:l,setExpanded:g,expanded:u,steps:C}),D.createElement(nc,{open:u},D.createElement(rc,null),D.createElement("div",{className:Jp()},C.map((b,k)=>{let E=`item-${k}`;return D.createElement(bh,{type:"quote-details",key:E,step:b,hasSeparator:k!==C.length-1,state:b.state,tooltipContainer:A})}))))))}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 Tc=nr("div",{$$color:"$colors$neutral100",[`.${Wh} &`]:{$$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 Ot,Skeleton as st}from"@rango-dev/ui";import q from"react";import{styled as it}from"@rango-dev/ui";var xc=it("div",{display:"flex",justifyContent:"space-between",alignItems:"center",height:"22px"}),bc=it("div",{display:"flex"}),Ac=it("div",{padding:"$15 $0 14px $0"}),Ic=it("div",{padding:"$6 $0 $15 $0",display:"flex",flexDirection:"column"}),Ec=it("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$5"}),Wc=it("div",{display:"flex",justifyContent:"space-between",alignItems:"end"}),Lc=it("div",{height:"$28",marginLeft:"13px",borderLeft:"1px solid $neutral700"}),Nc=it("div",{width:"65%",display:"flex",justifyContent:"start"}),Bc=it("div",{display:"flex",flexDirection:"column",alignItems:"start",flexGrow:1,maxWidth:"148px"}),Mc=it("div",{padding:"$15 $0 $15 $0"});function Wo(t){let{type:e,tag:o=!1}=t,n=q.createElement(Wc,null,q.createElement(Nc,null,q.createElement(Pc,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),q.createElement(Ot,{size:8,direction:"horizontal"}),q.createElement(Bc,null,q.createElement(st,{height:10,width:60,variant:"rounded"}),q.createElement(Ot,{size:4}),q.createElement(st,{height:15,variant:"rounded"}))),q.createElement(st,{height:12,width:64,variant:"rounded"}));return q.createElement("div",null,q.createElement(xc,null,q.createElement(bc,null,q.createElement(st,{width:60,height:10,variant:"rounded"}),q.createElement(Ot,{size:4,direction:"horizontal"}),q.createElement(st,{width:60,height:10,variant:"rounded"}),q.createElement(Ot,{size:4,direction:"horizontal"}),q.createElement(st,{width:60,height:10,variant:"rounded"})),o&&q.createElement(st,{height:22,width:100,variant:"rounded"})),e==="basic"&&q.createElement(Ac,null,q.createElement(st,{height:15,width:148,variant:"rounded"})),e==="list-item"&&q.createElement(Ic,null,q.createElement(Ec,null,q.createElement(Pc,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),q.createElement(Ot,{direction:"horizontal",size:4}),q.createElement(st,{height:15,width:150,variant:"rounded"})),q.createElement(Ot,{size:4}),q.createElement(st,{height:10,width:184,variant:"rounded"})),e==="swap-preview"&&q.createElement(q.Fragment,null,q.createElement(Ot,{size:4}),q.createElement(Mc,null,n,q.createElement(Lc,null),n)))}i(Wo,"QuoteSummarySkeleton");import{ChainToken as Uc,Divider as es,NextIcon as Lh,Skeleton as rr}from"@rango-dev/ui";import ge from"react";import{styled as Lo}from"@rango-dev/ui";var $c=Lo("div",{display:"flex",alignItems:"start"}),_c=Lo("div",{flexGrow:1,paddingTop:"$5",paddingBottom:"$10",display:"flex",alignItems:"center"}),Ri=Lo("div",{display:"flex",alignItems:"center",flexGrow:1}),Dc=Lo("div",{margin:"$0 $2",padding:"$4",display:"flex",justifyContent:"center",alignItems:"center"}),Fc=Lo("div",{display:"flex",alignItems:"center"});function at(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(Lh,{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(at,"StepSkeleton");function ts(t){let{type:e,expanded:o,tag:n=!1}=t;return gt.createElement(Tc,{rounded:e!=="basic"},gt.createElement(Wo,{type:e,tag:n}),gt.createElement(kc,null,gt.createElement(Bh,{height:15,variant:"rounded"})),o&&gt.createElement(wc,null,gt.createElement(Nh,{size:20}),gt.createElement(at,null),gt.createElement(at,null),gt.createElement(at,{separator:!1})))}i(ts,"QuoteSkeleton");function No(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(qi,null,ir.createElement(ts,{type:o,expanded:a})):m?ir.createElement(qi,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(No,"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 Qt().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 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:I(Xt(e)),percentageChange:I(Oe(Xt(t)??"",Xt(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}=X(),{slippage:l,customSlippage:p,affiliatePercent:c,affiliateRef:u,affiliateWallets:g,disabledLiquiditySources:m}=h(),{connectedWallets:f}=Q(),T=h().blockchains(),S=h().tokens(),{features:d}=h().config,{enableNewLiquiditySources:y}=h().config,v=p||l,{fetch:x,cancelFetch:C,loading:w}=sr();return _h(()=>C,[]),{loading:w,fetch:i(async b=>{let k=b.selectedWallets,E=b?.customDestination??s;if(!t||!e||!o)return{quote:null,swap:null,error:null,warnings:null};let N=kn({fromToken:t,toToken:e,inputAmount:o,wallets:f,selectedWallets:k,excludeLiquiditySources:y,disabledLiquiditySources:m,slippage:v,affiliateRef:u,affiliatePercent:c,affiliateWallets:g,initialQuote:r??void 0,destination:E});cn("experimentalRoute",d)&&(N.experimental=!0);let z;try{z=await x(N).then(te=>ar(te)),n(z)}catch(te){return lr(te)}let F={slippage:v.toString(),disabledSwappersGroups:m},W=$h(o.toString(),z,il(k),F,!1,{blockchains:T,tokens:S}),J=Oc(r??void 0,z,{fromToken:t,toToken:e,meta:{blockchains:T,tokens:S},selectedWallets:k,userSlippage:v});return J.quoteUpdate&&a(!1),{quote:z,swap:W,error:null,warnings:J}},"fetch"),cancelFetch:C}}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 Gc(){let{quote:t,setInputAmount:e,selectedWallets:o,quoteWalletsConfirmed:n,setQuoteWalletConfirmed:r,customDestination:s,quoteWarningsConfirmed:a}=X(),l=Xh(),p=jh(),[c,u]=cr(""),{connectedWallets:g}=Q(),m=!n,[f,T]=cr(!1),{isActiveTab:S}=ee(),d=h().disabledLiquiditySources,y=Qh(d),{manager:v}=Dh(),{fetch:x,loading:C,cancelFetch:w}=os(),[A,b]=cr({swap:null,error:null,warnings:null}),[k,E]=cr(!1),N=i(async({selectedWallets:G,customDestination:De})=>{let K=await x?.({selectedWallets:G,customDestination:De});return b(K),K},"onConfirmSwap"),z=i(async()=>{if(A.swap&&n)try{await v?.create("swap",{swapDetails:A.swap},{id:A.swap.requestId});let G=`../${P.swaps}/${A.swap.requestId}`;l(G,{replace:!0}),setTimeout(()=>{e("")},0)}catch(G){u("Error: "+G?.message)}},"addNewSwap"),F=i(async()=>{await z()},"onConfirm"),W=i(async()=>{A?.warnings?.quote&&!a?E(!0):await F()},"onStartConfirmSwap"),J=i(async()=>{b({error:null,swap:null,warnings:null}),x({selectedWallets:o,customDestination:s}).then(G=>{b(G)}).catch(G=>console.error(G))},"onRefresh");Bo(()=>{!!y.current.length&&!d.length&&J(),y.current=d},[d.length]),Bo(()=>{m&&w()},[m]),Bo(()=>{m&&T(m)},[m]),Bo(()=>{m||x({selectedWallets:o,customDestination:s}).then(G=>b(G)).catch(G=>console.error(G))},[]),Bo(()=>{let G=A.warnings?.quote?.type&&Object.values(vt).includes(A.warnings?.quote?.type),De=o.length<1||!o.every(U=>g.find(ke=>U.address===ke.address&&U.walletType===ke.walletType&&U.chain===ke.chain)),K=!1;if(G){let U=gn(t),ke=t?.result?.swaps[t.result.swaps.length-1].to.blockchain;!!t?.result?.swaps.find(ut=>ut.from.blockchain===ke)||(U=U.slice(-U.length,U.length-1)),U.every(ut=>o.find(_=>_.chain===ut))||(K=!0)}t&&(De||K)&&(queueMicrotask(()=>Vh(T.bind(null,!0))),r(!1))},[A.warnings?.quote,o.length,g.length]),Hh(()=>{t||l(`../${p.search}`)},[]);let te=A.warnings?.quote??null,R=A.error,fe=[];return c&&fe.push(pe.createElement(zc,{type:"error",variant:"alarm",title:c})),A.warnings?.quoteUpdate&&fe.push(pe.createElement(zc,{variant:"alarm",type:"warning",title:A.warnings.quoteUpdate&&bn(A.warnings.quoteUpdate)})),(te||R)&&fe.push(pe.createElement(xo,{warning:te,error:R,loading:C,refetchQuote:J,showWarningModal:k,confirmationDisabled:!S,onOpenWarningModal:()=>E(!0),onCloseWarningModal:()=>E(!1),onConfirmWarningModal:async()=>{E(!1),await z()},onChangeSettings:()=>l(P.settings)})),pe.createElement(re,{header:{title:pr.t("Confirm Swap"),onWallet:()=>{let G=`../${P.wallets}`;l(G)},suffix:pe.createElement(zh,{container:L(),side:"bottom",content:pr.t("Settings")},pe.createElement(qe,{size:"small",variant:"ghost",onClick:()=>l("../"+P.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:C,disabled:!!A.error||!S,onClick:W},pr.t("Start Swap"))),pe.createElement(qc,{variant:"contained",type:"primary",size:"large",loading:C,onClick:T.bind(null,!0)},pe.createElement(Gh,{size:24})))},f&&pe.createElement(Ip,{open:f,onClose:()=>T(!1),onCancel:w,loading:C,onCheckBalance:N}),pe.createElement(se,null,pe.createElement("div",{className:Zh()},pe.createElement(qh,{variant:"title",size:"small"},pr.t("You get")),pe.createElement("div",{className:Jh()},pe.createElement(On,{onClick:!C&&!f&&!k?J:void 0}))),pe.createElement(ns,{size:"12"}),Ul(fe,pe.createElement(ns,{size:10})),fe.length>0?pe.createElement(ns,{size:10}):null,pe.createElement(No,{quote:t,type:"swap-preview",expanded:!0,error:A.error,loading:C,warning:A.warnings?.quote??null})))}i(Gc,"ConfirmSwapPage");import{i18n as mr}from"@lingui/core";import{useManager as fy}from"@rango-dev/queue-manager-react";import{Divider as eu,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 Xc,GroupedVirtualizedList as oy,Skeleton as ny,SwapListItem as Kc,Typography as ry}from"@rango-dev/ui";import Ee,{useCallback as Yc,useEffect as iy,useRef as sy,useState as ay}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 Rh,darkTheme as ey,styled as Mo}from"@rango-dev/ui";var is=Rh(),Qc=Mo("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$5"}),ss=Mo("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=Mo("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),Vc=Mo("div",{gap:"$10",display:"flex",flexDirection:"column"}),jc=Mo("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),g=Yc(Hc,[]),m=Yc(()=>{let f=e.length-l.current;f&&(l.current+=Math.min(f,ly),a(g(c,l.current)))},[e.length]);if(iy(()=>{r||m()},[r,m]),r){let f=[1,2];return Ee.createElement(Ee.Fragment,null,[f,f].map((S,d)=>Ee.createElement(ss,{key:d},Ee.createElement(as,null,Ee.createElement(ny,{variant:"text",width:60,size:"small"}),Ee.createElement(Xc,{size:16})),Ee.createElement(Xc,{size:4}),Ee.createElement(Vc,null,S.map((v,x)=>Ee.createElement(Kc,{isLoading:!0,key:x}))))))}return Ee.createElement(oy,{endReached:()=>{l.current<e.length&&m()},groupCounts:s,groupContent:f=>Ee.createElement(ss,null,Ee.createElement(as,null,Ee.createElement(ry,{variant:"label",size:"medium",className:is()},u[f]))),itemContent:(f,T)=>{let S=p[f];if(!S)return null;let d=S.steps[0],y=S.steps[S.steps.length-1];return Ee.createElement(Qc,{key:S.requestId},Ee.createElement(Kc,{requestId:S.requestId,creationTime:S.creationTime,status:S.status,onClick:o,tooltipContainer:L(),onlyShowTime:u[T]===ty.t("Today"),swapTokenData:{from:{token:{image:d.fromLogo,displayName:d.fromSymbol},blockchain:{image:d.fromBlockchainLogo||""},amount:I(S.inputAmount,6,6),realAmount:le(S.inputAmount)},to:{token:{image:y.toLogo,displayName:y.toSymbol},blockchain:{image:y.toBlockchainLogo||""},amount:I(y.outputAmount||y.expectedOutputAmountHumanReadable||"",6,6),realAmount:le(y.outputAmount||y.expectedOutputAmountHumanReadable)}}}))}})}i(ls,"HistoryGroupedList");import{CloseIcon as cy,IconButton as uy,SearchIcon as my,TextField as dy}from"@rango-dev/ui";import Po from"react";import{styled as py}from"@rango-dev/ui";var Jc=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 Po.createElement(dy,{prefix:Po.createElement(Jc,null,Po.createElement(my,{color:"black"})),suffix:!!a.length&&Po.createElement(uy,{variant:"ghost",onClick:()=>l?.(""),size:"small"},Po.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 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 g=new Date(c).getFullYear().toString();o(g,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=>et(o.fromBlockchain,e)||et(o.toBlockchain,e)||et(o.toSymbol,e)||et(o.fromSymbol,e)).length:!1,"isStepContainsText");function tu(){let t=Sy(),{manager:e,state:o}=fy(),n=It(e).map(({swap:u})=>u),[r,s]=yy(""),a=!o.loadedFromPersistor,l=i(u=>{let g=u.target.value;s(g)},"searchHandler"),p=n;r&&(p=n.filter(u=>et(u.inputAmount,r)||et(u.status,r)||Ty(u.steps,r)||et(u.requestId,r)));let c=!p?.length&&!a;return yt.createElement(re,{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(eu,{size:"16"}),yt.createElement(Cy,null,c&&yt.createElement(jc,null,yt.createElement(eu,{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:Rc,isLoading:a}))))}i(tu,"HistoryPage");import{i18n as us}from"@lingui/core";import{Button as Iy,Divider as iu,styled as au,SwapInput as su,WarningIcon as Ey}from"@rango-dev/ui";import ve,{useEffect as Wy,useState as Ly}from"react";import{useNavigate as Ny}from"react-router-dom";import{ReverseIcon as ky,styled as ou}from"@rango-dev/ui";import ps from"react";var wy=ou("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),vy=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=X.use.switchFromAndTo();return ps.createElement(wy,null,ps.createElement(vy,{onClick:()=>{t()}},ps.createElement(ky,{size:12})))}i(nu,"SwitchFromAndToButton");import{useCallback as xy,useEffect as by,useState as cs}from"react";var Ay=600;function ru(){let{fetch:t,cancelFetch:e}=sr(),{liquiditySources:o,enableNewLiquiditySources:n,features:r}=h().config,s=h().tokens(),{fromToken:a,toToken:l,inputAmount:p,inputUsdValue:c,quote:u,resetQuote:g,setQuote:m}=X(),{slippage:f,customSlippage:T,affiliatePercent:S,affiliateRef:d,affiliateWallets:y,disabledLiquiditySources:v,fetchStatus:x}=h(),[C,w]=cs(!0),[A,b]=cs(null),[k,E]=cs(null),N=T??f,F=!a||!l||Ae(a,l)||!mo(p),W=i(R=>{w(R),b(null),E(null)},"resetState"),J=i(R=>{let{fromToken:fe,toToken:G,inputAmount:De,liquiditySources:K,excludeLiquiditySources:U,disabledLiquiditySources:ke,slippage:ct,affiliateRef:Le,affiliatePercent:ut,affiliateWallets:_}=R;if(C||W(!0),!F&&fe&&G){g();let V=kn({fromToken:fe,toToken:G,inputAmount:De,liquiditySources:K,excludeLiquiditySources:U,disabledLiquiditySources:ke,slippage:ct,affiliateRef:Le,affiliatePercent:ut,affiliateWallets:_});cn("experimentalRoute",r)&&(V.experimental=!0),t(V).then(H=>{w(!1),m(H),ar(H);let ce=wn(H,{fromToken:fe,toToken:G,userSlippage:N,tokens:s});E(ce)}).catch(H=>{let{error:ce}=lr(H);(ce?.type===0||ce?.type===1)&&g(),ce?.type!==2&&(b(ce),w(!1))})}},"fetch"),te=xy(Ba(R=>{F||J(R)},Ay),[F]);return by(()=>{if(x==="success"){if(!mo(p)||c?.eq(0)){W(!1),e();return}if(F){u&&g();return}return g(),W(!0),te({inputAmount:p,fromToken:a,toToken:l,liquiditySources:o,excludeLiquiditySources:n,disabledLiquiditySources:v,slippage:N,affiliateRef:d,affiliatePercent:S,affiliateWallets:y}),e}},[x,p,a?.symbol,a?.address,a?.blockchain,l?.symbol,l?.address,l?.blockchain,F,o?.length,n,v.length,N,d,S,JSON.stringify(y)]),{fetch:()=>J({inputAmount:p,fromToken:a,toToken:l,liquiditySources:o,excludeLiquiditySources:n,disabledLiquiditySources:v,slippage:N,affiliateRef:d,affiliatePercent:S,affiliateWallets:y}),loading:C,error:A,warning:k}}i(ru,"useSwapInput");var By=au("div",{position:"relative"}),My=au("div",{display:"flex",flexDirection:"column",gap:5,alignSelf:"stretch"});function lu(){let t=Ny(),{fetch:e,loading:o,error:n,warning:r}=ru(),{fromToken:s,fromBlockchain:a,toToken:l,toBlockchain:p,setInputAmount:c,inputAmount:u,inputUsdValue:g,outputAmount:m,outputUsdValue:f,quote:T,resetQuoteWallets:S,setQuoteWarningsConfirmed:d}=X(),{config:y,fetchStatus:v}=h(),{connectedWallets:x,getBalanceFor:C}=Q(),{isActiveTab:w}=ee(),[A,b]=Ly(!1),k=!!a&&xa(x,a.name),E=!1,N=!Rr(T,u,g),z=!Rr(T,u,f),F=el({fetchMetaStatus:v,fetchingQuote:o,inputAmount:u,quote:T,anyWalletConnected:x.length>0,error:n,warning:r,needsToWarnEthOnPath:E}),W=s?C(s):null,J=nn(W)?.amount??"0",te=a&&s?I(W?.amount,W?.decimals):"0",R=v==="success"&&!!u&&!!s&&!!l&&o;Wy(()=>{S()},[]);let fe=!g||!f||!f.gt(0)?null:Oe(g.toString(),f.toString());return ve.createElement(re,{height:"auto",footer:ve.createElement(Iy,{type:"primary",size:"large",disabled:F.disabled||!w,prefix:F.action==="confirm-warning"&&ve.createElement(Ey,null),fullWidth:!0,onClick:()=>{F.action==="connect-wallet"?t(P.wallets):F.action==="confirm-warning"?b(!0):t(P.confirmSwap)}},F.title),header:{onWallet:()=>{t(P.wallets)},hasBackButton:!1,title:y.title||us.t("Swap"),suffix:ve.createElement(Ai,{onClickRefresh:(T||n)&&!A?e:void 0,onClickHistory:()=>t(P.swaps),onClickSettings:()=>t(P.settings)})}},ve.createElement(se,null,ve.createElement(My,null,ve.createElement(By,null,ve.createElement(su,{label:us.t("From"),mode:"From",onInputChange:c,balance:J,chain:{displayName:a?.displayName||"",image:a?.logo||""},token:{displayName:s?.symbol||"",image:s?.image||""},onClickToken:()=>t(P.fromSwap),price:{value:u,usdValue:N?void 0:I(g,4,4),realUsdValue:N?void 0:le(g),error:N?j().unknownPriceError.impactTitle:void 0},disabled:v==="failed",loading:v==="loading",loadingBalance:k,tooltipContainer:L(),onSelectMaxBalance:()=>{J!=="0"&&c(te.split(",").join(""))}}),ve.createElement(nu,null)),ve.createElement(su,{sharpBottomStyle:!!T?.result||R,label:us.t("To"),mode:"To",fetchingQuote:R,chain:{displayName:p?.displayName||"",image:p?.logo||""},token:{displayName:l?.symbol||"",image:l?.image||""},percentageChange:I(Oe(g,f),2,2),warningLevel:ft(fe??0),price:{value:I(m,6,6),usdValue:z?void 0:I(f,4,4),realValue:le(m),realUsdValue:z?void 0:le(f),error:z?j().unknownPriceError.impactTitle:void 0},onClickToken:()=>t(P.toSwap),disabled:v==="failed",loading:v==="loading",tooltipContainer:L()})),ve.createElement(iu,{size:"2"}),ve.createElement(No,{quote:T,loading:R,error:n,warning:r,type:"basic"}),r||n?ve.createElement(ve.Fragment,null,ve.createElement(iu,{size:"10"}),ve.createElement(xo,{warning:r,error:n,loading:R,refetchQuote:e,showWarningModal:A,confirmationDisabled:!w,onOpenWarningModal:()=>b(!0),onCloseWarningModal:()=>b(!1),onConfirmWarningModal:()=>{b(!1),d(!0),t(P.confirmSwap)},onChangeSettings:()=>t(P.settings)})):null))}i(lu,"Home");import{i18n as pu}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 so(){let{setLanguage:t,language:e,config:o}=h(),n=$a,r=o?.language||go;return{activeLanguage:e||r,languages:n,defaultLanguage:r,changeLanguage:s=>t(s||go),resetLanguage:()=>t(null)}}i(so,"useLanguage");function cu(){let{activeLanguage:t,changeLanguage:e,languages:o}=so(),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(re,{header:{title:pu.t("Language")}},Nt.createElement(se,null,Nt.createElement(Dy,{value:t},Nt.createElement(Py,{type:Nt.createElement($y,{title:pu.t("language"),id:"_",onClick:()=>console.log()}),items:n}))))}i(cu,"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 We,{useState as Ky}from"react";import{Checkbox as zy,Skeleton as mu}from"@rango-dev/ui";import _o 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"}),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 uu=Oy(Uy,{height:61});var qy=30;function gs(){return _o.createElement($o,null,Array.from(Array(qy),t=>_o.createElement(uu,{hasDivider:!0,key:t,start:_o.createElement(mu,{variant:"circular",width:35,height:35}),title:_o.createElement(mu,{variant:"text",size:"large",width:90}),end:_o.createElement(zy,{checked:!1})})))}i(gs,"LoadingLiquiditySourceList");function hs({sourceType:t}){let e=h().fetchStatus,o=h().swappers(),n=h().disabledLiquiditySources,[r,s]=Ky(""),a=h().toggleLiquiditySource,l=pn(o,n),p={Exchanges:St.t("Exchanges"),Bridges:St.t("Bridges")},c=[];t==="Exchanges"&&c.push("DEX"),t==="Bridges"&&(c.push("BRIDGE"),c.push("AGGREGATOR"));let u=l.filter(d=>c.includes(d.type)),g=u.length===u.filter(d=>d.selected).length,m=i(()=>{u.forEach(d=>{g?a(d.groupTitle):d.selected||a(d.groupTitle)})},"toggleAllSources"),f=u.map(d=>{let{selected:y,groupTitle:v,logo:x}=d;return{start:We.createElement(Qy,{src:x,size:22,type:"circular"}),onClick:()=>a(v),end:We.createElement(Hy,{checked:y}),title:We.createElement(Xy,{variant:"title",size:"xmedium"},St.t(v)),...d}}),T=i(d=>{let y=d.target.value;s(y)},"searchHandler"),S=f;return r&&(S=f.filter(d=>et(d.groupTitle,r))),We.createElement(re,{header:{title:St.t(t),suffix:We.createElement(ds,null,We.createElement(Gy,{variant:"ghost",size:"xsmall",onClick:m},g?St.t("Deselect all"):St.t("Select all")))}},We.createElement(se,{view:!0},We.createElement(ht,{value:r,setValue:s,fullWidth:!0,color:"light",variant:"contained",placeholder:St.t("Search {sourceType}",{sourceType:p[t]}),onChange:T}),e==="loading"&&We.createElement(gs,null),!S.length&&r?We.createElement(fs,null,We.createElement(jy,{title:St.t("No results found"),description:St.t("Try using different keywords")})):e==="success"&&We.createElement($o,null,S.map(d=>We.createElement(We.Fragment,{key:d.id},We.createElement(Vy,{style:{height:"61px"},...d,selected:!1,hasDivider:!0}))))))}i(hs,"LiquiditySourcePage");import{i18n as Tu}from"@lingui/core";import{Divider as ku,getCountCategories as iS,SelectableCategoryList as sS}from"@rango-dev/ui";import Ct,{useState as wu}from"react";import{i18n as Ss}from"@lingui/core";import{Divider as Su,Image as eS,ListItemButton as tS,NotFound as oS,Typography as Cu}from"@rango-dev/ui";import He,{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"),du=i((t,e,o)=>t.filter(n=>Yy(n,o)).filter(n=>Pt(n.name,e)||Pt(n.displayName,e)),"filterBlockchains");import{ImageContainer as Jy,styled as fu}from"@rango-dev/ui";var gu=fu("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),fr=fu(Co,{padding:0,margin:0,listStyle:"none",[`& ${Jy}`]:{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as Zy,Skeleton as hu}from"@rango-dev/ui";import gr from"react";var Ry=20;function yu(){return gr.createElement(fr,null,Array.from(Array(Ry),t=>gr.createElement(Zy,{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]=rS(e),{fetchStatus:l}=h();nS(()=>{a([...du(e,o,r)])},[e,o,r]);let p=i(()=>!s.length&&o?He.createElement(He.Fragment,null,He.createElement(Su,{size:32}),He.createElement(oS,{title:Ss.t("No results found"),description:Ss.t("Try using different keywords")})):He.createElement(fr,{as:"ul",key:`${r}-${o}`},s.map(c=>He.createElement(tS,{key:`${c.name}-${c.chainId}`,hasDivider:!0,onClick:()=>n(c),start:He.createElement(eS,{src:c.logo,size:30}),title:He.createElement(Cu,{variant:"title",size:"medium"},c.displayName),id:c.chainId}))),"renderList");return He.createElement(gu,null,He.createElement(Cu,{variant:"label",size:"large"},Ss.t("Select Blockchain")),He.createElement(Su,{size:4}),l==="loading"&&He.createElement(yu,null),l==="success"&&p())}i(Cs,"BlockchainList");function Ts(t){let{type:e}=t,o=At(),[n,r]=wu(""),[s,a]=wu("ALL"),l=X.use.setToBlockchain(),p=X.use.setFromBlockchain(),c=h().fetchStatus,u=h().blockchains({type:e}),m=iS(u)!==1;return Ct.createElement(re,{header:{title:Tu.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(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 qu}from"@rango-dev/ui";import zt,{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 Au,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 vu=["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=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(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 xu(t,e){return!!e.list.find(o=>o.name===t)}i(xu,"isInVisibleList");function ws(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=h();pS(()=>{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 cS}from"@rango-dev/ui";var bu=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}=h(),p=X.use.resetToBlockchain(),c=X.use.resetFromBlockchain(),u=a.more.length>0,g=a.more.length===1,m=!g&&u;return Se.createElement(Se.Fragment,null,Se.createElement(Au,{size:12}),Se.createElement(xs,{variant:"label",size:"large"},vs.t("Select Blockchain")),Se.createElement(Au,{size:12}),Se.createElement(bu,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:L()},Se.createElement(hr,{key:f.name,selected:!!n&&n.name===f.name,onClick:()=>r(f)},Se.createElement(Iu,{src:f.logo,size:30})))),g?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 Du,Divider as lo,ExternalLinkIcon as hS,Image as yS,ListItemButton as SS,NotFound as CS,PinIcon as TS,Skeleton as Fu,Typography as Cr,VirtualizedList as kS}from"@rango-dev/ui";import $,{useEffect as Uu,useState as Ou}from"react";import{Divider as $u,ListItem as gS,Skeleton as Do}from"@rango-dev/ui";import Ze from"react";import{css as ao,darkTheme as Eu,ImageContainer as fS,styled as Je,Typography as Wu}from"@rango-dev/ui";var As=ao({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}),Is=ao({position:"relative",height:12,width:"30%",maxWidth:"150px"}),Es=ao({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",bottom:"-8px"}),Ws=ao({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=ao({}),Ns=ao(),Lu=Je("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),Bs=Je("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),yr=Je("ul",{flexGrow:1,padding:0,margin:0,listStyle:"none","& li":{alignItems:"none","&:hover":{[`& .${Is}`]:{[`& .${Ws}`]:{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",visibility:"visible"},[`& .${Ls}`]:{bottom:"-15px"},[`& .${As}`]:{position:"absolute",transform:"translateY(-12px)",visibility:"hidden"},[`& .${Es}`]:{position:"absolute",transform:"translateY(-12px)",bottom:"-10px"}}}}}),Ms=Je("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),Ps=Je(Wu,{}),Nu=Je("div",{textAlign:"right",width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",[`& .${Ns}`]:{$$color:"$colors$neutral600",[`.${Eu} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Sr=Je("div",{display:"flex",alignItems:"end",flexDirection:"column"}),s$=Je("div",{display:"flex",alignItems:"center"}),Bu=Je("div",{position:"relative",[`& ${fS}`]:{borderRadius:"$xm",overflow:"hidden"}}),Mu=Je("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6}),Pu=Je(Wu,{width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"});function _u(t){return Ze.createElement(yr,null,Array.from(Array(t.size),e=>Ze.createElement(gS,{key:e,hasDivider:!0,start:Ze.createElement(Do,{variant:"circular",width:35,height:35}),end:Ze.createElement(Sr,null,Ze.createElement(Do,{variant:"text",size:"large",width:70}),Ze.createElement($u,{size:4}),Ze.createElement(Do,{variant:"text",size:"medium",width:50})),title:Ze.createElement("div",null,Ze.createElement(Do,{variant:"text",size:"large",width:90}),Ze.createElement($u,{size:4}),Ze.createElement(Do,{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 $.createElement("div",{className:Is()},o?$.createElement("div",{className:As()},o):$.createElement(Bs,{className:Es()},$.createElement(Cr,{variant:"title",size:"xmedium"},r.symbol),$.createElement(lo,{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(lo,{size:4,direction:"horizontal"}),$.createElement(hS,{color:"gray",size:12}))))},"renderDesc");function zu(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[s,a]=Ou(e),l=h().fetchStatus,p=h().blockchains(),[c,u]=Ou(!0),{getBalanceFor:g,loading:m}=Q(),{isTokenPinned:f}=h(),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(lo,{size:32}),$.createElement(CS,{title:$s.t("No results found"),description:$s.t("Try using different keywords")})):$.createElement(kS,{endReached:c?T:void 0,itemContent:d=>{let y=s[d],v=nn(g(y)),x=y.address||"",C=p.find(k=>k.name===y.blockchain),w=Pn(y.symbol,C?.color||""),A={$$color:w[`${y.symbol}100`],[`.${Du} &`]:{$$color:w[`${y.symbol}900`]},backgroundColor:"$$color"},b={$$color:w[`${y.symbol}700`],[`.${Du} &`]:{$$color:w[`${y.symbol}100`]},color:"$$color"};return $.createElement("div",{style:{paddingRight:5}},$.createElement(SS,{style:{width:"100%",overflow:"hidden"},"tab-index":d,key:`${y.symbol}${y.address}`,id:`${y.symbol}${y.address}`,hasDivider:!0,onClick:()=>n(s[d]),start:$.createElement(Bu,null,$.createElement(yS,{src:y.image,size:30}),f(y,t.type)&&$.createElement(Mu,null,$.createElement(TS,{size:12,color:"gray"}))),title:C?.type==="COSMOS"||y.name||!y.name&&!x?$.createElement(Bs,null,$.createElement(Cr,{variant:"title",size:"xmedium"},y.symbol),$.createElement(lo,{direction:"horizontal",size:4}),$.createElement(Ms,{css:A},$.createElement(Ps,{variant:"body",size:"xsmall",css:b},y.blockchain))):void 0,description:C?.info&&x&&C.type!=="COSMOS"?wS({address:x,token:s[d],customCssForTag:A,customCssForTagTitle:b,name:y.name,url:C.info.addressUrl.split("{wallet}").join(x)}):y.name||void 0,end:m?$.createElement(Sr,null,$.createElement(Fu,{variant:"text",size:"large",width:70}),$.createElement(lo,{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(lo,{size:4}),l==="loading"&&$.createElement(_u,{size:_s}),l==="success"&&$.createElement(yr,{as:"ul"},S()))}i(zu,"TokenList");function Ds(t){let{type:e}=t,o=xS(),n=At(),{fromBlockchain:r,toBlockchain:s,setFromToken:a,setToToken:l,setFromBlockchain:p,setToBlockchain:c}=X(),u=Q.use.getBalanceFor(),[g,m]=vS(""),{isTokenPinned:f}=h(),S=(e==="source"?r:s)?.name??"",d=h().blockchains({type:e}),y=h().tokens({type:e,blockchain:S,searchFor:g}),x=ka(y,u,i(b=>f(b,e),"checkIsTokenPinned")),C=i(b=>{e==="source"?p(b):c(b)},"updateBlockchain"),w=i(b=>{e==="source"?a({token:b,meta:{blockchains:d,tokens:y}}):l({token:b,meta:{blockchains:d,tokens:y}})},"updateToken"),A={source:Tr.t("Source"),destination:Tr.t("Destination")};return zt.createElement(re,{header:{title:Tr.t("Swap {type}",{type:A[e]})}},zt.createElement(se,null,zt.createElement(bs,{blockchains:d,type:e=="source"?"from":"to",blockchain:e==="source"?r:s,onMoreClick:()=>o(P.blockchains),onChange:b=>{C(b)}}),zt.createElement(qu,{size:24}),zt.createElement(ht,{value:g,autoFocus:!0,placeholder:Tr.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>m(""),onChange:b=>m(b.target.value)}),zt.createElement(qu,{size:16}),zt.createElement(zu,{list:x,selectedBlockchain:S,searchedFor:g,type:e,onChange:b=>{w(b);let k=d.find(E=>b.blockchain===E.name);k&&C(k),n()}})))}i(Ds,"SelectSwapItemsPage");import{i18n as qt}from"@lingui/core";import{ChevronRightIcon as Os,Divider as zs,InfoIcon as BS,List as MS,ListItemButton as PS,Skeleton as $S,Switch as _S,Tooltip as DS,Typography as Gt}from"@rango-dev/ui";import Y from"react";import{useNavigate as FS}from"react-router-dom";import{i18n as Xu}from"@lingui/core";import{Divider as ES,InfoIcon as WS,TextField as LS,Tooltip as NS,Typography as Ku}from"@rango-dev/ui";import _e from"react";import{Chip as bS,styled as Fo,TextField as AS}from"@rango-dev/ui";var Gu=Fo("div",{paddingTop:"$5",padding:"$10 $5"}),Hu=Fo("div",{display:"flex",flexWrap:"wrap",gap:"$10",[`& ${AS}`]:{flex:"1 1 0",maxWidth:"127px",minWidth:"85px"}}),Qu=Fo("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),kr=Fo("div",{maxWidth:"280px",padding:"$10"}),Vu=Fo(bS,{width:"61px",flexShrink:0});import{i18n as Fs}from"@lingui/core";import{Typography as IS}from"@rango-dev/ui";import Uo from"react";function ju(){return Uo.createElement(kr,null,Uo.createElement(IS,{variant:"label",size:"medium",color:"neutral700"},Fs.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),Uo.createElement("br",null),Uo.createElement("br",null),Uo.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}=h();return _e.createElement(Gu,null,_e.createElement(Qu,null,_e.createElement(Ku,{variant:"title",size:"xmedium"},Xu.t("Slippage tolerance per swap")),_e.createElement(ES,{direction:"horizontal",size:4}),_e.createElement(NS,{container:L(),side:"top",sideOffset:4,content:_e.createElement(ju,null)},_e.createElement(WS,{color:"gray"}))),_e.createElement(Hu,null,_a.map((r,s)=>{let a=`slippage-${s}`;return _e.createElement(_e.Fragment,null,_e.createElement(Vu,{key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`}))}),_e.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&&_e.createElement(Ku,{variant:"body",size:"small"},"%"),placeholder:Xu.t("Custom")})))}i(Us,"Slippage");function Yu(){let t=FS(),{theme:e}=h().config,o=h().fetchStatus,n=h().swappers(),r=h().disabledLiquiditySources,{config:{features:s}}=h(),a=Fe("theme",s),l=Fe("liquiditySource",s),p=Fe("language",s),c=h().infiniteApprove,u=h().toggleInfiniteApprove,g=pn(n,r),m=g.filter(k=>k.type==="BRIDGE"||k.type==="AGGREGATOR"),f=m.length,T=m.filter(k=>k.selected).length,S=g.filter(k=>k.type==="DEX"),d=S.length,y=S.filter(k=>k.selected).length,v=i((k,E)=>{switch(o){case"loading":return Y.createElement($S,{variant:"text",size:"medium",width:50});case"failed":return Y.createElement(Gt,{variant:"body",size:"medium",color:"$error500"},qt.t("Loading failed"));default:return Y.createElement(Gt,{variant:"body",size:"medium"},`${k} / ${E}`)}},"handleEndItem"),x={id:"bridge-item",title:Y.createElement(Gt,{variant:"title",size:"xmedium"},qt.t("Enabled bridges")),end:Y.createElement(Y.Fragment,null,v(T,f),Y.createElement(zs,{direction:"horizontal",size:8}),Y.createElement(Os,{color:"black"})),onClick:()=>t(P.bridges)},C={id:"exchange-item",title:Y.createElement(Gt,{variant:"title",size:"xmedium"},qt.t("Enabled exchanges")),end:Y.createElement(Y.Fragment,null,v(y,d),Y.createElement(zs,{direction:"horizontal",size:8}),Y.createElement(Os,{color:"gray"})),onClick:()=>t(P.exchanges)},w={id:"theme-item",title:Y.createElement(Gt,{variant:"title",size:"xmedium"},qt.t("Theme")),end:Y.createElement(Os,{color:"gray"}),onClick:()=>t(P.themes)},A={id:"infinite-approval-item",title:Y.createElement(Y.Fragment,null,Y.createElement(Gt,{variant:"title",size:"xmedium"},qt.t("Infinite approval")),Y.createElement(zs,{direction:"horizontal",size:4}),Y.createElement(DS,{side:"top",sideOffset:4,container:L(),content:Y.createElement(kr,null,Y.createElement(Gt,{variant:"label",size:"medium",color:"neutral700"},qt.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.")))},Y.createElement(BS,{color:"gray"}))),end:Y.createElement(_S,{checked:c}),onClick:u},b=l?[]:[x,C];return!e?.singleTheme&&!a&&b.push(w),b.push(A),Y.createElement(re,{header:{title:qt.t("Settings")}},Y.createElement(se,null,Y.createElement(Us,null),Y.createElement(MS,{type:Y.createElement(PS,{title:"_",id:"_",onClick:()=>console.log()}),items:b})))}i(Yu,"SettingsPage");import{i18n as xC}from"@lingui/core";import{cancelSwap as bC}from"@rango-dev/queue-manager-rango-preset";import{useManager as AC}from"@rango-dev/queue-manager-react";import{Alert as IC}from"@rango-dev/ui";import oa from"react";import{useParams as EC}from"react-router-dom";import{i18n as Tt}from"@lingui/core";import{getCurrentBlockchainOfOrNull as sC,getCurrentStep as aC,getRelatedWalletOrNull as lC}from"@rango-dev/queue-manager-rango-preset";import{Button as xm,CopyIcon as pC,Divider as cC,IconButton as uC,LinkIcon as mC,QuoteCost as dC,StepDetails as fC,Typography as co,useCopyToClipboard as gC}from"@rango-dev/ui";import{useWallets as hC}from"@rango-dev/wallets-react";import bm from"bignumber.js";import{PendingSwapNetworkStatus as Nr}from"rango-types";import Z,{useEffect as Am,useRef as yC,useState as Im}from"react";import{useNavigate as SC}from"react-router-dom";import{i18n as Bt}from"@lingui/core";var US=[Bt.t("Sunday"),Bt.t("Monday"),Bt.t("Tuesday"),Bt.t("Wednesday"),Bt.t("Thursday"),Bt.t("Friday"),Bt.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()?Bt.t("Today"):`${US[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 qs,MessageBox as OS,Typography as em}from"@rango-dev/ui";import lt from"react";var tm=i(({onCancel:t,onClose:e})=>lt.createElement(lt.Fragment,null,lt.createElement(qs,{size:20}),lt.createElement(OS,{type:"error",title:wr.t("Cancel Swap"),description:wr.t("Are you sure you want to cancel this swap?")}),lt.createElement(qs,{size:32}),lt.createElement(Ru,{variant:"contained",type:"primary",size:"large",onClick:t},lt.createElement(em,{variant:"title",size:"medium",color:"neutral100"},wr.t("Yes, Cancel it"))),lt.createElement(qs,{size:12}),lt.createElement(Ru,{variant:"outlined",type:"primary",size:"large",onClick:e},lt.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 zS,Typography as nm}from"@rango-dev/ui";import pt from"react";var rm=i(({onDelete:t,onClose:e})=>pt.createElement(pt.Fragment,null,pt.createElement(Gs,{size:20}),pt.createElement(zS,{type:"error",title:vr.t("Delete Transaction"),description:vr.t("Are you sure you want to delete this swap?")}),pt.createElement(Gs,{size:32}),pt.createElement(om,{variant:"contained",type:"primary",size:"large",onClick:t},pt.createElement(nm,{variant:"title",size:"medium",color:"neutral100"},vr.t("Yes, Delete it"))),pt.createElement(Gs,{size:12}),pt.createElement(om,{variant:"outlined",type:"primary",size:"large",onClick:e},pt.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 GS,Wallet as HS}from"@rango-dev/ui";import{useWallets as QS}from"@rango-dev/wallets-react";import Oo from"react";import{styled as qS}from"@rango-dev/ui";var im=qS("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}=QS(),u=n?.walletType,g=u?Ur(c(u)):null,m=u?p(u):null;return Oo.createElement(Oo.Fragment,null,Oo.createElement(GS,{type:e,title:o,description:r}),s&&!!u&&!!g&&!!m&&Oo.createElement(im,null,Oo.createElement(HS,{container:L(),title:m.name,image:m.img,type:u,state:g,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(xe.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 Ar,MessageBox as am,TokenAmount as VS,Typography as Ir}from"@rango-dev/ui";import Te from"react";import{useNavigate as jS}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:g,diagnosisUrl:m}=t,f=jS();return Te.createElement(ie,{open:e,onClose:o,container:document.getElementById(xe.SWAP_BOX_ID)||document.body},n==="success"?Te.createElement(am,{type:"success",title:zo.t("Swap Successful")},Te.createElement(VS,{direction:"vertical",tooltipContainer:L(),type:"output",centerAlign:!0,price:{value:r,usdValue:s,realUsdValue:a,realValue:l},token:p,chain:c,percentageChange:u}),Te.createElement(Ar,{size:12}),Te.createElement(Ir,{variant:"body",size:"medium",color:"neutral700",align:"center"},g)):Te.createElement(am,{type:"error",title:zo.t("Transaction Failed"),description:g}),Te.createElement(Ar,{size:32}),n==="success"&&Te.createElement(Xs,{variant:"contained",type:"primary",size:"large",onClick:()=>{f("../../")}},Te.createElement(Ir,{variant:"title",size:"medium",color:"neutral100"},zo.t("Done"))),Te.createElement(Ar,{size:12}),m&&Te.createElement(Te.Fragment,null,Te.createElement(Xs,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(m,"_blank")},Te.createElement(Ir,{variant:"title",size:"medium",color:"primary"},zo.t("Diagnosis"))),Te.createElement(Ar,{size:12})),Te.createElement(Xs,{variant:"outlined",type:"primary",size:"large",onClick:o},Te.createElement(Ir,{variant:"title",size:"medium",color:"primary"},zo.t("See Details"))))}i(Ks,"SwapDetailsCompleteModal");import rC from"react";import{i18n as eC}from"@lingui/core";import{Alert as dm,IconButton as tC,LinkIcon as oC}from"@rango-dev/ui";import Mt,{Fragment as nC}from"react";import{Alert as XS,ChevronDownIcon as KS,ChevronUpIcon as YS,IconButton as JS}from"@rango-dev/ui";import Er,{useState as ZS}from"react";function lm(t){let{message:e}=t,[o,n]=ZS(!1);return Er.createElement(XS,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&Er.createElement(JS,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?Er.createElement(YS,{size:12,color:"gray"}):Er.createElement(KS,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}i(lm,"FailedAlert");import{styled as RS}from"@rango-dev/ui";var pm=RS("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 qo from"react";function mm(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?qo.createElement(Ys,{type:"warning",title:n.shortMessage,action:qo.createElement(um,{size:"xxsmall",type:"warning",onClick:()=>{o(Js.WaitingForNetworkChange),e().catch(s=>{console.log(s)})}},cm.t("Change"))}):r===Js.WaitingForConnectingWallet?qo.createElement(Ys,{type:"warning",title:n.shortMessage,action:qo.createElement(um,{size:"xxsmall",type:"warning",onClick:()=>{o(Js.WaitingForConnectingWallet)}},cm.t("Connect"))}):qo.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=yo(s),p=s.status==="waitingForApproval"&&!l,c=s.status==="running"&&!l,u=c&&!a||p&&!s.explorerUrl?.length;return Mt.createElement(pm,null,s.explorerUrl?.map((g,m,f)=>{let T=m+g.url,S=m===f.length-1,d=(S&&c||p)&&!u,y=S&&s.status==="failed";return Mt.createElement(nC,{key:T},Mt.createElement(dm,{type:S&&(d&&"loading"||y&&"error")||"success",title:g.description?`${g.description} Tx`:eC.t("View transaction"),action:g.url&&Mt.createElement(tC,{variant:"ghost",size:"xsmall",onClick:()=>window.open(g.url,"_blank")},Mt.createElement(oC,{size:12}))}))}),u&&Mt.createElement(dm,{type:"loading",title:r.shortMessage}),s.status!=="failed"&&l&&Mt.createElement(mm,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),s.status==="failed"&&Mt.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:Ue(s.fromBlockchain,e)??"",image:s.fromBlockchainLogo??""},price:{value:I(l,6,6),realValue:l}},to:{token:{displayName:s.toSymbol,image:s.toLogo},chain:{displayName:Ue(s.toBlockchain,e)??"",image:s.toBlockchainLogo??""},price:{value:I(s.outputAmount||s.expectedOutputAmountHumanReadable,6,6),realValue:s.outputAmount||s.expectedOutputAmountHumanReadable}},swapper:{displayName:ho(s.swapperId,o),image:s.swapperLogo??"",type:s.swapperType},internalSwaps:s.internalSwaps?s.internalSwaps.map(p=>({from:{blockchain:Ue(p.fromBlockchain,e)??""},to:{blockchain:Ue(p.toBlockchain,e)??""},swapper:{displayName:ho(p.swapperId,o),image:p.swapperLogo??"",type:p.swapperType}})):[],alerts:rC.createElement(Zs,{step:s,hasAlreadyProceededToSign:r,...n})}})},"getSteps");function hm(t){if(yo(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 Go,darkTheme as iC,styled as Ht}from"@rango-dev/ui";var ym=Ht("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),Wr=Ht("div",{width:"100%"}),Sm=Ht(Co,{padding:"$0 $20 $20 $20"}),VD=Ht("div",{display:"flex",flexDirection:"column",gap:"$10"}),Cm=Ht("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),jD=Ht("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1}),po=Go({display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",padding:"$10 $20",borderBottom:"1px solid",$$color:"$colors$neutral300",[`.${iC} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color",color:"$neutral500"}),Tm=Go({padding:"$5 0"}),Lr=Go({display:"flex",justifyContent:"center",alignItems:"center",height:"$24"}),km=Go({display:"flex",width:"100%",padding:"$15 $20 $20",flexDirection:"column",alignItems:"start"}),wm=Go({width:"100%",padding:"0 $20 $10"}),vm=Ht("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}=hC(),p=h().blockchains(),c=h().swappers(),u=h().tokens(),g=X.use.retry(),m=ee.use.isActiveTab(),f=SC(),[T,S]=gC(fm),d=yC(null),[y,v]=Im(null),[x,C]=Im(null),w=i(()=>{r(),v(null)},"onCancel"),A=Pe.use.getUnreadNotifications(),b=Pe.use.setAsRead(),k=A(),E=aC(e),N=E?.networkStatus;Am(()=>{k.find(kt=>kt.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(C(e.status),b(e.requestId))},[e.status]),Am(()=>{fe?v(Nr.WaitingForNetworkChange):N===Nr.WaitingForConnectingWallet||N===Nr.NetworkChanged?v(N):v(null)},[N]);let z=ul(e),F=E?sC(e,E):null,W=E?lC(e,E):null,J=Zu(e),te=ml(e),R=i(Me=>!!l(Me)?.mobileWallet,"isMobileWallet"),fe=N===Nr.WaitingForNetworkChange&&!!F&&!!W?.walletType&&(R(W.walletType)||s(W.walletType,F)),G=fe?a.bind(null,W.walletType,F):void 0,De=cl(e,E),K=gm({swap:e,switchNetwork:G,showNetworkModal:N,setNetworkModal:v,message:De,blockchains:p,swappers:c}),U=K.length,[ke,ct]=[e.steps[0],e.steps[U-1]],Le=ct.outputAmount||ct.expectedOutputAmountHumanReadable,ut=e.steps.reduce((Me,kt)=>Me+parseFloat(kt.feeInUsd||""),0),_=e.steps.find(Me=>Me.diagnosisUrl)?.diagnosisUrl,V=I(parseFloat(I(Le,6,6))*(ct.toUsdPrice||0),4,4),H=I(parseFloat(e.inputAmount)*(ke.fromUsdPrice||0),4,4),ce=Le?le(new bm(Le).multipliedBy(ct.toUsdPrice||0)):"",mt=le(new bm(e.inputAmount).multipliedBy(ke.fromUsdPrice||0)),Qe=Oe(H,V),Dr=e.status==="success"?Tt.t({id:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:I(Le,6,6),token:K[U-1].to.token.displayName,conciseAddress:rn(e.wallets[K[U-1].to.chain.displayName]?.address||""),chain:K[U-1].to.chain.displayName}}):`${Tt.t("Transaction was not sent.")} ${z?Tt.t({id:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:z.outputAmount,symbol:z.symbol,blockchain:z.blockchain}}):""}`;return Z.createElement(re,{header:{title:Tt.t("Swap and Bridge"),onCancel:e.status==="running"?()=>v("cancel"):void 0,suffix:e.status!=="running"&&Z.createElement(Zt,null,Z.createElement(xm,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>v("delete")},Z.createElement(co,{size:"medium",variant:"label",color:"error"},Tt.t("Delete"))))},footer:te&&!x&&Z.createElement(xm,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{g(e,{blockchains:p,tokens:u}),setTimeout(()=>{f("../../")},0)}},Tt.t("Try again"))},Z.createElement(se,{compact:!0,view:!0},Z.createElement(Wr,null,Z.createElement("div",{className:po()},Z.createElement(co,{variant:"label",size:"large",color:"neutral700"},`${Tt.t("Request ID")}:`),Z.createElement("div",{className:Lr()},Z.createElement(co,{variant:"label",size:"small",color:"neutral700"},o),Z.createElement(uC,{variant:"ghost",onClick:S.bind(null,o||"")},Z.createElement(pC,{size:16,color:"gray"})),Z.createElement(vm,{target:"_blank",href:`${ca}/swap/${o}`},Z.createElement(mC,{size:16})))),Z.createElement("div",{className:po()},Z.createElement(co,{variant:"label",size:"large",color:"neutral700"},`${Tt.t(e.finishTime?"Finished at":"Created at")}:`),Z.createElement(co,{variant:"label",size:"small",color:"neutral700"},J))),Z.createElement("div",{className:km()},Z.createElement(dC,{fee:I(String(ut),2,2),time:Yo(Jo(e.steps)),steps:U}),Z.createElement(Ao,{from:{price:{value:I(e.inputAmount,6,6),usdValue:H,realUsdValue:mt,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:I(Le,6,6),usdValue:V,realUsdValue:ce,realValue:Le},token:{displayName:K[U-1].to.token.displayName,image:K[U-1].to.token.image},chain:{image:K[U-1].to.chain.image,displayName:K[U-1].to.chain.displayName}},percentageChange:I(Qe,2,2),warningLevel:ft(Qe??0)})),Z.createElement("div",{className:wm()},Z.createElement(co,{variant:"title",size:"small"},Tt.t("Swaps steps"))),Z.createElement(cC,{size:8}),Z.createElement(Sm,{ref:d},K.map((Me,kt)=>{let la=kt,uo=hm(e.steps[kt]),Xm=uo==="error"||uo==="in-progress"||uo==="warning"||uo==="completed"&&kt===K.length-1;return Z.createElement(fC,{key:la,step:Me,type:"swap-progress",ref:d,state:uo,hasSeparator:kt!==0,tabIndex:la,isFocused:Xm,tooltipContainer:L()})}))),Z.createElement(js,{state:y,onClose:()=>v(null),onCancel:w,onDelete:n,message:De.detailedMessage.content,currentStepWallet:W,walletButtonDisabled:!m}),Z.createElement(Ks,{open:!!x,diagnosisUrl:_,onClose:()=>C(null),status:e.status==="success"?"success":"failed",priceValue:I(Le,6,6),usdValue:V,realUsdValue:ce,realValue:le(Le),percentageChange:I(Qe,2,2),token:{displayName:K[U-1].to.token.displayName,image:K[U-1].to.token.image},chain:{image:K[U-1].to.chain.image},description:Dr}))}i(Rs,"SwapDetails");import{i18n as Mr}from"@lingui/core";import{Divider as Lm,NotFound as vC,Skeleton as Qo,Typography as Pr}from"@rango-dev/ui";import ue from"react";import{i18n as CC}from"@lingui/core";import{Divider as TC,Skeleton as kC,Typography as wC}from"@rango-dev/ui";import de from"react";import{css as Re,styled as ea}from"@rango-dev/ui";var Em=ea("div",{width:"100%",height:"100%",padding:"$10 $20"}),Ho=ea("div",{backgroundColor:"$neutral100",borderRadius:"$xm",padding:"$10 $15"}),Br=ea("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"}),A1=Re({display:"flex",justifyContent:"space-between",alignItems:"center"}),I1=Re({display:"flex",justifyContent:"space-between",alignItems:"center"}),E1=Re({paddingTop:"$15",display:"flex"}),W1=Re({padding:"$15 $0"}),L1=Re({width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"}),N1=Re({paddingBottom:"$10"}),B1=Re({display:"flex",justifyContent:"start",alignItems:"center"}),M1=Re({paddingTop:"$5",display:"flex",alignItems:"center"}),P1=Re({display:"flex",alignItems:"center"}),$1=Re({padding:"$4 $6",display:"flex",justifyContent:"center",alignItems:"center"}),Wm=Re({display:"flex",paddingTop:"$10",paddingBottom:"$5"});function ta(){return de.createElement(Em,null,de.createElement(Wo,{type:"swap-preview"}),de.createElement("div",{className:"swaps-steps"},de.createElement(wC,{variant:"title",size:"small"},CC.t("Swaps steps"))),de.createElement(de.Fragment,null,de.createElement(Ho,null,de.createElement(at,{separator:!1}),de.createElement("div",{className:Wm()},de.createElement(TC,{direction:"horizontal",size:20}),de.createElement(kC,{height:22,variant:"rectangular"}))),de.createElement(Br,null),de.createElement(Ho,null,de.createElement(at,{separator:!1})),de.createElement(Br,null),de.createElement(Ho,null,de.createElement(at,{separator:!1})),de.createElement(Br,null),de.createElement(Ho,null,de.createElement(at,{separator:!1}))))}i(ta,"LoadingSwapDetails");function Nm(t){let{requestId:e,showSkeleton:o}=t;return ue.createElement(re,{header:{title:Mr.t("Swap and Bridge"),suffix:ue.createElement(Zt,null)}},o&&ue.createElement(ym,null,ue.createElement(Wr,null,ue.createElement("div",{className:po()},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(Qo,{width:60,height:10,variant:"rounded"})),ue.createElement(Lm,{direction:"horizontal",size:4}),ue.createElement(Qo,{width:16,height:16,variant:"rectangular"}),ue.createElement(Lm,{direction:"horizontal",size:4}),ue.createElement(Qo,{width:16,height:16,variant:"rectangular"}))),ue.createElement("div",{className:po()},ue.createElement(Pr,{className:Tm(),variant:"label",size:"large",color:"neutral700"},ue.createElement(Qo,{width:60,height:10,variant:"rounded"})),ue.createElement(Pr,{variant:"label",size:"small",color:"neutral700"},ue.createElement(Qo,{width:60,height:10,variant:"rounded"})))),ue.createElement(ta,null)),!o&&ue.createElement(Cm,null,ue.createElement(vC,{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}=AC(),o=!e.loadedFromPersistor,n=It(t),{requestId:r}=EC(),s=At(),{fetchStatus:a}=h();if(!r)return oa.createElement(IC,{containerStyles:{margin:"20px"},type:"error",title:xC.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&&bC(m)}},"onCancel"),u=i(async()=>{if(p?.id)try{t?.deleteQueue(p.id),s()}catch(m){console.log(m)}},"onDelete"),g=p?.swap;return!g||l?oa.createElement(Nm,{requestId:r,showSkeleton:l}):oa.createElement(Rs,{swap:g,requestId:r,onCancel:c,onDelete:u})}i(Bm,"SwapDetailsPage");import{i18n as Vo}from"@lingui/core";import{AutoThemeIcon as WC,DarkModeIcon as LC,LightModeIcon as NC,List as BC,ListItemButton as MC,Radio as na,RadioRoot as PC,Typography as ra}from"@rango-dev/ui";import Ne from"react";function Mm(){let{setTheme:t,theme:e}=h(),o=[{id:"light",value:"light",title:Ne.createElement(ra,{variant:"title",size:"xmedium"},Vo.t("Light")),onClick:()=>t("light"),start:Ne.createElement(NC,{color:"gray"}),end:Ne.createElement(na,{value:"light"})},{id:"dark",value:"dark",title:Ne.createElement(ra,{variant:"title",size:"xmedium"},Vo.t("Dark")),onClick:()=>t("dark"),start:Ne.createElement(LC,{color:"gray"}),end:Ne.createElement(na,{value:"dark"})},{id:"auto",value:"auto",title:Ne.createElement(ra,{variant:"title",size:"xmedium"},Vo.t("Auto")),onClick:()=>t("auto"),start:Ne.createElement(WC,{color:"gray"}),end:Ne.createElement(na,{value:"auto"})}];return Ne.createElement(re,{header:{title:Vo.t("Theme")}},Ne.createElement(se,null,Ne.createElement(PC,{onValueChange:n=>t(n),value:e},Ne.createElement(BC,{type:Ne.createElement(MC,{title:Vo.t("Theme"),id:"_",onClick:()=>console.log()}),items:o}))))}i(Mm,"ThemePage");function Pm(){return Tl(),li(),$C([{path:P.home,element:Be.createElement(lu,null)},{path:P.fromSwap,children:[{index:!0,element:Be.createElement(Ds,{type:"source"})},{path:P.blockchains,element:Be.createElement(Ts,{type:"source"})}]},{path:P.toSwap,children:[{index:!0,element:Be.createElement(Ds,{type:"destination"})},{path:P.blockchains,element:Be.createElement(Ts,{type:"destination"})}]},{path:P.settings,children:[{index:!0,element:Be.createElement(Yu,null)},{path:P.themes,element:Be.createElement(Mm,null)},{path:P.languages,element:Be.createElement(cu,null)},{path:P.exchanges,element:Be.createElement(hs,{sourceType:"Exchanges"})},{path:P.bridges,element:Be.createElement(hs,{sourceType:"Bridges"})}]},{path:P.swaps,children:[{index:!0,element:Be.createElement(tu,null)},{path:P.swapDetails,element:Be.createElement(Bm,null)}]},{path:P.wallets,element:Be.createElement(Sp,null)},{path:P.confirmSwap,element:Be.createElement(Gc,null)}])}i(Pm,"AppRoutes");import{isApprovalTX as _C,MainEvents as $m,RouteEventType as _m,StepEventType as Dm,StepExecutionEventStatus as DC,useEvents as FC}from"@rango-dev/queue-manager-rango-preset";import{useEffect as Fm}from"react";function Um(){let t=h().tokens(),e=Q.use.connectedWallets(),o=Q.use.getWalletsDetails(),n=Pe.use.setNotification(),r=FC();return Fm(()=>(r.on($m.StepEvent,s=>{let{event:a,step:l,route:p}=s;if(a.type===Dm.TX_EXECUTION&&a.status===DC.TX_SENT&&!_C(l)||a.type===Dm.SUCCEEDED){let u=e.find(m=>m.chain===l?.fromBlockchain),g=l?.fromBlockchain!==l?.toBlockchain&&e.find(m=>m.chain===l?.toBlockchain);u&&o([u],t),g&&o([g],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 UC}from"@rango-dev/ui";var Om=i(()=>UC({"@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 zm(){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(zm,"useFetchApiConfig");import{styled as OC}from"@rango-dev/ui";var qm=OC("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}=h(),{activeTheme:e}=$n(t?.theme||{}),{activeLanguage:o}=so(),[n,r]=Gm(""),[s,a]=Gm(),l=qC(dn),{fetchApiConfig:p}=zm();return GC(()=>{Pe.persist.rehydrate(),l.onConnectWallet(r),p().catch(console.log)},[]),jo.createElement(zC,{language:o},jo.createElement(qm,{id:"swap-container",className:e()},jo.createElement(Um,null),jo.createElement(Ya,{lastConnectedWallet:n,disconnectedWallet:s,clearDisconnectedWallet:()=>{a(void 0)}},jo.createElement(Pm,null))))}i($r,"Main");import sa,{useMemo as aT}from"react";import{checkWaitingForNetworkChange as HC,makeQueueDefinition as QC}from"@rango-dev/queue-manager-rango-preset";import{Provider as VC}from"@rango-dev/queue-manager-react";import{useWallets as jC}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as XC}from"@rango-dev/wallets-shared";import{isEvmBlockchain as KC}from"rango-types";import YC,{useMemo as JC}from"react";function ZC(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:s,getWalletInfo:a}=jC(),l=JC(()=>QC({API_KEY:t.apiKey||dt("API_KEY"),BASE_URL:dt("BASE_URL")}),[t.apiKey]),p=h().blockchains(),u={blockchains:Q.use.connectedWallets().map(x=>({accounts:[x],name:x.chain}))},g=i(async(x,C)=>{if(s(x,C))return r(x,C)},"switchNetwork"),m=i(x=>!!a(x).mobileWallet,"isMobileWallet"),f=p.filter(x=>x.enabled).reduce((x,C)=>(x[C.name]=C,x),{}),T=p.filter(KC),S=i(x=>{let{supportedChains:C}=a(x);return en(C)},"getSupportedChainNames"),d=e(),y={meta:{blockchains:f,evmBasedChains:T,evmNetworkChainInfo:XC(T),getSupportedChainNames:S},getSigners:o,wallets:u,providers:d,switchNetwork:g,canSwitchNetworkTo:s,connect:r,state:n,isMobileWallet:m},v=ee.use.isActiveTab();return YC.createElement(VC,{queuesDefs:[l],context:y,onPersistedDataLoaded:x=>{HC(x)},isPaused:!v},t.children)}i(ZC,"QueueManager");var Hm=ZC;import{useManager as nT}from"@rango-dev/queue-manager-react";import rT,{createContext as iT,useContext as sT}from"react";import{cancelSwap as RC,getCurrentBlockchainOfOrNull as eT,getCurrentStep as tT,getRelatedWalletOrNull as oT}from"@rango-dev/queue-manager-rango-preset";var Xo=class{constructor(e,o){this.manager=e,this.actions=o}getAllSwaps(){return It(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&&RC(o)}getCurrentStepInfo(e){let o=tT(e);return{step:o,wallet:o?oT(e,o):null,network:o?eT(e,o):null}}};i(Xo,"WidgetHistory");var Qm=iT(void 0);function ia(t){let{manager:e}=nT(),o=ee.use.isActiveTab(),n=X.use.retry(),r=new Xo(e,{retrySwap:n}),s=Q.use.connectedWallets(),a=Q.use.loading(),l=Ta(s),p=Q.use.getWalletsDetails(),c=h().blockchains(),u=h().tokens(),g=h().swappers(),m=h().fetchStatus,f=so().resetLanguage,T=Pe().getUnreadNotifications(),S={isActiveTab:o,setCurrentTabAsActive:un,history:r,wallets:{isLoading:a,details:s,totalBalance:l,refetch:p},meta:{blockchains:c,tokens:u,swappers:g,loadingStatus:m},resetLanguage:f,notifications:{list:T}};return rT.createElement(Qm.Provider,{value:S},t.children)}i(ia,"WidgetInfo");function Vm(){let t=sT(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 aT(()=>{ba({API_KEY:o?.apiKey||Ko,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 lT(()=>Xa,[]),t.config?.externalWallets?aa.createElement($r,null):aa.createElement(_r,{config:t.config??Hr},aa.createElement($r,null))}i(jm,"Widget");export{gO as EventSeverity,hO as MainEvents,AO as Networks,WO as PendingSwapNetworkStatus,yO as RouteEventType,SO as StepEventType,CO as StepExecutionBlockedEventStatus,TO as StepExecutionEventStatus,xe as UI_ID,xO as WalletEvents,IO as WalletTypes,jm as Widget,_r as WidgetProvider,fn as WidgetWallets,gi as customizedThemeTokens,vO as readAccountAddress,bp as useWallets,Vm as useWidget,kO as useWidgetEvents};
1
+ var jm=Object.defineProperty;var i=(t,e)=>jm(t,"name",{value:e,configurable:!0});import{EventSeverity as dO,MainEvents as fO,RouteEventType as gO,StepEventType as hO,StepExecutionBlockedEventStatus as yO,StepExecutionEventStatus as SO,useEvents as CO}from"@rango-dev/queue-manager-rango-preset";import{readAccountAddress as kO,useWallets as vp,Events as wO}from"@rango-dev/wallets-react";import{Networks as xO,WalletTypes as bO}from"@rango-dev/wallets-shared";import{PendingSwapNetworkStatus as AO}from"rango-types";import{UI_ID as Xm}from"@rango-dev/ui";var Yo="c6381a79-2817-4602-83bf-6a641a409e32",pa="https://api.rango.exchange",ca="https://scan.rango.exchange",xe={SWAP_BOX_ID:"rango-swap-box",...Xm};import{Events as jr,Provider as Id}from"@rango-dev/wallets-react";import{isEvmBlockchain as Ad}from"rango-sdk";import mn,{createContext as Ed,useEffect as Xr,useRef as Wd,useState as Ld}from"react";import{useEffect as ud}from"react";import{create as ld}from"zustand";import{subscribeWithSelector as pd}from"zustand/middleware";import{RangoClient as sd}from"rango-sdk";import{WalletState as tt}from"@rango-dev/ui";import{readAccountAddress as Jm}from"@rango-dev/wallets-react";import{detectInstallLink as Zm,getCosmosExperimentalChainInfo as Rm,isEvmAddress as ed,KEPLR_COMPATIBLE_WALLETS as wT,Networks as fa}from"@rango-dev/wallets-shared";import Fr from"bignumber.js";import{isCosmosBlockchain as td}from"rango-types";import Km from"bignumber.js";var be=new Km(0);import{WalletTypes as Ym}from"@rango-dev/wallets-shared";var ua=[Ym.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 et=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 tt.CONNECTED;case t.connecting:return tt.CONNECTING;case!t.installed:return tt.NOT_INSTALLED;default:return tt.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:Zm(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(g=>g.chain===p)){let g={address:c,chain:p,walletType:t};s.push(g)}}i(a,"addAccount");let l=n||[];return e.forEach(p=>{let{address:c,network:u}=Jm(p),g=l.length>0,m=l.includes(u),f=u===fa.Unknown;if(g&&!m&&!f)return;let S=u===fa.Unknown&&ed(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:nd(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||be).multipliedBy(s?.usdPrice||0))?.reduce((s,a)=>s.plus(a),be)||be).toString();return od(r)},"calculateWalletUsdValue");function od(t){let e=t.toString().split(".");return e[0]=e[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),e.join(".")}i(od,"numberWithThousandSeparator");var nd=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=Rm(Object.entries(t).map(([,n])=>n).filter(td));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 rd(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(rd,"sortTokensByBalance");function id(t,e,o){let n=o(t),r=o(e);return n===r?0:n?-1:1}i(id,"sortTokensByPinnedToken");function ka(t,e,o){return t.sort((n,r)=>{let s=e(n),a=e(r),l=id(n,r,o);return l!==0?l:rd(s,a)}),t}i(ka,"sortTokens");function Ie(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}i(Ie,"areTokensEqual");function wa(t){return t.sort((e,o)=>+(o.state===tt.CONNECTED)-+(e.state===tt.CONNECTED)||+(o.state===tt.DISCONNECTED||o.state===tt.CONNECTING)-+(e.state===tt.DISCONNECTED||e.state===tt.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??be).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 zr={API_KEY:Yo};function dt(t){return zr[t]||""}i(dt,"getConfig");function ba(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),zr=e,zr}i(ba,"initConfig");var Ia=20,Aa=25,Ea="Roboto",qr="theme-widget",go=i((t,e)=>{let o=!1;if(e&&t){if(Array.isArray(e))o=!e.some(n=>Ie(n,t));else if(!Array.isArray(e)&&e[t.blockchain]){o=e[t.blockchain].tokens.some(r=>Ie(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 sd(dt("API_KEY"),dt("BASE_URL")),ln),"httpService");var ad=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=ad;var Q=wt(ld()(pd((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(g=>on(g,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 cd}from"@rango-dev/provider-all";function pn(t,e){let o=cd({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=Q.use.clearConnectedWallet(),n=pn(void 0,e);return ud(()=>{o(),n=pn(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}i(La,"useWalletProviders");import Cd,{createContext as Td,useContext as kd,useEffect as wd,useRef as vd}from"react";import{create as yd}from"zustand";import{persist as Sd}from"zustand/middleware";var Hr={apiKey:"",title:void 0,multiWallets:!0,enableNewLiquiditySources:!0,customDestination:!0},md={clientUrl:void 0},Na=i((t,e,o)=>({config:{...Hr,...t},iframe:md,updateConfig:n=>{let r=o().config;e({config:{...r,...n}})},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 Pt(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}i(Pt,"containsText");var L=i(()=>document.getElementById(xe.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 Fe(t,e){return e?.[t]==="hidden"}i(Fe,"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?!!(Pt(p.symbol,o.searchFor)||Pt(p.address||"",o.searchFor)||Pt(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=>Ie(a,o)),swappers:()=>{let{config:{enableNewLiquiditySources:o,liquiditySources:n}}=e();return e()._swappers.filter(a=>{let l=n?.includes(a.swapperGroup);return o||!n||n.length===0?!l:l}).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 dd,French as fd,Japanese as gd,Spanish as hd}from"@rango-dev/ui";var $a=[{title:"English",label:"English",local:"en",SVGFlag:dd},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:hd},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:fd},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:gd}],ho="en";var _a=[.5,1,3],Da=1,Fa=5,Ua=100,Oa=0;var za=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=Fe("theme",n),s=Fe("language",n),a=Fe("liquiditySource",n);t({...r&&{theme:"auto"},...s&&{language:ho},...a&&{disabledLiquiditySources:[]}})}}),"createSettingsSlice");function qa(t){return yd()(Sd((...e)=>({...Pa(...e),...za(...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(qa,"createAppStore");var Ga=Td(null);function h(){let t=kd(Ga);if(wd(()=>{t&&!t.persist.hasHydrated()&&t.persist.rehydrate()},[]),!t)throw new Error("Missing AppStoreContext.Provider in the tree");return t()}i(h,"useAppStore");function Ha(t){let e=vd();return e.current||(e.current=qa(t.config)),Cd.createElement(Ga.Provider,{value:e.current},t.children)}i(Ha,"AppStoreProvider");import{create as bd}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(bd()((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=Ed({onConnectWallet:()=>{}});function Nd(t){let{updateConfig:e,updateSettings:o,fetch:n}=h(),r=h().blockchains(),s=h().tokens(),a={walletConnectProjectId:t.config?.walletConnectProjectId},[l,p]=Ld([]),{providers:c}=La(t.config.wallets,a),{connectWallet:u,disconnectWallet:g}=Q(),m=Wd();Xr(()=>{n().catch(console.log)},[]),Xr(()=>{t.config&&(e(t.config),o(t.config))},[t.config]);let f=r.filter(Ad).map(d=>d.name),T=i((d,y,v,x,C)=>{if(y===jr.ACCOUNTS)if(v){let w=tn(C.supportedBlockchains),I=ha(d,v,f,w,C.isContractWallet);p(I)}else g(d);if(y===jr.ACCOUNTS&&x.connected){let w=`${d}-${x.network}-${v}`;x.connected&&(m.current?m.current(w):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(y===jr.NETWORK&&x.network){let w=`${d}-${x.network}`;m.current?m.current(w):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(d,y,v,x,C)},"onUpdateState"),S=ee.use.isActiveTab();return Xr(()=>{l.length&&u(l,s)},[l,s]),mn.createElement(dn.Provider,{value:{onConnectWallet:d=>{m.current=d}}},mn.createElement(Id,{allBlockChains:r,providers:c,onUpdateState:T,autoConnect:!!S},t.children))}i(Nd,"Main");function fn(t){let{config:e,...o}=t;return mn.createElement(Ha,{config:e},mn.createElement(Nd,{...o,config:e}))}i(fn,"WidgetWallets");import aa,{useEffect as sT}from"react";import{I18nManager as UC}from"@rango-dev/ui";import Xo,{useContext as OC,useEffect as zC,useState as zm}from"react";import{useQueueManager as _d}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Dd}from"@rango-dev/wallets-react";import{isEvmBlockchain as Fd}from"rango-types";import Ud,{Fragment as Od}from"react";import{MemoryRouter as zd,useInRouterContext as qd}from"react-router";import{useWallets as Md}from"@rango-dev/wallets-react";import{useEffect as Pd,useRef as $d}from"react";function ja(){let{connect:t,state:e}=Md(),o=$d({}),{fetchStatus:n}=h(),r=new URLSearchParams(location.search).get("autoConnect")||"",s=e(r);Pd(()=>{n==="success"&&r&&s.installed&&!s.connecting&&!s.connected&&!o.current[r]&&(o.current[r]=!0,t(r))},[s,n])}i(ja,"useForceAutoConnect");function Xa({children:t,...e}){let n=qd()?Od:zd,r=h().blockchains(),{canSwitchNetworkTo:s}=Dd();ja();let a=r.filter(Fd);return _d({lastConnectedWallet:e.lastConnectedWallet,clearDisconnectedWallet:e.clearDisconnectedWallet,disconnectedWallet:e.disconnectedWallet,evmChains:a,canSwitchNetworkTo:s}),Ud.createElement(n,null,t)}i(Xa,"AppRouter");import Be from"react";import{useRoutes as MC}from"react-router-dom";var P={home:"/",fromSwap:"from-swap",toSwap:"to-swap",blockchains:"blockchains",settings:"settings",liquiditySources:"liquidity-sources",themes:"themes",bridges:"bridges",exchanges:"exchanges",languages:"languages",swaps:"swaps",wallets:"wallets",confirmSwap:"confirm-swap",swapDetails:":requestId"};import{useEffect as Yt,useRef as vn}from"react";import bt from"bignumber.js";import{create as Xd}from"zustand";import{subscribeWithSelector as Kd}from"zustand/middleware";import{getLastSuccessfulStep as jd}from"@rango-dev/queue-manager-rango-preset";import rv 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 Ka(t,e){return e.find(o=>o.name===t)?.displayName}i(Ka,"getBlockchainDisplayNameFor");function Ue(t,e){return e.find(o=>o.name===t)?.shortName}i(Ue,"getBlockchainShortNameFor");function yo(t,e){return e.find(o=>o.id===t)?.swapperGroup}i(yo,"getSwapperDisplayName");function Kr(t,e){return e.find(o=>Ie(o,t))??null}i(Kr,"findToken");function Yr(t,e){return e.find(o=>o.name===t)??null}i(Yr,"findBlockchain");import{i18n as Ve}from"@lingui/core";import Ae 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 we}from"@lingui/core";var j=i(()=>({genericServerError:we.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:we.t("Please reset your liquidity sources."),description:we.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources.")},noResultError:{title:we.t("No Routes Found."),description:we.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:we.t("Bridge Limit Error: Please increase your amount."),decreaseAmount:we.t("Bridge Limit Error: Please decrease your amount.")},highValueLossError:{impactTitle:we.t("High Price Impact"),title:we.t("Price impact is too high!"),description:we.t("The price impact is significantly higher than the allowed amount. If you are sure, continue, otherwise, change the swap."),confirmMessage:we.t("Confirm high price impact")},quoteUpdatedWithHighValueLoss:{title:we.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:we.t("USD Price Unknown"),title:we.t("USD Price Unknown, Cannot calculate Price Impact."),description:we.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:we.t("Confirm USD Price Unknown")}}),"errorMessages");function Ya(t){switch(t.type){case 0:return t.diagnosisMessage??j().noResultError.title;case 1:return j().genericServerError;default:return""}}i(Ya,"getQuoteErrorMessage");import{i18n as yn}from"@lingui/core";var _t=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 Ja(t,e){return(parseInt(e.toFixed(2)||"0")<=-10&&t?.gte(new Ae(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new Ae(1e3)))??!1}i(Ja,"hasHighValueLoss");function Jr(t){return(t?.result?.swaps||[]).filter(e=>{let o=e.fromAmountMinValue?new Ae(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Ae(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 Ae(l.fromAmountMinValue):null,c=l.fromAmountMaxValue?new Ae(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 Ae(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Ae(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",s="",a="";return!r&&o&&o.gt(e.fromAmount)?(s=Ve.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=Ve.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=Ve.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=Ve.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 Za(t){let{fetchMetaStatus:e,anyWalletConnected:o,fetchingQuote:n,inputAmount:r,quote:s,warning:a,error:l,needsToWarnEthOnPath:p}=t;return e!=="success"?{title:_t().connectWallet,action:"connect-wallet",disabled:!0}:o?n||!s||!s.result||l||!r||r==="0"?{title:_t().swap,action:"confirm-swap",disabled:!0}:a?{title:_t().swapAnyway,action:"confirm-warning",disabled:!1}:p?{title:_t().ethWarning,action:"confirm-warning",disabled:!1}:{title:_t().swap,action:"confirm-swap",disabled:!1}:{title:_t().connectWallet,action:"connect-wallet",disabled:!1}}i(Za,"getSwapButtonState");function Rr(t,e,o){return!((!o||o.lte(be))&&t?.result&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t.result)}i(Rr,"canComputePriceImpact");function Gd(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(Gd,"requiredWallets");var Hd=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice");function Qd(t,e){let o=be;for(let n=0;n<t.fee.length;n++){let r=t.fee[n];if(r.expenseType==="DECREASE_FROM_OUTPUT")continue;let s=Hd(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new Ae(r.amount).multipliedBy(s||0))}return o}i(Qd,"getUsdFeeOfStep");function Cn(t,e){return t.reduce((o,n)=>o.plus(Qd(n,e)),be)}i(Cn,"getTotalFeeInUsd");function ei(t){let e=be;return e=e.plus(new Ae(t.amount).multipliedBy(t.price||0)),e}i(ei,"getUsdFee");function Ra(t){return t.reduce((e,o)=>e.plus(ei(o)),be)}i(Ra,"getTotalFeesInUsd");function el(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(el,"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 tl(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(tl,"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 ol(t,e){return e?parseFloat(t)>=parseFloat(e):!0}i(ol,"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:g,affiliateWallets:m,initialQuote:f,destination:T}=t,S=s?.reduce((C,w)=>(C[w.chain]=w.address,C),{}),d=[];r?.forEach(C=>{let w=d.find(I=>I.blockchain===C.chain);w?w.addresses.push(C.address):d.push({blockchain:C.chain,addresses:[C.address]})});let y=!!f,v=jt((f?.result?.swaps||[]).reduce((C,w)=>(C.push(w.from.blockchain,w.to.blockchain),w.internalSwaps&&Array.isArray(w.internalSwaps)&&w.internalSwaps.map(I=>{C.push(I.from.blockchain,I.to.blockchain)}),C),[]));return{amount:n.toString(),affiliateRef:u??void 0,affiliatePercent:g??void 0,affiliateWallets:m??void 0,checkPrerequisites:y,from:{address:e.address,blockchain:e.blockchain,symbol:e.symbol},to:{address:o.address,blockchain:o.blockchain,symbol:o.symbol},connectedWallets:d,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},...y&&{blockchains:v}}}i(kn,"createQuoteRequestBody");function nl(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}i(nl,"getWalletsForNewSwap");function Kt(t){return t.result?.outputAmount||null}i(Kt,"getQuoteOutputAmount");function rl(t,e){return new Ae(e).div(new Ae(t)).minus(1).multipliedBy(100).toNumber()}i(rl,"getPercentageChange");function il(t,e){let o=Kt(t),n=Kt(e);if(!o||!n)return!1;let r=Oe(o,n);return r?r<=-1:!0}i(il,"isOutputAmountChangedALot");function sl(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=>ml(a,n)||[]).filter(a=>!a.ok).map(a=>{let l=a.asset.symbol,p=A(new Ae(a.currentAmount.amount).shiftedBy(-a.currentAmount.decimals),8,8),c=A(new Ae(a.requiredAmount.amount).shiftedBy(-a.requiredAmount.decimals),8,8),u="";return a.reason==="FEE"&&(u=Ve.t(" for network fee")),a.reason==="INPUT_ASSET"&&(u=Ve.t(" for swap")),a.reason==="FEE_AND_INPUT_ASSET"&&(u=Ve.t(" for input and network fee")),Ve.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:Ue(a.asset.blockchain,o)}})})}i(sl,"generateBalanceWarnings");function al(t,e){return(t?new Ae(t):be).multipliedBy(e||0)}i(al,"calcOutputUsdValue");function So(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==Sn.NetworkChanged}i(So,"isNetworkStatusInWarningState");function ll(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||Ve.t("Waiting for connecting wallet");break;case Sn.WaitingForQueue:n=n||Ve.t("Waiting for other running tasks to be finished");break;case Sn.WaitingForNetworkChange:n=n||Ve.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(ll,"getSwapMessages");function pl(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(pl,"getLastConvertedTokenInFailedSwap");function cl(t){return t.status==="failed"&&!!t.finishTime&&new Date().getTime()-parseInt(t.finishTime)<4*3600*1e3}i(cl,"shouldRetrySwap");function ul(t,e,o,n,r,s){return t||!e&&!Gd(n).every(a=>r.map(l=>l.chain).includes(a))||!!e&&!o||!!e&&!!o&&s&&!hn(s,o)}i(ul,"confirmSwapDisabled");function fl(t){return t?.result?.swaps[t?.result?.swaps.length-1].to.usdPrice}i(fl,"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 gl(t,e){return oi(t,e)||ni(t,e)||ri(t,e)}i(gl,"isQuoteChanged");function ml(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(ml,"getRequiredBalanceOfWallet");function ft(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}i(ft,"getPriceImpactLevel");function hl(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],s=jd(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),g=s?s.outputAmount??"":t.inputAmount;return{fromBlockchain:l,fromToken:c,toBlockchain:p,toToken:u,inputAmount:g}}i(hl,"createRetryQuote");function wn(t,e){let{fromToken:o,toToken:n,tokens:r,userSlippage:s}=e,a=Dt(o,t.requestAmount),l=Dt(n,t.result?.outputAmount??"");if(t.result&&a&&l){let u=Oe(a.toString(),l.toString());if(!!u&&Ja(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(ol(e.userSlippage.toString(),p)){if(c&&parseFloat(p??"0")<s)return{type:3,slippage:s.toString()}}else return{type:2,recommendedSlippages:tl(t,s),minRequiredSlippage:p};return null}i(wn,"generateQuoteWarnings");function Oe(t,e){let o=typeof e=="string"?parseFloat(e)<=0:!e?.gt(0),n=!t||!e||o?null:rl(t.toString(),e.toString());return n&&n<0?n:null}i(Oe,"getPriceImpact");var yl=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 Dt=i((t,e)=>t?.usdPrice?new bt(e||be).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),X=wt(Xd()(Kd(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=be;return fo(o.inputAmount)?(e&&(n=e.result?.outputAmount?new bt(e.result?.outputAmount):null,r=al(e.result?.outputAmount,fl(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:Dt(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:Dt(o.fromToken,e)}}))},retry:(e,o)=>{let{tokens:n,blockchains:r}=o,{fromBlockchain:s,fromToken:a,toBlockchain:l,toToken:p,inputAmount:c}=hl(e,r,n);t({fromBlockchain:s,fromToken:a,inputAmount:c,outputAmount:null,inputUsdValue:Dt(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:Dt(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 Sl(){let{setInputAmount:t,setToToken:e,setToBlockchain:o,setFromBlockchain:n,setFromToken:r,fromToken:s,toToken:a,fromBlockchain:l,toBlockchain:p}=X(),c=h().config,u=h().fetchStatus,g=h().blockchains(),m=h().tokens(),{setAffiliateRef:f,setAffiliatePercent:T,setAffiliateWallets:S}=h(),d=c?.from?.tokens,y=c?.from?.blockchains,v=c?.to?.tokens,x=c?.to?.blockchains,C=vn(void 0),w=vn(void 0),I=vn(void 0),b=vn(void 0);Yt(()=>{t(c?.amount?.toString()||"")},[c?.amount]),Yt(()=>{if(u==="success"){let k=g.find(N=>N.name===c?.from?.blockchain),E=m.find(N=>Ie(N,c?.from?.token||null));(k||!k&&I.current)&&n(k??null),E?r({token:E,meta:{blockchains:g,tokens:m}}):!E&&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,d)&&r({token:null}),Gr(l,y)&&n(null)},[d,y]),Yt(()=>{go(a,v)&&r({token:null}),Gr(p,x)&&o(null)},[v,x]),Yt(()=>{if(u==="success"){let k=g.find(N=>N.name===c?.to?.blockchain),E=m.find(N=>Ie(N,c?.to?.token||null));(k||!k&&b.current)&&o(k??null),E?e({token:E,meta:{blockchains:g,tokens:m}}):!E&&w.current&&e({token:null}),b.current=c?.to?.blockchain,w.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(Sl,"useSyncStoresWithConfig");import{useEffect as ai}from"react";import{useInRouterContext as Yd,useLocation as Jd,useSearchParams as Zd}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=Jd(),[e,o]=Zd(),{fromBlockchain:n,toBlockchain:r,fromToken:s,toToken:a,inputAmount:l,setFromBlockchain:p,setToBlockchain:c,setFromToken:u,setToToken:g,setInputAmount:m}=X(),f=h().fetchStatus,T=h().blockchains(),S=h().tokens(),d=Yd(),{updateIframe:y}=h(),v=i(()=>{let C=e.get("fromAmount"),w=e.get("fromBlockchain"),I=e.get("fromToken"),b=e.get("toBlockchain"),k=e.get("toToken"),E=e.get("autoConnect"),N=e.get("clientUrl");return{fromAmount:C,fromBlockchain:w,fromToken:I,toBlockchain:b,toToken:k,autoConnect:E,clientUrl:N}},"getUrlSearchParams"),x=i(C=>{for(let w in C)C[w]||delete C[w];o(C,{replace:!0})},"updateUrlSearchParams");ai(()=>{let{autoConnect:C,clientUrl:w}=v();d&&f==="success"&&x({["fromBlockchain"]:n?.name,["fromToken"]:si(s),["toBlockchain"]:r?.name,["toToken"]:si(a),["fromAmount"]:l,["autoConnect"]:C??void 0,["clientUrl"]:w??void 0})},[t.pathname,l,n,s,r,a]),ai(()=>{if(!d)return;let C=v();if(C.fromAmount&&m(C.fromAmount),f==="success"){let w=T.find(E=>E.name===C.fromBlockchain),I=ii(S,C.fromToken,w??null),b=T.find(E=>E.name===C.toBlockchain),k=ii(S,C.toToken,b??null);w&&(p(w),I&&u({token:I,meta:{blockchains:T,tokens:S}})),b&&(c(b),k&&g({token:k,meta:{blockchains:T,tokens:S}}))}},[f]),ai(()=>{let{clientUrl:C}=v();y("clientUrl",C||void 0)},[])}i(li,"useSyncUrlAndStore");import{i18n as pr}from"@lingui/core";import{useManager as $h}from"@rango-dev/queue-manager-react";import{Alert as Uc,Button as _h,css as rs,Divider as ns,IconButton as Oc,SettingsIcon as Dh,styled as Fh,Tooltip as Uh,Typography as Oh,WalletIcon as zh}from"@rango-dev/ui";import pe,{useEffect as Mo,useLayoutEffect as qh,useRef as Gh,useState as cr}from"react";import{flushSync as Hh}from"react-dom";import{useLocation as Qh,useNavigate as Vh}from"react-router-dom";import{i18n as ot}from"@lingui/core";import{Alert as $i,BalanceErrors as Eg,Button as xp,ChevronDownIcon as Wg,ChevronLeftIcon as Lg,Divider as oo,MessageBox as Ng,Typography as Vn,WalletIcon as Bg}from"@rango-dev/ui";import B,{useEffect as Mg,useState as Ut}from"react";import{useNavigate as Pg}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 ef}from"@rango-dev/ui";import tf from"react";function ie(t){let{watermark:e}=ee();return tf.createElement(ef,{hasWatermark:e==="FULL",...t},t.children)}i(ie,"WatermarkedModal");import Wn,{useRef as rf}from"react";import*as Jt from"@radix-ui/react-collapsible";import{keyframes as Cl,styled as In}from"@rango-dev/ui";var pi=300,of=Cl({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),nf=Cl({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),Tl=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:`${of} ${pi}ms ease-out`},false:{animation:`${nf} ${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=rf(null);return Wn.createElement(Tl,{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 sf,css as kl,darkTheme as Zt,IconButton as af,styled as ze,TextField as lf}from"@rango-dev/ui";var wl=ze("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),vl=ze("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),pf=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"}}}}),xl=ze(pf,{alignSelf:"stretch",minHeight:"93px"}),bl=ze("div",{padding:"$20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),Il=ze(af,{position:"absolute",left:"$20"}),Al=ze("div",{paddingTop:"$20"}),El=kl({display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),Wl=ze("div",{padding:"$10 $0","& .button__content":{display:"flex",alignItems:"center"},"& .alarms":{paddingTop:"$5"},"& .collapsible_content":{backgroundColor:"$neutral100"},"& .collapsible_root":{backgroundColor:"$neutral200"}}),Ll=kl({paddingTop:"$5"}),Nl=ze("div",{display:"flex"}),Bl=ze(lf,{backgroundColor:"$neutral100",padding:"$0 $15 $15 $15"}),Ml=ze("div",{overflow:"visible",width:"100%"}),Pl=ze(sf,{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 Xe}from"@lingui/core";import{Button as xg,Divider as Mi,Image as bg,MessageBox as Qn,SelectableWallet as Ig,Typography as Tp,WalletState as kp}from"@rango-dev/ui";import ae,{useEffect as wp,useState as wo}from"react";import{WalletState as ui}from"@rango-dev/ui";import{useWallets as cf}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as uf,WalletTypes as Nn}from"@rango-dev/wallets-shared";import{useEffect as mf,useState as df}from"react";var ff=Object.values(Nn);function Bn(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:s,disconnect:a,getWalletInfo:l,connect:p}=cf(),{connectedWallets:c}=Q(),u=h().blockchains(),g=Wa(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||ff,m=ga(s,l,g,o),f=wa(m),[T,S]=df(""),d=i(w=>!c.find(I=>I.walletType===w&&I.chain===o),"isExperimentalChainNotAdded"),y=i(async w=>{let I=s(w);try{if(T&&S(""),I.connected)await a(w);else{let b=!!m.find(k=>k.state===ui.CONNECTED);if(!e?.multiWallets&&b)return;n?.(w),await p(w),r?.(w)}}catch(b){S("Error: "+b?.message)}},"handleClick"),v=i(()=>{let w=m?.filter(I=>I.state===ui.CONNECTING)||[];for(let I of w)a(I.type)},"disconnectConnectingWallets");mf(()=>()=>{v()},[]);let x=i(w=>w.filter(b=>b.state!=ui.NOT_INSTALLED&&![Nn.DEFAULT,Nn.WALLET_CONNECT_2].includes(b.type)&&l(b.type).supportedChains.filter(k=>k.type=="EVM").length>0).length==0,"shouldShowDefaultInjectedWallet"),C=i((w,I,b)=>nn(b,I)&&d(w)&&!uf.includes(w)||w==Nn.DEFAULT&&!x(m),"shouldExcludeWallet");return{list:f.filter(w=>!C(w.type,o??"",u)),error:T,handleClick:y}}i(Bn,"useWalletList");import{i18n as dp}from"@lingui/core";import{styled as gp,Typography as yg,Wallet as Sg,WalletState as Cg}from"@rango-dev/ui";import to,{useState as fp}from"react";import{useManager as ag}from"@rango-dev/queue-manager-react";import{BottomLogo as lg,Divider as ip,Header as pg}from"@rango-dev/ui";import me,{useEffect as sp,useRef as ap}from"react";import{useRef as gf}from"react";function Mn(){return window.self!==window.top}i(Mn,"isAppLoadedIntoIframe");function mi(){let t=gf(null),{iframe:e}=h(),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 hf}from"react-router-dom";function It(){let t=hf();return()=>t(-1)}i(It,"useNavigateBack");import{createTheme as hi,darkTheme as kf,lightTheme as wf}from"@rango-dev/ui";import{useEffect as Fl,useState as vf}from"react";import{theme as Cf,darkColors as Tf}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 _l=i(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),yf=i(t=>{let e="",o;for(o=Math.abs(t);o>52;o=o/52|0)e=_l(o%52)+e;return _l(o%52)+e},"toAlphabeticName"),Sf=i((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),fi=i(t=>yf(Sf(5381,JSON.stringify(t))>>>0),"toHash");function gi(t){let e=Cf.colors,o=di({...e,...Tf},!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:`${qr}-light-${fi(p)}`,tokens:p}}if(r){let p={colors:o};l={id:`${qr}-dark-${fi(p)}`,tokens:p}}return{light:a,dark:l}}i(gi,"customizedThemeTokens");function Dl(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(Dl,"joinList");function $n(t){let{colors:e,fontFamily:o=Ea,borderRadius:n=Ia,secondaryBorderRadius:r=Aa,mode:s="auto"}=t,[a,l]=vf("light"),{setTheme:p,theme:c}=h(),{dark:u,light:g}=gi(e),m=hi({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),f=[m.className,wf.className],T=[m.className,kf.className];if(g){let d=hi(g.id,g.tokens);f.push(d.className)}if(u){let d=hi(u.id,u.tokens);T.push(d.className)}return Fl(()=>{let d=i(y=>{y.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",d),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",d)}},[]),Fl(()=>{s!=="auto"&&p(s)},[s]),{activeTheme:i(()=>{let d=f.join(" "),y=T.join(" ");return c==="auto"?a==="dark"?y:d:c==="dark"?y:d},"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 Ul}from"@lingui/core";import{Alert as xf,Button as bf}from"@rango-dev/ui";import Ol from"react";function yi(t){return Ol.createElement(xf,{action:Ol.createElement(bf,{onClick:t.onActivateTab,variant:"contained",size:"xxsmall",type:"warning"},Ul.t("Activate")),type:"warning",variant:"alarm",title:Ul.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 If,Divider as Af,MessageBox as Ef}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:L()},_n.createElement(Ef,{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(Af,{size:20}),_n.createElement(If,{variant:"contained",size:"large",type:"primary",fullWidth:!0,onClick:n},Si.t("Confirm"))))}i(Ci,"ActivateTabModal");import{ChevronLeftIcon as Nf}from"@rango-dev/ui";import Hl from"react";import{darkTheme as Wf,IconButton as Lf,styled as Co}from"@rango-dev/ui";var qe=Co(Lf,{width:"$24",position:"relative",padding:"0",overflow:"unset"}),zl=Co("div",{position:"absolute",background:"$secondary500",[`.${Wf} &`]:{$$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}}),ql=Co("div",{position:"absolute",backgroundColor:"$secondary500",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0"}),Gl=Co("div",{padding:"$2",variants:{isRefetched:{true:{transform:"rotate(360deg)",transition:"transform 1s ease-in-out"}}}});function Ti(t){return Hl.createElement(qe,{variant:"ghost",size:"small",onClick:t.onClick},Hl.createElement(Nf,{color:"black",size:16}))}i(Ti,"BackButton");import{i18n as Bf}from"@lingui/core";import{Button as Mf,Typography as Pf}from"@rango-dev/ui";import ki from"react";function wi(t){return ki.createElement(Rt,null,ki.createElement(Mf,{variant:"ghost",onClick:t.onClick,size:"xsmall"},ki.createElement(Pf,{variant:"label",size:"medium",color:"error500"},Bf.t("Cancel"))))}i(wi,"CancelButton");import{i18n as $f}from"@lingui/core";import{Tooltip as _f,WalletIcon as Df}from"@rango-dev/ui";import Dn from"react";function vi(t){return Dn.createElement(_f,{container:t.container,side:"top",content:$f.t("Connect Wallet")},Dn.createElement(qe,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&Dn.createElement(zl,null),Dn.createElement(Df,{size:18,color:"black"})))}i(vi,"WalletButton");import{i18n as zn}from"@lingui/core";import{NotificationsIcon as ng,Popover as rg,SettingsIcon as ig,Tooltip as qn,TransactionIcon as sg}from"@rango-dev/ui";import Ce from"react";import{i18n as Qf}from"@lingui/core";import{EventSeverity as Vf}from"@rango-dev/queue-manager-rango-preset";import{ChainToken as Yl,ChevronRightIcon as jf,ListItemButton as Xf,Typography as Kf}from"@rango-dev/ui";import je from"react";import{useNavigate as Yf}from"react-router-dom";import{create as Ff}from"zustand";import{persist as Uf,subscribeWithSelector as Of}from"zustand/middleware";var Pe=wt(Ff()(Uf(Of((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 Ql=Fn("div",{padding:"$10",width:"350px",maxWidth:"90vw",minHeight:"150px"}),Vl=Fn("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),jl=Fn("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),Xl=Fn("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as zf}from"@lingui/core";import{Divider as qf,NoNotificationIcon as Gf,Typography as Hf}from"@rango-dev/ui";import Un from"react";function Kl(){return Un.createElement(Xl,null,Un.createElement(Gf,{color:"secondary",size:26}),Un.createElement(qf,{size:12}),Un.createElement(Hf,{variant:"body",size:"medium",color:"neutral700"},zf.t("There are no notifications.")))}i(Kl,"NotificationNotFound");var Jf=4;function xi(){let t=Yf(),{getUnreadNotifications:e}=Pe(),o=e(),n=h().blockchains(),r=h().tokens(),s=o.sort((l,p)=>p.creationTime-l.creationTime).slice(0,Jf),a=i(l=>{t(`${P.swaps}/${l}`)},"handleOnClick");return je.createElement(Ql,null,s.length?je.createElement(Vl,null,s.map(l=>{let{route:p,requestId:c,event:u}=l,g=r.find(S=>Ie(S,p.from)),m=n.find(S=>S.name===p.from.blockchain),f=r.find(S=>Ie(S,p.to)),T=n.find(S=>S.name===p.to.blockchain);return je.createElement(Xf,{key:c,onClick:()=>a(c),title:je.createElement(Kf,{variant:"body",size:"small",color:u.messageSeverity===Vf.WARNING?"$foreground":"$neutral700"},Qf.t(u.message)),id:c,start:je.createElement(jl,null,je.createElement("div",{className:"from-chain-token"},je.createElement(Yl,{tokenImage:g?g.image:"",chainImage:m?m.logo:"",size:"small"})),je.createElement("div",{className:"to-chain-token"},je.createElement(Yl,{tokenImage:f?f.image:"",chainImage:T?T.logo:"",size:"small"}))),end:je.createElement(jf,{size:12,color:"gray"})})})):je.createElement(Kl,null))}i(xi,"NotificationContent");import{RefreshProgressButton as Zf}from"@rango-dev/ui";import bi,{useEffect as Rf,useState as Jl}from"react";var eg=1e3,Zl=60,tg=100;function On({onClick:t}){let[e,o]=Jl(0),[n,r]=Jl(!1),s=i(p=>{document.hidden&&p&&a(p)},"handleVisibilityChange");Rf(()=>{let p;return t?p=window.setInterval(()=>{o(c=>c+1),e===Zl&&l()},eg):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(qe,{variant:"ghost",size:"small",onClick:l,disabled:!t},bi.createElement(Gl,{onTransitionEnd:()=>r(!1),isRefetched:n},bi.createElement(Zf,{size:24,color:t?"black":"gray",progress:e/Zl*tg})))}i(On,"RefreshButton");import{Typography as og}from"@rango-dev/ui";import Rl from"react";function ep(){let{getUnreadNotifications:t}=Pe(),e=t().length;return e?Rl.createElement(ql,null,Rl.createElement(og,{variant:"body",size:"xsmall",color:"$background"},e)):null}i(ep,"UnreadNotificationsBadge");function Ii(t){let{onClickRefresh:e,onClickHistory:o,onClickSettings:n}=t,{config:{features:r}}=h(),s=Fe("notification",r);return Ce.createElement(Ce.Fragment,null,Ce.createElement(qn,{container:L(),side:"top",content:zn.t("Refresh")},Ce.createElement(On,{onClick:e})),!s&&Ce.createElement(rg,{align:"end",alignOffset:-88,collisionPadding:{right:20,left:20},container:L(),content:Ce.createElement(xi,null)},Ce.createElement("div",null,Ce.createElement(qn,{container:L(),side:"top",content:zn.t("Notifications")},Ce.createElement(qe,{size:"small",variant:"ghost"},Ce.createElement(ng,{size:18,color:"black"}),Ce.createElement(ep,null))))),Ce.createElement(qn,{container:L(),side:"top",content:zn.t("Settings")},Ce.createElement(qe,{size:"small",variant:"ghost",onClick:n},Ce.createElement(ig,{size:18,color:"black"}))),Ce.createElement(qn,{container:L(),side:"top",content:zn.t("Transactions History")},Ce.createElement(qe,{size:"small",variant:"ghost",onClick:o},Ce.createElement(sg,{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 tp="700px",op=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:tp},fixed:{height:tp}}}}),np=Ei("div",{position:"relative",overflow:"hidden",flexGrow:1,display:"flex",flexDirection:"column",padding:0,overflowY:"auto"}),rp=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 re(t){let{connectHeightObserver:e,disconnectHeightObserver:o}=mi(),{children:n,header:r,footer:s,height:a="fixed"}=t,l=Q.use.connectedWallets(),{config:{features:p,theme:c}}=h(),{watermark:u}=ee(),g=u==="FULL",{activeTheme:m}=$n(c||{}),f=Fe("connectWalletButton",p),{isActiveTab:T,tabManagerInitiated:S,showActivateTabModal:d,setShowActivateTabModal:y,activateCurrentTab:v}=ee(),x=It(),{manager:C}=ag(),I=At(C).map(({swap:F})=>F).some(F=>F.status==="running"),b=i(()=>v($t.forceClaim,I),"onActivateTab"),k=i(()=>{r.onWallet?.()},"onConnectWallet"),E=typeof r.hasBackButton>"u"||r.hasBackButton,N=ap(null),z=ap(null);return sp(()=>(Mn()&&z.current&&e(z.current),()=>{o()}),[]),sp(()=>(N.current?.addEventListener("scroll",Ai),()=>{N.current?.removeEventListener("scroll",Ai)}),[]),me.createElement(op,{height:a,id:xe.SWAP_BOX_ID,className:m(),ref:z},me.createElement(pg,{prefix:me.createElement(me.Fragment,null,E&&me.createElement(Ti,{onClick:x})),title:r.title,suffix:me.createElement(me.Fragment,null,r.suffix,r.onWallet&&!f&&me.createElement(vi,{container:L(),onClick:k,isConnected:!!l?.length}),r.onCancel&&me.createElement(wi,{onClick:r.onCancel}))}),me.createElement(np,{ref:N},n),me.createElement(Ci,{open:d,onClose:()=>y(!1),onConfirm:b}),me.createElement(rp,null,me.createElement("div",{className:"footer__content"},s,S&&!T&&me.createElement(me.Fragment,null,me.createElement(ip,{size:12}),me.createElement(yi,{onActivateTab:b}))),me.createElement(ip,{size:12}),me.createElement("div",{className:`footer__logo ${g?"logo__show":"logo__hidden"}`},me.createElement(lg,null))))}i(re,"Layout");import{styled as cg}from"@rango-dev/ui";var lp="$20 $20 $10 $20",To=cg("div",{padding:lp,overflowY:"auto",flexGrow:1});import{styled as ug}from"@rango-dev/ui";var se=ug("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 hg}from"@rango-dev/ui";import Li from"react";import{i18n as eo}from"@lingui/core";import{Image as fg,MessageBox as Wi,WalletState as gg}from"@rango-dev/ui";import Ft from"react";import{keyframes as mg,styled as Gn}from"@rango-dev/ui";var mA=Gn("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),pp=Gn("div",{position:"relative"}),dg=mg({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),cp=Gn("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${dg} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),up=Gn("div",{"& img":{borderRadius:"50%"}});function mp(t){let{state:e,image:o,error:n}=t;return e===gg.CONNECTED?Ft.createElement(Wi,{type:"success",title:eo.t("Wallet Connected"),description:eo.t("Your wallet is connected, you can use it to swap.")}):n?Ft.createElement(Wi,{type:"error",title:eo.t("Failed to Connect"),description:n||eo.t("Your wallet is not connected. Please try again.")}):Ft.createElement(Wi,{type:"loading",title:eo.t("Connecting to your wallet"),description:eo.t("Click connect in your wallet popup."),icon:Ft.createElement(pp,null,Ft.createElement(up,null,Ft.createElement(fg,{src:o,size:45})),Ft.createElement(cp,null))})}i(mp,"ModalContent");function ko(t){let{open:e,onClose:o,...n}=t;return Li.createElement(ie,{open:e,onClose:o,container:document.getElementById(xe.SWAP_BOX_ID)||document.body},Li.createElement(mp,{...n}),Li.createElement(hg,{direction:"vertical",size:32}))}i(ko,"WalletModal");var Tg=gp("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),kg=gp(se,{textAlign:"center"}),Hn=3e3,Ni=300;function hp(){let{config:t,fetchStatus:e}=h(),[o,n]=fp(!1),[r,s]=fp(""),a=null,l=ee.use.isActiveTab(),{list:p,handleClick:c,error:u}=Bn({config:t,onBeforeConnect:T=>{a=setTimeout(()=>{n(!0),s(T)},Ni)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},Hn)}}),g=p.find(T=>T.type===r),m=g?.image||"",f=g?.state||Cg.NOT_INSTALLED;return to.createElement(re,{header:{title:dp.t("Connect Wallets")}},to.createElement(kg,null,to.createElement(yg,{variant:"title",size:"xmedium",align:"center"},dp.t("Choose a wallet to connect.")),to.createElement(Tg,null,p.map((T,S)=>{let d=`wallet-${S}-${T.type}`;return to.createElement(Sg,{key:d,...T,container:L(),onClick:y=>{c(y)},isLoading:e==="loading",disabled:!l})}),to.createElement(ko,{open:!!o,onClose:()=>n(!1),image:m,state:f,error:u}))))}i(hp,"WalletsPage");import{keyframes as wg,styled as Bi}from"@rango-dev/ui";var yp=Bi("div",{position:"relative"}),vg=wg({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),Sp=Bi("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${vg} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),Cp=Bi("div",{"& img":{borderRadius:"50%"}});var Ag=7;function Pi(t){let{chain:e,isSelected:o,selectWallet:n,limit:r,onShowMore:s}=t,{config:a}=h(),l=ee.use.isActiveTab(),p=Q.use.connectedWallets(),{blockchains:c}=h(),[u,g]=wo(""),[m,f]=wo(null),[T,S]=wo(!1),[d,y]=wo(null),{suggestAndConnect:v}=vp(),x=null,{list:C,error:w,handleClick:I}=Bn({config:a,chain:e,onBeforeConnect:W=>{x=setTimeout(()=>{g(W)},Ni)},onConnect:()=>{x&&clearTimeout(x),setTimeout(()=>{g("")},Hn)}}),[b,k]=wo(C),E=C.length,N=r&&E-r>0,z=i(async W=>{S(!1),y("in-progress");try{await v(W.walletType,W.chain),y("completed")}catch{y("rejected")}},"addExperimentalChain");wp(()=>{k(W=>{let J=C.findIndex(te=>o(te.type,e));return N&&J>1?[C[J]].concat(C.filter((te,R)=>R!==J)):W.map(te=>C.find(R=>R.type===te.type)??te)})},[JSON.stringify(C)]);let F=document.getElementById(xe.SWAP_BOX_ID);return wp(()=>{let W=null;return(d==="completed"||d==="rejected")&&(W=setTimeout(()=>y(null),Hn)),()=>{W&&clearTimeout(W)}},[d]),ae.createElement(ae.Fragment,null,b.slice(0,r).map(W=>{let J=va({connectedWallets:p,walletType:W.type,chain:e}),te=J?sn(J,Ag):"",R=nn(c(),e),fe=!p.find(ke=>ke.walletType===W.type&&ke.chain===e),G=R&&fe&&W.state===kp.CONNECTED,De=G?Xe.t({id:"Add {chain} chain",values:{chain:e}}):te,K=i(()=>{W.state===kp.DISCONNECTED?I(W.type):G?(f({walletType:W.type,chain:e,address:J??""}),S(!0)):n({walletType:W.type,chain:e,address:J??""})},"onClick"),U=m?.chain?Ka(m.chain,c()):void 0;return ae.createElement(ae.Fragment,null,ae.createElement(ko,{open:u===W.type,onClose:()=>g(""),image:W.image,state:W.state,error:w}),!!m&&ae.createElement(ie,{open:!!m&&T,container:F,onClose:()=>{f(null)}},ae.createElement(Qn,{title:Xe.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:U}}),type:"warning",description:Xe.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:U}})},ae.createElement(Mi,{size:18}),ae.createElement(Mi,{size:32}),ae.createElement(xg,{onClick:z.bind(null,m),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},Xe.t("Confirm")))),d&&ae.createElement(ie,{open:!!d,onClose:y.bind(null,null),container:F},d==="in-progress"&&ae.createElement(Qn,{type:"loading",title:Xe.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:U}}),description:Xe.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:U}}),icon:ae.createElement(yp,null,ae.createElement(Cp,null,ae.createElement(bg,{src:W.image,size:45})),ae.createElement(Sp,null))}),d==="completed"&&ae.createElement(Qn,{type:"success",title:Xe.t({id:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:U}}),description:Xe.t({id:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:U}})}),d==="rejected"&&ae.createElement(Qn,{type:"error",title:Xe.t("Request Rejected"),description:Xe.t({id:"You've rejected adding {blockchainDisplayName} chain to your wallet.",values:{blockchainDisplayName:U}})}),ae.createElement(Mi,{direction:"vertical",size:32})),ae.createElement(Ig,{key:W.type,description:De,onClick:K,selected:o(W.type,e),disabled:!l,...W}))}),N&&ae.createElement(xl,{selected:!1,onClick:s},ae.createElement(Tp,{variant:"label",size:"medium"},Xe.t("Show more wallets"),ae.createElement(Tp,{variant:"label",size:"medium",color:"$primary"},"\xA0+",E-(r??0)))))}i(Pi,"WalletList");var $g=2;function bp(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,loading:s}=t,a=h().config,l=h().blockchains(),{quote:p,setSelectedWallets:c,quoteWalletsConfirmed:u,setQuoteWalletConfirmed:g,customDestination:m,setCustomDestination:f}=X(),{connectedWallets:T,selectWallets:S}=Q(),[d,y]=Ut(""),[v,x]=Ut([]),[C,w]=Ut(""),[I,b]=Ut(null),[k,E]=Ut(m),[N,z]=Ut(!!m),F=gn(p),W=l.find(_=>_.name===p?.result?.swaps[p?.result?.swaps.length-1].to.blockchain),J=i(_=>!!p?.result?.swaps.find(V=>V.from.blockchain===_),"isWalletRequiredFor"),[te,R]=Ut(T.filter(_=>_.selected&&F.includes(_.chain))),fe=l.find(_=>_.name===W?.name),G=i((_,V)=>!!te.find(H=>H.walletType===_&&H.chain===V&&H.selected&&(J(V)||!J(V)&&!k)),"isSelected"),De=!!k&&N&&fe&&!hn(fe,k),K=i(()=>{z(!1),E(""),R(_=>{let V=!1;return _.map(H=>!V&&H.chain===W?.name?(V=!0,{...H,selected:!0}):H)})},"resetCustomDestination"),U=i(_=>{if(d&&y(""),G(_.walletType,_.chain))return;let H=T.find(ce=>ce.walletType===_.walletType&&ce.chain===_.chain);H&&(n(),_.chain===W?.name&&N&&(z(!1),E("")),R(ce=>ce.filter(mt=>mt.chain!==_.chain).concat({...H,selected:!0})))},"onChange"),ke=i(()=>{let _=te.filter(V=>V.selected);S(_),c(_),f(k),g(!0),o()},"onConfirmBalance"),ct=i(async()=>{x([]),w(""),b(null);let _=T.filter(ce=>te.find(mt=>mt.chain===ce.chain&&mt.walletType===ce.walletType)),V=await r?.({selectedWallets:_,customDestination:k}),H=V.warnings;H?.balance?.messages&&x(H.balance.messages),H?.quoteUpdate&&b(H.quoteUpdate),V.error&&w(Ya(V.error)),!V.error&&(!H?.balance?.messages.length||0>0)?ke():x(H?.balance?.messages??[])},"onConfirmWallets");Mg(()=>{R(_=>_.concat(T.filter(V=>!!!_.find(ce=>ce.chain===V.chain)&&V.selected&&F.includes(V.chain))))},[T.length]);let Le=document.getElementById(xe.SWAP_BOX_ID),ut=Pg();return B.createElement(ie,{open:e,onClose:()=>{u||ut("../",{replace:!0}),o()},dismissible:!d,container:Le,...!d&&{footer:B.createElement(Nl,null,B.createElement(xp,{loading:s,disabled:ul(s,N,k,p,te,W),onClick:ct,variant:"contained",type:"primary",fullWidth:!0,size:"large"},ot.t("Confirm")))},...d&&{containerStyle:{padding:"$0"},header:B.createElement(bl,null,B.createElement(Il,{variant:"ghost",onClick:y.bind(null,"")},B.createElement(Lg,{size:16})),B.createElement(Vn,{variant:"headline",size:"small"},ot.t({id:"Your {blockchainName} wallets",values:{blockchainName:Ue(d,l)}})))},anchor:"center"},B.createElement(ie,{open:v.length>0,onClose:x.bind(null,[]),container:Le},B.createElement(Ng,{title:ot.t("Insufficient account balance"),type:"error",description:B.createElement(Eg,{messages:v??[]})},B.createElement(xp,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:ke},ot.t("Proceed anyway")))),d&&B.createElement(Al,null,B.createElement("div",{className:El()},B.createElement(Pi,{chain:d,isSelected:G,selectWallet:U,onShowMore:y.bind(null,d)}))),!d&&B.createElement(B.Fragment,null,C&&B.createElement(B.Fragment,null,B.createElement($i,{variant:"alarm",type:"error",title:ot.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(Ml,null,F.map((_,V)=>{let H=l.find(Qe=>Qe.name===_),ce=`wallet-${V}`,mt=V===F.length-1;return B.createElement("div",{key:ce},B.createElement(wl,null,B.createElement(Vn,{variant:"title",size:"xmedium"},ot.t({id:"Your {blockchainName} wallets",values:{blockchainName:H?.shortName}})),B.createElement(Vn,{variant:"label",color:"$neutral700",size:"medium"},ot.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:H?.shortName}}))),B.createElement(oo,{size:24}),B.createElement(vl,null,B.createElement(Pi,{chain:_,isSelected:G,selectWallet:U,limit:$g,onShowMore:()=>y(H?.name??"")})),!mt&&B.createElement(oo,{size:32}),mt&&a?.customDestination&&B.createElement(Wl,null,B.createElement(Ln,{onOpenChange:Qe=>{Qe?J(W?.name??"")||R(Dr=>Dr.map(Me=>Me.chain===W?.name?{...Me,selected:!1}:Me)):K()},hasSelected:!0,open:N,triggerAnchor:"top",trigger:B.createElement(Pl,{fullWidth:!0,variant:"default",suffix:B.createElement(En,{orientation:N?"up":"down"},B.createElement(Wg,{size:10,color:"gray"}))},B.createElement("div",{className:"button__content"},B.createElement(Bg,{size:18,color:"info"}),B.createElement(oo,{size:4,direction:"horizontal"}),B.createElement(Vn,{variant:"label",size:"medium"},ot.t("Send to a different address")))),onClickTrigger:()=>z(Qe=>!Qe)},B.createElement(oo,{size:4}),B.createElement(Bl,{autoFocus:!0,placeholder:ot.t("Your destination address"),value:k,onChange:Qe=>{E(Qe.target.value)}})),De&&B.createElement("div",{className:Ll()},B.createElement($i,{variant:"alarm",type:"error",title:ot.t({values:{destination:k},id:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}i(bp,"ConfirmWalletsModal");import{i18n as Zg}from"@lingui/core";import{Alert as Rg,Button as eh,InfoIcon as th}from"@rango-dev/ui";import $e from"react";import{Alert as _g,Button as Dg,Divider as Np,NoRouteIcon as Fg,RefreshIcon as Ug,Typography as Bp}from"@rango-dev/ui";import Ke from"react";import{i18n as Ip}from"@lingui/core";function Ap(t,e,o,n){return t?.type===1?{alert:{type:"warning",text:j().genericServerError,action:{onClick:n,title:Ip.t("Retry")}},description:""}:e.length?{alert:{type:"warning",text:j().liquiditySourcesError.title,action:{onClick:()=>o(!0),title:Ip.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(Ap,"makeInfo");import{styled as _i}from"@rango-dev/ui";var Ep=_i("div",{minHeight:"162px",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"}),Wp=_i("div",{width:"100%"}),Lp=_i("div",{padding:"$6 $0"});function Di(t){let{fetch:e,error:o}=t,n=h().disabledLiquiditySources,r=h().toggleAllLiquiditySources,s=h().swappers(),a=Ap(o,n,()=>r(s,!0),e);return Ke.createElement(Ep,null,Ke.createElement(Fg,{size:24,color:"gray"}),Ke.createElement(Np,{size:4}),Ke.createElement(Bp,{variant:"title",size:"small"},j().noResultError.title),!!a.description&&Ke.createElement(Bp,{variant:"body",size:"small",align:"center",color:"neutral700"},a.description),Ke.createElement(Np,{size:4}),!!a.alert&&Ke.createElement(Wp,null,Ke.createElement(_g,{type:a.alert.type,title:a.alert.text,action:a.alert.action&&Ke.createElement(Dg,{size:"xsmall",type:a.alert.type,prefix:Ke.createElement(Lp,null,Ke.createElement(Ug,{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 zg,Divider as Fp,MessageBox as qg,Typography as Gg,WarningIcon as Hg}from"@rango-dev/ui";import nt from"react";import{Typography as _p}from"@rango-dev/ui";import Ui from"react";import{darkTheme as Og,styled as jn}from"@rango-dev/ui";var Mp=jn("div",{width:"100%"}),Fi=jn("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),Pp=jn("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%","._title":{$$color:"$colors$neutral600",[`.${Og} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),$p=jn("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});function Dp(t){let{title:e,value:o,valueColor:n}=t;return Ui.createElement(Pp,null,Ui.createElement(_p,{size:"medium",variant:"label",className:"_title"},e),Ui.createElement(_p,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}i(Dp,"QuoteErrorsModalItem");function Up(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 nt.createElement(ie,{open:e,onClose:o,container:L()},nt.createElement(qg,{type:a,title:j().highValueLossError.impactTitle,description:j().highValueLossError.description}),nt.createElement(Fi,null,nt.createElement(Fp,{size:20}),nt.createElement(Gg,{size:"small",variant:"title"},vo.t("Details")),nt.createElement(Fi,null,l.map((p,c)=>nt.createElement(Dp,{key:c,...p})))),nt.createElement(Fp,{size:32}),nt.createElement(zg,{type:"primary",size:"large",prefix:nt.createElement(Hg,null),fullWidth:!0,disabled:s,onClick:n},j().highValueLossError.confirmMessage))}i(Up,"HighValueLossWarningModal");import{i18n as Oi}from"@lingui/core";function Op(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(Op,"makeAlerts");import{i18n as io}from"@lingui/core";import{Button as zp,Divider as qp,MessageBox as Qg,Typography as Vg}from"@rango-dev/ui";import Ot from"react";import{useNavigate as jg}from"react-router-dom";function Gp(t){let{customSlippage:e,slippage:o}=h(),{open:n,onClose:r,onConfirm:s,warning:a,confirmationDisabled:l}=t,p=jg(),c=e??o;return Ot.createElement(ie,{anchor:"bottom",open:n,prefix:Ot.createElement(zp,{size:"small",variant:"ghost",onClick:()=>p("../"+P.settings)},Ot.createElement(Vg,{variant:"label",size:"medium",color:"$neutral900"},io.t("Change settings"))),container:L(),onClose:r},Ot.createElement(Qg,{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}})},Ot.createElement(qp,{size:18}),Ot.createElement(qp,{size:32}),Ot.createElement(zp,{size:"large",type:"primary",variant:"contained",fullWidth:!0,disabled:l,onClick:s},io.t("Confirm anyway"))))}i(Gp,"SlippageWarningModal");import{Button as Xg,Divider as Kg,MessageBox as Yg,WarningIcon as Jg}from"@rango-dev/ui";import xo from"react";function Hp(t){let{open:e,onClose:o,onConfirm:n,confirmationDisabled:r}=t;return xo.createElement(ie,{open:e,onClose:o,container:L()},xo.createElement(Yg,{type:"warning",title:j().unknownPriceError.impactTitle,description:j().unknownPriceError.description}),xo.createElement(Kg,{size:32}),xo.createElement(Xg,{type:"primary",size:"large",prefix:xo.createElement(Jg,null),fullWidth:!0,disabled:r,onClick:n},j().unknownPriceError.confirmMessage))}i(Hp,"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},g=o?.type===0||o?.type===1,m=Op(e,o?.type===3||o?.type===4?o:null);return $e.createElement($e.Fragment,null,g&&$e.createElement(Di,{error:o,fetch:s}),!!m&&$e.createElement(Mp,null,$e.createElement(Rg,{title:m.title,type:m.alertType,variant:"alarm",...m.action==="show-info"&&{action:$e.createElement($p,{onClick:a},$e.createElement(th,{size:12,color:"gray"}))},...m.action==="change-settings"&&{action:$e.createElement(eh,{size:"xxsmall",type:m.alertType,onClick:c},Zg.t("Change"))}})),e&&$e.createElement($e.Fragment,null,e.type===0&&$e.createElement(Up,{...u,warning:e}),(e.type===3||e.type===2)&&$e.createElement(Gp,{...u,warning:e}),e.type===1&&$e.createElement(Hp,{...u,warning:e})))}i(bo,"QuoteWarningsAndErrors");import ir from"react";import{i18n as Yi}from"@lingui/core";import{Alert as kh,Divider as Ji,InfoIcon as wh,StepDetails as vh,TokenAmount as xh,Tooltip as hc,Typography as Wo}from"@rango-dev/ui";import yc from"bignumber.js";import D,{useRef as bh,useState as Ih}from"react";import{styled as zi}from"@rango-dev/ui";var qi=zi("div",{width:"100%","& .position-top__skeleton":{paddingTop:"$10"}}),Qp=zi("div",{paddingBottom:"$15"}),Vp=zi("div",{width:"100%",display:"flex"});import*as Xn from"@radix-ui/react-collapsible";import{css as Kn,darkTheme as rt,Image as jp,styled as Ge,Typography as oh}from"@rango-dev/ui";var nh=300,Xp=Ge(Xn.Root,{display:"flex",flexDirection:"column",alignItems:"start",overflowX:"auto",overflowY:"hidden",width:"100%",borderRadius:"$xm",cursor:"default",variants:{recommended:{true:{$$color:"$colors$info300",[`.${rt} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"},false:{$$color:"$colors$neutral400",[`.${rt} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}}}}),Kp=Kn({padding:"$10 $15"}),Yp=Ge("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",[`.${rt} &`]:{$$color:"$colors$secondary600"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}},false:{$$color:"$colors$neutral200",[`.${rt} &`]:{$$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",[`.${rt} &`]:{$$color:"$colors$secondary700"},backgroundColor:"$$color"}}},{listItem:!0,recommended:!1,css:{"&:hover":{$$color:"$colors$neutral300",[`.${rt} &`]:{$$color:"$colors$neutral400"},backgroundColor:"$$color"}}}]}),Jp=Kn({width:"100%",padding:"$15 $15 $10 $15",cursor:"default"}),so=Kn({display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",".blockchainImage":{marginLeft:"-$8"}}),Zp=Kn({paddingTop:"$10",display:"flex",alignItems:"center",".usd-value":{$$color:"$colors$neutral600",[`.${rt} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Rp=Ge(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:{[`& ${jp}`]:{border:"1px $warning500 solid",borderRadius:"100%"}},false:{[`& ${jp}`]:{border:"1px transparent solid",borderRadius:"100%"}}},recommended:{true:{$$color:"$colors$info300",[`.${rt} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"},false:{$$color:"$colors$neutral400",[`.${rt} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}}},".blockchains_section":{display:"none"},"@xs":{".blockchains_section":{display:"block"}}}),ec=Ge("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"}}}}),tc=Ge(An,{width:"100%",background:"inherit"}),Gi=Ge("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$2",transition:`all ${nh}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),Y0=Ge("div",{height:"$12",marginLeft:"$10",marginRight:"$10",borderLeft:"1px solid $foreground"}),oc=Ge("div",{display:"flex",justifyContent:"center",margin:"0 $15",borderTop:"1px solid",$$color:"$colors$neutral300",[`.${rt} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color"}),nc=Ge("div",{width:"$16",height:"$16",justifyContent:"center",alignItems:"center",display:"flex"}),Hi=Ge(oh,{overflow:"hidden",textOverflow:"ellipsis",letterSpacing:.4}),rc=Ge("div",{display:"flex",flexWrap:"wrap"}),Qi=Ge("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 ih,CloseIcon as sh,Divider as Zn,IconButton as ah,QuoteCost as lh,Tooltip as ph,Typography as Ye}from"@rango-dev/ui";import ch from"bignumber.js";import O,{useState as lc}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 rh,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"}),ic=Yn("div",{padding:"$20 0",display:"flex",flexDirection:"column","& .collapsible_trigger":{display:"flex",alignItems:"center"}}),sc=Yn("div",{padding:"$20 $20 $10",textAlign:"center",position:"relative","._icon-button":{position:"absolute",zIndex:10,top:"$16",right:"$16"}}),ac=rh({display:"flex",flexDirection:"row",alignItems:"center",padding:"$5","&:hover":{"& ._typography, & svg":{color:"$secondary"}}});var uh=30,mh=i(t=>t.fee.isZero()?null:O.createElement(Jn,null,O.createElement(Ye,{variant:"label",size:"medium",color:"neutral600"},t.label),O.createElement(Ye,{variant:"label",size:"medium"},"$",A(t.fee,4,4))),"NonPayableFee");function pc(t){let[e,o]=lc(!1),[n,r]=lc(!1),{steps:s,quote:a}=t,l=h().tokens(),p=Jo(Zo(a.result?.swaps)),c=a.result?.swaps??[],u=L(),g=Cn(c,l),m=el(c);return O.createElement(O.Fragment,null,O.createElement(lh,{onClickFee:()=>o(!e),fee:A(g,2,2),feeWarning:g.gte(new ch(uh)),time:p,steps:s,tooltipGas:Lt.t("View more info"),tooltipContainer:u}),O.createElement(ie,{container:u,open:e,header:O.createElement(sc,null,O.createElement(Ye,{variant:"title",size:"medium"},Lt.t("Gas & Fee Explanation")),O.createElement(ah,{onClick:()=>o(!1),variant:"ghost"},O.createElement(sh,{color:"gray",size:14}))),onClose:()=>o(!1)},O.createElement(ic,null,O.createElement(Ye,{variant:"title",size:"small"},Lt.t("Details")),O.createElement(Zn,{size:10}),Object.entries(m.payable).flatMap(([f,T])=>T.map((S,d)=>{let y=`payable-fee-${d}`,v=ei(S);return O.createElement(Jn,{key:y},O.createElement(Ye,{variant:"label",size:"medium",color:"neutral600"},Vi[f]),O.createElement(ph,{content:le(S.amount),container:u},O.createElement(Ye,{variant:"label",size:"medium"},A(S.amount,2,2)," ",S.asset.symbol," ($",A(v,4,4),")")))})),O.createElement(Jn,{className:"total_payable_fee"},O.createElement(Ye,{variant:"label",size:"medium"},Lt.t("Total Payable Fee")),O.createElement(Ye,{variant:"label",size:"medium"},"$",A(g,4,4))),O.createElement(ji,null),Object.keys(m.nonePayable).length&&O.createElement(Ln,{triggerAnchor:"bottom",onClickTrigger:()=>r(f=>!f),trigger:O.createElement("div",{className:ac()},O.createElement(Ye,{size:"small",variant:"body",color:"neutral700"},n?Lt.t("Hide non-payable fees"):Lt.t("Show non-payable fees")),O.createElement(Zn,{size:4,direction:"horizontal"}),O.createElement(En,{orientation:n?"up":"down"},O.createElement(ih,{size:12,color:"gray"}))),open:n},O.createElement(Ye,{size:"small",variant:"title"},Lt.t("Description")),O.createElement(Zn,{size:4}),O.createElement(Ye,{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.`)),O.createElement(Zn,{size:10}),Object.entries(m.nonePayable).map(([f,T],S)=>{let d=Ra(T),y=Vi[f],v=`non-payable-fee-${S}`;return O.createElement(mh,{key:v,fee:d,label:y})}),O.createElement(ji,null)))))}i(pc,"QuoteCostDetails");import{i18n as mc}from"@lingui/core";import{TokenAmount as dc}from"@rango-dev/ui";import Rn from"react";import{css as dh,styled as fh}from"@rango-dev/ui";var cc=fh("div",{position:"relative",display:"flex",flexDirection:"column",width:"100%"}),uc=dh({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(cc,null,Rn.createElement(dc,{direction:"horizontal",label:mc.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:uc()}),Rn.createElement(dc,{direction:"horizontal",tooltipContainer:L(),label:mc.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 fc}from"@lingui/core";import{ChevronDownIcon as gh,ChevronRightIcon as hh,Divider as Xi,Image as yh,Tooltip as Ki,Typography as er}from"@rango-dev/ui";import M,{useEffect as Sh,useState as Ch}from"react";var tr=4,or=6,Th=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(ec,{className:r,state:a},M.createElement(yh,{src:n,size:16})))},"ImageComponent");function gc(t){let{quoteRef:e,recommended:o,setExpanded:n,steps:r,expanded:s}=t,a=L(),l=r.length,p=yl(r),[c,u]=Ch(!1),g=i(()=>{window.innerWidth<Th?u(!0):u(!1)},"handleResize");return Sh(()=>{window.addEventListener("resize",g)}),M.createElement(Rp,{ref:m=>e.current=m,recommended:o,onClick:()=>n(m=>!m)},M.createElement("div",{className:so()},M.createElement(er,{variant:"body",size:"xsmall"},fc.t("Via:")),M.createElement(Xi,{direction:"horizontal",size:4}),r.map((m,f)=>{let T=`item-${f}`,S=M.createElement(Gi,null,M.createElement(hh,{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((d,y)=>{let v=`image-${y}`;return y>=f&&M.createElement(M.Fragment,{key:v},M.createElement(Eo,{content:d.swapper.displayName,src:d.swapper.image,state:d.state,open:!1}),y!==l-1&&M.createElement(M.Fragment,null,S))}))},M.createElement(Qi,{state:r.find((d,y)=>y>=f&&(d.state==="error"||d.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"},fc.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(gh,{size:12,color:"black"}))))}i(gc,"QuoteTrigger");function Zi(t){let{quote:e,input:o,output:n,error:r,warning:s,type:a,recommended:l=!0}=t,p=h().blockchains(),c=h().swappers(),[u,g]=Ih(t.expanded),m=bh(null),f=A(o.value,6,6),T=A(n.value,6,6),S=n.usdValue?A(n.usdValue,4,4):"",d=Oe(o.usdValue,n.usdValue??null),y=A(d,2,2),v=ft(d??0),C=i(b=>b.map((k,E)=>{let N,z=r?.type===3&&r.swap.swapperId===k.swapperId||r?.type===4&&r.recommendedSlippages?.has(E),F=s?.type===2&&s.recommendedSlippages?.has(E);return z?N="error":F&&(N="warning"),{swapper:{displayName:yo(k.swapperId,c),image:k.swapperLogo},from:{token:{displayName:k.from.symbol,image:k.from.logo},chain:{displayName:Ue(k.from.blockchain,p),image:k.from.blockchainLogo},price:{value:E===0?A(o.value,6,6):A(k.fromAmount,6,6),usdValue:A((k.from.usdPrice??0)*parseFloat(k.fromAmount),4,4),realValue:le(E===0?o.value:k.fromAmount),realUsdValue:le(new yc(k.from.usdPrice??0).multipliedBy(k.fromAmount))}},to:{token:{displayName:k.to.symbol,image:k.to.logo},chain:{displayName:Ue(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 yc(k.to.usdPrice??0).multipliedBy(k.toAmount))}},state:N,alerts:z||F?D.createElement(Qp,null,D.createElement(kh,{type:z?"error":"warning",title:r?.type===3?r?.recommendation:Yi.t(`Slippage ${z?"Error":"Warning"}:`),footer:D.createElement(Vp,null,r?.type===3&&D.createElement(D.Fragment,null,D.createElement(Wo,{size:"xsmall",variant:"body",color:"neutral900"},r.fromAmountRangeError),D.createElement(Ji,{direction:"horizontal",size:8}),D.createElement(Wo,{size:"xsmall",variant:"body",color:"neutral900"},"|"),D.createElement(Ji,{direction:"horizontal",size:8}),D.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)&&D.createElement(Wo,{size:"xsmall",variant:"body",color:"neutral900"},Yi.t({id:"Minimum required slippage is {minRequiredSlippage}",values:{...r?.type===4&&{minRequiredSlippage:r.recommendedSlippages?.get(E)},...s?.type===2&&{minRequiredSlippage:s.recommendedSlippages?.get(E)}}})))})):void 0}}),"getQuoteSteps")(e.result?.swaps??[]),w=C.length,I=L();return D.createElement(D.Fragment,null,D.createElement(Yp,{recommended:l,listItem:a==="list-item",basic:a==="basic"},D.createElement("div",{className:Jp()},D.createElement(pc,{steps:w,quote:e}),a==="basic"&&D.createElement("div",{className:Zp()},D.createElement(nc,null,D.createElement(wh,{size:12,color:"gray"})),D.createElement(rc,null,D.createElement(Hi,{size:"small",variant:"body"},`${f} ${C[0].from.token.displayName} = `),D.createElement(hc,{content:le(n.value),container:I,open:n.value?void 0:!1},D.createElement(Hi,{size:"small",variant:"body"},"\xA0",`${T} ${C[C.length-1].to.token.displayName}`))),D.createElement(hc,{content:le(n.usdValue),container:I,style:{display:"flex"}},D.createElement(Wo,{color:"$neutral600",ml:2,size:"xsmall",variant:"body"},`($${S})`))),a==="list-item"&&D.createElement(xh,{type:"output",direction:"vertical",tooltipContainer:I,price:{value:T,usdValue:S,realValue:le(n.value),realUsdValue:le(n.usdValue)},token:{displayName:C[w-1].to.token.displayName,image:C[w-1].to.token.image},chain:{image:C[w-1].to.chain.image},percentageChange:y,warningLevel:v}),a==="swap-preview"&&D.createElement(D.Fragment,null,D.createElement(Ao,{from:C[0].from,to:C[w-1].to,percentageChange:y,warningLevel:v}),D.createElement(Ji,{size:4}))),D.createElement(Xp,{recommended:l,open:u,onOpenChange:g},D.createElement(gc,{quoteRef:m,recommended:l,setExpanded:g,expanded:u,steps:C}),D.createElement(tc,{open:u},D.createElement(oc,null),D.createElement("div",{className:Kp()},C.map((b,k)=>{let E=`item-${k}`;return D.createElement(vh,{type:"quote-details",key:E,step:b,hasSeparator:k!==C.length-1,state:b.state,tooltipContainer:I})}))))))}i(Zi,"Quote");import{Divider as Wh,Skeleton as Lh}from"@rango-dev/ui";import gt from"react";import{darkTheme as Ah,styled as nr}from"@rango-dev/ui";var Sc=nr("div",{$$color:"$colors$neutral100",[`.${Ah} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",borderBottomLeftRadius:"$xm",borderBottomRightRadius:"$xm",padding:"$15 ",variants:{rounded:{true:{borderRadius:"$xm"}}}}),Cc=nr("div",{paddingTop:"$2"}),Tc=nr("div",{paddingLeft:"$8"}),kc=nr("div",{borderLeft:"1px dashed black",minHeight:" 0",margin:"0px 11.5px",alignSelf:"stretch",variants:{hideSeparator:{true:{minHeight:"unset",height:"0"}}}});import{ChainToken as Bc,Divider as zt,Skeleton as st}from"@rango-dev/ui";import q from"react";import{styled as it}from"@rango-dev/ui";var wc=it("div",{display:"flex",justifyContent:"space-between",alignItems:"center",height:"22px"}),vc=it("div",{display:"flex"}),xc=it("div",{padding:"$15 $0 14px $0"}),bc=it("div",{padding:"$6 $0 $15 $0",display:"flex",flexDirection:"column"}),Ic=it("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$5"}),Ac=it("div",{display:"flex",justifyContent:"space-between",alignItems:"end"}),Ec=it("div",{height:"$28",marginLeft:"13px",borderLeft:"1px solid $neutral700"}),Wc=it("div",{width:"65%",display:"flex",justifyContent:"start"}),Lc=it("div",{display:"flex",flexDirection:"column",alignItems:"start",flexGrow:1,maxWidth:"148px"}),Nc=it("div",{padding:"$15 $0 $15 $0"});function Lo(t){let{type:e,tag:o=!1}=t,n=q.createElement(Ac,null,q.createElement(Wc,null,q.createElement(Bc,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),q.createElement(zt,{size:8,direction:"horizontal"}),q.createElement(Lc,null,q.createElement(st,{height:10,width:60,variant:"rounded"}),q.createElement(zt,{size:4}),q.createElement(st,{height:15,variant:"rounded"}))),q.createElement(st,{height:12,width:64,variant:"rounded"}));return q.createElement("div",null,q.createElement(wc,null,q.createElement(vc,null,q.createElement(st,{width:60,height:10,variant:"rounded"}),q.createElement(zt,{size:4,direction:"horizontal"}),q.createElement(st,{width:60,height:10,variant:"rounded"}),q.createElement(zt,{size:4,direction:"horizontal"}),q.createElement(st,{width:60,height:10,variant:"rounded"})),o&&q.createElement(st,{height:22,width:100,variant:"rounded"})),e==="basic"&&q.createElement(xc,null,q.createElement(st,{height:15,width:148,variant:"rounded"})),e==="list-item"&&q.createElement(bc,null,q.createElement(Ic,null,q.createElement(Bc,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),q.createElement(zt,{direction:"horizontal",size:4}),q.createElement(st,{height:15,width:150,variant:"rounded"})),q.createElement(zt,{size:4}),q.createElement(st,{height:10,width:184,variant:"rounded"})),e==="swap-preview"&&q.createElement(q.Fragment,null,q.createElement(zt,{size:4}),q.createElement(Nc,null,n,q.createElement(Ec,null),n)))}i(Lo,"QuoteSummarySkeleton");import{ChainToken as Dc,Divider as es,NextIcon as Eh,Skeleton as rr}from"@rango-dev/ui";import ge from"react";import{styled as No}from"@rango-dev/ui";var Mc=No("div",{display:"flex",alignItems:"start"}),Pc=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"}),_c=No("div",{display:"flex",alignItems:"center"});function at(t){let{separator:e=!0}=t;return ge.createElement(ge.Fragment,null,ge.createElement(_c,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(Mc,null,ge.createElement(kc,{hideSeparator:!e}),ge.createElement(Pc,null,ge.createElement(Ri,null,ge.createElement(Dc,{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(Eh,{color:"gray",size:16})),ge.createElement(Ri,null,ge.createElement(Dc,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ge.createElement(es,{direction:"horizontal",size:8}),ge.createElement(rr,{height:12,variant:"rounded"})))))}i(at,"StepSkeleton");function ts(t){let{type:e,expanded:o,tag:n=!1}=t;return gt.createElement(Sc,{rounded:e!=="basic"},gt.createElement(Lo,{type:e,tag:n}),gt.createElement(Cc,null,gt.createElement(Lh,{height:15,variant:"rounded"})),o&&gt.createElement(Tc,null,gt.createElement(Wh,{size:20}),gt.createElement(at,null),gt.createElement(at,null),gt.createElement(at,{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(qi,null,ir.createElement(ts,{type:o,expanded:a})):m?ir.createElement(qi,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 Mh}from"@rango-dev/queue-manager-rango-preset";import{useEffect as Ph}from"react";import{useRef as Nh,useState as Bh}from"react";function sr(){let[t,e]=Bh(!1),o=Nh(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 Fc(t,e,o){let n=!1;t&&(n=gl(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&&(il(t,e)?r.quoteUpdate={type:3,newOutputAmount:A(Kt(e)),percentageChange:A(Oe(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=sl(e,o.selectedWallets,o.meta.blockchains);return a.length===0||(r.balance={messages:a}),r}i(Fc,"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:g,disabledLiquiditySources:m}=h(),{connectedWallets:f}=Q(),T=h().blockchains(),S=h().tokens(),{features:d}=h().config,{enableNewLiquiditySources:y}=h().config,v=p||l,{fetch:x,cancelFetch:C,loading:w}=sr();return Ph(()=>C,[]),{loading:w,fetch:i(async b=>{let k=b.selectedWallets,E=b?.customDestination??s;if(!t||!e||!o)return{quote:null,swap:null,error:null,warnings:null};let N=kn({fromToken:t,toToken:e,inputAmount:o,wallets:f,selectedWallets:k,excludeLiquiditySources:y,disabledLiquiditySources:m,slippage:v,affiliateRef:u,affiliatePercent:c,affiliateWallets:g,initialQuote:r??void 0,destination:E});un("experimentalRoute",d)&&(N.experimental=!0);let z;try{z=await x(N).then(te=>ar(te)),n(z)}catch(te){return lr(te)}let F={slippage:v.toString(),disabledSwappersGroups:m},W=Mh(o.toString(),z,nl(k),F,!1,{blockchains:T,tokens:S}),J=Fc(r??void 0,z,{fromToken:t,toToken:e,meta:{blockchains:T,tokens:S},selectedWallets:k,userSlippage:v});return J.quoteUpdate&&a(!1),{quote:z,swap:W,error:null,warnings:J}},"fetch"),cancelFetch:C}}i(os,"useConfirmSwap");var jh=Fh("div",{width:"100%",display:"flex",justifyContent:"space-between",[`& ${Oc}`]:{width:"$48",height:"$48"}}),Xh=rs({flexGrow:1,paddingRight:"$10"}),Kh=rs({width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"}),Yh=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=Vh(),p=Qh(),[c,u]=cr(""),{connectedWallets:g}=Q(),m=!n,[f,T]=cr(!1),{isActiveTab:S}=ee(),d=h().disabledLiquiditySources,y=Gh(d),{manager:v}=$h(),{fetch:x,loading:C,cancelFetch:w}=os(),[I,b]=cr({swap:null,error:null,warnings:null}),[k,E]=cr(!1),N=i(async({selectedWallets:G,customDestination:De})=>{let K=await x?.({selectedWallets:G,customDestination:De});return b(K),K},"onConfirmSwap"),z=i(async()=>{if(I.swap&&n)try{await v?.create("swap",{swapDetails:I.swap},{id:I.swap.requestId});let G=`../${P.swaps}/${I.swap.requestId}`;l(G,{replace:!0}),setTimeout(()=>{e("")},0)}catch(G){u("Error: "+G?.message)}},"addNewSwap"),F=i(async()=>{await z()},"onConfirm"),W=i(async()=>{I?.warnings?.quote&&!a?E(!0):await F()},"onStartConfirmSwap"),J=i(async()=>{b({error:null,swap:null,warnings:null}),x({selectedWallets:o,customDestination:s}).then(G=>{b(G)}).catch(G=>console.error(G))},"onRefresh");Mo(()=>{!!y.current.length&&!d.length&&J(),y.current=d},[d.length]),Mo(()=>{m&&w()},[m]),Mo(()=>{m&&T(m)},[m]),Mo(()=>{m||x({selectedWallets:o,customDestination:s}).then(G=>b(G)).catch(G=>console.error(G))},[]),Mo(()=>{let G=I.warnings?.quote?.type&&Object.values(vt).includes(I.warnings?.quote?.type),De=o.length<1||!o.every(U=>g.find(ke=>U.address===ke.address&&U.walletType===ke.walletType&&U.chain===ke.chain)),K=!1;if(G){let U=gn(t),ke=t?.result?.swaps[t.result.swaps.length-1].to.blockchain;!!t?.result?.swaps.find(ut=>ut.from.blockchain===ke)||(U=U.slice(-U.length,U.length-1)),U.every(ut=>o.find(_=>_.chain===ut))||(K=!0)}t&&(De||K)&&(queueMicrotask(()=>Hh(T.bind(null,!0))),r(!1))},[I.warnings?.quote,o.length,g.length]),qh(()=>{t||l(`../${p.search}`)},[]);let te=I.warnings?.quote??null,R=I.error,fe=[];return c&&fe.push(pe.createElement(Uc,{type:"error",variant:"alarm",title:c})),I.warnings?.quoteUpdate&&fe.push(pe.createElement(Uc,{variant:"alarm",type:"warning",title:I.warnings.quoteUpdate&&bn(I.warnings.quoteUpdate)})),(te||R)&&fe.push(pe.createElement(bo,{warning:te,error:R,loading:C,refetchQuote:J,showWarningModal:k,confirmationDisabled:!S,onOpenWarningModal:()=>E(!0),onCloseWarningModal:()=>E(!1),onConfirmWarningModal:async()=>{E(!1),await z()},onChangeSettings:()=>l(P.settings)})),pe.createElement(re,{header:{title:pr.t("Confirm Swap"),onWallet:()=>{let G=`../${P.wallets}`;l(G)},suffix:pe.createElement(Uh,{container:L(),side:"bottom",content:pr.t("Settings")},pe.createElement(qe,{size:"small",variant:"ghost",onClick:()=>l("../"+P.settings)},pe.createElement(Dh,{size:18,color:"black"})))},footer:pe.createElement(jh,null,pe.createElement("div",{className:Xh()},pe.createElement(_h,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:C,disabled:!!I.error||!S,onClick:W},pr.t("Start Swap"))),pe.createElement(Oc,{variant:"contained",type:"primary",size:"large",loading:C,onClick:T.bind(null,!0)},pe.createElement(zh,{size:24})))},f&&pe.createElement(bp,{open:f,onClose:()=>T(!1),onCancel:w,loading:C,onCheckBalance:N}),pe.createElement(se,null,pe.createElement("div",{className:Yh()},pe.createElement(Oh,{variant:"title",size:"small"},pr.t("You get")),pe.createElement("div",{className:Kh()},pe.createElement(On,{onClick:!C&&!f&&!k?J:void 0}))),pe.createElement(ns,{size:"12"}),Dl(fe,pe.createElement(ns,{size:10})),fe.length>0?pe.createElement(ns,{size:10}):null,pe.createElement(Bo,{quote:t,type:"swap-preview",expanded:!0,error:I.error,loading:C,warning:I.warnings?.quote??null})))}i(zc,"ConfirmSwapPage");import{i18n as mr}from"@lingui/core";import{useManager as my}from"@rango-dev/queue-manager-react";import{Divider as Zc,NotFound as dy,styled as fy}from"@rango-dev/ui";import yt,{useState as gy}from"react";import{useNavigate as hy}from"react-router-dom";import{i18n as Rh}from"@lingui/core";import{Divider as Vc,GroupedVirtualizedList as ey,Skeleton as ty,SwapListItem as jc,Typography as oy}from"@rango-dev/ui";import Ee,{useCallback as Xc,useEffect as ny,useRef as ry,useState as iy}from"react";function qc(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(qc,"calculateGroupsSoFar");import{css as Jh,darkTheme as Zh,styled as Po}from"@rango-dev/ui";var is=Jh(),Gc=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",[`.${Zh} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),as=Po("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),Hc=Po("div",{gap:"$10",display:"flex",flexDirection:"column"}),Qc=Po("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});var sy=10;function ls(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,[s,a]=iy([]),l=ry(0),{swaps:p,groupCounts:c,groups:u}=n(e),g=Xc(qc,[]),m=Xc(()=>{let f=e.length-l.current;f&&(l.current+=Math.min(f,sy),a(g(c,l.current)))},[e.length]);if(ny(()=>{r||m()},[r,m]),r){let f=[1,2];return Ee.createElement(Ee.Fragment,null,[f,f].map((S,d)=>Ee.createElement(ss,{key:d},Ee.createElement(as,null,Ee.createElement(ty,{variant:"text",width:60,size:"small"}),Ee.createElement(Vc,{size:16})),Ee.createElement(Vc,{size:4}),Ee.createElement(Hc,null,S.map((v,x)=>Ee.createElement(jc,{isLoading:!0,key:x}))))))}return Ee.createElement(ey,{endReached:()=>{l.current<e.length&&m()},groupCounts:s,groupContent:f=>Ee.createElement(ss,null,Ee.createElement(as,null,Ee.createElement(oy,{variant:"label",size:"medium",className:is()},u[f]))),itemContent:(f,T)=>{let S=p[f];if(!S)return null;let d=S.steps[0],y=S.steps[S.steps.length-1];return Ee.createElement(Gc,{key:S.requestId},Ee.createElement(jc,{requestId:S.requestId,creationTime:S.creationTime,status:S.status,onClick:o,tooltipContainer:L(),onlyShowTime:u[T]===Rh.t("Today"),swapTokenData:{from:{token:{image:d.fromLogo,displayName:d.fromSymbol},blockchain:{image:d.fromBlockchainLogo||""},amount:A(S.inputAmount,6,6),realAmount:le(S.inputAmount)},to:{token:{image:y.toLogo,displayName:y.toSymbol},blockchain:{image:y.toBlockchainLogo||""},amount:A(y.outputAmount||y.expectedOutputAmountHumanReadable||"",6,6),realAmount:le(y.outputAmount||y.expectedOutputAmountHumanReadable)}}}))}})}i(ls,"HistoryGroupedList");import{CloseIcon as ly,IconButton as py,SearchIcon as cy,TextField as uy}from"@rango-dev/ui";import $o from"react";import{styled as ay}from"@rango-dev/ui";var Kc=ay("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(uy,{prefix:$o.createElement(Kc,null,$o.createElement(cy,{color:"black"})),suffix:!!a.length&&$o.createElement(py,{variant:"ghost",onClick:()=>l?.(""),size:"small"},$o.createElement(ly,{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 Yc from"dayjs";var Jc=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=Yc();t.forEach(p=>{let c=Number(p.creationTime),u=Yc(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 g=new Date(c).getFullYear().toString();o(g,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 yy=fy("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),Sy=i((t,e)=>t?.length?t.filter(o=>et(o.fromBlockchain,e)||et(o.toBlockchain,e)||et(o.toSymbol,e)||et(o.fromSymbol,e)).length:!1,"isStepContainsText");function Rc(){let t=hy(),{manager:e,state:o}=my(),n=At(e).map(({swap:u})=>u),[r,s]=gy(""),a=!o.loadedFromPersistor,l=i(u=>{let g=u.target.value;s(g)},"searchHandler"),p=n;r&&(p=n.filter(u=>et(u.inputAmount,r)||et(u.status,r)||Sy(u.steps,r)||et(u.requestId,r)));let c=!p?.length&&!a;return yt.createElement(re,{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(Zc,{size:"16"}),yt.createElement(yy,null,c&&yt.createElement(Qc,null,yt.createElement(Zc,{size:32}),yt.createElement(dy,{title:mr.t("No results found"),description:r?mr.t("Try using different keywords"):""})),!c&&yt.createElement(ls,{list:p,onSwapClick:t,groupBy:Jc,isLoading:a}))))}i(Rc,"HistoryPage");import{i18n as us}from"@lingui/core";import{Button as by,Divider as nu,styled as iu,SwapInput as ru,WarningIcon as Iy}from"@rango-dev/ui";import ve,{useEffect as Ay,useState as Ey}from"react";import{useNavigate as Wy}from"react-router-dom";import{ReverseIcon as Cy,styled as eu}from"@rango-dev/ui";import ps from"react";var Ty=eu("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),ky=eu("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 tu(){let t=X.use.switchFromAndTo();return ps.createElement(Ty,null,ps.createElement(ky,{onClick:()=>{t()}},ps.createElement(Cy,{size:12})))}i(tu,"SwitchFromAndToButton");import{useCallback as wy,useEffect as vy,useState as cs}from"react";var xy=600;function ou(){let{fetch:t,cancelFetch:e}=sr(),{liquiditySources:o,enableNewLiquiditySources:n,features:r}=h().config,s=h().tokens(),{fromToken:a,toToken:l,inputAmount:p,inputUsdValue:c,quote:u,resetQuote:g,setQuote:m}=X(),{slippage:f,customSlippage:T,affiliatePercent:S,affiliateRef:d,affiliateWallets:y,disabledLiquiditySources:v,fetchStatus:x}=h(),[C,w]=cs(!0),[I,b]=cs(null),[k,E]=cs(null),N=T??f,F=!a||!l||Ie(a,l)||!fo(p),W=i(R=>{w(R),b(null),E(null)},"resetState"),J=i(R=>{let{fromToken:fe,toToken:G,inputAmount:De,liquiditySources:K,excludeLiquiditySources:U,disabledLiquiditySources:ke,slippage:ct,affiliateRef:Le,affiliatePercent:ut,affiliateWallets:_}=R;if(C||W(!0),!F&&fe&&G){g();let V=kn({fromToken:fe,toToken:G,inputAmount:De,liquiditySources:K,excludeLiquiditySources:U,disabledLiquiditySources:ke,slippage:ct,affiliateRef:Le,affiliatePercent:ut,affiliateWallets:_});un("experimentalRoute",r)&&(V.experimental=!0),t(V).then(H=>{w(!1),m(H),ar(H);let ce=wn(H,{fromToken:fe,toToken:G,userSlippage:N,tokens:s});E(ce)}).catch(H=>{let{error:ce}=lr(H);(ce?.type===0||ce?.type===1)&&g(),ce?.type!==2&&(b(ce),w(!1))})}},"fetch"),te=wy(Ba(R=>{F||J(R)},xy),[F]);return vy(()=>{if(x==="success"){if(!fo(p)||c?.eq(0)){W(!1),e();return}if(F){u&&g();return}return g(),W(!0),te({inputAmount:p,fromToken:a,toToken:l,liquiditySources:o,excludeLiquiditySources:n,disabledLiquiditySources:v,slippage:N,affiliateRef:d,affiliatePercent:S,affiliateWallets:y}),e}},[x,p,a?.symbol,a?.address,a?.blockchain,l?.symbol,l?.address,l?.blockchain,F,o?.length,n,v.length,N,d,S,JSON.stringify(y)]),{fetch:()=>J({inputAmount:p,fromToken:a,toToken:l,liquiditySources:o,excludeLiquiditySources:n,disabledLiquiditySources:v,slippage:N,affiliateRef:d,affiliatePercent:S,affiliateWallets:y}),loading:C,error:I,warning:k}}i(ou,"useSwapInput");var Ly=iu("div",{position:"relative"}),Ny=iu("div",{display:"flex",flexDirection:"column",gap:5,alignSelf:"stretch"});function su(){let t=Wy(),{fetch:e,loading:o,error:n,warning:r}=ou(),{fromToken:s,fromBlockchain:a,toToken:l,toBlockchain:p,setInputAmount:c,inputAmount:u,inputUsdValue:g,outputAmount:m,outputUsdValue:f,quote:T,resetQuoteWallets:S,setQuoteWarningsConfirmed:d}=X(),{config:y,fetchStatus:v}=h(),{connectedWallets:x,getBalanceFor:C}=Q(),{isActiveTab:w}=ee(),[I,b]=Ey(!1),k=!!a&&xa(x,a.name),E=!1,N=!Rr(T,u,g),z=!Rr(T,u,f),F=Za({fetchMetaStatus:v,fetchingQuote:o,inputAmount:u,quote:T,anyWalletConnected:x.length>0,error:n,warning:r,needsToWarnEthOnPath:E}),W=s?C(s):null,J=rn(W)?.amount??"0",te=a&&s?A(W?.amount,W?.decimals):"0",R=v==="success"&&!!u&&!!s&&!!l&&o;Ay(()=>{S()},[]);let fe=!g||!f||!f.gt(0)?null:Oe(g.toString(),f.toString());return ve.createElement(re,{height:"auto",footer:ve.createElement(by,{type:"primary",size:"large",disabled:F.disabled||!w,prefix:F.action==="confirm-warning"&&ve.createElement(Iy,null),fullWidth:!0,onClick:()=>{F.action==="connect-wallet"?t(P.wallets):F.action==="confirm-warning"?b(!0):t(P.confirmSwap)}},F.title),header:{onWallet:()=>{t(P.wallets)},hasBackButton:!1,title:y.title||us.t("Swap"),suffix:ve.createElement(Ii,{onClickRefresh:(T||n)&&!I?e:void 0,onClickHistory:()=>t(P.swaps),onClickSettings:()=>t(P.settings)})}},ve.createElement(se,null,ve.createElement(Ny,null,ve.createElement(Ly,null,ve.createElement(ru,{label:us.t("From"),mode:"From",onInputChange:c,balance:J,chain:{displayName:a?.displayName||"",image:a?.logo||""},token:{displayName:s?.symbol||"",image:s?.image||""},onClickToken:()=>t(P.fromSwap),price:{value:u,usdValue:N?void 0:A(g,4,4),realUsdValue:N?void 0:le(g),error:N?j().unknownPriceError.impactTitle:void 0},disabled:v==="failed",loading:v==="loading",loadingBalance:k,tooltipContainer:L(),onSelectMaxBalance:()=>{J!=="0"&&c(te.split(",").join(""))}}),ve.createElement(tu,null)),ve.createElement(ru,{sharpBottomStyle:!!T?.result||R,label:us.t("To"),mode:"To",fetchingQuote:R,chain:{displayName:p?.displayName||"",image:p?.logo||""},token:{displayName:l?.symbol||"",image:l?.image||""},percentageChange:A(Oe(g,f),2,2),warningLevel:ft(fe??0),price:{value:A(m,6,6),usdValue:z?void 0:A(f,4,4),realValue:le(m),realUsdValue:z?void 0:le(f),error:z?j().unknownPriceError.impactTitle:void 0},onClickToken:()=>t(P.toSwap),disabled:v==="failed",loading:v==="loading",tooltipContainer:L()})),ve.createElement(nu,{size:"2"}),ve.createElement(Bo,{quote:T,loading:R,error:n,warning:r,type:"basic"}),r||n?ve.createElement(ve.Fragment,null,ve.createElement(nu,{size:"10"}),ve.createElement(bo,{warning:r,error:n,loading:R,refetchQuote:e,showWarningModal:I,confirmationDisabled:!w,onOpenWarningModal:()=>b(!0),onCloseWarningModal:()=>b(!1),onConfirmWarningModal:()=>{b(!1),d(!0),t(P.confirmSwap)},onChangeSettings:()=>t(P.settings)})):null))}i(su,"Home");import{i18n as au}from"@lingui/core";import{List as By,ListItemButton as My,Radio as Py,RadioRoot as $y,Typography as _y}from"@rango-dev/ui";import Nt from"react";function ao(){let{setLanguage:t,language:e,config:o}=h(),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 lu(){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(_y,{variant:"title",size:"xmedium"},a),onClick:()=>e(r.local),end:Nt.createElement(Py,{value:s}),start:Nt.createElement(l,null)}});return Nt.createElement(re,{header:{title:au.t("Language")}},Nt.createElement(se,null,Nt.createElement($y,{value:t},Nt.createElement(By,{type:Nt.createElement(My,{title:au.t("language"),id:"_",onClick:()=>console.log()}),items:n}))))}i(lu,"LanguagePage");import{i18n as St}from"@lingui/core";import{Button as zy,Checkbox as qy,Image as Gy,ListItemButton as Hy,NotFound as Qy,Typography as Vy}from"@rango-dev/ui";import We,{useState as jy}from"react";import{Checkbox as Uy,Skeleton as cu}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"}),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 Dy,styled as Fy}from"@rango-dev/ui";var pu=Fy(Dy,{height:61});var Oy=30;function gs(){return Do.createElement(_o,null,Array.from(Array(Oy),t=>Do.createElement(pu,{hasDivider:!0,key:t,start:Do.createElement(cu,{variant:"circular",width:35,height:35}),title:Do.createElement(cu,{variant:"text",size:"large",width:90}),end:Do.createElement(Uy,{checked:!1})})))}i(gs,"LoadingLiquiditySourceList");function hs({sourceType:t}){let e=h().fetchStatus,o=h().swappers(),n=h().disabledLiquiditySources,[r,s]=jy(""),a=h().toggleLiquiditySource,l=cn(o,n),p={Exchanges:St.t("Exchanges"),Bridges:St.t("Bridges")},c=[];t==="Exchanges"&&c.push("DEX"),t==="Bridges"&&(c.push("BRIDGE"),c.push("AGGREGATOR"));let u=l.filter(d=>c.includes(d.type)),g=u.length===u.filter(d=>d.selected).length,m=i(()=>{u.forEach(d=>{g?a(d.groupTitle):d.selected||a(d.groupTitle)})},"toggleAllSources"),f=u.map(d=>{let{selected:y,groupTitle:v,logo:x}=d;return{start:We.createElement(Gy,{src:x,size:22,type:"circular"}),onClick:()=>a(v),end:We.createElement(qy,{checked:y}),title:We.createElement(Vy,{variant:"title",size:"xmedium"},St.t(v)),...d}}),T=i(d=>{let y=d.target.value;s(y)},"searchHandler"),S=f;return r&&(S=f.filter(d=>et(d.groupTitle,r))),We.createElement(re,{header:{title:St.t(t),suffix:We.createElement(ds,null,We.createElement(zy,{variant:"ghost",size:"xsmall",onClick:m},g?St.t("Deselect all"):St.t("Select all")))}},We.createElement(se,{view:!0},We.createElement(ht,{value:r,setValue:s,fullWidth:!0,color:"light",variant:"contained",placeholder:St.t("Search {sourceType}",{sourceType:p[t]}),onChange:T}),e==="loading"&&We.createElement(gs,null),!S.length&&r?We.createElement(fs,null,We.createElement(Qy,{title:St.t("No results found"),description:St.t("Try using different keywords")})):e==="success"&&We.createElement(_o,null,S.map(d=>We.createElement(We.Fragment,{key:d.id},We.createElement(Hy,{style:{height:"61px"},...d,selected:!1,hasDivider:!0}))))))}i(hs,"LiquiditySourcePage");import{i18n as Su}from"@lingui/core";import{Divider as Cu,getCountCategories as nS,SelectableCategoryList as rS}from"@rango-dev/ui";import Ct,{useState as Tu}from"react";import{i18n as Ss}from"@lingui/core";import{Divider as hu,Image as Zy,ListItemButton as Ry,NotFound as eS,Typography as yu}from"@rango-dev/ui";import He,{useEffect as tS,useState as oS}from"react";import{BlockchainCategories as ys}from"@rango-dev/ui";import{TransactionType as dr}from"rango-sdk";var Xy=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"),uu=i((t,e,o)=>t.filter(n=>Xy(n,o)).filter(n=>Pt(n.name,e)||Pt(n.displayName,e)),"filterBlockchains");import{ImageContainer as Ky,styled as mu}from"@rango-dev/ui";var du=mu("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),fr=mu(To,{padding:0,margin:0,listStyle:"none",[`& ${Ky}`]:{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as Yy,Skeleton as fu}from"@rango-dev/ui";import gr from"react";var Jy=20;function gu(){return gr.createElement(fr,null,Array.from(Array(Jy),t=>gr.createElement(Yy,{key:t,hasDivider:!0,start:gr.createElement(fu,{variant:"circular",width:35,height:35}),title:gr.createElement(fu,{variant:"text",size:"large",width:90})})))}i(gu,"LoadingBlockchainList");function Cs(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[s,a]=oS(e),{fetchStatus:l}=h();tS(()=>{a([...uu(e,o,r)])},[e,o,r]);let p=i(()=>!s.length&&o?He.createElement(He.Fragment,null,He.createElement(hu,{size:32}),He.createElement(eS,{title:Ss.t("No results found"),description:Ss.t("Try using different keywords")})):He.createElement(fr,{as:"ul",key:`${r}-${o}`},s.map(c=>He.createElement(Ry,{key:`${c.name}-${c.chainId}`,hasDivider:!0,onClick:()=>n(c),start:He.createElement(Zy,{src:c.logo,size:30}),title:He.createElement(yu,{variant:"title",size:"medium"},c.displayName),id:c.chainId}))),"renderList");return He.createElement(du,null,He.createElement(yu,{variant:"label",size:"large"},Ss.t("Select Blockchain")),He.createElement(hu,{size:4}),l==="loading"&&He.createElement(gu,null),l==="success"&&p())}i(Cs,"BlockchainList");function Ts(t){let{type:e}=t,o=It(),[n,r]=Tu(""),[s,a]=Tu("ALL"),l=X.use.setToBlockchain(),p=X.use.setFromBlockchain(),c=h().fetchStatus,u=h().blockchains({type:e}),m=nS(u)!==1;return Ct.createElement(re,{header:{title:Su.t("Select Blockchain")}},Ct.createElement(se,{view:!0},m&&Ct.createElement(Ct.Fragment,null,Ct.createElement(rS,{setCategory:a,category:s,blockchains:u,isLoading:c==="loading"}),Ct.createElement(Cu,{size:24})),Ct.createElement(ht,{value:n,autoFocus:!0,placeholder:Su.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:f=>r(f.target.value)}),Ct.createElement(Cu,{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 Ou}from"@rango-dev/ui";import qt,{useState as kS}from"react";import{useNavigate as wS}from"react-router-dom";import{i18n as vs}from"@lingui/core";import{BlockchainsChip as hr,Divider as xu,Image as bu,Skeleton as pS,Tooltip as cS,Typography as xs}from"@rango-dev/ui";import Se from"react";import{useEffect as aS}from"react";var ku=["ETH","COSMOS","OSMOSIS"];function ks(t,e,o){let n=JSON.parse(JSON.stringify(t)),r=[];if(n.sort(iS),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(sS(a)),r=n.splice(s)}return{list:n,more:r}}i(ks,"prepare");function iS(t,e){let o=ku,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(iS,"sortByMostUsedBlockchains");function sS(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(sS,"generateSortByPreferredBlockchainsFor");function wu(t,e){return!!e.list.find(o=>o.name===t)}i(wu,"isInVisibleList");function ws(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=h();aS(()=>{if(e?.selected){let s=ks(t,o,e);wu(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 lS}from"@rango-dev/ui";var vu=lS("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var uS=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}=h(),p=X.use.resetToBlockchain(),c=X.use.resetFromBlockchain(),u=a.more.length>0,g=a.more.length===1,m=!g&&u;return Se.createElement(Se.Fragment,null,Se.createElement(xu,{size:12}),Se.createElement(xs,{variant:"label",size:"large"},vs.t("Select Blockchain")),Se.createElement(xu,{size:12}),Se.createElement(vu,null,l==="loading"&&Array.from(Array(uS),f=>Se.createElement(pS,{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(cS,{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(bu,{src:f.logo,size:30})))),g?Se.createElement(hr,{key:a.more[0].name,selected:!!n&&n.name===a.more[0].name,onClick:()=>r(a.more[0])},Se.createElement(bu,{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 fS,Image as gS,ListItemButton as hS,NotFound as yS,PinIcon as SS,Skeleton as _u,Typography as Cr,VirtualizedList as CS}from"@rango-dev/ui";import $,{useEffect as Du,useState as Fu}from"react";import{Divider as Mu,ListItem as dS,Skeleton as Fo}from"@rango-dev/ui";import Ze from"react";import{css as lo,darkTheme as Iu,ImageContainer as mS,styled as Je,Typography as Au}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",[`.${Iu} &`]:{$$color:"$colors$neutral700"},color:"$$color",textDecoration:"none"}}),Ls=lo({}),Ns=lo(),Eu=Je("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),Bs=Je("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),yr=Je("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=Je("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),Ps=Je(Au,{}),Wu=Je("div",{textAlign:"right",width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",[`& .${Ns}`]:{$$color:"$colors$neutral600",[`.${Iu} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Sr=Je("div",{display:"flex",alignItems:"end",flexDirection:"column"}),r$=Je("div",{display:"flex",alignItems:"center"}),Lu=Je("div",{position:"relative",[`& ${mS}`]:{borderRadius:"$xm",overflow:"hidden"}}),Nu=Je("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6}),Bu=Je(Au,{width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"});function Pu(t){return Ze.createElement(yr,null,Array.from(Array(t.size),e=>Ze.createElement(dS,{key:e,hasDivider:!0,start:Ze.createElement(Fo,{variant:"circular",width:35,height:35}),end:Ze.createElement(Sr,null,Ze.createElement(Fo,{variant:"text",size:"large",width:70}),Ze.createElement(Mu,{size:4}),Ze.createElement(Fo,{variant:"text",size:"medium",width:50})),title:Ze.createElement("div",null,Ze.createElement(Fo,{variant:"text",size:"large",width:90}),Ze.createElement(Mu,{size:4}),Ze.createElement(Fo,{variant:"text",size:"medium",width:90}))})))}i(Pu,"LoadingTokenList");var _s=20,TS=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(fS,{color:"gray",size:12}))))},"renderDesc");function Uu(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[s,a]=Fu(e),l=h().fetchStatus,p=h().blockchains(),[c,u]=Fu(!0),{getBalanceFor:g,loading:m}=Q(),{isTokenPinned:f}=h(),T=i(()=>{a(e.slice(0,s.length+_s))},"loadNextPage");Du(()=>{u(e.length>s.length)},[s.length]),Du(()=>{a(e.slice(0,_s))},[e]);let S=i(()=>!s.length&&o?$.createElement($.Fragment,null,$.createElement(po,{size:32}),$.createElement(yS,{title:$s.t("No results found"),description:$s.t("Try using different keywords")})):$.createElement(CS,{endReached:c?T:void 0,itemContent:d=>{let y=s[d],v=rn(g(y)),x=y.address||"",C=p.find(k=>k.name===y.blockchain),w=Pn(y.symbol,C?.color||""),I={$$color:w[`${y.symbol}100`],[`.${$u} &`]:{$$color:w[`${y.symbol}900`]},backgroundColor:"$$color"},b={$$color:w[`${y.symbol}700`],[`.${$u} &`]:{$$color:w[`${y.symbol}100`]},color:"$$color"};return $.createElement("div",{style:{paddingRight:5}},$.createElement(hS,{style:{width:"100%",overflow:"hidden"},"tab-index":d,key:`${y.symbol}${y.address}`,id:`${y.symbol}${y.address}`,hasDivider:!0,onClick:()=>n(s[d]),start:$.createElement(Lu,null,$.createElement(gS,{src:y.image,size:30}),f(y,t.type)&&$.createElement(Nu,null,$.createElement(SS,{size:12,color:"gray"}))),title:C?.type==="COSMOS"||y.name||!y.name&&!x?$.createElement(Bs,null,$.createElement(Cr,{variant:"title",size:"xmedium"},y.symbol),$.createElement(po,{direction:"horizontal",size:4}),$.createElement(Ms,{css:I},$.createElement(Ps,{variant:"body",size:"xsmall",css:b},y.blockchain))):void 0,description:C?.info&&x&&C.type!=="COSMOS"?TS({address:x,token:s[d],customCssForTag:I,customCssForTagTitle:b,name:y.name,url:C.info.addressUrl.split("{wallet}").join(x)}):y.name||void 0,end:m?$.createElement(Sr,null,$.createElement(_u,{variant:"text",size:"large",width:70}),$.createElement(po,{size:4}),$.createElement(_u,{variant:"text",size:"medium",width:50})):v&&$.createElement(Wu,null,$.createElement(Bu,{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(Eu,null,$.createElement(Cr,{variant:"label",size:"large"},$s.t("Select Token")),$.createElement(po,{size:4}),l==="loading"&&$.createElement(Pu,{size:_s}),l==="success"&&$.createElement(yr,{as:"ul"},S()))}i(Uu,"TokenList");function Ds(t){let{type:e}=t,o=wS(),n=It(),{fromBlockchain:r,toBlockchain:s,setFromToken:a,setToToken:l,setFromBlockchain:p,setToBlockchain:c}=X(),u=Q.use.getBalanceFor(),[g,m]=kS(""),{isTokenPinned:f}=h(),S=(e==="source"?r:s)?.name??"",d=h().blockchains({type:e}),y=h().tokens({type:e,blockchain:S,searchFor:g}),x=ka(y,u,i(b=>f(b,e),"checkIsTokenPinned")),C=i(b=>{e==="source"?p(b):c(b)},"updateBlockchain"),w=i(b=>{e==="source"?a({token:b,meta:{blockchains:d,tokens:y}}):l({token:b,meta:{blockchains:d,tokens:y}})},"updateToken"),I={source:Tr.t("Source"),destination:Tr.t("Destination")};return qt.createElement(re,{header:{title:Tr.t("Swap {type}",{type:I[e]})}},qt.createElement(se,null,qt.createElement(bs,{blockchains:d,type:e=="source"?"from":"to",blockchain:e==="source"?r:s,onMoreClick:()=>o(P.blockchains),onChange:b=>{C(b)}}),qt.createElement(Ou,{size:24}),qt.createElement(ht,{value:g,autoFocus:!0,placeholder:Tr.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>m(""),onChange:b=>m(b.target.value)}),qt.createElement(Ou,{size:16}),qt.createElement(Uu,{list:x,selectedBlockchain:S,searchedFor:g,type:e,onChange:b=>{w(b);let k=d.find(E=>b.blockchain===E.name);k&&C(k),n()}})))}i(Ds,"SelectSwapItemsPage");import{i18n as Gt}from"@lingui/core";import{ChevronRightIcon as Os,Divider as zs,InfoIcon as LS,List as NS,ListItemButton as BS,Skeleton as MS,Switch as PS,Tooltip as $S,Typography as Ht}from"@rango-dev/ui";import Y from"react";import{useNavigate as _S}from"react-router-dom";import{i18n as Vu}from"@lingui/core";import{Divider as IS,InfoIcon as AS,TextField as ES,Tooltip as WS,Typography as ju}from"@rango-dev/ui";import _e from"react";import{Chip as vS,styled as Uo,TextField as xS}from"@rango-dev/ui";var zu=Uo("div",{paddingTop:"$5",padding:"$10 $5"}),qu=Uo("div",{display:"flex",flexWrap:"wrap",gap:"$10",[`& ${xS}`]:{flex:"1 1 0",maxWidth:"127px",minWidth:"85px"}}),Gu=Uo("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),kr=Uo("div",{maxWidth:"280px",padding:"$10"}),Hu=Uo(vS,{width:"61px",flexShrink:0});import{i18n as Fs}from"@lingui/core";import{Typography as bS}from"@rango-dev/ui";import Oo from"react";function Qu(){return Oo.createElement(kr,null,Oo.createElement(bS,{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(Qu,"SlippageTooltipContent");function Us(){let{slippage:t,setSlippage:e,customSlippage:o,setCustomSlippage:n}=h();return _e.createElement(zu,null,_e.createElement(Gu,null,_e.createElement(ju,{variant:"title",size:"xmedium"},Vu.t("Slippage tolerance per swap")),_e.createElement(IS,{direction:"horizontal",size:4}),_e.createElement(WS,{container:L(),side:"top",sideOffset:4,content:_e.createElement(Qu,null)},_e.createElement(AS,{color:"gray"}))),_e.createElement(qu,null,_a.map((r,s)=>{let a=`slippage-${s}`;return _e.createElement(_e.Fragment,null,_e.createElement(Hu,{key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`}))}),_e.createElement(ES,{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&&_e.createElement(ju,{variant:"body",size:"small"},"%"),placeholder:Vu.t("Custom")})))}i(Us,"Slippage");function Xu(){let t=_S(),{theme:e}=h().config,o=h().fetchStatus,n=h().swappers(),r=h().disabledLiquiditySources,{config:{features:s}}=h(),a=Fe("theme",s),l=Fe("liquiditySource",s),p=Fe("language",s),c=h().infiniteApprove,u=h().toggleInfiniteApprove,g=cn(n,r),m=g.filter(k=>k.type==="BRIDGE"||k.type==="AGGREGATOR"),f=m.length,T=m.filter(k=>k.selected).length,S=g.filter(k=>k.type==="DEX"),d=S.length,y=S.filter(k=>k.selected).length,v=i((k,E)=>{switch(o){case"loading":return Y.createElement(MS,{variant:"text",size:"medium",width:50});case"failed":return Y.createElement(Ht,{variant:"body",size:"medium",color:"$error500"},Gt.t("Loading failed"));default:return Y.createElement(Ht,{variant:"body",size:"medium"},`${k} / ${E}`)}},"handleEndItem"),x={id:"bridge-item",title:Y.createElement(Ht,{variant:"title",size:"xmedium"},Gt.t("Enabled bridges")),end:Y.createElement(Y.Fragment,null,v(T,f),Y.createElement(zs,{direction:"horizontal",size:8}),Y.createElement(Os,{color:"black"})),onClick:()=>t(P.bridges)},C={id:"exchange-item",title:Y.createElement(Ht,{variant:"title",size:"xmedium"},Gt.t("Enabled exchanges")),end:Y.createElement(Y.Fragment,null,v(y,d),Y.createElement(zs,{direction:"horizontal",size:8}),Y.createElement(Os,{color:"gray"})),onClick:()=>t(P.exchanges)},w={id:"theme-item",title:Y.createElement(Ht,{variant:"title",size:"xmedium"},Gt.t("Theme")),end:Y.createElement(Os,{color:"gray"}),onClick:()=>t(P.themes)},I={id:"infinite-approval-item",title:Y.createElement(Y.Fragment,null,Y.createElement(Ht,{variant:"title",size:"xmedium"},Gt.t("Infinite approval")),Y.createElement(zs,{direction:"horizontal",size:4}),Y.createElement($S,{side:"top",sideOffset:4,container:L(),content:Y.createElement(kr,null,Y.createElement(Ht,{variant:"label",size:"medium",color:"neutral700"},Gt.t("Enabling the 'Infinite approval' mode grants unrestricted access to smart contracts of DEXes/Bridges, allowing them to utilize the approved token amount without limitations.")))},Y.createElement(LS,{color:"gray"}))),end:Y.createElement(PS,{checked:c}),onClick:u},b=l?[]:[x,C];return!e?.singleTheme&&!a&&b.push(w),b.push(I),Y.createElement(re,{header:{title:Gt.t("Settings")}},Y.createElement(se,null,Y.createElement(Us,null),Y.createElement(NS,{type:Y.createElement(BS,{title:"_",id:"_",onClick:()=>console.log()}),items:b})))}i(Xu,"SettingsPage");import{i18n as wC}from"@lingui/core";import{cancelSwap as vC}from"@rango-dev/queue-manager-rango-preset";import{useManager as xC}from"@rango-dev/queue-manager-react";import{Alert as bC}from"@rango-dev/ui";import oa from"react";import{useParams as IC}from"react-router-dom";import{i18n as Tt}from"@lingui/core";import{getCurrentBlockchainOfOrNull as rC,getCurrentStep as iC,getRelatedWalletOrNull as sC}from"@rango-dev/queue-manager-rango-preset";import{Button as wm,CopyIcon as aC,Divider as lC,IconButton as pC,LinkIcon as cC,QuoteCost as uC,StepDetails as mC,Typography as uo,useCopyToClipboard as dC}from"@rango-dev/ui";import{useWallets as fC}from"@rango-dev/wallets-react";import vm from"bignumber.js";import{PendingSwapNetworkStatus as Nr}from"rango-types";import Z,{useEffect as xm,useRef as gC,useState as bm}from"react";import{useNavigate as hC}from"react-router-dom";import{i18n as Bt}from"@lingui/core";var DS=[Bt.t("Sunday"),Bt.t("Monday"),Bt.t("Tuesday"),Bt.t("Wednesday"),Bt.t("Thursday"),Bt.t("Friday"),Bt.t("Saturday")];function Ku(t){let e=new Date(t),o=e.getDate(),n=e.toLocaleString("default",{month:"long"}),r=e.getFullYear();return`${e.getDay()===new Date().getDay()?Bt.t("Today"):`${DS[e.getDay()]} ${o} ${n} ${r}`}, ${new Date(t).toLocaleTimeString()}`}i(Ku,"timeSince");function Yu(t){return t.finishTime?Ku(parseInt(t.finishTime)):Ku(parseInt(t.creationTime))}i(Yu,"getSwapDate");import{PendingSwapNetworkStatus as xr}from"rango-types";import br from"react";import{i18n as wr}from"@lingui/core";import{Button as Ju,Divider as qs,MessageBox as FS,Typography as Zu}from"@rango-dev/ui";import lt from"react";var Ru=i(({onCancel:t,onClose:e})=>lt.createElement(lt.Fragment,null,lt.createElement(qs,{size:20}),lt.createElement(FS,{type:"error",title:wr.t("Cancel Swap"),description:wr.t("Are you sure you want to cancel this swap?")}),lt.createElement(qs,{size:32}),lt.createElement(Ju,{variant:"contained",type:"primary",size:"large",onClick:t},lt.createElement(Zu,{variant:"title",size:"medium",color:"neutral100"},wr.t("Yes, Cancel it"))),lt.createElement(qs,{size:12}),lt.createElement(Ju,{variant:"outlined",type:"primary",size:"large",onClick:e},lt.createElement(Zu,{variant:"title",size:"medium",color:"primary"},wr.t("No, Continue")))),"CancelContent");import{i18n as vr}from"@lingui/core";import{Button as em,Divider as Gs,MessageBox as US,Typography as tm}from"@rango-dev/ui";import pt from"react";var om=i(({onDelete:t,onClose:e})=>pt.createElement(pt.Fragment,null,pt.createElement(Gs,{size:20}),pt.createElement(US,{type:"error",title:vr.t("Delete Transaction"),description:vr.t("Are you sure you want to delete this swap?")}),pt.createElement(Gs,{size:32}),pt.createElement(em,{variant:"contained",type:"primary",size:"large",onClick:t},pt.createElement(tm,{variant:"title",size:"medium",color:"neutral100"},vr.t("Yes, Delete it"))),pt.createElement(Gs,{size:12}),pt.createElement(em,{variant:"outlined",type:"primary",size:"large",onClick:e},pt.createElement(tm,{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 zS,Wallet as qS}from"@rango-dev/ui";import{useWallets as GS}from"@rango-dev/wallets-react";import zo from"react";import{styled as OS}from"@rango-dev/ui";var nm=OS("div",{display:"flex",justifyContent:"center"});var rm=i(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:s,walletButtonDisabled:a}=t,{connect:l,getWalletInfo:p,state:c}=GS(),u=n?.walletType,g=u?Ur(c(u)):null,m=u?p(u):null;return zo.createElement(zo.Fragment,null,zo.createElement(zS,{type:e,title:o,description:r}),s&&!!u&&!!g&&!!m&&zo.createElement(nm,null,zo.createElement(qS,{container:L(),title:m.name,image:m.img,type:u,state:g,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(xe.SWAP_BOX_ID)||document.body},p&&br.createElement(rm,{type:Vs[e].type,title:Vs[e].title,currentStepWallet:s,message:a,walletButtonDisabled:l,showWalletButton:e!==xr.WaitingForNetworkChange}),e==="delete"&&br.createElement(om,{onClose:o,onDelete:n}),e==="cancel"&&br.createElement(Ru,{onClose:o,onCancel:r}))}i(js,"SwapDetailsModal");import{i18n as qo}from"@lingui/core";import{Button as Xs,Divider as Ir,MessageBox as im,TokenAmount as HS,Typography as Ar}from"@rango-dev/ui";import Te from"react";import{useNavigate as QS}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:g,diagnosisUrl:m}=t,f=QS();return Te.createElement(ie,{open:e,onClose:o,container:document.getElementById(xe.SWAP_BOX_ID)||document.body},n==="success"?Te.createElement(im,{type:"success",title:qo.t("Swap Successful")},Te.createElement(HS,{direction:"vertical",tooltipContainer:L(),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"},g)):Te.createElement(im,{type:"error",title:qo.t("Transaction Failed"),description:g}),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"},qo.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"},qo.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"},qo.t("See Details"))))}i(Ks,"SwapDetailsCompleteModal");import oC from"react";import{i18n as ZS}from"@lingui/core";import{Alert as um,IconButton as RS,LinkIcon as eC}from"@rango-dev/ui";import Mt,{Fragment as tC}from"react";import{Alert as VS,ChevronDownIcon as jS,ChevronUpIcon as XS,IconButton as KS}from"@rango-dev/ui";import Er,{useState as YS}from"react";function sm(t){let{message:e}=t,[o,n]=YS(!1);return Er.createElement(VS,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&Er.createElement(KS,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?Er.createElement(XS,{size:12,color:"gray"}):Er.createElement(jS,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}i(sm,"FailedAlert");import{styled as JS}from"@rango-dev/ui";var am=JS("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as lm}from"@lingui/core";import{Alert as Ys,Button as pm}from"@rango-dev/ui";import{PendingSwapNetworkStatus as Js}from"rango-types";import Go from"react";function cm(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?Go.createElement(Ys,{type:"warning",title:n.shortMessage,action:Go.createElement(pm,{size:"xxsmall",type:"warning",onClick:()=>{o(Js.WaitingForNetworkChange),e().catch(s=>{console.log(s)})}},lm.t("Change"))}):r===Js.WaitingForConnectingWallet?Go.createElement(Ys,{type:"warning",title:n.shortMessage,action:Go.createElement(pm,{size:"xxsmall",type:"warning",onClick:()=>{o(Js.WaitingForConnectingWallet)}},lm.t("Connect"))}):Go.createElement(Ys,{type:"warning",title:n.shortMessage})}i(cm,"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 Mt.createElement(am,null,s.explorerUrl?.map((g,m,f)=>{let T=m+g.url,S=m===f.length-1,d=(S&&c||p)&&!u,y=S&&s.status==="failed";return Mt.createElement(tC,{key:T},Mt.createElement(um,{type:S&&(d&&"loading"||y&&"error")||"success",title:g.description?`${g.description} Tx`:ZS.t("View transaction"),action:g.url&&Mt.createElement(RS,{variant:"ghost",size:"xsmall",onClick:()=>window.open(g.url,"_blank")},Mt.createElement(eC,{size:12}))}))}),u&&Mt.createElement(um,{type:"loading",title:r.shortMessage}),s.status!=="failed"&&l&&Mt.createElement(cm,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),s.status==="failed"&&Mt.createElement(sm,{message:r}))}i(Zs,"SwapDetailsAlerts");var mm=2e3;var dm=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:Ue(s.fromBlockchain,e)??"",image:s.fromBlockchainLogo??""},price:{value:A(l,6,6),realValue:l}},to:{token:{displayName:s.toSymbol,image:s.toLogo},chain:{displayName:Ue(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:Ue(p.fromBlockchain,e)??""},to:{blockchain:Ue(p.toBlockchain,e)??""},swapper:{displayName:yo(p.swapperId,o),image:p.swapperLogo??"",type:p.swapperType}})):[],alerts:oC.createElement(Zs,{step:s,hasAlreadyProceededToSign:r,...n})}})},"getSteps");function fm(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(fm,"getStepState");import{css as Ho,darkTheme as nC,styled as Qt}from"@rango-dev/ui";var gm=Qt("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),Wr=Qt("div",{width:"100%"}),hm=Qt(To,{padding:"$0 $20 $20 $20"}),HD=Qt("div",{display:"flex",flexDirection:"column",gap:"$10"}),ym=Qt("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),QD=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",[`.${nC} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color",color:"$neutral500"}),Sm=Ho({padding:"$5 0"}),Lr=Ho({display:"flex",justifyContent:"center",alignItems:"center",height:"$24"}),Cm=Ho({display:"flex",width:"100%",padding:"$15 $20 $20",flexDirection:"column",alignItems:"start"}),Tm=Ho({width:"100%",padding:"0 $20 $10"}),km=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}=fC(),p=h().blockchains(),c=h().swappers(),u=h().tokens(),g=X.use.retry(),m=ee.use.isActiveTab(),f=hC(),[T,S]=dC(mm),d=gC(null),[y,v]=bm(null),[x,C]=bm(null),w=i(()=>{r(),v(null)},"onCancel"),I=Pe.use.getUnreadNotifications(),b=Pe.use.setAsRead(),k=I(),E=iC(e),N=E?.networkStatus;xm(()=>{k.find(kt=>kt.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(C(e.status),b(e.requestId))},[e.status]),xm(()=>{fe?v(Nr.WaitingForNetworkChange):N===Nr.WaitingForConnectingWallet||N===Nr.NetworkChanged?v(N):v(null)},[N]);let z=pl(e),F=E?rC(e,E):null,W=E?sC(e,E):null,J=Yu(e),te=cl(e),R=i(Me=>!!l(Me)?.mobileWallet,"isMobileWallet"),fe=N===Nr.WaitingForNetworkChange&&!!F&&!!W?.walletType&&(R(W.walletType)||s(W.walletType,F)),G=fe?a.bind(null,W.walletType,F):void 0,De=ll(e,E),K=dm({swap:e,switchNetwork:G,showNetworkModal:N,setNetworkModal:v,message:De,blockchains:p,swappers:c}),U=K.length,[ke,ct]=[e.steps[0],e.steps[U-1]],Le=ct.outputAmount||ct.expectedOutputAmountHumanReadable,ut=e.steps.reduce((Me,kt)=>Me+parseFloat(kt.feeInUsd||""),0),_=e.steps.find(Me=>Me.diagnosisUrl)?.diagnosisUrl,V=A(parseFloat(A(Le,6,6))*(ct.toUsdPrice||0),4,4),H=A(parseFloat(e.inputAmount)*(ke.fromUsdPrice||0),4,4),ce=Le?le(new vm(Le).multipliedBy(ct.toUsdPrice||0)):"",mt=le(new vm(e.inputAmount).multipliedBy(ke.fromUsdPrice||0)),Qe=Oe(H,V),Dr=e.status==="success"?Tt.t({id:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:A(Le,6,6),token:K[U-1].to.token.displayName,conciseAddress:sn(e.wallets[K[U-1].to.chain.displayName]?.address||""),chain:K[U-1].to.chain.displayName}}):`${Tt.t("Transaction was not sent.")} ${z?Tt.t({id:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:z.outputAmount,symbol:z.symbol,blockchain:z.blockchain}}):""}`;return Z.createElement(re,{header:{title:Tt.t("Swap and Bridge"),onCancel:e.status==="running"?()=>v("cancel"):void 0,suffix:e.status!=="running"&&Z.createElement(Rt,null,Z.createElement(wm,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>v("delete")},Z.createElement(uo,{size:"medium",variant:"label",color:"error"},Tt.t("Delete"))))},footer:te&&!x&&Z.createElement(wm,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{g(e,{blockchains:p,tokens:u}),setTimeout(()=>{f("../../")},0)}},Tt.t("Try again"))},Z.createElement(se,{compact:!0,view:!0},Z.createElement(Wr,null,Z.createElement("div",{className:co()},Z.createElement(uo,{variant:"label",size:"large",color:"neutral700"},`${Tt.t("Request ID")}:`),Z.createElement("div",{className:Lr()},Z.createElement(uo,{variant:"label",size:"small",color:"neutral700"},o),Z.createElement(pC,{variant:"ghost",onClick:S.bind(null,o||"")},Z.createElement(aC,{size:16,color:"gray"})),Z.createElement(km,{target:"_blank",href:`${ca}/swap/${o}`},Z.createElement(cC,{size:16})))),Z.createElement("div",{className:co()},Z.createElement(uo,{variant:"label",size:"large",color:"neutral700"},`${Tt.t(e.finishTime?"Finished at":"Created at")}:`),Z.createElement(uo,{variant:"label",size:"small",color:"neutral700"},J))),Z.createElement("div",{className:Cm()},Z.createElement(uC,{fee:A(String(ut),2,2),time:Jo(Zo(e.steps)),steps:U}),Z.createElement(Ao,{from:{price:{value:A(e.inputAmount,6,6),usdValue:H,realUsdValue:mt,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(Le,6,6),usdValue:V,realUsdValue:ce,realValue:Le},token:{displayName:K[U-1].to.token.displayName,image:K[U-1].to.token.image},chain:{image:K[U-1].to.chain.image,displayName:K[U-1].to.chain.displayName}},percentageChange:A(Qe,2,2),warningLevel:ft(Qe??0)})),Z.createElement("div",{className:Tm()},Z.createElement(uo,{variant:"title",size:"small"},Tt.t("Swaps steps"))),Z.createElement(lC,{size:8}),Z.createElement(hm,{ref:d},K.map((Me,kt)=>{let la=kt,mo=fm(e.steps[kt]),Vm=mo==="error"||mo==="in-progress"||mo==="warning"||mo==="completed"&&kt===K.length-1;return Z.createElement(mC,{key:la,step:Me,type:"swap-progress",ref:d,state:mo,hasSeparator:kt!==0,tabIndex:la,isFocused:Vm,tooltipContainer:L()})}))),Z.createElement(js,{state:y,onClose:()=>v(null),onCancel:w,onDelete:n,message:De.detailedMessage.content,currentStepWallet:W,walletButtonDisabled:!m}),Z.createElement(Ks,{open:!!x,diagnosisUrl:_,onClose:()=>C(null),status:e.status==="success"?"success":"failed",priceValue:A(Le,6,6),usdValue:V,realUsdValue:ce,realValue:le(Le),percentageChange:A(Qe,2,2),token:{displayName:K[U-1].to.token.displayName,image:K[U-1].to.token.image},chain:{image:K[U-1].to.chain.image},description:Dr}))}i(Rs,"SwapDetails");import{i18n as Mr}from"@lingui/core";import{Divider as Em,NotFound as kC,Skeleton as Vo,Typography as Pr}from"@rango-dev/ui";import ue from"react";import{i18n as yC}from"@lingui/core";import{Divider as SC,Skeleton as CC,Typography as TC}from"@rango-dev/ui";import de from"react";import{css as Re,styled as ea}from"@rango-dev/ui";var Im=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"}),x1=Re({display:"flex",justifyContent:"space-between",alignItems:"center"}),b1=Re({display:"flex",justifyContent:"space-between",alignItems:"center"}),I1=Re({paddingTop:"$15",display:"flex"}),A1=Re({padding:"$15 $0"}),E1=Re({width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"}),W1=Re({paddingBottom:"$10"}),L1=Re({display:"flex",justifyContent:"start",alignItems:"center"}),N1=Re({paddingTop:"$5",display:"flex",alignItems:"center"}),B1=Re({display:"flex",alignItems:"center"}),M1=Re({padding:"$4 $6",display:"flex",justifyContent:"center",alignItems:"center"}),Am=Re({display:"flex",paddingTop:"$10",paddingBottom:"$5"});function ta(){return de.createElement(Im,null,de.createElement(Lo,{type:"swap-preview"}),de.createElement("div",{className:"swaps-steps"},de.createElement(TC,{variant:"title",size:"small"},yC.t("Swaps steps"))),de.createElement(de.Fragment,null,de.createElement(Qo,null,de.createElement(at,{separator:!1}),de.createElement("div",{className:Am()},de.createElement(SC,{direction:"horizontal",size:20}),de.createElement(CC,{height:22,variant:"rectangular"}))),de.createElement(Br,null),de.createElement(Qo,null,de.createElement(at,{separator:!1})),de.createElement(Br,null),de.createElement(Qo,null,de.createElement(at,{separator:!1})),de.createElement(Br,null),de.createElement(Qo,null,de.createElement(at,{separator:!1}))))}i(ta,"LoadingSwapDetails");function Wm(t){let{requestId:e,showSkeleton:o}=t;return ue.createElement(re,{header:{title:Mr.t("Swap and Bridge"),suffix:ue.createElement(Rt,null)}},o&&ue.createElement(gm,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(Em,{direction:"horizontal",size:4}),ue.createElement(Vo,{width:16,height:16,variant:"rectangular"}),ue.createElement(Em,{direction:"horizontal",size:4}),ue.createElement(Vo,{width:16,height:16,variant:"rectangular"}))),ue.createElement("div",{className:co()},ue.createElement(Pr,{className:Sm(),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(ym,null,ue.createElement(kC,{title:Mr.t("Not found"),description:Mr.t({id:"Swap with request ID = {requestId} not found.",values:{requestId:e}})})))}i(Wm,"SwapDetailsPlaceholder");function Lm(){let{manager:t,state:e}=xC(),o=!e.loadedFromPersistor,n=At(t),{requestId:r}=IC(),s=It(),{fetchStatus:a}=h();if(!r)return oa.createElement(bC,{containerStyles:{margin:"20px"},type:"error",title:wC.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&&vC(m)}},"onCancel"),u=i(async()=>{if(p?.id)try{t?.deleteQueue(p.id),s()}catch(m){console.log(m)}},"onDelete"),g=p?.swap;return!g||l?oa.createElement(Wm,{requestId:r,showSkeleton:l}):oa.createElement(Rs,{swap:g,requestId:r,onCancel:c,onDelete:u})}i(Lm,"SwapDetailsPage");import{i18n as jo}from"@lingui/core";import{AutoThemeIcon as AC,DarkModeIcon as EC,LightModeIcon as WC,List as LC,ListItemButton as NC,Radio as na,RadioRoot as BC,Typography as ra}from"@rango-dev/ui";import Ne from"react";function Nm(){let{setTheme:t,theme:e}=h(),o=[{id:"light",value:"light",title:Ne.createElement(ra,{variant:"title",size:"xmedium"},jo.t("Light")),onClick:()=>t("light"),start:Ne.createElement(WC,{color:"gray"}),end:Ne.createElement(na,{value:"light"})},{id:"dark",value:"dark",title:Ne.createElement(ra,{variant:"title",size:"xmedium"},jo.t("Dark")),onClick:()=>t("dark"),start:Ne.createElement(EC,{color:"gray"}),end:Ne.createElement(na,{value:"dark"})},{id:"auto",value:"auto",title:Ne.createElement(ra,{variant:"title",size:"xmedium"},jo.t("Auto")),onClick:()=>t("auto"),start:Ne.createElement(AC,{color:"gray"}),end:Ne.createElement(na,{value:"auto"})}];return Ne.createElement(re,{header:{title:jo.t("Theme")}},Ne.createElement(se,null,Ne.createElement(BC,{onValueChange:n=>t(n),value:e},Ne.createElement(LC,{type:Ne.createElement(NC,{title:jo.t("Theme"),id:"_",onClick:()=>console.log()}),items:o}))))}i(Nm,"ThemePage");function Bm(){return Sl(),li(),MC([{path:P.home,element:Be.createElement(su,null)},{path:P.fromSwap,children:[{index:!0,element:Be.createElement(Ds,{type:"source"})},{path:P.blockchains,element:Be.createElement(Ts,{type:"source"})}]},{path:P.toSwap,children:[{index:!0,element:Be.createElement(Ds,{type:"destination"})},{path:P.blockchains,element:Be.createElement(Ts,{type:"destination"})}]},{path:P.settings,children:[{index:!0,element:Be.createElement(Xu,null)},{path:P.themes,element:Be.createElement(Nm,null)},{path:P.languages,element:Be.createElement(lu,null)},{path:P.exchanges,element:Be.createElement(hs,{sourceType:"Exchanges"})},{path:P.bridges,element:Be.createElement(hs,{sourceType:"Bridges"})}]},{path:P.swaps,children:[{index:!0,element:Be.createElement(Rc,null)},{path:P.swapDetails,element:Be.createElement(Lm,null)}]},{path:P.wallets,element:Be.createElement(hp,null)},{path:P.confirmSwap,element:Be.createElement(zc,null)}])}i(Bm,"AppRoutes");import{isApprovalTX as PC,MainEvents as Mm,RouteEventType as Pm,StepEventType as $m,StepExecutionEventStatus as $C,useEvents as _C}from"@rango-dev/queue-manager-rango-preset";import{useEffect as _m}from"react";function Dm(){let t=h().tokens(),e=Q.use.connectedWallets(),o=Q.use.getWalletsDetails(),n=Pe.use.setNotification(),r=_C();return _m(()=>(r.on(Mm.StepEvent,s=>{let{event:a,step:l,route:p}=s;if(a.type===$m.TX_EXECUTION&&a.status===$C.TX_SENT&&!PC(l)||a.type===$m.SUCCEEDED){let u=e.find(m=>m.chain===l?.fromBlockchain),g=l?.fromBlockchain!==l?.toBlockchain&&e.find(m=>m.chain===l?.toBlockchain);u&&o([u],t),g&&o([g],t)}n(a,p)}),()=>r.all.clear()),[r,e.length]),_m(()=>(r.on(Mm.RouteEvent,s=>{let{event:a,route:l}=s;(a.type===Pm.FAILED||a.type===Pm.SUCCEEDED)&&n(a,l)}),()=>r.all.clear()),[r,e.length]),null}i(Dm,"WidgetEvents");import{globalCss as DC}from"@rango-dev/ui";var Fm=i(()=>DC({"@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 Um(){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(Um,"useFetchApiConfig");import{styled as FC}from"@rango-dev/ui";var Om=FC("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(){Fm();let{config:t}=h(),{activeTheme:e}=$n(t?.theme||{}),{activeLanguage:o}=ao(),[n,r]=zm(""),[s,a]=zm(),l=OC(dn),{fetchApiConfig:p}=Um();return zC(()=>{Pe.persist.rehydrate(),l.onConnectWallet(r),p().catch(console.log)},[]),Xo.createElement(UC,{language:o},Xo.createElement(Om,{id:"swap-container",className:e()},Xo.createElement(Dm,null),Xo.createElement(Xa,{lastConnectedWallet:n,disconnectedWallet:s,clearDisconnectedWallet:()=>{a(void 0)}},Xo.createElement(Bm,null))))}i($r,"Main");import sa,{useMemo as iT}from"react";import{checkWaitingForNetworkChange as qC,makeQueueDefinition as GC}from"@rango-dev/queue-manager-rango-preset";import{Provider as HC}from"@rango-dev/queue-manager-react";import{useWallets as QC}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as VC}from"@rango-dev/wallets-shared";import{isEvmBlockchain as jC}from"rango-types";import XC,{useMemo as KC}from"react";function YC(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:s,getWalletInfo:a}=QC(),l=KC(()=>GC({API_KEY:t.apiKey||dt("API_KEY"),BASE_URL:dt("BASE_URL")}),[t.apiKey]),p=h().blockchains(),u={blockchains:Q.use.connectedWallets().map(x=>({accounts:[x],name:x.chain}))},g=i(async(x,C)=>{if(s(x,C))return r(x,C)},"switchNetwork"),m=i(x=>!!a(x).mobileWallet,"isMobileWallet"),f=p.filter(x=>x.enabled).reduce((x,C)=>(x[C.name]=C,x),{}),T=p.filter(jC),S=i(x=>{let{supportedChains:C}=a(x);return tn(C)},"getSupportedChainNames"),d=e(),y={meta:{blockchains:f,evmBasedChains:T,evmNetworkChainInfo:VC(T),getSupportedChainNames:S},getSigners:o,wallets:u,providers:d,switchNetwork:g,canSwitchNetworkTo:s,connect:r,state:n,isMobileWallet:m},v=ee.use.isActiveTab();return XC.createElement(HC,{queuesDefs:[l],context:y,onPersistedDataLoaded:x=>{qC(x)},isPaused:!v},t.children)}i(YC,"QueueManager");var qm=YC;import{useManager as tT}from"@rango-dev/queue-manager-react";import oT,{createContext as nT,useContext as rT}from"react";import{cancelSwap as JC,getCurrentBlockchainOfOrNull as ZC,getCurrentStep as RC,getRelatedWalletOrNull as eT}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&&JC(o)}getCurrentStepInfo(e){let o=RC(e);return{step:o,wallet:o?eT(e,o):null,network:o?ZC(e,o):null}}};i(Ko,"WidgetHistory");var Gm=nT(void 0);function ia(t){let{manager:e}=tT(),o=ee.use.isActiveTab(),n=X.use.retry(),r=new Ko(e,{retrySwap:n}),s=Q.use.connectedWallets(),a=Q.use.loading(),l=Ta(s),p=Q.use.getWalletsDetails(),c=h().blockchains(),u=h().tokens(),g=h().swappers(),m=h().fetchStatus,f=ao().resetLanguage,T=Pe().getUnreadNotifications(),S={isActiveTab:o,setCurrentTabAsActive:$t.forceClaim,history:r,wallets:{isLoading:a,details:s,totalBalance:l,refetch:p},meta:{blockchains:c,tokens:u,swappers:g,loadingStatus:m},resetLanguage:f,notifications:{list:T}};return oT.createElement(Gm.Provider,{value:S},t.children)}i(ia,"WidgetInfo");function Hm(){let t=rT(Gm);if(!t)throw new Error("useWidget can only be used within the WidgetProvider component");return t}i(Hm,"useWidget");function _r(t){let{onUpdateState:e,config:o}=t;return iT(()=>{ba({API_KEY:o?.apiKey||Yo,BASE_URL:o?.apiUrl||pa})},[o.apiKey,o.apiUrl]),sa.createElement(fn,{config:o,onUpdateState:e},sa.createElement(qm,{apiKey:o.apiKey},sa.createElement(ia,null,t.children)))}i(_r,"WidgetProvider");function Qm(t){return sT(()=>($t.init(),$t.destroy),[]),t.config?.externalWallets?aa.createElement($r,null):aa.createElement(_r,{config:t.config??Hr},aa.createElement($r,null))}i(Qm,"Widget");export{dO as EventSeverity,fO as MainEvents,xO as Networks,AO as PendingSwapNetworkStatus,gO as RouteEventType,hO as StepEventType,yO as StepExecutionBlockedEventStatus,SO as StepExecutionEventStatus,xe as UI_ID,wO as WalletEvents,bO as WalletTypes,Qm as Widget,_r as WidgetProvider,fn as WidgetWallets,gi as customizedThemeTokens,kO as readAccountAddress,vp as useWallets,Hm as useWidget,CO as useWidgetEvents};
3
3
  //# sourceMappingURL=index.js.map