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

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 (38) hide show
  1. package/dist/QueueManager.d.ts.map +1 -1
  2. package/dist/constants/index.d.ts +1 -0
  3. package/dist/constants/index.d.ts.map +1 -1
  4. package/dist/containers/App/App.d.ts.map +1 -1
  5. package/dist/containers/WidgetProvider/WidgetProvider.d.ts.map +1 -1
  6. package/dist/hooks/useConfirmSwap/useConfirmSwap.d.ts.map +1 -1
  7. package/dist/hooks/usePrepareBlockchainList/usePrepareBlockchainList.constants.d.ts +1 -1
  8. package/dist/hooks/usePrepareBlockchainList/usePrepareBlockchainList.d.ts +2 -2
  9. package/dist/hooks/usePrepareBlockchainList/usePrepareBlockchainList.d.ts.map +1 -1
  10. package/dist/hooks/usePrepareBlockchainList/usePrepareBlockchainList.helpers.d.ts +3 -5
  11. package/dist/hooks/usePrepareBlockchainList/usePrepareBlockchainList.helpers.d.ts.map +1 -1
  12. package/dist/hooks/usePrepareBlockchainList/usePrepareBlockchainList.mock.d.ts +1 -0
  13. package/dist/hooks/usePrepareBlockchainList/usePrepareBlockchainList.mock.d.ts.map +1 -1
  14. package/dist/hooks/usePrepareBlockchainList/usePrepareBlockchainList.types.d.ts +5 -1
  15. package/dist/hooks/usePrepareBlockchainList/usePrepareBlockchainList.types.d.ts.map +1 -1
  16. package/dist/hooks/useSwapInput.d.ts.map +1 -1
  17. package/dist/index.js +1 -1
  18. package/dist/index.js.map +3 -3
  19. package/dist/types/config.d.ts +14 -0
  20. package/dist/types/config.d.ts.map +1 -1
  21. package/dist/utils/configs.d.ts +1 -0
  22. package/dist/utils/configs.d.ts.map +1 -1
  23. package/package.json +1 -1
  24. package/src/QueueManager.tsx +1 -0
  25. package/src/constants/index.ts +1 -0
  26. package/src/containers/App/App.tsx +1 -9
  27. package/src/containers/WidgetProvider/WidgetProvider.tsx +10 -1
  28. package/src/hooks/useConfirmSwap/useConfirmSwap.ts +4 -2
  29. package/src/hooks/usePrepareBlockchainList/usePrepareBlockchainList.constants.ts +1 -1
  30. package/src/hooks/usePrepareBlockchainList/usePrepareBlockchainList.helpers.ts +37 -7
  31. package/src/hooks/usePrepareBlockchainList/usePrepareBlockchainList.mock.ts +60 -0
  32. package/src/hooks/usePrepareBlockchainList/usePrepareBlockchainList.test.ts +78 -3
  33. package/src/hooks/usePrepareBlockchainList/usePrepareBlockchainList.ts +13 -4
  34. package/src/hooks/usePrepareBlockchainList/usePrepareBlockchainList.types.ts +6 -1
  35. package/src/hooks/useSwapInput.ts +5 -1
  36. package/src/services/httpService.ts +1 -1
  37. package/src/types/config.ts +15 -0
  38. package/src/utils/configs.ts +2 -1
package/dist/index.js CHANGED
@@ -1,2 +1,2 @@
1
- var Pu=Object.defineProperty;var s=(t,e)=>Pu(t,"name",{value:e,configurable:!0});import{MainEvents as Y$,RouteEventType as J$,StepEventType as Z$,StepExecutionBlockedEventStatus as R$,StepExecutionEventStatus as eP,useEvents as tP}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Ll}from"@rango-dev/wallets-react";import{Events as lr,Provider as pc}from"@rango-dev/wallets-react";import{isEvmBlockchain as uc}from"rango-sdk";import Do,{createContext as cc,useEffect as mc,useRef as dc}from"react";import{useEffect as Yu}from"react";import{create as ju}from"zustand";import{subscribeWithSelector as Ku}from"zustand/middleware";import{RangoClient as _u}from"rango-sdk";var Ji="c6381a79-2817-4602-83bf-6a641a409e32";var or={API_KEY:Ji};function bo(t){return or[t]}s(bo,"getConfig");function Zi(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),or=e,or}s(Zi,"initConfig");var Ri=20,es=25,ts="Roboto",nr="theme-widget";var Eo,At=s(()=>Eo||(Eo=new _u(bo("API_KEY")),Eo),"httpService");import{WalletState as He}from"@rango-dev/ui";import{readAccountAddress as Ou}from"@rango-dev/wallets-react";import{detectInstallLink as Uu,getCosmosExperimentalChainInfo as zu,isEvmAddress as qu,KEPLR_COMPATIBLE_WALLETS as Wy,Networks as rs}from"@rango-dev/wallets-shared";import rr from"bignumber.js";import{isCosmosBlockchain as Gu}from"rango-types";import Du from"bignumber.js";var be=new Du(0);import{WalletTypes as Fu}from"@rango-dev/wallets-shared";var os=[Fu.LEAP];import{BigNumber as ns}from"bignumber.js";var Ao=s(t=>{let e=(t%60).toString().padStart(2,"0");return`${parseInt((t/60).toString()).toString().padStart(2,"0")}:${e}`},"secondsToString"),W=s((t,e=null,o=null)=>{if(t==null||t==="")return"";let n=new ns(t),r=1,i=1e3;for(let a=0;a<60;a++)if(new ns(n.toFixed(a,r)).eq(n)){i=a;break}if(n.gte(1e4))return n.toFormat(0,r);if(n.gte(1e3)||n.gte(100))return n.toFormat(Math.min(i,Math.min(o||100,Math.max(e||0,1))),r);if(n.gte(1))return n.toFormat(Math.min(i,Math.min(o||100,Math.max(e||0,2))),r);if(n.gte(.01))return n.toFormat(Math.min(i,Math.min(o||100,Math.max(e||0,4))),r);for(let a=e||4;a<17;a++)if(n.gte(Math.pow(10,-a)))return n.toFormat(Math.min(i,Math.min(o||100,Math.max(e||0,a))),r);return n.isEqualTo(0)?"0":n.toFormat(Math.min(i,Math.min(o||100,Math.max(e||0,8))),r)},"numberToString");var Io=s(t=>t?.reduce((e,o)=>e+(o.estimatedTimeInSeconds??0),0)||0,"totalArrivalTime");var Ge=s((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),Vt=s(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function Wo(t,e=4){let o=parseFloat(t);if(isNaN(o))return t;let n=Math.pow(10,e);return(Math.round(o*n)/n).toString()}s(Wo,"limitDecimalPlaces");function Hu(t){switch(!0){case t.connected:return He.CONNECTED;case t.connecting:return He.CONNECTING;case!t.installed:return He.NOT_INSTALLED;default:return He.DISCONNECTED}}s(Hu,"mapStatusToWalletState");function is(t,e,o,n){return o.filter(r=>!os.includes(r)).filter(r=>{let{supportedChains:i,isContractWallet:a}=e(r),{installed:l,network:p}=t(r);return a&&(!l||!!n&&p!==n)?!1:n?!!i.find(m=>m.name===n):!0}).map(r=>{let{name:i,img:a,installLink:l}=e(r),p=Hu(t(r));return{title:i,image:a,link:Uu(l),state:p,type:r}})}s(is,"mapWalletTypesToWalletInfo");function No(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}s(No,"walletAndSupportedChainsNames");function ss(t,e,o,n,r){let i=[];function a(p,u){if(!!!i.find(c=>c.chain===p)){let c={address:u,chain:p,walletType:t};i.push(c)}}s(a,"addAccount");let l=n||[];return e.forEach(p=>{let{address:u,network:m}=Ou(p),c=l.length>0,S=l.includes(m),g=m===rs.Unknown;if(c&&!S&&!g)return;let x=m===rs.Unknown&&qu(u);if(g&&!x)return;o.includes(m)||x?r?a(m,u.toLowerCase()):l.filter(f=>o.includes(f)).forEach(f=>{a(f,u.toLowerCase())}):a(m,u)}),i}s(ss,"prepareAccountsForWalletStore");function as(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain;e.includes(n)||e.push(n),e.includes(r)||e.push(r),o.internalSwaps&&Array.isArray(o.internalSwaps)&&o.internalSwaps.forEach(i=>{let a=i.from.blockchain,l=i.to.blockchain;e.includes(a)||e.push(a),e.includes(l)||e.push(l)})}),e}s(as,"getRequiredChains");function It(t,e,o,n){if(t.length===0)return null;let r=t.filter(i=>i.chain===e);return r.length===0?null:r.map(i=>i.balances?.find(a=>n!==null&&a.address===n||n===null&&a.address===n&&a.symbol===o)||null).filter(i=>i!==null).sort((i,a)=>parseFloat(a?.amount||"0")-parseFloat(i?.amount||"1")).find(()=>!0)||null}s(It,"getBalanceFromWallet");function Lo(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}s(Lo,"isAccountAndWalletMatched");function ls(t,e){let{blockChain:o,balances:n=[]}=t;return n?.map(r=>({chain:o,symbol:r.asset.symbol,ticker:r.asset.symbol,address:r.asset.address||null,rawAmount:r.amount.amount,decimal:r.amount.decimals,amount:new rr(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:Bo(o,r.asset.symbol,r.asset.address,e)||null}))||[]}s(ls,"makeBalanceFor");function ps(t){return{...t,loading:!1,error:!0}}s(ps,"resetConnectedWalletState");var Bo=s((t,e,o,n)=>n?.find(i=>i.blockchain===t&&i.symbol?.toUpperCase()===e?.toUpperCase()&&i.address===o)?.usdPrice||null,"getUsdPrice"),Mo=s((t,e)=>{let o=zu(Object.entries(t).map(([,n])=>n).filter(Gu));return o&&o[e]?.experimental},"isExperimentalChain");function Qu(t,e){return t.map(({balance:o,...n})=>{let r=W(new rr(It(e,n.blockchain,n.symbol,n.address)?.amount||be)),i="";return n.usdPrice&&(i=W(new rr(It(e,n.blockchain,n.symbol,n.address)?.amount||be).multipliedBy(n.usdPrice))),{...n,...r!=="0"&&{balance:{amount:r,usdValue:i}}}})}s(Qu,"getTokensWithBalance");function us(t,e){let o=e.length>0?Qu(t,e):t;return o.sort((n,r)=>n.balance?.usdValue&&r.balance?.usdValue?parseFloat(r.balance.usdValue)-parseFloat(n.balance.usdValue):!n.balance?.usdValue&&r.balance?.usdValue?1:n.balance?.usdValue&&!r.balance?.usdValue?-1:!n.balance?.usdValue&&!r.balance?.usdValue?parseFloat(r.balance?.amount||"0")-parseFloat(n.balance?.amount||"0"):0),o}s(us,"getTokensBalanceFromWalletAndSort");function Ae(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}s(Ae,"tokensAreEqual");function cs(t){return t.sort((e,o)=>+(o.state===He.CONNECTED)-+(e.state===He.CONNECTED)||+(o.state===He.DISCONNECTED||o.state===He.CONNECTING)-+(e.state===He.DISCONNECTED||e.state===He.CONNECTING))}s(cs,"sortWalletsBasedOnConnectionState");function $o(t,e=8,o=3){if(t.length<2*e+o)return t;let n=t.slice(0,e),r=t.slice(-e);return`${n}${".".repeat(o)}${r}`}s($o,"getConciseAddress");function ms({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}s(ms,"getAddress");var Vu=s(t=>{let e=t;e.use={};for(let o of Object.keys(e.getState()))e.use[o]=()=>e(n=>n[o]);return e},"createSelectors"),Qe=Vu;var V=Qe(ju()(Ku((t,e)=>({connectedWallets:[],customDestination:"",loading:!1,connectWallet:(o,n)=>{let r=e().getWalletsDetails;t(i=>({loading:!0,connectedWallets:i.connectedWallets.filter(a=>a.walletType!==o[0].walletType).concat(o.map(a=>{let l=!i.connectedWallets.find(p=>p.chain===a.chain&&p.selected);return{balances:[],address:a.address,chain:a.chain,explorerUrl:null,walletType:a.walletType,selected:l,loading:!0,error:!1}}))})),r(o,n)},disconnectWallet:o=>{t(n=>{let r=n.connectedWallets.filter(i=>i.selected&&i.walletType!==o).map(i=>i.chain);return{connectedWallets:n.connectedWallets.filter(i=>i.walletType!==o).map(i=>r.includes(i.chain)?i:(r.push(i.chain),{...i,selected:!0}))}})},selectWallets:o=>t(n=>({connectedWallets:n.connectedWallets.map(r=>{let i=!!o.find(l=>l.chain===r.chain&&l.walletType!==r.walletType&&r.selected),a=!!o.find(l=>l.chain===r.chain&&l.walletType===r.walletType&&!r.selected);return i?{...r,selected:!1}:a?{...r,selected:!0}:r})})),clearConnectedWallet:()=>t(()=>({connectedWallets:[],selectedWallets:[]})),getWalletsDetails:async(o,n,r=!0)=>{let i=e().getWalletsDetails;t(a=>({loading:!0,connectedWallets:a.connectedWallets.map(l=>o.find(p=>Lo(p,l))?{...l,loading:!0}:l)}));try{let a=o.map(({address:u,chain:m})=>({address:u,blockchain:m})),p=(await At().getWalletsDetails(a)).wallets;if(p)t(u=>({loading:!1,connectedWallets:u.connectedWallets.map(m=>{let c=o.find(g=>Lo(g,m)),S=p.find(g=>g.address===m.address&&g.blockChain===m.chain);return S?.failed&&c&&r&&i([c],n,!1),c&&S?{...m,explorerUrl:S.explorerUrl,balances:ls(S,n)}:m})}));else throw new Error("Wallet not found")}catch{t(l=>({loading:!1,connectedWallets:l.connectedWallets.map(p=>o.find(u=>Lo(u,p))?ps(p):p)}))}}}))));import{allProviders as Xu}from"@rango-dev/provider-all";function Po(t,e){let o=Xu({walletconnect2:{WC_PROJECT_ID:e?.walletConnectProjectId||""}});if(t){let n=[];return t.forEach(r=>{if(typeof r=="string"){let i=o.find(a=>a.config.type===r);i?n.push(i):console.warn(`Couldn't find ${r} provider. Please make sure you are passing the correct name.`)}else n.push(r)}),n}return o}s(Po,"matchAndGenerateProviders");function ds(t,e){return Po(t,e).map(r=>r.config.type)}s(ds,"configWalletsToWalletName");function fs(t,e){let o=V.use.clearConnectedWallet(),n=Po(void 0,e);return Yu(()=>{o(),n=Po(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}s(fs,"useWalletProviders");import ic,{createContext as sc,useContext as ac,useRef as lc}from"react";import{create as rc}from"zustand";var ir={apiKey:"",multiWallets:!0,enableNewLiquiditySources:!0},gs=s((t,e,o)=>({config:{...ir,...t},updateConfig:n=>{let r=o().config;e({config:{...r,...n}})}}),"createConfigSlice");function Wt(t){return Array.from(new Set(t))}s(Wt,"removeDuplicateFrom");function sr(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}s(sr,"areEqual");function hs(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}s(hs,"debounce");function gt(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}s(gt,"containsText");var Z=s(()=>document.getElementById("swap-box"),"getContainer");import{create as tc}from"zustand";import{persist as oc,subscribeWithSelector as nc}from"zustand/middleware";import{English as Ju,French as Zu,Japanese as Ru,Spanish as ec}from"@rango-dev/ui";var ys=[{title:"English",label:"English",local:"en",SVGFlag:Ju},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:ec},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:Zu},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:Ru}],jt="en";var Ss=[.5,1,3],Cs=1,ks=5,Ts=100,ws=0;var D=Qe(tc()(oc(nc((t,e)=>({preferredBlockchains:[],slippage:Cs,customSlippage:null,infiniteApprove:!1,affiliateRef:null,affiliatePercent:null,affiliateWallets:null,disabledLiquiditySources:[],theme:"auto",language:jt,addPreferredBlockchain:o=>{let n=e().preferredBlockchains;if(n.find((a,l)=>{let p=a===o,u=l<=10-1;return p&&u}))return;let i=n.filter(a=>!(a===o));t(()=>({preferredBlockchains:[o,...i]}))},setSlippage:o=>t(()=>({slippage:o})),setCustomSlippage:o=>t(()=>({customSlippage:o})),setAffiliateRef:o=>t(()=>({affiliateRef:o})),setAffiliatePercent:o=>t(()=>({affiliatePercent:o})),setAffiliateWallets:o=>t(()=>({affiliateWallets:o})),toggleAllLiquiditySources:(o,n)=>t(r=>{if(n)return{disabledLiquiditySources:[]};let i=Wt(o.map(a=>a.swapperGroup));return i.length===r.disabledLiquiditySources.length?{disabledLiquiditySources:[]}:{disabledLiquiditySources:i}}),toggleInfiniteApprove:()=>t(o=>({infiniteApprove:!o.infiniteApprove})),toggleLiquiditySource:o=>t(n=>n.disabledLiquiditySources.includes(o)?{disabledLiquiditySources:n.disabledLiquiditySources.filter(r=>r!=o)}:{disabledLiquiditySources:n.disabledLiquiditySources.concat(o)}),setTheme:o=>t(()=>({theme:o})),setLanguage:o=>t(()=>({language:o}))})),{name:"user-settings",skipHydration:!0})));function _o(t){let e=D.use.disabledLiquiditySources(),o=t.map(i=>i.swapperGroup),n=[];return Wt(t.map(i=>i.swapperGroup)).map(i=>{let a=t.find(l=>l.swapperGroup===i);if(a){let l=!0;o&&(l=o.some(p=>p===a.swapperGroup)),l&&a.types.map(p=>{n.push({id:a.swapperGroup,groupTitle:a.swapperGroup,logo:a.logo,type:p,selected:!e.includes(a.swapperGroup)})})}}),n}s(_o,"getUniqueSwappersGroups");function vs(t,e){return t.swapperGroup<e.swapperGroup?-1:t.swapperGroup>e.swapperGroup?1:0}s(vs,"sortLiquiditySourcesByGroupTitle");var xs=s((t,e)=>({_blockchains:[],_tokens:[],_popularTokens:[],_swappers:[],fetchStatus:"loading",blockchains:o=>{let n=e()._blockchains;if(!o||!o?.type)return n;let r=e().config,i=(o.type==="source"?r.from?.blockchains:r.to?.blockchains)??[];return n.filter(l=>!(i.length>0&&!i.includes(l.name)))},tokens:o=>{let n=e()._tokens;if(!o||!o?.type)return n;let r=e().config,i=(o.type==="source"?r.from?.tokens:r.to?.tokens)??[],a=e().blockchains({type:o.type});return n.filter(p=>i.length>0&&!i.some(u=>Ae(u,p))||o.blockchain&&p.blockchain!==o.blockchain||!a.some(u=>u.name===p.blockchain)?!1:o.searchFor?!!(gt(p.symbol,o.searchFor)||gt(p.address||"",o.searchFor)||gt(p.name||"",o.searchFor)):!0).sort((p,u)=>e().isTokenPinned(p)?-1:e().isTokenPinned(u)||p.isSecondaryCoin?1:u.isSecondaryCoin||!p.address&&u.address?-1:p.address&&!u.address?1:0)},isTokenPinned:o=>!!e().config.pinnedTokens?.some(r=>Ae(r,o)),swappers:()=>{let{config:{enableNewLiquiditySources:o,liquiditySources:n}}=e();return e()._swappers.filter(a=>{let l=n?.includes(a.swapperGroup);return o||!n||n.length===0?!l:l}).sort(vs)},fetch:async()=>{try{let o=await At().getAllMetadata();t({fetchStatus:"success"});let n=[],r=[],i=o.popularTokens,a=o.swappers,l=new Set;o.tokens.forEach(p=>{l.add(p.blockchain),r.push(p)}),o.blockchains.forEach(p=>{p.enabled&&l.has(p.name)&&n.push(p)}),n.sort((p,u)=>p.sort-u.sort),t({_blockchains:n,_tokens:r,_popularTokens:i,_swappers:a})}catch(o){throw t({fetchStatus:"failed"}),o}}}),"createDataSlice");function bs(t){return rc()((...e)=>({...xs(...e),...gs(t,...e)}))}s(bs,"createAppStore");var Es=sc(null);function T(){let t=ac(Es);if(!t)throw new Error("Missing AppStoreContext.Provider in the tree");return t()}s(T,"useAppStore");function As(t){let e=lc();return e.current||(e.current=bs(t.config)),ic.createElement(Es.Provider,{value:e.current},t.children)}s(As,"AppStoreProvider");var Fo=cc({onConnectWallet:()=>{}});function fc(t){let e=T().updateConfig,o=T().blockchains(),n=T().tokens(),r={walletConnectProjectId:t.config?.walletConnectProjectId},{providers:i}=fs(t.config.wallets,r),a=V.use.disconnectWallet(),l=V.use.connectWallet(),p=dc();mc(()=>{t.config&&e(t.config)},[t.config]);let u=o.filter(uc).map(c=>c.name),m=s((c,S,g,y,x)=>{if(S===lr.ACCOUNTS)if(g){let d=No(x.supportedBlockchains),w=ss(c,g,u,d,x.isContractWallet);l(w,n)}else a(c);if(S===lr.ACCOUNTS&&y.connected){let d=`${c}-${y.network}-${g}`;y.connected&&(p.current?p.current(d):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(S===lr.NETWORK&&y.network){let d=`${c}-${y.network}`;p.current?p.current(d):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(c,S,g,y,x)},"onUpdateState");return Do.createElement(Fo.Provider,{value:{onConnectWallet:c=>{p.current=c}}},Do.createElement(pc,{allBlockChains:o,providers:i,onUpdateState:m,autoConnect:!0},t.children))}s(fc,"Main");function Oo(t){let{config:e,...o}=t;return Do.createElement(As,{config:e},Do.createElement(fc,{...o,config:e}))}s(Oo,"WidgetWallets");import Yi from"react";import{I18nManager as jh}from"@rango-dev/ui";import wo,{useContext as Kh,useEffect as Wu,useMemo as Xh,useState as Nu}from"react";import{useQueueManager as hd}from"@rango-dev/queue-manager-rango-preset";import{useWallets as yd}from"@rango-dev/wallets-react";import{isEvmBlockchain as Sd}from"rango-types";import Ct,{useEffect as Cd,useRef as kd}from"react";import{MemoryRouter as Td,useInRouterContext as wd}from"react-router";import{useLocation as vd,useNavigate as xd}from"react-router-dom";var M={home:"/",fromSwap:"from-swap",toSwap:"to-swap",blockchains:"blockchains",settings:"settings",liquiditySources:"liquidity-sources",themes:"themes",bridges:"bridges",exchanges:"exchanges",languages:"languages",swaps:"swaps",wallets:"wallets",confirmSwap:"confirm-swap",swapDetails:":requestId"};import{useWallets as hc}from"@rango-dev/wallets-react";import{useEffect as yc,useRef as Sc}from"react";function Is(){let{connect:t,state:e}=hc(),o=Sc({}),{fetchStatus:n}=T(),r=new URLSearchParams(location.search).get("autoConnect")||"",i=e(r);yc(()=>{n==="success"&&r&&i.installed&&!i.connecting&&!i.connected&&!o.current[r]&&(o.current[r]=!0,t(r))},[i,n])}s(Is,"useForceAutoConnect");import{i18n as zr}from"@lingui/core";import{Button as rd,styled as qr,SwapInput as cl,WarningIcon as id}from"@rango-dev/ui";import Fe,{useEffect as sd,useRef as ad,useState as ld}from"react";import{useNavigate as pd}from"react-router-dom";import{ChevronLeftIcon as Tc}from"@rango-dev/ui";import Ls from"react";import{darkTheme as Cc,IconButton as kc,styled as Uo}from"@rango-dev/ui";var Le=Uo(kc,{width:"$24",position:"relative",padding:"0",overflow:"unset"}),Ws=Uo("div",{position:"absolute",background:"$secondary500",[`.${Cc} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),Nt=Uo("div",{display:"flex",justifyContent:"flex-end",width:"$40"}),Ns=Uo("div",{position:"absolute",backgroundColor:"$secondary500",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0"});function pr(t){return Ls.createElement(Le,{variant:"ghost",size:"small",onClick:t.onClick},Ls.createElement(Tc,{color:"black",size:16}))}s(pr,"BackButton");import{i18n as wc}from"@lingui/core";import{Button as vc,Typography as xc}from"@rango-dev/ui";import ur from"react";function cr(t){return ur.createElement(Nt,null,ur.createElement(vc,{variant:"ghost",onClick:t.onClick,size:"xsmall"},ur.createElement(xc,{variant:"label",size:"medium",color:"error500"},wc.t("Cancel"))))}s(cr,"CancelButton");import{i18n as bc}from"@lingui/core";import{Tooltip as Ec,WalletIcon as Ac}from"@rango-dev/ui";import zo from"react";function mr(t){return zo.createElement(Ec,{container:t.container,side:"top",content:bc.t("Connect Wallet")},zo.createElement(Le,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&zo.createElement(Ws,null),zo.createElement(Ac,{size:18,color:"black"})))}s(mr,"WalletButton");import{i18n as Ho}from"@lingui/core";import{NotificationsIcon as Gc,Popover as Hc,RefreshIcon as Qc,SettingsIcon as Vc,Tooltip as Qo,TransactionIcon as jc}from"@rango-dev/ui";import pe from"react";import{i18n as _c}from"@lingui/core";import{ChainToken as Ds,ChevronRightIcon as Dc,ListItemButton as Fc,Typography as Oc}from"@rango-dev/ui";import Be from"react";import{useNavigate as Uc}from"react-router-dom";import{create as Ic}from"zustand";import{persist as Wc,subscribeWithSelector as Nc}from"zustand/middleware";var Ie=Qe(Ic()(Wc(Nc((t,e)=>({notifications:[],setNotification:(o,n)=>{let r=n.steps[0],i=n.steps[n.steps.length-1],a={event:o,creationTime:Date.now(),read:!1,requestId:n.requestId,route:{from:{blockchain:r.fromBlockchain,tokenAddress:r.fromSymbolAddress,tokenSymbol:r.fromSymbol},to:{blockchain:i.toBlockchain,tokenSymbol:i.toSymbol,tokenAddress:i.toSymbolAddress}}},l=e().notifications.filter(p=>p.requestId!==n.requestId);t(()=>({notifications:[...l,a]}))},setAsRead:o=>{t(n=>({notifications:n.notifications.map(r=>r.requestId===o?{...r,read:!0}:r)}))},getUnreadNotifications:()=>e().notifications.filter(o=>!o.read)})),{name:"notification",skipHydration:!0})));import{create as Lc}from"zustand";var Se=Qe(Lc()(t=>({connectWalletsButtonDisabled:!1,selectedSwapRequestId:null,currentPage:"",setSelectedSwap:e=>t({selectedSwapRequestId:e}),setCurrentPage:e=>t({currentPage:e})})));import{styled as qo}from"@rango-dev/ui";var Bs=qo("div",{padding:"$10",width:"350px",minHeight:"150px"}),Ms=qo("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),$s=qo("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),Ps=qo("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as Bc}from"@lingui/core";import{Divider as Mc,NoNotificationIcon as $c,Typography as Pc}from"@rango-dev/ui";import Go from"react";function _s(){return Go.createElement(Ps,null,Go.createElement($c,{color:"secondary",size:26}),Go.createElement(Mc,{size:12}),Go.createElement(Pc,{variant:"body",size:"medium",color:"neutral700"},Bc.t("You have no notification")))}s(_s,"NotificationNotFound");var zc=4;function dr(){let t=Uc(),e=Se.use.setSelectedSwap(),{getUnreadNotifications:o}=Ie(),n=o(),r=T().blockchains(),i=T().tokens(),a=n.sort((p,u)=>u.creationTime-p.creationTime).slice(0,zc),l=s(p=>{e(p),t(`${p}`)},"handleOnClick");return Be.createElement(Bs,null,a.length?Be.createElement(Ms,null,a.map(p=>{let u=i.find(g=>g.address===p.route.from.tokenAddress&&g.blockchain===p.route.from.blockchain&&g.symbol===p.route.from.tokenSymbol),m=r.find(g=>g.name===p.route.from.blockchain),c=i.find(g=>g.address===p.route.to.tokenAddress&&g.blockchain===p.route.to.blockchain&&g.symbol===p.route.to.tokenSymbol),S=r.find(g=>g.name===p.route.to.blockchain);return Be.createElement(Fc,{key:p.requestId,onClick:()=>l(p.requestId),title:Be.createElement(Oc,{variant:"body",size:"small",color:"$neutral700"},_c.t(p.event.message)),id:p.requestId,start:Be.createElement($s,null,Be.createElement("div",{className:"from-chain-token"},Be.createElement(Ds,{tokenImage:u?u.image:"",chainImage:m?m.logo:"",size:"small"})),Be.createElement("div",{className:"to-chain-token"},Be.createElement(Ds,{tokenImage:c?c.image:"",chainImage:S?S.logo:"",size:"small"}))),end:Be.createElement(Dc,{size:12,color:"gray"})})})):Be.createElement(_s,null))}s(dr,"NotificationContent");import{Typography as qc}from"@rango-dev/ui";import Fs from"react";function Os(){let{getUnreadNotifications:t}=Ie(),e=t().length;return e?Fs.createElement(Ns,null,Fs.createElement(qc,{variant:"body",size:"xsmall",color:"$background"},e)):null}s(Os,"UnreadNotificationsBadge");function fr(t){let{layoutRef:e,onClickRefresh:o,onClickHistory:n,onClickSettings:r,onClickNotifications:i}=t;return pe.createElement(pe.Fragment,null,pe.createElement(Qo,{container:Z(),side:"top",content:Ho.t("Refresh")},pe.createElement(Le,{variant:"ghost",size:"small",onClick:o,disabled:!o},pe.createElement(Qc,{size:16,color:o?"black":"gray"}))),pe.createElement(Qo,{container:Z(),side:"top",content:Ho.t("Notifications")},pe.createElement(Hc,{align:"center",collisionBoundary:e,collisionPadding:{right:20,left:20},container:Z(),content:pe.createElement(dr,null)},pe.createElement(Le,{size:"small",variant:"ghost",onClick:i},pe.createElement(Gc,{size:18,color:"black"}),pe.createElement(Os,null)))),pe.createElement(Qo,{container:Z(),side:"top",content:Ho.t("Settings")},pe.createElement(Le,{size:"small",variant:"ghost",onClick:r},pe.createElement(Vc,{size:18,color:"black"}))),pe.createElement(Qo,{container:Z(),side:"top",content:Ho.t("Transactions History")},pe.createElement(Le,{size:"small",variant:"ghost",onClick:n},pe.createElement(jc,{size:18,color:"black"}))))}s(fr,"HomeButtons");import{BottomLogo as Yc,Divider as Jc,Header as Zc}from"@rango-dev/ui";import ce from"react";import{useNavigate as Kc}from"react-router-dom";function ot(){let t=Kc();return()=>t(-1)}s(ot,"useNavigateBack");import{darkTheme as Xc,styled as gr}from"@rango-dev/ui";var Us=gr("div",{position:"relative",display:"flex",flexDirection:"column",borderRadius:"$primary",overflow:"hidden !important",boxShadow:"15px 15px 15px 0px rgba(0, 0, 0, 0.05)",width:"95vw",maxWidth:"390px",maxHeight:"700px",$$color:"$colors$neutral100",[`.${Xc} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",variants:{fixedHeight:{true:{height:"95vh"},false:{height:"auto"}}}}),zs=gr("div",{borderTopLeftRadius:"20px",borderTopRightRadius:"20px",display:"flex",flexDirection:"column",flex:1,padding:"$20 $20 $10 $20",backgroundColor:"$background",position:"relative",overflowY:"auto",overflowX:"hidden",variants:{noPadding:{true:{padding:"0"}}}}),qs=gr("div",{backgroundColor:"$background","& .footer__content":{padding:"$0 $20"},"& .footer__logo":{padding:"$0 $20 $10 $20"}});function Rc(t,e){let{children:o,header:n,footer:r,noPadding:i,hasLogo:a=!0,fixedHeight:l=!0}=t,p=V.use.connectedWallets(),u=Se.use.connectWalletsButtonDisabled(),m=ot(),c=s(()=>{!u&&n.onWallet&&n.onWallet()},"onConnectWallet"),S=typeof n.hasBackButton>"u"||n.hasBackButton;return ce.createElement(Us,{ref:e,fixedHeight:l,id:"swap-box"},ce.createElement(Zc,{prefix:ce.createElement(ce.Fragment,null,S&&ce.createElement(pr,{onClick:m})),title:n.title,suffix:ce.createElement(ce.Fragment,null,n.suffix,n.onWallet&&ce.createElement(mr,{container:Z(),onClick:c,isConnected:!!p?.length}),n.onCancel&&ce.createElement(cr,{onClick:n.onCancel}))}),ce.createElement(zs,{noPadding:i},o),(a||r)&&ce.createElement(qs,null,ce.createElement("div",{className:"footer__content"},r),a&&ce.createElement("div",{className:"footer__logo"},ce.createElement(Jc,{size:12}),ce.createElement(Yc,null))))}s(Rc,"LayoutComponent");var j=ce.forwardRef(Rc);j.displayName="Layout";import{ReverseIcon as lm,styled as la}from"@rango-dev/ui";import Er from"react";import st from"bignumber.js";import{create as sm}from"zustand";import{subscribeWithSelector as am}from"zustand/middleware";import{getLastSuccessfulStep as im}from"@rango-dev/queue-manager-rango-preset";import dT from"bignumber.js";var nt=(r=>(r[r.HIGH_VALUE_LOSS=0]="HIGH_VALUE_LOSS",r[r.UNKNOWN_PRICE=1]="UNKNOWN_PRICE",r[r.INSUFFICIENT_SLIPPAGE=2]="INSUFFICIENT_SLIPPAGE",r[r.HIGH_SLIPPAGE=3]="HIGH_SLIPPAGE",r))(nt||{});function Gs(t,e){return e.find(o=>o.name===t)?.displayName}s(Gs,"getBlockchainDisplayNameFor");function hr(t,e){return e.find(o=>o.name===t)?.shortName}s(hr,"getBlockchainShortNameFor");function yr(t,e){return e.find(o=>Ae(o,t))??null}s(yr,"findToken");function Sr(t,e){return e.find(o=>o.name===t)??null}s(Sr,"findBlockchain");import{i18n as Me}from"@lingui/core";import{PendingSwapNetworkStatus as Xo}from"@rango-dev/queue-manager-rango-preset";import Ce from"bignumber.js";function Vo(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,i=e[e.length-1];n!=i&&e.push(n),i=e[e.length-1],r!=i&&e.push(r)}),e}s(Vo,"getRequiredWallets");function jo(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}s(jo,"isValidAddress");import{i18n as me}from"@lingui/core";var G=s(()=>({genericServerError:me.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:me.t("Please reset your liquidity sources."),description:me.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources")},noResultError:{title:me.t("No Routes Found"),description:me.t("Reasons why Rango couldn't find a route: low liquidity on token, very low input amount or no routes available for the selected input/output token combination.")},bridgeLimitErrors:{increaseAmount:me.t("Bridge Limit Error: Please increase your amount"),decreaseAmount:me.t("Bridge Limit Error: Please decrease your amount")},highValueLossError:{impactTitle:me.t("High Price Impact"),title:me.t("Price impact is too high!"),description:me.t("The price impact is significantly higher than the allowed amount. If you are sure, continue, otherwise, change the swap."),confirmMessage:me.t("Confirm High price impact")},quoteUpdatedWithHighValueLoss:{title:me.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:me.t("USD Price Unknown"),title:me.t("USD Price Unknown, Cannot calculate Price Impact."),description:me.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:me.t("Confirm USD Price Unknown")}}),"errorMessages");function Hs(t){switch(t.type){case 0:return t.diagnosisMessage??G().noResultError.title;case 1:return G().genericServerError;default:return""}}s(Hs,"getQuoteErrorMessage");import{i18n as Ko}from"@lingui/core";var ht=s(()=>({connectWallet:Ko.t("Connect Wallet"),swap:Ko.t("Swap"),swapAnyway:Ko.t("Swap anyway"),ethWarning:Ko.t("The route goes through Ethereum. Continue?")}),"swapButtonTitles");function Qs(t,e){return!t||!e||t.lte(be)||e.lte(be)?0:e.div(t).minus(1).multipliedBy(100).toNumber()}s(Qs,"getOutputRatio");function Zo(t,e){return(parseInt(e.toFixed(2)||"0")<=-10&&t?.gte(new Ce(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new Ce(1e3)))??!1}s(Zo,"hasHighValueLoss");function Kt(t){return(t?.result?.swaps||[]).filter(e=>{let o=e.fromAmountMinValue?new Ce(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Ce(e.fromAmountMaxValue):null;return e.fromAmountRestrictionType==="EXCLUSIVE"?o?.gte(e.fromAmount)||n?.lte(e.fromAmount):o?.gt(e.fromAmount)||n?.lt(e.fromAmount)}).length>0}s(Kt,"hasLimitError");function Cr(t){let e=(t.result?.swaps||[]).filter(l=>{let p=l.fromAmountMinValue?new Ce(l.fromAmountMinValue):null,u=l.fromAmountMaxValue?new Ce(l.fromAmountMaxValue):null;return l.fromAmountRestrictionType==="EXCLUSIVE"?p?.gte(l.fromAmount)||u?.lte(l.fromAmount):p?.gt(l.fromAmount)||u?.lt(l.fromAmount)})[0],o=e.fromAmountMinValue?new Ce(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Ce(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",i="",a="";return!r&&o&&o.gt(e.fromAmount)?(i=Me.t({id:"Required: >= {min} {symbol}",values:{min:W(o,6,6),symbol:e.from.symbol}}),a=G().bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(i=Me.t({id:"Required: > {min} {symbol}",values:{min:W(o,6,6),symbol:e.from.symbol}}),a=G().bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(i=Me.t({id:"Required: <= {max} {symbol}",values:{max:W(n,6,6),symbol:e.from.symbol}}),a=G().bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(i=Me.t({id:"Required: < {max} {symbol}",values:{max:W(n,6,6),symbol:e.from.symbol}}),a=G().bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:i,recommendation:a}}s(Cr,"getLimitErrorMessage");function Vs(t,e,o,n,r,i,a,l,p){return t!=="success"?{title:ht().connectWallet,state:"waitForConnecting",disabled:!0}:e.length==0?{title:ht().connectWallet,state:"waitForConnecting",disabled:!1}:o||!n||!n.result||r||!p||p==="0"?{title:ht().swap,disabled:!0,state:"swap"}:i||a?{title:ht().swapAnyway,disabled:!1,hasWarning:!0,state:"needToConfirm"}:l?{title:ht().ethWarning,disabled:!1,hasWarning:!0,state:"warning"}:{title:ht().swap,disabled:!1,state:"swap"}}s(Vs,"getSwapButtonState");function kr(t,e,o){return!((!o||o.lte(be))&&t?.result&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t.result)}s(kr,"canComputePriceImpact");function tm(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,i=e[e.length-1];n!=i&&e.push(n),i=e[e.length-1],r!=i&&e.push(r)}),e}s(tm,"requiredWallets");var om=s((t,e,o,n)=>n?.find(i=>i.blockchain===t&&i.symbol?.toUpperCase()===e?.toUpperCase()&&i.address===o)?.usdPrice||null,"getUsdPrice");function nm(t,e){let o=be;for(let n=0;n<t.fee.length;n++){let r=t.fee[n];if(r.expenseType==="DECREASE_FROM_OUTPUT")continue;let i=om(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new Ce(r.amount).multipliedBy(i||0))}return o}s(nm,"getUsdFeeOfStep");function Ro(t,e){return t.reduce((o,n)=>o.plus(nm(n,e)),be)}s(Ro,"getTotalFeeInUsd");function Tr(t){let e=new Map;return t.result?.swaps.forEach((o,n)=>{o.recommendedSlippage?.error&&e.set(n,o.recommendedSlippage.slippage)}),e.size>0?e:null}s(Tr,"checkSlippageErrors");function js(t,e){let o=new Map;return t.result?.swaps.forEach((n,r)=>{n.recommendedSlippage?.slippage&&parseInt(n.recommendedSlippage?.slippage)>e&&o.set(r,n.recommendedSlippage.slippage)}),o.size>0?o:null}s(js,"checkSlippageWarnings");function en(t){return t.result?.swaps.map(o=>o.recommendedSlippage)?.map(o=>o?.slippage||"0")?.filter(o=>parseFloat(o)>0)?.sort((o,n)=>parseFloat(n)-parseFloat(o))?.find(()=>!0)||null}s(en,"getMinRequiredSlippage");function Ks(t,e){return e?parseFloat(t)>=parseFloat(e):!0}s(Ks,"hasProperSlippage");function tn(t){let{fromToken:e,toToken:o,inputAmount:n,wallets:r,selectedWallets:i,disabledLiquiditySources:a,liquiditySources:l,excludeLiquiditySources:p,slippage:u,affiliateRef:m,affiliatePercent:c,affiliateWallets:S,initialQuote:g,destination:y}=t,x=i?.reduce((h,C)=>(h[C.chain]=C.address,h),{}),d=[];r?.forEach(h=>{let C=d.find(b=>b.blockchain===h.chain);C?C.addresses.push(h.address):d.push({blockchain:h.chain,addresses:[h.address]})});let w=!!g,f=Wt((g?.result?.swaps||[]).reduce((h,C)=>(h.push(C.from.blockchain,C.to.blockchain),C.internalSwaps&&Array.isArray(C.internalSwaps)&&C.internalSwaps.map(b=>{h.push(b.from.blockchain,b.to.blockchain)}),h),[]));return{amount:n.toString(),affiliateRef:m??void 0,affiliatePercent:c??void 0,affiliateWallets:S??void 0,checkPrerequisites:w,from:{address:e.address,blockchain:e.blockchain,symbol:e.symbol},to:{address:o.address,blockchain:o.blockchain,symbol:o.symbol},connectedWallets:d,selectedWallets:x??{},slippage:u.toString(),...y&&{destination:y},...p&&{swapperGroups:a.concat(l??[]),swappersGroupsExclude:!0},...!p&&{swapperGroups:l?.filter(h=>!a.includes(h)),swappersGroupsExclude:!1},...w&&{blockchains:f}}}s(tn,"createQuoteRequestBody");function Xs(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}s(Xs,"getWalletsForNewSwap");function Lt(t){return t.result?.outputAmount||null}s(Lt,"getQuoteOutputAmount");function it(t,e){return new Ce(e).div(new Ce(t)).minus(1).multipliedBy(100).toNumber()}s(it,"getPercentageChange");function Ys(t,e){let o=Lt(t),n=Lt(e);if(!o||!n)return!1;let r=it(o,n);return r?r<=-1:!0}s(Ys,"isOutputAmountChangedALot");function Js(t,e){let o=t.validationStatus,n=as(t);return e.sort((i,a)=>n.indexOf(i.chain)-n.indexOf(a.chain)).flatMap(i=>na(i,o)||[]).filter(i=>!i.ok).map(i=>{let a=i.asset.symbol,l=W(new Ce(i.currentAmount.amount).shiftedBy(-i.currentAmount.decimals),8,8),p=W(new Ce(i.requiredAmount.amount).shiftedBy(-i.requiredAmount.decimals),8,8),u="";return i.reason==="FEE"&&(u=Me.t(" for network fee")),i.reason==="INPUT_ASSET"&&(u=Me.t(" for swap")),i.reason==="FEE_AND_INPUT_ASSET"&&(u=Me.t(" for input and network fee")),Me.t({id:"Needs \u2248 {requiredAmount} {symbol}{reason}, but you have {currentAmount} {symbol} in your {blockchain} wallet.",values:{requiredAmount:p,symbol:a,reason:u,currentAmount:l,blockchain:i.asset.blockchain}})})}s(Js,"getBalanceWarnings");function Zs(t,e){return(t?new Ce(t):be).multipliedBy(e||0)}s(Zs,"calcOutputUsdValue");function Xt(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==Xo.NetworkChanged}s(Xt,"isNetworkStatusInWarningState");function Rs(t,e){let o="bellow button or",n=t.extraMessage,r=t.extraMessageDetail;if(t.networkStatusExtraMessageDetail?.includes(o)&&(t.networkStatusExtraMessageDetail=t.networkStatusExtraMessageDetail.replace(o,"")),Xt(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case Xo.WaitingForConnectingWallet:n=n||Me.t("Waiting for connecting wallet");break;case Xo.WaitingForQueue:n=n||Me.t("Waiting for other running tasks to be finished");break;case Xo.WaitingForNetworkChange:n=n||Me.t("Waiting for changing wallet network");break;default:n=n||"";break}r=r||"",n=n||"";let a=n?.indexOf("code")!==-1&&n?.indexOf("reason")!==-1;return{shortMessage:n,detailedMessage:{content:r,long:a}}}s(Rs,"getSwapMessages");function ea(t){let e=null;if(t.status==="failed"){let o=t.steps.slice().reverse().filter(n=>n.status==="success")[0];o&&(e={blockchain:o.toBlockchain,symbol:o.toSymbol,outputAmount:o.outputAmount,address:o.toSymbolAddress})}return e}s(ea,"getLastConvertedTokenInFailedSwap");function ta(t){return t.status==="failed"&&!!t.finishTime&&new Date().getTime()-parseInt(t.finishTime)<4*3600*1e3}s(ta,"shouldRetrySwap");function oa(t,e,o,n,r,i){return t||!e&&!tm(n).every(a=>r.map(l=>l.chain).includes(a))||!!e&&!o||!!e&&!!o&&i&&!jo(i,o)}s(oa,"confirmSwapDisabled");function wr(t,e,o){return o&&t.find(n=>{let r=e?.split("--");return r?.length===1?n.symbol===r[0]&&n.address===null&&n.blockchain===o.name:n.symbol===r?.[0]&&n.address===r?.[1]&&n.blockchain===o.name})||null}s(wr,"searchParamsToToken");function ia(t){return t?.result?.swaps[t?.result?.swaps.length-1].to.usdPrice}s(ia,"getQuoteToTokenUsdPrice");function vr(t,e){let o=t.result?.swaps||[],n=e.result?.swaps||[];return o.length!==n.length}s(vr,"isNumberOfSwapsChanged");function xr(t,e){let o=t.result?.swaps.map(r=>r.swapperId)||[],n=e.result?.swaps.map(r=>r.swapperId)||[];return!sr(o,n)}s(xr,"isQuoteSwappersUpdated");function br(t,e){let o=t.result?.swaps.map(r=>r.to.symbol)||[],n=e.result?.swaps.map(r=>r.to.symbol)||[];return!sr(o,n)}s(br,"isQuoteInternalCoinsUpdated");function sa(t,e){return vr(t,e)||xr(t,e)||br(t,e)}s(sa,"isQuoteChanged");function na(t,e){if(e===null)return null;let o=e?.find(n=>n.blockchain===t.chain)?.wallets.find(n=>n.address?.toLowerCase()===t.address.toLowerCase());return o?o.requiredAssets:null}s(na,"getRequiredBalanceOfWallet");function Je(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}s(Je,"getPriceImpactLevel");function aa(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],i=im(t.steps),a={blockchain:r.toBlockchain,symbol:r.toSymbol,address:r.toSymbolAddress},l=Sr(i?i.toBlockchain:n.fromBlockchain,e),p=Sr(r.toBlockchain,e),u=yr(i?{blockchain:l?.name??"",symbol:i.toSymbol,address:i.toSymbolAddress}:{blockchain:l?.name??"",symbol:n.fromSymbol,address:n.fromSymbolAddress},o),m=yr(a,o),c=i?i.outputAmount??"":t.inputAmount;return{fromBlockchain:l,fromToken:u,toBlockchain:p,toToken:m,inputAmount:c}}s(aa,"createRetryQuote");function on(t,e){let{fromToken:o,toToken:n,tokens:r,userSlippage:i}=e,a=yt(o,t.requestAmount),l=yt(n,t.result?.outputAmount??"");if(t.result&&a&&l){let m=it(a.toString(),l.toString());if(Zo(a,m)){let S=Ro(t.result.swaps,r),g=Je(m);return{type:0,inputUsdValue:a,outputUsdValue:l,priceImpact:m,totalFee:S,warningLevel:g}}}else if(t.result&&(!a||!l))return{type:1};let p=en(t),u=i>ks;if(Ks(e.userSlippage.toString(),p)){if(u&&parseFloat(p??"0")<i)return{type:3,slippage:i.toString()}}else return{type:2,recommendedSlippages:js(t,i),minRequiredSlippage:p};return null}s(on,"generateQuoteWarnings");function Bt(t,e){let o=typeof e=="string"?parseFloat(e)<=0:!e?.gt(0);return!t||!e||o?null:it(t.toString(),e.toString())}s(Bt,"getPriceImpact");var yt=s((t,e)=>t?.usdPrice?new st(e||be).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),P=Qe(sm()(am(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new st(0),outputUsdValue:new st(0),toBlockchain:null,toToken:null,quote:null,quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:"",quoteWarningsConfirmed:!1,setQuote:e=>t(o=>{let n=null,r=be;return Vt(o.inputAmount)?(e&&(n=e.result?.outputAmount?new st(e.result?.outputAmount):null,r=Zs(e.result?.outputAmount,ia(e)||o.toToken?.usdPrice)),{quote:e,...!!e&&{outputAmount:n,outputUsdValue:r}}):{}}),resetQuote:()=>t(()=>({quote:null,outputAmount:null,outputUsdValue:new st(0)})),setFromBlockchain:e=>{t(o=>o.fromBlockchain?.name===e?.name?{}:{fromBlockchain:e,...o.fromToken&&{quote:null,fromToken:null,outputAmount:null,outputUsdValue:null}})},setFromToken:e=>t(o=>({fromToken:e.token,...e.token&&{fromBlockchain:e.meta.blockchains.find(n=>n.name===e.token.blockchain)??null},...!!o.inputAmount&&{inputUsdValue:yt(e.token,o.inputAmount)}})),setToBlockchain:e=>{t(o=>o.toBlockchain?.name===e?.name?{}:{toBlockchain:e,...o.toToken&&{quote:null,toToken:null,outputAmount:null,outputUsdValue:null}})},setToToken:e=>t(()=>({toToken:e.token,...e.token&&{toBlockchain:e.meta.blockchains.find(o=>o.name===e.token.blockchain)??null}})),setInputAmount:e=>{t(o=>({inputAmount:e,...!e&&{outputAmount:new st(0),outputUsdValue:new st(0),quote:null},...!!o.fromToken&&{inputUsdValue:yt(o.fromToken,e)}}))},retry:(e,o)=>{let{tokens:n,blockchains:r}=o,{fromBlockchain:i,fromToken:a,toBlockchain:l,toToken:p,inputAmount:u}=aa(e,r,n);t({fromBlockchain:i,fromToken:a,inputAmount:u,outputAmount:null,inputUsdValue:yt(a??null,u),outputUsdValue:new st(0),toBlockchain:l,toToken:p,quote:null})},switchFromAndTo:()=>t(e=>({fromBlockchain:e.toBlockchain,fromToken:e.toToken,toBlockchain:e.fromBlockchain,toToken:e.fromToken,inputAmount:e.outputAmount?.toString()||"",inputUsdValue:yt(e.toToken,e.outputAmount?.toString()||"")})),resetFromBlockchain:()=>t(()=>({fromToken:null,fromBlockchain:null,outputAmount:null,outputUsdValue:null,quote:null})),resetToBlockchain:()=>t(()=>({toToken:null,toBlockchain:null,outputAmount:null,outputUsdValue:null,quote:null})),setQuoteWalletConfirmed:e=>t({quoteWalletsConfirmed:e}),setSelectedWallets:e=>t({selectedWallets:e}),setCustomDestination:e=>t({customDestination:e}),resetQuoteWallets:()=>t({quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:""}),setQuoteWarningsConfirmed:e=>t({quoteWarningsConfirmed:e})}))));var pm=la("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),um=la("div",{borderRadius:"$md",border:"3px solid $background",background:"$neutral100",width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center",color:"$foreground","&:hover":{color:"$secondary500"}});function pa(){let t=P.use.switchFromAndTo();return Er.createElement(pm,null,Er.createElement(um,{onClick:()=>{t()}},Er.createElement(lm,{size:12})))}s(pa,"SwitchFromAndToButton");import{Divider as Zm}from"@rango-dev/ui";import ut from"react";import{i18n as Nr}from"@lingui/core";import{Alert as ym,ChevronDownIcon as Sm,ChevronRightIcon as _a,Divider as Lr,Image as Da,InfoIcon as Cm,QuoteCost as km,StepDetails as Tm,TokenAmount as wm,Tooltip as Fa,Typography as Pt}from"@rango-dev/ui";import N,{useLayoutEffect as vm,useRef as xm,useState as bm}from"react";import{styled as Ar}from"@rango-dev/ui";var Ir=Ar("div",{width:"100%",paddingTop:"$2"}),ua=Ar("div",{paddingBottom:"$15"}),ca=Ar("div",{width:"100%",display:"flex"});import*as rn from"@radix-ui/react-collapsible";import{darkTheme as Ve,Image as Aa,styled as at}from"@rango-dev/ui";import*as $t from"@radix-ui/react-collapsible";import{Button as cm,darkTheme as Mt,IconButton as mm,keyframes as ma,styled as ge,TextField as dm}from"@rango-dev/ui";var Yt=300,fm=ma({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),gm=ma({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),da=ge("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),fa=ge("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}),ga=ge("button",{borderRadius:"$xm",padding:"$10",border:"0",display:"flex",justifyContent:"center",$$color:"$colors$neutral100",[`.${Mt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",alignItems:"center",cursor:"pointer",width:110,position:"relative","&:hover":{$$color:"$colors$info100",[`.${Mt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$color:"$colors$info100",[`.${Mt} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color",outline:0},variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary",outlineStyle:"solid"}}}}),ha=ge($t.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit"}),ya=ge("div",{padding:"$20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),Sa=ge(mm,{position:"absolute",left:"$20"}),Ca=ge("div",{paddingTop:"$20","& .wallets-list":{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}}),ka=ge($t.Root,{backgroundColor:"$neutral200",borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),Ta=ge(cm,{width:"100%",borderRadius:"$sm !important",padding:"$15 !important",justifyContent:"space-between",alignItems:"center",$$color:"$colors$neutral100",[`.${Mt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color","&:hover":{$$color:"$colors$info100",[`.${Mt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$background:"$colors$info100",[`.${Mt} &`]:{$$background:"$colors$info700"},backgroundColor:"$$background",outline:0}}),wa=ge("div",{padding:"$10 $0","& .button__content":{display:"flex",justifyContent:"center",alignItems:"center"},"& .alarms":{paddingTop:"5px"}}),va=ge("div",{transition:`all ${Yt}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),xa=ge("div",{display:"flex"}),ba=ge(dm,{padding:"$0 $15 $15 $15"}),nn=ge($t.Content,{overflow:"hidden",variants:{open:{true:{animation:`${fm} ${Yt}ms ease-out`},false:{animation:`${gm} ${Yt}ms ease-out`}}}}),Ea=ge("div",{overflow:"visible",width:"100%"});var Wr=300,Ia=at(rn.Root,{display:"flex",flexDirection:"column",alignItems:"start",overflowX:"auto",overflowY:"hidden",width:"100%",borderRadius:"$xm",variants:{recommended:{true:{$$color:"$colors$info300",[`.${Ve} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"},false:{$$color:"$colors$neutral400",[`.${Ve} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}}},"& .steps-details":{padding:"$10 $15"}}),Wa=at("div",{borderRadius:"$xm",display:"flex",flexDirection:"column",alignItems:"start",justifyContent:"space-between",color:"$foreground",cursor:"pointer",boxSizing:"border-box",position:"relative",variants:{recommended:{true:{$$color:"$colors$info100",[`.${Ve} &`]:{$$color:"$colors$secondary600"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}},false:{$$color:"$colors$neutral200",[`.${Ve} &`]:{$$color:"$colors$neutral500"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}}},basic:{true:{borderTopRightRadius:"0",borderTopLeftRadius:"0"}},listItem:{true:{},false:{}}},compoundVariants:[{listItem:!0,recommended:!0,css:{"&:hover":{$$color:"$colors$secondary200",[`.${Ve} &`]:{$$color:"$colors$secondary700"},backgroundColor:"$$color"}}},{listItem:!0,recommended:!1,css:{"&:hover":{$$color:"$colors$neutral300",[`.${Ve} &`]:{$$color:"$colors$neutral400"},backgroundColor:"$$color"}}}],"& .summary":{width:"100%",padding:"$15 $15 $10 $15"},"& .basic-info":{paddingTop:"$10",display:"flex",alignItems:"center",".usd-value":{$$color:"$colors$neutral600",[`.${Ve} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}}),Na=at(rn.Trigger,{display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",height:"$36",padding:"$10 $15",boxSizing:"border-box",cursor:"pointer",border:"none",outline:"none",backgroundColor:"transparent",variants:{error:{true:{[`& ${Aa}`]:{border:"1px $warning500 solid",borderRadius:"100%"}},false:{[`& ${Aa}`]:{border:"1px transparent solid",borderRadius:"100%"}}},recommended:{true:{$$color:"$colors$info300",[`.${Ve} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"},false:{$$color:"$colors$neutral400",[`.${Ve} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}}},"& div:nth-child(1)":{display:"flex"}}),La=at(nn,{width:"100%"}),sn=at("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$2",transition:`all ${Wr}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),HT=at("div",{height:"$12",marginLeft:"$10",marginRight:"$10",borderLeft:"1px solid $foreground"}),Ba=at("div",{display:"flex",justifyContent:"center",margin:"0 $15",borderTop:"1px solid",$$color:"$colors$neutral300",[`.${Ve} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color"}),Ma=at("div",{width:"$16",height:"$16",justifyContent:"center",alignItems:"center",display:"flex"});import{TokenAmount as Pa}from"@rango-dev/ui";import an from"react";import{styled as hm}from"@rango-dev/ui";var $a=hm("div",{position:"relative",display:"flex",flexDirection:"column",width:"100%","& .separator":{height:"14px",marginLeft:"14px",position:"absolute",borderLeft:"1px solid $foreground",top:"42%"}});function Jt(t){let{from:e,to:o,percentageChange:n,warningLevel:r}=t;return an.createElement($a,null,an.createElement(Pa,{direction:"horizontal",label:"Swap input",type:"input",price:{value:e.price.value,usdValue:e.price.usdValue},token:{displayName:e.token.displayName,image:e.token.image},chain:{image:e.chain.image}}),an.createElement("div",{className:"separator"}),an.createElement(Pa,{direction:"horizontal",label:"Estimated output",type:"output",price:{value:o.price.value,usdValue:o.price.usdValue},token:{displayName:o.token.displayName,image:o.token.image},chain:{image:o.chain.image},percentageChange:n,warningLevel:r}))}s(Jt,"QuoteSummary");function Br(t){let{quote:e,input:o,output:n,error:r,warning:i,type:a,recommended:l=!0}=t,p=T().tokens(),[u,m]=bm(t.expanded),c=xm(null),S=W(Ro(e.result?.swaps??[],p),2,2),g=Ao(Io(e.result?.swaps)),y=Bt(o.usdValue,n.usdValue??null),x=W(String(y),2,2),d=Je(y??0),f=s(h=>h.map((C,b)=>{let B,A=r?.type===3&&r.swap.swapperId===C.swapperId||i?.type===2&&i.recommendedSlippages?.has(b),_=i?.type===2&&i.recommendedSlippages?.has(b);return A?B="error":_&&(B="warning"),{swapper:{displayName:C.swapperId,image:C.swapperLogo},from:{token:{displayName:C.from.symbol,image:C.from.logo},chain:{displayName:C.from.blockchain,image:C.from.blockchainLogo},price:{value:b===0?W(o.value,6,6):C.fromAmount}},to:{token:{displayName:C.to.symbol,image:C.to.logo},chain:{displayName:C.to.blockchain,image:C.to.blockchainLogo},price:{value:C.toAmount}},state:B,alerts:A||_?N.createElement(ua,null,N.createElement(ym,{type:A?"error":"warning",title:r?.type===3?r?.recommendation:Nr.t("Slippage Error:"),footer:N.createElement(ca,null,r?.type===3&&N.createElement(N.Fragment,null,N.createElement(Pt,{size:"xsmall",variant:"body",color:"neutral900"},r.fromAmountRangeError),N.createElement(Lr,{direction:"horizontal",size:8}),N.createElement(Pt,{size:"xsmall",variant:"body",color:"neutral900"},"|"),N.createElement(Lr,{direction:"horizontal",size:8}),N.createElement(Pt,{size:"xsmall",variant:"body",color:"neutral900"},Nr.t({id:"Yours: {amount} {symbol}",values:{amount:W(C.fromAmount,6,6),symbol:C?.from.symbol}}))),(r?.type===4||i?.type===2)&&N.createElement(Pt,{size:"xsmall",variant:"body",color:"neutral900"},Nr.t({id:"min required Slippage: {minRequiredSlippage}",values:{...r?.type===4&&{minRequiredSlippage:r.recommendedSlippages?.get(b)},...i?.type===2&&{minRequiredSlippage:i.recommendedSlippages?.get(b)}}})))})):void 0}}),"getQuoteSteps")(e.result?.swaps??[]),k=f.length;return vm(()=>{u&&c.current&&setTimeout(()=>{c?.current?.scrollIntoView({behavior:"smooth"})},Wr)},[u]),N.createElement(N.Fragment,null,N.createElement(Wa,{recommended:l,listItem:a==="list-item",basic:a==="basic"},N.createElement("div",{className:"summary"},N.createElement(km,{fee:S,time:g,steps:k}),a==="basic"&&N.createElement("div",{className:"basic-info"},N.createElement(Ma,null,N.createElement(Cm,{size:12,color:"gray"})),N.createElement(Pt,{size:"small",variant:"body",style:{letterSpacing:.4}},`${o.value} ${f[0].from.token.displayName} = ${n.value} ${f[f.length-1].to.token.displayName}`),N.createElement(Pt,{color:"$neutral600",ml:2,size:"xsmall",variant:"body"},`($${n.usdValue})`)),a==="list-item"&&N.createElement(wm,{type:"output",direction:"vertical",price:{value:n.value,usdValue:n.usdValue},token:{displayName:f[k-1].to.token.displayName,image:f[k-1].to.token.image},chain:{image:f[k-1].to.chain.image},percentageChange:x,warningLevel:d}),a==="swap-preview"&&N.createElement(N.Fragment,null,N.createElement(Jt,{from:f[0].from,to:f[k-1].to,percentageChange:x,warningLevel:d}),N.createElement(Lr,{size:4}))),N.createElement(Ia,{recommended:l,open:u,onOpenChange:m},N.createElement(Na,{ref:h=>c.current=h,recommended:l,onClick:m.bind(null,h=>!h)},N.createElement("div",null,f.map((h,C)=>{let b=`item-${C}`;return N.createElement(N.Fragment,{key:b},N.createElement(Fa,{container:t.tooltipContainer,side:"bottom",sideOffset:4,content:h.from.chain.displayName},N.createElement(Da,{src:h.from.chain.image,size:16})),C===k-1&&N.createElement(N.Fragment,null,N.createElement(sn,null,N.createElement(_a,{size:12,color:"black"})),N.createElement(Fa,{container:t.tooltipContainer,side:"bottom",sideOffset:4,content:h.to.chain.displayName},N.createElement(Da,{src:h.to.chain.image,size:16}))),C!==k-1&&N.createElement(sn,null,N.createElement(_a,{size:12,color:"black"})))})),N.createElement(sn,{orientation:u?"up":"down"},N.createElement(Sm,{size:12,color:"black"}))),N.createElement(La,{open:u},N.createElement(Ba,null),N.createElement("div",{className:"steps-details"},f.map((h,C)=>{let b=`item-${C}`;return N.createElement(Tm,{type:"quote-details",key:b,step:h,hasSeparator:C!==f.length-1,state:h.state})}))))))}s(Br,"Quote");import{ChainToken as ln,Divider as $e,NextIcon as Am,Skeleton as he}from"@rango-dev/ui";import E from"react";import{darkTheme as Em,styled as Oa}from"@rango-dev/ui";var Ua=Oa("div",{$$color:"$colors$neutral100",[`.${Em} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",borderBottomLeftRadius:"$xm",borderBottomRightRadius:"$xm",padding:"$15 ","& .cost-and-tag":{display:"flex",justifyContent:"space-between",alignItems:"center",height:"22px"},variants:{rounded:{true:{borderRadius:"$xm"}}},"& .cost":{display:"flex"},"& .basic-summary":{padding:"$15 $0 14px $0"},"& .output":{padding:"$6 $0 $15 $0",display:"flex",flexDirection:"column"},"& .output__token-info":{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$5"},"& .quote-summary":{display:"flex",justifyContent:"space-between",alignItems:"end"},"& .quote-summary__separator":{height:"$28",marginLeft:"13px",borderLeft:"1px solid $neutral700"},"& .token-amount":{display:"flex",justifyContent:"space-between"},"& .token-amount__label":{display:"flex",flexDirection:"column",alignItems:"start"},"& .chains":{paddingTop:"$2"},"& .swap-preview":{padding:"$15 $0 $15 $0"},"& .steps":{paddingLeft:"$8"},"& .step__title":{display:"flex",alignItems:"center"},"& .step__content":{display:"flex",alignItems:"start"},"& .step__tokens":{paddingTop:"$5",paddingBottom:"$10",display:"flex",alignItems:"center"},"& .step__token-info":{display:"flex",alignItems:"center"},"& .step__icon-container":{margin:"$0 $2",padding:"$4",display:"flex",justifyContent:"center",alignItems:"center"}}),za=Oa("div",{borderLeft:"1px dashed black",minHeight:" 64px",margin:"0px 11.5px",alignSelf:"stretch",variants:{hideSeparator:{true:{minHeight:"unset",height:"0"}}}});function Mr(t){let{separator:e=!0}=t;return E.createElement(E.Fragment,null,E.createElement("div",{className:"step__title"},E.createElement(he,{height:22,width:22,variant:"circular"}),E.createElement($e,{direction:"horizontal",size:8}),E.createElement(he,{height:15,width:148,variant:"rounded"})),E.createElement("div",{className:"step__content"},E.createElement(za,{hideSeparator:!e}),E.createElement("div",{className:"step__tokens"},E.createElement("div",{className:"step__token-info"},E.createElement(ln,{size:"small",loading:!0,chainImage:"",tokenImage:""}),E.createElement($e,{direction:"horizontal",size:8}),E.createElement(he,{height:12,width:76,variant:"rounded"})),E.createElement("div",{className:"step__icon-container"},E.createElement(Am,{color:"gray",size:16})),E.createElement("div",{className:"step__token-info"},E.createElement(ln,{size:"small",loading:!0,chainImage:"",tokenImage:""}),E.createElement($e,{direction:"horizontal",size:8}),E.createElement(he,{height:12,width:76,variant:"rounded"})))))}s(Mr,"StepSkeleton");function $r(t){let{type:e,expanded:o,tag:n=!1}=t,r=E.createElement("div",{className:"quote-summary"},E.createElement("div",{className:"token-amount"},E.createElement(ln,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),E.createElement($e,{size:8,direction:"horizontal"}),E.createElement("div",{className:"token-amount__label"},E.createElement(he,{height:10,width:60,variant:"rounded"}),E.createElement($e,{size:4}),E.createElement(he,{height:15,width:148,variant:"rounded"}))),E.createElement(he,{height:12,width:64,variant:"rounded"}));return E.createElement(Ua,null,E.createElement("div",{className:"cost-and-tag"},E.createElement("div",{className:"cost"},E.createElement(he,{width:60,height:10,variant:"rounded"}),E.createElement($e,{size:4,direction:"horizontal"}),E.createElement(he,{width:60,height:10,variant:"rounded"}),E.createElement($e,{size:4,direction:"horizontal"}),E.createElement(he,{width:60,height:10,variant:"rounded"})),n&&E.createElement(he,{height:22,width:100,variant:"rounded"})),e==="basic"&&E.createElement("div",{className:"basic-summary"},E.createElement(he,{height:15,width:148,variant:"rounded"})),e==="list-item"&&E.createElement("div",{className:"output"},E.createElement("div",{className:"output__token-info"},E.createElement(ln,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),E.createElement($e,{direction:"horizontal",size:4}),E.createElement(he,{height:15,width:150,variant:"rounded"})),E.createElement($e,{size:4}),E.createElement(he,{height:10,width:184,variant:"rounded"})),e==="swap-preview"&&E.createElement(E.Fragment,null,E.createElement($e,{size:4}),E.createElement("div",{className:"swap-preview"},r,E.createElement("div",{className:"quote-summary__separator"}),r)),E.createElement("div",{className:"chains"},E.createElement(he,{height:15,width:321,variant:"rounded"})),o&&E.createElement("div",{className:"steps"},E.createElement($e,{size:20}),E.createElement(Mr,null),E.createElement(Mr,null),E.createElement(Mr,{separator:!1})))}s($r,"QuoteSkeleton");import{i18n as jm}from"@lingui/core";import{Alert as Km,Button as Xm,InfoIcon as Ym}from"@rango-dev/ui";import Ee from"react";import{useNavigate as Jm}from"react-router-dom";import{Alert as Im,Button as Wm,Divider as ja,NoRouteIcon as Nm,RefreshIcon as Lm,Typography as Ka}from"@rango-dev/ui";import Pe from"react";import{i18n as qa}from"@lingui/core";function Ga(t,e,o,n){return t?.type===1?{alert:{type:"warning",text:G().genericServerError,action:{onClick:n,title:qa.t("Retry")}},description:""}:t?.type===0&&t.diagnosisMessage?{alert:{type:"error",text:t.diagnosisMessage,action:null},description:""}:e.length?{alert:{type:"warning",text:G().liquiditySourcesError.title,action:{onClick:()=>o(!0),title:qa.t("Reset")}},description:G().liquiditySourcesError.description}:{alert:null,description:G().noResultError.description}}s(Ga,"makeInfo");import{styled as Pr}from"@rango-dev/ui";var Ha=Pr("div",{minHeight:"162px",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"}),Qa=Pr("div",{width:"100%"}),Va=Pr("div",{padding:"$6 $0"});function _r(t){let{fetch:e,error:o}=t,n=D.use.disabledLiquiditySources(),r=D.use.toggleAllLiquiditySources(),i=T().swappers(),a=Ga(o,n,()=>r(i,!0),e);return Pe.createElement(Ha,null,Pe.createElement(Nm,{size:24,color:"gray"}),Pe.createElement(ja,{size:4}),Pe.createElement(Ka,{variant:"title",size:"small"},G().noResultError.title),!!a.description&&Pe.createElement(Ka,{variant:"body",size:"small",align:"center",color:"neutral700"},a.description),Pe.createElement(ja,{size:4}),!!a.alert&&Pe.createElement(Qa,null,Pe.createElement(Im,{type:a.alert.type,title:a.alert.text,action:a.alert.action&&Pe.createElement(Wm,{size:"xsmall",type:a.alert.type,prefix:Pe.createElement(Va,null,Pe.createElement(Lm,{size:8})),onClick:a.alert.action.onClick},a.alert.action.title),variant:"alarm"})))}s(_r,"NoResult");import{i18n as eo}from"@lingui/core";import{Button as Mm,Divider as el,MessageBox as $m,Modal as Pm,Typography as _m,WarningIcon as Dm}from"@rango-dev/ui";import je from"react";import{Typography as Za}from"@rango-dev/ui";import Fr from"react";import{darkTheme as Bm,styled as pn}from"@rango-dev/ui";var Xa=pn("div",{width:"100%",paddingTop:"$10"}),Dr=pn("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),Ya=pn("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%","._title":{$$color:"$colors$neutral600",[`.${Bm} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Ja=pn("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});function Ra(t){let{title:e,value:o,valueColor:n}=t;return Fr.createElement(Ya,null,Fr.createElement(Za,{size:"medium",variant:"label",className:"_title"},e),Fr.createElement(Za,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}s(Ra,"QuoteErrorsModalItem");function tl(t){let{open:e,onClose:o,onConfirm:n,warning:r}=t,i=r.warningLevel==="high"?"error":"warning",a=[{title:eo.t("Swapping"),value:W(r.inputUsdValue,4,4)},{title:eo.t("Gas cost"),value:W(r.totalFee,2,2)},{title:eo.t("Receiving"),value:W(r.outputUsdValue,4,4)},{title:eo.t("Price impact"),value:W(r.priceImpact,2,2),valueColor:`${i}500`}];return je.createElement(Pm,{open:e,onClose:o,container:Z()},je.createElement($m,{type:i,title:G().highValueLossError.impactTitle,description:G().highValueLossError.description}),je.createElement(Dr,null,je.createElement(el,{size:20}),je.createElement(_m,{size:"small",variant:"title"},eo.t("Details")),je.createElement(Dr,null,a.map((l,p)=>je.createElement(Ra,{key:p,...l})))),je.createElement(el,{size:32}),je.createElement(Mm,{type:"primary",size:"large",prefix:je.createElement(Dm,null),fullWidth:!0,onClick:n},G().highValueLossError.confirmMessage))}s(tl,"HighValueLossWarningModal");import{i18n as ol}from"@lingui/core";function nl(t,e){let o={alertType:"warning",title:"",action:"show-info"};return t?(t.type===0&&(Je(t.priceImpact)==="high"&&(o.alertType="error"),o.title=G().highValueLossError.title),t.type===1&&(o.title=G().unknownPriceError.title),t.type===2&&(o.title=ol.t({id:"minimum required slippage for this route: {minRequiredSlippage}",values:{minRequiredSlippage:t.minRequiredSlippage}})),t.type===3&&(o.title=ol.t("Caution, your slippage is high")),o):e?(o.alertType="error",e.type===3&&(o.title=e.recommendation,o.action=null),e.type===4&&(o.title="",o.action="change-settings"),o):null}s(nl,"makeAlerts");import{i18n as _t}from"@lingui/core";import{Button as rl,Divider as il,MessageBox as Fm,Modal as Om,Typography as Um}from"@rango-dev/ui";import St from"react";import{useNavigate as zm}from"react-router-dom";function sl(t){let{customSlippage:e,slippage:o}=D(),{open:n,onClose:r,onConfirm:i,warning:a}=t,l=zm(),p=e??o;return St.createElement(Om,{anchor:"bottom",open:n,prefix:St.createElement(rl,{size:"small",variant:"ghost",onClick:()=>l("../"+M.settings)},St.createElement(Um,{variant:"label",size:"medium",color:"$neutral900"},_t.t("Change settings"))),container:Z(),onClose:r},St.createElement(Fm,{type:"warning",title:a.type===3?_t.t("High slippage"):_t.t("Low slippage"),description:a.type===3?_t.t({id:" Caution, your slippage is high (={userSlippage}). Your trade may be front run.",values:{userSlippage:p}}):_t.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:a.minRequiredSlippage}})},St.createElement(il,{size:18}),St.createElement(il,{size:32}),St.createElement(rl,{size:"large",type:"primary",variant:"contained",fullWidth:!0,onClick:i},_t.t("Confirm anyway"))))}s(sl,"SlippageWarningModal");import{Button as qm,Divider as Gm,MessageBox as Hm,Modal as Qm,WarningIcon as Vm}from"@rango-dev/ui";import to from"react";function al(t){let{open:e,onClose:o,onConfirm:n}=t;return to.createElement(Qm,{open:e,onClose:o,container:Z()},to.createElement(Hm,{type:"warning",title:G().unknownPriceError.impactTitle,description:G().unknownPriceError.description}),to.createElement(Gm,{size:32}),to.createElement(qm,{type:"primary",size:"large",prefix:to.createElement(Vm,null),fullWidth:!0,onClick:n},G().unknownPriceError.confirmMessage))}s(al,"UnknownPriceWarningModal");function Or(t){let{warning:e,error:o,refetchQuote:n,showWarningModal:r,onOpenWarningModal:i,onCloseWarningModal:a,onConfirmWarningModal:l}=t,p=Jm(),u={open:r,onClose:a,onConfirm:l},m=o?.type===0||o?.type===1,c=nl(e,o?.type===3||o?.type===4?o:null);return Ee.createElement(Ee.Fragment,null,m&&Ee.createElement(_r,{error:o,fetch:n}),!!c&&Ee.createElement(Xa,null,Ee.createElement(Km,{title:c.title,type:c.alertType,variant:"alarm",action:c.action==="show-info"?Ee.createElement(Ja,{onClick:i},Ee.createElement(Ym,{size:12,color:"gray"})):Ee.createElement(Xm,{size:"xsmall",type:"error",onClick:()=>p(M.settings)},jm.t("Change Settings"))})),e&&Ee.createElement(Ee.Fragment,null,e.type===0&&Ee.createElement(tl,{...u,warning:e}),(e.type===3||e.type===2)&&Ee.createElement(sl,{...u,warning:e}),e.type===1&&Ee.createElement(al,{...u,warning:e})))}s(Or,"QuoteWarningsAndErrors");function oo(t){let{quote:e,type:o,loading:n,error:r,warning:i,refetchQuote:a,showWarningModal:l,onOpenWarningModal:p,onCloseWarningModal:u,onConfirmWarningModal:m,expanded:c=!1}=t,{inputAmount:S,inputUsdValue:g,outputUsdValue:y,outputAmount:x}=P(),d=e&&e.result&&!n;return ut.createElement(ut.Fragment,null,n&&ut.createElement(Ir,null,ut.createElement($r,{type:o,expanded:c})),d?ut.createElement(Ir,null,ut.createElement(Br,{quote:e,error:r,warning:i,type:o,expanded:c,recommended:!0,input:{value:W(S,6,6),usdValue:W(g,4,4)},output:{value:W(x,6,6),usdValue:W(y,4,4)}})):null,!i&&!r&&ut.createElement(Zm,{size:16}),(i||r)&&ut.createElement(Or,{warning:i,error:r,loading:n,refetchQuote:a,showWarningModal:l,onOpenWarningModal:p,onCloseWarningModal:u,onConfirmWarningModal:m}))}s(oo,"QuoteInfo");import{useEffect as pl,useRef as od,useState as Ur}from"react";function un(t){if(!t.result)throw new Error(G().noResultError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});if(Kt(t)){let{swap:n,recommendation:r,fromAmountRangeError:i}=Cr(t);throw new Error("bridge limit error",{cause:{type:3,swap:n,recommendation:r,fromAmountRangeError:i}})}let o=Tr(t);if(o){let n=en(t);throw new Error("",{cause:{type:4,recommendedSlippages:o,minRequiredSlippage:n}})}return t}s(un,"throwErrorIfResponseIsNotValid");function ll(t,e,o){let n=sa(t,e),r={quote:null,quoteUpdate:null,balance:null},i=on(e,{fromToken:o.fromToken,toToken:o.toToken,tokens:o.tokens,userSlippage:o.userSlippage});i&&(r.quote=i),n&&(Ys(t,e)?r.quoteUpdate={type:3,newOutputAmount:W(Lt(e)),percentageChange:W(it(Lt(t)??"",Lt(e)??""),null,2)}:vr(t,e)?r.quoteUpdate={type:0}:xr(t,e)?r.quoteUpdate={type:1}:br(t,e)&&(r.quoteUpdate={type:2}));let a=Js(e,o.selectedWallets);return a.length===0||(r.balance={messages:a}),r}s(ll,"generateWarnings");function cn(t){return t?.code==="ERR_CANCELED"?{swap:null,error:{type:2},warnings:null}:t.cause?{swap:null,error:t.cause,warnings:null}:{swap:null,error:{type:1},warnings:null}}s(cn,"handleQuoteErrors");import{useRef as ed,useState as td}from"react";function mn(){let[t,e]=td(!1),o=ed(null),n=s(()=>o.current?.abort(),"cancel");return{fetch:s(async i=>{n(),o.current=new AbortController,e(!0);try{let a=await At().getBestRoute(i,{signal:o.current.signal});return o.current=null,a}catch(a){throw a}finally{e(!1)}},"fetch"),loading:t,cancelFetch:n}}s(mn,"useFetchQuote");var nd=600;function ul(){let{fetch:t,cancelFetch:e}=mn(),{liquiditySources:o,enableNewLiquiditySources:n}=T().config,r=T().tokens(),{fromToken:i,toToken:a,inputAmount:l,inputUsdValue:p,resetQuote:u,setQuote:m}=P(),{slippage:c,customSlippage:S,affiliatePercent:g,affiliateRef:y,affiliateWallets:x,disabledLiquiditySources:d}=D(),[w,f]=Ur(!1),[k,h]=Ur(null),[C,b]=Ur(null),B=od(d),A=S??c,L=!i||!a||Ae(i,a)||!Vt(l),H=s(O=>{f(O),h(null),b(null)},"resetState"),v=s(()=>{if(w||H(!0),!L){u();let O=tn({fromToken:i,toToken:a,inputAmount:l,liquiditySources:o,excludeLiquiditySources:n,disabledLiquiditySources:d,slippage:A,affiliateRef:y,affiliatePercent:g,affiliateWallets:x});t(O).then(U=>{f(!1),m(U),un(U);let ne=on(U,{fromToken:i,toToken:a,userSlippage:A,tokens:r});b(ne)}).catch(U=>{let{error:ne}=cn(U);(ne?.type===0||ne?.type===1)&&u(),ne?.type!==2&&(h(ne),f(!1))})}},"fetch"),z=hs(()=>{L||v()},nd);return pl(()=>{if(!Vt(l)||p?.eq(0)){H(!1),e();return}if(!L)return u(),H(!0),z(),e},[l,L]),pl(()=>{let O=!!B.current.length&&!d.length;return!L&&O&&v(),B.current=d,e},[d.length]),{fetch:v,loading:w,error:k,warning:C}}s(ul,"useSwapInput");var ud=qr("div",{display:"flex",flexDirection:"column",overflowY:"visible"}),cd=qr("div",{position:"relative"}),md=qr("div",{display:"flex",flexDirection:"column",gap:5,alignSelf:"stretch"});function dn(){let t=pd(),{fetch:e,loading:o,error:n,warning:r}=ul(),{fromToken:i,fromBlockchain:a,toToken:l,toBlockchain:p,setInputAmount:u,inputAmount:m,inputUsdValue:c,outputAmount:S,outputUsdValue:g,quote:y,resetQuoteWallets:x,setQuoteWarningsConfirmed:d}=P(),w=T().fetchStatus,f=V.use.connectedWallets(),k=Se.use.setCurrentPage(),[h,C]=ld(!1),b=ad(null),B=!1,A=Qs(c,g),_=Zo(c,A),L=!kr(y,m,c),H=!kr(y,m,g),v=Vs(w,f,o,y,Kt(y),_,L||H,B,m),z=a&&i?W(It(f,a?.name,i?.symbol,i?.address)?.amount||"0",8,8):"0",O=a&&i?W(It(f,a?.name,i?.symbol,i?.address)?.amount||"0",It(f,a?.name,i?.symbol,i?.address)?.decimal):"0";sd(()=>(k(M.home),x(),k.bind(null,"")),[]);let U=!c||!g||!g.gt(0)?null:it(c.toString(),g.toString());return Fe.createElement(j,{ref:b,fixedHeight:!1,hasLogo:!0,footer:Fe.createElement(rd,{type:"primary",size:"large",disabled:v.disabled,prefix:!v.disabled&&v.hasWarning&&Fe.createElement(id,null),fullWidth:!0,onClick:()=>{v.state==="waitForConnecting"?t(M.wallets):r?C(!0):t(M.confirmSwap)}},v.title),header:{onWallet:()=>{t(M.wallets)},hasBackButton:!1,title:zr.t("Swap"),suffix:Fe.createElement(fr,{layoutRef:b.current,onClickRefresh:y||n?e:void 0,onClickHistory:()=>t(M.swaps),onClickSettings:()=>t(M.settings)})}},Fe.createElement(ud,null,Fe.createElement(md,null,Fe.createElement(cd,null,Fe.createElement(cl,{label:zr.t("From"),mode:"From",onInputChange:u,balance:z,chain:{displayName:a?.displayName||"",image:a?.logo||""},token:{displayName:i?.symbol||"",image:i?.image||""},onClickToken:()=>t(M.fromSwap),price:{value:m,usdValue:L?void 0:W(c,4,4),error:L?G().unknownPriceError.impactTitle:void 0},disabled:w==="failed",loading:w==="loading",onSelectMaxBalance:()=>{z!=="0"&&u(O.split(",").join(""))}}),Fe.createElement(pa,null)),Fe.createElement(cl,{sharpBottomStyle:!!y?.result||o,label:zr.t("To"),mode:"To",chain:{displayName:p?.displayName||"",image:p?.logo||""},token:{displayName:l?.symbol||"",image:l?.image||""},percentageChange:W(Bt(c,g),2,2),warningLevel:Je(U??0),price:{value:W(S,6,6),usdValue:H?void 0:W(g,4,4),error:H?G().unknownPriceError.impactTitle:void 0},onClickToken:()=>t(M.toSwap),disabled:w==="failed",loading:w==="loading"})),Fe.createElement(oo,{quote:y,loading:o,error:n,warning:r,type:"basic",refetchQuote:e,showWarningModal:h,onOpenWarningModal:()=>C(!0),onCloseWarningModal:()=>C(!1),onConfirmWarningModal:()=>{C(!1),d(!0),t(M.confirmSwap)}})))}s(dn,"Home");import{useEffect as Gr,useRef as Hr}from"react";import{createSearchParams as dd,useLocation as fd,useSearchParams as gd}from"react-router-dom";import{useEffect as Dt,useMemo as fn,useRef as gn}from"react";function ml(){let{setInputAmount:t,setToToken:e,setToBlockchain:o,setFromBlockchain:n,setFromToken:r,fromToken:i,toToken:a,fromBlockchain:l,toBlockchain:p}=P(),u=T().config,m=T().fetchStatus,c=T().blockchains(),S=T().tokens(),{setAffiliateRef:g,setAffiliatePercent:y,setAffiliateWallets:x}=D(),d=fn(()=>u?.from?.tokens,[u?.from?.tokens]),w=fn(()=>u?.from?.blockchains,[u?.from?.blockchains]),f=fn(()=>u?.to?.tokens,[u?.to?.tokens]),k=fn(()=>u?.to?.blockchains,[u?.to?.blockchains]),h=gn(void 0),C=gn(void 0),b=gn(void 0),B=gn(void 0);Dt(()=>{t(u?.amount?.toString()||"")},[u?.amount]),Dt(()=>{if(m==="success"){let A=c.find(L=>L.name===u?.from?.blockchain),_=S.find(L=>Ae(L,u?.from?.token||null));(A||!A&&b.current)&&n(A??null),_?r({token:_,meta:{blockchains:c,tokens:S}}):!_&&h.current&&r({token:null}),b.current=u?.from?.blockchain,h.current=u?.from?.token}},[u?.from?.token?.symbol,u?.from?.token?.address,u?.from?.token?.blockchain,u?.from?.blockchain,m]),Dt(()=>{i&&d&&(d.some(A=>Ae(A,i))||r({token:null})),l&&w&&(w.includes(l.name)||n(null))},[d,w]),Dt(()=>{a&&f&&(f.some(A=>Ae(A,a))||e({token:null})),p&&k&&(k.includes(p.name)||o(null))},[f,k]),Dt(()=>{if(m==="success"){let A=c.find(L=>L.name===u?.to?.blockchain),_=S.find(L=>Ae(L,u?.to?.token||null));(A||!A&&B.current)&&o(A??null),_?e({token:_,meta:{blockchains:c,tokens:S}}):!_&&C.current&&e({token:null}),B.current=u?.to?.blockchain,C.current=u?.to?.token}},[u?.to?.token?.symbol,u?.to?.token?.address,u?.to?.token?.blockchain,u?.to?.blockchain,m]),Dt(()=>{g(u?.affiliate?.ref??null),y(u?.affiliate?.percent??null),x(u?.affiliate?.wallets??null)},[u?.affiliate?.ref,u?.affiliate?.percent,u?.affiliate?.wallets])}s(ml,"useSyncStoresWithConfig");function dl(){let t=Hr(!0),[e,o]=gd(),n=fd(),r=Hr(n.search),i=Hr({}),a=P.use.fromBlockchain(),l=P.use.toBlockchain(),p=P.use.fromToken(),u=P.use.toToken(),m=P.use.setFromBlockchain(),c=P.use.setFromToken(),S=P.use.setToBlockchain(),g=P.use.setToToken(),y=P.use.inputAmount(),x=P.use.setInputAmount(),d=T().fetchStatus,w=T().blockchains(),f=T().tokens(),k=Se.use.setSelectedSwap();return ml(),Gr(()=>{let h={};dd(r.current).forEach((b,B)=>{h[B]=b}),i.current=h;let C=n.pathname.split(M.swaps+"/")[1]||null;C&&k(C)},[]),Gr(()=>{if(!t.current){let h="",C="",b="",B="",A="",_=i.current["autoConnect"];d!=="success"?(h=i.current["fromBlockchain"],C=i.current["fromToken"],b=i.current["toBlockchain"],B=i.current["toToken"],A=i.current["fromAmount"]||y):(h=a?.name||"",C=(p?.symbol||"")+(p?.address?`--${p?.address}`:""),b=l?.name||"",B=(u?.symbol||"")+(u?.address?`--${u?.address}`:""),A=y),o({...h&&{["fromBlockchain"]:h},...C&&{["fromToken"]:C},...b&&{["toBlockchain"]:b},...B&&{["toToken"]:B},...A&&{["fromAmount"]:A.toString()},..._&&{["autoConnect"]:_}},{replace:!0})}t.current=!1},[n.pathname,y,a,p,l,u]),Gr(()=>{if(d==="success"){let h=e.get("fromBlockchain"),C=e.get("fromToken"),b=e.get("toBlockchain"),B=e.get("toToken"),A=e.get("fromAmount"),_=w.find(z=>z.name===h),L=wr(f,C,_||null),H=w.find(z=>z.name===b),v=wr(f,B,H||null);_&&(m(_),L&&c({token:L,meta:{blockchains:w,tokens:f}})),H&&(S(H),v&&g({token:v,meta:{blockchains:w,tokens:f}})),A&&x(A)}},[d]),null}s(dl,"UpdateUrl");function bd(t){let e=vd(),o=xd(),n=kd(!0),r=e.pathname.split("/"),a=r[r.length-1]===M.confirmSwap&&n.current;return Cd(()=>{a&&o("."),n.current=!1},[]),a?Ct.createElement(dn,null):Ct.createElement(Ct.Fragment,null," ",t.children)}s(bd,"Route");function fl({children:t,...e}){let o=wd(),n=o?bd:Td,r=T().blockchains(),{canSwitchNetworkTo:i}=yd();Is();let a=r.filter(Sd);return hd({lastConnectedWallet:e.lastConnectedWallet,clearDisconnectedWallet:e.clearDisconnectedWallet,disconnectedWallet:e.disconnectedWallet,evmChains:a,canSwitchNetworkTo:i}),Ct.createElement(Ct.Fragment,null,Ct.createElement(n,null,t),o&&Ct.createElement(dl,null))}s(fl,"AppRouter");import ve from"react";import{useRoutes as $h}from"react-router-dom";import{i18n as vn}from"@lingui/core";import{useManager as lf}from"@rango-dev/queue-manager-react";import{Alert as Pl,Button as _l,Divider as Dl,IconButton as Fl,RefreshIcon as pf,SettingsIcon as uf,styled as Ol,Tooltip as cf,Typography as mf,WalletIcon as df}from"@rango-dev/ui";import Y,{useEffect as xn,useState as bn}from"react";import{flushSync as ff}from"react-dom";import{useNavigate as gf}from"react-router-dom";import{i18n as Ze}from"@lingui/core";import{Alert as Jr,BalanceErrors as Xd,Button as Bl,ChevronDownIcon as Yd,ChevronLeftIcon as Jd,Divider as Ot,MessageBox as Zd,Modal as Ml,Typography as wn,WalletIcon as Rd}from"@rango-dev/ui";import I,{useEffect as ef,useLayoutEffect as tf,useRef as of,useState as wt}from"react";import{useNavigate as nf}from"react-router-dom";import{i18n as hn}from"@lingui/core";function yn(t){switch(t.type){case 0:return hn.t("Route has been updated.");case 3:return hn.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return hn.t("Route swappers has been updated.");case 2:return hn.t("Route internal coins has been updated.");default:return""}}s(yn,"getQuoteUpdateWarningMessage");import{i18n as Oe}from"@lingui/core";import{Button as Vd,Divider as Xr,Image as jd,MessageBox as Tn,Modal as Al,SelectableWallet as Kd,Typography as Il,WalletState as Wl}from"@rango-dev/ui";import te,{useEffect as Nl,useState as ro}from"react";import{WalletState as gl}from"@rango-dev/ui";import{useWallets as Ed}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as Ad,WalletTypes as Id}from"@rango-dev/wallets-shared";import{useEffect as Wd,useState as Nd}from"react";var Ld=Object.values(Id);function Sn(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:i,disconnect:a,getWalletInfo:l,connect:p}=Ed(),{connectedWallets:u}=V(),m=T().blockchains(),c=ds(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||Ld,S=is(i,l,c,o),g=cs(S),[y,x]=Nd(""),d=s(h=>!u.find(C=>C.walletType===h&&C.chain===o),"isExperimentalChainNotAdded"),w=s(async h=>{let C=i(h);try{if(y&&x(""),C.connected)await a(h);else{let b=!!S.find(B=>B.state===gl.CONNECTED);if(!e?.multiWallets&&b)return;n?.(h),await p(h),r?.(h)}}catch(b){x("Error: "+b?.message)}},"handleClick"),f=s(()=>{let h=S?.filter(C=>C.state===gl.CONNECTING)||[];for(let C of h)a(C.type)},"disconnectConnectingWallets");Wd(()=>()=>{f()},[]);let k=s((h,C,b)=>Mo(b,C)&&d(h)&&!Ad.includes(h),"shouldExcludeWallet");return{list:g.filter(h=>!k(h.type,o??"",m)),error:y,handleClick:w}}s(Sn,"useWalletList");import{i18n as kl}from"@lingui/core";import{styled as wl,Typography as Fd,Wallet as Od,WalletState as Ud}from"@rango-dev/ui";import Tt,{Fragment as zd,useState as Tl}from"react";import{Divider as _d,Modal as Dd}from"@rango-dev/ui";import Vr from"react";import{i18n as Ft}from"@lingui/core";import{Image as $d,MessageBox as Qr,WalletState as Pd}from"@rango-dev/ui";import kt from"react";import{keyframes as Bd,styled as Cn}from"@rango-dev/ui";var qb=Cn("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),hl=Cn("div",{position:"relative"}),Md=Bd({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),yl=Cn("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Md} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),Sl=Cn("div",{"& img":{borderRadius:"50%"}});function Cl(t){let{state:e,image:o,error:n}=t;return e===Pd.CONNECTED?kt.createElement(Qr,{type:"success",title:Ft.t("Wallet Connected"),description:Ft.t("Your wallet is connected, you can use it to swap.")}):n?kt.createElement(Qr,{type:"error",title:Ft.t("Failed to Connect"),description:n||Ft.t("Your wallet is not connected. Please try again.")}):kt.createElement(Qr,{type:"loading",title:Ft.t("Connecting to your wallet"),description:Ft.t("Click connect in your wallet popup."),icon:kt.createElement(hl,null,kt.createElement(Sl,null,kt.createElement($d,{src:o,size:45})),kt.createElement(yl,null))})}s(Cl,"ModalContent");function no(t){let{open:e,onClose:o,...n}=t;return Vr.createElement(Dd,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},Vr.createElement(Cl,{...n}),Vr.createElement(_d,{direction:"vertical",size:32}))}s(no,"WalletModal");var qd=wl("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline",paddingTop:"$15",height:"100%"}),Gd=wl("div",{textAlign:"center"}),kn=3e3,jr=300;function vl(){let{config:t,fetchStatus:e}=T(),[o,n]=Tl(!1),[r,i]=Tl(""),a=null,{list:l,handleClick:p,error:u}=Sn({config:t,onBeforeConnect:g=>{a=setTimeout(()=>{n(!0),i(g)},jr)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},kn)}}),m=l.find(g=>g.type===r),c=m?.image||"",S=m?.state||Ud.NOT_INSTALLED;return Tt.createElement(j,{header:{title:kl.t("Connect Wallets")}},Tt.createElement(Gd,null,Tt.createElement(Fd,{variant:"title",size:"xmedium",align:"center"},kl.t("Choose a wallet to connect.")),Tt.createElement(qd,null,l.map((g,y)=>{let x=`wallet-${y}-${g.type}`;return Tt.createElement(zd,{key:x},Tt.createElement(Od,{...g,container:Z(),onClick:d=>{p(d)},isLoading:e==="loading"}))}),Tt.createElement(no,{open:!!o,onClose:()=>n(!1),image:c,state:S,error:u}))))}s(vl,"WalletsPage");import{keyframes as Hd,styled as Kr}from"@rango-dev/ui";var xl=Kr("div",{position:"relative"}),Qd=Hd({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),bl=Kr("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Qd} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),El=Kr("div",{"& img":{borderRadius:"50%"}});function Yr(t){let{chain:e,isSelected:o,selectWallet:n,limit:r,onShowMore:i}=t,{config:a}=T(),l=V.use.connectedWallets(),{blockchains:p}=T(),[u,m]=ro(""),[c,S]=ro(null),[g,y]=ro(!1),[x,d]=ro(null),{suggestAndConnect:w}=Ll(),f=null,{list:k,error:h,handleClick:C}=Sn({config:a,chain:e,onBeforeConnect:v=>{f=setTimeout(()=>{m(v)},jr)},onConnect:()=>{f&&clearTimeout(f),setTimeout(()=>{m("")},kn)}}),[b,B]=ro(k),A=k.length,_=r&&A-r>0,L=s(async v=>{y(!1),d("in-progress");try{await w(v.walletType,v.chain),d("completed")}catch{d("rejected")}},"addExperimentalChain");Nl(()=>{B(v=>{let z=k.findIndex(O=>o(O.type,e));return _&&z>1?[k[z]].concat(k.filter((O,U)=>U!==z)):v.map(O=>k.find(U=>U.type===O.type)??O)})},[JSON.stringify(k)]);let H=document.querySelector("#swap-box");return Nl(()=>{let v=null;return(x==="completed"||x==="rejected")&&(v=setTimeout(()=>d(null),kn)),()=>{v&&clearTimeout(v)}},[x]),te.createElement(te.Fragment,null,b.slice(0,r).map(v=>{let z=ms({connectedWallets:l,walletType:v.type,chain:e}),O=z?$o(z):"",U=Mo(p(),e),ne=!l.find(ze=>ze.walletType===v.type&&ze.chain===e),Ne=U&&ne&&v.state===Wl.CONNECTED,ee=Ne?Oe.t({id:"Add {chain} chain",values:{chain:e}}):O,oe=s(()=>{v.state===Wl.DISCONNECTED?C(v.type):Ne?(S({walletType:v.type,chain:e,address:z??""}),y(!0)):n({walletType:v.type,chain:e,address:z??""})},"onClick"),fe=c?.chain?Gs(c.chain,p()):void 0;return te.createElement(te.Fragment,null,te.createElement(no,{open:u===v.type,onClose:()=>m(""),image:v.image,state:v.state,error:h}),!!c&&te.createElement(Al,{open:!!c&&g,container:H,onClose:()=>{S(null)}},te.createElement(Tn,{title:Oe.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:fe}}),type:"warning",description:Oe.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:fe}})},te.createElement(Xr,{size:18}),te.createElement(Xr,{size:32}),te.createElement(Vd,{onClick:L.bind(null,c),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},Oe.t("Confirm")))),x&&te.createElement(Al,{open:!!x,onClose:d.bind(null,null),container:H},x==="in-progress"&&te.createElement(Tn,{type:"loading",title:Oe.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:fe}}),description:Oe.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:fe}}),icon:te.createElement(xl,null,te.createElement(El,null,te.createElement(jd,{src:v.image,size:45})),te.createElement(bl,null))}),x==="completed"&&te.createElement(Tn,{type:"success",title:Oe.t({id:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:fe}}),description:Oe.t({id:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:fe}})}),x==="rejected"&&te.createElement(Tn,{type:"error",title:Oe.t("Request Rejected"),description:Oe.t({id:"You've rejected adding {blockchainDisplayName} chain to your wallet.",values:{blockchainDisplayName:fe}})}),te.createElement(Xr,{direction:"vertical",size:32})),te.createElement(Kd,{key:v.type,description:ee,onClick:oe,selected:o(v.type,e),...v}))}),_&&te.createElement(ga,{selected:!1,onClick:i.bind(null)},te.createElement(Il,{variant:"label",size:"medium"},Oe.t("Show more wallets"),te.createElement(Il,{variant:"label",size:"medium",color:"$primary"},"\xA0+",A-(r??0)))))}s(Yr,"WalletList");var rf=2;function $l(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,loading:i}=t,a=T().config,l=T().blockchains(),{quote:p,setSelectedWallets:u,quoteWalletsConfirmed:m,setQuoteWalletConfirmed:c,customDestination:S,setCustomDestination:g}=P(),{connectedWallets:y,selectWallets:x}=V(),[d,w]=wt(""),[f,k]=wt([]),[h,C]=wt(""),[b,B]=wt(null),[A,_]=wt(S),[L,H]=wt(!!S),v=of(null),z=Vo(p),O=l.find(F=>F.name===p?.result?.swaps[p?.result?.swaps.length-1].to.blockchain),U=s(F=>!!p?.result?.swaps.find(X=>X.from.blockchain===F),"isWalletRequiredFor"),[ne,Ne]=wt(y.filter(F=>F.selected&&z.includes(F.chain))),ee=l.find(F=>F.name===O?.name),oe=s((F,X)=>!!ne.find(q=>q.walletType===F&&q.chain===X&&q.selected&&(U(X)||!U(X)&&!A)),"isSelected"),fe=!!A&&L&&ee&&!jo(ee,A),ze=s(()=>{H(!1),_(""),Ne(F=>{let X=!1;return F.map(q=>!X&&q.chain===O?.name?(X=!0,{...q,selected:!0}):q)})},"resetCustomDestination"),ft=s(F=>{if(d&&w(""),oe(F.walletType,F.chain))return;let q=y.find(se=>se.walletType===F.walletType&&se.chain===F.chain);q&&(n(),F.chain===O?.name&&L&&(H(!1),_("")),Ne(se=>se.filter(qe=>qe.chain!==F.chain).concat({...q,selected:!0})))},"onChange"),vo=s(()=>{let F=ne.filter(X=>X.selected);x(F),u(F),g(A),c(!0),o()},"onConfirmBalance"),Rn=s(async()=>{k([]),C(""),B(null);let F=y.filter(se=>ne.find(qe=>qe.chain===se.chain&&qe.walletType===se.walletType)),X=await r?.({selectedWallets:F,customDestination:A}),q=X.warnings;q?.balance?.messages&&k(q.balance.messages),q?.quoteUpdate&&B(q.quoteUpdate),X.error&&C(Hs(X.error)),!X.error&&(!q?.balance?.messages.length||0>0)?vo():k(q?.balance?.messages??[])},"onConfirmWallets");ef(()=>{Ne(F=>F.concat(y.filter(X=>!!!F.find(se=>se.chain===X.chain)&&X.selected&&z.includes(X.chain))))},[y.length]),tf(()=>{L&&v.current&&setTimeout(()=>{v?.current?.scrollIntoView({behavior:"smooth"})},Yt)},[L]);let Et=document.querySelector("#swap-box"),xo=nf();return I.createElement(Ml,{open:e,onClose:()=>{m||xo("../",{replace:!0}),o()},dismissible:!d,container:Et,...!d&&{footer:I.createElement(xa,null,I.createElement(Bl,{loading:i,disabled:oa(i,L,A,p,ne,O),onClick:Rn,variant:"contained",type:"primary",fullWidth:!0,size:"large"},"Confirm"))},...d&&{containerStyle:{padding:"$0"},header:I.createElement(ya,null,I.createElement(Sa,{variant:"ghost",onClick:w.bind(null,"")},I.createElement(Jd,{size:16})),I.createElement(wn,{variant:"headline",size:"small"},Ze.t({id:"Your {blockchainName} wallets",values:{blockchainName:d}})))},anchor:"center"},I.createElement(Ml,{open:f.length>0,onClose:k.bind(null,[]),container:Et},I.createElement(Zd,{title:Ze.t("Insufficient account balance"),type:"error",description:I.createElement(Xd,{messages:f??[]})},I.createElement(Bl,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:vo},Ze.t("Proceed anyway")))),d&&I.createElement(Ca,null,I.createElement("div",{className:"wallets-list"},I.createElement(Yr,{chain:d,isSelected:oe,selectWallet:ft,onShowMore:w.bind(null,d)}))),!d&&I.createElement(I.Fragment,null,h&&I.createElement(I.Fragment,null,I.createElement(Jr,{variant:"alarm",type:"error",title:Ze.t(h)}),I.createElement(Ot,{size:12})),b&&I.createElement(I.Fragment,null,I.createElement(Jr,{variant:"alarm",type:"warning",title:yn(b)}),I.createElement(Ot,{size:12})),I.createElement(Ea,null,z.map((F,X)=>{let q=l.find(xe=>xe.name===F),se=`wallet-${X}`,qe=X===z.length-1;return I.createElement("div",{key:se},I.createElement(da,null,I.createElement(wn,{variant:"title",size:"xmedium"},Ze.t({id:"Your {blockchainName} wallets",values:{blockchainName:q?.displayName}})),I.createElement(wn,{variant:"label",color:"$neutral700",size:"medium"},Ze.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:q?.displayName}}))),I.createElement(Ot,{size:24}),I.createElement(fa,null,I.createElement(Yr,{chain:F,isSelected:oe,selectWallet:ft,limit:rf,onShowMore:()=>w(q?.name??"")})),!qe&&I.createElement(Ot,{size:32}),qe&&a?.customDestination&&I.createElement(wa,null,I.createElement(ka,{ref:v,selected:L,open:L,onOpenChange:xe=>{xe?U(O?.name??"")||Ne(er=>er.map(tr=>tr.chain===O?.name?{...tr,selected:!1}:tr)):ze()}},I.createElement(ha,{onClick:()=>H(xe=>!xe)},I.createElement(Ta,{fullWidth:!0,variant:"default",suffix:I.createElement(va,{orientation:L?"up":"down"},I.createElement(Yd,{size:10,color:"gray"}))},I.createElement("div",{className:"button__content"},I.createElement(Rd,{size:18,color:"info"}),I.createElement(Ot,{size:4,direction:"horizontal"}),I.createElement(wn,{variant:"label",size:"medium"},Ze.t("Send to a different address"))))),I.createElement(nn,{open:L},I.createElement(I.Fragment,null,I.createElement(Ot,{size:4}),I.createElement(ba,{autoFocus:!0,placeholder:Ze.t("Your destination address"),value:A,onChange:xe=>{_(xe.target.value)}})))),fe&&I.createElement("div",{className:"alarms"},I.createElement(Jr,{variant:"alarm",type:"error",title:Ze.t({values:{destination:A},id:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}s($l,"ConfirmWalletsModal");import{calculatePendingSwap as sf}from"@rango-dev/queue-manager-rango-preset";import{useEffect as af}from"react";function Zr(){let{fromToken:t,toToken:e,inputAmount:o,setQuote:n,resetQuote:r,quote:i,customDestination:a,setQuoteWarningsConfirmed:l}=P(),{slippage:p,customSlippage:u,affiliatePercent:m,affiliateRef:c,affiliateWallets:S,disabledLiquiditySources:g}=D(),{connectedWallets:y}=V(),x=T().blockchains(),d=T().tokens(),w=u||p,{fetch:f,cancelFetch:k,loading:h}=mn();return af(()=>k,[]),{loading:h,fetch:s(async b=>{let B=b.selectedWallets,A=b?.customDestination??a;if(!t||!e||!o||!i)return{quote:null,swap:null,error:null,warnings:null};let _=tn({fromToken:t,toToken:e,inputAmount:o,wallets:y,selectedWallets:B,disabledLiquiditySources:g,slippage:w,affiliateRef:c,affiliatePercent:m,affiliateWallets:S,initialQuote:i,destination:A}),L;try{L=await f(_).then(O=>un(O)),n(L)}catch(O){let U=cn(O);return(U.error?.type===0||U.error?.type===1)&&r(),U}let H={slippage:w.toString(),disabledSwappersGroups:g},v=sf(o.toString(),L,Xs(B),H,!1,{blockchains:x,tokens:d}),z=ll(i,L,{fromToken:t,toToken:e,tokens:d,selectedWallets:B,userSlippage:w});return z.quoteUpdate&&l(!1),{quote:L,swap:v,error:null,warnings:z}},"fetch"),cancelFetch:k}}s(Zr,"useConfirmSwap");var hf=Ol("div",{position:"relative",width:"100%","& .description":{display:"flex",justifyContent:"space-between",alignItems:"center",paddingBottom:"$10"},"& .icon":{width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"}}),yf=Ol("div",{width:"100%",display:"flex",justifyContent:"space-between","& .confirm-button":{flexGrow:1,paddingRight:"$10"},[`& ${Fl}`]:{width:"$48",height:"$48"}});function Ul(){let{quote:t,setInputAmount:e,selectedWallets:o,quoteWalletsConfirmed:n,setQuoteWalletConfirmed:r,customDestination:i,quoteWarningsConfirmed:a}=P(),l=gf(),[p,u]=bn(""),{connectedWallets:m}=V(),c=!n,[S,g]=bn(!1),y=Se.use.setSelectedSwap(),{manager:x}=lf(),{fetch:d,loading:w,cancelFetch:f}=Zr(),[k,h]=bn({swap:null,error:null,warnings:null}),[C,b]=bn(!1),B=s(async({selectedWallets:v,customDestination:z})=>{let O=await d?.({selectedWallets:v,customDestination:z});return h(O),O},"onConfirmSwap"),A=s(async()=>{if(k.swap&&n)try{await x?.create("swap",{swapDetails:k.swap},{id:k.swap.requestId}),y(k.swap.requestId);let v=`../${M.swaps}/${k.swap.requestId}`;l(v,{replace:!0}),setTimeout(()=>{e("")},0)}catch(v){u("Error: "+v?.message)}},"addNewSwap"),_=s(async()=>{await A()},"onConfirm"),L=s(async()=>{k?.warnings?.quote&&!a?b(!0):await _()},"onStartConfirmSwap"),H=s(async()=>{h({error:null,swap:null,warnings:null}),d({selectedWallets:o}).then(v=>{h(v)}).catch(v=>console.error(v))},"onRefresh");return xn(()=>{c&&f()},[c]),xn(()=>{c&&g(c)},[c]),xn(()=>{c||d({selectedWallets:o,customDestination:i}).then(v=>h(v)).catch(v=>console.error(v))},[]),xn(()=>{let v=k.warnings?.quote?.type&&Object.values(nt).includes(k.warnings?.quote?.type),z=o.length<1||!o.every(U=>m.find(ne=>U.address===ne.address&&U.walletType===ne.walletType&&U.chain===ne.chain)),O=!1;if(v){let U=Vo(t),ne=t?.result?.swaps[t.result.swaps.length-1].to.blockchain;!!t?.result?.swaps.find(oe=>oe.from.blockchain===ne)||(U=U.slice(-U.length,U.length-1)),U.every(oe=>o.find(fe=>fe.chain===oe))||(O=!0)}t&&(z||O)&&(queueMicrotask(()=>ff(g.bind(null,!0))),r(!1))},[k.warnings?.quote,o.length,m.length]),Y.createElement(j,{header:{title:vn.t("Confirm Swap"),onWallet:()=>{let v=`../${M.wallets}`;l(v)},suffix:Y.createElement(cf,{container:Z(),side:"bottom",content:vn.t("Settings")},Y.createElement(Le,{size:"small",variant:"ghost",onClick:()=>l("../"+M.settings)},Y.createElement(uf,{size:18,color:"black"})))},footer:Y.createElement(yf,null,Y.createElement("div",{className:"confirm-button"},Y.createElement(_l,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:w,disabled:!!k.error,onClick:L},vn.t("Start Swap"))),Y.createElement(Fl,{variant:"contained",type:"primary",size:"large",loading:w,onClick:g.bind(null,!0)},Y.createElement(df,{size:24})))},S&&Y.createElement($l,{open:S,onClose:()=>g(!1),onCancel:f,loading:w,onCheckBalance:B}),Y.createElement(hf,null,Y.createElement("div",{className:"description"},Y.createElement(mf,{variant:"title",size:"small"},vn.t("You get")),Y.createElement(_l,{style:{padding:"0"},variant:"ghost",disabled:w,onClick:H},Y.createElement("div",{className:"icon"},Y.createElement(pf,{size:16})))),p&&Y.createElement(Y.Fragment,null,Y.createElement(Pl,{type:"error",variant:"alarm",title:p}),Y.createElement(Dl,{size:12})),k.warnings?.quoteUpdate&&Y.createElement(Y.Fragment,null,Y.createElement(Pl,{variant:"alarm",type:"warning",title:k.warnings.quoteUpdate&&yn(k.warnings.quoteUpdate)}),Y.createElement(Dl,{size:12})),Y.createElement(oo,{quote:t,type:"swap-preview",expanded:!0,error:k.error,loading:w,warning:k.warnings?.quote??null,refetchQuote:H,showWarningModal:C,onOpenWarningModal:()=>b(!0),onCloseWarningModal:()=>b(!1),onConfirmWarningModal:async()=>{b(!1),await A()}})))}s(Ul,"ConfirmSwapPage");import{i18n as An}from"@lingui/core";import{useManager as xf}from"@rango-dev/queue-manager-react";import{Divider as bf,NotFound as Ef,styled as Xl}from"@rango-dev/ui";import ct,{useState as Af}from"react";import{useNavigate as If}from"react-router-dom";import{CloseIcon as Cf,IconButton as kf,SearchIcon as Tf,TextField as wf}from"@rango-dev/ui";import io from"react";import{styled as Sf}from"@rango-dev/ui";var zl=Sf("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function Re(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:i,value:a,setValue:l,...p}=t;return io.createElement(wf,{prefix:io.createElement(zl,null,io.createElement(Tf,{color:"black"})),suffix:!!a.length&&io.createElement(kf,{variant:"ghost",onClick:()=>l?.(""),size:"small"},io.createElement(Cf,{color:"gray",size:10})),fullWidth:o,color:n,variant:e,style:{padding:10,borderRadius:25,alignItems:"center"},size:r,value:a,onChange:i,...p})}s(Re,"SearchInput");import{i18n as Gl}from"@lingui/core";import{Divider as Hl,SwapListItem as Ql,Typography as Vl}from"@rango-dev/ui";import R from"react";import{darkTheme as vf,styled as En}from"@rango-dev/ui";var Rr=En("div",{width:"100%",display:"flex",flexDirection:"column",".group-title":{$$color:"$colors$neutral600",[`.${vf} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),ei=En("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),ti=En("div",{gap:"$10",display:"flex",flexDirection:"column"}),ql=En("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});function oi(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,i=n?n(e):[{title:"History",swaps:e}];if(r){let a=[{},{}];return R.createElement(R.Fragment,null,[{title:"Today",swaps:a},{title:"Last month",swaps:a}].map(p=>R.createElement(R.Fragment,{key:p.title},R.createElement(Rr,null,R.createElement(ei,null,R.createElement(Vl,{variant:"label",size:"medium",className:"group-title"},Gl.t(p.title))),R.createElement(Hl,{size:4}),R.createElement(ti,null,p.swaps.map((u,m)=>{let c=m+p.title;return R.createElement(R.Fragment,{key:c},R.createElement(Ql,{isLoading:!0}))}))))))}return R.createElement(R.Fragment,null,i.filter(a=>a.swaps.length>0).map(a=>R.createElement(R.Fragment,{key:a.title},R.createElement(Rr,null,R.createElement(ei,null,R.createElement(Vl,{variant:"label",size:"medium",className:"group-title"},Gl.t(a.title))),R.createElement(Hl,{size:4}),R.createElement(ti,null,a.swaps.map(l=>{let p=l.steps[0],u=l.steps[l.steps.length-1];return R.createElement(R.Fragment,{key:l.requestId},R.createElement(Ql,{requestId:l.requestId,creationTime:l.creationTime,status:l.status,onClick:o,onlyShowTime:a.title==="Today",swapTokenData:{from:{token:{image:p.fromLogo,displayName:p.fromSymbol},blockchain:{image:p.fromBlockchainLogo||""},amount:Wo(l.inputAmount)},to:{token:{image:u.toLogo,displayName:u.toSymbol},blockchain:{image:u.toBlockchainLogo||""},amount:Wo(u.outputAmount||""),estimatedAmount:Wo(u.expectedOutputAmountHumanReadable||"")}}}))}))))))}s(oi,"SwapsGroup");import jl from"dayjs";var Kl=s(t=>{let e=new Map([["today",{title:"Today",swaps:[]}],["month",{title:"Last month",swaps:[]}],["year",{title:"Last year",swaps:[]}],["history",{title:"History",swaps:[]}]]),o=jl();return t.forEach(n=>{let r=jl(Number(n.creationTime));o.isSame(r,"day")?e.get("today")?.swaps.push(n):o.isSame(r,"month")?e.get("month")?.swaps.push(n):o.isSame(r,"year")?e.get("year")?.swaps.push(n):e.get("history")?.swaps.push(n)}),Array.from(e.values())},"groupSwapsByDate");var Ut=s(t=>{let e=[];return t?.getAll().forEach((o,n)=>{let r=o.list.getStorage();r?.swapDetails&&e.push({id:n,swap:r?.swapDetails})}),e.sort((o,n)=>Number(n.swap.creationTime)-Number(o.swap.creationTime))},"getPendingSwaps");var Wf=Xl("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",height:"100%",gap:15}),Nf=Xl("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),Lf=s((t,e)=>t?.length?t.filter(o=>Ge(o.fromBlockchain,e)||Ge(o.toBlockchain,e)||Ge(o.toSymbol,e)||Ge(o.fromSymbol,e)).length:!1,"isStepContainsText");function Yl(){let t=Se.use.setSelectedSwap(),e=If(),{manager:o,state:n}=xf(),r=Ut(o).map(({swap:c})=>c),[i,a]=Af(""),l=!n.loadedFromPersistor,p=s(c=>{let S=c.target.value;a(S)},"searchHandler"),u=r;i&&(u=r.filter(c=>Ge(c.inputAmount,i)||Ge(c.status,i)||Lf(c.steps,i)||Ge(c.requestId,i)));let m=!u?.length&&!l;return ct.createElement(j,{header:{title:An.t("History")}},ct.createElement(Wf,null,ct.createElement(Re,{setValue:a,fullWidth:!0,variant:"contained",placeholder:An.t("Search Transaction"),autoFocus:!0,onChange:p,value:i}),ct.createElement(Nf,null,m&&ct.createElement(ql,null,ct.createElement(bf,{size:32}),ct.createElement(Ef,{title:An.t("No results found"),description:i?An.t("Try using different keywords"):""})),!m&&ct.createElement(oi,{list:u,onSwapClick:c=>{t(c),e(c)},groupBy:Kl,isLoading:l}))))}s(Yl,"HistoryPage");import{i18n as Jl}from"@lingui/core";import{List as Bf,ListItemButton as Mf,Radio as $f,RadioRoot as Pf,Typography as _f}from"@rango-dev/ui";import mt from"react";import{styled as In}from"@rango-dev/ui";var et=In("div",{height:"100%",overflow:"hidden"}),so=In("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto"}),ni=In("div",{width:80,display:"flex",justifyContent:"flex-end"}),ri=In("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});function Wn(){let t=D.use.language(),e=D.use.setLanguage();return{activeLanguage:t,languages:ys,defaultLanguage:jt,changeLanguage:r=>e(r||jt)}}s(Wn,"useLanguage");function Zl(){let{activeLanguage:t,changeLanguage:e,languages:o}=Wn(),n=o.map(r=>{let{local:i,label:a,SVGFlag:l}=r;return{id:i,value:i,title:mt.createElement(_f,{variant:"title",size:"xmedium"},a),onClick:()=>e(r.local),end:mt.createElement($f,{value:i}),start:mt.createElement(l,null)}});return mt.createElement(j,{header:{title:Jl.t("Language")}},mt.createElement(et,null,mt.createElement(Pf,{value:t},mt.createElement(Bf,{type:mt.createElement(Mf,{title:Jl.t("language"),id:"_",onClick:()=>console.log()}),items:n}))))}s(Zl,"LanguagePage");import{i18n as zt}from"@lingui/core";import{Button as zf,Checkbox as qf,Image as Gf,ListItemButton as Hf,NotFound as Qf,Typography as Vf}from"@rango-dev/ui";import ye,{useState as jf}from"react";import{Checkbox as Of,Skeleton as ep}from"@rango-dev/ui";import ao from"react";import{ListItem as Df,styled as Ff}from"@rango-dev/ui";var Rl=Ff(Df,{height:61});var Uf=30;function ii(){return ao.createElement(so,null,Array.from(Array(Uf),t=>ao.createElement(Rl,{hasDivider:!0,key:t,start:ao.createElement(ep,{variant:"circular",width:35,height:35}),title:ao.createElement(ep,{variant:"text",size:"large",width:90}),end:ao.createElement(Of,{checked:!1})})))}s(ii,"LoadingLiquiditySourceList");function si({sourceType:t}){let e=T().fetchStatus,o=T().swappers(),[n,r]=jf(""),i=D.use.toggleLiquiditySource(),a=_o(o),l=[];t==="Exchanges"&&l.push("DEX"),t==="Bridges"&&(l.push("BRIDGE"),l.push("AGGREGATOR"));let p=a.filter(y=>l.includes(y.type)),u=p.length===p.filter(y=>y.selected).length,m=s(()=>{p.forEach(y=>{u?i(y.groupTitle):y.selected||i(y.groupTitle)})},"toggleAllSources"),c=p.map(y=>{let{selected:x,groupTitle:d,logo:w}=y;return{start:ye.createElement(Gf,{src:w,size:22,type:"circular"}),onClick:()=>i(d),end:ye.createElement(qf,{checked:x}),title:ye.createElement(Vf,{variant:"title",size:"xmedium"},zt.t(d)),...y}}),S=s(y=>{let x=y.target.value;r(x)},"searchHandler"),g=c;return n&&(g=c.filter(y=>Ge(y.groupTitle,n))),ye.createElement(j,{header:{title:zt.t(t),suffix:ye.createElement(ni,null,ye.createElement(zf,{variant:"ghost",size:"xsmall",onClick:m},zt.t(u?"Deselect all":"Select all")))}},ye.createElement(et,null,ye.createElement(Re,{value:n,setValue:r,fullWidth:!0,color:"light",variant:"contained",placeholder:zt.t("Search {sourceType}",{sourceType:t}),onChange:S}),e==="loading"&&ye.createElement(ii,null),!g.length&&n?ye.createElement(ri,null,ye.createElement(Qf,{title:zt.t("No results found"),description:zt.t("Try using different keywords")})):e==="success"&&ye.createElement(so,null,g.map(y=>ye.createElement(ye.Fragment,{key:y.id},ye.createElement(Hf,{style:{height:"61px"},...y,selected:!1,hasDivider:!0}))))))}s(si,"LiquiditySourcePage");import{i18n as lp}from"@lingui/core";import{Divider as ui,SelectableCategoryList as og}from"@rango-dev/ui";import vt,{useState as pp}from"react";import{i18n as li}from"@lingui/core";import{Divider as sp,Image as Jf,ListItemButton as Zf,NotFound as Rf,Typography as ap}from"@rango-dev/ui";import We,{useEffect as eg,useState as tg}from"react";import{BlockchainCategories as ai}from"@rango-dev/ui";import{TransactionType as Nn}from"rango-sdk";var Kf=s((t,e)=>{switch(e){case ai.ALL:return!0;case ai.UTXO:return t.type===Nn.TRANSFER;case ai.OTHER:return t.type!==Nn.TRANSFER&&t.type!==Nn.COSMOS&&t.type!==Nn.EVM;default:return t.type===e}},"filterByType"),tp=s((t,e,o)=>t.filter(n=>Kf(n,o)).filter(n=>gt(n.name,e)||gt(n.displayName,e)),"filterBlockchains");import{styled as op}from"@rango-dev/ui";var np=op("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),Ln=op("ul",{padding:0,margin:0,listStyle:"none",overflowY:"auto",paddingRight:"$5",".image-container":{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as Xf,Skeleton as rp}from"@rango-dev/ui";import Bn from"react";var Yf=20;function ip(){return Bn.createElement(Ln,null,Array.from(Array(Yf),t=>Bn.createElement(Xf,{key:t,hasDivider:!0,start:Bn.createElement(rp,{variant:"circular",width:35,height:35}),title:Bn.createElement(rp,{variant:"text",size:"large",width:90})})))}s(ip,"LoadingBlockchainList");function pi(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[i,a]=tg(e),{fetchStatus:l}=T();eg(()=>{a([...tp(e,o,r)])},[e,o,r]);let p=s(()=>!i.length&&o?We.createElement(We.Fragment,null,We.createElement(sp,{size:32}),We.createElement(Rf,{title:li.t("No results found"),description:li.t("Try using different keywords")})):We.createElement(Ln,{key:`${r}-${o}`},i.map(u=>We.createElement(Zf,{key:`${u.name}-${u.chainId}`,hasDivider:!0,onClick:()=>n(u),start:We.createElement(Jf,{src:u.logo,size:30}),title:We.createElement(ap,{variant:"title",size:"medium"},u.displayName),id:u.chainId}))),"renderList");return We.createElement(np,null,We.createElement(ap,{variant:"label",size:"large"},li.t("Select Blockchain")),We.createElement(sp,{size:4}),l==="loading"&&We.createElement(ip,null),l==="success"&&p())}s(pi,"BlockchainList");function ci(t){let{type:e}=t,o=ot(),[n,r]=pp(""),[i,a]=pp("ALL"),l=P.use.setToBlockchain(),p=P.use.setFromBlockchain(),u=T().fetchStatus,m=T().blockchains({type:e});return vt.createElement(j,{header:{title:lp.t("Select Blockchain")}},vt.createElement(ui,{size:12}),vt.createElement(og,{setCategory:a,category:i,blockchains:m,isLoading:u==="loading"}),vt.createElement(ui,{size:24}),vt.createElement(Re,{value:n,autoFocus:!0,placeholder:lp.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:c=>r(c.target.value)}),vt.createElement(ui,{size:16}),vt.createElement(pi,{list:m,searchedFor:n,blockchainCategory:i,onChange:c=>{e==="source"?p(c):l(c),o()}}))}s(ci,"SelectBlockchainPage");import{i18n as Ip}from"@lingui/core";import{Divider as Wp}from"@rango-dev/ui";import qt,{useState as Cg}from"react";import{useNavigate as kg}from"react-router-dom";import{i18n as di}from"@lingui/core";import{BlockchainsChip as Mn,Divider as dp,Image as fp,Skeleton as ag,Typography as fi}from"@rango-dev/ui";import de from"react";import{useEffect as ig}from"react";var up=["ETH","COSMOS","OSMOSIS"];function cp(t,e,o){let n=JSON.parse(JSON.stringify(t)),r=[];if(n.sort(ng),o?.limit&&t.length>o.limit){let i=o.limit,a=e;if(e.length<=o.limit)for(let l=0;l<o.limit;l++){let p=n[l];a=a.filter(u=>p.name!==u)}n.sort(rg(a)),r=n.splice(i)}return{list:n,more:r}}s(cp,"prepare");function ng(t,e){let o=up,n=o.findIndex(l=>l===t.name),r=o.findIndex(l=>l===e.name),i=n>-1,a=r>-1;return i&&a?n>r?1:-1:i?-1:a?1:0}s(ng,"sortByMostUsedBlockchains");function rg(t){return s(function(o,n){let r=t.findIndex(p=>p===o.name),i=t.findIndex(p=>p===n.name),a=r>-1,l=i>-1;return a&&l?r>i?1:-1:t.includes(o.name)?-1:t.includes(n.name)?1:0},"sortByPreferred")}s(rg,"generateSortByPreferredBlockchainsFor");function mi(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=D();ig(()=>{e?.selected&&n(e?.selected)},[e?.selected]);let r=cp(t,o,e);return{list:r.list,more:r.more,history:[]}}s(mi,"usePrepareBlockchainList");import{styled as sg}from"@rango-dev/ui";var mp=sg("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var lg=12;function gi(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:i}=t,a=mi(e,{limit:10,selected:n?.name}),{fetchStatus:l}=T(),p=P.use.resetToBlockchain(),u=P.use.resetFromBlockchain(),m=a.more.length>0,c=a.more.length===1,S=!c&&m;return de.createElement("div",null,de.createElement(dp,{size:12}),de.createElement(fi,{variant:"label",size:"large"},di.t("Select Blockchain")),de.createElement(dp,{size:12}),de.createElement(mp,null,l==="loading"&&Array.from(Array(lg),g=>de.createElement(ag,{key:g,variant:"rounded",height:50})),l==="success"&&de.createElement(de.Fragment,null,de.createElement(Mn,{selected:!n,onClick:()=>{o==="from"?u():p()}},de.createElement(fi,{variant:"body",size:"xsmall",color:"secondary500"},di.t("All"))),a.list.map(g=>de.createElement(Mn,{key:g.name,selected:!!n&&n.name===g.name,onClick:()=>r(g)},de.createElement(fp,{src:g.logo,size:30}))),c?de.createElement(Mn,{key:a.more[0].name,selected:!!n&&n.name===a.more[0].name,onClick:()=>r(a.more[0])},de.createElement(fp,{src:a.more[0].logo,size:30})):null,S?de.createElement(Mn,{onClick:i,key:"more-blockchains"},de.createElement(fi,{variant:"body",size:"xsmall",color:"secondary500"},di._("More +{count}",{count:a.more.length}))):null)))}s(gi,"BlockchainsSection");import{i18n as ki}from"@lingui/core";import{darkTheme as vp,Divider as po,ExternalLinkIcon as cg,Image as mg,ListItemButton as dg,NotFound as fg,PinIcon as gg,Skeleton as xp,Typography as uo,VirtualizedList as hg}from"@rango-dev/ui";import $,{forwardRef as yg,useEffect as bp,useState as Ep}from"react";var gp=s((t,e)=>{t=t.replace(/^#/,""),t.length===3&&(t=t[0]+t[0]+t[1]+t[1]+t[2]+t[2]);let[i,a,l]=t.match(/.{2}/g);[i,a,l]=[parseInt(i,16)+e,parseInt(a,16)+e,parseInt(l,16)+e],i=Math.max(Math.min(255,i),0).toString(16),a=Math.max(Math.min(255,a),0).toString(16),l=Math.max(Math.min(255,l),0).toString(16);let p=(i.length<2?"0":"")+i,u=(a.length<2?"0":"")+a,m=(l.length<2?"0":"")+l;return`#${p}${u}${m}`},"colorShade"),$n=s((t,e)=>{let a={[t]:e};for(let l=1;l<10;l++)l<5&&(a={...a,[t+l*100]:gp(e,(5-l)*25)}),l===5&&(a={...a,[t+l*100]:e}),l>5&&(a={...a,[t+l*100]:gp(e,-((l-5)*25))});return a},"generateRangeColors"),hi=s((t,e,o)=>{if(!o||!Object.entries(o).length)return{};let n=!1,r={...t};for(let i in o){let a=o[i];if(a&&a!==t[i])if(n=!0,i==="background"||i==="foreground")r={...r,[i]:a};else if(i==="neutral"&&e){let l=$n(i,a);r={...r,[`${i}100`]:l[`${i}900`],[`${i}200`]:l[`${i}800`],[`${i}300`]:l[`${i}700`],[`${i}400`]:l[`${i}600`],[`${i}500`]:l[`${i}500`],[`${i}600`]:l[`${i}400`],[`${i}700`]:l[`${i}300`],[`${i}800`]:l[`${i}200`],[`${i}900`]:l[`${i}100`]}}else r={...r,...$n(i,a)}}return n?r:{}},"generateColors");import{Divider as Tp,ListItem as ug,Skeleton as lo}from"@rango-dev/ui";import Ue from"react";import{darkTheme as hp,styled as Ke,Typography as pg}from"@rango-dev/ui";var yp=Ke("div",{display:"flex",flexDirection:"column",flexGrow:1}),yi=Ke("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),Pn=Ke("ul",{flexGrow:1,padding:0,margin:0,listStyle:"none","& li":{alignItems:"none",".description":{position:"relative",height:12,width:150,".token-title":{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",bottom:"-8px"},".token-address":{transform:"translateY(12px)",visibility:"hidden","& a":{fontSize:"$12",lineHeight:"$16",$$color:"$colors$neutral600",[`.${hp} &`]:{$$color:"$colors$neutral700"},color:"$$color",textDecoration:"none"}},".token-name":{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}},"&:hover":{".description":{".token-address":{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",visibility:"visible"},".token-address-without-name":{bottom:"-15px"},".token-name":{position:"absolute",transform:"translateY(-12px)",visibility:"hidden"},".token-title":{position:"absolute",transform:"translateY(-12px)",bottom:"-10px"}}}}}),Si=Ke("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),Ci=Ke(pg,{}),Sp=Ke("div",{textAlign:"right",".usd-value":{$$color:"$colors$neutral600",[`.${hp} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),_n=Ke("ul",{display:"flex",alignItems:"end",flexDirection:"column"}),iW=Ke("div",{display:"flex",alignItems:"center"}),Cp=Ke("div",{position:"relative",".image-container":{borderRadius:"$xm",overflow:"hidden"}}),kp=Ke("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6});function wp(t){return Ue.createElement(Pn,null,Array.from(Array(t.size),e=>Ue.createElement(ug,{key:e,hasDivider:!0,start:Ue.createElement(lo,{variant:"circular",width:35,height:35}),end:Ue.createElement(_n,null,Ue.createElement(lo,{variant:"text",size:"large",width:70}),Ue.createElement(Tp,{size:4}),Ue.createElement(lo,{variant:"text",size:"medium",width:50})),title:Ue.createElement("div",null,Ue.createElement(lo,{variant:"text",size:"large",width:90}),Ue.createElement(Tp,{size:4}),Ue.createElement(lo,{variant:"text",size:"medium",width:90}))})))}s(wp,"LoadingTokenList");var Ti=20,Sg=s(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:i,customCssForTagTitle:a}=t,l=e.length;return $.createElement("div",{className:"description"},o?$.createElement("div",{className:"token-name"},o):$.createElement(yi,{className:"token-title"},$.createElement(uo,{variant:"title",size:"xmedium"},r.symbol),$.createElement(po,{direction:"horizontal",size:4}),$.createElement(Si,{css:i},$.createElement(Ci,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&$.createElement("div",{className:`token-address ${!o&&"token-address-without-name"}`},$.createElement("a",{href:n,target:"_blank",rel:"nofollow noreferrer",onClick:p=>p.stopPropagation()},l>10?`${e.slice(0,5)}...${e.slice(l-6,l)}`:e," ",$.createElement(cg,{color:"gray",size:12}))))},"renderDesc");function Ap(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[i,a]=Ep(e),l=T().fetchStatus,p=T().blockchains(),[u,m]=Ep(!0),c=V.use.loading(),{isTokenPinned:S}=T(),g=yg((d,w)=>$.createElement("div",{...d,ref:w,style:{...d.style,height:`${parseFloat(d.style?.height)+8*2}px`}})),y=s(()=>{a(e.slice(0,i.length+Ti))},"loadNextPage");bp(()=>{m(e.length>i.length)},[i.length]),bp(()=>{a(e.slice(0,Ti))},[e]);let x=s(()=>!i.length&&o?$.createElement($.Fragment,null,$.createElement(po,{size:32}),$.createElement(fg,{title:ki.t("No results found"),description:ki.t("Try using different keywords")})):$.createElement(hg,{Item:({index:d,style:w})=>{let f=i[d],k=f.address||"",h=p.find(A=>A.name===f.blockchain),C=$n(f.symbol,h?.color||""),b={$$color:C[`${f.symbol}100`],[`.${vp} &`]:{$$color:C[`${f.symbol}900`]},backgroundColor:"$$color"},B={$$color:C[`${f.symbol}700`],[`.${vp} &`]:{$$color:C[`${f.symbol}100`]},color:"$$color"};return $.createElement("div",{style:{...w,paddingRight:5}},$.createElement(dg,{style:{height:w?.height},"tab-index":d,key:`${f.symbol}${f.address}`,id:`${f.symbol}${f.address}`,hasDivider:!0,onClick:()=>n(i[d]),start:$.createElement(Cp,null,$.createElement(mg,{src:f.image,size:30}),S(f)&&$.createElement(kp,null,$.createElement(gg,{size:12,color:"gray"}))),title:h?.type==="COSMOS"||f.name||!f.name&&!k?$.createElement(yi,null,$.createElement(uo,{variant:"title",size:"xmedium"},f.symbol),$.createElement(po,{direction:"horizontal",size:4}),$.createElement(Si,{css:b},$.createElement(Ci,{variant:"body",size:"xsmall",css:B},f.blockchain))):void 0,description:h?.info&&k&&h.type!=="COSMOS"?Sg({address:k,token:i[d],customCssForTag:b,customCssForTagTitle:B,name:f.name,url:h.info.addressUrl.split("{wallet}").join(k)}):f.name||void 0,end:c?$.createElement(_n,null,$.createElement(xp,{variant:"text",size:"large",width:70}),$.createElement(po,{size:4}),$.createElement(xp,{variant:"text",size:"medium",width:50})):i[d]?.balance&&$.createElement(Sp,null,$.createElement(uo,{variant:"title",size:"small"},f.balance?.amount),$.createElement("div",null),f.balance?.usdValue&&$.createElement(uo,{variant:"body",className:"usd-value",size:"xsmall"},`$${f.balance?.usdValue}`))}))},hasNextPage:u,itemCount:i.length,loadNextPage:y,innerElementType:g,size:60,key:`${r}-${o}`}),"renderList");return $.createElement(yp,null,$.createElement(uo,{variant:"label",size:"large"},ki.t("Select Token")),$.createElement(po,{size:4}),l==="loading"&&$.createElement(wp,{size:Ti}),l==="success"&&$.createElement(Pn,null,x()))}s(Ap,"TokenList");function wi(t){let{type:e}=t,o=kg(),n=ot(),{fromBlockchain:r,toBlockchain:i,setFromToken:a,setToToken:l,setFromBlockchain:p,setToBlockchain:u}=P(),{connectedWallets:m}=V(),[c,S]=Cg(""),y=(e==="source"?r:i)?.name??"",x=T().blockchains({type:e}),d=T().tokens({type:e,blockchain:y,searchFor:c}),w=us(d,m),f=s(h=>{e==="source"?p(h):u(h)},"updateBlockchain"),k=s(h=>{e==="source"?a({token:h,meta:{blockchains:x,tokens:d}}):l({token:h,meta:{blockchains:x,tokens:d}})},"updateToken");return qt.createElement(j,{header:{title:Ip.t("Swap {type}",{type:e})}},qt.createElement(gi,{blockchains:x,type:e=="source"?"from":"to",blockchain:e==="source"?r:i,onMoreClick:()=>o(M.blockchains),onChange:h=>{f(h)}}),qt.createElement(Wp,{size:24}),qt.createElement(Re,{value:c,autoFocus:!0,placeholder:Ip.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>S(""),onChange:h=>S(h.target.value)}),qt.createElement(Wp,{size:16}),qt.createElement(Ap,{list:w,selectedBlockchain:y,searchedFor:c,onChange:h=>{k(h);let C=x.find(b=>h.blockchain===b.name);C&&f(C),n()}}))}s(wi,"SelectSwapItemsPage");import{i18n as xt}from"@lingui/core";import{ChevronRightIcon as bi,Divider as Ei,InfoIcon as Eg,List as Ag,ListItemButton as Ig,Skeleton as Wg,Switch as Ng,Tooltip as Lg,Typography as bt}from"@rango-dev/ui";import Q from"react";import{useNavigate as Bg}from"react-router-dom";import{i18n as $p}from"@lingui/core";import{Chip as wg,Divider as Pp,InfoIcon as vg,TextField as xg,Tooltip as bg,Typography as _p}from"@rango-dev/ui";import ke from"react";import{styled as Dn}from"@rango-dev/ui";var Np=Dn("div",{paddingTop:"$5",paddingBottom:"30px"}),Lp=Dn("div",{display:"flex",alignItems:"center",justifyContent:"start"}),Bp=Dn("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),Fn=Dn("div",{maxWidth:"300px",padding:"$10"});import{i18n as vi}from"@lingui/core";import{Typography as Tg}from"@rango-dev/ui";import co from"react";function Mp(){return co.createElement(Fn,null,co.createElement(Tg,{variant:"label",size:"medium",color:"neutral700"},vi.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),co.createElement("br",null),co.createElement("br",null),co.createElement("b",null,vi.t("Warning")),":",vi.t("This setting is applied per step, e.g. 1Inch, Thorchain, etc. and only that step will be reverted, not the whole transaction")))}s(Mp,"SlippageTooltipContent");function xi(){let t=D.use.slippage(),e=D.use.setSlippage(),o=D.use.customSlippage(),n=D.use.setCustomSlippage();return ke.createElement(Np,null,ke.createElement(Bp,null,ke.createElement(_p,{variant:"title",size:"xmedium"},$p.t("Slippage tolerance per swap")),ke.createElement(Pp,{direction:"horizontal",size:4}),ke.createElement(bg,{container:Z(),side:"top",content:ke.createElement(Mp,null)},ke.createElement(vg,{color:"gray"}))),ke.createElement(Lp,null,Ss.map((r,i)=>{let a=`slippage-${i}`;return ke.createElement(ke.Fragment,null,ke.createElement(wg,{style:{width:"64px",flexShrink:0},key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`}),ke.createElement(Pp,{direction:"horizontal",size:8}))}),ke.createElement(xg,{type:"number",min:"0.01",max:"30",step:"0.01",fullWidth:!0,variant:"contained",value:o||"",color:"dark",onChange:r=>{let i=parseFloat(r.target.value);(!i||i>=ws&&i<=Ts)&&n(i)},suffix:o&&ke.createElement(_p,{variant:"body",size:"small"},"%"),placeholder:$p.t("Custom")})))}s(xi,"Slippage");function Dp(){let t=Bg(),{theme:e}=T().config,o=T().fetchStatus,n=T().swappers(),r=D.use.infiniteApprove(),i=D.use.toggleInfiniteApprove(),a=_o(n),l=a.filter(k=>k.type==="BRIDGE"||k.type==="AGGREGATOR"),p=l.length,u=l.filter(k=>k.selected).length,m=a.filter(k=>k.type==="DEX"),c=m.length,S=m.filter(k=>k.selected).length,g=s((k,h)=>{switch(o){case"loading":return Q.createElement(Wg,{variant:"text",size:"medium",width:50});case"failed":return Q.createElement(bt,{variant:"body",size:"medium",color:"$error500"},xt.t("Loading failed"));default:return Q.createElement(bt,{variant:"body",size:"medium"},`${k} / ${h}`)}},"handleEndItem"),y={id:"bridge-item",title:Q.createElement(bt,{variant:"title",size:"xmedium"},xt.t("Enabled bridges")),end:Q.createElement(Q.Fragment,null,g(u,p),Q.createElement(Ei,{direction:"horizontal",size:8}),Q.createElement(bi,{color:"black"})),onClick:()=>t(M.bridges)},x={id:"exchange-item",title:Q.createElement(bt,{variant:"title",size:"xmedium"},xt.t("Enabled exchanges")),end:Q.createElement(Q.Fragment,null,g(S,c),Q.createElement(Ei,{direction:"horizontal",size:8}),Q.createElement(bi,{color:"gray"})),onClick:()=>t(M.exchanges)},d={id:"theme-item",title:Q.createElement(bt,{variant:"title",size:"xmedium"},xt.t("Theme")),end:Q.createElement(bi,{color:"gray"}),onClick:()=>t(M.themes)},w={id:"infinite-approval-item",title:Q.createElement(Q.Fragment,null,Q.createElement(bt,{variant:"title",size:"xmedium"},xt.t("Infinite Approval")),Q.createElement(Ei,{direction:"horizontal",size:4}),Q.createElement(Lg,{side:"top",container:Z(),content:Q.createElement(Fn,null,Q.createElement(bt,{variant:"label",size:"medium",color:"neutral700"},xt.t("Enabling the 'Infinite Approval' mode grants unrestricted access to smart contracts of DEXes/Bridges, allowing them to utilize the approved token amount without limitations.")))},Q.createElement(Eg,{color:"gray"}))),end:Q.createElement(Ng,{checked:r}),onClick:i},f=[y,x];return e?.singleTheme||f.push(d),f.push(w),Q.createElement(j,{header:{title:xt.t("Setting")}},Q.createElement(et,null,Q.createElement(xi,null),Q.createElement(Ag,{type:Q.createElement(Ig,{title:"_",id:"_",onClick:()=>console.log()}),items:f})))}s(Dp,"SettingsPage");import{cancelSwap as Eh}from"@rango-dev/queue-manager-rango-preset";import{useManager as Ah}from"@rango-dev/queue-manager-react";import gu from"react";import{i18n as tt}from"@lingui/core";import{getCurrentBlockchainOfOrNull as ah,getCurrentStep as lh,getRelatedWalletOrNull as ph,PendingSwapNetworkStatus as Kn}from"@rango-dev/queue-manager-rango-preset";import{Button as au,CopyIcon as uh,Divider as ch,IconButton as mh,QuoteCost as dh,StepDetails as fh,Typography as Ht,useCopyToClipboard as gh}from"@rango-dev/ui";import{useWallets as hh}from"@rango-dev/wallets-react";import K,{useEffect as lu,useRef as yh,useState as pu}from"react";import{useNavigate as Sh}from"react-router-dom";import{i18n as Te}from"@lingui/core";var Mg=1e3,$g=31536e3,Pg=2592e3,_g=86400,Dg=3600,Fg=60;function Fp(t){let e=Math.floor((Date.now()-t)/Mg),n=[{turningPoint:$g,label:Te.t("year"),pluralLabel:Te.t("years")},{turningPoint:Pg,label:Te.t("month"),pluralLabel:Te.t("months")},{turningPoint:_g,label:Te.t("day"),pluralLabel:Te.t("days")},{turningPoint:Dg,label:Te.t("hour"),pluralLabel:Te.t("hours")},{turningPoint:Fg,label:Te.t("minute"),pluralLabel:Te.t("minutes")}].sort((r,i)=>i.turningPoint-r.turningPoint);for(let r of n){let{turningPoint:i,label:a,pluralLabel:l}=r,p=Math.floor(e/i);if(p>1)return`${p} ${l}`;if(p===1)return`${p} ${a}`}return e>1?`${e} ${Te.t("seconds")}`:`${e} ${Te.t("second")}`}s(Fp,"timeSince");function Op(t){return t.finishTime?Te.t({id:"{time} ago",values:{time:Fp(parseInt(t.finishTime))}}):Te.t({id:"{time} ago",values:{time:Fp(parseInt(t.creationTime))}})}s(Op,"getSwapDate");import{PendingSwapNetworkStatus as zn}from"@rango-dev/queue-manager-rango-preset";import{Modal as Qg}from"@rango-dev/ui";import qn from"react";import{i18n as On}from"@lingui/core";import{Button as Up,Divider as Ai,MessageBox as Og,Typography as zp}from"@rango-dev/ui";import Xe from"react";var qp=s(({onCancel:t,onClose:e})=>Xe.createElement(Xe.Fragment,null,Xe.createElement(Ai,{size:20}),Xe.createElement(Og,{type:"error",title:On.t("Transaction Cancel"),description:On.t("Are you sure you want to Cancel this swap?")}),Xe.createElement(Ai,{size:32}),Xe.createElement(Up,{variant:"contained",type:"primary",size:"large",onClick:t},Xe.createElement(zp,{variant:"title",size:"medium",color:"neutral100"},On.t("Yes, Cancel it"))),Xe.createElement(Ai,{size:12}),Xe.createElement(Up,{variant:"outlined",type:"primary",size:"large",onClick:e},Xe.createElement(zp,{variant:"title",size:"medium",color:"primary"},On.t("No, Continue")))),"CancelContent");import{i18n as Un}from"@lingui/core";import{Button as Gp,Divider as Ii,MessageBox as Ug,Typography as Hp}from"@rango-dev/ui";import Ye from"react";var Qp=s(({onDelete:t,onClose:e})=>Ye.createElement(Ye.Fragment,null,Ye.createElement(Ii,{size:20}),Ye.createElement(Ug,{type:"error",title:Un.t("Delete Transaction"),description:Un.t("Are you sure you want to delete this swap?")}),Ye.createElement(Ii,{size:32}),Ye.createElement(Gp,{variant:"contained",type:"primary",size:"large",onClick:t},Ye.createElement(Hp,{variant:"title",size:"medium",color:"neutral100"},Un.t("Yes, Delete it"))),Ye.createElement(Ii,{size:12}),Ye.createElement(Gp,{variant:"outlined",type:"primary",size:"large",onClick:e},Ye.createElement(Hp,{variant:"title",size:"medium",color:"primary"},Un.t("No, Cancel")))),"DeleteContent");import{i18n as Wi}from"@lingui/core";import{PendingSwapNetworkStatus as Ni}from"@rango-dev/queue-manager-rango-preset";var Li={[Ni.WaitingForNetworkChange]:{type:"loading",title:Wi.t("Change Network")},[Ni.WaitingForConnectingWallet]:{type:"warning",title:Wi.t("Connect Wallet")},[Ni.NetworkChanged]:{type:"success",title:Wi.t("Network Changed")}};import{MessageBox as qg,Wallet as Gg,WalletState as jp}from"@rango-dev/ui";import{useWallets as Hg}from"@rango-dev/wallets-react";import mo from"react";import{styled as zg}from"@rango-dev/ui";var Vp=zg("div",{display:"flex",justifyContent:"center"});var Kp=s(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:i}=t,{connect:a,getWalletInfo:l,state:p}=Hg(),u=n?.walletType,c=u&&p(u).connected?jp.CONNECTED:jp.DISCONNECTED;return mo.createElement(mo.Fragment,null,mo.createElement(qg,{type:e,title:o,description:r}),i&&u&&mo.createElement(Vp,null,mo.createElement(Gg,{container:Z(),title:l(u).name,image:l(u).img,type:u,state:c,onClick:async()=>a(u)})))},"WalletStateContent");function Bi(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:i,message:a}=t,l=e===zn.WaitingForNetworkChange||e===zn.WaitingForConnectingWallet||e===zn.NetworkChanged;return qn.createElement(Qg,{open:!!e,onClose:o,container:document.getElementById("swap-box")||document.body},l&&qn.createElement(Kp,{type:Li[e].type,title:Li[e].title,currentStepWallet:i,message:a,showWalletButton:e!==zn.WaitingForNetworkChange}),e==="delete"&&qn.createElement(Qp,{onClose:o,onDelete:n}),e==="cancel"&&qn.createElement(qp,{onClose:o,onCancel:r}))}s(Bi,"SwapDetailsModal");import{i18n as fo}from"@lingui/core";import{Button as Mi,Divider as Gn,MessageBox as Xp,Modal as Vg,TokenAmount as jg,Typography as Hn}from"@rango-dev/ui";import ue from"react";import{useNavigate as Kg}from"react-router-dom";function $i(t){let{open:e,onClose:o,status:n,priceValue:r,usdValue:i,token:a,chain:l,percentageChange:p,description:u,diagnosisUrl:m}=t,c=Kg();return ue.createElement(Vg,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},n==="success"?ue.createElement(Xp,{type:"success",title:fo.t("Swap Successful")},ue.createElement(jg,{direction:"vertical",type:"output",centerAlign:!0,price:{value:r,usdValue:i},token:a,chain:l,percentageChange:p}),ue.createElement(Gn,{size:12}),ue.createElement(Hn,{variant:"body",size:"medium",color:"neutral700",align:"center"},u)):ue.createElement(Xp,{type:"error",title:fo.t("Transaction Failed"),description:u}),ue.createElement(Gn,{size:32}),n==="success"&&ue.createElement(Mi,{variant:"contained",type:"primary",size:"large",onClick:()=>{c("../../")}},ue.createElement(Hn,{variant:"title",size:"medium",color:"neutral100"},fo.t("Done"))),ue.createElement(Gn,{size:12}),m&&ue.createElement(ue.Fragment,null,ue.createElement(Mi,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(m,"_blank")},ue.createElement(Hn,{variant:"title",size:"medium",color:"primary"},fo.t("Diagnosis"))),ue.createElement(Gn,{size:12})),ue.createElement(Mi,{variant:"outlined",type:"primary",size:"large",onClick:o},ue.createElement(Hn,{variant:"title",size:"medium",color:"primary"},fo.t("See Details"))))}s($i,"SwapDetailsCompleteModal");import ih from"react";import{i18n as th}from"@lingui/core";import{Alert as tu,IconButton as oh,LinkIcon as nh}from"@rango-dev/ui";import dt,{Fragment as rh}from"react";import{Alert as Xg,ChevronDownIcon as Yg,ChevronUpIcon as Jg,IconButton as Zg}from"@rango-dev/ui";import Qn,{useState as Rg}from"react";function Yp(t){let{message:e}=t,[o,n]=Rg(!1);return Qn.createElement(Xg,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&Qn.createElement(Zg,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?Qn.createElement(Jg,{size:12,color:"gray"}):Qn.createElement(Yg,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}s(Yp,"FailedAlert");import{styled as eh}from"@rango-dev/ui";var Jp=eh("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as Zp}from"@lingui/core";import{PendingSwapNetworkStatus as Pi}from"@rango-dev/queue-manager-rango-preset";import{Alert as _i,Button as Rp}from"@rango-dev/ui";import go from"react";function eu(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?go.createElement(_i,{type:"warning",title:n.shortMessage,action:go.createElement(Rp,{size:"xxsmall",type:"warning",onClick:()=>{o(Pi.WaitingForNetworkChange),e().catch(i=>{console.log(i)})}},Zp.t("Change"))}):r===Pi.WaitingForConnectingWallet?go.createElement(_i,{type:"warning",title:n.shortMessage,action:go.createElement(Rp,{size:"xxsmall",type:"warning",onClick:()=>{o(Pi.WaitingForConnectingWallet)}},Zp.t("Connect"))}):go.createElement(_i,{type:"warning",title:n.shortMessage})}s(eu,"WarningAlert");function Di(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:i,hasAlreadyProceededToSign:a}=t,l=Xt(i),p=i.status==="waitingForApproval"&&!l,u=i.status==="running"&&!l;return dt.createElement(Jp,null,i.explorerUrl?.map((m,c,S)=>{let g=c+m.url,y=c===S.length-1,x=y&&u||p,d=y&&i.status==="failed";return dt.createElement(rh,{key:g},dt.createElement(tu,{type:x&&"loading"||d&&"error"||"success",title:m.description?`${m.description} Tx`:th.t("View transaction"),action:m.url&&dt.createElement(oh,{variant:"ghost",size:"xsmall",onClick:()=>window.open(m.url,"_blank")},dt.createElement(nh,{size:16}))}))}),(u&&!a||p&&!i.explorerUrl?.length)&&dt.createElement(tu,{type:"loading",title:r.shortMessage}),i.status!=="failed"&&l&&dt.createElement(eu,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),i.status==="failed"&&dt.createElement(Yp,{message:r}))}s(Di,"SwapDetailsAlerts");var ou=2e3;var nu=s(({swap:t,blockchains:e,...o})=>{let n=t.hasAlreadyProceededToSign!==!1;return t.steps.map((r,i)=>{let a=i===0?t.inputAmount:t.steps[i-1].outputAmount;return{from:{token:{displayName:r.fromSymbol,image:r.fromLogo??""},chain:{displayName:hr(r.fromBlockchain,e)??"",image:r.fromBlockchainLogo??""},price:{value:W(a,6,6)}},to:{token:{displayName:r.toSymbol,image:r.toLogo},chain:{displayName:hr(r.toBlockchain,e)??"",image:r.toBlockchainLogo??""},price:{value:W(r.outputAmount||r.expectedOutputAmountHumanReadable,6,6)}},swapper:{displayName:r.swapperId,image:r.swapperLogo??""},alerts:ih.createElement(Di,{step:r,hasAlreadyProceededToSign:n,...o})}})},"getSteps");function ru(t){if(Xt(t)&&t.status!=="failed"&&t.status!=="success")return"warning";switch(t.status){case"created":return"default";case"approved":case"waitingForApproval":case"running":return"in-progress";case"failed":return"error";case"success":return"completed"}}s(ru,"getStepState");import{darkTheme as sh,styled as Gt}from"@rango-dev/ui";var Vn=Gt("div",{display:"flex",width:"100%",flexDirection:"column",alignItems:"center",height:"0",flexGrow:1,"& .row":{display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",padding:"$10 $20",borderBottom:"1px solid",$$color:"$colors$neutral300",[`.${sh} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color",color:"$neutral500"},"& .request-id":{display:"flex",justifyContent:"center",alignItems:"center",height:"$24"},"& .output":{display:"flex",width:"100%",padding:"$15 $20 $20",flexDirection:"column",alignItems:"start"},"& .title-steps":{textAlign:"left",width:"100%",padding:"0 $20 $10"}}),jn=Gt("div",{width:"100%"}),iu=Gt("div",{padding:"$0 $20 $20 $20",width:"100%",overflow:"auto"}),UL=Gt("div",{display:"flex",flexDirection:"column",gap:"$10"}),su=Gt("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),zL=Gt("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1});function Fi(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:i,connect:a,getWalletInfo:l}=hh(),p=T().blockchains(),u=T().tokens(),m=P.use.retry(),c=Sh(),[S,g]=gh(ou),y=yh(null),[x,d]=pu(null),[w,f]=pu(null),k=s(()=>{r(),d(null)},"onCancel"),h=Ie.use.getUnreadNotifications(),C=Ie.use.setAsRead(),b=h(),B=lh(e),A=B?.networkStatus;lu(()=>{b.find(se=>se.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(f(e.status),C(e.requestId))},[e.status]),lu(()=>{U?d(Kn.WaitingForNetworkChange):A===Kn.WaitingForConnectingWallet||A===Kn.NetworkChanged?d(A):d(null)},[A]);let _=ea(e),L=B?ah(e,B):null,H=B?ph(e,B):null,v=Op(e),z=ta(e),O=s(q=>!!l(q)?.mobileWallet,"isMobileWallet"),U=A===Kn.WaitingForNetworkChange&&!!L&&!!H?.walletType&&(O(H.walletType)||i(H.walletType,L)),ne=U?a.bind(null,H.walletType,L):void 0,Ne=Rs(e,B),ee=nu({swap:e,switchNetwork:ne,showNetworkModal:A,setNetworkModal:d,message:Ne,blockchains:p}),oe=ee.length,[fe,ze]=[e.steps[0],e.steps[oe-1]],ft=ze.outputAmount||ze.expectedOutputAmountHumanReadable,vo=e.steps.reduce((q,se)=>q+parseFloat(se.feeInUsd||""),0),Rn=e.steps.find(q=>q.diagnosisUrl)?.diagnosisUrl,Et=W(String(parseFloat(W(ft,6,6))*(Bo(ze.toBlockchain,ze.toSymbol,ze.toSymbolAddress,u)||0)),4,4),xo=W(String(parseFloat(e.inputAmount)*(Bo(fe.fromBlockchain,fe.fromSymbol,fe.fromSymbolAddress,u)||0)),4,4),F=Bt(xo,Et),X=e.status==="success"?tt.t({id:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:W(ft,6,6),token:ee[oe-1].to.token.displayName,conciseAddress:$o(e.wallets[ee[oe-1].to.chain.displayName]?.address||""),chain:ee[oe-1].to.chain.displayName}}):`${tt.t("Transaction was not sent.")} ${_?tt.t({id:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:_.outputAmount,symbol:_.symbol,blockchain:_.blockchain}}):""}`;return K.createElement(j,{noPadding:!0,header:{title:tt.t("Swap and Bridge"),onCancel:e.status==="running"?()=>d("cancel"):void 0,suffix:e.status!=="running"&&K.createElement(Nt,null,K.createElement(au,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>d("delete")},K.createElement(Ht,{size:"medium",variant:"label",color:"error"},tt.t("Delete"))))},footer:z&&!w&&K.createElement(au,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{m(e,{blockchains:p,tokens:u}),setTimeout(()=>{c("../../")},0)}},tt.t("Try again"))},K.createElement(Vn,null,K.createElement(jn,null,K.createElement("div",{className:"row"},K.createElement(Ht,{variant:"label",size:"large",color:"neutral700"},`${tt.t("Request ID")}:`),K.createElement("div",{className:"request-id"},K.createElement(Ht,{variant:"label",size:"small",color:"neutral700"},o),K.createElement(mh,{variant:"ghost",onClick:g.bind(null,o||"")},K.createElement(uh,{size:16,color:"gray"})))),K.createElement("div",{className:"row"},K.createElement(Ht,{variant:"label",size:"large",color:"neutral700"},`${tt.t("Created at")}:`),K.createElement(Ht,{variant:"label",size:"small",color:"neutral700"},v))),K.createElement("div",{className:"output"},K.createElement(dh,{fee:W(String(vo),2,2),time:Ao(Io(e.steps)),steps:oe}),K.createElement(Jt,{from:{price:{value:W(e.inputAmount,6,6),usdValue:xo},token:{displayName:ee[0].from.token.displayName,image:ee[0].from.token.image},chain:{image:ee[0].from.chain.image,displayName:ee[0].from.chain.displayName}},to:{price:{value:W(ft,6,6),usdValue:Et},token:{displayName:ee[oe-1].to.token.displayName,image:ee[oe-1].to.token.image},chain:{image:ee[oe-1].to.chain.image,displayName:ee[oe-1].to.chain.displayName}},percentageChange:W(String(F),2,2),warningLevel:Je(F??0)})),K.createElement("div",{className:"title-steps"},K.createElement(Ht,{variant:"title",size:"small"},tt.t("Swaps steps"))),K.createElement(ch,{size:8}),K.createElement(iu,{ref:y},ee.map((q,se)=>{let qe=se,xe=ru(e.steps[se]),er=xe==="error"||xe==="in-progress"||xe==="warning"||xe==="completed"&&se===ee.length-1;return K.createElement(fh,{key:qe,step:q,type:"swap-progress",ref:y,state:xe,hasSeparator:se!==0,tabIndex:qe,isFocused:er})}))),K.createElement(Bi,{state:x,onClose:()=>d(null),onCancel:k,onDelete:n,message:Ne.detailedMessage.content,currentStepWallet:H}),K.createElement($i,{open:!!w,diagnosisUrl:Rn,onClose:()=>f(null),status:e.status==="success"?"success":"failed",priceValue:W(ft,6,6),usdValue:Et,percentageChange:W(String(F),2,2),token:{displayName:ee[oe-1].to.token.displayName,image:ee[oe-1].to.token.image},chain:{image:ee[oe-1].to.chain.image},description:X}))}s(Fi,"SwapDetails");import{i18n as ko}from"@lingui/core";import{CopyIcon as vh,IconButton as xh,NotFound as bh,Skeleton as du,Typography as Yn}from"@rango-dev/ui";import le from"react";import{i18n as kh}from"@lingui/core";import{ChainToken as Th,Divider as Ui,Skeleton as Co,Typography as wh}from"@rango-dev/ui";import J from"react";import{styled as Oi}from"@rango-dev/ui";var uu=Oi("div",{width:"100%",height:"100%",padding:"$0 $20",".cost":{paddingTop:"$15",display:"flex"},".quote-summary":{padding:"$15 $0"},".quote-summary-item":{display:"flex",justifyContent:"space-between",alignItems:"center"},".token-amount":{display:"flex",justifyContent:"space-between",alignItems:"center"},".quote-summary-separator":{width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"},".swaps-steps":{paddingBottom:"$10"}}),cu=Oi("div",{backgroundColor:"$neutral100",borderRadius:"$xm",padding:"$10 $15",".step-title":{display:"flex",justifyContent:"start",alignItems:"center"},".step-tokens":{paddingTop:"$5",display:"flex",alignItems:"center"},".step-token-info":{display:"flex",alignItems:"center"},".step-icon-container":{padding:"$4 $6",display:"flex",justifyContent:"center",alignItems:"center"},".extra-info":{display:"flex",paddingTop:"$10",paddingBottom:"$5"}}),Xn=Oi("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"});import{ChainToken as mu,Divider as ho,NextIcon as Ch,Skeleton as yo}from"@rango-dev/ui";import ae from"react";function So(t){let{extraInfo:e}=t;return ae.createElement(cu,null,ae.createElement("div",{className:"step-title"},ae.createElement(yo,{height:28,width:28,variant:"circular"}),ae.createElement(ho,{direction:"horizontal",size:8}),ae.createElement(yo,{height:15,width:148,variant:"rounded"})),ae.createElement("div",{className:"step-tokens"},ae.createElement(ho,{direction:"horizontal",size:20}),ae.createElement("div",{className:"step-token-info"},ae.createElement(mu,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ae.createElement(ho,{direction:"horizontal",size:8}),ae.createElement(yo,{height:12,width:76,variant:"rounded"})),ae.createElement("div",{className:"step-icon-container"},ae.createElement(Ch,{color:"gray",size:16})),ae.createElement("div",{className:"step-token-info"},ae.createElement(mu,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ae.createElement(ho,{direction:"horizontal",size:8}),ae.createElement(yo,{height:12,width:76,variant:"rounded"}))),e&&ae.createElement("div",{className:"extra-info"},ae.createElement(ho,{direction:"horizontal",size:20}),ae.createElement(yo,{height:22,width:297,variant:"rectangular"})))}s(So,"LoadingSwapDetailStep");function zi(){let t=J.createElement("div",{className:"quote-summary-item"},J.createElement("div",{className:"token-amount"},J.createElement(Th,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),J.createElement(Ui,{size:8,direction:"horizontal"}),J.createElement(Co,{height:15,width:148,variant:"rounded"})),J.createElement(Co,{height:12,width:64,variant:"rounded"}));return J.createElement(uu,null,J.createElement("div",{className:"cost"},J.createElement(Co,{width:60,height:10,variant:"rounded"}),J.createElement(Ui,{size:4,direction:"horizontal"}),J.createElement(Co,{width:60,height:10,variant:"rounded"}),J.createElement(Ui,{size:4,direction:"horizontal"}),J.createElement(Co,{width:60,height:10,variant:"rounded"})),J.createElement("div",{className:"quote-summary"},t,J.createElement("div",{className:"quote-summary-separator"}),t),J.createElement("div",{className:"swaps-steps"},J.createElement(wh,{variant:"title",size:"small"},kh.t("Swaps steps"))),J.createElement("div",{className:"step-container"},J.createElement(So,{extraInfo:!0}),J.createElement(Xn,null),J.createElement(So,null),J.createElement(Xn,null),J.createElement(So,null),J.createElement(Xn,null),J.createElement(So,null)))}s(zi,"LoadingSwapDetails");function fu(t){let{requestId:e,showSkeleton:o}=t;return le.createElement(j,{noPadding:!0,header:{title:ko.t("Swap and Bridge"),suffix:le.createElement(Nt,null)}},o&&le.createElement(Vn,null,le.createElement(jn,null,le.createElement("div",{className:"row"},le.createElement(Yn,{variant:"label",size:"large",color:"neutral700"},`${ko.t("Request ID")}:`),le.createElement("div",{className:"request-id"},le.createElement(Yn,{variant:"label",size:"small",color:"neutral700"},le.createElement(du,{width:60,height:10,variant:"rounded"})),le.createElement(xh,{variant:"ghost"},le.createElement(vh,{size:16,color:"gray"})))),le.createElement("div",{className:"row"},le.createElement(Yn,{variant:"label",size:"large",color:"neutral700"},`${ko.t("Created at")}:`),le.createElement(Yn,{variant:"label",size:"small",color:"neutral700"},le.createElement(du,{width:60,height:10,variant:"rounded"})))),le.createElement(zi,null)),!o&&le.createElement(su,null,le.createElement(bh,{title:ko.t("Not found"),description:ko.t({id:"Swap with request ID = {requestId} not found.",values:{requestId:e}})})))}s(fu,"SwapDetailsPlaceholder");function hu(){let{manager:t,state:e}=Ah(),o=!e.loadedFromPersistor,n=Ut(t),r=Se.use.selectedSwapRequestId(),i=ot(),{fetchStatus:a}=T(),l=o||a==="loading",p=n.find(({swap:S})=>S.requestId===r),u=s(()=>{if(p?.id){let S=t?.get(p.id);S&&Eh(S)}},"onCancel"),m=s(async()=>{if(p?.id)try{t?.deleteQueue(p.id),i()}catch(S){console.log(S)}},"onDelete"),c=p?.swap;return!c||l?gu.createElement(fu,{requestId:r||"",showSkeleton:l}):gu.createElement(Fi,{swap:c,requestId:r||"",onCancel:u,onDelete:m})}s(hu,"SwapDetailsPage");import{i18n as To}from"@lingui/core";import{AutoThemeIcon as Ih,DarkModeIcon as Wh,LightModeIcon as Nh,List as Lh,ListItemButton as Bh,Radio as qi,RadioRoot as Mh,Typography as Gi}from"@rango-dev/ui";import we from"react";function yu(){let t=D.use.theme(),e=D.use.setTheme(),o=[{id:"light",value:"light",title:we.createElement(Gi,{variant:"title",size:"xmedium"},To.t("Light")),onClick:()=>e("light"),start:we.createElement(Nh,{color:"gray"}),end:we.createElement(qi,{value:"light"})},{id:"dark",value:"dark",title:we.createElement(Gi,{variant:"title",size:"xmedium"},To.t("Dark")),onClick:()=>e("dark"),start:we.createElement(Wh,{color:"gray"}),end:we.createElement(qi,{value:"dark"})},{id:"auto",value:"auto",title:we.createElement(Gi,{variant:"title",size:"xmedium"},To.t("Auto")),onClick:()=>e("auto"),start:we.createElement(Ih,{color:"gray"}),end:we.createElement(qi,{value:"auto"})}];return we.createElement(j,{header:{title:To.t("Theme")}},we.createElement(et,null,we.createElement(Mh,{onValueChange:n=>e(n),value:t},we.createElement(Lh,{type:we.createElement(Bh,{title:To.t("Theme"),id:"_",onClick:()=>console.log()}),items:o}))))}s(yu,"ThemePage");function Su(){return $h([{path:M.home,element:ve.createElement(dn,null)},{path:M.fromSwap,children:[{index:!0,element:ve.createElement(wi,{type:"source"})},{path:M.blockchains,element:ve.createElement(ci,{type:"source"})}]},{path:M.toSwap,children:[{index:!0,element:ve.createElement(wi,{type:"destination"})},{path:M.blockchains,element:ve.createElement(ci,{type:"destination"})}]},{path:M.settings,children:[{index:!0,element:ve.createElement(Dp,null)},{path:M.themes,element:ve.createElement(yu,null)},{path:M.languages,element:ve.createElement(Zl,null)},{path:M.exchanges,element:ve.createElement(si,{sourceType:"Exchanges"})},{path:M.bridges,element:ve.createElement(si,{sourceType:"Bridges"})}]},{path:M.swaps,children:[{index:!0,element:ve.createElement(Yl,null)},{path:M.swapDetails,element:ve.createElement(hu,null)}]},{path:M.wallets,element:ve.createElement(vl,null)},{path:M.confirmSwap,element:ve.createElement(Ul,null)}])}s(Su,"AppRoutes");import{isApprovalTX as Ph,MainEvents as ku,RouteEventType as Tu,StepEventType as Qt,StepExecutionEventStatus as _h,useEvents as Dh}from"@rango-dev/queue-manager-rango-preset";import{useEffect as wu}from"react";import{StepExecutionBlockedEventStatus as Hi}from"@rango-dev/queue-manager-rango-preset";var Cu=[Hi.WAITING_FOR_CHANGE_WALLET_ACCOUNT,Hi.WAITING_FOR_NETWORK_CHANGE,Hi.WAITING_FOR_WALLET_CONNECT];function vu(){let t=T().tokens(),e=V.use.connectedWallets(),o=V.use.getWalletsDetails(),n=Ie.use.setNotification(),r=Ie.use.setAsRead(),i=Dh();return wu(()=>(i.on(ku.StepEvent,a=>{let{event:l,step:p,route:u}=a;if(l.type===Qt.TX_EXECUTION&&l.status===_h.TX_SENT&&!Ph(p)||l.type===Qt.SUCCEEDED){let c=e.find(g=>g.chain===p?.fromBlockchain),S=p?.fromBlockchain!==p?.toBlockchain&&e.find(g=>g.chain===p?.toBlockchain);c&&o([c],t),S&&o([S],t)}l.type===Qt.TX_EXECUTION_BLOCKED&&Cu.includes(l.status)||l.type===Qt.FAILED?n(l,u):(l.type===Qt.TX_EXECUTION||l.type===Qt.CHECK_STATUS)&&r(u.requestId)}),()=>i.all.clear()),[i,e.length]),wu(()=>(i.on(ku.RouteEvent,a=>{let{event:l,route:p}=a;(l.type===Tu.FAILED||l.type===Tu.SUCCEEDED)&&n(l,p)}),()=>i.all.clear()),[i,e.length]),null}s(vu,"WidgetEvents");import{globalCss as Fh}from"@rango-dev/ui";var xu=s(()=>Fh({"@import":["url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap')","url('https://fonts.cdnfonts.com/css/times-new-roman')"]})(),"globalFont");import{createTheme as ji,darkTheme as Gh,lightTheme as Hh}from"@rango-dev/ui";import{useEffect as Eu,useState as Qh}from"react";import{theme as zh,darkColors as qh}from"@rango-dev/ui";var bu=s(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),Oh=s(t=>{let e="",o;for(o=Math.abs(t);o>52;o=o/52|0)e=bu(o%52)+e;return bu(o%52)+e},"toAlphabeticName"),Uh=s((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),Qi=s(t=>Oh(Uh(5381,JSON.stringify(t))>>>0),"toHash");function Vi(t){let e=zh.colors,o=hi({...e,...qh},!0,t?.dark),n=hi(e,!1,t?.light),r=Object.keys(o).length>0,i=Object.keys(n).length>0,a,l;if(i){let p={colors:n};a={id:`${nr}-light-${Qi(p)}`,tokens:p}}if(r){let p={colors:o};l={id:`${nr}-dark-${Qi(p)}`,tokens:p}}return{light:a,dark:l}}s(Vi,"customizedThemeTokens");function Au(t){let{colors:e,fontFamily:o=ts,borderRadius:n=Ri,secondaryBorderRadius:r=es,mode:i="auto"}=t,[a,l]=Qh("light"),p=D.use.theme(),u=D.use.setTheme(),{dark:m,light:c}=Vi(e),S=ji({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),g=[S.className,Hh.className],y=[S.className,Gh.className];if(c){let d=ji(c.id,c.tokens);g.push(d.className)}if(m){let d=ji(m.id,m.tokens);y.push(d.className)}return Eu(()=>{let d=s(w=>{w.matches?l("dark"):l("light")},"switchThemeListener");return window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches&&l("dark"),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",d),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",d)}},[]),Eu(()=>{i!=="auto"&&u(i)},[i]),{activeTheme:s(()=>{let d=g.join(" "),w=y.join(" ");return p==="auto"?a==="dark"?w:d:p==="dark"?w:d},"getActiveTheme")}}s(Au,"useTheme");import{styled as Vh}from"@rango-dev/ui";var Iu=Vh("div",{width:"100%",display:"flex",justifyContent:"center",alignItems:"center",fontFamily:"$widget",boxSizing:"border-box","& *, *::before, *::after":{boxSizing:"inherit",listStyleType:"none"},"& *:focus-visible":{outlineColor:"$info500",transition:"none"}});function Jn(){xu();let{fetch:t,config:e}=T(),{activeTheme:o}=Au(e?.theme||{}),{activeLanguage:n,changeLanguage:r}=Wn(),[i,a]=Nu(""),[l,p]=Nu(),u=Kh(Fo);return Xh(()=>{e?.apiKey&&Zi({API_KEY:e?.apiKey})},[e]),Wu(()=>{t().catch(),D.persist.rehydrate(),Ie.persist.rehydrate(),u.onConnectWallet(a)},[]),Wu(()=>{r(e?.language)},[e?.language]),wo.createElement(jh,{language:n},wo.createElement(Iu,{id:"swap-container",className:o()},wo.createElement(vu,null),wo.createElement(fl,{lastConnectedWallet:i,disconnectedWallet:l,clearDisconnectedWallet:()=>{p(void 0)}},wo.createElement(Su,null))))}s(Jn,"Main");import Xi from"react";import{checkWaitingForNetworkChange as Yh,makeQueueDefinition as Jh}from"@rango-dev/queue-manager-rango-preset";import{Provider as Zh}from"@rango-dev/queue-manager-react";import{useWallets as Rh}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as ey}from"@rango-dev/wallets-shared";import{isEvmBlockchain as ty}from"rango-types";import oy,{useMemo as ny}from"react";function ry(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:i,getWalletInfo:a}=Rh(),l=ny(()=>Jh({API_KEY:t.apiKey||bo("API_KEY")}),[t.apiKey]),p=T().blockchains(),m={blockchains:V.use.connectedWallets().map(f=>({accounts:[f],name:f.chain}))},c=s(async(f,k)=>{if(i(f,k))return r(f,k)},"switchNetwork"),S=s(f=>!!a(f).mobileWallet,"isMobileWallet"),g=p.filter(f=>f.enabled).reduce((f,k)=>(f[k.name]=k,f),{}),y=p.filter(ty),x=s(f=>{let{supportedChains:k}=a(f);return No(k)},"getSupportedChainNames"),d=e(),w={meta:{blockchains:g,evmBasedChains:y,evmNetworkChainInfo:ey(y),getSupportedChainNames:x},getSigners:o,wallets:m,providers:d,switchNetwork:c,canSwitchNetworkTo:i,connect:r,state:n,isMobileWallet:S};return oy.createElement(Zh,{queuesDefs:[l],context:w,onPersistedDataLoaded:f=>{Yh(f)},isPaused:!1},t.children)}s(ry,"QueueManager");var Lu=ry;import{useManager as iy}from"@rango-dev/queue-manager-react";import sy,{createContext as ay,useContext as ly,useMemo as py}from"react";var Bu=ay(void 0);function Ki(t){let{manager:e}=iy(),o=Ut(e),n=py(()=>({swaps:o}),[e,o]);return sy.createElement(Bu.Provider,{value:n},t.children)}s(Ki,"WidgetInfo");function Mu(){let t=ly(Bu);if(!t)throw new Error("useWidget can only be used within the WidgetProvider component");return t}s(Mu,"useWidget");function Zn(t){let{onUpdateState:e,config:o}=t;return Xi.createElement(Oo,{config:o,onUpdateState:e},Xi.createElement(Lu,{apiKey:o.apiKey},Xi.createElement(Ki,null,t.children)))}s(Zn,"WidgetProvider");function $u(t){return t.config?.externalWallets?Yi.createElement(Jn,null):Yi.createElement(Zn,{config:t.config??ir},Yi.createElement(Jn,null))}s($u,"Widget");export{Y$ as MainEvents,J$ as RouteEventType,Z$ as StepEventType,R$ as StepExecutionBlockedEventStatus,eP as StepExecutionEventStatus,$u as Widget,Zn as WidgetProvider,Oo as WidgetWallets,Vi as customizedThemeTokens,Ll as useWallets,Mu as useWidget,tP as useWidgetEvents};
1
+ var Du=Object.defineProperty;var s=(t,e)=>Du(t,"name",{value:e,configurable:!0});import{MainEvents as R$,RouteEventType as eP,StepEventType as tP,StepExecutionBlockedEventStatus as oP,StepExecutionEventStatus as nP,useEvents as rP}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Ml}from"@rango-dev/wallets-react";import{Events as pr,Provider as cc}from"@rango-dev/wallets-react";import{isEvmBlockchain as mc}from"rango-sdk";import Fo,{createContext as dc,useEffect as fc,useRef as gc}from"react";import{useEffect as Zu}from"react";import{create as Xu}from"zustand";import{subscribeWithSelector as Yu}from"zustand/middleware";import{RangoClient as Fu}from"rango-sdk";var Eo="c6381a79-2817-4602-83bf-6a641a409e32",Ri="https://api.rango.exchange";var nr={API_KEY:Eo};function At(t){return nr[t]||""}s(At,"getConfig");function es(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),nr=e,nr}s(es,"initConfig");var ts=20,os=25,ns="Roboto",rr="theme-widget";var Ao,It=s(()=>Ao||(Ao=new Fu(At("API_KEY"),At("BASE_URL")),Ao),"httpService");import{WalletState as He}from"@rango-dev/ui";import{readAccountAddress as zu}from"@rango-dev/wallets-react";import{detectInstallLink as qu,getCosmosExperimentalChainInfo as Gu,isEvmAddress as Hu,KEPLR_COMPATIBLE_WALLETS as Ly,Networks as ss}from"@rango-dev/wallets-shared";import ir from"bignumber.js";import{isCosmosBlockchain as Qu}from"rango-types";import Ou from"bignumber.js";var Ee=new Ou(0);import{WalletTypes as Uu}from"@rango-dev/wallets-shared";var rs=[Uu.LEAP];import{BigNumber as is}from"bignumber.js";var Io=s(t=>{let e=(t%60).toString().padStart(2,"0");return`${parseInt((t/60).toString()).toString().padStart(2,"0")}:${e}`},"secondsToString"),W=s((t,e=null,o=null)=>{if(t==null||t==="")return"";let n=new is(t),r=1,i=1e3;for(let a=0;a<60;a++)if(new is(n.toFixed(a,r)).eq(n)){i=a;break}if(n.gte(1e4))return n.toFormat(0,r);if(n.gte(1e3)||n.gte(100))return n.toFormat(Math.min(i,Math.min(o||100,Math.max(e||0,1))),r);if(n.gte(1))return n.toFormat(Math.min(i,Math.min(o||100,Math.max(e||0,2))),r);if(n.gte(.01))return n.toFormat(Math.min(i,Math.min(o||100,Math.max(e||0,4))),r);for(let a=e||4;a<17;a++)if(n.gte(Math.pow(10,-a)))return n.toFormat(Math.min(i,Math.min(o||100,Math.max(e||0,a))),r);return n.isEqualTo(0)?"0":n.toFormat(Math.min(i,Math.min(o||100,Math.max(e||0,8))),r)},"numberToString");var Wo=s(t=>t?.reduce((e,o)=>e+(o.estimatedTimeInSeconds??0),0)||0,"totalArrivalTime");var Ge=s((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),jt=s(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function No(t,e=4){let o=parseFloat(t);if(isNaN(o))return t;let n=Math.pow(10,e);return(Math.round(o*n)/n).toString()}s(No,"limitDecimalPlaces");function Vu(t){switch(!0){case t.connected:return He.CONNECTED;case t.connecting:return He.CONNECTING;case!t.installed:return He.NOT_INSTALLED;default:return He.DISCONNECTED}}s(Vu,"mapStatusToWalletState");function as(t,e,o,n){return o.filter(r=>!rs.includes(r)).filter(r=>{let{supportedChains:i,isContractWallet:a}=e(r),{installed:l,network:p}=t(r);return a&&(!l||!!n&&p!==n)?!1:n?!!i.find(m=>m.name===n):!0}).map(r=>{let{name:i,img:a,installLink:l}=e(r),p=Vu(t(r));return{title:i,image:a,link:qu(l),state:p,type:r}})}s(as,"mapWalletTypesToWalletInfo");function Lo(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}s(Lo,"walletAndSupportedChainsNames");function ls(t,e,o,n,r){let i=[];function a(p,u){if(!!!i.find(c=>c.chain===p)){let c={address:u,chain:p,walletType:t};i.push(c)}}s(a,"addAccount");let l=n||[];return e.forEach(p=>{let{address:u,network:m}=zu(p),c=l.length>0,S=l.includes(m),f=m===ss.Unknown;if(c&&!S&&!f)return;let x=m===ss.Unknown&&Hu(u);if(f&&!x)return;o.includes(m)||x?r?a(m,u.toLowerCase()):l.filter(d=>o.includes(d)).forEach(d=>{a(d,u.toLowerCase())}):a(m,u)}),i}s(ls,"prepareAccountsForWalletStore");function ps(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain;e.includes(n)||e.push(n),e.includes(r)||e.push(r),o.internalSwaps&&Array.isArray(o.internalSwaps)&&o.internalSwaps.forEach(i=>{let a=i.from.blockchain,l=i.to.blockchain;e.includes(a)||e.push(a),e.includes(l)||e.push(l)})}),e}s(ps,"getRequiredChains");function Wt(t,e,o,n){if(t.length===0)return null;let r=t.filter(i=>i.chain===e);return r.length===0?null:r.map(i=>i.balances?.find(a=>n!==null&&a.address===n||n===null&&a.address===n&&a.symbol===o)||null).filter(i=>i!==null).sort((i,a)=>parseFloat(a?.amount||"0")-parseFloat(i?.amount||"1")).find(()=>!0)||null}s(Wt,"getBalanceFromWallet");function Bo(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}s(Bo,"isAccountAndWalletMatched");function us(t,e){let{blockChain:o,balances:n=[]}=t;return n?.map(r=>({chain:o,symbol:r.asset.symbol,ticker:r.asset.symbol,address:r.asset.address||null,rawAmount:r.amount.amount,decimal:r.amount.decimals,amount:new ir(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:Mo(o,r.asset.symbol,r.asset.address,e)||null}))||[]}s(us,"makeBalanceFor");function cs(t){return{...t,loading:!1,error:!0}}s(cs,"resetConnectedWalletState");var Mo=s((t,e,o,n)=>n?.find(i=>i.blockchain===t&&i.symbol?.toUpperCase()===e?.toUpperCase()&&i.address===o)?.usdPrice||null,"getUsdPrice"),$o=s((t,e)=>{let o=Gu(Object.entries(t).map(([,n])=>n).filter(Qu));return o&&o[e]?.experimental},"isExperimentalChain");function ju(t,e){return t.map(({balance:o,...n})=>{let r=W(new ir(Wt(e,n.blockchain,n.symbol,n.address)?.amount||Ee)),i="";return n.usdPrice&&(i=W(new ir(Wt(e,n.blockchain,n.symbol,n.address)?.amount||Ee).multipliedBy(n.usdPrice))),{...n,...r!=="0"&&{balance:{amount:r,usdValue:i}}}})}s(ju,"getTokensWithBalance");function ms(t,e){let o=e.length>0?ju(t,e):t;return o.sort((n,r)=>n.balance?.usdValue&&r.balance?.usdValue?parseFloat(r.balance.usdValue)-parseFloat(n.balance.usdValue):!n.balance?.usdValue&&r.balance?.usdValue?1:n.balance?.usdValue&&!r.balance?.usdValue?-1:!n.balance?.usdValue&&!r.balance?.usdValue?parseFloat(r.balance?.amount||"0")-parseFloat(n.balance?.amount||"0"):0),o}s(ms,"getTokensBalanceFromWalletAndSort");function Ie(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}s(Ie,"tokensAreEqual");function ds(t){return t.sort((e,o)=>+(o.state===He.CONNECTED)-+(e.state===He.CONNECTED)||+(o.state===He.DISCONNECTED||o.state===He.CONNECTING)-+(e.state===He.DISCONNECTED||e.state===He.CONNECTING))}s(ds,"sortWalletsBasedOnConnectionState");function Po(t,e=8,o=3){if(t.length<2*e+o)return t;let n=t.slice(0,e),r=t.slice(-e);return`${n}${".".repeat(o)}${r}`}s(Po,"getConciseAddress");function fs({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}s(fs,"getAddress");var Ku=s(t=>{let e=t;e.use={};for(let o of Object.keys(e.getState()))e.use[o]=()=>e(n=>n[o]);return e},"createSelectors"),Qe=Ku;var V=Qe(Xu()(Yu((t,e)=>({connectedWallets:[],customDestination:"",loading:!1,connectWallet:(o,n)=>{let r=e().getWalletsDetails;t(i=>({loading:!0,connectedWallets:i.connectedWallets.filter(a=>a.walletType!==o[0].walletType).concat(o.map(a=>{let l=!i.connectedWallets.find(p=>p.chain===a.chain&&p.selected);return{balances:[],address:a.address,chain:a.chain,explorerUrl:null,walletType:a.walletType,selected:l,loading:!0,error:!1}}))})),r(o,n)},disconnectWallet:o=>{t(n=>{let r=n.connectedWallets.filter(i=>i.selected&&i.walletType!==o).map(i=>i.chain);return{connectedWallets:n.connectedWallets.filter(i=>i.walletType!==o).map(i=>r.includes(i.chain)?i:(r.push(i.chain),{...i,selected:!0}))}})},selectWallets:o=>t(n=>({connectedWallets:n.connectedWallets.map(r=>{let i=!!o.find(l=>l.chain===r.chain&&l.walletType!==r.walletType&&r.selected),a=!!o.find(l=>l.chain===r.chain&&l.walletType===r.walletType&&!r.selected);return i?{...r,selected:!1}:a?{...r,selected:!0}:r})})),clearConnectedWallet:()=>t(()=>({connectedWallets:[],selectedWallets:[]})),getWalletsDetails:async(o,n,r=!0)=>{let i=e().getWalletsDetails;t(a=>({loading:!0,connectedWallets:a.connectedWallets.map(l=>o.find(p=>Bo(p,l))?{...l,loading:!0}:l)}));try{let a=o.map(({address:u,chain:m})=>({address:u,blockchain:m})),p=(await It().getWalletsDetails(a)).wallets;if(p)t(u=>({loading:!1,connectedWallets:u.connectedWallets.map(m=>{let c=o.find(f=>Bo(f,m)),S=p.find(f=>f.address===m.address&&f.blockChain===m.chain);return S?.failed&&c&&r&&i([c],n,!1),c&&S?{...m,explorerUrl:S.explorerUrl,balances:us(S,n)}:m})}));else throw new Error("Wallet not found")}catch{t(l=>({loading:!1,connectedWallets:l.connectedWallets.map(p=>o.find(u=>Bo(u,p))?cs(p):p)}))}}}))));import{allProviders as Ju}from"@rango-dev/provider-all";function _o(t,e){let o=Ju({walletconnect2:{WC_PROJECT_ID:e?.walletConnectProjectId||""}});if(t){let n=[];return t.forEach(r=>{if(typeof r=="string"){let i=o.find(a=>a.config.type===r);i?n.push(i):console.warn(`Couldn't find ${r} provider. Please make sure you are passing the correct name.`)}else n.push(r)}),n}return o}s(_o,"matchAndGenerateProviders");function gs(t,e){return _o(t,e).map(r=>r.config.type)}s(gs,"configWalletsToWalletName");function hs(t,e){let o=V.use.clearConnectedWallet(),n=_o(void 0,e);return Zu(()=>{o(),n=_o(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}s(hs,"useWalletProviders");import ac,{createContext as lc,useContext as pc,useRef as uc}from"react";import{create as sc}from"zustand";var sr={apiKey:"",multiWallets:!0,enableNewLiquiditySources:!0},ys=s((t,e,o)=>({config:{...sr,...t},updateConfig:n=>{let r=o().config;e({config:{...r,...n}})}}),"createConfigSlice");function Nt(t){return Array.from(new Set(t))}s(Nt,"removeDuplicateFrom");function ar(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}s(ar,"areEqual");function Ss(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}s(Ss,"debounce");function gt(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}s(gt,"containsText");var R=s(()=>document.getElementById("swap-box"),"getContainer");import{create as nc}from"zustand";import{persist as rc,subscribeWithSelector as ic}from"zustand/middleware";import{English as Ru,French as ec,Japanese as tc,Spanish as oc}from"@rango-dev/ui";var Cs=[{title:"English",label:"English",local:"en",SVGFlag:Ru},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:oc},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:ec},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:tc}],Kt="en";var ks=[.5,1,3],Ts=1,ws=5,vs=100,xs=0;var D=Qe(nc()(rc(ic((t,e)=>({preferredBlockchains:[],slippage:Ts,customSlippage:null,infiniteApprove:!1,affiliateRef:null,affiliatePercent:null,affiliateWallets:null,disabledLiquiditySources:[],theme:"auto",language:Kt,addPreferredBlockchain:o=>{let n=e().preferredBlockchains;if(n.find((a,l)=>{let p=a===o,u=l<=10-1;return p&&u}))return;let i=n.filter(a=>!(a===o));t(()=>({preferredBlockchains:[o,...i]}))},setSlippage:o=>t(()=>({slippage:o})),setCustomSlippage:o=>t(()=>({customSlippage:o})),setAffiliateRef:o=>t(()=>({affiliateRef:o})),setAffiliatePercent:o=>t(()=>({affiliatePercent:o})),setAffiliateWallets:o=>t(()=>({affiliateWallets:o})),toggleAllLiquiditySources:(o,n)=>t(r=>{if(n)return{disabledLiquiditySources:[]};let i=Nt(o.map(a=>a.swapperGroup));return i.length===r.disabledLiquiditySources.length?{disabledLiquiditySources:[]}:{disabledLiquiditySources:i}}),toggleInfiniteApprove:()=>t(o=>({infiniteApprove:!o.infiniteApprove})),toggleLiquiditySource:o=>t(n=>n.disabledLiquiditySources.includes(o)?{disabledLiquiditySources:n.disabledLiquiditySources.filter(r=>r!=o)}:{disabledLiquiditySources:n.disabledLiquiditySources.concat(o)}),setTheme:o=>t(()=>({theme:o})),setLanguage:o=>t(()=>({language:o}))})),{name:"user-settings",skipHydration:!0})));function Do(t){let e=D.use.disabledLiquiditySources(),o=t.map(i=>i.swapperGroup),n=[];return Nt(t.map(i=>i.swapperGroup)).map(i=>{let a=t.find(l=>l.swapperGroup===i);if(a){let l=!0;o&&(l=o.some(p=>p===a.swapperGroup)),l&&a.types.map(p=>{n.push({id:a.swapperGroup,groupTitle:a.swapperGroup,logo:a.logo,type:p,selected:!e.includes(a.swapperGroup)})})}}),n}s(Do,"getUniqueSwappersGroups");function bs(t,e){return t.swapperGroup<e.swapperGroup?-1:t.swapperGroup>e.swapperGroup?1:0}s(bs,"sortLiquiditySourcesByGroupTitle");var Es=s((t,e)=>({_blockchains:[],_tokens:[],_popularTokens:[],_swappers:[],fetchStatus:"loading",blockchains:o=>{let n=e()._blockchains;if(!o||!o?.type)return n;let r=e().config,i=(o.type==="source"?r.from?.blockchains:r.to?.blockchains)??[];return n.filter(l=>!(i.length>0&&!i.includes(l.name)))},tokens:o=>{let n=e()._tokens;if(!o||!o?.type)return n;let r=e().config,i=(o.type==="source"?r.from?.tokens:r.to?.tokens)??[],a=e().blockchains({type:o.type});return n.filter(p=>i.length>0&&!i.some(u=>Ie(u,p))||o.blockchain&&p.blockchain!==o.blockchain||!a.some(u=>u.name===p.blockchain)?!1:o.searchFor?!!(gt(p.symbol,o.searchFor)||gt(p.address||"",o.searchFor)||gt(p.name||"",o.searchFor)):!0).sort((p,u)=>e().isTokenPinned(p)?-1:e().isTokenPinned(u)||p.isSecondaryCoin?1:u.isSecondaryCoin||!p.address&&u.address?-1:p.address&&!u.address?1:0)},isTokenPinned:o=>!!e().config.pinnedTokens?.some(r=>Ie(r,o)),swappers:()=>{let{config:{enableNewLiquiditySources:o,liquiditySources:n}}=e();return e()._swappers.filter(a=>{let l=n?.includes(a.swapperGroup);return o||!n||n.length===0?!l:l}).sort(bs)},fetch:async()=>{try{let o=await It().getAllMetadata();t({fetchStatus:"success"});let n=[],r=[],i=o.popularTokens,a=o.swappers,l=new Set;o.tokens.forEach(p=>{l.add(p.blockchain),r.push(p)}),o.blockchains.forEach(p=>{p.enabled&&l.has(p.name)&&n.push(p)}),n.sort((p,u)=>p.sort-u.sort),t({_blockchains:n,_tokens:r,_popularTokens:i,_swappers:a})}catch(o){throw t({fetchStatus:"failed"}),o}}}),"createDataSlice");function As(t){return sc()((...e)=>({...Es(...e),...ys(t,...e)}))}s(As,"createAppStore");var Is=lc(null);function T(){let t=pc(Is);if(!t)throw new Error("Missing AppStoreContext.Provider in the tree");return t()}s(T,"useAppStore");function Ws(t){let e=uc();return e.current||(e.current=As(t.config)),ac.createElement(Is.Provider,{value:e.current},t.children)}s(Ws,"AppStoreProvider");var Oo=dc({onConnectWallet:()=>{}});function hc(t){let e=T().updateConfig,o=T().blockchains(),n=T().tokens(),r={walletConnectProjectId:t.config?.walletConnectProjectId},{providers:i}=hs(t.config.wallets,r),a=V.use.disconnectWallet(),l=V.use.connectWallet(),p=gc();fc(()=>{t.config&&e(t.config)},[t.config]);let u=o.filter(mc).map(c=>c.name),m=s((c,S,f,y,x)=>{if(S===pr.ACCOUNTS)if(f){let g=Lo(x.supportedBlockchains),w=ls(c,f,u,g,x.isContractWallet);l(w,n)}else a(c);if(S===pr.ACCOUNTS&&y.connected){let g=`${c}-${y.network}-${f}`;y.connected&&(p.current?p.current(g):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(S===pr.NETWORK&&y.network){let g=`${c}-${y.network}`;p.current?p.current(g):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(c,S,f,y,x)},"onUpdateState");return Fo.createElement(Oo.Provider,{value:{onConnectWallet:c=>{p.current=c}}},Fo.createElement(cc,{allBlockChains:o,providers:i,onUpdateState:m,autoConnect:!0},t.children))}s(hc,"Main");function Uo(t){let{config:e,...o}=t;return Fo.createElement(Ws,{config:e},Fo.createElement(hc,{...o,config:e}))}s(Uo,"WidgetWallets");import Zi from"react";import{I18nManager as Xh}from"@rango-dev/ui";import vo,{useContext as Yh,useEffect as Lu,useState as Bu}from"react";import{useQueueManager as Sd}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Cd}from"@rango-dev/wallets-react";import{isEvmBlockchain as kd}from"rango-types";import Ct,{useEffect as Td,useRef as wd}from"react";import{MemoryRouter as vd,useInRouterContext as xd}from"react-router";import{useLocation as bd,useNavigate as Ed}from"react-router-dom";var L={home:"/",fromSwap:"from-swap",toSwap:"to-swap",blockchains:"blockchains",settings:"settings",liquiditySources:"liquidity-sources",themes:"themes",bridges:"bridges",exchanges:"exchanges",languages:"languages",swaps:"swaps",wallets:"wallets",confirmSwap:"confirm-swap",swapDetails:":requestId"};import{useWallets as Sc}from"@rango-dev/wallets-react";import{useEffect as Cc,useRef as kc}from"react";function Ns(){let{connect:t,state:e}=Sc(),o=kc({}),{fetchStatus:n}=T(),r=new URLSearchParams(location.search).get("autoConnect")||"",i=e(r);Cc(()=>{n==="success"&&r&&i.installed&&!i.connecting&&!i.connected&&!o.current[r]&&(o.current[r]=!0,t(r))},[i,n])}s(Ns,"useForceAutoConnect");import{i18n as qr}from"@lingui/core";import{Button as sd,styled as Gr,SwapInput as dl,WarningIcon as ad}from"@rango-dev/ui";import Fe,{useEffect as ld,useRef as pd,useState as ud}from"react";import{useNavigate as cd}from"react-router-dom";import{ChevronLeftIcon as vc}from"@rango-dev/ui";import Ms from"react";import{darkTheme as Tc,IconButton as wc,styled as zo}from"@rango-dev/ui";var Le=zo(wc,{width:"$24",position:"relative",padding:"0",overflow:"unset"}),Ls=zo("div",{position:"absolute",background:"$secondary500",[`.${Tc} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),Lt=zo("div",{display:"flex",justifyContent:"flex-end",width:"$40"}),Bs=zo("div",{position:"absolute",backgroundColor:"$secondary500",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0"});function ur(t){return Ms.createElement(Le,{variant:"ghost",size:"small",onClick:t.onClick},Ms.createElement(vc,{color:"black",size:16}))}s(ur,"BackButton");import{i18n as xc}from"@lingui/core";import{Button as bc,Typography as Ec}from"@rango-dev/ui";import cr from"react";function mr(t){return cr.createElement(Lt,null,cr.createElement(bc,{variant:"ghost",onClick:t.onClick,size:"xsmall"},cr.createElement(Ec,{variant:"label",size:"medium",color:"error500"},xc.t("Cancel"))))}s(mr,"CancelButton");import{i18n as Ac}from"@lingui/core";import{Tooltip as Ic,WalletIcon as Wc}from"@rango-dev/ui";import qo from"react";function dr(t){return qo.createElement(Ic,{container:t.container,side:"top",content:Ac.t("Connect Wallet")},qo.createElement(Le,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&qo.createElement(Ls,null),qo.createElement(Wc,{size:18,color:"black"})))}s(dr,"WalletButton");import{i18n as Qo}from"@lingui/core";import{NotificationsIcon as Qc,Popover as Vc,RefreshIcon as jc,SettingsIcon as Kc,Tooltip as Vo,TransactionIcon as Xc}from"@rango-dev/ui";import ue from"react";import{i18n as Fc}from"@lingui/core";import{ChainToken as Os,ChevronRightIcon as Oc,ListItemButton as Uc,Typography as zc}from"@rango-dev/ui";import Be from"react";import{useNavigate as qc}from"react-router-dom";import{create as Nc}from"zustand";import{persist as Lc,subscribeWithSelector as Bc}from"zustand/middleware";var We=Qe(Nc()(Lc(Bc((t,e)=>({notifications:[],setNotification:(o,n)=>{let r=n.steps[0],i=n.steps[n.steps.length-1],a={event:o,creationTime:Date.now(),read:!1,requestId:n.requestId,route:{from:{blockchain:r.fromBlockchain,tokenAddress:r.fromSymbolAddress,tokenSymbol:r.fromSymbol},to:{blockchain:i.toBlockchain,tokenSymbol:i.toSymbol,tokenAddress:i.toSymbolAddress}}},l=e().notifications.filter(p=>p.requestId!==n.requestId);t(()=>({notifications:[...l,a]}))},setAsRead:o=>{t(n=>({notifications:n.notifications.map(r=>r.requestId===o?{...r,read:!0}:r)}))},getUnreadNotifications:()=>e().notifications.filter(o=>!o.read)})),{name:"notification",skipHydration:!0})));import{create as Mc}from"zustand";var Ce=Qe(Mc()(t=>({connectWalletsButtonDisabled:!1,selectedSwapRequestId:null,currentPage:"",setSelectedSwap:e=>t({selectedSwapRequestId:e}),setCurrentPage:e=>t({currentPage:e})})));import{styled as Go}from"@rango-dev/ui";var $s=Go("div",{padding:"$10",width:"350px",minHeight:"150px"}),Ps=Go("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),_s=Go("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),Ds=Go("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as $c}from"@lingui/core";import{Divider as Pc,NoNotificationIcon as _c,Typography as Dc}from"@rango-dev/ui";import Ho from"react";function Fs(){return Ho.createElement(Ds,null,Ho.createElement(_c,{color:"secondary",size:26}),Ho.createElement(Pc,{size:12}),Ho.createElement(Dc,{variant:"body",size:"medium",color:"neutral700"},$c.t("You have no notification")))}s(Fs,"NotificationNotFound");var Gc=4;function fr(){let t=qc(),e=Ce.use.setSelectedSwap(),{getUnreadNotifications:o}=We(),n=o(),r=T().blockchains(),i=T().tokens(),a=n.sort((p,u)=>u.creationTime-p.creationTime).slice(0,Gc),l=s(p=>{e(p),t(`${p}`)},"handleOnClick");return Be.createElement($s,null,a.length?Be.createElement(Ps,null,a.map(p=>{let u=i.find(f=>f.address===p.route.from.tokenAddress&&f.blockchain===p.route.from.blockchain&&f.symbol===p.route.from.tokenSymbol),m=r.find(f=>f.name===p.route.from.blockchain),c=i.find(f=>f.address===p.route.to.tokenAddress&&f.blockchain===p.route.to.blockchain&&f.symbol===p.route.to.tokenSymbol),S=r.find(f=>f.name===p.route.to.blockchain);return Be.createElement(Uc,{key:p.requestId,onClick:()=>l(p.requestId),title:Be.createElement(zc,{variant:"body",size:"small",color:"$neutral700"},Fc.t(p.event.message)),id:p.requestId,start:Be.createElement(_s,null,Be.createElement("div",{className:"from-chain-token"},Be.createElement(Os,{tokenImage:u?u.image:"",chainImage:m?m.logo:"",size:"small"})),Be.createElement("div",{className:"to-chain-token"},Be.createElement(Os,{tokenImage:c?c.image:"",chainImage:S?S.logo:"",size:"small"}))),end:Be.createElement(Oc,{size:12,color:"gray"})})})):Be.createElement(Fs,null))}s(fr,"NotificationContent");import{Typography as Hc}from"@rango-dev/ui";import Us from"react";function zs(){let{getUnreadNotifications:t}=We(),e=t().length;return e?Us.createElement(Bs,null,Us.createElement(Hc,{variant:"body",size:"xsmall",color:"$background"},e)):null}s(zs,"UnreadNotificationsBadge");function gr(t){let{layoutRef:e,onClickRefresh:o,onClickHistory:n,onClickSettings:r,onClickNotifications:i}=t;return ue.createElement(ue.Fragment,null,ue.createElement(Vo,{container:R(),side:"top",content:Qo.t("Refresh")},ue.createElement(Le,{variant:"ghost",size:"small",onClick:o,disabled:!o},ue.createElement(jc,{size:16,color:o?"black":"gray"}))),ue.createElement(Vo,{container:R(),side:"top",content:Qo.t("Notifications")},ue.createElement(Vc,{align:"center",collisionBoundary:e,collisionPadding:{right:20,left:20},container:R(),content:ue.createElement(fr,null)},ue.createElement(Le,{size:"small",variant:"ghost",onClick:i},ue.createElement(Qc,{size:18,color:"black"}),ue.createElement(zs,null)))),ue.createElement(Vo,{container:R(),side:"top",content:Qo.t("Settings")},ue.createElement(Le,{size:"small",variant:"ghost",onClick:r},ue.createElement(Kc,{size:18,color:"black"}))),ue.createElement(Vo,{container:R(),side:"top",content:Qo.t("Transactions History")},ue.createElement(Le,{size:"small",variant:"ghost",onClick:n},ue.createElement(Xc,{size:18,color:"black"}))))}s(gr,"HomeButtons");import{BottomLogo as Zc,Divider as Rc,Header as em}from"@rango-dev/ui";import me from"react";import{useNavigate as Yc}from"react-router-dom";function ot(){let t=Yc();return()=>t(-1)}s(ot,"useNavigateBack");import{darkTheme as Jc,styled as hr}from"@rango-dev/ui";var qs=hr("div",{position:"relative",display:"flex",flexDirection:"column",borderRadius:"$primary",overflow:"hidden !important",boxShadow:"15px 15px 15px 0px rgba(0, 0, 0, 0.05)",width:"95vw",maxWidth:"390px",maxHeight:"700px",$$color:"$colors$neutral100",[`.${Jc} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",variants:{fixedHeight:{true:{height:"95vh"},false:{height:"auto"}}}}),Gs=hr("div",{borderTopLeftRadius:"20px",borderTopRightRadius:"20px",display:"flex",flexDirection:"column",flex:1,padding:"$20 $20 $10 $20",backgroundColor:"$background",position:"relative",overflowY:"auto",overflowX:"hidden",variants:{noPadding:{true:{padding:"0"}}}}),Hs=hr("div",{backgroundColor:"$background","& .footer__content":{padding:"$0 $20"},"& .footer__logo":{padding:"$0 $20 $10 $20"}});function tm(t,e){let{children:o,header:n,footer:r,noPadding:i,hasLogo:a=!0,fixedHeight:l=!0}=t,p=V.use.connectedWallets(),u=Ce.use.connectWalletsButtonDisabled(),m=ot(),c=s(()=>{!u&&n.onWallet&&n.onWallet()},"onConnectWallet"),S=typeof n.hasBackButton>"u"||n.hasBackButton;return me.createElement(qs,{ref:e,fixedHeight:l,id:"swap-box"},me.createElement(em,{prefix:me.createElement(me.Fragment,null,S&&me.createElement(ur,{onClick:m})),title:n.title,suffix:me.createElement(me.Fragment,null,n.suffix,n.onWallet&&me.createElement(dr,{container:R(),onClick:c,isConnected:!!p?.length}),n.onCancel&&me.createElement(mr,{onClick:n.onCancel}))}),me.createElement(Gs,{noPadding:i},o),(a||r)&&me.createElement(Hs,null,me.createElement("div",{className:"footer__content"},r),a&&me.createElement("div",{className:"footer__logo"},me.createElement(Rc,{size:12}),me.createElement(Zc,null))))}s(tm,"LayoutComponent");var j=me.forwardRef(tm);j.displayName="Layout";import{ReverseIcon as um,styled as ua}from"@rango-dev/ui";import Ar from"react";import st from"bignumber.js";import{create as lm}from"zustand";import{subscribeWithSelector as pm}from"zustand/middleware";import{getLastSuccessfulStep as am}from"@rango-dev/queue-manager-rango-preset";import gT from"bignumber.js";var nt=(r=>(r[r.HIGH_VALUE_LOSS=0]="HIGH_VALUE_LOSS",r[r.UNKNOWN_PRICE=1]="UNKNOWN_PRICE",r[r.INSUFFICIENT_SLIPPAGE=2]="INSUFFICIENT_SLIPPAGE",r[r.HIGH_SLIPPAGE=3]="HIGH_SLIPPAGE",r))(nt||{});function Qs(t,e){return e.find(o=>o.name===t)?.displayName}s(Qs,"getBlockchainDisplayNameFor");function yr(t,e){return e.find(o=>o.name===t)?.shortName}s(yr,"getBlockchainShortNameFor");function Sr(t,e){return e.find(o=>Ie(o,t))??null}s(Sr,"findToken");function Cr(t,e){return e.find(o=>o.name===t)??null}s(Cr,"findBlockchain");import{i18n as Me}from"@lingui/core";import{PendingSwapNetworkStatus as Yo}from"@rango-dev/queue-manager-rango-preset";import ke from"bignumber.js";function jo(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,i=e[e.length-1];n!=i&&e.push(n),i=e[e.length-1],r!=i&&e.push(r)}),e}s(jo,"getRequiredWallets");function Ko(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}s(Ko,"isValidAddress");import{i18n as de}from"@lingui/core";var G=s(()=>({genericServerError:de.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:de.t("Please reset your liquidity sources."),description:de.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources")},noResultError:{title:de.t("No Routes Found"),description:de.t("Reasons why Rango couldn't find a route: low liquidity on token, very low input amount or no routes available for the selected input/output token combination.")},bridgeLimitErrors:{increaseAmount:de.t("Bridge Limit Error: Please increase your amount"),decreaseAmount:de.t("Bridge Limit Error: Please decrease your amount")},highValueLossError:{impactTitle:de.t("High Price Impact"),title:de.t("Price impact is too high!"),description:de.t("The price impact is significantly higher than the allowed amount. If you are sure, continue, otherwise, change the swap."),confirmMessage:de.t("Confirm High price impact")},quoteUpdatedWithHighValueLoss:{title:de.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:de.t("USD Price Unknown"),title:de.t("USD Price Unknown, Cannot calculate Price Impact."),description:de.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:de.t("Confirm USD Price Unknown")}}),"errorMessages");function Vs(t){switch(t.type){case 0:return t.diagnosisMessage??G().noResultError.title;case 1:return G().genericServerError;default:return""}}s(Vs,"getQuoteErrorMessage");import{i18n as Xo}from"@lingui/core";var ht=s(()=>({connectWallet:Xo.t("Connect Wallet"),swap:Xo.t("Swap"),swapAnyway:Xo.t("Swap anyway"),ethWarning:Xo.t("The route goes through Ethereum. Continue?")}),"swapButtonTitles");function js(t,e){return!t||!e||t.lte(Ee)||e.lte(Ee)?0:e.div(t).minus(1).multipliedBy(100).toNumber()}s(js,"getOutputRatio");function Ro(t,e){return(parseInt(e.toFixed(2)||"0")<=-10&&t?.gte(new ke(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new ke(1e3)))??!1}s(Ro,"hasHighValueLoss");function Xt(t){return(t?.result?.swaps||[]).filter(e=>{let o=e.fromAmountMinValue?new ke(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new ke(e.fromAmountMaxValue):null;return e.fromAmountRestrictionType==="EXCLUSIVE"?o?.gte(e.fromAmount)||n?.lte(e.fromAmount):o?.gt(e.fromAmount)||n?.lt(e.fromAmount)}).length>0}s(Xt,"hasLimitError");function kr(t){let e=(t.result?.swaps||[]).filter(l=>{let p=l.fromAmountMinValue?new ke(l.fromAmountMinValue):null,u=l.fromAmountMaxValue?new ke(l.fromAmountMaxValue):null;return l.fromAmountRestrictionType==="EXCLUSIVE"?p?.gte(l.fromAmount)||u?.lte(l.fromAmount):p?.gt(l.fromAmount)||u?.lt(l.fromAmount)})[0],o=e.fromAmountMinValue?new ke(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new ke(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",i="",a="";return!r&&o&&o.gt(e.fromAmount)?(i=Me.t({id:"Required: >= {min} {symbol}",values:{min:W(o,6,6),symbol:e.from.symbol}}),a=G().bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(i=Me.t({id:"Required: > {min} {symbol}",values:{min:W(o,6,6),symbol:e.from.symbol}}),a=G().bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(i=Me.t({id:"Required: <= {max} {symbol}",values:{max:W(n,6,6),symbol:e.from.symbol}}),a=G().bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(i=Me.t({id:"Required: < {max} {symbol}",values:{max:W(n,6,6),symbol:e.from.symbol}}),a=G().bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:i,recommendation:a}}s(kr,"getLimitErrorMessage");function Ks(t,e,o,n,r,i,a,l,p){return t!=="success"?{title:ht().connectWallet,state:"waitForConnecting",disabled:!0}:e.length==0?{title:ht().connectWallet,state:"waitForConnecting",disabled:!1}:o||!n||!n.result||r||!p||p==="0"?{title:ht().swap,disabled:!0,state:"swap"}:i||a?{title:ht().swapAnyway,disabled:!1,hasWarning:!0,state:"needToConfirm"}:l?{title:ht().ethWarning,disabled:!1,hasWarning:!0,state:"warning"}:{title:ht().swap,disabled:!1,state:"swap"}}s(Ks,"getSwapButtonState");function Tr(t,e,o){return!((!o||o.lte(Ee))&&t?.result&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t.result)}s(Tr,"canComputePriceImpact");function nm(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,i=e[e.length-1];n!=i&&e.push(n),i=e[e.length-1],r!=i&&e.push(r)}),e}s(nm,"requiredWallets");var rm=s((t,e,o,n)=>n?.find(i=>i.blockchain===t&&i.symbol?.toUpperCase()===e?.toUpperCase()&&i.address===o)?.usdPrice||null,"getUsdPrice");function im(t,e){let o=Ee;for(let n=0;n<t.fee.length;n++){let r=t.fee[n];if(r.expenseType==="DECREASE_FROM_OUTPUT")continue;let i=rm(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new ke(r.amount).multipliedBy(i||0))}return o}s(im,"getUsdFeeOfStep");function en(t,e){return t.reduce((o,n)=>o.plus(im(n,e)),Ee)}s(en,"getTotalFeeInUsd");function wr(t){let e=new Map;return t.result?.swaps.forEach((o,n)=>{o.recommendedSlippage?.error&&e.set(n,o.recommendedSlippage.slippage)}),e.size>0?e:null}s(wr,"checkSlippageErrors");function Xs(t,e){let o=new Map;return t.result?.swaps.forEach((n,r)=>{n.recommendedSlippage?.slippage&&parseInt(n.recommendedSlippage?.slippage)>e&&o.set(r,n.recommendedSlippage.slippage)}),o.size>0?o:null}s(Xs,"checkSlippageWarnings");function tn(t){return t.result?.swaps.map(o=>o.recommendedSlippage)?.map(o=>o?.slippage||"0")?.filter(o=>parseFloat(o)>0)?.sort((o,n)=>parseFloat(n)-parseFloat(o))?.find(()=>!0)||null}s(tn,"getMinRequiredSlippage");function Ys(t,e){return e?parseFloat(t)>=parseFloat(e):!0}s(Ys,"hasProperSlippage");function on(t){let{fromToken:e,toToken:o,inputAmount:n,wallets:r,selectedWallets:i,disabledLiquiditySources:a,liquiditySources:l,excludeLiquiditySources:p,slippage:u,affiliateRef:m,affiliatePercent:c,affiliateWallets:S,initialQuote:f,destination:y}=t,x=i?.reduce((h,C)=>(h[C.chain]=C.address,h),{}),g=[];r?.forEach(h=>{let C=g.find(A=>A.blockchain===h.chain);C?C.addresses.push(h.address):g.push({blockchain:h.chain,addresses:[h.address]})});let w=!!f,d=Nt((f?.result?.swaps||[]).reduce((h,C)=>(h.push(C.from.blockchain,C.to.blockchain),C.internalSwaps&&Array.isArray(C.internalSwaps)&&C.internalSwaps.map(A=>{h.push(A.from.blockchain,A.to.blockchain)}),h),[]));return{amount:n.toString(),affiliateRef:m??void 0,affiliatePercent:c??void 0,affiliateWallets:S??void 0,checkPrerequisites:w,from:{address:e.address,blockchain:e.blockchain,symbol:e.symbol},to:{address:o.address,blockchain:o.blockchain,symbol:o.symbol},connectedWallets:g,selectedWallets:x??{},slippage:u.toString(),...y&&{destination:y},...p&&{swapperGroups:a.concat(l??[]),swappersGroupsExclude:!0},...!p&&{swapperGroups:l?.filter(h=>!a.includes(h)),swappersGroupsExclude:!1},...w&&{blockchains:d}}}s(on,"createQuoteRequestBody");function Js(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}s(Js,"getWalletsForNewSwap");function Bt(t){return t.result?.outputAmount||null}s(Bt,"getQuoteOutputAmount");function it(t,e){return new ke(e).div(new ke(t)).minus(1).multipliedBy(100).toNumber()}s(it,"getPercentageChange");function Zs(t,e){let o=Bt(t),n=Bt(e);if(!o||!n)return!1;let r=it(o,n);return r?r<=-1:!0}s(Zs,"isOutputAmountChangedALot");function Rs(t,e){let o=t.validationStatus,n=ps(t);return e.sort((i,a)=>n.indexOf(i.chain)-n.indexOf(a.chain)).flatMap(i=>ia(i,o)||[]).filter(i=>!i.ok).map(i=>{let a=i.asset.symbol,l=W(new ke(i.currentAmount.amount).shiftedBy(-i.currentAmount.decimals),8,8),p=W(new ke(i.requiredAmount.amount).shiftedBy(-i.requiredAmount.decimals),8,8),u="";return i.reason==="FEE"&&(u=Me.t(" for network fee")),i.reason==="INPUT_ASSET"&&(u=Me.t(" for swap")),i.reason==="FEE_AND_INPUT_ASSET"&&(u=Me.t(" for input and network fee")),Me.t({id:"Needs \u2248 {requiredAmount} {symbol}{reason}, but you have {currentAmount} {symbol} in your {blockchain} wallet.",values:{requiredAmount:p,symbol:a,reason:u,currentAmount:l,blockchain:i.asset.blockchain}})})}s(Rs,"getBalanceWarnings");function ea(t,e){return(t?new ke(t):Ee).multipliedBy(e||0)}s(ea,"calcOutputUsdValue");function Yt(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==Yo.NetworkChanged}s(Yt,"isNetworkStatusInWarningState");function ta(t,e){let o="bellow button or",n=t.extraMessage,r=t.extraMessageDetail;if(t.networkStatusExtraMessageDetail?.includes(o)&&(t.networkStatusExtraMessageDetail=t.networkStatusExtraMessageDetail.replace(o,"")),Yt(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case Yo.WaitingForConnectingWallet:n=n||Me.t("Waiting for connecting wallet");break;case Yo.WaitingForQueue:n=n||Me.t("Waiting for other running tasks to be finished");break;case Yo.WaitingForNetworkChange:n=n||Me.t("Waiting for changing wallet network");break;default:n=n||"";break}r=r||"",n=n||"";let a=n?.indexOf("code")!==-1&&n?.indexOf("reason")!==-1;return{shortMessage:n,detailedMessage:{content:r,long:a}}}s(ta,"getSwapMessages");function oa(t){let e=null;if(t.status==="failed"){let o=t.steps.slice().reverse().filter(n=>n.status==="success")[0];o&&(e={blockchain:o.toBlockchain,symbol:o.toSymbol,outputAmount:o.outputAmount,address:o.toSymbolAddress})}return e}s(oa,"getLastConvertedTokenInFailedSwap");function na(t){return t.status==="failed"&&!!t.finishTime&&new Date().getTime()-parseInt(t.finishTime)<4*3600*1e3}s(na,"shouldRetrySwap");function ra(t,e,o,n,r,i){return t||!e&&!nm(n).every(a=>r.map(l=>l.chain).includes(a))||!!e&&!o||!!e&&!!o&&i&&!Ko(i,o)}s(ra,"confirmSwapDisabled");function vr(t,e,o){return o&&t.find(n=>{let r=e?.split("--");return r?.length===1?n.symbol===r[0]&&n.address===null&&n.blockchain===o.name:n.symbol===r?.[0]&&n.address===r?.[1]&&n.blockchain===o.name})||null}s(vr,"searchParamsToToken");function aa(t){return t?.result?.swaps[t?.result?.swaps.length-1].to.usdPrice}s(aa,"getQuoteToTokenUsdPrice");function xr(t,e){let o=t.result?.swaps||[],n=e.result?.swaps||[];return o.length!==n.length}s(xr,"isNumberOfSwapsChanged");function br(t,e){let o=t.result?.swaps.map(r=>r.swapperId)||[],n=e.result?.swaps.map(r=>r.swapperId)||[];return!ar(o,n)}s(br,"isQuoteSwappersUpdated");function Er(t,e){let o=t.result?.swaps.map(r=>r.to.symbol)||[],n=e.result?.swaps.map(r=>r.to.symbol)||[];return!ar(o,n)}s(Er,"isQuoteInternalCoinsUpdated");function la(t,e){return xr(t,e)||br(t,e)||Er(t,e)}s(la,"isQuoteChanged");function ia(t,e){if(e===null)return null;let o=e?.find(n=>n.blockchain===t.chain)?.wallets.find(n=>n.address?.toLowerCase()===t.address.toLowerCase());return o?o.requiredAssets:null}s(ia,"getRequiredBalanceOfWallet");function Je(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}s(Je,"getPriceImpactLevel");function pa(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],i=am(t.steps),a={blockchain:r.toBlockchain,symbol:r.toSymbol,address:r.toSymbolAddress},l=Cr(i?i.toBlockchain:n.fromBlockchain,e),p=Cr(r.toBlockchain,e),u=Sr(i?{blockchain:l?.name??"",symbol:i.toSymbol,address:i.toSymbolAddress}:{blockchain:l?.name??"",symbol:n.fromSymbol,address:n.fromSymbolAddress},o),m=Sr(a,o),c=i?i.outputAmount??"":t.inputAmount;return{fromBlockchain:l,fromToken:u,toBlockchain:p,toToken:m,inputAmount:c}}s(pa,"createRetryQuote");function nn(t,e){let{fromToken:o,toToken:n,tokens:r,userSlippage:i}=e,a=yt(o,t.requestAmount),l=yt(n,t.result?.outputAmount??"");if(t.result&&a&&l){let m=it(a.toString(),l.toString());if(Ro(a,m)){let S=en(t.result.swaps,r),f=Je(m);return{type:0,inputUsdValue:a,outputUsdValue:l,priceImpact:m,totalFee:S,warningLevel:f}}}else if(t.result&&(!a||!l))return{type:1};let p=tn(t),u=i>ws;if(Ys(e.userSlippage.toString(),p)){if(u&&parseFloat(p??"0")<i)return{type:3,slippage:i.toString()}}else return{type:2,recommendedSlippages:Xs(t,i),minRequiredSlippage:p};return null}s(nn,"generateQuoteWarnings");function Mt(t,e){let o=typeof e=="string"?parseFloat(e)<=0:!e?.gt(0);return!t||!e||o?null:it(t.toString(),e.toString())}s(Mt,"getPriceImpact");var yt=s((t,e)=>t?.usdPrice?new st(e||Ee).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),P=Qe(lm()(pm(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new st(0),outputUsdValue:new st(0),toBlockchain:null,toToken:null,quote:null,quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:"",quoteWarningsConfirmed:!1,setQuote:e=>t(o=>{let n=null,r=Ee;return jt(o.inputAmount)?(e&&(n=e.result?.outputAmount?new st(e.result?.outputAmount):null,r=ea(e.result?.outputAmount,aa(e)||o.toToken?.usdPrice)),{quote:e,...!!e&&{outputAmount:n,outputUsdValue:r}}):{}}),resetQuote:()=>t(()=>({quote:null,outputAmount:null,outputUsdValue:new st(0)})),setFromBlockchain:e=>{t(o=>o.fromBlockchain?.name===e?.name?{}:{fromBlockchain:e,...o.fromToken&&{quote:null,fromToken:null,outputAmount:null,outputUsdValue:null}})},setFromToken:e=>t(o=>({fromToken:e.token,...e.token&&{fromBlockchain:e.meta.blockchains.find(n=>n.name===e.token.blockchain)??null},...!!o.inputAmount&&{inputUsdValue:yt(e.token,o.inputAmount)}})),setToBlockchain:e=>{t(o=>o.toBlockchain?.name===e?.name?{}:{toBlockchain:e,...o.toToken&&{quote:null,toToken:null,outputAmount:null,outputUsdValue:null}})},setToToken:e=>t(()=>({toToken:e.token,...e.token&&{toBlockchain:e.meta.blockchains.find(o=>o.name===e.token.blockchain)??null}})),setInputAmount:e=>{t(o=>({inputAmount:e,...!e&&{outputAmount:new st(0),outputUsdValue:new st(0),quote:null},...!!o.fromToken&&{inputUsdValue:yt(o.fromToken,e)}}))},retry:(e,o)=>{let{tokens:n,blockchains:r}=o,{fromBlockchain:i,fromToken:a,toBlockchain:l,toToken:p,inputAmount:u}=pa(e,r,n);t({fromBlockchain:i,fromToken:a,inputAmount:u,outputAmount:null,inputUsdValue:yt(a??null,u),outputUsdValue:new st(0),toBlockchain:l,toToken:p,quote:null})},switchFromAndTo:()=>t(e=>({fromBlockchain:e.toBlockchain,fromToken:e.toToken,toBlockchain:e.fromBlockchain,toToken:e.fromToken,inputAmount:e.outputAmount?.toString()||"",inputUsdValue:yt(e.toToken,e.outputAmount?.toString()||"")})),resetFromBlockchain:()=>t(()=>({fromToken:null,fromBlockchain:null,outputAmount:null,outputUsdValue:null,quote:null})),resetToBlockchain:()=>t(()=>({toToken:null,toBlockchain:null,outputAmount:null,outputUsdValue:null,quote:null})),setQuoteWalletConfirmed:e=>t({quoteWalletsConfirmed:e}),setSelectedWallets:e=>t({selectedWallets:e}),setCustomDestination:e=>t({customDestination:e}),resetQuoteWallets:()=>t({quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:""}),setQuoteWarningsConfirmed:e=>t({quoteWarningsConfirmed:e})}))));var cm=ua("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),mm=ua("div",{borderRadius:"$md",border:"3px solid $background",background:"$neutral100",width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center",color:"$foreground","&:hover":{color:"$secondary500"}});function ca(){let t=P.use.switchFromAndTo();return Ar.createElement(cm,null,Ar.createElement(mm,{onClick:()=>{t()}},Ar.createElement(um,{size:12})))}s(ca,"SwitchFromAndToButton");import{Divider as ed}from"@rango-dev/ui";import ut from"react";import{i18n as Lr}from"@lingui/core";import{Alert as Cm,ChevronDownIcon as km,ChevronRightIcon as Fa,Divider as Br,Image as Oa,InfoIcon as Tm,QuoteCost as wm,StepDetails as vm,TokenAmount as xm,Tooltip as Ua,Typography as _t}from"@rango-dev/ui";import N,{useLayoutEffect as bm,useRef as Em,useState as Am}from"react";import{styled as Ir}from"@rango-dev/ui";var Wr=Ir("div",{width:"100%",paddingTop:"$2"}),ma=Ir("div",{paddingBottom:"$15"}),da=Ir("div",{width:"100%",display:"flex"});import*as sn from"@radix-ui/react-collapsible";import{darkTheme as Ve,Image as Wa,styled as at}from"@rango-dev/ui";import*as Pt from"@radix-ui/react-collapsible";import{Button as dm,darkTheme as $t,IconButton as fm,keyframes as fa,styled as he,TextField as gm}from"@rango-dev/ui";var Jt=300,hm=fa({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),ym=fa({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),ga=he("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),ha=he("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}),ya=he("button",{borderRadius:"$xm",padding:"$10",border:"0",display:"flex",justifyContent:"center",$$color:"$colors$neutral100",[`.${$t} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",alignItems:"center",cursor:"pointer",width:110,position:"relative","&:hover":{$$color:"$colors$info100",[`.${$t} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$color:"$colors$info100",[`.${$t} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color",outline:0},variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary",outlineStyle:"solid"}}}}),Sa=he(Pt.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit"}),Ca=he("div",{padding:"$20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),ka=he(fm,{position:"absolute",left:"$20"}),Ta=he("div",{paddingTop:"$20","& .wallets-list":{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}}),wa=he(Pt.Root,{backgroundColor:"$neutral200",borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),va=he(dm,{width:"100%",borderRadius:"$sm !important",padding:"$15 !important",justifyContent:"space-between",alignItems:"center",$$color:"$colors$neutral100",[`.${$t} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color","&:hover":{$$color:"$colors$info100",[`.${$t} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$background:"$colors$info100",[`.${$t} &`]:{$$background:"$colors$info700"},backgroundColor:"$$background",outline:0}}),xa=he("div",{padding:"$10 $0","& .button__content":{display:"flex",justifyContent:"center",alignItems:"center"},"& .alarms":{paddingTop:"5px"}}),ba=he("div",{transition:`all ${Jt}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),Ea=he("div",{display:"flex"}),Aa=he(gm,{padding:"$0 $15 $15 $15"}),rn=he(Pt.Content,{overflow:"hidden",variants:{open:{true:{animation:`${hm} ${Jt}ms ease-out`},false:{animation:`${ym} ${Jt}ms ease-out`}}}}),Ia=he("div",{overflow:"visible",width:"100%"});var Nr=300,Na=at(sn.Root,{display:"flex",flexDirection:"column",alignItems:"start",overflowX:"auto",overflowY:"hidden",width:"100%",borderRadius:"$xm",variants:{recommended:{true:{$$color:"$colors$info300",[`.${Ve} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"},false:{$$color:"$colors$neutral400",[`.${Ve} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}}},"& .steps-details":{padding:"$10 $15"}}),La=at("div",{borderRadius:"$xm",display:"flex",flexDirection:"column",alignItems:"start",justifyContent:"space-between",color:"$foreground",cursor:"pointer",boxSizing:"border-box",position:"relative",variants:{recommended:{true:{$$color:"$colors$info100",[`.${Ve} &`]:{$$color:"$colors$secondary600"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}},false:{$$color:"$colors$neutral200",[`.${Ve} &`]:{$$color:"$colors$neutral500"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}}},basic:{true:{borderTopRightRadius:"0",borderTopLeftRadius:"0"}},listItem:{true:{},false:{}}},compoundVariants:[{listItem:!0,recommended:!0,css:{"&:hover":{$$color:"$colors$secondary200",[`.${Ve} &`]:{$$color:"$colors$secondary700"},backgroundColor:"$$color"}}},{listItem:!0,recommended:!1,css:{"&:hover":{$$color:"$colors$neutral300",[`.${Ve} &`]:{$$color:"$colors$neutral400"},backgroundColor:"$$color"}}}],"& .summary":{width:"100%",padding:"$15 $15 $10 $15"},"& .basic-info":{paddingTop:"$10",display:"flex",alignItems:"center",".usd-value":{$$color:"$colors$neutral600",[`.${Ve} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}}),Ba=at(sn.Trigger,{display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",height:"$36",padding:"$10 $15",boxSizing:"border-box",cursor:"pointer",border:"none",outline:"none",backgroundColor:"transparent",variants:{error:{true:{[`& ${Wa}`]:{border:"1px $warning500 solid",borderRadius:"100%"}},false:{[`& ${Wa}`]:{border:"1px transparent solid",borderRadius:"100%"}}},recommended:{true:{$$color:"$colors$info300",[`.${Ve} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"},false:{$$color:"$colors$neutral400",[`.${Ve} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}}},"& div:nth-child(1)":{display:"flex"}}),Ma=at(rn,{width:"100%"}),an=at("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$2",transition:`all ${Nr}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),VT=at("div",{height:"$12",marginLeft:"$10",marginRight:"$10",borderLeft:"1px solid $foreground"}),$a=at("div",{display:"flex",justifyContent:"center",margin:"0 $15",borderTop:"1px solid",$$color:"$colors$neutral300",[`.${Ve} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color"}),Pa=at("div",{width:"$16",height:"$16",justifyContent:"center",alignItems:"center",display:"flex"});import{TokenAmount as Da}from"@rango-dev/ui";import ln from"react";import{styled as Sm}from"@rango-dev/ui";var _a=Sm("div",{position:"relative",display:"flex",flexDirection:"column",width:"100%","& .separator":{height:"14px",marginLeft:"14px",position:"absolute",borderLeft:"1px solid $foreground",top:"42%"}});function Zt(t){let{from:e,to:o,percentageChange:n,warningLevel:r}=t;return ln.createElement(_a,null,ln.createElement(Da,{direction:"horizontal",label:"Swap input",type:"input",price:{value:e.price.value,usdValue:e.price.usdValue},token:{displayName:e.token.displayName,image:e.token.image},chain:{image:e.chain.image}}),ln.createElement("div",{className:"separator"}),ln.createElement(Da,{direction:"horizontal",label:"Estimated output",type:"output",price:{value:o.price.value,usdValue:o.price.usdValue},token:{displayName:o.token.displayName,image:o.token.image},chain:{image:o.chain.image},percentageChange:n,warningLevel:r}))}s(Zt,"QuoteSummary");function Mr(t){let{quote:e,input:o,output:n,error:r,warning:i,type:a,recommended:l=!0}=t,p=T().tokens(),[u,m]=Am(t.expanded),c=Em(null),S=W(en(e.result?.swaps??[],p),2,2),f=Io(Wo(e.result?.swaps)),y=Mt(o.usdValue,n.usdValue??null),x=W(String(y),2,2),g=Je(y??0),d=s(h=>h.map((C,A)=>{let B,E=r?.type===3&&r.swap.swapperId===C.swapperId||i?.type===2&&i.recommendedSlippages?.has(A),$=i?.type===2&&i.recommendedSlippages?.has(A);return E?B="error":$&&(B="warning"),{swapper:{displayName:C.swapperId,image:C.swapperLogo},from:{token:{displayName:C.from.symbol,image:C.from.logo},chain:{displayName:C.from.blockchain,image:C.from.blockchainLogo},price:{value:A===0?W(o.value,6,6):C.fromAmount}},to:{token:{displayName:C.to.symbol,image:C.to.logo},chain:{displayName:C.to.blockchain,image:C.to.blockchainLogo},price:{value:C.toAmount}},state:B,alerts:E||$?N.createElement(ma,null,N.createElement(Cm,{type:E?"error":"warning",title:r?.type===3?r?.recommendation:Lr.t("Slippage Error:"),footer:N.createElement(da,null,r?.type===3&&N.createElement(N.Fragment,null,N.createElement(_t,{size:"xsmall",variant:"body",color:"neutral900"},r.fromAmountRangeError),N.createElement(Br,{direction:"horizontal",size:8}),N.createElement(_t,{size:"xsmall",variant:"body",color:"neutral900"},"|"),N.createElement(Br,{direction:"horizontal",size:8}),N.createElement(_t,{size:"xsmall",variant:"body",color:"neutral900"},Lr.t({id:"Yours: {amount} {symbol}",values:{amount:W(C.fromAmount,6,6),symbol:C?.from.symbol}}))),(r?.type===4||i?.type===2)&&N.createElement(_t,{size:"xsmall",variant:"body",color:"neutral900"},Lr.t({id:"min required Slippage: {minRequiredSlippage}",values:{...r?.type===4&&{minRequiredSlippage:r.recommendedSlippages?.get(A)},...i?.type===2&&{minRequiredSlippage:i.recommendedSlippages?.get(A)}}})))})):void 0}}),"getQuoteSteps")(e.result?.swaps??[]),k=d.length;return bm(()=>{u&&c.current&&setTimeout(()=>{c?.current?.scrollIntoView({behavior:"smooth"})},Nr)},[u]),N.createElement(N.Fragment,null,N.createElement(La,{recommended:l,listItem:a==="list-item",basic:a==="basic"},N.createElement("div",{className:"summary"},N.createElement(wm,{fee:S,time:f,steps:k}),a==="basic"&&N.createElement("div",{className:"basic-info"},N.createElement(Pa,null,N.createElement(Tm,{size:12,color:"gray"})),N.createElement(_t,{size:"small",variant:"body",style:{letterSpacing:.4}},`${o.value} ${d[0].from.token.displayName} = ${n.value} ${d[d.length-1].to.token.displayName}`),N.createElement(_t,{color:"$neutral600",ml:2,size:"xsmall",variant:"body"},`($${n.usdValue})`)),a==="list-item"&&N.createElement(xm,{type:"output",direction:"vertical",price:{value:n.value,usdValue:n.usdValue},token:{displayName:d[k-1].to.token.displayName,image:d[k-1].to.token.image},chain:{image:d[k-1].to.chain.image},percentageChange:x,warningLevel:g}),a==="swap-preview"&&N.createElement(N.Fragment,null,N.createElement(Zt,{from:d[0].from,to:d[k-1].to,percentageChange:x,warningLevel:g}),N.createElement(Br,{size:4}))),N.createElement(Na,{recommended:l,open:u,onOpenChange:m},N.createElement(Ba,{ref:h=>c.current=h,recommended:l,onClick:m.bind(null,h=>!h)},N.createElement("div",null,d.map((h,C)=>{let A=`item-${C}`;return N.createElement(N.Fragment,{key:A},N.createElement(Ua,{container:t.tooltipContainer,side:"bottom",sideOffset:4,content:h.from.chain.displayName},N.createElement(Oa,{src:h.from.chain.image,size:16})),C===k-1&&N.createElement(N.Fragment,null,N.createElement(an,null,N.createElement(Fa,{size:12,color:"black"})),N.createElement(Ua,{container:t.tooltipContainer,side:"bottom",sideOffset:4,content:h.to.chain.displayName},N.createElement(Oa,{src:h.to.chain.image,size:16}))),C!==k-1&&N.createElement(an,null,N.createElement(Fa,{size:12,color:"black"})))})),N.createElement(an,{orientation:u?"up":"down"},N.createElement(km,{size:12,color:"black"}))),N.createElement(Ma,{open:u},N.createElement($a,null),N.createElement("div",{className:"steps-details"},d.map((h,C)=>{let A=`item-${C}`;return N.createElement(vm,{type:"quote-details",key:A,step:h,hasSeparator:C!==d.length-1,state:h.state})}))))))}s(Mr,"Quote");import{ChainToken as pn,Divider as $e,NextIcon as Wm,Skeleton as ye}from"@rango-dev/ui";import b from"react";import{darkTheme as Im,styled as za}from"@rango-dev/ui";var qa=za("div",{$$color:"$colors$neutral100",[`.${Im} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",borderBottomLeftRadius:"$xm",borderBottomRightRadius:"$xm",padding:"$15 ","& .cost-and-tag":{display:"flex",justifyContent:"space-between",alignItems:"center",height:"22px"},variants:{rounded:{true:{borderRadius:"$xm"}}},"& .cost":{display:"flex"},"& .basic-summary":{padding:"$15 $0 14px $0"},"& .output":{padding:"$6 $0 $15 $0",display:"flex",flexDirection:"column"},"& .output__token-info":{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$5"},"& .quote-summary":{display:"flex",justifyContent:"space-between",alignItems:"end"},"& .quote-summary__separator":{height:"$28",marginLeft:"13px",borderLeft:"1px solid $neutral700"},"& .token-amount":{display:"flex",justifyContent:"space-between"},"& .token-amount__label":{display:"flex",flexDirection:"column",alignItems:"start"},"& .chains":{paddingTop:"$2"},"& .swap-preview":{padding:"$15 $0 $15 $0"},"& .steps":{paddingLeft:"$8"},"& .step__title":{display:"flex",alignItems:"center"},"& .step__content":{display:"flex",alignItems:"start"},"& .step__tokens":{paddingTop:"$5",paddingBottom:"$10",display:"flex",alignItems:"center"},"& .step__token-info":{display:"flex",alignItems:"center"},"& .step__icon-container":{margin:"$0 $2",padding:"$4",display:"flex",justifyContent:"center",alignItems:"center"}}),Ga=za("div",{borderLeft:"1px dashed black",minHeight:" 64px",margin:"0px 11.5px",alignSelf:"stretch",variants:{hideSeparator:{true:{minHeight:"unset",height:"0"}}}});function $r(t){let{separator:e=!0}=t;return b.createElement(b.Fragment,null,b.createElement("div",{className:"step__title"},b.createElement(ye,{height:22,width:22,variant:"circular"}),b.createElement($e,{direction:"horizontal",size:8}),b.createElement(ye,{height:15,width:148,variant:"rounded"})),b.createElement("div",{className:"step__content"},b.createElement(Ga,{hideSeparator:!e}),b.createElement("div",{className:"step__tokens"},b.createElement("div",{className:"step__token-info"},b.createElement(pn,{size:"small",loading:!0,chainImage:"",tokenImage:""}),b.createElement($e,{direction:"horizontal",size:8}),b.createElement(ye,{height:12,width:76,variant:"rounded"})),b.createElement("div",{className:"step__icon-container"},b.createElement(Wm,{color:"gray",size:16})),b.createElement("div",{className:"step__token-info"},b.createElement(pn,{size:"small",loading:!0,chainImage:"",tokenImage:""}),b.createElement($e,{direction:"horizontal",size:8}),b.createElement(ye,{height:12,width:76,variant:"rounded"})))))}s($r,"StepSkeleton");function Pr(t){let{type:e,expanded:o,tag:n=!1}=t,r=b.createElement("div",{className:"quote-summary"},b.createElement("div",{className:"token-amount"},b.createElement(pn,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),b.createElement($e,{size:8,direction:"horizontal"}),b.createElement("div",{className:"token-amount__label"},b.createElement(ye,{height:10,width:60,variant:"rounded"}),b.createElement($e,{size:4}),b.createElement(ye,{height:15,width:148,variant:"rounded"}))),b.createElement(ye,{height:12,width:64,variant:"rounded"}));return b.createElement(qa,null,b.createElement("div",{className:"cost-and-tag"},b.createElement("div",{className:"cost"},b.createElement(ye,{width:60,height:10,variant:"rounded"}),b.createElement($e,{size:4,direction:"horizontal"}),b.createElement(ye,{width:60,height:10,variant:"rounded"}),b.createElement($e,{size:4,direction:"horizontal"}),b.createElement(ye,{width:60,height:10,variant:"rounded"})),n&&b.createElement(ye,{height:22,width:100,variant:"rounded"})),e==="basic"&&b.createElement("div",{className:"basic-summary"},b.createElement(ye,{height:15,width:148,variant:"rounded"})),e==="list-item"&&b.createElement("div",{className:"output"},b.createElement("div",{className:"output__token-info"},b.createElement(pn,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),b.createElement($e,{direction:"horizontal",size:4}),b.createElement(ye,{height:15,width:150,variant:"rounded"})),b.createElement($e,{size:4}),b.createElement(ye,{height:10,width:184,variant:"rounded"})),e==="swap-preview"&&b.createElement(b.Fragment,null,b.createElement($e,{size:4}),b.createElement("div",{className:"swap-preview"},r,b.createElement("div",{className:"quote-summary__separator"}),r)),b.createElement("div",{className:"chains"},b.createElement(ye,{height:15,width:321,variant:"rounded"})),o&&b.createElement("div",{className:"steps"},b.createElement($e,{size:20}),b.createElement($r,null),b.createElement($r,null),b.createElement($r,{separator:!1})))}s(Pr,"QuoteSkeleton");import{i18n as Xm}from"@lingui/core";import{Alert as Ym,Button as Jm,InfoIcon as Zm}from"@rango-dev/ui";import Ae from"react";import{useNavigate as Rm}from"react-router-dom";import{Alert as Nm,Button as Lm,Divider as Xa,NoRouteIcon as Bm,RefreshIcon as Mm,Typography as Ya}from"@rango-dev/ui";import Pe from"react";import{i18n as Ha}from"@lingui/core";function Qa(t,e,o,n){return t?.type===1?{alert:{type:"warning",text:G().genericServerError,action:{onClick:n,title:Ha.t("Retry")}},description:""}:t?.type===0&&t.diagnosisMessage?{alert:{type:"error",text:t.diagnosisMessage,action:null},description:""}:e.length?{alert:{type:"warning",text:G().liquiditySourcesError.title,action:{onClick:()=>o(!0),title:Ha.t("Reset")}},description:G().liquiditySourcesError.description}:{alert:null,description:G().noResultError.description}}s(Qa,"makeInfo");import{styled as _r}from"@rango-dev/ui";var Va=_r("div",{minHeight:"162px",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"}),ja=_r("div",{width:"100%"}),Ka=_r("div",{padding:"$6 $0"});function Dr(t){let{fetch:e,error:o}=t,n=D.use.disabledLiquiditySources(),r=D.use.toggleAllLiquiditySources(),i=T().swappers(),a=Qa(o,n,()=>r(i,!0),e);return Pe.createElement(Va,null,Pe.createElement(Bm,{size:24,color:"gray"}),Pe.createElement(Xa,{size:4}),Pe.createElement(Ya,{variant:"title",size:"small"},G().noResultError.title),!!a.description&&Pe.createElement(Ya,{variant:"body",size:"small",align:"center",color:"neutral700"},a.description),Pe.createElement(Xa,{size:4}),!!a.alert&&Pe.createElement(ja,null,Pe.createElement(Nm,{type:a.alert.type,title:a.alert.text,action:a.alert.action&&Pe.createElement(Lm,{size:"xsmall",type:a.alert.type,prefix:Pe.createElement(Ka,null,Pe.createElement(Mm,{size:8})),onClick:a.alert.action.onClick},a.alert.action.title),variant:"alarm"})))}s(Dr,"NoResult");import{i18n as to}from"@lingui/core";import{Button as Pm,Divider as ol,MessageBox as _m,Modal as Dm,Typography as Fm,WarningIcon as Om}from"@rango-dev/ui";import je from"react";import{Typography as el}from"@rango-dev/ui";import Or from"react";import{darkTheme as $m,styled as un}from"@rango-dev/ui";var Ja=un("div",{width:"100%",paddingTop:"$10"}),Fr=un("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),Za=un("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%","._title":{$$color:"$colors$neutral600",[`.${$m} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Ra=un("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});function tl(t){let{title:e,value:o,valueColor:n}=t;return Or.createElement(Za,null,Or.createElement(el,{size:"medium",variant:"label",className:"_title"},e),Or.createElement(el,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}s(tl,"QuoteErrorsModalItem");function nl(t){let{open:e,onClose:o,onConfirm:n,warning:r}=t,i=r.warningLevel==="high"?"error":"warning",a=[{title:to.t("Swapping"),value:W(r.inputUsdValue,4,4)},{title:to.t("Gas cost"),value:W(r.totalFee,2,2)},{title:to.t("Receiving"),value:W(r.outputUsdValue,4,4)},{title:to.t("Price impact"),value:W(r.priceImpact,2,2),valueColor:`${i}500`}];return je.createElement(Dm,{open:e,onClose:o,container:R()},je.createElement(_m,{type:i,title:G().highValueLossError.impactTitle,description:G().highValueLossError.description}),je.createElement(Fr,null,je.createElement(ol,{size:20}),je.createElement(Fm,{size:"small",variant:"title"},to.t("Details")),je.createElement(Fr,null,a.map((l,p)=>je.createElement(tl,{key:p,...l})))),je.createElement(ol,{size:32}),je.createElement(Pm,{type:"primary",size:"large",prefix:je.createElement(Om,null),fullWidth:!0,onClick:n},G().highValueLossError.confirmMessage))}s(nl,"HighValueLossWarningModal");import{i18n as rl}from"@lingui/core";function il(t,e){let o={alertType:"warning",title:"",action:"show-info"};return t?(t.type===0&&(Je(t.priceImpact)==="high"&&(o.alertType="error"),o.title=G().highValueLossError.title),t.type===1&&(o.title=G().unknownPriceError.title),t.type===2&&(o.title=rl.t({id:"minimum required slippage for this route: {minRequiredSlippage}",values:{minRequiredSlippage:t.minRequiredSlippage}})),t.type===3&&(o.title=rl.t("Caution, your slippage is high")),o):e?(o.alertType="error",e.type===3&&(o.title=e.recommendation,o.action=null),e.type===4&&(o.title="",o.action="change-settings"),o):null}s(il,"makeAlerts");import{i18n as Dt}from"@lingui/core";import{Button as sl,Divider as al,MessageBox as Um,Modal as zm,Typography as qm}from"@rango-dev/ui";import St from"react";import{useNavigate as Gm}from"react-router-dom";function ll(t){let{customSlippage:e,slippage:o}=D(),{open:n,onClose:r,onConfirm:i,warning:a}=t,l=Gm(),p=e??o;return St.createElement(zm,{anchor:"bottom",open:n,prefix:St.createElement(sl,{size:"small",variant:"ghost",onClick:()=>l("../"+L.settings)},St.createElement(qm,{variant:"label",size:"medium",color:"$neutral900"},Dt.t("Change settings"))),container:R(),onClose:r},St.createElement(Um,{type:"warning",title:a.type===3?Dt.t("High slippage"):Dt.t("Low slippage"),description:a.type===3?Dt.t({id:" Caution, your slippage is high (={userSlippage}). Your trade may be front run.",values:{userSlippage:p}}):Dt.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:a.minRequiredSlippage}})},St.createElement(al,{size:18}),St.createElement(al,{size:32}),St.createElement(sl,{size:"large",type:"primary",variant:"contained",fullWidth:!0,onClick:i},Dt.t("Confirm anyway"))))}s(ll,"SlippageWarningModal");import{Button as Hm,Divider as Qm,MessageBox as Vm,Modal as jm,WarningIcon as Km}from"@rango-dev/ui";import oo from"react";function pl(t){let{open:e,onClose:o,onConfirm:n}=t;return oo.createElement(jm,{open:e,onClose:o,container:R()},oo.createElement(Vm,{type:"warning",title:G().unknownPriceError.impactTitle,description:G().unknownPriceError.description}),oo.createElement(Qm,{size:32}),oo.createElement(Hm,{type:"primary",size:"large",prefix:oo.createElement(Km,null),fullWidth:!0,onClick:n},G().unknownPriceError.confirmMessage))}s(pl,"UnknownPriceWarningModal");function Ur(t){let{warning:e,error:o,refetchQuote:n,showWarningModal:r,onOpenWarningModal:i,onCloseWarningModal:a,onConfirmWarningModal:l}=t,p=Rm(),u={open:r,onClose:a,onConfirm:l},m=o?.type===0||o?.type===1,c=il(e,o?.type===3||o?.type===4?o:null);return Ae.createElement(Ae.Fragment,null,m&&Ae.createElement(Dr,{error:o,fetch:n}),!!c&&Ae.createElement(Ja,null,Ae.createElement(Ym,{title:c.title,type:c.alertType,variant:"alarm",action:c.action==="show-info"?Ae.createElement(Ra,{onClick:i},Ae.createElement(Zm,{size:12,color:"gray"})):Ae.createElement(Jm,{size:"xsmall",type:"error",onClick:()=>p(L.settings)},Xm.t("Change Settings"))})),e&&Ae.createElement(Ae.Fragment,null,e.type===0&&Ae.createElement(nl,{...u,warning:e}),(e.type===3||e.type===2)&&Ae.createElement(ll,{...u,warning:e}),e.type===1&&Ae.createElement(pl,{...u,warning:e})))}s(Ur,"QuoteWarningsAndErrors");function no(t){let{quote:e,type:o,loading:n,error:r,warning:i,refetchQuote:a,showWarningModal:l,onOpenWarningModal:p,onCloseWarningModal:u,onConfirmWarningModal:m,expanded:c=!1}=t,{inputAmount:S,inputUsdValue:f,outputUsdValue:y,outputAmount:x}=P(),g=e&&e.result&&!n;return ut.createElement(ut.Fragment,null,n&&ut.createElement(Wr,null,ut.createElement(Pr,{type:o,expanded:c})),g?ut.createElement(Wr,null,ut.createElement(Mr,{quote:e,error:r,warning:i,type:o,expanded:c,recommended:!0,input:{value:W(S,6,6),usdValue:W(f,4,4)},output:{value:W(x,6,6),usdValue:W(y,4,4)}})):null,!i&&!r&&ut.createElement(ed,{size:16}),(i||r)&&ut.createElement(Ur,{warning:i,error:r,loading:n,refetchQuote:a,showWarningModal:l,onOpenWarningModal:p,onCloseWarningModal:u,onConfirmWarningModal:m}))}s(no,"QuoteInfo");import{useEffect as cl,useRef as rd,useState as zr}from"react";function cn(t){if(!t.result)throw new Error(G().noResultError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});if(Xt(t)){let{swap:n,recommendation:r,fromAmountRangeError:i}=kr(t);throw new Error("bridge limit error",{cause:{type:3,swap:n,recommendation:r,fromAmountRangeError:i}})}let o=wr(t);if(o){let n=tn(t);throw new Error("",{cause:{type:4,recommendedSlippages:o,minRequiredSlippage:n}})}return t}s(cn,"throwErrorIfResponseIsNotValid");function ul(t,e,o){let n=la(t,e),r={quote:null,quoteUpdate:null,balance:null},i=nn(e,{fromToken:o.fromToken,toToken:o.toToken,tokens:o.tokens,userSlippage:o.userSlippage});i&&(r.quote=i),n&&(Zs(t,e)?r.quoteUpdate={type:3,newOutputAmount:W(Bt(e)),percentageChange:W(it(Bt(t)??"",Bt(e)??""),null,2)}:xr(t,e)?r.quoteUpdate={type:0}:br(t,e)?r.quoteUpdate={type:1}:Er(t,e)&&(r.quoteUpdate={type:2}));let a=Rs(e,o.selectedWallets);return a.length===0||(r.balance={messages:a}),r}s(ul,"generateWarnings");function mn(t){return t?.code==="ERR_CANCELED"?{swap:null,error:{type:2},warnings:null}:t.cause?{swap:null,error:t.cause,warnings:null}:{swap:null,error:{type:1},warnings:null}}s(mn,"handleQuoteErrors");import{useRef as od,useState as nd}from"react";function dn(){let[t,e]=nd(!1),o=od(null),n=s(()=>o.current?.abort(),"cancel");return{fetch:s(async i=>{n(),o.current=new AbortController,e(!0);try{let a=await It().getBestRoute(i,{signal:o.current.signal});return o.current=null,a}catch(a){throw a}finally{e(!1)}},"fetch"),loading:t,cancelFetch:n}}s(dn,"useFetchQuote");var id=600;function ml(){let{fetch:t,cancelFetch:e}=dn(),{liquiditySources:o,enableNewLiquiditySources:n,experimental:r}=T().config,i=T().tokens(),{fromToken:a,toToken:l,inputAmount:p,inputUsdValue:u,resetQuote:m,setQuote:c}=P(),{slippage:S,customSlippage:f,affiliatePercent:y,affiliateRef:x,affiliateWallets:g,disabledLiquiditySources:w}=D(),[d,k]=zr(!1),[h,C]=zr(null),[A,B]=zr(null),E=rd(w),$=f??S,F=!a||!l||Ie(a,l)||!jt(p),v=s(O=>{k(O),C(null),B(null)},"resetState"),z=s(()=>{if(d||v(!0),!F){m();let O=on({fromToken:a,toToken:l,inputAmount:p,liquiditySources:o,excludeLiquiditySources:n,disabledLiquiditySources:w,slippage:$,affiliateRef:x,affiliatePercent:y,affiliateWallets:g});r?.routing&&(O.experimental=!0),t(O).then(Z=>{k(!1),c(Z),cn(Z);let le=nn(Z,{fromToken:a,toToken:l,userSlippage:$,tokens:i});B(le)}).catch(Z=>{let{error:le}=mn(Z);(le?.type===0||le?.type===1)&&m(),le?.type!==2&&(C(le),k(!1))})}},"fetch"),H=Ss(()=>{F||z()},id);return cl(()=>{if(!jt(p)||u?.eq(0)){v(!1),e();return}if(!F)return m(),v(!0),H(),e},[p,F]),cl(()=>{let O=!!E.current.length&&!w.length;return!F&&O&&z(),E.current=w,e},[w.length]),{fetch:z,loading:d,error:h,warning:A}}s(ml,"useSwapInput");var md=Gr("div",{display:"flex",flexDirection:"column",overflowY:"visible"}),dd=Gr("div",{position:"relative"}),fd=Gr("div",{display:"flex",flexDirection:"column",gap:5,alignSelf:"stretch"});function fn(){let t=cd(),{fetch:e,loading:o,error:n,warning:r}=ml(),{fromToken:i,fromBlockchain:a,toToken:l,toBlockchain:p,setInputAmount:u,inputAmount:m,inputUsdValue:c,outputAmount:S,outputUsdValue:f,quote:y,resetQuoteWallets:x,setQuoteWarningsConfirmed:g}=P(),w=T().fetchStatus,d=V.use.connectedWallets(),k=Ce.use.setCurrentPage(),[h,C]=ud(!1),A=pd(null),B=!1,E=js(c,f),$=Ro(c,E),_=!Tr(y,m,c),F=!Tr(y,m,f),v=Ks(w,d,o,y,Xt(y),$,_||F,B,m),z=a&&i?W(Wt(d,a?.name,i?.symbol,i?.address)?.amount||"0",8,8):"0",H=a&&i?W(Wt(d,a?.name,i?.symbol,i?.address)?.amount||"0",Wt(d,a?.name,i?.symbol,i?.address)?.decimal):"0";ld(()=>(k(L.home),x(),k.bind(null,"")),[]);let O=!c||!f||!f.gt(0)?null:it(c.toString(),f.toString());return Fe.createElement(j,{ref:A,fixedHeight:!1,hasLogo:!0,footer:Fe.createElement(sd,{type:"primary",size:"large",disabled:v.disabled,prefix:!v.disabled&&v.hasWarning&&Fe.createElement(ad,null),fullWidth:!0,onClick:()=>{v.state==="waitForConnecting"?t(L.wallets):r?C(!0):t(L.confirmSwap)}},v.title),header:{onWallet:()=>{t(L.wallets)},hasBackButton:!1,title:qr.t("Swap"),suffix:Fe.createElement(gr,{layoutRef:A.current,onClickRefresh:y||n?e:void 0,onClickHistory:()=>t(L.swaps),onClickSettings:()=>t(L.settings)})}},Fe.createElement(md,null,Fe.createElement(fd,null,Fe.createElement(dd,null,Fe.createElement(dl,{label:qr.t("From"),mode:"From",onInputChange:u,balance:z,chain:{displayName:a?.displayName||"",image:a?.logo||""},token:{displayName:i?.symbol||"",image:i?.image||""},onClickToken:()=>t(L.fromSwap),price:{value:m,usdValue:_?void 0:W(c,4,4),error:_?G().unknownPriceError.impactTitle:void 0},disabled:w==="failed",loading:w==="loading",onSelectMaxBalance:()=>{z!=="0"&&u(H.split(",").join(""))}}),Fe.createElement(ca,null)),Fe.createElement(dl,{sharpBottomStyle:!!y?.result||o,label:qr.t("To"),mode:"To",chain:{displayName:p?.displayName||"",image:p?.logo||""},token:{displayName:l?.symbol||"",image:l?.image||""},percentageChange:W(Mt(c,f),2,2),warningLevel:Je(O??0),price:{value:W(S,6,6),usdValue:F?void 0:W(f,4,4),error:F?G().unknownPriceError.impactTitle:void 0},onClickToken:()=>t(L.toSwap),disabled:w==="failed",loading:w==="loading"})),Fe.createElement(no,{quote:y,loading:o,error:n,warning:r,type:"basic",refetchQuote:e,showWarningModal:h,onOpenWarningModal:()=>C(!0),onCloseWarningModal:()=>C(!1),onConfirmWarningModal:()=>{C(!1),g(!0),t(L.confirmSwap)}})))}s(fn,"Home");import{useEffect as Hr,useRef as Qr}from"react";import{createSearchParams as gd,useLocation as hd,useSearchParams as yd}from"react-router-dom";import{useEffect as Ft,useMemo as gn,useRef as hn}from"react";function fl(){let{setInputAmount:t,setToToken:e,setToBlockchain:o,setFromBlockchain:n,setFromToken:r,fromToken:i,toToken:a,fromBlockchain:l,toBlockchain:p}=P(),u=T().config,m=T().fetchStatus,c=T().blockchains(),S=T().tokens(),{setAffiliateRef:f,setAffiliatePercent:y,setAffiliateWallets:x}=D(),g=gn(()=>u?.from?.tokens,[u?.from?.tokens]),w=gn(()=>u?.from?.blockchains,[u?.from?.blockchains]),d=gn(()=>u?.to?.tokens,[u?.to?.tokens]),k=gn(()=>u?.to?.blockchains,[u?.to?.blockchains]),h=hn(void 0),C=hn(void 0),A=hn(void 0),B=hn(void 0);Ft(()=>{t(u?.amount?.toString()||"")},[u?.amount]),Ft(()=>{if(m==="success"){let E=c.find(_=>_.name===u?.from?.blockchain),$=S.find(_=>Ie(_,u?.from?.token||null));(E||!E&&A.current)&&n(E??null),$?r({token:$,meta:{blockchains:c,tokens:S}}):!$&&h.current&&r({token:null}),A.current=u?.from?.blockchain,h.current=u?.from?.token}},[u?.from?.token?.symbol,u?.from?.token?.address,u?.from?.token?.blockchain,u?.from?.blockchain,m]),Ft(()=>{i&&g&&(g.some(E=>Ie(E,i))||r({token:null})),l&&w&&(w.includes(l.name)||n(null))},[g,w]),Ft(()=>{a&&d&&(d.some(E=>Ie(E,a))||e({token:null})),p&&k&&(k.includes(p.name)||o(null))},[d,k]),Ft(()=>{if(m==="success"){let E=c.find(_=>_.name===u?.to?.blockchain),$=S.find(_=>Ie(_,u?.to?.token||null));(E||!E&&B.current)&&o(E??null),$?e({token:$,meta:{blockchains:c,tokens:S}}):!$&&C.current&&e({token:null}),B.current=u?.to?.blockchain,C.current=u?.to?.token}},[u?.to?.token?.symbol,u?.to?.token?.address,u?.to?.token?.blockchain,u?.to?.blockchain,m]),Ft(()=>{f(u?.affiliate?.ref??null),y(u?.affiliate?.percent??null),x(u?.affiliate?.wallets??null)},[u?.affiliate?.ref,u?.affiliate?.percent,u?.affiliate?.wallets])}s(fl,"useSyncStoresWithConfig");function gl(){let t=Qr(!0),[e,o]=yd(),n=hd(),r=Qr(n.search),i=Qr({}),a=P.use.fromBlockchain(),l=P.use.toBlockchain(),p=P.use.fromToken(),u=P.use.toToken(),m=P.use.setFromBlockchain(),c=P.use.setFromToken(),S=P.use.setToBlockchain(),f=P.use.setToToken(),y=P.use.inputAmount(),x=P.use.setInputAmount(),g=T().fetchStatus,w=T().blockchains(),d=T().tokens(),k=Ce.use.setSelectedSwap();return fl(),Hr(()=>{let h={};gd(r.current).forEach((A,B)=>{h[B]=A}),i.current=h;let C=n.pathname.split(L.swaps+"/")[1]||null;C&&k(C)},[]),Hr(()=>{if(!t.current){let h="",C="",A="",B="",E="",$=i.current["autoConnect"];g!=="success"?(h=i.current["fromBlockchain"],C=i.current["fromToken"],A=i.current["toBlockchain"],B=i.current["toToken"],E=i.current["fromAmount"]||y):(h=a?.name||"",C=(p?.symbol||"")+(p?.address?`--${p?.address}`:""),A=l?.name||"",B=(u?.symbol||"")+(u?.address?`--${u?.address}`:""),E=y),o({...h&&{["fromBlockchain"]:h},...C&&{["fromToken"]:C},...A&&{["toBlockchain"]:A},...B&&{["toToken"]:B},...E&&{["fromAmount"]:E.toString()},...$&&{["autoConnect"]:$}},{replace:!0})}t.current=!1},[n.pathname,y,a,p,l,u]),Hr(()=>{if(g==="success"){let h=e.get("fromBlockchain"),C=e.get("fromToken"),A=e.get("toBlockchain"),B=e.get("toToken"),E=e.get("fromAmount"),$=w.find(z=>z.name===h),_=vr(d,C,$||null),F=w.find(z=>z.name===A),v=vr(d,B,F||null);$&&(m($),_&&c({token:_,meta:{blockchains:w,tokens:d}})),F&&(S(F),v&&f({token:v,meta:{blockchains:w,tokens:d}})),E&&x(E)}},[g]),null}s(gl,"UpdateUrl");function Ad(t){let e=bd(),o=Ed(),n=wd(!0),r=e.pathname.split("/"),a=r[r.length-1]===L.confirmSwap&&n.current;return Td(()=>{a&&o("."),n.current=!1},[]),a?Ct.createElement(fn,null):Ct.createElement(Ct.Fragment,null," ",t.children)}s(Ad,"Route");function hl({children:t,...e}){let o=xd(),n=o?Ad:vd,r=T().blockchains(),{canSwitchNetworkTo:i}=Cd();Ns();let a=r.filter(kd);return Sd({lastConnectedWallet:e.lastConnectedWallet,clearDisconnectedWallet:e.clearDisconnectedWallet,disconnectedWallet:e.disconnectedWallet,evmChains:a,canSwitchNetworkTo:i}),Ct.createElement(Ct.Fragment,null,Ct.createElement(n,null,t),o&&Ct.createElement(gl,null))}s(hl,"AppRouter");import xe from"react";import{useRoutes as _h}from"react-router-dom";import{i18n as xn}from"@lingui/core";import{useManager as uf}from"@rango-dev/queue-manager-react";import{Alert as Dl,Button as Fl,Divider as Ol,IconButton as Ul,RefreshIcon as cf,SettingsIcon as mf,styled as zl,Tooltip as df,Typography as ff,WalletIcon as gf}from"@rango-dev/ui";import Y,{useEffect as bn,useState as En}from"react";import{flushSync as hf}from"react-dom";import{useNavigate as yf}from"react-router-dom";import{i18n as Ze}from"@lingui/core";import{Alert as Zr,BalanceErrors as Jd,Button as $l,ChevronDownIcon as Zd,ChevronLeftIcon as Rd,Divider as Ut,MessageBox as ef,Modal as Pl,Typography as vn,WalletIcon as tf}from"@rango-dev/ui";import I,{useEffect as of,useLayoutEffect as nf,useRef as rf,useState as wt}from"react";import{useNavigate as sf}from"react-router-dom";import{i18n as yn}from"@lingui/core";function Sn(t){switch(t.type){case 0:return yn.t("Route has been updated.");case 3:return yn.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return yn.t("Route swappers has been updated.");case 2:return yn.t("Route internal coins has been updated.");default:return""}}s(Sn,"getQuoteUpdateWarningMessage");import{i18n as Oe}from"@lingui/core";import{Button as Kd,Divider as Yr,Image as Xd,MessageBox as wn,Modal as Wl,SelectableWallet as Yd,Typography as Nl,WalletState as Ll}from"@rango-dev/ui";import oe,{useEffect as Bl,useState as io}from"react";import{WalletState as yl}from"@rango-dev/ui";import{useWallets as Id}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as Wd,WalletTypes as Nd}from"@rango-dev/wallets-shared";import{useEffect as Ld,useState as Bd}from"react";var Md=Object.values(Nd);function Cn(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:i,disconnect:a,getWalletInfo:l,connect:p}=Id(),{connectedWallets:u}=V(),m=T().blockchains(),c=gs(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||Md,S=as(i,l,c,o),f=ds(S),[y,x]=Bd(""),g=s(h=>!u.find(C=>C.walletType===h&&C.chain===o),"isExperimentalChainNotAdded"),w=s(async h=>{let C=i(h);try{if(y&&x(""),C.connected)await a(h);else{let A=!!S.find(B=>B.state===yl.CONNECTED);if(!e?.multiWallets&&A)return;n?.(h),await p(h),r?.(h)}}catch(A){x("Error: "+A?.message)}},"handleClick"),d=s(()=>{let h=S?.filter(C=>C.state===yl.CONNECTING)||[];for(let C of h)a(C.type)},"disconnectConnectingWallets");Ld(()=>()=>{d()},[]);let k=s((h,C,A)=>$o(A,C)&&g(h)&&!Wd.includes(h),"shouldExcludeWallet");return{list:f.filter(h=>!k(h.type,o??"",m)),error:y,handleClick:w}}s(Cn,"useWalletList");import{i18n as wl}from"@lingui/core";import{styled as xl,Typography as Ud,Wallet as zd,WalletState as qd}from"@rango-dev/ui";import Tt,{Fragment as Gd,useState as vl}from"react";import{Divider as Fd,Modal as Od}from"@rango-dev/ui";import jr from"react";import{i18n as Ot}from"@lingui/core";import{Image as _d,MessageBox as Vr,WalletState as Dd}from"@rango-dev/ui";import kt from"react";import{keyframes as $d,styled as kn}from"@rango-dev/ui";var Hb=kn("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),Sl=kn("div",{position:"relative"}),Pd=$d({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),Cl=kn("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Pd} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),kl=kn("div",{"& img":{borderRadius:"50%"}});function Tl(t){let{state:e,image:o,error:n}=t;return e===Dd.CONNECTED?kt.createElement(Vr,{type:"success",title:Ot.t("Wallet Connected"),description:Ot.t("Your wallet is connected, you can use it to swap.")}):n?kt.createElement(Vr,{type:"error",title:Ot.t("Failed to Connect"),description:n||Ot.t("Your wallet is not connected. Please try again.")}):kt.createElement(Vr,{type:"loading",title:Ot.t("Connecting to your wallet"),description:Ot.t("Click connect in your wallet popup."),icon:kt.createElement(Sl,null,kt.createElement(kl,null,kt.createElement(_d,{src:o,size:45})),kt.createElement(Cl,null))})}s(Tl,"ModalContent");function ro(t){let{open:e,onClose:o,...n}=t;return jr.createElement(Od,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},jr.createElement(Tl,{...n}),jr.createElement(Fd,{direction:"vertical",size:32}))}s(ro,"WalletModal");var Hd=xl("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline",paddingTop:"$15",height:"100%"}),Qd=xl("div",{textAlign:"center"}),Tn=3e3,Kr=300;function bl(){let{config:t,fetchStatus:e}=T(),[o,n]=vl(!1),[r,i]=vl(""),a=null,{list:l,handleClick:p,error:u}=Cn({config:t,onBeforeConnect:f=>{a=setTimeout(()=>{n(!0),i(f)},Kr)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},Tn)}}),m=l.find(f=>f.type===r),c=m?.image||"",S=m?.state||qd.NOT_INSTALLED;return Tt.createElement(j,{header:{title:wl.t("Connect Wallets")}},Tt.createElement(Qd,null,Tt.createElement(Ud,{variant:"title",size:"xmedium",align:"center"},wl.t("Choose a wallet to connect.")),Tt.createElement(Hd,null,l.map((f,y)=>{let x=`wallet-${y}-${f.type}`;return Tt.createElement(Gd,{key:x},Tt.createElement(zd,{...f,container:R(),onClick:g=>{p(g)},isLoading:e==="loading"}))}),Tt.createElement(ro,{open:!!o,onClose:()=>n(!1),image:c,state:S,error:u}))))}s(bl,"WalletsPage");import{keyframes as Vd,styled as Xr}from"@rango-dev/ui";var El=Xr("div",{position:"relative"}),jd=Vd({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),Al=Xr("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${jd} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),Il=Xr("div",{"& img":{borderRadius:"50%"}});function Jr(t){let{chain:e,isSelected:o,selectWallet:n,limit:r,onShowMore:i}=t,{config:a}=T(),l=V.use.connectedWallets(),{blockchains:p}=T(),[u,m]=io(""),[c,S]=io(null),[f,y]=io(!1),[x,g]=io(null),{suggestAndConnect:w}=Ml(),d=null,{list:k,error:h,handleClick:C}=Cn({config:a,chain:e,onBeforeConnect:v=>{d=setTimeout(()=>{m(v)},Kr)},onConnect:()=>{d&&clearTimeout(d),setTimeout(()=>{m("")},Tn)}}),[A,B]=io(k),E=k.length,$=r&&E-r>0,_=s(async v=>{y(!1),g("in-progress");try{await w(v.walletType,v.chain),g("completed")}catch{g("rejected")}},"addExperimentalChain");Bl(()=>{B(v=>{let z=k.findIndex(H=>o(H.type,e));return $&&z>1?[k[z]].concat(k.filter((H,O)=>O!==z)):v.map(H=>k.find(O=>O.type===H.type)??H)})},[JSON.stringify(k)]);let F=document.querySelector("#swap-box");return Bl(()=>{let v=null;return(x==="completed"||x==="rejected")&&(v=setTimeout(()=>g(null),Tn)),()=>{v&&clearTimeout(v)}},[x]),oe.createElement(oe.Fragment,null,A.slice(0,r).map(v=>{let z=fs({connectedWallets:l,walletType:v.type,chain:e}),H=z?Po(z):"",O=$o(p(),e),Z=!l.find(ze=>ze.walletType===v.type&&ze.chain===e),le=O&&Z&&v.state===Ll.CONNECTED,te=le?Oe.t({id:"Add {chain} chain",values:{chain:e}}):H,ne=s(()=>{v.state===Ll.DISCONNECTED?C(v.type):le?(S({walletType:v.type,chain:e,address:z??""}),y(!0)):n({walletType:v.type,chain:e,address:z??""})},"onClick"),ge=c?.chain?Qs(c.chain,p()):void 0;return oe.createElement(oe.Fragment,null,oe.createElement(ro,{open:u===v.type,onClose:()=>m(""),image:v.image,state:v.state,error:h}),!!c&&oe.createElement(Wl,{open:!!c&&f,container:F,onClose:()=>{S(null)}},oe.createElement(wn,{title:Oe.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:ge}}),type:"warning",description:Oe.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:ge}})},oe.createElement(Yr,{size:18}),oe.createElement(Yr,{size:32}),oe.createElement(Kd,{onClick:_.bind(null,c),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},Oe.t("Confirm")))),x&&oe.createElement(Wl,{open:!!x,onClose:g.bind(null,null),container:F},x==="in-progress"&&oe.createElement(wn,{type:"loading",title:Oe.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:ge}}),description:Oe.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:ge}}),icon:oe.createElement(El,null,oe.createElement(Il,null,oe.createElement(Xd,{src:v.image,size:45})),oe.createElement(Al,null))}),x==="completed"&&oe.createElement(wn,{type:"success",title:Oe.t({id:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:ge}}),description:Oe.t({id:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:ge}})}),x==="rejected"&&oe.createElement(wn,{type:"error",title:Oe.t("Request Rejected"),description:Oe.t({id:"You've rejected adding {blockchainDisplayName} chain to your wallet.",values:{blockchainDisplayName:ge}})}),oe.createElement(Yr,{direction:"vertical",size:32})),oe.createElement(Yd,{key:v.type,description:te,onClick:ne,selected:o(v.type,e),...v}))}),$&&oe.createElement(ya,{selected:!1,onClick:i.bind(null)},oe.createElement(Nl,{variant:"label",size:"medium"},Oe.t("Show more wallets"),oe.createElement(Nl,{variant:"label",size:"medium",color:"$primary"},"\xA0+",E-(r??0)))))}s(Jr,"WalletList");var af=2;function _l(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,loading:i}=t,a=T().config,l=T().blockchains(),{quote:p,setSelectedWallets:u,quoteWalletsConfirmed:m,setQuoteWalletConfirmed:c,customDestination:S,setCustomDestination:f}=P(),{connectedWallets:y,selectWallets:x}=V(),[g,w]=wt(""),[d,k]=wt([]),[h,C]=wt(""),[A,B]=wt(null),[E,$]=wt(S),[_,F]=wt(!!S),v=rf(null),z=jo(p),H=l.find(U=>U.name===p?.result?.swaps[p?.result?.swaps.length-1].to.blockchain),O=s(U=>!!p?.result?.swaps.find(X=>X.from.blockchain===U),"isWalletRequiredFor"),[Z,le]=wt(y.filter(U=>U.selected&&z.includes(U.chain))),te=l.find(U=>U.name===H?.name),ne=s((U,X)=>!!Z.find(q=>q.walletType===U&&q.chain===X&&q.selected&&(O(X)||!O(X)&&!E)),"isSelected"),ge=!!E&&_&&te&&!Ko(te,E),ze=s(()=>{F(!1),$(""),le(U=>{let X=!1;return U.map(q=>!X&&q.chain===H?.name?(X=!0,{...q,selected:!0}):q)})},"resetCustomDestination"),ft=s(U=>{if(g&&w(""),ne(U.walletType,U.chain))return;let q=y.find(se=>se.walletType===U.walletType&&se.chain===U.chain);q&&(n(),U.chain===H?.name&&_&&(F(!1),$("")),le(se=>se.filter(qe=>qe.chain!==U.chain).concat({...q,selected:!0})))},"onChange"),xo=s(()=>{let U=Z.filter(X=>X.selected);x(U),u(U),f(E),c(!0),o()},"onConfirmBalance"),er=s(async()=>{k([]),C(""),B(null);let U=y.filter(se=>Z.find(qe=>qe.chain===se.chain&&qe.walletType===se.walletType)),X=await r?.({selectedWallets:U,customDestination:E}),q=X.warnings;q?.balance?.messages&&k(q.balance.messages),q?.quoteUpdate&&B(q.quoteUpdate),X.error&&C(Vs(X.error)),!X.error&&(!q?.balance?.messages.length||0>0)?xo():k(q?.balance?.messages??[])},"onConfirmWallets");of(()=>{le(U=>U.concat(y.filter(X=>!!!U.find(se=>se.chain===X.chain)&&X.selected&&z.includes(X.chain))))},[y.length]),nf(()=>{_&&v.current&&setTimeout(()=>{v?.current?.scrollIntoView({behavior:"smooth"})},Jt)},[_]);let Et=document.querySelector("#swap-box"),bo=sf();return I.createElement(Pl,{open:e,onClose:()=>{m||bo("../",{replace:!0}),o()},dismissible:!g,container:Et,...!g&&{footer:I.createElement(Ea,null,I.createElement($l,{loading:i,disabled:ra(i,_,E,p,Z,H),onClick:er,variant:"contained",type:"primary",fullWidth:!0,size:"large"},"Confirm"))},...g&&{containerStyle:{padding:"$0"},header:I.createElement(Ca,null,I.createElement(ka,{variant:"ghost",onClick:w.bind(null,"")},I.createElement(Rd,{size:16})),I.createElement(vn,{variant:"headline",size:"small"},Ze.t({id:"Your {blockchainName} wallets",values:{blockchainName:g}})))},anchor:"center"},I.createElement(Pl,{open:d.length>0,onClose:k.bind(null,[]),container:Et},I.createElement(ef,{title:Ze.t("Insufficient account balance"),type:"error",description:I.createElement(Jd,{messages:d??[]})},I.createElement($l,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:xo},Ze.t("Proceed anyway")))),g&&I.createElement(Ta,null,I.createElement("div",{className:"wallets-list"},I.createElement(Jr,{chain:g,isSelected:ne,selectWallet:ft,onShowMore:w.bind(null,g)}))),!g&&I.createElement(I.Fragment,null,h&&I.createElement(I.Fragment,null,I.createElement(Zr,{variant:"alarm",type:"error",title:Ze.t(h)}),I.createElement(Ut,{size:12})),A&&I.createElement(I.Fragment,null,I.createElement(Zr,{variant:"alarm",type:"warning",title:Sn(A)}),I.createElement(Ut,{size:12})),I.createElement(Ia,null,z.map((U,X)=>{let q=l.find(be=>be.name===U),se=`wallet-${X}`,qe=X===z.length-1;return I.createElement("div",{key:se},I.createElement(ga,null,I.createElement(vn,{variant:"title",size:"xmedium"},Ze.t({id:"Your {blockchainName} wallets",values:{blockchainName:q?.displayName}})),I.createElement(vn,{variant:"label",color:"$neutral700",size:"medium"},Ze.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:q?.displayName}}))),I.createElement(Ut,{size:24}),I.createElement(ha,null,I.createElement(Jr,{chain:U,isSelected:ne,selectWallet:ft,limit:af,onShowMore:()=>w(q?.name??"")})),!qe&&I.createElement(Ut,{size:32}),qe&&a?.customDestination&&I.createElement(xa,null,I.createElement(wa,{ref:v,selected:_,open:_,onOpenChange:be=>{be?O(H?.name??"")||le(tr=>tr.map(or=>or.chain===H?.name?{...or,selected:!1}:or)):ze()}},I.createElement(Sa,{onClick:()=>F(be=>!be)},I.createElement(va,{fullWidth:!0,variant:"default",suffix:I.createElement(ba,{orientation:_?"up":"down"},I.createElement(Zd,{size:10,color:"gray"}))},I.createElement("div",{className:"button__content"},I.createElement(tf,{size:18,color:"info"}),I.createElement(Ut,{size:4,direction:"horizontal"}),I.createElement(vn,{variant:"label",size:"medium"},Ze.t("Send to a different address"))))),I.createElement(rn,{open:_},I.createElement(I.Fragment,null,I.createElement(Ut,{size:4}),I.createElement(Aa,{autoFocus:!0,placeholder:Ze.t("Your destination address"),value:E,onChange:be=>{$(be.target.value)}})))),ge&&I.createElement("div",{className:"alarms"},I.createElement(Zr,{variant:"alarm",type:"error",title:Ze.t({values:{destination:E},id:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}s(_l,"ConfirmWalletsModal");import{calculatePendingSwap as lf}from"@rango-dev/queue-manager-rango-preset";import{useEffect as pf}from"react";function Rr(){let{fromToken:t,toToken:e,inputAmount:o,setQuote:n,resetQuote:r,quote:i,customDestination:a,setQuoteWarningsConfirmed:l}=P(),{slippage:p,customSlippage:u,affiliatePercent:m,affiliateRef:c,affiliateWallets:S,disabledLiquiditySources:f}=D(),{connectedWallets:y}=V(),x=T().blockchains(),g=T().tokens(),{experimental:w}=T().config,d=u||p,{fetch:k,cancelFetch:h,loading:C}=dn();return pf(()=>h,[]),{loading:C,fetch:s(async B=>{let E=B.selectedWallets,$=B?.customDestination??a;if(!t||!e||!o||!i)return{quote:null,swap:null,error:null,warnings:null};let _=on({fromToken:t,toToken:e,inputAmount:o,wallets:y,selectedWallets:E,disabledLiquiditySources:f,slippage:d,affiliateRef:c,affiliatePercent:m,affiliateWallets:S,initialQuote:i,destination:$});w?.routing&&(_.experimental=!0);let F;try{F=await k(_).then(O=>cn(O)),n(F)}catch(O){let Z=mn(O);return(Z.error?.type===0||Z.error?.type===1)&&r(),Z}let v={slippage:d.toString(),disabledSwappersGroups:f},z=lf(o.toString(),F,Js(E),v,!1,{blockchains:x,tokens:g}),H=ul(i,F,{fromToken:t,toToken:e,tokens:g,selectedWallets:E,userSlippage:d});return H.quoteUpdate&&l(!1),{quote:F,swap:z,error:null,warnings:H}},"fetch"),cancelFetch:h}}s(Rr,"useConfirmSwap");var Sf=zl("div",{position:"relative",width:"100%","& .description":{display:"flex",justifyContent:"space-between",alignItems:"center",paddingBottom:"$10"},"& .icon":{width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"}}),Cf=zl("div",{width:"100%",display:"flex",justifyContent:"space-between","& .confirm-button":{flexGrow:1,paddingRight:"$10"},[`& ${Ul}`]:{width:"$48",height:"$48"}});function ql(){let{quote:t,setInputAmount:e,selectedWallets:o,quoteWalletsConfirmed:n,setQuoteWalletConfirmed:r,customDestination:i,quoteWarningsConfirmed:a}=P(),l=yf(),[p,u]=En(""),{connectedWallets:m}=V(),c=!n,[S,f]=En(!1),y=Ce.use.setSelectedSwap(),{manager:x}=uf(),{fetch:g,loading:w,cancelFetch:d}=Rr(),[k,h]=En({swap:null,error:null,warnings:null}),[C,A]=En(!1),B=s(async({selectedWallets:v,customDestination:z})=>{let H=await g?.({selectedWallets:v,customDestination:z});return h(H),H},"onConfirmSwap"),E=s(async()=>{if(k.swap&&n)try{await x?.create("swap",{swapDetails:k.swap},{id:k.swap.requestId}),y(k.swap.requestId);let v=`../${L.swaps}/${k.swap.requestId}`;l(v,{replace:!0}),setTimeout(()=>{e("")},0)}catch(v){u("Error: "+v?.message)}},"addNewSwap"),$=s(async()=>{await E()},"onConfirm"),_=s(async()=>{k?.warnings?.quote&&!a?A(!0):await $()},"onStartConfirmSwap"),F=s(async()=>{h({error:null,swap:null,warnings:null}),g({selectedWallets:o}).then(v=>{h(v)}).catch(v=>console.error(v))},"onRefresh");return bn(()=>{c&&d()},[c]),bn(()=>{c&&f(c)},[c]),bn(()=>{c||g({selectedWallets:o,customDestination:i}).then(v=>h(v)).catch(v=>console.error(v))},[]),bn(()=>{let v=k.warnings?.quote?.type&&Object.values(nt).includes(k.warnings?.quote?.type),z=o.length<1||!o.every(O=>m.find(Z=>O.address===Z.address&&O.walletType===Z.walletType&&O.chain===Z.chain)),H=!1;if(v){let O=jo(t),Z=t?.result?.swaps[t.result.swaps.length-1].to.blockchain;!!t?.result?.swaps.find(ne=>ne.from.blockchain===Z)||(O=O.slice(-O.length,O.length-1)),O.every(ne=>o.find(ge=>ge.chain===ne))||(H=!0)}t&&(z||H)&&(queueMicrotask(()=>hf(f.bind(null,!0))),r(!1))},[k.warnings?.quote,o.length,m.length]),Y.createElement(j,{header:{title:xn.t("Confirm Swap"),onWallet:()=>{let v=`../${L.wallets}`;l(v)},suffix:Y.createElement(df,{container:R(),side:"bottom",content:xn.t("Settings")},Y.createElement(Le,{size:"small",variant:"ghost",onClick:()=>l("../"+L.settings)},Y.createElement(mf,{size:18,color:"black"})))},footer:Y.createElement(Cf,null,Y.createElement("div",{className:"confirm-button"},Y.createElement(Fl,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:w,disabled:!!k.error,onClick:_},xn.t("Start Swap"))),Y.createElement(Ul,{variant:"contained",type:"primary",size:"large",loading:w,onClick:f.bind(null,!0)},Y.createElement(gf,{size:24})))},S&&Y.createElement(_l,{open:S,onClose:()=>f(!1),onCancel:d,loading:w,onCheckBalance:B}),Y.createElement(Sf,null,Y.createElement("div",{className:"description"},Y.createElement(ff,{variant:"title",size:"small"},xn.t("You get")),Y.createElement(Fl,{style:{padding:"0"},variant:"ghost",disabled:w,onClick:F},Y.createElement("div",{className:"icon"},Y.createElement(cf,{size:16})))),p&&Y.createElement(Y.Fragment,null,Y.createElement(Dl,{type:"error",variant:"alarm",title:p}),Y.createElement(Ol,{size:12})),k.warnings?.quoteUpdate&&Y.createElement(Y.Fragment,null,Y.createElement(Dl,{variant:"alarm",type:"warning",title:k.warnings.quoteUpdate&&Sn(k.warnings.quoteUpdate)}),Y.createElement(Ol,{size:12})),Y.createElement(no,{quote:t,type:"swap-preview",expanded:!0,error:k.error,loading:w,warning:k.warnings?.quote??null,refetchQuote:F,showWarningModal:C,onOpenWarningModal:()=>A(!0),onCloseWarningModal:()=>A(!1),onConfirmWarningModal:async()=>{A(!1),await E()}})))}s(ql,"ConfirmSwapPage");import{i18n as In}from"@lingui/core";import{useManager as Ef}from"@rango-dev/queue-manager-react";import{Divider as Af,NotFound as If,styled as Jl}from"@rango-dev/ui";import ct,{useState as Wf}from"react";import{useNavigate as Nf}from"react-router-dom";import{CloseIcon as Tf,IconButton as wf,SearchIcon as vf,TextField as xf}from"@rango-dev/ui";import so from"react";import{styled as kf}from"@rango-dev/ui";var Gl=kf("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function Re(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:i,value:a,setValue:l,...p}=t;return so.createElement(xf,{prefix:so.createElement(Gl,null,so.createElement(vf,{color:"black"})),suffix:!!a.length&&so.createElement(wf,{variant:"ghost",onClick:()=>l?.(""),size:"small"},so.createElement(Tf,{color:"gray",size:10})),fullWidth:o,color:n,variant:e,style:{padding:10,borderRadius:25,alignItems:"center"},size:r,value:a,onChange:i,...p})}s(Re,"SearchInput");import{i18n as Ql}from"@lingui/core";import{Divider as Vl,SwapListItem as jl,Typography as Kl}from"@rango-dev/ui";import ee from"react";import{darkTheme as bf,styled as An}from"@rango-dev/ui";var ei=An("div",{width:"100%",display:"flex",flexDirection:"column",".group-title":{$$color:"$colors$neutral600",[`.${bf} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),ti=An("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),oi=An("div",{gap:"$10",display:"flex",flexDirection:"column"}),Hl=An("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});function ni(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,i=n?n(e):[{title:"History",swaps:e}];if(r){let a=[{},{}];return ee.createElement(ee.Fragment,null,[{title:"Today",swaps:a},{title:"Last month",swaps:a}].map(p=>ee.createElement(ee.Fragment,{key:p.title},ee.createElement(ei,null,ee.createElement(ti,null,ee.createElement(Kl,{variant:"label",size:"medium",className:"group-title"},Ql.t(p.title))),ee.createElement(Vl,{size:4}),ee.createElement(oi,null,p.swaps.map((u,m)=>{let c=m+p.title;return ee.createElement(ee.Fragment,{key:c},ee.createElement(jl,{isLoading:!0}))}))))))}return ee.createElement(ee.Fragment,null,i.filter(a=>a.swaps.length>0).map(a=>ee.createElement(ee.Fragment,{key:a.title},ee.createElement(ei,null,ee.createElement(ti,null,ee.createElement(Kl,{variant:"label",size:"medium",className:"group-title"},Ql.t(a.title))),ee.createElement(Vl,{size:4}),ee.createElement(oi,null,a.swaps.map(l=>{let p=l.steps[0],u=l.steps[l.steps.length-1];return ee.createElement(ee.Fragment,{key:l.requestId},ee.createElement(jl,{requestId:l.requestId,creationTime:l.creationTime,status:l.status,onClick:o,onlyShowTime:a.title==="Today",swapTokenData:{from:{token:{image:p.fromLogo,displayName:p.fromSymbol},blockchain:{image:p.fromBlockchainLogo||""},amount:No(l.inputAmount)},to:{token:{image:u.toLogo,displayName:u.toSymbol},blockchain:{image:u.toBlockchainLogo||""},amount:No(u.outputAmount||""),estimatedAmount:No(u.expectedOutputAmountHumanReadable||"")}}}))}))))))}s(ni,"SwapsGroup");import Xl from"dayjs";var Yl=s(t=>{let e=new Map([["today",{title:"Today",swaps:[]}],["month",{title:"Last month",swaps:[]}],["year",{title:"Last year",swaps:[]}],["history",{title:"History",swaps:[]}]]),o=Xl();return t.forEach(n=>{let r=Xl(Number(n.creationTime));o.isSame(r,"day")?e.get("today")?.swaps.push(n):o.isSame(r,"month")?e.get("month")?.swaps.push(n):o.isSame(r,"year")?e.get("year")?.swaps.push(n):e.get("history")?.swaps.push(n)}),Array.from(e.values())},"groupSwapsByDate");var zt=s(t=>{let e=[];return t?.getAll().forEach((o,n)=>{let r=o.list.getStorage();r?.swapDetails&&e.push({id:n,swap:r?.swapDetails})}),e.sort((o,n)=>Number(n.swap.creationTime)-Number(o.swap.creationTime))},"getPendingSwaps");var Lf=Jl("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",height:"100%",gap:15}),Bf=Jl("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),Mf=s((t,e)=>t?.length?t.filter(o=>Ge(o.fromBlockchain,e)||Ge(o.toBlockchain,e)||Ge(o.toSymbol,e)||Ge(o.fromSymbol,e)).length:!1,"isStepContainsText");function Zl(){let t=Ce.use.setSelectedSwap(),e=Nf(),{manager:o,state:n}=Ef(),r=zt(o).map(({swap:c})=>c),[i,a]=Wf(""),l=!n.loadedFromPersistor,p=s(c=>{let S=c.target.value;a(S)},"searchHandler"),u=r;i&&(u=r.filter(c=>Ge(c.inputAmount,i)||Ge(c.status,i)||Mf(c.steps,i)||Ge(c.requestId,i)));let m=!u?.length&&!l;return ct.createElement(j,{header:{title:In.t("History")}},ct.createElement(Lf,null,ct.createElement(Re,{setValue:a,fullWidth:!0,variant:"contained",placeholder:In.t("Search Transaction"),autoFocus:!0,onChange:p,value:i}),ct.createElement(Bf,null,m&&ct.createElement(Hl,null,ct.createElement(Af,{size:32}),ct.createElement(If,{title:In.t("No results found"),description:i?In.t("Try using different keywords"):""})),!m&&ct.createElement(ni,{list:u,onSwapClick:c=>{t(c),e(c)},groupBy:Yl,isLoading:l}))))}s(Zl,"HistoryPage");import{i18n as Rl}from"@lingui/core";import{List as $f,ListItemButton as Pf,Radio as _f,RadioRoot as Df,Typography as Ff}from"@rango-dev/ui";import mt from"react";import{styled as Wn}from"@rango-dev/ui";var et=Wn("div",{height:"100%",overflow:"hidden"}),ao=Wn("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto"}),ri=Wn("div",{width:80,display:"flex",justifyContent:"flex-end"}),ii=Wn("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});function Nn(){let t=D.use.language(),e=D.use.setLanguage();return{activeLanguage:t,languages:Cs,defaultLanguage:Kt,changeLanguage:r=>e(r||Kt)}}s(Nn,"useLanguage");function ep(){let{activeLanguage:t,changeLanguage:e,languages:o}=Nn(),n=o.map(r=>{let{local:i,label:a,SVGFlag:l}=r;return{id:i,value:i,title:mt.createElement(Ff,{variant:"title",size:"xmedium"},a),onClick:()=>e(r.local),end:mt.createElement(_f,{value:i}),start:mt.createElement(l,null)}});return mt.createElement(j,{header:{title:Rl.t("Language")}},mt.createElement(et,null,mt.createElement(Df,{value:t},mt.createElement($f,{type:mt.createElement(Pf,{title:Rl.t("language"),id:"_",onClick:()=>console.log()}),items:n}))))}s(ep,"LanguagePage");import{i18n as qt}from"@lingui/core";import{Button as Gf,Checkbox as Hf,Image as Qf,ListItemButton as Vf,NotFound as jf,Typography as Kf}from"@rango-dev/ui";import Se,{useState as Xf}from"react";import{Checkbox as zf,Skeleton as op}from"@rango-dev/ui";import lo from"react";import{ListItem as Of,styled as Uf}from"@rango-dev/ui";var tp=Uf(Of,{height:61});var qf=30;function si(){return lo.createElement(ao,null,Array.from(Array(qf),t=>lo.createElement(tp,{hasDivider:!0,key:t,start:lo.createElement(op,{variant:"circular",width:35,height:35}),title:lo.createElement(op,{variant:"text",size:"large",width:90}),end:lo.createElement(zf,{checked:!1})})))}s(si,"LoadingLiquiditySourceList");function ai({sourceType:t}){let e=T().fetchStatus,o=T().swappers(),[n,r]=Xf(""),i=D.use.toggleLiquiditySource(),a=Do(o),l=[];t==="Exchanges"&&l.push("DEX"),t==="Bridges"&&(l.push("BRIDGE"),l.push("AGGREGATOR"));let p=a.filter(y=>l.includes(y.type)),u=p.length===p.filter(y=>y.selected).length,m=s(()=>{p.forEach(y=>{u?i(y.groupTitle):y.selected||i(y.groupTitle)})},"toggleAllSources"),c=p.map(y=>{let{selected:x,groupTitle:g,logo:w}=y;return{start:Se.createElement(Qf,{src:w,size:22,type:"circular"}),onClick:()=>i(g),end:Se.createElement(Hf,{checked:x}),title:Se.createElement(Kf,{variant:"title",size:"xmedium"},qt.t(g)),...y}}),S=s(y=>{let x=y.target.value;r(x)},"searchHandler"),f=c;return n&&(f=c.filter(y=>Ge(y.groupTitle,n))),Se.createElement(j,{header:{title:qt.t(t),suffix:Se.createElement(ri,null,Se.createElement(Gf,{variant:"ghost",size:"xsmall",onClick:m},qt.t(u?"Deselect all":"Select all")))}},Se.createElement(et,null,Se.createElement(Re,{value:n,setValue:r,fullWidth:!0,color:"light",variant:"contained",placeholder:qt.t("Search {sourceType}",{sourceType:t}),onChange:S}),e==="loading"&&Se.createElement(si,null),!f.length&&n?Se.createElement(ii,null,Se.createElement(jf,{title:qt.t("No results found"),description:qt.t("Try using different keywords")})):e==="success"&&Se.createElement(ao,null,f.map(y=>Se.createElement(Se.Fragment,{key:y.id},Se.createElement(Vf,{style:{height:"61px"},...y,selected:!1,hasDivider:!0}))))))}s(ai,"LiquiditySourcePage");import{i18n as up}from"@lingui/core";import{Divider as ci,SelectableCategoryList as rg}from"@rango-dev/ui";import vt,{useState as cp}from"react";import{i18n as pi}from"@lingui/core";import{Divider as lp,Image as Rf,ListItemButton as eg,NotFound as tg,Typography as pp}from"@rango-dev/ui";import Ne,{useEffect as og,useState as ng}from"react";import{BlockchainCategories as li}from"@rango-dev/ui";import{TransactionType as Ln}from"rango-sdk";var Yf=s((t,e)=>{switch(e){case li.ALL:return!0;case li.UTXO:return t.type===Ln.TRANSFER;case li.OTHER:return t.type!==Ln.TRANSFER&&t.type!==Ln.COSMOS&&t.type!==Ln.EVM;default:return t.type===e}},"filterByType"),np=s((t,e,o)=>t.filter(n=>Yf(n,o)).filter(n=>gt(n.name,e)||gt(n.displayName,e)),"filterBlockchains");import{styled as rp}from"@rango-dev/ui";var ip=rp("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),Bn=rp("ul",{padding:0,margin:0,listStyle:"none",overflowY:"auto",paddingRight:"$5",".image-container":{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as Jf,Skeleton as sp}from"@rango-dev/ui";import Mn from"react";var Zf=20;function ap(){return Mn.createElement(Bn,null,Array.from(Array(Zf),t=>Mn.createElement(Jf,{key:t,hasDivider:!0,start:Mn.createElement(sp,{variant:"circular",width:35,height:35}),title:Mn.createElement(sp,{variant:"text",size:"large",width:90})})))}s(ap,"LoadingBlockchainList");function ui(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[i,a]=ng(e),{fetchStatus:l}=T();og(()=>{a([...np(e,o,r)])},[e,o,r]);let p=s(()=>!i.length&&o?Ne.createElement(Ne.Fragment,null,Ne.createElement(lp,{size:32}),Ne.createElement(tg,{title:pi.t("No results found"),description:pi.t("Try using different keywords")})):Ne.createElement(Bn,{key:`${r}-${o}`},i.map(u=>Ne.createElement(eg,{key:`${u.name}-${u.chainId}`,hasDivider:!0,onClick:()=>n(u),start:Ne.createElement(Rf,{src:u.logo,size:30}),title:Ne.createElement(pp,{variant:"title",size:"medium"},u.displayName),id:u.chainId}))),"renderList");return Ne.createElement(ip,null,Ne.createElement(pp,{variant:"label",size:"large"},pi.t("Select Blockchain")),Ne.createElement(lp,{size:4}),l==="loading"&&Ne.createElement(ap,null),l==="success"&&p())}s(ui,"BlockchainList");function mi(t){let{type:e}=t,o=ot(),[n,r]=cp(""),[i,a]=cp("ALL"),l=P.use.setToBlockchain(),p=P.use.setFromBlockchain(),u=T().fetchStatus,m=T().blockchains({type:e});return vt.createElement(j,{header:{title:up.t("Select Blockchain")}},vt.createElement(ci,{size:12}),vt.createElement(rg,{setCategory:a,category:i,blockchains:m,isLoading:u==="loading"}),vt.createElement(ci,{size:24}),vt.createElement(Re,{value:n,autoFocus:!0,placeholder:up.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:c=>r(c.target.value)}),vt.createElement(ci,{size:16}),vt.createElement(ui,{list:m,searchedFor:n,blockchainCategory:i,onChange:c=>{e==="source"?p(c):l(c),o()}}))}s(mi,"SelectBlockchainPage");import{i18n as Np}from"@lingui/core";import{Divider as Lp}from"@rango-dev/ui";import Gt,{useState as Tg}from"react";import{useNavigate as wg}from"react-router-dom";import{i18n as gi}from"@lingui/core";import{BlockchainsChip as $n,Divider as gp,Image as hp,Skeleton as pg,Typography as hi}from"@rango-dev/ui";import fe from"react";import{useEffect as ag}from"react";var mp=["ETH","COSMOS","OSMOSIS"];function di(t,e,o){let n=JSON.parse(JSON.stringify(t)),r=[];if(n.sort(ig),o?.limit&&t.length>o.limit){let i=o.limit,a=e;if(e.length<=o.limit){let l=o.limit-e.length;for(let p=0;p<=l;p++){let u=n[p];a=a.filter(m=>u.name!==m)}}n.sort(sg(a)),r=n.splice(i)}return{list:n,more:r}}s(di,"prepare");function ig(t,e){let o=mp,n=o.findIndex(l=>l===t.name),r=o.findIndex(l=>l===e.name),i=n>-1,a=r>-1;return i&&a?n>r?1:-1:i?-1:a?1:0}s(ig,"sortByMostUsedBlockchains");function sg(t){return s(function(o,n){let r=t.findIndex(p=>p===o.name),i=t.findIndex(p=>p===n.name),a=r>-1,l=i>-1;return a&&l?r>i?1:-1:t.includes(o.name)?-1:t.includes(n.name)?1:0},"sortByPreferred")}s(sg,"generateSortByPreferredBlockchainsFor");function dp(t,e){return!!e.list.find(o=>o.name===t)}s(dp,"isInVisibleList");function fi(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=D();ag(()=>{if(e?.selected){let i=di(t,o,e);dp(e.selected,i)||n(e?.selected)}},[e?.selected]);let r=di(t,o,e);return{list:r.list,more:r.more,history:[]}}s(fi,"usePrepareBlockchainList");import{styled as lg}from"@rango-dev/ui";var fp=lg("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var ug=12;function yi(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:i}=t,a=fi(e,{limit:10,selected:n?.name}),{fetchStatus:l}=T(),p=P.use.resetToBlockchain(),u=P.use.resetFromBlockchain(),m=a.more.length>0,c=a.more.length===1,S=!c&&m;return fe.createElement("div",null,fe.createElement(gp,{size:12}),fe.createElement(hi,{variant:"label",size:"large"},gi.t("Select Blockchain")),fe.createElement(gp,{size:12}),fe.createElement(fp,null,l==="loading"&&Array.from(Array(ug),f=>fe.createElement(pg,{key:f,variant:"rounded",height:50})),l==="success"&&fe.createElement(fe.Fragment,null,fe.createElement($n,{selected:!n,onClick:()=>{o==="from"?u():p()}},fe.createElement(hi,{variant:"body",size:"xsmall",color:"secondary500"},gi.t("All"))),a.list.map(f=>fe.createElement($n,{key:f.name,selected:!!n&&n.name===f.name,onClick:()=>r(f)},fe.createElement(hp,{src:f.logo,size:30}))),c?fe.createElement($n,{key:a.more[0].name,selected:!!n&&n.name===a.more[0].name,onClick:()=>r(a.more[0])},fe.createElement(hp,{src:a.more[0].logo,size:30})):null,S?fe.createElement($n,{onClick:i,key:"more-blockchains"},fe.createElement(hi,{variant:"body",size:"xsmall",color:"secondary500"},gi._("More +{count}",{count:a.more.length}))):null)))}s(yi,"BlockchainsSection");import{i18n as wi}from"@lingui/core";import{darkTheme as bp,Divider as uo,ExternalLinkIcon as dg,Image as fg,ListItemButton as gg,NotFound as hg,PinIcon as yg,Skeleton as Ep,Typography as co,VirtualizedList as Sg}from"@rango-dev/ui";import M,{forwardRef as Cg,useEffect as Ap,useState as Ip}from"react";var yp=s((t,e)=>{t=t.replace(/^#/,""),t.length===3&&(t=t[0]+t[0]+t[1]+t[1]+t[2]+t[2]);let[i,a,l]=t.match(/.{2}/g);[i,a,l]=[parseInt(i,16)+e,parseInt(a,16)+e,parseInt(l,16)+e],i=Math.max(Math.min(255,i),0).toString(16),a=Math.max(Math.min(255,a),0).toString(16),l=Math.max(Math.min(255,l),0).toString(16);let p=(i.length<2?"0":"")+i,u=(a.length<2?"0":"")+a,m=(l.length<2?"0":"")+l;return`#${p}${u}${m}`},"colorShade"),Pn=s((t,e)=>{let a={[t]:e};for(let l=1;l<10;l++)l<5&&(a={...a,[t+l*100]:yp(e,(5-l)*25)}),l===5&&(a={...a,[t+l*100]:e}),l>5&&(a={...a,[t+l*100]:yp(e,-((l-5)*25))});return a},"generateRangeColors"),Si=s((t,e,o)=>{if(!o||!Object.entries(o).length)return{};let n=!1,r={...t};for(let i in o){let a=o[i];if(a&&a!==t[i])if(n=!0,i==="background"||i==="foreground")r={...r,[i]:a};else if(i==="neutral"&&e){let l=Pn(i,a);r={...r,[`${i}100`]:l[`${i}900`],[`${i}200`]:l[`${i}800`],[`${i}300`]:l[`${i}700`],[`${i}400`]:l[`${i}600`],[`${i}500`]:l[`${i}500`],[`${i}600`]:l[`${i}400`],[`${i}700`]:l[`${i}300`],[`${i}800`]:l[`${i}200`],[`${i}900`]:l[`${i}100`]}}else r={...r,...Pn(i,a)}}return n?r:{}},"generateColors");import{Divider as vp,ListItem as mg,Skeleton as po}from"@rango-dev/ui";import Ue from"react";import{darkTheme as Sp,styled as Ke,Typography as cg}from"@rango-dev/ui";var Cp=Ke("div",{display:"flex",flexDirection:"column",flexGrow:1}),Ci=Ke("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),_n=Ke("ul",{flexGrow:1,padding:0,margin:0,listStyle:"none","& li":{alignItems:"none",".description":{position:"relative",height:12,width:150,".token-title":{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",bottom:"-8px"},".token-address":{transform:"translateY(12px)",visibility:"hidden","& a":{fontSize:"$12",lineHeight:"$16",$$color:"$colors$neutral600",[`.${Sp} &`]:{$$color:"$colors$neutral700"},color:"$$color",textDecoration:"none"}},".token-name":{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}},"&:hover":{".description":{".token-address":{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",visibility:"visible"},".token-address-without-name":{bottom:"-15px"},".token-name":{position:"absolute",transform:"translateY(-12px)",visibility:"hidden"},".token-title":{position:"absolute",transform:"translateY(-12px)",bottom:"-10px"}}}}}),ki=Ke("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),Ti=Ke(cg,{}),kp=Ke("div",{textAlign:"right",".usd-value":{$$color:"$colors$neutral600",[`.${Sp} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Dn=Ke("ul",{display:"flex",alignItems:"end",flexDirection:"column"}),aW=Ke("div",{display:"flex",alignItems:"center"}),Tp=Ke("div",{position:"relative",".image-container":{borderRadius:"$xm",overflow:"hidden"}}),wp=Ke("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6});function xp(t){return Ue.createElement(_n,null,Array.from(Array(t.size),e=>Ue.createElement(mg,{key:e,hasDivider:!0,start:Ue.createElement(po,{variant:"circular",width:35,height:35}),end:Ue.createElement(Dn,null,Ue.createElement(po,{variant:"text",size:"large",width:70}),Ue.createElement(vp,{size:4}),Ue.createElement(po,{variant:"text",size:"medium",width:50})),title:Ue.createElement("div",null,Ue.createElement(po,{variant:"text",size:"large",width:90}),Ue.createElement(vp,{size:4}),Ue.createElement(po,{variant:"text",size:"medium",width:90}))})))}s(xp,"LoadingTokenList");var vi=20,kg=s(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:i,customCssForTagTitle:a}=t,l=e.length;return M.createElement("div",{className:"description"},o?M.createElement("div",{className:"token-name"},o):M.createElement(Ci,{className:"token-title"},M.createElement(co,{variant:"title",size:"xmedium"},r.symbol),M.createElement(uo,{direction:"horizontal",size:4}),M.createElement(ki,{css:i},M.createElement(Ti,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&M.createElement("div",{className:`token-address ${!o&&"token-address-without-name"}`},M.createElement("a",{href:n,target:"_blank",rel:"nofollow noreferrer",onClick:p=>p.stopPropagation()},l>10?`${e.slice(0,5)}...${e.slice(l-6,l)}`:e," ",M.createElement(dg,{color:"gray",size:12}))))},"renderDesc");function Wp(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[i,a]=Ip(e),l=T().fetchStatus,p=T().blockchains(),[u,m]=Ip(!0),c=V.use.loading(),{isTokenPinned:S}=T(),f=Cg((g,w)=>M.createElement("div",{...g,ref:w,style:{...g.style,height:`${parseFloat(g.style?.height)+8*2}px`}})),y=s(()=>{a(e.slice(0,i.length+vi))},"loadNextPage");Ap(()=>{m(e.length>i.length)},[i.length]),Ap(()=>{a(e.slice(0,vi))},[e]);let x=s(()=>!i.length&&o?M.createElement(M.Fragment,null,M.createElement(uo,{size:32}),M.createElement(hg,{title:wi.t("No results found"),description:wi.t("Try using different keywords")})):M.createElement(Sg,{Item:({index:g,style:w})=>{let d=i[g],k=d.address||"",h=p.find(E=>E.name===d.blockchain),C=Pn(d.symbol,h?.color||""),A={$$color:C[`${d.symbol}100`],[`.${bp} &`]:{$$color:C[`${d.symbol}900`]},backgroundColor:"$$color"},B={$$color:C[`${d.symbol}700`],[`.${bp} &`]:{$$color:C[`${d.symbol}100`]},color:"$$color"};return M.createElement("div",{style:{...w,paddingRight:5}},M.createElement(gg,{style:{height:w?.height},"tab-index":g,key:`${d.symbol}${d.address}`,id:`${d.symbol}${d.address}`,hasDivider:!0,onClick:()=>n(i[g]),start:M.createElement(Tp,null,M.createElement(fg,{src:d.image,size:30}),S(d)&&M.createElement(wp,null,M.createElement(yg,{size:12,color:"gray"}))),title:h?.type==="COSMOS"||d.name||!d.name&&!k?M.createElement(Ci,null,M.createElement(co,{variant:"title",size:"xmedium"},d.symbol),M.createElement(uo,{direction:"horizontal",size:4}),M.createElement(ki,{css:A},M.createElement(Ti,{variant:"body",size:"xsmall",css:B},d.blockchain))):void 0,description:h?.info&&k&&h.type!=="COSMOS"?kg({address:k,token:i[g],customCssForTag:A,customCssForTagTitle:B,name:d.name,url:h.info.addressUrl.split("{wallet}").join(k)}):d.name||void 0,end:c?M.createElement(Dn,null,M.createElement(Ep,{variant:"text",size:"large",width:70}),M.createElement(uo,{size:4}),M.createElement(Ep,{variant:"text",size:"medium",width:50})):i[g]?.balance&&M.createElement(kp,null,M.createElement(co,{variant:"title",size:"small"},d.balance?.amount),M.createElement("div",null),d.balance?.usdValue&&M.createElement(co,{variant:"body",className:"usd-value",size:"xsmall"},`$${d.balance?.usdValue}`))}))},hasNextPage:u,itemCount:i.length,loadNextPage:y,innerElementType:f,size:60,key:`${r}-${o}`}),"renderList");return M.createElement(Cp,null,M.createElement(co,{variant:"label",size:"large"},wi.t("Select Token")),M.createElement(uo,{size:4}),l==="loading"&&M.createElement(xp,{size:vi}),l==="success"&&M.createElement(_n,null,x()))}s(Wp,"TokenList");function xi(t){let{type:e}=t,o=wg(),n=ot(),{fromBlockchain:r,toBlockchain:i,setFromToken:a,setToToken:l,setFromBlockchain:p,setToBlockchain:u}=P(),{connectedWallets:m}=V(),[c,S]=Tg(""),y=(e==="source"?r:i)?.name??"",x=T().blockchains({type:e}),g=T().tokens({type:e,blockchain:y,searchFor:c}),w=ms(g,m),d=s(h=>{e==="source"?p(h):u(h)},"updateBlockchain"),k=s(h=>{e==="source"?a({token:h,meta:{blockchains:x,tokens:g}}):l({token:h,meta:{blockchains:x,tokens:g}})},"updateToken");return Gt.createElement(j,{header:{title:Np.t("Swap {type}",{type:e})}},Gt.createElement(yi,{blockchains:x,type:e=="source"?"from":"to",blockchain:e==="source"?r:i,onMoreClick:()=>o(L.blockchains),onChange:h=>{d(h)}}),Gt.createElement(Lp,{size:24}),Gt.createElement(Re,{value:c,autoFocus:!0,placeholder:Np.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>S(""),onChange:h=>S(h.target.value)}),Gt.createElement(Lp,{size:16}),Gt.createElement(Wp,{list:w,selectedBlockchain:y,searchedFor:c,onChange:h=>{k(h);let C=x.find(A=>h.blockchain===A.name);C&&d(C),n()}}))}s(xi,"SelectSwapItemsPage");import{i18n as xt}from"@lingui/core";import{ChevronRightIcon as Ai,Divider as Ii,InfoIcon as Ig,List as Wg,ListItemButton as Ng,Skeleton as Lg,Switch as Bg,Tooltip as Mg,Typography as bt}from"@rango-dev/ui";import Q from"react";import{useNavigate as $g}from"react-router-dom";import{i18n as _p}from"@lingui/core";import{Chip as xg,Divider as Dp,InfoIcon as bg,TextField as Eg,Tooltip as Ag,Typography as Fp}from"@rango-dev/ui";import Te from"react";import{styled as Fn}from"@rango-dev/ui";var Bp=Fn("div",{paddingTop:"$5",paddingBottom:"30px"}),Mp=Fn("div",{display:"flex",alignItems:"center",justifyContent:"start"}),$p=Fn("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),On=Fn("div",{maxWidth:"300px",padding:"$10"});import{i18n as bi}from"@lingui/core";import{Typography as vg}from"@rango-dev/ui";import mo from"react";function Pp(){return mo.createElement(On,null,mo.createElement(vg,{variant:"label",size:"medium",color:"neutral700"},bi.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),mo.createElement("br",null),mo.createElement("br",null),mo.createElement("b",null,bi.t("Warning")),":",bi.t("This setting is applied per step, e.g. 1Inch, Thorchain, etc. and only that step will be reverted, not the whole transaction")))}s(Pp,"SlippageTooltipContent");function Ei(){let t=D.use.slippage(),e=D.use.setSlippage(),o=D.use.customSlippage(),n=D.use.setCustomSlippage();return Te.createElement(Bp,null,Te.createElement($p,null,Te.createElement(Fp,{variant:"title",size:"xmedium"},_p.t("Slippage tolerance per swap")),Te.createElement(Dp,{direction:"horizontal",size:4}),Te.createElement(Ag,{container:R(),side:"top",content:Te.createElement(Pp,null)},Te.createElement(bg,{color:"gray"}))),Te.createElement(Mp,null,ks.map((r,i)=>{let a=`slippage-${i}`;return Te.createElement(Te.Fragment,null,Te.createElement(xg,{style:{width:"64px",flexShrink:0},key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`}),Te.createElement(Dp,{direction:"horizontal",size:8}))}),Te.createElement(Eg,{type:"number",min:"0.01",max:"30",step:"0.01",fullWidth:!0,variant:"contained",value:o||"",color:"dark",onChange:r=>{let i=parseFloat(r.target.value);(!i||i>=xs&&i<=vs)&&n(i)},suffix:o&&Te.createElement(Fp,{variant:"body",size:"small"},"%"),placeholder:_p.t("Custom")})))}s(Ei,"Slippage");function Op(){let t=$g(),{theme:e}=T().config,o=T().fetchStatus,n=T().swappers(),r=D.use.infiniteApprove(),i=D.use.toggleInfiniteApprove(),a=Do(n),l=a.filter(k=>k.type==="BRIDGE"||k.type==="AGGREGATOR"),p=l.length,u=l.filter(k=>k.selected).length,m=a.filter(k=>k.type==="DEX"),c=m.length,S=m.filter(k=>k.selected).length,f=s((k,h)=>{switch(o){case"loading":return Q.createElement(Lg,{variant:"text",size:"medium",width:50});case"failed":return Q.createElement(bt,{variant:"body",size:"medium",color:"$error500"},xt.t("Loading failed"));default:return Q.createElement(bt,{variant:"body",size:"medium"},`${k} / ${h}`)}},"handleEndItem"),y={id:"bridge-item",title:Q.createElement(bt,{variant:"title",size:"xmedium"},xt.t("Enabled bridges")),end:Q.createElement(Q.Fragment,null,f(u,p),Q.createElement(Ii,{direction:"horizontal",size:8}),Q.createElement(Ai,{color:"black"})),onClick:()=>t(L.bridges)},x={id:"exchange-item",title:Q.createElement(bt,{variant:"title",size:"xmedium"},xt.t("Enabled exchanges")),end:Q.createElement(Q.Fragment,null,f(S,c),Q.createElement(Ii,{direction:"horizontal",size:8}),Q.createElement(Ai,{color:"gray"})),onClick:()=>t(L.exchanges)},g={id:"theme-item",title:Q.createElement(bt,{variant:"title",size:"xmedium"},xt.t("Theme")),end:Q.createElement(Ai,{color:"gray"}),onClick:()=>t(L.themes)},w={id:"infinite-approval-item",title:Q.createElement(Q.Fragment,null,Q.createElement(bt,{variant:"title",size:"xmedium"},xt.t("Infinite Approval")),Q.createElement(Ii,{direction:"horizontal",size:4}),Q.createElement(Mg,{side:"top",container:R(),content:Q.createElement(On,null,Q.createElement(bt,{variant:"label",size:"medium",color:"neutral700"},xt.t("Enabling the 'Infinite Approval' mode grants unrestricted access to smart contracts of DEXes/Bridges, allowing them to utilize the approved token amount without limitations.")))},Q.createElement(Ig,{color:"gray"}))),end:Q.createElement(Bg,{checked:r}),onClick:i},d=[y,x];return e?.singleTheme||d.push(g),d.push(w),Q.createElement(j,{header:{title:xt.t("Setting")}},Q.createElement(et,null,Q.createElement(Ei,null),Q.createElement(Wg,{type:Q.createElement(Ng,{title:"_",id:"_",onClick:()=>console.log()}),items:d})))}s(Op,"SettingsPage");import{cancelSwap as Ih}from"@rango-dev/queue-manager-rango-preset";import{useManager as Wh}from"@rango-dev/queue-manager-react";import yu from"react";import{i18n as tt}from"@lingui/core";import{getCurrentBlockchainOfOrNull as ph,getCurrentStep as uh,getRelatedWalletOrNull as ch,PendingSwapNetworkStatus as Xn}from"@rango-dev/queue-manager-rango-preset";import{Button as pu,CopyIcon as mh,Divider as dh,IconButton as fh,QuoteCost as gh,StepDetails as hh,Typography as Qt,useCopyToClipboard as yh}from"@rango-dev/ui";import{useWallets as Sh}from"@rango-dev/wallets-react";import K,{useEffect as uu,useRef as Ch,useState as cu}from"react";import{useNavigate as kh}from"react-router-dom";import{i18n as we}from"@lingui/core";var Pg=1e3,_g=31536e3,Dg=2592e3,Fg=86400,Og=3600,Ug=60;function Up(t){let e=Math.floor((Date.now()-t)/Pg),n=[{turningPoint:_g,label:we.t("year"),pluralLabel:we.t("years")},{turningPoint:Dg,label:we.t("month"),pluralLabel:we.t("months")},{turningPoint:Fg,label:we.t("day"),pluralLabel:we.t("days")},{turningPoint:Og,label:we.t("hour"),pluralLabel:we.t("hours")},{turningPoint:Ug,label:we.t("minute"),pluralLabel:we.t("minutes")}].sort((r,i)=>i.turningPoint-r.turningPoint);for(let r of n){let{turningPoint:i,label:a,pluralLabel:l}=r,p=Math.floor(e/i);if(p>1)return`${p} ${l}`;if(p===1)return`${p} ${a}`}return e>1?`${e} ${we.t("seconds")}`:`${e} ${we.t("second")}`}s(Up,"timeSince");function zp(t){return t.finishTime?we.t({id:"{time} ago",values:{time:Up(parseInt(t.finishTime))}}):we.t({id:"{time} ago",values:{time:Up(parseInt(t.creationTime))}})}s(zp,"getSwapDate");import{PendingSwapNetworkStatus as qn}from"@rango-dev/queue-manager-rango-preset";import{Modal as jg}from"@rango-dev/ui";import Gn from"react";import{i18n as Un}from"@lingui/core";import{Button as qp,Divider as Wi,MessageBox as zg,Typography as Gp}from"@rango-dev/ui";import Xe from"react";var Hp=s(({onCancel:t,onClose:e})=>Xe.createElement(Xe.Fragment,null,Xe.createElement(Wi,{size:20}),Xe.createElement(zg,{type:"error",title:Un.t("Transaction Cancel"),description:Un.t("Are you sure you want to Cancel this swap?")}),Xe.createElement(Wi,{size:32}),Xe.createElement(qp,{variant:"contained",type:"primary",size:"large",onClick:t},Xe.createElement(Gp,{variant:"title",size:"medium",color:"neutral100"},Un.t("Yes, Cancel it"))),Xe.createElement(Wi,{size:12}),Xe.createElement(qp,{variant:"outlined",type:"primary",size:"large",onClick:e},Xe.createElement(Gp,{variant:"title",size:"medium",color:"primary"},Un.t("No, Continue")))),"CancelContent");import{i18n as zn}from"@lingui/core";import{Button as Qp,Divider as Ni,MessageBox as qg,Typography as Vp}from"@rango-dev/ui";import Ye from"react";var jp=s(({onDelete:t,onClose:e})=>Ye.createElement(Ye.Fragment,null,Ye.createElement(Ni,{size:20}),Ye.createElement(qg,{type:"error",title:zn.t("Delete Transaction"),description:zn.t("Are you sure you want to delete this swap?")}),Ye.createElement(Ni,{size:32}),Ye.createElement(Qp,{variant:"contained",type:"primary",size:"large",onClick:t},Ye.createElement(Vp,{variant:"title",size:"medium",color:"neutral100"},zn.t("Yes, Delete it"))),Ye.createElement(Ni,{size:12}),Ye.createElement(Qp,{variant:"outlined",type:"primary",size:"large",onClick:e},Ye.createElement(Vp,{variant:"title",size:"medium",color:"primary"},zn.t("No, Cancel")))),"DeleteContent");import{i18n as Li}from"@lingui/core";import{PendingSwapNetworkStatus as Bi}from"@rango-dev/queue-manager-rango-preset";var Mi={[Bi.WaitingForNetworkChange]:{type:"loading",title:Li.t("Change Network")},[Bi.WaitingForConnectingWallet]:{type:"warning",title:Li.t("Connect Wallet")},[Bi.NetworkChanged]:{type:"success",title:Li.t("Network Changed")}};import{MessageBox as Hg,Wallet as Qg,WalletState as Xp}from"@rango-dev/ui";import{useWallets as Vg}from"@rango-dev/wallets-react";import fo from"react";import{styled as Gg}from"@rango-dev/ui";var Kp=Gg("div",{display:"flex",justifyContent:"center"});var Yp=s(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:i}=t,{connect:a,getWalletInfo:l,state:p}=Vg(),u=n?.walletType,c=u&&p(u).connected?Xp.CONNECTED:Xp.DISCONNECTED;return fo.createElement(fo.Fragment,null,fo.createElement(Hg,{type:e,title:o,description:r}),i&&u&&fo.createElement(Kp,null,fo.createElement(Qg,{container:R(),title:l(u).name,image:l(u).img,type:u,state:c,onClick:async()=>a(u)})))},"WalletStateContent");function $i(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:i,message:a}=t,l=e===qn.WaitingForNetworkChange||e===qn.WaitingForConnectingWallet||e===qn.NetworkChanged;return Gn.createElement(jg,{open:!!e,onClose:o,container:document.getElementById("swap-box")||document.body},l&&Gn.createElement(Yp,{type:Mi[e].type,title:Mi[e].title,currentStepWallet:i,message:a,showWalletButton:e!==qn.WaitingForNetworkChange}),e==="delete"&&Gn.createElement(jp,{onClose:o,onDelete:n}),e==="cancel"&&Gn.createElement(Hp,{onClose:o,onCancel:r}))}s($i,"SwapDetailsModal");import{i18n as go}from"@lingui/core";import{Button as Pi,Divider as Hn,MessageBox as Jp,Modal as Kg,TokenAmount as Xg,Typography as Qn}from"@rango-dev/ui";import ce from"react";import{useNavigate as Yg}from"react-router-dom";function _i(t){let{open:e,onClose:o,status:n,priceValue:r,usdValue:i,token:a,chain:l,percentageChange:p,description:u,diagnosisUrl:m}=t,c=Yg();return ce.createElement(Kg,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},n==="success"?ce.createElement(Jp,{type:"success",title:go.t("Swap Successful")},ce.createElement(Xg,{direction:"vertical",type:"output",centerAlign:!0,price:{value:r,usdValue:i},token:a,chain:l,percentageChange:p}),ce.createElement(Hn,{size:12}),ce.createElement(Qn,{variant:"body",size:"medium",color:"neutral700",align:"center"},u)):ce.createElement(Jp,{type:"error",title:go.t("Transaction Failed"),description:u}),ce.createElement(Hn,{size:32}),n==="success"&&ce.createElement(Pi,{variant:"contained",type:"primary",size:"large",onClick:()=>{c("../../")}},ce.createElement(Qn,{variant:"title",size:"medium",color:"neutral100"},go.t("Done"))),ce.createElement(Hn,{size:12}),m&&ce.createElement(ce.Fragment,null,ce.createElement(Pi,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(m,"_blank")},ce.createElement(Qn,{variant:"title",size:"medium",color:"primary"},go.t("Diagnosis"))),ce.createElement(Hn,{size:12})),ce.createElement(Pi,{variant:"outlined",type:"primary",size:"large",onClick:o},ce.createElement(Qn,{variant:"title",size:"medium",color:"primary"},go.t("See Details"))))}s(_i,"SwapDetailsCompleteModal");import ah from"react";import{i18n as nh}from"@lingui/core";import{Alert as nu,IconButton as rh,LinkIcon as ih}from"@rango-dev/ui";import dt,{Fragment as sh}from"react";import{Alert as Jg,ChevronDownIcon as Zg,ChevronUpIcon as Rg,IconButton as eh}from"@rango-dev/ui";import Vn,{useState as th}from"react";function Zp(t){let{message:e}=t,[o,n]=th(!1);return Vn.createElement(Jg,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&Vn.createElement(eh,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?Vn.createElement(Rg,{size:12,color:"gray"}):Vn.createElement(Zg,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}s(Zp,"FailedAlert");import{styled as oh}from"@rango-dev/ui";var Rp=oh("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as eu}from"@lingui/core";import{PendingSwapNetworkStatus as Di}from"@rango-dev/queue-manager-rango-preset";import{Alert as Fi,Button as tu}from"@rango-dev/ui";import ho from"react";function ou(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?ho.createElement(Fi,{type:"warning",title:n.shortMessage,action:ho.createElement(tu,{size:"xxsmall",type:"warning",onClick:()=>{o(Di.WaitingForNetworkChange),e().catch(i=>{console.log(i)})}},eu.t("Change"))}):r===Di.WaitingForConnectingWallet?ho.createElement(Fi,{type:"warning",title:n.shortMessage,action:ho.createElement(tu,{size:"xxsmall",type:"warning",onClick:()=>{o(Di.WaitingForConnectingWallet)}},eu.t("Connect"))}):ho.createElement(Fi,{type:"warning",title:n.shortMessage})}s(ou,"WarningAlert");function Oi(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:i,hasAlreadyProceededToSign:a}=t,l=Yt(i),p=i.status==="waitingForApproval"&&!l,u=i.status==="running"&&!l;return dt.createElement(Rp,null,i.explorerUrl?.map((m,c,S)=>{let f=c+m.url,y=c===S.length-1,x=y&&u||p,g=y&&i.status==="failed";return dt.createElement(sh,{key:f},dt.createElement(nu,{type:x&&"loading"||g&&"error"||"success",title:m.description?`${m.description} Tx`:nh.t("View transaction"),action:m.url&&dt.createElement(rh,{variant:"ghost",size:"xsmall",onClick:()=>window.open(m.url,"_blank")},dt.createElement(ih,{size:16}))}))}),(u&&!a||p&&!i.explorerUrl?.length)&&dt.createElement(nu,{type:"loading",title:r.shortMessage}),i.status!=="failed"&&l&&dt.createElement(ou,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),i.status==="failed"&&dt.createElement(Zp,{message:r}))}s(Oi,"SwapDetailsAlerts");var ru=2e3;var iu=s(({swap:t,blockchains:e,...o})=>{let n=t.hasAlreadyProceededToSign!==!1;return t.steps.map((r,i)=>{let a=i===0?t.inputAmount:t.steps[i-1].outputAmount;return{from:{token:{displayName:r.fromSymbol,image:r.fromLogo??""},chain:{displayName:yr(r.fromBlockchain,e)??"",image:r.fromBlockchainLogo??""},price:{value:W(a,6,6)}},to:{token:{displayName:r.toSymbol,image:r.toLogo},chain:{displayName:yr(r.toBlockchain,e)??"",image:r.toBlockchainLogo??""},price:{value:W(r.outputAmount||r.expectedOutputAmountHumanReadable,6,6)}},swapper:{displayName:r.swapperId,image:r.swapperLogo??""},alerts:ah.createElement(Oi,{step:r,hasAlreadyProceededToSign:n,...o})}})},"getSteps");function su(t){if(Yt(t)&&t.status!=="failed"&&t.status!=="success")return"warning";switch(t.status){case"created":return"default";case"approved":case"waitingForApproval":case"running":return"in-progress";case"failed":return"error";case"success":return"completed"}}s(su,"getStepState");import{darkTheme as lh,styled as Ht}from"@rango-dev/ui";var jn=Ht("div",{display:"flex",width:"100%",flexDirection:"column",alignItems:"center",height:"0",flexGrow:1,"& .row":{display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",padding:"$10 $20",borderBottom:"1px solid",$$color:"$colors$neutral300",[`.${lh} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color",color:"$neutral500"},"& .request-id":{display:"flex",justifyContent:"center",alignItems:"center",height:"$24"},"& .output":{display:"flex",width:"100%",padding:"$15 $20 $20",flexDirection:"column",alignItems:"start"},"& .title-steps":{textAlign:"left",width:"100%",padding:"0 $20 $10"}}),Kn=Ht("div",{width:"100%"}),au=Ht("div",{padding:"$0 $20 $20 $20",width:"100%",overflow:"auto"}),qL=Ht("div",{display:"flex",flexDirection:"column",gap:"$10"}),lu=Ht("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),GL=Ht("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1});function Ui(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:i,connect:a,getWalletInfo:l}=Sh(),p=T().blockchains(),u=T().tokens(),m=P.use.retry(),c=kh(),[S,f]=yh(ru),y=Ch(null),[x,g]=cu(null),[w,d]=cu(null),k=s(()=>{r(),g(null)},"onCancel"),h=We.use.getUnreadNotifications(),C=We.use.setAsRead(),A=h(),B=uh(e),E=B?.networkStatus;uu(()=>{A.find(se=>se.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(d(e.status),C(e.requestId))},[e.status]),uu(()=>{O?g(Xn.WaitingForNetworkChange):E===Xn.WaitingForConnectingWallet||E===Xn.NetworkChanged?g(E):g(null)},[E]);let $=oa(e),_=B?ph(e,B):null,F=B?ch(e,B):null,v=zp(e),z=na(e),H=s(q=>!!l(q)?.mobileWallet,"isMobileWallet"),O=E===Xn.WaitingForNetworkChange&&!!_&&!!F?.walletType&&(H(F.walletType)||i(F.walletType,_)),Z=O?a.bind(null,F.walletType,_):void 0,le=ta(e,B),te=iu({swap:e,switchNetwork:Z,showNetworkModal:E,setNetworkModal:g,message:le,blockchains:p}),ne=te.length,[ge,ze]=[e.steps[0],e.steps[ne-1]],ft=ze.outputAmount||ze.expectedOutputAmountHumanReadable,xo=e.steps.reduce((q,se)=>q+parseFloat(se.feeInUsd||""),0),er=e.steps.find(q=>q.diagnosisUrl)?.diagnosisUrl,Et=W(String(parseFloat(W(ft,6,6))*(Mo(ze.toBlockchain,ze.toSymbol,ze.toSymbolAddress,u)||0)),4,4),bo=W(String(parseFloat(e.inputAmount)*(Mo(ge.fromBlockchain,ge.fromSymbol,ge.fromSymbolAddress,u)||0)),4,4),U=Mt(bo,Et),X=e.status==="success"?tt.t({id:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:W(ft,6,6),token:te[ne-1].to.token.displayName,conciseAddress:Po(e.wallets[te[ne-1].to.chain.displayName]?.address||""),chain:te[ne-1].to.chain.displayName}}):`${tt.t("Transaction was not sent.")} ${$?tt.t({id:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:$.outputAmount,symbol:$.symbol,blockchain:$.blockchain}}):""}`;return K.createElement(j,{noPadding:!0,header:{title:tt.t("Swap and Bridge"),onCancel:e.status==="running"?()=>g("cancel"):void 0,suffix:e.status!=="running"&&K.createElement(Lt,null,K.createElement(pu,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>g("delete")},K.createElement(Qt,{size:"medium",variant:"label",color:"error"},tt.t("Delete"))))},footer:z&&!w&&K.createElement(pu,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{m(e,{blockchains:p,tokens:u}),setTimeout(()=>{c("../../")},0)}},tt.t("Try again"))},K.createElement(jn,null,K.createElement(Kn,null,K.createElement("div",{className:"row"},K.createElement(Qt,{variant:"label",size:"large",color:"neutral700"},`${tt.t("Request ID")}:`),K.createElement("div",{className:"request-id"},K.createElement(Qt,{variant:"label",size:"small",color:"neutral700"},o),K.createElement(fh,{variant:"ghost",onClick:f.bind(null,o||"")},K.createElement(mh,{size:16,color:"gray"})))),K.createElement("div",{className:"row"},K.createElement(Qt,{variant:"label",size:"large",color:"neutral700"},`${tt.t("Created at")}:`),K.createElement(Qt,{variant:"label",size:"small",color:"neutral700"},v))),K.createElement("div",{className:"output"},K.createElement(gh,{fee:W(String(xo),2,2),time:Io(Wo(e.steps)),steps:ne}),K.createElement(Zt,{from:{price:{value:W(e.inputAmount,6,6),usdValue:bo},token:{displayName:te[0].from.token.displayName,image:te[0].from.token.image},chain:{image:te[0].from.chain.image,displayName:te[0].from.chain.displayName}},to:{price:{value:W(ft,6,6),usdValue:Et},token:{displayName:te[ne-1].to.token.displayName,image:te[ne-1].to.token.image},chain:{image:te[ne-1].to.chain.image,displayName:te[ne-1].to.chain.displayName}},percentageChange:W(String(U),2,2),warningLevel:Je(U??0)})),K.createElement("div",{className:"title-steps"},K.createElement(Qt,{variant:"title",size:"small"},tt.t("Swaps steps"))),K.createElement(dh,{size:8}),K.createElement(au,{ref:y},te.map((q,se)=>{let qe=se,be=su(e.steps[se]),tr=be==="error"||be==="in-progress"||be==="warning"||be==="completed"&&se===te.length-1;return K.createElement(hh,{key:qe,step:q,type:"swap-progress",ref:y,state:be,hasSeparator:se!==0,tabIndex:qe,isFocused:tr})}))),K.createElement($i,{state:x,onClose:()=>g(null),onCancel:k,onDelete:n,message:le.detailedMessage.content,currentStepWallet:F}),K.createElement(_i,{open:!!w,diagnosisUrl:er,onClose:()=>d(null),status:e.status==="success"?"success":"failed",priceValue:W(ft,6,6),usdValue:Et,percentageChange:W(String(U),2,2),token:{displayName:te[ne-1].to.token.displayName,image:te[ne-1].to.token.image},chain:{image:te[ne-1].to.chain.image},description:X}))}s(Ui,"SwapDetails");import{i18n as To}from"@lingui/core";import{CopyIcon as bh,IconButton as Eh,NotFound as Ah,Skeleton as gu,Typography as Jn}from"@rango-dev/ui";import pe from"react";import{i18n as wh}from"@lingui/core";import{ChainToken as vh,Divider as qi,Skeleton as ko,Typography as xh}from"@rango-dev/ui";import J from"react";import{styled as zi}from"@rango-dev/ui";var mu=zi("div",{width:"100%",height:"100%",padding:"$0 $20",".cost":{paddingTop:"$15",display:"flex"},".quote-summary":{padding:"$15 $0"},".quote-summary-item":{display:"flex",justifyContent:"space-between",alignItems:"center"},".token-amount":{display:"flex",justifyContent:"space-between",alignItems:"center"},".quote-summary-separator":{width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"},".swaps-steps":{paddingBottom:"$10"}}),du=zi("div",{backgroundColor:"$neutral100",borderRadius:"$xm",padding:"$10 $15",".step-title":{display:"flex",justifyContent:"start",alignItems:"center"},".step-tokens":{paddingTop:"$5",display:"flex",alignItems:"center"},".step-token-info":{display:"flex",alignItems:"center"},".step-icon-container":{padding:"$4 $6",display:"flex",justifyContent:"center",alignItems:"center"},".extra-info":{display:"flex",paddingTop:"$10",paddingBottom:"$5"}}),Yn=zi("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"});import{ChainToken as fu,Divider as yo,NextIcon as Th,Skeleton as So}from"@rango-dev/ui";import ae from"react";function Co(t){let{extraInfo:e}=t;return ae.createElement(du,null,ae.createElement("div",{className:"step-title"},ae.createElement(So,{height:28,width:28,variant:"circular"}),ae.createElement(yo,{direction:"horizontal",size:8}),ae.createElement(So,{height:15,width:148,variant:"rounded"})),ae.createElement("div",{className:"step-tokens"},ae.createElement(yo,{direction:"horizontal",size:20}),ae.createElement("div",{className:"step-token-info"},ae.createElement(fu,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ae.createElement(yo,{direction:"horizontal",size:8}),ae.createElement(So,{height:12,width:76,variant:"rounded"})),ae.createElement("div",{className:"step-icon-container"},ae.createElement(Th,{color:"gray",size:16})),ae.createElement("div",{className:"step-token-info"},ae.createElement(fu,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ae.createElement(yo,{direction:"horizontal",size:8}),ae.createElement(So,{height:12,width:76,variant:"rounded"}))),e&&ae.createElement("div",{className:"extra-info"},ae.createElement(yo,{direction:"horizontal",size:20}),ae.createElement(So,{height:22,width:297,variant:"rectangular"})))}s(Co,"LoadingSwapDetailStep");function Gi(){let t=J.createElement("div",{className:"quote-summary-item"},J.createElement("div",{className:"token-amount"},J.createElement(vh,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),J.createElement(qi,{size:8,direction:"horizontal"}),J.createElement(ko,{height:15,width:148,variant:"rounded"})),J.createElement(ko,{height:12,width:64,variant:"rounded"}));return J.createElement(mu,null,J.createElement("div",{className:"cost"},J.createElement(ko,{width:60,height:10,variant:"rounded"}),J.createElement(qi,{size:4,direction:"horizontal"}),J.createElement(ko,{width:60,height:10,variant:"rounded"}),J.createElement(qi,{size:4,direction:"horizontal"}),J.createElement(ko,{width:60,height:10,variant:"rounded"})),J.createElement("div",{className:"quote-summary"},t,J.createElement("div",{className:"quote-summary-separator"}),t),J.createElement("div",{className:"swaps-steps"},J.createElement(xh,{variant:"title",size:"small"},wh.t("Swaps steps"))),J.createElement("div",{className:"step-container"},J.createElement(Co,{extraInfo:!0}),J.createElement(Yn,null),J.createElement(Co,null),J.createElement(Yn,null),J.createElement(Co,null),J.createElement(Yn,null),J.createElement(Co,null)))}s(Gi,"LoadingSwapDetails");function hu(t){let{requestId:e,showSkeleton:o}=t;return pe.createElement(j,{noPadding:!0,header:{title:To.t("Swap and Bridge"),suffix:pe.createElement(Lt,null)}},o&&pe.createElement(jn,null,pe.createElement(Kn,null,pe.createElement("div",{className:"row"},pe.createElement(Jn,{variant:"label",size:"large",color:"neutral700"},`${To.t("Request ID")}:`),pe.createElement("div",{className:"request-id"},pe.createElement(Jn,{variant:"label",size:"small",color:"neutral700"},pe.createElement(gu,{width:60,height:10,variant:"rounded"})),pe.createElement(Eh,{variant:"ghost"},pe.createElement(bh,{size:16,color:"gray"})))),pe.createElement("div",{className:"row"},pe.createElement(Jn,{variant:"label",size:"large",color:"neutral700"},`${To.t("Created at")}:`),pe.createElement(Jn,{variant:"label",size:"small",color:"neutral700"},pe.createElement(gu,{width:60,height:10,variant:"rounded"})))),pe.createElement(Gi,null)),!o&&pe.createElement(lu,null,pe.createElement(Ah,{title:To.t("Not found"),description:To.t({id:"Swap with request ID = {requestId} not found.",values:{requestId:e}})})))}s(hu,"SwapDetailsPlaceholder");function Su(){let{manager:t,state:e}=Wh(),o=!e.loadedFromPersistor,n=zt(t),r=Ce.use.selectedSwapRequestId(),i=ot(),{fetchStatus:a}=T(),l=o||a==="loading",p=n.find(({swap:S})=>S.requestId===r),u=s(()=>{if(p?.id){let S=t?.get(p.id);S&&Ih(S)}},"onCancel"),m=s(async()=>{if(p?.id)try{t?.deleteQueue(p.id),i()}catch(S){console.log(S)}},"onDelete"),c=p?.swap;return!c||l?yu.createElement(hu,{requestId:r||"",showSkeleton:l}):yu.createElement(Ui,{swap:c,requestId:r||"",onCancel:u,onDelete:m})}s(Su,"SwapDetailsPage");import{i18n as wo}from"@lingui/core";import{AutoThemeIcon as Nh,DarkModeIcon as Lh,LightModeIcon as Bh,List as Mh,ListItemButton as $h,Radio as Hi,RadioRoot as Ph,Typography as Qi}from"@rango-dev/ui";import ve from"react";function Cu(){let t=D.use.theme(),e=D.use.setTheme(),o=[{id:"light",value:"light",title:ve.createElement(Qi,{variant:"title",size:"xmedium"},wo.t("Light")),onClick:()=>e("light"),start:ve.createElement(Bh,{color:"gray"}),end:ve.createElement(Hi,{value:"light"})},{id:"dark",value:"dark",title:ve.createElement(Qi,{variant:"title",size:"xmedium"},wo.t("Dark")),onClick:()=>e("dark"),start:ve.createElement(Lh,{color:"gray"}),end:ve.createElement(Hi,{value:"dark"})},{id:"auto",value:"auto",title:ve.createElement(Qi,{variant:"title",size:"xmedium"},wo.t("Auto")),onClick:()=>e("auto"),start:ve.createElement(Nh,{color:"gray"}),end:ve.createElement(Hi,{value:"auto"})}];return ve.createElement(j,{header:{title:wo.t("Theme")}},ve.createElement(et,null,ve.createElement(Ph,{onValueChange:n=>e(n),value:t},ve.createElement(Mh,{type:ve.createElement($h,{title:wo.t("Theme"),id:"_",onClick:()=>console.log()}),items:o}))))}s(Cu,"ThemePage");function ku(){return _h([{path:L.home,element:xe.createElement(fn,null)},{path:L.fromSwap,children:[{index:!0,element:xe.createElement(xi,{type:"source"})},{path:L.blockchains,element:xe.createElement(mi,{type:"source"})}]},{path:L.toSwap,children:[{index:!0,element:xe.createElement(xi,{type:"destination"})},{path:L.blockchains,element:xe.createElement(mi,{type:"destination"})}]},{path:L.settings,children:[{index:!0,element:xe.createElement(Op,null)},{path:L.themes,element:xe.createElement(Cu,null)},{path:L.languages,element:xe.createElement(ep,null)},{path:L.exchanges,element:xe.createElement(ai,{sourceType:"Exchanges"})},{path:L.bridges,element:xe.createElement(ai,{sourceType:"Bridges"})}]},{path:L.swaps,children:[{index:!0,element:xe.createElement(Zl,null)},{path:L.swapDetails,element:xe.createElement(Su,null)}]},{path:L.wallets,element:xe.createElement(bl,null)},{path:L.confirmSwap,element:xe.createElement(ql,null)}])}s(ku,"AppRoutes");import{isApprovalTX as Dh,MainEvents as wu,RouteEventType as vu,StepEventType as Vt,StepExecutionEventStatus as Fh,useEvents as Oh}from"@rango-dev/queue-manager-rango-preset";import{useEffect as xu}from"react";import{StepExecutionBlockedEventStatus as Vi}from"@rango-dev/queue-manager-rango-preset";var Tu=[Vi.WAITING_FOR_CHANGE_WALLET_ACCOUNT,Vi.WAITING_FOR_NETWORK_CHANGE,Vi.WAITING_FOR_WALLET_CONNECT];function bu(){let t=T().tokens(),e=V.use.connectedWallets(),o=V.use.getWalletsDetails(),n=We.use.setNotification(),r=We.use.setAsRead(),i=Oh();return xu(()=>(i.on(wu.StepEvent,a=>{let{event:l,step:p,route:u}=a;if(l.type===Vt.TX_EXECUTION&&l.status===Fh.TX_SENT&&!Dh(p)||l.type===Vt.SUCCEEDED){let c=e.find(f=>f.chain===p?.fromBlockchain),S=p?.fromBlockchain!==p?.toBlockchain&&e.find(f=>f.chain===p?.toBlockchain);c&&o([c],t),S&&o([S],t)}l.type===Vt.TX_EXECUTION_BLOCKED&&Tu.includes(l.status)||l.type===Vt.FAILED?n(l,u):(l.type===Vt.TX_EXECUTION||l.type===Vt.CHECK_STATUS)&&r(u.requestId)}),()=>i.all.clear()),[i,e.length]),xu(()=>(i.on(wu.RouteEvent,a=>{let{event:l,route:p}=a;(l.type===vu.FAILED||l.type===vu.SUCCEEDED)&&n(l,p)}),()=>i.all.clear()),[i,e.length]),null}s(bu,"WidgetEvents");import{globalCss as Uh}from"@rango-dev/ui";var Eu=s(()=>Uh({"@import":["url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap')","url('https://fonts.cdnfonts.com/css/times-new-roman')"]})(),"globalFont");import{createTheme as Xi,darkTheme as Qh,lightTheme as Vh}from"@rango-dev/ui";import{useEffect as Iu,useState as jh}from"react";import{theme as Gh,darkColors as Hh}from"@rango-dev/ui";var Au=s(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),zh=s(t=>{let e="",o;for(o=Math.abs(t);o>52;o=o/52|0)e=Au(o%52)+e;return Au(o%52)+e},"toAlphabeticName"),qh=s((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),ji=s(t=>zh(qh(5381,JSON.stringify(t))>>>0),"toHash");function Ki(t){let e=Gh.colors,o=Si({...e,...Hh},!0,t?.dark),n=Si(e,!1,t?.light),r=Object.keys(o).length>0,i=Object.keys(n).length>0,a,l;if(i){let p={colors:n};a={id:`${rr}-light-${ji(p)}`,tokens:p}}if(r){let p={colors:o};l={id:`${rr}-dark-${ji(p)}`,tokens:p}}return{light:a,dark:l}}s(Ki,"customizedThemeTokens");function Wu(t){let{colors:e,fontFamily:o=ns,borderRadius:n=ts,secondaryBorderRadius:r=os,mode:i="auto"}=t,[a,l]=jh("light"),p=D.use.theme(),u=D.use.setTheme(),{dark:m,light:c}=Ki(e),S=Xi({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),f=[S.className,Vh.className],y=[S.className,Qh.className];if(c){let g=Xi(c.id,c.tokens);f.push(g.className)}if(m){let g=Xi(m.id,m.tokens);y.push(g.className)}return Iu(()=>{let g=s(w=>{w.matches?l("dark"):l("light")},"switchThemeListener");return window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches&&l("dark"),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",g),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",g)}},[]),Iu(()=>{i!=="auto"&&u(i)},[i]),{activeTheme:s(()=>{let g=f.join(" "),w=y.join(" ");return p==="auto"?a==="dark"?w:g:p==="dark"?w:g},"getActiveTheme")}}s(Wu,"useTheme");import{styled as Kh}from"@rango-dev/ui";var Nu=Kh("div",{width:"100%",display:"flex",justifyContent:"center",alignItems:"center",fontFamily:"$widget",boxSizing:"border-box","& *, *::before, *::after":{boxSizing:"inherit",listStyleType:"none"},"& *:focus-visible":{outlineColor:"$info500",transition:"none"}});function Zn(){Eu();let{fetch:t,config:e}=T(),{activeTheme:o}=Wu(e?.theme||{}),{activeLanguage:n,changeLanguage:r}=Nn(),[i,a]=Bu(""),[l,p]=Bu(),u=Yh(Oo);return Lu(()=>{t().catch(),D.persist.rehydrate(),We.persist.rehydrate(),u.onConnectWallet(a)},[]),Lu(()=>{r(e?.language)},[e?.language]),vo.createElement(Xh,{language:n},vo.createElement(Nu,{id:"swap-container",className:o()},vo.createElement(bu,null),vo.createElement(hl,{lastConnectedWallet:i,disconnectedWallet:l,clearDisconnectedWallet:()=>{p(void 0)}},vo.createElement(ku,null))))}s(Zn,"Main");import Ji,{useMemo as cy}from"react";import{checkWaitingForNetworkChange as Jh,makeQueueDefinition as Zh}from"@rango-dev/queue-manager-rango-preset";import{Provider as Rh}from"@rango-dev/queue-manager-react";import{useWallets as ey}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as ty}from"@rango-dev/wallets-shared";import{isEvmBlockchain as oy}from"rango-types";import ny,{useMemo as ry}from"react";function iy(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:i,getWalletInfo:a}=ey(),l=ry(()=>Zh({API_KEY:t.apiKey||At("API_KEY"),BASE_URL:At("BASE_URL")}),[t.apiKey]),p=T().blockchains(),m={blockchains:V.use.connectedWallets().map(d=>({accounts:[d],name:d.chain}))},c=s(async(d,k)=>{if(i(d,k))return r(d,k)},"switchNetwork"),S=s(d=>!!a(d).mobileWallet,"isMobileWallet"),f=p.filter(d=>d.enabled).reduce((d,k)=>(d[k.name]=k,d),{}),y=p.filter(oy),x=s(d=>{let{supportedChains:k}=a(d);return Lo(k)},"getSupportedChainNames"),g=e(),w={meta:{blockchains:f,evmBasedChains:y,evmNetworkChainInfo:ty(y),getSupportedChainNames:x},getSigners:o,wallets:m,providers:g,switchNetwork:c,canSwitchNetworkTo:i,connect:r,state:n,isMobileWallet:S};return ny.createElement(Rh,{queuesDefs:[l],context:w,onPersistedDataLoaded:d=>{Jh(d)},isPaused:!1},t.children)}s(iy,"QueueManager");var Mu=iy;import{useManager as sy}from"@rango-dev/queue-manager-react";import ay,{createContext as ly,useContext as py,useMemo as uy}from"react";var $u=ly(void 0);function Yi(t){let{manager:e}=sy(),o=zt(e),n=uy(()=>({swaps:o}),[e,o]);return ay.createElement($u.Provider,{value:n},t.children)}s(Yi,"WidgetInfo");function Pu(){let t=py($u);if(!t)throw new Error("useWidget can only be used within the WidgetProvider component");return t}s(Pu,"useWidget");function Rn(t){let{onUpdateState:e,config:o}=t;return cy(()=>{es({API_KEY:o?.apiKey||Eo,BASE_URL:o?.apiUrl||Ri})},[o]),Ji.createElement(Uo,{config:o,onUpdateState:e},Ji.createElement(Mu,{apiKey:o.apiKey},Ji.createElement(Yi,null,t.children)))}s(Rn,"WidgetProvider");function _u(t){return t.config?.externalWallets?Zi.createElement(Zn,null):Zi.createElement(Rn,{config:t.config??sr},Zi.createElement(Zn,null))}s(_u,"Widget");export{R$ as MainEvents,eP as RouteEventType,tP as StepEventType,oP as StepExecutionBlockedEventStatus,nP as StepExecutionEventStatus,_u as Widget,Rn as WidgetProvider,Uo as WidgetWallets,Ki as customizedThemeTokens,Ml as useWallets,Pu as useWidget,rP as useWidgetEvents};
2
2
  //# sourceMappingURL=index.js.map