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

package/dist/index.js

@@ -1,2 +1,2 @@
-var _u=Object.defineProperty;var s=(t,e)=>_u(t,"name",{value:e,configurable:!0});import{MainEvents as J$,RouteEventType as Z$,StepEventType as R$,StepExecutionBlockedEventStatus as eP,StepExecutionEventStatus as tP,useEvents as oP}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Bl}from"@rango-dev/wallets-react";import{Events as lr,Provider as uc}from"@rango-dev/wallets-react";import{isEvmBlockchain as cc}from"rango-sdk";import Do,{createContext as mc,useEffect as dc,useRef as fc}from"react";import{useEffect as Ju}from"react";import{create as Ku}from"zustand";import{subscribeWithSelector as Xu}from"zustand/middleware";import{RangoClient as Du}from"rango-sdk";var Zi="c6381a79-2817-4602-83bf-6a641a409e32";var or={API_KEY:Zi};function bo(t){return or[t]}s(bo,"getConfig");function Ri(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),or=e,or}s(Ri,"initConfig");var es=20,ts=25,os="Roboto",nr="theme-widget";var Eo,At=s(()=>Eo||(Eo=new Du(bo("API_KEY")),Eo),"httpService");import{WalletState as He}from"@rango-dev/ui";import{readAccountAddress as Uu}from"@rango-dev/wallets-react";import{detectInstallLink as zu,getCosmosExperimentalChainInfo as qu,isEvmAddress as Gu,KEPLR_COMPATIBLE_WALLETS as Ny,Networks as is}from"@rango-dev/wallets-shared";import rr from"bignumber.js";import{isCosmosBlockchain as Hu}from"rango-types";import Fu from"bignumber.js";var be=new Fu(0);import{WalletTypes as Ou}from"@rango-dev/wallets-shared";var ns=[Ou.LEAP];import{BigNumber as rs}from"bignumber.js";var Ao=s(t=>{let e=(t%60).toString().padStart(2,"0");return`${parseInt((t/60).toString()).toString().padStart(2,"0")}:${e}`},"secondsToString"),W=s((t,e=null,o=null)=>{if(t==null||t==="")return"";let n=new rs(t),r=1,i=1e3;for(let a=0;a<60;a++)if(new rs(n.toFixed(a,r)).eq(n)){i=a;break}if(n.gte(1e4))return n.toFormat(0,r);if(n.gte(1e3)||n.gte(100))return n.toFormat(Math.min(i,Math.min(o||100,Math.max(e||0,1))),r);if(n.gte(1))return n.toFormat(Math.min(i,Math.min(o||100,Math.max(e||0,2))),r);if(n.gte(.01))return n.toFormat(Math.min(i,Math.min(o||100,Math.max(e||0,4))),r);for(let a=e||4;a<17;a++)if(n.gte(Math.pow(10,-a)))return n.toFormat(Math.min(i,Math.min(o||100,Math.max(e||0,a))),r);return n.isEqualTo(0)?"0":n.toFormat(Math.min(i,Math.min(o||100,Math.max(e||0,8))),r)},"numberToString");var Io=s(t=>t?.reduce((e,o)=>e+(o.estimatedTimeInSeconds??0),0)||0,"totalArrivalTime");var Ge=s((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),Vt=s(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function Wo(t,e=4){let o=parseFloat(t);if(isNaN(o))return t;let n=Math.pow(10,e);return(Math.round(o*n)/n).toString()}s(Wo,"limitDecimalPlaces");function Qu(t){switch(!0){case t.connected:return He.CONNECTED;case t.connecting:return He.CONNECTING;case!t.installed:return He.NOT_INSTALLED;default:return He.DISCONNECTED}}s(Qu,"mapStatusToWalletState");function ss(t,e,o,n){return o.filter(r=>!ns.includes(r)).filter(r=>{let{supportedChains:i,isContractWallet:a}=e(r),{installed:l,network:p}=t(r);return a&&(!l||!!n&&p!==n)?!1:n?!!i.find(m=>m.name===n):!0}).map(r=>{let{name:i,img:a,installLink:l}=e(r),p=Qu(t(r));return{title:i,image:a,link:zu(l),state:p,type:r}})}s(ss,"mapWalletTypesToWalletInfo");function No(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}s(No,"walletAndSupportedChainsNames");function as(t,e,o,n,r){let i=[];function a(p,u){if(!!!i.find(c=>c.chain===p)){let c={address:u,chain:p,walletType:t};i.push(c)}}s(a,"addAccount");let l=n||[];return e.forEach(p=>{let{address:u,network:m}=Uu(p),c=l.length>0,S=l.includes(m),g=m===is.Unknown;if(c&&!S&&!g)return;let x=m===is.Unknown&&Gu(u);if(g&&!x)return;o.includes(m)||x?r?a(m,u.toLowerCase()):l.filter(f=>o.includes(f)).forEach(f=>{a(f,u.toLowerCase())}):a(m,u)}),i}s(as,"prepareAccountsForWalletStore");function ls(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain;e.includes(n)||e.push(n),e.includes(r)||e.push(r),o.internalSwaps&&Array.isArray(o.internalSwaps)&&o.internalSwaps.forEach(i=>{let a=i.from.blockchain,l=i.to.blockchain;e.includes(a)||e.push(a),e.includes(l)||e.push(l)})}),e}s(ls,"getRequiredChains");function It(t,e,o,n){if(t.length===0)return null;let r=t.filter(i=>i.chain===e);return r.length===0?null:r.map(i=>i.balances?.find(a=>n!==null&&a.address===n||n===null&&a.address===n&&a.symbol===o)||null).filter(i=>i!==null).sort((i,a)=>parseFloat(a?.amount||"0")-parseFloat(i?.amount||"1")).find(()=>!0)||null}s(It,"getBalanceFromWallet");function Lo(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}s(Lo,"isAccountAndWalletMatched");function ps(t,e){let{blockChain:o,balances:n=[]}=t;return n?.map(r=>({chain:o,symbol:r.asset.symbol,ticker:r.asset.symbol,address:r.asset.address||null,rawAmount:r.amount.amount,decimal:r.amount.decimals,amount:new rr(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:Bo(o,r.asset.symbol,r.asset.address,e)||null}))||[]}s(ps,"makeBalanceFor");function us(t){return{...t,loading:!1,error:!0}}s(us,"resetConnectedWalletState");var Bo=s((t,e,o,n)=>n?.find(i=>i.blockchain===t&&i.symbol?.toUpperCase()===e?.toUpperCase()&&i.address===o)?.usdPrice||null,"getUsdPrice"),Mo=s((t,e)=>{let o=qu(Object.entries(t).map(([,n])=>n).filter(Hu));return o&&o[e]?.experimental},"isExperimentalChain");function Vu(t,e){return t.map(({balance:o,...n})=>{let r=W(new rr(It(e,n.blockchain,n.symbol,n.address)?.amount||be)),i="";return n.usdPrice&&(i=W(new rr(It(e,n.blockchain,n.symbol,n.address)?.amount||be).multipliedBy(n.usdPrice))),{...n,...r!=="0"&&{balance:{amount:r,usdValue:i}}}})}s(Vu,"getTokensWithBalance");function cs(t,e){let o=e.length>0?Vu(t,e):t;return o.sort((n,r)=>n.balance?.usdValue&&r.balance?.usdValue?parseFloat(r.balance.usdValue)-parseFloat(n.balance.usdValue):!n.balance?.usdValue&&r.balance?.usdValue?1:n.balance?.usdValue&&!r.balance?.usdValue?-1:!n.balance?.usdValue&&!r.balance?.usdValue?parseFloat(r.balance?.amount||"0")-parseFloat(n.balance?.amount||"0"):0),o}s(cs,"getTokensBalanceFromWalletAndSort");function Ae(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}s(Ae,"tokensAreEqual");function ms(t){return t.sort((e,o)=>+(o.state===He.CONNECTED)-+(e.state===He.CONNECTED)||+(o.state===He.DISCONNECTED||o.state===He.CONNECTING)-+(e.state===He.DISCONNECTED||e.state===He.CONNECTING))}s(ms,"sortWalletsBasedOnConnectionState");function $o(t,e=8,o=3){if(t.length<2*e+o)return t;let n=t.slice(0,e),r=t.slice(-e);return`${n}${".".repeat(o)}${r}`}s($o,"getConciseAddress");function ds({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}s(ds,"getAddress");var ju=s(t=>{let e=t;e.use={};for(let o of Object.keys(e.getState()))e.use[o]=()=>e(n=>n[o]);return e},"createSelectors"),Qe=ju;var V=Qe(Ku()(Xu((t,e)=>({connectedWallets:[],customDestination:"",loading:!1,connectWallet:(o,n)=>{let r=e().getWalletsDetails;t(i=>({loading:!0,connectedWallets:i.connectedWallets.filter(a=>a.walletType!==o[0].walletType).concat(o.map(a=>{let l=!i.connectedWallets.find(p=>p.chain===a.chain&&p.selected);return{balances:[],address:a.address,chain:a.chain,explorerUrl:null,walletType:a.walletType,selected:l,loading:!0,error:!1}}))})),r(o,n)},disconnectWallet:o=>{t(n=>{let r=n.connectedWallets.filter(i=>i.selected&&i.walletType!==o).map(i=>i.chain);return{connectedWallets:n.connectedWallets.filter(i=>i.walletType!==o).map(i=>r.includes(i.chain)?i:(r.push(i.chain),{...i,selected:!0}))}})},selectWallets:o=>t(n=>({connectedWallets:n.connectedWallets.map(r=>{let i=!!o.find(l=>l.chain===r.chain&&l.walletType!==r.walletType&&r.selected),a=!!o.find(l=>l.chain===r.chain&&l.walletType===r.walletType&&!r.selected);return i?{...r,selected:!1}:a?{...r,selected:!0}:r})})),clearConnectedWallet:()=>t(()=>({connectedWallets:[],selectedWallets:[]})),getWalletsDetails:async(o,n,r=!0)=>{let i=e().getWalletsDetails;t(a=>({loading:!0,connectedWallets:a.connectedWallets.map(l=>o.find(p=>Lo(p,l))?{...l,loading:!0}:l)}));try{let a=o.map(({address:u,chain:m})=>({address:u,blockchain:m})),p=(await At().getWalletsDetails(a)).wallets;if(p)t(u=>({loading:!1,connectedWallets:u.connectedWallets.map(m=>{let c=o.find(g=>Lo(g,m)),S=p.find(g=>g.address===m.address&&g.blockChain===m.chain);return S?.failed&&c&&r&&i([c],n,!1),c&&S?{...m,explorerUrl:S.explorerUrl,balances:ps(S,n)}:m})}));else throw new Error("Wallet not found")}catch{t(l=>({loading:!1,connectedWallets:l.connectedWallets.map(p=>o.find(u=>Lo(u,p))?us(p):p)}))}}}))));import{allProviders as Yu}from"@rango-dev/provider-all";function Po(t,e){let o=Yu({walletconnect2:{WC_PROJECT_ID:e?.walletConnectProjectId||""}});if(t){let n=[];return t.forEach(r=>{if(typeof r=="string"){let i=o.find(a=>a.config.type===r);i?n.push(i):console.warn(`Couldn't find ${r} provider. Please make sure you are passing the correct name.`)}else n.push(r)}),n}return o}s(Po,"matchAndGenerateProviders");function fs(t,e){return Po(t,e).map(r=>r.config.type)}s(fs,"configWalletsToWalletName");function gs(t,e){let o=V.use.clearConnectedWallet(),n=Po(void 0,e);return Ju(()=>{o(),n=Po(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}s(gs,"useWalletProviders");import sc,{createContext as ac,useContext as lc,useRef as pc}from"react";import{create as ic}from"zustand";var ir={apiKey:"",multiWallets:!0,enableNewLiquiditySources:!0},hs=s((t,e,o)=>({config:{...ir,...t},updateConfig:n=>{let r=o().config;e({config:{...r,...n}})}}),"createConfigSlice");function Wt(t){return Array.from(new Set(t))}s(Wt,"removeDuplicateFrom");function sr(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}s(sr,"areEqual");function ys(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}s(ys,"debounce");function gt(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}s(gt,"containsText");var Z=s(()=>document.getElementById("swap-box"),"getContainer");import{create as oc}from"zustand";import{persist as nc,subscribeWithSelector as rc}from"zustand/middleware";import{English as Zu,French as Ru,Japanese as ec,Spanish as tc}from"@rango-dev/ui";var Ss=[{title:"English",label:"English",local:"en",SVGFlag:Zu},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:tc},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:Ru},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:ec}],jt="en";var Cs=[.5,1,3],ks=1,Ts=5,ws=100,vs=0;var D=Qe(oc()(nc(rc((t,e)=>({preferredBlockchains:[],slippage:ks,customSlippage:null,infiniteApprove:!1,affiliateRef:null,affiliatePercent:null,affiliateWallets:null,disabledLiquiditySources:[],theme:"auto",language:jt,addPreferredBlockchain:o=>{let n=e().preferredBlockchains;if(n.find((a,l)=>{let p=a===o,u=l<=10-1;return p&&u}))return;let i=n.filter(a=>!(a===o));t(()=>({preferredBlockchains:[o,...i]}))},setSlippage:o=>t(()=>({slippage:o})),setCustomSlippage:o=>t(()=>({customSlippage:o})),setAffiliateRef:o=>t(()=>({affiliateRef:o})),setAffiliatePercent:o=>t(()=>({affiliatePercent:o})),setAffiliateWallets:o=>t(()=>({affiliateWallets:o})),toggleAllLiquiditySources:(o,n)=>t(r=>{if(n)return{disabledLiquiditySources:[]};let i=Wt(o.map(a=>a.swapperGroup));return i.length===r.disabledLiquiditySources.length?{disabledLiquiditySources:[]}:{disabledLiquiditySources:i}}),toggleInfiniteApprove:()=>t(o=>({infiniteApprove:!o.infiniteApprove})),toggleLiquiditySource:o=>t(n=>n.disabledLiquiditySources.includes(o)?{disabledLiquiditySources:n.disabledLiquiditySources.filter(r=>r!=o)}:{disabledLiquiditySources:n.disabledLiquiditySources.concat(o)}),setTheme:o=>t(()=>({theme:o})),setLanguage:o=>t(()=>({language:o}))})),{name:"user-settings",skipHydration:!0})));function _o(t){let e=D.use.disabledLiquiditySources(),o=t.map(i=>i.swapperGroup),n=[];return Wt(t.map(i=>i.swapperGroup)).map(i=>{let a=t.find(l=>l.swapperGroup===i);if(a){let l=!0;o&&(l=o.some(p=>p===a.swapperGroup)),l&&a.types.map(p=>{n.push({id:a.swapperGroup,groupTitle:a.swapperGroup,logo:a.logo,type:p,selected:!e.includes(a.swapperGroup)})})}}),n}s(_o,"getUniqueSwappersGroups");function xs(t,e){return t.swapperGroup<e.swapperGroup?-1:t.swapperGroup>e.swapperGroup?1:0}s(xs,"sortLiquiditySourcesByGroupTitle");var bs=s((t,e)=>({_blockchains:[],_tokens:[],_popularTokens:[],_swappers:[],fetchStatus:"loading",blockchains:o=>{let n=e()._blockchains;if(!o||!o?.type)return n;let r=e().config,i=(o.type==="source"?r.from?.blockchains:r.to?.blockchains)??[];return n.filter(l=>!(i.length>0&&!i.includes(l.name)))},tokens:o=>{let n=e()._tokens;if(!o||!o?.type)return n;let r=e().config,i=(o.type==="source"?r.from?.tokens:r.to?.tokens)??[],a=e().blockchains({type:o.type});return n.filter(p=>i.length>0&&!i.some(u=>Ae(u,p))||o.blockchain&&p.blockchain!==o.blockchain||!a.some(u=>u.name===p.blockchain)?!1:o.searchFor?!!(gt(p.symbol,o.searchFor)||gt(p.address||"",o.searchFor)||gt(p.name||"",o.searchFor)):!0).sort((p,u)=>e().isTokenPinned(p)?-1:e().isTokenPinned(u)||p.isSecondaryCoin?1:u.isSecondaryCoin||!p.address&&u.address?-1:p.address&&!u.address?1:0)},isTokenPinned:o=>!!e().config.pinnedTokens?.some(r=>Ae(r,o)),swappers:()=>{let{config:{enableNewLiquiditySources:o,liquiditySources:n}}=e();return e()._swappers.filter(a=>{let l=n?.includes(a.swapperGroup);return o||!n||n.length===0?!l:l}).sort(xs)},fetch:async()=>{try{let o=await At().getAllMetadata();t({fetchStatus:"success"});let n=[],r=[],i=o.popularTokens,a=o.swappers,l=new Set;o.tokens.forEach(p=>{l.add(p.blockchain),r.push(p)}),o.blockchains.forEach(p=>{p.enabled&&l.has(p.name)&&n.push(p)}),n.sort((p,u)=>p.sort-u.sort),t({_blockchains:n,_tokens:r,_popularTokens:i,_swappers:a})}catch(o){throw t({fetchStatus:"failed"}),o}}}),"createDataSlice");function Es(t){return ic()((...e)=>({...bs(...e),...hs(t,...e)}))}s(Es,"createAppStore");var As=ac(null);function T(){let t=lc(As);if(!t)throw new Error("Missing AppStoreContext.Provider in the tree");return t()}s(T,"useAppStore");function Is(t){let e=pc();return e.current||(e.current=Es(t.config)),sc.createElement(As.Provider,{value:e.current},t.children)}s(Is,"AppStoreProvider");var Fo=mc({onConnectWallet:()=>{}});function gc(t){let e=T().updateConfig,o=T().blockchains(),n=T().tokens(),r={walletConnectProjectId:t.config?.walletConnectProjectId},{providers:i}=gs(t.config.wallets,r),a=V.use.disconnectWallet(),l=V.use.connectWallet(),p=fc();dc(()=>{t.config&&e(t.config)},[t.config]);let u=o.filter(cc).map(c=>c.name),m=s((c,S,g,y,x)=>{if(S===lr.ACCOUNTS)if(g){let d=No(x.supportedBlockchains),w=as(c,g,u,d,x.isContractWallet);l(w,n)}else a(c);if(S===lr.ACCOUNTS&&y.connected){let d=`${c}-${y.network}-${g}`;y.connected&&(p.current?p.current(d):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(S===lr.NETWORK&&y.network){let d=`${c}-${y.network}`;p.current?p.current(d):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(c,S,g,y,x)},"onUpdateState");return Do.createElement(Fo.Provider,{value:{onConnectWallet:c=>{p.current=c}}},Do.createElement(uc,{allBlockChains:o,providers:i,onUpdateState:m,autoConnect:!0},t.children))}s(gc,"Main");function Oo(t){let{config:e,...o}=t;return Do.createElement(Is,{config:e},Do.createElement(gc,{...o,config:e}))}s(Oo,"WidgetWallets");import Ji from"react";import{I18nManager as Kh}from"@rango-dev/ui";import wo,{useContext as Xh,useEffect as Nu,useMemo as Yh,useState as Lu}from"react";import{useQueueManager as yd}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Sd}from"@rango-dev/wallets-react";import{isEvmBlockchain as Cd}from"rango-types";import Ct,{useEffect as kd,useRef as Td}from"react";import{MemoryRouter as wd,useInRouterContext as vd}from"react-router";import{useLocation as xd,useNavigate as bd}from"react-router-dom";var M={home:"/",fromSwap:"from-swap",toSwap:"to-swap",blockchains:"blockchains",settings:"settings",liquiditySources:"liquidity-sources",themes:"themes",bridges:"bridges",exchanges:"exchanges",languages:"languages",swaps:"swaps",wallets:"wallets",confirmSwap:"confirm-swap",swapDetails:":requestId"};import{useWallets as yc}from"@rango-dev/wallets-react";import{useEffect as Sc,useRef as Cc}from"react";function Ws(){let{connect:t,state:e}=yc(),o=Cc({}),{fetchStatus:n}=T(),r=new URLSearchParams(location.search).get("autoConnect")||"",i=e(r);Sc(()=>{n==="success"&&r&&i.installed&&!i.connecting&&!i.connected&&!o.current[r]&&(o.current[r]=!0,t(r))},[i,n])}s(Ws,"useForceAutoConnect");import{i18n as zr}from"@lingui/core";import{Button as id,styled as qr,SwapInput as ml,WarningIcon as sd}from"@rango-dev/ui";import Fe,{useEffect as ad,useRef as ld,useState as pd}from"react";import{useNavigate as ud}from"react-router-dom";import{ChevronLeftIcon as wc}from"@rango-dev/ui";import Bs from"react";import{darkTheme as kc,IconButton as Tc,styled as Uo}from"@rango-dev/ui";var Le=Uo(Tc,{width:"$24",position:"relative",padding:"0",overflow:"unset"}),Ns=Uo("div",{position:"absolute",background:"$secondary500",[`.${kc} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),Nt=Uo("div",{display:"flex",justifyContent:"flex-end",width:"$40"}),Ls=Uo("div",{position:"absolute",backgroundColor:"$secondary500",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0"});function pr(t){return Bs.createElement(Le,{variant:"ghost",size:"small",onClick:t.onClick},Bs.createElement(wc,{color:"black",size:16}))}s(pr,"BackButton");import{i18n as vc}from"@lingui/core";import{Button as xc,Typography as bc}from"@rango-dev/ui";import ur from"react";function cr(t){return ur.createElement(Nt,null,ur.createElement(xc,{variant:"ghost",onClick:t.onClick,size:"xsmall"},ur.createElement(bc,{variant:"label",size:"medium",color:"error500"},vc.t("Cancel"))))}s(cr,"CancelButton");import{i18n as Ec}from"@lingui/core";import{Tooltip as Ac,WalletIcon as Ic}from"@rango-dev/ui";import zo from"react";function mr(t){return zo.createElement(Ac,{container:t.container,side:"top",content:Ec.t("Connect Wallet")},zo.createElement(Le,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&zo.createElement(Ns,null),zo.createElement(Ic,{size:18,color:"black"})))}s(mr,"WalletButton");import{i18n as Ho}from"@lingui/core";import{NotificationsIcon as Hc,Popover as Qc,RefreshIcon as Vc,SettingsIcon as jc,Tooltip as Qo,TransactionIcon as Kc}from"@rango-dev/ui";import pe from"react";import{i18n as Dc}from"@lingui/core";import{ChainToken as Fs,ChevronRightIcon as Fc,ListItemButton as Oc,Typography as Uc}from"@rango-dev/ui";import Be from"react";import{useNavigate as zc}from"react-router-dom";import{create as Wc}from"zustand";import{persist as Nc,subscribeWithSelector as Lc}from"zustand/middleware";var Ie=Qe(Wc()(Nc(Lc((t,e)=>({notifications:[],setNotification:(o,n)=>{let r=n.steps[0],i=n.steps[n.steps.length-1],a={event:o,creationTime:Date.now(),read:!1,requestId:n.requestId,route:{from:{blockchain:r.fromBlockchain,tokenAddress:r.fromSymbolAddress,tokenSymbol:r.fromSymbol},to:{blockchain:i.toBlockchain,tokenSymbol:i.toSymbol,tokenAddress:i.toSymbolAddress}}},l=e().notifications.filter(p=>p.requestId!==n.requestId);t(()=>({notifications:[...l,a]}))},setAsRead:o=>{t(n=>({notifications:n.notifications.map(r=>r.requestId===o?{...r,read:!0}:r)}))},getUnreadNotifications:()=>e().notifications.filter(o=>!o.read)})),{name:"notification",skipHydration:!0})));import{create as Bc}from"zustand";var Se=Qe(Bc()(t=>({connectWalletsButtonDisabled:!1,selectedSwapRequestId:null,currentPage:"",setSelectedSwap:e=>t({selectedSwapRequestId:e}),setCurrentPage:e=>t({currentPage:e})})));import{styled as qo}from"@rango-dev/ui";var Ms=qo("div",{padding:"$10",width:"350px",minHeight:"150px"}),$s=qo("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),Ps=qo("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),_s=qo("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as Mc}from"@lingui/core";import{Divider as $c,NoNotificationIcon as Pc,Typography as _c}from"@rango-dev/ui";import Go from"react";function Ds(){return Go.createElement(_s,null,Go.createElement(Pc,{color:"secondary",size:26}),Go.createElement($c,{size:12}),Go.createElement(_c,{variant:"body",size:"medium",color:"neutral700"},Mc.t("You have no notification")))}s(Ds,"NotificationNotFound");var qc=4;function dr(){let t=zc(),e=Se.use.setSelectedSwap(),{getUnreadNotifications:o}=Ie(),n=o(),r=T().blockchains(),i=T().tokens(),a=n.sort((p,u)=>u.creationTime-p.creationTime).slice(0,qc),l=s(p=>{e(p),t(`${p}`)},"handleOnClick");return Be.createElement(Ms,null,a.length?Be.createElement($s,null,a.map(p=>{let u=i.find(g=>g.address===p.route.from.tokenAddress&&g.blockchain===p.route.from.blockchain&&g.symbol===p.route.from.tokenSymbol),m=r.find(g=>g.name===p.route.from.blockchain),c=i.find(g=>g.address===p.route.to.tokenAddress&&g.blockchain===p.route.to.blockchain&&g.symbol===p.route.to.tokenSymbol),S=r.find(g=>g.name===p.route.to.blockchain);return Be.createElement(Oc,{key:p.requestId,onClick:()=>l(p.requestId),title:Be.createElement(Uc,{variant:"body",size:"small",color:"$neutral700"},Dc.t(p.event.message)),id:p.requestId,start:Be.createElement(Ps,null,Be.createElement("div",{className:"from-chain-token"},Be.createElement(Fs,{tokenImage:u?u.image:"",chainImage:m?m.logo:"",size:"small"})),Be.createElement("div",{className:"to-chain-token"},Be.createElement(Fs,{tokenImage:c?c.image:"",chainImage:S?S.logo:"",size:"small"}))),end:Be.createElement(Fc,{size:12,color:"gray"})})})):Be.createElement(Ds,null))}s(dr,"NotificationContent");import{Typography as Gc}from"@rango-dev/ui";import Os from"react";function Us(){let{getUnreadNotifications:t}=Ie(),e=t().length;return e?Os.createElement(Ls,null,Os.createElement(Gc,{variant:"body",size:"xsmall",color:"$background"},e)):null}s(Us,"UnreadNotificationsBadge");function fr(t){let{layoutRef:e,onClickRefresh:o,onClickHistory:n,onClickSettings:r,onClickNotifications:i}=t;return pe.createElement(pe.Fragment,null,pe.createElement(Qo,{container:Z(),side:"top",content:Ho.t("Refresh")},pe.createElement(Le,{variant:"ghost",size:"small",onClick:o,disabled:!o},pe.createElement(Vc,{size:16,color:o?"black":"gray"}))),pe.createElement(Qo,{container:Z(),side:"top",content:Ho.t("Notifications")},pe.createElement(Qc,{align:"center",collisionBoundary:e,collisionPadding:{right:20,left:20},container:Z(),content:pe.createElement(dr,null)},pe.createElement(Le,{size:"small",variant:"ghost",onClick:i},pe.createElement(Hc,{size:18,color:"black"}),pe.createElement(Us,null)))),pe.createElement(Qo,{container:Z(),side:"top",content:Ho.t("Settings")},pe.createElement(Le,{size:"small",variant:"ghost",onClick:r},pe.createElement(jc,{size:18,color:"black"}))),pe.createElement(Qo,{container:Z(),side:"top",content:Ho.t("Transactions History")},pe.createElement(Le,{size:"small",variant:"ghost",onClick:n},pe.createElement(Kc,{size:18,color:"black"}))))}s(fr,"HomeButtons");import{BottomLogo as Jc,Divider as Zc,Header as Rc}from"@rango-dev/ui";import ce from"react";import{useNavigate as Xc}from"react-router-dom";function ot(){let t=Xc();return()=>t(-1)}s(ot,"useNavigateBack");import{darkTheme as Yc,styled as gr}from"@rango-dev/ui";var zs=gr("div",{position:"relative",display:"flex",flexDirection:"column",borderRadius:"$primary",overflow:"hidden !important",boxShadow:"15px 15px 15px 0px rgba(0, 0, 0, 0.05)",width:"95vw",maxWidth:"390px",maxHeight:"700px",$$color:"$colors$neutral100",[`.${Yc} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",variants:{fixedHeight:{true:{height:"95vh"},false:{height:"auto"}}}}),qs=gr("div",{borderTopLeftRadius:"20px",borderTopRightRadius:"20px",display:"flex",flexDirection:"column",flex:1,padding:"$20 $20 $10 $20",backgroundColor:"$background",position:"relative",overflowY:"auto",overflowX:"hidden",variants:{noPadding:{true:{padding:"0"}}}}),Gs=gr("div",{backgroundColor:"$background","& .footer__content":{padding:"$0 $20"},"& .footer__logo":{padding:"$0 $20 $10 $20"}});function em(t,e){let{children:o,header:n,footer:r,noPadding:i,hasLogo:a=!0,fixedHeight:l=!0}=t,p=V.use.connectedWallets(),u=Se.use.connectWalletsButtonDisabled(),m=ot(),c=s(()=>{!u&&n.onWallet&&n.onWallet()},"onConnectWallet"),S=typeof n.hasBackButton>"u"||n.hasBackButton;return ce.createElement(zs,{ref:e,fixedHeight:l,id:"swap-box"},ce.createElement(Rc,{prefix:ce.createElement(ce.Fragment,null,S&&ce.createElement(pr,{onClick:m})),title:n.title,suffix:ce.createElement(ce.Fragment,null,n.suffix,n.onWallet&&ce.createElement(mr,{container:Z(),onClick:c,isConnected:!!p?.length}),n.onCancel&&ce.createElement(cr,{onClick:n.onCancel}))}),ce.createElement(qs,{noPadding:i},o),(a||r)&&ce.createElement(Gs,null,ce.createElement("div",{className:"footer__content"},r),a&&ce.createElement("div",{className:"footer__logo"},ce.createElement(Zc,{size:12}),ce.createElement(Jc,null))))}s(em,"LayoutComponent");var j=ce.forwardRef(em);j.displayName="Layout";import{ReverseIcon as pm,styled as pa}from"@rango-dev/ui";import Er from"react";import st from"bignumber.js";import{create as am}from"zustand";import{subscribeWithSelector as lm}from"zustand/middleware";import{getLastSuccessfulStep as sm}from"@rango-dev/queue-manager-rango-preset";import fT from"bignumber.js";var nt=(r=>(r[r.HIGH_VALUE_LOSS=0]="HIGH_VALUE_LOSS",r[r.UNKNOWN_PRICE=1]="UNKNOWN_PRICE",r[r.INSUFFICIENT_SLIPPAGE=2]="INSUFFICIENT_SLIPPAGE",r[r.HIGH_SLIPPAGE=3]="HIGH_SLIPPAGE",r))(nt||{});function Hs(t,e){return e.find(o=>o.name===t)?.displayName}s(Hs,"getBlockchainDisplayNameFor");function hr(t,e){return e.find(o=>o.name===t)?.shortName}s(hr,"getBlockchainShortNameFor");function yr(t,e){return e.find(o=>Ae(o,t))??null}s(yr,"findToken");function Sr(t,e){return e.find(o=>o.name===t)??null}s(Sr,"findBlockchain");import{i18n as Me}from"@lingui/core";import{PendingSwapNetworkStatus as Xo}from"@rango-dev/queue-manager-rango-preset";import Ce from"bignumber.js";function Vo(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,i=e[e.length-1];n!=i&&e.push(n),i=e[e.length-1],r!=i&&e.push(r)}),e}s(Vo,"getRequiredWallets");function jo(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}s(jo,"isValidAddress");import{i18n as me}from"@lingui/core";var G=s(()=>({genericServerError:me.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:me.t("Please reset your liquidity sources."),description:me.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources")},noResultError:{title:me.t("No Routes Found"),description:me.t("Reasons why Rango couldn't find a route: low liquidity on token, very low input amount or no routes available for the selected input/output token combination.")},bridgeLimitErrors:{increaseAmount:me.t("Bridge Limit Error: Please increase your amount"),decreaseAmount:me.t("Bridge Limit Error: Please decrease your amount")},highValueLossError:{impactTitle:me.t("High Price Impact"),title:me.t("Price impact is too high!"),description:me.t("The price impact is significantly higher than the allowed amount. If you are sure, continue, otherwise, change the swap."),confirmMessage:me.t("Confirm High price impact")},quoteUpdatedWithHighValueLoss:{title:me.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:me.t("USD Price Unknown"),title:me.t("USD Price Unknown, Cannot calculate Price Impact."),description:me.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:me.t("Confirm USD Price Unknown")}}),"errorMessages");function Qs(t){switch(t.type){case 0:return t.diagnosisMessage??G().noResultError.title;case 1:return G().genericServerError;default:return""}}s(Qs,"getQuoteErrorMessage");import{i18n as Ko}from"@lingui/core";var ht=s(()=>({connectWallet:Ko.t("Connect Wallet"),swap:Ko.t("Swap"),swapAnyway:Ko.t("Swap anyway"),ethWarning:Ko.t("The route goes through Ethereum. Continue?")}),"swapButtonTitles");function Vs(t,e){return!t||!e||t.lte(be)||e.lte(be)?0:e.div(t).minus(1).multipliedBy(100).toNumber()}s(Vs,"getOutputRatio");function Zo(t,e){return(parseInt(e.toFixed(2)||"0")<=-10&&t?.gte(new Ce(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new Ce(1e3)))??!1}s(Zo,"hasHighValueLoss");function Kt(t){return(t?.result?.swaps||[]).filter(e=>{let o=e.fromAmountMinValue?new Ce(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Ce(e.fromAmountMaxValue):null;return e.fromAmountRestrictionType==="EXCLUSIVE"?o?.gte(e.fromAmount)||n?.lte(e.fromAmount):o?.gt(e.fromAmount)||n?.lt(e.fromAmount)}).length>0}s(Kt,"hasLimitError");function Cr(t){let e=(t.result?.swaps||[]).filter(l=>{let p=l.fromAmountMinValue?new Ce(l.fromAmountMinValue):null,u=l.fromAmountMaxValue?new Ce(l.fromAmountMaxValue):null;return l.fromAmountRestrictionType==="EXCLUSIVE"?p?.gte(l.fromAmount)||u?.lte(l.fromAmount):p?.gt(l.fromAmount)||u?.lt(l.fromAmount)})[0],o=e.fromAmountMinValue?new Ce(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Ce(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",i="",a="";return!r&&o&&o.gt(e.fromAmount)?(i=Me.t({id:"Required: >= {min} {symbol}",values:{min:W(o,6,6),symbol:e.from.symbol}}),a=G().bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(i=Me.t({id:"Required: > {min} {symbol}",values:{min:W(o,6,6),symbol:e.from.symbol}}),a=G().bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(i=Me.t({id:"Required: <= {max} {symbol}",values:{max:W(n,6,6),symbol:e.from.symbol}}),a=G().bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(i=Me.t({id:"Required: < {max} {symbol}",values:{max:W(n,6,6),symbol:e.from.symbol}}),a=G().bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:i,recommendation:a}}s(Cr,"getLimitErrorMessage");function js(t,e,o,n,r,i,a,l,p){return t!=="success"?{title:ht().connectWallet,state:"waitForConnecting",disabled:!0}:e.length==0?{title:ht().connectWallet,state:"waitForConnecting",disabled:!1}:o||!n||!n.result||r||!p||p==="0"?{title:ht().swap,disabled:!0,state:"swap"}:i||a?{title:ht().swapAnyway,disabled:!1,hasWarning:!0,state:"needToConfirm"}:l?{title:ht().ethWarning,disabled:!1,hasWarning:!0,state:"warning"}:{title:ht().swap,disabled:!1,state:"swap"}}s(js,"getSwapButtonState");function kr(t,e,o){return!((!o||o.lte(be))&&t?.result&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t.result)}s(kr,"canComputePriceImpact");function om(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,i=e[e.length-1];n!=i&&e.push(n),i=e[e.length-1],r!=i&&e.push(r)}),e}s(om,"requiredWallets");var nm=s((t,e,o,n)=>n?.find(i=>i.blockchain===t&&i.symbol?.toUpperCase()===e?.toUpperCase()&&i.address===o)?.usdPrice||null,"getUsdPrice");function rm(t,e){let o=be;for(let n=0;n<t.fee.length;n++){let r=t.fee[n];if(r.expenseType==="DECREASE_FROM_OUTPUT")continue;let i=nm(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new Ce(r.amount).multipliedBy(i||0))}return o}s(rm,"getUsdFeeOfStep");function Ro(t,e){return t.reduce((o,n)=>o.plus(rm(n,e)),be)}s(Ro,"getTotalFeeInUsd");function Tr(t){let e=new Map;return t.result?.swaps.forEach((o,n)=>{o.recommendedSlippage?.error&&e.set(n,o.recommendedSlippage.slippage)}),e.size>0?e:null}s(Tr,"checkSlippageErrors");function Ks(t,e){let o=new Map;return t.result?.swaps.forEach((n,r)=>{n.recommendedSlippage?.slippage&&parseInt(n.recommendedSlippage?.slippage)>e&&o.set(r,n.recommendedSlippage.slippage)}),o.size>0?o:null}s(Ks,"checkSlippageWarnings");function en(t){return t.result?.swaps.map(o=>o.recommendedSlippage)?.map(o=>o?.slippage||"0")?.filter(o=>parseFloat(o)>0)?.sort((o,n)=>parseFloat(n)-parseFloat(o))?.find(()=>!0)||null}s(en,"getMinRequiredSlippage");function Xs(t,e){return e?parseFloat(t)>=parseFloat(e):!0}s(Xs,"hasProperSlippage");function tn(t){let{fromToken:e,toToken:o,inputAmount:n,wallets:r,selectedWallets:i,disabledLiquiditySources:a,liquiditySources:l,excludeLiquiditySources:p,slippage:u,affiliateRef:m,affiliatePercent:c,affiliateWallets:S,initialQuote:g,destination:y}=t,x=i?.reduce((h,C)=>(h[C.chain]=C.address,h),{}),d=[];r?.forEach(h=>{let C=d.find(b=>b.blockchain===h.chain);C?C.addresses.push(h.address):d.push({blockchain:h.chain,addresses:[h.address]})});let w=!!g,f=Wt((g?.result?.swaps||[]).reduce((h,C)=>(h.push(C.from.blockchain,C.to.blockchain),C.internalSwaps&&Array.isArray(C.internalSwaps)&&C.internalSwaps.map(b=>{h.push(b.from.blockchain,b.to.blockchain)}),h),[]));return{amount:n.toString(),affiliateRef:m??void 0,affiliatePercent:c??void 0,affiliateWallets:S??void 0,checkPrerequisites:w,from:{address:e.address,blockchain:e.blockchain,symbol:e.symbol},to:{address:o.address,blockchain:o.blockchain,symbol:o.symbol},connectedWallets:d,selectedWallets:x??{},slippage:u.toString(),...y&&{destination:y},...p&&{swapperGroups:a.concat(l??[]),swappersGroupsExclude:!0},...!p&&{swapperGroups:l?.filter(h=>!a.includes(h)),swappersGroupsExclude:!1},...w&&{blockchains:f}}}s(tn,"createQuoteRequestBody");function Ys(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}s(Ys,"getWalletsForNewSwap");function Lt(t){return t.result?.outputAmount||null}s(Lt,"getQuoteOutputAmount");function it(t,e){return new Ce(e).div(new Ce(t)).minus(1).multipliedBy(100).toNumber()}s(it,"getPercentageChange");function Js(t,e){let o=Lt(t),n=Lt(e);if(!o||!n)return!1;let r=it(o,n);return r?r<=-1:!0}s(Js,"isOutputAmountChangedALot");function Zs(t,e){let o=t.validationStatus,n=ls(t);return e.sort((i,a)=>n.indexOf(i.chain)-n.indexOf(a.chain)).flatMap(i=>ra(i,o)||[]).filter(i=>!i.ok).map(i=>{let a=i.asset.symbol,l=W(new Ce(i.currentAmount.amount).shiftedBy(-i.currentAmount.decimals),8,8),p=W(new Ce(i.requiredAmount.amount).shiftedBy(-i.requiredAmount.decimals),8,8),u="";return i.reason==="FEE"&&(u=Me.t(" for network fee")),i.reason==="INPUT_ASSET"&&(u=Me.t(" for swap")),i.reason==="FEE_AND_INPUT_ASSET"&&(u=Me.t(" for input and network fee")),Me.t({id:"Needs \u2248 {requiredAmount} {symbol}{reason}, but you have {currentAmount} {symbol} in your {blockchain} wallet.",values:{requiredAmount:p,symbol:a,reason:u,currentAmount:l,blockchain:i.asset.blockchain}})})}s(Zs,"getBalanceWarnings");function Rs(t,e){return(t?new Ce(t):be).multipliedBy(e||0)}s(Rs,"calcOutputUsdValue");function Xt(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==Xo.NetworkChanged}s(Xt,"isNetworkStatusInWarningState");function ea(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 Xo.WaitingForConnectingWallet:n=n||Me.t("Waiting for connecting wallet");break;case Xo.WaitingForQueue:n=n||Me.t("Waiting for other running tasks to be finished");break;case Xo.WaitingForNetworkChange:n=n||Me.t("Waiting for changing wallet network");break;default:n=n||"";break}r=r||"",n=n||"";let a=n?.indexOf("code")!==-1&&n?.indexOf("reason")!==-1;return{shortMessage:n,detailedMessage:{content:r,long:a}}}s(ea,"getSwapMessages");function ta(t){let e=null;if(t.status==="failed"){let o=t.steps.slice().reverse().filter(n=>n.status==="success")[0];o&&(e={blockchain:o.toBlockchain,symbol:o.toSymbol,outputAmount:o.outputAmount,address:o.toSymbolAddress})}return e}s(ta,"getLastConvertedTokenInFailedSwap");function oa(t){return t.status==="failed"&&!!t.finishTime&&new Date().getTime()-parseInt(t.finishTime)<4*3600*1e3}s(oa,"shouldRetrySwap");function na(t,e,o,n,r,i){return t||!e&&!om(n).every(a=>r.map(l=>l.chain).includes(a))||!!e&&!o||!!e&&!!o&&i&&!jo(i,o)}s(na,"confirmSwapDisabled");function wr(t,e,o){return o&&t.find(n=>{let r=e?.split("--");return r?.length===1?n.symbol===r[0]&&n.address===null&&n.blockchain===o.name:n.symbol===r?.[0]&&n.address===r?.[1]&&n.blockchain===o.name})||null}s(wr,"searchParamsToToken");function sa(t){return t?.result?.swaps[t?.result?.swaps.length-1].to.usdPrice}s(sa,"getQuoteToTokenUsdPrice");function vr(t,e){let o=t.result?.swaps||[],n=e.result?.swaps||[];return o.length!==n.length}s(vr,"isNumberOfSwapsChanged");function xr(t,e){let o=t.result?.swaps.map(r=>r.swapperId)||[],n=e.result?.swaps.map(r=>r.swapperId)||[];return!sr(o,n)}s(xr,"isQuoteSwappersUpdated");function br(t,e){let o=t.result?.swaps.map(r=>r.to.symbol)||[],n=e.result?.swaps.map(r=>r.to.symbol)||[];return!sr(o,n)}s(br,"isQuoteInternalCoinsUpdated");function aa(t,e){return vr(t,e)||xr(t,e)||br(t,e)}s(aa,"isQuoteChanged");function ra(t,e){if(e===null)return null;let o=e?.find(n=>n.blockchain===t.chain)?.wallets.find(n=>n.address?.toLowerCase()===t.address.toLowerCase());return o?o.requiredAssets:null}s(ra,"getRequiredBalanceOfWallet");function Je(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}s(Je,"getPriceImpactLevel");function la(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],i=sm(t.steps),a={blockchain:r.toBlockchain,symbol:r.toSymbol,address:r.toSymbolAddress},l=Sr(i?i.toBlockchain:n.fromBlockchain,e),p=Sr(r.toBlockchain,e),u=yr(i?{blockchain:l?.name??"",symbol:i.toSymbol,address:i.toSymbolAddress}:{blockchain:l?.name??"",symbol:n.fromSymbol,address:n.fromSymbolAddress},o),m=yr(a,o),c=i?i.outputAmount??"":t.inputAmount;return{fromBlockchain:l,fromToken:u,toBlockchain:p,toToken:m,inputAmount:c}}s(la,"createRetryQuote");function on(t,e){let{fromToken:o,toToken:n,tokens:r,userSlippage:i}=e,a=yt(o,t.requestAmount),l=yt(n,t.result?.outputAmount??"");if(t.result&&a&&l){let m=it(a.toString(),l.toString());if(Zo(a,m)){let S=Ro(t.result.swaps,r),g=Je(m);return{type:0,inputUsdValue:a,outputUsdValue:l,priceImpact:m,totalFee:S,warningLevel:g}}}else if(t.result&&(!a||!l))return{type:1};let p=en(t),u=i>Ts;if(Xs(e.userSlippage.toString(),p)){if(u&&parseFloat(p??"0")<i)return{type:3,slippage:i.toString()}}else return{type:2,recommendedSlippages:Ks(t,i),minRequiredSlippage:p};return null}s(on,"generateQuoteWarnings");function Bt(t,e){let o=typeof e=="string"?parseFloat(e)<=0:!e?.gt(0);return!t||!e||o?null:it(t.toString(),e.toString())}s(Bt,"getPriceImpact");var yt=s((t,e)=>t?.usdPrice?new st(e||be).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),P=Qe(am()(lm(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new st(0),outputUsdValue:new st(0),toBlockchain:null,toToken:null,quote:null,quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:"",quoteWarningsConfirmed:!1,setQuote:e=>t(o=>{let n=null,r=be;return Vt(o.inputAmount)?(e&&(n=e.result?.outputAmount?new st(e.result?.outputAmount):null,r=Rs(e.result?.outputAmount,sa(e)||o.toToken?.usdPrice)),{quote:e,...!!e&&{outputAmount:n,outputUsdValue:r}}):{}}),resetQuote:()=>t(()=>({quote:null,outputAmount:null,outputUsdValue:new st(0)})),setFromBlockchain:e=>{t(o=>o.fromBlockchain?.name===e?.name?{}:{fromBlockchain:e,...o.fromToken&&{quote:null,fromToken:null,outputAmount:null,outputUsdValue:null}})},setFromToken:e=>t(o=>({fromToken:e.token,...e.token&&{fromBlockchain:e.meta.blockchains.find(n=>n.name===e.token.blockchain)??null},...!!o.inputAmount&&{inputUsdValue:yt(e.token,o.inputAmount)}})),setToBlockchain:e=>{t(o=>o.toBlockchain?.name===e?.name?{}:{toBlockchain:e,...o.toToken&&{quote:null,toToken:null,outputAmount:null,outputUsdValue:null}})},setToToken:e=>t(()=>({toToken:e.token,...e.token&&{toBlockchain:e.meta.blockchains.find(o=>o.name===e.token.blockchain)??null}})),setInputAmount:e=>{t(o=>({inputAmount:e,...!e&&{outputAmount:new st(0),outputUsdValue:new st(0),quote:null},...!!o.fromToken&&{inputUsdValue:yt(o.fromToken,e)}}))},retry:(e,o)=>{let{tokens:n,blockchains:r}=o,{fromBlockchain:i,fromToken:a,toBlockchain:l,toToken:p,inputAmount:u}=la(e,r,n);t({fromBlockchain:i,fromToken:a,inputAmount:u,outputAmount:null,inputUsdValue:yt(a??null,u),outputUsdValue:new st(0),toBlockchain:l,toToken:p,quote:null})},switchFromAndTo:()=>t(e=>({fromBlockchain:e.toBlockchain,fromToken:e.toToken,toBlockchain:e.fromBlockchain,toToken:e.fromToken,inputAmount:e.outputAmount?.toString()||"",inputUsdValue:yt(e.toToken,e.outputAmount?.toString()||"")})),resetFromBlockchain:()=>t(()=>({fromToken:null,fromBlockchain:null,outputAmount:null,outputUsdValue:null,quote:null})),resetToBlockchain:()=>t(()=>({toToken:null,toBlockchain:null,outputAmount:null,outputUsdValue:null,quote:null})),setQuoteWalletConfirmed:e=>t({quoteWalletsConfirmed:e}),setSelectedWallets:e=>t({selectedWallets:e}),setCustomDestination:e=>t({customDestination:e}),resetQuoteWallets:()=>t({quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:""}),setQuoteWarningsConfirmed:e=>t({quoteWarningsConfirmed:e})}))));var um=pa("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),cm=pa("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 ua(){let t=P.use.switchFromAndTo();return Er.createElement(um,null,Er.createElement(cm,{onClick:()=>{t()}},Er.createElement(pm,{size:12})))}s(ua,"SwitchFromAndToButton");import{Divider as Rm}from"@rango-dev/ui";import ut from"react";import{i18n as Nr}from"@lingui/core";import{Alert as Sm,ChevronDownIcon as Cm,ChevronRightIcon as Da,Divider as Lr,Image as Fa,InfoIcon as km,QuoteCost as Tm,StepDetails as wm,TokenAmount as vm,Tooltip as Oa,Typography as Pt}from"@rango-dev/ui";import N,{useLayoutEffect as xm,useRef as bm,useState as Em}from"react";import{styled as Ar}from"@rango-dev/ui";var Ir=Ar("div",{width:"100%",paddingTop:"$2"}),ca=Ar("div",{paddingBottom:"$15"}),ma=Ar("div",{width:"100%",display:"flex"});import*as rn from"@radix-ui/react-collapsible";import{darkTheme as Ve,Image as Ia,styled as at}from"@rango-dev/ui";import*as $t from"@radix-ui/react-collapsible";import{Button as mm,darkTheme as Mt,IconButton as dm,keyframes as da,styled as ge,TextField as fm}from"@rango-dev/ui";var Yt=300,gm=da({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),hm=da({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),fa=ge("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),ga=ge("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}),ha=ge("button",{borderRadius:"$xm",padding:"$10",border:"0",display:"flex",justifyContent:"center",$$color:"$colors$neutral100",[`.${Mt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",alignItems:"center",cursor:"pointer",width:110,position:"relative","&:hover":{$$color:"$colors$info100",[`.${Mt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$color:"$colors$info100",[`.${Mt} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color",outline:0},variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary",outlineStyle:"solid"}}}}),ya=ge($t.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit"}),Sa=ge("div",{padding:"$20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),Ca=ge(dm,{position:"absolute",left:"$20"}),ka=ge("div",{paddingTop:"$20","& .wallets-list":{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}}),Ta=ge($t.Root,{backgroundColor:"$neutral200",borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),wa=ge(mm,{width:"100%",borderRadius:"$sm !important",padding:"$15 !important",justifyContent:"space-between",alignItems:"center",$$color:"$colors$neutral100",[`.${Mt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color","&:hover":{$$color:"$colors$info100",[`.${Mt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$background:"$colors$info100",[`.${Mt} &`]:{$$background:"$colors$info700"},backgroundColor:"$$background",outline:0}}),va=ge("div",{padding:"$10 $0","& .button__content":{display:"flex",justifyContent:"center",alignItems:"center"},"& .alarms":{paddingTop:"5px"}}),xa=ge("div",{transition:`all ${Yt}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),ba=ge("div",{display:"flex"}),Ea=ge(fm,{padding:"$0 $15 $15 $15"}),nn=ge($t.Content,{overflow:"hidden",variants:{open:{true:{animation:`${gm} ${Yt}ms ease-out`},false:{animation:`${hm} ${Yt}ms ease-out`}}}}),Aa=ge("div",{overflow:"visible",width:"100%"});var Wr=300,Wa=at(rn.Root,{display:"flex",flexDirection:"column",alignItems:"start",overflowX:"auto",overflowY:"hidden",width:"100%",borderRadius:"$xm",variants:{recommended:{true:{$$color:"$colors$info300",[`.${Ve} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"},false:{$$color:"$colors$neutral400",[`.${Ve} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}}},"& .steps-details":{padding:"$10 $15"}}),Na=at("div",{borderRadius:"$xm",display:"flex",flexDirection:"column",alignItems:"start",justifyContent:"space-between",color:"$foreground",cursor:"pointer",boxSizing:"border-box",position:"relative",variants:{recommended:{true:{$$color:"$colors$info100",[`.${Ve} &`]:{$$color:"$colors$secondary600"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}},false:{$$color:"$colors$neutral200",[`.${Ve} &`]:{$$color:"$colors$neutral500"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}}},basic:{true:{borderTopRightRadius:"0",borderTopLeftRadius:"0"}},listItem:{true:{},false:{}}},compoundVariants:[{listItem:!0,recommended:!0,css:{"&:hover":{$$color:"$colors$secondary200",[`.${Ve} &`]:{$$color:"$colors$secondary700"},backgroundColor:"$$color"}}},{listItem:!0,recommended:!1,css:{"&:hover":{$$color:"$colors$neutral300",[`.${Ve} &`]:{$$color:"$colors$neutral400"},backgroundColor:"$$color"}}}],"& .summary":{width:"100%",padding:"$15 $15 $10 $15"},"& .basic-info":{paddingTop:"$10",display:"flex",alignItems:"center",".usd-value":{$$color:"$colors$neutral600",[`.${Ve} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}}),La=at(rn.Trigger,{display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",height:"$36",padding:"$10 $15",boxSizing:"border-box",cursor:"pointer",border:"none",outline:"none",backgroundColor:"transparent",variants:{error:{true:{[`& ${Ia}`]:{border:"1px $warning500 solid",borderRadius:"100%"}},false:{[`& ${Ia}`]:{border:"1px transparent solid",borderRadius:"100%"}}},recommended:{true:{$$color:"$colors$info300",[`.${Ve} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"},false:{$$color:"$colors$neutral400",[`.${Ve} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}}},"& div:nth-child(1)":{display:"flex"}}),Ba=at(nn,{width:"100%"}),sn=at("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$2",transition:`all ${Wr}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),QT=at("div",{height:"$12",marginLeft:"$10",marginRight:"$10",borderLeft:"1px solid $foreground"}),Ma=at("div",{display:"flex",justifyContent:"center",margin:"0 $15",borderTop:"1px solid",$$color:"$colors$neutral300",[`.${Ve} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color"}),$a=at("div",{width:"$16",height:"$16",justifyContent:"center",alignItems:"center",display:"flex"});import{TokenAmount as _a}from"@rango-dev/ui";import an from"react";import{styled as ym}from"@rango-dev/ui";var Pa=ym("div",{position:"relative",display:"flex",flexDirection:"column",width:"100%","& .separator":{height:"14px",marginLeft:"14px",position:"absolute",borderLeft:"1px solid $foreground",top:"42%"}});function Jt(t){let{from:e,to:o,percentageChange:n,warningLevel:r}=t;return an.createElement(Pa,null,an.createElement(_a,{direction:"horizontal",label:"Swap input",type:"input",price:{value:e.price.value,usdValue:e.price.usdValue},token:{displayName:e.token.displayName,image:e.token.image},chain:{image:e.chain.image}}),an.createElement("div",{className:"separator"}),an.createElement(_a,{direction:"horizontal",label:"Estimated output",type:"output",price:{value:o.price.value,usdValue:o.price.usdValue},token:{displayName:o.token.displayName,image:o.token.image},chain:{image:o.chain.image},percentageChange:n,warningLevel:r}))}s(Jt,"QuoteSummary");function Br(t){let{quote:e,input:o,output:n,error:r,warning:i,type:a,recommended:l=!0}=t,p=T().tokens(),[u,m]=Em(t.expanded),c=bm(null),S=W(Ro(e.result?.swaps??[],p),2,2),g=Ao(Io(e.result?.swaps)),y=Bt(o.usdValue,n.usdValue??null),x=W(String(y),2,2),d=Je(y??0),f=s(h=>h.map((C,b)=>{let B,A=r?.type===3&&r.swap.swapperId===C.swapperId||i?.type===2&&i.recommendedSlippages?.has(b),_=i?.type===2&&i.recommendedSlippages?.has(b);return A?B="error":_&&(B="warning"),{swapper:{displayName:C.swapperId,image:C.swapperLogo},from:{token:{displayName:C.from.symbol,image:C.from.logo},chain:{displayName:C.from.blockchain,image:C.from.blockchainLogo},price:{value:b===0?W(o.value,6,6):C.fromAmount}},to:{token:{displayName:C.to.symbol,image:C.to.logo},chain:{displayName:C.to.blockchain,image:C.to.blockchainLogo},price:{value:C.toAmount}},state:B,alerts:A||_?N.createElement(ca,null,N.createElement(Sm,{type:A?"error":"warning",title:r?.type===3?r?.recommendation:Nr.t("Slippage Error:"),footer:N.createElement(ma,null,r?.type===3&&N.createElement(N.Fragment,null,N.createElement(Pt,{size:"xsmall",variant:"body",color:"neutral900"},r.fromAmountRangeError),N.createElement(Lr,{direction:"horizontal",size:8}),N.createElement(Pt,{size:"xsmall",variant:"body",color:"neutral900"},"|"),N.createElement(Lr,{direction:"horizontal",size:8}),N.createElement(Pt,{size:"xsmall",variant:"body",color:"neutral900"},Nr.t({id:"Yours: {amount} {symbol}",values:{amount:W(C.fromAmount,6,6),symbol:C?.from.symbol}}))),(r?.type===4||i?.type===2)&&N.createElement(Pt,{size:"xsmall",variant:"body",color:"neutral900"},Nr.t({id:"min required Slippage: {minRequiredSlippage}",values:{...r?.type===4&&{minRequiredSlippage:r.recommendedSlippages?.get(b)},...i?.type===2&&{minRequiredSlippage:i.recommendedSlippages?.get(b)}}})))})):void 0}}),"getQuoteSteps")(e.result?.swaps??[]),k=f.length;return xm(()=>{u&&c.current&&setTimeout(()=>{c?.current?.scrollIntoView({behavior:"smooth"})},Wr)},[u]),N.createElement(N.Fragment,null,N.createElement(Na,{recommended:l,listItem:a==="list-item",basic:a==="basic"},N.createElement("div",{className:"summary"},N.createElement(Tm,{fee:S,time:g,steps:k}),a==="basic"&&N.createElement("div",{className:"basic-info"},N.createElement($a,null,N.createElement(km,{size:12,color:"gray"})),N.createElement(Pt,{size:"small",variant:"body",style:{letterSpacing:.4}},`${o.value} ${f[0].from.token.displayName} = ${n.value} ${f[f.length-1].to.token.displayName}`),N.createElement(Pt,{color:"$neutral600",ml:2,size:"xsmall",variant:"body"},`($${n.usdValue})`)),a==="list-item"&&N.createElement(vm,{type:"output",direction:"vertical",price:{value:n.value,usdValue:n.usdValue},token:{displayName:f[k-1].to.token.displayName,image:f[k-1].to.token.image},chain:{image:f[k-1].to.chain.image},percentageChange:x,warningLevel:d}),a==="swap-preview"&&N.createElement(N.Fragment,null,N.createElement(Jt,{from:f[0].from,to:f[k-1].to,percentageChange:x,warningLevel:d}),N.createElement(Lr,{size:4}))),N.createElement(Wa,{recommended:l,open:u,onOpenChange:m},N.createElement(La,{ref:h=>c.current=h,recommended:l,onClick:m.bind(null,h=>!h)},N.createElement("div",null,f.map((h,C)=>{let b=`item-${C}`;return N.createElement(N.Fragment,{key:b},N.createElement(Oa,{container:t.tooltipContainer,side:"bottom",sideOffset:4,content:h.from.chain.displayName},N.createElement(Fa,{src:h.from.chain.image,size:16})),C===k-1&&N.createElement(N.Fragment,null,N.createElement(sn,null,N.createElement(Da,{size:12,color:"black"})),N.createElement(Oa,{container:t.tooltipContainer,side:"bottom",sideOffset:4,content:h.to.chain.displayName},N.createElement(Fa,{src:h.to.chain.image,size:16}))),C!==k-1&&N.createElement(sn,null,N.createElement(Da,{size:12,color:"black"})))})),N.createElement(sn,{orientation:u?"up":"down"},N.createElement(Cm,{size:12,color:"black"}))),N.createElement(Ba,{open:u},N.createElement(Ma,null),N.createElement("div",{className:"steps-details"},f.map((h,C)=>{let b=`item-${C}`;return N.createElement(wm,{type:"quote-details",key:b,step:h,hasSeparator:C!==f.length-1,state:h.state})}))))))}s(Br,"Quote");import{ChainToken as ln,Divider as $e,NextIcon as Im,Skeleton as he}from"@rango-dev/ui";import E from"react";import{darkTheme as Am,styled as Ua}from"@rango-dev/ui";var za=Ua("div",{$$color:"$colors$neutral100",[`.${Am} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",borderBottomLeftRadius:"$xm",borderBottomRightRadius:"$xm",padding:"$15 ","& .cost-and-tag":{display:"flex",justifyContent:"space-between",alignItems:"center",height:"22px"},variants:{rounded:{true:{borderRadius:"$xm"}}},"& .cost":{display:"flex"},"& .basic-summary":{padding:"$15 $0 14px $0"},"& .output":{padding:"$6 $0 $15 $0",display:"flex",flexDirection:"column"},"& .output__token-info":{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$5"},"& .quote-summary":{display:"flex",justifyContent:"space-between",alignItems:"end"},"& .quote-summary__separator":{height:"$28",marginLeft:"13px",borderLeft:"1px solid $neutral700"},"& .token-amount":{display:"flex",justifyContent:"space-between"},"& .token-amount__label":{display:"flex",flexDirection:"column",alignItems:"start"},"& .chains":{paddingTop:"$2"},"& .swap-preview":{padding:"$15 $0 $15 $0"},"& .steps":{paddingLeft:"$8"},"& .step__title":{display:"flex",alignItems:"center"},"& .step__content":{display:"flex",alignItems:"start"},"& .step__tokens":{paddingTop:"$5",paddingBottom:"$10",display:"flex",alignItems:"center"},"& .step__token-info":{display:"flex",alignItems:"center"},"& .step__icon-container":{margin:"$0 $2",padding:"$4",display:"flex",justifyContent:"center",alignItems:"center"}}),qa=Ua("div",{borderLeft:"1px dashed black",minHeight:" 64px",margin:"0px 11.5px",alignSelf:"stretch",variants:{hideSeparator:{true:{minHeight:"unset",height:"0"}}}});function Mr(t){let{separator:e=!0}=t;return E.createElement(E.Fragment,null,E.createElement("div",{className:"step__title"},E.createElement(he,{height:22,width:22,variant:"circular"}),E.createElement($e,{direction:"horizontal",size:8}),E.createElement(he,{height:15,width:148,variant:"rounded"})),E.createElement("div",{className:"step__content"},E.createElement(qa,{hideSeparator:!e}),E.createElement("div",{className:"step__tokens"},E.createElement("div",{className:"step__token-info"},E.createElement(ln,{size:"small",loading:!0,chainImage:"",tokenImage:""}),E.createElement($e,{direction:"horizontal",size:8}),E.createElement(he,{height:12,width:76,variant:"rounded"})),E.createElement("div",{className:"step__icon-container"},E.createElement(Im,{color:"gray",size:16})),E.createElement("div",{className:"step__token-info"},E.createElement(ln,{size:"small",loading:!0,chainImage:"",tokenImage:""}),E.createElement($e,{direction:"horizontal",size:8}),E.createElement(he,{height:12,width:76,variant:"rounded"})))))}s(Mr,"StepSkeleton");function $r(t){let{type:e,expanded:o,tag:n=!1}=t,r=E.createElement("div",{className:"quote-summary"},E.createElement("div",{className:"token-amount"},E.createElement(ln,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),E.createElement($e,{size:8,direction:"horizontal"}),E.createElement("div",{className:"token-amount__label"},E.createElement(he,{height:10,width:60,variant:"rounded"}),E.createElement($e,{size:4}),E.createElement(he,{height:15,width:148,variant:"rounded"}))),E.createElement(he,{height:12,width:64,variant:"rounded"}));return E.createElement(za,null,E.createElement("div",{className:"cost-and-tag"},E.createElement("div",{className:"cost"},E.createElement(he,{width:60,height:10,variant:"rounded"}),E.createElement($e,{size:4,direction:"horizontal"}),E.createElement(he,{width:60,height:10,variant:"rounded"}),E.createElement($e,{size:4,direction:"horizontal"}),E.createElement(he,{width:60,height:10,variant:"rounded"})),n&&E.createElement(he,{height:22,width:100,variant:"rounded"})),e==="basic"&&E.createElement("div",{className:"basic-summary"},E.createElement(he,{height:15,width:148,variant:"rounded"})),e==="list-item"&&E.createElement("div",{className:"output"},E.createElement("div",{className:"output__token-info"},E.createElement(ln,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),E.createElement($e,{direction:"horizontal",size:4}),E.createElement(he,{height:15,width:150,variant:"rounded"})),E.createElement($e,{size:4}),E.createElement(he,{height:10,width:184,variant:"rounded"})),e==="swap-preview"&&E.createElement(E.Fragment,null,E.createElement($e,{size:4}),E.createElement("div",{className:"swap-preview"},r,E.createElement("div",{className:"quote-summary__separator"}),r)),E.createElement("div",{className:"chains"},E.createElement(he,{height:15,width:321,variant:"rounded"})),o&&E.createElement("div",{className:"steps"},E.createElement($e,{size:20}),E.createElement(Mr,null),E.createElement(Mr,null),E.createElement(Mr,{separator:!1})))}s($r,"QuoteSkeleton");import{i18n as Km}from"@lingui/core";import{Alert as Xm,Button as Ym,InfoIcon as Jm}from"@rango-dev/ui";import Ee from"react";import{useNavigate as Zm}from"react-router-dom";import{Alert as Wm,Button as Nm,Divider as Ka,NoRouteIcon as Lm,RefreshIcon as Bm,Typography as Xa}from"@rango-dev/ui";import Pe from"react";import{i18n as Ga}from"@lingui/core";function Ha(t,e,o,n){return t?.type===1?{alert:{type:"warning",text:G().genericServerError,action:{onClick:n,title:Ga.t("Retry")}},description:""}:t?.type===0&&t.diagnosisMessage?{alert:{type:"error",text:t.diagnosisMessage,action:null},description:""}:e.length?{alert:{type:"warning",text:G().liquiditySourcesError.title,action:{onClick:()=>o(!0),title:Ga.t("Reset")}},description:G().liquiditySourcesError.description}:{alert:null,description:G().noResultError.description}}s(Ha,"makeInfo");import{styled as Pr}from"@rango-dev/ui";var Qa=Pr("div",{minHeight:"162px",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"}),Va=Pr("div",{width:"100%"}),ja=Pr("div",{padding:"$6 $0"});function _r(t){let{fetch:e,error:o}=t,n=D.use.disabledLiquiditySources(),r=D.use.toggleAllLiquiditySources(),i=T().swappers(),a=Ha(o,n,()=>r(i,!0),e);return Pe.createElement(Qa,null,Pe.createElement(Lm,{size:24,color:"gray"}),Pe.createElement(Ka,{size:4}),Pe.createElement(Xa,{variant:"title",size:"small"},G().noResultError.title),!!a.description&&Pe.createElement(Xa,{variant:"body",size:"small",align:"center",color:"neutral700"},a.description),Pe.createElement(Ka,{size:4}),!!a.alert&&Pe.createElement(Va,null,Pe.createElement(Wm,{type:a.alert.type,title:a.alert.text,action:a.alert.action&&Pe.createElement(Nm,{size:"xsmall",type:a.alert.type,prefix:Pe.createElement(ja,null,Pe.createElement(Bm,{size:8})),onClick:a.alert.action.onClick},a.alert.action.title),variant:"alarm"})))}s(_r,"NoResult");import{i18n as eo}from"@lingui/core";import{Button as $m,Divider as tl,MessageBox as Pm,Modal as _m,Typography as Dm,WarningIcon as Fm}from"@rango-dev/ui";import je from"react";import{Typography as Ra}from"@rango-dev/ui";import Fr from"react";import{darkTheme as Mm,styled as pn}from"@rango-dev/ui";var Ya=pn("div",{width:"100%",paddingTop:"$10"}),Dr=pn("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),Ja=pn("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%","._title":{$$color:"$colors$neutral600",[`.${Mm} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Za=pn("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});function el(t){let{title:e,value:o,valueColor:n}=t;return Fr.createElement(Ja,null,Fr.createElement(Ra,{size:"medium",variant:"label",className:"_title"},e),Fr.createElement(Ra,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}s(el,"QuoteErrorsModalItem");function ol(t){let{open:e,onClose:o,onConfirm:n,warning:r}=t,i=r.warningLevel==="high"?"error":"warning",a=[{title:eo.t("Swapping"),value:W(r.inputUsdValue,4,4)},{title:eo.t("Gas cost"),value:W(r.totalFee,2,2)},{title:eo.t("Receiving"),value:W(r.outputUsdValue,4,4)},{title:eo.t("Price impact"),value:W(r.priceImpact,2,2),valueColor:`${i}500`}];return je.createElement(_m,{open:e,onClose:o,container:Z()},je.createElement(Pm,{type:i,title:G().highValueLossError.impactTitle,description:G().highValueLossError.description}),je.createElement(Dr,null,je.createElement(tl,{size:20}),je.createElement(Dm,{size:"small",variant:"title"},eo.t("Details")),je.createElement(Dr,null,a.map((l,p)=>je.createElement(el,{key:p,...l})))),je.createElement(tl,{size:32}),je.createElement($m,{type:"primary",size:"large",prefix:je.createElement(Fm,null),fullWidth:!0,onClick:n},G().highValueLossError.confirmMessage))}s(ol,"HighValueLossWarningModal");import{i18n as nl}from"@lingui/core";function rl(t,e){let o={alertType:"warning",title:"",action:"show-info"};return t?(t.type===0&&(Je(t.priceImpact)==="high"&&(o.alertType="error"),o.title=G().highValueLossError.title),t.type===1&&(o.title=G().unknownPriceError.title),t.type===2&&(o.title=nl.t({id:"minimum required slippage for this route: {minRequiredSlippage}",values:{minRequiredSlippage:t.minRequiredSlippage}})),t.type===3&&(o.title=nl.t("Caution, your slippage is high")),o):e?(o.alertType="error",e.type===3&&(o.title=e.recommendation,o.action=null),e.type===4&&(o.title="",o.action="change-settings"),o):null}s(rl,"makeAlerts");import{i18n as _t}from"@lingui/core";import{Button as il,Divider as sl,MessageBox as Om,Modal as Um,Typography as zm}from"@rango-dev/ui";import St from"react";import{useNavigate as qm}from"react-router-dom";function al(t){let{customSlippage:e,slippage:o}=D(),{open:n,onClose:r,onConfirm:i,warning:a}=t,l=qm(),p=e??o;return St.createElement(Um,{anchor:"bottom",open:n,prefix:St.createElement(il,{size:"small",variant:"ghost",onClick:()=>l("../"+M.settings)},St.createElement(zm,{variant:"label",size:"medium",color:"$neutral900"},_t.t("Change settings"))),container:Z(),onClose:r},St.createElement(Om,{type:"warning",title:a.type===3?_t.t("High slippage"):_t.t("Low slippage"),description:a.type===3?_t.t({id:" Caution, your slippage is high (={userSlippage}). Your trade may be front run.",values:{userSlippage:p}}):_t.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:a.minRequiredSlippage}})},St.createElement(sl,{size:18}),St.createElement(sl,{size:32}),St.createElement(il,{size:"large",type:"primary",variant:"contained",fullWidth:!0,onClick:i},_t.t("Confirm anyway"))))}s(al,"SlippageWarningModal");import{Button as Gm,Divider as Hm,MessageBox as Qm,Modal as Vm,WarningIcon as jm}from"@rango-dev/ui";import to from"react";function ll(t){let{open:e,onClose:o,onConfirm:n}=t;return to.createElement(Vm,{open:e,onClose:o,container:Z()},to.createElement(Qm,{type:"warning",title:G().unknownPriceError.impactTitle,description:G().unknownPriceError.description}),to.createElement(Hm,{size:32}),to.createElement(Gm,{type:"primary",size:"large",prefix:to.createElement(jm,null),fullWidth:!0,onClick:n},G().unknownPriceError.confirmMessage))}s(ll,"UnknownPriceWarningModal");function Or(t){let{warning:e,error:o,refetchQuote:n,showWarningModal:r,onOpenWarningModal:i,onCloseWarningModal:a,onConfirmWarningModal:l}=t,p=Zm(),u={open:r,onClose:a,onConfirm:l},m=o?.type===0||o?.type===1,c=rl(e,o?.type===3||o?.type===4?o:null);return Ee.createElement(Ee.Fragment,null,m&&Ee.createElement(_r,{error:o,fetch:n}),!!c&&Ee.createElement(Ya,null,Ee.createElement(Xm,{title:c.title,type:c.alertType,variant:"alarm",action:c.action==="show-info"?Ee.createElement(Za,{onClick:i},Ee.createElement(Jm,{size:12,color:"gray"})):Ee.createElement(Ym,{size:"xsmall",type:"error",onClick:()=>p(M.settings)},Km.t("Change Settings"))})),e&&Ee.createElement(Ee.Fragment,null,e.type===0&&Ee.createElement(ol,{...u,warning:e}),(e.type===3||e.type===2)&&Ee.createElement(al,{...u,warning:e}),e.type===1&&Ee.createElement(ll,{...u,warning:e})))}s(Or,"QuoteWarningsAndErrors");function oo(t){let{quote:e,type:o,loading:n,error:r,warning:i,refetchQuote:a,showWarningModal:l,onOpenWarningModal:p,onCloseWarningModal:u,onConfirmWarningModal:m,expanded:c=!1}=t,{inputAmount:S,inputUsdValue:g,outputUsdValue:y,outputAmount:x}=P(),d=e&&e.result&&!n;return ut.createElement(ut.Fragment,null,n&&ut.createElement(Ir,null,ut.createElement($r,{type:o,expanded:c})),d?ut.createElement(Ir,null,ut.createElement(Br,{quote:e,error:r,warning:i,type:o,expanded:c,recommended:!0,input:{value:W(S,6,6),usdValue:W(g,4,4)},output:{value:W(x,6,6),usdValue:W(y,4,4)}})):null,!i&&!r&&ut.createElement(Rm,{size:16}),(i||r)&&ut.createElement(Or,{warning:i,error:r,loading:n,refetchQuote:a,showWarningModal:l,onOpenWarningModal:p,onCloseWarningModal:u,onConfirmWarningModal:m}))}s(oo,"QuoteInfo");import{useEffect as ul,useRef as nd,useState as Ur}from"react";function un(t){if(!t.result)throw new Error(G().noResultError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});if(Kt(t)){let{swap:n,recommendation:r,fromAmountRangeError:i}=Cr(t);throw new Error("bridge limit error",{cause:{type:3,swap:n,recommendation:r,fromAmountRangeError:i}})}let o=Tr(t);if(o){let n=en(t);throw new Error("",{cause:{type:4,recommendedSlippages:o,minRequiredSlippage:n}})}return t}s(un,"throwErrorIfResponseIsNotValid");function pl(t,e,o){let n=aa(t,e),r={quote:null,quoteUpdate:null,balance:null},i=on(e,{fromToken:o.fromToken,toToken:o.toToken,tokens:o.tokens,userSlippage:o.userSlippage});i&&(r.quote=i),n&&(Js(t,e)?r.quoteUpdate={type:3,newOutputAmount:W(Lt(e)),percentageChange:W(it(Lt(t)??"",Lt(e)??""),null,2)}:vr(t,e)?r.quoteUpdate={type:0}:xr(t,e)?r.quoteUpdate={type:1}:br(t,e)&&(r.quoteUpdate={type:2}));let a=Zs(e,o.selectedWallets);return a.length===0||(r.balance={messages:a}),r}s(pl,"generateWarnings");function cn(t){return t?.code==="ERR_CANCELED"?{swap:null,error:{type:2},warnings:null}:t.cause?{swap:null,error:t.cause,warnings:null}:{swap:null,error:{type:1},warnings:null}}s(cn,"handleQuoteErrors");import{useRef as td,useState as od}from"react";function mn(){let[t,e]=od(!1),o=td(null),n=s(()=>o.current?.abort(),"cancel");return{fetch:s(async i=>{n(),o.current=new AbortController,e(!0);try{let a=await At().getBestRoute(i,{signal:o.current.signal});return o.current=null,a}catch(a){throw a}finally{e(!1)}},"fetch"),loading:t,cancelFetch:n}}s(mn,"useFetchQuote");var rd=600;function cl(){let{fetch:t,cancelFetch:e}=mn(),{liquiditySources:o,enableNewLiquiditySources:n}=T().config,r=T().tokens(),{fromToken:i,toToken:a,inputAmount:l,inputUsdValue:p,resetQuote:u,setQuote:m}=P(),{slippage:c,customSlippage:S,affiliatePercent:g,affiliateRef:y,affiliateWallets:x,disabledLiquiditySources:d}=D(),[w,f]=Ur(!1),[k,h]=Ur(null),[C,b]=Ur(null),B=nd(d),A=S??c,L=!i||!a||Ae(i,a)||!Vt(l),H=s(O=>{f(O),h(null),b(null)},"resetState"),v=s(()=>{if(w||H(!0),!L){u();let O=tn({fromToken:i,toToken:a,inputAmount:l,liquiditySources:o,excludeLiquiditySources:n,disabledLiquiditySources:d,slippage:A,affiliateRef:y,affiliatePercent:g,affiliateWallets:x});t(O).then(U=>{f(!1),m(U),un(U);let ne=on(U,{fromToken:i,toToken:a,userSlippage:A,tokens:r});b(ne)}).catch(U=>{let{error:ne}=cn(U);(ne?.type===0||ne?.type===1)&&u(),ne?.type!==2&&(h(ne),f(!1))})}},"fetch"),z=ys(()=>{L||v()},rd);return ul(()=>{if(!Vt(l)||p?.eq(0)){H(!1),e();return}if(!L)return u(),H(!0),z(),e},[l,L]),ul(()=>{let O=!!B.current.length&&!d.length;return!L&&O&&v(),B.current=d,e},[d.length]),{fetch:v,loading:w,error:k,warning:C}}s(cl,"useSwapInput");var cd=qr("div",{display:"flex",flexDirection:"column",overflowY:"visible"}),md=qr("div",{position:"relative"}),dd=qr("div",{display:"flex",flexDirection:"column",gap:5,alignSelf:"stretch"});function dn(){let t=ud(),{fetch:e,loading:o,error:n,warning:r}=cl(),{fromToken:i,fromBlockchain:a,toToken:l,toBlockchain:p,setInputAmount:u,inputAmount:m,inputUsdValue:c,outputAmount:S,outputUsdValue:g,quote:y,resetQuoteWallets:x,setQuoteWarningsConfirmed:d}=P(),w=T().fetchStatus,f=V.use.connectedWallets(),k=Se.use.setCurrentPage(),[h,C]=pd(!1),b=ld(null),B=!1,A=Vs(c,g),_=Zo(c,A),L=!kr(y,m,c),H=!kr(y,m,g),v=js(w,f,o,y,Kt(y),_,L||H,B,m),z=a&&i?W(It(f,a?.name,i?.symbol,i?.address)?.amount||"0",8,8):"0",O=a&&i?W(It(f,a?.name,i?.symbol,i?.address)?.amount||"0",It(f,a?.name,i?.symbol,i?.address)?.decimal):"0";ad(()=>(k(M.home),x(),k.bind(null,"")),[]);let U=!c||!g||!g.gt(0)?null:it(c.toString(),g.toString());return Fe.createElement(j,{ref:b,fixedHeight:!1,hasLogo:!0,footer:Fe.createElement(id,{type:"primary",size:"large",disabled:v.disabled,prefix:!v.disabled&&v.hasWarning&&Fe.createElement(sd,null),fullWidth:!0,onClick:()=>{v.state==="waitForConnecting"?t(M.wallets):r?C(!0):t(M.confirmSwap)}},v.title),header:{onWallet:()=>{t(M.wallets)},hasBackButton:!1,title:zr.t("Swap"),suffix:Fe.createElement(fr,{layoutRef:b.current,onClickRefresh:y||n?e:void 0,onClickHistory:()=>t(M.swaps),onClickSettings:()=>t(M.settings)})}},Fe.createElement(cd,null,Fe.createElement(dd,null,Fe.createElement(md,null,Fe.createElement(ml,{label:zr.t("From"),mode:"From",onInputChange:u,balance:z,chain:{displayName:a?.displayName||"",image:a?.logo||""},token:{displayName:i?.symbol||"",image:i?.image||""},onClickToken:()=>t(M.fromSwap),price:{value:m,usdValue:L?void 0:W(c,4,4),error:L?G().unknownPriceError.impactTitle:void 0},disabled:w==="failed",loading:w==="loading",onSelectMaxBalance:()=>{z!=="0"&&u(O.split(",").join(""))}}),Fe.createElement(ua,null)),Fe.createElement(ml,{sharpBottomStyle:!!y?.result||o,label:zr.t("To"),mode:"To",chain:{displayName:p?.displayName||"",image:p?.logo||""},token:{displayName:l?.symbol||"",image:l?.image||""},percentageChange:W(Bt(c,g),2,2),warningLevel:Je(U??0),price:{value:W(S,6,6),usdValue:H?void 0:W(g,4,4),error:H?G().unknownPriceError.impactTitle:void 0},onClickToken:()=>t(M.toSwap),disabled:w==="failed",loading:w==="loading"})),Fe.createElement(oo,{quote:y,loading:o,error:n,warning:r,type:"basic",refetchQuote:e,showWarningModal:h,onOpenWarningModal:()=>C(!0),onCloseWarningModal:()=>C(!1),onConfirmWarningModal:()=>{C(!1),d(!0),t(M.confirmSwap)}})))}s(dn,"Home");import{useEffect as Gr,useRef as Hr}from"react";import{createSearchParams as fd,useLocation as gd,useSearchParams as hd}from"react-router-dom";import{useEffect as Dt,useMemo as fn,useRef as gn}from"react";function dl(){let{setInputAmount:t,setToToken:e,setToBlockchain:o,setFromBlockchain:n,setFromToken:r,fromToken:i,toToken:a,fromBlockchain:l,toBlockchain:p}=P(),u=T().config,m=T().fetchStatus,c=T().blockchains(),S=T().tokens(),{setAffiliateRef:g,setAffiliatePercent:y,setAffiliateWallets:x}=D(),d=fn(()=>u?.from?.tokens,[u?.from?.tokens]),w=fn(()=>u?.from?.blockchains,[u?.from?.blockchains]),f=fn(()=>u?.to?.tokens,[u?.to?.tokens]),k=fn(()=>u?.to?.blockchains,[u?.to?.blockchains]),h=gn(void 0),C=gn(void 0),b=gn(void 0),B=gn(void 0);Dt(()=>{t(u?.amount?.toString()||"")},[u?.amount]),Dt(()=>{if(m==="success"){let A=c.find(L=>L.name===u?.from?.blockchain),_=S.find(L=>Ae(L,u?.from?.token||null));(A||!A&&b.current)&&n(A??null),_?r({token:_,meta:{blockchains:c,tokens:S}}):!_&&h.current&&r({token:null}),b.current=u?.from?.blockchain,h.current=u?.from?.token}},[u?.from?.token?.symbol,u?.from?.token?.address,u?.from?.token?.blockchain,u?.from?.blockchain,m]),Dt(()=>{i&&d&&(d.some(A=>Ae(A,i))||r({token:null})),l&&w&&(w.includes(l.name)||n(null))},[d,w]),Dt(()=>{a&&f&&(f.some(A=>Ae(A,a))||e({token:null})),p&&k&&(k.includes(p.name)||o(null))},[f,k]),Dt(()=>{if(m==="success"){let A=c.find(L=>L.name===u?.to?.blockchain),_=S.find(L=>Ae(L,u?.to?.token||null));(A||!A&&B.current)&&o(A??null),_?e({token:_,meta:{blockchains:c,tokens:S}}):!_&&C.current&&e({token:null}),B.current=u?.to?.blockchain,C.current=u?.to?.token}},[u?.to?.token?.symbol,u?.to?.token?.address,u?.to?.token?.blockchain,u?.to?.blockchain,m]),Dt(()=>{g(u?.affiliate?.ref??null),y(u?.affiliate?.percent??null),x(u?.affiliate?.wallets??null)},[u?.affiliate?.ref,u?.affiliate?.percent,u?.affiliate?.wallets])}s(dl,"useSyncStoresWithConfig");function fl(){let t=Hr(!0),[e,o]=hd(),n=gd(),r=Hr(n.search),i=Hr({}),a=P.use.fromBlockchain(),l=P.use.toBlockchain(),p=P.use.fromToken(),u=P.use.toToken(),m=P.use.setFromBlockchain(),c=P.use.setFromToken(),S=P.use.setToBlockchain(),g=P.use.setToToken(),y=P.use.inputAmount(),x=P.use.setInputAmount(),d=T().fetchStatus,w=T().blockchains(),f=T().tokens(),k=Se.use.setSelectedSwap();return dl(),Gr(()=>{let h={};fd(r.current).forEach((b,B)=>{h[B]=b}),i.current=h;let C=n.pathname.split(M.swaps+"/")[1]||null;C&&k(C)},[]),Gr(()=>{if(!t.current){let h="",C="",b="",B="",A="",_=i.current["autoConnect"];d!=="success"?(h=i.current["fromBlockchain"],C=i.current["fromToken"],b=i.current["toBlockchain"],B=i.current["toToken"],A=i.current["fromAmount"]||y):(h=a?.name||"",C=(p?.symbol||"")+(p?.address?`--${p?.address}`:""),b=l?.name||"",B=(u?.symbol||"")+(u?.address?`--${u?.address}`:""),A=y),o({...h&&{["fromBlockchain"]:h},...C&&{["fromToken"]:C},...b&&{["toBlockchain"]:b},...B&&{["toToken"]:B},...A&&{["fromAmount"]:A.toString()},..._&&{["autoConnect"]:_}},{replace:!0})}t.current=!1},[n.pathname,y,a,p,l,u]),Gr(()=>{if(d==="success"){let h=e.get("fromBlockchain"),C=e.get("fromToken"),b=e.get("toBlockchain"),B=e.get("toToken"),A=e.get("fromAmount"),_=w.find(z=>z.name===h),L=wr(f,C,_||null),H=w.find(z=>z.name===b),v=wr(f,B,H||null);_&&(m(_),L&&c({token:L,meta:{blockchains:w,tokens:f}})),H&&(S(H),v&&g({token:v,meta:{blockchains:w,tokens:f}})),A&&x(A)}},[d]),null}s(fl,"UpdateUrl");function Ed(t){let e=xd(),o=bd(),n=Td(!0),r=e.pathname.split("/"),a=r[r.length-1]===M.confirmSwap&&n.current;return kd(()=>{a&&o("."),n.current=!1},[]),a?Ct.createElement(dn,null):Ct.createElement(Ct.Fragment,null," ",t.children)}s(Ed,"Route");function gl({children:t,...e}){let o=vd(),n=o?Ed:wd,r=T().blockchains(),{canSwitchNetworkTo:i}=Sd();Ws();let a=r.filter(Cd);return yd({lastConnectedWallet:e.lastConnectedWallet,clearDisconnectedWallet:e.clearDisconnectedWallet,disconnectedWallet:e.disconnectedWallet,evmChains:a,canSwitchNetworkTo:i}),Ct.createElement(Ct.Fragment,null,Ct.createElement(n,null,t),o&&Ct.createElement(fl,null))}s(gl,"AppRouter");import ve from"react";import{useRoutes as Ph}from"react-router-dom";import{i18n as vn}from"@lingui/core";import{useManager as pf}from"@rango-dev/queue-manager-react";import{Alert as _l,Button as Dl,Divider as Fl,IconButton as Ol,RefreshIcon as uf,SettingsIcon as cf,styled as Ul,Tooltip as mf,Typography as df,WalletIcon as ff}from"@rango-dev/ui";import Y,{useEffect as xn,useState as bn}from"react";import{flushSync as gf}from"react-dom";import{useNavigate as hf}from"react-router-dom";import{i18n as Ze}from"@lingui/core";import{Alert as Jr,BalanceErrors as Yd,Button as Ml,ChevronDownIcon as Jd,ChevronLeftIcon as Zd,Divider as Ot,MessageBox as Rd,Modal as $l,Typography as wn,WalletIcon as ef}from"@rango-dev/ui";import I,{useEffect as tf,useLayoutEffect as of,useRef as nf,useState as wt}from"react";import{useNavigate as rf}from"react-router-dom";import{i18n as hn}from"@lingui/core";function yn(t){switch(t.type){case 0:return hn.t("Route has been updated.");case 3:return hn.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return hn.t("Route swappers has been updated.");case 2:return hn.t("Route internal coins has been updated.");default:return""}}s(yn,"getQuoteUpdateWarningMessage");import{i18n as Oe}from"@lingui/core";import{Button as jd,Divider as Xr,Image as Kd,MessageBox as Tn,Modal as Il,SelectableWallet as Xd,Typography as Wl,WalletState as Nl}from"@rango-dev/ui";import te,{useEffect as Ll,useState as ro}from"react";import{WalletState as hl}from"@rango-dev/ui";import{useWallets as Ad}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as Id,WalletTypes as Wd}from"@rango-dev/wallets-shared";import{useEffect as Nd,useState as Ld}from"react";var Bd=Object.values(Wd);function Sn(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:i,disconnect:a,getWalletInfo:l,connect:p}=Ad(),{connectedWallets:u}=V(),m=T().blockchains(),c=fs(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||Bd,S=ss(i,l,c,o),g=ms(S),[y,x]=Ld(""),d=s(h=>!u.find(C=>C.walletType===h&&C.chain===o),"isExperimentalChainNotAdded"),w=s(async h=>{let C=i(h);try{if(y&&x(""),C.connected)await a(h);else{let b=!!S.find(B=>B.state===hl.CONNECTED);if(!e?.multiWallets&&b)return;n?.(h),await p(h),r?.(h)}}catch(b){x("Error: "+b?.message)}},"handleClick"),f=s(()=>{let h=S?.filter(C=>C.state===hl.CONNECTING)||[];for(let C of h)a(C.type)},"disconnectConnectingWallets");Nd(()=>()=>{f()},[]);let k=s((h,C,b)=>Mo(b,C)&&d(h)&&!Id.includes(h),"shouldExcludeWallet");return{list:g.filter(h=>!k(h.type,o??"",m)),error:y,handleClick:w}}s(Sn,"useWalletList");import{i18n as Tl}from"@lingui/core";import{styled as vl,Typography as Od,Wallet as Ud,WalletState as zd}from"@rango-dev/ui";import Tt,{Fragment as qd,useState as wl}from"react";import{Divider as Dd,Modal as Fd}from"@rango-dev/ui";import Vr from"react";import{i18n as Ft}from"@lingui/core";import{Image as Pd,MessageBox as Qr,WalletState as _d}from"@rango-dev/ui";import kt from"react";import{keyframes as Md,styled as Cn}from"@rango-dev/ui";var Gb=Cn("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),yl=Cn("div",{position:"relative"}),$d=Md({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),Sl=Cn("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${$d} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),Cl=Cn("div",{"& img":{borderRadius:"50%"}});function kl(t){let{state:e,image:o,error:n}=t;return e===_d.CONNECTED?kt.createElement(Qr,{type:"success",title:Ft.t("Wallet Connected"),description:Ft.t("Your wallet is connected, you can use it to swap.")}):n?kt.createElement(Qr,{type:"error",title:Ft.t("Failed to Connect"),description:n||Ft.t("Your wallet is not connected. Please try again.")}):kt.createElement(Qr,{type:"loading",title:Ft.t("Connecting to your wallet"),description:Ft.t("Click connect in your wallet popup."),icon:kt.createElement(yl,null,kt.createElement(Cl,null,kt.createElement(Pd,{src:o,size:45})),kt.createElement(Sl,null))})}s(kl,"ModalContent");function no(t){let{open:e,onClose:o,...n}=t;return Vr.createElement(Fd,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},Vr.createElement(kl,{...n}),Vr.createElement(Dd,{direction:"vertical",size:32}))}s(no,"WalletModal");var Gd=vl("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline",paddingTop:"$15",height:"100%"}),Hd=vl("div",{textAlign:"center"}),kn=3e3,jr=300;function xl(){let{config:t,fetchStatus:e}=T(),[o,n]=wl(!1),[r,i]=wl(""),a=null,{list:l,handleClick:p,error:u}=Sn({config:t,onBeforeConnect:g=>{a=setTimeout(()=>{n(!0),i(g)},jr)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},kn)}}),m=l.find(g=>g.type===r),c=m?.image||"",S=m?.state||zd.NOT_INSTALLED;return Tt.createElement(j,{header:{title:Tl.t("Connect Wallets")}},Tt.createElement(Hd,null,Tt.createElement(Od,{variant:"title",size:"xmedium",align:"center"},Tl.t("Choose a wallet to connect.")),Tt.createElement(Gd,null,l.map((g,y)=>{let x=`wallet-${y}-${g.type}`;return Tt.createElement(qd,{key:x},Tt.createElement(Ud,{...g,container:Z(),onClick:d=>{p(d)},isLoading:e==="loading"}))}),Tt.createElement(no,{open:!!o,onClose:()=>n(!1),image:c,state:S,error:u}))))}s(xl,"WalletsPage");import{keyframes as Qd,styled as Kr}from"@rango-dev/ui";var bl=Kr("div",{position:"relative"}),Vd=Qd({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),El=Kr("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Vd} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),Al=Kr("div",{"& img":{borderRadius:"50%"}});function Yr(t){let{chain:e,isSelected:o,selectWallet:n,limit:r,onShowMore:i}=t,{config:a}=T(),l=V.use.connectedWallets(),{blockchains:p}=T(),[u,m]=ro(""),[c,S]=ro(null),[g,y]=ro(!1),[x,d]=ro(null),{suggestAndConnect:w}=Bl(),f=null,{list:k,error:h,handleClick:C}=Sn({config:a,chain:e,onBeforeConnect:v=>{f=setTimeout(()=>{m(v)},jr)},onConnect:()=>{f&&clearTimeout(f),setTimeout(()=>{m("")},kn)}}),[b,B]=ro(k),A=k.length,_=r&&A-r>0,L=s(async v=>{y(!1),d("in-progress");try{await w(v.walletType,v.chain),d("completed")}catch{d("rejected")}},"addExperimentalChain");Ll(()=>{B(v=>{let z=k.findIndex(O=>o(O.type,e));return _&&z>1?[k[z]].concat(k.filter((O,U)=>U!==z)):v.map(O=>k.find(U=>U.type===O.type)??O)})},[JSON.stringify(k)]);let H=document.querySelector("#swap-box");return Ll(()=>{let v=null;return(x==="completed"||x==="rejected")&&(v=setTimeout(()=>d(null),kn)),()=>{v&&clearTimeout(v)}},[x]),te.createElement(te.Fragment,null,b.slice(0,r).map(v=>{let z=ds({connectedWallets:l,walletType:v.type,chain:e}),O=z?$o(z):"",U=Mo(p(),e),ne=!l.find(ze=>ze.walletType===v.type&&ze.chain===e),Ne=U&&ne&&v.state===Nl.CONNECTED,ee=Ne?Oe.t({id:"Add {chain} chain",values:{chain:e}}):O,oe=s(()=>{v.state===Nl.DISCONNECTED?C(v.type):Ne?(S({walletType:v.type,chain:e,address:z??""}),y(!0)):n({walletType:v.type,chain:e,address:z??""})},"onClick"),fe=c?.chain?Hs(c.chain,p()):void 0;return te.createElement(te.Fragment,null,te.createElement(no,{open:u===v.type,onClose:()=>m(""),image:v.image,state:v.state,error:h}),!!c&&te.createElement(Il,{open:!!c&&g,container:H,onClose:()=>{S(null)}},te.createElement(Tn,{title:Oe.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:fe}}),type:"warning",description:Oe.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:fe}})},te.createElement(Xr,{size:18}),te.createElement(Xr,{size:32}),te.createElement(jd,{onClick:L.bind(null,c),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},Oe.t("Confirm")))),x&&te.createElement(Il,{open:!!x,onClose:d.bind(null,null),container:H},x==="in-progress"&&te.createElement(Tn,{type:"loading",title:Oe.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:fe}}),description:Oe.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:fe}}),icon:te.createElement(bl,null,te.createElement(Al,null,te.createElement(Kd,{src:v.image,size:45})),te.createElement(El,null))}),x==="completed"&&te.createElement(Tn,{type:"success",title:Oe.t({id:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:fe}}),description:Oe.t({id:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:fe}})}),x==="rejected"&&te.createElement(Tn,{type:"error",title:Oe.t("Request Rejected"),description:Oe.t({id:"You've rejected adding {blockchainDisplayName} chain to your wallet.",values:{blockchainDisplayName:fe}})}),te.createElement(Xr,{direction:"vertical",size:32})),te.createElement(Xd,{key:v.type,description:ee,onClick:oe,selected:o(v.type,e),...v}))}),_&&te.createElement(ha,{selected:!1,onClick:i.bind(null)},te.createElement(Wl,{variant:"label",size:"medium"},Oe.t("Show more wallets"),te.createElement(Wl,{variant:"label",size:"medium",color:"$primary"},"\xA0+",A-(r??0)))))}s(Yr,"WalletList");var sf=2;function Pl(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,loading:i}=t,a=T().config,l=T().blockchains(),{quote:p,setSelectedWallets:u,quoteWalletsConfirmed:m,setQuoteWalletConfirmed:c,customDestination:S,setCustomDestination:g}=P(),{connectedWallets:y,selectWallets:x}=V(),[d,w]=wt(""),[f,k]=wt([]),[h,C]=wt(""),[b,B]=wt(null),[A,_]=wt(S),[L,H]=wt(!!S),v=nf(null),z=Vo(p),O=l.find(F=>F.name===p?.result?.swaps[p?.result?.swaps.length-1].to.blockchain),U=s(F=>!!p?.result?.swaps.find(X=>X.from.blockchain===F),"isWalletRequiredFor"),[ne,Ne]=wt(y.filter(F=>F.selected&&z.includes(F.chain))),ee=l.find(F=>F.name===O?.name),oe=s((F,X)=>!!ne.find(q=>q.walletType===F&&q.chain===X&&q.selected&&(U(X)||!U(X)&&!A)),"isSelected"),fe=!!A&&L&&ee&&!jo(ee,A),ze=s(()=>{H(!1),_(""),Ne(F=>{let X=!1;return F.map(q=>!X&&q.chain===O?.name?(X=!0,{...q,selected:!0}):q)})},"resetCustomDestination"),ft=s(F=>{if(d&&w(""),oe(F.walletType,F.chain))return;let q=y.find(se=>se.walletType===F.walletType&&se.chain===F.chain);q&&(n(),F.chain===O?.name&&L&&(H(!1),_("")),Ne(se=>se.filter(qe=>qe.chain!==F.chain).concat({...q,selected:!0})))},"onChange"),vo=s(()=>{let F=ne.filter(X=>X.selected);x(F),u(F),g(A),c(!0),o()},"onConfirmBalance"),Rn=s(async()=>{k([]),C(""),B(null);let F=y.filter(se=>ne.find(qe=>qe.chain===se.chain&&qe.walletType===se.walletType)),X=await r?.({selectedWallets:F,customDestination:A}),q=X.warnings;q?.balance?.messages&&k(q.balance.messages),q?.quoteUpdate&&B(q.quoteUpdate),X.error&&C(Qs(X.error)),!X.error&&(!q?.balance?.messages.length||0>0)?vo():k(q?.balance?.messages??[])},"onConfirmWallets");tf(()=>{Ne(F=>F.concat(y.filter(X=>!!!F.find(se=>se.chain===X.chain)&&X.selected&&z.includes(X.chain))))},[y.length]),of(()=>{L&&v.current&&setTimeout(()=>{v?.current?.scrollIntoView({behavior:"smooth"})},Yt)},[L]);let Et=document.querySelector("#swap-box"),xo=rf();return I.createElement($l,{open:e,onClose:()=>{m||xo("../",{replace:!0}),o()},dismissible:!d,container:Et,...!d&&{footer:I.createElement(ba,null,I.createElement(Ml,{loading:i,disabled:na(i,L,A,p,ne,O),onClick:Rn,variant:"contained",type:"primary",fullWidth:!0,size:"large"},"Confirm"))},...d&&{containerStyle:{padding:"$0"},header:I.createElement(Sa,null,I.createElement(Ca,{variant:"ghost",onClick:w.bind(null,"")},I.createElement(Zd,{size:16})),I.createElement(wn,{variant:"headline",size:"small"},Ze.t({id:"Your {blockchainName} wallets",values:{blockchainName:d}})))},anchor:"center"},I.createElement($l,{open:f.length>0,onClose:k.bind(null,[]),container:Et},I.createElement(Rd,{title:Ze.t("Insufficient account balance"),type:"error",description:I.createElement(Yd,{messages:f??[]})},I.createElement(Ml,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:vo},Ze.t("Proceed anyway")))),d&&I.createElement(ka,null,I.createElement("div",{className:"wallets-list"},I.createElement(Yr,{chain:d,isSelected:oe,selectWallet:ft,onShowMore:w.bind(null,d)}))),!d&&I.createElement(I.Fragment,null,h&&I.createElement(I.Fragment,null,I.createElement(Jr,{variant:"alarm",type:"error",title:Ze.t(h)}),I.createElement(Ot,{size:12})),b&&I.createElement(I.Fragment,null,I.createElement(Jr,{variant:"alarm",type:"warning",title:yn(b)}),I.createElement(Ot,{size:12})),I.createElement(Aa,null,z.map((F,X)=>{let q=l.find(xe=>xe.name===F),se=`wallet-${X}`,qe=X===z.length-1;return I.createElement("div",{key:se},I.createElement(fa,null,I.createElement(wn,{variant:"title",size:"xmedium"},Ze.t({id:"Your {blockchainName} wallets",values:{blockchainName:q?.displayName}})),I.createElement(wn,{variant:"label",color:"$neutral700",size:"medium"},Ze.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:q?.displayName}}))),I.createElement(Ot,{size:24}),I.createElement(ga,null,I.createElement(Yr,{chain:F,isSelected:oe,selectWallet:ft,limit:sf,onShowMore:()=>w(q?.name??"")})),!qe&&I.createElement(Ot,{size:32}),qe&&a?.customDestination&&I.createElement(va,null,I.createElement(Ta,{ref:v,selected:L,open:L,onOpenChange:xe=>{xe?U(O?.name??"")||Ne(er=>er.map(tr=>tr.chain===O?.name?{...tr,selected:!1}:tr)):ze()}},I.createElement(ya,{onClick:()=>H(xe=>!xe)},I.createElement(wa,{fullWidth:!0,variant:"default",suffix:I.createElement(xa,{orientation:L?"up":"down"},I.createElement(Jd,{size:10,color:"gray"}))},I.createElement("div",{className:"button__content"},I.createElement(ef,{size:18,color:"info"}),I.createElement(Ot,{size:4,direction:"horizontal"}),I.createElement(wn,{variant:"label",size:"medium"},Ze.t("Send to a different address"))))),I.createElement(nn,{open:L},I.createElement(I.Fragment,null,I.createElement(Ot,{size:4}),I.createElement(Ea,{autoFocus:!0,placeholder:Ze.t("Your destination address"),value:A,onChange:xe=>{_(xe.target.value)}})))),fe&&I.createElement("div",{className:"alarms"},I.createElement(Jr,{variant:"alarm",type:"error",title:Ze.t({values:{destination:A},id:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}s(Pl,"ConfirmWalletsModal");import{calculatePendingSwap as af}from"@rango-dev/queue-manager-rango-preset";import{useEffect as lf}from"react";function Zr(){let{fromToken:t,toToken:e,inputAmount:o,setQuote:n,resetQuote:r,quote:i,customDestination:a,setQuoteWarningsConfirmed:l}=P(),{slippage:p,customSlippage:u,affiliatePercent:m,affiliateRef:c,affiliateWallets:S,disabledLiquiditySources:g}=D(),{connectedWallets:y}=V(),x=T().blockchains(),d=T().tokens(),w=u||p,{fetch:f,cancelFetch:k,loading:h}=mn();return lf(()=>k,[]),{loading:h,fetch:s(async b=>{let B=b.selectedWallets,A=b?.customDestination??a;if(!t||!e||!o||!i)return{quote:null,swap:null,error:null,warnings:null};let _=tn({fromToken:t,toToken:e,inputAmount:o,wallets:y,selectedWallets:B,disabledLiquiditySources:g,slippage:w,affiliateRef:c,affiliatePercent:m,affiliateWallets:S,initialQuote:i,destination:A}),L;try{L=await f(_).then(O=>un(O)),n(L)}catch(O){let U=cn(O);return(U.error?.type===0||U.error?.type===1)&&r(),U}let H={slippage:w.toString(),disabledSwappersGroups:g},v=af(o.toString(),L,Ys(B),H,!1,{blockchains:x,tokens:d}),z=pl(i,L,{fromToken:t,toToken:e,tokens:d,selectedWallets:B,userSlippage:w});return z.quoteUpdate&&l(!1),{quote:L,swap:v,error:null,warnings:z}},"fetch"),cancelFetch:k}}s(Zr,"useConfirmSwap");var yf=Ul("div",{position:"relative",width:"100%","& .description":{display:"flex",justifyContent:"space-between",alignItems:"center",paddingBottom:"$10"},"& .icon":{width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"}}),Sf=Ul("div",{width:"100%",display:"flex",justifyContent:"space-between","& .confirm-button":{flexGrow:1,paddingRight:"$10"},[`& ${Ol}`]:{width:"$48",height:"$48"}});function zl(){let{quote:t,setInputAmount:e,selectedWallets:o,quoteWalletsConfirmed:n,setQuoteWalletConfirmed:r,customDestination:i,quoteWarningsConfirmed:a}=P(),l=hf(),[p,u]=bn(""),{connectedWallets:m}=V(),c=!n,[S,g]=bn(!1),y=Se.use.setSelectedSwap(),{manager:x}=pf(),{fetch:d,loading:w,cancelFetch:f}=Zr(),[k,h]=bn({swap:null,error:null,warnings:null}),[C,b]=bn(!1),B=s(async({selectedWallets:v,customDestination:z})=>{let O=await d?.({selectedWallets:v,customDestination:z});return h(O),O},"onConfirmSwap"),A=s(async()=>{if(k.swap&&n)try{await x?.create("swap",{swapDetails:k.swap},{id:k.swap.requestId}),y(k.swap.requestId);let v=`../${M.swaps}/${k.swap.requestId}`;l(v,{replace:!0}),setTimeout(()=>{e("")},0)}catch(v){u("Error: "+v?.message)}},"addNewSwap"),_=s(async()=>{await A()},"onConfirm"),L=s(async()=>{k?.warnings?.quote&&!a?b(!0):await _()},"onStartConfirmSwap"),H=s(async()=>{h({error:null,swap:null,warnings:null}),d({selectedWallets:o}).then(v=>{h(v)}).catch(v=>console.error(v))},"onRefresh");return xn(()=>{c&&f()},[c]),xn(()=>{c&&g(c)},[c]),xn(()=>{c||d({selectedWallets:o,customDestination:i}).then(v=>h(v)).catch(v=>console.error(v))},[]),xn(()=>{let v=k.warnings?.quote?.type&&Object.values(nt).includes(k.warnings?.quote?.type),z=o.length<1||!o.every(U=>m.find(ne=>U.address===ne.address&&U.walletType===ne.walletType&&U.chain===ne.chain)),O=!1;if(v){let U=Vo(t),ne=t?.result?.swaps[t.result.swaps.length-1].to.blockchain;!!t?.result?.swaps.find(oe=>oe.from.blockchain===ne)||(U=U.slice(-U.length,U.length-1)),U.every(oe=>o.find(fe=>fe.chain===oe))||(O=!0)}t&&(z||O)&&(queueMicrotask(()=>gf(g.bind(null,!0))),r(!1))},[k.warnings?.quote,o.length,m.length]),Y.createElement(j,{header:{title:vn.t("Confirm Swap"),onWallet:()=>{let v=`../${M.wallets}`;l(v)},suffix:Y.createElement(mf,{container:Z(),side:"bottom",content:vn.t("Settings")},Y.createElement(Le,{size:"small",variant:"ghost",onClick:()=>l("../"+M.settings)},Y.createElement(cf,{size:18,color:"black"})))},footer:Y.createElement(Sf,null,Y.createElement("div",{className:"confirm-button"},Y.createElement(Dl,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:w,disabled:!!k.error,onClick:L},vn.t("Start Swap"))),Y.createElement(Ol,{variant:"contained",type:"primary",size:"large",loading:w,onClick:g.bind(null,!0)},Y.createElement(ff,{size:24})))},S&&Y.createElement(Pl,{open:S,onClose:()=>g(!1),onCancel:f,loading:w,onCheckBalance:B}),Y.createElement(yf,null,Y.createElement("div",{className:"description"},Y.createElement(df,{variant:"title",size:"small"},vn.t("You get")),Y.createElement(Dl,{style:{padding:"0"},variant:"ghost",disabled:w,onClick:H},Y.createElement("div",{className:"icon"},Y.createElement(uf,{size:16})))),p&&Y.createElement(Y.Fragment,null,Y.createElement(_l,{type:"error",variant:"alarm",title:p}),Y.createElement(Fl,{size:12})),k.warnings?.quoteUpdate&&Y.createElement(Y.Fragment,null,Y.createElement(_l,{variant:"alarm",type:"warning",title:k.warnings.quoteUpdate&&yn(k.warnings.quoteUpdate)}),Y.createElement(Fl,{size:12})),Y.createElement(oo,{quote:t,type:"swap-preview",expanded:!0,error:k.error,loading:w,warning:k.warnings?.quote??null,refetchQuote:H,showWarningModal:C,onOpenWarningModal:()=>b(!0),onCloseWarningModal:()=>b(!1),onConfirmWarningModal:async()=>{b(!1),await A()}})))}s(zl,"ConfirmSwapPage");import{i18n as An}from"@lingui/core";import{useManager as bf}from"@rango-dev/queue-manager-react";import{Divider as Ef,NotFound as Af,styled as Yl}from"@rango-dev/ui";import ct,{useState as If}from"react";import{useNavigate as Wf}from"react-router-dom";import{CloseIcon as kf,IconButton as Tf,SearchIcon as wf,TextField as vf}from"@rango-dev/ui";import io from"react";import{styled as Cf}from"@rango-dev/ui";var ql=Cf("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function Re(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:i,value:a,setValue:l,...p}=t;return io.createElement(vf,{prefix:io.createElement(ql,null,io.createElement(wf,{color:"black"})),suffix:!!a.length&&io.createElement(Tf,{variant:"ghost",onClick:()=>l?.(""),size:"small"},io.createElement(kf,{color:"gray",size:10})),fullWidth:o,color:n,variant:e,style:{padding:10,borderRadius:25,alignItems:"center"},size:r,value:a,onChange:i,...p})}s(Re,"SearchInput");import{i18n as Hl}from"@lingui/core";import{Divider as Ql,SwapListItem as Vl,Typography as jl}from"@rango-dev/ui";import R from"react";import{darkTheme as xf,styled as En}from"@rango-dev/ui";var Rr=En("div",{width:"100%",display:"flex",flexDirection:"column",".group-title":{$$color:"$colors$neutral600",[`.${xf} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),ei=En("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),ti=En("div",{gap:"$10",display:"flex",flexDirection:"column"}),Gl=En("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});function oi(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,i=n?n(e):[{title:"History",swaps:e}];if(r){let a=[{},{}];return R.createElement(R.Fragment,null,[{title:"Today",swaps:a},{title:"Last month",swaps:a}].map(p=>R.createElement(R.Fragment,{key:p.title},R.createElement(Rr,null,R.createElement(ei,null,R.createElement(jl,{variant:"label",size:"medium",className:"group-title"},Hl.t(p.title))),R.createElement(Ql,{size:4}),R.createElement(ti,null,p.swaps.map((u,m)=>{let c=m+p.title;return R.createElement(R.Fragment,{key:c},R.createElement(Vl,{isLoading:!0}))}))))))}return R.createElement(R.Fragment,null,i.filter(a=>a.swaps.length>0).map(a=>R.createElement(R.Fragment,{key:a.title},R.createElement(Rr,null,R.createElement(ei,null,R.createElement(jl,{variant:"label",size:"medium",className:"group-title"},Hl.t(a.title))),R.createElement(Ql,{size:4}),R.createElement(ti,null,a.swaps.map(l=>{let p=l.steps[0],u=l.steps[l.steps.length-1];return R.createElement(R.Fragment,{key:l.requestId},R.createElement(Vl,{requestId:l.requestId,creationTime:l.creationTime,status:l.status,onClick:o,onlyShowTime:a.title==="Today",swapTokenData:{from:{token:{image:p.fromLogo,displayName:p.fromSymbol},blockchain:{image:p.fromBlockchainLogo||""},amount:Wo(l.inputAmount)},to:{token:{image:u.toLogo,displayName:u.toSymbol},blockchain:{image:u.toBlockchainLogo||""},amount:Wo(u.outputAmount||""),estimatedAmount:Wo(u.expectedOutputAmountHumanReadable||"")}}}))}))))))}s(oi,"SwapsGroup");import Kl from"dayjs";var Xl=s(t=>{let e=new Map([["today",{title:"Today",swaps:[]}],["month",{title:"Last month",swaps:[]}],["year",{title:"Last year",swaps:[]}],["history",{title:"History",swaps:[]}]]),o=Kl();return t.forEach(n=>{let r=Kl(Number(n.creationTime));o.isSame(r,"day")?e.get("today")?.swaps.push(n):o.isSame(r,"month")?e.get("month")?.swaps.push(n):o.isSame(r,"year")?e.get("year")?.swaps.push(n):e.get("history")?.swaps.push(n)}),Array.from(e.values())},"groupSwapsByDate");var Ut=s(t=>{let e=[];return t?.getAll().forEach((o,n)=>{let r=o.list.getStorage();r?.swapDetails&&e.push({id:n,swap:r?.swapDetails})}),e.sort((o,n)=>Number(n.swap.creationTime)-Number(o.swap.creationTime))},"getPendingSwaps");var Nf=Yl("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",height:"100%",gap:15}),Lf=Yl("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),Bf=s((t,e)=>t?.length?t.filter(o=>Ge(o.fromBlockchain,e)||Ge(o.toBlockchain,e)||Ge(o.toSymbol,e)||Ge(o.fromSymbol,e)).length:!1,"isStepContainsText");function Jl(){let t=Se.use.setSelectedSwap(),e=Wf(),{manager:o,state:n}=bf(),r=Ut(o).map(({swap:c})=>c),[i,a]=If(""),l=!n.loadedFromPersistor,p=s(c=>{let S=c.target.value;a(S)},"searchHandler"),u=r;i&&(u=r.filter(c=>Ge(c.inputAmount,i)||Ge(c.status,i)||Bf(c.steps,i)||Ge(c.requestId,i)));let m=!u?.length&&!l;return ct.createElement(j,{header:{title:An.t("History")}},ct.createElement(Nf,null,ct.createElement(Re,{setValue:a,fullWidth:!0,variant:"contained",placeholder:An.t("Search Transaction"),autoFocus:!0,onChange:p,value:i}),ct.createElement(Lf,null,m&&ct.createElement(Gl,null,ct.createElement(Ef,{size:32}),ct.createElement(Af,{title:An.t("No results found"),description:i?An.t("Try using different keywords"):""})),!m&&ct.createElement(oi,{list:u,onSwapClick:c=>{t(c),e(c)},groupBy:Xl,isLoading:l}))))}s(Jl,"HistoryPage");import{i18n as Zl}from"@lingui/core";import{List as Mf,ListItemButton as $f,Radio as Pf,RadioRoot as _f,Typography as Df}from"@rango-dev/ui";import mt from"react";import{styled as In}from"@rango-dev/ui";var et=In("div",{height:"100%",overflow:"hidden"}),so=In("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto"}),ni=In("div",{width:80,display:"flex",justifyContent:"flex-end"}),ri=In("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});function Wn(){let t=D.use.language(),e=D.use.setLanguage();return{activeLanguage:t,languages:Ss,defaultLanguage:jt,changeLanguage:r=>e(r||jt)}}s(Wn,"useLanguage");function Rl(){let{activeLanguage:t,changeLanguage:e,languages:o}=Wn(),n=o.map(r=>{let{local:i,label:a,SVGFlag:l}=r;return{id:i,value:i,title:mt.createElement(Df,{variant:"title",size:"xmedium"},a),onClick:()=>e(r.local),end:mt.createElement(Pf,{value:i}),start:mt.createElement(l,null)}});return mt.createElement(j,{header:{title:Zl.t("Language")}},mt.createElement(et,null,mt.createElement(_f,{value:t},mt.createElement(Mf,{type:mt.createElement($f,{title:Zl.t("language"),id:"_",onClick:()=>console.log()}),items:n}))))}s(Rl,"LanguagePage");import{i18n as zt}from"@lingui/core";import{Button as qf,Checkbox as Gf,Image as Hf,ListItemButton as Qf,NotFound as Vf,Typography as jf}from"@rango-dev/ui";import ye,{useState as Kf}from"react";import{Checkbox as Uf,Skeleton as tp}from"@rango-dev/ui";import ao from"react";import{ListItem as Ff,styled as Of}from"@rango-dev/ui";var ep=Of(Ff,{height:61});var zf=30;function ii(){return ao.createElement(so,null,Array.from(Array(zf),t=>ao.createElement(ep,{hasDivider:!0,key:t,start:ao.createElement(tp,{variant:"circular",width:35,height:35}),title:ao.createElement(tp,{variant:"text",size:"large",width:90}),end:ao.createElement(Uf,{checked:!1})})))}s(ii,"LoadingLiquiditySourceList");function si({sourceType:t}){let e=T().fetchStatus,o=T().swappers(),[n,r]=Kf(""),i=D.use.toggleLiquiditySource(),a=_o(o),l=[];t==="Exchanges"&&l.push("DEX"),t==="Bridges"&&(l.push("BRIDGE"),l.push("AGGREGATOR"));let p=a.filter(y=>l.includes(y.type)),u=p.length===p.filter(y=>y.selected).length,m=s(()=>{p.forEach(y=>{u?i(y.groupTitle):y.selected||i(y.groupTitle)})},"toggleAllSources"),c=p.map(y=>{let{selected:x,groupTitle:d,logo:w}=y;return{start:ye.createElement(Hf,{src:w,size:22,type:"circular"}),onClick:()=>i(d),end:ye.createElement(Gf,{checked:x}),title:ye.createElement(jf,{variant:"title",size:"xmedium"},zt.t(d)),...y}}),S=s(y=>{let x=y.target.value;r(x)},"searchHandler"),g=c;return n&&(g=c.filter(y=>Ge(y.groupTitle,n))),ye.createElement(j,{header:{title:zt.t(t),suffix:ye.createElement(ni,null,ye.createElement(qf,{variant:"ghost",size:"xsmall",onClick:m},zt.t(u?"Deselect all":"Select all")))}},ye.createElement(et,null,ye.createElement(Re,{value:n,setValue:r,fullWidth:!0,color:"light",variant:"contained",placeholder:zt.t("Search {sourceType}",{sourceType:t}),onChange:S}),e==="loading"&&ye.createElement(ii,null),!g.length&&n?ye.createElement(ri,null,ye.createElement(Vf,{title:zt.t("No results found"),description:zt.t("Try using different keywords")})):e==="success"&&ye.createElement(so,null,g.map(y=>ye.createElement(ye.Fragment,{key:y.id},ye.createElement(Qf,{style:{height:"61px"},...y,selected:!1,hasDivider:!0}))))))}s(si,"LiquiditySourcePage");import{i18n as pp}from"@lingui/core";import{Divider as ui,SelectableCategoryList as ng}from"@rango-dev/ui";import vt,{useState as up}from"react";import{i18n as li}from"@lingui/core";import{Divider as ap,Image as Zf,ListItemButton as Rf,NotFound as eg,Typography as lp}from"@rango-dev/ui";import We,{useEffect as tg,useState as og}from"react";import{BlockchainCategories as ai}from"@rango-dev/ui";import{TransactionType as Nn}from"rango-sdk";var Xf=s((t,e)=>{switch(e){case ai.ALL:return!0;case ai.UTXO:return t.type===Nn.TRANSFER;case ai.OTHER:return t.type!==Nn.TRANSFER&&t.type!==Nn.COSMOS&&t.type!==Nn.EVM;default:return t.type===e}},"filterByType"),op=s((t,e,o)=>t.filter(n=>Xf(n,o)).filter(n=>gt(n.name,e)||gt(n.displayName,e)),"filterBlockchains");import{styled as np}from"@rango-dev/ui";var rp=np("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),Ln=np("ul",{padding:0,margin:0,listStyle:"none",overflowY:"auto",paddingRight:"$5",".image-container":{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as Yf,Skeleton as ip}from"@rango-dev/ui";import Bn from"react";var Jf=20;function sp(){return Bn.createElement(Ln,null,Array.from(Array(Jf),t=>Bn.createElement(Yf,{key:t,hasDivider:!0,start:Bn.createElement(ip,{variant:"circular",width:35,height:35}),title:Bn.createElement(ip,{variant:"text",size:"large",width:90})})))}s(sp,"LoadingBlockchainList");function pi(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[i,a]=og(e),{fetchStatus:l}=T();tg(()=>{a([...op(e,o,r)])},[e,o,r]);let p=s(()=>!i.length&&o?We.createElement(We.Fragment,null,We.createElement(ap,{size:32}),We.createElement(eg,{title:li.t("No results found"),description:li.t("Try using different keywords")})):We.createElement(Ln,{key:`${r}-${o}`},i.map(u=>We.createElement(Rf,{key:`${u.name}-${u.chainId}`,hasDivider:!0,onClick:()=>n(u),start:We.createElement(Zf,{src:u.logo,size:30}),title:We.createElement(lp,{variant:"title",size:"medium"},u.displayName),id:u.chainId}))),"renderList");return We.createElement(rp,null,We.createElement(lp,{variant:"label",size:"large"},li.t("Select Blockchain")),We.createElement(ap,{size:4}),l==="loading"&&We.createElement(sp,null),l==="success"&&p())}s(pi,"BlockchainList");function ci(t){let{type:e}=t,o=ot(),[n,r]=up(""),[i,a]=up("ALL"),l=P.use.setToBlockchain(),p=P.use.setFromBlockchain(),u=T().fetchStatus,m=T().blockchains({type:e});return vt.createElement(j,{header:{title:pp.t("Select Blockchain")}},vt.createElement(ui,{size:12}),vt.createElement(ng,{setCategory:a,category:i,blockchains:m,isLoading:u==="loading"}),vt.createElement(ui,{size:24}),vt.createElement(Re,{value:n,autoFocus:!0,placeholder:pp.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:c=>r(c.target.value)}),vt.createElement(ui,{size:16}),vt.createElement(pi,{list:m,searchedFor:n,blockchainCategory:i,onChange:c=>{e==="source"?p(c):l(c),o()}}))}s(ci,"SelectBlockchainPage");import{i18n as Wp}from"@lingui/core";import{Divider as Np}from"@rango-dev/ui";import qt,{useState as kg}from"react";import{useNavigate as Tg}from"react-router-dom";import{i18n as fi}from"@lingui/core";import{BlockchainsChip as Mn,Divider as fp,Image as gp,Skeleton as lg,Typography as gi}from"@rango-dev/ui";import de from"react";import{useEffect as sg}from"react";var cp=["ETH","COSMOS","OSMOSIS"];function mi(t,e,o){let n=JSON.parse(JSON.stringify(t)),r=[];if(n.sort(rg),o?.limit&&t.length>o.limit){let i=o.limit,a=e;if(e.length<=o.limit){let l=o.limit-e.length;for(let p=0;p<=l;p++){let u=n[p];a=a.filter(m=>u.name!==m)}}n.sort(ig(a)),r=n.splice(i)}return{list:n,more:r}}s(mi,"prepare");function rg(t,e){let o=cp,n=o.findIndex(l=>l===t.name),r=o.findIndex(l=>l===e.name),i=n>-1,a=r>-1;return i&&a?n>r?1:-1:i?-1:a?1:0}s(rg,"sortByMostUsedBlockchains");function ig(t){return s(function(o,n){let r=t.findIndex(p=>p===o.name),i=t.findIndex(p=>p===n.name),a=r>-1,l=i>-1;return a&&l?r>i?1:-1:t.includes(o.name)?-1:t.includes(n.name)?1:0},"sortByPreferred")}s(ig,"generateSortByPreferredBlockchainsFor");function mp(t,e){return!!e.list.find(o=>o.name===t)}s(mp,"isInVisibleList");function di(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=D();sg(()=>{if(e?.selected){let i=mi(t,o,e);mp(e.selected,i)||n(e?.selected)}},[e?.selected]);let r=mi(t,o,e);return{list:r.list,more:r.more,history:[]}}s(di,"usePrepareBlockchainList");import{styled as ag}from"@rango-dev/ui";var dp=ag("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var pg=12;function hi(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:i}=t,a=di(e,{limit:10,selected:n?.name}),{fetchStatus:l}=T(),p=P.use.resetToBlockchain(),u=P.use.resetFromBlockchain(),m=a.more.length>0,c=a.more.length===1,S=!c&&m;return de.createElement("div",null,de.createElement(fp,{size:12}),de.createElement(gi,{variant:"label",size:"large"},fi.t("Select Blockchain")),de.createElement(fp,{size:12}),de.createElement(dp,null,l==="loading"&&Array.from(Array(pg),g=>de.createElement(lg,{key:g,variant:"rounded",height:50})),l==="success"&&de.createElement(de.Fragment,null,de.createElement(Mn,{selected:!n,onClick:()=>{o==="from"?u():p()}},de.createElement(gi,{variant:"body",size:"xsmall",color:"secondary500"},fi.t("All"))),a.list.map(g=>de.createElement(Mn,{key:g.name,selected:!!n&&n.name===g.name,onClick:()=>r(g)},de.createElement(gp,{src:g.logo,size:30}))),c?de.createElement(Mn,{key:a.more[0].name,selected:!!n&&n.name===a.more[0].name,onClick:()=>r(a.more[0])},de.createElement(gp,{src:a.more[0].logo,size:30})):null,S?de.createElement(Mn,{onClick:i,key:"more-blockchains"},de.createElement(gi,{variant:"body",size:"xsmall",color:"secondary500"},fi._("More +{count}",{count:a.more.length}))):null)))}s(hi,"BlockchainsSection");import{i18n as Ti}from"@lingui/core";import{darkTheme as xp,Divider as po,ExternalLinkIcon as mg,Image as dg,ListItemButton as fg,NotFound as gg,PinIcon as hg,Skeleton as bp,Typography as uo,VirtualizedList as yg}from"@rango-dev/ui";import $,{forwardRef as Sg,useEffect as Ep,useState as Ap}from"react";var hp=s((t,e)=>{t=t.replace(/^#/,""),t.length===3&&(t=t[0]+t[0]+t[1]+t[1]+t[2]+t[2]);let[i,a,l]=t.match(/.{2}/g);[i,a,l]=[parseInt(i,16)+e,parseInt(a,16)+e,parseInt(l,16)+e],i=Math.max(Math.min(255,i),0).toString(16),a=Math.max(Math.min(255,a),0).toString(16),l=Math.max(Math.min(255,l),0).toString(16);let p=(i.length<2?"0":"")+i,u=(a.length<2?"0":"")+a,m=(l.length<2?"0":"")+l;return`#${p}${u}${m}`},"colorShade"),$n=s((t,e)=>{let a={[t]:e};for(let l=1;l<10;l++)l<5&&(a={...a,[t+l*100]:hp(e,(5-l)*25)}),l===5&&(a={...a,[t+l*100]:e}),l>5&&(a={...a,[t+l*100]:hp(e,-((l-5)*25))});return a},"generateRangeColors"),yi=s((t,e,o)=>{if(!o||!Object.entries(o).length)return{};let n=!1,r={...t};for(let i in o){let a=o[i];if(a&&a!==t[i])if(n=!0,i==="background"||i==="foreground")r={...r,[i]:a};else if(i==="neutral"&&e){let l=$n(i,a);r={...r,[`${i}100`]:l[`${i}900`],[`${i}200`]:l[`${i}800`],[`${i}300`]:l[`${i}700`],[`${i}400`]:l[`${i}600`],[`${i}500`]:l[`${i}500`],[`${i}600`]:l[`${i}400`],[`${i}700`]:l[`${i}300`],[`${i}800`]:l[`${i}200`],[`${i}900`]:l[`${i}100`]}}else r={...r,...$n(i,a)}}return n?r:{}},"generateColors");import{Divider as wp,ListItem as cg,Skeleton as lo}from"@rango-dev/ui";import Ue from"react";import{darkTheme as yp,styled as Ke,Typography as ug}from"@rango-dev/ui";var Sp=Ke("div",{display:"flex",flexDirection:"column",flexGrow:1}),Si=Ke("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),Pn=Ke("ul",{flexGrow:1,padding:0,margin:0,listStyle:"none","& li":{alignItems:"none",".description":{position:"relative",height:12,width:150,".token-title":{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",bottom:"-8px"},".token-address":{transform:"translateY(12px)",visibility:"hidden","& a":{fontSize:"$12",lineHeight:"$16",$$color:"$colors$neutral600",[`.${yp} &`]:{$$color:"$colors$neutral700"},color:"$$color",textDecoration:"none"}},".token-name":{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}},"&:hover":{".description":{".token-address":{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",visibility:"visible"},".token-address-without-name":{bottom:"-15px"},".token-name":{position:"absolute",transform:"translateY(-12px)",visibility:"hidden"},".token-title":{position:"absolute",transform:"translateY(-12px)",bottom:"-10px"}}}}}),Ci=Ke("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),ki=Ke(ug,{}),Cp=Ke("div",{textAlign:"right",".usd-value":{$$color:"$colors$neutral600",[`.${yp} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),_n=Ke("ul",{display:"flex",alignItems:"end",flexDirection:"column"}),sW=Ke("div",{display:"flex",alignItems:"center"}),kp=Ke("div",{position:"relative",".image-container":{borderRadius:"$xm",overflow:"hidden"}}),Tp=Ke("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6});function vp(t){return Ue.createElement(Pn,null,Array.from(Array(t.size),e=>Ue.createElement(cg,{key:e,hasDivider:!0,start:Ue.createElement(lo,{variant:"circular",width:35,height:35}),end:Ue.createElement(_n,null,Ue.createElement(lo,{variant:"text",size:"large",width:70}),Ue.createElement(wp,{size:4}),Ue.createElement(lo,{variant:"text",size:"medium",width:50})),title:Ue.createElement("div",null,Ue.createElement(lo,{variant:"text",size:"large",width:90}),Ue.createElement(wp,{size:4}),Ue.createElement(lo,{variant:"text",size:"medium",width:90}))})))}s(vp,"LoadingTokenList");var wi=20,Cg=s(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:i,customCssForTagTitle:a}=t,l=e.length;return $.createElement("div",{className:"description"},o?$.createElement("div",{className:"token-name"},o):$.createElement(Si,{className:"token-title"},$.createElement(uo,{variant:"title",size:"xmedium"},r.symbol),$.createElement(po,{direction:"horizontal",size:4}),$.createElement(Ci,{css:i},$.createElement(ki,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&$.createElement("div",{className:`token-address ${!o&&"token-address-without-name"}`},$.createElement("a",{href:n,target:"_blank",rel:"nofollow noreferrer",onClick:p=>p.stopPropagation()},l>10?`${e.slice(0,5)}...${e.slice(l-6,l)}`:e," ",$.createElement(mg,{color:"gray",size:12}))))},"renderDesc");function Ip(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[i,a]=Ap(e),l=T().fetchStatus,p=T().blockchains(),[u,m]=Ap(!0),c=V.use.loading(),{isTokenPinned:S}=T(),g=Sg((d,w)=>$.createElement("div",{...d,ref:w,style:{...d.style,height:`${parseFloat(d.style?.height)+8*2}px`}})),y=s(()=>{a(e.slice(0,i.length+wi))},"loadNextPage");Ep(()=>{m(e.length>i.length)},[i.length]),Ep(()=>{a(e.slice(0,wi))},[e]);let x=s(()=>!i.length&&o?$.createElement($.Fragment,null,$.createElement(po,{size:32}),$.createElement(gg,{title:Ti.t("No results found"),description:Ti.t("Try using different keywords")})):$.createElement(yg,{Item:({index:d,style:w})=>{let f=i[d],k=f.address||"",h=p.find(A=>A.name===f.blockchain),C=$n(f.symbol,h?.color||""),b={$$color:C[`${f.symbol}100`],[`.${xp} &`]:{$$color:C[`${f.symbol}900`]},backgroundColor:"$$color"},B={$$color:C[`${f.symbol}700`],[`.${xp} &`]:{$$color:C[`${f.symbol}100`]},color:"$$color"};return $.createElement("div",{style:{...w,paddingRight:5}},$.createElement(fg,{style:{height:w?.height},"tab-index":d,key:`${f.symbol}${f.address}`,id:`${f.symbol}${f.address}`,hasDivider:!0,onClick:()=>n(i[d]),start:$.createElement(kp,null,$.createElement(dg,{src:f.image,size:30}),S(f)&&$.createElement(Tp,null,$.createElement(hg,{size:12,color:"gray"}))),title:h?.type==="COSMOS"||f.name||!f.name&&!k?$.createElement(Si,null,$.createElement(uo,{variant:"title",size:"xmedium"},f.symbol),$.createElement(po,{direction:"horizontal",size:4}),$.createElement(Ci,{css:b},$.createElement(ki,{variant:"body",size:"xsmall",css:B},f.blockchain))):void 0,description:h?.info&&k&&h.type!=="COSMOS"?Cg({address:k,token:i[d],customCssForTag:b,customCssForTagTitle:B,name:f.name,url:h.info.addressUrl.split("{wallet}").join(k)}):f.name||void 0,end:c?$.createElement(_n,null,$.createElement(bp,{variant:"text",size:"large",width:70}),$.createElement(po,{size:4}),$.createElement(bp,{variant:"text",size:"medium",width:50})):i[d]?.balance&&$.createElement(Cp,null,$.createElement(uo,{variant:"title",size:"small"},f.balance?.amount),$.createElement("div",null),f.balance?.usdValue&&$.createElement(uo,{variant:"body",className:"usd-value",size:"xsmall"},`$${f.balance?.usdValue}`))}))},hasNextPage:u,itemCount:i.length,loadNextPage:y,innerElementType:g,size:60,key:`${r}-${o}`}),"renderList");return $.createElement(Sp,null,$.createElement(uo,{variant:"label",size:"large"},Ti.t("Select Token")),$.createElement(po,{size:4}),l==="loading"&&$.createElement(vp,{size:wi}),l==="success"&&$.createElement(Pn,null,x()))}s(Ip,"TokenList");function vi(t){let{type:e}=t,o=Tg(),n=ot(),{fromBlockchain:r,toBlockchain:i,setFromToken:a,setToToken:l,setFromBlockchain:p,setToBlockchain:u}=P(),{connectedWallets:m}=V(),[c,S]=kg(""),y=(e==="source"?r:i)?.name??"",x=T().blockchains({type:e}),d=T().tokens({type:e,blockchain:y,searchFor:c}),w=cs(d,m),f=s(h=>{e==="source"?p(h):u(h)},"updateBlockchain"),k=s(h=>{e==="source"?a({token:h,meta:{blockchains:x,tokens:d}}):l({token:h,meta:{blockchains:x,tokens:d}})},"updateToken");return qt.createElement(j,{header:{title:Wp.t("Swap {type}",{type:e})}},qt.createElement(hi,{blockchains:x,type:e=="source"?"from":"to",blockchain:e==="source"?r:i,onMoreClick:()=>o(M.blockchains),onChange:h=>{f(h)}}),qt.createElement(Np,{size:24}),qt.createElement(Re,{value:c,autoFocus:!0,placeholder:Wp.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>S(""),onChange:h=>S(h.target.value)}),qt.createElement(Np,{size:16}),qt.createElement(Ip,{list:w,selectedBlockchain:y,searchedFor:c,onChange:h=>{k(h);let C=x.find(b=>h.blockchain===b.name);C&&f(C),n()}}))}s(vi,"SelectSwapItemsPage");import{i18n as xt}from"@lingui/core";import{ChevronRightIcon as Ei,Divider as Ai,InfoIcon as Ag,List as Ig,ListItemButton as Wg,Skeleton as Ng,Switch as Lg,Tooltip as Bg,Typography as bt}from"@rango-dev/ui";import Q from"react";import{useNavigate as Mg}from"react-router-dom";import{i18n as Pp}from"@lingui/core";import{Chip as vg,Divider as _p,InfoIcon as xg,TextField as bg,Tooltip as Eg,Typography as Dp}from"@rango-dev/ui";import ke from"react";import{styled as Dn}from"@rango-dev/ui";var Lp=Dn("div",{paddingTop:"$5",paddingBottom:"30px"}),Bp=Dn("div",{display:"flex",alignItems:"center",justifyContent:"start"}),Mp=Dn("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),Fn=Dn("div",{maxWidth:"300px",padding:"$10"});import{i18n as xi}from"@lingui/core";import{Typography as wg}from"@rango-dev/ui";import co from"react";function $p(){return co.createElement(Fn,null,co.createElement(wg,{variant:"label",size:"medium",color:"neutral700"},xi.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),co.createElement("br",null),co.createElement("br",null),co.createElement("b",null,xi.t("Warning")),":",xi.t("This setting is applied per step, e.g. 1Inch, Thorchain, etc. and only that step will be reverted, not the whole transaction")))}s($p,"SlippageTooltipContent");function bi(){let t=D.use.slippage(),e=D.use.setSlippage(),o=D.use.customSlippage(),n=D.use.setCustomSlippage();return ke.createElement(Lp,null,ke.createElement(Mp,null,ke.createElement(Dp,{variant:"title",size:"xmedium"},Pp.t("Slippage tolerance per swap")),ke.createElement(_p,{direction:"horizontal",size:4}),ke.createElement(Eg,{container:Z(),side:"top",content:ke.createElement($p,null)},ke.createElement(xg,{color:"gray"}))),ke.createElement(Bp,null,Cs.map((r,i)=>{let a=`slippage-${i}`;return ke.createElement(ke.Fragment,null,ke.createElement(vg,{style:{width:"64px",flexShrink:0},key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`}),ke.createElement(_p,{direction:"horizontal",size:8}))}),ke.createElement(bg,{type:"number",min:"0.01",max:"30",step:"0.01",fullWidth:!0,variant:"contained",value:o||"",color:"dark",onChange:r=>{let i=parseFloat(r.target.value);(!i||i>=vs&&i<=ws)&&n(i)},suffix:o&&ke.createElement(Dp,{variant:"body",size:"small"},"%"),placeholder:Pp.t("Custom")})))}s(bi,"Slippage");function Fp(){let t=Mg(),{theme:e}=T().config,o=T().fetchStatus,n=T().swappers(),r=D.use.infiniteApprove(),i=D.use.toggleInfiniteApprove(),a=_o(n),l=a.filter(k=>k.type==="BRIDGE"||k.type==="AGGREGATOR"),p=l.length,u=l.filter(k=>k.selected).length,m=a.filter(k=>k.type==="DEX"),c=m.length,S=m.filter(k=>k.selected).length,g=s((k,h)=>{switch(o){case"loading":return Q.createElement(Ng,{variant:"text",size:"medium",width:50});case"failed":return Q.createElement(bt,{variant:"body",size:"medium",color:"$error500"},xt.t("Loading failed"));default:return Q.createElement(bt,{variant:"body",size:"medium"},`${k} / ${h}`)}},"handleEndItem"),y={id:"bridge-item",title:Q.createElement(bt,{variant:"title",size:"xmedium"},xt.t("Enabled bridges")),end:Q.createElement(Q.Fragment,null,g(u,p),Q.createElement(Ai,{direction:"horizontal",size:8}),Q.createElement(Ei,{color:"black"})),onClick:()=>t(M.bridges)},x={id:"exchange-item",title:Q.createElement(bt,{variant:"title",size:"xmedium"},xt.t("Enabled exchanges")),end:Q.createElement(Q.Fragment,null,g(S,c),Q.createElement(Ai,{direction:"horizontal",size:8}),Q.createElement(Ei,{color:"gray"})),onClick:()=>t(M.exchanges)},d={id:"theme-item",title:Q.createElement(bt,{variant:"title",size:"xmedium"},xt.t("Theme")),end:Q.createElement(Ei,{color:"gray"}),onClick:()=>t(M.themes)},w={id:"infinite-approval-item",title:Q.createElement(Q.Fragment,null,Q.createElement(bt,{variant:"title",size:"xmedium"},xt.t("Infinite Approval")),Q.createElement(Ai,{direction:"horizontal",size:4}),Q.createElement(Bg,{side:"top",container:Z(),content:Q.createElement(Fn,null,Q.createElement(bt,{variant:"label",size:"medium",color:"neutral700"},xt.t("Enabling the 'Infinite Approval' mode grants unrestricted access to smart contracts of DEXes/Bridges, allowing them to utilize the approved token amount without limitations.")))},Q.createElement(Ag,{color:"gray"}))),end:Q.createElement(Lg,{checked:r}),onClick:i},f=[y,x];return e?.singleTheme||f.push(d),f.push(w),Q.createElement(j,{header:{title:xt.t("Setting")}},Q.createElement(et,null,Q.createElement(bi,null),Q.createElement(Ig,{type:Q.createElement(Wg,{title:"_",id:"_",onClick:()=>console.log()}),items:f})))}s(Fp,"SettingsPage");import{cancelSwap as Ah}from"@rango-dev/queue-manager-rango-preset";import{useManager as Ih}from"@rango-dev/queue-manager-react";import hu from"react";import{i18n as tt}from"@lingui/core";import{getCurrentBlockchainOfOrNull as lh,getCurrentStep as ph,getRelatedWalletOrNull as uh,PendingSwapNetworkStatus as Kn}from"@rango-dev/queue-manager-rango-preset";import{Button as lu,CopyIcon as ch,Divider as mh,IconButton as dh,QuoteCost as fh,StepDetails as gh,Typography as Ht,useCopyToClipboard as hh}from"@rango-dev/ui";import{useWallets as yh}from"@rango-dev/wallets-react";import K,{useEffect as pu,useRef as Sh,useState as uu}from"react";import{useNavigate as Ch}from"react-router-dom";import{i18n as Te}from"@lingui/core";var $g=1e3,Pg=31536e3,_g=2592e3,Dg=86400,Fg=3600,Og=60;function Op(t){let e=Math.floor((Date.now()-t)/$g),n=[{turningPoint:Pg,label:Te.t("year"),pluralLabel:Te.t("years")},{turningPoint:_g,label:Te.t("month"),pluralLabel:Te.t("months")},{turningPoint:Dg,label:Te.t("day"),pluralLabel:Te.t("days")},{turningPoint:Fg,label:Te.t("hour"),pluralLabel:Te.t("hours")},{turningPoint:Og,label:Te.t("minute"),pluralLabel:Te.t("minutes")}].sort((r,i)=>i.turningPoint-r.turningPoint);for(let r of n){let{turningPoint:i,label:a,pluralLabel:l}=r,p=Math.floor(e/i);if(p>1)return`${p} ${l}`;if(p===1)return`${p} ${a}`}return e>1?`${e} ${Te.t("seconds")}`:`${e} ${Te.t("second")}`}s(Op,"timeSince");function Up(t){return t.finishTime?Te.t({id:"{time} ago",values:{time:Op(parseInt(t.finishTime))}}):Te.t({id:"{time} ago",values:{time:Op(parseInt(t.creationTime))}})}s(Up,"getSwapDate");import{PendingSwapNetworkStatus as zn}from"@rango-dev/queue-manager-rango-preset";import{Modal as Vg}from"@rango-dev/ui";import qn from"react";import{i18n as On}from"@lingui/core";import{Button as zp,Divider as Ii,MessageBox as Ug,Typography as qp}from"@rango-dev/ui";import Xe from"react";var Gp=s(({onCancel:t,onClose:e})=>Xe.createElement(Xe.Fragment,null,Xe.createElement(Ii,{size:20}),Xe.createElement(Ug,{type:"error",title:On.t("Transaction Cancel"),description:On.t("Are you sure you want to Cancel this swap?")}),Xe.createElement(Ii,{size:32}),Xe.createElement(zp,{variant:"contained",type:"primary",size:"large",onClick:t},Xe.createElement(qp,{variant:"title",size:"medium",color:"neutral100"},On.t("Yes, Cancel it"))),Xe.createElement(Ii,{size:12}),Xe.createElement(zp,{variant:"outlined",type:"primary",size:"large",onClick:e},Xe.createElement(qp,{variant:"title",size:"medium",color:"primary"},On.t("No, Continue")))),"CancelContent");import{i18n as Un}from"@lingui/core";import{Button as Hp,Divider as Wi,MessageBox as zg,Typography as Qp}from"@rango-dev/ui";import Ye from"react";var Vp=s(({onDelete:t,onClose:e})=>Ye.createElement(Ye.Fragment,null,Ye.createElement(Wi,{size:20}),Ye.createElement(zg,{type:"error",title:Un.t("Delete Transaction"),description:Un.t("Are you sure you want to delete this swap?")}),Ye.createElement(Wi,{size:32}),Ye.createElement(Hp,{variant:"contained",type:"primary",size:"large",onClick:t},Ye.createElement(Qp,{variant:"title",size:"medium",color:"neutral100"},Un.t("Yes, Delete it"))),Ye.createElement(Wi,{size:12}),Ye.createElement(Hp,{variant:"outlined",type:"primary",size:"large",onClick:e},Ye.createElement(Qp,{variant:"title",size:"medium",color:"primary"},Un.t("No, Cancel")))),"DeleteContent");import{i18n as Ni}from"@lingui/core";import{PendingSwapNetworkStatus as Li}from"@rango-dev/queue-manager-rango-preset";var Bi={[Li.WaitingForNetworkChange]:{type:"loading",title:Ni.t("Change Network")},[Li.WaitingForConnectingWallet]:{type:"warning",title:Ni.t("Connect Wallet")},[Li.NetworkChanged]:{type:"success",title:Ni.t("Network Changed")}};import{MessageBox as Gg,Wallet as Hg,WalletState as Kp}from"@rango-dev/ui";import{useWallets as Qg}from"@rango-dev/wallets-react";import mo from"react";import{styled as qg}from"@rango-dev/ui";var jp=qg("div",{display:"flex",justifyContent:"center"});var Xp=s(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:i}=t,{connect:a,getWalletInfo:l,state:p}=Qg(),u=n?.walletType,c=u&&p(u).connected?Kp.CONNECTED:Kp.DISCONNECTED;return mo.createElement(mo.Fragment,null,mo.createElement(Gg,{type:e,title:o,description:r}),i&&u&&mo.createElement(jp,null,mo.createElement(Hg,{container:Z(),title:l(u).name,image:l(u).img,type:u,state:c,onClick:async()=>a(u)})))},"WalletStateContent");function Mi(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:i,message:a}=t,l=e===zn.WaitingForNetworkChange||e===zn.WaitingForConnectingWallet||e===zn.NetworkChanged;return qn.createElement(Vg,{open:!!e,onClose:o,container:document.getElementById("swap-box")||document.body},l&&qn.createElement(Xp,{type:Bi[e].type,title:Bi[e].title,currentStepWallet:i,message:a,showWalletButton:e!==zn.WaitingForNetworkChange}),e==="delete"&&qn.createElement(Vp,{onClose:o,onDelete:n}),e==="cancel"&&qn.createElement(Gp,{onClose:o,onCancel:r}))}s(Mi,"SwapDetailsModal");import{i18n as fo}from"@lingui/core";import{Button as $i,Divider as Gn,MessageBox as Yp,Modal as jg,TokenAmount as Kg,Typography as Hn}from"@rango-dev/ui";import ue from"react";import{useNavigate as Xg}from"react-router-dom";function Pi(t){let{open:e,onClose:o,status:n,priceValue:r,usdValue:i,token:a,chain:l,percentageChange:p,description:u,diagnosisUrl:m}=t,c=Xg();return ue.createElement(jg,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},n==="success"?ue.createElement(Yp,{type:"success",title:fo.t("Swap Successful")},ue.createElement(Kg,{direction:"vertical",type:"output",centerAlign:!0,price:{value:r,usdValue:i},token:a,chain:l,percentageChange:p}),ue.createElement(Gn,{size:12}),ue.createElement(Hn,{variant:"body",size:"medium",color:"neutral700",align:"center"},u)):ue.createElement(Yp,{type:"error",title:fo.t("Transaction Failed"),description:u}),ue.createElement(Gn,{size:32}),n==="success"&&ue.createElement($i,{variant:"contained",type:"primary",size:"large",onClick:()=>{c("../../")}},ue.createElement(Hn,{variant:"title",size:"medium",color:"neutral100"},fo.t("Done"))),ue.createElement(Gn,{size:12}),m&&ue.createElement(ue.Fragment,null,ue.createElement($i,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(m,"_blank")},ue.createElement(Hn,{variant:"title",size:"medium",color:"primary"},fo.t("Diagnosis"))),ue.createElement(Gn,{size:12})),ue.createElement($i,{variant:"outlined",type:"primary",size:"large",onClick:o},ue.createElement(Hn,{variant:"title",size:"medium",color:"primary"},fo.t("See Details"))))}s(Pi,"SwapDetailsCompleteModal");import sh from"react";import{i18n as oh}from"@lingui/core";import{Alert as ou,IconButton as nh,LinkIcon as rh}from"@rango-dev/ui";import dt,{Fragment as ih}from"react";import{Alert as Yg,ChevronDownIcon as Jg,ChevronUpIcon as Zg,IconButton as Rg}from"@rango-dev/ui";import Qn,{useState as eh}from"react";function Jp(t){let{message:e}=t,[o,n]=eh(!1);return Qn.createElement(Yg,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&Qn.createElement(Rg,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?Qn.createElement(Zg,{size:12,color:"gray"}):Qn.createElement(Jg,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}s(Jp,"FailedAlert");import{styled as th}from"@rango-dev/ui";var Zp=th("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as Rp}from"@lingui/core";import{PendingSwapNetworkStatus as _i}from"@rango-dev/queue-manager-rango-preset";import{Alert as Di,Button as eu}from"@rango-dev/ui";import go from"react";function tu(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?go.createElement(Di,{type:"warning",title:n.shortMessage,action:go.createElement(eu,{size:"xxsmall",type:"warning",onClick:()=>{o(_i.WaitingForNetworkChange),e().catch(i=>{console.log(i)})}},Rp.t("Change"))}):r===_i.WaitingForConnectingWallet?go.createElement(Di,{type:"warning",title:n.shortMessage,action:go.createElement(eu,{size:"xxsmall",type:"warning",onClick:()=>{o(_i.WaitingForConnectingWallet)}},Rp.t("Connect"))}):go.createElement(Di,{type:"warning",title:n.shortMessage})}s(tu,"WarningAlert");function Fi(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:i,hasAlreadyProceededToSign:a}=t,l=Xt(i),p=i.status==="waitingForApproval"&&!l,u=i.status==="running"&&!l;return dt.createElement(Zp,null,i.explorerUrl?.map((m,c,S)=>{let g=c+m.url,y=c===S.length-1,x=y&&u||p,d=y&&i.status==="failed";return dt.createElement(ih,{key:g},dt.createElement(ou,{type:x&&"loading"||d&&"error"||"success",title:m.description?`${m.description} Tx`:oh.t("View transaction"),action:m.url&&dt.createElement(nh,{variant:"ghost",size:"xsmall",onClick:()=>window.open(m.url,"_blank")},dt.createElement(rh,{size:16}))}))}),(u&&!a||p&&!i.explorerUrl?.length)&&dt.createElement(ou,{type:"loading",title:r.shortMessage}),i.status!=="failed"&&l&&dt.createElement(tu,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),i.status==="failed"&&dt.createElement(Jp,{message:r}))}s(Fi,"SwapDetailsAlerts");var nu=2e3;var ru=s(({swap:t,blockchains:e,...o})=>{let n=t.hasAlreadyProceededToSign!==!1;return t.steps.map((r,i)=>{let a=i===0?t.inputAmount:t.steps[i-1].outputAmount;return{from:{token:{displayName:r.fromSymbol,image:r.fromLogo??""},chain:{displayName:hr(r.fromBlockchain,e)??"",image:r.fromBlockchainLogo??""},price:{value:W(a,6,6)}},to:{token:{displayName:r.toSymbol,image:r.toLogo},chain:{displayName:hr(r.toBlockchain,e)??"",image:r.toBlockchainLogo??""},price:{value:W(r.outputAmount||r.expectedOutputAmountHumanReadable,6,6)}},swapper:{displayName:r.swapperId,image:r.swapperLogo??""},alerts:sh.createElement(Fi,{step:r,hasAlreadyProceededToSign:n,...o})}})},"getSteps");function iu(t){if(Xt(t)&&t.status!=="failed"&&t.status!=="success")return"warning";switch(t.status){case"created":return"default";case"approved":case"waitingForApproval":case"running":return"in-progress";case"failed":return"error";case"success":return"completed"}}s(iu,"getStepState");import{darkTheme as ah,styled as Gt}from"@rango-dev/ui";var Vn=Gt("div",{display:"flex",width:"100%",flexDirection:"column",alignItems:"center",height:"0",flexGrow:1,"& .row":{display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",padding:"$10 $20",borderBottom:"1px solid",$$color:"$colors$neutral300",[`.${ah} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color",color:"$neutral500"},"& .request-id":{display:"flex",justifyContent:"center",alignItems:"center",height:"$24"},"& .output":{display:"flex",width:"100%",padding:"$15 $20 $20",flexDirection:"column",alignItems:"start"},"& .title-steps":{textAlign:"left",width:"100%",padding:"0 $20 $10"}}),jn=Gt("div",{width:"100%"}),su=Gt("div",{padding:"$0 $20 $20 $20",width:"100%",overflow:"auto"}),zL=Gt("div",{display:"flex",flexDirection:"column",gap:"$10"}),au=Gt("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),qL=Gt("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1});function Oi(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:i,connect:a,getWalletInfo:l}=yh(),p=T().blockchains(),u=T().tokens(),m=P.use.retry(),c=Ch(),[S,g]=hh(nu),y=Sh(null),[x,d]=uu(null),[w,f]=uu(null),k=s(()=>{r(),d(null)},"onCancel"),h=Ie.use.getUnreadNotifications(),C=Ie.use.setAsRead(),b=h(),B=ph(e),A=B?.networkStatus;pu(()=>{b.find(se=>se.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(f(e.status),C(e.requestId))},[e.status]),pu(()=>{U?d(Kn.WaitingForNetworkChange):A===Kn.WaitingForConnectingWallet||A===Kn.NetworkChanged?d(A):d(null)},[A]);let _=ta(e),L=B?lh(e,B):null,H=B?uh(e,B):null,v=Up(e),z=oa(e),O=s(q=>!!l(q)?.mobileWallet,"isMobileWallet"),U=A===Kn.WaitingForNetworkChange&&!!L&&!!H?.walletType&&(O(H.walletType)||i(H.walletType,L)),ne=U?a.bind(null,H.walletType,L):void 0,Ne=ea(e,B),ee=ru({swap:e,switchNetwork:ne,showNetworkModal:A,setNetworkModal:d,message:Ne,blockchains:p}),oe=ee.length,[fe,ze]=[e.steps[0],e.steps[oe-1]],ft=ze.outputAmount||ze.expectedOutputAmountHumanReadable,vo=e.steps.reduce((q,se)=>q+parseFloat(se.feeInUsd||""),0),Rn=e.steps.find(q=>q.diagnosisUrl)?.diagnosisUrl,Et=W(String(parseFloat(W(ft,6,6))*(Bo(ze.toBlockchain,ze.toSymbol,ze.toSymbolAddress,u)||0)),4,4),xo=W(String(parseFloat(e.inputAmount)*(Bo(fe.fromBlockchain,fe.fromSymbol,fe.fromSymbolAddress,u)||0)),4,4),F=Bt(xo,Et),X=e.status==="success"?tt.t({id:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:W(ft,6,6),token:ee[oe-1].to.token.displayName,conciseAddress:$o(e.wallets[ee[oe-1].to.chain.displayName]?.address||""),chain:ee[oe-1].to.chain.displayName}}):`${tt.t("Transaction was not sent.")} ${_?tt.t({id:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:_.outputAmount,symbol:_.symbol,blockchain:_.blockchain}}):""}`;return K.createElement(j,{noPadding:!0,header:{title:tt.t("Swap and Bridge"),onCancel:e.status==="running"?()=>d("cancel"):void 0,suffix:e.status!=="running"&&K.createElement(Nt,null,K.createElement(lu,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>d("delete")},K.createElement(Ht,{size:"medium",variant:"label",color:"error"},tt.t("Delete"))))},footer:z&&!w&&K.createElement(lu,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{m(e,{blockchains:p,tokens:u}),setTimeout(()=>{c("../../")},0)}},tt.t("Try again"))},K.createElement(Vn,null,K.createElement(jn,null,K.createElement("div",{className:"row"},K.createElement(Ht,{variant:"label",size:"large",color:"neutral700"},`${tt.t("Request ID")}:`),K.createElement("div",{className:"request-id"},K.createElement(Ht,{variant:"label",size:"small",color:"neutral700"},o),K.createElement(dh,{variant:"ghost",onClick:g.bind(null,o||"")},K.createElement(ch,{size:16,color:"gray"})))),K.createElement("div",{className:"row"},K.createElement(Ht,{variant:"label",size:"large",color:"neutral700"},`${tt.t("Created at")}:`),K.createElement(Ht,{variant:"label",size:"small",color:"neutral700"},v))),K.createElement("div",{className:"output"},K.createElement(fh,{fee:W(String(vo),2,2),time:Ao(Io(e.steps)),steps:oe}),K.createElement(Jt,{from:{price:{value:W(e.inputAmount,6,6),usdValue:xo},token:{displayName:ee[0].from.token.displayName,image:ee[0].from.token.image},chain:{image:ee[0].from.chain.image,displayName:ee[0].from.chain.displayName}},to:{price:{value:W(ft,6,6),usdValue:Et},token:{displayName:ee[oe-1].to.token.displayName,image:ee[oe-1].to.token.image},chain:{image:ee[oe-1].to.chain.image,displayName:ee[oe-1].to.chain.displayName}},percentageChange:W(String(F),2,2),warningLevel:Je(F??0)})),K.createElement("div",{className:"title-steps"},K.createElement(Ht,{variant:"title",size:"small"},tt.t("Swaps steps"))),K.createElement(mh,{size:8}),K.createElement(su,{ref:y},ee.map((q,se)=>{let qe=se,xe=iu(e.steps[se]),er=xe==="error"||xe==="in-progress"||xe==="warning"||xe==="completed"&&se===ee.length-1;return K.createElement(gh,{key:qe,step:q,type:"swap-progress",ref:y,state:xe,hasSeparator:se!==0,tabIndex:qe,isFocused:er})}))),K.createElement(Mi,{state:x,onClose:()=>d(null),onCancel:k,onDelete:n,message:Ne.detailedMessage.content,currentStepWallet:H}),K.createElement(Pi,{open:!!w,diagnosisUrl:Rn,onClose:()=>f(null),status:e.status==="success"?"success":"failed",priceValue:W(ft,6,6),usdValue:Et,percentageChange:W(String(F),2,2),token:{displayName:ee[oe-1].to.token.displayName,image:ee[oe-1].to.token.image},chain:{image:ee[oe-1].to.chain.image},description:X}))}s(Oi,"SwapDetails");import{i18n as ko}from"@lingui/core";import{CopyIcon as xh,IconButton as bh,NotFound as Eh,Skeleton as fu,Typography as Yn}from"@rango-dev/ui";import le from"react";import{i18n as Th}from"@lingui/core";import{ChainToken as wh,Divider as zi,Skeleton as Co,Typography as vh}from"@rango-dev/ui";import J from"react";import{styled as Ui}from"@rango-dev/ui";var cu=Ui("div",{width:"100%",height:"100%",padding:"$0 $20",".cost":{paddingTop:"$15",display:"flex"},".quote-summary":{padding:"$15 $0"},".quote-summary-item":{display:"flex",justifyContent:"space-between",alignItems:"center"},".token-amount":{display:"flex",justifyContent:"space-between",alignItems:"center"},".quote-summary-separator":{width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"},".swaps-steps":{paddingBottom:"$10"}}),mu=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"}}),Xn=Ui("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"});import{ChainToken as du,Divider as ho,NextIcon as kh,Skeleton as yo}from"@rango-dev/ui";import ae from"react";function So(t){let{extraInfo:e}=t;return ae.createElement(mu,null,ae.createElement("div",{className:"step-title"},ae.createElement(yo,{height:28,width:28,variant:"circular"}),ae.createElement(ho,{direction:"horizontal",size:8}),ae.createElement(yo,{height:15,width:148,variant:"rounded"})),ae.createElement("div",{className:"step-tokens"},ae.createElement(ho,{direction:"horizontal",size:20}),ae.createElement("div",{className:"step-token-info"},ae.createElement(du,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ae.createElement(ho,{direction:"horizontal",size:8}),ae.createElement(yo,{height:12,width:76,variant:"rounded"})),ae.createElement("div",{className:"step-icon-container"},ae.createElement(kh,{color:"gray",size:16})),ae.createElement("div",{className:"step-token-info"},ae.createElement(du,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ae.createElement(ho,{direction:"horizontal",size:8}),ae.createElement(yo,{height:12,width:76,variant:"rounded"}))),e&&ae.createElement("div",{className:"extra-info"},ae.createElement(ho,{direction:"horizontal",size:20}),ae.createElement(yo,{height:22,width:297,variant:"rectangular"})))}s(So,"LoadingSwapDetailStep");function qi(){let t=J.createElement("div",{className:"quote-summary-item"},J.createElement("div",{className:"token-amount"},J.createElement(wh,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),J.createElement(zi,{size:8,direction:"horizontal"}),J.createElement(Co,{height:15,width:148,variant:"rounded"})),J.createElement(Co,{height:12,width:64,variant:"rounded"}));return J.createElement(cu,null,J.createElement("div",{className:"cost"},J.createElement(Co,{width:60,height:10,variant:"rounded"}),J.createElement(zi,{size:4,direction:"horizontal"}),J.createElement(Co,{width:60,height:10,variant:"rounded"}),J.createElement(zi,{size:4,direction:"horizontal"}),J.createElement(Co,{width:60,height:10,variant:"rounded"})),J.createElement("div",{className:"quote-summary"},t,J.createElement("div",{className:"quote-summary-separator"}),t),J.createElement("div",{className:"swaps-steps"},J.createElement(vh,{variant:"title",size:"small"},Th.t("Swaps steps"))),J.createElement("div",{className:"step-container"},J.createElement(So,{extraInfo:!0}),J.createElement(Xn,null),J.createElement(So,null),J.createElement(Xn,null),J.createElement(So,null),J.createElement(Xn,null),J.createElement(So,null)))}s(qi,"LoadingSwapDetails");function gu(t){let{requestId:e,showSkeleton:o}=t;return le.createElement(j,{noPadding:!0,header:{title:ko.t("Swap and Bridge"),suffix:le.createElement(Nt,null)}},o&&le.createElement(Vn,null,le.createElement(jn,null,le.createElement("div",{className:"row"},le.createElement(Yn,{variant:"label",size:"large",color:"neutral700"},`${ko.t("Request ID")}:`),le.createElement("div",{className:"request-id"},le.createElement(Yn,{variant:"label",size:"small",color:"neutral700"},le.createElement(fu,{width:60,height:10,variant:"rounded"})),le.createElement(bh,{variant:"ghost"},le.createElement(xh,{size:16,color:"gray"})))),le.createElement("div",{className:"row"},le.createElement(Yn,{variant:"label",size:"large",color:"neutral700"},`${ko.t("Created at")}:`),le.createElement(Yn,{variant:"label",size:"small",color:"neutral700"},le.createElement(fu,{width:60,height:10,variant:"rounded"})))),le.createElement(qi,null)),!o&&le.createElement(au,null,le.createElement(Eh,{title:ko.t("Not found"),description:ko.t({id:"Swap with request ID = {requestId} not found.",values:{requestId:e}})})))}s(gu,"SwapDetailsPlaceholder");function yu(){let{manager:t,state:e}=Ih(),o=!e.loadedFromPersistor,n=Ut(t),r=Se.use.selectedSwapRequestId(),i=ot(),{fetchStatus:a}=T(),l=o||a==="loading",p=n.find(({swap:S})=>S.requestId===r),u=s(()=>{if(p?.id){let S=t?.get(p.id);S&&Ah(S)}},"onCancel"),m=s(async()=>{if(p?.id)try{t?.deleteQueue(p.id),i()}catch(S){console.log(S)}},"onDelete"),c=p?.swap;return!c||l?hu.createElement(gu,{requestId:r||"",showSkeleton:l}):hu.createElement(Oi,{swap:c,requestId:r||"",onCancel:u,onDelete:m})}s(yu,"SwapDetailsPage");import{i18n as To}from"@lingui/core";import{AutoThemeIcon as Wh,DarkModeIcon as Nh,LightModeIcon as Lh,List as Bh,ListItemButton as Mh,Radio as Gi,RadioRoot as $h,Typography as Hi}from"@rango-dev/ui";import we from"react";function Su(){let t=D.use.theme(),e=D.use.setTheme(),o=[{id:"light",value:"light",title:we.createElement(Hi,{variant:"title",size:"xmedium"},To.t("Light")),onClick:()=>e("light"),start:we.createElement(Lh,{color:"gray"}),end:we.createElement(Gi,{value:"light"})},{id:"dark",value:"dark",title:we.createElement(Hi,{variant:"title",size:"xmedium"},To.t("Dark")),onClick:()=>e("dark"),start:we.createElement(Nh,{color:"gray"}),end:we.createElement(Gi,{value:"dark"})},{id:"auto",value:"auto",title:we.createElement(Hi,{variant:"title",size:"xmedium"},To.t("Auto")),onClick:()=>e("auto"),start:we.createElement(Wh,{color:"gray"}),end:we.createElement(Gi,{value:"auto"})}];return we.createElement(j,{header:{title:To.t("Theme")}},we.createElement(et,null,we.createElement($h,{onValueChange:n=>e(n),value:t},we.createElement(Bh,{type:we.createElement(Mh,{title:To.t("Theme"),id:"_",onClick:()=>console.log()}),items:o}))))}s(Su,"ThemePage");function Cu(){return Ph([{path:M.home,element:ve.createElement(dn,null)},{path:M.fromSwap,children:[{index:!0,element:ve.createElement(vi,{type:"source"})},{path:M.blockchains,element:ve.createElement(ci,{type:"source"})}]},{path:M.toSwap,children:[{index:!0,element:ve.createElement(vi,{type:"destination"})},{path:M.blockchains,element:ve.createElement(ci,{type:"destination"})}]},{path:M.settings,children:[{index:!0,element:ve.createElement(Fp,null)},{path:M.themes,element:ve.createElement(Su,null)},{path:M.languages,element:ve.createElement(Rl,null)},{path:M.exchanges,element:ve.createElement(si,{sourceType:"Exchanges"})},{path:M.bridges,element:ve.createElement(si,{sourceType:"Bridges"})}]},{path:M.swaps,children:[{index:!0,element:ve.createElement(Jl,null)},{path:M.swapDetails,element:ve.createElement(yu,null)}]},{path:M.wallets,element:ve.createElement(xl,null)},{path:M.confirmSwap,element:ve.createElement(zl,null)}])}s(Cu,"AppRoutes");import{isApprovalTX as _h,MainEvents as Tu,RouteEventType as wu,StepEventType as Qt,StepExecutionEventStatus as Dh,useEvents as Fh}from"@rango-dev/queue-manager-rango-preset";import{useEffect as vu}from"react";import{StepExecutionBlockedEventStatus as Qi}from"@rango-dev/queue-manager-rango-preset";var ku=[Qi.WAITING_FOR_CHANGE_WALLET_ACCOUNT,Qi.WAITING_FOR_NETWORK_CHANGE,Qi.WAITING_FOR_WALLET_CONNECT];function xu(){let t=T().tokens(),e=V.use.connectedWallets(),o=V.use.getWalletsDetails(),n=Ie.use.setNotification(),r=Ie.use.setAsRead(),i=Fh();return vu(()=>(i.on(Tu.StepEvent,a=>{let{event:l,step:p,route:u}=a;if(l.type===Qt.TX_EXECUTION&&l.status===Dh.TX_SENT&&!_h(p)||l.type===Qt.SUCCEEDED){let c=e.find(g=>g.chain===p?.fromBlockchain),S=p?.fromBlockchain!==p?.toBlockchain&&e.find(g=>g.chain===p?.toBlockchain);c&&o([c],t),S&&o([S],t)}l.type===Qt.TX_EXECUTION_BLOCKED&&ku.includes(l.status)||l.type===Qt.FAILED?n(l,u):(l.type===Qt.TX_EXECUTION||l.type===Qt.CHECK_STATUS)&&r(u.requestId)}),()=>i.all.clear()),[i,e.length]),vu(()=>(i.on(Tu.RouteEvent,a=>{let{event:l,route:p}=a;(l.type===wu.FAILED||l.type===wu.SUCCEEDED)&&n(l,p)}),()=>i.all.clear()),[i,e.length]),null}s(xu,"WidgetEvents");import{globalCss as Oh}from"@rango-dev/ui";var bu=s(()=>Oh({"@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 Ki,darkTheme as Hh,lightTheme as Qh}from"@rango-dev/ui";import{useEffect as Au,useState as Vh}from"react";import{theme as qh,darkColors as Gh}from"@rango-dev/ui";var Eu=s(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),Uh=s(t=>{let e="",o;for(o=Math.abs(t);o>52;o=o/52|0)e=Eu(o%52)+e;return Eu(o%52)+e},"toAlphabeticName"),zh=s((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),Vi=s(t=>Uh(zh(5381,JSON.stringify(t))>>>0),"toHash");function ji(t){let e=qh.colors,o=yi({...e,...Gh},!0,t?.dark),n=yi(e,!1,t?.light),r=Object.keys(o).length>0,i=Object.keys(n).length>0,a,l;if(i){let p={colors:n};a={id:`${nr}-light-${Vi(p)}`,tokens:p}}if(r){let p={colors:o};l={id:`${nr}-dark-${Vi(p)}`,tokens:p}}return{light:a,dark:l}}s(ji,"customizedThemeTokens");function Iu(t){let{colors:e,fontFamily:o=os,borderRadius:n=es,secondaryBorderRadius:r=ts,mode:i="auto"}=t,[a,l]=Vh("light"),p=D.use.theme(),u=D.use.setTheme(),{dark:m,light:c}=ji(e),S=Ki({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),g=[S.className,Qh.className],y=[S.className,Hh.className];if(c){let d=Ki(c.id,c.tokens);g.push(d.className)}if(m){let d=Ki(m.id,m.tokens);y.push(d.className)}return Au(()=>{let d=s(w=>{w.matches?l("dark"):l("light")},"switchThemeListener");return window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches&&l("dark"),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",d),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",d)}},[]),Au(()=>{i!=="auto"&&u(i)},[i]),{activeTheme:s(()=>{let d=g.join(" "),w=y.join(" ");return p==="auto"?a==="dark"?w:d:p==="dark"?w:d},"getActiveTheme")}}s(Iu,"useTheme");import{styled as jh}from"@rango-dev/ui";var Wu=jh("div",{width:"100%",display:"flex",justifyContent:"center",alignItems:"center",fontFamily:"$widget",boxSizing:"border-box","& *, *::before, *::after":{boxSizing:"inherit",listStyleType:"none"},"& *:focus-visible":{outlineColor:"$info500",transition:"none"}});function Jn(){bu();let{fetch:t,config:e}=T(),{activeTheme:o}=Iu(e?.theme||{}),{activeLanguage:n,changeLanguage:r}=Wn(),[i,a]=Lu(""),[l,p]=Lu(),u=Xh(Fo);return Yh(()=>{e?.apiKey&&Ri({API_KEY:e?.apiKey})},[e]),Nu(()=>{t().catch(),D.persist.rehydrate(),Ie.persist.rehydrate(),u.onConnectWallet(a)},[]),Nu(()=>{r(e?.language)},[e?.language]),wo.createElement(Kh,{language:n},wo.createElement(Wu,{id:"swap-container",className:o()},wo.createElement(xu,null),wo.createElement(gl,{lastConnectedWallet:i,disconnectedWallet:l,clearDisconnectedWallet:()=>{p(void 0)}},wo.createElement(Cu,null))))}s(Jn,"Main");import Yi from"react";import{checkWaitingForNetworkChange as Jh,makeQueueDefinition as Zh}from"@rango-dev/queue-manager-rango-preset";import{Provider as Rh}from"@rango-dev/queue-manager-react";import{useWallets as ey}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as ty}from"@rango-dev/wallets-shared";import{isEvmBlockchain as oy}from"rango-types";import ny,{useMemo as ry}from"react";function iy(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:i,getWalletInfo:a}=ey(),l=ry(()=>Zh({API_KEY:t.apiKey||bo("API_KEY")}),[t.apiKey]),p=T().blockchains(),m={blockchains:V.use.connectedWallets().map(f=>({accounts:[f],name:f.chain}))},c=s(async(f,k)=>{if(i(f,k))return r(f,k)},"switchNetwork"),S=s(f=>!!a(f).mobileWallet,"isMobileWallet"),g=p.filter(f=>f.enabled).reduce((f,k)=>(f[k.name]=k,f),{}),y=p.filter(oy),x=s(f=>{let{supportedChains:k}=a(f);return No(k)},"getSupportedChainNames"),d=e(),w={meta:{blockchains:g,evmBasedChains:y,evmNetworkChainInfo:ty(y),getSupportedChainNames:x},getSigners:o,wallets:m,providers:d,switchNetwork:c,canSwitchNetworkTo:i,connect:r,state:n,isMobileWallet:S};return ny.createElement(Rh,{queuesDefs:[l],context:w,onPersistedDataLoaded:f=>{Jh(f)},isPaused:!1},t.children)}s(iy,"QueueManager");var Bu=iy;import{useManager as sy}from"@rango-dev/queue-manager-react";import ay,{createContext as ly,useContext as py,useMemo as uy}from"react";var Mu=ly(void 0);function Xi(t){let{manager:e}=sy(),o=Ut(e),n=uy(()=>({swaps:o}),[e,o]);return ay.createElement(Mu.Provider,{value:n},t.children)}s(Xi,"WidgetInfo");function $u(){let t=py(Mu);if(!t)throw new Error("useWidget can only be used within the WidgetProvider component");return t}s($u,"useWidget");function Zn(t){let{onUpdateState:e,config:o}=t;return Yi.createElement(Oo,{config:o,onUpdateState:e},Yi.createElement(Bu,{apiKey:o.apiKey},Yi.createElement(Xi,null,t.children)))}s(Zn,"WidgetProvider");function Pu(t){return t.config?.externalWallets?Ji.createElement(Jn,null):Ji.createElement(Zn,{config:t.config??ir},Ji.createElement(Jn,null))}s(Pu,"Widget");export{J$ as MainEvents,Z$ as RouteEventType,R$ as StepEventType,eP as StepExecutionBlockedEventStatus,tP as StepExecutionEventStatus,Pu as Widget,Zn as WidgetProvider,Oo as WidgetWallets,ji as customizedThemeTokens,Bl as useWallets,$u as useWidget,oP as useWidgetEvents};
+var Du=Object.defineProperty;var s=(t,e)=>Du(t,"name",{value:e,configurable:!0});import{MainEvents as eP,RouteEventType as tP,StepEventType as oP,StepExecutionBlockedEventStatus as nP,StepExecutionEventStatus as rP,useEvents as iP}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Ml}from"@rango-dev/wallets-react";import{Events as pr,Provider as cc}from"@rango-dev/wallets-react";import{isEvmBlockchain as mc}from"rango-sdk";import Fo,{createContext as dc,useEffect as fc,useRef as gc}from"react";import{useEffect as Zu}from"react";import{create as Xu}from"zustand";import{subscribeWithSelector as Yu}from"zustand/middleware";import{RangoClient as Fu}from"rango-sdk";var Eo="c6381a79-2817-4602-83bf-6a641a409e32",Ri="https://api.rango.exchange";var nr={API_KEY:Eo};function At(t){return nr[t]||""}s(At,"getConfig");function es(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),nr=e,nr}s(es,"initConfig");var ts=20,os=25,ns="Roboto",rr="theme-widget";var Ao,It=s(()=>Ao||(Ao=new Fu(At("API_KEY"),At("BASE_URL")),Ao),"httpService");import{WalletState as He}from"@rango-dev/ui";import{readAccountAddress as zu}from"@rango-dev/wallets-react";import{detectInstallLink as qu,getCosmosExperimentalChainInfo as Gu,isEvmAddress as Hu,KEPLR_COMPATIBLE_WALLETS as Ly,Networks as ss}from"@rango-dev/wallets-shared";import ir from"bignumber.js";import{isCosmosBlockchain as Qu}from"rango-types";import Ou from"bignumber.js";var Ee=new Ou(0);import{WalletTypes as Uu}from"@rango-dev/wallets-shared";var rs=[Uu.LEAP];import{BigNumber as is}from"bignumber.js";var Io=s(t=>{let e=(t%60).toString().padStart(2,"0");return`${parseInt((t/60).toString()).toString().padStart(2,"0")}:${e}`},"secondsToString"),W=s((t,e=null,o=null)=>{if(t==null||t==="")return"";let n=new is(t),r=1,i=1e3;for(let a=0;a<60;a++)if(new is(n.toFixed(a,r)).eq(n)){i=a;break}if(n.gte(1e4))return n.toFormat(0,r);if(n.gte(1e3)||n.gte(100))return n.toFormat(Math.min(i,Math.min(o||100,Math.max(e||0,1))),r);if(n.gte(1))return n.toFormat(Math.min(i,Math.min(o||100,Math.max(e||0,2))),r);if(n.gte(.01))return n.toFormat(Math.min(i,Math.min(o||100,Math.max(e||0,4))),r);for(let a=e||4;a<17;a++)if(n.gte(Math.pow(10,-a)))return n.toFormat(Math.min(i,Math.min(o||100,Math.max(e||0,a))),r);return n.isEqualTo(0)?"0":n.toFormat(Math.min(i,Math.min(o||100,Math.max(e||0,8))),r)},"numberToString");var Wo=s(t=>t?.reduce((e,o)=>e+(o.estimatedTimeInSeconds??0),0)||0,"totalArrivalTime");var Ge=s((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),jt=s(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function No(t,e=4){let o=parseFloat(t);if(isNaN(o))return t;let n=Math.pow(10,e);return(Math.round(o*n)/n).toString()}s(No,"limitDecimalPlaces");function Vu(t){switch(!0){case t.connected:return He.CONNECTED;case t.connecting:return He.CONNECTING;case!t.installed:return He.NOT_INSTALLED;default:return He.DISCONNECTED}}s(Vu,"mapStatusToWalletState");function as(t,e,o,n){return o.filter(r=>!rs.includes(r)).filter(r=>{let{supportedChains:i,isContractWallet:a}=e(r),{installed:l,network:p}=t(r);return a&&(!l||!!n&&p!==n)?!1:n?!!i.find(m=>m.name===n):!0}).map(r=>{let{name:i,img:a,installLink:l}=e(r),p=Vu(t(r));return{title:i,image:a,link:qu(l),state:p,type:r}})}s(as,"mapWalletTypesToWalletInfo");function Lo(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}s(Lo,"walletAndSupportedChainsNames");function ls(t,e,o,n,r){let i=[];function a(p,u){if(!!!i.find(c=>c.chain===p)){let c={address:u,chain:p,walletType:t};i.push(c)}}s(a,"addAccount");let l=n||[];return e.forEach(p=>{let{address:u,network:m}=zu(p),c=l.length>0,S=l.includes(m),f=m===ss.Unknown;if(c&&!S&&!f)return;let x=m===ss.Unknown&&Hu(u);if(f&&!x)return;o.includes(m)||x?r?a(m,u.toLowerCase()):l.filter(d=>o.includes(d)).forEach(d=>{a(d,u.toLowerCase())}):a(m,u)}),i}s(ls,"prepareAccountsForWalletStore");function ps(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain;e.includes(n)||e.push(n),e.includes(r)||e.push(r),o.internalSwaps&&Array.isArray(o.internalSwaps)&&o.internalSwaps.forEach(i=>{let a=i.from.blockchain,l=i.to.blockchain;e.includes(a)||e.push(a),e.includes(l)||e.push(l)})}),e}s(ps,"getRequiredChains");function Wt(t,e,o,n){if(t.length===0)return null;let r=t.filter(i=>i.chain===e);return r.length===0?null:r.map(i=>i.balances?.find(a=>n!==null&&a.address===n||n===null&&a.address===n&&a.symbol===o)||null).filter(i=>i!==null).sort((i,a)=>parseFloat(a?.amount||"0")-parseFloat(i?.amount||"1")).find(()=>!0)||null}s(Wt,"getBalanceFromWallet");function Bo(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}s(Bo,"isAccountAndWalletMatched");function us(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 ir(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:Mo(o,r.asset.symbol,r.asset.address,e)||null}))||[]}s(us,"makeBalanceFor");function cs(t){return{...t,loading:!1,error:!0}}s(cs,"resetConnectedWalletState");var Mo=s((t,e,o,n)=>n?.find(i=>i.blockchain===t&&i.symbol?.toUpperCase()===e?.toUpperCase()&&i.address===o)?.usdPrice||null,"getUsdPrice"),$o=s((t,e)=>{let o=Gu(Object.entries(t).map(([,n])=>n).filter(Qu));return o&&o[e]?.experimental},"isExperimentalChain");function ju(t,e){return t.map(({balance:o,...n})=>{let r=W(new ir(Wt(e,n.blockchain,n.symbol,n.address)?.amount||Ee)),i="";return n.usdPrice&&(i=W(new ir(Wt(e,n.blockchain,n.symbol,n.address)?.amount||Ee).multipliedBy(n.usdPrice))),{...n,...r!=="0"&&{balance:{amount:r,usdValue:i}}}})}s(ju,"getTokensWithBalance");function ms(t,e){let o=e.length>0?ju(t,e):t;return o.sort((n,r)=>n.balance?.usdValue&&r.balance?.usdValue?parseFloat(r.balance.usdValue)-parseFloat(n.balance.usdValue):!n.balance?.usdValue&&r.balance?.usdValue?1:n.balance?.usdValue&&!r.balance?.usdValue?-1:!n.balance?.usdValue&&!r.balance?.usdValue?parseFloat(r.balance?.amount||"0")-parseFloat(n.balance?.amount||"0"):0),o}s(ms,"getTokensBalanceFromWalletAndSort");function Ie(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}s(Ie,"tokensAreEqual");function ds(t){return t.sort((e,o)=>+(o.state===He.CONNECTED)-+(e.state===He.CONNECTED)||+(o.state===He.DISCONNECTED||o.state===He.CONNECTING)-+(e.state===He.DISCONNECTED||e.state===He.CONNECTING))}s(ds,"sortWalletsBasedOnConnectionState");function Po(t,e=8,o=3){if(t.length<2*e+o)return t;let n=t.slice(0,e),r=t.slice(-e);return`${n}${".".repeat(o)}${r}`}s(Po,"getConciseAddress");function fs({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}s(fs,"getAddress");var Ku=s(t=>{let e=t;e.use={};for(let o of Object.keys(e.getState()))e.use[o]=()=>e(n=>n[o]);return e},"createSelectors"),Qe=Ku;var V=Qe(Xu()(Yu((t,e)=>({connectedWallets:[],customDestination:"",loading:!1,connectWallet:(o,n)=>{let r=e().getWalletsDetails;t(i=>({loading:!0,connectedWallets:i.connectedWallets.filter(a=>a.walletType!==o[0].walletType).concat(o.map(a=>{let l=!i.connectedWallets.find(p=>p.chain===a.chain&&p.selected);return{balances:[],address:a.address,chain:a.chain,explorerUrl:null,walletType:a.walletType,selected:l,loading:!0,error:!1}}))})),r(o,n)},disconnectWallet:o=>{t(n=>{let r=n.connectedWallets.filter(i=>i.selected&&i.walletType!==o).map(i=>i.chain);return{connectedWallets:n.connectedWallets.filter(i=>i.walletType!==o).map(i=>r.includes(i.chain)?i:(r.push(i.chain),{...i,selected:!0}))}})},selectWallets:o=>t(n=>({connectedWallets:n.connectedWallets.map(r=>{let i=!!o.find(l=>l.chain===r.chain&&l.walletType!==r.walletType&&r.selected),a=!!o.find(l=>l.chain===r.chain&&l.walletType===r.walletType&&!r.selected);return i?{...r,selected:!1}:a?{...r,selected:!0}:r})})),clearConnectedWallet:()=>t(()=>({connectedWallets:[],selectedWallets:[]})),getWalletsDetails:async(o,n,r=!0)=>{let i=e().getWalletsDetails;t(a=>({loading:!0,connectedWallets:a.connectedWallets.map(l=>o.find(p=>Bo(p,l))?{...l,loading:!0}:l)}));try{let a=o.map(({address:u,chain:m})=>({address:u,blockchain:m})),p=(await It().getWalletsDetails(a)).wallets;if(p)t(u=>({loading:!1,connectedWallets:u.connectedWallets.map(m=>{let c=o.find(f=>Bo(f,m)),S=p.find(f=>f.address===m.address&&f.blockChain===m.chain);return S?.failed&&c&&r&&i([c],n,!1),c&&S?{...m,explorerUrl:S.explorerUrl,balances:us(S,n)}:m})}));else throw new Error("Wallet not found")}catch{t(l=>({loading:!1,connectedWallets:l.connectedWallets.map(p=>o.find(u=>Bo(u,p))?cs(p):p)}))}}}))));import{allProviders as Ju}from"@rango-dev/provider-all";function _o(t,e){let o=Ju({walletconnect2:{WC_PROJECT_ID:e?.walletConnectProjectId||""}});if(t){let n=[];return t.forEach(r=>{if(typeof r=="string"){let i=o.find(a=>a.config.type===r);i?n.push(i):console.warn(`Couldn't find ${r} provider. Please make sure you are passing the correct name.`)}else n.push(r)}),n}return o}s(_o,"matchAndGenerateProviders");function gs(t,e){return _o(t,e).map(r=>r.config.type)}s(gs,"configWalletsToWalletName");function hs(t,e){let o=V.use.clearConnectedWallet(),n=_o(void 0,e);return Zu(()=>{o(),n=_o(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}s(hs,"useWalletProviders");import ac,{createContext as lc,useContext as pc,useRef as uc}from"react";import{create as sc}from"zustand";var sr={apiKey:"",multiWallets:!0,enableNewLiquiditySources:!0},ys=s((t,e,o)=>({config:{...sr,...t},updateConfig:n=>{let r=o().config;e({config:{...r,...n}})}}),"createConfigSlice");function Nt(t){return Array.from(new Set(t))}s(Nt,"removeDuplicateFrom");function ar(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}s(ar,"areEqual");function Ss(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}s(Ss,"debounce");function gt(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}s(gt,"containsText");var R=s(()=>document.getElementById("swap-box"),"getContainer");import{create as nc}from"zustand";import{persist as rc,subscribeWithSelector as ic}from"zustand/middleware";import{English as Ru,French as ec,Japanese as tc,Spanish as oc}from"@rango-dev/ui";var Cs=[{title:"English",label:"English",local:"en",SVGFlag:Ru},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:oc},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:ec},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:tc}],Kt="en";var ks=[.5,1,3],Ts=1,ws=5,vs=100,xs=0;var D=Qe(nc()(rc(ic((t,e)=>({preferredBlockchains:[],slippage:Ts,customSlippage:null,infiniteApprove:!1,affiliateRef:null,affiliatePercent:null,affiliateWallets:null,disabledLiquiditySources:[],theme:"auto",language:Kt,addPreferredBlockchain:o=>{let n=e().preferredBlockchains;if(n.find((a,l)=>{let p=a===o,u=l<=10-1;return p&&u}))return;let i=n.filter(a=>!(a===o));t(()=>({preferredBlockchains:[o,...i]}))},setSlippage:o=>t(()=>({slippage:o})),setCustomSlippage:o=>t(()=>({customSlippage:o})),setAffiliateRef:o=>t(()=>({affiliateRef:o})),setAffiliatePercent:o=>t(()=>({affiliatePercent:o})),setAffiliateWallets:o=>t(()=>({affiliateWallets:o})),toggleAllLiquiditySources:(o,n)=>t(r=>{if(n)return{disabledLiquiditySources:[]};let i=Nt(o.map(a=>a.swapperGroup));return i.length===r.disabledLiquiditySources.length?{disabledLiquiditySources:[]}:{disabledLiquiditySources:i}}),toggleInfiniteApprove:()=>t(o=>({infiniteApprove:!o.infiniteApprove})),toggleLiquiditySource:o=>t(n=>n.disabledLiquiditySources.includes(o)?{disabledLiquiditySources:n.disabledLiquiditySources.filter(r=>r!=o)}:{disabledLiquiditySources:n.disabledLiquiditySources.concat(o)}),setTheme:o=>t(()=>({theme:o})),setLanguage:o=>t(()=>({language:o}))})),{name:"user-settings",skipHydration:!0})));function Do(t){let e=D.use.disabledLiquiditySources(),o=t.map(i=>i.swapperGroup),n=[];return Nt(t.map(i=>i.swapperGroup)).map(i=>{let a=t.find(l=>l.swapperGroup===i);if(a){let l=!0;o&&(l=o.some(p=>p===a.swapperGroup)),l&&a.types.map(p=>{n.push({id:a.swapperGroup,groupTitle:a.swapperGroup,logo:a.logo,type:p,selected:!e.includes(a.swapperGroup)})})}}),n}s(Do,"getUniqueSwappersGroups");function bs(t,e){return t.swapperGroup<e.swapperGroup?-1:t.swapperGroup>e.swapperGroup?1:0}s(bs,"sortLiquiditySourcesByGroupTitle");var Es=s((t,e)=>({_blockchains:[],_tokens:[],_popularTokens:[],_swappers:[],fetchStatus:"loading",blockchains:o=>{let n=e()._blockchains;if(!o||!o?.type)return n;let r=e().config,i=(o.type==="source"?r.from?.blockchains:r.to?.blockchains)??[];return n.filter(l=>!(i.length>0&&!i.includes(l.name)))},tokens:o=>{let n=e()._tokens;if(!o||!o?.type)return n;let r=e().config,i=(o.type==="source"?r.from?.tokens:r.to?.tokens)??[],a=e().blockchains({type:o.type});return n.filter(p=>i.length>0&&!i.some(u=>Ie(u,p))||o.blockchain&&p.blockchain!==o.blockchain||!a.some(u=>u.name===p.blockchain)?!1:o.searchFor?!!(gt(p.symbol,o.searchFor)||gt(p.address||"",o.searchFor)||gt(p.name||"",o.searchFor)):!0).sort((p,u)=>e().isTokenPinned(p)?-1:e().isTokenPinned(u)||p.isSecondaryCoin?1:u.isSecondaryCoin||!p.address&&u.address?-1:p.address&&!u.address?1:0)},isTokenPinned:o=>!!e().config.pinnedTokens?.some(r=>Ie(r,o)),swappers:()=>{let{config:{enableNewLiquiditySources:o,liquiditySources:n}}=e();return e()._swappers.filter(a=>{let l=n?.includes(a.swapperGroup);return o||!n||n.length===0?!l:l}).sort(bs)},fetch:async()=>{try{let o=await It().getAllMetadata();t({fetchStatus:"success"});let n=[],r=[],i=o.popularTokens,a=o.swappers,l=new Set;o.tokens.forEach(p=>{l.add(p.blockchain),r.push(p)}),o.blockchains.forEach(p=>{p.enabled&&l.has(p.name)&&n.push(p)}),n.sort((p,u)=>p.sort-u.sort),t({_blockchains:n,_tokens:r,_popularTokens:i,_swappers:a})}catch(o){throw t({fetchStatus:"failed"}),o}}}),"createDataSlice");function As(t){return sc()((...e)=>({...Es(...e),...ys(t,...e)}))}s(As,"createAppStore");var Is=lc(null);function T(){let t=pc(Is);if(!t)throw new Error("Missing AppStoreContext.Provider in the tree");return t()}s(T,"useAppStore");function Ws(t){let e=uc();return e.current||(e.current=As(t.config)),ac.createElement(Is.Provider,{value:e.current},t.children)}s(Ws,"AppStoreProvider");var Oo=dc({onConnectWallet:()=>{}});function hc(t){let e=T().updateConfig,o=T().blockchains(),n=T().tokens(),r={walletConnectProjectId:t.config?.walletConnectProjectId},{providers:i}=hs(t.config.wallets,r),a=V.use.disconnectWallet(),l=V.use.connectWallet(),p=gc();fc(()=>{t.config&&e(t.config)},[t.config]);let u=o.filter(mc).map(c=>c.name),m=s((c,S,f,y,x)=>{if(S===pr.ACCOUNTS)if(f){let g=Lo(x.supportedBlockchains),w=ls(c,f,u,g,x.isContractWallet);l(w,n)}else a(c);if(S===pr.ACCOUNTS&&y.connected){let g=`${c}-${y.network}-${f}`;y.connected&&(p.current?p.current(g):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(S===pr.NETWORK&&y.network){let g=`${c}-${y.network}`;p.current?p.current(g):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(c,S,f,y,x)},"onUpdateState");return Fo.createElement(Oo.Provider,{value:{onConnectWallet:c=>{p.current=c}}},Fo.createElement(cc,{allBlockChains:o,providers:i,onUpdateState:m,autoConnect:!0},t.children))}s(hc,"Main");function Uo(t){let{config:e,...o}=t;return Fo.createElement(Ws,{config:e},Fo.createElement(hc,{...o,config:e}))}s(Uo,"WidgetWallets");import Zi from"react";import{I18nManager as Xh}from"@rango-dev/ui";import vo,{useContext as Yh,useEffect as Lu,useState as Bu}from"react";import{useQueueManager as Sd}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Cd}from"@rango-dev/wallets-react";import{isEvmBlockchain as kd}from"rango-types";import Ct,{useEffect as Td,useRef as wd}from"react";import{MemoryRouter as vd,useInRouterContext as xd}from"react-router";import{useLocation as bd,useNavigate as Ed}from"react-router-dom";var L={home:"/",fromSwap:"from-swap",toSwap:"to-swap",blockchains:"blockchains",settings:"settings",liquiditySources:"liquidity-sources",themes:"themes",bridges:"bridges",exchanges:"exchanges",languages:"languages",swaps:"swaps",wallets:"wallets",confirmSwap:"confirm-swap",swapDetails:":requestId"};import{useWallets as Sc}from"@rango-dev/wallets-react";import{useEffect as Cc,useRef as kc}from"react";function Ns(){let{connect:t,state:e}=Sc(),o=kc({}),{fetchStatus:n}=T(),r=new URLSearchParams(location.search).get("autoConnect")||"",i=e(r);Cc(()=>{n==="success"&&r&&i.installed&&!i.connecting&&!i.connected&&!o.current[r]&&(o.current[r]=!0,t(r))},[i,n])}s(Ns,"useForceAutoConnect");import{i18n as qr}from"@lingui/core";import{Button as sd,styled as Gr,SwapInput as dl,WarningIcon as ad}from"@rango-dev/ui";import Fe,{useEffect as ld,useRef as pd,useState as ud}from"react";import{useNavigate as cd}from"react-router-dom";import{ChevronLeftIcon as vc}from"@rango-dev/ui";import Ms from"react";import{darkTheme as Tc,IconButton as wc,styled as zo}from"@rango-dev/ui";var Le=zo(wc,{width:"$24",position:"relative",padding:"0",overflow:"unset"}),Ls=zo("div",{position:"absolute",background:"$secondary500",[`.${Tc} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),Lt=zo("div",{display:"flex",justifyContent:"flex-end",width:"$40"}),Bs=zo("div",{position:"absolute",backgroundColor:"$secondary500",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0"});function ur(t){return Ms.createElement(Le,{variant:"ghost",size:"small",onClick:t.onClick},Ms.createElement(vc,{color:"black",size:16}))}s(ur,"BackButton");import{i18n as xc}from"@lingui/core";import{Button as bc,Typography as Ec}from"@rango-dev/ui";import cr from"react";function mr(t){return cr.createElement(Lt,null,cr.createElement(bc,{variant:"ghost",onClick:t.onClick,size:"xsmall"},cr.createElement(Ec,{variant:"label",size:"medium",color:"error500"},xc.t("Cancel"))))}s(mr,"CancelButton");import{i18n as Ac}from"@lingui/core";import{Tooltip as Ic,WalletIcon as Wc}from"@rango-dev/ui";import qo from"react";function dr(t){return qo.createElement(Ic,{container:t.container,side:"top",content:Ac.t("Connect Wallet")},qo.createElement(Le,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&qo.createElement(Ls,null),qo.createElement(Wc,{size:18,color:"black"})))}s(dr,"WalletButton");import{i18n as Qo}from"@lingui/core";import{NotificationsIcon as Qc,Popover as Vc,RefreshIcon as jc,SettingsIcon as Kc,Tooltip as Vo,TransactionIcon as Xc}from"@rango-dev/ui";import ue from"react";import{i18n as Fc}from"@lingui/core";import{ChainToken as Os,ChevronRightIcon as Oc,ListItemButton as Uc,Typography as zc}from"@rango-dev/ui";import Be from"react";import{useNavigate as qc}from"react-router-dom";import{create as Nc}from"zustand";import{persist as Lc,subscribeWithSelector as Bc}from"zustand/middleware";var We=Qe(Nc()(Lc(Bc((t,e)=>({notifications:[],setNotification:(o,n)=>{let r=n.steps[0],i=n.steps[n.steps.length-1],a={event:o,creationTime:Date.now(),read:!1,requestId:n.requestId,route:{from:{blockchain:r.fromBlockchain,tokenAddress:r.fromSymbolAddress,tokenSymbol:r.fromSymbol},to:{blockchain:i.toBlockchain,tokenSymbol:i.toSymbol,tokenAddress:i.toSymbolAddress}}},l=e().notifications.filter(p=>p.requestId!==n.requestId);t(()=>({notifications:[...l,a]}))},setAsRead:o=>{t(n=>({notifications:n.notifications.map(r=>r.requestId===o?{...r,read:!0}:r)}))},getUnreadNotifications:()=>e().notifications.filter(o=>!o.read)})),{name:"notification",skipHydration:!0})));import{create as Mc}from"zustand";var Ce=Qe(Mc()(t=>({connectWalletsButtonDisabled:!1,selectedSwapRequestId:null,currentPage:"",setSelectedSwap:e=>t({selectedSwapRequestId:e}),setCurrentPage:e=>t({currentPage:e})})));import{styled as Go}from"@rango-dev/ui";var $s=Go("div",{padding:"$10",width:"350px",minHeight:"150px"}),Ps=Go("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),_s=Go("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),Ds=Go("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as $c}from"@lingui/core";import{Divider as Pc,NoNotificationIcon as _c,Typography as Dc}from"@rango-dev/ui";import Ho from"react";function Fs(){return Ho.createElement(Ds,null,Ho.createElement(_c,{color:"secondary",size:26}),Ho.createElement(Pc,{size:12}),Ho.createElement(Dc,{variant:"body",size:"medium",color:"neutral700"},$c.t("You have no notification")))}s(Fs,"NotificationNotFound");var Gc=4;function fr(){let t=qc(),e=Ce.use.setSelectedSwap(),{getUnreadNotifications:o}=We(),n=o(),r=T().blockchains(),i=T().tokens(),a=n.sort((p,u)=>u.creationTime-p.creationTime).slice(0,Gc),l=s(p=>{e(p),t(`${L.swaps}/${p}`)},"handleOnClick");return Be.createElement($s,null,a.length?Be.createElement(Ps,null,a.map(p=>{let u=i.find(f=>f.address===p.route.from.tokenAddress&&f.blockchain===p.route.from.blockchain&&f.symbol===p.route.from.tokenSymbol),m=r.find(f=>f.name===p.route.from.blockchain),c=i.find(f=>f.address===p.route.to.tokenAddress&&f.blockchain===p.route.to.blockchain&&f.symbol===p.route.to.tokenSymbol),S=r.find(f=>f.name===p.route.to.blockchain);return Be.createElement(Uc,{key:p.requestId,onClick:()=>l(p.requestId),title:Be.createElement(zc,{variant:"body",size:"small",color:"$neutral700"},Fc.t(p.event.message)),id:p.requestId,start:Be.createElement(_s,null,Be.createElement("div",{className:"from-chain-token"},Be.createElement(Os,{tokenImage:u?u.image:"",chainImage:m?m.logo:"",size:"small"})),Be.createElement("div",{className:"to-chain-token"},Be.createElement(Os,{tokenImage:c?c.image:"",chainImage:S?S.logo:"",size:"small"}))),end:Be.createElement(Oc,{size:12,color:"gray"})})})):Be.createElement(Fs,null))}s(fr,"NotificationContent");import{Typography as Hc}from"@rango-dev/ui";import Us from"react";function zs(){let{getUnreadNotifications:t}=We(),e=t().length;return e?Us.createElement(Bs,null,Us.createElement(Hc,{variant:"body",size:"xsmall",color:"$background"},e)):null}s(zs,"UnreadNotificationsBadge");function gr(t){let{layoutRef:e,onClickRefresh:o,onClickHistory:n,onClickSettings:r,onClickNotifications:i}=t;return ue.createElement(ue.Fragment,null,ue.createElement(Vo,{container:R(),side:"top",content:Qo.t("Refresh")},ue.createElement(Le,{variant:"ghost",size:"small",onClick:o,disabled:!o},ue.createElement(jc,{size:16,color:o?"black":"gray"}))),ue.createElement(Vo,{container:R(),side:"top",content:Qo.t("Notifications")},ue.createElement(Vc,{align:"center",collisionBoundary:e,collisionPadding:{right:20,left:20},container:R(),content:ue.createElement(fr,null)},ue.createElement(Le,{size:"small",variant:"ghost",onClick:i},ue.createElement(Qc,{size:18,color:"black"}),ue.createElement(zs,null)))),ue.createElement(Vo,{container:R(),side:"top",content:Qo.t("Settings")},ue.createElement(Le,{size:"small",variant:"ghost",onClick:r},ue.createElement(Kc,{size:18,color:"black"}))),ue.createElement(Vo,{container:R(),side:"top",content:Qo.t("Transactions History")},ue.createElement(Le,{size:"small",variant:"ghost",onClick:n},ue.createElement(Xc,{size:18,color:"black"}))))}s(gr,"HomeButtons");import{BottomLogo as Zc,Divider as Rc,Header as em}from"@rango-dev/ui";import me from"react";import{useNavigate as Yc}from"react-router-dom";function ot(){let t=Yc();return()=>t(-1)}s(ot,"useNavigateBack");import{darkTheme as Jc,styled as hr}from"@rango-dev/ui";var qs=hr("div",{position:"relative",display:"flex",flexDirection:"column",borderRadius:"$primary",overflow:"hidden !important",boxShadow:"15px 15px 15px 0px rgba(0, 0, 0, 0.05)",width:"95vw",maxWidth:"390px",maxHeight:"700px",$$color:"$colors$neutral100",[`.${Jc} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",variants:{fixedHeight:{true:{height:"95vh"},false:{height:"auto"}}}}),Gs=hr("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"}}}}),Hs=hr("div",{backgroundColor:"$background","& .footer__content":{padding:"$0 $20"},"& .footer__logo":{padding:"$0 $20 $10 $20"}});function tm(t,e){let{children:o,header:n,footer:r,noPadding:i,hasLogo:a=!0,fixedHeight:l=!0}=t,p=V.use.connectedWallets(),u=Ce.use.connectWalletsButtonDisabled(),m=ot(),c=s(()=>{!u&&n.onWallet&&n.onWallet()},"onConnectWallet"),S=typeof n.hasBackButton>"u"||n.hasBackButton;return me.createElement(qs,{ref:e,fixedHeight:l,id:"swap-box"},me.createElement(em,{prefix:me.createElement(me.Fragment,null,S&&me.createElement(ur,{onClick:m})),title:n.title,suffix:me.createElement(me.Fragment,null,n.suffix,n.onWallet&&me.createElement(dr,{container:R(),onClick:c,isConnected:!!p?.length}),n.onCancel&&me.createElement(mr,{onClick:n.onCancel}))}),me.createElement(Gs,{noPadding:i},o),(a||r)&&me.createElement(Hs,null,me.createElement("div",{className:"footer__content"},r),a&&me.createElement("div",{className:"footer__logo"},me.createElement(Rc,{size:12}),me.createElement(Zc,null))))}s(tm,"LayoutComponent");var j=me.forwardRef(tm);j.displayName="Layout";import{ReverseIcon as um,styled as ua}from"@rango-dev/ui";import Ar from"react";import st from"bignumber.js";import{create as lm}from"zustand";import{subscribeWithSelector as pm}from"zustand/middleware";import{getLastSuccessfulStep as am}from"@rango-dev/queue-manager-rango-preset";import hT from"bignumber.js";var nt=(r=>(r[r.HIGH_VALUE_LOSS=0]="HIGH_VALUE_LOSS",r[r.UNKNOWN_PRICE=1]="UNKNOWN_PRICE",r[r.INSUFFICIENT_SLIPPAGE=2]="INSUFFICIENT_SLIPPAGE",r[r.HIGH_SLIPPAGE=3]="HIGH_SLIPPAGE",r))(nt||{});function Qs(t,e){return e.find(o=>o.name===t)?.displayName}s(Qs,"getBlockchainDisplayNameFor");function yr(t,e){return e.find(o=>o.name===t)?.shortName}s(yr,"getBlockchainShortNameFor");function Sr(t,e){return e.find(o=>Ie(o,t))??null}s(Sr,"findToken");function Cr(t,e){return e.find(o=>o.name===t)??null}s(Cr,"findBlockchain");import{i18n as Me}from"@lingui/core";import{PendingSwapNetworkStatus as Yo}from"@rango-dev/queue-manager-rango-preset";import ke from"bignumber.js";function jo(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,i=e[e.length-1];n!=i&&e.push(n),i=e[e.length-1],r!=i&&e.push(r)}),e}s(jo,"getRequiredWallets");function Ko(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}s(Ko,"isValidAddress");import{i18n as de}from"@lingui/core";var G=s(()=>({genericServerError:de.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:de.t("Please reset your liquidity sources."),description:de.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources")},noResultError:{title:de.t("No Routes Found"),description:de.t("Reasons why Rango couldn't find a route: low liquidity on token, very low input amount or no routes available for the selected input/output token combination.")},bridgeLimitErrors:{increaseAmount:de.t("Bridge Limit Error: Please increase your amount"),decreaseAmount:de.t("Bridge Limit Error: Please decrease your amount")},highValueLossError:{impactTitle:de.t("High Price Impact"),title:de.t("Price impact is too high!"),description:de.t("The price impact is significantly higher than the allowed amount. If you are sure, continue, otherwise, change the swap."),confirmMessage:de.t("Confirm High price impact")},quoteUpdatedWithHighValueLoss:{title:de.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:de.t("USD Price Unknown"),title:de.t("USD Price Unknown, Cannot calculate Price Impact."),description:de.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:de.t("Confirm USD Price Unknown")}}),"errorMessages");function Vs(t){switch(t.type){case 0:return t.diagnosisMessage??G().noResultError.title;case 1:return G().genericServerError;default:return""}}s(Vs,"getQuoteErrorMessage");import{i18n as Xo}from"@lingui/core";var ht=s(()=>({connectWallet:Xo.t("Connect Wallet"),swap:Xo.t("Swap"),swapAnyway:Xo.t("Swap anyway"),ethWarning:Xo.t("The route goes through Ethereum. Continue?")}),"swapButtonTitles");function js(t,e){return!t||!e||t.lte(Ee)||e.lte(Ee)?0:e.div(t).minus(1).multipliedBy(100).toNumber()}s(js,"getOutputRatio");function Ro(t,e){return(parseInt(e.toFixed(2)||"0")<=-10&&t?.gte(new ke(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new ke(1e3)))??!1}s(Ro,"hasHighValueLoss");function Xt(t){return(t?.result?.swaps||[]).filter(e=>{let o=e.fromAmountMinValue?new ke(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new ke(e.fromAmountMaxValue):null;return e.fromAmountRestrictionType==="EXCLUSIVE"?o?.gte(e.fromAmount)||n?.lte(e.fromAmount):o?.gt(e.fromAmount)||n?.lt(e.fromAmount)}).length>0}s(Xt,"hasLimitError");function kr(t){let e=(t.result?.swaps||[]).filter(l=>{let p=l.fromAmountMinValue?new ke(l.fromAmountMinValue):null,u=l.fromAmountMaxValue?new ke(l.fromAmountMaxValue):null;return l.fromAmountRestrictionType==="EXCLUSIVE"?p?.gte(l.fromAmount)||u?.lte(l.fromAmount):p?.gt(l.fromAmount)||u?.lt(l.fromAmount)})[0],o=e.fromAmountMinValue?new ke(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new ke(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",i="",a="";return!r&&o&&o.gt(e.fromAmount)?(i=Me.t({id:"Required: >= {min} {symbol}",values:{min:W(o,6,6),symbol:e.from.symbol}}),a=G().bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(i=Me.t({id:"Required: > {min} {symbol}",values:{min:W(o,6,6),symbol:e.from.symbol}}),a=G().bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(i=Me.t({id:"Required: <= {max} {symbol}",values:{max:W(n,6,6),symbol:e.from.symbol}}),a=G().bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(i=Me.t({id:"Required: < {max} {symbol}",values:{max:W(n,6,6),symbol:e.from.symbol}}),a=G().bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:i,recommendation:a}}s(kr,"getLimitErrorMessage");function Ks(t,e,o,n,r,i,a,l,p){return t!=="success"?{title:ht().connectWallet,state:"waitForConnecting",disabled:!0}:e.length==0?{title:ht().connectWallet,state:"waitForConnecting",disabled:!1}:o||!n||!n.result||r||!p||p==="0"?{title:ht().swap,disabled:!0,state:"swap"}:i||a?{title:ht().swapAnyway,disabled:!1,hasWarning:!0,state:"needToConfirm"}:l?{title:ht().ethWarning,disabled:!1,hasWarning:!0,state:"warning"}:{title:ht().swap,disabled:!1,state:"swap"}}s(Ks,"getSwapButtonState");function Tr(t,e,o){return!((!o||o.lte(Ee))&&t?.result&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t.result)}s(Tr,"canComputePriceImpact");function nm(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,i=e[e.length-1];n!=i&&e.push(n),i=e[e.length-1],r!=i&&e.push(r)}),e}s(nm,"requiredWallets");var rm=s((t,e,o,n)=>n?.find(i=>i.blockchain===t&&i.symbol?.toUpperCase()===e?.toUpperCase()&&i.address===o)?.usdPrice||null,"getUsdPrice");function im(t,e){let o=Ee;for(let n=0;n<t.fee.length;n++){let r=t.fee[n];if(r.expenseType==="DECREASE_FROM_OUTPUT")continue;let i=rm(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new ke(r.amount).multipliedBy(i||0))}return o}s(im,"getUsdFeeOfStep");function en(t,e){return t.reduce((o,n)=>o.plus(im(n,e)),Ee)}s(en,"getTotalFeeInUsd");function wr(t){let e=new Map;return t.result?.swaps.forEach((o,n)=>{o.recommendedSlippage?.error&&e.set(n,o.recommendedSlippage.slippage)}),e.size>0?e:null}s(wr,"checkSlippageErrors");function Xs(t,e){let o=new Map;return t.result?.swaps.forEach((n,r)=>{n.recommendedSlippage?.slippage&&parseInt(n.recommendedSlippage?.slippage)>e&&o.set(r,n.recommendedSlippage.slippage)}),o.size>0?o:null}s(Xs,"checkSlippageWarnings");function tn(t){return t.result?.swaps.map(o=>o.recommendedSlippage)?.map(o=>o?.slippage||"0")?.filter(o=>parseFloat(o)>0)?.sort((o,n)=>parseFloat(n)-parseFloat(o))?.find(()=>!0)||null}s(tn,"getMinRequiredSlippage");function Ys(t,e){return e?parseFloat(t)>=parseFloat(e):!0}s(Ys,"hasProperSlippage");function on(t){let{fromToken:e,toToken:o,inputAmount:n,wallets:r,selectedWallets:i,disabledLiquiditySources:a,liquiditySources:l,excludeLiquiditySources:p,slippage:u,affiliateRef:m,affiliatePercent:c,affiliateWallets:S,initialQuote:f,destination:y}=t,x=i?.reduce((h,C)=>(h[C.chain]=C.address,h),{}),g=[];r?.forEach(h=>{let C=g.find(A=>A.blockchain===h.chain);C?C.addresses.push(h.address):g.push({blockchain:h.chain,addresses:[h.address]})});let w=!!f,d=Nt((f?.result?.swaps||[]).reduce((h,C)=>(h.push(C.from.blockchain,C.to.blockchain),C.internalSwaps&&Array.isArray(C.internalSwaps)&&C.internalSwaps.map(A=>{h.push(A.from.blockchain,A.to.blockchain)}),h),[]));return{amount:n.toString(),affiliateRef:m??void 0,affiliatePercent:c??void 0,affiliateWallets:S??void 0,checkPrerequisites:w,from:{address:e.address,blockchain:e.blockchain,symbol:e.symbol},to:{address:o.address,blockchain:o.blockchain,symbol:o.symbol},connectedWallets:g,selectedWallets:x??{},slippage:u.toString(),...y&&{destination:y},...p&&{swapperGroups:a.concat(l??[]),swappersGroupsExclude:!0},...!p&&{swapperGroups:l?.filter(h=>!a.includes(h)),swappersGroupsExclude:!1},...w&&{blockchains:d}}}s(on,"createQuoteRequestBody");function Js(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}s(Js,"getWalletsForNewSwap");function Bt(t){return t.result?.outputAmount||null}s(Bt,"getQuoteOutputAmount");function it(t,e){return new ke(e).div(new ke(t)).minus(1).multipliedBy(100).toNumber()}s(it,"getPercentageChange");function Zs(t,e){let o=Bt(t),n=Bt(e);if(!o||!n)return!1;let r=it(o,n);return r?r<=-1:!0}s(Zs,"isOutputAmountChangedALot");function Rs(t,e){let o=t.validationStatus,n=ps(t);return e.sort((i,a)=>n.indexOf(i.chain)-n.indexOf(a.chain)).flatMap(i=>ia(i,o)||[]).filter(i=>!i.ok).map(i=>{let a=i.asset.symbol,l=W(new ke(i.currentAmount.amount).shiftedBy(-i.currentAmount.decimals),8,8),p=W(new ke(i.requiredAmount.amount).shiftedBy(-i.requiredAmount.decimals),8,8),u="";return i.reason==="FEE"&&(u=Me.t(" for network fee")),i.reason==="INPUT_ASSET"&&(u=Me.t(" for swap")),i.reason==="FEE_AND_INPUT_ASSET"&&(u=Me.t(" for input and network fee")),Me.t({id:"Needs \u2248 {requiredAmount} {symbol}{reason}, but you have {currentAmount} {symbol} in your {blockchain} wallet.",values:{requiredAmount:p,symbol:a,reason:u,currentAmount:l,blockchain:i.asset.blockchain}})})}s(Rs,"getBalanceWarnings");function ea(t,e){return(t?new ke(t):Ee).multipliedBy(e||0)}s(ea,"calcOutputUsdValue");function Yt(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==Yo.NetworkChanged}s(Yt,"isNetworkStatusInWarningState");function ta(t,e){let o="bellow button or",n=t.extraMessage,r=t.extraMessageDetail;if(t.networkStatusExtraMessageDetail?.includes(o)&&(t.networkStatusExtraMessageDetail=t.networkStatusExtraMessageDetail.replace(o,"")),Yt(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case Yo.WaitingForConnectingWallet:n=n||Me.t("Waiting for connecting wallet");break;case Yo.WaitingForQueue:n=n||Me.t("Waiting for other running tasks to be finished");break;case Yo.WaitingForNetworkChange:n=n||Me.t("Waiting for changing wallet network");break;default:n=n||"";break}r=r||"",n=n||"";let a=n?.indexOf("code")!==-1&&n?.indexOf("reason")!==-1;return{shortMessage:n,detailedMessage:{content:r,long:a}}}s(ta,"getSwapMessages");function oa(t){let e=null;if(t.status==="failed"){let o=t.steps.slice().reverse().filter(n=>n.status==="success")[0];o&&(e={blockchain:o.toBlockchain,symbol:o.toSymbol,outputAmount:o.outputAmount,address:o.toSymbolAddress})}return e}s(oa,"getLastConvertedTokenInFailedSwap");function na(t){return t.status==="failed"&&!!t.finishTime&&new Date().getTime()-parseInt(t.finishTime)<4*3600*1e3}s(na,"shouldRetrySwap");function ra(t,e,o,n,r,i){return t||!e&&!nm(n).every(a=>r.map(l=>l.chain).includes(a))||!!e&&!o||!!e&&!!o&&i&&!Ko(i,o)}s(ra,"confirmSwapDisabled");function vr(t,e,o){return o&&t.find(n=>{let r=e?.split("--");return r?.length===1?n.symbol===r[0]&&n.address===null&&n.blockchain===o.name:n.symbol===r?.[0]&&n.address===r?.[1]&&n.blockchain===o.name})||null}s(vr,"searchParamsToToken");function aa(t){return t?.result?.swaps[t?.result?.swaps.length-1].to.usdPrice}s(aa,"getQuoteToTokenUsdPrice");function xr(t,e){let o=t.result?.swaps||[],n=e.result?.swaps||[];return o.length!==n.length}s(xr,"isNumberOfSwapsChanged");function br(t,e){let o=t.result?.swaps.map(r=>r.swapperId)||[],n=e.result?.swaps.map(r=>r.swapperId)||[];return!ar(o,n)}s(br,"isQuoteSwappersUpdated");function Er(t,e){let o=t.result?.swaps.map(r=>r.to.symbol)||[],n=e.result?.swaps.map(r=>r.to.symbol)||[];return!ar(o,n)}s(Er,"isQuoteInternalCoinsUpdated");function la(t,e){return xr(t,e)||br(t,e)||Er(t,e)}s(la,"isQuoteChanged");function ia(t,e){if(e===null)return null;let o=e?.find(n=>n.blockchain===t.chain)?.wallets.find(n=>n.address?.toLowerCase()===t.address.toLowerCase());return o?o.requiredAssets:null}s(ia,"getRequiredBalanceOfWallet");function Je(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}s(Je,"getPriceImpactLevel");function pa(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],i=am(t.steps),a={blockchain:r.toBlockchain,symbol:r.toSymbol,address:r.toSymbolAddress},l=Cr(i?i.toBlockchain:n.fromBlockchain,e),p=Cr(r.toBlockchain,e),u=Sr(i?{blockchain:l?.name??"",symbol:i.toSymbol,address:i.toSymbolAddress}:{blockchain:l?.name??"",symbol:n.fromSymbol,address:n.fromSymbolAddress},o),m=Sr(a,o),c=i?i.outputAmount??"":t.inputAmount;return{fromBlockchain:l,fromToken:u,toBlockchain:p,toToken:m,inputAmount:c}}s(pa,"createRetryQuote");function nn(t,e){let{fromToken:o,toToken:n,tokens:r,userSlippage:i}=e,a=yt(o,t.requestAmount),l=yt(n,t.result?.outputAmount??"");if(t.result&&a&&l){let m=it(a.toString(),l.toString());if(Ro(a,m)){let S=en(t.result.swaps,r),f=Je(m);return{type:0,inputUsdValue:a,outputUsdValue:l,priceImpact:m,totalFee:S,warningLevel:f}}}else if(t.result&&(!a||!l))return{type:1};let p=tn(t),u=i>ws;if(Ys(e.userSlippage.toString(),p)){if(u&&parseFloat(p??"0")<i)return{type:3,slippage:i.toString()}}else return{type:2,recommendedSlippages:Xs(t,i),minRequiredSlippage:p};return null}s(nn,"generateQuoteWarnings");function Mt(t,e){let o=typeof e=="string"?parseFloat(e)<=0:!e?.gt(0);return!t||!e||o?null:it(t.toString(),e.toString())}s(Mt,"getPriceImpact");var yt=s((t,e)=>t?.usdPrice?new st(e||Ee).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),P=Qe(lm()(pm(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new st(0),outputUsdValue:new st(0),toBlockchain:null,toToken:null,quote:null,quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:"",quoteWarningsConfirmed:!1,setQuote:e=>t(o=>{let n=null,r=Ee;return jt(o.inputAmount)?(e&&(n=e.result?.outputAmount?new st(e.result?.outputAmount):null,r=ea(e.result?.outputAmount,aa(e)||o.toToken?.usdPrice)),{quote:e,...!!e&&{outputAmount:n,outputUsdValue:r}}):{}}),resetQuote:()=>t(()=>({quote:null,outputAmount:null,outputUsdValue:new st(0)})),setFromBlockchain:e=>{t(o=>o.fromBlockchain?.name===e?.name?{}:{fromBlockchain:e,...o.fromToken&&{quote:null,fromToken:null,outputAmount:null,outputUsdValue:null}})},setFromToken:e=>t(o=>({fromToken:e.token,...e.token&&{fromBlockchain:e.meta.blockchains.find(n=>n.name===e.token.blockchain)??null},...!!o.inputAmount&&{inputUsdValue:yt(e.token,o.inputAmount)}})),setToBlockchain:e=>{t(o=>o.toBlockchain?.name===e?.name?{}:{toBlockchain:e,...o.toToken&&{quote:null,toToken:null,outputAmount:null,outputUsdValue:null}})},setToToken:e=>t(()=>({toToken:e.token,...e.token&&{toBlockchain:e.meta.blockchains.find(o=>o.name===e.token.blockchain)??null}})),setInputAmount:e=>{t(o=>({inputAmount:e,...!e&&{outputAmount:new st(0),outputUsdValue:new st(0),quote:null},...!!o.fromToken&&{inputUsdValue:yt(o.fromToken,e)}}))},retry:(e,o)=>{let{tokens:n,blockchains:r}=o,{fromBlockchain:i,fromToken:a,toBlockchain:l,toToken:p,inputAmount:u}=pa(e,r,n);t({fromBlockchain:i,fromToken:a,inputAmount:u,outputAmount:null,inputUsdValue:yt(a??null,u),outputUsdValue:new st(0),toBlockchain:l,toToken:p,quote:null})},switchFromAndTo:()=>t(e=>({fromBlockchain:e.toBlockchain,fromToken:e.toToken,toBlockchain:e.fromBlockchain,toToken:e.fromToken,inputAmount:e.outputAmount?.toString()||"",inputUsdValue:yt(e.toToken,e.outputAmount?.toString()||"")})),resetFromBlockchain:()=>t(()=>({fromToken:null,fromBlockchain:null,outputAmount:null,outputUsdValue:null,quote:null})),resetToBlockchain:()=>t(()=>({toToken:null,toBlockchain:null,outputAmount:null,outputUsdValue:null,quote:null})),setQuoteWalletConfirmed:e=>t({quoteWalletsConfirmed:e}),setSelectedWallets:e=>t({selectedWallets:e}),setCustomDestination:e=>t({customDestination:e}),resetQuoteWallets:()=>t({quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:""}),setQuoteWarningsConfirmed:e=>t({quoteWarningsConfirmed:e})}))));var cm=ua("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),mm=ua("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 ca(){let t=P.use.switchFromAndTo();return Ar.createElement(cm,null,Ar.createElement(mm,{onClick:()=>{t()}},Ar.createElement(um,{size:12})))}s(ca,"SwitchFromAndToButton");import{Divider as ed}from"@rango-dev/ui";import ut from"react";import{i18n as Lr}from"@lingui/core";import{Alert as Cm,ChevronDownIcon as km,ChevronRightIcon as Fa,Divider as Br,Image as Oa,InfoIcon as Tm,QuoteCost as wm,StepDetails as vm,TokenAmount as xm,Tooltip as Ua,Typography as _t}from"@rango-dev/ui";import N,{useLayoutEffect as bm,useRef as Em,useState as Am}from"react";import{styled as Ir}from"@rango-dev/ui";var Wr=Ir("div",{width:"100%",paddingTop:"$2"}),ma=Ir("div",{paddingBottom:"$15"}),da=Ir("div",{width:"100%",display:"flex"});import*as sn from"@radix-ui/react-collapsible";import{darkTheme as Ve,Image as Wa,styled as at}from"@rango-dev/ui";import*as Pt from"@radix-ui/react-collapsible";import{Button as dm,darkTheme as $t,IconButton as fm,keyframes as fa,styled as he,TextField as gm}from"@rango-dev/ui";var Jt=300,hm=fa({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),ym=fa({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),ga=he("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),ha=he("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}),ya=he("button",{borderRadius:"$xm",padding:"$10",border:"0",display:"flex",justifyContent:"center",$$color:"$colors$neutral100",[`.${$t} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",alignItems:"center",cursor:"pointer",width:110,position:"relative","&:hover":{$$color:"$colors$info100",[`.${$t} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$color:"$colors$info100",[`.${$t} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color",outline:0},variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary",outlineStyle:"solid"}}}}),Sa=he(Pt.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit"}),Ca=he("div",{padding:"$20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),ka=he(fm,{position:"absolute",left:"$20"}),Ta=he("div",{paddingTop:"$20","& .wallets-list":{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}}),wa=he(Pt.Root,{backgroundColor:"$neutral200",borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),va=he(dm,{width:"100%",borderRadius:"$sm !important",padding:"$15 !important",justifyContent:"space-between",alignItems:"center",$$color:"$colors$neutral100",[`.${$t} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color","&:hover":{$$color:"$colors$info100",[`.${$t} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$background:"$colors$info100",[`.${$t} &`]:{$$background:"$colors$info700"},backgroundColor:"$$background",outline:0}}),xa=he("div",{padding:"$10 $0","& .button__content":{display:"flex",justifyContent:"center",alignItems:"center"},"& .alarms":{paddingTop:"5px"}}),ba=he("div",{transition:`all ${Jt}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),Ea=he("div",{display:"flex"}),Aa=he(gm,{padding:"$0 $15 $15 $15"}),rn=he(Pt.Content,{overflow:"hidden",variants:{open:{true:{animation:`${hm} ${Jt}ms ease-out`},false:{animation:`${ym} ${Jt}ms ease-out`}}}}),Ia=he("div",{overflow:"visible",width:"100%"});var Nr=300,Na=at(sn.Root,{display:"flex",flexDirection:"column",alignItems:"start",overflowX:"auto",overflowY:"hidden",width:"100%",borderRadius:"$xm",variants:{recommended:{true:{$$color:"$colors$info300",[`.${Ve} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"},false:{$$color:"$colors$neutral400",[`.${Ve} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}}},"& .steps-details":{padding:"$10 $15"}}),La=at("div",{borderRadius:"$xm",display:"flex",flexDirection:"column",alignItems:"start",justifyContent:"space-between",color:"$foreground",cursor:"pointer",boxSizing:"border-box",position:"relative",variants:{recommended:{true:{$$color:"$colors$info100",[`.${Ve} &`]:{$$color:"$colors$secondary600"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}},false:{$$color:"$colors$neutral200",[`.${Ve} &`]:{$$color:"$colors$neutral500"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}}},basic:{true:{borderTopRightRadius:"0",borderTopLeftRadius:"0"}},listItem:{true:{},false:{}}},compoundVariants:[{listItem:!0,recommended:!0,css:{"&:hover":{$$color:"$colors$secondary200",[`.${Ve} &`]:{$$color:"$colors$secondary700"},backgroundColor:"$$color"}}},{listItem:!0,recommended:!1,css:{"&:hover":{$$color:"$colors$neutral300",[`.${Ve} &`]:{$$color:"$colors$neutral400"},backgroundColor:"$$color"}}}],"& .summary":{width:"100%",padding:"$15 $15 $10 $15"},"& .basic-info":{paddingTop:"$10",display:"flex",alignItems:"center",".usd-value":{$$color:"$colors$neutral600",[`.${Ve} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}}),Ba=at(sn.Trigger,{display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",height:"$36",padding:"$10 $15",boxSizing:"border-box",cursor:"pointer",border:"none",outline:"none",backgroundColor:"transparent",variants:{error:{true:{[`& ${Wa}`]:{border:"1px $warning500 solid",borderRadius:"100%"}},false:{[`& ${Wa}`]:{border:"1px transparent solid",borderRadius:"100%"}}},recommended:{true:{$$color:"$colors$info300",[`.${Ve} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"},false:{$$color:"$colors$neutral400",[`.${Ve} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}}},"& div:nth-child(1)":{display:"flex"}}),Ma=at(rn,{width:"100%"}),an=at("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$2",transition:`all ${Nr}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),jT=at("div",{height:"$12",marginLeft:"$10",marginRight:"$10",borderLeft:"1px solid $foreground"}),$a=at("div",{display:"flex",justifyContent:"center",margin:"0 $15",borderTop:"1px solid",$$color:"$colors$neutral300",[`.${Ve} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color"}),Pa=at("div",{width:"$16",height:"$16",justifyContent:"center",alignItems:"center",display:"flex"});import{TokenAmount as Da}from"@rango-dev/ui";import ln from"react";import{styled as Sm}from"@rango-dev/ui";var _a=Sm("div",{position:"relative",display:"flex",flexDirection:"column",width:"100%","& .separator":{height:"14px",marginLeft:"14px",position:"absolute",borderLeft:"1px solid $foreground",top:"42%"}});function Zt(t){let{from:e,to:o,percentageChange:n,warningLevel:r}=t;return ln.createElement(_a,null,ln.createElement(Da,{direction:"horizontal",label:"Swap input",type:"input",price:{value:e.price.value,usdValue:e.price.usdValue},token:{displayName:e.token.displayName,image:e.token.image},chain:{image:e.chain.image}}),ln.createElement("div",{className:"separator"}),ln.createElement(Da,{direction:"horizontal",label:"Estimated output",type:"output",price:{value:o.price.value,usdValue:o.price.usdValue},token:{displayName:o.token.displayName,image:o.token.image},chain:{image:o.chain.image},percentageChange:n,warningLevel:r}))}s(Zt,"QuoteSummary");function Mr(t){let{quote:e,input:o,output:n,error:r,warning:i,type:a,recommended:l=!0}=t,p=T().tokens(),[u,m]=Am(t.expanded),c=Em(null),S=W(en(e.result?.swaps??[],p),2,2),f=Io(Wo(e.result?.swaps)),y=Mt(o.usdValue,n.usdValue??null),x=W(String(y),2,2),g=Je(y??0),d=s(h=>h.map((C,A)=>{let B,E=r?.type===3&&r.swap.swapperId===C.swapperId||i?.type===2&&i.recommendedSlippages?.has(A),$=i?.type===2&&i.recommendedSlippages?.has(A);return E?B="error":$&&(B="warning"),{swapper:{displayName:C.swapperId,image:C.swapperLogo},from:{token:{displayName:C.from.symbol,image:C.from.logo},chain:{displayName:C.from.blockchain,image:C.from.blockchainLogo},price:{value:A===0?W(o.value,6,6):C.fromAmount}},to:{token:{displayName:C.to.symbol,image:C.to.logo},chain:{displayName:C.to.blockchain,image:C.to.blockchainLogo},price:{value:C.toAmount}},state:B,alerts:E||$?N.createElement(ma,null,N.createElement(Cm,{type:E?"error":"warning",title:r?.type===3?r?.recommendation:Lr.t("Slippage Error:"),footer:N.createElement(da,null,r?.type===3&&N.createElement(N.Fragment,null,N.createElement(_t,{size:"xsmall",variant:"body",color:"neutral900"},r.fromAmountRangeError),N.createElement(Br,{direction:"horizontal",size:8}),N.createElement(_t,{size:"xsmall",variant:"body",color:"neutral900"},"|"),N.createElement(Br,{direction:"horizontal",size:8}),N.createElement(_t,{size:"xsmall",variant:"body",color:"neutral900"},Lr.t({id:"Yours: {amount} {symbol}",values:{amount:W(C.fromAmount,6,6),symbol:C?.from.symbol}}))),(r?.type===4||i?.type===2)&&N.createElement(_t,{size:"xsmall",variant:"body",color:"neutral900"},Lr.t({id:"min required Slippage: {minRequiredSlippage}",values:{...r?.type===4&&{minRequiredSlippage:r.recommendedSlippages?.get(A)},...i?.type===2&&{minRequiredSlippage:i.recommendedSlippages?.get(A)}}})))})):void 0}}),"getQuoteSteps")(e.result?.swaps??[]),k=d.length;return bm(()=>{u&&c.current&&setTimeout(()=>{c?.current?.scrollIntoView({behavior:"smooth"})},Nr)},[u]),N.createElement(N.Fragment,null,N.createElement(La,{recommended:l,listItem:a==="list-item",basic:a==="basic"},N.createElement("div",{className:"summary"},N.createElement(wm,{fee:S,time:f,steps:k}),a==="basic"&&N.createElement("div",{className:"basic-info"},N.createElement(Pa,null,N.createElement(Tm,{size:12,color:"gray"})),N.createElement(_t,{size:"small",variant:"body",style:{letterSpacing:.4}},`${o.value} ${d[0].from.token.displayName} = ${n.value} ${d[d.length-1].to.token.displayName}`),N.createElement(_t,{color:"$neutral600",ml:2,size:"xsmall",variant:"body"},`($${n.usdValue})`)),a==="list-item"&&N.createElement(xm,{type:"output",direction:"vertical",price:{value:n.value,usdValue:n.usdValue},token:{displayName:d[k-1].to.token.displayName,image:d[k-1].to.token.image},chain:{image:d[k-1].to.chain.image},percentageChange:x,warningLevel:g}),a==="swap-preview"&&N.createElement(N.Fragment,null,N.createElement(Zt,{from:d[0].from,to:d[k-1].to,percentageChange:x,warningLevel:g}),N.createElement(Br,{size:4}))),N.createElement(Na,{recommended:l,open:u,onOpenChange:m},N.createElement(Ba,{ref:h=>c.current=h,recommended:l,onClick:m.bind(null,h=>!h)},N.createElement("div",null,d.map((h,C)=>{let A=`item-${C}`;return N.createElement(N.Fragment,{key:A},N.createElement(Ua,{container:t.tooltipContainer,side:"bottom",sideOffset:4,content:h.from.chain.displayName},N.createElement(Oa,{src:h.from.chain.image,size:16})),C===k-1&&N.createElement(N.Fragment,null,N.createElement(an,null,N.createElement(Fa,{size:12,color:"black"})),N.createElement(Ua,{container:t.tooltipContainer,side:"bottom",sideOffset:4,content:h.to.chain.displayName},N.createElement(Oa,{src:h.to.chain.image,size:16}))),C!==k-1&&N.createElement(an,null,N.createElement(Fa,{size:12,color:"black"})))})),N.createElement(an,{orientation:u?"up":"down"},N.createElement(km,{size:12,color:"black"}))),N.createElement(Ma,{open:u},N.createElement($a,null),N.createElement("div",{className:"steps-details"},d.map((h,C)=>{let A=`item-${C}`;return N.createElement(vm,{type:"quote-details",key:A,step:h,hasSeparator:C!==d.length-1,state:h.state})}))))))}s(Mr,"Quote");import{ChainToken as pn,Divider as $e,NextIcon as Wm,Skeleton as ye}from"@rango-dev/ui";import b from"react";import{darkTheme as Im,styled as za}from"@rango-dev/ui";var qa=za("div",{$$color:"$colors$neutral100",[`.${Im} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",borderBottomLeftRadius:"$xm",borderBottomRightRadius:"$xm",padding:"$15 ","& .cost-and-tag":{display:"flex",justifyContent:"space-between",alignItems:"center",height:"22px"},variants:{rounded:{true:{borderRadius:"$xm"}}},"& .cost":{display:"flex"},"& .basic-summary":{padding:"$15 $0 14px $0"},"& .output":{padding:"$6 $0 $15 $0",display:"flex",flexDirection:"column"},"& .output__token-info":{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$5"},"& .quote-summary":{display:"flex",justifyContent:"space-between",alignItems:"end"},"& .quote-summary__separator":{height:"$28",marginLeft:"13px",borderLeft:"1px solid $neutral700"},"& .token-amount":{display:"flex",justifyContent:"space-between"},"& .token-amount__label":{display:"flex",flexDirection:"column",alignItems:"start"},"& .chains":{paddingTop:"$2"},"& .swap-preview":{padding:"$15 $0 $15 $0"},"& .steps":{paddingLeft:"$8"},"& .step__title":{display:"flex",alignItems:"center"},"& .step__content":{display:"flex",alignItems:"start"},"& .step__tokens":{paddingTop:"$5",paddingBottom:"$10",display:"flex",alignItems:"center"},"& .step__token-info":{display:"flex",alignItems:"center"},"& .step__icon-container":{margin:"$0 $2",padding:"$4",display:"flex",justifyContent:"center",alignItems:"center"}}),Ga=za("div",{borderLeft:"1px dashed black",minHeight:" 64px",margin:"0px 11.5px",alignSelf:"stretch",variants:{hideSeparator:{true:{minHeight:"unset",height:"0"}}}});function $r(t){let{separator:e=!0}=t;return b.createElement(b.Fragment,null,b.createElement("div",{className:"step__title"},b.createElement(ye,{height:22,width:22,variant:"circular"}),b.createElement($e,{direction:"horizontal",size:8}),b.createElement(ye,{height:15,width:148,variant:"rounded"})),b.createElement("div",{className:"step__content"},b.createElement(Ga,{hideSeparator:!e}),b.createElement("div",{className:"step__tokens"},b.createElement("div",{className:"step__token-info"},b.createElement(pn,{size:"small",loading:!0,chainImage:"",tokenImage:""}),b.createElement($e,{direction:"horizontal",size:8}),b.createElement(ye,{height:12,width:76,variant:"rounded"})),b.createElement("div",{className:"step__icon-container"},b.createElement(Wm,{color:"gray",size:16})),b.createElement("div",{className:"step__token-info"},b.createElement(pn,{size:"small",loading:!0,chainImage:"",tokenImage:""}),b.createElement($e,{direction:"horizontal",size:8}),b.createElement(ye,{height:12,width:76,variant:"rounded"})))))}s($r,"StepSkeleton");function Pr(t){let{type:e,expanded:o,tag:n=!1}=t,r=b.createElement("div",{className:"quote-summary"},b.createElement("div",{className:"token-amount"},b.createElement(pn,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),b.createElement($e,{size:8,direction:"horizontal"}),b.createElement("div",{className:"token-amount__label"},b.createElement(ye,{height:10,width:60,variant:"rounded"}),b.createElement($e,{size:4}),b.createElement(ye,{height:15,width:148,variant:"rounded"}))),b.createElement(ye,{height:12,width:64,variant:"rounded"}));return b.createElement(qa,null,b.createElement("div",{className:"cost-and-tag"},b.createElement("div",{className:"cost"},b.createElement(ye,{width:60,height:10,variant:"rounded"}),b.createElement($e,{size:4,direction:"horizontal"}),b.createElement(ye,{width:60,height:10,variant:"rounded"}),b.createElement($e,{size:4,direction:"horizontal"}),b.createElement(ye,{width:60,height:10,variant:"rounded"})),n&&b.createElement(ye,{height:22,width:100,variant:"rounded"})),e==="basic"&&b.createElement("div",{className:"basic-summary"},b.createElement(ye,{height:15,width:148,variant:"rounded"})),e==="list-item"&&b.createElement("div",{className:"output"},b.createElement("div",{className:"output__token-info"},b.createElement(pn,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),b.createElement($e,{direction:"horizontal",size:4}),b.createElement(ye,{height:15,width:150,variant:"rounded"})),b.createElement($e,{size:4}),b.createElement(ye,{height:10,width:184,variant:"rounded"})),e==="swap-preview"&&b.createElement(b.Fragment,null,b.createElement($e,{size:4}),b.createElement("div",{className:"swap-preview"},r,b.createElement("div",{className:"quote-summary__separator"}),r)),b.createElement("div",{className:"chains"},b.createElement(ye,{height:15,width:321,variant:"rounded"})),o&&b.createElement("div",{className:"steps"},b.createElement($e,{size:20}),b.createElement($r,null),b.createElement($r,null),b.createElement($r,{separator:!1})))}s(Pr,"QuoteSkeleton");import{i18n as Xm}from"@lingui/core";import{Alert as Ym,Button as Jm,InfoIcon as Zm}from"@rango-dev/ui";import Ae from"react";import{useNavigate as Rm}from"react-router-dom";import{Alert as Nm,Button as Lm,Divider as Xa,NoRouteIcon as Bm,RefreshIcon as Mm,Typography as Ya}from"@rango-dev/ui";import Pe from"react";import{i18n as Ha}from"@lingui/core";function Qa(t,e,o,n){return t?.type===1?{alert:{type:"warning",text:G().genericServerError,action:{onClick:n,title:Ha.t("Retry")}},description:""}:t?.type===0&&t.diagnosisMessage?{alert:{type:"error",text:t.diagnosisMessage,action:null},description:""}:e.length?{alert:{type:"warning",text:G().liquiditySourcesError.title,action:{onClick:()=>o(!0),title:Ha.t("Reset")}},description:G().liquiditySourcesError.description}:{alert:null,description:G().noResultError.description}}s(Qa,"makeInfo");import{styled as _r}from"@rango-dev/ui";var Va=_r("div",{minHeight:"162px",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"}),ja=_r("div",{width:"100%"}),Ka=_r("div",{padding:"$6 $0"});function Dr(t){let{fetch:e,error:o}=t,n=D.use.disabledLiquiditySources(),r=D.use.toggleAllLiquiditySources(),i=T().swappers(),a=Qa(o,n,()=>r(i,!0),e);return Pe.createElement(Va,null,Pe.createElement(Bm,{size:24,color:"gray"}),Pe.createElement(Xa,{size:4}),Pe.createElement(Ya,{variant:"title",size:"small"},G().noResultError.title),!!a.description&&Pe.createElement(Ya,{variant:"body",size:"small",align:"center",color:"neutral700"},a.description),Pe.createElement(Xa,{size:4}),!!a.alert&&Pe.createElement(ja,null,Pe.createElement(Nm,{type:a.alert.type,title:a.alert.text,action:a.alert.action&&Pe.createElement(Lm,{size:"xsmall",type:a.alert.type,prefix:Pe.createElement(Ka,null,Pe.createElement(Mm,{size:8})),onClick:a.alert.action.onClick},a.alert.action.title),variant:"alarm"})))}s(Dr,"NoResult");import{i18n as to}from"@lingui/core";import{Button as Pm,Divider as ol,MessageBox as _m,Modal as Dm,Typography as Fm,WarningIcon as Om}from"@rango-dev/ui";import je from"react";import{Typography as el}from"@rango-dev/ui";import Or from"react";import{darkTheme as $m,styled as un}from"@rango-dev/ui";var Ja=un("div",{width:"100%",paddingTop:"$10"}),Fr=un("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),Za=un("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%","._title":{$$color:"$colors$neutral600",[`.${$m} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Ra=un("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});function tl(t){let{title:e,value:o,valueColor:n}=t;return Or.createElement(Za,null,Or.createElement(el,{size:"medium",variant:"label",className:"_title"},e),Or.createElement(el,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}s(tl,"QuoteErrorsModalItem");function nl(t){let{open:e,onClose:o,onConfirm:n,warning:r}=t,i=r.warningLevel==="high"?"error":"warning",a=[{title:to.t("Swapping"),value:W(r.inputUsdValue,4,4)},{title:to.t("Gas cost"),value:W(r.totalFee,2,2)},{title:to.t("Receiving"),value:W(r.outputUsdValue,4,4)},{title:to.t("Price impact"),value:W(r.priceImpact,2,2),valueColor:`${i}500`}];return je.createElement(Dm,{open:e,onClose:o,container:R()},je.createElement(_m,{type:i,title:G().highValueLossError.impactTitle,description:G().highValueLossError.description}),je.createElement(Fr,null,je.createElement(ol,{size:20}),je.createElement(Fm,{size:"small",variant:"title"},to.t("Details")),je.createElement(Fr,null,a.map((l,p)=>je.createElement(tl,{key:p,...l})))),je.createElement(ol,{size:32}),je.createElement(Pm,{type:"primary",size:"large",prefix:je.createElement(Om,null),fullWidth:!0,onClick:n},G().highValueLossError.confirmMessage))}s(nl,"HighValueLossWarningModal");import{i18n as rl}from"@lingui/core";function il(t,e){let o={alertType:"warning",title:"",action:"show-info"};return t?(t.type===0&&(Je(t.priceImpact)==="high"&&(o.alertType="error"),o.title=G().highValueLossError.title),t.type===1&&(o.title=G().unknownPriceError.title),t.type===2&&(o.title=rl.t({id:"minimum required slippage for this route: {minRequiredSlippage}",values:{minRequiredSlippage:t.minRequiredSlippage}})),t.type===3&&(o.title=rl.t("Caution, your slippage is high")),o):e?(o.alertType="error",e.type===3&&(o.title=e.recommendation,o.action=null),e.type===4&&(o.title="",o.action="change-settings"),o):null}s(il,"makeAlerts");import{i18n as Dt}from"@lingui/core";import{Button as sl,Divider as al,MessageBox as Um,Modal as zm,Typography as qm}from"@rango-dev/ui";import St from"react";import{useNavigate as Gm}from"react-router-dom";function ll(t){let{customSlippage:e,slippage:o}=D(),{open:n,onClose:r,onConfirm:i,warning:a}=t,l=Gm(),p=e??o;return St.createElement(zm,{anchor:"bottom",open:n,prefix:St.createElement(sl,{size:"small",variant:"ghost",onClick:()=>l("../"+L.settings)},St.createElement(qm,{variant:"label",size:"medium",color:"$neutral900"},Dt.t("Change settings"))),container:R(),onClose:r},St.createElement(Um,{type:"warning",title:a.type===3?Dt.t("High slippage"):Dt.t("Low slippage"),description:a.type===3?Dt.t({id:" Caution, your slippage is high (={userSlippage}). Your trade may be front run.",values:{userSlippage:p}}):Dt.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:a.minRequiredSlippage}})},St.createElement(al,{size:18}),St.createElement(al,{size:32}),St.createElement(sl,{size:"large",type:"primary",variant:"contained",fullWidth:!0,onClick:i},Dt.t("Confirm anyway"))))}s(ll,"SlippageWarningModal");import{Button as Hm,Divider as Qm,MessageBox as Vm,Modal as jm,WarningIcon as Km}from"@rango-dev/ui";import oo from"react";function pl(t){let{open:e,onClose:o,onConfirm:n}=t;return oo.createElement(jm,{open:e,onClose:o,container:R()},oo.createElement(Vm,{type:"warning",title:G().unknownPriceError.impactTitle,description:G().unknownPriceError.description}),oo.createElement(Qm,{size:32}),oo.createElement(Hm,{type:"primary",size:"large",prefix:oo.createElement(Km,null),fullWidth:!0,onClick:n},G().unknownPriceError.confirmMessage))}s(pl,"UnknownPriceWarningModal");function Ur(t){let{warning:e,error:o,refetchQuote:n,showWarningModal:r,onOpenWarningModal:i,onCloseWarningModal:a,onConfirmWarningModal:l}=t,p=Rm(),u={open:r,onClose:a,onConfirm:l},m=o?.type===0||o?.type===1,c=il(e,o?.type===3||o?.type===4?o:null);return Ae.createElement(Ae.Fragment,null,m&&Ae.createElement(Dr,{error:o,fetch:n}),!!c&&Ae.createElement(Ja,null,Ae.createElement(Ym,{title:c.title,type:c.alertType,variant:"alarm",action:c.action==="show-info"?Ae.createElement(Ra,{onClick:i},Ae.createElement(Zm,{size:12,color:"gray"})):Ae.createElement(Jm,{size:"xsmall",type:"error",onClick:()=>p(L.settings)},Xm.t("Change Settings"))})),e&&Ae.createElement(Ae.Fragment,null,e.type===0&&Ae.createElement(nl,{...u,warning:e}),(e.type===3||e.type===2)&&Ae.createElement(ll,{...u,warning:e}),e.type===1&&Ae.createElement(pl,{...u,warning:e})))}s(Ur,"QuoteWarningsAndErrors");function no(t){let{quote:e,type:o,loading:n,error:r,warning:i,refetchQuote:a,showWarningModal:l,onOpenWarningModal:p,onCloseWarningModal:u,onConfirmWarningModal:m,expanded:c=!1}=t,{inputAmount:S,inputUsdValue:f,outputUsdValue:y,outputAmount:x}=P(),g=e&&e.result&&!n;return ut.createElement(ut.Fragment,null,n&&ut.createElement(Wr,null,ut.createElement(Pr,{type:o,expanded:c})),g?ut.createElement(Wr,null,ut.createElement(Mr,{quote:e,error:r,warning:i,type:o,expanded:c,recommended:!0,input:{value:W(S,6,6),usdValue:W(f,4,4)},output:{value:W(x,6,6),usdValue:W(y,4,4)}})):null,!i&&!r&&ut.createElement(ed,{size:16}),(i||r)&&ut.createElement(Ur,{warning:i,error:r,loading:n,refetchQuote:a,showWarningModal:l,onOpenWarningModal:p,onCloseWarningModal:u,onConfirmWarningModal:m}))}s(no,"QuoteInfo");import{useEffect as cl,useRef as rd,useState as zr}from"react";function cn(t){if(!t.result)throw new Error(G().noResultError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});if(Xt(t)){let{swap:n,recommendation:r,fromAmountRangeError:i}=kr(t);throw new Error("bridge limit error",{cause:{type:3,swap:n,recommendation:r,fromAmountRangeError:i}})}let o=wr(t);if(o){let n=tn(t);throw new Error("",{cause:{type:4,recommendedSlippages:o,minRequiredSlippage:n}})}return t}s(cn,"throwErrorIfResponseIsNotValid");function ul(t,e,o){let n=la(t,e),r={quote:null,quoteUpdate:null,balance:null},i=nn(e,{fromToken:o.fromToken,toToken:o.toToken,tokens:o.tokens,userSlippage:o.userSlippage});i&&(r.quote=i),n&&(Zs(t,e)?r.quoteUpdate={type:3,newOutputAmount:W(Bt(e)),percentageChange:W(it(Bt(t)??"",Bt(e)??""),null,2)}:xr(t,e)?r.quoteUpdate={type:0}:br(t,e)?r.quoteUpdate={type:1}:Er(t,e)&&(r.quoteUpdate={type:2}));let a=Rs(e,o.selectedWallets);return a.length===0||(r.balance={messages:a}),r}s(ul,"generateWarnings");function mn(t){return t?.code==="ERR_CANCELED"?{swap:null,error:{type:2},warnings:null}:t.cause?{swap:null,error:t.cause,warnings:null}:{swap:null,error:{type:1},warnings:null}}s(mn,"handleQuoteErrors");import{useRef as od,useState as nd}from"react";function dn(){let[t,e]=nd(!1),o=od(null),n=s(()=>o.current?.abort(),"cancel");return{fetch:s(async i=>{n(),o.current=new AbortController,e(!0);try{let a=await It().getBestRoute(i,{signal:o.current.signal});return o.current=null,a}catch(a){throw a}finally{e(!1)}},"fetch"),loading:t,cancelFetch:n}}s(dn,"useFetchQuote");var id=600;function ml(){let{fetch:t,cancelFetch:e}=dn(),{liquiditySources:o,enableNewLiquiditySources:n,experimental:r}=T().config,i=T().tokens(),{fromToken:a,toToken:l,inputAmount:p,inputUsdValue:u,resetQuote:m,setQuote:c}=P(),{slippage:S,customSlippage:f,affiliatePercent:y,affiliateRef:x,affiliateWallets:g,disabledLiquiditySources:w}=D(),[d,k]=zr(!1),[h,C]=zr(null),[A,B]=zr(null),E=rd(w),$=f??S,F=!a||!l||Ie(a,l)||!jt(p),v=s(O=>{k(O),C(null),B(null)},"resetState"),z=s(()=>{if(d||v(!0),!F){m();let O=on({fromToken:a,toToken:l,inputAmount:p,liquiditySources:o,excludeLiquiditySources:n,disabledLiquiditySources:w,slippage:$,affiliateRef:x,affiliatePercent:y,affiliateWallets:g});r?.routing&&(O.experimental=!0),t(O).then(Z=>{k(!1),c(Z),cn(Z);let le=nn(Z,{fromToken:a,toToken:l,userSlippage:$,tokens:i});B(le)}).catch(Z=>{let{error:le}=mn(Z);(le?.type===0||le?.type===1)&&m(),le?.type!==2&&(C(le),k(!1))})}},"fetch"),H=Ss(()=>{F||z()},id);return cl(()=>{if(!jt(p)||u?.eq(0)){v(!1),e();return}if(!F)return m(),v(!0),H(),e},[p,F]),cl(()=>{let O=!!E.current.length&&!w.length;return!F&&O&&z(),E.current=w,e},[w.length]),{fetch:z,loading:d,error:h,warning:A}}s(ml,"useSwapInput");var md=Gr("div",{display:"flex",flexDirection:"column",overflowY:"visible"}),dd=Gr("div",{position:"relative"}),fd=Gr("div",{display:"flex",flexDirection:"column",gap:5,alignSelf:"stretch"});function fn(){let t=cd(),{fetch:e,loading:o,error:n,warning:r}=ml(),{fromToken:i,fromBlockchain:a,toToken:l,toBlockchain:p,setInputAmount:u,inputAmount:m,inputUsdValue:c,outputAmount:S,outputUsdValue:f,quote:y,resetQuoteWallets:x,setQuoteWarningsConfirmed:g}=P(),w=T().fetchStatus,d=V.use.connectedWallets(),k=Ce.use.setCurrentPage(),[h,C]=ud(!1),A=pd(null),B=!1,E=js(c,f),$=Ro(c,E),_=!Tr(y,m,c),F=!Tr(y,m,f),v=Ks(w,d,o,y,Xt(y),$,_||F,B,m),z=a&&i?W(Wt(d,a?.name,i?.symbol,i?.address)?.amount||"0",8,8):"0",H=a&&i?W(Wt(d,a?.name,i?.symbol,i?.address)?.amount||"0",Wt(d,a?.name,i?.symbol,i?.address)?.decimal):"0";ld(()=>(k(L.home),x(),k.bind(null,"")),[]);let O=!c||!f||!f.gt(0)?null:it(c.toString(),f.toString());return Fe.createElement(j,{ref:A,fixedHeight:!1,hasLogo:!0,footer:Fe.createElement(sd,{type:"primary",size:"large",disabled:v.disabled,prefix:!v.disabled&&v.hasWarning&&Fe.createElement(ad,null),fullWidth:!0,onClick:()=>{v.state==="waitForConnecting"?t(L.wallets):r?C(!0):t(L.confirmSwap)}},v.title),header:{onWallet:()=>{t(L.wallets)},hasBackButton:!1,title:qr.t("Swap"),suffix:Fe.createElement(gr,{layoutRef:A.current,onClickRefresh:y||n?e:void 0,onClickHistory:()=>t(L.swaps),onClickSettings:()=>t(L.settings)})}},Fe.createElement(md,null,Fe.createElement(fd,null,Fe.createElement(dd,null,Fe.createElement(dl,{label:qr.t("From"),mode:"From",onInputChange:u,balance:z,chain:{displayName:a?.displayName||"",image:a?.logo||""},token:{displayName:i?.symbol||"",image:i?.image||""},onClickToken:()=>t(L.fromSwap),price:{value:m,usdValue:_?void 0:W(c,4,4),error:_?G().unknownPriceError.impactTitle:void 0},disabled:w==="failed",loading:w==="loading",onSelectMaxBalance:()=>{z!=="0"&&u(H.split(",").join(""))}}),Fe.createElement(ca,null)),Fe.createElement(dl,{sharpBottomStyle:!!y?.result||o,label:qr.t("To"),mode:"To",chain:{displayName:p?.displayName||"",image:p?.logo||""},token:{displayName:l?.symbol||"",image:l?.image||""},percentageChange:W(Mt(c,f),2,2),warningLevel:Je(O??0),price:{value:W(S,6,6),usdValue:F?void 0:W(f,4,4),error:F?G().unknownPriceError.impactTitle:void 0},onClickToken:()=>t(L.toSwap),disabled:w==="failed",loading:w==="loading"})),Fe.createElement(no,{quote:y,loading:o,error:n,warning:r,type:"basic",refetchQuote:e,showWarningModal:h,onOpenWarningModal:()=>C(!0),onCloseWarningModal:()=>C(!1),onConfirmWarningModal:()=>{C(!1),g(!0),t(L.confirmSwap)}})))}s(fn,"Home");import{useEffect as Hr,useRef as Qr}from"react";import{createSearchParams as gd,useLocation as hd,useSearchParams as yd}from"react-router-dom";import{useEffect as Ft,useMemo as gn,useRef as hn}from"react";function fl(){let{setInputAmount:t,setToToken:e,setToBlockchain:o,setFromBlockchain:n,setFromToken:r,fromToken:i,toToken:a,fromBlockchain:l,toBlockchain:p}=P(),u=T().config,m=T().fetchStatus,c=T().blockchains(),S=T().tokens(),{setAffiliateRef:f,setAffiliatePercent:y,setAffiliateWallets:x}=D(),g=gn(()=>u?.from?.tokens,[u?.from?.tokens]),w=gn(()=>u?.from?.blockchains,[u?.from?.blockchains]),d=gn(()=>u?.to?.tokens,[u?.to?.tokens]),k=gn(()=>u?.to?.blockchains,[u?.to?.blockchains]),h=hn(void 0),C=hn(void 0),A=hn(void 0),B=hn(void 0);Ft(()=>{t(u?.amount?.toString()||"")},[u?.amount]),Ft(()=>{if(m==="success"){let E=c.find(_=>_.name===u?.from?.blockchain),$=S.find(_=>Ie(_,u?.from?.token||null));(E||!E&&A.current)&&n(E??null),$?r({token:$,meta:{blockchains:c,tokens:S}}):!$&&h.current&&r({token:null}),A.current=u?.from?.blockchain,h.current=u?.from?.token}},[u?.from?.token?.symbol,u?.from?.token?.address,u?.from?.token?.blockchain,u?.from?.blockchain,m]),Ft(()=>{i&&g&&(g.some(E=>Ie(E,i))||r({token:null})),l&&w&&(w.includes(l.name)||n(null))},[g,w]),Ft(()=>{a&&d&&(d.some(E=>Ie(E,a))||e({token:null})),p&&k&&(k.includes(p.name)||o(null))},[d,k]),Ft(()=>{if(m==="success"){let E=c.find(_=>_.name===u?.to?.blockchain),$=S.find(_=>Ie(_,u?.to?.token||null));(E||!E&&B.current)&&o(E??null),$?e({token:$,meta:{blockchains:c,tokens:S}}):!$&&C.current&&e({token:null}),B.current=u?.to?.blockchain,C.current=u?.to?.token}},[u?.to?.token?.symbol,u?.to?.token?.address,u?.to?.token?.blockchain,u?.to?.blockchain,m]),Ft(()=>{f(u?.affiliate?.ref??null),y(u?.affiliate?.percent??null),x(u?.affiliate?.wallets??null)},[u?.affiliate?.ref,u?.affiliate?.percent,u?.affiliate?.wallets])}s(fl,"useSyncStoresWithConfig");function gl(){let t=Qr(!0),[e,o]=yd(),n=hd(),r=Qr(n.search),i=Qr({}),a=P.use.fromBlockchain(),l=P.use.toBlockchain(),p=P.use.fromToken(),u=P.use.toToken(),m=P.use.setFromBlockchain(),c=P.use.setFromToken(),S=P.use.setToBlockchain(),f=P.use.setToToken(),y=P.use.inputAmount(),x=P.use.setInputAmount(),g=T().fetchStatus,w=T().blockchains(),d=T().tokens(),k=Ce.use.setSelectedSwap();return fl(),Hr(()=>{let h={};gd(r.current).forEach((A,B)=>{h[B]=A}),i.current=h;let C=n.pathname.split(L.swaps+"/")[1]||null;C&&k(C)},[]),Hr(()=>{if(!t.current){let h="",C="",A="",B="",E="",$=i.current["autoConnect"];g!=="success"?(h=i.current["fromBlockchain"],C=i.current["fromToken"],A=i.current["toBlockchain"],B=i.current["toToken"],E=i.current["fromAmount"]||y):(h=a?.name||"",C=(p?.symbol||"")+(p?.address?`--${p?.address}`:""),A=l?.name||"",B=(u?.symbol||"")+(u?.address?`--${u?.address}`:""),E=y),o({...h&&{["fromBlockchain"]:h},...C&&{["fromToken"]:C},...A&&{["toBlockchain"]:A},...B&&{["toToken"]:B},...E&&{["fromAmount"]:E.toString()},...$&&{["autoConnect"]:$}},{replace:!0})}t.current=!1},[n.pathname,y,a,p,l,u]),Hr(()=>{if(g==="success"){let h=e.get("fromBlockchain"),C=e.get("fromToken"),A=e.get("toBlockchain"),B=e.get("toToken"),E=e.get("fromAmount"),$=w.find(z=>z.name===h),_=vr(d,C,$||null),F=w.find(z=>z.name===A),v=vr(d,B,F||null);$&&(m($),_&&c({token:_,meta:{blockchains:w,tokens:d}})),F&&(S(F),v&&f({token:v,meta:{blockchains:w,tokens:d}})),E&&x(E)}},[g]),null}s(gl,"UpdateUrl");function Ad(t){let e=bd(),o=Ed(),n=wd(!0),r=e.pathname.split("/"),a=r[r.length-1]===L.confirmSwap&&n.current;return Td(()=>{a&&o("."),n.current=!1},[]),a?Ct.createElement(fn,null):Ct.createElement(Ct.Fragment,null," ",t.children)}s(Ad,"Route");function hl({children:t,...e}){let o=xd(),n=o?Ad:vd,r=T().blockchains(),{canSwitchNetworkTo:i}=Cd();Ns();let a=r.filter(kd);return Sd({lastConnectedWallet:e.lastConnectedWallet,clearDisconnectedWallet:e.clearDisconnectedWallet,disconnectedWallet:e.disconnectedWallet,evmChains:a,canSwitchNetworkTo:i}),Ct.createElement(Ct.Fragment,null,Ct.createElement(n,null,t),o&&Ct.createElement(gl,null))}s(hl,"AppRouter");import xe from"react";import{useRoutes as _h}from"react-router-dom";import{i18n as xn}from"@lingui/core";import{useManager as uf}from"@rango-dev/queue-manager-react";import{Alert as Dl,Button as Fl,Divider as Ol,IconButton as Ul,RefreshIcon as cf,SettingsIcon as mf,styled as zl,Tooltip as df,Typography as ff,WalletIcon as gf}from"@rango-dev/ui";import Y,{useEffect as bn,useState as En}from"react";import{flushSync as hf}from"react-dom";import{useNavigate as yf}from"react-router-dom";import{i18n as Ze}from"@lingui/core";import{Alert as Zr,BalanceErrors as Jd,Button as $l,ChevronDownIcon as Zd,ChevronLeftIcon as Rd,Divider as Ut,MessageBox as ef,Modal as Pl,Typography as vn,WalletIcon as tf}from"@rango-dev/ui";import I,{useEffect as of,useLayoutEffect as nf,useRef as rf,useState as wt}from"react";import{useNavigate as sf}from"react-router-dom";import{i18n as yn}from"@lingui/core";function Sn(t){switch(t.type){case 0:return yn.t("Route has been updated.");case 3:return yn.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return yn.t("Route swappers has been updated.");case 2:return yn.t("Route internal coins has been updated.");default:return""}}s(Sn,"getQuoteUpdateWarningMessage");import{i18n as Oe}from"@lingui/core";import{Button as Kd,Divider as Yr,Image as Xd,MessageBox as wn,Modal as Wl,SelectableWallet as Yd,Typography as Nl,WalletState as Ll}from"@rango-dev/ui";import oe,{useEffect as Bl,useState as io}from"react";import{WalletState as yl}from"@rango-dev/ui";import{useWallets as Id}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as Wd,WalletTypes as Nd}from"@rango-dev/wallets-shared";import{useEffect as Ld,useState as Bd}from"react";var Md=Object.values(Nd);function Cn(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:i,disconnect:a,getWalletInfo:l,connect:p}=Id(),{connectedWallets:u}=V(),m=T().blockchains(),c=gs(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||Md,S=as(i,l,c,o),f=ds(S),[y,x]=Bd(""),g=s(h=>!u.find(C=>C.walletType===h&&C.chain===o),"isExperimentalChainNotAdded"),w=s(async h=>{let C=i(h);try{if(y&&x(""),C.connected)await a(h);else{let A=!!S.find(B=>B.state===yl.CONNECTED);if(!e?.multiWallets&&A)return;n?.(h),await p(h),r?.(h)}}catch(A){x("Error: "+A?.message)}},"handleClick"),d=s(()=>{let h=S?.filter(C=>C.state===yl.CONNECTING)||[];for(let C of h)a(C.type)},"disconnectConnectingWallets");Ld(()=>()=>{d()},[]);let k=s((h,C,A)=>$o(A,C)&&g(h)&&!Wd.includes(h),"shouldExcludeWallet");return{list:f.filter(h=>!k(h.type,o??"",m)),error:y,handleClick:w}}s(Cn,"useWalletList");import{i18n as wl}from"@lingui/core";import{styled as xl,Typography as Ud,Wallet as zd,WalletState as qd}from"@rango-dev/ui";import Tt,{Fragment as Gd,useState as vl}from"react";import{Divider as Fd,Modal as Od}from"@rango-dev/ui";import jr from"react";import{i18n as Ot}from"@lingui/core";import{Image as _d,MessageBox as Vr,WalletState as Dd}from"@rango-dev/ui";import kt from"react";import{keyframes as $d,styled as kn}from"@rango-dev/ui";var Qb=kn("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),Sl=kn("div",{position:"relative"}),Pd=$d({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),Cl=kn("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Pd} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),kl=kn("div",{"& img":{borderRadius:"50%"}});function Tl(t){let{state:e,image:o,error:n}=t;return e===Dd.CONNECTED?kt.createElement(Vr,{type:"success",title:Ot.t("Wallet Connected"),description:Ot.t("Your wallet is connected, you can use it to swap.")}):n?kt.createElement(Vr,{type:"error",title:Ot.t("Failed to Connect"),description:n||Ot.t("Your wallet is not connected. Please try again.")}):kt.createElement(Vr,{type:"loading",title:Ot.t("Connecting to your wallet"),description:Ot.t("Click connect in your wallet popup."),icon:kt.createElement(Sl,null,kt.createElement(kl,null,kt.createElement(_d,{src:o,size:45})),kt.createElement(Cl,null))})}s(Tl,"ModalContent");function ro(t){let{open:e,onClose:o,...n}=t;return jr.createElement(Od,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},jr.createElement(Tl,{...n}),jr.createElement(Fd,{direction:"vertical",size:32}))}s(ro,"WalletModal");var Hd=xl("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline",paddingTop:"$15",height:"100%"}),Qd=xl("div",{textAlign:"center"}),Tn=3e3,Kr=300;function bl(){let{config:t,fetchStatus:e}=T(),[o,n]=vl(!1),[r,i]=vl(""),a=null,{list:l,handleClick:p,error:u}=Cn({config:t,onBeforeConnect:f=>{a=setTimeout(()=>{n(!0),i(f)},Kr)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},Tn)}}),m=l.find(f=>f.type===r),c=m?.image||"",S=m?.state||qd.NOT_INSTALLED;return Tt.createElement(j,{header:{title:wl.t("Connect Wallets")}},Tt.createElement(Qd,null,Tt.createElement(Ud,{variant:"title",size:"xmedium",align:"center"},wl.t("Choose a wallet to connect.")),Tt.createElement(Hd,null,l.map((f,y)=>{let x=`wallet-${y}-${f.type}`;return Tt.createElement(Gd,{key:x},Tt.createElement(zd,{...f,container:R(),onClick:g=>{p(g)},isLoading:e==="loading"}))}),Tt.createElement(ro,{open:!!o,onClose:()=>n(!1),image:c,state:S,error:u}))))}s(bl,"WalletsPage");import{keyframes as Vd,styled as Xr}from"@rango-dev/ui";var El=Xr("div",{position:"relative"}),jd=Vd({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),Al=Xr("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${jd} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),Il=Xr("div",{"& img":{borderRadius:"50%"}});function Jr(t){let{chain:e,isSelected:o,selectWallet:n,limit:r,onShowMore:i}=t,{config:a}=T(),l=V.use.connectedWallets(),{blockchains:p}=T(),[u,m]=io(""),[c,S]=io(null),[f,y]=io(!1),[x,g]=io(null),{suggestAndConnect:w}=Ml(),d=null,{list:k,error:h,handleClick:C}=Cn({config:a,chain:e,onBeforeConnect:v=>{d=setTimeout(()=>{m(v)},Kr)},onConnect:()=>{d&&clearTimeout(d),setTimeout(()=>{m("")},Tn)}}),[A,B]=io(k),E=k.length,$=r&&E-r>0,_=s(async v=>{y(!1),g("in-progress");try{await w(v.walletType,v.chain),g("completed")}catch{g("rejected")}},"addExperimentalChain");Bl(()=>{B(v=>{let z=k.findIndex(H=>o(H.type,e));return $&&z>1?[k[z]].concat(k.filter((H,O)=>O!==z)):v.map(H=>k.find(O=>O.type===H.type)??H)})},[JSON.stringify(k)]);let F=document.querySelector("#swap-box");return Bl(()=>{let v=null;return(x==="completed"||x==="rejected")&&(v=setTimeout(()=>g(null),Tn)),()=>{v&&clearTimeout(v)}},[x]),oe.createElement(oe.Fragment,null,A.slice(0,r).map(v=>{let z=fs({connectedWallets:l,walletType:v.type,chain:e}),H=z?Po(z):"",O=$o(p(),e),Z=!l.find(ze=>ze.walletType===v.type&&ze.chain===e),le=O&&Z&&v.state===Ll.CONNECTED,te=le?Oe.t({id:"Add {chain} chain",values:{chain:e}}):H,ne=s(()=>{v.state===Ll.DISCONNECTED?C(v.type):le?(S({walletType:v.type,chain:e,address:z??""}),y(!0)):n({walletType:v.type,chain:e,address:z??""})},"onClick"),ge=c?.chain?Qs(c.chain,p()):void 0;return oe.createElement(oe.Fragment,null,oe.createElement(ro,{open:u===v.type,onClose:()=>m(""),image:v.image,state:v.state,error:h}),!!c&&oe.createElement(Wl,{open:!!c&&f,container:F,onClose:()=>{S(null)}},oe.createElement(wn,{title:Oe.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:ge}}),type:"warning",description:Oe.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:ge}})},oe.createElement(Yr,{size:18}),oe.createElement(Yr,{size:32}),oe.createElement(Kd,{onClick:_.bind(null,c),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},Oe.t("Confirm")))),x&&oe.createElement(Wl,{open:!!x,onClose:g.bind(null,null),container:F},x==="in-progress"&&oe.createElement(wn,{type:"loading",title:Oe.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:ge}}),description:Oe.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:ge}}),icon:oe.createElement(El,null,oe.createElement(Il,null,oe.createElement(Xd,{src:v.image,size:45})),oe.createElement(Al,null))}),x==="completed"&&oe.createElement(wn,{type:"success",title:Oe.t({id:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:ge}}),description:Oe.t({id:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:ge}})}),x==="rejected"&&oe.createElement(wn,{type:"error",title:Oe.t("Request Rejected"),description:Oe.t({id:"You've rejected adding {blockchainDisplayName} chain to your wallet.",values:{blockchainDisplayName:ge}})}),oe.createElement(Yr,{direction:"vertical",size:32})),oe.createElement(Yd,{key:v.type,description:te,onClick:ne,selected:o(v.type,e),...v}))}),$&&oe.createElement(ya,{selected:!1,onClick:i.bind(null)},oe.createElement(Nl,{variant:"label",size:"medium"},Oe.t("Show more wallets"),oe.createElement(Nl,{variant:"label",size:"medium",color:"$primary"},"\xA0+",E-(r??0)))))}s(Jr,"WalletList");var af=2;function _l(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,loading:i}=t,a=T().config,l=T().blockchains(),{quote:p,setSelectedWallets:u,quoteWalletsConfirmed:m,setQuoteWalletConfirmed:c,customDestination:S,setCustomDestination:f}=P(),{connectedWallets:y,selectWallets:x}=V(),[g,w]=wt(""),[d,k]=wt([]),[h,C]=wt(""),[A,B]=wt(null),[E,$]=wt(S),[_,F]=wt(!!S),v=rf(null),z=jo(p),H=l.find(U=>U.name===p?.result?.swaps[p?.result?.swaps.length-1].to.blockchain),O=s(U=>!!p?.result?.swaps.find(X=>X.from.blockchain===U),"isWalletRequiredFor"),[Z,le]=wt(y.filter(U=>U.selected&&z.includes(U.chain))),te=l.find(U=>U.name===H?.name),ne=s((U,X)=>!!Z.find(q=>q.walletType===U&&q.chain===X&&q.selected&&(O(X)||!O(X)&&!E)),"isSelected"),ge=!!E&&_&&te&&!Ko(te,E),ze=s(()=>{F(!1),$(""),le(U=>{let X=!1;return U.map(q=>!X&&q.chain===H?.name?(X=!0,{...q,selected:!0}):q)})},"resetCustomDestination"),ft=s(U=>{if(g&&w(""),ne(U.walletType,U.chain))return;let q=y.find(se=>se.walletType===U.walletType&&se.chain===U.chain);q&&(n(),U.chain===H?.name&&_&&(F(!1),$("")),le(se=>se.filter(qe=>qe.chain!==U.chain).concat({...q,selected:!0})))},"onChange"),xo=s(()=>{let U=Z.filter(X=>X.selected);x(U),u(U),f(E),c(!0),o()},"onConfirmBalance"),er=s(async()=>{k([]),C(""),B(null);let U=y.filter(se=>Z.find(qe=>qe.chain===se.chain&&qe.walletType===se.walletType)),X=await r?.({selectedWallets:U,customDestination:E}),q=X.warnings;q?.balance?.messages&&k(q.balance.messages),q?.quoteUpdate&&B(q.quoteUpdate),X.error&&C(Vs(X.error)),!X.error&&(!q?.balance?.messages.length||0>0)?xo():k(q?.balance?.messages??[])},"onConfirmWallets");of(()=>{le(U=>U.concat(y.filter(X=>!!!U.find(se=>se.chain===X.chain)&&X.selected&&z.includes(X.chain))))},[y.length]),nf(()=>{_&&v.current&&setTimeout(()=>{v?.current?.scrollIntoView({behavior:"smooth"})},Jt)},[_]);let Et=document.querySelector("#swap-box"),bo=sf();return I.createElement(Pl,{open:e,onClose:()=>{m||bo("../",{replace:!0}),o()},dismissible:!g,container:Et,...!g&&{footer:I.createElement(Ea,null,I.createElement($l,{loading:i,disabled:ra(i,_,E,p,Z,H),onClick:er,variant:"contained",type:"primary",fullWidth:!0,size:"large"},"Confirm"))},...g&&{containerStyle:{padding:"$0"},header:I.createElement(Ca,null,I.createElement(ka,{variant:"ghost",onClick:w.bind(null,"")},I.createElement(Rd,{size:16})),I.createElement(vn,{variant:"headline",size:"small"},Ze.t({id:"Your {blockchainName} wallets",values:{blockchainName:g}})))},anchor:"center"},I.createElement(Pl,{open:d.length>0,onClose:k.bind(null,[]),container:Et},I.createElement(ef,{title:Ze.t("Insufficient account balance"),type:"error",description:I.createElement(Jd,{messages:d??[]})},I.createElement($l,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:xo},Ze.t("Proceed anyway")))),g&&I.createElement(Ta,null,I.createElement("div",{className:"wallets-list"},I.createElement(Jr,{chain:g,isSelected:ne,selectWallet:ft,onShowMore:w.bind(null,g)}))),!g&&I.createElement(I.Fragment,null,h&&I.createElement(I.Fragment,null,I.createElement(Zr,{variant:"alarm",type:"error",title:Ze.t(h)}),I.createElement(Ut,{size:12})),A&&I.createElement(I.Fragment,null,I.createElement(Zr,{variant:"alarm",type:"warning",title:Sn(A)}),I.createElement(Ut,{size:12})),I.createElement(Ia,null,z.map((U,X)=>{let q=l.find(be=>be.name===U),se=`wallet-${X}`,qe=X===z.length-1;return I.createElement("div",{key:se},I.createElement(ga,null,I.createElement(vn,{variant:"title",size:"xmedium"},Ze.t({id:"Your {blockchainName} wallets",values:{blockchainName:q?.displayName}})),I.createElement(vn,{variant:"label",color:"$neutral700",size:"medium"},Ze.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:q?.displayName}}))),I.createElement(Ut,{size:24}),I.createElement(ha,null,I.createElement(Jr,{chain:U,isSelected:ne,selectWallet:ft,limit:af,onShowMore:()=>w(q?.name??"")})),!qe&&I.createElement(Ut,{size:32}),qe&&a?.customDestination&&I.createElement(xa,null,I.createElement(wa,{ref:v,selected:_,open:_,onOpenChange:be=>{be?O(H?.name??"")||le(tr=>tr.map(or=>or.chain===H?.name?{...or,selected:!1}:or)):ze()}},I.createElement(Sa,{onClick:()=>F(be=>!be)},I.createElement(va,{fullWidth:!0,variant:"default",suffix:I.createElement(ba,{orientation:_?"up":"down"},I.createElement(Zd,{size:10,color:"gray"}))},I.createElement("div",{className:"button__content"},I.createElement(tf,{size:18,color:"info"}),I.createElement(Ut,{size:4,direction:"horizontal"}),I.createElement(vn,{variant:"label",size:"medium"},Ze.t("Send to a different address"))))),I.createElement(rn,{open:_},I.createElement(I.Fragment,null,I.createElement(Ut,{size:4}),I.createElement(Aa,{autoFocus:!0,placeholder:Ze.t("Your destination address"),value:E,onChange:be=>{$(be.target.value)}})))),ge&&I.createElement("div",{className:"alarms"},I.createElement(Zr,{variant:"alarm",type:"error",title:Ze.t({values:{destination:E},id:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}s(_l,"ConfirmWalletsModal");import{calculatePendingSwap as lf}from"@rango-dev/queue-manager-rango-preset";import{useEffect as pf}from"react";function Rr(){let{fromToken:t,toToken:e,inputAmount:o,setQuote:n,resetQuote:r,quote:i,customDestination:a,setQuoteWarningsConfirmed:l}=P(),{slippage:p,customSlippage:u,affiliatePercent:m,affiliateRef:c,affiliateWallets:S,disabledLiquiditySources:f}=D(),{connectedWallets:y}=V(),x=T().blockchains(),g=T().tokens(),{experimental:w}=T().config,d=u||p,{fetch:k,cancelFetch:h,loading:C}=dn();return pf(()=>h,[]),{loading:C,fetch:s(async B=>{let E=B.selectedWallets,$=B?.customDestination??a;if(!t||!e||!o||!i)return{quote:null,swap:null,error:null,warnings:null};let _=on({fromToken:t,toToken:e,inputAmount:o,wallets:y,selectedWallets:E,disabledLiquiditySources:f,slippage:d,affiliateRef:c,affiliatePercent:m,affiliateWallets:S,initialQuote:i,destination:$});w?.routing&&(_.experimental=!0);let F;try{F=await k(_).then(O=>cn(O)),n(F)}catch(O){let Z=mn(O);return(Z.error?.type===0||Z.error?.type===1)&&r(),Z}let v={slippage:d.toString(),disabledSwappersGroups:f},z=lf(o.toString(),F,Js(E),v,!1,{blockchains:x,tokens:g}),H=ul(i,F,{fromToken:t,toToken:e,tokens:g,selectedWallets:E,userSlippage:d});return H.quoteUpdate&&l(!1),{quote:F,swap:z,error:null,warnings:H}},"fetch"),cancelFetch:h}}s(Rr,"useConfirmSwap");var Sf=zl("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"}}),Cf=zl("div",{width:"100%",display:"flex",justifyContent:"space-between","& .confirm-button":{flexGrow:1,paddingRight:"$10"},[`& ${Ul}`]:{width:"$48",height:"$48"}});function ql(){let{quote:t,setInputAmount:e,selectedWallets:o,quoteWalletsConfirmed:n,setQuoteWalletConfirmed:r,customDestination:i,quoteWarningsConfirmed:a}=P(),l=yf(),[p,u]=En(""),{connectedWallets:m}=V(),c=!n,[S,f]=En(!1),y=Ce.use.setSelectedSwap(),{manager:x}=uf(),{fetch:g,loading:w,cancelFetch:d}=Rr(),[k,h]=En({swap:null,error:null,warnings:null}),[C,A]=En(!1),B=s(async({selectedWallets:v,customDestination:z})=>{let H=await g?.({selectedWallets:v,customDestination:z});return h(H),H},"onConfirmSwap"),E=s(async()=>{if(k.swap&&n)try{await x?.create("swap",{swapDetails:k.swap},{id:k.swap.requestId}),y(k.swap.requestId);let v=`../${L.swaps}/${k.swap.requestId}`;l(v,{replace:!0}),setTimeout(()=>{e("")},0)}catch(v){u("Error: "+v?.message)}},"addNewSwap"),$=s(async()=>{await E()},"onConfirm"),_=s(async()=>{k?.warnings?.quote&&!a?A(!0):await $()},"onStartConfirmSwap"),F=s(async()=>{h({error:null,swap:null,warnings:null}),g({selectedWallets:o}).then(v=>{h(v)}).catch(v=>console.error(v))},"onRefresh");return bn(()=>{c&&d()},[c]),bn(()=>{c&&f(c)},[c]),bn(()=>{c||g({selectedWallets:o,customDestination:i}).then(v=>h(v)).catch(v=>console.error(v))},[]),bn(()=>{let v=k.warnings?.quote?.type&&Object.values(nt).includes(k.warnings?.quote?.type),z=o.length<1||!o.every(O=>m.find(Z=>O.address===Z.address&&O.walletType===Z.walletType&&O.chain===Z.chain)),H=!1;if(v){let O=jo(t),Z=t?.result?.swaps[t.result.swaps.length-1].to.blockchain;!!t?.result?.swaps.find(ne=>ne.from.blockchain===Z)||(O=O.slice(-O.length,O.length-1)),O.every(ne=>o.find(ge=>ge.chain===ne))||(H=!0)}t&&(z||H)&&(queueMicrotask(()=>hf(f.bind(null,!0))),r(!1))},[k.warnings?.quote,o.length,m.length]),Y.createElement(j,{header:{title:xn.t("Confirm Swap"),onWallet:()=>{let v=`../${L.wallets}`;l(v)},suffix:Y.createElement(df,{container:R(),side:"bottom",content:xn.t("Settings")},Y.createElement(Le,{size:"small",variant:"ghost",onClick:()=>l("../"+L.settings)},Y.createElement(mf,{size:18,color:"black"})))},footer:Y.createElement(Cf,null,Y.createElement("div",{className:"confirm-button"},Y.createElement(Fl,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:w,disabled:!!k.error,onClick:_},xn.t("Start Swap"))),Y.createElement(Ul,{variant:"contained",type:"primary",size:"large",loading:w,onClick:f.bind(null,!0)},Y.createElement(gf,{size:24})))},S&&Y.createElement(_l,{open:S,onClose:()=>f(!1),onCancel:d,loading:w,onCheckBalance:B}),Y.createElement(Sf,null,Y.createElement("div",{className:"description"},Y.createElement(ff,{variant:"title",size:"small"},xn.t("You get")),Y.createElement(Fl,{style:{padding:"0"},variant:"ghost",disabled:w,onClick:F},Y.createElement("div",{className:"icon"},Y.createElement(cf,{size:16})))),p&&Y.createElement(Y.Fragment,null,Y.createElement(Dl,{type:"error",variant:"alarm",title:p}),Y.createElement(Ol,{size:12})),k.warnings?.quoteUpdate&&Y.createElement(Y.Fragment,null,Y.createElement(Dl,{variant:"alarm",type:"warning",title:k.warnings.quoteUpdate&&Sn(k.warnings.quoteUpdate)}),Y.createElement(Ol,{size:12})),Y.createElement(no,{quote:t,type:"swap-preview",expanded:!0,error:k.error,loading:w,warning:k.warnings?.quote??null,refetchQuote:F,showWarningModal:C,onOpenWarningModal:()=>A(!0),onCloseWarningModal:()=>A(!1),onConfirmWarningModal:async()=>{A(!1),await E()}})))}s(ql,"ConfirmSwapPage");import{i18n as In}from"@lingui/core";import{useManager as Ef}from"@rango-dev/queue-manager-react";import{Divider as Af,NotFound as If,styled as Jl}from"@rango-dev/ui";import ct,{useState as Wf}from"react";import{useNavigate as Nf}from"react-router-dom";import{CloseIcon as Tf,IconButton as wf,SearchIcon as vf,TextField as xf}from"@rango-dev/ui";import so from"react";import{styled as kf}from"@rango-dev/ui";var Gl=kf("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function Re(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:i,value:a,setValue:l,...p}=t;return so.createElement(xf,{prefix:so.createElement(Gl,null,so.createElement(vf,{color:"black"})),suffix:!!a.length&&so.createElement(wf,{variant:"ghost",onClick:()=>l?.(""),size:"small"},so.createElement(Tf,{color:"gray",size:10})),fullWidth:o,color:n,variant:e,style:{padding:10,borderRadius:25,alignItems:"center"},size:r,value:a,onChange:i,...p})}s(Re,"SearchInput");import{i18n as Ql}from"@lingui/core";import{Divider as Vl,SwapListItem as jl,Typography as Kl}from"@rango-dev/ui";import ee from"react";import{darkTheme as bf,styled as An}from"@rango-dev/ui";var ei=An("div",{width:"100%",display:"flex",flexDirection:"column",".group-title":{$$color:"$colors$neutral600",[`.${bf} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),ti=An("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),oi=An("div",{gap:"$10",display:"flex",flexDirection:"column"}),Hl=An("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});function ni(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,i=n?n(e):[{title:"History",swaps:e}];if(r){let a=[{},{}];return ee.createElement(ee.Fragment,null,[{title:"Today",swaps:a},{title:"Last month",swaps:a}].map(p=>ee.createElement(ee.Fragment,{key:p.title},ee.createElement(ei,null,ee.createElement(ti,null,ee.createElement(Kl,{variant:"label",size:"medium",className:"group-title"},Ql.t(p.title))),ee.createElement(Vl,{size:4}),ee.createElement(oi,null,p.swaps.map((u,m)=>{let c=m+p.title;return ee.createElement(ee.Fragment,{key:c},ee.createElement(jl,{isLoading:!0}))}))))))}return ee.createElement(ee.Fragment,null,i.filter(a=>a.swaps.length>0).map(a=>ee.createElement(ee.Fragment,{key:a.title},ee.createElement(ei,null,ee.createElement(ti,null,ee.createElement(Kl,{variant:"label",size:"medium",className:"group-title"},Ql.t(a.title))),ee.createElement(Vl,{size:4}),ee.createElement(oi,null,a.swaps.map(l=>{let p=l.steps[0],u=l.steps[l.steps.length-1];return ee.createElement(ee.Fragment,{key:l.requestId},ee.createElement(jl,{requestId:l.requestId,creationTime:l.creationTime,status:l.status,onClick:o,onlyShowTime:a.title==="Today",swapTokenData:{from:{token:{image:p.fromLogo,displayName:p.fromSymbol},blockchain:{image:p.fromBlockchainLogo||""},amount:No(l.inputAmount)},to:{token:{image:u.toLogo,displayName:u.toSymbol},blockchain:{image:u.toBlockchainLogo||""},amount:No(u.outputAmount||""),estimatedAmount:No(u.expectedOutputAmountHumanReadable||"")}}}))}))))))}s(ni,"SwapsGroup");import Xl from"dayjs";var Yl=s(t=>{let e=new Map([["today",{title:"Today",swaps:[]}],["month",{title:"Last month",swaps:[]}],["year",{title:"Last year",swaps:[]}],["history",{title:"History",swaps:[]}]]),o=Xl();return t.forEach(n=>{let r=Xl(Number(n.creationTime));o.isSame(r,"day")?e.get("today")?.swaps.push(n):o.isSame(r,"month")?e.get("month")?.swaps.push(n):o.isSame(r,"year")?e.get("year")?.swaps.push(n):e.get("history")?.swaps.push(n)}),Array.from(e.values())},"groupSwapsByDate");var zt=s(t=>{let e=[];return t?.getAll().forEach((o,n)=>{let r=o.list.getStorage();r?.swapDetails&&e.push({id:n,swap:r?.swapDetails})}),e.sort((o,n)=>Number(n.swap.creationTime)-Number(o.swap.creationTime))},"getPendingSwaps");var Lf=Jl("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",height:"100%",gap:15}),Bf=Jl("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),Mf=s((t,e)=>t?.length?t.filter(o=>Ge(o.fromBlockchain,e)||Ge(o.toBlockchain,e)||Ge(o.toSymbol,e)||Ge(o.fromSymbol,e)).length:!1,"isStepContainsText");function Zl(){let t=Ce.use.setSelectedSwap(),e=Nf(),{manager:o,state:n}=Ef(),r=zt(o).map(({swap:c})=>c),[i,a]=Wf(""),l=!n.loadedFromPersistor,p=s(c=>{let S=c.target.value;a(S)},"searchHandler"),u=r;i&&(u=r.filter(c=>Ge(c.inputAmount,i)||Ge(c.status,i)||Mf(c.steps,i)||Ge(c.requestId,i)));let m=!u?.length&&!l;return ct.createElement(j,{header:{title:In.t("History")}},ct.createElement(Lf,null,ct.createElement(Re,{setValue:a,fullWidth:!0,variant:"contained",placeholder:In.t("Search Transaction"),autoFocus:!0,onChange:p,value:i}),ct.createElement(Bf,null,m&&ct.createElement(Hl,null,ct.createElement(Af,{size:32}),ct.createElement(If,{title:In.t("No results found"),description:i?In.t("Try using different keywords"):""})),!m&&ct.createElement(ni,{list:u,onSwapClick:c=>{t(c),e(c)},groupBy:Yl,isLoading:l}))))}s(Zl,"HistoryPage");import{i18n as Rl}from"@lingui/core";import{List as $f,ListItemButton as Pf,Radio as _f,RadioRoot as Df,Typography as Ff}from"@rango-dev/ui";import mt from"react";import{styled as Wn}from"@rango-dev/ui";var et=Wn("div",{height:"100%",overflow:"hidden"}),ao=Wn("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto"}),ri=Wn("div",{width:80,display:"flex",justifyContent:"flex-end"}),ii=Wn("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});function Nn(){let t=D.use.language(),e=D.use.setLanguage();return{activeLanguage:t,languages:Cs,defaultLanguage:Kt,changeLanguage:r=>e(r||Kt)}}s(Nn,"useLanguage");function ep(){let{activeLanguage:t,changeLanguage:e,languages:o}=Nn(),n=o.map(r=>{let{local:i,label:a,SVGFlag:l}=r;return{id:i,value:i,title:mt.createElement(Ff,{variant:"title",size:"xmedium"},a),onClick:()=>e(r.local),end:mt.createElement(_f,{value:i}),start:mt.createElement(l,null)}});return mt.createElement(j,{header:{title:Rl.t("Language")}},mt.createElement(et,null,mt.createElement(Df,{value:t},mt.createElement($f,{type:mt.createElement(Pf,{title:Rl.t("language"),id:"_",onClick:()=>console.log()}),items:n}))))}s(ep,"LanguagePage");import{i18n as qt}from"@lingui/core";import{Button as Gf,Checkbox as Hf,Image as Qf,ListItemButton as Vf,NotFound as jf,Typography as Kf}from"@rango-dev/ui";import Se,{useState as Xf}from"react";import{Checkbox as zf,Skeleton as op}from"@rango-dev/ui";import lo from"react";import{ListItem as Of,styled as Uf}from"@rango-dev/ui";var tp=Uf(Of,{height:61});var qf=30;function si(){return lo.createElement(ao,null,Array.from(Array(qf),t=>lo.createElement(tp,{hasDivider:!0,key:t,start:lo.createElement(op,{variant:"circular",width:35,height:35}),title:lo.createElement(op,{variant:"text",size:"large",width:90}),end:lo.createElement(zf,{checked:!1})})))}s(si,"LoadingLiquiditySourceList");function ai({sourceType:t}){let e=T().fetchStatus,o=T().swappers(),[n,r]=Xf(""),i=D.use.toggleLiquiditySource(),a=Do(o),l=[];t==="Exchanges"&&l.push("DEX"),t==="Bridges"&&(l.push("BRIDGE"),l.push("AGGREGATOR"));let p=a.filter(y=>l.includes(y.type)),u=p.length===p.filter(y=>y.selected).length,m=s(()=>{p.forEach(y=>{u?i(y.groupTitle):y.selected||i(y.groupTitle)})},"toggleAllSources"),c=p.map(y=>{let{selected:x,groupTitle:g,logo:w}=y;return{start:Se.createElement(Qf,{src:w,size:22,type:"circular"}),onClick:()=>i(g),end:Se.createElement(Hf,{checked:x}),title:Se.createElement(Kf,{variant:"title",size:"xmedium"},qt.t(g)),...y}}),S=s(y=>{let x=y.target.value;r(x)},"searchHandler"),f=c;return n&&(f=c.filter(y=>Ge(y.groupTitle,n))),Se.createElement(j,{header:{title:qt.t(t),suffix:Se.createElement(ri,null,Se.createElement(Gf,{variant:"ghost",size:"xsmall",onClick:m},qt.t(u?"Deselect all":"Select all")))}},Se.createElement(et,null,Se.createElement(Re,{value:n,setValue:r,fullWidth:!0,color:"light",variant:"contained",placeholder:qt.t("Search {sourceType}",{sourceType:t}),onChange:S}),e==="loading"&&Se.createElement(si,null),!f.length&&n?Se.createElement(ii,null,Se.createElement(jf,{title:qt.t("No results found"),description:qt.t("Try using different keywords")})):e==="success"&&Se.createElement(ao,null,f.map(y=>Se.createElement(Se.Fragment,{key:y.id},Se.createElement(Vf,{style:{height:"61px"},...y,selected:!1,hasDivider:!0}))))))}s(ai,"LiquiditySourcePage");import{i18n as up}from"@lingui/core";import{Divider as ci,SelectableCategoryList as rg}from"@rango-dev/ui";import vt,{useState as cp}from"react";import{i18n as pi}from"@lingui/core";import{Divider as lp,Image as Rf,ListItemButton as eg,NotFound as tg,Typography as pp}from"@rango-dev/ui";import Ne,{useEffect as og,useState as ng}from"react";import{BlockchainCategories as li}from"@rango-dev/ui";import{TransactionType as Ln}from"rango-sdk";var Yf=s((t,e)=>{switch(e){case li.ALL:return!0;case li.UTXO:return t.type===Ln.TRANSFER;case li.OTHER:return t.type!==Ln.TRANSFER&&t.type!==Ln.COSMOS&&t.type!==Ln.EVM;default:return t.type===e}},"filterByType"),np=s((t,e,o)=>t.filter(n=>Yf(n,o)).filter(n=>gt(n.name,e)||gt(n.displayName,e)),"filterBlockchains");import{styled as rp}from"@rango-dev/ui";var ip=rp("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),Bn=rp("ul",{padding:0,margin:0,listStyle:"none",overflowY:"auto",paddingRight:"$5",".image-container":{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as Jf,Skeleton as sp}from"@rango-dev/ui";import Mn from"react";var Zf=20;function ap(){return Mn.createElement(Bn,null,Array.from(Array(Zf),t=>Mn.createElement(Jf,{key:t,hasDivider:!0,start:Mn.createElement(sp,{variant:"circular",width:35,height:35}),title:Mn.createElement(sp,{variant:"text",size:"large",width:90})})))}s(ap,"LoadingBlockchainList");function ui(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[i,a]=ng(e),{fetchStatus:l}=T();og(()=>{a([...np(e,o,r)])},[e,o,r]);let p=s(()=>!i.length&&o?Ne.createElement(Ne.Fragment,null,Ne.createElement(lp,{size:32}),Ne.createElement(tg,{title:pi.t("No results found"),description:pi.t("Try using different keywords")})):Ne.createElement(Bn,{key:`${r}-${o}`},i.map(u=>Ne.createElement(eg,{key:`${u.name}-${u.chainId}`,hasDivider:!0,onClick:()=>n(u),start:Ne.createElement(Rf,{src:u.logo,size:30}),title:Ne.createElement(pp,{variant:"title",size:"medium"},u.displayName),id:u.chainId}))),"renderList");return Ne.createElement(ip,null,Ne.createElement(pp,{variant:"label",size:"large"},pi.t("Select Blockchain")),Ne.createElement(lp,{size:4}),l==="loading"&&Ne.createElement(ap,null),l==="success"&&p())}s(ui,"BlockchainList");function mi(t){let{type:e}=t,o=ot(),[n,r]=cp(""),[i,a]=cp("ALL"),l=P.use.setToBlockchain(),p=P.use.setFromBlockchain(),u=T().fetchStatus,m=T().blockchains({type:e});return vt.createElement(j,{header:{title:up.t("Select Blockchain")}},vt.createElement(ci,{size:12}),vt.createElement(rg,{setCategory:a,category:i,blockchains:m,isLoading:u==="loading"}),vt.createElement(ci,{size:24}),vt.createElement(Re,{value:n,autoFocus:!0,placeholder:up.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:c=>r(c.target.value)}),vt.createElement(ci,{size:16}),vt.createElement(ui,{list:m,searchedFor:n,blockchainCategory:i,onChange:c=>{e==="source"?p(c):l(c),o()}}))}s(mi,"SelectBlockchainPage");import{i18n as Np}from"@lingui/core";import{Divider as Lp}from"@rango-dev/ui";import Gt,{useState as Tg}from"react";import{useNavigate as wg}from"react-router-dom";import{i18n as gi}from"@lingui/core";import{BlockchainsChip as $n,Divider as gp,Image as hp,Skeleton as pg,Typography as hi}from"@rango-dev/ui";import fe from"react";import{useEffect as ag}from"react";var mp=["ETH","COSMOS","OSMOSIS"];function di(t,e,o){let n=JSON.parse(JSON.stringify(t)),r=[];if(n.sort(ig),o?.limit&&t.length>o.limit){let i=o.limit,a=e;if(e.length<=o.limit){let l=o.limit-e.length;for(let p=0;p<=l;p++){let u=n[p];a=a.filter(m=>u.name!==m)}}n.sort(sg(a)),r=n.splice(i)}return{list:n,more:r}}s(di,"prepare");function ig(t,e){let o=mp,n=o.findIndex(l=>l===t.name),r=o.findIndex(l=>l===e.name),i=n>-1,a=r>-1;return i&&a?n>r?1:-1:i?-1:a?1:0}s(ig,"sortByMostUsedBlockchains");function sg(t){return s(function(o,n){let r=t.findIndex(p=>p===o.name),i=t.findIndex(p=>p===n.name),a=r>-1,l=i>-1;return a&&l?r>i?1:-1:t.includes(o.name)?-1:t.includes(n.name)?1:0},"sortByPreferred")}s(sg,"generateSortByPreferredBlockchainsFor");function dp(t,e){return!!e.list.find(o=>o.name===t)}s(dp,"isInVisibleList");function fi(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=D();ag(()=>{if(e?.selected){let i=di(t,o,e);dp(e.selected,i)||n(e?.selected)}},[e?.selected]);let r=di(t,o,e);return{list:r.list,more:r.more,history:[]}}s(fi,"usePrepareBlockchainList");import{styled as lg}from"@rango-dev/ui";var fp=lg("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var ug=12;function yi(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:i}=t,a=fi(e,{limit:10,selected:n?.name}),{fetchStatus:l}=T(),p=P.use.resetToBlockchain(),u=P.use.resetFromBlockchain(),m=a.more.length>0,c=a.more.length===1,S=!c&&m;return fe.createElement("div",null,fe.createElement(gp,{size:12}),fe.createElement(hi,{variant:"label",size:"large"},gi.t("Select Blockchain")),fe.createElement(gp,{size:12}),fe.createElement(fp,null,l==="loading"&&Array.from(Array(ug),f=>fe.createElement(pg,{key:f,variant:"rounded",height:50})),l==="success"&&fe.createElement(fe.Fragment,null,fe.createElement($n,{selected:!n,onClick:()=>{o==="from"?u():p()}},fe.createElement(hi,{variant:"body",size:"xsmall",color:"secondary500"},gi.t("All"))),a.list.map(f=>fe.createElement($n,{key:f.name,selected:!!n&&n.name===f.name,onClick:()=>r(f)},fe.createElement(hp,{src:f.logo,size:30}))),c?fe.createElement($n,{key:a.more[0].name,selected:!!n&&n.name===a.more[0].name,onClick:()=>r(a.more[0])},fe.createElement(hp,{src:a.more[0].logo,size:30})):null,S?fe.createElement($n,{onClick:i,key:"more-blockchains"},fe.createElement(hi,{variant:"body",size:"xsmall",color:"secondary500"},gi._("More +{count}",{count:a.more.length}))):null)))}s(yi,"BlockchainsSection");import{i18n as wi}from"@lingui/core";import{darkTheme as bp,Divider as uo,ExternalLinkIcon as dg,Image as fg,ListItemButton as gg,NotFound as hg,PinIcon as yg,Skeleton as Ep,Typography as co,VirtualizedList as Sg}from"@rango-dev/ui";import M,{forwardRef as Cg,useEffect as Ap,useState as Ip}from"react";var yp=s((t,e)=>{t=t.replace(/^#/,""),t.length===3&&(t=t[0]+t[0]+t[1]+t[1]+t[2]+t[2]);let[i,a,l]=t.match(/.{2}/g);[i,a,l]=[parseInt(i,16)+e,parseInt(a,16)+e,parseInt(l,16)+e],i=Math.max(Math.min(255,i),0).toString(16),a=Math.max(Math.min(255,a),0).toString(16),l=Math.max(Math.min(255,l),0).toString(16);let p=(i.length<2?"0":"")+i,u=(a.length<2?"0":"")+a,m=(l.length<2?"0":"")+l;return`#${p}${u}${m}`},"colorShade"),Pn=s((t,e)=>{let a={[t]:e};for(let l=1;l<10;l++)l<5&&(a={...a,[t+l*100]:yp(e,(5-l)*25)}),l===5&&(a={...a,[t+l*100]:e}),l>5&&(a={...a,[t+l*100]:yp(e,-((l-5)*25))});return a},"generateRangeColors"),Si=s((t,e,o)=>{if(!o||!Object.entries(o).length)return{};let n=!1,r={...t};for(let i in o){let a=o[i];if(a&&a!==t[i])if(n=!0,i==="background"||i==="foreground")r={...r,[i]:a};else if(i==="neutral"&&e){let l=Pn(i,a);r={...r,[`${i}100`]:l[`${i}900`],[`${i}200`]:l[`${i}800`],[`${i}300`]:l[`${i}700`],[`${i}400`]:l[`${i}600`],[`${i}500`]:l[`${i}500`],[`${i}600`]:l[`${i}400`],[`${i}700`]:l[`${i}300`],[`${i}800`]:l[`${i}200`],[`${i}900`]:l[`${i}100`]}}else r={...r,...Pn(i,a)}}return n?r:{}},"generateColors");import{Divider as vp,ListItem as mg,Skeleton as po}from"@rango-dev/ui";import Ue from"react";import{darkTheme as Sp,styled as Ke,Typography as cg}from"@rango-dev/ui";var Cp=Ke("div",{display:"flex",flexDirection:"column",flexGrow:1}),Ci=Ke("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),_n=Ke("ul",{flexGrow:1,padding:0,margin:0,listStyle:"none","& li":{alignItems:"none",".description":{position:"relative",height:12,width:150,".token-title":{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",bottom:"-8px"},".token-address":{transform:"translateY(12px)",visibility:"hidden","& a":{fontSize:"$12",lineHeight:"$16",$$color:"$colors$neutral600",[`.${Sp} &`]:{$$color:"$colors$neutral700"},color:"$$color",textDecoration:"none"}},".token-name":{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}},"&:hover":{".description":{".token-address":{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",visibility:"visible"},".token-address-without-name":{bottom:"-15px"},".token-name":{position:"absolute",transform:"translateY(-12px)",visibility:"hidden"},".token-title":{position:"absolute",transform:"translateY(-12px)",bottom:"-10px"}}}}}),ki=Ke("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),Ti=Ke(cg,{}),kp=Ke("div",{textAlign:"right",".usd-value":{$$color:"$colors$neutral600",[`.${Sp} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Dn=Ke("ul",{display:"flex",alignItems:"end",flexDirection:"column"}),lW=Ke("div",{display:"flex",alignItems:"center"}),Tp=Ke("div",{position:"relative",".image-container":{borderRadius:"$xm",overflow:"hidden"}}),wp=Ke("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6});function xp(t){return Ue.createElement(_n,null,Array.from(Array(t.size),e=>Ue.createElement(mg,{key:e,hasDivider:!0,start:Ue.createElement(po,{variant:"circular",width:35,height:35}),end:Ue.createElement(Dn,null,Ue.createElement(po,{variant:"text",size:"large",width:70}),Ue.createElement(vp,{size:4}),Ue.createElement(po,{variant:"text",size:"medium",width:50})),title:Ue.createElement("div",null,Ue.createElement(po,{variant:"text",size:"large",width:90}),Ue.createElement(vp,{size:4}),Ue.createElement(po,{variant:"text",size:"medium",width:90}))})))}s(xp,"LoadingTokenList");var vi=20,kg=s(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:i,customCssForTagTitle:a}=t,l=e.length;return M.createElement("div",{className:"description"},o?M.createElement("div",{className:"token-name"},o):M.createElement(Ci,{className:"token-title"},M.createElement(co,{variant:"title",size:"xmedium"},r.symbol),M.createElement(uo,{direction:"horizontal",size:4}),M.createElement(ki,{css:i},M.createElement(Ti,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&M.createElement("div",{className:`token-address ${!o&&"token-address-without-name"}`},M.createElement("a",{href:n,target:"_blank",rel:"nofollow noreferrer",onClick:p=>p.stopPropagation()},l>10?`${e.slice(0,5)}...${e.slice(l-6,l)}`:e," ",M.createElement(dg,{color:"gray",size:12}))))},"renderDesc");function Wp(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[i,a]=Ip(e),l=T().fetchStatus,p=T().blockchains(),[u,m]=Ip(!0),c=V.use.loading(),{isTokenPinned:S}=T(),f=Cg((g,w)=>M.createElement("div",{...g,ref:w,style:{...g.style,height:`${parseFloat(g.style?.height)+8*2}px`}})),y=s(()=>{a(e.slice(0,i.length+vi))},"loadNextPage");Ap(()=>{m(e.length>i.length)},[i.length]),Ap(()=>{a(e.slice(0,vi))},[e]);let x=s(()=>!i.length&&o?M.createElement(M.Fragment,null,M.createElement(uo,{size:32}),M.createElement(hg,{title:wi.t("No results found"),description:wi.t("Try using different keywords")})):M.createElement(Sg,{Item:({index:g,style:w})=>{let d=i[g],k=d.address||"",h=p.find(E=>E.name===d.blockchain),C=Pn(d.symbol,h?.color||""),A={$$color:C[`${d.symbol}100`],[`.${bp} &`]:{$$color:C[`${d.symbol}900`]},backgroundColor:"$$color"},B={$$color:C[`${d.symbol}700`],[`.${bp} &`]:{$$color:C[`${d.symbol}100`]},color:"$$color"};return M.createElement("div",{style:{...w,paddingRight:5}},M.createElement(gg,{style:{height:w?.height},"tab-index":g,key:`${d.symbol}${d.address}`,id:`${d.symbol}${d.address}`,hasDivider:!0,onClick:()=>n(i[g]),start:M.createElement(Tp,null,M.createElement(fg,{src:d.image,size:30}),S(d)&&M.createElement(wp,null,M.createElement(yg,{size:12,color:"gray"}))),title:h?.type==="COSMOS"||d.name||!d.name&&!k?M.createElement(Ci,null,M.createElement(co,{variant:"title",size:"xmedium"},d.symbol),M.createElement(uo,{direction:"horizontal",size:4}),M.createElement(ki,{css:A},M.createElement(Ti,{variant:"body",size:"xsmall",css:B},d.blockchain))):void 0,description:h?.info&&k&&h.type!=="COSMOS"?kg({address:k,token:i[g],customCssForTag:A,customCssForTagTitle:B,name:d.name,url:h.info.addressUrl.split("{wallet}").join(k)}):d.name||void 0,end:c?M.createElement(Dn,null,M.createElement(Ep,{variant:"text",size:"large",width:70}),M.createElement(uo,{size:4}),M.createElement(Ep,{variant:"text",size:"medium",width:50})):i[g]?.balance&&M.createElement(kp,null,M.createElement(co,{variant:"title",size:"small"},d.balance?.amount),M.createElement("div",null),d.balance?.usdValue&&M.createElement(co,{variant:"body",className:"usd-value",size:"xsmall"},`$${d.balance?.usdValue}`))}))},hasNextPage:u,itemCount:i.length,loadNextPage:y,innerElementType:f,size:60,key:`${r}-${o}`}),"renderList");return M.createElement(Cp,null,M.createElement(co,{variant:"label",size:"large"},wi.t("Select Token")),M.createElement(uo,{size:4}),l==="loading"&&M.createElement(xp,{size:vi}),l==="success"&&M.createElement(_n,null,x()))}s(Wp,"TokenList");function xi(t){let{type:e}=t,o=wg(),n=ot(),{fromBlockchain:r,toBlockchain:i,setFromToken:a,setToToken:l,setFromBlockchain:p,setToBlockchain:u}=P(),{connectedWallets:m}=V(),[c,S]=Tg(""),y=(e==="source"?r:i)?.name??"",x=T().blockchains({type:e}),g=T().tokens({type:e,blockchain:y,searchFor:c}),w=ms(g,m),d=s(h=>{e==="source"?p(h):u(h)},"updateBlockchain"),k=s(h=>{e==="source"?a({token:h,meta:{blockchains:x,tokens:g}}):l({token:h,meta:{blockchains:x,tokens:g}})},"updateToken");return Gt.createElement(j,{header:{title:Np.t("Swap {type}",{type:e})}},Gt.createElement(yi,{blockchains:x,type:e=="source"?"from":"to",blockchain:e==="source"?r:i,onMoreClick:()=>o(L.blockchains),onChange:h=>{d(h)}}),Gt.createElement(Lp,{size:24}),Gt.createElement(Re,{value:c,autoFocus:!0,placeholder:Np.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>S(""),onChange:h=>S(h.target.value)}),Gt.createElement(Lp,{size:16}),Gt.createElement(Wp,{list:w,selectedBlockchain:y,searchedFor:c,onChange:h=>{k(h);let C=x.find(A=>h.blockchain===A.name);C&&d(C),n()}}))}s(xi,"SelectSwapItemsPage");import{i18n as xt}from"@lingui/core";import{ChevronRightIcon as Ai,Divider as Ii,InfoIcon as Ig,List as Wg,ListItemButton as Ng,Skeleton as Lg,Switch as Bg,Tooltip as Mg,Typography as bt}from"@rango-dev/ui";import Q from"react";import{useNavigate as $g}from"react-router-dom";import{i18n as _p}from"@lingui/core";import{Chip as xg,Divider as Dp,InfoIcon as bg,TextField as Eg,Tooltip as Ag,Typography as Fp}from"@rango-dev/ui";import Te from"react";import{styled as Fn}from"@rango-dev/ui";var Bp=Fn("div",{paddingTop:"$5",paddingBottom:"30px"}),Mp=Fn("div",{display:"flex",alignItems:"center",justifyContent:"start"}),$p=Fn("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),On=Fn("div",{maxWidth:"300px",padding:"$10"});import{i18n as bi}from"@lingui/core";import{Typography as vg}from"@rango-dev/ui";import mo from"react";function Pp(){return mo.createElement(On,null,mo.createElement(vg,{variant:"label",size:"medium",color:"neutral700"},bi.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),mo.createElement("br",null),mo.createElement("br",null),mo.createElement("b",null,bi.t("Warning")),":",bi.t("This setting is applied per step, e.g. 1Inch, Thorchain, etc. and only that step will be reverted, not the whole transaction")))}s(Pp,"SlippageTooltipContent");function Ei(){let t=D.use.slippage(),e=D.use.setSlippage(),o=D.use.customSlippage(),n=D.use.setCustomSlippage();return Te.createElement(Bp,null,Te.createElement($p,null,Te.createElement(Fp,{variant:"title",size:"xmedium"},_p.t("Slippage tolerance per swap")),Te.createElement(Dp,{direction:"horizontal",size:4}),Te.createElement(Ag,{container:R(),side:"top",content:Te.createElement(Pp,null)},Te.createElement(bg,{color:"gray"}))),Te.createElement(Mp,null,ks.map((r,i)=>{let a=`slippage-${i}`;return Te.createElement(Te.Fragment,null,Te.createElement(xg,{style:{width:"64px",flexShrink:0},key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`}),Te.createElement(Dp,{direction:"horizontal",size:8}))}),Te.createElement(Eg,{type:"number",min:"0.01",max:"30",step:"0.01",fullWidth:!0,variant:"contained",value:o||"",color:"dark",onChange:r=>{let i=parseFloat(r.target.value);(!i||i>=xs&&i<=vs)&&n(i)},suffix:o&&Te.createElement(Fp,{variant:"body",size:"small"},"%"),placeholder:_p.t("Custom")})))}s(Ei,"Slippage");function Op(){let t=$g(),{theme:e}=T().config,o=T().fetchStatus,n=T().swappers(),r=D.use.infiniteApprove(),i=D.use.toggleInfiniteApprove(),a=Do(n),l=a.filter(k=>k.type==="BRIDGE"||k.type==="AGGREGATOR"),p=l.length,u=l.filter(k=>k.selected).length,m=a.filter(k=>k.type==="DEX"),c=m.length,S=m.filter(k=>k.selected).length,f=s((k,h)=>{switch(o){case"loading":return Q.createElement(Lg,{variant:"text",size:"medium",width:50});case"failed":return Q.createElement(bt,{variant:"body",size:"medium",color:"$error500"},xt.t("Loading failed"));default:return Q.createElement(bt,{variant:"body",size:"medium"},`${k} / ${h}`)}},"handleEndItem"),y={id:"bridge-item",title:Q.createElement(bt,{variant:"title",size:"xmedium"},xt.t("Enabled bridges")),end:Q.createElement(Q.Fragment,null,f(u,p),Q.createElement(Ii,{direction:"horizontal",size:8}),Q.createElement(Ai,{color:"black"})),onClick:()=>t(L.bridges)},x={id:"exchange-item",title:Q.createElement(bt,{variant:"title",size:"xmedium"},xt.t("Enabled exchanges")),end:Q.createElement(Q.Fragment,null,f(S,c),Q.createElement(Ii,{direction:"horizontal",size:8}),Q.createElement(Ai,{color:"gray"})),onClick:()=>t(L.exchanges)},g={id:"theme-item",title:Q.createElement(bt,{variant:"title",size:"xmedium"},xt.t("Theme")),end:Q.createElement(Ai,{color:"gray"}),onClick:()=>t(L.themes)},w={id:"infinite-approval-item",title:Q.createElement(Q.Fragment,null,Q.createElement(bt,{variant:"title",size:"xmedium"},xt.t("Infinite Approval")),Q.createElement(Ii,{direction:"horizontal",size:4}),Q.createElement(Mg,{side:"top",container:R(),content:Q.createElement(On,null,Q.createElement(bt,{variant:"label",size:"medium",color:"neutral700"},xt.t("Enabling the 'Infinite Approval' mode grants unrestricted access to smart contracts of DEXes/Bridges, allowing them to utilize the approved token amount without limitations.")))},Q.createElement(Ig,{color:"gray"}))),end:Q.createElement(Bg,{checked:r}),onClick:i},d=[y,x];return e?.singleTheme||d.push(g),d.push(w),Q.createElement(j,{header:{title:xt.t("Setting")}},Q.createElement(et,null,Q.createElement(Ei,null),Q.createElement(Wg,{type:Q.createElement(Ng,{title:"_",id:"_",onClick:()=>console.log()}),items:d})))}s(Op,"SettingsPage");import{cancelSwap as Ih}from"@rango-dev/queue-manager-rango-preset";import{useManager as Wh}from"@rango-dev/queue-manager-react";import yu from"react";import{i18n as tt}from"@lingui/core";import{getCurrentBlockchainOfOrNull as ph,getCurrentStep as uh,getRelatedWalletOrNull as ch,PendingSwapNetworkStatus as Xn}from"@rango-dev/queue-manager-rango-preset";import{Button as pu,CopyIcon as mh,Divider as dh,IconButton as fh,QuoteCost as gh,StepDetails as hh,Typography as Qt,useCopyToClipboard as yh}from"@rango-dev/ui";import{useWallets as Sh}from"@rango-dev/wallets-react";import K,{useEffect as uu,useRef as Ch,useState as cu}from"react";import{useNavigate as kh}from"react-router-dom";import{i18n as we}from"@lingui/core";var Pg=1e3,_g=31536e3,Dg=2592e3,Fg=86400,Og=3600,Ug=60;function Up(t){let e=Math.floor((Date.now()-t)/Pg),n=[{turningPoint:_g,label:we.t("year"),pluralLabel:we.t("years")},{turningPoint:Dg,label:we.t("month"),pluralLabel:we.t("months")},{turningPoint:Fg,label:we.t("day"),pluralLabel:we.t("days")},{turningPoint:Og,label:we.t("hour"),pluralLabel:we.t("hours")},{turningPoint:Ug,label:we.t("minute"),pluralLabel:we.t("minutes")}].sort((r,i)=>i.turningPoint-r.turningPoint);for(let r of n){let{turningPoint:i,label:a,pluralLabel:l}=r,p=Math.floor(e/i);if(p>1)return`${p} ${l}`;if(p===1)return`${p} ${a}`}return e>1?`${e} ${we.t("seconds")}`:`${e} ${we.t("second")}`}s(Up,"timeSince");function zp(t){return t.finishTime?we.t({id:"{time} ago",values:{time:Up(parseInt(t.finishTime))}}):we.t({id:"{time} ago",values:{time:Up(parseInt(t.creationTime))}})}s(zp,"getSwapDate");import{PendingSwapNetworkStatus as qn}from"@rango-dev/queue-manager-rango-preset";import{Modal as jg}from"@rango-dev/ui";import Gn from"react";import{i18n as Un}from"@lingui/core";import{Button as qp,Divider as Wi,MessageBox as zg,Typography as Gp}from"@rango-dev/ui";import Xe from"react";var Hp=s(({onCancel:t,onClose:e})=>Xe.createElement(Xe.Fragment,null,Xe.createElement(Wi,{size:20}),Xe.createElement(zg,{type:"error",title:Un.t("Transaction Cancel"),description:Un.t("Are you sure you want to Cancel this swap?")}),Xe.createElement(Wi,{size:32}),Xe.createElement(qp,{variant:"contained",type:"primary",size:"large",onClick:t},Xe.createElement(Gp,{variant:"title",size:"medium",color:"neutral100"},Un.t("Yes, Cancel it"))),Xe.createElement(Wi,{size:12}),Xe.createElement(qp,{variant:"outlined",type:"primary",size:"large",onClick:e},Xe.createElement(Gp,{variant:"title",size:"medium",color:"primary"},Un.t("No, Continue")))),"CancelContent");import{i18n as zn}from"@lingui/core";import{Button as Qp,Divider as Ni,MessageBox as qg,Typography as Vp}from"@rango-dev/ui";import Ye from"react";var jp=s(({onDelete:t,onClose:e})=>Ye.createElement(Ye.Fragment,null,Ye.createElement(Ni,{size:20}),Ye.createElement(qg,{type:"error",title:zn.t("Delete Transaction"),description:zn.t("Are you sure you want to delete this swap?")}),Ye.createElement(Ni,{size:32}),Ye.createElement(Qp,{variant:"contained",type:"primary",size:"large",onClick:t},Ye.createElement(Vp,{variant:"title",size:"medium",color:"neutral100"},zn.t("Yes, Delete it"))),Ye.createElement(Ni,{size:12}),Ye.createElement(Qp,{variant:"outlined",type:"primary",size:"large",onClick:e},Ye.createElement(Vp,{variant:"title",size:"medium",color:"primary"},zn.t("No, Cancel")))),"DeleteContent");import{i18n as Li}from"@lingui/core";import{PendingSwapNetworkStatus as Bi}from"@rango-dev/queue-manager-rango-preset";var Mi={[Bi.WaitingForNetworkChange]:{type:"loading",title:Li.t("Change Network")},[Bi.WaitingForConnectingWallet]:{type:"warning",title:Li.t("Connect Wallet")},[Bi.NetworkChanged]:{type:"success",title:Li.t("Network Changed")}};import{MessageBox as Hg,Wallet as Qg,WalletState as Xp}from"@rango-dev/ui";import{useWallets as Vg}from"@rango-dev/wallets-react";import fo from"react";import{styled as Gg}from"@rango-dev/ui";var Kp=Gg("div",{display:"flex",justifyContent:"center"});var Yp=s(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:i}=t,{connect:a,getWalletInfo:l,state:p}=Vg(),u=n?.walletType,c=u&&p(u).connected?Xp.CONNECTED:Xp.DISCONNECTED;return fo.createElement(fo.Fragment,null,fo.createElement(Hg,{type:e,title:o,description:r}),i&&u&&fo.createElement(Kp,null,fo.createElement(Qg,{container:R(),title:l(u).name,image:l(u).img,type:u,state:c,onClick:async()=>a(u)})))},"WalletStateContent");function $i(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:i,message:a}=t,l=e===qn.WaitingForNetworkChange||e===qn.WaitingForConnectingWallet||e===qn.NetworkChanged;return Gn.createElement(jg,{open:!!e,onClose:o,container:document.getElementById("swap-box")||document.body},l&&Gn.createElement(Yp,{type:Mi[e].type,title:Mi[e].title,currentStepWallet:i,message:a,showWalletButton:e!==qn.WaitingForNetworkChange}),e==="delete"&&Gn.createElement(jp,{onClose:o,onDelete:n}),e==="cancel"&&Gn.createElement(Hp,{onClose:o,onCancel:r}))}s($i,"SwapDetailsModal");import{i18n as go}from"@lingui/core";import{Button as Pi,Divider as Hn,MessageBox as Jp,Modal as Kg,TokenAmount as Xg,Typography as Qn}from"@rango-dev/ui";import ce from"react";import{useNavigate as Yg}from"react-router-dom";function _i(t){let{open:e,onClose:o,status:n,priceValue:r,usdValue:i,token:a,chain:l,percentageChange:p,description:u,diagnosisUrl:m}=t,c=Yg();return ce.createElement(Kg,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},n==="success"?ce.createElement(Jp,{type:"success",title:go.t("Swap Successful")},ce.createElement(Xg,{direction:"vertical",type:"output",centerAlign:!0,price:{value:r,usdValue:i},token:a,chain:l,percentageChange:p}),ce.createElement(Hn,{size:12}),ce.createElement(Qn,{variant:"body",size:"medium",color:"neutral700",align:"center"},u)):ce.createElement(Jp,{type:"error",title:go.t("Transaction Failed"),description:u}),ce.createElement(Hn,{size:32}),n==="success"&&ce.createElement(Pi,{variant:"contained",type:"primary",size:"large",onClick:()=>{c("../../")}},ce.createElement(Qn,{variant:"title",size:"medium",color:"neutral100"},go.t("Done"))),ce.createElement(Hn,{size:12}),m&&ce.createElement(ce.Fragment,null,ce.createElement(Pi,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(m,"_blank")},ce.createElement(Qn,{variant:"title",size:"medium",color:"primary"},go.t("Diagnosis"))),ce.createElement(Hn,{size:12})),ce.createElement(Pi,{variant:"outlined",type:"primary",size:"large",onClick:o},ce.createElement(Qn,{variant:"title",size:"medium",color:"primary"},go.t("See Details"))))}s(_i,"SwapDetailsCompleteModal");import ah from"react";import{i18n as nh}from"@lingui/core";import{Alert as nu,IconButton as rh,LinkIcon as ih}from"@rango-dev/ui";import dt,{Fragment as sh}from"react";import{Alert as Jg,ChevronDownIcon as Zg,ChevronUpIcon as Rg,IconButton as eh}from"@rango-dev/ui";import Vn,{useState as th}from"react";function Zp(t){let{message:e}=t,[o,n]=th(!1);return Vn.createElement(Jg,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&Vn.createElement(eh,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?Vn.createElement(Rg,{size:12,color:"gray"}):Vn.createElement(Zg,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}s(Zp,"FailedAlert");import{styled as oh}from"@rango-dev/ui";var Rp=oh("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as eu}from"@lingui/core";import{PendingSwapNetworkStatus as Di}from"@rango-dev/queue-manager-rango-preset";import{Alert as Fi,Button as tu}from"@rango-dev/ui";import ho from"react";function ou(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?ho.createElement(Fi,{type:"warning",title:n.shortMessage,action:ho.createElement(tu,{size:"xxsmall",type:"warning",onClick:()=>{o(Di.WaitingForNetworkChange),e().catch(i=>{console.log(i)})}},eu.t("Change"))}):r===Di.WaitingForConnectingWallet?ho.createElement(Fi,{type:"warning",title:n.shortMessage,action:ho.createElement(tu,{size:"xxsmall",type:"warning",onClick:()=>{o(Di.WaitingForConnectingWallet)}},eu.t("Connect"))}):ho.createElement(Fi,{type:"warning",title:n.shortMessage})}s(ou,"WarningAlert");function Oi(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:i,hasAlreadyProceededToSign:a}=t,l=Yt(i),p=i.status==="waitingForApproval"&&!l,u=i.status==="running"&&!l;return dt.createElement(Rp,null,i.explorerUrl?.map((m,c,S)=>{let f=c+m.url,y=c===S.length-1,x=y&&u||p,g=y&&i.status==="failed";return dt.createElement(sh,{key:f},dt.createElement(nu,{type:x&&"loading"||g&&"error"||"success",title:m.description?`${m.description} Tx`:nh.t("View transaction"),action:m.url&&dt.createElement(rh,{variant:"ghost",size:"xsmall",onClick:()=>window.open(m.url,"_blank")},dt.createElement(ih,{size:16}))}))}),(u&&!a||p&&!i.explorerUrl?.length)&&dt.createElement(nu,{type:"loading",title:r.shortMessage}),i.status!=="failed"&&l&&dt.createElement(ou,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),i.status==="failed"&&dt.createElement(Zp,{message:r}))}s(Oi,"SwapDetailsAlerts");var ru=2e3;var iu=s(({swap:t,blockchains:e,...o})=>{let n=t.hasAlreadyProceededToSign!==!1;return t.steps.map((r,i)=>{let a=i===0?t.inputAmount:t.steps[i-1].outputAmount;return{from:{token:{displayName:r.fromSymbol,image:r.fromLogo??""},chain:{displayName:yr(r.fromBlockchain,e)??"",image:r.fromBlockchainLogo??""},price:{value:W(a,6,6)}},to:{token:{displayName:r.toSymbol,image:r.toLogo},chain:{displayName:yr(r.toBlockchain,e)??"",image:r.toBlockchainLogo??""},price:{value:W(r.outputAmount||r.expectedOutputAmountHumanReadable,6,6)}},swapper:{displayName:r.swapperId,image:r.swapperLogo??""},alerts:ah.createElement(Oi,{step:r,hasAlreadyProceededToSign:n,...o})}})},"getSteps");function su(t){if(Yt(t)&&t.status!=="failed"&&t.status!=="success")return"warning";switch(t.status){case"created":return"default";case"approved":case"waitingForApproval":case"running":return"in-progress";case"failed":return"error";case"success":return"completed"}}s(su,"getStepState");import{darkTheme as lh,styled as Ht}from"@rango-dev/ui";var jn=Ht("div",{display:"flex",width:"100%",flexDirection:"column",alignItems:"center",height:"0",flexGrow:1,"& .row":{display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",padding:"$10 $20",borderBottom:"1px solid",$$color:"$colors$neutral300",[`.${lh} &`]:{$$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"}}),Kn=Ht("div",{width:"100%"}),au=Ht("div",{padding:"$0 $20 $20 $20",width:"100%",overflow:"auto"}),GL=Ht("div",{display:"flex",flexDirection:"column",gap:"$10"}),lu=Ht("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),HL=Ht("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1});function Ui(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:i,connect:a,getWalletInfo:l}=Sh(),p=T().blockchains(),u=T().tokens(),m=P.use.retry(),c=kh(),[S,f]=yh(ru),y=Ch(null),[x,g]=cu(null),[w,d]=cu(null),k=s(()=>{r(),g(null)},"onCancel"),h=We.use.getUnreadNotifications(),C=We.use.setAsRead(),A=h(),B=uh(e),E=B?.networkStatus;uu(()=>{A.find(se=>se.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(d(e.status),C(e.requestId))},[e.status]),uu(()=>{O?g(Xn.WaitingForNetworkChange):E===Xn.WaitingForConnectingWallet||E===Xn.NetworkChanged?g(E):g(null)},[E]);let $=oa(e),_=B?ph(e,B):null,F=B?ch(e,B):null,v=zp(e),z=na(e),H=s(q=>!!l(q)?.mobileWallet,"isMobileWallet"),O=E===Xn.WaitingForNetworkChange&&!!_&&!!F?.walletType&&(H(F.walletType)||i(F.walletType,_)),Z=O?a.bind(null,F.walletType,_):void 0,le=ta(e,B),te=iu({swap:e,switchNetwork:Z,showNetworkModal:E,setNetworkModal:g,message:le,blockchains:p}),ne=te.length,[ge,ze]=[e.steps[0],e.steps[ne-1]],ft=ze.outputAmount||ze.expectedOutputAmountHumanReadable,xo=e.steps.reduce((q,se)=>q+parseFloat(se.feeInUsd||""),0),er=e.steps.find(q=>q.diagnosisUrl)?.diagnosisUrl,Et=W(String(parseFloat(W(ft,6,6))*(Mo(ze.toBlockchain,ze.toSymbol,ze.toSymbolAddress,u)||0)),4,4),bo=W(String(parseFloat(e.inputAmount)*(Mo(ge.fromBlockchain,ge.fromSymbol,ge.fromSymbolAddress,u)||0)),4,4),U=Mt(bo,Et),X=e.status==="success"?tt.t({id:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:W(ft,6,6),token:te[ne-1].to.token.displayName,conciseAddress:Po(e.wallets[te[ne-1].to.chain.displayName]?.address||""),chain:te[ne-1].to.chain.displayName}}):`${tt.t("Transaction was not sent.")} ${$?tt.t({id:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:$.outputAmount,symbol:$.symbol,blockchain:$.blockchain}}):""}`;return K.createElement(j,{noPadding:!0,header:{title:tt.t("Swap and Bridge"),onCancel:e.status==="running"?()=>g("cancel"):void 0,suffix:e.status!=="running"&&K.createElement(Lt,null,K.createElement(pu,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>g("delete")},K.createElement(Qt,{size:"medium",variant:"label",color:"error"},tt.t("Delete"))))},footer:z&&!w&&K.createElement(pu,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{m(e,{blockchains:p,tokens:u}),setTimeout(()=>{c("../../")},0)}},tt.t("Try again"))},K.createElement(jn,null,K.createElement(Kn,null,K.createElement("div",{className:"row"},K.createElement(Qt,{variant:"label",size:"large",color:"neutral700"},`${tt.t("Request ID")}:`),K.createElement("div",{className:"request-id"},K.createElement(Qt,{variant:"label",size:"small",color:"neutral700"},o),K.createElement(fh,{variant:"ghost",onClick:f.bind(null,o||"")},K.createElement(mh,{size:16,color:"gray"})))),K.createElement("div",{className:"row"},K.createElement(Qt,{variant:"label",size:"large",color:"neutral700"},`${tt.t("Created at")}:`),K.createElement(Qt,{variant:"label",size:"small",color:"neutral700"},v))),K.createElement("div",{className:"output"},K.createElement(gh,{fee:W(String(xo),2,2),time:Io(Wo(e.steps)),steps:ne}),K.createElement(Zt,{from:{price:{value:W(e.inputAmount,6,6),usdValue:bo},token:{displayName:te[0].from.token.displayName,image:te[0].from.token.image},chain:{image:te[0].from.chain.image,displayName:te[0].from.chain.displayName}},to:{price:{value:W(ft,6,6),usdValue:Et},token:{displayName:te[ne-1].to.token.displayName,image:te[ne-1].to.token.image},chain:{image:te[ne-1].to.chain.image,displayName:te[ne-1].to.chain.displayName}},percentageChange:W(String(U),2,2),warningLevel:Je(U??0)})),K.createElement("div",{className:"title-steps"},K.createElement(Qt,{variant:"title",size:"small"},tt.t("Swaps steps"))),K.createElement(dh,{size:8}),K.createElement(au,{ref:y},te.map((q,se)=>{let qe=se,be=su(e.steps[se]),tr=be==="error"||be==="in-progress"||be==="warning"||be==="completed"&&se===te.length-1;return K.createElement(hh,{key:qe,step:q,type:"swap-progress",ref:y,state:be,hasSeparator:se!==0,tabIndex:qe,isFocused:tr})}))),K.createElement($i,{state:x,onClose:()=>g(null),onCancel:k,onDelete:n,message:le.detailedMessage.content,currentStepWallet:F}),K.createElement(_i,{open:!!w,diagnosisUrl:er,onClose:()=>d(null),status:e.status==="success"?"success":"failed",priceValue:W(ft,6,6),usdValue:Et,percentageChange:W(String(U),2,2),token:{displayName:te[ne-1].to.token.displayName,image:te[ne-1].to.token.image},chain:{image:te[ne-1].to.chain.image},description:X}))}s(Ui,"SwapDetails");import{i18n as To}from"@lingui/core";import{CopyIcon as bh,IconButton as Eh,NotFound as Ah,Skeleton as gu,Typography as Jn}from"@rango-dev/ui";import pe from"react";import{i18n as wh}from"@lingui/core";import{ChainToken as vh,Divider as qi,Skeleton as ko,Typography as xh}from"@rango-dev/ui";import J from"react";import{styled as zi}from"@rango-dev/ui";var mu=zi("div",{width:"100%",height:"100%",padding:"$0 $20",".cost":{paddingTop:"$15",display:"flex"},".quote-summary":{padding:"$15 $0"},".quote-summary-item":{display:"flex",justifyContent:"space-between",alignItems:"center"},".token-amount":{display:"flex",justifyContent:"space-between",alignItems:"center"},".quote-summary-separator":{width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"},".swaps-steps":{paddingBottom:"$10"}}),du=zi("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"}}),Yn=zi("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"});import{ChainToken as fu,Divider as yo,NextIcon as Th,Skeleton as So}from"@rango-dev/ui";import ae from"react";function Co(t){let{extraInfo:e}=t;return ae.createElement(du,null,ae.createElement("div",{className:"step-title"},ae.createElement(So,{height:28,width:28,variant:"circular"}),ae.createElement(yo,{direction:"horizontal",size:8}),ae.createElement(So,{height:15,width:148,variant:"rounded"})),ae.createElement("div",{className:"step-tokens"},ae.createElement(yo,{direction:"horizontal",size:20}),ae.createElement("div",{className:"step-token-info"},ae.createElement(fu,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ae.createElement(yo,{direction:"horizontal",size:8}),ae.createElement(So,{height:12,width:76,variant:"rounded"})),ae.createElement("div",{className:"step-icon-container"},ae.createElement(Th,{color:"gray",size:16})),ae.createElement("div",{className:"step-token-info"},ae.createElement(fu,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ae.createElement(yo,{direction:"horizontal",size:8}),ae.createElement(So,{height:12,width:76,variant:"rounded"}))),e&&ae.createElement("div",{className:"extra-info"},ae.createElement(yo,{direction:"horizontal",size:20}),ae.createElement(So,{height:22,width:297,variant:"rectangular"})))}s(Co,"LoadingSwapDetailStep");function Gi(){let t=J.createElement("div",{className:"quote-summary-item"},J.createElement("div",{className:"token-amount"},J.createElement(vh,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),J.createElement(qi,{size:8,direction:"horizontal"}),J.createElement(ko,{height:15,width:148,variant:"rounded"})),J.createElement(ko,{height:12,width:64,variant:"rounded"}));return J.createElement(mu,null,J.createElement("div",{className:"cost"},J.createElement(ko,{width:60,height:10,variant:"rounded"}),J.createElement(qi,{size:4,direction:"horizontal"}),J.createElement(ko,{width:60,height:10,variant:"rounded"}),J.createElement(qi,{size:4,direction:"horizontal"}),J.createElement(ko,{width:60,height:10,variant:"rounded"})),J.createElement("div",{className:"quote-summary"},t,J.createElement("div",{className:"quote-summary-separator"}),t),J.createElement("div",{className:"swaps-steps"},J.createElement(xh,{variant:"title",size:"small"},wh.t("Swaps steps"))),J.createElement("div",{className:"step-container"},J.createElement(Co,{extraInfo:!0}),J.createElement(Yn,null),J.createElement(Co,null),J.createElement(Yn,null),J.createElement(Co,null),J.createElement(Yn,null),J.createElement(Co,null)))}s(Gi,"LoadingSwapDetails");function hu(t){let{requestId:e,showSkeleton:o}=t;return pe.createElement(j,{noPadding:!0,header:{title:To.t("Swap and Bridge"),suffix:pe.createElement(Lt,null)}},o&&pe.createElement(jn,null,pe.createElement(Kn,null,pe.createElement("div",{className:"row"},pe.createElement(Jn,{variant:"label",size:"large",color:"neutral700"},`${To.t("Request ID")}:`),pe.createElement("div",{className:"request-id"},pe.createElement(Jn,{variant:"label",size:"small",color:"neutral700"},pe.createElement(gu,{width:60,height:10,variant:"rounded"})),pe.createElement(Eh,{variant:"ghost"},pe.createElement(bh,{size:16,color:"gray"})))),pe.createElement("div",{className:"row"},pe.createElement(Jn,{variant:"label",size:"large",color:"neutral700"},`${To.t("Created at")}:`),pe.createElement(Jn,{variant:"label",size:"small",color:"neutral700"},pe.createElement(gu,{width:60,height:10,variant:"rounded"})))),pe.createElement(Gi,null)),!o&&pe.createElement(lu,null,pe.createElement(Ah,{title:To.t("Not found"),description:To.t({id:"Swap with request ID = {requestId} not found.",values:{requestId:e}})})))}s(hu,"SwapDetailsPlaceholder");function Su(){let{manager:t,state:e}=Wh(),o=!e.loadedFromPersistor,n=zt(t),r=Ce.use.selectedSwapRequestId(),i=ot(),{fetchStatus:a}=T(),l=o||a==="loading",p=n.find(({swap:S})=>S.requestId===r),u=s(()=>{if(p?.id){let S=t?.get(p.id);S&&Ih(S)}},"onCancel"),m=s(async()=>{if(p?.id)try{t?.deleteQueue(p.id),i()}catch(S){console.log(S)}},"onDelete"),c=p?.swap;return!c||l?yu.createElement(hu,{requestId:r||"",showSkeleton:l}):yu.createElement(Ui,{swap:c,requestId:r||"",onCancel:u,onDelete:m})}s(Su,"SwapDetailsPage");import{i18n as wo}from"@lingui/core";import{AutoThemeIcon as Nh,DarkModeIcon as Lh,LightModeIcon as Bh,List as Mh,ListItemButton as $h,Radio as Hi,RadioRoot as Ph,Typography as Qi}from"@rango-dev/ui";import ve from"react";function Cu(){let t=D.use.theme(),e=D.use.setTheme(),o=[{id:"light",value:"light",title:ve.createElement(Qi,{variant:"title",size:"xmedium"},wo.t("Light")),onClick:()=>e("light"),start:ve.createElement(Bh,{color:"gray"}),end:ve.createElement(Hi,{value:"light"})},{id:"dark",value:"dark",title:ve.createElement(Qi,{variant:"title",size:"xmedium"},wo.t("Dark")),onClick:()=>e("dark"),start:ve.createElement(Lh,{color:"gray"}),end:ve.createElement(Hi,{value:"dark"})},{id:"auto",value:"auto",title:ve.createElement(Qi,{variant:"title",size:"xmedium"},wo.t("Auto")),onClick:()=>e("auto"),start:ve.createElement(Nh,{color:"gray"}),end:ve.createElement(Hi,{value:"auto"})}];return ve.createElement(j,{header:{title:wo.t("Theme")}},ve.createElement(et,null,ve.createElement(Ph,{onValueChange:n=>e(n),value:t},ve.createElement(Mh,{type:ve.createElement($h,{title:wo.t("Theme"),id:"_",onClick:()=>console.log()}),items:o}))))}s(Cu,"ThemePage");function ku(){return _h([{path:L.home,element:xe.createElement(fn,null)},{path:L.fromSwap,children:[{index:!0,element:xe.createElement(xi,{type:"source"})},{path:L.blockchains,element:xe.createElement(mi,{type:"source"})}]},{path:L.toSwap,children:[{index:!0,element:xe.createElement(xi,{type:"destination"})},{path:L.blockchains,element:xe.createElement(mi,{type:"destination"})}]},{path:L.settings,children:[{index:!0,element:xe.createElement(Op,null)},{path:L.themes,element:xe.createElement(Cu,null)},{path:L.languages,element:xe.createElement(ep,null)},{path:L.exchanges,element:xe.createElement(ai,{sourceType:"Exchanges"})},{path:L.bridges,element:xe.createElement(ai,{sourceType:"Bridges"})}]},{path:L.swaps,children:[{index:!0,element:xe.createElement(Zl,null)},{path:L.swapDetails,element:xe.createElement(Su,null)}]},{path:L.wallets,element:xe.createElement(bl,null)},{path:L.confirmSwap,element:xe.createElement(ql,null)}])}s(ku,"AppRoutes");import{isApprovalTX as Dh,MainEvents as wu,RouteEventType as vu,StepEventType as Vt,StepExecutionEventStatus as Fh,useEvents as Oh}from"@rango-dev/queue-manager-rango-preset";import{useEffect as xu}from"react";import{StepExecutionBlockedEventStatus as Vi}from"@rango-dev/queue-manager-rango-preset";var Tu=[Vi.WAITING_FOR_CHANGE_WALLET_ACCOUNT,Vi.WAITING_FOR_NETWORK_CHANGE,Vi.WAITING_FOR_WALLET_CONNECT];function bu(){let t=T().tokens(),e=V.use.connectedWallets(),o=V.use.getWalletsDetails(),n=We.use.setNotification(),r=We.use.setAsRead(),i=Oh();return xu(()=>(i.on(wu.StepEvent,a=>{let{event:l,step:p,route:u}=a;if(l.type===Vt.TX_EXECUTION&&l.status===Fh.TX_SENT&&!Dh(p)||l.type===Vt.SUCCEEDED){let c=e.find(f=>f.chain===p?.fromBlockchain),S=p?.fromBlockchain!==p?.toBlockchain&&e.find(f=>f.chain===p?.toBlockchain);c&&o([c],t),S&&o([S],t)}l.type===Vt.TX_EXECUTION_BLOCKED&&Tu.includes(l.status)||l.type===Vt.FAILED?n(l,u):(l.type===Vt.TX_EXECUTION||l.type===Vt.CHECK_STATUS)&&r(u.requestId)}),()=>i.all.clear()),[i,e.length]),xu(()=>(i.on(wu.RouteEvent,a=>{let{event:l,route:p}=a;(l.type===vu.FAILED||l.type===vu.SUCCEEDED)&&n(l,p)}),()=>i.all.clear()),[i,e.length]),null}s(bu,"WidgetEvents");import{globalCss as Uh}from"@rango-dev/ui";var Eu=s(()=>Uh({"@import":["url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap')","url('https://fonts.cdnfonts.com/css/times-new-roman')"]})(),"globalFont");import{createTheme as Xi,darkTheme as Qh,lightTheme as Vh}from"@rango-dev/ui";import{useEffect as Iu,useState as jh}from"react";import{theme as Gh,darkColors as Hh}from"@rango-dev/ui";var Au=s(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),zh=s(t=>{let e="",o;for(o=Math.abs(t);o>52;o=o/52|0)e=Au(o%52)+e;return Au(o%52)+e},"toAlphabeticName"),qh=s((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),ji=s(t=>zh(qh(5381,JSON.stringify(t))>>>0),"toHash");function Ki(t){let e=Gh.colors,o=Si({...e,...Hh},!0,t?.dark),n=Si(e,!1,t?.light),r=Object.keys(o).length>0,i=Object.keys(n).length>0,a,l;if(i){let p={colors:n};a={id:`${rr}-light-${ji(p)}`,tokens:p}}if(r){let p={colors:o};l={id:`${rr}-dark-${ji(p)}`,tokens:p}}return{light:a,dark:l}}s(Ki,"customizedThemeTokens");function Wu(t){let{colors:e,fontFamily:o=ns,borderRadius:n=ts,secondaryBorderRadius:r=os,mode:i="auto"}=t,[a,l]=jh("light"),p=D.use.theme(),u=D.use.setTheme(),{dark:m,light:c}=Ki(e),S=Xi({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),f=[S.className,Vh.className],y=[S.className,Qh.className];if(c){let g=Xi(c.id,c.tokens);f.push(g.className)}if(m){let g=Xi(m.id,m.tokens);y.push(g.className)}return Iu(()=>{let g=s(w=>{w.matches?l("dark"):l("light")},"switchThemeListener");return window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches&&l("dark"),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",g),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",g)}},[]),Iu(()=>{i!=="auto"&&u(i)},[i]),{activeTheme:s(()=>{let g=f.join(" "),w=y.join(" ");return p==="auto"?a==="dark"?w:g:p==="dark"?w:g},"getActiveTheme")}}s(Wu,"useTheme");import{styled as Kh}from"@rango-dev/ui";var Nu=Kh("div",{width:"100%",display:"flex",justifyContent:"center",alignItems:"center",fontFamily:"$widget",boxSizing:"border-box","& *, *::before, *::after":{boxSizing:"inherit",listStyleType:"none"},"& *:focus-visible":{outlineColor:"$info500",transition:"none"}});function Zn(){Eu();let{fetch:t,config:e}=T(),{activeTheme:o}=Wu(e?.theme||{}),{activeLanguage:n,changeLanguage:r}=Nn(),[i,a]=Bu(""),[l,p]=Bu(),u=Yh(Oo);return Lu(()=>{t().catch(),D.persist.rehydrate(),We.persist.rehydrate(),u.onConnectWallet(a)},[]),Lu(()=>{r(e?.language)},[e?.language]),vo.createElement(Xh,{language:n},vo.createElement(Nu,{id:"swap-container",className:o()},vo.createElement(bu,null),vo.createElement(hl,{lastConnectedWallet:i,disconnectedWallet:l,clearDisconnectedWallet:()=>{p(void 0)}},vo.createElement(ku,null))))}s(Zn,"Main");import Ji,{useMemo as cy}from"react";import{checkWaitingForNetworkChange as Jh,makeQueueDefinition as Zh}from"@rango-dev/queue-manager-rango-preset";import{Provider as Rh}from"@rango-dev/queue-manager-react";import{useWallets as ey}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as ty}from"@rango-dev/wallets-shared";import{isEvmBlockchain as oy}from"rango-types";import ny,{useMemo as ry}from"react";function iy(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:i,getWalletInfo:a}=ey(),l=ry(()=>Zh({API_KEY:t.apiKey||At("API_KEY"),BASE_URL:At("BASE_URL")}),[t.apiKey]),p=T().blockchains(),m={blockchains:V.use.connectedWallets().map(d=>({accounts:[d],name:d.chain}))},c=s(async(d,k)=>{if(i(d,k))return r(d,k)},"switchNetwork"),S=s(d=>!!a(d).mobileWallet,"isMobileWallet"),f=p.filter(d=>d.enabled).reduce((d,k)=>(d[k.name]=k,d),{}),y=p.filter(oy),x=s(d=>{let{supportedChains:k}=a(d);return Lo(k)},"getSupportedChainNames"),g=e(),w={meta:{blockchains:f,evmBasedChains:y,evmNetworkChainInfo:ty(y),getSupportedChainNames:x},getSigners:o,wallets:m,providers:g,switchNetwork:c,canSwitchNetworkTo:i,connect:r,state:n,isMobileWallet:S};return ny.createElement(Rh,{queuesDefs:[l],context:w,onPersistedDataLoaded:d=>{Jh(d)},isPaused:!1},t.children)}s(iy,"QueueManager");var Mu=iy;import{useManager as sy}from"@rango-dev/queue-manager-react";import ay,{createContext as ly,useContext as py,useMemo as uy}from"react";var $u=ly(void 0);function Yi(t){let{manager:e}=sy(),o=zt(e),n=uy(()=>({swaps:o}),[e,o]);return ay.createElement($u.Provider,{value:n},t.children)}s(Yi,"WidgetInfo");function Pu(){let t=py($u);if(!t)throw new Error("useWidget can only be used within the WidgetProvider component");return t}s(Pu,"useWidget");function Rn(t){let{onUpdateState:e,config:o}=t;return cy(()=>{es({API_KEY:o?.apiKey||Eo,BASE_URL:o?.apiUrl||Ri})},[o]),Ji.createElement(Uo,{config:o,onUpdateState:e},Ji.createElement(Mu,{apiKey:o.apiKey},Ji.createElement(Yi,null,t.children)))}s(Rn,"WidgetProvider");function _u(t){return t.config?.externalWallets?Zi.createElement(Zn,null):Zi.createElement(Rn,{config:t.config??sr},Zi.createElement(Zn,null))}s(_u,"Widget");export{eP as MainEvents,tP as RouteEventType,oP as StepEventType,nP as StepExecutionBlockedEventStatus,rP as StepExecutionEventStatus,_u as Widget,Rn as WidgetProvider,Uo as WidgetWallets,Ki as customizedThemeTokens,Ml as useWallets,Pu as useWidget,iP as useWidgetEvents};
 //# sourceMappingURL=index.js.map