@rango-dev/widget-embedded 0.14.1-next.10 → 0.14.1-next.12
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.
- package/dist/index.js +1 -1
- package/dist/index.js.map +3 -3
- package/dist/utils/wallets.d.ts +0 -1
- package/dist/utils/wallets.d.ts.map +1 -1
- package/package.json +6 -6
- package/src/utils/wallets.ts +4 -25
package/dist/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var Bp=Object.defineProperty;var i=(t,e)=>Bp(t,"name",{value:e,configurable:!0});import{MainEvents as xI,RouteEventType as AI,StepEventType as EI,StepExecutionBlockedEventStatus as BI,StepExecutionEventStatus as WI,useEvents as NI}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Ba}from"@rango-dev/wallets-react";import{Events as $n,Provider as Kp}from"@rango-dev/wallets-react";import{isEvmBlockchain as jp}from"rango-sdk";import $i,{createContext as Yp,useRef as Qp}from"react";import{useEffect as Xp}from"react";import{create as Gp}from"zustand";import{subscribeWithSelector as Vp}from"zustand/middleware";import{RangoClient as Wp}from"rango-sdk";var Si="c6381a79-2817-4602-83bf-6a641a409e32";var Dn={API_KEY:Si};function So(t){return Dn[t]}i(So,"getConfig");function Ci(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),Dn=e,Dn}i(Ci,"initConfig");var ki=20,Ti=25,wi="Roboto",_n="theme-widget";var Co,xt=i(()=>Co||(Co=new Wp(So("API_KEY")),Co),"httpService");import{WalletState as Re}from"@rango-dev/ui";import{readAccountAddress as Mp}from"@rango-dev/wallets-react";import{detectInstallLink as Lp,getCosmosExperimentalChainInfo as Pp,isEvmAddress as Dp,KEPLR_COMPATIBLE_WALLETS as Qg,Networks as xi}from"@rango-dev/wallets-shared";import Fn from"bignumber.js";import{isCosmosBlockchain as _p}from"rango-types";import Np from"bignumber.js";var Me=new Np(0);import{WalletTypes as Ip}from"@rango-dev/wallets-shared";var vi=[Ip.LEAP];import{BigNumber as bi}from"bignumber.js";var At=i(t=>{let e=(t%60).toString().padStart(2,"0");return`${parseInt((t/60).toString()).toString().padStart(2,"0")}:${e}`},"secondsToString"),T=i((t,e=null,o=null)=>{if(t==null||t==="")return"";let n=new bi(t),r=1,s=1e3;for(let a=0;a<60;a++)if(new bi(n.toFixed(a,r)).eq(n)){s=a;break}if(n.gte(1e4))return n.toFormat(0,r);if(n.gte(1e3)||n.gte(100))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,1))),r);if(n.gte(1))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,2))),r);if(n.gte(.01))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,4))),r);for(let a=e||4;a<17;a++)if(n.gte(Math.pow(10,-a)))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,a))),r);return n.isEqualTo(0)?"0":n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,8))),r)},"numberToString");var Et=i(t=>t?.reduce((e,o)=>e+(o.estimatedTimeInSeconds??0),0)||0,"totalArrivalTime");var Ve=i((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),Gt=i(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()}i(ko,"limitDecimalPlaces");function Fp(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}}i(Fp,"mapStatusToWalletState");function Ai(t,e,o,n){return o.filter(r=>!vi.includes(r)).filter(r=>{if(n){let{supportedChains:s}=e(r);return!!s.find(a=>a.name===n)}return!0}).map(r=>{let{name:s,img:a,installLink:p}=e(r),l=Fp(t(r));return{title:s,image:a,link:Lp(p),state:l,type:r}})}i(Ai,"mapWalletTypesToWalletInfo");function To(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}i(To,"walletAndSupportedChainsNames");function Ei(t,e,o,n){let r=[];function s(p,l){if(!!!r.find(c=>c.chain===p)){let c={address:l,chain:p,walletType:t};r.push(c)}}i(s,"addAccount");let a=n||[];return e.forEach(p=>{let{address:l,network:u}=Mp(p),c=a.length>0,d=a.includes(u),m=u===xi.Unknown;if(c&&!d&&!m)return;let C=u===xi.Unknown&&Dp(l);if(m&&!C)return;o.includes(u)||C?a.filter(k=>o.includes(k)).forEach(k=>{s(k,l.toLowerCase())}):s(u,l)}),r}i(Ei,"prepareAccountsForWalletStore");function Bi(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain;e.includes(n)||e.push(n),e.includes(r)||e.push(r),o.internalSwaps&&Array.isArray(o.internalSwaps)&&o.internalSwaps.forEach(s=>{let a=s.from.blockchain,p=s.to.blockchain;e.includes(a)||e.push(a),e.includes(p)||e.push(p)})}),e}i(Bi,"getRequiredChains");function Bt(t,e,o,n){if(t.length===0)return null;let r=t.filter(s=>s.chain===e);return r.length===0?null:r.map(s=>s.balances?.find(a=>n!==null&&a.address===n||n===null&&a.address===n&&a.symbol===o)||null).filter(s=>s!==null).sort((s,a)=>parseFloat(a?.amount||"0")-parseFloat(s?.amount||"1")).find(()=>!0)||null}i(Bt,"getBalanceFromWallet");function wo(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}i(wo,"isAccountAndWalletMatched");function Wi(t,e){let{blockChain:o,balances:n=[]}=t;return n?.map(r=>({chain:o,symbol:r.asset.symbol,ticker:r.asset.symbol,address:r.asset.address||null,rawAmount:r.amount.amount,decimal:r.amount.decimals,amount:new Fn(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:vo(o,r.asset.symbol,r.asset.address,e)||null}))||[]}i(Wi,"makeBalanceFor");function Ni(t){return{...t,loading:!1,error:!0}}i(Ni,"resetConnectedWalletState");var vo=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice"),bo=i((t,e)=>{let o=Pp(Object.entries(t).map(([,n])=>n).filter(_p));return o&&o[e]?.experimental},"isExperimentalChain");function Op(t,e){return t.map(({balance:o,...n})=>{let r=T(new Fn(Bt(e,n.blockchain,n.symbol,n.address)?.amount||Me)),s="";return n.usdPrice&&(s=T(new Fn(Bt(e,n.blockchain,n.symbol,n.address)?.amount||Me).multipliedBy(n.usdPrice))),{...n,...r!=="0"&&{balance:{amount:r,usdValue:s}}}})}i(Op,"getTokensWithBalance");function Ii(t,e){let o=e.length>0?Op(t,e):t;return o.sort((n,r)=>n.balance?.usdValue&&r.balance?.usdValue?parseFloat(r.balance.usdValue)-parseFloat(n.balance.usdValue):!n.balance?.usdValue&&r.balance?.usdValue?1:n.balance?.usdValue&&!r.balance?.usdValue?-1:!n.balance?.usdValue&&!r.balance?.usdValue?parseFloat(r.balance?.amount||"0")-parseFloat(n.balance?.amount||"0"):0),o}i(Ii,"getTokensBalanceFromWalletAndSort");function Xe(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}i(Xe,"tokensAreEqual");function Mi(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))}i(Mi,"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}`}i(xo,"getConciseAddress");function Li({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}i(Li,"getAddress");import{create as Hp}from"zustand";import{create as zp}from"zustand";var $p=i(t=>{let e=t;e.use={};for(let o of Object.keys(e.getState()))e.use[o]=()=>e(n=>n[o]);return e},"createSelectors"),we=$p;var Up={apiKey:""},Pi=i((t,e)=>({config:Up,updateConfig:o=>{let n=e().config;t({config:{...n,...o}})}}),"createConfigSlice");function Wt(t){return Array.from(new Set(t))}i(Wt,"removeDuplicateFrom");function On(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}i(On,"areEqual");function Di(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}i(Di,"debounce");function gt(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}i(gt,"containsText");var ae=i(()=>document.getElementById("swap-box"),"getContainer");var _i=i((t,e)=>({_blockchains:[],_tokens:[],_popularTokens:[],_swappers:[],blockchains:o=>{let n=e()._blockchains;if(!o||!o?.type)return n;let r=e().config,s=(o.type==="source"?r.from?.blockchains:r.to?.blockchains)??[];return n.filter(p=>!(s.length>0&&!s.includes(p.name)))},tokens:o=>{let n=e()._tokens;if(!o||!o?.type)return n;let r=e().config,s=(o.type==="source"?r.from?.tokens:r.to?.tokens)??[],a=e().blockchains({type:o.type});return n.filter(l=>s.length>0&&!s.some(u=>Xe(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=>Xe(r,o)),fetch:async()=>{let o=await xt().getAllMetadata(),n=[],r=[],s=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:s,_swappers:a})}}),"createDataSlice");var qp=zp()((...t)=>({..._i(...t),...Pi(...t)})),Le=we(qp);var v=we(Hp()(t=>({meta:{blockchains:[],popularTokens:[],swappers:[],tokens:[]},loadingStatus:"loading",fetchMeta:async()=>{try{await Le.getState().fetch();let e=Le.getState(),o={blockchains:e.blockchains(),tokens:e.tokens(),popularTokens:e._popularTokens,swappers:e._swappers};t({meta:o,loadingStatus:"success"})}catch{t({loadingStatus:"failed"})}}})));var G=we(Gp()(Vp((t,e)=>({connectedWallets:[],customDestination:"",loading:!1,connectWallet:o=>{let n=e().getWalletsDetails;t(r=>({loading:!0,connectedWallets:r.connectedWallets.filter(s=>s.walletType!==o[0].walletType).concat(o.map(s=>{let a=!r.connectedWallets.find(p=>p.chain===s.chain&&p.selected);return{balances:[],address:s.address,chain:s.chain,explorerUrl:null,walletType:s.walletType,selected:a,loading:!0,error:!1}}))})),n(o)},disconnectWallet:o=>{t(n=>{let r=n.connectedWallets.filter(s=>s.selected&&s.walletType!==o).map(s=>s.chain);return{connectedWallets:n.connectedWallets.filter(s=>s.walletType!==o).map(s=>r.includes(s.chain)?s:(r.push(s.chain),{...s,selected:!0}))}})},selectWallets:o=>t(n=>({connectedWallets:n.connectedWallets.map(r=>{let s=!!o.find(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 s?{...r,selected:!1}:a?{...r,selected:!0}:r})})),clearConnectedWallet:()=>t(()=>({connectedWallets:[],selectedWallets:[]})),getWalletsDetails:async(o,n=!0)=>{let r=e().getWalletsDetails,{tokens:s}=v.getState().meta;t(a=>({loading:!0,connectedWallets:a.connectedWallets.map(p=>o.find(l=>wo(l,p))?{...p,loading:!0}:p)}));try{let a=o.map(({address:u,chain:c})=>({address:u,blockchain:c})),l=(await xt().getWalletsDetails(a)).wallets;if(l)t(u=>({loading:!1,connectedWallets:u.connectedWallets.map(c=>{let d=o.find(h=>wo(h,c)),m=l.find(h=>h.address===c.address&&h.blockChain===c.chain);return m?.failed&&d&&n&&r([d],!1),d&&m?{...c,explorerUrl:m.explorerUrl,balances:Wi(m,s)}:c})}));else throw new Error("Wallet not found")}catch{t(p=>({loading:!1,connectedWallets:p.connectedWallets.map(l=>o.find(u=>wo(u,l))?Ni(l):l)}))}}}))));import{allProviders as Rp}from"@rango-dev/provider-all";function Ao(t,e){let o=Rp({walletconnect2:{WC_PROJECT_ID:e?.walletConnectProjectId||""}});if(t){let n=[];return t.forEach(r=>{if(typeof r=="string"){let s=o.find(a=>a.config.type===r);s?n.push(s):console.warn(`Couldn't find ${r} provider. Please make sure you are passing the correct name.`)}else n.push(r)}),n}return o}i(Ao,"matchAndGenerateProviders");function Fi(t,e){return Ao(t,e).map(r=>r.config.type)}i(Fi,"configWalletsToWalletName");function Oi(t,e){let o=G.use.clearConnectedWallet(),n=Ao(void 0,e);return Xp(()=>{o(),n=Ao(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}i(Oi,"useWalletProviders");var Un=Yp({onConnectWallet:()=>{}});function zn(t){let{blockchains:e}=v.use.meta(),{providers:o}=Oi(t.providers,t?.options),n=G.use.disconnectWallet(),r=G.use.connectWallet(),s=Qp(),a=e.filter(jp).map(l=>l.name),p=i((l,u,c,d,m)=>{if(u===$n.ACCOUNTS)if(c){let h=To(m),C=Ei(l,c,a,h);r(C)}else n(l);if(u===$n.ACCOUNTS&&d.connected){let h=`${l}-${d.network}-${c}`;d.connected&&(s.current?s.current(h):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(u===$n.NETWORK&&d.network){let h=`${l}-${d.network}`;s.current?s.current(h):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(l,u,c,d,m)},"onUpdateState");return $i.createElement(Un.Provider,{value:{onConnectWallet:l=>{s.current=l}}},$i.createElement(Kp,{allBlockChains:e,providers:o,onUpdateState:p,autoConnect:!0},t.children))}i(zn,"WidgetWallets");import{I18nManager as Ag,styled as Eg}from"@rango-dev/ui";import lt,{useContext as Bg,useEffect as Ap,useMemo as Wg,useState as bp}from"react";import{useQueueManager as xc}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Ac}from"@rango-dev/wallets-react";import{isEvmBlockchain as Ec}from"rango-types";import yt,{useEffect as Bc,useRef as Wc}from"react";import{MemoryRouter as Nc,useInRouterContext as Ic}from"react-router";import{useLocation as Mc,useNavigate as Lc}from"react-router-dom";var g={home:"/",fromSwap:"from-swap",fromBlockchain:"/from-swap/blockchains",toBlockchain:"/to-swap/blockchains",toSwap:"to-swap",settings:"settings",liquiditySources:"/settings/liquidity-sources",themes:"/settings/themes",bridges:"/settings/bridges",exchanges:"/settings/exchanges",languages:"/settings/languages",swaps:"swaps",wallets:"wallets",confirmSwap:"confirm-swap",swapDetails:"swaps/:requestId"};import{i18n as Yo}from"@lingui/core";import{Alert as lc,BestRoute as pc,BestRouteSkeleton as uc,Button as cc,Divider as ar,styled as Lt,SwapInput as Vs,Typography as lr,WarningIcon as mc}from"@rango-dev/ui";import j,{useEffect as dc,useRef as fc,useState as gc}from"react";import{useNavigate as hc}from"react-router-dom";import{ChevronLeftIcon as eu}from"@rango-dev/ui";import qi from"react";import{darkTheme as Zp,IconButton as Jp,styled as Eo}from"@rango-dev/ui";var Fe=Eo(Jp,{width:"$24",position:"relative",padding:"0",overflow:"unset"}),Ui=Eo("div",{position:"absolute",background:"$secondary500",[`.${Zp} &`]:{$$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"}),zi=Eo("div",{position:"absolute",backgroundColor:"$secondary500",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0"});function qn(t){return qi.createElement(Fe,{variant:"ghost",size:"small",onClick:t.onClick},qi.createElement(eu,{color:"black",size:16}))}i(qn,"BackButton");import{i18n as tu}from"@lingui/core";import{Button as ou,Typography as nu}from"@rango-dev/ui";import Hn from"react";function Gn(t){return Hn.createElement(Nt,null,Hn.createElement(ou,{variant:"ghost",onClick:t.onClick,size:"xsmall"},Hn.createElement(nu,{variant:"label",size:"medium",color:"error500"},tu.t("Cancel"))))}i(Gn,"CancelButton");import{i18n as ru}from"@lingui/core";import{Tooltip as iu,WalletIcon as su}from"@rango-dev/ui";import Bo from"react";function Vn(t){return Bo.createElement(iu,{container:t.container,side:"top",content:ru.t("Connect Wallet")},Bo.createElement(Fe,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&Bo.createElement(Ui,null),Bo.createElement(su,{size:18,color:"black"})))}i(Vn,"WalletButton");import{i18n as Io}from"@lingui/core";import{NotificationsIcon as wu,Popover as vu,RefreshIcon as bu,SettingsIcon as xu,Tooltip as Mo,TransactionIcon as Au}from"@rango-dev/ui";import de from"react";import{i18n as gu}from"@lingui/core";import{ChainToken as Ki,ChevronRightIcon as hu,ListItemButton as yu,Typography as Su}from"@rango-dev/ui";import Oe from"react";import{useNavigate as Cu}from"react-router-dom";import{create as au}from"zustand";import{persist as lu,subscribeWithSelector as pu}from"zustand/middleware";var Pe=we(au()(lu(pu((t,e)=>({notifications:[],setNotification:(o,n)=>{let r=n.steps[0],s=n.steps[n.steps.length-1],a={event:o,creationTime:Date.now(),read:!1,requestId:n.requestId,route:{from:{blockchain:r.fromBlockchain,tokenAddress:r.fromSymbolAddress,tokenSymbol:r.fromSymbol},to:{blockchain:s.toBlockchain,tokenSymbol:s.toSymbol,tokenAddress:s.toSymbolAddress}}},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 uu}from"zustand";var ve=we(uu()(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 Hi=Wo("div",{padding:"$10",width:"350px",minHeight:"150px"}),Gi=Wo("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),Vi=Wo("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),Ri=Wo("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as cu}from"@lingui/core";import{Divider as mu,NoNotificationIcon as du,Typography as fu}from"@rango-dev/ui";import No from"react";function Xi(){return No.createElement(Ri,null,No.createElement(du,{color:"secondary",size:26}),No.createElement(mu,{size:12}),No.createElement(fu,{variant:"body",size:"medium",color:"neutral900"},cu.t("You have no notification")))}i(Xi,"NotificationNotFound");var ku=4;function Rn(){let t=Cu(),e=ve.use.setSelectedSwap(),{getUnreadNotifications:o}=Pe(),n=o(),{tokens:r,blockchains:s}=v.use.meta(),a=n.sort((l,u)=>u.creationTime-l.creationTime).slice(0,ku),p=i(l=>{e(l),t(`/swaps/${l}`)},"handleOnClick");return Oe.createElement(Hi,null,a.length?Oe.createElement(Gi,null,a.map(l=>{let u=r.find(h=>h.address===l.route.from.tokenAddress&&h.blockchain===l.route.from.blockchain&&h.symbol===l.route.from.tokenSymbol),c=s.find(h=>h.name===l.route.from.blockchain),d=r.find(h=>h.address===l.route.to.tokenAddress&&h.blockchain===l.route.to.blockchain&&h.symbol===l.route.to.tokenSymbol),m=s.find(h=>h.name===l.route.to.blockchain);return Oe.createElement(yu,{key:l.requestId,onClick:()=>p(l.requestId),title:Oe.createElement(Su,{variant:"body",size:"small",color:"$neutral900"},gu.t(l.event.message)),id:l.requestId,start:Oe.createElement(Vi,null,Oe.createElement("div",{className:"from-chain-token"},Oe.createElement(Ki,{tokenImage:u?u.image:"",chainImage:c?c.logo:"",size:"small"})),Oe.createElement("div",{className:"to-chain-token"},Oe.createElement(Ki,{tokenImage:d?d.image:"",chainImage:m?m.logo:"",size:"small"}))),end:Oe.createElement(hu,{size:12,color:"gray"})})})):Oe.createElement(Xi,null))}i(Rn,"NotificationContent");import{Typography as Tu}from"@rango-dev/ui";import ji from"react";function Yi(){let{getUnreadNotifications:t}=Pe(),e=t().length;return e?ji.createElement(zi,null,ji.createElement(Tu,{variant:"body",size:"xsmall",color:"$background"},e)):null}i(Yi,"UnreadNotificationsBadge");function Xn(t){let{layoutRef:e,onClickRefresh:o,onClickHistory:n,onClickSettings:r,onClickNotifications:s}=t;return de.createElement(de.Fragment,null,de.createElement(Mo,{container:ae(),side:"top",content:Io.t("Refresh")},de.createElement(Fe,{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(vu,{align:"center",collisionBoundary:e,collisionPadding:{right:20,left:20},container:ae(),content:de.createElement(Rn,null)},de.createElement(Fe,{size:"small",variant:"ghost",onClick:s},de.createElement(wu,{size:18,color:"black"}),de.createElement(Yi,null)))),de.createElement(Mo,{container:ae(),side:"top",content:Io.t("Settings")},de.createElement(Fe,{size:"small",variant:"ghost",onClick:r},de.createElement(xu,{size:18,color:"black"}))),de.createElement(Mo,{container:ae(),side:"top",content:Io.t("Transactions History")},de.createElement(Fe,{size:"small",variant:"ghost",onClick:n},de.createElement(Au,{size:18,color:"black"}))))}i(Xn,"HomeButtons");import{BottomLogo as Eu,Divider as Bu,Header as Wu}from"@rango-dev/ui";import ge from"react";import{useNavigate as Nu}from"react-router-dom";import{styled as Kn}from"@rango-dev/ui";var Qi=Kn("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",backgroundColor:"$neutral100",variants:{fixedHeight:{true:{height:"95vh"},false:{height:"auto"}}}}),Zi=Kn("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"}}}}),Ji=Kn("div",{backgroundColor:"$background","& .footer__content":{padding:"$0 $20"},"& .footer__logo":{padding:"$0 $20 $10 $20"}});function Iu(t,e){let{children:o,header:n,footer:r,noPadding:s,hasLogo:a=!0,fixedHeight:p=!0}=t,l=G.use.connectedWallets(),u=ve.use.connectWalletsButtonDisabled(),c=Nu(),d=i(()=>{u||c("/"+g.wallets)},"onConnectWallet");return ge.createElement(Qi,{ref:e,fixedHeight:p,id:"swap-box"},ge.createElement(Wu,{prefix:ge.createElement(ge.Fragment,null,n.onBack&&ge.createElement(qn,{onClick:n.onBack})),title:n.title,suffix:ge.createElement(ge.Fragment,null,n.suffix,n.hasConnectWallet&&ge.createElement(Vn,{container:ae(),onClick:d,isConnected:!!l?.length}),n.onCancel&&ge.createElement(Gn,{onClick:n.onCancel}))}),ge.createElement(Zi,{noPadding:s},o),(a||r)&&ge.createElement(Ji,null,ge.createElement("div",{className:"footer__content"},r),a&&ge.createElement("div",{className:"footer__logo"},ge.createElement(Bu,{size:12}),ge.createElement(Eu,null))))}i(Iu,"LayoutComponent");var Q=ge.forwardRef(Iu);Q.displayName="Layout";import{Alert as Du,Button as _u,Divider as cs,NoRouteIcon as Fu,RefreshIcon as Ou,Typography as ms}from"@rango-dev/ui";import $e from"react";import{i18n as Se}from"@lingui/core";var Vt=(r=>(r[r.ROUTE_UPDATED=0]="ROUTE_UPDATED",r[r.ROUTE_SWAPPERS_UPDATED=1]="ROUTE_SWAPPERS_UPDATED",r[r.ROUTE_COINS_UPDATED=2]="ROUTE_COINS_UPDATED",r[r.ROUTE_AND_OUTPUT_AMOUNT_UPDATED=3]="ROUTE_AND_OUTPUT_AMOUNT_UPDATED",r))(Vt||{});var z={genericServerError:Se.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:Se.t("Please reset your liquidity sources."),description:Se.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources")},noRoutesError:{title:Se.t("No Routes Found"),description:"Reasons why Rango couldn't find a route: low liquidity on token, very low input amount or no routes available for the selected input/output token combination."},bridgeLimitErrors:{increaseAmount:Se.t("Bridge Limit Error: Please increase your amount"),decreaseAmount:Se.t("Bridge Limit Error: Please decrease your amount")},highValueLossError:{impactTitle:Se.t("High Price Impact"),title:Se.t("Price impact is too high!"),description:Se.t("The price impact is significantly higher than the allowed amount. If you are sure, continue, otherwise, change the swap."),confirmMessage:Se.t("Confirm High price impact")},routeUpdatedWithHighValueLoss:{title:Se.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:Se.t("USD Price Unknown"),title:Se.t("USD Price Unknown, Cannot calculate Price Impact."),description:Se.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:Se.t("Confirm USD Price Unknown")}};function Lo(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""}}i(Lo,"getConfirmSwapErrorMessage");import{create as Mu}from"zustand";import{persist as Lu,subscribeWithSelector as Pu}from"zustand/middleware";var ts=[.5,1,3],os=1,ns=5,rs=100,is=0;var $=we(Mu()(Lu(Pu(t=>({slippage:os,customSlippage:null,infiniteApprove:!1,affiliateRef:null,affiliatePercent:null,affiliateWallets:null,disabledLiquiditySources:[],theme:"auto",setSlippage:e=>t(()=>({slippage:e})),setCustomSlippage:e=>t(()=>({customSlippage:e})),setAffiliateRef:e=>t(()=>({affiliateRef:e})),setAffiliatePercent:e=>t(()=>({affiliatePercent:e})),setAffiliateWallets:e=>t(()=>({affiliateWallets:e})),toggleAllLiquiditySources:e=>t(o=>{if(e)return{disabledLiquiditySources:[]};let{swappers:n}=v.getState().meta,r=Wt(n.map(s=>s.swapperGroup));return r.length===o.disabledLiquiditySources.length?{disabledLiquiditySources:[]}:{disabledLiquiditySources:r}}),toggleInfiniteApprove:()=>t(e=>({infiniteApprove:!e.infiniteApprove})),toggleLiquiditySource:e=>t(o=>o.disabledLiquiditySources.includes(e)?{disabledLiquiditySources:o.disabledLiquiditySources.filter(n=>n!=e)}:{disabledLiquiditySources:o.disabledLiquiditySources.concat(e)}),setTheme:e=>t(()=>({theme:e}))})),{name:"user-settings",skipHydration:!0})));import{i18n as ss}from"@lingui/core";function as(t,e,o,n,r){return o?{alert:{type:"warning",text:z.genericServerError,action:{onClick:r,title:ss.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:ss.t("Reset")}},description:z.liquiditySourcesError.description}:{alert:null,description:z.noRoutesError.description}}i(as,"makeInfo");import{styled as jn}from"@rango-dev/ui";var ls=jn("div",{display:"flex",flexDirection:"column",alignItems:"center"}),ps=jn("div",{width:"100%"}),us=jn("div",{padding:"$6 $0"});function Rt(t){let{diagnosisMessage:e,fetch:o,error:n}=t,r=$.use.disabledLiquiditySources(),s=v.use.loadingStatus(),a=$.use.toggleAllLiquiditySources(),l=as(e??null,r,n||s==="failed",a,o);return $e.createElement(ls,null,$e.createElement(Fu,{size:24,color:"gray"}),$e.createElement(cs,{size:4}),$e.createElement(ms,{variant:"title",size:"small"},z.noRoutesError.title),!!l.description&&$e.createElement(ms,{variant:"body",size:"small",align:"center",color:"neutral900"},l.description),$e.createElement(cs,{size:4}),!!l.alert&&$e.createElement(ps,null,$e.createElement(Du,{type:l.alert.type,title:l.alert.text,action:l.alert.action&&$e.createElement(_u,{size:"xsmall",type:l.alert.type,prefix:$e.createElement(us,null,$e.createElement(Ou,{size:8})),onClick:l.alert.action.onClick},l.alert.action.title),variant:"alarm"})))}i(Rt,"NoRoutes");import{Alert as $s,Divider as Zu,InfoIcon as Ju}from"@rango-dev/ui";import qe from"react";import ct from"bignumber.js";import{create as Vu}from"zustand";import{subscribeWithSelector as Ru}from"zustand/middleware";import{getLastSuccessfulStep as Uu}from"@rango-dev/queue-manager-rango-preset";import dC from"bignumber.js";function ds(t,e){return e.find(o=>o.name===t)?.displayName}i(ds,"getBlockchainDisplayNameFor");function Je(t,e){return e.find(o=>o.name===t)?.shortName}i(Je,"getBlockchainShortNameFor");function Yn(t,e){return e.find(o=>Xe(o,t))??null}i(Yn,"findToken");function Qn(t,e){return e.find(o=>o.name===t)??null}i(Qn,"findBlockchain");function Zn(t,e,o){return o&&t.find(n=>{let r=e?.split("--");return r?.length===1?n.symbol===r[0]&&n.address===null&&n.blockchain===o.name:n.symbol===r?.[0]&&n.address===r?.[1]&&n.blockchain===o.name})||null}i(Zn,"searchParamsToToken");function fs(t){return t?.result?.swaps[t?.result?.swaps.length-1].to.usdPrice}i(fs,"getBestRouteToTokenUsdPrice");function Jn(t,e){let o=t.result?.swaps||[],n=e.result?.swaps||[];return o.length!==n.length}i(Jn,"isNumberOfSwapsChanged");function er(t,e){let o=t.result?.swaps.map(r=>r.swapperId)||[],n=e.result?.swaps.map(r=>r.swapperId)||[];return!On(o,n)}i(er,"isRouteSwappersUpdated");function tr(t,e){let o=t.result?.swaps.map(r=>r.to.symbol)||[],n=e.result?.swaps.map(r=>r.to.symbol)||[];return!On(o,n)}i(tr,"isRouteInternalCoinsUpdated");function gs(t,e){return Jn(t,e)||er(t,e)||tr(t,e)}i(gs,"isRouteChanged");function hs(t,e){if(e===null)return null;let o=e?.find(n=>n.blockchain===t.chain)?.wallets.find(n=>n.address?.toLowerCase()===t.address.toLowerCase());return o?o.requiredAssets:null}i(hs,"getRequiredBalanceOfWallet");function ys(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}}}}i(ys,"getFormattedBestRoute");function It(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}i(It,"getPriceImpactLevel");function Ss(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],s=Uu(t.steps),a={blockchain:r.toBlockchain,symbol:r.toSymbol,address:r.toSymbolAddress},p=Qn(s?s.toBlockchain:n.fromBlockchain,e),l=Qn(r.toBlockchain,e),u=Yn(s?{blockchain:p?.name??"",symbol:s.toSymbol,address:s.toSymbolAddress}:{blockchain:p?.name??"",symbol:n.fromSymbol,address:n.fromSymbolAddress},o),c=Yn(a,o),d=s?s.outputAmount??"":t.inputAmount;return{fromBlockchain:p,fromToken:u,toBlockchain:l,toToken:c,inputAmount:d}}i(Ss,"createRetryRoute");import{i18n as Ue}from"@lingui/core";import{PendingSwapNetworkStatus as Oo}from"@rango-dev/queue-manager-rango-preset";import be from"bignumber.js";function Cs(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)}}}))}i(Cs,"formatBestRoute");function Do(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,s=e[e.length-1];n!=s&&e.push(n),s=e[e.length-1],r!=s&&e.push(r)}),e}i(Do,"getRequiredWallets");function _o(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}i(_o,"isValidAddress");import{i18n as Fo}from"@lingui/core";var ht={connectWallet:Fo.t("Connect Wallet"),swap:Fo.t("Swap"),swapAnyway:Fo.t("Swap anyway"),ethRouteWarning:Fo.t("The route goes through Ethereum. Continue?")};function zo(t,e){return!t||!e||t.lte(Me)||e.lte(Me)?0:e.div(t).minus(1).multipliedBy(100)}i(zo,"getOutputRatio");function qo(t,e){return(parseInt(e.toFixed(2)||"0")<=-10&&t?.gte(new be(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new be(1e3)))??!1}i(qo,"outputRatioHasWarning");function Ho(t){return(t?.result?.swaps||[]).filter(e=>{let o=e.fromAmountMinValue?new be(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new be(e.fromAmountMaxValue):null;return e.fromAmountRestrictionType==="EXCLUSIVE"?o?.gte(e.fromAmount)||n?.lte(e.fromAmount):o?.gt(e.fromAmount)||n?.lt(e.fromAmount)}).length>0}i(Ho,"hasLimitError");function Go(t){if(!t)return{swap:null,fromAmountRangeError:"",recommendation:""};let e=(t?.result?.swaps||[]).filter(p=>{let l=p.fromAmountMinValue?new be(p.fromAmountMinValue):null,u=p.fromAmountMaxValue?new be(p.fromAmountMaxValue):null;return p.fromAmountRestrictionType==="EXCLUSIVE"?l?.gte(p.fromAmount)||u?.lte(p.fromAmount):l?.gt(p.fromAmount)||u?.lt(p.fromAmount)})[0];if(!e)return{swap:null,fromAmountRangeError:"",recommendation:""};let o=e.fromAmountMinValue?new be(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new be(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",s="",a="";return!r&&o&&o.gt(e.fromAmount)?(s=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)&&(s=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)?(s=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)&&(s=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:s,recommendation:a}}i(Go,"LimitErrorMessage");function ks(t,e,o,n,r,s,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"}:s||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"}}i(ks,"getSwapButtonState");function or(t,e,o){return!((!o||o.lte(Me))&&t?.result&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t.result)}i(or,"canComputePriceImpact");function qu(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,s=e[e.length-1];n!=s&&e.push(n),s=e[e.length-1],r!=s&&e.push(r)}),e}i(qu,"requiredWallets");var Hu=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice");function Gu(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 s=Hu(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new be(r.amount).multipliedBy(s||0))}return o}i(Gu,"getUsdFeeOfStep");function Vo(t,e){return t?.result?.swaps.reduce((o,n)=>o.plus(Gu(n,e)),Me)||null}i(Vo,"getTotalFeeInUsd");function Ts(t){return t.result?.swaps.map(o=>o.recommendedSlippage)?.map(o=>o?.slippage||"0")?.filter(o=>parseFloat(o)>0)?.sort((o,n)=>parseFloat(n)-parseFloat(o))?.find(()=>!0)||null}i(Ts,"getMinRequiredSlippage");function ws(t,e){return e?parseFloat(t)>=parseFloat(e):!0}i(ws,"hasProperSlippage");function Ro(t){let{fromToken:e,toToken:o,inputAmount:n,wallets:r,selectedWallets:s,disabledLiquiditySources:a,slippage:p,affiliateRef:l,affiliatePercent:u,affiliateWallets:c,initialRoute:d,destination:m}=t,h=s?.reduce((f,w)=>(f[w.chain]=w.address,f),{}),C=[];r?.forEach(f=>{let w=C.find(b=>b.blockchain===f.chain);w?w.addresses.push(f.address):C.push({blockchain:f.chain,addresses:[f.address]})});let y=!!d,S=Wt((d?.result?.swaps||[]).reduce((f,w)=>(f.push(w.from.blockchain,w.to.blockchain),w.internalSwaps&&Array.isArray(w.internalSwaps)&&w.internalSwaps.map(b=>{f.push(b.from.blockchain,b.to.blockchain)}),f),[]));return{amount:n.toString(),affiliateRef:l??void 0,affiliatePercent:u??void 0,affiliateWallets:c??void 0,checkPrerequisites:y,from:{address:e.address,blockchain:e.blockchain,symbol:e.symbol},to:{address:o.address,blockchain:o.blockchain,symbol:o.symbol},connectedWallets:C,selectedWallets:h??{},slippage:p.toString(),...m&&{destination:m},...a.length>0&&{swapperGroups:a,swappersGroupsExclude:!0},...y&&{blockchains:S}}}i(Ro,"createBestRouteRequestBody");function vs(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}i(vs,"getWalletsForNewSwap");function Mt(t){return t?.result?.outputAmount||null}i(Mt,"getRouteOutputAmount");function et(t,e){return!t||!e?null:new be(e).div(new be(t)).minus(1).multipliedBy(100)}i(et,"getPercentageChange");function bs(t,e){let o=Mt(t),n=Mt(e);if(!o||!n)return!1;let r=et(o,n);return r?r.toNumber()<=-1:!0}i(bs,"isOutputAmountChangedALot");function xs(t,e){let o=t.validationStatus,n=Bi(t);return e.sort((s,a)=>n.indexOf(s.chain)-n.indexOf(a.chain)).flatMap(s=>hs(s,o)||[]).filter(s=>!s.ok).map(s=>{let a=s.asset.symbol,p=T(new be(s.currentAmount.amount).shiftedBy(-s.currentAmount.decimals),8,8),l=T(new be(s.requiredAmount.amount).shiftedBy(-s.requiredAmount.decimals),8,8),u="";return s.reason==="FEE"&&(u=Ue.t(" for network fee")),s.reason==="INPUT_ASSET"&&(u=Ue.t(" for swap")),s.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:s.asset.blockchain}})})}i(xs,"getBalanceWarnings");function As(t,e){return(t?new be(t):Me).multipliedBy(e||0)}i(As,"calcOutputUsdValue");function Xt(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==Oo.NetworkChanged}i(Xt,"isNetworkStatusInWarningState");function Es(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}}}i(Es,"getSwapMessages");function Bs(t){let e=null;if(t.status==="failed"){let o=t.steps.slice().reverse().filter(n=>n.status==="success")[0];o&&(e={blockchain:o.toBlockchain,symbol:o.toSymbol,outputAmount:o.outputAmount,address:o.toSymbolAddress})}return e}i(Bs,"getLastConvertedTokenInFailedSwap");function Ws(t){return t.status==="failed"&&!!t.finishTime&&new Date().getTime()-parseInt(t.finishTime)<4*3600*1e3}i(Ws,"shouldRetrySwap");function Ns(t,e,o,n,r,s){return t||!e&&!qu(n).every(a=>r.map(p=>p.chain).includes(a))||!!e&&!o||!!e&&!!o&&s&&!_o(s,o)}i(Ns,"confirmSwapDisabled");var Xo=i((t,e)=>t?.usdPrice?new ct(e||Me).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),P=we(Vu()(Ru(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new ct(0),outputUsdValue:new ct(0),toBlockchain:null,toToken:null,bestRoute:null,routeWalletsConfirmed:!1,selectedWallets:[],customDestination:"",setRoute:e=>t(o=>{let n=null,r=Me;return Gt(o.inputAmount)?(e&&(n=e.result?.outputAmount?new ct(e.result?.outputAmount):null,r=As(e.result?.outputAmount,fs(e)||o.toToken?.usdPrice)),{bestRoute:e,...!!e&&{outputAmount:n,outputUsdValue:r}}):{}}),resetRoute:()=>t(()=>({bestRoute:null,outputAmount:null,outputUsdValue:new ct(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 ct(0),outputUsdValue:new ct(0),bestRoute:null},...!!o.fromToken&&{inputUsdValue:Xo(o.fromToken,e)}}))},retry:e=>{let{tokens:o,blockchains:n}=v.getState().meta,{fromBlockchain:r,fromToken:s,toBlockchain:a,toToken:p,inputAmount:l}=Ss(e,n,o);t({fromBlockchain:r,fromToken:s,inputAmount:l,outputAmount:null,inputUsdValue:Xo(s??null,l),outputUsdValue:new ct(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 Is=Ko("div",{width:"100%",paddingTop:"$10"}),nr=Ko("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),Ms=Ko("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%"}),Ls=Ko("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});import{i18n as Kt}from"@lingui/core";import{Button as Xu,Divider as _s,MessageBox as Fs,Modal as Ku,Typography as ju,WarningIcon as Yu}from"@rango-dev/ui";import ze from"react";import{useNavigate as Qu}from"react-router-dom";import{Typography as Ps}from"@rango-dev/ui";import rr from"react";function Ds(t){let{title:e,value:o,valueColor:n}=t;return rr.createElement(Ms,null,rr.createElement(Ps,{size:"medium",variant:"label",color:"neutral800"},e),rr.createElement(Ps,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}i(Ds,"RouteErrorsModalItem");function Os(t){let{highValueLoss:e,open:o,onToggle:n,percentageChange:r,inputUsdValue:s,outputUsdValue:a,totalFeeInUsd:p}=t,l=Qu(),u=e&&r?.lt(-10)?"error":"warning",c=[{title:Kt.t("Swapping"),value:T(s,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(Ku,{open:o,onClose:()=>n(!1),container:document.getElementById("swap-box")||document.body},e?ze.createElement(Fs,{type:u,title:z.highValueLossError.impactTitle,description:z.highValueLossError.description}):ze.createElement(Fs,{type:u,title:z.unknownPriceError.impactTitle,description:z.unknownPriceError.description}),e&&ze.createElement(nr,null,ze.createElement(_s,{size:20}),ze.createElement(ju,{size:"small",variant:"title"},Kt.t("Details")),ze.createElement(nr,null,c.map((d,m)=>ze.createElement(Ds,{key:m,...d})))),ze.createElement(_s,{size:32}),ze.createElement(Xu,{type:"primary",size:"large",prefix:ze.createElement(Yu,null),fullWidth:!0,onClick:()=>{l(g.confirmSwap)}},e?z.highValueLossError.confirmMessage:z.unknownPriceError.confirmMessage))}i(Os,"RouteErrorsModal");var ec=-10;function ir(t){let{bestRoute:e}=P(),{highValueLoss:o,percentageChange:n,priceImpactCanNotBeComputed:r,openModal:s,onToggle:a,totalFeeInUsd:p,outputUsdValue:l,inputUsdValue:u,loading:c,extraSpace:d}=t,m=Ho(e),{recommendation:h}=Go(e),C=!m&&(o||r),y=C||m;return qe.createElement(qe.Fragment,null,(c||d&&!y)&&qe.createElement(Zu,{size:20}),y&&qe.createElement(Is,null,C&&qe.createElement(qe.Fragment,null,qe.createElement($s,{title:o?z.highValueLossError.title:z.unknownPriceError.title,type:o&&n?.lt(ec)?"error":"warning",variant:"alarm",action:qe.createElement(Ls,{onClick:()=>a(!0)},qe.createElement(Ju,{size:12,color:"gray"}))})),m&&qe.createElement($s,{type:"error",variant:"alarm",title:h})),qe.createElement(Os,{highValueLoss:o,open:s,onToggle:a,percentageChange:n,inputUsdValue:u,outputUsdValue:l,totalFeeInUsd:p}))}i(ir,"RouteErrors");import{ReverseIcon as tc,styled as Us}from"@rango-dev/ui";import sr from"react";var oc=Us("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),nc=Us("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 zs(){let t=P.use.switchFromAndTo();return sr.createElement(oc,null,sr.createElement(nc,{onClick:()=>{t()}},sr.createElement(tc,{size:12})))}i(zs,"SwitchFromAndToButton");import{useEffect as qs,useRef as sc,useState as Hs}from"react";import{useRef as rc,useState as ic}from"react";function jo(){let[t,e]=ic(!1),o=rc(null),n=i(()=>o.current?.abort(),"cancel");return{fetch:i(async s=>{n(),o.current=new AbortController,e(!0);try{let a=await xt().getBestRoute(s,{signal:o.current.signal});return o.current=null,a}catch(a){throw a}finally{e(!1)}},"fetch"),loading:t,cancelFetch:n}}i(jo,"useFetchBestRoute");var ac=600;function Gs(){let{fetch:t,cancelFetch:e}=jo(),[o,n]=Hs(!1),{fromToken:r,toToken:s,inputAmount:a,inputUsdValue:p,resetRoute:l,setRoute:u}=P(),{slippage:c,customSlippage:d,affiliatePercent:m,affiliateRef:h,affiliateWallets:C,disabledLiquiditySources:y}=$(),[S,k]=Hs(""),f=sc(y),w=d??c,x=!r||!s||Xe(r,s)||!Gt(a),W=i(()=>{if(o||n(!0),!x){l();let E=Ro({fromToken:r,toToken:s,inputAmount:a,disabledLiquiditySources:y,slippage:w,affiliateRef:h,affiliatePercent:m,affiliateWallets:C});t(E).then(O=>{n(!1),u(O)}).catch(O=>{l(),O?.code!=="ERR_CANCELED"&&(k(O.message),n(!1))})}},"fetch"),F=Di(()=>{x||W()},ac);return qs(()=>{if(!Gt(a)||p?.eq(0)){n(!1),e();return}if(!x)return l(),n(!0),F(),e},[a,x]),qs(()=>{let E=!!f.current.length&&!y.length;return!x&&E&&W(),f.current=y,e},[y.length]),{fetch:W,loading:o,error:S}}i(Gs,"useSwapInput");var yc=Lt("div",{display:"flex",flexDirection:"column",overflowY:"visible"}),Sc=Lt("div",{position:"relative"}),Cc=Lt("div",{display:"flex",flexDirection:"column",gap:5,alignSelf:"stretch"}),Rs=Lt("div",{width:"100%",paddingTop:"$2"}),kc=Lt("div",{paddingBottom:"$15"}),Tc=Lt("div",{width:"100%",display:"flex"});function Qo(){let t=hc(),{fetch:e,loading:o,error:n}=Gs(),{fromToken:r,fromBlockchain:s,toToken:a,toBlockchain:p,setInputAmount:l,inputAmount:u,inputUsdValue:c,outputAmount:d,outputUsdValue:m,bestRoute:h,resetRouteWallets:C}=P(),{meta:{tokens:y,blockchains:S},loadingStatus:k}=v(),f=G.use.connectedWallets(),w=ve.use.setCurrentPage(),[b,x]=gc(!1),{fromAmountRangeError:W,swap:F,recommendation:E}=Go(h),O=fc(null),X=!!Number(u)&&(!!h||o||!!n),oe=!1,B=zo(c,m),J=qo(c,B),H=!or(h,u,c),ne=!or(h,u,m),L=ks(k,f,o,h,Ho(h),J,H||ne,oe,u),me=s&&r?T(Bt(f,s?.name,r?.symbol,r?.address)?.amount||"0",8,8):"0",Ne=s&&r?T(Bt(f,s?.name,r?.symbol,r?.address)?.amount||"0",Bt(f,s?.name,r?.symbol,r?.address)?.decimal):"0";dc(()=>(w(g.home),C(),w.bind(null,"")),[]);let U=!c||!m||!m.gt(0)?null:et(c.toNumber(),m.toNumber()),K=i(_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===F?.swapperId?j.createElement(kc,null,j.createElement(lc,{type:"error",title:E,footer:j.createElement(Tc,null,j.createElement(lr,{size:"xsmall",variant:"body",color:"neutral900"},W),j.createElement(ar,{direction:"horizontal",size:8}),j.createElement(lr,{size:"xsmall",variant:"body",color:"neutral900"},"|"),j.createElement(ar,{direction:"horizontal",size:8}),j.createElement(lr,{size:"xsmall",variant:"body",color:"neutral900"},Yo.t({id:"yourSymbol",message:"Yours: {amount} {symbol}",values:{amount:T(F?.fromAmount||null,6,6),symbol:se?.from.symbol}})))})):void 0})),"getBestRouteSteps"),Ie=Vo(h,y),Te=ys(h);return j.createElement(Q,{ref:O,fixedHeight:!1,hasLogo:!0,footer:j.createElement(cc,{type:"primary",size:"large",disabled:L.disabled,prefix:!L.disabled&&L.hasWarning&&j.createElement(mc,null),fullWidth:!0,onClick:()=>{L.state==="waitForConnecting"?t(g.wallets):L.state==="needToConfirm"?x(!0):t(g.confirmSwap)}},L.title),header:{hasConnectWallet:!0,title:Yo.t("Swap"),suffix:j.createElement(Xn,{layoutRef:O.current,onClickRefresh:h||n?e:void 0,onClickHistory:()=>t(g.swaps),onClickSettings:()=>t(g.settings)})}},j.createElement(yc,null,j.createElement(Cc,null,j.createElement(Sc,null,j.createElement(Vs,{label:Yo.t("From"),mode:"From",onInputChange:l,balance:me,chain:{displayName:s?.displayName||"",image:s?.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?z.unknownPriceError.impactTitle:void 0},disabled:k==="failed",loading:k==="loading",onSelectMaxBalance:()=>{me!=="0"&&l(Ne.split(",").join(""))}}),j.createElement(zs,null)),j.createElement(Vs,{sharpBottomStyle:!!h?.result||o,label:Yo.t("To"),mode:"To",chain:{displayName:p?.displayName||"",image:p?.logo||""},token:{displayName:a?.symbol||"",image:a?.image||""},percentageChange:U?.lt(0)?T(U,2,2):null,warningLevel:It(U?.toNumber()??0),price:{value:T(d,6,6),usdValue:ne?void 0:T(m,4,4),error:ne?z.unknownPriceError.impactTitle:void 0},onClickToken:()=>t("to-swap"),disabled:k==="failed",loading:k==="loading"})),o&&j.createElement(Rs,null,j.createElement(uc,{type:"basic"})),X&&!o&&Te?.result?.swaps?.length?j.createElement(Rs,null,j.createElement(pc,{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(Te.result.swaps),percentageChange:T(U,2,2),totalFee:T(Ie,2,2),totalTime:At(Et(h?.result?.swaps))})):X&&!o?j.createElement(j.Fragment,null,j.createElement(ar,{size:20}),j.createElement(Rt,{diagnosisMessage:Te?.diagnosisMessages?.[0],fetch:e,error:!!n})):null),j.createElement(ir,{openModal:b,onToggle:x,totalFeeInUsd:Ie,outputUsdValue:m,inputUsdValue:c,percentageChange:U,highValueLoss:J,priceImpactCanNotBeComputed:H||ne,loading:o||k==="loading",extraSpace:!!h?.result||!h}))}i(Qo,"Home");import{useEffect as pr,useRef as ur}from"react";import{createSearchParams as wc,useLocation as vc,useSearchParams as bc}from"react-router-dom";import{useEffect as Zo,useRef as Jo}from"react";function Xs(t){let{setInputAmount:e,setToToken:o,setToBlockchain:n,setFromBlockchain:r,setFromToken:s}=P(),{meta:{tokens:a,blockchains:p},loadingStatus:l}=v(),{setAffiliateRef:u,setAffiliatePercent:c,setAffiliateWallets:d}=$(),m=Jo(void 0),h=Jo(void 0),C=Jo(void 0),y=Jo(void 0);Zo(()=>{e(t?.amount?.toString()||"")},[t?.amount]),Zo(()=>{if(l==="success"){let S=p.find(f=>f.name===t?.from?.blockchain),k=a.find(f=>Xe(f,t?.from?.token||null));(S||!S&&C.current)&&r(S??null),(k||!k&&m.current)&&s(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]),Zo(()=>{if(l==="success"){let S=p.find(f=>f.name===t?.to?.blockchain),k=a.find(f=>Xe(f,t?.to?.token||null));(S||!S&&y.current)&&n(S??null),(k||!k&&h.current)&&o(k??null),y.current=t?.to?.blockchain,h.current=t?.to?.token}},[t?.to?.token?.symbol,t?.to?.token?.address,t?.to?.token?.blockchain,t?.to?.blockchain,l]),Zo(()=>{u(t?.affiliate?.ref??null),c(t?.affiliate?.percent??null),d(t?.affiliate?.wallets??null)},[t?.affiliate?.ref,t?.affiliate?.percent,t?.affiliate?.wallets])}i(Xs,"useSyncStoresWithConfig");function Ks(t){let e=ur(!0),[o,n]=bc(),r=vc(),s=ur(r.search),a=ur({}),p=P.use.fromBlockchain(),l=P.use.toBlockchain(),u=P.use.fromToken(),c=P.use.toToken(),d=P.use.setFromBlockchain(),m=P.use.setFromToken(),h=P.use.setToBlockchain(),C=P.use.setToToken(),y=P.use.inputAmount(),S=P.use.setInputAmount(),k=v.use.loadingStatus(),{blockchains:f,tokens:w}=v.use.meta(),b=ve.use.setSelectedSwap();return Xs(t.config),pr(()=>{let x={};wc(s.current).forEach((F,E)=>{x[E]=F}),a.current=x;let W=r.pathname.split(g.swaps+"/")[1]||null;W&&b(W)},[]),pr(()=>{if(!e.current){let x="",W="",F="",E="",O="";if(k!=="success")x=a.current["fromBlockchain"],W=a.current["fromToken"],F=a.current["toBlockchain"],E=a.current["toToken"],O=a.current["fromAmount"]||y;else{if(r.state==="redirect")return;x=p?.name||"",W=(u?.symbol||"")+(u?.address?`--${u?.address}`:""),F=l?.name||"",E=(c?.symbol||"")+(c?.address?`--${c?.address}`:""),O=y}n({...x&&{["fromBlockchain"]:x},...W&&{["fromToken"]:W},...F&&{["toBlockchain"]:F},...E&&{["toToken"]:E},...O&&{["fromAmount"]:O.toString()}},{replace:!0})}e.current=!1},[r.pathname,y,p,u,l,c]),pr(()=>{if(k==="success"){let x=o.get("fromBlockchain"),W=o.get("fromToken"),F=o.get("toBlockchain"),E=o.get("toToken"),O=o.get("fromAmount"),X=f.find(H=>H.name===x),oe=Zn(w,W,X||null),B=f.find(H=>H.name===F),J=Zn(w,E,B||null);X&&(d(X),oe&&m(oe)),B&&(h(B),J&&C(J)),O&&S(O)}},[k]),null}i(Ks,"UpdateUrl");function Pc(t){let e=Mc(),o=Lc(),n=Wc(!0),r=e.pathname.split("/"),a=r[r.length-1]===g.confirmSwap&&n.current;return Bc(()=>{a&&o("."),n.current=!1},[]),a?yt.createElement(Qo,null):yt.createElement(yt.Fragment,null," ",t.children)}i(Pc,"Route");function js({children:t,...e}){let o=Ic(),n=o?Pc:Nc,{blockchains:r}=v.use.meta(),{canSwitchNetworkTo:s}=Ac(),a=r.filter(Ec);return xc({lastConnectedWallet:e.lastConnectedWallet,clearDisconnectedWallet:e.clearDisconnectedWallet,disconnectedWallet:e.disconnectedWallet,evmChains:a,canSwitchNetworkTo:s}),yt.createElement(yt.Fragment,null,yt.createElement(n,null,t),o&&yt.createElement(Ks,{config:e.config}))}i(js,"AppRouter");import We from"react";import{useRoutes as rg}from"react-router-dom";import{i18n as Ke}from"@lingui/core";import{useManager as Em}from"@rango-dev/queue-manager-react";import{Alert as Cr,BestRoute as Bm,BestRouteSkeleton as Wm,Button as an,Divider as Ot,IconButton as Pa,MessageBox as Nm,Modal as Im,RefreshIcon as Mm,SettingsIcon as Lm,styled as Da,Tooltip as Pm,Typography as La,WalletIcon as Dm}from"@rango-dev/ui";import I,{useEffect as ln,useState as pn}from"react";import{flushSync as _m}from"react-dom";import{useNavigate as Fm}from"react-router-dom";import{i18n as rt}from"@lingui/core";import{Alert as Sr,BalanceErrors as cm,Button as Wa,ChevronDownIcon as mm,ChevronLeftIcon as dm,Divider as Ft,MessageBox as fm,Modal as Na,Typography as sn,WalletIcon as gm}from"@rango-dev/ui";import A,{useEffect as hm,useLayoutEffect as ym,useRef as Sm,useState as kt}from"react";import{useNavigate as Cm}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""}}i(tn,"getRouteWarningMessage");import*as Dt from"@radix-ui/react-collapsible";import{Button as Dc,darkTheme as Pt,IconButton as _c,keyframes as Ys,styled as Ce,TextField as Fc}from"@rango-dev/ui";var jt=300,Oc=Ys({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),$c=Ys({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),Qs=Ce("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),Zs=Ce("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}),Js=Ce("button",{borderRadius:"$xm",padding:"$10",border:"0",display:"flex",justifyContent:"center",$$color:"$colors$neutral100",[`.${Pt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",alignItems:"center",cursor:"pointer",width:110,position:"relative","&:hover":{$$color:"$colors$info100",[`.${Pt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$color:"$colors$info100",[`.${Pt} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color",outline:0},variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary",outlineStyle:"solid"}}}}),ea=Ce(Dt.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit"}),ta=Ce("div",{padding:"$20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),oa=Ce(_c,{position:"absolute",left:"$20"}),na=Ce("div",{paddingTop:"$20","& .wallets-list":{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}}),ra=Ce(Dt.Root,{backgroundColor:"$neutral200",borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),ia=Ce(Dc,{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}}),sa=Ce("div",{padding:"$10 $0","& .button__content":{display:"flex",justifyContent:"center",alignItems:"center"},"& .alarms":{paddingTop:"5px"}}),aa=Ce("div",{transition:`all ${jt}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),la=Ce("div",{display:"flex"}),pa=Ce(Fc,{padding:"$0 $15 $15 $15"}),ua=Ce(Dt.Content,{overflow:"hidden",variants:{open:{true:{animation:`${Oc} ${jt}ms ease-out`},false:{animation:`${$c} ${jt}ms ease-out`}}}}),ca=Ce("div",{overflow:"visible",width:"100%"});import{i18n as nt}from"@lingui/core";import{Button as lm,Divider as gr,Image as pm,MessageBox as hr,Modal as ba,SelectableWallet as um,Typography as xa,WalletState as Aa}from"@rango-dev/ui";import ie,{useEffect as Ea,useState as Qt}from"react";import{WalletState as ma}from"@rango-dev/ui";import{useWallets as Uc}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as zc,WalletTypes as qc}from"@rango-dev/wallets-shared";import{useEffect as Hc,useState as Gc}from"react";var Vc=Object.values(qc);function on(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:s,disconnect:a,getWalletInfo:p,connect:l}=Uc(),{connectedWallets:u}=G(),{blockchains:c}=v().meta,d=typeof e?.multiWallets>"u"?!0:e.multiWallets,m=Fi(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||Vc,h=Ai(s,p,m,o),C=Mi(h),[y,S]=Gc(""),k=i(x=>!u.find(W=>W.walletType===x&&W.chain===o),"isExperimentalChainNotAdded"),f=i(async x=>{let W=s(x);try{if(y&&S(""),W.connected)await a(x);else{let F=!!h.find(E=>E.state===ma.CONNECTED);if(!d&&F)return;n?.(x),await l(x),r?.(x)}}catch(F){S("Error: "+F?.message)}},"handleClick"),w=i(()=>{let x=h?.filter(W=>W.state===ma.CONNECTING)||[];for(let W of x)a(W.type)},"disconnectConnectingWallets");Hc(()=>()=>{w()},[]);let b=i((x,W,F)=>bo(F,W)&&k(x)&&!zc.includes(x),"shouldExcludeWallet");return{list:C.filter(x=>!b(x.type,o??"",c)),error:y,handleClick:f}}i(on,"useWalletList");import{i18n as ya}from"@lingui/core";import{styled as Ca,Typography as em,Wallet as tm,WalletState as om}from"@rango-dev/ui";import Ct,{Fragment as nm,useState as Sa}from"react";import{Divider as Yc,Modal as Qc}from"@rango-dev/ui";import mr from"react";import{i18n as _t}from"@lingui/core";import{Image as Kc,MessageBox as cr,WalletState as jc}from"@rango-dev/ui";import St from"react";import{keyframes as Rc,styled as nn}from"@rango-dev/ui";var hw=nn("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),da=nn("div",{position:"relative"}),Xc=Rc({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),fa=nn("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Xc} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),ga=nn("div",{"& img":{borderRadius:"50%"}});function ha(t){let{state:e,image:o,error:n}=t;return e===jc.CONNECTED?St.createElement(cr,{type:"success",title:_t.t("Wallet Connected"),description:_t.t("Your wallet is connected, you can use it to swap.")}):n?St.createElement(cr,{type:"error",title:_t.t("Failed to Connect"),description:n||_t.t("Your wallet is not connected. Please try again.")}):St.createElement(cr,{type:"loading",title:_t.t("Connecting to your wallet"),description:_t.t("Click connect in your wallet popup."),icon:St.createElement(da,null,St.createElement(ga,null,St.createElement(Kc,{src:o,size:45})),St.createElement(fa,null))})}i(ha,"ModalContent");function Yt(t){let{open:e,onClose:o,...n}=t;return mr.createElement(Qc,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},mr.createElement(ha,{...n}),mr.createElement(Yc,{direction:"vertical",size:32}))}i(Yt,"WalletModal");import{useInRouterContext as Zc,useNavigate as Jc}from"react-router-dom";function re(){let t=Zc(),e=Jc(),o=P.use.routeWalletsConfirmed();return g,{navigateBackFrom:i(r=>{if(r===g.swapDetails)return e("/"+g.swaps,{replace:!0});if(!t||window.history.state&&window.history.state.idx>0)e(-1);else{if([g.settings,g.wallets].includes(r)&&o)return e("/"+g.confirmSwap,{replace:!0});[g.fromSwap,g.toSwap,g.settings,g.wallets,g.swaps,g.confirmSwap].includes(r)?e(g.home,{replace:!0}):r===g.fromBlockchain?e("/"+g.fromSwap,{replace:!0}):r===g.toBlockchain?e("/"+g.fromSwap,{replace:!0}):r===g.liquiditySources&&e("/"+g.settings,{replace:!0})}},"navigateBackFrom")}}i(re,"useNavigateBack");var rm=Ca("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline",paddingTop:"$15",height:"100%"}),im=Ca("div",{textAlign:"center"}),rn=3e3,dr=300;function ka({config:t}){let{navigateBackFrom:e}=re(),[o,n]=Sa(!1),[r,s]=Sa(""),a=null,{list:p,handleClick:l,error:u}=on({config:t,onBeforeConnect:C=>{a=setTimeout(()=>{n(!0),s(C)},dr)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},rn)}}),c=v.use.loadingStatus(),d=p.find(C=>C.type===r),m=d?.image||"",h=d?.state||om.NOT_INSTALLED;return Ct.createElement(Q,{header:{title:ya.t("Connect Wallets"),onBack:e.bind(null,g.wallets)}},Ct.createElement(im,null,Ct.createElement(em,{variant:"title",size:"xmedium",align:"center"},ya.t("Choose a wallet to connect.")),Ct.createElement(rm,null,p.map((C,y)=>{let S=`wallet-${y}-${C.type}`;return Ct.createElement(nm,{key:S},Ct.createElement(tm,{...C,container:ae(),onClick:k=>{l(k)},isLoading:c==="loading"}))}),Ct.createElement(Yt,{open:!!o,onClose:()=>n(!1),image:m,state:h,error:u}))))}i(ka,"WalletsPage");import{keyframes as sm,styled as fr}from"@rango-dev/ui";var Ta=fr("div",{position:"relative"}),am=sm({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),wa=fr("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${am} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),va=fr("div",{"& img":{borderRadius:"50%"}});function yr(t){let{config:e,chain:o,isSelected:n,selectWallet:r,limit:s,onShowMore:a}=t,p=G.use.connectedWallets(),{blockchains:l}=v.use.meta(),[u,c]=Qt(""),[d,m]=Qt(null),[h,C]=Qt(!1),[y,S]=Qt(null),{connect:k}=Ba(),f=null,{list:w,error:b,handleClick:x}=on({config:e,chain:o,onBeforeConnect:B=>{f=setTimeout(()=>{c(B)},dr)},onConnect:()=>{f&&clearTimeout(f),setTimeout(()=>{c("")},rn)}}),[W,F]=Qt(w),E=w.length,O=s&&E-s>0,X=i(async B=>{C(!1),S("in-progress"),await k(B.walletType,B.chain),S("completed")},"addExperimentalChain");Ea(()=>{F(B=>{let J=w.findIndex(H=>n(H.type,o));return O&&J>1?[w[J]].concat(w.filter((H,ne)=>ne!==J)):B.map(H=>w.find(ne=>ne.type===H.type)??H)})},[JSON.stringify(w)]);let oe=document.querySelector("#swap-box");return Ea(()=>{let B=null;return y==="completed"&&(B=setTimeout(()=>S(null),rn)),()=>{B&&clearTimeout(B)}},[y]),ie.createElement(ie.Fragment,null,W.slice(0,s).map(B=>{let J=Li({connectedWallets:p,walletType:B.type,chain:o}),H=J?xo(J):"",ne=bo(l,o),L=!p.find(Ie=>Ie.walletType===B.type&&Ie.chain===o),me=ne&&L&&B.state===Aa.CONNECTED,Ne=me?nt.t({id:"addChain",message:"Add {chain} chain",values:{chain:o}}):H,U=i(()=>{B.state===Aa.DISCONNECTED?x(B.type):me?(m({walletType:B.type,chain:o,address:J??""}),C(!0)):r({walletType:B.type,chain:o,address:J??""})},"onClick"),K=d?.chain?ds(d.chain,l):void 0;return ie.createElement(ie.Fragment,null,ie.createElement(Yt,{open:u===B.type,onClose:()=>c(""),image:B.image,state:B.state,error:b}),!!d&&ie.createElement(ba,{open:!!d&&h,container:oe,onClose:()=>{m(null)}},ie.createElement(hr,{title:nt.t({id:"addBlockchain",message:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:K}}),type:"warning",description:nt.t({id:"addBlockchainDescription",message:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:K}})},ie.createElement(gr,{size:18}),ie.createElement(gr,{size:32}),ie.createElement(lm,{onClick:X.bind(null,d),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},nt.t("Confirm")))),y&&ie.createElement(ba,{open:!!y,onClose:S.bind(null,null),container:oe},y==="in-progress"?ie.createElement(hr,{type:"loading",title:nt.t({id:"addBlockchain",message:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:K}}),description:nt.t({id:"addBlockchainDescription",message:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:K}}),icon:ie.createElement(Ta,null,ie.createElement(va,null,ie.createElement(pm,{src:B.image,size:45})),ie.createElement(wa,null))}):ie.createElement(hr,{type:"success",title:nt.t({id:"blockchainAdded",message:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:K}}),description:nt.t({id:"blockchainAddedDescription",message:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:K}})}),ie.createElement(gr,{direction:"vertical",size:32})),ie.createElement(um,{key:B.type,description:Ne,onClick:U,selected:n(B.type,o),...B}))}),O&&ie.createElement(Js,{selected:!1,onClick:a.bind(null)},ie.createElement(xa,{variant:"label",size:"medium"},nt.t("Show more wallets"),ie.createElement(xa,{variant:"label",size:"medium",color:"$primary"},"\xA0+",E-(s??0)))))}i(yr,"WalletList");var km=2;function Ia(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,config:s,loading:a}=t,{blockchains:p}=v.use.meta(),{bestRoute:l,setSelectedWallets:u,routeWalletsConfirmed:c,setRouteWalletConfirmed:d,customDestination:m,setCustomDestination:h}=P(),{connectedWallets:C,selectWallets:y}=G(),[S,k]=kt(""),[f,w]=kt([]),[b,x]=kt(""),[W,F]=kt(null),[E,O]=kt(m),[X,oe]=kt(!!m),B=Sm(null),J=Do(l),H=typeof s?.customDestination>"u"?!0:s.customDestination,ne=p.find(D=>D.name===l?.result?.swaps[l?.result?.swaps.length-1].to.blockchain),L=i(D=>!!l?.result?.swaps.find(N=>N.from.blockchain===D),"isWalletRequiredFor"),[me,Ne]=kt(C.filter(D=>D.selected&&J.includes(D.chain))),U=p.find(D=>D.name===ne?.name),K=i((D,N)=>!!me.find(_=>_.walletType===D&&_.chain===N&&_.selected&&(L(N)||!L(N)&&!E)),"isSelected"),Ie=!!E&&X&&U&&!_o(U,E),Te=i(()=>{oe(!1),O(""),Ne(D=>{let N=!1;return D.map(_=>!N&&_.chain===ne?.name?(N=!0,{..._,selected:!0}):_)})},"resetCustomDestination"),_e=i(D=>{if(S&&k(""),K(D.walletType,D.chain))return;let _=C.find(Y=>Y.walletType===D.walletType&&Y.chain===D.chain);_&&(n(),D.chain===ne?.name&&X&&(oe(!1),O("")),Ne(Y=>Y.filter(le=>le.chain!==D.chain).concat({..._,selected:!0})))},"onChange"),se=i(()=>{let D=me.filter(N=>N.selected);y(D),u(D),h(E),d(!0),o()},"onConfirmBalance"),ft=i(async()=>{w([]),x(""),F(null);let D=C.filter(Y=>me.find(le=>le.chain===Y.chain&&le.walletType===Y.walletType)),N=await r?.({selectedWallets:D,customDestination:E}),_=N.warnings;_?.balance?.messages&&w(_.balance.messages),_?.route&&F(_.route),N.error&&x(Lo(N.error)),!N.error&&(!_?.balance?.messages.length||0>0)?se():w(_?.balance?.messages??[])},"onConfirmWallets");hm(()=>{Ne(D=>D.concat(C.filter(N=>!!!D.find(Y=>Y.chain===N.chain)&&N.selected&&J.includes(N.chain))))},[C.length]),ym(()=>{X&&B.current&&setTimeout(()=>{B?.current?.scrollIntoView({behavior:"smooth"})},jt)},[X]);let Ze=document.querySelector("#swap-box"),bt=Cm();return A.createElement(Na,{open:e,onClose:()=>{c||bt(g.home,{replace:!0}),o()},dismissible:!S,container:Ze,...!S&&{footer:A.createElement(la,null,A.createElement(Wa,{loading:a,disabled:Ns(a,X,E,l,me,ne),onClick:ft,variant:"contained",type:"primary",fullWidth:!0,size:"large"},"Confirm"))},...S&&{containerStyle:{padding:"$0"},header:A.createElement(ta,null,A.createElement(oa,{variant:"ghost",onClick:k.bind(null,"")},A.createElement(dm,{size:16})),A.createElement(sn,{variant:"headline",size:"small"},rt.t({id:"yourWallets",message:"Your {blockchainName} wallets",values:{blockchainName:S}})))},anchor:"center"},A.createElement(Na,{open:f.length>0,onClose:w.bind(null,[]),container:Ze},A.createElement(fm,{title:rt.t("Insufficient account balance"),type:"error",description:A.createElement(cm,{messages:f??[]})},A.createElement(Wa,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:se},rt.t("Proceed anyway")))),S&&A.createElement(na,null,A.createElement("div",{className:"wallets-list"},A.createElement(yr,{chain:S,isSelected:K,selectWallet:_e,multiWallets:s?.multiWallets??!0,supportedWallets:s?.wallets??[],config:s,onShowMore:k.bind(null,S)}))),!S&&A.createElement(A.Fragment,null,b&&A.createElement(A.Fragment,null,A.createElement(Sr,{variant:"alarm",type:"error",title:rt.t(b)}),A.createElement(Ft,{size:12})),W&&A.createElement(A.Fragment,null,A.createElement(Sr,{variant:"alarm",type:"warning",title:tn(W)}),A.createElement(Ft,{size:12})),A.createElement(ca,null,J.map((D,N)=>{let _=p.find(ue=>ue.name===D),Y=`wallet-${N}`,le=N===J.length-1;return A.createElement("div",{key:Y},A.createElement(Qs,null,A.createElement(sn,{variant:"title",size:"xmedium"},rt.t({id:"yourWallets",message:"Your {blockchainName} wallets",values:{blockchainName:_?.displayName}})),A.createElement(sn,{variant:"label",color:"$neutral900",size:"medium"},rt.t({id:"needConnect",message:"You need to connect a {blockchainName} wallet.",values:{blockchainName:_?.displayName}}))),A.createElement(Ft,{size:24}),A.createElement(Zs,null,A.createElement(yr,{chain:D,isSelected:K,selectWallet:_e,multiWallets:s?.multiWallets??!0,supportedWallets:s?.wallets??[],config:s,limit:km,onShowMore:()=>k(_?.name??"")})),!le&&A.createElement(Ft,{size:32}),le&&H&&A.createElement(sa,null,A.createElement(ra,{ref:B,selected:X,open:X,onOpenChange:ue=>{ue?L(ne?.name??"")||Ne(ho=>ho.map(yo=>yo.chain===ne?.name?{...yo,selected:!1}:yo)):Te()}},A.createElement(ea,{onClick:()=>oe(ue=>!ue)},A.createElement(ia,{fullWidth:!0,variant:"default",suffix:A.createElement(aa,{orientation:X?"up":"down"},A.createElement(mm,{size:10,color:"gray"}))},A.createElement("div",{className:"button__content"},A.createElement(gm,{size:18,color:"info"}),A.createElement(Ft,{size:4,direction:"horizontal"}),A.createElement(sn,{variant:"label",size:"medium"},rt.t("Send to a different address"))))),A.createElement(ua,{open:X},A.createElement(A.Fragment,null,A.createElement(Ft,{size:4}),A.createElement(pa,{autoFocus:!0,placeholder:rt.t("Your destination address"),value:E,onChange:ue=>{O(ue.target.value)}})))),Ie&&A.createElement("div",{className:"alarms"},A.createElement(Sr,{variant:"alarm",type:"error",title:rt.t({id:"addressMatch",values:{destination:E},message:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}i(Ia,"ConfirmWalletsModal");import{calculatePendingSwap as wm}from"@rango-dev/queue-manager-rango-preset";import vm from"bignumber.js";import{useEffect as bm}from"react";function xm(t,e){if(!t.result)throw new Error(z.noRoutesError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});let o=new vm(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}i(xm,"throwErrorIfResponseIsNotValid");function Am(t,e,o){let n=gs(t,e),r={balance:null,route:null,slippage:null};n&&(bs(t,e)?r.route={type:3,newOutputAmount:T(Mt(e)),percentageChange:T(et(Mt(t),Mt(e)),null,2)}:Jn(t,e)?r.route={type:0}:er(t,e)?r.route={type:1}:tr(t,e)&&(r.route={type:2}));let s=xs(e,o.selectedWallets);s.length===0||(r.balance={messages:s});let p=Ts(t),l=o.userSlippage>ns;return ws(o.userSlippage.toString(),p)?l&&(r.slippage={type:1,slippage:o.userSlippage.toString()}):r.slippage={type:0,slippage:p},r}i(Am,"generateWarnings");function Ma(){let{fromToken:t,toToken:e,inputAmount:o,inputUsdValue:n,setRoute:r,bestRoute:s,customDestination:a}=P(),{slippage:p,customSlippage:l,affiliatePercent:u,affiliateRef:c,affiliateWallets:d,disabledLiquiditySources:m}=$(),{connectedWallets:h}=G(),{meta:C}=v(),y=l||p,{fetch:S,cancelFetch:k,loading:f}=jo();return bm(()=>k,[]),{loading:f,fetch:i(async b=>{let x=b.selectedWallets,W=b?.customDestination??a;if(!t||!e||!o||!s)return{route:null,swap:null,error:null,warnings:null};let F=Ro({fromToken:t,toToken:e,inputAmount:o,wallets:h,selectedWallets:x,disabledLiquiditySources:m,slippage:y,affiliateRef:c,affiliatePercent:u,affiliateWallets:d,initialRoute:s,destination:W}),E;try{E=await S(F).then(oe=>xm(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 O={slippage:y.toString(),disabledSwappersGroups:m},X=wm(o.toString(),E,vs(x),O,!1,C);return{route:E,swap:X,error:null,warnings:Am(s,E,{selectedWallets:x,userSlippage:y})}},"fetch"),cancelFetch:k}}i(Ma,"useConfirmSwap");var Om=Da("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"}}),$m=Da("div",{width:"100%",display:"flex",justifyContent:"space-between","& .confirm-button":{flexGrow:1,paddingRight:"$10"},[`& ${Pa}`]:{width:"$48",height:"$48"}});function _a(t){let{config:e}=t,{bestRoute:o,inputAmount:n,outputAmount:r,inputUsdValue:s,outputUsdValue:a,setInputAmount:p,selectedWallets:l,routeWalletsConfirmed:u,setRouteWalletConfirmed:c,customDestination:d}=P(),m=Fm(),[h,C]=pn(""),[y,S]=pn(!1),{connectedWallets:k}=G(),f=!u,[w,b]=pn(!1),x=ve.use.setSelectedSwap(),{meta:{tokens:W,blockchains:F},loadingStatus:E}=v(),O=$.use.slippage(),X=$.use.customSlippage(),{manager:oe}=Em(),B=X||O,{fetch:J,loading:H,cancelFetch:ne}=Ma(),[L,me]=pn({swap:null,error:null,warnings:null}),Ne=H||E==="loading",U=!H&&L.error&&[0,2].includes(L.error.type),K=!U&&!H&&o&&o.result,Ie=Vo(o,W),Te=T(et(s?.toNumber()??0,a?.toNumber()??0),2,2),_e=It(parseFloat(Te)),se=i(async({selectedWallets:N,customDestination:_})=>{let Y=await J?.({selectedWallets:N,customDestination:_});return me(Y),Y},"onConfirmSwap"),ft=i(async()=>{if(L.swap&&u)try{await oe?.create("swap",{swapDetails:L.swap},{id:L.swap.requestId}),x(L.swap.requestId),m("/"+g.swaps+`/${L.swap.requestId}`,{replace:!0}),setTimeout(()=>{p("")},0)}catch(N){C("Error: "+N?.message)}},"addNewSwap"),Ze=i(async()=>{await ft()},"onConfirm"),bt=i(async()=>{L?.warnings?.slippage?S(!0):await Ze()},"onStartConfirmSwap"),D=i(async()=>{me({error:null,swap:null,warnings:null}),J({selectedWallets:l}).then(N=>{me(N)}).catch(N=>console.error(N))},"onRefresh");return ln(()=>{f&&ne()},[f]),ln(()=>{f&&b(f)},[f]),ln(()=>{f||J({selectedWallets:l,customDestination:d}).then(N=>me(N)).catch(N=>console.error(N))},[]),ln(()=>{let N=L.warnings?.route?.type&&Object.values(Vt).includes(L.warnings?.route?.type),_=l.length<1||!l.every(le=>k.find(ue=>le.address===ue.address&&le.walletType===ue.walletType&&le.chain===ue.chain)),Y=!1;if(N){let le=Do(o),ue=o?.result?.swaps[o.result.swaps.length-1].to.blockchain;!!o?.result?.swaps.find(Pn=>Pn.from.blockchain===ue)||(le=le.slice(-le.length,le.length-1)),le.every(Pn=>l.find(Ep=>Ep.chain===Pn))||(Y=!0)}o&&(_||Y)&&(queueMicrotask(()=>_m(b.bind(null,!0))),c(!1))},[L.warnings?.route,l.length,k.length]),I.createElement(Q,{header:{title:Ke.t("Confirm Swap"),onBack:m.bind(null,-1),hasConnectWallet:!0,suffix:I.createElement(Pm,{container:ae(),side:"bottom",content:Ke.t("Settings")},I.createElement(Fe,{size:"small",variant:"ghost",onClick:()=>m("/"+g.settings)},I.createElement(Lm,{size:18,color:"black"})))},footer:I.createElement($m,null,I.createElement("div",{className:"confirm-button"},I.createElement(an,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:H,disabled:!!L.error,onClick:bt},Ke.t("Start Swap"))),I.createElement(Pa,{variant:"contained",type:"primary",size:"large",loading:H,onClick:b.bind(null,!0)},I.createElement(Dm,{size:24})))},I.createElement(Im,{anchor:"bottom",open:y,prefix:I.createElement(an,{size:"small",variant:"ghost",onClick:()=>m("/"+g.settings)},I.createElement(La,{variant:"label",size:"medium",color:"$neutral900"},Ke.t("Change settings"))),container:document.querySelector("#swap-box"),onClose:S.bind(null,N=>!N)},L.warnings?.slippage&&I.createElement(Nm,{type:"warning",title:L.warnings.slippage.type===1?Ke.t("High slippage"):Ke.t("Low slippage"),description:L.warnings.slippage.type===1?Ke.t("highSlippage",{selectedSlippage:B},{message:" Caution, your slippage is high (={selectedSlippage}). Your trade may be front run."}):Ke.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:Ze},Ke.t("Confirm anyway")))),w&&I.createElement(Ia,{open:w,onClose:()=>b(!1),onCancel:ne,loading:H,onCheckBalance:se,config:e}),I.createElement(Om,null,I.createElement("div",{className:"description"},I.createElement(La,{variant:"title",size:"small"},Ke.t("You get")),I.createElement(an,{style:{padding:"0"},variant:"ghost",disabled:H,onClick:D},I.createElement("div",{className:"icon"},I.createElement(Mm,{size:16})))),h&&I.createElement(I.Fragment,null,I.createElement(Cr,{type:"error",variant:"alarm",title:h}),I.createElement(Ot,{size:12})),L.warnings?.route&&I.createElement(I.Fragment,null,I.createElement(Cr,{variant:"alarm",type:"warning",title:tn(L.warnings.route)}),I.createElement(Ot,{size:12})),Ne&&I.createElement(Wm,{type:"swap-preview",expanded:!0}),K&&I.createElement(Bm,{expanded:!0,tooltipContainer:ae(),steps:Cs(o,F)??[],input:{value:T(n,6,6),usdValue:T(s,4,4)},output:{value:T(r,6,6),usdValue:T(a,4,4)},totalFee:T(Ie,2,2),totalTime:At(Et(o.result?.swaps)),recommended:!0,type:"swap-preview",percentageChange:Te,warningLevel:_e}),U&&I.createElement(I.Fragment,null,I.createElement(Ot,{size:12}),I.createElement(Rt,{diagnosisMessage:L.error?.type===0?L.error.diagnosisMessage:void 0,error:L.error?.type===2,fetch:D})),L.error?.type===1&&I.createElement(I.Fragment,null,I.createElement(Cr,{variant:"alarm",type:"error",title:Lo(L.error)}),I.createElement(Ot,{size:12}))))}i(_a,"ConfirmSwapPage");import{i18n as mn}from"@lingui/core";import{useManager as Vm}from"@rango-dev/queue-manager-react";import{Divider as Rm,NotFound as Xm,styled as Va}from"@rango-dev/ui";import mt,{useState as Km}from"react";import{useNavigate as jm}from"react-router-dom";import{CloseIcon as zm,IconButton as qm,SearchIcon as Hm,TextField as Gm}from"@rango-dev/ui";import Zt from"react";import{styled as Um}from"@rango-dev/ui";var Fa=Um("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function it(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:s,value:a,setValue:p,...l}=t;return Zt.createElement(Gm,{prefix:Zt.createElement(Fa,null,Zt.createElement(Hm,{color:"black"})),suffix:!!a.length&&Zt.createElement(qm,{variant:"ghost",onClick:()=>p?.(""),size:"small"},Zt.createElement(zm,{color:"gray",size:10})),fullWidth:o,color:n,variant:e,style:{padding:10,borderRadius:25,alignItems:"center"},size:r,value:a,onChange:s,...l})}i(it,"SearchInput");import{i18n as $a}from"@lingui/core";import{Divider as Ua,SwapListItem as za,Typography as qa}from"@rango-dev/ui";import te from"react";import{styled as un}from"@rango-dev/ui";var kr=un("div",{width:"100%",display:"flex",flexDirection:"column"}),Tr=un("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),wr=un("div",{gap:"$10",display:"flex",flexDirection:"column"}),Oa=un("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});function vr(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,s=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(kr,null,te.createElement(Tr,null,te.createElement(qa,{variant:"label",size:"medium",color:"neutral800",className:"group-title"},$a.t(l.title))),te.createElement(Ua,{size:4}),te.createElement(wr,null,l.swaps.map((u,c)=>{let d=c+l.title;return te.createElement(te.Fragment,{key:d},te.createElement(za,{isLoading:!0}))}))))))}return te.createElement(te.Fragment,null,s.filter(a=>a.swaps.length>0).map(a=>te.createElement(te.Fragment,{key:a.title},te.createElement(kr,null,te.createElement(Tr,null,te.createElement(qa,{variant:"label",size:"medium",color:"neutral800",className:"group-title"},$a.t(a.title))),te.createElement(Ua,{size:4}),te.createElement(wr,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(za,{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:ko(p.inputAmount)},to:{token:{image:u.toLogo,displayName:u.toSymbol},blockchain:{image:u.toBlockchainLogo||""},amount:ko(u.outputAmount||""),estimatedAmount:ko(u.expectedOutputAmountHumanReadable||"")}}}))}))))))}i(vr,"SwapsGroup");import Ha from"dayjs";var Ga=i(t=>{let e=new Map([["today",{title:"Today",swaps:[]}],["month",{title:"Last month",swaps:[]}],["year",{title:"Last year",swaps:[]}],["history",{title:"History",swaps:[]}]]),o=Ha();return t.forEach(n=>{let r=Ha(Number(n.creationTime));o.isSame(r,"day")?e.get("today")?.swaps.push(n):o.isSame(r,"month")?e.get("month")?.swaps.push(n):o.isSame(r,"year")?e.get("year")?.swaps.push(n):e.get("history")?.swaps.push(n)}),Array.from(e.values())},"groupSwapsByDate");var cn=i(t=>{let e=[];return t?.getAll().forEach((o,n)=>{let r=o.list.getStorage();r?.swapDetails&&e.push({id:n,swap:r?.swapDetails})}),e.sort((o,n)=>Number(n.swap.creationTime)-Number(o.swap.creationTime))},"getPendingSwaps");var Ym=Va("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",height:"100%",gap:15}),Qm=Va("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),Zm=i((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 Ra(){let t=ve.use.setSelectedSwap(),e=jm(),{navigateBackFrom:o}=re(),{manager:n,state:r}=Vm(),s=cn(n).map(({swap:m})=>m),[a,p]=Km(""),l=!r.loadedFromPersistor,u=i(m=>{let h=m.target.value;p(h)},"searchHandler"),c=s;a&&(c=s.filter(m=>Ve(m.inputAmount,a)||Ve(m.status,a)||Zm(m.steps,a)||Ve(m.requestId,a)));let d=!c?.length&&!l;return mt.createElement(Q,{header:{onBack:o.bind(null,g.swaps),title:mn.t("History")}},mt.createElement(Ym,null,mt.createElement(it,{setValue:p,fullWidth:!0,variant:"contained",placeholder:mn.t("Search Transaction"),autoFocus:!0,onChange:u,value:a}),mt.createElement(Qm,null,d&&mt.createElement(Oa,null,mt.createElement(Rm,{size:32}),mt.createElement(Xm,{title:mn.t("No results found"),description:a?mn.t("Try using different keywords"):""})),!d&&mt.createElement(vr,{list:c,onSwapClick:m=>{t(m),e(`${m}`,{replace:!0})},groupBy:Ga,isLoading:l}))))}i(Ra,"HistoryPage");import{i18n as eo}from"@lingui/core";import{List as Jm,ListItemButton as ed,Radio as Ar,RadioRoot as td,Typography as Er}from"@rango-dev/ui";import He,{useState as od}from"react";import{styled as dn}from"@rango-dev/ui";var st=dn("div",{height:"100%",overflow:"hidden"}),Jt=dn("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto"}),br=dn("div",{width:80,display:"flex",justifyContent:"flex-end"}),xr=dn("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});function Xa(){let{navigateBackFrom:t}=re(),[e,o]=od("english"),n=[{id:"english",value:"english",title:He.createElement(Er,{variant:"title",size:"xmedium"},eo.t("English")),onClick:()=>o("english"),end:He.createElement(Ar,{value:"english"})},{id:"french",value:"french",title:He.createElement(Er,{variant:"title",size:"xmedium"},eo.t("French")),onClick:()=>o("french"),end:He.createElement(Ar,{value:"french"})},{id:"spanish",value:"spanish",title:He.createElement(Er,{variant:"title",size:"xmedium"},eo.t("Spanish")),onClick:()=>o("spanish"),end:He.createElement(Ar,{value:"spanish"})}];return He.createElement(Q,{header:{onBack:t.bind(null,g.settings),title:eo.t("Language")}},He.createElement(st,null,He.createElement(td,{value:e},He.createElement(Jm,{type:He.createElement(ed,{title:eo.t("language"),id:"_",onClick:()=>console.log()}),items:n}))))}i(Xa,"LanguagePage");import{i18n as $t}from"@lingui/core";import{Button as ad,Checkbox as ld,Image as pd,ListItemButton as ud,NotFound as cd,Typography as md}from"@rango-dev/ui";import ke,{useState as dd}from"react";import{Checkbox as id,Skeleton as ja}from"@rango-dev/ui";import to from"react";import{ListItem as nd,styled as rd}from"@rango-dev/ui";var Ka=rd(nd,{height:61});var sd=30;function Br(){return to.createElement(Jt,null,Array.from(Array(sd),t=>to.createElement(Ka,{hasDivider:!0,key:t,start:to.createElement(ja,{variant:"circular",width:35,height:35}),title:to.createElement(ja,{variant:"text",size:"large",width:90}),end:to.createElement(id,{checked:!1})})))}i(Br,"LoadingLiquiditySourceList");function fn(t){let e=v.use.meta().swappers,o=$.use.disabledLiquiditySources(),n=[];return Wt(e.map(s=>s.swapperGroup)).map(s=>{let a=e.find(p=>p.swapperGroup===s);if(a){let p=!0;t&&(p=t.some(l=>l===a.title)),p&&a.types.map(l=>{n.push({id:a.swapperGroup,groupTitle:a.swapperGroup,logo:a.logo,type:l,selected:!o.includes(a.swapperGroup)})})}}),n}i(fn,"getUniqueSwappersGroups");function Ya(t,e){return t.groupTitle<e.groupTitle?-1:t.groupTitle>e.groupTitle?1:0}i(Ya,"sortLiquiditySourcesByGroupTitle");function Wr({supportedSwappers:t,sourceType:e}){let[o,n]=dd(""),r=$.use.toggleLiquiditySource(),{navigateBackFrom:s}=re(),a=v.use.loadingStatus(),p=fn(t),l=[];e==="Exchanges"&&l.push("DEX"),e==="Bridges"&&(l.push("BRIDGE"),l.push("AGGREGATOR"));let u=p.filter(y=>l.includes(y.type)),c=u.length===u.filter(y=>y.selected).length,d=i(()=>{u.forEach(y=>{c?r(y.groupTitle):y.selected||r(y.groupTitle)})},"toggleAllSources"),m=u.sort(Ya).map(y=>{let{selected:S,groupTitle:k,logo:f}=y;return{start:ke.createElement(pd,{src:f,size:22,type:"circular"}),onClick:()=>r(k),end:ke.createElement(ld,{checked:S}),title:ke.createElement(md,{variant:"title",size:"xmedium"},$t.t(k)),...y}}),h=i(y=>{let S=y.target.value;n(S)},"searchHandler"),C=m;return o&&(C=m.filter(y=>Ve(y.groupTitle,o))),ke.createElement(Q,{header:{onBack:s.bind(null,g.settings),title:$t.t(e),suffix:ke.createElement(br,null,ke.createElement(ad,{variant:"ghost",size:"xsmall",onClick:d},$t.t(c?"Deselect all":"Select all")))}},ke.createElement(st,null,ke.createElement(it,{value:o,setValue:n,fullWidth:!0,color:"light",variant:"contained",placeholder:$t.t("Search {sourceType}",{sourceType:e}),onChange:h}),a==="loading"&&ke.createElement(Br,null),!C.length&&o?ke.createElement(xr,null,ke.createElement(cd,{title:$t.t("No results found"),description:$t.t("Try using different keywords")})):a==="success"&&ke.createElement(Jt,null,C.map(y=>ke.createElement(ke.Fragment,{key:y.id},ke.createElement(ud,{style:{height:"61px"},...y,selected:!1,hasDivider:!0}))))))}i(Wr,"LiquiditySourcePage");import{i18n as rl}from"@lingui/core";import{Divider as Lr,SelectableCategoryList as wd}from"@rango-dev/ui";import Tt,{useState as il}from"react";import{i18n as Ir}from"@lingui/core";import{Divider as ol,Image as yd,ListItemButton as Sd,NotFound as Cd,Typography as nl}from"@rango-dev/ui";import De,{useEffect as kd,useState as Td}from"react";import{BlockchainCategories as Nr}from"@rango-dev/ui";import{TransactionType as gn}from"rango-sdk";var fd=i((t,e)=>{switch(e){case Nr.ALL:return!0;case Nr.UTXO:return t.type===gn.TRANSFER;case Nr.OTHER:return t.type!==gn.TRANSFER&&t.type!==gn.COSMOS&&t.type!==gn.EVM;default:return t.type===e}},"filterByType"),Qa=i((t,e,o)=>t.filter(n=>fd(n,o)).filter(n=>gt(n.name,e)||gt(n.displayName,e)),"filterBlockchains");import{styled as Za}from"@rango-dev/ui";var Ja=Za("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),hn=Za("ul",{padding:0,margin:0,listStyle:"none",overflowY:"auto",paddingRight:"$5",".image-container":{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as gd,Skeleton as el}from"@rango-dev/ui";import yn from"react";var hd=20;function tl(){return yn.createElement(hn,null,Array.from(Array(hd),t=>yn.createElement(gd,{key:t,hasDivider:!0,start:yn.createElement(el,{variant:"circular",width:35,height:35}),title:yn.createElement(el,{variant:"text",size:"large",width:90})})))}i(tl,"LoadingBlockchainList");function Mr(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[s,a]=Td(e),p=v.use.loadingStatus();kd(()=>{a([...Qa(e,o,r)])},[e,o,r]);let l=i(()=>!s.length&&o?De.createElement(De.Fragment,null,De.createElement(ol,{size:32}),De.createElement(Cd,{title:Ir.t("No results found"),description:Ir.t("Try using different keywords")})):De.createElement(hn,{key:`${r}-${o}`},s.map(u=>De.createElement(Sd,{key:`${u.name}-${u.chainId}`,hasDivider:!0,onClick:()=>n(u),start:De.createElement(yd,{src:u.logo,size:30}),title:De.createElement(nl,{variant:"title",size:"medium"},u.displayName),id:u.chainId}))),"renderList");return De.createElement(Ja,null,De.createElement(nl,{variant:"label",size:"large"},Ir.t("Select Blockchain")),De.createElement(ol,{size:4}),p==="loading"&&De.createElement(tl,null),p==="success"&&l())}i(Mr,"BlockchainList");function Pr(t){let{type:e}=t,{navigateBackFrom:o}=re(),[n,r]=il(""),[s,a]=il("ALL"),p=P.use.setToBlockchain(),l=P.use.setFromBlockchain(),{loadingStatus:u}=v(),c=Le().blockchains({type:e}),d=e==="source"?"fromBlockchain":"toBlockchain";return Tt.createElement(Q,{header:{onBack:()=>{o(g[d])},title:rl.t("Select Blockchain")}},Tt.createElement(Lr,{size:12}),Tt.createElement(wd,{setCategory:a,category:s,blockchains:c,isLoading:u==="loading"}),Tt.createElement(Lr,{size:24}),Tt.createElement(it,{value:n,autoFocus:!0,placeholder:rl.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:m=>r(m.target.value)}),Tt.createElement(Lr,{size:16}),Tt.createElement(Mr,{list:c,searchedFor:n,blockchainCategory:s,onChange:m=>{e==="source"?l(m):p(m),o(g[d])}}))}i(Pr,"SelectBlockchainPage");import{i18n as wl}from"@lingui/core";import{Divider as vl}from"@rango-dev/ui";import Ut,{useState as zd}from"react";import{useNavigate as qd}from"react-router-dom";import{i18n as Dr}from"@lingui/core";import{BlockchainsChip as _r,Divider as ll,Image as Bd,Skeleton as Wd,Typography as Fr}from"@rango-dev/ui";import xe from"react";import{useMemo as vd,useRef as bd}from"react";function sl(t,e){let o=bd({index:-1,name:""});t.sort(Ad);let n=t.map(r=>r.name).join("-");return vd(()=>{let r=t,s=[];if(e?.limit&&t.length>e.limit){let a=e.limit,p=e.selected?t.findIndex(u=>u.name===e.selected):-1,l=o.current.index>e.limit-1&&!!t.find(u=>u.name===o.current.name);e.selected&&(l&&p<e.limit-1||p>e.limit-1)&&t.sort(xd(l?o.current.name:e.selected)),s=r.splice(a),o.current={index:p,name:e.selected??""}}return{list:r,more:s}},[n])}i(sl,"usePrepareBlockchainList");function xd(t){return i(function(o,n){return o.name===t?-1:n.name===t?1:0},"sortBySelected")}i(xd,"generateSortBySelectedFor");function Ad(t,e){let o=["ETH","COSMOS","OSMOSIS"],n=o.findIndex(p=>p===t.name),r=o.findIndex(p=>p===e.name),s=n>-1,a=r>-1;return s&&a?n>r?1:-1:s?-1:a?1:0}i(Ad,"sortByMostUsedBlockchains");import{styled as Ed}from"@rango-dev/ui";var al=Ed("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var pl=10,Or=pl+1,Nd=12;function $r(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:s}=t,a=sl(e,{limit:e.length===Or?Or:pl,selected:n?.name}),p=v.use.loadingStatus(),l=P.use.resetToBlockchain(),u=P.use.resetFromBlockchain(),c=e.length!==Or&&a.more.length;return xe.createElement("div",null,xe.createElement(ll,{size:12}),xe.createElement(Fr,{variant:"label",size:"large"},Dr.t("Select Blockchain")),xe.createElement(ll,{size:12}),xe.createElement(al,null,p==="loading"&&Array.from(Array(Nd),d=>xe.createElement(Wd,{key:d,variant:"rounded",height:50})),p==="success"&&xe.createElement(xe.Fragment,null,xe.createElement(_r,{selected:!n,onClick:()=>{o==="from"?u():l()}},xe.createElement(Fr,{variant:"body",size:"xsmall",color:"secondary500"},Dr.t("All"))),a.list.map(d=>xe.createElement(_r,{key:d.name,selected:!!n&&n.name===d.name,onClick:()=>r(d)},xe.createElement(Bd,{src:d.logo,size:30}))),c?xe.createElement(_r,{onClick:s},xe.createElement(Fr,{variant:"body",size:"xsmall",color:"secondary500"},Dr._("More +{count}",{count:a.more.length}))):null)))}i($r,"BlockchainsSection");import{i18n as Vr}from"@lingui/core";import{darkTheme as yl,Divider as no,ExternalLinkIcon as Ld,Image as Pd,ListItemButton as Dd,NotFound as _d,PinIcon as Fd,Skeleton as Sl,Typography as ro,VirtualizedList as Od}from"@rango-dev/ui";import M,{forwardRef as $d,useEffect as Cl,useState as kl}from"react";var ul=i((t,e)=>{t=t.replace(/^#/,""),t.length===3&&(t=t[0]+t[0]+t[1]+t[1]+t[2]+t[2]);let[s,a,p]=t.match(/.{2}/g);[s,a,p]=[parseInt(s,16)+e,parseInt(a,16)+e,parseInt(p,16)+e],s=Math.max(Math.min(255,s),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=(s.length<2?"0":"")+s,u=(a.length<2?"0":"")+a,c=(p.length<2?"0":"")+p;return`#${l}${u}${c}`},"colorShade"),Ur=i((t,e)=>{let a={[t]:e};for(let p=1;p<10;p++)p<5&&(a={...a,[t+p*100]:ul(e,(5-p)*32)}),p===5&&(a={...a,[t+p*100]:e}),p>5&&(a={...a,[t+p*100]:ul(e,-((p-5)*32))});return a},"generateRangeColors"),zr=i((t,e)=>{if(!e||!Object.entries(e).length)return{};let o=!1,n={...t};for(let r in e){let s=e[r];s&&s!==t[r]&&(o=!0,r==="background"||r==="foreground"?n={...n,[r]:s}:n={...n,...Ur(r,s)})}return o?n:{}},"generateColors");import{Divider as gl,ListItem as Md,Skeleton as oo}from"@rango-dev/ui";import Ge from"react";import{styled as je,Typography as Id}from"@rango-dev/ui";var cl=je("div",{display:"flex",flexDirection:"column",flexGrow:1}),qr=je("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),Sn=je("ul",{flexGrow:1,padding:0,margin:0,listStyle:"none","& li":{alignItems:"none",".description":{position:"relative",height:12,width:150,".token-title":{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",bottom:"-8px"},".token-address":{transform:"translateY(12px)",visibility:"hidden","& a":{fontSize:"$12",lineHeight:"$16",color:"$neutral800",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=je("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),Gr=je(Id,{}),ml=je("div",{textAlign:"right"}),Cn=je("ul",{display:"flex",alignItems:"end",flexDirection:"column"}),jA=je("div",{display:"flex",alignItems:"center"}),dl=je("div",{position:"relative",".image-container":{borderRadius:"$xm",overflow:"hidden"}}),fl=je("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6});function hl(t){return Ge.createElement(Sn,null,Array.from(Array(t.size),e=>Ge.createElement(Md,{key:e,hasDivider:!0,start:Ge.createElement(oo,{variant:"circular",width:35,height:35}),end:Ge.createElement(Cn,null,Ge.createElement(oo,{variant:"text",size:"large",width:70}),Ge.createElement(gl,{size:4}),Ge.createElement(oo,{variant:"text",size:"medium",width:50})),title:Ge.createElement("div",null,Ge.createElement(oo,{variant:"text",size:"large",width:90}),Ge.createElement(gl,{size:4}),Ge.createElement(oo,{variant:"text",size:"medium",width:90}))})))}i(hl,"LoadingTokenList");var Rr=20,Ud=i(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:s,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(ro,{variant:"title",size:"xmedium"},r.symbol),M.createElement(no,{direction:"horizontal",size:4}),M.createElement(Hr,{css:s},M.createElement(Gr,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&M.createElement("div",{className:`token-address ${!o&&"token-address-without-name"}`},M.createElement("a",{href:n,target:"_blank",rel:"nofollow noreferrer",onClick:l=>l.stopPropagation()},p>10?`${e.slice(0,5)}...${e.slice(p-6,p)}`:e," ",M.createElement(Ld,{color:"gray",size:12}))))},"renderDesc");function Tl(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[s,a]=kl(e),p=v.use.loadingStatus(),[l,u]=kl(!0),c=G.use.loading(),{blockchains:d}=v.use.meta(),{isTokenPinned:m}=Le(),h=$d((S,k)=>M.createElement("div",{...S,ref:k,style:{...S.style,height:`${parseFloat(S.style?.height)+8*2}px`}})),C=i(()=>{a(e.slice(0,s.length+Rr))},"loadNextPage");Cl(()=>{u(e.length>s.length)},[s.length]),Cl(()=>{a(e.slice(0,Rr))},[e]);let y=i(()=>!s.length&&o?M.createElement(M.Fragment,null,M.createElement(no,{size:32}),M.createElement(_d,{title:Vr.t("No results found"),description:Vr.t("Try using different keywords")})):M.createElement(Od,{Item:({index:S,style:k})=>{let f=s[S],w=f.address||"",b=d.find(E=>E.name===f.blockchain),x=Ur(f.symbol,b?.color||""),W={$$color:x[`${f.symbol}100`],[`.${yl} &`]:{$$color:x[`${f.symbol}900`]},backgroundColor:"$$color"},F={$$color:x[`${f.symbol}700`],[`.${yl} &`]:{$$color:x[`${f.symbol}100`]},color:"$$color"};return M.createElement("div",{style:{...k,paddingRight:5}},M.createElement(Dd,{style:{height:k?.height},"tab-index":S,key:`${f.symbol}${f.address}`,id:`${f.symbol}${f.address}`,hasDivider:!0,onClick:()=>n(s[S]),start:M.createElement(dl,null,M.createElement(Pd,{src:f.image,size:30}),m(f)&&M.createElement(fl,null,M.createElement(Fd,{size:12,color:"gray"}))),title:b?.type==="COSMOS"||f.name||!f.name&&!w?M.createElement(qr,null,M.createElement(ro,{variant:"title",size:"xmedium"},f.symbol),M.createElement(no,{direction:"horizontal",size:4}),M.createElement(Hr,{css:W},M.createElement(Gr,{variant:"body",size:"xsmall",css:F},f.blockchain))):void 0,description:b?.info&&w&&b.type!=="COSMOS"?Ud({address:w,token:s[S],customCssForTag:W,customCssForTagTitle:F,name:f.name,url:b.info.addressUrl.split("{wallet}").join(w)}):f.name||void 0,end:c?M.createElement(Cn,null,M.createElement(Sl,{variant:"text",size:"large",width:70}),M.createElement(no,{size:4}),M.createElement(Sl,{variant:"text",size:"medium",width:50})):s[S]?.balance&&M.createElement(ml,null,M.createElement(ro,{variant:"title",size:"small"},f.balance?.amount),M.createElement("div",null),f.balance?.usdValue&&M.createElement(ro,{variant:"body",color:"neutral800",size:"xsmall"},`$${f.balance?.usdValue}`))}))},hasNextPage:l,itemCount:s.length,loadNextPage:C,innerElementType:h,size:60,key:`${r}-${o}`}),"renderList");return M.createElement(cl,null,M.createElement(ro,{variant:"label",size:"large"},Vr.t("Select Token")),M.createElement(no,{size:4}),p==="loading"&&M.createElement(hl,{size:Rr}),p==="success"&&M.createElement(Sn,null,y()))}i(Tl,"TokenList");function Xr(t){let{type:e}=t,o=qd(),{navigateBackFrom:n}=re(),{fromBlockchain:r,toBlockchain:s,setFromToken:a,setToToken:p,setFromBlockchain:l,setToBlockchain:u}=P(),{connectedWallets:c}=G(),[d,m]=zd(""),C=(e==="source"?r:s)?.name??"",y=Le().blockchains({type:e}),S=Le().tokens({type:e,blockchain:C,searchFor:d}),k=Ii(S,c),f=i(b=>{e==="source"?l(b):u(b)},"updateBlockchain"),w=i(b=>{e==="source"?a(b):p(b)},"updateToken");return Ut.createElement(Q,{header:{onBack:()=>n(e==="source"?g.fromSwap:g.toSwap),title:wl.t("Swap {type}",{type:e==="source"?"from":"to"})}},Ut.createElement($r,{blockchains:y,type:e=="source"?"from":"to",blockchain:e==="source"?r:s,onMoreClick:()=>o(e==="source"?g.fromBlockchain:g.toBlockchain),onChange:b=>{f(b)}}),Ut.createElement(vl,{size:24}),Ut.createElement(it,{value:d,autoFocus:!0,placeholder:wl.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>m(""),onChange:b=>m(b.target.value)}),Ut.createElement(vl,{size:16}),Ut.createElement(Tl,{list:k,selectedBlockchain:C,searchedFor:d,onChange:b=>{w(b);let x=y.find(W=>b.blockchain===W.name);x&&f(x),n(g.fromSwap)}}))}i(Xr,"SelectSwapItemsPage");import{i18n as wt}from"@lingui/core";import{ChevronRightIcon as Yr,Divider as Qr,InfoIcon as Kd,List as jd,ListItemButton as Yd,Skeleton as Qd,Switch as Zd,Tooltip as Jd,Typography as vt}from"@rango-dev/ui";import q from"react";import{useNavigate as ef}from"react-router-dom";import{i18n as Bl}from"@lingui/core";import{Chip as Gd,Divider as Wl,InfoIcon as Vd,TextField as Rd,Tooltip as Xd,Typography as Nl}from"@rango-dev/ui";import Ae from"react";import{styled as kn}from"@rango-dev/ui";var bl=kn("div",{paddingTop:"$5",paddingBottom:"30px"}),xl=kn("div",{display:"flex",alignItems:"center",justifyContent:"start"}),Al=kn("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),Tn=kn("div",{maxWidth:"300px",padding:"$10"});import{i18n as Kr}from"@lingui/core";import{Typography as Hd}from"@rango-dev/ui";import io from"react";function El(){return io.createElement(Tn,null,io.createElement(Hd,{variant:"label",size:"medium",color:"neutral900"},Kr.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),io.createElement("br",null),io.createElement("br",null),io.createElement("b",null,Kr.t("Warning")),":",Kr.t("This setting is applied per step, e.g. 1Inch, Thorchain, etc. and only that step will be reverted, not the whole transaction")))}i(El,"SlippageTooltipContent");function jr(){let t=$.use.slippage(),e=$.use.setSlippage(),o=$.use.customSlippage(),n=$.use.setCustomSlippage();return Ae.createElement(bl,null,Ae.createElement(Al,null,Ae.createElement(Nl,{variant:"title",size:"xmedium"},Bl.t("Slippage tolerance per swap")),Ae.createElement(Wl,{direction:"horizontal",size:4}),Ae.createElement(Xd,{container:ae(),side:"top",content:Ae.createElement(El,null)},Ae.createElement(Vd,{color:"gray"}))),Ae.createElement(xl,null,ts.map((r,s)=>{let a=`slippage-${s}`;return Ae.createElement(Ae.Fragment,null,Ae.createElement(Gd,{style:{width:"64px",flexShrink:0},key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`}),Ae.createElement(Wl,{direction:"horizontal",size:8}))}),Ae.createElement(Rd,{type:"number",min:"0.01",max:"30",step:"0.01",fullWidth:!0,variant:"contained",value:o||"",color:"dark",onChange:r=>{let s=parseFloat(r.target.value);(!s||s>=is&&s<=rs)&&n(s)},suffix:o&&Ae.createElement(Nl,{variant:"body",size:"small"},"%"),placeholder:Bl.t("Custom")})))}i(jr,"Slippage");function Il({supportedSwappers:t,singleTheme:e}){let o=ef(),{navigateBackFrom:n}=re(),r=$.use.infiniteApprove(),s=$.use.toggleInfiniteApprove(),a=v.use.loadingStatus(),p=fn(t),l=p.filter(b=>b.type==="BRIDGE"||b.type==="AGGREGATOR"),u=l.length,c=l.filter(b=>b.selected).length,d=p.filter(b=>b.type==="DEX"),m=d.length,h=d.filter(b=>b.selected).length,C=i((b,x)=>{switch(a){case"loading":return q.createElement(Qd,{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(g.bridges)},S={id:"exchange-item",title:q.createElement(vt,{variant:"title",size:"xmedium"},wt.t("Enabled exchanges")),end:q.createElement(q.Fragment,null,C(h,m),q.createElement(Qr,{direction:"horizontal",size:8}),q.createElement(Yr,{color:"gray"})),onClick:()=>o(g.exchanges)},k={id:"theme-item",title:q.createElement(vt,{variant:"title",size:"xmedium"},wt.t("Theme")),end:q.createElement(Yr,{color:"gray"}),onClick:()=>o(g.themes)},f={id:"infinite-approval-item",title:q.createElement(q.Fragment,null,q.createElement(vt,{variant:"title",size:"xmedium"},wt.t("Infinite Approval")),q.createElement(Qr,{direction:"horizontal",size:4}),q.createElement(Jd,{side:"top",container:ae(),content:q.createElement(Tn,null,q.createElement(vt,{variant:"label",size:"medium",color:"neutral900"},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(Kd,{color:"gray"}))),end:q.createElement(Zd,{checked:r}),onClick:s},w=[y,S];return e||w.push(k),w.push(f),q.createElement(Q,{header:{onBack:n.bind(null,g.settings),title:wt.t("Setting")}},q.createElement(st,null,q.createElement(jr,null),q.createElement(jd,{type:q.createElement(Yd,{title:"_",id:"_",onClick:()=>console.log()}),items:w})))}i(Il,"SettingsPage");import{cancelSwap as Yf}from"@rango-dev/queue-manager-rango-preset";import{useManager as Qf}from"@rango-dev/queue-manager-react";import pp from"react";import{i18n as at}from"@lingui/core";import{getCurrentBlockchainOfOrNull as Nf,getCurrentStep as If,getRelatedWalletOrNull as Mf,PendingSwapNetworkStatus as In}from"@rango-dev/queue-manager-rango-preset";import{Button as tp,CopyIcon as Lf,Divider as Pf,IconButton as Df,RouteCost as _f,RouteSummary as Ff,StepDetails as Of,Typography as qt,useCopyToClipboard as $f}from"@rango-dev/ui";import{useWallets as Uf}from"@rango-dev/wallets-react";import Z,{useEffect as op,useRef as zf,useState as np}from"react";import{useNavigate as qf}from"react-router-dom";import{i18n as Ee}from"@lingui/core";var tf=1e3,of=31536e3,nf=2592e3,rf=86400,sf=3600,af=60;function Ml(t){let e=Math.floor((Date.now()-t)/tf),n=[{turningPoint:of,label:Ee.t("year"),pluralLabel:Ee.t("years")},{turningPoint:nf,label:Ee.t("month"),pluralLabel:Ee.t("months")},{turningPoint:rf,label:Ee.t("day"),pluralLabel:Ee.t("days")},{turningPoint:sf,label:Ee.t("hour"),pluralLabel:Ee.t("hours")},{turningPoint:af,label:Ee.t("minute"),pluralLabel:Ee.t("minutes")}].sort((r,s)=>s.turningPoint-r.turningPoint);for(let r of n){let{turningPoint:s,label:a,pluralLabel:p}=r,l=Math.floor(e/s);if(l>1)return`${l} ${p}`;if(l===1)return`${l} ${a}`}return e>1?`${e} ${Ee.t("seconds")}`:`${e} ${Ee.t("second")}`}i(Ml,"timeSince");function Ll(t){return t.finishTime?Ee.t({id:"timeAgo",message:"{time} ago",values:{time:Ml(parseInt(t.finishTime))}}):Ee.t({id:"timeAgo",message:"{time} ago",values:{time:Ml(parseInt(t.creationTime))}})}i(Ll,"getSwapDate");import{PendingSwapNetworkStatus as bn}from"@rango-dev/queue-manager-rango-preset";import{Modal as ff}from"@rango-dev/ui";import xn from"react";import{i18n as wn}from"@lingui/core";import{Button as Pl,Divider as Zr,MessageBox as lf,Typography as Dl}from"@rango-dev/ui";import Ye from"react";var _l=i(({onCancel:t,onClose:e})=>Ye.createElement(Ye.Fragment,null,Ye.createElement(Zr,{size:20}),Ye.createElement(lf,{type:"error",title:wn.t("Transaction Cancel"),description:wn.t("Are you sure you want to Cancel this swap?")}),Ye.createElement(Zr,{size:32}),Ye.createElement(Pl,{variant:"contained",type:"primary",size:"large",onClick:t},Ye.createElement(Dl,{variant:"title",size:"medium",color:"neutral100"},wn.t("Yes, Cancel it"))),Ye.createElement(Zr,{size:12}),Ye.createElement(Pl,{variant:"outlined",type:"primary",size:"large",onClick:e},Ye.createElement(Dl,{variant:"title",size:"medium",color:"primary"},wn.t("No, Continue")))),"CancelContent");import{i18n as vn}from"@lingui/core";import{Button as Fl,Divider as Jr,MessageBox as pf,Typography as Ol}from"@rango-dev/ui";import Qe from"react";var $l=i(({onDelete:t,onClose:e})=>Qe.createElement(Qe.Fragment,null,Qe.createElement(Jr,{size:20}),Qe.createElement(pf,{type:"error",title:vn.t("Delete Transaction"),description:vn.t("Are you sure you want to delete this swap?")}),Qe.createElement(Jr,{size:32}),Qe.createElement(Fl,{variant:"contained",type:"primary",size:"large",onClick:t},Qe.createElement(Ol,{variant:"title",size:"medium",color:"neutral100"},vn.t("Yes, Delete it"))),Qe.createElement(Jr,{size:12}),Qe.createElement(Fl,{variant:"outlined",type:"primary",size:"large",onClick:e},Qe.createElement(Ol,{variant:"title",size:"medium",color:"primary"},vn.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 cf,Wallet as mf,WalletState as zl}from"@rango-dev/ui";import{useWallets as df}from"@rango-dev/wallets-react";import so from"react";import{styled as uf}from"@rango-dev/ui";var Ul=uf("div",{display:"flex",justifyContent:"center"});var ql=i(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:s}=t,{connect:a,getWalletInfo:p,state:l}=df(),u=n?.walletType,d=u&&l(u).connected?zl.CONNECTED:zl.DISCONNECTED;return so.createElement(so.Fragment,null,so.createElement(cf,{type:e,title:o,description:r}),s&&u&&so.createElement(Ul,null,so.createElement(mf,{container:ae(),title:p(u).name,image:p(u).img,type:u,state:d,onClick:async()=>a(u)})))},"WalletStateContent");function ni(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:s,message:a}=t,p=e===bn.WaitingForNetworkChange||e===bn.WaitingForConnectingWallet||e===bn.NetworkChanged;return xn.createElement(ff,{open:!!e,onClose:o,container:document.getElementById("swap-box")||document.body},p&&xn.createElement(ql,{type:oi[e].type,title:oi[e].title,currentStepWallet:s,message:a,showWalletButton:e!==bn.WaitingForNetworkChange}),e==="delete"&&xn.createElement($l,{onClose:o,onDelete:n}),e==="cancel"&&xn.createElement(_l,{onClose:o,onCancel:r}))}i(ni,"SwapDetailsModal");import{i18n as ao}from"@lingui/core";import{Button as ri,Divider as An,MessageBox as Hl,Modal as gf,TokenAmount as hf,Typography as En}from"@rango-dev/ui";import fe from"react";import{useNavigate as yf}from"react-router-dom";function ii(t){let{open:e,onClose:o,status:n,priceValue:r,usdValue:s,token:a,chain:p,percentageChange:l,description:u,diagnosisUrl:c}=t,d=yf();return fe.createElement(gf,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},n==="success"?fe.createElement(Hl,{type:"success",title:ao.t("Swap Successful")},fe.createElement(hf,{direction:"vertical",type:"output",centerAlign:!0,price:{value:r,usdValue:s},token:a,chain:p,percentageChange:l}),fe.createElement(An,{size:12}),fe.createElement(En,{variant:"body",size:"medium",color:"neutral900",align:"center"},u)):fe.createElement(Hl,{type:"error",title:ao.t("Transaction Failed"),description:u}),fe.createElement(An,{size:32}),n==="success"&&fe.createElement(ri,{variant:"contained",type:"primary",size:"large",onClick:()=>d(g.home)},fe.createElement(En,{variant:"title",size:"medium",color:"neutral100"},ao.t("Done"))),fe.createElement(An,{size:12}),c&&fe.createElement(fe.Fragment,null,fe.createElement(ri,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(c,"_blank")},fe.createElement(En,{variant:"title",size:"medium",color:"primary"},ao.t("Diagnosis"))),fe.createElement(An,{size:12})),fe.createElement(ri,{variant:"outlined",type:"primary",size:"large",onClick:o},fe.createElement(En,{variant:"title",size:"medium",color:"primary"},ao.t("See Details"))))}i(ii,"SwapDetailsCompleteModal");import Bf from"react";import{i18n as bf}from"@lingui/core";import{Alert as jl,IconButton as xf,LinkIcon as Af}from"@rango-dev/ui";import dt,{Fragment as Ef}from"react";import{Alert as Sf,ChevronDownIcon as Cf,ChevronUpIcon as kf,IconButton as Tf}from"@rango-dev/ui";import Bn,{useState as wf}from"react";function Gl(t){let{message:e}=t,[o,n]=wf(!1);return Bn.createElement(Sf,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&Bn.createElement(Tf,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?Bn.createElement(kf,{size:12,color:"gray"}):Bn.createElement(Cf,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}i(Gl,"FailedAlert");import{styled as vf}from"@rango-dev/ui";var Vl=vf("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as Rl}from"@lingui/core";import{PendingSwapNetworkStatus as si}from"@rango-dev/queue-manager-rango-preset";import{Alert as ai,Button as Xl}from"@rango-dev/ui";import lo from"react";function Kl(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?lo.createElement(ai,{type:"warning",title:n.shortMessage,action:lo.createElement(Xl,{size:"xxsmall",type:"warning",onClick:()=>{o(si.WaitingForNetworkChange),e().catch(s=>{console.log(s)})}},Rl.t("Change"))}):r===si.WaitingForConnectingWallet?lo.createElement(ai,{type:"warning",title:n.shortMessage,action:lo.createElement(Xl,{size:"xxsmall",type:"warning",onClick:()=>{o(si.WaitingForConnectingWallet)}},Rl.t("Connect"))}):lo.createElement(ai,{type:"warning",title:n.shortMessage})}i(Kl,"WarningAlert");function li(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:s,hasAlreadyProceededToSign:a}=t,p=Xt(s),l=s.status==="waitingForApproval"&&!p,u=s.status==="running"&&!p;return dt.createElement(Vl,null,s.explorerUrl?.map((c,d,m)=>{let h=d+c.url,C=d===m.length-1,y=C&&u||l,S=C&&s.status==="failed";return dt.createElement(Ef,{key:h},dt.createElement(jl,{type:y&&"loading"||S&&"error"||"success",title:c.description?`${c.description} Tx`:bf.t("View transaction"),action:c.url&&dt.createElement(xf,{variant:"ghost",size:"xsmall",onClick:()=>window.open(c.url,"_blank")},dt.createElement(Af,{size:16}))}))}),(u&&!a||l&&!s.explorerUrl?.length)&&dt.createElement(jl,{type:"loading",title:r.shortMessage}),s.status!=="failed"&&p&&dt.createElement(Kl,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),s.status==="failed"&&dt.createElement(Gl,{message:r}))}i(li,"SwapDetailsAlerts");var Yl=2e3;var Ql=i(({swap:t,blockchains:e,...o})=>{let n=t.hasAlreadyProceededToSign!==!1;return t.steps.map((r,s)=>{let a=s===0?t.inputAmount:t.steps[s-1].outputAmount;return{from:{token:{displayName:r.fromSymbol,image:r.fromLogo??""},chain:{displayName: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:Bf.createElement(li,{step:r,hasAlreadyProceededToSign:n,...o})}})},"getSteps");function Zl(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"}}i(Zl,"getStepState");import{darkTheme as Wf,styled as zt}from"@rango-dev/ui";var Wn=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",[`.${Wf} &`]:{$$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"}}),Nn=zt("div",{width:"100%"}),Jl=zt("div",{padding:"$0 $20 $20 $20",width:"100%",overflow:"auto"}),LB=zt("div",{display:"flex",flexDirection:"column",gap:"$10"}),ep=zt("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),PB=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:s,connect:a,getWalletInfo:p}=Uf(),l=P.use.retry(),u=qf(),{navigateBackFrom:c}=re(),[d,m]=$f(Yl),h=zf(null),[C,y]=np(null),[S,k]=np(null),{meta:{tokens:f,blockchains:w}}=v(),b=i(()=>{r(),y(null)},"onCancel"),x=Pe.use.getUnreadNotifications(),W=Pe.use.setAsRead(),F=x(),E=If(e),O=E?.networkStatus;op(()=>{F.find(Y=>Y.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(k(e.status),W(e.requestId))},[e.status]),op(()=>{L?y(In.WaitingForNetworkChange):O===In.WaitingForConnectingWallet||O===In.NetworkChanged?y(O):y(null)},[O]);let X=Bs(e),oe=E?Nf(e,E):null,B=E?Mf(e,E):null,J=Ll(e),H=Ws(e),ne=i(_=>!!p(_)?.mobileWallet,"isMobileWallet"),L=O===In.WaitingForNetworkChange&&!!oe&&!!B?.walletType&&(ne(B.walletType)||s(B.walletType,oe)),me=L?a.bind(null,B.walletType,oe):void 0,Ne=Es(e,E),U=Ql({swap:e,switchNetwork:me,showNetworkModal:O,setNetworkModal:y,message:Ne,blockchains:w}),K=U.length,[Ie,Te]=[e.steps[0],e.steps[K-1]],_e=Te.outputAmount||Te.expectedOutputAmountHumanReadable,se=e.steps.reduce((_,Y)=>_+parseFloat(Y.feeInUsd||""),0),ft=e.steps.find(_=>_.diagnosisUrl)?.diagnosisUrl,Ze=T(String(parseFloat(T(_e,6,6))*(vo(Te.toBlockchain,Te.toSymbol,Te.toSymbolAddress,f)||0)),4,4),bt=T(String(parseFloat(e.inputAmount)*(vo(Ie.fromBlockchain,Ie.fromSymbol,Ie.fromSymbolAddress,f)||0)),4,4),D=et(bt,Ze),N=e.status==="success"?at.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:xo(e.wallets[U[K-1].to.chain.displayName]?.address||""),chain:U[K-1].to.chain.displayName}}):`${at.t("Transaction was not sent.")} ${X?at.t({id:"remainSymbol",message:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:X.outputAmount,symbol:X.symbol,blockchain:X.blockchain}}):""}`;return Z.createElement(Q,{noPadding:!0,header:{title:at.t("Swap and Bridge"),onBack:c.bind(null,g.swapDetails),onCancel:e.status==="running"?()=>y("cancel"):void 0,suffix:e.status!=="running"&&Z.createElement(Nt,null,Z.createElement(tp,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>y("delete")},Z.createElement(qt,{size:"medium",variant:"label",color:"error"},at.t("Delete"))))},footer:H&&!S&&Z.createElement(tp,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{l(e),setTimeout(()=>{u(g.home)},0)}},at.t("Try again"))},Z.createElement(Wn,null,Z.createElement(Nn,null,Z.createElement("div",{className:"row"},Z.createElement(qt,{variant:"label",size:"large",color:"neutral900"},`${at.t("Request ID")}:`),Z.createElement("div",{className:"request-id"},Z.createElement(qt,{variant:"label",size:"small",color:"neutral900"},o),Z.createElement(Df,{variant:"ghost",onClick:m.bind(null,o||"")},Z.createElement(Lf,{size:16,color:"gray"})))),Z.createElement("div",{className:"row"},Z.createElement(qt,{variant:"label",size:"large",color:"neutral900"},`${at.t("Created at")}:`),Z.createElement(qt,{variant:"label",size:"small",color:"neutral900"},J))),Z.createElement("div",{className:"output"},Z.createElement(_f,{fee:T(String(se),2,2),time:At(Et(e.steps)),steps:K}),Z.createElement(Ff,{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:Ze},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)})),Z.createElement("div",{className:"title-steps"},Z.createElement(qt,{variant:"title",size:"small"},at.t("Swaps steps"))),Z.createElement(Pf,{size:8}),Z.createElement(Jl,{ref:h},U.map((_,Y)=>{let le=Y,ue=Zl(e.steps[Y]),ho=ue==="error"||ue==="in-progress"||ue==="warning"||ue==="completed"&&Y===U.length-1;return Z.createElement(Of,{key:le,step:_,type:"route-progress",ref:h,state:ue,hasSeparator:Y!==0,tabIndex:le,isFocused:ho})}))),Z.createElement(ni,{state:C,onClose:()=>y(null),onCancel:b,onDelete:n,message:Ne.detailedMessage.content,currentStepWallet:B}),Z.createElement(ii,{open:!!S,diagnosisUrl:ft,onClose:()=>k(null),status:e.status==="success"?"success":"failed",priceValue:T(_e,6,6),usdValue:Ze,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}))}i(pi,"SwapDetails");import{i18n as fo}from"@lingui/core";import{CopyIcon as Xf,IconButton as Kf,NotFound as jf,Skeleton as ap,Typography as Ln}from"@rango-dev/ui";import ce from"react";import{i18n as Gf}from"@lingui/core";import{ChainToken as Vf,Divider as ci,Skeleton as mo,Typography as Rf}from"@rango-dev/ui";import ee from"react";import{styled as ui}from"@rango-dev/ui";var rp=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"}}),ip=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"}}),Mn=ui("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral900",marginLeft:"25px"});import{ChainToken as sp,Divider as po,NextIcon as Hf,Skeleton as uo}from"@rango-dev/ui";import pe from"react";function co(t){let{extraInfo:e}=t;return pe.createElement(ip,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(sp,{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(Hf,{color:"gray",size:16})),pe.createElement("div",{className:"step-token-info"},pe.createElement(sp,{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"})))}i(co,"LoadingSwapDetailStep");function mi(){let t=ee.createElement("div",{className:"route-summary-item"},ee.createElement("div",{className:"token-amount"},ee.createElement(Vf,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),ee.createElement(ci,{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(rp,null,ee.createElement("div",{className:"cost"},ee.createElement(mo,{width:60,height:10,variant:"rounded"}),ee.createElement(ci,{size:4,direction:"horizontal"}),ee.createElement(mo,{width:60,height:10,variant:"rounded"}),ee.createElement(ci,{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(Rf,{variant:"title",size:"small"},Gf.t("Swaps steps"))),ee.createElement("div",{className:"step-container"},ee.createElement(co,{extraInfo:!0}),ee.createElement(Mn,null),ee.createElement(co,null),ee.createElement(Mn,null),ee.createElement(co,null),ee.createElement(Mn,null),ee.createElement(co,null)))}i(mi,"LoadingSwapDetails");function lp(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,g.swapDetails),suffix:ce.createElement(Nt,null)}},o&&ce.createElement(Wn,null,ce.createElement(Nn,null,ce.createElement("div",{className:"row"},ce.createElement(Ln,{variant:"label",size:"large",color:"neutral900"},`${fo.t("Request ID")}:`),ce.createElement("div",{className:"request-id"},ce.createElement(Ln,{variant:"label",size:"small",color:"neutral900"},ce.createElement(ap,{width:60,height:10,variant:"rounded"})),ce.createElement(Kf,{variant:"ghost"},ce.createElement(Xf,{size:16,color:"gray"})))),ce.createElement("div",{className:"row"},ce.createElement(Ln,{variant:"label",size:"large",color:"neutral900"},`${fo.t("Created at")}:`),ce.createElement(Ln,{variant:"label",size:"small",color:"neutral900"},ce.createElement(ap,{width:60,height:10,variant:"rounded"})))),ce.createElement(mi,null)),!o&&ce.createElement(ep,null,ce.createElement(jf,{title:fo.t("Not found"),description:fo.t({id:"swapNotFound",values:{requestId:e},message:"Swap with request ID = {requestId} not found."})})))}i(lp,"SwapDetailsPlaceholder");function up(){let{manager:t,state:e}=Qf(),o=!e.loadedFromPersistor,n=cn(t),r=ve.use.selectedSwapRequestId(),{navigateBackFrom:s}=re(),{loadingStatus:a}=v(),p=o||a==="loading",l=n.find(({swap:m})=>m.requestId===r),u=i(()=>{if(l?.id){let m=t?.get(l.id);m&&Yf(m)}},"onCancel"),c=i(async()=>{if(l?.id)try{await t?.deleteQueue(l.id),s(g.swapDetails)}catch(m){console.log(m)}},"onDelete"),d=l?.swap;return!d||p?pp.createElement(lp,{requestId:r||"",showSkeleton:p}):pp.createElement(pi,{swap:d,requestId:r||"",onCancel:u,onDelete:c})}i(up,"SwapDetailsPage");import{i18n as go}from"@lingui/core";import{AutoThemeIcon as Zf,DarkModeIcon as Jf,LightModeIcon as eg,List as tg,ListItemButton as og,Radio as di,RadioRoot as ng,Typography as fi}from"@rango-dev/ui";import Be from"react";function cp(){let{navigateBackFrom:t}=re(),e=$.use.theme(),o=$.use.setTheme(),n=[{id:"light",value:"light",title:Be.createElement(fi,{variant:"title",size:"xmedium"},go.t("Light")),onClick:()=>o("light"),start:Be.createElement(eg,{color:"gray"}),end:Be.createElement(di,{value:"light"})},{id:"dark",value:"dark",title:Be.createElement(fi,{variant:"title",size:"xmedium"},go.t("Dark")),onClick:()=>o("dark"),start:Be.createElement(Jf,{color:"gray"}),end:Be.createElement(di,{value:"dark"})},{id:"auto",value:"auto",title:Be.createElement(fi,{variant:"title",size:"xmedium"},go.t("Auto")),onClick:()=>o("auto"),start:Be.createElement(Zf,{color:"gray"}),end:Be.createElement(di,{value:"auto"})}];return Be.createElement(Q,{header:{onBack:t.bind(null,g.settings),title:go.t("Theme")}},Be.createElement(st,null,Be.createElement(ng,{onValueChange:r=>o(r),value:e},Be.createElement(tg,{type:Be.createElement(og,{title:go.t("Theme"),id:"_",onClick:()=>console.log()}),items:n}))))}i(cp,"ThemePage");var ig=i(t=>t.replace("/",""),"getAbsolutePath");function mp(t){let{config:e}=t;return rg([{path:g.home,element:We.createElement(Qo,null)},{path:g.fromSwap,element:We.createElement(Xr,{type:"source"})},{path:g.toSwap,element:We.createElement(Xr,{type:"destination"})},{path:g.fromBlockchain,element:We.createElement(Pr,{type:"source"})},{path:g.toBlockchain,element:We.createElement(Pr,{type:"destination"})},{path:g.settings,element:We.createElement(Il,{singleTheme:e?.theme?.singleTheme,supportedSwappers:e?.liquiditySources})},{path:g.themes,element:We.createElement(cp,null)},{path:g.languages,element:We.createElement(Xa,null)},{path:g.exchanges,element:We.createElement(Wr,{sourceType:"Exchanges",supportedSwappers:e?.liquiditySources})},{path:g.bridges,element:We.createElement(Wr,{sourceType:"Bridges",supportedSwappers:e?.liquiditySources})},{path:g.swaps,element:We.createElement(Ra,null)},{path:g.swapDetails,element:We.createElement(up,null)},{path:g.wallets,element:We.createElement(ka,{supportedWallets:e?.wallets,multiWallets:typeof e?.multiWallets>"u"?!0:e.multiWallets,config:e})},{path:ig(g.confirmSwap),element:We.createElement(_a,{config:e})}])}i(mp,"AppRoutes");import{isApprovalTX as sg,MainEvents as fp,RouteEventType as gp,StepEventType as Ht,StepExecutionEventStatus as ag,useEvents as lg}from"@rango-dev/queue-manager-rango-preset";import{useEffect as hp}from"react";import{StepExecutionBlockedEventStatus as gi}from"@rango-dev/queue-manager-rango-preset";var dp=[gi.WAITING_FOR_CHANGE_WALLET_ACCOUNT,gi.WAITING_FOR_NETWORK_CHANGE,gi.WAITING_FOR_WALLET_CONNECT];function yp(){let t=G.use.connectedWallets(),e=G.use.getWalletsDetails(),o=Pe.use.setNotification(),n=Pe.use.setAsRead(),r=lg();return hp(()=>(r.on(fp.StepEvent,s=>{let{event:a,step:p,route:l}=s;if(a.type===Ht.TX_EXECUTION&&a.status===ag.TX_SENT&&!sg(p)||a.type===Ht.SUCCEEDED){let c=t.find(m=>m.chain===p?.fromBlockchain),d=p?.fromBlockchain!==p?.toBlockchain&&t.find(m=>m.chain===p?.toBlockchain);c&&e([c]),d&&e([d])}a.type===Ht.TX_EXECUTION_BLOCKED&&dp.includes(a.status)||a.type===Ht.FAILED?o(a,l):(a.type===Ht.TX_EXECUTION||a.type===Ht.CHECK_STATUS)&&n(l.requestId)}),()=>r.all.clear()),[r,t.length]),hp(()=>(r.on(fp.RouteEvent,s=>{let{event:a,route:p}=s;(a.type===gp.FAILED||a.type===gp.SUCCEEDED)&&o(a,p)}),()=>r.all.clear()),[r,t.length]),null}i(yp,"WidgetEvents");import{globalCss as pg}from"@rango-dev/ui";var Sp=i(()=>pg({"@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 fg,lightTheme as gg}from"@rango-dev/ui";import{useEffect as Tp,useState as hg}from"react";import{theme as mg,darkColors as dg}from"@rango-dev/ui";var Cp=i(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),ug=i(t=>{let e="",o;for(o=Math.abs(t);o>52;o=o/52|0)e=Cp(o%52)+e;return Cp(o%52)+e},"toAlphabeticName"),cg=i((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),hi=i(t=>ug(cg(5381,JSON.stringify(t))>>>0),"toHash");function kp(t){let e=mg.colors,o=zr({...e,...dg},t?.dark),n=zr(e,t?.light),r=Object.keys(o).length>0,s=Object.keys(n).length>0,a,p;if(s){let l={colors:n};a={id:`${_n}-light-${hi(l)}`,tokens:l}}if(r){let l={colors:{...o,neutral100:o.neutral900,neutral200:o.neutral800,neutral300:o.neutral700,neutral400:o.neutral600,neutral500:o.neutral500,neutral600:o.neutral400,neutral700:o.neutral300,neutral800:o.neutral200,neutral900:o.neutral100}};p={id:`${_n}-dark-${hi(l)}`,tokens:l}}return{light:a,dark:p}}i(kp,"customizedThemeTokens");function wp(t){let{colors:e,fontFamily:o=wi,borderRadius:n=ki,secondaryBorderRadius:r=Ti,mode:s="auto"}=t,[a,p]=hg("light"),l=$.use.theme(),u=$.use.setTheme(),{dark:c,light:d}=kp(e),m=yi({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),h=[m.className,gg.className],C=[m.className,fg.className];if(d){let S=yi(d.id,d.tokens);h.push(S.className)}if(c){let S=yi(c.id,c.tokens);C.push(S.className)}return Tp(()=>{let S=i(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)}},[]),Tp(()=>{s!=="auto"&&u(s)},[s]),{activeTheme:i(()=>{let S=h.join(" "),k=C.join(" ");return l==="auto"?a==="dark"?k:S:l==="dark"?k:S},"getActiveTheme")}}i(wp,"useTheme");import yg,{useMemo as Sg}from"react";import{Provider as Cg}from"@rango-dev/queue-manager-react";import{makeQueueDefinition as kg,checkWaitingForNetworkChange as Tg}from"@rango-dev/queue-manager-rango-preset";import{useWallets as wg}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as vg}from"@rango-dev/wallets-shared";import{isEvmBlockchain as bg}from"rango-types";function xg(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:s,getWalletInfo:a}=wg(),p=Sg(()=>kg({API_KEY:So("API_KEY")}),[]),{blockchains:l}=v.use.meta(),c={blockchains:G.use.connectedWallets().map(f=>({accounts:[f],name:f.chain}))},d=i((f,w)=>{if(s(f,w))return r(f,w)},"switchNetwork"),m=i(f=>!!a(f).mobileWallet,"isMobileWallet"),h=l.filter(f=>f.enabled).reduce((f,w)=>(f[w.name]=w,f),{}),C=l.filter(bg),y=i(f=>{let{supportedChains:w}=a(f);return To(w)},"getSupportedChainNames"),S=e(),k={meta:{blockchains:h,evmBasedChains:C,evmNetworkChainInfo:vg(C),getSupportedChainNames:y},getSigners:o,wallets:c,providers:S,switchNetwork:d,canSwitchNetworkTo:s,connect:r,state:n,isMobileWallet:m};return yg.createElement(Cg,{queuesDefs:[p],context:k,onPersistedDataLoaded:f=>{Tg(f)},isPaused:!1},t.children)}i(xg,"QueueManager");var vp=xg;var Ng=Eg("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 xp(t){let{config:e}=t;Sp();let{activeTheme:o}=wp(e?.theme||{}),[n,r]=bp(""),[s,a]=bp(),p=Bg(Un),l=v.use.fetchMeta();return Wg(()=>{e?.apiKey&&Ci({API_KEY:e?.apiKey})},[e]),Ap(()=>{l(),$.persist.rehydrate(),Pe.persist.rehydrate(),p.onConnectWallet(r)},[]),lt.createElement(Ag,{language:e?.language},lt.createElement(Ng,{id:"swap-container",className:o()},lt.createElement(vp,null,lt.createElement(yp,null),lt.createElement(js,{config:e,lastConnectedWallet:n,disconnectedWallet:s,clearDisconnectedWallet:()=>{a(void 0)}},lt.createElement(mp,{config:e})))))}i(xp,"Main");function Ig(t){let{updateConfig:e,config:o}=Le();return Ap(()=>{t.config&&e(t.config)},[t.config]),t.config?.externalWallets?lt.createElement(xp,{...t}):lt.createElement(zn,{providers:o?.wallets,options:{walletConnectProjectId:o?.walletConnectProjectId||t.config?.walletConnectProjectId}},lt.createElement(xp,{...t}))}i(Ig,"Widget");export{xI as MainEvents,AI as RouteEventType,EI as StepEventType,BI as StepExecutionBlockedEventStatus,WI as StepExecutionEventStatus,Ig as Widget,zn as WidgetWallets,Ba as useWallets,NI as useWidgetEvents};
|
|
1
|
+
var Bp=Object.defineProperty;var i=(t,e)=>Bp(t,"name",{value:e,configurable:!0});import{MainEvents as xI,RouteEventType as AI,StepEventType as EI,StepExecutionBlockedEventStatus as BI,StepExecutionEventStatus as WI,useEvents as NI}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Ba}from"@rango-dev/wallets-react";import{Events as $n,Provider as Kp}from"@rango-dev/wallets-react";import{isEvmBlockchain as jp}from"rango-sdk";import $i,{createContext as Yp,useRef as Qp}from"react";import{useEffect as Xp}from"react";import{create as Gp}from"zustand";import{subscribeWithSelector as Vp}from"zustand/middleware";import{RangoClient as Wp}from"rango-sdk";var Si="c6381a79-2817-4602-83bf-6a641a409e32";var Dn={API_KEY:Si};function So(t){return Dn[t]}i(So,"getConfig");function Ci(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),Dn=e,Dn}i(Ci,"initConfig");var ki=20,Ti=25,wi="Roboto",_n="theme-widget";var Co,xt=i(()=>Co||(Co=new Wp(So("API_KEY")),Co),"httpService");import{WalletState as Re}from"@rango-dev/ui";import{readAccountAddress as Mp}from"@rango-dev/wallets-react";import{detectInstallLink as Lp,getCosmosExperimentalChainInfo as Pp,isEvmAddress as Dp,KEPLR_COMPATIBLE_WALLETS as Qg,Networks as xi}from"@rango-dev/wallets-shared";import Fn from"bignumber.js";import{isCosmosBlockchain as _p}from"rango-types";import Np from"bignumber.js";var Me=new Np(0);import{WalletTypes as Ip}from"@rango-dev/wallets-shared";var vi=[Ip.LEAP];import{BigNumber as bi}from"bignumber.js";var At=i(t=>{let e=(t%60).toString().padStart(2,"0");return`${parseInt((t/60).toString()).toString().padStart(2,"0")}:${e}`},"secondsToString"),T=i((t,e=null,o=null)=>{if(t==null||t==="")return"";let n=new bi(t),r=1,s=1e3;for(let a=0;a<60;a++)if(new bi(n.toFixed(a,r)).eq(n)){s=a;break}if(n.gte(1e4))return n.toFormat(0,r);if(n.gte(1e3)||n.gte(100))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,1))),r);if(n.gte(1))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,2))),r);if(n.gte(.01))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,4))),r);for(let a=e||4;a<17;a++)if(n.gte(Math.pow(10,-a)))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,a))),r);return n.isEqualTo(0)?"0":n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,8))),r)},"numberToString");var Et=i(t=>t?.reduce((e,o)=>e+(o.estimatedTimeInSeconds??0),0)||0,"totalArrivalTime");var Ve=i((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),Gt=i(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()}i(ko,"limitDecimalPlaces");function Fp(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}}i(Fp,"mapStatusToWalletState");function Ai(t,e,o,n){return o.filter(r=>!vi.includes(r)).filter(r=>{let{supportedChains:s,hideWhenNotInstalled:a}=e(r);return a&&!t(r).installed?!1:n?!!s.find(p=>p.name===n):!0}).map(r=>{let{name:s,img:a,installLink:p}=e(r),l=Fp(t(r));return{title:s,image:a,link:Lp(p),state:l,type:r}})}i(Ai,"mapWalletTypesToWalletInfo");function To(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}i(To,"walletAndSupportedChainsNames");function Ei(t,e,o,n){let r=[];function s(p,l){if(!!!r.find(c=>c.chain===p)){let c={address:l,chain:p,walletType:t};r.push(c)}}i(s,"addAccount");let a=n||[];return e.forEach(p=>{let{address:l,network:u}=Mp(p),c=a.length>0,d=a.includes(u),m=u===xi.Unknown;if(c&&!d&&!m)return;let C=u===xi.Unknown&&Dp(l);if(m&&!C)return;o.includes(u)||C?a.filter(k=>o.includes(k)).forEach(k=>{s(k,l.toLowerCase())}):s(u,l)}),r}i(Ei,"prepareAccountsForWalletStore");function Bi(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain;e.includes(n)||e.push(n),e.includes(r)||e.push(r),o.internalSwaps&&Array.isArray(o.internalSwaps)&&o.internalSwaps.forEach(s=>{let a=s.from.blockchain,p=s.to.blockchain;e.includes(a)||e.push(a),e.includes(p)||e.push(p)})}),e}i(Bi,"getRequiredChains");function Bt(t,e,o,n){if(t.length===0)return null;let r=t.filter(s=>s.chain===e);return r.length===0?null:r.map(s=>s.balances?.find(a=>n!==null&&a.address===n||n===null&&a.address===n&&a.symbol===o)||null).filter(s=>s!==null).sort((s,a)=>parseFloat(a?.amount||"0")-parseFloat(s?.amount||"1")).find(()=>!0)||null}i(Bt,"getBalanceFromWallet");function wo(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}i(wo,"isAccountAndWalletMatched");function Wi(t,e){let{blockChain:o,balances:n=[]}=t;return n?.map(r=>({chain:o,symbol:r.asset.symbol,ticker:r.asset.symbol,address:r.asset.address||null,rawAmount:r.amount.amount,decimal:r.amount.decimals,amount:new Fn(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:vo(o,r.asset.symbol,r.asset.address,e)||null}))||[]}i(Wi,"makeBalanceFor");function Ni(t){return{...t,loading:!1,error:!0}}i(Ni,"resetConnectedWalletState");var vo=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice"),bo=i((t,e)=>{let o=Pp(Object.entries(t).map(([,n])=>n).filter(_p));return o&&o[e]?.experimental},"isExperimentalChain");function Op(t,e){return t.map(({balance:o,...n})=>{let r=T(new Fn(Bt(e,n.blockchain,n.symbol,n.address)?.amount||Me)),s="";return n.usdPrice&&(s=T(new Fn(Bt(e,n.blockchain,n.symbol,n.address)?.amount||Me).multipliedBy(n.usdPrice))),{...n,...r!=="0"&&{balance:{amount:r,usdValue:s}}}})}i(Op,"getTokensWithBalance");function Ii(t,e){let o=e.length>0?Op(t,e):t;return o.sort((n,r)=>n.balance?.usdValue&&r.balance?.usdValue?parseFloat(r.balance.usdValue)-parseFloat(n.balance.usdValue):!n.balance?.usdValue&&r.balance?.usdValue?1:n.balance?.usdValue&&!r.balance?.usdValue?-1:!n.balance?.usdValue&&!r.balance?.usdValue?parseFloat(r.balance?.amount||"0")-parseFloat(n.balance?.amount||"0"):0),o}i(Ii,"getTokensBalanceFromWalletAndSort");function Xe(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}i(Xe,"tokensAreEqual");function Mi(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))}i(Mi,"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}`}i(xo,"getConciseAddress");function Li({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}i(Li,"getAddress");import{create as Hp}from"zustand";import{create as zp}from"zustand";var $p=i(t=>{let e=t;e.use={};for(let o of Object.keys(e.getState()))e.use[o]=()=>e(n=>n[o]);return e},"createSelectors"),we=$p;var Up={apiKey:""},Pi=i((t,e)=>({config:Up,updateConfig:o=>{let n=e().config;t({config:{...n,...o}})}}),"createConfigSlice");function Wt(t){return Array.from(new Set(t))}i(Wt,"removeDuplicateFrom");function On(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}i(On,"areEqual");function Di(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}i(Di,"debounce");function gt(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}i(gt,"containsText");var ae=i(()=>document.getElementById("swap-box"),"getContainer");var _i=i((t,e)=>({_blockchains:[],_tokens:[],_popularTokens:[],_swappers:[],blockchains:o=>{let n=e()._blockchains;if(!o||!o?.type)return n;let r=e().config,s=(o.type==="source"?r.from?.blockchains:r.to?.blockchains)??[];return n.filter(p=>!(s.length>0&&!s.includes(p.name)))},tokens:o=>{let n=e()._tokens;if(!o||!o?.type)return n;let r=e().config,s=(o.type==="source"?r.from?.tokens:r.to?.tokens)??[],a=e().blockchains({type:o.type});return n.filter(l=>s.length>0&&!s.some(u=>Xe(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=>Xe(r,o)),fetch:async()=>{let o=await xt().getAllMetadata(),n=[],r=[],s=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:s,_swappers:a})}}),"createDataSlice");var qp=zp()((...t)=>({..._i(...t),...Pi(...t)})),Le=we(qp);var v=we(Hp()(t=>({meta:{blockchains:[],popularTokens:[],swappers:[],tokens:[]},loadingStatus:"loading",fetchMeta:async()=>{try{await Le.getState().fetch();let e=Le.getState(),o={blockchains:e.blockchains(),tokens:e.tokens(),popularTokens:e._popularTokens,swappers:e._swappers};t({meta:o,loadingStatus:"success"})}catch{t({loadingStatus:"failed"})}}})));var G=we(Gp()(Vp((t,e)=>({connectedWallets:[],customDestination:"",loading:!1,connectWallet:o=>{let n=e().getWalletsDetails;t(r=>({loading:!0,connectedWallets:r.connectedWallets.filter(s=>s.walletType!==o[0].walletType).concat(o.map(s=>{let a=!r.connectedWallets.find(p=>p.chain===s.chain&&p.selected);return{balances:[],address:s.address,chain:s.chain,explorerUrl:null,walletType:s.walletType,selected:a,loading:!0,error:!1}}))})),n(o)},disconnectWallet:o=>{t(n=>{let r=n.connectedWallets.filter(s=>s.selected&&s.walletType!==o).map(s=>s.chain);return{connectedWallets:n.connectedWallets.filter(s=>s.walletType!==o).map(s=>r.includes(s.chain)?s:(r.push(s.chain),{...s,selected:!0}))}})},selectWallets:o=>t(n=>({connectedWallets:n.connectedWallets.map(r=>{let s=!!o.find(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 s?{...r,selected:!1}:a?{...r,selected:!0}:r})})),clearConnectedWallet:()=>t(()=>({connectedWallets:[],selectedWallets:[]})),getWalletsDetails:async(o,n=!0)=>{let r=e().getWalletsDetails,{tokens:s}=v.getState().meta;t(a=>({loading:!0,connectedWallets:a.connectedWallets.map(p=>o.find(l=>wo(l,p))?{...p,loading:!0}:p)}));try{let a=o.map(({address:u,chain:c})=>({address:u,blockchain:c})),l=(await xt().getWalletsDetails(a)).wallets;if(l)t(u=>({loading:!1,connectedWallets:u.connectedWallets.map(c=>{let d=o.find(h=>wo(h,c)),m=l.find(h=>h.address===c.address&&h.blockChain===c.chain);return m?.failed&&d&&n&&r([d],!1),d&&m?{...c,explorerUrl:m.explorerUrl,balances:Wi(m,s)}:c})}));else throw new Error("Wallet not found")}catch{t(p=>({loading:!1,connectedWallets:p.connectedWallets.map(l=>o.find(u=>wo(u,l))?Ni(l):l)}))}}}))));import{allProviders as Rp}from"@rango-dev/provider-all";function Ao(t,e){let o=Rp({walletconnect2:{WC_PROJECT_ID:e?.walletConnectProjectId||""}});if(t){let n=[];return t.forEach(r=>{if(typeof r=="string"){let s=o.find(a=>a.config.type===r);s?n.push(s):console.warn(`Couldn't find ${r} provider. Please make sure you are passing the correct name.`)}else n.push(r)}),n}return o}i(Ao,"matchAndGenerateProviders");function Fi(t,e){return Ao(t,e).map(r=>r.config.type)}i(Fi,"configWalletsToWalletName");function Oi(t,e){let o=G.use.clearConnectedWallet(),n=Ao(void 0,e);return Xp(()=>{o(),n=Ao(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}i(Oi,"useWalletProviders");var Un=Yp({onConnectWallet:()=>{}});function zn(t){let{blockchains:e}=v.use.meta(),{providers:o}=Oi(t.providers,t?.options),n=G.use.disconnectWallet(),r=G.use.connectWallet(),s=Qp(),a=e.filter(jp).map(l=>l.name),p=i((l,u,c,d,m)=>{if(u===$n.ACCOUNTS)if(c){let h=To(m),C=Ei(l,c,a,h);r(C)}else n(l);if(u===$n.ACCOUNTS&&d.connected){let h=`${l}-${d.network}-${c}`;d.connected&&(s.current?s.current(h):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(u===$n.NETWORK&&d.network){let h=`${l}-${d.network}`;s.current?s.current(h):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(l,u,c,d,m)},"onUpdateState");return $i.createElement(Un.Provider,{value:{onConnectWallet:l=>{s.current=l}}},$i.createElement(Kp,{allBlockChains:e,providers:o,onUpdateState:p,autoConnect:!0},t.children))}i(zn,"WidgetWallets");import{I18nManager as Ag,styled as Eg}from"@rango-dev/ui";import lt,{useContext as Bg,useEffect as Ap,useMemo as Wg,useState as bp}from"react";import{useQueueManager as xc}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Ac}from"@rango-dev/wallets-react";import{isEvmBlockchain as Ec}from"rango-types";import yt,{useEffect as Bc,useRef as Wc}from"react";import{MemoryRouter as Nc,useInRouterContext as Ic}from"react-router";import{useLocation as Mc,useNavigate as Lc}from"react-router-dom";var g={home:"/",fromSwap:"from-swap",fromBlockchain:"/from-swap/blockchains",toBlockchain:"/to-swap/blockchains",toSwap:"to-swap",settings:"settings",liquiditySources:"/settings/liquidity-sources",themes:"/settings/themes",bridges:"/settings/bridges",exchanges:"/settings/exchanges",languages:"/settings/languages",swaps:"swaps",wallets:"wallets",confirmSwap:"confirm-swap",swapDetails:"swaps/:requestId"};import{i18n as Yo}from"@lingui/core";import{Alert as lc,BestRoute as pc,BestRouteSkeleton as uc,Button as cc,Divider as ar,styled as Lt,SwapInput as Vs,Typography as lr,WarningIcon as mc}from"@rango-dev/ui";import j,{useEffect as dc,useRef as fc,useState as gc}from"react";import{useNavigate as hc}from"react-router-dom";import{ChevronLeftIcon as eu}from"@rango-dev/ui";import qi from"react";import{darkTheme as Zp,IconButton as Jp,styled as Eo}from"@rango-dev/ui";var Fe=Eo(Jp,{width:"$24",position:"relative",padding:"0",overflow:"unset"}),Ui=Eo("div",{position:"absolute",background:"$secondary500",[`.${Zp} &`]:{$$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"}),zi=Eo("div",{position:"absolute",backgroundColor:"$secondary500",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0"});function qn(t){return qi.createElement(Fe,{variant:"ghost",size:"small",onClick:t.onClick},qi.createElement(eu,{color:"black",size:16}))}i(qn,"BackButton");import{i18n as tu}from"@lingui/core";import{Button as ou,Typography as nu}from"@rango-dev/ui";import Hn from"react";function Gn(t){return Hn.createElement(Nt,null,Hn.createElement(ou,{variant:"ghost",onClick:t.onClick,size:"xsmall"},Hn.createElement(nu,{variant:"label",size:"medium",color:"error500"},tu.t("Cancel"))))}i(Gn,"CancelButton");import{i18n as ru}from"@lingui/core";import{Tooltip as iu,WalletIcon as su}from"@rango-dev/ui";import Bo from"react";function Vn(t){return Bo.createElement(iu,{container:t.container,side:"top",content:ru.t("Connect Wallet")},Bo.createElement(Fe,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&Bo.createElement(Ui,null),Bo.createElement(su,{size:18,color:"black"})))}i(Vn,"WalletButton");import{i18n as Io}from"@lingui/core";import{NotificationsIcon as wu,Popover as vu,RefreshIcon as bu,SettingsIcon as xu,Tooltip as Mo,TransactionIcon as Au}from"@rango-dev/ui";import de from"react";import{i18n as gu}from"@lingui/core";import{ChainToken as Ki,ChevronRightIcon as hu,ListItemButton as yu,Typography as Su}from"@rango-dev/ui";import Oe from"react";import{useNavigate as Cu}from"react-router-dom";import{create as au}from"zustand";import{persist as lu,subscribeWithSelector as pu}from"zustand/middleware";var Pe=we(au()(lu(pu((t,e)=>({notifications:[],setNotification:(o,n)=>{let r=n.steps[0],s=n.steps[n.steps.length-1],a={event:o,creationTime:Date.now(),read:!1,requestId:n.requestId,route:{from:{blockchain:r.fromBlockchain,tokenAddress:r.fromSymbolAddress,tokenSymbol:r.fromSymbol},to:{blockchain:s.toBlockchain,tokenSymbol:s.toSymbol,tokenAddress:s.toSymbolAddress}}},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 uu}from"zustand";var ve=we(uu()(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 Hi=Wo("div",{padding:"$10",width:"350px",minHeight:"150px"}),Gi=Wo("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),Vi=Wo("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),Ri=Wo("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as cu}from"@lingui/core";import{Divider as mu,NoNotificationIcon as du,Typography as fu}from"@rango-dev/ui";import No from"react";function Xi(){return No.createElement(Ri,null,No.createElement(du,{color:"secondary",size:26}),No.createElement(mu,{size:12}),No.createElement(fu,{variant:"body",size:"medium",color:"neutral900"},cu.t("You have no notification")))}i(Xi,"NotificationNotFound");var ku=4;function Rn(){let t=Cu(),e=ve.use.setSelectedSwap(),{getUnreadNotifications:o}=Pe(),n=o(),{tokens:r,blockchains:s}=v.use.meta(),a=n.sort((l,u)=>u.creationTime-l.creationTime).slice(0,ku),p=i(l=>{e(l),t(`/swaps/${l}`)},"handleOnClick");return Oe.createElement(Hi,null,a.length?Oe.createElement(Gi,null,a.map(l=>{let u=r.find(h=>h.address===l.route.from.tokenAddress&&h.blockchain===l.route.from.blockchain&&h.symbol===l.route.from.tokenSymbol),c=s.find(h=>h.name===l.route.from.blockchain),d=r.find(h=>h.address===l.route.to.tokenAddress&&h.blockchain===l.route.to.blockchain&&h.symbol===l.route.to.tokenSymbol),m=s.find(h=>h.name===l.route.to.blockchain);return Oe.createElement(yu,{key:l.requestId,onClick:()=>p(l.requestId),title:Oe.createElement(Su,{variant:"body",size:"small",color:"$neutral900"},gu.t(l.event.message)),id:l.requestId,start:Oe.createElement(Vi,null,Oe.createElement("div",{className:"from-chain-token"},Oe.createElement(Ki,{tokenImage:u?u.image:"",chainImage:c?c.logo:"",size:"small"})),Oe.createElement("div",{className:"to-chain-token"},Oe.createElement(Ki,{tokenImage:d?d.image:"",chainImage:m?m.logo:"",size:"small"}))),end:Oe.createElement(hu,{size:12,color:"gray"})})})):Oe.createElement(Xi,null))}i(Rn,"NotificationContent");import{Typography as Tu}from"@rango-dev/ui";import ji from"react";function Yi(){let{getUnreadNotifications:t}=Pe(),e=t().length;return e?ji.createElement(zi,null,ji.createElement(Tu,{variant:"body",size:"xsmall",color:"$background"},e)):null}i(Yi,"UnreadNotificationsBadge");function Xn(t){let{layoutRef:e,onClickRefresh:o,onClickHistory:n,onClickSettings:r,onClickNotifications:s}=t;return de.createElement(de.Fragment,null,de.createElement(Mo,{container:ae(),side:"top",content:Io.t("Refresh")},de.createElement(Fe,{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(vu,{align:"center",collisionBoundary:e,collisionPadding:{right:20,left:20},container:ae(),content:de.createElement(Rn,null)},de.createElement(Fe,{size:"small",variant:"ghost",onClick:s},de.createElement(wu,{size:18,color:"black"}),de.createElement(Yi,null)))),de.createElement(Mo,{container:ae(),side:"top",content:Io.t("Settings")},de.createElement(Fe,{size:"small",variant:"ghost",onClick:r},de.createElement(xu,{size:18,color:"black"}))),de.createElement(Mo,{container:ae(),side:"top",content:Io.t("Transactions History")},de.createElement(Fe,{size:"small",variant:"ghost",onClick:n},de.createElement(Au,{size:18,color:"black"}))))}i(Xn,"HomeButtons");import{BottomLogo as Eu,Divider as Bu,Header as Wu}from"@rango-dev/ui";import ge from"react";import{useNavigate as Nu}from"react-router-dom";import{styled as Kn}from"@rango-dev/ui";var Qi=Kn("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",backgroundColor:"$neutral100",variants:{fixedHeight:{true:{height:"95vh"},false:{height:"auto"}}}}),Zi=Kn("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"}}}}),Ji=Kn("div",{backgroundColor:"$background","& .footer__content":{padding:"$0 $20"},"& .footer__logo":{padding:"$0 $20 $10 $20"}});function Iu(t,e){let{children:o,header:n,footer:r,noPadding:s,hasLogo:a=!0,fixedHeight:p=!0}=t,l=G.use.connectedWallets(),u=ve.use.connectWalletsButtonDisabled(),c=Nu(),d=i(()=>{u||c("/"+g.wallets)},"onConnectWallet");return ge.createElement(Qi,{ref:e,fixedHeight:p,id:"swap-box"},ge.createElement(Wu,{prefix:ge.createElement(ge.Fragment,null,n.onBack&&ge.createElement(qn,{onClick:n.onBack})),title:n.title,suffix:ge.createElement(ge.Fragment,null,n.suffix,n.hasConnectWallet&&ge.createElement(Vn,{container:ae(),onClick:d,isConnected:!!l?.length}),n.onCancel&&ge.createElement(Gn,{onClick:n.onCancel}))}),ge.createElement(Zi,{noPadding:s},o),(a||r)&&ge.createElement(Ji,null,ge.createElement("div",{className:"footer__content"},r),a&&ge.createElement("div",{className:"footer__logo"},ge.createElement(Bu,{size:12}),ge.createElement(Eu,null))))}i(Iu,"LayoutComponent");var Q=ge.forwardRef(Iu);Q.displayName="Layout";import{Alert as Du,Button as _u,Divider as cs,NoRouteIcon as Fu,RefreshIcon as Ou,Typography as ms}from"@rango-dev/ui";import $e from"react";import{i18n as Se}from"@lingui/core";var Vt=(r=>(r[r.ROUTE_UPDATED=0]="ROUTE_UPDATED",r[r.ROUTE_SWAPPERS_UPDATED=1]="ROUTE_SWAPPERS_UPDATED",r[r.ROUTE_COINS_UPDATED=2]="ROUTE_COINS_UPDATED",r[r.ROUTE_AND_OUTPUT_AMOUNT_UPDATED=3]="ROUTE_AND_OUTPUT_AMOUNT_UPDATED",r))(Vt||{});var z={genericServerError:Se.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:Se.t("Please reset your liquidity sources."),description:Se.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources")},noRoutesError:{title:Se.t("No Routes Found"),description:"Reasons why Rango couldn't find a route: low liquidity on token, very low input amount or no routes available for the selected input/output token combination."},bridgeLimitErrors:{increaseAmount:Se.t("Bridge Limit Error: Please increase your amount"),decreaseAmount:Se.t("Bridge Limit Error: Please decrease your amount")},highValueLossError:{impactTitle:Se.t("High Price Impact"),title:Se.t("Price impact is too high!"),description:Se.t("The price impact is significantly higher than the allowed amount. If you are sure, continue, otherwise, change the swap."),confirmMessage:Se.t("Confirm High price impact")},routeUpdatedWithHighValueLoss:{title:Se.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:Se.t("USD Price Unknown"),title:Se.t("USD Price Unknown, Cannot calculate Price Impact."),description:Se.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:Se.t("Confirm USD Price Unknown")}};function Lo(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""}}i(Lo,"getConfirmSwapErrorMessage");import{create as Mu}from"zustand";import{persist as Lu,subscribeWithSelector as Pu}from"zustand/middleware";var ts=[.5,1,3],os=1,ns=5,rs=100,is=0;var $=we(Mu()(Lu(Pu(t=>({slippage:os,customSlippage:null,infiniteApprove:!1,affiliateRef:null,affiliatePercent:null,affiliateWallets:null,disabledLiquiditySources:[],theme:"auto",setSlippage:e=>t(()=>({slippage:e})),setCustomSlippage:e=>t(()=>({customSlippage:e})),setAffiliateRef:e=>t(()=>({affiliateRef:e})),setAffiliatePercent:e=>t(()=>({affiliatePercent:e})),setAffiliateWallets:e=>t(()=>({affiliateWallets:e})),toggleAllLiquiditySources:e=>t(o=>{if(e)return{disabledLiquiditySources:[]};let{swappers:n}=v.getState().meta,r=Wt(n.map(s=>s.swapperGroup));return r.length===o.disabledLiquiditySources.length?{disabledLiquiditySources:[]}:{disabledLiquiditySources:r}}),toggleInfiniteApprove:()=>t(e=>({infiniteApprove:!e.infiniteApprove})),toggleLiquiditySource:e=>t(o=>o.disabledLiquiditySources.includes(e)?{disabledLiquiditySources:o.disabledLiquiditySources.filter(n=>n!=e)}:{disabledLiquiditySources:o.disabledLiquiditySources.concat(e)}),setTheme:e=>t(()=>({theme:e}))})),{name:"user-settings",skipHydration:!0})));import{i18n as ss}from"@lingui/core";function as(t,e,o,n,r){return o?{alert:{type:"warning",text:z.genericServerError,action:{onClick:r,title:ss.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:ss.t("Reset")}},description:z.liquiditySourcesError.description}:{alert:null,description:z.noRoutesError.description}}i(as,"makeInfo");import{styled as jn}from"@rango-dev/ui";var ls=jn("div",{display:"flex",flexDirection:"column",alignItems:"center"}),ps=jn("div",{width:"100%"}),us=jn("div",{padding:"$6 $0"});function Rt(t){let{diagnosisMessage:e,fetch:o,error:n}=t,r=$.use.disabledLiquiditySources(),s=v.use.loadingStatus(),a=$.use.toggleAllLiquiditySources(),l=as(e??null,r,n||s==="failed",a,o);return $e.createElement(ls,null,$e.createElement(Fu,{size:24,color:"gray"}),$e.createElement(cs,{size:4}),$e.createElement(ms,{variant:"title",size:"small"},z.noRoutesError.title),!!l.description&&$e.createElement(ms,{variant:"body",size:"small",align:"center",color:"neutral900"},l.description),$e.createElement(cs,{size:4}),!!l.alert&&$e.createElement(ps,null,$e.createElement(Du,{type:l.alert.type,title:l.alert.text,action:l.alert.action&&$e.createElement(_u,{size:"xsmall",type:l.alert.type,prefix:$e.createElement(us,null,$e.createElement(Ou,{size:8})),onClick:l.alert.action.onClick},l.alert.action.title),variant:"alarm"})))}i(Rt,"NoRoutes");import{Alert as $s,Divider as Zu,InfoIcon as Ju}from"@rango-dev/ui";import qe from"react";import ct from"bignumber.js";import{create as Vu}from"zustand";import{subscribeWithSelector as Ru}from"zustand/middleware";import{getLastSuccessfulStep as Uu}from"@rango-dev/queue-manager-rango-preset";import dC from"bignumber.js";function ds(t,e){return e.find(o=>o.name===t)?.displayName}i(ds,"getBlockchainDisplayNameFor");function Je(t,e){return e.find(o=>o.name===t)?.shortName}i(Je,"getBlockchainShortNameFor");function Yn(t,e){return e.find(o=>Xe(o,t))??null}i(Yn,"findToken");function Qn(t,e){return e.find(o=>o.name===t)??null}i(Qn,"findBlockchain");function Zn(t,e,o){return o&&t.find(n=>{let r=e?.split("--");return r?.length===1?n.symbol===r[0]&&n.address===null&&n.blockchain===o.name:n.symbol===r?.[0]&&n.address===r?.[1]&&n.blockchain===o.name})||null}i(Zn,"searchParamsToToken");function fs(t){return t?.result?.swaps[t?.result?.swaps.length-1].to.usdPrice}i(fs,"getBestRouteToTokenUsdPrice");function Jn(t,e){let o=t.result?.swaps||[],n=e.result?.swaps||[];return o.length!==n.length}i(Jn,"isNumberOfSwapsChanged");function er(t,e){let o=t.result?.swaps.map(r=>r.swapperId)||[],n=e.result?.swaps.map(r=>r.swapperId)||[];return!On(o,n)}i(er,"isRouteSwappersUpdated");function tr(t,e){let o=t.result?.swaps.map(r=>r.to.symbol)||[],n=e.result?.swaps.map(r=>r.to.symbol)||[];return!On(o,n)}i(tr,"isRouteInternalCoinsUpdated");function gs(t,e){return Jn(t,e)||er(t,e)||tr(t,e)}i(gs,"isRouteChanged");function hs(t,e){if(e===null)return null;let o=e?.find(n=>n.blockchain===t.chain)?.wallets.find(n=>n.address?.toLowerCase()===t.address.toLowerCase());return o?o.requiredAssets:null}i(hs,"getRequiredBalanceOfWallet");function ys(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}}}}i(ys,"getFormattedBestRoute");function It(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}i(It,"getPriceImpactLevel");function Ss(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],s=Uu(t.steps),a={blockchain:r.toBlockchain,symbol:r.toSymbol,address:r.toSymbolAddress},p=Qn(s?s.toBlockchain:n.fromBlockchain,e),l=Qn(r.toBlockchain,e),u=Yn(s?{blockchain:p?.name??"",symbol:s.toSymbol,address:s.toSymbolAddress}:{blockchain:p?.name??"",symbol:n.fromSymbol,address:n.fromSymbolAddress},o),c=Yn(a,o),d=s?s.outputAmount??"":t.inputAmount;return{fromBlockchain:p,fromToken:u,toBlockchain:l,toToken:c,inputAmount:d}}i(Ss,"createRetryRoute");import{i18n as Ue}from"@lingui/core";import{PendingSwapNetworkStatus as Oo}from"@rango-dev/queue-manager-rango-preset";import be from"bignumber.js";function Cs(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)}}}))}i(Cs,"formatBestRoute");function Do(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,s=e[e.length-1];n!=s&&e.push(n),s=e[e.length-1],r!=s&&e.push(r)}),e}i(Do,"getRequiredWallets");function _o(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}i(_o,"isValidAddress");import{i18n as Fo}from"@lingui/core";var ht={connectWallet:Fo.t("Connect Wallet"),swap:Fo.t("Swap"),swapAnyway:Fo.t("Swap anyway"),ethRouteWarning:Fo.t("The route goes through Ethereum. Continue?")};function zo(t,e){return!t||!e||t.lte(Me)||e.lte(Me)?0:e.div(t).minus(1).multipliedBy(100)}i(zo,"getOutputRatio");function qo(t,e){return(parseInt(e.toFixed(2)||"0")<=-10&&t?.gte(new be(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new be(1e3)))??!1}i(qo,"outputRatioHasWarning");function Ho(t){return(t?.result?.swaps||[]).filter(e=>{let o=e.fromAmountMinValue?new be(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new be(e.fromAmountMaxValue):null;return e.fromAmountRestrictionType==="EXCLUSIVE"?o?.gte(e.fromAmount)||n?.lte(e.fromAmount):o?.gt(e.fromAmount)||n?.lt(e.fromAmount)}).length>0}i(Ho,"hasLimitError");function Go(t){if(!t)return{swap:null,fromAmountRangeError:"",recommendation:""};let e=(t?.result?.swaps||[]).filter(p=>{let l=p.fromAmountMinValue?new be(p.fromAmountMinValue):null,u=p.fromAmountMaxValue?new be(p.fromAmountMaxValue):null;return p.fromAmountRestrictionType==="EXCLUSIVE"?l?.gte(p.fromAmount)||u?.lte(p.fromAmount):l?.gt(p.fromAmount)||u?.lt(p.fromAmount)})[0];if(!e)return{swap:null,fromAmountRangeError:"",recommendation:""};let o=e.fromAmountMinValue?new be(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new be(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",s="",a="";return!r&&o&&o.gt(e.fromAmount)?(s=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)&&(s=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)?(s=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)&&(s=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:s,recommendation:a}}i(Go,"LimitErrorMessage");function ks(t,e,o,n,r,s,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"}:s||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"}}i(ks,"getSwapButtonState");function or(t,e,o){return!((!o||o.lte(Me))&&t?.result&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t.result)}i(or,"canComputePriceImpact");function qu(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,s=e[e.length-1];n!=s&&e.push(n),s=e[e.length-1],r!=s&&e.push(r)}),e}i(qu,"requiredWallets");var Hu=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice");function Gu(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 s=Hu(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new be(r.amount).multipliedBy(s||0))}return o}i(Gu,"getUsdFeeOfStep");function Vo(t,e){return t?.result?.swaps.reduce((o,n)=>o.plus(Gu(n,e)),Me)||null}i(Vo,"getTotalFeeInUsd");function Ts(t){return t.result?.swaps.map(o=>o.recommendedSlippage)?.map(o=>o?.slippage||"0")?.filter(o=>parseFloat(o)>0)?.sort((o,n)=>parseFloat(n)-parseFloat(o))?.find(()=>!0)||null}i(Ts,"getMinRequiredSlippage");function ws(t,e){return e?parseFloat(t)>=parseFloat(e):!0}i(ws,"hasProperSlippage");function Ro(t){let{fromToken:e,toToken:o,inputAmount:n,wallets:r,selectedWallets:s,disabledLiquiditySources:a,slippage:p,affiliateRef:l,affiliatePercent:u,affiliateWallets:c,initialRoute:d,destination:m}=t,h=s?.reduce((f,w)=>(f[w.chain]=w.address,f),{}),C=[];r?.forEach(f=>{let w=C.find(b=>b.blockchain===f.chain);w?w.addresses.push(f.address):C.push({blockchain:f.chain,addresses:[f.address]})});let y=!!d,S=Wt((d?.result?.swaps||[]).reduce((f,w)=>(f.push(w.from.blockchain,w.to.blockchain),w.internalSwaps&&Array.isArray(w.internalSwaps)&&w.internalSwaps.map(b=>{f.push(b.from.blockchain,b.to.blockchain)}),f),[]));return{amount:n.toString(),affiliateRef:l??void 0,affiliatePercent:u??void 0,affiliateWallets:c??void 0,checkPrerequisites:y,from:{address:e.address,blockchain:e.blockchain,symbol:e.symbol},to:{address:o.address,blockchain:o.blockchain,symbol:o.symbol},connectedWallets:C,selectedWallets:h??{},slippage:p.toString(),...m&&{destination:m},...a.length>0&&{swapperGroups:a,swappersGroupsExclude:!0},...y&&{blockchains:S}}}i(Ro,"createBestRouteRequestBody");function vs(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}i(vs,"getWalletsForNewSwap");function Mt(t){return t?.result?.outputAmount||null}i(Mt,"getRouteOutputAmount");function et(t,e){return!t||!e?null:new be(e).div(new be(t)).minus(1).multipliedBy(100)}i(et,"getPercentageChange");function bs(t,e){let o=Mt(t),n=Mt(e);if(!o||!n)return!1;let r=et(o,n);return r?r.toNumber()<=-1:!0}i(bs,"isOutputAmountChangedALot");function xs(t,e){let o=t.validationStatus,n=Bi(t);return e.sort((s,a)=>n.indexOf(s.chain)-n.indexOf(a.chain)).flatMap(s=>hs(s,o)||[]).filter(s=>!s.ok).map(s=>{let a=s.asset.symbol,p=T(new be(s.currentAmount.amount).shiftedBy(-s.currentAmount.decimals),8,8),l=T(new be(s.requiredAmount.amount).shiftedBy(-s.requiredAmount.decimals),8,8),u="";return s.reason==="FEE"&&(u=Ue.t(" for network fee")),s.reason==="INPUT_ASSET"&&(u=Ue.t(" for swap")),s.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:s.asset.blockchain}})})}i(xs,"getBalanceWarnings");function As(t,e){return(t?new be(t):Me).multipliedBy(e||0)}i(As,"calcOutputUsdValue");function Xt(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==Oo.NetworkChanged}i(Xt,"isNetworkStatusInWarningState");function Es(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}}}i(Es,"getSwapMessages");function Bs(t){let e=null;if(t.status==="failed"){let o=t.steps.slice().reverse().filter(n=>n.status==="success")[0];o&&(e={blockchain:o.toBlockchain,symbol:o.toSymbol,outputAmount:o.outputAmount,address:o.toSymbolAddress})}return e}i(Bs,"getLastConvertedTokenInFailedSwap");function Ws(t){return t.status==="failed"&&!!t.finishTime&&new Date().getTime()-parseInt(t.finishTime)<4*3600*1e3}i(Ws,"shouldRetrySwap");function Ns(t,e,o,n,r,s){return t||!e&&!qu(n).every(a=>r.map(p=>p.chain).includes(a))||!!e&&!o||!!e&&!!o&&s&&!_o(s,o)}i(Ns,"confirmSwapDisabled");var Xo=i((t,e)=>t?.usdPrice?new ct(e||Me).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),P=we(Vu()(Ru(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new ct(0),outputUsdValue:new ct(0),toBlockchain:null,toToken:null,bestRoute:null,routeWalletsConfirmed:!1,selectedWallets:[],customDestination:"",setRoute:e=>t(o=>{let n=null,r=Me;return Gt(o.inputAmount)?(e&&(n=e.result?.outputAmount?new ct(e.result?.outputAmount):null,r=As(e.result?.outputAmount,fs(e)||o.toToken?.usdPrice)),{bestRoute:e,...!!e&&{outputAmount:n,outputUsdValue:r}}):{}}),resetRoute:()=>t(()=>({bestRoute:null,outputAmount:null,outputUsdValue:new ct(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 ct(0),outputUsdValue:new ct(0),bestRoute:null},...!!o.fromToken&&{inputUsdValue:Xo(o.fromToken,e)}}))},retry:e=>{let{tokens:o,blockchains:n}=v.getState().meta,{fromBlockchain:r,fromToken:s,toBlockchain:a,toToken:p,inputAmount:l}=Ss(e,n,o);t({fromBlockchain:r,fromToken:s,inputAmount:l,outputAmount:null,inputUsdValue:Xo(s??null,l),outputUsdValue:new ct(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 Is=Ko("div",{width:"100%",paddingTop:"$10"}),nr=Ko("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),Ms=Ko("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%"}),Ls=Ko("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});import{i18n as Kt}from"@lingui/core";import{Button as Xu,Divider as _s,MessageBox as Fs,Modal as Ku,Typography as ju,WarningIcon as Yu}from"@rango-dev/ui";import ze from"react";import{useNavigate as Qu}from"react-router-dom";import{Typography as Ps}from"@rango-dev/ui";import rr from"react";function Ds(t){let{title:e,value:o,valueColor:n}=t;return rr.createElement(Ms,null,rr.createElement(Ps,{size:"medium",variant:"label",color:"neutral800"},e),rr.createElement(Ps,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}i(Ds,"RouteErrorsModalItem");function Os(t){let{highValueLoss:e,open:o,onToggle:n,percentageChange:r,inputUsdValue:s,outputUsdValue:a,totalFeeInUsd:p}=t,l=Qu(),u=e&&r?.lt(-10)?"error":"warning",c=[{title:Kt.t("Swapping"),value:T(s,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(Ku,{open:o,onClose:()=>n(!1),container:document.getElementById("swap-box")||document.body},e?ze.createElement(Fs,{type:u,title:z.highValueLossError.impactTitle,description:z.highValueLossError.description}):ze.createElement(Fs,{type:u,title:z.unknownPriceError.impactTitle,description:z.unknownPriceError.description}),e&&ze.createElement(nr,null,ze.createElement(_s,{size:20}),ze.createElement(ju,{size:"small",variant:"title"},Kt.t("Details")),ze.createElement(nr,null,c.map((d,m)=>ze.createElement(Ds,{key:m,...d})))),ze.createElement(_s,{size:32}),ze.createElement(Xu,{type:"primary",size:"large",prefix:ze.createElement(Yu,null),fullWidth:!0,onClick:()=>{l(g.confirmSwap)}},e?z.highValueLossError.confirmMessage:z.unknownPriceError.confirmMessage))}i(Os,"RouteErrorsModal");var ec=-10;function ir(t){let{bestRoute:e}=P(),{highValueLoss:o,percentageChange:n,priceImpactCanNotBeComputed:r,openModal:s,onToggle:a,totalFeeInUsd:p,outputUsdValue:l,inputUsdValue:u,loading:c,extraSpace:d}=t,m=Ho(e),{recommendation:h}=Go(e),C=!m&&(o||r),y=C||m;return qe.createElement(qe.Fragment,null,(c||d&&!y)&&qe.createElement(Zu,{size:20}),y&&qe.createElement(Is,null,C&&qe.createElement(qe.Fragment,null,qe.createElement($s,{title:o?z.highValueLossError.title:z.unknownPriceError.title,type:o&&n?.lt(ec)?"error":"warning",variant:"alarm",action:qe.createElement(Ls,{onClick:()=>a(!0)},qe.createElement(Ju,{size:12,color:"gray"}))})),m&&qe.createElement($s,{type:"error",variant:"alarm",title:h})),qe.createElement(Os,{highValueLoss:o,open:s,onToggle:a,percentageChange:n,inputUsdValue:u,outputUsdValue:l,totalFeeInUsd:p}))}i(ir,"RouteErrors");import{ReverseIcon as tc,styled as Us}from"@rango-dev/ui";import sr from"react";var oc=Us("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),nc=Us("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 zs(){let t=P.use.switchFromAndTo();return sr.createElement(oc,null,sr.createElement(nc,{onClick:()=>{t()}},sr.createElement(tc,{size:12})))}i(zs,"SwitchFromAndToButton");import{useEffect as qs,useRef as sc,useState as Hs}from"react";import{useRef as rc,useState as ic}from"react";function jo(){let[t,e]=ic(!1),o=rc(null),n=i(()=>o.current?.abort(),"cancel");return{fetch:i(async s=>{n(),o.current=new AbortController,e(!0);try{let a=await xt().getBestRoute(s,{signal:o.current.signal});return o.current=null,a}catch(a){throw a}finally{e(!1)}},"fetch"),loading:t,cancelFetch:n}}i(jo,"useFetchBestRoute");var ac=600;function Gs(){let{fetch:t,cancelFetch:e}=jo(),[o,n]=Hs(!1),{fromToken:r,toToken:s,inputAmount:a,inputUsdValue:p,resetRoute:l,setRoute:u}=P(),{slippage:c,customSlippage:d,affiliatePercent:m,affiliateRef:h,affiliateWallets:C,disabledLiquiditySources:y}=$(),[S,k]=Hs(""),f=sc(y),w=d??c,x=!r||!s||Xe(r,s)||!Gt(a),W=i(()=>{if(o||n(!0),!x){l();let E=Ro({fromToken:r,toToken:s,inputAmount:a,disabledLiquiditySources:y,slippage:w,affiliateRef:h,affiliatePercent:m,affiliateWallets:C});t(E).then(O=>{n(!1),u(O)}).catch(O=>{l(),O?.code!=="ERR_CANCELED"&&(k(O.message),n(!1))})}},"fetch"),F=Di(()=>{x||W()},ac);return qs(()=>{if(!Gt(a)||p?.eq(0)){n(!1),e();return}if(!x)return l(),n(!0),F(),e},[a,x]),qs(()=>{let E=!!f.current.length&&!y.length;return!x&&E&&W(),f.current=y,e},[y.length]),{fetch:W,loading:o,error:S}}i(Gs,"useSwapInput");var yc=Lt("div",{display:"flex",flexDirection:"column",overflowY:"visible"}),Sc=Lt("div",{position:"relative"}),Cc=Lt("div",{display:"flex",flexDirection:"column",gap:5,alignSelf:"stretch"}),Rs=Lt("div",{width:"100%",paddingTop:"$2"}),kc=Lt("div",{paddingBottom:"$15"}),Tc=Lt("div",{width:"100%",display:"flex"});function Qo(){let t=hc(),{fetch:e,loading:o,error:n}=Gs(),{fromToken:r,fromBlockchain:s,toToken:a,toBlockchain:p,setInputAmount:l,inputAmount:u,inputUsdValue:c,outputAmount:d,outputUsdValue:m,bestRoute:h,resetRouteWallets:C}=P(),{meta:{tokens:y,blockchains:S},loadingStatus:k}=v(),f=G.use.connectedWallets(),w=ve.use.setCurrentPage(),[b,x]=gc(!1),{fromAmountRangeError:W,swap:F,recommendation:E}=Go(h),O=fc(null),X=!!Number(u)&&(!!h||o||!!n),oe=!1,B=zo(c,m),J=qo(c,B),H=!or(h,u,c),ne=!or(h,u,m),L=ks(k,f,o,h,Ho(h),J,H||ne,oe,u),me=s&&r?T(Bt(f,s?.name,r?.symbol,r?.address)?.amount||"0",8,8):"0",Ne=s&&r?T(Bt(f,s?.name,r?.symbol,r?.address)?.amount||"0",Bt(f,s?.name,r?.symbol,r?.address)?.decimal):"0";dc(()=>(w(g.home),C(),w.bind(null,"")),[]);let U=!c||!m||!m.gt(0)?null:et(c.toNumber(),m.toNumber()),K=i(_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===F?.swapperId?j.createElement(kc,null,j.createElement(lc,{type:"error",title:E,footer:j.createElement(Tc,null,j.createElement(lr,{size:"xsmall",variant:"body",color:"neutral900"},W),j.createElement(ar,{direction:"horizontal",size:8}),j.createElement(lr,{size:"xsmall",variant:"body",color:"neutral900"},"|"),j.createElement(ar,{direction:"horizontal",size:8}),j.createElement(lr,{size:"xsmall",variant:"body",color:"neutral900"},Yo.t({id:"yourSymbol",message:"Yours: {amount} {symbol}",values:{amount:T(F?.fromAmount||null,6,6),symbol:se?.from.symbol}})))})):void 0})),"getBestRouteSteps"),Ie=Vo(h,y),Te=ys(h);return j.createElement(Q,{ref:O,fixedHeight:!1,hasLogo:!0,footer:j.createElement(cc,{type:"primary",size:"large",disabled:L.disabled,prefix:!L.disabled&&L.hasWarning&&j.createElement(mc,null),fullWidth:!0,onClick:()=>{L.state==="waitForConnecting"?t(g.wallets):L.state==="needToConfirm"?x(!0):t(g.confirmSwap)}},L.title),header:{hasConnectWallet:!0,title:Yo.t("Swap"),suffix:j.createElement(Xn,{layoutRef:O.current,onClickRefresh:h||n?e:void 0,onClickHistory:()=>t(g.swaps),onClickSettings:()=>t(g.settings)})}},j.createElement(yc,null,j.createElement(Cc,null,j.createElement(Sc,null,j.createElement(Vs,{label:Yo.t("From"),mode:"From",onInputChange:l,balance:me,chain:{displayName:s?.displayName||"",image:s?.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?z.unknownPriceError.impactTitle:void 0},disabled:k==="failed",loading:k==="loading",onSelectMaxBalance:()=>{me!=="0"&&l(Ne.split(",").join(""))}}),j.createElement(zs,null)),j.createElement(Vs,{sharpBottomStyle:!!h?.result||o,label:Yo.t("To"),mode:"To",chain:{displayName:p?.displayName||"",image:p?.logo||""},token:{displayName:a?.symbol||"",image:a?.image||""},percentageChange:U?.lt(0)?T(U,2,2):null,warningLevel:It(U?.toNumber()??0),price:{value:T(d,6,6),usdValue:ne?void 0:T(m,4,4),error:ne?z.unknownPriceError.impactTitle:void 0},onClickToken:()=>t("to-swap"),disabled:k==="failed",loading:k==="loading"})),o&&j.createElement(Rs,null,j.createElement(uc,{type:"basic"})),X&&!o&&Te?.result?.swaps?.length?j.createElement(Rs,null,j.createElement(pc,{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(Te.result.swaps),percentageChange:T(U,2,2),totalFee:T(Ie,2,2),totalTime:At(Et(h?.result?.swaps))})):X&&!o?j.createElement(j.Fragment,null,j.createElement(ar,{size:20}),j.createElement(Rt,{diagnosisMessage:Te?.diagnosisMessages?.[0],fetch:e,error:!!n})):null),j.createElement(ir,{openModal:b,onToggle:x,totalFeeInUsd:Ie,outputUsdValue:m,inputUsdValue:c,percentageChange:U,highValueLoss:J,priceImpactCanNotBeComputed:H||ne,loading:o||k==="loading",extraSpace:!!h?.result||!h}))}i(Qo,"Home");import{useEffect as pr,useRef as ur}from"react";import{createSearchParams as wc,useLocation as vc,useSearchParams as bc}from"react-router-dom";import{useEffect as Zo,useRef as Jo}from"react";function Xs(t){let{setInputAmount:e,setToToken:o,setToBlockchain:n,setFromBlockchain:r,setFromToken:s}=P(),{meta:{tokens:a,blockchains:p},loadingStatus:l}=v(),{setAffiliateRef:u,setAffiliatePercent:c,setAffiliateWallets:d}=$(),m=Jo(void 0),h=Jo(void 0),C=Jo(void 0),y=Jo(void 0);Zo(()=>{e(t?.amount?.toString()||"")},[t?.amount]),Zo(()=>{if(l==="success"){let S=p.find(f=>f.name===t?.from?.blockchain),k=a.find(f=>Xe(f,t?.from?.token||null));(S||!S&&C.current)&&r(S??null),(k||!k&&m.current)&&s(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]),Zo(()=>{if(l==="success"){let S=p.find(f=>f.name===t?.to?.blockchain),k=a.find(f=>Xe(f,t?.to?.token||null));(S||!S&&y.current)&&n(S??null),(k||!k&&h.current)&&o(k??null),y.current=t?.to?.blockchain,h.current=t?.to?.token}},[t?.to?.token?.symbol,t?.to?.token?.address,t?.to?.token?.blockchain,t?.to?.blockchain,l]),Zo(()=>{u(t?.affiliate?.ref??null),c(t?.affiliate?.percent??null),d(t?.affiliate?.wallets??null)},[t?.affiliate?.ref,t?.affiliate?.percent,t?.affiliate?.wallets])}i(Xs,"useSyncStoresWithConfig");function Ks(t){let e=ur(!0),[o,n]=bc(),r=vc(),s=ur(r.search),a=ur({}),p=P.use.fromBlockchain(),l=P.use.toBlockchain(),u=P.use.fromToken(),c=P.use.toToken(),d=P.use.setFromBlockchain(),m=P.use.setFromToken(),h=P.use.setToBlockchain(),C=P.use.setToToken(),y=P.use.inputAmount(),S=P.use.setInputAmount(),k=v.use.loadingStatus(),{blockchains:f,tokens:w}=v.use.meta(),b=ve.use.setSelectedSwap();return Xs(t.config),pr(()=>{let x={};wc(s.current).forEach((F,E)=>{x[E]=F}),a.current=x;let W=r.pathname.split(g.swaps+"/")[1]||null;W&&b(W)},[]),pr(()=>{if(!e.current){let x="",W="",F="",E="",O="";if(k!=="success")x=a.current["fromBlockchain"],W=a.current["fromToken"],F=a.current["toBlockchain"],E=a.current["toToken"],O=a.current["fromAmount"]||y;else{if(r.state==="redirect")return;x=p?.name||"",W=(u?.symbol||"")+(u?.address?`--${u?.address}`:""),F=l?.name||"",E=(c?.symbol||"")+(c?.address?`--${c?.address}`:""),O=y}n({...x&&{["fromBlockchain"]:x},...W&&{["fromToken"]:W},...F&&{["toBlockchain"]:F},...E&&{["toToken"]:E},...O&&{["fromAmount"]:O.toString()}},{replace:!0})}e.current=!1},[r.pathname,y,p,u,l,c]),pr(()=>{if(k==="success"){let x=o.get("fromBlockchain"),W=o.get("fromToken"),F=o.get("toBlockchain"),E=o.get("toToken"),O=o.get("fromAmount"),X=f.find(H=>H.name===x),oe=Zn(w,W,X||null),B=f.find(H=>H.name===F),J=Zn(w,E,B||null);X&&(d(X),oe&&m(oe)),B&&(h(B),J&&C(J)),O&&S(O)}},[k]),null}i(Ks,"UpdateUrl");function Pc(t){let e=Mc(),o=Lc(),n=Wc(!0),r=e.pathname.split("/"),a=r[r.length-1]===g.confirmSwap&&n.current;return Bc(()=>{a&&o("."),n.current=!1},[]),a?yt.createElement(Qo,null):yt.createElement(yt.Fragment,null," ",t.children)}i(Pc,"Route");function js({children:t,...e}){let o=Ic(),n=o?Pc:Nc,{blockchains:r}=v.use.meta(),{canSwitchNetworkTo:s}=Ac(),a=r.filter(Ec);return xc({lastConnectedWallet:e.lastConnectedWallet,clearDisconnectedWallet:e.clearDisconnectedWallet,disconnectedWallet:e.disconnectedWallet,evmChains:a,canSwitchNetworkTo:s}),yt.createElement(yt.Fragment,null,yt.createElement(n,null,t),o&&yt.createElement(Ks,{config:e.config}))}i(js,"AppRouter");import We from"react";import{useRoutes as rg}from"react-router-dom";import{i18n as Ke}from"@lingui/core";import{useManager as Em}from"@rango-dev/queue-manager-react";import{Alert as Cr,BestRoute as Bm,BestRouteSkeleton as Wm,Button as an,Divider as Ot,IconButton as Pa,MessageBox as Nm,Modal as Im,RefreshIcon as Mm,SettingsIcon as Lm,styled as Da,Tooltip as Pm,Typography as La,WalletIcon as Dm}from"@rango-dev/ui";import I,{useEffect as ln,useState as pn}from"react";import{flushSync as _m}from"react-dom";import{useNavigate as Fm}from"react-router-dom";import{i18n as rt}from"@lingui/core";import{Alert as Sr,BalanceErrors as cm,Button as Wa,ChevronDownIcon as mm,ChevronLeftIcon as dm,Divider as Ft,MessageBox as fm,Modal as Na,Typography as sn,WalletIcon as gm}from"@rango-dev/ui";import A,{useEffect as hm,useLayoutEffect as ym,useRef as Sm,useState as kt}from"react";import{useNavigate as Cm}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""}}i(tn,"getRouteWarningMessage");import*as Dt from"@radix-ui/react-collapsible";import{Button as Dc,darkTheme as Pt,IconButton as _c,keyframes as Ys,styled as Ce,TextField as Fc}from"@rango-dev/ui";var jt=300,Oc=Ys({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),$c=Ys({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),Qs=Ce("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),Zs=Ce("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}),Js=Ce("button",{borderRadius:"$xm",padding:"$10",border:"0",display:"flex",justifyContent:"center",$$color:"$colors$neutral100",[`.${Pt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",alignItems:"center",cursor:"pointer",width:110,position:"relative","&:hover":{$$color:"$colors$info100",[`.${Pt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$color:"$colors$info100",[`.${Pt} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color",outline:0},variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary",outlineStyle:"solid"}}}}),ea=Ce(Dt.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit"}),ta=Ce("div",{padding:"$20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),oa=Ce(_c,{position:"absolute",left:"$20"}),na=Ce("div",{paddingTop:"$20","& .wallets-list":{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}}),ra=Ce(Dt.Root,{backgroundColor:"$neutral200",borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),ia=Ce(Dc,{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}}),sa=Ce("div",{padding:"$10 $0","& .button__content":{display:"flex",justifyContent:"center",alignItems:"center"},"& .alarms":{paddingTop:"5px"}}),aa=Ce("div",{transition:`all ${jt}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),la=Ce("div",{display:"flex"}),pa=Ce(Fc,{padding:"$0 $15 $15 $15"}),ua=Ce(Dt.Content,{overflow:"hidden",variants:{open:{true:{animation:`${Oc} ${jt}ms ease-out`},false:{animation:`${$c} ${jt}ms ease-out`}}}}),ca=Ce("div",{overflow:"visible",width:"100%"});import{i18n as nt}from"@lingui/core";import{Button as lm,Divider as gr,Image as pm,MessageBox as hr,Modal as ba,SelectableWallet as um,Typography as xa,WalletState as Aa}from"@rango-dev/ui";import ie,{useEffect as Ea,useState as Qt}from"react";import{WalletState as ma}from"@rango-dev/ui";import{useWallets as Uc}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as zc,WalletTypes as qc}from"@rango-dev/wallets-shared";import{useEffect as Hc,useState as Gc}from"react";var Vc=Object.values(qc);function on(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:s,disconnect:a,getWalletInfo:p,connect:l}=Uc(),{connectedWallets:u}=G(),{blockchains:c}=v().meta,d=typeof e?.multiWallets>"u"?!0:e.multiWallets,m=Fi(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||Vc,h=Ai(s,p,m,o),C=Mi(h),[y,S]=Gc(""),k=i(x=>!u.find(W=>W.walletType===x&&W.chain===o),"isExperimentalChainNotAdded"),f=i(async x=>{let W=s(x);try{if(y&&S(""),W.connected)await a(x);else{let F=!!h.find(E=>E.state===ma.CONNECTED);if(!d&&F)return;n?.(x),await l(x),r?.(x)}}catch(F){S("Error: "+F?.message)}},"handleClick"),w=i(()=>{let x=h?.filter(W=>W.state===ma.CONNECTING)||[];for(let W of x)a(W.type)},"disconnectConnectingWallets");Hc(()=>()=>{w()},[]);let b=i((x,W,F)=>bo(F,W)&&k(x)&&!zc.includes(x),"shouldExcludeWallet");return{list:C.filter(x=>!b(x.type,o??"",c)),error:y,handleClick:f}}i(on,"useWalletList");import{i18n as ya}from"@lingui/core";import{styled as Ca,Typography as em,Wallet as tm,WalletState as om}from"@rango-dev/ui";import Ct,{Fragment as nm,useState as Sa}from"react";import{Divider as Yc,Modal as Qc}from"@rango-dev/ui";import mr from"react";import{i18n as _t}from"@lingui/core";import{Image as Kc,MessageBox as cr,WalletState as jc}from"@rango-dev/ui";import St from"react";import{keyframes as Rc,styled as nn}from"@rango-dev/ui";var hw=nn("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),da=nn("div",{position:"relative"}),Xc=Rc({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),fa=nn("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Xc} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),ga=nn("div",{"& img":{borderRadius:"50%"}});function ha(t){let{state:e,image:o,error:n}=t;return e===jc.CONNECTED?St.createElement(cr,{type:"success",title:_t.t("Wallet Connected"),description:_t.t("Your wallet is connected, you can use it to swap.")}):n?St.createElement(cr,{type:"error",title:_t.t("Failed to Connect"),description:n||_t.t("Your wallet is not connected. Please try again.")}):St.createElement(cr,{type:"loading",title:_t.t("Connecting to your wallet"),description:_t.t("Click connect in your wallet popup."),icon:St.createElement(da,null,St.createElement(ga,null,St.createElement(Kc,{src:o,size:45})),St.createElement(fa,null))})}i(ha,"ModalContent");function Yt(t){let{open:e,onClose:o,...n}=t;return mr.createElement(Qc,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},mr.createElement(ha,{...n}),mr.createElement(Yc,{direction:"vertical",size:32}))}i(Yt,"WalletModal");import{useInRouterContext as Zc,useNavigate as Jc}from"react-router-dom";function re(){let t=Zc(),e=Jc(),o=P.use.routeWalletsConfirmed();return g,{navigateBackFrom:i(r=>{if(r===g.swapDetails)return e("/"+g.swaps,{replace:!0});if(!t||window.history.state&&window.history.state.idx>0)e(-1);else{if([g.settings,g.wallets].includes(r)&&o)return e("/"+g.confirmSwap,{replace:!0});[g.fromSwap,g.toSwap,g.settings,g.wallets,g.swaps,g.confirmSwap].includes(r)?e(g.home,{replace:!0}):r===g.fromBlockchain?e("/"+g.fromSwap,{replace:!0}):r===g.toBlockchain?e("/"+g.fromSwap,{replace:!0}):r===g.liquiditySources&&e("/"+g.settings,{replace:!0})}},"navigateBackFrom")}}i(re,"useNavigateBack");var rm=Ca("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline",paddingTop:"$15",height:"100%"}),im=Ca("div",{textAlign:"center"}),rn=3e3,dr=300;function ka({config:t}){let{navigateBackFrom:e}=re(),[o,n]=Sa(!1),[r,s]=Sa(""),a=null,{list:p,handleClick:l,error:u}=on({config:t,onBeforeConnect:C=>{a=setTimeout(()=>{n(!0),s(C)},dr)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},rn)}}),c=v.use.loadingStatus(),d=p.find(C=>C.type===r),m=d?.image||"",h=d?.state||om.NOT_INSTALLED;return Ct.createElement(Q,{header:{title:ya.t("Connect Wallets"),onBack:e.bind(null,g.wallets)}},Ct.createElement(im,null,Ct.createElement(em,{variant:"title",size:"xmedium",align:"center"},ya.t("Choose a wallet to connect.")),Ct.createElement(rm,null,p.map((C,y)=>{let S=`wallet-${y}-${C.type}`;return Ct.createElement(nm,{key:S},Ct.createElement(tm,{...C,container:ae(),onClick:k=>{l(k)},isLoading:c==="loading"}))}),Ct.createElement(Yt,{open:!!o,onClose:()=>n(!1),image:m,state:h,error:u}))))}i(ka,"WalletsPage");import{keyframes as sm,styled as fr}from"@rango-dev/ui";var Ta=fr("div",{position:"relative"}),am=sm({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),wa=fr("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${am} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),va=fr("div",{"& img":{borderRadius:"50%"}});function yr(t){let{config:e,chain:o,isSelected:n,selectWallet:r,limit:s,onShowMore:a}=t,p=G.use.connectedWallets(),{blockchains:l}=v.use.meta(),[u,c]=Qt(""),[d,m]=Qt(null),[h,C]=Qt(!1),[y,S]=Qt(null),{connect:k}=Ba(),f=null,{list:w,error:b,handleClick:x}=on({config:e,chain:o,onBeforeConnect:B=>{f=setTimeout(()=>{c(B)},dr)},onConnect:()=>{f&&clearTimeout(f),setTimeout(()=>{c("")},rn)}}),[W,F]=Qt(w),E=w.length,O=s&&E-s>0,X=i(async B=>{C(!1),S("in-progress"),await k(B.walletType,B.chain),S("completed")},"addExperimentalChain");Ea(()=>{F(B=>{let J=w.findIndex(H=>n(H.type,o));return O&&J>1?[w[J]].concat(w.filter((H,ne)=>ne!==J)):B.map(H=>w.find(ne=>ne.type===H.type)??H)})},[JSON.stringify(w)]);let oe=document.querySelector("#swap-box");return Ea(()=>{let B=null;return y==="completed"&&(B=setTimeout(()=>S(null),rn)),()=>{B&&clearTimeout(B)}},[y]),ie.createElement(ie.Fragment,null,W.slice(0,s).map(B=>{let J=Li({connectedWallets:p,walletType:B.type,chain:o}),H=J?xo(J):"",ne=bo(l,o),L=!p.find(Ie=>Ie.walletType===B.type&&Ie.chain===o),me=ne&&L&&B.state===Aa.CONNECTED,Ne=me?nt.t({id:"addChain",message:"Add {chain} chain",values:{chain:o}}):H,U=i(()=>{B.state===Aa.DISCONNECTED?x(B.type):me?(m({walletType:B.type,chain:o,address:J??""}),C(!0)):r({walletType:B.type,chain:o,address:J??""})},"onClick"),K=d?.chain?ds(d.chain,l):void 0;return ie.createElement(ie.Fragment,null,ie.createElement(Yt,{open:u===B.type,onClose:()=>c(""),image:B.image,state:B.state,error:b}),!!d&&ie.createElement(ba,{open:!!d&&h,container:oe,onClose:()=>{m(null)}},ie.createElement(hr,{title:nt.t({id:"addBlockchain",message:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:K}}),type:"warning",description:nt.t({id:"addBlockchainDescription",message:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:K}})},ie.createElement(gr,{size:18}),ie.createElement(gr,{size:32}),ie.createElement(lm,{onClick:X.bind(null,d),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},nt.t("Confirm")))),y&&ie.createElement(ba,{open:!!y,onClose:S.bind(null,null),container:oe},y==="in-progress"?ie.createElement(hr,{type:"loading",title:nt.t({id:"addBlockchain",message:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:K}}),description:nt.t({id:"addBlockchainDescription",message:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:K}}),icon:ie.createElement(Ta,null,ie.createElement(va,null,ie.createElement(pm,{src:B.image,size:45})),ie.createElement(wa,null))}):ie.createElement(hr,{type:"success",title:nt.t({id:"blockchainAdded",message:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:K}}),description:nt.t({id:"blockchainAddedDescription",message:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:K}})}),ie.createElement(gr,{direction:"vertical",size:32})),ie.createElement(um,{key:B.type,description:Ne,onClick:U,selected:n(B.type,o),...B}))}),O&&ie.createElement(Js,{selected:!1,onClick:a.bind(null)},ie.createElement(xa,{variant:"label",size:"medium"},nt.t("Show more wallets"),ie.createElement(xa,{variant:"label",size:"medium",color:"$primary"},"\xA0+",E-(s??0)))))}i(yr,"WalletList");var km=2;function Ia(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,config:s,loading:a}=t,{blockchains:p}=v.use.meta(),{bestRoute:l,setSelectedWallets:u,routeWalletsConfirmed:c,setRouteWalletConfirmed:d,customDestination:m,setCustomDestination:h}=P(),{connectedWallets:C,selectWallets:y}=G(),[S,k]=kt(""),[f,w]=kt([]),[b,x]=kt(""),[W,F]=kt(null),[E,O]=kt(m),[X,oe]=kt(!!m),B=Sm(null),J=Do(l),H=typeof s?.customDestination>"u"?!0:s.customDestination,ne=p.find(D=>D.name===l?.result?.swaps[l?.result?.swaps.length-1].to.blockchain),L=i(D=>!!l?.result?.swaps.find(N=>N.from.blockchain===D),"isWalletRequiredFor"),[me,Ne]=kt(C.filter(D=>D.selected&&J.includes(D.chain))),U=p.find(D=>D.name===ne?.name),K=i((D,N)=>!!me.find(_=>_.walletType===D&&_.chain===N&&_.selected&&(L(N)||!L(N)&&!E)),"isSelected"),Ie=!!E&&X&&U&&!_o(U,E),Te=i(()=>{oe(!1),O(""),Ne(D=>{let N=!1;return D.map(_=>!N&&_.chain===ne?.name?(N=!0,{..._,selected:!0}):_)})},"resetCustomDestination"),_e=i(D=>{if(S&&k(""),K(D.walletType,D.chain))return;let _=C.find(Y=>Y.walletType===D.walletType&&Y.chain===D.chain);_&&(n(),D.chain===ne?.name&&X&&(oe(!1),O("")),Ne(Y=>Y.filter(le=>le.chain!==D.chain).concat({..._,selected:!0})))},"onChange"),se=i(()=>{let D=me.filter(N=>N.selected);y(D),u(D),h(E),d(!0),o()},"onConfirmBalance"),ft=i(async()=>{w([]),x(""),F(null);let D=C.filter(Y=>me.find(le=>le.chain===Y.chain&&le.walletType===Y.walletType)),N=await r?.({selectedWallets:D,customDestination:E}),_=N.warnings;_?.balance?.messages&&w(_.balance.messages),_?.route&&F(_.route),N.error&&x(Lo(N.error)),!N.error&&(!_?.balance?.messages.length||0>0)?se():w(_?.balance?.messages??[])},"onConfirmWallets");hm(()=>{Ne(D=>D.concat(C.filter(N=>!!!D.find(Y=>Y.chain===N.chain)&&N.selected&&J.includes(N.chain))))},[C.length]),ym(()=>{X&&B.current&&setTimeout(()=>{B?.current?.scrollIntoView({behavior:"smooth"})},jt)},[X]);let Ze=document.querySelector("#swap-box"),bt=Cm();return A.createElement(Na,{open:e,onClose:()=>{c||bt(g.home,{replace:!0}),o()},dismissible:!S,container:Ze,...!S&&{footer:A.createElement(la,null,A.createElement(Wa,{loading:a,disabled:Ns(a,X,E,l,me,ne),onClick:ft,variant:"contained",type:"primary",fullWidth:!0,size:"large"},"Confirm"))},...S&&{containerStyle:{padding:"$0"},header:A.createElement(ta,null,A.createElement(oa,{variant:"ghost",onClick:k.bind(null,"")},A.createElement(dm,{size:16})),A.createElement(sn,{variant:"headline",size:"small"},rt.t({id:"yourWallets",message:"Your {blockchainName} wallets",values:{blockchainName:S}})))},anchor:"center"},A.createElement(Na,{open:f.length>0,onClose:w.bind(null,[]),container:Ze},A.createElement(fm,{title:rt.t("Insufficient account balance"),type:"error",description:A.createElement(cm,{messages:f??[]})},A.createElement(Wa,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:se},rt.t("Proceed anyway")))),S&&A.createElement(na,null,A.createElement("div",{className:"wallets-list"},A.createElement(yr,{chain:S,isSelected:K,selectWallet:_e,multiWallets:s?.multiWallets??!0,supportedWallets:s?.wallets??[],config:s,onShowMore:k.bind(null,S)}))),!S&&A.createElement(A.Fragment,null,b&&A.createElement(A.Fragment,null,A.createElement(Sr,{variant:"alarm",type:"error",title:rt.t(b)}),A.createElement(Ft,{size:12})),W&&A.createElement(A.Fragment,null,A.createElement(Sr,{variant:"alarm",type:"warning",title:tn(W)}),A.createElement(Ft,{size:12})),A.createElement(ca,null,J.map((D,N)=>{let _=p.find(ue=>ue.name===D),Y=`wallet-${N}`,le=N===J.length-1;return A.createElement("div",{key:Y},A.createElement(Qs,null,A.createElement(sn,{variant:"title",size:"xmedium"},rt.t({id:"yourWallets",message:"Your {blockchainName} wallets",values:{blockchainName:_?.displayName}})),A.createElement(sn,{variant:"label",color:"$neutral900",size:"medium"},rt.t({id:"needConnect",message:"You need to connect a {blockchainName} wallet.",values:{blockchainName:_?.displayName}}))),A.createElement(Ft,{size:24}),A.createElement(Zs,null,A.createElement(yr,{chain:D,isSelected:K,selectWallet:_e,multiWallets:s?.multiWallets??!0,supportedWallets:s?.wallets??[],config:s,limit:km,onShowMore:()=>k(_?.name??"")})),!le&&A.createElement(Ft,{size:32}),le&&H&&A.createElement(sa,null,A.createElement(ra,{ref:B,selected:X,open:X,onOpenChange:ue=>{ue?L(ne?.name??"")||Ne(ho=>ho.map(yo=>yo.chain===ne?.name?{...yo,selected:!1}:yo)):Te()}},A.createElement(ea,{onClick:()=>oe(ue=>!ue)},A.createElement(ia,{fullWidth:!0,variant:"default",suffix:A.createElement(aa,{orientation:X?"up":"down"},A.createElement(mm,{size:10,color:"gray"}))},A.createElement("div",{className:"button__content"},A.createElement(gm,{size:18,color:"info"}),A.createElement(Ft,{size:4,direction:"horizontal"}),A.createElement(sn,{variant:"label",size:"medium"},rt.t("Send to a different address"))))),A.createElement(ua,{open:X},A.createElement(A.Fragment,null,A.createElement(Ft,{size:4}),A.createElement(pa,{autoFocus:!0,placeholder:rt.t("Your destination address"),value:E,onChange:ue=>{O(ue.target.value)}})))),Ie&&A.createElement("div",{className:"alarms"},A.createElement(Sr,{variant:"alarm",type:"error",title:rt.t({id:"addressMatch",values:{destination:E},message:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}i(Ia,"ConfirmWalletsModal");import{calculatePendingSwap as wm}from"@rango-dev/queue-manager-rango-preset";import vm from"bignumber.js";import{useEffect as bm}from"react";function xm(t,e){if(!t.result)throw new Error(z.noRoutesError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});let o=new vm(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}i(xm,"throwErrorIfResponseIsNotValid");function Am(t,e,o){let n=gs(t,e),r={balance:null,route:null,slippage:null};n&&(bs(t,e)?r.route={type:3,newOutputAmount:T(Mt(e)),percentageChange:T(et(Mt(t),Mt(e)),null,2)}:Jn(t,e)?r.route={type:0}:er(t,e)?r.route={type:1}:tr(t,e)&&(r.route={type:2}));let s=xs(e,o.selectedWallets);s.length===0||(r.balance={messages:s});let p=Ts(t),l=o.userSlippage>ns;return ws(o.userSlippage.toString(),p)?l&&(r.slippage={type:1,slippage:o.userSlippage.toString()}):r.slippage={type:0,slippage:p},r}i(Am,"generateWarnings");function Ma(){let{fromToken:t,toToken:e,inputAmount:o,inputUsdValue:n,setRoute:r,bestRoute:s,customDestination:a}=P(),{slippage:p,customSlippage:l,affiliatePercent:u,affiliateRef:c,affiliateWallets:d,disabledLiquiditySources:m}=$(),{connectedWallets:h}=G(),{meta:C}=v(),y=l||p,{fetch:S,cancelFetch:k,loading:f}=jo();return bm(()=>k,[]),{loading:f,fetch:i(async b=>{let x=b.selectedWallets,W=b?.customDestination??a;if(!t||!e||!o||!s)return{route:null,swap:null,error:null,warnings:null};let F=Ro({fromToken:t,toToken:e,inputAmount:o,wallets:h,selectedWallets:x,disabledLiquiditySources:m,slippage:y,affiliateRef:c,affiliatePercent:u,affiliateWallets:d,initialRoute:s,destination:W}),E;try{E=await S(F).then(oe=>xm(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 O={slippage:y.toString(),disabledSwappersGroups:m},X=wm(o.toString(),E,vs(x),O,!1,C);return{route:E,swap:X,error:null,warnings:Am(s,E,{selectedWallets:x,userSlippage:y})}},"fetch"),cancelFetch:k}}i(Ma,"useConfirmSwap");var Om=Da("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"}}),$m=Da("div",{width:"100%",display:"flex",justifyContent:"space-between","& .confirm-button":{flexGrow:1,paddingRight:"$10"},[`& ${Pa}`]:{width:"$48",height:"$48"}});function _a(t){let{config:e}=t,{bestRoute:o,inputAmount:n,outputAmount:r,inputUsdValue:s,outputUsdValue:a,setInputAmount:p,selectedWallets:l,routeWalletsConfirmed:u,setRouteWalletConfirmed:c,customDestination:d}=P(),m=Fm(),[h,C]=pn(""),[y,S]=pn(!1),{connectedWallets:k}=G(),f=!u,[w,b]=pn(!1),x=ve.use.setSelectedSwap(),{meta:{tokens:W,blockchains:F},loadingStatus:E}=v(),O=$.use.slippage(),X=$.use.customSlippage(),{manager:oe}=Em(),B=X||O,{fetch:J,loading:H,cancelFetch:ne}=Ma(),[L,me]=pn({swap:null,error:null,warnings:null}),Ne=H||E==="loading",U=!H&&L.error&&[0,2].includes(L.error.type),K=!U&&!H&&o&&o.result,Ie=Vo(o,W),Te=T(et(s?.toNumber()??0,a?.toNumber()??0),2,2),_e=It(parseFloat(Te)),se=i(async({selectedWallets:N,customDestination:_})=>{let Y=await J?.({selectedWallets:N,customDestination:_});return me(Y),Y},"onConfirmSwap"),ft=i(async()=>{if(L.swap&&u)try{await oe?.create("swap",{swapDetails:L.swap},{id:L.swap.requestId}),x(L.swap.requestId),m("/"+g.swaps+`/${L.swap.requestId}`,{replace:!0}),setTimeout(()=>{p("")},0)}catch(N){C("Error: "+N?.message)}},"addNewSwap"),Ze=i(async()=>{await ft()},"onConfirm"),bt=i(async()=>{L?.warnings?.slippage?S(!0):await Ze()},"onStartConfirmSwap"),D=i(async()=>{me({error:null,swap:null,warnings:null}),J({selectedWallets:l}).then(N=>{me(N)}).catch(N=>console.error(N))},"onRefresh");return ln(()=>{f&&ne()},[f]),ln(()=>{f&&b(f)},[f]),ln(()=>{f||J({selectedWallets:l,customDestination:d}).then(N=>me(N)).catch(N=>console.error(N))},[]),ln(()=>{let N=L.warnings?.route?.type&&Object.values(Vt).includes(L.warnings?.route?.type),_=l.length<1||!l.every(le=>k.find(ue=>le.address===ue.address&&le.walletType===ue.walletType&&le.chain===ue.chain)),Y=!1;if(N){let le=Do(o),ue=o?.result?.swaps[o.result.swaps.length-1].to.blockchain;!!o?.result?.swaps.find(Pn=>Pn.from.blockchain===ue)||(le=le.slice(-le.length,le.length-1)),le.every(Pn=>l.find(Ep=>Ep.chain===Pn))||(Y=!0)}o&&(_||Y)&&(queueMicrotask(()=>_m(b.bind(null,!0))),c(!1))},[L.warnings?.route,l.length,k.length]),I.createElement(Q,{header:{title:Ke.t("Confirm Swap"),onBack:m.bind(null,-1),hasConnectWallet:!0,suffix:I.createElement(Pm,{container:ae(),side:"bottom",content:Ke.t("Settings")},I.createElement(Fe,{size:"small",variant:"ghost",onClick:()=>m("/"+g.settings)},I.createElement(Lm,{size:18,color:"black"})))},footer:I.createElement($m,null,I.createElement("div",{className:"confirm-button"},I.createElement(an,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:H,disabled:!!L.error,onClick:bt},Ke.t("Start Swap"))),I.createElement(Pa,{variant:"contained",type:"primary",size:"large",loading:H,onClick:b.bind(null,!0)},I.createElement(Dm,{size:24})))},I.createElement(Im,{anchor:"bottom",open:y,prefix:I.createElement(an,{size:"small",variant:"ghost",onClick:()=>m("/"+g.settings)},I.createElement(La,{variant:"label",size:"medium",color:"$neutral900"},Ke.t("Change settings"))),container:document.querySelector("#swap-box"),onClose:S.bind(null,N=>!N)},L.warnings?.slippage&&I.createElement(Nm,{type:"warning",title:L.warnings.slippage.type===1?Ke.t("High slippage"):Ke.t("Low slippage"),description:L.warnings.slippage.type===1?Ke.t("highSlippage",{selectedSlippage:B},{message:" Caution, your slippage is high (={selectedSlippage}). Your trade may be front run."}):Ke.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:Ze},Ke.t("Confirm anyway")))),w&&I.createElement(Ia,{open:w,onClose:()=>b(!1),onCancel:ne,loading:H,onCheckBalance:se,config:e}),I.createElement(Om,null,I.createElement("div",{className:"description"},I.createElement(La,{variant:"title",size:"small"},Ke.t("You get")),I.createElement(an,{style:{padding:"0"},variant:"ghost",disabled:H,onClick:D},I.createElement("div",{className:"icon"},I.createElement(Mm,{size:16})))),h&&I.createElement(I.Fragment,null,I.createElement(Cr,{type:"error",variant:"alarm",title:h}),I.createElement(Ot,{size:12})),L.warnings?.route&&I.createElement(I.Fragment,null,I.createElement(Cr,{variant:"alarm",type:"warning",title:tn(L.warnings.route)}),I.createElement(Ot,{size:12})),Ne&&I.createElement(Wm,{type:"swap-preview",expanded:!0}),K&&I.createElement(Bm,{expanded:!0,tooltipContainer:ae(),steps:Cs(o,F)??[],input:{value:T(n,6,6),usdValue:T(s,4,4)},output:{value:T(r,6,6),usdValue:T(a,4,4)},totalFee:T(Ie,2,2),totalTime:At(Et(o.result?.swaps)),recommended:!0,type:"swap-preview",percentageChange:Te,warningLevel:_e}),U&&I.createElement(I.Fragment,null,I.createElement(Ot,{size:12}),I.createElement(Rt,{diagnosisMessage:L.error?.type===0?L.error.diagnosisMessage:void 0,error:L.error?.type===2,fetch:D})),L.error?.type===1&&I.createElement(I.Fragment,null,I.createElement(Cr,{variant:"alarm",type:"error",title:Lo(L.error)}),I.createElement(Ot,{size:12}))))}i(_a,"ConfirmSwapPage");import{i18n as mn}from"@lingui/core";import{useManager as Vm}from"@rango-dev/queue-manager-react";import{Divider as Rm,NotFound as Xm,styled as Va}from"@rango-dev/ui";import mt,{useState as Km}from"react";import{useNavigate as jm}from"react-router-dom";import{CloseIcon as zm,IconButton as qm,SearchIcon as Hm,TextField as Gm}from"@rango-dev/ui";import Zt from"react";import{styled as Um}from"@rango-dev/ui";var Fa=Um("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function it(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:s,value:a,setValue:p,...l}=t;return Zt.createElement(Gm,{prefix:Zt.createElement(Fa,null,Zt.createElement(Hm,{color:"black"})),suffix:!!a.length&&Zt.createElement(qm,{variant:"ghost",onClick:()=>p?.(""),size:"small"},Zt.createElement(zm,{color:"gray",size:10})),fullWidth:o,color:n,variant:e,style:{padding:10,borderRadius:25,alignItems:"center"},size:r,value:a,onChange:s,...l})}i(it,"SearchInput");import{i18n as $a}from"@lingui/core";import{Divider as Ua,SwapListItem as za,Typography as qa}from"@rango-dev/ui";import te from"react";import{styled as un}from"@rango-dev/ui";var kr=un("div",{width:"100%",display:"flex",flexDirection:"column"}),Tr=un("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),wr=un("div",{gap:"$10",display:"flex",flexDirection:"column"}),Oa=un("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});function vr(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,s=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(kr,null,te.createElement(Tr,null,te.createElement(qa,{variant:"label",size:"medium",color:"neutral800",className:"group-title"},$a.t(l.title))),te.createElement(Ua,{size:4}),te.createElement(wr,null,l.swaps.map((u,c)=>{let d=c+l.title;return te.createElement(te.Fragment,{key:d},te.createElement(za,{isLoading:!0}))}))))))}return te.createElement(te.Fragment,null,s.filter(a=>a.swaps.length>0).map(a=>te.createElement(te.Fragment,{key:a.title},te.createElement(kr,null,te.createElement(Tr,null,te.createElement(qa,{variant:"label",size:"medium",color:"neutral800",className:"group-title"},$a.t(a.title))),te.createElement(Ua,{size:4}),te.createElement(wr,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(za,{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:ko(p.inputAmount)},to:{token:{image:u.toLogo,displayName:u.toSymbol},blockchain:{image:u.toBlockchainLogo||""},amount:ko(u.outputAmount||""),estimatedAmount:ko(u.expectedOutputAmountHumanReadable||"")}}}))}))))))}i(vr,"SwapsGroup");import Ha from"dayjs";var Ga=i(t=>{let e=new Map([["today",{title:"Today",swaps:[]}],["month",{title:"Last month",swaps:[]}],["year",{title:"Last year",swaps:[]}],["history",{title:"History",swaps:[]}]]),o=Ha();return t.forEach(n=>{let r=Ha(Number(n.creationTime));o.isSame(r,"day")?e.get("today")?.swaps.push(n):o.isSame(r,"month")?e.get("month")?.swaps.push(n):o.isSame(r,"year")?e.get("year")?.swaps.push(n):e.get("history")?.swaps.push(n)}),Array.from(e.values())},"groupSwapsByDate");var cn=i(t=>{let e=[];return t?.getAll().forEach((o,n)=>{let r=o.list.getStorage();r?.swapDetails&&e.push({id:n,swap:r?.swapDetails})}),e.sort((o,n)=>Number(n.swap.creationTime)-Number(o.swap.creationTime))},"getPendingSwaps");var Ym=Va("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",height:"100%",gap:15}),Qm=Va("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),Zm=i((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 Ra(){let t=ve.use.setSelectedSwap(),e=jm(),{navigateBackFrom:o}=re(),{manager:n,state:r}=Vm(),s=cn(n).map(({swap:m})=>m),[a,p]=Km(""),l=!r.loadedFromPersistor,u=i(m=>{let h=m.target.value;p(h)},"searchHandler"),c=s;a&&(c=s.filter(m=>Ve(m.inputAmount,a)||Ve(m.status,a)||Zm(m.steps,a)||Ve(m.requestId,a)));let d=!c?.length&&!l;return mt.createElement(Q,{header:{onBack:o.bind(null,g.swaps),title:mn.t("History")}},mt.createElement(Ym,null,mt.createElement(it,{setValue:p,fullWidth:!0,variant:"contained",placeholder:mn.t("Search Transaction"),autoFocus:!0,onChange:u,value:a}),mt.createElement(Qm,null,d&&mt.createElement(Oa,null,mt.createElement(Rm,{size:32}),mt.createElement(Xm,{title:mn.t("No results found"),description:a?mn.t("Try using different keywords"):""})),!d&&mt.createElement(vr,{list:c,onSwapClick:m=>{t(m),e(`${m}`,{replace:!0})},groupBy:Ga,isLoading:l}))))}i(Ra,"HistoryPage");import{i18n as eo}from"@lingui/core";import{List as Jm,ListItemButton as ed,Radio as Ar,RadioRoot as td,Typography as Er}from"@rango-dev/ui";import He,{useState as od}from"react";import{styled as dn}from"@rango-dev/ui";var st=dn("div",{height:"100%",overflow:"hidden"}),Jt=dn("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto"}),br=dn("div",{width:80,display:"flex",justifyContent:"flex-end"}),xr=dn("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});function Xa(){let{navigateBackFrom:t}=re(),[e,o]=od("english"),n=[{id:"english",value:"english",title:He.createElement(Er,{variant:"title",size:"xmedium"},eo.t("English")),onClick:()=>o("english"),end:He.createElement(Ar,{value:"english"})},{id:"french",value:"french",title:He.createElement(Er,{variant:"title",size:"xmedium"},eo.t("French")),onClick:()=>o("french"),end:He.createElement(Ar,{value:"french"})},{id:"spanish",value:"spanish",title:He.createElement(Er,{variant:"title",size:"xmedium"},eo.t("Spanish")),onClick:()=>o("spanish"),end:He.createElement(Ar,{value:"spanish"})}];return He.createElement(Q,{header:{onBack:t.bind(null,g.settings),title:eo.t("Language")}},He.createElement(st,null,He.createElement(td,{value:e},He.createElement(Jm,{type:He.createElement(ed,{title:eo.t("language"),id:"_",onClick:()=>console.log()}),items:n}))))}i(Xa,"LanguagePage");import{i18n as $t}from"@lingui/core";import{Button as ad,Checkbox as ld,Image as pd,ListItemButton as ud,NotFound as cd,Typography as md}from"@rango-dev/ui";import ke,{useState as dd}from"react";import{Checkbox as id,Skeleton as ja}from"@rango-dev/ui";import to from"react";import{ListItem as nd,styled as rd}from"@rango-dev/ui";var Ka=rd(nd,{height:61});var sd=30;function Br(){return to.createElement(Jt,null,Array.from(Array(sd),t=>to.createElement(Ka,{hasDivider:!0,key:t,start:to.createElement(ja,{variant:"circular",width:35,height:35}),title:to.createElement(ja,{variant:"text",size:"large",width:90}),end:to.createElement(id,{checked:!1})})))}i(Br,"LoadingLiquiditySourceList");function fn(t){let e=v.use.meta().swappers,o=$.use.disabledLiquiditySources(),n=[];return Wt(e.map(s=>s.swapperGroup)).map(s=>{let a=e.find(p=>p.swapperGroup===s);if(a){let p=!0;t&&(p=t.some(l=>l===a.title)),p&&a.types.map(l=>{n.push({id:a.swapperGroup,groupTitle:a.swapperGroup,logo:a.logo,type:l,selected:!o.includes(a.swapperGroup)})})}}),n}i(fn,"getUniqueSwappersGroups");function Ya(t,e){return t.groupTitle<e.groupTitle?-1:t.groupTitle>e.groupTitle?1:0}i(Ya,"sortLiquiditySourcesByGroupTitle");function Wr({supportedSwappers:t,sourceType:e}){let[o,n]=dd(""),r=$.use.toggleLiquiditySource(),{navigateBackFrom:s}=re(),a=v.use.loadingStatus(),p=fn(t),l=[];e==="Exchanges"&&l.push("DEX"),e==="Bridges"&&(l.push("BRIDGE"),l.push("AGGREGATOR"));let u=p.filter(y=>l.includes(y.type)),c=u.length===u.filter(y=>y.selected).length,d=i(()=>{u.forEach(y=>{c?r(y.groupTitle):y.selected||r(y.groupTitle)})},"toggleAllSources"),m=u.sort(Ya).map(y=>{let{selected:S,groupTitle:k,logo:f}=y;return{start:ke.createElement(pd,{src:f,size:22,type:"circular"}),onClick:()=>r(k),end:ke.createElement(ld,{checked:S}),title:ke.createElement(md,{variant:"title",size:"xmedium"},$t.t(k)),...y}}),h=i(y=>{let S=y.target.value;n(S)},"searchHandler"),C=m;return o&&(C=m.filter(y=>Ve(y.groupTitle,o))),ke.createElement(Q,{header:{onBack:s.bind(null,g.settings),title:$t.t(e),suffix:ke.createElement(br,null,ke.createElement(ad,{variant:"ghost",size:"xsmall",onClick:d},$t.t(c?"Deselect all":"Select all")))}},ke.createElement(st,null,ke.createElement(it,{value:o,setValue:n,fullWidth:!0,color:"light",variant:"contained",placeholder:$t.t("Search {sourceType}",{sourceType:e}),onChange:h}),a==="loading"&&ke.createElement(Br,null),!C.length&&o?ke.createElement(xr,null,ke.createElement(cd,{title:$t.t("No results found"),description:$t.t("Try using different keywords")})):a==="success"&&ke.createElement(Jt,null,C.map(y=>ke.createElement(ke.Fragment,{key:y.id},ke.createElement(ud,{style:{height:"61px"},...y,selected:!1,hasDivider:!0}))))))}i(Wr,"LiquiditySourcePage");import{i18n as rl}from"@lingui/core";import{Divider as Lr,SelectableCategoryList as wd}from"@rango-dev/ui";import Tt,{useState as il}from"react";import{i18n as Ir}from"@lingui/core";import{Divider as ol,Image as yd,ListItemButton as Sd,NotFound as Cd,Typography as nl}from"@rango-dev/ui";import De,{useEffect as kd,useState as Td}from"react";import{BlockchainCategories as Nr}from"@rango-dev/ui";import{TransactionType as gn}from"rango-sdk";var fd=i((t,e)=>{switch(e){case Nr.ALL:return!0;case Nr.UTXO:return t.type===gn.TRANSFER;case Nr.OTHER:return t.type!==gn.TRANSFER&&t.type!==gn.COSMOS&&t.type!==gn.EVM;default:return t.type===e}},"filterByType"),Qa=i((t,e,o)=>t.filter(n=>fd(n,o)).filter(n=>gt(n.name,e)||gt(n.displayName,e)),"filterBlockchains");import{styled as Za}from"@rango-dev/ui";var Ja=Za("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),hn=Za("ul",{padding:0,margin:0,listStyle:"none",overflowY:"auto",paddingRight:"$5",".image-container":{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as gd,Skeleton as el}from"@rango-dev/ui";import yn from"react";var hd=20;function tl(){return yn.createElement(hn,null,Array.from(Array(hd),t=>yn.createElement(gd,{key:t,hasDivider:!0,start:yn.createElement(el,{variant:"circular",width:35,height:35}),title:yn.createElement(el,{variant:"text",size:"large",width:90})})))}i(tl,"LoadingBlockchainList");function Mr(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[s,a]=Td(e),p=v.use.loadingStatus();kd(()=>{a([...Qa(e,o,r)])},[e,o,r]);let l=i(()=>!s.length&&o?De.createElement(De.Fragment,null,De.createElement(ol,{size:32}),De.createElement(Cd,{title:Ir.t("No results found"),description:Ir.t("Try using different keywords")})):De.createElement(hn,{key:`${r}-${o}`},s.map(u=>De.createElement(Sd,{key:`${u.name}-${u.chainId}`,hasDivider:!0,onClick:()=>n(u),start:De.createElement(yd,{src:u.logo,size:30}),title:De.createElement(nl,{variant:"title",size:"medium"},u.displayName),id:u.chainId}))),"renderList");return De.createElement(Ja,null,De.createElement(nl,{variant:"label",size:"large"},Ir.t("Select Blockchain")),De.createElement(ol,{size:4}),p==="loading"&&De.createElement(tl,null),p==="success"&&l())}i(Mr,"BlockchainList");function Pr(t){let{type:e}=t,{navigateBackFrom:o}=re(),[n,r]=il(""),[s,a]=il("ALL"),p=P.use.setToBlockchain(),l=P.use.setFromBlockchain(),{loadingStatus:u}=v(),c=Le().blockchains({type:e}),d=e==="source"?"fromBlockchain":"toBlockchain";return Tt.createElement(Q,{header:{onBack:()=>{o(g[d])},title:rl.t("Select Blockchain")}},Tt.createElement(Lr,{size:12}),Tt.createElement(wd,{setCategory:a,category:s,blockchains:c,isLoading:u==="loading"}),Tt.createElement(Lr,{size:24}),Tt.createElement(it,{value:n,autoFocus:!0,placeholder:rl.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:m=>r(m.target.value)}),Tt.createElement(Lr,{size:16}),Tt.createElement(Mr,{list:c,searchedFor:n,blockchainCategory:s,onChange:m=>{e==="source"?l(m):p(m),o(g[d])}}))}i(Pr,"SelectBlockchainPage");import{i18n as wl}from"@lingui/core";import{Divider as vl}from"@rango-dev/ui";import Ut,{useState as zd}from"react";import{useNavigate as qd}from"react-router-dom";import{i18n as Dr}from"@lingui/core";import{BlockchainsChip as _r,Divider as ll,Image as Bd,Skeleton as Wd,Typography as Fr}from"@rango-dev/ui";import xe from"react";import{useMemo as vd,useRef as bd}from"react";function sl(t,e){let o=bd({index:-1,name:""});t.sort(Ad);let n=t.map(r=>r.name).join("-");return vd(()=>{let r=t,s=[];if(e?.limit&&t.length>e.limit){let a=e.limit,p=e.selected?t.findIndex(u=>u.name===e.selected):-1,l=o.current.index>e.limit-1&&!!t.find(u=>u.name===o.current.name);e.selected&&(l&&p<e.limit-1||p>e.limit-1)&&t.sort(xd(l?o.current.name:e.selected)),s=r.splice(a),o.current={index:p,name:e.selected??""}}return{list:r,more:s}},[n])}i(sl,"usePrepareBlockchainList");function xd(t){return i(function(o,n){return o.name===t?-1:n.name===t?1:0},"sortBySelected")}i(xd,"generateSortBySelectedFor");function Ad(t,e){let o=["ETH","COSMOS","OSMOSIS"],n=o.findIndex(p=>p===t.name),r=o.findIndex(p=>p===e.name),s=n>-1,a=r>-1;return s&&a?n>r?1:-1:s?-1:a?1:0}i(Ad,"sortByMostUsedBlockchains");import{styled as Ed}from"@rango-dev/ui";var al=Ed("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var pl=10,Or=pl+1,Nd=12;function $r(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:s}=t,a=sl(e,{limit:e.length===Or?Or:pl,selected:n?.name}),p=v.use.loadingStatus(),l=P.use.resetToBlockchain(),u=P.use.resetFromBlockchain(),c=e.length!==Or&&a.more.length;return xe.createElement("div",null,xe.createElement(ll,{size:12}),xe.createElement(Fr,{variant:"label",size:"large"},Dr.t("Select Blockchain")),xe.createElement(ll,{size:12}),xe.createElement(al,null,p==="loading"&&Array.from(Array(Nd),d=>xe.createElement(Wd,{key:d,variant:"rounded",height:50})),p==="success"&&xe.createElement(xe.Fragment,null,xe.createElement(_r,{selected:!n,onClick:()=>{o==="from"?u():l()}},xe.createElement(Fr,{variant:"body",size:"xsmall",color:"secondary500"},Dr.t("All"))),a.list.map(d=>xe.createElement(_r,{key:d.name,selected:!!n&&n.name===d.name,onClick:()=>r(d)},xe.createElement(Bd,{src:d.logo,size:30}))),c?xe.createElement(_r,{onClick:s},xe.createElement(Fr,{variant:"body",size:"xsmall",color:"secondary500"},Dr._("More +{count}",{count:a.more.length}))):null)))}i($r,"BlockchainsSection");import{i18n as Vr}from"@lingui/core";import{darkTheme as yl,Divider as no,ExternalLinkIcon as Ld,Image as Pd,ListItemButton as Dd,NotFound as _d,PinIcon as Fd,Skeleton as Sl,Typography as ro,VirtualizedList as Od}from"@rango-dev/ui";import M,{forwardRef as $d,useEffect as Cl,useState as kl}from"react";var ul=i((t,e)=>{t=t.replace(/^#/,""),t.length===3&&(t=t[0]+t[0]+t[1]+t[1]+t[2]+t[2]);let[s,a,p]=t.match(/.{2}/g);[s,a,p]=[parseInt(s,16)+e,parseInt(a,16)+e,parseInt(p,16)+e],s=Math.max(Math.min(255,s),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=(s.length<2?"0":"")+s,u=(a.length<2?"0":"")+a,c=(p.length<2?"0":"")+p;return`#${l}${u}${c}`},"colorShade"),Ur=i((t,e)=>{let a={[t]:e};for(let p=1;p<10;p++)p<5&&(a={...a,[t+p*100]:ul(e,(5-p)*32)}),p===5&&(a={...a,[t+p*100]:e}),p>5&&(a={...a,[t+p*100]:ul(e,-((p-5)*32))});return a},"generateRangeColors"),zr=i((t,e)=>{if(!e||!Object.entries(e).length)return{};let o=!1,n={...t};for(let r in e){let s=e[r];s&&s!==t[r]&&(o=!0,r==="background"||r==="foreground"?n={...n,[r]:s}:n={...n,...Ur(r,s)})}return o?n:{}},"generateColors");import{Divider as gl,ListItem as Md,Skeleton as oo}from"@rango-dev/ui";import Ge from"react";import{styled as je,Typography as Id}from"@rango-dev/ui";var cl=je("div",{display:"flex",flexDirection:"column",flexGrow:1}),qr=je("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),Sn=je("ul",{flexGrow:1,padding:0,margin:0,listStyle:"none","& li":{alignItems:"none",".description":{position:"relative",height:12,width:150,".token-title":{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",bottom:"-8px"},".token-address":{transform:"translateY(12px)",visibility:"hidden","& a":{fontSize:"$12",lineHeight:"$16",color:"$neutral800",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=je("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),Gr=je(Id,{}),ml=je("div",{textAlign:"right"}),Cn=je("ul",{display:"flex",alignItems:"end",flexDirection:"column"}),jA=je("div",{display:"flex",alignItems:"center"}),dl=je("div",{position:"relative",".image-container":{borderRadius:"$xm",overflow:"hidden"}}),fl=je("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6});function hl(t){return Ge.createElement(Sn,null,Array.from(Array(t.size),e=>Ge.createElement(Md,{key:e,hasDivider:!0,start:Ge.createElement(oo,{variant:"circular",width:35,height:35}),end:Ge.createElement(Cn,null,Ge.createElement(oo,{variant:"text",size:"large",width:70}),Ge.createElement(gl,{size:4}),Ge.createElement(oo,{variant:"text",size:"medium",width:50})),title:Ge.createElement("div",null,Ge.createElement(oo,{variant:"text",size:"large",width:90}),Ge.createElement(gl,{size:4}),Ge.createElement(oo,{variant:"text",size:"medium",width:90}))})))}i(hl,"LoadingTokenList");var Rr=20,Ud=i(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:s,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(ro,{variant:"title",size:"xmedium"},r.symbol),M.createElement(no,{direction:"horizontal",size:4}),M.createElement(Hr,{css:s},M.createElement(Gr,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&M.createElement("div",{className:`token-address ${!o&&"token-address-without-name"}`},M.createElement("a",{href:n,target:"_blank",rel:"nofollow noreferrer",onClick:l=>l.stopPropagation()},p>10?`${e.slice(0,5)}...${e.slice(p-6,p)}`:e," ",M.createElement(Ld,{color:"gray",size:12}))))},"renderDesc");function Tl(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[s,a]=kl(e),p=v.use.loadingStatus(),[l,u]=kl(!0),c=G.use.loading(),{blockchains:d}=v.use.meta(),{isTokenPinned:m}=Le(),h=$d((S,k)=>M.createElement("div",{...S,ref:k,style:{...S.style,height:`${parseFloat(S.style?.height)+8*2}px`}})),C=i(()=>{a(e.slice(0,s.length+Rr))},"loadNextPage");Cl(()=>{u(e.length>s.length)},[s.length]),Cl(()=>{a(e.slice(0,Rr))},[e]);let y=i(()=>!s.length&&o?M.createElement(M.Fragment,null,M.createElement(no,{size:32}),M.createElement(_d,{title:Vr.t("No results found"),description:Vr.t("Try using different keywords")})):M.createElement(Od,{Item:({index:S,style:k})=>{let f=s[S],w=f.address||"",b=d.find(E=>E.name===f.blockchain),x=Ur(f.symbol,b?.color||""),W={$$color:x[`${f.symbol}100`],[`.${yl} &`]:{$$color:x[`${f.symbol}900`]},backgroundColor:"$$color"},F={$$color:x[`${f.symbol}700`],[`.${yl} &`]:{$$color:x[`${f.symbol}100`]},color:"$$color"};return M.createElement("div",{style:{...k,paddingRight:5}},M.createElement(Dd,{style:{height:k?.height},"tab-index":S,key:`${f.symbol}${f.address}`,id:`${f.symbol}${f.address}`,hasDivider:!0,onClick:()=>n(s[S]),start:M.createElement(dl,null,M.createElement(Pd,{src:f.image,size:30}),m(f)&&M.createElement(fl,null,M.createElement(Fd,{size:12,color:"gray"}))),title:b?.type==="COSMOS"||f.name||!f.name&&!w?M.createElement(qr,null,M.createElement(ro,{variant:"title",size:"xmedium"},f.symbol),M.createElement(no,{direction:"horizontal",size:4}),M.createElement(Hr,{css:W},M.createElement(Gr,{variant:"body",size:"xsmall",css:F},f.blockchain))):void 0,description:b?.info&&w&&b.type!=="COSMOS"?Ud({address:w,token:s[S],customCssForTag:W,customCssForTagTitle:F,name:f.name,url:b.info.addressUrl.split("{wallet}").join(w)}):f.name||void 0,end:c?M.createElement(Cn,null,M.createElement(Sl,{variant:"text",size:"large",width:70}),M.createElement(no,{size:4}),M.createElement(Sl,{variant:"text",size:"medium",width:50})):s[S]?.balance&&M.createElement(ml,null,M.createElement(ro,{variant:"title",size:"small"},f.balance?.amount),M.createElement("div",null),f.balance?.usdValue&&M.createElement(ro,{variant:"body",color:"neutral800",size:"xsmall"},`$${f.balance?.usdValue}`))}))},hasNextPage:l,itemCount:s.length,loadNextPage:C,innerElementType:h,size:60,key:`${r}-${o}`}),"renderList");return M.createElement(cl,null,M.createElement(ro,{variant:"label",size:"large"},Vr.t("Select Token")),M.createElement(no,{size:4}),p==="loading"&&M.createElement(hl,{size:Rr}),p==="success"&&M.createElement(Sn,null,y()))}i(Tl,"TokenList");function Xr(t){let{type:e}=t,o=qd(),{navigateBackFrom:n}=re(),{fromBlockchain:r,toBlockchain:s,setFromToken:a,setToToken:p,setFromBlockchain:l,setToBlockchain:u}=P(),{connectedWallets:c}=G(),[d,m]=zd(""),C=(e==="source"?r:s)?.name??"",y=Le().blockchains({type:e}),S=Le().tokens({type:e,blockchain:C,searchFor:d}),k=Ii(S,c),f=i(b=>{e==="source"?l(b):u(b)},"updateBlockchain"),w=i(b=>{e==="source"?a(b):p(b)},"updateToken");return Ut.createElement(Q,{header:{onBack:()=>n(e==="source"?g.fromSwap:g.toSwap),title:wl.t("Swap {type}",{type:e==="source"?"from":"to"})}},Ut.createElement($r,{blockchains:y,type:e=="source"?"from":"to",blockchain:e==="source"?r:s,onMoreClick:()=>o(e==="source"?g.fromBlockchain:g.toBlockchain),onChange:b=>{f(b)}}),Ut.createElement(vl,{size:24}),Ut.createElement(it,{value:d,autoFocus:!0,placeholder:wl.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>m(""),onChange:b=>m(b.target.value)}),Ut.createElement(vl,{size:16}),Ut.createElement(Tl,{list:k,selectedBlockchain:C,searchedFor:d,onChange:b=>{w(b);let x=y.find(W=>b.blockchain===W.name);x&&f(x),n(g.fromSwap)}}))}i(Xr,"SelectSwapItemsPage");import{i18n as wt}from"@lingui/core";import{ChevronRightIcon as Yr,Divider as Qr,InfoIcon as Kd,List as jd,ListItemButton as Yd,Skeleton as Qd,Switch as Zd,Tooltip as Jd,Typography as vt}from"@rango-dev/ui";import q from"react";import{useNavigate as ef}from"react-router-dom";import{i18n as Bl}from"@lingui/core";import{Chip as Gd,Divider as Wl,InfoIcon as Vd,TextField as Rd,Tooltip as Xd,Typography as Nl}from"@rango-dev/ui";import Ae from"react";import{styled as kn}from"@rango-dev/ui";var bl=kn("div",{paddingTop:"$5",paddingBottom:"30px"}),xl=kn("div",{display:"flex",alignItems:"center",justifyContent:"start"}),Al=kn("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),Tn=kn("div",{maxWidth:"300px",padding:"$10"});import{i18n as Kr}from"@lingui/core";import{Typography as Hd}from"@rango-dev/ui";import io from"react";function El(){return io.createElement(Tn,null,io.createElement(Hd,{variant:"label",size:"medium",color:"neutral900"},Kr.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),io.createElement("br",null),io.createElement("br",null),io.createElement("b",null,Kr.t("Warning")),":",Kr.t("This setting is applied per step, e.g. 1Inch, Thorchain, etc. and only that step will be reverted, not the whole transaction")))}i(El,"SlippageTooltipContent");function jr(){let t=$.use.slippage(),e=$.use.setSlippage(),o=$.use.customSlippage(),n=$.use.setCustomSlippage();return Ae.createElement(bl,null,Ae.createElement(Al,null,Ae.createElement(Nl,{variant:"title",size:"xmedium"},Bl.t("Slippage tolerance per swap")),Ae.createElement(Wl,{direction:"horizontal",size:4}),Ae.createElement(Xd,{container:ae(),side:"top",content:Ae.createElement(El,null)},Ae.createElement(Vd,{color:"gray"}))),Ae.createElement(xl,null,ts.map((r,s)=>{let a=`slippage-${s}`;return Ae.createElement(Ae.Fragment,null,Ae.createElement(Gd,{style:{width:"64px",flexShrink:0},key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`}),Ae.createElement(Wl,{direction:"horizontal",size:8}))}),Ae.createElement(Rd,{type:"number",min:"0.01",max:"30",step:"0.01",fullWidth:!0,variant:"contained",value:o||"",color:"dark",onChange:r=>{let s=parseFloat(r.target.value);(!s||s>=is&&s<=rs)&&n(s)},suffix:o&&Ae.createElement(Nl,{variant:"body",size:"small"},"%"),placeholder:Bl.t("Custom")})))}i(jr,"Slippage");function Il({supportedSwappers:t,singleTheme:e}){let o=ef(),{navigateBackFrom:n}=re(),r=$.use.infiniteApprove(),s=$.use.toggleInfiniteApprove(),a=v.use.loadingStatus(),p=fn(t),l=p.filter(b=>b.type==="BRIDGE"||b.type==="AGGREGATOR"),u=l.length,c=l.filter(b=>b.selected).length,d=p.filter(b=>b.type==="DEX"),m=d.length,h=d.filter(b=>b.selected).length,C=i((b,x)=>{switch(a){case"loading":return q.createElement(Qd,{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(g.bridges)},S={id:"exchange-item",title:q.createElement(vt,{variant:"title",size:"xmedium"},wt.t("Enabled exchanges")),end:q.createElement(q.Fragment,null,C(h,m),q.createElement(Qr,{direction:"horizontal",size:8}),q.createElement(Yr,{color:"gray"})),onClick:()=>o(g.exchanges)},k={id:"theme-item",title:q.createElement(vt,{variant:"title",size:"xmedium"},wt.t("Theme")),end:q.createElement(Yr,{color:"gray"}),onClick:()=>o(g.themes)},f={id:"infinite-approval-item",title:q.createElement(q.Fragment,null,q.createElement(vt,{variant:"title",size:"xmedium"},wt.t("Infinite Approval")),q.createElement(Qr,{direction:"horizontal",size:4}),q.createElement(Jd,{side:"top",container:ae(),content:q.createElement(Tn,null,q.createElement(vt,{variant:"label",size:"medium",color:"neutral900"},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(Kd,{color:"gray"}))),end:q.createElement(Zd,{checked:r}),onClick:s},w=[y,S];return e||w.push(k),w.push(f),q.createElement(Q,{header:{onBack:n.bind(null,g.settings),title:wt.t("Setting")}},q.createElement(st,null,q.createElement(jr,null),q.createElement(jd,{type:q.createElement(Yd,{title:"_",id:"_",onClick:()=>console.log()}),items:w})))}i(Il,"SettingsPage");import{cancelSwap as Yf}from"@rango-dev/queue-manager-rango-preset";import{useManager as Qf}from"@rango-dev/queue-manager-react";import pp from"react";import{i18n as at}from"@lingui/core";import{getCurrentBlockchainOfOrNull as Nf,getCurrentStep as If,getRelatedWalletOrNull as Mf,PendingSwapNetworkStatus as In}from"@rango-dev/queue-manager-rango-preset";import{Button as tp,CopyIcon as Lf,Divider as Pf,IconButton as Df,RouteCost as _f,RouteSummary as Ff,StepDetails as Of,Typography as qt,useCopyToClipboard as $f}from"@rango-dev/ui";import{useWallets as Uf}from"@rango-dev/wallets-react";import Z,{useEffect as op,useRef as zf,useState as np}from"react";import{useNavigate as qf}from"react-router-dom";import{i18n as Ee}from"@lingui/core";var tf=1e3,of=31536e3,nf=2592e3,rf=86400,sf=3600,af=60;function Ml(t){let e=Math.floor((Date.now()-t)/tf),n=[{turningPoint:of,label:Ee.t("year"),pluralLabel:Ee.t("years")},{turningPoint:nf,label:Ee.t("month"),pluralLabel:Ee.t("months")},{turningPoint:rf,label:Ee.t("day"),pluralLabel:Ee.t("days")},{turningPoint:sf,label:Ee.t("hour"),pluralLabel:Ee.t("hours")},{turningPoint:af,label:Ee.t("minute"),pluralLabel:Ee.t("minutes")}].sort((r,s)=>s.turningPoint-r.turningPoint);for(let r of n){let{turningPoint:s,label:a,pluralLabel:p}=r,l=Math.floor(e/s);if(l>1)return`${l} ${p}`;if(l===1)return`${l} ${a}`}return e>1?`${e} ${Ee.t("seconds")}`:`${e} ${Ee.t("second")}`}i(Ml,"timeSince");function Ll(t){return t.finishTime?Ee.t({id:"timeAgo",message:"{time} ago",values:{time:Ml(parseInt(t.finishTime))}}):Ee.t({id:"timeAgo",message:"{time} ago",values:{time:Ml(parseInt(t.creationTime))}})}i(Ll,"getSwapDate");import{PendingSwapNetworkStatus as bn}from"@rango-dev/queue-manager-rango-preset";import{Modal as ff}from"@rango-dev/ui";import xn from"react";import{i18n as wn}from"@lingui/core";import{Button as Pl,Divider as Zr,MessageBox as lf,Typography as Dl}from"@rango-dev/ui";import Ye from"react";var _l=i(({onCancel:t,onClose:e})=>Ye.createElement(Ye.Fragment,null,Ye.createElement(Zr,{size:20}),Ye.createElement(lf,{type:"error",title:wn.t("Transaction Cancel"),description:wn.t("Are you sure you want to Cancel this swap?")}),Ye.createElement(Zr,{size:32}),Ye.createElement(Pl,{variant:"contained",type:"primary",size:"large",onClick:t},Ye.createElement(Dl,{variant:"title",size:"medium",color:"neutral100"},wn.t("Yes, Cancel it"))),Ye.createElement(Zr,{size:12}),Ye.createElement(Pl,{variant:"outlined",type:"primary",size:"large",onClick:e},Ye.createElement(Dl,{variant:"title",size:"medium",color:"primary"},wn.t("No, Continue")))),"CancelContent");import{i18n as vn}from"@lingui/core";import{Button as Fl,Divider as Jr,MessageBox as pf,Typography as Ol}from"@rango-dev/ui";import Qe from"react";var $l=i(({onDelete:t,onClose:e})=>Qe.createElement(Qe.Fragment,null,Qe.createElement(Jr,{size:20}),Qe.createElement(pf,{type:"error",title:vn.t("Delete Transaction"),description:vn.t("Are you sure you want to delete this swap?")}),Qe.createElement(Jr,{size:32}),Qe.createElement(Fl,{variant:"contained",type:"primary",size:"large",onClick:t},Qe.createElement(Ol,{variant:"title",size:"medium",color:"neutral100"},vn.t("Yes, Delete it"))),Qe.createElement(Jr,{size:12}),Qe.createElement(Fl,{variant:"outlined",type:"primary",size:"large",onClick:e},Qe.createElement(Ol,{variant:"title",size:"medium",color:"primary"},vn.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 cf,Wallet as mf,WalletState as zl}from"@rango-dev/ui";import{useWallets as df}from"@rango-dev/wallets-react";import so from"react";import{styled as uf}from"@rango-dev/ui";var Ul=uf("div",{display:"flex",justifyContent:"center"});var ql=i(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:s}=t,{connect:a,getWalletInfo:p,state:l}=df(),u=n?.walletType,d=u&&l(u).connected?zl.CONNECTED:zl.DISCONNECTED;return so.createElement(so.Fragment,null,so.createElement(cf,{type:e,title:o,description:r}),s&&u&&so.createElement(Ul,null,so.createElement(mf,{container:ae(),title:p(u).name,image:p(u).img,type:u,state:d,onClick:async()=>a(u)})))},"WalletStateContent");function ni(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:s,message:a}=t,p=e===bn.WaitingForNetworkChange||e===bn.WaitingForConnectingWallet||e===bn.NetworkChanged;return xn.createElement(ff,{open:!!e,onClose:o,container:document.getElementById("swap-box")||document.body},p&&xn.createElement(ql,{type:oi[e].type,title:oi[e].title,currentStepWallet:s,message:a,showWalletButton:e!==bn.WaitingForNetworkChange}),e==="delete"&&xn.createElement($l,{onClose:o,onDelete:n}),e==="cancel"&&xn.createElement(_l,{onClose:o,onCancel:r}))}i(ni,"SwapDetailsModal");import{i18n as ao}from"@lingui/core";import{Button as ri,Divider as An,MessageBox as Hl,Modal as gf,TokenAmount as hf,Typography as En}from"@rango-dev/ui";import fe from"react";import{useNavigate as yf}from"react-router-dom";function ii(t){let{open:e,onClose:o,status:n,priceValue:r,usdValue:s,token:a,chain:p,percentageChange:l,description:u,diagnosisUrl:c}=t,d=yf();return fe.createElement(gf,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},n==="success"?fe.createElement(Hl,{type:"success",title:ao.t("Swap Successful")},fe.createElement(hf,{direction:"vertical",type:"output",centerAlign:!0,price:{value:r,usdValue:s},token:a,chain:p,percentageChange:l}),fe.createElement(An,{size:12}),fe.createElement(En,{variant:"body",size:"medium",color:"neutral900",align:"center"},u)):fe.createElement(Hl,{type:"error",title:ao.t("Transaction Failed"),description:u}),fe.createElement(An,{size:32}),n==="success"&&fe.createElement(ri,{variant:"contained",type:"primary",size:"large",onClick:()=>d(g.home)},fe.createElement(En,{variant:"title",size:"medium",color:"neutral100"},ao.t("Done"))),fe.createElement(An,{size:12}),c&&fe.createElement(fe.Fragment,null,fe.createElement(ri,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(c,"_blank")},fe.createElement(En,{variant:"title",size:"medium",color:"primary"},ao.t("Diagnosis"))),fe.createElement(An,{size:12})),fe.createElement(ri,{variant:"outlined",type:"primary",size:"large",onClick:o},fe.createElement(En,{variant:"title",size:"medium",color:"primary"},ao.t("See Details"))))}i(ii,"SwapDetailsCompleteModal");import Bf from"react";import{i18n as bf}from"@lingui/core";import{Alert as jl,IconButton as xf,LinkIcon as Af}from"@rango-dev/ui";import dt,{Fragment as Ef}from"react";import{Alert as Sf,ChevronDownIcon as Cf,ChevronUpIcon as kf,IconButton as Tf}from"@rango-dev/ui";import Bn,{useState as wf}from"react";function Gl(t){let{message:e}=t,[o,n]=wf(!1);return Bn.createElement(Sf,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&Bn.createElement(Tf,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?Bn.createElement(kf,{size:12,color:"gray"}):Bn.createElement(Cf,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}i(Gl,"FailedAlert");import{styled as vf}from"@rango-dev/ui";var Vl=vf("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as Rl}from"@lingui/core";import{PendingSwapNetworkStatus as si}from"@rango-dev/queue-manager-rango-preset";import{Alert as ai,Button as Xl}from"@rango-dev/ui";import lo from"react";function Kl(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?lo.createElement(ai,{type:"warning",title:n.shortMessage,action:lo.createElement(Xl,{size:"xxsmall",type:"warning",onClick:()=>{o(si.WaitingForNetworkChange),e().catch(s=>{console.log(s)})}},Rl.t("Change"))}):r===si.WaitingForConnectingWallet?lo.createElement(ai,{type:"warning",title:n.shortMessage,action:lo.createElement(Xl,{size:"xxsmall",type:"warning",onClick:()=>{o(si.WaitingForConnectingWallet)}},Rl.t("Connect"))}):lo.createElement(ai,{type:"warning",title:n.shortMessage})}i(Kl,"WarningAlert");function li(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:s,hasAlreadyProceededToSign:a}=t,p=Xt(s),l=s.status==="waitingForApproval"&&!p,u=s.status==="running"&&!p;return dt.createElement(Vl,null,s.explorerUrl?.map((c,d,m)=>{let h=d+c.url,C=d===m.length-1,y=C&&u||l,S=C&&s.status==="failed";return dt.createElement(Ef,{key:h},dt.createElement(jl,{type:y&&"loading"||S&&"error"||"success",title:c.description?`${c.description} Tx`:bf.t("View transaction"),action:c.url&&dt.createElement(xf,{variant:"ghost",size:"xsmall",onClick:()=>window.open(c.url,"_blank")},dt.createElement(Af,{size:16}))}))}),(u&&!a||l&&!s.explorerUrl?.length)&&dt.createElement(jl,{type:"loading",title:r.shortMessage}),s.status!=="failed"&&p&&dt.createElement(Kl,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),s.status==="failed"&&dt.createElement(Gl,{message:r}))}i(li,"SwapDetailsAlerts");var Yl=2e3;var Ql=i(({swap:t,blockchains:e,...o})=>{let n=t.hasAlreadyProceededToSign!==!1;return t.steps.map((r,s)=>{let a=s===0?t.inputAmount:t.steps[s-1].outputAmount;return{from:{token:{displayName:r.fromSymbol,image:r.fromLogo??""},chain:{displayName: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:Bf.createElement(li,{step:r,hasAlreadyProceededToSign:n,...o})}})},"getSteps");function Zl(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"}}i(Zl,"getStepState");import{darkTheme as Wf,styled as zt}from"@rango-dev/ui";var Wn=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",[`.${Wf} &`]:{$$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"}}),Nn=zt("div",{width:"100%"}),Jl=zt("div",{padding:"$0 $20 $20 $20",width:"100%",overflow:"auto"}),LB=zt("div",{display:"flex",flexDirection:"column",gap:"$10"}),ep=zt("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),PB=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:s,connect:a,getWalletInfo:p}=Uf(),l=P.use.retry(),u=qf(),{navigateBackFrom:c}=re(),[d,m]=$f(Yl),h=zf(null),[C,y]=np(null),[S,k]=np(null),{meta:{tokens:f,blockchains:w}}=v(),b=i(()=>{r(),y(null)},"onCancel"),x=Pe.use.getUnreadNotifications(),W=Pe.use.setAsRead(),F=x(),E=If(e),O=E?.networkStatus;op(()=>{F.find(Y=>Y.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(k(e.status),W(e.requestId))},[e.status]),op(()=>{L?y(In.WaitingForNetworkChange):O===In.WaitingForConnectingWallet||O===In.NetworkChanged?y(O):y(null)},[O]);let X=Bs(e),oe=E?Nf(e,E):null,B=E?Mf(e,E):null,J=Ll(e),H=Ws(e),ne=i(_=>!!p(_)?.mobileWallet,"isMobileWallet"),L=O===In.WaitingForNetworkChange&&!!oe&&!!B?.walletType&&(ne(B.walletType)||s(B.walletType,oe)),me=L?a.bind(null,B.walletType,oe):void 0,Ne=Es(e,E),U=Ql({swap:e,switchNetwork:me,showNetworkModal:O,setNetworkModal:y,message:Ne,blockchains:w}),K=U.length,[Ie,Te]=[e.steps[0],e.steps[K-1]],_e=Te.outputAmount||Te.expectedOutputAmountHumanReadable,se=e.steps.reduce((_,Y)=>_+parseFloat(Y.feeInUsd||""),0),ft=e.steps.find(_=>_.diagnosisUrl)?.diagnosisUrl,Ze=T(String(parseFloat(T(_e,6,6))*(vo(Te.toBlockchain,Te.toSymbol,Te.toSymbolAddress,f)||0)),4,4),bt=T(String(parseFloat(e.inputAmount)*(vo(Ie.fromBlockchain,Ie.fromSymbol,Ie.fromSymbolAddress,f)||0)),4,4),D=et(bt,Ze),N=e.status==="success"?at.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:xo(e.wallets[U[K-1].to.chain.displayName]?.address||""),chain:U[K-1].to.chain.displayName}}):`${at.t("Transaction was not sent.")} ${X?at.t({id:"remainSymbol",message:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:X.outputAmount,symbol:X.symbol,blockchain:X.blockchain}}):""}`;return Z.createElement(Q,{noPadding:!0,header:{title:at.t("Swap and Bridge"),onBack:c.bind(null,g.swapDetails),onCancel:e.status==="running"?()=>y("cancel"):void 0,suffix:e.status!=="running"&&Z.createElement(Nt,null,Z.createElement(tp,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>y("delete")},Z.createElement(qt,{size:"medium",variant:"label",color:"error"},at.t("Delete"))))},footer:H&&!S&&Z.createElement(tp,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{l(e),setTimeout(()=>{u(g.home)},0)}},at.t("Try again"))},Z.createElement(Wn,null,Z.createElement(Nn,null,Z.createElement("div",{className:"row"},Z.createElement(qt,{variant:"label",size:"large",color:"neutral900"},`${at.t("Request ID")}:`),Z.createElement("div",{className:"request-id"},Z.createElement(qt,{variant:"label",size:"small",color:"neutral900"},o),Z.createElement(Df,{variant:"ghost",onClick:m.bind(null,o||"")},Z.createElement(Lf,{size:16,color:"gray"})))),Z.createElement("div",{className:"row"},Z.createElement(qt,{variant:"label",size:"large",color:"neutral900"},`${at.t("Created at")}:`),Z.createElement(qt,{variant:"label",size:"small",color:"neutral900"},J))),Z.createElement("div",{className:"output"},Z.createElement(_f,{fee:T(String(se),2,2),time:At(Et(e.steps)),steps:K}),Z.createElement(Ff,{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:Ze},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)})),Z.createElement("div",{className:"title-steps"},Z.createElement(qt,{variant:"title",size:"small"},at.t("Swaps steps"))),Z.createElement(Pf,{size:8}),Z.createElement(Jl,{ref:h},U.map((_,Y)=>{let le=Y,ue=Zl(e.steps[Y]),ho=ue==="error"||ue==="in-progress"||ue==="warning"||ue==="completed"&&Y===U.length-1;return Z.createElement(Of,{key:le,step:_,type:"route-progress",ref:h,state:ue,hasSeparator:Y!==0,tabIndex:le,isFocused:ho})}))),Z.createElement(ni,{state:C,onClose:()=>y(null),onCancel:b,onDelete:n,message:Ne.detailedMessage.content,currentStepWallet:B}),Z.createElement(ii,{open:!!S,diagnosisUrl:ft,onClose:()=>k(null),status:e.status==="success"?"success":"failed",priceValue:T(_e,6,6),usdValue:Ze,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}))}i(pi,"SwapDetails");import{i18n as fo}from"@lingui/core";import{CopyIcon as Xf,IconButton as Kf,NotFound as jf,Skeleton as ap,Typography as Ln}from"@rango-dev/ui";import ce from"react";import{i18n as Gf}from"@lingui/core";import{ChainToken as Vf,Divider as ci,Skeleton as mo,Typography as Rf}from"@rango-dev/ui";import ee from"react";import{styled as ui}from"@rango-dev/ui";var rp=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"}}),ip=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"}}),Mn=ui("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral900",marginLeft:"25px"});import{ChainToken as sp,Divider as po,NextIcon as Hf,Skeleton as uo}from"@rango-dev/ui";import pe from"react";function co(t){let{extraInfo:e}=t;return pe.createElement(ip,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(sp,{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(Hf,{color:"gray",size:16})),pe.createElement("div",{className:"step-token-info"},pe.createElement(sp,{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"})))}i(co,"LoadingSwapDetailStep");function mi(){let t=ee.createElement("div",{className:"route-summary-item"},ee.createElement("div",{className:"token-amount"},ee.createElement(Vf,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),ee.createElement(ci,{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(rp,null,ee.createElement("div",{className:"cost"},ee.createElement(mo,{width:60,height:10,variant:"rounded"}),ee.createElement(ci,{size:4,direction:"horizontal"}),ee.createElement(mo,{width:60,height:10,variant:"rounded"}),ee.createElement(ci,{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(Rf,{variant:"title",size:"small"},Gf.t("Swaps steps"))),ee.createElement("div",{className:"step-container"},ee.createElement(co,{extraInfo:!0}),ee.createElement(Mn,null),ee.createElement(co,null),ee.createElement(Mn,null),ee.createElement(co,null),ee.createElement(Mn,null),ee.createElement(co,null)))}i(mi,"LoadingSwapDetails");function lp(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,g.swapDetails),suffix:ce.createElement(Nt,null)}},o&&ce.createElement(Wn,null,ce.createElement(Nn,null,ce.createElement("div",{className:"row"},ce.createElement(Ln,{variant:"label",size:"large",color:"neutral900"},`${fo.t("Request ID")}:`),ce.createElement("div",{className:"request-id"},ce.createElement(Ln,{variant:"label",size:"small",color:"neutral900"},ce.createElement(ap,{width:60,height:10,variant:"rounded"})),ce.createElement(Kf,{variant:"ghost"},ce.createElement(Xf,{size:16,color:"gray"})))),ce.createElement("div",{className:"row"},ce.createElement(Ln,{variant:"label",size:"large",color:"neutral900"},`${fo.t("Created at")}:`),ce.createElement(Ln,{variant:"label",size:"small",color:"neutral900"},ce.createElement(ap,{width:60,height:10,variant:"rounded"})))),ce.createElement(mi,null)),!o&&ce.createElement(ep,null,ce.createElement(jf,{title:fo.t("Not found"),description:fo.t({id:"swapNotFound",values:{requestId:e},message:"Swap with request ID = {requestId} not found."})})))}i(lp,"SwapDetailsPlaceholder");function up(){let{manager:t,state:e}=Qf(),o=!e.loadedFromPersistor,n=cn(t),r=ve.use.selectedSwapRequestId(),{navigateBackFrom:s}=re(),{loadingStatus:a}=v(),p=o||a==="loading",l=n.find(({swap:m})=>m.requestId===r),u=i(()=>{if(l?.id){let m=t?.get(l.id);m&&Yf(m)}},"onCancel"),c=i(async()=>{if(l?.id)try{await t?.deleteQueue(l.id),s(g.swapDetails)}catch(m){console.log(m)}},"onDelete"),d=l?.swap;return!d||p?pp.createElement(lp,{requestId:r||"",showSkeleton:p}):pp.createElement(pi,{swap:d,requestId:r||"",onCancel:u,onDelete:c})}i(up,"SwapDetailsPage");import{i18n as go}from"@lingui/core";import{AutoThemeIcon as Zf,DarkModeIcon as Jf,LightModeIcon as eg,List as tg,ListItemButton as og,Radio as di,RadioRoot as ng,Typography as fi}from"@rango-dev/ui";import Be from"react";function cp(){let{navigateBackFrom:t}=re(),e=$.use.theme(),o=$.use.setTheme(),n=[{id:"light",value:"light",title:Be.createElement(fi,{variant:"title",size:"xmedium"},go.t("Light")),onClick:()=>o("light"),start:Be.createElement(eg,{color:"gray"}),end:Be.createElement(di,{value:"light"})},{id:"dark",value:"dark",title:Be.createElement(fi,{variant:"title",size:"xmedium"},go.t("Dark")),onClick:()=>o("dark"),start:Be.createElement(Jf,{color:"gray"}),end:Be.createElement(di,{value:"dark"})},{id:"auto",value:"auto",title:Be.createElement(fi,{variant:"title",size:"xmedium"},go.t("Auto")),onClick:()=>o("auto"),start:Be.createElement(Zf,{color:"gray"}),end:Be.createElement(di,{value:"auto"})}];return Be.createElement(Q,{header:{onBack:t.bind(null,g.settings),title:go.t("Theme")}},Be.createElement(st,null,Be.createElement(ng,{onValueChange:r=>o(r),value:e},Be.createElement(tg,{type:Be.createElement(og,{title:go.t("Theme"),id:"_",onClick:()=>console.log()}),items:n}))))}i(cp,"ThemePage");var ig=i(t=>t.replace("/",""),"getAbsolutePath");function mp(t){let{config:e}=t;return rg([{path:g.home,element:We.createElement(Qo,null)},{path:g.fromSwap,element:We.createElement(Xr,{type:"source"})},{path:g.toSwap,element:We.createElement(Xr,{type:"destination"})},{path:g.fromBlockchain,element:We.createElement(Pr,{type:"source"})},{path:g.toBlockchain,element:We.createElement(Pr,{type:"destination"})},{path:g.settings,element:We.createElement(Il,{singleTheme:e?.theme?.singleTheme,supportedSwappers:e?.liquiditySources})},{path:g.themes,element:We.createElement(cp,null)},{path:g.languages,element:We.createElement(Xa,null)},{path:g.exchanges,element:We.createElement(Wr,{sourceType:"Exchanges",supportedSwappers:e?.liquiditySources})},{path:g.bridges,element:We.createElement(Wr,{sourceType:"Bridges",supportedSwappers:e?.liquiditySources})},{path:g.swaps,element:We.createElement(Ra,null)},{path:g.swapDetails,element:We.createElement(up,null)},{path:g.wallets,element:We.createElement(ka,{supportedWallets:e?.wallets,multiWallets:typeof e?.multiWallets>"u"?!0:e.multiWallets,config:e})},{path:ig(g.confirmSwap),element:We.createElement(_a,{config:e})}])}i(mp,"AppRoutes");import{isApprovalTX as sg,MainEvents as fp,RouteEventType as gp,StepEventType as Ht,StepExecutionEventStatus as ag,useEvents as lg}from"@rango-dev/queue-manager-rango-preset";import{useEffect as hp}from"react";import{StepExecutionBlockedEventStatus as gi}from"@rango-dev/queue-manager-rango-preset";var dp=[gi.WAITING_FOR_CHANGE_WALLET_ACCOUNT,gi.WAITING_FOR_NETWORK_CHANGE,gi.WAITING_FOR_WALLET_CONNECT];function yp(){let t=G.use.connectedWallets(),e=G.use.getWalletsDetails(),o=Pe.use.setNotification(),n=Pe.use.setAsRead(),r=lg();return hp(()=>(r.on(fp.StepEvent,s=>{let{event:a,step:p,route:l}=s;if(a.type===Ht.TX_EXECUTION&&a.status===ag.TX_SENT&&!sg(p)||a.type===Ht.SUCCEEDED){let c=t.find(m=>m.chain===p?.fromBlockchain),d=p?.fromBlockchain!==p?.toBlockchain&&t.find(m=>m.chain===p?.toBlockchain);c&&e([c]),d&&e([d])}a.type===Ht.TX_EXECUTION_BLOCKED&&dp.includes(a.status)||a.type===Ht.FAILED?o(a,l):(a.type===Ht.TX_EXECUTION||a.type===Ht.CHECK_STATUS)&&n(l.requestId)}),()=>r.all.clear()),[r,t.length]),hp(()=>(r.on(fp.RouteEvent,s=>{let{event:a,route:p}=s;(a.type===gp.FAILED||a.type===gp.SUCCEEDED)&&o(a,p)}),()=>r.all.clear()),[r,t.length]),null}i(yp,"WidgetEvents");import{globalCss as pg}from"@rango-dev/ui";var Sp=i(()=>pg({"@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 fg,lightTheme as gg}from"@rango-dev/ui";import{useEffect as Tp,useState as hg}from"react";import{theme as mg,darkColors as dg}from"@rango-dev/ui";var Cp=i(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),ug=i(t=>{let e="",o;for(o=Math.abs(t);o>52;o=o/52|0)e=Cp(o%52)+e;return Cp(o%52)+e},"toAlphabeticName"),cg=i((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),hi=i(t=>ug(cg(5381,JSON.stringify(t))>>>0),"toHash");function kp(t){let e=mg.colors,o=zr({...e,...dg},t?.dark),n=zr(e,t?.light),r=Object.keys(o).length>0,s=Object.keys(n).length>0,a,p;if(s){let l={colors:n};a={id:`${_n}-light-${hi(l)}`,tokens:l}}if(r){let l={colors:{...o,neutral100:o.neutral900,neutral200:o.neutral800,neutral300:o.neutral700,neutral400:o.neutral600,neutral500:o.neutral500,neutral600:o.neutral400,neutral700:o.neutral300,neutral800:o.neutral200,neutral900:o.neutral100}};p={id:`${_n}-dark-${hi(l)}`,tokens:l}}return{light:a,dark:p}}i(kp,"customizedThemeTokens");function wp(t){let{colors:e,fontFamily:o=wi,borderRadius:n=ki,secondaryBorderRadius:r=Ti,mode:s="auto"}=t,[a,p]=hg("light"),l=$.use.theme(),u=$.use.setTheme(),{dark:c,light:d}=kp(e),m=yi({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),h=[m.className,gg.className],C=[m.className,fg.className];if(d){let S=yi(d.id,d.tokens);h.push(S.className)}if(c){let S=yi(c.id,c.tokens);C.push(S.className)}return Tp(()=>{let S=i(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)}},[]),Tp(()=>{s!=="auto"&&u(s)},[s]),{activeTheme:i(()=>{let S=h.join(" "),k=C.join(" ");return l==="auto"?a==="dark"?k:S:l==="dark"?k:S},"getActiveTheme")}}i(wp,"useTheme");import yg,{useMemo as Sg}from"react";import{Provider as Cg}from"@rango-dev/queue-manager-react";import{makeQueueDefinition as kg,checkWaitingForNetworkChange as Tg}from"@rango-dev/queue-manager-rango-preset";import{useWallets as wg}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as vg}from"@rango-dev/wallets-shared";import{isEvmBlockchain as bg}from"rango-types";function xg(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:s,getWalletInfo:a}=wg(),p=Sg(()=>kg({API_KEY:So("API_KEY")}),[]),{blockchains:l}=v.use.meta(),c={blockchains:G.use.connectedWallets().map(f=>({accounts:[f],name:f.chain}))},d=i((f,w)=>{if(s(f,w))return r(f,w)},"switchNetwork"),m=i(f=>!!a(f).mobileWallet,"isMobileWallet"),h=l.filter(f=>f.enabled).reduce((f,w)=>(f[w.name]=w,f),{}),C=l.filter(bg),y=i(f=>{let{supportedChains:w}=a(f);return To(w)},"getSupportedChainNames"),S=e(),k={meta:{blockchains:h,evmBasedChains:C,evmNetworkChainInfo:vg(C),getSupportedChainNames:y},getSigners:o,wallets:c,providers:S,switchNetwork:d,canSwitchNetworkTo:s,connect:r,state:n,isMobileWallet:m};return yg.createElement(Cg,{queuesDefs:[p],context:k,onPersistedDataLoaded:f=>{Tg(f)},isPaused:!1},t.children)}i(xg,"QueueManager");var vp=xg;var Ng=Eg("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 xp(t){let{config:e}=t;Sp();let{activeTheme:o}=wp(e?.theme||{}),[n,r]=bp(""),[s,a]=bp(),p=Bg(Un),l=v.use.fetchMeta();return Wg(()=>{e?.apiKey&&Ci({API_KEY:e?.apiKey})},[e]),Ap(()=>{l(),$.persist.rehydrate(),Pe.persist.rehydrate(),p.onConnectWallet(r)},[]),lt.createElement(Ag,{language:e?.language},lt.createElement(Ng,{id:"swap-container",className:o()},lt.createElement(vp,null,lt.createElement(yp,null),lt.createElement(js,{config:e,lastConnectedWallet:n,disconnectedWallet:s,clearDisconnectedWallet:()=>{a(void 0)}},lt.createElement(mp,{config:e})))))}i(xp,"Main");function Ig(t){let{updateConfig:e,config:o}=Le();return Ap(()=>{t.config&&e(t.config)},[t.config]),t.config?.externalWallets?lt.createElement(xp,{...t}):lt.createElement(zn,{providers:o?.wallets,options:{walletConnectProjectId:o?.walletConnectProjectId||t.config?.walletConnectProjectId}},lt.createElement(xp,{...t}))}i(Ig,"Widget");export{xI as MainEvents,AI as RouteEventType,EI as StepEventType,BI as StepExecutionBlockedEventStatus,WI as StepExecutionEventStatus,Ig as Widget,zn as WidgetWallets,Ba as useWallets,NI as useWidgetEvents};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|