npm - @rango-dev/widget-embedded - Versions diffs - 0.17.1-next.12 → 0.17.1-next.14 - Mend

@rango-dev/widget-embedded 0.17.1-next.12 → 0.17.1-next.14

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 (4) hide show

package/dist/index.js +1 -1
package/dist/index.js.map +3 -3
package/package.json +2 -2
package/src/components/Quote/Quote.styles.ts +1 -1

package/dist/index.js CHANGED Viewed

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