@rango-dev/widget-embedded 0.14.1-next.15 → 0.14.1-next.16

package/dist/index.js

@@ -1,2 +1,2 @@
-var Wp=Object.defineProperty;var s=(t,e)=>Wp(t,"name",{value:e,configurable:!0});import{MainEvents as qI,RouteEventType as GI,StepEventType as HI,StepExecutionBlockedEventStatus as VI,StepExecutionEventStatus as RI,useEvents as XI}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Wa}from"@rango-dev/wallets-react";import{Events as zn,Provider as Kp}from"@rango-dev/wallets-react";import{isEvmBlockchain as Yp}from"rango-sdk";import $i,{createContext as Qp,useRef as Jp}from"react";import{useEffect as jp}from"react";import{create as Vp}from"zustand";import{subscribeWithSelector as Rp}from"zustand/middleware";import{RangoClient as Np}from"rango-sdk";var Si="c6381a79-2817-4602-83bf-6a641a409e32";var Fn={API_KEY:Si};function yo(t){return Fn[t]}s(yo,"getConfig");function Ci(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),Fn=e,Fn}s(Ci,"initConfig");var ki=20,Ti=25,wi="Roboto",On="theme-widget";var So,xt=s(()=>So||(So=new Np(yo("API_KEY")),So),"httpService");import{WalletState as Ve}from"@rango-dev/ui";import{readAccountAddress as Lp}from"@rango-dev/wallets-react";import{detectInstallLink as Pp,getCosmosExperimentalChainInfo as Dp,isEvmAddress as _p,KEPLR_COMPATIBLE_WALLETS as rh,Networks as xi}from"@rango-dev/wallets-shared";import $n from"bignumber.js";import{isCosmosBlockchain as Fp}from"rango-types";import Ip from"bignumber.js";var Me=new Ip(0);import{WalletTypes as Mp}from"@rango-dev/wallets-shared";var vi=[Mp.LEAP];import{BigNumber as bi}from"bignumber.js";var At=s(t=>{let e=(t%60).toString().padStart(2,"0");return`${parseInt((t/60).toString()).toString().padStart(2,"0")}:${e}`},"secondsToString"),T=s((t,e=null,o=null)=>{if(t==null||t==="")return"";let n=new bi(t),r=1,i=1e3;for(let a=0;a<60;a++)if(new bi(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 Et=s(t=>t?.reduce((e,o)=>e+(o.estimatedTimeInSeconds??0),0)||0,"totalArrivalTime");var He=s((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),Ht=s(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function Co(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(Co,"limitDecimalPlaces");function Op(t){switch(!0){case t.connected:return Ve.CONNECTED;case t.connecting:return Ve.CONNECTING;case!t.installed:return Ve.NOT_INSTALLED;default:return Ve.DISCONNECTED}}s(Op,"mapStatusToWalletState");function Ai(t,e,o,n){return o.filter(r=>!vi.includes(r)).filter(r=>{let{supportedChains:i,hideWhenNotInstalled:a}=e(r);return a&&!t(r).installed?!1:n?!!i.find(p=>p.name===n):!0}).map(r=>{let{name:i,img:a,installLink:p}=e(r),l=Op(t(r));return{title:i,image:a,link:Pp(p),state:l,type:r}})}s(Ai,"mapWalletTypesToWalletInfo");function ko(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}s(ko,"walletAndSupportedChainsNames");function Ei(t,e,o,n){let r=[];function i(p,l){if(!!!r.find(c=>c.chain===p)){let c={address:l,chain:p,walletType:t};r.push(c)}}s(i,"addAccount");let a=n||[];return e.forEach(p=>{let{address:l,network:u}=Lp(p),c=a.length>0,d=a.includes(u),m=u===xi.Unknown;if(c&&!d&&!m)return;let C=u===xi.Unknown&&_p(l);if(m&&!C)return;o.includes(u)||C?a.filter(k=>o.includes(k)).forEach(k=>{i(k,l.toLowerCase())}):i(u,l)}),r}s(Ei,"prepareAccountsForWalletStore");function Bi(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,p=i.to.blockchain;e.includes(a)||e.push(a),e.includes(p)||e.push(p)})}),e}s(Bi,"getRequiredChains");function Bt(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(Bt,"getBalanceFromWallet");function To(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}s(To,"isAccountAndWalletMatched");function Wi(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 $n(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:wo(o,r.asset.symbol,r.asset.address,e)||null}))||[]}s(Wi,"makeBalanceFor");function Ni(t){return{...t,loading:!1,error:!0}}s(Ni,"resetConnectedWalletState");var wo=s((t,e,o,n)=>n?.find(i=>i.blockchain===t&&i.symbol?.toUpperCase()===e?.toUpperCase()&&i.address===o)?.usdPrice||null,"getUsdPrice"),vo=s((t,e)=>{let o=Dp(Object.entries(t).map(([,n])=>n).filter(Fp));return o&&o[e]?.experimental},"isExperimentalChain");function $p(t,e){return t.map(({balance:o,...n})=>{let r=T(new $n(Bt(e,n.blockchain,n.symbol,n.address)?.amount||Me)),i="";return n.usdPrice&&(i=T(new $n(Bt(e,n.blockchain,n.symbol,n.address)?.amount||Me).multipliedBy(n.usdPrice))),{...n,...r!=="0"&&{balance:{amount:r,usdValue:i}}}})}s($p,"getTokensWithBalance");function Ii(t,e){let o=e.length>0?$p(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(Ii,"getTokensBalanceFromWalletAndSort");function Re(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}s(Re,"tokensAreEqual");function Mi(t){return t.sort((e,o)=>+(o.state===Ve.CONNECTED)-+(e.state===Ve.CONNECTED)||+(o.state===Ve.DISCONNECTED||o.state===Ve.CONNECTING)-+(e.state===Ve.DISCONNECTED||e.state===Ve.CONNECTING))}s(Mi,"sortWalletsBasedOnConnectionState");function bo(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(bo,"getConciseAddress");function Li({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}s(Li,"getAddress");import{create as Hp}from"zustand";import{create as qp}from"zustand";var Up=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"),we=Up;var zp={apiKey:""},Pi=s((t,e)=>({config:zp,updateConfig:o=>{let n=e().config;t({config:{...n,...o}})}}),"createConfigSlice");function Wt(t){return Array.from(new Set(t))}s(Wt,"removeDuplicateFrom");function Un(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}s(Un,"areEqual");function Di(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}s(Di,"debounce");function gt(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}s(gt,"containsText");var ae=s(()=>document.getElementById("swap-box"),"getContainer");var _i=s((t,e)=>({_blockchains:[],_tokens:[],_popularTokens:[],_swappers:[],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(p=>!(i.length>0&&!i.includes(p.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(l=>i.length>0&&!i.some(u=>Re(u,l))||o.blockchain&&l.blockchain!==o.blockchain||!a.some(u=>u.name===l.blockchain)?!1:o.searchFor?!!(gt(l.symbol,o.searchFor)||gt(l.address||"",o.searchFor)||gt(l.name||"",o.searchFor)):!0).sort((l,u)=>e().isTokenPinned(l)?-1:e().isTokenPinned(u)||l.isSecondaryCoin?1:u.isSecondaryCoin||!l.address&&u.address?-1:l.address&&!u.address?1:0)},isTokenPinned:o=>!!e().config.pinnedTokens?.some(r=>Re(r,o)),fetch:async()=>{let o=await xt().getAllMetadata(),n=[],r=[],i=o.popularTokens,a=o.swappers,p=new Set;o.tokens.forEach(l=>{p.add(l.blockchain),r.push(l)}),o.blockchains.forEach(l=>{l.enabled&&p.has(l.name)&&n.push(l)}),n.sort((l,u)=>l.sort-u.sort),t({_blockchains:n,_tokens:r,_popularTokens:i,_swappers:a})}}),"createDataSlice");var Gp=qp()((...t)=>({..._i(...t),...Pi(...t)})),Le=we(Gp);var v=we(Hp()(t=>({meta:{blockchains:[],popularTokens:[],swappers:[],tokens:[]},loadingStatus:"loading",fetchMeta:async()=>{try{await Le.getState().fetch();let e=Le.getState(),o={blockchains:e.blockchains(),tokens:e.tokens(),popularTokens:e._popularTokens,swappers:e._swappers};t({meta:o,loadingStatus:"success"})}catch{t({loadingStatus:"failed"})}}})));var H=we(Vp()(Rp((t,e)=>({connectedWallets:[],customDestination:"",loading:!1,connectWallet:o=>{let n=e().getWalletsDetails;t(r=>({loading:!0,connectedWallets:r.connectedWallets.filter(i=>i.walletType!==o[0].walletType).concat(o.map(i=>{let a=!r.connectedWallets.find(p=>p.chain===i.chain&&p.selected);return{balances:[],address:i.address,chain:i.chain,explorerUrl:null,walletType:i.walletType,selected:a,loading:!0,error:!1}}))})),n(o)},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(p=>p.chain===r.chain&&p.walletType!==r.walletType&&r.selected),a=!!o.find(p=>p.chain===r.chain&&p.walletType===r.walletType&&!r.selected);return i?{...r,selected:!1}:a?{...r,selected:!0}:r})})),clearConnectedWallet:()=>t(()=>({connectedWallets:[],selectedWallets:[]})),getWalletsDetails:async(o,n=!0)=>{let r=e().getWalletsDetails,{tokens:i}=v.getState().meta;t(a=>({loading:!0,connectedWallets:a.connectedWallets.map(p=>o.find(l=>To(l,p))?{...p,loading:!0}:p)}));try{let a=o.map(({address:u,chain:c})=>({address:u,blockchain:c})),l=(await xt().getWalletsDetails(a)).wallets;if(l)t(u=>({loading:!1,connectedWallets:u.connectedWallets.map(c=>{let d=o.find(h=>To(h,c)),m=l.find(h=>h.address===c.address&&h.blockChain===c.chain);return m?.failed&&d&&n&&r([d],!1),d&&m?{...c,explorerUrl:m.explorerUrl,balances:Wi(m,i)}:c})}));else throw new Error("Wallet not found")}catch{t(p=>({loading:!1,connectedWallets:p.connectedWallets.map(l=>o.find(u=>To(u,l))?Ni(l):l)}))}}}))));import{allProviders as Xp}from"@rango-dev/provider-all";function xo(t,e){let o=Xp({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(xo,"matchAndGenerateProviders");function Fi(t,e){return xo(t,e).map(r=>r.config.type)}s(Fi,"configWalletsToWalletName");function Oi(t,e){let o=H.use.clearConnectedWallet(),n=xo(void 0,e);return jp(()=>{o(),n=xo(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}s(Oi,"useWalletProviders");var qn=Qp({onConnectWallet:()=>{}});function Gn(t){let{blockchains:e}=v.use.meta(),{providers:o}=Oi(t.providers,t?.options),n=H.use.disconnectWallet(),r=H.use.connectWallet(),i=Jp(),a=e.filter(Yp).map(l=>l.name),p=s((l,u,c,d,m)=>{if(u===zn.ACCOUNTS)if(c){let h=ko(m),C=Ei(l,c,a,h);r(C)}else n(l);if(u===zn.ACCOUNTS&&d.connected){let h=`${l}-${d.network}-${c}`;d.connected&&(i.current?i.current(h):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(u===zn.NETWORK&&d.network){let h=`${l}-${d.network}`;i.current?i.current(h):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(l,u,c,d,m)},"onUpdateState");return $i.createElement(qn.Provider,{value:{onConnectWallet:l=>{i.current=l}}},$i.createElement(Kp,{allBlockChains:e,providers:o,onUpdateState:p,autoConnect:!0},t.children))}s(Gn,"WidgetWallets");import{I18nManager as Lg,styled as Pg}from"@rango-dev/ui";import at,{useContext as Dg,useEffect as yi,useMemo as _g,useState as Ap}from"react";import{useQueueManager as Ic}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Mc}from"@rango-dev/wallets-react";import{isEvmBlockchain as Lc}from"rango-types";import yt,{useEffect as Pc,useRef as Dc}from"react";import{MemoryRouter as _c,useInRouterContext as Fc}from"react-router";import{useLocation as Oc,useNavigate as $c}from"react-router-dom";var g={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{i18n as Yo}from"@lingui/core";import{Alert as fc,BestRoute as gc,BestRouteSkeleton as hc,Button as yc,Divider as pr,styled as Lt,SwapInput as Rs,Typography as ur,WarningIcon as Sc}from"@rango-dev/ui";import K,{useEffect as Cc,useRef as kc,useState as Tc}from"react";import{useNavigate as wc}from"react-router-dom";import{ChevronLeftIcon as tu}from"@rango-dev/ui";import qi from"react";import{darkTheme as Zp,IconButton as eu,styled as Ao}from"@rango-dev/ui";var Fe=Ao(eu,{width:"$24",position:"relative",padding:"0",overflow:"unset"}),Ui=Ao("div",{position:"absolute",background:"$secondary500",[`.${Zp} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),Nt=Ao("div",{display:"flex",justifyContent:"flex-end",width:"$40"}),zi=Ao("div",{position:"absolute",backgroundColor:"$secondary500",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0"});function Hn(t){return qi.createElement(Fe,{variant:"ghost",size:"small",onClick:t.onClick},qi.createElement(tu,{color:"black",size:16}))}s(Hn,"BackButton");import{i18n as ou}from"@lingui/core";import{Button as nu,Typography as ru}from"@rango-dev/ui";import Vn from"react";function Rn(t){return Vn.createElement(Nt,null,Vn.createElement(nu,{variant:"ghost",onClick:t.onClick,size:"xsmall"},Vn.createElement(ru,{variant:"label",size:"medium",color:"error500"},ou.t("Cancel"))))}s(Rn,"CancelButton");import{i18n as iu}from"@lingui/core";import{Tooltip as su,WalletIcon as au}from"@rango-dev/ui";import Eo from"react";function Xn(t){return Eo.createElement(su,{container:t.container,side:"top",content:iu.t("Connect Wallet")},Eo.createElement(Fe,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&Eo.createElement(Ui,null),Eo.createElement(au,{size:18,color:"black"})))}s(Xn,"WalletButton");import{i18n as No}from"@lingui/core";import{NotificationsIcon as vu,Popover as bu,RefreshIcon as xu,SettingsIcon as Au,Tooltip as Io,TransactionIcon as Eu}from"@rango-dev/ui";import de from"react";import{i18n as hu}from"@lingui/core";import{ChainToken as ji,ChevronRightIcon as yu,ListItemButton as Su,Typography as Cu}from"@rango-dev/ui";import Oe from"react";import{useNavigate as ku}from"react-router-dom";import{create as lu}from"zustand";import{persist as pu,subscribeWithSelector as uu}from"zustand/middleware";var Pe=we(lu()(pu(uu((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}}},p=e().notifications.filter(l=>l.requestId!==n.requestId);t(()=>({notifications:[...p,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 cu}from"zustand";var ve=we(cu()(t=>({connectWalletsButtonDisabled:!1,selectedSwapRequestId:null,currentPage:"",setSelectedSwap:e=>t({selectedSwapRequestId:e}),setCurrentPage:e=>t({currentPage:e})})));import{styled as Bo}from"@rango-dev/ui";var Gi=Bo("div",{padding:"$10",width:"350px",minHeight:"150px"}),Hi=Bo("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),Vi=Bo("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),Ri=Bo("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as mu}from"@lingui/core";import{Divider as du,NoNotificationIcon as fu,Typography as gu}from"@rango-dev/ui";import Wo from"react";function Xi(){return Wo.createElement(Ri,null,Wo.createElement(fu,{color:"secondary",size:26}),Wo.createElement(du,{size:12}),Wo.createElement(gu,{variant:"body",size:"medium",color:"neutral700"},mu.t("You have no notification")))}s(Xi,"NotificationNotFound");var Tu=4;function jn(){let t=ku(),e=ve.use.setSelectedSwap(),{getUnreadNotifications:o}=Pe(),n=o(),{tokens:r,blockchains:i}=v.use.meta(),a=n.sort((l,u)=>u.creationTime-l.creationTime).slice(0,Tu),p=s(l=>{e(l),t(`/swaps/${l}`)},"handleOnClick");return Oe.createElement(Gi,null,a.length?Oe.createElement(Hi,null,a.map(l=>{let u=r.find(h=>h.address===l.route.from.tokenAddress&&h.blockchain===l.route.from.blockchain&&h.symbol===l.route.from.tokenSymbol),c=i.find(h=>h.name===l.route.from.blockchain),d=r.find(h=>h.address===l.route.to.tokenAddress&&h.blockchain===l.route.to.blockchain&&h.symbol===l.route.to.tokenSymbol),m=i.find(h=>h.name===l.route.to.blockchain);return Oe.createElement(Su,{key:l.requestId,onClick:()=>p(l.requestId),title:Oe.createElement(Cu,{variant:"body",size:"small",color:"$neutral700"},hu.t(l.event.message)),id:l.requestId,start:Oe.createElement(Vi,null,Oe.createElement("div",{className:"from-chain-token"},Oe.createElement(ji,{tokenImage:u?u.image:"",chainImage:c?c.logo:"",size:"small"})),Oe.createElement("div",{className:"to-chain-token"},Oe.createElement(ji,{tokenImage:d?d.image:"",chainImage:m?m.logo:"",size:"small"}))),end:Oe.createElement(yu,{size:12,color:"gray"})})})):Oe.createElement(Xi,null))}s(jn,"NotificationContent");import{Typography as wu}from"@rango-dev/ui";import Ki from"react";function Yi(){let{getUnreadNotifications:t}=Pe(),e=t().length;return e?Ki.createElement(zi,null,Ki.createElement(wu,{variant:"body",size:"xsmall",color:"$background"},e)):null}s(Yi,"UnreadNotificationsBadge");function Kn(t){let{layoutRef:e,onClickRefresh:o,onClickHistory:n,onClickSettings:r,onClickNotifications:i}=t;return de.createElement(de.Fragment,null,de.createElement(Io,{container:ae(),side:"top",content:No.t("Refresh")},de.createElement(Fe,{variant:"ghost",size:"small",onClick:o,disabled:!o},de.createElement(xu,{size:16,color:o?"black":"gray"}))),de.createElement(Io,{container:ae(),side:"top",content:No.t("Notifications")},de.createElement(bu,{align:"center",collisionBoundary:e,collisionPadding:{right:20,left:20},container:ae(),content:de.createElement(jn,null)},de.createElement(Fe,{size:"small",variant:"ghost",onClick:i},de.createElement(vu,{size:18,color:"black"}),de.createElement(Yi,null)))),de.createElement(Io,{container:ae(),side:"top",content:No.t("Settings")},de.createElement(Fe,{size:"small",variant:"ghost",onClick:r},de.createElement(Au,{size:18,color:"black"}))),de.createElement(Io,{container:ae(),side:"top",content:No.t("Transactions History")},de.createElement(Fe,{size:"small",variant:"ghost",onClick:n},de.createElement(Eu,{size:18,color:"black"}))))}s(Kn,"HomeButtons");import{BottomLogo as Wu,Divider as Nu,Header as Iu}from"@rango-dev/ui";import ge from"react";import{useNavigate as Mu}from"react-router-dom";import{darkTheme as Bu,styled as Yn}from"@rango-dev/ui";var Qi=Yn("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",[`.${Bu} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",variants:{fixedHeight:{true:{height:"95vh"},false:{height:"auto"}}}}),Ji=Yn("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"}}}}),Zi=Yn("div",{backgroundColor:"$background","& .footer__content":{padding:"$0 $20"},"& .footer__logo":{padding:"$0 $20 $10 $20"}});function Lu(t,e){let{children:o,header:n,footer:r,noPadding:i,hasLogo:a=!0,fixedHeight:p=!0}=t,l=H.use.connectedWallets(),u=ve.use.connectWalletsButtonDisabled(),c=Mu(),d=s(()=>{u||c("/"+g.wallets)},"onConnectWallet");return ge.createElement(Qi,{ref:e,fixedHeight:p,id:"swap-box"},ge.createElement(Iu,{prefix:ge.createElement(ge.Fragment,null,n.onBack&&ge.createElement(Hn,{onClick:n.onBack})),title:n.title,suffix:ge.createElement(ge.Fragment,null,n.suffix,n.hasConnectWallet&&ge.createElement(Xn,{container:ae(),onClick:d,isConnected:!!l?.length}),n.onCancel&&ge.createElement(Rn,{onClick:n.onCancel}))}),ge.createElement(Ji,{noPadding:i},o),(a||r)&&ge.createElement(Zi,null,ge.createElement("div",{className:"footer__content"},r),a&&ge.createElement("div",{className:"footer__logo"},ge.createElement(Nu,{size:12}),ge.createElement(Wu,null))))}s(Lu,"LayoutComponent");var Q=ge.forwardRef(Lu);Q.displayName="Layout";import{Alert as zu,Button as qu,Divider as ms,NoRouteIcon as Gu,RefreshIcon as Hu,Typography as ds}from"@rango-dev/ui";import $e from"react";import{i18n as Se}from"@lingui/core";var Vt=(r=>(r[r.ROUTE_UPDATED=0]="ROUTE_UPDATED",r[r.ROUTE_SWAPPERS_UPDATED=1]="ROUTE_SWAPPERS_UPDATED",r[r.ROUTE_COINS_UPDATED=2]="ROUTE_COINS_UPDATED",r[r.ROUTE_AND_OUTPUT_AMOUNT_UPDATED=3]="ROUTE_AND_OUTPUT_AMOUNT_UPDATED",r))(Vt||{});var z=s(()=>({genericServerError:Se.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:Se.t("Please reset your liquidity sources."),description:Se.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources")},noRoutesError:{title:Se.t("No Routes Found"),description:"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:Se.t("Bridge Limit Error: Please increase your amount"),decreaseAmount:Se.t("Bridge Limit Error: Please decrease your amount")},highValueLossError:{impactTitle:Se.t("High Price Impact"),title:Se.t("Price impact is too high!"),description:Se.t("The price impact is significantly higher than the allowed amount. If you are sure, continue, otherwise, change the swap."),confirmMessage:Se.t("Confirm High price impact")},routeUpdatedWithHighValueLoss:{title:Se.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:Se.t("USD Price Unknown"),title:Se.t("USD Price Unknown, Cannot calculate Price Impact."),description:Se.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:Se.t("Confirm USD Price Unknown")}}),"errorMessages");function Mo(t){switch(t.type){case 0:return t.diagnosisMessage??z().noRoutesError.title;case 2:return z().genericServerError;case 1:return z().routeUpdatedWithHighValueLoss.title;default:return""}}s(Mo,"getConfirmSwapErrorMessage");import{create as Ou}from"zustand";import{persist as $u,subscribeWithSelector as Uu}from"zustand/middleware";import{English as Pu,French as Du,Japanese as _u,Spanish as Fu}from"@rango-dev/ui";var ts=[{title:"English",label:"English",local:"en",SVGFlag:Pu},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:Fu},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:Du},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"jp",SVGFlag:_u}],Lo="en";var os=[.5,1,3],ns=1,rs=5,is=100,ss=0;var F=we(Ou()($u(Uu(t=>({slippage:ns,customSlippage:null,infiniteApprove:!1,affiliateRef:null,affiliatePercent:null,affiliateWallets:null,disabledLiquiditySources:[],theme:"auto",language:Lo,setSlippage:e=>t(()=>({slippage:e})),setCustomSlippage:e=>t(()=>({customSlippage:e})),setAffiliateRef:e=>t(()=>({affiliateRef:e})),setAffiliatePercent:e=>t(()=>({affiliatePercent:e})),setAffiliateWallets:e=>t(()=>({affiliateWallets:e})),toggleAllLiquiditySources:e=>t(o=>{if(e)return{disabledLiquiditySources:[]};let{swappers:n}=v.getState().meta,r=Wt(n.map(i=>i.swapperGroup));return r.length===o.disabledLiquiditySources.length?{disabledLiquiditySources:[]}:{disabledLiquiditySources:r}}),toggleInfiniteApprove:()=>t(e=>({infiniteApprove:!e.infiniteApprove})),toggleLiquiditySource:e=>t(o=>o.disabledLiquiditySources.includes(e)?{disabledLiquiditySources:o.disabledLiquiditySources.filter(n=>n!=e)}:{disabledLiquiditySources:o.disabledLiquiditySources.concat(e)}),setTheme:e=>t(()=>({theme:e})),setLanguage:e=>t(()=>({language:e}))})),{name:"user-settings",skipHydration:!0})));import{i18n as as}from"@lingui/core";function ls(t,e,o,n,r){return o?{alert:{type:"warning",text:z().genericServerError,action:{onClick:r,title:as.t("Retry")}},description:""}:t?{alert:{type:"error",text:t,action:null},description:""}:e.length?{alert:{type:"warning",text:z().liquiditySourcesError.title,action:{onClick:()=>n(!0),title:as.t("Reset")}},description:z().liquiditySourcesError.description}:{alert:null,description:z().noRoutesError.description}}s(ls,"makeInfo");import{styled as Qn}from"@rango-dev/ui";var ps=Qn("div",{display:"flex",flexDirection:"column",alignItems:"center"}),us=Qn("div",{width:"100%"}),cs=Qn("div",{padding:"$6 $0"});function Rt(t){let{diagnosisMessage:e,fetch:o,error:n}=t,r=F.use.disabledLiquiditySources(),i=v.use.loadingStatus(),a=F.use.toggleAllLiquiditySources(),l=ls(e??null,r,n||i==="failed",a,o);return $e.createElement(ps,null,$e.createElement(Gu,{size:24,color:"gray"}),$e.createElement(ms,{size:4}),$e.createElement(ds,{variant:"title",size:"small"},z().noRoutesError.title),!!l.description&&$e.createElement(ds,{variant:"body",size:"small",align:"center",color:"neutral700"},l.description),$e.createElement(ms,{size:4}),!!l.alert&&$e.createElement(us,null,$e.createElement(zu,{type:l.alert.type,title:l.alert.text,action:l.alert.action&&$e.createElement(qu,{size:"xsmall",type:l.alert.type,prefix:$e.createElement(cs,null,$e.createElement(Hu,{size:8})),onClick:l.alert.action.onClick},l.alert.action.title),variant:"alarm"})))}s(Rt,"NoRoutes");import{Alert as Us,Divider as rc,InfoIcon as ic}from"@rango-dev/ui";import qe from"react";import ut from"bignumber.js";import{create as Qu}from"zustand";import{subscribeWithSelector as Ju}from"zustand/middleware";import{getLastSuccessfulStep as Ru}from"@rango-dev/queue-manager-rango-preset";import vC from"bignumber.js";function fs(t,e){return e.find(o=>o.name===t)?.displayName}s(fs,"getBlockchainDisplayNameFor");function Je(t,e){return e.find(o=>o.name===t)?.shortName}s(Je,"getBlockchainShortNameFor");function Jn(t,e){return e.find(o=>Re(o,t))??null}s(Jn,"findToken");function Zn(t,e){return e.find(o=>o.name===t)??null}s(Zn,"findBlockchain");function er(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(er,"searchParamsToToken");function gs(t){return t?.result?.swaps[t?.result?.swaps.length-1].to.usdPrice}s(gs,"getBestRouteToTokenUsdPrice");function tr(t,e){let o=t.result?.swaps||[],n=e.result?.swaps||[];return o.length!==n.length}s(tr,"isNumberOfSwapsChanged");function or(t,e){let o=t.result?.swaps.map(r=>r.swapperId)||[],n=e.result?.swaps.map(r=>r.swapperId)||[];return!Un(o,n)}s(or,"isRouteSwappersUpdated");function nr(t,e){let o=t.result?.swaps.map(r=>r.to.symbol)||[],n=e.result?.swaps.map(r=>r.to.symbol)||[];return!Un(o,n)}s(nr,"isRouteInternalCoinsUpdated");function hs(t,e){return tr(t,e)||or(t,e)||nr(t,e)}s(hs,"isRouteChanged");function ys(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(ys,"getRequiredBalanceOfWallet");function Ss(t){if(!t)return null;let e=(t.result?.swaps||[]).map(o=>({...o,fromAmount:T(o.fromAmount,6,6),toAmount:T(o.toAmount,6,6)}));return{...t,...t.result&&{result:{...t.result,swaps:e}}}}s(Ss,"getFormattedBestRoute");function It(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}s(It,"getPriceImpactLevel");function Cs(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],i=Ru(t.steps),a={blockchain:r.toBlockchain,symbol:r.toSymbol,address:r.toSymbolAddress},p=Zn(i?i.toBlockchain:n.fromBlockchain,e),l=Zn(r.toBlockchain,e),u=Jn(i?{blockchain:p?.name??"",symbol:i.toSymbol,address:i.toSymbolAddress}:{blockchain:p?.name??"",symbol:n.fromSymbol,address:n.fromSymbolAddress},o),c=Jn(a,o),d=i?i.outputAmount??"":t.inputAmount;return{fromBlockchain:p,fromToken:u,toBlockchain:l,toToken:c,inputAmount:d}}s(Cs,"createRetryRoute");import{i18n as Ue}from"@lingui/core";import{PendingSwapNetworkStatus as Oo}from"@rango-dev/queue-manager-rango-preset";import be from"bignumber.js";function ks(t,e){return t.result?.swaps.map(o=>({swapper:{displayName:o.swapperId,image:o.swapperLogo},from:{token:{displayName:o.from.symbol,image:o.from.logo},chain:{displayName:Je(o.from.blockchain,e)??"",image:o.from.blockchainLogo},price:{value:T(o.fromAmount,6,6),usdValue:T(o.from.usdPrice?.toString(),4,4)}},to:{token:{displayName:o.to.symbol,image:o.to.logo},chain:{displayName:Je(o.to.blockchain,e)??"",image:o.to.blockchainLogo},price:{value:T(o.toAmount,6,6),usdValue:T(o.to.usdPrice?.toString(),4,4)}}}))}s(ks,"formatBestRoute");function Do(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(Do,"getRequiredWallets");function _o(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}s(_o,"isValidAddress");import{i18n as Fo}from"@lingui/core";var ht=s(()=>({connectWallet:Fo.t("Connect Wallet"),swap:Fo.t("Swap"),swapAnyway:Fo.t("Swap anyway"),ethRouteWarning:Fo.t("The route goes through Ethereum. Continue?")}),"swapButtonTitles");function zo(t,e){return!t||!e||t.lte(Me)||e.lte(Me)?0:e.div(t).minus(1).multipliedBy(100)}s(zo,"getOutputRatio");function qo(t,e){return(parseInt(e.toFixed(2)||"0")<=-10&&t?.gte(new be(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new be(1e3)))??!1}s(qo,"outputRatioHasWarning");function Go(t){return(t?.result?.swaps||[]).filter(e=>{let o=e.fromAmountMinValue?new be(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new be(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(Go,"hasLimitError");function Ho(t){if(!t)return{swap:null,fromAmountRangeError:"",recommendation:""};let e=(t?.result?.swaps||[]).filter(p=>{let l=p.fromAmountMinValue?new be(p.fromAmountMinValue):null,u=p.fromAmountMaxValue?new be(p.fromAmountMaxValue):null;return p.fromAmountRestrictionType==="EXCLUSIVE"?l?.gte(p.fromAmount)||u?.lte(p.fromAmount):l?.gt(p.fromAmount)||u?.lt(p.fromAmount)})[0];if(!e)return{swap:null,fromAmountRangeError:"",recommendation:""};let o=e.fromAmountMinValue?new be(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new be(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",i="",a="";return!r&&o&&o.gt(e.fromAmount)?(i=Ue.t({id:"requiredEqualMin",message:"Required: >= {min} {symbol}",values:{min:T(o,6,6),symbol:e.from.symbol}}),a=z().bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(i=Ue.t({id:"requiredMin",message:"Required: > {min} {symbol}",values:{min:T(o,6,6),symbol:e.from.symbol}}),a=z().bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(i=Ue.t({id:"requiredEqualMax",message:"Required: <= {max} {symbol}",values:{max:T(n,6,6),symbol:e.from.symbol}}),a=z().bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(i=Ue.t({id:"requiredMax",message:"Required: < {max} {symbol}",values:{max:T(n,6,6),symbol:e.from.symbol}}),a=z().bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:i,recommendation:a}}s(Ho,"LimitErrorMessage");function Ts(t,e,o,n,r,i,a,p,l){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||!l||l==="0"?{title:ht().swap,disabled:!0,state:"swap"}:i||a?{title:ht().swapAnyway,disabled:!1,hasWarning:!0,state:"needToConfirm"}:p?{title:ht().ethRouteWarning,disabled:!1,hasWarning:!0,state:"warning"}:{title:ht().swap,disabled:!1,state:"swap"}}s(Ts,"getSwapButtonState");function rr(t,e,o){return!((!o||o.lte(Me))&&t?.result&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t.result)}s(rr,"canComputePriceImpact");function ju(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(ju,"requiredWallets");var Ku=s((t,e,o,n)=>n?.find(i=>i.blockchain===t&&i.symbol?.toUpperCase()===e?.toUpperCase()&&i.address===o)?.usdPrice||null,"getUsdPrice");function Yu(t,e){let o=Me;for(let n=0;n<t.fee.length;n++){let r=t.fee[n];if(r.expenseType==="DECREASE_FROM_OUTPUT")continue;let i=Ku(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new be(r.amount).multipliedBy(i||0))}return o}s(Yu,"getUsdFeeOfStep");function Vo(t,e){return t?.result?.swaps.reduce((o,n)=>o.plus(Yu(n,e)),Me)||null}s(Vo,"getTotalFeeInUsd");function ws(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(ws,"getMinRequiredSlippage");function vs(t,e){return e?parseFloat(t)>=parseFloat(e):!0}s(vs,"hasProperSlippage");function Ro(t){let{fromToken:e,toToken:o,inputAmount:n,wallets:r,selectedWallets:i,disabledLiquiditySources:a,slippage:p,affiliateRef:l,affiliatePercent:u,affiliateWallets:c,initialRoute:d,destination:m}=t,h=i?.reduce((f,w)=>(f[w.chain]=w.address,f),{}),C=[];r?.forEach(f=>{let w=C.find(b=>b.blockchain===f.chain);w?w.addresses.push(f.address):C.push({blockchain:f.chain,addresses:[f.address]})});let y=!!d,S=Wt((d?.result?.swaps||[]).reduce((f,w)=>(f.push(w.from.blockchain,w.to.blockchain),w.internalSwaps&&Array.isArray(w.internalSwaps)&&w.internalSwaps.map(b=>{f.push(b.from.blockchain,b.to.blockchain)}),f),[]));return{amount:n.toString(),affiliateRef:l??void 0,affiliatePercent:u??void 0,affiliateWallets:c??void 0,checkPrerequisites:y,from:{address:e.address,blockchain:e.blockchain,symbol:e.symbol},to:{address:o.address,blockchain:o.blockchain,symbol:o.symbol},connectedWallets:C,selectedWallets:h??{},slippage:p.toString(),...m&&{destination:m},...a.length>0&&{swapperGroups:a,swappersGroupsExclude:!0},...y&&{blockchains:S}}}s(Ro,"createBestRouteRequestBody");function bs(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}s(bs,"getWalletsForNewSwap");function Mt(t){return t?.result?.outputAmount||null}s(Mt,"getRouteOutputAmount");function Ze(t,e){return!t||!e?null:new be(e).div(new be(t)).minus(1).multipliedBy(100)}s(Ze,"getPercentageChange");function xs(t,e){let o=Mt(t),n=Mt(e);if(!o||!n)return!1;let r=Ze(o,n);return r?r.toNumber()<=-1:!0}s(xs,"isOutputAmountChangedALot");function As(t,e){let o=t.validationStatus,n=Bi(t);return e.sort((i,a)=>n.indexOf(i.chain)-n.indexOf(a.chain)).flatMap(i=>ys(i,o)||[]).filter(i=>!i.ok).map(i=>{let a=i.asset.symbol,p=T(new be(i.currentAmount.amount).shiftedBy(-i.currentAmount.decimals),8,8),l=T(new be(i.requiredAmount.amount).shiftedBy(-i.requiredAmount.decimals),8,8),u="";return i.reason==="FEE"&&(u=Ue.t(" for network fee")),i.reason==="INPUT_ASSET"&&(u=Ue.t(" for swap")),i.reason==="FEE_AND_INPUT_ASSET"&&(u=Ue.t(" for input and network fee")),Ue.t({id:"balanceWarningMessage",message:"Needs \u2248 {requiredAmount} {symbol}{reason}, but you have {currentAmount} {symbol} in your {blockchain} wallet.",values:{requiredAmount:l,symbol:a,reason:u,currentAmount:p,blockchain:i.asset.blockchain}})})}s(As,"getBalanceWarnings");function Es(t,e){return(t?new be(t):Me).multipliedBy(e||0)}s(Es,"calcOutputUsdValue");function Xt(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==Oo.NetworkChanged}s(Xt,"isNetworkStatusInWarningState");function Bs(t,e){let o="bellow button or",n=t.extraMessage,r=t.extraMessageDetail;if(t.networkStatusExtraMessageDetail?.includes(o)&&(t.networkStatusExtraMessageDetail=t.networkStatusExtraMessageDetail.replace(o,"")),Xt(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case Oo.WaitingForConnectingWallet:n=n||Ue.t("Waiting for connecting wallet");break;case Oo.WaitingForQueue:n=n||Ue.t("Waiting for other running tasks to be finished");break;case Oo.WaitingForNetworkChange:n=n||Ue.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(Bs,"getSwapMessages");function Ws(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(Ws,"getLastConvertedTokenInFailedSwap");function Ns(t){return t.status==="failed"&&!!t.finishTime&&new Date().getTime()-parseInt(t.finishTime)<4*3600*1e3}s(Ns,"shouldRetrySwap");function Is(t,e,o,n,r,i){return t||!e&&!ju(n).every(a=>r.map(p=>p.chain).includes(a))||!!e&&!o||!!e&&!!o&&i&&!_o(i,o)}s(Is,"confirmSwapDisabled");var Xo=s((t,e)=>t?.usdPrice?new ut(e||Me).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),P=we(Qu()(Ju(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new ut(0),outputUsdValue:new ut(0),toBlockchain:null,toToken:null,bestRoute:null,routeWalletsConfirmed:!1,selectedWallets:[],customDestination:"",setRoute:e=>t(o=>{let n=null,r=Me;return Ht(o.inputAmount)?(e&&(n=e.result?.outputAmount?new ut(e.result?.outputAmount):null,r=Es(e.result?.outputAmount,gs(e)||o.toToken?.usdPrice)),{bestRoute:e,...!!e&&{outputAmount:n,outputUsdValue:r}}):{}}),resetRoute:()=>t(()=>({bestRoute:null,outputAmount:null,outputUsdValue:new ut(0)})),setFromBlockchain:e=>{t(o=>o.fromBlockchain?.name===e?.name?{}:{fromBlockchain:e,...o.fromToken&&{bestRoute:null,fromToken:null,outputAmount:null,outputUsdValue:null}})},setFromToken:e=>{let{blockchains:o}=v.getState().meta;return t(n=>({fromToken:e,...e&&{fromBlockchain:o.find(r=>r.name===e.blockchain)??null},...!!n.inputAmount&&{inputUsdValue:Xo(e,n.inputAmount)}}))},setToBlockchain:e=>{t(o=>o.toBlockchain?.name===e?.name?{}:{toBlockchain:e,...o.toToken&&{bestRoute:null,toToken:null,outputAmount:null,outputUsdValue:null}})},setToToken:e=>{let{blockchains:o}=v.getState().meta;return t(()=>({toToken:e,...e&&{toBlockchain:o.find(n=>n.name===e.blockchain)??null}}))},setInputAmount:e=>{t(o=>({inputAmount:e,...!e&&{outputAmount:new ut(0),outputUsdValue:new ut(0),bestRoute:null},...!!o.fromToken&&{inputUsdValue:Xo(o.fromToken,e)}}))},retry:e=>{let{tokens:o,blockchains:n}=v.getState().meta,{fromBlockchain:r,fromToken:i,toBlockchain:a,toToken:p,inputAmount:l}=Cs(e,n,o);t({fromBlockchain:r,fromToken:i,inputAmount:l,outputAmount:null,inputUsdValue:Xo(i??null,l),outputUsdValue:new ut(0),toBlockchain:a,toToken:p,bestRoute:null})},switchFromAndTo:()=>t(e=>({fromBlockchain:e.toBlockchain,fromToken:e.toToken,toBlockchain:e.fromBlockchain,toToken:e.fromToken,inputAmount:e.outputAmount?.toString()||"",inputUsdValue:Xo(e.toToken,e.outputAmount?.toString()||"")})),resetFromBlockchain:()=>t(()=>({fromToken:null,fromBlockchain:null,outputAmount:null,outputUsdValue:null,bestRoute:null})),resetToBlockchain:()=>t(()=>({toToken:null,toBlockchain:null,outputAmount:null,outputUsdValue:null,bestRoute:null})),setRouteWalletConfirmed:e=>t({routeWalletsConfirmed:e}),setSelectedWallets:e=>t({selectedWallets:e}),setCustomDestination:e=>t({customDestination:e}),resetRouteWallets:()=>t({routeWalletsConfirmed:!1,selectedWallets:[],customDestination:""})}))));import{styled as jo}from"@rango-dev/ui";var Ms=jo("div",{width:"100%",paddingTop:"$10"}),ir=jo("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),Ls=jo("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%"}),Ps=jo("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});import{i18n as jt}from"@lingui/core";import{Button as Zu,Divider as Fs,MessageBox as Os,Modal as ec,Typography as tc,WarningIcon as oc}from"@rango-dev/ui";import ze from"react";import{useNavigate as nc}from"react-router-dom";import{Typography as Ds}from"@rango-dev/ui";import sr from"react";function _s(t){let{title:e,value:o,valueColor:n}=t;return sr.createElement(Ls,null,sr.createElement(Ds,{size:"medium",variant:"label",color:"neutral600"},e),sr.createElement(Ds,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}s(_s,"RouteErrorsModalItem");function $s(t){let{highValueLoss:e,open:o,onToggle:n,percentageChange:r,inputUsdValue:i,outputUsdValue:a,totalFeeInUsd:p}=t,l=nc(),u=e&&r?.lt(-10)?"error":"warning",c=[{title:jt.t("Swapping"),value:T(i,4,4)},{title:jt.t("Gas cost"),value:T(p,2,2)},{title:jt.t("Receiving"),value:T(a,4,4)},{title:jt.t("Price impact"),value:T(r,2,2),valueColor:`${u}500`}];return ze.createElement(ec,{open:o,onClose:()=>n(!1),container:document.getElementById("swap-box")||document.body},e?ze.createElement(Os,{type:u,title:z().highValueLossError.impactTitle,description:z().highValueLossError.description}):ze.createElement(Os,{type:u,title:z().unknownPriceError.impactTitle,description:z().unknownPriceError.description}),e&&ze.createElement(ir,null,ze.createElement(Fs,{size:20}),ze.createElement(tc,{size:"small",variant:"title"},jt.t("Details")),ze.createElement(ir,null,c.map((d,m)=>ze.createElement(_s,{key:m,...d})))),ze.createElement(Fs,{size:32}),ze.createElement(Zu,{type:"primary",size:"large",prefix:ze.createElement(oc,null),fullWidth:!0,onClick:()=>{l(g.confirmSwap)}},e?z().highValueLossError.confirmMessage:z().unknownPriceError.confirmMessage))}s($s,"RouteErrorsModal");var sc=-10;function ar(t){let{bestRoute:e}=P(),{highValueLoss:o,percentageChange:n,priceImpactCanNotBeComputed:r,openModal:i,onToggle:a,totalFeeInUsd:p,outputUsdValue:l,inputUsdValue:u,loading:c,extraSpace:d}=t,m=Go(e),{recommendation:h}=Ho(e),C=!m&&(o||r),y=C||m;return qe.createElement(qe.Fragment,null,(c||d&&!y)&&qe.createElement(rc,{size:20}),y&&qe.createElement(Ms,null,C&&qe.createElement(qe.Fragment,null,qe.createElement(Us,{title:o?z().highValueLossError.title:z().unknownPriceError.title,type:o&&n?.lt(sc)?"error":"warning",variant:"alarm",action:qe.createElement(Ps,{onClick:()=>a(!0)},qe.createElement(ic,{size:12,color:"gray"}))})),m&&qe.createElement(Us,{type:"error",variant:"alarm",title:h})),qe.createElement($s,{highValueLoss:o,open:i,onToggle:a,percentageChange:n,inputUsdValue:u,outputUsdValue:l,totalFeeInUsd:p}))}s(ar,"RouteErrors");import{ReverseIcon as ac,styled as zs}from"@rango-dev/ui";import lr from"react";var lc=zs("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),pc=zs("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 qs(){let t=P.use.switchFromAndTo();return lr.createElement(lc,null,lr.createElement(pc,{onClick:()=>{t()}},lr.createElement(ac,{size:12})))}s(qs,"SwitchFromAndToButton");import{useEffect as Gs,useRef as mc,useState as Hs}from"react";import{useRef as uc,useState as cc}from"react";function Ko(){let[t,e]=cc(!1),o=uc(null),n=s(()=>o.current?.abort(),"cancel");return{fetch:s(async i=>{n(),o.current=new AbortController,e(!0);try{let a=await xt().getBestRoute(i,{signal:o.current.signal});return o.current=null,a}catch(a){throw a}finally{e(!1)}},"fetch"),loading:t,cancelFetch:n}}s(Ko,"useFetchBestRoute");var dc=600;function Vs(){let{fetch:t,cancelFetch:e}=Ko(),[o,n]=Hs(!1),{fromToken:r,toToken:i,inputAmount:a,inputUsdValue:p,resetRoute:l,setRoute:u}=P(),{slippage:c,customSlippage:d,affiliatePercent:m,affiliateRef:h,affiliateWallets:C,disabledLiquiditySources:y}=F(),[S,k]=Hs(""),f=mc(y),w=d??c,x=!r||!i||Re(r,i)||!Ht(a),W=s(()=>{if(o||n(!0),!x){l();let E=Ro({fromToken:r,toToken:i,inputAmount:a,disabledLiquiditySources:y,slippage:w,affiliateRef:h,affiliatePercent:m,affiliateWallets:C});t(E).then($=>{n(!1),u($)}).catch($=>{l(),$?.code!=="ERR_CANCELED"&&(k($.message),n(!1))})}},"fetch"),O=Di(()=>{x||W()},dc);return Gs(()=>{if(!Ht(a)||p?.eq(0)){n(!1),e();return}if(!x)return l(),n(!0),O(),e},[a,x]),Gs(()=>{let E=!!f.current.length&&!y.length;return!x&&E&&W(),f.current=y,e},[y.length]),{fetch:W,loading:o,error:S}}s(Vs,"useSwapInput");var vc=Lt("div",{display:"flex",flexDirection:"column",overflowY:"visible"}),bc=Lt("div",{position:"relative"}),xc=Lt("div",{display:"flex",flexDirection:"column",gap:5,alignSelf:"stretch"}),Xs=Lt("div",{width:"100%",paddingTop:"$2"}),Ac=Lt("div",{paddingBottom:"$15"}),Ec=Lt("div",{width:"100%",display:"flex"});function Qo(){let t=wc(),{fetch:e,loading:o,error:n}=Vs(),{fromToken:r,fromBlockchain:i,toToken:a,toBlockchain:p,setInputAmount:l,inputAmount:u,inputUsdValue:c,outputAmount:d,outputUsdValue:m,bestRoute:h,resetRouteWallets:C}=P(),{meta:{tokens:y,blockchains:S},loadingStatus:k}=v(),f=H.use.connectedWallets(),w=ve.use.setCurrentPage(),[b,x]=Tc(!1),{fromAmountRangeError:W,swap:O,recommendation:E}=Ho(h),$=kc(null),X=!!Number(u)&&(!!h||o||!!n),oe=!1,B=zo(c,m),Z=qo(c,B),G=!rr(h,u,c),ne=!rr(h,u,m),L=Ts(k,f,o,h,Go(h),Z,G||ne,oe,u),me=i&&r?T(Bt(f,i?.name,r?.symbol,r?.address)?.amount||"0",8,8):"0",Ne=i&&r?T(Bt(f,i?.name,r?.symbol,r?.address)?.amount||"0",Bt(f,i?.name,r?.symbol,r?.address)?.decimal):"0";Cc(()=>(w(g.home),C(),w.bind(null,"")),[]);let U=!c||!m||!m.gt(0)?null:Ze(c.toNumber(),m.toNumber()),j=s(_e=>_e.map((se,ft)=>({swapper:{displayName:se.swapperId,image:se.swapperLogo},from:{token:{displayName:se.from.symbol,image:se.from.logo},chain:{displayName:Je(se.from.blockchain,S)??"",image:se.from.blockchainLogo},price:{value:ft===0?T(u,6,6):se.fromAmount}},to:{token:{displayName:se.to.symbol,image:se.to.logo},chain:{displayName:Je(se.to.blockchain,S)??"",image:se.to.blockchainLogo},price:{value:se.toAmount}},alerts:se.swapperId===O?.swapperId?K.createElement(Ac,null,K.createElement(fc,{type:"error",title:E,footer:K.createElement(Ec,null,K.createElement(ur,{size:"xsmall",variant:"body",color:"neutral700"},W),K.createElement(pr,{direction:"horizontal",size:8}),K.createElement(ur,{size:"xsmall",variant:"body",color:"neutral700"},"|"),K.createElement(pr,{direction:"horizontal",size:8}),K.createElement(ur,{size:"xsmall",variant:"body",color:"neutral700"},Yo.t({id:"yourSymbol",message:"Yours: {amount} {symbol}",values:{amount:T(O?.fromAmount||null,6,6),symbol:se?.from.symbol}})))})):void 0})),"getBestRouteSteps"),Ie=Vo(h,y),Te=Ss(h);return K.createElement(Q,{ref:$,fixedHeight:!1,hasLogo:!0,footer:K.createElement(yc,{type:"primary",size:"large",disabled:L.disabled,prefix:!L.disabled&&L.hasWarning&&K.createElement(Sc,null),fullWidth:!0,onClick:()=>{L.state==="waitForConnecting"?t(g.wallets):L.state==="needToConfirm"?x(!0):t(g.confirmSwap)}},L.title),header:{hasConnectWallet:!0,title:Yo.t("Swap"),suffix:K.createElement(Kn,{layoutRef:$.current,onClickRefresh:h||n?e:void 0,onClickHistory:()=>t(g.swaps),onClickSettings:()=>t(g.settings)})}},K.createElement(vc,null,K.createElement(xc,null,K.createElement(bc,null,K.createElement(Rs,{label:Yo.t("From"),mode:"From",onInputChange:l,balance:me,chain:{displayName:i?.displayName||"",image:i?.logo||""},token:{displayName:r?.symbol||"",image:r?.image||""},onClickToken:()=>t("from-swap"),price:{value:u,usdValue:G?void 0:T(c,4,4),error:G?z().unknownPriceError.impactTitle:void 0},disabled:k==="failed",loading:k==="loading",onSelectMaxBalance:()=>{me!=="0"&&l(Ne.split(",").join(""))}}),K.createElement(qs,null)),K.createElement(Rs,{sharpBottomStyle:!!h?.result||o,label:Yo.t("To"),mode:"To",chain:{displayName:p?.displayName||"",image:p?.logo||""},token:{displayName:a?.symbol||"",image:a?.image||""},percentageChange:U?.lt(0)?T(U,2,2):null,warningLevel:It(U?.toNumber()??0),price:{value:T(d,6,6),usdValue:ne?void 0:T(m,4,4),error:ne?z().unknownPriceError.impactTitle:void 0},onClickToken:()=>t("to-swap"),disabled:k==="failed",loading:k==="loading"})),o&&K.createElement(Xs,null,K.createElement(hc,{type:"basic"})),X&&!o&&Te?.result?.swaps?.length?K.createElement(Xs,null,K.createElement(gc,{type:"basic",recommended:!0,tooltipContainer:ae(),input:{value:T(u,6,6),usdValue:T(c,4,4)},output:{value:T(d,6,6),usdValue:T(m,4,4)},steps:j(Te.result.swaps),percentageChange:T(U,2,2),totalFee:T(Ie,2,2),totalTime:At(Et(h?.result?.swaps))})):X&&!o?K.createElement(K.Fragment,null,K.createElement(pr,{size:20}),K.createElement(Rt,{diagnosisMessage:Te?.diagnosisMessages?.[0],fetch:e,error:!!n})):null),K.createElement(ar,{openModal:b,onToggle:x,totalFeeInUsd:Ie,outputUsdValue:m,inputUsdValue:c,percentageChange:U,highValueLoss:Z,priceImpactCanNotBeComputed:G||ne,loading:o||k==="loading",extraSpace:!!h?.result||!h}))}s(Qo,"Home");import{useEffect as cr,useRef as mr}from"react";import{createSearchParams as Bc,useLocation as Wc,useSearchParams as Nc}from"react-router-dom";import{useEffect as Jo,useRef as Zo}from"react";function js(t){let{setInputAmount:e,setToToken:o,setToBlockchain:n,setFromBlockchain:r,setFromToken:i}=P(),{meta:{tokens:a,blockchains:p},loadingStatus:l}=v(),{setAffiliateRef:u,setAffiliatePercent:c,setAffiliateWallets:d}=F(),m=Zo(void 0),h=Zo(void 0),C=Zo(void 0),y=Zo(void 0);Jo(()=>{e(t?.amount?.toString()||"")},[t?.amount]),Jo(()=>{if(l==="success"){let S=p.find(f=>f.name===t?.from?.blockchain),k=a.find(f=>Re(f,t?.from?.token||null));(S||!S&&C.current)&&r(S??null),(k||!k&&m.current)&&i(k??null),C.current=t?.from?.blockchain,m.current=t?.from?.token}},[t?.from?.token?.symbol,t?.from?.token?.address,t?.from?.token?.blockchain,t?.from?.blockchain,l]),Jo(()=>{if(l==="success"){let S=p.find(f=>f.name===t?.to?.blockchain),k=a.find(f=>Re(f,t?.to?.token||null));(S||!S&&y.current)&&n(S??null),(k||!k&&h.current)&&o(k??null),y.current=t?.to?.blockchain,h.current=t?.to?.token}},[t?.to?.token?.symbol,t?.to?.token?.address,t?.to?.token?.blockchain,t?.to?.blockchain,l]),Jo(()=>{u(t?.affiliate?.ref??null),c(t?.affiliate?.percent??null),d(t?.affiliate?.wallets??null)},[t?.affiliate?.ref,t?.affiliate?.percent,t?.affiliate?.wallets])}s(js,"useSyncStoresWithConfig");function Ks(t){let e=mr(!0),[o,n]=Nc(),r=Wc(),i=mr(r.search),a=mr({}),p=P.use.fromBlockchain(),l=P.use.toBlockchain(),u=P.use.fromToken(),c=P.use.toToken(),d=P.use.setFromBlockchain(),m=P.use.setFromToken(),h=P.use.setToBlockchain(),C=P.use.setToToken(),y=P.use.inputAmount(),S=P.use.setInputAmount(),k=v.use.loadingStatus(),{blockchains:f,tokens:w}=v.use.meta(),b=ve.use.setSelectedSwap();return js(t.config),cr(()=>{let x={};Bc(i.current).forEach((O,E)=>{x[E]=O}),a.current=x;let W=r.pathname.split(g.swaps+"/")[1]||null;W&&b(W)},[]),cr(()=>{if(!e.current){let x="",W="",O="",E="",$="";if(k!=="success")x=a.current["fromBlockchain"],W=a.current["fromToken"],O=a.current["toBlockchain"],E=a.current["toToken"],$=a.current["fromAmount"]||y;else{if(r.state==="redirect")return;x=p?.name||"",W=(u?.symbol||"")+(u?.address?`--${u?.address}`:""),O=l?.name||"",E=(c?.symbol||"")+(c?.address?`--${c?.address}`:""),$=y}n({...x&&{["fromBlockchain"]:x},...W&&{["fromToken"]:W},...O&&{["toBlockchain"]:O},...E&&{["toToken"]:E},...$&&{["fromAmount"]:$.toString()}},{replace:!0})}e.current=!1},[r.pathname,y,p,u,l,c]),cr(()=>{if(k==="success"){let x=o.get("fromBlockchain"),W=o.get("fromToken"),O=o.get("toBlockchain"),E=o.get("toToken"),$=o.get("fromAmount"),X=f.find(G=>G.name===x),oe=er(w,W,X||null),B=f.find(G=>G.name===O),Z=er(w,E,B||null);X&&(d(X),oe&&m(oe)),B&&(h(B),Z&&C(Z)),$&&S($)}},[k]),null}s(Ks,"UpdateUrl");function Uc(t){let e=Oc(),o=$c(),n=Dc(!0),r=e.pathname.split("/"),a=r[r.length-1]===g.confirmSwap&&n.current;return Pc(()=>{a&&o("."),n.current=!1},[]),a?yt.createElement(Qo,null):yt.createElement(yt.Fragment,null," ",t.children)}s(Uc,"Route");function Ys({children:t,...e}){let o=Fc(),n=o?Uc:_c,{blockchains:r}=v.use.meta(),{canSwitchNetworkTo:i}=Mc(),a=r.filter(Lc);return Ic({lastConnectedWallet:e.lastConnectedWallet,clearDisconnectedWallet:e.clearDisconnectedWallet,disconnectedWallet:e.disconnectedWallet,evmChains:a,canSwitchNetworkTo:i}),yt.createElement(yt.Fragment,null,yt.createElement(n,null,t),o&&yt.createElement(Ks,{config:e.config}))}s(Ys,"AppRouter");import We from"react";import{useRoutes as cg}from"react-router-dom";import{i18n as Xe}from"@lingui/core";import{useManager as Lm}from"@rango-dev/queue-manager-react";import{Alert as Tr,BestRoute as Pm,BestRouteSkeleton as Dm,Button as an,Divider as Ot,IconButton as Da,MessageBox as _m,Modal as Fm,RefreshIcon as Om,SettingsIcon as $m,styled as _a,Tooltip as Um,Typography as Pa,WalletIcon as zm}from"@rango-dev/ui";import I,{useEffect as ln,useState as pn}from"react";import{flushSync as qm}from"react-dom";import{useNavigate as Gm}from"react-router-dom";import{i18n as nt}from"@lingui/core";import{Alert as kr,BalanceErrors as ym,Button as Na,ChevronDownIcon as Sm,ChevronLeftIcon as Cm,Divider as Ft,MessageBox as km,Modal as Ia,Typography as sn,WalletIcon as Tm}from"@rango-dev/ui";import A,{useEffect as wm,useLayoutEffect as vm,useRef as bm,useState as kt}from"react";import{useNavigate as xm}from"react-router-dom";import{i18n as en}from"@lingui/core";function tn(t){switch(t.type){case 0:return en.t("Route has been updated.");case 3:return en.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return en.t("Route swappers has been updated.");case 2:return en.t("Route internal coins has been updated.");default:return""}}s(tn,"getRouteWarningMessage");import*as Dt from"@radix-ui/react-collapsible";import{Button as zc,darkTheme as Pt,IconButton as qc,keyframes as Qs,styled as Ce,TextField as Gc}from"@rango-dev/ui";var Kt=300,Hc=Qs({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),Vc=Qs({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),Js=Ce("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),Zs=Ce("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}),ea=Ce("button",{borderRadius:"$xm",padding:"$10",border:"0",display:"flex",justifyContent:"center",$$color:"$colors$neutral100",[`.${Pt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",alignItems:"center",cursor:"pointer",width:110,position:"relative","&:hover":{$$color:"$colors$info100",[`.${Pt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$color:"$colors$info100",[`.${Pt} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color",outline:0},variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary",outlineStyle:"solid"}}}}),ta=Ce(Dt.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit"}),oa=Ce("div",{padding:"$20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),na=Ce(qc,{position:"absolute",left:"$20"}),ra=Ce("div",{paddingTop:"$20","& .wallets-list":{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}}),ia=Ce(Dt.Root,{backgroundColor:"$neutral200",borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),sa=Ce(zc,{width:"100%",borderRadius:"$sm !important",padding:"$15 !important",justifyContent:"space-between",alignItems:"center",$$color:"$colors$neutral100",[`.${Pt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color","&:hover":{$$color:"$colors$info100",[`.${Pt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$background:"$colors$info100",[`.${Pt} &`]:{$$background:"$colors$info700"},backgroundColor:"$$background",outline:0}}),aa=Ce("div",{padding:"$10 $0","& .button__content":{display:"flex",justifyContent:"center",alignItems:"center"},"& .alarms":{paddingTop:"5px"}}),la=Ce("div",{transition:`all ${Kt}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),pa=Ce("div",{display:"flex"}),ua=Ce(Gc,{padding:"$0 $15 $15 $15"}),ca=Ce(Dt.Content,{overflow:"hidden",variants:{open:{true:{animation:`${Hc} ${Kt}ms ease-out`},false:{animation:`${Vc} ${Kt}ms ease-out`}}}}),ma=Ce("div",{overflow:"visible",width:"100%"});import{i18n as ot}from"@lingui/core";import{Button as fm,Divider as yr,Image as gm,MessageBox as Sr,Modal as xa,SelectableWallet as hm,Typography as Aa,WalletState as Ea}from"@rango-dev/ui";import ie,{useEffect as Ba,useState as Qt}from"react";import{WalletState as da}from"@rango-dev/ui";import{useWallets as Rc}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as Xc,WalletTypes as jc}from"@rango-dev/wallets-shared";import{useEffect as Kc,useState as Yc}from"react";var Qc=Object.values(jc);function on(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:i,disconnect:a,getWalletInfo:p,connect:l}=Rc(),{connectedWallets:u}=H(),{blockchains:c}=v().meta,d=typeof e?.multiWallets>"u"?!0:e.multiWallets,m=Fi(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||Qc,h=Ai(i,p,m,o),C=Mi(h),[y,S]=Yc(""),k=s(x=>!u.find(W=>W.walletType===x&&W.chain===o),"isExperimentalChainNotAdded"),f=s(async x=>{let W=i(x);try{if(y&&S(""),W.connected)await a(x);else{let O=!!h.find(E=>E.state===da.CONNECTED);if(!d&&O)return;n?.(x),await l(x),r?.(x)}}catch(O){S("Error: "+O?.message)}},"handleClick"),w=s(()=>{let x=h?.filter(W=>W.state===da.CONNECTING)||[];for(let W of x)a(W.type)},"disconnectConnectingWallets");Kc(()=>()=>{w()},[]);let b=s((x,W,O)=>vo(O,W)&&k(x)&&!Xc.includes(x),"shouldExcludeWallet");return{list:C.filter(x=>!b(x.type,o??"",c)),error:y,handleClick:f}}s(on,"useWalletList");import{i18n as Sa}from"@lingui/core";import{styled as ka,Typography as sm,Wallet as am,WalletState as lm}from"@rango-dev/ui";import Ct,{Fragment as pm,useState as Ca}from"react";import{Divider as om,Modal as nm}from"@rango-dev/ui";import fr from"react";import{i18n as _t}from"@lingui/core";import{Image as em,MessageBox as dr,WalletState as tm}from"@rango-dev/ui";import St from"react";import{keyframes as Jc,styled as nn}from"@rango-dev/ui";var Ew=nn("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),fa=nn("div",{position:"relative"}),Zc=Jc({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),ga=nn("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Zc} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),ha=nn("div",{"& img":{borderRadius:"50%"}});function ya(t){let{state:e,image:o,error:n}=t;return e===tm.CONNECTED?St.createElement(dr,{type:"success",title:_t.t("Wallet Connected"),description:_t.t("Your wallet is connected, you can use it to swap.")}):n?St.createElement(dr,{type:"error",title:_t.t("Failed to Connect"),description:n||_t.t("Your wallet is not connected. Please try again.")}):St.createElement(dr,{type:"loading",title:_t.t("Connecting to your wallet"),description:_t.t("Click connect in your wallet popup."),icon:St.createElement(fa,null,St.createElement(ha,null,St.createElement(em,{src:o,size:45})),St.createElement(ga,null))})}s(ya,"ModalContent");function Yt(t){let{open:e,onClose:o,...n}=t;return fr.createElement(nm,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},fr.createElement(ya,{...n}),fr.createElement(om,{direction:"vertical",size:32}))}s(Yt,"WalletModal");import{useInRouterContext as rm,useNavigate as im}from"react-router-dom";function re(){let t=rm(),e=im(),o=P.use.routeWalletsConfirmed();return g,{navigateBackFrom:s(r=>{if(r===g.swapDetails)return e("/"+g.swaps,{replace:!0});if(!t||window.history.state&&window.history.state.idx>0)e(-1);else{if([g.settings,g.wallets].includes(r)&&o)return e("/"+g.confirmSwap,{replace:!0});[g.fromSwap,g.toSwap,g.settings,g.wallets,g.swaps,g.confirmSwap].includes(r)?e(g.home,{replace:!0}):r===g.fromBlockchain?e("/"+g.fromSwap,{replace:!0}):r===g.toBlockchain?e("/"+g.fromSwap,{replace:!0}):r===g.liquiditySources&&e("/"+g.settings,{replace:!0})}},"navigateBackFrom")}}s(re,"useNavigateBack");var um=ka("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline",paddingTop:"$15",height:"100%"}),cm=ka("div",{textAlign:"center"}),rn=3e3,gr=300;function Ta({config:t}){let{navigateBackFrom:e}=re(),[o,n]=Ca(!1),[r,i]=Ca(""),a=null,{list:p,handleClick:l,error:u}=on({config:t,onBeforeConnect:C=>{a=setTimeout(()=>{n(!0),i(C)},gr)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},rn)}}),c=v.use.loadingStatus(),d=p.find(C=>C.type===r),m=d?.image||"",h=d?.state||lm.NOT_INSTALLED;return Ct.createElement(Q,{header:{title:Sa.t("Connect Wallets"),onBack:e.bind(null,g.wallets)}},Ct.createElement(cm,null,Ct.createElement(sm,{variant:"title",size:"xmedium",align:"center"},Sa.t("Choose a wallet to connect.")),Ct.createElement(um,null,p.map((C,y)=>{let S=`wallet-${y}-${C.type}`;return Ct.createElement(pm,{key:S},Ct.createElement(am,{...C,container:ae(),onClick:k=>{l(k)},isLoading:c==="loading"}))}),Ct.createElement(Yt,{open:!!o,onClose:()=>n(!1),image:m,state:h,error:u}))))}s(Ta,"WalletsPage");import{keyframes as mm,styled as hr}from"@rango-dev/ui";var wa=hr("div",{position:"relative"}),dm=mm({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),va=hr("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${dm} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),ba=hr("div",{"& img":{borderRadius:"50%"}});function Cr(t){let{config:e,chain:o,isSelected:n,selectWallet:r,limit:i,onShowMore:a}=t,p=H.use.connectedWallets(),{blockchains:l}=v.use.meta(),[u,c]=Qt(""),[d,m]=Qt(null),[h,C]=Qt(!1),[y,S]=Qt(null),{connect:k}=Wa(),f=null,{list:w,error:b,handleClick:x}=on({config:e,chain:o,onBeforeConnect:B=>{f=setTimeout(()=>{c(B)},gr)},onConnect:()=>{f&&clearTimeout(f),setTimeout(()=>{c("")},rn)}}),[W,O]=Qt(w),E=w.length,$=i&&E-i>0,X=s(async B=>{C(!1),S("in-progress"),await k(B.walletType,B.chain),S("completed")},"addExperimentalChain");Ba(()=>{O(B=>{let Z=w.findIndex(G=>n(G.type,o));return $&&Z>1?[w[Z]].concat(w.filter((G,ne)=>ne!==Z)):B.map(G=>w.find(ne=>ne.type===G.type)??G)})},[JSON.stringify(w)]);let oe=document.querySelector("#swap-box");return Ba(()=>{let B=null;return y==="completed"&&(B=setTimeout(()=>S(null),rn)),()=>{B&&clearTimeout(B)}},[y]),ie.createElement(ie.Fragment,null,W.slice(0,i).map(B=>{let Z=Li({connectedWallets:p,walletType:B.type,chain:o}),G=Z?bo(Z):"",ne=vo(l,o),L=!p.find(Ie=>Ie.walletType===B.type&&Ie.chain===o),me=ne&&L&&B.state===Ea.CONNECTED,Ne=me?ot.t({id:"addChain",message:"Add {chain} chain",values:{chain:o}}):G,U=s(()=>{B.state===Ea.DISCONNECTED?x(B.type):me?(m({walletType:B.type,chain:o,address:Z??""}),C(!0)):r({walletType:B.type,chain:o,address:Z??""})},"onClick"),j=d?.chain?fs(d.chain,l):void 0;return ie.createElement(ie.Fragment,null,ie.createElement(Yt,{open:u===B.type,onClose:()=>c(""),image:B.image,state:B.state,error:b}),!!d&&ie.createElement(xa,{open:!!d&&h,container:oe,onClose:()=>{m(null)}},ie.createElement(Sr,{title:ot.t({id:"addBlockchain",message:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:j}}),type:"warning",description:ot.t({id:"addBlockchainDescription",message:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:j}})},ie.createElement(yr,{size:18}),ie.createElement(yr,{size:32}),ie.createElement(fm,{onClick:X.bind(null,d),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},ot.t("Confirm")))),y&&ie.createElement(xa,{open:!!y,onClose:S.bind(null,null),container:oe},y==="in-progress"?ie.createElement(Sr,{type:"loading",title:ot.t({id:"addBlockchain",message:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:j}}),description:ot.t({id:"addBlockchainDescription",message:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:j}}),icon:ie.createElement(wa,null,ie.createElement(ba,null,ie.createElement(gm,{src:B.image,size:45})),ie.createElement(va,null))}):ie.createElement(Sr,{type:"success",title:ot.t({id:"blockchainAdded",message:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:j}}),description:ot.t({id:"blockchainAddedDescription",message:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:j}})}),ie.createElement(yr,{direction:"vertical",size:32})),ie.createElement(hm,{key:B.type,description:Ne,onClick:U,selected:n(B.type,o),...B}))}),$&&ie.createElement(ea,{selected:!1,onClick:a.bind(null)},ie.createElement(Aa,{variant:"label",size:"medium"},ot.t("Show more wallets"),ie.createElement(Aa,{variant:"label",size:"medium",color:"$primary"},"\xA0+",E-(i??0)))))}s(Cr,"WalletList");var Am=2;function Ma(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,config:i,loading:a}=t,{blockchains:p}=v.use.meta(),{bestRoute:l,setSelectedWallets:u,routeWalletsConfirmed:c,setRouteWalletConfirmed:d,customDestination:m,setCustomDestination:h}=P(),{connectedWallets:C,selectWallets:y}=H(),[S,k]=kt(""),[f,w]=kt([]),[b,x]=kt(""),[W,O]=kt(null),[E,$]=kt(m),[X,oe]=kt(!!m),B=bm(null),Z=Do(l),G=typeof i?.customDestination>"u"?!0:i.customDestination,ne=p.find(D=>D.name===l?.result?.swaps[l?.result?.swaps.length-1].to.blockchain),L=s(D=>!!l?.result?.swaps.find(N=>N.from.blockchain===D),"isWalletRequiredFor"),[me,Ne]=kt(C.filter(D=>D.selected&&Z.includes(D.chain))),U=p.find(D=>D.name===ne?.name),j=s((D,N)=>!!me.find(_=>_.walletType===D&&_.chain===N&&_.selected&&(L(N)||!L(N)&&!E)),"isSelected"),Ie=!!E&&X&&U&&!_o(U,E),Te=s(()=>{oe(!1),$(""),Ne(D=>{let N=!1;return D.map(_=>!N&&_.chain===ne?.name?(N=!0,{..._,selected:!0}):_)})},"resetCustomDestination"),_e=s(D=>{if(S&&k(""),j(D.walletType,D.chain))return;let _=C.find(Y=>Y.walletType===D.walletType&&Y.chain===D.chain);_&&(n(),D.chain===ne?.name&&X&&(oe(!1),$("")),Ne(Y=>Y.filter(le=>le.chain!==D.chain).concat({..._,selected:!0})))},"onChange"),se=s(()=>{let D=me.filter(N=>N.selected);y(D),u(D),h(E),d(!0),o()},"onConfirmBalance"),ft=s(async()=>{w([]),x(""),O(null);let D=C.filter(Y=>me.find(le=>le.chain===Y.chain&&le.walletType===Y.walletType)),N=await r?.({selectedWallets:D,customDestination:E}),_=N.warnings;_?.balance?.messages&&w(_.balance.messages),_?.route&&O(_.route),N.error&&x(Mo(N.error)),!N.error&&(!_?.balance?.messages.length||0>0)?se():w(_?.balance?.messages??[])},"onConfirmWallets");wm(()=>{Ne(D=>D.concat(C.filter(N=>!!!D.find(Y=>Y.chain===N.chain)&&N.selected&&Z.includes(N.chain))))},[C.length]),vm(()=>{X&&B.current&&setTimeout(()=>{B?.current?.scrollIntoView({behavior:"smooth"})},Kt)},[X]);let Qe=document.querySelector("#swap-box"),bt=xm();return A.createElement(Ia,{open:e,onClose:()=>{c||bt(g.home,{replace:!0}),o()},dismissible:!S,container:Qe,...!S&&{footer:A.createElement(pa,null,A.createElement(Na,{loading:a,disabled:Is(a,X,E,l,me,ne),onClick:ft,variant:"contained",type:"primary",fullWidth:!0,size:"large"},"Confirm"))},...S&&{containerStyle:{padding:"$0"},header:A.createElement(oa,null,A.createElement(na,{variant:"ghost",onClick:k.bind(null,"")},A.createElement(Cm,{size:16})),A.createElement(sn,{variant:"headline",size:"small"},nt.t({id:"yourWallets",message:"Your {blockchainName} wallets",values:{blockchainName:S}})))},anchor:"center"},A.createElement(Ia,{open:f.length>0,onClose:w.bind(null,[]),container:Qe},A.createElement(km,{title:nt.t("Insufficient account balance"),type:"error",description:A.createElement(ym,{messages:f??[]})},A.createElement(Na,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:se},nt.t("Proceed anyway")))),S&&A.createElement(ra,null,A.createElement("div",{className:"wallets-list"},A.createElement(Cr,{chain:S,isSelected:j,selectWallet:_e,multiWallets:i?.multiWallets??!0,supportedWallets:i?.wallets??[],config:i,onShowMore:k.bind(null,S)}))),!S&&A.createElement(A.Fragment,null,b&&A.createElement(A.Fragment,null,A.createElement(kr,{variant:"alarm",type:"error",title:nt.t(b)}),A.createElement(Ft,{size:12})),W&&A.createElement(A.Fragment,null,A.createElement(kr,{variant:"alarm",type:"warning",title:tn(W)}),A.createElement(Ft,{size:12})),A.createElement(ma,null,Z.map((D,N)=>{let _=p.find(ue=>ue.name===D),Y=`wallet-${N}`,le=N===Z.length-1;return A.createElement("div",{key:Y},A.createElement(Js,null,A.createElement(sn,{variant:"title",size:"xmedium"},nt.t({id:"yourWallets",message:"Your {blockchainName} wallets",values:{blockchainName:_?.displayName}})),A.createElement(sn,{variant:"label",color:"$neutral700",size:"medium"},nt.t({id:"needConnect",message:"You need to connect a {blockchainName} wallet.",values:{blockchainName:_?.displayName}}))),A.createElement(Ft,{size:24}),A.createElement(Zs,null,A.createElement(Cr,{chain:D,isSelected:j,selectWallet:_e,multiWallets:i?.multiWallets??!0,supportedWallets:i?.wallets??[],config:i,limit:Am,onShowMore:()=>k(_?.name??"")})),!le&&A.createElement(Ft,{size:32}),le&&G&&A.createElement(aa,null,A.createElement(ia,{ref:B,selected:X,open:X,onOpenChange:ue=>{ue?L(ne?.name??"")||Ne(go=>go.map(ho=>ho.chain===ne?.name?{...ho,selected:!1}:ho)):Te()}},A.createElement(ta,{onClick:()=>oe(ue=>!ue)},A.createElement(sa,{fullWidth:!0,variant:"default",suffix:A.createElement(la,{orientation:X?"up":"down"},A.createElement(Sm,{size:10,color:"gray"}))},A.createElement("div",{className:"button__content"},A.createElement(Tm,{size:18,color:"info"}),A.createElement(Ft,{size:4,direction:"horizontal"}),A.createElement(sn,{variant:"label",size:"medium"},nt.t("Send to a different address"))))),A.createElement(ca,{open:X},A.createElement(A.Fragment,null,A.createElement(Ft,{size:4}),A.createElement(ua,{autoFocus:!0,placeholder:nt.t("Your destination address"),value:E,onChange:ue=>{$(ue.target.value)}})))),Ie&&A.createElement("div",{className:"alarms"},A.createElement(kr,{variant:"alarm",type:"error",title:nt.t({id:"addressMatch",values:{destination:E},message:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}s(Ma,"ConfirmWalletsModal");import{calculatePendingSwap as Bm}from"@rango-dev/queue-manager-rango-preset";import Wm from"bignumber.js";import{useEffect as Nm}from"react";function Im(t,e){if(!t.result)throw new Error(z().noRoutesError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});let o=new Wm(t.result?.outputAmount||"0").multipliedBy(e.outputUsdValue||0),n=zo(e.inputUsdValue,o);if(qo(e.inputUsdValue,n))throw new Error("High value loss for route",{cause:{type:1}});return t}s(Im,"throwErrorIfResponseIsNotValid");function Mm(t,e,o){let n=hs(t,e),r={balance:null,route:null,slippage:null};n&&(xs(t,e)?r.route={type:3,newOutputAmount:T(Mt(e)),percentageChange:T(Ze(Mt(t),Mt(e)),null,2)}:tr(t,e)?r.route={type:0}:or(t,e)?r.route={type:1}:nr(t,e)&&(r.route={type:2}));let i=As(e,o.selectedWallets);i.length===0||(r.balance={messages:i});let p=ws(t),l=o.userSlippage>rs;return vs(o.userSlippage.toString(),p)?l&&(r.slippage={type:1,slippage:o.userSlippage.toString()}):r.slippage={type:0,slippage:p},r}s(Mm,"generateWarnings");function La(){let{fromToken:t,toToken:e,inputAmount:o,inputUsdValue:n,setRoute:r,bestRoute:i,customDestination:a}=P(),{slippage:p,customSlippage:l,affiliatePercent:u,affiliateRef:c,affiliateWallets:d,disabledLiquiditySources:m}=F(),{connectedWallets:h}=H(),{meta:C}=v(),y=l||p,{fetch:S,cancelFetch:k,loading:f}=Ko();return Nm(()=>k,[]),{loading:f,fetch:s(async b=>{let x=b.selectedWallets,W=b?.customDestination??a;if(!t||!e||!o||!i)return{route:null,swap:null,error:null,warnings:null};let O=Ro({fromToken:t,toToken:e,inputAmount:o,wallets:h,selectedWallets:x,disabledLiquiditySources:m,slippage:y,affiliateRef:c,affiliatePercent:u,affiliateWallets:d,initialRoute:i,destination:W}),E;try{E=await S(O).then(oe=>Im(oe,{outputUsdValue:e.usdPrice,inputUsdValue:n})),r(E)}catch(oe){return oe?.code==="ERR_CANCELED"?{swap:null,error:{type:3},warnings:null}:oe.cause?{swap:null,error:oe.cause,warnings:null}:{swap:null,error:{type:2},warnings:null}}let $={slippage:y.toString(),disabledSwappersGroups:m},X=Bm(o.toString(),E,bs(x),$,!1,C);return{route:E,swap:X,error:null,warnings:Mm(i,E,{selectedWallets:x,userSlippage:y})}},"fetch"),cancelFetch:k}}s(La,"useConfirmSwap");var Hm=_a("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"}}),Vm=_a("div",{width:"100%",display:"flex",justifyContent:"space-between","& .confirm-button":{flexGrow:1,paddingRight:"$10"},[`& ${Da}`]:{width:"$48",height:"$48"}});function Fa(t){let{config:e}=t,{bestRoute:o,inputAmount:n,outputAmount:r,inputUsdValue:i,outputUsdValue:a,setInputAmount:p,selectedWallets:l,routeWalletsConfirmed:u,setRouteWalletConfirmed:c,customDestination:d}=P(),m=Gm(),[h,C]=pn(""),[y,S]=pn(!1),{connectedWallets:k}=H(),f=!u,[w,b]=pn(!1),x=ve.use.setSelectedSwap(),{meta:{tokens:W,blockchains:O},loadingStatus:E}=v(),$=F.use.slippage(),X=F.use.customSlippage(),{manager:oe}=Lm(),B=X||$,{fetch:Z,loading:G,cancelFetch:ne}=La(),[L,me]=pn({swap:null,error:null,warnings:null}),Ne=G||E==="loading",U=!G&&L.error&&[0,2].includes(L.error.type),j=!U&&!G&&o&&o.result,Ie=Vo(o,W),Te=T(Ze(i?.toNumber()??0,a?.toNumber()??0),2,2),_e=It(parseFloat(Te)),se=s(async({selectedWallets:N,customDestination:_})=>{let Y=await Z?.({selectedWallets:N,customDestination:_});return me(Y),Y},"onConfirmSwap"),ft=s(async()=>{if(L.swap&&u)try{await oe?.create("swap",{swapDetails:L.swap},{id:L.swap.requestId}),x(L.swap.requestId),m("/"+g.swaps+`/${L.swap.requestId}`,{replace:!0}),setTimeout(()=>{p("")},0)}catch(N){C("Error: "+N?.message)}},"addNewSwap"),Qe=s(async()=>{await ft()},"onConfirm"),bt=s(async()=>{L?.warnings?.slippage?S(!0):await Qe()},"onStartConfirmSwap"),D=s(async()=>{me({error:null,swap:null,warnings:null}),Z({selectedWallets:l}).then(N=>{me(N)}).catch(N=>console.error(N))},"onRefresh");return ln(()=>{f&&ne()},[f]),ln(()=>{f&&b(f)},[f]),ln(()=>{f||Z({selectedWallets:l,customDestination:d}).then(N=>me(N)).catch(N=>console.error(N))},[]),ln(()=>{let N=L.warnings?.route?.type&&Object.values(Vt).includes(L.warnings?.route?.type),_=l.length<1||!l.every(le=>k.find(ue=>le.address===ue.address&&le.walletType===ue.walletType&&le.chain===ue.chain)),Y=!1;if(N){let le=Do(o),ue=o?.result?.swaps[o.result.swaps.length-1].to.blockchain;!!o?.result?.swaps.find(_n=>_n.from.blockchain===ue)||(le=le.slice(-le.length,le.length-1)),le.every(_n=>l.find(Bp=>Bp.chain===_n))||(Y=!0)}o&&(_||Y)&&(queueMicrotask(()=>qm(b.bind(null,!0))),c(!1))},[L.warnings?.route,l.length,k.length]),I.createElement(Q,{header:{title:Xe.t("Confirm Swap"),onBack:m.bind(null,-1),hasConnectWallet:!0,suffix:I.createElement(Um,{container:ae(),side:"bottom",content:Xe.t("Settings")},I.createElement(Fe,{size:"small",variant:"ghost",onClick:()=>m("/"+g.settings)},I.createElement($m,{size:18,color:"black"})))},footer:I.createElement(Vm,null,I.createElement("div",{className:"confirm-button"},I.createElement(an,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:G,disabled:!!L.error,onClick:bt},Xe.t("Start Swap"))),I.createElement(Da,{variant:"contained",type:"primary",size:"large",loading:G,onClick:b.bind(null,!0)},I.createElement(zm,{size:24})))},I.createElement(Fm,{anchor:"bottom",open:y,prefix:I.createElement(an,{size:"small",variant:"ghost",onClick:()=>m("/"+g.settings)},I.createElement(Pa,{variant:"label",size:"medium",color:"$neutral700"},Xe.t("Change settings"))),container:document.querySelector("#swap-box"),onClose:S.bind(null,N=>!N)},L.warnings?.slippage&&I.createElement(_m,{type:"warning",title:L.warnings.slippage.type===1?Xe.t("High slippage"):Xe.t("Low slippage"),description:L.warnings.slippage.type===1?Xe.t("highSlippage",{selectedSlippage:B},{message:" Caution, your slippage is high (={selectedSlippage}). Your trade may be front run."}):Xe.t("increaseSlippage",{minRequiredSlippage:L.warnings.slippage.slippage},{message:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route."})},I.createElement(Ot,{size:18}),I.createElement(Ot,{size:32}),I.createElement(an,{size:"large",type:"primary",variant:"contained",fullWidth:!0,onClick:Qe},Xe.t("Confirm anyway")))),w&&I.createElement(Ma,{open:w,onClose:()=>b(!1),onCancel:ne,loading:G,onCheckBalance:se,config:e}),I.createElement(Hm,null,I.createElement("div",{className:"description"},I.createElement(Pa,{variant:"title",size:"small"},Xe.t("You get")),I.createElement(an,{style:{padding:"0"},variant:"ghost",disabled:G,onClick:D},I.createElement("div",{className:"icon"},I.createElement(Om,{size:16})))),h&&I.createElement(I.Fragment,null,I.createElement(Tr,{type:"error",variant:"alarm",title:h}),I.createElement(Ot,{size:12})),L.warnings?.route&&I.createElement(I.Fragment,null,I.createElement(Tr,{variant:"alarm",type:"warning",title:tn(L.warnings.route)}),I.createElement(Ot,{size:12})),Ne&&I.createElement(Dm,{type:"swap-preview",expanded:!0}),j&&I.createElement(Pm,{expanded:!0,tooltipContainer:ae(),steps:ks(o,O)??[],input:{value:T(n,6,6),usdValue:T(i,4,4)},output:{value:T(r,6,6),usdValue:T(a,4,4)},totalFee:T(Ie,2,2),totalTime:At(Et(o.result?.swaps)),recommended:!0,type:"swap-preview",percentageChange:Te,warningLevel:_e}),U&&I.createElement(I.Fragment,null,I.createElement(Ot,{size:12}),I.createElement(Rt,{diagnosisMessage:L.error?.type===0?L.error.diagnosisMessage:void 0,error:L.error?.type===2,fetch:D})),L.error?.type===1&&I.createElement(I.Fragment,null,I.createElement(Tr,{variant:"alarm",type:"error",title:Mo(L.error)}),I.createElement(Ot,{size:12}))))}s(Fa,"ConfirmSwapPage");import{i18n as mn}from"@lingui/core";import{useManager as Qm}from"@rango-dev/queue-manager-react";import{Divider as Jm,NotFound as Zm,styled as Ra}from"@rango-dev/ui";import ct,{useState as ed}from"react";import{useNavigate as td}from"react-router-dom";import{CloseIcon as Xm,IconButton as jm,SearchIcon as Km,TextField as Ym}from"@rango-dev/ui";import Jt from"react";import{styled as Rm}from"@rango-dev/ui";var Oa=Rm("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function rt(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:i,value:a,setValue:p,...l}=t;return Jt.createElement(Ym,{prefix:Jt.createElement(Oa,null,Jt.createElement(Km,{color:"black"})),suffix:!!a.length&&Jt.createElement(jm,{variant:"ghost",onClick:()=>p?.(""),size:"small"},Jt.createElement(Xm,{color:"gray",size:10})),fullWidth:o,color:n,variant:e,style:{padding:10,borderRadius:25,alignItems:"center"},size:r,value:a,onChange:i,...l})}s(rt,"SearchInput");import{i18n as Ua}from"@lingui/core";import{Divider as za,SwapListItem as qa,Typography as Ga}from"@rango-dev/ui";import te from"react";import{styled as un}from"@rango-dev/ui";var wr=un("div",{width:"100%",display:"flex",flexDirection:"column"}),vr=un("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),br=un("div",{gap:"$10",display:"flex",flexDirection:"column"}),$a=un("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});function xr(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(l=>te.createElement(te.Fragment,{key:l.title},te.createElement(wr,null,te.createElement(vr,null,te.createElement(Ga,{variant:"label",size:"medium",color:"neutral600",className:"group-title"},Ua.t(l.title))),te.createElement(za,{size:4}),te.createElement(br,null,l.swaps.map((u,c)=>{let d=c+l.title;return te.createElement(te.Fragment,{key:d},te.createElement(qa,{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(wr,null,te.createElement(vr,null,te.createElement(Ga,{variant:"label",size:"medium",color:"neutral600",className:"group-title"},Ua.t(a.title))),te.createElement(za,{size:4}),te.createElement(br,null,a.swaps.map(p=>{let l=p.steps[0],u=p.steps[p.steps.length-1];return te.createElement(te.Fragment,{key:p.requestId},te.createElement(qa,{requestId:p.requestId,creationTime:p.creationTime,status:p.status,onClick:o,onlyShowTime:a.title==="Today",swapTokenData:{from:{token:{image:l.fromLogo,displayName:l.fromSymbol},blockchain:{image:l.fromBlockchainLogo||""},amount:Co(p.inputAmount)},to:{token:{image:u.toLogo,displayName:u.toSymbol},blockchain:{image:u.toBlockchainLogo||""},amount:Co(u.outputAmount||""),estimatedAmount:Co(u.expectedOutputAmountHumanReadable||"")}}}))}))))))}s(xr,"SwapsGroup");import Ha from"dayjs";var Va=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=Ha();return t.forEach(n=>{let r=Ha(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 cn=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 od=Ra("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",height:"100%",gap:15}),nd=Ra("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),rd=s((t,e)=>t?.length?t.filter(o=>He(o.fromBlockchain,e)||He(o.toBlockchain,e)||He(o.toSymbol,e)||He(o.fromSymbol,e)).length:!1,"isStepContainsText");function Xa(){let t=ve.use.setSelectedSwap(),e=td(),{navigateBackFrom:o}=re(),{manager:n,state:r}=Qm(),i=cn(n).map(({swap:m})=>m),[a,p]=ed(""),l=!r.loadedFromPersistor,u=s(m=>{let h=m.target.value;p(h)},"searchHandler"),c=i;a&&(c=i.filter(m=>He(m.inputAmount,a)||He(m.status,a)||rd(m.steps,a)||He(m.requestId,a)));let d=!c?.length&&!l;return ct.createElement(Q,{header:{onBack:o.bind(null,g.swaps),title:mn.t("History")}},ct.createElement(od,null,ct.createElement(rt,{setValue:p,fullWidth:!0,variant:"contained",placeholder:mn.t("Search Transaction"),autoFocus:!0,onChange:u,value:a}),ct.createElement(nd,null,d&&ct.createElement($a,null,ct.createElement(Jm,{size:32}),ct.createElement(Zm,{title:mn.t("No results found"),description:a?mn.t("Try using different keywords"):""})),!d&&ct.createElement(xr,{list:c,onSwapClick:m=>{t(m),e(`${m}`,{replace:!0})},groupBy:Va,isLoading:l}))))}s(Xa,"HistoryPage");import{i18n as ja}from"@lingui/core";import{List as id,ListItemButton as sd,Radio as ad,RadioRoot as ld,Typography as pd}from"@rango-dev/ui";import mt from"react";import{styled as dn}from"@rango-dev/ui";var it=dn("div",{height:"100%",overflow:"hidden"}),Zt=dn("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto"}),Ar=dn("div",{width:80,display:"flex",justifyContent:"flex-end"}),Er=dn("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});function fn(){let t=F.use.language(),e=F.use.setLanguage();return{activeLanguage:t,languages:ts,defaultLanguage:Lo,changeLanguage:e}}s(fn,"useLanguage");function Ka(){let{navigateBackFrom:t}=re(),{activeLanguage:e,changeLanguage:o,languages:n}=fn(),r=n.map(i=>{let{local:a,label:p,SVGFlag:l}=i;return{id:a,value:a,title:mt.createElement(pd,{variant:"title",size:"xmedium"},p),onClick:()=>o(i.local),end:mt.createElement(ad,{value:a}),start:mt.createElement(l,null)}});return mt.createElement(Q,{header:{onBack:t.bind(null,g.settings),title:ja.t("Language")}},mt.createElement(it,null,mt.createElement(ld,{value:e},mt.createElement(id,{type:mt.createElement(sd,{title:ja.t("language"),id:"_",onClick:()=>console.log()}),items:r}))))}s(Ka,"LanguagePage");import{i18n as $t}from"@lingui/core";import{Button as fd,Checkbox as gd,Image as hd,ListItemButton as yd,NotFound as Sd,Typography as Cd}from"@rango-dev/ui";import ke,{useState as kd}from"react";import{Checkbox as md,Skeleton as Qa}from"@rango-dev/ui";import eo from"react";import{ListItem as ud,styled as cd}from"@rango-dev/ui";var Ya=cd(ud,{height:61});var dd=30;function Br(){return eo.createElement(Zt,null,Array.from(Array(dd),t=>eo.createElement(Ya,{hasDivider:!0,key:t,start:eo.createElement(Qa,{variant:"circular",width:35,height:35}),title:eo.createElement(Qa,{variant:"text",size:"large",width:90}),end:eo.createElement(md,{checked:!1})})))}s(Br,"LoadingLiquiditySourceList");function gn(t){let e=v.use.meta().swappers,o=F.use.disabledLiquiditySources(),n=[];return Wt(e.map(i=>i.swapperGroup)).map(i=>{let a=e.find(p=>p.swapperGroup===i);if(a){let p=!0;t&&(p=t.some(l=>l===a.swapperGroup)),p&&a.types.map(l=>{n.push({id:a.swapperGroup,groupTitle:a.swapperGroup,logo:a.logo,type:l,selected:!o.includes(a.swapperGroup)})})}}),n}s(gn,"getUniqueSwappersGroups");function Ja(t,e){return t.groupTitle<e.groupTitle?-1:t.groupTitle>e.groupTitle?1:0}s(Ja,"sortLiquiditySourcesByGroupTitle");function Wr({supportedSwappers:t,sourceType:e}){let[o,n]=kd(""),r=F.use.toggleLiquiditySource(),{navigateBackFrom:i}=re(),a=v.use.loadingStatus(),p=gn(t),l=[];e==="Exchanges"&&l.push("DEX"),e==="Bridges"&&(l.push("BRIDGE"),l.push("AGGREGATOR"));let u=p.filter(y=>l.includes(y.type)),c=u.length===u.filter(y=>y.selected).length,d=s(()=>{u.forEach(y=>{c?r(y.groupTitle):y.selected||r(y.groupTitle)})},"toggleAllSources"),m=u.sort(Ja).map(y=>{let{selected:S,groupTitle:k,logo:f}=y;return{start:ke.createElement(hd,{src:f,size:22,type:"circular"}),onClick:()=>r(k),end:ke.createElement(gd,{checked:S}),title:ke.createElement(Cd,{variant:"title",size:"xmedium"},$t.t(k)),...y}}),h=s(y=>{let S=y.target.value;n(S)},"searchHandler"),C=m;return o&&(C=m.filter(y=>He(y.groupTitle,o))),ke.createElement(Q,{header:{onBack:i.bind(null,g.settings),title:$t.t(e),suffix:ke.createElement(Ar,null,ke.createElement(fd,{variant:"ghost",size:"xsmall",onClick:d},$t.t(c?"Deselect all":"Select all")))}},ke.createElement(it,null,ke.createElement(rt,{value:o,setValue:n,fullWidth:!0,color:"light",variant:"contained",placeholder:$t.t("Search {sourceType}",{sourceType:e}),onChange:h}),a==="loading"&&ke.createElement(Br,null),!C.length&&o?ke.createElement(Er,null,ke.createElement(Sd,{title:$t.t("No results found"),description:$t.t("Try using different keywords")})):a==="success"&&ke.createElement(Zt,null,C.map(y=>ke.createElement(ke.Fragment,{key:y.id},ke.createElement(yd,{style:{height:"61px"},...y,selected:!1,hasDivider:!0}))))))}s(Wr,"LiquiditySourcePage");import{i18n as sl}from"@lingui/core";import{Divider as Lr,SelectableCategoryList as Wd}from"@rango-dev/ui";import Tt,{useState as al}from"react";import{i18n as Ir}from"@lingui/core";import{Divider as rl,Image as bd,ListItemButton as xd,NotFound as Ad,Typography as il}from"@rango-dev/ui";import De,{useEffect as Ed,useState as Bd}from"react";import{BlockchainCategories as Nr}from"@rango-dev/ui";import{TransactionType as hn}from"rango-sdk";var Td=s((t,e)=>{switch(e){case Nr.ALL:return!0;case Nr.UTXO:return t.type===hn.TRANSFER;case Nr.OTHER:return t.type!==hn.TRANSFER&&t.type!==hn.COSMOS&&t.type!==hn.EVM;default:return t.type===e}},"filterByType"),Za=s((t,e,o)=>t.filter(n=>Td(n,o)).filter(n=>gt(n.name,e)||gt(n.displayName,e)),"filterBlockchains");import{styled as el}from"@rango-dev/ui";var tl=el("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),yn=el("ul",{padding:0,margin:0,listStyle:"none",overflowY:"auto",paddingRight:"$5",".image-container":{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as wd,Skeleton as ol}from"@rango-dev/ui";import Sn from"react";var vd=20;function nl(){return Sn.createElement(yn,null,Array.from(Array(vd),t=>Sn.createElement(wd,{key:t,hasDivider:!0,start:Sn.createElement(ol,{variant:"circular",width:35,height:35}),title:Sn.createElement(ol,{variant:"text",size:"large",width:90})})))}s(nl,"LoadingBlockchainList");function Mr(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[i,a]=Bd(e),p=v.use.loadingStatus();Ed(()=>{a([...Za(e,o,r)])},[e,o,r]);let l=s(()=>!i.length&&o?De.createElement(De.Fragment,null,De.createElement(rl,{size:32}),De.createElement(Ad,{title:Ir.t("No results found"),description:Ir.t("Try using different keywords")})):De.createElement(yn,{key:`${r}-${o}`},i.map(u=>De.createElement(xd,{key:`${u.name}-${u.chainId}`,hasDivider:!0,onClick:()=>n(u),start:De.createElement(bd,{src:u.logo,size:30}),title:De.createElement(il,{variant:"title",size:"medium"},u.displayName),id:u.chainId}))),"renderList");return De.createElement(tl,null,De.createElement(il,{variant:"label",size:"large"},Ir.t("Select Blockchain")),De.createElement(rl,{size:4}),p==="loading"&&De.createElement(nl,null),p==="success"&&l())}s(Mr,"BlockchainList");function Pr(t){let{type:e}=t,{navigateBackFrom:o}=re(),[n,r]=al(""),[i,a]=al("ALL"),p=P.use.setToBlockchain(),l=P.use.setFromBlockchain(),{loadingStatus:u}=v(),c=Le().blockchains({type:e}),d=e==="source"?"fromBlockchain":"toBlockchain";return Tt.createElement(Q,{header:{onBack:()=>{o(g[d])},title:sl.t("Select Blockchain")}},Tt.createElement(Lr,{size:12}),Tt.createElement(Wd,{setCategory:a,category:i,blockchains:c,isLoading:u==="loading"}),Tt.createElement(Lr,{size:24}),Tt.createElement(rt,{value:n,autoFocus:!0,placeholder:sl.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:m=>r(m.target.value)}),Tt.createElement(Lr,{size:16}),Tt.createElement(Mr,{list:c,searchedFor:n,blockchainCategory:i,onChange:m=>{e==="source"?l(m):p(m),o(g[d])}}))}s(Pr,"SelectBlockchainPage");import{i18n as bl}from"@lingui/core";import{Divider as xl}from"@rango-dev/ui";import Ut,{useState as jd}from"react";import{useNavigate as Kd}from"react-router-dom";import{i18n as Dr}from"@lingui/core";import{BlockchainsChip as _r,Divider as ul,Image as Dd,Skeleton as _d,Typography as Fr}from"@rango-dev/ui";import xe from"react";import{useMemo as Nd,useRef as Id}from"react";function ll(t,e){let o=Id({index:-1,name:""});t.sort(Ld);let n=t.map(r=>r.name).join("-");return Nd(()=>{let r=t,i=[];if(e?.limit&&t.length>e.limit){let a=e.limit,p=e.selected?t.findIndex(u=>u.name===e.selected):-1,l=o.current.index>e.limit-1&&!!t.find(u=>u.name===o.current.name);e.selected&&(l&&p<e.limit-1||p>e.limit-1)&&t.sort(Md(l?o.current.name:e.selected)),i=r.splice(a),o.current={index:p,name:e.selected??""}}return{list:r,more:i}},[n])}s(ll,"usePrepareBlockchainList");function Md(t){return s(function(o,n){return o.name===t?-1:n.name===t?1:0},"sortBySelected")}s(Md,"generateSortBySelectedFor");function Ld(t,e){let o=["ETH","COSMOS","OSMOSIS"],n=o.findIndex(p=>p===t.name),r=o.findIndex(p=>p===e.name),i=n>-1,a=r>-1;return i&&a?n>r?1:-1:i?-1:a?1:0}s(Ld,"sortByMostUsedBlockchains");import{styled as Pd}from"@rango-dev/ui";var pl=Pd("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var cl=10,Or=cl+1,Fd=12;function $r(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:i}=t,a=ll(e,{limit:e.length===Or?Or:cl,selected:n?.name}),p=v.use.loadingStatus(),l=P.use.resetToBlockchain(),u=P.use.resetFromBlockchain(),c=e.length!==Or&&a.more.length;return xe.createElement("div",null,xe.createElement(ul,{size:12}),xe.createElement(Fr,{variant:"label",size:"large"},Dr.t("Select Blockchain")),xe.createElement(ul,{size:12}),xe.createElement(pl,null,p==="loading"&&Array.from(Array(Fd),d=>xe.createElement(_d,{key:d,variant:"rounded",height:50})),p==="success"&&xe.createElement(xe.Fragment,null,xe.createElement(_r,{selected:!n,onClick:()=>{o==="from"?u():l()}},xe.createElement(Fr,{variant:"body",size:"xsmall",color:"secondary500"},Dr.t("All"))),a.list.map(d=>xe.createElement(_r,{key:d.name,selected:!!n&&n.name===d.name,onClick:()=>r(d)},xe.createElement(Dd,{src:d.logo,size:30}))),c?xe.createElement(_r,{onClick:i},xe.createElement(Fr,{variant:"body",size:"xsmall",color:"secondary500"},Dr._("More +{count}",{count:a.more.length}))):null)))}s($r,"BlockchainsSection");import{i18n as Hr}from"@lingui/core";import{darkTheme as Cl,Divider as oo,ExternalLinkIcon as Ud,Image as zd,ListItemButton as qd,NotFound as Gd,PinIcon as Hd,Skeleton as kl,Typography as no,VirtualizedList as Vd}from"@rango-dev/ui";import M,{forwardRef as Rd,useEffect as Tl,useState as wl}from"react";var ml=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,p]=t.match(/.{2}/g);[i,a,p]=[parseInt(i,16)+e,parseInt(a,16)+e,parseInt(p,16)+e],i=Math.max(Math.min(255,i),0).toString(16),a=Math.max(Math.min(255,a),0).toString(16),p=Math.max(Math.min(255,p),0).toString(16);let l=(i.length<2?"0":"")+i,u=(a.length<2?"0":"")+a,c=(p.length<2?"0":"")+p;return`#${l}${u}${c}`},"colorShade"),Cn=s((t,e)=>{let a={[t]:e};for(let p=1;p<10;p++)p<5&&(a={...a,[t+p*100]:ml(e,(5-p)*32)}),p===5&&(a={...a,[t+p*100]:e}),p>5&&(a={...a,[t+p*100]:ml(e,-((p-5)*32))});return a},"generateRangeColors"),Ur=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 p=Cn(i,a);r={...r,[`${i}100`]:p[`${i}900`],[`${i}200`]:p[`${i}800`],[`${i}300`]:p[`${i}700`],[`${i}400`]:p[`${i}600`],[`${i}500`]:p[`${i}500`],[`${i}600`]:p[`${i}400`],[`${i}700`]:p[`${i}300`],[`${i}800`]:p[`${i}200`],[`${i}900`]:p[`${i}100`]}}else r={...r,...Cn(i,a)}}return n?r:{}},"generateColors");import{Divider as yl,ListItem as $d,Skeleton as to}from"@rango-dev/ui";import Ge from"react";import{styled as je,Typography as Od}from"@rango-dev/ui";var dl=je("div",{display:"flex",flexDirection:"column",flexGrow:1}),zr=je("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),kn=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:"$neutral600",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"}}}}}),qr=je("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),Gr=je(Od,{}),fl=je("div",{textAlign:"right"}),Tn=je("ul",{display:"flex",alignItems:"end",flexDirection:"column"}),cE=je("div",{display:"flex",alignItems:"center"}),gl=je("div",{position:"relative",".image-container":{borderRadius:"$xm",overflow:"hidden"}}),hl=je("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6});function Sl(t){return Ge.createElement(kn,null,Array.from(Array(t.size),e=>Ge.createElement($d,{key:e,hasDivider:!0,start:Ge.createElement(to,{variant:"circular",width:35,height:35}),end:Ge.createElement(Tn,null,Ge.createElement(to,{variant:"text",size:"large",width:70}),Ge.createElement(yl,{size:4}),Ge.createElement(to,{variant:"text",size:"medium",width:50})),title:Ge.createElement("div",null,Ge.createElement(to,{variant:"text",size:"large",width:90}),Ge.createElement(yl,{size:4}),Ge.createElement(to,{variant:"text",size:"medium",width:90}))})))}s(Sl,"LoadingTokenList");var Vr=20,Xd=s(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:i,customCssForTagTitle:a}=t,p=e.length;return M.createElement("div",{className:"description"},o?M.createElement("div",{className:"token-name"},o):M.createElement(zr,{className:"token-title"},M.createElement(no,{variant:"title",size:"xmedium"},r.symbol),M.createElement(oo,{direction:"horizontal",size:4}),M.createElement(qr,{css:i},M.createElement(Gr,{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:l=>l.stopPropagation()},p>10?`${e.slice(0,5)}...${e.slice(p-6,p)}`:e," ",M.createElement(Ud,{color:"gray",size:12}))))},"renderDesc");function vl(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[i,a]=wl(e),p=v.use.loadingStatus(),[l,u]=wl(!0),c=H.use.loading(),{blockchains:d}=v.use.meta(),{isTokenPinned:m}=Le(),h=Rd((S,k)=>M.createElement("div",{...S,ref:k,style:{...S.style,height:`${parseFloat(S.style?.height)+8*2}px`}})),C=s(()=>{a(e.slice(0,i.length+Vr))},"loadNextPage");Tl(()=>{u(e.length>i.length)},[i.length]),Tl(()=>{a(e.slice(0,Vr))},[e]);let y=s(()=>!i.length&&o?M.createElement(M.Fragment,null,M.createElement(oo,{size:32}),M.createElement(Gd,{title:Hr.t("No results found"),description:Hr.t("Try using different keywords")})):M.createElement(Vd,{Item:({index:S,style:k})=>{let f=i[S],w=f.address||"",b=d.find(E=>E.name===f.blockchain),x=Cn(f.symbol,b?.color||""),W={$$color:x[`${f.symbol}100`],[`.${Cl} &`]:{$$color:x[`${f.symbol}900`]},backgroundColor:"$$color"},O={$$color:x[`${f.symbol}700`],[`.${Cl} &`]:{$$color:x[`${f.symbol}100`]},color:"$$color"};return M.createElement("div",{style:{...k,paddingRight:5}},M.createElement(qd,{style:{height:k?.height},"tab-index":S,key:`${f.symbol}${f.address}`,id:`${f.symbol}${f.address}`,hasDivider:!0,onClick:()=>n(i[S]),start:M.createElement(gl,null,M.createElement(zd,{src:f.image,size:30}),m(f)&&M.createElement(hl,null,M.createElement(Hd,{size:12,color:"gray"}))),title:b?.type==="COSMOS"||f.name||!f.name&&!w?M.createElement(zr,null,M.createElement(no,{variant:"title",size:"xmedium"},f.symbol),M.createElement(oo,{direction:"horizontal",size:4}),M.createElement(qr,{css:W},M.createElement(Gr,{variant:"body",size:"xsmall",css:O},f.blockchain))):void 0,description:b?.info&&w&&b.type!=="COSMOS"?Xd({address:w,token:i[S],customCssForTag:W,customCssForTagTitle:O,name:f.name,url:b.info.addressUrl.split("{wallet}").join(w)}):f.name||void 0,end:c?M.createElement(Tn,null,M.createElement(kl,{variant:"text",size:"large",width:70}),M.createElement(oo,{size:4}),M.createElement(kl,{variant:"text",size:"medium",width:50})):i[S]?.balance&&M.createElement(fl,null,M.createElement(no,{variant:"title",size:"small"},f.balance?.amount),M.createElement("div",null),f.balance?.usdValue&&M.createElement(no,{variant:"body",color:"neutral600",size:"xsmall"},`$${f.balance?.usdValue}`))}))},hasNextPage:l,itemCount:i.length,loadNextPage:C,innerElementType:h,size:60,key:`${r}-${o}`}),"renderList");return M.createElement(dl,null,M.createElement(no,{variant:"label",size:"large"},Hr.t("Select Token")),M.createElement(oo,{size:4}),p==="loading"&&M.createElement(Sl,{size:Vr}),p==="success"&&M.createElement(kn,null,y()))}s(vl,"TokenList");function Rr(t){let{type:e}=t,o=Kd(),{navigateBackFrom:n}=re(),{fromBlockchain:r,toBlockchain:i,setFromToken:a,setToToken:p,setFromBlockchain:l,setToBlockchain:u}=P(),{connectedWallets:c}=H(),[d,m]=jd(""),C=(e==="source"?r:i)?.name??"",y=Le().blockchains({type:e}),S=Le().tokens({type:e,blockchain:C,searchFor:d}),k=Ii(S,c),f=s(b=>{e==="source"?l(b):u(b)},"updateBlockchain"),w=s(b=>{e==="source"?a(b):p(b)},"updateToken");return Ut.createElement(Q,{header:{onBack:()=>n(e==="source"?g.fromSwap:g.toSwap),title:bl.t("Swap {type}",{type:e==="source"?"from":"to"})}},Ut.createElement($r,{blockchains:y,type:e=="source"?"from":"to",blockchain:e==="source"?r:i,onMoreClick:()=>o(e==="source"?g.fromBlockchain:g.toBlockchain),onChange:b=>{f(b)}}),Ut.createElement(xl,{size:24}),Ut.createElement(rt,{value:d,autoFocus:!0,placeholder:bl.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>m(""),onChange:b=>m(b.target.value)}),Ut.createElement(xl,{size:16}),Ut.createElement(vl,{list:k,selectedBlockchain:C,searchedFor:d,onChange:b=>{w(b);let x=y.find(W=>b.blockchain===W.name);x&&f(x),n(g.fromSwap)}}))}s(Rr,"SelectSwapItemsPage");import{i18n as wt}from"@lingui/core";import{ChevronRightIcon as Kr,Divider as Yr,InfoIcon as tf,List as of,ListItemButton as nf,Skeleton as rf,Switch as sf,Tooltip as af,Typography as vt}from"@rango-dev/ui";import q from"react";import{useNavigate as lf}from"react-router-dom";import{i18n as Nl}from"@lingui/core";import{Chip as Qd,Divider as Il,InfoIcon as Jd,TextField as Zd,Tooltip as ef,Typography as Ml}from"@rango-dev/ui";import Ae from"react";import{styled as wn}from"@rango-dev/ui";var Al=wn("div",{paddingTop:"$5",paddingBottom:"30px"}),El=wn("div",{display:"flex",alignItems:"center",justifyContent:"start"}),Bl=wn("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),vn=wn("div",{maxWidth:"300px",padding:"$10"});import{i18n as Xr}from"@lingui/core";import{Typography as Yd}from"@rango-dev/ui";import ro from"react";function Wl(){return ro.createElement(vn,null,ro.createElement(Yd,{variant:"label",size:"medium",color:"neutral700"},Xr.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),ro.createElement("br",null),ro.createElement("br",null),ro.createElement("b",null,Xr.t("Warning")),":",Xr.t("This setting is applied per step, e.g. 1Inch, Thorchain, etc. and only that step will be reverted, not the whole transaction")))}s(Wl,"SlippageTooltipContent");function jr(){let t=F.use.slippage(),e=F.use.setSlippage(),o=F.use.customSlippage(),n=F.use.setCustomSlippage();return Ae.createElement(Al,null,Ae.createElement(Bl,null,Ae.createElement(Ml,{variant:"title",size:"xmedium"},Nl.t("Slippage tolerance per swap")),Ae.createElement(Il,{direction:"horizontal",size:4}),Ae.createElement(ef,{container:ae(),side:"top",content:Ae.createElement(Wl,null)},Ae.createElement(Jd,{color:"gray"}))),Ae.createElement(El,null,os.map((r,i)=>{let a=`slippage-${i}`;return Ae.createElement(Ae.Fragment,null,Ae.createElement(Qd,{style:{width:"64px",flexShrink:0},key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`}),Ae.createElement(Il,{direction:"horizontal",size:8}))}),Ae.createElement(Zd,{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>=ss&&i<=is)&&n(i)},suffix:o&&Ae.createElement(Ml,{variant:"body",size:"small"},"%"),placeholder:Nl.t("Custom")})))}s(jr,"Slippage");function Ll({supportedSwappers:t,singleTheme:e}){let o=lf(),{navigateBackFrom:n}=re(),r=F.use.infiniteApprove(),i=F.use.toggleInfiniteApprove(),a=v.use.loadingStatus(),p=gn(t),l=p.filter(b=>b.type==="BRIDGE"||b.type==="AGGREGATOR"),u=l.length,c=l.filter(b=>b.selected).length,d=p.filter(b=>b.type==="DEX"),m=d.length,h=d.filter(b=>b.selected).length,C=s((b,x)=>{switch(a){case"loading":return q.createElement(rf,{variant:"text",size:"medium",width:50});case"failed":return q.createElement(vt,{variant:"body",size:"medium",color:"$error500"},wt.t("Loading failed"));default:return q.createElement(vt,{variant:"body",size:"medium"},`${b} / ${x}`)}},"handleEndItem"),y={id:"bridge-item",title:q.createElement(vt,{variant:"title",size:"xmedium"},wt.t("Enabled bridges")),end:q.createElement(q.Fragment,null,C(c,u),q.createElement(Yr,{direction:"horizontal",size:8}),q.createElement(Kr,{color:"black"})),onClick:()=>o(g.bridges)},S={id:"exchange-item",title:q.createElement(vt,{variant:"title",size:"xmedium"},wt.t("Enabled exchanges")),end:q.createElement(q.Fragment,null,C(h,m),q.createElement(Yr,{direction:"horizontal",size:8}),q.createElement(Kr,{color:"gray"})),onClick:()=>o(g.exchanges)},k={id:"theme-item",title:q.createElement(vt,{variant:"title",size:"xmedium"},wt.t("Theme")),end:q.createElement(Kr,{color:"gray"}),onClick:()=>o(g.themes)},f={id:"infinite-approval-item",title:q.createElement(q.Fragment,null,q.createElement(vt,{variant:"title",size:"xmedium"},wt.t("Infinite Approval")),q.createElement(Yr,{direction:"horizontal",size:4}),q.createElement(af,{side:"top",container:ae(),content:q.createElement(vn,null,q.createElement(vt,{variant:"label",size:"medium",color:"neutral700"},wt.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(tf,{color:"gray"}))),end:q.createElement(sf,{checked:r}),onClick:i},w=[y,S];return e||w.push(k),w.push(f),q.createElement(Q,{header:{onBack:n.bind(null,g.settings),title:wt.t("Setting")}},q.createElement(it,null,q.createElement(jr,null),q.createElement(of,{type:q.createElement(nf,{title:"_",id:"_",onClick:()=>console.log()}),items:w})))}s(Ll,"SettingsPage");import{cancelSwap as ng}from"@rango-dev/queue-manager-rango-preset";import{useManager as rg}from"@rango-dev/queue-manager-react";import cp from"react";import{i18n as st}from"@lingui/core";import{getCurrentBlockchainOfOrNull as Ff,getCurrentStep as Of,getRelatedWalletOrNull as $f,PendingSwapNetworkStatus as Ln}from"@rango-dev/queue-manager-rango-preset";import{Button as np,CopyIcon as Uf,Divider as zf,IconButton as qf,RouteCost as Gf,RouteSummary as Hf,StepDetails as Vf,Typography as qt,useCopyToClipboard as Rf}from"@rango-dev/ui";import{useWallets as Xf}from"@rango-dev/wallets-react";import J,{useEffect as rp,useRef as jf,useState as ip}from"react";import{useNavigate as Kf}from"react-router-dom";import{i18n as Ee}from"@lingui/core";var pf=1e3,uf=31536e3,cf=2592e3,mf=86400,df=3600,ff=60;function Pl(t){let e=Math.floor((Date.now()-t)/pf),n=[{turningPoint:uf,label:Ee.t("year"),pluralLabel:Ee.t("years")},{turningPoint:cf,label:Ee.t("month"),pluralLabel:Ee.t("months")},{turningPoint:mf,label:Ee.t("day"),pluralLabel:Ee.t("days")},{turningPoint:df,label:Ee.t("hour"),pluralLabel:Ee.t("hours")},{turningPoint:ff,label:Ee.t("minute"),pluralLabel:Ee.t("minutes")}].sort((r,i)=>i.turningPoint-r.turningPoint);for(let r of n){let{turningPoint:i,label:a,pluralLabel:p}=r,l=Math.floor(e/i);if(l>1)return`${l} ${p}`;if(l===1)return`${l} ${a}`}return e>1?`${e} ${Ee.t("seconds")}`:`${e} ${Ee.t("second")}`}s(Pl,"timeSince");function Dl(t){return t.finishTime?Ee.t({id:"timeAgo",message:"{time} ago",values:{time:Pl(parseInt(t.finishTime))}}):Ee.t({id:"timeAgo",message:"{time} ago",values:{time:Pl(parseInt(t.creationTime))}})}s(Dl,"getSwapDate");import{PendingSwapNetworkStatus as An}from"@rango-dev/queue-manager-rango-preset";import{Modal as Tf}from"@rango-dev/ui";import En from"react";import{i18n as bn}from"@lingui/core";import{Button as _l,Divider as Qr,MessageBox as gf,Typography as Fl}from"@rango-dev/ui";import Ke from"react";var Ol=s(({onCancel:t,onClose:e})=>Ke.createElement(Ke.Fragment,null,Ke.createElement(Qr,{size:20}),Ke.createElement(gf,{type:"error",title:bn.t("Transaction Cancel"),description:bn.t("Are you sure you want to Cancel this swap?")}),Ke.createElement(Qr,{size:32}),Ke.createElement(_l,{variant:"contained",type:"primary",size:"large",onClick:t},Ke.createElement(Fl,{variant:"title",size:"medium",color:"neutral100"},bn.t("Yes, Cancel it"))),Ke.createElement(Qr,{size:12}),Ke.createElement(_l,{variant:"outlined",type:"primary",size:"large",onClick:e},Ke.createElement(Fl,{variant:"title",size:"medium",color:"primary"},bn.t("No, Continue")))),"CancelContent");import{i18n as xn}from"@lingui/core";import{Button as $l,Divider as Jr,MessageBox as hf,Typography as Ul}from"@rango-dev/ui";import Ye from"react";var zl=s(({onDelete:t,onClose:e})=>Ye.createElement(Ye.Fragment,null,Ye.createElement(Jr,{size:20}),Ye.createElement(hf,{type:"error",title:xn.t("Delete Transaction"),description:xn.t("Are you sure you want to delete this swap?")}),Ye.createElement(Jr,{size:32}),Ye.createElement($l,{variant:"contained",type:"primary",size:"large",onClick:t},Ye.createElement(Ul,{variant:"title",size:"medium",color:"neutral100"},xn.t("Yes, Delete it"))),Ye.createElement(Jr,{size:12}),Ye.createElement($l,{variant:"outlined",type:"primary",size:"large",onClick:e},Ye.createElement(Ul,{variant:"title",size:"medium",color:"primary"},xn.t("No, Cancel")))),"DeleteContent");import{i18n as Zr}from"@lingui/core";import{PendingSwapNetworkStatus as ei}from"@rango-dev/queue-manager-rango-preset";var ti={[ei.WaitingForNetworkChange]:{type:"loading",title:Zr.t("Change Network")},[ei.WaitingForConnectingWallet]:{type:"warning",title:Zr.t("Connect Wallet")},[ei.NetworkChanged]:{type:"success",title:Zr.t("Network Changed")}};import{MessageBox as Sf,Wallet as Cf,WalletState as Gl}from"@rango-dev/ui";import{useWallets as kf}from"@rango-dev/wallets-react";import io from"react";import{styled as yf}from"@rango-dev/ui";var ql=yf("div",{display:"flex",justifyContent:"center"});var Hl=s(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:i}=t,{connect:a,getWalletInfo:p,state:l}=kf(),u=n?.walletType,d=u&&l(u).connected?Gl.CONNECTED:Gl.DISCONNECTED;return io.createElement(io.Fragment,null,io.createElement(Sf,{type:e,title:o,description:r}),i&&u&&io.createElement(ql,null,io.createElement(Cf,{container:ae(),title:p(u).name,image:p(u).img,type:u,state:d,onClick:async()=>a(u)})))},"WalletStateContent");function oi(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:i,message:a}=t,p=e===An.WaitingForNetworkChange||e===An.WaitingForConnectingWallet||e===An.NetworkChanged;return En.createElement(Tf,{open:!!e,onClose:o,container:document.getElementById("swap-box")||document.body},p&&En.createElement(Hl,{type:ti[e].type,title:ti[e].title,currentStepWallet:i,message:a,showWalletButton:e!==An.WaitingForNetworkChange}),e==="delete"&&En.createElement(zl,{onClose:o,onDelete:n}),e==="cancel"&&En.createElement(Ol,{onClose:o,onCancel:r}))}s(oi,"SwapDetailsModal");import{i18n as so}from"@lingui/core";import{Button as ni,Divider as Bn,MessageBox as Vl,Modal as wf,TokenAmount as vf,Typography as Wn}from"@rango-dev/ui";import fe from"react";import{useNavigate as bf}from"react-router-dom";function ri(t){let{open:e,onClose:o,status:n,priceValue:r,usdValue:i,token:a,chain:p,percentageChange:l,description:u,diagnosisUrl:c}=t,d=bf();return fe.createElement(wf,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},n==="success"?fe.createElement(Vl,{type:"success",title:so.t("Swap Successful")},fe.createElement(vf,{direction:"vertical",type:"output",centerAlign:!0,price:{value:r,usdValue:i},token:a,chain:p,percentageChange:l}),fe.createElement(Bn,{size:12}),fe.createElement(Wn,{variant:"body",size:"medium",color:"neutral700",align:"center"},u)):fe.createElement(Vl,{type:"error",title:so.t("Transaction Failed"),description:u}),fe.createElement(Bn,{size:32}),n==="success"&&fe.createElement(ni,{variant:"contained",type:"primary",size:"large",onClick:()=>d(g.home)},fe.createElement(Wn,{variant:"title",size:"medium",color:"neutral100"},so.t("Done"))),fe.createElement(Bn,{size:12}),c&&fe.createElement(fe.Fragment,null,fe.createElement(ni,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(c,"_blank")},fe.createElement(Wn,{variant:"title",size:"medium",color:"primary"},so.t("Diagnosis"))),fe.createElement(Bn,{size:12})),fe.createElement(ni,{variant:"outlined",type:"primary",size:"large",onClick:o},fe.createElement(Wn,{variant:"title",size:"medium",color:"primary"},so.t("See Details"))))}s(ri,"SwapDetailsCompleteModal");import Df from"react";import{i18n as If}from"@lingui/core";import{Alert as Ql,IconButton as Mf,LinkIcon as Lf}from"@rango-dev/ui";import dt,{Fragment as Pf}from"react";import{Alert as xf,ChevronDownIcon as Af,ChevronUpIcon as Ef,IconButton as Bf}from"@rango-dev/ui";import Nn,{useState as Wf}from"react";function Rl(t){let{message:e}=t,[o,n]=Wf(!1);return Nn.createElement(xf,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&Nn.createElement(Bf,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?Nn.createElement(Ef,{size:12,color:"gray"}):Nn.createElement(Af,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}s(Rl,"FailedAlert");import{styled as Nf}from"@rango-dev/ui";var Xl=Nf("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as jl}from"@lingui/core";import{PendingSwapNetworkStatus as ii}from"@rango-dev/queue-manager-rango-preset";import{Alert as si,Button as Kl}from"@rango-dev/ui";import ao from"react";function Yl(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?ao.createElement(si,{type:"warning",title:n.shortMessage,action:ao.createElement(Kl,{size:"xxsmall",type:"warning",onClick:()=>{o(ii.WaitingForNetworkChange),e().catch(i=>{console.log(i)})}},jl.t("Change"))}):r===ii.WaitingForConnectingWallet?ao.createElement(si,{type:"warning",title:n.shortMessage,action:ao.createElement(Kl,{size:"xxsmall",type:"warning",onClick:()=>{o(ii.WaitingForConnectingWallet)}},jl.t("Connect"))}):ao.createElement(si,{type:"warning",title:n.shortMessage})}s(Yl,"WarningAlert");function ai(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:i,hasAlreadyProceededToSign:a}=t,p=Xt(i),l=i.status==="waitingForApproval"&&!p,u=i.status==="running"&&!p;return dt.createElement(Xl,null,i.explorerUrl?.map((c,d,m)=>{let h=d+c.url,C=d===m.length-1,y=C&&u||l,S=C&&i.status==="failed";return dt.createElement(Pf,{key:h},dt.createElement(Ql,{type:y&&"loading"||S&&"error"||"success",title:c.description?`${c.description} Tx`:If.t("View transaction"),action:c.url&&dt.createElement(Mf,{variant:"ghost",size:"xsmall",onClick:()=>window.open(c.url,"_blank")},dt.createElement(Lf,{size:16}))}))}),(u&&!a||l&&!i.explorerUrl?.length)&&dt.createElement(Ql,{type:"loading",title:r.shortMessage}),i.status!=="failed"&&p&&dt.createElement(Yl,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),i.status==="failed"&&dt.createElement(Rl,{message:r}))}s(ai,"SwapDetailsAlerts");var Jl=2e3;var Zl=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:Je(r.fromBlockchain,e)??"",image:r.fromBlockchainLogo??""},price:{value:T(a,6,6)}},to:{token:{displayName:r.toSymbol,image:r.toLogo},chain:{displayName:Je(r.toBlockchain,e)??"",image:r.toBlockchainLogo??""},price:{value:T(r.outputAmount||r.expectedOutputAmountHumanReadable,6,6)}},swapper:{displayName:r.swapperId,image:r.swapperLogo??""},alerts:Df.createElement(ai,{step:r,hasAlreadyProceededToSign:n,...o})}})},"getSteps");function ep(t){if(Xt(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(ep,"getStepState");import{darkTheme as _f,styled as zt}from"@rango-dev/ui";var In=zt("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",[`.${_f} &`]:{$$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"}}),Mn=zt("div",{width:"100%"}),tp=zt("div",{padding:"$0 $20 $20 $20",width:"100%",overflow:"auto"}),KB=zt("div",{display:"flex",flexDirection:"column",gap:"$10"}),op=zt("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),YB=zt("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1});function li(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:i,connect:a,getWalletInfo:p}=Xf(),l=P.use.retry(),u=Kf(),{navigateBackFrom:c}=re(),[d,m]=Rf(Jl),h=jf(null),[C,y]=ip(null),[S,k]=ip(null),{meta:{tokens:f,blockchains:w}}=v(),b=s(()=>{r(),y(null)},"onCancel"),x=Pe.use.getUnreadNotifications(),W=Pe.use.setAsRead(),O=x(),E=Of(e),$=E?.networkStatus;rp(()=>{O.find(Y=>Y.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(k(e.status),W(e.requestId))},[e.status]),rp(()=>{L?y(Ln.WaitingForNetworkChange):$===Ln.WaitingForConnectingWallet||$===Ln.NetworkChanged?y($):y(null)},[$]);let X=Ws(e),oe=E?Ff(e,E):null,B=E?$f(e,E):null,Z=Dl(e),G=Ns(e),ne=s(_=>!!p(_)?.mobileWallet,"isMobileWallet"),L=$===Ln.WaitingForNetworkChange&&!!oe&&!!B?.walletType&&(ne(B.walletType)||i(B.walletType,oe)),me=L?a.bind(null,B.walletType,oe):void 0,Ne=Bs(e,E),U=Zl({swap:e,switchNetwork:me,showNetworkModal:$,setNetworkModal:y,message:Ne,blockchains:w}),j=U.length,[Ie,Te]=[e.steps[0],e.steps[j-1]],_e=Te.outputAmount||Te.expectedOutputAmountHumanReadable,se=e.steps.reduce((_,Y)=>_+parseFloat(Y.feeInUsd||""),0),ft=e.steps.find(_=>_.diagnosisUrl)?.diagnosisUrl,Qe=T(String(parseFloat(T(_e,6,6))*(wo(Te.toBlockchain,Te.toSymbol,Te.toSymbolAddress,f)||0)),4,4),bt=T(String(parseFloat(e.inputAmount)*(wo(Ie.fromBlockchain,Ie.fromSymbol,Ie.fromSymbolAddress,f)||0)),4,4),D=Ze(bt,Qe),N=e.status==="success"?st.t({id:"receivedMessage",message:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:T(_e,6,6),token:U[j-1].to.token.displayName,conciseAddress:bo(e.wallets[U[j-1].to.chain.displayName]?.address||""),chain:U[j-1].to.chain.displayName}}):`${st.t("Transaction was not sent.")} ${X?st.t({id:"remainSymbol",message:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:X.outputAmount,symbol:X.symbol,blockchain:X.blockchain}}):""}`;return J.createElement(Q,{noPadding:!0,header:{title:st.t("Swap and Bridge"),onBack:c.bind(null,g.swapDetails),onCancel:e.status==="running"?()=>y("cancel"):void 0,suffix:e.status!=="running"&&J.createElement(Nt,null,J.createElement(np,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>y("delete")},J.createElement(qt,{size:"medium",variant:"label",color:"error"},st.t("Delete"))))},footer:G&&!S&&J.createElement(np,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{l(e),setTimeout(()=>{u(g.home)},0)}},st.t("Try again"))},J.createElement(In,null,J.createElement(Mn,null,J.createElement("div",{className:"row"},J.createElement(qt,{variant:"label",size:"large",color:"neutral700"},`${st.t("Request ID")}:`),J.createElement("div",{className:"request-id"},J.createElement(qt,{variant:"label",size:"small",color:"neutral700"},o),J.createElement(qf,{variant:"ghost",onClick:m.bind(null,o||"")},J.createElement(Uf,{size:16,color:"gray"})))),J.createElement("div",{className:"row"},J.createElement(qt,{variant:"label",size:"large",color:"neutral700"},`${st.t("Created at")}:`),J.createElement(qt,{variant:"label",size:"small",color:"neutral700"},Z))),J.createElement("div",{className:"output"},J.createElement(Gf,{fee:T(String(se),2,2),time:At(Et(e.steps)),steps:j}),J.createElement(Hf,{from:{price:{value:T(e.inputAmount,6,6),usdValue:bt},token:{displayName:U[0].from.token.displayName,image:U[0].from.token.image},chain:{image:U[0].from.chain.image,displayName:U[0].from.chain.displayName}},to:{price:{value:T(_e,6,6),usdValue:Qe},token:{displayName:U[j-1].to.token.displayName,image:U[j-1].to.token.image},chain:{image:U[j-1].to.chain.image,displayName:U[j-1].to.chain.displayName}},percentageChange:T(D,2,2),warningLevel:It(D?.toNumber()??0)})),J.createElement("div",{className:"title-steps"},J.createElement(qt,{variant:"title",size:"small"},st.t("Swaps steps"))),J.createElement(zf,{size:8}),J.createElement(tp,{ref:h},U.map((_,Y)=>{let le=Y,ue=ep(e.steps[Y]),go=ue==="error"||ue==="in-progress"||ue==="warning"||ue==="completed"&&Y===U.length-1;return J.createElement(Vf,{key:le,step:_,type:"route-progress",ref:h,state:ue,hasSeparator:Y!==0,tabIndex:le,isFocused:go})}))),J.createElement(oi,{state:C,onClose:()=>y(null),onCancel:b,onDelete:n,message:Ne.detailedMessage.content,currentStepWallet:B}),J.createElement(ri,{open:!!S,diagnosisUrl:ft,onClose:()=>k(null),status:e.status==="success"?"success":"failed",priceValue:T(_e,6,6),usdValue:Qe,percentageChange:T(D,2,2),token:{displayName:U[j-1].to.token.displayName,image:U[j-1].to.token.image},chain:{image:U[j-1].to.chain.image},description:N}))}s(li,"SwapDetails");import{i18n as mo}from"@lingui/core";import{CopyIcon as eg,IconButton as tg,NotFound as og,Skeleton as pp,Typography as Dn}from"@rango-dev/ui";import ce from"react";import{i18n as Qf}from"@lingui/core";import{ChainToken as Jf,Divider as ui,Skeleton as co,Typography as Zf}from"@rango-dev/ui";import ee from"react";import{styled as pi}from"@rango-dev/ui";var sp=pi("div",{width:"100%",height:"100%",padding:"$0 $20",".cost":{paddingTop:"$15",display:"flex"},".route-summary":{padding:"$15 $0"},".route-summary-item":{display:"flex",justifyContent:"space-between",alignItems:"center"},".token-amount":{display:"flex",justifyContent:"space-between",alignItems:"center"},".route-summary-separator":{width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"},".swaps-steps":{paddingBottom:"$10"}}),ap=pi("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"}}),Pn=pi("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"});import{ChainToken as lp,Divider as lo,NextIcon as Yf,Skeleton as po}from"@rango-dev/ui";import pe from"react";function uo(t){let{extraInfo:e}=t;return pe.createElement(ap,null,pe.createElement("div",{className:"step-title"},pe.createElement(po,{height:28,width:28,variant:"circular"}),pe.createElement(lo,{direction:"horizontal",size:8}),pe.createElement(po,{height:15,width:148,variant:"rounded"})),pe.createElement("div",{className:"step-tokens"},pe.createElement(lo,{direction:"horizontal",size:20}),pe.createElement("div",{className:"step-token-info"},pe.createElement(lp,{size:"small",loading:!0,chainImage:"",tokenImage:""}),pe.createElement(lo,{direction:"horizontal",size:8}),pe.createElement(po,{height:12,width:76,variant:"rounded"})),pe.createElement("div",{className:"step-icon-container"},pe.createElement(Yf,{color:"gray",size:16})),pe.createElement("div",{className:"step-token-info"},pe.createElement(lp,{size:"small",loading:!0,chainImage:"",tokenImage:""}),pe.createElement(lo,{direction:"horizontal",size:8}),pe.createElement(po,{height:12,width:76,variant:"rounded"}))),e&&pe.createElement("div",{className:"extra-info"},pe.createElement(lo,{direction:"horizontal",size:20}),pe.createElement(po,{height:22,width:297,variant:"rectangular"})))}s(uo,"LoadingSwapDetailStep");function ci(){let t=ee.createElement("div",{className:"route-summary-item"},ee.createElement("div",{className:"token-amount"},ee.createElement(Jf,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),ee.createElement(ui,{size:8,direction:"horizontal"}),ee.createElement(co,{height:15,width:148,variant:"rounded"})),ee.createElement(co,{height:12,width:64,variant:"rounded"}));return ee.createElement(sp,null,ee.createElement("div",{className:"cost"},ee.createElement(co,{width:60,height:10,variant:"rounded"}),ee.createElement(ui,{size:4,direction:"horizontal"}),ee.createElement(co,{width:60,height:10,variant:"rounded"}),ee.createElement(ui,{size:4,direction:"horizontal"}),ee.createElement(co,{width:60,height:10,variant:"rounded"})),ee.createElement("div",{className:"route-summary"},t,ee.createElement("div",{className:"route-summary-separator"}),t),ee.createElement("div",{className:"swaps-steps"},ee.createElement(Zf,{variant:"title",size:"small"},Qf.t("Swaps steps"))),ee.createElement("div",{className:"step-container"},ee.createElement(uo,{extraInfo:!0}),ee.createElement(Pn,null),ee.createElement(uo,null),ee.createElement(Pn,null),ee.createElement(uo,null),ee.createElement(Pn,null),ee.createElement(uo,null)))}s(ci,"LoadingSwapDetails");function up(t){let{requestId:e,showSkeleton:o}=t,{navigateBackFrom:n}=re();return ce.createElement(Q,{noPadding:!0,header:{title:mo.t("Swap and Bridge"),onBack:n.bind(null,g.swapDetails),suffix:ce.createElement(Nt,null)}},o&&ce.createElement(In,null,ce.createElement(Mn,null,ce.createElement("div",{className:"row"},ce.createElement(Dn,{variant:"label",size:"large",color:"neutral700"},`${mo.t("Request ID")}:`),ce.createElement("div",{className:"request-id"},ce.createElement(Dn,{variant:"label",size:"small",color:"neutral700"},ce.createElement(pp,{width:60,height:10,variant:"rounded"})),ce.createElement(tg,{variant:"ghost"},ce.createElement(eg,{size:16,color:"gray"})))),ce.createElement("div",{className:"row"},ce.createElement(Dn,{variant:"label",size:"large",color:"neutral700"},`${mo.t("Created at")}:`),ce.createElement(Dn,{variant:"label",size:"small",color:"neutral700"},ce.createElement(pp,{width:60,height:10,variant:"rounded"})))),ce.createElement(ci,null)),!o&&ce.createElement(op,null,ce.createElement(og,{title:mo.t("Not found"),description:mo.t({id:"swapNotFound",values:{requestId:e},message:"Swap with request ID = {requestId} not found."})})))}s(up,"SwapDetailsPlaceholder");function mp(){let{manager:t,state:e}=rg(),o=!e.loadedFromPersistor,n=cn(t),r=ve.use.selectedSwapRequestId(),{navigateBackFrom:i}=re(),{loadingStatus:a}=v(),p=o||a==="loading",l=n.find(({swap:m})=>m.requestId===r),u=s(()=>{if(l?.id){let m=t?.get(l.id);m&&ng(m)}},"onCancel"),c=s(async()=>{if(l?.id)try{await t?.deleteQueue(l.id),i(g.swapDetails)}catch(m){console.log(m)}},"onDelete"),d=l?.swap;return!d||p?cp.createElement(up,{requestId:r||"",showSkeleton:p}):cp.createElement(li,{swap:d,requestId:r||"",onCancel:u,onDelete:c})}s(mp,"SwapDetailsPage");import{i18n as fo}from"@lingui/core";import{AutoThemeIcon as ig,DarkModeIcon as sg,LightModeIcon as ag,List as lg,ListItemButton as pg,Radio as mi,RadioRoot as ug,Typography as di}from"@rango-dev/ui";import Be from"react";function dp(){let{navigateBackFrom:t}=re(),e=F.use.theme(),o=F.use.setTheme(),n=[{id:"light",value:"light",title:Be.createElement(di,{variant:"title",size:"xmedium"},fo.t("Light")),onClick:()=>o("light"),start:Be.createElement(ag,{color:"gray"}),end:Be.createElement(mi,{value:"light"})},{id:"dark",value:"dark",title:Be.createElement(di,{variant:"title",size:"xmedium"},fo.t("Dark")),onClick:()=>o("dark"),start:Be.createElement(sg,{color:"gray"}),end:Be.createElement(mi,{value:"dark"})},{id:"auto",value:"auto",title:Be.createElement(di,{variant:"title",size:"xmedium"},fo.t("Auto")),onClick:()=>o("auto"),start:Be.createElement(ig,{color:"gray"}),end:Be.createElement(mi,{value:"auto"})}];return Be.createElement(Q,{header:{onBack:t.bind(null,g.settings),title:fo.t("Theme")}},Be.createElement(it,null,Be.createElement(ug,{onValueChange:r=>o(r),value:e},Be.createElement(lg,{type:Be.createElement(pg,{title:fo.t("Theme"),id:"_",onClick:()=>console.log()}),items:n}))))}s(dp,"ThemePage");var mg=s(t=>t.replace("/",""),"getAbsolutePath");function fp(t){let{config:e}=t;return cg([{path:g.home,element:We.createElement(Qo,null)},{path:g.fromSwap,element:We.createElement(Rr,{type:"source"})},{path:g.toSwap,element:We.createElement(Rr,{type:"destination"})},{path:g.fromBlockchain,element:We.createElement(Pr,{type:"source"})},{path:g.toBlockchain,element:We.createElement(Pr,{type:"destination"})},{path:g.settings,element:We.createElement(Ll,{singleTheme:e?.theme?.singleTheme,supportedSwappers:e?.liquiditySources})},{path:g.themes,element:We.createElement(dp,null)},{path:g.languages,element:We.createElement(Ka,null)},{path:g.exchanges,element:We.createElement(Wr,{sourceType:"Exchanges",supportedSwappers:e?.liquiditySources})},{path:g.bridges,element:We.createElement(Wr,{sourceType:"Bridges",supportedSwappers:e?.liquiditySources})},{path:g.swaps,element:We.createElement(Xa,null)},{path:g.swapDetails,element:We.createElement(mp,null)},{path:g.wallets,element:We.createElement(Ta,{supportedWallets:e?.wallets,multiWallets:typeof e?.multiWallets>"u"?!0:e.multiWallets,config:e})},{path:mg(g.confirmSwap),element:We.createElement(Fa,{config:e})}])}s(fp,"AppRoutes");import{isApprovalTX as dg,MainEvents as hp,RouteEventType as yp,StepEventType as Gt,StepExecutionEventStatus as fg,useEvents as gg}from"@rango-dev/queue-manager-rango-preset";import{useEffect as Sp}from"react";import{StepExecutionBlockedEventStatus as fi}from"@rango-dev/queue-manager-rango-preset";var gp=[fi.WAITING_FOR_CHANGE_WALLET_ACCOUNT,fi.WAITING_FOR_NETWORK_CHANGE,fi.WAITING_FOR_WALLET_CONNECT];function Cp(){let t=H.use.connectedWallets(),e=H.use.getWalletsDetails(),o=Pe.use.setNotification(),n=Pe.use.setAsRead(),r=gg();return Sp(()=>(r.on(hp.StepEvent,i=>{let{event:a,step:p,route:l}=i;if(a.type===Gt.TX_EXECUTION&&a.status===fg.TX_SENT&&!dg(p)||a.type===Gt.SUCCEEDED){let c=t.find(m=>m.chain===p?.fromBlockchain),d=p?.fromBlockchain!==p?.toBlockchain&&t.find(m=>m.chain===p?.toBlockchain);c&&e([c]),d&&e([d])}a.type===Gt.TX_EXECUTION_BLOCKED&&gp.includes(a.status)||a.type===Gt.FAILED?o(a,l):(a.type===Gt.TX_EXECUTION||a.type===Gt.CHECK_STATUS)&&n(l.requestId)}),()=>r.all.clear()),[r,t.length]),Sp(()=>(r.on(hp.RouteEvent,i=>{let{event:a,route:p}=i;(a.type===yp.FAILED||a.type===yp.SUCCEEDED)&&o(a,p)}),()=>r.all.clear()),[r,t.length]),null}s(Cp,"WidgetEvents");import{globalCss as hg}from"@rango-dev/ui";var kp=s(()=>hg({"@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 hi,darkTheme as Tg,lightTheme as wg}from"@rango-dev/ui";import{useEffect as vp,useState as vg}from"react";import{theme as Cg,darkColors as kg}from"@rango-dev/ui";var Tp=s(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),yg=s(t=>{let e="",o;for(o=Math.abs(t);o>52;o=o/52|0)e=Tp(o%52)+e;return Tp(o%52)+e},"toAlphabeticName"),Sg=s((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),gi=s(t=>yg(Sg(5381,JSON.stringify(t))>>>0),"toHash");function wp(t){let e=Cg.colors,o=Ur({...e,...kg},!0,t?.dark),n=Ur(e,!1,t?.light),r=Object.keys(o).length>0,i=Object.keys(n).length>0,a,p;if(i){let l={colors:n};a={id:`${On}-light-${gi(l)}`,tokens:l}}if(r){let l={colors:o};p={id:`${On}-dark-${gi(l)}`,tokens:l}}return{light:a,dark:p}}s(wp,"customizedThemeTokens");function bp(t){let{colors:e,fontFamily:o=wi,borderRadius:n=ki,secondaryBorderRadius:r=Ti,mode:i="auto"}=t,[a,p]=vg("light"),l=F.use.theme(),u=F.use.setTheme(),{dark:c,light:d}=wp(e),m=hi({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),h=[m.className,wg.className],C=[m.className,Tg.className];if(d){let S=hi(d.id,d.tokens);h.push(S.className)}if(c){let S=hi(c.id,c.tokens);C.push(S.className)}return vp(()=>{let S=s(k=>{k.matches?p("dark"):p("light")},"switchThemeListener");return window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches&&p("dark"),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",S),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",S)}},[]),vp(()=>{i!=="auto"&&u(i)},[i]),{activeTheme:s(()=>{let S=h.join(" "),k=C.join(" ");return l==="auto"?a==="dark"?k:S:l==="dark"?k:S},"getActiveTheme")}}s(bp,"useTheme");import bg,{useMemo as xg}from"react";import{Provider as Ag}from"@rango-dev/queue-manager-react";import{makeQueueDefinition as Eg,checkWaitingForNetworkChange as Bg}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Wg}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as Ng}from"@rango-dev/wallets-shared";import{isEvmBlockchain as Ig}from"rango-types";function Mg(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:i,getWalletInfo:a}=Wg(),p=xg(()=>Eg({API_KEY:yo("API_KEY")}),[]),{blockchains:l}=v.use.meta(),c={blockchains:H.use.connectedWallets().map(f=>({accounts:[f],name:f.chain}))},d=s((f,w)=>{if(i(f,w))return r(f,w)},"switchNetwork"),m=s(f=>!!a(f).mobileWallet,"isMobileWallet"),h=l.filter(f=>f.enabled).reduce((f,w)=>(f[w.name]=w,f),{}),C=l.filter(Ig),y=s(f=>{let{supportedChains:w}=a(f);return ko(w)},"getSupportedChainNames"),S=e(),k={meta:{blockchains:h,evmBasedChains:C,evmNetworkChainInfo:Ng(C),getSupportedChainNames:y},getSigners:o,wallets:c,providers:S,switchNetwork:d,canSwitchNetworkTo:i,connect:r,state:n,isMobileWallet:m};return bg.createElement(Ag,{queuesDefs:[p],context:k,onPersistedDataLoaded:f=>{Bg(f)},isPaused:!1},t.children)}s(Mg,"QueueManager");var xp=Mg;var Fg=Pg("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 Ep(t){let{config:e}=t;kp();let{activeTheme:o}=bp(e?.theme||{}),{activeLanguage:n,changeLanguage:r}=fn(),[i,a]=Ap(""),[p,l]=Ap(),u=Dg(qn),c=v.use.fetchMeta();return _g(()=>{e?.apiKey&&Ci({API_KEY:e?.apiKey})},[e]),yi(()=>{c(),F.persist.rehydrate(),Pe.persist.rehydrate(),u.onConnectWallet(a)},[]),yi(()=>{e?.language&&r(e.language)},[e?.language]),at.createElement(Lg,{language:n},at.createElement(Fg,{id:"swap-container",className:o()},at.createElement(xp,null,at.createElement(Cp,null),at.createElement(Ys,{config:e,lastConnectedWallet:i,disconnectedWallet:p,clearDisconnectedWallet:()=>{l(void 0)}},at.createElement(fp,{config:e})))))}s(Ep,"Main");function Og(t){let{updateConfig:e,config:o}=Le();return yi(()=>{t.config&&e(t.config)},[t.config]),t.config?.externalWallets?at.createElement(Ep,{...t}):at.createElement(Gn,{providers:o?.wallets,options:{walletConnectProjectId:o?.walletConnectProjectId||t.config?.walletConnectProjectId}},at.createElement(Ep,{...t}))}s(Og,"Widget");export{qI as MainEvents,GI as RouteEventType,HI as StepEventType,VI as StepExecutionBlockedEventStatus,RI as StepExecutionEventStatus,Og as Widget,Gn as WidgetWallets,Wa as useWallets,XI as useWidgetEvents};
+var Ip=Object.defineProperty;var s=(t,e)=>Ip(t,"name",{value:e,configurable:!0});import{MainEvents as ZI,RouteEventType as eM,StepEventType as tM,StepExecutionBlockedEventStatus as oM,StepExecutionEventStatus as nM,useEvents as rM}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Na}from"@rango-dev/wallets-react";import{Events as qn,Provider as Qp}from"@rango-dev/wallets-react";import{isEvmBlockchain as Jp}from"rango-sdk";import Ui,{createContext as Zp,useRef as eu}from"react";import{useEffect as Yp}from"react";import{create as Xp}from"zustand";import{subscribeWithSelector as Kp}from"zustand/middleware";import{RangoClient as Mp}from"rango-sdk";var Ci="c6381a79-2817-4602-83bf-6a641a409e32";var On={API_KEY:Ci};function yo(t){return On[t]}s(yo,"getConfig");function ki(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),On=e,On}s(ki,"initConfig");var Ti=20,wi=25,vi="Roboto",$n="theme-widget";var So,xt=s(()=>So||(So=new Mp(yo("API_KEY")),So),"httpService");import{WalletState as Ve}from"@rango-dev/ui";import{readAccountAddress as Dp}from"@rango-dev/wallets-react";import{detectInstallLink as _p,getCosmosExperimentalChainInfo as Fp,isEvmAddress as Op,KEPLR_COMPATIBLE_WALLETS as rh,Networks as Ai}from"@rango-dev/wallets-shared";import Un from"bignumber.js";import{isCosmosBlockchain as $p}from"rango-types";import Lp from"bignumber.js";var Me=new Lp(0);import{WalletTypes as Pp}from"@rango-dev/wallets-shared";var bi=[Pp.LEAP];import{BigNumber as xi}from"bignumber.js";var At=s(t=>{let e=(t%60).toString().padStart(2,"0");return`${parseInt((t/60).toString()).toString().padStart(2,"0")}:${e}`},"secondsToString"),T=s((t,e=null,o=null)=>{if(t==null||t==="")return"";let n=new xi(t),r=1,i=1e3;for(let a=0;a<60;a++)if(new xi(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 Et=s(t=>t?.reduce((e,o)=>e+(o.estimatedTimeInSeconds??0),0)||0,"totalArrivalTime");var He=s((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),Ht=s(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function Co(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(Co,"limitDecimalPlaces");function Up(t){switch(!0){case t.connected:return Ve.CONNECTED;case t.connecting:return Ve.CONNECTING;case!t.installed:return Ve.NOT_INSTALLED;default:return Ve.DISCONNECTED}}s(Up,"mapStatusToWalletState");function Ei(t,e,o,n){return o.filter(r=>!bi.includes(r)).filter(r=>{let{supportedChains:i,hideWhenNotInstalled:a}=e(r);return a&&!t(r).installed?!1:n?!!i.find(p=>p.name===n):!0}).map(r=>{let{name:i,img:a,installLink:p}=e(r),l=Up(t(r));return{title:i,image:a,link:_p(p),state:l,type:r}})}s(Ei,"mapWalletTypesToWalletInfo");function ko(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}s(ko,"walletAndSupportedChainsNames");function Bi(t,e,o,n){let r=[];function i(p,l){if(!!!r.find(c=>c.chain===p)){let c={address:l,chain:p,walletType:t};r.push(c)}}s(i,"addAccount");let a=n||[];return e.forEach(p=>{let{address:l,network:u}=Dp(p),c=a.length>0,f=a.includes(u),m=u===Ai.Unknown;if(c&&!f&&!m)return;let C=u===Ai.Unknown&&Op(l);if(m&&!C)return;o.includes(u)||C?a.filter(k=>o.includes(k)).forEach(k=>{i(k,l.toLowerCase())}):i(u,l)}),r}s(Bi,"prepareAccountsForWalletStore");function Wi(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,p=i.to.blockchain;e.includes(a)||e.push(a),e.includes(p)||e.push(p)})}),e}s(Wi,"getRequiredChains");function Bt(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(Bt,"getBalanceFromWallet");function To(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}s(To,"isAccountAndWalletMatched");function Ni(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 Un(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:wo(o,r.asset.symbol,r.asset.address,e)||null}))||[]}s(Ni,"makeBalanceFor");function Ii(t){return{...t,loading:!1,error:!0}}s(Ii,"resetConnectedWalletState");var wo=s((t,e,o,n)=>n?.find(i=>i.blockchain===t&&i.symbol?.toUpperCase()===e?.toUpperCase()&&i.address===o)?.usdPrice||null,"getUsdPrice"),vo=s((t,e)=>{let o=Fp(Object.entries(t).map(([,n])=>n).filter($p));return o&&o[e]?.experimental},"isExperimentalChain");function zp(t,e){return t.map(({balance:o,...n})=>{let r=T(new Un(Bt(e,n.blockchain,n.symbol,n.address)?.amount||Me)),i="";return n.usdPrice&&(i=T(new Un(Bt(e,n.blockchain,n.symbol,n.address)?.amount||Me).multipliedBy(n.usdPrice))),{...n,...r!=="0"&&{balance:{amount:r,usdValue:i}}}})}s(zp,"getTokensWithBalance");function Mi(t,e){let o=e.length>0?zp(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(Mi,"getTokensBalanceFromWalletAndSort");function Re(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}s(Re,"tokensAreEqual");function Li(t){return t.sort((e,o)=>+(o.state===Ve.CONNECTED)-+(e.state===Ve.CONNECTED)||+(o.state===Ve.DISCONNECTED||o.state===Ve.CONNECTING)-+(e.state===Ve.DISCONNECTED||e.state===Ve.CONNECTING))}s(Li,"sortWalletsBasedOnConnectionState");function bo(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(bo,"getConciseAddress");function Pi({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}s(Pi,"getAddress");import{create as Rp}from"zustand";import{create as Hp}from"zustand";var qp=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"),ve=qp;var Gp={apiKey:""},Di=s((t,e)=>({config:Gp,updateConfig:o=>{let n=e().config;t({config:{...n,...o}})}}),"createConfigSlice");function Wt(t){return Array.from(new Set(t))}s(Wt,"removeDuplicateFrom");function zn(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}s(zn,"areEqual");function _i(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}s(_i,"debounce");function gt(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}s(gt,"containsText");var ae=s(()=>document.getElementById("swap-box"),"getContainer");var Fi=s((t,e)=>({_blockchains:[],_tokens:[],_popularTokens:[],_swappers:[],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(p=>!(i.length>0&&!i.includes(p.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(l=>i.length>0&&!i.some(u=>Re(u,l))||o.blockchain&&l.blockchain!==o.blockchain||!a.some(u=>u.name===l.blockchain)?!1:o.searchFor?!!(gt(l.symbol,o.searchFor)||gt(l.address||"",o.searchFor)||gt(l.name||"",o.searchFor)):!0).sort((l,u)=>e().isTokenPinned(l)?-1:e().isTokenPinned(u)||l.isSecondaryCoin?1:u.isSecondaryCoin||!l.address&&u.address?-1:l.address&&!u.address?1:0)},isTokenPinned:o=>!!e().config.pinnedTokens?.some(r=>Re(r,o)),fetch:async()=>{let o=await xt().getAllMetadata(),n=[],r=[],i=o.popularTokens,a=o.swappers,p=new Set;o.tokens.forEach(l=>{p.add(l.blockchain),r.push(l)}),o.blockchains.forEach(l=>{l.enabled&&p.has(l.name)&&n.push(l)}),n.sort((l,u)=>l.sort-u.sort),t({_blockchains:n,_tokens:r,_popularTokens:i,_swappers:a})}}),"createDataSlice");var Vp=Hp()((...t)=>({...Fi(...t),...Di(...t)})),Le=ve(Vp);var v=ve(Rp()(t=>({meta:{blockchains:[],popularTokens:[],swappers:[],tokens:[]},loadingStatus:"loading",fetchMeta:async()=>{try{await Le.getState().fetch();let e=Le.getState(),o={blockchains:e.blockchains(),tokens:e.tokens(),popularTokens:e._popularTokens,swappers:e._swappers};t({meta:o,loadingStatus:"success"})}catch{t({loadingStatus:"failed"})}}})));var H=ve(Xp()(Kp((t,e)=>({connectedWallets:[],customDestination:"",loading:!1,connectWallet:o=>{let n=e().getWalletsDetails;t(r=>({loading:!0,connectedWallets:r.connectedWallets.filter(i=>i.walletType!==o[0].walletType).concat(o.map(i=>{let a=!r.connectedWallets.find(p=>p.chain===i.chain&&p.selected);return{balances:[],address:i.address,chain:i.chain,explorerUrl:null,walletType:i.walletType,selected:a,loading:!0,error:!1}}))})),n(o)},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(p=>p.chain===r.chain&&p.walletType!==r.walletType&&r.selected),a=!!o.find(p=>p.chain===r.chain&&p.walletType===r.walletType&&!r.selected);return i?{...r,selected:!1}:a?{...r,selected:!0}:r})})),clearConnectedWallet:()=>t(()=>({connectedWallets:[],selectedWallets:[]})),getWalletsDetails:async(o,n=!0)=>{let r=e().getWalletsDetails,{tokens:i}=v.getState().meta;t(a=>({loading:!0,connectedWallets:a.connectedWallets.map(p=>o.find(l=>To(l,p))?{...p,loading:!0}:p)}));try{let a=o.map(({address:u,chain:c})=>({address:u,blockchain:c})),l=(await xt().getWalletsDetails(a)).wallets;if(l)t(u=>({loading:!1,connectedWallets:u.connectedWallets.map(c=>{let f=o.find(g=>To(g,c)),m=l.find(g=>g.address===c.address&&g.blockChain===c.chain);return m?.failed&&f&&n&&r([f],!1),f&&m?{...c,explorerUrl:m.explorerUrl,balances:Ni(m,i)}:c})}));else throw new Error("Wallet not found")}catch{t(p=>({loading:!1,connectedWallets:p.connectedWallets.map(l=>o.find(u=>To(u,l))?Ii(l):l)}))}}}))));import{allProviders as jp}from"@rango-dev/provider-all";function xo(t,e){let o=jp({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(xo,"matchAndGenerateProviders");function Oi(t,e){return xo(t,e).map(r=>r.config.type)}s(Oi,"configWalletsToWalletName");function $i(t,e){let o=H.use.clearConnectedWallet(),n=xo(void 0,e);return Yp(()=>{o(),n=xo(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}s($i,"useWalletProviders");var Gn=Zp({onConnectWallet:()=>{}});function Hn(t){let{blockchains:e}=v.use.meta(),{providers:o}=$i(t.providers,t?.options),n=H.use.disconnectWallet(),r=H.use.connectWallet(),i=eu(),a=e.filter(Jp).map(l=>l.name),p=s((l,u,c,f,m)=>{if(u===qn.ACCOUNTS)if(c){let g=ko(m),C=Bi(l,c,a,g);r(C)}else n(l);if(u===qn.ACCOUNTS&&f.connected){let g=`${l}-${f.network}-${c}`;f.connected&&(i.current?i.current(g):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(u===qn.NETWORK&&f.network){let g=`${l}-${f.network}`;i.current?i.current(g):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(l,u,c,f,m)},"onUpdateState");return Ui.createElement(Gn.Provider,{value:{onConnectWallet:l=>{i.current=l}}},Ui.createElement(Qp,{allBlockChains:e,providers:o,onUpdateState:p,autoConnect:!0},t.children))}s(Hn,"WidgetWallets");import{I18nManager as Lg,styled as Pg}from"@rango-dev/ui";import at,{useContext as Dg,useEffect as Si,useMemo as _g,useState as Bp}from"react";import{useQueueManager as Lc}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Pc}from"@rango-dev/wallets-react";import{isEvmBlockchain as Dc}from"rango-types";import yt,{useEffect as _c,useRef as Fc}from"react";import{MemoryRouter as Oc,useInRouterContext as $c}from"react-router";import{useLocation as Uc,useNavigate as zc}from"react-router-dom";var h={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{i18n as Yo}from"@lingui/core";import{Alert as hc,BestRoute as yc,BestRouteSkeleton as Sc,Button as Cc,Divider as cr,styled as Lt,SwapInput as Xs,Typography as mr,WarningIcon as kc}from"@rango-dev/ui";import j,{useEffect as Tc,useRef as wc,useState as vc}from"react";import{useNavigate as bc}from"react-router-dom";import{ChevronLeftIcon as nu}from"@rango-dev/ui";import Gi from"react";import{darkTheme as tu,IconButton as ou,styled as Ao}from"@rango-dev/ui";var Fe=Ao(ou,{width:"$24",position:"relative",padding:"0",overflow:"unset"}),zi=Ao("div",{position:"absolute",background:"$secondary500",[`.${tu} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),Nt=Ao("div",{display:"flex",justifyContent:"flex-end",width:"$40"}),qi=Ao("div",{position:"absolute",backgroundColor:"$secondary500",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0"});function Vn(t){return Gi.createElement(Fe,{variant:"ghost",size:"small",onClick:t.onClick},Gi.createElement(nu,{color:"black",size:16}))}s(Vn,"BackButton");import{i18n as ru}from"@lingui/core";import{Button as iu,Typography as su}from"@rango-dev/ui";import Rn from"react";function Xn(t){return Rn.createElement(Nt,null,Rn.createElement(iu,{variant:"ghost",onClick:t.onClick,size:"xsmall"},Rn.createElement(su,{variant:"label",size:"medium",color:"error500"},ru.t("Cancel"))))}s(Xn,"CancelButton");import{i18n as au}from"@lingui/core";import{Tooltip as lu,WalletIcon as pu}from"@rango-dev/ui";import Eo from"react";function Kn(t){return Eo.createElement(lu,{container:t.container,side:"top",content:au.t("Connect Wallet")},Eo.createElement(Fe,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&Eo.createElement(zi,null),Eo.createElement(pu,{size:18,color:"black"})))}s(Kn,"WalletButton");import{i18n as No}from"@lingui/core";import{NotificationsIcon as xu,Popover as Au,RefreshIcon as Eu,SettingsIcon as Bu,Tooltip as Io,TransactionIcon as Wu}from"@rango-dev/ui";import de from"react";import{i18n as Su}from"@lingui/core";import{ChainToken as ji,ChevronRightIcon as Cu,ListItemButton as ku,Typography as Tu}from"@rango-dev/ui";import Oe from"react";import{useNavigate as wu}from"react-router-dom";import{create as uu}from"zustand";import{persist as cu,subscribeWithSelector as mu}from"zustand/middleware";var Pe=ve(uu()(cu(mu((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}}},p=e().notifications.filter(l=>l.requestId!==n.requestId);t(()=>({notifications:[...p,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 du}from"zustand";var be=ve(du()(t=>({connectWalletsButtonDisabled:!1,selectedSwapRequestId:null,currentPage:"",setSelectedSwap:e=>t({selectedSwapRequestId:e}),setCurrentPage:e=>t({currentPage:e})})));import{styled as Bo}from"@rango-dev/ui";var Hi=Bo("div",{padding:"$10",width:"350px",minHeight:"150px"}),Vi=Bo("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),Ri=Bo("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),Xi=Bo("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as fu}from"@lingui/core";import{Divider as gu,NoNotificationIcon as hu,Typography as yu}from"@rango-dev/ui";import Wo from"react";function Ki(){return Wo.createElement(Xi,null,Wo.createElement(hu,{color:"secondary",size:26}),Wo.createElement(gu,{size:12}),Wo.createElement(yu,{variant:"body",size:"medium",color:"neutral700"},fu.t("You have no notification")))}s(Ki,"NotificationNotFound");var vu=4;function jn(){let t=wu(),e=be.use.setSelectedSwap(),{getUnreadNotifications:o}=Pe(),n=o(),{tokens:r,blockchains:i}=v.use.meta(),a=n.sort((l,u)=>u.creationTime-l.creationTime).slice(0,vu),p=s(l=>{e(l),t(`/swaps/${l}`)},"handleOnClick");return Oe.createElement(Hi,null,a.length?Oe.createElement(Vi,null,a.map(l=>{let u=r.find(g=>g.address===l.route.from.tokenAddress&&g.blockchain===l.route.from.blockchain&&g.symbol===l.route.from.tokenSymbol),c=i.find(g=>g.name===l.route.from.blockchain),f=r.find(g=>g.address===l.route.to.tokenAddress&&g.blockchain===l.route.to.blockchain&&g.symbol===l.route.to.tokenSymbol),m=i.find(g=>g.name===l.route.to.blockchain);return Oe.createElement(ku,{key:l.requestId,onClick:()=>p(l.requestId),title:Oe.createElement(Tu,{variant:"body",size:"small",color:"$neutral700"},Su.t(l.event.message)),id:l.requestId,start:Oe.createElement(Ri,null,Oe.createElement("div",{className:"from-chain-token"},Oe.createElement(ji,{tokenImage:u?u.image:"",chainImage:c?c.logo:"",size:"small"})),Oe.createElement("div",{className:"to-chain-token"},Oe.createElement(ji,{tokenImage:f?f.image:"",chainImage:m?m.logo:"",size:"small"}))),end:Oe.createElement(Cu,{size:12,color:"gray"})})})):Oe.createElement(Ki,null))}s(jn,"NotificationContent");import{Typography as bu}from"@rango-dev/ui";import Yi from"react";function Qi(){let{getUnreadNotifications:t}=Pe(),e=t().length;return e?Yi.createElement(qi,null,Yi.createElement(bu,{variant:"body",size:"xsmall",color:"$background"},e)):null}s(Qi,"UnreadNotificationsBadge");function Yn(t){let{layoutRef:e,onClickRefresh:o,onClickHistory:n,onClickSettings:r,onClickNotifications:i}=t;return de.createElement(de.Fragment,null,de.createElement(Io,{container:ae(),side:"top",content:No.t("Refresh")},de.createElement(Fe,{variant:"ghost",size:"small",onClick:o,disabled:!o},de.createElement(Eu,{size:16,color:o?"black":"gray"}))),de.createElement(Io,{container:ae(),side:"top",content:No.t("Notifications")},de.createElement(Au,{align:"center",collisionBoundary:e,collisionPadding:{right:20,left:20},container:ae(),content:de.createElement(jn,null)},de.createElement(Fe,{size:"small",variant:"ghost",onClick:i},de.createElement(xu,{size:18,color:"black"}),de.createElement(Qi,null)))),de.createElement(Io,{container:ae(),side:"top",content:No.t("Settings")},de.createElement(Fe,{size:"small",variant:"ghost",onClick:r},de.createElement(Bu,{size:18,color:"black"}))),de.createElement(Io,{container:ae(),side:"top",content:No.t("Transactions History")},de.createElement(Fe,{size:"small",variant:"ghost",onClick:n},de.createElement(Wu,{size:18,color:"black"}))))}s(Yn,"HomeButtons");import{BottomLogo as Iu,Divider as Mu,Header as Lu}from"@rango-dev/ui";import ge from"react";import{useNavigate as Pu}from"react-router-dom";import{darkTheme as Nu,styled as Qn}from"@rango-dev/ui";var Ji=Qn("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",[`.${Nu} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",variants:{fixedHeight:{true:{height:"95vh"},false:{height:"auto"}}}}),Zi=Qn("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"}}}}),es=Qn("div",{backgroundColor:"$background","& .footer__content":{padding:"$0 $20"},"& .footer__logo":{padding:"$0 $20 $10 $20"}});function Du(t,e){let{children:o,header:n,footer:r,noPadding:i,hasLogo:a=!0,fixedHeight:p=!0}=t,l=H.use.connectedWallets(),u=be.use.connectWalletsButtonDisabled(),c=Pu(),f=s(()=>{u||c("/"+h.wallets)},"onConnectWallet");return ge.createElement(Ji,{ref:e,fixedHeight:p,id:"swap-box"},ge.createElement(Lu,{prefix:ge.createElement(ge.Fragment,null,n.onBack&&ge.createElement(Vn,{onClick:n.onBack})),title:n.title,suffix:ge.createElement(ge.Fragment,null,n.suffix,n.hasConnectWallet&&ge.createElement(Kn,{container:ae(),onClick:f,isConnected:!!l?.length}),n.onCancel&&ge.createElement(Xn,{onClick:n.onCancel}))}),ge.createElement(Zi,{noPadding:i},o),(a||r)&&ge.createElement(es,null,ge.createElement("div",{className:"footer__content"},r),a&&ge.createElement("div",{className:"footer__logo"},ge.createElement(Mu,{size:12}),ge.createElement(Iu,null))))}s(Du,"LayoutComponent");var Q=ge.forwardRef(Du);Q.displayName="Layout";import{Alert as Gu,Button as Hu,Divider as ds,NoRouteIcon as Vu,RefreshIcon as Ru,Typography as fs}from"@rango-dev/ui";import $e from"react";import{i18n as Ce}from"@lingui/core";var Vt=(r=>(r[r.ROUTE_UPDATED=0]="ROUTE_UPDATED",r[r.ROUTE_SWAPPERS_UPDATED=1]="ROUTE_SWAPPERS_UPDATED",r[r.ROUTE_COINS_UPDATED=2]="ROUTE_COINS_UPDATED",r[r.ROUTE_AND_OUTPUT_AMOUNT_UPDATED=3]="ROUTE_AND_OUTPUT_AMOUNT_UPDATED",r))(Vt||{});var z=s(()=>({genericServerError:Ce.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:Ce.t("Please reset your liquidity sources."),description:Ce.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources")},noRoutesError:{title:Ce.t("No Routes Found"),description:"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:Ce.t("Bridge Limit Error: Please increase your amount"),decreaseAmount:Ce.t("Bridge Limit Error: Please decrease your amount")},highValueLossError:{impactTitle:Ce.t("High Price Impact"),title:Ce.t("Price impact is too high!"),description:Ce.t("The price impact is significantly higher than the allowed amount. If you are sure, continue, otherwise, change the swap."),confirmMessage:Ce.t("Confirm High price impact")},routeUpdatedWithHighValueLoss:{title:Ce.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:Ce.t("USD Price Unknown"),title:Ce.t("USD Price Unknown, Cannot calculate Price Impact."),description:Ce.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:Ce.t("Confirm USD Price Unknown")}}),"errorMessages");function Mo(t){switch(t.type){case 0:return t.diagnosisMessage??z().noRoutesError.title;case 2:return z().genericServerError;case 1:return z().routeUpdatedWithHighValueLoss.title;default:return""}}s(Mo,"getConfirmSwapErrorMessage");import{create as Uu}from"zustand";import{persist as zu,subscribeWithSelector as qu}from"zustand/middleware";import{English as _u,French as Fu,Japanese as Ou,Spanish as $u}from"@rango-dev/ui";var os=[{title:"English",label:"English",local:"en",SVGFlag:_u},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:$u},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:Fu},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"jp",SVGFlag:Ou}],Lo="en";var ns=[.5,1,3],rs=1,is=5,ss=100,as=0;var _=ve(Uu()(zu(qu((t,e)=>({preferredBlockchains:[],slippage:rs,customSlippage:null,infiniteApprove:!1,affiliateRef:null,affiliatePercent:null,affiliateWallets:null,disabledLiquiditySources:[],theme:"auto",language:Lo,addPreferredBlockchain:o=>{let n=e().preferredBlockchains;if(n.find((a,p)=>{let l=a===o,u=p<=10-1;return l&&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=>t(n=>{if(o)return{disabledLiquiditySources:[]};let{swappers:r}=v.getState().meta,i=Wt(r.map(a=>a.swapperGroup));return i.length===n.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})));import{i18n as ls}from"@lingui/core";function ps(t,e,o,n,r){return o?{alert:{type:"warning",text:z().genericServerError,action:{onClick:r,title:ls.t("Retry")}},description:""}:t?{alert:{type:"error",text:t,action:null},description:""}:e.length?{alert:{type:"warning",text:z().liquiditySourcesError.title,action:{onClick:()=>n(!0),title:ls.t("Reset")}},description:z().liquiditySourcesError.description}:{alert:null,description:z().noRoutesError.description}}s(ps,"makeInfo");import{styled as Zn}from"@rango-dev/ui";var us=Zn("div",{display:"flex",flexDirection:"column",alignItems:"center"}),cs=Zn("div",{width:"100%"}),ms=Zn("div",{padding:"$6 $0"});function Rt(t){let{diagnosisMessage:e,fetch:o,error:n}=t,r=_.use.disabledLiquiditySources(),i=v.use.loadingStatus(),a=_.use.toggleAllLiquiditySources(),l=ps(e??null,r,n||i==="failed",a,o);return $e.createElement(us,null,$e.createElement(Vu,{size:24,color:"gray"}),$e.createElement(ds,{size:4}),$e.createElement(fs,{variant:"title",size:"small"},z().noRoutesError.title),!!l.description&&$e.createElement(fs,{variant:"body",size:"small",align:"center",color:"neutral700"},l.description),$e.createElement(ds,{size:4}),!!l.alert&&$e.createElement(cs,null,$e.createElement(Gu,{type:l.alert.type,title:l.alert.text,action:l.alert.action&&$e.createElement(Hu,{size:"xsmall",type:l.alert.type,prefix:$e.createElement(ms,null,$e.createElement(Ru,{size:8})),onClick:l.alert.action.onClick},l.alert.action.title),variant:"alarm"})))}s(Rt,"NoRoutes");import{Alert as zs,Divider as sc,InfoIcon as ac}from"@rango-dev/ui";import qe from"react";import ut from"bignumber.js";import{create as Zu}from"zustand";import{subscribeWithSelector as ec}from"zustand/middleware";import{getLastSuccessfulStep as Ku}from"@rango-dev/queue-manager-rango-preset";import xC from"bignumber.js";function gs(t,e){return e.find(o=>o.name===t)?.displayName}s(gs,"getBlockchainDisplayNameFor");function Je(t,e){return e.find(o=>o.name===t)?.shortName}s(Je,"getBlockchainShortNameFor");function er(t,e){return e.find(o=>Re(o,t))??null}s(er,"findToken");function tr(t,e){return e.find(o=>o.name===t)??null}s(tr,"findBlockchain");function or(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(or,"searchParamsToToken");function hs(t){return t?.result?.swaps[t?.result?.swaps.length-1].to.usdPrice}s(hs,"getBestRouteToTokenUsdPrice");function nr(t,e){let o=t.result?.swaps||[],n=e.result?.swaps||[];return o.length!==n.length}s(nr,"isNumberOfSwapsChanged");function rr(t,e){let o=t.result?.swaps.map(r=>r.swapperId)||[],n=e.result?.swaps.map(r=>r.swapperId)||[];return!zn(o,n)}s(rr,"isRouteSwappersUpdated");function ir(t,e){let o=t.result?.swaps.map(r=>r.to.symbol)||[],n=e.result?.swaps.map(r=>r.to.symbol)||[];return!zn(o,n)}s(ir,"isRouteInternalCoinsUpdated");function ys(t,e){return nr(t,e)||rr(t,e)||ir(t,e)}s(ys,"isRouteChanged");function Ss(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(Ss,"getRequiredBalanceOfWallet");function Cs(t){if(!t)return null;let e=(t.result?.swaps||[]).map(o=>({...o,fromAmount:T(o.fromAmount,6,6),toAmount:T(o.toAmount,6,6)}));return{...t,...t.result&&{result:{...t.result,swaps:e}}}}s(Cs,"getFormattedBestRoute");function It(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}s(It,"getPriceImpactLevel");function ks(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],i=Ku(t.steps),a={blockchain:r.toBlockchain,symbol:r.toSymbol,address:r.toSymbolAddress},p=tr(i?i.toBlockchain:n.fromBlockchain,e),l=tr(r.toBlockchain,e),u=er(i?{blockchain:p?.name??"",symbol:i.toSymbol,address:i.toSymbolAddress}:{blockchain:p?.name??"",symbol:n.fromSymbol,address:n.fromSymbolAddress},o),c=er(a,o),f=i?i.outputAmount??"":t.inputAmount;return{fromBlockchain:p,fromToken:u,toBlockchain:l,toToken:c,inputAmount:f}}s(ks,"createRetryRoute");import{i18n as Ue}from"@lingui/core";import{PendingSwapNetworkStatus as Oo}from"@rango-dev/queue-manager-rango-preset";import xe from"bignumber.js";function Ts(t,e){return t.result?.swaps.map(o=>({swapper:{displayName:o.swapperId,image:o.swapperLogo},from:{token:{displayName:o.from.symbol,image:o.from.logo},chain:{displayName:Je(o.from.blockchain,e)??"",image:o.from.blockchainLogo},price:{value:T(o.fromAmount,6,6),usdValue:T(o.from.usdPrice?.toString(),4,4)}},to:{token:{displayName:o.to.symbol,image:o.to.logo},chain:{displayName:Je(o.to.blockchain,e)??"",image:o.to.blockchainLogo},price:{value:T(o.toAmount,6,6),usdValue:T(o.to.usdPrice?.toString(),4,4)}}}))}s(Ts,"formatBestRoute");function Do(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(Do,"getRequiredWallets");function _o(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}s(_o,"isValidAddress");import{i18n as Fo}from"@lingui/core";var ht=s(()=>({connectWallet:Fo.t("Connect Wallet"),swap:Fo.t("Swap"),swapAnyway:Fo.t("Swap anyway"),ethRouteWarning:Fo.t("The route goes through Ethereum. Continue?")}),"swapButtonTitles");function zo(t,e){return!t||!e||t.lte(Me)||e.lte(Me)?0:e.div(t).minus(1).multipliedBy(100)}s(zo,"getOutputRatio");function qo(t,e){return(parseInt(e.toFixed(2)||"0")<=-10&&t?.gte(new xe(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new xe(1e3)))??!1}s(qo,"outputRatioHasWarning");function Go(t){return(t?.result?.swaps||[]).filter(e=>{let o=e.fromAmountMinValue?new xe(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new xe(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(Go,"hasLimitError");function Ho(t){if(!t)return{swap:null,fromAmountRangeError:"",recommendation:""};let e=(t?.result?.swaps||[]).filter(p=>{let l=p.fromAmountMinValue?new xe(p.fromAmountMinValue):null,u=p.fromAmountMaxValue?new xe(p.fromAmountMaxValue):null;return p.fromAmountRestrictionType==="EXCLUSIVE"?l?.gte(p.fromAmount)||u?.lte(p.fromAmount):l?.gt(p.fromAmount)||u?.lt(p.fromAmount)})[0];if(!e)return{swap:null,fromAmountRangeError:"",recommendation:""};let o=e.fromAmountMinValue?new xe(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new xe(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",i="",a="";return!r&&o&&o.gt(e.fromAmount)?(i=Ue.t({id:"requiredEqualMin",message:"Required: >= {min} {symbol}",values:{min:T(o,6,6),symbol:e.from.symbol}}),a=z().bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(i=Ue.t({id:"requiredMin",message:"Required: > {min} {symbol}",values:{min:T(o,6,6),symbol:e.from.symbol}}),a=z().bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(i=Ue.t({id:"requiredEqualMax",message:"Required: <= {max} {symbol}",values:{max:T(n,6,6),symbol:e.from.symbol}}),a=z().bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(i=Ue.t({id:"requiredMax",message:"Required: < {max} {symbol}",values:{max:T(n,6,6),symbol:e.from.symbol}}),a=z().bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:i,recommendation:a}}s(Ho,"LimitErrorMessage");function ws(t,e,o,n,r,i,a,p,l){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||!l||l==="0"?{title:ht().swap,disabled:!0,state:"swap"}:i||a?{title:ht().swapAnyway,disabled:!1,hasWarning:!0,state:"needToConfirm"}:p?{title:ht().ethRouteWarning,disabled:!1,hasWarning:!0,state:"warning"}:{title:ht().swap,disabled:!1,state:"swap"}}s(ws,"getSwapButtonState");function sr(t,e,o){return!((!o||o.lte(Me))&&t?.result&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t.result)}s(sr,"canComputePriceImpact");function Yu(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(Yu,"requiredWallets");var Qu=s((t,e,o,n)=>n?.find(i=>i.blockchain===t&&i.symbol?.toUpperCase()===e?.toUpperCase()&&i.address===o)?.usdPrice||null,"getUsdPrice");function Ju(t,e){let o=Me;for(let n=0;n<t.fee.length;n++){let r=t.fee[n];if(r.expenseType==="DECREASE_FROM_OUTPUT")continue;let i=Qu(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new xe(r.amount).multipliedBy(i||0))}return o}s(Ju,"getUsdFeeOfStep");function Vo(t,e){return t?.result?.swaps.reduce((o,n)=>o.plus(Ju(n,e)),Me)||null}s(Vo,"getTotalFeeInUsd");function vs(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(vs,"getMinRequiredSlippage");function bs(t,e){return e?parseFloat(t)>=parseFloat(e):!0}s(bs,"hasProperSlippage");function Ro(t){let{fromToken:e,toToken:o,inputAmount:n,wallets:r,selectedWallets:i,disabledLiquiditySources:a,slippage:p,affiliateRef:l,affiliatePercent:u,affiliateWallets:c,initialRoute:f,destination:m}=t,g=i?.reduce((d,w)=>(d[w.chain]=w.address,d),{}),C=[];r?.forEach(d=>{let w=C.find(b=>b.blockchain===d.chain);w?w.addresses.push(d.address):C.push({blockchain:d.chain,addresses:[d.address]})});let y=!!f,S=Wt((f?.result?.swaps||[]).reduce((d,w)=>(d.push(w.from.blockchain,w.to.blockchain),w.internalSwaps&&Array.isArray(w.internalSwaps)&&w.internalSwaps.map(b=>{d.push(b.from.blockchain,b.to.blockchain)}),d),[]));return{amount:n.toString(),affiliateRef:l??void 0,affiliatePercent:u??void 0,affiliateWallets:c??void 0,checkPrerequisites:y,from:{address:e.address,blockchain:e.blockchain,symbol:e.symbol},to:{address:o.address,blockchain:o.blockchain,symbol:o.symbol},connectedWallets:C,selectedWallets:g??{},slippage:p.toString(),...m&&{destination:m},...a.length>0&&{swapperGroups:a,swappersGroupsExclude:!0},...y&&{blockchains:S}}}s(Ro,"createBestRouteRequestBody");function xs(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}s(xs,"getWalletsForNewSwap");function Mt(t){return t?.result?.outputAmount||null}s(Mt,"getRouteOutputAmount");function Ze(t,e){return!t||!e?null:new xe(e).div(new xe(t)).minus(1).multipliedBy(100)}s(Ze,"getPercentageChange");function As(t,e){let o=Mt(t),n=Mt(e);if(!o||!n)return!1;let r=Ze(o,n);return r?r.toNumber()<=-1:!0}s(As,"isOutputAmountChangedALot");function Es(t,e){let o=t.validationStatus,n=Wi(t);return e.sort((i,a)=>n.indexOf(i.chain)-n.indexOf(a.chain)).flatMap(i=>Ss(i,o)||[]).filter(i=>!i.ok).map(i=>{let a=i.asset.symbol,p=T(new xe(i.currentAmount.amount).shiftedBy(-i.currentAmount.decimals),8,8),l=T(new xe(i.requiredAmount.amount).shiftedBy(-i.requiredAmount.decimals),8,8),u="";return i.reason==="FEE"&&(u=Ue.t(" for network fee")),i.reason==="INPUT_ASSET"&&(u=Ue.t(" for swap")),i.reason==="FEE_AND_INPUT_ASSET"&&(u=Ue.t(" for input and network fee")),Ue.t({id:"balanceWarningMessage",message:"Needs \u2248 {requiredAmount} {symbol}{reason}, but you have {currentAmount} {symbol} in your {blockchain} wallet.",values:{requiredAmount:l,symbol:a,reason:u,currentAmount:p,blockchain:i.asset.blockchain}})})}s(Es,"getBalanceWarnings");function Bs(t,e){return(t?new xe(t):Me).multipliedBy(e||0)}s(Bs,"calcOutputUsdValue");function Xt(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==Oo.NetworkChanged}s(Xt,"isNetworkStatusInWarningState");function Ws(t,e){let o="bellow button or",n=t.extraMessage,r=t.extraMessageDetail;if(t.networkStatusExtraMessageDetail?.includes(o)&&(t.networkStatusExtraMessageDetail=t.networkStatusExtraMessageDetail.replace(o,"")),Xt(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case Oo.WaitingForConnectingWallet:n=n||Ue.t("Waiting for connecting wallet");break;case Oo.WaitingForQueue:n=n||Ue.t("Waiting for other running tasks to be finished");break;case Oo.WaitingForNetworkChange:n=n||Ue.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(Ws,"getSwapMessages");function Ns(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(Ns,"getLastConvertedTokenInFailedSwap");function Is(t){return t.status==="failed"&&!!t.finishTime&&new Date().getTime()-parseInt(t.finishTime)<4*3600*1e3}s(Is,"shouldRetrySwap");function Ms(t,e,o,n,r,i){return t||!e&&!Yu(n).every(a=>r.map(p=>p.chain).includes(a))||!!e&&!o||!!e&&!!o&&i&&!_o(i,o)}s(Ms,"confirmSwapDisabled");var Xo=s((t,e)=>t?.usdPrice?new ut(e||Me).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),P=ve(Zu()(ec(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new ut(0),outputUsdValue:new ut(0),toBlockchain:null,toToken:null,bestRoute:null,routeWalletsConfirmed:!1,selectedWallets:[],customDestination:"",setRoute:e=>t(o=>{let n=null,r=Me;return Ht(o.inputAmount)?(e&&(n=e.result?.outputAmount?new ut(e.result?.outputAmount):null,r=Bs(e.result?.outputAmount,hs(e)||o.toToken?.usdPrice)),{bestRoute:e,...!!e&&{outputAmount:n,outputUsdValue:r}}):{}}),resetRoute:()=>t(()=>({bestRoute:null,outputAmount:null,outputUsdValue:new ut(0)})),setFromBlockchain:e=>{t(o=>o.fromBlockchain?.name===e?.name?{}:{fromBlockchain:e,...o.fromToken&&{bestRoute:null,fromToken:null,outputAmount:null,outputUsdValue:null}})},setFromToken:e=>{let{blockchains:o}=v.getState().meta;return t(n=>({fromToken:e,...e&&{fromBlockchain:o.find(r=>r.name===e.blockchain)??null},...!!n.inputAmount&&{inputUsdValue:Xo(e,n.inputAmount)}}))},setToBlockchain:e=>{t(o=>o.toBlockchain?.name===e?.name?{}:{toBlockchain:e,...o.toToken&&{bestRoute:null,toToken:null,outputAmount:null,outputUsdValue:null}})},setToToken:e=>{let{blockchains:o}=v.getState().meta;return t(()=>({toToken:e,...e&&{toBlockchain:o.find(n=>n.name===e.blockchain)??null}}))},setInputAmount:e=>{t(o=>({inputAmount:e,...!e&&{outputAmount:new ut(0),outputUsdValue:new ut(0),bestRoute:null},...!!o.fromToken&&{inputUsdValue:Xo(o.fromToken,e)}}))},retry:e=>{let{tokens:o,blockchains:n}=v.getState().meta,{fromBlockchain:r,fromToken:i,toBlockchain:a,toToken:p,inputAmount:l}=ks(e,n,o);t({fromBlockchain:r,fromToken:i,inputAmount:l,outputAmount:null,inputUsdValue:Xo(i??null,l),outputUsdValue:new ut(0),toBlockchain:a,toToken:p,bestRoute:null})},switchFromAndTo:()=>t(e=>({fromBlockchain:e.toBlockchain,fromToken:e.toToken,toBlockchain:e.fromBlockchain,toToken:e.fromToken,inputAmount:e.outputAmount?.toString()||"",inputUsdValue:Xo(e.toToken,e.outputAmount?.toString()||"")})),resetFromBlockchain:()=>t(()=>({fromToken:null,fromBlockchain:null,outputAmount:null,outputUsdValue:null,bestRoute:null})),resetToBlockchain:()=>t(()=>({toToken:null,toBlockchain:null,outputAmount:null,outputUsdValue:null,bestRoute:null})),setRouteWalletConfirmed:e=>t({routeWalletsConfirmed:e}),setSelectedWallets:e=>t({selectedWallets:e}),setCustomDestination:e=>t({customDestination:e}),resetRouteWallets:()=>t({routeWalletsConfirmed:!1,selectedWallets:[],customDestination:""})}))));import{styled as Ko}from"@rango-dev/ui";var Ls=Ko("div",{width:"100%",paddingTop:"$10"}),ar=Ko("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),Ps=Ko("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%"}),Ds=Ko("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});import{i18n as Kt}from"@lingui/core";import{Button as tc,Divider as Os,MessageBox as $s,Modal as oc,Typography as nc,WarningIcon as rc}from"@rango-dev/ui";import ze from"react";import{useNavigate as ic}from"react-router-dom";import{Typography as _s}from"@rango-dev/ui";import lr from"react";function Fs(t){let{title:e,value:o,valueColor:n}=t;return lr.createElement(Ps,null,lr.createElement(_s,{size:"medium",variant:"label",color:"neutral600"},e),lr.createElement(_s,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}s(Fs,"RouteErrorsModalItem");function Us(t){let{highValueLoss:e,open:o,onToggle:n,percentageChange:r,inputUsdValue:i,outputUsdValue:a,totalFeeInUsd:p}=t,l=ic(),u=e&&r?.lt(-10)?"error":"warning",c=[{title:Kt.t("Swapping"),value:T(i,4,4)},{title:Kt.t("Gas cost"),value:T(p,2,2)},{title:Kt.t("Receiving"),value:T(a,4,4)},{title:Kt.t("Price impact"),value:T(r,2,2),valueColor:`${u}500`}];return ze.createElement(oc,{open:o,onClose:()=>n(!1),container:document.getElementById("swap-box")||document.body},e?ze.createElement($s,{type:u,title:z().highValueLossError.impactTitle,description:z().highValueLossError.description}):ze.createElement($s,{type:u,title:z().unknownPriceError.impactTitle,description:z().unknownPriceError.description}),e&&ze.createElement(ar,null,ze.createElement(Os,{size:20}),ze.createElement(nc,{size:"small",variant:"title"},Kt.t("Details")),ze.createElement(ar,null,c.map((f,m)=>ze.createElement(Fs,{key:m,...f})))),ze.createElement(Os,{size:32}),ze.createElement(tc,{type:"primary",size:"large",prefix:ze.createElement(rc,null),fullWidth:!0,onClick:()=>{l(h.confirmSwap)}},e?z().highValueLossError.confirmMessage:z().unknownPriceError.confirmMessage))}s(Us,"RouteErrorsModal");var lc=-10;function pr(t){let{bestRoute:e}=P(),{highValueLoss:o,percentageChange:n,priceImpactCanNotBeComputed:r,openModal:i,onToggle:a,totalFeeInUsd:p,outputUsdValue:l,inputUsdValue:u,loading:c,extraSpace:f}=t,m=Go(e),{recommendation:g}=Ho(e),C=!m&&(o||r),y=C||m;return qe.createElement(qe.Fragment,null,(c||f&&!y)&&qe.createElement(sc,{size:20}),y&&qe.createElement(Ls,null,C&&qe.createElement(qe.Fragment,null,qe.createElement(zs,{title:o?z().highValueLossError.title:z().unknownPriceError.title,type:o&&n?.lt(lc)?"error":"warning",variant:"alarm",action:qe.createElement(Ds,{onClick:()=>a(!0)},qe.createElement(ac,{size:12,color:"gray"}))})),m&&qe.createElement(zs,{type:"error",variant:"alarm",title:g})),qe.createElement(Us,{highValueLoss:o,open:i,onToggle:a,percentageChange:n,inputUsdValue:u,outputUsdValue:l,totalFeeInUsd:p}))}s(pr,"RouteErrors");import{ReverseIcon as pc,styled as qs}from"@rango-dev/ui";import ur from"react";var uc=qs("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),cc=qs("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 Gs(){let t=P.use.switchFromAndTo();return ur.createElement(uc,null,ur.createElement(cc,{onClick:()=>{t()}},ur.createElement(pc,{size:12})))}s(Gs,"SwitchFromAndToButton");import{useEffect as Hs,useRef as fc,useState as Vs}from"react";import{useRef as mc,useState as dc}from"react";function jo(){let[t,e]=dc(!1),o=mc(null),n=s(()=>o.current?.abort(),"cancel");return{fetch:s(async i=>{n(),o.current=new AbortController,e(!0);try{let a=await xt().getBestRoute(i,{signal:o.current.signal});return o.current=null,a}catch(a){throw a}finally{e(!1)}},"fetch"),loading:t,cancelFetch:n}}s(jo,"useFetchBestRoute");var gc=600;function Rs(){let{fetch:t,cancelFetch:e}=jo(),[o,n]=Vs(!1),{fromToken:r,toToken:i,inputAmount:a,inputUsdValue:p,resetRoute:l,setRoute:u}=P(),{slippage:c,customSlippage:f,affiliatePercent:m,affiliateRef:g,affiliateWallets:C,disabledLiquiditySources:y}=_(),[S,k]=Vs(""),d=fc(y),w=f??c,x=!r||!i||Re(r,i)||!Ht(a),W=s(()=>{if(o||n(!0),!x){l();let E=Ro({fromToken:r,toToken:i,inputAmount:a,disabledLiquiditySources:y,slippage:w,affiliateRef:g,affiliatePercent:m,affiliateWallets:C});t(E).then($=>{n(!1),u($)}).catch($=>{l(),$?.code!=="ERR_CANCELED"&&(k($.message),n(!1))})}},"fetch"),O=_i(()=>{x||W()},gc);return Hs(()=>{if(!Ht(a)||p?.eq(0)){n(!1),e();return}if(!x)return l(),n(!0),O(),e},[a,x]),Hs(()=>{let E=!!d.current.length&&!y.length;return!x&&E&&W(),d.current=y,e},[y.length]),{fetch:W,loading:o,error:S}}s(Rs,"useSwapInput");var xc=Lt("div",{display:"flex",flexDirection:"column",overflowY:"visible"}),Ac=Lt("div",{position:"relative"}),Ec=Lt("div",{display:"flex",flexDirection:"column",gap:5,alignSelf:"stretch"}),Ks=Lt("div",{width:"100%",paddingTop:"$2"}),Bc=Lt("div",{paddingBottom:"$15"}),Wc=Lt("div",{width:"100%",display:"flex"});function Qo(){let t=bc(),{fetch:e,loading:o,error:n}=Rs(),{fromToken:r,fromBlockchain:i,toToken:a,toBlockchain:p,setInputAmount:l,inputAmount:u,inputUsdValue:c,outputAmount:f,outputUsdValue:m,bestRoute:g,resetRouteWallets:C}=P(),{meta:{tokens:y,blockchains:S},loadingStatus:k}=v(),d=H.use.connectedWallets(),w=be.use.setCurrentPage(),[b,x]=vc(!1),{fromAmountRangeError:W,swap:O,recommendation:E}=Ho(g),$=wc(null),X=!!Number(u)&&(!!g||o||!!n),oe=!1,B=zo(c,m),Z=qo(c,B),G=!sr(g,u,c),ne=!sr(g,u,m),L=ws(k,d,o,g,Go(g),Z,G||ne,oe,u),me=i&&r?T(Bt(d,i?.name,r?.symbol,r?.address)?.amount||"0",8,8):"0",Ne=i&&r?T(Bt(d,i?.name,r?.symbol,r?.address)?.amount||"0",Bt(d,i?.name,r?.symbol,r?.address)?.decimal):"0";Tc(()=>(w(h.home),C(),w.bind(null,"")),[]);let U=!c||!m||!m.gt(0)?null:Ze(c.toNumber(),m.toNumber()),K=s(_e=>_e.map((se,ft)=>({swapper:{displayName:se.swapperId,image:se.swapperLogo},from:{token:{displayName:se.from.symbol,image:se.from.logo},chain:{displayName:Je(se.from.blockchain,S)??"",image:se.from.blockchainLogo},price:{value:ft===0?T(u,6,6):se.fromAmount}},to:{token:{displayName:se.to.symbol,image:se.to.logo},chain:{displayName:Je(se.to.blockchain,S)??"",image:se.to.blockchainLogo},price:{value:se.toAmount}},alerts:se.swapperId===O?.swapperId?j.createElement(Bc,null,j.createElement(hc,{type:"error",title:E,footer:j.createElement(Wc,null,j.createElement(mr,{size:"xsmall",variant:"body",color:"neutral700"},W),j.createElement(cr,{direction:"horizontal",size:8}),j.createElement(mr,{size:"xsmall",variant:"body",color:"neutral700"},"|"),j.createElement(cr,{direction:"horizontal",size:8}),j.createElement(mr,{size:"xsmall",variant:"body",color:"neutral700"},Yo.t({id:"yourSymbol",message:"Yours: {amount} {symbol}",values:{amount:T(O?.fromAmount||null,6,6),symbol:se?.from.symbol}})))})):void 0})),"getBestRouteSteps"),Ie=Vo(g,y),we=Cs(g);return j.createElement(Q,{ref:$,fixedHeight:!1,hasLogo:!0,footer:j.createElement(Cc,{type:"primary",size:"large",disabled:L.disabled,prefix:!L.disabled&&L.hasWarning&&j.createElement(kc,null),fullWidth:!0,onClick:()=>{L.state==="waitForConnecting"?t(h.wallets):L.state==="needToConfirm"?x(!0):t(h.confirmSwap)}},L.title),header:{hasConnectWallet:!0,title:Yo.t("Swap"),suffix:j.createElement(Yn,{layoutRef:$.current,onClickRefresh:g||n?e:void 0,onClickHistory:()=>t(h.swaps),onClickSettings:()=>t(h.settings)})}},j.createElement(xc,null,j.createElement(Ec,null,j.createElement(Ac,null,j.createElement(Xs,{label:Yo.t("From"),mode:"From",onInputChange:l,balance:me,chain:{displayName:i?.displayName||"",image:i?.logo||""},token:{displayName:r?.symbol||"",image:r?.image||""},onClickToken:()=>t("from-swap"),price:{value:u,usdValue:G?void 0:T(c,4,4),error:G?z().unknownPriceError.impactTitle:void 0},disabled:k==="failed",loading:k==="loading",onSelectMaxBalance:()=>{me!=="0"&&l(Ne.split(",").join(""))}}),j.createElement(Gs,null)),j.createElement(Xs,{sharpBottomStyle:!!g?.result||o,label:Yo.t("To"),mode:"To",chain:{displayName:p?.displayName||"",image:p?.logo||""},token:{displayName:a?.symbol||"",image:a?.image||""},percentageChange:U?.lt(0)?T(U,2,2):null,warningLevel:It(U?.toNumber()??0),price:{value:T(f,6,6),usdValue:ne?void 0:T(m,4,4),error:ne?z().unknownPriceError.impactTitle:void 0},onClickToken:()=>t("to-swap"),disabled:k==="failed",loading:k==="loading"})),o&&j.createElement(Ks,null,j.createElement(Sc,{type:"basic"})),X&&!o&&we?.result?.swaps?.length?j.createElement(Ks,null,j.createElement(yc,{type:"basic",recommended:!0,tooltipContainer:ae(),input:{value:T(u,6,6),usdValue:T(c,4,4)},output:{value:T(f,6,6),usdValue:T(m,4,4)},steps:K(we.result.swaps),percentageChange:T(U,2,2),totalFee:T(Ie,2,2),totalTime:At(Et(g?.result?.swaps))})):X&&!o?j.createElement(j.Fragment,null,j.createElement(cr,{size:20}),j.createElement(Rt,{diagnosisMessage:we?.diagnosisMessages?.[0],fetch:e,error:!!n})):null),j.createElement(pr,{openModal:b,onToggle:x,totalFeeInUsd:Ie,outputUsdValue:m,inputUsdValue:c,percentageChange:U,highValueLoss:Z,priceImpactCanNotBeComputed:G||ne,loading:o||k==="loading",extraSpace:!!g?.result||!g}))}s(Qo,"Home");import{useEffect as dr,useRef as fr}from"react";import{createSearchParams as Nc,useLocation as Ic,useSearchParams as Mc}from"react-router-dom";import{useEffect as Jo,useRef as Zo}from"react";function js(t){let{setInputAmount:e,setToToken:o,setToBlockchain:n,setFromBlockchain:r,setFromToken:i}=P(),{meta:{tokens:a,blockchains:p},loadingStatus:l}=v(),{setAffiliateRef:u,setAffiliatePercent:c,setAffiliateWallets:f}=_(),m=Zo(void 0),g=Zo(void 0),C=Zo(void 0),y=Zo(void 0);Jo(()=>{e(t?.amount?.toString()||"")},[t?.amount]),Jo(()=>{if(l==="success"){let S=p.find(d=>d.name===t?.from?.blockchain),k=a.find(d=>Re(d,t?.from?.token||null));(S||!S&&C.current)&&r(S??null),(k||!k&&m.current)&&i(k??null),C.current=t?.from?.blockchain,m.current=t?.from?.token}},[t?.from?.token?.symbol,t?.from?.token?.address,t?.from?.token?.blockchain,t?.from?.blockchain,l]),Jo(()=>{if(l==="success"){let S=p.find(d=>d.name===t?.to?.blockchain),k=a.find(d=>Re(d,t?.to?.token||null));(S||!S&&y.current)&&n(S??null),(k||!k&&g.current)&&o(k??null),y.current=t?.to?.blockchain,g.current=t?.to?.token}},[t?.to?.token?.symbol,t?.to?.token?.address,t?.to?.token?.blockchain,t?.to?.blockchain,l]),Jo(()=>{u(t?.affiliate?.ref??null),c(t?.affiliate?.percent??null),f(t?.affiliate?.wallets??null)},[t?.affiliate?.ref,t?.affiliate?.percent,t?.affiliate?.wallets])}s(js,"useSyncStoresWithConfig");function Ys(t){let e=fr(!0),[o,n]=Mc(),r=Ic(),i=fr(r.search),a=fr({}),p=P.use.fromBlockchain(),l=P.use.toBlockchain(),u=P.use.fromToken(),c=P.use.toToken(),f=P.use.setFromBlockchain(),m=P.use.setFromToken(),g=P.use.setToBlockchain(),C=P.use.setToToken(),y=P.use.inputAmount(),S=P.use.setInputAmount(),k=v.use.loadingStatus(),{blockchains:d,tokens:w}=v.use.meta(),b=be.use.setSelectedSwap();return js(t.config),dr(()=>{let x={};Nc(i.current).forEach((O,E)=>{x[E]=O}),a.current=x;let W=r.pathname.split(h.swaps+"/")[1]||null;W&&b(W)},[]),dr(()=>{if(!e.current){let x="",W="",O="",E="",$="";if(k!=="success")x=a.current["fromBlockchain"],W=a.current["fromToken"],O=a.current["toBlockchain"],E=a.current["toToken"],$=a.current["fromAmount"]||y;else{if(r.state==="redirect")return;x=p?.name||"",W=(u?.symbol||"")+(u?.address?`--${u?.address}`:""),O=l?.name||"",E=(c?.symbol||"")+(c?.address?`--${c?.address}`:""),$=y}n({...x&&{["fromBlockchain"]:x},...W&&{["fromToken"]:W},...O&&{["toBlockchain"]:O},...E&&{["toToken"]:E},...$&&{["fromAmount"]:$.toString()}},{replace:!0})}e.current=!1},[r.pathname,y,p,u,l,c]),dr(()=>{if(k==="success"){let x=o.get("fromBlockchain"),W=o.get("fromToken"),O=o.get("toBlockchain"),E=o.get("toToken"),$=o.get("fromAmount"),X=d.find(G=>G.name===x),oe=or(w,W,X||null),B=d.find(G=>G.name===O),Z=or(w,E,B||null);X&&(f(X),oe&&m(oe)),B&&(g(B),Z&&C(Z)),$&&S($)}},[k]),null}s(Ys,"UpdateUrl");function qc(t){let e=Uc(),o=zc(),n=Fc(!0),r=e.pathname.split("/"),a=r[r.length-1]===h.confirmSwap&&n.current;return _c(()=>{a&&o("."),n.current=!1},[]),a?yt.createElement(Qo,null):yt.createElement(yt.Fragment,null," ",t.children)}s(qc,"Route");function Qs({children:t,...e}){let o=$c(),n=o?qc:Oc,{blockchains:r}=v.use.meta(),{canSwitchNetworkTo:i}=Pc(),a=r.filter(Dc);return Lc({lastConnectedWallet:e.lastConnectedWallet,clearDisconnectedWallet:e.clearDisconnectedWallet,disconnectedWallet:e.disconnectedWallet,evmChains:a,canSwitchNetworkTo:i}),yt.createElement(yt.Fragment,null,yt.createElement(n,null,t),o&&yt.createElement(Ys,{config:e.config}))}s(Qs,"AppRouter");import We from"react";import{useRoutes as cg}from"react-router-dom";import{i18n as Xe}from"@lingui/core";import{useManager as Dm}from"@rango-dev/queue-manager-react";import{Alert as vr,BestRoute as _m,BestRouteSkeleton as Fm,Button as an,Divider as Ot,IconButton as _a,MessageBox as Om,Modal as $m,RefreshIcon as Um,SettingsIcon as zm,styled as Fa,Tooltip as qm,Typography as Da,WalletIcon as Gm}from"@rango-dev/ui";import I,{useEffect as ln,useState as pn}from"react";import{flushSync as Hm}from"react-dom";import{useNavigate as Vm}from"react-router-dom";import{i18n as nt}from"@lingui/core";import{Alert as wr,BalanceErrors as Cm,Button as Ia,ChevronDownIcon as km,ChevronLeftIcon as Tm,Divider as Ft,MessageBox as wm,Modal as Ma,Typography as sn,WalletIcon as vm}from"@rango-dev/ui";import A,{useEffect as bm,useLayoutEffect as xm,useRef as Am,useState as kt}from"react";import{useNavigate as Em}from"react-router-dom";import{i18n as en}from"@lingui/core";function tn(t){switch(t.type){case 0:return en.t("Route has been updated.");case 3:return en.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return en.t("Route swappers has been updated.");case 2:return en.t("Route internal coins has been updated.");default:return""}}s(tn,"getRouteWarningMessage");import*as Dt from"@radix-ui/react-collapsible";import{Button as Gc,darkTheme as Pt,IconButton as Hc,keyframes as Js,styled as ke,TextField as Vc}from"@rango-dev/ui";var jt=300,Rc=Js({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),Xc=Js({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),Zs=ke("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),ea=ke("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}),ta=ke("button",{borderRadius:"$xm",padding:"$10",border:"0",display:"flex",justifyContent:"center",$$color:"$colors$neutral100",[`.${Pt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",alignItems:"center",cursor:"pointer",width:110,position:"relative","&:hover":{$$color:"$colors$info100",[`.${Pt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$color:"$colors$info100",[`.${Pt} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color",outline:0},variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary",outlineStyle:"solid"}}}}),oa=ke(Dt.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit"}),na=ke("div",{padding:"$20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),ra=ke(Hc,{position:"absolute",left:"$20"}),ia=ke("div",{paddingTop:"$20","& .wallets-list":{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}}),sa=ke(Dt.Root,{backgroundColor:"$neutral200",borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),aa=ke(Gc,{width:"100%",borderRadius:"$sm !important",padding:"$15 !important",justifyContent:"space-between",alignItems:"center",$$color:"$colors$neutral100",[`.${Pt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color","&:hover":{$$color:"$colors$info100",[`.${Pt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$background:"$colors$info100",[`.${Pt} &`]:{$$background:"$colors$info700"},backgroundColor:"$$background",outline:0}}),la=ke("div",{padding:"$10 $0","& .button__content":{display:"flex",justifyContent:"center",alignItems:"center"},"& .alarms":{paddingTop:"5px"}}),pa=ke("div",{transition:`all ${jt}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),ua=ke("div",{display:"flex"}),ca=ke(Vc,{padding:"$0 $15 $15 $15"}),ma=ke(Dt.Content,{overflow:"hidden",variants:{open:{true:{animation:`${Rc} ${jt}ms ease-out`},false:{animation:`${Xc} ${jt}ms ease-out`}}}}),da=ke("div",{overflow:"visible",width:"100%"});import{i18n as ot}from"@lingui/core";import{Button as hm,Divider as Cr,Image as ym,MessageBox as kr,Modal as Aa,SelectableWallet as Sm,Typography as Ea,WalletState as Ba}from"@rango-dev/ui";import ie,{useEffect as Wa,useState as Qt}from"react";import{WalletState as fa}from"@rango-dev/ui";import{useWallets as Kc}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as jc,WalletTypes as Yc}from"@rango-dev/wallets-shared";import{useEffect as Qc,useState as Jc}from"react";var Zc=Object.values(Yc);function on(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:i,disconnect:a,getWalletInfo:p,connect:l}=Kc(),{connectedWallets:u}=H(),{blockchains:c}=v().meta,f=typeof e?.multiWallets>"u"?!0:e.multiWallets,m=Oi(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||Zc,g=Ei(i,p,m,o),C=Li(g),[y,S]=Jc(""),k=s(x=>!u.find(W=>W.walletType===x&&W.chain===o),"isExperimentalChainNotAdded"),d=s(async x=>{let W=i(x);try{if(y&&S(""),W.connected)await a(x);else{let O=!!g.find(E=>E.state===fa.CONNECTED);if(!f&&O)return;n?.(x),await l(x),r?.(x)}}catch(O){S("Error: "+O?.message)}},"handleClick"),w=s(()=>{let x=g?.filter(W=>W.state===fa.CONNECTING)||[];for(let W of x)a(W.type)},"disconnectConnectingWallets");Qc(()=>()=>{w()},[]);let b=s((x,W,O)=>vo(O,W)&&k(x)&&!jc.includes(x),"shouldExcludeWallet");return{list:C.filter(x=>!b(x.type,o??"",c)),error:y,handleClick:d}}s(on,"useWalletList");import{i18n as Ca}from"@lingui/core";import{styled as Ta,Typography as lm,Wallet as pm,WalletState as um}from"@rango-dev/ui";import Ct,{Fragment as cm,useState as ka}from"react";import{Divider as rm,Modal as im}from"@rango-dev/ui";import hr from"react";import{i18n as _t}from"@lingui/core";import{Image as om,MessageBox as gr,WalletState as nm}from"@rango-dev/ui";import St from"react";import{keyframes as em,styled as nn}from"@rango-dev/ui";var Ww=nn("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),ga=nn("div",{position:"relative"}),tm=em({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),ha=nn("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${tm} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),ya=nn("div",{"& img":{borderRadius:"50%"}});function Sa(t){let{state:e,image:o,error:n}=t;return e===nm.CONNECTED?St.createElement(gr,{type:"success",title:_t.t("Wallet Connected"),description:_t.t("Your wallet is connected, you can use it to swap.")}):n?St.createElement(gr,{type:"error",title:_t.t("Failed to Connect"),description:n||_t.t("Your wallet is not connected. Please try again.")}):St.createElement(gr,{type:"loading",title:_t.t("Connecting to your wallet"),description:_t.t("Click connect in your wallet popup."),icon:St.createElement(ga,null,St.createElement(ya,null,St.createElement(om,{src:o,size:45})),St.createElement(ha,null))})}s(Sa,"ModalContent");function Yt(t){let{open:e,onClose:o,...n}=t;return hr.createElement(im,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},hr.createElement(Sa,{...n}),hr.createElement(rm,{direction:"vertical",size:32}))}s(Yt,"WalletModal");import{useInRouterContext as sm,useNavigate as am}from"react-router-dom";function re(){let t=sm(),e=am(),o=P.use.routeWalletsConfirmed();return h,{navigateBackFrom:s(r=>{if(r===h.swapDetails)return e("/"+h.swaps,{replace:!0});if(!t||window.history.state&&window.history.state.idx>0)e(-1);else{if([h.settings,h.wallets].includes(r)&&o)return e("/"+h.confirmSwap,{replace:!0});[h.fromSwap,h.toSwap,h.settings,h.wallets,h.swaps,h.confirmSwap].includes(r)?e(h.home,{replace:!0}):r===h.fromBlockchain?e("/"+h.fromSwap,{replace:!0}):r===h.toBlockchain?e("/"+h.fromSwap,{replace:!0}):r===h.liquiditySources&&e("/"+h.settings,{replace:!0})}},"navigateBackFrom")}}s(re,"useNavigateBack");var mm=Ta("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline",paddingTop:"$15",height:"100%"}),dm=Ta("div",{textAlign:"center"}),rn=3e3,yr=300;function wa({config:t}){let{navigateBackFrom:e}=re(),[o,n]=ka(!1),[r,i]=ka(""),a=null,{list:p,handleClick:l,error:u}=on({config:t,onBeforeConnect:C=>{a=setTimeout(()=>{n(!0),i(C)},yr)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},rn)}}),c=v.use.loadingStatus(),f=p.find(C=>C.type===r),m=f?.image||"",g=f?.state||um.NOT_INSTALLED;return Ct.createElement(Q,{header:{title:Ca.t("Connect Wallets"),onBack:e.bind(null,h.wallets)}},Ct.createElement(dm,null,Ct.createElement(lm,{variant:"title",size:"xmedium",align:"center"},Ca.t("Choose a wallet to connect.")),Ct.createElement(mm,null,p.map((C,y)=>{let S=`wallet-${y}-${C.type}`;return Ct.createElement(cm,{key:S},Ct.createElement(pm,{...C,container:ae(),onClick:k=>{l(k)},isLoading:c==="loading"}))}),Ct.createElement(Yt,{open:!!o,onClose:()=>n(!1),image:m,state:g,error:u}))))}s(wa,"WalletsPage");import{keyframes as fm,styled as Sr}from"@rango-dev/ui";var va=Sr("div",{position:"relative"}),gm=fm({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),ba=Sr("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${gm} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),xa=Sr("div",{"& img":{borderRadius:"50%"}});function Tr(t){let{config:e,chain:o,isSelected:n,selectWallet:r,limit:i,onShowMore:a}=t,p=H.use.connectedWallets(),{blockchains:l}=v.use.meta(),[u,c]=Qt(""),[f,m]=Qt(null),[g,C]=Qt(!1),[y,S]=Qt(null),{connect:k}=Na(),d=null,{list:w,error:b,handleClick:x}=on({config:e,chain:o,onBeforeConnect:B=>{d=setTimeout(()=>{c(B)},yr)},onConnect:()=>{d&&clearTimeout(d),setTimeout(()=>{c("")},rn)}}),[W,O]=Qt(w),E=w.length,$=i&&E-i>0,X=s(async B=>{C(!1),S("in-progress"),await k(B.walletType,B.chain),S("completed")},"addExperimentalChain");Wa(()=>{O(B=>{let Z=w.findIndex(G=>n(G.type,o));return $&&Z>1?[w[Z]].concat(w.filter((G,ne)=>ne!==Z)):B.map(G=>w.find(ne=>ne.type===G.type)??G)})},[JSON.stringify(w)]);let oe=document.querySelector("#swap-box");return Wa(()=>{let B=null;return y==="completed"&&(B=setTimeout(()=>S(null),rn)),()=>{B&&clearTimeout(B)}},[y]),ie.createElement(ie.Fragment,null,W.slice(0,i).map(B=>{let Z=Pi({connectedWallets:p,walletType:B.type,chain:o}),G=Z?bo(Z):"",ne=vo(l,o),L=!p.find(Ie=>Ie.walletType===B.type&&Ie.chain===o),me=ne&&L&&B.state===Ba.CONNECTED,Ne=me?ot.t({id:"addChain",message:"Add {chain} chain",values:{chain:o}}):G,U=s(()=>{B.state===Ba.DISCONNECTED?x(B.type):me?(m({walletType:B.type,chain:o,address:Z??""}),C(!0)):r({walletType:B.type,chain:o,address:Z??""})},"onClick"),K=f?.chain?gs(f.chain,l):void 0;return ie.createElement(ie.Fragment,null,ie.createElement(Yt,{open:u===B.type,onClose:()=>c(""),image:B.image,state:B.state,error:b}),!!f&&ie.createElement(Aa,{open:!!f&&g,container:oe,onClose:()=>{m(null)}},ie.createElement(kr,{title:ot.t({id:"addBlockchain",message:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:K}}),type:"warning",description:ot.t({id:"addBlockchainDescription",message:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:K}})},ie.createElement(Cr,{size:18}),ie.createElement(Cr,{size:32}),ie.createElement(hm,{onClick:X.bind(null,f),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},ot.t("Confirm")))),y&&ie.createElement(Aa,{open:!!y,onClose:S.bind(null,null),container:oe},y==="in-progress"?ie.createElement(kr,{type:"loading",title:ot.t({id:"addBlockchain",message:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:K}}),description:ot.t({id:"addBlockchainDescription",message:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:K}}),icon:ie.createElement(va,null,ie.createElement(xa,null,ie.createElement(ym,{src:B.image,size:45})),ie.createElement(ba,null))}):ie.createElement(kr,{type:"success",title:ot.t({id:"blockchainAdded",message:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:K}}),description:ot.t({id:"blockchainAddedDescription",message:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:K}})}),ie.createElement(Cr,{direction:"vertical",size:32})),ie.createElement(Sm,{key:B.type,description:Ne,onClick:U,selected:n(B.type,o),...B}))}),$&&ie.createElement(ta,{selected:!1,onClick:a.bind(null)},ie.createElement(Ea,{variant:"label",size:"medium"},ot.t("Show more wallets"),ie.createElement(Ea,{variant:"label",size:"medium",color:"$primary"},"\xA0+",E-(i??0)))))}s(Tr,"WalletList");var Bm=2;function La(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,config:i,loading:a}=t,{blockchains:p}=v.use.meta(),{bestRoute:l,setSelectedWallets:u,routeWalletsConfirmed:c,setRouteWalletConfirmed:f,customDestination:m,setCustomDestination:g}=P(),{connectedWallets:C,selectWallets:y}=H(),[S,k]=kt(""),[d,w]=kt([]),[b,x]=kt(""),[W,O]=kt(null),[E,$]=kt(m),[X,oe]=kt(!!m),B=Am(null),Z=Do(l),G=typeof i?.customDestination>"u"?!0:i.customDestination,ne=p.find(D=>D.name===l?.result?.swaps[l?.result?.swaps.length-1].to.blockchain),L=s(D=>!!l?.result?.swaps.find(N=>N.from.blockchain===D),"isWalletRequiredFor"),[me,Ne]=kt(C.filter(D=>D.selected&&Z.includes(D.chain))),U=p.find(D=>D.name===ne?.name),K=s((D,N)=>!!me.find(F=>F.walletType===D&&F.chain===N&&F.selected&&(L(N)||!L(N)&&!E)),"isSelected"),Ie=!!E&&X&&U&&!_o(U,E),we=s(()=>{oe(!1),$(""),Ne(D=>{let N=!1;return D.map(F=>!N&&F.chain===ne?.name?(N=!0,{...F,selected:!0}):F)})},"resetCustomDestination"),_e=s(D=>{if(S&&k(""),K(D.walletType,D.chain))return;let F=C.find(Y=>Y.walletType===D.walletType&&Y.chain===D.chain);F&&(n(),D.chain===ne?.name&&X&&(oe(!1),$("")),Ne(Y=>Y.filter(le=>le.chain!==D.chain).concat({...F,selected:!0})))},"onChange"),se=s(()=>{let D=me.filter(N=>N.selected);y(D),u(D),g(E),f(!0),o()},"onConfirmBalance"),ft=s(async()=>{w([]),x(""),O(null);let D=C.filter(Y=>me.find(le=>le.chain===Y.chain&&le.walletType===Y.walletType)),N=await r?.({selectedWallets:D,customDestination:E}),F=N.warnings;F?.balance?.messages&&w(F.balance.messages),F?.route&&O(F.route),N.error&&x(Mo(N.error)),!N.error&&(!F?.balance?.messages.length||0>0)?se():w(F?.balance?.messages??[])},"onConfirmWallets");bm(()=>{Ne(D=>D.concat(C.filter(N=>!!!D.find(Y=>Y.chain===N.chain)&&N.selected&&Z.includes(N.chain))))},[C.length]),xm(()=>{X&&B.current&&setTimeout(()=>{B?.current?.scrollIntoView({behavior:"smooth"})},jt)},[X]);let Qe=document.querySelector("#swap-box"),bt=Em();return A.createElement(Ma,{open:e,onClose:()=>{c||bt(h.home,{replace:!0}),o()},dismissible:!S,container:Qe,...!S&&{footer:A.createElement(ua,null,A.createElement(Ia,{loading:a,disabled:Ms(a,X,E,l,me,ne),onClick:ft,variant:"contained",type:"primary",fullWidth:!0,size:"large"},"Confirm"))},...S&&{containerStyle:{padding:"$0"},header:A.createElement(na,null,A.createElement(ra,{variant:"ghost",onClick:k.bind(null,"")},A.createElement(Tm,{size:16})),A.createElement(sn,{variant:"headline",size:"small"},nt.t({id:"yourWallets",message:"Your {blockchainName} wallets",values:{blockchainName:S}})))},anchor:"center"},A.createElement(Ma,{open:d.length>0,onClose:w.bind(null,[]),container:Qe},A.createElement(wm,{title:nt.t("Insufficient account balance"),type:"error",description:A.createElement(Cm,{messages:d??[]})},A.createElement(Ia,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:se},nt.t("Proceed anyway")))),S&&A.createElement(ia,null,A.createElement("div",{className:"wallets-list"},A.createElement(Tr,{chain:S,isSelected:K,selectWallet:_e,multiWallets:i?.multiWallets??!0,supportedWallets:i?.wallets??[],config:i,onShowMore:k.bind(null,S)}))),!S&&A.createElement(A.Fragment,null,b&&A.createElement(A.Fragment,null,A.createElement(wr,{variant:"alarm",type:"error",title:nt.t(b)}),A.createElement(Ft,{size:12})),W&&A.createElement(A.Fragment,null,A.createElement(wr,{variant:"alarm",type:"warning",title:tn(W)}),A.createElement(Ft,{size:12})),A.createElement(da,null,Z.map((D,N)=>{let F=p.find(ue=>ue.name===D),Y=`wallet-${N}`,le=N===Z.length-1;return A.createElement("div",{key:Y},A.createElement(Zs,null,A.createElement(sn,{variant:"title",size:"xmedium"},nt.t({id:"yourWallets",message:"Your {blockchainName} wallets",values:{blockchainName:F?.displayName}})),A.createElement(sn,{variant:"label",color:"$neutral700",size:"medium"},nt.t({id:"needConnect",message:"You need to connect a {blockchainName} wallet.",values:{blockchainName:F?.displayName}}))),A.createElement(Ft,{size:24}),A.createElement(ea,null,A.createElement(Tr,{chain:D,isSelected:K,selectWallet:_e,multiWallets:i?.multiWallets??!0,supportedWallets:i?.wallets??[],config:i,limit:Bm,onShowMore:()=>k(F?.name??"")})),!le&&A.createElement(Ft,{size:32}),le&&G&&A.createElement(la,null,A.createElement(sa,{ref:B,selected:X,open:X,onOpenChange:ue=>{ue?L(ne?.name??"")||Ne(go=>go.map(ho=>ho.chain===ne?.name?{...ho,selected:!1}:ho)):we()}},A.createElement(oa,{onClick:()=>oe(ue=>!ue)},A.createElement(aa,{fullWidth:!0,variant:"default",suffix:A.createElement(pa,{orientation:X?"up":"down"},A.createElement(km,{size:10,color:"gray"}))},A.createElement("div",{className:"button__content"},A.createElement(vm,{size:18,color:"info"}),A.createElement(Ft,{size:4,direction:"horizontal"}),A.createElement(sn,{variant:"label",size:"medium"},nt.t("Send to a different address"))))),A.createElement(ma,{open:X},A.createElement(A.Fragment,null,A.createElement(Ft,{size:4}),A.createElement(ca,{autoFocus:!0,placeholder:nt.t("Your destination address"),value:E,onChange:ue=>{$(ue.target.value)}})))),Ie&&A.createElement("div",{className:"alarms"},A.createElement(wr,{variant:"alarm",type:"error",title:nt.t({id:"addressMatch",values:{destination:E},message:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}s(La,"ConfirmWalletsModal");import{calculatePendingSwap as Nm}from"@rango-dev/queue-manager-rango-preset";import Im from"bignumber.js";import{useEffect as Mm}from"react";function Lm(t,e){if(!t.result)throw new Error(z().noRoutesError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});let o=new Im(t.result?.outputAmount||"0").multipliedBy(e.outputUsdValue||0),n=zo(e.inputUsdValue,o);if(qo(e.inputUsdValue,n))throw new Error("High value loss for route",{cause:{type:1}});return t}s(Lm,"throwErrorIfResponseIsNotValid");function Pm(t,e,o){let n=ys(t,e),r={balance:null,route:null,slippage:null};n&&(As(t,e)?r.route={type:3,newOutputAmount:T(Mt(e)),percentageChange:T(Ze(Mt(t),Mt(e)),null,2)}:nr(t,e)?r.route={type:0}:rr(t,e)?r.route={type:1}:ir(t,e)&&(r.route={type:2}));let i=Es(e,o.selectedWallets);i.length===0||(r.balance={messages:i});let p=vs(t),l=o.userSlippage>is;return bs(o.userSlippage.toString(),p)?l&&(r.slippage={type:1,slippage:o.userSlippage.toString()}):r.slippage={type:0,slippage:p},r}s(Pm,"generateWarnings");function Pa(){let{fromToken:t,toToken:e,inputAmount:o,inputUsdValue:n,setRoute:r,bestRoute:i,customDestination:a}=P(),{slippage:p,customSlippage:l,affiliatePercent:u,affiliateRef:c,affiliateWallets:f,disabledLiquiditySources:m}=_(),{connectedWallets:g}=H(),{meta:C}=v(),y=l||p,{fetch:S,cancelFetch:k,loading:d}=jo();return Mm(()=>k,[]),{loading:d,fetch:s(async b=>{let x=b.selectedWallets,W=b?.customDestination??a;if(!t||!e||!o||!i)return{route:null,swap:null,error:null,warnings:null};let O=Ro({fromToken:t,toToken:e,inputAmount:o,wallets:g,selectedWallets:x,disabledLiquiditySources:m,slippage:y,affiliateRef:c,affiliatePercent:u,affiliateWallets:f,initialRoute:i,destination:W}),E;try{E=await S(O).then(oe=>Lm(oe,{outputUsdValue:e.usdPrice,inputUsdValue:n})),r(E)}catch(oe){return oe?.code==="ERR_CANCELED"?{swap:null,error:{type:3},warnings:null}:oe.cause?{swap:null,error:oe.cause,warnings:null}:{swap:null,error:{type:2},warnings:null}}let $={slippage:y.toString(),disabledSwappersGroups:m},X=Nm(o.toString(),E,xs(x),$,!1,C);return{route:E,swap:X,error:null,warnings:Pm(i,E,{selectedWallets:x,userSlippage:y})}},"fetch"),cancelFetch:k}}s(Pa,"useConfirmSwap");var Rm=Fa("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"}}),Xm=Fa("div",{width:"100%",display:"flex",justifyContent:"space-between","& .confirm-button":{flexGrow:1,paddingRight:"$10"},[`& ${_a}`]:{width:"$48",height:"$48"}});function Oa(t){let{config:e}=t,{bestRoute:o,inputAmount:n,outputAmount:r,inputUsdValue:i,outputUsdValue:a,setInputAmount:p,selectedWallets:l,routeWalletsConfirmed:u,setRouteWalletConfirmed:c,customDestination:f}=P(),m=Vm(),[g,C]=pn(""),[y,S]=pn(!1),{connectedWallets:k}=H(),d=!u,[w,b]=pn(!1),x=be.use.setSelectedSwap(),{meta:{tokens:W,blockchains:O},loadingStatus:E}=v(),$=_.use.slippage(),X=_.use.customSlippage(),{manager:oe}=Dm(),B=X||$,{fetch:Z,loading:G,cancelFetch:ne}=Pa(),[L,me]=pn({swap:null,error:null,warnings:null}),Ne=G||E==="loading",U=!G&&L.error&&[0,2].includes(L.error.type),K=!U&&!G&&o&&o.result,Ie=Vo(o,W),we=T(Ze(i?.toNumber()??0,a?.toNumber()??0),2,2),_e=It(parseFloat(we)),se=s(async({selectedWallets:N,customDestination:F})=>{let Y=await Z?.({selectedWallets:N,customDestination:F});return me(Y),Y},"onConfirmSwap"),ft=s(async()=>{if(L.swap&&u)try{await oe?.create("swap",{swapDetails:L.swap},{id:L.swap.requestId}),x(L.swap.requestId),m("/"+h.swaps+`/${L.swap.requestId}`,{replace:!0}),setTimeout(()=>{p("")},0)}catch(N){C("Error: "+N?.message)}},"addNewSwap"),Qe=s(async()=>{await ft()},"onConfirm"),bt=s(async()=>{L?.warnings?.slippage?S(!0):await Qe()},"onStartConfirmSwap"),D=s(async()=>{me({error:null,swap:null,warnings:null}),Z({selectedWallets:l}).then(N=>{me(N)}).catch(N=>console.error(N))},"onRefresh");return ln(()=>{d&&ne()},[d]),ln(()=>{d&&b(d)},[d]),ln(()=>{d||Z({selectedWallets:l,customDestination:f}).then(N=>me(N)).catch(N=>console.error(N))},[]),ln(()=>{let N=L.warnings?.route?.type&&Object.values(Vt).includes(L.warnings?.route?.type),F=l.length<1||!l.every(le=>k.find(ue=>le.address===ue.address&&le.walletType===ue.walletType&&le.chain===ue.chain)),Y=!1;if(N){let le=Do(o),ue=o?.result?.swaps[o.result.swaps.length-1].to.blockchain;!!o?.result?.swaps.find(Fn=>Fn.from.blockchain===ue)||(le=le.slice(-le.length,le.length-1)),le.every(Fn=>l.find(Np=>Np.chain===Fn))||(Y=!0)}o&&(F||Y)&&(queueMicrotask(()=>Hm(b.bind(null,!0))),c(!1))},[L.warnings?.route,l.length,k.length]),I.createElement(Q,{header:{title:Xe.t("Confirm Swap"),onBack:m.bind(null,-1),hasConnectWallet:!0,suffix:I.createElement(qm,{container:ae(),side:"bottom",content:Xe.t("Settings")},I.createElement(Fe,{size:"small",variant:"ghost",onClick:()=>m("/"+h.settings)},I.createElement(zm,{size:18,color:"black"})))},footer:I.createElement(Xm,null,I.createElement("div",{className:"confirm-button"},I.createElement(an,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:G,disabled:!!L.error,onClick:bt},Xe.t("Start Swap"))),I.createElement(_a,{variant:"contained",type:"primary",size:"large",loading:G,onClick:b.bind(null,!0)},I.createElement(Gm,{size:24})))},I.createElement($m,{anchor:"bottom",open:y,prefix:I.createElement(an,{size:"small",variant:"ghost",onClick:()=>m("/"+h.settings)},I.createElement(Da,{variant:"label",size:"medium",color:"$neutral700"},Xe.t("Change settings"))),container:document.querySelector("#swap-box"),onClose:S.bind(null,N=>!N)},L.warnings?.slippage&&I.createElement(Om,{type:"warning",title:L.warnings.slippage.type===1?Xe.t("High slippage"):Xe.t("Low slippage"),description:L.warnings.slippage.type===1?Xe.t("highSlippage",{selectedSlippage:B},{message:" Caution, your slippage is high (={selectedSlippage}). Your trade may be front run."}):Xe.t("increaseSlippage",{minRequiredSlippage:L.warnings.slippage.slippage},{message:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route."})},I.createElement(Ot,{size:18}),I.createElement(Ot,{size:32}),I.createElement(an,{size:"large",type:"primary",variant:"contained",fullWidth:!0,onClick:Qe},Xe.t("Confirm anyway")))),w&&I.createElement(La,{open:w,onClose:()=>b(!1),onCancel:ne,loading:G,onCheckBalance:se,config:e}),I.createElement(Rm,null,I.createElement("div",{className:"description"},I.createElement(Da,{variant:"title",size:"small"},Xe.t("You get")),I.createElement(an,{style:{padding:"0"},variant:"ghost",disabled:G,onClick:D},I.createElement("div",{className:"icon"},I.createElement(Um,{size:16})))),g&&I.createElement(I.Fragment,null,I.createElement(vr,{type:"error",variant:"alarm",title:g}),I.createElement(Ot,{size:12})),L.warnings?.route&&I.createElement(I.Fragment,null,I.createElement(vr,{variant:"alarm",type:"warning",title:tn(L.warnings.route)}),I.createElement(Ot,{size:12})),Ne&&I.createElement(Fm,{type:"swap-preview",expanded:!0}),K&&I.createElement(_m,{expanded:!0,tooltipContainer:ae(),steps:Ts(o,O)??[],input:{value:T(n,6,6),usdValue:T(i,4,4)},output:{value:T(r,6,6),usdValue:T(a,4,4)},totalFee:T(Ie,2,2),totalTime:At(Et(o.result?.swaps)),recommended:!0,type:"swap-preview",percentageChange:we,warningLevel:_e}),U&&I.createElement(I.Fragment,null,I.createElement(Ot,{size:12}),I.createElement(Rt,{diagnosisMessage:L.error?.type===0?L.error.diagnosisMessage:void 0,error:L.error?.type===2,fetch:D})),L.error?.type===1&&I.createElement(I.Fragment,null,I.createElement(vr,{variant:"alarm",type:"error",title:Mo(L.error)}),I.createElement(Ot,{size:12}))))}s(Oa,"ConfirmSwapPage");import{i18n as mn}from"@lingui/core";import{useManager as Zm}from"@rango-dev/queue-manager-react";import{Divider as ed,NotFound as td,styled as Xa}from"@rango-dev/ui";import ct,{useState as od}from"react";import{useNavigate as nd}from"react-router-dom";import{CloseIcon as jm,IconButton as Ym,SearchIcon as Qm,TextField as Jm}from"@rango-dev/ui";import Jt from"react";import{styled as Km}from"@rango-dev/ui";var $a=Km("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function rt(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:i,value:a,setValue:p,...l}=t;return Jt.createElement(Jm,{prefix:Jt.createElement($a,null,Jt.createElement(Qm,{color:"black"})),suffix:!!a.length&&Jt.createElement(Ym,{variant:"ghost",onClick:()=>p?.(""),size:"small"},Jt.createElement(jm,{color:"gray",size:10})),fullWidth:o,color:n,variant:e,style:{padding:10,borderRadius:25,alignItems:"center"},size:r,value:a,onChange:i,...l})}s(rt,"SearchInput");import{i18n as za}from"@lingui/core";import{Divider as qa,SwapListItem as Ga,Typography as Ha}from"@rango-dev/ui";import te from"react";import{styled as un}from"@rango-dev/ui";var br=un("div",{width:"100%",display:"flex",flexDirection:"column"}),xr=un("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),Ar=un("div",{gap:"$10",display:"flex",flexDirection:"column"}),Ua=un("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});function Er(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(l=>te.createElement(te.Fragment,{key:l.title},te.createElement(br,null,te.createElement(xr,null,te.createElement(Ha,{variant:"label",size:"medium",color:"neutral600",className:"group-title"},za.t(l.title))),te.createElement(qa,{size:4}),te.createElement(Ar,null,l.swaps.map((u,c)=>{let f=c+l.title;return te.createElement(te.Fragment,{key:f},te.createElement(Ga,{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(br,null,te.createElement(xr,null,te.createElement(Ha,{variant:"label",size:"medium",color:"neutral600",className:"group-title"},za.t(a.title))),te.createElement(qa,{size:4}),te.createElement(Ar,null,a.swaps.map(p=>{let l=p.steps[0],u=p.steps[p.steps.length-1];return te.createElement(te.Fragment,{key:p.requestId},te.createElement(Ga,{requestId:p.requestId,creationTime:p.creationTime,status:p.status,onClick:o,onlyShowTime:a.title==="Today",swapTokenData:{from:{token:{image:l.fromLogo,displayName:l.fromSymbol},blockchain:{image:l.fromBlockchainLogo||""},amount:Co(p.inputAmount)},to:{token:{image:u.toLogo,displayName:u.toSymbol},blockchain:{image:u.toBlockchainLogo||""},amount:Co(u.outputAmount||""),estimatedAmount:Co(u.expectedOutputAmountHumanReadable||"")}}}))}))))))}s(Er,"SwapsGroup");import Va from"dayjs";var Ra=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=Va();return t.forEach(n=>{let r=Va(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 cn=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 rd=Xa("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",height:"100%",gap:15}),id=Xa("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),sd=s((t,e)=>t?.length?t.filter(o=>He(o.fromBlockchain,e)||He(o.toBlockchain,e)||He(o.toSymbol,e)||He(o.fromSymbol,e)).length:!1,"isStepContainsText");function Ka(){let t=be.use.setSelectedSwap(),e=nd(),{navigateBackFrom:o}=re(),{manager:n,state:r}=Zm(),i=cn(n).map(({swap:m})=>m),[a,p]=od(""),l=!r.loadedFromPersistor,u=s(m=>{let g=m.target.value;p(g)},"searchHandler"),c=i;a&&(c=i.filter(m=>He(m.inputAmount,a)||He(m.status,a)||sd(m.steps,a)||He(m.requestId,a)));let f=!c?.length&&!l;return ct.createElement(Q,{header:{onBack:o.bind(null,h.swaps),title:mn.t("History")}},ct.createElement(rd,null,ct.createElement(rt,{setValue:p,fullWidth:!0,variant:"contained",placeholder:mn.t("Search Transaction"),autoFocus:!0,onChange:u,value:a}),ct.createElement(id,null,f&&ct.createElement(Ua,null,ct.createElement(ed,{size:32}),ct.createElement(td,{title:mn.t("No results found"),description:a?mn.t("Try using different keywords"):""})),!f&&ct.createElement(Er,{list:c,onSwapClick:m=>{t(m),e(`${m}`,{replace:!0})},groupBy:Ra,isLoading:l}))))}s(Ka,"HistoryPage");import{i18n as ja}from"@lingui/core";import{List as ad,ListItemButton as ld,Radio as pd,RadioRoot as ud,Typography as cd}from"@rango-dev/ui";import mt from"react";import{styled as dn}from"@rango-dev/ui";var it=dn("div",{height:"100%",overflow:"hidden"}),Zt=dn("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto"}),Br=dn("div",{width:80,display:"flex",justifyContent:"flex-end"}),Wr=dn("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});function fn(){let t=_.use.language(),e=_.use.setLanguage();return{activeLanguage:t,languages:os,defaultLanguage:Lo,changeLanguage:e}}s(fn,"useLanguage");function Ya(){let{navigateBackFrom:t}=re(),{activeLanguage:e,changeLanguage:o,languages:n}=fn(),r=n.map(i=>{let{local:a,label:p,SVGFlag:l}=i;return{id:a,value:a,title:mt.createElement(cd,{variant:"title",size:"xmedium"},p),onClick:()=>o(i.local),end:mt.createElement(pd,{value:a}),start:mt.createElement(l,null)}});return mt.createElement(Q,{header:{onBack:t.bind(null,h.settings),title:ja.t("Language")}},mt.createElement(it,null,mt.createElement(ud,{value:e},mt.createElement(ad,{type:mt.createElement(ld,{title:ja.t("language"),id:"_",onClick:()=>console.log()}),items:r}))))}s(Ya,"LanguagePage");import{i18n as $t}from"@lingui/core";import{Button as hd,Checkbox as yd,Image as Sd,ListItemButton as Cd,NotFound as kd,Typography as Td}from"@rango-dev/ui";import Te,{useState as wd}from"react";import{Checkbox as fd,Skeleton as Ja}from"@rango-dev/ui";import eo from"react";import{ListItem as md,styled as dd}from"@rango-dev/ui";var Qa=dd(md,{height:61});var gd=30;function Nr(){return eo.createElement(Zt,null,Array.from(Array(gd),t=>eo.createElement(Qa,{hasDivider:!0,key:t,start:eo.createElement(Ja,{variant:"circular",width:35,height:35}),title:eo.createElement(Ja,{variant:"text",size:"large",width:90}),end:eo.createElement(fd,{checked:!1})})))}s(Nr,"LoadingLiquiditySourceList");function gn(t){let e=v.use.meta().swappers,o=_.use.disabledLiquiditySources(),n=[];return Wt(e.map(i=>i.swapperGroup)).map(i=>{let a=e.find(p=>p.swapperGroup===i);if(a){let p=!0;t&&(p=t.some(l=>l===a.swapperGroup)),p&&a.types.map(l=>{n.push({id:a.swapperGroup,groupTitle:a.swapperGroup,logo:a.logo,type:l,selected:!o.includes(a.swapperGroup)})})}}),n}s(gn,"getUniqueSwappersGroups");function Za(t,e){return t.groupTitle<e.groupTitle?-1:t.groupTitle>e.groupTitle?1:0}s(Za,"sortLiquiditySourcesByGroupTitle");function Ir({supportedSwappers:t,sourceType:e}){let[o,n]=wd(""),r=_.use.toggleLiquiditySource(),{navigateBackFrom:i}=re(),a=v.use.loadingStatus(),p=gn(t),l=[];e==="Exchanges"&&l.push("DEX"),e==="Bridges"&&(l.push("BRIDGE"),l.push("AGGREGATOR"));let u=p.filter(y=>l.includes(y.type)),c=u.length===u.filter(y=>y.selected).length,f=s(()=>{u.forEach(y=>{c?r(y.groupTitle):y.selected||r(y.groupTitle)})},"toggleAllSources"),m=u.sort(Za).map(y=>{let{selected:S,groupTitle:k,logo:d}=y;return{start:Te.createElement(Sd,{src:d,size:22,type:"circular"}),onClick:()=>r(k),end:Te.createElement(yd,{checked:S}),title:Te.createElement(Td,{variant:"title",size:"xmedium"},$t.t(k)),...y}}),g=s(y=>{let S=y.target.value;n(S)},"searchHandler"),C=m;return o&&(C=m.filter(y=>He(y.groupTitle,o))),Te.createElement(Q,{header:{onBack:i.bind(null,h.settings),title:$t.t(e),suffix:Te.createElement(Br,null,Te.createElement(hd,{variant:"ghost",size:"xsmall",onClick:f},$t.t(c?"Deselect all":"Select all")))}},Te.createElement(it,null,Te.createElement(rt,{value:o,setValue:n,fullWidth:!0,color:"light",variant:"contained",placeholder:$t.t("Search {sourceType}",{sourceType:e}),onChange:g}),a==="loading"&&Te.createElement(Nr,null),!C.length&&o?Te.createElement(Wr,null,Te.createElement(kd,{title:$t.t("No results found"),description:$t.t("Try using different keywords")})):a==="success"&&Te.createElement(Zt,null,C.map(y=>Te.createElement(Te.Fragment,{key:y.id},Te.createElement(Cd,{style:{height:"61px"},...y,selected:!1,hasDivider:!0}))))))}s(Ir,"LiquiditySourcePage");import{i18n as al}from"@lingui/core";import{Divider as Dr,SelectableCategoryList as Id}from"@rango-dev/ui";import Tt,{useState as ll}from"react";import{i18n as Lr}from"@lingui/core";import{Divider as il,Image as Ad,ListItemButton as Ed,NotFound as Bd,Typography as sl}from"@rango-dev/ui";import De,{useEffect as Wd,useState as Nd}from"react";import{BlockchainCategories as Mr}from"@rango-dev/ui";import{TransactionType as hn}from"rango-sdk";var vd=s((t,e)=>{switch(e){case Mr.ALL:return!0;case Mr.UTXO:return t.type===hn.TRANSFER;case Mr.OTHER:return t.type!==hn.TRANSFER&&t.type!==hn.COSMOS&&t.type!==hn.EVM;default:return t.type===e}},"filterByType"),el=s((t,e,o)=>t.filter(n=>vd(n,o)).filter(n=>gt(n.name,e)||gt(n.displayName,e)),"filterBlockchains");import{styled as tl}from"@rango-dev/ui";var ol=tl("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),yn=tl("ul",{padding:0,margin:0,listStyle:"none",overflowY:"auto",paddingRight:"$5",".image-container":{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as bd,Skeleton as nl}from"@rango-dev/ui";import Sn from"react";var xd=20;function rl(){return Sn.createElement(yn,null,Array.from(Array(xd),t=>Sn.createElement(bd,{key:t,hasDivider:!0,start:Sn.createElement(nl,{variant:"circular",width:35,height:35}),title:Sn.createElement(nl,{variant:"text",size:"large",width:90})})))}s(rl,"LoadingBlockchainList");function Pr(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[i,a]=Nd(e),p=v.use.loadingStatus();Wd(()=>{a([...el(e,o,r)])},[e,o,r]);let l=s(()=>!i.length&&o?De.createElement(De.Fragment,null,De.createElement(il,{size:32}),De.createElement(Bd,{title:Lr.t("No results found"),description:Lr.t("Try using different keywords")})):De.createElement(yn,{key:`${r}-${o}`},i.map(u=>De.createElement(Ed,{key:`${u.name}-${u.chainId}`,hasDivider:!0,onClick:()=>n(u),start:De.createElement(Ad,{src:u.logo,size:30}),title:De.createElement(sl,{variant:"title",size:"medium"},u.displayName),id:u.chainId}))),"renderList");return De.createElement(ol,null,De.createElement(sl,{variant:"label",size:"large"},Lr.t("Select Blockchain")),De.createElement(il,{size:4}),p==="loading"&&De.createElement(rl,null),p==="success"&&l())}s(Pr,"BlockchainList");function _r(t){let{type:e}=t,{navigateBackFrom:o}=re(),[n,r]=ll(""),[i,a]=ll("ALL"),p=P.use.setToBlockchain(),l=P.use.setFromBlockchain(),{loadingStatus:u}=v(),c=Le().blockchains({type:e}),f=e==="source"?"fromBlockchain":"toBlockchain";return Tt.createElement(Q,{header:{onBack:()=>{o(h[f])},title:al.t("Select Blockchain")}},Tt.createElement(Dr,{size:12}),Tt.createElement(Id,{setCategory:a,category:i,blockchains:c,isLoading:u==="loading"}),Tt.createElement(Dr,{size:24}),Tt.createElement(rt,{value:n,autoFocus:!0,placeholder:al.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:m=>r(m.target.value)}),Tt.createElement(Dr,{size:16}),Tt.createElement(Pr,{list:c,searchedFor:n,blockchainCategory:i,onChange:m=>{e==="source"?l(m):p(m),o(h[f])}}))}s(_r,"SelectBlockchainPage");import{i18n as Al}from"@lingui/core";import{Divider as El}from"@rango-dev/ui";import Ut,{useState as Kd}from"react";import{useNavigate as jd}from"react-router-dom";import{i18n as Or}from"@lingui/core";import{BlockchainsChip as Cn,Divider as ml,Image as dl,Skeleton as _d,Typography as $r}from"@rango-dev/ui";import Se from"react";import{useEffect as Pd}from"react";var pl=["ETH","COSMOS","OSMOSIS"];function ul(t,e,o){let n=JSON.parse(JSON.stringify(t)),r=[];if(n.sort(Md),o?.limit&&t.length>o.limit){let i=o.limit,a=e;if(e.length<=o.limit)for(let p=0;p<o.limit;p++){let l=n[p];a=a.filter(u=>l.name!==u)}n.sort(Ld(a)),r=n.splice(i)}return{list:n,more:r}}s(ul,"prepare");function Md(t,e){let o=pl,n=o.findIndex(p=>p===t.name),r=o.findIndex(p=>p===e.name),i=n>-1,a=r>-1;return i&&a?n>r?1:-1:i?-1:a?1:0}s(Md,"sortByMostUsedBlockchains");function Ld(t){return s(function(o,n){let r=t.findIndex(l=>l===o.name),i=t.findIndex(l=>l===n.name),a=r>-1,p=i>-1;return a&&p?r>i?1:-1:t.includes(o.name)?-1:t.includes(n.name)?1:0},"sortByPreferred")}s(Ld,"generateSortByPreferredBlockchainsFor");function Fr(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=_();Pd(()=>{e?.selected&&n(e?.selected)},[e?.selected]);let r=ul(t,o,e);return{list:r.list,more:r.more,history:[]}}s(Fr,"usePrepareBlockchainList");import{styled as Dd}from"@rango-dev/ui";var cl=Dd("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var Fd=12;function Ur(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:i}=t,a=Fr(e,{limit:10,selected:n?.name}),p=v.use.loadingStatus(),l=P.use.resetToBlockchain(),u=P.use.resetFromBlockchain(),c=a.more.length>0,f=a.more.length===1,m=!f&&c;return Se.createElement("div",null,Se.createElement(ml,{size:12}),Se.createElement($r,{variant:"label",size:"large"},Or.t("Select Blockchain")),Se.createElement(ml,{size:12}),Se.createElement(cl,null,p==="loading"&&Array.from(Array(Fd),g=>Se.createElement(_d,{key:g,variant:"rounded",height:50})),p==="success"&&Se.createElement(Se.Fragment,null,Se.createElement(Cn,{selected:!n,onClick:()=>{o==="from"?u():l()}},Se.createElement($r,{variant:"body",size:"xsmall",color:"secondary500"},Or.t("All"))),a.list.map(g=>Se.createElement(Cn,{key:g.name,selected:!!n&&n.name===g.name,onClick:()=>r(g)},Se.createElement(dl,{src:g.logo,size:30}))),f?Se.createElement(Cn,{key:a.more[0].name,selected:!!n&&n.name===a.more[0].name,onClick:()=>r(a.more[0])},Se.createElement(dl,{src:a.more[0].logo,size:30})):null,m?Se.createElement(Cn,{onClick:i,key:"more-blockchains"},Se.createElement($r,{variant:"body",size:"xsmall",color:"secondary500"},Or._("More +{count}",{count:a.more.length}))):null)))}s(Ur,"BlockchainsSection");import{i18n as Vr}from"@lingui/core";import{darkTheme as Tl,Divider as oo,ExternalLinkIcon as Ud,Image as zd,ListItemButton as qd,NotFound as Gd,PinIcon as Hd,Skeleton as wl,Typography as no,VirtualizedList as Vd}from"@rango-dev/ui";import M,{forwardRef as Rd,useEffect as vl,useState as bl}from"react";var fl=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,p]=t.match(/.{2}/g);[i,a,p]=[parseInt(i,16)+e,parseInt(a,16)+e,parseInt(p,16)+e],i=Math.max(Math.min(255,i),0).toString(16),a=Math.max(Math.min(255,a),0).toString(16),p=Math.max(Math.min(255,p),0).toString(16);let l=(i.length<2?"0":"")+i,u=(a.length<2?"0":"")+a,c=(p.length<2?"0":"")+p;return`#${l}${u}${c}`},"colorShade"),kn=s((t,e)=>{let a={[t]:e};for(let p=1;p<10;p++)p<5&&(a={...a,[t+p*100]:fl(e,(5-p)*32)}),p===5&&(a={...a,[t+p*100]:e}),p>5&&(a={...a,[t+p*100]:fl(e,-((p-5)*32))});return a},"generateRangeColors"),zr=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 p=kn(i,a);r={...r,[`${i}100`]:p[`${i}900`],[`${i}200`]:p[`${i}800`],[`${i}300`]:p[`${i}700`],[`${i}400`]:p[`${i}600`],[`${i}500`]:p[`${i}500`],[`${i}600`]:p[`${i}400`],[`${i}700`]:p[`${i}300`],[`${i}800`]:p[`${i}200`],[`${i}900`]:p[`${i}100`]}}else r={...r,...kn(i,a)}}return n?r:{}},"generateColors");import{Divider as Cl,ListItem as $d,Skeleton as to}from"@rango-dev/ui";import Ge from"react";import{styled as Ke,Typography as Od}from"@rango-dev/ui";var gl=Ke("div",{display:"flex",flexDirection:"column",flexGrow:1}),qr=Ke("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),Tn=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:"$neutral600",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"}}}}}),Gr=Ke("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),Hr=Ke(Od,{}),hl=Ke("div",{textAlign:"right"}),wn=Ke("ul",{display:"flex",alignItems:"end",flexDirection:"column"}),wE=Ke("div",{display:"flex",alignItems:"center"}),yl=Ke("div",{position:"relative",".image-container":{borderRadius:"$xm",overflow:"hidden"}}),Sl=Ke("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6});function kl(t){return Ge.createElement(Tn,null,Array.from(Array(t.size),e=>Ge.createElement($d,{key:e,hasDivider:!0,start:Ge.createElement(to,{variant:"circular",width:35,height:35}),end:Ge.createElement(wn,null,Ge.createElement(to,{variant:"text",size:"large",width:70}),Ge.createElement(Cl,{size:4}),Ge.createElement(to,{variant:"text",size:"medium",width:50})),title:Ge.createElement("div",null,Ge.createElement(to,{variant:"text",size:"large",width:90}),Ge.createElement(Cl,{size:4}),Ge.createElement(to,{variant:"text",size:"medium",width:90}))})))}s(kl,"LoadingTokenList");var Rr=20,Xd=s(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:i,customCssForTagTitle:a}=t,p=e.length;return M.createElement("div",{className:"description"},o?M.createElement("div",{className:"token-name"},o):M.createElement(qr,{className:"token-title"},M.createElement(no,{variant:"title",size:"xmedium"},r.symbol),M.createElement(oo,{direction:"horizontal",size:4}),M.createElement(Gr,{css:i},M.createElement(Hr,{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:l=>l.stopPropagation()},p>10?`${e.slice(0,5)}...${e.slice(p-6,p)}`:e," ",M.createElement(Ud,{color:"gray",size:12}))))},"renderDesc");function xl(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[i,a]=bl(e),p=v.use.loadingStatus(),[l,u]=bl(!0),c=H.use.loading(),{blockchains:f}=v.use.meta(),{isTokenPinned:m}=Le(),g=Rd((S,k)=>M.createElement("div",{...S,ref:k,style:{...S.style,height:`${parseFloat(S.style?.height)+8*2}px`}})),C=s(()=>{a(e.slice(0,i.length+Rr))},"loadNextPage");vl(()=>{u(e.length>i.length)},[i.length]),vl(()=>{a(e.slice(0,Rr))},[e]);let y=s(()=>!i.length&&o?M.createElement(M.Fragment,null,M.createElement(oo,{size:32}),M.createElement(Gd,{title:Vr.t("No results found"),description:Vr.t("Try using different keywords")})):M.createElement(Vd,{Item:({index:S,style:k})=>{let d=i[S],w=d.address||"",b=f.find(E=>E.name===d.blockchain),x=kn(d.symbol,b?.color||""),W={$$color:x[`${d.symbol}100`],[`.${Tl} &`]:{$$color:x[`${d.symbol}900`]},backgroundColor:"$$color"},O={$$color:x[`${d.symbol}700`],[`.${Tl} &`]:{$$color:x[`${d.symbol}100`]},color:"$$color"};return M.createElement("div",{style:{...k,paddingRight:5}},M.createElement(qd,{style:{height:k?.height},"tab-index":S,key:`${d.symbol}${d.address}`,id:`${d.symbol}${d.address}`,hasDivider:!0,onClick:()=>n(i[S]),start:M.createElement(yl,null,M.createElement(zd,{src:d.image,size:30}),m(d)&&M.createElement(Sl,null,M.createElement(Hd,{size:12,color:"gray"}))),title:b?.type==="COSMOS"||d.name||!d.name&&!w?M.createElement(qr,null,M.createElement(no,{variant:"title",size:"xmedium"},d.symbol),M.createElement(oo,{direction:"horizontal",size:4}),M.createElement(Gr,{css:W},M.createElement(Hr,{variant:"body",size:"xsmall",css:O},d.blockchain))):void 0,description:b?.info&&w&&b.type!=="COSMOS"?Xd({address:w,token:i[S],customCssForTag:W,customCssForTagTitle:O,name:d.name,url:b.info.addressUrl.split("{wallet}").join(w)}):d.name||void 0,end:c?M.createElement(wn,null,M.createElement(wl,{variant:"text",size:"large",width:70}),M.createElement(oo,{size:4}),M.createElement(wl,{variant:"text",size:"medium",width:50})):i[S]?.balance&&M.createElement(hl,null,M.createElement(no,{variant:"title",size:"small"},d.balance?.amount),M.createElement("div",null),d.balance?.usdValue&&M.createElement(no,{variant:"body",color:"neutral600",size:"xsmall"},`$${d.balance?.usdValue}`))}))},hasNextPage:l,itemCount:i.length,loadNextPage:C,innerElementType:g,size:60,key:`${r}-${o}`}),"renderList");return M.createElement(gl,null,M.createElement(no,{variant:"label",size:"large"},Vr.t("Select Token")),M.createElement(oo,{size:4}),p==="loading"&&M.createElement(kl,{size:Rr}),p==="success"&&M.createElement(Tn,null,y()))}s(xl,"TokenList");function Xr(t){let{type:e}=t,o=jd(),{navigateBackFrom:n}=re(),{fromBlockchain:r,toBlockchain:i,setFromToken:a,setToToken:p,setFromBlockchain:l,setToBlockchain:u}=P(),{connectedWallets:c}=H(),[f,m]=Kd(""),C=(e==="source"?r:i)?.name??"",y=Le().blockchains({type:e}),S=Le().tokens({type:e,blockchain:C,searchFor:f}),k=Mi(S,c),d=s(b=>{e==="source"?l(b):u(b)},"updateBlockchain"),w=s(b=>{e==="source"?a(b):p(b)},"updateToken");return Ut.createElement(Q,{header:{onBack:()=>n(e==="source"?h.fromSwap:h.toSwap),title:Al.t("Swap {type}",{type:e==="source"?"from":"to"})}},Ut.createElement(Ur,{blockchains:y,type:e=="source"?"from":"to",blockchain:e==="source"?r:i,onMoreClick:()=>o(e==="source"?h.fromBlockchain:h.toBlockchain),onChange:b=>{d(b)}}),Ut.createElement(El,{size:24}),Ut.createElement(rt,{value:f,autoFocus:!0,placeholder:Al.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>m(""),onChange:b=>m(b.target.value)}),Ut.createElement(El,{size:16}),Ut.createElement(xl,{list:k,selectedBlockchain:C,searchedFor:f,onChange:b=>{w(b);let x=y.find(W=>b.blockchain===W.name);x&&d(x),n(h.fromSwap)}}))}s(Xr,"SelectSwapItemsPage");import{i18n as wt}from"@lingui/core";import{ChevronRightIcon as Yr,Divider as Qr,InfoIcon as tf,List as of,ListItemButton as nf,Skeleton as rf,Switch as sf,Tooltip as af,Typography as vt}from"@rango-dev/ui";import q from"react";import{useNavigate as lf}from"react-router-dom";import{i18n as Ml}from"@lingui/core";import{Chip as Qd,Divider as Ll,InfoIcon as Jd,TextField as Zd,Tooltip as ef,Typography as Pl}from"@rango-dev/ui";import Ae from"react";import{styled as vn}from"@rango-dev/ui";var Bl=vn("div",{paddingTop:"$5",paddingBottom:"30px"}),Wl=vn("div",{display:"flex",alignItems:"center",justifyContent:"start"}),Nl=vn("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),bn=vn("div",{maxWidth:"300px",padding:"$10"});import{i18n as Kr}from"@lingui/core";import{Typography as Yd}from"@rango-dev/ui";import ro from"react";function Il(){return ro.createElement(bn,null,ro.createElement(Yd,{variant:"label",size:"medium",color:"neutral700"},Kr.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),ro.createElement("br",null),ro.createElement("br",null),ro.createElement("b",null,Kr.t("Warning")),":",Kr.t("This setting is applied per step, e.g. 1Inch, Thorchain, etc. and only that step will be reverted, not the whole transaction")))}s(Il,"SlippageTooltipContent");function jr(){let t=_.use.slippage(),e=_.use.setSlippage(),o=_.use.customSlippage(),n=_.use.setCustomSlippage();return Ae.createElement(Bl,null,Ae.createElement(Nl,null,Ae.createElement(Pl,{variant:"title",size:"xmedium"},Ml.t("Slippage tolerance per swap")),Ae.createElement(Ll,{direction:"horizontal",size:4}),Ae.createElement(ef,{container:ae(),side:"top",content:Ae.createElement(Il,null)},Ae.createElement(Jd,{color:"gray"}))),Ae.createElement(Wl,null,ns.map((r,i)=>{let a=`slippage-${i}`;return Ae.createElement(Ae.Fragment,null,Ae.createElement(Qd,{style:{width:"64px",flexShrink:0},key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`}),Ae.createElement(Ll,{direction:"horizontal",size:8}))}),Ae.createElement(Zd,{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>=as&&i<=ss)&&n(i)},suffix:o&&Ae.createElement(Pl,{variant:"body",size:"small"},"%"),placeholder:Ml.t("Custom")})))}s(jr,"Slippage");function Dl({supportedSwappers:t,singleTheme:e}){let o=lf(),{navigateBackFrom:n}=re(),r=_.use.infiniteApprove(),i=_.use.toggleInfiniteApprove(),a=v.use.loadingStatus(),p=gn(t),l=p.filter(b=>b.type==="BRIDGE"||b.type==="AGGREGATOR"),u=l.length,c=l.filter(b=>b.selected).length,f=p.filter(b=>b.type==="DEX"),m=f.length,g=f.filter(b=>b.selected).length,C=s((b,x)=>{switch(a){case"loading":return q.createElement(rf,{variant:"text",size:"medium",width:50});case"failed":return q.createElement(vt,{variant:"body",size:"medium",color:"$error500"},wt.t("Loading failed"));default:return q.createElement(vt,{variant:"body",size:"medium"},`${b} / ${x}`)}},"handleEndItem"),y={id:"bridge-item",title:q.createElement(vt,{variant:"title",size:"xmedium"},wt.t("Enabled bridges")),end:q.createElement(q.Fragment,null,C(c,u),q.createElement(Qr,{direction:"horizontal",size:8}),q.createElement(Yr,{color:"black"})),onClick:()=>o(h.bridges)},S={id:"exchange-item",title:q.createElement(vt,{variant:"title",size:"xmedium"},wt.t("Enabled exchanges")),end:q.createElement(q.Fragment,null,C(g,m),q.createElement(Qr,{direction:"horizontal",size:8}),q.createElement(Yr,{color:"gray"})),onClick:()=>o(h.exchanges)},k={id:"theme-item",title:q.createElement(vt,{variant:"title",size:"xmedium"},wt.t("Theme")),end:q.createElement(Yr,{color:"gray"}),onClick:()=>o(h.themes)},d={id:"infinite-approval-item",title:q.createElement(q.Fragment,null,q.createElement(vt,{variant:"title",size:"xmedium"},wt.t("Infinite Approval")),q.createElement(Qr,{direction:"horizontal",size:4}),q.createElement(af,{side:"top",container:ae(),content:q.createElement(bn,null,q.createElement(vt,{variant:"label",size:"medium",color:"neutral700"},wt.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(tf,{color:"gray"}))),end:q.createElement(sf,{checked:r}),onClick:i},w=[y,S];return e||w.push(k),w.push(d),q.createElement(Q,{header:{onBack:n.bind(null,h.settings),title:wt.t("Setting")}},q.createElement(it,null,q.createElement(jr,null),q.createElement(of,{type:q.createElement(nf,{title:"_",id:"_",onClick:()=>console.log()}),items:w})))}s(Dl,"SettingsPage");import{cancelSwap as ng}from"@rango-dev/queue-manager-rango-preset";import{useManager as rg}from"@rango-dev/queue-manager-react";import dp from"react";import{i18n as st}from"@lingui/core";import{getCurrentBlockchainOfOrNull as Ff,getCurrentStep as Of,getRelatedWalletOrNull as $f,PendingSwapNetworkStatus as Pn}from"@rango-dev/queue-manager-rango-preset";import{Button as ip,CopyIcon as Uf,Divider as zf,IconButton as qf,RouteCost as Gf,RouteSummary as Hf,StepDetails as Vf,Typography as qt,useCopyToClipboard as Rf}from"@rango-dev/ui";import{useWallets as Xf}from"@rango-dev/wallets-react";import J,{useEffect as sp,useRef as Kf,useState as ap}from"react";import{useNavigate as jf}from"react-router-dom";import{i18n as Ee}from"@lingui/core";var pf=1e3,uf=31536e3,cf=2592e3,mf=86400,df=3600,ff=60;function _l(t){let e=Math.floor((Date.now()-t)/pf),n=[{turningPoint:uf,label:Ee.t("year"),pluralLabel:Ee.t("years")},{turningPoint:cf,label:Ee.t("month"),pluralLabel:Ee.t("months")},{turningPoint:mf,label:Ee.t("day"),pluralLabel:Ee.t("days")},{turningPoint:df,label:Ee.t("hour"),pluralLabel:Ee.t("hours")},{turningPoint:ff,label:Ee.t("minute"),pluralLabel:Ee.t("minutes")}].sort((r,i)=>i.turningPoint-r.turningPoint);for(let r of n){let{turningPoint:i,label:a,pluralLabel:p}=r,l=Math.floor(e/i);if(l>1)return`${l} ${p}`;if(l===1)return`${l} ${a}`}return e>1?`${e} ${Ee.t("seconds")}`:`${e} ${Ee.t("second")}`}s(_l,"timeSince");function Fl(t){return t.finishTime?Ee.t({id:"timeAgo",message:"{time} ago",values:{time:_l(parseInt(t.finishTime))}}):Ee.t({id:"timeAgo",message:"{time} ago",values:{time:_l(parseInt(t.creationTime))}})}s(Fl,"getSwapDate");import{PendingSwapNetworkStatus as En}from"@rango-dev/queue-manager-rango-preset";import{Modal as Tf}from"@rango-dev/ui";import Bn from"react";import{i18n as xn}from"@lingui/core";import{Button as Ol,Divider as Jr,MessageBox as gf,Typography as $l}from"@rango-dev/ui";import je from"react";var Ul=s(({onCancel:t,onClose:e})=>je.createElement(je.Fragment,null,je.createElement(Jr,{size:20}),je.createElement(gf,{type:"error",title:xn.t("Transaction Cancel"),description:xn.t("Are you sure you want to Cancel this swap?")}),je.createElement(Jr,{size:32}),je.createElement(Ol,{variant:"contained",type:"primary",size:"large",onClick:t},je.createElement($l,{variant:"title",size:"medium",color:"neutral100"},xn.t("Yes, Cancel it"))),je.createElement(Jr,{size:12}),je.createElement(Ol,{variant:"outlined",type:"primary",size:"large",onClick:e},je.createElement($l,{variant:"title",size:"medium",color:"primary"},xn.t("No, Continue")))),"CancelContent");import{i18n as An}from"@lingui/core";import{Button as zl,Divider as Zr,MessageBox as hf,Typography as ql}from"@rango-dev/ui";import Ye from"react";var Gl=s(({onDelete:t,onClose:e})=>Ye.createElement(Ye.Fragment,null,Ye.createElement(Zr,{size:20}),Ye.createElement(hf,{type:"error",title:An.t("Delete Transaction"),description:An.t("Are you sure you want to delete this swap?")}),Ye.createElement(Zr,{size:32}),Ye.createElement(zl,{variant:"contained",type:"primary",size:"large",onClick:t},Ye.createElement(ql,{variant:"title",size:"medium",color:"neutral100"},An.t("Yes, Delete it"))),Ye.createElement(Zr,{size:12}),Ye.createElement(zl,{variant:"outlined",type:"primary",size:"large",onClick:e},Ye.createElement(ql,{variant:"title",size:"medium",color:"primary"},An.t("No, Cancel")))),"DeleteContent");import{i18n as ei}from"@lingui/core";import{PendingSwapNetworkStatus as ti}from"@rango-dev/queue-manager-rango-preset";var oi={[ti.WaitingForNetworkChange]:{type:"loading",title:ei.t("Change Network")},[ti.WaitingForConnectingWallet]:{type:"warning",title:ei.t("Connect Wallet")},[ti.NetworkChanged]:{type:"success",title:ei.t("Network Changed")}};import{MessageBox as Sf,Wallet as Cf,WalletState as Vl}from"@rango-dev/ui";import{useWallets as kf}from"@rango-dev/wallets-react";import io from"react";import{styled as yf}from"@rango-dev/ui";var Hl=yf("div",{display:"flex",justifyContent:"center"});var Rl=s(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:i}=t,{connect:a,getWalletInfo:p,state:l}=kf(),u=n?.walletType,f=u&&l(u).connected?Vl.CONNECTED:Vl.DISCONNECTED;return io.createElement(io.Fragment,null,io.createElement(Sf,{type:e,title:o,description:r}),i&&u&&io.createElement(Hl,null,io.createElement(Cf,{container:ae(),title:p(u).name,image:p(u).img,type:u,state:f,onClick:async()=>a(u)})))},"WalletStateContent");function ni(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:i,message:a}=t,p=e===En.WaitingForNetworkChange||e===En.WaitingForConnectingWallet||e===En.NetworkChanged;return Bn.createElement(Tf,{open:!!e,onClose:o,container:document.getElementById("swap-box")||document.body},p&&Bn.createElement(Rl,{type:oi[e].type,title:oi[e].title,currentStepWallet:i,message:a,showWalletButton:e!==En.WaitingForNetworkChange}),e==="delete"&&Bn.createElement(Gl,{onClose:o,onDelete:n}),e==="cancel"&&Bn.createElement(Ul,{onClose:o,onCancel:r}))}s(ni,"SwapDetailsModal");import{i18n as so}from"@lingui/core";import{Button as ri,Divider as Wn,MessageBox as Xl,Modal as wf,TokenAmount as vf,Typography as Nn}from"@rango-dev/ui";import fe from"react";import{useNavigate as bf}from"react-router-dom";function ii(t){let{open:e,onClose:o,status:n,priceValue:r,usdValue:i,token:a,chain:p,percentageChange:l,description:u,diagnosisUrl:c}=t,f=bf();return fe.createElement(wf,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},n==="success"?fe.createElement(Xl,{type:"success",title:so.t("Swap Successful")},fe.createElement(vf,{direction:"vertical",type:"output",centerAlign:!0,price:{value:r,usdValue:i},token:a,chain:p,percentageChange:l}),fe.createElement(Wn,{size:12}),fe.createElement(Nn,{variant:"body",size:"medium",color:"neutral700",align:"center"},u)):fe.createElement(Xl,{type:"error",title:so.t("Transaction Failed"),description:u}),fe.createElement(Wn,{size:32}),n==="success"&&fe.createElement(ri,{variant:"contained",type:"primary",size:"large",onClick:()=>f(h.home)},fe.createElement(Nn,{variant:"title",size:"medium",color:"neutral100"},so.t("Done"))),fe.createElement(Wn,{size:12}),c&&fe.createElement(fe.Fragment,null,fe.createElement(ri,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(c,"_blank")},fe.createElement(Nn,{variant:"title",size:"medium",color:"primary"},so.t("Diagnosis"))),fe.createElement(Wn,{size:12})),fe.createElement(ri,{variant:"outlined",type:"primary",size:"large",onClick:o},fe.createElement(Nn,{variant:"title",size:"medium",color:"primary"},so.t("See Details"))))}s(ii,"SwapDetailsCompleteModal");import Df from"react";import{i18n as If}from"@lingui/core";import{Alert as Zl,IconButton as Mf,LinkIcon as Lf}from"@rango-dev/ui";import dt,{Fragment as Pf}from"react";import{Alert as xf,ChevronDownIcon as Af,ChevronUpIcon as Ef,IconButton as Bf}from"@rango-dev/ui";import In,{useState as Wf}from"react";function Kl(t){let{message:e}=t,[o,n]=Wf(!1);return In.createElement(xf,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&In.createElement(Bf,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?In.createElement(Ef,{size:12,color:"gray"}):In.createElement(Af,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}s(Kl,"FailedAlert");import{styled as Nf}from"@rango-dev/ui";var jl=Nf("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as Yl}from"@lingui/core";import{PendingSwapNetworkStatus as si}from"@rango-dev/queue-manager-rango-preset";import{Alert as ai,Button as Ql}from"@rango-dev/ui";import ao from"react";function Jl(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?ao.createElement(ai,{type:"warning",title:n.shortMessage,action:ao.createElement(Ql,{size:"xxsmall",type:"warning",onClick:()=>{o(si.WaitingForNetworkChange),e().catch(i=>{console.log(i)})}},Yl.t("Change"))}):r===si.WaitingForConnectingWallet?ao.createElement(ai,{type:"warning",title:n.shortMessage,action:ao.createElement(Ql,{size:"xxsmall",type:"warning",onClick:()=>{o(si.WaitingForConnectingWallet)}},Yl.t("Connect"))}):ao.createElement(ai,{type:"warning",title:n.shortMessage})}s(Jl,"WarningAlert");function li(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:i,hasAlreadyProceededToSign:a}=t,p=Xt(i),l=i.status==="waitingForApproval"&&!p,u=i.status==="running"&&!p;return dt.createElement(jl,null,i.explorerUrl?.map((c,f,m)=>{let g=f+c.url,C=f===m.length-1,y=C&&u||l,S=C&&i.status==="failed";return dt.createElement(Pf,{key:g},dt.createElement(Zl,{type:y&&"loading"||S&&"error"||"success",title:c.description?`${c.description} Tx`:If.t("View transaction"),action:c.url&&dt.createElement(Mf,{variant:"ghost",size:"xsmall",onClick:()=>window.open(c.url,"_blank")},dt.createElement(Lf,{size:16}))}))}),(u&&!a||l&&!i.explorerUrl?.length)&&dt.createElement(Zl,{type:"loading",title:r.shortMessage}),i.status!=="failed"&&p&&dt.createElement(Jl,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),i.status==="failed"&&dt.createElement(Kl,{message:r}))}s(li,"SwapDetailsAlerts");var ep=2e3;var tp=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:Je(r.fromBlockchain,e)??"",image:r.fromBlockchainLogo??""},price:{value:T(a,6,6)}},to:{token:{displayName:r.toSymbol,image:r.toLogo},chain:{displayName:Je(r.toBlockchain,e)??"",image:r.toBlockchainLogo??""},price:{value:T(r.outputAmount||r.expectedOutputAmountHumanReadable,6,6)}},swapper:{displayName:r.swapperId,image:r.swapperLogo??""},alerts:Df.createElement(li,{step:r,hasAlreadyProceededToSign:n,...o})}})},"getSteps");function op(t){if(Xt(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(op,"getStepState");import{darkTheme as _f,styled as zt}from"@rango-dev/ui";var Mn=zt("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",[`.${_f} &`]:{$$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"}}),Ln=zt("div",{width:"100%"}),np=zt("div",{padding:"$0 $20 $20 $20",width:"100%",overflow:"auto"}),sW=zt("div",{display:"flex",flexDirection:"column",gap:"$10"}),rp=zt("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),aW=zt("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1});function pi(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:i,connect:a,getWalletInfo:p}=Xf(),l=P.use.retry(),u=jf(),{navigateBackFrom:c}=re(),[f,m]=Rf(ep),g=Kf(null),[C,y]=ap(null),[S,k]=ap(null),{meta:{tokens:d,blockchains:w}}=v(),b=s(()=>{r(),y(null)},"onCancel"),x=Pe.use.getUnreadNotifications(),W=Pe.use.setAsRead(),O=x(),E=Of(e),$=E?.networkStatus;sp(()=>{O.find(Y=>Y.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(k(e.status),W(e.requestId))},[e.status]),sp(()=>{L?y(Pn.WaitingForNetworkChange):$===Pn.WaitingForConnectingWallet||$===Pn.NetworkChanged?y($):y(null)},[$]);let X=Ns(e),oe=E?Ff(e,E):null,B=E?$f(e,E):null,Z=Fl(e),G=Is(e),ne=s(F=>!!p(F)?.mobileWallet,"isMobileWallet"),L=$===Pn.WaitingForNetworkChange&&!!oe&&!!B?.walletType&&(ne(B.walletType)||i(B.walletType,oe)),me=L?a.bind(null,B.walletType,oe):void 0,Ne=Ws(e,E),U=tp({swap:e,switchNetwork:me,showNetworkModal:$,setNetworkModal:y,message:Ne,blockchains:w}),K=U.length,[Ie,we]=[e.steps[0],e.steps[K-1]],_e=we.outputAmount||we.expectedOutputAmountHumanReadable,se=e.steps.reduce((F,Y)=>F+parseFloat(Y.feeInUsd||""),0),ft=e.steps.find(F=>F.diagnosisUrl)?.diagnosisUrl,Qe=T(String(parseFloat(T(_e,6,6))*(wo(we.toBlockchain,we.toSymbol,we.toSymbolAddress,d)||0)),4,4),bt=T(String(parseFloat(e.inputAmount)*(wo(Ie.fromBlockchain,Ie.fromSymbol,Ie.fromSymbolAddress,d)||0)),4,4),D=Ze(bt,Qe),N=e.status==="success"?st.t({id:"receivedMessage",message:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:T(_e,6,6),token:U[K-1].to.token.displayName,conciseAddress:bo(e.wallets[U[K-1].to.chain.displayName]?.address||""),chain:U[K-1].to.chain.displayName}}):`${st.t("Transaction was not sent.")} ${X?st.t({id:"remainSymbol",message:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:X.outputAmount,symbol:X.symbol,blockchain:X.blockchain}}):""}`;return J.createElement(Q,{noPadding:!0,header:{title:st.t("Swap and Bridge"),onBack:c.bind(null,h.swapDetails),onCancel:e.status==="running"?()=>y("cancel"):void 0,suffix:e.status!=="running"&&J.createElement(Nt,null,J.createElement(ip,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>y("delete")},J.createElement(qt,{size:"medium",variant:"label",color:"error"},st.t("Delete"))))},footer:G&&!S&&J.createElement(ip,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{l(e),setTimeout(()=>{u(h.home)},0)}},st.t("Try again"))},J.createElement(Mn,null,J.createElement(Ln,null,J.createElement("div",{className:"row"},J.createElement(qt,{variant:"label",size:"large",color:"neutral700"},`${st.t("Request ID")}:`),J.createElement("div",{className:"request-id"},J.createElement(qt,{variant:"label",size:"small",color:"neutral700"},o),J.createElement(qf,{variant:"ghost",onClick:m.bind(null,o||"")},J.createElement(Uf,{size:16,color:"gray"})))),J.createElement("div",{className:"row"},J.createElement(qt,{variant:"label",size:"large",color:"neutral700"},`${st.t("Created at")}:`),J.createElement(qt,{variant:"label",size:"small",color:"neutral700"},Z))),J.createElement("div",{className:"output"},J.createElement(Gf,{fee:T(String(se),2,2),time:At(Et(e.steps)),steps:K}),J.createElement(Hf,{from:{price:{value:T(e.inputAmount,6,6),usdValue:bt},token:{displayName:U[0].from.token.displayName,image:U[0].from.token.image},chain:{image:U[0].from.chain.image,displayName:U[0].from.chain.displayName}},to:{price:{value:T(_e,6,6),usdValue:Qe},token:{displayName:U[K-1].to.token.displayName,image:U[K-1].to.token.image},chain:{image:U[K-1].to.chain.image,displayName:U[K-1].to.chain.displayName}},percentageChange:T(D,2,2),warningLevel:It(D?.toNumber()??0)})),J.createElement("div",{className:"title-steps"},J.createElement(qt,{variant:"title",size:"small"},st.t("Swaps steps"))),J.createElement(zf,{size:8}),J.createElement(np,{ref:g},U.map((F,Y)=>{let le=Y,ue=op(e.steps[Y]),go=ue==="error"||ue==="in-progress"||ue==="warning"||ue==="completed"&&Y===U.length-1;return J.createElement(Vf,{key:le,step:F,type:"route-progress",ref:g,state:ue,hasSeparator:Y!==0,tabIndex:le,isFocused:go})}))),J.createElement(ni,{state:C,onClose:()=>y(null),onCancel:b,onDelete:n,message:Ne.detailedMessage.content,currentStepWallet:B}),J.createElement(ii,{open:!!S,diagnosisUrl:ft,onClose:()=>k(null),status:e.status==="success"?"success":"failed",priceValue:T(_e,6,6),usdValue:Qe,percentageChange:T(D,2,2),token:{displayName:U[K-1].to.token.displayName,image:U[K-1].to.token.image},chain:{image:U[K-1].to.chain.image},description:N}))}s(pi,"SwapDetails");import{i18n as mo}from"@lingui/core";import{CopyIcon as eg,IconButton as tg,NotFound as og,Skeleton as cp,Typography as _n}from"@rango-dev/ui";import ce from"react";import{i18n as Qf}from"@lingui/core";import{ChainToken as Jf,Divider as ci,Skeleton as co,Typography as Zf}from"@rango-dev/ui";import ee from"react";import{styled as ui}from"@rango-dev/ui";var lp=ui("div",{width:"100%",height:"100%",padding:"$0 $20",".cost":{paddingTop:"$15",display:"flex"},".route-summary":{padding:"$15 $0"},".route-summary-item":{display:"flex",justifyContent:"space-between",alignItems:"center"},".token-amount":{display:"flex",justifyContent:"space-between",alignItems:"center"},".route-summary-separator":{width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"},".swaps-steps":{paddingBottom:"$10"}}),pp=ui("div",{backgroundColor:"$neutral100",borderRadius:"$xm",padding:"$10 $15",".step-title":{display:"flex",justifyContent:"start",alignItems:"center"},".step-tokens":{paddingTop:"$5",display:"flex",alignItems:"center"},".step-token-info":{display:"flex",alignItems:"center"},".step-icon-container":{padding:"$4 $6",display:"flex",justifyContent:"center",alignItems:"center"},".extra-info":{display:"flex",paddingTop:"$10",paddingBottom:"$5"}}),Dn=ui("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"});import{ChainToken as up,Divider as lo,NextIcon as Yf,Skeleton as po}from"@rango-dev/ui";import pe from"react";function uo(t){let{extraInfo:e}=t;return pe.createElement(pp,null,pe.createElement("div",{className:"step-title"},pe.createElement(po,{height:28,width:28,variant:"circular"}),pe.createElement(lo,{direction:"horizontal",size:8}),pe.createElement(po,{height:15,width:148,variant:"rounded"})),pe.createElement("div",{className:"step-tokens"},pe.createElement(lo,{direction:"horizontal",size:20}),pe.createElement("div",{className:"step-token-info"},pe.createElement(up,{size:"small",loading:!0,chainImage:"",tokenImage:""}),pe.createElement(lo,{direction:"horizontal",size:8}),pe.createElement(po,{height:12,width:76,variant:"rounded"})),pe.createElement("div",{className:"step-icon-container"},pe.createElement(Yf,{color:"gray",size:16})),pe.createElement("div",{className:"step-token-info"},pe.createElement(up,{size:"small",loading:!0,chainImage:"",tokenImage:""}),pe.createElement(lo,{direction:"horizontal",size:8}),pe.createElement(po,{height:12,width:76,variant:"rounded"}))),e&&pe.createElement("div",{className:"extra-info"},pe.createElement(lo,{direction:"horizontal",size:20}),pe.createElement(po,{height:22,width:297,variant:"rectangular"})))}s(uo,"LoadingSwapDetailStep");function mi(){let t=ee.createElement("div",{className:"route-summary-item"},ee.createElement("div",{className:"token-amount"},ee.createElement(Jf,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),ee.createElement(ci,{size:8,direction:"horizontal"}),ee.createElement(co,{height:15,width:148,variant:"rounded"})),ee.createElement(co,{height:12,width:64,variant:"rounded"}));return ee.createElement(lp,null,ee.createElement("div",{className:"cost"},ee.createElement(co,{width:60,height:10,variant:"rounded"}),ee.createElement(ci,{size:4,direction:"horizontal"}),ee.createElement(co,{width:60,height:10,variant:"rounded"}),ee.createElement(ci,{size:4,direction:"horizontal"}),ee.createElement(co,{width:60,height:10,variant:"rounded"})),ee.createElement("div",{className:"route-summary"},t,ee.createElement("div",{className:"route-summary-separator"}),t),ee.createElement("div",{className:"swaps-steps"},ee.createElement(Zf,{variant:"title",size:"small"},Qf.t("Swaps steps"))),ee.createElement("div",{className:"step-container"},ee.createElement(uo,{extraInfo:!0}),ee.createElement(Dn,null),ee.createElement(uo,null),ee.createElement(Dn,null),ee.createElement(uo,null),ee.createElement(Dn,null),ee.createElement(uo,null)))}s(mi,"LoadingSwapDetails");function mp(t){let{requestId:e,showSkeleton:o}=t,{navigateBackFrom:n}=re();return ce.createElement(Q,{noPadding:!0,header:{title:mo.t("Swap and Bridge"),onBack:n.bind(null,h.swapDetails),suffix:ce.createElement(Nt,null)}},o&&ce.createElement(Mn,null,ce.createElement(Ln,null,ce.createElement("div",{className:"row"},ce.createElement(_n,{variant:"label",size:"large",color:"neutral700"},`${mo.t("Request ID")}:`),ce.createElement("div",{className:"request-id"},ce.createElement(_n,{variant:"label",size:"small",color:"neutral700"},ce.createElement(cp,{width:60,height:10,variant:"rounded"})),ce.createElement(tg,{variant:"ghost"},ce.createElement(eg,{size:16,color:"gray"})))),ce.createElement("div",{className:"row"},ce.createElement(_n,{variant:"label",size:"large",color:"neutral700"},`${mo.t("Created at")}:`),ce.createElement(_n,{variant:"label",size:"small",color:"neutral700"},ce.createElement(cp,{width:60,height:10,variant:"rounded"})))),ce.createElement(mi,null)),!o&&ce.createElement(rp,null,ce.createElement(og,{title:mo.t("Not found"),description:mo.t({id:"swapNotFound",values:{requestId:e},message:"Swap with request ID = {requestId} not found."})})))}s(mp,"SwapDetailsPlaceholder");function fp(){let{manager:t,state:e}=rg(),o=!e.loadedFromPersistor,n=cn(t),r=be.use.selectedSwapRequestId(),{navigateBackFrom:i}=re(),{loadingStatus:a}=v(),p=o||a==="loading",l=n.find(({swap:m})=>m.requestId===r),u=s(()=>{if(l?.id){let m=t?.get(l.id);m&&ng(m)}},"onCancel"),c=s(async()=>{if(l?.id)try{await t?.deleteQueue(l.id),i(h.swapDetails)}catch(m){console.log(m)}},"onDelete"),f=l?.swap;return!f||p?dp.createElement(mp,{requestId:r||"",showSkeleton:p}):dp.createElement(pi,{swap:f,requestId:r||"",onCancel:u,onDelete:c})}s(fp,"SwapDetailsPage");import{i18n as fo}from"@lingui/core";import{AutoThemeIcon as ig,DarkModeIcon as sg,LightModeIcon as ag,List as lg,ListItemButton as pg,Radio as di,RadioRoot as ug,Typography as fi}from"@rango-dev/ui";import Be from"react";function gp(){let{navigateBackFrom:t}=re(),e=_.use.theme(),o=_.use.setTheme(),n=[{id:"light",value:"light",title:Be.createElement(fi,{variant:"title",size:"xmedium"},fo.t("Light")),onClick:()=>o("light"),start:Be.createElement(ag,{color:"gray"}),end:Be.createElement(di,{value:"light"})},{id:"dark",value:"dark",title:Be.createElement(fi,{variant:"title",size:"xmedium"},fo.t("Dark")),onClick:()=>o("dark"),start:Be.createElement(sg,{color:"gray"}),end:Be.createElement(di,{value:"dark"})},{id:"auto",value:"auto",title:Be.createElement(fi,{variant:"title",size:"xmedium"},fo.t("Auto")),onClick:()=>o("auto"),start:Be.createElement(ig,{color:"gray"}),end:Be.createElement(di,{value:"auto"})}];return Be.createElement(Q,{header:{onBack:t.bind(null,h.settings),title:fo.t("Theme")}},Be.createElement(it,null,Be.createElement(ug,{onValueChange:r=>o(r),value:e},Be.createElement(lg,{type:Be.createElement(pg,{title:fo.t("Theme"),id:"_",onClick:()=>console.log()}),items:n}))))}s(gp,"ThemePage");var mg=s(t=>t.replace("/",""),"getAbsolutePath");function hp(t){let{config:e}=t;return cg([{path:h.home,element:We.createElement(Qo,null)},{path:h.fromSwap,element:We.createElement(Xr,{type:"source"})},{path:h.toSwap,element:We.createElement(Xr,{type:"destination"})},{path:h.fromBlockchain,element:We.createElement(_r,{type:"source"})},{path:h.toBlockchain,element:We.createElement(_r,{type:"destination"})},{path:h.settings,element:We.createElement(Dl,{singleTheme:e?.theme?.singleTheme,supportedSwappers:e?.liquiditySources})},{path:h.themes,element:We.createElement(gp,null)},{path:h.languages,element:We.createElement(Ya,null)},{path:h.exchanges,element:We.createElement(Ir,{sourceType:"Exchanges",supportedSwappers:e?.liquiditySources})},{path:h.bridges,element:We.createElement(Ir,{sourceType:"Bridges",supportedSwappers:e?.liquiditySources})},{path:h.swaps,element:We.createElement(Ka,null)},{path:h.swapDetails,element:We.createElement(fp,null)},{path:h.wallets,element:We.createElement(wa,{supportedWallets:e?.wallets,multiWallets:typeof e?.multiWallets>"u"?!0:e.multiWallets,config:e})},{path:mg(h.confirmSwap),element:We.createElement(Oa,{config:e})}])}s(hp,"AppRoutes");import{isApprovalTX as dg,MainEvents as Sp,RouteEventType as Cp,StepEventType as Gt,StepExecutionEventStatus as fg,useEvents as gg}from"@rango-dev/queue-manager-rango-preset";import{useEffect as kp}from"react";import{StepExecutionBlockedEventStatus as gi}from"@rango-dev/queue-manager-rango-preset";var yp=[gi.WAITING_FOR_CHANGE_WALLET_ACCOUNT,gi.WAITING_FOR_NETWORK_CHANGE,gi.WAITING_FOR_WALLET_CONNECT];function Tp(){let t=H.use.connectedWallets(),e=H.use.getWalletsDetails(),o=Pe.use.setNotification(),n=Pe.use.setAsRead(),r=gg();return kp(()=>(r.on(Sp.StepEvent,i=>{let{event:a,step:p,route:l}=i;if(a.type===Gt.TX_EXECUTION&&a.status===fg.TX_SENT&&!dg(p)||a.type===Gt.SUCCEEDED){let c=t.find(m=>m.chain===p?.fromBlockchain),f=p?.fromBlockchain!==p?.toBlockchain&&t.find(m=>m.chain===p?.toBlockchain);c&&e([c]),f&&e([f])}a.type===Gt.TX_EXECUTION_BLOCKED&&yp.includes(a.status)||a.type===Gt.FAILED?o(a,l):(a.type===Gt.TX_EXECUTION||a.type===Gt.CHECK_STATUS)&&n(l.requestId)}),()=>r.all.clear()),[r,t.length]),kp(()=>(r.on(Sp.RouteEvent,i=>{let{event:a,route:p}=i;(a.type===Cp.FAILED||a.type===Cp.SUCCEEDED)&&o(a,p)}),()=>r.all.clear()),[r,t.length]),null}s(Tp,"WidgetEvents");import{globalCss as hg}from"@rango-dev/ui";var wp=s(()=>hg({"@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 yi,darkTheme as Tg,lightTheme as wg}from"@rango-dev/ui";import{useEffect as xp,useState as vg}from"react";import{theme as Cg,darkColors as kg}from"@rango-dev/ui";var vp=s(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),yg=s(t=>{let e="",o;for(o=Math.abs(t);o>52;o=o/52|0)e=vp(o%52)+e;return vp(o%52)+e},"toAlphabeticName"),Sg=s((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),hi=s(t=>yg(Sg(5381,JSON.stringify(t))>>>0),"toHash");function bp(t){let e=Cg.colors,o=zr({...e,...kg},!0,t?.dark),n=zr(e,!1,t?.light),r=Object.keys(o).length>0,i=Object.keys(n).length>0,a,p;if(i){let l={colors:n};a={id:`${$n}-light-${hi(l)}`,tokens:l}}if(r){let l={colors:o};p={id:`${$n}-dark-${hi(l)}`,tokens:l}}return{light:a,dark:p}}s(bp,"customizedThemeTokens");function Ap(t){let{colors:e,fontFamily:o=vi,borderRadius:n=Ti,secondaryBorderRadius:r=wi,mode:i="auto"}=t,[a,p]=vg("light"),l=_.use.theme(),u=_.use.setTheme(),{dark:c,light:f}=bp(e),m=yi({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),g=[m.className,wg.className],C=[m.className,Tg.className];if(f){let S=yi(f.id,f.tokens);g.push(S.className)}if(c){let S=yi(c.id,c.tokens);C.push(S.className)}return xp(()=>{let S=s(k=>{k.matches?p("dark"):p("light")},"switchThemeListener");return window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches&&p("dark"),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",S),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",S)}},[]),xp(()=>{i!=="auto"&&u(i)},[i]),{activeTheme:s(()=>{let S=g.join(" "),k=C.join(" ");return l==="auto"?a==="dark"?k:S:l==="dark"?k:S},"getActiveTheme")}}s(Ap,"useTheme");import bg,{useMemo as xg}from"react";import{Provider as Ag}from"@rango-dev/queue-manager-react";import{makeQueueDefinition as Eg,checkWaitingForNetworkChange as Bg}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Wg}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as Ng}from"@rango-dev/wallets-shared";import{isEvmBlockchain as Ig}from"rango-types";function Mg(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:i,getWalletInfo:a}=Wg(),p=xg(()=>Eg({API_KEY:yo("API_KEY")}),[]),{blockchains:l}=v.use.meta(),c={blockchains:H.use.connectedWallets().map(d=>({accounts:[d],name:d.chain}))},f=s((d,w)=>{if(i(d,w))return r(d,w)},"switchNetwork"),m=s(d=>!!a(d).mobileWallet,"isMobileWallet"),g=l.filter(d=>d.enabled).reduce((d,w)=>(d[w.name]=w,d),{}),C=l.filter(Ig),y=s(d=>{let{supportedChains:w}=a(d);return ko(w)},"getSupportedChainNames"),S=e(),k={meta:{blockchains:g,evmBasedChains:C,evmNetworkChainInfo:Ng(C),getSupportedChainNames:y},getSigners:o,wallets:c,providers:S,switchNetwork:f,canSwitchNetworkTo:i,connect:r,state:n,isMobileWallet:m};return bg.createElement(Ag,{queuesDefs:[p],context:k,onPersistedDataLoaded:d=>{Bg(d)},isPaused:!1},t.children)}s(Mg,"QueueManager");var Ep=Mg;var Fg=Pg("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 Wp(t){let{config:e}=t;wp();let{activeTheme:o}=Ap(e?.theme||{}),{activeLanguage:n,changeLanguage:r}=fn(),[i,a]=Bp(""),[p,l]=Bp(),u=Dg(Gn),c=v.use.fetchMeta();return _g(()=>{e?.apiKey&&ki({API_KEY:e?.apiKey})},[e]),Si(()=>{c(),_.persist.rehydrate(),Pe.persist.rehydrate(),u.onConnectWallet(a)},[]),Si(()=>{e?.language&&r(e.language)},[e?.language]),at.createElement(Lg,{language:n},at.createElement(Fg,{id:"swap-container",className:o()},at.createElement(Ep,null,at.createElement(Tp,null),at.createElement(Qs,{config:e,lastConnectedWallet:i,disconnectedWallet:p,clearDisconnectedWallet:()=>{l(void 0)}},at.createElement(hp,{config:e})))))}s(Wp,"Main");function Og(t){let{updateConfig:e,config:o}=Le();return Si(()=>{t.config&&e(t.config)},[t.config]),t.config?.externalWallets?at.createElement(Wp,{...t}):at.createElement(Hn,{providers:o?.wallets,options:{walletConnectProjectId:o?.walletConnectProjectId||t.config?.walletConnectProjectId}},at.createElement(Wp,{...t}))}s(Og,"Widget");export{ZI as MainEvents,eM as RouteEventType,tM as StepEventType,oM as StepExecutionBlockedEventStatus,nM as StepExecutionEventStatus,Og as Widget,Hn as WidgetWallets,Na as useWallets,rM as useWidgetEvents};
 //# sourceMappingURL=index.js.map