@rango-dev/widget-embedded 0.14.1-next.20 → 0.14.1-next.21

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/components/ConfirmWalletsModal/WalletList.d.ts.map +1 -1
  2. package/dist/index.js +1 -1
  3. package/dist/index.js.map +2 -2
  4. package/package.json +1 -1
  5. package/src/components/ConfirmWalletsModal/WalletList.tsx +22 -5
package/dist/index.js CHANGED
@@ -1,2 +1,2 @@
1
- var Mp=Object.defineProperty;var s=(t,e)=>Mp(t,"name",{value:e,configurable:!0});import{MainEvents as eM,RouteEventType as tM,StepEventType as oM,StepExecutionBlockedEventStatus as nM,StepExecutionEventStatus as rM,useEvents as iM}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Ia}from"@rango-dev/wallets-react";import{Events as Gn,Provider as Jp}from"@rango-dev/wallets-react";import{isEvmBlockchain as Zp}from"rango-sdk";import zi,{createContext as eu,useRef as tu}from"react";import{useEffect as Qp}from"react";import{create as Kp}from"zustand";import{subscribeWithSelector as jp}from"zustand/middleware";import{RangoClient as Lp}from"rango-sdk";var ki="c6381a79-2817-4602-83bf-6a641a409e32";var $n={API_KEY:ki};function So(t){return $n[t]}s(So,"getConfig");function Ti(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),$n=e,$n}s(Ti,"initConfig");var wi=20,vi=25,bi="Roboto",Un="theme-widget";var Co,xt=s(()=>Co||(Co=new Lp(So("API_KEY")),Co),"httpService");import{WalletState as Re}from"@rango-dev/ui";import{readAccountAddress as Dp}from"@rango-dev/wallets-react";import{detectInstallLink as Fp,getCosmosExperimentalChainInfo as Op,isEvmAddress as $p,KEPLR_COMPATIBLE_WALLETS as ih,Networks as Ei}from"@rango-dev/wallets-shared";import zn from"bignumber.js";import{isCosmosBlockchain as Up}from"rango-types";import Pp from"bignumber.js";var Me=new Pp(0);import{WalletTypes as _p}from"@rango-dev/wallets-shared";var xi=[_p.LEAP];import{BigNumber as Ai}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 Ai(t),r=1,i=1e3;for(let a=0;a<60;a++)if(new Ai(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 Ve=s((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),Vt=s(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function ko(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(ko,"limitDecimalPlaces");function zp(t){switch(!0){case t.connected:return Re.CONNECTED;case t.connecting:return Re.CONNECTING;case!t.installed:return Re.NOT_INSTALLED;default:return Re.DISCONNECTED}}s(zp,"mapStatusToWalletState");function Bi(t,e,o,n){return o.filter(r=>!xi.includes(r)).filter(r=>{let{supportedChains:i,hideWhenNotInstalled:a}=e(r);return a&&!t(r).installed?!1:n?!!i.find(l=>l.name===n):!0}).map(r=>{let{name:i,img:a,installLink:l}=e(r),p=zp(t(r));return{title:i,image:a,link:Fp(l),state:p,type:r}})}s(Bi,"mapWalletTypesToWalletInfo");function To(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}s(To,"walletAndSupportedChainsNames");function Wi(t,e,o,n){let r=[];function i(l,p){if(!!!r.find(c=>c.chain===l)){let c={address:p,chain:l,walletType:t};r.push(c)}}s(i,"addAccount");let a=n||[];return e.forEach(l=>{let{address:p,network:u}=Dp(l),c=a.length>0,d=a.includes(u),m=u===Ei.Unknown;if(c&&!d&&!m)return;let C=u===Ei.Unknown&&$p(p);if(m&&!C)return;o.includes(u)||C?a.filter(w=>o.includes(w)).forEach(w=>{i(w,p.toLowerCase())}):i(u,p)}),r}s(Wi,"prepareAccountsForWalletStore");function Ni(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain;e.includes(n)||e.push(n),e.includes(r)||e.push(r),o.internalSwaps&&Array.isArray(o.internalSwaps)&&o.internalSwaps.forEach(i=>{let a=i.from.blockchain,l=i.to.blockchain;e.includes(a)||e.push(a),e.includes(l)||e.push(l)})}),e}s(Ni,"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 wo(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}s(wo,"isAccountAndWalletMatched");function Ii(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 zn(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:vo(o,r.asset.symbol,r.asset.address,e)||null}))||[]}s(Ii,"makeBalanceFor");function Mi(t){return{...t,loading:!1,error:!0}}s(Mi,"resetConnectedWalletState");var vo=s((t,e,o,n)=>n?.find(i=>i.blockchain===t&&i.symbol?.toUpperCase()===e?.toUpperCase()&&i.address===o)?.usdPrice||null,"getUsdPrice"),bo=s((t,e)=>{let o=Op(Object.entries(t).map(([,n])=>n).filter(Up));return o&&o[e]?.experimental},"isExperimentalChain");function qp(t,e){return t.map(({balance:o,...n})=>{let r=T(new zn(Bt(e,n.blockchain,n.symbol,n.address)?.amount||Me)),i="";return n.usdPrice&&(i=T(new zn(Bt(e,n.blockchain,n.symbol,n.address)?.amount||Me).multipliedBy(n.usdPrice))),{...n,...r!=="0"&&{balance:{amount:r,usdValue:i}}}})}s(qp,"getTokensWithBalance");function Li(t,e){let o=e.length>0?qp(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(Li,"getTokensBalanceFromWalletAndSort");function Le(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}s(Le,"tokensAreEqual");function Pi(t){return t.sort((e,o)=>+(o.state===Re.CONNECTED)-+(e.state===Re.CONNECTED)||+(o.state===Re.DISCONNECTED||o.state===Re.CONNECTING)-+(e.state===Re.DISCONNECTED||e.state===Re.CONNECTING))}s(Pi,"sortWalletsBasedOnConnectionState");function xo(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(xo,"getConciseAddress");function _i({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}s(_i,"getAddress");import{create as Xp}from"zustand";import{create as Vp}from"zustand";var Gp=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=Gp;var Hp={apiKey:""},Di=s((t,e)=>({config:Hp,updateConfig:o=>{let n=e().config;t({config:{...n,...o}})}}),"createConfigSlice");function Wt(t){return Array.from(new Set(t))}s(Wt,"removeDuplicateFrom");function qn(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}s(qn,"areEqual");function Fi(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}s(Fi,"debounce");function gt(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}s(gt,"containsText");var ae=s(()=>document.getElementById("swap-box"),"getContainer");var Oi=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(l=>!(i.length>0&&!i.includes(l.name)))},tokens:o=>{let n=e()._tokens;if(!o||!o?.type)return n;let r=e().config,i=(o.type==="source"?r.from?.tokens:r.to?.tokens)??[],a=e().blockchains({type:o.type});return n.filter(p=>i.length>0&&!i.some(u=>Le(u,p))||o.blockchain&&p.blockchain!==o.blockchain||!a.some(u=>u.name===p.blockchain)?!1:o.searchFor?!!(gt(p.symbol,o.searchFor)||gt(p.address||"",o.searchFor)||gt(p.name||"",o.searchFor)):!0).sort((p,u)=>e().isTokenPinned(p)?-1:e().isTokenPinned(u)||p.isSecondaryCoin?1:u.isSecondaryCoin||!p.address&&u.address?-1:p.address&&!u.address?1:0)},isTokenPinned:o=>!!e().config.pinnedTokens?.some(r=>Le(r,o)),fetch:async()=>{let o=await xt().getAllMetadata(),n=[],r=[],i=o.popularTokens,a=o.swappers,l=new Set;o.tokens.forEach(p=>{l.add(p.blockchain),r.push(p)}),o.blockchains.forEach(p=>{p.enabled&&l.has(p.name)&&n.push(p)}),n.sort((p,u)=>p.sort-u.sort),t({_blockchains:n,_tokens:r,_popularTokens:i,_swappers:a})}}),"createDataSlice");var Rp=Vp()((...t)=>({...Oi(...t),...Di(...t)})),Pe=ve(Rp);var x=ve(Xp()(t=>({meta:{blockchains:[],popularTokens:[],swappers:[],tokens:[]},loadingStatus:"loading",fetchMeta:async()=>{try{await Pe.getState().fetch();let e=Pe.getState(),o={blockchains:e.blockchains(),tokens:e.tokens(),popularTokens:e._popularTokens,swappers:e._swappers};t({meta:o,loadingStatus:"success"})}catch{t({loadingStatus:"failed"})}}})));var V=ve(Kp()(jp((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(l=>l.chain===i.chain&&l.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(l=>l.chain===r.chain&&l.walletType!==r.walletType&&r.selected),a=!!o.find(l=>l.chain===r.chain&&l.walletType===r.walletType&&!r.selected);return i?{...r,selected:!1}:a?{...r,selected:!0}:r})})),clearConnectedWallet:()=>t(()=>({connectedWallets:[],selectedWallets:[]})),getWalletsDetails:async(o,n=!0)=>{let r=e().getWalletsDetails,{tokens:i}=x.getState().meta;t(a=>({loading:!0,connectedWallets:a.connectedWallets.map(l=>o.find(p=>wo(p,l))?{...l,loading:!0}:l)}));try{let a=o.map(({address:u,chain:c})=>({address:u,blockchain:c})),p=(await xt().getWalletsDetails(a)).wallets;if(p)t(u=>({loading:!1,connectedWallets:u.connectedWallets.map(c=>{let d=o.find(g=>wo(g,c)),m=p.find(g=>g.address===c.address&&g.blockChain===c.chain);return m?.failed&&d&&n&&r([d],!1),d&&m?{...c,explorerUrl:m.explorerUrl,balances:Ii(m,i)}:c})}));else throw new Error("Wallet not found")}catch{t(l=>({loading:!1,connectedWallets:l.connectedWallets.map(p=>o.find(u=>wo(u,p))?Mi(p):p)}))}}}))));import{allProviders as Yp}from"@rango-dev/provider-all";function Ao(t,e){let o=Yp({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(Ao,"matchAndGenerateProviders");function $i(t,e){return Ao(t,e).map(r=>r.config.type)}s($i,"configWalletsToWalletName");function Ui(t,e){let o=V.use.clearConnectedWallet(),n=Ao(void 0,e);return Qp(()=>{o(),n=Ao(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}s(Ui,"useWalletProviders");var Hn=eu({onConnectWallet:()=>{}});function Vn(t){let{blockchains:e}=x.use.meta(),{providers:o}=Ui(t.providers,t?.options),n=V.use.disconnectWallet(),r=V.use.connectWallet(),i=tu(),a=e.filter(Zp).map(p=>p.name),l=s((p,u,c,d,m)=>{if(u===Gn.ACCOUNTS)if(c){let g=To(m),C=Wi(p,c,a,g);r(C)}else n(p);if(u===Gn.ACCOUNTS&&d.connected){let g=`${p}-${d.network}-${c}`;d.connected&&(i.current?i.current(g):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(u===Gn.NETWORK&&d.network){let g=`${p}-${d.network}`;i.current?i.current(g):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(p,u,c,d,m)},"onUpdateState");return zi.createElement(Hn.Provider,{value:{onConnectWallet:p=>{i.current=p}}},zi.createElement(Jp,{allBlockChains:e,providers:o,onUpdateState:l,autoConnect:!0},t.children))}s(Vn,"WidgetWallets");import{I18nManager as Pg,styled as _g}from"@rango-dev/ui";import at,{useContext as Dg,useEffect as Ci,useMemo as Fg,useState as Wp}from"react";import{useQueueManager as Pc}from"@rango-dev/queue-manager-rango-preset";import{useWallets as _c}from"@rango-dev/wallets-react";import{isEvmBlockchain as Dc}from"rango-types";import yt,{useEffect as Fc,useRef as Oc}from"react";import{MemoryRouter as $c,useInRouterContext as Uc}from"react-router";import{useLocation as zc,useNavigate as qc}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 Qo}from"@lingui/core";import{Alert as yc,BestRoute as Sc,BestRouteSkeleton as Cc,Button as kc,Divider as mr,styled as Lt,SwapInput as Ks,Typography as dr,WarningIcon as Tc}from"@rango-dev/ui";import j,{useEffect as wc,useRef as vc,useState as bc}from"react";import{useNavigate as xc}from"react-router-dom";import{ChevronLeftIcon as ru}from"@rango-dev/ui";import Hi from"react";import{darkTheme as ou,IconButton as nu,styled as Eo}from"@rango-dev/ui";var Oe=Eo(nu,{width:"$24",position:"relative",padding:"0",overflow:"unset"}),qi=Eo("div",{position:"absolute",background:"$secondary500",[`.${ou} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),Nt=Eo("div",{display:"flex",justifyContent:"flex-end",width:"$40"}),Gi=Eo("div",{position:"absolute",backgroundColor:"$secondary500",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0"});function Rn(t){return Hi.createElement(Oe,{variant:"ghost",size:"small",onClick:t.onClick},Hi.createElement(ru,{color:"black",size:16}))}s(Rn,"BackButton");import{i18n as iu}from"@lingui/core";import{Button as su,Typography as au}from"@rango-dev/ui";import Xn from"react";function Kn(t){return Xn.createElement(Nt,null,Xn.createElement(su,{variant:"ghost",onClick:t.onClick,size:"xsmall"},Xn.createElement(au,{variant:"label",size:"medium",color:"error500"},iu.t("Cancel"))))}s(Kn,"CancelButton");import{i18n as lu}from"@lingui/core";import{Tooltip as pu,WalletIcon as uu}from"@rango-dev/ui";import Bo from"react";function jn(t){return Bo.createElement(pu,{container:t.container,side:"top",content:lu.t("Connect Wallet")},Bo.createElement(Oe,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&Bo.createElement(qi,null),Bo.createElement(uu,{size:18,color:"black"})))}s(jn,"WalletButton");import{i18n as Io}from"@lingui/core";import{NotificationsIcon as Au,Popover as Eu,RefreshIcon as Bu,SettingsIcon as Wu,Tooltip as Mo,TransactionIcon as Nu}from"@rango-dev/ui";import de from"react";import{i18n as Cu}from"@lingui/core";import{ChainToken as Yi,ChevronRightIcon as ku,ListItemButton as Tu,Typography as wu}from"@rango-dev/ui";import $e from"react";import{useNavigate as vu}from"react-router-dom";import{create as cu}from"zustand";import{persist as mu,subscribeWithSelector as du}from"zustand/middleware";var _e=ve(cu()(mu(du((t,e)=>({notifications:[],setNotification:(o,n)=>{let r=n.steps[0],i=n.steps[n.steps.length-1],a={event:o,creationTime:Date.now(),read:!1,requestId:n.requestId,route:{from:{blockchain:r.fromBlockchain,tokenAddress:r.fromSymbolAddress,tokenSymbol:r.fromSymbol},to:{blockchain:i.toBlockchain,tokenSymbol:i.toSymbol,tokenAddress:i.toSymbolAddress}}},l=e().notifications.filter(p=>p.requestId!==n.requestId);t(()=>({notifications:[...l,a]}))},setAsRead:o=>{t(n=>({notifications:n.notifications.map(r=>r.requestId===o?{...r,read:!0}:r)}))},getUnreadNotifications:()=>e().notifications.filter(o=>!o.read)})),{name:"notification",skipHydration:!0})));import{create as fu}from"zustand";var be=ve(fu()(t=>({connectWalletsButtonDisabled:!1,selectedSwapRequestId:null,currentPage:"",setSelectedSwap:e=>t({selectedSwapRequestId:e}),setCurrentPage:e=>t({currentPage:e})})));import{styled as Wo}from"@rango-dev/ui";var Vi=Wo("div",{padding:"$10",width:"350px",minHeight:"150px"}),Ri=Wo("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),Xi=Wo("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),Ki=Wo("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as gu}from"@lingui/core";import{Divider as hu,NoNotificationIcon as yu,Typography as Su}from"@rango-dev/ui";import No from"react";function ji(){return No.createElement(Ki,null,No.createElement(yu,{color:"secondary",size:26}),No.createElement(hu,{size:12}),No.createElement(Su,{variant:"body",size:"medium",color:"neutral700"},gu.t("You have no notification")))}s(ji,"NotificationNotFound");var bu=4;function Yn(){let t=vu(),e=be.use.setSelectedSwap(),{getUnreadNotifications:o}=_e(),n=o(),{tokens:r,blockchains:i}=x.use.meta(),a=n.sort((p,u)=>u.creationTime-p.creationTime).slice(0,bu),l=s(p=>{e(p),t(`/swaps/${p}`)},"handleOnClick");return $e.createElement(Vi,null,a.length?$e.createElement(Ri,null,a.map(p=>{let u=r.find(g=>g.address===p.route.from.tokenAddress&&g.blockchain===p.route.from.blockchain&&g.symbol===p.route.from.tokenSymbol),c=i.find(g=>g.name===p.route.from.blockchain),d=r.find(g=>g.address===p.route.to.tokenAddress&&g.blockchain===p.route.to.blockchain&&g.symbol===p.route.to.tokenSymbol),m=i.find(g=>g.name===p.route.to.blockchain);return $e.createElement(Tu,{key:p.requestId,onClick:()=>l(p.requestId),title:$e.createElement(wu,{variant:"body",size:"small",color:"$neutral700"},Cu.t(p.event.message)),id:p.requestId,start:$e.createElement(Xi,null,$e.createElement("div",{className:"from-chain-token"},$e.createElement(Yi,{tokenImage:u?u.image:"",chainImage:c?c.logo:"",size:"small"})),$e.createElement("div",{className:"to-chain-token"},$e.createElement(Yi,{tokenImage:d?d.image:"",chainImage:m?m.logo:"",size:"small"}))),end:$e.createElement(ku,{size:12,color:"gray"})})})):$e.createElement(ji,null))}s(Yn,"NotificationContent");import{Typography as xu}from"@rango-dev/ui";import Qi from"react";function Ji(){let{getUnreadNotifications:t}=_e(),e=t().length;return e?Qi.createElement(Gi,null,Qi.createElement(xu,{variant:"body",size:"xsmall",color:"$background"},e)):null}s(Ji,"UnreadNotificationsBadge");function Qn(t){let{layoutRef:e,onClickRefresh:o,onClickHistory:n,onClickSettings:r,onClickNotifications:i}=t;return de.createElement(de.Fragment,null,de.createElement(Mo,{container:ae(),side:"top",content:Io.t("Refresh")},de.createElement(Oe,{variant:"ghost",size:"small",onClick:o,disabled:!o},de.createElement(Bu,{size:16,color:o?"black":"gray"}))),de.createElement(Mo,{container:ae(),side:"top",content:Io.t("Notifications")},de.createElement(Eu,{align:"center",collisionBoundary:e,collisionPadding:{right:20,left:20},container:ae(),content:de.createElement(Yn,null)},de.createElement(Oe,{size:"small",variant:"ghost",onClick:i},de.createElement(Au,{size:18,color:"black"}),de.createElement(Ji,null)))),de.createElement(Mo,{container:ae(),side:"top",content:Io.t("Settings")},de.createElement(Oe,{size:"small",variant:"ghost",onClick:r},de.createElement(Wu,{size:18,color:"black"}))),de.createElement(Mo,{container:ae(),side:"top",content:Io.t("Transactions History")},de.createElement(Oe,{size:"small",variant:"ghost",onClick:n},de.createElement(Nu,{size:18,color:"black"}))))}s(Qn,"HomeButtons");import{BottomLogo as Mu,Divider as Lu,Header as Pu}from"@rango-dev/ui";import ge from"react";import{useNavigate as _u}from"react-router-dom";import{darkTheme as Iu,styled as Jn}from"@rango-dev/ui";var Zi=Jn("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",[`.${Iu} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",variants:{fixedHeight:{true:{height:"95vh"},false:{height:"auto"}}}}),es=Jn("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"}}}}),ts=Jn("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:l=!0}=t,p=V.use.connectedWallets(),u=be.use.connectWalletsButtonDisabled(),c=_u(),d=s(()=>{u||c("/"+h.wallets)},"onConnectWallet");return ge.createElement(Zi,{ref:e,fixedHeight:l,id:"swap-box"},ge.createElement(Pu,{prefix:ge.createElement(ge.Fragment,null,n.onBack&&ge.createElement(Rn,{onClick:n.onBack})),title:n.title,suffix:ge.createElement(ge.Fragment,null,n.suffix,n.hasConnectWallet&&ge.createElement(jn,{container:ae(),onClick:d,isConnected:!!p?.length}),n.onCancel&&ge.createElement(Kn,{onClick:n.onCancel}))}),ge.createElement(es,{noPadding:i},o),(a||r)&&ge.createElement(ts,null,ge.createElement("div",{className:"footer__content"},r),a&&ge.createElement("div",{className:"footer__logo"},ge.createElement(Lu,{size:12}),ge.createElement(Mu,null))))}s(Du,"LayoutComponent");var J=ge.forwardRef(Du);J.displayName="Layout";import{Alert as Hu,Button as Vu,Divider as fs,NoRouteIcon as Ru,RefreshIcon as Xu,Typography as gs}from"@rango-dev/ui";import Ue from"react";import{i18n as he}from"@lingui/core";var Rt=(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))(Rt||{});var q=s(()=>({genericServerError:he.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:he.t("Please reset your liquidity sources."),description:he.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources")},noRoutesError:{title:he.t("No Routes Found"),description:he.t("Reasons why Rango couldn't find a route: low liquidity on token, very low input amount or no routes available for the selected input/output token combination.")},bridgeLimitErrors:{increaseAmount:he.t("Bridge Limit Error: Please increase your amount"),decreaseAmount:he.t("Bridge Limit Error: Please decrease your amount")},highValueLossError:{impactTitle:he.t("High Price Impact"),title:he.t("Price impact is too high!"),description:he.t("The price impact is significantly higher than the allowed amount. If you are sure, continue, otherwise, change the swap."),confirmMessage:he.t("Confirm High price impact")},routeUpdatedWithHighValueLoss:{title:he.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:he.t("USD Price Unknown"),title:he.t("USD Price Unknown, Cannot calculate Price Impact."),description:he.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:he.t("Confirm USD Price Unknown")}}),"errorMessages");function Lo(t){switch(t.type){case 0:return t.diagnosisMessage??q().noRoutesError.title;case 2:return q().genericServerError;case 1:return q().routeUpdatedWithHighValueLoss.title;default:return""}}s(Lo,"getConfirmSwapErrorMessage");import{create as zu}from"zustand";import{persist as qu,subscribeWithSelector as Gu}from"zustand/middleware";import{English as Fu,French as Ou,Japanese as $u,Spanish as Uu}from"@rango-dev/ui";var ns=[{title:"English",label:"English",local:"en",SVGFlag:Fu},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:Uu},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:Ou},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:$u}],Po="en";var rs=[.5,1,3],is=1,ss=5,as=100,ls=0;var F=ve(zu()(qu(Gu((t,e)=>({preferredBlockchains:[],slippage:is,customSlippage:null,infiniteApprove:!1,affiliateRef:null,affiliatePercent:null,affiliateWallets:null,disabledLiquiditySources:[],theme:"auto",language:Po,addPreferredBlockchain:o=>{let n=e().preferredBlockchains;if(n.find((a,l)=>{let p=a===o,u=l<=10-1;return p&&u}))return;let i=n.filter(a=>!(a===o));t(()=>({preferredBlockchains:[o,...i]}))},setSlippage:o=>t(()=>({slippage:o})),setCustomSlippage:o=>t(()=>({customSlippage:o})),setAffiliateRef:o=>t(()=>({affiliateRef:o})),setAffiliatePercent:o=>t(()=>({affiliatePercent:o})),setAffiliateWallets:o=>t(()=>({affiliateWallets:o})),toggleAllLiquiditySources:o=>t(n=>{if(o)return{disabledLiquiditySources:[]};let{swappers:r}=x.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 ps}from"@lingui/core";function us(t,e,o,n,r){return o?{alert:{type:"warning",text:q().genericServerError,action:{onClick:r,title:ps.t("Retry")}},description:""}:t?{alert:{type:"error",text:t,action:null},description:""}:e.length?{alert:{type:"warning",text:q().liquiditySourcesError.title,action:{onClick:()=>n(!0),title:ps.t("Reset")}},description:q().liquiditySourcesError.description}:{alert:null,description:q().noRoutesError.description}}s(us,"makeInfo");import{styled as er}from"@rango-dev/ui";var cs=er("div",{display:"flex",flexDirection:"column",alignItems:"center"}),ms=er("div",{width:"100%"}),ds=er("div",{padding:"$6 $0"});function Xt(t){let{diagnosisMessage:e,fetch:o,error:n}=t,r=F.use.disabledLiquiditySources(),i=x.use.loadingStatus(),a=F.use.toggleAllLiquiditySources(),p=us(e??null,r,n||i==="failed",a,o);return Ue.createElement(cs,null,Ue.createElement(Ru,{size:24,color:"gray"}),Ue.createElement(fs,{size:4}),Ue.createElement(gs,{variant:"title",size:"small"},q().noRoutesError.title),!!p.description&&Ue.createElement(gs,{variant:"body",size:"small",align:"center",color:"neutral700"},p.description),Ue.createElement(fs,{size:4}),!!p.alert&&Ue.createElement(ms,null,Ue.createElement(Hu,{type:p.alert.type,title:p.alert.text,action:p.alert.action&&Ue.createElement(Vu,{size:"xsmall",type:p.alert.type,prefix:Ue.createElement(ds,null,Ue.createElement(Xu,{size:8})),onClick:p.alert.action.onClick},p.alert.action.title),variant:"alarm"})))}s(Xt,"NoRoutes");import{Alert as qs,Divider as ac,InfoIcon as lc}from"@rango-dev/ui";import Ge from"react";import ut from"bignumber.js";import{create as ec}from"zustand";import{subscribeWithSelector as tc}from"zustand/middleware";import{getLastSuccessfulStep as ju}from"@rango-dev/queue-manager-rango-preset";import AC from"bignumber.js";function hs(t,e){return e.find(o=>o.name===t)?.displayName}s(hs,"getBlockchainDisplayNameFor");function Je(t,e){return e.find(o=>o.name===t)?.shortName}s(Je,"getBlockchainShortNameFor");function tr(t,e){return e.find(o=>Le(o,t))??null}s(tr,"findToken");function or(t,e){return e.find(o=>o.name===t)??null}s(or,"findBlockchain");function nr(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(nr,"searchParamsToToken");function ys(t){return t?.result?.swaps[t?.result?.swaps.length-1].to.usdPrice}s(ys,"getBestRouteToTokenUsdPrice");function rr(t,e){let o=t.result?.swaps||[],n=e.result?.swaps||[];return o.length!==n.length}s(rr,"isNumberOfSwapsChanged");function ir(t,e){let o=t.result?.swaps.map(r=>r.swapperId)||[],n=e.result?.swaps.map(r=>r.swapperId)||[];return!qn(o,n)}s(ir,"isRouteSwappersUpdated");function sr(t,e){let o=t.result?.swaps.map(r=>r.to.symbol)||[],n=e.result?.swaps.map(r=>r.to.symbol)||[];return!qn(o,n)}s(sr,"isRouteInternalCoinsUpdated");function Ss(t,e){return rr(t,e)||ir(t,e)||sr(t,e)}s(Ss,"isRouteChanged");function Cs(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(Cs,"getRequiredBalanceOfWallet");function ks(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(ks,"getFormattedBestRoute");function It(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}s(It,"getPriceImpactLevel");function Ts(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],i=ju(t.steps),a={blockchain:r.toBlockchain,symbol:r.toSymbol,address:r.toSymbolAddress},l=or(i?i.toBlockchain:n.fromBlockchain,e),p=or(r.toBlockchain,e),u=tr(i?{blockchain:l?.name??"",symbol:i.toSymbol,address:i.toSymbolAddress}:{blockchain:l?.name??"",symbol:n.fromSymbol,address:n.fromSymbolAddress},o),c=tr(a,o),d=i?i.outputAmount??"":t.inputAmount;return{fromBlockchain:l,fromToken:u,toBlockchain:p,toToken:c,inputAmount:d}}s(Ts,"createRetryRoute");import{i18n as ze}from"@lingui/core";import{PendingSwapNetworkStatus as $o}from"@rango-dev/queue-manager-rango-preset";import xe from"bignumber.js";function ws(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(ws,"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 Fo(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}s(Fo,"isValidAddress");import{i18n as Oo}from"@lingui/core";var ht=s(()=>({connectWallet:Oo.t("Connect Wallet"),swap:Oo.t("Swap"),swapAnyway:Oo.t("Swap anyway"),ethRouteWarning:Oo.t("The route goes through Ethereum. Continue?")}),"swapButtonTitles");function qo(t,e){return!t||!e||t.lte(Me)||e.lte(Me)?0:e.div(t).minus(1).multipliedBy(100)}s(qo,"getOutputRatio");function Go(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(Go,"outputRatioHasWarning");function Ho(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(Ho,"hasLimitError");function Vo(t){if(!t)return{swap:null,fromAmountRangeError:"",recommendation:""};let e=(t?.result?.swaps||[]).filter(l=>{let p=l.fromAmountMinValue?new xe(l.fromAmountMinValue):null,u=l.fromAmountMaxValue?new xe(l.fromAmountMaxValue):null;return l.fromAmountRestrictionType==="EXCLUSIVE"?p?.gte(l.fromAmount)||u?.lte(l.fromAmount):p?.gt(l.fromAmount)||u?.lt(l.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=ze.t({id:"Required: >= {min} {symbol}",values:{min:T(o,6,6),symbol:e.from.symbol}}),a=q().bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(i=ze.t({id:"Required: > {min} {symbol}",values:{min:T(o,6,6),symbol:e.from.symbol}}),a=q().bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(i=ze.t({id:"Required: <= {max} {symbol}",values:{max:T(n,6,6),symbol:e.from.symbol}}),a=q().bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(i=ze.t({id:"Required: < {max} {symbol}",values:{max:T(n,6,6),symbol:e.from.symbol}}),a=q().bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:i,recommendation:a}}s(Vo,"LimitErrorMessage");function vs(t,e,o,n,r,i,a,l,p){return t!=="success"?{title:ht().connectWallet,state:"waitForConnecting",disabled:!0}:e.length==0?{title:ht().connectWallet,state:"waitForConnecting",disabled:!1}:o||!n||!n.result||r||!p||p==="0"?{title:ht().swap,disabled:!0,state:"swap"}:i||a?{title:ht().swapAnyway,disabled:!1,hasWarning:!0,state:"needToConfirm"}:l?{title:ht().ethRouteWarning,disabled:!1,hasWarning:!0,state:"warning"}:{title:ht().swap,disabled:!1,state:"swap"}}s(vs,"getSwapButtonState");function ar(t,e,o){return!((!o||o.lte(Me))&&t?.result&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t.result)}s(ar,"canComputePriceImpact");function Qu(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(Qu,"requiredWallets");var Ju=s((t,e,o,n)=>n?.find(i=>i.blockchain===t&&i.symbol?.toUpperCase()===e?.toUpperCase()&&i.address===o)?.usdPrice||null,"getUsdPrice");function Zu(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=Ju(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new xe(r.amount).multipliedBy(i||0))}return o}s(Zu,"getUsdFeeOfStep");function Ro(t,e){return t?.result?.swaps.reduce((o,n)=>o.plus(Zu(n,e)),Me)||null}s(Ro,"getTotalFeeInUsd");function bs(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(bs,"getMinRequiredSlippage");function xs(t,e){return e?parseFloat(t)>=parseFloat(e):!0}s(xs,"hasProperSlippage");function Xo(t){let{fromToken:e,toToken:o,inputAmount:n,wallets:r,selectedWallets:i,disabledLiquiditySources:a,slippage:l,affiliateRef:p,affiliatePercent:u,affiliateWallets:c,initialRoute:d,destination:m}=t,g=i?.reduce((f,k)=>(f[k.chain]=k.address,f),{}),C=[];r?.forEach(f=>{let k=C.find(v=>v.blockchain===f.chain);k?k.addresses.push(f.address):C.push({blockchain:f.chain,addresses:[f.address]})});let y=!!d,S=Wt((d?.result?.swaps||[]).reduce((f,k)=>(f.push(k.from.blockchain,k.to.blockchain),k.internalSwaps&&Array.isArray(k.internalSwaps)&&k.internalSwaps.map(v=>{f.push(v.from.blockchain,v.to.blockchain)}),f),[]));return{amount:n.toString(),affiliateRef:p??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:l.toString(),...m&&{destination:m},...a.length>0&&{swapperGroups:a,swappersGroupsExclude:!0},...y&&{blockchains:S}}}s(Xo,"createBestRouteRequestBody");function As(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}s(As,"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 Es(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(Es,"isOutputAmountChangedALot");function Bs(t,e){let o=t.validationStatus,n=Ni(t);return e.sort((i,a)=>n.indexOf(i.chain)-n.indexOf(a.chain)).flatMap(i=>Cs(i,o)||[]).filter(i=>!i.ok).map(i=>{let a=i.asset.symbol,l=T(new xe(i.currentAmount.amount).shiftedBy(-i.currentAmount.decimals),8,8),p=T(new xe(i.requiredAmount.amount).shiftedBy(-i.requiredAmount.decimals),8,8),u="";return i.reason==="FEE"&&(u=ze.t(" for network fee")),i.reason==="INPUT_ASSET"&&(u=ze.t(" for swap")),i.reason==="FEE_AND_INPUT_ASSET"&&(u=ze.t(" for input and network fee")),ze.t({id:"Needs \u2248 {requiredAmount} {symbol}{reason}, but you have {currentAmount} {symbol} in your {blockchain} wallet.",values:{requiredAmount:p,symbol:a,reason:u,currentAmount:l,blockchain:i.asset.blockchain}})})}s(Bs,"getBalanceWarnings");function Ws(t,e){return(t?new xe(t):Me).multipliedBy(e||0)}s(Ws,"calcOutputUsdValue");function Kt(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==$o.NetworkChanged}s(Kt,"isNetworkStatusInWarningState");function Ns(t,e){let o="bellow button or",n=t.extraMessage,r=t.extraMessageDetail;if(t.networkStatusExtraMessageDetail?.includes(o)&&(t.networkStatusExtraMessageDetail=t.networkStatusExtraMessageDetail.replace(o,"")),Kt(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case $o.WaitingForConnectingWallet:n=n||ze.t("Waiting for connecting wallet");break;case $o.WaitingForQueue:n=n||ze.t("Waiting for other running tasks to be finished");break;case $o.WaitingForNetworkChange:n=n||ze.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(Ns,"getSwapMessages");function Is(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(Is,"getLastConvertedTokenInFailedSwap");function Ms(t){return t.status==="failed"&&!!t.finishTime&&new Date().getTime()-parseInt(t.finishTime)<4*3600*1e3}s(Ms,"shouldRetrySwap");function Ls(t,e,o,n,r,i){return t||!e&&!Qu(n).every(a=>r.map(l=>l.chain).includes(a))||!!e&&!o||!!e&&!!o&&i&&!Fo(i,o)}s(Ls,"confirmSwapDisabled");var Ko=s((t,e)=>t?.usdPrice?new ut(e||Me).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),_=ve(ec()(tc(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 Vt(o.inputAmount)?(e&&(n=e.result?.outputAmount?new ut(e.result?.outputAmount):null,r=Ws(e.result?.outputAmount,ys(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}=x.getState().meta;return t(n=>({fromToken:e,...e&&{fromBlockchain:o.find(r=>r.name===e.blockchain)??null},...!!n.inputAmount&&{inputUsdValue:Ko(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}=x.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:Ko(o.fromToken,e)}}))},retry:e=>{let{tokens:o,blockchains:n}=x.getState().meta,{fromBlockchain:r,fromToken:i,toBlockchain:a,toToken:l,inputAmount:p}=Ts(e,n,o);t({fromBlockchain:r,fromToken:i,inputAmount:p,outputAmount:null,inputUsdValue:Ko(i??null,p),outputUsdValue:new ut(0),toBlockchain:a,toToken:l,bestRoute:null})},switchFromAndTo:()=>t(e=>({fromBlockchain:e.toBlockchain,fromToken:e.toToken,toBlockchain:e.fromBlockchain,toToken:e.fromToken,inputAmount:e.outputAmount?.toString()||"",inputUsdValue:Ko(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 Ps=jo("div",{width:"100%",paddingTop:"$10"}),lr=jo("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),_s=jo("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%"}),Ds=jo("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});import{i18n as jt}from"@lingui/core";import{Button as oc,Divider as $s,MessageBox as Us,Modal as nc,Typography as rc,WarningIcon as ic}from"@rango-dev/ui";import qe from"react";import{useNavigate as sc}from"react-router-dom";import{Typography as Fs}from"@rango-dev/ui";import pr from"react";function Os(t){let{title:e,value:o,valueColor:n}=t;return pr.createElement(_s,null,pr.createElement(Fs,{size:"medium",variant:"label",color:"neutral600"},e),pr.createElement(Fs,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}s(Os,"RouteErrorsModalItem");function zs(t){let{highValueLoss:e,open:o,onToggle:n,percentageChange:r,inputUsdValue:i,outputUsdValue:a,totalFeeInUsd:l}=t,p=sc(),u=e&&r?.lt(-10)?"error":"warning",c=[{title:jt.t("Swapping"),value:T(i,4,4)},{title:jt.t("Gas cost"),value:T(l,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 qe.createElement(nc,{open:o,onClose:()=>n(!1),container:document.getElementById("swap-box")||document.body},e?qe.createElement(Us,{type:u,title:q().highValueLossError.impactTitle,description:q().highValueLossError.description}):qe.createElement(Us,{type:u,title:q().unknownPriceError.impactTitle,description:q().unknownPriceError.description}),e&&qe.createElement(lr,null,qe.createElement($s,{size:20}),qe.createElement(rc,{size:"small",variant:"title"},jt.t("Details")),qe.createElement(lr,null,c.map((d,m)=>qe.createElement(Os,{key:m,...d})))),qe.createElement($s,{size:32}),qe.createElement(oc,{type:"primary",size:"large",prefix:qe.createElement(ic,null),fullWidth:!0,onClick:()=>{p(h.confirmSwap)}},e?q().highValueLossError.confirmMessage:q().unknownPriceError.confirmMessage))}s(zs,"RouteErrorsModal");var pc=-10;function ur(t){let{bestRoute:e}=_(),{highValueLoss:o,percentageChange:n,priceImpactCanNotBeComputed:r,openModal:i,onToggle:a,totalFeeInUsd:l,outputUsdValue:p,inputUsdValue:u,loading:c,extraSpace:d}=t,m=Ho(e),{recommendation:g}=Vo(e),C=!m&&(o||r),y=C||m;return Ge.createElement(Ge.Fragment,null,(c||d&&!y)&&Ge.createElement(ac,{size:20}),y&&Ge.createElement(Ps,null,C&&Ge.createElement(Ge.Fragment,null,Ge.createElement(qs,{title:o?q().highValueLossError.title:q().unknownPriceError.title,type:o&&n?.lt(pc)?"error":"warning",variant:"alarm",action:Ge.createElement(Ds,{onClick:()=>a(!0)},Ge.createElement(lc,{size:12,color:"gray"}))})),m&&Ge.createElement(qs,{type:"error",variant:"alarm",title:g})),Ge.createElement(zs,{highValueLoss:o,open:i,onToggle:a,percentageChange:n,inputUsdValue:u,outputUsdValue:p,totalFeeInUsd:l}))}s(ur,"RouteErrors");import{ReverseIcon as uc,styled as Gs}from"@rango-dev/ui";import cr from"react";var cc=Gs("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),mc=Gs("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 Hs(){let t=_.use.switchFromAndTo();return cr.createElement(cc,null,cr.createElement(mc,{onClick:()=>{t()}},cr.createElement(uc,{size:12})))}s(Hs,"SwitchFromAndToButton");import{useEffect as Vs,useRef as gc,useState as Rs}from"react";import{useRef as dc,useState as fc}from"react";function Yo(){let[t,e]=fc(!1),o=dc(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(Yo,"useFetchBestRoute");var hc=600;function Xs(){let{fetch:t,cancelFetch:e}=Yo(),[o,n]=Rs(!1),{fromToken:r,toToken:i,inputAmount:a,inputUsdValue:l,resetRoute:p,setRoute:u}=_(),{slippage:c,customSlippage:d,affiliatePercent:m,affiliateRef:g,affiliateWallets:C,disabledLiquiditySources:y}=F(),[S,w]=Rs(""),f=gc(y),k=d??c,b=!r||!i||Le(r,i)||!Vt(a),B=s(()=>{if(o||n(!0),!b){p();let A=Xo({fromToken:r,toToken:i,inputAmount:a,disabledLiquiditySources:y,slippage:k,affiliateRef:g,affiliatePercent:m,affiliateWallets:C});t(A).then(N=>{n(!1),u(N)}).catch(N=>{p(),N?.code!=="ERR_CANCELED"&&(w(N.message),n(!1))})}},"fetch"),O=Fi(()=>{b||B()},hc);return Vs(()=>{if(!Vt(a)||l?.eq(0)){n(!1),e();return}if(!b)return p(),n(!0),O(),e},[a,b]),Vs(()=>{let A=!!f.current.length&&!y.length;return!b&&A&&B(),f.current=y,e},[y.length]),{fetch:B,loading:o,error:S}}s(Xs,"useSwapInput");var Ac=Lt("div",{display:"flex",flexDirection:"column",overflowY:"visible"}),Ec=Lt("div",{position:"relative"}),Bc=Lt("div",{display:"flex",flexDirection:"column",gap:5,alignSelf:"stretch"}),js=Lt("div",{width:"100%",paddingTop:"$2"}),Wc=Lt("div",{paddingBottom:"$15"}),Nc=Lt("div",{width:"100%",display:"flex"});function Jo(){let t=xc(),{fetch:e,loading:o,error:n}=Xs(),{fromToken:r,fromBlockchain:i,toToken:a,toBlockchain:l,setInputAmount:p,inputAmount:u,inputUsdValue:c,outputAmount:d,outputUsdValue:m,bestRoute:g,resetRouteWallets:C}=_(),{meta:{tokens:y,blockchains:S},loadingStatus:w}=x(),f=V.use.connectedWallets(),k=be.use.setCurrentPage(),[v,b]=bc(!1),{fromAmountRangeError:B,swap:O,recommendation:A}=Vo(g),N=vc(null),$=!!Number(u)&&(!!g||o||!!n),oe=!1,W=qo(c,m),Y=Go(c,W),H=!ar(g,u,c),ne=!ar(g,u,m),P=vs(w,f,o,g,Ho(g),Y,H||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";wc(()=>(k(h.home),C(),k.bind(null,"")),[]);let z=!c||!m||!m.gt(0)?null:Ze(c.toNumber(),m.toNumber()),K=s(Fe=>Fe.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(Wc,null,j.createElement(yc,{type:"error",title:A,footer:j.createElement(Nc,null,j.createElement(dr,{size:"xsmall",variant:"body",color:"neutral700"},B),j.createElement(mr,{direction:"horizontal",size:8}),j.createElement(dr,{size:"xsmall",variant:"body",color:"neutral700"},"|"),j.createElement(mr,{direction:"horizontal",size:8}),j.createElement(dr,{size:"xsmall",variant:"body",color:"neutral700"},Qo.t({id:"Yours: {amount} {symbol}",values:{amount:T(O?.fromAmount||null,6,6),symbol:se?.from.symbol}})))})):void 0})),"getBestRouteSteps"),Ie=Ro(g,y),we=ks(g);return j.createElement(J,{ref:N,fixedHeight:!1,hasLogo:!0,footer:j.createElement(kc,{type:"primary",size:"large",disabled:P.disabled,prefix:!P.disabled&&P.hasWarning&&j.createElement(Tc,null),fullWidth:!0,onClick:()=>{P.state==="waitForConnecting"?t(h.wallets):P.state==="needToConfirm"?b(!0):t(h.confirmSwap)}},P.title),header:{hasConnectWallet:!0,title:Qo.t("Swap"),suffix:j.createElement(Qn,{layoutRef:N.current,onClickRefresh:g||n?e:void 0,onClickHistory:()=>t(h.swaps),onClickSettings:()=>t(h.settings)})}},j.createElement(Ac,null,j.createElement(Bc,null,j.createElement(Ec,null,j.createElement(Ks,{label:Qo.t("From"),mode:"From",onInputChange:p,balance:me,chain:{displayName:i?.displayName||"",image:i?.logo||""},token:{displayName:r?.symbol||"",image:r?.image||""},onClickToken:()=>t("from-swap"),price:{value:u,usdValue:H?void 0:T(c,4,4),error:H?q().unknownPriceError.impactTitle:void 0},disabled:w==="failed",loading:w==="loading",onSelectMaxBalance:()=>{me!=="0"&&p(Ne.split(",").join(""))}}),j.createElement(Hs,null)),j.createElement(Ks,{sharpBottomStyle:!!g?.result||o,label:Qo.t("To"),mode:"To",chain:{displayName:l?.displayName||"",image:l?.logo||""},token:{displayName:a?.symbol||"",image:a?.image||""},percentageChange:z?.lt(0)?T(z,2,2):null,warningLevel:It(z?.toNumber()??0),price:{value:T(d,6,6),usdValue:ne?void 0:T(m,4,4),error:ne?q().unknownPriceError.impactTitle:void 0},onClickToken:()=>t("to-swap"),disabled:w==="failed",loading:w==="loading"})),o&&j.createElement(js,null,j.createElement(Cc,{type:"basic"})),$&&!o&&we?.result?.swaps?.length?j.createElement(js,null,j.createElement(Sc,{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:K(we.result.swaps),percentageChange:T(z,2,2),totalFee:T(Ie,2,2),totalTime:At(Et(g?.result?.swaps))})):$&&!o?j.createElement(j.Fragment,null,j.createElement(mr,{size:20}),j.createElement(Xt,{diagnosisMessage:we?.diagnosisMessages?.[0],fetch:e,error:!!n})):null),j.createElement(ur,{openModal:v,onToggle:b,totalFeeInUsd:Ie,outputUsdValue:m,inputUsdValue:c,percentageChange:z,highValueLoss:Y,priceImpactCanNotBeComputed:H||ne,loading:o||w==="loading",extraSpace:!!g?.result||!g}))}s(Jo,"Home");import{useEffect as fr,useRef as gr}from"react";import{createSearchParams as Ic,useLocation as Mc,useSearchParams as Lc}from"react-router-dom";import{useEffect as Pt,useMemo as Zo,useRef as en}from"react";function Ys(t){let{setInputAmount:e,setToToken:o,setToBlockchain:n,setFromBlockchain:r,setFromToken:i,fromToken:a,toToken:l,fromBlockchain:p,toBlockchain:u}=_(),{meta:{tokens:c,blockchains:d},loadingStatus:m}=x(),{setAffiliateRef:g,setAffiliatePercent:C,setAffiliateWallets:y}=F(),S=Zo(()=>t?.from?.tokens,[t?.from?.tokens]),w=Zo(()=>t?.from?.blockchains,[t?.from?.blockchains]),f=Zo(()=>t?.to?.tokens,[t?.to?.tokens]),k=Zo(()=>t?.to?.blockchains,[t?.to?.blockchains]),v=en(void 0),b=en(void 0),B=en(void 0),O=en(void 0);Pt(()=>{e(t?.amount?.toString()||"")},[t?.amount]),Pt(()=>{if(m==="success"){let A=d.find($=>$.name===t?.from?.blockchain),N=c.find($=>Le($,t?.from?.token||null));(A||!A&&B.current)&&r(A??null),(N||!N&&v.current)&&i(N??null),B.current=t?.from?.blockchain,v.current=t?.from?.token}},[t?.from?.token?.symbol,t?.from?.token?.address,t?.from?.token?.blockchain,t?.from?.blockchain,m]),Pt(()=>{a&&S&&(S.some(A=>Le(A,a))||i(null)),p&&w&&(w.includes(p.name)||r(null))},[S,w]),Pt(()=>{l&&f&&(f.some(A=>Le(A,l))||o(null)),u&&k&&(k.includes(u.name)||n(null))},[f,k]),Pt(()=>{if(m==="success"){let A=d.find($=>$.name===t?.to?.blockchain),N=c.find($=>Le($,t?.to?.token||null));(A||!A&&O.current)&&n(A??null),(N||!N&&b.current)&&o(N??null),O.current=t?.to?.blockchain,b.current=t?.to?.token}},[t?.to?.token?.symbol,t?.to?.token?.address,t?.to?.token?.blockchain,t?.to?.blockchain,m]),Pt(()=>{g(t?.affiliate?.ref??null),C(t?.affiliate?.percent??null),y(t?.affiliate?.wallets??null)},[t?.affiliate?.ref,t?.affiliate?.percent,t?.affiliate?.wallets])}s(Ys,"useSyncStoresWithConfig");function Qs(t){let e=gr(!0),[o,n]=Lc(),r=Mc(),i=gr(r.search),a=gr({}),l=_.use.fromBlockchain(),p=_.use.toBlockchain(),u=_.use.fromToken(),c=_.use.toToken(),d=_.use.setFromBlockchain(),m=_.use.setFromToken(),g=_.use.setToBlockchain(),C=_.use.setToToken(),y=_.use.inputAmount(),S=_.use.setInputAmount(),w=x.use.loadingStatus(),{blockchains:f,tokens:k}=x.use.meta(),v=be.use.setSelectedSwap();return Ys(t.config),fr(()=>{let b={};Ic(i.current).forEach((O,A)=>{b[A]=O}),a.current=b;let B=r.pathname.split(h.swaps+"/")[1]||null;B&&v(B)},[]),fr(()=>{if(!e.current){let b="",B="",O="",A="",N="";if(w!=="success")b=a.current["fromBlockchain"],B=a.current["fromToken"],O=a.current["toBlockchain"],A=a.current["toToken"],N=a.current["fromAmount"]||y;else{if(r.state==="redirect")return;b=l?.name||"",B=(u?.symbol||"")+(u?.address?`--${u?.address}`:""),O=p?.name||"",A=(c?.symbol||"")+(c?.address?`--${c?.address}`:""),N=y}n({...b&&{["fromBlockchain"]:b},...B&&{["fromToken"]:B},...O&&{["toBlockchain"]:O},...A&&{["toToken"]:A},...N&&{["fromAmount"]:N.toString()}},{replace:!0})}e.current=!1},[r.pathname,y,l,u,p,c]),fr(()=>{if(w==="success"){let b=o.get("fromBlockchain"),B=o.get("fromToken"),O=o.get("toBlockchain"),A=o.get("toToken"),N=o.get("fromAmount"),$=f.find(H=>H.name===b),oe=nr(k,B,$||null),W=f.find(H=>H.name===O),Y=nr(k,A,W||null);$&&(d($),oe&&m(oe)),W&&(g(W),Y&&C(Y)),N&&S(N)}},[w]),null}s(Qs,"UpdateUrl");function Gc(t){let e=zc(),o=qc(),n=Oc(!0),r=e.pathname.split("/"),a=r[r.length-1]===h.confirmSwap&&n.current;return Fc(()=>{a&&o("."),n.current=!1},[]),a?yt.createElement(Jo,null):yt.createElement(yt.Fragment,null," ",t.children)}s(Gc,"Route");function Js({children:t,...e}){let o=Uc(),n=o?Gc:$c,{blockchains:r}=x.use.meta(),{canSwitchNetworkTo:i}=_c(),a=r.filter(Dc);return Pc({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(Qs,{config:e.config}))}s(Js,"AppRouter");import We from"react";import{useRoutes as mg}from"react-router-dom";import{i18n as Xe}from"@lingui/core";import{useManager as Dm}from"@rango-dev/queue-manager-react";import{Alert as br,BestRoute as Fm,BestRouteSkeleton as Om,Button as ln,Divider as $t,IconButton as Fa,MessageBox as $m,Modal as Um,RefreshIcon as zm,SettingsIcon as qm,styled as Oa,Tooltip as Gm,Typography as Da,WalletIcon as Hm}from"@rango-dev/ui";import M,{useEffect as pn,useState as un}from"react";import{flushSync as Vm}from"react-dom";import{useNavigate as Rm}from"react-router-dom";import{i18n as nt}from"@lingui/core";import{Alert as vr,BalanceErrors as km,Button as Ma,ChevronDownIcon as Tm,ChevronLeftIcon as wm,Divider as Ot,MessageBox as vm,Modal as La,Typography as an,WalletIcon as bm}from"@rango-dev/ui";import E,{useEffect as xm,useLayoutEffect as Am,useRef as Em,useState as kt}from"react";import{useNavigate as Bm}from"react-router-dom";import{i18n as tn}from"@lingui/core";function on(t){switch(t.type){case 0:return tn.t("Route has been updated.");case 3:return tn.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return tn.t("Route swappers has been updated.");case 2:return tn.t("Route internal coins has been updated.");default:return""}}s(on,"getRouteWarningMessage");import*as Dt from"@radix-ui/react-collapsible";import{Button as Hc,darkTheme as _t,IconButton as Vc,keyframes as Zs,styled as ke,TextField as Rc}from"@rango-dev/ui";var Yt=300,Xc=Zs({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),Kc=Zs({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),ea=ke("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),ta=ke("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}),oa=ke("button",{borderRadius:"$xm",padding:"$10",border:"0",display:"flex",justifyContent:"center",$$color:"$colors$neutral100",[`.${_t} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",alignItems:"center",cursor:"pointer",width:110,position:"relative","&:hover":{$$color:"$colors$info100",[`.${_t} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$color:"$colors$info100",[`.${_t} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color",outline:0},variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary",outlineStyle:"solid"}}}}),na=ke(Dt.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit"}),ra=ke("div",{padding:"$20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),ia=ke(Vc,{position:"absolute",left:"$20"}),sa=ke("div",{paddingTop:"$20","& .wallets-list":{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}}),aa=ke(Dt.Root,{backgroundColor:"$neutral200",borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),la=ke(Hc,{width:"100%",borderRadius:"$sm !important",padding:"$15 !important",justifyContent:"space-between",alignItems:"center",$$color:"$colors$neutral100",[`.${_t} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color","&:hover":{$$color:"$colors$info100",[`.${_t} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$background:"$colors$info100",[`.${_t} &`]:{$$background:"$colors$info700"},backgroundColor:"$$background",outline:0}}),pa=ke("div",{padding:"$10 $0","& .button__content":{display:"flex",justifyContent:"center",alignItems:"center"},"& .alarms":{paddingTop:"5px"}}),ua=ke("div",{transition:`all ${Yt}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),ca=ke("div",{display:"flex"}),ma=ke(Rc,{padding:"$0 $15 $15 $15"}),da=ke(Dt.Content,{overflow:"hidden",variants:{open:{true:{animation:`${Xc} ${Yt}ms ease-out`},false:{animation:`${Kc} ${Yt}ms ease-out`}}}}),fa=ke("div",{overflow:"visible",width:"100%"});import{i18n as ot}from"@lingui/core";import{Button as ym,Divider as kr,Image as Sm,MessageBox as Tr,Modal as Ea,SelectableWallet as Cm,Typography as Ba,WalletState as Wa}from"@rango-dev/ui";import ie,{useEffect as Na,useState as Jt}from"react";import{WalletState as ga}from"@rango-dev/ui";import{useWallets as jc}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as Yc,WalletTypes as Qc}from"@rango-dev/wallets-shared";import{useEffect as Jc,useState as Zc}from"react";var em=Object.values(Qc);function nn(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:i,disconnect:a,getWalletInfo:l,connect:p}=jc(),{connectedWallets:u}=V(),{blockchains:c}=x().meta,d=typeof e?.multiWallets>"u"?!0:e.multiWallets,m=$i(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||em,g=Bi(i,l,m,o),C=Pi(g),[y,S]=Zc(""),w=s(b=>!u.find(B=>B.walletType===b&&B.chain===o),"isExperimentalChainNotAdded"),f=s(async b=>{let B=i(b);try{if(y&&S(""),B.connected)await a(b);else{let O=!!g.find(A=>A.state===ga.CONNECTED);if(!d&&O)return;n?.(b),await p(b),r?.(b)}}catch(O){S("Error: "+O?.message)}},"handleClick"),k=s(()=>{let b=g?.filter(B=>B.state===ga.CONNECTING)||[];for(let B of b)a(B.type)},"disconnectConnectingWallets");Jc(()=>()=>{k()},[]);let v=s((b,B,O)=>bo(O,B)&&w(b)&&!Yc.includes(b),"shouldExcludeWallet");return{list:C.filter(b=>!v(b.type,o??"",c)),error:y,handleClick:f}}s(nn,"useWalletList");import{i18n as ka}from"@lingui/core";import{styled as wa,Typography as pm,Wallet as um,WalletState as cm}from"@rango-dev/ui";import Ct,{Fragment as mm,useState as Ta}from"react";import{Divider as im,Modal as sm}from"@rango-dev/ui";import yr from"react";import{i18n as Ft}from"@lingui/core";import{Image as nm,MessageBox as hr,WalletState as rm}from"@rango-dev/ui";import St from"react";import{keyframes as tm,styled as rn}from"@rango-dev/ui";var Nw=rn("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),ha=rn("div",{position:"relative"}),om=tm({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),ya=rn("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${om} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),Sa=rn("div",{"& img":{borderRadius:"50%"}});function Ca(t){let{state:e,image:o,error:n}=t;return e===rm.CONNECTED?St.createElement(hr,{type:"success",title:Ft.t("Wallet Connected"),description:Ft.t("Your wallet is connected, you can use it to swap.")}):n?St.createElement(hr,{type:"error",title:Ft.t("Failed to Connect"),description:n||Ft.t("Your wallet is not connected. Please try again.")}):St.createElement(hr,{type:"loading",title:Ft.t("Connecting to your wallet"),description:Ft.t("Click connect in your wallet popup."),icon:St.createElement(ha,null,St.createElement(Sa,null,St.createElement(nm,{src:o,size:45})),St.createElement(ya,null))})}s(Ca,"ModalContent");function Qt(t){let{open:e,onClose:o,...n}=t;return yr.createElement(sm,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},yr.createElement(Ca,{...n}),yr.createElement(im,{direction:"vertical",size:32}))}s(Qt,"WalletModal");import{useInRouterContext as am,useNavigate as lm}from"react-router-dom";function re(){let t=am(),e=lm(),o=_.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 dm=wa("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline",paddingTop:"$15",height:"100%"}),fm=wa("div",{textAlign:"center"}),sn=3e3,Sr=300;function va({config:t}){let{navigateBackFrom:e}=re(),[o,n]=Ta(!1),[r,i]=Ta(""),a=null,{list:l,handleClick:p,error:u}=nn({config:t,onBeforeConnect:C=>{a=setTimeout(()=>{n(!0),i(C)},Sr)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},sn)}}),c=x.use.loadingStatus(),d=l.find(C=>C.type===r),m=d?.image||"",g=d?.state||cm.NOT_INSTALLED;return Ct.createElement(J,{header:{title:ka.t("Connect Wallets"),onBack:e.bind(null,h.wallets)}},Ct.createElement(fm,null,Ct.createElement(pm,{variant:"title",size:"xmedium",align:"center"},ka.t("Choose a wallet to connect.")),Ct.createElement(dm,null,l.map((C,y)=>{let S=`wallet-${y}-${C.type}`;return Ct.createElement(mm,{key:S},Ct.createElement(um,{...C,container:ae(),onClick:w=>{p(w)},isLoading:c==="loading"}))}),Ct.createElement(Qt,{open:!!o,onClose:()=>n(!1),image:m,state:g,error:u}))))}s(va,"WalletsPage");import{keyframes as gm,styled as Cr}from"@rango-dev/ui";var ba=Cr("div",{position:"relative"}),hm=gm({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),xa=Cr("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${hm} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),Aa=Cr("div",{"& img":{borderRadius:"50%"}});function wr(t){let{config:e,chain:o,isSelected:n,selectWallet:r,limit:i,onShowMore:a}=t,l=V.use.connectedWallets(),{blockchains:p}=x.use.meta(),[u,c]=Jt(""),[d,m]=Jt(null),[g,C]=Jt(!1),[y,S]=Jt(null),{suggestAndConnect:w}=Ia(),f=null,{list:k,error:v,handleClick:b}=nn({config:e,chain:o,onBeforeConnect:W=>{f=setTimeout(()=>{c(W)},Sr)},onConnect:()=>{f&&clearTimeout(f),setTimeout(()=>{c("")},sn)}}),[B,O]=Jt(k),A=k.length,N=i&&A-i>0,$=s(async W=>{C(!1),S("in-progress");try{await w(W.walletType,W.chain),S("completed")}catch{S(null)}},"addExperimentalChain");Na(()=>{O(W=>{let Y=k.findIndex(H=>n(H.type,o));return N&&Y>1?[k[Y]].concat(k.filter((H,ne)=>ne!==Y)):W.map(H=>k.find(ne=>ne.type===H.type)??H)})},[JSON.stringify(k)]);let oe=document.querySelector("#swap-box");return Na(()=>{let W=null;return y==="completed"&&(W=setTimeout(()=>S(null),sn)),()=>{W&&clearTimeout(W)}},[y]),ie.createElement(ie.Fragment,null,B.slice(0,i).map(W=>{let Y=_i({connectedWallets:l,walletType:W.type,chain:o}),H=Y?xo(Y):"",ne=bo(p,o),P=!l.find(Ie=>Ie.walletType===W.type&&Ie.chain===o),me=ne&&P&&W.state===Wa.CONNECTED,Ne=me?ot.t({id:"Add {chain} chain",values:{chain:o}}):H,z=s(()=>{W.state===Wa.DISCONNECTED?b(W.type):me?(m({walletType:W.type,chain:o,address:Y??""}),C(!0)):r({walletType:W.type,chain:o,address:Y??""})},"onClick"),K=d?.chain?hs(d.chain,p):void 0;return ie.createElement(ie.Fragment,null,ie.createElement(Qt,{open:u===W.type,onClose:()=>c(""),image:W.image,state:W.state,error:v}),!!d&&ie.createElement(Ea,{open:!!d&&g,container:oe,onClose:()=>{m(null)}},ie.createElement(Tr,{title:ot.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:K}}),type:"warning",description:ot.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:K}})},ie.createElement(kr,{size:18}),ie.createElement(kr,{size:32}),ie.createElement(ym,{onClick:$.bind(null,d),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},ot.t("Confirm")))),y&&ie.createElement(Ea,{open:!!y,onClose:S.bind(null,null),container:oe},y==="in-progress"?ie.createElement(Tr,{type:"loading",title:ot.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:K}}),description:ot.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:K}}),icon:ie.createElement(ba,null,ie.createElement(Aa,null,ie.createElement(Sm,{src:W.image,size:45})),ie.createElement(xa,null))}):ie.createElement(Tr,{type:"success",title:ot.t({id:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:K}}),description:ot.t({id:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:K}})}),ie.createElement(kr,{direction:"vertical",size:32})),ie.createElement(Cm,{key:W.type,description:Ne,onClick:z,selected:n(W.type,o),...W}))}),N&&ie.createElement(oa,{selected:!1,onClick:a.bind(null)},ie.createElement(Ba,{variant:"label",size:"medium"},ot.t("Show more wallets"),ie.createElement(Ba,{variant:"label",size:"medium",color:"$primary"},"\xA0+",A-(i??0)))))}s(wr,"WalletList");var Wm=2;function Pa(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,config:i,loading:a}=t,{blockchains:l}=x.use.meta(),{bestRoute:p,setSelectedWallets:u,routeWalletsConfirmed:c,setRouteWalletConfirmed:d,customDestination:m,setCustomDestination:g}=_(),{connectedWallets:C,selectWallets:y}=V(),[S,w]=kt(""),[f,k]=kt([]),[v,b]=kt(""),[B,O]=kt(null),[A,N]=kt(m),[$,oe]=kt(!!m),W=Em(null),Y=Do(p),H=typeof i?.customDestination>"u"?!0:i.customDestination,ne=l.find(D=>D.name===p?.result?.swaps[p?.result?.swaps.length-1].to.blockchain),P=s(D=>!!p?.result?.swaps.find(I=>I.from.blockchain===D),"isWalletRequiredFor"),[me,Ne]=kt(C.filter(D=>D.selected&&Y.includes(D.chain))),z=l.find(D=>D.name===ne?.name),K=s((D,I)=>!!me.find(U=>U.walletType===D&&U.chain===I&&U.selected&&(P(I)||!P(I)&&!A)),"isSelected"),Ie=!!A&&$&&z&&!Fo(z,A),we=s(()=>{oe(!1),N(""),Ne(D=>{let I=!1;return D.map(U=>!I&&U.chain===ne?.name?(I=!0,{...U,selected:!0}):U)})},"resetCustomDestination"),Fe=s(D=>{if(S&&w(""),K(D.walletType,D.chain))return;let U=C.find(Q=>Q.walletType===D.walletType&&Q.chain===D.chain);U&&(n(),D.chain===ne?.name&&$&&(oe(!1),N("")),Ne(Q=>Q.filter(le=>le.chain!==D.chain).concat({...U,selected:!0})))},"onChange"),se=s(()=>{let D=me.filter(I=>I.selected);y(D),u(D),g(A),d(!0),o()},"onConfirmBalance"),ft=s(async()=>{k([]),b(""),O(null);let D=C.filter(Q=>me.find(le=>le.chain===Q.chain&&le.walletType===Q.walletType)),I=await r?.({selectedWallets:D,customDestination:A}),U=I.warnings;U?.balance?.messages&&k(U.balance.messages),U?.route&&O(U.route),I.error&&b(Lo(I.error)),!I.error&&(!U?.balance?.messages.length||0>0)?se():k(U?.balance?.messages??[])},"onConfirmWallets");xm(()=>{Ne(D=>D.concat(C.filter(I=>!!!D.find(Q=>Q.chain===I.chain)&&I.selected&&Y.includes(I.chain))))},[C.length]),Am(()=>{$&&W.current&&setTimeout(()=>{W?.current?.scrollIntoView({behavior:"smooth"})},Yt)},[$]);let Qe=document.querySelector("#swap-box"),bt=Bm();return E.createElement(La,{open:e,onClose:()=>{c||bt(h.home,{replace:!0}),o()},dismissible:!S,container:Qe,...!S&&{footer:E.createElement(ca,null,E.createElement(Ma,{loading:a,disabled:Ls(a,$,A,p,me,ne),onClick:ft,variant:"contained",type:"primary",fullWidth:!0,size:"large"},"Confirm"))},...S&&{containerStyle:{padding:"$0"},header:E.createElement(ra,null,E.createElement(ia,{variant:"ghost",onClick:w.bind(null,"")},E.createElement(wm,{size:16})),E.createElement(an,{variant:"headline",size:"small"},nt.t({id:"Your {blockchainName} wallets",values:{blockchainName:S}})))},anchor:"center"},E.createElement(La,{open:f.length>0,onClose:k.bind(null,[]),container:Qe},E.createElement(vm,{title:nt.t("Insufficient account balance"),type:"error",description:E.createElement(km,{messages:f??[]})},E.createElement(Ma,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:se},nt.t("Proceed anyway")))),S&&E.createElement(sa,null,E.createElement("div",{className:"wallets-list"},E.createElement(wr,{chain:S,isSelected:K,selectWallet:Fe,multiWallets:i?.multiWallets??!0,supportedWallets:i?.wallets??[],config:i,onShowMore:w.bind(null,S)}))),!S&&E.createElement(E.Fragment,null,v&&E.createElement(E.Fragment,null,E.createElement(vr,{variant:"alarm",type:"error",title:nt.t(v)}),E.createElement(Ot,{size:12})),B&&E.createElement(E.Fragment,null,E.createElement(vr,{variant:"alarm",type:"warning",title:on(B)}),E.createElement(Ot,{size:12})),E.createElement(fa,null,Y.map((D,I)=>{let U=l.find(ue=>ue.name===D),Q=`wallet-${I}`,le=I===Y.length-1;return E.createElement("div",{key:Q},E.createElement(ea,null,E.createElement(an,{variant:"title",size:"xmedium"},nt.t({id:"Your {blockchainName} wallets",values:{blockchainName:U?.displayName}})),E.createElement(an,{variant:"label",color:"$neutral700",size:"medium"},nt.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:U?.displayName}}))),E.createElement(Ot,{size:24}),E.createElement(ta,null,E.createElement(wr,{chain:D,isSelected:K,selectWallet:Fe,multiWallets:i?.multiWallets??!0,supportedWallets:i?.wallets??[],config:i,limit:Wm,onShowMore:()=>w(U?.name??"")})),!le&&E.createElement(Ot,{size:32}),le&&H&&E.createElement(pa,null,E.createElement(aa,{ref:W,selected:$,open:$,onOpenChange:ue=>{ue?P(ne?.name??"")||Ne(ho=>ho.map(yo=>yo.chain===ne?.name?{...yo,selected:!1}:yo)):we()}},E.createElement(na,{onClick:()=>oe(ue=>!ue)},E.createElement(la,{fullWidth:!0,variant:"default",suffix:E.createElement(ua,{orientation:$?"up":"down"},E.createElement(Tm,{size:10,color:"gray"}))},E.createElement("div",{className:"button__content"},E.createElement(bm,{size:18,color:"info"}),E.createElement(Ot,{size:4,direction:"horizontal"}),E.createElement(an,{variant:"label",size:"medium"},nt.t("Send to a different address"))))),E.createElement(da,{open:$},E.createElement(E.Fragment,null,E.createElement(Ot,{size:4}),E.createElement(ma,{autoFocus:!0,placeholder:nt.t("Your destination address"),value:A,onChange:ue=>{N(ue.target.value)}})))),Ie&&E.createElement("div",{className:"alarms"},E.createElement(vr,{variant:"alarm",type:"error",title:nt.t({values:{destination:A},id:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}s(Pa,"ConfirmWalletsModal");import{calculatePendingSwap as Im}from"@rango-dev/queue-manager-rango-preset";import Mm from"bignumber.js";import{useEffect as Lm}from"react";function Pm(t,e){if(!t.result)throw new Error(q().noRoutesError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});let o=new Mm(t.result?.outputAmount||"0").multipliedBy(e.outputUsdValue||0),n=qo(e.inputUsdValue,o);if(Go(e.inputUsdValue,n))throw new Error("High value loss for route",{cause:{type:1}});return t}s(Pm,"throwErrorIfResponseIsNotValid");function _m(t,e,o){let n=Ss(t,e),r={balance:null,route:null,slippage:null};n&&(Es(t,e)?r.route={type:3,newOutputAmount:T(Mt(e)),percentageChange:T(Ze(Mt(t),Mt(e)),null,2)}:rr(t,e)?r.route={type:0}:ir(t,e)?r.route={type:1}:sr(t,e)&&(r.route={type:2}));let i=Bs(e,o.selectedWallets);i.length===0||(r.balance={messages:i});let l=bs(t),p=o.userSlippage>ss;return xs(o.userSlippage.toString(),l)?p&&(r.slippage={type:1,slippage:o.userSlippage.toString()}):r.slippage={type:0,slippage:l},r}s(_m,"generateWarnings");function _a(){let{fromToken:t,toToken:e,inputAmount:o,inputUsdValue:n,setRoute:r,bestRoute:i,customDestination:a}=_(),{slippage:l,customSlippage:p,affiliatePercent:u,affiliateRef:c,affiliateWallets:d,disabledLiquiditySources:m}=F(),{connectedWallets:g}=V(),{meta:C}=x(),y=p||l,{fetch:S,cancelFetch:w,loading:f}=Yo();return Lm(()=>w,[]),{loading:f,fetch:s(async v=>{let b=v.selectedWallets,B=v?.customDestination??a;if(!t||!e||!o||!i)return{route:null,swap:null,error:null,warnings:null};let O=Xo({fromToken:t,toToken:e,inputAmount:o,wallets:g,selectedWallets:b,disabledLiquiditySources:m,slippage:y,affiliateRef:c,affiliatePercent:u,affiliateWallets:d,initialRoute:i,destination:B}),A;try{A=await S(O).then(oe=>Pm(oe,{outputUsdValue:e.usdPrice,inputUsdValue:n})),r(A)}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 N={slippage:y.toString(),disabledSwappersGroups:m},$=Im(o.toString(),A,As(b),N,!1,C);return{route:A,swap:$,error:null,warnings:_m(i,A,{selectedWallets:b,userSlippage:y})}},"fetch"),cancelFetch:w}}s(_a,"useConfirmSwap");var Xm=Oa("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"}}),Km=Oa("div",{width:"100%",display:"flex",justifyContent:"space-between","& .confirm-button":{flexGrow:1,paddingRight:"$10"},[`& ${Fa}`]:{width:"$48",height:"$48"}});function $a(t){let{config:e}=t,{bestRoute:o,inputAmount:n,outputAmount:r,inputUsdValue:i,outputUsdValue:a,setInputAmount:l,selectedWallets:p,routeWalletsConfirmed:u,setRouteWalletConfirmed:c,customDestination:d}=_(),m=Rm(),[g,C]=un(""),[y,S]=un(!1),{connectedWallets:w}=V(),f=!u,[k,v]=un(!1),b=be.use.setSelectedSwap(),{meta:{tokens:B,blockchains:O},loadingStatus:A}=x(),N=F.use.slippage(),$=F.use.customSlippage(),{manager:oe}=Dm(),W=$||N,{fetch:Y,loading:H,cancelFetch:ne}=_a(),[P,me]=un({swap:null,error:null,warnings:null}),Ne=H||A==="loading",z=!H&&P.error&&[0,2].includes(P.error.type),K=!z&&!H&&o&&o.result,Ie=Ro(o,B),we=T(Ze(i?.toNumber()??0,a?.toNumber()??0),2,2),Fe=It(parseFloat(we)),se=s(async({selectedWallets:I,customDestination:U})=>{let Q=await Y?.({selectedWallets:I,customDestination:U});return me(Q),Q},"onConfirmSwap"),ft=s(async()=>{if(P.swap&&u)try{await oe?.create("swap",{swapDetails:P.swap},{id:P.swap.requestId}),b(P.swap.requestId),m("/"+h.swaps+`/${P.swap.requestId}`,{replace:!0}),setTimeout(()=>{l("")},0)}catch(I){C("Error: "+I?.message)}},"addNewSwap"),Qe=s(async()=>{await ft()},"onConfirm"),bt=s(async()=>{P?.warnings?.slippage?S(!0):await Qe()},"onStartConfirmSwap"),D=s(async()=>{me({error:null,swap:null,warnings:null}),Y({selectedWallets:p}).then(I=>{me(I)}).catch(I=>console.error(I))},"onRefresh");return pn(()=>{f&&ne()},[f]),pn(()=>{f&&v(f)},[f]),pn(()=>{f||Y({selectedWallets:p,customDestination:d}).then(I=>me(I)).catch(I=>console.error(I))},[]),pn(()=>{let I=P.warnings?.route?.type&&Object.values(Rt).includes(P.warnings?.route?.type),U=p.length<1||!p.every(le=>w.find(ue=>le.address===ue.address&&le.walletType===ue.walletType&&le.chain===ue.chain)),Q=!1;if(I){let le=Do(o),ue=o?.result?.swaps[o.result.swaps.length-1].to.blockchain;!!o?.result?.swaps.find(On=>On.from.blockchain===ue)||(le=le.slice(-le.length,le.length-1)),le.every(On=>p.find(Ip=>Ip.chain===On))||(Q=!0)}o&&(U||Q)&&(queueMicrotask(()=>Vm(v.bind(null,!0))),c(!1))},[P.warnings?.route,p.length,w.length]),M.createElement(J,{header:{title:Xe.t("Confirm Swap"),onBack:m.bind(null,-1),hasConnectWallet:!0,suffix:M.createElement(Gm,{container:ae(),side:"bottom",content:Xe.t("Settings")},M.createElement(Oe,{size:"small",variant:"ghost",onClick:()=>m("/"+h.settings)},M.createElement(qm,{size:18,color:"black"})))},footer:M.createElement(Km,null,M.createElement("div",{className:"confirm-button"},M.createElement(ln,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:H,disabled:!!P.error,onClick:bt},Xe.t("Start Swap"))),M.createElement(Fa,{variant:"contained",type:"primary",size:"large",loading:H,onClick:v.bind(null,!0)},M.createElement(Hm,{size:24})))},M.createElement(Um,{anchor:"bottom",open:y,prefix:M.createElement(ln,{size:"small",variant:"ghost",onClick:()=>m("/"+h.settings)},M.createElement(Da,{variant:"label",size:"medium",color:"$neutral700"},Xe.t("Change settings"))),container:document.querySelector("#swap-box"),onClose:S.bind(null,I=>!I)},P.warnings?.slippage&&M.createElement($m,{type:"warning",title:P.warnings.slippage.type===1?Xe.t("High slippage"):Xe.t("Low slippage"),description:P.warnings.slippage.type===1?Xe.t({id:" Caution, your slippage is high (={selectedSlippage}). Your trade may be front run.",values:{selectedSlippage:W}}):Xe.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:P.warnings.slippage.slippage}})},M.createElement($t,{size:18}),M.createElement($t,{size:32}),M.createElement(ln,{size:"large",type:"primary",variant:"contained",fullWidth:!0,onClick:Qe},Xe.t("Confirm anyway")))),k&&M.createElement(Pa,{open:k,onClose:()=>v(!1),onCancel:ne,loading:H,onCheckBalance:se,config:e}),M.createElement(Xm,null,M.createElement("div",{className:"description"},M.createElement(Da,{variant:"title",size:"small"},Xe.t("You get")),M.createElement(ln,{style:{padding:"0"},variant:"ghost",disabled:H,onClick:D},M.createElement("div",{className:"icon"},M.createElement(zm,{size:16})))),g&&M.createElement(M.Fragment,null,M.createElement(br,{type:"error",variant:"alarm",title:g}),M.createElement($t,{size:12})),P.warnings?.route&&M.createElement(M.Fragment,null,M.createElement(br,{variant:"alarm",type:"warning",title:on(P.warnings.route)}),M.createElement($t,{size:12})),Ne&&M.createElement(Om,{type:"swap-preview",expanded:!0}),K&&M.createElement(Fm,{expanded:!0,tooltipContainer:ae(),steps:ws(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:Fe}),z&&M.createElement(M.Fragment,null,M.createElement($t,{size:12}),M.createElement(Xt,{diagnosisMessage:P.error?.type===0?P.error.diagnosisMessage:void 0,error:P.error?.type===2,fetch:D})),P.error?.type===1&&M.createElement(M.Fragment,null,M.createElement(br,{variant:"alarm",type:"error",title:Lo(P.error)}),M.createElement($t,{size:12}))))}s($a,"ConfirmSwapPage");import{i18n as dn}from"@lingui/core";import{useManager as ed}from"@rango-dev/queue-manager-react";import{Divider as td,NotFound as od,styled as Ka}from"@rango-dev/ui";import ct,{useState as nd}from"react";import{useNavigate as rd}from"react-router-dom";import{CloseIcon as Ym,IconButton as Qm,SearchIcon as Jm,TextField as Zm}from"@rango-dev/ui";import Zt from"react";import{styled as jm}from"@rango-dev/ui";var Ua=jm("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:l,...p}=t;return Zt.createElement(Zm,{prefix:Zt.createElement(Ua,null,Zt.createElement(Jm,{color:"black"})),suffix:!!a.length&&Zt.createElement(Qm,{variant:"ghost",onClick:()=>l?.(""),size:"small"},Zt.createElement(Ym,{color:"gray",size:10})),fullWidth:o,color:n,variant:e,style:{padding:10,borderRadius:25,alignItems:"center"},size:r,value:a,onChange:i,...p})}s(rt,"SearchInput");import{i18n as qa}from"@lingui/core";import{Divider as Ga,SwapListItem as Ha,Typography as Va}from"@rango-dev/ui";import te from"react";import{styled as cn}from"@rango-dev/ui";var xr=cn("div",{width:"100%",display:"flex",flexDirection:"column"}),Ar=cn("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),Er=cn("div",{gap:"$10",display:"flex",flexDirection:"column"}),za=cn("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});function Br(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,i=n?n(e):[{title:"History",swaps:e}];if(r){let a=[{},{}];return te.createElement(te.Fragment,null,[{title:"Today",swaps:a},{title:"Last month",swaps:a}].map(p=>te.createElement(te.Fragment,{key:p.title},te.createElement(xr,null,te.createElement(Ar,null,te.createElement(Va,{variant:"label",size:"medium",color:"neutral600",className:"group-title"},qa.t(p.title))),te.createElement(Ga,{size:4}),te.createElement(Er,null,p.swaps.map((u,c)=>{let d=c+p.title;return te.createElement(te.Fragment,{key:d},te.createElement(Ha,{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(xr,null,te.createElement(Ar,null,te.createElement(Va,{variant:"label",size:"medium",color:"neutral600",className:"group-title"},qa.t(a.title))),te.createElement(Ga,{size:4}),te.createElement(Er,null,a.swaps.map(l=>{let p=l.steps[0],u=l.steps[l.steps.length-1];return te.createElement(te.Fragment,{key:l.requestId},te.createElement(Ha,{requestId:l.requestId,creationTime:l.creationTime,status:l.status,onClick:o,onlyShowTime:a.title==="Today",swapTokenData:{from:{token:{image:p.fromLogo,displayName:p.fromSymbol},blockchain:{image:p.fromBlockchainLogo||""},amount:ko(l.inputAmount)},to:{token:{image:u.toLogo,displayName:u.toSymbol},blockchain:{image:u.toBlockchainLogo||""},amount:ko(u.outputAmount||""),estimatedAmount:ko(u.expectedOutputAmountHumanReadable||"")}}}))}))))))}s(Br,"SwapsGroup");import Ra from"dayjs";var Xa=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=Ra();return t.forEach(n=>{let r=Ra(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 mn=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 id=Ka("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",height:"100%",gap:15}),sd=Ka("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),ad=s((t,e)=>t?.length?t.filter(o=>Ve(o.fromBlockchain,e)||Ve(o.toBlockchain,e)||Ve(o.toSymbol,e)||Ve(o.fromSymbol,e)).length:!1,"isStepContainsText");function ja(){let t=be.use.setSelectedSwap(),e=rd(),{navigateBackFrom:o}=re(),{manager:n,state:r}=ed(),i=mn(n).map(({swap:m})=>m),[a,l]=nd(""),p=!r.loadedFromPersistor,u=s(m=>{let g=m.target.value;l(g)},"searchHandler"),c=i;a&&(c=i.filter(m=>Ve(m.inputAmount,a)||Ve(m.status,a)||ad(m.steps,a)||Ve(m.requestId,a)));let d=!c?.length&&!p;return ct.createElement(J,{header:{onBack:o.bind(null,h.swaps),title:dn.t("History")}},ct.createElement(id,null,ct.createElement(rt,{setValue:l,fullWidth:!0,variant:"contained",placeholder:dn.t("Search Transaction"),autoFocus:!0,onChange:u,value:a}),ct.createElement(sd,null,d&&ct.createElement(za,null,ct.createElement(td,{size:32}),ct.createElement(od,{title:dn.t("No results found"),description:a?dn.t("Try using different keywords"):""})),!d&&ct.createElement(Br,{list:c,onSwapClick:m=>{t(m),e(`${m}`,{replace:!0})},groupBy:Xa,isLoading:p}))))}s(ja,"HistoryPage");import{i18n as Ya}from"@lingui/core";import{List as ld,ListItemButton as pd,Radio as ud,RadioRoot as cd,Typography as md}from"@rango-dev/ui";import mt from"react";import{styled as fn}from"@rango-dev/ui";var it=fn("div",{height:"100%",overflow:"hidden"}),eo=fn("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto"}),Wr=fn("div",{width:80,display:"flex",justifyContent:"flex-end"}),Nr=fn("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});function gn(){let t=F.use.language(),e=F.use.setLanguage();return{activeLanguage:t,languages:ns,defaultLanguage:Po,changeLanguage:e}}s(gn,"useLanguage");function Qa(){let{navigateBackFrom:t}=re(),{activeLanguage:e,changeLanguage:o,languages:n}=gn(),r=n.map(i=>{let{local:a,label:l,SVGFlag:p}=i;return{id:a,value:a,title:mt.createElement(md,{variant:"title",size:"xmedium"},l),onClick:()=>o(i.local),end:mt.createElement(ud,{value:a}),start:mt.createElement(p,null)}});return mt.createElement(J,{header:{onBack:t.bind(null,h.settings),title:Ya.t("Language")}},mt.createElement(it,null,mt.createElement(cd,{value:e},mt.createElement(ld,{type:mt.createElement(pd,{title:Ya.t("language"),id:"_",onClick:()=>console.log()}),items:r}))))}s(Qa,"LanguagePage");import{i18n as Ut}from"@lingui/core";import{Button as yd,Checkbox as Sd,Image as Cd,ListItemButton as kd,NotFound as Td,Typography as wd}from"@rango-dev/ui";import Te,{useState as vd}from"react";import{Checkbox as gd,Skeleton as Za}from"@rango-dev/ui";import to from"react";import{ListItem as dd,styled as fd}from"@rango-dev/ui";var Ja=fd(dd,{height:61});var hd=30;function Ir(){return to.createElement(eo,null,Array.from(Array(hd),t=>to.createElement(Ja,{hasDivider:!0,key:t,start:to.createElement(Za,{variant:"circular",width:35,height:35}),title:to.createElement(Za,{variant:"text",size:"large",width:90}),end:to.createElement(gd,{checked:!1})})))}s(Ir,"LoadingLiquiditySourceList");function hn(t){let e=x.use.meta().swappers,o=F.use.disabledLiquiditySources(),n=[];return Wt(e.map(i=>i.swapperGroup)).map(i=>{let a=e.find(l=>l.swapperGroup===i);if(a){let l=!0;t&&(l=t.some(p=>p===a.swapperGroup)),l&&a.types.map(p=>{n.push({id:a.swapperGroup,groupTitle:a.swapperGroup,logo:a.logo,type:p,selected:!o.includes(a.swapperGroup)})})}}),n}s(hn,"getUniqueSwappersGroups");function el(t,e){return t.groupTitle<e.groupTitle?-1:t.groupTitle>e.groupTitle?1:0}s(el,"sortLiquiditySourcesByGroupTitle");function Mr({supportedSwappers:t,sourceType:e}){let[o,n]=vd(""),r=F.use.toggleLiquiditySource(),{navigateBackFrom:i}=re(),a=x.use.loadingStatus(),l=hn(t),p=[];e==="Exchanges"&&p.push("DEX"),e==="Bridges"&&(p.push("BRIDGE"),p.push("AGGREGATOR"));let u=l.filter(y=>p.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(el).map(y=>{let{selected:S,groupTitle:w,logo:f}=y;return{start:Te.createElement(Cd,{src:f,size:22,type:"circular"}),onClick:()=>r(w),end:Te.createElement(Sd,{checked:S}),title:Te.createElement(wd,{variant:"title",size:"xmedium"},Ut.t(w)),...y}}),g=s(y=>{let S=y.target.value;n(S)},"searchHandler"),C=m;return o&&(C=m.filter(y=>Ve(y.groupTitle,o))),Te.createElement(J,{header:{onBack:i.bind(null,h.settings),title:Ut.t(e),suffix:Te.createElement(Wr,null,Te.createElement(yd,{variant:"ghost",size:"xsmall",onClick:d},Ut.t(c?"Deselect all":"Select all")))}},Te.createElement(it,null,Te.createElement(rt,{value:o,setValue:n,fullWidth:!0,color:"light",variant:"contained",placeholder:Ut.t("Search {sourceType}",{sourceType:e}),onChange:g}),a==="loading"&&Te.createElement(Ir,null),!C.length&&o?Te.createElement(Nr,null,Te.createElement(Td,{title:Ut.t("No results found"),description:Ut.t("Try using different keywords")})):a==="success"&&Te.createElement(eo,null,C.map(y=>Te.createElement(Te.Fragment,{key:y.id},Te.createElement(kd,{style:{height:"61px"},...y,selected:!1,hasDivider:!0}))))))}s(Mr,"LiquiditySourcePage");import{i18n as ll}from"@lingui/core";import{Divider as Dr,SelectableCategoryList as Md}from"@rango-dev/ui";import Tt,{useState as pl}from"react";import{i18n as Pr}from"@lingui/core";import{Divider as sl,Image as Ed,ListItemButton as Bd,NotFound as Wd,Typography as al}from"@rango-dev/ui";import De,{useEffect as Nd,useState as Id}from"react";import{BlockchainCategories as Lr}from"@rango-dev/ui";import{TransactionType as yn}from"rango-sdk";var bd=s((t,e)=>{switch(e){case Lr.ALL:return!0;case Lr.UTXO:return t.type===yn.TRANSFER;case Lr.OTHER:return t.type!==yn.TRANSFER&&t.type!==yn.COSMOS&&t.type!==yn.EVM;default:return t.type===e}},"filterByType"),tl=s((t,e,o)=>t.filter(n=>bd(n,o)).filter(n=>gt(n.name,e)||gt(n.displayName,e)),"filterBlockchains");import{styled as ol}from"@rango-dev/ui";var nl=ol("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),Sn=ol("ul",{padding:0,margin:0,listStyle:"none",overflowY:"auto",paddingRight:"$5",".image-container":{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as xd,Skeleton as rl}from"@rango-dev/ui";import Cn from"react";var Ad=20;function il(){return Cn.createElement(Sn,null,Array.from(Array(Ad),t=>Cn.createElement(xd,{key:t,hasDivider:!0,start:Cn.createElement(rl,{variant:"circular",width:35,height:35}),title:Cn.createElement(rl,{variant:"text",size:"large",width:90})})))}s(il,"LoadingBlockchainList");function _r(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[i,a]=Id(e),l=x.use.loadingStatus();Nd(()=>{a([...tl(e,o,r)])},[e,o,r]);let p=s(()=>!i.length&&o?De.createElement(De.Fragment,null,De.createElement(sl,{size:32}),De.createElement(Wd,{title:Pr.t("No results found"),description:Pr.t("Try using different keywords")})):De.createElement(Sn,{key:`${r}-${o}`},i.map(u=>De.createElement(Bd,{key:`${u.name}-${u.chainId}`,hasDivider:!0,onClick:()=>n(u),start:De.createElement(Ed,{src:u.logo,size:30}),title:De.createElement(al,{variant:"title",size:"medium"},u.displayName),id:u.chainId}))),"renderList");return De.createElement(nl,null,De.createElement(al,{variant:"label",size:"large"},Pr.t("Select Blockchain")),De.createElement(sl,{size:4}),l==="loading"&&De.createElement(il,null),l==="success"&&p())}s(_r,"BlockchainList");function Fr(t){let{type:e}=t,{navigateBackFrom:o}=re(),[n,r]=pl(""),[i,a]=pl("ALL"),l=_.use.setToBlockchain(),p=_.use.setFromBlockchain(),{loadingStatus:u}=x(),c=Pe().blockchains({type:e}),d=e==="source"?"fromBlockchain":"toBlockchain";return Tt.createElement(J,{header:{onBack:()=>{o(h[d])},title:ll.t("Select Blockchain")}},Tt.createElement(Dr,{size:12}),Tt.createElement(Md,{setCategory:a,category:i,blockchains:c,isLoading:u==="loading"}),Tt.createElement(Dr,{size:24}),Tt.createElement(rt,{value:n,autoFocus:!0,placeholder:ll.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:m=>r(m.target.value)}),Tt.createElement(Dr,{size:16}),Tt.createElement(_r,{list:c,searchedFor:n,blockchainCategory:i,onChange:m=>{e==="source"?p(m):l(m),o(h[d])}}))}s(Fr,"SelectBlockchainPage");import{i18n as El}from"@lingui/core";import{Divider as Bl}from"@rango-dev/ui";import zt,{useState as jd}from"react";import{useNavigate as Yd}from"react-router-dom";import{i18n as $r}from"@lingui/core";import{BlockchainsChip as kn,Divider as dl,Image as fl,Skeleton as Fd,Typography as Ur}from"@rango-dev/ui";import Ce from"react";import{useEffect as _d}from"react";var ul=["ETH","COSMOS","OSMOSIS"];function cl(t,e,o){let n=JSON.parse(JSON.stringify(t)),r=[];if(n.sort(Ld),o?.limit&&t.length>o.limit){let i=o.limit,a=e;if(e.length<=o.limit)for(let l=0;l<o.limit;l++){let p=n[l];a=a.filter(u=>p.name!==u)}n.sort(Pd(a)),r=n.splice(i)}return{list:n,more:r}}s(cl,"prepare");function Ld(t,e){let o=ul,n=o.findIndex(l=>l===t.name),r=o.findIndex(l=>l===e.name),i=n>-1,a=r>-1;return i&&a?n>r?1:-1:i?-1:a?1:0}s(Ld,"sortByMostUsedBlockchains");function Pd(t){return s(function(o,n){let r=t.findIndex(p=>p===o.name),i=t.findIndex(p=>p===n.name),a=r>-1,l=i>-1;return a&&l?r>i?1:-1:t.includes(o.name)?-1:t.includes(n.name)?1:0},"sortByPreferred")}s(Pd,"generateSortByPreferredBlockchainsFor");function Or(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=F();_d(()=>{e?.selected&&n(e?.selected)},[e?.selected]);let r=cl(t,o,e);return{list:r.list,more:r.more,history:[]}}s(Or,"usePrepareBlockchainList");import{styled as Dd}from"@rango-dev/ui";var ml=Dd("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var Od=12;function zr(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:i}=t,a=Or(e,{limit:10,selected:n?.name}),l=x.use.loadingStatus(),p=_.use.resetToBlockchain(),u=_.use.resetFromBlockchain(),c=a.more.length>0,d=a.more.length===1,m=!d&&c;return Ce.createElement("div",null,Ce.createElement(dl,{size:12}),Ce.createElement(Ur,{variant:"label",size:"large"},$r.t("Select Blockchain")),Ce.createElement(dl,{size:12}),Ce.createElement(ml,null,l==="loading"&&Array.from(Array(Od),g=>Ce.createElement(Fd,{key:g,variant:"rounded",height:50})),l==="success"&&Ce.createElement(Ce.Fragment,null,Ce.createElement(kn,{selected:!n,onClick:()=>{o==="from"?u():p()}},Ce.createElement(Ur,{variant:"body",size:"xsmall",color:"secondary500"},$r.t("All"))),a.list.map(g=>Ce.createElement(kn,{key:g.name,selected:!!n&&n.name===g.name,onClick:()=>r(g)},Ce.createElement(fl,{src:g.logo,size:30}))),d?Ce.createElement(kn,{key:a.more[0].name,selected:!!n&&n.name===a.more[0].name,onClick:()=>r(a.more[0])},Ce.createElement(fl,{src:a.more[0].logo,size:30})):null,m?Ce.createElement(kn,{onClick:i,key:"more-blockchains"},Ce.createElement(Ur,{variant:"body",size:"xsmall",color:"secondary500"},$r._("More +{count}",{count:a.more.length}))):null)))}s(zr,"BlockchainsSection");import{i18n as Rr}from"@lingui/core";import{darkTheme as wl,Divider as no,ExternalLinkIcon as zd,Image as qd,ListItemButton as Gd,NotFound as Hd,PinIcon as Vd,Skeleton as vl,Typography as ro,VirtualizedList as Rd}from"@rango-dev/ui";import L,{forwardRef as Xd,useEffect as bl,useState as xl}from"react";var gl=s((t,e)=>{t=t.replace(/^#/,""),t.length===3&&(t=t[0]+t[0]+t[1]+t[1]+t[2]+t[2]);let[i,a,l]=t.match(/.{2}/g);[i,a,l]=[parseInt(i,16)+e,parseInt(a,16)+e,parseInt(l,16)+e],i=Math.max(Math.min(255,i),0).toString(16),a=Math.max(Math.min(255,a),0).toString(16),l=Math.max(Math.min(255,l),0).toString(16);let p=(i.length<2?"0":"")+i,u=(a.length<2?"0":"")+a,c=(l.length<2?"0":"")+l;return`#${p}${u}${c}`},"colorShade"),Tn=s((t,e)=>{let a={[t]:e};for(let l=1;l<10;l++)l<5&&(a={...a,[t+l*100]:gl(e,(5-l)*32)}),l===5&&(a={...a,[t+l*100]:e}),l>5&&(a={...a,[t+l*100]:gl(e,-((l-5)*32))});return a},"generateRangeColors"),qr=s((t,e,o)=>{if(!o||!Object.entries(o).length)return{};let n=!1,r={...t};for(let i in o){let a=o[i];if(a&&a!==t[i])if(n=!0,i==="background"||i==="foreground")r={...r,[i]:a};else if(i==="neutral"&&e){let l=Tn(i,a);r={...r,[`${i}100`]:l[`${i}900`],[`${i}200`]:l[`${i}800`],[`${i}300`]:l[`${i}700`],[`${i}400`]:l[`${i}600`],[`${i}500`]:l[`${i}500`],[`${i}600`]:l[`${i}400`],[`${i}700`]:l[`${i}300`],[`${i}800`]:l[`${i}200`],[`${i}900`]:l[`${i}100`]}}else r={...r,...Tn(i,a)}}return n?r:{}},"generateColors");import{Divider as kl,ListItem as Ud,Skeleton as oo}from"@rango-dev/ui";import He from"react";import{styled as Ke,Typography as $d}from"@rango-dev/ui";var hl=Ke("div",{display:"flex",flexDirection:"column",flexGrow:1}),Gr=Ke("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),wn=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"}}}}}),Hr=Ke("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),Vr=Ke($d,{}),yl=Ke("div",{textAlign:"right"}),vn=Ke("ul",{display:"flex",alignItems:"end",flexDirection:"column"}),vE=Ke("div",{display:"flex",alignItems:"center"}),Sl=Ke("div",{position:"relative",".image-container":{borderRadius:"$xm",overflow:"hidden"}}),Cl=Ke("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6});function Tl(t){return He.createElement(wn,null,Array.from(Array(t.size),e=>He.createElement(Ud,{key:e,hasDivider:!0,start:He.createElement(oo,{variant:"circular",width:35,height:35}),end:He.createElement(vn,null,He.createElement(oo,{variant:"text",size:"large",width:70}),He.createElement(kl,{size:4}),He.createElement(oo,{variant:"text",size:"medium",width:50})),title:He.createElement("div",null,He.createElement(oo,{variant:"text",size:"large",width:90}),He.createElement(kl,{size:4}),He.createElement(oo,{variant:"text",size:"medium",width:90}))})))}s(Tl,"LoadingTokenList");var Xr=20,Kd=s(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:i,customCssForTagTitle:a}=t,l=e.length;return L.createElement("div",{className:"description"},o?L.createElement("div",{className:"token-name"},o):L.createElement(Gr,{className:"token-title"},L.createElement(ro,{variant:"title",size:"xmedium"},r.symbol),L.createElement(no,{direction:"horizontal",size:4}),L.createElement(Hr,{css:i},L.createElement(Vr,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&L.createElement("div",{className:`token-address ${!o&&"token-address-without-name"}`},L.createElement("a",{href:n,target:"_blank",rel:"nofollow noreferrer",onClick:p=>p.stopPropagation()},l>10?`${e.slice(0,5)}...${e.slice(l-6,l)}`:e," ",L.createElement(zd,{color:"gray",size:12}))))},"renderDesc");function Al(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[i,a]=xl(e),l=x.use.loadingStatus(),[p,u]=xl(!0),c=V.use.loading(),{blockchains:d}=x.use.meta(),{isTokenPinned:m}=Pe(),g=Xd((S,w)=>L.createElement("div",{...S,ref:w,style:{...S.style,height:`${parseFloat(S.style?.height)+8*2}px`}})),C=s(()=>{a(e.slice(0,i.length+Xr))},"loadNextPage");bl(()=>{u(e.length>i.length)},[i.length]),bl(()=>{a(e.slice(0,Xr))},[e]);let y=s(()=>!i.length&&o?L.createElement(L.Fragment,null,L.createElement(no,{size:32}),L.createElement(Hd,{title:Rr.t("No results found"),description:Rr.t("Try using different keywords")})):L.createElement(Rd,{Item:({index:S,style:w})=>{let f=i[S],k=f.address||"",v=d.find(A=>A.name===f.blockchain),b=Tn(f.symbol,v?.color||""),B={$$color:b[`${f.symbol}100`],[`.${wl} &`]:{$$color:b[`${f.symbol}900`]},backgroundColor:"$$color"},O={$$color:b[`${f.symbol}700`],[`.${wl} &`]:{$$color:b[`${f.symbol}100`]},color:"$$color"};return L.createElement("div",{style:{...w,paddingRight:5}},L.createElement(Gd,{style:{height:w?.height},"tab-index":S,key:`${f.symbol}${f.address}`,id:`${f.symbol}${f.address}`,hasDivider:!0,onClick:()=>n(i[S]),start:L.createElement(Sl,null,L.createElement(qd,{src:f.image,size:30}),m(f)&&L.createElement(Cl,null,L.createElement(Vd,{size:12,color:"gray"}))),title:v?.type==="COSMOS"||f.name||!f.name&&!k?L.createElement(Gr,null,L.createElement(ro,{variant:"title",size:"xmedium"},f.symbol),L.createElement(no,{direction:"horizontal",size:4}),L.createElement(Hr,{css:B},L.createElement(Vr,{variant:"body",size:"xsmall",css:O},f.blockchain))):void 0,description:v?.info&&k&&v.type!=="COSMOS"?Kd({address:k,token:i[S],customCssForTag:B,customCssForTagTitle:O,name:f.name,url:v.info.addressUrl.split("{wallet}").join(k)}):f.name||void 0,end:c?L.createElement(vn,null,L.createElement(vl,{variant:"text",size:"large",width:70}),L.createElement(no,{size:4}),L.createElement(vl,{variant:"text",size:"medium",width:50})):i[S]?.balance&&L.createElement(yl,null,L.createElement(ro,{variant:"title",size:"small"},f.balance?.amount),L.createElement("div",null),f.balance?.usdValue&&L.createElement(ro,{variant:"body",color:"neutral600",size:"xsmall"},`$${f.balance?.usdValue}`))}))},hasNextPage:p,itemCount:i.length,loadNextPage:C,innerElementType:g,size:60,key:`${r}-${o}`}),"renderList");return L.createElement(hl,null,L.createElement(ro,{variant:"label",size:"large"},Rr.t("Select Token")),L.createElement(no,{size:4}),l==="loading"&&L.createElement(Tl,{size:Xr}),l==="success"&&L.createElement(wn,null,y()))}s(Al,"TokenList");function Kr(t){let{type:e}=t,o=Yd(),{navigateBackFrom:n}=re(),{fromBlockchain:r,toBlockchain:i,setFromToken:a,setToToken:l,setFromBlockchain:p,setToBlockchain:u}=_(),{connectedWallets:c}=V(),[d,m]=jd(""),C=(e==="source"?r:i)?.name??"",y=Pe().blockchains({type:e}),S=Pe().tokens({type:e,blockchain:C,searchFor:d}),w=Li(S,c),f=s(v=>{e==="source"?p(v):u(v)},"updateBlockchain"),k=s(v=>{e==="source"?a(v):l(v)},"updateToken");return zt.createElement(J,{header:{onBack:()=>n(e==="source"?h.fromSwap:h.toSwap),title:El.t("Swap {type}",{type:e==="source"?"from":"to"})}},zt.createElement(zr,{blockchains:y,type:e=="source"?"from":"to",blockchain:e==="source"?r:i,onMoreClick:()=>o(e==="source"?h.fromBlockchain:h.toBlockchain),onChange:v=>{f(v)}}),zt.createElement(Bl,{size:24}),zt.createElement(rt,{value:d,autoFocus:!0,placeholder:El.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>m(""),onChange:v=>m(v.target.value)}),zt.createElement(Bl,{size:16}),zt.createElement(Al,{list:w,selectedBlockchain:C,searchedFor:d,onChange:v=>{k(v);let b=y.find(B=>v.blockchain===B.name);b&&f(b),n(h.fromSwap)}}))}s(Kr,"SelectSwapItemsPage");import{i18n as wt}from"@lingui/core";import{ChevronRightIcon as Qr,Divider as Jr,InfoIcon as of,List as nf,ListItemButton as rf,Skeleton as sf,Switch as af,Tooltip as lf,Typography as vt}from"@rango-dev/ui";import G from"react";import{useNavigate as pf}from"react-router-dom";import{i18n as Ll}from"@lingui/core";import{Chip as Jd,Divider as Pl,InfoIcon as Zd,TextField as ef,Tooltip as tf,Typography as _l}from"@rango-dev/ui";import Ae from"react";import{styled as bn}from"@rango-dev/ui";var Wl=bn("div",{paddingTop:"$5",paddingBottom:"30px"}),Nl=bn("div",{display:"flex",alignItems:"center",justifyContent:"start"}),Il=bn("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),xn=bn("div",{maxWidth:"300px",padding:"$10"});import{i18n as jr}from"@lingui/core";import{Typography as Qd}from"@rango-dev/ui";import io from"react";function Ml(){return io.createElement(xn,null,io.createElement(Qd,{variant:"label",size:"medium",color:"neutral700"},jr.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),io.createElement("br",null),io.createElement("br",null),io.createElement("b",null,jr.t("Warning")),":",jr.t("This setting is applied per step, e.g. 1Inch, Thorchain, etc. and only that step will be reverted, not the whole transaction")))}s(Ml,"SlippageTooltipContent");function Yr(){let t=F.use.slippage(),e=F.use.setSlippage(),o=F.use.customSlippage(),n=F.use.setCustomSlippage();return Ae.createElement(Wl,null,Ae.createElement(Il,null,Ae.createElement(_l,{variant:"title",size:"xmedium"},Ll.t("Slippage tolerance per swap")),Ae.createElement(Pl,{direction:"horizontal",size:4}),Ae.createElement(tf,{container:ae(),side:"top",content:Ae.createElement(Ml,null)},Ae.createElement(Zd,{color:"gray"}))),Ae.createElement(Nl,null,rs.map((r,i)=>{let a=`slippage-${i}`;return Ae.createElement(Ae.Fragment,null,Ae.createElement(Jd,{style:{width:"64px",flexShrink:0},key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`}),Ae.createElement(Pl,{direction:"horizontal",size:8}))}),Ae.createElement(ef,{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>=ls&&i<=as)&&n(i)},suffix:o&&Ae.createElement(_l,{variant:"body",size:"small"},"%"),placeholder:Ll.t("Custom")})))}s(Yr,"Slippage");function Dl({supportedSwappers:t,singleTheme:e}){let o=pf(),{navigateBackFrom:n}=re(),r=F.use.infiniteApprove(),i=F.use.toggleInfiniteApprove(),a=x.use.loadingStatus(),l=hn(t),p=l.filter(v=>v.type==="BRIDGE"||v.type==="AGGREGATOR"),u=p.length,c=p.filter(v=>v.selected).length,d=l.filter(v=>v.type==="DEX"),m=d.length,g=d.filter(v=>v.selected).length,C=s((v,b)=>{switch(a){case"loading":return G.createElement(sf,{variant:"text",size:"medium",width:50});case"failed":return G.createElement(vt,{variant:"body",size:"medium",color:"$error500"},wt.t("Loading failed"));default:return G.createElement(vt,{variant:"body",size:"medium"},`${v} / ${b}`)}},"handleEndItem"),y={id:"bridge-item",title:G.createElement(vt,{variant:"title",size:"xmedium"},wt.t("Enabled bridges")),end:G.createElement(G.Fragment,null,C(c,u),G.createElement(Jr,{direction:"horizontal",size:8}),G.createElement(Qr,{color:"black"})),onClick:()=>o(h.bridges)},S={id:"exchange-item",title:G.createElement(vt,{variant:"title",size:"xmedium"},wt.t("Enabled exchanges")),end:G.createElement(G.Fragment,null,C(g,m),G.createElement(Jr,{direction:"horizontal",size:8}),G.createElement(Qr,{color:"gray"})),onClick:()=>o(h.exchanges)},w={id:"theme-item",title:G.createElement(vt,{variant:"title",size:"xmedium"},wt.t("Theme")),end:G.createElement(Qr,{color:"gray"}),onClick:()=>o(h.themes)},f={id:"infinite-approval-item",title:G.createElement(G.Fragment,null,G.createElement(vt,{variant:"title",size:"xmedium"},wt.t("Infinite Approval")),G.createElement(Jr,{direction:"horizontal",size:4}),G.createElement(lf,{side:"top",container:ae(),content:G.createElement(xn,null,G.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.")))},G.createElement(of,{color:"gray"}))),end:G.createElement(af,{checked:r}),onClick:i},k=[y,S];return e||k.push(w),k.push(f),G.createElement(J,{header:{onBack:n.bind(null,h.settings),title:wt.t("Setting")}},G.createElement(it,null,G.createElement(Yr,null),G.createElement(nf,{type:G.createElement(rf,{title:"_",id:"_",onClick:()=>console.log()}),items:k})))}s(Dl,"SettingsPage");import{cancelSwap as rg}from"@rango-dev/queue-manager-rango-preset";import{useManager as ig}from"@rango-dev/queue-manager-react";import fp from"react";import{i18n as st}from"@lingui/core";import{getCurrentBlockchainOfOrNull as Of,getCurrentStep as $f,getRelatedWalletOrNull as Uf,PendingSwapNetworkStatus as _n}from"@rango-dev/queue-manager-rango-preset";import{Button as sp,CopyIcon as zf,Divider as qf,IconButton as Gf,RouteCost as Hf,RouteSummary as Vf,StepDetails as Rf,Typography as Gt,useCopyToClipboard as Xf}from"@rango-dev/ui";import{useWallets as Kf}from"@rango-dev/wallets-react";import Z,{useEffect as ap,useRef as jf,useState as lp}from"react";import{useNavigate as Yf}from"react-router-dom";import{i18n as Ee}from"@lingui/core";var uf=1e3,cf=31536e3,mf=2592e3,df=86400,ff=3600,gf=60;function Fl(t){let e=Math.floor((Date.now()-t)/uf),n=[{turningPoint:cf,label:Ee.t("year"),pluralLabel:Ee.t("years")},{turningPoint:mf,label:Ee.t("month"),pluralLabel:Ee.t("months")},{turningPoint:df,label:Ee.t("day"),pluralLabel:Ee.t("days")},{turningPoint:ff,label:Ee.t("hour"),pluralLabel:Ee.t("hours")},{turningPoint:gf,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:l}=r,p=Math.floor(e/i);if(p>1)return`${p} ${l}`;if(p===1)return`${p} ${a}`}return e>1?`${e} ${Ee.t("seconds")}`:`${e} ${Ee.t("second")}`}s(Fl,"timeSince");function Ol(t){return t.finishTime?Ee.t({id:"{time} ago",values:{time:Fl(parseInt(t.finishTime))}}):Ee.t({id:"{time} ago",values:{time:Fl(parseInt(t.creationTime))}})}s(Ol,"getSwapDate");import{PendingSwapNetworkStatus as Bn}from"@rango-dev/queue-manager-rango-preset";import{Modal as wf}from"@rango-dev/ui";import Wn from"react";import{i18n as An}from"@lingui/core";import{Button as $l,Divider as Zr,MessageBox as hf,Typography as Ul}from"@rango-dev/ui";import je from"react";var zl=s(({onCancel:t,onClose:e})=>je.createElement(je.Fragment,null,je.createElement(Zr,{size:20}),je.createElement(hf,{type:"error",title:An.t("Transaction Cancel"),description:An.t("Are you sure you want to Cancel this swap?")}),je.createElement(Zr,{size:32}),je.createElement($l,{variant:"contained",type:"primary",size:"large",onClick:t},je.createElement(Ul,{variant:"title",size:"medium",color:"neutral100"},An.t("Yes, Cancel it"))),je.createElement(Zr,{size:12}),je.createElement($l,{variant:"outlined",type:"primary",size:"large",onClick:e},je.createElement(Ul,{variant:"title",size:"medium",color:"primary"},An.t("No, Continue")))),"CancelContent");import{i18n as En}from"@lingui/core";import{Button as ql,Divider as ei,MessageBox as yf,Typography as Gl}from"@rango-dev/ui";import Ye from"react";var Hl=s(({onDelete:t,onClose:e})=>Ye.createElement(Ye.Fragment,null,Ye.createElement(ei,{size:20}),Ye.createElement(yf,{type:"error",title:En.t("Delete Transaction"),description:En.t("Are you sure you want to delete this swap?")}),Ye.createElement(ei,{size:32}),Ye.createElement(ql,{variant:"contained",type:"primary",size:"large",onClick:t},Ye.createElement(Gl,{variant:"title",size:"medium",color:"neutral100"},En.t("Yes, Delete it"))),Ye.createElement(ei,{size:12}),Ye.createElement(ql,{variant:"outlined",type:"primary",size:"large",onClick:e},Ye.createElement(Gl,{variant:"title",size:"medium",color:"primary"},En.t("No, Cancel")))),"DeleteContent");import{i18n as ti}from"@lingui/core";import{PendingSwapNetworkStatus as oi}from"@rango-dev/queue-manager-rango-preset";var ni={[oi.WaitingForNetworkChange]:{type:"loading",title:ti.t("Change Network")},[oi.WaitingForConnectingWallet]:{type:"warning",title:ti.t("Connect Wallet")},[oi.NetworkChanged]:{type:"success",title:ti.t("Network Changed")}};import{MessageBox as Cf,Wallet as kf,WalletState as Rl}from"@rango-dev/ui";import{useWallets as Tf}from"@rango-dev/wallets-react";import so from"react";import{styled as Sf}from"@rango-dev/ui";var Vl=Sf("div",{display:"flex",justifyContent:"center"});var Xl=s(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:i}=t,{connect:a,getWalletInfo:l,state:p}=Tf(),u=n?.walletType,d=u&&p(u).connected?Rl.CONNECTED:Rl.DISCONNECTED;return so.createElement(so.Fragment,null,so.createElement(Cf,{type:e,title:o,description:r}),i&&u&&so.createElement(Vl,null,so.createElement(kf,{container:ae(),title:l(u).name,image:l(u).img,type:u,state:d,onClick:async()=>a(u)})))},"WalletStateContent");function ri(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:i,message:a}=t,l=e===Bn.WaitingForNetworkChange||e===Bn.WaitingForConnectingWallet||e===Bn.NetworkChanged;return Wn.createElement(wf,{open:!!e,onClose:o,container:document.getElementById("swap-box")||document.body},l&&Wn.createElement(Xl,{type:ni[e].type,title:ni[e].title,currentStepWallet:i,message:a,showWalletButton:e!==Bn.WaitingForNetworkChange}),e==="delete"&&Wn.createElement(Hl,{onClose:o,onDelete:n}),e==="cancel"&&Wn.createElement(zl,{onClose:o,onCancel:r}))}s(ri,"SwapDetailsModal");import{i18n as ao}from"@lingui/core";import{Button as ii,Divider as Nn,MessageBox as Kl,Modal as vf,TokenAmount as bf,Typography as In}from"@rango-dev/ui";import fe from"react";import{useNavigate as xf}from"react-router-dom";function si(t){let{open:e,onClose:o,status:n,priceValue:r,usdValue:i,token:a,chain:l,percentageChange:p,description:u,diagnosisUrl:c}=t,d=xf();return fe.createElement(vf,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},n==="success"?fe.createElement(Kl,{type:"success",title:ao.t("Swap Successful")},fe.createElement(bf,{direction:"vertical",type:"output",centerAlign:!0,price:{value:r,usdValue:i},token:a,chain:l,percentageChange:p}),fe.createElement(Nn,{size:12}),fe.createElement(In,{variant:"body",size:"medium",color:"neutral700",align:"center"},u)):fe.createElement(Kl,{type:"error",title:ao.t("Transaction Failed"),description:u}),fe.createElement(Nn,{size:32}),n==="success"&&fe.createElement(ii,{variant:"contained",type:"primary",size:"large",onClick:()=>d(h.home)},fe.createElement(In,{variant:"title",size:"medium",color:"neutral100"},ao.t("Done"))),fe.createElement(Nn,{size:12}),c&&fe.createElement(fe.Fragment,null,fe.createElement(ii,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(c,"_blank")},fe.createElement(In,{variant:"title",size:"medium",color:"primary"},ao.t("Diagnosis"))),fe.createElement(Nn,{size:12})),fe.createElement(ii,{variant:"outlined",type:"primary",size:"large",onClick:o},fe.createElement(In,{variant:"title",size:"medium",color:"primary"},ao.t("See Details"))))}s(si,"SwapDetailsCompleteModal");import Df from"react";import{i18n as Mf}from"@lingui/core";import{Alert as ep,IconButton as Lf,LinkIcon as Pf}from"@rango-dev/ui";import dt,{Fragment as _f}from"react";import{Alert as Af,ChevronDownIcon as Ef,ChevronUpIcon as Bf,IconButton as Wf}from"@rango-dev/ui";import Mn,{useState as Nf}from"react";function jl(t){let{message:e}=t,[o,n]=Nf(!1);return Mn.createElement(Af,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&Mn.createElement(Wf,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?Mn.createElement(Bf,{size:12,color:"gray"}):Mn.createElement(Ef,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}s(jl,"FailedAlert");import{styled as If}from"@rango-dev/ui";var Yl=If("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as Ql}from"@lingui/core";import{PendingSwapNetworkStatus as ai}from"@rango-dev/queue-manager-rango-preset";import{Alert as li,Button as Jl}from"@rango-dev/ui";import lo from"react";function Zl(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?lo.createElement(li,{type:"warning",title:n.shortMessage,action:lo.createElement(Jl,{size:"xxsmall",type:"warning",onClick:()=>{o(ai.WaitingForNetworkChange),e().catch(i=>{console.log(i)})}},Ql.t("Change"))}):r===ai.WaitingForConnectingWallet?lo.createElement(li,{type:"warning",title:n.shortMessage,action:lo.createElement(Jl,{size:"xxsmall",type:"warning",onClick:()=>{o(ai.WaitingForConnectingWallet)}},Ql.t("Connect"))}):lo.createElement(li,{type:"warning",title:n.shortMessage})}s(Zl,"WarningAlert");function pi(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:i,hasAlreadyProceededToSign:a}=t,l=Kt(i),p=i.status==="waitingForApproval"&&!l,u=i.status==="running"&&!l;return dt.createElement(Yl,null,i.explorerUrl?.map((c,d,m)=>{let g=d+c.url,C=d===m.length-1,y=C&&u||p,S=C&&i.status==="failed";return dt.createElement(_f,{key:g},dt.createElement(ep,{type:y&&"loading"||S&&"error"||"success",title:c.description?`${c.description} Tx`:Mf.t("View transaction"),action:c.url&&dt.createElement(Lf,{variant:"ghost",size:"xsmall",onClick:()=>window.open(c.url,"_blank")},dt.createElement(Pf,{size:16}))}))}),(u&&!a||p&&!i.explorerUrl?.length)&&dt.createElement(ep,{type:"loading",title:r.shortMessage}),i.status!=="failed"&&l&&dt.createElement(Zl,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),i.status==="failed"&&dt.createElement(jl,{message:r}))}s(pi,"SwapDetailsAlerts");var tp=2e3;var op=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(pi,{step:r,hasAlreadyProceededToSign:n,...o})}})},"getSteps");function np(t){if(Kt(t)&&t.status!=="failed"&&t.status!=="success")return"warning";switch(t.status){case"created":return"default";case"approved":case"waitingForApproval":case"running":return"in-progress";case"failed":return"error";case"success":return"completed"}}s(np,"getStepState");import{darkTheme as Ff,styled as qt}from"@rango-dev/ui";var Ln=qt("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",[`.${Ff} &`]:{$$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"}}),Pn=qt("div",{width:"100%"}),rp=qt("div",{padding:"$0 $20 $20 $20",width:"100%",overflow:"auto"}),aW=qt("div",{display:"flex",flexDirection:"column",gap:"$10"}),ip=qt("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),lW=qt("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1});function ui(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:i,connect:a,getWalletInfo:l}=Kf(),p=_.use.retry(),u=Yf(),{navigateBackFrom:c}=re(),[d,m]=Xf(tp),g=jf(null),[C,y]=lp(null),[S,w]=lp(null),{meta:{tokens:f,blockchains:k}}=x(),v=s(()=>{r(),y(null)},"onCancel"),b=_e.use.getUnreadNotifications(),B=_e.use.setAsRead(),O=b(),A=$f(e),N=A?.networkStatus;ap(()=>{O.find(Q=>Q.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(w(e.status),B(e.requestId))},[e.status]),ap(()=>{P?y(_n.WaitingForNetworkChange):N===_n.WaitingForConnectingWallet||N===_n.NetworkChanged?y(N):y(null)},[N]);let $=Is(e),oe=A?Of(e,A):null,W=A?Uf(e,A):null,Y=Ol(e),H=Ms(e),ne=s(U=>!!l(U)?.mobileWallet,"isMobileWallet"),P=N===_n.WaitingForNetworkChange&&!!oe&&!!W?.walletType&&(ne(W.walletType)||i(W.walletType,oe)),me=P?a.bind(null,W.walletType,oe):void 0,Ne=Ns(e,A),z=op({swap:e,switchNetwork:me,showNetworkModal:N,setNetworkModal:y,message:Ne,blockchains:k}),K=z.length,[Ie,we]=[e.steps[0],e.steps[K-1]],Fe=we.outputAmount||we.expectedOutputAmountHumanReadable,se=e.steps.reduce((U,Q)=>U+parseFloat(Q.feeInUsd||""),0),ft=e.steps.find(U=>U.diagnosisUrl)?.diagnosisUrl,Qe=T(String(parseFloat(T(Fe,6,6))*(vo(we.toBlockchain,we.toSymbol,we.toSymbolAddress,f)||0)),4,4),bt=T(String(parseFloat(e.inputAmount)*(vo(Ie.fromBlockchain,Ie.fromSymbol,Ie.fromSymbolAddress,f)||0)),4,4),D=Ze(bt,Qe),I=e.status==="success"?st.t({id:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:T(Fe,6,6),token:z[K-1].to.token.displayName,conciseAddress:xo(e.wallets[z[K-1].to.chain.displayName]?.address||""),chain:z[K-1].to.chain.displayName}}):`${st.t("Transaction was not sent.")} ${$?st.t({id:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:$.outputAmount,symbol:$.symbol,blockchain:$.blockchain}}):""}`;return Z.createElement(J,{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"&&Z.createElement(Nt,null,Z.createElement(sp,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>y("delete")},Z.createElement(Gt,{size:"medium",variant:"label",color:"error"},st.t("Delete"))))},footer:H&&!S&&Z.createElement(sp,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{p(e),setTimeout(()=>{u(h.home)},0)}},st.t("Try again"))},Z.createElement(Ln,null,Z.createElement(Pn,null,Z.createElement("div",{className:"row"},Z.createElement(Gt,{variant:"label",size:"large",color:"neutral700"},`${st.t("Request ID")}:`),Z.createElement("div",{className:"request-id"},Z.createElement(Gt,{variant:"label",size:"small",color:"neutral700"},o),Z.createElement(Gf,{variant:"ghost",onClick:m.bind(null,o||"")},Z.createElement(zf,{size:16,color:"gray"})))),Z.createElement("div",{className:"row"},Z.createElement(Gt,{variant:"label",size:"large",color:"neutral700"},`${st.t("Created at")}:`),Z.createElement(Gt,{variant:"label",size:"small",color:"neutral700"},Y))),Z.createElement("div",{className:"output"},Z.createElement(Hf,{fee:T(String(se),2,2),time:At(Et(e.steps)),steps:K}),Z.createElement(Vf,{from:{price:{value:T(e.inputAmount,6,6),usdValue:bt},token:{displayName:z[0].from.token.displayName,image:z[0].from.token.image},chain:{image:z[0].from.chain.image,displayName:z[0].from.chain.displayName}},to:{price:{value:T(Fe,6,6),usdValue:Qe},token:{displayName:z[K-1].to.token.displayName,image:z[K-1].to.token.image},chain:{image:z[K-1].to.chain.image,displayName:z[K-1].to.chain.displayName}},percentageChange:T(D,2,2),warningLevel:It(D?.toNumber()??0)})),Z.createElement("div",{className:"title-steps"},Z.createElement(Gt,{variant:"title",size:"small"},st.t("Swaps steps"))),Z.createElement(qf,{size:8}),Z.createElement(rp,{ref:g},z.map((U,Q)=>{let le=Q,ue=np(e.steps[Q]),ho=ue==="error"||ue==="in-progress"||ue==="warning"||ue==="completed"&&Q===z.length-1;return Z.createElement(Rf,{key:le,step:U,type:"route-progress",ref:g,state:ue,hasSeparator:Q!==0,tabIndex:le,isFocused:ho})}))),Z.createElement(ri,{state:C,onClose:()=>y(null),onCancel:v,onDelete:n,message:Ne.detailedMessage.content,currentStepWallet:W}),Z.createElement(si,{open:!!S,diagnosisUrl:ft,onClose:()=>w(null),status:e.status==="success"?"success":"failed",priceValue:T(Fe,6,6),usdValue:Qe,percentageChange:T(D,2,2),token:{displayName:z[K-1].to.token.displayName,image:z[K-1].to.token.image},chain:{image:z[K-1].to.chain.image},description:I}))}s(ui,"SwapDetails");import{i18n as fo}from"@lingui/core";import{CopyIcon as tg,IconButton as og,NotFound as ng,Skeleton as mp,Typography as Fn}from"@rango-dev/ui";import ce from"react";import{i18n as Jf}from"@lingui/core";import{ChainToken as Zf,Divider as mi,Skeleton as mo,Typography as eg}from"@rango-dev/ui";import ee from"react";import{styled as ci}from"@rango-dev/ui";var pp=ci("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"}}),up=ci("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=ci("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"});import{ChainToken as cp,Divider as po,NextIcon as Qf,Skeleton as uo}from"@rango-dev/ui";import pe from"react";function co(t){let{extraInfo:e}=t;return pe.createElement(up,null,pe.createElement("div",{className:"step-title"},pe.createElement(uo,{height:28,width:28,variant:"circular"}),pe.createElement(po,{direction:"horizontal",size:8}),pe.createElement(uo,{height:15,width:148,variant:"rounded"})),pe.createElement("div",{className:"step-tokens"},pe.createElement(po,{direction:"horizontal",size:20}),pe.createElement("div",{className:"step-token-info"},pe.createElement(cp,{size:"small",loading:!0,chainImage:"",tokenImage:""}),pe.createElement(po,{direction:"horizontal",size:8}),pe.createElement(uo,{height:12,width:76,variant:"rounded"})),pe.createElement("div",{className:"step-icon-container"},pe.createElement(Qf,{color:"gray",size:16})),pe.createElement("div",{className:"step-token-info"},pe.createElement(cp,{size:"small",loading:!0,chainImage:"",tokenImage:""}),pe.createElement(po,{direction:"horizontal",size:8}),pe.createElement(uo,{height:12,width:76,variant:"rounded"}))),e&&pe.createElement("div",{className:"extra-info"},pe.createElement(po,{direction:"horizontal",size:20}),pe.createElement(uo,{height:22,width:297,variant:"rectangular"})))}s(co,"LoadingSwapDetailStep");function di(){let t=ee.createElement("div",{className:"route-summary-item"},ee.createElement("div",{className:"token-amount"},ee.createElement(Zf,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),ee.createElement(mi,{size:8,direction:"horizontal"}),ee.createElement(mo,{height:15,width:148,variant:"rounded"})),ee.createElement(mo,{height:12,width:64,variant:"rounded"}));return ee.createElement(pp,null,ee.createElement("div",{className:"cost"},ee.createElement(mo,{width:60,height:10,variant:"rounded"}),ee.createElement(mi,{size:4,direction:"horizontal"}),ee.createElement(mo,{width:60,height:10,variant:"rounded"}),ee.createElement(mi,{size:4,direction:"horizontal"}),ee.createElement(mo,{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(eg,{variant:"title",size:"small"},Jf.t("Swaps steps"))),ee.createElement("div",{className:"step-container"},ee.createElement(co,{extraInfo:!0}),ee.createElement(Dn,null),ee.createElement(co,null),ee.createElement(Dn,null),ee.createElement(co,null),ee.createElement(Dn,null),ee.createElement(co,null)))}s(di,"LoadingSwapDetails");function dp(t){let{requestId:e,showSkeleton:o}=t,{navigateBackFrom:n}=re();return ce.createElement(J,{noPadding:!0,header:{title:fo.t("Swap and Bridge"),onBack:n.bind(null,h.swapDetails),suffix:ce.createElement(Nt,null)}},o&&ce.createElement(Ln,null,ce.createElement(Pn,null,ce.createElement("div",{className:"row"},ce.createElement(Fn,{variant:"label",size:"large",color:"neutral700"},`${fo.t("Request ID")}:`),ce.createElement("div",{className:"request-id"},ce.createElement(Fn,{variant:"label",size:"small",color:"neutral700"},ce.createElement(mp,{width:60,height:10,variant:"rounded"})),ce.createElement(og,{variant:"ghost"},ce.createElement(tg,{size:16,color:"gray"})))),ce.createElement("div",{className:"row"},ce.createElement(Fn,{variant:"label",size:"large",color:"neutral700"},`${fo.t("Created at")}:`),ce.createElement(Fn,{variant:"label",size:"small",color:"neutral700"},ce.createElement(mp,{width:60,height:10,variant:"rounded"})))),ce.createElement(di,null)),!o&&ce.createElement(ip,null,ce.createElement(ng,{title:fo.t("Not found"),description:fo.t({id:"Swap with request ID = {requestId} not found.",values:{requestId:e}})})))}s(dp,"SwapDetailsPlaceholder");function gp(){let{manager:t,state:e}=ig(),o=!e.loadedFromPersistor,n=mn(t),r=be.use.selectedSwapRequestId(),{navigateBackFrom:i}=re(),{loadingStatus:a}=x(),l=o||a==="loading",p=n.find(({swap:m})=>m.requestId===r),u=s(()=>{if(p?.id){let m=t?.get(p.id);m&&rg(m)}},"onCancel"),c=s(async()=>{if(p?.id)try{await t?.deleteQueue(p.id),i(h.swapDetails)}catch(m){console.log(m)}},"onDelete"),d=p?.swap;return!d||l?fp.createElement(dp,{requestId:r||"",showSkeleton:l}):fp.createElement(ui,{swap:d,requestId:r||"",onCancel:u,onDelete:c})}s(gp,"SwapDetailsPage");import{i18n as go}from"@lingui/core";import{AutoThemeIcon as sg,DarkModeIcon as ag,LightModeIcon as lg,List as pg,ListItemButton as ug,Radio as fi,RadioRoot as cg,Typography as gi}from"@rango-dev/ui";import Be from"react";function hp(){let{navigateBackFrom:t}=re(),e=F.use.theme(),o=F.use.setTheme(),n=[{id:"light",value:"light",title:Be.createElement(gi,{variant:"title",size:"xmedium"},go.t("Light")),onClick:()=>o("light"),start:Be.createElement(lg,{color:"gray"}),end:Be.createElement(fi,{value:"light"})},{id:"dark",value:"dark",title:Be.createElement(gi,{variant:"title",size:"xmedium"},go.t("Dark")),onClick:()=>o("dark"),start:Be.createElement(ag,{color:"gray"}),end:Be.createElement(fi,{value:"dark"})},{id:"auto",value:"auto",title:Be.createElement(gi,{variant:"title",size:"xmedium"},go.t("Auto")),onClick:()=>o("auto"),start:Be.createElement(sg,{color:"gray"}),end:Be.createElement(fi,{value:"auto"})}];return Be.createElement(J,{header:{onBack:t.bind(null,h.settings),title:go.t("Theme")}},Be.createElement(it,null,Be.createElement(cg,{onValueChange:r=>o(r),value:e},Be.createElement(pg,{type:Be.createElement(ug,{title:go.t("Theme"),id:"_",onClick:()=>console.log()}),items:n}))))}s(hp,"ThemePage");var dg=s(t=>t.replace("/",""),"getAbsolutePath");function yp(t){let{config:e}=t;return mg([{path:h.home,element:We.createElement(Jo,null)},{path:h.fromSwap,element:We.createElement(Kr,{type:"source"})},{path:h.toSwap,element:We.createElement(Kr,{type:"destination"})},{path:h.fromBlockchain,element:We.createElement(Fr,{type:"source"})},{path:h.toBlockchain,element:We.createElement(Fr,{type:"destination"})},{path:h.settings,element:We.createElement(Dl,{singleTheme:e?.theme?.singleTheme,supportedSwappers:e?.liquiditySources})},{path:h.themes,element:We.createElement(hp,null)},{path:h.languages,element:We.createElement(Qa,null)},{path:h.exchanges,element:We.createElement(Mr,{sourceType:"Exchanges",supportedSwappers:e?.liquiditySources})},{path:h.bridges,element:We.createElement(Mr,{sourceType:"Bridges",supportedSwappers:e?.liquiditySources})},{path:h.swaps,element:We.createElement(ja,null)},{path:h.swapDetails,element:We.createElement(gp,null)},{path:h.wallets,element:We.createElement(va,{supportedWallets:e?.wallets,multiWallets:typeof e?.multiWallets>"u"?!0:e.multiWallets,config:e})},{path:dg(h.confirmSwap),element:We.createElement($a,{config:e})}])}s(yp,"AppRoutes");import{isApprovalTX as fg,MainEvents as Cp,RouteEventType as kp,StepEventType as Ht,StepExecutionEventStatus as gg,useEvents as hg}from"@rango-dev/queue-manager-rango-preset";import{useEffect as Tp}from"react";import{StepExecutionBlockedEventStatus as hi}from"@rango-dev/queue-manager-rango-preset";var Sp=[hi.WAITING_FOR_CHANGE_WALLET_ACCOUNT,hi.WAITING_FOR_NETWORK_CHANGE,hi.WAITING_FOR_WALLET_CONNECT];function wp(){let t=V.use.connectedWallets(),e=V.use.getWalletsDetails(),o=_e.use.setNotification(),n=_e.use.setAsRead(),r=hg();return Tp(()=>(r.on(Cp.StepEvent,i=>{let{event:a,step:l,route:p}=i;if(a.type===Ht.TX_EXECUTION&&a.status===gg.TX_SENT&&!fg(l)||a.type===Ht.SUCCEEDED){let c=t.find(m=>m.chain===l?.fromBlockchain),d=l?.fromBlockchain!==l?.toBlockchain&&t.find(m=>m.chain===l?.toBlockchain);c&&e([c]),d&&e([d])}a.type===Ht.TX_EXECUTION_BLOCKED&&Sp.includes(a.status)||a.type===Ht.FAILED?o(a,p):(a.type===Ht.TX_EXECUTION||a.type===Ht.CHECK_STATUS)&&n(p.requestId)}),()=>r.all.clear()),[r,t.length]),Tp(()=>(r.on(Cp.RouteEvent,i=>{let{event:a,route:l}=i;(a.type===kp.FAILED||a.type===kp.SUCCEEDED)&&o(a,l)}),()=>r.all.clear()),[r,t.length]),null}s(wp,"WidgetEvents");import{globalCss as yg}from"@rango-dev/ui";var vp=s(()=>yg({"@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 Si,darkTheme as wg,lightTheme as vg}from"@rango-dev/ui";import{useEffect as Ap,useState as bg}from"react";import{theme as kg,darkColors as Tg}from"@rango-dev/ui";var bp=s(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),Sg=s(t=>{let e="",o;for(o=Math.abs(t);o>52;o=o/52|0)e=bp(o%52)+e;return bp(o%52)+e},"toAlphabeticName"),Cg=s((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),yi=s(t=>Sg(Cg(5381,JSON.stringify(t))>>>0),"toHash");function xp(t){let e=kg.colors,o=qr({...e,...Tg},!0,t?.dark),n=qr(e,!1,t?.light),r=Object.keys(o).length>0,i=Object.keys(n).length>0,a,l;if(i){let p={colors:n};a={id:`${Un}-light-${yi(p)}`,tokens:p}}if(r){let p={colors:o};l={id:`${Un}-dark-${yi(p)}`,tokens:p}}return{light:a,dark:l}}s(xp,"customizedThemeTokens");function Ep(t){let{colors:e,fontFamily:o=bi,borderRadius:n=wi,secondaryBorderRadius:r=vi,mode:i="auto"}=t,[a,l]=bg("light"),p=F.use.theme(),u=F.use.setTheme(),{dark:c,light:d}=xp(e),m=Si({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),g=[m.className,vg.className],C=[m.className,wg.className];if(d){let S=Si(d.id,d.tokens);g.push(S.className)}if(c){let S=Si(c.id,c.tokens);C.push(S.className)}return Ap(()=>{let S=s(w=>{w.matches?l("dark"):l("light")},"switchThemeListener");return window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches&&l("dark"),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",S),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",S)}},[]),Ap(()=>{i!=="auto"&&u(i)},[i]),{activeTheme:s(()=>{let S=g.join(" "),w=C.join(" ");return p==="auto"?a==="dark"?w:S:p==="dark"?w:S},"getActiveTheme")}}s(Ep,"useTheme");import xg,{useMemo as Ag}from"react";import{Provider as Eg}from"@rango-dev/queue-manager-react";import{makeQueueDefinition as Bg,checkWaitingForNetworkChange as Wg}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Ng}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as Ig}from"@rango-dev/wallets-shared";import{isEvmBlockchain as Mg}from"rango-types";function Lg(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:i,getWalletInfo:a}=Ng(),l=Ag(()=>Bg({API_KEY:So("API_KEY")}),[]),{blockchains:p}=x.use.meta(),c={blockchains:V.use.connectedWallets().map(f=>({accounts:[f],name:f.chain}))},d=s((f,k)=>{if(i(f,k))return r(f,k)},"switchNetwork"),m=s(f=>!!a(f).mobileWallet,"isMobileWallet"),g=p.filter(f=>f.enabled).reduce((f,k)=>(f[k.name]=k,f),{}),C=p.filter(Mg),y=s(f=>{let{supportedChains:k}=a(f);return To(k)},"getSupportedChainNames"),S=e(),w={meta:{blockchains:g,evmBasedChains:C,evmNetworkChainInfo:Ig(C),getSupportedChainNames:y},getSigners:o,wallets:c,providers:S,switchNetwork:d,canSwitchNetworkTo:i,connect:r,state:n,isMobileWallet:m};return xg.createElement(Eg,{queuesDefs:[l],context:w,onPersistedDataLoaded:f=>{Wg(f)},isPaused:!1},t.children)}s(Lg,"QueueManager");var Bp=Lg;var Og=_g("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 Np(t){let{config:e}=t;vp();let{activeTheme:o}=Ep(e?.theme||{}),{activeLanguage:n,changeLanguage:r}=gn(),[i,a]=Wp(""),[l,p]=Wp(),u=Dg(Hn),c=x.use.fetchMeta();return Fg(()=>{e?.apiKey&&Ti({API_KEY:e?.apiKey})},[e]),Ci(()=>{c(),F.persist.rehydrate(),_e.persist.rehydrate(),u.onConnectWallet(a)},[]),Ci(()=>{e?.language&&r(e.language)},[e?.language]),at.createElement(Pg,{language:n},at.createElement(Og,{id:"swap-container",className:o()},at.createElement(Bp,null,at.createElement(wp,null),at.createElement(Js,{config:e,lastConnectedWallet:i,disconnectedWallet:l,clearDisconnectedWallet:()=>{p(void 0)}},at.createElement(yp,{config:e})))))}s(Np,"Main");function $g(t){let{updateConfig:e,config:o}=Pe();return Ci(()=>{t.config&&e(t.config)},[t.config]),t.config?.externalWallets?at.createElement(Np,{...t}):at.createElement(Vn,{providers:o?.wallets,options:{walletConnectProjectId:o?.walletConnectProjectId||t.config?.walletConnectProjectId}},at.createElement(Np,{...t}))}s($g,"Widget");export{eM as MainEvents,tM as RouteEventType,oM as StepEventType,nM as StepExecutionBlockedEventStatus,rM as StepExecutionEventStatus,$g as Widget,Vn as WidgetWallets,Ia as useWallets,iM as useWidgetEvents};
1
+ var Mp=Object.defineProperty;var s=(t,e)=>Mp(t,"name",{value:e,configurable:!0});import{MainEvents as eM,RouteEventType as tM,StepEventType as oM,StepExecutionBlockedEventStatus as nM,StepExecutionEventStatus as rM,useEvents as iM}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Ia}from"@rango-dev/wallets-react";import{Events as Hn,Provider as Jp}from"@rango-dev/wallets-react";import{isEvmBlockchain as Zp}from"rango-sdk";import zi,{createContext as eu,useRef as tu}from"react";import{useEffect as Qp}from"react";import{create as jp}from"zustand";import{subscribeWithSelector as Kp}from"zustand/middleware";import{RangoClient as Lp}from"rango-sdk";var ki="c6381a79-2817-4602-83bf-6a641a409e32";var Un={API_KEY:ki};function So(t){return Un[t]}s(So,"getConfig");function Ti(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),Un=e,Un}s(Ti,"initConfig");var wi=20,vi=25,bi="Roboto",zn="theme-widget";var Co,xt=s(()=>Co||(Co=new Lp(So("API_KEY")),Co),"httpService");import{WalletState as Xe}from"@rango-dev/ui";import{readAccountAddress as Dp}from"@rango-dev/wallets-react";import{detectInstallLink as Fp,getCosmosExperimentalChainInfo as Op,isEvmAddress as $p,KEPLR_COMPATIBLE_WALLETS as ih,Networks as Ei}from"@rango-dev/wallets-shared";import qn from"bignumber.js";import{isCosmosBlockchain as Up}from"rango-types";import Pp from"bignumber.js";var Me=new Pp(0);import{WalletTypes as _p}from"@rango-dev/wallets-shared";var xi=[_p.LEAP];import{BigNumber as Ai}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 Ai(t),r=1,i=1e3;for(let a=0;a<60;a++)if(new Ai(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 Re=s((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),Vt=s(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function ko(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(ko,"limitDecimalPlaces");function zp(t){switch(!0){case t.connected:return Xe.CONNECTED;case t.connecting:return Xe.CONNECTING;case!t.installed:return Xe.NOT_INSTALLED;default:return Xe.DISCONNECTED}}s(zp,"mapStatusToWalletState");function Bi(t,e,o,n){return o.filter(r=>!xi.includes(r)).filter(r=>{let{supportedChains:i,hideWhenNotInstalled:a}=e(r);return a&&!t(r).installed?!1:n?!!i.find(l=>l.name===n):!0}).map(r=>{let{name:i,img:a,installLink:l}=e(r),p=zp(t(r));return{title:i,image:a,link:Fp(l),state:p,type:r}})}s(Bi,"mapWalletTypesToWalletInfo");function To(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}s(To,"walletAndSupportedChainsNames");function Wi(t,e,o,n){let r=[];function i(l,p){if(!!!r.find(c=>c.chain===l)){let c={address:p,chain:l,walletType:t};r.push(c)}}s(i,"addAccount");let a=n||[];return e.forEach(l=>{let{address:p,network:u}=Dp(l),c=a.length>0,d=a.includes(u),m=u===Ei.Unknown;if(c&&!d&&!m)return;let C=u===Ei.Unknown&&$p(p);if(m&&!C)return;o.includes(u)||C?a.filter(w=>o.includes(w)).forEach(w=>{i(w,p.toLowerCase())}):i(u,p)}),r}s(Wi,"prepareAccountsForWalletStore");function Ni(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain;e.includes(n)||e.push(n),e.includes(r)||e.push(r),o.internalSwaps&&Array.isArray(o.internalSwaps)&&o.internalSwaps.forEach(i=>{let a=i.from.blockchain,l=i.to.blockchain;e.includes(a)||e.push(a),e.includes(l)||e.push(l)})}),e}s(Ni,"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 wo(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}s(wo,"isAccountAndWalletMatched");function Ii(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 qn(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:vo(o,r.asset.symbol,r.asset.address,e)||null}))||[]}s(Ii,"makeBalanceFor");function Mi(t){return{...t,loading:!1,error:!0}}s(Mi,"resetConnectedWalletState");var vo=s((t,e,o,n)=>n?.find(i=>i.blockchain===t&&i.symbol?.toUpperCase()===e?.toUpperCase()&&i.address===o)?.usdPrice||null,"getUsdPrice"),bo=s((t,e)=>{let o=Op(Object.entries(t).map(([,n])=>n).filter(Up));return o&&o[e]?.experimental},"isExperimentalChain");function qp(t,e){return t.map(({balance:o,...n})=>{let r=T(new qn(Bt(e,n.blockchain,n.symbol,n.address)?.amount||Me)),i="";return n.usdPrice&&(i=T(new qn(Bt(e,n.blockchain,n.symbol,n.address)?.amount||Me).multipliedBy(n.usdPrice))),{...n,...r!=="0"&&{balance:{amount:r,usdValue:i}}}})}s(qp,"getTokensWithBalance");function Li(t,e){let o=e.length>0?qp(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(Li,"getTokensBalanceFromWalletAndSort");function Le(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}s(Le,"tokensAreEqual");function Pi(t){return t.sort((e,o)=>+(o.state===Xe.CONNECTED)-+(e.state===Xe.CONNECTED)||+(o.state===Xe.DISCONNECTED||o.state===Xe.CONNECTING)-+(e.state===Xe.DISCONNECTED||e.state===Xe.CONNECTING))}s(Pi,"sortWalletsBasedOnConnectionState");function xo(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(xo,"getConciseAddress");function _i({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}s(_i,"getAddress");import{create as Xp}from"zustand";import{create as Vp}from"zustand";var Gp=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=Gp;var Hp={apiKey:""},Di=s((t,e)=>({config:Hp,updateConfig:o=>{let n=e().config;t({config:{...n,...o}})}}),"createConfigSlice");function Wt(t){return Array.from(new Set(t))}s(Wt,"removeDuplicateFrom");function Gn(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}s(Gn,"areEqual");function Fi(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}s(Fi,"debounce");function gt(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}s(gt,"containsText");var ae=s(()=>document.getElementById("swap-box"),"getContainer");var Oi=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(l=>!(i.length>0&&!i.includes(l.name)))},tokens:o=>{let n=e()._tokens;if(!o||!o?.type)return n;let r=e().config,i=(o.type==="source"?r.from?.tokens:r.to?.tokens)??[],a=e().blockchains({type:o.type});return n.filter(p=>i.length>0&&!i.some(u=>Le(u,p))||o.blockchain&&p.blockchain!==o.blockchain||!a.some(u=>u.name===p.blockchain)?!1:o.searchFor?!!(gt(p.symbol,o.searchFor)||gt(p.address||"",o.searchFor)||gt(p.name||"",o.searchFor)):!0).sort((p,u)=>e().isTokenPinned(p)?-1:e().isTokenPinned(u)||p.isSecondaryCoin?1:u.isSecondaryCoin||!p.address&&u.address?-1:p.address&&!u.address?1:0)},isTokenPinned:o=>!!e().config.pinnedTokens?.some(r=>Le(r,o)),fetch:async()=>{let o=await xt().getAllMetadata(),n=[],r=[],i=o.popularTokens,a=o.swappers,l=new Set;o.tokens.forEach(p=>{l.add(p.blockchain),r.push(p)}),o.blockchains.forEach(p=>{p.enabled&&l.has(p.name)&&n.push(p)}),n.sort((p,u)=>p.sort-u.sort),t({_blockchains:n,_tokens:r,_popularTokens:i,_swappers:a})}}),"createDataSlice");var Rp=Vp()((...t)=>({...Oi(...t),...Di(...t)})),Pe=ve(Rp);var x=ve(Xp()(t=>({meta:{blockchains:[],popularTokens:[],swappers:[],tokens:[]},loadingStatus:"loading",fetchMeta:async()=>{try{await Pe.getState().fetch();let e=Pe.getState(),o={blockchains:e.blockchains(),tokens:e.tokens(),popularTokens:e._popularTokens,swappers:e._swappers};t({meta:o,loadingStatus:"success"})}catch{t({loadingStatus:"failed"})}}})));var R=ve(jp()(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(l=>l.chain===i.chain&&l.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(l=>l.chain===r.chain&&l.walletType!==r.walletType&&r.selected),a=!!o.find(l=>l.chain===r.chain&&l.walletType===r.walletType&&!r.selected);return i?{...r,selected:!1}:a?{...r,selected:!0}:r})})),clearConnectedWallet:()=>t(()=>({connectedWallets:[],selectedWallets:[]})),getWalletsDetails:async(o,n=!0)=>{let r=e().getWalletsDetails,{tokens:i}=x.getState().meta;t(a=>({loading:!0,connectedWallets:a.connectedWallets.map(l=>o.find(p=>wo(p,l))?{...l,loading:!0}:l)}));try{let a=o.map(({address:u,chain:c})=>({address:u,blockchain:c})),p=(await xt().getWalletsDetails(a)).wallets;if(p)t(u=>({loading:!1,connectedWallets:u.connectedWallets.map(c=>{let d=o.find(g=>wo(g,c)),m=p.find(g=>g.address===c.address&&g.blockChain===c.chain);return m?.failed&&d&&n&&r([d],!1),d&&m?{...c,explorerUrl:m.explorerUrl,balances:Ii(m,i)}:c})}));else throw new Error("Wallet not found")}catch{t(l=>({loading:!1,connectedWallets:l.connectedWallets.map(p=>o.find(u=>wo(u,p))?Mi(p):p)}))}}}))));import{allProviders as Yp}from"@rango-dev/provider-all";function Ao(t,e){let o=Yp({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(Ao,"matchAndGenerateProviders");function $i(t,e){return Ao(t,e).map(r=>r.config.type)}s($i,"configWalletsToWalletName");function Ui(t,e){let o=R.use.clearConnectedWallet(),n=Ao(void 0,e);return Qp(()=>{o(),n=Ao(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}s(Ui,"useWalletProviders");var Vn=eu({onConnectWallet:()=>{}});function Rn(t){let{blockchains:e}=x.use.meta(),{providers:o}=Ui(t.providers,t?.options),n=R.use.disconnectWallet(),r=R.use.connectWallet(),i=tu(),a=e.filter(Zp).map(p=>p.name),l=s((p,u,c,d,m)=>{if(u===Hn.ACCOUNTS)if(c){let g=To(m),C=Wi(p,c,a,g);r(C)}else n(p);if(u===Hn.ACCOUNTS&&d.connected){let g=`${p}-${d.network}-${c}`;d.connected&&(i.current?i.current(g):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(u===Hn.NETWORK&&d.network){let g=`${p}-${d.network}`;i.current?i.current(g):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(p,u,c,d,m)},"onUpdateState");return zi.createElement(Vn.Provider,{value:{onConnectWallet:p=>{i.current=p}}},zi.createElement(Jp,{allBlockChains:e,providers:o,onUpdateState:l,autoConnect:!0},t.children))}s(Rn,"WidgetWallets");import{I18nManager as Pg,styled as _g}from"@rango-dev/ui";import at,{useContext as Dg,useEffect as Ci,useMemo as Fg,useState as Wp}from"react";import{useQueueManager as Pc}from"@rango-dev/queue-manager-rango-preset";import{useWallets as _c}from"@rango-dev/wallets-react";import{isEvmBlockchain as Dc}from"rango-types";import yt,{useEffect as Fc,useRef as Oc}from"react";import{MemoryRouter as $c,useInRouterContext as Uc}from"react-router";import{useLocation as zc,useNavigate as qc}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 Qo}from"@lingui/core";import{Alert as yc,BestRoute as Sc,BestRouteSkeleton as Cc,Button as kc,Divider as dr,styled as Lt,SwapInput as js,Typography as fr,WarningIcon as Tc}from"@rango-dev/ui";import K,{useEffect as wc,useRef as vc,useState as bc}from"react";import{useNavigate as xc}from"react-router-dom";import{ChevronLeftIcon as ru}from"@rango-dev/ui";import Hi from"react";import{darkTheme as ou,IconButton as nu,styled as Eo}from"@rango-dev/ui";var Oe=Eo(nu,{width:"$24",position:"relative",padding:"0",overflow:"unset"}),qi=Eo("div",{position:"absolute",background:"$secondary500",[`.${ou} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),Nt=Eo("div",{display:"flex",justifyContent:"flex-end",width:"$40"}),Gi=Eo("div",{position:"absolute",backgroundColor:"$secondary500",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0"});function Xn(t){return Hi.createElement(Oe,{variant:"ghost",size:"small",onClick:t.onClick},Hi.createElement(ru,{color:"black",size:16}))}s(Xn,"BackButton");import{i18n as iu}from"@lingui/core";import{Button as su,Typography as au}from"@rango-dev/ui";import jn from"react";function Kn(t){return jn.createElement(Nt,null,jn.createElement(su,{variant:"ghost",onClick:t.onClick,size:"xsmall"},jn.createElement(au,{variant:"label",size:"medium",color:"error500"},iu.t("Cancel"))))}s(Kn,"CancelButton");import{i18n as lu}from"@lingui/core";import{Tooltip as pu,WalletIcon as uu}from"@rango-dev/ui";import Bo from"react";function Yn(t){return Bo.createElement(pu,{container:t.container,side:"top",content:lu.t("Connect Wallet")},Bo.createElement(Oe,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&Bo.createElement(qi,null),Bo.createElement(uu,{size:18,color:"black"})))}s(Yn,"WalletButton");import{i18n as Io}from"@lingui/core";import{NotificationsIcon as Au,Popover as Eu,RefreshIcon as Bu,SettingsIcon as Wu,Tooltip as Mo,TransactionIcon as Nu}from"@rango-dev/ui";import de from"react";import{i18n as Cu}from"@lingui/core";import{ChainToken as Yi,ChevronRightIcon as ku,ListItemButton as Tu,Typography as wu}from"@rango-dev/ui";import $e from"react";import{useNavigate as vu}from"react-router-dom";import{create as cu}from"zustand";import{persist as mu,subscribeWithSelector as du}from"zustand/middleware";var _e=ve(cu()(mu(du((t,e)=>({notifications:[],setNotification:(o,n)=>{let r=n.steps[0],i=n.steps[n.steps.length-1],a={event:o,creationTime:Date.now(),read:!1,requestId:n.requestId,route:{from:{blockchain:r.fromBlockchain,tokenAddress:r.fromSymbolAddress,tokenSymbol:r.fromSymbol},to:{blockchain:i.toBlockchain,tokenSymbol:i.toSymbol,tokenAddress:i.toSymbolAddress}}},l=e().notifications.filter(p=>p.requestId!==n.requestId);t(()=>({notifications:[...l,a]}))},setAsRead:o=>{t(n=>({notifications:n.notifications.map(r=>r.requestId===o?{...r,read:!0}:r)}))},getUnreadNotifications:()=>e().notifications.filter(o=>!o.read)})),{name:"notification",skipHydration:!0})));import{create as fu}from"zustand";var be=ve(fu()(t=>({connectWalletsButtonDisabled:!1,selectedSwapRequestId:null,currentPage:"",setSelectedSwap:e=>t({selectedSwapRequestId:e}),setCurrentPage:e=>t({currentPage:e})})));import{styled as Wo}from"@rango-dev/ui";var Vi=Wo("div",{padding:"$10",width:"350px",minHeight:"150px"}),Ri=Wo("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),Xi=Wo("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),ji=Wo("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as gu}from"@lingui/core";import{Divider as hu,NoNotificationIcon as yu,Typography as Su}from"@rango-dev/ui";import No from"react";function Ki(){return No.createElement(ji,null,No.createElement(yu,{color:"secondary",size:26}),No.createElement(hu,{size:12}),No.createElement(Su,{variant:"body",size:"medium",color:"neutral700"},gu.t("You have no notification")))}s(Ki,"NotificationNotFound");var bu=4;function Qn(){let t=vu(),e=be.use.setSelectedSwap(),{getUnreadNotifications:o}=_e(),n=o(),{tokens:r,blockchains:i}=x.use.meta(),a=n.sort((p,u)=>u.creationTime-p.creationTime).slice(0,bu),l=s(p=>{e(p),t(`/swaps/${p}`)},"handleOnClick");return $e.createElement(Vi,null,a.length?$e.createElement(Ri,null,a.map(p=>{let u=r.find(g=>g.address===p.route.from.tokenAddress&&g.blockchain===p.route.from.blockchain&&g.symbol===p.route.from.tokenSymbol),c=i.find(g=>g.name===p.route.from.blockchain),d=r.find(g=>g.address===p.route.to.tokenAddress&&g.blockchain===p.route.to.blockchain&&g.symbol===p.route.to.tokenSymbol),m=i.find(g=>g.name===p.route.to.blockchain);return $e.createElement(Tu,{key:p.requestId,onClick:()=>l(p.requestId),title:$e.createElement(wu,{variant:"body",size:"small",color:"$neutral700"},Cu.t(p.event.message)),id:p.requestId,start:$e.createElement(Xi,null,$e.createElement("div",{className:"from-chain-token"},$e.createElement(Yi,{tokenImage:u?u.image:"",chainImage:c?c.logo:"",size:"small"})),$e.createElement("div",{className:"to-chain-token"},$e.createElement(Yi,{tokenImage:d?d.image:"",chainImage:m?m.logo:"",size:"small"}))),end:$e.createElement(ku,{size:12,color:"gray"})})})):$e.createElement(Ki,null))}s(Qn,"NotificationContent");import{Typography as xu}from"@rango-dev/ui";import Qi from"react";function Ji(){let{getUnreadNotifications:t}=_e(),e=t().length;return e?Qi.createElement(Gi,null,Qi.createElement(xu,{variant:"body",size:"xsmall",color:"$background"},e)):null}s(Ji,"UnreadNotificationsBadge");function Jn(t){let{layoutRef:e,onClickRefresh:o,onClickHistory:n,onClickSettings:r,onClickNotifications:i}=t;return de.createElement(de.Fragment,null,de.createElement(Mo,{container:ae(),side:"top",content:Io.t("Refresh")},de.createElement(Oe,{variant:"ghost",size:"small",onClick:o,disabled:!o},de.createElement(Bu,{size:16,color:o?"black":"gray"}))),de.createElement(Mo,{container:ae(),side:"top",content:Io.t("Notifications")},de.createElement(Eu,{align:"center",collisionBoundary:e,collisionPadding:{right:20,left:20},container:ae(),content:de.createElement(Qn,null)},de.createElement(Oe,{size:"small",variant:"ghost",onClick:i},de.createElement(Au,{size:18,color:"black"}),de.createElement(Ji,null)))),de.createElement(Mo,{container:ae(),side:"top",content:Io.t("Settings")},de.createElement(Oe,{size:"small",variant:"ghost",onClick:r},de.createElement(Wu,{size:18,color:"black"}))),de.createElement(Mo,{container:ae(),side:"top",content:Io.t("Transactions History")},de.createElement(Oe,{size:"small",variant:"ghost",onClick:n},de.createElement(Nu,{size:18,color:"black"}))))}s(Jn,"HomeButtons");import{BottomLogo as Mu,Divider as Lu,Header as Pu}from"@rango-dev/ui";import ge from"react";import{useNavigate as _u}from"react-router-dom";import{darkTheme as Iu,styled as Zn}from"@rango-dev/ui";var Zi=Zn("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",[`.${Iu} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",variants:{fixedHeight:{true:{height:"95vh"},false:{height:"auto"}}}}),es=Zn("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"}}}}),ts=Zn("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:l=!0}=t,p=R.use.connectedWallets(),u=be.use.connectWalletsButtonDisabled(),c=_u(),d=s(()=>{u||c("/"+h.wallets)},"onConnectWallet");return ge.createElement(Zi,{ref:e,fixedHeight:l,id:"swap-box"},ge.createElement(Pu,{prefix:ge.createElement(ge.Fragment,null,n.onBack&&ge.createElement(Xn,{onClick:n.onBack})),title:n.title,suffix:ge.createElement(ge.Fragment,null,n.suffix,n.hasConnectWallet&&ge.createElement(Yn,{container:ae(),onClick:d,isConnected:!!p?.length}),n.onCancel&&ge.createElement(Kn,{onClick:n.onCancel}))}),ge.createElement(es,{noPadding:i},o),(a||r)&&ge.createElement(ts,null,ge.createElement("div",{className:"footer__content"},r),a&&ge.createElement("div",{className:"footer__logo"},ge.createElement(Lu,{size:12}),ge.createElement(Mu,null))))}s(Du,"LayoutComponent");var J=ge.forwardRef(Du);J.displayName="Layout";import{Alert as Hu,Button as Vu,Divider as fs,NoRouteIcon as Ru,RefreshIcon as Xu,Typography as gs}from"@rango-dev/ui";import Ue from"react";import{i18n as he}from"@lingui/core";var Rt=(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))(Rt||{});var q=s(()=>({genericServerError:he.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:he.t("Please reset your liquidity sources."),description:he.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources")},noRoutesError:{title:he.t("No Routes Found"),description:he.t("Reasons why Rango couldn't find a route: low liquidity on token, very low input amount or no routes available for the selected input/output token combination.")},bridgeLimitErrors:{increaseAmount:he.t("Bridge Limit Error: Please increase your amount"),decreaseAmount:he.t("Bridge Limit Error: Please decrease your amount")},highValueLossError:{impactTitle:he.t("High Price Impact"),title:he.t("Price impact is too high!"),description:he.t("The price impact is significantly higher than the allowed amount. If you are sure, continue, otherwise, change the swap."),confirmMessage:he.t("Confirm High price impact")},routeUpdatedWithHighValueLoss:{title:he.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:he.t("USD Price Unknown"),title:he.t("USD Price Unknown, Cannot calculate Price Impact."),description:he.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:he.t("Confirm USD Price Unknown")}}),"errorMessages");function Lo(t){switch(t.type){case 0:return t.diagnosisMessage??q().noRoutesError.title;case 2:return q().genericServerError;case 1:return q().routeUpdatedWithHighValueLoss.title;default:return""}}s(Lo,"getConfirmSwapErrorMessage");import{create as zu}from"zustand";import{persist as qu,subscribeWithSelector as Gu}from"zustand/middleware";import{English as Fu,French as Ou,Japanese as $u,Spanish as Uu}from"@rango-dev/ui";var ns=[{title:"English",label:"English",local:"en",SVGFlag:Fu},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:Uu},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:Ou},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:$u}],Po="en";var rs=[.5,1,3],is=1,ss=5,as=100,ls=0;var F=ve(zu()(qu(Gu((t,e)=>({preferredBlockchains:[],slippage:is,customSlippage:null,infiniteApprove:!1,affiliateRef:null,affiliatePercent:null,affiliateWallets:null,disabledLiquiditySources:[],theme:"auto",language:Po,addPreferredBlockchain:o=>{let n=e().preferredBlockchains;if(n.find((a,l)=>{let p=a===o,u=l<=10-1;return p&&u}))return;let i=n.filter(a=>!(a===o));t(()=>({preferredBlockchains:[o,...i]}))},setSlippage:o=>t(()=>({slippage:o})),setCustomSlippage:o=>t(()=>({customSlippage:o})),setAffiliateRef:o=>t(()=>({affiliateRef:o})),setAffiliatePercent:o=>t(()=>({affiliatePercent:o})),setAffiliateWallets:o=>t(()=>({affiliateWallets:o})),toggleAllLiquiditySources:o=>t(n=>{if(o)return{disabledLiquiditySources:[]};let{swappers:r}=x.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 ps}from"@lingui/core";function us(t,e,o,n,r){return o?{alert:{type:"warning",text:q().genericServerError,action:{onClick:r,title:ps.t("Retry")}},description:""}:t?{alert:{type:"error",text:t,action:null},description:""}:e.length?{alert:{type:"warning",text:q().liquiditySourcesError.title,action:{onClick:()=>n(!0),title:ps.t("Reset")}},description:q().liquiditySourcesError.description}:{alert:null,description:q().noRoutesError.description}}s(us,"makeInfo");import{styled as tr}from"@rango-dev/ui";var cs=tr("div",{display:"flex",flexDirection:"column",alignItems:"center"}),ms=tr("div",{width:"100%"}),ds=tr("div",{padding:"$6 $0"});function Xt(t){let{diagnosisMessage:e,fetch:o,error:n}=t,r=F.use.disabledLiquiditySources(),i=x.use.loadingStatus(),a=F.use.toggleAllLiquiditySources(),p=us(e??null,r,n||i==="failed",a,o);return Ue.createElement(cs,null,Ue.createElement(Ru,{size:24,color:"gray"}),Ue.createElement(fs,{size:4}),Ue.createElement(gs,{variant:"title",size:"small"},q().noRoutesError.title),!!p.description&&Ue.createElement(gs,{variant:"body",size:"small",align:"center",color:"neutral700"},p.description),Ue.createElement(fs,{size:4}),!!p.alert&&Ue.createElement(ms,null,Ue.createElement(Hu,{type:p.alert.type,title:p.alert.text,action:p.alert.action&&Ue.createElement(Vu,{size:"xsmall",type:p.alert.type,prefix:Ue.createElement(ds,null,Ue.createElement(Xu,{size:8})),onClick:p.alert.action.onClick},p.alert.action.title),variant:"alarm"})))}s(Xt,"NoRoutes");import{Alert as qs,Divider as ac,InfoIcon as lc}from"@rango-dev/ui";import Ge from"react";import ut from"bignumber.js";import{create as ec}from"zustand";import{subscribeWithSelector as tc}from"zustand/middleware";import{getLastSuccessfulStep as Ku}from"@rango-dev/queue-manager-rango-preset";import AC from"bignumber.js";function hs(t,e){return e.find(o=>o.name===t)?.displayName}s(hs,"getBlockchainDisplayNameFor");function Ze(t,e){return e.find(o=>o.name===t)?.shortName}s(Ze,"getBlockchainShortNameFor");function or(t,e){return e.find(o=>Le(o,t))??null}s(or,"findToken");function nr(t,e){return e.find(o=>o.name===t)??null}s(nr,"findBlockchain");function rr(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(rr,"searchParamsToToken");function ys(t){return t?.result?.swaps[t?.result?.swaps.length-1].to.usdPrice}s(ys,"getBestRouteToTokenUsdPrice");function ir(t,e){let o=t.result?.swaps||[],n=e.result?.swaps||[];return o.length!==n.length}s(ir,"isNumberOfSwapsChanged");function sr(t,e){let o=t.result?.swaps.map(r=>r.swapperId)||[],n=e.result?.swaps.map(r=>r.swapperId)||[];return!Gn(o,n)}s(sr,"isRouteSwappersUpdated");function ar(t,e){let o=t.result?.swaps.map(r=>r.to.symbol)||[],n=e.result?.swaps.map(r=>r.to.symbol)||[];return!Gn(o,n)}s(ar,"isRouteInternalCoinsUpdated");function Ss(t,e){return ir(t,e)||sr(t,e)||ar(t,e)}s(Ss,"isRouteChanged");function Cs(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(Cs,"getRequiredBalanceOfWallet");function ks(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(ks,"getFormattedBestRoute");function It(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}s(It,"getPriceImpactLevel");function Ts(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},l=nr(i?i.toBlockchain:n.fromBlockchain,e),p=nr(r.toBlockchain,e),u=or(i?{blockchain:l?.name??"",symbol:i.toSymbol,address:i.toSymbolAddress}:{blockchain:l?.name??"",symbol:n.fromSymbol,address:n.fromSymbolAddress},o),c=or(a,o),d=i?i.outputAmount??"":t.inputAmount;return{fromBlockchain:l,fromToken:u,toBlockchain:p,toToken:c,inputAmount:d}}s(Ts,"createRetryRoute");import{i18n as ze}from"@lingui/core";import{PendingSwapNetworkStatus as $o}from"@rango-dev/queue-manager-rango-preset";import xe from"bignumber.js";function ws(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:Ze(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:Ze(o.to.blockchain,e)??"",image:o.to.blockchainLogo},price:{value:T(o.toAmount,6,6),usdValue:T(o.to.usdPrice?.toString(),4,4)}}}))}s(ws,"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 Fo(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}s(Fo,"isValidAddress");import{i18n as Oo}from"@lingui/core";var ht=s(()=>({connectWallet:Oo.t("Connect Wallet"),swap:Oo.t("Swap"),swapAnyway:Oo.t("Swap anyway"),ethRouteWarning:Oo.t("The route goes through Ethereum. Continue?")}),"swapButtonTitles");function qo(t,e){return!t||!e||t.lte(Me)||e.lte(Me)?0:e.div(t).minus(1).multipliedBy(100)}s(qo,"getOutputRatio");function Go(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(Go,"outputRatioHasWarning");function Ho(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(Ho,"hasLimitError");function Vo(t){if(!t)return{swap:null,fromAmountRangeError:"",recommendation:""};let e=(t?.result?.swaps||[]).filter(l=>{let p=l.fromAmountMinValue?new xe(l.fromAmountMinValue):null,u=l.fromAmountMaxValue?new xe(l.fromAmountMaxValue):null;return l.fromAmountRestrictionType==="EXCLUSIVE"?p?.gte(l.fromAmount)||u?.lte(l.fromAmount):p?.gt(l.fromAmount)||u?.lt(l.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=ze.t({id:"Required: >= {min} {symbol}",values:{min:T(o,6,6),symbol:e.from.symbol}}),a=q().bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(i=ze.t({id:"Required: > {min} {symbol}",values:{min:T(o,6,6),symbol:e.from.symbol}}),a=q().bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(i=ze.t({id:"Required: <= {max} {symbol}",values:{max:T(n,6,6),symbol:e.from.symbol}}),a=q().bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(i=ze.t({id:"Required: < {max} {symbol}",values:{max:T(n,6,6),symbol:e.from.symbol}}),a=q().bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:i,recommendation:a}}s(Vo,"LimitErrorMessage");function vs(t,e,o,n,r,i,a,l,p){return t!=="success"?{title:ht().connectWallet,state:"waitForConnecting",disabled:!0}:e.length==0?{title:ht().connectWallet,state:"waitForConnecting",disabled:!1}:o||!n||!n.result||r||!p||p==="0"?{title:ht().swap,disabled:!0,state:"swap"}:i||a?{title:ht().swapAnyway,disabled:!1,hasWarning:!0,state:"needToConfirm"}:l?{title:ht().ethRouteWarning,disabled:!1,hasWarning:!0,state:"warning"}:{title:ht().swap,disabled:!1,state:"swap"}}s(vs,"getSwapButtonState");function lr(t,e,o){return!((!o||o.lte(Me))&&t?.result&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t.result)}s(lr,"canComputePriceImpact");function Qu(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(Qu,"requiredWallets");var Ju=s((t,e,o,n)=>n?.find(i=>i.blockchain===t&&i.symbol?.toUpperCase()===e?.toUpperCase()&&i.address===o)?.usdPrice||null,"getUsdPrice");function Zu(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=Ju(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new xe(r.amount).multipliedBy(i||0))}return o}s(Zu,"getUsdFeeOfStep");function Ro(t,e){return t?.result?.swaps.reduce((o,n)=>o.plus(Zu(n,e)),Me)||null}s(Ro,"getTotalFeeInUsd");function bs(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(bs,"getMinRequiredSlippage");function xs(t,e){return e?parseFloat(t)>=parseFloat(e):!0}s(xs,"hasProperSlippage");function Xo(t){let{fromToken:e,toToken:o,inputAmount:n,wallets:r,selectedWallets:i,disabledLiquiditySources:a,slippage:l,affiliateRef:p,affiliatePercent:u,affiliateWallets:c,initialRoute:d,destination:m}=t,g=i?.reduce((f,k)=>(f[k.chain]=k.address,f),{}),C=[];r?.forEach(f=>{let k=C.find(v=>v.blockchain===f.chain);k?k.addresses.push(f.address):C.push({blockchain:f.chain,addresses:[f.address]})});let y=!!d,S=Wt((d?.result?.swaps||[]).reduce((f,k)=>(f.push(k.from.blockchain,k.to.blockchain),k.internalSwaps&&Array.isArray(k.internalSwaps)&&k.internalSwaps.map(v=>{f.push(v.from.blockchain,v.to.blockchain)}),f),[]));return{amount:n.toString(),affiliateRef:p??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:l.toString(),...m&&{destination:m},...a.length>0&&{swapperGroups:a,swappersGroupsExclude:!0},...y&&{blockchains:S}}}s(Xo,"createBestRouteRequestBody");function As(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}s(As,"getWalletsForNewSwap");function Mt(t){return t?.result?.outputAmount||null}s(Mt,"getRouteOutputAmount");function et(t,e){return!t||!e?null:new xe(e).div(new xe(t)).minus(1).multipliedBy(100)}s(et,"getPercentageChange");function Es(t,e){let o=Mt(t),n=Mt(e);if(!o||!n)return!1;let r=et(o,n);return r?r.toNumber()<=-1:!0}s(Es,"isOutputAmountChangedALot");function Bs(t,e){let o=t.validationStatus,n=Ni(t);return e.sort((i,a)=>n.indexOf(i.chain)-n.indexOf(a.chain)).flatMap(i=>Cs(i,o)||[]).filter(i=>!i.ok).map(i=>{let a=i.asset.symbol,l=T(new xe(i.currentAmount.amount).shiftedBy(-i.currentAmount.decimals),8,8),p=T(new xe(i.requiredAmount.amount).shiftedBy(-i.requiredAmount.decimals),8,8),u="";return i.reason==="FEE"&&(u=ze.t(" for network fee")),i.reason==="INPUT_ASSET"&&(u=ze.t(" for swap")),i.reason==="FEE_AND_INPUT_ASSET"&&(u=ze.t(" for input and network fee")),ze.t({id:"Needs \u2248 {requiredAmount} {symbol}{reason}, but you have {currentAmount} {symbol} in your {blockchain} wallet.",values:{requiredAmount:p,symbol:a,reason:u,currentAmount:l,blockchain:i.asset.blockchain}})})}s(Bs,"getBalanceWarnings");function Ws(t,e){return(t?new xe(t):Me).multipliedBy(e||0)}s(Ws,"calcOutputUsdValue");function jt(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==$o.NetworkChanged}s(jt,"isNetworkStatusInWarningState");function Ns(t,e){let o="bellow button or",n=t.extraMessage,r=t.extraMessageDetail;if(t.networkStatusExtraMessageDetail?.includes(o)&&(t.networkStatusExtraMessageDetail=t.networkStatusExtraMessageDetail.replace(o,"")),jt(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case $o.WaitingForConnectingWallet:n=n||ze.t("Waiting for connecting wallet");break;case $o.WaitingForQueue:n=n||ze.t("Waiting for other running tasks to be finished");break;case $o.WaitingForNetworkChange:n=n||ze.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(Ns,"getSwapMessages");function Is(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(Is,"getLastConvertedTokenInFailedSwap");function Ms(t){return t.status==="failed"&&!!t.finishTime&&new Date().getTime()-parseInt(t.finishTime)<4*3600*1e3}s(Ms,"shouldRetrySwap");function Ls(t,e,o,n,r,i){return t||!e&&!Qu(n).every(a=>r.map(l=>l.chain).includes(a))||!!e&&!o||!!e&&!!o&&i&&!Fo(i,o)}s(Ls,"confirmSwapDisabled");var jo=s((t,e)=>t?.usdPrice?new ut(e||Me).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),_=ve(ec()(tc(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 Vt(o.inputAmount)?(e&&(n=e.result?.outputAmount?new ut(e.result?.outputAmount):null,r=Ws(e.result?.outputAmount,ys(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}=x.getState().meta;return t(n=>({fromToken:e,...e&&{fromBlockchain:o.find(r=>r.name===e.blockchain)??null},...!!n.inputAmount&&{inputUsdValue:jo(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}=x.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:jo(o.fromToken,e)}}))},retry:e=>{let{tokens:o,blockchains:n}=x.getState().meta,{fromBlockchain:r,fromToken:i,toBlockchain:a,toToken:l,inputAmount:p}=Ts(e,n,o);t({fromBlockchain:r,fromToken:i,inputAmount:p,outputAmount:null,inputUsdValue:jo(i??null,p),outputUsdValue:new ut(0),toBlockchain:a,toToken:l,bestRoute:null})},switchFromAndTo:()=>t(e=>({fromBlockchain:e.toBlockchain,fromToken:e.toToken,toBlockchain:e.fromBlockchain,toToken:e.fromToken,inputAmount:e.outputAmount?.toString()||"",inputUsdValue:jo(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 Ps=Ko("div",{width:"100%",paddingTop:"$10"}),pr=Ko("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),_s=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 oc,Divider as $s,MessageBox as Us,Modal as nc,Typography as rc,WarningIcon as ic}from"@rango-dev/ui";import qe from"react";import{useNavigate as sc}from"react-router-dom";import{Typography as Fs}from"@rango-dev/ui";import ur from"react";function Os(t){let{title:e,value:o,valueColor:n}=t;return ur.createElement(_s,null,ur.createElement(Fs,{size:"medium",variant:"label",color:"neutral600"},e),ur.createElement(Fs,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}s(Os,"RouteErrorsModalItem");function zs(t){let{highValueLoss:e,open:o,onToggle:n,percentageChange:r,inputUsdValue:i,outputUsdValue:a,totalFeeInUsd:l}=t,p=sc(),u=e&&r?.lt(-10)?"error":"warning",c=[{title:Kt.t("Swapping"),value:T(i,4,4)},{title:Kt.t("Gas cost"),value:T(l,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 qe.createElement(nc,{open:o,onClose:()=>n(!1),container:document.getElementById("swap-box")||document.body},e?qe.createElement(Us,{type:u,title:q().highValueLossError.impactTitle,description:q().highValueLossError.description}):qe.createElement(Us,{type:u,title:q().unknownPriceError.impactTitle,description:q().unknownPriceError.description}),e&&qe.createElement(pr,null,qe.createElement($s,{size:20}),qe.createElement(rc,{size:"small",variant:"title"},Kt.t("Details")),qe.createElement(pr,null,c.map((d,m)=>qe.createElement(Os,{key:m,...d})))),qe.createElement($s,{size:32}),qe.createElement(oc,{type:"primary",size:"large",prefix:qe.createElement(ic,null),fullWidth:!0,onClick:()=>{p(h.confirmSwap)}},e?q().highValueLossError.confirmMessage:q().unknownPriceError.confirmMessage))}s(zs,"RouteErrorsModal");var pc=-10;function cr(t){let{bestRoute:e}=_(),{highValueLoss:o,percentageChange:n,priceImpactCanNotBeComputed:r,openModal:i,onToggle:a,totalFeeInUsd:l,outputUsdValue:p,inputUsdValue:u,loading:c,extraSpace:d}=t,m=Ho(e),{recommendation:g}=Vo(e),C=!m&&(o||r),y=C||m;return Ge.createElement(Ge.Fragment,null,(c||d&&!y)&&Ge.createElement(ac,{size:20}),y&&Ge.createElement(Ps,null,C&&Ge.createElement(Ge.Fragment,null,Ge.createElement(qs,{title:o?q().highValueLossError.title:q().unknownPriceError.title,type:o&&n?.lt(pc)?"error":"warning",variant:"alarm",action:Ge.createElement(Ds,{onClick:()=>a(!0)},Ge.createElement(lc,{size:12,color:"gray"}))})),m&&Ge.createElement(qs,{type:"error",variant:"alarm",title:g})),Ge.createElement(zs,{highValueLoss:o,open:i,onToggle:a,percentageChange:n,inputUsdValue:u,outputUsdValue:p,totalFeeInUsd:l}))}s(cr,"RouteErrors");import{ReverseIcon as uc,styled as Gs}from"@rango-dev/ui";import mr from"react";var cc=Gs("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),mc=Gs("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 Hs(){let t=_.use.switchFromAndTo();return mr.createElement(cc,null,mr.createElement(mc,{onClick:()=>{t()}},mr.createElement(uc,{size:12})))}s(Hs,"SwitchFromAndToButton");import{useEffect as Vs,useRef as gc,useState as Rs}from"react";import{useRef as dc,useState as fc}from"react";function Yo(){let[t,e]=fc(!1),o=dc(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(Yo,"useFetchBestRoute");var hc=600;function Xs(){let{fetch:t,cancelFetch:e}=Yo(),[o,n]=Rs(!1),{fromToken:r,toToken:i,inputAmount:a,inputUsdValue:l,resetRoute:p,setRoute:u}=_(),{slippage:c,customSlippage:d,affiliatePercent:m,affiliateRef:g,affiliateWallets:C,disabledLiquiditySources:y}=F(),[S,w]=Rs(""),f=gc(y),k=d??c,b=!r||!i||Le(r,i)||!Vt(a),B=s(()=>{if(o||n(!0),!b){p();let A=Xo({fromToken:r,toToken:i,inputAmount:a,disabledLiquiditySources:y,slippage:k,affiliateRef:g,affiliatePercent:m,affiliateWallets:C});t(A).then(N=>{n(!1),u(N)}).catch(N=>{p(),N?.code!=="ERR_CANCELED"&&(w(N.message),n(!1))})}},"fetch"),O=Fi(()=>{b||B()},hc);return Vs(()=>{if(!Vt(a)||l?.eq(0)){n(!1),e();return}if(!b)return p(),n(!0),O(),e},[a,b]),Vs(()=>{let A=!!f.current.length&&!y.length;return!b&&A&&B(),f.current=y,e},[y.length]),{fetch:B,loading:o,error:S}}s(Xs,"useSwapInput");var Ac=Lt("div",{display:"flex",flexDirection:"column",overflowY:"visible"}),Ec=Lt("div",{position:"relative"}),Bc=Lt("div",{display:"flex",flexDirection:"column",gap:5,alignSelf:"stretch"}),Ks=Lt("div",{width:"100%",paddingTop:"$2"}),Wc=Lt("div",{paddingBottom:"$15"}),Nc=Lt("div",{width:"100%",display:"flex"});function Jo(){let t=xc(),{fetch:e,loading:o,error:n}=Xs(),{fromToken:r,fromBlockchain:i,toToken:a,toBlockchain:l,setInputAmount:p,inputAmount:u,inputUsdValue:c,outputAmount:d,outputUsdValue:m,bestRoute:g,resetRouteWallets:C}=_(),{meta:{tokens:y,blockchains:S},loadingStatus:w}=x(),f=R.use.connectedWallets(),k=be.use.setCurrentPage(),[v,b]=bc(!1),{fromAmountRangeError:B,swap:O,recommendation:A}=Vo(g),N=vc(null),$=!!Number(u)&&(!!g||o||!!n),oe=!1,W=qo(c,m),Y=Go(c,W),H=!lr(g,u,c),re=!lr(g,u,m),P=vs(w,f,o,g,Ho(g),Y,H||re,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";wc(()=>(k(h.home),C(),k.bind(null,"")),[]);let z=!c||!m||!m.gt(0)?null:et(c.toNumber(),m.toNumber()),V=s(Fe=>Fe.map((se,ft)=>({swapper:{displayName:se.swapperId,image:se.swapperLogo},from:{token:{displayName:se.from.symbol,image:se.from.logo},chain:{displayName:Ze(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:Ze(se.to.blockchain,S)??"",image:se.to.blockchainLogo},price:{value:se.toAmount}},alerts:se.swapperId===O?.swapperId?K.createElement(Wc,null,K.createElement(yc,{type:"error",title:A,footer:K.createElement(Nc,null,K.createElement(fr,{size:"xsmall",variant:"body",color:"neutral700"},B),K.createElement(dr,{direction:"horizontal",size:8}),K.createElement(fr,{size:"xsmall",variant:"body",color:"neutral700"},"|"),K.createElement(dr,{direction:"horizontal",size:8}),K.createElement(fr,{size:"xsmall",variant:"body",color:"neutral700"},Qo.t({id:"Yours: {amount} {symbol}",values:{amount:T(O?.fromAmount||null,6,6),symbol:se?.from.symbol}})))})):void 0})),"getBestRouteSteps"),Ie=Ro(g,y),we=ks(g);return K.createElement(J,{ref:N,fixedHeight:!1,hasLogo:!0,footer:K.createElement(kc,{type:"primary",size:"large",disabled:P.disabled,prefix:!P.disabled&&P.hasWarning&&K.createElement(Tc,null),fullWidth:!0,onClick:()=>{P.state==="waitForConnecting"?t(h.wallets):P.state==="needToConfirm"?b(!0):t(h.confirmSwap)}},P.title),header:{hasConnectWallet:!0,title:Qo.t("Swap"),suffix:K.createElement(Jn,{layoutRef:N.current,onClickRefresh:g||n?e:void 0,onClickHistory:()=>t(h.swaps),onClickSettings:()=>t(h.settings)})}},K.createElement(Ac,null,K.createElement(Bc,null,K.createElement(Ec,null,K.createElement(js,{label:Qo.t("From"),mode:"From",onInputChange:p,balance:me,chain:{displayName:i?.displayName||"",image:i?.logo||""},token:{displayName:r?.symbol||"",image:r?.image||""},onClickToken:()=>t("from-swap"),price:{value:u,usdValue:H?void 0:T(c,4,4),error:H?q().unknownPriceError.impactTitle:void 0},disabled:w==="failed",loading:w==="loading",onSelectMaxBalance:()=>{me!=="0"&&p(Ne.split(",").join(""))}}),K.createElement(Hs,null)),K.createElement(js,{sharpBottomStyle:!!g?.result||o,label:Qo.t("To"),mode:"To",chain:{displayName:l?.displayName||"",image:l?.logo||""},token:{displayName:a?.symbol||"",image:a?.image||""},percentageChange:z?.lt(0)?T(z,2,2):null,warningLevel:It(z?.toNumber()??0),price:{value:T(d,6,6),usdValue:re?void 0:T(m,4,4),error:re?q().unknownPriceError.impactTitle:void 0},onClickToken:()=>t("to-swap"),disabled:w==="failed",loading:w==="loading"})),o&&K.createElement(Ks,null,K.createElement(Cc,{type:"basic"})),$&&!o&&we?.result?.swaps?.length?K.createElement(Ks,null,K.createElement(Sc,{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:V(we.result.swaps),percentageChange:T(z,2,2),totalFee:T(Ie,2,2),totalTime:At(Et(g?.result?.swaps))})):$&&!o?K.createElement(K.Fragment,null,K.createElement(dr,{size:20}),K.createElement(Xt,{diagnosisMessage:we?.diagnosisMessages?.[0],fetch:e,error:!!n})):null),K.createElement(cr,{openModal:v,onToggle:b,totalFeeInUsd:Ie,outputUsdValue:m,inputUsdValue:c,percentageChange:z,highValueLoss:Y,priceImpactCanNotBeComputed:H||re,loading:o||w==="loading",extraSpace:!!g?.result||!g}))}s(Jo,"Home");import{useEffect as gr,useRef as hr}from"react";import{createSearchParams as Ic,useLocation as Mc,useSearchParams as Lc}from"react-router-dom";import{useEffect as Pt,useMemo as Zo,useRef as en}from"react";function Ys(t){let{setInputAmount:e,setToToken:o,setToBlockchain:n,setFromBlockchain:r,setFromToken:i,fromToken:a,toToken:l,fromBlockchain:p,toBlockchain:u}=_(),{meta:{tokens:c,blockchains:d},loadingStatus:m}=x(),{setAffiliateRef:g,setAffiliatePercent:C,setAffiliateWallets:y}=F(),S=Zo(()=>t?.from?.tokens,[t?.from?.tokens]),w=Zo(()=>t?.from?.blockchains,[t?.from?.blockchains]),f=Zo(()=>t?.to?.tokens,[t?.to?.tokens]),k=Zo(()=>t?.to?.blockchains,[t?.to?.blockchains]),v=en(void 0),b=en(void 0),B=en(void 0),O=en(void 0);Pt(()=>{e(t?.amount?.toString()||"")},[t?.amount]),Pt(()=>{if(m==="success"){let A=d.find($=>$.name===t?.from?.blockchain),N=c.find($=>Le($,t?.from?.token||null));(A||!A&&B.current)&&r(A??null),(N||!N&&v.current)&&i(N??null),B.current=t?.from?.blockchain,v.current=t?.from?.token}},[t?.from?.token?.symbol,t?.from?.token?.address,t?.from?.token?.blockchain,t?.from?.blockchain,m]),Pt(()=>{a&&S&&(S.some(A=>Le(A,a))||i(null)),p&&w&&(w.includes(p.name)||r(null))},[S,w]),Pt(()=>{l&&f&&(f.some(A=>Le(A,l))||o(null)),u&&k&&(k.includes(u.name)||n(null))},[f,k]),Pt(()=>{if(m==="success"){let A=d.find($=>$.name===t?.to?.blockchain),N=c.find($=>Le($,t?.to?.token||null));(A||!A&&O.current)&&n(A??null),(N||!N&&b.current)&&o(N??null),O.current=t?.to?.blockchain,b.current=t?.to?.token}},[t?.to?.token?.symbol,t?.to?.token?.address,t?.to?.token?.blockchain,t?.to?.blockchain,m]),Pt(()=>{g(t?.affiliate?.ref??null),C(t?.affiliate?.percent??null),y(t?.affiliate?.wallets??null)},[t?.affiliate?.ref,t?.affiliate?.percent,t?.affiliate?.wallets])}s(Ys,"useSyncStoresWithConfig");function Qs(t){let e=hr(!0),[o,n]=Lc(),r=Mc(),i=hr(r.search),a=hr({}),l=_.use.fromBlockchain(),p=_.use.toBlockchain(),u=_.use.fromToken(),c=_.use.toToken(),d=_.use.setFromBlockchain(),m=_.use.setFromToken(),g=_.use.setToBlockchain(),C=_.use.setToToken(),y=_.use.inputAmount(),S=_.use.setInputAmount(),w=x.use.loadingStatus(),{blockchains:f,tokens:k}=x.use.meta(),v=be.use.setSelectedSwap();return Ys(t.config),gr(()=>{let b={};Ic(i.current).forEach((O,A)=>{b[A]=O}),a.current=b;let B=r.pathname.split(h.swaps+"/")[1]||null;B&&v(B)},[]),gr(()=>{if(!e.current){let b="",B="",O="",A="",N="";if(w!=="success")b=a.current["fromBlockchain"],B=a.current["fromToken"],O=a.current["toBlockchain"],A=a.current["toToken"],N=a.current["fromAmount"]||y;else{if(r.state==="redirect")return;b=l?.name||"",B=(u?.symbol||"")+(u?.address?`--${u?.address}`:""),O=p?.name||"",A=(c?.symbol||"")+(c?.address?`--${c?.address}`:""),N=y}n({...b&&{["fromBlockchain"]:b},...B&&{["fromToken"]:B},...O&&{["toBlockchain"]:O},...A&&{["toToken"]:A},...N&&{["fromAmount"]:N.toString()}},{replace:!0})}e.current=!1},[r.pathname,y,l,u,p,c]),gr(()=>{if(w==="success"){let b=o.get("fromBlockchain"),B=o.get("fromToken"),O=o.get("toBlockchain"),A=o.get("toToken"),N=o.get("fromAmount"),$=f.find(H=>H.name===b),oe=rr(k,B,$||null),W=f.find(H=>H.name===O),Y=rr(k,A,W||null);$&&(d($),oe&&m(oe)),W&&(g(W),Y&&C(Y)),N&&S(N)}},[w]),null}s(Qs,"UpdateUrl");function Gc(t){let e=zc(),o=qc(),n=Oc(!0),r=e.pathname.split("/"),a=r[r.length-1]===h.confirmSwap&&n.current;return Fc(()=>{a&&o("."),n.current=!1},[]),a?yt.createElement(Jo,null):yt.createElement(yt.Fragment,null," ",t.children)}s(Gc,"Route");function Js({children:t,...e}){let o=Uc(),n=o?Gc:$c,{blockchains:r}=x.use.meta(),{canSwitchNetworkTo:i}=_c(),a=r.filter(Dc);return Pc({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(Qs,{config:e.config}))}s(Js,"AppRouter");import We from"react";import{useRoutes as mg}from"react-router-dom";import{i18n as je}from"@lingui/core";import{useManager as Dm}from"@rango-dev/queue-manager-react";import{Alert as br,BestRoute as Fm,BestRouteSkeleton as Om,Button as pn,Divider as $t,IconButton as Fa,MessageBox as $m,Modal as Um,RefreshIcon as zm,SettingsIcon as qm,styled as Oa,Tooltip as Gm,Typography as Da,WalletIcon as Hm}from"@rango-dev/ui";import M,{useEffect as un,useState as cn}from"react";import{flushSync as Vm}from"react-dom";import{useNavigate as Rm}from"react-router-dom";import{i18n as nt}from"@lingui/core";import{Alert as vr,BalanceErrors as km,Button as Ma,ChevronDownIcon as Tm,ChevronLeftIcon as wm,Divider as Ot,MessageBox as vm,Modal as La,Typography as ln,WalletIcon as bm}from"@rango-dev/ui";import E,{useEffect as xm,useLayoutEffect as Am,useRef as Em,useState as kt}from"react";import{useNavigate as Bm}from"react-router-dom";import{i18n as tn}from"@lingui/core";function on(t){switch(t.type){case 0:return tn.t("Route has been updated.");case 3:return tn.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return tn.t("Route swappers has been updated.");case 2:return tn.t("Route internal coins has been updated.");default:return""}}s(on,"getRouteWarningMessage");import*as Dt from"@radix-ui/react-collapsible";import{Button as Hc,darkTheme as _t,IconButton as Vc,keyframes as Zs,styled as ke,TextField as Rc}from"@rango-dev/ui";var Yt=300,Xc=Zs({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),jc=Zs({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),ea=ke("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),ta=ke("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}),oa=ke("button",{borderRadius:"$xm",padding:"$10",border:"0",display:"flex",justifyContent:"center",$$color:"$colors$neutral100",[`.${_t} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",alignItems:"center",cursor:"pointer",width:110,position:"relative","&:hover":{$$color:"$colors$info100",[`.${_t} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$color:"$colors$info100",[`.${_t} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color",outline:0},variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary",outlineStyle:"solid"}}}}),na=ke(Dt.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit"}),ra=ke("div",{padding:"$20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),ia=ke(Vc,{position:"absolute",left:"$20"}),sa=ke("div",{paddingTop:"$20","& .wallets-list":{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}}),aa=ke(Dt.Root,{backgroundColor:"$neutral200",borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),la=ke(Hc,{width:"100%",borderRadius:"$sm !important",padding:"$15 !important",justifyContent:"space-between",alignItems:"center",$$color:"$colors$neutral100",[`.${_t} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color","&:hover":{$$color:"$colors$info100",[`.${_t} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$background:"$colors$info100",[`.${_t} &`]:{$$background:"$colors$info700"},backgroundColor:"$$background",outline:0}}),pa=ke("div",{padding:"$10 $0","& .button__content":{display:"flex",justifyContent:"center",alignItems:"center"},"& .alarms":{paddingTop:"5px"}}),ua=ke("div",{transition:`all ${Yt}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),ca=ke("div",{display:"flex"}),ma=ke(Rc,{padding:"$0 $15 $15 $15"}),da=ke(Dt.Content,{overflow:"hidden",variants:{open:{true:{animation:`${Xc} ${Yt}ms ease-out`},false:{animation:`${jc} ${Yt}ms ease-out`}}}}),fa=ke("div",{overflow:"visible",width:"100%"});import{i18n as He}from"@lingui/core";import{Button as ym,Divider as Tr,Image as Sm,MessageBox as an,Modal as Ea,SelectableWallet as Cm,Typography as Ba,WalletState as Wa}from"@rango-dev/ui";import ne,{useEffect as Na,useState as Jt}from"react";import{WalletState as ga}from"@rango-dev/ui";import{useWallets as Kc}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as Yc,WalletTypes as Qc}from"@rango-dev/wallets-shared";import{useEffect as Jc,useState as Zc}from"react";var em=Object.values(Qc);function nn(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:i,disconnect:a,getWalletInfo:l,connect:p}=Kc(),{connectedWallets:u}=R(),{blockchains:c}=x().meta,d=typeof e?.multiWallets>"u"?!0:e.multiWallets,m=$i(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||em,g=Bi(i,l,m,o),C=Pi(g),[y,S]=Zc(""),w=s(b=>!u.find(B=>B.walletType===b&&B.chain===o),"isExperimentalChainNotAdded"),f=s(async b=>{let B=i(b);try{if(y&&S(""),B.connected)await a(b);else{let O=!!g.find(A=>A.state===ga.CONNECTED);if(!d&&O)return;n?.(b),await p(b),r?.(b)}}catch(O){S("Error: "+O?.message)}},"handleClick"),k=s(()=>{let b=g?.filter(B=>B.state===ga.CONNECTING)||[];for(let B of b)a(B.type)},"disconnectConnectingWallets");Jc(()=>()=>{k()},[]);let v=s((b,B,O)=>bo(O,B)&&w(b)&&!Yc.includes(b),"shouldExcludeWallet");return{list:C.filter(b=>!v(b.type,o??"",c)),error:y,handleClick:f}}s(nn,"useWalletList");import{i18n as ka}from"@lingui/core";import{styled as wa,Typography as pm,Wallet as um,WalletState as cm}from"@rango-dev/ui";import Ct,{Fragment as mm,useState as Ta}from"react";import{Divider as im,Modal as sm}from"@rango-dev/ui";import Sr from"react";import{i18n as Ft}from"@lingui/core";import{Image as nm,MessageBox as yr,WalletState as rm}from"@rango-dev/ui";import St from"react";import{keyframes as tm,styled as rn}from"@rango-dev/ui";var Nw=rn("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),ha=rn("div",{position:"relative"}),om=tm({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),ya=rn("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${om} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),Sa=rn("div",{"& img":{borderRadius:"50%"}});function Ca(t){let{state:e,image:o,error:n}=t;return e===rm.CONNECTED?St.createElement(yr,{type:"success",title:Ft.t("Wallet Connected"),description:Ft.t("Your wallet is connected, you can use it to swap.")}):n?St.createElement(yr,{type:"error",title:Ft.t("Failed to Connect"),description:n||Ft.t("Your wallet is not connected. Please try again.")}):St.createElement(yr,{type:"loading",title:Ft.t("Connecting to your wallet"),description:Ft.t("Click connect in your wallet popup."),icon:St.createElement(ha,null,St.createElement(Sa,null,St.createElement(nm,{src:o,size:45})),St.createElement(ya,null))})}s(Ca,"ModalContent");function Qt(t){let{open:e,onClose:o,...n}=t;return Sr.createElement(sm,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},Sr.createElement(Ca,{...n}),Sr.createElement(im,{direction:"vertical",size:32}))}s(Qt,"WalletModal");import{useInRouterContext as am,useNavigate as lm}from"react-router-dom";function ie(){let t=am(),e=lm(),o=_.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(ie,"useNavigateBack");var dm=wa("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline",paddingTop:"$15",height:"100%"}),fm=wa("div",{textAlign:"center"}),sn=3e3,Cr=300;function va({config:t}){let{navigateBackFrom:e}=ie(),[o,n]=Ta(!1),[r,i]=Ta(""),a=null,{list:l,handleClick:p,error:u}=nn({config:t,onBeforeConnect:C=>{a=setTimeout(()=>{n(!0),i(C)},Cr)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},sn)}}),c=x.use.loadingStatus(),d=l.find(C=>C.type===r),m=d?.image||"",g=d?.state||cm.NOT_INSTALLED;return Ct.createElement(J,{header:{title:ka.t("Connect Wallets"),onBack:e.bind(null,h.wallets)}},Ct.createElement(fm,null,Ct.createElement(pm,{variant:"title",size:"xmedium",align:"center"},ka.t("Choose a wallet to connect.")),Ct.createElement(dm,null,l.map((C,y)=>{let S=`wallet-${y}-${C.type}`;return Ct.createElement(mm,{key:S},Ct.createElement(um,{...C,container:ae(),onClick:w=>{p(w)},isLoading:c==="loading"}))}),Ct.createElement(Qt,{open:!!o,onClose:()=>n(!1),image:m,state:g,error:u}))))}s(va,"WalletsPage");import{keyframes as gm,styled as kr}from"@rango-dev/ui";var ba=kr("div",{position:"relative"}),hm=gm({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),xa=kr("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${hm} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),Aa=kr("div",{"& img":{borderRadius:"50%"}});function wr(t){let{config:e,chain:o,isSelected:n,selectWallet:r,limit:i,onShowMore:a}=t,l=R.use.connectedWallets(),{blockchains:p}=x.use.meta(),[u,c]=Jt(""),[d,m]=Jt(null),[g,C]=Jt(!1),[y,S]=Jt(null),{suggestAndConnect:w}=Ia(),f=null,{list:k,error:v,handleClick:b}=nn({config:e,chain:o,onBeforeConnect:W=>{f=setTimeout(()=>{c(W)},Cr)},onConnect:()=>{f&&clearTimeout(f),setTimeout(()=>{c("")},sn)}}),[B,O]=Jt(k),A=k.length,N=i&&A-i>0,$=s(async W=>{C(!1),S("in-progress");try{await w(W.walletType,W.chain),S("completed")}catch{S("rejected")}},"addExperimentalChain");Na(()=>{O(W=>{let Y=k.findIndex(H=>n(H.type,o));return N&&Y>1?[k[Y]].concat(k.filter((H,re)=>re!==Y)):W.map(H=>k.find(re=>re.type===H.type)??H)})},[JSON.stringify(k)]);let oe=document.querySelector("#swap-box");return Na(()=>{let W=null;return(y==="completed"||y==="rejected")&&(W=setTimeout(()=>S(null),sn)),()=>{W&&clearTimeout(W)}},[y]),ne.createElement(ne.Fragment,null,B.slice(0,i).map(W=>{let Y=_i({connectedWallets:l,walletType:W.type,chain:o}),H=Y?xo(Y):"",re=bo(p,o),P=!l.find(Ie=>Ie.walletType===W.type&&Ie.chain===o),me=re&&P&&W.state===Wa.CONNECTED,Ne=me?He.t({id:"Add {chain} chain",values:{chain:o}}):H,z=s(()=>{W.state===Wa.DISCONNECTED?b(W.type):me?(m({walletType:W.type,chain:o,address:Y??""}),C(!0)):r({walletType:W.type,chain:o,address:Y??""})},"onClick"),V=d?.chain?hs(d.chain,p):void 0;return ne.createElement(ne.Fragment,null,ne.createElement(Qt,{open:u===W.type,onClose:()=>c(""),image:W.image,state:W.state,error:v}),!!d&&ne.createElement(Ea,{open:!!d&&g,container:oe,onClose:()=>{m(null)}},ne.createElement(an,{title:He.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:V}}),type:"warning",description:He.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:V}})},ne.createElement(Tr,{size:18}),ne.createElement(Tr,{size:32}),ne.createElement(ym,{onClick:$.bind(null,d),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},He.t("Confirm")))),y&&ne.createElement(Ea,{open:!!y,onClose:S.bind(null,null),container:oe},y==="in-progress"&&ne.createElement(an,{type:"loading",title:He.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:V}}),description:He.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:V}}),icon:ne.createElement(ba,null,ne.createElement(Aa,null,ne.createElement(Sm,{src:W.image,size:45})),ne.createElement(xa,null))}),y==="completed"&&ne.createElement(an,{type:"success",title:He.t({id:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:V}}),description:He.t({id:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:V}})}),y==="rejected"&&ne.createElement(an,{type:"error",title:He.t("Request Rejected"),description:He.t({id:"You've rejected adding {blockchainDisplayName} chain to your wallet.",values:{blockchainDisplayName:V}})}),ne.createElement(Tr,{direction:"vertical",size:32})),ne.createElement(Cm,{key:W.type,description:Ne,onClick:z,selected:n(W.type,o),...W}))}),N&&ne.createElement(oa,{selected:!1,onClick:a.bind(null)},ne.createElement(Ba,{variant:"label",size:"medium"},He.t("Show more wallets"),ne.createElement(Ba,{variant:"label",size:"medium",color:"$primary"},"\xA0+",A-(i??0)))))}s(wr,"WalletList");var Wm=2;function Pa(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,config:i,loading:a}=t,{blockchains:l}=x.use.meta(),{bestRoute:p,setSelectedWallets:u,routeWalletsConfirmed:c,setRouteWalletConfirmed:d,customDestination:m,setCustomDestination:g}=_(),{connectedWallets:C,selectWallets:y}=R(),[S,w]=kt(""),[f,k]=kt([]),[v,b]=kt(""),[B,O]=kt(null),[A,N]=kt(m),[$,oe]=kt(!!m),W=Em(null),Y=Do(p),H=typeof i?.customDestination>"u"?!0:i.customDestination,re=l.find(D=>D.name===p?.result?.swaps[p?.result?.swaps.length-1].to.blockchain),P=s(D=>!!p?.result?.swaps.find(I=>I.from.blockchain===D),"isWalletRequiredFor"),[me,Ne]=kt(C.filter(D=>D.selected&&Y.includes(D.chain))),z=l.find(D=>D.name===re?.name),V=s((D,I)=>!!me.find(U=>U.walletType===D&&U.chain===I&&U.selected&&(P(I)||!P(I)&&!A)),"isSelected"),Ie=!!A&&$&&z&&!Fo(z,A),we=s(()=>{oe(!1),N(""),Ne(D=>{let I=!1;return D.map(U=>!I&&U.chain===re?.name?(I=!0,{...U,selected:!0}):U)})},"resetCustomDestination"),Fe=s(D=>{if(S&&w(""),V(D.walletType,D.chain))return;let U=C.find(Q=>Q.walletType===D.walletType&&Q.chain===D.chain);U&&(n(),D.chain===re?.name&&$&&(oe(!1),N("")),Ne(Q=>Q.filter(le=>le.chain!==D.chain).concat({...U,selected:!0})))},"onChange"),se=s(()=>{let D=me.filter(I=>I.selected);y(D),u(D),g(A),d(!0),o()},"onConfirmBalance"),ft=s(async()=>{k([]),b(""),O(null);let D=C.filter(Q=>me.find(le=>le.chain===Q.chain&&le.walletType===Q.walletType)),I=await r?.({selectedWallets:D,customDestination:A}),U=I.warnings;U?.balance?.messages&&k(U.balance.messages),U?.route&&O(U.route),I.error&&b(Lo(I.error)),!I.error&&(!U?.balance?.messages.length||0>0)?se():k(U?.balance?.messages??[])},"onConfirmWallets");xm(()=>{Ne(D=>D.concat(C.filter(I=>!!!D.find(Q=>Q.chain===I.chain)&&I.selected&&Y.includes(I.chain))))},[C.length]),Am(()=>{$&&W.current&&setTimeout(()=>{W?.current?.scrollIntoView({behavior:"smooth"})},Yt)},[$]);let Je=document.querySelector("#swap-box"),bt=Bm();return E.createElement(La,{open:e,onClose:()=>{c||bt(h.home,{replace:!0}),o()},dismissible:!S,container:Je,...!S&&{footer:E.createElement(ca,null,E.createElement(Ma,{loading:a,disabled:Ls(a,$,A,p,me,re),onClick:ft,variant:"contained",type:"primary",fullWidth:!0,size:"large"},"Confirm"))},...S&&{containerStyle:{padding:"$0"},header:E.createElement(ra,null,E.createElement(ia,{variant:"ghost",onClick:w.bind(null,"")},E.createElement(wm,{size:16})),E.createElement(ln,{variant:"headline",size:"small"},nt.t({id:"Your {blockchainName} wallets",values:{blockchainName:S}})))},anchor:"center"},E.createElement(La,{open:f.length>0,onClose:k.bind(null,[]),container:Je},E.createElement(vm,{title:nt.t("Insufficient account balance"),type:"error",description:E.createElement(km,{messages:f??[]})},E.createElement(Ma,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:se},nt.t("Proceed anyway")))),S&&E.createElement(sa,null,E.createElement("div",{className:"wallets-list"},E.createElement(wr,{chain:S,isSelected:V,selectWallet:Fe,multiWallets:i?.multiWallets??!0,supportedWallets:i?.wallets??[],config:i,onShowMore:w.bind(null,S)}))),!S&&E.createElement(E.Fragment,null,v&&E.createElement(E.Fragment,null,E.createElement(vr,{variant:"alarm",type:"error",title:nt.t(v)}),E.createElement(Ot,{size:12})),B&&E.createElement(E.Fragment,null,E.createElement(vr,{variant:"alarm",type:"warning",title:on(B)}),E.createElement(Ot,{size:12})),E.createElement(fa,null,Y.map((D,I)=>{let U=l.find(ue=>ue.name===D),Q=`wallet-${I}`,le=I===Y.length-1;return E.createElement("div",{key:Q},E.createElement(ea,null,E.createElement(ln,{variant:"title",size:"xmedium"},nt.t({id:"Your {blockchainName} wallets",values:{blockchainName:U?.displayName}})),E.createElement(ln,{variant:"label",color:"$neutral700",size:"medium"},nt.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:U?.displayName}}))),E.createElement(Ot,{size:24}),E.createElement(ta,null,E.createElement(wr,{chain:D,isSelected:V,selectWallet:Fe,multiWallets:i?.multiWallets??!0,supportedWallets:i?.wallets??[],config:i,limit:Wm,onShowMore:()=>w(U?.name??"")})),!le&&E.createElement(Ot,{size:32}),le&&H&&E.createElement(pa,null,E.createElement(aa,{ref:W,selected:$,open:$,onOpenChange:ue=>{ue?P(re?.name??"")||Ne(ho=>ho.map(yo=>yo.chain===re?.name?{...yo,selected:!1}:yo)):we()}},E.createElement(na,{onClick:()=>oe(ue=>!ue)},E.createElement(la,{fullWidth:!0,variant:"default",suffix:E.createElement(ua,{orientation:$?"up":"down"},E.createElement(Tm,{size:10,color:"gray"}))},E.createElement("div",{className:"button__content"},E.createElement(bm,{size:18,color:"info"}),E.createElement(Ot,{size:4,direction:"horizontal"}),E.createElement(ln,{variant:"label",size:"medium"},nt.t("Send to a different address"))))),E.createElement(da,{open:$},E.createElement(E.Fragment,null,E.createElement(Ot,{size:4}),E.createElement(ma,{autoFocus:!0,placeholder:nt.t("Your destination address"),value:A,onChange:ue=>{N(ue.target.value)}})))),Ie&&E.createElement("div",{className:"alarms"},E.createElement(vr,{variant:"alarm",type:"error",title:nt.t({values:{destination:A},id:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}s(Pa,"ConfirmWalletsModal");import{calculatePendingSwap as Im}from"@rango-dev/queue-manager-rango-preset";import Mm from"bignumber.js";import{useEffect as Lm}from"react";function Pm(t,e){if(!t.result)throw new Error(q().noRoutesError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});let o=new Mm(t.result?.outputAmount||"0").multipliedBy(e.outputUsdValue||0),n=qo(e.inputUsdValue,o);if(Go(e.inputUsdValue,n))throw new Error("High value loss for route",{cause:{type:1}});return t}s(Pm,"throwErrorIfResponseIsNotValid");function _m(t,e,o){let n=Ss(t,e),r={balance:null,route:null,slippage:null};n&&(Es(t,e)?r.route={type:3,newOutputAmount:T(Mt(e)),percentageChange:T(et(Mt(t),Mt(e)),null,2)}:ir(t,e)?r.route={type:0}:sr(t,e)?r.route={type:1}:ar(t,e)&&(r.route={type:2}));let i=Bs(e,o.selectedWallets);i.length===0||(r.balance={messages:i});let l=bs(t),p=o.userSlippage>ss;return xs(o.userSlippage.toString(),l)?p&&(r.slippage={type:1,slippage:o.userSlippage.toString()}):r.slippage={type:0,slippage:l},r}s(_m,"generateWarnings");function _a(){let{fromToken:t,toToken:e,inputAmount:o,inputUsdValue:n,setRoute:r,bestRoute:i,customDestination:a}=_(),{slippage:l,customSlippage:p,affiliatePercent:u,affiliateRef:c,affiliateWallets:d,disabledLiquiditySources:m}=F(),{connectedWallets:g}=R(),{meta:C}=x(),y=p||l,{fetch:S,cancelFetch:w,loading:f}=Yo();return Lm(()=>w,[]),{loading:f,fetch:s(async v=>{let b=v.selectedWallets,B=v?.customDestination??a;if(!t||!e||!o||!i)return{route:null,swap:null,error:null,warnings:null};let O=Xo({fromToken:t,toToken:e,inputAmount:o,wallets:g,selectedWallets:b,disabledLiquiditySources:m,slippage:y,affiliateRef:c,affiliatePercent:u,affiliateWallets:d,initialRoute:i,destination:B}),A;try{A=await S(O).then(oe=>Pm(oe,{outputUsdValue:e.usdPrice,inputUsdValue:n})),r(A)}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 N={slippage:y.toString(),disabledSwappersGroups:m},$=Im(o.toString(),A,As(b),N,!1,C);return{route:A,swap:$,error:null,warnings:_m(i,A,{selectedWallets:b,userSlippage:y})}},"fetch"),cancelFetch:w}}s(_a,"useConfirmSwap");var Xm=Oa("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"}}),jm=Oa("div",{width:"100%",display:"flex",justifyContent:"space-between","& .confirm-button":{flexGrow:1,paddingRight:"$10"},[`& ${Fa}`]:{width:"$48",height:"$48"}});function $a(t){let{config:e}=t,{bestRoute:o,inputAmount:n,outputAmount:r,inputUsdValue:i,outputUsdValue:a,setInputAmount:l,selectedWallets:p,routeWalletsConfirmed:u,setRouteWalletConfirmed:c,customDestination:d}=_(),m=Rm(),[g,C]=cn(""),[y,S]=cn(!1),{connectedWallets:w}=R(),f=!u,[k,v]=cn(!1),b=be.use.setSelectedSwap(),{meta:{tokens:B,blockchains:O},loadingStatus:A}=x(),N=F.use.slippage(),$=F.use.customSlippage(),{manager:oe}=Dm(),W=$||N,{fetch:Y,loading:H,cancelFetch:re}=_a(),[P,me]=cn({swap:null,error:null,warnings:null}),Ne=H||A==="loading",z=!H&&P.error&&[0,2].includes(P.error.type),V=!z&&!H&&o&&o.result,Ie=Ro(o,B),we=T(et(i?.toNumber()??0,a?.toNumber()??0),2,2),Fe=It(parseFloat(we)),se=s(async({selectedWallets:I,customDestination:U})=>{let Q=await Y?.({selectedWallets:I,customDestination:U});return me(Q),Q},"onConfirmSwap"),ft=s(async()=>{if(P.swap&&u)try{await oe?.create("swap",{swapDetails:P.swap},{id:P.swap.requestId}),b(P.swap.requestId),m("/"+h.swaps+`/${P.swap.requestId}`,{replace:!0}),setTimeout(()=>{l("")},0)}catch(I){C("Error: "+I?.message)}},"addNewSwap"),Je=s(async()=>{await ft()},"onConfirm"),bt=s(async()=>{P?.warnings?.slippage?S(!0):await Je()},"onStartConfirmSwap"),D=s(async()=>{me({error:null,swap:null,warnings:null}),Y({selectedWallets:p}).then(I=>{me(I)}).catch(I=>console.error(I))},"onRefresh");return un(()=>{f&&re()},[f]),un(()=>{f&&v(f)},[f]),un(()=>{f||Y({selectedWallets:p,customDestination:d}).then(I=>me(I)).catch(I=>console.error(I))},[]),un(()=>{let I=P.warnings?.route?.type&&Object.values(Rt).includes(P.warnings?.route?.type),U=p.length<1||!p.every(le=>w.find(ue=>le.address===ue.address&&le.walletType===ue.walletType&&le.chain===ue.chain)),Q=!1;if(I){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=>p.find(Ip=>Ip.chain===$n))||(Q=!0)}o&&(U||Q)&&(queueMicrotask(()=>Vm(v.bind(null,!0))),c(!1))},[P.warnings?.route,p.length,w.length]),M.createElement(J,{header:{title:je.t("Confirm Swap"),onBack:m.bind(null,-1),hasConnectWallet:!0,suffix:M.createElement(Gm,{container:ae(),side:"bottom",content:je.t("Settings")},M.createElement(Oe,{size:"small",variant:"ghost",onClick:()=>m("/"+h.settings)},M.createElement(qm,{size:18,color:"black"})))},footer:M.createElement(jm,null,M.createElement("div",{className:"confirm-button"},M.createElement(pn,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:H,disabled:!!P.error,onClick:bt},je.t("Start Swap"))),M.createElement(Fa,{variant:"contained",type:"primary",size:"large",loading:H,onClick:v.bind(null,!0)},M.createElement(Hm,{size:24})))},M.createElement(Um,{anchor:"bottom",open:y,prefix:M.createElement(pn,{size:"small",variant:"ghost",onClick:()=>m("/"+h.settings)},M.createElement(Da,{variant:"label",size:"medium",color:"$neutral700"},je.t("Change settings"))),container:document.querySelector("#swap-box"),onClose:S.bind(null,I=>!I)},P.warnings?.slippage&&M.createElement($m,{type:"warning",title:P.warnings.slippage.type===1?je.t("High slippage"):je.t("Low slippage"),description:P.warnings.slippage.type===1?je.t({id:" Caution, your slippage is high (={selectedSlippage}). Your trade may be front run.",values:{selectedSlippage:W}}):je.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:P.warnings.slippage.slippage}})},M.createElement($t,{size:18}),M.createElement($t,{size:32}),M.createElement(pn,{size:"large",type:"primary",variant:"contained",fullWidth:!0,onClick:Je},je.t("Confirm anyway")))),k&&M.createElement(Pa,{open:k,onClose:()=>v(!1),onCancel:re,loading:H,onCheckBalance:se,config:e}),M.createElement(Xm,null,M.createElement("div",{className:"description"},M.createElement(Da,{variant:"title",size:"small"},je.t("You get")),M.createElement(pn,{style:{padding:"0"},variant:"ghost",disabled:H,onClick:D},M.createElement("div",{className:"icon"},M.createElement(zm,{size:16})))),g&&M.createElement(M.Fragment,null,M.createElement(br,{type:"error",variant:"alarm",title:g}),M.createElement($t,{size:12})),P.warnings?.route&&M.createElement(M.Fragment,null,M.createElement(br,{variant:"alarm",type:"warning",title:on(P.warnings.route)}),M.createElement($t,{size:12})),Ne&&M.createElement(Om,{type:"swap-preview",expanded:!0}),V&&M.createElement(Fm,{expanded:!0,tooltipContainer:ae(),steps:ws(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:Fe}),z&&M.createElement(M.Fragment,null,M.createElement($t,{size:12}),M.createElement(Xt,{diagnosisMessage:P.error?.type===0?P.error.diagnosisMessage:void 0,error:P.error?.type===2,fetch:D})),P.error?.type===1&&M.createElement(M.Fragment,null,M.createElement(br,{variant:"alarm",type:"error",title:Lo(P.error)}),M.createElement($t,{size:12}))))}s($a,"ConfirmSwapPage");import{i18n as fn}from"@lingui/core";import{useManager as ed}from"@rango-dev/queue-manager-react";import{Divider as td,NotFound as od,styled as ja}from"@rango-dev/ui";import ct,{useState as nd}from"react";import{useNavigate as rd}from"react-router-dom";import{CloseIcon as Ym,IconButton as Qm,SearchIcon as Jm,TextField as Zm}from"@rango-dev/ui";import Zt from"react";import{styled as Km}from"@rango-dev/ui";var Ua=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:l,...p}=t;return Zt.createElement(Zm,{prefix:Zt.createElement(Ua,null,Zt.createElement(Jm,{color:"black"})),suffix:!!a.length&&Zt.createElement(Qm,{variant:"ghost",onClick:()=>l?.(""),size:"small"},Zt.createElement(Ym,{color:"gray",size:10})),fullWidth:o,color:n,variant:e,style:{padding:10,borderRadius:25,alignItems:"center"},size:r,value:a,onChange:i,...p})}s(rt,"SearchInput");import{i18n as qa}from"@lingui/core";import{Divider as Ga,SwapListItem as Ha,Typography as Va}from"@rango-dev/ui";import te from"react";import{styled as mn}from"@rango-dev/ui";var xr=mn("div",{width:"100%",display:"flex",flexDirection:"column"}),Ar=mn("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),Er=mn("div",{gap:"$10",display:"flex",flexDirection:"column"}),za=mn("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});function Br(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,i=n?n(e):[{title:"History",swaps:e}];if(r){let a=[{},{}];return te.createElement(te.Fragment,null,[{title:"Today",swaps:a},{title:"Last month",swaps:a}].map(p=>te.createElement(te.Fragment,{key:p.title},te.createElement(xr,null,te.createElement(Ar,null,te.createElement(Va,{variant:"label",size:"medium",color:"neutral600",className:"group-title"},qa.t(p.title))),te.createElement(Ga,{size:4}),te.createElement(Er,null,p.swaps.map((u,c)=>{let d=c+p.title;return te.createElement(te.Fragment,{key:d},te.createElement(Ha,{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(xr,null,te.createElement(Ar,null,te.createElement(Va,{variant:"label",size:"medium",color:"neutral600",className:"group-title"},qa.t(a.title))),te.createElement(Ga,{size:4}),te.createElement(Er,null,a.swaps.map(l=>{let p=l.steps[0],u=l.steps[l.steps.length-1];return te.createElement(te.Fragment,{key:l.requestId},te.createElement(Ha,{requestId:l.requestId,creationTime:l.creationTime,status:l.status,onClick:o,onlyShowTime:a.title==="Today",swapTokenData:{from:{token:{image:p.fromLogo,displayName:p.fromSymbol},blockchain:{image:p.fromBlockchainLogo||""},amount:ko(l.inputAmount)},to:{token:{image:u.toLogo,displayName:u.toSymbol},blockchain:{image:u.toBlockchainLogo||""},amount:ko(u.outputAmount||""),estimatedAmount:ko(u.expectedOutputAmountHumanReadable||"")}}}))}))))))}s(Br,"SwapsGroup");import Ra from"dayjs";var Xa=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=Ra();return t.forEach(n=>{let r=Ra(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 dn=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 id=ja("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",height:"100%",gap:15}),sd=ja("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),ad=s((t,e)=>t?.length?t.filter(o=>Re(o.fromBlockchain,e)||Re(o.toBlockchain,e)||Re(o.toSymbol,e)||Re(o.fromSymbol,e)).length:!1,"isStepContainsText");function Ka(){let t=be.use.setSelectedSwap(),e=rd(),{navigateBackFrom:o}=ie(),{manager:n,state:r}=ed(),i=dn(n).map(({swap:m})=>m),[a,l]=nd(""),p=!r.loadedFromPersistor,u=s(m=>{let g=m.target.value;l(g)},"searchHandler"),c=i;a&&(c=i.filter(m=>Re(m.inputAmount,a)||Re(m.status,a)||ad(m.steps,a)||Re(m.requestId,a)));let d=!c?.length&&!p;return ct.createElement(J,{header:{onBack:o.bind(null,h.swaps),title:fn.t("History")}},ct.createElement(id,null,ct.createElement(rt,{setValue:l,fullWidth:!0,variant:"contained",placeholder:fn.t("Search Transaction"),autoFocus:!0,onChange:u,value:a}),ct.createElement(sd,null,d&&ct.createElement(za,null,ct.createElement(td,{size:32}),ct.createElement(od,{title:fn.t("No results found"),description:a?fn.t("Try using different keywords"):""})),!d&&ct.createElement(Br,{list:c,onSwapClick:m=>{t(m),e(`${m}`,{replace:!0})},groupBy:Xa,isLoading:p}))))}s(Ka,"HistoryPage");import{i18n as Ya}from"@lingui/core";import{List as ld,ListItemButton as pd,Radio as ud,RadioRoot as cd,Typography as md}from"@rango-dev/ui";import mt from"react";import{styled as gn}from"@rango-dev/ui";var it=gn("div",{height:"100%",overflow:"hidden"}),eo=gn("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto"}),Wr=gn("div",{width:80,display:"flex",justifyContent:"flex-end"}),Nr=gn("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});function hn(){let t=F.use.language(),e=F.use.setLanguage();return{activeLanguage:t,languages:ns,defaultLanguage:Po,changeLanguage:e}}s(hn,"useLanguage");function Qa(){let{navigateBackFrom:t}=ie(),{activeLanguage:e,changeLanguage:o,languages:n}=hn(),r=n.map(i=>{let{local:a,label:l,SVGFlag:p}=i;return{id:a,value:a,title:mt.createElement(md,{variant:"title",size:"xmedium"},l),onClick:()=>o(i.local),end:mt.createElement(ud,{value:a}),start:mt.createElement(p,null)}});return mt.createElement(J,{header:{onBack:t.bind(null,h.settings),title:Ya.t("Language")}},mt.createElement(it,null,mt.createElement(cd,{value:e},mt.createElement(ld,{type:mt.createElement(pd,{title:Ya.t("language"),id:"_",onClick:()=>console.log()}),items:r}))))}s(Qa,"LanguagePage");import{i18n as Ut}from"@lingui/core";import{Button as yd,Checkbox as Sd,Image as Cd,ListItemButton as kd,NotFound as Td,Typography as wd}from"@rango-dev/ui";import Te,{useState as vd}from"react";import{Checkbox as gd,Skeleton as Za}from"@rango-dev/ui";import to from"react";import{ListItem as dd,styled as fd}from"@rango-dev/ui";var Ja=fd(dd,{height:61});var hd=30;function Ir(){return to.createElement(eo,null,Array.from(Array(hd),t=>to.createElement(Ja,{hasDivider:!0,key:t,start:to.createElement(Za,{variant:"circular",width:35,height:35}),title:to.createElement(Za,{variant:"text",size:"large",width:90}),end:to.createElement(gd,{checked:!1})})))}s(Ir,"LoadingLiquiditySourceList");function yn(t){let e=x.use.meta().swappers,o=F.use.disabledLiquiditySources(),n=[];return Wt(e.map(i=>i.swapperGroup)).map(i=>{let a=e.find(l=>l.swapperGroup===i);if(a){let l=!0;t&&(l=t.some(p=>p===a.swapperGroup)),l&&a.types.map(p=>{n.push({id:a.swapperGroup,groupTitle:a.swapperGroup,logo:a.logo,type:p,selected:!o.includes(a.swapperGroup)})})}}),n}s(yn,"getUniqueSwappersGroups");function el(t,e){return t.groupTitle<e.groupTitle?-1:t.groupTitle>e.groupTitle?1:0}s(el,"sortLiquiditySourcesByGroupTitle");function Mr({supportedSwappers:t,sourceType:e}){let[o,n]=vd(""),r=F.use.toggleLiquiditySource(),{navigateBackFrom:i}=ie(),a=x.use.loadingStatus(),l=yn(t),p=[];e==="Exchanges"&&p.push("DEX"),e==="Bridges"&&(p.push("BRIDGE"),p.push("AGGREGATOR"));let u=l.filter(y=>p.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(el).map(y=>{let{selected:S,groupTitle:w,logo:f}=y;return{start:Te.createElement(Cd,{src:f,size:22,type:"circular"}),onClick:()=>r(w),end:Te.createElement(Sd,{checked:S}),title:Te.createElement(wd,{variant:"title",size:"xmedium"},Ut.t(w)),...y}}),g=s(y=>{let S=y.target.value;n(S)},"searchHandler"),C=m;return o&&(C=m.filter(y=>Re(y.groupTitle,o))),Te.createElement(J,{header:{onBack:i.bind(null,h.settings),title:Ut.t(e),suffix:Te.createElement(Wr,null,Te.createElement(yd,{variant:"ghost",size:"xsmall",onClick:d},Ut.t(c?"Deselect all":"Select all")))}},Te.createElement(it,null,Te.createElement(rt,{value:o,setValue:n,fullWidth:!0,color:"light",variant:"contained",placeholder:Ut.t("Search {sourceType}",{sourceType:e}),onChange:g}),a==="loading"&&Te.createElement(Ir,null),!C.length&&o?Te.createElement(Nr,null,Te.createElement(Td,{title:Ut.t("No results found"),description:Ut.t("Try using different keywords")})):a==="success"&&Te.createElement(eo,null,C.map(y=>Te.createElement(Te.Fragment,{key:y.id},Te.createElement(kd,{style:{height:"61px"},...y,selected:!1,hasDivider:!0}))))))}s(Mr,"LiquiditySourcePage");import{i18n as ll}from"@lingui/core";import{Divider as Dr,SelectableCategoryList as Md}from"@rango-dev/ui";import Tt,{useState as pl}from"react";import{i18n as Pr}from"@lingui/core";import{Divider as sl,Image as Ed,ListItemButton as Bd,NotFound as Wd,Typography as al}from"@rango-dev/ui";import De,{useEffect as Nd,useState as Id}from"react";import{BlockchainCategories as Lr}from"@rango-dev/ui";import{TransactionType as Sn}from"rango-sdk";var bd=s((t,e)=>{switch(e){case Lr.ALL:return!0;case Lr.UTXO:return t.type===Sn.TRANSFER;case Lr.OTHER:return t.type!==Sn.TRANSFER&&t.type!==Sn.COSMOS&&t.type!==Sn.EVM;default:return t.type===e}},"filterByType"),tl=s((t,e,o)=>t.filter(n=>bd(n,o)).filter(n=>gt(n.name,e)||gt(n.displayName,e)),"filterBlockchains");import{styled as ol}from"@rango-dev/ui";var nl=ol("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),Cn=ol("ul",{padding:0,margin:0,listStyle:"none",overflowY:"auto",paddingRight:"$5",".image-container":{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as xd,Skeleton as rl}from"@rango-dev/ui";import kn from"react";var Ad=20;function il(){return kn.createElement(Cn,null,Array.from(Array(Ad),t=>kn.createElement(xd,{key:t,hasDivider:!0,start:kn.createElement(rl,{variant:"circular",width:35,height:35}),title:kn.createElement(rl,{variant:"text",size:"large",width:90})})))}s(il,"LoadingBlockchainList");function _r(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[i,a]=Id(e),l=x.use.loadingStatus();Nd(()=>{a([...tl(e,o,r)])},[e,o,r]);let p=s(()=>!i.length&&o?De.createElement(De.Fragment,null,De.createElement(sl,{size:32}),De.createElement(Wd,{title:Pr.t("No results found"),description:Pr.t("Try using different keywords")})):De.createElement(Cn,{key:`${r}-${o}`},i.map(u=>De.createElement(Bd,{key:`${u.name}-${u.chainId}`,hasDivider:!0,onClick:()=>n(u),start:De.createElement(Ed,{src:u.logo,size:30}),title:De.createElement(al,{variant:"title",size:"medium"},u.displayName),id:u.chainId}))),"renderList");return De.createElement(nl,null,De.createElement(al,{variant:"label",size:"large"},Pr.t("Select Blockchain")),De.createElement(sl,{size:4}),l==="loading"&&De.createElement(il,null),l==="success"&&p())}s(_r,"BlockchainList");function Fr(t){let{type:e}=t,{navigateBackFrom:o}=ie(),[n,r]=pl(""),[i,a]=pl("ALL"),l=_.use.setToBlockchain(),p=_.use.setFromBlockchain(),{loadingStatus:u}=x(),c=Pe().blockchains({type:e}),d=e==="source"?"fromBlockchain":"toBlockchain";return Tt.createElement(J,{header:{onBack:()=>{o(h[d])},title:ll.t("Select Blockchain")}},Tt.createElement(Dr,{size:12}),Tt.createElement(Md,{setCategory:a,category:i,blockchains:c,isLoading:u==="loading"}),Tt.createElement(Dr,{size:24}),Tt.createElement(rt,{value:n,autoFocus:!0,placeholder:ll.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:m=>r(m.target.value)}),Tt.createElement(Dr,{size:16}),Tt.createElement(_r,{list:c,searchedFor:n,blockchainCategory:i,onChange:m=>{e==="source"?p(m):l(m),o(h[d])}}))}s(Fr,"SelectBlockchainPage");import{i18n as El}from"@lingui/core";import{Divider as Bl}from"@rango-dev/ui";import zt,{useState as Kd}from"react";import{useNavigate as Yd}from"react-router-dom";import{i18n as $r}from"@lingui/core";import{BlockchainsChip as Tn,Divider as dl,Image as fl,Skeleton as Fd,Typography as Ur}from"@rango-dev/ui";import Ce from"react";import{useEffect as _d}from"react";var ul=["ETH","COSMOS","OSMOSIS"];function cl(t,e,o){let n=JSON.parse(JSON.stringify(t)),r=[];if(n.sort(Ld),o?.limit&&t.length>o.limit){let i=o.limit,a=e;if(e.length<=o.limit)for(let l=0;l<o.limit;l++){let p=n[l];a=a.filter(u=>p.name!==u)}n.sort(Pd(a)),r=n.splice(i)}return{list:n,more:r}}s(cl,"prepare");function Ld(t,e){let o=ul,n=o.findIndex(l=>l===t.name),r=o.findIndex(l=>l===e.name),i=n>-1,a=r>-1;return i&&a?n>r?1:-1:i?-1:a?1:0}s(Ld,"sortByMostUsedBlockchains");function Pd(t){return s(function(o,n){let r=t.findIndex(p=>p===o.name),i=t.findIndex(p=>p===n.name),a=r>-1,l=i>-1;return a&&l?r>i?1:-1:t.includes(o.name)?-1:t.includes(n.name)?1:0},"sortByPreferred")}s(Pd,"generateSortByPreferredBlockchainsFor");function Or(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=F();_d(()=>{e?.selected&&n(e?.selected)},[e?.selected]);let r=cl(t,o,e);return{list:r.list,more:r.more,history:[]}}s(Or,"usePrepareBlockchainList");import{styled as Dd}from"@rango-dev/ui";var ml=Dd("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var Od=12;function zr(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:i}=t,a=Or(e,{limit:10,selected:n?.name}),l=x.use.loadingStatus(),p=_.use.resetToBlockchain(),u=_.use.resetFromBlockchain(),c=a.more.length>0,d=a.more.length===1,m=!d&&c;return Ce.createElement("div",null,Ce.createElement(dl,{size:12}),Ce.createElement(Ur,{variant:"label",size:"large"},$r.t("Select Blockchain")),Ce.createElement(dl,{size:12}),Ce.createElement(ml,null,l==="loading"&&Array.from(Array(Od),g=>Ce.createElement(Fd,{key:g,variant:"rounded",height:50})),l==="success"&&Ce.createElement(Ce.Fragment,null,Ce.createElement(Tn,{selected:!n,onClick:()=>{o==="from"?u():p()}},Ce.createElement(Ur,{variant:"body",size:"xsmall",color:"secondary500"},$r.t("All"))),a.list.map(g=>Ce.createElement(Tn,{key:g.name,selected:!!n&&n.name===g.name,onClick:()=>r(g)},Ce.createElement(fl,{src:g.logo,size:30}))),d?Ce.createElement(Tn,{key:a.more[0].name,selected:!!n&&n.name===a.more[0].name,onClick:()=>r(a.more[0])},Ce.createElement(fl,{src:a.more[0].logo,size:30})):null,m?Ce.createElement(Tn,{onClick:i,key:"more-blockchains"},Ce.createElement(Ur,{variant:"body",size:"xsmall",color:"secondary500"},$r._("More +{count}",{count:a.more.length}))):null)))}s(zr,"BlockchainsSection");import{i18n as Rr}from"@lingui/core";import{darkTheme as wl,Divider as no,ExternalLinkIcon as zd,Image as qd,ListItemButton as Gd,NotFound as Hd,PinIcon as Vd,Skeleton as vl,Typography as ro,VirtualizedList as Rd}from"@rango-dev/ui";import L,{forwardRef as Xd,useEffect as bl,useState as xl}from"react";var gl=s((t,e)=>{t=t.replace(/^#/,""),t.length===3&&(t=t[0]+t[0]+t[1]+t[1]+t[2]+t[2]);let[i,a,l]=t.match(/.{2}/g);[i,a,l]=[parseInt(i,16)+e,parseInt(a,16)+e,parseInt(l,16)+e],i=Math.max(Math.min(255,i),0).toString(16),a=Math.max(Math.min(255,a),0).toString(16),l=Math.max(Math.min(255,l),0).toString(16);let p=(i.length<2?"0":"")+i,u=(a.length<2?"0":"")+a,c=(l.length<2?"0":"")+l;return`#${p}${u}${c}`},"colorShade"),wn=s((t,e)=>{let a={[t]:e};for(let l=1;l<10;l++)l<5&&(a={...a,[t+l*100]:gl(e,(5-l)*32)}),l===5&&(a={...a,[t+l*100]:e}),l>5&&(a={...a,[t+l*100]:gl(e,-((l-5)*32))});return a},"generateRangeColors"),qr=s((t,e,o)=>{if(!o||!Object.entries(o).length)return{};let n=!1,r={...t};for(let i in o){let a=o[i];if(a&&a!==t[i])if(n=!0,i==="background"||i==="foreground")r={...r,[i]:a};else if(i==="neutral"&&e){let l=wn(i,a);r={...r,[`${i}100`]:l[`${i}900`],[`${i}200`]:l[`${i}800`],[`${i}300`]:l[`${i}700`],[`${i}400`]:l[`${i}600`],[`${i}500`]:l[`${i}500`],[`${i}600`]:l[`${i}400`],[`${i}700`]:l[`${i}300`],[`${i}800`]:l[`${i}200`],[`${i}900`]:l[`${i}100`]}}else r={...r,...wn(i,a)}}return n?r:{}},"generateColors");import{Divider as kl,ListItem as Ud,Skeleton as oo}from"@rango-dev/ui";import Ve from"react";import{styled as Ke,Typography as $d}from"@rango-dev/ui";var hl=Ke("div",{display:"flex",flexDirection:"column",flexGrow:1}),Gr=Ke("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),vn=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"}}}}}),Hr=Ke("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),Vr=Ke($d,{}),yl=Ke("div",{textAlign:"right"}),bn=Ke("ul",{display:"flex",alignItems:"end",flexDirection:"column"}),vE=Ke("div",{display:"flex",alignItems:"center"}),Sl=Ke("div",{position:"relative",".image-container":{borderRadius:"$xm",overflow:"hidden"}}),Cl=Ke("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6});function Tl(t){return Ve.createElement(vn,null,Array.from(Array(t.size),e=>Ve.createElement(Ud,{key:e,hasDivider:!0,start:Ve.createElement(oo,{variant:"circular",width:35,height:35}),end:Ve.createElement(bn,null,Ve.createElement(oo,{variant:"text",size:"large",width:70}),Ve.createElement(kl,{size:4}),Ve.createElement(oo,{variant:"text",size:"medium",width:50})),title:Ve.createElement("div",null,Ve.createElement(oo,{variant:"text",size:"large",width:90}),Ve.createElement(kl,{size:4}),Ve.createElement(oo,{variant:"text",size:"medium",width:90}))})))}s(Tl,"LoadingTokenList");var Xr=20,jd=s(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:i,customCssForTagTitle:a}=t,l=e.length;return L.createElement("div",{className:"description"},o?L.createElement("div",{className:"token-name"},o):L.createElement(Gr,{className:"token-title"},L.createElement(ro,{variant:"title",size:"xmedium"},r.symbol),L.createElement(no,{direction:"horizontal",size:4}),L.createElement(Hr,{css:i},L.createElement(Vr,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&L.createElement("div",{className:`token-address ${!o&&"token-address-without-name"}`},L.createElement("a",{href:n,target:"_blank",rel:"nofollow noreferrer",onClick:p=>p.stopPropagation()},l>10?`${e.slice(0,5)}...${e.slice(l-6,l)}`:e," ",L.createElement(zd,{color:"gray",size:12}))))},"renderDesc");function Al(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[i,a]=xl(e),l=x.use.loadingStatus(),[p,u]=xl(!0),c=R.use.loading(),{blockchains:d}=x.use.meta(),{isTokenPinned:m}=Pe(),g=Xd((S,w)=>L.createElement("div",{...S,ref:w,style:{...S.style,height:`${parseFloat(S.style?.height)+8*2}px`}})),C=s(()=>{a(e.slice(0,i.length+Xr))},"loadNextPage");bl(()=>{u(e.length>i.length)},[i.length]),bl(()=>{a(e.slice(0,Xr))},[e]);let y=s(()=>!i.length&&o?L.createElement(L.Fragment,null,L.createElement(no,{size:32}),L.createElement(Hd,{title:Rr.t("No results found"),description:Rr.t("Try using different keywords")})):L.createElement(Rd,{Item:({index:S,style:w})=>{let f=i[S],k=f.address||"",v=d.find(A=>A.name===f.blockchain),b=wn(f.symbol,v?.color||""),B={$$color:b[`${f.symbol}100`],[`.${wl} &`]:{$$color:b[`${f.symbol}900`]},backgroundColor:"$$color"},O={$$color:b[`${f.symbol}700`],[`.${wl} &`]:{$$color:b[`${f.symbol}100`]},color:"$$color"};return L.createElement("div",{style:{...w,paddingRight:5}},L.createElement(Gd,{style:{height:w?.height},"tab-index":S,key:`${f.symbol}${f.address}`,id:`${f.symbol}${f.address}`,hasDivider:!0,onClick:()=>n(i[S]),start:L.createElement(Sl,null,L.createElement(qd,{src:f.image,size:30}),m(f)&&L.createElement(Cl,null,L.createElement(Vd,{size:12,color:"gray"}))),title:v?.type==="COSMOS"||f.name||!f.name&&!k?L.createElement(Gr,null,L.createElement(ro,{variant:"title",size:"xmedium"},f.symbol),L.createElement(no,{direction:"horizontal",size:4}),L.createElement(Hr,{css:B},L.createElement(Vr,{variant:"body",size:"xsmall",css:O},f.blockchain))):void 0,description:v?.info&&k&&v.type!=="COSMOS"?jd({address:k,token:i[S],customCssForTag:B,customCssForTagTitle:O,name:f.name,url:v.info.addressUrl.split("{wallet}").join(k)}):f.name||void 0,end:c?L.createElement(bn,null,L.createElement(vl,{variant:"text",size:"large",width:70}),L.createElement(no,{size:4}),L.createElement(vl,{variant:"text",size:"medium",width:50})):i[S]?.balance&&L.createElement(yl,null,L.createElement(ro,{variant:"title",size:"small"},f.balance?.amount),L.createElement("div",null),f.balance?.usdValue&&L.createElement(ro,{variant:"body",color:"neutral600",size:"xsmall"},`$${f.balance?.usdValue}`))}))},hasNextPage:p,itemCount:i.length,loadNextPage:C,innerElementType:g,size:60,key:`${r}-${o}`}),"renderList");return L.createElement(hl,null,L.createElement(ro,{variant:"label",size:"large"},Rr.t("Select Token")),L.createElement(no,{size:4}),l==="loading"&&L.createElement(Tl,{size:Xr}),l==="success"&&L.createElement(vn,null,y()))}s(Al,"TokenList");function jr(t){let{type:e}=t,o=Yd(),{navigateBackFrom:n}=ie(),{fromBlockchain:r,toBlockchain:i,setFromToken:a,setToToken:l,setFromBlockchain:p,setToBlockchain:u}=_(),{connectedWallets:c}=R(),[d,m]=Kd(""),C=(e==="source"?r:i)?.name??"",y=Pe().blockchains({type:e}),S=Pe().tokens({type:e,blockchain:C,searchFor:d}),w=Li(S,c),f=s(v=>{e==="source"?p(v):u(v)},"updateBlockchain"),k=s(v=>{e==="source"?a(v):l(v)},"updateToken");return zt.createElement(J,{header:{onBack:()=>n(e==="source"?h.fromSwap:h.toSwap),title:El.t("Swap {type}",{type:e==="source"?"from":"to"})}},zt.createElement(zr,{blockchains:y,type:e=="source"?"from":"to",blockchain:e==="source"?r:i,onMoreClick:()=>o(e==="source"?h.fromBlockchain:h.toBlockchain),onChange:v=>{f(v)}}),zt.createElement(Bl,{size:24}),zt.createElement(rt,{value:d,autoFocus:!0,placeholder:El.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>m(""),onChange:v=>m(v.target.value)}),zt.createElement(Bl,{size:16}),zt.createElement(Al,{list:w,selectedBlockchain:C,searchedFor:d,onChange:v=>{k(v);let b=y.find(B=>v.blockchain===B.name);b&&f(b),n(h.fromSwap)}}))}s(jr,"SelectSwapItemsPage");import{i18n as wt}from"@lingui/core";import{ChevronRightIcon as Qr,Divider as Jr,InfoIcon as of,List as nf,ListItemButton as rf,Skeleton as sf,Switch as af,Tooltip as lf,Typography as vt}from"@rango-dev/ui";import G from"react";import{useNavigate as pf}from"react-router-dom";import{i18n as Ll}from"@lingui/core";import{Chip as Jd,Divider as Pl,InfoIcon as Zd,TextField as ef,Tooltip as tf,Typography as _l}from"@rango-dev/ui";import Ae from"react";import{styled as xn}from"@rango-dev/ui";var Wl=xn("div",{paddingTop:"$5",paddingBottom:"30px"}),Nl=xn("div",{display:"flex",alignItems:"center",justifyContent:"start"}),Il=xn("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),An=xn("div",{maxWidth:"300px",padding:"$10"});import{i18n as Kr}from"@lingui/core";import{Typography as Qd}from"@rango-dev/ui";import io from"react";function Ml(){return io.createElement(An,null,io.createElement(Qd,{variant:"label",size:"medium",color:"neutral700"},Kr.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),io.createElement("br",null),io.createElement("br",null),io.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(Ml,"SlippageTooltipContent");function Yr(){let t=F.use.slippage(),e=F.use.setSlippage(),o=F.use.customSlippage(),n=F.use.setCustomSlippage();return Ae.createElement(Wl,null,Ae.createElement(Il,null,Ae.createElement(_l,{variant:"title",size:"xmedium"},Ll.t("Slippage tolerance per swap")),Ae.createElement(Pl,{direction:"horizontal",size:4}),Ae.createElement(tf,{container:ae(),side:"top",content:Ae.createElement(Ml,null)},Ae.createElement(Zd,{color:"gray"}))),Ae.createElement(Nl,null,rs.map((r,i)=>{let a=`slippage-${i}`;return Ae.createElement(Ae.Fragment,null,Ae.createElement(Jd,{style:{width:"64px",flexShrink:0},key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`}),Ae.createElement(Pl,{direction:"horizontal",size:8}))}),Ae.createElement(ef,{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>=ls&&i<=as)&&n(i)},suffix:o&&Ae.createElement(_l,{variant:"body",size:"small"},"%"),placeholder:Ll.t("Custom")})))}s(Yr,"Slippage");function Dl({supportedSwappers:t,singleTheme:e}){let o=pf(),{navigateBackFrom:n}=ie(),r=F.use.infiniteApprove(),i=F.use.toggleInfiniteApprove(),a=x.use.loadingStatus(),l=yn(t),p=l.filter(v=>v.type==="BRIDGE"||v.type==="AGGREGATOR"),u=p.length,c=p.filter(v=>v.selected).length,d=l.filter(v=>v.type==="DEX"),m=d.length,g=d.filter(v=>v.selected).length,C=s((v,b)=>{switch(a){case"loading":return G.createElement(sf,{variant:"text",size:"medium",width:50});case"failed":return G.createElement(vt,{variant:"body",size:"medium",color:"$error500"},wt.t("Loading failed"));default:return G.createElement(vt,{variant:"body",size:"medium"},`${v} / ${b}`)}},"handleEndItem"),y={id:"bridge-item",title:G.createElement(vt,{variant:"title",size:"xmedium"},wt.t("Enabled bridges")),end:G.createElement(G.Fragment,null,C(c,u),G.createElement(Jr,{direction:"horizontal",size:8}),G.createElement(Qr,{color:"black"})),onClick:()=>o(h.bridges)},S={id:"exchange-item",title:G.createElement(vt,{variant:"title",size:"xmedium"},wt.t("Enabled exchanges")),end:G.createElement(G.Fragment,null,C(g,m),G.createElement(Jr,{direction:"horizontal",size:8}),G.createElement(Qr,{color:"gray"})),onClick:()=>o(h.exchanges)},w={id:"theme-item",title:G.createElement(vt,{variant:"title",size:"xmedium"},wt.t("Theme")),end:G.createElement(Qr,{color:"gray"}),onClick:()=>o(h.themes)},f={id:"infinite-approval-item",title:G.createElement(G.Fragment,null,G.createElement(vt,{variant:"title",size:"xmedium"},wt.t("Infinite Approval")),G.createElement(Jr,{direction:"horizontal",size:4}),G.createElement(lf,{side:"top",container:ae(),content:G.createElement(An,null,G.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.")))},G.createElement(of,{color:"gray"}))),end:G.createElement(af,{checked:r}),onClick:i},k=[y,S];return e||k.push(w),k.push(f),G.createElement(J,{header:{onBack:n.bind(null,h.settings),title:wt.t("Setting")}},G.createElement(it,null,G.createElement(Yr,null),G.createElement(nf,{type:G.createElement(rf,{title:"_",id:"_",onClick:()=>console.log()}),items:k})))}s(Dl,"SettingsPage");import{cancelSwap as rg}from"@rango-dev/queue-manager-rango-preset";import{useManager as ig}from"@rango-dev/queue-manager-react";import fp from"react";import{i18n as st}from"@lingui/core";import{getCurrentBlockchainOfOrNull as Of,getCurrentStep as $f,getRelatedWalletOrNull as Uf,PendingSwapNetworkStatus as Dn}from"@rango-dev/queue-manager-rango-preset";import{Button as sp,CopyIcon as zf,Divider as qf,IconButton as Gf,RouteCost as Hf,RouteSummary as Vf,StepDetails as Rf,Typography as Gt,useCopyToClipboard as Xf}from"@rango-dev/ui";import{useWallets as jf}from"@rango-dev/wallets-react";import Z,{useEffect as ap,useRef as Kf,useState as lp}from"react";import{useNavigate as Yf}from"react-router-dom";import{i18n as Ee}from"@lingui/core";var uf=1e3,cf=31536e3,mf=2592e3,df=86400,ff=3600,gf=60;function Fl(t){let e=Math.floor((Date.now()-t)/uf),n=[{turningPoint:cf,label:Ee.t("year"),pluralLabel:Ee.t("years")},{turningPoint:mf,label:Ee.t("month"),pluralLabel:Ee.t("months")},{turningPoint:df,label:Ee.t("day"),pluralLabel:Ee.t("days")},{turningPoint:ff,label:Ee.t("hour"),pluralLabel:Ee.t("hours")},{turningPoint:gf,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:l}=r,p=Math.floor(e/i);if(p>1)return`${p} ${l}`;if(p===1)return`${p} ${a}`}return e>1?`${e} ${Ee.t("seconds")}`:`${e} ${Ee.t("second")}`}s(Fl,"timeSince");function Ol(t){return t.finishTime?Ee.t({id:"{time} ago",values:{time:Fl(parseInt(t.finishTime))}}):Ee.t({id:"{time} ago",values:{time:Fl(parseInt(t.creationTime))}})}s(Ol,"getSwapDate");import{PendingSwapNetworkStatus as Wn}from"@rango-dev/queue-manager-rango-preset";import{Modal as wf}from"@rango-dev/ui";import Nn from"react";import{i18n as En}from"@lingui/core";import{Button as $l,Divider as Zr,MessageBox as hf,Typography as Ul}from"@rango-dev/ui";import Ye from"react";var zl=s(({onCancel:t,onClose:e})=>Ye.createElement(Ye.Fragment,null,Ye.createElement(Zr,{size:20}),Ye.createElement(hf,{type:"error",title:En.t("Transaction Cancel"),description:En.t("Are you sure you want to Cancel this swap?")}),Ye.createElement(Zr,{size:32}),Ye.createElement($l,{variant:"contained",type:"primary",size:"large",onClick:t},Ye.createElement(Ul,{variant:"title",size:"medium",color:"neutral100"},En.t("Yes, Cancel it"))),Ye.createElement(Zr,{size:12}),Ye.createElement($l,{variant:"outlined",type:"primary",size:"large",onClick:e},Ye.createElement(Ul,{variant:"title",size:"medium",color:"primary"},En.t("No, Continue")))),"CancelContent");import{i18n as Bn}from"@lingui/core";import{Button as ql,Divider as ei,MessageBox as yf,Typography as Gl}from"@rango-dev/ui";import Qe from"react";var Hl=s(({onDelete:t,onClose:e})=>Qe.createElement(Qe.Fragment,null,Qe.createElement(ei,{size:20}),Qe.createElement(yf,{type:"error",title:Bn.t("Delete Transaction"),description:Bn.t("Are you sure you want to delete this swap?")}),Qe.createElement(ei,{size:32}),Qe.createElement(ql,{variant:"contained",type:"primary",size:"large",onClick:t},Qe.createElement(Gl,{variant:"title",size:"medium",color:"neutral100"},Bn.t("Yes, Delete it"))),Qe.createElement(ei,{size:12}),Qe.createElement(ql,{variant:"outlined",type:"primary",size:"large",onClick:e},Qe.createElement(Gl,{variant:"title",size:"medium",color:"primary"},Bn.t("No, Cancel")))),"DeleteContent");import{i18n as ti}from"@lingui/core";import{PendingSwapNetworkStatus as oi}from"@rango-dev/queue-manager-rango-preset";var ni={[oi.WaitingForNetworkChange]:{type:"loading",title:ti.t("Change Network")},[oi.WaitingForConnectingWallet]:{type:"warning",title:ti.t("Connect Wallet")},[oi.NetworkChanged]:{type:"success",title:ti.t("Network Changed")}};import{MessageBox as Cf,Wallet as kf,WalletState as Rl}from"@rango-dev/ui";import{useWallets as Tf}from"@rango-dev/wallets-react";import so from"react";import{styled as Sf}from"@rango-dev/ui";var Vl=Sf("div",{display:"flex",justifyContent:"center"});var Xl=s(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:i}=t,{connect:a,getWalletInfo:l,state:p}=Tf(),u=n?.walletType,d=u&&p(u).connected?Rl.CONNECTED:Rl.DISCONNECTED;return so.createElement(so.Fragment,null,so.createElement(Cf,{type:e,title:o,description:r}),i&&u&&so.createElement(Vl,null,so.createElement(kf,{container:ae(),title:l(u).name,image:l(u).img,type:u,state:d,onClick:async()=>a(u)})))},"WalletStateContent");function ri(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:i,message:a}=t,l=e===Wn.WaitingForNetworkChange||e===Wn.WaitingForConnectingWallet||e===Wn.NetworkChanged;return Nn.createElement(wf,{open:!!e,onClose:o,container:document.getElementById("swap-box")||document.body},l&&Nn.createElement(Xl,{type:ni[e].type,title:ni[e].title,currentStepWallet:i,message:a,showWalletButton:e!==Wn.WaitingForNetworkChange}),e==="delete"&&Nn.createElement(Hl,{onClose:o,onDelete:n}),e==="cancel"&&Nn.createElement(zl,{onClose:o,onCancel:r}))}s(ri,"SwapDetailsModal");import{i18n as ao}from"@lingui/core";import{Button as ii,Divider as In,MessageBox as jl,Modal as vf,TokenAmount as bf,Typography as Mn}from"@rango-dev/ui";import fe from"react";import{useNavigate as xf}from"react-router-dom";function si(t){let{open:e,onClose:o,status:n,priceValue:r,usdValue:i,token:a,chain:l,percentageChange:p,description:u,diagnosisUrl:c}=t,d=xf();return fe.createElement(vf,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},n==="success"?fe.createElement(jl,{type:"success",title:ao.t("Swap Successful")},fe.createElement(bf,{direction:"vertical",type:"output",centerAlign:!0,price:{value:r,usdValue:i},token:a,chain:l,percentageChange:p}),fe.createElement(In,{size:12}),fe.createElement(Mn,{variant:"body",size:"medium",color:"neutral700",align:"center"},u)):fe.createElement(jl,{type:"error",title:ao.t("Transaction Failed"),description:u}),fe.createElement(In,{size:32}),n==="success"&&fe.createElement(ii,{variant:"contained",type:"primary",size:"large",onClick:()=>d(h.home)},fe.createElement(Mn,{variant:"title",size:"medium",color:"neutral100"},ao.t("Done"))),fe.createElement(In,{size:12}),c&&fe.createElement(fe.Fragment,null,fe.createElement(ii,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(c,"_blank")},fe.createElement(Mn,{variant:"title",size:"medium",color:"primary"},ao.t("Diagnosis"))),fe.createElement(In,{size:12})),fe.createElement(ii,{variant:"outlined",type:"primary",size:"large",onClick:o},fe.createElement(Mn,{variant:"title",size:"medium",color:"primary"},ao.t("See Details"))))}s(si,"SwapDetailsCompleteModal");import Df from"react";import{i18n as Mf}from"@lingui/core";import{Alert as ep,IconButton as Lf,LinkIcon as Pf}from"@rango-dev/ui";import dt,{Fragment as _f}from"react";import{Alert as Af,ChevronDownIcon as Ef,ChevronUpIcon as Bf,IconButton as Wf}from"@rango-dev/ui";import Ln,{useState as Nf}from"react";function Kl(t){let{message:e}=t,[o,n]=Nf(!1);return Ln.createElement(Af,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&Ln.createElement(Wf,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?Ln.createElement(Bf,{size:12,color:"gray"}):Ln.createElement(Ef,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}s(Kl,"FailedAlert");import{styled as If}from"@rango-dev/ui";var Yl=If("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as Ql}from"@lingui/core";import{PendingSwapNetworkStatus as ai}from"@rango-dev/queue-manager-rango-preset";import{Alert as li,Button as Jl}from"@rango-dev/ui";import lo from"react";function Zl(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?lo.createElement(li,{type:"warning",title:n.shortMessage,action:lo.createElement(Jl,{size:"xxsmall",type:"warning",onClick:()=>{o(ai.WaitingForNetworkChange),e().catch(i=>{console.log(i)})}},Ql.t("Change"))}):r===ai.WaitingForConnectingWallet?lo.createElement(li,{type:"warning",title:n.shortMessage,action:lo.createElement(Jl,{size:"xxsmall",type:"warning",onClick:()=>{o(ai.WaitingForConnectingWallet)}},Ql.t("Connect"))}):lo.createElement(li,{type:"warning",title:n.shortMessage})}s(Zl,"WarningAlert");function pi(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:i,hasAlreadyProceededToSign:a}=t,l=jt(i),p=i.status==="waitingForApproval"&&!l,u=i.status==="running"&&!l;return dt.createElement(Yl,null,i.explorerUrl?.map((c,d,m)=>{let g=d+c.url,C=d===m.length-1,y=C&&u||p,S=C&&i.status==="failed";return dt.createElement(_f,{key:g},dt.createElement(ep,{type:y&&"loading"||S&&"error"||"success",title:c.description?`${c.description} Tx`:Mf.t("View transaction"),action:c.url&&dt.createElement(Lf,{variant:"ghost",size:"xsmall",onClick:()=>window.open(c.url,"_blank")},dt.createElement(Pf,{size:16}))}))}),(u&&!a||p&&!i.explorerUrl?.length)&&dt.createElement(ep,{type:"loading",title:r.shortMessage}),i.status!=="failed"&&l&&dt.createElement(Zl,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),i.status==="failed"&&dt.createElement(Kl,{message:r}))}s(pi,"SwapDetailsAlerts");var tp=2e3;var op=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:Ze(r.fromBlockchain,e)??"",image:r.fromBlockchainLogo??""},price:{value:T(a,6,6)}},to:{token:{displayName:r.toSymbol,image:r.toLogo},chain:{displayName:Ze(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(pi,{step:r,hasAlreadyProceededToSign:n,...o})}})},"getSteps");function np(t){if(jt(t)&&t.status!=="failed"&&t.status!=="success")return"warning";switch(t.status){case"created":return"default";case"approved":case"waitingForApproval":case"running":return"in-progress";case"failed":return"error";case"success":return"completed"}}s(np,"getStepState");import{darkTheme as Ff,styled as qt}from"@rango-dev/ui";var Pn=qt("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",[`.${Ff} &`]:{$$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"}}),_n=qt("div",{width:"100%"}),rp=qt("div",{padding:"$0 $20 $20 $20",width:"100%",overflow:"auto"}),aW=qt("div",{display:"flex",flexDirection:"column",gap:"$10"}),ip=qt("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),lW=qt("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1});function ui(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:i,connect:a,getWalletInfo:l}=jf(),p=_.use.retry(),u=Yf(),{navigateBackFrom:c}=ie(),[d,m]=Xf(tp),g=Kf(null),[C,y]=lp(null),[S,w]=lp(null),{meta:{tokens:f,blockchains:k}}=x(),v=s(()=>{r(),y(null)},"onCancel"),b=_e.use.getUnreadNotifications(),B=_e.use.setAsRead(),O=b(),A=$f(e),N=A?.networkStatus;ap(()=>{O.find(Q=>Q.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(w(e.status),B(e.requestId))},[e.status]),ap(()=>{P?y(Dn.WaitingForNetworkChange):N===Dn.WaitingForConnectingWallet||N===Dn.NetworkChanged?y(N):y(null)},[N]);let $=Is(e),oe=A?Of(e,A):null,W=A?Uf(e,A):null,Y=Ol(e),H=Ms(e),re=s(U=>!!l(U)?.mobileWallet,"isMobileWallet"),P=N===Dn.WaitingForNetworkChange&&!!oe&&!!W?.walletType&&(re(W.walletType)||i(W.walletType,oe)),me=P?a.bind(null,W.walletType,oe):void 0,Ne=Ns(e,A),z=op({swap:e,switchNetwork:me,showNetworkModal:N,setNetworkModal:y,message:Ne,blockchains:k}),V=z.length,[Ie,we]=[e.steps[0],e.steps[V-1]],Fe=we.outputAmount||we.expectedOutputAmountHumanReadable,se=e.steps.reduce((U,Q)=>U+parseFloat(Q.feeInUsd||""),0),ft=e.steps.find(U=>U.diagnosisUrl)?.diagnosisUrl,Je=T(String(parseFloat(T(Fe,6,6))*(vo(we.toBlockchain,we.toSymbol,we.toSymbolAddress,f)||0)),4,4),bt=T(String(parseFloat(e.inputAmount)*(vo(Ie.fromBlockchain,Ie.fromSymbol,Ie.fromSymbolAddress,f)||0)),4,4),D=et(bt,Je),I=e.status==="success"?st.t({id:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:T(Fe,6,6),token:z[V-1].to.token.displayName,conciseAddress:xo(e.wallets[z[V-1].to.chain.displayName]?.address||""),chain:z[V-1].to.chain.displayName}}):`${st.t("Transaction was not sent.")} ${$?st.t({id:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:$.outputAmount,symbol:$.symbol,blockchain:$.blockchain}}):""}`;return Z.createElement(J,{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"&&Z.createElement(Nt,null,Z.createElement(sp,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>y("delete")},Z.createElement(Gt,{size:"medium",variant:"label",color:"error"},st.t("Delete"))))},footer:H&&!S&&Z.createElement(sp,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{p(e),setTimeout(()=>{u(h.home)},0)}},st.t("Try again"))},Z.createElement(Pn,null,Z.createElement(_n,null,Z.createElement("div",{className:"row"},Z.createElement(Gt,{variant:"label",size:"large",color:"neutral700"},`${st.t("Request ID")}:`),Z.createElement("div",{className:"request-id"},Z.createElement(Gt,{variant:"label",size:"small",color:"neutral700"},o),Z.createElement(Gf,{variant:"ghost",onClick:m.bind(null,o||"")},Z.createElement(zf,{size:16,color:"gray"})))),Z.createElement("div",{className:"row"},Z.createElement(Gt,{variant:"label",size:"large",color:"neutral700"},`${st.t("Created at")}:`),Z.createElement(Gt,{variant:"label",size:"small",color:"neutral700"},Y))),Z.createElement("div",{className:"output"},Z.createElement(Hf,{fee:T(String(se),2,2),time:At(Et(e.steps)),steps:V}),Z.createElement(Vf,{from:{price:{value:T(e.inputAmount,6,6),usdValue:bt},token:{displayName:z[0].from.token.displayName,image:z[0].from.token.image},chain:{image:z[0].from.chain.image,displayName:z[0].from.chain.displayName}},to:{price:{value:T(Fe,6,6),usdValue:Je},token:{displayName:z[V-1].to.token.displayName,image:z[V-1].to.token.image},chain:{image:z[V-1].to.chain.image,displayName:z[V-1].to.chain.displayName}},percentageChange:T(D,2,2),warningLevel:It(D?.toNumber()??0)})),Z.createElement("div",{className:"title-steps"},Z.createElement(Gt,{variant:"title",size:"small"},st.t("Swaps steps"))),Z.createElement(qf,{size:8}),Z.createElement(rp,{ref:g},z.map((U,Q)=>{let le=Q,ue=np(e.steps[Q]),ho=ue==="error"||ue==="in-progress"||ue==="warning"||ue==="completed"&&Q===z.length-1;return Z.createElement(Rf,{key:le,step:U,type:"route-progress",ref:g,state:ue,hasSeparator:Q!==0,tabIndex:le,isFocused:ho})}))),Z.createElement(ri,{state:C,onClose:()=>y(null),onCancel:v,onDelete:n,message:Ne.detailedMessage.content,currentStepWallet:W}),Z.createElement(si,{open:!!S,diagnosisUrl:ft,onClose:()=>w(null),status:e.status==="success"?"success":"failed",priceValue:T(Fe,6,6),usdValue:Je,percentageChange:T(D,2,2),token:{displayName:z[V-1].to.token.displayName,image:z[V-1].to.token.image},chain:{image:z[V-1].to.chain.image},description:I}))}s(ui,"SwapDetails");import{i18n as fo}from"@lingui/core";import{CopyIcon as tg,IconButton as og,NotFound as ng,Skeleton as mp,Typography as On}from"@rango-dev/ui";import ce from"react";import{i18n as Jf}from"@lingui/core";import{ChainToken as Zf,Divider as mi,Skeleton as mo,Typography as eg}from"@rango-dev/ui";import ee from"react";import{styled as ci}from"@rango-dev/ui";var pp=ci("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"}}),up=ci("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"}}),Fn=ci("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"});import{ChainToken as cp,Divider as po,NextIcon as Qf,Skeleton as uo}from"@rango-dev/ui";import pe from"react";function co(t){let{extraInfo:e}=t;return pe.createElement(up,null,pe.createElement("div",{className:"step-title"},pe.createElement(uo,{height:28,width:28,variant:"circular"}),pe.createElement(po,{direction:"horizontal",size:8}),pe.createElement(uo,{height:15,width:148,variant:"rounded"})),pe.createElement("div",{className:"step-tokens"},pe.createElement(po,{direction:"horizontal",size:20}),pe.createElement("div",{className:"step-token-info"},pe.createElement(cp,{size:"small",loading:!0,chainImage:"",tokenImage:""}),pe.createElement(po,{direction:"horizontal",size:8}),pe.createElement(uo,{height:12,width:76,variant:"rounded"})),pe.createElement("div",{className:"step-icon-container"},pe.createElement(Qf,{color:"gray",size:16})),pe.createElement("div",{className:"step-token-info"},pe.createElement(cp,{size:"small",loading:!0,chainImage:"",tokenImage:""}),pe.createElement(po,{direction:"horizontal",size:8}),pe.createElement(uo,{height:12,width:76,variant:"rounded"}))),e&&pe.createElement("div",{className:"extra-info"},pe.createElement(po,{direction:"horizontal",size:20}),pe.createElement(uo,{height:22,width:297,variant:"rectangular"})))}s(co,"LoadingSwapDetailStep");function di(){let t=ee.createElement("div",{className:"route-summary-item"},ee.createElement("div",{className:"token-amount"},ee.createElement(Zf,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),ee.createElement(mi,{size:8,direction:"horizontal"}),ee.createElement(mo,{height:15,width:148,variant:"rounded"})),ee.createElement(mo,{height:12,width:64,variant:"rounded"}));return ee.createElement(pp,null,ee.createElement("div",{className:"cost"},ee.createElement(mo,{width:60,height:10,variant:"rounded"}),ee.createElement(mi,{size:4,direction:"horizontal"}),ee.createElement(mo,{width:60,height:10,variant:"rounded"}),ee.createElement(mi,{size:4,direction:"horizontal"}),ee.createElement(mo,{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(eg,{variant:"title",size:"small"},Jf.t("Swaps steps"))),ee.createElement("div",{className:"step-container"},ee.createElement(co,{extraInfo:!0}),ee.createElement(Fn,null),ee.createElement(co,null),ee.createElement(Fn,null),ee.createElement(co,null),ee.createElement(Fn,null),ee.createElement(co,null)))}s(di,"LoadingSwapDetails");function dp(t){let{requestId:e,showSkeleton:o}=t,{navigateBackFrom:n}=ie();return ce.createElement(J,{noPadding:!0,header:{title:fo.t("Swap and Bridge"),onBack:n.bind(null,h.swapDetails),suffix:ce.createElement(Nt,null)}},o&&ce.createElement(Pn,null,ce.createElement(_n,null,ce.createElement("div",{className:"row"},ce.createElement(On,{variant:"label",size:"large",color:"neutral700"},`${fo.t("Request ID")}:`),ce.createElement("div",{className:"request-id"},ce.createElement(On,{variant:"label",size:"small",color:"neutral700"},ce.createElement(mp,{width:60,height:10,variant:"rounded"})),ce.createElement(og,{variant:"ghost"},ce.createElement(tg,{size:16,color:"gray"})))),ce.createElement("div",{className:"row"},ce.createElement(On,{variant:"label",size:"large",color:"neutral700"},`${fo.t("Created at")}:`),ce.createElement(On,{variant:"label",size:"small",color:"neutral700"},ce.createElement(mp,{width:60,height:10,variant:"rounded"})))),ce.createElement(di,null)),!o&&ce.createElement(ip,null,ce.createElement(ng,{title:fo.t("Not found"),description:fo.t({id:"Swap with request ID = {requestId} not found.",values:{requestId:e}})})))}s(dp,"SwapDetailsPlaceholder");function gp(){let{manager:t,state:e}=ig(),o=!e.loadedFromPersistor,n=dn(t),r=be.use.selectedSwapRequestId(),{navigateBackFrom:i}=ie(),{loadingStatus:a}=x(),l=o||a==="loading",p=n.find(({swap:m})=>m.requestId===r),u=s(()=>{if(p?.id){let m=t?.get(p.id);m&&rg(m)}},"onCancel"),c=s(async()=>{if(p?.id)try{await t?.deleteQueue(p.id),i(h.swapDetails)}catch(m){console.log(m)}},"onDelete"),d=p?.swap;return!d||l?fp.createElement(dp,{requestId:r||"",showSkeleton:l}):fp.createElement(ui,{swap:d,requestId:r||"",onCancel:u,onDelete:c})}s(gp,"SwapDetailsPage");import{i18n as go}from"@lingui/core";import{AutoThemeIcon as sg,DarkModeIcon as ag,LightModeIcon as lg,List as pg,ListItemButton as ug,Radio as fi,RadioRoot as cg,Typography as gi}from"@rango-dev/ui";import Be from"react";function hp(){let{navigateBackFrom:t}=ie(),e=F.use.theme(),o=F.use.setTheme(),n=[{id:"light",value:"light",title:Be.createElement(gi,{variant:"title",size:"xmedium"},go.t("Light")),onClick:()=>o("light"),start:Be.createElement(lg,{color:"gray"}),end:Be.createElement(fi,{value:"light"})},{id:"dark",value:"dark",title:Be.createElement(gi,{variant:"title",size:"xmedium"},go.t("Dark")),onClick:()=>o("dark"),start:Be.createElement(ag,{color:"gray"}),end:Be.createElement(fi,{value:"dark"})},{id:"auto",value:"auto",title:Be.createElement(gi,{variant:"title",size:"xmedium"},go.t("Auto")),onClick:()=>o("auto"),start:Be.createElement(sg,{color:"gray"}),end:Be.createElement(fi,{value:"auto"})}];return Be.createElement(J,{header:{onBack:t.bind(null,h.settings),title:go.t("Theme")}},Be.createElement(it,null,Be.createElement(cg,{onValueChange:r=>o(r),value:e},Be.createElement(pg,{type:Be.createElement(ug,{title:go.t("Theme"),id:"_",onClick:()=>console.log()}),items:n}))))}s(hp,"ThemePage");var dg=s(t=>t.replace("/",""),"getAbsolutePath");function yp(t){let{config:e}=t;return mg([{path:h.home,element:We.createElement(Jo,null)},{path:h.fromSwap,element:We.createElement(jr,{type:"source"})},{path:h.toSwap,element:We.createElement(jr,{type:"destination"})},{path:h.fromBlockchain,element:We.createElement(Fr,{type:"source"})},{path:h.toBlockchain,element:We.createElement(Fr,{type:"destination"})},{path:h.settings,element:We.createElement(Dl,{singleTheme:e?.theme?.singleTheme,supportedSwappers:e?.liquiditySources})},{path:h.themes,element:We.createElement(hp,null)},{path:h.languages,element:We.createElement(Qa,null)},{path:h.exchanges,element:We.createElement(Mr,{sourceType:"Exchanges",supportedSwappers:e?.liquiditySources})},{path:h.bridges,element:We.createElement(Mr,{sourceType:"Bridges",supportedSwappers:e?.liquiditySources})},{path:h.swaps,element:We.createElement(Ka,null)},{path:h.swapDetails,element:We.createElement(gp,null)},{path:h.wallets,element:We.createElement(va,{supportedWallets:e?.wallets,multiWallets:typeof e?.multiWallets>"u"?!0:e.multiWallets,config:e})},{path:dg(h.confirmSwap),element:We.createElement($a,{config:e})}])}s(yp,"AppRoutes");import{isApprovalTX as fg,MainEvents as Cp,RouteEventType as kp,StepEventType as Ht,StepExecutionEventStatus as gg,useEvents as hg}from"@rango-dev/queue-manager-rango-preset";import{useEffect as Tp}from"react";import{StepExecutionBlockedEventStatus as hi}from"@rango-dev/queue-manager-rango-preset";var Sp=[hi.WAITING_FOR_CHANGE_WALLET_ACCOUNT,hi.WAITING_FOR_NETWORK_CHANGE,hi.WAITING_FOR_WALLET_CONNECT];function wp(){let t=R.use.connectedWallets(),e=R.use.getWalletsDetails(),o=_e.use.setNotification(),n=_e.use.setAsRead(),r=hg();return Tp(()=>(r.on(Cp.StepEvent,i=>{let{event:a,step:l,route:p}=i;if(a.type===Ht.TX_EXECUTION&&a.status===gg.TX_SENT&&!fg(l)||a.type===Ht.SUCCEEDED){let c=t.find(m=>m.chain===l?.fromBlockchain),d=l?.fromBlockchain!==l?.toBlockchain&&t.find(m=>m.chain===l?.toBlockchain);c&&e([c]),d&&e([d])}a.type===Ht.TX_EXECUTION_BLOCKED&&Sp.includes(a.status)||a.type===Ht.FAILED?o(a,p):(a.type===Ht.TX_EXECUTION||a.type===Ht.CHECK_STATUS)&&n(p.requestId)}),()=>r.all.clear()),[r,t.length]),Tp(()=>(r.on(Cp.RouteEvent,i=>{let{event:a,route:l}=i;(a.type===kp.FAILED||a.type===kp.SUCCEEDED)&&o(a,l)}),()=>r.all.clear()),[r,t.length]),null}s(wp,"WidgetEvents");import{globalCss as yg}from"@rango-dev/ui";var vp=s(()=>yg({"@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 Si,darkTheme as wg,lightTheme as vg}from"@rango-dev/ui";import{useEffect as Ap,useState as bg}from"react";import{theme as kg,darkColors as Tg}from"@rango-dev/ui";var bp=s(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),Sg=s(t=>{let e="",o;for(o=Math.abs(t);o>52;o=o/52|0)e=bp(o%52)+e;return bp(o%52)+e},"toAlphabeticName"),Cg=s((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),yi=s(t=>Sg(Cg(5381,JSON.stringify(t))>>>0),"toHash");function xp(t){let e=kg.colors,o=qr({...e,...Tg},!0,t?.dark),n=qr(e,!1,t?.light),r=Object.keys(o).length>0,i=Object.keys(n).length>0,a,l;if(i){let p={colors:n};a={id:`${zn}-light-${yi(p)}`,tokens:p}}if(r){let p={colors:o};l={id:`${zn}-dark-${yi(p)}`,tokens:p}}return{light:a,dark:l}}s(xp,"customizedThemeTokens");function Ep(t){let{colors:e,fontFamily:o=bi,borderRadius:n=wi,secondaryBorderRadius:r=vi,mode:i="auto"}=t,[a,l]=bg("light"),p=F.use.theme(),u=F.use.setTheme(),{dark:c,light:d}=xp(e),m=Si({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),g=[m.className,vg.className],C=[m.className,wg.className];if(d){let S=Si(d.id,d.tokens);g.push(S.className)}if(c){let S=Si(c.id,c.tokens);C.push(S.className)}return Ap(()=>{let S=s(w=>{w.matches?l("dark"):l("light")},"switchThemeListener");return window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches&&l("dark"),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",S),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",S)}},[]),Ap(()=>{i!=="auto"&&u(i)},[i]),{activeTheme:s(()=>{let S=g.join(" "),w=C.join(" ");return p==="auto"?a==="dark"?w:S:p==="dark"?w:S},"getActiveTheme")}}s(Ep,"useTheme");import xg,{useMemo as Ag}from"react";import{Provider as Eg}from"@rango-dev/queue-manager-react";import{makeQueueDefinition as Bg,checkWaitingForNetworkChange as Wg}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Ng}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as Ig}from"@rango-dev/wallets-shared";import{isEvmBlockchain as Mg}from"rango-types";function Lg(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:i,getWalletInfo:a}=Ng(),l=Ag(()=>Bg({API_KEY:So("API_KEY")}),[]),{blockchains:p}=x.use.meta(),c={blockchains:R.use.connectedWallets().map(f=>({accounts:[f],name:f.chain}))},d=s((f,k)=>{if(i(f,k))return r(f,k)},"switchNetwork"),m=s(f=>!!a(f).mobileWallet,"isMobileWallet"),g=p.filter(f=>f.enabled).reduce((f,k)=>(f[k.name]=k,f),{}),C=p.filter(Mg),y=s(f=>{let{supportedChains:k}=a(f);return To(k)},"getSupportedChainNames"),S=e(),w={meta:{blockchains:g,evmBasedChains:C,evmNetworkChainInfo:Ig(C),getSupportedChainNames:y},getSigners:o,wallets:c,providers:S,switchNetwork:d,canSwitchNetworkTo:i,connect:r,state:n,isMobileWallet:m};return xg.createElement(Eg,{queuesDefs:[l],context:w,onPersistedDataLoaded:f=>{Wg(f)},isPaused:!1},t.children)}s(Lg,"QueueManager");var Bp=Lg;var Og=_g("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 Np(t){let{config:e}=t;vp();let{activeTheme:o}=Ep(e?.theme||{}),{activeLanguage:n,changeLanguage:r}=hn(),[i,a]=Wp(""),[l,p]=Wp(),u=Dg(Vn),c=x.use.fetchMeta();return Fg(()=>{e?.apiKey&&Ti({API_KEY:e?.apiKey})},[e]),Ci(()=>{c(),F.persist.rehydrate(),_e.persist.rehydrate(),u.onConnectWallet(a)},[]),Ci(()=>{e?.language&&r(e.language)},[e?.language]),at.createElement(Pg,{language:n},at.createElement(Og,{id:"swap-container",className:o()},at.createElement(Bp,null,at.createElement(wp,null),at.createElement(Js,{config:e,lastConnectedWallet:i,disconnectedWallet:l,clearDisconnectedWallet:()=>{p(void 0)}},at.createElement(yp,{config:e})))))}s(Np,"Main");function $g(t){let{updateConfig:e,config:o}=Pe();return Ci(()=>{t.config&&e(t.config)},[t.config]),t.config?.externalWallets?at.createElement(Np,{...t}):at.createElement(Rn,{providers:o?.wallets,options:{walletConnectProjectId:o?.walletConnectProjectId||t.config?.walletConnectProjectId}},at.createElement(Np,{...t}))}s($g,"Widget");export{eM as MainEvents,tM as RouteEventType,oM as StepEventType,nM as StepExecutionBlockedEventStatus,rM as StepExecutionEventStatus,$g as Widget,Rn as WidgetWallets,Ia as useWallets,iM as useWidgetEvents};
2
2
  //# sourceMappingURL=index.js.map