@rango-dev/widget-embedded 0.17.1-next.17 → 0.17.1-next.19

package/dist/index.js

@@ -1,2 +1,2 @@
-var Du=Object.defineProperty;var s=(t,e)=>Du(t,"name",{value:e,configurable:!0});import{MainEvents as R$,RouteEventType as eP,StepEventType as tP,StepExecutionBlockedEventStatus as oP,StepExecutionEventStatus as nP,useEvents as rP}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Ml}from"@rango-dev/wallets-react";import{Events as pr,Provider as cc}from"@rango-dev/wallets-react";import{isEvmBlockchain as mc}from"rango-sdk";import Fo,{createContext as dc,useEffect as fc,useRef as gc}from"react";import{useEffect as Zu}from"react";import{create as Xu}from"zustand";import{subscribeWithSelector as Yu}from"zustand/middleware";import{RangoClient as Fu}from"rango-sdk";var Eo="c6381a79-2817-4602-83bf-6a641a409e32",Ri="https://api.rango.exchange";var nr={API_KEY:Eo};function At(t){return nr[t]||""}s(At,"getConfig");function es(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),nr=e,nr}s(es,"initConfig");var ts=20,os=25,ns="Roboto",rr="theme-widget";var Ao,It=s(()=>Ao||(Ao=new Fu(At("API_KEY"),At("BASE_URL")),Ao),"httpService");import{WalletState as He}from"@rango-dev/ui";import{readAccountAddress as zu}from"@rango-dev/wallets-react";import{detectInstallLink as qu,getCosmosExperimentalChainInfo as Gu,isEvmAddress as Hu,KEPLR_COMPATIBLE_WALLETS as Ly,Networks as ss}from"@rango-dev/wallets-shared";import ir from"bignumber.js";import{isCosmosBlockchain as Qu}from"rango-types";import Ou from"bignumber.js";var Ee=new Ou(0);import{WalletTypes as Uu}from"@rango-dev/wallets-shared";var rs=[Uu.LEAP];import{BigNumber as is}from"bignumber.js";var Io=s(t=>{let e=(t%60).toString().padStart(2,"0");return`${parseInt((t/60).toString()).toString().padStart(2,"0")}:${e}`},"secondsToString"),W=s((t,e=null,o=null)=>{if(t==null||t==="")return"";let n=new is(t),r=1,i=1e3;for(let a=0;a<60;a++)if(new is(n.toFixed(a,r)).eq(n)){i=a;break}if(n.gte(1e4))return n.toFormat(0,r);if(n.gte(1e3)||n.gte(100))return n.toFormat(Math.min(i,Math.min(o||100,Math.max(e||0,1))),r);if(n.gte(1))return n.toFormat(Math.min(i,Math.min(o||100,Math.max(e||0,2))),r);if(n.gte(.01))return n.toFormat(Math.min(i,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(i,Math.min(o||100,Math.max(e||0,a))),r);return n.isEqualTo(0)?"0":n.toFormat(Math.min(i,Math.min(o||100,Math.max(e||0,8))),r)},"numberToString");var Wo=s(t=>t?.reduce((e,o)=>e+(o.estimatedTimeInSeconds??0),0)||0,"totalArrivalTime");var Ge=s((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),jt=s(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function No(t,e=4){let o=parseFloat(t);if(isNaN(o))return t;let n=Math.pow(10,e);return(Math.round(o*n)/n).toString()}s(No,"limitDecimalPlaces");function Vu(t){switch(!0){case t.connected:return He.CONNECTED;case t.connecting:return He.CONNECTING;case!t.installed:return He.NOT_INSTALLED;default:return He.DISCONNECTED}}s(Vu,"mapStatusToWalletState");function as(t,e,o,n){return o.filter(r=>!rs.includes(r)).filter(r=>{let{supportedChains:i,isContractWallet:a}=e(r),{installed:l,network:p}=t(r);return a&&(!l||!!n&&p!==n)?!1:n?!!i.find(m=>m.name===n):!0}).map(r=>{let{name:i,img:a,installLink:l}=e(r),p=Vu(t(r));return{title:i,image:a,link:qu(l),state:p,type:r}})}s(as,"mapWalletTypesToWalletInfo");function Lo(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}s(Lo,"walletAndSupportedChainsNames");function ls(t,e,o,n,r){let i=[];function a(p,u){if(!!!i.find(c=>c.chain===p)){let c={address:u,chain:p,walletType:t};i.push(c)}}s(a,"addAccount");let l=n||[];return e.forEach(p=>{let{address:u,network:m}=zu(p),c=l.length>0,S=l.includes(m),f=m===ss.Unknown;if(c&&!S&&!f)return;let x=m===ss.Unknown&&Hu(u);if(f&&!x)return;o.includes(m)||x?r?a(m,u.toLowerCase()):l.filter(d=>o.includes(d)).forEach(d=>{a(d,u.toLowerCase())}):a(m,u)}),i}s(ls,"prepareAccountsForWalletStore");function ps(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(i=>{let a=i.from.blockchain,l=i.to.blockchain;e.includes(a)||e.push(a),e.includes(l)||e.push(l)})}),e}s(ps,"getRequiredChains");function Wt(t,e,o,n){if(t.length===0)return null;let r=t.filter(i=>i.chain===e);return r.length===0?null:r.map(i=>i.balances?.find(a=>n!==null&&a.address===n||n===null&&a.address===n&&a.symbol===o)||null).filter(i=>i!==null).sort((i,a)=>parseFloat(a?.amount||"0")-parseFloat(i?.amount||"1")).find(()=>!0)||null}s(Wt,"getBalanceFromWallet");function Bo(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}s(Bo,"isAccountAndWalletMatched");function us(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 ir(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:Mo(o,r.asset.symbol,r.asset.address,e)||null}))||[]}s(us,"makeBalanceFor");function cs(t){return{...t,loading:!1,error:!0}}s(cs,"resetConnectedWalletState");var Mo=s((t,e,o,n)=>n?.find(i=>i.blockchain===t&&i.symbol?.toUpperCase()===e?.toUpperCase()&&i.address===o)?.usdPrice||null,"getUsdPrice"),$o=s((t,e)=>{let o=Gu(Object.entries(t).map(([,n])=>n).filter(Qu));return o&&o[e]?.experimental},"isExperimentalChain");function ju(t,e){return t.map(({balance:o,...n})=>{let r=W(new ir(Wt(e,n.blockchain,n.symbol,n.address)?.amount||Ee)),i="";return n.usdPrice&&(i=W(new ir(Wt(e,n.blockchain,n.symbol,n.address)?.amount||Ee).multipliedBy(n.usdPrice))),{...n,...r!=="0"&&{balance:{amount:r,usdValue:i}}}})}s(ju,"getTokensWithBalance");function ms(t,e){let o=e.length>0?ju(t,e):t;return o.sort((n,r)=>n.balance?.usdValue&&r.balance?.usdValue?parseFloat(r.balance.usdValue)-parseFloat(n.balance.usdValue):!n.balance?.usdValue&&r.balance?.usdValue?1:n.balance?.usdValue&&!r.balance?.usdValue?-1:!n.balance?.usdValue&&!r.balance?.usdValue?parseFloat(r.balance?.amount||"0")-parseFloat(n.balance?.amount||"0"):0),o}s(ms,"getTokensBalanceFromWalletAndSort");function Ie(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}s(Ie,"tokensAreEqual");function ds(t){return t.sort((e,o)=>+(o.state===He.CONNECTED)-+(e.state===He.CONNECTED)||+(o.state===He.DISCONNECTED||o.state===He.CONNECTING)-+(e.state===He.DISCONNECTED||e.state===He.CONNECTING))}s(ds,"sortWalletsBasedOnConnectionState");function Po(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}`}s(Po,"getConciseAddress");function fs({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}s(fs,"getAddress");var Ku=s(t=>{let e=t;e.use={};for(let o of Object.keys(e.getState()))e.use[o]=()=>e(n=>n[o]);return e},"createSelectors"),Qe=Ku;var V=Qe(Xu()(Yu((t,e)=>({connectedWallets:[],customDestination:"",loading:!1,connectWallet:(o,n)=>{let r=e().getWalletsDetails;t(i=>({loading:!0,connectedWallets:i.connectedWallets.filter(a=>a.walletType!==o[0].walletType).concat(o.map(a=>{let l=!i.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(i=>i.selected&&i.walletType!==o).map(i=>i.chain);return{connectedWallets:n.connectedWallets.filter(i=>i.walletType!==o).map(i=>r.includes(i.chain)?i:(r.push(i.chain),{...i,selected:!0}))}})},selectWallets:o=>t(n=>({connectedWallets:n.connectedWallets.map(r=>{let i=!!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 i?{...r,selected:!1}:a?{...r,selected:!0}:r})})),clearConnectedWallet:()=>t(()=>({connectedWallets:[],selectedWallets:[]})),getWalletsDetails:async(o,n,r=!0)=>{let i=e().getWalletsDetails;t(a=>({loading:!0,connectedWallets:a.connectedWallets.map(l=>o.find(p=>Bo(p,l))?{...l,loading:!0}:l)}));try{let a=o.map(({address:u,chain:m})=>({address:u,blockchain:m})),p=(await It().getWalletsDetails(a)).wallets;if(p)t(u=>({loading:!1,connectedWallets:u.connectedWallets.map(m=>{let c=o.find(f=>Bo(f,m)),S=p.find(f=>f.address===m.address&&f.blockChain===m.chain);return S?.failed&&c&&r&&i([c],n,!1),c&&S?{...m,explorerUrl:S.explorerUrl,balances:us(S,n)}:m})}));else throw new Error("Wallet not found")}catch{t(l=>({loading:!1,connectedWallets:l.connectedWallets.map(p=>o.find(u=>Bo(u,p))?cs(p):p)}))}}}))));import{allProviders as Ju}from"@rango-dev/provider-all";function _o(t,e){let o=Ju({walletconnect2:{WC_PROJECT_ID:e?.walletConnectProjectId||""}});if(t){let n=[];return t.forEach(r=>{if(typeof r=="string"){let i=o.find(a=>a.config.type===r);i?n.push(i):console.warn(`Couldn't find ${r} provider. Please make sure you are passing the correct name.`)}else n.push(r)}),n}return o}s(_o,"matchAndGenerateProviders");function gs(t,e){return _o(t,e).map(r=>r.config.type)}s(gs,"configWalletsToWalletName");function hs(t,e){let o=V.use.clearConnectedWallet(),n=_o(void 0,e);return Zu(()=>{o(),n=_o(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}s(hs,"useWalletProviders");import ac,{createContext as lc,useContext as pc,useRef as uc}from"react";import{create as sc}from"zustand";var sr={apiKey:"",multiWallets:!0,enableNewLiquiditySources:!0},ys=s((t,e,o)=>({config:{...sr,...t},updateConfig:n=>{let r=o().config;e({config:{...r,...n}})}}),"createConfigSlice");function Nt(t){return Array.from(new Set(t))}s(Nt,"removeDuplicateFrom");function ar(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}s(ar,"areEqual");function Ss(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}s(Ss,"debounce");function gt(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}s(gt,"containsText");var R=s(()=>document.getElementById("swap-box"),"getContainer");import{create as nc}from"zustand";import{persist as rc,subscribeWithSelector as ic}from"zustand/middleware";import{English as Ru,French as ec,Japanese as tc,Spanish as oc}from"@rango-dev/ui";var Cs=[{title:"English",label:"English",local:"en",SVGFlag:Ru},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:oc},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:ec},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:tc}],Kt="en";var ks=[.5,1,3],Ts=1,ws=5,vs=100,xs=0;var D=Qe(nc()(rc(ic((t,e)=>({preferredBlockchains:[],slippage:Ts,customSlippage:null,infiniteApprove:!1,affiliateRef:null,affiliatePercent:null,affiliateWallets:null,disabledLiquiditySources:[],theme:"auto",language:Kt,addPreferredBlockchain:o=>{let n=e().preferredBlockchains;if(n.find((a,l)=>{let p=a===o,u=l<=10-1;return p&&u}))return;let i=n.filter(a=>!(a===o));t(()=>({preferredBlockchains:[o,...i]}))},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 i=Nt(o.map(a=>a.swapperGroup));return i.length===r.disabledLiquiditySources.length?{disabledLiquiditySources:[]}:{disabledLiquiditySources:i}}),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}))})),{name:"user-settings",skipHydration:!0})));function Do(t){let e=D.use.disabledLiquiditySources(),o=t.map(i=>i.swapperGroup),n=[];return Nt(t.map(i=>i.swapperGroup)).map(i=>{let a=t.find(l=>l.swapperGroup===i);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}s(Do,"getUniqueSwappersGroups");function bs(t,e){return t.swapperGroup<e.swapperGroup?-1:t.swapperGroup>e.swapperGroup?1:0}s(bs,"sortLiquiditySourcesByGroupTitle");var Es=s((t,e)=>({_blockchains:[],_tokens:[],_popularTokens:[],_swappers:[],fetchStatus:"loading",blockchains:o=>{let n=e()._blockchains;if(!o||!o?.type)return n;let r=e().config,i=(o.type==="source"?r.from?.blockchains:r.to?.blockchains)??[];return n.filter(l=>!(i.length>0&&!i.includes(l.name)))},tokens:o=>{let n=e()._tokens;if(!o||!o?.type)return n;let r=e().config,i=(o.type==="source"?r.from?.tokens:r.to?.tokens)??[],a=e().blockchains({type:o.type});return n.filter(p=>i.length>0&&!i.some(u=>Ie(u,p))||o.blockchain&&p.blockchain!==o.blockchain||!a.some(u=>u.name===p.blockchain)?!1:o.searchFor?!!(gt(p.symbol,o.searchFor)||gt(p.address||"",o.searchFor)||gt(p.name||"",o.searchFor)):!0).sort((p,u)=>e().isTokenPinned(p)?-1:e().isTokenPinned(u)||p.isSecondaryCoin?1:u.isSecondaryCoin||!p.address&&u.address?-1:p.address&&!u.address?1:0)},isTokenPinned:o=>!!e().config.pinnedTokens?.some(r=>Ie(r,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(bs)},fetch:async()=>{try{let o=await It().getAllMetadata();t({fetchStatus:"success"});let n=[],r=[],i=o.popularTokens,a=o.swappers,l=new Set;o.tokens.forEach(p=>{l.add(p.blockchain),r.push(p)}),o.blockchains.forEach(p=>{p.enabled&&l.has(p.name)&&n.push(p)}),n.sort((p,u)=>p.sort-u.sort),t({_blockchains:n,_tokens:r,_popularTokens:i,_swappers:a})}catch(o){throw t({fetchStatus:"failed"}),o}}}),"createDataSlice");function As(t){return sc()((...e)=>({...Es(...e),...ys(t,...e)}))}s(As,"createAppStore");var Is=lc(null);function T(){let t=pc(Is);if(!t)throw new Error("Missing AppStoreContext.Provider in the tree");return t()}s(T,"useAppStore");function Ws(t){let e=uc();return e.current||(e.current=As(t.config)),ac.createElement(Is.Provider,{value:e.current},t.children)}s(Ws,"AppStoreProvider");var Oo=dc({onConnectWallet:()=>{}});function hc(t){let e=T().updateConfig,o=T().blockchains(),n=T().tokens(),r={walletConnectProjectId:t.config?.walletConnectProjectId},{providers:i}=hs(t.config.wallets,r),a=V.use.disconnectWallet(),l=V.use.connectWallet(),p=gc();fc(()=>{t.config&&e(t.config)},[t.config]);let u=o.filter(mc).map(c=>c.name),m=s((c,S,f,y,x)=>{if(S===pr.ACCOUNTS)if(f){let g=Lo(x.supportedBlockchains),w=ls(c,f,u,g,x.isContractWallet);l(w,n)}else a(c);if(S===pr.ACCOUNTS&&y.connected){let g=`${c}-${y.network}-${f}`;y.connected&&(p.current?p.current(g):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(S===pr.NETWORK&&y.network){let g=`${c}-${y.network}`;p.current?p.current(g):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(c,S,f,y,x)},"onUpdateState");return Fo.createElement(Oo.Provider,{value:{onConnectWallet:c=>{p.current=c}}},Fo.createElement(cc,{allBlockChains:o,providers:i,onUpdateState:m,autoConnect:!0},t.children))}s(hc,"Main");function Uo(t){let{config:e,...o}=t;return Fo.createElement(Ws,{config:e},Fo.createElement(hc,{...o,config:e}))}s(Uo,"WidgetWallets");import Zi from"react";import{I18nManager as Xh}from"@rango-dev/ui";import vo,{useContext as Yh,useEffect as Lu,useState as Bu}from"react";import{useQueueManager as Sd}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Cd}from"@rango-dev/wallets-react";import{isEvmBlockchain as kd}from"rango-types";import Ct,{useEffect as Td,useRef as wd}from"react";import{MemoryRouter as vd,useInRouterContext as xd}from"react-router";import{useLocation as bd,useNavigate as Ed}from"react-router-dom";var L={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{useWallets as Sc}from"@rango-dev/wallets-react";import{useEffect as Cc,useRef as kc}from"react";function Ns(){let{connect:t,state:e}=Sc(),o=kc({}),{fetchStatus:n}=T(),r=new URLSearchParams(location.search).get("autoConnect")||"",i=e(r);Cc(()=>{n==="success"&&r&&i.installed&&!i.connecting&&!i.connected&&!o.current[r]&&(o.current[r]=!0,t(r))},[i,n])}s(Ns,"useForceAutoConnect");import{i18n as qr}from"@lingui/core";import{Button as sd,styled as Gr,SwapInput as dl,WarningIcon as ad}from"@rango-dev/ui";import Fe,{useEffect as ld,useRef as pd,useState as ud}from"react";import{useNavigate as cd}from"react-router-dom";import{ChevronLeftIcon as vc}from"@rango-dev/ui";import Ms from"react";import{darkTheme as Tc,IconButton as wc,styled as zo}from"@rango-dev/ui";var Le=zo(wc,{width:"$24",position:"relative",padding:"0",overflow:"unset"}),Ls=zo("div",{position:"absolute",background:"$secondary500",[`.${Tc} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),Lt=zo("div",{display:"flex",justifyContent:"flex-end",width:"$40"}),Bs=zo("div",{position:"absolute",backgroundColor:"$secondary500",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0"});function ur(t){return Ms.createElement(Le,{variant:"ghost",size:"small",onClick:t.onClick},Ms.createElement(vc,{color:"black",size:16}))}s(ur,"BackButton");import{i18n as xc}from"@lingui/core";import{Button as bc,Typography as Ec}from"@rango-dev/ui";import cr from"react";function mr(t){return cr.createElement(Lt,null,cr.createElement(bc,{variant:"ghost",onClick:t.onClick,size:"xsmall"},cr.createElement(Ec,{variant:"label",size:"medium",color:"error500"},xc.t("Cancel"))))}s(mr,"CancelButton");import{i18n as Ac}from"@lingui/core";import{Tooltip as Ic,WalletIcon as Wc}from"@rango-dev/ui";import qo from"react";function dr(t){return qo.createElement(Ic,{container:t.container,side:"top",content:Ac.t("Connect Wallet")},qo.createElement(Le,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&qo.createElement(Ls,null),qo.createElement(Wc,{size:18,color:"black"})))}s(dr,"WalletButton");import{i18n as Qo}from"@lingui/core";import{NotificationsIcon as Qc,Popover as Vc,RefreshIcon as jc,SettingsIcon as Kc,Tooltip as Vo,TransactionIcon as Xc}from"@rango-dev/ui";import ue from"react";import{i18n as Fc}from"@lingui/core";import{ChainToken as Os,ChevronRightIcon as Oc,ListItemButton as Uc,Typography as zc}from"@rango-dev/ui";import Be from"react";import{useNavigate as qc}from"react-router-dom";import{create as Nc}from"zustand";import{persist as Lc,subscribeWithSelector as Bc}from"zustand/middleware";var We=Qe(Nc()(Lc(Bc((t,e)=>({notifications:[],setNotification:(o,n)=>{let r=n.steps[0],i=n.steps[n.steps.length-1],a={event:o,creationTime:Date.now(),read:!1,requestId:n.requestId,route:{from:{blockchain:r.fromBlockchain,tokenAddress:r.fromSymbolAddress,tokenSymbol:r.fromSymbol},to:{blockchain:i.toBlockchain,tokenSymbol:i.toSymbol,tokenAddress:i.toSymbolAddress}}},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{create as Mc}from"zustand";var Ce=Qe(Mc()(t=>({connectWalletsButtonDisabled:!1,selectedSwapRequestId:null,currentPage:"",setSelectedSwap:e=>t({selectedSwapRequestId:e}),setCurrentPage:e=>t({currentPage:e})})));import{styled as Go}from"@rango-dev/ui";var $s=Go("div",{padding:"$10",width:"350px",minHeight:"150px"}),Ps=Go("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),_s=Go("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),Ds=Go("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as $c}from"@lingui/core";import{Divider as Pc,NoNotificationIcon as _c,Typography as Dc}from"@rango-dev/ui";import Ho from"react";function Fs(){return Ho.createElement(Ds,null,Ho.createElement(_c,{color:"secondary",size:26}),Ho.createElement(Pc,{size:12}),Ho.createElement(Dc,{variant:"body",size:"medium",color:"neutral700"},$c.t("You have no notification")))}s(Fs,"NotificationNotFound");var Gc=4;function fr(){let t=qc(),e=Ce.use.setSelectedSwap(),{getUnreadNotifications:o}=We(),n=o(),r=T().blockchains(),i=T().tokens(),a=n.sort((p,u)=>u.creationTime-p.creationTime).slice(0,Gc),l=s(p=>{e(p),t(`${p}`)},"handleOnClick");return Be.createElement($s,null,a.length?Be.createElement(Ps,null,a.map(p=>{let u=i.find(f=>f.address===p.route.from.tokenAddress&&f.blockchain===p.route.from.blockchain&&f.symbol===p.route.from.tokenSymbol),m=r.find(f=>f.name===p.route.from.blockchain),c=i.find(f=>f.address===p.route.to.tokenAddress&&f.blockchain===p.route.to.blockchain&&f.symbol===p.route.to.tokenSymbol),S=r.find(f=>f.name===p.route.to.blockchain);return Be.createElement(Uc,{key:p.requestId,onClick:()=>l(p.requestId),title:Be.createElement(zc,{variant:"body",size:"small",color:"$neutral700"},Fc.t(p.event.message)),id:p.requestId,start:Be.createElement(_s,null,Be.createElement("div",{className:"from-chain-token"},Be.createElement(Os,{tokenImage:u?u.image:"",chainImage:m?m.logo:"",size:"small"})),Be.createElement("div",{className:"to-chain-token"},Be.createElement(Os,{tokenImage:c?c.image:"",chainImage:S?S.logo:"",size:"small"}))),end:Be.createElement(Oc,{size:12,color:"gray"})})})):Be.createElement(Fs,null))}s(fr,"NotificationContent");import{Typography as Hc}from"@rango-dev/ui";import Us from"react";function zs(){let{getUnreadNotifications:t}=We(),e=t().length;return e?Us.createElement(Bs,null,Us.createElement(Hc,{variant:"body",size:"xsmall",color:"$background"},e)):null}s(zs,"UnreadNotificationsBadge");function gr(t){let{layoutRef:e,onClickRefresh:o,onClickHistory:n,onClickSettings:r,onClickNotifications:i}=t;return ue.createElement(ue.Fragment,null,ue.createElement(Vo,{container:R(),side:"top",content:Qo.t("Refresh")},ue.createElement(Le,{variant:"ghost",size:"small",onClick:o,disabled:!o},ue.createElement(jc,{size:16,color:o?"black":"gray"}))),ue.createElement(Vo,{container:R(),side:"top",content:Qo.t("Notifications")},ue.createElement(Vc,{align:"center",collisionBoundary:e,collisionPadding:{right:20,left:20},container:R(),content:ue.createElement(fr,null)},ue.createElement(Le,{size:"small",variant:"ghost",onClick:i},ue.createElement(Qc,{size:18,color:"black"}),ue.createElement(zs,null)))),ue.createElement(Vo,{container:R(),side:"top",content:Qo.t("Settings")},ue.createElement(Le,{size:"small",variant:"ghost",onClick:r},ue.createElement(Kc,{size:18,color:"black"}))),ue.createElement(Vo,{container:R(),side:"top",content:Qo.t("Transactions History")},ue.createElement(Le,{size:"small",variant:"ghost",onClick:n},ue.createElement(Xc,{size:18,color:"black"}))))}s(gr,"HomeButtons");import{BottomLogo as Zc,Divider as Rc,Header as em}from"@rango-dev/ui";import me from"react";import{useNavigate as Yc}from"react-router-dom";function ot(){let t=Yc();return()=>t(-1)}s(ot,"useNavigateBack");import{darkTheme as Jc,styled as hr}from"@rango-dev/ui";var qs=hr("div",{position:"relative",display:"flex",flexDirection:"column",borderRadius:"$primary",overflow:"hidden !important",boxShadow:"15px 15px 15px 0px rgba(0, 0, 0, 0.05)",width:"95vw",maxWidth:"390px",maxHeight:"700px",$$color:"$colors$neutral100",[`.${Jc} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",variants:{fixedHeight:{true:{height:"95vh"},false:{height:"auto"}}}}),Gs=hr("div",{borderTopLeftRadius:"20px",borderTopRightRadius:"20px",display:"flex",flexDirection:"column",flex:1,padding:"$20 $20 $10 $20",backgroundColor:"$background",position:"relative",overflowY:"auto",overflowX:"hidden",variants:{noPadding:{true:{padding:"0"}}}}),Hs=hr("div",{backgroundColor:"$background","& .footer__content":{padding:"$0 $20"},"& .footer__logo":{padding:"$0 $20 $10 $20"}});function tm(t,e){let{children:o,header:n,footer:r,noPadding:i,hasLogo:a=!0,fixedHeight:l=!0}=t,p=V.use.connectedWallets(),u=Ce.use.connectWalletsButtonDisabled(),m=ot(),c=s(()=>{!u&&n.onWallet&&n.onWallet()},"onConnectWallet"),S=typeof n.hasBackButton>"u"||n.hasBackButton;return me.createElement(qs,{ref:e,fixedHeight:l,id:"swap-box"},me.createElement(em,{prefix:me.createElement(me.Fragment,null,S&&me.createElement(ur,{onClick:m})),title:n.title,suffix:me.createElement(me.Fragment,null,n.suffix,n.onWallet&&me.createElement(dr,{container:R(),onClick:c,isConnected:!!p?.length}),n.onCancel&&me.createElement(mr,{onClick:n.onCancel}))}),me.createElement(Gs,{noPadding:i},o),(a||r)&&me.createElement(Hs,null,me.createElement("div",{className:"footer__content"},r),a&&me.createElement("div",{className:"footer__logo"},me.createElement(Rc,{size:12}),me.createElement(Zc,null))))}s(tm,"LayoutComponent");var j=me.forwardRef(tm);j.displayName="Layout";import{ReverseIcon as um,styled as ua}from"@rango-dev/ui";import Ar from"react";import st from"bignumber.js";import{create as lm}from"zustand";import{subscribeWithSelector as pm}from"zustand/middleware";import{getLastSuccessfulStep as am}from"@rango-dev/queue-manager-rango-preset";import gT from"bignumber.js";var nt=(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))(nt||{});function Qs(t,e){return e.find(o=>o.name===t)?.displayName}s(Qs,"getBlockchainDisplayNameFor");function yr(t,e){return e.find(o=>o.name===t)?.shortName}s(yr,"getBlockchainShortNameFor");function Sr(t,e){return e.find(o=>Ie(o,t))??null}s(Sr,"findToken");function Cr(t,e){return e.find(o=>o.name===t)??null}s(Cr,"findBlockchain");import{i18n as Me}from"@lingui/core";import{PendingSwapNetworkStatus as Yo}from"@rango-dev/queue-manager-rango-preset";import ke from"bignumber.js";function jo(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,i=e[e.length-1];n!=i&&e.push(n),i=e[e.length-1],r!=i&&e.push(r)}),e}s(jo,"getRequiredWallets");function Ko(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}s(Ko,"isValidAddress");import{i18n as de}from"@lingui/core";var G=s(()=>({genericServerError:de.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:de.t("Please reset your liquidity sources."),description:de.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources")},noResultError:{title:de.t("No Routes Found"),description:de.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:de.t("Bridge Limit Error: Please increase your amount"),decreaseAmount:de.t("Bridge Limit Error: Please decrease your amount")},highValueLossError:{impactTitle:de.t("High Price Impact"),title:de.t("Price impact is too high!"),description:de.t("The price impact is significantly higher than the allowed amount. If you are sure, continue, otherwise, change the swap."),confirmMessage:de.t("Confirm High price impact")},quoteUpdatedWithHighValueLoss:{title:de.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:de.t("USD Price Unknown"),title:de.t("USD Price Unknown, Cannot calculate Price Impact."),description:de.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:de.t("Confirm USD Price Unknown")}}),"errorMessages");function Vs(t){switch(t.type){case 0:return t.diagnosisMessage??G().noResultError.title;case 1:return G().genericServerError;default:return""}}s(Vs,"getQuoteErrorMessage");import{i18n as Xo}from"@lingui/core";var ht=s(()=>({connectWallet:Xo.t("Connect Wallet"),swap:Xo.t("Swap"),swapAnyway:Xo.t("Swap anyway"),ethWarning:Xo.t("The route goes through Ethereum. Continue?")}),"swapButtonTitles");function js(t,e){return!t||!e||t.lte(Ee)||e.lte(Ee)?0:e.div(t).minus(1).multipliedBy(100).toNumber()}s(js,"getOutputRatio");function Ro(t,e){return(parseInt(e.toFixed(2)||"0")<=-10&&t?.gte(new ke(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new ke(1e3)))??!1}s(Ro,"hasHighValueLoss");function Xt(t){return(t?.result?.swaps||[]).filter(e=>{let o=e.fromAmountMinValue?new ke(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new ke(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}s(Xt,"hasLimitError");function kr(t){let e=(t.result?.swaps||[]).filter(l=>{let p=l.fromAmountMinValue?new ke(l.fromAmountMinValue):null,u=l.fromAmountMaxValue?new ke(l.fromAmountMaxValue):null;return l.fromAmountRestrictionType==="EXCLUSIVE"?p?.gte(l.fromAmount)||u?.lte(l.fromAmount):p?.gt(l.fromAmount)||u?.lt(l.fromAmount)})[0],o=e.fromAmountMinValue?new ke(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new ke(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",i="",a="";return!r&&o&&o.gt(e.fromAmount)?(i=Me.t({id:"Required: >= {min} {symbol}",values:{min:W(o,6,6),symbol:e.from.symbol}}),a=G().bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(i=Me.t({id:"Required: > {min} {symbol}",values:{min:W(o,6,6),symbol:e.from.symbol}}),a=G().bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(i=Me.t({id:"Required: <= {max} {symbol}",values:{max:W(n,6,6),symbol:e.from.symbol}}),a=G().bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(i=Me.t({id:"Required: < {max} {symbol}",values:{max:W(n,6,6),symbol:e.from.symbol}}),a=G().bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:i,recommendation:a}}s(kr,"getLimitErrorMessage");function Ks(t,e,o,n,r,i,a,l,p){return t!=="success"?{title:ht().connectWallet,state:"waitForConnecting",disabled:!0}:e.length==0?{title:ht().connectWallet,state:"waitForConnecting",disabled:!1}:o||!n||!n.result||r||!p||p==="0"?{title:ht().swap,disabled:!0,state:"swap"}:i||a?{title:ht().swapAnyway,disabled:!1,hasWarning:!0,state:"needToConfirm"}:l?{title:ht().ethWarning,disabled:!1,hasWarning:!0,state:"warning"}:{title:ht().swap,disabled:!1,state:"swap"}}s(Ks,"getSwapButtonState");function Tr(t,e,o){return!((!o||o.lte(Ee))&&t?.result&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t.result)}s(Tr,"canComputePriceImpact");function nm(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,i=e[e.length-1];n!=i&&e.push(n),i=e[e.length-1],r!=i&&e.push(r)}),e}s(nm,"requiredWallets");var rm=s((t,e,o,n)=>n?.find(i=>i.blockchain===t&&i.symbol?.toUpperCase()===e?.toUpperCase()&&i.address===o)?.usdPrice||null,"getUsdPrice");function im(t,e){let o=Ee;for(let n=0;n<t.fee.length;n++){let r=t.fee[n];if(r.expenseType==="DECREASE_FROM_OUTPUT")continue;let i=rm(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new ke(r.amount).multipliedBy(i||0))}return o}s(im,"getUsdFeeOfStep");function en(t,e){return t.reduce((o,n)=>o.plus(im(n,e)),Ee)}s(en,"getTotalFeeInUsd");function wr(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}s(wr,"checkSlippageErrors");function Xs(t,e){let o=new Map;return t.result?.swaps.forEach((n,r)=>{n.recommendedSlippage?.slippage&&parseInt(n.recommendedSlippage?.slippage)>e&&o.set(r,n.recommendedSlippage.slippage)}),o.size>0?o:null}s(Xs,"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}s(tn,"getMinRequiredSlippage");function Ys(t,e){return e?parseFloat(t)>=parseFloat(e):!0}s(Ys,"hasProperSlippage");function on(t){let{fromToken:e,toToken:o,inputAmount:n,wallets:r,selectedWallets:i,disabledLiquiditySources:a,liquiditySources:l,excludeLiquiditySources:p,slippage:u,affiliateRef:m,affiliatePercent:c,affiliateWallets:S,initialQuote:f,destination:y}=t,x=i?.reduce((h,C)=>(h[C.chain]=C.address,h),{}),g=[];r?.forEach(h=>{let C=g.find(A=>A.blockchain===h.chain);C?C.addresses.push(h.address):g.push({blockchain:h.chain,addresses:[h.address]})});let w=!!f,d=Nt((f?.result?.swaps||[]).reduce((h,C)=>(h.push(C.from.blockchain,C.to.blockchain),C.internalSwaps&&Array.isArray(C.internalSwaps)&&C.internalSwaps.map(A=>{h.push(A.from.blockchain,A.to.blockchain)}),h),[]));return{amount:n.toString(),affiliateRef:m??void 0,affiliatePercent:c??void 0,affiliateWallets:S??void 0,checkPrerequisites:w,from:{address:e.address,blockchain:e.blockchain,symbol:e.symbol},to:{address:o.address,blockchain:o.blockchain,symbol:o.symbol},connectedWallets:g,selectedWallets:x??{},slippage:u.toString(),...y&&{destination:y},...p&&{swapperGroups:a.concat(l??[]),swappersGroupsExclude:!0},...!p&&{swapperGroups:l?.filter(h=>!a.includes(h)),swappersGroupsExclude:!1},...w&&{blockchains:d}}}s(on,"createQuoteRequestBody");function Js(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}s(Js,"getWalletsForNewSwap");function Bt(t){return t.result?.outputAmount||null}s(Bt,"getQuoteOutputAmount");function it(t,e){return new ke(e).div(new ke(t)).minus(1).multipliedBy(100).toNumber()}s(it,"getPercentageChange");function Zs(t,e){let o=Bt(t),n=Bt(e);if(!o||!n)return!1;let r=it(o,n);return r?r<=-1:!0}s(Zs,"isOutputAmountChangedALot");function Rs(t,e){let o=t.validationStatus,n=ps(t);return e.sort((i,a)=>n.indexOf(i.chain)-n.indexOf(a.chain)).flatMap(i=>ia(i,o)||[]).filter(i=>!i.ok).map(i=>{let a=i.asset.symbol,l=W(new ke(i.currentAmount.amount).shiftedBy(-i.currentAmount.decimals),8,8),p=W(new ke(i.requiredAmount.amount).shiftedBy(-i.requiredAmount.decimals),8,8),u="";return i.reason==="FEE"&&(u=Me.t(" for network fee")),i.reason==="INPUT_ASSET"&&(u=Me.t(" for swap")),i.reason==="FEE_AND_INPUT_ASSET"&&(u=Me.t(" for input and network fee")),Me.t({id:"Needs \u2248 {requiredAmount} {symbol}{reason}, but you have {currentAmount} {symbol} in your {blockchain} wallet.",values:{requiredAmount:p,symbol:a,reason:u,currentAmount:l,blockchain:i.asset.blockchain}})})}s(Rs,"getBalanceWarnings");function ea(t,e){return(t?new ke(t):Ee).multipliedBy(e||0)}s(ea,"calcOutputUsdValue");function Yt(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==Yo.NetworkChanged}s(Yt,"isNetworkStatusInWarningState");function ta(t,e){let o="bellow button or",n=t.extraMessage,r=t.extraMessageDetail;if(t.networkStatusExtraMessageDetail?.includes(o)&&(t.networkStatusExtraMessageDetail=t.networkStatusExtraMessageDetail.replace(o,"")),Yt(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case Yo.WaitingForConnectingWallet:n=n||Me.t("Waiting for connecting wallet");break;case Yo.WaitingForQueue:n=n||Me.t("Waiting for other running tasks to be finished");break;case Yo.WaitingForNetworkChange:n=n||Me.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}}}s(ta,"getSwapMessages");function oa(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}s(oa,"getLastConvertedTokenInFailedSwap");function na(t){return t.status==="failed"&&!!t.finishTime&&new Date().getTime()-parseInt(t.finishTime)<4*3600*1e3}s(na,"shouldRetrySwap");function ra(t,e,o,n,r,i){return t||!e&&!nm(n).every(a=>r.map(l=>l.chain).includes(a))||!!e&&!o||!!e&&!!o&&i&&!Ko(i,o)}s(ra,"confirmSwapDisabled");function vr(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}s(vr,"searchParamsToToken");function aa(t){return t?.result?.swaps[t?.result?.swaps.length-1].to.usdPrice}s(aa,"getQuoteToTokenUsdPrice");function xr(t,e){let o=t.result?.swaps||[],n=e.result?.swaps||[];return o.length!==n.length}s(xr,"isNumberOfSwapsChanged");function br(t,e){let o=t.result?.swaps.map(r=>r.swapperId)||[],n=e.result?.swaps.map(r=>r.swapperId)||[];return!ar(o,n)}s(br,"isQuoteSwappersUpdated");function Er(t,e){let o=t.result?.swaps.map(r=>r.to.symbol)||[],n=e.result?.swaps.map(r=>r.to.symbol)||[];return!ar(o,n)}s(Er,"isQuoteInternalCoinsUpdated");function la(t,e){return xr(t,e)||br(t,e)||Er(t,e)}s(la,"isQuoteChanged");function ia(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}s(ia,"getRequiredBalanceOfWallet");function Je(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}s(Je,"getPriceImpactLevel");function pa(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],i=am(t.steps),a={blockchain:r.toBlockchain,symbol:r.toSymbol,address:r.toSymbolAddress},l=Cr(i?i.toBlockchain:n.fromBlockchain,e),p=Cr(r.toBlockchain,e),u=Sr(i?{blockchain:l?.name??"",symbol:i.toSymbol,address:i.toSymbolAddress}:{blockchain:l?.name??"",symbol:n.fromSymbol,address:n.fromSymbolAddress},o),m=Sr(a,o),c=i?i.outputAmount??"":t.inputAmount;return{fromBlockchain:l,fromToken:u,toBlockchain:p,toToken:m,inputAmount:c}}s(pa,"createRetryQuote");function nn(t,e){let{fromToken:o,toToken:n,tokens:r,userSlippage:i}=e,a=yt(o,t.requestAmount),l=yt(n,t.result?.outputAmount??"");if(t.result&&a&&l){let m=it(a.toString(),l.toString());if(Ro(a,m)){let S=en(t.result.swaps,r),f=Je(m);return{type:0,inputUsdValue:a,outputUsdValue:l,priceImpact:m,totalFee:S,warningLevel:f}}}else if(t.result&&(!a||!l))return{type:1};let p=tn(t),u=i>ws;if(Ys(e.userSlippage.toString(),p)){if(u&&parseFloat(p??"0")<i)return{type:3,slippage:i.toString()}}else return{type:2,recommendedSlippages:Xs(t,i),minRequiredSlippage:p};return null}s(nn,"generateQuoteWarnings");function Mt(t,e){let o=typeof e=="string"?parseFloat(e)<=0:!e?.gt(0);return!t||!e||o?null:it(t.toString(),e.toString())}s(Mt,"getPriceImpact");var yt=s((t,e)=>t?.usdPrice?new st(e||Ee).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),P=Qe(lm()(pm(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new st(0),outputUsdValue:new st(0),toBlockchain:null,toToken:null,quote:null,quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:"",quoteWarningsConfirmed:!1,setQuote:e=>t(o=>{let n=null,r=Ee;return jt(o.inputAmount)?(e&&(n=e.result?.outputAmount?new st(e.result?.outputAmount):null,r=ea(e.result?.outputAmount,aa(e)||o.toToken?.usdPrice)),{quote:e,...!!e&&{outputAmount:n,outputUsdValue:r}}):{}}),resetQuote:()=>t(()=>({quote:null,outputAmount:null,outputUsdValue:new st(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:yt(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 st(0),outputUsdValue:new st(0),quote:null},...!!o.fromToken&&{inputUsdValue:yt(o.fromToken,e)}}))},retry:(e,o)=>{let{tokens:n,blockchains:r}=o,{fromBlockchain:i,fromToken:a,toBlockchain:l,toToken:p,inputAmount:u}=pa(e,r,n);t({fromBlockchain:i,fromToken:a,inputAmount:u,outputAmount:null,inputUsdValue:yt(a??null,u),outputUsdValue:new st(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:yt(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})}))));var cm=ua("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),mm=ua("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 ca(){let t=P.use.switchFromAndTo();return Ar.createElement(cm,null,Ar.createElement(mm,{onClick:()=>{t()}},Ar.createElement(um,{size:12})))}s(ca,"SwitchFromAndToButton");import{Divider as ed}from"@rango-dev/ui";import ut from"react";import{i18n as Lr}from"@lingui/core";import{Alert as Cm,ChevronDownIcon as km,ChevronRightIcon as Fa,Divider as Br,Image as Oa,InfoIcon as Tm,QuoteCost as wm,StepDetails as vm,TokenAmount as xm,Tooltip as Ua,Typography as _t}from"@rango-dev/ui";import N,{useLayoutEffect as bm,useRef as Em,useState as Am}from"react";import{styled as Ir}from"@rango-dev/ui";var Wr=Ir("div",{width:"100%",paddingTop:"$2"}),ma=Ir("div",{paddingBottom:"$15"}),da=Ir("div",{width:"100%",display:"flex"});import*as sn from"@radix-ui/react-collapsible";import{darkTheme as Ve,Image as Wa,styled as at}from"@rango-dev/ui";import*as Pt from"@radix-ui/react-collapsible";import{Button as dm,darkTheme as $t,IconButton as fm,keyframes as fa,styled as he,TextField as gm}from"@rango-dev/ui";var Jt=300,hm=fa({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),ym=fa({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),ga=he("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),ha=he("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}),ya=he("button",{borderRadius:"$xm",padding:"$10",border:"0",display:"flex",justifyContent:"center",$$color:"$colors$neutral100",[`.${$t} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",alignItems:"center",cursor:"pointer",width:110,position:"relative","&:hover":{$$color:"$colors$info100",[`.${$t} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$color:"$colors$info100",[`.${$t} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color",outline:0},variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary",outlineStyle:"solid"}}}}),Sa=he(Pt.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit"}),Ca=he("div",{padding:"$20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),ka=he(fm,{position:"absolute",left:"$20"}),Ta=he("div",{paddingTop:"$20","& .wallets-list":{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}}),wa=he(Pt.Root,{backgroundColor:"$neutral200",borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),va=he(dm,{width:"100%",borderRadius:"$sm !important",padding:"$15 !important",justifyContent:"space-between",alignItems:"center",$$color:"$colors$neutral100",[`.${$t} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color","&:hover":{$$color:"$colors$info100",[`.${$t} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$background:"$colors$info100",[`.${$t} &`]:{$$background:"$colors$info700"},backgroundColor:"$$background",outline:0}}),xa=he("div",{padding:"$10 $0","& .button__content":{display:"flex",justifyContent:"center",alignItems:"center"},"& .alarms":{paddingTop:"5px"}}),ba=he("div",{transition:`all ${Jt}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),Ea=he("div",{display:"flex"}),Aa=he(gm,{padding:"$0 $15 $15 $15"}),rn=he(Pt.Content,{overflow:"hidden",variants:{open:{true:{animation:`${hm} ${Jt}ms ease-out`},false:{animation:`${ym} ${Jt}ms ease-out`}}}}),Ia=he("div",{overflow:"visible",width:"100%"});var Nr=300,Na=at(sn.Root,{display:"flex",flexDirection:"column",alignItems:"start",overflowX:"auto",overflowY:"hidden",width:"100%",borderRadius:"$xm",variants:{recommended:{true:{$$color:"$colors$info300",[`.${Ve} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"},false:{$$color:"$colors$neutral400",[`.${Ve} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}}},"& .steps-details":{padding:"$10 $15"}}),La=at("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",[`.${Ve} &`]:{$$color:"$colors$secondary600"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}},false:{$$color:"$colors$neutral200",[`.${Ve} &`]:{$$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",[`.${Ve} &`]:{$$color:"$colors$secondary700"},backgroundColor:"$$color"}}},{listItem:!0,recommended:!1,css:{"&:hover":{$$color:"$colors$neutral300",[`.${Ve} &`]:{$$color:"$colors$neutral400"},backgroundColor:"$$color"}}}],"& .summary":{width:"100%",padding:"$15 $15 $10 $15"},"& .basic-info":{paddingTop:"$10",display:"flex",alignItems:"center",".usd-value":{$$color:"$colors$neutral600",[`.${Ve} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}}),Ba=at(sn.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:{[`& ${Wa}`]:{border:"1px $warning500 solid",borderRadius:"100%"}},false:{[`& ${Wa}`]:{border:"1px transparent solid",borderRadius:"100%"}}},recommended:{true:{$$color:"$colors$info300",[`.${Ve} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"},false:{$$color:"$colors$neutral400",[`.${Ve} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}}},"& div:nth-child(1)":{display:"flex"}}),Ma=at(rn,{width:"100%"}),an=at("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$2",transition:`all ${Nr}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),VT=at("div",{height:"$12",marginLeft:"$10",marginRight:"$10",borderLeft:"1px solid $foreground"}),$a=at("div",{display:"flex",justifyContent:"center",margin:"0 $15",borderTop:"1px solid",$$color:"$colors$neutral300",[`.${Ve} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color"}),Pa=at("div",{width:"$16",height:"$16",justifyContent:"center",alignItems:"center",display:"flex"});import{TokenAmount as Da}from"@rango-dev/ui";import ln from"react";import{styled as Sm}from"@rango-dev/ui";var _a=Sm("div",{position:"relative",display:"flex",flexDirection:"column",width:"100%","& .separator":{height:"14px",marginLeft:"14px",position:"absolute",borderLeft:"1px solid $foreground",top:"42%"}});function Zt(t){let{from:e,to:o,percentageChange:n,warningLevel:r}=t;return ln.createElement(_a,null,ln.createElement(Da,{direction:"horizontal",label:"Swap input",type:"input",price:{value:e.price.value,usdValue:e.price.usdValue},token:{displayName:e.token.displayName,image:e.token.image},chain:{image:e.chain.image}}),ln.createElement("div",{className:"separator"}),ln.createElement(Da,{direction:"horizontal",label:"Estimated output",type:"output",price:{value:o.price.value,usdValue:o.price.usdValue},token:{displayName:o.token.displayName,image:o.token.image},chain:{image:o.chain.image},percentageChange:n,warningLevel:r}))}s(Zt,"QuoteSummary");function Mr(t){let{quote:e,input:o,output:n,error:r,warning:i,type:a,recommended:l=!0}=t,p=T().tokens(),[u,m]=Am(t.expanded),c=Em(null),S=W(en(e.result?.swaps??[],p),2,2),f=Io(Wo(e.result?.swaps)),y=Mt(o.usdValue,n.usdValue??null),x=W(String(y),2,2),g=Je(y??0),d=s(h=>h.map((C,A)=>{let B,E=r?.type===3&&r.swap.swapperId===C.swapperId||i?.type===2&&i.recommendedSlippages?.has(A),$=i?.type===2&&i.recommendedSlippages?.has(A);return E?B="error":$&&(B="warning"),{swapper:{displayName:C.swapperId,image:C.swapperLogo},from:{token:{displayName:C.from.symbol,image:C.from.logo},chain:{displayName:C.from.blockchain,image:C.from.blockchainLogo},price:{value:A===0?W(o.value,6,6):C.fromAmount}},to:{token:{displayName:C.to.symbol,image:C.to.logo},chain:{displayName:C.to.blockchain,image:C.to.blockchainLogo},price:{value:C.toAmount}},state:B,alerts:E||$?N.createElement(ma,null,N.createElement(Cm,{type:E?"error":"warning",title:r?.type===3?r?.recommendation:Lr.t("Slippage Error:"),footer:N.createElement(da,null,r?.type===3&&N.createElement(N.Fragment,null,N.createElement(_t,{size:"xsmall",variant:"body",color:"neutral900"},r.fromAmountRangeError),N.createElement(Br,{direction:"horizontal",size:8}),N.createElement(_t,{size:"xsmall",variant:"body",color:"neutral900"},"|"),N.createElement(Br,{direction:"horizontal",size:8}),N.createElement(_t,{size:"xsmall",variant:"body",color:"neutral900"},Lr.t({id:"Yours: {amount} {symbol}",values:{amount:W(C.fromAmount,6,6),symbol:C?.from.symbol}}))),(r?.type===4||i?.type===2)&&N.createElement(_t,{size:"xsmall",variant:"body",color:"neutral900"},Lr.t({id:"min required Slippage: {minRequiredSlippage}",values:{...r?.type===4&&{minRequiredSlippage:r.recommendedSlippages?.get(A)},...i?.type===2&&{minRequiredSlippage:i.recommendedSlippages?.get(A)}}})))})):void 0}}),"getQuoteSteps")(e.result?.swaps??[]),k=d.length;return bm(()=>{u&&c.current&&setTimeout(()=>{c?.current?.scrollIntoView({behavior:"smooth"})},Nr)},[u]),N.createElement(N.Fragment,null,N.createElement(La,{recommended:l,listItem:a==="list-item",basic:a==="basic"},N.createElement("div",{className:"summary"},N.createElement(wm,{fee:S,time:f,steps:k}),a==="basic"&&N.createElement("div",{className:"basic-info"},N.createElement(Pa,null,N.createElement(Tm,{size:12,color:"gray"})),N.createElement(_t,{size:"small",variant:"body",style:{letterSpacing:.4}},`${o.value} ${d[0].from.token.displayName} = ${n.value} ${d[d.length-1].to.token.displayName}`),N.createElement(_t,{color:"$neutral600",ml:2,size:"xsmall",variant:"body"},`($${n.usdValue})`)),a==="list-item"&&N.createElement(xm,{type:"output",direction:"vertical",price:{value:n.value,usdValue:n.usdValue},token:{displayName:d[k-1].to.token.displayName,image:d[k-1].to.token.image},chain:{image:d[k-1].to.chain.image},percentageChange:x,warningLevel:g}),a==="swap-preview"&&N.createElement(N.Fragment,null,N.createElement(Zt,{from:d[0].from,to:d[k-1].to,percentageChange:x,warningLevel:g}),N.createElement(Br,{size:4}))),N.createElement(Na,{recommended:l,open:u,onOpenChange:m},N.createElement(Ba,{ref:h=>c.current=h,recommended:l,onClick:m.bind(null,h=>!h)},N.createElement("div",null,d.map((h,C)=>{let A=`item-${C}`;return N.createElement(N.Fragment,{key:A},N.createElement(Ua,{container:t.tooltipContainer,side:"bottom",sideOffset:4,content:h.from.chain.displayName},N.createElement(Oa,{src:h.from.chain.image,size:16})),C===k-1&&N.createElement(N.Fragment,null,N.createElement(an,null,N.createElement(Fa,{size:12,color:"black"})),N.createElement(Ua,{container:t.tooltipContainer,side:"bottom",sideOffset:4,content:h.to.chain.displayName},N.createElement(Oa,{src:h.to.chain.image,size:16}))),C!==k-1&&N.createElement(an,null,N.createElement(Fa,{size:12,color:"black"})))})),N.createElement(an,{orientation:u?"up":"down"},N.createElement(km,{size:12,color:"black"}))),N.createElement(Ma,{open:u},N.createElement($a,null),N.createElement("div",{className:"steps-details"},d.map((h,C)=>{let A=`item-${C}`;return N.createElement(vm,{type:"quote-details",key:A,step:h,hasSeparator:C!==d.length-1,state:h.state})}))))))}s(Mr,"Quote");import{ChainToken as pn,Divider as $e,NextIcon as Wm,Skeleton as ye}from"@rango-dev/ui";import b from"react";import{darkTheme as Im,styled as za}from"@rango-dev/ui";var qa=za("div",{$$color:"$colors$neutral100",[`.${Im} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",borderBottomLeftRadius:"$xm",borderBottomRightRadius:"$xm",padding:"$15 ","& .cost-and-tag":{display:"flex",justifyContent:"space-between",alignItems:"center",height:"22px"},variants:{rounded:{true:{borderRadius:"$xm"}}},"& .cost":{display:"flex"},"& .basic-summary":{padding:"$15 $0 14px $0"},"& .output":{padding:"$6 $0 $15 $0",display:"flex",flexDirection:"column"},"& .output__token-info":{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$5"},"& .quote-summary":{display:"flex",justifyContent:"space-between",alignItems:"end"},"& .quote-summary__separator":{height:"$28",marginLeft:"13px",borderLeft:"1px solid $neutral700"},"& .token-amount":{display:"flex",justifyContent:"space-between"},"& .token-amount__label":{display:"flex",flexDirection:"column",alignItems:"start"},"& .chains":{paddingTop:"$2"},"& .swap-preview":{padding:"$15 $0 $15 $0"},"& .steps":{paddingLeft:"$8"},"& .step__title":{display:"flex",alignItems:"center"},"& .step__content":{display:"flex",alignItems:"start"},"& .step__tokens":{paddingTop:"$5",paddingBottom:"$10",display:"flex",alignItems:"center"},"& .step__token-info":{display:"flex",alignItems:"center"},"& .step__icon-container":{margin:"$0 $2",padding:"$4",display:"flex",justifyContent:"center",alignItems:"center"}}),Ga=za("div",{borderLeft:"1px dashed black",minHeight:" 64px",margin:"0px 11.5px",alignSelf:"stretch",variants:{hideSeparator:{true:{minHeight:"unset",height:"0"}}}});function $r(t){let{separator:e=!0}=t;return b.createElement(b.Fragment,null,b.createElement("div",{className:"step__title"},b.createElement(ye,{height:22,width:22,variant:"circular"}),b.createElement($e,{direction:"horizontal",size:8}),b.createElement(ye,{height:15,width:148,variant:"rounded"})),b.createElement("div",{className:"step__content"},b.createElement(Ga,{hideSeparator:!e}),b.createElement("div",{className:"step__tokens"},b.createElement("div",{className:"step__token-info"},b.createElement(pn,{size:"small",loading:!0,chainImage:"",tokenImage:""}),b.createElement($e,{direction:"horizontal",size:8}),b.createElement(ye,{height:12,width:76,variant:"rounded"})),b.createElement("div",{className:"step__icon-container"},b.createElement(Wm,{color:"gray",size:16})),b.createElement("div",{className:"step__token-info"},b.createElement(pn,{size:"small",loading:!0,chainImage:"",tokenImage:""}),b.createElement($e,{direction:"horizontal",size:8}),b.createElement(ye,{height:12,width:76,variant:"rounded"})))))}s($r,"StepSkeleton");function Pr(t){let{type:e,expanded:o,tag:n=!1}=t,r=b.createElement("div",{className:"quote-summary"},b.createElement("div",{className:"token-amount"},b.createElement(pn,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),b.createElement($e,{size:8,direction:"horizontal"}),b.createElement("div",{className:"token-amount__label"},b.createElement(ye,{height:10,width:60,variant:"rounded"}),b.createElement($e,{size:4}),b.createElement(ye,{height:15,width:148,variant:"rounded"}))),b.createElement(ye,{height:12,width:64,variant:"rounded"}));return b.createElement(qa,null,b.createElement("div",{className:"cost-and-tag"},b.createElement("div",{className:"cost"},b.createElement(ye,{width:60,height:10,variant:"rounded"}),b.createElement($e,{size:4,direction:"horizontal"}),b.createElement(ye,{width:60,height:10,variant:"rounded"}),b.createElement($e,{size:4,direction:"horizontal"}),b.createElement(ye,{width:60,height:10,variant:"rounded"})),n&&b.createElement(ye,{height:22,width:100,variant:"rounded"})),e==="basic"&&b.createElement("div",{className:"basic-summary"},b.createElement(ye,{height:15,width:148,variant:"rounded"})),e==="list-item"&&b.createElement("div",{className:"output"},b.createElement("div",{className:"output__token-info"},b.createElement(pn,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),b.createElement($e,{direction:"horizontal",size:4}),b.createElement(ye,{height:15,width:150,variant:"rounded"})),b.createElement($e,{size:4}),b.createElement(ye,{height:10,width:184,variant:"rounded"})),e==="swap-preview"&&b.createElement(b.Fragment,null,b.createElement($e,{size:4}),b.createElement("div",{className:"swap-preview"},r,b.createElement("div",{className:"quote-summary__separator"}),r)),b.createElement("div",{className:"chains"},b.createElement(ye,{height:15,width:321,variant:"rounded"})),o&&b.createElement("div",{className:"steps"},b.createElement($e,{size:20}),b.createElement($r,null),b.createElement($r,null),b.createElement($r,{separator:!1})))}s(Pr,"QuoteSkeleton");import{i18n as Xm}from"@lingui/core";import{Alert as Ym,Button as Jm,InfoIcon as Zm}from"@rango-dev/ui";import Ae from"react";import{useNavigate as Rm}from"react-router-dom";import{Alert as Nm,Button as Lm,Divider as Xa,NoRouteIcon as Bm,RefreshIcon as Mm,Typography as Ya}from"@rango-dev/ui";import Pe from"react";import{i18n as Ha}from"@lingui/core";function Qa(t,e,o,n){return t?.type===1?{alert:{type:"warning",text:G().genericServerError,action:{onClick:n,title:Ha.t("Retry")}},description:""}:t?.type===0&&t.diagnosisMessage?{alert:{type:"error",text:t.diagnosisMessage,action:null},description:""}:e.length?{alert:{type:"warning",text:G().liquiditySourcesError.title,action:{onClick:()=>o(!0),title:Ha.t("Reset")}},description:G().liquiditySourcesError.description}:{alert:null,description:G().noResultError.description}}s(Qa,"makeInfo");import{styled as _r}from"@rango-dev/ui";var Va=_r("div",{minHeight:"162px",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"}),ja=_r("div",{width:"100%"}),Ka=_r("div",{padding:"$6 $0"});function Dr(t){let{fetch:e,error:o}=t,n=D.use.disabledLiquiditySources(),r=D.use.toggleAllLiquiditySources(),i=T().swappers(),a=Qa(o,n,()=>r(i,!0),e);return Pe.createElement(Va,null,Pe.createElement(Bm,{size:24,color:"gray"}),Pe.createElement(Xa,{size:4}),Pe.createElement(Ya,{variant:"title",size:"small"},G().noResultError.title),!!a.description&&Pe.createElement(Ya,{variant:"body",size:"small",align:"center",color:"neutral700"},a.description),Pe.createElement(Xa,{size:4}),!!a.alert&&Pe.createElement(ja,null,Pe.createElement(Nm,{type:a.alert.type,title:a.alert.text,action:a.alert.action&&Pe.createElement(Lm,{size:"xsmall",type:a.alert.type,prefix:Pe.createElement(Ka,null,Pe.createElement(Mm,{size:8})),onClick:a.alert.action.onClick},a.alert.action.title),variant:"alarm"})))}s(Dr,"NoResult");import{i18n as to}from"@lingui/core";import{Button as Pm,Divider as ol,MessageBox as _m,Modal as Dm,Typography as Fm,WarningIcon as Om}from"@rango-dev/ui";import je from"react";import{Typography as el}from"@rango-dev/ui";import Or from"react";import{darkTheme as $m,styled as un}from"@rango-dev/ui";var Ja=un("div",{width:"100%",paddingTop:"$10"}),Fr=un("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),Za=un("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%","._title":{$$color:"$colors$neutral600",[`.${$m} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Ra=un("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});function tl(t){let{title:e,value:o,valueColor:n}=t;return Or.createElement(Za,null,Or.createElement(el,{size:"medium",variant:"label",className:"_title"},e),Or.createElement(el,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}s(tl,"QuoteErrorsModalItem");function nl(t){let{open:e,onClose:o,onConfirm:n,warning:r}=t,i=r.warningLevel==="high"?"error":"warning",a=[{title:to.t("Swapping"),value:W(r.inputUsdValue,4,4)},{title:to.t("Gas cost"),value:W(r.totalFee,2,2)},{title:to.t("Receiving"),value:W(r.outputUsdValue,4,4)},{title:to.t("Price impact"),value:W(r.priceImpact,2,2),valueColor:`${i}500`}];return je.createElement(Dm,{open:e,onClose:o,container:R()},je.createElement(_m,{type:i,title:G().highValueLossError.impactTitle,description:G().highValueLossError.description}),je.createElement(Fr,null,je.createElement(ol,{size:20}),je.createElement(Fm,{size:"small",variant:"title"},to.t("Details")),je.createElement(Fr,null,a.map((l,p)=>je.createElement(tl,{key:p,...l})))),je.createElement(ol,{size:32}),je.createElement(Pm,{type:"primary",size:"large",prefix:je.createElement(Om,null),fullWidth:!0,onClick:n},G().highValueLossError.confirmMessage))}s(nl,"HighValueLossWarningModal");import{i18n as rl}from"@lingui/core";function il(t,e){let o={alertType:"warning",title:"",action:"show-info"};return t?(t.type===0&&(Je(t.priceImpact)==="high"&&(o.alertType="error"),o.title=G().highValueLossError.title),t.type===1&&(o.title=G().unknownPriceError.title),t.type===2&&(o.title=rl.t({id:"minimum required slippage for this route: {minRequiredSlippage}",values:{minRequiredSlippage:t.minRequiredSlippage}})),t.type===3&&(o.title=rl.t("Caution, your slippage is high")),o):e?(o.alertType="error",e.type===3&&(o.title=e.recommendation,o.action=null),e.type===4&&(o.title="",o.action="change-settings"),o):null}s(il,"makeAlerts");import{i18n as Dt}from"@lingui/core";import{Button as sl,Divider as al,MessageBox as Um,Modal as zm,Typography as qm}from"@rango-dev/ui";import St from"react";import{useNavigate as Gm}from"react-router-dom";function ll(t){let{customSlippage:e,slippage:o}=D(),{open:n,onClose:r,onConfirm:i,warning:a}=t,l=Gm(),p=e??o;return St.createElement(zm,{anchor:"bottom",open:n,prefix:St.createElement(sl,{size:"small",variant:"ghost",onClick:()=>l("../"+L.settings)},St.createElement(qm,{variant:"label",size:"medium",color:"$neutral900"},Dt.t("Change settings"))),container:R(),onClose:r},St.createElement(Um,{type:"warning",title:a.type===3?Dt.t("High slippage"):Dt.t("Low slippage"),description:a.type===3?Dt.t({id:" Caution, your slippage is high (={userSlippage}). Your trade may be front run.",values:{userSlippage:p}}):Dt.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:a.minRequiredSlippage}})},St.createElement(al,{size:18}),St.createElement(al,{size:32}),St.createElement(sl,{size:"large",type:"primary",variant:"contained",fullWidth:!0,onClick:i},Dt.t("Confirm anyway"))))}s(ll,"SlippageWarningModal");import{Button as Hm,Divider as Qm,MessageBox as Vm,Modal as jm,WarningIcon as Km}from"@rango-dev/ui";import oo from"react";function pl(t){let{open:e,onClose:o,onConfirm:n}=t;return oo.createElement(jm,{open:e,onClose:o,container:R()},oo.createElement(Vm,{type:"warning",title:G().unknownPriceError.impactTitle,description:G().unknownPriceError.description}),oo.createElement(Qm,{size:32}),oo.createElement(Hm,{type:"primary",size:"large",prefix:oo.createElement(Km,null),fullWidth:!0,onClick:n},G().unknownPriceError.confirmMessage))}s(pl,"UnknownPriceWarningModal");function Ur(t){let{warning:e,error:o,refetchQuote:n,showWarningModal:r,onOpenWarningModal:i,onCloseWarningModal:a,onConfirmWarningModal:l}=t,p=Rm(),u={open:r,onClose:a,onConfirm:l},m=o?.type===0||o?.type===1,c=il(e,o?.type===3||o?.type===4?o:null);return Ae.createElement(Ae.Fragment,null,m&&Ae.createElement(Dr,{error:o,fetch:n}),!!c&&Ae.createElement(Ja,null,Ae.createElement(Ym,{title:c.title,type:c.alertType,variant:"alarm",action:c.action==="show-info"?Ae.createElement(Ra,{onClick:i},Ae.createElement(Zm,{size:12,color:"gray"})):Ae.createElement(Jm,{size:"xsmall",type:"error",onClick:()=>p(L.settings)},Xm.t("Change Settings"))})),e&&Ae.createElement(Ae.Fragment,null,e.type===0&&Ae.createElement(nl,{...u,warning:e}),(e.type===3||e.type===2)&&Ae.createElement(ll,{...u,warning:e}),e.type===1&&Ae.createElement(pl,{...u,warning:e})))}s(Ur,"QuoteWarningsAndErrors");function no(t){let{quote:e,type:o,loading:n,error:r,warning:i,refetchQuote:a,showWarningModal:l,onOpenWarningModal:p,onCloseWarningModal:u,onConfirmWarningModal:m,expanded:c=!1}=t,{inputAmount:S,inputUsdValue:f,outputUsdValue:y,outputAmount:x}=P(),g=e&&e.result&&!n;return ut.createElement(ut.Fragment,null,n&&ut.createElement(Wr,null,ut.createElement(Pr,{type:o,expanded:c})),g?ut.createElement(Wr,null,ut.createElement(Mr,{quote:e,error:r,warning:i,type:o,expanded:c,recommended:!0,input:{value:W(S,6,6),usdValue:W(f,4,4)},output:{value:W(x,6,6),usdValue:W(y,4,4)}})):null,!i&&!r&&ut.createElement(ed,{size:16}),(i||r)&&ut.createElement(Ur,{warning:i,error:r,loading:n,refetchQuote:a,showWarningModal:l,onOpenWarningModal:p,onCloseWarningModal:u,onConfirmWarningModal:m}))}s(no,"QuoteInfo");import{useEffect as cl,useRef as rd,useState as zr}from"react";function cn(t){if(!t.result)throw new Error(G().noResultError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});if(Xt(t)){let{swap:n,recommendation:r,fromAmountRangeError:i}=kr(t);throw new Error("bridge limit error",{cause:{type:3,swap:n,recommendation:r,fromAmountRangeError:i}})}let o=wr(t);if(o){let n=tn(t);throw new Error("",{cause:{type:4,recommendedSlippages:o,minRequiredSlippage:n}})}return t}s(cn,"throwErrorIfResponseIsNotValid");function ul(t,e,o){let n=la(t,e),r={quote:null,quoteUpdate:null,balance:null},i=nn(e,{fromToken:o.fromToken,toToken:o.toToken,tokens:o.tokens,userSlippage:o.userSlippage});i&&(r.quote=i),n&&(Zs(t,e)?r.quoteUpdate={type:3,newOutputAmount:W(Bt(e)),percentageChange:W(it(Bt(t)??"",Bt(e)??""),null,2)}:xr(t,e)?r.quoteUpdate={type:0}:br(t,e)?r.quoteUpdate={type:1}:Er(t,e)&&(r.quoteUpdate={type:2}));let a=Rs(e,o.selectedWallets);return a.length===0||(r.balance={messages:a}),r}s(ul,"generateWarnings");function mn(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}}s(mn,"handleQuoteErrors");import{useRef as od,useState as nd}from"react";function dn(){let[t,e]=nd(!1),o=od(null),n=s(()=>o.current?.abort(),"cancel");return{fetch:s(async i=>{n(),o.current=new AbortController,e(!0);try{let a=await It().getBestRoute(i,{signal:o.current.signal});return o.current=null,a}catch(a){throw a}finally{e(!1)}},"fetch"),loading:t,cancelFetch:n}}s(dn,"useFetchQuote");var id=600;function ml(){let{fetch:t,cancelFetch:e}=dn(),{liquiditySources:o,enableNewLiquiditySources:n,experimental:r}=T().config,i=T().tokens(),{fromToken:a,toToken:l,inputAmount:p,inputUsdValue:u,resetQuote:m,setQuote:c}=P(),{slippage:S,customSlippage:f,affiliatePercent:y,affiliateRef:x,affiliateWallets:g,disabledLiquiditySources:w}=D(),[d,k]=zr(!1),[h,C]=zr(null),[A,B]=zr(null),E=rd(w),$=f??S,F=!a||!l||Ie(a,l)||!jt(p),v=s(O=>{k(O),C(null),B(null)},"resetState"),z=s(()=>{if(d||v(!0),!F){m();let O=on({fromToken:a,toToken:l,inputAmount:p,liquiditySources:o,excludeLiquiditySources:n,disabledLiquiditySources:w,slippage:$,affiliateRef:x,affiliatePercent:y,affiliateWallets:g});r?.routing&&(O.experimental=!0),t(O).then(Z=>{k(!1),c(Z),cn(Z);let le=nn(Z,{fromToken:a,toToken:l,userSlippage:$,tokens:i});B(le)}).catch(Z=>{let{error:le}=mn(Z);(le?.type===0||le?.type===1)&&m(),le?.type!==2&&(C(le),k(!1))})}},"fetch"),H=Ss(()=>{F||z()},id);return cl(()=>{if(!jt(p)||u?.eq(0)){v(!1),e();return}if(!F)return m(),v(!0),H(),e},[p,F]),cl(()=>{let O=!!E.current.length&&!w.length;return!F&&O&&z(),E.current=w,e},[w.length]),{fetch:z,loading:d,error:h,warning:A}}s(ml,"useSwapInput");var md=Gr("div",{display:"flex",flexDirection:"column",overflowY:"visible"}),dd=Gr("div",{position:"relative"}),fd=Gr("div",{display:"flex",flexDirection:"column",gap:5,alignSelf:"stretch"});function fn(){let t=cd(),{fetch:e,loading:o,error:n,warning:r}=ml(),{fromToken:i,fromBlockchain:a,toToken:l,toBlockchain:p,setInputAmount:u,inputAmount:m,inputUsdValue:c,outputAmount:S,outputUsdValue:f,quote:y,resetQuoteWallets:x,setQuoteWarningsConfirmed:g}=P(),w=T().fetchStatus,d=V.use.connectedWallets(),k=Ce.use.setCurrentPage(),[h,C]=ud(!1),A=pd(null),B=!1,E=js(c,f),$=Ro(c,E),_=!Tr(y,m,c),F=!Tr(y,m,f),v=Ks(w,d,o,y,Xt(y),$,_||F,B,m),z=a&&i?W(Wt(d,a?.name,i?.symbol,i?.address)?.amount||"0",8,8):"0",H=a&&i?W(Wt(d,a?.name,i?.symbol,i?.address)?.amount||"0",Wt(d,a?.name,i?.symbol,i?.address)?.decimal):"0";ld(()=>(k(L.home),x(),k.bind(null,"")),[]);let O=!c||!f||!f.gt(0)?null:it(c.toString(),f.toString());return Fe.createElement(j,{ref:A,fixedHeight:!1,hasLogo:!0,footer:Fe.createElement(sd,{type:"primary",size:"large",disabled:v.disabled,prefix:!v.disabled&&v.hasWarning&&Fe.createElement(ad,null),fullWidth:!0,onClick:()=>{v.state==="waitForConnecting"?t(L.wallets):r?C(!0):t(L.confirmSwap)}},v.title),header:{onWallet:()=>{t(L.wallets)},hasBackButton:!1,title:qr.t("Swap"),suffix:Fe.createElement(gr,{layoutRef:A.current,onClickRefresh:y||n?e:void 0,onClickHistory:()=>t(L.swaps),onClickSettings:()=>t(L.settings)})}},Fe.createElement(md,null,Fe.createElement(fd,null,Fe.createElement(dd,null,Fe.createElement(dl,{label:qr.t("From"),mode:"From",onInputChange:u,balance:z,chain:{displayName:a?.displayName||"",image:a?.logo||""},token:{displayName:i?.symbol||"",image:i?.image||""},onClickToken:()=>t(L.fromSwap),price:{value:m,usdValue:_?void 0:W(c,4,4),error:_?G().unknownPriceError.impactTitle:void 0},disabled:w==="failed",loading:w==="loading",onSelectMaxBalance:()=>{z!=="0"&&u(H.split(",").join(""))}}),Fe.createElement(ca,null)),Fe.createElement(dl,{sharpBottomStyle:!!y?.result||o,label:qr.t("To"),mode:"To",chain:{displayName:p?.displayName||"",image:p?.logo||""},token:{displayName:l?.symbol||"",image:l?.image||""},percentageChange:W(Mt(c,f),2,2),warningLevel:Je(O??0),price:{value:W(S,6,6),usdValue:F?void 0:W(f,4,4),error:F?G().unknownPriceError.impactTitle:void 0},onClickToken:()=>t(L.toSwap),disabled:w==="failed",loading:w==="loading"})),Fe.createElement(no,{quote:y,loading:o,error:n,warning:r,type:"basic",refetchQuote:e,showWarningModal:h,onOpenWarningModal:()=>C(!0),onCloseWarningModal:()=>C(!1),onConfirmWarningModal:()=>{C(!1),g(!0),t(L.confirmSwap)}})))}s(fn,"Home");import{useEffect as Hr,useRef as Qr}from"react";import{createSearchParams as gd,useLocation as hd,useSearchParams as yd}from"react-router-dom";import{useEffect as Ft,useMemo as gn,useRef as hn}from"react";function fl(){let{setInputAmount:t,setToToken:e,setToBlockchain:o,setFromBlockchain:n,setFromToken:r,fromToken:i,toToken:a,fromBlockchain:l,toBlockchain:p}=P(),u=T().config,m=T().fetchStatus,c=T().blockchains(),S=T().tokens(),{setAffiliateRef:f,setAffiliatePercent:y,setAffiliateWallets:x}=D(),g=gn(()=>u?.from?.tokens,[u?.from?.tokens]),w=gn(()=>u?.from?.blockchains,[u?.from?.blockchains]),d=gn(()=>u?.to?.tokens,[u?.to?.tokens]),k=gn(()=>u?.to?.blockchains,[u?.to?.blockchains]),h=hn(void 0),C=hn(void 0),A=hn(void 0),B=hn(void 0);Ft(()=>{t(u?.amount?.toString()||"")},[u?.amount]),Ft(()=>{if(m==="success"){let E=c.find(_=>_.name===u?.from?.blockchain),$=S.find(_=>Ie(_,u?.from?.token||null));(E||!E&&A.current)&&n(E??null),$?r({token:$,meta:{blockchains:c,tokens:S}}):!$&&h.current&&r({token:null}),A.current=u?.from?.blockchain,h.current=u?.from?.token}},[u?.from?.token?.symbol,u?.from?.token?.address,u?.from?.token?.blockchain,u?.from?.blockchain,m]),Ft(()=>{i&&g&&(g.some(E=>Ie(E,i))||r({token:null})),l&&w&&(w.includes(l.name)||n(null))},[g,w]),Ft(()=>{a&&d&&(d.some(E=>Ie(E,a))||e({token:null})),p&&k&&(k.includes(p.name)||o(null))},[d,k]),Ft(()=>{if(m==="success"){let E=c.find(_=>_.name===u?.to?.blockchain),$=S.find(_=>Ie(_,u?.to?.token||null));(E||!E&&B.current)&&o(E??null),$?e({token:$,meta:{blockchains:c,tokens:S}}):!$&&C.current&&e({token:null}),B.current=u?.to?.blockchain,C.current=u?.to?.token}},[u?.to?.token?.symbol,u?.to?.token?.address,u?.to?.token?.blockchain,u?.to?.blockchain,m]),Ft(()=>{f(u?.affiliate?.ref??null),y(u?.affiliate?.percent??null),x(u?.affiliate?.wallets??null)},[u?.affiliate?.ref,u?.affiliate?.percent,u?.affiliate?.wallets])}s(fl,"useSyncStoresWithConfig");function gl(){let t=Qr(!0),[e,o]=yd(),n=hd(),r=Qr(n.search),i=Qr({}),a=P.use.fromBlockchain(),l=P.use.toBlockchain(),p=P.use.fromToken(),u=P.use.toToken(),m=P.use.setFromBlockchain(),c=P.use.setFromToken(),S=P.use.setToBlockchain(),f=P.use.setToToken(),y=P.use.inputAmount(),x=P.use.setInputAmount(),g=T().fetchStatus,w=T().blockchains(),d=T().tokens(),k=Ce.use.setSelectedSwap();return fl(),Hr(()=>{let h={};gd(r.current).forEach((A,B)=>{h[B]=A}),i.current=h;let C=n.pathname.split(L.swaps+"/")[1]||null;C&&k(C)},[]),Hr(()=>{if(!t.current){let h="",C="",A="",B="",E="",$=i.current["autoConnect"];g!=="success"?(h=i.current["fromBlockchain"],C=i.current["fromToken"],A=i.current["toBlockchain"],B=i.current["toToken"],E=i.current["fromAmount"]||y):(h=a?.name||"",C=(p?.symbol||"")+(p?.address?`--${p?.address}`:""),A=l?.name||"",B=(u?.symbol||"")+(u?.address?`--${u?.address}`:""),E=y),o({...h&&{["fromBlockchain"]:h},...C&&{["fromToken"]:C},...A&&{["toBlockchain"]:A},...B&&{["toToken"]:B},...E&&{["fromAmount"]:E.toString()},...$&&{["autoConnect"]:$}},{replace:!0})}t.current=!1},[n.pathname,y,a,p,l,u]),Hr(()=>{if(g==="success"){let h=e.get("fromBlockchain"),C=e.get("fromToken"),A=e.get("toBlockchain"),B=e.get("toToken"),E=e.get("fromAmount"),$=w.find(z=>z.name===h),_=vr(d,C,$||null),F=w.find(z=>z.name===A),v=vr(d,B,F||null);$&&(m($),_&&c({token:_,meta:{blockchains:w,tokens:d}})),F&&(S(F),v&&f({token:v,meta:{blockchains:w,tokens:d}})),E&&x(E)}},[g]),null}s(gl,"UpdateUrl");function Ad(t){let e=bd(),o=Ed(),n=wd(!0),r=e.pathname.split("/"),a=r[r.length-1]===L.confirmSwap&&n.current;return Td(()=>{a&&o("."),n.current=!1},[]),a?Ct.createElement(fn,null):Ct.createElement(Ct.Fragment,null," ",t.children)}s(Ad,"Route");function hl({children:t,...e}){let o=xd(),n=o?Ad:vd,r=T().blockchains(),{canSwitchNetworkTo:i}=Cd();Ns();let a=r.filter(kd);return Sd({lastConnectedWallet:e.lastConnectedWallet,clearDisconnectedWallet:e.clearDisconnectedWallet,disconnectedWallet:e.disconnectedWallet,evmChains:a,canSwitchNetworkTo:i}),Ct.createElement(Ct.Fragment,null,Ct.createElement(n,null,t),o&&Ct.createElement(gl,null))}s(hl,"AppRouter");import xe from"react";import{useRoutes as _h}from"react-router-dom";import{i18n as xn}from"@lingui/core";import{useManager as uf}from"@rango-dev/queue-manager-react";import{Alert as Dl,Button as Fl,Divider as Ol,IconButton as Ul,RefreshIcon as cf,SettingsIcon as mf,styled as zl,Tooltip as df,Typography as ff,WalletIcon as gf}from"@rango-dev/ui";import Y,{useEffect as bn,useState as En}from"react";import{flushSync as hf}from"react-dom";import{useNavigate as yf}from"react-router-dom";import{i18n as Ze}from"@lingui/core";import{Alert as Zr,BalanceErrors as Jd,Button as $l,ChevronDownIcon as Zd,ChevronLeftIcon as Rd,Divider as Ut,MessageBox as ef,Modal as Pl,Typography as vn,WalletIcon as tf}from"@rango-dev/ui";import I,{useEffect as of,useLayoutEffect as nf,useRef as rf,useState as wt}from"react";import{useNavigate as sf}from"react-router-dom";import{i18n as yn}from"@lingui/core";function Sn(t){switch(t.type){case 0:return yn.t("Route has been updated.");case 3:return yn.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return yn.t("Route swappers has been updated.");case 2:return yn.t("Route internal coins has been updated.");default:return""}}s(Sn,"getQuoteUpdateWarningMessage");import{i18n as Oe}from"@lingui/core";import{Button as Kd,Divider as Yr,Image as Xd,MessageBox as wn,Modal as Wl,SelectableWallet as Yd,Typography as Nl,WalletState as Ll}from"@rango-dev/ui";import oe,{useEffect as Bl,useState as io}from"react";import{WalletState as yl}from"@rango-dev/ui";import{useWallets as Id}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as Wd,WalletTypes as Nd}from"@rango-dev/wallets-shared";import{useEffect as Ld,useState as Bd}from"react";var Md=Object.values(Nd);function Cn(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:i,disconnect:a,getWalletInfo:l,connect:p}=Id(),{connectedWallets:u}=V(),m=T().blockchains(),c=gs(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||Md,S=as(i,l,c,o),f=ds(S),[y,x]=Bd(""),g=s(h=>!u.find(C=>C.walletType===h&&C.chain===o),"isExperimentalChainNotAdded"),w=s(async h=>{let C=i(h);try{if(y&&x(""),C.connected)await a(h);else{let A=!!S.find(B=>B.state===yl.CONNECTED);if(!e?.multiWallets&&A)return;n?.(h),await p(h),r?.(h)}}catch(A){x("Error: "+A?.message)}},"handleClick"),d=s(()=>{let h=S?.filter(C=>C.state===yl.CONNECTING)||[];for(let C of h)a(C.type)},"disconnectConnectingWallets");Ld(()=>()=>{d()},[]);let k=s((h,C,A)=>$o(A,C)&&g(h)&&!Wd.includes(h),"shouldExcludeWallet");return{list:f.filter(h=>!k(h.type,o??"",m)),error:y,handleClick:w}}s(Cn,"useWalletList");import{i18n as wl}from"@lingui/core";import{styled as xl,Typography as Ud,Wallet as zd,WalletState as qd}from"@rango-dev/ui";import Tt,{Fragment as Gd,useState as vl}from"react";import{Divider as Fd,Modal as Od}from"@rango-dev/ui";import jr from"react";import{i18n as Ot}from"@lingui/core";import{Image as _d,MessageBox as Vr,WalletState as Dd}from"@rango-dev/ui";import kt from"react";import{keyframes as $d,styled as kn}from"@rango-dev/ui";var Hb=kn("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),Sl=kn("div",{position:"relative"}),Pd=$d({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),Cl=kn("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Pd} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),kl=kn("div",{"& img":{borderRadius:"50%"}});function Tl(t){let{state:e,image:o,error:n}=t;return e===Dd.CONNECTED?kt.createElement(Vr,{type:"success",title:Ot.t("Wallet Connected"),description:Ot.t("Your wallet is connected, you can use it to swap.")}):n?kt.createElement(Vr,{type:"error",title:Ot.t("Failed to Connect"),description:n||Ot.t("Your wallet is not connected. Please try again.")}):kt.createElement(Vr,{type:"loading",title:Ot.t("Connecting to your wallet"),description:Ot.t("Click connect in your wallet popup."),icon:kt.createElement(Sl,null,kt.createElement(kl,null,kt.createElement(_d,{src:o,size:45})),kt.createElement(Cl,null))})}s(Tl,"ModalContent");function ro(t){let{open:e,onClose:o,...n}=t;return jr.createElement(Od,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},jr.createElement(Tl,{...n}),jr.createElement(Fd,{direction:"vertical",size:32}))}s(ro,"WalletModal");var Hd=xl("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline",paddingTop:"$15",height:"100%"}),Qd=xl("div",{textAlign:"center"}),Tn=3e3,Kr=300;function bl(){let{config:t,fetchStatus:e}=T(),[o,n]=vl(!1),[r,i]=vl(""),a=null,{list:l,handleClick:p,error:u}=Cn({config:t,onBeforeConnect:f=>{a=setTimeout(()=>{n(!0),i(f)},Kr)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},Tn)}}),m=l.find(f=>f.type===r),c=m?.image||"",S=m?.state||qd.NOT_INSTALLED;return Tt.createElement(j,{header:{title:wl.t("Connect Wallets")}},Tt.createElement(Qd,null,Tt.createElement(Ud,{variant:"title",size:"xmedium",align:"center"},wl.t("Choose a wallet to connect.")),Tt.createElement(Hd,null,l.map((f,y)=>{let x=`wallet-${y}-${f.type}`;return Tt.createElement(Gd,{key:x},Tt.createElement(zd,{...f,container:R(),onClick:g=>{p(g)},isLoading:e==="loading"}))}),Tt.createElement(ro,{open:!!o,onClose:()=>n(!1),image:c,state:S,error:u}))))}s(bl,"WalletsPage");import{keyframes as Vd,styled as Xr}from"@rango-dev/ui";var El=Xr("div",{position:"relative"}),jd=Vd({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),Al=Xr("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${jd} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),Il=Xr("div",{"& img":{borderRadius:"50%"}});function Jr(t){let{chain:e,isSelected:o,selectWallet:n,limit:r,onShowMore:i}=t,{config:a}=T(),l=V.use.connectedWallets(),{blockchains:p}=T(),[u,m]=io(""),[c,S]=io(null),[f,y]=io(!1),[x,g]=io(null),{suggestAndConnect:w}=Ml(),d=null,{list:k,error:h,handleClick:C}=Cn({config:a,chain:e,onBeforeConnect:v=>{d=setTimeout(()=>{m(v)},Kr)},onConnect:()=>{d&&clearTimeout(d),setTimeout(()=>{m("")},Tn)}}),[A,B]=io(k),E=k.length,$=r&&E-r>0,_=s(async v=>{y(!1),g("in-progress");try{await w(v.walletType,v.chain),g("completed")}catch{g("rejected")}},"addExperimentalChain");Bl(()=>{B(v=>{let z=k.findIndex(H=>o(H.type,e));return $&&z>1?[k[z]].concat(k.filter((H,O)=>O!==z)):v.map(H=>k.find(O=>O.type===H.type)??H)})},[JSON.stringify(k)]);let F=document.querySelector("#swap-box");return Bl(()=>{let v=null;return(x==="completed"||x==="rejected")&&(v=setTimeout(()=>g(null),Tn)),()=>{v&&clearTimeout(v)}},[x]),oe.createElement(oe.Fragment,null,A.slice(0,r).map(v=>{let z=fs({connectedWallets:l,walletType:v.type,chain:e}),H=z?Po(z):"",O=$o(p(),e),Z=!l.find(ze=>ze.walletType===v.type&&ze.chain===e),le=O&&Z&&v.state===Ll.CONNECTED,te=le?Oe.t({id:"Add {chain} chain",values:{chain:e}}):H,ne=s(()=>{v.state===Ll.DISCONNECTED?C(v.type):le?(S({walletType:v.type,chain:e,address:z??""}),y(!0)):n({walletType:v.type,chain:e,address:z??""})},"onClick"),ge=c?.chain?Qs(c.chain,p()):void 0;return oe.createElement(oe.Fragment,null,oe.createElement(ro,{open:u===v.type,onClose:()=>m(""),image:v.image,state:v.state,error:h}),!!c&&oe.createElement(Wl,{open:!!c&&f,container:F,onClose:()=>{S(null)}},oe.createElement(wn,{title:Oe.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:ge}}),type:"warning",description:Oe.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:ge}})},oe.createElement(Yr,{size:18}),oe.createElement(Yr,{size:32}),oe.createElement(Kd,{onClick:_.bind(null,c),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},Oe.t("Confirm")))),x&&oe.createElement(Wl,{open:!!x,onClose:g.bind(null,null),container:F},x==="in-progress"&&oe.createElement(wn,{type:"loading",title:Oe.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:ge}}),description:Oe.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:ge}}),icon:oe.createElement(El,null,oe.createElement(Il,null,oe.createElement(Xd,{src:v.image,size:45})),oe.createElement(Al,null))}),x==="completed"&&oe.createElement(wn,{type:"success",title:Oe.t({id:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:ge}}),description:Oe.t({id:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:ge}})}),x==="rejected"&&oe.createElement(wn,{type:"error",title:Oe.t("Request Rejected"),description:Oe.t({id:"You've rejected adding {blockchainDisplayName} chain to your wallet.",values:{blockchainDisplayName:ge}})}),oe.createElement(Yr,{direction:"vertical",size:32})),oe.createElement(Yd,{key:v.type,description:te,onClick:ne,selected:o(v.type,e),...v}))}),$&&oe.createElement(ya,{selected:!1,onClick:i.bind(null)},oe.createElement(Nl,{variant:"label",size:"medium"},Oe.t("Show more wallets"),oe.createElement(Nl,{variant:"label",size:"medium",color:"$primary"},"\xA0+",E-(r??0)))))}s(Jr,"WalletList");var af=2;function _l(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,loading:i}=t,a=T().config,l=T().blockchains(),{quote:p,setSelectedWallets:u,quoteWalletsConfirmed:m,setQuoteWalletConfirmed:c,customDestination:S,setCustomDestination:f}=P(),{connectedWallets:y,selectWallets:x}=V(),[g,w]=wt(""),[d,k]=wt([]),[h,C]=wt(""),[A,B]=wt(null),[E,$]=wt(S),[_,F]=wt(!!S),v=rf(null),z=jo(p),H=l.find(U=>U.name===p?.result?.swaps[p?.result?.swaps.length-1].to.blockchain),O=s(U=>!!p?.result?.swaps.find(X=>X.from.blockchain===U),"isWalletRequiredFor"),[Z,le]=wt(y.filter(U=>U.selected&&z.includes(U.chain))),te=l.find(U=>U.name===H?.name),ne=s((U,X)=>!!Z.find(q=>q.walletType===U&&q.chain===X&&q.selected&&(O(X)||!O(X)&&!E)),"isSelected"),ge=!!E&&_&&te&&!Ko(te,E),ze=s(()=>{F(!1),$(""),le(U=>{let X=!1;return U.map(q=>!X&&q.chain===H?.name?(X=!0,{...q,selected:!0}):q)})},"resetCustomDestination"),ft=s(U=>{if(g&&w(""),ne(U.walletType,U.chain))return;let q=y.find(se=>se.walletType===U.walletType&&se.chain===U.chain);q&&(n(),U.chain===H?.name&&_&&(F(!1),$("")),le(se=>se.filter(qe=>qe.chain!==U.chain).concat({...q,selected:!0})))},"onChange"),xo=s(()=>{let U=Z.filter(X=>X.selected);x(U),u(U),f(E),c(!0),o()},"onConfirmBalance"),er=s(async()=>{k([]),C(""),B(null);let U=y.filter(se=>Z.find(qe=>qe.chain===se.chain&&qe.walletType===se.walletType)),X=await r?.({selectedWallets:U,customDestination:E}),q=X.warnings;q?.balance?.messages&&k(q.balance.messages),q?.quoteUpdate&&B(q.quoteUpdate),X.error&&C(Vs(X.error)),!X.error&&(!q?.balance?.messages.length||0>0)?xo():k(q?.balance?.messages??[])},"onConfirmWallets");of(()=>{le(U=>U.concat(y.filter(X=>!!!U.find(se=>se.chain===X.chain)&&X.selected&&z.includes(X.chain))))},[y.length]),nf(()=>{_&&v.current&&setTimeout(()=>{v?.current?.scrollIntoView({behavior:"smooth"})},Jt)},[_]);let Et=document.querySelector("#swap-box"),bo=sf();return I.createElement(Pl,{open:e,onClose:()=>{m||bo("../",{replace:!0}),o()},dismissible:!g,container:Et,...!g&&{footer:I.createElement(Ea,null,I.createElement($l,{loading:i,disabled:ra(i,_,E,p,Z,H),onClick:er,variant:"contained",type:"primary",fullWidth:!0,size:"large"},"Confirm"))},...g&&{containerStyle:{padding:"$0"},header:I.createElement(Ca,null,I.createElement(ka,{variant:"ghost",onClick:w.bind(null,"")},I.createElement(Rd,{size:16})),I.createElement(vn,{variant:"headline",size:"small"},Ze.t({id:"Your {blockchainName} wallets",values:{blockchainName:g}})))},anchor:"center"},I.createElement(Pl,{open:d.length>0,onClose:k.bind(null,[]),container:Et},I.createElement(ef,{title:Ze.t("Insufficient account balance"),type:"error",description:I.createElement(Jd,{messages:d??[]})},I.createElement($l,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:xo},Ze.t("Proceed anyway")))),g&&I.createElement(Ta,null,I.createElement("div",{className:"wallets-list"},I.createElement(Jr,{chain:g,isSelected:ne,selectWallet:ft,onShowMore:w.bind(null,g)}))),!g&&I.createElement(I.Fragment,null,h&&I.createElement(I.Fragment,null,I.createElement(Zr,{variant:"alarm",type:"error",title:Ze.t(h)}),I.createElement(Ut,{size:12})),A&&I.createElement(I.Fragment,null,I.createElement(Zr,{variant:"alarm",type:"warning",title:Sn(A)}),I.createElement(Ut,{size:12})),I.createElement(Ia,null,z.map((U,X)=>{let q=l.find(be=>be.name===U),se=`wallet-${X}`,qe=X===z.length-1;return I.createElement("div",{key:se},I.createElement(ga,null,I.createElement(vn,{variant:"title",size:"xmedium"},Ze.t({id:"Your {blockchainName} wallets",values:{blockchainName:q?.displayName}})),I.createElement(vn,{variant:"label",color:"$neutral700",size:"medium"},Ze.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:q?.displayName}}))),I.createElement(Ut,{size:24}),I.createElement(ha,null,I.createElement(Jr,{chain:U,isSelected:ne,selectWallet:ft,limit:af,onShowMore:()=>w(q?.name??"")})),!qe&&I.createElement(Ut,{size:32}),qe&&a?.customDestination&&I.createElement(xa,null,I.createElement(wa,{ref:v,selected:_,open:_,onOpenChange:be=>{be?O(H?.name??"")||le(tr=>tr.map(or=>or.chain===H?.name?{...or,selected:!1}:or)):ze()}},I.createElement(Sa,{onClick:()=>F(be=>!be)},I.createElement(va,{fullWidth:!0,variant:"default",suffix:I.createElement(ba,{orientation:_?"up":"down"},I.createElement(Zd,{size:10,color:"gray"}))},I.createElement("div",{className:"button__content"},I.createElement(tf,{size:18,color:"info"}),I.createElement(Ut,{size:4,direction:"horizontal"}),I.createElement(vn,{variant:"label",size:"medium"},Ze.t("Send to a different address"))))),I.createElement(rn,{open:_},I.createElement(I.Fragment,null,I.createElement(Ut,{size:4}),I.createElement(Aa,{autoFocus:!0,placeholder:Ze.t("Your destination address"),value:E,onChange:be=>{$(be.target.value)}})))),ge&&I.createElement("div",{className:"alarms"},I.createElement(Zr,{variant:"alarm",type:"error",title:Ze.t({values:{destination:E},id:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}s(_l,"ConfirmWalletsModal");import{calculatePendingSwap as lf}from"@rango-dev/queue-manager-rango-preset";import{useEffect as pf}from"react";function Rr(){let{fromToken:t,toToken:e,inputAmount:o,setQuote:n,resetQuote:r,quote:i,customDestination:a,setQuoteWarningsConfirmed:l}=P(),{slippage:p,customSlippage:u,affiliatePercent:m,affiliateRef:c,affiliateWallets:S,disabledLiquiditySources:f}=D(),{connectedWallets:y}=V(),x=T().blockchains(),g=T().tokens(),{experimental:w}=T().config,d=u||p,{fetch:k,cancelFetch:h,loading:C}=dn();return pf(()=>h,[]),{loading:C,fetch:s(async B=>{let E=B.selectedWallets,$=B?.customDestination??a;if(!t||!e||!o||!i)return{quote:null,swap:null,error:null,warnings:null};let _=on({fromToken:t,toToken:e,inputAmount:o,wallets:y,selectedWallets:E,disabledLiquiditySources:f,slippage:d,affiliateRef:c,affiliatePercent:m,affiliateWallets:S,initialQuote:i,destination:$});w?.routing&&(_.experimental=!0);let F;try{F=await k(_).then(O=>cn(O)),n(F)}catch(O){let Z=mn(O);return(Z.error?.type===0||Z.error?.type===1)&&r(),Z}let v={slippage:d.toString(),disabledSwappersGroups:f},z=lf(o.toString(),F,Js(E),v,!1,{blockchains:x,tokens:g}),H=ul(i,F,{fromToken:t,toToken:e,tokens:g,selectedWallets:E,userSlippage:d});return H.quoteUpdate&&l(!1),{quote:F,swap:z,error:null,warnings:H}},"fetch"),cancelFetch:h}}s(Rr,"useConfirmSwap");var Sf=zl("div",{position:"relative",width:"100%","& .description":{display:"flex",justifyContent:"space-between",alignItems:"center",paddingBottom:"$10"},"& .icon":{width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"}}),Cf=zl("div",{width:"100%",display:"flex",justifyContent:"space-between","& .confirm-button":{flexGrow:1,paddingRight:"$10"},[`& ${Ul}`]:{width:"$48",height:"$48"}});function ql(){let{quote:t,setInputAmount:e,selectedWallets:o,quoteWalletsConfirmed:n,setQuoteWalletConfirmed:r,customDestination:i,quoteWarningsConfirmed:a}=P(),l=yf(),[p,u]=En(""),{connectedWallets:m}=V(),c=!n,[S,f]=En(!1),y=Ce.use.setSelectedSwap(),{manager:x}=uf(),{fetch:g,loading:w,cancelFetch:d}=Rr(),[k,h]=En({swap:null,error:null,warnings:null}),[C,A]=En(!1),B=s(async({selectedWallets:v,customDestination:z})=>{let H=await g?.({selectedWallets:v,customDestination:z});return h(H),H},"onConfirmSwap"),E=s(async()=>{if(k.swap&&n)try{await x?.create("swap",{swapDetails:k.swap},{id:k.swap.requestId}),y(k.swap.requestId);let v=`../${L.swaps}/${k.swap.requestId}`;l(v,{replace:!0}),setTimeout(()=>{e("")},0)}catch(v){u("Error: "+v?.message)}},"addNewSwap"),$=s(async()=>{await E()},"onConfirm"),_=s(async()=>{k?.warnings?.quote&&!a?A(!0):await $()},"onStartConfirmSwap"),F=s(async()=>{h({error:null,swap:null,warnings:null}),g({selectedWallets:o}).then(v=>{h(v)}).catch(v=>console.error(v))},"onRefresh");return bn(()=>{c&&d()},[c]),bn(()=>{c&&f(c)},[c]),bn(()=>{c||g({selectedWallets:o,customDestination:i}).then(v=>h(v)).catch(v=>console.error(v))},[]),bn(()=>{let v=k.warnings?.quote?.type&&Object.values(nt).includes(k.warnings?.quote?.type),z=o.length<1||!o.every(O=>m.find(Z=>O.address===Z.address&&O.walletType===Z.walletType&&O.chain===Z.chain)),H=!1;if(v){let O=jo(t),Z=t?.result?.swaps[t.result.swaps.length-1].to.blockchain;!!t?.result?.swaps.find(ne=>ne.from.blockchain===Z)||(O=O.slice(-O.length,O.length-1)),O.every(ne=>o.find(ge=>ge.chain===ne))||(H=!0)}t&&(z||H)&&(queueMicrotask(()=>hf(f.bind(null,!0))),r(!1))},[k.warnings?.quote,o.length,m.length]),Y.createElement(j,{header:{title:xn.t("Confirm Swap"),onWallet:()=>{let v=`../${L.wallets}`;l(v)},suffix:Y.createElement(df,{container:R(),side:"bottom",content:xn.t("Settings")},Y.createElement(Le,{size:"small",variant:"ghost",onClick:()=>l("../"+L.settings)},Y.createElement(mf,{size:18,color:"black"})))},footer:Y.createElement(Cf,null,Y.createElement("div",{className:"confirm-button"},Y.createElement(Fl,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:w,disabled:!!k.error,onClick:_},xn.t("Start Swap"))),Y.createElement(Ul,{variant:"contained",type:"primary",size:"large",loading:w,onClick:f.bind(null,!0)},Y.createElement(gf,{size:24})))},S&&Y.createElement(_l,{open:S,onClose:()=>f(!1),onCancel:d,loading:w,onCheckBalance:B}),Y.createElement(Sf,null,Y.createElement("div",{className:"description"},Y.createElement(ff,{variant:"title",size:"small"},xn.t("You get")),Y.createElement(Fl,{style:{padding:"0"},variant:"ghost",disabled:w,onClick:F},Y.createElement("div",{className:"icon"},Y.createElement(cf,{size:16})))),p&&Y.createElement(Y.Fragment,null,Y.createElement(Dl,{type:"error",variant:"alarm",title:p}),Y.createElement(Ol,{size:12})),k.warnings?.quoteUpdate&&Y.createElement(Y.Fragment,null,Y.createElement(Dl,{variant:"alarm",type:"warning",title:k.warnings.quoteUpdate&&Sn(k.warnings.quoteUpdate)}),Y.createElement(Ol,{size:12})),Y.createElement(no,{quote:t,type:"swap-preview",expanded:!0,error:k.error,loading:w,warning:k.warnings?.quote??null,refetchQuote:F,showWarningModal:C,onOpenWarningModal:()=>A(!0),onCloseWarningModal:()=>A(!1),onConfirmWarningModal:async()=>{A(!1),await E()}})))}s(ql,"ConfirmSwapPage");import{i18n as In}from"@lingui/core";import{useManager as Ef}from"@rango-dev/queue-manager-react";import{Divider as Af,NotFound as If,styled as Jl}from"@rango-dev/ui";import ct,{useState as Wf}from"react";import{useNavigate as Nf}from"react-router-dom";import{CloseIcon as Tf,IconButton as wf,SearchIcon as vf,TextField as xf}from"@rango-dev/ui";import so from"react";import{styled as kf}from"@rango-dev/ui";var Gl=kf("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function Re(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:i,value:a,setValue:l,...p}=t;return so.createElement(xf,{prefix:so.createElement(Gl,null,so.createElement(vf,{color:"black"})),suffix:!!a.length&&so.createElement(wf,{variant:"ghost",onClick:()=>l?.(""),size:"small"},so.createElement(Tf,{color:"gray",size:10})),fullWidth:o,color:n,variant:e,style:{padding:10,borderRadius:25,alignItems:"center"},size:r,value:a,onChange:i,...p})}s(Re,"SearchInput");import{i18n as Ql}from"@lingui/core";import{Divider as Vl,SwapListItem as jl,Typography as Kl}from"@rango-dev/ui";import ee from"react";import{darkTheme as bf,styled as An}from"@rango-dev/ui";var ei=An("div",{width:"100%",display:"flex",flexDirection:"column",".group-title":{$$color:"$colors$neutral600",[`.${bf} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),ti=An("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),oi=An("div",{gap:"$10",display:"flex",flexDirection:"column"}),Hl=An("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});function ni(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,i=n?n(e):[{title:"History",swaps:e}];if(r){let a=[{},{}];return ee.createElement(ee.Fragment,null,[{title:"Today",swaps:a},{title:"Last month",swaps:a}].map(p=>ee.createElement(ee.Fragment,{key:p.title},ee.createElement(ei,null,ee.createElement(ti,null,ee.createElement(Kl,{variant:"label",size:"medium",className:"group-title"},Ql.t(p.title))),ee.createElement(Vl,{size:4}),ee.createElement(oi,null,p.swaps.map((u,m)=>{let c=m+p.title;return ee.createElement(ee.Fragment,{key:c},ee.createElement(jl,{isLoading:!0}))}))))))}return ee.createElement(ee.Fragment,null,i.filter(a=>a.swaps.length>0).map(a=>ee.createElement(ee.Fragment,{key:a.title},ee.createElement(ei,null,ee.createElement(ti,null,ee.createElement(Kl,{variant:"label",size:"medium",className:"group-title"},Ql.t(a.title))),ee.createElement(Vl,{size:4}),ee.createElement(oi,null,a.swaps.map(l=>{let p=l.steps[0],u=l.steps[l.steps.length-1];return ee.createElement(ee.Fragment,{key:l.requestId},ee.createElement(jl,{requestId:l.requestId,creationTime:l.creationTime,status:l.status,onClick:o,onlyShowTime:a.title==="Today",swapTokenData:{from:{token:{image:p.fromLogo,displayName:p.fromSymbol},blockchain:{image:p.fromBlockchainLogo||""},amount:No(l.inputAmount)},to:{token:{image:u.toLogo,displayName:u.toSymbol},blockchain:{image:u.toBlockchainLogo||""},amount:No(u.outputAmount||""),estimatedAmount:No(u.expectedOutputAmountHumanReadable||"")}}}))}))))))}s(ni,"SwapsGroup");import Xl from"dayjs";var Yl=s(t=>{let e=new Map([["today",{title:"Today",swaps:[]}],["month",{title:"Last month",swaps:[]}],["year",{title:"Last year",swaps:[]}],["history",{title:"History",swaps:[]}]]),o=Xl();return t.forEach(n=>{let r=Xl(Number(n.creationTime));o.isSame(r,"day")?e.get("today")?.swaps.push(n):o.isSame(r,"month")?e.get("month")?.swaps.push(n):o.isSame(r,"year")?e.get("year")?.swaps.push(n):e.get("history")?.swaps.push(n)}),Array.from(e.values())},"groupSwapsByDate");var zt=s(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");var Lf=Jl("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",height:"100%",gap:15}),Bf=Jl("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),Mf=s((t,e)=>t?.length?t.filter(o=>Ge(o.fromBlockchain,e)||Ge(o.toBlockchain,e)||Ge(o.toSymbol,e)||Ge(o.fromSymbol,e)).length:!1,"isStepContainsText");function Zl(){let t=Ce.use.setSelectedSwap(),e=Nf(),{manager:o,state:n}=Ef(),r=zt(o).map(({swap:c})=>c),[i,a]=Wf(""),l=!n.loadedFromPersistor,p=s(c=>{let S=c.target.value;a(S)},"searchHandler"),u=r;i&&(u=r.filter(c=>Ge(c.inputAmount,i)||Ge(c.status,i)||Mf(c.steps,i)||Ge(c.requestId,i)));let m=!u?.length&&!l;return ct.createElement(j,{header:{title:In.t("History")}},ct.createElement(Lf,null,ct.createElement(Re,{setValue:a,fullWidth:!0,variant:"contained",placeholder:In.t("Search Transaction"),autoFocus:!0,onChange:p,value:i}),ct.createElement(Bf,null,m&&ct.createElement(Hl,null,ct.createElement(Af,{size:32}),ct.createElement(If,{title:In.t("No results found"),description:i?In.t("Try using different keywords"):""})),!m&&ct.createElement(ni,{list:u,onSwapClick:c=>{t(c),e(c)},groupBy:Yl,isLoading:l}))))}s(Zl,"HistoryPage");import{i18n as Rl}from"@lingui/core";import{List as $f,ListItemButton as Pf,Radio as _f,RadioRoot as Df,Typography as Ff}from"@rango-dev/ui";import mt from"react";import{styled as Wn}from"@rango-dev/ui";var et=Wn("div",{height:"100%",overflow:"hidden"}),ao=Wn("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto"}),ri=Wn("div",{width:80,display:"flex",justifyContent:"flex-end"}),ii=Wn("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});function Nn(){let t=D.use.language(),e=D.use.setLanguage();return{activeLanguage:t,languages:Cs,defaultLanguage:Kt,changeLanguage:r=>e(r||Kt)}}s(Nn,"useLanguage");function ep(){let{activeLanguage:t,changeLanguage:e,languages:o}=Nn(),n=o.map(r=>{let{local:i,label:a,SVGFlag:l}=r;return{id:i,value:i,title:mt.createElement(Ff,{variant:"title",size:"xmedium"},a),onClick:()=>e(r.local),end:mt.createElement(_f,{value:i}),start:mt.createElement(l,null)}});return mt.createElement(j,{header:{title:Rl.t("Language")}},mt.createElement(et,null,mt.createElement(Df,{value:t},mt.createElement($f,{type:mt.createElement(Pf,{title:Rl.t("language"),id:"_",onClick:()=>console.log()}),items:n}))))}s(ep,"LanguagePage");import{i18n as qt}from"@lingui/core";import{Button as Gf,Checkbox as Hf,Image as Qf,ListItemButton as Vf,NotFound as jf,Typography as Kf}from"@rango-dev/ui";import Se,{useState as Xf}from"react";import{Checkbox as zf,Skeleton as op}from"@rango-dev/ui";import lo from"react";import{ListItem as Of,styled as Uf}from"@rango-dev/ui";var tp=Uf(Of,{height:61});var qf=30;function si(){return lo.createElement(ao,null,Array.from(Array(qf),t=>lo.createElement(tp,{hasDivider:!0,key:t,start:lo.createElement(op,{variant:"circular",width:35,height:35}),title:lo.createElement(op,{variant:"text",size:"large",width:90}),end:lo.createElement(zf,{checked:!1})})))}s(si,"LoadingLiquiditySourceList");function ai({sourceType:t}){let e=T().fetchStatus,o=T().swappers(),[n,r]=Xf(""),i=D.use.toggleLiquiditySource(),a=Do(o),l=[];t==="Exchanges"&&l.push("DEX"),t==="Bridges"&&(l.push("BRIDGE"),l.push("AGGREGATOR"));let p=a.filter(y=>l.includes(y.type)),u=p.length===p.filter(y=>y.selected).length,m=s(()=>{p.forEach(y=>{u?i(y.groupTitle):y.selected||i(y.groupTitle)})},"toggleAllSources"),c=p.map(y=>{let{selected:x,groupTitle:g,logo:w}=y;return{start:Se.createElement(Qf,{src:w,size:22,type:"circular"}),onClick:()=>i(g),end:Se.createElement(Hf,{checked:x}),title:Se.createElement(Kf,{variant:"title",size:"xmedium"},qt.t(g)),...y}}),S=s(y=>{let x=y.target.value;r(x)},"searchHandler"),f=c;return n&&(f=c.filter(y=>Ge(y.groupTitle,n))),Se.createElement(j,{header:{title:qt.t(t),suffix:Se.createElement(ri,null,Se.createElement(Gf,{variant:"ghost",size:"xsmall",onClick:m},qt.t(u?"Deselect all":"Select all")))}},Se.createElement(et,null,Se.createElement(Re,{value:n,setValue:r,fullWidth:!0,color:"light",variant:"contained",placeholder:qt.t("Search {sourceType}",{sourceType:t}),onChange:S}),e==="loading"&&Se.createElement(si,null),!f.length&&n?Se.createElement(ii,null,Se.createElement(jf,{title:qt.t("No results found"),description:qt.t("Try using different keywords")})):e==="success"&&Se.createElement(ao,null,f.map(y=>Se.createElement(Se.Fragment,{key:y.id},Se.createElement(Vf,{style:{height:"61px"},...y,selected:!1,hasDivider:!0}))))))}s(ai,"LiquiditySourcePage");import{i18n as up}from"@lingui/core";import{Divider as ci,SelectableCategoryList as rg}from"@rango-dev/ui";import vt,{useState as cp}from"react";import{i18n as pi}from"@lingui/core";import{Divider as lp,Image as Rf,ListItemButton as eg,NotFound as tg,Typography as pp}from"@rango-dev/ui";import Ne,{useEffect as og,useState as ng}from"react";import{BlockchainCategories as li}from"@rango-dev/ui";import{TransactionType as Ln}from"rango-sdk";var Yf=s((t,e)=>{switch(e){case li.ALL:return!0;case li.UTXO:return t.type===Ln.TRANSFER;case li.OTHER:return t.type!==Ln.TRANSFER&&t.type!==Ln.COSMOS&&t.type!==Ln.EVM;default:return t.type===e}},"filterByType"),np=s((t,e,o)=>t.filter(n=>Yf(n,o)).filter(n=>gt(n.name,e)||gt(n.displayName,e)),"filterBlockchains");import{styled as rp}from"@rango-dev/ui";var ip=rp("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),Bn=rp("ul",{padding:0,margin:0,listStyle:"none",overflowY:"auto",paddingRight:"$5",".image-container":{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as Jf,Skeleton as sp}from"@rango-dev/ui";import Mn from"react";var Zf=20;function ap(){return Mn.createElement(Bn,null,Array.from(Array(Zf),t=>Mn.createElement(Jf,{key:t,hasDivider:!0,start:Mn.createElement(sp,{variant:"circular",width:35,height:35}),title:Mn.createElement(sp,{variant:"text",size:"large",width:90})})))}s(ap,"LoadingBlockchainList");function ui(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[i,a]=ng(e),{fetchStatus:l}=T();og(()=>{a([...np(e,o,r)])},[e,o,r]);let p=s(()=>!i.length&&o?Ne.createElement(Ne.Fragment,null,Ne.createElement(lp,{size:32}),Ne.createElement(tg,{title:pi.t("No results found"),description:pi.t("Try using different keywords")})):Ne.createElement(Bn,{key:`${r}-${o}`},i.map(u=>Ne.createElement(eg,{key:`${u.name}-${u.chainId}`,hasDivider:!0,onClick:()=>n(u),start:Ne.createElement(Rf,{src:u.logo,size:30}),title:Ne.createElement(pp,{variant:"title",size:"medium"},u.displayName),id:u.chainId}))),"renderList");return Ne.createElement(ip,null,Ne.createElement(pp,{variant:"label",size:"large"},pi.t("Select Blockchain")),Ne.createElement(lp,{size:4}),l==="loading"&&Ne.createElement(ap,null),l==="success"&&p())}s(ui,"BlockchainList");function mi(t){let{type:e}=t,o=ot(),[n,r]=cp(""),[i,a]=cp("ALL"),l=P.use.setToBlockchain(),p=P.use.setFromBlockchain(),u=T().fetchStatus,m=T().blockchains({type:e});return vt.createElement(j,{header:{title:up.t("Select Blockchain")}},vt.createElement(ci,{size:12}),vt.createElement(rg,{setCategory:a,category:i,blockchains:m,isLoading:u==="loading"}),vt.createElement(ci,{size:24}),vt.createElement(Re,{value:n,autoFocus:!0,placeholder:up.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:c=>r(c.target.value)}),vt.createElement(ci,{size:16}),vt.createElement(ui,{list:m,searchedFor:n,blockchainCategory:i,onChange:c=>{e==="source"?p(c):l(c),o()}}))}s(mi,"SelectBlockchainPage");import{i18n as Np}from"@lingui/core";import{Divider as Lp}from"@rango-dev/ui";import Gt,{useState as Tg}from"react";import{useNavigate as wg}from"react-router-dom";import{i18n as gi}from"@lingui/core";import{BlockchainsChip as $n,Divider as gp,Image as hp,Skeleton as pg,Typography as hi}from"@rango-dev/ui";import fe from"react";import{useEffect as ag}from"react";var mp=["ETH","COSMOS","OSMOSIS"];function di(t,e,o){let n=JSON.parse(JSON.stringify(t)),r=[];if(n.sort(ig),o?.limit&&t.length>o.limit){let i=o.limit,a=e;if(e.length<=o.limit){let l=o.limit-e.length;for(let p=0;p<=l;p++){let u=n[p];a=a.filter(m=>u.name!==m)}}n.sort(sg(a)),r=n.splice(i)}return{list:n,more:r}}s(di,"prepare");function ig(t,e){let o=mp,n=o.findIndex(l=>l===t.name),r=o.findIndex(l=>l===e.name),i=n>-1,a=r>-1;return i&&a?n>r?1:-1:i?-1:a?1:0}s(ig,"sortByMostUsedBlockchains");function sg(t){return s(function(o,n){let r=t.findIndex(p=>p===o.name),i=t.findIndex(p=>p===n.name),a=r>-1,l=i>-1;return a&&l?r>i?1:-1:t.includes(o.name)?-1:t.includes(n.name)?1:0},"sortByPreferred")}s(sg,"generateSortByPreferredBlockchainsFor");function dp(t,e){return!!e.list.find(o=>o.name===t)}s(dp,"isInVisibleList");function fi(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=D();ag(()=>{if(e?.selected){let i=di(t,o,e);dp(e.selected,i)||n(e?.selected)}},[e?.selected]);let r=di(t,o,e);return{list:r.list,more:r.more,history:[]}}s(fi,"usePrepareBlockchainList");import{styled as lg}from"@rango-dev/ui";var fp=lg("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var ug=12;function yi(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:i}=t,a=fi(e,{limit:10,selected:n?.name}),{fetchStatus:l}=T(),p=P.use.resetToBlockchain(),u=P.use.resetFromBlockchain(),m=a.more.length>0,c=a.more.length===1,S=!c&&m;return fe.createElement("div",null,fe.createElement(gp,{size:12}),fe.createElement(hi,{variant:"label",size:"large"},gi.t("Select Blockchain")),fe.createElement(gp,{size:12}),fe.createElement(fp,null,l==="loading"&&Array.from(Array(ug),f=>fe.createElement(pg,{key:f,variant:"rounded",height:50})),l==="success"&&fe.createElement(fe.Fragment,null,fe.createElement($n,{selected:!n,onClick:()=>{o==="from"?u():p()}},fe.createElement(hi,{variant:"body",size:"xsmall",color:"secondary500"},gi.t("All"))),a.list.map(f=>fe.createElement($n,{key:f.name,selected:!!n&&n.name===f.name,onClick:()=>r(f)},fe.createElement(hp,{src:f.logo,size:30}))),c?fe.createElement($n,{key:a.more[0].name,selected:!!n&&n.name===a.more[0].name,onClick:()=>r(a.more[0])},fe.createElement(hp,{src:a.more[0].logo,size:30})):null,S?fe.createElement($n,{onClick:i,key:"more-blockchains"},fe.createElement(hi,{variant:"body",size:"xsmall",color:"secondary500"},gi._("More +{count}",{count:a.more.length}))):null)))}s(yi,"BlockchainsSection");import{i18n as wi}from"@lingui/core";import{darkTheme as bp,Divider as uo,ExternalLinkIcon as dg,Image as fg,ListItemButton as gg,NotFound as hg,PinIcon as yg,Skeleton as Ep,Typography as co,VirtualizedList as Sg}from"@rango-dev/ui";import M,{forwardRef as Cg,useEffect as Ap,useState as Ip}from"react";var yp=s((t,e)=>{t=t.replace(/^#/,""),t.length===3&&(t=t[0]+t[0]+t[1]+t[1]+t[2]+t[2]);let[i,a,l]=t.match(/.{2}/g);[i,a,l]=[parseInt(i,16)+e,parseInt(a,16)+e,parseInt(l,16)+e],i=Math.max(Math.min(255,i),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=(i.length<2?"0":"")+i,u=(a.length<2?"0":"")+a,m=(l.length<2?"0":"")+l;return`#${p}${u}${m}`},"colorShade"),Pn=s((t,e)=>{let a={[t]:e};for(let l=1;l<10;l++)l<5&&(a={...a,[t+l*100]:yp(e,(5-l)*25)}),l===5&&(a={...a,[t+l*100]:e}),l>5&&(a={...a,[t+l*100]:yp(e,-((l-5)*25))});return a},"generateRangeColors"),Si=s((t,e,o)=>{if(!o||!Object.entries(o).length)return{};let n=!1,r={...t};for(let i in o){let a=o[i];if(a&&a!==t[i])if(n=!0,i==="background"||i==="foreground")r={...r,[i]:a};else if(i==="neutral"&&e){let l=Pn(i,a);r={...r,[`${i}100`]:l[`${i}900`],[`${i}200`]:l[`${i}800`],[`${i}300`]:l[`${i}700`],[`${i}400`]:l[`${i}600`],[`${i}500`]:l[`${i}500`],[`${i}600`]:l[`${i}400`],[`${i}700`]:l[`${i}300`],[`${i}800`]:l[`${i}200`],[`${i}900`]:l[`${i}100`]}}else r={...r,...Pn(i,a)}}return n?r:{}},"generateColors");import{Divider as vp,ListItem as mg,Skeleton as po}from"@rango-dev/ui";import Ue from"react";import{darkTheme as Sp,styled as Ke,Typography as cg}from"@rango-dev/ui";var Cp=Ke("div",{display:"flex",flexDirection:"column",flexGrow:1}),Ci=Ke("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),_n=Ke("ul",{flexGrow:1,padding:0,margin:0,listStyle:"none","& li":{alignItems:"none",".description":{position:"relative",height:12,width:150,".token-title":{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",bottom:"-8px"},".token-address":{transform:"translateY(12px)",visibility:"hidden","& a":{fontSize:"$12",lineHeight:"$16",$$color:"$colors$neutral600",[`.${Sp} &`]:{$$color:"$colors$neutral700"},color:"$$color",textDecoration:"none"}},".token-name":{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}},"&:hover":{".description":{".token-address":{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",visibility:"visible"},".token-address-without-name":{bottom:"-15px"},".token-name":{position:"absolute",transform:"translateY(-12px)",visibility:"hidden"},".token-title":{position:"absolute",transform:"translateY(-12px)",bottom:"-10px"}}}}}),ki=Ke("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),Ti=Ke(cg,{}),kp=Ke("div",{textAlign:"right",".usd-value":{$$color:"$colors$neutral600",[`.${Sp} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Dn=Ke("ul",{display:"flex",alignItems:"end",flexDirection:"column"}),aW=Ke("div",{display:"flex",alignItems:"center"}),Tp=Ke("div",{position:"relative",".image-container":{borderRadius:"$xm",overflow:"hidden"}}),wp=Ke("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6});function xp(t){return Ue.createElement(_n,null,Array.from(Array(t.size),e=>Ue.createElement(mg,{key:e,hasDivider:!0,start:Ue.createElement(po,{variant:"circular",width:35,height:35}),end:Ue.createElement(Dn,null,Ue.createElement(po,{variant:"text",size:"large",width:70}),Ue.createElement(vp,{size:4}),Ue.createElement(po,{variant:"text",size:"medium",width:50})),title:Ue.createElement("div",null,Ue.createElement(po,{variant:"text",size:"large",width:90}),Ue.createElement(vp,{size:4}),Ue.createElement(po,{variant:"text",size:"medium",width:90}))})))}s(xp,"LoadingTokenList");var vi=20,kg=s(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:i,customCssForTagTitle:a}=t,l=e.length;return M.createElement("div",{className:"description"},o?M.createElement("div",{className:"token-name"},o):M.createElement(Ci,{className:"token-title"},M.createElement(co,{variant:"title",size:"xmedium"},r.symbol),M.createElement(uo,{direction:"horizontal",size:4}),M.createElement(ki,{css:i},M.createElement(Ti,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&M.createElement("div",{className:`token-address ${!o&&"token-address-without-name"}`},M.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," ",M.createElement(dg,{color:"gray",size:12}))))},"renderDesc");function Wp(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[i,a]=Ip(e),l=T().fetchStatus,p=T().blockchains(),[u,m]=Ip(!0),c=V.use.loading(),{isTokenPinned:S}=T(),f=Cg((g,w)=>M.createElement("div",{...g,ref:w,style:{...g.style,height:`${parseFloat(g.style?.height)+8*2}px`}})),y=s(()=>{a(e.slice(0,i.length+vi))},"loadNextPage");Ap(()=>{m(e.length>i.length)},[i.length]),Ap(()=>{a(e.slice(0,vi))},[e]);let x=s(()=>!i.length&&o?M.createElement(M.Fragment,null,M.createElement(uo,{size:32}),M.createElement(hg,{title:wi.t("No results found"),description:wi.t("Try using different keywords")})):M.createElement(Sg,{Item:({index:g,style:w})=>{let d=i[g],k=d.address||"",h=p.find(E=>E.name===d.blockchain),C=Pn(d.symbol,h?.color||""),A={$$color:C[`${d.symbol}100`],[`.${bp} &`]:{$$color:C[`${d.symbol}900`]},backgroundColor:"$$color"},B={$$color:C[`${d.symbol}700`],[`.${bp} &`]:{$$color:C[`${d.symbol}100`]},color:"$$color"};return M.createElement("div",{style:{...w,paddingRight:5}},M.createElement(gg,{style:{height:w?.height},"tab-index":g,key:`${d.symbol}${d.address}`,id:`${d.symbol}${d.address}`,hasDivider:!0,onClick:()=>n(i[g]),start:M.createElement(Tp,null,M.createElement(fg,{src:d.image,size:30}),S(d)&&M.createElement(wp,null,M.createElement(yg,{size:12,color:"gray"}))),title:h?.type==="COSMOS"||d.name||!d.name&&!k?M.createElement(Ci,null,M.createElement(co,{variant:"title",size:"xmedium"},d.symbol),M.createElement(uo,{direction:"horizontal",size:4}),M.createElement(ki,{css:A},M.createElement(Ti,{variant:"body",size:"xsmall",css:B},d.blockchain))):void 0,description:h?.info&&k&&h.type!=="COSMOS"?kg({address:k,token:i[g],customCssForTag:A,customCssForTagTitle:B,name:d.name,url:h.info.addressUrl.split("{wallet}").join(k)}):d.name||void 0,end:c?M.createElement(Dn,null,M.createElement(Ep,{variant:"text",size:"large",width:70}),M.createElement(uo,{size:4}),M.createElement(Ep,{variant:"text",size:"medium",width:50})):i[g]?.balance&&M.createElement(kp,null,M.createElement(co,{variant:"title",size:"small"},d.balance?.amount),M.createElement("div",null),d.balance?.usdValue&&M.createElement(co,{variant:"body",className:"usd-value",size:"xsmall"},`$${d.balance?.usdValue}`))}))},hasNextPage:u,itemCount:i.length,loadNextPage:y,innerElementType:f,size:60,key:`${r}-${o}`}),"renderList");return M.createElement(Cp,null,M.createElement(co,{variant:"label",size:"large"},wi.t("Select Token")),M.createElement(uo,{size:4}),l==="loading"&&M.createElement(xp,{size:vi}),l==="success"&&M.createElement(_n,null,x()))}s(Wp,"TokenList");function xi(t){let{type:e}=t,o=wg(),n=ot(),{fromBlockchain:r,toBlockchain:i,setFromToken:a,setToToken:l,setFromBlockchain:p,setToBlockchain:u}=P(),{connectedWallets:m}=V(),[c,S]=Tg(""),y=(e==="source"?r:i)?.name??"",x=T().blockchains({type:e}),g=T().tokens({type:e,blockchain:y,searchFor:c}),w=ms(g,m),d=s(h=>{e==="source"?p(h):u(h)},"updateBlockchain"),k=s(h=>{e==="source"?a({token:h,meta:{blockchains:x,tokens:g}}):l({token:h,meta:{blockchains:x,tokens:g}})},"updateToken");return Gt.createElement(j,{header:{title:Np.t("Swap {type}",{type:e})}},Gt.createElement(yi,{blockchains:x,type:e=="source"?"from":"to",blockchain:e==="source"?r:i,onMoreClick:()=>o(L.blockchains),onChange:h=>{d(h)}}),Gt.createElement(Lp,{size:24}),Gt.createElement(Re,{value:c,autoFocus:!0,placeholder:Np.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>S(""),onChange:h=>S(h.target.value)}),Gt.createElement(Lp,{size:16}),Gt.createElement(Wp,{list:w,selectedBlockchain:y,searchedFor:c,onChange:h=>{k(h);let C=x.find(A=>h.blockchain===A.name);C&&d(C),n()}}))}s(xi,"SelectSwapItemsPage");import{i18n as xt}from"@lingui/core";import{ChevronRightIcon as Ai,Divider as Ii,InfoIcon as Ig,List as Wg,ListItemButton as Ng,Skeleton as Lg,Switch as Bg,Tooltip as Mg,Typography as bt}from"@rango-dev/ui";import Q from"react";import{useNavigate as $g}from"react-router-dom";import{i18n as _p}from"@lingui/core";import{Chip as xg,Divider as Dp,InfoIcon as bg,TextField as Eg,Tooltip as Ag,Typography as Fp}from"@rango-dev/ui";import Te from"react";import{styled as Fn}from"@rango-dev/ui";var Bp=Fn("div",{paddingTop:"$5",paddingBottom:"30px"}),Mp=Fn("div",{display:"flex",alignItems:"center",justifyContent:"start"}),$p=Fn("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),On=Fn("div",{maxWidth:"300px",padding:"$10"});import{i18n as bi}from"@lingui/core";import{Typography as vg}from"@rango-dev/ui";import mo from"react";function Pp(){return mo.createElement(On,null,mo.createElement(vg,{variant:"label",size:"medium",color:"neutral700"},bi.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),mo.createElement("br",null),mo.createElement("br",null),mo.createElement("b",null,bi.t("Warning")),":",bi.t("This setting is applied per step, e.g. 1Inch, Thorchain, etc. and only that step will be reverted, not the whole transaction")))}s(Pp,"SlippageTooltipContent");function Ei(){let t=D.use.slippage(),e=D.use.setSlippage(),o=D.use.customSlippage(),n=D.use.setCustomSlippage();return Te.createElement(Bp,null,Te.createElement($p,null,Te.createElement(Fp,{variant:"title",size:"xmedium"},_p.t("Slippage tolerance per swap")),Te.createElement(Dp,{direction:"horizontal",size:4}),Te.createElement(Ag,{container:R(),side:"top",content:Te.createElement(Pp,null)},Te.createElement(bg,{color:"gray"}))),Te.createElement(Mp,null,ks.map((r,i)=>{let a=`slippage-${i}`;return Te.createElement(Te.Fragment,null,Te.createElement(xg,{style:{width:"64px",flexShrink:0},key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`}),Te.createElement(Dp,{direction:"horizontal",size:8}))}),Te.createElement(Eg,{type:"number",min:"0.01",max:"30",step:"0.01",fullWidth:!0,variant:"contained",value:o||"",color:"dark",onChange:r=>{let i=parseFloat(r.target.value);(!i||i>=xs&&i<=vs)&&n(i)},suffix:o&&Te.createElement(Fp,{variant:"body",size:"small"},"%"),placeholder:_p.t("Custom")})))}s(Ei,"Slippage");function Op(){let t=$g(),{theme:e}=T().config,o=T().fetchStatus,n=T().swappers(),r=D.use.infiniteApprove(),i=D.use.toggleInfiniteApprove(),a=Do(n),l=a.filter(k=>k.type==="BRIDGE"||k.type==="AGGREGATOR"),p=l.length,u=l.filter(k=>k.selected).length,m=a.filter(k=>k.type==="DEX"),c=m.length,S=m.filter(k=>k.selected).length,f=s((k,h)=>{switch(o){case"loading":return Q.createElement(Lg,{variant:"text",size:"medium",width:50});case"failed":return Q.createElement(bt,{variant:"body",size:"medium",color:"$error500"},xt.t("Loading failed"));default:return Q.createElement(bt,{variant:"body",size:"medium"},`${k} / ${h}`)}},"handleEndItem"),y={id:"bridge-item",title:Q.createElement(bt,{variant:"title",size:"xmedium"},xt.t("Enabled bridges")),end:Q.createElement(Q.Fragment,null,f(u,p),Q.createElement(Ii,{direction:"horizontal",size:8}),Q.createElement(Ai,{color:"black"})),onClick:()=>t(L.bridges)},x={id:"exchange-item",title:Q.createElement(bt,{variant:"title",size:"xmedium"},xt.t("Enabled exchanges")),end:Q.createElement(Q.Fragment,null,f(S,c),Q.createElement(Ii,{direction:"horizontal",size:8}),Q.createElement(Ai,{color:"gray"})),onClick:()=>t(L.exchanges)},g={id:"theme-item",title:Q.createElement(bt,{variant:"title",size:"xmedium"},xt.t("Theme")),end:Q.createElement(Ai,{color:"gray"}),onClick:()=>t(L.themes)},w={id:"infinite-approval-item",title:Q.createElement(Q.Fragment,null,Q.createElement(bt,{variant:"title",size:"xmedium"},xt.t("Infinite Approval")),Q.createElement(Ii,{direction:"horizontal",size:4}),Q.createElement(Mg,{side:"top",container:R(),content:Q.createElement(On,null,Q.createElement(bt,{variant:"label",size:"medium",color:"neutral700"},xt.t("Enabling the 'Infinite Approval' mode grants unrestricted access to smart contracts of DEXes/Bridges, allowing them to utilize the approved token amount without limitations.")))},Q.createElement(Ig,{color:"gray"}))),end:Q.createElement(Bg,{checked:r}),onClick:i},d=[y,x];return e?.singleTheme||d.push(g),d.push(w),Q.createElement(j,{header:{title:xt.t("Setting")}},Q.createElement(et,null,Q.createElement(Ei,null),Q.createElement(Wg,{type:Q.createElement(Ng,{title:"_",id:"_",onClick:()=>console.log()}),items:d})))}s(Op,"SettingsPage");import{cancelSwap as Ih}from"@rango-dev/queue-manager-rango-preset";import{useManager as Wh}from"@rango-dev/queue-manager-react";import yu from"react";import{i18n as tt}from"@lingui/core";import{getCurrentBlockchainOfOrNull as ph,getCurrentStep as uh,getRelatedWalletOrNull as ch,PendingSwapNetworkStatus as Xn}from"@rango-dev/queue-manager-rango-preset";import{Button as pu,CopyIcon as mh,Divider as dh,IconButton as fh,QuoteCost as gh,StepDetails as hh,Typography as Qt,useCopyToClipboard as yh}from"@rango-dev/ui";import{useWallets as Sh}from"@rango-dev/wallets-react";import K,{useEffect as uu,useRef as Ch,useState as cu}from"react";import{useNavigate as kh}from"react-router-dom";import{i18n as we}from"@lingui/core";var Pg=1e3,_g=31536e3,Dg=2592e3,Fg=86400,Og=3600,Ug=60;function Up(t){let e=Math.floor((Date.now()-t)/Pg),n=[{turningPoint:_g,label:we.t("year"),pluralLabel:we.t("years")},{turningPoint:Dg,label:we.t("month"),pluralLabel:we.t("months")},{turningPoint:Fg,label:we.t("day"),pluralLabel:we.t("days")},{turningPoint:Og,label:we.t("hour"),pluralLabel:we.t("hours")},{turningPoint:Ug,label:we.t("minute"),pluralLabel:we.t("minutes")}].sort((r,i)=>i.turningPoint-r.turningPoint);for(let r of n){let{turningPoint:i,label:a,pluralLabel:l}=r,p=Math.floor(e/i);if(p>1)return`${p} ${l}`;if(p===1)return`${p} ${a}`}return e>1?`${e} ${we.t("seconds")}`:`${e} ${we.t("second")}`}s(Up,"timeSince");function zp(t){return t.finishTime?we.t({id:"{time} ago",values:{time:Up(parseInt(t.finishTime))}}):we.t({id:"{time} ago",values:{time:Up(parseInt(t.creationTime))}})}s(zp,"getSwapDate");import{PendingSwapNetworkStatus as qn}from"@rango-dev/queue-manager-rango-preset";import{Modal as jg}from"@rango-dev/ui";import Gn from"react";import{i18n as Un}from"@lingui/core";import{Button as qp,Divider as Wi,MessageBox as zg,Typography as Gp}from"@rango-dev/ui";import Xe from"react";var Hp=s(({onCancel:t,onClose:e})=>Xe.createElement(Xe.Fragment,null,Xe.createElement(Wi,{size:20}),Xe.createElement(zg,{type:"error",title:Un.t("Transaction Cancel"),description:Un.t("Are you sure you want to Cancel this swap?")}),Xe.createElement(Wi,{size:32}),Xe.createElement(qp,{variant:"contained",type:"primary",size:"large",onClick:t},Xe.createElement(Gp,{variant:"title",size:"medium",color:"neutral100"},Un.t("Yes, Cancel it"))),Xe.createElement(Wi,{size:12}),Xe.createElement(qp,{variant:"outlined",type:"primary",size:"large",onClick:e},Xe.createElement(Gp,{variant:"title",size:"medium",color:"primary"},Un.t("No, Continue")))),"CancelContent");import{i18n as zn}from"@lingui/core";import{Button as Qp,Divider as Ni,MessageBox as qg,Typography as Vp}from"@rango-dev/ui";import Ye from"react";var jp=s(({onDelete:t,onClose:e})=>Ye.createElement(Ye.Fragment,null,Ye.createElement(Ni,{size:20}),Ye.createElement(qg,{type:"error",title:zn.t("Delete Transaction"),description:zn.t("Are you sure you want to delete this swap?")}),Ye.createElement(Ni,{size:32}),Ye.createElement(Qp,{variant:"contained",type:"primary",size:"large",onClick:t},Ye.createElement(Vp,{variant:"title",size:"medium",color:"neutral100"},zn.t("Yes, Delete it"))),Ye.createElement(Ni,{size:12}),Ye.createElement(Qp,{variant:"outlined",type:"primary",size:"large",onClick:e},Ye.createElement(Vp,{variant:"title",size:"medium",color:"primary"},zn.t("No, Cancel")))),"DeleteContent");import{i18n as Li}from"@lingui/core";import{PendingSwapNetworkStatus as Bi}from"@rango-dev/queue-manager-rango-preset";var Mi={[Bi.WaitingForNetworkChange]:{type:"loading",title:Li.t("Change Network")},[Bi.WaitingForConnectingWallet]:{type:"warning",title:Li.t("Connect Wallet")},[Bi.NetworkChanged]:{type:"success",title:Li.t("Network Changed")}};import{MessageBox as Hg,Wallet as Qg,WalletState as Xp}from"@rango-dev/ui";import{useWallets as Vg}from"@rango-dev/wallets-react";import fo from"react";import{styled as Gg}from"@rango-dev/ui";var Kp=Gg("div",{display:"flex",justifyContent:"center"});var Yp=s(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:i}=t,{connect:a,getWalletInfo:l,state:p}=Vg(),u=n?.walletType,c=u&&p(u).connected?Xp.CONNECTED:Xp.DISCONNECTED;return fo.createElement(fo.Fragment,null,fo.createElement(Hg,{type:e,title:o,description:r}),i&&u&&fo.createElement(Kp,null,fo.createElement(Qg,{container:R(),title:l(u).name,image:l(u).img,type:u,state:c,onClick:async()=>a(u)})))},"WalletStateContent");function $i(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:i,message:a}=t,l=e===qn.WaitingForNetworkChange||e===qn.WaitingForConnectingWallet||e===qn.NetworkChanged;return Gn.createElement(jg,{open:!!e,onClose:o,container:document.getElementById("swap-box")||document.body},l&&Gn.createElement(Yp,{type:Mi[e].type,title:Mi[e].title,currentStepWallet:i,message:a,showWalletButton:e!==qn.WaitingForNetworkChange}),e==="delete"&&Gn.createElement(jp,{onClose:o,onDelete:n}),e==="cancel"&&Gn.createElement(Hp,{onClose:o,onCancel:r}))}s($i,"SwapDetailsModal");import{i18n as go}from"@lingui/core";import{Button as Pi,Divider as Hn,MessageBox as Jp,Modal as Kg,TokenAmount as Xg,Typography as Qn}from"@rango-dev/ui";import ce from"react";import{useNavigate as Yg}from"react-router-dom";function _i(t){let{open:e,onClose:o,status:n,priceValue:r,usdValue:i,token:a,chain:l,percentageChange:p,description:u,diagnosisUrl:m}=t,c=Yg();return ce.createElement(Kg,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},n==="success"?ce.createElement(Jp,{type:"success",title:go.t("Swap Successful")},ce.createElement(Xg,{direction:"vertical",type:"output",centerAlign:!0,price:{value:r,usdValue:i},token:a,chain:l,percentageChange:p}),ce.createElement(Hn,{size:12}),ce.createElement(Qn,{variant:"body",size:"medium",color:"neutral700",align:"center"},u)):ce.createElement(Jp,{type:"error",title:go.t("Transaction Failed"),description:u}),ce.createElement(Hn,{size:32}),n==="success"&&ce.createElement(Pi,{variant:"contained",type:"primary",size:"large",onClick:()=>{c("../../")}},ce.createElement(Qn,{variant:"title",size:"medium",color:"neutral100"},go.t("Done"))),ce.createElement(Hn,{size:12}),m&&ce.createElement(ce.Fragment,null,ce.createElement(Pi,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(m,"_blank")},ce.createElement(Qn,{variant:"title",size:"medium",color:"primary"},go.t("Diagnosis"))),ce.createElement(Hn,{size:12})),ce.createElement(Pi,{variant:"outlined",type:"primary",size:"large",onClick:o},ce.createElement(Qn,{variant:"title",size:"medium",color:"primary"},go.t("See Details"))))}s(_i,"SwapDetailsCompleteModal");import ah from"react";import{i18n as nh}from"@lingui/core";import{Alert as nu,IconButton as rh,LinkIcon as ih}from"@rango-dev/ui";import dt,{Fragment as sh}from"react";import{Alert as Jg,ChevronDownIcon as Zg,ChevronUpIcon as Rg,IconButton as eh}from"@rango-dev/ui";import Vn,{useState as th}from"react";function Zp(t){let{message:e}=t,[o,n]=th(!1);return Vn.createElement(Jg,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&Vn.createElement(eh,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?Vn.createElement(Rg,{size:12,color:"gray"}):Vn.createElement(Zg,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}s(Zp,"FailedAlert");import{styled as oh}from"@rango-dev/ui";var Rp=oh("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as eu}from"@lingui/core";import{PendingSwapNetworkStatus as Di}from"@rango-dev/queue-manager-rango-preset";import{Alert as Fi,Button as tu}from"@rango-dev/ui";import ho from"react";function ou(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?ho.createElement(Fi,{type:"warning",title:n.shortMessage,action:ho.createElement(tu,{size:"xxsmall",type:"warning",onClick:()=>{o(Di.WaitingForNetworkChange),e().catch(i=>{console.log(i)})}},eu.t("Change"))}):r===Di.WaitingForConnectingWallet?ho.createElement(Fi,{type:"warning",title:n.shortMessage,action:ho.createElement(tu,{size:"xxsmall",type:"warning",onClick:()=>{o(Di.WaitingForConnectingWallet)}},eu.t("Connect"))}):ho.createElement(Fi,{type:"warning",title:n.shortMessage})}s(ou,"WarningAlert");function Oi(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:i,hasAlreadyProceededToSign:a}=t,l=Yt(i),p=i.status==="waitingForApproval"&&!l,u=i.status==="running"&&!l;return dt.createElement(Rp,null,i.explorerUrl?.map((m,c,S)=>{let f=c+m.url,y=c===S.length-1,x=y&&u||p,g=y&&i.status==="failed";return dt.createElement(sh,{key:f},dt.createElement(nu,{type:x&&"loading"||g&&"error"||"success",title:m.description?`${m.description} Tx`:nh.t("View transaction"),action:m.url&&dt.createElement(rh,{variant:"ghost",size:"xsmall",onClick:()=>window.open(m.url,"_blank")},dt.createElement(ih,{size:16}))}))}),(u&&!a||p&&!i.explorerUrl?.length)&&dt.createElement(nu,{type:"loading",title:r.shortMessage}),i.status!=="failed"&&l&&dt.createElement(ou,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),i.status==="failed"&&dt.createElement(Zp,{message:r}))}s(Oi,"SwapDetailsAlerts");var ru=2e3;var iu=s(({swap:t,blockchains:e,...o})=>{let n=t.hasAlreadyProceededToSign!==!1;return t.steps.map((r,i)=>{let a=i===0?t.inputAmount:t.steps[i-1].outputAmount;return{from:{token:{displayName:r.fromSymbol,image:r.fromLogo??""},chain:{displayName:yr(r.fromBlockchain,e)??"",image:r.fromBlockchainLogo??""},price:{value:W(a,6,6)}},to:{token:{displayName:r.toSymbol,image:r.toLogo},chain:{displayName:yr(r.toBlockchain,e)??"",image:r.toBlockchainLogo??""},price:{value:W(r.outputAmount||r.expectedOutputAmountHumanReadable,6,6)}},swapper:{displayName:r.swapperId,image:r.swapperLogo??""},alerts:ah.createElement(Oi,{step:r,hasAlreadyProceededToSign:n,...o})}})},"getSteps");function su(t){if(Yt(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"}}s(su,"getStepState");import{darkTheme as lh,styled as Ht}from"@rango-dev/ui";var jn=Ht("div",{display:"flex",width:"100%",flexDirection:"column",alignItems:"center",height:"0",flexGrow:1,"& .row":{display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",padding:"$10 $20",borderBottom:"1px solid",$$color:"$colors$neutral300",[`.${lh} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color",color:"$neutral500"},"& .request-id":{display:"flex",justifyContent:"center",alignItems:"center",height:"$24"},"& .output":{display:"flex",width:"100%",padding:"$15 $20 $20",flexDirection:"column",alignItems:"start"},"& .title-steps":{textAlign:"left",width:"100%",padding:"0 $20 $10"}}),Kn=Ht("div",{width:"100%"}),au=Ht("div",{padding:"$0 $20 $20 $20",width:"100%",overflow:"auto"}),qL=Ht("div",{display:"flex",flexDirection:"column",gap:"$10"}),lu=Ht("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),GL=Ht("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1});function Ui(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:i,connect:a,getWalletInfo:l}=Sh(),p=T().blockchains(),u=T().tokens(),m=P.use.retry(),c=kh(),[S,f]=yh(ru),y=Ch(null),[x,g]=cu(null),[w,d]=cu(null),k=s(()=>{r(),g(null)},"onCancel"),h=We.use.getUnreadNotifications(),C=We.use.setAsRead(),A=h(),B=uh(e),E=B?.networkStatus;uu(()=>{A.find(se=>se.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(d(e.status),C(e.requestId))},[e.status]),uu(()=>{O?g(Xn.WaitingForNetworkChange):E===Xn.WaitingForConnectingWallet||E===Xn.NetworkChanged?g(E):g(null)},[E]);let $=oa(e),_=B?ph(e,B):null,F=B?ch(e,B):null,v=zp(e),z=na(e),H=s(q=>!!l(q)?.mobileWallet,"isMobileWallet"),O=E===Xn.WaitingForNetworkChange&&!!_&&!!F?.walletType&&(H(F.walletType)||i(F.walletType,_)),Z=O?a.bind(null,F.walletType,_):void 0,le=ta(e,B),te=iu({swap:e,switchNetwork:Z,showNetworkModal:E,setNetworkModal:g,message:le,blockchains:p}),ne=te.length,[ge,ze]=[e.steps[0],e.steps[ne-1]],ft=ze.outputAmount||ze.expectedOutputAmountHumanReadable,xo=e.steps.reduce((q,se)=>q+parseFloat(se.feeInUsd||""),0),er=e.steps.find(q=>q.diagnosisUrl)?.diagnosisUrl,Et=W(String(parseFloat(W(ft,6,6))*(Mo(ze.toBlockchain,ze.toSymbol,ze.toSymbolAddress,u)||0)),4,4),bo=W(String(parseFloat(e.inputAmount)*(Mo(ge.fromBlockchain,ge.fromSymbol,ge.fromSymbolAddress,u)||0)),4,4),U=Mt(bo,Et),X=e.status==="success"?tt.t({id:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:W(ft,6,6),token:te[ne-1].to.token.displayName,conciseAddress:Po(e.wallets[te[ne-1].to.chain.displayName]?.address||""),chain:te[ne-1].to.chain.displayName}}):`${tt.t("Transaction was not sent.")} ${$?tt.t({id:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:$.outputAmount,symbol:$.symbol,blockchain:$.blockchain}}):""}`;return K.createElement(j,{noPadding:!0,header:{title:tt.t("Swap and Bridge"),onCancel:e.status==="running"?()=>g("cancel"):void 0,suffix:e.status!=="running"&&K.createElement(Lt,null,K.createElement(pu,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>g("delete")},K.createElement(Qt,{size:"medium",variant:"label",color:"error"},tt.t("Delete"))))},footer:z&&!w&&K.createElement(pu,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{m(e,{blockchains:p,tokens:u}),setTimeout(()=>{c("../../")},0)}},tt.t("Try again"))},K.createElement(jn,null,K.createElement(Kn,null,K.createElement("div",{className:"row"},K.createElement(Qt,{variant:"label",size:"large",color:"neutral700"},`${tt.t("Request ID")}:`),K.createElement("div",{className:"request-id"},K.createElement(Qt,{variant:"label",size:"small",color:"neutral700"},o),K.createElement(fh,{variant:"ghost",onClick:f.bind(null,o||"")},K.createElement(mh,{size:16,color:"gray"})))),K.createElement("div",{className:"row"},K.createElement(Qt,{variant:"label",size:"large",color:"neutral700"},`${tt.t("Created at")}:`),K.createElement(Qt,{variant:"label",size:"small",color:"neutral700"},v))),K.createElement("div",{className:"output"},K.createElement(gh,{fee:W(String(xo),2,2),time:Io(Wo(e.steps)),steps:ne}),K.createElement(Zt,{from:{price:{value:W(e.inputAmount,6,6),usdValue:bo},token:{displayName:te[0].from.token.displayName,image:te[0].from.token.image},chain:{image:te[0].from.chain.image,displayName:te[0].from.chain.displayName}},to:{price:{value:W(ft,6,6),usdValue:Et},token:{displayName:te[ne-1].to.token.displayName,image:te[ne-1].to.token.image},chain:{image:te[ne-1].to.chain.image,displayName:te[ne-1].to.chain.displayName}},percentageChange:W(String(U),2,2),warningLevel:Je(U??0)})),K.createElement("div",{className:"title-steps"},K.createElement(Qt,{variant:"title",size:"small"},tt.t("Swaps steps"))),K.createElement(dh,{size:8}),K.createElement(au,{ref:y},te.map((q,se)=>{let qe=se,be=su(e.steps[se]),tr=be==="error"||be==="in-progress"||be==="warning"||be==="completed"&&se===te.length-1;return K.createElement(hh,{key:qe,step:q,type:"swap-progress",ref:y,state:be,hasSeparator:se!==0,tabIndex:qe,isFocused:tr})}))),K.createElement($i,{state:x,onClose:()=>g(null),onCancel:k,onDelete:n,message:le.detailedMessage.content,currentStepWallet:F}),K.createElement(_i,{open:!!w,diagnosisUrl:er,onClose:()=>d(null),status:e.status==="success"?"success":"failed",priceValue:W(ft,6,6),usdValue:Et,percentageChange:W(String(U),2,2),token:{displayName:te[ne-1].to.token.displayName,image:te[ne-1].to.token.image},chain:{image:te[ne-1].to.chain.image},description:X}))}s(Ui,"SwapDetails");import{i18n as To}from"@lingui/core";import{CopyIcon as bh,IconButton as Eh,NotFound as Ah,Skeleton as gu,Typography as Jn}from"@rango-dev/ui";import pe from"react";import{i18n as wh}from"@lingui/core";import{ChainToken as vh,Divider as qi,Skeleton as ko,Typography as xh}from"@rango-dev/ui";import J from"react";import{styled as zi}from"@rango-dev/ui";var mu=zi("div",{width:"100%",height:"100%",padding:"$0 $20",".cost":{paddingTop:"$15",display:"flex"},".quote-summary":{padding:"$15 $0"},".quote-summary-item":{display:"flex",justifyContent:"space-between",alignItems:"center"},".token-amount":{display:"flex",justifyContent:"space-between",alignItems:"center"},".quote-summary-separator":{width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"},".swaps-steps":{paddingBottom:"$10"}}),du=zi("div",{backgroundColor:"$neutral100",borderRadius:"$xm",padding:"$10 $15",".step-title":{display:"flex",justifyContent:"start",alignItems:"center"},".step-tokens":{paddingTop:"$5",display:"flex",alignItems:"center"},".step-token-info":{display:"flex",alignItems:"center"},".step-icon-container":{padding:"$4 $6",display:"flex",justifyContent:"center",alignItems:"center"},".extra-info":{display:"flex",paddingTop:"$10",paddingBottom:"$5"}}),Yn=zi("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"});import{ChainToken as fu,Divider as yo,NextIcon as Th,Skeleton as So}from"@rango-dev/ui";import ae from"react";function Co(t){let{extraInfo:e}=t;return ae.createElement(du,null,ae.createElement("div",{className:"step-title"},ae.createElement(So,{height:28,width:28,variant:"circular"}),ae.createElement(yo,{direction:"horizontal",size:8}),ae.createElement(So,{height:15,width:148,variant:"rounded"})),ae.createElement("div",{className:"step-tokens"},ae.createElement(yo,{direction:"horizontal",size:20}),ae.createElement("div",{className:"step-token-info"},ae.createElement(fu,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ae.createElement(yo,{direction:"horizontal",size:8}),ae.createElement(So,{height:12,width:76,variant:"rounded"})),ae.createElement("div",{className:"step-icon-container"},ae.createElement(Th,{color:"gray",size:16})),ae.createElement("div",{className:"step-token-info"},ae.createElement(fu,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ae.createElement(yo,{direction:"horizontal",size:8}),ae.createElement(So,{height:12,width:76,variant:"rounded"}))),e&&ae.createElement("div",{className:"extra-info"},ae.createElement(yo,{direction:"horizontal",size:20}),ae.createElement(So,{height:22,width:297,variant:"rectangular"})))}s(Co,"LoadingSwapDetailStep");function Gi(){let t=J.createElement("div",{className:"quote-summary-item"},J.createElement("div",{className:"token-amount"},J.createElement(vh,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),J.createElement(qi,{size:8,direction:"horizontal"}),J.createElement(ko,{height:15,width:148,variant:"rounded"})),J.createElement(ko,{height:12,width:64,variant:"rounded"}));return J.createElement(mu,null,J.createElement("div",{className:"cost"},J.createElement(ko,{width:60,height:10,variant:"rounded"}),J.createElement(qi,{size:4,direction:"horizontal"}),J.createElement(ko,{width:60,height:10,variant:"rounded"}),J.createElement(qi,{size:4,direction:"horizontal"}),J.createElement(ko,{width:60,height:10,variant:"rounded"})),J.createElement("div",{className:"quote-summary"},t,J.createElement("div",{className:"quote-summary-separator"}),t),J.createElement("div",{className:"swaps-steps"},J.createElement(xh,{variant:"title",size:"small"},wh.t("Swaps steps"))),J.createElement("div",{className:"step-container"},J.createElement(Co,{extraInfo:!0}),J.createElement(Yn,null),J.createElement(Co,null),J.createElement(Yn,null),J.createElement(Co,null),J.createElement(Yn,null),J.createElement(Co,null)))}s(Gi,"LoadingSwapDetails");function hu(t){let{requestId:e,showSkeleton:o}=t;return pe.createElement(j,{noPadding:!0,header:{title:To.t("Swap and Bridge"),suffix:pe.createElement(Lt,null)}},o&&pe.createElement(jn,null,pe.createElement(Kn,null,pe.createElement("div",{className:"row"},pe.createElement(Jn,{variant:"label",size:"large",color:"neutral700"},`${To.t("Request ID")}:`),pe.createElement("div",{className:"request-id"},pe.createElement(Jn,{variant:"label",size:"small",color:"neutral700"},pe.createElement(gu,{width:60,height:10,variant:"rounded"})),pe.createElement(Eh,{variant:"ghost"},pe.createElement(bh,{size:16,color:"gray"})))),pe.createElement("div",{className:"row"},pe.createElement(Jn,{variant:"label",size:"large",color:"neutral700"},`${To.t("Created at")}:`),pe.createElement(Jn,{variant:"label",size:"small",color:"neutral700"},pe.createElement(gu,{width:60,height:10,variant:"rounded"})))),pe.createElement(Gi,null)),!o&&pe.createElement(lu,null,pe.createElement(Ah,{title:To.t("Not found"),description:To.t({id:"Swap with request ID = {requestId} not found.",values:{requestId:e}})})))}s(hu,"SwapDetailsPlaceholder");function Su(){let{manager:t,state:e}=Wh(),o=!e.loadedFromPersistor,n=zt(t),r=Ce.use.selectedSwapRequestId(),i=ot(),{fetchStatus:a}=T(),l=o||a==="loading",p=n.find(({swap:S})=>S.requestId===r),u=s(()=>{if(p?.id){let S=t?.get(p.id);S&&Ih(S)}},"onCancel"),m=s(async()=>{if(p?.id)try{t?.deleteQueue(p.id),i()}catch(S){console.log(S)}},"onDelete"),c=p?.swap;return!c||l?yu.createElement(hu,{requestId:r||"",showSkeleton:l}):yu.createElement(Ui,{swap:c,requestId:r||"",onCancel:u,onDelete:m})}s(Su,"SwapDetailsPage");import{i18n as wo}from"@lingui/core";import{AutoThemeIcon as Nh,DarkModeIcon as Lh,LightModeIcon as Bh,List as Mh,ListItemButton as $h,Radio as Hi,RadioRoot as Ph,Typography as Qi}from"@rango-dev/ui";import ve from"react";function Cu(){let t=D.use.theme(),e=D.use.setTheme(),o=[{id:"light",value:"light",title:ve.createElement(Qi,{variant:"title",size:"xmedium"},wo.t("Light")),onClick:()=>e("light"),start:ve.createElement(Bh,{color:"gray"}),end:ve.createElement(Hi,{value:"light"})},{id:"dark",value:"dark",title:ve.createElement(Qi,{variant:"title",size:"xmedium"},wo.t("Dark")),onClick:()=>e("dark"),start:ve.createElement(Lh,{color:"gray"}),end:ve.createElement(Hi,{value:"dark"})},{id:"auto",value:"auto",title:ve.createElement(Qi,{variant:"title",size:"xmedium"},wo.t("Auto")),onClick:()=>e("auto"),start:ve.createElement(Nh,{color:"gray"}),end:ve.createElement(Hi,{value:"auto"})}];return ve.createElement(j,{header:{title:wo.t("Theme")}},ve.createElement(et,null,ve.createElement(Ph,{onValueChange:n=>e(n),value:t},ve.createElement(Mh,{type:ve.createElement($h,{title:wo.t("Theme"),id:"_",onClick:()=>console.log()}),items:o}))))}s(Cu,"ThemePage");function ku(){return _h([{path:L.home,element:xe.createElement(fn,null)},{path:L.fromSwap,children:[{index:!0,element:xe.createElement(xi,{type:"source"})},{path:L.blockchains,element:xe.createElement(mi,{type:"source"})}]},{path:L.toSwap,children:[{index:!0,element:xe.createElement(xi,{type:"destination"})},{path:L.blockchains,element:xe.createElement(mi,{type:"destination"})}]},{path:L.settings,children:[{index:!0,element:xe.createElement(Op,null)},{path:L.themes,element:xe.createElement(Cu,null)},{path:L.languages,element:xe.createElement(ep,null)},{path:L.exchanges,element:xe.createElement(ai,{sourceType:"Exchanges"})},{path:L.bridges,element:xe.createElement(ai,{sourceType:"Bridges"})}]},{path:L.swaps,children:[{index:!0,element:xe.createElement(Zl,null)},{path:L.swapDetails,element:xe.createElement(Su,null)}]},{path:L.wallets,element:xe.createElement(bl,null)},{path:L.confirmSwap,element:xe.createElement(ql,null)}])}s(ku,"AppRoutes");import{isApprovalTX as Dh,MainEvents as wu,RouteEventType as vu,StepEventType as Vt,StepExecutionEventStatus as Fh,useEvents as Oh}from"@rango-dev/queue-manager-rango-preset";import{useEffect as xu}from"react";import{StepExecutionBlockedEventStatus as Vi}from"@rango-dev/queue-manager-rango-preset";var Tu=[Vi.WAITING_FOR_CHANGE_WALLET_ACCOUNT,Vi.WAITING_FOR_NETWORK_CHANGE,Vi.WAITING_FOR_WALLET_CONNECT];function bu(){let t=T().tokens(),e=V.use.connectedWallets(),o=V.use.getWalletsDetails(),n=We.use.setNotification(),r=We.use.setAsRead(),i=Oh();return xu(()=>(i.on(wu.StepEvent,a=>{let{event:l,step:p,route:u}=a;if(l.type===Vt.TX_EXECUTION&&l.status===Fh.TX_SENT&&!Dh(p)||l.type===Vt.SUCCEEDED){let c=e.find(f=>f.chain===p?.fromBlockchain),S=p?.fromBlockchain!==p?.toBlockchain&&e.find(f=>f.chain===p?.toBlockchain);c&&o([c],t),S&&o([S],t)}l.type===Vt.TX_EXECUTION_BLOCKED&&Tu.includes(l.status)||l.type===Vt.FAILED?n(l,u):(l.type===Vt.TX_EXECUTION||l.type===Vt.CHECK_STATUS)&&r(u.requestId)}),()=>i.all.clear()),[i,e.length]),xu(()=>(i.on(wu.RouteEvent,a=>{let{event:l,route:p}=a;(l.type===vu.FAILED||l.type===vu.SUCCEEDED)&&n(l,p)}),()=>i.all.clear()),[i,e.length]),null}s(bu,"WidgetEvents");import{globalCss as Uh}from"@rango-dev/ui";var Eu=s(()=>Uh({"@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");import{createTheme as Xi,darkTheme as Qh,lightTheme as Vh}from"@rango-dev/ui";import{useEffect as Iu,useState as jh}from"react";import{theme as Gh,darkColors as Hh}from"@rango-dev/ui";var Au=s(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),zh=s(t=>{let e="",o;for(o=Math.abs(t);o>52;o=o/52|0)e=Au(o%52)+e;return Au(o%52)+e},"toAlphabeticName"),qh=s((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),ji=s(t=>zh(qh(5381,JSON.stringify(t))>>>0),"toHash");function Ki(t){let e=Gh.colors,o=Si({...e,...Hh},!0,t?.dark),n=Si(e,!1,t?.light),r=Object.keys(o).length>0,i=Object.keys(n).length>0,a,l;if(i){let p={colors:n};a={id:`${rr}-light-${ji(p)}`,tokens:p}}if(r){let p={colors:o};l={id:`${rr}-dark-${ji(p)}`,tokens:p}}return{light:a,dark:l}}s(Ki,"customizedThemeTokens");function Wu(t){let{colors:e,fontFamily:o=ns,borderRadius:n=ts,secondaryBorderRadius:r=os,mode:i="auto"}=t,[a,l]=jh("light"),p=D.use.theme(),u=D.use.setTheme(),{dark:m,light:c}=Ki(e),S=Xi({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),f=[S.className,Vh.className],y=[S.className,Qh.className];if(c){let g=Xi(c.id,c.tokens);f.push(g.className)}if(m){let g=Xi(m.id,m.tokens);y.push(g.className)}return Iu(()=>{let g=s(w=>{w.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",g),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",g)}},[]),Iu(()=>{i!=="auto"&&u(i)},[i]),{activeTheme:s(()=>{let g=f.join(" "),w=y.join(" ");return p==="auto"?a==="dark"?w:g:p==="dark"?w:g},"getActiveTheme")}}s(Wu,"useTheme");import{styled as Kh}from"@rango-dev/ui";var Nu=Kh("div",{width:"100%",display:"flex",justifyContent:"center",alignItems:"center",fontFamily:"$widget",boxSizing:"border-box","& *, *::before, *::after":{boxSizing:"inherit",listStyleType:"none"},"& *:focus-visible":{outlineColor:"$info500",transition:"none"}});function Zn(){Eu();let{fetch:t,config:e}=T(),{activeTheme:o}=Wu(e?.theme||{}),{activeLanguage:n,changeLanguage:r}=Nn(),[i,a]=Bu(""),[l,p]=Bu(),u=Yh(Oo);return Lu(()=>{t().catch(),D.persist.rehydrate(),We.persist.rehydrate(),u.onConnectWallet(a)},[]),Lu(()=>{r(e?.language)},[e?.language]),vo.createElement(Xh,{language:n},vo.createElement(Nu,{id:"swap-container",className:o()},vo.createElement(bu,null),vo.createElement(hl,{lastConnectedWallet:i,disconnectedWallet:l,clearDisconnectedWallet:()=>{p(void 0)}},vo.createElement(ku,null))))}s(Zn,"Main");import Ji,{useMemo as cy}from"react";import{checkWaitingForNetworkChange as Jh,makeQueueDefinition as Zh}from"@rango-dev/queue-manager-rango-preset";import{Provider as Rh}from"@rango-dev/queue-manager-react";import{useWallets as ey}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as ty}from"@rango-dev/wallets-shared";import{isEvmBlockchain as oy}from"rango-types";import ny,{useMemo as ry}from"react";function iy(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:i,getWalletInfo:a}=ey(),l=ry(()=>Zh({API_KEY:t.apiKey||At("API_KEY"),BASE_URL:At("BASE_URL")}),[t.apiKey]),p=T().blockchains(),m={blockchains:V.use.connectedWallets().map(d=>({accounts:[d],name:d.chain}))},c=s(async(d,k)=>{if(i(d,k))return r(d,k)},"switchNetwork"),S=s(d=>!!a(d).mobileWallet,"isMobileWallet"),f=p.filter(d=>d.enabled).reduce((d,k)=>(d[k.name]=k,d),{}),y=p.filter(oy),x=s(d=>{let{supportedChains:k}=a(d);return Lo(k)},"getSupportedChainNames"),g=e(),w={meta:{blockchains:f,evmBasedChains:y,evmNetworkChainInfo:ty(y),getSupportedChainNames:x},getSigners:o,wallets:m,providers:g,switchNetwork:c,canSwitchNetworkTo:i,connect:r,state:n,isMobileWallet:S};return ny.createElement(Rh,{queuesDefs:[l],context:w,onPersistedDataLoaded:d=>{Jh(d)},isPaused:!1},t.children)}s(iy,"QueueManager");var Mu=iy;import{useManager as sy}from"@rango-dev/queue-manager-react";import ay,{createContext as ly,useContext as py,useMemo as uy}from"react";var $u=ly(void 0);function Yi(t){let{manager:e}=sy(),o=zt(e),n=uy(()=>({swaps:o}),[e,o]);return ay.createElement($u.Provider,{value:n},t.children)}s(Yi,"WidgetInfo");function Pu(){let t=py($u);if(!t)throw new Error("useWidget can only be used within the WidgetProvider component");return t}s(Pu,"useWidget");function Rn(t){let{onUpdateState:e,config:o}=t;return cy(()=>{es({API_KEY:o?.apiKey||Eo,BASE_URL:o?.apiUrl||Ri})},[o]),Ji.createElement(Uo,{config:o,onUpdateState:e},Ji.createElement(Mu,{apiKey:o.apiKey},Ji.createElement(Yi,null,t.children)))}s(Rn,"WidgetProvider");function _u(t){return t.config?.externalWallets?Zi.createElement(Zn,null):Zi.createElement(Rn,{config:t.config??sr},Zi.createElement(Zn,null))}s(_u,"Widget");export{R$ as MainEvents,eP as RouteEventType,tP as StepEventType,oP as StepExecutionBlockedEventStatus,nP as StepExecutionEventStatus,_u as Widget,Rn as WidgetProvider,Uo as WidgetWallets,Ki as customizedThemeTokens,Ml as useWallets,Pu as useWidget,rP as useWidgetEvents};
+var Fu=Object.defineProperty;var i=(t,e)=>Fu(t,"name",{value:e,configurable:!0});import{MainEvents as K$,RouteEventType as X$,StepEventType as Y$,StepExecutionBlockedEventStatus as J$,StepExecutionEventStatus as Z$,useEvents as R$}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Ha}from"@rango-dev/wallets-react";import{Events as sr,Provider as mc}from"@rango-dev/wallets-react";import{isEvmBlockchain as dc}from"rango-sdk";import Oo,{createContext as fc,useEffect as gc,useRef as hc}from"react";import{useEffect as Ru}from"react";import{create as Yu}from"zustand";import{subscribeWithSelector as Ju}from"zustand/middleware";import{RangoClient as Ou}from"rango-sdk";var Ao="c6381a79-2817-4602-83bf-6a641a409e32",Zi="https://api.rango.exchange";var er={API_KEY:Ao};function Wt(t){return er[t]||""}i(Wt,"getConfig");function Ri(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),er=e,er}i(Ri,"initConfig");var es=20,ts=25,os="Roboto",tr="theme-widget";var Io,Nt=i(()=>Io||(Io=new Ou(Wt("API_KEY"),Wt("BASE_URL")),Io),"httpService");import{WalletState as Ke}from"@rango-dev/ui";import{readAccountAddress as qu}from"@rango-dev/wallets-react";import{detectInstallLink as Gu,getCosmosExperimentalChainInfo as Qu,isEvmAddress as Hu,KEPLR_COMPATIBLE_WALLETS as Ny,Networks as is}from"@rango-dev/wallets-shared";import or from"bignumber.js";import{isCosmosBlockchain as Vu}from"rango-types";import Uu from"bignumber.js";var De=new Uu(0);import{WalletTypes as zu}from"@rango-dev/wallets-shared";var ns=[zu.LEAP];import{BigNumber as rs}from"bignumber.js";var Wo=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 rs(t),r=1,s=1e3;for(let a=0;a<60;a++)if(new rs(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 No=i(t=>t?.reduce((e,o)=>e+(o.estimatedTimeInSeconds??0),0)||0,"totalArrivalTime");var je=i((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),Xt=i(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function Lo(t,e=4){let o=parseFloat(t);if(isNaN(o))return t;let n=Math.pow(10,e);return(Math.round(o*n)/n).toString()}i(Lo,"limitDecimalPlaces");function ju(t){switch(!0){case t.connected:return Ke.CONNECTED;case t.connecting:return Ke.CONNECTING;case!t.installed:return Ke.NOT_INSTALLED;default:return Ke.DISCONNECTED}}i(ju,"mapStatusToWalletState");function ss(t,e,o,n){return o.filter(r=>!ns.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(m=>m.name===n):!0}).map(r=>{let{name:s,img:a,installLink:l}=e(r),p=ju(t(r));return{title:s,image:a,link:Gu(l),state:p,type:r}})}i(ss,"mapWalletTypesToWalletInfo");function Bo(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}i(Bo,"walletAndSupportedChainsNames");function as(t,e,o,n,r){let s=[];function a(p,u){if(!!!s.find(c=>c.chain===p)){let c={address:u,chain:p,walletType:t};s.push(c)}}i(a,"addAccount");let l=n||[];return e.forEach(p=>{let{address:u,network:m}=qu(p),c=l.length>0,y=l.includes(m),d=m===is.Unknown;if(c&&!y&&!d)return;let x=m===is.Unknown&&Hu(u);if(d&&!x)return;o.includes(m)||x?r?a(m,u.toLowerCase()):l.filter(g=>o.includes(g)).forEach(g=>{a(g,u.toLowerCase())}):a(m,u)}),s}i(as,"prepareAccountsForWalletStore");function ls(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(ls,"getRequiredChains");function Lt(t,e,o,n){if(t.length===0)return null;let r=t.filter(s=>s.chain===e);return r.length===0?null:r.map(s=>s.balances?.find(a=>n!==null&&a.address===n||n===null&&a.address===n&&a.symbol===o)||null).filter(s=>s!==null).sort((s,a)=>parseFloat(a?.amount||"0")-parseFloat(s?.amount||"1")).find(()=>!0)||null}i(Lt,"getBalanceFromWallet");function Mo(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}i(Mo,"isAccountAndWalletMatched");function ps(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 or(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:$o(o,r.asset.symbol,r.asset.address,e)||null}))||[]}i(ps,"makeBalanceFor");function us(t){return{...t,loading:!1,error:!0}}i(us,"resetConnectedWalletState");var $o=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice"),Po=i((t,e)=>{let o=Qu(Object.entries(t).map(([,n])=>n).filter(Vu));return o&&o[e]?.experimental},"isExperimentalChain");function Ku(t,e){return t.map(({balance:o,...n})=>{let r=I(new or(Lt(e,n.blockchain,n.symbol,n.address)?.amount||De)),s="";return n.usdPrice&&(s=I(new or(Lt(e,n.blockchain,n.symbol,n.address)?.amount||De).multipliedBy(n.usdPrice))),{...n,...r!=="0"&&{balance:{amount:r,usdValue:s}}}})}i(Ku,"getTokensWithBalance");function cs(t,e){let o=e.length>0?Ku(t,e):t;return o.sort((n,r)=>n.balance?.usdValue&&r.balance?.usdValue?parseFloat(r.balance.usdValue)-parseFloat(n.balance.usdValue):!n.balance?.usdValue&&r.balance?.usdValue?1:n.balance?.usdValue&&!r.balance?.usdValue?-1:!n.balance?.usdValue&&!r.balance?.usdValue?parseFloat(r.balance?.amount||"0")-parseFloat(n.balance?.amount||"0"):0),o}i(cs,"getTokensBalanceFromWalletAndSort");function Ie(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}i(Ie,"tokensAreEqual");function ms(t){return t.sort((e,o)=>+(o.state===Ke.CONNECTED)-+(e.state===Ke.CONNECTED)||+(o.state===Ke.DISCONNECTED||o.state===Ke.CONNECTING)-+(e.state===Ke.DISCONNECTED||e.state===Ke.CONNECTING))}i(ms,"sortWalletsBasedOnConnectionState");function _o(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(_o,"getConciseAddress");function ds({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}i(ds,"getAddress");var Xu=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"),Xe=Xu;var j=Xe(Yu()(Ju((t,e)=>({connectedWallets:[],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(s=>s.selected&&s.walletType!==o).map(s=>s.chain);return{connectedWallets:n.connectedWallets.filter(s=>s.walletType!==o).map(s=>r.includes(s.chain)?s:(r.push(s.chain),{...s,selected:!0}))}})},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=>Mo(p,l))?{...l,loading:!0}:l)}));try{let a=o.map(({address:u,chain:m})=>({address:u,blockchain:m})),p=(await Nt().getWalletsDetails(a)).wallets;if(p)t(u=>({loading:!1,connectedWallets:u.connectedWallets.map(m=>{let c=o.find(d=>Mo(d,m)),y=p.find(d=>d.address===m.address&&d.blockChain===m.chain);return y?.failed&&c&&r&&s([c],n,!1),c&&y?{...m,explorerUrl:y.explorerUrl,balances:ps(y,n)}:m})}));else throw new Error("Wallet not found")}catch{t(l=>({loading:!1,connectedWallets:l.connectedWallets.map(p=>o.find(u=>Mo(u,p))?us(p):p)}))}}}))));import{allProviders as Zu}from"@rango-dev/provider-all";function Do(t,e){let o=Zu({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(Do,"matchAndGenerateProviders");function fs(t,e){return Do(t,e).map(r=>r.config.type)}i(fs,"configWalletsToWalletName");function gs(t,e){let o=j.use.clearConnectedWallet(),n=Do(void 0,e);return Ru(()=>{o(),n=Do(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}i(gs,"useWalletProviders");import lc,{createContext as pc,useContext as uc,useRef as cc}from"react";import{create as ac}from"zustand";var nr={apiKey:"",multiWallets:!0,enableNewLiquiditySources:!0},hs=i((t,e,o)=>({config:{...nr,...t},updateConfig:n=>{let r=o().config;e({config:{...r,...n}})}}),"createConfigSlice");function Bt(t){return Array.from(new Set(t))}i(Bt,"removeDuplicateFrom");function rr(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}i(rr,"areEqual");function ys(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}i(ys,"debounce");function St(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}i(St,"containsText");var K=i(()=>document.getElementById("swap-box"),"getContainer");import{create as rc}from"zustand";import{persist as ic,subscribeWithSelector as sc}from"zustand/middleware";import{English as ec,French as tc,Japanese as oc,Spanish as nc}from"@rango-dev/ui";var Ss=[{title:"English",label:"English",local:"en",SVGFlag:ec},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:nc},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:tc},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:oc}],Yt="en";var Cs=[.5,1,3],ks=1,Ts=5,ws=100,vs=0;var U=Xe(rc()(ic(sc((t,e)=>({preferredBlockchains:[],slippage:ks,customSlippage:null,infiniteApprove:!1,affiliateRef:null,affiliatePercent:null,affiliateWallets:null,disabledLiquiditySources:[],theme:"auto",language:Yt,addPreferredBlockchain:o=>{let n=e().preferredBlockchains;if(n.find((a,l)=>{let p=a===o,u=l<=10-1;return p&&u}))return;let s=n.filter(a=>!(a===o));t(()=>({preferredBlockchains:[o,...s]}))},setSlippage:o=>t(()=>({slippage:o})),setCustomSlippage:o=>t(()=>({customSlippage:o})),setAffiliateRef:o=>t(()=>({affiliateRef:o})),setAffiliatePercent:o=>t(()=>({affiliatePercent:o})),setAffiliateWallets:o=>t(()=>({affiliateWallets:o})),toggleAllLiquiditySources:(o,n)=>t(r=>{if(n)return{disabledLiquiditySources:[]};let s=Bt(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}))})),{name:"user-settings",skipHydration:!0})));function Fo(t){let e=U.use.disabledLiquiditySources(),o=t.map(s=>s.swapperGroup),n=[];return Bt(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(Fo,"getUniqueSwappersGroups");function xs(t,e){return t.swapperGroup<e.swapperGroup?-1:t.swapperGroup>e.swapperGroup?1:0}i(xs,"sortLiquiditySourcesByGroupTitle");var bs=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.length>0&&!s.some(u=>Ie(u,p))||o.blockchain&&p.blockchain!==o.blockchain||!a.some(u=>u.name===p.blockchain)?!1:o.searchFor?!!(St(p.symbol,o.searchFor)||St(p.address||"",o.searchFor)||St(p.name||"",o.searchFor)):!0).sort((p,u)=>e().isTokenPinned(p)?-1:e().isTokenPinned(u)||p.isSecondaryCoin?1:u.isSecondaryCoin||!p.address&&u.address?-1:p.address&&!u.address?1:0)},isTokenPinned:o=>!!e().config.pinnedTokens?.some(r=>Ie(r,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(xs)},fetch:async()=>{try{let o=await Nt().getAllMetadata();t({fetchStatus:"success"});let n=[],r=[],s=o.popularTokens,a=o.swappers,l=new Set;o.tokens.forEach(p=>{l.add(p.blockchain),r.push(p)}),o.blockchains.forEach(p=>{p.enabled&&l.has(p.name)&&n.push(p)}),n.sort((p,u)=>p.sort-u.sort),t({_blockchains:n,_tokens:r,_popularTokens:s,_swappers:a})}catch(o){throw t({fetchStatus:"failed"}),o}}}),"createDataSlice");function Es(t){return ac()((...e)=>({...bs(...e),...hs(t,...e)}))}i(Es,"createAppStore");var As=pc(null);function k(){let t=uc(As);if(!t)throw new Error("Missing AppStoreContext.Provider in the tree");return t()}i(k,"useAppStore");function Is(t){let e=cc();return e.current||(e.current=Es(t.config)),lc.createElement(As.Provider,{value:e.current},t.children)}i(Is,"AppStoreProvider");var Uo=fc({onConnectWallet:()=>{}});function yc(t){let e=k().updateConfig,o=k().blockchains(),n=k().tokens(),r={walletConnectProjectId:t.config?.walletConnectProjectId},{providers:s}=gs(t.config.wallets,r),a=j.use.disconnectWallet(),l=j.use.connectWallet(),p=hc();gc(()=>{t.config&&e(t.config)},[t.config]);let u=o.filter(dc).map(c=>c.name),m=i((c,y,d,h,x)=>{if(y===sr.ACCOUNTS)if(d){let f=Bo(x.supportedBlockchains),b=as(c,d,u,f,x.isContractWallet);l(b,n)}else a(c);if(y===sr.ACCOUNTS&&h.connected){let f=`${c}-${h.network}-${d}`;h.connected&&(p.current?p.current(f):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(y===sr.NETWORK&&h.network){let f=`${c}-${h.network}`;p.current?p.current(f):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(c,y,d,h,x)},"onUpdateState");return Oo.createElement(Uo.Provider,{value:{onConnectWallet:c=>{p.current=c}}},Oo.createElement(mc,{allBlockChains:o,providers:s,onUpdateState:m,autoConnect:!0},t.children))}i(yc,"Main");function zo(t){let{config:e,...o}=t;return Oo.createElement(Is,{config:e},Oo.createElement(yc,{...o,config:e}))}i(zo,"WidgetWallets");import Ji from"react";import{I18nManager as Kh}from"@rango-dev/ui";import Eo,{useContext as Xh,useEffect as Bu,useState as Mu}from"react";import{useQueueManager as Mc}from"@rango-dev/queue-manager-rango-preset";import{useWallets as $c}from"@rango-dev/wallets-react";import{isEvmBlockchain as Pc}from"rango-types";import en,{Fragment as _c}from"react";import{MemoryRouter as Dc,useInRouterContext as Fc}from"react-router";import{useWallets as Cc}from"@rango-dev/wallets-react";import{useEffect as kc,useRef as Tc}from"react";function Ws(){let{connect:t,state:e}=Cc(),o=Tc({}),{fetchStatus:n}=k(),r=new URLSearchParams(location.search).get("autoConnect")||"",s=e(r);kc(()=>{n==="success"&&r&&s.installed&&!s.connecting&&!s.connected&&!o.current[r]&&(o.current[r]=!0,t(r))},[s,n])}i(Ws,"useForceAutoConnect");import{useEffect as yr,useRef as Sr}from"react";import{createSearchParams as Nc,useLocation as Lc,useSearchParams as Bc}from"react-router-dom";var $={home:"/",fromSwap:"from-swap",toSwap:"to-swap",blockchains:"blockchains",settings:"settings",liquiditySources:"liquidity-sources",themes:"themes",bridges:"bridges",exchanges:"exchanges",languages:"languages",swaps:"swaps",wallets:"wallets",confirmSwap:"confirm-swap",swapDetails:":requestId"};import{useEffect as $t,useMemo as Zo,useRef as Ro}from"react";import ct from"bignumber.js";import{create as Ac}from"zustand";import{subscribeWithSelector as Ic}from"zustand/middleware";import{getLastSuccessfulStep as Ec}from"@rango-dev/queue-manager-rango-preset";import DC from"bignumber.js";var pt=(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))(pt||{});function Ns(t,e){return e.find(o=>o.name===t)?.displayName}i(Ns,"getBlockchainDisplayNameFor");function Ye(t,e){return e.find(o=>o.name===t)?.shortName}i(Ye,"getBlockchainShortNameFor");function Ls(t,e){return e.find(o=>o.id===t)?.swapperGroup}i(Ls,"getSwapperDisplayName");function ar(t,e){return e.find(o=>Ie(o,t))??null}i(ar,"findToken");function lr(t,e){return e.find(o=>o.name===t)??null}i(lr,"findBlockchain");import{i18n as Fe}from"@lingui/core";import{PendingSwapNetworkStatus as Ho}from"@rango-dev/queue-manager-rango-preset";import ke from"bignumber.js";function qo(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(qo,"getRequiredWallets");function Go(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}i(Go,"isValidAddress");import{i18n as fe}from"@lingui/core";var Q=i(()=>({genericServerError:fe.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:fe.t("Please reset your liquidity sources."),description:fe.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources.")},noResultError:{title:fe.t("No Routes Found."),description:fe.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:fe.t("Bridge Limit Error: Please increase your amount."),decreaseAmount:fe.t("Bridge Limit Error: Please decrease your amount.")},highValueLossError:{impactTitle:fe.t("High Price Impact"),title:fe.t("Price impact is too high!"),description:fe.t("The price impact is significantly higher than the allowed amount. If you are sure, continue, otherwise, change the swap."),confirmMessage:fe.t("Confirm high price impact")},quoteUpdatedWithHighValueLoss:{title:fe.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:fe.t("USD Price Unknown"),title:fe.t("USD Price Unknown, Cannot calculate Price Impact."),description:fe.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:fe.t("Confirm USD Price Unknown")}}),"errorMessages");function Bs(t){switch(t.type){case 0:return t.diagnosisMessage??Q().noResultError.title;case 1:return Q().genericServerError;default:return""}}i(Bs,"getQuoteErrorMessage");import{i18n as Qo}from"@lingui/core";var Ct=i(()=>({connectWallet:Qo.t("Connect Wallet"),swap:Qo.t("Swap"),swapAnyway:Qo.t("Swap anyway"),ethWarning:Qo.t("The route goes through Ethereum. Continue?")}),"swapButtonTitles");function Ms(t,e){return(parseInt(e.toFixed(2)||"0")<=-10&&t?.gte(new ke(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new ke(1e3)))??!1}i(Ms,"hasHighValueLoss");function pr(t){return(t?.result?.swaps||[]).filter(e=>{let o=e.fromAmountMinValue?new ke(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new ke(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(pr,"hasLimitError");function ur(t){let e=(t.result?.swaps||[]).filter(l=>{let p=l.fromAmountMinValue?new ke(l.fromAmountMinValue):null,u=l.fromAmountMaxValue?new ke(l.fromAmountMaxValue):null;return l.fromAmountRestrictionType==="EXCLUSIVE"?p?.gte(l.fromAmount)||u?.lte(l.fromAmount):p?.gt(l.fromAmount)||u?.lt(l.fromAmount)})[0],o=e.fromAmountMinValue?new ke(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new ke(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",s="",a="";return!r&&o&&o.gt(e.fromAmount)?(s=Fe.t({id:"Required: >= {min} {symbol}",values:{min:I(o,6,6),symbol:e.from.symbol}}),a=Q().bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(s=Fe.t({id:"Required: > {min} {symbol}",values:{min:I(o,6,6),symbol:e.from.symbol}}),a=Q().bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(s=Fe.t({id:"Required: <= {max} {symbol}",values:{max:I(n,6,6),symbol:e.from.symbol}}),a=Q().bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(s=Fe.t({id:"Required: < {max} {symbol}",values:{max:I(n,6,6),symbol:e.from.symbol}}),a=Q().bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:s,recommendation:a}}i(ur,"getLimitErrorMessage");function $s(t){let{fetchMetaStatus:e,anyWalletConnected:o,fetchingQuote:n,inputAmount:r,quote:s,warning:a,error:l,needsToWarnEthOnPath:p}=t;return e!=="success"?{title:Ct().connectWallet,action:"connect-wallet",disabled:!0}:o?n||!s||!s.result||l||!r||r==="0"?{title:Ct().swap,action:"confirm-swap",disabled:!0}:a?{title:Ct().swapAnyway,action:"confirm-warning",disabled:!1}:p?{title:Ct().ethWarning,action:"confirm-warning",disabled:!1}:{title:Ct().swap,action:"confirm-swap",disabled:!1}:{title:Ct().connectWallet,action:"connect-wallet",disabled:!1}}i($s,"getSwapButtonState");function cr(t,e,o){return!((!o||o.lte(De))&&t?.result&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t.result)}i(cr,"canComputePriceImpact");function wc(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(wc,"requiredWallets");var vc=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice");function xc(t,e){let o=De;for(let n=0;n<t.fee.length;n++){let r=t.fee[n];if(r.expenseType==="DECREASE_FROM_OUTPUT")continue;let s=vc(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new ke(r.amount).multipliedBy(s||0))}return o}i(xc,"getUsdFeeOfStep");function Ko(t,e){return t.reduce((o,n)=>o.plus(xc(n,e)),De)}i(Ko,"getTotalFeeInUsd");function mr(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(mr,"checkSlippageErrors");function Ps(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(Ps,"checkSlippageWarnings");function Xo(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(Xo,"getMinRequiredSlippage");function _s(t,e){return e?parseFloat(t)>=parseFloat(e):!0}i(_s,"hasProperSlippage");function Yo(t){let{fromToken:e,toToken:o,inputAmount:n,wallets:r,selectedWallets:s,disabledLiquiditySources:a,liquiditySources:l,excludeLiquiditySources:p,slippage:u,affiliateRef:m,affiliatePercent:c,affiliateWallets:y,initialQuote:d,destination:h}=t,x=s?.reduce((S,C)=>(S[C.chain]=C.address,S),{}),f=[];r?.forEach(S=>{let C=f.find(B=>B.blockchain===S.chain);C?C.addresses.push(S.address):f.push({blockchain:S.chain,addresses:[S.address]})});let b=!!d,g=Bt((d?.result?.swaps||[]).reduce((S,C)=>(S.push(C.from.blockchain,C.to.blockchain),C.internalSwaps&&Array.isArray(C.internalSwaps)&&C.internalSwaps.map(B=>{S.push(B.from.blockchain,B.to.blockchain)}),S),[]));return{amount:n.toString(),affiliateRef:m??void 0,affiliatePercent:c??void 0,affiliateWallets:y??void 0,checkPrerequisites:b,from:{address:e.address,blockchain:e.blockchain,symbol:e.symbol},to:{address:o.address,blockchain:o.blockchain,symbol:o.symbol},connectedWallets:f,selectedWallets:x??{},slippage:u.toString(),...h&&{destination:h},...p&&{swapperGroups:a.concat(l??[]),swappersGroupsExclude:!0},...!p&&{swapperGroups:l?.filter(S=>!a.includes(S)),swappersGroupsExclude:!1},...b&&{blockchains:g}}}i(Yo,"createQuoteRequestBody");function Ds(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}i(Ds,"getWalletsForNewSwap");function Mt(t){return t.result?.outputAmount||null}i(Mt,"getQuoteOutputAmount");function Fs(t,e){return new ke(e).div(new ke(t)).minus(1).multipliedBy(100).toNumber()}i(Fs,"getPercentageChange");function Os(t,e){let o=Mt(t),n=Mt(e);if(!o||!n)return!1;let r=We(o,n);return r?r<=-1:!0}i(Os,"isOutputAmountChangedALot");function Us(t,e,o){let n=t.validationStatus,r=ls(t);return e.sort((a,l)=>r.indexOf(a.chain)-r.indexOf(l.chain)).flatMap(a=>Vs(a,n)||[]).filter(a=>!a.ok).map(a=>{let l=a.asset.symbol,p=I(new ke(a.currentAmount.amount).shiftedBy(-a.currentAmount.decimals),8,8),u=I(new ke(a.requiredAmount.amount).shiftedBy(-a.requiredAmount.decimals),8,8),m="";return a.reason==="FEE"&&(m=Fe.t(" for network fee")),a.reason==="INPUT_ASSET"&&(m=Fe.t(" for swap")),a.reason==="FEE_AND_INPUT_ASSET"&&(m=Fe.t(" for input and network fee")),Fe.t({id:"Needs \u2248 {requiredAmount} {symbol}{reason}, but you have {currentAmount} {symbol} in your {blockchain} wallet.",values:{requiredAmount:u,symbol:l,reason:m,currentAmount:p,blockchain:Ye(a.asset.blockchain,o)}})})}i(Us,"generateBalanceWarnings");function zs(t,e){return(t?new ke(t):De).multipliedBy(e||0)}i(zs,"calcOutputUsdValue");function Jt(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==Ho.NetworkChanged}i(Jt,"isNetworkStatusInWarningState");function qs(t,e){let o="bellow button or",n=t.extraMessage,r=t.extraMessageDetail;if(t.networkStatusExtraMessageDetail?.includes(o)&&(t.networkStatusExtraMessageDetail=t.networkStatusExtraMessageDetail.replace(o,"")),Jt(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case Ho.WaitingForConnectingWallet:n=n||Fe.t("Waiting for connecting wallet");break;case Ho.WaitingForQueue:n=n||Fe.t("Waiting for other running tasks to be finished");break;case Ho.WaitingForNetworkChange:n=n||Fe.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(qs,"getSwapMessages");function Gs(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(Gs,"getLastConvertedTokenInFailedSwap");function Qs(t){return t.status==="failed"&&!!t.finishTime&&new Date().getTime()-parseInt(t.finishTime)<4*3600*1e3}i(Qs,"shouldRetrySwap");function Hs(t,e,o,n,r,s){return t||!e&&!wc(n).every(a=>r.map(l=>l.chain).includes(a))||!!e&&!o||!!e&&!!o&&s&&!Go(s,o)}i(Hs,"confirmSwapDisabled");function dr(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(dr,"searchParamsToToken");function Ks(t){return t?.result?.swaps[t?.result?.swaps.length-1].to.usdPrice}i(Ks,"getQuoteToTokenUsdPrice");function fr(t,e){let o=t.result?.swaps||[],n=e.result?.swaps||[];return o.length!==n.length}i(fr,"isNumberOfSwapsChanged");function gr(t,e){let o=t.result?.swaps.map(r=>r.swapperId)||[],n=e.result?.swaps.map(r=>r.swapperId)||[];return!rr(o,n)}i(gr,"isQuoteSwappersUpdated");function hr(t,e){let o=t.result?.swaps.map(r=>r.to.symbol)||[],n=e.result?.swaps.map(r=>r.to.symbol)||[];return!rr(o,n)}i(hr,"isQuoteInternalCoinsUpdated");function Xs(t,e){return fr(t,e)||gr(t,e)||hr(t,e)}i(Xs,"isQuoteChanged");function Vs(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(Vs,"getRequiredBalanceOfWallet");function nt(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}i(nt,"getPriceImpactLevel");function Ys(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],s=Ec(t.steps),a={blockchain:r.toBlockchain,symbol:r.toSymbol,address:r.toSymbolAddress},l=lr(s?s.toBlockchain:n.fromBlockchain,e),p=lr(r.toBlockchain,e),u=ar(s?{blockchain:l?.name??"",symbol:s.toSymbol,address:s.toSymbolAddress}:{blockchain:l?.name??"",symbol:n.fromSymbol,address:n.fromSymbolAddress},o),m=ar(a,o),c=s?s.outputAmount??"":t.inputAmount;return{fromBlockchain:l,fromToken:u,toBlockchain:p,toToken:m,inputAmount:c}}i(Ys,"createRetryQuote");function Jo(t,e){let{fromToken:o,toToken:n,tokens:r,userSlippage:s}=e,a=kt(o,t.requestAmount),l=kt(n,t.result?.outputAmount??"");if(t.result&&a&&l){let m=We(a.toString(),l.toString());if(!!m&&Ms(a,m)){let y=Ko(t.result.swaps,r),d=nt(m);return{type:0,inputUsdValue:a,outputUsdValue:l,priceImpact:m,totalFee:y,warningLevel:d}}}else if(t.result&&(!a||!l))return{type:1};let p=Xo(t),u=s>Ts;if(_s(e.userSlippage.toString(),p)){if(u&&parseFloat(p??"0")<s)return{type:3,slippage:s.toString()}}else return{type:2,recommendedSlippages:Ps(t,s),minRequiredSlippage:p};return null}i(Jo,"generateQuoteWarnings");function We(t,e){let o=typeof e=="string"?parseFloat(e)<=0:!e?.gt(0),n=!t||!e||o?null:Fs(t.toString(),e.toString());return n&&n<0?n:null}i(We,"getPriceImpact");var kt=i((t,e)=>t?.usdPrice?new ct(e||De).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),z=Xe(Ac()(Ic(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new ct(0),outputUsdValue:new ct(0),toBlockchain:null,toToken:null,quote:null,quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:"",quoteWarningsConfirmed:!1,setQuote:e=>t(o=>{let n=null,r=De;return Xt(o.inputAmount)?(e&&(n=e.result?.outputAmount?new ct(e.result?.outputAmount):null,r=zs(e.result?.outputAmount,Ks(e)||o.toToken?.usdPrice)),{quote:e,...!!e&&{outputAmount:n,outputUsdValue:r}}):{}}),resetQuote:()=>t(()=>({quote:null,outputAmount:null,outputUsdValue:new ct(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:kt(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 ct(0),outputUsdValue:new ct(0),quote:null},...!!o.fromToken&&{inputUsdValue:kt(o.fromToken,e)}}))},retry:(e,o)=>{let{tokens:n,blockchains:r}=o,{fromBlockchain:s,fromToken:a,toBlockchain:l,toToken:p,inputAmount:u}=Ys(e,r,n);t({fromBlockchain:s,fromToken:a,inputAmount:u,outputAmount:null,inputUsdValue:kt(a??null,u),outputUsdValue:new ct(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:kt(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 Js(){let{setInputAmount:t,setToToken:e,setToBlockchain:o,setFromBlockchain:n,setFromToken:r,fromToken:s,toToken:a,fromBlockchain:l,toBlockchain:p}=z(),u=k().config,m=k().fetchStatus,c=k().blockchains(),y=k().tokens(),{setAffiliateRef:d,setAffiliatePercent:h,setAffiliateWallets:x}=U(),f=Zo(()=>u?.from?.tokens,[u?.from?.tokens]),b=Zo(()=>u?.from?.blockchains,[u?.from?.blockchains]),g=Zo(()=>u?.to?.tokens,[u?.to?.tokens]),v=Zo(()=>u?.to?.blockchains,[u?.to?.blockchains]),S=Ro(void 0),C=Ro(void 0),B=Ro(void 0),O=Ro(void 0);$t(()=>{t(u?.amount?.toString()||"")},[u?.amount]),$t(()=>{if(m==="success"){let T=c.find(M=>M.name===u?.from?.blockchain),P=y.find(M=>Ie(M,u?.from?.token||null));(T||!T&&B.current)&&n(T??null),P?r({token:P,meta:{blockchains:c,tokens:y}}):!P&&S.current&&r({token:null}),B.current=u?.from?.blockchain,S.current=u?.from?.token}},[u?.from?.token?.symbol,u?.from?.token?.address,u?.from?.token?.blockchain,u?.from?.blockchain,m]),$t(()=>{s&&f&&(f.some(T=>Ie(T,s))||r({token:null})),l&&b&&(b.includes(l.name)||n(null))},[f,b]),$t(()=>{a&&g&&(g.some(T=>Ie(T,a))||e({token:null})),p&&v&&(v.includes(p.name)||o(null))},[g,v]),$t(()=>{if(m==="success"){let T=c.find(M=>M.name===u?.to?.blockchain),P=y.find(M=>Ie(M,u?.to?.token||null));(T||!T&&O.current)&&o(T??null),P?e({token:P,meta:{blockchains:c,tokens:y}}):!P&&C.current&&e({token:null}),O.current=u?.to?.blockchain,C.current=u?.to?.token}},[u?.to?.token?.symbol,u?.to?.token?.address,u?.to?.token?.blockchain,u?.to?.blockchain,m]),$t(()=>{d(u?.affiliate?.ref??null),h(u?.affiliate?.percent??null),x(u?.affiliate?.wallets??null)},[u?.affiliate?.ref,u?.affiliate?.percent,u?.affiliate?.wallets])}i(Js,"useSyncStoresWithConfig");import{create as Wc}from"zustand";var Te=Xe(Wc()(t=>({connectWalletsButtonDisabled:!1,selectedSwapRequestId:null,currentPage:"",setSelectedSwap:e=>t({selectedSwapRequestId:e}),setCurrentPage:e=>t({currentPage:e})})));function Zs(){let t=Sr(!0),[e,o]=Bc(),n=Lc(),r=Sr(n.search),s=Sr({}),a=z.use.fromBlockchain(),l=z.use.toBlockchain(),p=z.use.fromToken(),u=z.use.toToken(),m=z.use.setFromBlockchain(),c=z.use.setFromToken(),y=z.use.setToBlockchain(),d=z.use.setToToken(),h=z.use.inputAmount(),x=z.use.setInputAmount(),f=k().fetchStatus,b=k().blockchains(),g=k().tokens(),v=Te.use.setSelectedSwap();return Js(),yr(()=>{let S={};Nc(r.current).forEach((B,O)=>{S[O]=B}),s.current=S;let C=n.pathname.split($.swaps+"/")[1]||null;C&&v(C)},[]),yr(()=>{if(!t.current){let S="",C="",B="",O="",T="",P=s.current["autoConnect"];f!=="success"?(S=s.current["fromBlockchain"],C=s.current["fromToken"],B=s.current["toBlockchain"],O=s.current["toToken"],T=s.current["fromAmount"]||h):(S=a?.name||"",C=(p?.symbol||"")+(p?.address?`--${p?.address}`:""),B=l?.name||"",O=(u?.symbol||"")+(u?.address?`--${u?.address}`:""),T=h),o({...S&&{["fromBlockchain"]:S},...C&&{["fromToken"]:C},...B&&{["toBlockchain"]:B},...O&&{["toToken"]:O},...T&&{["fromAmount"]:T.toString()},...P&&{["autoConnect"]:P}},{replace:!0})}t.current=!1},[n.pathname,h,a,p,l,u]),yr(()=>{if(f==="success"){let S=e.get("fromBlockchain"),C=e.get("fromToken"),B=e.get("toBlockchain"),O=e.get("toToken"),T=e.get("fromAmount"),P=b.find(D=>D.name===S),M=dr(g,C,P||null),N=b.find(D=>D.name===B),w=dr(g,O,N||null);P&&(m(P),M&&c({token:M,meta:{blockchains:b,tokens:g}})),N&&(y(N),w&&d({token:w,meta:{blockchains:b,tokens:g}})),T&&x(T)}},[f]),null}i(Zs,"UpdateUrl");function Rs({children:t,...e}){let o=Fc(),n=o?_c:Dc,r=k().blockchains(),{canSwitchNetworkTo:s}=$c();Ws();let a=r.filter(Pc);return Mc({lastConnectedWallet:e.lastConnectedWallet,clearDisconnectedWallet:e.clearDisconnectedWallet,disconnectedWallet:e.disconnectedWallet,evmChains:a,canSwitchNetworkTo:s}),en.createElement(en.Fragment,null,en.createElement(n,null,t),o&&en.createElement(Zs,null))}i(Rs,"AppRouter");import be from"react";import{useRoutes as Ph}from"react-router-dom";import{i18n as vn}from"@lingui/core";import{useManager as Qd}from"@rango-dev/queue-manager-react";import{Alert as $l,Button as Pl,Divider as Hd,IconButton as _l,RefreshIcon as Vd,SettingsIcon as jd,styled as Dl,Tooltip as Kd,Typography as Xd,WalletIcon as Yd}from"@rango-dev/ui";import te,{useEffect as lo,useLayoutEffect as Jd,useRef as Zd,useState as xn}from"react";import{flushSync as Rd}from"react-dom";import{useNavigate as ef}from"react-router-dom";import{i18n as rt}from"@lingui/core";import{Alert as Br,BalanceErrors as Km,Button as Va,ChevronDownIcon as Xm,ChevronLeftIcon as Ym,Divider as Ot,MessageBox as Jm,Modal as ja,Typography as gn,WalletIcon as Zm}from"@rango-dev/ui";import W,{useEffect as Rm,useLayoutEffect as ed,useRef as td,useState as vt}from"react";import{useNavigate as od}from"react-router-dom";import{i18n as tn}from"@lingui/core";function on(t){switch(t.type){case 0:return tn.t("Route has been updated.");case 3:return tn.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return tn.t("Route swappers has been updated.");case 2:return tn.t("Route internal coins has been updated.");default:return""}}i(on,"getQuoteUpdateWarningMessage");import*as _t from"@radix-ui/react-collapsible";import{Button as Uc,darkTheme as Pt,IconButton as zc,keyframes as ea,styled as ye,TextField as qc}from"@rango-dev/ui";var Zt=300,Gc=ea({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),Qc=ea({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),ta=ye("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),oa=ye("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}),na=ye("button",{borderRadius:"$xm",padding:"$10",border:"0",display:"flex",justifyContent:"center",$$color:"$colors$neutral100",[`.${Pt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",alignItems:"center",cursor:"pointer",width:110,position:"relative","&:hover":{$$color:"$colors$info100",[`.${Pt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$color:"$colors$info100",[`.${Pt} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color",outline:0},variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary",outlineStyle:"solid"}}}}),ra=ye(_t.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit"}),ia=ye("div",{padding:"$20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),sa=ye(zc,{position:"absolute",left:"$20"}),aa=ye("div",{paddingTop:"$20","& .wallets-list":{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}}),la=ye(_t.Root,{backgroundColor:"$neutral200",borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),pa=ye(Uc,{width:"100%",borderRadius:"$sm !important",padding:"$15 !important",justifyContent:"space-between",alignItems:"center",$$color:"$colors$neutral100",[`.${Pt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color","&:hover":{$$color:"$colors$info100",[`.${Pt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$background:"$colors$info100",[`.${Pt} &`]:{$$background:"$colors$info700"},backgroundColor:"$$background",outline:0}}),ua=ye("div",{padding:"$10 $0","& .button__content":{display:"flex",justifyContent:"center",alignItems:"center"},"& .alarms":{paddingTop:"5px"}}),ca=ye("div",{transition:`all ${Zt}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),ma=ye("div",{display:"flex"}),da=ye(qc,{padding:"$0 $15 $15 $15"}),nn=ye(_t.Content,{overflow:"hidden",variants:{open:{true:{animation:`${Gc} ${Zt}ms ease-out`},false:{animation:`${Qc} ${Zt}ms ease-out`}}}}),fa=ye("div",{overflow:"visible",width:"100%"});import{i18n as ze}from"@lingui/core";import{Button as Hm,Divider as Nr,Image as Vm,MessageBox as fn,Modal as za,SelectableWallet as jm,Typography as qa,WalletState as Ga}from"@rango-dev/ui";import ee,{useEffect as Qa,useState as eo}from"react";import{WalletState as ga}from"@rango-dev/ui";import{useWallets as Hc}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as Vc,WalletTypes as jc}from"@rango-dev/wallets-shared";import{useEffect as Kc,useState as Xc}from"react";var Yc=Object.values(jc);function rn(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:s,disconnect:a,getWalletInfo:l,connect:p}=Hc(),{connectedWallets:u}=j(),m=k().blockchains(),c=fs(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||Yc,y=ss(s,l,c,o),d=ms(y),[h,x]=Xc(""),f=i(S=>!u.find(C=>C.walletType===S&&C.chain===o),"isExperimentalChainNotAdded"),b=i(async S=>{let C=s(S);try{if(h&&x(""),C.connected)await a(S);else{let B=!!y.find(O=>O.state===ga.CONNECTED);if(!e?.multiWallets&&B)return;n?.(S),await p(S),r?.(S)}}catch(B){x("Error: "+B?.message)}},"handleClick"),g=i(()=>{let S=y?.filter(C=>C.state===ga.CONNECTING)||[];for(let C of S)a(C.type)},"disconnectConnectingWallets");Kc(()=>()=>{g()},[]);let v=i((S,C,B)=>Po(B,C)&&f(S)&&!Vc.includes(S),"shouldExcludeWallet");return{list:d.filter(S=>!v(S.type,o??"",m)),error:h,handleClick:b}}i(rn,"useWalletList");import{i18n as $a}from"@lingui/core";import{styled as _a,Typography as Dm,Wallet as Fm,WalletState as Om}from"@rango-dev/ui";import wt,{Fragment as Um,useState as Pa}from"react";import{BottomLogo as Am,Divider as Im,Header as Wm}from"@rango-dev/ui";import ge from"react";import{useNavigate as Jc}from"react-router-dom";function mt(){let t=Jc();return()=>t(-1)}i(mt,"useNavigateBack");import{ChevronLeftIcon as em}from"@rango-dev/ui";import Sa from"react";import{darkTheme as Zc,IconButton as Rc,styled as sn}from"@rango-dev/ui";var Oe=sn(Rc,{width:"$24",position:"relative",padding:"0",overflow:"unset"}),ha=sn("div",{position:"absolute",background:"$secondary500",[`.${Zc} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),Dt=sn("div",{display:"flex",justifyContent:"flex-end",width:"$40"}),ya=sn("div",{position:"absolute",backgroundColor:"$secondary500",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0"});function Cr(t){return Sa.createElement(Oe,{variant:"ghost",size:"small",onClick:t.onClick},Sa.createElement(em,{color:"black",size:16}))}i(Cr,"BackButton");import{i18n as tm}from"@lingui/core";import{Button as om,Typography as nm}from"@rango-dev/ui";import kr from"react";function Tr(t){return kr.createElement(Dt,null,kr.createElement(om,{variant:"ghost",onClick:t.onClick,size:"xsmall"},kr.createElement(nm,{variant:"label",size:"medium",color:"error500"},tm.t("Cancel"))))}i(Tr,"CancelButton");import{i18n as rm}from"@lingui/core";import{Tooltip as im,WalletIcon as sm}from"@rango-dev/ui";import an from"react";function wr(t){return an.createElement(im,{container:t.container,side:"top",content:rm.t("Connect Wallet")},an.createElement(Oe,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&an.createElement(ha,null),an.createElement(sm,{size:18,color:"black"})))}i(wr,"WalletButton");import{i18n as un}from"@lingui/core";import{NotificationsIcon as Tm,Popover as wm,RefreshIcon as vm,SettingsIcon as xm,Tooltip as cn,TransactionIcon as bm}from"@rango-dev/ui";import ue from"react";import{i18n as fm}from"@lingui/core";import{ChainToken as xa,ChevronRightIcon as gm,ListItemButton as hm,Typography as ym}from"@rango-dev/ui";import Ue from"react";import{useNavigate as Sm}from"react-router-dom";import{create as am}from"zustand";import{persist as lm,subscribeWithSelector as pm}from"zustand/middleware";var Ne=Xe(am()(lm(pm((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,tokenAddress:r.fromSymbolAddress,tokenSymbol:r.fromSymbol},to:{blockchain:s.toBlockchain,tokenSymbol:s.toSymbol,tokenAddress:s.toSymbolAddress}}},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 ln}from"@rango-dev/ui";var Ca=ln("div",{padding:"$10",width:"350px",minHeight:"150px"}),ka=ln("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),Ta=ln("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),wa=ln("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as um}from"@lingui/core";import{Divider as cm,NoNotificationIcon as mm,Typography as dm}from"@rango-dev/ui";import pn from"react";function va(){return pn.createElement(wa,null,pn.createElement(mm,{color:"secondary",size:26}),pn.createElement(cm,{size:12}),pn.createElement(dm,{variant:"body",size:"medium",color:"neutral700"},um.t("You have no notification")))}i(va,"NotificationNotFound");var Cm=4;function vr(){let t=Sm(),e=Te.use.setSelectedSwap(),{getUnreadNotifications:o}=Ne(),n=o(),r=k().blockchains(),s=k().tokens(),a=n.sort((p,u)=>u.creationTime-p.creationTime).slice(0,Cm),l=i(p=>{e(p),t(`${$.swaps}/${p}`)},"handleOnClick");return Ue.createElement(Ca,null,a.length?Ue.createElement(ka,null,a.map(p=>{let u=s.find(d=>d.address===p.route.from.tokenAddress&&d.blockchain===p.route.from.blockchain&&d.symbol===p.route.from.tokenSymbol),m=r.find(d=>d.name===p.route.from.blockchain),c=s.find(d=>d.address===p.route.to.tokenAddress&&d.blockchain===p.route.to.blockchain&&d.symbol===p.route.to.tokenSymbol),y=r.find(d=>d.name===p.route.to.blockchain);return Ue.createElement(hm,{key:p.requestId,onClick:()=>l(p.requestId),title:Ue.createElement(ym,{variant:"body",size:"small",color:"$neutral700"},fm.t(p.event.message)),id:p.requestId,start:Ue.createElement(Ta,null,Ue.createElement("div",{className:"from-chain-token"},Ue.createElement(xa,{tokenImage:u?u.image:"",chainImage:m?m.logo:"",size:"small"})),Ue.createElement("div",{className:"to-chain-token"},Ue.createElement(xa,{tokenImage:c?c.image:"",chainImage:y?y.logo:"",size:"small"}))),end:Ue.createElement(gm,{size:12,color:"gray"})})})):Ue.createElement(va,null))}i(vr,"NotificationContent");import{Typography as km}from"@rango-dev/ui";import ba from"react";function Ea(){let{getUnreadNotifications:t}=Ne(),e=t().length;return e?ba.createElement(ya,null,ba.createElement(km,{variant:"body",size:"xsmall",color:"$background"},e)):null}i(Ea,"UnreadNotificationsBadge");function xr(t){let{layoutRef:e,onClickRefresh:o,onClickHistory:n,onClickSettings:r,onClickNotifications:s}=t;return ue.createElement(ue.Fragment,null,ue.createElement(cn,{container:K(),side:"top",content:un.t("Refresh")},ue.createElement(Oe,{variant:"ghost",size:"small",onClick:o,disabled:!o},ue.createElement(vm,{size:16,color:o?"black":"gray"}))),ue.createElement(cn,{container:K(),side:"top",content:un.t("Notifications")},ue.createElement(wm,{align:"center",collisionBoundary:e,collisionPadding:{right:20,left:20},container:K(),content:ue.createElement(vr,null)},ue.createElement(Oe,{size:"small",variant:"ghost",onClick:s},ue.createElement(Tm,{size:18,color:"black"}),ue.createElement(Ea,null)))),ue.createElement(cn,{container:K(),side:"top",content:un.t("Settings")},ue.createElement(Oe,{size:"small",variant:"ghost",onClick:r},ue.createElement(xm,{size:18,color:"black"}))),ue.createElement(cn,{container:K(),side:"top",content:un.t("Transactions History")},ue.createElement(Oe,{size:"small",variant:"ghost",onClick:n},ue.createElement(bm,{size:18,color:"black"}))))}i(xr,"HomeButtons");import{darkTheme as Em,styled as br}from"@rango-dev/ui";var Aa=br("div",{position:"relative",display:"flex",flexDirection:"column",borderRadius:"$primary",overflow:"hidden !important",boxShadow:"15px 15px 15px 0px rgba(0, 0, 0, 0.05)",width:"95vw",maxWidth:"390px",maxHeight:"700px",$$color:"$colors$neutral100",[`.${Em} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",variants:{fixedHeight:{true:{height:"95vh"},false:{height:"auto"}}}}),Ia=br("div",{borderTopLeftRadius:"20px",borderTopRightRadius:"20px",display:"flex",flexDirection:"column",flex:1,padding:"$20 $20 $10 $20",backgroundColor:"$background",position:"relative",overflowY:"auto",overflowX:"hidden",variants:{noPadding:{true:{padding:"0"}}}}),Wa=br("div",{backgroundColor:"$background","& .footer__content":{padding:"$0 $20"},"& .footer__logo":{padding:"$0 $20 $10 $20"}});function Nm(t,e){let{children:o,header:n,footer:r,noPadding:s,hasLogo:a=!0,fixedHeight:l=!0}=t,p=j.use.connectedWallets(),u=Te.use.connectWalletsButtonDisabled(),m=mt(),c=i(()=>{!u&&n.onWallet&&n.onWallet()},"onConnectWallet"),y=typeof n.hasBackButton>"u"||n.hasBackButton;return ge.createElement(Aa,{ref:e,fixedHeight:l,id:"swap-box"},ge.createElement(Wm,{prefix:ge.createElement(ge.Fragment,null,y&&ge.createElement(Cr,{onClick:m})),title:n.title,suffix:ge.createElement(ge.Fragment,null,n.suffix,n.onWallet&&ge.createElement(wr,{container:K(),onClick:c,isConnected:!!p?.length}),n.onCancel&&ge.createElement(Tr,{onClick:n.onCancel}))}),ge.createElement(Ia,{noPadding:s},o),(a||r)&&ge.createElement(Wa,null,ge.createElement("div",{className:"footer__content"},r),a&&ge.createElement("div",{className:"footer__logo"},ge.createElement(Im,{size:12}),ge.createElement(Am,null))))}i(Nm,"LayoutComponent");var X=ge.forwardRef(Nm);X.displayName="Layout";import{Divider as Pm,Modal as _m}from"@rango-dev/ui";import Ar from"react";import{i18n as Ft}from"@lingui/core";import{Image as Mm,MessageBox as Er,WalletState as $m}from"@rango-dev/ui";import Tt from"react";import{keyframes as Lm,styled as mn}from"@rango-dev/ui";var bw=mn("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),Na=mn("div",{position:"relative"}),Bm=Lm({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),La=mn("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Bm} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),Ba=mn("div",{"& img":{borderRadius:"50%"}});function Ma(t){let{state:e,image:o,error:n}=t;return e===$m.CONNECTED?Tt.createElement(Er,{type:"success",title:Ft.t("Wallet Connected"),description:Ft.t("Your wallet is connected, you can use it to swap.")}):n?Tt.createElement(Er,{type:"error",title:Ft.t("Failed to Connect"),description:n||Ft.t("Your wallet is not connected. Please try again.")}):Tt.createElement(Er,{type:"loading",title:Ft.t("Connecting to your wallet"),description:Ft.t("Click connect in your wallet popup."),icon:Tt.createElement(Na,null,Tt.createElement(Ba,null,Tt.createElement(Mm,{src:o,size:45})),Tt.createElement(La,null))})}i(Ma,"ModalContent");function Rt(t){let{open:e,onClose:o,...n}=t;return Ar.createElement(_m,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},Ar.createElement(Ma,{...n}),Ar.createElement(Pm,{direction:"vertical",size:32}))}i(Rt,"WalletModal");var zm=_a("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline",paddingTop:"$15",height:"100%"}),qm=_a("div",{textAlign:"center"}),dn=3e3,Ir=300;function Da(){let{config:t,fetchStatus:e}=k(),[o,n]=Pa(!1),[r,s]=Pa(""),a=null,{list:l,handleClick:p,error:u}=rn({config:t,onBeforeConnect:d=>{a=setTimeout(()=>{n(!0),s(d)},Ir)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},dn)}}),m=l.find(d=>d.type===r),c=m?.image||"",y=m?.state||Om.NOT_INSTALLED;return wt.createElement(X,{header:{title:$a.t("Connect Wallets")}},wt.createElement(qm,null,wt.createElement(Dm,{variant:"title",size:"xmedium",align:"center"},$a.t("Choose a wallet to connect.")),wt.createElement(zm,null,l.map((d,h)=>{let x=`wallet-${h}-${d.type}`;return wt.createElement(Um,{key:x},wt.createElement(Fm,{...d,container:K(),onClick:f=>{p(f)},isLoading:e==="loading"}))}),wt.createElement(Rt,{open:!!o,onClose:()=>n(!1),image:c,state:y,error:u}))))}i(Da,"WalletsPage");import{keyframes as Gm,styled as Wr}from"@rango-dev/ui";var Fa=Wr("div",{position:"relative"}),Qm=Gm({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),Oa=Wr("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Qm} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),Ua=Wr("div",{"& img":{borderRadius:"50%"}});function Lr(t){let{chain:e,isSelected:o,selectWallet:n,limit:r,onShowMore:s}=t,{config:a}=k(),l=j.use.connectedWallets(),{blockchains:p}=k(),[u,m]=eo(""),[c,y]=eo(null),[d,h]=eo(!1),[x,f]=eo(null),{suggestAndConnect:b}=Ha(),g=null,{list:v,error:S,handleClick:C}=rn({config:a,chain:e,onBeforeConnect:w=>{g=setTimeout(()=>{m(w)},Ir)},onConnect:()=>{g&&clearTimeout(g),setTimeout(()=>{m("")},dn)}}),[B,O]=eo(v),T=v.length,P=r&&T-r>0,M=i(async w=>{h(!1),f("in-progress");try{await b(w.walletType,w.chain),f("completed")}catch{f("rejected")}},"addExperimentalChain");Qa(()=>{O(w=>{let D=v.findIndex(A=>o(A.type,e));return P&&D>1?[v[D]].concat(v.filter((A,V)=>V!==D)):w.map(A=>v.find(V=>V.type===A.type)??A)})},[JSON.stringify(v)]);let N=document.querySelector("#swap-box");return Qa(()=>{let w=null;return(x==="completed"||x==="rejected")&&(w=setTimeout(()=>f(null),dn)),()=>{w&&clearTimeout(w)}},[x]),ee.createElement(ee.Fragment,null,B.slice(0,r).map(w=>{let D=ds({connectedWallets:l,walletType:w.type,chain:e}),A=D?_o(D):"",V=Po(p(),e),oe=!l.find(de=>de.walletType===w.type&&de.chain===e),ne=V&&oe&&w.state===Ga.CONNECTED,G=ne?ze.t({id:"Add {chain} chain",values:{chain:e}}):A,se=i(()=>{w.state===Ga.DISCONNECTED?C(w.type):ne?(y({walletType:w.type,chain:e,address:D??""}),h(!0)):n({walletType:w.type,chain:e,address:D??""})},"onClick"),me=c?.chain?Ns(c.chain,p()):void 0;return ee.createElement(ee.Fragment,null,ee.createElement(Rt,{open:u===w.type,onClose:()=>m(""),image:w.image,state:w.state,error:S}),!!c&&ee.createElement(za,{open:!!c&&d,container:N,onClose:()=>{y(null)}},ee.createElement(fn,{title:ze.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:me}}),type:"warning",description:ze.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:me}})},ee.createElement(Nr,{size:18}),ee.createElement(Nr,{size:32}),ee.createElement(Hm,{onClick:M.bind(null,c),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},ze.t("Confirm")))),x&&ee.createElement(za,{open:!!x,onClose:f.bind(null,null),container:N},x==="in-progress"&&ee.createElement(fn,{type:"loading",title:ze.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:me}}),description:ze.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:me}}),icon:ee.createElement(Fa,null,ee.createElement(Ua,null,ee.createElement(Vm,{src:w.image,size:45})),ee.createElement(Oa,null))}),x==="completed"&&ee.createElement(fn,{type:"success",title:ze.t({id:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:me}}),description:ze.t({id:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:me}})}),x==="rejected"&&ee.createElement(fn,{type:"error",title:ze.t("Request Rejected"),description:ze.t({id:"You've rejected adding {blockchainDisplayName} chain to your wallet.",values:{blockchainDisplayName:me}})}),ee.createElement(Nr,{direction:"vertical",size:32})),ee.createElement(jm,{key:w.type,description:G,onClick:se,selected:o(w.type,e),...w}))}),P&&ee.createElement(na,{selected:!1,onClick:s.bind(null)},ee.createElement(qa,{variant:"label",size:"medium"},ze.t("Show more wallets"),ee.createElement(qa,{variant:"label",size:"medium",color:"$primary"},"\xA0+",T-(r??0)))))}i(Lr,"WalletList");var nd=2;function Ka(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,loading:s}=t,a=k().config,l=k().blockchains(),{quote:p,setSelectedWallets:u,quoteWalletsConfirmed:m,setQuoteWalletConfirmed:c,customDestination:y,setCustomDestination:d}=z(),{connectedWallets:h,selectWallets:x}=j(),[f,b]=vt(""),[g,v]=vt([]),[S,C]=vt(""),[B,O]=vt(null),[T,P]=vt(y),[M,N]=vt(!!y),w=td(null),D=qo(p),A=l.find(_=>_.name===p?.result?.swaps[p?.result?.swaps.length-1].to.blockchain),V=i(_=>!!p?.result?.swaps.find(J=>J.from.blockchain===_),"isWalletRequiredFor"),[oe,ne]=vt(h.filter(_=>_.selected&&D.includes(_.chain))),G=l.find(_=>_.name===A?.name),se=i((_,J)=>!!oe.find(q=>q.walletType===_&&q.chain===J&&q.selected&&(V(J)||!V(J)&&!T)),"isSelected"),me=!!T&&M&&G&&!Go(G,T),de=i(()=>{N(!1),P(""),ne(_=>{let J=!1;return _.map(q=>!J&&q.chain===A?.name?(J=!0,{...q,selected:!0}):q)})},"resetCustomDestination"),_e=i(_=>{if(f&&b(""),se(_.walletType,_.chain))return;let q=h.find(ae=>ae.walletType===_.walletType&&ae.chain===_.chain);q&&(n(),_.chain===A?.name&&M&&(N(!1),P("")),ne(ae=>ae.filter(Ve=>Ve.chain!==_.chain).concat({...q,selected:!0})))},"onChange"),It=i(()=>{let _=oe.filter(J=>J.selected);x(_),u(_),d(T),c(!0),o()},"onConfirmBalance"),Kt=i(async()=>{v([]),C(""),O(null);let _=h.filter(ae=>oe.find(Ve=>Ve.chain===ae.chain&&Ve.walletType===ae.walletType)),J=await r?.({selectedWallets:_,customDestination:T}),q=J.warnings;q?.balance?.messages&&v(q.balance.messages),q?.quoteUpdate&&O(q.quoteUpdate),J.error&&C(Bs(J.error)),!J.error&&(!q?.balance?.messages.length||0>0)?It():v(q?.balance?.messages??[])},"onConfirmWallets");Rm(()=>{ne(_=>_.concat(h.filter(J=>!!!_.find(ae=>ae.chain===J.chain)&&J.selected&&D.includes(J.chain))))},[h.length]),ed(()=>{M&&w.current&&setTimeout(()=>{w?.current?.scrollIntoView({behavior:"smooth"})},Zt)},[M]);let ot=document.querySelector("#swap-box"),He=od();return W.createElement(ja,{open:e,onClose:()=>{m||He("../",{replace:!0}),o()},dismissible:!f,container:ot,...!f&&{footer:W.createElement(ma,null,W.createElement(Va,{loading:s,disabled:Hs(s,M,T,p,oe,A),onClick:Kt,variant:"contained",type:"primary",fullWidth:!0,size:"large"},"Confirm"))},...f&&{containerStyle:{padding:"$0"},header:W.createElement(ia,null,W.createElement(sa,{variant:"ghost",onClick:b.bind(null,"")},W.createElement(Ym,{size:16})),W.createElement(gn,{variant:"headline",size:"small"},rt.t({id:"Your {blockchainName} wallets",values:{blockchainName:Ye(f,l)}})))},anchor:"center"},W.createElement(ja,{open:g.length>0,onClose:v.bind(null,[]),container:ot},W.createElement(Jm,{title:rt.t("Insufficient account balance"),type:"error",description:W.createElement(Km,{messages:g??[]})},W.createElement(Va,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:It},rt.t("Proceed anyway")))),f&&W.createElement(aa,null,W.createElement("div",{className:"wallets-list"},W.createElement(Lr,{chain:f,isSelected:se,selectWallet:_e,onShowMore:b.bind(null,f)}))),!f&&W.createElement(W.Fragment,null,S&&W.createElement(W.Fragment,null,W.createElement(Br,{variant:"alarm",type:"error",title:rt.t(S)}),W.createElement(Ot,{size:12})),B&&W.createElement(W.Fragment,null,W.createElement(Br,{variant:"alarm",type:"warning",title:on(B)}),W.createElement(Ot,{size:12})),W.createElement(fa,null,D.map((_,J)=>{let q=l.find(Ee=>Ee.name===_),ae=`wallet-${J}`,Ve=J===D.length-1;return W.createElement("div",{key:ae},W.createElement(ta,null,W.createElement(gn,{variant:"title",size:"xmedium"},rt.t({id:"Your {blockchainName} wallets",values:{blockchainName:q?.shortName}})),W.createElement(gn,{variant:"label",color:"$neutral700",size:"medium"},rt.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:q?.shortName}}))),W.createElement(Ot,{size:24}),W.createElement(oa,null,W.createElement(Lr,{chain:_,isSelected:se,selectWallet:_e,limit:nd,onShowMore:()=>b(q?.name??"")})),!Ve&&W.createElement(Ot,{size:32}),Ve&&a?.customDestination&&W.createElement(ua,null,W.createElement(la,{ref:w,selected:M,open:M,onOpenChange:Ee=>{Ee?V(A?.name??"")||ne(Zn=>Zn.map(Rn=>Rn.chain===A?.name?{...Rn,selected:!1}:Rn)):de()}},W.createElement(ra,{onClick:()=>N(Ee=>!Ee)},W.createElement(pa,{fullWidth:!0,variant:"default",suffix:W.createElement(ca,{orientation:M?"up":"down"},W.createElement(Xm,{size:10,color:"gray"}))},W.createElement("div",{className:"button__content"},W.createElement(Zm,{size:18,color:"info"}),W.createElement(Ot,{size:4,direction:"horizontal"}),W.createElement(gn,{variant:"label",size:"medium"},rt.t("Send to a different address"))))),W.createElement(nn,{open:M},W.createElement(W.Fragment,null,W.createElement(Ot,{size:4}),W.createElement(da,{autoFocus:!0,placeholder:rt.t("Your destination address"),value:T,onChange:Ee=>{P(Ee.target.value)}})))),me&&W.createElement("div",{className:"alarms"},W.createElement(Br,{variant:"alarm",type:"error",title:rt.t({values:{destination:T},id:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}i(Ka,"ConfirmWalletsModal");import{Divider as Od}from"@rango-dev/ui";import Me from"react";import{i18n as Dr}from"@lingui/core";import{Alert as id,ChevronDownIcon as sd,ChevronRightIcon as ad,Divider as Fr,Image as ll,InfoIcon as ld,QuoteCost as pd,StepDetails as ud,TokenAmount as cd,Tooltip as pl,Typography as Ut}from"@rango-dev/ui";import L,{useLayoutEffect as md,useRef as ul,useState as dd}from"react";import{styled as to}from"@rango-dev/ui";var Xa=to("div",{paddingBottom:"$10"}),Mr=to("div",{width:"100%","& .position-top__skeleton":{paddingTop:"$10"}}),Ya=to("div",{variants:{paddingTop:{true:{paddingTop:"$10"}}}}),Ja=to("div",{paddingBottom:"$15"}),Za=to("div",{width:"100%",display:"flex"});import*as hn from"@radix-ui/react-collapsible";import{darkTheme as Je,Image as Ra,styled as it}from"@rango-dev/ui";var $r=300,el=it(hn.Root,{display:"flex",flexDirection:"column",alignItems:"start",overflowX:"auto",overflowY:"hidden",width:"100%",borderRadius:"$xm",cursor:"default",variants:{recommended:{true:{$$color:"$colors$info300",[`.${Je} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"},false:{$$color:"$colors$neutral400",[`.${Je} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}}},"& .steps-details":{padding:"$10 $15"}}),tl=it("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",[`.${Je} &`]:{$$color:"$colors$secondary600"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}},false:{$$color:"$colors$neutral200",[`.${Je} &`]:{$$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",[`.${Je} &`]:{$$color:"$colors$secondary700"},backgroundColor:"$$color"}}},{listItem:!0,recommended:!1,css:{"&:hover":{$$color:"$colors$neutral300",[`.${Je} &`]:{$$color:"$colors$neutral400"},backgroundColor:"$$color"}}}],"& .summary":{width:"100%",padding:"$15 $15 $10 $15",cursor:"default"},"& .basic-info":{paddingTop:"$10",display:"flex",alignItems:"center",".usd-value":{$$color:"$colors$neutral600",[`.${Je} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}}),ol=it(hn.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:{[`& ${Ra}`]:{border:"1px $warning500 solid",borderRadius:"100%"}},false:{[`& ${Ra}`]:{border:"1px transparent solid",borderRadius:"100%"}}},recommended:{true:{$$color:"$colors$info300",[`.${Je} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"},false:{$$color:"$colors$neutral400",[`.${Je} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}}},"& div:nth-child(1)":{display:"flex"}}),Pr=it("div",{width:"18px",height:"18px",borderRadius:"100%",border:"1.5px transparent solid",display:"flex",justifyContent:"center",alignItems:"center",variants:{state:{error:{borderColor:"$error500"},warning:{borderColor:"$warning500"}}}}),nl=it(nn,{width:"100%"}),_r=it("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$2",transition:`all ${$r}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),Mv=it("div",{height:"$12",marginLeft:"$10",marginRight:"$10",borderLeft:"1px solid $foreground"}),rl=it("div",{display:"flex",justifyContent:"center",margin:"0 $15",borderTop:"1px solid",$$color:"$colors$neutral300",[`.${Je} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color"}),il=it("div",{width:"$16",height:"$16",justifyContent:"center",alignItems:"center",display:"flex"});import{TokenAmount as al}from"@rango-dev/ui";import yn from"react";import{styled as rd}from"@rango-dev/ui";var sl=rd("div",{position:"relative",display:"flex",flexDirection:"column",width:"100%","& .separator":{height:"14px",marginLeft:"14px",position:"absolute",borderLeft:"1px solid $foreground",top:"42%"}});function oo(t){let{from:e,to:o,percentageChange:n,warningLevel:r}=t;return yn.createElement(sl,null,yn.createElement(al,{direction:"horizontal",label:"Swap input",type:"input",price:{value:e.price.value,usdValue:e.price.usdValue},token:{displayName:e.token.displayName,image:e.token.image},chain:{image:e.chain.image}}),yn.createElement("div",{className:"separator"}),yn.createElement(al,{direction:"horizontal",label:"Estimated output",type:"output",price:{value:o.price.value,usdValue:o.price.usdValue},token:{displayName:o.token.displayName,image:o.token.image},chain:{image:o.chain.image},percentageChange:n,warningLevel:r}))}i(oo,"QuoteSummary");function Or(t){let{quote:e,input:o,output:n,error:r,warning:s,type:a,recommended:l=!0}=t,p=k().tokens(),u=k().blockchains(),m=k().swappers(),[c,y]=dd(t.expanded),d=ul(null),h=ul(c),x=I(Ko(e.result?.swaps??[],p),2,2),f=Wo(No(e.result?.swaps)),b=I(o.value,6,6),g=I(n.value,6,6),v=n.usdValue?I(n.usdValue,4,4):"",S=We(o.usdValue,n.usdValue??null),C=I(S,2,2),B=nt(S??0),T=i(N=>N.map((w,D)=>{let A,V=r?.type===3&&r.swap.swapperId===w.swapperId||r?.type===4&&r.recommendedSlippages?.has(D),oe=s?.type===2&&s.recommendedSlippages?.has(D);return V?A="error":oe&&(A="warning"),{swapper:{displayName:Ls(w.swapperId,m),image:w.swapperLogo},from:{token:{displayName:w.from.symbol,image:w.from.logo},chain:{displayName:Ye(w.from.blockchain,u),image:w.from.blockchainLogo},price:{value:D===0?I(o.value,6,6):I(w.fromAmount,6,6),usdValue:I((w.from.usdPrice??0)*parseFloat(w.fromAmount),4,4)}},to:{token:{displayName:w.to.symbol,image:w.to.logo},chain:{displayName:Ye(w.to.blockchain,u),image:w.to.blockchainLogo},price:{value:I(w.toAmount,6,6),usdValue:I((w.to.usdPrice??0)*parseFloat(w.toAmount),4,4)}},state:A,alerts:V||oe?L.createElement(Ja,null,L.createElement(id,{type:V?"error":"warning",title:r?.type===3?r?.recommendation:Dr.t("Slippage Error:"),footer:L.createElement(Za,null,r?.type===3&&L.createElement(L.Fragment,null,L.createElement(Ut,{size:"xsmall",variant:"body",color:"neutral900"},r.fromAmountRangeError),L.createElement(Fr,{direction:"horizontal",size:8}),L.createElement(Ut,{size:"xsmall",variant:"body",color:"neutral900"},"|"),L.createElement(Fr,{direction:"horizontal",size:8}),L.createElement(Ut,{size:"xsmall",variant:"body",color:"neutral900"},Dr.t({id:"Yours: {amount} {symbol}",values:{amount:I(w.fromAmount,6,6),symbol:w?.from.symbol}}))),(r?.type===4||s?.type===2)&&L.createElement(Ut,{size:"xsmall",variant:"body",color:"neutral900"},Dr.t({id:"Minimum required slippage is {minRequiredSlippage}",values:{...r?.type===4&&{minRequiredSlippage:r.recommendedSlippages?.get(D)},...s?.type===2&&{minRequiredSlippage:s.recommendedSlippages?.get(D)}}})))})):void 0}}),"getQuoteSteps")(e.result?.swaps??[]),P=T.length,M=K();return md(()=>{c&&!h.current&&d.current&&setTimeout(()=>{d?.current?.scrollIntoView({behavior:"smooth"})},$r),h.current=c},[c,h]),L.createElement(L.Fragment,null,L.createElement(tl,{recommended:l,listItem:a==="list-item",basic:a==="basic"},L.createElement("div",{className:"summary"},L.createElement(pd,{fee:x,time:f,steps:P}),a==="basic"&&L.createElement("div",{className:"basic-info"},L.createElement(il,null,L.createElement(ld,{size:12,color:"gray"})),L.createElement(Ut,{size:"small",variant:"body",style:{letterSpacing:.4}},`${b} ${T[0].from.token.displayName} = ${g} ${T[T.length-1].to.token.displayName}`),L.createElement(Ut,{color:"$neutral600",ml:2,size:"xsmall",variant:"body"},`($${v})`)),a==="list-item"&&L.createElement(cd,{type:"output",direction:"vertical",price:{value:g,usdValue:v},token:{displayName:T[P-1].to.token.displayName,image:T[P-1].to.token.image},chain:{image:T[P-1].to.chain.image},percentageChange:C,warningLevel:B}),a==="swap-preview"&&L.createElement(L.Fragment,null,L.createElement(oo,{from:T[0].from,to:T[P-1].to,percentageChange:C,warningLevel:B}),L.createElement(Fr,{size:4}))),L.createElement(el,{recommended:l,open:c,onOpenChange:y},L.createElement(ol,{ref:N=>d.current=N,recommended:l,onClick:()=>y(N=>!N)},L.createElement("div",null,T.map((N,w)=>{let D=`item-${w}`,A=L.createElement(_r,null,L.createElement(ad,{size:12,color:"black",...N.state&&{color:N.state==="error"?"error":"warning"}}));return L.createElement(L.Fragment,{key:D},L.createElement(pl,{container:M,side:"bottom",sideOffset:4,content:N.from.chain.displayName},L.createElement(Pr,{state:N.state||T[w-1]?.state},L.createElement(ll,{src:N.from.chain.image,size:16}))),w===P-1&&L.createElement(L.Fragment,null,A,L.createElement(pl,{container:M,side:"bottom",sideOffset:4,content:N.to.chain.displayName},L.createElement(Pr,{state:N.state},L.createElement(ll,{src:N.to.chain.image,size:16})))),w!==P-1&&L.createElement(L.Fragment,null,A))})),L.createElement(_r,{orientation:c?"up":"down"},L.createElement(sd,{size:12,color:"black"}))),L.createElement(nl,{open:c},L.createElement(rl,null),L.createElement("div",{className:"steps-details"},T.map((N,w)=>{let D=`item-${w}`;return L.createElement(ud,{type:"quote-details",key:D,step:N,hasSeparator:w!==T.length-1,state:N.state})}))))))}i(Or,"Quote");import{ChainToken as Sn,Divider as qe,NextIcon as gd,Skeleton as Se}from"@rango-dev/ui";import E from"react";import{darkTheme as fd,styled as cl}from"@rango-dev/ui";var ml=cl("div",{$$color:"$colors$neutral100",[`.${fd} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",borderBottomLeftRadius:"$xm",borderBottomRightRadius:"$xm",padding:"$15 ","& .cost-and-tag":{display:"flex",justifyContent:"space-between",alignItems:"center",height:"22px"},variants:{rounded:{true:{borderRadius:"$xm"}}},"& .cost":{display:"flex"},"& .basic-summary":{padding:"$15 $0 14px $0"},"& .output":{padding:"$6 $0 $15 $0",display:"flex",flexDirection:"column"},"& .output__token-info":{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$5"},"& .quote-summary":{display:"flex",justifyContent:"space-between",alignItems:"end"},"& .quote-summary__separator":{height:"$28",marginLeft:"13px",borderLeft:"1px solid $neutral700"},"& .token-amount":{display:"flex",justifyContent:"space-between"},"& .token-amount__label":{display:"flex",flexDirection:"column",alignItems:"start"},"& .chains":{paddingTop:"$2"},"& .swap-preview":{padding:"$15 $0 $15 $0"},"& .steps":{paddingLeft:"$8"},"& .step__title":{display:"flex",alignItems:"center"},"& .step__content":{display:"flex",alignItems:"start"},"& .step__tokens":{paddingTop:"$5",paddingBottom:"$10",display:"flex",alignItems:"center"},"& .step__token-info":{display:"flex",alignItems:"center"},"& .step__icon-container":{margin:"$0 $2",padding:"$4",display:"flex",justifyContent:"center",alignItems:"center"}}),dl=cl("div",{borderLeft:"1px dashed black",minHeight:" 64px",margin:"0px 11.5px",alignSelf:"stretch",variants:{hideSeparator:{true:{minHeight:"unset",height:"0"}}}});function Ur(t){let{separator:e=!0}=t;return E.createElement(E.Fragment,null,E.createElement("div",{className:"step__title"},E.createElement(Se,{height:22,width:22,variant:"circular"}),E.createElement(qe,{direction:"horizontal",size:8}),E.createElement(Se,{height:15,width:148,variant:"rounded"})),E.createElement("div",{className:"step__content"},E.createElement(dl,{hideSeparator:!e}),E.createElement("div",{className:"step__tokens"},E.createElement("div",{className:"step__token-info"},E.createElement(Sn,{size:"small",loading:!0,chainImage:"",tokenImage:""}),E.createElement(qe,{direction:"horizontal",size:8}),E.createElement(Se,{height:12,width:76,variant:"rounded"})),E.createElement("div",{className:"step__icon-container"},E.createElement(gd,{color:"gray",size:16})),E.createElement("div",{className:"step__token-info"},E.createElement(Sn,{size:"small",loading:!0,chainImage:"",tokenImage:""}),E.createElement(qe,{direction:"horizontal",size:8}),E.createElement(Se,{height:12,width:76,variant:"rounded"})))))}i(Ur,"StepSkeleton");function zr(t){let{type:e,expanded:o,tag:n=!1}=t,r=E.createElement("div",{className:"quote-summary"},E.createElement("div",{className:"token-amount"},E.createElement(Sn,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),E.createElement(qe,{size:8,direction:"horizontal"}),E.createElement("div",{className:"token-amount__label"},E.createElement(Se,{height:10,width:60,variant:"rounded"}),E.createElement(qe,{size:4}),E.createElement(Se,{height:15,width:148,variant:"rounded"}))),E.createElement(Se,{height:12,width:64,variant:"rounded"}));return E.createElement(ml,{rounded:e!=="basic"},E.createElement("div",{className:"cost-and-tag"},E.createElement("div",{className:"cost"},E.createElement(Se,{width:60,height:10,variant:"rounded"}),E.createElement(qe,{size:4,direction:"horizontal"}),E.createElement(Se,{width:60,height:10,variant:"rounded"}),E.createElement(qe,{size:4,direction:"horizontal"}),E.createElement(Se,{width:60,height:10,variant:"rounded"})),n&&E.createElement(Se,{height:22,width:100,variant:"rounded"})),e==="basic"&&E.createElement("div",{className:"basic-summary"},E.createElement(Se,{height:15,width:148,variant:"rounded"})),e==="list-item"&&E.createElement("div",{className:"output"},E.createElement("div",{className:"output__token-info"},E.createElement(Sn,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),E.createElement(qe,{direction:"horizontal",size:4}),E.createElement(Se,{height:15,width:150,variant:"rounded"})),E.createElement(qe,{size:4}),E.createElement(Se,{height:10,width:184,variant:"rounded"})),e==="swap-preview"&&E.createElement(E.Fragment,null,E.createElement(qe,{size:4}),E.createElement("div",{className:"swap-preview"},r,E.createElement("div",{className:"quote-summary__separator"}),r)),E.createElement("div",{className:"chains"},E.createElement(Se,{height:15,width:321,variant:"rounded"})),o&&E.createElement("div",{className:"steps"},E.createElement(qe,{size:20}),E.createElement(Ur,null),E.createElement(Ur,null),E.createElement(Ur,{separator:!1})))}i(zr,"QuoteSkeleton");import{i18n as Pd}from"@lingui/core";import{Alert as _d,Button as Dd,InfoIcon as Fd}from"@rango-dev/ui";import Ae from"react";import{Alert as hd,Button as yd,Divider as Cl,NoRouteIcon as Sd,RefreshIcon as Cd,Typography as kl}from"@rango-dev/ui";import Ge from"react";import{i18n as fl}from"@lingui/core";function gl(t,e,o,n){return t?.type===1?{alert:{type:"warning",text:Q().genericServerError,action:{onClick:n,title:fl.t("Retry")}},description:""}:e.length?{alert:{type:"warning",text:Q().liquiditySourcesError.title,action:{onClick:()=>o(!0),title:fl.t("Reset")}},description:Q().liquiditySourcesError.description}:t?.type===0&&t.diagnosisMessage?{alert:{type:"error",text:t.diagnosisMessage,action:null},description:""}:{alert:null,description:Q().noResultError.description}}i(gl,"makeInfo");import{styled as qr}from"@rango-dev/ui";var hl=qr("div",{minHeight:"162px",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"}),yl=qr("div",{width:"100%"}),Sl=qr("div",{padding:"$6 $0"});function Gr(t){let{fetch:e,error:o}=t,n=U.use.disabledLiquiditySources(),r=U.use.toggleAllLiquiditySources(),s=k().swappers(),a=gl(o,n,()=>r(s,!0),e);return Ge.createElement(hl,null,Ge.createElement(Sd,{size:24,color:"gray"}),Ge.createElement(Cl,{size:4}),Ge.createElement(kl,{variant:"title",size:"small"},Q().noResultError.title),!!a.description&&Ge.createElement(kl,{variant:"body",size:"small",align:"center",color:"neutral700"},a.description),Ge.createElement(Cl,{size:4}),!!a.alert&&Ge.createElement(yl,null,Ge.createElement(hd,{type:a.alert.type,title:a.alert.text,action:a.alert.action&&Ge.createElement(yd,{size:"xsmall",type:a.alert.type,prefix:Ge.createElement(Sl,null,Ge.createElement(Cd,{size:8})),onClick:a.alert.action.onClick},a.alert.action.title),variant:"alarm"})))}i(Gr,"NoResult");import{i18n as io}from"@lingui/core";import{Button as Td,Divider as El,MessageBox as wd,Modal as vd,Typography as xd,WarningIcon as bd}from"@rango-dev/ui";import Ze from"react";import{Typography as xl}from"@rango-dev/ui";import Hr from"react";import{darkTheme as kd,styled as Cn}from"@rango-dev/ui";var Tl=Cn("div",{width:"100%",paddingTop:"$10"}),Qr=Cn("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),wl=Cn("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%","._title":{$$color:"$colors$neutral600",[`.${kd} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),vl=Cn("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});function bl(t){let{title:e,value:o,valueColor:n}=t;return Hr.createElement(wl,null,Hr.createElement(xl,{size:"medium",variant:"label",className:"_title"},e),Hr.createElement(xl,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}i(bl,"QuoteErrorsModalItem");function Al(t){let{open:e,onClose:o,onConfirm:n,warning:r}=t,s=r.warningLevel==="high"?"error":"warning",a=[{title:io.t("Swapping"),value:I(r.inputUsdValue,4,4)},{title:io.t("Gas cost"),value:I(r.totalFee,2,2)},{title:io.t("Receiving"),value:I(r.outputUsdValue,4,4)},{title:io.t("Price impact"),value:I(r.priceImpact,2,2),valueColor:`${s}500`}];return Ze.createElement(vd,{open:e,onClose:o,container:K()},Ze.createElement(wd,{type:s,title:Q().highValueLossError.impactTitle,description:Q().highValueLossError.description}),Ze.createElement(Qr,null,Ze.createElement(El,{size:20}),Ze.createElement(xd,{size:"small",variant:"title"},io.t("Details")),Ze.createElement(Qr,null,a.map((l,p)=>Ze.createElement(bl,{key:p,...l})))),Ze.createElement(El,{size:32}),Ze.createElement(Td,{type:"primary",size:"large",prefix:Ze.createElement(bd,null),fullWidth:!0,onClick:n},Q().highValueLossError.confirmMessage))}i(Al,"HighValueLossWarningModal");import{i18n as Vr}from"@lingui/core";function Il(t,e){let o={alertType:"warning",title:"",action:"show-info"};return t?(t.type===0&&(nt(t.priceImpact)==="high"&&(o.alertType="error"),o.action=null,o.title=Q().highValueLossError.title),t.type===1&&(o.title=Q().unknownPriceError.title),t.type===2&&(o.title=Vr.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=Vr.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=Vr.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(Il,"makeAlerts");import{i18n as zt}from"@lingui/core";import{Button as Wl,Divider as Nl,MessageBox as Ed,Modal as Ad,Typography as Id}from"@rango-dev/ui";import xt from"react";import{useNavigate as Wd}from"react-router-dom";function Ll(t){let{customSlippage:e,slippage:o}=U(),{open:n,onClose:r,onConfirm:s,warning:a}=t,l=Wd(),p=e??o;return xt.createElement(Ad,{anchor:"bottom",open:n,prefix:xt.createElement(Wl,{size:"small",variant:"ghost",onClick:()=>l("../"+$.settings)},xt.createElement(Id,{variant:"label",size:"medium",color:"$neutral900"},zt.t("Change settings"))),container:K(),onClose:r},xt.createElement(Ed,{type:"warning",title:a.type===3?zt.t("High slippage"):zt.t("Low slippage"),description:a.type===3?zt.t({id:" Caution, your slippage is high (={userSlippage}). Your trade may be front run.",values:{userSlippage:p}}):zt.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:a.minRequiredSlippage}})},xt.createElement(Nl,{size:18}),xt.createElement(Nl,{size:32}),xt.createElement(Wl,{size:"large",type:"primary",variant:"contained",fullWidth:!0,onClick:s},zt.t("Confirm anyway"))))}i(Ll,"SlippageWarningModal");import{Button as Nd,Divider as Ld,MessageBox as Bd,Modal as Md,WarningIcon as $d}from"@rango-dev/ui";import so from"react";function Bl(t){let{open:e,onClose:o,onConfirm:n}=t;return so.createElement(Md,{open:e,onClose:o,container:K()},so.createElement(Bd,{type:"warning",title:Q().unknownPriceError.impactTitle,description:Q().unknownPriceError.description}),so.createElement(Ld,{size:32}),so.createElement(Nd,{type:"primary",size:"large",prefix:so.createElement($d,null),fullWidth:!0,onClick:n},Q().unknownPriceError.confirmMessage))}i(Bl,"UnknownPriceWarningModal");function jr(t){let{warning:e,error:o,refetchQuote:n,showWarningModal:r,onOpenWarningModal:s,onCloseWarningModal:a,onConfirmWarningModal:l,onChangeSettings:p}=t,u={open:r,onClose:a,onConfirm:l},m=o?.type===0||o?.type===1,c=Il(e,o?.type===3||o?.type===4?o:null);return Ae.createElement(Ae.Fragment,null,m&&Ae.createElement(Gr,{error:o,fetch:n}),!!c&&Ae.createElement(Tl,null,Ae.createElement(_d,{title:c.title,type:c.alertType,variant:"alarm",...c.action==="show-info"&&{action:Ae.createElement(vl,{onClick:s},Ae.createElement(Fd,{size:12,color:"gray"}))},...c.action==="change-settings"&&{action:Ae.createElement(Dd,{size:"xxsmall",type:c.alertType,onClick:p},Pd.t("Change"))}})),e&&Ae.createElement(Ae.Fragment,null,e.type===0&&Ae.createElement(Al,{...u,warning:e}),(e.type===3||e.type===2)&&Ae.createElement(Ll,{...u,warning:e}),e.type===1&&Ae.createElement(Bl,{...u,warning:e})))}i(jr,"QuoteWarningsAndErrors");function ao(t){let{quote:e,type:o,loading:n,error:r,warning:s,refetchQuote:a,showWarningModal:l,onOpenWarningModal:p,onCloseWarningModal:u,onConfirmWarningModal:m,onChangeSettings:c,expanded:y=!1,alertPosition:d="bottom"}=t,{inputAmount:h,inputUsdValue:x,outputUsdValue:f,outputAmount:b}=z(),v=!(r&&(r.type===0||r.type===1))&&e&&e.result&&!n,S=(s||r)&&Me.createElement(jr,{warning:s,error:r,loading:n,refetchQuote:a,showWarningModal:l,onOpenWarningModal:p,onCloseWarningModal:u,onConfirmWarningModal:m,onChangeSettings:c});return Me.createElement(Me.Fragment,null,n&&Me.createElement(Mr,null,Me.createElement(Ya,{paddingTop:d==="top"},Me.createElement(zr,{type:o,expanded:y}))),d==="top"&&Me.createElement(Xa,null,S),v?Me.createElement(Mr,null,Me.createElement(Or,{quote:e,error:r,warning:s,type:o,expanded:y,recommended:!0,input:{value:h,usdValue:x?.toString()??""},output:{value:b?.toString()??"",usdValue:f?.toString()??""}})):null,d==="bottom"&&Me.createElement(Me.Fragment,null,!s&&!r&&Me.createElement(Od,{size:16}),S))}i(ao,"QuoteInfo");import{calculatePendingSwap as qd}from"@rango-dev/queue-manager-rango-preset";import{useEffect as Gd}from"react";import{useRef as Ud,useState as zd}from"react";function kn(){let[t,e]=zd(!1),o=Ud(null),n=i(()=>o.current?.abort(),"cancel");return{fetch:i(async s=>{n(),o.current=new AbortController,e(!0);try{let a=await Nt().getBestRoute(s,{signal:o.current.signal});return o.current=null,a}catch(a){throw a}finally{e(!1)}},"fetch"),loading:t,cancelFetch:n}}i(kn,"useFetchQuote");function Tn(t){if(!t.result)throw new Error(Q().noResultError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});if(pr(t)){let{swap:n,recommendation:r,fromAmountRangeError:s}=ur(t);throw new Error("bridge limit error",{cause:{type:3,swap:n,recommendation:r,fromAmountRangeError:s}})}let o=mr(t);if(o){let n=Xo(t);throw new Error("",{cause:{type:4,recommendedSlippages:o,minRequiredSlippage:n}})}return t}i(Tn,"throwErrorIfResponseIsNotValid");function Ml(t,e,o){let n=!1;t&&(n=Xs(t,e));let r={quote:null,quoteUpdate:null,balance:null},s=Jo(e,{fromToken:o.fromToken,toToken:o.toToken,tokens:o.meta.tokens,userSlippage:o.userSlippage});s&&(r.quote=s),t&&n&&(Os(t,e)?r.quoteUpdate={type:3,newOutputAmount:I(Mt(e)),percentageChange:I(We(Mt(t)??"",Mt(e)??""),null,2)}:fr(t,e)?r.quoteUpdate={type:0}:gr(t,e)?r.quoteUpdate={type:1}:hr(t,e)&&(r.quoteUpdate={type:2}));let a=Us(e,o.selectedWallets,o.meta.blockchains);return a.length===0||(r.balance={messages:a}),r}i(Ml,"generateWarnings");function wn(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(wn,"handleQuoteErrors");function Kr(){let{fromToken:t,toToken:e,inputAmount:o,setQuote:n,quote:r,customDestination:s,setQuoteWarningsConfirmed:a}=z(),{slippage:l,customSlippage:p,affiliatePercent:u,affiliateRef:m,affiliateWallets:c,disabledLiquiditySources:y}=U(),{connectedWallets:d}=j(),h=k().blockchains(),x=k().tokens(),{experimental:f}=k().config,{enableNewLiquiditySources:b}=k().config,g=p||l,{fetch:v,cancelFetch:S,loading:C}=kn();return Gd(()=>S,[]),{loading:C,fetch:i(async O=>{let T=O.selectedWallets,P=O?.customDestination??s;if(!t||!e||!o)return{quote:null,swap:null,error:null,warnings:null};let M=Yo({fromToken:t,toToken:e,inputAmount:o,wallets:d,selectedWallets:T,excludeLiquiditySources:b,disabledLiquiditySources:y,slippage:g,affiliateRef:m,affiliatePercent:u,affiliateWallets:c,initialQuote:r??void 0,destination:P});f?.routing&&(M.experimental=!0);let N;try{N=await v(M).then(V=>Tn(V)),n(N)}catch(V){return wn(V)}let w={slippage:g.toString(),disabledSwappersGroups:y},D=qd(o.toString(),N,Ds(T),w,!1,{blockchains:h,tokens:x}),A=Ml(r??void 0,N,{fromToken:t,toToken:e,meta:{blockchains:h,tokens:x},selectedWallets:T,userSlippage:g});return A.quoteUpdate&&a(!1),{quote:N,swap:D,error:null,warnings:A}},"fetch"),cancelFetch:S}}i(Kr,"useConfirmSwap");var tf=Dl("div",{position:"relative",width:"100%","& .description":{display:"flex",justifyContent:"space-between",alignItems:"center"},"& .icon":{width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"},"& .quote-update__alert":{paddingTop:"$10"}}),of=Dl("div",{width:"100%",display:"flex",justifyContent:"space-between","& .confirm-button":{flexGrow:1,paddingRight:"$10"},[`& ${_l}`]:{width:"$48",height:"$48"}});function Fl(){let{quote:t,setInputAmount:e,selectedWallets:o,quoteWalletsConfirmed:n,setQuoteWalletConfirmed:r,customDestination:s,quoteWarningsConfirmed:a}=z(),l=ef(),[p,u]=xn(""),{connectedWallets:m}=j(),c=!n,[y,d]=xn(!1),h=Te.use.setSelectedSwap(),x=U.use.disabledLiquiditySources(),f=Zd(x),{manager:b}=Qd(),{fetch:g,loading:v,cancelFetch:S}=Kr(),[C,B]=xn({swap:null,error:null,warnings:null}),[O,T]=xn(!1),P=i(async({selectedWallets:A,customDestination:V})=>{let oe=await g?.({selectedWallets:A,customDestination:V});return B(oe),oe},"onConfirmSwap"),M=i(async()=>{if(C.swap&&n)try{await b?.create("swap",{swapDetails:C.swap},{id:C.swap.requestId}),h(C.swap.requestId);let A=`../${$.swaps}/${C.swap.requestId}`;l(A,{replace:!0}),setTimeout(()=>{e("")},0)}catch(A){u("Error: "+A?.message)}},"addNewSwap"),N=i(async()=>{await M()},"onConfirm"),w=i(async()=>{C?.warnings?.quote&&!a?T(!0):await N()},"onStartConfirmSwap"),D=i(async()=>{B({error:null,swap:null,warnings:null}),g({selectedWallets:o,customDestination:s}).then(A=>{B(A)}).catch(A=>console.error(A))},"onRefresh");return lo(()=>{!!f.current.length&&!x.length&&D(),f.current=x},[x.length]),lo(()=>{c&&S()},[c]),lo(()=>{c&&d(c)},[c]),lo(()=>{c||g({selectedWallets:o,customDestination:s}).then(A=>B(A)).catch(A=>console.error(A))},[]),lo(()=>{let A=C.warnings?.quote?.type&&Object.values(pt).includes(C.warnings?.quote?.type),V=o.length<1||!o.every(ne=>m.find(G=>ne.address===G.address&&ne.walletType===G.walletType&&ne.chain===G.chain)),oe=!1;if(A){let ne=qo(t),G=t?.result?.swaps[t.result.swaps.length-1].to.blockchain;!!t?.result?.swaps.find(de=>de.from.blockchain===G)||(ne=ne.slice(-ne.length,ne.length-1)),ne.every(de=>o.find(_e=>_e.chain===de))||(oe=!0)}t&&(V||oe)&&(queueMicrotask(()=>Rd(d.bind(null,!0))),r(!1))},[C.warnings?.quote,o.length,m.length]),Jd(()=>{t||l("../")},[]),te.createElement(X,{header:{title:vn.t("Confirm Swap"),onWallet:()=>{let A=`../${$.wallets}`;l(A)},suffix:te.createElement(Kd,{container:K(),side:"bottom",content:vn.t("Settings")},te.createElement(Oe,{size:"small",variant:"ghost",onClick:()=>l("../"+$.settings)},te.createElement(jd,{size:18,color:"black"})))},footer:te.createElement(of,null,te.createElement("div",{className:"confirm-button"},te.createElement(Pl,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:v,disabled:!!C.error,onClick:w},vn.t("Start Swap"))),te.createElement(_l,{variant:"contained",type:"primary",size:"large",loading:v,onClick:d.bind(null,!0)},te.createElement(Yd,{size:24})))},y&&te.createElement(Ka,{open:y,onClose:()=>d(!1),onCancel:S,loading:v,onCheckBalance:P}),te.createElement(tf,null,te.createElement("div",{className:"description"},te.createElement(Xd,{variant:"title",size:"small"},vn.t("You get")),te.createElement(Pl,{style:{padding:"0"},variant:"ghost",disabled:v,onClick:D},te.createElement("div",{className:"icon"},te.createElement(Vd,{size:16})))),p&&te.createElement(te.Fragment,null,te.createElement($l,{type:"error",variant:"alarm",title:p}),te.createElement(Hd,{size:12})),C.warnings?.quoteUpdate&&te.createElement("div",{className:"quote-update__alert"},te.createElement($l,{variant:"alarm",type:"warning",title:C.warnings.quoteUpdate&&on(C.warnings.quoteUpdate)})),te.createElement(ao,{quote:t,type:"swap-preview",expanded:!0,alertPosition:"top",error:C.error,loading:v,warning:C.warnings?.quote??null,refetchQuote:D,showWarningModal:O,onOpenWarningModal:()=>T(!0),onCloseWarningModal:()=>T(!1),onConfirmWarningModal:async()=>{T(!1),await M()},onChangeSettings:()=>l("../"+$.settings)})))}i(Fl,"ConfirmSwapPage");import{i18n as En}from"@lingui/core";import{useManager as uf}from"@rango-dev/queue-manager-react";import{Divider as cf,NotFound as mf,styled as jl}from"@rango-dev/ui";import gt,{useState as df}from"react";import{useNavigate as ff}from"react-router-dom";import{CloseIcon as rf,IconButton as sf,SearchIcon as af,TextField as lf}from"@rango-dev/ui";import po from"react";import{styled as nf}from"@rango-dev/ui";var Ol=nf("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function st(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:s,value:a,setValue:l,...p}=t;return po.createElement(lf,{prefix:po.createElement(Ol,null,po.createElement(af,{color:"black"})),suffix:!!a.length&&po.createElement(sf,{variant:"ghost",onClick:()=>l?.(""),size:"small"},po.createElement(rf,{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(st,"SearchInput");import{i18n as zl}from"@lingui/core";import{Divider as ql,SwapListItem as Gl,Typography as Ql}from"@rango-dev/ui";import R from"react";import{darkTheme as pf,styled as bn}from"@rango-dev/ui";var Xr=bn("div",{width:"100%",display:"flex",flexDirection:"column",".group-title":{$$color:"$colors$neutral600",[`.${pf} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Yr=bn("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),Jr=bn("div",{gap:"$10",display:"flex",flexDirection:"column"}),Ul=bn("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});function Zr(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,s=n?n(e):[{title:"History",swaps:e}];if(r){let a=[{},{}];return R.createElement(R.Fragment,null,[{title:"Today",swaps:a},{title:"Last month",swaps:a}].map(p=>R.createElement(R.Fragment,{key:p.title},R.createElement(Xr,null,R.createElement(Yr,null,R.createElement(Ql,{variant:"label",size:"medium",className:"group-title"},zl.t(p.title))),R.createElement(ql,{size:4}),R.createElement(Jr,null,p.swaps.map((u,m)=>{let c=m+p.title;return R.createElement(R.Fragment,{key:c},R.createElement(Gl,{isLoading:!0}))}))))))}return R.createElement(R.Fragment,null,s.filter(a=>a.swaps.length>0).map(a=>R.createElement(R.Fragment,{key:a.title},R.createElement(Xr,null,R.createElement(Yr,null,R.createElement(Ql,{variant:"label",size:"medium",className:"group-title"},zl.t(a.title))),R.createElement(ql,{size:4}),R.createElement(Jr,null,a.swaps.map(l=>{let p=l.steps[0],u=l.steps[l.steps.length-1];return R.createElement(R.Fragment,{key:l.requestId},R.createElement(Gl,{requestId:l.requestId,creationTime:l.creationTime,status:l.status,onClick:o,onlyShowTime:a.title==="Today",swapTokenData:{from:{token:{image:p.fromLogo,displayName:p.fromSymbol},blockchain:{image:p.fromBlockchainLogo||""},amount:Lo(l.inputAmount)},to:{token:{image:u.toLogo,displayName:u.toSymbol},blockchain:{image:u.toBlockchainLogo||""},amount:Lo(u.outputAmount||""),estimatedAmount:Lo(u.expectedOutputAmountHumanReadable||"")}}}))}))))))}i(Zr,"SwapsGroup");import Hl from"dayjs";var Vl=i(t=>{let e=new Map([["today",{title:"Today",swaps:[]}],["month",{title:"Last month",swaps:[]}],["year",{title:"Last year",swaps:[]}],["history",{title:"History",swaps:[]}]]),o=Hl();return t.forEach(n=>{let r=Hl(Number(n.creationTime));o.isSame(r,"day")?e.get("today")?.swaps.push(n):o.isSame(r,"month")?e.get("month")?.swaps.push(n):o.isSame(r,"year")?e.get("year")?.swaps.push(n):e.get("history")?.swaps.push(n)}),Array.from(e.values())},"groupSwapsByDate");var qt=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");var gf=jl("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",height:"100%",gap:15}),hf=jl("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),yf=i((t,e)=>t?.length?t.filter(o=>je(o.fromBlockchain,e)||je(o.toBlockchain,e)||je(o.toSymbol,e)||je(o.fromSymbol,e)).length:!1,"isStepContainsText");function Kl(){let t=Te.use.setSelectedSwap(),e=ff(),{manager:o,state:n}=uf(),r=qt(o).map(({swap:c})=>c),[s,a]=df(""),l=!n.loadedFromPersistor,p=i(c=>{let y=c.target.value;a(y)},"searchHandler"),u=r;s&&(u=r.filter(c=>je(c.inputAmount,s)||je(c.status,s)||yf(c.steps,s)||je(c.requestId,s)));let m=!u?.length&&!l;return gt.createElement(X,{header:{title:En.t("History")}},gt.createElement(gf,null,gt.createElement(st,{setValue:a,fullWidth:!0,variant:"contained",placeholder:En.t("Search Transaction"),autoFocus:!0,onChange:p,value:s}),gt.createElement(hf,null,m&&gt.createElement(Ul,null,gt.createElement(cf,{size:32}),gt.createElement(mf,{title:En.t("No results found"),description:s?En.t("Try using different keywords"):""})),!m&&gt.createElement(Zr,{list:u,onSwapClick:c=>{t(c),e(c)},groupBy:Vl,isLoading:l}))))}i(Kl,"HistoryPage");import{i18n as ti}from"@lingui/core";import{Button as xf,styled as oi,SwapInput as Zl,WarningIcon as bf}from"@rango-dev/ui";import $e,{useEffect as Ef,useRef as Af,useState as If}from"react";import{useNavigate as Wf}from"react-router-dom";import{ReverseIcon as Sf,styled as Xl}from"@rango-dev/ui";import Rr from"react";var Cf=Xl("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),kf=Xl("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 Yl(){let t=z.use.switchFromAndTo();return Rr.createElement(Cf,null,Rr.createElement(kf,{onClick:()=>{t()}},Rr.createElement(Sf,{size:12})))}i(Yl,"SwitchFromAndToButton");import{useCallback as Tf,useEffect as wf,useState as ei}from"react";var vf=600;function Jl(){let{fetch:t,cancelFetch:e}=kn(),{liquiditySources:o,enableNewLiquiditySources:n,experimental:r}=k().config,s=k().tokens(),{fromToken:a,toToken:l,inputAmount:p,inputUsdValue:u,resetQuote:m,setQuote:c}=z(),{slippage:y,customSlippage:d,affiliatePercent:h,affiliateRef:x,affiliateWallets:f,disabledLiquiditySources:b}=U(),[g,v]=ei(!1),[S,C]=ei(null),[B,O]=ei(null),T=d??y,M=!a||!l||Ie(a,l)||!Xt(p),N=i(A=>{v(A),C(null),O(null)},"resetState"),w=i(A=>{let{fromToken:V,toToken:oe,inputAmount:ne,liquiditySources:G,excludeLiquiditySources:se,disabledLiquiditySources:me,slippage:de,affiliateRef:_e,affiliatePercent:It,affiliateWallets:Kt}=A;if(g||N(!0),!M&&V&&oe){m();let ot=Yo({fromToken:V,toToken:oe,inputAmount:ne,liquiditySources:G,excludeLiquiditySources:se,disabledLiquiditySources:me,slippage:de,affiliateRef:_e,affiliatePercent:It,affiliateWallets:Kt});r?.routing&&(ot.experimental=!0),t(ot).then(He=>{v(!1),c(He),Tn(He);let _=Jo(He,{fromToken:V,toToken:oe,userSlippage:T,tokens:s});O(_)}).catch(He=>{let{error:_}=wn(He);(_?.type===0||_?.type===1)&&m(),_?.type!==2&&(C(_),v(!1))})}},"fetch"),D=Tf(ys(A=>{M||w(A)},vf),[M]);return wf(()=>{if(!Xt(p)||u?.eq(0)){N(!1),e();return}if(!M)return m(),N(!0),D({inputAmount:p,fromToken:a,toToken:l,liquiditySources:o,excludeLiquiditySources:n,disabledLiquiditySources:b,slippage:T,affiliateRef:x,affiliatePercent:h,affiliateWallets:f}),e},[p,a?.symbol,a?.address,a?.blockchain,l?.symbol,l?.address,l?.blockchain,M,o?.length,n,b.length,T,x,h,JSON.stringify(f)]),{fetch:()=>w({inputAmount:p,fromToken:a,toToken:l,liquiditySources:o,excludeLiquiditySources:n,disabledLiquiditySources:b,slippage:T,affiliateRef:x,affiliatePercent:h,affiliateWallets:f}),loading:g,error:S,warning:B}}i(Jl,"useSwapInput");var Nf=oi("div",{display:"flex",flexDirection:"column",overflowY:"visible","& .quote__container":{paddingTop:"$2"}}),Lf=oi("div",{position:"relative"}),Bf=oi("div",{display:"flex",flexDirection:"column",gap:5,alignSelf:"stretch"});function Rl(){let t=Wf(),{fetch:e,loading:o,error:n,warning:r}=Jl(),{fromToken:s,fromBlockchain:a,toToken:l,toBlockchain:p,setInputAmount:u,inputAmount:m,inputUsdValue:c,outputAmount:y,outputUsdValue:d,quote:h,resetQuoteWallets:x,setQuoteWarningsConfirmed:f}=z(),b=k().fetchStatus,g=j.use.connectedWallets(),v=Te.use.setCurrentPage(),[S,C]=If(!1),B=Af(null),O=!1,T=!cr(h,m,c),P=!cr(h,m,d),M=$s({fetchMetaStatus:b,fetchingQuote:o,inputAmount:m,quote:h,anyWalletConnected:g.length>0,error:n,warning:r,needsToWarnEthOnPath:O}),N=a&&s?I(Lt(g,a?.name,s?.symbol,s?.address)?.amount||"0",8,8):"0",w=a&&s?I(Lt(g,a?.name,s?.symbol,s?.address)?.amount||"0",Lt(g,a?.name,s?.symbol,s?.address)?.decimal):"0";Ef(()=>(v($.home),x(),v.bind(null,"")),[]);let D=!c||!d||!d.gt(0)?null:We(c.toString(),d.toString());return $e.createElement(X,{ref:B,fixedHeight:!1,hasLogo:!0,footer:$e.createElement(xf,{type:"primary",size:"large",disabled:M.disabled,prefix:M.action==="confirm-warning"&&$e.createElement(bf,null),fullWidth:!0,onClick:()=>{M.action==="connect-wallet"?t($.wallets):M.action==="confirm-warning"?C(!0):t($.confirmSwap)}},M.title),header:{onWallet:()=>{t($.wallets)},hasBackButton:!1,title:ti.t("Swap"),suffix:$e.createElement(xr,{layoutRef:B.current,onClickRefresh:h||n?e:void 0,onClickHistory:()=>t($.swaps),onClickSettings:()=>t($.settings)})}},$e.createElement(Nf,null,$e.createElement(Bf,null,$e.createElement(Lf,null,$e.createElement(Zl,{label:ti.t("From"),mode:"From",onInputChange:u,balance:N,chain:{displayName:a?.displayName||"",image:a?.logo||""},token:{displayName:s?.symbol||"",image:s?.image||""},onClickToken:()=>t($.fromSwap),price:{value:m,usdValue:T?void 0:I(c,4,4),error:T?Q().unknownPriceError.impactTitle:void 0},disabled:b==="failed",loading:b==="loading",onSelectMaxBalance:()=>{N!=="0"&&u(w.split(",").join(""))}}),$e.createElement(Yl,null)),$e.createElement(Zl,{sharpBottomStyle:!!h?.result||o,label:ti.t("To"),mode:"To",fetchingQuote:o,chain:{displayName:p?.displayName||"",image:p?.logo||""},token:{displayName:l?.symbol||"",image:l?.image||""},percentageChange:I(We(c,d),2,2),warningLevel:nt(D??0),price:{value:I(y,6,6),usdValue:P?void 0:I(d,4,4),error:P?Q().unknownPriceError.impactTitle:void 0},onClickToken:()=>t($.toSwap),disabled:b==="failed",loading:b==="loading"})),$e.createElement("div",{className:"quote__container"},$e.createElement(ao,{quote:h,loading:o,error:n,warning:r,type:"basic",refetchQuote:e,showWarningModal:S,onOpenWarningModal:()=>C(!0),onCloseWarningModal:()=>C(!1),onConfirmWarningModal:()=>{C(!1),f(!0),t($.confirmSwap)},onChangeSettings:()=>t($.settings)}))))}i(Rl,"Home");import{i18n as ep}from"@lingui/core";import{List as Mf,ListItemButton as $f,Radio as Pf,RadioRoot as _f,Typography as Df}from"@rango-dev/ui";import ht from"react";import{styled as An}from"@rango-dev/ui";var at=An("div",{height:"100%",overflow:"hidden"}),uo=An("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto"}),ni=An("div",{width:80,display:"flex",justifyContent:"flex-end"}),ri=An("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});function In(){let t=U.use.language(),e=U.use.setLanguage();return{activeLanguage:t,languages:Ss,defaultLanguage:Yt,changeLanguage:r=>e(r||Yt)}}i(In,"useLanguage");function tp(){let{activeLanguage:t,changeLanguage:e,languages:o}=In(),n=o.map(r=>{let{local:s,label:a,SVGFlag:l}=r;return{id:s,value:s,title:ht.createElement(Df,{variant:"title",size:"xmedium"},a),onClick:()=>e(r.local),end:ht.createElement(Pf,{value:s}),start:ht.createElement(l,null)}});return ht.createElement(X,{header:{title:ep.t("Language")}},ht.createElement(at,null,ht.createElement(_f,{value:t},ht.createElement(Mf,{type:ht.createElement($f,{title:ep.t("language"),id:"_",onClick:()=>console.log()}),items:n}))))}i(tp,"LanguagePage");import{i18n as Gt}from"@lingui/core";import{Button as qf,Checkbox as Gf,Image as Qf,ListItemButton as Hf,NotFound as Vf,Typography as jf}from"@rango-dev/ui";import Ce,{useState as Kf}from"react";import{Checkbox as Uf,Skeleton as np}from"@rango-dev/ui";import co from"react";import{ListItem as Ff,styled as Of}from"@rango-dev/ui";var op=Of(Ff,{height:61});var zf=30;function ii(){return co.createElement(uo,null,Array.from(Array(zf),t=>co.createElement(op,{hasDivider:!0,key:t,start:co.createElement(np,{variant:"circular",width:35,height:35}),title:co.createElement(np,{variant:"text",size:"large",width:90}),end:co.createElement(Uf,{checked:!1})})))}i(ii,"LoadingLiquiditySourceList");function si({sourceType:t}){let e=k().fetchStatus,o=k().swappers(),[n,r]=Kf(""),s=U.use.toggleLiquiditySource(),a=Fo(o),l=[];t==="Exchanges"&&l.push("DEX"),t==="Bridges"&&(l.push("BRIDGE"),l.push("AGGREGATOR"));let p=a.filter(h=>l.includes(h.type)),u=p.length===p.filter(h=>h.selected).length,m=i(()=>{p.forEach(h=>{u?s(h.groupTitle):h.selected||s(h.groupTitle)})},"toggleAllSources"),c=p.map(h=>{let{selected:x,groupTitle:f,logo:b}=h;return{start:Ce.createElement(Qf,{src:b,size:22,type:"circular"}),onClick:()=>s(f),end:Ce.createElement(Gf,{checked:x}),title:Ce.createElement(jf,{variant:"title",size:"xmedium"},Gt.t(f)),...h}}),y=i(h=>{let x=h.target.value;r(x)},"searchHandler"),d=c;return n&&(d=c.filter(h=>je(h.groupTitle,n))),Ce.createElement(X,{header:{title:Gt.t(t),suffix:Ce.createElement(ni,null,Ce.createElement(qf,{variant:"ghost",size:"xsmall",onClick:m},Gt.t(u?"Deselect all":"Select all")))}},Ce.createElement(at,null,Ce.createElement(st,{value:n,setValue:r,fullWidth:!0,color:"light",variant:"contained",placeholder:Gt.t("Search {sourceType}",{sourceType:t}),onChange:y}),e==="loading"&&Ce.createElement(ii,null),!d.length&&n?Ce.createElement(ri,null,Ce.createElement(Vf,{title:Gt.t("No results found"),description:Gt.t("Try using different keywords")})):e==="success"&&Ce.createElement(uo,null,d.map(h=>Ce.createElement(Ce.Fragment,{key:h.id},Ce.createElement(Hf,{style:{height:"61px"},...h,selected:!1,hasDivider:!0}))))))}i(si,"LiquiditySourcePage");import{i18n as cp}from"@lingui/core";import{Divider as ui,SelectableCategoryList as ng}from"@rango-dev/ui";import bt,{useState as mp}from"react";import{i18n as li}from"@lingui/core";import{Divider as pp,Image as Zf,ListItemButton as Rf,NotFound as eg,Typography as up}from"@rango-dev/ui";import Pe,{useEffect as tg,useState as og}from"react";import{BlockchainCategories as ai}from"@rango-dev/ui";import{TransactionType as Wn}from"rango-sdk";var Xf=i((t,e)=>{switch(e){case ai.ALL:return!0;case ai.UTXO:return t.type===Wn.TRANSFER;case ai.OTHER:return t.type!==Wn.TRANSFER&&t.type!==Wn.COSMOS&&t.type!==Wn.EVM;default:return t.type===e}},"filterByType"),rp=i((t,e,o)=>t.filter(n=>Xf(n,o)).filter(n=>St(n.name,e)||St(n.displayName,e)),"filterBlockchains");import{styled as ip}from"@rango-dev/ui";var sp=ip("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),Nn=ip("ul",{padding:0,margin:0,listStyle:"none",overflowY:"auto",paddingRight:"$5",".image-container":{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as Yf,Skeleton as ap}from"@rango-dev/ui";import Ln from"react";var Jf=20;function lp(){return Ln.createElement(Nn,null,Array.from(Array(Jf),t=>Ln.createElement(Yf,{key:t,hasDivider:!0,start:Ln.createElement(ap,{variant:"circular",width:35,height:35}),title:Ln.createElement(ap,{variant:"text",size:"large",width:90})})))}i(lp,"LoadingBlockchainList");function pi(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[s,a]=og(e),{fetchStatus:l}=k();tg(()=>{a([...rp(e,o,r)])},[e,o,r]);let p=i(()=>!s.length&&o?Pe.createElement(Pe.Fragment,null,Pe.createElement(pp,{size:32}),Pe.createElement(eg,{title:li.t("No results found"),description:li.t("Try using different keywords")})):Pe.createElement(Nn,{key:`${r}-${o}`},s.map(u=>Pe.createElement(Rf,{key:`${u.name}-${u.chainId}`,hasDivider:!0,onClick:()=>n(u),start:Pe.createElement(Zf,{src:u.logo,size:30}),title:Pe.createElement(up,{variant:"title",size:"medium"},u.displayName),id:u.chainId}))),"renderList");return Pe.createElement(sp,null,Pe.createElement(up,{variant:"label",size:"large"},li.t("Select Blockchain")),Pe.createElement(pp,{size:4}),l==="loading"&&Pe.createElement(lp,null),l==="success"&&p())}i(pi,"BlockchainList");function ci(t){let{type:e}=t,o=mt(),[n,r]=mp(""),[s,a]=mp("ALL"),l=z.use.setToBlockchain(),p=z.use.setFromBlockchain(),u=k().fetchStatus,m=k().blockchains({type:e});return bt.createElement(X,{header:{title:cp.t("Select Blockchain")}},bt.createElement(ui,{size:12}),bt.createElement(ng,{setCategory:a,category:s,blockchains:m,isLoading:u==="loading"}),bt.createElement(ui,{size:24}),bt.createElement(st,{value:n,autoFocus:!0,placeholder:cp.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:c=>r(c.target.value)}),bt.createElement(ui,{size:16}),bt.createElement(pi,{list:m,searchedFor:n,blockchainCategory:s,onChange:c=>{e==="source"?p(c):l(c),o()}}))}i(ci,"SelectBlockchainPage");import{i18n as Lp}from"@lingui/core";import{Divider as Bp}from"@rango-dev/ui";import Qt,{useState as kg}from"react";import{useNavigate as Tg}from"react-router-dom";import{i18n as fi}from"@lingui/core";import{BlockchainsChip as Bn,Divider as hp,Image as yp,Skeleton as lg,Typography as gi}from"@rango-dev/ui";import he from"react";import{useEffect as sg}from"react";var dp=["ETH","COSMOS","OSMOSIS"];function mi(t,e,o){let n=JSON.parse(JSON.stringify(t)),r=[];if(n.sort(rg),o?.limit&&t.length>o.limit){let s=o.limit,a=e;if(e.length<=o.limit){let l=o.limit-e.length;for(let p=0;p<=l;p++){let u=n[p];a=a.filter(m=>u.name!==m)}}n.sort(ig(a)),r=n.splice(s)}return{list:n,more:r}}i(mi,"prepare");function rg(t,e){let o=dp,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(rg,"sortByMostUsedBlockchains");function ig(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(ig,"generateSortByPreferredBlockchainsFor");function fp(t,e){return!!e.list.find(o=>o.name===t)}i(fp,"isInVisibleList");function di(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=U();sg(()=>{if(e?.selected){let s=mi(t,o,e);fp(e.selected,s)||n(e?.selected)}},[e?.selected]);let r=mi(t,o,e);return{list:r.list,more:r.more,history:[]}}i(di,"usePrepareBlockchainList");import{styled as ag}from"@rango-dev/ui";var gp=ag("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var pg=12;function hi(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:s}=t,a=di(e,{limit:10,selected:n?.name}),{fetchStatus:l}=k(),p=z.use.resetToBlockchain(),u=z.use.resetFromBlockchain(),m=a.more.length>0,c=a.more.length===1,y=!c&&m;return he.createElement("div",null,he.createElement(hp,{size:12}),he.createElement(gi,{variant:"label",size:"large"},fi.t("Select Blockchain")),he.createElement(hp,{size:12}),he.createElement(gp,null,l==="loading"&&Array.from(Array(pg),d=>he.createElement(lg,{key:d,variant:"rounded",height:50})),l==="success"&&he.createElement(he.Fragment,null,he.createElement(Bn,{selected:!n,onClick:()=>{o==="from"?u():p()}},he.createElement(gi,{variant:"body",size:"xsmall",color:"secondary500"},fi.t("All"))),a.list.map(d=>he.createElement(Bn,{key:d.name,selected:!!n&&n.name===d.name,onClick:()=>r(d)},he.createElement(yp,{src:d.logo,size:30}))),c?he.createElement(Bn,{key:a.more[0].name,selected:!!n&&n.name===a.more[0].name,onClick:()=>r(a.more[0])},he.createElement(yp,{src:a.more[0].logo,size:30})):null,y?he.createElement(Bn,{onClick:s,key:"more-blockchains"},he.createElement(gi,{variant:"body",size:"xsmall",color:"secondary500"},fi._("More +{count}",{count:a.more.length}))):null)))}i(hi,"BlockchainsSection");import{i18n as Ti}from"@lingui/core";import{darkTheme as Ep,Divider as fo,ExternalLinkIcon as mg,Image as dg,ListItemButton as fg,NotFound as gg,PinIcon as hg,Skeleton as Ap,Typography as go,VirtualizedList as yg}from"@rango-dev/ui";import F,{forwardRef as Sg,useEffect as Ip,useState as Wp}from"react";var Sp=i((t,e)=>{t=t.replace(/^#/,""),t.length===3&&(t=t[0]+t[0]+t[1]+t[1]+t[2]+t[2]);let[s,a,l]=t.match(/.{2}/g);[s,a,l]=[parseInt(s,16)+e,parseInt(a,16)+e,parseInt(l,16)+e],s=Math.max(Math.min(255,s),0).toString(16),a=Math.max(Math.min(255,a),0).toString(16),l=Math.max(Math.min(255,l),0).toString(16);let p=(s.length<2?"0":"")+s,u=(a.length<2?"0":"")+a,m=(l.length<2?"0":"")+l;return`#${p}${u}${m}`},"colorShade"),Mn=i((t,e)=>{let a={[t]:e};for(let l=1;l<10;l++)l<5&&(a={...a,[t+l*100]:Sp(e,(5-l)*25)}),l===5&&(a={...a,[t+l*100]:e}),l>5&&(a={...a,[t+l*100]:Sp(e,-((l-5)*25))});return a},"generateRangeColors"),yi=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=Mn(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,...Mn(s,a)}}return n?r:{}},"generateColors");import{Divider as xp,ListItem as cg,Skeleton as mo}from"@rango-dev/ui";import Qe from"react";import{darkTheme as Cp,styled as Re,Typography as ug}from"@rango-dev/ui";var kp=Re("div",{display:"flex",flexDirection:"column",flexGrow:1}),Si=Re("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),$n=Re("ul",{flexGrow:1,padding:0,margin:0,listStyle:"none","& li":{alignItems:"none",".description":{position:"relative",height:12,width:150,".token-title":{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",bottom:"-8px"},".token-address":{transform:"translateY(12px)",visibility:"hidden","& a":{fontSize:"$12",lineHeight:"$16",$$color:"$colors$neutral600",[`.${Cp} &`]:{$$color:"$colors$neutral700"},color:"$$color",textDecoration:"none"}},".token-name":{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}},"&:hover":{".description":{".token-address":{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",visibility:"visible"},".token-address-without-name":{bottom:"-15px"},".token-name":{position:"absolute",transform:"translateY(-12px)",visibility:"hidden"},".token-title":{position:"absolute",transform:"translateY(-12px)",bottom:"-10px"}}}}}),Ci=Re("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),ki=Re(ug,{}),Tp=Re("div",{textAlign:"right",".usd-value":{$$color:"$colors$neutral600",[`.${Cp} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Pn=Re("ul",{display:"flex",alignItems:"end",flexDirection:"column"}),oW=Re("div",{display:"flex",alignItems:"center"}),wp=Re("div",{position:"relative",".image-container":{borderRadius:"$xm",overflow:"hidden"}}),vp=Re("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6});function bp(t){return Qe.createElement($n,null,Array.from(Array(t.size),e=>Qe.createElement(cg,{key:e,hasDivider:!0,start:Qe.createElement(mo,{variant:"circular",width:35,height:35}),end:Qe.createElement(Pn,null,Qe.createElement(mo,{variant:"text",size:"large",width:70}),Qe.createElement(xp,{size:4}),Qe.createElement(mo,{variant:"text",size:"medium",width:50})),title:Qe.createElement("div",null,Qe.createElement(mo,{variant:"text",size:"large",width:90}),Qe.createElement(xp,{size:4}),Qe.createElement(mo,{variant:"text",size:"medium",width:90}))})))}i(bp,"LoadingTokenList");var wi=20,Cg=i(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:s,customCssForTagTitle:a}=t,l=e.length;return F.createElement("div",{className:"description"},o?F.createElement("div",{className:"token-name"},o):F.createElement(Si,{className:"token-title"},F.createElement(go,{variant:"title",size:"xmedium"},r.symbol),F.createElement(fo,{direction:"horizontal",size:4}),F.createElement(Ci,{css:s},F.createElement(ki,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&F.createElement("div",{className:`token-address ${!o&&"token-address-without-name"}`},F.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," ",F.createElement(mg,{color:"gray",size:12}))))},"renderDesc");function Np(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[s,a]=Wp(e),l=k().fetchStatus,p=k().blockchains(),[u,m]=Wp(!0),c=j.use.loading(),{isTokenPinned:y}=k(),d=Sg((f,b)=>F.createElement("div",{...f,ref:b,style:{...f.style,height:`${parseFloat(f.style?.height)+8*2}px`}})),h=i(()=>{a(e.slice(0,s.length+wi))},"loadNextPage");Ip(()=>{m(e.length>s.length)},[s.length]),Ip(()=>{a(e.slice(0,wi))},[e]);let x=i(()=>!s.length&&o?F.createElement(F.Fragment,null,F.createElement(fo,{size:32}),F.createElement(gg,{title:Ti.t("No results found"),description:Ti.t("Try using different keywords")})):F.createElement(yg,{Item:({index:f,style:b})=>{let g=s[f],v=g.address||"",S=p.find(T=>T.name===g.blockchain),C=Mn(g.symbol,S?.color||""),B={$$color:C[`${g.symbol}100`],[`.${Ep} &`]:{$$color:C[`${g.symbol}900`]},backgroundColor:"$$color"},O={$$color:C[`${g.symbol}700`],[`.${Ep} &`]:{$$color:C[`${g.symbol}100`]},color:"$$color"};return F.createElement("div",{style:{...b,paddingRight:5}},F.createElement(fg,{style:{height:b?.height},"tab-index":f,key:`${g.symbol}${g.address}`,id:`${g.symbol}${g.address}`,hasDivider:!0,onClick:()=>n(s[f]),start:F.createElement(wp,null,F.createElement(dg,{src:g.image,size:30}),y(g)&&F.createElement(vp,null,F.createElement(hg,{size:12,color:"gray"}))),title:S?.type==="COSMOS"||g.name||!g.name&&!v?F.createElement(Si,null,F.createElement(go,{variant:"title",size:"xmedium"},g.symbol),F.createElement(fo,{direction:"horizontal",size:4}),F.createElement(Ci,{css:B},F.createElement(ki,{variant:"body",size:"xsmall",css:O},g.blockchain))):void 0,description:S?.info&&v&&S.type!=="COSMOS"?Cg({address:v,token:s[f],customCssForTag:B,customCssForTagTitle:O,name:g.name,url:S.info.addressUrl.split("{wallet}").join(v)}):g.name||void 0,end:c?F.createElement(Pn,null,F.createElement(Ap,{variant:"text",size:"large",width:70}),F.createElement(fo,{size:4}),F.createElement(Ap,{variant:"text",size:"medium",width:50})):s[f]?.balance&&F.createElement(Tp,null,F.createElement(go,{variant:"title",size:"small"},g.balance?.amount),F.createElement("div",null),g.balance?.usdValue&&F.createElement(go,{variant:"body",className:"usd-value",size:"xsmall"},`$${g.balance?.usdValue}`))}))},hasNextPage:u,itemCount:s.length,loadNextPage:h,innerElementType:d,size:60,key:`${r}-${o}`}),"renderList");return F.createElement(kp,null,F.createElement(go,{variant:"label",size:"large"},Ti.t("Select Token")),F.createElement(fo,{size:4}),l==="loading"&&F.createElement(bp,{size:wi}),l==="success"&&F.createElement($n,null,x()))}i(Np,"TokenList");function vi(t){let{type:e}=t,o=Tg(),n=mt(),{fromBlockchain:r,toBlockchain:s,setFromToken:a,setToToken:l,setFromBlockchain:p,setToBlockchain:u}=z(),{connectedWallets:m}=j(),[c,y]=kg(""),h=(e==="source"?r:s)?.name??"",x=k().blockchains({type:e}),f=k().tokens({type:e,blockchain:h,searchFor:c}),b=cs(f,m),g=i(S=>{e==="source"?p(S):u(S)},"updateBlockchain"),v=i(S=>{e==="source"?a({token:S,meta:{blockchains:x,tokens:f}}):l({token:S,meta:{blockchains:x,tokens:f}})},"updateToken");return Qt.createElement(X,{header:{title:Lp.t("Swap {type}",{type:e})}},Qt.createElement(hi,{blockchains:x,type:e=="source"?"from":"to",blockchain:e==="source"?r:s,onMoreClick:()=>o($.blockchains),onChange:S=>{g(S)}}),Qt.createElement(Bp,{size:24}),Qt.createElement(st,{value:c,autoFocus:!0,placeholder:Lp.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>y(""),onChange:S=>y(S.target.value)}),Qt.createElement(Bp,{size:16}),Qt.createElement(Np,{list:b,selectedBlockchain:h,searchedFor:c,onChange:S=>{v(S);let C=x.find(B=>S.blockchain===B.name);C&&g(C),n()}}))}i(vi,"SelectSwapItemsPage");import{i18n as Et}from"@lingui/core";import{ChevronRightIcon as Ei,Divider as Ai,InfoIcon as Ag,List as Ig,ListItemButton as Wg,Skeleton as Ng,Switch as Lg,Tooltip as Bg,Typography as At}from"@rango-dev/ui";import H from"react";import{useNavigate as Mg}from"react-router-dom";import{i18n as Dp}from"@lingui/core";import{Chip as vg,Divider as Fp,InfoIcon as xg,TextField as bg,Tooltip as Eg,Typography as Op}from"@rango-dev/ui";import we from"react";import{styled as _n}from"@rango-dev/ui";var Mp=_n("div",{paddingTop:"$5",paddingBottom:"30px"}),$p=_n("div",{display:"flex",alignItems:"center",justifyContent:"start"}),Pp=_n("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),Dn=_n("div",{maxWidth:"300px",padding:"$10"});import{i18n as xi}from"@lingui/core";import{Typography as wg}from"@rango-dev/ui";import ho from"react";function _p(){return ho.createElement(Dn,null,ho.createElement(wg,{variant:"label",size:"medium",color:"neutral700"},xi.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),ho.createElement("br",null),ho.createElement("br",null),ho.createElement("b",null,xi.t("Warning")),":",xi.t("This setting is applied per step, e.g. 1Inch, Thorchain, etc. and only that step will be reverted, not the whole transaction")))}i(_p,"SlippageTooltipContent");function bi(){let t=U.use.slippage(),e=U.use.setSlippage(),o=U.use.customSlippage(),n=U.use.setCustomSlippage();return we.createElement(Mp,null,we.createElement(Pp,null,we.createElement(Op,{variant:"title",size:"xmedium"},Dp.t("Slippage tolerance per swap")),we.createElement(Fp,{direction:"horizontal",size:4}),we.createElement(Eg,{container:K(),side:"top",content:we.createElement(_p,null)},we.createElement(xg,{color:"gray"}))),we.createElement($p,null,Cs.map((r,s)=>{let a=`slippage-${s}`;return we.createElement(we.Fragment,null,we.createElement(vg,{style:{width:"64px",flexShrink:0},key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`}),we.createElement(Fp,{direction:"horizontal",size:8}))}),we.createElement(bg,{type:"number",min:"0.01",max:"30",step:"0.01",fullWidth:!0,variant:"contained",value:o||"",color:"dark",onChange:r=>{let s=parseFloat(r.target.value);(!s||s>=vs&&s<=ws)&&n(s)},suffix:o&&we.createElement(Op,{variant:"body",size:"small"},"%"),placeholder:Dp.t("Custom")})))}i(bi,"Slippage");function Up(){let t=Mg(),{theme:e}=k().config,o=k().fetchStatus,n=k().swappers(),r=U.use.infiniteApprove(),s=U.use.toggleInfiniteApprove(),a=Fo(n),l=a.filter(v=>v.type==="BRIDGE"||v.type==="AGGREGATOR"),p=l.length,u=l.filter(v=>v.selected).length,m=a.filter(v=>v.type==="DEX"),c=m.length,y=m.filter(v=>v.selected).length,d=i((v,S)=>{switch(o){case"loading":return H.createElement(Ng,{variant:"text",size:"medium",width:50});case"failed":return H.createElement(At,{variant:"body",size:"medium",color:"$error500"},Et.t("Loading failed"));default:return H.createElement(At,{variant:"body",size:"medium"},`${v} / ${S}`)}},"handleEndItem"),h={id:"bridge-item",title:H.createElement(At,{variant:"title",size:"xmedium"},Et.t("Enabled bridges")),end:H.createElement(H.Fragment,null,d(u,p),H.createElement(Ai,{direction:"horizontal",size:8}),H.createElement(Ei,{color:"black"})),onClick:()=>t($.bridges)},x={id:"exchange-item",title:H.createElement(At,{variant:"title",size:"xmedium"},Et.t("Enabled exchanges")),end:H.createElement(H.Fragment,null,d(y,c),H.createElement(Ai,{direction:"horizontal",size:8}),H.createElement(Ei,{color:"gray"})),onClick:()=>t($.exchanges)},f={id:"theme-item",title:H.createElement(At,{variant:"title",size:"xmedium"},Et.t("Theme")),end:H.createElement(Ei,{color:"gray"}),onClick:()=>t($.themes)},b={id:"infinite-approval-item",title:H.createElement(H.Fragment,null,H.createElement(At,{variant:"title",size:"xmedium"},Et.t("Infinite Approval")),H.createElement(Ai,{direction:"horizontal",size:4}),H.createElement(Bg,{side:"top",container:K(),content:H.createElement(Dn,null,H.createElement(At,{variant:"label",size:"medium",color:"neutral700"},Et.t("Enabling the 'Infinite Approval' mode grants unrestricted access to smart contracts of DEXes/Bridges, allowing them to utilize the approved token amount without limitations.")))},H.createElement(Ag,{color:"gray"}))),end:H.createElement(Lg,{checked:r}),onClick:s},g=[h,x];return e?.singleTheme||g.push(f),g.push(b),H.createElement(X,{header:{title:Et.t("Setting")}},H.createElement(at,null,H.createElement(bi,null),H.createElement(Ig,{type:H.createElement(Wg,{title:"_",id:"_",onClick:()=>console.log()}),items:g})))}i(Up,"SettingsPage");import{cancelSwap as Ah}from"@rango-dev/queue-manager-rango-preset";import{useManager as Ih}from"@rango-dev/queue-manager-react";import Su from"react";import{i18n as lt}from"@lingui/core";import{getCurrentBlockchainOfOrNull as lh,getCurrentStep as ph,getRelatedWalletOrNull as uh,PendingSwapNetworkStatus as jn}from"@rango-dev/queue-manager-rango-preset";import{Button as uu,CopyIcon as ch,Divider as mh,IconButton as dh,QuoteCost as fh,StepDetails as gh,Typography as Vt,useCopyToClipboard as hh}from"@rango-dev/ui";import{useWallets as yh}from"@rango-dev/wallets-react";import Y,{useEffect as cu,useRef as Sh,useState as mu}from"react";import{useNavigate as Ch}from"react-router-dom";import{i18n as ve}from"@lingui/core";var $g=1e3,Pg=31536e3,_g=2592e3,Dg=86400,Fg=3600,Og=60;function zp(t){let e=Math.floor((Date.now()-t)/$g),n=[{turningPoint:Pg,label:ve.t("year"),pluralLabel:ve.t("years")},{turningPoint:_g,label:ve.t("month"),pluralLabel:ve.t("months")},{turningPoint:Dg,label:ve.t("day"),pluralLabel:ve.t("days")},{turningPoint:Fg,label:ve.t("hour"),pluralLabel:ve.t("hours")},{turningPoint:Og,label:ve.t("minute"),pluralLabel:ve.t("minutes")}].sort((r,s)=>s.turningPoint-r.turningPoint);for(let r of n){let{turningPoint:s,label:a,pluralLabel:l}=r,p=Math.floor(e/s);if(p>1)return`${p} ${l}`;if(p===1)return`${p} ${a}`}return e>1?`${e} ${ve.t("seconds")}`:`${e} ${ve.t("second")}`}i(zp,"timeSince");function qp(t){return t.finishTime?ve.t({id:"{time} ago",values:{time:zp(parseInt(t.finishTime))}}):ve.t({id:"{time} ago",values:{time:zp(parseInt(t.creationTime))}})}i(qp,"getSwapDate");import{PendingSwapNetworkStatus as Un}from"@rango-dev/queue-manager-rango-preset";import{Modal as Vg}from"@rango-dev/ui";import zn from"react";import{i18n as Fn}from"@lingui/core";import{Button as Gp,Divider as Ii,MessageBox as Ug,Typography as Qp}from"@rango-dev/ui";import et from"react";var Hp=i(({onCancel:t,onClose:e})=>et.createElement(et.Fragment,null,et.createElement(Ii,{size:20}),et.createElement(Ug,{type:"error",title:Fn.t("Cancel Swap"),description:Fn.t("Are you sure you want to cancel this swap?")}),et.createElement(Ii,{size:32}),et.createElement(Gp,{variant:"contained",type:"primary",size:"large",onClick:t},et.createElement(Qp,{variant:"title",size:"medium",color:"neutral100"},Fn.t("Yes, Cancel it"))),et.createElement(Ii,{size:12}),et.createElement(Gp,{variant:"outlined",type:"primary",size:"large",onClick:e},et.createElement(Qp,{variant:"title",size:"medium",color:"primary"},Fn.t("No, Continue")))),"CancelContent");import{i18n as On}from"@lingui/core";import{Button as Vp,Divider as Wi,MessageBox as zg,Typography as jp}from"@rango-dev/ui";import tt from"react";var Kp=i(({onDelete:t,onClose:e})=>tt.createElement(tt.Fragment,null,tt.createElement(Wi,{size:20}),tt.createElement(zg,{type:"error",title:On.t("Delete Transaction"),description:On.t("Are you sure you want to delete this swap?")}),tt.createElement(Wi,{size:32}),tt.createElement(Vp,{variant:"contained",type:"primary",size:"large",onClick:t},tt.createElement(jp,{variant:"title",size:"medium",color:"neutral100"},On.t("Yes, Delete it"))),tt.createElement(Wi,{size:12}),tt.createElement(Vp,{variant:"outlined",type:"primary",size:"large",onClick:e},tt.createElement(jp,{variant:"title",size:"medium",color:"primary"},On.t("No, Cancel")))),"DeleteContent");import{i18n as Ni}from"@lingui/core";import{PendingSwapNetworkStatus as Li}from"@rango-dev/queue-manager-rango-preset";var Bi={[Li.WaitingForNetworkChange]:{type:"loading",title:Ni.t("Change Network")},[Li.WaitingForConnectingWallet]:{type:"warning",title:Ni.t("Connect Wallet")},[Li.NetworkChanged]:{type:"success",title:Ni.t("Network Changed")}};import{MessageBox as Gg,Wallet as Qg,WalletState as Yp}from"@rango-dev/ui";import{useWallets as Hg}from"@rango-dev/wallets-react";import yo from"react";import{styled as qg}from"@rango-dev/ui";var Xp=qg("div",{display:"flex",justifyContent:"center"});var Jp=i(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:s}=t,{connect:a,getWalletInfo:l,state:p}=Hg(),u=n?.walletType,c=u&&p(u).connected?Yp.CONNECTED:Yp.DISCONNECTED;return yo.createElement(yo.Fragment,null,yo.createElement(Gg,{type:e,title:o,description:r}),s&&u&&yo.createElement(Xp,null,yo.createElement(Qg,{container:K(),title:l(u).name,image:l(u).img,type:u,state:c,onClick:async()=>a(u)})))},"WalletStateContent");function Mi(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:s,message:a}=t,l=e===Un.WaitingForNetworkChange||e===Un.WaitingForConnectingWallet||e===Un.NetworkChanged;return zn.createElement(Vg,{open:!!e,onClose:o,container:document.getElementById("swap-box")||document.body},l&&zn.createElement(Jp,{type:Bi[e].type,title:Bi[e].title,currentStepWallet:s,message:a,showWalletButton:e!==Un.WaitingForNetworkChange}),e==="delete"&&zn.createElement(Kp,{onClose:o,onDelete:n}),e==="cancel"&&zn.createElement(Hp,{onClose:o,onCancel:r}))}i(Mi,"SwapDetailsModal");import{i18n as So}from"@lingui/core";import{Button as $i,Divider as qn,MessageBox as Zp,Modal as jg,TokenAmount as Kg,Typography as Gn}from"@rango-dev/ui";import ce from"react";import{useNavigate as Xg}from"react-router-dom";function Pi(t){let{open:e,onClose:o,status:n,priceValue:r,usdValue:s,token:a,chain:l,percentageChange:p,description:u,diagnosisUrl:m}=t,c=Xg();return ce.createElement(jg,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},n==="success"?ce.createElement(Zp,{type:"success",title:So.t("Swap Successful")},ce.createElement(Kg,{direction:"vertical",type:"output",centerAlign:!0,price:{value:r,usdValue:s},token:a,chain:l,percentageChange:p}),ce.createElement(qn,{size:12}),ce.createElement(Gn,{variant:"body",size:"medium",color:"neutral700",align:"center"},u)):ce.createElement(Zp,{type:"error",title:So.t("Transaction Failed"),description:u}),ce.createElement(qn,{size:32}),n==="success"&&ce.createElement($i,{variant:"contained",type:"primary",size:"large",onClick:()=>{c("../../")}},ce.createElement(Gn,{variant:"title",size:"medium",color:"neutral100"},So.t("Done"))),ce.createElement(qn,{size:12}),m&&ce.createElement(ce.Fragment,null,ce.createElement($i,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(m,"_blank")},ce.createElement(Gn,{variant:"title",size:"medium",color:"primary"},So.t("Diagnosis"))),ce.createElement(qn,{size:12})),ce.createElement($i,{variant:"outlined",type:"primary",size:"large",onClick:o},ce.createElement(Gn,{variant:"title",size:"medium",color:"primary"},So.t("See Details"))))}i(Pi,"SwapDetailsCompleteModal");import sh from"react";import{i18n as oh}from"@lingui/core";import{Alert as ru,IconButton as nh,LinkIcon as rh}from"@rango-dev/ui";import yt,{Fragment as ih}from"react";import{Alert as Yg,ChevronDownIcon as Jg,ChevronUpIcon as Zg,IconButton as Rg}from"@rango-dev/ui";import Qn,{useState as eh}from"react";function Rp(t){let{message:e}=t,[o,n]=eh(!1);return Qn.createElement(Yg,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&Qn.createElement(Rg,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?Qn.createElement(Zg,{size:12,color:"gray"}):Qn.createElement(Jg,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}i(Rp,"FailedAlert");import{styled as th}from"@rango-dev/ui";var eu=th("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as tu}from"@lingui/core";import{PendingSwapNetworkStatus as _i}from"@rango-dev/queue-manager-rango-preset";import{Alert as Di,Button as ou}from"@rango-dev/ui";import Co from"react";function nu(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?Co.createElement(Di,{type:"warning",title:n.shortMessage,action:Co.createElement(ou,{size:"xxsmall",type:"warning",onClick:()=>{o(_i.WaitingForNetworkChange),e().catch(s=>{console.log(s)})}},tu.t("Change"))}):r===_i.WaitingForConnectingWallet?Co.createElement(Di,{type:"warning",title:n.shortMessage,action:Co.createElement(ou,{size:"xxsmall",type:"warning",onClick:()=>{o(_i.WaitingForConnectingWallet)}},tu.t("Connect"))}):Co.createElement(Di,{type:"warning",title:n.shortMessage})}i(nu,"WarningAlert");function Fi(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:s,hasAlreadyProceededToSign:a}=t,l=Jt(s),p=s.status==="waitingForApproval"&&!l,u=s.status==="running"&&!l;return yt.createElement(eu,null,s.explorerUrl?.map((m,c,y)=>{let d=c+m.url,h=c===y.length-1,x=h&&u||p,f=h&&s.status==="failed";return yt.createElement(ih,{key:d},yt.createElement(ru,{type:x&&"loading"||f&&"error"||"success",title:m.description?`${m.description} Tx`:oh.t("View transaction"),action:m.url&&yt.createElement(nh,{variant:"ghost",size:"xsmall",onClick:()=>window.open(m.url,"_blank")},yt.createElement(rh,{size:16}))}))}),(u&&!a||p&&!s.explorerUrl?.length)&&yt.createElement(ru,{type:"loading",title:r.shortMessage}),s.status!=="failed"&&l&&yt.createElement(nu,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),s.status==="failed"&&yt.createElement(Rp,{message:r}))}i(Fi,"SwapDetailsAlerts");var iu=2e3;var su=i(({swap:t,blockchains:e,...o})=>{let n=t.hasAlreadyProceededToSign!==!1;return t.steps.map((r,s)=>{let a=s===0?t.inputAmount:t.steps[s-1].outputAmount;return{from:{token:{displayName:r.fromSymbol,image:r.fromLogo??""},chain:{displayName:Ye(r.fromBlockchain,e)??"",image:r.fromBlockchainLogo??""},price:{value:I(a,6,6)}},to:{token:{displayName:r.toSymbol,image:r.toLogo},chain:{displayName:Ye(r.toBlockchain,e)??"",image:r.toBlockchainLogo??""},price:{value:I(r.outputAmount||r.expectedOutputAmountHumanReadable,6,6)}},swapper:{displayName:r.swapperId,image:r.swapperLogo??""},alerts:sh.createElement(Fi,{step:r,hasAlreadyProceededToSign:n,...o})}})},"getSteps");function au(t){if(Jt(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(au,"getStepState");import{darkTheme as ah,styled as Ht}from"@rango-dev/ui";var Hn=Ht("div",{display:"flex",width:"100%",flexDirection:"column",alignItems:"center",height:"0",flexGrow:1,"& .row":{display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",padding:"$10 $20",borderBottom:"1px solid",$$color:"$colors$neutral300",[`.${ah} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color",color:"$neutral500"},"& .request-id":{display:"flex",justifyContent:"center",alignItems:"center",height:"$24"},"& .output":{display:"flex",width:"100%",padding:"$15 $20 $20",flexDirection:"column",alignItems:"start"},"& .title-steps":{textAlign:"left",width:"100%",padding:"0 $20 $10"}}),Vn=Ht("div",{width:"100%"}),lu=Ht("div",{padding:"$0 $20 $20 $20",width:"100%",overflow:"auto"}),DL=Ht("div",{display:"flex",flexDirection:"column",gap:"$10"}),pu=Ht("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),FL=Ht("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1});function Oi(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:s,connect:a,getWalletInfo:l}=yh(),p=k().blockchains(),u=k().tokens(),m=z.use.retry(),c=Ch(),[y,d]=hh(iu),h=Sh(null),[x,f]=mu(null),[b,g]=mu(null),v=i(()=>{r(),f(null)},"onCancel"),S=Ne.use.getUnreadNotifications(),C=Ne.use.setAsRead(),B=S(),O=ph(e),T=O?.networkStatus;cu(()=>{B.find(ae=>ae.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(g(e.status),C(e.requestId))},[e.status]),cu(()=>{V?f(jn.WaitingForNetworkChange):T===jn.WaitingForConnectingWallet||T===jn.NetworkChanged?f(T):f(null)},[T]);let P=Gs(e),M=O?lh(e,O):null,N=O?uh(e,O):null,w=qp(e),D=Qs(e),A=i(q=>!!l(q)?.mobileWallet,"isMobileWallet"),V=T===jn.WaitingForNetworkChange&&!!M&&!!N?.walletType&&(A(N.walletType)||s(N.walletType,M)),oe=V?a.bind(null,N.walletType,M):void 0,ne=qs(e,O),G=su({swap:e,switchNetwork:oe,showNetworkModal:T,setNetworkModal:f,message:ne,blockchains:p}),se=G.length,[me,de]=[e.steps[0],e.steps[se-1]],_e=de.outputAmount||de.expectedOutputAmountHumanReadable,It=e.steps.reduce((q,ae)=>q+parseFloat(ae.feeInUsd||""),0),Kt=e.steps.find(q=>q.diagnosisUrl)?.diagnosisUrl,ot=I(String(parseFloat(I(_e,6,6))*($o(de.toBlockchain,de.toSymbol,de.toSymbolAddress,u)||0)),4,4),He=I(String(parseFloat(e.inputAmount)*($o(me.fromBlockchain,me.fromSymbol,me.fromSymbolAddress,u)||0)),4,4),_=We(He,ot),J=e.status==="success"?lt.t({id:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:I(_e,6,6),token:G[se-1].to.token.displayName,conciseAddress:_o(e.wallets[G[se-1].to.chain.displayName]?.address||""),chain:G[se-1].to.chain.displayName}}):`${lt.t("Transaction was not sent.")} ${P?lt.t({id:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:P.outputAmount,symbol:P.symbol,blockchain:P.blockchain}}):""}`;return Y.createElement(X,{noPadding:!0,header:{title:lt.t("Swap and Bridge"),onCancel:e.status==="running"?()=>f("cancel"):void 0,suffix:e.status!=="running"&&Y.createElement(Dt,null,Y.createElement(uu,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>f("delete")},Y.createElement(Vt,{size:"medium",variant:"label",color:"error"},lt.t("Delete"))))},footer:D&&!b&&Y.createElement(uu,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{m(e,{blockchains:p,tokens:u}),setTimeout(()=>{c("../../")},0)}},lt.t("Try again"))},Y.createElement(Hn,null,Y.createElement(Vn,null,Y.createElement("div",{className:"row"},Y.createElement(Vt,{variant:"label",size:"large",color:"neutral700"},`${lt.t("Request ID")}:`),Y.createElement("div",{className:"request-id"},Y.createElement(Vt,{variant:"label",size:"small",color:"neutral700"},o),Y.createElement(dh,{variant:"ghost",onClick:d.bind(null,o||"")},Y.createElement(ch,{size:16,color:"gray"})))),Y.createElement("div",{className:"row"},Y.createElement(Vt,{variant:"label",size:"large",color:"neutral700"},`${lt.t("Created at")}:`),Y.createElement(Vt,{variant:"label",size:"small",color:"neutral700"},w))),Y.createElement("div",{className:"output"},Y.createElement(fh,{fee:I(String(It),2,2),time:Wo(No(e.steps)),steps:se}),Y.createElement(oo,{from:{price:{value:I(e.inputAmount,6,6),usdValue:He},token:{displayName:G[0].from.token.displayName,image:G[0].from.token.image},chain:{image:G[0].from.chain.image,displayName:G[0].from.chain.displayName}},to:{price:{value:I(_e,6,6),usdValue:ot},token:{displayName:G[se-1].to.token.displayName,image:G[se-1].to.token.image},chain:{image:G[se-1].to.chain.image,displayName:G[se-1].to.chain.displayName}},percentageChange:I(_,2,2),warningLevel:nt(_??0)})),Y.createElement("div",{className:"title-steps"},Y.createElement(Vt,{variant:"title",size:"small"},lt.t("Swaps steps"))),Y.createElement(mh,{size:8}),Y.createElement(lu,{ref:h},G.map((q,ae)=>{let Ve=ae,Ee=au(e.steps[ae]),Zn=Ee==="error"||Ee==="in-progress"||Ee==="warning"||Ee==="completed"&&ae===G.length-1;return Y.createElement(gh,{key:Ve,step:q,type:"swap-progress",ref:h,state:Ee,hasSeparator:ae!==0,tabIndex:Ve,isFocused:Zn})}))),Y.createElement(Mi,{state:x,onClose:()=>f(null),onCancel:v,onDelete:n,message:ne.detailedMessage.content,currentStepWallet:N}),Y.createElement(Pi,{open:!!b,diagnosisUrl:Kt,onClose:()=>g(null),status:e.status==="success"?"success":"failed",priceValue:I(_e,6,6),usdValue:ot,percentageChange:I(_,2,2),token:{displayName:G[se-1].to.token.displayName,image:G[se-1].to.token.image},chain:{image:G[se-1].to.chain.image},description:J}))}i(Oi,"SwapDetails");import{i18n as xo}from"@lingui/core";import{CopyIcon as xh,IconButton as bh,NotFound as Eh,Skeleton as hu,Typography as Xn}from"@rango-dev/ui";import pe from"react";import{i18n as Th}from"@lingui/core";import{ChainToken as wh,Divider as zi,Skeleton as vo,Typography as vh}from"@rango-dev/ui";import Z from"react";import{styled as Ui}from"@rango-dev/ui";var du=Ui("div",{width:"100%",height:"100%",padding:"$0 $20",".cost":{paddingTop:"$15",display:"flex"},".quote-summary":{padding:"$15 $0"},".quote-summary-item":{display:"flex",justifyContent:"space-between",alignItems:"center"},".token-amount":{display:"flex",justifyContent:"space-between",alignItems:"center"},".quote-summary-separator":{width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"},".swaps-steps":{paddingBottom:"$10"}}),fu=Ui("div",{backgroundColor:"$neutral100",borderRadius:"$xm",padding:"$10 $15",".step-title":{display:"flex",justifyContent:"start",alignItems:"center"},".step-tokens":{paddingTop:"$5",display:"flex",alignItems:"center"},".step-token-info":{display:"flex",alignItems:"center"},".step-icon-container":{padding:"$4 $6",display:"flex",justifyContent:"center",alignItems:"center"},".extra-info":{display:"flex",paddingTop:"$10",paddingBottom:"$5"}}),Kn=Ui("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"});import{ChainToken as gu,Divider as ko,NextIcon as kh,Skeleton as To}from"@rango-dev/ui";import le from"react";function wo(t){let{extraInfo:e}=t;return le.createElement(fu,null,le.createElement("div",{className:"step-title"},le.createElement(To,{height:28,width:28,variant:"circular"}),le.createElement(ko,{direction:"horizontal",size:8}),le.createElement(To,{height:15,width:148,variant:"rounded"})),le.createElement("div",{className:"step-tokens"},le.createElement(ko,{direction:"horizontal",size:20}),le.createElement("div",{className:"step-token-info"},le.createElement(gu,{size:"small",loading:!0,chainImage:"",tokenImage:""}),le.createElement(ko,{direction:"horizontal",size:8}),le.createElement(To,{height:12,width:76,variant:"rounded"})),le.createElement("div",{className:"step-icon-container"},le.createElement(kh,{color:"gray",size:16})),le.createElement("div",{className:"step-token-info"},le.createElement(gu,{size:"small",loading:!0,chainImage:"",tokenImage:""}),le.createElement(ko,{direction:"horizontal",size:8}),le.createElement(To,{height:12,width:76,variant:"rounded"}))),e&&le.createElement("div",{className:"extra-info"},le.createElement(ko,{direction:"horizontal",size:20}),le.createElement(To,{height:22,width:297,variant:"rectangular"})))}i(wo,"LoadingSwapDetailStep");function qi(){let t=Z.createElement("div",{className:"quote-summary-item"},Z.createElement("div",{className:"token-amount"},Z.createElement(wh,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),Z.createElement(zi,{size:8,direction:"horizontal"}),Z.createElement(vo,{height:15,width:148,variant:"rounded"})),Z.createElement(vo,{height:12,width:64,variant:"rounded"}));return Z.createElement(du,null,Z.createElement("div",{className:"cost"},Z.createElement(vo,{width:60,height:10,variant:"rounded"}),Z.createElement(zi,{size:4,direction:"horizontal"}),Z.createElement(vo,{width:60,height:10,variant:"rounded"}),Z.createElement(zi,{size:4,direction:"horizontal"}),Z.createElement(vo,{width:60,height:10,variant:"rounded"})),Z.createElement("div",{className:"quote-summary"},t,Z.createElement("div",{className:"quote-summary-separator"}),t),Z.createElement("div",{className:"swaps-steps"},Z.createElement(vh,{variant:"title",size:"small"},Th.t("Swaps steps"))),Z.createElement("div",{className:"step-container"},Z.createElement(wo,{extraInfo:!0}),Z.createElement(Kn,null),Z.createElement(wo,null),Z.createElement(Kn,null),Z.createElement(wo,null),Z.createElement(Kn,null),Z.createElement(wo,null)))}i(qi,"LoadingSwapDetails");function yu(t){let{requestId:e,showSkeleton:o}=t;return pe.createElement(X,{noPadding:!0,header:{title:xo.t("Swap and Bridge"),suffix:pe.createElement(Dt,null)}},o&&pe.createElement(Hn,null,pe.createElement(Vn,null,pe.createElement("div",{className:"row"},pe.createElement(Xn,{variant:"label",size:"large",color:"neutral700"},`${xo.t("Request ID")}:`),pe.createElement("div",{className:"request-id"},pe.createElement(Xn,{variant:"label",size:"small",color:"neutral700"},pe.createElement(hu,{width:60,height:10,variant:"rounded"})),pe.createElement(bh,{variant:"ghost"},pe.createElement(xh,{size:16,color:"gray"})))),pe.createElement("div",{className:"row"},pe.createElement(Xn,{variant:"label",size:"large",color:"neutral700"},`${xo.t("Created at")}:`),pe.createElement(Xn,{variant:"label",size:"small",color:"neutral700"},pe.createElement(hu,{width:60,height:10,variant:"rounded"})))),pe.createElement(qi,null)),!o&&pe.createElement(pu,null,pe.createElement(Eh,{title:xo.t("Not found"),description:xo.t({id:"Swap with request ID = {requestId} not found.",values:{requestId:e}})})))}i(yu,"SwapDetailsPlaceholder");function Cu(){let{manager:t,state:e}=Ih(),o=!e.loadedFromPersistor,n=qt(t),r=Te.use.selectedSwapRequestId(),s=mt(),{fetchStatus:a}=k(),l=o||a==="loading",p=n.find(({swap:y})=>y.requestId===r),u=i(()=>{if(p?.id){let y=t?.get(p.id);y&&Ah(y)}},"onCancel"),m=i(async()=>{if(p?.id)try{t?.deleteQueue(p.id),s()}catch(y){console.log(y)}},"onDelete"),c=p?.swap;return!c||l?Su.createElement(yu,{requestId:r||"",showSkeleton:l}):Su.createElement(Oi,{swap:c,requestId:r||"",onCancel:u,onDelete:m})}i(Cu,"SwapDetailsPage");import{i18n as bo}from"@lingui/core";import{AutoThemeIcon as Wh,DarkModeIcon as Nh,LightModeIcon as Lh,List as Bh,ListItemButton as Mh,Radio as Gi,RadioRoot as $h,Typography as Qi}from"@rango-dev/ui";import xe from"react";function ku(){let t=U.use.theme(),e=U.use.setTheme(),o=[{id:"light",value:"light",title:xe.createElement(Qi,{variant:"title",size:"xmedium"},bo.t("Light")),onClick:()=>e("light"),start:xe.createElement(Lh,{color:"gray"}),end:xe.createElement(Gi,{value:"light"})},{id:"dark",value:"dark",title:xe.createElement(Qi,{variant:"title",size:"xmedium"},bo.t("Dark")),onClick:()=>e("dark"),start:xe.createElement(Nh,{color:"gray"}),end:xe.createElement(Gi,{value:"dark"})},{id:"auto",value:"auto",title:xe.createElement(Qi,{variant:"title",size:"xmedium"},bo.t("Auto")),onClick:()=>e("auto"),start:xe.createElement(Wh,{color:"gray"}),end:xe.createElement(Gi,{value:"auto"})}];return xe.createElement(X,{header:{title:bo.t("Theme")}},xe.createElement(at,null,xe.createElement($h,{onValueChange:n=>e(n),value:t},xe.createElement(Bh,{type:xe.createElement(Mh,{title:bo.t("Theme"),id:"_",onClick:()=>console.log()}),items:o}))))}i(ku,"ThemePage");function Tu(){return Ph([{path:$.home,element:be.createElement(Rl,null)},{path:$.fromSwap,children:[{index:!0,element:be.createElement(vi,{type:"source"})},{path:$.blockchains,element:be.createElement(ci,{type:"source"})}]},{path:$.toSwap,children:[{index:!0,element:be.createElement(vi,{type:"destination"})},{path:$.blockchains,element:be.createElement(ci,{type:"destination"})}]},{path:$.settings,children:[{index:!0,element:be.createElement(Up,null)},{path:$.themes,element:be.createElement(ku,null)},{path:$.languages,element:be.createElement(tp,null)},{path:$.exchanges,element:be.createElement(si,{sourceType:"Exchanges"})},{path:$.bridges,element:be.createElement(si,{sourceType:"Bridges"})}]},{path:$.swaps,children:[{index:!0,element:be.createElement(Kl,null)},{path:$.swapDetails,element:be.createElement(Cu,null)}]},{path:$.wallets,element:be.createElement(Da,null)},{path:$.confirmSwap,element:be.createElement(Fl,null)}])}i(Tu,"AppRoutes");import{isApprovalTX as _h,MainEvents as vu,RouteEventType as xu,StepEventType as jt,StepExecutionEventStatus as Dh,useEvents as Fh}from"@rango-dev/queue-manager-rango-preset";import{useEffect as bu}from"react";import{StepExecutionBlockedEventStatus as Hi}from"@rango-dev/queue-manager-rango-preset";var wu=[Hi.WAITING_FOR_CHANGE_WALLET_ACCOUNT,Hi.WAITING_FOR_NETWORK_CHANGE,Hi.WAITING_FOR_WALLET_CONNECT];function Eu(){let t=k().tokens(),e=j.use.connectedWallets(),o=j.use.getWalletsDetails(),n=Ne.use.setNotification(),r=Ne.use.setAsRead(),s=Fh();return bu(()=>(s.on(vu.StepEvent,a=>{let{event:l,step:p,route:u}=a;if(l.type===jt.TX_EXECUTION&&l.status===Dh.TX_SENT&&!_h(p)||l.type===jt.SUCCEEDED){let c=e.find(d=>d.chain===p?.fromBlockchain),y=p?.fromBlockchain!==p?.toBlockchain&&e.find(d=>d.chain===p?.toBlockchain);c&&o([c],t),y&&o([y],t)}l.type===jt.TX_EXECUTION_BLOCKED&&wu.includes(l.status)||l.type===jt.FAILED?n(l,u):(l.type===jt.TX_EXECUTION||l.type===jt.CHECK_STATUS)&&r(u.requestId)}),()=>s.all.clear()),[s,e.length]),bu(()=>(s.on(vu.RouteEvent,a=>{let{event:l,route:p}=a;(l.type===xu.FAILED||l.type===xu.SUCCEEDED)&&n(l,p)}),()=>s.all.clear()),[s,e.length]),null}i(Eu,"WidgetEvents");import{globalCss as Oh}from"@rango-dev/ui";var Au=i(()=>Oh({"@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");import{createTheme as Ki,darkTheme as Qh,lightTheme as Hh}from"@rango-dev/ui";import{useEffect as Wu,useState as Vh}from"react";import{theme as qh,darkColors as Gh}from"@rango-dev/ui";var Iu=i(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),Uh=i(t=>{let e="",o;for(o=Math.abs(t);o>52;o=o/52|0)e=Iu(o%52)+e;return Iu(o%52)+e},"toAlphabeticName"),zh=i((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),Vi=i(t=>Uh(zh(5381,JSON.stringify(t))>>>0),"toHash");function ji(t){let e=qh.colors,o=yi({...e,...Gh},!0,t?.dark),n=yi(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:`${tr}-light-${Vi(p)}`,tokens:p}}if(r){let p={colors:o};l={id:`${tr}-dark-${Vi(p)}`,tokens:p}}return{light:a,dark:l}}i(ji,"customizedThemeTokens");function Nu(t){let{colors:e,fontFamily:o=os,borderRadius:n=es,secondaryBorderRadius:r=ts,mode:s="auto"}=t,[a,l]=Vh("light"),p=U.use.theme(),u=U.use.setTheme(),{dark:m,light:c}=ji(e),y=Ki({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),d=[y.className,Hh.className],h=[y.className,Qh.className];if(c){let f=Ki(c.id,c.tokens);d.push(f.className)}if(m){let f=Ki(m.id,m.tokens);h.push(f.className)}return Wu(()=>{let f=i(b=>{b.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",f),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",f)}},[]),Wu(()=>{s!=="auto"&&u(s)},[s]),{activeTheme:i(()=>{let f=d.join(" "),b=h.join(" ");return p==="auto"?a==="dark"?b:f:p==="dark"?b:f},"getActiveTheme")}}i(Nu,"useTheme");import{styled as jh}from"@rango-dev/ui";var Lu=jh("div",{width:"100%",display:"flex",justifyContent:"center",alignItems:"center",fontFamily:"$widget",boxSizing:"border-box","& *, *::before, *::after":{boxSizing:"inherit",listStyleType:"none"},"& *:focus-visible":{outlineColor:"$info500",transition:"none"}});function Yn(){Au();let{fetch:t,config:e}=k(),{activeTheme:o}=Nu(e?.theme||{}),{activeLanguage:n,changeLanguage:r}=In(),[s,a]=Mu(""),[l,p]=Mu(),u=Xh(Uo);return Bu(()=>{t().catch(),U.persist.rehydrate(),Ne.persist.rehydrate(),u.onConnectWallet(a)},[]),Bu(()=>{r(e?.language)},[e?.language]),Eo.createElement(Kh,{language:n},Eo.createElement(Lu,{id:"swap-container",className:o()},Eo.createElement(Eu,null),Eo.createElement(Rs,{lastConnectedWallet:s,disconnectedWallet:l,clearDisconnectedWallet:()=>{p(void 0)}},Eo.createElement(Tu,null))))}i(Yn,"Main");import Yi,{useMemo as uy}from"react";import{checkWaitingForNetworkChange as Yh,makeQueueDefinition as Jh}from"@rango-dev/queue-manager-rango-preset";import{Provider as Zh}from"@rango-dev/queue-manager-react";import{useWallets as Rh}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as ey}from"@rango-dev/wallets-shared";import{isEvmBlockchain as ty}from"rango-types";import oy,{useMemo as ny}from"react";function ry(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:s,getWalletInfo:a}=Rh(),l=ny(()=>Jh({API_KEY:t.apiKey||Wt("API_KEY"),BASE_URL:Wt("BASE_URL")}),[t.apiKey]),p=k().blockchains(),m={blockchains:j.use.connectedWallets().map(g=>({accounts:[g],name:g.chain}))},c=i(async(g,v)=>{if(s(g,v))return r(g,v)},"switchNetwork"),y=i(g=>!!a(g).mobileWallet,"isMobileWallet"),d=p.filter(g=>g.enabled).reduce((g,v)=>(g[v.name]=v,g),{}),h=p.filter(ty),x=i(g=>{let{supportedChains:v}=a(g);return Bo(v)},"getSupportedChainNames"),f=e(),b={meta:{blockchains:d,evmBasedChains:h,evmNetworkChainInfo:ey(h),getSupportedChainNames:x},getSigners:o,wallets:m,providers:f,switchNetwork:c,canSwitchNetworkTo:s,connect:r,state:n,isMobileWallet:y};return oy.createElement(Zh,{queuesDefs:[l],context:b,onPersistedDataLoaded:g=>{Yh(g)},isPaused:!1},t.children)}i(ry,"QueueManager");var $u=ry;import{useManager as iy}from"@rango-dev/queue-manager-react";import sy,{createContext as ay,useContext as ly,useMemo as py}from"react";var Pu=ay(void 0);function Xi(t){let{manager:e}=iy(),o=qt(e),n=py(()=>({swaps:o}),[e,o]);return sy.createElement(Pu.Provider,{value:n},t.children)}i(Xi,"WidgetInfo");function _u(){let t=ly(Pu);if(!t)throw new Error("useWidget can only be used within the WidgetProvider component");return t}i(_u,"useWidget");function Jn(t){let{onUpdateState:e,config:o}=t;return uy(()=>{Ri({API_KEY:o?.apiKey||Ao,BASE_URL:o?.apiUrl||Zi})},[o]),Yi.createElement(zo,{config:o,onUpdateState:e},Yi.createElement($u,{apiKey:o.apiKey},Yi.createElement(Xi,null,t.children)))}i(Jn,"WidgetProvider");function Du(t){return t.config?.externalWallets?Ji.createElement(Yn,null):Ji.createElement(Jn,{config:t.config??nr},Ji.createElement(Yn,null))}i(Du,"Widget");export{K$ as MainEvents,X$ as RouteEventType,Y$ as StepEventType,J$ as StepExecutionBlockedEventStatus,Z$ as StepExecutionEventStatus,Du as Widget,Jn as WidgetProvider,zo as WidgetWallets,ji as customizedThemeTokens,Ha as useWallets,_u as useWidget,R$ as useWidgetEvents};
 //# sourceMappingURL=index.js.map