@rango-dev/widget-embedded 0.17.1-next.11 → 0.17.1-next.13

package/dist/index.js

@@ -1,2 +1,2 @@
-var $u=Object.defineProperty;var s=(t,e)=>$u(t,"name",{value:e,configurable:!0});import{MainEvents as kP,RouteEventType as TP,StepEventType as wP,StepExecutionBlockedEventStatus as vP,StepExecutionEventStatus as xP,useEvents as bP}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Nl}from"@rango-dev/wallets-react";import{Events as lr,Provider as lc}from"@rango-dev/wallets-react";import{isEvmBlockchain as pc}from"rango-sdk";import Oo,{createContext as uc,useEffect as cc,useRef as mc}from"react";import{useEffect as Xu}from"react";import{create as Vu}from"zustand";import{subscribeWithSelector as ju}from"zustand/middleware";import{RangoClient as Pu}from"rango-sdk";var Ji="c6381a79-2817-4602-83bf-6a641a409e32";var or={API_KEY:Ji};function Eo(t){return or[t]}s(Eo,"getConfig");function Zi(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),or=e,or}s(Zi,"initConfig");var Ri=20,es=25,ts="Roboto",nr="theme-widget";var Ao,It=s(()=>Ao||(Ao=new Pu(Eo("API_KEY")),Ao),"httpService");import{WalletState as Ge}from"@rango-dev/ui";import{readAccountAddress as Fu}from"@rango-dev/wallets-react";import{detectInstallLink as Ou,getCosmosExperimentalChainInfo as Uu,isEvmAddress as zu,KEPLR_COMPATIBLE_WALLETS as By,Networks as rs}from"@rango-dev/wallets-shared";import rr from"bignumber.js";import{isCosmosBlockchain as qu}from"rango-types";import _u from"bignumber.js";var be=new _u(0);import{WalletTypes as Du}from"@rango-dev/wallets-shared";var os=[Du.LEAP];import{BigNumber as ns}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"),N=s((t,e=null,o=null)=>{if(t==null||t==="")return"";let n=new ns(t),r=1,i=1e3;for(let a=0;a<60;a++)if(new ns(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 qe=s((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),Xt=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 Gu(t){switch(!0){case t.connected:return Ge.CONNECTED;case t.connecting:return Ge.CONNECTING;case!t.installed:return Ge.NOT_INSTALLED;default:return Ge.DISCONNECTED}}s(Gu,"mapStatusToWalletState");function is(t,e,o,n){return o.filter(r=>!os.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=Gu(t(r));return{title:i,image:a,link:Ou(l),state:p,type:r}})}s(is,"mapWalletTypesToWalletInfo");function Bo(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}s(Bo,"walletAndSupportedChainsNames");function ss(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}=Fu(p),c=l.length>0,g=l.includes(m),y=m===rs.Unknown;if(c&&!g&&!y)return;let T=m===rs.Unknown&&zu(u);if(y&&!T)return;o.includes(m)||T?r?a(m,u.toLowerCase()):l.filter(f=>o.includes(f)).forEach(f=>{a(f,u.toLowerCase())}):a(m,u)}),i}s(ss,"prepareAccountsForWalletStore");function as(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(as,"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 Lo(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}s(Lo,"isAccountAndWalletMatched");function ls(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 rr(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:Mo(o,r.asset.symbol,r.asset.address,e)||null}))||[]}s(ls,"makeBalanceFor");function ps(t){return{...t,loading:!1,error:!0}}s(ps,"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=Uu(Object.entries(t).map(([,n])=>n).filter(qu));return o&&o[e]?.experimental},"isExperimentalChain");function Hu(t,e){return t.map(({balance:o,...n})=>{let r=N(new rr(Wt(e,n.blockchain,n.symbol,n.address)?.amount||be)),i="";return n.usdPrice&&(i=N(new rr(Wt(e,n.blockchain,n.symbol,n.address)?.amount||be).multipliedBy(n.usdPrice))),{...n,...r!=="0"&&{balance:{amount:r,usdValue:i}}}})}s(Hu,"getTokensWithBalance");function us(t,e){let o=e.length>0?Hu(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(us,"getTokensBalanceFromWalletAndSort");function Ae(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}s(Ae,"tokensAreEqual");function cs(t){return t.sort((e,o)=>+(o.state===Ge.CONNECTED)-+(e.state===Ge.CONNECTED)||+(o.state===Ge.DISCONNECTED||o.state===Ge.CONNECTING)-+(e.state===Ge.DISCONNECTED||e.state===Ge.CONNECTING))}s(cs,"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 ms({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}s(ms,"getAddress");var Qu=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"),He=Qu;var H=He(Vu()(ju((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=>Lo(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(y=>Lo(y,m)),g=p.find(y=>y.address===m.address&&y.blockChain===m.chain);return g?.failed&&c&&r&&i([c],n,!1),c&&g?{...m,explorerUrl:g.explorerUrl,balances:ls(g,n)}:m})}));else throw new Error("Wallet not found")}catch{t(l=>({loading:!1,connectedWallets:l.connectedWallets.map(p=>o.find(u=>Lo(u,p))?ps(p):p)}))}}}))));import{allProviders as Ku}from"@rango-dev/provider-all";function _o(t,e){let o=Ku({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 ds(t,e){return _o(t,e).map(r=>r.config.type)}s(ds,"configWalletsToWalletName");function fs(t,e){let o=H.use.clearConnectedWallet(),n=_o(void 0,e);return Xu(()=>{o(),n=_o(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}s(fs,"useWalletProviders");import rc,{createContext as ic,useContext as sc,useRef as ac}from"react";import{create as nc}from"zustand";var ir={apiKey:"",multiWallets:!0,enableNewLiquiditySources:!0},gs=s((t,e,o)=>({config:{...ir,...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 sr(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}s(sr,"areEqual");function hs(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}s(hs,"debounce");function yt(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}s(yt,"containsText");var ee=s(()=>document.getElementById("swap-box"),"getContainer");import{create as ec}from"zustand";import{persist as tc,subscribeWithSelector as oc}from"zustand/middleware";import{English as Yu,French as Ju,Japanese as Zu,Spanish as Ru}from"@rango-dev/ui";var ys=[{title:"English",label:"English",local:"en",SVGFlag:Yu},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:Ru},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:Ju},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:Zu}],Do="en";var Ss=[.5,1,3],Cs=1,ks=5,Ts=100,ws=0;var D=He(ec()(tc(oc((t,e)=>({preferredBlockchains:[],slippage:Cs,customSlippage:null,infiniteApprove:!1,affiliateRef:null,affiliatePercent:null,affiliateWallets:null,disabledLiquiditySources:[],theme:"auto",language:Do,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 Fo(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(Fo,"getUniqueSwappersGroups");function vs(t,e){return t.swapperGroup<e.swapperGroup?-1:t.swapperGroup>e.swapperGroup?1:0}s(vs,"sortLiquiditySourcesByGroupTitle");var xs=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=>Ae(u,p))||o.blockchain&&p.blockchain!==o.blockchain||!a.some(u=>u.name===p.blockchain)?!1:o.searchFor?!!(yt(p.symbol,o.searchFor)||yt(p.address||"",o.searchFor)||yt(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=>Ae(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(vs)},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 bs(t){return nc()((...e)=>({...xs(...e),...gs(t,...e)}))}s(bs,"createAppStore");var Es=ic(null);function v(){let t=sc(Es);if(!t)throw new Error("Missing AppStoreContext.Provider in the tree");return t()}s(v,"useAppStore");function As(t){let e=ac();return e.current||(e.current=bs(t.config)),rc.createElement(Es.Provider,{value:e.current},t.children)}s(As,"AppStoreProvider");var Uo=uc({onConnectWallet:()=>{}});function dc(t){let e=v().updateConfig,o=v().blockchains(),n=v().tokens(),r={walletConnectProjectId:t.config?.walletConnectProjectId},{providers:i}=fs(t.config.wallets,r),a=H.use.disconnectWallet(),l=H.use.connectWallet(),p=mc();cc(()=>{t.config&&e(t.config)},[t.config]);let u=o.filter(pc).map(c=>c.name),m=s((c,g,y,k,T)=>{if(g===lr.ACCOUNTS)if(y){let h=Bo(T.supportedBlockchains),x=ss(c,y,u,h,T.isContractWallet);l(x,n)}else a(c);if(g===lr.ACCOUNTS&&k.connected){let h=`${c}-${k.network}-${y}`;k.connected&&(p.current?p.current(h):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(g===lr.NETWORK&&k.network){let h=`${c}-${k.network}`;p.current?p.current(h):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(c,g,y,k,T)},"onUpdateState");return Oo.createElement(Uo.Provider,{value:{onConnectWallet:c=>{p.current=c}}},Oo.createElement(lc,{allBlockChains:o,providers:i,onUpdateState:m,autoConnect:!0},t.children))}s(dc,"Main");function zo(t){let{config:e,...o}=t;return Oo.createElement(As,{config:e},Oo.createElement(dc,{...o,config:e}))}s(zo,"WidgetWallets");import Yi from"react";import{I18nManager as Xh}from"@rango-dev/ui";import xo,{useContext as Yh,useEffect as Iu,useMemo as Jh,useState as Wu}from"react";import{useQueueManager as gd}from"@rango-dev/queue-manager-rango-preset";import{useWallets as hd}from"@rango-dev/wallets-react";import{isEvmBlockchain as yd}from"rango-types";import Tt,{useEffect as Sd,useRef as Cd}from"react";import{MemoryRouter as kd,useInRouterContext as Td}from"react-router";import{useLocation as wd,useNavigate as vd}from"react-router-dom";var S={home:"/",fromSwap:"from-swap",fromBlockchain:"/from-swap/blockchains",toBlockchain:"/to-swap/blockchains",toSwap:"to-swap",settings:"settings",liquiditySources:"/settings/liquidity-sources",themes:"/settings/themes",bridges:"/settings/bridges",exchanges:"/settings/exchanges",languages:"/settings/languages",swaps:"swaps",wallets:"wallets",confirmSwap:"confirm-swap",swapDetails:"swaps/:requestId"};import{useWallets as gc}from"@rango-dev/wallets-react";import{useEffect as hc,useRef as yc}from"react";function Is(){let{connect:t,state:e}=gc(),o=yc({}),{fetchStatus:n}=v(),r=new URLSearchParams(location.search).get("autoConnect")||"",i=e(r);hc(()=>{n==="success"&&r&&i.installed&&!i.connecting&&!i.connected&&!o.current[r]&&(o.current[r]=!0,t(r))},[i,n])}s(Is,"useForceAutoConnect");import{i18n as zr}from"@lingui/core";import{Button as nd,styled as qr,SwapInput as ul,WarningIcon as rd}from"@rango-dev/ui";import De,{useEffect as id,useRef as sd,useState as ad}from"react";import{useNavigate as ld}from"react-router-dom";import{ChevronLeftIcon as kc}from"@rango-dev/ui";import Bs from"react";import{darkTheme as Sc,IconButton as Cc,styled as qo}from"@rango-dev/ui";var Ne=qo(Cc,{width:"$24",position:"relative",padding:"0",overflow:"unset"}),Ws=qo("div",{position:"absolute",background:"$secondary500",[`.${Sc} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),Bt=qo("div",{display:"flex",justifyContent:"flex-end",width:"$40"}),Ns=qo("div",{position:"absolute",backgroundColor:"$secondary500",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0"});function pr(t){return Bs.createElement(Ne,{variant:"ghost",size:"small",onClick:t.onClick},Bs.createElement(kc,{color:"black",size:16}))}s(pr,"BackButton");import{i18n as Tc}from"@lingui/core";import{Button as wc,Typography as vc}from"@rango-dev/ui";import ur from"react";function cr(t){return ur.createElement(Bt,null,ur.createElement(wc,{variant:"ghost",onClick:t.onClick,size:"xsmall"},ur.createElement(vc,{variant:"label",size:"medium",color:"error500"},Tc.t("Cancel"))))}s(cr,"CancelButton");import{i18n as xc}from"@lingui/core";import{Tooltip as bc,WalletIcon as Ec}from"@rango-dev/ui";import Go from"react";function mr(t){return Go.createElement(bc,{container:t.container,side:"top",content:xc.t("Connect Wallet")},Go.createElement(Ne,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&Go.createElement(Ws,null),Go.createElement(Ec,{size:18,color:"black"})))}s(mr,"WalletButton");import{i18n as Vo}from"@lingui/core";import{NotificationsIcon as qc,Popover as Gc,RefreshIcon as Hc,SettingsIcon as Qc,Tooltip as jo,TransactionIcon as Vc}from"@rango-dev/ui";import ue from"react";import{i18n as Pc}from"@lingui/core";import{ChainToken as Ds,ChevronRightIcon as _c,ListItemButton as Dc,Typography as Fc}from"@rango-dev/ui";import Be from"react";import{useNavigate as Oc}from"react-router-dom";import{create as Ac}from"zustand";import{persist as Ic,subscribeWithSelector as Wc}from"zustand/middleware";var Ie=He(Ac()(Ic(Wc((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 Nc}from"zustand";var Ce=He(Nc()(t=>({connectWalletsButtonDisabled:!1,selectedSwapRequestId:null,currentPage:"",setSelectedSwap:e=>t({selectedSwapRequestId:e}),setCurrentPage:e=>t({currentPage:e})})));import{styled as Ho}from"@rango-dev/ui";var Ls=Ho("div",{padding:"$10",width:"350px",minHeight:"150px"}),Ms=Ho("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),$s=Ho("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),Ps=Ho("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as Bc}from"@lingui/core";import{Divider as Lc,NoNotificationIcon as Mc,Typography as $c}from"@rango-dev/ui";import Qo from"react";function _s(){return Qo.createElement(Ps,null,Qo.createElement(Mc,{color:"secondary",size:26}),Qo.createElement(Lc,{size:12}),Qo.createElement($c,{variant:"body",size:"medium",color:"neutral700"},Bc.t("You have no notification")))}s(_s,"NotificationNotFound");var Uc=4;function dr(){let t=Oc(),e=Ce.use.setSelectedSwap(),{getUnreadNotifications:o}=Ie(),n=o(),r=v().blockchains(),i=v().tokens(),a=n.sort((p,u)=>u.creationTime-p.creationTime).slice(0,Uc),l=s(p=>{e(p),t(`/swaps/${p}`)},"handleOnClick");return Be.createElement(Ls,null,a.length?Be.createElement(Ms,null,a.map(p=>{let u=i.find(y=>y.address===p.route.from.tokenAddress&&y.blockchain===p.route.from.blockchain&&y.symbol===p.route.from.tokenSymbol),m=r.find(y=>y.name===p.route.from.blockchain),c=i.find(y=>y.address===p.route.to.tokenAddress&&y.blockchain===p.route.to.blockchain&&y.symbol===p.route.to.tokenSymbol),g=r.find(y=>y.name===p.route.to.blockchain);return Be.createElement(Dc,{key:p.requestId,onClick:()=>l(p.requestId),title:Be.createElement(Fc,{variant:"body",size:"small",color:"$neutral700"},Pc.t(p.event.message)),id:p.requestId,start:Be.createElement($s,null,Be.createElement("div",{className:"from-chain-token"},Be.createElement(Ds,{tokenImage:u?u.image:"",chainImage:m?m.logo:"",size:"small"})),Be.createElement("div",{className:"to-chain-token"},Be.createElement(Ds,{tokenImage:c?c.image:"",chainImage:g?g.logo:"",size:"small"}))),end:Be.createElement(_c,{size:12,color:"gray"})})})):Be.createElement(_s,null))}s(dr,"NotificationContent");import{Typography as zc}from"@rango-dev/ui";import Fs from"react";function Os(){let{getUnreadNotifications:t}=Ie(),e=t().length;return e?Fs.createElement(Ns,null,Fs.createElement(zc,{variant:"body",size:"xsmall",color:"$background"},e)):null}s(Os,"UnreadNotificationsBadge");function fr(t){let{layoutRef:e,onClickRefresh:o,onClickHistory:n,onClickSettings:r,onClickNotifications:i}=t;return ue.createElement(ue.Fragment,null,ue.createElement(jo,{container:ee(),side:"top",content:Vo.t("Refresh")},ue.createElement(Ne,{variant:"ghost",size:"small",onClick:o,disabled:!o},ue.createElement(Hc,{size:16,color:o?"black":"gray"}))),ue.createElement(jo,{container:ee(),side:"top",content:Vo.t("Notifications")},ue.createElement(Gc,{align:"center",collisionBoundary:e,collisionPadding:{right:20,left:20},container:ee(),content:ue.createElement(dr,null)},ue.createElement(Ne,{size:"small",variant:"ghost",onClick:i},ue.createElement(qc,{size:18,color:"black"}),ue.createElement(Os,null)))),ue.createElement(jo,{container:ee(),side:"top",content:Vo.t("Settings")},ue.createElement(Ne,{size:"small",variant:"ghost",onClick:r},ue.createElement(Qc,{size:18,color:"black"}))),ue.createElement(jo,{container:ee(),side:"top",content:Vo.t("Transactions History")},ue.createElement(Ne,{size:"small",variant:"ghost",onClick:n},ue.createElement(Vc,{size:18,color:"black"}))))}s(fr,"HomeButtons");import{BottomLogo as Kc,Divider as Xc,Header as Yc}from"@rango-dev/ui";import de from"react";import{useNavigate as Jc}from"react-router-dom";import{darkTheme as jc,styled as gr}from"@rango-dev/ui";var Us=gr("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"}}}}),zs=gr("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"}}}}),qs=gr("div",{backgroundColor:"$background","& .footer__content":{padding:"$0 $20"},"& .footer__logo":{padding:"$0 $20 $10 $20"}});function Zc(t,e){let{children:o,header:n,footer:r,noPadding:i,hasLogo:a=!0,fixedHeight:l=!0}=t,p=H.use.connectedWallets(),u=Ce.use.connectWalletsButtonDisabled(),m=Jc(),c=s(()=>{u||m("/"+S.wallets)},"onConnectWallet");return de.createElement(Us,{ref:e,fixedHeight:l,id:"swap-box"},de.createElement(Yc,{prefix:de.createElement(de.Fragment,null,n.onBack&&de.createElement(pr,{onClick:n.onBack})),title:n.title,suffix:de.createElement(de.Fragment,null,n.suffix,n.hasConnectWallet&&de.createElement(mr,{container:ee(),onClick:c,isConnected:!!p?.length}),n.onCancel&&de.createElement(cr,{onClick:n.onCancel}))}),de.createElement(zs,{noPadding:i},o),(a||r)&&de.createElement(qs,null,de.createElement("div",{className:"footer__content"},r),a&&de.createElement("div",{className:"footer__logo"},de.createElement(Xc,{size:12}),de.createElement(Kc,null))))}s(Zc,"LayoutComponent");var K=de.forwardRef(Zc);K.displayName="Layout";import{ReverseIcon as am,styled as la}from"@rango-dev/ui";import Er from"react";import at from"bignumber.js";import{create as im}from"zustand";import{subscribeWithSelector as sm}from"zustand/middleware";import{getLastSuccessfulStep as rm}from"@rango-dev/queue-manager-rango-preset";import dT from"bignumber.js";var rt=(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))(rt||{});function Gs(t,e){return e.find(o=>o.name===t)?.displayName}s(Gs,"getBlockchainDisplayNameFor");function hr(t,e){return e.find(o=>o.name===t)?.shortName}s(hr,"getBlockchainShortNameFor");function yr(t,e){return e.find(o=>Ae(o,t))??null}s(yr,"findToken");function Sr(t,e){return e.find(o=>o.name===t)??null}s(Sr,"findBlockchain");import{i18n as Le}from"@lingui/core";import{PendingSwapNetworkStatus as Jo}from"@rango-dev/queue-manager-rango-preset";import ke from"bignumber.js";function Ko(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(Ko,"getRequiredWallets");function Xo(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}s(Xo,"isValidAddress");import{i18n as fe}from"@lingui/core";var q=s(()=>({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 Hs(t){switch(t.type){case 0:return t.diagnosisMessage??q().noResultError.title;case 1:return q().genericServerError;default:return""}}s(Hs,"getQuoteErrorMessage");import{i18n as Yo}from"@lingui/core";var St=s(()=>({connectWallet:Yo.t("Connect Wallet"),swap:Yo.t("Swap"),swapAnyway:Yo.t("Swap anyway"),ethWarning:Yo.t("The route goes through Ethereum. Continue?")}),"swapButtonTitles");function Qs(t,e){return!t||!e||t.lte(be)||e.lte(be)?0:e.div(t).minus(1).multipliedBy(100).toNumber()}s(Qs,"getOutputRatio");function en(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(en,"hasHighValueLoss");function Yt(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(Yt,"hasLimitError");function Cr(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=Le.t({id:"Required: >= {min} {symbol}",values:{min:N(o,6,6),symbol:e.from.symbol}}),a=q().bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(i=Le.t({id:"Required: > {min} {symbol}",values:{min:N(o,6,6),symbol:e.from.symbol}}),a=q().bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(i=Le.t({id:"Required: <= {max} {symbol}",values:{max:N(n,6,6),symbol:e.from.symbol}}),a=q().bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(i=Le.t({id:"Required: < {max} {symbol}",values:{max:N(n,6,6),symbol:e.from.symbol}}),a=q().bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:i,recommendation:a}}s(Cr,"getLimitErrorMessage");function Vs(t,e,o,n,r,i,a,l,p){return t!=="success"?{title:St().connectWallet,state:"waitForConnecting",disabled:!0}:e.length==0?{title:St().connectWallet,state:"waitForConnecting",disabled:!1}:o||!n||!n.result||r||!p||p==="0"?{title:St().swap,disabled:!0,state:"swap"}:i||a?{title:St().swapAnyway,disabled:!1,hasWarning:!0,state:"needToConfirm"}:l?{title:St().ethWarning,disabled:!1,hasWarning:!0,state:"warning"}:{title:St().swap,disabled:!1,state:"swap"}}s(Vs,"getSwapButtonState");function kr(t,e,o){return!((!o||o.lte(be))&&t?.result&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t.result)}s(kr,"canComputePriceImpact");function em(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(em,"requiredWallets");var tm=s((t,e,o,n)=>n?.find(i=>i.blockchain===t&&i.symbol?.toUpperCase()===e?.toUpperCase()&&i.address===o)?.usdPrice||null,"getUsdPrice");function om(t,e){let o=be;for(let n=0;n<t.fee.length;n++){let r=t.fee[n];if(r.expenseType==="DECREASE_FROM_OUTPUT")continue;let i=tm(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new ke(r.amount).multipliedBy(i||0))}return o}s(om,"getUsdFeeOfStep");function tn(t,e){return t.reduce((o,n)=>o.plus(om(n,e)),be)}s(tn,"getTotalFeeInUsd");function Tr(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(Tr,"checkSlippageErrors");function js(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(js,"checkSlippageWarnings");function on(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(on,"getMinRequiredSlippage");function Ks(t,e){return e?parseFloat(t)>=parseFloat(e):!0}s(Ks,"hasProperSlippage");function nn(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:g,initialQuote:y,destination:k}=t,T=i?.reduce((d,C)=>(d[C.chain]=C.address,d),{}),h=[];r?.forEach(d=>{let C=h.find(E=>E.blockchain===d.chain);C?C.addresses.push(d.address):h.push({blockchain:d.chain,addresses:[d.address]})});let x=!!y,f=Nt((y?.result?.swaps||[]).reduce((d,C)=>(d.push(C.from.blockchain,C.to.blockchain),C.internalSwaps&&Array.isArray(C.internalSwaps)&&C.internalSwaps.map(E=>{d.push(E.from.blockchain,E.to.blockchain)}),d),[]));return{amount:n.toString(),affiliateRef:m??void 0,affiliatePercent:c??void 0,affiliateWallets:g??void 0,checkPrerequisites:x,from:{address:e.address,blockchain:e.blockchain,symbol:e.symbol},to:{address:o.address,blockchain:o.blockchain,symbol:o.symbol},connectedWallets:h,selectedWallets:T??{},slippage:u.toString(),...k&&{destination:k},...p&&{swapperGroups:a.concat(l??[]),swappersGroupsExclude:!0},...!p&&{swapperGroups:l?.filter(d=>!a.includes(d)),swappersGroupsExclude:!1},...x&&{blockchains:f}}}s(nn,"createQuoteRequestBody");function Xs(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}s(Xs,"getWalletsForNewSwap");function Lt(t){return t.result?.outputAmount||null}s(Lt,"getQuoteOutputAmount");function st(t,e){return new ke(e).div(new ke(t)).minus(1).multipliedBy(100).toNumber()}s(st,"getPercentageChange");function Ys(t,e){let o=Lt(t),n=Lt(e);if(!o||!n)return!1;let r=st(o,n);return r?r<=-1:!0}s(Ys,"isOutputAmountChangedALot");function Js(t,e){let o=t.validationStatus,n=as(t);return e.sort((i,a)=>n.indexOf(i.chain)-n.indexOf(a.chain)).flatMap(i=>na(i,o)||[]).filter(i=>!i.ok).map(i=>{let a=i.asset.symbol,l=N(new ke(i.currentAmount.amount).shiftedBy(-i.currentAmount.decimals),8,8),p=N(new ke(i.requiredAmount.amount).shiftedBy(-i.requiredAmount.decimals),8,8),u="";return i.reason==="FEE"&&(u=Le.t(" for network fee")),i.reason==="INPUT_ASSET"&&(u=Le.t(" for swap")),i.reason==="FEE_AND_INPUT_ASSET"&&(u=Le.t(" for input and network fee")),Le.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(Js,"getBalanceWarnings");function Zs(t,e){return(t?new ke(t):be).multipliedBy(e||0)}s(Zs,"calcOutputUsdValue");function Jt(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==Jo.NetworkChanged}s(Jt,"isNetworkStatusInWarningState");function Rs(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 Jo.WaitingForConnectingWallet:n=n||Le.t("Waiting for connecting wallet");break;case Jo.WaitingForQueue:n=n||Le.t("Waiting for other running tasks to be finished");break;case Jo.WaitingForNetworkChange:n=n||Le.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(Rs,"getSwapMessages");function ea(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(ea,"getLastConvertedTokenInFailedSwap");function ta(t){return t.status==="failed"&&!!t.finishTime&&new Date().getTime()-parseInt(t.finishTime)<4*3600*1e3}s(ta,"shouldRetrySwap");function oa(t,e,o,n,r,i){return t||!e&&!em(n).every(a=>r.map(l=>l.chain).includes(a))||!!e&&!o||!!e&&!!o&&i&&!Xo(i,o)}s(oa,"confirmSwapDisabled");function wr(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(wr,"searchParamsToToken");function ia(t){return t?.result?.swaps[t?.result?.swaps.length-1].to.usdPrice}s(ia,"getQuoteToTokenUsdPrice");function vr(t,e){let o=t.result?.swaps||[],n=e.result?.swaps||[];return o.length!==n.length}s(vr,"isNumberOfSwapsChanged");function xr(t,e){let o=t.result?.swaps.map(r=>r.swapperId)||[],n=e.result?.swaps.map(r=>r.swapperId)||[];return!sr(o,n)}s(xr,"isQuoteSwappersUpdated");function br(t,e){let o=t.result?.swaps.map(r=>r.to.symbol)||[],n=e.result?.swaps.map(r=>r.to.symbol)||[];return!sr(o,n)}s(br,"isQuoteInternalCoinsUpdated");function sa(t,e){return vr(t,e)||xr(t,e)||br(t,e)}s(sa,"isQuoteChanged");function na(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(na,"getRequiredBalanceOfWallet");function Ye(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}s(Ye,"getPriceImpactLevel");function aa(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],i=rm(t.steps),a={blockchain:r.toBlockchain,symbol:r.toSymbol,address:r.toSymbolAddress},l=Sr(i?i.toBlockchain:n.fromBlockchain,e),p=Sr(r.toBlockchain,e),u=yr(i?{blockchain:l?.name??"",symbol:i.toSymbol,address:i.toSymbolAddress}:{blockchain:l?.name??"",symbol:n.fromSymbol,address:n.fromSymbolAddress},o),m=yr(a,o),c=i?i.outputAmount??"":t.inputAmount;return{fromBlockchain:l,fromToken:u,toBlockchain:p,toToken:m,inputAmount:c}}s(aa,"createRetryQuote");function rn(t,e){let{fromToken:o,toToken:n,tokens:r,userSlippage:i}=e,a=Ct(o,t.requestAmount),l=Ct(n,t.result?.outputAmount??"");if(t.result&&a&&l){let m=st(a.toString(),l.toString());if(en(a,m)){let g=tn(t.result.swaps,r),y=Ye(m);return{type:0,inputUsdValue:a,outputUsdValue:l,priceImpact:m,totalFee:g,warningLevel:y}}}else if(t.result&&(!a||!l))return{type:1};let p=on(t),u=i>ks;if(Ks(e.userSlippage.toString(),p)){if(u&&parseFloat(p??"0")<i)return{type:3,slippage:i.toString()}}else return{type:2,recommendedSlippages:js(t,i),minRequiredSlippage:p};return null}s(rn,"generateQuoteWarnings");function Mt(t,e){let o=typeof e=="string"?parseFloat(e)<=0:!e?.gt(0);return!t||!e||o?null:st(t.toString(),e.toString())}s(Mt,"getPriceImpact");var Ct=s((t,e)=>t?.usdPrice?new at(e||be).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),$=He(im()(sm(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new at(0),outputUsdValue:new at(0),toBlockchain:null,toToken:null,quote:null,quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:"",quoteWarningsConfirmed:!1,setQuote:e=>t(o=>{let n=null,r=be;return Xt(o.inputAmount)?(e&&(n=e.result?.outputAmount?new at(e.result?.outputAmount):null,r=Zs(e.result?.outputAmount,ia(e)||o.toToken?.usdPrice)),{quote:e,...!!e&&{outputAmount:n,outputUsdValue:r}}):{}}),resetQuote:()=>t(()=>({quote:null,outputAmount:null,outputUsdValue:new at(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:Ct(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 at(0),outputUsdValue:new at(0),quote:null},...!!o.fromToken&&{inputUsdValue:Ct(o.fromToken,e)}}))},retry:(e,o)=>{let{tokens:n,blockchains:r}=o,{fromBlockchain:i,fromToken:a,toBlockchain:l,toToken:p,inputAmount:u}=aa(e,r,n);t({fromBlockchain:i,fromToken:a,inputAmount:u,outputAmount:null,inputUsdValue:Ct(a??null,u),outputUsdValue:new at(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:Ct(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 lm=la("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),pm=la("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 pa(){let t=$.use.switchFromAndTo();return Er.createElement(lm,null,Er.createElement(pm,{onClick:()=>{t()}},Er.createElement(am,{size:12})))}s(pa,"SwitchFromAndToButton");import{Divider as Jm}from"@rango-dev/ui";import ct from"react";import{i18n as Nr}from"@lingui/core";import{Alert as hm,ChevronDownIcon as ym,ChevronRightIcon as Pa,Divider as Br,Image as _a,InfoIcon as Sm,QuoteCost as Cm,StepDetails as km,TokenAmount as Tm,Tooltip as Da,Typography as _t}from"@rango-dev/ui";import B,{useLayoutEffect as wm,useRef as vm,useState as xm}from"react";import{styled as Ar}from"@rango-dev/ui";var Ir=Ar("div",{width:"100%",paddingTop:"$2"}),ua=Ar("div",{paddingBottom:"$15"}),ca=Ar("div",{width:"100%",display:"flex"});import*as an from"@radix-ui/react-collapsible";import{darkTheme as Qe,styled as lt}from"@rango-dev/ui";import*as Pt from"@radix-ui/react-collapsible";import{Button as um,darkTheme as $t,IconButton as cm,keyframes as ma,styled as he,TextField as mm}from"@rango-dev/ui";var Zt=300,dm=ma({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),fm=ma({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),da=he("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),fa=he("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}),ga=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"}}}}),ha=he(Pt.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit"}),ya=he("div",{padding:"$20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),Sa=he(cm,{position:"absolute",left:"$20"}),Ca=he("div",{paddingTop:"$20","& .wallets-list":{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}}),ka=he(Pt.Root,{backgroundColor:"$neutral200",borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),Ta=he(um,{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}}),wa=he("div",{padding:"$10 $0","& .button__content":{display:"flex",justifyContent:"center",alignItems:"center"},"& .alarms":{paddingTop:"5px"}}),va=he("div",{transition:`all ${Zt}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),xa=he("div",{display:"flex"}),ba=he(mm,{padding:"$0 $15 $15 $15"}),sn=he(Pt.Content,{overflow:"hidden",variants:{open:{true:{animation:`${dm} ${Zt}ms ease-out`},false:{animation:`${fm} ${Zt}ms ease-out`}}}}),Ea=he("div",{overflow:"visible",width:"100%"});var Wr=300,Aa=lt(an.Root,{display:"flex",flexDirection:"column",alignItems:"start",overflowX:"auto",overflowY:"hidden",width:"100%",borderRadius:"$xm",variants:{recommended:{true:{$$color:"$colors$info300",[`.${Qe} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"},false:{$$color:"$colors$neutral400",[`.${Qe} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}}},"& .steps-details":{padding:"$10 $15"}}),Ia=lt("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",[`.${Qe} &`]:{$$color:"$colors$secondary600"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}},false:{$$color:"$colors$neutral200",[`.${Qe} &`]:{$$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",[`.${Qe} &`]:{$$color:"$colors$secondary700"},backgroundColor:"$$color"}}},{listItem:!0,recommended:!1,css:{"&:hover":{$$color:"$colors$neutral300",[`.${Qe} &`]:{$$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",[`.${Qe} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}}),Wa=lt(an.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:{[`& ${Image}`]:{border:"1px $warning500 solid",borderRadius:"100%"}},false:{[`& ${Image}`]:{border:"1px transparent solid",borderRadius:"100%"}}},recommended:{true:{$$color:"$colors$info300",[`.${Qe} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"},false:{$$color:"$colors$neutral400",[`.${Qe} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}}},"& div:nth-child(1)":{display:"flex"}}),Na=lt(sn,{width:"100%"}),ln=lt("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$2",transition:`all ${Wr}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),HT=lt("div",{height:"$12",marginLeft:"$10",marginRight:"$10",borderLeft:"1px solid $foreground"}),Ba=lt("div",{display:"flex",justifyContent:"center",margin:"0 $15",borderTop:"1px solid",$$color:"$colors$neutral300",[`.${Qe} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color"}),La=lt("div",{width:"$16",height:"$16",justifyContent:"center",alignItems:"center",display:"flex"});import{TokenAmount as $a}from"@rango-dev/ui";import pn from"react";import{styled as gm}from"@rango-dev/ui";var Ma=gm("div",{position:"relative",display:"flex",flexDirection:"column",width:"100%","& .separator":{height:"14px",marginLeft:"14px",position:"absolute",borderLeft:"1px solid $foreground",top:"42%"}});function Rt(t){let{from:e,to:o,percentageChange:n,warningLevel:r}=t;return pn.createElement(Ma,null,pn.createElement($a,{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}}),pn.createElement("div",{className:"separator"}),pn.createElement($a,{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(Rt,"QuoteSummary");function Lr(t){let{quote:e,input:o,output:n,error:r,warning:i,type:a,recommended:l=!0}=t,p=v().tokens(),[u,m]=xm(t.expanded),c=vm(null),g=N(tn(e.result?.swaps??[],p),2,2),y=Io(Wo(e.result?.swaps)),k=Mt(o.usdValue,n.usdValue??null),T=N(String(k),2,2),h=Ye(k??0),f=s(d=>d.map((C,E)=>{let P,I=r?.type===3&&r.swap.swapperId===C.swapperId||i?.type===2&&i.recommendedSlippages?.has(E),_=i?.type===2&&i.recommendedSlippages?.has(E);return I?P="error":_&&(P="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:E===0?N(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:P,alerts:I||_?B.createElement(ua,null,B.createElement(hm,{type:I?"error":"warning",title:r?.type===3?r?.recommendation:Nr.t("Slippage Error:"),footer:B.createElement(ca,null,r?.type===3&&B.createElement(B.Fragment,null,B.createElement(_t,{size:"xsmall",variant:"body",color:"neutral900"},r.fromAmountRangeError),B.createElement(Br,{direction:"horizontal",size:8}),B.createElement(_t,{size:"xsmall",variant:"body",color:"neutral900"},"|"),B.createElement(Br,{direction:"horizontal",size:8}),B.createElement(_t,{size:"xsmall",variant:"body",color:"neutral900"},Nr.t({id:"Yours: {amount} {symbol}",values:{amount:N(C.fromAmount,6,6),symbol:C?.from.symbol}}))),(r?.type===4||i?.type===2)&&B.createElement(_t,{size:"xsmall",variant:"body",color:"neutral900"},Nr.t({id:"min required Slippage: {minRequiredSlippage}",values:{...r?.type===4&&{minRequiredSlippage:r.recommendedSlippages?.get(E)},...i?.type===2&&{minRequiredSlippage:i.recommendedSlippages?.get(E)}}})))})):void 0}}),"getQuoteSteps")(e.result?.swaps??[]),w=f.length;return wm(()=>{u&&c.current&&setTimeout(()=>{c?.current?.scrollIntoView({behavior:"smooth"})},Wr)},[u]),B.createElement(B.Fragment,null,B.createElement(Ia,{recommended:l,listItem:a==="list-item",basic:a==="basic"},B.createElement("div",{className:"summary"},B.createElement(Cm,{fee:g,time:y,steps:w}),a==="basic"&&B.createElement("div",{className:"basic-info"},B.createElement(La,null,B.createElement(Sm,{size:12,color:"gray"})),B.createElement(_t,{size:"small",variant:"body",style:{letterSpacing:.4}},`${o.value} ${f[0].from.token.displayName} = ${n.value} ${f[f.length-1].to.token.displayName}`),B.createElement(_t,{color:"$neutral600",ml:2,size:"xsmall",variant:"body"},`($${n.usdValue})`)),a==="list-item"&&B.createElement(Tm,{type:"output",direction:"vertical",price:{value:n.value,usdValue:n.usdValue},token:{displayName:f[w-1].to.token.displayName,image:f[w-1].to.token.image},chain:{image:f[w-1].to.chain.image},percentageChange:T,warningLevel:h}),a==="swap-preview"&&B.createElement(B.Fragment,null,B.createElement(Rt,{from:f[0].from,to:f[w-1].to,percentageChange:T,warningLevel:h}),B.createElement(Br,{size:4}))),B.createElement(Aa,{recommended:l,open:u,onOpenChange:m},B.createElement(Wa,{ref:d=>c.current=d,recommended:l,onClick:m.bind(null,d=>!d)},B.createElement("div",null,f.map((d,C)=>{let E=`item-${C}`;return B.createElement(B.Fragment,{key:E},B.createElement(Da,{container:t.tooltipContainer,side:"bottom",sideOffset:4,content:d.from.chain.displayName},B.createElement(_a,{src:d.from.chain.image,size:16})),C===w-1&&B.createElement(B.Fragment,null,B.createElement(ln,null,B.createElement(Pa,{size:12,color:"black"})),B.createElement(Da,{container:t.tooltipContainer,side:"bottom",sideOffset:4,content:d.to.chain.displayName},B.createElement(_a,{src:d.to.chain.image,size:16}))),C!==w-1&&B.createElement(ln,null,B.createElement(Pa,{size:12,color:"black"})))})),B.createElement(ln,{orientation:u?"up":"down"},B.createElement(ym,{size:12,color:"black"}))),B.createElement(Na,{open:u},B.createElement(Ba,null),B.createElement("div",{className:"steps-details"},f.map((d,C)=>{let E=`item-${C}`;return B.createElement(km,{type:"quote-details",key:E,step:d,hasSeparator:C!==f.length-1,state:d.state})}))))))}s(Lr,"Quote");import{ChainToken as un,Divider as Me,NextIcon as Em,Skeleton as ye}from"@rango-dev/ui";import A from"react";import{darkTheme as bm,styled as Fa}from"@rango-dev/ui";var Oa=Fa("div",{$$color:"$colors$neutral100",[`.${bm} &`]:{$$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"}}),Ua=Fa("div",{borderLeft:"1px dashed black",minHeight:" 64px",margin:"0px 11.5px",alignSelf:"stretch",variants:{hideSeparator:{true:{minHeight:"unset",height:"0"}}}});function Mr(t){let{separator:e=!0}=t;return A.createElement(A.Fragment,null,A.createElement("div",{className:"step__title"},A.createElement(ye,{height:22,width:22,variant:"circular"}),A.createElement(Me,{direction:"horizontal",size:8}),A.createElement(ye,{height:15,width:148,variant:"rounded"})),A.createElement("div",{className:"step__content"},A.createElement(Ua,{hideSeparator:!e}),A.createElement("div",{className:"step__tokens"},A.createElement("div",{className:"step__token-info"},A.createElement(un,{size:"small",loading:!0,chainImage:"",tokenImage:""}),A.createElement(Me,{direction:"horizontal",size:8}),A.createElement(ye,{height:12,width:76,variant:"rounded"})),A.createElement("div",{className:"step__icon-container"},A.createElement(Em,{color:"gray",size:16})),A.createElement("div",{className:"step__token-info"},A.createElement(un,{size:"small",loading:!0,chainImage:"",tokenImage:""}),A.createElement(Me,{direction:"horizontal",size:8}),A.createElement(ye,{height:12,width:76,variant:"rounded"})))))}s(Mr,"StepSkeleton");function $r(t){let{type:e,expanded:o,tag:n=!1}=t,r=A.createElement("div",{className:"quote-summary"},A.createElement("div",{className:"token-amount"},A.createElement(un,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),A.createElement(Me,{size:8,direction:"horizontal"}),A.createElement("div",{className:"token-amount__label"},A.createElement(ye,{height:10,width:60,variant:"rounded"}),A.createElement(Me,{size:4}),A.createElement(ye,{height:15,width:148,variant:"rounded"}))),A.createElement(ye,{height:12,width:64,variant:"rounded"}));return A.createElement(Oa,null,A.createElement("div",{className:"cost-and-tag"},A.createElement("div",{className:"cost"},A.createElement(ye,{width:60,height:10,variant:"rounded"}),A.createElement(Me,{size:4,direction:"horizontal"}),A.createElement(ye,{width:60,height:10,variant:"rounded"}),A.createElement(Me,{size:4,direction:"horizontal"}),A.createElement(ye,{width:60,height:10,variant:"rounded"})),n&&A.createElement(ye,{height:22,width:100,variant:"rounded"})),e==="basic"&&A.createElement("div",{className:"basic-summary"},A.createElement(ye,{height:15,width:148,variant:"rounded"})),e==="list-item"&&A.createElement("div",{className:"output"},A.createElement("div",{className:"output__token-info"},A.createElement(un,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),A.createElement(Me,{direction:"horizontal",size:4}),A.createElement(ye,{height:15,width:150,variant:"rounded"})),A.createElement(Me,{size:4}),A.createElement(ye,{height:10,width:184,variant:"rounded"})),e==="swap-preview"&&A.createElement(A.Fragment,null,A.createElement(Me,{size:4}),A.createElement("div",{className:"swap-preview"},r,A.createElement("div",{className:"quote-summary__separator"}),r)),A.createElement("div",{className:"chains"},A.createElement(ye,{height:15,width:321,variant:"rounded"})),o&&A.createElement("div",{className:"steps"},A.createElement(Me,{size:20}),A.createElement(Mr,null),A.createElement(Mr,null),A.createElement(Mr,{separator:!1})))}s($r,"QuoteSkeleton");import{i18n as Vm}from"@lingui/core";import{Alert as jm,Button as Km,InfoIcon as Xm}from"@rango-dev/ui";import Ee from"react";import{useNavigate as Ym}from"react-router-dom";import{Alert as Am,Button as Im,Divider as Va,NoRouteIcon as Wm,RefreshIcon as Nm,Typography as ja}from"@rango-dev/ui";import $e from"react";import{i18n as za}from"@lingui/core";function qa(t,e,o,n){return t?.type===1?{alert:{type:"warning",text:q().genericServerError,action:{onClick:n,title:za.t("Retry")}},description:""}:t?.type===0&&t.diagnosisMessage?{alert:{type:"error",text:t.diagnosisMessage,action:null},description:""}:e.length?{alert:{type:"warning",text:q().liquiditySourcesError.title,action:{onClick:()=>o(!0),title:za.t("Reset")}},description:q().liquiditySourcesError.description}:{alert:null,description:q().noResultError.description}}s(qa,"makeInfo");import{styled as Pr}from"@rango-dev/ui";var Ga=Pr("div",{minHeight:"162px",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"}),Ha=Pr("div",{width:"100%"}),Qa=Pr("div",{padding:"$6 $0"});function _r(t){let{fetch:e,error:o}=t,n=D.use.disabledLiquiditySources(),r=D.use.toggleAllLiquiditySources(),i=v().swappers(),a=qa(o,n,()=>r(i,!0),e);return $e.createElement(Ga,null,$e.createElement(Wm,{size:24,color:"gray"}),$e.createElement(Va,{size:4}),$e.createElement(ja,{variant:"title",size:"small"},q().noResultError.title),!!a.description&&$e.createElement(ja,{variant:"body",size:"small",align:"center",color:"neutral700"},a.description),$e.createElement(Va,{size:4}),!!a.alert&&$e.createElement(Ha,null,$e.createElement(Am,{type:a.alert.type,title:a.alert.text,action:a.alert.action&&$e.createElement(Im,{size:"xsmall",type:a.alert.type,prefix:$e.createElement(Qa,null,$e.createElement(Nm,{size:8})),onClick:a.alert.action.onClick},a.alert.action.title),variant:"alarm"})))}s(_r,"NoResult");import{i18n as oo}from"@lingui/core";import{Button as Lm,Divider as Ra,MessageBox as Mm,Modal as $m,Typography as Pm,WarningIcon as _m}from"@rango-dev/ui";import Ve from"react";import{Typography as Ja}from"@rango-dev/ui";import Fr from"react";import{darkTheme as Bm,styled as cn}from"@rango-dev/ui";var Ka=cn("div",{width:"100%",paddingTop:"$10"}),Dr=cn("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),Xa=cn("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%","._title":{$$color:"$colors$neutral600",[`.${Bm} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Ya=cn("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});function Za(t){let{title:e,value:o,valueColor:n}=t;return Fr.createElement(Xa,null,Fr.createElement(Ja,{size:"medium",variant:"label",className:"_title"},e),Fr.createElement(Ja,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}s(Za,"QuoteErrorsModalItem");function el(t){let{open:e,onClose:o,onConfirm:n,warning:r}=t,i=r.warningLevel==="high"?"error":"warning",a=[{title:oo.t("Swapping"),value:N(r.inputUsdValue,4,4)},{title:oo.t("Gas cost"),value:N(r.totalFee,2,2)},{title:oo.t("Receiving"),value:N(r.outputUsdValue,4,4)},{title:oo.t("Price impact"),value:N(r.priceImpact,2,2),valueColor:`${i}500`}];return Ve.createElement($m,{open:e,onClose:o,container:ee()},Ve.createElement(Mm,{type:i,title:q().highValueLossError.impactTitle,description:q().highValueLossError.description}),Ve.createElement(Dr,null,Ve.createElement(Ra,{size:20}),Ve.createElement(Pm,{size:"small",variant:"title"},oo.t("Details")),Ve.createElement(Dr,null,a.map((l,p)=>Ve.createElement(Za,{key:p,...l})))),Ve.createElement(Ra,{size:32}),Ve.createElement(Lm,{type:"primary",size:"large",prefix:Ve.createElement(_m,null),fullWidth:!0,onClick:n},q().highValueLossError.confirmMessage))}s(el,"HighValueLossWarningModal");import{i18n as tl}from"@lingui/core";function ol(t,e){let o={alertType:"warning",title:"",action:"show-info"};return t?(t.type===0&&(Ye(t.priceImpact)==="high"&&(o.alertType="error"),o.title=q().highValueLossError.title),t.type===1&&(o.title=q().unknownPriceError.title),t.type===2&&(o.title=tl.t({id:"minimum required slippage for this route: {minRequiredSlippage}",values:{minRequiredSlippage:t.minRequiredSlippage}})),t.type===3&&(o.title=tl.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(ol,"makeAlerts");import{i18n as Dt}from"@lingui/core";import{Button as nl,Divider as rl,MessageBox as Dm,Modal as Fm,Typography as Om}from"@rango-dev/ui";import kt from"react";import{useNavigate as Um}from"react-router-dom";function il(t){let{customSlippage:e,slippage:o}=D(),{open:n,onClose:r,onConfirm:i,warning:a}=t,l=Um(),p=e??o;return kt.createElement(Fm,{anchor:"bottom",open:n,prefix:kt.createElement(nl,{size:"small",variant:"ghost",onClick:()=>l("/"+S.settings)},kt.createElement(Om,{variant:"label",size:"medium",color:"$neutral900"},Dt.t("Change settings"))),container:ee(),onClose:r},kt.createElement(Dm,{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}})},kt.createElement(rl,{size:18}),kt.createElement(rl,{size:32}),kt.createElement(nl,{size:"large",type:"primary",variant:"contained",fullWidth:!0,onClick:i},Dt.t("Confirm anyway"))))}s(il,"SlippageWarningModal");import{Button as zm,Divider as qm,MessageBox as Gm,Modal as Hm,WarningIcon as Qm}from"@rango-dev/ui";import no from"react";function sl(t){let{open:e,onClose:o,onConfirm:n}=t;return no.createElement(Hm,{open:e,onClose:o,container:ee()},no.createElement(Gm,{type:"warning",title:q().unknownPriceError.impactTitle,description:q().unknownPriceError.description}),no.createElement(qm,{size:32}),no.createElement(zm,{type:"primary",size:"large",prefix:no.createElement(Qm,null),fullWidth:!0,onClick:n},q().unknownPriceError.confirmMessage))}s(sl,"UnknownPriceWarningModal");function Or(t){let{warning:e,error:o,refetchQuote:n,showWarningModal:r,onOpenWarningModal:i,onCloseWarningModal:a,onConfirmWarningModal:l}=t,p=Ym(),u={open:r,onClose:a,onConfirm:l},m=o?.type===0||o?.type===1,c=ol(e,o?.type===3||o?.type===4?o:null);return Ee.createElement(Ee.Fragment,null,m&&Ee.createElement(_r,{error:o,fetch:n}),!!c&&Ee.createElement(Ka,null,Ee.createElement(jm,{title:c.title,type:c.alertType,variant:"alarm",action:c.action==="show-info"?Ee.createElement(Ya,{onClick:i},Ee.createElement(Xm,{size:12,color:"gray"})):Ee.createElement(Km,{size:"xsmall",type:"error",onClick:()=>p(S.settings)},Vm.t("Change Settings"))})),e&&Ee.createElement(Ee.Fragment,null,e.type===0&&Ee.createElement(el,{...u,warning:e}),(e.type===3||e.type===2)&&Ee.createElement(il,{...u,warning:e}),e.type===1&&Ee.createElement(sl,{...u,warning:e})))}s(Or,"QuoteWarningsAndErrors");function ro(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:g,inputUsdValue:y,outputUsdValue:k,outputAmount:T}=$(),h=e&&e.result&&!n;return ct.createElement(ct.Fragment,null,n&&ct.createElement(Ir,null,ct.createElement($r,{type:o,expanded:c})),h?ct.createElement(Ir,null,ct.createElement(Lr,{quote:e,error:r,warning:i,type:o,expanded:c,recommended:!0,input:{value:N(g,6,6),usdValue:N(y,4,4)},output:{value:N(T,6,6),usdValue:N(k,4,4)}})):null,!i&&!r&&ct.createElement(Jm,{size:16}),(i||r)&&ct.createElement(Or,{warning:i,error:r,loading:n,refetchQuote:a,showWarningModal:l,onOpenWarningModal:p,onCloseWarningModal:u,onConfirmWarningModal:m}))}s(ro,"QuoteInfo");import{useEffect as ll,useRef as td,useState as Ur}from"react";function mn(t){if(!t.result)throw new Error(q().noResultError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});if(Yt(t)){let{swap:n,recommendation:r,fromAmountRangeError:i}=Cr(t);throw new Error("bridge limit error",{cause:{type:3,swap:n,recommendation:r,fromAmountRangeError:i}})}let o=Tr(t);if(o){let n=on(t);throw new Error("",{cause:{type:4,recommendedSlippages:o,minRequiredSlippage:n}})}return t}s(mn,"throwErrorIfResponseIsNotValid");function al(t,e,o){let n=sa(t,e),r={quote:null,quoteUpdate:null,balance:null},i=rn(e,{fromToken:o.fromToken,toToken:o.toToken,tokens:o.tokens,userSlippage:o.userSlippage});i&&(r.quote=i),n&&(Ys(t,e)?r.quoteUpdate={type:3,newOutputAmount:N(Lt(e)),percentageChange:N(st(Lt(t)??"",Lt(e)??""),null,2)}:vr(t,e)?r.quoteUpdate={type:0}:xr(t,e)?r.quoteUpdate={type:1}:br(t,e)&&(r.quoteUpdate={type:2}));let a=Js(e,o.selectedWallets);return a.length===0||(r.balance={messages:a}),r}s(al,"generateWarnings");function dn(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(dn,"handleQuoteErrors");import{useRef as Rm,useState as ed}from"react";function fn(){let[t,e]=ed(!1),o=Rm(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(fn,"useFetchQuote");var od=600;function pl(){let{fetch:t,cancelFetch:e}=fn(),{liquiditySources:o,enableNewLiquiditySources:n}=v().config,r=v().tokens(),{fromToken:i,toToken:a,inputAmount:l,inputUsdValue:p,resetQuote:u,setQuote:m}=$(),{slippage:c,customSlippage:g,affiliatePercent:y,affiliateRef:k,affiliateWallets:T,disabledLiquiditySources:h}=D(),[x,f]=Ur(!1),[w,d]=Ur(null),[C,E]=Ur(null),P=td(h),I=g??c,L=!i||!a||Ae(i,a)||!Xt(l),Q=s(F=>{f(F),d(null),E(null)},"resetState"),b=s(()=>{if(x||Q(!0),!L){u();let F=nn({fromToken:i,toToken:a,inputAmount:l,liquiditySources:o,excludeLiquiditySources:n,disabledLiquiditySources:h,slippage:I,affiliateRef:k,affiliatePercent:y,affiliateWallets:T});t(F).then(O=>{f(!1),m(O),mn(O);let ne=rn(O,{fromToken:i,toToken:a,userSlippage:I,tokens:r});E(ne)}).catch(O=>{let{error:ne}=dn(O);(ne?.type===0||ne?.type===1)&&u(),ne?.type!==2&&(d(ne),f(!1))})}},"fetch"),z=hs(()=>{L||b()},od);return ll(()=>{if(!Xt(l)||p?.eq(0)){Q(!1),e();return}if(!L)return u(),Q(!0),z(),e},[l,L]),ll(()=>{let F=!!P.current.length&&!h.length;return!L&&F&&b(),P.current=h,e},[h.length]),{fetch:b,loading:x,error:w,warning:C}}s(pl,"useSwapInput");var pd=qr("div",{display:"flex",flexDirection:"column",overflowY:"visible"}),ud=qr("div",{position:"relative"}),cd=qr("div",{display:"flex",flexDirection:"column",gap:5,alignSelf:"stretch"});function gn(){let t=ld(),{fetch:e,loading:o,error:n,warning:r}=pl(),{fromToken:i,fromBlockchain:a,toToken:l,toBlockchain:p,setInputAmount:u,inputAmount:m,inputUsdValue:c,outputAmount:g,outputUsdValue:y,quote:k,resetQuoteWallets:T,setQuoteWarningsConfirmed:h}=$(),x=v().fetchStatus,f=H.use.connectedWallets(),w=Ce.use.setCurrentPage(),[d,C]=ad(!1),E=sd(null),P=!1,I=Qs(c,y),_=en(c,I),L=!kr(k,m,c),Q=!kr(k,m,y),b=Vs(x,f,o,k,Yt(k),_,L||Q,P,m),z=a&&i?N(Wt(f,a?.name,i?.symbol,i?.address)?.amount||"0",8,8):"0",F=a&&i?N(Wt(f,a?.name,i?.symbol,i?.address)?.amount||"0",Wt(f,a?.name,i?.symbol,i?.address)?.decimal):"0";id(()=>(w(S.home),T(),w.bind(null,"")),[]);let O=!c||!y||!y.gt(0)?null:st(c.toString(),y.toString());return De.createElement(K,{ref:E,fixedHeight:!1,hasLogo:!0,footer:De.createElement(nd,{type:"primary",size:"large",disabled:b.disabled,prefix:!b.disabled&&b.hasWarning&&De.createElement(rd,null),fullWidth:!0,onClick:()=>{b.state==="waitForConnecting"?t(S.wallets):r?C(!0):t(S.confirmSwap)}},b.title),header:{hasConnectWallet:!0,title:zr.t("Swap"),suffix:De.createElement(fr,{layoutRef:E.current,onClickRefresh:k||n?e:void 0,onClickHistory:()=>t(S.swaps),onClickSettings:()=>t(S.settings)})}},De.createElement(pd,null,De.createElement(cd,null,De.createElement(ud,null,De.createElement(ul,{label:zr.t("From"),mode:"From",onInputChange:u,balance:z,chain:{displayName:a?.displayName||"",image:a?.logo||""},token:{displayName:i?.symbol||"",image:i?.image||""},onClickToken:()=>t("from-swap"),price:{value:m,usdValue:L?void 0:N(c,4,4),error:L?q().unknownPriceError.impactTitle:void 0},disabled:x==="failed",loading:x==="loading",onSelectMaxBalance:()=>{z!=="0"&&u(F.split(",").join(""))}}),De.createElement(pa,null)),De.createElement(ul,{sharpBottomStyle:!!k?.result||o,label:zr.t("To"),mode:"To",chain:{displayName:p?.displayName||"",image:p?.logo||""},token:{displayName:l?.symbol||"",image:l?.image||""},percentageChange:N(Mt(c,y),2,2),warningLevel:Ye(O??0),price:{value:N(g,6,6),usdValue:Q?void 0:N(y,4,4),error:Q?q().unknownPriceError.impactTitle:void 0},onClickToken:()=>t("to-swap"),disabled:x==="failed",loading:x==="loading"})),De.createElement(ro,{quote:k,loading:o,error:n,warning:r,type:"basic",refetchQuote:e,showWarningModal:d,onOpenWarningModal:()=>C(!0),onCloseWarningModal:()=>C(!1),onConfirmWarningModal:()=>{C(!1),h(!0),t(S.confirmSwap)}})))}s(gn,"Home");import{useEffect as Gr,useRef as Hr}from"react";import{createSearchParams as md,useLocation as dd,useSearchParams as fd}from"react-router-dom";import{useEffect as Ft,useMemo as hn,useRef as yn}from"react";function cl(){let{setInputAmount:t,setToToken:e,setToBlockchain:o,setFromBlockchain:n,setFromToken:r,fromToken:i,toToken:a,fromBlockchain:l,toBlockchain:p}=$(),u=v().config,m=v().fetchStatus,c=v().blockchains(),g=v().tokens(),{setAffiliateRef:y,setAffiliatePercent:k,setAffiliateWallets:T}=D(),h=hn(()=>u?.from?.tokens,[u?.from?.tokens]),x=hn(()=>u?.from?.blockchains,[u?.from?.blockchains]),f=hn(()=>u?.to?.tokens,[u?.to?.tokens]),w=hn(()=>u?.to?.blockchains,[u?.to?.blockchains]),d=yn(void 0),C=yn(void 0),E=yn(void 0),P=yn(void 0);Ft(()=>{t(u?.amount?.toString()||"")},[u?.amount]),Ft(()=>{if(m==="success"){let I=c.find(L=>L.name===u?.from?.blockchain),_=g.find(L=>Ae(L,u?.from?.token||null));(I||!I&&E.current)&&n(I??null),_?r({token:_,meta:{blockchains:c,tokens:g}}):!_&&d.current&&r({token:null}),E.current=u?.from?.blockchain,d.current=u?.from?.token}},[u?.from?.token?.symbol,u?.from?.token?.address,u?.from?.token?.blockchain,u?.from?.blockchain,m]),Ft(()=>{i&&h&&(h.some(I=>Ae(I,i))||r({token:null})),l&&x&&(x.includes(l.name)||n(null))},[h,x]),Ft(()=>{a&&f&&(f.some(I=>Ae(I,a))||e({token:null})),p&&w&&(w.includes(p.name)||o(null))},[f,w]),Ft(()=>{if(m==="success"){let I=c.find(L=>L.name===u?.to?.blockchain),_=g.find(L=>Ae(L,u?.to?.token||null));(I||!I&&P.current)&&o(I??null),_?e({token:_,meta:{blockchains:c,tokens:g}}):!_&&C.current&&e({token:null}),P.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(()=>{y(u?.affiliate?.ref??null),k(u?.affiliate?.percent??null),T(u?.affiliate?.wallets??null)},[u?.affiliate?.ref,u?.affiliate?.percent,u?.affiliate?.wallets])}s(cl,"useSyncStoresWithConfig");function ml(){let t=Hr(!0),[e,o]=fd(),n=dd(),r=Hr(n.search),i=Hr({}),a=$.use.fromBlockchain(),l=$.use.toBlockchain(),p=$.use.fromToken(),u=$.use.toToken(),m=$.use.setFromBlockchain(),c=$.use.setFromToken(),g=$.use.setToBlockchain(),y=$.use.setToToken(),k=$.use.inputAmount(),T=$.use.setInputAmount(),h=v().fetchStatus,x=v().blockchains(),f=v().tokens(),w=Ce.use.setSelectedSwap();return cl(),Gr(()=>{let d={};md(r.current).forEach((E,P)=>{d[P]=E}),i.current=d;let C=n.pathname.split(S.swaps+"/")[1]||null;C&&w(C)},[]),Gr(()=>{if(!t.current){let d="",C="",E="",P="",I="",_=i.current["autoConnect"];if(h!=="success")d=i.current["fromBlockchain"],C=i.current["fromToken"],E=i.current["toBlockchain"],P=i.current["toToken"],I=i.current["fromAmount"]||k;else{if(n.state==="redirect")return;d=a?.name||"",C=(p?.symbol||"")+(p?.address?`--${p?.address}`:""),E=l?.name||"",P=(u?.symbol||"")+(u?.address?`--${u?.address}`:""),I=k}o({...d&&{["fromBlockchain"]:d},...C&&{["fromToken"]:C},...E&&{["toBlockchain"]:E},...P&&{["toToken"]:P},...I&&{["fromAmount"]:I.toString()},..._&&{["autoConnect"]:_}},{replace:!0})}t.current=!1},[n.pathname,k,a,p,l,u]),Gr(()=>{if(h==="success"){let d=e.get("fromBlockchain"),C=e.get("fromToken"),E=e.get("toBlockchain"),P=e.get("toToken"),I=e.get("fromAmount"),_=x.find(z=>z.name===d),L=wr(f,C,_||null),Q=x.find(z=>z.name===E),b=wr(f,P,Q||null);_&&(m(_),L&&c({token:L,meta:{blockchains:x,tokens:f}})),Q&&(g(Q),b&&y({token:b,meta:{blockchains:x,tokens:f}})),I&&T(I)}},[h]),null}s(ml,"UpdateUrl");function xd(t){let e=wd(),o=vd(),n=Cd(!0),r=e.pathname.split("/"),a=r[r.length-1]===S.confirmSwap&&n.current;return Sd(()=>{a&&o("."),n.current=!1},[]),a?Tt.createElement(gn,null):Tt.createElement(Tt.Fragment,null," ",t.children)}s(xd,"Route");function dl({children:t,...e}){let o=Td(),n=o?xd:kd,r=v().blockchains(),{canSwitchNetworkTo:i}=hd();Is();let a=r.filter(yd);return gd({lastConnectedWallet:e.lastConnectedWallet,clearDisconnectedWallet:e.clearDisconnectedWallet,disconnectedWallet:e.disconnectedWallet,evmChains:a,canSwitchNetworkTo:i}),Tt.createElement(Tt.Fragment,null,Tt.createElement(n,null,t),o&&Tt.createElement(ml,null))}s(dl,"AppRouter");import xe from"react";import{useRoutes as Ph}from"react-router-dom";import{i18n as bn}from"@lingui/core";import{useManager as pf}from"@rango-dev/queue-manager-react";import{Alert as $l,Button as Pl,Divider as _l,IconButton as Dl,RefreshIcon as uf,SettingsIcon as cf,styled as Fl,Tooltip as mf,Typography as df,WalletIcon as ff}from"@rango-dev/ui";import Y,{useEffect as En,useState as An}from"react";import{flushSync as gf}from"react-dom";import{useNavigate as hf}from"react-router-dom";import{i18n as Je}from"@lingui/core";import{Alert as Jr,BalanceErrors as Yd,Button as Bl,ChevronDownIcon as Jd,ChevronLeftIcon as Zd,Divider as Ut,MessageBox as Rd,Modal as Ll,Typography as xn,WalletIcon as ef}from"@rango-dev/ui";import W,{useEffect as tf,useLayoutEffect as of,useRef as nf,useState as xt}from"react";import{useNavigate as rf}from"react-router-dom";import{i18n as Sn}from"@lingui/core";function Cn(t){switch(t.type){case 0:return Sn.t("Route has been updated.");case 3:return Sn.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return Sn.t("Route swappers has been updated.");case 2:return Sn.t("Route internal coins has been updated.");default:return""}}s(Cn,"getQuoteUpdateWarningMessage");import{i18n as Fe}from"@lingui/core";import{Button as jd,Divider as Xr,Image as Kd,MessageBox as vn,Modal as El,SelectableWallet as Xd,Typography as Al,WalletState as Il}from"@rango-dev/ui";import oe,{useEffect as Wl,useState as so}from"react";import{WalletState as fl}from"@rango-dev/ui";import{useWallets as bd}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as Ed,WalletTypes as Ad}from"@rango-dev/wallets-shared";import{useEffect as Id,useState as Wd}from"react";var Nd=Object.values(Ad);function kn(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:i,disconnect:a,getWalletInfo:l,connect:p}=bd(),{connectedWallets:u}=H(),m=v().blockchains(),c=ds(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||Nd,g=is(i,l,c,o),y=cs(g),[k,T]=Wd(""),h=s(d=>!u.find(C=>C.walletType===d&&C.chain===o),"isExperimentalChainNotAdded"),x=s(async d=>{let C=i(d);try{if(k&&T(""),C.connected)await a(d);else{let E=!!g.find(P=>P.state===fl.CONNECTED);if(!e?.multiWallets&&E)return;n?.(d),await p(d),r?.(d)}}catch(E){T("Error: "+E?.message)}},"handleClick"),f=s(()=>{let d=g?.filter(C=>C.state===fl.CONNECTING)||[];for(let C of d)a(C.type)},"disconnectConnectingWallets");Id(()=>()=>{f()},[]);let w=s((d,C,E)=>$o(E,C)&&h(d)&&!Ed.includes(d),"shouldExcludeWallet");return{list:y.filter(d=>!w(d.type,o??"",m)),error:k,handleClick:x}}s(kn,"useWalletList");import{i18n as Cl}from"@lingui/core";import{styled as Tl,Typography as Od,Wallet as Ud,WalletState as zd}from"@rango-dev/ui";import vt,{Fragment as qd,useState as kl}from"react";import{Divider as Pd,Modal as _d}from"@rango-dev/ui";import Vr from"react";import{i18n as Ot}from"@lingui/core";import{Image as Md,MessageBox as Qr,WalletState as $d}from"@rango-dev/ui";import wt from"react";import{keyframes as Bd,styled as Tn}from"@rango-dev/ui";var qb=Tn("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),gl=Tn("div",{position:"relative"}),Ld=Bd({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),hl=Tn("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Ld} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),yl=Tn("div",{"& img":{borderRadius:"50%"}});function Sl(t){let{state:e,image:o,error:n}=t;return e===$d.CONNECTED?wt.createElement(Qr,{type:"success",title:Ot.t("Wallet Connected"),description:Ot.t("Your wallet is connected, you can use it to swap.")}):n?wt.createElement(Qr,{type:"error",title:Ot.t("Failed to Connect"),description:n||Ot.t("Your wallet is not connected. Please try again.")}):wt.createElement(Qr,{type:"loading",title:Ot.t("Connecting to your wallet"),description:Ot.t("Click connect in your wallet popup."),icon:wt.createElement(gl,null,wt.createElement(yl,null,wt.createElement(Md,{src:o,size:45})),wt.createElement(hl,null))})}s(Sl,"ModalContent");function io(t){let{open:e,onClose:o,...n}=t;return Vr.createElement(_d,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},Vr.createElement(Sl,{...n}),Vr.createElement(Pd,{direction:"vertical",size:32}))}s(io,"WalletModal");import{useInRouterContext as Dd,useNavigate as Fd}from"react-router-dom";function re(){let t=Dd(),e=Fd(),o=$.use.quoteWalletsConfirmed();return S,{navigateBackFrom:s(r=>{if(r===S.swapDetails)return e("/"+S.swaps,{replace:!0});if(!t||window.history.state&&window.history.state.idx>0)e(-1);else{if([S.settings,S.wallets].includes(r)&&o)return e("/"+S.confirmSwap,{replace:!0});[S.fromSwap,S.toSwap,S.settings,S.wallets,S.swaps,S.confirmSwap].includes(r)?e(S.home,{replace:!0}):r===S.fromBlockchain?e("/"+S.fromSwap,{replace:!0}):r===S.toBlockchain?e("/"+S.fromSwap,{replace:!0}):r===S.liquiditySources&&e("/"+S.settings,{replace:!0})}},"navigateBackFrom")}}s(re,"useNavigateBack");var Gd=Tl("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline",paddingTop:"$15",height:"100%"}),Hd=Tl("div",{textAlign:"center"}),wn=3e3,jr=300;function wl(){let{config:t,fetchStatus:e}=v(),{navigateBackFrom:o}=re(),[n,r]=kl(!1),[i,a]=kl(""),l=null,{list:p,handleClick:u,error:m}=kn({config:t,onBeforeConnect:k=>{l=setTimeout(()=>{r(!0),a(k)},jr)},onConnect:()=>{l&&clearTimeout(l),setTimeout(()=>{r(!1)},wn)}}),c=p.find(k=>k.type===i),g=c?.image||"",y=c?.state||zd.NOT_INSTALLED;return vt.createElement(K,{header:{title:Cl.t("Connect Wallets"),onBack:()=>o(S.wallets)}},vt.createElement(Hd,null,vt.createElement(Od,{variant:"title",size:"xmedium",align:"center"},Cl.t("Choose a wallet to connect.")),vt.createElement(Gd,null,p.map((k,T)=>{let h=`wallet-${T}-${k.type}`;return vt.createElement(qd,{key:h},vt.createElement(Ud,{...k,container:ee(),onClick:x=>{u(x)},isLoading:e==="loading"}))}),vt.createElement(io,{open:!!n,onClose:()=>r(!1),image:g,state:y,error:m}))))}s(wl,"WalletsPage");import{keyframes as Qd,styled as Kr}from"@rango-dev/ui";var vl=Kr("div",{position:"relative"}),Vd=Qd({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),xl=Kr("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Vd} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),bl=Kr("div",{"& img":{borderRadius:"50%"}});function Yr(t){let{chain:e,isSelected:o,selectWallet:n,limit:r,onShowMore:i}=t,{config:a}=v(),l=H.use.connectedWallets(),{blockchains:p}=v(),[u,m]=so(""),[c,g]=so(null),[y,k]=so(!1),[T,h]=so(null),{suggestAndConnect:x}=Nl(),f=null,{list:w,error:d,handleClick:C}=kn({config:a,chain:e,onBeforeConnect:b=>{f=setTimeout(()=>{m(b)},jr)},onConnect:()=>{f&&clearTimeout(f),setTimeout(()=>{m("")},wn)}}),[E,P]=so(w),I=w.length,_=r&&I-r>0,L=s(async b=>{k(!1),h("in-progress");try{await x(b.walletType,b.chain),h("completed")}catch{h("rejected")}},"addExperimentalChain");Wl(()=>{P(b=>{let z=w.findIndex(F=>o(F.type,e));return _&&z>1?[w[z]].concat(w.filter((F,O)=>O!==z)):b.map(F=>w.find(O=>O.type===F.type)??F)})},[JSON.stringify(w)]);let Q=document.querySelector("#swap-box");return Wl(()=>{let b=null;return(T==="completed"||T==="rejected")&&(b=setTimeout(()=>h(null),wn)),()=>{b&&clearTimeout(b)}},[T]),oe.createElement(oe.Fragment,null,E.slice(0,r).map(b=>{let z=ms({connectedWallets:l,walletType:b.type,chain:e}),F=z?Po(z):"",O=$o(p(),e),ne=!l.find(ot=>ot.walletType===b.type&&ot.chain===e),Ue=O&&ne&&b.state===Il.CONNECTED,tt=Ue?Fe.t({id:"Add {chain} chain",values:{chain:e}}):F,V=s(()=>{b.state===Il.DISCONNECTED?C(b.type):Ue?(g({walletType:b.type,chain:e,address:z??""}),k(!0)):n({walletType:b.type,chain:e,address:z??""})},"onClick"),Z=c?.chain?Gs(c.chain,p()):void 0;return oe.createElement(oe.Fragment,null,oe.createElement(io,{open:u===b.type,onClose:()=>m(""),image:b.image,state:b.state,error:d}),!!c&&oe.createElement(El,{open:!!c&&y,container:Q,onClose:()=>{g(null)}},oe.createElement(vn,{title:Fe.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:Z}}),type:"warning",description:Fe.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:Z}})},oe.createElement(Xr,{size:18}),oe.createElement(Xr,{size:32}),oe.createElement(jd,{onClick:L.bind(null,c),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},Fe.t("Confirm")))),T&&oe.createElement(El,{open:!!T,onClose:h.bind(null,null),container:Q},T==="in-progress"&&oe.createElement(vn,{type:"loading",title:Fe.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:Z}}),description:Fe.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:Z}}),icon:oe.createElement(vl,null,oe.createElement(bl,null,oe.createElement(Kd,{src:b.image,size:45})),oe.createElement(xl,null))}),T==="completed"&&oe.createElement(vn,{type:"success",title:Fe.t({id:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:Z}}),description:Fe.t({id:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:Z}})}),T==="rejected"&&oe.createElement(vn,{type:"error",title:Fe.t("Request Rejected"),description:Fe.t({id:"You've rejected adding {blockchainDisplayName} chain to your wallet.",values:{blockchainDisplayName:Z}})}),oe.createElement(Xr,{direction:"vertical",size:32})),oe.createElement(Xd,{key:b.type,description:tt,onClick:V,selected:o(b.type,e),...b}))}),_&&oe.createElement(ga,{selected:!1,onClick:i.bind(null)},oe.createElement(Al,{variant:"label",size:"medium"},Fe.t("Show more wallets"),oe.createElement(Al,{variant:"label",size:"medium",color:"$primary"},"\xA0+",I-(r??0)))))}s(Yr,"WalletList");var sf=2;function Ml(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,loading:i}=t,a=v().config,l=v().blockchains(),{quote:p,setSelectedWallets:u,quoteWalletsConfirmed:m,setQuoteWalletConfirmed:c,customDestination:g,setCustomDestination:y}=$(),{connectedWallets:k,selectWallets:T}=H(),[h,x]=xt(""),[f,w]=xt([]),[d,C]=xt(""),[E,P]=xt(null),[I,_]=xt(g),[L,Q]=xt(!!g),b=nf(null),z=Ko(p),F=l.find(U=>U.name===p?.result?.swaps[p?.result?.swaps.length-1].to.blockchain),O=s(U=>!!p?.result?.swaps.find(j=>j.from.blockchain===U),"isWalletRequiredFor"),[ne,Ue]=xt(k.filter(U=>U.selected&&z.includes(U.chain))),tt=l.find(U=>U.name===F?.name),V=s((U,j)=>!!ne.find(R=>R.walletType===U&&R.chain===j&&R.selected&&(O(j)||!O(j)&&!I)),"isSelected"),Z=!!I&&L&&tt&&!Xo(tt,I),ot=s(()=>{Q(!1),_(""),Ue(U=>{let j=!1;return U.map(R=>!j&&R.chain===F?.name?(j=!0,{...R,selected:!0}):R)})},"resetCustomDestination"),nt=s(U=>{if(h&&x(""),V(U.walletType,U.chain))return;let R=k.find(ae=>ae.walletType===U.walletType&&ae.chain===U.chain);R&&(n(),U.chain===F?.name&&L&&(Q(!1),_("")),Ue(ae=>ae.filter(me=>me.chain!==U.chain).concat({...R,selected:!0})))},"onChange"),gt=s(()=>{let U=ne.filter(j=>j.selected);T(U),u(U),y(I),c(!0),o()},"onConfirmBalance"),tr=s(async()=>{w([]),C(""),P(null);let U=k.filter(ae=>ne.find(me=>me.chain===ae.chain&&me.walletType===ae.walletType)),j=await r?.({selectedWallets:U,customDestination:I}),R=j.warnings;R?.balance?.messages&&w(R.balance.messages),R?.quoteUpdate&&P(R.quoteUpdate),j.error&&C(Hs(j.error)),!j.error&&(!R?.balance?.messages.length||0>0)?gt():w(R?.balance?.messages??[])},"onConfirmWallets");tf(()=>{Ue(U=>U.concat(k.filter(j=>!!!U.find(ae=>ae.chain===j.chain)&&j.selected&&z.includes(j.chain))))},[k.length]),of(()=>{L&&b.current&&setTimeout(()=>{b?.current?.scrollIntoView({behavior:"smooth"})},Zt)},[L]);let bo=document.querySelector("#swap-box"),jt=rf();return W.createElement(Ll,{open:e,onClose:()=>{m||jt(S.home,{replace:!0}),o()},dismissible:!h,container:bo,...!h&&{footer:W.createElement(xa,null,W.createElement(Bl,{loading:i,disabled:oa(i,L,I,p,ne,F),onClick:tr,variant:"contained",type:"primary",fullWidth:!0,size:"large"},"Confirm"))},...h&&{containerStyle:{padding:"$0"},header:W.createElement(ya,null,W.createElement(Sa,{variant:"ghost",onClick:x.bind(null,"")},W.createElement(Zd,{size:16})),W.createElement(xn,{variant:"headline",size:"small"},Je.t({id:"Your {blockchainName} wallets",values:{blockchainName:h}})))},anchor:"center"},W.createElement(Ll,{open:f.length>0,onClose:w.bind(null,[]),container:bo},W.createElement(Rd,{title:Je.t("Insufficient account balance"),type:"error",description:W.createElement(Yd,{messages:f??[]})},W.createElement(Bl,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:gt},Je.t("Proceed anyway")))),h&&W.createElement(Ca,null,W.createElement("div",{className:"wallets-list"},W.createElement(Yr,{chain:h,isSelected:V,selectWallet:nt,onShowMore:x.bind(null,h)}))),!h&&W.createElement(W.Fragment,null,d&&W.createElement(W.Fragment,null,W.createElement(Jr,{variant:"alarm",type:"error",title:Je.t(d)}),W.createElement(Ut,{size:12})),E&&W.createElement(W.Fragment,null,W.createElement(Jr,{variant:"alarm",type:"warning",title:Cn(E)}),W.createElement(Ut,{size:12})),W.createElement(Ea,null,z.map((U,j)=>{let R=l.find(ze=>ze.name===U),ae=`wallet-${j}`,me=j===z.length-1;return W.createElement("div",{key:ae},W.createElement(da,null,W.createElement(xn,{variant:"title",size:"xmedium"},Je.t({id:"Your {blockchainName} wallets",values:{blockchainName:R?.displayName}})),W.createElement(xn,{variant:"label",color:"$neutral700",size:"medium"},Je.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:R?.displayName}}))),W.createElement(Ut,{size:24}),W.createElement(fa,null,W.createElement(Yr,{chain:U,isSelected:V,selectWallet:nt,limit:sf,onShowMore:()=>x(R?.name??"")})),!me&&W.createElement(Ut,{size:32}),me&&a?.customDestination&&W.createElement(wa,null,W.createElement(ka,{ref:b,selected:L,open:L,onOpenChange:ze=>{ze?O(F?.name??"")||Ue(ht=>ht.map(Kt=>Kt.chain===F?.name?{...Kt,selected:!1}:Kt)):ot()}},W.createElement(ha,{onClick:()=>Q(ze=>!ze)},W.createElement(Ta,{fullWidth:!0,variant:"default",suffix:W.createElement(va,{orientation:L?"up":"down"},W.createElement(Jd,{size:10,color:"gray"}))},W.createElement("div",{className:"button__content"},W.createElement(ef,{size:18,color:"info"}),W.createElement(Ut,{size:4,direction:"horizontal"}),W.createElement(xn,{variant:"label",size:"medium"},Je.t("Send to a different address"))))),W.createElement(sn,{open:L},W.createElement(W.Fragment,null,W.createElement(Ut,{size:4}),W.createElement(ba,{autoFocus:!0,placeholder:Je.t("Your destination address"),value:I,onChange:ze=>{_(ze.target.value)}})))),Z&&W.createElement("div",{className:"alarms"},W.createElement(Jr,{variant:"alarm",type:"error",title:Je.t({values:{destination:I},id:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}s(Ml,"ConfirmWalletsModal");import{calculatePendingSwap as af}from"@rango-dev/queue-manager-rango-preset";import{useEffect as lf}from"react";function Zr(){let{fromToken:t,toToken:e,inputAmount:o,setQuote:n,resetQuote:r,quote:i,customDestination:a,setQuoteWarningsConfirmed:l}=$(),{slippage:p,customSlippage:u,affiliatePercent:m,affiliateRef:c,affiliateWallets:g,disabledLiquiditySources:y}=D(),{connectedWallets:k}=H(),T=v().blockchains(),h=v().tokens(),x=u||p,{fetch:f,cancelFetch:w,loading:d}=fn();return lf(()=>w,[]),{loading:d,fetch:s(async E=>{let P=E.selectedWallets,I=E?.customDestination??a;if(!t||!e||!o||!i)return{quote:null,swap:null,error:null,warnings:null};let _=nn({fromToken:t,toToken:e,inputAmount:o,wallets:k,selectedWallets:P,disabledLiquiditySources:y,slippage:x,affiliateRef:c,affiliatePercent:m,affiliateWallets:g,initialQuote:i,destination:I}),L;try{L=await f(_).then(F=>mn(F)),n(L)}catch(F){let O=dn(F);return(O.error?.type===0||O.error?.type===1)&&r(),O}let Q={slippage:x.toString(),disabledSwappersGroups:y},b=af(o.toString(),L,Xs(P),Q,!1,{blockchains:T,tokens:h}),z=al(i,L,{fromToken:t,toToken:e,tokens:h,selectedWallets:P,userSlippage:x});return z.quoteUpdate&&l(!1),{quote:L,swap:b,error:null,warnings:z}},"fetch"),cancelFetch:w}}s(Zr,"useConfirmSwap");var yf=Fl("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"}}),Sf=Fl("div",{width:"100%",display:"flex",justifyContent:"space-between","& .confirm-button":{flexGrow:1,paddingRight:"$10"},[`& ${Dl}`]:{width:"$48",height:"$48"}});function Ol(){let{quote:t,setInputAmount:e,selectedWallets:o,quoteWalletsConfirmed:n,setQuoteWalletConfirmed:r,customDestination:i,quoteWarningsConfirmed:a}=$(),l=hf(),[p,u]=An(""),{connectedWallets:m}=H(),c=!n,[g,y]=An(!1),k=Ce.use.setSelectedSwap(),{manager:T}=pf(),{fetch:h,loading:x,cancelFetch:f}=Zr(),[w,d]=An({swap:null,error:null,warnings:null}),[C,E]=An(!1),P=s(async({selectedWallets:b,customDestination:z})=>{let F=await h?.({selectedWallets:b,customDestination:z});return d(F),F},"onConfirmSwap"),I=s(async()=>{if(w.swap&&n)try{await T?.create("swap",{swapDetails:w.swap},{id:w.swap.requestId}),k(w.swap.requestId),l("/"+S.swaps+`/${w.swap.requestId}`,{replace:!0}),setTimeout(()=>{e("")},0)}catch(b){u("Error: "+b?.message)}},"addNewSwap"),_=s(async()=>{await I()},"onConfirm"),L=s(async()=>{w?.warnings?.quote&&!a?E(!0):await _()},"onStartConfirmSwap"),Q=s(async()=>{d({error:null,swap:null,warnings:null}),h({selectedWallets:o}).then(b=>{d(b)}).catch(b=>console.error(b))},"onRefresh");return En(()=>{c&&f()},[c]),En(()=>{c&&y(c)},[c]),En(()=>{c||h({selectedWallets:o,customDestination:i}).then(b=>d(b)).catch(b=>console.error(b))},[]),En(()=>{let b=w.warnings?.quote?.type&&Object.values(rt).includes(w.warnings?.quote?.type),z=o.length<1||!o.every(O=>m.find(ne=>O.address===ne.address&&O.walletType===ne.walletType&&O.chain===ne.chain)),F=!1;if(b){let O=Ko(t),ne=t?.result?.swaps[t.result.swaps.length-1].to.blockchain;!!t?.result?.swaps.find(V=>V.from.blockchain===ne)||(O=O.slice(-O.length,O.length-1)),O.every(V=>o.find(Z=>Z.chain===V))||(F=!0)}t&&(z||F)&&(queueMicrotask(()=>gf(y.bind(null,!0))),r(!1))},[w.warnings?.quote,o.length,m.length]),Y.createElement(K,{header:{title:bn.t("Confirm Swap"),onBack:()=>l(-1),hasConnectWallet:!0,suffix:Y.createElement(mf,{container:ee(),side:"bottom",content:bn.t("Settings")},Y.createElement(Ne,{size:"small",variant:"ghost",onClick:()=>l("/"+S.settings)},Y.createElement(cf,{size:18,color:"black"})))},footer:Y.createElement(Sf,null,Y.createElement("div",{className:"confirm-button"},Y.createElement(Pl,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:x,disabled:!!w.error,onClick:L},bn.t("Start Swap"))),Y.createElement(Dl,{variant:"contained",type:"primary",size:"large",loading:x,onClick:y.bind(null,!0)},Y.createElement(ff,{size:24})))},g&&Y.createElement(Ml,{open:g,onClose:()=>y(!1),onCancel:f,loading:x,onCheckBalance:P}),Y.createElement(yf,null,Y.createElement("div",{className:"description"},Y.createElement(df,{variant:"title",size:"small"},bn.t("You get")),Y.createElement(Pl,{style:{padding:"0"},variant:"ghost",disabled:x,onClick:Q},Y.createElement("div",{className:"icon"},Y.createElement(uf,{size:16})))),p&&Y.createElement(Y.Fragment,null,Y.createElement($l,{type:"error",variant:"alarm",title:p}),Y.createElement(_l,{size:12})),w.warnings?.quoteUpdate&&Y.createElement(Y.Fragment,null,Y.createElement($l,{variant:"alarm",type:"warning",title:w.warnings.quoteUpdate&&Cn(w.warnings.quoteUpdate)}),Y.createElement(_l,{size:12})),Y.createElement(ro,{quote:t,type:"swap-preview",expanded:!0,error:w.error,loading:x,warning:w.warnings?.quote??null,refetchQuote:Q,showWarningModal:C,onOpenWarningModal:()=>E(!0),onCloseWarningModal:()=>E(!1),onConfirmWarningModal:async()=>{E(!1),await I()}})))}s(Ol,"ConfirmSwapPage");import{i18n as Wn}from"@lingui/core";import{useManager as bf}from"@rango-dev/queue-manager-react";import{Divider as Ef,NotFound as Af,styled as Kl}from"@rango-dev/ui";import mt,{useState as If}from"react";import{useNavigate as Wf}from"react-router-dom";import{CloseIcon as kf,IconButton as Tf,SearchIcon as wf,TextField as vf}from"@rango-dev/ui";import ao from"react";import{styled as Cf}from"@rango-dev/ui";var Ul=Cf("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function Ze(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:i,value:a,setValue:l,...p}=t;return ao.createElement(vf,{prefix:ao.createElement(Ul,null,ao.createElement(wf,{color:"black"})),suffix:!!a.length&&ao.createElement(Tf,{variant:"ghost",onClick:()=>l?.(""),size:"small"},ao.createElement(kf,{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(Ze,"SearchInput");import{i18n as ql}from"@lingui/core";import{Divider as Gl,SwapListItem as Hl,Typography as Ql}from"@rango-dev/ui";import te from"react";import{darkTheme as xf,styled as In}from"@rango-dev/ui";var Rr=In("div",{width:"100%",display:"flex",flexDirection:"column",".group-title":{$$color:"$colors$neutral600",[`.${xf} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),ei=In("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),ti=In("div",{gap:"$10",display:"flex",flexDirection:"column"}),zl=In("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});function oi(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,i=n?n(e):[{title:"History",swaps:e}];if(r){let a=[{},{}];return te.createElement(te.Fragment,null,[{title:"Today",swaps:a},{title:"Last month",swaps:a}].map(p=>te.createElement(te.Fragment,{key:p.title},te.createElement(Rr,null,te.createElement(ei,null,te.createElement(Ql,{variant:"label",size:"medium",className:"group-title"},ql.t(p.title))),te.createElement(Gl,{size:4}),te.createElement(ti,null,p.swaps.map((u,m)=>{let c=m+p.title;return te.createElement(te.Fragment,{key:c},te.createElement(Hl,{isLoading:!0}))}))))))}return te.createElement(te.Fragment,null,i.filter(a=>a.swaps.length>0).map(a=>te.createElement(te.Fragment,{key:a.title},te.createElement(Rr,null,te.createElement(ei,null,te.createElement(Ql,{variant:"label",size:"medium",className:"group-title"},ql.t(a.title))),te.createElement(Gl,{size:4}),te.createElement(ti,null,a.swaps.map(l=>{let p=l.steps[0],u=l.steps[l.steps.length-1];return te.createElement(te.Fragment,{key:l.requestId},te.createElement(Hl,{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(oi,"SwapsGroup");import Vl from"dayjs";var jl=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=Vl();return t.forEach(n=>{let r=Vl(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 Nf=Kl("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",height:"100%",gap:15}),Bf=Kl("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),Lf=s((t,e)=>t?.length?t.filter(o=>qe(o.fromBlockchain,e)||qe(o.toBlockchain,e)||qe(o.toSymbol,e)||qe(o.fromSymbol,e)).length:!1,"isStepContainsText");function Xl(){let t=Ce.use.setSelectedSwap(),e=Wf(),{navigateBackFrom:o}=re(),{manager:n,state:r}=bf(),i=zt(n).map(({swap:g})=>g),[a,l]=If(""),p=!r.loadedFromPersistor,u=s(g=>{let y=g.target.value;l(y)},"searchHandler"),m=i;a&&(m=i.filter(g=>qe(g.inputAmount,a)||qe(g.status,a)||Lf(g.steps,a)||qe(g.requestId,a)));let c=!m?.length&&!p;return mt.createElement(K,{header:{onBack:()=>o(S.swaps),title:Wn.t("History")}},mt.createElement(Nf,null,mt.createElement(Ze,{setValue:l,fullWidth:!0,variant:"contained",placeholder:Wn.t("Search Transaction"),autoFocus:!0,onChange:u,value:a}),mt.createElement(Bf,null,c&&mt.createElement(zl,null,mt.createElement(Ef,{size:32}),mt.createElement(Af,{title:Wn.t("No results found"),description:a?Wn.t("Try using different keywords"):""})),!c&&mt.createElement(oi,{list:m,onSwapClick:g=>{t(g),e(`${g}`,{replace:!0})},groupBy:jl,isLoading:p}))))}s(Xl,"HistoryPage");import{i18n as Yl}from"@lingui/core";import{List as Mf,ListItemButton as $f,Radio as Pf,RadioRoot as _f,Typography as Df}from"@rango-dev/ui";import dt from"react";import{styled as Nn}from"@rango-dev/ui";var Re=Nn("div",{height:"100%",overflow:"hidden"}),lo=Nn("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto"}),ni=Nn("div",{width:80,display:"flex",justifyContent:"flex-end"}),ri=Nn("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});function Bn(){let t=D.use.language(),e=D.use.setLanguage();return{activeLanguage:t,languages:ys,defaultLanguage:Do,changeLanguage:e}}s(Bn,"useLanguage");function Jl(){let{navigateBackFrom:t}=re(),{activeLanguage:e,changeLanguage:o,languages:n}=Bn(),r=n.map(i=>{let{local:a,label:l,SVGFlag:p}=i;return{id:a,value:a,title:dt.createElement(Df,{variant:"title",size:"xmedium"},l),onClick:()=>o(i.local),end:dt.createElement(Pf,{value:a}),start:dt.createElement(p,null)}});return dt.createElement(K,{header:{onBack:()=>t(S.settings),title:Yl.t("Language")}},dt.createElement(Re,null,dt.createElement(_f,{value:e},dt.createElement(Mf,{type:dt.createElement($f,{title:Yl.t("language"),id:"_",onClick:()=>console.log()}),items:r}))))}s(Jl,"LanguagePage");import{i18n as qt}from"@lingui/core";import{Button as qf,Checkbox as Gf,Image as Hf,ListItemButton as Qf,NotFound as Vf,Typography as jf}from"@rango-dev/ui";import Se,{useState as Kf}from"react";import{Checkbox as Uf,Skeleton as Rl}from"@rango-dev/ui";import po from"react";import{ListItem as Ff,styled as Of}from"@rango-dev/ui";var Zl=Of(Ff,{height:61});var zf=30;function ii(){return po.createElement(lo,null,Array.from(Array(zf),t=>po.createElement(Zl,{hasDivider:!0,key:t,start:po.createElement(Rl,{variant:"circular",width:35,height:35}),title:po.createElement(Rl,{variant:"text",size:"large",width:90}),end:po.createElement(Uf,{checked:!1})})))}s(ii,"LoadingLiquiditySourceList");function si({sourceType:t}){let e=v().fetchStatus,o=v().swappers(),[n,r]=Kf(""),i=D.use.toggleLiquiditySource(),{navigateBackFrom:a}=re(),l=Fo(o),p=[];t==="Exchanges"&&p.push("DEX"),t==="Bridges"&&(p.push("BRIDGE"),p.push("AGGREGATOR"));let u=l.filter(T=>p.includes(T.type)),m=u.length===u.filter(T=>T.selected).length,c=s(()=>{u.forEach(T=>{m?i(T.groupTitle):T.selected||i(T.groupTitle)})},"toggleAllSources"),g=u.map(T=>{let{selected:h,groupTitle:x,logo:f}=T;return{start:Se.createElement(Hf,{src:f,size:22,type:"circular"}),onClick:()=>i(x),end:Se.createElement(Gf,{checked:h}),title:Se.createElement(jf,{variant:"title",size:"xmedium"},qt.t(x)),...T}}),y=s(T=>{let h=T.target.value;r(h)},"searchHandler"),k=g;return n&&(k=g.filter(T=>qe(T.groupTitle,n))),Se.createElement(K,{header:{onBack:()=>a(S.settings),title:qt.t(t),suffix:Se.createElement(ni,null,Se.createElement(qf,{variant:"ghost",size:"xsmall",onClick:c},qt.t(m?"Deselect all":"Select all")))}},Se.createElement(Re,null,Se.createElement(Ze,{value:n,setValue:r,fullWidth:!0,color:"light",variant:"contained",placeholder:qt.t("Search {sourceType}",{sourceType:t}),onChange:y}),e==="loading"&&Se.createElement(ii,null),!k.length&&n?Se.createElement(ri,null,Se.createElement(Vf,{title:qt.t("No results found"),description:qt.t("Try using different keywords")})):e==="success"&&Se.createElement(lo,null,k.map(T=>Se.createElement(Se.Fragment,{key:T.id},Se.createElement(Qf,{style:{height:"61px"},...T,selected:!1,hasDivider:!0}))))))}s(si,"LiquiditySourcePage");import{i18n as ap}from"@lingui/core";import{Divider as ui,SelectableCategoryList as ng}from"@rango-dev/ui";import bt,{useState as lp}from"react";import{i18n as li}from"@lingui/core";import{Divider as ip,Image as Zf,ListItemButton as Rf,NotFound as eg,Typography as sp}from"@rango-dev/ui";import We,{useEffect as tg,useState as og}from"react";import{BlockchainCategories as ai}from"@rango-dev/ui";import{TransactionType as Ln}from"rango-sdk";var Xf=s((t,e)=>{switch(e){case ai.ALL:return!0;case ai.UTXO:return t.type===Ln.TRANSFER;case ai.OTHER:return t.type!==Ln.TRANSFER&&t.type!==Ln.COSMOS&&t.type!==Ln.EVM;default:return t.type===e}},"filterByType"),ep=s((t,e,o)=>t.filter(n=>Xf(n,o)).filter(n=>yt(n.name,e)||yt(n.displayName,e)),"filterBlockchains");import{styled as tp}from"@rango-dev/ui";var op=tp("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),Mn=tp("ul",{padding:0,margin:0,listStyle:"none",overflowY:"auto",paddingRight:"$5",".image-container":{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as Yf,Skeleton as np}from"@rango-dev/ui";import $n from"react";var Jf=20;function rp(){return $n.createElement(Mn,null,Array.from(Array(Jf),t=>$n.createElement(Yf,{key:t,hasDivider:!0,start:$n.createElement(np,{variant:"circular",width:35,height:35}),title:$n.createElement(np,{variant:"text",size:"large",width:90})})))}s(rp,"LoadingBlockchainList");function pi(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[i,a]=og(e),{fetchStatus:l}=v();tg(()=>{a([...ep(e,o,r)])},[e,o,r]);let p=s(()=>!i.length&&o?We.createElement(We.Fragment,null,We.createElement(ip,{size:32}),We.createElement(eg,{title:li.t("No results found"),description:li.t("Try using different keywords")})):We.createElement(Mn,{key:`${r}-${o}`},i.map(u=>We.createElement(Rf,{key:`${u.name}-${u.chainId}`,hasDivider:!0,onClick:()=>n(u),start:We.createElement(Zf,{src:u.logo,size:30}),title:We.createElement(sp,{variant:"title",size:"medium"},u.displayName),id:u.chainId}))),"renderList");return We.createElement(op,null,We.createElement(sp,{variant:"label",size:"large"},li.t("Select Blockchain")),We.createElement(ip,{size:4}),l==="loading"&&We.createElement(rp,null),l==="success"&&p())}s(pi,"BlockchainList");function ci(t){let{type:e}=t,{navigateBackFrom:o}=re(),[n,r]=lp(""),[i,a]=lp("ALL"),l=$.use.setToBlockchain(),p=$.use.setFromBlockchain(),u=v().fetchStatus,m=v().blockchains({type:e}),c=e==="source"?"fromBlockchain":"toBlockchain";return bt.createElement(K,{header:{onBack:()=>{o(S[c])},title:ap.t("Select Blockchain")}},bt.createElement(ui,{size:12}),bt.createElement(ng,{setCategory:a,category:i,blockchains:m,isLoading:u==="loading"}),bt.createElement(ui,{size:24}),bt.createElement(Ze,{value:n,autoFocus:!0,placeholder:ap.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:g=>r(g.target.value)}),bt.createElement(ui,{size:16}),bt.createElement(pi,{list:m,searchedFor:n,blockchainCategory:i,onChange:g=>{e==="source"?p(g):l(g),o(S[c])}}))}s(ci,"SelectBlockchainPage");import{i18n as Ap}from"@lingui/core";import{Divider as Ip}from"@rango-dev/ui";import Gt,{useState as kg}from"react";import{useNavigate as Tg}from"react-router-dom";import{i18n as di}from"@lingui/core";import{BlockchainsChip as Pn,Divider as mp,Image as dp,Skeleton as lg,Typography as fi}from"@rango-dev/ui";import ge from"react";import{useEffect as sg}from"react";var pp=["ETH","COSMOS","OSMOSIS"];function up(t,e,o){let n=JSON.parse(JSON.stringify(t)),r=[];if(n.sort(rg),o?.limit&&t.length>o.limit){let i=o.limit,a=e;if(e.length<=o.limit)for(let l=0;l<o.limit;l++){let p=n[l];a=a.filter(u=>p.name!==u)}n.sort(ig(a)),r=n.splice(i)}return{list:n,more:r}}s(up,"prepare");function rg(t,e){let o=pp,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(rg,"sortByMostUsedBlockchains");function ig(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(ig,"generateSortByPreferredBlockchainsFor");function mi(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=D();sg(()=>{e?.selected&&n(e?.selected)},[e?.selected]);let r=up(t,o,e);return{list:r.list,more:r.more,history:[]}}s(mi,"usePrepareBlockchainList");import{styled as ag}from"@rango-dev/ui";var cp=ag("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var pg=12;function gi(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:i}=t,a=mi(e,{limit:10,selected:n?.name}),{fetchStatus:l}=v(),p=$.use.resetToBlockchain(),u=$.use.resetFromBlockchain(),m=a.more.length>0,c=a.more.length===1,g=!c&&m;return ge.createElement("div",null,ge.createElement(mp,{size:12}),ge.createElement(fi,{variant:"label",size:"large"},di.t("Select Blockchain")),ge.createElement(mp,{size:12}),ge.createElement(cp,null,l==="loading"&&Array.from(Array(pg),y=>ge.createElement(lg,{key:y,variant:"rounded",height:50})),l==="success"&&ge.createElement(ge.Fragment,null,ge.createElement(Pn,{selected:!n,onClick:()=>{o==="from"?u():p()}},ge.createElement(fi,{variant:"body",size:"xsmall",color:"secondary500"},di.t("All"))),a.list.map(y=>ge.createElement(Pn,{key:y.name,selected:!!n&&n.name===y.name,onClick:()=>r(y)},ge.createElement(dp,{src:y.logo,size:30}))),c?ge.createElement(Pn,{key:a.more[0].name,selected:!!n&&n.name===a.more[0].name,onClick:()=>r(a.more[0])},ge.createElement(dp,{src:a.more[0].logo,size:30})):null,g?ge.createElement(Pn,{onClick:i,key:"more-blockchains"},ge.createElement(fi,{variant:"body",size:"xsmall",color:"secondary500"},di._("More +{count}",{count:a.more.length}))):null)))}s(gi,"BlockchainsSection");import{i18n as ki}from"@lingui/core";import{darkTheme as wp,Divider as co,ExternalLinkIcon as mg,Image as dg,ListItemButton as fg,NotFound as gg,PinIcon as hg,Skeleton as vp,Typography as mo,VirtualizedList as yg}from"@rango-dev/ui";import M,{forwardRef as Sg,useEffect as xp,useState as bp}from"react";var fp=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"),_n=s((t,e)=>{let a={[t]:e};for(let l=1;l<10;l++)l<5&&(a={...a,[t+l*100]:fp(e,(5-l)*25)}),l===5&&(a={...a,[t+l*100]:e}),l>5&&(a={...a,[t+l*100]:fp(e,-((l-5)*25))});return a},"generateRangeColors"),hi=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=_n(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,..._n(i,a)}}return n?r:{}},"generateColors");import{Divider as kp,ListItem as cg,Skeleton as uo}from"@rango-dev/ui";import Oe from"react";import{darkTheme as gp,styled as je,Typography as ug}from"@rango-dev/ui";var hp=je("div",{display:"flex",flexDirection:"column",flexGrow:1}),yi=je("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),Dn=je("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",[`.${gp} &`]:{$$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"}}}}}),Si=je("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),Ci=je(ug,{}),yp=je("div",{textAlign:"right",".usd-value":{$$color:"$colors$neutral600",[`.${gp} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Fn=je("ul",{display:"flex",alignItems:"end",flexDirection:"column"}),kW=je("div",{display:"flex",alignItems:"center"}),Sp=je("div",{position:"relative",".image-container":{borderRadius:"$xm",overflow:"hidden"}}),Cp=je("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6});function Tp(t){return Oe.createElement(Dn,null,Array.from(Array(t.size),e=>Oe.createElement(cg,{key:e,hasDivider:!0,start:Oe.createElement(uo,{variant:"circular",width:35,height:35}),end:Oe.createElement(Fn,null,Oe.createElement(uo,{variant:"text",size:"large",width:70}),Oe.createElement(kp,{size:4}),Oe.createElement(uo,{variant:"text",size:"medium",width:50})),title:Oe.createElement("div",null,Oe.createElement(uo,{variant:"text",size:"large",width:90}),Oe.createElement(kp,{size:4}),Oe.createElement(uo,{variant:"text",size:"medium",width:90}))})))}s(Tp,"LoadingTokenList");var Ti=20,Cg=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(yi,{className:"token-title"},M.createElement(mo,{variant:"title",size:"xmedium"},r.symbol),M.createElement(co,{direction:"horizontal",size:4}),M.createElement(Si,{css:i},M.createElement(Ci,{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(mg,{color:"gray",size:12}))))},"renderDesc");function Ep(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[i,a]=bp(e),l=v().fetchStatus,p=v().blockchains(),[u,m]=bp(!0),c=H.use.loading(),{isTokenPinned:g}=v(),y=Sg((h,x)=>M.createElement("div",{...h,ref:x,style:{...h.style,height:`${parseFloat(h.style?.height)+8*2}px`}})),k=s(()=>{a(e.slice(0,i.length+Ti))},"loadNextPage");xp(()=>{m(e.length>i.length)},[i.length]),xp(()=>{a(e.slice(0,Ti))},[e]);let T=s(()=>!i.length&&o?M.createElement(M.Fragment,null,M.createElement(co,{size:32}),M.createElement(gg,{title:ki.t("No results found"),description:ki.t("Try using different keywords")})):M.createElement(yg,{Item:({index:h,style:x})=>{let f=i[h],w=f.address||"",d=p.find(I=>I.name===f.blockchain),C=_n(f.symbol,d?.color||""),E={$$color:C[`${f.symbol}100`],[`.${wp} &`]:{$$color:C[`${f.symbol}900`]},backgroundColor:"$$color"},P={$$color:C[`${f.symbol}700`],[`.${wp} &`]:{$$color:C[`${f.symbol}100`]},color:"$$color"};return M.createElement("div",{style:{...x,paddingRight:5}},M.createElement(fg,{style:{height:x?.height},"tab-index":h,key:`${f.symbol}${f.address}`,id:`${f.symbol}${f.address}`,hasDivider:!0,onClick:()=>n(i[h]),start:M.createElement(Sp,null,M.createElement(dg,{src:f.image,size:30}),g(f)&&M.createElement(Cp,null,M.createElement(hg,{size:12,color:"gray"}))),title:d?.type==="COSMOS"||f.name||!f.name&&!w?M.createElement(yi,null,M.createElement(mo,{variant:"title",size:"xmedium"},f.symbol),M.createElement(co,{direction:"horizontal",size:4}),M.createElement(Si,{css:E},M.createElement(Ci,{variant:"body",size:"xsmall",css:P},f.blockchain))):void 0,description:d?.info&&w&&d.type!=="COSMOS"?Cg({address:w,token:i[h],customCssForTag:E,customCssForTagTitle:P,name:f.name,url:d.info.addressUrl.split("{wallet}").join(w)}):f.name||void 0,end:c?M.createElement(Fn,null,M.createElement(vp,{variant:"text",size:"large",width:70}),M.createElement(co,{size:4}),M.createElement(vp,{variant:"text",size:"medium",width:50})):i[h]?.balance&&M.createElement(yp,null,M.createElement(mo,{variant:"title",size:"small"},f.balance?.amount),M.createElement("div",null),f.balance?.usdValue&&M.createElement(mo,{variant:"body",className:"usd-value",size:"xsmall"},`$${f.balance?.usdValue}`))}))},hasNextPage:u,itemCount:i.length,loadNextPage:k,innerElementType:y,size:60,key:`${r}-${o}`}),"renderList");return M.createElement(hp,null,M.createElement(mo,{variant:"label",size:"large"},ki.t("Select Token")),M.createElement(co,{size:4}),l==="loading"&&M.createElement(Tp,{size:Ti}),l==="success"&&M.createElement(Dn,null,T()))}s(Ep,"TokenList");function wi(t){let{type:e}=t,o=Tg(),{navigateBackFrom:n}=re(),{fromBlockchain:r,toBlockchain:i,setFromToken:a,setToToken:l,setFromBlockchain:p,setToBlockchain:u}=$(),{connectedWallets:m}=H(),[c,g]=kg(""),k=(e==="source"?r:i)?.name??"",T=v().blockchains({type:e}),h=v().tokens({type:e,blockchain:k,searchFor:c}),x=us(h,m),f=s(d=>{e==="source"?p(d):u(d)},"updateBlockchain"),w=s(d=>{e==="source"?a({token:d,meta:{blockchains:T,tokens:h}}):l({token:d,meta:{blockchains:T,tokens:h}})},"updateToken");return Gt.createElement(K,{header:{onBack:()=>n(e==="source"?S.fromSwap:S.toSwap),title:Ap.t("Swap {type}",{type:e==="source"?"from":"to"})}},Gt.createElement(gi,{blockchains:T,type:e=="source"?"from":"to",blockchain:e==="source"?r:i,onMoreClick:()=>o(e==="source"?S.fromBlockchain:S.toBlockchain),onChange:d=>{f(d)}}),Gt.createElement(Ip,{size:24}),Gt.createElement(Ze,{value:c,autoFocus:!0,placeholder:Ap.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>g(""),onChange:d=>g(d.target.value)}),Gt.createElement(Ip,{size:16}),Gt.createElement(Ep,{list:x,selectedBlockchain:k,searchedFor:c,onChange:d=>{w(d);let C=T.find(E=>d.blockchain===E.name);C&&f(C),n(S.fromSwap)}}))}s(wi,"SelectSwapItemsPage");import{i18n as Et}from"@lingui/core";import{ChevronRightIcon as bi,Divider as Ei,InfoIcon as Ag,List as Ig,ListItemButton as Wg,Skeleton as Ng,Switch as Bg,Tooltip as Lg,Typography as At}from"@rango-dev/ui";import G from"react";import{useNavigate as Mg}from"react-router-dom";import{i18n as Mp}from"@lingui/core";import{Chip as vg,Divider as $p,InfoIcon as xg,TextField as bg,Tooltip as Eg,Typography as Pp}from"@rango-dev/ui";import Te from"react";import{styled as On}from"@rango-dev/ui";var Wp=On("div",{paddingTop:"$5",paddingBottom:"30px"}),Np=On("div",{display:"flex",alignItems:"center",justifyContent:"start"}),Bp=On("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),Un=On("div",{maxWidth:"300px",padding:"$10"});import{i18n as vi}from"@lingui/core";import{Typography as wg}from"@rango-dev/ui";import fo from"react";function Lp(){return fo.createElement(Un,null,fo.createElement(wg,{variant:"label",size:"medium",color:"neutral700"},vi.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),fo.createElement("br",null),fo.createElement("br",null),fo.createElement("b",null,vi.t("Warning")),":",vi.t("This setting is applied per step, e.g. 1Inch, Thorchain, etc. and only that step will be reverted, not the whole transaction")))}s(Lp,"SlippageTooltipContent");function xi(){let t=D.use.slippage(),e=D.use.setSlippage(),o=D.use.customSlippage(),n=D.use.setCustomSlippage();return Te.createElement(Wp,null,Te.createElement(Bp,null,Te.createElement(Pp,{variant:"title",size:"xmedium"},Mp.t("Slippage tolerance per swap")),Te.createElement($p,{direction:"horizontal",size:4}),Te.createElement(Eg,{container:ee(),side:"top",content:Te.createElement(Lp,null)},Te.createElement(xg,{color:"gray"}))),Te.createElement(Np,null,Ss.map((r,i)=>{let a=`slippage-${i}`;return Te.createElement(Te.Fragment,null,Te.createElement(vg,{style:{width:"64px",flexShrink:0},key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`}),Te.createElement($p,{direction:"horizontal",size:8}))}),Te.createElement(bg,{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>=ws&&i<=Ts)&&n(i)},suffix:o&&Te.createElement(Pp,{variant:"body",size:"small"},"%"),placeholder:Mp.t("Custom")})))}s(xi,"Slippage");function _p(){let t=Mg(),{theme:e}=v().config,o=v().fetchStatus,n=v().swappers(),{navigateBackFrom:r}=re(),i=D.use.infiniteApprove(),a=D.use.toggleInfiniteApprove(),l=Fo(n),p=l.filter(d=>d.type==="BRIDGE"||d.type==="AGGREGATOR"),u=p.length,m=p.filter(d=>d.selected).length,c=l.filter(d=>d.type==="DEX"),g=c.length,y=c.filter(d=>d.selected).length,k=s((d,C)=>{switch(o){case"loading":return G.createElement(Ng,{variant:"text",size:"medium",width:50});case"failed":return G.createElement(At,{variant:"body",size:"medium",color:"$error500"},Et.t("Loading failed"));default:return G.createElement(At,{variant:"body",size:"medium"},`${d} / ${C}`)}},"handleEndItem"),T={id:"bridge-item",title:G.createElement(At,{variant:"title",size:"xmedium"},Et.t("Enabled bridges")),end:G.createElement(G.Fragment,null,k(m,u),G.createElement(Ei,{direction:"horizontal",size:8}),G.createElement(bi,{color:"black"})),onClick:()=>t(S.bridges)},h={id:"exchange-item",title:G.createElement(At,{variant:"title",size:"xmedium"},Et.t("Enabled exchanges")),end:G.createElement(G.Fragment,null,k(y,g),G.createElement(Ei,{direction:"horizontal",size:8}),G.createElement(bi,{color:"gray"})),onClick:()=>t(S.exchanges)},x={id:"theme-item",title:G.createElement(At,{variant:"title",size:"xmedium"},Et.t("Theme")),end:G.createElement(bi,{color:"gray"}),onClick:()=>t(S.themes)},f={id:"infinite-approval-item",title:G.createElement(G.Fragment,null,G.createElement(At,{variant:"title",size:"xmedium"},Et.t("Infinite Approval")),G.createElement(Ei,{direction:"horizontal",size:4}),G.createElement(Lg,{side:"top",container:ee(),content:G.createElement(Un,null,G.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.")))},G.createElement(Ag,{color:"gray"}))),end:G.createElement(Bg,{checked:i}),onClick:a},w=[T,h];return e?.singleTheme||w.push(x),w.push(f),G.createElement(K,{header:{onBack:()=>r(S.settings),title:Et.t("Setting")}},G.createElement(Re,null,G.createElement(xi,null),G.createElement(Ig,{type:G.createElement(Wg,{title:"_",id:"_",onClick:()=>console.log()}),items:w})))}s(_p,"SettingsPage");import{cancelSwap as Ah}from"@rango-dev/queue-manager-rango-preset";import{useManager as Ih}from"@rango-dev/queue-manager-react";import fu from"react";import{i18n as et}from"@lingui/core";import{getCurrentBlockchainOfOrNull as lh,getCurrentStep as ph,getRelatedWalletOrNull as uh,PendingSwapNetworkStatus as Yn}from"@rango-dev/queue-manager-rango-preset";import{Button as su,CopyIcon as ch,Divider as mh,IconButton as dh,QuoteCost as fh,StepDetails as gh,Typography as Qt,useCopyToClipboard as hh}from"@rango-dev/ui";import{useWallets as yh}from"@rango-dev/wallets-react";import X,{useEffect as au,useRef as Sh,useState as lu}from"react";import{useNavigate as Ch}from"react-router-dom";import{i18n as we}from"@lingui/core";var $g=1e3,Pg=31536e3,_g=2592e3,Dg=86400,Fg=3600,Og=60;function Dp(t){let e=Math.floor((Date.now()-t)/$g),n=[{turningPoint:Pg,label:we.t("year"),pluralLabel:we.t("years")},{turningPoint:_g,label:we.t("month"),pluralLabel:we.t("months")},{turningPoint:Dg,label:we.t("day"),pluralLabel:we.t("days")},{turningPoint:Fg,label:we.t("hour"),pluralLabel:we.t("hours")},{turningPoint:Og,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(Dp,"timeSince");function Fp(t){return t.finishTime?we.t({id:"{time} ago",values:{time:Dp(parseInt(t.finishTime))}}):we.t({id:"{time} ago",values:{time:Dp(parseInt(t.creationTime))}})}s(Fp,"getSwapDate");import{PendingSwapNetworkStatus as Gn}from"@rango-dev/queue-manager-rango-preset";import{Modal as Vg}from"@rango-dev/ui";import Hn from"react";import{i18n as zn}from"@lingui/core";import{Button as Op,Divider as Ai,MessageBox as Ug,Typography as Up}from"@rango-dev/ui";import Ke from"react";var zp=s(({onCancel:t,onClose:e})=>Ke.createElement(Ke.Fragment,null,Ke.createElement(Ai,{size:20}),Ke.createElement(Ug,{type:"error",title:zn.t("Transaction Cancel"),description:zn.t("Are you sure you want to Cancel this swap?")}),Ke.createElement(Ai,{size:32}),Ke.createElement(Op,{variant:"contained",type:"primary",size:"large",onClick:t},Ke.createElement(Up,{variant:"title",size:"medium",color:"neutral100"},zn.t("Yes, Cancel it"))),Ke.createElement(Ai,{size:12}),Ke.createElement(Op,{variant:"outlined",type:"primary",size:"large",onClick:e},Ke.createElement(Up,{variant:"title",size:"medium",color:"primary"},zn.t("No, Continue")))),"CancelContent");import{i18n as qn}from"@lingui/core";import{Button as qp,Divider as Ii,MessageBox as zg,Typography as Gp}from"@rango-dev/ui";import Xe from"react";var Hp=s(({onDelete:t,onClose:e})=>Xe.createElement(Xe.Fragment,null,Xe.createElement(Ii,{size:20}),Xe.createElement(zg,{type:"error",title:qn.t("Delete Transaction"),description:qn.t("Are you sure you want to delete this swap?")}),Xe.createElement(Ii,{size:32}),Xe.createElement(qp,{variant:"contained",type:"primary",size:"large",onClick:t},Xe.createElement(Gp,{variant:"title",size:"medium",color:"neutral100"},qn.t("Yes, Delete it"))),Xe.createElement(Ii,{size:12}),Xe.createElement(qp,{variant:"outlined",type:"primary",size:"large",onClick:e},Xe.createElement(Gp,{variant:"title",size:"medium",color:"primary"},qn.t("No, Cancel")))),"DeleteContent");import{i18n as Wi}from"@lingui/core";import{PendingSwapNetworkStatus as Ni}from"@rango-dev/queue-manager-rango-preset";var Bi={[Ni.WaitingForNetworkChange]:{type:"loading",title:Wi.t("Change Network")},[Ni.WaitingForConnectingWallet]:{type:"warning",title:Wi.t("Connect Wallet")},[Ni.NetworkChanged]:{type:"success",title:Wi.t("Network Changed")}};import{MessageBox as Gg,Wallet as Hg,WalletState as Vp}from"@rango-dev/ui";import{useWallets as Qg}from"@rango-dev/wallets-react";import go from"react";import{styled as qg}from"@rango-dev/ui";var Qp=qg("div",{display:"flex",justifyContent:"center"});var jp=s(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:i}=t,{connect:a,getWalletInfo:l,state:p}=Qg(),u=n?.walletType,c=u&&p(u).connected?Vp.CONNECTED:Vp.DISCONNECTED;return go.createElement(go.Fragment,null,go.createElement(Gg,{type:e,title:o,description:r}),i&&u&&go.createElement(Qp,null,go.createElement(Hg,{container:ee(),title:l(u).name,image:l(u).img,type:u,state:c,onClick:async()=>a(u)})))},"WalletStateContent");function Li(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:i,message:a}=t,l=e===Gn.WaitingForNetworkChange||e===Gn.WaitingForConnectingWallet||e===Gn.NetworkChanged;return Hn.createElement(Vg,{open:!!e,onClose:o,container:document.getElementById("swap-box")||document.body},l&&Hn.createElement(jp,{type:Bi[e].type,title:Bi[e].title,currentStepWallet:i,message:a,showWalletButton:e!==Gn.WaitingForNetworkChange}),e==="delete"&&Hn.createElement(Hp,{onClose:o,onDelete:n}),e==="cancel"&&Hn.createElement(zp,{onClose:o,onCancel:r}))}s(Li,"SwapDetailsModal");import{i18n as ho}from"@lingui/core";import{Button as Mi,Divider as Qn,MessageBox as Kp,Modal as jg,TokenAmount as Kg,Typography as Vn}from"@rango-dev/ui";import ce from"react";import{useNavigate as Xg}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=Xg();return ce.createElement(jg,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},n==="success"?ce.createElement(Kp,{type:"success",title:ho.t("Swap Successful")},ce.createElement(Kg,{direction:"vertical",type:"output",centerAlign:!0,price:{value:r,usdValue:i},token:a,chain:l,percentageChange:p}),ce.createElement(Qn,{size:12}),ce.createElement(Vn,{variant:"body",size:"medium",color:"neutral700",align:"center"},u)):ce.createElement(Kp,{type:"error",title:ho.t("Transaction Failed"),description:u}),ce.createElement(Qn,{size:32}),n==="success"&&ce.createElement(Mi,{variant:"contained",type:"primary",size:"large",onClick:()=>c(S.home)},ce.createElement(Vn,{variant:"title",size:"medium",color:"neutral100"},ho.t("Done"))),ce.createElement(Qn,{size:12}),m&&ce.createElement(ce.Fragment,null,ce.createElement(Mi,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(m,"_blank")},ce.createElement(Vn,{variant:"title",size:"medium",color:"primary"},ho.t("Diagnosis"))),ce.createElement(Qn,{size:12})),ce.createElement(Mi,{variant:"outlined",type:"primary",size:"large",onClick:o},ce.createElement(Vn,{variant:"title",size:"medium",color:"primary"},ho.t("See Details"))))}s($i,"SwapDetailsCompleteModal");import sh from"react";import{i18n as oh}from"@lingui/core";import{Alert as eu,IconButton as nh,LinkIcon as rh}from"@rango-dev/ui";import ft,{Fragment as ih}from"react";import{Alert as Yg,ChevronDownIcon as Jg,ChevronUpIcon as Zg,IconButton as Rg}from"@rango-dev/ui";import jn,{useState as eh}from"react";function Xp(t){let{message:e}=t,[o,n]=eh(!1);return jn.createElement(Yg,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&jn.createElement(Rg,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?jn.createElement(Zg,{size:12,color:"gray"}):jn.createElement(Jg,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}s(Xp,"FailedAlert");import{styled as th}from"@rango-dev/ui";var Yp=th("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as Jp}from"@lingui/core";import{PendingSwapNetworkStatus as Pi}from"@rango-dev/queue-manager-rango-preset";import{Alert as _i,Button as Zp}from"@rango-dev/ui";import yo from"react";function Rp(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?yo.createElement(_i,{type:"warning",title:n.shortMessage,action:yo.createElement(Zp,{size:"xxsmall",type:"warning",onClick:()=>{o(Pi.WaitingForNetworkChange),e().catch(i=>{console.log(i)})}},Jp.t("Change"))}):r===Pi.WaitingForConnectingWallet?yo.createElement(_i,{type:"warning",title:n.shortMessage,action:yo.createElement(Zp,{size:"xxsmall",type:"warning",onClick:()=>{o(Pi.WaitingForConnectingWallet)}},Jp.t("Connect"))}):yo.createElement(_i,{type:"warning",title:n.shortMessage})}s(Rp,"WarningAlert");function Di(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:i,hasAlreadyProceededToSign:a}=t,l=Jt(i),p=i.status==="waitingForApproval"&&!l,u=i.status==="running"&&!l;return ft.createElement(Yp,null,i.explorerUrl?.map((m,c,g)=>{let y=c+m.url,k=c===g.length-1,T=k&&u||p,h=k&&i.status==="failed";return ft.createElement(ih,{key:y},ft.createElement(eu,{type:T&&"loading"||h&&"error"||"success",title:m.description?`${m.description} Tx`:oh.t("View transaction"),action:m.url&&ft.createElement(nh,{variant:"ghost",size:"xsmall",onClick:()=>window.open(m.url,"_blank")},ft.createElement(rh,{size:16}))}))}),(u&&!a||p&&!i.explorerUrl?.length)&&ft.createElement(eu,{type:"loading",title:r.shortMessage}),i.status!=="failed"&&l&&ft.createElement(Rp,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),i.status==="failed"&&ft.createElement(Xp,{message:r}))}s(Di,"SwapDetailsAlerts");var tu=2e3;var ou=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:hr(r.fromBlockchain,e)??"",image:r.fromBlockchainLogo??""},price:{value:N(a,6,6)}},to:{token:{displayName:r.toSymbol,image:r.toLogo},chain:{displayName:hr(r.toBlockchain,e)??"",image:r.toBlockchainLogo??""},price:{value:N(r.outputAmount||r.expectedOutputAmountHumanReadable,6,6)}},swapper:{displayName:r.swapperId,image:r.swapperLogo??""},alerts:sh.createElement(Di,{step:r,hasAlreadyProceededToSign:n,...o})}})},"getSteps");function nu(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"}}s(nu,"getStepState");import{darkTheme as ah,styled as Ht}from"@rango-dev/ui";var Kn=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"}}),Xn=Ht("div",{width:"100%"}),ru=Ht("div",{padding:"$0 $20 $20 $20",width:"100%",overflow:"auto"}),nL=Ht("div",{display:"flex",flexDirection:"column",gap:"$10"}),iu=Ht("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),rL=Ht("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1});function Fi(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:i,connect:a,getWalletInfo:l}=yh(),p=v().blockchains(),u=v().tokens(),m=$.use.retry(),c=Ch(),{navigateBackFrom:g}=re(),[y,k]=hh(tu),T=Sh(null),[h,x]=lu(null),[f,w]=lu(null),d=s(()=>{r(),x(null)},"onCancel"),C=Ie.use.getUnreadNotifications(),E=Ie.use.setAsRead(),P=C(),I=ph(e),_=I?.networkStatus;au(()=>{P.find(me=>me.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(w(e.status),E(e.requestId))},[e.status]),au(()=>{ne?x(Yn.WaitingForNetworkChange):_===Yn.WaitingForConnectingWallet||_===Yn.NetworkChanged?x(_):x(null)},[_]);let L=ea(e),Q=I?lh(e,I):null,b=I?uh(e,I):null,z=Fp(e),F=ta(e),O=s(ae=>!!l(ae)?.mobileWallet,"isMobileWallet"),ne=_===Yn.WaitingForNetworkChange&&!!Q&&!!b?.walletType&&(O(b.walletType)||i(b.walletType,Q)),Ue=ne?a.bind(null,b.walletType,Q):void 0,tt=Rs(e,I),V=ou({swap:e,switchNetwork:Ue,showNetworkModal:_,setNetworkModal:x,message:tt,blockchains:p}),Z=V.length,[ot,nt]=[e.steps[0],e.steps[Z-1]],gt=nt.outputAmount||nt.expectedOutputAmountHumanReadable,tr=e.steps.reduce((ae,me)=>ae+parseFloat(me.feeInUsd||""),0),bo=e.steps.find(ae=>ae.diagnosisUrl)?.diagnosisUrl,jt=N(String(parseFloat(N(gt,6,6))*(Mo(nt.toBlockchain,nt.toSymbol,nt.toSymbolAddress,u)||0)),4,4),U=N(String(parseFloat(e.inputAmount)*(Mo(ot.fromBlockchain,ot.fromSymbol,ot.fromSymbolAddress,u)||0)),4,4),j=Mt(U,jt),R=e.status==="success"?et.t({id:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:N(gt,6,6),token:V[Z-1].to.token.displayName,conciseAddress:Po(e.wallets[V[Z-1].to.chain.displayName]?.address||""),chain:V[Z-1].to.chain.displayName}}):`${et.t("Transaction was not sent.")} ${L?et.t({id:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:L.outputAmount,symbol:L.symbol,blockchain:L.blockchain}}):""}`;return X.createElement(K,{noPadding:!0,header:{title:et.t("Swap and Bridge"),onBack:()=>g(S.swapDetails),onCancel:e.status==="running"?()=>x("cancel"):void 0,suffix:e.status!=="running"&&X.createElement(Bt,null,X.createElement(su,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>x("delete")},X.createElement(Qt,{size:"medium",variant:"label",color:"error"},et.t("Delete"))))},footer:F&&!f&&X.createElement(su,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{m(e,{blockchains:p,tokens:u}),setTimeout(()=>{c(S.home)},0)}},et.t("Try again"))},X.createElement(Kn,null,X.createElement(Xn,null,X.createElement("div",{className:"row"},X.createElement(Qt,{variant:"label",size:"large",color:"neutral700"},`${et.t("Request ID")}:`),X.createElement("div",{className:"request-id"},X.createElement(Qt,{variant:"label",size:"small",color:"neutral700"},o),X.createElement(dh,{variant:"ghost",onClick:k.bind(null,o||"")},X.createElement(ch,{size:16,color:"gray"})))),X.createElement("div",{className:"row"},X.createElement(Qt,{variant:"label",size:"large",color:"neutral700"},`${et.t("Created at")}:`),X.createElement(Qt,{variant:"label",size:"small",color:"neutral700"},z))),X.createElement("div",{className:"output"},X.createElement(fh,{fee:N(String(tr),2,2),time:Io(Wo(e.steps)),steps:Z}),X.createElement(Rt,{from:{price:{value:N(e.inputAmount,6,6),usdValue:U},token:{displayName:V[0].from.token.displayName,image:V[0].from.token.image},chain:{image:V[0].from.chain.image,displayName:V[0].from.chain.displayName}},to:{price:{value:N(gt,6,6),usdValue:jt},token:{displayName:V[Z-1].to.token.displayName,image:V[Z-1].to.token.image},chain:{image:V[Z-1].to.chain.image,displayName:V[Z-1].to.chain.displayName}},percentageChange:N(String(j),2,2),warningLevel:Ye(j??0)})),X.createElement("div",{className:"title-steps"},X.createElement(Qt,{variant:"title",size:"small"},et.t("Swaps steps"))),X.createElement(mh,{size:8}),X.createElement(ru,{ref:T},V.map((ae,me)=>{let ze=me,ht=nu(e.steps[me]),Kt=ht==="error"||ht==="in-progress"||ht==="warning"||ht==="completed"&&me===V.length-1;return X.createElement(gh,{key:ze,step:ae,type:"swap-progress",ref:T,state:ht,hasSeparator:me!==0,tabIndex:ze,isFocused:Kt})}))),X.createElement(Li,{state:h,onClose:()=>x(null),onCancel:d,onDelete:n,message:tt.detailedMessage.content,currentStepWallet:b}),X.createElement($i,{open:!!f,diagnosisUrl:bo,onClose:()=>w(null),status:e.status==="success"?"success":"failed",priceValue:N(gt,6,6),usdValue:jt,percentageChange:N(String(j),2,2),token:{displayName:V[Z-1].to.token.displayName,image:V[Z-1].to.token.image},chain:{image:V[Z-1].to.chain.image},description:R}))}s(Fi,"SwapDetails");import{i18n as wo}from"@lingui/core";import{CopyIcon as xh,IconButton as bh,NotFound as Eh,Skeleton as mu,Typography as Zn}from"@rango-dev/ui";import pe from"react";import{i18n as Th}from"@lingui/core";import{ChainToken as wh,Divider as Ui,Skeleton as To,Typography as vh}from"@rango-dev/ui";import J from"react";import{styled as Oi}from"@rango-dev/ui";var pu=Oi("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"}}),uu=Oi("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"}}),Jn=Oi("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"});import{ChainToken as cu,Divider as So,NextIcon as kh,Skeleton as Co}from"@rango-dev/ui";import le from"react";function ko(t){let{extraInfo:e}=t;return le.createElement(uu,null,le.createElement("div",{className:"step-title"},le.createElement(Co,{height:28,width:28,variant:"circular"}),le.createElement(So,{direction:"horizontal",size:8}),le.createElement(Co,{height:15,width:148,variant:"rounded"})),le.createElement("div",{className:"step-tokens"},le.createElement(So,{direction:"horizontal",size:20}),le.createElement("div",{className:"step-token-info"},le.createElement(cu,{size:"small",loading:!0,chainImage:"",tokenImage:""}),le.createElement(So,{direction:"horizontal",size:8}),le.createElement(Co,{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(cu,{size:"small",loading:!0,chainImage:"",tokenImage:""}),le.createElement(So,{direction:"horizontal",size:8}),le.createElement(Co,{height:12,width:76,variant:"rounded"}))),e&&le.createElement("div",{className:"extra-info"},le.createElement(So,{direction:"horizontal",size:20}),le.createElement(Co,{height:22,width:297,variant:"rectangular"})))}s(ko,"LoadingSwapDetailStep");function zi(){let t=J.createElement("div",{className:"quote-summary-item"},J.createElement("div",{className:"token-amount"},J.createElement(wh,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),J.createElement(Ui,{size:8,direction:"horizontal"}),J.createElement(To,{height:15,width:148,variant:"rounded"})),J.createElement(To,{height:12,width:64,variant:"rounded"}));return J.createElement(pu,null,J.createElement("div",{className:"cost"},J.createElement(To,{width:60,height:10,variant:"rounded"}),J.createElement(Ui,{size:4,direction:"horizontal"}),J.createElement(To,{width:60,height:10,variant:"rounded"}),J.createElement(Ui,{size:4,direction:"horizontal"}),J.createElement(To,{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(vh,{variant:"title",size:"small"},Th.t("Swaps steps"))),J.createElement("div",{className:"step-container"},J.createElement(ko,{extraInfo:!0}),J.createElement(Jn,null),J.createElement(ko,null),J.createElement(Jn,null),J.createElement(ko,null),J.createElement(Jn,null),J.createElement(ko,null)))}s(zi,"LoadingSwapDetails");function du(t){let{requestId:e,showSkeleton:o}=t,{navigateBackFrom:n}=re();return pe.createElement(K,{noPadding:!0,header:{title:wo.t("Swap and Bridge"),onBack:()=>n(S.swapDetails),suffix:pe.createElement(Bt,null)}},o&&pe.createElement(Kn,null,pe.createElement(Xn,null,pe.createElement("div",{className:"row"},pe.createElement(Zn,{variant:"label",size:"large",color:"neutral700"},`${wo.t("Request ID")}:`),pe.createElement("div",{className:"request-id"},pe.createElement(Zn,{variant:"label",size:"small",color:"neutral700"},pe.createElement(mu,{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(Zn,{variant:"label",size:"large",color:"neutral700"},`${wo.t("Created at")}:`),pe.createElement(Zn,{variant:"label",size:"small",color:"neutral700"},pe.createElement(mu,{width:60,height:10,variant:"rounded"})))),pe.createElement(zi,null)),!o&&pe.createElement(iu,null,pe.createElement(Eh,{title:wo.t("Not found"),description:wo.t({id:"Swap with request ID = {requestId} not found.",values:{requestId:e}})})))}s(du,"SwapDetailsPlaceholder");function gu(){let{manager:t,state:e}=Ih(),o=!e.loadedFromPersistor,n=zt(t),r=Ce.use.selectedSwapRequestId(),{navigateBackFrom:i}=re(),{fetchStatus:a}=v(),l=o||a==="loading",p=n.find(({swap:g})=>g.requestId===r),u=s(()=>{if(p?.id){let g=t?.get(p.id);g&&Ah(g)}},"onCancel"),m=s(async()=>{if(p?.id)try{await t?.deleteQueue(p.id),i(S.swapDetails)}catch(g){console.log(g)}},"onDelete"),c=p?.swap;return!c||l?fu.createElement(du,{requestId:r||"",showSkeleton:l}):fu.createElement(Fi,{swap:c,requestId:r||"",onCancel:u,onDelete:m})}s(gu,"SwapDetailsPage");import{i18n as vo}from"@lingui/core";import{AutoThemeIcon as Wh,DarkModeIcon as Nh,LightModeIcon as Bh,List as Lh,ListItemButton as Mh,Radio as qi,RadioRoot as $h,Typography as Gi}from"@rango-dev/ui";import ve from"react";function hu(){let{navigateBackFrom:t}=re(),e=D.use.theme(),o=D.use.setTheme(),n=[{id:"light",value:"light",title:ve.createElement(Gi,{variant:"title",size:"xmedium"},vo.t("Light")),onClick:()=>o("light"),start:ve.createElement(Bh,{color:"gray"}),end:ve.createElement(qi,{value:"light"})},{id:"dark",value:"dark",title:ve.createElement(Gi,{variant:"title",size:"xmedium"},vo.t("Dark")),onClick:()=>o("dark"),start:ve.createElement(Nh,{color:"gray"}),end:ve.createElement(qi,{value:"dark"})},{id:"auto",value:"auto",title:ve.createElement(Gi,{variant:"title",size:"xmedium"},vo.t("Auto")),onClick:()=>o("auto"),start:ve.createElement(Wh,{color:"gray"}),end:ve.createElement(qi,{value:"auto"})}];return ve.createElement(K,{header:{onBack:()=>t(S.settings),title:vo.t("Theme")}},ve.createElement(Re,null,ve.createElement($h,{onValueChange:r=>o(r),value:e},ve.createElement(Lh,{type:ve.createElement(Mh,{title:vo.t("Theme"),id:"_",onClick:()=>console.log()}),items:n}))))}s(hu,"ThemePage");var _h=s(t=>t.replace("/",""),"getAbsolutePath");function yu(){return Ph([{path:S.home,element:xe.createElement(gn,null)},{path:S.fromSwap,element:xe.createElement(wi,{type:"source"})},{path:S.toSwap,element:xe.createElement(wi,{type:"destination"})},{path:S.fromBlockchain,element:xe.createElement(ci,{type:"source"})},{path:S.toBlockchain,element:xe.createElement(ci,{type:"destination"})},{path:S.settings,element:xe.createElement(_p,null)},{path:S.themes,element:xe.createElement(hu,null)},{path:S.languages,element:xe.createElement(Jl,null)},{path:S.exchanges,element:xe.createElement(si,{sourceType:"Exchanges"})},{path:S.bridges,element:xe.createElement(si,{sourceType:"Bridges"})},{path:S.swaps,element:xe.createElement(Xl,null)},{path:S.swapDetails,element:xe.createElement(gu,null)},{path:S.wallets,element:xe.createElement(wl,null)},{path:_h(S.confirmSwap),element:xe.createElement(Ol,null)}])}s(yu,"AppRoutes");import{isApprovalTX as Dh,MainEvents as Cu,RouteEventType as ku,StepEventType as Vt,StepExecutionEventStatus as Fh,useEvents as Oh}from"@rango-dev/queue-manager-rango-preset";import{useEffect as Tu}from"react";import{StepExecutionBlockedEventStatus as Hi}from"@rango-dev/queue-manager-rango-preset";var Su=[Hi.WAITING_FOR_CHANGE_WALLET_ACCOUNT,Hi.WAITING_FOR_NETWORK_CHANGE,Hi.WAITING_FOR_WALLET_CONNECT];function wu(){let t=v().tokens(),e=H.use.connectedWallets(),o=H.use.getWalletsDetails(),n=Ie.use.setNotification(),r=Ie.use.setAsRead(),i=Oh();return Tu(()=>(i.on(Cu.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(y=>y.chain===p?.fromBlockchain),g=p?.fromBlockchain!==p?.toBlockchain&&e.find(y=>y.chain===p?.toBlockchain);c&&o([c],t),g&&o([g],t)}l.type===Vt.TX_EXECUTION_BLOCKED&&Su.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]),Tu(()=>(i.on(Cu.RouteEvent,a=>{let{event:l,route:p}=a;(l.type===ku.FAILED||l.type===ku.SUCCEEDED)&&n(l,p)}),()=>i.all.clear()),[i,e.length]),null}s(wu,"WidgetEvents");import{globalCss as Uh}from"@rango-dev/ui";var vu=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 ji,darkTheme as Qh,lightTheme as Vh}from"@rango-dev/ui";import{useEffect as bu,useState as jh}from"react";import{theme as Gh,darkColors as Hh}from"@rango-dev/ui";var xu=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=xu(o%52)+e;return xu(o%52)+e},"toAlphabeticName"),qh=s((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),Qi=s(t=>zh(qh(5381,JSON.stringify(t))>>>0),"toHash");function Vi(t){let e=Gh.colors,o=hi({...e,...Hh},!0,t?.dark),n=hi(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:`${nr}-light-${Qi(p)}`,tokens:p}}if(r){let p={colors:o};l={id:`${nr}-dark-${Qi(p)}`,tokens:p}}return{light:a,dark:l}}s(Vi,"customizedThemeTokens");function Eu(t){let{colors:e,fontFamily:o=ts,borderRadius:n=Ri,secondaryBorderRadius:r=es,mode:i="auto"}=t,[a,l]=jh("light"),p=D.use.theme(),u=D.use.setTheme(),{dark:m,light:c}=Vi(e),g=ji({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),y=[g.className,Vh.className],k=[g.className,Qh.className];if(c){let h=ji(c.id,c.tokens);y.push(h.className)}if(m){let h=ji(m.id,m.tokens);k.push(h.className)}return bu(()=>{let h=s(x=>{x.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",h),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",h)}},[]),bu(()=>{i!=="auto"&&u(i)},[i]),{activeTheme:s(()=>{let h=y.join(" "),x=k.join(" ");return p==="auto"?a==="dark"?x:h:p==="dark"?x:h},"getActiveTheme")}}s(Eu,"useTheme");import{styled as Kh}from"@rango-dev/ui";var Au=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 Rn(){vu();let{fetch:t,config:e}=v(),{activeTheme:o}=Eu(e?.theme||{}),{activeLanguage:n,changeLanguage:r}=Bn(),[i,a]=Wu(""),[l,p]=Wu(),u=Yh(Uo);return Jh(()=>{e?.apiKey&&Zi({API_KEY:e?.apiKey})},[e]),Iu(()=>{t().catch(),D.persist.rehydrate(),Ie.persist.rehydrate(),u.onConnectWallet(a)},[]),Iu(()=>{e?.language&&r(e.language)},[e?.language]),xo.createElement(Xh,{language:n},xo.createElement(Au,{id:"swap-container",className:o()},xo.createElement(wu,null),xo.createElement(dl,{lastConnectedWallet:i,disconnectedWallet:l,clearDisconnectedWallet:()=>{p(void 0)}},xo.createElement(yu,null))))}s(Rn,"Main");import Xi from"react";import{checkWaitingForNetworkChange as Zh,makeQueueDefinition as Rh}from"@rango-dev/queue-manager-rango-preset";import{Provider as ey}from"@rango-dev/queue-manager-react";import{useWallets as ty}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as oy}from"@rango-dev/wallets-shared";import{isEvmBlockchain as ny}from"rango-types";import ry,{useMemo as iy}from"react";function sy(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:i,getWalletInfo:a}=ty(),l=iy(()=>Rh({API_KEY:t.apiKey||Eo("API_KEY")}),[t.apiKey]),p=v().blockchains(),m={blockchains:H.use.connectedWallets().map(f=>({accounts:[f],name:f.chain}))},c=s(async(f,w)=>{if(i(f,w))return r(f,w)},"switchNetwork"),g=s(f=>!!a(f).mobileWallet,"isMobileWallet"),y=p.filter(f=>f.enabled).reduce((f,w)=>(f[w.name]=w,f),{}),k=p.filter(ny),T=s(f=>{let{supportedChains:w}=a(f);return Bo(w)},"getSupportedChainNames"),h=e(),x={meta:{blockchains:y,evmBasedChains:k,evmNetworkChainInfo:oy(k),getSupportedChainNames:T},getSigners:o,wallets:m,providers:h,switchNetwork:c,canSwitchNetworkTo:i,connect:r,state:n,isMobileWallet:g};return ry.createElement(ey,{queuesDefs:[l],context:x,onPersistedDataLoaded:f=>{Zh(f)},isPaused:!1},t.children)}s(sy,"QueueManager");var Nu=sy;import{useManager as ay}from"@rango-dev/queue-manager-react";import ly,{createContext as py,useContext as uy,useMemo as cy}from"react";var Bu=py(void 0);function Ki(t){let{manager:e}=ay(),o=zt(e),n=cy(()=>({swaps:o}),[e,o]);return ly.createElement(Bu.Provider,{value:n},t.children)}s(Ki,"WidgetInfo");function Lu(){let t=uy(Bu);if(!t)throw new Error("useWidget can only be used within the WidgetProvider component");return t}s(Lu,"useWidget");function er(t){let{onUpdateState:e,config:o}=t;return Xi.createElement(zo,{config:o,onUpdateState:e},Xi.createElement(Nu,{apiKey:o.apiKey},Xi.createElement(Ki,null,t.children)))}s(er,"WidgetProvider");function Mu(t){return t.config?.externalWallets?Yi.createElement(Rn,null):Yi.createElement(er,{config:t.config??ir},Yi.createElement(Rn,null))}s(Mu,"Widget");export{kP as MainEvents,TP as RouteEventType,wP as StepEventType,vP as StepExecutionBlockedEventStatus,xP as StepExecutionEventStatus,Mu as Widget,er as WidgetProvider,zo as WidgetWallets,Vi as customizedThemeTokens,Nl as useWallets,Lu as useWidget,bP as useWidgetEvents};
+var $u=Object.defineProperty;var s=(t,e)=>$u(t,"name",{value:e,configurable:!0});import{MainEvents as X$,RouteEventType as Y$,StepEventType as J$,StepExecutionBlockedEventStatus as Z$,StepExecutionEventStatus as R$,useEvents as eP}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Nl}from"@rango-dev/wallets-react";import{Events as lr,Provider as lc}from"@rango-dev/wallets-react";import{isEvmBlockchain as pc}from"rango-sdk";import Do,{createContext as uc,useEffect as cc,useRef as mc}from"react";import{useEffect as Xu}from"react";import{create as Vu}from"zustand";import{subscribeWithSelector as ju}from"zustand/middleware";import{RangoClient as Pu}from"rango-sdk";var Ji="c6381a79-2817-4602-83bf-6a641a409e32";var or={API_KEY:Ji};function xo(t){return or[t]}s(xo,"getConfig");function Zi(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),or=e,or}s(Zi,"initConfig");var Ri=20,es=25,ts="Roboto",nr="theme-widget";var bo,At=s(()=>bo||(bo=new Pu(xo("API_KEY")),bo),"httpService");import{WalletState as He}from"@rango-dev/ui";import{readAccountAddress as Fu}from"@rango-dev/wallets-react";import{detectInstallLink as Ou,getCosmosExperimentalChainInfo as Uu,isEvmAddress as zu,KEPLR_COMPATIBLE_WALLETS as Iy,Networks as rs}from"@rango-dev/wallets-shared";import rr from"bignumber.js";import{isCosmosBlockchain as qu}from"rango-types";import _u from"bignumber.js";var be=new _u(0);import{WalletTypes as Du}from"@rango-dev/wallets-shared";var os=[Du.LEAP];import{BigNumber as ns}from"bignumber.js";var Eo=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 ns(t),r=1,i=1e3;for(let a=0;a<60;a++)if(new ns(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 Ao=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"),Vt=s(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function Io(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(Io,"limitDecimalPlaces");function Gu(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(Gu,"mapStatusToWalletState");function is(t,e,o,n){return o.filter(r=>!os.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=Gu(t(r));return{title:i,image:a,link:Ou(l),state:p,type:r}})}s(is,"mapWalletTypesToWalletInfo");function Wo(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}s(Wo,"walletAndSupportedChainsNames");function ss(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}=Fu(p),c=l.length>0,S=l.includes(m),g=m===rs.Unknown;if(c&&!S&&!g)return;let x=m===rs.Unknown&&zu(u);if(g&&!x)return;o.includes(m)||x?r?a(m,u.toLowerCase()):l.filter(f=>o.includes(f)).forEach(f=>{a(f,u.toLowerCase())}):a(m,u)}),i}s(ss,"prepareAccountsForWalletStore");function as(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(as,"getRequiredChains");function It(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(It,"getBalanceFromWallet");function No(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}s(No,"isAccountAndWalletMatched");function ls(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 rr(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:Lo(o,r.asset.symbol,r.asset.address,e)||null}))||[]}s(ls,"makeBalanceFor");function ps(t){return{...t,loading:!1,error:!0}}s(ps,"resetConnectedWalletState");var Lo=s((t,e,o,n)=>n?.find(i=>i.blockchain===t&&i.symbol?.toUpperCase()===e?.toUpperCase()&&i.address===o)?.usdPrice||null,"getUsdPrice"),Bo=s((t,e)=>{let o=Uu(Object.entries(t).map(([,n])=>n).filter(qu));return o&&o[e]?.experimental},"isExperimentalChain");function Hu(t,e){return t.map(({balance:o,...n})=>{let r=W(new rr(It(e,n.blockchain,n.symbol,n.address)?.amount||be)),i="";return n.usdPrice&&(i=W(new rr(It(e,n.blockchain,n.symbol,n.address)?.amount||be).multipliedBy(n.usdPrice))),{...n,...r!=="0"&&{balance:{amount:r,usdValue:i}}}})}s(Hu,"getTokensWithBalance");function us(t,e){let o=e.length>0?Hu(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(us,"getTokensBalanceFromWalletAndSort");function Ae(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}s(Ae,"tokensAreEqual");function cs(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(cs,"sortWalletsBasedOnConnectionState");function Mo(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(Mo,"getConciseAddress");function ms({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}s(ms,"getAddress");var Qu=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=Qu;var V=Qe(Vu()(ju((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=>No(p,l))?{...l,loading:!0}:l)}));try{let a=o.map(({address:u,chain:m})=>({address:u,blockchain:m})),p=(await At().getWalletsDetails(a)).wallets;if(p)t(u=>({loading:!1,connectedWallets:u.connectedWallets.map(m=>{let c=o.find(g=>No(g,m)),S=p.find(g=>g.address===m.address&&g.blockChain===m.chain);return S?.failed&&c&&r&&i([c],n,!1),c&&S?{...m,explorerUrl:S.explorerUrl,balances:ls(S,n)}:m})}));else throw new Error("Wallet not found")}catch{t(l=>({loading:!1,connectedWallets:l.connectedWallets.map(p=>o.find(u=>No(u,p))?ps(p):p)}))}}}))));import{allProviders as Ku}from"@rango-dev/provider-all";function $o(t,e){let o=Ku({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 ds(t,e){return $o(t,e).map(r=>r.config.type)}s(ds,"configWalletsToWalletName");function fs(t,e){let o=V.use.clearConnectedWallet(),n=$o(void 0,e);return Xu(()=>{o(),n=$o(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}s(fs,"useWalletProviders");import rc,{createContext as ic,useContext as sc,useRef as ac}from"react";import{create as nc}from"zustand";var ir={apiKey:"",multiWallets:!0,enableNewLiquiditySources:!0},gs=s((t,e,o)=>({config:{...ir,...t},updateConfig:n=>{let r=o().config;e({config:{...r,...n}})}}),"createConfigSlice");function Wt(t){return Array.from(new Set(t))}s(Wt,"removeDuplicateFrom");function sr(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}s(sr,"areEqual");function hs(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}s(hs,"debounce");function gt(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}s(gt,"containsText");var Z=s(()=>document.getElementById("swap-box"),"getContainer");import{create as ec}from"zustand";import{persist as tc,subscribeWithSelector as oc}from"zustand/middleware";import{English as Yu,French as Ju,Japanese as Zu,Spanish as Ru}from"@rango-dev/ui";var ys=[{title:"English",label:"English",local:"en",SVGFlag:Yu},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:Ru},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:Ju},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:Zu}],Po="en";var Ss=[.5,1,3],Cs=1,ks=5,Ts=100,ws=0;var D=Qe(ec()(tc(oc((t,e)=>({preferredBlockchains:[],slippage:Cs,customSlippage:null,infiniteApprove:!1,affiliateRef:null,affiliatePercent:null,affiliateWallets:null,disabledLiquiditySources:[],theme:"auto",language:Po,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=Wt(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 _o(t){let e=D.use.disabledLiquiditySources(),o=t.map(i=>i.swapperGroup),n=[];return Wt(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(_o,"getUniqueSwappersGroups");function vs(t,e){return t.swapperGroup<e.swapperGroup?-1:t.swapperGroup>e.swapperGroup?1:0}s(vs,"sortLiquiditySourcesByGroupTitle");var xs=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=>Ae(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=>Ae(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(vs)},fetch:async()=>{try{let o=await At().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 bs(t){return nc()((...e)=>({...xs(...e),...gs(t,...e)}))}s(bs,"createAppStore");var Es=ic(null);function T(){let t=sc(Es);if(!t)throw new Error("Missing AppStoreContext.Provider in the tree");return t()}s(T,"useAppStore");function As(t){let e=ac();return e.current||(e.current=bs(t.config)),rc.createElement(Es.Provider,{value:e.current},t.children)}s(As,"AppStoreProvider");var Fo=uc({onConnectWallet:()=>{}});function dc(t){let e=T().updateConfig,o=T().blockchains(),n=T().tokens(),r={walletConnectProjectId:t.config?.walletConnectProjectId},{providers:i}=fs(t.config.wallets,r),a=V.use.disconnectWallet(),l=V.use.connectWallet(),p=mc();cc(()=>{t.config&&e(t.config)},[t.config]);let u=o.filter(pc).map(c=>c.name),m=s((c,S,g,y,x)=>{if(S===lr.ACCOUNTS)if(g){let d=Wo(x.supportedBlockchains),w=ss(c,g,u,d,x.isContractWallet);l(w,n)}else a(c);if(S===lr.ACCOUNTS&&y.connected){let d=`${c}-${y.network}-${g}`;y.connected&&(p.current?p.current(d):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(S===lr.NETWORK&&y.network){let d=`${c}-${y.network}`;p.current?p.current(d):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(c,S,g,y,x)},"onUpdateState");return Do.createElement(Fo.Provider,{value:{onConnectWallet:c=>{p.current=c}}},Do.createElement(lc,{allBlockChains:o,providers:i,onUpdateState:m,autoConnect:!0},t.children))}s(dc,"Main");function Oo(t){let{config:e,...o}=t;return Do.createElement(As,{config:e},Do.createElement(dc,{...o,config:e}))}s(Oo,"WidgetWallets");import Yi from"react";import{I18nManager as Vh}from"@rango-dev/ui";import To,{useContext as jh,useEffect as Iu,useMemo as Kh,useState as Wu}from"react";import{useQueueManager as gd}from"@rango-dev/queue-manager-rango-preset";import{useWallets as hd}from"@rango-dev/wallets-react";import{isEvmBlockchain as yd}from"rango-types";import Ct,{useEffect as Sd,useRef as Cd}from"react";import{MemoryRouter as kd,useInRouterContext as Td}from"react-router";import{useLocation as wd,useNavigate as vd}from"react-router-dom";var M={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 gc}from"@rango-dev/wallets-react";import{useEffect as hc,useRef as yc}from"react";function Is(){let{connect:t,state:e}=gc(),o=yc({}),{fetchStatus:n}=T(),r=new URLSearchParams(location.search).get("autoConnect")||"",i=e(r);hc(()=>{n==="success"&&r&&i.installed&&!i.connecting&&!i.connected&&!o.current[r]&&(o.current[r]=!0,t(r))},[i,n])}s(Is,"useForceAutoConnect");import{i18n as zr}from"@lingui/core";import{Button as nd,styled as qr,SwapInput as ul,WarningIcon as rd}from"@rango-dev/ui";import Fe,{useEffect as id,useRef as sd,useState as ad}from"react";import{useNavigate as ld}from"react-router-dom";import{ChevronLeftIcon as kc}from"@rango-dev/ui";import Ls from"react";import{darkTheme as Sc,IconButton as Cc,styled as Uo}from"@rango-dev/ui";var Le=Uo(Cc,{width:"$24",position:"relative",padding:"0",overflow:"unset"}),Ws=Uo("div",{position:"absolute",background:"$secondary500",[`.${Sc} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),Nt=Uo("div",{display:"flex",justifyContent:"flex-end",width:"$40"}),Ns=Uo("div",{position:"absolute",backgroundColor:"$secondary500",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0"});function pr(t){return Ls.createElement(Le,{variant:"ghost",size:"small",onClick:t.onClick},Ls.createElement(kc,{color:"black",size:16}))}s(pr,"BackButton");import{i18n as Tc}from"@lingui/core";import{Button as wc,Typography as vc}from"@rango-dev/ui";import ur from"react";function cr(t){return ur.createElement(Nt,null,ur.createElement(wc,{variant:"ghost",onClick:t.onClick,size:"xsmall"},ur.createElement(vc,{variant:"label",size:"medium",color:"error500"},Tc.t("Cancel"))))}s(cr,"CancelButton");import{i18n as xc}from"@lingui/core";import{Tooltip as bc,WalletIcon as Ec}from"@rango-dev/ui";import zo from"react";function mr(t){return zo.createElement(bc,{container:t.container,side:"top",content:xc.t("Connect Wallet")},zo.createElement(Le,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&zo.createElement(Ws,null),zo.createElement(Ec,{size:18,color:"black"})))}s(mr,"WalletButton");import{i18n as Ho}from"@lingui/core";import{NotificationsIcon as qc,Popover as Gc,RefreshIcon as Hc,SettingsIcon as Qc,Tooltip as Qo,TransactionIcon as Vc}from"@rango-dev/ui";import pe from"react";import{i18n as Pc}from"@lingui/core";import{ChainToken as Ds,ChevronRightIcon as _c,ListItemButton as Dc,Typography as Fc}from"@rango-dev/ui";import Be from"react";import{useNavigate as Oc}from"react-router-dom";import{create as Ac}from"zustand";import{persist as Ic,subscribeWithSelector as Wc}from"zustand/middleware";var Ie=Qe(Ac()(Ic(Wc((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 Nc}from"zustand";var Se=Qe(Nc()(t=>({connectWalletsButtonDisabled:!1,selectedSwapRequestId:null,currentPage:"",setSelectedSwap:e=>t({selectedSwapRequestId:e}),setCurrentPage:e=>t({currentPage:e})})));import{styled as qo}from"@rango-dev/ui";var Bs=qo("div",{padding:"$10",width:"350px",minHeight:"150px"}),Ms=qo("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),$s=qo("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),Ps=qo("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as Lc}from"@lingui/core";import{Divider as Bc,NoNotificationIcon as Mc,Typography as $c}from"@rango-dev/ui";import Go from"react";function _s(){return Go.createElement(Ps,null,Go.createElement(Mc,{color:"secondary",size:26}),Go.createElement(Bc,{size:12}),Go.createElement($c,{variant:"body",size:"medium",color:"neutral700"},Lc.t("You have no notification")))}s(_s,"NotificationNotFound");var Uc=4;function dr(){let t=Oc(),e=Se.use.setSelectedSwap(),{getUnreadNotifications:o}=Ie(),n=o(),r=T().blockchains(),i=T().tokens(),a=n.sort((p,u)=>u.creationTime-p.creationTime).slice(0,Uc),l=s(p=>{e(p),t(`${p}`)},"handleOnClick");return Be.createElement(Bs,null,a.length?Be.createElement(Ms,null,a.map(p=>{let u=i.find(g=>g.address===p.route.from.tokenAddress&&g.blockchain===p.route.from.blockchain&&g.symbol===p.route.from.tokenSymbol),m=r.find(g=>g.name===p.route.from.blockchain),c=i.find(g=>g.address===p.route.to.tokenAddress&&g.blockchain===p.route.to.blockchain&&g.symbol===p.route.to.tokenSymbol),S=r.find(g=>g.name===p.route.to.blockchain);return Be.createElement(Dc,{key:p.requestId,onClick:()=>l(p.requestId),title:Be.createElement(Fc,{variant:"body",size:"small",color:"$neutral700"},Pc.t(p.event.message)),id:p.requestId,start:Be.createElement($s,null,Be.createElement("div",{className:"from-chain-token"},Be.createElement(Ds,{tokenImage:u?u.image:"",chainImage:m?m.logo:"",size:"small"})),Be.createElement("div",{className:"to-chain-token"},Be.createElement(Ds,{tokenImage:c?c.image:"",chainImage:S?S.logo:"",size:"small"}))),end:Be.createElement(_c,{size:12,color:"gray"})})})):Be.createElement(_s,null))}s(dr,"NotificationContent");import{Typography as zc}from"@rango-dev/ui";import Fs from"react";function Os(){let{getUnreadNotifications:t}=Ie(),e=t().length;return e?Fs.createElement(Ns,null,Fs.createElement(zc,{variant:"body",size:"xsmall",color:"$background"},e)):null}s(Os,"UnreadNotificationsBadge");function fr(t){let{layoutRef:e,onClickRefresh:o,onClickHistory:n,onClickSettings:r,onClickNotifications:i}=t;return pe.createElement(pe.Fragment,null,pe.createElement(Qo,{container:Z(),side:"top",content:Ho.t("Refresh")},pe.createElement(Le,{variant:"ghost",size:"small",onClick:o,disabled:!o},pe.createElement(Hc,{size:16,color:o?"black":"gray"}))),pe.createElement(Qo,{container:Z(),side:"top",content:Ho.t("Notifications")},pe.createElement(Gc,{align:"center",collisionBoundary:e,collisionPadding:{right:20,left:20},container:Z(),content:pe.createElement(dr,null)},pe.createElement(Le,{size:"small",variant:"ghost",onClick:i},pe.createElement(qc,{size:18,color:"black"}),pe.createElement(Os,null)))),pe.createElement(Qo,{container:Z(),side:"top",content:Ho.t("Settings")},pe.createElement(Le,{size:"small",variant:"ghost",onClick:r},pe.createElement(Qc,{size:18,color:"black"}))),pe.createElement(Qo,{container:Z(),side:"top",content:Ho.t("Transactions History")},pe.createElement(Le,{size:"small",variant:"ghost",onClick:n},pe.createElement(Vc,{size:18,color:"black"}))))}s(fr,"HomeButtons");import{BottomLogo as Xc,Divider as Yc,Header as Jc}from"@rango-dev/ui";import ce from"react";import{useNavigate as jc}from"react-router-dom";function ot(){let t=jc();return()=>t(-1)}s(ot,"useNavigateBack");import{darkTheme as Kc,styled as gr}from"@rango-dev/ui";var Us=gr("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",[`.${Kc} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",variants:{fixedHeight:{true:{height:"95vh"},false:{height:"auto"}}}}),zs=gr("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"}}}}),qs=gr("div",{backgroundColor:"$background","& .footer__content":{padding:"$0 $20"},"& .footer__logo":{padding:"$0 $20 $10 $20"}});function Zc(t,e){let{children:o,header:n,footer:r,noPadding:i,hasLogo:a=!0,fixedHeight:l=!0}=t,p=V.use.connectedWallets(),u=Se.use.connectWalletsButtonDisabled(),m=ot(),c=s(()=>{!u&&n.onWallet&&n.onWallet()},"onConnectWallet"),S=typeof n.hasBackButton>"u"||n.hasBackButton;return ce.createElement(Us,{ref:e,fixedHeight:l,id:"swap-box"},ce.createElement(Jc,{prefix:ce.createElement(ce.Fragment,null,S&&ce.createElement(pr,{onClick:m})),title:n.title,suffix:ce.createElement(ce.Fragment,null,n.suffix,n.onWallet&&ce.createElement(mr,{container:Z(),onClick:c,isConnected:!!p?.length}),n.onCancel&&ce.createElement(cr,{onClick:n.onCancel}))}),ce.createElement(zs,{noPadding:i},o),(a||r)&&ce.createElement(qs,null,ce.createElement("div",{className:"footer__content"},r),a&&ce.createElement("div",{className:"footer__logo"},ce.createElement(Yc,{size:12}),ce.createElement(Xc,null))))}s(Zc,"LayoutComponent");var j=ce.forwardRef(Zc);j.displayName="Layout";import{ReverseIcon as am,styled as la}from"@rango-dev/ui";import Er from"react";import st from"bignumber.js";import{create as im}from"zustand";import{subscribeWithSelector as sm}from"zustand/middleware";import{getLastSuccessfulStep as rm}from"@rango-dev/queue-manager-rango-preset";import mT 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 Gs(t,e){return e.find(o=>o.name===t)?.displayName}s(Gs,"getBlockchainDisplayNameFor");function hr(t,e){return e.find(o=>o.name===t)?.shortName}s(hr,"getBlockchainShortNameFor");function yr(t,e){return e.find(o=>Ae(o,t))??null}s(yr,"findToken");function Sr(t,e){return e.find(o=>o.name===t)??null}s(Sr,"findBlockchain");import{i18n as Me}from"@lingui/core";import{PendingSwapNetworkStatus as Xo}from"@rango-dev/queue-manager-rango-preset";import Ce from"bignumber.js";function Vo(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(Vo,"getRequiredWallets");function jo(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}s(jo,"isValidAddress");import{i18n as me}from"@lingui/core";var G=s(()=>({genericServerError:me.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:me.t("Please reset your liquidity sources."),description:me.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources")},noResultError:{title:me.t("No Routes Found"),description:me.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:me.t("Bridge Limit Error: Please increase your amount"),decreaseAmount:me.t("Bridge Limit Error: Please decrease your amount")},highValueLossError:{impactTitle:me.t("High Price Impact"),title:me.t("Price impact is too high!"),description:me.t("The price impact is significantly higher than the allowed amount. If you are sure, continue, otherwise, change the swap."),confirmMessage:me.t("Confirm High price impact")},quoteUpdatedWithHighValueLoss:{title:me.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:me.t("USD Price Unknown"),title:me.t("USD Price Unknown, Cannot calculate Price Impact."),description:me.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:me.t("Confirm USD Price Unknown")}}),"errorMessages");function Hs(t){switch(t.type){case 0:return t.diagnosisMessage??G().noResultError.title;case 1:return G().genericServerError;default:return""}}s(Hs,"getQuoteErrorMessage");import{i18n as Ko}from"@lingui/core";var ht=s(()=>({connectWallet:Ko.t("Connect Wallet"),swap:Ko.t("Swap"),swapAnyway:Ko.t("Swap anyway"),ethWarning:Ko.t("The route goes through Ethereum. Continue?")}),"swapButtonTitles");function Qs(t,e){return!t||!e||t.lte(be)||e.lte(be)?0:e.div(t).minus(1).multipliedBy(100).toNumber()}s(Qs,"getOutputRatio");function Zo(t,e){return(parseInt(e.toFixed(2)||"0")<=-10&&t?.gte(new Ce(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new Ce(1e3)))??!1}s(Zo,"hasHighValueLoss");function jt(t){return(t?.result?.swaps||[]).filter(e=>{let o=e.fromAmountMinValue?new Ce(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Ce(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(jt,"hasLimitError");function Cr(t){let e=(t.result?.swaps||[]).filter(l=>{let p=l.fromAmountMinValue?new Ce(l.fromAmountMinValue):null,u=l.fromAmountMaxValue?new Ce(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 Ce(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Ce(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(Cr,"getLimitErrorMessage");function Vs(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(Vs,"getSwapButtonState");function kr(t,e,o){return!((!o||o.lte(be))&&t?.result&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t.result)}s(kr,"canComputePriceImpact");function em(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(em,"requiredWallets");var tm=s((t,e,o,n)=>n?.find(i=>i.blockchain===t&&i.symbol?.toUpperCase()===e?.toUpperCase()&&i.address===o)?.usdPrice||null,"getUsdPrice");function om(t,e){let o=be;for(let n=0;n<t.fee.length;n++){let r=t.fee[n];if(r.expenseType==="DECREASE_FROM_OUTPUT")continue;let i=tm(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new Ce(r.amount).multipliedBy(i||0))}return o}s(om,"getUsdFeeOfStep");function Ro(t,e){return t.reduce((o,n)=>o.plus(om(n,e)),be)}s(Ro,"getTotalFeeInUsd");function Tr(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(Tr,"checkSlippageErrors");function js(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(js,"checkSlippageWarnings");function en(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(en,"getMinRequiredSlippage");function Ks(t,e){return e?parseFloat(t)>=parseFloat(e):!0}s(Ks,"hasProperSlippage");function tn(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:g,destination:y}=t,x=i?.reduce((h,C)=>(h[C.chain]=C.address,h),{}),d=[];r?.forEach(h=>{let C=d.find(b=>b.blockchain===h.chain);C?C.addresses.push(h.address):d.push({blockchain:h.chain,addresses:[h.address]})});let w=!!g,f=Wt((g?.result?.swaps||[]).reduce((h,C)=>(h.push(C.from.blockchain,C.to.blockchain),C.internalSwaps&&Array.isArray(C.internalSwaps)&&C.internalSwaps.map(b=>{h.push(b.from.blockchain,b.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:d,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:f}}}s(tn,"createQuoteRequestBody");function Xs(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}s(Xs,"getWalletsForNewSwap");function Lt(t){return t.result?.outputAmount||null}s(Lt,"getQuoteOutputAmount");function it(t,e){return new Ce(e).div(new Ce(t)).minus(1).multipliedBy(100).toNumber()}s(it,"getPercentageChange");function Ys(t,e){let o=Lt(t),n=Lt(e);if(!o||!n)return!1;let r=it(o,n);return r?r<=-1:!0}s(Ys,"isOutputAmountChangedALot");function Js(t,e){let o=t.validationStatus,n=as(t);return e.sort((i,a)=>n.indexOf(i.chain)-n.indexOf(a.chain)).flatMap(i=>na(i,o)||[]).filter(i=>!i.ok).map(i=>{let a=i.asset.symbol,l=W(new Ce(i.currentAmount.amount).shiftedBy(-i.currentAmount.decimals),8,8),p=W(new Ce(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(Js,"getBalanceWarnings");function Zs(t,e){return(t?new Ce(t):be).multipliedBy(e||0)}s(Zs,"calcOutputUsdValue");function Kt(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==Xo.NetworkChanged}s(Kt,"isNetworkStatusInWarningState");function Rs(t,e){let o="bellow button or",n=t.extraMessage,r=t.extraMessageDetail;if(t.networkStatusExtraMessageDetail?.includes(o)&&(t.networkStatusExtraMessageDetail=t.networkStatusExtraMessageDetail.replace(o,"")),Kt(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case Xo.WaitingForConnectingWallet:n=n||Me.t("Waiting for connecting wallet");break;case Xo.WaitingForQueue:n=n||Me.t("Waiting for other running tasks to be finished");break;case Xo.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(Rs,"getSwapMessages");function ea(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(ea,"getLastConvertedTokenInFailedSwap");function ta(t){return t.status==="failed"&&!!t.finishTime&&new Date().getTime()-parseInt(t.finishTime)<4*3600*1e3}s(ta,"shouldRetrySwap");function oa(t,e,o,n,r,i){return t||!e&&!em(n).every(a=>r.map(l=>l.chain).includes(a))||!!e&&!o||!!e&&!!o&&i&&!jo(i,o)}s(oa,"confirmSwapDisabled");function wr(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(wr,"searchParamsToToken");function ia(t){return t?.result?.swaps[t?.result?.swaps.length-1].to.usdPrice}s(ia,"getQuoteToTokenUsdPrice");function vr(t,e){let o=t.result?.swaps||[],n=e.result?.swaps||[];return o.length!==n.length}s(vr,"isNumberOfSwapsChanged");function xr(t,e){let o=t.result?.swaps.map(r=>r.swapperId)||[],n=e.result?.swaps.map(r=>r.swapperId)||[];return!sr(o,n)}s(xr,"isQuoteSwappersUpdated");function br(t,e){let o=t.result?.swaps.map(r=>r.to.symbol)||[],n=e.result?.swaps.map(r=>r.to.symbol)||[];return!sr(o,n)}s(br,"isQuoteInternalCoinsUpdated");function sa(t,e){return vr(t,e)||xr(t,e)||br(t,e)}s(sa,"isQuoteChanged");function na(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(na,"getRequiredBalanceOfWallet");function Je(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}s(Je,"getPriceImpactLevel");function aa(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],i=rm(t.steps),a={blockchain:r.toBlockchain,symbol:r.toSymbol,address:r.toSymbolAddress},l=Sr(i?i.toBlockchain:n.fromBlockchain,e),p=Sr(r.toBlockchain,e),u=yr(i?{blockchain:l?.name??"",symbol:i.toSymbol,address:i.toSymbolAddress}:{blockchain:l?.name??"",symbol:n.fromSymbol,address:n.fromSymbolAddress},o),m=yr(a,o),c=i?i.outputAmount??"":t.inputAmount;return{fromBlockchain:l,fromToken:u,toBlockchain:p,toToken:m,inputAmount:c}}s(aa,"createRetryQuote");function on(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(Zo(a,m)){let S=Ro(t.result.swaps,r),g=Je(m);return{type:0,inputUsdValue:a,outputUsdValue:l,priceImpact:m,totalFee:S,warningLevel:g}}}else if(t.result&&(!a||!l))return{type:1};let p=en(t),u=i>ks;if(Ks(e.userSlippage.toString(),p)){if(u&&parseFloat(p??"0")<i)return{type:3,slippage:i.toString()}}else return{type:2,recommendedSlippages:js(t,i),minRequiredSlippage:p};return null}s(on,"generateQuoteWarnings");function Bt(t,e){let o=typeof e=="string"?parseFloat(e)<=0:!e?.gt(0);return!t||!e||o?null:it(t.toString(),e.toString())}s(Bt,"getPriceImpact");var yt=s((t,e)=>t?.usdPrice?new st(e||be).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),P=Qe(im()(sm(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=be;return Vt(o.inputAmount)?(e&&(n=e.result?.outputAmount?new st(e.result?.outputAmount):null,r=Zs(e.result?.outputAmount,ia(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}=aa(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 lm=la("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),pm=la("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 pa(){let t=P.use.switchFromAndTo();return Er.createElement(lm,null,Er.createElement(pm,{onClick:()=>{t()}},Er.createElement(am,{size:12})))}s(pa,"SwitchFromAndToButton");import{Divider as Jm}from"@rango-dev/ui";import ut from"react";import{i18n as Nr}from"@lingui/core";import{Alert as hm,ChevronDownIcon as ym,ChevronRightIcon as Pa,Divider as Lr,Image as _a,InfoIcon as Sm,QuoteCost as Cm,StepDetails as km,TokenAmount as Tm,Tooltip as Da,Typography as Pt}from"@rango-dev/ui";import N,{useLayoutEffect as wm,useRef as vm,useState as xm}from"react";import{styled as Ar}from"@rango-dev/ui";var Ir=Ar("div",{width:"100%",paddingTop:"$2"}),ua=Ar("div",{paddingBottom:"$15"}),ca=Ar("div",{width:"100%",display:"flex"});import*as rn from"@radix-ui/react-collapsible";import{darkTheme as Ve,styled as at}from"@rango-dev/ui";import*as $t from"@radix-ui/react-collapsible";import{Button as um,darkTheme as Mt,IconButton as cm,keyframes as ma,styled as ge,TextField as mm}from"@rango-dev/ui";var Xt=300,dm=ma({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),fm=ma({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),da=ge("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),fa=ge("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}),ga=ge("button",{borderRadius:"$xm",padding:"$10",border:"0",display:"flex",justifyContent:"center",$$color:"$colors$neutral100",[`.${Mt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",alignItems:"center",cursor:"pointer",width:110,position:"relative","&:hover":{$$color:"$colors$info100",[`.${Mt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$color:"$colors$info100",[`.${Mt} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color",outline:0},variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary",outlineStyle:"solid"}}}}),ha=ge($t.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit"}),ya=ge("div",{padding:"$20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),Sa=ge(cm,{position:"absolute",left:"$20"}),Ca=ge("div",{paddingTop:"$20","& .wallets-list":{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}}),ka=ge($t.Root,{backgroundColor:"$neutral200",borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),Ta=ge(um,{width:"100%",borderRadius:"$sm !important",padding:"$15 !important",justifyContent:"space-between",alignItems:"center",$$color:"$colors$neutral100",[`.${Mt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color","&:hover":{$$color:"$colors$info100",[`.${Mt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$background:"$colors$info100",[`.${Mt} &`]:{$$background:"$colors$info700"},backgroundColor:"$$background",outline:0}}),wa=ge("div",{padding:"$10 $0","& .button__content":{display:"flex",justifyContent:"center",alignItems:"center"},"& .alarms":{paddingTop:"5px"}}),va=ge("div",{transition:`all ${Xt}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),xa=ge("div",{display:"flex"}),ba=ge(mm,{padding:"$0 $15 $15 $15"}),nn=ge($t.Content,{overflow:"hidden",variants:{open:{true:{animation:`${dm} ${Xt}ms ease-out`},false:{animation:`${fm} ${Xt}ms ease-out`}}}}),Ea=ge("div",{overflow:"visible",width:"100%"});var Wr=300,Aa=at(rn.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"}}),Ia=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"}}}),Wa=at(rn.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:{[`& ${Image}`]:{border:"1px $warning500 solid",borderRadius:"100%"}},false:{[`& ${Image}`]:{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"}}),Na=at(nn,{width:"100%"}),sn=at("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$2",transition:`all ${Wr}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),GT=at("div",{height:"$12",marginLeft:"$10",marginRight:"$10",borderLeft:"1px solid $foreground"}),La=at("div",{display:"flex",justifyContent:"center",margin:"0 $15",borderTop:"1px solid",$$color:"$colors$neutral300",[`.${Ve} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color"}),Ba=at("div",{width:"$16",height:"$16",justifyContent:"center",alignItems:"center",display:"flex"});import{TokenAmount as $a}from"@rango-dev/ui";import an from"react";import{styled as gm}from"@rango-dev/ui";var Ma=gm("div",{position:"relative",display:"flex",flexDirection:"column",width:"100%","& .separator":{height:"14px",marginLeft:"14px",position:"absolute",borderLeft:"1px solid $foreground",top:"42%"}});function Yt(t){let{from:e,to:o,percentageChange:n,warningLevel:r}=t;return an.createElement(Ma,null,an.createElement($a,{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}}),an.createElement("div",{className:"separator"}),an.createElement($a,{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(Yt,"QuoteSummary");function Br(t){let{quote:e,input:o,output:n,error:r,warning:i,type:a,recommended:l=!0}=t,p=T().tokens(),[u,m]=xm(t.expanded),c=vm(null),S=W(Ro(e.result?.swaps??[],p),2,2),g=Eo(Ao(e.result?.swaps)),y=Bt(o.usdValue,n.usdValue??null),x=W(String(y),2,2),d=Je(y??0),f=s(h=>h.map((C,b)=>{let B,A=r?.type===3&&r.swap.swapperId===C.swapperId||i?.type===2&&i.recommendedSlippages?.has(b),_=i?.type===2&&i.recommendedSlippages?.has(b);return A?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:b===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:A||_?N.createElement(ua,null,N.createElement(hm,{type:A?"error":"warning",title:r?.type===3?r?.recommendation:Nr.t("Slippage Error:"),footer:N.createElement(ca,null,r?.type===3&&N.createElement(N.Fragment,null,N.createElement(Pt,{size:"xsmall",variant:"body",color:"neutral900"},r.fromAmountRangeError),N.createElement(Lr,{direction:"horizontal",size:8}),N.createElement(Pt,{size:"xsmall",variant:"body",color:"neutral900"},"|"),N.createElement(Lr,{direction:"horizontal",size:8}),N.createElement(Pt,{size:"xsmall",variant:"body",color:"neutral900"},Nr.t({id:"Yours: {amount} {symbol}",values:{amount:W(C.fromAmount,6,6),symbol:C?.from.symbol}}))),(r?.type===4||i?.type===2)&&N.createElement(Pt,{size:"xsmall",variant:"body",color:"neutral900"},Nr.t({id:"min required Slippage: {minRequiredSlippage}",values:{...r?.type===4&&{minRequiredSlippage:r.recommendedSlippages?.get(b)},...i?.type===2&&{minRequiredSlippage:i.recommendedSlippages?.get(b)}}})))})):void 0}}),"getQuoteSteps")(e.result?.swaps??[]),k=f.length;return wm(()=>{u&&c.current&&setTimeout(()=>{c?.current?.scrollIntoView({behavior:"smooth"})},Wr)},[u]),N.createElement(N.Fragment,null,N.createElement(Ia,{recommended:l,listItem:a==="list-item",basic:a==="basic"},N.createElement("div",{className:"summary"},N.createElement(Cm,{fee:S,time:g,steps:k}),a==="basic"&&N.createElement("div",{className:"basic-info"},N.createElement(Ba,null,N.createElement(Sm,{size:12,color:"gray"})),N.createElement(Pt,{size:"small",variant:"body",style:{letterSpacing:.4}},`${o.value} ${f[0].from.token.displayName} = ${n.value} ${f[f.length-1].to.token.displayName}`),N.createElement(Pt,{color:"$neutral600",ml:2,size:"xsmall",variant:"body"},`($${n.usdValue})`)),a==="list-item"&&N.createElement(Tm,{type:"output",direction:"vertical",price:{value:n.value,usdValue:n.usdValue},token:{displayName:f[k-1].to.token.displayName,image:f[k-1].to.token.image},chain:{image:f[k-1].to.chain.image},percentageChange:x,warningLevel:d}),a==="swap-preview"&&N.createElement(N.Fragment,null,N.createElement(Yt,{from:f[0].from,to:f[k-1].to,percentageChange:x,warningLevel:d}),N.createElement(Lr,{size:4}))),N.createElement(Aa,{recommended:l,open:u,onOpenChange:m},N.createElement(Wa,{ref:h=>c.current=h,recommended:l,onClick:m.bind(null,h=>!h)},N.createElement("div",null,f.map((h,C)=>{let b=`item-${C}`;return N.createElement(N.Fragment,{key:b},N.createElement(Da,{container:t.tooltipContainer,side:"bottom",sideOffset:4,content:h.from.chain.displayName},N.createElement(_a,{src:h.from.chain.image,size:16})),C===k-1&&N.createElement(N.Fragment,null,N.createElement(sn,null,N.createElement(Pa,{size:12,color:"black"})),N.createElement(Da,{container:t.tooltipContainer,side:"bottom",sideOffset:4,content:h.to.chain.displayName},N.createElement(_a,{src:h.to.chain.image,size:16}))),C!==k-1&&N.createElement(sn,null,N.createElement(Pa,{size:12,color:"black"})))})),N.createElement(sn,{orientation:u?"up":"down"},N.createElement(ym,{size:12,color:"black"}))),N.createElement(Na,{open:u},N.createElement(La,null),N.createElement("div",{className:"steps-details"},f.map((h,C)=>{let b=`item-${C}`;return N.createElement(km,{type:"quote-details",key:b,step:h,hasSeparator:C!==f.length-1,state:h.state})}))))))}s(Br,"Quote");import{ChainToken as ln,Divider as $e,NextIcon as Em,Skeleton as he}from"@rango-dev/ui";import E from"react";import{darkTheme as bm,styled as Fa}from"@rango-dev/ui";var Oa=Fa("div",{$$color:"$colors$neutral100",[`.${bm} &`]:{$$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"}}),Ua=Fa("div",{borderLeft:"1px dashed black",minHeight:" 64px",margin:"0px 11.5px",alignSelf:"stretch",variants:{hideSeparator:{true:{minHeight:"unset",height:"0"}}}});function Mr(t){let{separator:e=!0}=t;return E.createElement(E.Fragment,null,E.createElement("div",{className:"step__title"},E.createElement(he,{height:22,width:22,variant:"circular"}),E.createElement($e,{direction:"horizontal",size:8}),E.createElement(he,{height:15,width:148,variant:"rounded"})),E.createElement("div",{className:"step__content"},E.createElement(Ua,{hideSeparator:!e}),E.createElement("div",{className:"step__tokens"},E.createElement("div",{className:"step__token-info"},E.createElement(ln,{size:"small",loading:!0,chainImage:"",tokenImage:""}),E.createElement($e,{direction:"horizontal",size:8}),E.createElement(he,{height:12,width:76,variant:"rounded"})),E.createElement("div",{className:"step__icon-container"},E.createElement(Em,{color:"gray",size:16})),E.createElement("div",{className:"step__token-info"},E.createElement(ln,{size:"small",loading:!0,chainImage:"",tokenImage:""}),E.createElement($e,{direction:"horizontal",size:8}),E.createElement(he,{height:12,width:76,variant:"rounded"})))))}s(Mr,"StepSkeleton");function $r(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(ln,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),E.createElement($e,{size:8,direction:"horizontal"}),E.createElement("div",{className:"token-amount__label"},E.createElement(he,{height:10,width:60,variant:"rounded"}),E.createElement($e,{size:4}),E.createElement(he,{height:15,width:148,variant:"rounded"}))),E.createElement(he,{height:12,width:64,variant:"rounded"}));return E.createElement(Oa,null,E.createElement("div",{className:"cost-and-tag"},E.createElement("div",{className:"cost"},E.createElement(he,{width:60,height:10,variant:"rounded"}),E.createElement($e,{size:4,direction:"horizontal"}),E.createElement(he,{width:60,height:10,variant:"rounded"}),E.createElement($e,{size:4,direction:"horizontal"}),E.createElement(he,{width:60,height:10,variant:"rounded"})),n&&E.createElement(he,{height:22,width:100,variant:"rounded"})),e==="basic"&&E.createElement("div",{className:"basic-summary"},E.createElement(he,{height:15,width:148,variant:"rounded"})),e==="list-item"&&E.createElement("div",{className:"output"},E.createElement("div",{className:"output__token-info"},E.createElement(ln,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),E.createElement($e,{direction:"horizontal",size:4}),E.createElement(he,{height:15,width:150,variant:"rounded"})),E.createElement($e,{size:4}),E.createElement(he,{height:10,width:184,variant:"rounded"})),e==="swap-preview"&&E.createElement(E.Fragment,null,E.createElement($e,{size:4}),E.createElement("div",{className:"swap-preview"},r,E.createElement("div",{className:"quote-summary__separator"}),r)),E.createElement("div",{className:"chains"},E.createElement(he,{height:15,width:321,variant:"rounded"})),o&&E.createElement("div",{className:"steps"},E.createElement($e,{size:20}),E.createElement(Mr,null),E.createElement(Mr,null),E.createElement(Mr,{separator:!1})))}s($r,"QuoteSkeleton");import{i18n as Vm}from"@lingui/core";import{Alert as jm,Button as Km,InfoIcon as Xm}from"@rango-dev/ui";import Ee from"react";import{useNavigate as Ym}from"react-router-dom";import{Alert as Am,Button as Im,Divider as Va,NoRouteIcon as Wm,RefreshIcon as Nm,Typography as ja}from"@rango-dev/ui";import Pe from"react";import{i18n as za}from"@lingui/core";function qa(t,e,o,n){return t?.type===1?{alert:{type:"warning",text:G().genericServerError,action:{onClick:n,title:za.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:za.t("Reset")}},description:G().liquiditySourcesError.description}:{alert:null,description:G().noResultError.description}}s(qa,"makeInfo");import{styled as Pr}from"@rango-dev/ui";var Ga=Pr("div",{minHeight:"162px",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"}),Ha=Pr("div",{width:"100%"}),Qa=Pr("div",{padding:"$6 $0"});function _r(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(Ga,null,Pe.createElement(Wm,{size:24,color:"gray"}),Pe.createElement(Va,{size:4}),Pe.createElement(ja,{variant:"title",size:"small"},G().noResultError.title),!!a.description&&Pe.createElement(ja,{variant:"body",size:"small",align:"center",color:"neutral700"},a.description),Pe.createElement(Va,{size:4}),!!a.alert&&Pe.createElement(Ha,null,Pe.createElement(Am,{type:a.alert.type,title:a.alert.text,action:a.alert.action&&Pe.createElement(Im,{size:"xsmall",type:a.alert.type,prefix:Pe.createElement(Qa,null,Pe.createElement(Nm,{size:8})),onClick:a.alert.action.onClick},a.alert.action.title),variant:"alarm"})))}s(_r,"NoResult");import{i18n as Rt}from"@lingui/core";import{Button as Bm,Divider as Ra,MessageBox as Mm,Modal as $m,Typography as Pm,WarningIcon as _m}from"@rango-dev/ui";import je from"react";import{Typography as Ja}from"@rango-dev/ui";import Fr from"react";import{darkTheme as Lm,styled as pn}from"@rango-dev/ui";var Ka=pn("div",{width:"100%",paddingTop:"$10"}),Dr=pn("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),Xa=pn("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%","._title":{$$color:"$colors$neutral600",[`.${Lm} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Ya=pn("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});function Za(t){let{title:e,value:o,valueColor:n}=t;return Fr.createElement(Xa,null,Fr.createElement(Ja,{size:"medium",variant:"label",className:"_title"},e),Fr.createElement(Ja,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}s(Za,"QuoteErrorsModalItem");function el(t){let{open:e,onClose:o,onConfirm:n,warning:r}=t,i=r.warningLevel==="high"?"error":"warning",a=[{title:Rt.t("Swapping"),value:W(r.inputUsdValue,4,4)},{title:Rt.t("Gas cost"),value:W(r.totalFee,2,2)},{title:Rt.t("Receiving"),value:W(r.outputUsdValue,4,4)},{title:Rt.t("Price impact"),value:W(r.priceImpact,2,2),valueColor:`${i}500`}];return je.createElement($m,{open:e,onClose:o,container:Z()},je.createElement(Mm,{type:i,title:G().highValueLossError.impactTitle,description:G().highValueLossError.description}),je.createElement(Dr,null,je.createElement(Ra,{size:20}),je.createElement(Pm,{size:"small",variant:"title"},Rt.t("Details")),je.createElement(Dr,null,a.map((l,p)=>je.createElement(Za,{key:p,...l})))),je.createElement(Ra,{size:32}),je.createElement(Bm,{type:"primary",size:"large",prefix:je.createElement(_m,null),fullWidth:!0,onClick:n},G().highValueLossError.confirmMessage))}s(el,"HighValueLossWarningModal");import{i18n as tl}from"@lingui/core";function ol(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=tl.t({id:"minimum required slippage for this route: {minRequiredSlippage}",values:{minRequiredSlippage:t.minRequiredSlippage}})),t.type===3&&(o.title=tl.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(ol,"makeAlerts");import{i18n as _t}from"@lingui/core";import{Button as nl,Divider as rl,MessageBox as Dm,Modal as Fm,Typography as Om}from"@rango-dev/ui";import St from"react";import{useNavigate as Um}from"react-router-dom";function il(t){let{customSlippage:e,slippage:o}=D(),{open:n,onClose:r,onConfirm:i,warning:a}=t,l=Um(),p=e??o;return St.createElement(Fm,{anchor:"bottom",open:n,prefix:St.createElement(nl,{size:"small",variant:"ghost",onClick:()=>l("../"+M.settings)},St.createElement(Om,{variant:"label",size:"medium",color:"$neutral900"},_t.t("Change settings"))),container:Z(),onClose:r},St.createElement(Dm,{type:"warning",title:a.type===3?_t.t("High slippage"):_t.t("Low slippage"),description:a.type===3?_t.t({id:" Caution, your slippage is high (={userSlippage}). Your trade may be front run.",values:{userSlippage:p}}):_t.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:a.minRequiredSlippage}})},St.createElement(rl,{size:18}),St.createElement(rl,{size:32}),St.createElement(nl,{size:"large",type:"primary",variant:"contained",fullWidth:!0,onClick:i},_t.t("Confirm anyway"))))}s(il,"SlippageWarningModal");import{Button as zm,Divider as qm,MessageBox as Gm,Modal as Hm,WarningIcon as Qm}from"@rango-dev/ui";import eo from"react";function sl(t){let{open:e,onClose:o,onConfirm:n}=t;return eo.createElement(Hm,{open:e,onClose:o,container:Z()},eo.createElement(Gm,{type:"warning",title:G().unknownPriceError.impactTitle,description:G().unknownPriceError.description}),eo.createElement(qm,{size:32}),eo.createElement(zm,{type:"primary",size:"large",prefix:eo.createElement(Qm,null),fullWidth:!0,onClick:n},G().unknownPriceError.confirmMessage))}s(sl,"UnknownPriceWarningModal");function Or(t){let{warning:e,error:o,refetchQuote:n,showWarningModal:r,onOpenWarningModal:i,onCloseWarningModal:a,onConfirmWarningModal:l}=t,p=Ym(),u={open:r,onClose:a,onConfirm:l},m=o?.type===0||o?.type===1,c=ol(e,o?.type===3||o?.type===4?o:null);return Ee.createElement(Ee.Fragment,null,m&&Ee.createElement(_r,{error:o,fetch:n}),!!c&&Ee.createElement(Ka,null,Ee.createElement(jm,{title:c.title,type:c.alertType,variant:"alarm",action:c.action==="show-info"?Ee.createElement(Ya,{onClick:i},Ee.createElement(Xm,{size:12,color:"gray"})):Ee.createElement(Km,{size:"xsmall",type:"error",onClick:()=>p(M.settings)},Vm.t("Change Settings"))})),e&&Ee.createElement(Ee.Fragment,null,e.type===0&&Ee.createElement(el,{...u,warning:e}),(e.type===3||e.type===2)&&Ee.createElement(il,{...u,warning:e}),e.type===1&&Ee.createElement(sl,{...u,warning:e})))}s(Or,"QuoteWarningsAndErrors");function to(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:g,outputUsdValue:y,outputAmount:x}=P(),d=e&&e.result&&!n;return ut.createElement(ut.Fragment,null,n&&ut.createElement(Ir,null,ut.createElement($r,{type:o,expanded:c})),d?ut.createElement(Ir,null,ut.createElement(Br,{quote:e,error:r,warning:i,type:o,expanded:c,recommended:!0,input:{value:W(S,6,6),usdValue:W(g,4,4)},output:{value:W(x,6,6),usdValue:W(y,4,4)}})):null,!i&&!r&&ut.createElement(Jm,{size:16}),(i||r)&&ut.createElement(Or,{warning:i,error:r,loading:n,refetchQuote:a,showWarningModal:l,onOpenWarningModal:p,onCloseWarningModal:u,onConfirmWarningModal:m}))}s(to,"QuoteInfo");import{useEffect as ll,useRef as td,useState as Ur}from"react";function un(t){if(!t.result)throw new Error(G().noResultError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});if(jt(t)){let{swap:n,recommendation:r,fromAmountRangeError:i}=Cr(t);throw new Error("bridge limit error",{cause:{type:3,swap:n,recommendation:r,fromAmountRangeError:i}})}let o=Tr(t);if(o){let n=en(t);throw new Error("",{cause:{type:4,recommendedSlippages:o,minRequiredSlippage:n}})}return t}s(un,"throwErrorIfResponseIsNotValid");function al(t,e,o){let n=sa(t,e),r={quote:null,quoteUpdate:null,balance:null},i=on(e,{fromToken:o.fromToken,toToken:o.toToken,tokens:o.tokens,userSlippage:o.userSlippage});i&&(r.quote=i),n&&(Ys(t,e)?r.quoteUpdate={type:3,newOutputAmount:W(Lt(e)),percentageChange:W(it(Lt(t)??"",Lt(e)??""),null,2)}:vr(t,e)?r.quoteUpdate={type:0}:xr(t,e)?r.quoteUpdate={type:1}:br(t,e)&&(r.quoteUpdate={type:2}));let a=Js(e,o.selectedWallets);return a.length===0||(r.balance={messages:a}),r}s(al,"generateWarnings");function cn(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(cn,"handleQuoteErrors");import{useRef as Rm,useState as ed}from"react";function mn(){let[t,e]=ed(!1),o=Rm(null),n=s(()=>o.current?.abort(),"cancel");return{fetch:s(async i=>{n(),o.current=new AbortController,e(!0);try{let a=await At().getBestRoute(i,{signal:o.current.signal});return o.current=null,a}catch(a){throw a}finally{e(!1)}},"fetch"),loading:t,cancelFetch:n}}s(mn,"useFetchQuote");var od=600;function pl(){let{fetch:t,cancelFetch:e}=mn(),{liquiditySources:o,enableNewLiquiditySources:n}=T().config,r=T().tokens(),{fromToken:i,toToken:a,inputAmount:l,inputUsdValue:p,resetQuote:u,setQuote:m}=P(),{slippage:c,customSlippage:S,affiliatePercent:g,affiliateRef:y,affiliateWallets:x,disabledLiquiditySources:d}=D(),[w,f]=Ur(!1),[k,h]=Ur(null),[C,b]=Ur(null),B=td(d),A=S??c,L=!i||!a||Ae(i,a)||!Vt(l),H=s(O=>{f(O),h(null),b(null)},"resetState"),v=s(()=>{if(w||H(!0),!L){u();let O=tn({fromToken:i,toToken:a,inputAmount:l,liquiditySources:o,excludeLiquiditySources:n,disabledLiquiditySources:d,slippage:A,affiliateRef:y,affiliatePercent:g,affiliateWallets:x});t(O).then(U=>{f(!1),m(U),un(U);let ne=on(U,{fromToken:i,toToken:a,userSlippage:A,tokens:r});b(ne)}).catch(U=>{let{error:ne}=cn(U);(ne?.type===0||ne?.type===1)&&u(),ne?.type!==2&&(h(ne),f(!1))})}},"fetch"),z=hs(()=>{L||v()},od);return ll(()=>{if(!Vt(l)||p?.eq(0)){H(!1),e();return}if(!L)return u(),H(!0),z(),e},[l,L]),ll(()=>{let O=!!B.current.length&&!d.length;return!L&&O&&v(),B.current=d,e},[d.length]),{fetch:v,loading:w,error:k,warning:C}}s(pl,"useSwapInput");var pd=qr("div",{display:"flex",flexDirection:"column",overflowY:"visible"}),ud=qr("div",{position:"relative"}),cd=qr("div",{display:"flex",flexDirection:"column",gap:5,alignSelf:"stretch"});function dn(){let t=ld(),{fetch:e,loading:o,error:n,warning:r}=pl(),{fromToken:i,fromBlockchain:a,toToken:l,toBlockchain:p,setInputAmount:u,inputAmount:m,inputUsdValue:c,outputAmount:S,outputUsdValue:g,quote:y,resetQuoteWallets:x,setQuoteWarningsConfirmed:d}=P(),w=T().fetchStatus,f=V.use.connectedWallets(),k=Se.use.setCurrentPage(),[h,C]=ad(!1),b=sd(null),B=!1,A=Qs(c,g),_=Zo(c,A),L=!kr(y,m,c),H=!kr(y,m,g),v=Vs(w,f,o,y,jt(y),_,L||H,B,m),z=a&&i?W(It(f,a?.name,i?.symbol,i?.address)?.amount||"0",8,8):"0",O=a&&i?W(It(f,a?.name,i?.symbol,i?.address)?.amount||"0",It(f,a?.name,i?.symbol,i?.address)?.decimal):"0";id(()=>(k(M.home),x(),k.bind(null,"")),[]);let U=!c||!g||!g.gt(0)?null:it(c.toString(),g.toString());return Fe.createElement(j,{ref:b,fixedHeight:!1,hasLogo:!0,footer:Fe.createElement(nd,{type:"primary",size:"large",disabled:v.disabled,prefix:!v.disabled&&v.hasWarning&&Fe.createElement(rd,null),fullWidth:!0,onClick:()=>{v.state==="waitForConnecting"?t(M.wallets):r?C(!0):t(M.confirmSwap)}},v.title),header:{onWallet:()=>{t(M.wallets)},hasBackButton:!1,title:zr.t("Swap"),suffix:Fe.createElement(fr,{layoutRef:b.current,onClickRefresh:y||n?e:void 0,onClickHistory:()=>t(M.swaps),onClickSettings:()=>t(M.settings)})}},Fe.createElement(pd,null,Fe.createElement(cd,null,Fe.createElement(ud,null,Fe.createElement(ul,{label:zr.t("From"),mode:"From",onInputChange:u,balance:z,chain:{displayName:a?.displayName||"",image:a?.logo||""},token:{displayName:i?.symbol||"",image:i?.image||""},onClickToken:()=>t(M.fromSwap),price:{value:m,usdValue:L?void 0:W(c,4,4),error:L?G().unknownPriceError.impactTitle:void 0},disabled:w==="failed",loading:w==="loading",onSelectMaxBalance:()=>{z!=="0"&&u(O.split(",").join(""))}}),Fe.createElement(pa,null)),Fe.createElement(ul,{sharpBottomStyle:!!y?.result||o,label:zr.t("To"),mode:"To",chain:{displayName:p?.displayName||"",image:p?.logo||""},token:{displayName:l?.symbol||"",image:l?.image||""},percentageChange:W(Bt(c,g),2,2),warningLevel:Je(U??0),price:{value:W(S,6,6),usdValue:H?void 0:W(g,4,4),error:H?G().unknownPriceError.impactTitle:void 0},onClickToken:()=>t(M.toSwap),disabled:w==="failed",loading:w==="loading"})),Fe.createElement(to,{quote:y,loading:o,error:n,warning:r,type:"basic",refetchQuote:e,showWarningModal:h,onOpenWarningModal:()=>C(!0),onCloseWarningModal:()=>C(!1),onConfirmWarningModal:()=>{C(!1),d(!0),t(M.confirmSwap)}})))}s(dn,"Home");import{useEffect as Gr,useRef as Hr}from"react";import{createSearchParams as md,useLocation as dd,useSearchParams as fd}from"react-router-dom";import{useEffect as Dt,useMemo as fn,useRef as gn}from"react";function cl(){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:g,setAffiliatePercent:y,setAffiliateWallets:x}=D(),d=fn(()=>u?.from?.tokens,[u?.from?.tokens]),w=fn(()=>u?.from?.blockchains,[u?.from?.blockchains]),f=fn(()=>u?.to?.tokens,[u?.to?.tokens]),k=fn(()=>u?.to?.blockchains,[u?.to?.blockchains]),h=gn(void 0),C=gn(void 0),b=gn(void 0),B=gn(void 0);Dt(()=>{t(u?.amount?.toString()||"")},[u?.amount]),Dt(()=>{if(m==="success"){let A=c.find(L=>L.name===u?.from?.blockchain),_=S.find(L=>Ae(L,u?.from?.token||null));(A||!A&&b.current)&&n(A??null),_?r({token:_,meta:{blockchains:c,tokens:S}}):!_&&h.current&&r({token:null}),b.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]),Dt(()=>{i&&d&&(d.some(A=>Ae(A,i))||r({token:null})),l&&w&&(w.includes(l.name)||n(null))},[d,w]),Dt(()=>{a&&f&&(f.some(A=>Ae(A,a))||e({token:null})),p&&k&&(k.includes(p.name)||o(null))},[f,k]),Dt(()=>{if(m==="success"){let A=c.find(L=>L.name===u?.to?.blockchain),_=S.find(L=>Ae(L,u?.to?.token||null));(A||!A&&B.current)&&o(A??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]),Dt(()=>{g(u?.affiliate?.ref??null),y(u?.affiliate?.percent??null),x(u?.affiliate?.wallets??null)},[u?.affiliate?.ref,u?.affiliate?.percent,u?.affiliate?.wallets])}s(cl,"useSyncStoresWithConfig");function ml(){let t=Hr(!0),[e,o]=fd(),n=dd(),r=Hr(n.search),i=Hr({}),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(),g=P.use.setToToken(),y=P.use.inputAmount(),x=P.use.setInputAmount(),d=T().fetchStatus,w=T().blockchains(),f=T().tokens(),k=Se.use.setSelectedSwap();return cl(),Gr(()=>{let h={};md(r.current).forEach((b,B)=>{h[B]=b}),i.current=h;let C=n.pathname.split(M.swaps+"/")[1]||null;C&&k(C)},[]),Gr(()=>{if(!t.current){let h="",C="",b="",B="",A="",_=i.current["autoConnect"];d!=="success"?(h=i.current["fromBlockchain"],C=i.current["fromToken"],b=i.current["toBlockchain"],B=i.current["toToken"],A=i.current["fromAmount"]||y):(h=a?.name||"",C=(p?.symbol||"")+(p?.address?`--${p?.address}`:""),b=l?.name||"",B=(u?.symbol||"")+(u?.address?`--${u?.address}`:""),A=y),o({...h&&{["fromBlockchain"]:h},...C&&{["fromToken"]:C},...b&&{["toBlockchain"]:b},...B&&{["toToken"]:B},...A&&{["fromAmount"]:A.toString()},..._&&{["autoConnect"]:_}},{replace:!0})}t.current=!1},[n.pathname,y,a,p,l,u]),Gr(()=>{if(d==="success"){let h=e.get("fromBlockchain"),C=e.get("fromToken"),b=e.get("toBlockchain"),B=e.get("toToken"),A=e.get("fromAmount"),_=w.find(z=>z.name===h),L=wr(f,C,_||null),H=w.find(z=>z.name===b),v=wr(f,B,H||null);_&&(m(_),L&&c({token:L,meta:{blockchains:w,tokens:f}})),H&&(S(H),v&&g({token:v,meta:{blockchains:w,tokens:f}})),A&&x(A)}},[d]),null}s(ml,"UpdateUrl");function xd(t){let e=wd(),o=vd(),n=Cd(!0),r=e.pathname.split("/"),a=r[r.length-1]===M.confirmSwap&&n.current;return Sd(()=>{a&&o("."),n.current=!1},[]),a?Ct.createElement(dn,null):Ct.createElement(Ct.Fragment,null," ",t.children)}s(xd,"Route");function dl({children:t,...e}){let o=Td(),n=o?xd:kd,r=T().blockchains(),{canSwitchNetworkTo:i}=hd();Is();let a=r.filter(yd);return gd({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(ml,null))}s(dl,"AppRouter");import ve from"react";import{useRoutes as Mh}from"react-router-dom";import{i18n as vn}from"@lingui/core";import{useManager as af}from"@rango-dev/queue-manager-react";import{Alert as $l,Button as Pl,Divider as _l,IconButton as Dl,RefreshIcon as lf,SettingsIcon as pf,styled as Fl,Tooltip as uf,Typography as cf,WalletIcon as mf}from"@rango-dev/ui";import Y,{useEffect as xn,useState as bn}from"react";import{flushSync as df}from"react-dom";import{useNavigate as ff}from"react-router-dom";import{i18n as Ze}from"@lingui/core";import{Alert as Jr,BalanceErrors as Kd,Button as Ll,ChevronDownIcon as Xd,ChevronLeftIcon as Yd,Divider as Ot,MessageBox as Jd,Modal as Bl,Typography as wn,WalletIcon as Zd}from"@rango-dev/ui";import I,{useEffect as Rd,useLayoutEffect as ef,useRef as tf,useState as wt}from"react";import{useNavigate as of}from"react-router-dom";import{i18n as hn}from"@lingui/core";function yn(t){switch(t.type){case 0:return hn.t("Route has been updated.");case 3:return hn.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return hn.t("Route swappers has been updated.");case 2:return hn.t("Route internal coins has been updated.");default:return""}}s(yn,"getQuoteUpdateWarningMessage");import{i18n as Oe}from"@lingui/core";import{Button as Qd,Divider as Xr,Image as Vd,MessageBox as Tn,Modal as El,SelectableWallet as jd,Typography as Al,WalletState as Il}from"@rango-dev/ui";import te,{useEffect as Wl,useState as no}from"react";import{WalletState as fl}from"@rango-dev/ui";import{useWallets as bd}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as Ed,WalletTypes as Ad}from"@rango-dev/wallets-shared";import{useEffect as Id,useState as Wd}from"react";var Nd=Object.values(Ad);function Sn(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:i,disconnect:a,getWalletInfo:l,connect:p}=bd(),{connectedWallets:u}=V(),m=T().blockchains(),c=ds(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||Nd,S=is(i,l,c,o),g=cs(S),[y,x]=Wd(""),d=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 b=!!S.find(B=>B.state===fl.CONNECTED);if(!e?.multiWallets&&b)return;n?.(h),await p(h),r?.(h)}}catch(b){x("Error: "+b?.message)}},"handleClick"),f=s(()=>{let h=S?.filter(C=>C.state===fl.CONNECTING)||[];for(let C of h)a(C.type)},"disconnectConnectingWallets");Id(()=>()=>{f()},[]);let k=s((h,C,b)=>Bo(b,C)&&d(h)&&!Ed.includes(h),"shouldExcludeWallet");return{list:g.filter(h=>!k(h.type,o??"",m)),error:y,handleClick:w}}s(Sn,"useWalletList");import{i18n as Cl}from"@lingui/core";import{styled as Tl,Typography as Dd,Wallet as Fd,WalletState as Od}from"@rango-dev/ui";import Tt,{Fragment as Ud,useState as kl}from"react";import{Divider as Pd,Modal as _d}from"@rango-dev/ui";import Vr from"react";import{i18n as Ft}from"@lingui/core";import{Image as Md,MessageBox as Qr,WalletState as $d}from"@rango-dev/ui";import kt from"react";import{keyframes as Ld,styled as Cn}from"@rango-dev/ui";var zb=Cn("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),gl=Cn("div",{position:"relative"}),Bd=Ld({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),hl=Cn("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Bd} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),yl=Cn("div",{"& img":{borderRadius:"50%"}});function Sl(t){let{state:e,image:o,error:n}=t;return e===$d.CONNECTED?kt.createElement(Qr,{type:"success",title:Ft.t("Wallet Connected"),description:Ft.t("Your wallet is connected, you can use it to swap.")}):n?kt.createElement(Qr,{type:"error",title:Ft.t("Failed to Connect"),description:n||Ft.t("Your wallet is not connected. Please try again.")}):kt.createElement(Qr,{type:"loading",title:Ft.t("Connecting to your wallet"),description:Ft.t("Click connect in your wallet popup."),icon:kt.createElement(gl,null,kt.createElement(yl,null,kt.createElement(Md,{src:o,size:45})),kt.createElement(hl,null))})}s(Sl,"ModalContent");function oo(t){let{open:e,onClose:o,...n}=t;return Vr.createElement(_d,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},Vr.createElement(Sl,{...n}),Vr.createElement(Pd,{direction:"vertical",size:32}))}s(oo,"WalletModal");var zd=Tl("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline",paddingTop:"$15",height:"100%"}),qd=Tl("div",{textAlign:"center"}),kn=3e3,jr=300;function wl(){let{config:t,fetchStatus:e}=T(),[o,n]=kl(!1),[r,i]=kl(""),a=null,{list:l,handleClick:p,error:u}=Sn({config:t,onBeforeConnect:g=>{a=setTimeout(()=>{n(!0),i(g)},jr)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},kn)}}),m=l.find(g=>g.type===r),c=m?.image||"",S=m?.state||Od.NOT_INSTALLED;return Tt.createElement(j,{header:{title:Cl.t("Connect Wallets")}},Tt.createElement(qd,null,Tt.createElement(Dd,{variant:"title",size:"xmedium",align:"center"},Cl.t("Choose a wallet to connect.")),Tt.createElement(zd,null,l.map((g,y)=>{let x=`wallet-${y}-${g.type}`;return Tt.createElement(Ud,{key:x},Tt.createElement(Fd,{...g,container:Z(),onClick:d=>{p(d)},isLoading:e==="loading"}))}),Tt.createElement(oo,{open:!!o,onClose:()=>n(!1),image:c,state:S,error:u}))))}s(wl,"WalletsPage");import{keyframes as Gd,styled as Kr}from"@rango-dev/ui";var vl=Kr("div",{position:"relative"}),Hd=Gd({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),xl=Kr("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Hd} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),bl=Kr("div",{"& img":{borderRadius:"50%"}});function Yr(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]=no(""),[c,S]=no(null),[g,y]=no(!1),[x,d]=no(null),{suggestAndConnect:w}=Nl(),f=null,{list:k,error:h,handleClick:C}=Sn({config:a,chain:e,onBeforeConnect:v=>{f=setTimeout(()=>{m(v)},jr)},onConnect:()=>{f&&clearTimeout(f),setTimeout(()=>{m("")},kn)}}),[b,B]=no(k),A=k.length,_=r&&A-r>0,L=s(async v=>{y(!1),d("in-progress");try{await w(v.walletType,v.chain),d("completed")}catch{d("rejected")}},"addExperimentalChain");Wl(()=>{B(v=>{let z=k.findIndex(O=>o(O.type,e));return _&&z>1?[k[z]].concat(k.filter((O,U)=>U!==z)):v.map(O=>k.find(U=>U.type===O.type)??O)})},[JSON.stringify(k)]);let H=document.querySelector("#swap-box");return Wl(()=>{let v=null;return(x==="completed"||x==="rejected")&&(v=setTimeout(()=>d(null),kn)),()=>{v&&clearTimeout(v)}},[x]),te.createElement(te.Fragment,null,b.slice(0,r).map(v=>{let z=ms({connectedWallets:l,walletType:v.type,chain:e}),O=z?Mo(z):"",U=Bo(p(),e),ne=!l.find(ze=>ze.walletType===v.type&&ze.chain===e),Ne=U&&ne&&v.state===Il.CONNECTED,ee=Ne?Oe.t({id:"Add {chain} chain",values:{chain:e}}):O,oe=s(()=>{v.state===Il.DISCONNECTED?C(v.type):Ne?(S({walletType:v.type,chain:e,address:z??""}),y(!0)):n({walletType:v.type,chain:e,address:z??""})},"onClick"),fe=c?.chain?Gs(c.chain,p()):void 0;return te.createElement(te.Fragment,null,te.createElement(oo,{open:u===v.type,onClose:()=>m(""),image:v.image,state:v.state,error:h}),!!c&&te.createElement(El,{open:!!c&&g,container:H,onClose:()=>{S(null)}},te.createElement(Tn,{title:Oe.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:fe}}),type:"warning",description:Oe.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:fe}})},te.createElement(Xr,{size:18}),te.createElement(Xr,{size:32}),te.createElement(Qd,{onClick:L.bind(null,c),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},Oe.t("Confirm")))),x&&te.createElement(El,{open:!!x,onClose:d.bind(null,null),container:H},x==="in-progress"&&te.createElement(Tn,{type:"loading",title:Oe.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:fe}}),description:Oe.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:fe}}),icon:te.createElement(vl,null,te.createElement(bl,null,te.createElement(Vd,{src:v.image,size:45})),te.createElement(xl,null))}),x==="completed"&&te.createElement(Tn,{type:"success",title:Oe.t({id:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:fe}}),description:Oe.t({id:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:fe}})}),x==="rejected"&&te.createElement(Tn,{type:"error",title:Oe.t("Request Rejected"),description:Oe.t({id:"You've rejected adding {blockchainDisplayName} chain to your wallet.",values:{blockchainDisplayName:fe}})}),te.createElement(Xr,{direction:"vertical",size:32})),te.createElement(jd,{key:v.type,description:ee,onClick:oe,selected:o(v.type,e),...v}))}),_&&te.createElement(ga,{selected:!1,onClick:i.bind(null)},te.createElement(Al,{variant:"label",size:"medium"},Oe.t("Show more wallets"),te.createElement(Al,{variant:"label",size:"medium",color:"$primary"},"\xA0+",A-(r??0)))))}s(Yr,"WalletList");var nf=2;function Ml(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:g}=P(),{connectedWallets:y,selectWallets:x}=V(),[d,w]=wt(""),[f,k]=wt([]),[h,C]=wt(""),[b,B]=wt(null),[A,_]=wt(S),[L,H]=wt(!!S),v=tf(null),z=Vo(p),O=l.find(F=>F.name===p?.result?.swaps[p?.result?.swaps.length-1].to.blockchain),U=s(F=>!!p?.result?.swaps.find(X=>X.from.blockchain===F),"isWalletRequiredFor"),[ne,Ne]=wt(y.filter(F=>F.selected&&z.includes(F.chain))),ee=l.find(F=>F.name===O?.name),oe=s((F,X)=>!!ne.find(q=>q.walletType===F&&q.chain===X&&q.selected&&(U(X)||!U(X)&&!A)),"isSelected"),fe=!!A&&L&&ee&&!jo(ee,A),ze=s(()=>{H(!1),_(""),Ne(F=>{let X=!1;return F.map(q=>!X&&q.chain===O?.name?(X=!0,{...q,selected:!0}):q)})},"resetCustomDestination"),ft=s(F=>{if(d&&w(""),oe(F.walletType,F.chain))return;let q=y.find(se=>se.walletType===F.walletType&&se.chain===F.chain);q&&(n(),F.chain===O?.name&&L&&(H(!1),_("")),Ne(se=>se.filter(qe=>qe.chain!==F.chain).concat({...q,selected:!0})))},"onChange"),wo=s(()=>{let F=ne.filter(X=>X.selected);x(F),u(F),g(A),c(!0),o()},"onConfirmBalance"),Rn=s(async()=>{k([]),C(""),B(null);let F=y.filter(se=>ne.find(qe=>qe.chain===se.chain&&qe.walletType===se.walletType)),X=await r?.({selectedWallets:F,customDestination:A}),q=X.warnings;q?.balance?.messages&&k(q.balance.messages),q?.quoteUpdate&&B(q.quoteUpdate),X.error&&C(Hs(X.error)),!X.error&&(!q?.balance?.messages.length||0>0)?wo():k(q?.balance?.messages??[])},"onConfirmWallets");Rd(()=>{Ne(F=>F.concat(y.filter(X=>!!!F.find(se=>se.chain===X.chain)&&X.selected&&z.includes(X.chain))))},[y.length]),ef(()=>{L&&v.current&&setTimeout(()=>{v?.current?.scrollIntoView({behavior:"smooth"})},Xt)},[L]);let Et=document.querySelector("#swap-box"),vo=of();return I.createElement(Bl,{open:e,onClose:()=>{m||vo("../",{replace:!0}),o()},dismissible:!d,container:Et,...!d&&{footer:I.createElement(xa,null,I.createElement(Ll,{loading:i,disabled:oa(i,L,A,p,ne,O),onClick:Rn,variant:"contained",type:"primary",fullWidth:!0,size:"large"},"Confirm"))},...d&&{containerStyle:{padding:"$0"},header:I.createElement(ya,null,I.createElement(Sa,{variant:"ghost",onClick:w.bind(null,"")},I.createElement(Yd,{size:16})),I.createElement(wn,{variant:"headline",size:"small"},Ze.t({id:"Your {blockchainName} wallets",values:{blockchainName:d}})))},anchor:"center"},I.createElement(Bl,{open:f.length>0,onClose:k.bind(null,[]),container:Et},I.createElement(Jd,{title:Ze.t("Insufficient account balance"),type:"error",description:I.createElement(Kd,{messages:f??[]})},I.createElement(Ll,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:wo},Ze.t("Proceed anyway")))),d&&I.createElement(Ca,null,I.createElement("div",{className:"wallets-list"},I.createElement(Yr,{chain:d,isSelected:oe,selectWallet:ft,onShowMore:w.bind(null,d)}))),!d&&I.createElement(I.Fragment,null,h&&I.createElement(I.Fragment,null,I.createElement(Jr,{variant:"alarm",type:"error",title:Ze.t(h)}),I.createElement(Ot,{size:12})),b&&I.createElement(I.Fragment,null,I.createElement(Jr,{variant:"alarm",type:"warning",title:yn(b)}),I.createElement(Ot,{size:12})),I.createElement(Ea,null,z.map((F,X)=>{let q=l.find(xe=>xe.name===F),se=`wallet-${X}`,qe=X===z.length-1;return I.createElement("div",{key:se},I.createElement(da,null,I.createElement(wn,{variant:"title",size:"xmedium"},Ze.t({id:"Your {blockchainName} wallets",values:{blockchainName:q?.displayName}})),I.createElement(wn,{variant:"label",color:"$neutral700",size:"medium"},Ze.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:q?.displayName}}))),I.createElement(Ot,{size:24}),I.createElement(fa,null,I.createElement(Yr,{chain:F,isSelected:oe,selectWallet:ft,limit:nf,onShowMore:()=>w(q?.name??"")})),!qe&&I.createElement(Ot,{size:32}),qe&&a?.customDestination&&I.createElement(wa,null,I.createElement(ka,{ref:v,selected:L,open:L,onOpenChange:xe=>{xe?U(O?.name??"")||Ne(er=>er.map(tr=>tr.chain===O?.name?{...tr,selected:!1}:tr)):ze()}},I.createElement(ha,{onClick:()=>H(xe=>!xe)},I.createElement(Ta,{fullWidth:!0,variant:"default",suffix:I.createElement(va,{orientation:L?"up":"down"},I.createElement(Xd,{size:10,color:"gray"}))},I.createElement("div",{className:"button__content"},I.createElement(Zd,{size:18,color:"info"}),I.createElement(Ot,{size:4,direction:"horizontal"}),I.createElement(wn,{variant:"label",size:"medium"},Ze.t("Send to a different address"))))),I.createElement(nn,{open:L},I.createElement(I.Fragment,null,I.createElement(Ot,{size:4}),I.createElement(ba,{autoFocus:!0,placeholder:Ze.t("Your destination address"),value:A,onChange:xe=>{_(xe.target.value)}})))),fe&&I.createElement("div",{className:"alarms"},I.createElement(Jr,{variant:"alarm",type:"error",title:Ze.t({values:{destination:A},id:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}s(Ml,"ConfirmWalletsModal");import{calculatePendingSwap as rf}from"@rango-dev/queue-manager-rango-preset";import{useEffect as sf}from"react";function Zr(){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:g}=D(),{connectedWallets:y}=V(),x=T().blockchains(),d=T().tokens(),w=u||p,{fetch:f,cancelFetch:k,loading:h}=mn();return sf(()=>k,[]),{loading:h,fetch:s(async b=>{let B=b.selectedWallets,A=b?.customDestination??a;if(!t||!e||!o||!i)return{quote:null,swap:null,error:null,warnings:null};let _=tn({fromToken:t,toToken:e,inputAmount:o,wallets:y,selectedWallets:B,disabledLiquiditySources:g,slippage:w,affiliateRef:c,affiliatePercent:m,affiliateWallets:S,initialQuote:i,destination:A}),L;try{L=await f(_).then(O=>un(O)),n(L)}catch(O){let U=cn(O);return(U.error?.type===0||U.error?.type===1)&&r(),U}let H={slippage:w.toString(),disabledSwappersGroups:g},v=rf(o.toString(),L,Xs(B),H,!1,{blockchains:x,tokens:d}),z=al(i,L,{fromToken:t,toToken:e,tokens:d,selectedWallets:B,userSlippage:w});return z.quoteUpdate&&l(!1),{quote:L,swap:v,error:null,warnings:z}},"fetch"),cancelFetch:k}}s(Zr,"useConfirmSwap");var gf=Fl("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"}}),hf=Fl("div",{width:"100%",display:"flex",justifyContent:"space-between","& .confirm-button":{flexGrow:1,paddingRight:"$10"},[`& ${Dl}`]:{width:"$48",height:"$48"}});function Ol(){let{quote:t,setInputAmount:e,selectedWallets:o,quoteWalletsConfirmed:n,setQuoteWalletConfirmed:r,customDestination:i,quoteWarningsConfirmed:a}=P(),l=ff(),[p,u]=bn(""),{connectedWallets:m}=V(),c=!n,[S,g]=bn(!1),y=Se.use.setSelectedSwap(),{manager:x}=af(),{fetch:d,loading:w,cancelFetch:f}=Zr(),[k,h]=bn({swap:null,error:null,warnings:null}),[C,b]=bn(!1),B=s(async({selectedWallets:v,customDestination:z})=>{let O=await d?.({selectedWallets:v,customDestination:z});return h(O),O},"onConfirmSwap"),A=s(async()=>{if(k.swap&&n)try{await x?.create("swap",{swapDetails:k.swap},{id:k.swap.requestId}),y(k.swap.requestId);let v=`../${M.swaps}/${k.swap.requestId}`;l(v,{replace:!0}),setTimeout(()=>{e("")},0)}catch(v){u("Error: "+v?.message)}},"addNewSwap"),_=s(async()=>{await A()},"onConfirm"),L=s(async()=>{k?.warnings?.quote&&!a?b(!0):await _()},"onStartConfirmSwap"),H=s(async()=>{h({error:null,swap:null,warnings:null}),d({selectedWallets:o}).then(v=>{h(v)}).catch(v=>console.error(v))},"onRefresh");return xn(()=>{c&&f()},[c]),xn(()=>{c&&g(c)},[c]),xn(()=>{c||d({selectedWallets:o,customDestination:i}).then(v=>h(v)).catch(v=>console.error(v))},[]),xn(()=>{let v=k.warnings?.quote?.type&&Object.values(nt).includes(k.warnings?.quote?.type),z=o.length<1||!o.every(U=>m.find(ne=>U.address===ne.address&&U.walletType===ne.walletType&&U.chain===ne.chain)),O=!1;if(v){let U=Vo(t),ne=t?.result?.swaps[t.result.swaps.length-1].to.blockchain;!!t?.result?.swaps.find(oe=>oe.from.blockchain===ne)||(U=U.slice(-U.length,U.length-1)),U.every(oe=>o.find(fe=>fe.chain===oe))||(O=!0)}t&&(z||O)&&(queueMicrotask(()=>df(g.bind(null,!0))),r(!1))},[k.warnings?.quote,o.length,m.length]),Y.createElement(j,{header:{title:vn.t("Confirm Swap"),onWallet:()=>{let v=`../${M.wallets}`;l(v)},suffix:Y.createElement(uf,{container:Z(),side:"bottom",content:vn.t("Settings")},Y.createElement(Le,{size:"small",variant:"ghost",onClick:()=>l("../"+M.settings)},Y.createElement(pf,{size:18,color:"black"})))},footer:Y.createElement(hf,null,Y.createElement("div",{className:"confirm-button"},Y.createElement(Pl,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:w,disabled:!!k.error,onClick:L},vn.t("Start Swap"))),Y.createElement(Dl,{variant:"contained",type:"primary",size:"large",loading:w,onClick:g.bind(null,!0)},Y.createElement(mf,{size:24})))},S&&Y.createElement(Ml,{open:S,onClose:()=>g(!1),onCancel:f,loading:w,onCheckBalance:B}),Y.createElement(gf,null,Y.createElement("div",{className:"description"},Y.createElement(cf,{variant:"title",size:"small"},vn.t("You get")),Y.createElement(Pl,{style:{padding:"0"},variant:"ghost",disabled:w,onClick:H},Y.createElement("div",{className:"icon"},Y.createElement(lf,{size:16})))),p&&Y.createElement(Y.Fragment,null,Y.createElement($l,{type:"error",variant:"alarm",title:p}),Y.createElement(_l,{size:12})),k.warnings?.quoteUpdate&&Y.createElement(Y.Fragment,null,Y.createElement($l,{variant:"alarm",type:"warning",title:k.warnings.quoteUpdate&&yn(k.warnings.quoteUpdate)}),Y.createElement(_l,{size:12})),Y.createElement(to,{quote:t,type:"swap-preview",expanded:!0,error:k.error,loading:w,warning:k.warnings?.quote??null,refetchQuote:H,showWarningModal:C,onOpenWarningModal:()=>b(!0),onCloseWarningModal:()=>b(!1),onConfirmWarningModal:async()=>{b(!1),await A()}})))}s(Ol,"ConfirmSwapPage");import{i18n as An}from"@lingui/core";import{useManager as vf}from"@rango-dev/queue-manager-react";import{Divider as xf,NotFound as bf,styled as Kl}from"@rango-dev/ui";import ct,{useState as Ef}from"react";import{useNavigate as Af}from"react-router-dom";import{CloseIcon as Sf,IconButton as Cf,SearchIcon as kf,TextField as Tf}from"@rango-dev/ui";import ro from"react";import{styled as yf}from"@rango-dev/ui";var Ul=yf("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 ro.createElement(Tf,{prefix:ro.createElement(Ul,null,ro.createElement(kf,{color:"black"})),suffix:!!a.length&&ro.createElement(Cf,{variant:"ghost",onClick:()=>l?.(""),size:"small"},ro.createElement(Sf,{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 Gl,SwapListItem as Hl,Typography as Ql}from"@rango-dev/ui";import R from"react";import{darkTheme as wf,styled as En}from"@rango-dev/ui";var Rr=En("div",{width:"100%",display:"flex",flexDirection:"column",".group-title":{$$color:"$colors$neutral600",[`.${wf} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),ei=En("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),ti=En("div",{gap:"$10",display:"flex",flexDirection:"column"}),zl=En("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});function oi(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,i=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(Rr,null,R.createElement(ei,null,R.createElement(Ql,{variant:"label",size:"medium",className:"group-title"},ql.t(p.title))),R.createElement(Gl,{size:4}),R.createElement(ti,null,p.swaps.map((u,m)=>{let c=m+p.title;return R.createElement(R.Fragment,{key:c},R.createElement(Hl,{isLoading:!0}))}))))))}return R.createElement(R.Fragment,null,i.filter(a=>a.swaps.length>0).map(a=>R.createElement(R.Fragment,{key:a.title},R.createElement(Rr,null,R.createElement(ei,null,R.createElement(Ql,{variant:"label",size:"medium",className:"group-title"},ql.t(a.title))),R.createElement(Gl,{size:4}),R.createElement(ti,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(Hl,{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:Io(l.inputAmount)},to:{token:{image:u.toLogo,displayName:u.toSymbol},blockchain:{image:u.toBlockchainLogo||""},amount:Io(u.outputAmount||""),estimatedAmount:Io(u.expectedOutputAmountHumanReadable||"")}}}))}))))))}s(oi,"SwapsGroup");import Vl from"dayjs";var jl=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=Vl();return t.forEach(n=>{let r=Vl(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 Ut=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 If=Kl("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",height:"100%",gap:15}),Wf=Kl("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),Nf=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 Xl(){let t=Se.use.setSelectedSwap(),e=Af(),{manager:o,state:n}=vf(),r=Ut(o).map(({swap:c})=>c),[i,a]=Ef(""),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)||Nf(c.steps,i)||Ge(c.requestId,i)));let m=!u?.length&&!l;return ct.createElement(j,{header:{title:An.t("History")}},ct.createElement(If,null,ct.createElement(Re,{setValue:a,fullWidth:!0,variant:"contained",placeholder:An.t("Search Transaction"),autoFocus:!0,onChange:p,value:i}),ct.createElement(Wf,null,m&&ct.createElement(zl,null,ct.createElement(xf,{size:32}),ct.createElement(bf,{title:An.t("No results found"),description:i?An.t("Try using different keywords"):""})),!m&&ct.createElement(oi,{list:u,onSwapClick:c=>{t(c),e(c)},groupBy:jl,isLoading:l}))))}s(Xl,"HistoryPage");import{i18n as Yl}from"@lingui/core";import{List as Lf,ListItemButton as Bf,Radio as Mf,RadioRoot as $f,Typography as Pf}from"@rango-dev/ui";import mt from"react";import{styled as In}from"@rango-dev/ui";var et=In("div",{height:"100%",overflow:"hidden"}),io=In("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto"}),ni=In("div",{width:80,display:"flex",justifyContent:"flex-end"}),ri=In("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});function Wn(){let t=D.use.language(),e=D.use.setLanguage();return{activeLanguage:t,languages:ys,defaultLanguage:Po,changeLanguage:e}}s(Wn,"useLanguage");function Jl(){let{activeLanguage:t,changeLanguage:e,languages:o}=Wn(),n=o.map(r=>{let{local:i,label:a,SVGFlag:l}=r;return{id:i,value:i,title:mt.createElement(Pf,{variant:"title",size:"xmedium"},a),onClick:()=>e(r.local),end:mt.createElement(Mf,{value:i}),start:mt.createElement(l,null)}});return mt.createElement(j,{header:{title:Yl.t("Language")}},mt.createElement(et,null,mt.createElement($f,{value:t},mt.createElement(Lf,{type:mt.createElement(Bf,{title:Yl.t("language"),id:"_",onClick:()=>console.log()}),items:n}))))}s(Jl,"LanguagePage");import{i18n as zt}from"@lingui/core";import{Button as Uf,Checkbox as zf,Image as qf,ListItemButton as Gf,NotFound as Hf,Typography as Qf}from"@rango-dev/ui";import ye,{useState as Vf}from"react";import{Checkbox as Ff,Skeleton as Rl}from"@rango-dev/ui";import so from"react";import{ListItem as _f,styled as Df}from"@rango-dev/ui";var Zl=Df(_f,{height:61});var Of=30;function ii(){return so.createElement(io,null,Array.from(Array(Of),t=>so.createElement(Zl,{hasDivider:!0,key:t,start:so.createElement(Rl,{variant:"circular",width:35,height:35}),title:so.createElement(Rl,{variant:"text",size:"large",width:90}),end:so.createElement(Ff,{checked:!1})})))}s(ii,"LoadingLiquiditySourceList");function si({sourceType:t}){let e=T().fetchStatus,o=T().swappers(),[n,r]=Vf(""),i=D.use.toggleLiquiditySource(),a=_o(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:d,logo:w}=y;return{start:ye.createElement(qf,{src:w,size:22,type:"circular"}),onClick:()=>i(d),end:ye.createElement(zf,{checked:x}),title:ye.createElement(Qf,{variant:"title",size:"xmedium"},zt.t(d)),...y}}),S=s(y=>{let x=y.target.value;r(x)},"searchHandler"),g=c;return n&&(g=c.filter(y=>Ge(y.groupTitle,n))),ye.createElement(j,{header:{title:zt.t(t),suffix:ye.createElement(ni,null,ye.createElement(Uf,{variant:"ghost",size:"xsmall",onClick:m},zt.t(u?"Deselect all":"Select all")))}},ye.createElement(et,null,ye.createElement(Re,{value:n,setValue:r,fullWidth:!0,color:"light",variant:"contained",placeholder:zt.t("Search {sourceType}",{sourceType:t}),onChange:S}),e==="loading"&&ye.createElement(ii,null),!g.length&&n?ye.createElement(ri,null,ye.createElement(Hf,{title:zt.t("No results found"),description:zt.t("Try using different keywords")})):e==="success"&&ye.createElement(io,null,g.map(y=>ye.createElement(ye.Fragment,{key:y.id},ye.createElement(Gf,{style:{height:"61px"},...y,selected:!1,hasDivider:!0}))))))}s(si,"LiquiditySourcePage");import{i18n as ap}from"@lingui/core";import{Divider as ui,SelectableCategoryList as tg}from"@rango-dev/ui";import vt,{useState as lp}from"react";import{i18n as li}from"@lingui/core";import{Divider as ip,Image as Yf,ListItemButton as Jf,NotFound as Zf,Typography as sp}from"@rango-dev/ui";import We,{useEffect as Rf,useState as eg}from"react";import{BlockchainCategories as ai}from"@rango-dev/ui";import{TransactionType as Nn}from"rango-sdk";var jf=s((t,e)=>{switch(e){case ai.ALL:return!0;case ai.UTXO:return t.type===Nn.TRANSFER;case ai.OTHER:return t.type!==Nn.TRANSFER&&t.type!==Nn.COSMOS&&t.type!==Nn.EVM;default:return t.type===e}},"filterByType"),ep=s((t,e,o)=>t.filter(n=>jf(n,o)).filter(n=>gt(n.name,e)||gt(n.displayName,e)),"filterBlockchains");import{styled as tp}from"@rango-dev/ui";var op=tp("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),Ln=tp("ul",{padding:0,margin:0,listStyle:"none",overflowY:"auto",paddingRight:"$5",".image-container":{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as Kf,Skeleton as np}from"@rango-dev/ui";import Bn from"react";var Xf=20;function rp(){return Bn.createElement(Ln,null,Array.from(Array(Xf),t=>Bn.createElement(Kf,{key:t,hasDivider:!0,start:Bn.createElement(np,{variant:"circular",width:35,height:35}),title:Bn.createElement(np,{variant:"text",size:"large",width:90})})))}s(rp,"LoadingBlockchainList");function pi(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[i,a]=eg(e),{fetchStatus:l}=T();Rf(()=>{a([...ep(e,o,r)])},[e,o,r]);let p=s(()=>!i.length&&o?We.createElement(We.Fragment,null,We.createElement(ip,{size:32}),We.createElement(Zf,{title:li.t("No results found"),description:li.t("Try using different keywords")})):We.createElement(Ln,{key:`${r}-${o}`},i.map(u=>We.createElement(Jf,{key:`${u.name}-${u.chainId}`,hasDivider:!0,onClick:()=>n(u),start:We.createElement(Yf,{src:u.logo,size:30}),title:We.createElement(sp,{variant:"title",size:"medium"},u.displayName),id:u.chainId}))),"renderList");return We.createElement(op,null,We.createElement(sp,{variant:"label",size:"large"},li.t("Select Blockchain")),We.createElement(ip,{size:4}),l==="loading"&&We.createElement(rp,null),l==="success"&&p())}s(pi,"BlockchainList");function ci(t){let{type:e}=t,o=ot(),[n,r]=lp(""),[i,a]=lp("ALL"),l=P.use.setToBlockchain(),p=P.use.setFromBlockchain(),u=T().fetchStatus,m=T().blockchains({type:e});return vt.createElement(j,{header:{title:ap.t("Select Blockchain")}},vt.createElement(ui,{size:12}),vt.createElement(tg,{setCategory:a,category:i,blockchains:m,isLoading:u==="loading"}),vt.createElement(ui,{size:24}),vt.createElement(Re,{value:n,autoFocus:!0,placeholder:ap.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:c=>r(c.target.value)}),vt.createElement(ui,{size:16}),vt.createElement(pi,{list:m,searchedFor:n,blockchainCategory:i,onChange:c=>{e==="source"?p(c):l(c),o()}}))}s(ci,"SelectBlockchainPage");import{i18n as Ap}from"@lingui/core";import{Divider as Ip}from"@rango-dev/ui";import qt,{useState as Sg}from"react";import{useNavigate as Cg}from"react-router-dom";import{i18n as di}from"@lingui/core";import{BlockchainsChip as Mn,Divider as mp,Image as dp,Skeleton as sg,Typography as fi}from"@rango-dev/ui";import de from"react";import{useEffect as rg}from"react";var pp=["ETH","COSMOS","OSMOSIS"];function up(t,e,o){let n=JSON.parse(JSON.stringify(t)),r=[];if(n.sort(og),o?.limit&&t.length>o.limit){let i=o.limit,a=e;if(e.length<=o.limit)for(let l=0;l<o.limit;l++){let p=n[l];a=a.filter(u=>p.name!==u)}n.sort(ng(a)),r=n.splice(i)}return{list:n,more:r}}s(up,"prepare");function og(t,e){let o=pp,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(og,"sortByMostUsedBlockchains");function ng(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(ng,"generateSortByPreferredBlockchainsFor");function mi(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=D();rg(()=>{e?.selected&&n(e?.selected)},[e?.selected]);let r=up(t,o,e);return{list:r.list,more:r.more,history:[]}}s(mi,"usePrepareBlockchainList");import{styled as ig}from"@rango-dev/ui";var cp=ig("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var ag=12;function gi(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:i}=t,a=mi(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 de.createElement("div",null,de.createElement(mp,{size:12}),de.createElement(fi,{variant:"label",size:"large"},di.t("Select Blockchain")),de.createElement(mp,{size:12}),de.createElement(cp,null,l==="loading"&&Array.from(Array(ag),g=>de.createElement(sg,{key:g,variant:"rounded",height:50})),l==="success"&&de.createElement(de.Fragment,null,de.createElement(Mn,{selected:!n,onClick:()=>{o==="from"?u():p()}},de.createElement(fi,{variant:"body",size:"xsmall",color:"secondary500"},di.t("All"))),a.list.map(g=>de.createElement(Mn,{key:g.name,selected:!!n&&n.name===g.name,onClick:()=>r(g)},de.createElement(dp,{src:g.logo,size:30}))),c?de.createElement(Mn,{key:a.more[0].name,selected:!!n&&n.name===a.more[0].name,onClick:()=>r(a.more[0])},de.createElement(dp,{src:a.more[0].logo,size:30})):null,S?de.createElement(Mn,{onClick:i,key:"more-blockchains"},de.createElement(fi,{variant:"body",size:"xsmall",color:"secondary500"},di._("More +{count}",{count:a.more.length}))):null)))}s(gi,"BlockchainsSection");import{i18n as ki}from"@lingui/core";import{darkTheme as wp,Divider as lo,ExternalLinkIcon as ug,Image as cg,ListItemButton as mg,NotFound as dg,PinIcon as fg,Skeleton as vp,Typography as po,VirtualizedList as gg}from"@rango-dev/ui";import $,{forwardRef as hg,useEffect as xp,useState as bp}from"react";var fp=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"),$n=s((t,e)=>{let a={[t]:e};for(let l=1;l<10;l++)l<5&&(a={...a,[t+l*100]:fp(e,(5-l)*25)}),l===5&&(a={...a,[t+l*100]:e}),l>5&&(a={...a,[t+l*100]:fp(e,-((l-5)*25))});return a},"generateRangeColors"),hi=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=$n(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,...$n(i,a)}}return n?r:{}},"generateColors");import{Divider as kp,ListItem as pg,Skeleton as ao}from"@rango-dev/ui";import Ue from"react";import{darkTheme as gp,styled as Ke,Typography as lg}from"@rango-dev/ui";var hp=Ke("div",{display:"flex",flexDirection:"column",flexGrow:1}),yi=Ke("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),Pn=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",[`.${gp} &`]:{$$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"}}}}}),Si=Ke("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),Ci=Ke(lg,{}),yp=Ke("div",{textAlign:"right",".usd-value":{$$color:"$colors$neutral600",[`.${gp} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),_n=Ke("ul",{display:"flex",alignItems:"end",flexDirection:"column"}),rW=Ke("div",{display:"flex",alignItems:"center"}),Sp=Ke("div",{position:"relative",".image-container":{borderRadius:"$xm",overflow:"hidden"}}),Cp=Ke("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6});function Tp(t){return Ue.createElement(Pn,null,Array.from(Array(t.size),e=>Ue.createElement(pg,{key:e,hasDivider:!0,start:Ue.createElement(ao,{variant:"circular",width:35,height:35}),end:Ue.createElement(_n,null,Ue.createElement(ao,{variant:"text",size:"large",width:70}),Ue.createElement(kp,{size:4}),Ue.createElement(ao,{variant:"text",size:"medium",width:50})),title:Ue.createElement("div",null,Ue.createElement(ao,{variant:"text",size:"large",width:90}),Ue.createElement(kp,{size:4}),Ue.createElement(ao,{variant:"text",size:"medium",width:90}))})))}s(Tp,"LoadingTokenList");var Ti=20,yg=s(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:i,customCssForTagTitle:a}=t,l=e.length;return $.createElement("div",{className:"description"},o?$.createElement("div",{className:"token-name"},o):$.createElement(yi,{className:"token-title"},$.createElement(po,{variant:"title",size:"xmedium"},r.symbol),$.createElement(lo,{direction:"horizontal",size:4}),$.createElement(Si,{css:i},$.createElement(Ci,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&$.createElement("div",{className:`token-address ${!o&&"token-address-without-name"}`},$.createElement("a",{href:n,target:"_blank",rel:"nofollow noreferrer",onClick:p=>p.stopPropagation()},l>10?`${e.slice(0,5)}...${e.slice(l-6,l)}`:e," ",$.createElement(ug,{color:"gray",size:12}))))},"renderDesc");function Ep(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[i,a]=bp(e),l=T().fetchStatus,p=T().blockchains(),[u,m]=bp(!0),c=V.use.loading(),{isTokenPinned:S}=T(),g=hg((d,w)=>$.createElement("div",{...d,ref:w,style:{...d.style,height:`${parseFloat(d.style?.height)+8*2}px`}})),y=s(()=>{a(e.slice(0,i.length+Ti))},"loadNextPage");xp(()=>{m(e.length>i.length)},[i.length]),xp(()=>{a(e.slice(0,Ti))},[e]);let x=s(()=>!i.length&&o?$.createElement($.Fragment,null,$.createElement(lo,{size:32}),$.createElement(dg,{title:ki.t("No results found"),description:ki.t("Try using different keywords")})):$.createElement(gg,{Item:({index:d,style:w})=>{let f=i[d],k=f.address||"",h=p.find(A=>A.name===f.blockchain),C=$n(f.symbol,h?.color||""),b={$$color:C[`${f.symbol}100`],[`.${wp} &`]:{$$color:C[`${f.symbol}900`]},backgroundColor:"$$color"},B={$$color:C[`${f.symbol}700`],[`.${wp} &`]:{$$color:C[`${f.symbol}100`]},color:"$$color"};return $.createElement("div",{style:{...w,paddingRight:5}},$.createElement(mg,{style:{height:w?.height},"tab-index":d,key:`${f.symbol}${f.address}`,id:`${f.symbol}${f.address}`,hasDivider:!0,onClick:()=>n(i[d]),start:$.createElement(Sp,null,$.createElement(cg,{src:f.image,size:30}),S(f)&&$.createElement(Cp,null,$.createElement(fg,{size:12,color:"gray"}))),title:h?.type==="COSMOS"||f.name||!f.name&&!k?$.createElement(yi,null,$.createElement(po,{variant:"title",size:"xmedium"},f.symbol),$.createElement(lo,{direction:"horizontal",size:4}),$.createElement(Si,{css:b},$.createElement(Ci,{variant:"body",size:"xsmall",css:B},f.blockchain))):void 0,description:h?.info&&k&&h.type!=="COSMOS"?yg({address:k,token:i[d],customCssForTag:b,customCssForTagTitle:B,name:f.name,url:h.info.addressUrl.split("{wallet}").join(k)}):f.name||void 0,end:c?$.createElement(_n,null,$.createElement(vp,{variant:"text",size:"large",width:70}),$.createElement(lo,{size:4}),$.createElement(vp,{variant:"text",size:"medium",width:50})):i[d]?.balance&&$.createElement(yp,null,$.createElement(po,{variant:"title",size:"small"},f.balance?.amount),$.createElement("div",null),f.balance?.usdValue&&$.createElement(po,{variant:"body",className:"usd-value",size:"xsmall"},`$${f.balance?.usdValue}`))}))},hasNextPage:u,itemCount:i.length,loadNextPage:y,innerElementType:g,size:60,key:`${r}-${o}`}),"renderList");return $.createElement(hp,null,$.createElement(po,{variant:"label",size:"large"},ki.t("Select Token")),$.createElement(lo,{size:4}),l==="loading"&&$.createElement(Tp,{size:Ti}),l==="success"&&$.createElement(Pn,null,x()))}s(Ep,"TokenList");function wi(t){let{type:e}=t,o=Cg(),n=ot(),{fromBlockchain:r,toBlockchain:i,setFromToken:a,setToToken:l,setFromBlockchain:p,setToBlockchain:u}=P(),{connectedWallets:m}=V(),[c,S]=Sg(""),y=(e==="source"?r:i)?.name??"",x=T().blockchains({type:e}),d=T().tokens({type:e,blockchain:y,searchFor:c}),w=us(d,m),f=s(h=>{e==="source"?p(h):u(h)},"updateBlockchain"),k=s(h=>{e==="source"?a({token:h,meta:{blockchains:x,tokens:d}}):l({token:h,meta:{blockchains:x,tokens:d}})},"updateToken");return qt.createElement(j,{header:{title:Ap.t("Swap {type}",{type:e})}},qt.createElement(gi,{blockchains:x,type:e=="source"?"from":"to",blockchain:e==="source"?r:i,onMoreClick:()=>o(M.blockchains),onChange:h=>{f(h)}}),qt.createElement(Ip,{size:24}),qt.createElement(Re,{value:c,autoFocus:!0,placeholder:Ap.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>S(""),onChange:h=>S(h.target.value)}),qt.createElement(Ip,{size:16}),qt.createElement(Ep,{list:w,selectedBlockchain:y,searchedFor:c,onChange:h=>{k(h);let C=x.find(b=>h.blockchain===b.name);C&&f(C),n()}}))}s(wi,"SelectSwapItemsPage");import{i18n as xt}from"@lingui/core";import{ChevronRightIcon as bi,Divider as Ei,InfoIcon as bg,List as Eg,ListItemButton as Ag,Skeleton as Ig,Switch as Wg,Tooltip as Ng,Typography as bt}from"@rango-dev/ui";import Q from"react";import{useNavigate as Lg}from"react-router-dom";import{i18n as Mp}from"@lingui/core";import{Chip as Tg,Divider as $p,InfoIcon as wg,TextField as vg,Tooltip as xg,Typography as Pp}from"@rango-dev/ui";import ke from"react";import{styled as Dn}from"@rango-dev/ui";var Wp=Dn("div",{paddingTop:"$5",paddingBottom:"30px"}),Np=Dn("div",{display:"flex",alignItems:"center",justifyContent:"start"}),Lp=Dn("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),Fn=Dn("div",{maxWidth:"300px",padding:"$10"});import{i18n as vi}from"@lingui/core";import{Typography as kg}from"@rango-dev/ui";import uo from"react";function Bp(){return uo.createElement(Fn,null,uo.createElement(kg,{variant:"label",size:"medium",color:"neutral700"},vi.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),uo.createElement("br",null),uo.createElement("br",null),uo.createElement("b",null,vi.t("Warning")),":",vi.t("This setting is applied per step, e.g. 1Inch, Thorchain, etc. and only that step will be reverted, not the whole transaction")))}s(Bp,"SlippageTooltipContent");function xi(){let t=D.use.slippage(),e=D.use.setSlippage(),o=D.use.customSlippage(),n=D.use.setCustomSlippage();return ke.createElement(Wp,null,ke.createElement(Lp,null,ke.createElement(Pp,{variant:"title",size:"xmedium"},Mp.t("Slippage tolerance per swap")),ke.createElement($p,{direction:"horizontal",size:4}),ke.createElement(xg,{container:Z(),side:"top",content:ke.createElement(Bp,null)},ke.createElement(wg,{color:"gray"}))),ke.createElement(Np,null,Ss.map((r,i)=>{let a=`slippage-${i}`;return ke.createElement(ke.Fragment,null,ke.createElement(Tg,{style:{width:"64px",flexShrink:0},key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`}),ke.createElement($p,{direction:"horizontal",size:8}))}),ke.createElement(vg,{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>=ws&&i<=Ts)&&n(i)},suffix:o&&ke.createElement(Pp,{variant:"body",size:"small"},"%"),placeholder:Mp.t("Custom")})))}s(xi,"Slippage");function _p(){let t=Lg(),{theme:e}=T().config,o=T().fetchStatus,n=T().swappers(),r=D.use.infiniteApprove(),i=D.use.toggleInfiniteApprove(),a=_o(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,g=s((k,h)=>{switch(o){case"loading":return Q.createElement(Ig,{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,g(u,p),Q.createElement(Ei,{direction:"horizontal",size:8}),Q.createElement(bi,{color:"black"})),onClick:()=>t(M.bridges)},x={id:"exchange-item",title:Q.createElement(bt,{variant:"title",size:"xmedium"},xt.t("Enabled exchanges")),end:Q.createElement(Q.Fragment,null,g(S,c),Q.createElement(Ei,{direction:"horizontal",size:8}),Q.createElement(bi,{color:"gray"})),onClick:()=>t(M.exchanges)},d={id:"theme-item",title:Q.createElement(bt,{variant:"title",size:"xmedium"},xt.t("Theme")),end:Q.createElement(bi,{color:"gray"}),onClick:()=>t(M.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(Ei,{direction:"horizontal",size:4}),Q.createElement(Ng,{side:"top",container:Z(),content:Q.createElement(Fn,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(bg,{color:"gray"}))),end:Q.createElement(Wg,{checked:r}),onClick:i},f=[y,x];return e?.singleTheme||f.push(d),f.push(w),Q.createElement(j,{header:{title:xt.t("Setting")}},Q.createElement(et,null,Q.createElement(xi,null),Q.createElement(Eg,{type:Q.createElement(Ag,{title:"_",id:"_",onClick:()=>console.log()}),items:f})))}s(_p,"SettingsPage");import{cancelSwap as bh}from"@rango-dev/queue-manager-rango-preset";import{useManager as Eh}from"@rango-dev/queue-manager-react";import fu from"react";import{i18n as tt}from"@lingui/core";import{getCurrentBlockchainOfOrNull as sh,getCurrentStep as ah,getRelatedWalletOrNull as lh,PendingSwapNetworkStatus as Kn}from"@rango-dev/queue-manager-rango-preset";import{Button as su,CopyIcon as ph,Divider as uh,IconButton as ch,QuoteCost as mh,StepDetails as dh,Typography as Ht,useCopyToClipboard as fh}from"@rango-dev/ui";import{useWallets as gh}from"@rango-dev/wallets-react";import K,{useEffect as au,useRef as hh,useState as lu}from"react";import{useNavigate as yh}from"react-router-dom";import{i18n as Te}from"@lingui/core";var Bg=1e3,Mg=31536e3,$g=2592e3,Pg=86400,_g=3600,Dg=60;function Dp(t){let e=Math.floor((Date.now()-t)/Bg),n=[{turningPoint:Mg,label:Te.t("year"),pluralLabel:Te.t("years")},{turningPoint:$g,label:Te.t("month"),pluralLabel:Te.t("months")},{turningPoint:Pg,label:Te.t("day"),pluralLabel:Te.t("days")},{turningPoint:_g,label:Te.t("hour"),pluralLabel:Te.t("hours")},{turningPoint:Dg,label:Te.t("minute"),pluralLabel:Te.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} ${Te.t("seconds")}`:`${e} ${Te.t("second")}`}s(Dp,"timeSince");function Fp(t){return t.finishTime?Te.t({id:"{time} ago",values:{time:Dp(parseInt(t.finishTime))}}):Te.t({id:"{time} ago",values:{time:Dp(parseInt(t.creationTime))}})}s(Fp,"getSwapDate");import{PendingSwapNetworkStatus as zn}from"@rango-dev/queue-manager-rango-preset";import{Modal as Hg}from"@rango-dev/ui";import qn from"react";import{i18n as On}from"@lingui/core";import{Button as Op,Divider as Ai,MessageBox as Fg,Typography as Up}from"@rango-dev/ui";import Xe from"react";var zp=s(({onCancel:t,onClose:e})=>Xe.createElement(Xe.Fragment,null,Xe.createElement(Ai,{size:20}),Xe.createElement(Fg,{type:"error",title:On.t("Transaction Cancel"),description:On.t("Are you sure you want to Cancel this swap?")}),Xe.createElement(Ai,{size:32}),Xe.createElement(Op,{variant:"contained",type:"primary",size:"large",onClick:t},Xe.createElement(Up,{variant:"title",size:"medium",color:"neutral100"},On.t("Yes, Cancel it"))),Xe.createElement(Ai,{size:12}),Xe.createElement(Op,{variant:"outlined",type:"primary",size:"large",onClick:e},Xe.createElement(Up,{variant:"title",size:"medium",color:"primary"},On.t("No, Continue")))),"CancelContent");import{i18n as Un}from"@lingui/core";import{Button as qp,Divider as Ii,MessageBox as Og,Typography as Gp}from"@rango-dev/ui";import Ye from"react";var Hp=s(({onDelete:t,onClose:e})=>Ye.createElement(Ye.Fragment,null,Ye.createElement(Ii,{size:20}),Ye.createElement(Og,{type:"error",title:Un.t("Delete Transaction"),description:Un.t("Are you sure you want to delete this swap?")}),Ye.createElement(Ii,{size:32}),Ye.createElement(qp,{variant:"contained",type:"primary",size:"large",onClick:t},Ye.createElement(Gp,{variant:"title",size:"medium",color:"neutral100"},Un.t("Yes, Delete it"))),Ye.createElement(Ii,{size:12}),Ye.createElement(qp,{variant:"outlined",type:"primary",size:"large",onClick:e},Ye.createElement(Gp,{variant:"title",size:"medium",color:"primary"},Un.t("No, Cancel")))),"DeleteContent");import{i18n as Wi}from"@lingui/core";import{PendingSwapNetworkStatus as Ni}from"@rango-dev/queue-manager-rango-preset";var Li={[Ni.WaitingForNetworkChange]:{type:"loading",title:Wi.t("Change Network")},[Ni.WaitingForConnectingWallet]:{type:"warning",title:Wi.t("Connect Wallet")},[Ni.NetworkChanged]:{type:"success",title:Wi.t("Network Changed")}};import{MessageBox as zg,Wallet as qg,WalletState as Vp}from"@rango-dev/ui";import{useWallets as Gg}from"@rango-dev/wallets-react";import co from"react";import{styled as Ug}from"@rango-dev/ui";var Qp=Ug("div",{display:"flex",justifyContent:"center"});var jp=s(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:i}=t,{connect:a,getWalletInfo:l,state:p}=Gg(),u=n?.walletType,c=u&&p(u).connected?Vp.CONNECTED:Vp.DISCONNECTED;return co.createElement(co.Fragment,null,co.createElement(zg,{type:e,title:o,description:r}),i&&u&&co.createElement(Qp,null,co.createElement(qg,{container:Z(),title:l(u).name,image:l(u).img,type:u,state:c,onClick:async()=>a(u)})))},"WalletStateContent");function Bi(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:i,message:a}=t,l=e===zn.WaitingForNetworkChange||e===zn.WaitingForConnectingWallet||e===zn.NetworkChanged;return qn.createElement(Hg,{open:!!e,onClose:o,container:document.getElementById("swap-box")||document.body},l&&qn.createElement(jp,{type:Li[e].type,title:Li[e].title,currentStepWallet:i,message:a,showWalletButton:e!==zn.WaitingForNetworkChange}),e==="delete"&&qn.createElement(Hp,{onClose:o,onDelete:n}),e==="cancel"&&qn.createElement(zp,{onClose:o,onCancel:r}))}s(Bi,"SwapDetailsModal");import{i18n as mo}from"@lingui/core";import{Button as Mi,Divider as Gn,MessageBox as Kp,Modal as Qg,TokenAmount as Vg,Typography as Hn}from"@rango-dev/ui";import ue from"react";import{useNavigate as jg}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=jg();return ue.createElement(Qg,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},n==="success"?ue.createElement(Kp,{type:"success",title:mo.t("Swap Successful")},ue.createElement(Vg,{direction:"vertical",type:"output",centerAlign:!0,price:{value:r,usdValue:i},token:a,chain:l,percentageChange:p}),ue.createElement(Gn,{size:12}),ue.createElement(Hn,{variant:"body",size:"medium",color:"neutral700",align:"center"},u)):ue.createElement(Kp,{type:"error",title:mo.t("Transaction Failed"),description:u}),ue.createElement(Gn,{size:32}),n==="success"&&ue.createElement(Mi,{variant:"contained",type:"primary",size:"large",onClick:()=>{c("../../")}},ue.createElement(Hn,{variant:"title",size:"medium",color:"neutral100"},mo.t("Done"))),ue.createElement(Gn,{size:12}),m&&ue.createElement(ue.Fragment,null,ue.createElement(Mi,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(m,"_blank")},ue.createElement(Hn,{variant:"title",size:"medium",color:"primary"},mo.t("Diagnosis"))),ue.createElement(Gn,{size:12})),ue.createElement(Mi,{variant:"outlined",type:"primary",size:"large",onClick:o},ue.createElement(Hn,{variant:"title",size:"medium",color:"primary"},mo.t("See Details"))))}s($i,"SwapDetailsCompleteModal");import rh from"react";import{i18n as eh}from"@lingui/core";import{Alert as eu,IconButton as th,LinkIcon as oh}from"@rango-dev/ui";import dt,{Fragment as nh}from"react";import{Alert as Kg,ChevronDownIcon as Xg,ChevronUpIcon as Yg,IconButton as Jg}from"@rango-dev/ui";import Qn,{useState as Zg}from"react";function Xp(t){let{message:e}=t,[o,n]=Zg(!1);return Qn.createElement(Kg,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&Qn.createElement(Jg,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?Qn.createElement(Yg,{size:12,color:"gray"}):Qn.createElement(Xg,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}s(Xp,"FailedAlert");import{styled as Rg}from"@rango-dev/ui";var Yp=Rg("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as Jp}from"@lingui/core";import{PendingSwapNetworkStatus as Pi}from"@rango-dev/queue-manager-rango-preset";import{Alert as _i,Button as Zp}from"@rango-dev/ui";import fo from"react";function Rp(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?fo.createElement(_i,{type:"warning",title:n.shortMessage,action:fo.createElement(Zp,{size:"xxsmall",type:"warning",onClick:()=>{o(Pi.WaitingForNetworkChange),e().catch(i=>{console.log(i)})}},Jp.t("Change"))}):r===Pi.WaitingForConnectingWallet?fo.createElement(_i,{type:"warning",title:n.shortMessage,action:fo.createElement(Zp,{size:"xxsmall",type:"warning",onClick:()=>{o(Pi.WaitingForConnectingWallet)}},Jp.t("Connect"))}):fo.createElement(_i,{type:"warning",title:n.shortMessage})}s(Rp,"WarningAlert");function Di(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:i,hasAlreadyProceededToSign:a}=t,l=Kt(i),p=i.status==="waitingForApproval"&&!l,u=i.status==="running"&&!l;return dt.createElement(Yp,null,i.explorerUrl?.map((m,c,S)=>{let g=c+m.url,y=c===S.length-1,x=y&&u||p,d=y&&i.status==="failed";return dt.createElement(nh,{key:g},dt.createElement(eu,{type:x&&"loading"||d&&"error"||"success",title:m.description?`${m.description} Tx`:eh.t("View transaction"),action:m.url&&dt.createElement(th,{variant:"ghost",size:"xsmall",onClick:()=>window.open(m.url,"_blank")},dt.createElement(oh,{size:16}))}))}),(u&&!a||p&&!i.explorerUrl?.length)&&dt.createElement(eu,{type:"loading",title:r.shortMessage}),i.status!=="failed"&&l&&dt.createElement(Rp,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),i.status==="failed"&&dt.createElement(Xp,{message:r}))}s(Di,"SwapDetailsAlerts");var tu=2e3;var ou=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:hr(r.fromBlockchain,e)??"",image:r.fromBlockchainLogo??""},price:{value:W(a,6,6)}},to:{token:{displayName:r.toSymbol,image:r.toLogo},chain:{displayName:hr(r.toBlockchain,e)??"",image:r.toBlockchainLogo??""},price:{value:W(r.outputAmount||r.expectedOutputAmountHumanReadable,6,6)}},swapper:{displayName:r.swapperId,image:r.swapperLogo??""},alerts:rh.createElement(Di,{step:r,hasAlreadyProceededToSign:n,...o})}})},"getSteps");function nu(t){if(Kt(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(nu,"getStepState");import{darkTheme as ih,styled as Gt}from"@rango-dev/ui";var Vn=Gt("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",[`.${ih} &`]:{$$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"}}),jn=Gt("div",{width:"100%"}),ru=Gt("div",{padding:"$0 $20 $20 $20",width:"100%",overflow:"auto"}),OL=Gt("div",{display:"flex",flexDirection:"column",gap:"$10"}),iu=Gt("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),UL=Gt("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1});function Fi(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:i,connect:a,getWalletInfo:l}=gh(),p=T().blockchains(),u=T().tokens(),m=P.use.retry(),c=yh(),[S,g]=fh(tu),y=hh(null),[x,d]=lu(null),[w,f]=lu(null),k=s(()=>{r(),d(null)},"onCancel"),h=Ie.use.getUnreadNotifications(),C=Ie.use.setAsRead(),b=h(),B=ah(e),A=B?.networkStatus;au(()=>{b.find(se=>se.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(f(e.status),C(e.requestId))},[e.status]),au(()=>{U?d(Kn.WaitingForNetworkChange):A===Kn.WaitingForConnectingWallet||A===Kn.NetworkChanged?d(A):d(null)},[A]);let _=ea(e),L=B?sh(e,B):null,H=B?lh(e,B):null,v=Fp(e),z=ta(e),O=s(q=>!!l(q)?.mobileWallet,"isMobileWallet"),U=A===Kn.WaitingForNetworkChange&&!!L&&!!H?.walletType&&(O(H.walletType)||i(H.walletType,L)),ne=U?a.bind(null,H.walletType,L):void 0,Ne=Rs(e,B),ee=ou({swap:e,switchNetwork:ne,showNetworkModal:A,setNetworkModal:d,message:Ne,blockchains:p}),oe=ee.length,[fe,ze]=[e.steps[0],e.steps[oe-1]],ft=ze.outputAmount||ze.expectedOutputAmountHumanReadable,wo=e.steps.reduce((q,se)=>q+parseFloat(se.feeInUsd||""),0),Rn=e.steps.find(q=>q.diagnosisUrl)?.diagnosisUrl,Et=W(String(parseFloat(W(ft,6,6))*(Lo(ze.toBlockchain,ze.toSymbol,ze.toSymbolAddress,u)||0)),4,4),vo=W(String(parseFloat(e.inputAmount)*(Lo(fe.fromBlockchain,fe.fromSymbol,fe.fromSymbolAddress,u)||0)),4,4),F=Bt(vo,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:ee[oe-1].to.token.displayName,conciseAddress:Mo(e.wallets[ee[oe-1].to.chain.displayName]?.address||""),chain:ee[oe-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"?()=>d("cancel"):void 0,suffix:e.status!=="running"&&K.createElement(Nt,null,K.createElement(su,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>d("delete")},K.createElement(Ht,{size:"medium",variant:"label",color:"error"},tt.t("Delete"))))},footer:z&&!w&&K.createElement(su,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{m(e,{blockchains:p,tokens:u}),setTimeout(()=>{c("../../")},0)}},tt.t("Try again"))},K.createElement(Vn,null,K.createElement(jn,null,K.createElement("div",{className:"row"},K.createElement(Ht,{variant:"label",size:"large",color:"neutral700"},`${tt.t("Request ID")}:`),K.createElement("div",{className:"request-id"},K.createElement(Ht,{variant:"label",size:"small",color:"neutral700"},o),K.createElement(ch,{variant:"ghost",onClick:g.bind(null,o||"")},K.createElement(ph,{size:16,color:"gray"})))),K.createElement("div",{className:"row"},K.createElement(Ht,{variant:"label",size:"large",color:"neutral700"},`${tt.t("Created at")}:`),K.createElement(Ht,{variant:"label",size:"small",color:"neutral700"},v))),K.createElement("div",{className:"output"},K.createElement(mh,{fee:W(String(wo),2,2),time:Eo(Ao(e.steps)),steps:oe}),K.createElement(Yt,{from:{price:{value:W(e.inputAmount,6,6),usdValue:vo},token:{displayName:ee[0].from.token.displayName,image:ee[0].from.token.image},chain:{image:ee[0].from.chain.image,displayName:ee[0].from.chain.displayName}},to:{price:{value:W(ft,6,6),usdValue:Et},token:{displayName:ee[oe-1].to.token.displayName,image:ee[oe-1].to.token.image},chain:{image:ee[oe-1].to.chain.image,displayName:ee[oe-1].to.chain.displayName}},percentageChange:W(String(F),2,2),warningLevel:Je(F??0)})),K.createElement("div",{className:"title-steps"},K.createElement(Ht,{variant:"title",size:"small"},tt.t("Swaps steps"))),K.createElement(uh,{size:8}),K.createElement(ru,{ref:y},ee.map((q,se)=>{let qe=se,xe=nu(e.steps[se]),er=xe==="error"||xe==="in-progress"||xe==="warning"||xe==="completed"&&se===ee.length-1;return K.createElement(dh,{key:qe,step:q,type:"swap-progress",ref:y,state:xe,hasSeparator:se!==0,tabIndex:qe,isFocused:er})}))),K.createElement(Bi,{state:x,onClose:()=>d(null),onCancel:k,onDelete:n,message:Ne.detailedMessage.content,currentStepWallet:H}),K.createElement($i,{open:!!w,diagnosisUrl:Rn,onClose:()=>f(null),status:e.status==="success"?"success":"failed",priceValue:W(ft,6,6),usdValue:Et,percentageChange:W(String(F),2,2),token:{displayName:ee[oe-1].to.token.displayName,image:ee[oe-1].to.token.image},chain:{image:ee[oe-1].to.chain.image},description:X}))}s(Fi,"SwapDetails");import{i18n as Co}from"@lingui/core";import{CopyIcon as wh,IconButton as vh,NotFound as xh,Skeleton as mu,Typography as Yn}from"@rango-dev/ui";import le from"react";import{i18n as Ch}from"@lingui/core";import{ChainToken as kh,Divider as Ui,Skeleton as So,Typography as Th}from"@rango-dev/ui";import J from"react";import{styled as Oi}from"@rango-dev/ui";var pu=Oi("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"}}),uu=Oi("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"}}),Xn=Oi("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"});import{ChainToken as cu,Divider as go,NextIcon as Sh,Skeleton as ho}from"@rango-dev/ui";import ae from"react";function yo(t){let{extraInfo:e}=t;return ae.createElement(uu,null,ae.createElement("div",{className:"step-title"},ae.createElement(ho,{height:28,width:28,variant:"circular"}),ae.createElement(go,{direction:"horizontal",size:8}),ae.createElement(ho,{height:15,width:148,variant:"rounded"})),ae.createElement("div",{className:"step-tokens"},ae.createElement(go,{direction:"horizontal",size:20}),ae.createElement("div",{className:"step-token-info"},ae.createElement(cu,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ae.createElement(go,{direction:"horizontal",size:8}),ae.createElement(ho,{height:12,width:76,variant:"rounded"})),ae.createElement("div",{className:"step-icon-container"},ae.createElement(Sh,{color:"gray",size:16})),ae.createElement("div",{className:"step-token-info"},ae.createElement(cu,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ae.createElement(go,{direction:"horizontal",size:8}),ae.createElement(ho,{height:12,width:76,variant:"rounded"}))),e&&ae.createElement("div",{className:"extra-info"},ae.createElement(go,{direction:"horizontal",size:20}),ae.createElement(ho,{height:22,width:297,variant:"rectangular"})))}s(yo,"LoadingSwapDetailStep");function zi(){let t=J.createElement("div",{className:"quote-summary-item"},J.createElement("div",{className:"token-amount"},J.createElement(kh,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),J.createElement(Ui,{size:8,direction:"horizontal"}),J.createElement(So,{height:15,width:148,variant:"rounded"})),J.createElement(So,{height:12,width:64,variant:"rounded"}));return J.createElement(pu,null,J.createElement("div",{className:"cost"},J.createElement(So,{width:60,height:10,variant:"rounded"}),J.createElement(Ui,{size:4,direction:"horizontal"}),J.createElement(So,{width:60,height:10,variant:"rounded"}),J.createElement(Ui,{size:4,direction:"horizontal"}),J.createElement(So,{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(Th,{variant:"title",size:"small"},Ch.t("Swaps steps"))),J.createElement("div",{className:"step-container"},J.createElement(yo,{extraInfo:!0}),J.createElement(Xn,null),J.createElement(yo,null),J.createElement(Xn,null),J.createElement(yo,null),J.createElement(Xn,null),J.createElement(yo,null)))}s(zi,"LoadingSwapDetails");function du(t){let{requestId:e,showSkeleton:o}=t;return le.createElement(j,{noPadding:!0,header:{title:Co.t("Swap and Bridge"),suffix:le.createElement(Nt,null)}},o&&le.createElement(Vn,null,le.createElement(jn,null,le.createElement("div",{className:"row"},le.createElement(Yn,{variant:"label",size:"large",color:"neutral700"},`${Co.t("Request ID")}:`),le.createElement("div",{className:"request-id"},le.createElement(Yn,{variant:"label",size:"small",color:"neutral700"},le.createElement(mu,{width:60,height:10,variant:"rounded"})),le.createElement(vh,{variant:"ghost"},le.createElement(wh,{size:16,color:"gray"})))),le.createElement("div",{className:"row"},le.createElement(Yn,{variant:"label",size:"large",color:"neutral700"},`${Co.t("Created at")}:`),le.createElement(Yn,{variant:"label",size:"small",color:"neutral700"},le.createElement(mu,{width:60,height:10,variant:"rounded"})))),le.createElement(zi,null)),!o&&le.createElement(iu,null,le.createElement(xh,{title:Co.t("Not found"),description:Co.t({id:"Swap with request ID = {requestId} not found.",values:{requestId:e}})})))}s(du,"SwapDetailsPlaceholder");function gu(){let{manager:t,state:e}=Eh(),o=!e.loadedFromPersistor,n=Ut(t),r=Se.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&&bh(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?fu.createElement(du,{requestId:r||"",showSkeleton:l}):fu.createElement(Fi,{swap:c,requestId:r||"",onCancel:u,onDelete:m})}s(gu,"SwapDetailsPage");import{i18n as ko}from"@lingui/core";import{AutoThemeIcon as Ah,DarkModeIcon as Ih,LightModeIcon as Wh,List as Nh,ListItemButton as Lh,Radio as qi,RadioRoot as Bh,Typography as Gi}from"@rango-dev/ui";import we from"react";function hu(){let t=D.use.theme(),e=D.use.setTheme(),o=[{id:"light",value:"light",title:we.createElement(Gi,{variant:"title",size:"xmedium"},ko.t("Light")),onClick:()=>e("light"),start:we.createElement(Wh,{color:"gray"}),end:we.createElement(qi,{value:"light"})},{id:"dark",value:"dark",title:we.createElement(Gi,{variant:"title",size:"xmedium"},ko.t("Dark")),onClick:()=>e("dark"),start:we.createElement(Ih,{color:"gray"}),end:we.createElement(qi,{value:"dark"})},{id:"auto",value:"auto",title:we.createElement(Gi,{variant:"title",size:"xmedium"},ko.t("Auto")),onClick:()=>e("auto"),start:we.createElement(Ah,{color:"gray"}),end:we.createElement(qi,{value:"auto"})}];return we.createElement(j,{header:{title:ko.t("Theme")}},we.createElement(et,null,we.createElement(Bh,{onValueChange:n=>e(n),value:t},we.createElement(Nh,{type:we.createElement(Lh,{title:ko.t("Theme"),id:"_",onClick:()=>console.log()}),items:o}))))}s(hu,"ThemePage");function yu(){return Mh([{path:M.home,element:ve.createElement(dn,null)},{path:M.fromSwap,children:[{index:!0,element:ve.createElement(wi,{type:"source"})},{path:M.blockchains,element:ve.createElement(ci,{type:"source"})}]},{path:M.toSwap,children:[{index:!0,element:ve.createElement(wi,{type:"destination"})},{path:M.blockchains,element:ve.createElement(ci,{type:"destination"})}]},{path:M.settings,children:[{index:!0,element:ve.createElement(_p,null)},{path:M.themes,element:ve.createElement(hu,null)},{path:M.languages,element:ve.createElement(Jl,null)},{path:M.exchanges,element:ve.createElement(si,{sourceType:"Exchanges"})},{path:M.bridges,element:ve.createElement(si,{sourceType:"Bridges"})}]},{path:M.swaps,children:[{index:!0,element:ve.createElement(Xl,null)},{path:M.swapDetails,element:ve.createElement(gu,null)}]},{path:M.wallets,element:ve.createElement(wl,null)},{path:M.confirmSwap,element:ve.createElement(Ol,null)}])}s(yu,"AppRoutes");import{isApprovalTX as $h,MainEvents as Cu,RouteEventType as ku,StepEventType as Qt,StepExecutionEventStatus as Ph,useEvents as _h}from"@rango-dev/queue-manager-rango-preset";import{useEffect as Tu}from"react";import{StepExecutionBlockedEventStatus as Hi}from"@rango-dev/queue-manager-rango-preset";var Su=[Hi.WAITING_FOR_CHANGE_WALLET_ACCOUNT,Hi.WAITING_FOR_NETWORK_CHANGE,Hi.WAITING_FOR_WALLET_CONNECT];function wu(){let t=T().tokens(),e=V.use.connectedWallets(),o=V.use.getWalletsDetails(),n=Ie.use.setNotification(),r=Ie.use.setAsRead(),i=_h();return Tu(()=>(i.on(Cu.StepEvent,a=>{let{event:l,step:p,route:u}=a;if(l.type===Qt.TX_EXECUTION&&l.status===Ph.TX_SENT&&!$h(p)||l.type===Qt.SUCCEEDED){let c=e.find(g=>g.chain===p?.fromBlockchain),S=p?.fromBlockchain!==p?.toBlockchain&&e.find(g=>g.chain===p?.toBlockchain);c&&o([c],t),S&&o([S],t)}l.type===Qt.TX_EXECUTION_BLOCKED&&Su.includes(l.status)||l.type===Qt.FAILED?n(l,u):(l.type===Qt.TX_EXECUTION||l.type===Qt.CHECK_STATUS)&&r(u.requestId)}),()=>i.all.clear()),[i,e.length]),Tu(()=>(i.on(Cu.RouteEvent,a=>{let{event:l,route:p}=a;(l.type===ku.FAILED||l.type===ku.SUCCEEDED)&&n(l,p)}),()=>i.all.clear()),[i,e.length]),null}s(wu,"WidgetEvents");import{globalCss as Dh}from"@rango-dev/ui";var vu=s(()=>Dh({"@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 ji,darkTheme as qh,lightTheme as Gh}from"@rango-dev/ui";import{useEffect as bu,useState as Hh}from"react";import{theme as Uh,darkColors as zh}from"@rango-dev/ui";var xu=s(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),Fh=s(t=>{let e="",o;for(o=Math.abs(t);o>52;o=o/52|0)e=xu(o%52)+e;return xu(o%52)+e},"toAlphabeticName"),Oh=s((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),Qi=s(t=>Fh(Oh(5381,JSON.stringify(t))>>>0),"toHash");function Vi(t){let e=Uh.colors,o=hi({...e,...zh},!0,t?.dark),n=hi(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:`${nr}-light-${Qi(p)}`,tokens:p}}if(r){let p={colors:o};l={id:`${nr}-dark-${Qi(p)}`,tokens:p}}return{light:a,dark:l}}s(Vi,"customizedThemeTokens");function Eu(t){let{colors:e,fontFamily:o=ts,borderRadius:n=Ri,secondaryBorderRadius:r=es,mode:i="auto"}=t,[a,l]=Hh("light"),p=D.use.theme(),u=D.use.setTheme(),{dark:m,light:c}=Vi(e),S=ji({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),g=[S.className,Gh.className],y=[S.className,qh.className];if(c){let d=ji(c.id,c.tokens);g.push(d.className)}if(m){let d=ji(m.id,m.tokens);y.push(d.className)}return bu(()=>{let d=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",d),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",d)}},[]),bu(()=>{i!=="auto"&&u(i)},[i]),{activeTheme:s(()=>{let d=g.join(" "),w=y.join(" ");return p==="auto"?a==="dark"?w:d:p==="dark"?w:d},"getActiveTheme")}}s(Eu,"useTheme");import{styled as Qh}from"@rango-dev/ui";var Au=Qh("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 Jn(){vu();let{fetch:t,config:e}=T(),{activeTheme:o}=Eu(e?.theme||{}),{activeLanguage:n,changeLanguage:r}=Wn(),[i,a]=Wu(""),[l,p]=Wu(),u=jh(Fo);return Kh(()=>{e?.apiKey&&Zi({API_KEY:e?.apiKey})},[e]),Iu(()=>{t().catch(),D.persist.rehydrate(),Ie.persist.rehydrate(),u.onConnectWallet(a)},[]),Iu(()=>{e?.language&&r(e.language)},[e?.language]),To.createElement(Vh,{language:n},To.createElement(Au,{id:"swap-container",className:o()},To.createElement(wu,null),To.createElement(dl,{lastConnectedWallet:i,disconnectedWallet:l,clearDisconnectedWallet:()=>{p(void 0)}},To.createElement(yu,null))))}s(Jn,"Main");import Xi from"react";import{checkWaitingForNetworkChange as Xh,makeQueueDefinition as Yh}from"@rango-dev/queue-manager-rango-preset";import{Provider as Jh}from"@rango-dev/queue-manager-react";import{useWallets as Zh}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as Rh}from"@rango-dev/wallets-shared";import{isEvmBlockchain as ey}from"rango-types";import ty,{useMemo as oy}from"react";function ny(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:i,getWalletInfo:a}=Zh(),l=oy(()=>Yh({API_KEY:t.apiKey||xo("API_KEY")}),[t.apiKey]),p=T().blockchains(),m={blockchains:V.use.connectedWallets().map(f=>({accounts:[f],name:f.chain}))},c=s(async(f,k)=>{if(i(f,k))return r(f,k)},"switchNetwork"),S=s(f=>!!a(f).mobileWallet,"isMobileWallet"),g=p.filter(f=>f.enabled).reduce((f,k)=>(f[k.name]=k,f),{}),y=p.filter(ey),x=s(f=>{let{supportedChains:k}=a(f);return Wo(k)},"getSupportedChainNames"),d=e(),w={meta:{blockchains:g,evmBasedChains:y,evmNetworkChainInfo:Rh(y),getSupportedChainNames:x},getSigners:o,wallets:m,providers:d,switchNetwork:c,canSwitchNetworkTo:i,connect:r,state:n,isMobileWallet:S};return ty.createElement(Jh,{queuesDefs:[l],context:w,onPersistedDataLoaded:f=>{Xh(f)},isPaused:!1},t.children)}s(ny,"QueueManager");var Nu=ny;import{useManager as ry}from"@rango-dev/queue-manager-react";import iy,{createContext as sy,useContext as ay,useMemo as ly}from"react";var Lu=sy(void 0);function Ki(t){let{manager:e}=ry(),o=Ut(e),n=ly(()=>({swaps:o}),[e,o]);return iy.createElement(Lu.Provider,{value:n},t.children)}s(Ki,"WidgetInfo");function Bu(){let t=ay(Lu);if(!t)throw new Error("useWidget can only be used within the WidgetProvider component");return t}s(Bu,"useWidget");function Zn(t){let{onUpdateState:e,config:o}=t;return Xi.createElement(Oo,{config:o,onUpdateState:e},Xi.createElement(Nu,{apiKey:o.apiKey},Xi.createElement(Ki,null,t.children)))}s(Zn,"WidgetProvider");function Mu(t){return t.config?.externalWallets?Yi.createElement(Jn,null):Yi.createElement(Zn,{config:t.config??ir},Yi.createElement(Jn,null))}s(Mu,"Widget");export{X$ as MainEvents,Y$ as RouteEventType,J$ as StepEventType,Z$ as StepExecutionBlockedEventStatus,R$ as StepExecutionEventStatus,Mu as Widget,Zn as WidgetProvider,Oo as WidgetWallets,Vi as customizedThemeTokens,Nl as useWallets,Bu as useWidget,eP as useWidgetEvents};
 //# sourceMappingURL=index.js.map