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

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 (7) hide show
  1. package/dist/hooks/useSyncStoresWithConfig.d.ts.map +1 -1
  2. package/dist/index.js +1 -1
  3. package/dist/index.js.map +3 -3
  4. package/dist/store/settings.d.ts +1 -1
  5. package/package.json +2 -2
  6. package/src/constants/languages.ts +1 -1
  7. package/src/hooks/useSyncStoresWithConfig.ts +49 -1
package/dist/index.js CHANGED
@@ -1,2 +1,2 @@
1
- var Ip=Object.defineProperty;var s=(t,e)=>Ip(t,"name",{value:e,configurable:!0});import{MainEvents as ZI,RouteEventType as eM,StepEventType as tM,StepExecutionBlockedEventStatus as oM,StepExecutionEventStatus as nM,useEvents as rM}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Na}from"@rango-dev/wallets-react";import{Events as qn,Provider as Qp}from"@rango-dev/wallets-react";import{isEvmBlockchain as Jp}from"rango-sdk";import Ui,{createContext as Zp,useRef as eu}from"react";import{useEffect as Yp}from"react";import{create as Xp}from"zustand";import{subscribeWithSelector as Kp}from"zustand/middleware";import{RangoClient as Mp}from"rango-sdk";var Ci="c6381a79-2817-4602-83bf-6a641a409e32";var On={API_KEY:Ci};function yo(t){return On[t]}s(yo,"getConfig");function ki(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),On=e,On}s(ki,"initConfig");var Ti=20,wi=25,vi="Roboto",$n="theme-widget";var So,xt=s(()=>So||(So=new Mp(yo("API_KEY")),So),"httpService");import{WalletState as Ve}from"@rango-dev/ui";import{readAccountAddress as Dp}from"@rango-dev/wallets-react";import{detectInstallLink as _p,getCosmosExperimentalChainInfo as Fp,isEvmAddress as Op,KEPLR_COMPATIBLE_WALLETS as rh,Networks as Ai}from"@rango-dev/wallets-shared";import Un from"bignumber.js";import{isCosmosBlockchain as $p}from"rango-types";import Lp from"bignumber.js";var Me=new Lp(0);import{WalletTypes as Pp}from"@rango-dev/wallets-shared";var bi=[Pp.LEAP];import{BigNumber as xi}from"bignumber.js";var At=s(t=>{let e=(t%60).toString().padStart(2,"0");return`${parseInt((t/60).toString()).toString().padStart(2,"0")}:${e}`},"secondsToString"),T=s((t,e=null,o=null)=>{if(t==null||t==="")return"";let n=new xi(t),r=1,i=1e3;for(let a=0;a<60;a++)if(new xi(n.toFixed(a,r)).eq(n)){i=a;break}if(n.gte(1e4))return n.toFormat(0,r);if(n.gte(1e3)||n.gte(100))return n.toFormat(Math.min(i,Math.min(o||100,Math.max(e||0,1))),r);if(n.gte(1))return n.toFormat(Math.min(i,Math.min(o||100,Math.max(e||0,2))),r);if(n.gte(.01))return n.toFormat(Math.min(i,Math.min(o||100,Math.max(e||0,4))),r);for(let a=e||4;a<17;a++)if(n.gte(Math.pow(10,-a)))return n.toFormat(Math.min(i,Math.min(o||100,Math.max(e||0,a))),r);return n.isEqualTo(0)?"0":n.toFormat(Math.min(i,Math.min(o||100,Math.max(e||0,8))),r)},"numberToString");var Et=s(t=>t?.reduce((e,o)=>e+(o.estimatedTimeInSeconds??0),0)||0,"totalArrivalTime");var He=s((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),Ht=s(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function Co(t,e=4){let o=parseFloat(t);if(isNaN(o))return t;let n=Math.pow(10,e);return(Math.round(o*n)/n).toString()}s(Co,"limitDecimalPlaces");function Up(t){switch(!0){case t.connected:return Ve.CONNECTED;case t.connecting:return Ve.CONNECTING;case!t.installed:return Ve.NOT_INSTALLED;default:return Ve.DISCONNECTED}}s(Up,"mapStatusToWalletState");function Ei(t,e,o,n){return o.filter(r=>!bi.includes(r)).filter(r=>{let{supportedChains:i,hideWhenNotInstalled:a}=e(r);return a&&!t(r).installed?!1:n?!!i.find(p=>p.name===n):!0}).map(r=>{let{name:i,img:a,installLink:p}=e(r),l=Up(t(r));return{title:i,image:a,link:_p(p),state:l,type:r}})}s(Ei,"mapWalletTypesToWalletInfo");function ko(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}s(ko,"walletAndSupportedChainsNames");function Bi(t,e,o,n){let r=[];function i(p,l){if(!!!r.find(c=>c.chain===p)){let c={address:l,chain:p,walletType:t};r.push(c)}}s(i,"addAccount");let a=n||[];return e.forEach(p=>{let{address:l,network:u}=Dp(p),c=a.length>0,f=a.includes(u),m=u===Ai.Unknown;if(c&&!f&&!m)return;let C=u===Ai.Unknown&&Op(l);if(m&&!C)return;o.includes(u)||C?a.filter(k=>o.includes(k)).forEach(k=>{i(k,l.toLowerCase())}):i(u,l)}),r}s(Bi,"prepareAccountsForWalletStore");function Wi(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain;e.includes(n)||e.push(n),e.includes(r)||e.push(r),o.internalSwaps&&Array.isArray(o.internalSwaps)&&o.internalSwaps.forEach(i=>{let a=i.from.blockchain,p=i.to.blockchain;e.includes(a)||e.push(a),e.includes(p)||e.push(p)})}),e}s(Wi,"getRequiredChains");function Bt(t,e,o,n){if(t.length===0)return null;let r=t.filter(i=>i.chain===e);return r.length===0?null:r.map(i=>i.balances?.find(a=>n!==null&&a.address===n||n===null&&a.address===n&&a.symbol===o)||null).filter(i=>i!==null).sort((i,a)=>parseFloat(a?.amount||"0")-parseFloat(i?.amount||"1")).find(()=>!0)||null}s(Bt,"getBalanceFromWallet");function To(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}s(To,"isAccountAndWalletMatched");function Ni(t,e){let{blockChain:o,balances:n=[]}=t;return n?.map(r=>({chain:o,symbol:r.asset.symbol,ticker:r.asset.symbol,address:r.asset.address||null,rawAmount:r.amount.amount,decimal:r.amount.decimals,amount:new Un(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:wo(o,r.asset.symbol,r.asset.address,e)||null}))||[]}s(Ni,"makeBalanceFor");function Ii(t){return{...t,loading:!1,error:!0}}s(Ii,"resetConnectedWalletState");var wo=s((t,e,o,n)=>n?.find(i=>i.blockchain===t&&i.symbol?.toUpperCase()===e?.toUpperCase()&&i.address===o)?.usdPrice||null,"getUsdPrice"),vo=s((t,e)=>{let o=Fp(Object.entries(t).map(([,n])=>n).filter($p));return o&&o[e]?.experimental},"isExperimentalChain");function zp(t,e){return t.map(({balance:o,...n})=>{let r=T(new Un(Bt(e,n.blockchain,n.symbol,n.address)?.amount||Me)),i="";return n.usdPrice&&(i=T(new Un(Bt(e,n.blockchain,n.symbol,n.address)?.amount||Me).multipliedBy(n.usdPrice))),{...n,...r!=="0"&&{balance:{amount:r,usdValue:i}}}})}s(zp,"getTokensWithBalance");function Mi(t,e){let o=e.length>0?zp(t,e):t;return o.sort((n,r)=>n.balance?.usdValue&&r.balance?.usdValue?parseFloat(r.balance.usdValue)-parseFloat(n.balance.usdValue):!n.balance?.usdValue&&r.balance?.usdValue?1:n.balance?.usdValue&&!r.balance?.usdValue?-1:!n.balance?.usdValue&&!r.balance?.usdValue?parseFloat(r.balance?.amount||"0")-parseFloat(n.balance?.amount||"0"):0),o}s(Mi,"getTokensBalanceFromWalletAndSort");function Re(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}s(Re,"tokensAreEqual");function Li(t){return t.sort((e,o)=>+(o.state===Ve.CONNECTED)-+(e.state===Ve.CONNECTED)||+(o.state===Ve.DISCONNECTED||o.state===Ve.CONNECTING)-+(e.state===Ve.DISCONNECTED||e.state===Ve.CONNECTING))}s(Li,"sortWalletsBasedOnConnectionState");function bo(t,e=8,o=3){if(t.length<2*e+o)return t;let n=t.slice(0,e),r=t.slice(-e);return`${n}${".".repeat(o)}${r}`}s(bo,"getConciseAddress");function Pi({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}s(Pi,"getAddress");import{create as Rp}from"zustand";import{create as Hp}from"zustand";var qp=s(t=>{let e=t;e.use={};for(let o of Object.keys(e.getState()))e.use[o]=()=>e(n=>n[o]);return e},"createSelectors"),ve=qp;var Gp={apiKey:""},Di=s((t,e)=>({config:Gp,updateConfig:o=>{let n=e().config;t({config:{...n,...o}})}}),"createConfigSlice");function Wt(t){return Array.from(new Set(t))}s(Wt,"removeDuplicateFrom");function zn(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}s(zn,"areEqual");function _i(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}s(_i,"debounce");function gt(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}s(gt,"containsText");var ae=s(()=>document.getElementById("swap-box"),"getContainer");var Fi=s((t,e)=>({_blockchains:[],_tokens:[],_popularTokens:[],_swappers:[],blockchains:o=>{let n=e()._blockchains;if(!o||!o?.type)return n;let r=e().config,i=(o.type==="source"?r.from?.blockchains:r.to?.blockchains)??[];return n.filter(p=>!(i.length>0&&!i.includes(p.name)))},tokens:o=>{let n=e()._tokens;if(!o||!o?.type)return n;let r=e().config,i=(o.type==="source"?r.from?.tokens:r.to?.tokens)??[],a=e().blockchains({type:o.type});return n.filter(l=>i.length>0&&!i.some(u=>Re(u,l))||o.blockchain&&l.blockchain!==o.blockchain||!a.some(u=>u.name===l.blockchain)?!1:o.searchFor?!!(gt(l.symbol,o.searchFor)||gt(l.address||"",o.searchFor)||gt(l.name||"",o.searchFor)):!0).sort((l,u)=>e().isTokenPinned(l)?-1:e().isTokenPinned(u)||l.isSecondaryCoin?1:u.isSecondaryCoin||!l.address&&u.address?-1:l.address&&!u.address?1:0)},isTokenPinned:o=>!!e().config.pinnedTokens?.some(r=>Re(r,o)),fetch:async()=>{let o=await xt().getAllMetadata(),n=[],r=[],i=o.popularTokens,a=o.swappers,p=new Set;o.tokens.forEach(l=>{p.add(l.blockchain),r.push(l)}),o.blockchains.forEach(l=>{l.enabled&&p.has(l.name)&&n.push(l)}),n.sort((l,u)=>l.sort-u.sort),t({_blockchains:n,_tokens:r,_popularTokens:i,_swappers:a})}}),"createDataSlice");var Vp=Hp()((...t)=>({...Fi(...t),...Di(...t)})),Le=ve(Vp);var v=ve(Rp()(t=>({meta:{blockchains:[],popularTokens:[],swappers:[],tokens:[]},loadingStatus:"loading",fetchMeta:async()=>{try{await Le.getState().fetch();let e=Le.getState(),o={blockchains:e.blockchains(),tokens:e.tokens(),popularTokens:e._popularTokens,swappers:e._swappers};t({meta:o,loadingStatus:"success"})}catch{t({loadingStatus:"failed"})}}})));var H=ve(Xp()(Kp((t,e)=>({connectedWallets:[],customDestination:"",loading:!1,connectWallet:o=>{let n=e().getWalletsDetails;t(r=>({loading:!0,connectedWallets:r.connectedWallets.filter(i=>i.walletType!==o[0].walletType).concat(o.map(i=>{let a=!r.connectedWallets.find(p=>p.chain===i.chain&&p.selected);return{balances:[],address:i.address,chain:i.chain,explorerUrl:null,walletType:i.walletType,selected:a,loading:!0,error:!1}}))})),n(o)},disconnectWallet:o=>{t(n=>{let r=n.connectedWallets.filter(i=>i.selected&&i.walletType!==o).map(i=>i.chain);return{connectedWallets:n.connectedWallets.filter(i=>i.walletType!==o).map(i=>r.includes(i.chain)?i:(r.push(i.chain),{...i,selected:!0}))}})},selectWallets:o=>t(n=>({connectedWallets:n.connectedWallets.map(r=>{let i=!!o.find(p=>p.chain===r.chain&&p.walletType!==r.walletType&&r.selected),a=!!o.find(p=>p.chain===r.chain&&p.walletType===r.walletType&&!r.selected);return i?{...r,selected:!1}:a?{...r,selected:!0}:r})})),clearConnectedWallet:()=>t(()=>({connectedWallets:[],selectedWallets:[]})),getWalletsDetails:async(o,n=!0)=>{let r=e().getWalletsDetails,{tokens:i}=v.getState().meta;t(a=>({loading:!0,connectedWallets:a.connectedWallets.map(p=>o.find(l=>To(l,p))?{...p,loading:!0}:p)}));try{let a=o.map(({address:u,chain:c})=>({address:u,blockchain:c})),l=(await xt().getWalletsDetails(a)).wallets;if(l)t(u=>({loading:!1,connectedWallets:u.connectedWallets.map(c=>{let f=o.find(g=>To(g,c)),m=l.find(g=>g.address===c.address&&g.blockChain===c.chain);return m?.failed&&f&&n&&r([f],!1),f&&m?{...c,explorerUrl:m.explorerUrl,balances:Ni(m,i)}:c})}));else throw new Error("Wallet not found")}catch{t(p=>({loading:!1,connectedWallets:p.connectedWallets.map(l=>o.find(u=>To(u,l))?Ii(l):l)}))}}}))));import{allProviders as jp}from"@rango-dev/provider-all";function xo(t,e){let o=jp({walletconnect2:{WC_PROJECT_ID:e?.walletConnectProjectId||""}});if(t){let n=[];return t.forEach(r=>{if(typeof r=="string"){let i=o.find(a=>a.config.type===r);i?n.push(i):console.warn(`Couldn't find ${r} provider. Please make sure you are passing the correct name.`)}else n.push(r)}),n}return o}s(xo,"matchAndGenerateProviders");function Oi(t,e){return xo(t,e).map(r=>r.config.type)}s(Oi,"configWalletsToWalletName");function $i(t,e){let o=H.use.clearConnectedWallet(),n=xo(void 0,e);return Yp(()=>{o(),n=xo(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}s($i,"useWalletProviders");var Gn=Zp({onConnectWallet:()=>{}});function Hn(t){let{blockchains:e}=v.use.meta(),{providers:o}=$i(t.providers,t?.options),n=H.use.disconnectWallet(),r=H.use.connectWallet(),i=eu(),a=e.filter(Jp).map(l=>l.name),p=s((l,u,c,f,m)=>{if(u===qn.ACCOUNTS)if(c){let g=ko(m),C=Bi(l,c,a,g);r(C)}else n(l);if(u===qn.ACCOUNTS&&f.connected){let g=`${l}-${f.network}-${c}`;f.connected&&(i.current?i.current(g):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(u===qn.NETWORK&&f.network){let g=`${l}-${f.network}`;i.current?i.current(g):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(l,u,c,f,m)},"onUpdateState");return Ui.createElement(Gn.Provider,{value:{onConnectWallet:l=>{i.current=l}}},Ui.createElement(Qp,{allBlockChains:e,providers:o,onUpdateState:p,autoConnect:!0},t.children))}s(Hn,"WidgetWallets");import{I18nManager as Lg,styled as Pg}from"@rango-dev/ui";import at,{useContext as Dg,useEffect as Si,useMemo as _g,useState as Bp}from"react";import{useQueueManager as Lc}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Pc}from"@rango-dev/wallets-react";import{isEvmBlockchain as Dc}from"rango-types";import yt,{useEffect as _c,useRef as Fc}from"react";import{MemoryRouter as Oc,useInRouterContext as $c}from"react-router";import{useLocation as Uc,useNavigate as zc}from"react-router-dom";var h={home:"/",fromSwap:"from-swap",fromBlockchain:"/from-swap/blockchains",toBlockchain:"/to-swap/blockchains",toSwap:"to-swap",settings:"settings",liquiditySources:"/settings/liquidity-sources",themes:"/settings/themes",bridges:"/settings/bridges",exchanges:"/settings/exchanges",languages:"/settings/languages",swaps:"swaps",wallets:"wallets",confirmSwap:"confirm-swap",swapDetails:"swaps/:requestId"};import{i18n as Yo}from"@lingui/core";import{Alert as hc,BestRoute as yc,BestRouteSkeleton as Sc,Button as Cc,Divider as cr,styled as Lt,SwapInput as Xs,Typography as mr,WarningIcon as kc}from"@rango-dev/ui";import j,{useEffect as Tc,useRef as wc,useState as vc}from"react";import{useNavigate as bc}from"react-router-dom";import{ChevronLeftIcon as nu}from"@rango-dev/ui";import Gi from"react";import{darkTheme as tu,IconButton as ou,styled as Ao}from"@rango-dev/ui";var Fe=Ao(ou,{width:"$24",position:"relative",padding:"0",overflow:"unset"}),zi=Ao("div",{position:"absolute",background:"$secondary500",[`.${tu} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),Nt=Ao("div",{display:"flex",justifyContent:"flex-end",width:"$40"}),qi=Ao("div",{position:"absolute",backgroundColor:"$secondary500",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0"});function Vn(t){return Gi.createElement(Fe,{variant:"ghost",size:"small",onClick:t.onClick},Gi.createElement(nu,{color:"black",size:16}))}s(Vn,"BackButton");import{i18n as ru}from"@lingui/core";import{Button as iu,Typography as su}from"@rango-dev/ui";import Rn from"react";function Xn(t){return Rn.createElement(Nt,null,Rn.createElement(iu,{variant:"ghost",onClick:t.onClick,size:"xsmall"},Rn.createElement(su,{variant:"label",size:"medium",color:"error500"},ru.t("Cancel"))))}s(Xn,"CancelButton");import{i18n as au}from"@lingui/core";import{Tooltip as lu,WalletIcon as pu}from"@rango-dev/ui";import Eo from"react";function Kn(t){return Eo.createElement(lu,{container:t.container,side:"top",content:au.t("Connect Wallet")},Eo.createElement(Fe,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&Eo.createElement(zi,null),Eo.createElement(pu,{size:18,color:"black"})))}s(Kn,"WalletButton");import{i18n as No}from"@lingui/core";import{NotificationsIcon as xu,Popover as Au,RefreshIcon as Eu,SettingsIcon as Bu,Tooltip as Io,TransactionIcon as Wu}from"@rango-dev/ui";import de from"react";import{i18n as Su}from"@lingui/core";import{ChainToken as ji,ChevronRightIcon as Cu,ListItemButton as ku,Typography as Tu}from"@rango-dev/ui";import Oe from"react";import{useNavigate as wu}from"react-router-dom";import{create as uu}from"zustand";import{persist as cu,subscribeWithSelector as mu}from"zustand/middleware";var Pe=ve(uu()(cu(mu((t,e)=>({notifications:[],setNotification:(o,n)=>{let r=n.steps[0],i=n.steps[n.steps.length-1],a={event:o,creationTime:Date.now(),read:!1,requestId:n.requestId,route:{from:{blockchain:r.fromBlockchain,tokenAddress:r.fromSymbolAddress,tokenSymbol:r.fromSymbol},to:{blockchain:i.toBlockchain,tokenSymbol:i.toSymbol,tokenAddress:i.toSymbolAddress}}},p=e().notifications.filter(l=>l.requestId!==n.requestId);t(()=>({notifications:[...p,a]}))},setAsRead:o=>{t(n=>({notifications:n.notifications.map(r=>r.requestId===o?{...r,read:!0}:r)}))},getUnreadNotifications:()=>e().notifications.filter(o=>!o.read)})),{name:"notification",skipHydration:!0})));import{create as du}from"zustand";var be=ve(du()(t=>({connectWalletsButtonDisabled:!1,selectedSwapRequestId:null,currentPage:"",setSelectedSwap:e=>t({selectedSwapRequestId:e}),setCurrentPage:e=>t({currentPage:e})})));import{styled as Bo}from"@rango-dev/ui";var Hi=Bo("div",{padding:"$10",width:"350px",minHeight:"150px"}),Vi=Bo("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),Ri=Bo("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),Xi=Bo("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as fu}from"@lingui/core";import{Divider as gu,NoNotificationIcon as hu,Typography as yu}from"@rango-dev/ui";import Wo from"react";function Ki(){return Wo.createElement(Xi,null,Wo.createElement(hu,{color:"secondary",size:26}),Wo.createElement(gu,{size:12}),Wo.createElement(yu,{variant:"body",size:"medium",color:"neutral700"},fu.t("You have no notification")))}s(Ki,"NotificationNotFound");var vu=4;function jn(){let t=wu(),e=be.use.setSelectedSwap(),{getUnreadNotifications:o}=Pe(),n=o(),{tokens:r,blockchains:i}=v.use.meta(),a=n.sort((l,u)=>u.creationTime-l.creationTime).slice(0,vu),p=s(l=>{e(l),t(`/swaps/${l}`)},"handleOnClick");return Oe.createElement(Hi,null,a.length?Oe.createElement(Vi,null,a.map(l=>{let u=r.find(g=>g.address===l.route.from.tokenAddress&&g.blockchain===l.route.from.blockchain&&g.symbol===l.route.from.tokenSymbol),c=i.find(g=>g.name===l.route.from.blockchain),f=r.find(g=>g.address===l.route.to.tokenAddress&&g.blockchain===l.route.to.blockchain&&g.symbol===l.route.to.tokenSymbol),m=i.find(g=>g.name===l.route.to.blockchain);return Oe.createElement(ku,{key:l.requestId,onClick:()=>p(l.requestId),title:Oe.createElement(Tu,{variant:"body",size:"small",color:"$neutral700"},Su.t(l.event.message)),id:l.requestId,start:Oe.createElement(Ri,null,Oe.createElement("div",{className:"from-chain-token"},Oe.createElement(ji,{tokenImage:u?u.image:"",chainImage:c?c.logo:"",size:"small"})),Oe.createElement("div",{className:"to-chain-token"},Oe.createElement(ji,{tokenImage:f?f.image:"",chainImage:m?m.logo:"",size:"small"}))),end:Oe.createElement(Cu,{size:12,color:"gray"})})})):Oe.createElement(Ki,null))}s(jn,"NotificationContent");import{Typography as bu}from"@rango-dev/ui";import Yi from"react";function Qi(){let{getUnreadNotifications:t}=Pe(),e=t().length;return e?Yi.createElement(qi,null,Yi.createElement(bu,{variant:"body",size:"xsmall",color:"$background"},e)):null}s(Qi,"UnreadNotificationsBadge");function Yn(t){let{layoutRef:e,onClickRefresh:o,onClickHistory:n,onClickSettings:r,onClickNotifications:i}=t;return de.createElement(de.Fragment,null,de.createElement(Io,{container:ae(),side:"top",content:No.t("Refresh")},de.createElement(Fe,{variant:"ghost",size:"small",onClick:o,disabled:!o},de.createElement(Eu,{size:16,color:o?"black":"gray"}))),de.createElement(Io,{container:ae(),side:"top",content:No.t("Notifications")},de.createElement(Au,{align:"center",collisionBoundary:e,collisionPadding:{right:20,left:20},container:ae(),content:de.createElement(jn,null)},de.createElement(Fe,{size:"small",variant:"ghost",onClick:i},de.createElement(xu,{size:18,color:"black"}),de.createElement(Qi,null)))),de.createElement(Io,{container:ae(),side:"top",content:No.t("Settings")},de.createElement(Fe,{size:"small",variant:"ghost",onClick:r},de.createElement(Bu,{size:18,color:"black"}))),de.createElement(Io,{container:ae(),side:"top",content:No.t("Transactions History")},de.createElement(Fe,{size:"small",variant:"ghost",onClick:n},de.createElement(Wu,{size:18,color:"black"}))))}s(Yn,"HomeButtons");import{BottomLogo as Iu,Divider as Mu,Header as Lu}from"@rango-dev/ui";import ge from"react";import{useNavigate as Pu}from"react-router-dom";import{darkTheme as Nu,styled as Qn}from"@rango-dev/ui";var Ji=Qn("div",{position:"relative",display:"flex",flexDirection:"column",borderRadius:"$primary",overflow:"hidden !important",boxShadow:"15px 15px 15px 0px rgba(0, 0, 0, 0.05)",width:"95vw",maxWidth:"390px",maxHeight:"700px",$$color:"$colors$neutral100",[`.${Nu} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",variants:{fixedHeight:{true:{height:"95vh"},false:{height:"auto"}}}}),Zi=Qn("div",{borderTopLeftRadius:"20px",borderTopRightRadius:"20px",display:"flex",flexDirection:"column",flex:1,padding:"$20 $20 $10 $20",backgroundColor:"$background",position:"relative",overflowY:"auto",overflowX:"hidden",variants:{noPadding:{true:{padding:"0"}}}}),es=Qn("div",{backgroundColor:"$background","& .footer__content":{padding:"$0 $20"},"& .footer__logo":{padding:"$0 $20 $10 $20"}});function Du(t,e){let{children:o,header:n,footer:r,noPadding:i,hasLogo:a=!0,fixedHeight:p=!0}=t,l=H.use.connectedWallets(),u=be.use.connectWalletsButtonDisabled(),c=Pu(),f=s(()=>{u||c("/"+h.wallets)},"onConnectWallet");return ge.createElement(Ji,{ref:e,fixedHeight:p,id:"swap-box"},ge.createElement(Lu,{prefix:ge.createElement(ge.Fragment,null,n.onBack&&ge.createElement(Vn,{onClick:n.onBack})),title:n.title,suffix:ge.createElement(ge.Fragment,null,n.suffix,n.hasConnectWallet&&ge.createElement(Kn,{container:ae(),onClick:f,isConnected:!!l?.length}),n.onCancel&&ge.createElement(Xn,{onClick:n.onCancel}))}),ge.createElement(Zi,{noPadding:i},o),(a||r)&&ge.createElement(es,null,ge.createElement("div",{className:"footer__content"},r),a&&ge.createElement("div",{className:"footer__logo"},ge.createElement(Mu,{size:12}),ge.createElement(Iu,null))))}s(Du,"LayoutComponent");var Q=ge.forwardRef(Du);Q.displayName="Layout";import{Alert as Gu,Button as Hu,Divider as ds,NoRouteIcon as Vu,RefreshIcon as Ru,Typography as fs}from"@rango-dev/ui";import $e from"react";import{i18n as Ce}from"@lingui/core";var Vt=(r=>(r[r.ROUTE_UPDATED=0]="ROUTE_UPDATED",r[r.ROUTE_SWAPPERS_UPDATED=1]="ROUTE_SWAPPERS_UPDATED",r[r.ROUTE_COINS_UPDATED=2]="ROUTE_COINS_UPDATED",r[r.ROUTE_AND_OUTPUT_AMOUNT_UPDATED=3]="ROUTE_AND_OUTPUT_AMOUNT_UPDATED",r))(Vt||{});var z=s(()=>({genericServerError:Ce.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:Ce.t("Please reset your liquidity sources."),description:Ce.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources")},noRoutesError:{title:Ce.t("No Routes Found"),description:"Reasons why Rango couldn't find a route: low liquidity on token, very low input amount or no routes available for the selected input/output token combination."},bridgeLimitErrors:{increaseAmount:Ce.t("Bridge Limit Error: Please increase your amount"),decreaseAmount:Ce.t("Bridge Limit Error: Please decrease your amount")},highValueLossError:{impactTitle:Ce.t("High Price Impact"),title:Ce.t("Price impact is too high!"),description:Ce.t("The price impact is significantly higher than the allowed amount. If you are sure, continue, otherwise, change the swap."),confirmMessage:Ce.t("Confirm High price impact")},routeUpdatedWithHighValueLoss:{title:Ce.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:Ce.t("USD Price Unknown"),title:Ce.t("USD Price Unknown, Cannot calculate Price Impact."),description:Ce.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:Ce.t("Confirm USD Price Unknown")}}),"errorMessages");function Mo(t){switch(t.type){case 0:return t.diagnosisMessage??z().noRoutesError.title;case 2:return z().genericServerError;case 1:return z().routeUpdatedWithHighValueLoss.title;default:return""}}s(Mo,"getConfirmSwapErrorMessage");import{create as Uu}from"zustand";import{persist as zu,subscribeWithSelector as qu}from"zustand/middleware";import{English as _u,French as Fu,Japanese as Ou,Spanish as $u}from"@rango-dev/ui";var os=[{title:"English",label:"English",local:"en",SVGFlag:_u},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:$u},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:Fu},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"jp",SVGFlag:Ou}],Lo="en";var ns=[.5,1,3],rs=1,is=5,ss=100,as=0;var _=ve(Uu()(zu(qu((t,e)=>({preferredBlockchains:[],slippage:rs,customSlippage:null,infiniteApprove:!1,affiliateRef:null,affiliatePercent:null,affiliateWallets:null,disabledLiquiditySources:[],theme:"auto",language:Lo,addPreferredBlockchain:o=>{let n=e().preferredBlockchains;if(n.find((a,p)=>{let l=a===o,u=p<=10-1;return l&&u}))return;let i=n.filter(a=>!(a===o));t(()=>({preferredBlockchains:[o,...i]}))},setSlippage:o=>t(()=>({slippage:o})),setCustomSlippage:o=>t(()=>({customSlippage:o})),setAffiliateRef:o=>t(()=>({affiliateRef:o})),setAffiliatePercent:o=>t(()=>({affiliatePercent:o})),setAffiliateWallets:o=>t(()=>({affiliateWallets:o})),toggleAllLiquiditySources:o=>t(n=>{if(o)return{disabledLiquiditySources:[]};let{swappers:r}=v.getState().meta,i=Wt(r.map(a=>a.swapperGroup));return i.length===n.disabledLiquiditySources.length?{disabledLiquiditySources:[]}:{disabledLiquiditySources:i}}),toggleInfiniteApprove:()=>t(o=>({infiniteApprove:!o.infiniteApprove})),toggleLiquiditySource:o=>t(n=>n.disabledLiquiditySources.includes(o)?{disabledLiquiditySources:n.disabledLiquiditySources.filter(r=>r!=o)}:{disabledLiquiditySources:n.disabledLiquiditySources.concat(o)}),setTheme:o=>t(()=>({theme:o})),setLanguage:o=>t(()=>({language:o}))})),{name:"user-settings",skipHydration:!0})));import{i18n as ls}from"@lingui/core";function ps(t,e,o,n,r){return o?{alert:{type:"warning",text:z().genericServerError,action:{onClick:r,title:ls.t("Retry")}},description:""}:t?{alert:{type:"error",text:t,action:null},description:""}:e.length?{alert:{type:"warning",text:z().liquiditySourcesError.title,action:{onClick:()=>n(!0),title:ls.t("Reset")}},description:z().liquiditySourcesError.description}:{alert:null,description:z().noRoutesError.description}}s(ps,"makeInfo");import{styled as Zn}from"@rango-dev/ui";var us=Zn("div",{display:"flex",flexDirection:"column",alignItems:"center"}),cs=Zn("div",{width:"100%"}),ms=Zn("div",{padding:"$6 $0"});function Rt(t){let{diagnosisMessage:e,fetch:o,error:n}=t,r=_.use.disabledLiquiditySources(),i=v.use.loadingStatus(),a=_.use.toggleAllLiquiditySources(),l=ps(e??null,r,n||i==="failed",a,o);return $e.createElement(us,null,$e.createElement(Vu,{size:24,color:"gray"}),$e.createElement(ds,{size:4}),$e.createElement(fs,{variant:"title",size:"small"},z().noRoutesError.title),!!l.description&&$e.createElement(fs,{variant:"body",size:"small",align:"center",color:"neutral700"},l.description),$e.createElement(ds,{size:4}),!!l.alert&&$e.createElement(cs,null,$e.createElement(Gu,{type:l.alert.type,title:l.alert.text,action:l.alert.action&&$e.createElement(Hu,{size:"xsmall",type:l.alert.type,prefix:$e.createElement(ms,null,$e.createElement(Ru,{size:8})),onClick:l.alert.action.onClick},l.alert.action.title),variant:"alarm"})))}s(Rt,"NoRoutes");import{Alert as zs,Divider as sc,InfoIcon as ac}from"@rango-dev/ui";import qe from"react";import ut from"bignumber.js";import{create as Zu}from"zustand";import{subscribeWithSelector as ec}from"zustand/middleware";import{getLastSuccessfulStep as Ku}from"@rango-dev/queue-manager-rango-preset";import xC from"bignumber.js";function gs(t,e){return e.find(o=>o.name===t)?.displayName}s(gs,"getBlockchainDisplayNameFor");function Je(t,e){return e.find(o=>o.name===t)?.shortName}s(Je,"getBlockchainShortNameFor");function er(t,e){return e.find(o=>Re(o,t))??null}s(er,"findToken");function tr(t,e){return e.find(o=>o.name===t)??null}s(tr,"findBlockchain");function or(t,e,o){return o&&t.find(n=>{let r=e?.split("--");return r?.length===1?n.symbol===r[0]&&n.address===null&&n.blockchain===o.name:n.symbol===r?.[0]&&n.address===r?.[1]&&n.blockchain===o.name})||null}s(or,"searchParamsToToken");function hs(t){return t?.result?.swaps[t?.result?.swaps.length-1].to.usdPrice}s(hs,"getBestRouteToTokenUsdPrice");function nr(t,e){let o=t.result?.swaps||[],n=e.result?.swaps||[];return o.length!==n.length}s(nr,"isNumberOfSwapsChanged");function rr(t,e){let o=t.result?.swaps.map(r=>r.swapperId)||[],n=e.result?.swaps.map(r=>r.swapperId)||[];return!zn(o,n)}s(rr,"isRouteSwappersUpdated");function ir(t,e){let o=t.result?.swaps.map(r=>r.to.symbol)||[],n=e.result?.swaps.map(r=>r.to.symbol)||[];return!zn(o,n)}s(ir,"isRouteInternalCoinsUpdated");function ys(t,e){return nr(t,e)||rr(t,e)||ir(t,e)}s(ys,"isRouteChanged");function Ss(t,e){if(e===null)return null;let o=e?.find(n=>n.blockchain===t.chain)?.wallets.find(n=>n.address?.toLowerCase()===t.address.toLowerCase());return o?o.requiredAssets:null}s(Ss,"getRequiredBalanceOfWallet");function Cs(t){if(!t)return null;let e=(t.result?.swaps||[]).map(o=>({...o,fromAmount:T(o.fromAmount,6,6),toAmount:T(o.toAmount,6,6)}));return{...t,...t.result&&{result:{...t.result,swaps:e}}}}s(Cs,"getFormattedBestRoute");function It(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}s(It,"getPriceImpactLevel");function ks(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],i=Ku(t.steps),a={blockchain:r.toBlockchain,symbol:r.toSymbol,address:r.toSymbolAddress},p=tr(i?i.toBlockchain:n.fromBlockchain,e),l=tr(r.toBlockchain,e),u=er(i?{blockchain:p?.name??"",symbol:i.toSymbol,address:i.toSymbolAddress}:{blockchain:p?.name??"",symbol:n.fromSymbol,address:n.fromSymbolAddress},o),c=er(a,o),f=i?i.outputAmount??"":t.inputAmount;return{fromBlockchain:p,fromToken:u,toBlockchain:l,toToken:c,inputAmount:f}}s(ks,"createRetryRoute");import{i18n as Ue}from"@lingui/core";import{PendingSwapNetworkStatus as Oo}from"@rango-dev/queue-manager-rango-preset";import xe from"bignumber.js";function Ts(t,e){return t.result?.swaps.map(o=>({swapper:{displayName:o.swapperId,image:o.swapperLogo},from:{token:{displayName:o.from.symbol,image:o.from.logo},chain:{displayName:Je(o.from.blockchain,e)??"",image:o.from.blockchainLogo},price:{value:T(o.fromAmount,6,6),usdValue:T(o.from.usdPrice?.toString(),4,4)}},to:{token:{displayName:o.to.symbol,image:o.to.logo},chain:{displayName:Je(o.to.blockchain,e)??"",image:o.to.blockchainLogo},price:{value:T(o.toAmount,6,6),usdValue:T(o.to.usdPrice?.toString(),4,4)}}}))}s(Ts,"formatBestRoute");function Do(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,i=e[e.length-1];n!=i&&e.push(n),i=e[e.length-1],r!=i&&e.push(r)}),e}s(Do,"getRequiredWallets");function _o(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}s(_o,"isValidAddress");import{i18n as Fo}from"@lingui/core";var ht=s(()=>({connectWallet:Fo.t("Connect Wallet"),swap:Fo.t("Swap"),swapAnyway:Fo.t("Swap anyway"),ethRouteWarning:Fo.t("The route goes through Ethereum. Continue?")}),"swapButtonTitles");function zo(t,e){return!t||!e||t.lte(Me)||e.lte(Me)?0:e.div(t).minus(1).multipliedBy(100)}s(zo,"getOutputRatio");function qo(t,e){return(parseInt(e.toFixed(2)||"0")<=-10&&t?.gte(new xe(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new xe(1e3)))??!1}s(qo,"outputRatioHasWarning");function Go(t){return(t?.result?.swaps||[]).filter(e=>{let o=e.fromAmountMinValue?new xe(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new xe(e.fromAmountMaxValue):null;return e.fromAmountRestrictionType==="EXCLUSIVE"?o?.gte(e.fromAmount)||n?.lte(e.fromAmount):o?.gt(e.fromAmount)||n?.lt(e.fromAmount)}).length>0}s(Go,"hasLimitError");function Ho(t){if(!t)return{swap:null,fromAmountRangeError:"",recommendation:""};let e=(t?.result?.swaps||[]).filter(p=>{let l=p.fromAmountMinValue?new xe(p.fromAmountMinValue):null,u=p.fromAmountMaxValue?new xe(p.fromAmountMaxValue):null;return p.fromAmountRestrictionType==="EXCLUSIVE"?l?.gte(p.fromAmount)||u?.lte(p.fromAmount):l?.gt(p.fromAmount)||u?.lt(p.fromAmount)})[0];if(!e)return{swap:null,fromAmountRangeError:"",recommendation:""};let o=e.fromAmountMinValue?new xe(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new xe(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",i="",a="";return!r&&o&&o.gt(e.fromAmount)?(i=Ue.t({id:"requiredEqualMin",message:"Required: >= {min} {symbol}",values:{min:T(o,6,6),symbol:e.from.symbol}}),a=z().bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(i=Ue.t({id:"requiredMin",message:"Required: > {min} {symbol}",values:{min:T(o,6,6),symbol:e.from.symbol}}),a=z().bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(i=Ue.t({id:"requiredEqualMax",message:"Required: <= {max} {symbol}",values:{max:T(n,6,6),symbol:e.from.symbol}}),a=z().bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(i=Ue.t({id:"requiredMax",message:"Required: < {max} {symbol}",values:{max:T(n,6,6),symbol:e.from.symbol}}),a=z().bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:i,recommendation:a}}s(Ho,"LimitErrorMessage");function ws(t,e,o,n,r,i,a,p,l){return t!=="success"?{title:ht().connectWallet,state:"waitForConnecting",disabled:!0}:e.length==0?{title:ht().connectWallet,state:"waitForConnecting",disabled:!1}:o||!n||!n.result||r||!l||l==="0"?{title:ht().swap,disabled:!0,state:"swap"}:i||a?{title:ht().swapAnyway,disabled:!1,hasWarning:!0,state:"needToConfirm"}:p?{title:ht().ethRouteWarning,disabled:!1,hasWarning:!0,state:"warning"}:{title:ht().swap,disabled:!1,state:"swap"}}s(ws,"getSwapButtonState");function sr(t,e,o){return!((!o||o.lte(Me))&&t?.result&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t.result)}s(sr,"canComputePriceImpact");function Yu(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,i=e[e.length-1];n!=i&&e.push(n),i=e[e.length-1],r!=i&&e.push(r)}),e}s(Yu,"requiredWallets");var Qu=s((t,e,o,n)=>n?.find(i=>i.blockchain===t&&i.symbol?.toUpperCase()===e?.toUpperCase()&&i.address===o)?.usdPrice||null,"getUsdPrice");function Ju(t,e){let o=Me;for(let n=0;n<t.fee.length;n++){let r=t.fee[n];if(r.expenseType==="DECREASE_FROM_OUTPUT")continue;let i=Qu(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new xe(r.amount).multipliedBy(i||0))}return o}s(Ju,"getUsdFeeOfStep");function Vo(t,e){return t?.result?.swaps.reduce((o,n)=>o.plus(Ju(n,e)),Me)||null}s(Vo,"getTotalFeeInUsd");function vs(t){return t.result?.swaps.map(o=>o.recommendedSlippage)?.map(o=>o?.slippage||"0")?.filter(o=>parseFloat(o)>0)?.sort((o,n)=>parseFloat(n)-parseFloat(o))?.find(()=>!0)||null}s(vs,"getMinRequiredSlippage");function bs(t,e){return e?parseFloat(t)>=parseFloat(e):!0}s(bs,"hasProperSlippage");function Ro(t){let{fromToken:e,toToken:o,inputAmount:n,wallets:r,selectedWallets:i,disabledLiquiditySources:a,slippage:p,affiliateRef:l,affiliatePercent:u,affiliateWallets:c,initialRoute:f,destination:m}=t,g=i?.reduce((d,w)=>(d[w.chain]=w.address,d),{}),C=[];r?.forEach(d=>{let w=C.find(b=>b.blockchain===d.chain);w?w.addresses.push(d.address):C.push({blockchain:d.chain,addresses:[d.address]})});let y=!!f,S=Wt((f?.result?.swaps||[]).reduce((d,w)=>(d.push(w.from.blockchain,w.to.blockchain),w.internalSwaps&&Array.isArray(w.internalSwaps)&&w.internalSwaps.map(b=>{d.push(b.from.blockchain,b.to.blockchain)}),d),[]));return{amount:n.toString(),affiliateRef:l??void 0,affiliatePercent:u??void 0,affiliateWallets:c??void 0,checkPrerequisites:y,from:{address:e.address,blockchain:e.blockchain,symbol:e.symbol},to:{address:o.address,blockchain:o.blockchain,symbol:o.symbol},connectedWallets:C,selectedWallets:g??{},slippage:p.toString(),...m&&{destination:m},...a.length>0&&{swapperGroups:a,swappersGroupsExclude:!0},...y&&{blockchains:S}}}s(Ro,"createBestRouteRequestBody");function xs(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}s(xs,"getWalletsForNewSwap");function Mt(t){return t?.result?.outputAmount||null}s(Mt,"getRouteOutputAmount");function Ze(t,e){return!t||!e?null:new xe(e).div(new xe(t)).minus(1).multipliedBy(100)}s(Ze,"getPercentageChange");function As(t,e){let o=Mt(t),n=Mt(e);if(!o||!n)return!1;let r=Ze(o,n);return r?r.toNumber()<=-1:!0}s(As,"isOutputAmountChangedALot");function Es(t,e){let o=t.validationStatus,n=Wi(t);return e.sort((i,a)=>n.indexOf(i.chain)-n.indexOf(a.chain)).flatMap(i=>Ss(i,o)||[]).filter(i=>!i.ok).map(i=>{let a=i.asset.symbol,p=T(new xe(i.currentAmount.amount).shiftedBy(-i.currentAmount.decimals),8,8),l=T(new xe(i.requiredAmount.amount).shiftedBy(-i.requiredAmount.decimals),8,8),u="";return i.reason==="FEE"&&(u=Ue.t(" for network fee")),i.reason==="INPUT_ASSET"&&(u=Ue.t(" for swap")),i.reason==="FEE_AND_INPUT_ASSET"&&(u=Ue.t(" for input and network fee")),Ue.t({id:"balanceWarningMessage",message:"Needs \u2248 {requiredAmount} {symbol}{reason}, but you have {currentAmount} {symbol} in your {blockchain} wallet.",values:{requiredAmount:l,symbol:a,reason:u,currentAmount:p,blockchain:i.asset.blockchain}})})}s(Es,"getBalanceWarnings");function Bs(t,e){return(t?new xe(t):Me).multipliedBy(e||0)}s(Bs,"calcOutputUsdValue");function Xt(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==Oo.NetworkChanged}s(Xt,"isNetworkStatusInWarningState");function Ws(t,e){let o="bellow button or",n=t.extraMessage,r=t.extraMessageDetail;if(t.networkStatusExtraMessageDetail?.includes(o)&&(t.networkStatusExtraMessageDetail=t.networkStatusExtraMessageDetail.replace(o,"")),Xt(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case Oo.WaitingForConnectingWallet:n=n||Ue.t("Waiting for connecting wallet");break;case Oo.WaitingForQueue:n=n||Ue.t("Waiting for other running tasks to be finished");break;case Oo.WaitingForNetworkChange:n=n||Ue.t("Waiting for changing wallet network");break;default:n=n||"";break}r=r||"",n=n||"";let a=n?.indexOf("code")!==-1&&n?.indexOf("reason")!==-1;return{shortMessage:n,detailedMessage:{content:r,long:a}}}s(Ws,"getSwapMessages");function Ns(t){let e=null;if(t.status==="failed"){let o=t.steps.slice().reverse().filter(n=>n.status==="success")[0];o&&(e={blockchain:o.toBlockchain,symbol:o.toSymbol,outputAmount:o.outputAmount,address:o.toSymbolAddress})}return e}s(Ns,"getLastConvertedTokenInFailedSwap");function Is(t){return t.status==="failed"&&!!t.finishTime&&new Date().getTime()-parseInt(t.finishTime)<4*3600*1e3}s(Is,"shouldRetrySwap");function Ms(t,e,o,n,r,i){return t||!e&&!Yu(n).every(a=>r.map(p=>p.chain).includes(a))||!!e&&!o||!!e&&!!o&&i&&!_o(i,o)}s(Ms,"confirmSwapDisabled");var Xo=s((t,e)=>t?.usdPrice?new ut(e||Me).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),P=ve(Zu()(ec(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new ut(0),outputUsdValue:new ut(0),toBlockchain:null,toToken:null,bestRoute:null,routeWalletsConfirmed:!1,selectedWallets:[],customDestination:"",setRoute:e=>t(o=>{let n=null,r=Me;return Ht(o.inputAmount)?(e&&(n=e.result?.outputAmount?new ut(e.result?.outputAmount):null,r=Bs(e.result?.outputAmount,hs(e)||o.toToken?.usdPrice)),{bestRoute:e,...!!e&&{outputAmount:n,outputUsdValue:r}}):{}}),resetRoute:()=>t(()=>({bestRoute:null,outputAmount:null,outputUsdValue:new ut(0)})),setFromBlockchain:e=>{t(o=>o.fromBlockchain?.name===e?.name?{}:{fromBlockchain:e,...o.fromToken&&{bestRoute:null,fromToken:null,outputAmount:null,outputUsdValue:null}})},setFromToken:e=>{let{blockchains:o}=v.getState().meta;return t(n=>({fromToken:e,...e&&{fromBlockchain:o.find(r=>r.name===e.blockchain)??null},...!!n.inputAmount&&{inputUsdValue:Xo(e,n.inputAmount)}}))},setToBlockchain:e=>{t(o=>o.toBlockchain?.name===e?.name?{}:{toBlockchain:e,...o.toToken&&{bestRoute:null,toToken:null,outputAmount:null,outputUsdValue:null}})},setToToken:e=>{let{blockchains:o}=v.getState().meta;return t(()=>({toToken:e,...e&&{toBlockchain:o.find(n=>n.name===e.blockchain)??null}}))},setInputAmount:e=>{t(o=>({inputAmount:e,...!e&&{outputAmount:new ut(0),outputUsdValue:new ut(0),bestRoute:null},...!!o.fromToken&&{inputUsdValue:Xo(o.fromToken,e)}}))},retry:e=>{let{tokens:o,blockchains:n}=v.getState().meta,{fromBlockchain:r,fromToken:i,toBlockchain:a,toToken:p,inputAmount:l}=ks(e,n,o);t({fromBlockchain:r,fromToken:i,inputAmount:l,outputAmount:null,inputUsdValue:Xo(i??null,l),outputUsdValue:new ut(0),toBlockchain:a,toToken:p,bestRoute:null})},switchFromAndTo:()=>t(e=>({fromBlockchain:e.toBlockchain,fromToken:e.toToken,toBlockchain:e.fromBlockchain,toToken:e.fromToken,inputAmount:e.outputAmount?.toString()||"",inputUsdValue:Xo(e.toToken,e.outputAmount?.toString()||"")})),resetFromBlockchain:()=>t(()=>({fromToken:null,fromBlockchain:null,outputAmount:null,outputUsdValue:null,bestRoute:null})),resetToBlockchain:()=>t(()=>({toToken:null,toBlockchain:null,outputAmount:null,outputUsdValue:null,bestRoute:null})),setRouteWalletConfirmed:e=>t({routeWalletsConfirmed:e}),setSelectedWallets:e=>t({selectedWallets:e}),setCustomDestination:e=>t({customDestination:e}),resetRouteWallets:()=>t({routeWalletsConfirmed:!1,selectedWallets:[],customDestination:""})}))));import{styled as Ko}from"@rango-dev/ui";var Ls=Ko("div",{width:"100%",paddingTop:"$10"}),ar=Ko("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),Ps=Ko("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%"}),Ds=Ko("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});import{i18n as Kt}from"@lingui/core";import{Button as tc,Divider as Os,MessageBox as $s,Modal as oc,Typography as nc,WarningIcon as rc}from"@rango-dev/ui";import ze from"react";import{useNavigate as ic}from"react-router-dom";import{Typography as _s}from"@rango-dev/ui";import lr from"react";function Fs(t){let{title:e,value:o,valueColor:n}=t;return lr.createElement(Ps,null,lr.createElement(_s,{size:"medium",variant:"label",color:"neutral600"},e),lr.createElement(_s,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}s(Fs,"RouteErrorsModalItem");function Us(t){let{highValueLoss:e,open:o,onToggle:n,percentageChange:r,inputUsdValue:i,outputUsdValue:a,totalFeeInUsd:p}=t,l=ic(),u=e&&r?.lt(-10)?"error":"warning",c=[{title:Kt.t("Swapping"),value:T(i,4,4)},{title:Kt.t("Gas cost"),value:T(p,2,2)},{title:Kt.t("Receiving"),value:T(a,4,4)},{title:Kt.t("Price impact"),value:T(r,2,2),valueColor:`${u}500`}];return ze.createElement(oc,{open:o,onClose:()=>n(!1),container:document.getElementById("swap-box")||document.body},e?ze.createElement($s,{type:u,title:z().highValueLossError.impactTitle,description:z().highValueLossError.description}):ze.createElement($s,{type:u,title:z().unknownPriceError.impactTitle,description:z().unknownPriceError.description}),e&&ze.createElement(ar,null,ze.createElement(Os,{size:20}),ze.createElement(nc,{size:"small",variant:"title"},Kt.t("Details")),ze.createElement(ar,null,c.map((f,m)=>ze.createElement(Fs,{key:m,...f})))),ze.createElement(Os,{size:32}),ze.createElement(tc,{type:"primary",size:"large",prefix:ze.createElement(rc,null),fullWidth:!0,onClick:()=>{l(h.confirmSwap)}},e?z().highValueLossError.confirmMessage:z().unknownPriceError.confirmMessage))}s(Us,"RouteErrorsModal");var lc=-10;function pr(t){let{bestRoute:e}=P(),{highValueLoss:o,percentageChange:n,priceImpactCanNotBeComputed:r,openModal:i,onToggle:a,totalFeeInUsd:p,outputUsdValue:l,inputUsdValue:u,loading:c,extraSpace:f}=t,m=Go(e),{recommendation:g}=Ho(e),C=!m&&(o||r),y=C||m;return qe.createElement(qe.Fragment,null,(c||f&&!y)&&qe.createElement(sc,{size:20}),y&&qe.createElement(Ls,null,C&&qe.createElement(qe.Fragment,null,qe.createElement(zs,{title:o?z().highValueLossError.title:z().unknownPriceError.title,type:o&&n?.lt(lc)?"error":"warning",variant:"alarm",action:qe.createElement(Ds,{onClick:()=>a(!0)},qe.createElement(ac,{size:12,color:"gray"}))})),m&&qe.createElement(zs,{type:"error",variant:"alarm",title:g})),qe.createElement(Us,{highValueLoss:o,open:i,onToggle:a,percentageChange:n,inputUsdValue:u,outputUsdValue:l,totalFeeInUsd:p}))}s(pr,"RouteErrors");import{ReverseIcon as pc,styled as qs}from"@rango-dev/ui";import ur from"react";var uc=qs("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),cc=qs("div",{borderRadius:"$md",border:"3px solid $background",background:"$neutral100",width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center",color:"$foreground","&:hover":{color:"$secondary500"}});function Gs(){let t=P.use.switchFromAndTo();return ur.createElement(uc,null,ur.createElement(cc,{onClick:()=>{t()}},ur.createElement(pc,{size:12})))}s(Gs,"SwitchFromAndToButton");import{useEffect as Hs,useRef as fc,useState as Vs}from"react";import{useRef as mc,useState as dc}from"react";function jo(){let[t,e]=dc(!1),o=mc(null),n=s(()=>o.current?.abort(),"cancel");return{fetch:s(async i=>{n(),o.current=new AbortController,e(!0);try{let a=await xt().getBestRoute(i,{signal:o.current.signal});return o.current=null,a}catch(a){throw a}finally{e(!1)}},"fetch"),loading:t,cancelFetch:n}}s(jo,"useFetchBestRoute");var gc=600;function Rs(){let{fetch:t,cancelFetch:e}=jo(),[o,n]=Vs(!1),{fromToken:r,toToken:i,inputAmount:a,inputUsdValue:p,resetRoute:l,setRoute:u}=P(),{slippage:c,customSlippage:f,affiliatePercent:m,affiliateRef:g,affiliateWallets:C,disabledLiquiditySources:y}=_(),[S,k]=Vs(""),d=fc(y),w=f??c,x=!r||!i||Re(r,i)||!Ht(a),W=s(()=>{if(o||n(!0),!x){l();let E=Ro({fromToken:r,toToken:i,inputAmount:a,disabledLiquiditySources:y,slippage:w,affiliateRef:g,affiliatePercent:m,affiliateWallets:C});t(E).then($=>{n(!1),u($)}).catch($=>{l(),$?.code!=="ERR_CANCELED"&&(k($.message),n(!1))})}},"fetch"),O=_i(()=>{x||W()},gc);return Hs(()=>{if(!Ht(a)||p?.eq(0)){n(!1),e();return}if(!x)return l(),n(!0),O(),e},[a,x]),Hs(()=>{let E=!!d.current.length&&!y.length;return!x&&E&&W(),d.current=y,e},[y.length]),{fetch:W,loading:o,error:S}}s(Rs,"useSwapInput");var xc=Lt("div",{display:"flex",flexDirection:"column",overflowY:"visible"}),Ac=Lt("div",{position:"relative"}),Ec=Lt("div",{display:"flex",flexDirection:"column",gap:5,alignSelf:"stretch"}),Ks=Lt("div",{width:"100%",paddingTop:"$2"}),Bc=Lt("div",{paddingBottom:"$15"}),Wc=Lt("div",{width:"100%",display:"flex"});function Qo(){let t=bc(),{fetch:e,loading:o,error:n}=Rs(),{fromToken:r,fromBlockchain:i,toToken:a,toBlockchain:p,setInputAmount:l,inputAmount:u,inputUsdValue:c,outputAmount:f,outputUsdValue:m,bestRoute:g,resetRouteWallets:C}=P(),{meta:{tokens:y,blockchains:S},loadingStatus:k}=v(),d=H.use.connectedWallets(),w=be.use.setCurrentPage(),[b,x]=vc(!1),{fromAmountRangeError:W,swap:O,recommendation:E}=Ho(g),$=wc(null),X=!!Number(u)&&(!!g||o||!!n),oe=!1,B=zo(c,m),Z=qo(c,B),G=!sr(g,u,c),ne=!sr(g,u,m),L=ws(k,d,o,g,Go(g),Z,G||ne,oe,u),me=i&&r?T(Bt(d,i?.name,r?.symbol,r?.address)?.amount||"0",8,8):"0",Ne=i&&r?T(Bt(d,i?.name,r?.symbol,r?.address)?.amount||"0",Bt(d,i?.name,r?.symbol,r?.address)?.decimal):"0";Tc(()=>(w(h.home),C(),w.bind(null,"")),[]);let U=!c||!m||!m.gt(0)?null:Ze(c.toNumber(),m.toNumber()),K=s(_e=>_e.map((se,ft)=>({swapper:{displayName:se.swapperId,image:se.swapperLogo},from:{token:{displayName:se.from.symbol,image:se.from.logo},chain:{displayName:Je(se.from.blockchain,S)??"",image:se.from.blockchainLogo},price:{value:ft===0?T(u,6,6):se.fromAmount}},to:{token:{displayName:se.to.symbol,image:se.to.logo},chain:{displayName:Je(se.to.blockchain,S)??"",image:se.to.blockchainLogo},price:{value:se.toAmount}},alerts:se.swapperId===O?.swapperId?j.createElement(Bc,null,j.createElement(hc,{type:"error",title:E,footer:j.createElement(Wc,null,j.createElement(mr,{size:"xsmall",variant:"body",color:"neutral700"},W),j.createElement(cr,{direction:"horizontal",size:8}),j.createElement(mr,{size:"xsmall",variant:"body",color:"neutral700"},"|"),j.createElement(cr,{direction:"horizontal",size:8}),j.createElement(mr,{size:"xsmall",variant:"body",color:"neutral700"},Yo.t({id:"yourSymbol",message:"Yours: {amount} {symbol}",values:{amount:T(O?.fromAmount||null,6,6),symbol:se?.from.symbol}})))})):void 0})),"getBestRouteSteps"),Ie=Vo(g,y),we=Cs(g);return j.createElement(Q,{ref:$,fixedHeight:!1,hasLogo:!0,footer:j.createElement(Cc,{type:"primary",size:"large",disabled:L.disabled,prefix:!L.disabled&&L.hasWarning&&j.createElement(kc,null),fullWidth:!0,onClick:()=>{L.state==="waitForConnecting"?t(h.wallets):L.state==="needToConfirm"?x(!0):t(h.confirmSwap)}},L.title),header:{hasConnectWallet:!0,title:Yo.t("Swap"),suffix:j.createElement(Yn,{layoutRef:$.current,onClickRefresh:g||n?e:void 0,onClickHistory:()=>t(h.swaps),onClickSettings:()=>t(h.settings)})}},j.createElement(xc,null,j.createElement(Ec,null,j.createElement(Ac,null,j.createElement(Xs,{label:Yo.t("From"),mode:"From",onInputChange:l,balance:me,chain:{displayName:i?.displayName||"",image:i?.logo||""},token:{displayName:r?.symbol||"",image:r?.image||""},onClickToken:()=>t("from-swap"),price:{value:u,usdValue:G?void 0:T(c,4,4),error:G?z().unknownPriceError.impactTitle:void 0},disabled:k==="failed",loading:k==="loading",onSelectMaxBalance:()=>{me!=="0"&&l(Ne.split(",").join(""))}}),j.createElement(Gs,null)),j.createElement(Xs,{sharpBottomStyle:!!g?.result||o,label:Yo.t("To"),mode:"To",chain:{displayName:p?.displayName||"",image:p?.logo||""},token:{displayName:a?.symbol||"",image:a?.image||""},percentageChange:U?.lt(0)?T(U,2,2):null,warningLevel:It(U?.toNumber()??0),price:{value:T(f,6,6),usdValue:ne?void 0:T(m,4,4),error:ne?z().unknownPriceError.impactTitle:void 0},onClickToken:()=>t("to-swap"),disabled:k==="failed",loading:k==="loading"})),o&&j.createElement(Ks,null,j.createElement(Sc,{type:"basic"})),X&&!o&&we?.result?.swaps?.length?j.createElement(Ks,null,j.createElement(yc,{type:"basic",recommended:!0,tooltipContainer:ae(),input:{value:T(u,6,6),usdValue:T(c,4,4)},output:{value:T(f,6,6),usdValue:T(m,4,4)},steps:K(we.result.swaps),percentageChange:T(U,2,2),totalFee:T(Ie,2,2),totalTime:At(Et(g?.result?.swaps))})):X&&!o?j.createElement(j.Fragment,null,j.createElement(cr,{size:20}),j.createElement(Rt,{diagnosisMessage:we?.diagnosisMessages?.[0],fetch:e,error:!!n})):null),j.createElement(pr,{openModal:b,onToggle:x,totalFeeInUsd:Ie,outputUsdValue:m,inputUsdValue:c,percentageChange:U,highValueLoss:Z,priceImpactCanNotBeComputed:G||ne,loading:o||k==="loading",extraSpace:!!g?.result||!g}))}s(Qo,"Home");import{useEffect as dr,useRef as fr}from"react";import{createSearchParams as Nc,useLocation as Ic,useSearchParams as Mc}from"react-router-dom";import{useEffect as Jo,useRef as Zo}from"react";function js(t){let{setInputAmount:e,setToToken:o,setToBlockchain:n,setFromBlockchain:r,setFromToken:i}=P(),{meta:{tokens:a,blockchains:p},loadingStatus:l}=v(),{setAffiliateRef:u,setAffiliatePercent:c,setAffiliateWallets:f}=_(),m=Zo(void 0),g=Zo(void 0),C=Zo(void 0),y=Zo(void 0);Jo(()=>{e(t?.amount?.toString()||"")},[t?.amount]),Jo(()=>{if(l==="success"){let S=p.find(d=>d.name===t?.from?.blockchain),k=a.find(d=>Re(d,t?.from?.token||null));(S||!S&&C.current)&&r(S??null),(k||!k&&m.current)&&i(k??null),C.current=t?.from?.blockchain,m.current=t?.from?.token}},[t?.from?.token?.symbol,t?.from?.token?.address,t?.from?.token?.blockchain,t?.from?.blockchain,l]),Jo(()=>{if(l==="success"){let S=p.find(d=>d.name===t?.to?.blockchain),k=a.find(d=>Re(d,t?.to?.token||null));(S||!S&&y.current)&&n(S??null),(k||!k&&g.current)&&o(k??null),y.current=t?.to?.blockchain,g.current=t?.to?.token}},[t?.to?.token?.symbol,t?.to?.token?.address,t?.to?.token?.blockchain,t?.to?.blockchain,l]),Jo(()=>{u(t?.affiliate?.ref??null),c(t?.affiliate?.percent??null),f(t?.affiliate?.wallets??null)},[t?.affiliate?.ref,t?.affiliate?.percent,t?.affiliate?.wallets])}s(js,"useSyncStoresWithConfig");function Ys(t){let e=fr(!0),[o,n]=Mc(),r=Ic(),i=fr(r.search),a=fr({}),p=P.use.fromBlockchain(),l=P.use.toBlockchain(),u=P.use.fromToken(),c=P.use.toToken(),f=P.use.setFromBlockchain(),m=P.use.setFromToken(),g=P.use.setToBlockchain(),C=P.use.setToToken(),y=P.use.inputAmount(),S=P.use.setInputAmount(),k=v.use.loadingStatus(),{blockchains:d,tokens:w}=v.use.meta(),b=be.use.setSelectedSwap();return js(t.config),dr(()=>{let x={};Nc(i.current).forEach((O,E)=>{x[E]=O}),a.current=x;let W=r.pathname.split(h.swaps+"/")[1]||null;W&&b(W)},[]),dr(()=>{if(!e.current){let x="",W="",O="",E="",$="";if(k!=="success")x=a.current["fromBlockchain"],W=a.current["fromToken"],O=a.current["toBlockchain"],E=a.current["toToken"],$=a.current["fromAmount"]||y;else{if(r.state==="redirect")return;x=p?.name||"",W=(u?.symbol||"")+(u?.address?`--${u?.address}`:""),O=l?.name||"",E=(c?.symbol||"")+(c?.address?`--${c?.address}`:""),$=y}n({...x&&{["fromBlockchain"]:x},...W&&{["fromToken"]:W},...O&&{["toBlockchain"]:O},...E&&{["toToken"]:E},...$&&{["fromAmount"]:$.toString()}},{replace:!0})}e.current=!1},[r.pathname,y,p,u,l,c]),dr(()=>{if(k==="success"){let x=o.get("fromBlockchain"),W=o.get("fromToken"),O=o.get("toBlockchain"),E=o.get("toToken"),$=o.get("fromAmount"),X=d.find(G=>G.name===x),oe=or(w,W,X||null),B=d.find(G=>G.name===O),Z=or(w,E,B||null);X&&(f(X),oe&&m(oe)),B&&(g(B),Z&&C(Z)),$&&S($)}},[k]),null}s(Ys,"UpdateUrl");function qc(t){let e=Uc(),o=zc(),n=Fc(!0),r=e.pathname.split("/"),a=r[r.length-1]===h.confirmSwap&&n.current;return _c(()=>{a&&o("."),n.current=!1},[]),a?yt.createElement(Qo,null):yt.createElement(yt.Fragment,null," ",t.children)}s(qc,"Route");function Qs({children:t,...e}){let o=$c(),n=o?qc:Oc,{blockchains:r}=v.use.meta(),{canSwitchNetworkTo:i}=Pc(),a=r.filter(Dc);return Lc({lastConnectedWallet:e.lastConnectedWallet,clearDisconnectedWallet:e.clearDisconnectedWallet,disconnectedWallet:e.disconnectedWallet,evmChains:a,canSwitchNetworkTo:i}),yt.createElement(yt.Fragment,null,yt.createElement(n,null,t),o&&yt.createElement(Ys,{config:e.config}))}s(Qs,"AppRouter");import We from"react";import{useRoutes as cg}from"react-router-dom";import{i18n as Xe}from"@lingui/core";import{useManager as Dm}from"@rango-dev/queue-manager-react";import{Alert as vr,BestRoute as _m,BestRouteSkeleton as Fm,Button as an,Divider as Ot,IconButton as _a,MessageBox as Om,Modal as $m,RefreshIcon as Um,SettingsIcon as zm,styled as Fa,Tooltip as qm,Typography as Da,WalletIcon as Gm}from"@rango-dev/ui";import I,{useEffect as ln,useState as pn}from"react";import{flushSync as Hm}from"react-dom";import{useNavigate as Vm}from"react-router-dom";import{i18n as nt}from"@lingui/core";import{Alert as wr,BalanceErrors as Cm,Button as Ia,ChevronDownIcon as km,ChevronLeftIcon as Tm,Divider as Ft,MessageBox as wm,Modal as Ma,Typography as sn,WalletIcon as vm}from"@rango-dev/ui";import A,{useEffect as bm,useLayoutEffect as xm,useRef as Am,useState as kt}from"react";import{useNavigate as Em}from"react-router-dom";import{i18n as en}from"@lingui/core";function tn(t){switch(t.type){case 0:return en.t("Route has been updated.");case 3:return en.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return en.t("Route swappers has been updated.");case 2:return en.t("Route internal coins has been updated.");default:return""}}s(tn,"getRouteWarningMessage");import*as Dt from"@radix-ui/react-collapsible";import{Button as Gc,darkTheme as Pt,IconButton as Hc,keyframes as Js,styled as ke,TextField as Vc}from"@rango-dev/ui";var jt=300,Rc=Js({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),Xc=Js({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),Zs=ke("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),ea=ke("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}),ta=ke("button",{borderRadius:"$xm",padding:"$10",border:"0",display:"flex",justifyContent:"center",$$color:"$colors$neutral100",[`.${Pt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",alignItems:"center",cursor:"pointer",width:110,position:"relative","&:hover":{$$color:"$colors$info100",[`.${Pt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$color:"$colors$info100",[`.${Pt} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color",outline:0},variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary",outlineStyle:"solid"}}}}),oa=ke(Dt.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit"}),na=ke("div",{padding:"$20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),ra=ke(Hc,{position:"absolute",left:"$20"}),ia=ke("div",{paddingTop:"$20","& .wallets-list":{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}}),sa=ke(Dt.Root,{backgroundColor:"$neutral200",borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),aa=ke(Gc,{width:"100%",borderRadius:"$sm !important",padding:"$15 !important",justifyContent:"space-between",alignItems:"center",$$color:"$colors$neutral100",[`.${Pt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color","&:hover":{$$color:"$colors$info100",[`.${Pt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$background:"$colors$info100",[`.${Pt} &`]:{$$background:"$colors$info700"},backgroundColor:"$$background",outline:0}}),la=ke("div",{padding:"$10 $0","& .button__content":{display:"flex",justifyContent:"center",alignItems:"center"},"& .alarms":{paddingTop:"5px"}}),pa=ke("div",{transition:`all ${jt}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),ua=ke("div",{display:"flex"}),ca=ke(Vc,{padding:"$0 $15 $15 $15"}),ma=ke(Dt.Content,{overflow:"hidden",variants:{open:{true:{animation:`${Rc} ${jt}ms ease-out`},false:{animation:`${Xc} ${jt}ms ease-out`}}}}),da=ke("div",{overflow:"visible",width:"100%"});import{i18n as ot}from"@lingui/core";import{Button as hm,Divider as Cr,Image as ym,MessageBox as kr,Modal as Aa,SelectableWallet as Sm,Typography as Ea,WalletState as Ba}from"@rango-dev/ui";import ie,{useEffect as Wa,useState as Qt}from"react";import{WalletState as fa}from"@rango-dev/ui";import{useWallets as Kc}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as jc,WalletTypes as Yc}from"@rango-dev/wallets-shared";import{useEffect as Qc,useState as Jc}from"react";var Zc=Object.values(Yc);function on(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:i,disconnect:a,getWalletInfo:p,connect:l}=Kc(),{connectedWallets:u}=H(),{blockchains:c}=v().meta,f=typeof e?.multiWallets>"u"?!0:e.multiWallets,m=Oi(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||Zc,g=Ei(i,p,m,o),C=Li(g),[y,S]=Jc(""),k=s(x=>!u.find(W=>W.walletType===x&&W.chain===o),"isExperimentalChainNotAdded"),d=s(async x=>{let W=i(x);try{if(y&&S(""),W.connected)await a(x);else{let O=!!g.find(E=>E.state===fa.CONNECTED);if(!f&&O)return;n?.(x),await l(x),r?.(x)}}catch(O){S("Error: "+O?.message)}},"handleClick"),w=s(()=>{let x=g?.filter(W=>W.state===fa.CONNECTING)||[];for(let W of x)a(W.type)},"disconnectConnectingWallets");Qc(()=>()=>{w()},[]);let b=s((x,W,O)=>vo(O,W)&&k(x)&&!jc.includes(x),"shouldExcludeWallet");return{list:C.filter(x=>!b(x.type,o??"",c)),error:y,handleClick:d}}s(on,"useWalletList");import{i18n as Ca}from"@lingui/core";import{styled as Ta,Typography as lm,Wallet as pm,WalletState as um}from"@rango-dev/ui";import Ct,{Fragment as cm,useState as ka}from"react";import{Divider as rm,Modal as im}from"@rango-dev/ui";import hr from"react";import{i18n as _t}from"@lingui/core";import{Image as om,MessageBox as gr,WalletState as nm}from"@rango-dev/ui";import St from"react";import{keyframes as em,styled as nn}from"@rango-dev/ui";var Ww=nn("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),ga=nn("div",{position:"relative"}),tm=em({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),ha=nn("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${tm} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),ya=nn("div",{"& img":{borderRadius:"50%"}});function Sa(t){let{state:e,image:o,error:n}=t;return e===nm.CONNECTED?St.createElement(gr,{type:"success",title:_t.t("Wallet Connected"),description:_t.t("Your wallet is connected, you can use it to swap.")}):n?St.createElement(gr,{type:"error",title:_t.t("Failed to Connect"),description:n||_t.t("Your wallet is not connected. Please try again.")}):St.createElement(gr,{type:"loading",title:_t.t("Connecting to your wallet"),description:_t.t("Click connect in your wallet popup."),icon:St.createElement(ga,null,St.createElement(ya,null,St.createElement(om,{src:o,size:45})),St.createElement(ha,null))})}s(Sa,"ModalContent");function Yt(t){let{open:e,onClose:o,...n}=t;return hr.createElement(im,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},hr.createElement(Sa,{...n}),hr.createElement(rm,{direction:"vertical",size:32}))}s(Yt,"WalletModal");import{useInRouterContext as sm,useNavigate as am}from"react-router-dom";function re(){let t=sm(),e=am(),o=P.use.routeWalletsConfirmed();return h,{navigateBackFrom:s(r=>{if(r===h.swapDetails)return e("/"+h.swaps,{replace:!0});if(!t||window.history.state&&window.history.state.idx>0)e(-1);else{if([h.settings,h.wallets].includes(r)&&o)return e("/"+h.confirmSwap,{replace:!0});[h.fromSwap,h.toSwap,h.settings,h.wallets,h.swaps,h.confirmSwap].includes(r)?e(h.home,{replace:!0}):r===h.fromBlockchain?e("/"+h.fromSwap,{replace:!0}):r===h.toBlockchain?e("/"+h.fromSwap,{replace:!0}):r===h.liquiditySources&&e("/"+h.settings,{replace:!0})}},"navigateBackFrom")}}s(re,"useNavigateBack");var mm=Ta("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline",paddingTop:"$15",height:"100%"}),dm=Ta("div",{textAlign:"center"}),rn=3e3,yr=300;function wa({config:t}){let{navigateBackFrom:e}=re(),[o,n]=ka(!1),[r,i]=ka(""),a=null,{list:p,handleClick:l,error:u}=on({config:t,onBeforeConnect:C=>{a=setTimeout(()=>{n(!0),i(C)},yr)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},rn)}}),c=v.use.loadingStatus(),f=p.find(C=>C.type===r),m=f?.image||"",g=f?.state||um.NOT_INSTALLED;return Ct.createElement(Q,{header:{title:Ca.t("Connect Wallets"),onBack:e.bind(null,h.wallets)}},Ct.createElement(dm,null,Ct.createElement(lm,{variant:"title",size:"xmedium",align:"center"},Ca.t("Choose a wallet to connect.")),Ct.createElement(mm,null,p.map((C,y)=>{let S=`wallet-${y}-${C.type}`;return Ct.createElement(cm,{key:S},Ct.createElement(pm,{...C,container:ae(),onClick:k=>{l(k)},isLoading:c==="loading"}))}),Ct.createElement(Yt,{open:!!o,onClose:()=>n(!1),image:m,state:g,error:u}))))}s(wa,"WalletsPage");import{keyframes as fm,styled as Sr}from"@rango-dev/ui";var va=Sr("div",{position:"relative"}),gm=fm({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),ba=Sr("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${gm} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),xa=Sr("div",{"& img":{borderRadius:"50%"}});function Tr(t){let{config:e,chain:o,isSelected:n,selectWallet:r,limit:i,onShowMore:a}=t,p=H.use.connectedWallets(),{blockchains:l}=v.use.meta(),[u,c]=Qt(""),[f,m]=Qt(null),[g,C]=Qt(!1),[y,S]=Qt(null),{connect:k}=Na(),d=null,{list:w,error:b,handleClick:x}=on({config:e,chain:o,onBeforeConnect:B=>{d=setTimeout(()=>{c(B)},yr)},onConnect:()=>{d&&clearTimeout(d),setTimeout(()=>{c("")},rn)}}),[W,O]=Qt(w),E=w.length,$=i&&E-i>0,X=s(async B=>{C(!1),S("in-progress"),await k(B.walletType,B.chain),S("completed")},"addExperimentalChain");Wa(()=>{O(B=>{let Z=w.findIndex(G=>n(G.type,o));return $&&Z>1?[w[Z]].concat(w.filter((G,ne)=>ne!==Z)):B.map(G=>w.find(ne=>ne.type===G.type)??G)})},[JSON.stringify(w)]);let oe=document.querySelector("#swap-box");return Wa(()=>{let B=null;return y==="completed"&&(B=setTimeout(()=>S(null),rn)),()=>{B&&clearTimeout(B)}},[y]),ie.createElement(ie.Fragment,null,W.slice(0,i).map(B=>{let Z=Pi({connectedWallets:p,walletType:B.type,chain:o}),G=Z?bo(Z):"",ne=vo(l,o),L=!p.find(Ie=>Ie.walletType===B.type&&Ie.chain===o),me=ne&&L&&B.state===Ba.CONNECTED,Ne=me?ot.t({id:"addChain",message:"Add {chain} chain",values:{chain:o}}):G,U=s(()=>{B.state===Ba.DISCONNECTED?x(B.type):me?(m({walletType:B.type,chain:o,address:Z??""}),C(!0)):r({walletType:B.type,chain:o,address:Z??""})},"onClick"),K=f?.chain?gs(f.chain,l):void 0;return ie.createElement(ie.Fragment,null,ie.createElement(Yt,{open:u===B.type,onClose:()=>c(""),image:B.image,state:B.state,error:b}),!!f&&ie.createElement(Aa,{open:!!f&&g,container:oe,onClose:()=>{m(null)}},ie.createElement(kr,{title:ot.t({id:"addBlockchain",message:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:K}}),type:"warning",description:ot.t({id:"addBlockchainDescription",message:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:K}})},ie.createElement(Cr,{size:18}),ie.createElement(Cr,{size:32}),ie.createElement(hm,{onClick:X.bind(null,f),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},ot.t("Confirm")))),y&&ie.createElement(Aa,{open:!!y,onClose:S.bind(null,null),container:oe},y==="in-progress"?ie.createElement(kr,{type:"loading",title:ot.t({id:"addBlockchain",message:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:K}}),description:ot.t({id:"addBlockchainDescription",message:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:K}}),icon:ie.createElement(va,null,ie.createElement(xa,null,ie.createElement(ym,{src:B.image,size:45})),ie.createElement(ba,null))}):ie.createElement(kr,{type:"success",title:ot.t({id:"blockchainAdded",message:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:K}}),description:ot.t({id:"blockchainAddedDescription",message:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:K}})}),ie.createElement(Cr,{direction:"vertical",size:32})),ie.createElement(Sm,{key:B.type,description:Ne,onClick:U,selected:n(B.type,o),...B}))}),$&&ie.createElement(ta,{selected:!1,onClick:a.bind(null)},ie.createElement(Ea,{variant:"label",size:"medium"},ot.t("Show more wallets"),ie.createElement(Ea,{variant:"label",size:"medium",color:"$primary"},"\xA0+",E-(i??0)))))}s(Tr,"WalletList");var Bm=2;function La(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,config:i,loading:a}=t,{blockchains:p}=v.use.meta(),{bestRoute:l,setSelectedWallets:u,routeWalletsConfirmed:c,setRouteWalletConfirmed:f,customDestination:m,setCustomDestination:g}=P(),{connectedWallets:C,selectWallets:y}=H(),[S,k]=kt(""),[d,w]=kt([]),[b,x]=kt(""),[W,O]=kt(null),[E,$]=kt(m),[X,oe]=kt(!!m),B=Am(null),Z=Do(l),G=typeof i?.customDestination>"u"?!0:i.customDestination,ne=p.find(D=>D.name===l?.result?.swaps[l?.result?.swaps.length-1].to.blockchain),L=s(D=>!!l?.result?.swaps.find(N=>N.from.blockchain===D),"isWalletRequiredFor"),[me,Ne]=kt(C.filter(D=>D.selected&&Z.includes(D.chain))),U=p.find(D=>D.name===ne?.name),K=s((D,N)=>!!me.find(F=>F.walletType===D&&F.chain===N&&F.selected&&(L(N)||!L(N)&&!E)),"isSelected"),Ie=!!E&&X&&U&&!_o(U,E),we=s(()=>{oe(!1),$(""),Ne(D=>{let N=!1;return D.map(F=>!N&&F.chain===ne?.name?(N=!0,{...F,selected:!0}):F)})},"resetCustomDestination"),_e=s(D=>{if(S&&k(""),K(D.walletType,D.chain))return;let F=C.find(Y=>Y.walletType===D.walletType&&Y.chain===D.chain);F&&(n(),D.chain===ne?.name&&X&&(oe(!1),$("")),Ne(Y=>Y.filter(le=>le.chain!==D.chain).concat({...F,selected:!0})))},"onChange"),se=s(()=>{let D=me.filter(N=>N.selected);y(D),u(D),g(E),f(!0),o()},"onConfirmBalance"),ft=s(async()=>{w([]),x(""),O(null);let D=C.filter(Y=>me.find(le=>le.chain===Y.chain&&le.walletType===Y.walletType)),N=await r?.({selectedWallets:D,customDestination:E}),F=N.warnings;F?.balance?.messages&&w(F.balance.messages),F?.route&&O(F.route),N.error&&x(Mo(N.error)),!N.error&&(!F?.balance?.messages.length||0>0)?se():w(F?.balance?.messages??[])},"onConfirmWallets");bm(()=>{Ne(D=>D.concat(C.filter(N=>!!!D.find(Y=>Y.chain===N.chain)&&N.selected&&Z.includes(N.chain))))},[C.length]),xm(()=>{X&&B.current&&setTimeout(()=>{B?.current?.scrollIntoView({behavior:"smooth"})},jt)},[X]);let Qe=document.querySelector("#swap-box"),bt=Em();return A.createElement(Ma,{open:e,onClose:()=>{c||bt(h.home,{replace:!0}),o()},dismissible:!S,container:Qe,...!S&&{footer:A.createElement(ua,null,A.createElement(Ia,{loading:a,disabled:Ms(a,X,E,l,me,ne),onClick:ft,variant:"contained",type:"primary",fullWidth:!0,size:"large"},"Confirm"))},...S&&{containerStyle:{padding:"$0"},header:A.createElement(na,null,A.createElement(ra,{variant:"ghost",onClick:k.bind(null,"")},A.createElement(Tm,{size:16})),A.createElement(sn,{variant:"headline",size:"small"},nt.t({id:"yourWallets",message:"Your {blockchainName} wallets",values:{blockchainName:S}})))},anchor:"center"},A.createElement(Ma,{open:d.length>0,onClose:w.bind(null,[]),container:Qe},A.createElement(wm,{title:nt.t("Insufficient account balance"),type:"error",description:A.createElement(Cm,{messages:d??[]})},A.createElement(Ia,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:se},nt.t("Proceed anyway")))),S&&A.createElement(ia,null,A.createElement("div",{className:"wallets-list"},A.createElement(Tr,{chain:S,isSelected:K,selectWallet:_e,multiWallets:i?.multiWallets??!0,supportedWallets:i?.wallets??[],config:i,onShowMore:k.bind(null,S)}))),!S&&A.createElement(A.Fragment,null,b&&A.createElement(A.Fragment,null,A.createElement(wr,{variant:"alarm",type:"error",title:nt.t(b)}),A.createElement(Ft,{size:12})),W&&A.createElement(A.Fragment,null,A.createElement(wr,{variant:"alarm",type:"warning",title:tn(W)}),A.createElement(Ft,{size:12})),A.createElement(da,null,Z.map((D,N)=>{let F=p.find(ue=>ue.name===D),Y=`wallet-${N}`,le=N===Z.length-1;return A.createElement("div",{key:Y},A.createElement(Zs,null,A.createElement(sn,{variant:"title",size:"xmedium"},nt.t({id:"yourWallets",message:"Your {blockchainName} wallets",values:{blockchainName:F?.displayName}})),A.createElement(sn,{variant:"label",color:"$neutral700",size:"medium"},nt.t({id:"needConnect",message:"You need to connect a {blockchainName} wallet.",values:{blockchainName:F?.displayName}}))),A.createElement(Ft,{size:24}),A.createElement(ea,null,A.createElement(Tr,{chain:D,isSelected:K,selectWallet:_e,multiWallets:i?.multiWallets??!0,supportedWallets:i?.wallets??[],config:i,limit:Bm,onShowMore:()=>k(F?.name??"")})),!le&&A.createElement(Ft,{size:32}),le&&G&&A.createElement(la,null,A.createElement(sa,{ref:B,selected:X,open:X,onOpenChange:ue=>{ue?L(ne?.name??"")||Ne(go=>go.map(ho=>ho.chain===ne?.name?{...ho,selected:!1}:ho)):we()}},A.createElement(oa,{onClick:()=>oe(ue=>!ue)},A.createElement(aa,{fullWidth:!0,variant:"default",suffix:A.createElement(pa,{orientation:X?"up":"down"},A.createElement(km,{size:10,color:"gray"}))},A.createElement("div",{className:"button__content"},A.createElement(vm,{size:18,color:"info"}),A.createElement(Ft,{size:4,direction:"horizontal"}),A.createElement(sn,{variant:"label",size:"medium"},nt.t("Send to a different address"))))),A.createElement(ma,{open:X},A.createElement(A.Fragment,null,A.createElement(Ft,{size:4}),A.createElement(ca,{autoFocus:!0,placeholder:nt.t("Your destination address"),value:E,onChange:ue=>{$(ue.target.value)}})))),Ie&&A.createElement("div",{className:"alarms"},A.createElement(wr,{variant:"alarm",type:"error",title:nt.t({id:"addressMatch",values:{destination:E},message:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}s(La,"ConfirmWalletsModal");import{calculatePendingSwap as Nm}from"@rango-dev/queue-manager-rango-preset";import Im from"bignumber.js";import{useEffect as Mm}from"react";function Lm(t,e){if(!t.result)throw new Error(z().noRoutesError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});let o=new Im(t.result?.outputAmount||"0").multipliedBy(e.outputUsdValue||0),n=zo(e.inputUsdValue,o);if(qo(e.inputUsdValue,n))throw new Error("High value loss for route",{cause:{type:1}});return t}s(Lm,"throwErrorIfResponseIsNotValid");function Pm(t,e,o){let n=ys(t,e),r={balance:null,route:null,slippage:null};n&&(As(t,e)?r.route={type:3,newOutputAmount:T(Mt(e)),percentageChange:T(Ze(Mt(t),Mt(e)),null,2)}:nr(t,e)?r.route={type:0}:rr(t,e)?r.route={type:1}:ir(t,e)&&(r.route={type:2}));let i=Es(e,o.selectedWallets);i.length===0||(r.balance={messages:i});let p=vs(t),l=o.userSlippage>is;return bs(o.userSlippage.toString(),p)?l&&(r.slippage={type:1,slippage:o.userSlippage.toString()}):r.slippage={type:0,slippage:p},r}s(Pm,"generateWarnings");function Pa(){let{fromToken:t,toToken:e,inputAmount:o,inputUsdValue:n,setRoute:r,bestRoute:i,customDestination:a}=P(),{slippage:p,customSlippage:l,affiliatePercent:u,affiliateRef:c,affiliateWallets:f,disabledLiquiditySources:m}=_(),{connectedWallets:g}=H(),{meta:C}=v(),y=l||p,{fetch:S,cancelFetch:k,loading:d}=jo();return Mm(()=>k,[]),{loading:d,fetch:s(async b=>{let x=b.selectedWallets,W=b?.customDestination??a;if(!t||!e||!o||!i)return{route:null,swap:null,error:null,warnings:null};let O=Ro({fromToken:t,toToken:e,inputAmount:o,wallets:g,selectedWallets:x,disabledLiquiditySources:m,slippage:y,affiliateRef:c,affiliatePercent:u,affiliateWallets:f,initialRoute:i,destination:W}),E;try{E=await S(O).then(oe=>Lm(oe,{outputUsdValue:e.usdPrice,inputUsdValue:n})),r(E)}catch(oe){return oe?.code==="ERR_CANCELED"?{swap:null,error:{type:3},warnings:null}:oe.cause?{swap:null,error:oe.cause,warnings:null}:{swap:null,error:{type:2},warnings:null}}let $={slippage:y.toString(),disabledSwappersGroups:m},X=Nm(o.toString(),E,xs(x),$,!1,C);return{route:E,swap:X,error:null,warnings:Pm(i,E,{selectedWallets:x,userSlippage:y})}},"fetch"),cancelFetch:k}}s(Pa,"useConfirmSwap");var Rm=Fa("div",{position:"relative",width:"100%","& .description":{display:"flex",justifyContent:"space-between",alignItems:"center",paddingBottom:"$10"},"& .icon":{width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"}}),Xm=Fa("div",{width:"100%",display:"flex",justifyContent:"space-between","& .confirm-button":{flexGrow:1,paddingRight:"$10"},[`& ${_a}`]:{width:"$48",height:"$48"}});function Oa(t){let{config:e}=t,{bestRoute:o,inputAmount:n,outputAmount:r,inputUsdValue:i,outputUsdValue:a,setInputAmount:p,selectedWallets:l,routeWalletsConfirmed:u,setRouteWalletConfirmed:c,customDestination:f}=P(),m=Vm(),[g,C]=pn(""),[y,S]=pn(!1),{connectedWallets:k}=H(),d=!u,[w,b]=pn(!1),x=be.use.setSelectedSwap(),{meta:{tokens:W,blockchains:O},loadingStatus:E}=v(),$=_.use.slippage(),X=_.use.customSlippage(),{manager:oe}=Dm(),B=X||$,{fetch:Z,loading:G,cancelFetch:ne}=Pa(),[L,me]=pn({swap:null,error:null,warnings:null}),Ne=G||E==="loading",U=!G&&L.error&&[0,2].includes(L.error.type),K=!U&&!G&&o&&o.result,Ie=Vo(o,W),we=T(Ze(i?.toNumber()??0,a?.toNumber()??0),2,2),_e=It(parseFloat(we)),se=s(async({selectedWallets:N,customDestination:F})=>{let Y=await Z?.({selectedWallets:N,customDestination:F});return me(Y),Y},"onConfirmSwap"),ft=s(async()=>{if(L.swap&&u)try{await oe?.create("swap",{swapDetails:L.swap},{id:L.swap.requestId}),x(L.swap.requestId),m("/"+h.swaps+`/${L.swap.requestId}`,{replace:!0}),setTimeout(()=>{p("")},0)}catch(N){C("Error: "+N?.message)}},"addNewSwap"),Qe=s(async()=>{await ft()},"onConfirm"),bt=s(async()=>{L?.warnings?.slippage?S(!0):await Qe()},"onStartConfirmSwap"),D=s(async()=>{me({error:null,swap:null,warnings:null}),Z({selectedWallets:l}).then(N=>{me(N)}).catch(N=>console.error(N))},"onRefresh");return ln(()=>{d&&ne()},[d]),ln(()=>{d&&b(d)},[d]),ln(()=>{d||Z({selectedWallets:l,customDestination:f}).then(N=>me(N)).catch(N=>console.error(N))},[]),ln(()=>{let N=L.warnings?.route?.type&&Object.values(Vt).includes(L.warnings?.route?.type),F=l.length<1||!l.every(le=>k.find(ue=>le.address===ue.address&&le.walletType===ue.walletType&&le.chain===ue.chain)),Y=!1;if(N){let le=Do(o),ue=o?.result?.swaps[o.result.swaps.length-1].to.blockchain;!!o?.result?.swaps.find(Fn=>Fn.from.blockchain===ue)||(le=le.slice(-le.length,le.length-1)),le.every(Fn=>l.find(Np=>Np.chain===Fn))||(Y=!0)}o&&(F||Y)&&(queueMicrotask(()=>Hm(b.bind(null,!0))),c(!1))},[L.warnings?.route,l.length,k.length]),I.createElement(Q,{header:{title:Xe.t("Confirm Swap"),onBack:m.bind(null,-1),hasConnectWallet:!0,suffix:I.createElement(qm,{container:ae(),side:"bottom",content:Xe.t("Settings")},I.createElement(Fe,{size:"small",variant:"ghost",onClick:()=>m("/"+h.settings)},I.createElement(zm,{size:18,color:"black"})))},footer:I.createElement(Xm,null,I.createElement("div",{className:"confirm-button"},I.createElement(an,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:G,disabled:!!L.error,onClick:bt},Xe.t("Start Swap"))),I.createElement(_a,{variant:"contained",type:"primary",size:"large",loading:G,onClick:b.bind(null,!0)},I.createElement(Gm,{size:24})))},I.createElement($m,{anchor:"bottom",open:y,prefix:I.createElement(an,{size:"small",variant:"ghost",onClick:()=>m("/"+h.settings)},I.createElement(Da,{variant:"label",size:"medium",color:"$neutral700"},Xe.t("Change settings"))),container:document.querySelector("#swap-box"),onClose:S.bind(null,N=>!N)},L.warnings?.slippage&&I.createElement(Om,{type:"warning",title:L.warnings.slippage.type===1?Xe.t("High slippage"):Xe.t("Low slippage"),description:L.warnings.slippage.type===1?Xe.t("highSlippage",{selectedSlippage:B},{message:" Caution, your slippage is high (={selectedSlippage}). Your trade may be front run."}):Xe.t("increaseSlippage",{minRequiredSlippage:L.warnings.slippage.slippage},{message:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route."})},I.createElement(Ot,{size:18}),I.createElement(Ot,{size:32}),I.createElement(an,{size:"large",type:"primary",variant:"contained",fullWidth:!0,onClick:Qe},Xe.t("Confirm anyway")))),w&&I.createElement(La,{open:w,onClose:()=>b(!1),onCancel:ne,loading:G,onCheckBalance:se,config:e}),I.createElement(Rm,null,I.createElement("div",{className:"description"},I.createElement(Da,{variant:"title",size:"small"},Xe.t("You get")),I.createElement(an,{style:{padding:"0"},variant:"ghost",disabled:G,onClick:D},I.createElement("div",{className:"icon"},I.createElement(Um,{size:16})))),g&&I.createElement(I.Fragment,null,I.createElement(vr,{type:"error",variant:"alarm",title:g}),I.createElement(Ot,{size:12})),L.warnings?.route&&I.createElement(I.Fragment,null,I.createElement(vr,{variant:"alarm",type:"warning",title:tn(L.warnings.route)}),I.createElement(Ot,{size:12})),Ne&&I.createElement(Fm,{type:"swap-preview",expanded:!0}),K&&I.createElement(_m,{expanded:!0,tooltipContainer:ae(),steps:Ts(o,O)??[],input:{value:T(n,6,6),usdValue:T(i,4,4)},output:{value:T(r,6,6),usdValue:T(a,4,4)},totalFee:T(Ie,2,2),totalTime:At(Et(o.result?.swaps)),recommended:!0,type:"swap-preview",percentageChange:we,warningLevel:_e}),U&&I.createElement(I.Fragment,null,I.createElement(Ot,{size:12}),I.createElement(Rt,{diagnosisMessage:L.error?.type===0?L.error.diagnosisMessage:void 0,error:L.error?.type===2,fetch:D})),L.error?.type===1&&I.createElement(I.Fragment,null,I.createElement(vr,{variant:"alarm",type:"error",title:Mo(L.error)}),I.createElement(Ot,{size:12}))))}s(Oa,"ConfirmSwapPage");import{i18n as mn}from"@lingui/core";import{useManager as Zm}from"@rango-dev/queue-manager-react";import{Divider as ed,NotFound as td,styled as Xa}from"@rango-dev/ui";import ct,{useState as od}from"react";import{useNavigate as nd}from"react-router-dom";import{CloseIcon as jm,IconButton as Ym,SearchIcon as Qm,TextField as Jm}from"@rango-dev/ui";import Jt from"react";import{styled as Km}from"@rango-dev/ui";var $a=Km("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function rt(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:i,value:a,setValue:p,...l}=t;return Jt.createElement(Jm,{prefix:Jt.createElement($a,null,Jt.createElement(Qm,{color:"black"})),suffix:!!a.length&&Jt.createElement(Ym,{variant:"ghost",onClick:()=>p?.(""),size:"small"},Jt.createElement(jm,{color:"gray",size:10})),fullWidth:o,color:n,variant:e,style:{padding:10,borderRadius:25,alignItems:"center"},size:r,value:a,onChange:i,...l})}s(rt,"SearchInput");import{i18n as za}from"@lingui/core";import{Divider as qa,SwapListItem as Ga,Typography as Ha}from"@rango-dev/ui";import te from"react";import{styled as un}from"@rango-dev/ui";var br=un("div",{width:"100%",display:"flex",flexDirection:"column"}),xr=un("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),Ar=un("div",{gap:"$10",display:"flex",flexDirection:"column"}),Ua=un("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});function Er(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,i=n?n(e):[{title:"History",swaps:e}];if(r){let a=[{},{}];return te.createElement(te.Fragment,null,[{title:"Today",swaps:a},{title:"Last month",swaps:a}].map(l=>te.createElement(te.Fragment,{key:l.title},te.createElement(br,null,te.createElement(xr,null,te.createElement(Ha,{variant:"label",size:"medium",color:"neutral600",className:"group-title"},za.t(l.title))),te.createElement(qa,{size:4}),te.createElement(Ar,null,l.swaps.map((u,c)=>{let f=c+l.title;return te.createElement(te.Fragment,{key:f},te.createElement(Ga,{isLoading:!0}))}))))))}return te.createElement(te.Fragment,null,i.filter(a=>a.swaps.length>0).map(a=>te.createElement(te.Fragment,{key:a.title},te.createElement(br,null,te.createElement(xr,null,te.createElement(Ha,{variant:"label",size:"medium",color:"neutral600",className:"group-title"},za.t(a.title))),te.createElement(qa,{size:4}),te.createElement(Ar,null,a.swaps.map(p=>{let l=p.steps[0],u=p.steps[p.steps.length-1];return te.createElement(te.Fragment,{key:p.requestId},te.createElement(Ga,{requestId:p.requestId,creationTime:p.creationTime,status:p.status,onClick:o,onlyShowTime:a.title==="Today",swapTokenData:{from:{token:{image:l.fromLogo,displayName:l.fromSymbol},blockchain:{image:l.fromBlockchainLogo||""},amount:Co(p.inputAmount)},to:{token:{image:u.toLogo,displayName:u.toSymbol},blockchain:{image:u.toBlockchainLogo||""},amount:Co(u.outputAmount||""),estimatedAmount:Co(u.expectedOutputAmountHumanReadable||"")}}}))}))))))}s(Er,"SwapsGroup");import Va from"dayjs";var Ra=s(t=>{let e=new Map([["today",{title:"Today",swaps:[]}],["month",{title:"Last month",swaps:[]}],["year",{title:"Last year",swaps:[]}],["history",{title:"History",swaps:[]}]]),o=Va();return t.forEach(n=>{let r=Va(Number(n.creationTime));o.isSame(r,"day")?e.get("today")?.swaps.push(n):o.isSame(r,"month")?e.get("month")?.swaps.push(n):o.isSame(r,"year")?e.get("year")?.swaps.push(n):e.get("history")?.swaps.push(n)}),Array.from(e.values())},"groupSwapsByDate");var cn=s(t=>{let e=[];return t?.getAll().forEach((o,n)=>{let r=o.list.getStorage();r?.swapDetails&&e.push({id:n,swap:r?.swapDetails})}),e.sort((o,n)=>Number(n.swap.creationTime)-Number(o.swap.creationTime))},"getPendingSwaps");var rd=Xa("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",height:"100%",gap:15}),id=Xa("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),sd=s((t,e)=>t?.length?t.filter(o=>He(o.fromBlockchain,e)||He(o.toBlockchain,e)||He(o.toSymbol,e)||He(o.fromSymbol,e)).length:!1,"isStepContainsText");function Ka(){let t=be.use.setSelectedSwap(),e=nd(),{navigateBackFrom:o}=re(),{manager:n,state:r}=Zm(),i=cn(n).map(({swap:m})=>m),[a,p]=od(""),l=!r.loadedFromPersistor,u=s(m=>{let g=m.target.value;p(g)},"searchHandler"),c=i;a&&(c=i.filter(m=>He(m.inputAmount,a)||He(m.status,a)||sd(m.steps,a)||He(m.requestId,a)));let f=!c?.length&&!l;return ct.createElement(Q,{header:{onBack:o.bind(null,h.swaps),title:mn.t("History")}},ct.createElement(rd,null,ct.createElement(rt,{setValue:p,fullWidth:!0,variant:"contained",placeholder:mn.t("Search Transaction"),autoFocus:!0,onChange:u,value:a}),ct.createElement(id,null,f&&ct.createElement(Ua,null,ct.createElement(ed,{size:32}),ct.createElement(td,{title:mn.t("No results found"),description:a?mn.t("Try using different keywords"):""})),!f&&ct.createElement(Er,{list:c,onSwapClick:m=>{t(m),e(`${m}`,{replace:!0})},groupBy:Ra,isLoading:l}))))}s(Ka,"HistoryPage");import{i18n as ja}from"@lingui/core";import{List as ad,ListItemButton as ld,Radio as pd,RadioRoot as ud,Typography as cd}from"@rango-dev/ui";import mt from"react";import{styled as dn}from"@rango-dev/ui";var it=dn("div",{height:"100%",overflow:"hidden"}),Zt=dn("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto"}),Br=dn("div",{width:80,display:"flex",justifyContent:"flex-end"}),Wr=dn("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});function fn(){let t=_.use.language(),e=_.use.setLanguage();return{activeLanguage:t,languages:os,defaultLanguage:Lo,changeLanguage:e}}s(fn,"useLanguage");function Ya(){let{navigateBackFrom:t}=re(),{activeLanguage:e,changeLanguage:o,languages:n}=fn(),r=n.map(i=>{let{local:a,label:p,SVGFlag:l}=i;return{id:a,value:a,title:mt.createElement(cd,{variant:"title",size:"xmedium"},p),onClick:()=>o(i.local),end:mt.createElement(pd,{value:a}),start:mt.createElement(l,null)}});return mt.createElement(Q,{header:{onBack:t.bind(null,h.settings),title:ja.t("Language")}},mt.createElement(it,null,mt.createElement(ud,{value:e},mt.createElement(ad,{type:mt.createElement(ld,{title:ja.t("language"),id:"_",onClick:()=>console.log()}),items:r}))))}s(Ya,"LanguagePage");import{i18n as $t}from"@lingui/core";import{Button as hd,Checkbox as yd,Image as Sd,ListItemButton as Cd,NotFound as kd,Typography as Td}from"@rango-dev/ui";import Te,{useState as wd}from"react";import{Checkbox as fd,Skeleton as Ja}from"@rango-dev/ui";import eo from"react";import{ListItem as md,styled as dd}from"@rango-dev/ui";var Qa=dd(md,{height:61});var gd=30;function Nr(){return eo.createElement(Zt,null,Array.from(Array(gd),t=>eo.createElement(Qa,{hasDivider:!0,key:t,start:eo.createElement(Ja,{variant:"circular",width:35,height:35}),title:eo.createElement(Ja,{variant:"text",size:"large",width:90}),end:eo.createElement(fd,{checked:!1})})))}s(Nr,"LoadingLiquiditySourceList");function gn(t){let e=v.use.meta().swappers,o=_.use.disabledLiquiditySources(),n=[];return Wt(e.map(i=>i.swapperGroup)).map(i=>{let a=e.find(p=>p.swapperGroup===i);if(a){let p=!0;t&&(p=t.some(l=>l===a.swapperGroup)),p&&a.types.map(l=>{n.push({id:a.swapperGroup,groupTitle:a.swapperGroup,logo:a.logo,type:l,selected:!o.includes(a.swapperGroup)})})}}),n}s(gn,"getUniqueSwappersGroups");function Za(t,e){return t.groupTitle<e.groupTitle?-1:t.groupTitle>e.groupTitle?1:0}s(Za,"sortLiquiditySourcesByGroupTitle");function Ir({supportedSwappers:t,sourceType:e}){let[o,n]=wd(""),r=_.use.toggleLiquiditySource(),{navigateBackFrom:i}=re(),a=v.use.loadingStatus(),p=gn(t),l=[];e==="Exchanges"&&l.push("DEX"),e==="Bridges"&&(l.push("BRIDGE"),l.push("AGGREGATOR"));let u=p.filter(y=>l.includes(y.type)),c=u.length===u.filter(y=>y.selected).length,f=s(()=>{u.forEach(y=>{c?r(y.groupTitle):y.selected||r(y.groupTitle)})},"toggleAllSources"),m=u.sort(Za).map(y=>{let{selected:S,groupTitle:k,logo:d}=y;return{start:Te.createElement(Sd,{src:d,size:22,type:"circular"}),onClick:()=>r(k),end:Te.createElement(yd,{checked:S}),title:Te.createElement(Td,{variant:"title",size:"xmedium"},$t.t(k)),...y}}),g=s(y=>{let S=y.target.value;n(S)},"searchHandler"),C=m;return o&&(C=m.filter(y=>He(y.groupTitle,o))),Te.createElement(Q,{header:{onBack:i.bind(null,h.settings),title:$t.t(e),suffix:Te.createElement(Br,null,Te.createElement(hd,{variant:"ghost",size:"xsmall",onClick:f},$t.t(c?"Deselect all":"Select all")))}},Te.createElement(it,null,Te.createElement(rt,{value:o,setValue:n,fullWidth:!0,color:"light",variant:"contained",placeholder:$t.t("Search {sourceType}",{sourceType:e}),onChange:g}),a==="loading"&&Te.createElement(Nr,null),!C.length&&o?Te.createElement(Wr,null,Te.createElement(kd,{title:$t.t("No results found"),description:$t.t("Try using different keywords")})):a==="success"&&Te.createElement(Zt,null,C.map(y=>Te.createElement(Te.Fragment,{key:y.id},Te.createElement(Cd,{style:{height:"61px"},...y,selected:!1,hasDivider:!0}))))))}s(Ir,"LiquiditySourcePage");import{i18n as al}from"@lingui/core";import{Divider as Dr,SelectableCategoryList as Id}from"@rango-dev/ui";import Tt,{useState as ll}from"react";import{i18n as Lr}from"@lingui/core";import{Divider as il,Image as Ad,ListItemButton as Ed,NotFound as Bd,Typography as sl}from"@rango-dev/ui";import De,{useEffect as Wd,useState as Nd}from"react";import{BlockchainCategories as Mr}from"@rango-dev/ui";import{TransactionType as hn}from"rango-sdk";var vd=s((t,e)=>{switch(e){case Mr.ALL:return!0;case Mr.UTXO:return t.type===hn.TRANSFER;case Mr.OTHER:return t.type!==hn.TRANSFER&&t.type!==hn.COSMOS&&t.type!==hn.EVM;default:return t.type===e}},"filterByType"),el=s((t,e,o)=>t.filter(n=>vd(n,o)).filter(n=>gt(n.name,e)||gt(n.displayName,e)),"filterBlockchains");import{styled as tl}from"@rango-dev/ui";var ol=tl("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),yn=tl("ul",{padding:0,margin:0,listStyle:"none",overflowY:"auto",paddingRight:"$5",".image-container":{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as bd,Skeleton as nl}from"@rango-dev/ui";import Sn from"react";var xd=20;function rl(){return Sn.createElement(yn,null,Array.from(Array(xd),t=>Sn.createElement(bd,{key:t,hasDivider:!0,start:Sn.createElement(nl,{variant:"circular",width:35,height:35}),title:Sn.createElement(nl,{variant:"text",size:"large",width:90})})))}s(rl,"LoadingBlockchainList");function Pr(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[i,a]=Nd(e),p=v.use.loadingStatus();Wd(()=>{a([...el(e,o,r)])},[e,o,r]);let l=s(()=>!i.length&&o?De.createElement(De.Fragment,null,De.createElement(il,{size:32}),De.createElement(Bd,{title:Lr.t("No results found"),description:Lr.t("Try using different keywords")})):De.createElement(yn,{key:`${r}-${o}`},i.map(u=>De.createElement(Ed,{key:`${u.name}-${u.chainId}`,hasDivider:!0,onClick:()=>n(u),start:De.createElement(Ad,{src:u.logo,size:30}),title:De.createElement(sl,{variant:"title",size:"medium"},u.displayName),id:u.chainId}))),"renderList");return De.createElement(ol,null,De.createElement(sl,{variant:"label",size:"large"},Lr.t("Select Blockchain")),De.createElement(il,{size:4}),p==="loading"&&De.createElement(rl,null),p==="success"&&l())}s(Pr,"BlockchainList");function _r(t){let{type:e}=t,{navigateBackFrom:o}=re(),[n,r]=ll(""),[i,a]=ll("ALL"),p=P.use.setToBlockchain(),l=P.use.setFromBlockchain(),{loadingStatus:u}=v(),c=Le().blockchains({type:e}),f=e==="source"?"fromBlockchain":"toBlockchain";return Tt.createElement(Q,{header:{onBack:()=>{o(h[f])},title:al.t("Select Blockchain")}},Tt.createElement(Dr,{size:12}),Tt.createElement(Id,{setCategory:a,category:i,blockchains:c,isLoading:u==="loading"}),Tt.createElement(Dr,{size:24}),Tt.createElement(rt,{value:n,autoFocus:!0,placeholder:al.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:m=>r(m.target.value)}),Tt.createElement(Dr,{size:16}),Tt.createElement(Pr,{list:c,searchedFor:n,blockchainCategory:i,onChange:m=>{e==="source"?l(m):p(m),o(h[f])}}))}s(_r,"SelectBlockchainPage");import{i18n as Al}from"@lingui/core";import{Divider as El}from"@rango-dev/ui";import Ut,{useState as Kd}from"react";import{useNavigate as jd}from"react-router-dom";import{i18n as Or}from"@lingui/core";import{BlockchainsChip as Cn,Divider as ml,Image as dl,Skeleton as _d,Typography as $r}from"@rango-dev/ui";import Se from"react";import{useEffect as Pd}from"react";var pl=["ETH","COSMOS","OSMOSIS"];function ul(t,e,o){let n=JSON.parse(JSON.stringify(t)),r=[];if(n.sort(Md),o?.limit&&t.length>o.limit){let i=o.limit,a=e;if(e.length<=o.limit)for(let p=0;p<o.limit;p++){let l=n[p];a=a.filter(u=>l.name!==u)}n.sort(Ld(a)),r=n.splice(i)}return{list:n,more:r}}s(ul,"prepare");function Md(t,e){let o=pl,n=o.findIndex(p=>p===t.name),r=o.findIndex(p=>p===e.name),i=n>-1,a=r>-1;return i&&a?n>r?1:-1:i?-1:a?1:0}s(Md,"sortByMostUsedBlockchains");function Ld(t){return s(function(o,n){let r=t.findIndex(l=>l===o.name),i=t.findIndex(l=>l===n.name),a=r>-1,p=i>-1;return a&&p?r>i?1:-1:t.includes(o.name)?-1:t.includes(n.name)?1:0},"sortByPreferred")}s(Ld,"generateSortByPreferredBlockchainsFor");function Fr(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=_();Pd(()=>{e?.selected&&n(e?.selected)},[e?.selected]);let r=ul(t,o,e);return{list:r.list,more:r.more,history:[]}}s(Fr,"usePrepareBlockchainList");import{styled as Dd}from"@rango-dev/ui";var cl=Dd("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var Fd=12;function Ur(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:i}=t,a=Fr(e,{limit:10,selected:n?.name}),p=v.use.loadingStatus(),l=P.use.resetToBlockchain(),u=P.use.resetFromBlockchain(),c=a.more.length>0,f=a.more.length===1,m=!f&&c;return Se.createElement("div",null,Se.createElement(ml,{size:12}),Se.createElement($r,{variant:"label",size:"large"},Or.t("Select Blockchain")),Se.createElement(ml,{size:12}),Se.createElement(cl,null,p==="loading"&&Array.from(Array(Fd),g=>Se.createElement(_d,{key:g,variant:"rounded",height:50})),p==="success"&&Se.createElement(Se.Fragment,null,Se.createElement(Cn,{selected:!n,onClick:()=>{o==="from"?u():l()}},Se.createElement($r,{variant:"body",size:"xsmall",color:"secondary500"},Or.t("All"))),a.list.map(g=>Se.createElement(Cn,{key:g.name,selected:!!n&&n.name===g.name,onClick:()=>r(g)},Se.createElement(dl,{src:g.logo,size:30}))),f?Se.createElement(Cn,{key:a.more[0].name,selected:!!n&&n.name===a.more[0].name,onClick:()=>r(a.more[0])},Se.createElement(dl,{src:a.more[0].logo,size:30})):null,m?Se.createElement(Cn,{onClick:i,key:"more-blockchains"},Se.createElement($r,{variant:"body",size:"xsmall",color:"secondary500"},Or._("More +{count}",{count:a.more.length}))):null)))}s(Ur,"BlockchainsSection");import{i18n as Vr}from"@lingui/core";import{darkTheme as Tl,Divider as oo,ExternalLinkIcon as Ud,Image as zd,ListItemButton as qd,NotFound as Gd,PinIcon as Hd,Skeleton as wl,Typography as no,VirtualizedList as Vd}from"@rango-dev/ui";import M,{forwardRef as Rd,useEffect as vl,useState as bl}from"react";var fl=s((t,e)=>{t=t.replace(/^#/,""),t.length===3&&(t=t[0]+t[0]+t[1]+t[1]+t[2]+t[2]);let[i,a,p]=t.match(/.{2}/g);[i,a,p]=[parseInt(i,16)+e,parseInt(a,16)+e,parseInt(p,16)+e],i=Math.max(Math.min(255,i),0).toString(16),a=Math.max(Math.min(255,a),0).toString(16),p=Math.max(Math.min(255,p),0).toString(16);let l=(i.length<2?"0":"")+i,u=(a.length<2?"0":"")+a,c=(p.length<2?"0":"")+p;return`#${l}${u}${c}`},"colorShade"),kn=s((t,e)=>{let a={[t]:e};for(let p=1;p<10;p++)p<5&&(a={...a,[t+p*100]:fl(e,(5-p)*32)}),p===5&&(a={...a,[t+p*100]:e}),p>5&&(a={...a,[t+p*100]:fl(e,-((p-5)*32))});return a},"generateRangeColors"),zr=s((t,e,o)=>{if(!o||!Object.entries(o).length)return{};let n=!1,r={...t};for(let i in o){let a=o[i];if(a&&a!==t[i])if(n=!0,i==="background"||i==="foreground")r={...r,[i]:a};else if(i==="neutral"&&e){let p=kn(i,a);r={...r,[`${i}100`]:p[`${i}900`],[`${i}200`]:p[`${i}800`],[`${i}300`]:p[`${i}700`],[`${i}400`]:p[`${i}600`],[`${i}500`]:p[`${i}500`],[`${i}600`]:p[`${i}400`],[`${i}700`]:p[`${i}300`],[`${i}800`]:p[`${i}200`],[`${i}900`]:p[`${i}100`]}}else r={...r,...kn(i,a)}}return n?r:{}},"generateColors");import{Divider as Cl,ListItem as $d,Skeleton as to}from"@rango-dev/ui";import Ge from"react";import{styled as Ke,Typography as Od}from"@rango-dev/ui";var gl=Ke("div",{display:"flex",flexDirection:"column",flexGrow:1}),qr=Ke("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),Tn=Ke("ul",{flexGrow:1,padding:0,margin:0,listStyle:"none","& li":{alignItems:"none",".description":{position:"relative",height:12,width:150,".token-title":{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",bottom:"-8px"},".token-address":{transform:"translateY(12px)",visibility:"hidden","& a":{fontSize:"$12",lineHeight:"$16",color:"$neutral600",textDecoration:"none"}},".token-name":{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}},"&:hover":{".description":{".token-address":{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",visibility:"visible"},".token-address-without-name":{bottom:"-15px"},".token-name":{position:"absolute",transform:"translateY(-12px)",visibility:"hidden"},".token-title":{position:"absolute",transform:"translateY(-12px)",bottom:"-10px"}}}}}),Gr=Ke("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),Hr=Ke(Od,{}),hl=Ke("div",{textAlign:"right"}),wn=Ke("ul",{display:"flex",alignItems:"end",flexDirection:"column"}),wE=Ke("div",{display:"flex",alignItems:"center"}),yl=Ke("div",{position:"relative",".image-container":{borderRadius:"$xm",overflow:"hidden"}}),Sl=Ke("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6});function kl(t){return Ge.createElement(Tn,null,Array.from(Array(t.size),e=>Ge.createElement($d,{key:e,hasDivider:!0,start:Ge.createElement(to,{variant:"circular",width:35,height:35}),end:Ge.createElement(wn,null,Ge.createElement(to,{variant:"text",size:"large",width:70}),Ge.createElement(Cl,{size:4}),Ge.createElement(to,{variant:"text",size:"medium",width:50})),title:Ge.createElement("div",null,Ge.createElement(to,{variant:"text",size:"large",width:90}),Ge.createElement(Cl,{size:4}),Ge.createElement(to,{variant:"text",size:"medium",width:90}))})))}s(kl,"LoadingTokenList");var Rr=20,Xd=s(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:i,customCssForTagTitle:a}=t,p=e.length;return M.createElement("div",{className:"description"},o?M.createElement("div",{className:"token-name"},o):M.createElement(qr,{className:"token-title"},M.createElement(no,{variant:"title",size:"xmedium"},r.symbol),M.createElement(oo,{direction:"horizontal",size:4}),M.createElement(Gr,{css:i},M.createElement(Hr,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&M.createElement("div",{className:`token-address ${!o&&"token-address-without-name"}`},M.createElement("a",{href:n,target:"_blank",rel:"nofollow noreferrer",onClick:l=>l.stopPropagation()},p>10?`${e.slice(0,5)}...${e.slice(p-6,p)}`:e," ",M.createElement(Ud,{color:"gray",size:12}))))},"renderDesc");function xl(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[i,a]=bl(e),p=v.use.loadingStatus(),[l,u]=bl(!0),c=H.use.loading(),{blockchains:f}=v.use.meta(),{isTokenPinned:m}=Le(),g=Rd((S,k)=>M.createElement("div",{...S,ref:k,style:{...S.style,height:`${parseFloat(S.style?.height)+8*2}px`}})),C=s(()=>{a(e.slice(0,i.length+Rr))},"loadNextPage");vl(()=>{u(e.length>i.length)},[i.length]),vl(()=>{a(e.slice(0,Rr))},[e]);let y=s(()=>!i.length&&o?M.createElement(M.Fragment,null,M.createElement(oo,{size:32}),M.createElement(Gd,{title:Vr.t("No results found"),description:Vr.t("Try using different keywords")})):M.createElement(Vd,{Item:({index:S,style:k})=>{let d=i[S],w=d.address||"",b=f.find(E=>E.name===d.blockchain),x=kn(d.symbol,b?.color||""),W={$$color:x[`${d.symbol}100`],[`.${Tl} &`]:{$$color:x[`${d.symbol}900`]},backgroundColor:"$$color"},O={$$color:x[`${d.symbol}700`],[`.${Tl} &`]:{$$color:x[`${d.symbol}100`]},color:"$$color"};return M.createElement("div",{style:{...k,paddingRight:5}},M.createElement(qd,{style:{height:k?.height},"tab-index":S,key:`${d.symbol}${d.address}`,id:`${d.symbol}${d.address}`,hasDivider:!0,onClick:()=>n(i[S]),start:M.createElement(yl,null,M.createElement(zd,{src:d.image,size:30}),m(d)&&M.createElement(Sl,null,M.createElement(Hd,{size:12,color:"gray"}))),title:b?.type==="COSMOS"||d.name||!d.name&&!w?M.createElement(qr,null,M.createElement(no,{variant:"title",size:"xmedium"},d.symbol),M.createElement(oo,{direction:"horizontal",size:4}),M.createElement(Gr,{css:W},M.createElement(Hr,{variant:"body",size:"xsmall",css:O},d.blockchain))):void 0,description:b?.info&&w&&b.type!=="COSMOS"?Xd({address:w,token:i[S],customCssForTag:W,customCssForTagTitle:O,name:d.name,url:b.info.addressUrl.split("{wallet}").join(w)}):d.name||void 0,end:c?M.createElement(wn,null,M.createElement(wl,{variant:"text",size:"large",width:70}),M.createElement(oo,{size:4}),M.createElement(wl,{variant:"text",size:"medium",width:50})):i[S]?.balance&&M.createElement(hl,null,M.createElement(no,{variant:"title",size:"small"},d.balance?.amount),M.createElement("div",null),d.balance?.usdValue&&M.createElement(no,{variant:"body",color:"neutral600",size:"xsmall"},`$${d.balance?.usdValue}`))}))},hasNextPage:l,itemCount:i.length,loadNextPage:C,innerElementType:g,size:60,key:`${r}-${o}`}),"renderList");return M.createElement(gl,null,M.createElement(no,{variant:"label",size:"large"},Vr.t("Select Token")),M.createElement(oo,{size:4}),p==="loading"&&M.createElement(kl,{size:Rr}),p==="success"&&M.createElement(Tn,null,y()))}s(xl,"TokenList");function Xr(t){let{type:e}=t,o=jd(),{navigateBackFrom:n}=re(),{fromBlockchain:r,toBlockchain:i,setFromToken:a,setToToken:p,setFromBlockchain:l,setToBlockchain:u}=P(),{connectedWallets:c}=H(),[f,m]=Kd(""),C=(e==="source"?r:i)?.name??"",y=Le().blockchains({type:e}),S=Le().tokens({type:e,blockchain:C,searchFor:f}),k=Mi(S,c),d=s(b=>{e==="source"?l(b):u(b)},"updateBlockchain"),w=s(b=>{e==="source"?a(b):p(b)},"updateToken");return Ut.createElement(Q,{header:{onBack:()=>n(e==="source"?h.fromSwap:h.toSwap),title:Al.t("Swap {type}",{type:e==="source"?"from":"to"})}},Ut.createElement(Ur,{blockchains:y,type:e=="source"?"from":"to",blockchain:e==="source"?r:i,onMoreClick:()=>o(e==="source"?h.fromBlockchain:h.toBlockchain),onChange:b=>{d(b)}}),Ut.createElement(El,{size:24}),Ut.createElement(rt,{value:f,autoFocus:!0,placeholder:Al.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>m(""),onChange:b=>m(b.target.value)}),Ut.createElement(El,{size:16}),Ut.createElement(xl,{list:k,selectedBlockchain:C,searchedFor:f,onChange:b=>{w(b);let x=y.find(W=>b.blockchain===W.name);x&&d(x),n(h.fromSwap)}}))}s(Xr,"SelectSwapItemsPage");import{i18n as wt}from"@lingui/core";import{ChevronRightIcon as Yr,Divider as Qr,InfoIcon as tf,List as of,ListItemButton as nf,Skeleton as rf,Switch as sf,Tooltip as af,Typography as vt}from"@rango-dev/ui";import q from"react";import{useNavigate as lf}from"react-router-dom";import{i18n as Ml}from"@lingui/core";import{Chip as Qd,Divider as Ll,InfoIcon as Jd,TextField as Zd,Tooltip as ef,Typography as Pl}from"@rango-dev/ui";import Ae from"react";import{styled as vn}from"@rango-dev/ui";var Bl=vn("div",{paddingTop:"$5",paddingBottom:"30px"}),Wl=vn("div",{display:"flex",alignItems:"center",justifyContent:"start"}),Nl=vn("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),bn=vn("div",{maxWidth:"300px",padding:"$10"});import{i18n as Kr}from"@lingui/core";import{Typography as Yd}from"@rango-dev/ui";import ro from"react";function Il(){return ro.createElement(bn,null,ro.createElement(Yd,{variant:"label",size:"medium",color:"neutral700"},Kr.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),ro.createElement("br",null),ro.createElement("br",null),ro.createElement("b",null,Kr.t("Warning")),":",Kr.t("This setting is applied per step, e.g. 1Inch, Thorchain, etc. and only that step will be reverted, not the whole transaction")))}s(Il,"SlippageTooltipContent");function jr(){let t=_.use.slippage(),e=_.use.setSlippage(),o=_.use.customSlippage(),n=_.use.setCustomSlippage();return Ae.createElement(Bl,null,Ae.createElement(Nl,null,Ae.createElement(Pl,{variant:"title",size:"xmedium"},Ml.t("Slippage tolerance per swap")),Ae.createElement(Ll,{direction:"horizontal",size:4}),Ae.createElement(ef,{container:ae(),side:"top",content:Ae.createElement(Il,null)},Ae.createElement(Jd,{color:"gray"}))),Ae.createElement(Wl,null,ns.map((r,i)=>{let a=`slippage-${i}`;return Ae.createElement(Ae.Fragment,null,Ae.createElement(Qd,{style:{width:"64px",flexShrink:0},key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`}),Ae.createElement(Ll,{direction:"horizontal",size:8}))}),Ae.createElement(Zd,{type:"number",min:"0.01",max:"30",step:"0.01",fullWidth:!0,variant:"contained",value:o||"",color:"dark",onChange:r=>{let i=parseFloat(r.target.value);(!i||i>=as&&i<=ss)&&n(i)},suffix:o&&Ae.createElement(Pl,{variant:"body",size:"small"},"%"),placeholder:Ml.t("Custom")})))}s(jr,"Slippage");function Dl({supportedSwappers:t,singleTheme:e}){let o=lf(),{navigateBackFrom:n}=re(),r=_.use.infiniteApprove(),i=_.use.toggleInfiniteApprove(),a=v.use.loadingStatus(),p=gn(t),l=p.filter(b=>b.type==="BRIDGE"||b.type==="AGGREGATOR"),u=l.length,c=l.filter(b=>b.selected).length,f=p.filter(b=>b.type==="DEX"),m=f.length,g=f.filter(b=>b.selected).length,C=s((b,x)=>{switch(a){case"loading":return q.createElement(rf,{variant:"text",size:"medium",width:50});case"failed":return q.createElement(vt,{variant:"body",size:"medium",color:"$error500"},wt.t("Loading failed"));default:return q.createElement(vt,{variant:"body",size:"medium"},`${b} / ${x}`)}},"handleEndItem"),y={id:"bridge-item",title:q.createElement(vt,{variant:"title",size:"xmedium"},wt.t("Enabled bridges")),end:q.createElement(q.Fragment,null,C(c,u),q.createElement(Qr,{direction:"horizontal",size:8}),q.createElement(Yr,{color:"black"})),onClick:()=>o(h.bridges)},S={id:"exchange-item",title:q.createElement(vt,{variant:"title",size:"xmedium"},wt.t("Enabled exchanges")),end:q.createElement(q.Fragment,null,C(g,m),q.createElement(Qr,{direction:"horizontal",size:8}),q.createElement(Yr,{color:"gray"})),onClick:()=>o(h.exchanges)},k={id:"theme-item",title:q.createElement(vt,{variant:"title",size:"xmedium"},wt.t("Theme")),end:q.createElement(Yr,{color:"gray"}),onClick:()=>o(h.themes)},d={id:"infinite-approval-item",title:q.createElement(q.Fragment,null,q.createElement(vt,{variant:"title",size:"xmedium"},wt.t("Infinite Approval")),q.createElement(Qr,{direction:"horizontal",size:4}),q.createElement(af,{side:"top",container:ae(),content:q.createElement(bn,null,q.createElement(vt,{variant:"label",size:"medium",color:"neutral700"},wt.t("Enabling the 'Infinite Approval' mode grants unrestricted access to smart contracts of DEXes/Bridges, allowing them to utilize the approved token amount without limitations.")))},q.createElement(tf,{color:"gray"}))),end:q.createElement(sf,{checked:r}),onClick:i},w=[y,S];return e||w.push(k),w.push(d),q.createElement(Q,{header:{onBack:n.bind(null,h.settings),title:wt.t("Setting")}},q.createElement(it,null,q.createElement(jr,null),q.createElement(of,{type:q.createElement(nf,{title:"_",id:"_",onClick:()=>console.log()}),items:w})))}s(Dl,"SettingsPage");import{cancelSwap as ng}from"@rango-dev/queue-manager-rango-preset";import{useManager as rg}from"@rango-dev/queue-manager-react";import dp from"react";import{i18n as st}from"@lingui/core";import{getCurrentBlockchainOfOrNull as Ff,getCurrentStep as Of,getRelatedWalletOrNull as $f,PendingSwapNetworkStatus as Pn}from"@rango-dev/queue-manager-rango-preset";import{Button as ip,CopyIcon as Uf,Divider as zf,IconButton as qf,RouteCost as Gf,RouteSummary as Hf,StepDetails as Vf,Typography as qt,useCopyToClipboard as Rf}from"@rango-dev/ui";import{useWallets as Xf}from"@rango-dev/wallets-react";import J,{useEffect as sp,useRef as Kf,useState as ap}from"react";import{useNavigate as jf}from"react-router-dom";import{i18n as Ee}from"@lingui/core";var pf=1e3,uf=31536e3,cf=2592e3,mf=86400,df=3600,ff=60;function _l(t){let e=Math.floor((Date.now()-t)/pf),n=[{turningPoint:uf,label:Ee.t("year"),pluralLabel:Ee.t("years")},{turningPoint:cf,label:Ee.t("month"),pluralLabel:Ee.t("months")},{turningPoint:mf,label:Ee.t("day"),pluralLabel:Ee.t("days")},{turningPoint:df,label:Ee.t("hour"),pluralLabel:Ee.t("hours")},{turningPoint:ff,label:Ee.t("minute"),pluralLabel:Ee.t("minutes")}].sort((r,i)=>i.turningPoint-r.turningPoint);for(let r of n){let{turningPoint:i,label:a,pluralLabel:p}=r,l=Math.floor(e/i);if(l>1)return`${l} ${p}`;if(l===1)return`${l} ${a}`}return e>1?`${e} ${Ee.t("seconds")}`:`${e} ${Ee.t("second")}`}s(_l,"timeSince");function Fl(t){return t.finishTime?Ee.t({id:"timeAgo",message:"{time} ago",values:{time:_l(parseInt(t.finishTime))}}):Ee.t({id:"timeAgo",message:"{time} ago",values:{time:_l(parseInt(t.creationTime))}})}s(Fl,"getSwapDate");import{PendingSwapNetworkStatus as En}from"@rango-dev/queue-manager-rango-preset";import{Modal as Tf}from"@rango-dev/ui";import Bn from"react";import{i18n as xn}from"@lingui/core";import{Button as Ol,Divider as Jr,MessageBox as gf,Typography as $l}from"@rango-dev/ui";import je from"react";var Ul=s(({onCancel:t,onClose:e})=>je.createElement(je.Fragment,null,je.createElement(Jr,{size:20}),je.createElement(gf,{type:"error",title:xn.t("Transaction Cancel"),description:xn.t("Are you sure you want to Cancel this swap?")}),je.createElement(Jr,{size:32}),je.createElement(Ol,{variant:"contained",type:"primary",size:"large",onClick:t},je.createElement($l,{variant:"title",size:"medium",color:"neutral100"},xn.t("Yes, Cancel it"))),je.createElement(Jr,{size:12}),je.createElement(Ol,{variant:"outlined",type:"primary",size:"large",onClick:e},je.createElement($l,{variant:"title",size:"medium",color:"primary"},xn.t("No, Continue")))),"CancelContent");import{i18n as An}from"@lingui/core";import{Button as zl,Divider as Zr,MessageBox as hf,Typography as ql}from"@rango-dev/ui";import Ye from"react";var Gl=s(({onDelete:t,onClose:e})=>Ye.createElement(Ye.Fragment,null,Ye.createElement(Zr,{size:20}),Ye.createElement(hf,{type:"error",title:An.t("Delete Transaction"),description:An.t("Are you sure you want to delete this swap?")}),Ye.createElement(Zr,{size:32}),Ye.createElement(zl,{variant:"contained",type:"primary",size:"large",onClick:t},Ye.createElement(ql,{variant:"title",size:"medium",color:"neutral100"},An.t("Yes, Delete it"))),Ye.createElement(Zr,{size:12}),Ye.createElement(zl,{variant:"outlined",type:"primary",size:"large",onClick:e},Ye.createElement(ql,{variant:"title",size:"medium",color:"primary"},An.t("No, Cancel")))),"DeleteContent");import{i18n as ei}from"@lingui/core";import{PendingSwapNetworkStatus as ti}from"@rango-dev/queue-manager-rango-preset";var oi={[ti.WaitingForNetworkChange]:{type:"loading",title:ei.t("Change Network")},[ti.WaitingForConnectingWallet]:{type:"warning",title:ei.t("Connect Wallet")},[ti.NetworkChanged]:{type:"success",title:ei.t("Network Changed")}};import{MessageBox as Sf,Wallet as Cf,WalletState as Vl}from"@rango-dev/ui";import{useWallets as kf}from"@rango-dev/wallets-react";import io from"react";import{styled as yf}from"@rango-dev/ui";var Hl=yf("div",{display:"flex",justifyContent:"center"});var Rl=s(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:i}=t,{connect:a,getWalletInfo:p,state:l}=kf(),u=n?.walletType,f=u&&l(u).connected?Vl.CONNECTED:Vl.DISCONNECTED;return io.createElement(io.Fragment,null,io.createElement(Sf,{type:e,title:o,description:r}),i&&u&&io.createElement(Hl,null,io.createElement(Cf,{container:ae(),title:p(u).name,image:p(u).img,type:u,state:f,onClick:async()=>a(u)})))},"WalletStateContent");function ni(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:i,message:a}=t,p=e===En.WaitingForNetworkChange||e===En.WaitingForConnectingWallet||e===En.NetworkChanged;return Bn.createElement(Tf,{open:!!e,onClose:o,container:document.getElementById("swap-box")||document.body},p&&Bn.createElement(Rl,{type:oi[e].type,title:oi[e].title,currentStepWallet:i,message:a,showWalletButton:e!==En.WaitingForNetworkChange}),e==="delete"&&Bn.createElement(Gl,{onClose:o,onDelete:n}),e==="cancel"&&Bn.createElement(Ul,{onClose:o,onCancel:r}))}s(ni,"SwapDetailsModal");import{i18n as so}from"@lingui/core";import{Button as ri,Divider as Wn,MessageBox as Xl,Modal as wf,TokenAmount as vf,Typography as Nn}from"@rango-dev/ui";import fe from"react";import{useNavigate as bf}from"react-router-dom";function ii(t){let{open:e,onClose:o,status:n,priceValue:r,usdValue:i,token:a,chain:p,percentageChange:l,description:u,diagnosisUrl:c}=t,f=bf();return fe.createElement(wf,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},n==="success"?fe.createElement(Xl,{type:"success",title:so.t("Swap Successful")},fe.createElement(vf,{direction:"vertical",type:"output",centerAlign:!0,price:{value:r,usdValue:i},token:a,chain:p,percentageChange:l}),fe.createElement(Wn,{size:12}),fe.createElement(Nn,{variant:"body",size:"medium",color:"neutral700",align:"center"},u)):fe.createElement(Xl,{type:"error",title:so.t("Transaction Failed"),description:u}),fe.createElement(Wn,{size:32}),n==="success"&&fe.createElement(ri,{variant:"contained",type:"primary",size:"large",onClick:()=>f(h.home)},fe.createElement(Nn,{variant:"title",size:"medium",color:"neutral100"},so.t("Done"))),fe.createElement(Wn,{size:12}),c&&fe.createElement(fe.Fragment,null,fe.createElement(ri,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(c,"_blank")},fe.createElement(Nn,{variant:"title",size:"medium",color:"primary"},so.t("Diagnosis"))),fe.createElement(Wn,{size:12})),fe.createElement(ri,{variant:"outlined",type:"primary",size:"large",onClick:o},fe.createElement(Nn,{variant:"title",size:"medium",color:"primary"},so.t("See Details"))))}s(ii,"SwapDetailsCompleteModal");import Df from"react";import{i18n as If}from"@lingui/core";import{Alert as Zl,IconButton as Mf,LinkIcon as Lf}from"@rango-dev/ui";import dt,{Fragment as Pf}from"react";import{Alert as xf,ChevronDownIcon as Af,ChevronUpIcon as Ef,IconButton as Bf}from"@rango-dev/ui";import In,{useState as Wf}from"react";function Kl(t){let{message:e}=t,[o,n]=Wf(!1);return In.createElement(xf,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&In.createElement(Bf,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?In.createElement(Ef,{size:12,color:"gray"}):In.createElement(Af,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}s(Kl,"FailedAlert");import{styled as Nf}from"@rango-dev/ui";var jl=Nf("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as Yl}from"@lingui/core";import{PendingSwapNetworkStatus as si}from"@rango-dev/queue-manager-rango-preset";import{Alert as ai,Button as Ql}from"@rango-dev/ui";import ao from"react";function Jl(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?ao.createElement(ai,{type:"warning",title:n.shortMessage,action:ao.createElement(Ql,{size:"xxsmall",type:"warning",onClick:()=>{o(si.WaitingForNetworkChange),e().catch(i=>{console.log(i)})}},Yl.t("Change"))}):r===si.WaitingForConnectingWallet?ao.createElement(ai,{type:"warning",title:n.shortMessage,action:ao.createElement(Ql,{size:"xxsmall",type:"warning",onClick:()=>{o(si.WaitingForConnectingWallet)}},Yl.t("Connect"))}):ao.createElement(ai,{type:"warning",title:n.shortMessage})}s(Jl,"WarningAlert");function li(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:i,hasAlreadyProceededToSign:a}=t,p=Xt(i),l=i.status==="waitingForApproval"&&!p,u=i.status==="running"&&!p;return dt.createElement(jl,null,i.explorerUrl?.map((c,f,m)=>{let g=f+c.url,C=f===m.length-1,y=C&&u||l,S=C&&i.status==="failed";return dt.createElement(Pf,{key:g},dt.createElement(Zl,{type:y&&"loading"||S&&"error"||"success",title:c.description?`${c.description} Tx`:If.t("View transaction"),action:c.url&&dt.createElement(Mf,{variant:"ghost",size:"xsmall",onClick:()=>window.open(c.url,"_blank")},dt.createElement(Lf,{size:16}))}))}),(u&&!a||l&&!i.explorerUrl?.length)&&dt.createElement(Zl,{type:"loading",title:r.shortMessage}),i.status!=="failed"&&p&&dt.createElement(Jl,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),i.status==="failed"&&dt.createElement(Kl,{message:r}))}s(li,"SwapDetailsAlerts");var ep=2e3;var tp=s(({swap:t,blockchains:e,...o})=>{let n=t.hasAlreadyProceededToSign!==!1;return t.steps.map((r,i)=>{let a=i===0?t.inputAmount:t.steps[i-1].outputAmount;return{from:{token:{displayName:r.fromSymbol,image:r.fromLogo??""},chain:{displayName:Je(r.fromBlockchain,e)??"",image:r.fromBlockchainLogo??""},price:{value:T(a,6,6)}},to:{token:{displayName:r.toSymbol,image:r.toLogo},chain:{displayName:Je(r.toBlockchain,e)??"",image:r.toBlockchainLogo??""},price:{value:T(r.outputAmount||r.expectedOutputAmountHumanReadable,6,6)}},swapper:{displayName:r.swapperId,image:r.swapperLogo??""},alerts:Df.createElement(li,{step:r,hasAlreadyProceededToSign:n,...o})}})},"getSteps");function op(t){if(Xt(t)&&t.status!=="failed"&&t.status!=="success")return"warning";switch(t.status){case"created":return"default";case"approved":case"waitingForApproval":case"running":return"in-progress";case"failed":return"error";case"success":return"completed"}}s(op,"getStepState");import{darkTheme as _f,styled as zt}from"@rango-dev/ui";var Mn=zt("div",{display:"flex",width:"100%",flexDirection:"column",alignItems:"center",height:"0",flexGrow:1,"& .row":{display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",padding:"$10 $20",borderBottom:"1px solid",$$color:"$colors$neutral300",[`.${_f} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color",color:"$neutral500"},"& .request-id":{display:"flex",justifyContent:"center",alignItems:"center",height:"$24"},"& .output":{display:"flex",width:"100%",padding:"$15 $20 $20",flexDirection:"column",alignItems:"start"},"& .title-steps":{textAlign:"left",width:"100%",padding:"0 $20 $10"}}),Ln=zt("div",{width:"100%"}),np=zt("div",{padding:"$0 $20 $20 $20",width:"100%",overflow:"auto"}),sW=zt("div",{display:"flex",flexDirection:"column",gap:"$10"}),rp=zt("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),aW=zt("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1});function pi(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:i,connect:a,getWalletInfo:p}=Xf(),l=P.use.retry(),u=jf(),{navigateBackFrom:c}=re(),[f,m]=Rf(ep),g=Kf(null),[C,y]=ap(null),[S,k]=ap(null),{meta:{tokens:d,blockchains:w}}=v(),b=s(()=>{r(),y(null)},"onCancel"),x=Pe.use.getUnreadNotifications(),W=Pe.use.setAsRead(),O=x(),E=Of(e),$=E?.networkStatus;sp(()=>{O.find(Y=>Y.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(k(e.status),W(e.requestId))},[e.status]),sp(()=>{L?y(Pn.WaitingForNetworkChange):$===Pn.WaitingForConnectingWallet||$===Pn.NetworkChanged?y($):y(null)},[$]);let X=Ns(e),oe=E?Ff(e,E):null,B=E?$f(e,E):null,Z=Fl(e),G=Is(e),ne=s(F=>!!p(F)?.mobileWallet,"isMobileWallet"),L=$===Pn.WaitingForNetworkChange&&!!oe&&!!B?.walletType&&(ne(B.walletType)||i(B.walletType,oe)),me=L?a.bind(null,B.walletType,oe):void 0,Ne=Ws(e,E),U=tp({swap:e,switchNetwork:me,showNetworkModal:$,setNetworkModal:y,message:Ne,blockchains:w}),K=U.length,[Ie,we]=[e.steps[0],e.steps[K-1]],_e=we.outputAmount||we.expectedOutputAmountHumanReadable,se=e.steps.reduce((F,Y)=>F+parseFloat(Y.feeInUsd||""),0),ft=e.steps.find(F=>F.diagnosisUrl)?.diagnosisUrl,Qe=T(String(parseFloat(T(_e,6,6))*(wo(we.toBlockchain,we.toSymbol,we.toSymbolAddress,d)||0)),4,4),bt=T(String(parseFloat(e.inputAmount)*(wo(Ie.fromBlockchain,Ie.fromSymbol,Ie.fromSymbolAddress,d)||0)),4,4),D=Ze(bt,Qe),N=e.status==="success"?st.t({id:"receivedMessage",message:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:T(_e,6,6),token:U[K-1].to.token.displayName,conciseAddress:bo(e.wallets[U[K-1].to.chain.displayName]?.address||""),chain:U[K-1].to.chain.displayName}}):`${st.t("Transaction was not sent.")} ${X?st.t({id:"remainSymbol",message:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:X.outputAmount,symbol:X.symbol,blockchain:X.blockchain}}):""}`;return J.createElement(Q,{noPadding:!0,header:{title:st.t("Swap and Bridge"),onBack:c.bind(null,h.swapDetails),onCancel:e.status==="running"?()=>y("cancel"):void 0,suffix:e.status!=="running"&&J.createElement(Nt,null,J.createElement(ip,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>y("delete")},J.createElement(qt,{size:"medium",variant:"label",color:"error"},st.t("Delete"))))},footer:G&&!S&&J.createElement(ip,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{l(e),setTimeout(()=>{u(h.home)},0)}},st.t("Try again"))},J.createElement(Mn,null,J.createElement(Ln,null,J.createElement("div",{className:"row"},J.createElement(qt,{variant:"label",size:"large",color:"neutral700"},`${st.t("Request ID")}:`),J.createElement("div",{className:"request-id"},J.createElement(qt,{variant:"label",size:"small",color:"neutral700"},o),J.createElement(qf,{variant:"ghost",onClick:m.bind(null,o||"")},J.createElement(Uf,{size:16,color:"gray"})))),J.createElement("div",{className:"row"},J.createElement(qt,{variant:"label",size:"large",color:"neutral700"},`${st.t("Created at")}:`),J.createElement(qt,{variant:"label",size:"small",color:"neutral700"},Z))),J.createElement("div",{className:"output"},J.createElement(Gf,{fee:T(String(se),2,2),time:At(Et(e.steps)),steps:K}),J.createElement(Hf,{from:{price:{value:T(e.inputAmount,6,6),usdValue:bt},token:{displayName:U[0].from.token.displayName,image:U[0].from.token.image},chain:{image:U[0].from.chain.image,displayName:U[0].from.chain.displayName}},to:{price:{value:T(_e,6,6),usdValue:Qe},token:{displayName:U[K-1].to.token.displayName,image:U[K-1].to.token.image},chain:{image:U[K-1].to.chain.image,displayName:U[K-1].to.chain.displayName}},percentageChange:T(D,2,2),warningLevel:It(D?.toNumber()??0)})),J.createElement("div",{className:"title-steps"},J.createElement(qt,{variant:"title",size:"small"},st.t("Swaps steps"))),J.createElement(zf,{size:8}),J.createElement(np,{ref:g},U.map((F,Y)=>{let le=Y,ue=op(e.steps[Y]),go=ue==="error"||ue==="in-progress"||ue==="warning"||ue==="completed"&&Y===U.length-1;return J.createElement(Vf,{key:le,step:F,type:"route-progress",ref:g,state:ue,hasSeparator:Y!==0,tabIndex:le,isFocused:go})}))),J.createElement(ni,{state:C,onClose:()=>y(null),onCancel:b,onDelete:n,message:Ne.detailedMessage.content,currentStepWallet:B}),J.createElement(ii,{open:!!S,diagnosisUrl:ft,onClose:()=>k(null),status:e.status==="success"?"success":"failed",priceValue:T(_e,6,6),usdValue:Qe,percentageChange:T(D,2,2),token:{displayName:U[K-1].to.token.displayName,image:U[K-1].to.token.image},chain:{image:U[K-1].to.chain.image},description:N}))}s(pi,"SwapDetails");import{i18n as mo}from"@lingui/core";import{CopyIcon as eg,IconButton as tg,NotFound as og,Skeleton as cp,Typography as _n}from"@rango-dev/ui";import ce from"react";import{i18n as Qf}from"@lingui/core";import{ChainToken as Jf,Divider as ci,Skeleton as co,Typography as Zf}from"@rango-dev/ui";import ee from"react";import{styled as ui}from"@rango-dev/ui";var lp=ui("div",{width:"100%",height:"100%",padding:"$0 $20",".cost":{paddingTop:"$15",display:"flex"},".route-summary":{padding:"$15 $0"},".route-summary-item":{display:"flex",justifyContent:"space-between",alignItems:"center"},".token-amount":{display:"flex",justifyContent:"space-between",alignItems:"center"},".route-summary-separator":{width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"},".swaps-steps":{paddingBottom:"$10"}}),pp=ui("div",{backgroundColor:"$neutral100",borderRadius:"$xm",padding:"$10 $15",".step-title":{display:"flex",justifyContent:"start",alignItems:"center"},".step-tokens":{paddingTop:"$5",display:"flex",alignItems:"center"},".step-token-info":{display:"flex",alignItems:"center"},".step-icon-container":{padding:"$4 $6",display:"flex",justifyContent:"center",alignItems:"center"},".extra-info":{display:"flex",paddingTop:"$10",paddingBottom:"$5"}}),Dn=ui("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"});import{ChainToken as up,Divider as lo,NextIcon as Yf,Skeleton as po}from"@rango-dev/ui";import pe from"react";function uo(t){let{extraInfo:e}=t;return pe.createElement(pp,null,pe.createElement("div",{className:"step-title"},pe.createElement(po,{height:28,width:28,variant:"circular"}),pe.createElement(lo,{direction:"horizontal",size:8}),pe.createElement(po,{height:15,width:148,variant:"rounded"})),pe.createElement("div",{className:"step-tokens"},pe.createElement(lo,{direction:"horizontal",size:20}),pe.createElement("div",{className:"step-token-info"},pe.createElement(up,{size:"small",loading:!0,chainImage:"",tokenImage:""}),pe.createElement(lo,{direction:"horizontal",size:8}),pe.createElement(po,{height:12,width:76,variant:"rounded"})),pe.createElement("div",{className:"step-icon-container"},pe.createElement(Yf,{color:"gray",size:16})),pe.createElement("div",{className:"step-token-info"},pe.createElement(up,{size:"small",loading:!0,chainImage:"",tokenImage:""}),pe.createElement(lo,{direction:"horizontal",size:8}),pe.createElement(po,{height:12,width:76,variant:"rounded"}))),e&&pe.createElement("div",{className:"extra-info"},pe.createElement(lo,{direction:"horizontal",size:20}),pe.createElement(po,{height:22,width:297,variant:"rectangular"})))}s(uo,"LoadingSwapDetailStep");function mi(){let t=ee.createElement("div",{className:"route-summary-item"},ee.createElement("div",{className:"token-amount"},ee.createElement(Jf,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),ee.createElement(ci,{size:8,direction:"horizontal"}),ee.createElement(co,{height:15,width:148,variant:"rounded"})),ee.createElement(co,{height:12,width:64,variant:"rounded"}));return ee.createElement(lp,null,ee.createElement("div",{className:"cost"},ee.createElement(co,{width:60,height:10,variant:"rounded"}),ee.createElement(ci,{size:4,direction:"horizontal"}),ee.createElement(co,{width:60,height:10,variant:"rounded"}),ee.createElement(ci,{size:4,direction:"horizontal"}),ee.createElement(co,{width:60,height:10,variant:"rounded"})),ee.createElement("div",{className:"route-summary"},t,ee.createElement("div",{className:"route-summary-separator"}),t),ee.createElement("div",{className:"swaps-steps"},ee.createElement(Zf,{variant:"title",size:"small"},Qf.t("Swaps steps"))),ee.createElement("div",{className:"step-container"},ee.createElement(uo,{extraInfo:!0}),ee.createElement(Dn,null),ee.createElement(uo,null),ee.createElement(Dn,null),ee.createElement(uo,null),ee.createElement(Dn,null),ee.createElement(uo,null)))}s(mi,"LoadingSwapDetails");function mp(t){let{requestId:e,showSkeleton:o}=t,{navigateBackFrom:n}=re();return ce.createElement(Q,{noPadding:!0,header:{title:mo.t("Swap and Bridge"),onBack:n.bind(null,h.swapDetails),suffix:ce.createElement(Nt,null)}},o&&ce.createElement(Mn,null,ce.createElement(Ln,null,ce.createElement("div",{className:"row"},ce.createElement(_n,{variant:"label",size:"large",color:"neutral700"},`${mo.t("Request ID")}:`),ce.createElement("div",{className:"request-id"},ce.createElement(_n,{variant:"label",size:"small",color:"neutral700"},ce.createElement(cp,{width:60,height:10,variant:"rounded"})),ce.createElement(tg,{variant:"ghost"},ce.createElement(eg,{size:16,color:"gray"})))),ce.createElement("div",{className:"row"},ce.createElement(_n,{variant:"label",size:"large",color:"neutral700"},`${mo.t("Created at")}:`),ce.createElement(_n,{variant:"label",size:"small",color:"neutral700"},ce.createElement(cp,{width:60,height:10,variant:"rounded"})))),ce.createElement(mi,null)),!o&&ce.createElement(rp,null,ce.createElement(og,{title:mo.t("Not found"),description:mo.t({id:"swapNotFound",values:{requestId:e},message:"Swap with request ID = {requestId} not found."})})))}s(mp,"SwapDetailsPlaceholder");function fp(){let{manager:t,state:e}=rg(),o=!e.loadedFromPersistor,n=cn(t),r=be.use.selectedSwapRequestId(),{navigateBackFrom:i}=re(),{loadingStatus:a}=v(),p=o||a==="loading",l=n.find(({swap:m})=>m.requestId===r),u=s(()=>{if(l?.id){let m=t?.get(l.id);m&&ng(m)}},"onCancel"),c=s(async()=>{if(l?.id)try{await t?.deleteQueue(l.id),i(h.swapDetails)}catch(m){console.log(m)}},"onDelete"),f=l?.swap;return!f||p?dp.createElement(mp,{requestId:r||"",showSkeleton:p}):dp.createElement(pi,{swap:f,requestId:r||"",onCancel:u,onDelete:c})}s(fp,"SwapDetailsPage");import{i18n as fo}from"@lingui/core";import{AutoThemeIcon as ig,DarkModeIcon as sg,LightModeIcon as ag,List as lg,ListItemButton as pg,Radio as di,RadioRoot as ug,Typography as fi}from"@rango-dev/ui";import Be from"react";function gp(){let{navigateBackFrom:t}=re(),e=_.use.theme(),o=_.use.setTheme(),n=[{id:"light",value:"light",title:Be.createElement(fi,{variant:"title",size:"xmedium"},fo.t("Light")),onClick:()=>o("light"),start:Be.createElement(ag,{color:"gray"}),end:Be.createElement(di,{value:"light"})},{id:"dark",value:"dark",title:Be.createElement(fi,{variant:"title",size:"xmedium"},fo.t("Dark")),onClick:()=>o("dark"),start:Be.createElement(sg,{color:"gray"}),end:Be.createElement(di,{value:"dark"})},{id:"auto",value:"auto",title:Be.createElement(fi,{variant:"title",size:"xmedium"},fo.t("Auto")),onClick:()=>o("auto"),start:Be.createElement(ig,{color:"gray"}),end:Be.createElement(di,{value:"auto"})}];return Be.createElement(Q,{header:{onBack:t.bind(null,h.settings),title:fo.t("Theme")}},Be.createElement(it,null,Be.createElement(ug,{onValueChange:r=>o(r),value:e},Be.createElement(lg,{type:Be.createElement(pg,{title:fo.t("Theme"),id:"_",onClick:()=>console.log()}),items:n}))))}s(gp,"ThemePage");var mg=s(t=>t.replace("/",""),"getAbsolutePath");function hp(t){let{config:e}=t;return cg([{path:h.home,element:We.createElement(Qo,null)},{path:h.fromSwap,element:We.createElement(Xr,{type:"source"})},{path:h.toSwap,element:We.createElement(Xr,{type:"destination"})},{path:h.fromBlockchain,element:We.createElement(_r,{type:"source"})},{path:h.toBlockchain,element:We.createElement(_r,{type:"destination"})},{path:h.settings,element:We.createElement(Dl,{singleTheme:e?.theme?.singleTheme,supportedSwappers:e?.liquiditySources})},{path:h.themes,element:We.createElement(gp,null)},{path:h.languages,element:We.createElement(Ya,null)},{path:h.exchanges,element:We.createElement(Ir,{sourceType:"Exchanges",supportedSwappers:e?.liquiditySources})},{path:h.bridges,element:We.createElement(Ir,{sourceType:"Bridges",supportedSwappers:e?.liquiditySources})},{path:h.swaps,element:We.createElement(Ka,null)},{path:h.swapDetails,element:We.createElement(fp,null)},{path:h.wallets,element:We.createElement(wa,{supportedWallets:e?.wallets,multiWallets:typeof e?.multiWallets>"u"?!0:e.multiWallets,config:e})},{path:mg(h.confirmSwap),element:We.createElement(Oa,{config:e})}])}s(hp,"AppRoutes");import{isApprovalTX as dg,MainEvents as Sp,RouteEventType as Cp,StepEventType as Gt,StepExecutionEventStatus as fg,useEvents as gg}from"@rango-dev/queue-manager-rango-preset";import{useEffect as kp}from"react";import{StepExecutionBlockedEventStatus as gi}from"@rango-dev/queue-manager-rango-preset";var yp=[gi.WAITING_FOR_CHANGE_WALLET_ACCOUNT,gi.WAITING_FOR_NETWORK_CHANGE,gi.WAITING_FOR_WALLET_CONNECT];function Tp(){let t=H.use.connectedWallets(),e=H.use.getWalletsDetails(),o=Pe.use.setNotification(),n=Pe.use.setAsRead(),r=gg();return kp(()=>(r.on(Sp.StepEvent,i=>{let{event:a,step:p,route:l}=i;if(a.type===Gt.TX_EXECUTION&&a.status===fg.TX_SENT&&!dg(p)||a.type===Gt.SUCCEEDED){let c=t.find(m=>m.chain===p?.fromBlockchain),f=p?.fromBlockchain!==p?.toBlockchain&&t.find(m=>m.chain===p?.toBlockchain);c&&e([c]),f&&e([f])}a.type===Gt.TX_EXECUTION_BLOCKED&&yp.includes(a.status)||a.type===Gt.FAILED?o(a,l):(a.type===Gt.TX_EXECUTION||a.type===Gt.CHECK_STATUS)&&n(l.requestId)}),()=>r.all.clear()),[r,t.length]),kp(()=>(r.on(Sp.RouteEvent,i=>{let{event:a,route:p}=i;(a.type===Cp.FAILED||a.type===Cp.SUCCEEDED)&&o(a,p)}),()=>r.all.clear()),[r,t.length]),null}s(Tp,"WidgetEvents");import{globalCss as hg}from"@rango-dev/ui";var wp=s(()=>hg({"@import":["url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap')","url('https://fonts.cdnfonts.com/css/times-new-roman')"]})(),"globalFont");import{createTheme as yi,darkTheme as Tg,lightTheme as wg}from"@rango-dev/ui";import{useEffect as xp,useState as vg}from"react";import{theme as Cg,darkColors as kg}from"@rango-dev/ui";var vp=s(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),yg=s(t=>{let e="",o;for(o=Math.abs(t);o>52;o=o/52|0)e=vp(o%52)+e;return vp(o%52)+e},"toAlphabeticName"),Sg=s((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),hi=s(t=>yg(Sg(5381,JSON.stringify(t))>>>0),"toHash");function bp(t){let e=Cg.colors,o=zr({...e,...kg},!0,t?.dark),n=zr(e,!1,t?.light),r=Object.keys(o).length>0,i=Object.keys(n).length>0,a,p;if(i){let l={colors:n};a={id:`${$n}-light-${hi(l)}`,tokens:l}}if(r){let l={colors:o};p={id:`${$n}-dark-${hi(l)}`,tokens:l}}return{light:a,dark:p}}s(bp,"customizedThemeTokens");function Ap(t){let{colors:e,fontFamily:o=vi,borderRadius:n=Ti,secondaryBorderRadius:r=wi,mode:i="auto"}=t,[a,p]=vg("light"),l=_.use.theme(),u=_.use.setTheme(),{dark:c,light:f}=bp(e),m=yi({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),g=[m.className,wg.className],C=[m.className,Tg.className];if(f){let S=yi(f.id,f.tokens);g.push(S.className)}if(c){let S=yi(c.id,c.tokens);C.push(S.className)}return xp(()=>{let S=s(k=>{k.matches?p("dark"):p("light")},"switchThemeListener");return window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches&&p("dark"),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",S),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",S)}},[]),xp(()=>{i!=="auto"&&u(i)},[i]),{activeTheme:s(()=>{let S=g.join(" "),k=C.join(" ");return l==="auto"?a==="dark"?k:S:l==="dark"?k:S},"getActiveTheme")}}s(Ap,"useTheme");import bg,{useMemo as xg}from"react";import{Provider as Ag}from"@rango-dev/queue-manager-react";import{makeQueueDefinition as Eg,checkWaitingForNetworkChange as Bg}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Wg}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as Ng}from"@rango-dev/wallets-shared";import{isEvmBlockchain as Ig}from"rango-types";function Mg(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:i,getWalletInfo:a}=Wg(),p=xg(()=>Eg({API_KEY:yo("API_KEY")}),[]),{blockchains:l}=v.use.meta(),c={blockchains:H.use.connectedWallets().map(d=>({accounts:[d],name:d.chain}))},f=s((d,w)=>{if(i(d,w))return r(d,w)},"switchNetwork"),m=s(d=>!!a(d).mobileWallet,"isMobileWallet"),g=l.filter(d=>d.enabled).reduce((d,w)=>(d[w.name]=w,d),{}),C=l.filter(Ig),y=s(d=>{let{supportedChains:w}=a(d);return ko(w)},"getSupportedChainNames"),S=e(),k={meta:{blockchains:g,evmBasedChains:C,evmNetworkChainInfo:Ng(C),getSupportedChainNames:y},getSigners:o,wallets:c,providers:S,switchNetwork:f,canSwitchNetworkTo:i,connect:r,state:n,isMobileWallet:m};return bg.createElement(Ag,{queuesDefs:[p],context:k,onPersistedDataLoaded:d=>{Bg(d)},isPaused:!1},t.children)}s(Mg,"QueueManager");var Ep=Mg;var Fg=Pg("div",{width:"100%",display:"flex",justifyContent:"center",alignItems:"center",fontFamily:"$widget",boxSizing:"border-box","& *, *::before, *::after":{boxSizing:"inherit",listStyleType:"none"},"& *:focus-visible":{outlineColor:"$info500",transition:"none"}});function Wp(t){let{config:e}=t;wp();let{activeTheme:o}=Ap(e?.theme||{}),{activeLanguage:n,changeLanguage:r}=fn(),[i,a]=Bp(""),[p,l]=Bp(),u=Dg(Gn),c=v.use.fetchMeta();return _g(()=>{e?.apiKey&&ki({API_KEY:e?.apiKey})},[e]),Si(()=>{c(),_.persist.rehydrate(),Pe.persist.rehydrate(),u.onConnectWallet(a)},[]),Si(()=>{e?.language&&r(e.language)},[e?.language]),at.createElement(Lg,{language:n},at.createElement(Fg,{id:"swap-container",className:o()},at.createElement(Ep,null,at.createElement(Tp,null),at.createElement(Qs,{config:e,lastConnectedWallet:i,disconnectedWallet:p,clearDisconnectedWallet:()=>{l(void 0)}},at.createElement(hp,{config:e})))))}s(Wp,"Main");function Og(t){let{updateConfig:e,config:o}=Le();return Si(()=>{t.config&&e(t.config)},[t.config]),t.config?.externalWallets?at.createElement(Wp,{...t}):at.createElement(Hn,{providers:o?.wallets,options:{walletConnectProjectId:o?.walletConnectProjectId||t.config?.walletConnectProjectId}},at.createElement(Wp,{...t}))}s(Og,"Widget");export{ZI as MainEvents,eM as RouteEventType,tM as StepEventType,oM as StepExecutionBlockedEventStatus,nM as StepExecutionEventStatus,Og as Widget,Hn as WidgetWallets,Na as useWallets,rM as useWidgetEvents};
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 _p}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 Dp}from"@rango-dev/wallets-shared";var xi=[Dp.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}=_p(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 Di({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}s(Di,"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:""},_i=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),..._i(...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 Dg}from"@rango-dev/ui";import at,{useContext as _g,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 Dc}from"@rango-dev/wallets-react";import{isEvmBlockchain as _c}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 De=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}=De(),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}=De(),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 Du}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 _u(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=Du(),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(_u,"LayoutComponent");var Q=ge.forwardRef(_u);Q.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 Ce}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:Ce.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:Ce.t("Please reset your liquidity sources."),description:Ce.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources")},noRoutesError:{title:Ce.t("No Routes Found"),description:"Reasons why Rango couldn't find a route: low liquidity on token, very low input amount or no routes available for the selected input/output token combination."},bridgeLimitErrors:{increaseAmount:Ce.t("Bridge Limit Error: Please increase your amount"),decreaseAmount:Ce.t("Bridge Limit Error: Please decrease your amount")},highValueLossError:{impactTitle:Ce.t("High Price Impact"),title:Ce.t("Price impact is too high!"),description:Ce.t("The price impact is significantly higher than the allowed amount. If you are sure, continue, otherwise, change the swap."),confirmMessage:Ce.t("Confirm High price impact")},routeUpdatedWithHighValueLoss:{title:Ce.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:Ce.t("USD Price Unknown"),title:Ce.t("USD Price Unknown, Cannot calculate Price Impact."),description:Ce.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:Ce.t("Confirm USD Price Unknown")}}),"errorMessages");function 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 _o(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(_o,"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:"requiredEqualMin",message:"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:"requiredMin",message:"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:"requiredEqualMax",message:"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:"requiredMax",message:"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:"balanceWarningMessage",message:"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"),D=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%"}),Ds=jo("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%"}),_s=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(Ds,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}=D(),{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(_s,{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=D.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}=D(),{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}=D(),{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),Z=Go(c,W),H=!ar(g,u,c),ne=!ar(g,u,m),P=vs(w,f,o,g,Ho(g),Z,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:"yourSymbol",message:"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(Q,{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:Z,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}=D(),{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=D.use.fromBlockchain(),p=D.use.toBlockchain(),u=D.use.fromToken(),c=D.use.toToken(),d=D.use.setFromBlockchain(),m=D.use.setFromToken(),g=D.use.setToBlockchain(),C=D.use.setToToken(),y=D.use.inputAmount(),S=D.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),Z=nr(k,A,W||null);$&&(d($),oe&&m(oe)),W&&(g(W),Z&&C(Z)),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}=Dc(),a=r.filter(_c);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 _m}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 _a,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 _t from"@radix-ui/react-collapsible";import{Button as Hc,darkTheme as Dt,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",[`.${Dt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",alignItems:"center",cursor:"pointer",width:110,position:"relative","&:hover":{$$color:"$colors$info100",[`.${Dt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$color:"$colors$info100",[`.${Dt} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color",outline:0},variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary",outlineStyle:"solid"}}}}),na=ke(_t.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(_t.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",[`.${Dt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color","&:hover":{$$color:"$colors$info100",[`.${Dt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$background:"$colors$info100",[`.${Dt} &`]:{$$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(_t.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=D.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(Q,{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),{connect: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"),await w(W.walletType,W.chain),S("completed")},"addExperimentalChain");Na(()=>{O(W=>{let Z=k.findIndex(H=>n(H.type,o));return N&&Z>1?[k[Z]].concat(k.filter((H,ne)=>ne!==Z)):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 Z=Di({connectedWallets:l,walletType:W.type,chain:o}),H=Z?xo(Z):"",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:"addChain",message:"Add {chain} chain",values:{chain:o}}):H,z=s(()=>{W.state===Wa.DISCONNECTED?b(W.type):me?(m({walletType:W.type,chain:o,address:Z??""}),C(!0)):r({walletType:W.type,chain:o,address:Z??""})},"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:"addBlockchain",message:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:K}}),type:"warning",description:ot.t({id:"addBlockchainDescription",message:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:K}})},ie.createElement(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:"addBlockchain",message:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:K}}),description:ot.t({id:"addBlockchainDescription",message:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:K}}),icon:ie.createElement(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:"blockchainAdded",message:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:K}}),description:ot.t({id:"blockchainAddedDescription",message:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:K}})}),ie.createElement(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}=D(),{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),Z=_o(p),H=typeof i?.customDestination>"u"?!0:i.customDestination,ne=l.find(_=>_.name===p?.result?.swaps[p?.result?.swaps.length-1].to.blockchain),P=s(_=>!!p?.result?.swaps.find(I=>I.from.blockchain===_),"isWalletRequiredFor"),[me,Ne]=kt(C.filter(_=>_.selected&&Z.includes(_.chain))),z=l.find(_=>_.name===ne?.name),K=s((_,I)=>!!me.find(U=>U.walletType===_&&U.chain===I&&U.selected&&(P(I)||!P(I)&&!A)),"isSelected"),Ie=!!A&&$&&z&&!Fo(z,A),we=s(()=>{oe(!1),N(""),Ne(_=>{let I=!1;return _.map(U=>!I&&U.chain===ne?.name?(I=!0,{...U,selected:!0}):U)})},"resetCustomDestination"),Fe=s(_=>{if(S&&w(""),K(_.walletType,_.chain))return;let U=C.find(Y=>Y.walletType===_.walletType&&Y.chain===_.chain);U&&(n(),_.chain===ne?.name&&$&&(oe(!1),N("")),Ne(Y=>Y.filter(le=>le.chain!==_.chain).concat({...U,selected:!0})))},"onChange"),se=s(()=>{let _=me.filter(I=>I.selected);y(_),u(_),g(A),d(!0),o()},"onConfirmBalance"),ft=s(async()=>{k([]),b(""),O(null);let _=C.filter(Y=>me.find(le=>le.chain===Y.chain&&le.walletType===Y.walletType)),I=await r?.({selectedWallets:_,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(_=>_.concat(C.filter(I=>!!!_.find(Y=>Y.chain===I.chain)&&I.selected&&Z.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:"yourWallets",message:"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,Z.map((_,I)=>{let U=l.find(ue=>ue.name===_),Y=`wallet-${I}`,le=I===Z.length-1;return E.createElement("div",{key:Y},E.createElement(ea,null,E.createElement(an,{variant:"title",size:"xmedium"},nt.t({id:"yourWallets",message:"Your {blockchainName} wallets",values:{blockchainName:U?.displayName}})),E.createElement(an,{variant:"label",color:"$neutral700",size:"medium"},nt.t({id:"needConnect",message:"You need to connect a {blockchainName} wallet.",values:{blockchainName:U?.displayName}}))),E.createElement(Ot,{size:24}),E.createElement(ta,null,E.createElement(wr,{chain:_,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({id:"addressMatch",values:{destination:A},message:"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 Dm(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(Dm,"generateWarnings");function Da(){let{fromToken:t,toToken:e,inputAmount:o,inputUsdValue:n,setRoute:r,bestRoute:i,customDestination:a}=D(),{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:Dm(i,A,{selectedWallets:b,userSlippage:y})}},"fetch"),cancelFetch:w}}s(Da,"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}=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}=_m(),W=$||N,{fetch:Z,loading:H,cancelFetch:ne}=Da(),[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 Y=await Z?.({selectedWallets:I,customDestination:U});return me(Y),Y},"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"),_=s(async()=>{me({error:null,swap:null,warnings:null}),Z({selectedWallets:p}).then(I=>{me(I)}).catch(I=>console.error(I))},"onRefresh");return pn(()=>{f&&ne()},[f]),pn(()=>{f&&v(f)},[f]),pn(()=>{f||Z({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)),Y=!1;if(I){let le=_o(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))||(Y=!0)}o&&(U||Y)&&(queueMicrotask(()=>Vm(v.bind(null,!0))),c(!1))},[P.warnings?.route,p.length,w.length]),M.createElement(Q,{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(_a,{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("highSlippage",{selectedSlippage:W},{message:" Caution, your slippage is high (={selectedSlippage}). Your trade may be front run."}):Xe.t("increaseSlippage",{minRequiredSlippage:P.warnings.slippage.slippage},{message:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route."})},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(_a,{variant:"title",size:"small"},Xe.t("You get")),M.createElement(ln,{style:{padding:"0"},variant:"ghost",disabled:H,onClick:_},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:_})),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(Q,{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(Q,{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(Q,{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 _r,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 _e,{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 Dr(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?_e.createElement(_e.Fragment,null,_e.createElement(sl,{size:32}),_e.createElement(Wd,{title:Pr.t("No results found"),description:Pr.t("Try using different keywords")})):_e.createElement(Sn,{key:`${r}-${o}`},i.map(u=>_e.createElement(Bd,{key:`${u.name}-${u.chainId}`,hasDivider:!0,onClick:()=>n(u),start:_e.createElement(Ed,{src:u.logo,size:30}),title:_e.createElement(al,{variant:"title",size:"medium"},u.displayName),id:u.chainId}))),"renderList");return _e.createElement(nl,null,_e.createElement(al,{variant:"label",size:"large"},Pr.t("Select Blockchain")),_e.createElement(sl,{size:4}),l==="loading"&&_e.createElement(il,null),l==="success"&&p())}s(Dr,"BlockchainList");function Fr(t){let{type:e}=t,{navigateBackFrom:o}=re(),[n,r]=pl(""),[i,a]=pl("ALL"),l=D.use.setToBlockchain(),p=D.use.setFromBlockchain(),{loadingStatus:u}=x(),c=Pe().blockchains({type:e}),d=e==="source"?"fromBlockchain":"toBlockchain";return Tt.createElement(Q,{header:{onBack:()=>{o(h[d])},title:ll.t("Select Blockchain")}},Tt.createElement(_r,{size:12}),Tt.createElement(Md,{setCategory:a,category:i,blockchains:c,isLoading:u==="loading"}),Tt.createElement(_r,{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(_r,{size:16}),Tt.createElement(Dr,{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 Se from"react";import{useEffect as Dd}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();Dd(()=>{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 _d}from"@rango-dev/ui";var ml=_d("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=D.use.resetToBlockchain(),u=D.use.resetFromBlockchain(),c=a.more.length>0,d=a.more.length===1,m=!d&&c;return Se.createElement("div",null,Se.createElement(dl,{size:12}),Se.createElement(Ur,{variant:"label",size:"large"},$r.t("Select Blockchain")),Se.createElement(dl,{size:12}),Se.createElement(ml,null,l==="loading"&&Array.from(Array(Od),g=>Se.createElement(Fd,{key:g,variant:"rounded",height:50})),l==="success"&&Se.createElement(Se.Fragment,null,Se.createElement(kn,{selected:!n,onClick:()=>{o==="from"?u():p()}},Se.createElement(Ur,{variant:"body",size:"xsmall",color:"secondary500"},$r.t("All"))),a.list.map(g=>Se.createElement(kn,{key:g.name,selected:!!n&&n.name===g.name,onClick:()=>r(g)},Se.createElement(fl,{src:g.logo,size:30}))),d?Se.createElement(kn,{key:a.more[0].name,selected:!!n&&n.name===a.more[0].name,onClick:()=>r(a.more[0])},Se.createElement(fl,{src:a.more[0].logo,size:30})):null,m?Se.createElement(kn,{onClick:i,key:"more-blockchains"},Se.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}=D(),{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(Q,{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 Dl}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(Dl,{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(Dl,{variant:"body",size:"small"},"%"),placeholder:Ll.t("Custom")})))}s(Yr,"Slippage");function _l({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(Q,{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(_l,"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 Kf}from"@rango-dev/wallets-react";import J,{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:"timeAgo",message:"{time} ago",values:{time:Fl(parseInt(t.finishTime))}}):Ee.t({id:"timeAgo",message:"{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 _f 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 Df}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(Df,{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:_f.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=D.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=De.use.getUnreadNotifications(),B=De.use.setAsRead(),O=b(),A=$f(e),N=A?.networkStatus;ap(()=>{O.find(Y=>Y.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,Z=Ol(e),H=Ms(e),ne=s(U=>!!l(U)?.mobileWallet,"isMobileWallet"),P=N===Dn.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,Y)=>U+parseFloat(Y.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),_=Ze(bt,Qe),I=e.status==="success"?st.t({id:"receivedMessage",message:"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:"remainSymbol",message:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:$.outputAmount,symbol:$.symbol,blockchain:$.blockchain}}):""}`;return J.createElement(Q,{noPadding:!0,header:{title:st.t("Swap and Bridge"),onBack:c.bind(null,h.swapDetails),onCancel:e.status==="running"?()=>y("cancel"):void 0,suffix:e.status!=="running"&&J.createElement(Nt,null,J.createElement(sp,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>y("delete")},J.createElement(Gt,{size:"medium",variant:"label",color:"error"},st.t("Delete"))))},footer:H&&!S&&J.createElement(sp,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{p(e),setTimeout(()=>{u(h.home)},0)}},st.t("Try again"))},J.createElement(Ln,null,J.createElement(Pn,null,J.createElement("div",{className:"row"},J.createElement(Gt,{variant:"label",size:"large",color:"neutral700"},`${st.t("Request ID")}:`),J.createElement("div",{className:"request-id"},J.createElement(Gt,{variant:"label",size:"small",color:"neutral700"},o),J.createElement(Gf,{variant:"ghost",onClick:m.bind(null,o||"")},J.createElement(zf,{size:16,color:"gray"})))),J.createElement("div",{className:"row"},J.createElement(Gt,{variant:"label",size:"large",color:"neutral700"},`${st.t("Created at")}:`),J.createElement(Gt,{variant:"label",size:"small",color:"neutral700"},Z))),J.createElement("div",{className:"output"},J.createElement(Hf,{fee:T(String(se),2,2),time:At(Et(e.steps)),steps:K}),J.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(_,2,2),warningLevel:It(_?.toNumber()??0)})),J.createElement("div",{className:"title-steps"},J.createElement(Gt,{variant:"title",size:"small"},st.t("Swaps steps"))),J.createElement(qf,{size:8}),J.createElement(rp,{ref:g},z.map((U,Y)=>{let le=Y,ue=np(e.steps[Y]),ho=ue==="error"||ue==="in-progress"||ue==="warning"||ue==="completed"&&Y===z.length-1;return J.createElement(Rf,{key:le,step:U,type:"route-progress",ref:g,state:ue,hasSeparator:Y!==0,tabIndex:le,isFocused:ho})}))),J.createElement(ri,{state:C,onClose:()=>y(null),onCancel:v,onDelete:n,message:Ne.detailedMessage.content,currentStepWallet:W}),J.createElement(si,{open:!!S,diagnosisUrl:ft,onClose:()=>w(null),status:e.status==="success"?"success":"failed",priceValue:T(Fe,6,6),usdValue:Qe,percentageChange:T(_,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"}}),_n=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(_n,null),ee.createElement(co,null),ee.createElement(_n,null),ee.createElement(co,null),ee.createElement(_n,null),ee.createElement(co,null)))}s(di,"LoadingSwapDetails");function dp(t){let{requestId:e,showSkeleton:o}=t,{navigateBackFrom:n}=re();return ce.createElement(Q,{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:"swapNotFound",values:{requestId:e},message:"Swap with request ID = {requestId} not found."})})))}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(Q,{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(_l,{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=De.use.setNotification(),n=De.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=Dg("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=_g(Hn),c=x.use.fetchMeta();return Fg(()=>{e?.apiKey&&Ti({API_KEY:e?.apiKey})},[e]),Ci(()=>{c(),F.persist.rehydrate(),De.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};
2
2
  //# sourceMappingURL=index.js.map