npm - @rango-dev/widget-embedded - Versions diffs - 0.17.1-next.15 → 0.17.1-next.16 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (18) hide show

package/dist/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var Pu=Object.defineProperty;var s=(t,e)=>Pu(t,"name",{value:e,configurable:!0});import{MainEvents as Y$,RouteEventType as J$,StepEventType as Z$,StepExecutionBlockedEventStatus as R$,StepExecutionEventStatus as eP,useEvents as tP}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Ll}from"@rango-dev/wallets-react";import{Events as lr,Provider as pc}from"@rango-dev/wallets-react";import{isEvmBlockchain as uc}from"rango-sdk";import Do,{createContext as cc,useEffect as mc,useRef as dc}from"react";import{useEffect as Yu}from"react";import{create as ju}from"zustand";import{subscribeWithSelector as Ku}from"zustand/middleware";import{RangoClient as _u}from"rango-sdk";var Ji="c6381a79-2817-4602-83bf-6a641a409e32";var or={API_KEY:Ji};function bo(t){return or[t]}s(bo,"getConfig");function Zi(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),or=e,or}s(Zi,"initConfig");var Ri=20,es=25,ts="Roboto",nr="theme-widget";var Eo,At=s(()=>Eo||(Eo=new _u(bo("API_KEY")),Eo),"httpService");import{WalletState as He}from"@rango-dev/ui";import{readAccountAddress as Ou}from"@rango-dev/wallets-react";import{detectInstallLink as Uu,getCosmosExperimentalChainInfo as zu,isEvmAddress as qu,KEPLR_COMPATIBLE_WALLETS as Wy,Networks as rs}from"@rango-dev/wallets-shared";import rr from"bignumber.js";import{isCosmosBlockchain as Gu}from"rango-types";import Du from"bignumber.js";var be=new Du(0);import{WalletTypes as Fu}from"@rango-dev/wallets-shared";var os=[Fu.LEAP];import{BigNumber as ns}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 ns(t),r=1,i=1e3;for(let a=0;a<60;a++)if(new ns(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 Hu(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(Hu,"mapStatusToWalletState");function is(t,e,o,n){return o.filter(r=>!os.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=Hu(t(r));return{title:i,image:a,link:Uu(l),state:p,type:r}})}s(is,"mapWalletTypesToWalletInfo");function No(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}s(No,"walletAndSupportedChainsNames");function ss(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}=Ou(p),c=l.length>0,S=l.includes(m),g=m===rs.Unknown;if(c&&!S&&!g)return;let x=m===rs.Unknown&&qu(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(ss,"prepareAccountsForWalletStore");function as(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(as,"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 ls(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(ls,"makeBalanceFor");function ps(t){return{...t,loading:!1,error:!0}}s(ps,"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=zu(Object.entries(t).map(([,n])=>n).filter(Gu));return o&&o[e]?.experimental},"isExperimentalChain");function Qu(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(Qu,"getTokensWithBalance");function us(t,e){let o=e.length>0?Qu(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(us,"getTokensBalanceFromWalletAndSort");function Ae(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}s(Ae,"tokensAreEqual");function cs(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(cs,"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 ms({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}s(ms,"getAddress");var Vu=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=Vu;var V=Qe(ju()(Ku((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:ls(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))?ps(p):p)}))}}}))));import{allProviders as Xu}from"@rango-dev/provider-all";function Po(t,e){let o=Xu({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 ds(t,e){return Po(t,e).map(r=>r.config.type)}s(ds,"configWalletsToWalletName");function fs(t,e){let o=V.use.clearConnectedWallet(),n=Po(void 0,e);return Yu(()=>{o(),n=Po(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}s(fs,"useWalletProviders");import ic,{createContext as sc,useContext as ac,useRef as lc}from"react";import{create as rc}from"zustand";var ir={apiKey:"",multiWallets:!0,enableNewLiquiditySources:!0},gs=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 hs(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}s(hs,"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 tc}from"zustand";import{persist as oc,subscribeWithSelector as nc}from"zustand/middleware";import{English as Ju,French as Zu,Japanese as Ru,Spanish as ec}from"@rango-dev/ui";var ys=[{title:"English",label:"English",local:"en",SVGFlag:Ju},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:ec},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:Zu},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:Ru}],jt="en";var Ss=[.5,1,3],Cs=1,ks=5,Ts=100,ws=0;var D=Qe(tc()(oc(nc((t,e)=>({preferredBlockchains:[],slippage:Cs,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 vs(t,e){return t.swapperGroup<e.swapperGroup?-1:t.swapperGroup>e.swapperGroup?1:0}s(vs,"sortLiquiditySourcesByGroupTitle");var xs=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(vs)},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 bs(t){return rc()((...e)=>({...xs(...e),...gs(t,...e)}))}s(bs,"createAppStore");var Es=sc(null);function T(){let t=ac(Es);if(!t)throw new Error("Missing AppStoreContext.Provider in the tree");return t()}s(T,"useAppStore");function As(t){let e=lc();return e.current||(e.current=bs(t.config)),ic.createElement(Es.Provider,{value:e.current},t.children)}s(As,"AppStoreProvider");var Fo=cc({onConnectWallet:()=>{}});function fc(t){let e=T().updateConfig,o=T().blockchains(),n=T().tokens(),r={walletConnectProjectId:t.config?.walletConnectProjectId},{providers:i}=fs(t.config.wallets,r),a=V.use.disconnectWallet(),l=V.use.connectWallet(),p=dc();mc(()=>{t.config&&e(t.config)},[t.config]);let u=o.filter(uc).map(c=>c.name),m=s((c,S,g,y,x)=>{if(S===lr.ACCOUNTS)if(g){let d=No(x.supportedBlockchains),w=ss(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(pc,{allBlockChains:o,providers:i,onUpdateState:m,autoConnect:!0},t.children))}s(fc,"Main");function Oo(t){let{config:e,...o}=t;return Do.createElement(As,{config:e},Do.createElement(fc,{...o,config:e}))}s(Oo,"WidgetWallets");import Yi from"react";import{I18nManager as jh}from"@rango-dev/ui";import wo,{useContext as Kh,useEffect as Wu,useMemo as Xh,useState as Nu}from"react";import{useQueueManager as hd}from"@rango-dev/queue-manager-rango-preset";import{useWallets as yd}from"@rango-dev/wallets-react";import{isEvmBlockchain as Sd}from"rango-types";import Ct,{useEffect as Cd,useRef as kd}from"react";import{MemoryRouter as Td,useInRouterContext as wd}from"react-router";import{useLocation as vd,useNavigate as xd}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 hc}from"@rango-dev/wallets-react";import{useEffect as yc,useRef as Sc}from"react";function Is(){let{connect:t,state:e}=hc(),o=Sc({}),{fetchStatus:n}=T(),r=new URLSearchParams(location.search).get("autoConnect")||"",i=e(r);yc(()=>{n==="success"&&r&&i.installed&&!i.connecting&&!i.connected&&!o.current[r]&&(o.current[r]=!0,t(r))},[i,n])}s(Is,"useForceAutoConnect");import{i18n as zr}from"@lingui/core";import{Button as rd,styled as qr,SwapInput as cl,WarningIcon as id}from"@rango-dev/ui";import Fe,{useEffect as sd,useRef as ad,useState as ld}from"react";import{useNavigate as pd}from"react-router-dom";import{ChevronLeftIcon as Tc}from"@rango-dev/ui";import Ls from"react";import{darkTheme as Cc,IconButton as kc,styled as Uo}from"@rango-dev/ui";var Le=Uo(kc,{width:"$24",position:"relative",padding:"0",overflow:"unset"}),Ws=Uo("div",{position:"absolute",background:"$secondary500",[`.${Cc} &`]:{$$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"}),Ns=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 Ls.createElement(Le,{variant:"ghost",size:"small",onClick:t.onClick},Ls.createElement(Tc,{color:"black",size:16}))}s(pr,"BackButton");import{i18n as wc}from"@lingui/core";import{Button as vc,Typography as xc}from"@rango-dev/ui";import ur from"react";function cr(t){return ur.createElement(Nt,null,ur.createElement(vc,{variant:"ghost",onClick:t.onClick,size:"xsmall"},ur.createElement(xc,{variant:"label",size:"medium",color:"error500"},wc.t("Cancel"))))}s(cr,"CancelButton");import{i18n as bc}from"@lingui/core";import{Tooltip as Ec,WalletIcon as Ac}from"@rango-dev/ui";import zo from"react";function mr(t){return zo.createElement(Ec,{container:t.container,side:"top",content:bc.t("Connect Wallet")},zo.createElement(Le,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&zo.createElement(Ws,null),zo.createElement(Ac,{size:18,color:"black"})))}s(mr,"WalletButton");import{i18n as Ho}from"@lingui/core";import{NotificationsIcon as Gc,Popover as Hc,RefreshIcon as Qc,SettingsIcon as Vc,Tooltip as Qo,TransactionIcon as jc}from"@rango-dev/ui";import pe from"react";import{i18n as _c}from"@lingui/core";import{ChainToken as Ds,ChevronRightIcon as Dc,ListItemButton as Fc,Typography as Oc}from"@rango-dev/ui";import Be from"react";import{useNavigate as Uc}from"react-router-dom";import{create as Ic}from"zustand";import{persist as Wc,subscribeWithSelector as Nc}from"zustand/middleware";var Ie=Qe(Ic()(Wc(Nc((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 Lc}from"zustand";var Se=Qe(Lc()(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 Bs=qo("div",{padding:"$10",width:"350px",minHeight:"150px"}),Ms=qo("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),$s=qo("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),Ps=qo("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as Bc}from"@lingui/core";import{Divider as Mc,NoNotificationIcon as $c,Typography as Pc}from"@rango-dev/ui";import Go from"react";function _s(){return Go.createElement(Ps,null,Go.createElement($c,{color:"secondary",size:26}),Go.createElement(Mc,{size:12}),Go.createElement(Pc,{variant:"body",size:"medium",color:"neutral700"},Bc.t("You have no notification")))}s(_s,"NotificationNotFound");var zc=4;function dr(){let t=Uc(),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,zc),l=s(p=>{e(p),t(`${p}`)},"handleOnClick");return Be.createElement(Bs,null,a.length?Be.createElement(Ms,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(Fc,{key:p.requestId,onClick:()=>l(p.requestId),title:Be.createElement(Oc,{variant:"body",size:"small",color:"$neutral700"},_c.t(p.event.message)),id:p.requestId,start:Be.createElement($s,null,Be.createElement("div",{className:"from-chain-token"},Be.createElement(Ds,{tokenImage:u?u.image:"",chainImage:m?m.logo:"",size:"small"})),Be.createElement("div",{className:"to-chain-token"},Be.createElement(Ds,{tokenImage:c?c.image:"",chainImage:S?S.logo:"",size:"small"}))),end:Be.createElement(Dc,{size:12,color:"gray"})})})):Be.createElement(_s,null))}s(dr,"NotificationContent");import{Typography as qc}from"@rango-dev/ui";import Fs from"react";function Os(){let{getUnreadNotifications:t}=Ie(),e=t().length;return e?Fs.createElement(Ns,null,Fs.createElement(qc,{variant:"body",size:"xsmall",color:"$background"},e)):null}s(Os,"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(Qc,{size:16,color:o?"black":"gray"}))),pe.createElement(Qo,{container:Z(),side:"top",content:Ho.t("Notifications")},pe.createElement(Hc,{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(Gc,{size:18,color:"black"}),pe.createElement(Os,null)))),pe.createElement(Qo,{container:Z(),side:"top",content:Ho.t("Settings")},pe.createElement(Le,{size:"small",variant:"ghost",onClick:r},pe.createElement(Vc,{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(jc,{size:18,color:"black"}))))}s(fr,"HomeButtons");import{BottomLogo as Yc,Divider as Jc,Header as Zc}from"@rango-dev/ui";import ce from"react";import{useNavigate as Kc}from"react-router-dom";function ot(){let t=Kc();return()=>t(-1)}s(ot,"useNavigateBack");import{darkTheme as Xc,styled as gr}from"@rango-dev/ui";var Us=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",[`.${Xc} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",variants:{fixedHeight:{true:{height:"95vh"},false:{height:"auto"}}}}),zs=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"}}}}),qs=gr("div",{backgroundColor:"$background","& .footer__content":{padding:"$0 $20"},"& .footer__logo":{padding:"$0 $20 $10 $20"}});function Rc(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(Us,{ref:e,fixedHeight:l,id:"swap-box"},ce.createElement(Zc,{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(zs,{noPadding:i},o),(a||r)&&ce.createElement(qs,null,ce.createElement("div",{className:"footer__content"},r),a&&ce.createElement("div",{className:"footer__logo"},ce.createElement(Jc,{size:12}),ce.createElement(Yc,null))))}s(Rc,"LayoutComponent");var j=ce.forwardRef(Rc);j.displayName="Layout";import{ReverseIcon as lm,styled as la}from"@rango-dev/ui";import Er from"react";import st from"bignumber.js";import{create as sm}from"zustand";import{subscribeWithSelector as am}from"zustand/middleware";import{getLastSuccessfulStep as im}from"@rango-dev/queue-manager-rango-preset";import dT 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 Gs(t,e){return e.find(o=>o.name===t)?.displayName}s(Gs,"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 Hs(t){switch(t.type){case 0:return t.diagnosisMessage??G().noResultError.title;case 1:return G().genericServerError;default:return""}}s(Hs,"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 Qs(t,e){return!t||!e||t.lte(be)||e.lte(be)?0:e.div(t).minus(1).multipliedBy(100).toNumber()}s(Qs,"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 Vs(t,e,o,n,r,i,a,l,p){return t!=="success"?{title:ht().connectWallet,state:"waitForConnecting",disabled:!0}:e.length==0?{title:ht().connectWallet,state:"waitForConnecting",disabled:!1}:o||!n||!n.result||r||!p||p==="0"?{title:ht().swap,disabled:!0,state:"swap"}:i||a?{title:ht().swapAnyway,disabled:!1,hasWarning:!0,state:"needToConfirm"}:l?{title:ht().ethWarning,disabled:!1,hasWarning:!0,state:"warning"}:{title:ht().swap,disabled:!1,state:"swap"}}s(Vs,"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 tm(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(tm,"requiredWallets");var om=s((t,e,o,n)=>n?.find(i=>i.blockchain===t&&i.symbol?.toUpperCase()===e?.toUpperCase()&&i.address===o)?.usdPrice||null,"getUsdPrice");function nm(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=om(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new Ce(r.amount).multipliedBy(i||0))}return o}s(nm,"getUsdFeeOfStep");function Ro(t,e){return t.reduce((o,n)=>o.plus(nm(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 js(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(js,"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 Ks(t,e){return e?parseFloat(t)>=parseFloat(e):!0}s(Ks,"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 Xs(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}s(Xs,"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 Ys(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(Ys,"isOutputAmountChangedALot");function Js(t,e){let o=t.validationStatus,n=as(t);return e.sort((i,a)=>n.indexOf(i.chain)-n.indexOf(a.chain)).flatMap(i=>na(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(Js,"getBalanceWarnings");function Zs(t,e){return(t?new Ce(t):be).multipliedBy(e||0)}s(Zs,"calcOutputUsdValue");function Xt(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==Xo.NetworkChanged}s(Xt,"isNetworkStatusInWarningState");function Rs(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(Rs,"getSwapMessages");function ea(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(ea,"getLastConvertedTokenInFailedSwap");function ta(t){return t.status==="failed"&&!!t.finishTime&&new Date().getTime()-parseInt(t.finishTime)<4*3600*1e3}s(ta,"shouldRetrySwap");function oa(t,e,o,n,r,i){return t||!e&&!tm(n).every(a=>r.map(l=>l.chain).includes(a))||!!e&&!o||!!e&&!!o&&i&&!jo(i,o)}s(oa,"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 ia(t){return t?.result?.swaps[t?.result?.swaps.length-1].to.usdPrice}s(ia,"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 sa(t,e){return vr(t,e)||xr(t,e)||br(t,e)}s(sa,"isQuoteChanged");function na(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(na,"getRequiredBalanceOfWallet");function Je(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}s(Je,"getPriceImpactLevel");function aa(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],i=im(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(aa,"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>ks;if(Ks(e.userSlippage.toString(),p)){if(u&&parseFloat(p??"0")<i)return{type:3,slippage:i.toString()}}else return{type:2,recommendedSlippages:js(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(sm()(am(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=Zs(e.result?.outputAmount,ia(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}=aa(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 pm=la("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),um=la("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 pa(){let t=P.use.switchFromAndTo();return Er.createElement(pm,null,Er.createElement(um,{onClick:()=>{t()}},Er.createElement(lm,{size:12})))}s(pa,"SwitchFromAndToButton");import{Divider as Zm}from"@rango-dev/ui";import ut from"react";import{i18n as Nr}from"@lingui/core";import{Alert as ym,ChevronDownIcon as Sm,ChevronRightIcon as _a,Divider as Lr,Image as Da,InfoIcon as Cm,QuoteCost as km,StepDetails as Tm,TokenAmount as wm,Tooltip as Fa,Typography as Pt}from"@rango-dev/ui";import N,{useLayoutEffect as vm,useRef as xm,useState as bm}from"react";import{styled as Ar}from"@rango-dev/ui";var Ir=Ar("div",{width:"100%",paddingTop:"$2"}),ua=Ar("div",{paddingBottom:"$15"}),ca=Ar("div",{width:"100%",display:"flex"});import*as rn from"@radix-ui/react-collapsible";import{darkTheme as Ve,Image as Aa,styled as at}from"@rango-dev/ui";import*as $t from"@radix-ui/react-collapsible";import{Button as cm,darkTheme as Mt,IconButton as mm,keyframes as ma,styled as ge,TextField as dm}from"@rango-dev/ui";var Yt=300,fm=ma({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),gm=ma({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),da=ge("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),fa=ge("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}),ga=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"}}}}),ha=ge($t.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit"}),ya=ge("div",{padding:"$20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),Sa=ge(mm,{position:"absolute",left:"$20"}),Ca=ge("div",{paddingTop:"$20","& .wallets-list":{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}}),ka=ge($t.Root,{backgroundColor:"$neutral200",borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),Ta=ge(cm,{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}}),wa=ge("div",{padding:"$10 $0","& .button__content":{display:"flex",justifyContent:"center",alignItems:"center"},"& .alarms":{paddingTop:"5px"}}),va=ge("div",{transition:`all ${Yt}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),xa=ge("div",{display:"flex"}),ba=ge(dm,{padding:"$0 $15 $15 $15"}),nn=ge($t.Content,{overflow:"hidden",variants:{open:{true:{animation:`${fm} ${Yt}ms ease-out`},false:{animation:`${gm} ${Yt}ms ease-out`}}}}),Ea=ge("div",{overflow:"visible",width:"100%"});var Wr=300,Ia=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"}}),Wa=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"}}}),Na=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:{[`& ${Aa}`]:{border:"1px $warning500 solid",borderRadius:"100%"}},false:{[`& ${Aa}`]:{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"}}),La=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)"}}}}),HT=at("div",{height:"$12",marginLeft:"$10",marginRight:"$10",borderLeft:"1px solid $foreground"}),Ba=at("div",{display:"flex",justifyContent:"center",margin:"0 $15",borderTop:"1px solid",$$color:"$colors$neutral300",[`.${Ve} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color"}),Ma=at("div",{width:"$16",height:"$16",justifyContent:"center",alignItems:"center",display:"flex"});import{TokenAmount as Pa}from"@rango-dev/ui";import an from"react";import{styled as hm}from"@rango-dev/ui";var $a=hm("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($a,null,an.createElement(Pa,{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(Pa,{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]=bm(t.expanded),c=xm(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(ua,null,N.createElement(ym,{type:A?"error":"warning",title:r?.type===3?r?.recommendation:Nr.t("Slippage Error:"),footer:N.createElement(ca,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 vm(()=>{u&&c.current&&setTimeout(()=>{c?.current?.scrollIntoView({behavior:"smooth"})},Wr)},[u]),N.createElement(N.Fragment,null,N.createElement(Wa,{recommended:l,listItem:a==="list-item",basic:a==="basic"},N.createElement("div",{className:"summary"},N.createElement(km,{fee:S,time:g,steps:k}),a==="basic"&&N.createElement("div",{className:"basic-info"},N.createElement(Ma,null,N.createElement(Cm,{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(wm,{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(Ia,{recommended:l,open:u,onOpenChange:m},N.createElement(Na,{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(Fa,{container:t.tooltipContainer,side:"bottom",sideOffset:4,content:h.from.chain.displayName},N.createElement(Da,{src:h.from.chain.image,size:16})),C===k-1&&N.createElement(N.Fragment,null,N.createElement(sn,null,N.createElement(_a,{size:12,color:"black"})),N.createElement(Fa,{container:t.tooltipContainer,side:"bottom",sideOffset:4,content:h.to.chain.displayName},N.createElement(Da,{src:h.to.chain.image,size:16}))),C!==k-1&&N.createElement(sn,null,N.createElement(_a,{size:12,color:"black"})))})),N.createElement(sn,{orientation:u?"up":"down"},N.createElement(Sm,{size:12,color:"black"}))),N.createElement(La,{open:u},N.createElement(Ba,null),N.createElement("div",{className:"steps-details"},f.map((h,C)=>{let b=`item-${C}`;return N.createElement(Tm,{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 Am,Skeleton as he}from"@rango-dev/ui";import E from"react";import{darkTheme as Em,styled as Oa}from"@rango-dev/ui";var Ua=Oa("div",{$$color:"$colors$neutral100",[`.${Em} &`]:{$$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"}}),za=Oa("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(za,{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(Am,{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(Ua,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 jm}from"@lingui/core";import{Alert as Km,Button as Xm,InfoIcon as Ym}from"@rango-dev/ui";import Ee from"react";import{useNavigate as Jm}from"react-router-dom";import{Alert as Im,Button as Wm,Divider as ja,NoRouteIcon as Nm,RefreshIcon as Lm,Typography as Ka}from"@rango-dev/ui";import Pe from"react";import{i18n as qa}from"@lingui/core";function Ga(t,e,o,n){return t?.type===1?{alert:{type:"warning",text:G().genericServerError,action:{onClick:n,title:qa.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:qa.t("Reset")}},description:G().liquiditySourcesError.description}:{alert:null,description:G().noResultError.description}}s(Ga,"makeInfo");import{styled as Pr}from"@rango-dev/ui";var Ha=Pr("div",{minHeight:"162px",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"}),Qa=Pr("div",{width:"100%"}),Va=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=Ga(o,n,()=>r(i,!0),e);return Pe.createElement(Ha,null,Pe.createElement(Nm,{size:24,color:"gray"}),Pe.createElement(ja,{size:4}),Pe.createElement(Ka,{variant:"title",size:"small"},G().noResultError.title),!!a.description&&Pe.createElement(Ka,{variant:"body",size:"small",align:"center",color:"neutral700"},a.description),Pe.createElement(ja,{size:4}),!!a.alert&&Pe.createElement(Qa,null,Pe.createElement(Im,{type:a.alert.type,title:a.alert.text,action:a.alert.action&&Pe.createElement(Wm,{size:"xsmall",type:a.alert.type,prefix:Pe.createElement(Va,null,Pe.createElement(Lm,{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 Mm,Divider as el,MessageBox as $m,Modal as Pm,Typography as _m,WarningIcon as Dm}from"@rango-dev/ui";import je from"react";import{Typography as Za}from"@rango-dev/ui";import Fr from"react";import{darkTheme as Bm,styled as pn}from"@rango-dev/ui";var Xa=pn("div",{width:"100%",paddingTop:"$10"}),Dr=pn("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),Ya=pn("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%","._title":{$$color:"$colors$neutral600",[`.${Bm} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Ja=pn("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});function Ra(t){let{title:e,value:o,valueColor:n}=t;return Fr.createElement(Ya,null,Fr.createElement(Za,{size:"medium",variant:"label",className:"_title"},e),Fr.createElement(Za,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}s(Ra,"QuoteErrorsModalItem");function tl(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(Pm,{open:e,onClose:o,container:Z()},je.createElement($m,{type:i,title:G().highValueLossError.impactTitle,description:G().highValueLossError.description}),je.createElement(Dr,null,je.createElement(el,{size:20}),je.createElement(_m,{size:"small",variant:"title"},eo.t("Details")),je.createElement(Dr,null,a.map((l,p)=>je.createElement(Ra,{key:p,...l})))),je.createElement(el,{size:32}),je.createElement(Mm,{type:"primary",size:"large",prefix:je.createElement(Dm,null),fullWidth:!0,onClick:n},G().highValueLossError.confirmMessage))}s(tl,"HighValueLossWarningModal");import{i18n as ol}from"@lingui/core";function nl(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=ol.t({id:"minimum required slippage for this route: {minRequiredSlippage}",values:{minRequiredSlippage:t.minRequiredSlippage}})),t.type===3&&(o.title=ol.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(nl,"makeAlerts");import{i18n as _t}from"@lingui/core";import{Button as rl,Divider as il,MessageBox as Fm,Modal as Om,Typography as Um}from"@rango-dev/ui";import St from"react";import{useNavigate as zm}from"react-router-dom";function sl(t){let{customSlippage:e,slippage:o}=D(),{open:n,onClose:r,onConfirm:i,warning:a}=t,l=zm(),p=e??o;return St.createElement(Om,{anchor:"bottom",open:n,prefix:St.createElement(rl,{size:"small",variant:"ghost",onClick:()=>l("../"+M.settings)},St.createElement(Um,{variant:"label",size:"medium",color:"$neutral900"},_t.t("Change settings"))),container:Z(),onClose:r},St.createElement(Fm,{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(il,{size:18}),St.createElement(il,{size:32}),St.createElement(rl,{size:"large",type:"primary",variant:"contained",fullWidth:!0,onClick:i},_t.t("Confirm anyway"))))}s(sl,"SlippageWarningModal");import{Button as qm,Divider as Gm,MessageBox as Hm,Modal as Qm,WarningIcon as Vm}from"@rango-dev/ui";import to from"react";function al(t){let{open:e,onClose:o,onConfirm:n}=t;return to.createElement(Qm,{open:e,onClose:o,container:Z()},to.createElement(Hm,{type:"warning",title:G().unknownPriceError.impactTitle,description:G().unknownPriceError.description}),to.createElement(Gm,{size:32}),to.createElement(qm,{type:"primary",size:"large",prefix:to.createElement(Vm,null),fullWidth:!0,onClick:n},G().unknownPriceError.confirmMessage))}s(al,"UnknownPriceWarningModal");function Or(t){let{warning:e,error:o,refetchQuote:n,showWarningModal:r,onOpenWarningModal:i,onCloseWarningModal:a,onConfirmWarningModal:l}=t,p=Jm(),u={open:r,onClose:a,onConfirm:l},m=o?.type===0||o?.type===1,c=nl(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(Xa,null,Ee.createElement(Km,{title:c.title,type:c.alertType,variant:"alarm",action:c.action==="show-info"?Ee.createElement(Ja,{onClick:i},Ee.createElement(Ym,{size:12,color:"gray"})):Ee.createElement(Xm,{size:"xsmall",type:"error",onClick:()=>p(M.settings)},jm.t("Change Settings"))})),e&&Ee.createElement(Ee.Fragment,null,e.type===0&&Ee.createElement(tl,{...u,warning:e}),(e.type===3||e.type===2)&&Ee.createElement(sl,{...u,warning:e}),e.type===1&&Ee.createElement(al,{...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(Zm,{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 pl,useRef as od,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 ll(t,e,o){let n=sa(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&&(Ys(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=Js(e,o.selectedWallets);return a.length===0||(r.balance={messages:a}),r}s(ll,"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 ed,useState as td}from"react";function mn(){let[t,e]=td(!1),o=ed(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 nd=600;function ul(){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=od(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=hs(()=>{L||v()},nd);return pl(()=>{if(!Vt(l)||p?.eq(0)){H(!1),e();return}if(!L)return u(),H(!0),z(),e},[l,L]),pl(()=>{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(ul,"useSwapInput");var ud=qr("div",{display:"flex",flexDirection:"column",overflowY:"visible"}),cd=qr("div",{position:"relative"}),md=qr("div",{display:"flex",flexDirection:"column",gap:5,alignSelf:"stretch"});function dn(){let t=pd(),{fetch:e,loading:o,error:n,warning:r}=ul(),{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]=ld(!1),b=ad(null),B=!1,A=Qs(c,g),_=Zo(c,A),L=!kr(y,m,c),H=!kr(y,m,g),v=Vs(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";sd(()=>(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(rd,{type:"primary",size:"large",disabled:v.disabled,prefix:!v.disabled&&v.hasWarning&&Fe.createElement(id,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(ud,null,Fe.createElement(md,null,Fe.createElement(cd,null,Fe.createElement(cl,{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(pa,null)),Fe.createElement(cl,{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 dd,useLocation as fd,useSearchParams as gd}from"react-router-dom";import{useEffect as Dt,useMemo as fn,useRef as gn}from"react";function ml(){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(ml,"useSyncStoresWithConfig");function dl(){let t=Hr(!0),[e,o]=gd(),n=fd(),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 ml(),Gr(()=>{let h={};dd(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(dl,"UpdateUrl");function bd(t){let e=vd(),o=xd(),n=kd(!0),r=e.pathname.split("/"),a=r[r.length-1]===M.confirmSwap&&n.current;return Cd(()=>{a&&o("."),n.current=!1},[]),a?Ct.createElement(dn,null):Ct.createElement(Ct.Fragment,null," ",t.children)}s(bd,"Route");function fl({children:t,...e}){let o=wd(),n=o?bd:Td,r=T().blockchains(),{canSwitchNetworkTo:i}=yd();Is();let a=r.filter(Sd);return hd({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(dl,null))}s(fl,"AppRouter");import ve from"react";import{useRoutes as $h}from"react-router-dom";import{i18n as vn}from"@lingui/core";import{useManager as lf}from"@rango-dev/queue-manager-react";import{Alert as Pl,Button as _l,Divider as Dl,IconButton as Fl,RefreshIcon as pf,SettingsIcon as uf,styled as Ol,Tooltip as cf,Typography as mf,WalletIcon as df}from"@rango-dev/ui";import Y,{useEffect as xn,useState as bn}from"react";import{flushSync as ff}from"react-dom";import{useNavigate as gf}from"react-router-dom";import{i18n as Ze}from"@lingui/core";import{Alert as Jr,BalanceErrors as Xd,Button as Bl,ChevronDownIcon as Yd,ChevronLeftIcon as Jd,Divider as Ot,MessageBox as Zd,Modal as Ml,Typography as wn,WalletIcon as Rd}from"@rango-dev/ui";import I,{useEffect as ef,useLayoutEffect as tf,useRef as of,useState as wt}from"react";import{useNavigate as nf}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 Vd,Divider as Xr,Image as jd,MessageBox as Tn,Modal as Al,SelectableWallet as Kd,Typography as Il,WalletState as Wl}from"@rango-dev/ui";import te,{useEffect as Nl,useState as ro}from"react";import{WalletState as gl}from"@rango-dev/ui";import{useWallets as Ed}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as Ad,WalletTypes as Id}from"@rango-dev/wallets-shared";import{useEffect as Wd,useState as Nd}from"react";var Ld=Object.values(Id);function Sn(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:i,disconnect:a,getWalletInfo:l,connect:p}=Ed(),{connectedWallets:u}=V(),m=T().blockchains(),c=ds(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||Ld,S=is(i,l,c,o),g=cs(S),[y,x]=Nd(""),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===gl.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===gl.CONNECTING)||[];for(let C of h)a(C.type)},"disconnectConnectingWallets");Wd(()=>()=>{f()},[]);let k=s((h,C,b)=>Mo(b,C)&&d(h)&&!Ad.includes(h),"shouldExcludeWallet");return{list:g.filter(h=>!k(h.type,o??"",m)),error:y,handleClick:w}}s(Sn,"useWalletList");import{i18n as kl}from"@lingui/core";import{styled as wl,Typography as Fd,Wallet as Od,WalletState as Ud}from"@rango-dev/ui";import Tt,{Fragment as zd,useState as Tl}from"react";import{Divider as _d,Modal as Dd}from"@rango-dev/ui";import Vr from"react";import{i18n as Ft}from"@lingui/core";import{Image as $d,MessageBox as Qr,WalletState as Pd}from"@rango-dev/ui";import kt from"react";import{keyframes as Bd,styled as Cn}from"@rango-dev/ui";var qb=Cn("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),hl=Cn("div",{position:"relative"}),Md=Bd({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),yl=Cn("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Md} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),Sl=Cn("div",{"& img":{borderRadius:"50%"}});function Cl(t){let{state:e,image:o,error:n}=t;return e===Pd.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(hl,null,kt.createElement(Sl,null,kt.createElement($d,{src:o,size:45})),kt.createElement(yl,null))})}s(Cl,"ModalContent");function no(t){let{open:e,onClose:o,...n}=t;return Vr.createElement(Dd,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},Vr.createElement(Cl,{...n}),Vr.createElement(_d,{direction:"vertical",size:32}))}s(no,"WalletModal");var qd=wl("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline",paddingTop:"$15",height:"100%"}),Gd=wl("div",{textAlign:"center"}),kn=3e3,jr=300;function vl(){let{config:t,fetchStatus:e}=T(),[o,n]=Tl(!1),[r,i]=Tl(""),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||Ud.NOT_INSTALLED;return Tt.createElement(j,{header:{title:kl.t("Connect Wallets")}},Tt.createElement(Gd,null,Tt.createElement(Fd,{variant:"title",size:"xmedium",align:"center"},kl.t("Choose a wallet to connect.")),Tt.createElement(qd,null,l.map((g,y)=>{let x=`wallet-${y}-${g.type}`;return Tt.createElement(zd,{key:x},Tt.createElement(Od,{...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(vl,"WalletsPage");import{keyframes as Hd,styled as Kr}from"@rango-dev/ui";var xl=Kr("div",{position:"relative"}),Qd=Hd({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),bl=Kr("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Qd} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),El=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}=Ll(),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");Nl(()=>{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 Nl(()=>{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=ms({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===Wl.CONNECTED,ee=Ne?Oe.t({id:"Add {chain} chain",values:{chain:e}}):O,oe=s(()=>{v.state===Wl.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?Gs(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(Al,{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(Vd,{onClick:L.bind(null,c),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},Oe.t("Confirm")))),x&&te.createElement(Al,{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(xl,null,te.createElement(El,null,te.createElement(jd,{src:v.image,size:45})),te.createElement(bl,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(Kd,{key:v.type,description:ee,onClick:oe,selected:o(v.type,e),...v}))}),_&&te.createElement(ga,{selected:!1,onClick:i.bind(null)},te.createElement(Il,{variant:"label",size:"medium"},Oe.t("Show more wallets"),te.createElement(Il,{variant:"label",size:"medium",color:"$primary"},"\xA0+",A-(r??0)))))}s(Yr,"WalletList");var rf=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: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=of(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(Hs(X.error)),!X.error&&(!q?.balance?.messages.length||0>0)?vo():k(q?.balance?.messages??[])},"onConfirmWallets");ef(()=>{Ne(F=>F.concat(y.filter(X=>!!!F.find(se=>se.chain===X.chain)&&X.selected&&z.includes(X.chain))))},[y.length]),tf(()=>{L&&v.current&&setTimeout(()=>{v?.current?.scrollIntoView({behavior:"smooth"})},Yt)},[L]);let Et=document.querySelector("#swap-box"),xo=nf();return I.createElement(Ml,{open:e,onClose:()=>{m||xo("../",{replace:!0}),o()},dismissible:!d,container:Et,...!d&&{footer:I.createElement(xa,null,I.createElement(Bl,{loading:i,disabled:oa(i,L,A,p,ne,O),onClick:Rn,variant:"contained",type:"primary",fullWidth:!0,size:"large"},"Confirm"))},...d&&{containerStyle:{padding:"$0"},header:I.createElement(ya,null,I.createElement(Sa,{variant:"ghost",onClick:w.bind(null,"")},I.createElement(Jd,{size:16})),I.createElement(wn,{variant:"headline",size:"small"},Ze.t({id:"Your {blockchainName} wallets",values:{blockchainName:d}})))},anchor:"center"},I.createElement(Ml,{open:f.length>0,onClose:k.bind(null,[]),container:Et},I.createElement(Zd,{title:Ze.t("Insufficient account balance"),type:"error",description:I.createElement(Xd,{messages:f??[]})},I.createElement(Bl,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:vo},Ze.t("Proceed anyway")))),d&&I.createElement(Ca,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(Ea,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(da,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(fa,null,I.createElement(Yr,{chain:F,isSelected:oe,selectWallet:ft,limit:rf,onShowMore:()=>w(q?.name??"")})),!qe&&I.createElement(Ot,{size:32}),qe&&a?.customDestination&&I.createElement(wa,null,I.createElement(ka,{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(ha,{onClick:()=>H(xe=>!xe)},I.createElement(Ta,{fullWidth:!0,variant:"default",suffix:I.createElement(va,{orientation:L?"up":"down"},I.createElement(Yd,{size:10,color:"gray"}))},I.createElement("div",{className:"button__content"},I.createElement(Rd,{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(ba,{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($l,"ConfirmWalletsModal");import{calculatePendingSwap as sf}from"@rango-dev/queue-manager-rango-preset";import{useEffect as af}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 af(()=>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=sf(o.toString(),L,Xs(B),H,!1,{blockchains:x,tokens:d}),z=ll(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 hf=Ol("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"}}),yf=Ol("div",{width:"100%",display:"flex",justifyContent:"space-between","& .confirm-button":{flexGrow:1,paddingRight:"$10"},[`& ${Fl}`]:{width:"$48",height:"$48"}});function Ul(){let{quote:t,setInputAmount:e,selectedWallets:o,quoteWalletsConfirmed:n,setQuoteWalletConfirmed:r,customDestination:i,quoteWarningsConfirmed:a}=P(),l=gf(),[p,u]=bn(""),{connectedWallets:m}=V(),c=!n,[S,g]=bn(!1),y=Se.use.setSelectedSwap(),{manager:x}=lf(),{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(()=>ff(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(cf,{container:Z(),side:"bottom",content:vn.t("Settings")},Y.createElement(Le,{size:"small",variant:"ghost",onClick:()=>l("../"+M.settings)},Y.createElement(uf,{size:18,color:"black"})))},footer:Y.createElement(yf,null,Y.createElement("div",{className:"confirm-button"},Y.createElement(_l,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:w,disabled:!!k.error,onClick:L},vn.t("Start Swap"))),Y.createElement(Fl,{variant:"contained",type:"primary",size:"large",loading:w,onClick:g.bind(null,!0)},Y.createElement(df,{size:24})))},S&&Y.createElement($l,{open:S,onClose:()=>g(!1),onCancel:f,loading:w,onCheckBalance:B}),Y.createElement(hf,null,Y.createElement("div",{className:"description"},Y.createElement(mf,{variant:"title",size:"small"},vn.t("You get")),Y.createElement(_l,{style:{padding:"0"},variant:"ghost",disabled:w,onClick:H},Y.createElement("div",{className:"icon"},Y.createElement(pf,{size:16})))),p&&Y.createElement(Y.Fragment,null,Y.createElement(Pl,{type:"error",variant:"alarm",title:p}),Y.createElement(Dl,{size:12})),k.warnings?.quoteUpdate&&Y.createElement(Y.Fragment,null,Y.createElement(Pl,{variant:"alarm",type:"warning",title:k.warnings.quoteUpdate&&yn(k.warnings.quoteUpdate)}),Y.createElement(Dl,{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(Ul,"ConfirmSwapPage");import{i18n as An}from"@lingui/core";import{useManager as xf}from"@rango-dev/queue-manager-react";import{Divider as bf,NotFound as Ef,styled as Xl}from"@rango-dev/ui";import ct,{useState as Af}from"react";import{useNavigate as If}from"react-router-dom";import{CloseIcon as Cf,IconButton as kf,SearchIcon as Tf,TextField as wf}from"@rango-dev/ui";import io from"react";import{styled as Sf}from"@rango-dev/ui";var zl=Sf("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(wf,{prefix:io.createElement(zl,null,io.createElement(Tf,{color:"black"})),suffix:!!a.length&&io.createElement(kf,{variant:"ghost",onClick:()=>l?.(""),size:"small"},io.createElement(Cf,{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 Gl}from"@lingui/core";import{Divider as Hl,SwapListItem as Ql,Typography as Vl}from"@rango-dev/ui";import R from"react";import{darkTheme as vf,styled as En}from"@rango-dev/ui";var Rr=En("div",{width:"100%",display:"flex",flexDirection:"column",".group-title":{$$color:"$colors$neutral600",[`.${vf} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),ei=En("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),ti=En("div",{gap:"$10",display:"flex",flexDirection:"column"}),ql=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(Vl,{variant:"label",size:"medium",className:"group-title"},Gl.t(p.title))),R.createElement(Hl,{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(Ql,{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(Vl,{variant:"label",size:"medium",className:"group-title"},Gl.t(a.title))),R.createElement(Hl,{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(Ql,{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 jl from"dayjs";var Kl=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=jl();return t.forEach(n=>{let r=jl(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 Wf=Xl("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",height:"100%",gap:15}),Nf=Xl("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),Lf=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 Yl(){let t=Se.use.setSelectedSwap(),e=If(),{manager:o,state:n}=xf(),r=Ut(o).map(({swap:c})=>c),[i,a]=Af(""),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)||Lf(c.steps,i)||Ge(c.requestId,i)));let m=!u?.length&&!l;return ct.createElement(j,{header:{title:An.t("History")}},ct.createElement(Wf,null,ct.createElement(Re,{setValue:a,fullWidth:!0,variant:"contained",placeholder:An.t("Search Transaction"),autoFocus:!0,onChange:p,value:i}),ct.createElement(Nf,null,m&&ct.createElement(ql,null,ct.createElement(bf,{size:32}),ct.createElement(Ef,{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:Kl,isLoading:l}))))}s(Yl,"HistoryPage");import{i18n as Jl}from"@lingui/core";import{List as Bf,ListItemButton as Mf,Radio as $f,RadioRoot as Pf,Typography as _f}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:ys,defaultLanguage:jt,changeLanguage:r=>e(r||jt)}}s(Wn,"useLanguage");function Zl(){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(_f,{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:Jl.t("Language")}},mt.createElement(et,null,mt.createElement(Pf,{value:t},mt.createElement(Bf,{type:mt.createElement(Mf,{title:Jl.t("language"),id:"_",onClick:()=>console.log()}),items:n}))))}s(Zl,"LanguagePage");import{i18n as zt}from"@lingui/core";import{Button as zf,Checkbox as qf,Image as Gf,ListItemButton as Hf,NotFound as Qf,Typography as Vf}from"@rango-dev/ui";import ye,{useState as jf}from"react";import{Checkbox as Of,Skeleton as ep}from"@rango-dev/ui";import ao from"react";import{ListItem as Df,styled as Ff}from"@rango-dev/ui";var Rl=Ff(Df,{height:61});var Uf=30;function ii(){return ao.createElement(so,null,Array.from(Array(Uf),t=>ao.createElement(Rl,{hasDivider:!0,key:t,start:ao.createElement(ep,{variant:"circular",width:35,height:35}),title:ao.createElement(ep,{variant:"text",size:"large",width:90}),end:ao.createElement(Of,{checked:!1})})))}s(ii,"LoadingLiquiditySourceList");function si({sourceType:t}){let e=T().fetchStatus,o=T().swappers(),[n,r]=jf(""),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(Gf,{src:w,size:22,type:"circular"}),onClick:()=>i(d),end:ye.createElement(qf,{checked:x}),title:ye.createElement(Vf,{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(zf,{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(Qf,{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(Hf,{style:{height:"61px"},...y,selected:!1,hasDivider:!0}))))))}s(si,"LiquiditySourcePage");import{i18n as lp}from"@lingui/core";import{Divider as ui,SelectableCategoryList as og}from"@rango-dev/ui";import vt,{useState as pp}from"react";import{i18n as li}from"@lingui/core";import{Divider as sp,Image as Jf,ListItemButton as Zf,NotFound as Rf,Typography as ap}from"@rango-dev/ui";import We,{useEffect as eg,useState as tg}from"react";import{BlockchainCategories as ai}from"@rango-dev/ui";import{TransactionType as Nn}from"rango-sdk";var Kf=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"),tp=s((t,e,o)=>t.filter(n=>Kf(n,o)).filter(n=>gt(n.name,e)||gt(n.displayName,e)),"filterBlockchains");import{styled as op}from"@rango-dev/ui";var np=op("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),Ln=op("ul",{padding:0,margin:0,listStyle:"none",overflowY:"auto",paddingRight:"$5",".image-container":{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as Xf,Skeleton as rp}from"@rango-dev/ui";import Bn from"react";var Yf=20;function ip(){return Bn.createElement(Ln,null,Array.from(Array(Yf),t=>Bn.createElement(Xf,{key:t,hasDivider:!0,start:Bn.createElement(rp,{variant:"circular",width:35,height:35}),title:Bn.createElement(rp,{variant:"text",size:"large",width:90})})))}s(ip,"LoadingBlockchainList");function pi(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[i,a]=tg(e),{fetchStatus:l}=T();eg(()=>{a([...tp(e,o,r)])},[e,o,r]);let p=s(()=>!i.length&&o?We.createElement(We.Fragment,null,We.createElement(sp,{size:32}),We.createElement(Rf,{title:li.t("No results found"),description:li.t("Try using different keywords")})):We.createElement(Ln,{key:`${r}-${o}`},i.map(u=>We.createElement(Zf,{key:`${u.name}-${u.chainId}`,hasDivider:!0,onClick:()=>n(u),start:We.createElement(Jf,{src:u.logo,size:30}),title:We.createElement(ap,{variant:"title",size:"medium"},u.displayName),id:u.chainId}))),"renderList");return We.createElement(np,null,We.createElement(ap,{variant:"label",size:"large"},li.t("Select Blockchain")),We.createElement(sp,{size:4}),l==="loading"&&We.createElement(ip,null),l==="success"&&p())}s(pi,"BlockchainList");function ci(t){let{type:e}=t,o=ot(),[n,r]=pp(""),[i,a]=pp("ALL"),l=P.use.setToBlockchain(),p=P.use.setFromBlockchain(),u=T().fetchStatus,m=T().blockchains({type:e});return vt.createElement(j,{header:{title:lp.t("Select Blockchain")}},vt.createElement(ui,{size:12}),vt.createElement(og,{setCategory:a,category:i,blockchains:m,isLoading:u==="loading"}),vt.createElement(ui,{size:24}),vt.createElement(Re,{value:n,autoFocus:!0,placeholder:lp.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 Ip}from"@lingui/core";import{Divider as Wp}from"@rango-dev/ui";import qt,{useState as Cg}from"react";import{useNavigate as kg}from"react-router-dom";import{i18n as di}from"@lingui/core";import{BlockchainsChip as Mn,Divider as dp,Image as fp,Skeleton as ag,Typography as fi}from"@rango-dev/ui";import de from"react";import{useEffect as ig}from"react";var up=["ETH","COSMOS","OSMOSIS"];function cp(t,e,o){let n=JSON.parse(JSON.stringify(t)),r=[];if(n.sort(ng),o?.limit&&t.length>o.limit){let i=o.limit,a=e;if(e.length<=o.limit)for(let l=0;l<o.limit;l++){let p=n[l];a=a.filter(u=>p.name!==u)}n.sort(rg(a)),r=n.splice(i)}return{list:n,more:r}}s(cp,"prepare");function ng(t,e){let o=up,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(ng,"sortByMostUsedBlockchains");function rg(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(rg,"generateSortByPreferredBlockchainsFor");function mi(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=D();ig(()=>{e?.selected&&n(e?.selected)},[e?.selected]);let r=cp(t,o,e);return{list:r.list,more:r.more,history:[]}}s(mi,"usePrepareBlockchainList");import{styled as sg}from"@rango-dev/ui";var mp=sg("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var lg=12;function gi(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:i}=t,a=mi(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(dp,{size:12}),de.createElement(fi,{variant:"label",size:"large"},di.t("Select Blockchain")),de.createElement(dp,{size:12}),de.createElement(mp,null,l==="loading"&&Array.from(Array(lg),g=>de.createElement(ag,{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(fi,{variant:"body",size:"xsmall",color:"secondary500"},di.t("All"))),a.list.map(g=>de.createElement(Mn,{key:g.name,selected:!!n&&n.name===g.name,onClick:()=>r(g)},de.createElement(fp,{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(fp,{src:a.more[0].logo,size:30})):null,S?de.createElement(Mn,{onClick:i,key:"more-blockchains"},de.createElement(fi,{variant:"body",size:"xsmall",color:"secondary500"},di._("More +{count}",{count:a.more.length}))):null)))}s(gi,"BlockchainsSection");import{i18n as ki}from"@lingui/core";import{darkTheme as vp,Divider as po,ExternalLinkIcon as cg,Image as mg,ListItemButton as dg,NotFound as fg,PinIcon as gg,Skeleton as xp,Typography as uo,VirtualizedList as hg}from"@rango-dev/ui";import $,{forwardRef as yg,useEffect as bp,useState as Ep}from"react";var gp=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]:gp(e,(5-l)*25)}),l===5&&(a={...a,[t+l*100]:e}),l>5&&(a={...a,[t+l*100]:gp(e,-((l-5)*25))});return a},"generateRangeColors"),hi=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 Tp,ListItem as ug,Skeleton as lo}from"@rango-dev/ui";import Ue from"react";import{darkTheme as hp,styled as Ke,Typography as pg}from"@rango-dev/ui";var yp=Ke("div",{display:"flex",flexDirection:"column",flexGrow:1}),yi=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",[`.${hp} &`]:{$$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"}}}}}),Si=Ke("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),Ci=Ke(pg,{}),Sp=Ke("div",{textAlign:"right",".usd-value":{$$color:"$colors$neutral600",[`.${hp} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),_n=Ke("ul",{display:"flex",alignItems:"end",flexDirection:"column"}),iW=Ke("div",{display:"flex",alignItems:"center"}),Cp=Ke("div",{position:"relative",".image-container":{borderRadius:"$xm",overflow:"hidden"}}),kp=Ke("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6});function wp(t){return Ue.createElement(Pn,null,Array.from(Array(t.size),e=>Ue.createElement(ug,{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(Tp,{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(Tp,{size:4}),Ue.createElement(lo,{variant:"text",size:"medium",width:90}))})))}s(wp,"LoadingTokenList");var Ti=20,Sg=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(yi,{className:"token-title"},$.createElement(uo,{variant:"title",size:"xmedium"},r.symbol),$.createElement(po,{direction:"horizontal",size:4}),$.createElement(Si,{css:i},$.createElement(Ci,{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(cg,{color:"gray",size:12}))))},"renderDesc");function Ap(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[i,a]=Ep(e),l=T().fetchStatus,p=T().blockchains(),[u,m]=Ep(!0),c=V.use.loading(),{isTokenPinned:S}=T(),g=yg((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+Ti))},"loadNextPage");bp(()=>{m(e.length>i.length)},[i.length]),bp(()=>{a(e.slice(0,Ti))},[e]);let x=s(()=>!i.length&&o?$.createElement($.Fragment,null,$.createElement(po,{size:32}),$.createElement(fg,{title:ki.t("No results found"),description:ki.t("Try using different keywords")})):$.createElement(hg,{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`],[`.${vp} &`]:{$$color:C[`${f.symbol}900`]},backgroundColor:"$$color"},B={$$color:C[`${f.symbol}700`],[`.${vp} &`]:{$$color:C[`${f.symbol}100`]},color:"$$color"};return $.createElement("div",{style:{...w,paddingRight:5}},$.createElement(dg,{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(Cp,null,$.createElement(mg,{src:f.image,size:30}),S(f)&&$.createElement(kp,null,$.createElement(gg,{size:12,color:"gray"}))),title:h?.type==="COSMOS"||f.name||!f.name&&!k?$.createElement(yi,null,$.createElement(uo,{variant:"title",size:"xmedium"},f.symbol),$.createElement(po,{direction:"horizontal",size:4}),$.createElement(Si,{css:b},$.createElement(Ci,{variant:"body",size:"xsmall",css:B},f.blockchain))):void 0,description:h?.info&&k&&h.type!=="COSMOS"?Sg({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(xp,{variant:"text",size:"large",width:70}),$.createElement(po,{size:4}),$.createElement(xp,{variant:"text",size:"medium",width:50})):i[d]?.balance&&$.createElement(Sp,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(yp,null,$.createElement(uo,{variant:"label",size:"large"},ki.t("Select Token")),$.createElement(po,{size:4}),l==="loading"&&$.createElement(wp,{size:Ti}),l==="success"&&$.createElement(Pn,null,x()))}s(Ap,"TokenList");function wi(t){let{type:e}=t,o=kg(),n=ot(),{fromBlockchain:r,toBlockchain:i,setFromToken:a,setToToken:l,setFromBlockchain:p,setToBlockchain:u}=P(),{connectedWallets:m}=V(),[c,S]=Cg(""),y=(e==="source"?r:i)?.name??"",x=T().blockchains({type:e}),d=T().tokens({type:e,blockchain:y,searchFor:c}),w=us(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:Ip.t("Swap {type}",{type:e})}},qt.createElement(gi,{blockchains:x,type:e=="source"?"from":"to",blockchain:e==="source"?r:i,onMoreClick:()=>o(M.blockchains),onChange:h=>{f(h)}}),qt.createElement(Wp,{size:24}),qt.createElement(Re,{value:c,autoFocus:!0,placeholder:Ip.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>S(""),onChange:h=>S(h.target.value)}),qt.createElement(Wp,{size:16}),qt.createElement(Ap,{list:w,selectedBlockchain:y,searchedFor:c,onChange:h=>{k(h);let C=x.find(b=>h.blockchain===b.name);C&&f(C),n()}}))}s(wi,"SelectSwapItemsPage");import{i18n as xt}from"@lingui/core";import{ChevronRightIcon as bi,Divider as Ei,InfoIcon as Eg,List as Ag,ListItemButton as Ig,Skeleton as Wg,Switch as Ng,Tooltip as Lg,Typography as bt}from"@rango-dev/ui";import Q from"react";import{useNavigate as Bg}from"react-router-dom";import{i18n as $p}from"@lingui/core";import{Chip as wg,Divider as Pp,InfoIcon as vg,TextField as xg,Tooltip as bg,Typography as _p}from"@rango-dev/ui";import ke from"react";import{styled as Dn}from"@rango-dev/ui";var Np=Dn("div",{paddingTop:"$5",paddingBottom:"30px"}),Lp=Dn("div",{display:"flex",alignItems:"center",justifyContent:"start"}),Bp=Dn("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),Fn=Dn("div",{maxWidth:"300px",padding:"$10"});import{i18n as vi}from"@lingui/core";import{Typography as Tg}from"@rango-dev/ui";import co from"react";function Mp(){return co.createElement(Fn,null,co.createElement(Tg,{variant:"label",size:"medium",color:"neutral700"},vi.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,vi.t("Warning")),":",vi.t("This setting is applied per step, e.g. 1Inch, Thorchain, etc. and only that step will be reverted, not the whole transaction")))}s(Mp,"SlippageTooltipContent");function xi(){let t=D.use.slippage(),e=D.use.setSlippage(),o=D.use.customSlippage(),n=D.use.setCustomSlippage();return ke.createElement(Np,null,ke.createElement(Bp,null,ke.createElement(_p,{variant:"title",size:"xmedium"},$p.t("Slippage tolerance per swap")),ke.createElement(Pp,{direction:"horizontal",size:4}),ke.createElement(bg,{container:Z(),side:"top",content:ke.createElement(Mp,null)},ke.createElement(vg,{color:"gray"}))),ke.createElement(Lp,null,Ss.map((r,i)=>{let a=`slippage-${i}`;return ke.createElement(ke.Fragment,null,ke.createElement(wg,{style:{width:"64px",flexShrink:0},key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`}),ke.createElement(Pp,{direction:"horizontal",size:8}))}),ke.createElement(xg,{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>=ws&&i<=Ts)&&n(i)},suffix:o&&ke.createElement(_p,{variant:"body",size:"small"},"%"),placeholder:$p.t("Custom")})))}s(xi,"Slippage");function Dp(){let t=Bg(),{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(Wg,{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(Ei,{direction:"horizontal",size:8}),Q.createElement(bi,{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(Ei,{direction:"horizontal",size:8}),Q.createElement(bi,{color:"gray"})),onClick:()=>t(M.exchanges)},d={id:"theme-item",title:Q.createElement(bt,{variant:"title",size:"xmedium"},xt.t("Theme")),end:Q.createElement(bi,{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(Ei,{direction:"horizontal",size:4}),Q.createElement(Lg,{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(Eg,{color:"gray"}))),end:Q.createElement(Ng,{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(xi,null),Q.createElement(Ag,{type:Q.createElement(Ig,{title:"_",id:"_",onClick:()=>console.log()}),items:f})))}s(Dp,"SettingsPage");import{cancelSwap as Eh}from"@rango-dev/queue-manager-rango-preset";import{useManager as Ah}from"@rango-dev/queue-manager-react";import gu from"react";import{i18n as tt}from"@lingui/core";import{getCurrentBlockchainOfOrNull as ah,getCurrentStep as lh,getRelatedWalletOrNull as ph,PendingSwapNetworkStatus as Kn}from"@rango-dev/queue-manager-rango-preset";import{Button as au,CopyIcon as uh,Divider as ch,IconButton as mh,QuoteCost as dh,StepDetails as fh,Typography as Ht,useCopyToClipboard as gh}from"@rango-dev/ui";import{useWallets as hh}from"@rango-dev/wallets-react";import K,{useEffect as lu,useRef as yh,useState as pu}from"react";import{useNavigate as Sh}from"react-router-dom";import{i18n as Te}from"@lingui/core";var Mg=1e3,$g=31536e3,Pg=2592e3,_g=86400,Dg=3600,Fg=60;function Fp(t){let e=Math.floor((Date.now()-t)/Mg),n=[{turningPoint:$g,label:Te.t("year"),pluralLabel:Te.t("years")},{turningPoint:Pg,label:Te.t("month"),pluralLabel:Te.t("months")},{turningPoint:_g,label:Te.t("day"),pluralLabel:Te.t("days")},{turningPoint:Dg,label:Te.t("hour"),pluralLabel:Te.t("hours")},{turningPoint:Fg,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(Fp,"timeSince");function Op(t){return t.finishTime?Te.t({id:"{time} ago",values:{time:Fp(parseInt(t.finishTime))}}):Te.t({id:"{time} ago",values:{time:Fp(parseInt(t.creationTime))}})}s(Op,"getSwapDate");import{PendingSwapNetworkStatus as zn}from"@rango-dev/queue-manager-rango-preset";import{Modal as Qg}from"@rango-dev/ui";import qn from"react";import{i18n as On}from"@lingui/core";import{Button as Up,Divider as Ai,MessageBox as Og,Typography as zp}from"@rango-dev/ui";import Xe from"react";var qp=s(({onCancel:t,onClose:e})=>Xe.createElement(Xe.Fragment,null,Xe.createElement(Ai,{size:20}),Xe.createElement(Og,{type:"error",title:On.t("Transaction Cancel"),description:On.t("Are you sure you want to Cancel this swap?")}),Xe.createElement(Ai,{size:32}),Xe.createElement(Up,{variant:"contained",type:"primary",size:"large",onClick:t},Xe.createElement(zp,{variant:"title",size:"medium",color:"neutral100"},On.t("Yes, Cancel it"))),Xe.createElement(Ai,{size:12}),Xe.createElement(Up,{variant:"outlined",type:"primary",size:"large",onClick:e},Xe.createElement(zp,{variant:"title",size:"medium",color:"primary"},On.t("No, Continue")))),"CancelContent");import{i18n as Un}from"@lingui/core";import{Button as Gp,Divider as Ii,MessageBox as Ug,Typography as Hp}from"@rango-dev/ui";import Ye from"react";var Qp=s(({onDelete:t,onClose:e})=>Ye.createElement(Ye.Fragment,null,Ye.createElement(Ii,{size:20}),Ye.createElement(Ug,{type:"error",title:Un.t("Delete Transaction"),description:Un.t("Are you sure you want to delete this swap?")}),Ye.createElement(Ii,{size:32}),Ye.createElement(Gp,{variant:"contained",type:"primary",size:"large",onClick:t},Ye.createElement(Hp,{variant:"title",size:"medium",color:"neutral100"},Un.t("Yes, Delete it"))),Ye.createElement(Ii,{size:12}),Ye.createElement(Gp,{variant:"outlined",type:"primary",size:"large",onClick:e},Ye.createElement(Hp,{variant:"title",size:"medium",color:"primary"},Un.t("No, Cancel")))),"DeleteContent");import{i18n as Wi}from"@lingui/core";import{PendingSwapNetworkStatus as Ni}from"@rango-dev/queue-manager-rango-preset";var Li={[Ni.WaitingForNetworkChange]:{type:"loading",title:Wi.t("Change Network")},[Ni.WaitingForConnectingWallet]:{type:"warning",title:Wi.t("Connect Wallet")},[Ni.NetworkChanged]:{type:"success",title:Wi.t("Network Changed")}};import{MessageBox as qg,Wallet as Gg,WalletState as jp}from"@rango-dev/ui";import{useWallets as Hg}from"@rango-dev/wallets-react";import mo from"react";import{styled as zg}from"@rango-dev/ui";var Vp=zg("div",{display:"flex",justifyContent:"center"});var Kp=s(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:i}=t,{connect:a,getWalletInfo:l,state:p}=Hg(),u=n?.walletType,c=u&&p(u).connected?jp.CONNECTED:jp.DISCONNECTED;return mo.createElement(mo.Fragment,null,mo.createElement(qg,{type:e,title:o,description:r}),i&&u&&mo.createElement(Vp,null,mo.createElement(Gg,{container:Z(),title:l(u).name,image:l(u).img,type:u,state:c,onClick:async()=>a(u)})))},"WalletStateContent");function Bi(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(Qg,{open:!!e,onClose:o,container:document.getElementById("swap-box")||document.body},l&&qn.createElement(Kp,{type:Li[e].type,title:Li[e].title,currentStepWallet:i,message:a,showWalletButton:e!==zn.WaitingForNetworkChange}),e==="delete"&&qn.createElement(Qp,{onClose:o,onDelete:n}),e==="cancel"&&qn.createElement(qp,{onClose:o,onCancel:r}))}s(Bi,"SwapDetailsModal");import{i18n as fo}from"@lingui/core";import{Button as Mi,Divider as Gn,MessageBox as Xp,Modal as Vg,TokenAmount as jg,Typography as Hn}from"@rango-dev/ui";import ue from"react";import{useNavigate as Kg}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=Kg();return ue.createElement(Vg,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},n==="success"?ue.createElement(Xp,{type:"success",title:fo.t("Swap Successful")},ue.createElement(jg,{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(Xp,{type:"error",title:fo.t("Transaction Failed"),description:u}),ue.createElement(Gn,{size:32}),n==="success"&&ue.createElement(Mi,{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(Mi,{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(Mi,{variant:"outlined",type:"primary",size:"large",onClick:o},ue.createElement(Hn,{variant:"title",size:"medium",color:"primary"},fo.t("See Details"))))}s($i,"SwapDetailsCompleteModal");import ih from"react";import{i18n as th}from"@lingui/core";import{Alert as tu,IconButton as oh,LinkIcon as nh}from"@rango-dev/ui";import dt,{Fragment as rh}from"react";import{Alert as Xg,ChevronDownIcon as Yg,ChevronUpIcon as Jg,IconButton as Zg}from"@rango-dev/ui";import Qn,{useState as Rg}from"react";function Yp(t){let{message:e}=t,[o,n]=Rg(!1);return Qn.createElement(Xg,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&Qn.createElement(Zg,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?Qn.createElement(Jg,{size:12,color:"gray"}):Qn.createElement(Yg,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}s(Yp,"FailedAlert");import{styled as eh}from"@rango-dev/ui";var Jp=eh("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as Zp}from"@lingui/core";import{PendingSwapNetworkStatus as Pi}from"@rango-dev/queue-manager-rango-preset";import{Alert as _i,Button as Rp}from"@rango-dev/ui";import go from"react";function eu(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?go.createElement(_i,{type:"warning",title:n.shortMessage,action:go.createElement(Rp,{size:"xxsmall",type:"warning",onClick:()=>{o(Pi.WaitingForNetworkChange),e().catch(i=>{console.log(i)})}},Zp.t("Change"))}):r===Pi.WaitingForConnectingWallet?go.createElement(_i,{type:"warning",title:n.shortMessage,action:go.createElement(Rp,{size:"xxsmall",type:"warning",onClick:()=>{o(Pi.WaitingForConnectingWallet)}},Zp.t("Connect"))}):go.createElement(_i,{type:"warning",title:n.shortMessage})}s(eu,"WarningAlert");function Di(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(Jp,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(rh,{key:g},dt.createElement(tu,{type:x&&"loading"||d&&"error"||"success",title:m.description?`${m.description} Tx`:th.t("View transaction"),action:m.url&&dt.createElement(oh,{variant:"ghost",size:"xsmall",onClick:()=>window.open(m.url,"_blank")},dt.createElement(nh,{size:16}))}))}),(u&&!a||p&&!i.explorerUrl?.length)&&dt.createElement(tu,{type:"loading",title:r.shortMessage}),i.status!=="failed"&&l&&dt.createElement(eu,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),i.status==="failed"&&dt.createElement(Yp,{message:r}))}s(Di,"SwapDetailsAlerts");var ou=2e3;var nu=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:ih.createElement(Di,{step:r,hasAlreadyProceededToSign:n,...o})}})},"getSteps");function ru(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(ru,"getStepState");import{darkTheme as sh,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",[`.${sh} &`]:{$$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%"}),iu=Gt("div",{padding:"$0 $20 $20 $20",width:"100%",overflow:"auto"}),UL=Gt("div",{display:"flex",flexDirection:"column",gap:"$10"}),su=Gt("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),zL=Gt("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1});function Fi(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:i,connect:a,getWalletInfo:l}=hh(),p=T().blockchains(),u=T().tokens(),m=P.use.retry(),c=Sh(),[S,g]=gh(ou),y=yh(null),[x,d]=pu(null),[w,f]=pu(null),k=s(()=>{r(),d(null)},"onCancel"),h=Ie.use.getUnreadNotifications(),C=Ie.use.setAsRead(),b=h(),B=lh(e),A=B?.networkStatus;lu(()=>{b.find(se=>se.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(f(e.status),C(e.requestId))},[e.status]),lu(()=>{U?d(Kn.WaitingForNetworkChange):A===Kn.WaitingForConnectingWallet||A===Kn.NetworkChanged?d(A):d(null)},[A]);let _=ea(e),L=B?ah(e,B):null,H=B?ph(e,B):null,v=Op(e),z=ta(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=Rs(e,B),ee=nu({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(au,{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(au,{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(mh,{variant:"ghost",onClick:g.bind(null,o||"")},K.createElement(uh,{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(dh,{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(ch,{size:8}),K.createElement(iu,{ref:y},ee.map((q,se)=>{let qe=se,xe=ru(e.steps[se]),er=xe==="error"||xe==="in-progress"||xe==="warning"||xe==="completed"&&se===ee.length-1;return K.createElement(fh,{key:qe,step:q,type:"swap-progress",ref:y,state:xe,hasSeparator:se!==0,tabIndex:qe,isFocused:er})}))),K.createElement(Bi,{state:x,onClose:()=>d(null),onCancel:k,onDelete:n,message:Ne.detailedMessage.content,currentStepWallet:H}),K.createElement($i,{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(Fi,"SwapDetails");import{i18n as ko}from"@lingui/core";import{CopyIcon as vh,IconButton as xh,NotFound as bh,Skeleton as du,Typography as Yn}from"@rango-dev/ui";import le from"react";import{i18n as kh}from"@lingui/core";import{ChainToken as Th,Divider as Ui,Skeleton as Co,Typography as wh}from"@rango-dev/ui";import J from"react";import{styled as Oi}from"@rango-dev/ui";var uu=Oi("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"}}),cu=Oi("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=Oi("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"});import{ChainToken as mu,Divider as ho,NextIcon as Ch,Skeleton as yo}from"@rango-dev/ui";import ae from"react";function So(t){let{extraInfo:e}=t;return ae.createElement(cu,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(mu,{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(Ch,{color:"gray",size:16})),ae.createElement("div",{className:"step-token-info"},ae.createElement(mu,{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 zi(){let t=J.createElement("div",{className:"quote-summary-item"},J.createElement("div",{className:"token-amount"},J.createElement(Th,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),J.createElement(Ui,{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(uu,null,J.createElement("div",{className:"cost"},J.createElement(Co,{width:60,height:10,variant:"rounded"}),J.createElement(Ui,{size:4,direction:"horizontal"}),J.createElement(Co,{width:60,height:10,variant:"rounded"}),J.createElement(Ui,{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(wh,{variant:"title",size:"small"},kh.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(zi,"LoadingSwapDetails");function fu(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(du,{width:60,height:10,variant:"rounded"})),le.createElement(xh,{variant:"ghost"},le.createElement(vh,{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(du,{width:60,height:10,variant:"rounded"})))),le.createElement(zi,null)),!o&&le.createElement(su,null,le.createElement(bh,{title:ko.t("Not found"),description:ko.t({id:"Swap with request ID = {requestId} not found.",values:{requestId:e}})})))}s(fu,"SwapDetailsPlaceholder");function hu(){let{manager:t,state:e}=Ah(),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&&Eh(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?gu.createElement(fu,{requestId:r||"",showSkeleton:l}):gu.createElement(Fi,{swap:c,requestId:r||"",onCancel:u,onDelete:m})}s(hu,"SwapDetailsPage");import{i18n as To}from"@lingui/core";import{AutoThemeIcon as Ih,DarkModeIcon as Wh,LightModeIcon as Nh,List as Lh,ListItemButton as Bh,Radio as qi,RadioRoot as Mh,Typography as Gi}from"@rango-dev/ui";import we from"react";function yu(){let t=D.use.theme(),e=D.use.setTheme(),o=[{id:"light",value:"light",title:we.createElement(Gi,{variant:"title",size:"xmedium"},To.t("Light")),onClick:()=>e("light"),start:we.createElement(Nh,{color:"gray"}),end:we.createElement(qi,{value:"light"})},{id:"dark",value:"dark",title:we.createElement(Gi,{variant:"title",size:"xmedium"},To.t("Dark")),onClick:()=>e("dark"),start:we.createElement(Wh,{color:"gray"}),end:we.createElement(qi,{value:"dark"})},{id:"auto",value:"auto",title:we.createElement(Gi,{variant:"title",size:"xmedium"},To.t("Auto")),onClick:()=>e("auto"),start:we.createElement(Ih,{color:"gray"}),end:we.createElement(qi,{value:"auto"})}];return we.createElement(j,{header:{title:To.t("Theme")}},we.createElement(et,null,we.createElement(Mh,{onValueChange:n=>e(n),value:t},we.createElement(Lh,{type:we.createElement(Bh,{title:To.t("Theme"),id:"_",onClick:()=>console.log()}),items:o}))))}s(yu,"ThemePage");function Su(){return $h([{path:M.home,element:ve.createElement(dn,null)},{path:M.fromSwap,children:[{index:!0,element:ve.createElement(wi,{type:"source"})},{path:M.blockchains,element:ve.createElement(ci,{type:"source"})}]},{path:M.toSwap,children:[{index:!0,element:ve.createElement(wi,{type:"destination"})},{path:M.blockchains,element:ve.createElement(ci,{type:"destination"})}]},{path:M.settings,children:[{index:!0,element:ve.createElement(Dp,null)},{path:M.themes,element:ve.createElement(yu,null)},{path:M.languages,element:ve.createElement(Zl,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(Yl,null)},{path:M.swapDetails,element:ve.createElement(hu,null)}]},{path:M.wallets,element:ve.createElement(vl,null)},{path:M.confirmSwap,element:ve.createElement(Ul,null)}])}s(Su,"AppRoutes");import{isApprovalTX as Ph,MainEvents as ku,RouteEventType as Tu,StepEventType as Qt,StepExecutionEventStatus as _h,useEvents as Dh}from"@rango-dev/queue-manager-rango-preset";import{useEffect as wu}from"react";import{StepExecutionBlockedEventStatus as Hi}from"@rango-dev/queue-manager-rango-preset";var Cu=[Hi.WAITING_FOR_CHANGE_WALLET_ACCOUNT,Hi.WAITING_FOR_NETWORK_CHANGE,Hi.WAITING_FOR_WALLET_CONNECT];function vu(){let t=T().tokens(),e=V.use.connectedWallets(),o=V.use.getWalletsDetails(),n=Ie.use.setNotification(),r=Ie.use.setAsRead(),i=Dh();return wu(()=>(i.on(ku.StepEvent,a=>{let{event:l,step:p,route:u}=a;if(l.type===Qt.TX_EXECUTION&&l.status===_h.TX_SENT&&!Ph(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&&Cu.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]),wu(()=>(i.on(ku.RouteEvent,a=>{let{event:l,route:p}=a;(l.type===Tu.FAILED||l.type===Tu.SUCCEEDED)&&n(l,p)}),()=>i.all.clear()),[i,e.length]),null}s(vu,"WidgetEvents");import{globalCss as Fh}from"@rango-dev/ui";var xu=s(()=>Fh({"@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 ji,darkTheme as Gh,lightTheme as Hh}from"@rango-dev/ui";import{useEffect as Eu,useState as Qh}from"react";import{theme as zh,darkColors as qh}from"@rango-dev/ui";var bu=s(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),Oh=s(t=>{let e="",o;for(o=Math.abs(t);o>52;o=o/52|0)e=bu(o%52)+e;return bu(o%52)+e},"toAlphabeticName"),Uh=s((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),Qi=s(t=>Oh(Uh(5381,JSON.stringify(t))>>>0),"toHash");function Vi(t){let e=zh.colors,o=hi({...e,...qh},!0,t?.dark),n=hi(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-${Qi(p)}`,tokens:p}}if(r){let p={colors:o};l={id:`${nr}-dark-${Qi(p)}`,tokens:p}}return{light:a,dark:l}}s(Vi,"customizedThemeTokens");function Au(t){let{colors:e,fontFamily:o=ts,borderRadius:n=Ri,secondaryBorderRadius:r=es,mode:i="auto"}=t,[a,l]=Qh("light"),p=D.use.theme(),u=D.use.setTheme(),{dark:m,light:c}=Vi(e),S=ji({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),g=[S.className,Hh.className],y=[S.className,Gh.className];if(c){let d=ji(c.id,c.tokens);g.push(d.className)}if(m){let d=ji(m.id,m.tokens);y.push(d.className)}return Eu(()=>{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)}},[]),Eu(()=>{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(Au,"useTheme");import{styled as Vh}from"@rango-dev/ui";var Iu=Vh("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(){xu();let{fetch:t,config:e}=T(),{activeTheme:o}=Au(e?.theme||{}),{activeLanguage:n,changeLanguage:r}=Wn(),[i,a]=Nu(""),[l,p]=Nu(),u=Kh(Fo);return Xh(()=>{e?.apiKey&&Zi({API_KEY:e?.apiKey})},[e]),Wu(()=>{t().catch(),D.persist.rehydrate(),Ie.persist.rehydrate(),u.onConnectWallet(a)},[]),Wu(()=>{r(e?.language)},[e?.language]),wo.createElement(jh,{language:n},wo.createElement(Iu,{id:"swap-container",className:o()},wo.createElement(vu,null),wo.createElement(fl,{lastConnectedWallet:i,disconnectedWallet:l,clearDisconnectedWallet:()=>{p(void 0)}},wo.createElement(Su,null))))}s(Jn,"Main");import Xi from"react";import{checkWaitingForNetworkChange as Yh,makeQueueDefinition as Jh}from"@rango-dev/queue-manager-rango-preset";import{Provider as Zh}from"@rango-dev/queue-manager-react";import{useWallets as Rh}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as ey}from"@rango-dev/wallets-shared";import{isEvmBlockchain as ty}from"rango-types";import oy,{useMemo as ny}from"react";function ry(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:i,getWalletInfo:a}=Rh(),l=ny(()=>Jh({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(ty),x=s(f=>{let{supportedChains:k}=a(f);return No(k)},"getSupportedChainNames"),d=e(),w={meta:{blockchains:g,evmBasedChains:y,evmNetworkChainInfo:ey(y),getSupportedChainNames:x},getSigners:o,wallets:m,providers:d,switchNetwork:c,canSwitchNetworkTo:i,connect:r,state:n,isMobileWallet:S};return oy.createElement(Zh,{queuesDefs:[l],context:w,onPersistedDataLoaded:f=>{Yh(f)},isPaused:!1},t.children)}s(ry,"QueueManager");var Lu=ry;import{useManager as iy}from"@rango-dev/queue-manager-react";import sy,{createContext as ay,useContext as ly,useMemo as py}from"react";var Bu=ay(void 0);function Ki(t){let{manager:e}=iy(),o=Ut(e),n=py(()=>({swaps:o}),[e,o]);return sy.createElement(Bu.Provider,{value:n},t.children)}s(Ki,"WidgetInfo");function Mu(){let t=ly(Bu);if(!t)throw new Error("useWidget can only be used within the WidgetProvider component");return t}s(Mu,"useWidget");function Zn(t){let{onUpdateState:e,config:o}=t;return Xi.createElement(Oo,{config:o,onUpdateState:e},Xi.createElement(Lu,{apiKey:o.apiKey},Xi.createElement(Ki,null,t.children)))}s(Zn,"WidgetProvider");function $u(t){return t.config?.externalWallets?Yi.createElement(Jn,null):Yi.createElement(Zn,{config:t.config??ir},Yi.createElement(Jn,null))}s($u,"Widget");export{Y$ as MainEvents,J$ as RouteEventType,Z$ as StepEventType,R$ as StepExecutionBlockedEventStatus,eP as StepExecutionEventStatus,$u as Widget,Zn as WidgetProvider,Oo as WidgetWallets,Vi as customizedThemeTokens,Ll as useWallets,Mu as useWidget,tP as useWidgetEvents};
+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};
 //# sourceMappingURL=index.js.map