@rango-dev/widget-embedded 0.14.1-next.14 → 0.14.1-next.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (57) hide show
  1. package/dist/Widget.d.ts.map +1 -1
  2. package/dist/components/BlockchainsSection/BlockchainsSection.d.ts.map +1 -1
  3. package/dist/constants/configs.d.ts +2 -0
  4. package/dist/constants/configs.d.ts.map +1 -0
  5. package/dist/constants/errors.d.ts +1 -1
  6. package/dist/constants/errors.d.ts.map +1 -1
  7. package/dist/constants/languages.d.ts +11 -0
  8. package/dist/constants/languages.d.ts.map +1 -0
  9. package/dist/constants/messages.d.ts +1 -1
  10. package/dist/constants/messages.d.ts.map +1 -1
  11. package/dist/hooks/useLanguage.d.ts +11 -0
  12. package/dist/hooks/useLanguage.d.ts.map +1 -0
  13. package/dist/hooks/usePrepareBlockchainList/index.d.ts +2 -0
  14. package/dist/hooks/usePrepareBlockchainList/index.d.ts.map +1 -0
  15. package/dist/hooks/usePrepareBlockchainList/usePrepareBlockchainList.constants.d.ts +2 -0
  16. package/dist/hooks/usePrepareBlockchainList/usePrepareBlockchainList.constants.d.ts.map +1 -0
  17. package/dist/hooks/{usePrepareBlockchainList.d.ts → usePrepareBlockchainList/usePrepareBlockchainList.d.ts} +1 -9
  18. package/dist/hooks/usePrepareBlockchainList/usePrepareBlockchainList.d.ts.map +1 -0
  19. package/dist/hooks/usePrepareBlockchainList/usePrepareBlockchainList.helpers.d.ts +10 -0
  20. package/dist/hooks/usePrepareBlockchainList/usePrepareBlockchainList.helpers.d.ts.map +1 -0
  21. package/dist/hooks/usePrepareBlockchainList/usePrepareBlockchainList.mock.d.ts +3 -0
  22. package/dist/hooks/usePrepareBlockchainList/usePrepareBlockchainList.mock.d.ts.map +1 -0
  23. package/dist/hooks/usePrepareBlockchainList/usePrepareBlockchainList.test.d.ts +2 -0
  24. package/dist/hooks/usePrepareBlockchainList/usePrepareBlockchainList.test.d.ts.map +1 -0
  25. package/dist/hooks/usePrepareBlockchainList/usePrepareBlockchainList.types.d.ts +11 -0
  26. package/dist/hooks/usePrepareBlockchainList/usePrepareBlockchainList.types.d.ts.map +1 -0
  27. package/dist/index.js +1 -1
  28. package/dist/index.js.map +4 -4
  29. package/dist/pages/LanguagePage.d.ts.map +1 -1
  30. package/dist/store/settings.d.ts +15 -6
  31. package/dist/store/settings.d.ts.map +1 -1
  32. package/package.json +2 -2
  33. package/src/Widget.tsx +10 -1
  34. package/src/components/BlockchainsSection/BlockchainsSection.tsx +21 -6
  35. package/src/components/NoRoutes/NoRoutes.helper.ts +4 -4
  36. package/src/components/NoRoutes/NoRoutes.tsx +1 -1
  37. package/src/components/RouteErrors/RouteErrors.tsx +2 -2
  38. package/src/components/RouteErrors/RouteErrorsModal.tsx +6 -6
  39. package/src/constants/configs.ts +1 -0
  40. package/src/constants/errors.ts +43 -41
  41. package/src/constants/languages.ts +19 -0
  42. package/src/constants/messages.ts +7 -5
  43. package/src/hooks/useConfirmSwap.ts +1 -1
  44. package/src/hooks/useLanguage.ts +27 -0
  45. package/src/hooks/usePrepareBlockchainList/index.ts +1 -0
  46. package/src/hooks/usePrepareBlockchainList/usePrepareBlockchainList.constants.ts +1 -0
  47. package/src/hooks/usePrepareBlockchainList/usePrepareBlockchainList.helpers.ts +108 -0
  48. package/src/hooks/usePrepareBlockchainList/usePrepareBlockchainList.mock.ts +3101 -0
  49. package/src/hooks/usePrepareBlockchainList/usePrepareBlockchainList.test.ts +273 -0
  50. package/src/hooks/usePrepareBlockchainList/usePrepareBlockchainList.ts +38 -0
  51. package/src/hooks/usePrepareBlockchainList/usePrepareBlockchainList.types.ts +12 -0
  52. package/src/pages/Home.tsx +2 -2
  53. package/src/pages/LanguagePage.tsx +16 -39
  54. package/src/store/settings.ts +46 -4
  55. package/src/utils/swap.ts +10 -10
  56. package/dist/hooks/usePrepareBlockchainList.d.ts.map +0 -1
  57. package/src/hooks/usePrepareBlockchainList.ts +0 -125
package/dist/index.js CHANGED
@@ -1,2 +1,2 @@
1
- var Bp=Object.defineProperty;var s=(t,e)=>Bp(t,"name",{value:e,configurable:!0});import{MainEvents as AI,RouteEventType as EI,StepEventType as BI,StepExecutionBlockedEventStatus as WI,StepExecutionEventStatus as NI,useEvents as II}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Ba}from"@rango-dev/wallets-react";import{Events as Un,Provider as Kp}from"@rango-dev/wallets-react";import{isEvmBlockchain as jp}from"rango-sdk";import $i,{createContext as Yp,useRef as Qp}from"react";import{useEffect as Xp}from"react";import{create as Gp}from"zustand";import{subscribeWithSelector as Vp}from"zustand/middleware";import{RangoClient as Wp}from"rango-sdk";var Si="c6381a79-2817-4602-83bf-6a641a409e32";var _n={API_KEY:Si};function So(t){return _n[t]}s(So,"getConfig");function Ci(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),_n=e,_n}s(Ci,"initConfig");var ki=20,Ti=25,wi="Roboto",Fn="theme-widget";var Co,xt=s(()=>Co||(Co=new Wp(So("API_KEY")),Co),"httpService");import{WalletState as Re}from"@rango-dev/ui";import{readAccountAddress as Mp}from"@rango-dev/wallets-react";import{detectInstallLink as Lp,getCosmosExperimentalChainInfo as Pp,isEvmAddress as Dp,KEPLR_COMPATIBLE_WALLETS as Zg,Networks as xi}from"@rango-dev/wallets-shared";import On from"bignumber.js";import{isCosmosBlockchain as _p}from"rango-types";import Np from"bignumber.js";var Me=new Np(0);import{WalletTypes as Ip}from"@rango-dev/wallets-shared";var vi=[Ip.LEAP];import{BigNumber as bi}from"bignumber.js";var At=s(t=>{let e=(t%60).toString().padStart(2,"0");return`${parseInt((t/60).toString()).toString().padStart(2,"0")}:${e}`},"secondsToString"),T=s((t,e=null,o=null)=>{if(t==null||t==="")return"";let n=new bi(t),r=1,i=1e3;for(let a=0;a<60;a++)if(new bi(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 Et=s(t=>t?.reduce((e,o)=>e+(o.estimatedTimeInSeconds??0),0)||0,"totalArrivalTime");var Ve=s((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),Gt=s(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function ko(t,e=4){let o=parseFloat(t);if(isNaN(o))return t;let n=Math.pow(10,e);return(Math.round(o*n)/n).toString()}s(ko,"limitDecimalPlaces");function Fp(t){switch(!0){case t.connected:return Re.CONNECTED;case t.connecting:return Re.CONNECTING;case!t.installed:return Re.NOT_INSTALLED;default:return Re.DISCONNECTED}}s(Fp,"mapStatusToWalletState");function Ai(t,e,o,n){return o.filter(r=>!vi.includes(r)).filter(r=>{let{supportedChains:i,hideWhenNotInstalled:a}=e(r);return a&&!t(r).installed?!1:n?!!i.find(p=>p.name===n):!0}).map(r=>{let{name:i,img:a,installLink:p}=e(r),l=Fp(t(r));return{title:i,image:a,link:Lp(p),state:l,type:r}})}s(Ai,"mapWalletTypesToWalletInfo");function To(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}s(To,"walletAndSupportedChainsNames");function Ei(t,e,o,n){let r=[];function i(p,l){if(!!!r.find(c=>c.chain===p)){let c={address:l,chain:p,walletType:t};r.push(c)}}s(i,"addAccount");let a=n||[];return e.forEach(p=>{let{address:l,network:u}=Mp(p),c=a.length>0,d=a.includes(u),m=u===xi.Unknown;if(c&&!d&&!m)return;let C=u===xi.Unknown&&Dp(l);if(m&&!C)return;o.includes(u)||C?a.filter(k=>o.includes(k)).forEach(k=>{i(k,l.toLowerCase())}):i(u,l)}),r}s(Ei,"prepareAccountsForWalletStore");function Bi(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain;e.includes(n)||e.push(n),e.includes(r)||e.push(r),o.internalSwaps&&Array.isArray(o.internalSwaps)&&o.internalSwaps.forEach(i=>{let a=i.from.blockchain,p=i.to.blockchain;e.includes(a)||e.push(a),e.includes(p)||e.push(p)})}),e}s(Bi,"getRequiredChains");function Bt(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(Bt,"getBalanceFromWallet");function wo(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}s(wo,"isAccountAndWalletMatched");function Wi(t,e){let{blockChain:o,balances:n=[]}=t;return n?.map(r=>({chain:o,symbol:r.asset.symbol,ticker:r.asset.symbol,address:r.asset.address||null,rawAmount:r.amount.amount,decimal:r.amount.decimals,amount:new On(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:vo(o,r.asset.symbol,r.asset.address,e)||null}))||[]}s(Wi,"makeBalanceFor");function Ni(t){return{...t,loading:!1,error:!0}}s(Ni,"resetConnectedWalletState");var vo=s((t,e,o,n)=>n?.find(i=>i.blockchain===t&&i.symbol?.toUpperCase()===e?.toUpperCase()&&i.address===o)?.usdPrice||null,"getUsdPrice"),bo=s((t,e)=>{let o=Pp(Object.entries(t).map(([,n])=>n).filter(_p));return o&&o[e]?.experimental},"isExperimentalChain");function Op(t,e){return t.map(({balance:o,...n})=>{let r=T(new On(Bt(e,n.blockchain,n.symbol,n.address)?.amount||Me)),i="";return n.usdPrice&&(i=T(new On(Bt(e,n.blockchain,n.symbol,n.address)?.amount||Me).multipliedBy(n.usdPrice))),{...n,...r!=="0"&&{balance:{amount:r,usdValue:i}}}})}s(Op,"getTokensWithBalance");function Ii(t,e){let o=e.length>0?Op(t,e):t;return o.sort((n,r)=>n.balance?.usdValue&&r.balance?.usdValue?parseFloat(r.balance.usdValue)-parseFloat(n.balance.usdValue):!n.balance?.usdValue&&r.balance?.usdValue?1:n.balance?.usdValue&&!r.balance?.usdValue?-1:!n.balance?.usdValue&&!r.balance?.usdValue?parseFloat(r.balance?.amount||"0")-parseFloat(n.balance?.amount||"0"):0),o}s(Ii,"getTokensBalanceFromWalletAndSort");function Xe(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}s(Xe,"tokensAreEqual");function Mi(t){return t.sort((e,o)=>+(o.state===Re.CONNECTED)-+(e.state===Re.CONNECTED)||+(o.state===Re.DISCONNECTED||o.state===Re.CONNECTING)-+(e.state===Re.DISCONNECTED||e.state===Re.CONNECTING))}s(Mi,"sortWalletsBasedOnConnectionState");function xo(t,e=8,o=3){if(t.length<2*e+o)return t;let n=t.slice(0,e),r=t.slice(-e);return`${n}${".".repeat(o)}${r}`}s(xo,"getConciseAddress");function Li({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}s(Li,"getAddress");import{create as Hp}from"zustand";import{create as zp}from"zustand";var $p=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"),we=$p;var Up={apiKey:""},Pi=s((t,e)=>({config:Up,updateConfig:o=>{let n=e().config;t({config:{...n,...o}})}}),"createConfigSlice");function Wt(t){return Array.from(new Set(t))}s(Wt,"removeDuplicateFrom");function $n(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}s($n,"areEqual");function Di(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}s(Di,"debounce");function gt(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}s(gt,"containsText");var ae=s(()=>document.getElementById("swap-box"),"getContainer");var _i=s((t,e)=>({_blockchains:[],_tokens:[],_popularTokens:[],_swappers:[],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(p=>!(i.length>0&&!i.includes(p.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(l=>i.length>0&&!i.some(u=>Xe(u,l))||o.blockchain&&l.blockchain!==o.blockchain||!a.some(u=>u.name===l.blockchain)?!1:o.searchFor?!!(gt(l.symbol,o.searchFor)||gt(l.address||"",o.searchFor)||gt(l.name||"",o.searchFor)):!0).sort((l,u)=>e().isTokenPinned(l)?-1:e().isTokenPinned(u)||l.isSecondaryCoin?1:u.isSecondaryCoin||!l.address&&u.address?-1:l.address&&!u.address?1:0)},isTokenPinned:o=>!!e().config.pinnedTokens?.some(r=>Xe(r,o)),fetch:async()=>{let o=await xt().getAllMetadata(),n=[],r=[],i=o.popularTokens,a=o.swappers,p=new Set;o.tokens.forEach(l=>{p.add(l.blockchain),r.push(l)}),o.blockchains.forEach(l=>{l.enabled&&p.has(l.name)&&n.push(l)}),n.sort((l,u)=>l.sort-u.sort),t({_blockchains:n,_tokens:r,_popularTokens:i,_swappers:a})}}),"createDataSlice");var qp=zp()((...t)=>({..._i(...t),...Pi(...t)})),Le=we(qp);var v=we(Hp()(t=>({meta:{blockchains:[],popularTokens:[],swappers:[],tokens:[]},loadingStatus:"loading",fetchMeta:async()=>{try{await Le.getState().fetch();let e=Le.getState(),o={blockchains:e.blockchains(),tokens:e.tokens(),popularTokens:e._popularTokens,swappers:e._swappers};t({meta:o,loadingStatus:"success"})}catch{t({loadingStatus:"failed"})}}})));var G=we(Gp()(Vp((t,e)=>({connectedWallets:[],customDestination:"",loading:!1,connectWallet:o=>{let n=e().getWalletsDetails;t(r=>({loading:!0,connectedWallets:r.connectedWallets.filter(i=>i.walletType!==o[0].walletType).concat(o.map(i=>{let a=!r.connectedWallets.find(p=>p.chain===i.chain&&p.selected);return{balances:[],address:i.address,chain:i.chain,explorerUrl:null,walletType:i.walletType,selected:a,loading:!0,error:!1}}))})),n(o)},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(p=>p.chain===r.chain&&p.walletType!==r.walletType&&r.selected),a=!!o.find(p=>p.chain===r.chain&&p.walletType===r.walletType&&!r.selected);return i?{...r,selected:!1}:a?{...r,selected:!0}:r})})),clearConnectedWallet:()=>t(()=>({connectedWallets:[],selectedWallets:[]})),getWalletsDetails:async(o,n=!0)=>{let r=e().getWalletsDetails,{tokens:i}=v.getState().meta;t(a=>({loading:!0,connectedWallets:a.connectedWallets.map(p=>o.find(l=>wo(l,p))?{...p,loading:!0}:p)}));try{let a=o.map(({address:u,chain:c})=>({address:u,blockchain:c})),l=(await xt().getWalletsDetails(a)).wallets;if(l)t(u=>({loading:!1,connectedWallets:u.connectedWallets.map(c=>{let d=o.find(h=>wo(h,c)),m=l.find(h=>h.address===c.address&&h.blockChain===c.chain);return m?.failed&&d&&n&&r([d],!1),d&&m?{...c,explorerUrl:m.explorerUrl,balances:Wi(m,i)}:c})}));else throw new Error("Wallet not found")}catch{t(p=>({loading:!1,connectedWallets:p.connectedWallets.map(l=>o.find(u=>wo(u,l))?Ni(l):l)}))}}}))));import{allProviders as Rp}from"@rango-dev/provider-all";function Ao(t,e){let o=Rp({walletconnect2:{WC_PROJECT_ID:e?.walletConnectProjectId||""}});if(t){let n=[];return t.forEach(r=>{if(typeof r=="string"){let 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(Ao,"matchAndGenerateProviders");function Fi(t,e){return Ao(t,e).map(r=>r.config.type)}s(Fi,"configWalletsToWalletName");function Oi(t,e){let o=G.use.clearConnectedWallet(),n=Ao(void 0,e);return Xp(()=>{o(),n=Ao(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}s(Oi,"useWalletProviders");var zn=Yp({onConnectWallet:()=>{}});function qn(t){let{blockchains:e}=v.use.meta(),{providers:o}=Oi(t.providers,t?.options),n=G.use.disconnectWallet(),r=G.use.connectWallet(),i=Qp(),a=e.filter(jp).map(l=>l.name),p=s((l,u,c,d,m)=>{if(u===Un.ACCOUNTS)if(c){let h=To(m),C=Ei(l,c,a,h);r(C)}else n(l);if(u===Un.ACCOUNTS&&d.connected){let h=`${l}-${d.network}-${c}`;d.connected&&(i.current?i.current(h):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(u===Un.NETWORK&&d.network){let h=`${l}-${d.network}`;i.current?i.current(h):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(l,u,c,d,m)},"onUpdateState");return $i.createElement(zn.Provider,{value:{onConnectWallet:l=>{i.current=l}}},$i.createElement(Kp,{allBlockChains:e,providers:o,onUpdateState:p,autoConnect:!0},t.children))}s(qn,"WidgetWallets");import{I18nManager as Eg,styled as Bg}from"@rango-dev/ui";import lt,{useContext as Wg,useEffect as Ap,useMemo as Ng,useState as bp}from"react";import{useQueueManager as Ac}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Ec}from"@rango-dev/wallets-react";import{isEvmBlockchain as Bc}from"rango-types";import yt,{useEffect as Wc,useRef as Nc}from"react";import{MemoryRouter as Ic,useInRouterContext as Mc}from"react-router";import{useLocation as Lc,useNavigate as Pc}from"react-router-dom";var g={home:"/",fromSwap:"from-swap",fromBlockchain:"/from-swap/blockchains",toBlockchain:"/to-swap/blockchains",toSwap:"to-swap",settings:"settings",liquiditySources:"/settings/liquidity-sources",themes:"/settings/themes",bridges:"/settings/bridges",exchanges:"/settings/exchanges",languages:"/settings/languages",swaps:"swaps",wallets:"wallets",confirmSwap:"confirm-swap",swapDetails:"swaps/:requestId"};import{i18n as Yo}from"@lingui/core";import{Alert as pc,BestRoute as uc,BestRouteSkeleton as cc,Button as mc,Divider as lr,styled as Lt,SwapInput as Vs,Typography as pr,WarningIcon as dc}from"@rango-dev/ui";import j,{useEffect as fc,useRef as gc,useState as hc}from"react";import{useNavigate as yc}from"react-router-dom";import{ChevronLeftIcon as eu}from"@rango-dev/ui";import qi from"react";import{darkTheme as Zp,IconButton as Jp,styled as Eo}from"@rango-dev/ui";var Fe=Eo(Jp,{width:"$24",position:"relative",padding:"0",overflow:"unset"}),Ui=Eo("div",{position:"absolute",background:"$secondary500",[`.${Zp} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),Nt=Eo("div",{display:"flex",justifyContent:"flex-end",width:"$40"}),zi=Eo("div",{position:"absolute",backgroundColor:"$secondary500",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0"});function Hn(t){return qi.createElement(Fe,{variant:"ghost",size:"small",onClick:t.onClick},qi.createElement(eu,{color:"black",size:16}))}s(Hn,"BackButton");import{i18n as tu}from"@lingui/core";import{Button as ou,Typography as nu}from"@rango-dev/ui";import Gn from"react";function Vn(t){return Gn.createElement(Nt,null,Gn.createElement(ou,{variant:"ghost",onClick:t.onClick,size:"xsmall"},Gn.createElement(nu,{variant:"label",size:"medium",color:"error500"},tu.t("Cancel"))))}s(Vn,"CancelButton");import{i18n as ru}from"@lingui/core";import{Tooltip as iu,WalletIcon as su}from"@rango-dev/ui";import Bo from"react";function Rn(t){return Bo.createElement(iu,{container:t.container,side:"top",content:ru.t("Connect Wallet")},Bo.createElement(Fe,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&Bo.createElement(Ui,null),Bo.createElement(su,{size:18,color:"black"})))}s(Rn,"WalletButton");import{i18n as Io}from"@lingui/core";import{NotificationsIcon as wu,Popover as vu,RefreshIcon as bu,SettingsIcon as xu,Tooltip as Mo,TransactionIcon as Au}from"@rango-dev/ui";import de from"react";import{i18n as gu}from"@lingui/core";import{ChainToken as Ki,ChevronRightIcon as hu,ListItemButton as yu,Typography as Su}from"@rango-dev/ui";import Oe from"react";import{useNavigate as Cu}from"react-router-dom";import{create as au}from"zustand";import{persist as lu,subscribeWithSelector as pu}from"zustand/middleware";var Pe=we(au()(lu(pu((t,e)=>({notifications:[],setNotification:(o,n)=>{let r=n.steps[0],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}}},p=e().notifications.filter(l=>l.requestId!==n.requestId);t(()=>({notifications:[...p,a]}))},setAsRead:o=>{t(n=>({notifications:n.notifications.map(r=>r.requestId===o?{...r,read:!0}:r)}))},getUnreadNotifications:()=>e().notifications.filter(o=>!o.read)})),{name:"notification",skipHydration:!0})));import{create as uu}from"zustand";var ve=we(uu()(t=>({connectWalletsButtonDisabled:!1,selectedSwapRequestId:null,currentPage:"",setSelectedSwap:e=>t({selectedSwapRequestId:e}),setCurrentPage:e=>t({currentPage:e})})));import{styled as Wo}from"@rango-dev/ui";var Hi=Wo("div",{padding:"$10",width:"350px",minHeight:"150px"}),Gi=Wo("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),Vi=Wo("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),Ri=Wo("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as cu}from"@lingui/core";import{Divider as mu,NoNotificationIcon as du,Typography as fu}from"@rango-dev/ui";import No from"react";function Xi(){return No.createElement(Ri,null,No.createElement(du,{color:"secondary",size:26}),No.createElement(mu,{size:12}),No.createElement(fu,{variant:"body",size:"medium",color:"neutral700"},cu.t("You have no notification")))}s(Xi,"NotificationNotFound");var ku=4;function Xn(){let t=Cu(),e=ve.use.setSelectedSwap(),{getUnreadNotifications:o}=Pe(),n=o(),{tokens:r,blockchains:i}=v.use.meta(),a=n.sort((l,u)=>u.creationTime-l.creationTime).slice(0,ku),p=s(l=>{e(l),t(`/swaps/${l}`)},"handleOnClick");return Oe.createElement(Hi,null,a.length?Oe.createElement(Gi,null,a.map(l=>{let u=r.find(h=>h.address===l.route.from.tokenAddress&&h.blockchain===l.route.from.blockchain&&h.symbol===l.route.from.tokenSymbol),c=i.find(h=>h.name===l.route.from.blockchain),d=r.find(h=>h.address===l.route.to.tokenAddress&&h.blockchain===l.route.to.blockchain&&h.symbol===l.route.to.tokenSymbol),m=i.find(h=>h.name===l.route.to.blockchain);return Oe.createElement(yu,{key:l.requestId,onClick:()=>p(l.requestId),title:Oe.createElement(Su,{variant:"body",size:"small",color:"$neutral700"},gu.t(l.event.message)),id:l.requestId,start:Oe.createElement(Vi,null,Oe.createElement("div",{className:"from-chain-token"},Oe.createElement(Ki,{tokenImage:u?u.image:"",chainImage:c?c.logo:"",size:"small"})),Oe.createElement("div",{className:"to-chain-token"},Oe.createElement(Ki,{tokenImage:d?d.image:"",chainImage:m?m.logo:"",size:"small"}))),end:Oe.createElement(hu,{size:12,color:"gray"})})})):Oe.createElement(Xi,null))}s(Xn,"NotificationContent");import{Typography as Tu}from"@rango-dev/ui";import ji from"react";function Yi(){let{getUnreadNotifications:t}=Pe(),e=t().length;return e?ji.createElement(zi,null,ji.createElement(Tu,{variant:"body",size:"xsmall",color:"$background"},e)):null}s(Yi,"UnreadNotificationsBadge");function Kn(t){let{layoutRef:e,onClickRefresh:o,onClickHistory:n,onClickSettings:r,onClickNotifications:i}=t;return de.createElement(de.Fragment,null,de.createElement(Mo,{container:ae(),side:"top",content:Io.t("Refresh")},de.createElement(Fe,{variant:"ghost",size:"small",onClick:o,disabled:!o},de.createElement(bu,{size:16,color:o?"black":"gray"}))),de.createElement(Mo,{container:ae(),side:"top",content:Io.t("Notifications")},de.createElement(vu,{align:"center",collisionBoundary:e,collisionPadding:{right:20,left:20},container:ae(),content:de.createElement(Xn,null)},de.createElement(Fe,{size:"small",variant:"ghost",onClick:i},de.createElement(wu,{size:18,color:"black"}),de.createElement(Yi,null)))),de.createElement(Mo,{container:ae(),side:"top",content:Io.t("Settings")},de.createElement(Fe,{size:"small",variant:"ghost",onClick:r},de.createElement(xu,{size:18,color:"black"}))),de.createElement(Mo,{container:ae(),side:"top",content:Io.t("Transactions History")},de.createElement(Fe,{size:"small",variant:"ghost",onClick:n},de.createElement(Au,{size:18,color:"black"}))))}s(Kn,"HomeButtons");import{BottomLogo as Bu,Divider as Wu,Header as Nu}from"@rango-dev/ui";import ge from"react";import{useNavigate as Iu}from"react-router-dom";import{darkTheme as Eu,styled as jn}from"@rango-dev/ui";var Qi=jn("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",[`.${Eu} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",variants:{fixedHeight:{true:{height:"95vh"},false:{height:"auto"}}}}),Zi=jn("div",{borderTopLeftRadius:"20px",borderTopRightRadius:"20px",display:"flex",flexDirection:"column",flex:1,padding:"$20 $20 $10 $20",backgroundColor:"$background",position:"relative",overflowY:"auto",overflowX:"hidden",variants:{noPadding:{true:{padding:"0"}}}}),Ji=jn("div",{backgroundColor:"$background","& .footer__content":{padding:"$0 $20"},"& .footer__logo":{padding:"$0 $20 $10 $20"}});function Mu(t,e){let{children:o,header:n,footer:r,noPadding:i,hasLogo:a=!0,fixedHeight:p=!0}=t,l=G.use.connectedWallets(),u=ve.use.connectWalletsButtonDisabled(),c=Iu(),d=s(()=>{u||c("/"+g.wallets)},"onConnectWallet");return ge.createElement(Qi,{ref:e,fixedHeight:p,id:"swap-box"},ge.createElement(Nu,{prefix:ge.createElement(ge.Fragment,null,n.onBack&&ge.createElement(Hn,{onClick:n.onBack})),title:n.title,suffix:ge.createElement(ge.Fragment,null,n.suffix,n.hasConnectWallet&&ge.createElement(Rn,{container:ae(),onClick:d,isConnected:!!l?.length}),n.onCancel&&ge.createElement(Vn,{onClick:n.onCancel}))}),ge.createElement(Zi,{noPadding:i},o),(a||r)&&ge.createElement(Ji,null,ge.createElement("div",{className:"footer__content"},r),a&&ge.createElement("div",{className:"footer__logo"},ge.createElement(Wu,{size:12}),ge.createElement(Bu,null))))}s(Mu,"LayoutComponent");var Q=ge.forwardRef(Mu);Q.displayName="Layout";import{Alert as _u,Button as Fu,Divider as cs,NoRouteIcon as Ou,RefreshIcon as $u,Typography as ms}from"@rango-dev/ui";import $e from"react";import{i18n as Se}from"@lingui/core";var Vt=(r=>(r[r.ROUTE_UPDATED=0]="ROUTE_UPDATED",r[r.ROUTE_SWAPPERS_UPDATED=1]="ROUTE_SWAPPERS_UPDATED",r[r.ROUTE_COINS_UPDATED=2]="ROUTE_COINS_UPDATED",r[r.ROUTE_AND_OUTPUT_AMOUNT_UPDATED=3]="ROUTE_AND_OUTPUT_AMOUNT_UPDATED",r))(Vt||{});var z={genericServerError:Se.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:Se.t("Please reset your liquidity sources."),description:Se.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources")},noRoutesError:{title:Se.t("No Routes Found"),description:"Reasons why Rango couldn't find a route: low liquidity on token, very low input amount or no routes available for the selected input/output token combination."},bridgeLimitErrors:{increaseAmount:Se.t("Bridge Limit Error: Please increase your amount"),decreaseAmount:Se.t("Bridge Limit Error: Please decrease your amount")},highValueLossError:{impactTitle:Se.t("High Price Impact"),title:Se.t("Price impact is too high!"),description:Se.t("The price impact is significantly higher than the allowed amount. If you are sure, continue, otherwise, change the swap."),confirmMessage:Se.t("Confirm High price impact")},routeUpdatedWithHighValueLoss:{title:Se.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:Se.t("USD Price Unknown"),title:Se.t("USD Price Unknown, Cannot calculate Price Impact."),description:Se.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:Se.t("Confirm USD Price Unknown")}};function Lo(t){switch(t.type){case 0:return t.diagnosisMessage??z.noRoutesError.title;case 2:return z.genericServerError;case 1:return z.routeUpdatedWithHighValueLoss.title;default:return""}}s(Lo,"getConfirmSwapErrorMessage");import{create as Lu}from"zustand";import{persist as Pu,subscribeWithSelector as Du}from"zustand/middleware";var ts=[.5,1,3],os=1,ns=5,rs=100,is=0;var $=we(Lu()(Pu(Du(t=>({slippage:os,customSlippage:null,infiniteApprove:!1,affiliateRef:null,affiliatePercent:null,affiliateWallets:null,disabledLiquiditySources:[],theme:"auto",setSlippage:e=>t(()=>({slippage:e})),setCustomSlippage:e=>t(()=>({customSlippage:e})),setAffiliateRef:e=>t(()=>({affiliateRef:e})),setAffiliatePercent:e=>t(()=>({affiliatePercent:e})),setAffiliateWallets:e=>t(()=>({affiliateWallets:e})),toggleAllLiquiditySources:e=>t(o=>{if(e)return{disabledLiquiditySources:[]};let{swappers:n}=v.getState().meta,r=Wt(n.map(i=>i.swapperGroup));return r.length===o.disabledLiquiditySources.length?{disabledLiquiditySources:[]}:{disabledLiquiditySources:r}}),toggleInfiniteApprove:()=>t(e=>({infiniteApprove:!e.infiniteApprove})),toggleLiquiditySource:e=>t(o=>o.disabledLiquiditySources.includes(e)?{disabledLiquiditySources:o.disabledLiquiditySources.filter(n=>n!=e)}:{disabledLiquiditySources:o.disabledLiquiditySources.concat(e)}),setTheme:e=>t(()=>({theme:e}))})),{name:"user-settings",skipHydration:!0})));import{i18n as ss}from"@lingui/core";function as(t,e,o,n,r){return o?{alert:{type:"warning",text:z.genericServerError,action:{onClick:r,title:ss.t("Retry")}},description:""}:t?{alert:{type:"error",text:t,action:null},description:""}:e.length?{alert:{type:"warning",text:z.liquiditySourcesError.title,action:{onClick:()=>n(!0),title:ss.t("Reset")}},description:z.liquiditySourcesError.description}:{alert:null,description:z.noRoutesError.description}}s(as,"makeInfo");import{styled as Yn}from"@rango-dev/ui";var ls=Yn("div",{display:"flex",flexDirection:"column",alignItems:"center"}),ps=Yn("div",{width:"100%"}),us=Yn("div",{padding:"$6 $0"});function Rt(t){let{diagnosisMessage:e,fetch:o,error:n}=t,r=$.use.disabledLiquiditySources(),i=v.use.loadingStatus(),a=$.use.toggleAllLiquiditySources(),l=as(e??null,r,n||i==="failed",a,o);return $e.createElement(ls,null,$e.createElement(Ou,{size:24,color:"gray"}),$e.createElement(cs,{size:4}),$e.createElement(ms,{variant:"title",size:"small"},z.noRoutesError.title),!!l.description&&$e.createElement(ms,{variant:"body",size:"small",align:"center",color:"neutral700"},l.description),$e.createElement(cs,{size:4}),!!l.alert&&$e.createElement(ps,null,$e.createElement(_u,{type:l.alert.type,title:l.alert.text,action:l.alert.action&&$e.createElement(Fu,{size:"xsmall",type:l.alert.type,prefix:$e.createElement(us,null,$e.createElement($u,{size:8})),onClick:l.alert.action.onClick},l.alert.action.title),variant:"alarm"})))}s(Rt,"NoRoutes");import{Alert as $s,Divider as Ju,InfoIcon as ec}from"@rango-dev/ui";import qe from"react";import ct from"bignumber.js";import{create as Ru}from"zustand";import{subscribeWithSelector as Xu}from"zustand/middleware";import{getLastSuccessfulStep as zu}from"@rango-dev/queue-manager-rango-preset";import fC from"bignumber.js";function ds(t,e){return e.find(o=>o.name===t)?.displayName}s(ds,"getBlockchainDisplayNameFor");function Je(t,e){return e.find(o=>o.name===t)?.shortName}s(Je,"getBlockchainShortNameFor");function Qn(t,e){return e.find(o=>Xe(o,t))??null}s(Qn,"findToken");function Zn(t,e){return e.find(o=>o.name===t)??null}s(Zn,"findBlockchain");function Jn(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(Jn,"searchParamsToToken");function fs(t){return t?.result?.swaps[t?.result?.swaps.length-1].to.usdPrice}s(fs,"getBestRouteToTokenUsdPrice");function er(t,e){let o=t.result?.swaps||[],n=e.result?.swaps||[];return o.length!==n.length}s(er,"isNumberOfSwapsChanged");function tr(t,e){let o=t.result?.swaps.map(r=>r.swapperId)||[],n=e.result?.swaps.map(r=>r.swapperId)||[];return!$n(o,n)}s(tr,"isRouteSwappersUpdated");function or(t,e){let o=t.result?.swaps.map(r=>r.to.symbol)||[],n=e.result?.swaps.map(r=>r.to.symbol)||[];return!$n(o,n)}s(or,"isRouteInternalCoinsUpdated");function gs(t,e){return er(t,e)||tr(t,e)||or(t,e)}s(gs,"isRouteChanged");function hs(t,e){if(e===null)return null;let o=e?.find(n=>n.blockchain===t.chain)?.wallets.find(n=>n.address?.toLowerCase()===t.address.toLowerCase());return o?o.requiredAssets:null}s(hs,"getRequiredBalanceOfWallet");function ys(t){if(!t)return null;let e=(t.result?.swaps||[]).map(o=>({...o,fromAmount:T(o.fromAmount,6,6),toAmount:T(o.toAmount,6,6)}));return{...t,...t.result&&{result:{...t.result,swaps:e}}}}s(ys,"getFormattedBestRoute");function It(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}s(It,"getPriceImpactLevel");function Ss(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],i=zu(t.steps),a={blockchain:r.toBlockchain,symbol:r.toSymbol,address:r.toSymbolAddress},p=Zn(i?i.toBlockchain:n.fromBlockchain,e),l=Zn(r.toBlockchain,e),u=Qn(i?{blockchain:p?.name??"",symbol:i.toSymbol,address:i.toSymbolAddress}:{blockchain:p?.name??"",symbol:n.fromSymbol,address:n.fromSymbolAddress},o),c=Qn(a,o),d=i?i.outputAmount??"":t.inputAmount;return{fromBlockchain:p,fromToken:u,toBlockchain:l,toToken:c,inputAmount:d}}s(Ss,"createRetryRoute");import{i18n as Ue}from"@lingui/core";import{PendingSwapNetworkStatus as Oo}from"@rango-dev/queue-manager-rango-preset";import be from"bignumber.js";function Cs(t,e){return t.result?.swaps.map(o=>({swapper:{displayName:o.swapperId,image:o.swapperLogo},from:{token:{displayName:o.from.symbol,image:o.from.logo},chain:{displayName:Je(o.from.blockchain,e)??"",image:o.from.blockchainLogo},price:{value:T(o.fromAmount,6,6),usdValue:T(o.from.usdPrice?.toString(),4,4)}},to:{token:{displayName:o.to.symbol,image:o.to.logo},chain:{displayName:Je(o.to.blockchain,e)??"",image:o.to.blockchainLogo},price:{value:T(o.toAmount,6,6),usdValue:T(o.to.usdPrice?.toString(),4,4)}}}))}s(Cs,"formatBestRoute");function Do(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(Do,"getRequiredWallets");function _o(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}s(_o,"isValidAddress");import{i18n as Fo}from"@lingui/core";var ht={connectWallet:Fo.t("Connect Wallet"),swap:Fo.t("Swap"),swapAnyway:Fo.t("Swap anyway"),ethRouteWarning:Fo.t("The route goes through Ethereum. Continue?")};function zo(t,e){return!t||!e||t.lte(Me)||e.lte(Me)?0:e.div(t).minus(1).multipliedBy(100)}s(zo,"getOutputRatio");function qo(t,e){return(parseInt(e.toFixed(2)||"0")<=-10&&t?.gte(new be(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new be(1e3)))??!1}s(qo,"outputRatioHasWarning");function Ho(t){return(t?.result?.swaps||[]).filter(e=>{let o=e.fromAmountMinValue?new be(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new be(e.fromAmountMaxValue):null;return e.fromAmountRestrictionType==="EXCLUSIVE"?o?.gte(e.fromAmount)||n?.lte(e.fromAmount):o?.gt(e.fromAmount)||n?.lt(e.fromAmount)}).length>0}s(Ho,"hasLimitError");function Go(t){if(!t)return{swap:null,fromAmountRangeError:"",recommendation:""};let e=(t?.result?.swaps||[]).filter(p=>{let l=p.fromAmountMinValue?new be(p.fromAmountMinValue):null,u=p.fromAmountMaxValue?new be(p.fromAmountMaxValue):null;return p.fromAmountRestrictionType==="EXCLUSIVE"?l?.gte(p.fromAmount)||u?.lte(p.fromAmount):l?.gt(p.fromAmount)||u?.lt(p.fromAmount)})[0];if(!e)return{swap:null,fromAmountRangeError:"",recommendation:""};let o=e.fromAmountMinValue?new be(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new be(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",i="",a="";return!r&&o&&o.gt(e.fromAmount)?(i=Ue.t({id:"requiredEqualMin",message:"Required: >= {min} {symbol}",values:{min:T(o,6,6),symbol:e.from.symbol}}),a=z.bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(i=Ue.t({id:"requiredMin",message:"Required: > {min} {symbol}",values:{min:T(o,6,6),symbol:e.from.symbol}}),a=z.bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(i=Ue.t({id:"requiredEqualMax",message:"Required: <= {max} {symbol}",values:{max:T(n,6,6),symbol:e.from.symbol}}),a=z.bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(i=Ue.t({id:"requiredMax",message:"Required: < {max} {symbol}",values:{max:T(n,6,6),symbol:e.from.symbol}}),a=z.bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:i,recommendation:a}}s(Go,"LimitErrorMessage");function ks(t,e,o,n,r,i,a,p,l){return t!=="success"?{title:ht.connectWallet,state:"waitForConnecting",disabled:!0}:e.length==0?{title:ht.connectWallet,state:"waitForConnecting",disabled:!1}:o||!n||!n.result||r||!l||l==="0"?{title:ht.swap,disabled:!0,state:"swap"}:i||a?{title:ht.swapAnyway,disabled:!1,hasWarning:!0,state:"needToConfirm"}:p?{title:ht.ethRouteWarning,disabled:!1,hasWarning:!0,state:"warning"}:{title:ht.swap,disabled:!1,state:"swap"}}s(ks,"getSwapButtonState");function nr(t,e,o){return!((!o||o.lte(Me))&&t?.result&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t.result)}s(nr,"canComputePriceImpact");function Hu(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(Hu,"requiredWallets");var Gu=s((t,e,o,n)=>n?.find(i=>i.blockchain===t&&i.symbol?.toUpperCase()===e?.toUpperCase()&&i.address===o)?.usdPrice||null,"getUsdPrice");function Vu(t,e){let o=Me;for(let n=0;n<t.fee.length;n++){let r=t.fee[n];if(r.expenseType==="DECREASE_FROM_OUTPUT")continue;let i=Gu(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new be(r.amount).multipliedBy(i||0))}return o}s(Vu,"getUsdFeeOfStep");function Vo(t,e){return t?.result?.swaps.reduce((o,n)=>o.plus(Vu(n,e)),Me)||null}s(Vo,"getTotalFeeInUsd");function Ts(t){return t.result?.swaps.map(o=>o.recommendedSlippage)?.map(o=>o?.slippage||"0")?.filter(o=>parseFloat(o)>0)?.sort((o,n)=>parseFloat(n)-parseFloat(o))?.find(()=>!0)||null}s(Ts,"getMinRequiredSlippage");function ws(t,e){return e?parseFloat(t)>=parseFloat(e):!0}s(ws,"hasProperSlippage");function Ro(t){let{fromToken:e,toToken:o,inputAmount:n,wallets:r,selectedWallets:i,disabledLiquiditySources:a,slippage:p,affiliateRef:l,affiliatePercent:u,affiliateWallets:c,initialRoute:d,destination:m}=t,h=i?.reduce((f,w)=>(f[w.chain]=w.address,f),{}),C=[];r?.forEach(f=>{let w=C.find(b=>b.blockchain===f.chain);w?w.addresses.push(f.address):C.push({blockchain:f.chain,addresses:[f.address]})});let y=!!d,S=Wt((d?.result?.swaps||[]).reduce((f,w)=>(f.push(w.from.blockchain,w.to.blockchain),w.internalSwaps&&Array.isArray(w.internalSwaps)&&w.internalSwaps.map(b=>{f.push(b.from.blockchain,b.to.blockchain)}),f),[]));return{amount:n.toString(),affiliateRef:l??void 0,affiliatePercent:u??void 0,affiliateWallets:c??void 0,checkPrerequisites:y,from:{address:e.address,blockchain:e.blockchain,symbol:e.symbol},to:{address:o.address,blockchain:o.blockchain,symbol:o.symbol},connectedWallets:C,selectedWallets:h??{},slippage:p.toString(),...m&&{destination:m},...a.length>0&&{swapperGroups:a,swappersGroupsExclude:!0},...y&&{blockchains:S}}}s(Ro,"createBestRouteRequestBody");function vs(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}s(vs,"getWalletsForNewSwap");function Mt(t){return t?.result?.outputAmount||null}s(Mt,"getRouteOutputAmount");function et(t,e){return!t||!e?null:new be(e).div(new be(t)).minus(1).multipliedBy(100)}s(et,"getPercentageChange");function bs(t,e){let o=Mt(t),n=Mt(e);if(!o||!n)return!1;let r=et(o,n);return r?r.toNumber()<=-1:!0}s(bs,"isOutputAmountChangedALot");function xs(t,e){let o=t.validationStatus,n=Bi(t);return e.sort((i,a)=>n.indexOf(i.chain)-n.indexOf(a.chain)).flatMap(i=>hs(i,o)||[]).filter(i=>!i.ok).map(i=>{let a=i.asset.symbol,p=T(new be(i.currentAmount.amount).shiftedBy(-i.currentAmount.decimals),8,8),l=T(new be(i.requiredAmount.amount).shiftedBy(-i.requiredAmount.decimals),8,8),u="";return i.reason==="FEE"&&(u=Ue.t(" for network fee")),i.reason==="INPUT_ASSET"&&(u=Ue.t(" for swap")),i.reason==="FEE_AND_INPUT_ASSET"&&(u=Ue.t(" for input and network fee")),Ue.t({id:"balanceWarningMessage",message:"Needs \u2248 {requiredAmount} {symbol}{reason}, but you have {currentAmount} {symbol} in your {blockchain} wallet.",values:{requiredAmount:l,symbol:a,reason:u,currentAmount:p,blockchain:i.asset.blockchain}})})}s(xs,"getBalanceWarnings");function As(t,e){return(t?new be(t):Me).multipliedBy(e||0)}s(As,"calcOutputUsdValue");function Xt(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==Oo.NetworkChanged}s(Xt,"isNetworkStatusInWarningState");function Es(t,e){let o="bellow button or",n=t.extraMessage,r=t.extraMessageDetail;if(t.networkStatusExtraMessageDetail?.includes(o)&&(t.networkStatusExtraMessageDetail=t.networkStatusExtraMessageDetail.replace(o,"")),Xt(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case Oo.WaitingForConnectingWallet:n=n||Ue.t("Waiting for connecting wallet");break;case Oo.WaitingForQueue:n=n||Ue.t("Waiting for other running tasks to be finished");break;case Oo.WaitingForNetworkChange:n=n||Ue.t("Waiting for changing wallet network");break;default:n=n||"";break}r=r||"",n=n||"";let a=n?.indexOf("code")!==-1&&n?.indexOf("reason")!==-1;return{shortMessage:n,detailedMessage:{content:r,long:a}}}s(Es,"getSwapMessages");function Bs(t){let e=null;if(t.status==="failed"){let o=t.steps.slice().reverse().filter(n=>n.status==="success")[0];o&&(e={blockchain:o.toBlockchain,symbol:o.toSymbol,outputAmount:o.outputAmount,address:o.toSymbolAddress})}return e}s(Bs,"getLastConvertedTokenInFailedSwap");function Ws(t){return t.status==="failed"&&!!t.finishTime&&new Date().getTime()-parseInt(t.finishTime)<4*3600*1e3}s(Ws,"shouldRetrySwap");function Ns(t,e,o,n,r,i){return t||!e&&!Hu(n).every(a=>r.map(p=>p.chain).includes(a))||!!e&&!o||!!e&&!!o&&i&&!_o(i,o)}s(Ns,"confirmSwapDisabled");var Xo=s((t,e)=>t?.usdPrice?new ct(e||Me).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),P=we(Ru()(Xu(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new ct(0),outputUsdValue:new ct(0),toBlockchain:null,toToken:null,bestRoute:null,routeWalletsConfirmed:!1,selectedWallets:[],customDestination:"",setRoute:e=>t(o=>{let n=null,r=Me;return Gt(o.inputAmount)?(e&&(n=e.result?.outputAmount?new ct(e.result?.outputAmount):null,r=As(e.result?.outputAmount,fs(e)||o.toToken?.usdPrice)),{bestRoute:e,...!!e&&{outputAmount:n,outputUsdValue:r}}):{}}),resetRoute:()=>t(()=>({bestRoute:null,outputAmount:null,outputUsdValue:new ct(0)})),setFromBlockchain:e=>{t(o=>o.fromBlockchain?.name===e?.name?{}:{fromBlockchain:e,...o.fromToken&&{bestRoute:null,fromToken:null,outputAmount:null,outputUsdValue:null}})},setFromToken:e=>{let{blockchains:o}=v.getState().meta;return t(n=>({fromToken:e,...e&&{fromBlockchain:o.find(r=>r.name===e.blockchain)??null},...!!n.inputAmount&&{inputUsdValue:Xo(e,n.inputAmount)}}))},setToBlockchain:e=>{t(o=>o.toBlockchain?.name===e?.name?{}:{toBlockchain:e,...o.toToken&&{bestRoute:null,toToken:null,outputAmount:null,outputUsdValue:null}})},setToToken:e=>{let{blockchains:o}=v.getState().meta;return t(()=>({toToken:e,...e&&{toBlockchain:o.find(n=>n.name===e.blockchain)??null}}))},setInputAmount:e=>{t(o=>({inputAmount:e,...!e&&{outputAmount:new ct(0),outputUsdValue:new ct(0),bestRoute:null},...!!o.fromToken&&{inputUsdValue:Xo(o.fromToken,e)}}))},retry:e=>{let{tokens:o,blockchains:n}=v.getState().meta,{fromBlockchain:r,fromToken:i,toBlockchain:a,toToken:p,inputAmount:l}=Ss(e,n,o);t({fromBlockchain:r,fromToken:i,inputAmount:l,outputAmount:null,inputUsdValue:Xo(i??null,l),outputUsdValue:new ct(0),toBlockchain:a,toToken:p,bestRoute:null})},switchFromAndTo:()=>t(e=>({fromBlockchain:e.toBlockchain,fromToken:e.toToken,toBlockchain:e.fromBlockchain,toToken:e.fromToken,inputAmount:e.outputAmount?.toString()||"",inputUsdValue:Xo(e.toToken,e.outputAmount?.toString()||"")})),resetFromBlockchain:()=>t(()=>({fromToken:null,fromBlockchain:null,outputAmount:null,outputUsdValue:null,bestRoute:null})),resetToBlockchain:()=>t(()=>({toToken:null,toBlockchain:null,outputAmount:null,outputUsdValue:null,bestRoute:null})),setRouteWalletConfirmed:e=>t({routeWalletsConfirmed:e}),setSelectedWallets:e=>t({selectedWallets:e}),setCustomDestination:e=>t({customDestination:e}),resetRouteWallets:()=>t({routeWalletsConfirmed:!1,selectedWallets:[],customDestination:""})}))));import{styled as Ko}from"@rango-dev/ui";var Is=Ko("div",{width:"100%",paddingTop:"$10"}),rr=Ko("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),Ms=Ko("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%"}),Ls=Ko("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});import{i18n as Kt}from"@lingui/core";import{Button as Ku,Divider as _s,MessageBox as Fs,Modal as ju,Typography as Yu,WarningIcon as Qu}from"@rango-dev/ui";import ze from"react";import{useNavigate as Zu}from"react-router-dom";import{Typography as Ps}from"@rango-dev/ui";import ir from"react";function Ds(t){let{title:e,value:o,valueColor:n}=t;return ir.createElement(Ms,null,ir.createElement(Ps,{size:"medium",variant:"label",color:"neutral600"},e),ir.createElement(Ps,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}s(Ds,"RouteErrorsModalItem");function Os(t){let{highValueLoss:e,open:o,onToggle:n,percentageChange:r,inputUsdValue:i,outputUsdValue:a,totalFeeInUsd:p}=t,l=Zu(),u=e&&r?.lt(-10)?"error":"warning",c=[{title:Kt.t("Swapping"),value:T(i,4,4)},{title:Kt.t("Gas cost"),value:T(p,2,2)},{title:Kt.t("Receiving"),value:T(a,4,4)},{title:Kt.t("Price impact"),value:T(r,2,2),valueColor:`${u}500`}];return ze.createElement(ju,{open:o,onClose:()=>n(!1),container:document.getElementById("swap-box")||document.body},e?ze.createElement(Fs,{type:u,title:z.highValueLossError.impactTitle,description:z.highValueLossError.description}):ze.createElement(Fs,{type:u,title:z.unknownPriceError.impactTitle,description:z.unknownPriceError.description}),e&&ze.createElement(rr,null,ze.createElement(_s,{size:20}),ze.createElement(Yu,{size:"small",variant:"title"},Kt.t("Details")),ze.createElement(rr,null,c.map((d,m)=>ze.createElement(Ds,{key:m,...d})))),ze.createElement(_s,{size:32}),ze.createElement(Ku,{type:"primary",size:"large",prefix:ze.createElement(Qu,null),fullWidth:!0,onClick:()=>{l(g.confirmSwap)}},e?z.highValueLossError.confirmMessage:z.unknownPriceError.confirmMessage))}s(Os,"RouteErrorsModal");var tc=-10;function sr(t){let{bestRoute:e}=P(),{highValueLoss:o,percentageChange:n,priceImpactCanNotBeComputed:r,openModal:i,onToggle:a,totalFeeInUsd:p,outputUsdValue:l,inputUsdValue:u,loading:c,extraSpace:d}=t,m=Ho(e),{recommendation:h}=Go(e),C=!m&&(o||r),y=C||m;return qe.createElement(qe.Fragment,null,(c||d&&!y)&&qe.createElement(Ju,{size:20}),y&&qe.createElement(Is,null,C&&qe.createElement(qe.Fragment,null,qe.createElement($s,{title:o?z.highValueLossError.title:z.unknownPriceError.title,type:o&&n?.lt(tc)?"error":"warning",variant:"alarm",action:qe.createElement(Ls,{onClick:()=>a(!0)},qe.createElement(ec,{size:12,color:"gray"}))})),m&&qe.createElement($s,{type:"error",variant:"alarm",title:h})),qe.createElement(Os,{highValueLoss:o,open:i,onToggle:a,percentageChange:n,inputUsdValue:u,outputUsdValue:l,totalFeeInUsd:p}))}s(sr,"RouteErrors");import{ReverseIcon as oc,styled as Us}from"@rango-dev/ui";import ar from"react";var nc=Us("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),rc=Us("div",{borderRadius:"$md",border:"3px solid $background",background:"$neutral100",width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center",color:"$foreground","&:hover":{color:"$secondary500"}});function zs(){let t=P.use.switchFromAndTo();return ar.createElement(nc,null,ar.createElement(rc,{onClick:()=>{t()}},ar.createElement(oc,{size:12})))}s(zs,"SwitchFromAndToButton");import{useEffect as qs,useRef as ac,useState as Hs}from"react";import{useRef as ic,useState as sc}from"react";function jo(){let[t,e]=sc(!1),o=ic(null),n=s(()=>o.current?.abort(),"cancel");return{fetch:s(async i=>{n(),o.current=new AbortController,e(!0);try{let a=await xt().getBestRoute(i,{signal:o.current.signal});return o.current=null,a}catch(a){throw a}finally{e(!1)}},"fetch"),loading:t,cancelFetch:n}}s(jo,"useFetchBestRoute");var lc=600;function Gs(){let{fetch:t,cancelFetch:e}=jo(),[o,n]=Hs(!1),{fromToken:r,toToken:i,inputAmount:a,inputUsdValue:p,resetRoute:l,setRoute:u}=P(),{slippage:c,customSlippage:d,affiliatePercent:m,affiliateRef:h,affiliateWallets:C,disabledLiquiditySources:y}=$(),[S,k]=Hs(""),f=ac(y),w=d??c,x=!r||!i||Xe(r,i)||!Gt(a),W=s(()=>{if(o||n(!0),!x){l();let E=Ro({fromToken:r,toToken:i,inputAmount:a,disabledLiquiditySources:y,slippage:w,affiliateRef:h,affiliatePercent:m,affiliateWallets:C});t(E).then(O=>{n(!1),u(O)}).catch(O=>{l(),O?.code!=="ERR_CANCELED"&&(k(O.message),n(!1))})}},"fetch"),F=Di(()=>{x||W()},lc);return qs(()=>{if(!Gt(a)||p?.eq(0)){n(!1),e();return}if(!x)return l(),n(!0),F(),e},[a,x]),qs(()=>{let E=!!f.current.length&&!y.length;return!x&&E&&W(),f.current=y,e},[y.length]),{fetch:W,loading:o,error:S}}s(Gs,"useSwapInput");var Sc=Lt("div",{display:"flex",flexDirection:"column",overflowY:"visible"}),Cc=Lt("div",{position:"relative"}),kc=Lt("div",{display:"flex",flexDirection:"column",gap:5,alignSelf:"stretch"}),Rs=Lt("div",{width:"100%",paddingTop:"$2"}),Tc=Lt("div",{paddingBottom:"$15"}),wc=Lt("div",{width:"100%",display:"flex"});function Qo(){let t=yc(),{fetch:e,loading:o,error:n}=Gs(),{fromToken:r,fromBlockchain:i,toToken:a,toBlockchain:p,setInputAmount:l,inputAmount:u,inputUsdValue:c,outputAmount:d,outputUsdValue:m,bestRoute:h,resetRouteWallets:C}=P(),{meta:{tokens:y,blockchains:S},loadingStatus:k}=v(),f=G.use.connectedWallets(),w=ve.use.setCurrentPage(),[b,x]=hc(!1),{fromAmountRangeError:W,swap:F,recommendation:E}=Go(h),O=gc(null),X=!!Number(u)&&(!!h||o||!!n),oe=!1,B=zo(c,m),J=qo(c,B),H=!nr(h,u,c),ne=!nr(h,u,m),L=ks(k,f,o,h,Ho(h),J,H||ne,oe,u),me=i&&r?T(Bt(f,i?.name,r?.symbol,r?.address)?.amount||"0",8,8):"0",Ne=i&&r?T(Bt(f,i?.name,r?.symbol,r?.address)?.amount||"0",Bt(f,i?.name,r?.symbol,r?.address)?.decimal):"0";fc(()=>(w(g.home),C(),w.bind(null,"")),[]);let U=!c||!m||!m.gt(0)?null:et(c.toNumber(),m.toNumber()),K=s(_e=>_e.map((se,ft)=>({swapper:{displayName:se.swapperId,image:se.swapperLogo},from:{token:{displayName:se.from.symbol,image:se.from.logo},chain:{displayName:Je(se.from.blockchain,S)??"",image:se.from.blockchainLogo},price:{value:ft===0?T(u,6,6):se.fromAmount}},to:{token:{displayName:se.to.symbol,image:se.to.logo},chain:{displayName:Je(se.to.blockchain,S)??"",image:se.to.blockchainLogo},price:{value:se.toAmount}},alerts:se.swapperId===F?.swapperId?j.createElement(Tc,null,j.createElement(pc,{type:"error",title:E,footer:j.createElement(wc,null,j.createElement(pr,{size:"xsmall",variant:"body",color:"neutral700"},W),j.createElement(lr,{direction:"horizontal",size:8}),j.createElement(pr,{size:"xsmall",variant:"body",color:"neutral700"},"|"),j.createElement(lr,{direction:"horizontal",size:8}),j.createElement(pr,{size:"xsmall",variant:"body",color:"neutral700"},Yo.t({id:"yourSymbol",message:"Yours: {amount} {symbol}",values:{amount:T(F?.fromAmount||null,6,6),symbol:se?.from.symbol}})))})):void 0})),"getBestRouteSteps"),Ie=Vo(h,y),Te=ys(h);return j.createElement(Q,{ref:O,fixedHeight:!1,hasLogo:!0,footer:j.createElement(mc,{type:"primary",size:"large",disabled:L.disabled,prefix:!L.disabled&&L.hasWarning&&j.createElement(dc,null),fullWidth:!0,onClick:()=>{L.state==="waitForConnecting"?t(g.wallets):L.state==="needToConfirm"?x(!0):t(g.confirmSwap)}},L.title),header:{hasConnectWallet:!0,title:Yo.t("Swap"),suffix:j.createElement(Kn,{layoutRef:O.current,onClickRefresh:h||n?e:void 0,onClickHistory:()=>t(g.swaps),onClickSettings:()=>t(g.settings)})}},j.createElement(Sc,null,j.createElement(kc,null,j.createElement(Cc,null,j.createElement(Vs,{label:Yo.t("From"),mode:"From",onInputChange:l,balance:me,chain:{displayName:i?.displayName||"",image:i?.logo||""},token:{displayName:r?.symbol||"",image:r?.image||""},onClickToken:()=>t("from-swap"),price:{value:u,usdValue:H?void 0:T(c,4,4),error:H?z.unknownPriceError.impactTitle:void 0},disabled:k==="failed",loading:k==="loading",onSelectMaxBalance:()=>{me!=="0"&&l(Ne.split(",").join(""))}}),j.createElement(zs,null)),j.createElement(Vs,{sharpBottomStyle:!!h?.result||o,label:Yo.t("To"),mode:"To",chain:{displayName:p?.displayName||"",image:p?.logo||""},token:{displayName:a?.symbol||"",image:a?.image||""},percentageChange:U?.lt(0)?T(U,2,2):null,warningLevel:It(U?.toNumber()??0),price:{value:T(d,6,6),usdValue:ne?void 0:T(m,4,4),error:ne?z.unknownPriceError.impactTitle:void 0},onClickToken:()=>t("to-swap"),disabled:k==="failed",loading:k==="loading"})),o&&j.createElement(Rs,null,j.createElement(cc,{type:"basic"})),X&&!o&&Te?.result?.swaps?.length?j.createElement(Rs,null,j.createElement(uc,{type:"basic",recommended:!0,tooltipContainer:ae(),input:{value:T(u,6,6),usdValue:T(c,4,4)},output:{value:T(d,6,6),usdValue:T(m,4,4)},steps:K(Te.result.swaps),percentageChange:T(U,2,2),totalFee:T(Ie,2,2),totalTime:At(Et(h?.result?.swaps))})):X&&!o?j.createElement(j.Fragment,null,j.createElement(lr,{size:20}),j.createElement(Rt,{diagnosisMessage:Te?.diagnosisMessages?.[0],fetch:e,error:!!n})):null),j.createElement(sr,{openModal:b,onToggle:x,totalFeeInUsd:Ie,outputUsdValue:m,inputUsdValue:c,percentageChange:U,highValueLoss:J,priceImpactCanNotBeComputed:H||ne,loading:o||k==="loading",extraSpace:!!h?.result||!h}))}s(Qo,"Home");import{useEffect as ur,useRef as cr}from"react";import{createSearchParams as vc,useLocation as bc,useSearchParams as xc}from"react-router-dom";import{useEffect as Zo,useRef as Jo}from"react";function Xs(t){let{setInputAmount:e,setToToken:o,setToBlockchain:n,setFromBlockchain:r,setFromToken:i}=P(),{meta:{tokens:a,blockchains:p},loadingStatus:l}=v(),{setAffiliateRef:u,setAffiliatePercent:c,setAffiliateWallets:d}=$(),m=Jo(void 0),h=Jo(void 0),C=Jo(void 0),y=Jo(void 0);Zo(()=>{e(t?.amount?.toString()||"")},[t?.amount]),Zo(()=>{if(l==="success"){let S=p.find(f=>f.name===t?.from?.blockchain),k=a.find(f=>Xe(f,t?.from?.token||null));(S||!S&&C.current)&&r(S??null),(k||!k&&m.current)&&i(k??null),C.current=t?.from?.blockchain,m.current=t?.from?.token}},[t?.from?.token?.symbol,t?.from?.token?.address,t?.from?.token?.blockchain,t?.from?.blockchain,l]),Zo(()=>{if(l==="success"){let S=p.find(f=>f.name===t?.to?.blockchain),k=a.find(f=>Xe(f,t?.to?.token||null));(S||!S&&y.current)&&n(S??null),(k||!k&&h.current)&&o(k??null),y.current=t?.to?.blockchain,h.current=t?.to?.token}},[t?.to?.token?.symbol,t?.to?.token?.address,t?.to?.token?.blockchain,t?.to?.blockchain,l]),Zo(()=>{u(t?.affiliate?.ref??null),c(t?.affiliate?.percent??null),d(t?.affiliate?.wallets??null)},[t?.affiliate?.ref,t?.affiliate?.percent,t?.affiliate?.wallets])}s(Xs,"useSyncStoresWithConfig");function Ks(t){let e=cr(!0),[o,n]=xc(),r=bc(),i=cr(r.search),a=cr({}),p=P.use.fromBlockchain(),l=P.use.toBlockchain(),u=P.use.fromToken(),c=P.use.toToken(),d=P.use.setFromBlockchain(),m=P.use.setFromToken(),h=P.use.setToBlockchain(),C=P.use.setToToken(),y=P.use.inputAmount(),S=P.use.setInputAmount(),k=v.use.loadingStatus(),{blockchains:f,tokens:w}=v.use.meta(),b=ve.use.setSelectedSwap();return Xs(t.config),ur(()=>{let x={};vc(i.current).forEach((F,E)=>{x[E]=F}),a.current=x;let W=r.pathname.split(g.swaps+"/")[1]||null;W&&b(W)},[]),ur(()=>{if(!e.current){let x="",W="",F="",E="",O="";if(k!=="success")x=a.current["fromBlockchain"],W=a.current["fromToken"],F=a.current["toBlockchain"],E=a.current["toToken"],O=a.current["fromAmount"]||y;else{if(r.state==="redirect")return;x=p?.name||"",W=(u?.symbol||"")+(u?.address?`--${u?.address}`:""),F=l?.name||"",E=(c?.symbol||"")+(c?.address?`--${c?.address}`:""),O=y}n({...x&&{["fromBlockchain"]:x},...W&&{["fromToken"]:W},...F&&{["toBlockchain"]:F},...E&&{["toToken"]:E},...O&&{["fromAmount"]:O.toString()}},{replace:!0})}e.current=!1},[r.pathname,y,p,u,l,c]),ur(()=>{if(k==="success"){let x=o.get("fromBlockchain"),W=o.get("fromToken"),F=o.get("toBlockchain"),E=o.get("toToken"),O=o.get("fromAmount"),X=f.find(H=>H.name===x),oe=Jn(w,W,X||null),B=f.find(H=>H.name===F),J=Jn(w,E,B||null);X&&(d(X),oe&&m(oe)),B&&(h(B),J&&C(J)),O&&S(O)}},[k]),null}s(Ks,"UpdateUrl");function Dc(t){let e=Lc(),o=Pc(),n=Nc(!0),r=e.pathname.split("/"),a=r[r.length-1]===g.confirmSwap&&n.current;return Wc(()=>{a&&o("."),n.current=!1},[]),a?yt.createElement(Qo,null):yt.createElement(yt.Fragment,null," ",t.children)}s(Dc,"Route");function js({children:t,...e}){let o=Mc(),n=o?Dc:Ic,{blockchains:r}=v.use.meta(),{canSwitchNetworkTo:i}=Ec(),a=r.filter(Bc);return Ac({lastConnectedWallet:e.lastConnectedWallet,clearDisconnectedWallet:e.clearDisconnectedWallet,disconnectedWallet:e.disconnectedWallet,evmChains:a,canSwitchNetworkTo:i}),yt.createElement(yt.Fragment,null,yt.createElement(n,null,t),o&&yt.createElement(Ks,{config:e.config}))}s(js,"AppRouter");import We from"react";import{useRoutes as ig}from"react-router-dom";import{i18n as Ke}from"@lingui/core";import{useManager as Bm}from"@rango-dev/queue-manager-react";import{Alert as kr,BestRoute as Wm,BestRouteSkeleton as Nm,Button as an,Divider as Ot,IconButton as Pa,MessageBox as Im,Modal as Mm,RefreshIcon as Lm,SettingsIcon as Pm,styled as Da,Tooltip as Dm,Typography as La,WalletIcon as _m}from"@rango-dev/ui";import I,{useEffect as ln,useState as pn}from"react";import{flushSync as Fm}from"react-dom";import{useNavigate as Om}from"react-router-dom";import{i18n as rt}from"@lingui/core";import{Alert as Cr,BalanceErrors as mm,Button as Wa,ChevronDownIcon as dm,ChevronLeftIcon as fm,Divider as Ft,MessageBox as gm,Modal as Na,Typography as sn,WalletIcon as hm}from"@rango-dev/ui";import A,{useEffect as ym,useLayoutEffect as Sm,useRef as Cm,useState as kt}from"react";import{useNavigate as km}from"react-router-dom";import{i18n as en}from"@lingui/core";function tn(t){switch(t.type){case 0:return en.t("Route has been updated.");case 3:return en.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return en.t("Route swappers has been updated.");case 2:return en.t("Route internal coins has been updated.");default:return""}}s(tn,"getRouteWarningMessage");import*as Dt from"@radix-ui/react-collapsible";import{Button as _c,darkTheme as Pt,IconButton as Fc,keyframes as Ys,styled as Ce,TextField as Oc}from"@rango-dev/ui";var jt=300,$c=Ys({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),Uc=Ys({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),Qs=Ce("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),Zs=Ce("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}),Js=Ce("button",{borderRadius:"$xm",padding:"$10",border:"0",display:"flex",justifyContent:"center",$$color:"$colors$neutral100",[`.${Pt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",alignItems:"center",cursor:"pointer",width:110,position:"relative","&:hover":{$$color:"$colors$info100",[`.${Pt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$color:"$colors$info100",[`.${Pt} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color",outline:0},variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary",outlineStyle:"solid"}}}}),ea=Ce(Dt.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit"}),ta=Ce("div",{padding:"$20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),oa=Ce(Fc,{position:"absolute",left:"$20"}),na=Ce("div",{paddingTop:"$20","& .wallets-list":{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}}),ra=Ce(Dt.Root,{backgroundColor:"$neutral200",borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),ia=Ce(_c,{width:"100%",borderRadius:"$sm !important",padding:"$15 !important",justifyContent:"space-between",alignItems:"center",$$color:"$colors$neutral100",[`.${Pt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color","&:hover":{$$color:"$colors$info100",[`.${Pt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$background:"$colors$info100",[`.${Pt} &`]:{$$background:"$colors$info700"},backgroundColor:"$$background",outline:0}}),sa=Ce("div",{padding:"$10 $0","& .button__content":{display:"flex",justifyContent:"center",alignItems:"center"},"& .alarms":{paddingTop:"5px"}}),aa=Ce("div",{transition:`all ${jt}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),la=Ce("div",{display:"flex"}),pa=Ce(Oc,{padding:"$0 $15 $15 $15"}),ua=Ce(Dt.Content,{overflow:"hidden",variants:{open:{true:{animation:`${$c} ${jt}ms ease-out`},false:{animation:`${Uc} ${jt}ms ease-out`}}}}),ca=Ce("div",{overflow:"visible",width:"100%"});import{i18n as nt}from"@lingui/core";import{Button as pm,Divider as hr,Image as um,MessageBox as yr,Modal as ba,SelectableWallet as cm,Typography as xa,WalletState as Aa}from"@rango-dev/ui";import ie,{useEffect as Ea,useState as Qt}from"react";import{WalletState as ma}from"@rango-dev/ui";import{useWallets as zc}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as qc,WalletTypes as Hc}from"@rango-dev/wallets-shared";import{useEffect as Gc,useState as Vc}from"react";var Rc=Object.values(Hc);function on(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:i,disconnect:a,getWalletInfo:p,connect:l}=zc(),{connectedWallets:u}=G(),{blockchains:c}=v().meta,d=typeof e?.multiWallets>"u"?!0:e.multiWallets,m=Fi(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||Rc,h=Ai(i,p,m,o),C=Mi(h),[y,S]=Vc(""),k=s(x=>!u.find(W=>W.walletType===x&&W.chain===o),"isExperimentalChainNotAdded"),f=s(async x=>{let W=i(x);try{if(y&&S(""),W.connected)await a(x);else{let F=!!h.find(E=>E.state===ma.CONNECTED);if(!d&&F)return;n?.(x),await l(x),r?.(x)}}catch(F){S("Error: "+F?.message)}},"handleClick"),w=s(()=>{let x=h?.filter(W=>W.state===ma.CONNECTING)||[];for(let W of x)a(W.type)},"disconnectConnectingWallets");Gc(()=>()=>{w()},[]);let b=s((x,W,F)=>bo(F,W)&&k(x)&&!qc.includes(x),"shouldExcludeWallet");return{list:C.filter(x=>!b(x.type,o??"",c)),error:y,handleClick:f}}s(on,"useWalletList");import{i18n as ya}from"@lingui/core";import{styled as Ca,Typography as tm,Wallet as om,WalletState as nm}from"@rango-dev/ui";import Ct,{Fragment as rm,useState as Sa}from"react";import{Divider as Qc,Modal as Zc}from"@rango-dev/ui";import dr from"react";import{i18n as _t}from"@lingui/core";import{Image as jc,MessageBox as mr,WalletState as Yc}from"@rango-dev/ui";import St from"react";import{keyframes as Xc,styled as nn}from"@rango-dev/ui";var yw=nn("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),da=nn("div",{position:"relative"}),Kc=Xc({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),fa=nn("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Kc} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),ga=nn("div",{"& img":{borderRadius:"50%"}});function ha(t){let{state:e,image:o,error:n}=t;return e===Yc.CONNECTED?St.createElement(mr,{type:"success",title:_t.t("Wallet Connected"),description:_t.t("Your wallet is connected, you can use it to swap.")}):n?St.createElement(mr,{type:"error",title:_t.t("Failed to Connect"),description:n||_t.t("Your wallet is not connected. Please try again.")}):St.createElement(mr,{type:"loading",title:_t.t("Connecting to your wallet"),description:_t.t("Click connect in your wallet popup."),icon:St.createElement(da,null,St.createElement(ga,null,St.createElement(jc,{src:o,size:45})),St.createElement(fa,null))})}s(ha,"ModalContent");function Yt(t){let{open:e,onClose:o,...n}=t;return dr.createElement(Zc,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},dr.createElement(ha,{...n}),dr.createElement(Qc,{direction:"vertical",size:32}))}s(Yt,"WalletModal");import{useInRouterContext as Jc,useNavigate as em}from"react-router-dom";function re(){let t=Jc(),e=em(),o=P.use.routeWalletsConfirmed();return g,{navigateBackFrom:s(r=>{if(r===g.swapDetails)return e("/"+g.swaps,{replace:!0});if(!t||window.history.state&&window.history.state.idx>0)e(-1);else{if([g.settings,g.wallets].includes(r)&&o)return e("/"+g.confirmSwap,{replace:!0});[g.fromSwap,g.toSwap,g.settings,g.wallets,g.swaps,g.confirmSwap].includes(r)?e(g.home,{replace:!0}):r===g.fromBlockchain?e("/"+g.fromSwap,{replace:!0}):r===g.toBlockchain?e("/"+g.fromSwap,{replace:!0}):r===g.liquiditySources&&e("/"+g.settings,{replace:!0})}},"navigateBackFrom")}}s(re,"useNavigateBack");var im=Ca("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline",paddingTop:"$15",height:"100%"}),sm=Ca("div",{textAlign:"center"}),rn=3e3,fr=300;function ka({config:t}){let{navigateBackFrom:e}=re(),[o,n]=Sa(!1),[r,i]=Sa(""),a=null,{list:p,handleClick:l,error:u}=on({config:t,onBeforeConnect:C=>{a=setTimeout(()=>{n(!0),i(C)},fr)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},rn)}}),c=v.use.loadingStatus(),d=p.find(C=>C.type===r),m=d?.image||"",h=d?.state||nm.NOT_INSTALLED;return Ct.createElement(Q,{header:{title:ya.t("Connect Wallets"),onBack:e.bind(null,g.wallets)}},Ct.createElement(sm,null,Ct.createElement(tm,{variant:"title",size:"xmedium",align:"center"},ya.t("Choose a wallet to connect.")),Ct.createElement(im,null,p.map((C,y)=>{let S=`wallet-${y}-${C.type}`;return Ct.createElement(rm,{key:S},Ct.createElement(om,{...C,container:ae(),onClick:k=>{l(k)},isLoading:c==="loading"}))}),Ct.createElement(Yt,{open:!!o,onClose:()=>n(!1),image:m,state:h,error:u}))))}s(ka,"WalletsPage");import{keyframes as am,styled as gr}from"@rango-dev/ui";var Ta=gr("div",{position:"relative"}),lm=am({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),wa=gr("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${lm} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),va=gr("div",{"& img":{borderRadius:"50%"}});function Sr(t){let{config:e,chain:o,isSelected:n,selectWallet:r,limit:i,onShowMore:a}=t,p=G.use.connectedWallets(),{blockchains:l}=v.use.meta(),[u,c]=Qt(""),[d,m]=Qt(null),[h,C]=Qt(!1),[y,S]=Qt(null),{connect:k}=Ba(),f=null,{list:w,error:b,handleClick:x}=on({config:e,chain:o,onBeforeConnect:B=>{f=setTimeout(()=>{c(B)},fr)},onConnect:()=>{f&&clearTimeout(f),setTimeout(()=>{c("")},rn)}}),[W,F]=Qt(w),E=w.length,O=i&&E-i>0,X=s(async B=>{C(!1),S("in-progress"),await k(B.walletType,B.chain),S("completed")},"addExperimentalChain");Ea(()=>{F(B=>{let J=w.findIndex(H=>n(H.type,o));return O&&J>1?[w[J]].concat(w.filter((H,ne)=>ne!==J)):B.map(H=>w.find(ne=>ne.type===H.type)??H)})},[JSON.stringify(w)]);let oe=document.querySelector("#swap-box");return Ea(()=>{let B=null;return y==="completed"&&(B=setTimeout(()=>S(null),rn)),()=>{B&&clearTimeout(B)}},[y]),ie.createElement(ie.Fragment,null,W.slice(0,i).map(B=>{let J=Li({connectedWallets:p,walletType:B.type,chain:o}),H=J?xo(J):"",ne=bo(l,o),L=!p.find(Ie=>Ie.walletType===B.type&&Ie.chain===o),me=ne&&L&&B.state===Aa.CONNECTED,Ne=me?nt.t({id:"addChain",message:"Add {chain} chain",values:{chain:o}}):H,U=s(()=>{B.state===Aa.DISCONNECTED?x(B.type):me?(m({walletType:B.type,chain:o,address:J??""}),C(!0)):r({walletType:B.type,chain:o,address:J??""})},"onClick"),K=d?.chain?ds(d.chain,l):void 0;return ie.createElement(ie.Fragment,null,ie.createElement(Yt,{open:u===B.type,onClose:()=>c(""),image:B.image,state:B.state,error:b}),!!d&&ie.createElement(ba,{open:!!d&&h,container:oe,onClose:()=>{m(null)}},ie.createElement(yr,{title:nt.t({id:"addBlockchain",message:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:K}}),type:"warning",description:nt.t({id:"addBlockchainDescription",message:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:K}})},ie.createElement(hr,{size:18}),ie.createElement(hr,{size:32}),ie.createElement(pm,{onClick:X.bind(null,d),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},nt.t("Confirm")))),y&&ie.createElement(ba,{open:!!y,onClose:S.bind(null,null),container:oe},y==="in-progress"?ie.createElement(yr,{type:"loading",title:nt.t({id:"addBlockchain",message:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:K}}),description:nt.t({id:"addBlockchainDescription",message:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:K}}),icon:ie.createElement(Ta,null,ie.createElement(va,null,ie.createElement(um,{src:B.image,size:45})),ie.createElement(wa,null))}):ie.createElement(yr,{type:"success",title:nt.t({id:"blockchainAdded",message:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:K}}),description:nt.t({id:"blockchainAddedDescription",message:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:K}})}),ie.createElement(hr,{direction:"vertical",size:32})),ie.createElement(cm,{key:B.type,description:Ne,onClick:U,selected:n(B.type,o),...B}))}),O&&ie.createElement(Js,{selected:!1,onClick:a.bind(null)},ie.createElement(xa,{variant:"label",size:"medium"},nt.t("Show more wallets"),ie.createElement(xa,{variant:"label",size:"medium",color:"$primary"},"\xA0+",E-(i??0)))))}s(Sr,"WalletList");var Tm=2;function Ia(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,config:i,loading:a}=t,{blockchains:p}=v.use.meta(),{bestRoute:l,setSelectedWallets:u,routeWalletsConfirmed:c,setRouteWalletConfirmed:d,customDestination:m,setCustomDestination:h}=P(),{connectedWallets:C,selectWallets:y}=G(),[S,k]=kt(""),[f,w]=kt([]),[b,x]=kt(""),[W,F]=kt(null),[E,O]=kt(m),[X,oe]=kt(!!m),B=Cm(null),J=Do(l),H=typeof i?.customDestination>"u"?!0:i.customDestination,ne=p.find(D=>D.name===l?.result?.swaps[l?.result?.swaps.length-1].to.blockchain),L=s(D=>!!l?.result?.swaps.find(N=>N.from.blockchain===D),"isWalletRequiredFor"),[me,Ne]=kt(C.filter(D=>D.selected&&J.includes(D.chain))),U=p.find(D=>D.name===ne?.name),K=s((D,N)=>!!me.find(_=>_.walletType===D&&_.chain===N&&_.selected&&(L(N)||!L(N)&&!E)),"isSelected"),Ie=!!E&&X&&U&&!_o(U,E),Te=s(()=>{oe(!1),O(""),Ne(D=>{let N=!1;return D.map(_=>!N&&_.chain===ne?.name?(N=!0,{..._,selected:!0}):_)})},"resetCustomDestination"),_e=s(D=>{if(S&&k(""),K(D.walletType,D.chain))return;let _=C.find(Y=>Y.walletType===D.walletType&&Y.chain===D.chain);_&&(n(),D.chain===ne?.name&&X&&(oe(!1),O("")),Ne(Y=>Y.filter(le=>le.chain!==D.chain).concat({..._,selected:!0})))},"onChange"),se=s(()=>{let D=me.filter(N=>N.selected);y(D),u(D),h(E),d(!0),o()},"onConfirmBalance"),ft=s(async()=>{w([]),x(""),F(null);let D=C.filter(Y=>me.find(le=>le.chain===Y.chain&&le.walletType===Y.walletType)),N=await r?.({selectedWallets:D,customDestination:E}),_=N.warnings;_?.balance?.messages&&w(_.balance.messages),_?.route&&F(_.route),N.error&&x(Lo(N.error)),!N.error&&(!_?.balance?.messages.length||0>0)?se():w(_?.balance?.messages??[])},"onConfirmWallets");ym(()=>{Ne(D=>D.concat(C.filter(N=>!!!D.find(Y=>Y.chain===N.chain)&&N.selected&&J.includes(N.chain))))},[C.length]),Sm(()=>{X&&B.current&&setTimeout(()=>{B?.current?.scrollIntoView({behavior:"smooth"})},jt)},[X]);let Ze=document.querySelector("#swap-box"),bt=km();return A.createElement(Na,{open:e,onClose:()=>{c||bt(g.home,{replace:!0}),o()},dismissible:!S,container:Ze,...!S&&{footer:A.createElement(la,null,A.createElement(Wa,{loading:a,disabled:Ns(a,X,E,l,me,ne),onClick:ft,variant:"contained",type:"primary",fullWidth:!0,size:"large"},"Confirm"))},...S&&{containerStyle:{padding:"$0"},header:A.createElement(ta,null,A.createElement(oa,{variant:"ghost",onClick:k.bind(null,"")},A.createElement(fm,{size:16})),A.createElement(sn,{variant:"headline",size:"small"},rt.t({id:"yourWallets",message:"Your {blockchainName} wallets",values:{blockchainName:S}})))},anchor:"center"},A.createElement(Na,{open:f.length>0,onClose:w.bind(null,[]),container:Ze},A.createElement(gm,{title:rt.t("Insufficient account balance"),type:"error",description:A.createElement(mm,{messages:f??[]})},A.createElement(Wa,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:se},rt.t("Proceed anyway")))),S&&A.createElement(na,null,A.createElement("div",{className:"wallets-list"},A.createElement(Sr,{chain:S,isSelected:K,selectWallet:_e,multiWallets:i?.multiWallets??!0,supportedWallets:i?.wallets??[],config:i,onShowMore:k.bind(null,S)}))),!S&&A.createElement(A.Fragment,null,b&&A.createElement(A.Fragment,null,A.createElement(Cr,{variant:"alarm",type:"error",title:rt.t(b)}),A.createElement(Ft,{size:12})),W&&A.createElement(A.Fragment,null,A.createElement(Cr,{variant:"alarm",type:"warning",title:tn(W)}),A.createElement(Ft,{size:12})),A.createElement(ca,null,J.map((D,N)=>{let _=p.find(ue=>ue.name===D),Y=`wallet-${N}`,le=N===J.length-1;return A.createElement("div",{key:Y},A.createElement(Qs,null,A.createElement(sn,{variant:"title",size:"xmedium"},rt.t({id:"yourWallets",message:"Your {blockchainName} wallets",values:{blockchainName:_?.displayName}})),A.createElement(sn,{variant:"label",color:"$neutral700",size:"medium"},rt.t({id:"needConnect",message:"You need to connect a {blockchainName} wallet.",values:{blockchainName:_?.displayName}}))),A.createElement(Ft,{size:24}),A.createElement(Zs,null,A.createElement(Sr,{chain:D,isSelected:K,selectWallet:_e,multiWallets:i?.multiWallets??!0,supportedWallets:i?.wallets??[],config:i,limit:Tm,onShowMore:()=>k(_?.name??"")})),!le&&A.createElement(Ft,{size:32}),le&&H&&A.createElement(sa,null,A.createElement(ra,{ref:B,selected:X,open:X,onOpenChange:ue=>{ue?L(ne?.name??"")||Ne(ho=>ho.map(yo=>yo.chain===ne?.name?{...yo,selected:!1}:yo)):Te()}},A.createElement(ea,{onClick:()=>oe(ue=>!ue)},A.createElement(ia,{fullWidth:!0,variant:"default",suffix:A.createElement(aa,{orientation:X?"up":"down"},A.createElement(dm,{size:10,color:"gray"}))},A.createElement("div",{className:"button__content"},A.createElement(hm,{size:18,color:"info"}),A.createElement(Ft,{size:4,direction:"horizontal"}),A.createElement(sn,{variant:"label",size:"medium"},rt.t("Send to a different address"))))),A.createElement(ua,{open:X},A.createElement(A.Fragment,null,A.createElement(Ft,{size:4}),A.createElement(pa,{autoFocus:!0,placeholder:rt.t("Your destination address"),value:E,onChange:ue=>{O(ue.target.value)}})))),Ie&&A.createElement("div",{className:"alarms"},A.createElement(Cr,{variant:"alarm",type:"error",title:rt.t({id:"addressMatch",values:{destination:E},message:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}s(Ia,"ConfirmWalletsModal");import{calculatePendingSwap as vm}from"@rango-dev/queue-manager-rango-preset";import bm from"bignumber.js";import{useEffect as xm}from"react";function Am(t,e){if(!t.result)throw new Error(z.noRoutesError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});let o=new bm(t.result?.outputAmount||"0").multipliedBy(e.outputUsdValue||0),n=zo(e.inputUsdValue,o);if(qo(e.inputUsdValue,n))throw new Error("High value loss for route",{cause:{type:1}});return t}s(Am,"throwErrorIfResponseIsNotValid");function Em(t,e,o){let n=gs(t,e),r={balance:null,route:null,slippage:null};n&&(bs(t,e)?r.route={type:3,newOutputAmount:T(Mt(e)),percentageChange:T(et(Mt(t),Mt(e)),null,2)}:er(t,e)?r.route={type:0}:tr(t,e)?r.route={type:1}:or(t,e)&&(r.route={type:2}));let i=xs(e,o.selectedWallets);i.length===0||(r.balance={messages:i});let p=Ts(t),l=o.userSlippage>ns;return ws(o.userSlippage.toString(),p)?l&&(r.slippage={type:1,slippage:o.userSlippage.toString()}):r.slippage={type:0,slippage:p},r}s(Em,"generateWarnings");function Ma(){let{fromToken:t,toToken:e,inputAmount:o,inputUsdValue:n,setRoute:r,bestRoute:i,customDestination:a}=P(),{slippage:p,customSlippage:l,affiliatePercent:u,affiliateRef:c,affiliateWallets:d,disabledLiquiditySources:m}=$(),{connectedWallets:h}=G(),{meta:C}=v(),y=l||p,{fetch:S,cancelFetch:k,loading:f}=jo();return xm(()=>k,[]),{loading:f,fetch:s(async b=>{let x=b.selectedWallets,W=b?.customDestination??a;if(!t||!e||!o||!i)return{route:null,swap:null,error:null,warnings:null};let F=Ro({fromToken:t,toToken:e,inputAmount:o,wallets:h,selectedWallets:x,disabledLiquiditySources:m,slippage:y,affiliateRef:c,affiliatePercent:u,affiliateWallets:d,initialRoute:i,destination:W}),E;try{E=await S(F).then(oe=>Am(oe,{outputUsdValue:e.usdPrice,inputUsdValue:n})),r(E)}catch(oe){return oe?.code==="ERR_CANCELED"?{swap:null,error:{type:3},warnings:null}:oe.cause?{swap:null,error:oe.cause,warnings:null}:{swap:null,error:{type:2},warnings:null}}let O={slippage:y.toString(),disabledSwappersGroups:m},X=vm(o.toString(),E,vs(x),O,!1,C);return{route:E,swap:X,error:null,warnings:Em(i,E,{selectedWallets:x,userSlippage:y})}},"fetch"),cancelFetch:k}}s(Ma,"useConfirmSwap");var $m=Da("div",{position:"relative",width:"100%","& .description":{display:"flex",justifyContent:"space-between",alignItems:"center",paddingBottom:"$10"},"& .icon":{width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"}}),Um=Da("div",{width:"100%",display:"flex",justifyContent:"space-between","& .confirm-button":{flexGrow:1,paddingRight:"$10"},[`& ${Pa}`]:{width:"$48",height:"$48"}});function _a(t){let{config:e}=t,{bestRoute:o,inputAmount:n,outputAmount:r,inputUsdValue:i,outputUsdValue:a,setInputAmount:p,selectedWallets:l,routeWalletsConfirmed:u,setRouteWalletConfirmed:c,customDestination:d}=P(),m=Om(),[h,C]=pn(""),[y,S]=pn(!1),{connectedWallets:k}=G(),f=!u,[w,b]=pn(!1),x=ve.use.setSelectedSwap(),{meta:{tokens:W,blockchains:F},loadingStatus:E}=v(),O=$.use.slippage(),X=$.use.customSlippage(),{manager:oe}=Bm(),B=X||O,{fetch:J,loading:H,cancelFetch:ne}=Ma(),[L,me]=pn({swap:null,error:null,warnings:null}),Ne=H||E==="loading",U=!H&&L.error&&[0,2].includes(L.error.type),K=!U&&!H&&o&&o.result,Ie=Vo(o,W),Te=T(et(i?.toNumber()??0,a?.toNumber()??0),2,2),_e=It(parseFloat(Te)),se=s(async({selectedWallets:N,customDestination:_})=>{let Y=await J?.({selectedWallets:N,customDestination:_});return me(Y),Y},"onConfirmSwap"),ft=s(async()=>{if(L.swap&&u)try{await oe?.create("swap",{swapDetails:L.swap},{id:L.swap.requestId}),x(L.swap.requestId),m("/"+g.swaps+`/${L.swap.requestId}`,{replace:!0}),setTimeout(()=>{p("")},0)}catch(N){C("Error: "+N?.message)}},"addNewSwap"),Ze=s(async()=>{await ft()},"onConfirm"),bt=s(async()=>{L?.warnings?.slippage?S(!0):await Ze()},"onStartConfirmSwap"),D=s(async()=>{me({error:null,swap:null,warnings:null}),J({selectedWallets:l}).then(N=>{me(N)}).catch(N=>console.error(N))},"onRefresh");return ln(()=>{f&&ne()},[f]),ln(()=>{f&&b(f)},[f]),ln(()=>{f||J({selectedWallets:l,customDestination:d}).then(N=>me(N)).catch(N=>console.error(N))},[]),ln(()=>{let N=L.warnings?.route?.type&&Object.values(Vt).includes(L.warnings?.route?.type),_=l.length<1||!l.every(le=>k.find(ue=>le.address===ue.address&&le.walletType===ue.walletType&&le.chain===ue.chain)),Y=!1;if(N){let le=Do(o),ue=o?.result?.swaps[o.result.swaps.length-1].to.blockchain;!!o?.result?.swaps.find(Dn=>Dn.from.blockchain===ue)||(le=le.slice(-le.length,le.length-1)),le.every(Dn=>l.find(Ep=>Ep.chain===Dn))||(Y=!0)}o&&(_||Y)&&(queueMicrotask(()=>Fm(b.bind(null,!0))),c(!1))},[L.warnings?.route,l.length,k.length]),I.createElement(Q,{header:{title:Ke.t("Confirm Swap"),onBack:m.bind(null,-1),hasConnectWallet:!0,suffix:I.createElement(Dm,{container:ae(),side:"bottom",content:Ke.t("Settings")},I.createElement(Fe,{size:"small",variant:"ghost",onClick:()=>m("/"+g.settings)},I.createElement(Pm,{size:18,color:"black"})))},footer:I.createElement(Um,null,I.createElement("div",{className:"confirm-button"},I.createElement(an,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:H,disabled:!!L.error,onClick:bt},Ke.t("Start Swap"))),I.createElement(Pa,{variant:"contained",type:"primary",size:"large",loading:H,onClick:b.bind(null,!0)},I.createElement(_m,{size:24})))},I.createElement(Mm,{anchor:"bottom",open:y,prefix:I.createElement(an,{size:"small",variant:"ghost",onClick:()=>m("/"+g.settings)},I.createElement(La,{variant:"label",size:"medium",color:"$neutral700"},Ke.t("Change settings"))),container:document.querySelector("#swap-box"),onClose:S.bind(null,N=>!N)},L.warnings?.slippage&&I.createElement(Im,{type:"warning",title:L.warnings.slippage.type===1?Ke.t("High slippage"):Ke.t("Low slippage"),description:L.warnings.slippage.type===1?Ke.t("highSlippage",{selectedSlippage:B},{message:" Caution, your slippage is high (={selectedSlippage}). Your trade may be front run."}):Ke.t("increaseSlippage",{minRequiredSlippage:L.warnings.slippage.slippage},{message:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route."})},I.createElement(Ot,{size:18}),I.createElement(Ot,{size:32}),I.createElement(an,{size:"large",type:"primary",variant:"contained",fullWidth:!0,onClick:Ze},Ke.t("Confirm anyway")))),w&&I.createElement(Ia,{open:w,onClose:()=>b(!1),onCancel:ne,loading:H,onCheckBalance:se,config:e}),I.createElement($m,null,I.createElement("div",{className:"description"},I.createElement(La,{variant:"title",size:"small"},Ke.t("You get")),I.createElement(an,{style:{padding:"0"},variant:"ghost",disabled:H,onClick:D},I.createElement("div",{className:"icon"},I.createElement(Lm,{size:16})))),h&&I.createElement(I.Fragment,null,I.createElement(kr,{type:"error",variant:"alarm",title:h}),I.createElement(Ot,{size:12})),L.warnings?.route&&I.createElement(I.Fragment,null,I.createElement(kr,{variant:"alarm",type:"warning",title:tn(L.warnings.route)}),I.createElement(Ot,{size:12})),Ne&&I.createElement(Nm,{type:"swap-preview",expanded:!0}),K&&I.createElement(Wm,{expanded:!0,tooltipContainer:ae(),steps:Cs(o,F)??[],input:{value:T(n,6,6),usdValue:T(i,4,4)},output:{value:T(r,6,6),usdValue:T(a,4,4)},totalFee:T(Ie,2,2),totalTime:At(Et(o.result?.swaps)),recommended:!0,type:"swap-preview",percentageChange:Te,warningLevel:_e}),U&&I.createElement(I.Fragment,null,I.createElement(Ot,{size:12}),I.createElement(Rt,{diagnosisMessage:L.error?.type===0?L.error.diagnosisMessage:void 0,error:L.error?.type===2,fetch:D})),L.error?.type===1&&I.createElement(I.Fragment,null,I.createElement(kr,{variant:"alarm",type:"error",title:Lo(L.error)}),I.createElement(Ot,{size:12}))))}s(_a,"ConfirmSwapPage");import{i18n as mn}from"@lingui/core";import{useManager as Rm}from"@rango-dev/queue-manager-react";import{Divider as Xm,NotFound as Km,styled as Va}from"@rango-dev/ui";import mt,{useState as jm}from"react";import{useNavigate as Ym}from"react-router-dom";import{CloseIcon as qm,IconButton as Hm,SearchIcon as Gm,TextField as Vm}from"@rango-dev/ui";import Zt from"react";import{styled as zm}from"@rango-dev/ui";var Fa=zm("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function it(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:i,value:a,setValue:p,...l}=t;return Zt.createElement(Vm,{prefix:Zt.createElement(Fa,null,Zt.createElement(Gm,{color:"black"})),suffix:!!a.length&&Zt.createElement(Hm,{variant:"ghost",onClick:()=>p?.(""),size:"small"},Zt.createElement(qm,{color:"gray",size:10})),fullWidth:o,color:n,variant:e,style:{padding:10,borderRadius:25,alignItems:"center"},size:r,value:a,onChange:i,...l})}s(it,"SearchInput");import{i18n as $a}from"@lingui/core";import{Divider as Ua,SwapListItem as za,Typography as qa}from"@rango-dev/ui";import te from"react";import{styled as un}from"@rango-dev/ui";var Tr=un("div",{width:"100%",display:"flex",flexDirection:"column"}),wr=un("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),vr=un("div",{gap:"$10",display:"flex",flexDirection:"column"}),Oa=un("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});function br(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,i=n?n(e):[{title:"History",swaps:e}];if(r){let a=[{},{}];return te.createElement(te.Fragment,null,[{title:"Today",swaps:a},{title:"Last month",swaps:a}].map(l=>te.createElement(te.Fragment,{key:l.title},te.createElement(Tr,null,te.createElement(wr,null,te.createElement(qa,{variant:"label",size:"medium",color:"neutral600",className:"group-title"},$a.t(l.title))),te.createElement(Ua,{size:4}),te.createElement(vr,null,l.swaps.map((u,c)=>{let d=c+l.title;return te.createElement(te.Fragment,{key:d},te.createElement(za,{isLoading:!0}))}))))))}return te.createElement(te.Fragment,null,i.filter(a=>a.swaps.length>0).map(a=>te.createElement(te.Fragment,{key:a.title},te.createElement(Tr,null,te.createElement(wr,null,te.createElement(qa,{variant:"label",size:"medium",color:"neutral600",className:"group-title"},$a.t(a.title))),te.createElement(Ua,{size:4}),te.createElement(vr,null,a.swaps.map(p=>{let l=p.steps[0],u=p.steps[p.steps.length-1];return te.createElement(te.Fragment,{key:p.requestId},te.createElement(za,{requestId:p.requestId,creationTime:p.creationTime,status:p.status,onClick:o,onlyShowTime:a.title==="Today",swapTokenData:{from:{token:{image:l.fromLogo,displayName:l.fromSymbol},blockchain:{image:l.fromBlockchainLogo||""},amount:ko(p.inputAmount)},to:{token:{image:u.toLogo,displayName:u.toSymbol},blockchain:{image:u.toBlockchainLogo||""},amount:ko(u.outputAmount||""),estimatedAmount:ko(u.expectedOutputAmountHumanReadable||"")}}}))}))))))}s(br,"SwapsGroup");import Ha from"dayjs";var Ga=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=Ha();return t.forEach(n=>{let r=Ha(Number(n.creationTime));o.isSame(r,"day")?e.get("today")?.swaps.push(n):o.isSame(r,"month")?e.get("month")?.swaps.push(n):o.isSame(r,"year")?e.get("year")?.swaps.push(n):e.get("history")?.swaps.push(n)}),Array.from(e.values())},"groupSwapsByDate");var cn=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 Qm=Va("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",height:"100%",gap:15}),Zm=Va("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),Jm=s((t,e)=>t?.length?t.filter(o=>Ve(o.fromBlockchain,e)||Ve(o.toBlockchain,e)||Ve(o.toSymbol,e)||Ve(o.fromSymbol,e)).length:!1,"isStepContainsText");function Ra(){let t=ve.use.setSelectedSwap(),e=Ym(),{navigateBackFrom:o}=re(),{manager:n,state:r}=Rm(),i=cn(n).map(({swap:m})=>m),[a,p]=jm(""),l=!r.loadedFromPersistor,u=s(m=>{let h=m.target.value;p(h)},"searchHandler"),c=i;a&&(c=i.filter(m=>Ve(m.inputAmount,a)||Ve(m.status,a)||Jm(m.steps,a)||Ve(m.requestId,a)));let d=!c?.length&&!l;return mt.createElement(Q,{header:{onBack:o.bind(null,g.swaps),title:mn.t("History")}},mt.createElement(Qm,null,mt.createElement(it,{setValue:p,fullWidth:!0,variant:"contained",placeholder:mn.t("Search Transaction"),autoFocus:!0,onChange:u,value:a}),mt.createElement(Zm,null,d&&mt.createElement(Oa,null,mt.createElement(Xm,{size:32}),mt.createElement(Km,{title:mn.t("No results found"),description:a?mn.t("Try using different keywords"):""})),!d&&mt.createElement(br,{list:c,onSwapClick:m=>{t(m),e(`${m}`,{replace:!0})},groupBy:Ga,isLoading:l}))))}s(Ra,"HistoryPage");import{i18n as eo}from"@lingui/core";import{List as ed,ListItemButton as td,Radio as Er,RadioRoot as od,Typography as Br}from"@rango-dev/ui";import He,{useState as nd}from"react";import{styled as dn}from"@rango-dev/ui";var st=dn("div",{height:"100%",overflow:"hidden"}),Jt=dn("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto"}),xr=dn("div",{width:80,display:"flex",justifyContent:"flex-end"}),Ar=dn("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});function Xa(){let{navigateBackFrom:t}=re(),[e,o]=nd("english"),n=[{id:"english",value:"english",title:He.createElement(Br,{variant:"title",size:"xmedium"},eo.t("English")),onClick:()=>o("english"),end:He.createElement(Er,{value:"english"})},{id:"french",value:"french",title:He.createElement(Br,{variant:"title",size:"xmedium"},eo.t("French")),onClick:()=>o("french"),end:He.createElement(Er,{value:"french"})},{id:"spanish",value:"spanish",title:He.createElement(Br,{variant:"title",size:"xmedium"},eo.t("Spanish")),onClick:()=>o("spanish"),end:He.createElement(Er,{value:"spanish"})}];return He.createElement(Q,{header:{onBack:t.bind(null,g.settings),title:eo.t("Language")}},He.createElement(st,null,He.createElement(od,{value:e},He.createElement(ed,{type:He.createElement(td,{title:eo.t("language"),id:"_",onClick:()=>console.log()}),items:n}))))}s(Xa,"LanguagePage");import{i18n as $t}from"@lingui/core";import{Button as ld,Checkbox as pd,Image as ud,ListItemButton as cd,NotFound as md,Typography as dd}from"@rango-dev/ui";import ke,{useState as fd}from"react";import{Checkbox as sd,Skeleton as ja}from"@rango-dev/ui";import to from"react";import{ListItem as rd,styled as id}from"@rango-dev/ui";var Ka=id(rd,{height:61});var ad=30;function Wr(){return to.createElement(Jt,null,Array.from(Array(ad),t=>to.createElement(Ka,{hasDivider:!0,key:t,start:to.createElement(ja,{variant:"circular",width:35,height:35}),title:to.createElement(ja,{variant:"text",size:"large",width:90}),end:to.createElement(sd,{checked:!1})})))}s(Wr,"LoadingLiquiditySourceList");function fn(t){let e=v.use.meta().swappers,o=$.use.disabledLiquiditySources(),n=[];return Wt(e.map(i=>i.swapperGroup)).map(i=>{let a=e.find(p=>p.swapperGroup===i);if(a){let p=!0;t&&(p=t.some(l=>l===a.swapperGroup)),p&&a.types.map(l=>{n.push({id:a.swapperGroup,groupTitle:a.swapperGroup,logo:a.logo,type:l,selected:!o.includes(a.swapperGroup)})})}}),n}s(fn,"getUniqueSwappersGroups");function Ya(t,e){return t.groupTitle<e.groupTitle?-1:t.groupTitle>e.groupTitle?1:0}s(Ya,"sortLiquiditySourcesByGroupTitle");function Nr({supportedSwappers:t,sourceType:e}){let[o,n]=fd(""),r=$.use.toggleLiquiditySource(),{navigateBackFrom:i}=re(),a=v.use.loadingStatus(),p=fn(t),l=[];e==="Exchanges"&&l.push("DEX"),e==="Bridges"&&(l.push("BRIDGE"),l.push("AGGREGATOR"));let u=p.filter(y=>l.includes(y.type)),c=u.length===u.filter(y=>y.selected).length,d=s(()=>{u.forEach(y=>{c?r(y.groupTitle):y.selected||r(y.groupTitle)})},"toggleAllSources"),m=u.sort(Ya).map(y=>{let{selected:S,groupTitle:k,logo:f}=y;return{start:ke.createElement(ud,{src:f,size:22,type:"circular"}),onClick:()=>r(k),end:ke.createElement(pd,{checked:S}),title:ke.createElement(dd,{variant:"title",size:"xmedium"},$t.t(k)),...y}}),h=s(y=>{let S=y.target.value;n(S)},"searchHandler"),C=m;return o&&(C=m.filter(y=>Ve(y.groupTitle,o))),ke.createElement(Q,{header:{onBack:i.bind(null,g.settings),title:$t.t(e),suffix:ke.createElement(xr,null,ke.createElement(ld,{variant:"ghost",size:"xsmall",onClick:d},$t.t(c?"Deselect all":"Select all")))}},ke.createElement(st,null,ke.createElement(it,{value:o,setValue:n,fullWidth:!0,color:"light",variant:"contained",placeholder:$t.t("Search {sourceType}",{sourceType:e}),onChange:h}),a==="loading"&&ke.createElement(Wr,null),!C.length&&o?ke.createElement(Ar,null,ke.createElement(md,{title:$t.t("No results found"),description:$t.t("Try using different keywords")})):a==="success"&&ke.createElement(Jt,null,C.map(y=>ke.createElement(ke.Fragment,{key:y.id},ke.createElement(cd,{style:{height:"61px"},...y,selected:!1,hasDivider:!0}))))))}s(Nr,"LiquiditySourcePage");import{i18n as rl}from"@lingui/core";import{Divider as Pr,SelectableCategoryList as vd}from"@rango-dev/ui";import Tt,{useState as il}from"react";import{i18n as Mr}from"@lingui/core";import{Divider as ol,Image as Sd,ListItemButton as Cd,NotFound as kd,Typography as nl}from"@rango-dev/ui";import De,{useEffect as Td,useState as wd}from"react";import{BlockchainCategories as Ir}from"@rango-dev/ui";import{TransactionType as gn}from"rango-sdk";var gd=s((t,e)=>{switch(e){case Ir.ALL:return!0;case Ir.UTXO:return t.type===gn.TRANSFER;case Ir.OTHER:return t.type!==gn.TRANSFER&&t.type!==gn.COSMOS&&t.type!==gn.EVM;default:return t.type===e}},"filterByType"),Qa=s((t,e,o)=>t.filter(n=>gd(n,o)).filter(n=>gt(n.name,e)||gt(n.displayName,e)),"filterBlockchains");import{styled as Za}from"@rango-dev/ui";var Ja=Za("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),hn=Za("ul",{padding:0,margin:0,listStyle:"none",overflowY:"auto",paddingRight:"$5",".image-container":{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as hd,Skeleton as el}from"@rango-dev/ui";import yn from"react";var yd=20;function tl(){return yn.createElement(hn,null,Array.from(Array(yd),t=>yn.createElement(hd,{key:t,hasDivider:!0,start:yn.createElement(el,{variant:"circular",width:35,height:35}),title:yn.createElement(el,{variant:"text",size:"large",width:90})})))}s(tl,"LoadingBlockchainList");function Lr(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[i,a]=wd(e),p=v.use.loadingStatus();Td(()=>{a([...Qa(e,o,r)])},[e,o,r]);let l=s(()=>!i.length&&o?De.createElement(De.Fragment,null,De.createElement(ol,{size:32}),De.createElement(kd,{title:Mr.t("No results found"),description:Mr.t("Try using different keywords")})):De.createElement(hn,{key:`${r}-${o}`},i.map(u=>De.createElement(Cd,{key:`${u.name}-${u.chainId}`,hasDivider:!0,onClick:()=>n(u),start:De.createElement(Sd,{src:u.logo,size:30}),title:De.createElement(nl,{variant:"title",size:"medium"},u.displayName),id:u.chainId}))),"renderList");return De.createElement(Ja,null,De.createElement(nl,{variant:"label",size:"large"},Mr.t("Select Blockchain")),De.createElement(ol,{size:4}),p==="loading"&&De.createElement(tl,null),p==="success"&&l())}s(Lr,"BlockchainList");function Dr(t){let{type:e}=t,{navigateBackFrom:o}=re(),[n,r]=il(""),[i,a]=il("ALL"),p=P.use.setToBlockchain(),l=P.use.setFromBlockchain(),{loadingStatus:u}=v(),c=Le().blockchains({type:e}),d=e==="source"?"fromBlockchain":"toBlockchain";return Tt.createElement(Q,{header:{onBack:()=>{o(g[d])},title:rl.t("Select Blockchain")}},Tt.createElement(Pr,{size:12}),Tt.createElement(vd,{setCategory:a,category:i,blockchains:c,isLoading:u==="loading"}),Tt.createElement(Pr,{size:24}),Tt.createElement(it,{value:n,autoFocus:!0,placeholder:rl.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:m=>r(m.target.value)}),Tt.createElement(Pr,{size:16}),Tt.createElement(Lr,{list:c,searchedFor:n,blockchainCategory:i,onChange:m=>{e==="source"?l(m):p(m),o(g[d])}}))}s(Dr,"SelectBlockchainPage");import{i18n as wl}from"@lingui/core";import{Divider as vl}from"@rango-dev/ui";import Ut,{useState as qd}from"react";import{useNavigate as Hd}from"react-router-dom";import{i18n as _r}from"@lingui/core";import{BlockchainsChip as Fr,Divider as ll,Image as Wd,Skeleton as Nd,Typography as Or}from"@rango-dev/ui";import xe from"react";import{useMemo as bd,useRef as xd}from"react";function sl(t,e){let o=xd({index:-1,name:""});t.sort(Ed);let n=t.map(r=>r.name).join("-");return bd(()=>{let r=t,i=[];if(e?.limit&&t.length>e.limit){let a=e.limit,p=e.selected?t.findIndex(u=>u.name===e.selected):-1,l=o.current.index>e.limit-1&&!!t.find(u=>u.name===o.current.name);e.selected&&(l&&p<e.limit-1||p>e.limit-1)&&t.sort(Ad(l?o.current.name:e.selected)),i=r.splice(a),o.current={index:p,name:e.selected??""}}return{list:r,more:i}},[n])}s(sl,"usePrepareBlockchainList");function Ad(t){return s(function(o,n){return o.name===t?-1:n.name===t?1:0},"sortBySelected")}s(Ad,"generateSortBySelectedFor");function Ed(t,e){let o=["ETH","COSMOS","OSMOSIS"],n=o.findIndex(p=>p===t.name),r=o.findIndex(p=>p===e.name),i=n>-1,a=r>-1;return i&&a?n>r?1:-1:i?-1:a?1:0}s(Ed,"sortByMostUsedBlockchains");import{styled as Bd}from"@rango-dev/ui";var al=Bd("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var pl=10,$r=pl+1,Id=12;function Ur(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:i}=t,a=sl(e,{limit:e.length===$r?$r:pl,selected:n?.name}),p=v.use.loadingStatus(),l=P.use.resetToBlockchain(),u=P.use.resetFromBlockchain(),c=e.length!==$r&&a.more.length;return xe.createElement("div",null,xe.createElement(ll,{size:12}),xe.createElement(Or,{variant:"label",size:"large"},_r.t("Select Blockchain")),xe.createElement(ll,{size:12}),xe.createElement(al,null,p==="loading"&&Array.from(Array(Id),d=>xe.createElement(Nd,{key:d,variant:"rounded",height:50})),p==="success"&&xe.createElement(xe.Fragment,null,xe.createElement(Fr,{selected:!n,onClick:()=>{o==="from"?u():l()}},xe.createElement(Or,{variant:"body",size:"xsmall",color:"secondary500"},_r.t("All"))),a.list.map(d=>xe.createElement(Fr,{key:d.name,selected:!!n&&n.name===d.name,onClick:()=>r(d)},xe.createElement(Wd,{src:d.logo,size:30}))),c?xe.createElement(Fr,{onClick:i},xe.createElement(Or,{variant:"body",size:"xsmall",color:"secondary500"},_r._("More +{count}",{count:a.more.length}))):null)))}s(Ur,"BlockchainsSection");import{i18n as Vr}from"@lingui/core";import{darkTheme as yl,Divider as no,ExternalLinkIcon as Pd,Image as Dd,ListItemButton as _d,NotFound as Fd,PinIcon as Od,Skeleton as Sl,Typography as ro,VirtualizedList as $d}from"@rango-dev/ui";import M,{forwardRef as Ud,useEffect as Cl,useState as kl}from"react";var ul=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,p]=t.match(/.{2}/g);[i,a,p]=[parseInt(i,16)+e,parseInt(a,16)+e,parseInt(p,16)+e],i=Math.max(Math.min(255,i),0).toString(16),a=Math.max(Math.min(255,a),0).toString(16),p=Math.max(Math.min(255,p),0).toString(16);let l=(i.length<2?"0":"")+i,u=(a.length<2?"0":"")+a,c=(p.length<2?"0":"")+p;return`#${l}${u}${c}`},"colorShade"),Sn=s((t,e)=>{let a={[t]:e};for(let p=1;p<10;p++)p<5&&(a={...a,[t+p*100]:ul(e,(5-p)*32)}),p===5&&(a={...a,[t+p*100]:e}),p>5&&(a={...a,[t+p*100]:ul(e,-((p-5)*32))});return a},"generateRangeColors"),zr=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 p=Sn(i,a);r={...r,[`${i}100`]:p[`${i}900`],[`${i}200`]:p[`${i}800`],[`${i}300`]:p[`${i}700`],[`${i}400`]:p[`${i}600`],[`${i}500`]:p[`${i}500`],[`${i}600`]:p[`${i}400`],[`${i}700`]:p[`${i}300`],[`${i}800`]:p[`${i}200`],[`${i}900`]:p[`${i}100`]}}else r={...r,...Sn(i,a)}}return n?r:{}},"generateColors");import{Divider as gl,ListItem as Ld,Skeleton as oo}from"@rango-dev/ui";import Ge from"react";import{styled as je,Typography as Md}from"@rango-dev/ui";var cl=je("div",{display:"flex",flexDirection:"column",flexGrow:1}),qr=je("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),Cn=je("ul",{flexGrow:1,padding:0,margin:0,listStyle:"none","& li":{alignItems:"none",".description":{position:"relative",height:12,width:150,".token-title":{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",bottom:"-8px"},".token-address":{transform:"translateY(12px)",visibility:"hidden","& a":{fontSize:"$12",lineHeight:"$16",color:"$neutral600",textDecoration:"none"}},".token-name":{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}},"&:hover":{".description":{".token-address":{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",visibility:"visible"},".token-address-without-name":{bottom:"-15px"},".token-name":{position:"absolute",transform:"translateY(-12px)",visibility:"hidden"},".token-title":{position:"absolute",transform:"translateY(-12px)",bottom:"-10px"}}}}}),Hr=je("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),Gr=je(Md,{}),ml=je("div",{textAlign:"right"}),kn=je("ul",{display:"flex",alignItems:"end",flexDirection:"column"}),YA=je("div",{display:"flex",alignItems:"center"}),dl=je("div",{position:"relative",".image-container":{borderRadius:"$xm",overflow:"hidden"}}),fl=je("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6});function hl(t){return Ge.createElement(Cn,null,Array.from(Array(t.size),e=>Ge.createElement(Ld,{key:e,hasDivider:!0,start:Ge.createElement(oo,{variant:"circular",width:35,height:35}),end:Ge.createElement(kn,null,Ge.createElement(oo,{variant:"text",size:"large",width:70}),Ge.createElement(gl,{size:4}),Ge.createElement(oo,{variant:"text",size:"medium",width:50})),title:Ge.createElement("div",null,Ge.createElement(oo,{variant:"text",size:"large",width:90}),Ge.createElement(gl,{size:4}),Ge.createElement(oo,{variant:"text",size:"medium",width:90}))})))}s(hl,"LoadingTokenList");var Rr=20,zd=s(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:i,customCssForTagTitle:a}=t,p=e.length;return M.createElement("div",{className:"description"},o?M.createElement("div",{className:"token-name"},o):M.createElement(qr,{className:"token-title"},M.createElement(ro,{variant:"title",size:"xmedium"},r.symbol),M.createElement(no,{direction:"horizontal",size:4}),M.createElement(Hr,{css:i},M.createElement(Gr,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&M.createElement("div",{className:`token-address ${!o&&"token-address-without-name"}`},M.createElement("a",{href:n,target:"_blank",rel:"nofollow noreferrer",onClick:l=>l.stopPropagation()},p>10?`${e.slice(0,5)}...${e.slice(p-6,p)}`:e," ",M.createElement(Pd,{color:"gray",size:12}))))},"renderDesc");function Tl(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[i,a]=kl(e),p=v.use.loadingStatus(),[l,u]=kl(!0),c=G.use.loading(),{blockchains:d}=v.use.meta(),{isTokenPinned:m}=Le(),h=Ud((S,k)=>M.createElement("div",{...S,ref:k,style:{...S.style,height:`${parseFloat(S.style?.height)+8*2}px`}})),C=s(()=>{a(e.slice(0,i.length+Rr))},"loadNextPage");Cl(()=>{u(e.length>i.length)},[i.length]),Cl(()=>{a(e.slice(0,Rr))},[e]);let y=s(()=>!i.length&&o?M.createElement(M.Fragment,null,M.createElement(no,{size:32}),M.createElement(Fd,{title:Vr.t("No results found"),description:Vr.t("Try using different keywords")})):M.createElement($d,{Item:({index:S,style:k})=>{let f=i[S],w=f.address||"",b=d.find(E=>E.name===f.blockchain),x=Sn(f.symbol,b?.color||""),W={$$color:x[`${f.symbol}100`],[`.${yl} &`]:{$$color:x[`${f.symbol}900`]},backgroundColor:"$$color"},F={$$color:x[`${f.symbol}700`],[`.${yl} &`]:{$$color:x[`${f.symbol}100`]},color:"$$color"};return M.createElement("div",{style:{...k,paddingRight:5}},M.createElement(_d,{style:{height:k?.height},"tab-index":S,key:`${f.symbol}${f.address}`,id:`${f.symbol}${f.address}`,hasDivider:!0,onClick:()=>n(i[S]),start:M.createElement(dl,null,M.createElement(Dd,{src:f.image,size:30}),m(f)&&M.createElement(fl,null,M.createElement(Od,{size:12,color:"gray"}))),title:b?.type==="COSMOS"||f.name||!f.name&&!w?M.createElement(qr,null,M.createElement(ro,{variant:"title",size:"xmedium"},f.symbol),M.createElement(no,{direction:"horizontal",size:4}),M.createElement(Hr,{css:W},M.createElement(Gr,{variant:"body",size:"xsmall",css:F},f.blockchain))):void 0,description:b?.info&&w&&b.type!=="COSMOS"?zd({address:w,token:i[S],customCssForTag:W,customCssForTagTitle:F,name:f.name,url:b.info.addressUrl.split("{wallet}").join(w)}):f.name||void 0,end:c?M.createElement(kn,null,M.createElement(Sl,{variant:"text",size:"large",width:70}),M.createElement(no,{size:4}),M.createElement(Sl,{variant:"text",size:"medium",width:50})):i[S]?.balance&&M.createElement(ml,null,M.createElement(ro,{variant:"title",size:"small"},f.balance?.amount),M.createElement("div",null),f.balance?.usdValue&&M.createElement(ro,{variant:"body",color:"neutral600",size:"xsmall"},`$${f.balance?.usdValue}`))}))},hasNextPage:l,itemCount:i.length,loadNextPage:C,innerElementType:h,size:60,key:`${r}-${o}`}),"renderList");return M.createElement(cl,null,M.createElement(ro,{variant:"label",size:"large"},Vr.t("Select Token")),M.createElement(no,{size:4}),p==="loading"&&M.createElement(hl,{size:Rr}),p==="success"&&M.createElement(Cn,null,y()))}s(Tl,"TokenList");function Xr(t){let{type:e}=t,o=Hd(),{navigateBackFrom:n}=re(),{fromBlockchain:r,toBlockchain:i,setFromToken:a,setToToken:p,setFromBlockchain:l,setToBlockchain:u}=P(),{connectedWallets:c}=G(),[d,m]=qd(""),C=(e==="source"?r:i)?.name??"",y=Le().blockchains({type:e}),S=Le().tokens({type:e,blockchain:C,searchFor:d}),k=Ii(S,c),f=s(b=>{e==="source"?l(b):u(b)},"updateBlockchain"),w=s(b=>{e==="source"?a(b):p(b)},"updateToken");return Ut.createElement(Q,{header:{onBack:()=>n(e==="source"?g.fromSwap:g.toSwap),title:wl.t("Swap {type}",{type:e==="source"?"from":"to"})}},Ut.createElement(Ur,{blockchains:y,type:e=="source"?"from":"to",blockchain:e==="source"?r:i,onMoreClick:()=>o(e==="source"?g.fromBlockchain:g.toBlockchain),onChange:b=>{f(b)}}),Ut.createElement(vl,{size:24}),Ut.createElement(it,{value:d,autoFocus:!0,placeholder:wl.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>m(""),onChange:b=>m(b.target.value)}),Ut.createElement(vl,{size:16}),Ut.createElement(Tl,{list:k,selectedBlockchain:C,searchedFor:d,onChange:b=>{w(b);let x=y.find(W=>b.blockchain===W.name);x&&f(x),n(g.fromSwap)}}))}s(Xr,"SelectSwapItemsPage");import{i18n as wt}from"@lingui/core";import{ChevronRightIcon as Yr,Divider as Qr,InfoIcon as jd,List as Yd,ListItemButton as Qd,Skeleton as Zd,Switch as Jd,Tooltip as ef,Typography as vt}from"@rango-dev/ui";import q from"react";import{useNavigate as tf}from"react-router-dom";import{i18n as Bl}from"@lingui/core";import{Chip as Vd,Divider as Wl,InfoIcon as Rd,TextField as Xd,Tooltip as Kd,Typography as Nl}from"@rango-dev/ui";import Ae from"react";import{styled as Tn}from"@rango-dev/ui";var bl=Tn("div",{paddingTop:"$5",paddingBottom:"30px"}),xl=Tn("div",{display:"flex",alignItems:"center",justifyContent:"start"}),Al=Tn("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),wn=Tn("div",{maxWidth:"300px",padding:"$10"});import{i18n as Kr}from"@lingui/core";import{Typography as Gd}from"@rango-dev/ui";import io from"react";function El(){return io.createElement(wn,null,io.createElement(Gd,{variant:"label",size:"medium",color:"neutral700"},Kr.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),io.createElement("br",null),io.createElement("br",null),io.createElement("b",null,Kr.t("Warning")),":",Kr.t("This setting is applied per step, e.g. 1Inch, Thorchain, etc. and only that step will be reverted, not the whole transaction")))}s(El,"SlippageTooltipContent");function jr(){let t=$.use.slippage(),e=$.use.setSlippage(),o=$.use.customSlippage(),n=$.use.setCustomSlippage();return Ae.createElement(bl,null,Ae.createElement(Al,null,Ae.createElement(Nl,{variant:"title",size:"xmedium"},Bl.t("Slippage tolerance per swap")),Ae.createElement(Wl,{direction:"horizontal",size:4}),Ae.createElement(Kd,{container:ae(),side:"top",content:Ae.createElement(El,null)},Ae.createElement(Rd,{color:"gray"}))),Ae.createElement(xl,null,ts.map((r,i)=>{let a=`slippage-${i}`;return Ae.createElement(Ae.Fragment,null,Ae.createElement(Vd,{style:{width:"64px",flexShrink:0},key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`}),Ae.createElement(Wl,{direction:"horizontal",size:8}))}),Ae.createElement(Xd,{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>=is&&i<=rs)&&n(i)},suffix:o&&Ae.createElement(Nl,{variant:"body",size:"small"},"%"),placeholder:Bl.t("Custom")})))}s(jr,"Slippage");function Il({supportedSwappers:t,singleTheme:e}){let o=tf(),{navigateBackFrom:n}=re(),r=$.use.infiniteApprove(),i=$.use.toggleInfiniteApprove(),a=v.use.loadingStatus(),p=fn(t),l=p.filter(b=>b.type==="BRIDGE"||b.type==="AGGREGATOR"),u=l.length,c=l.filter(b=>b.selected).length,d=p.filter(b=>b.type==="DEX"),m=d.length,h=d.filter(b=>b.selected).length,C=s((b,x)=>{switch(a){case"loading":return q.createElement(Zd,{variant:"text",size:"medium",width:50});case"failed":return q.createElement(vt,{variant:"body",size:"medium",color:"$error500"},wt.t("Loading failed"));default:return q.createElement(vt,{variant:"body",size:"medium"},`${b} / ${x}`)}},"handleEndItem"),y={id:"bridge-item",title:q.createElement(vt,{variant:"title",size:"xmedium"},wt.t("Enabled bridges")),end:q.createElement(q.Fragment,null,C(c,u),q.createElement(Qr,{direction:"horizontal",size:8}),q.createElement(Yr,{color:"black"})),onClick:()=>o(g.bridges)},S={id:"exchange-item",title:q.createElement(vt,{variant:"title",size:"xmedium"},wt.t("Enabled exchanges")),end:q.createElement(q.Fragment,null,C(h,m),q.createElement(Qr,{direction:"horizontal",size:8}),q.createElement(Yr,{color:"gray"})),onClick:()=>o(g.exchanges)},k={id:"theme-item",title:q.createElement(vt,{variant:"title",size:"xmedium"},wt.t("Theme")),end:q.createElement(Yr,{color:"gray"}),onClick:()=>o(g.themes)},f={id:"infinite-approval-item",title:q.createElement(q.Fragment,null,q.createElement(vt,{variant:"title",size:"xmedium"},wt.t("Infinite Approval")),q.createElement(Qr,{direction:"horizontal",size:4}),q.createElement(ef,{side:"top",container:ae(),content:q.createElement(wn,null,q.createElement(vt,{variant:"label",size:"medium",color:"neutral700"},wt.t("Enabling the 'Infinite Approval' mode grants unrestricted access to smart contracts of DEXes/Bridges, allowing them to utilize the approved token amount without limitations.")))},q.createElement(jd,{color:"gray"}))),end:q.createElement(Jd,{checked:r}),onClick:i},w=[y,S];return e||w.push(k),w.push(f),q.createElement(Q,{header:{onBack:n.bind(null,g.settings),title:wt.t("Setting")}},q.createElement(st,null,q.createElement(jr,null),q.createElement(Yd,{type:q.createElement(Qd,{title:"_",id:"_",onClick:()=>console.log()}),items:w})))}s(Il,"SettingsPage");import{cancelSwap as Qf}from"@rango-dev/queue-manager-rango-preset";import{useManager as Zf}from"@rango-dev/queue-manager-react";import pp from"react";import{i18n as at}from"@lingui/core";import{getCurrentBlockchainOfOrNull as If,getCurrentStep as Mf,getRelatedWalletOrNull as Lf,PendingSwapNetworkStatus as Mn}from"@rango-dev/queue-manager-rango-preset";import{Button as tp,CopyIcon as Pf,Divider as Df,IconButton as _f,RouteCost as Ff,RouteSummary as Of,StepDetails as $f,Typography as qt,useCopyToClipboard as Uf}from"@rango-dev/ui";import{useWallets as zf}from"@rango-dev/wallets-react";import Z,{useEffect as op,useRef as qf,useState as np}from"react";import{useNavigate as Hf}from"react-router-dom";import{i18n as Ee}from"@lingui/core";var of=1e3,nf=31536e3,rf=2592e3,sf=86400,af=3600,lf=60;function Ml(t){let e=Math.floor((Date.now()-t)/of),n=[{turningPoint:nf,label:Ee.t("year"),pluralLabel:Ee.t("years")},{turningPoint:rf,label:Ee.t("month"),pluralLabel:Ee.t("months")},{turningPoint:sf,label:Ee.t("day"),pluralLabel:Ee.t("days")},{turningPoint:af,label:Ee.t("hour"),pluralLabel:Ee.t("hours")},{turningPoint:lf,label:Ee.t("minute"),pluralLabel:Ee.t("minutes")}].sort((r,i)=>i.turningPoint-r.turningPoint);for(let r of n){let{turningPoint:i,label:a,pluralLabel:p}=r,l=Math.floor(e/i);if(l>1)return`${l} ${p}`;if(l===1)return`${l} ${a}`}return e>1?`${e} ${Ee.t("seconds")}`:`${e} ${Ee.t("second")}`}s(Ml,"timeSince");function Ll(t){return t.finishTime?Ee.t({id:"timeAgo",message:"{time} ago",values:{time:Ml(parseInt(t.finishTime))}}):Ee.t({id:"timeAgo",message:"{time} ago",values:{time:Ml(parseInt(t.creationTime))}})}s(Ll,"getSwapDate");import{PendingSwapNetworkStatus as xn}from"@rango-dev/queue-manager-rango-preset";import{Modal as gf}from"@rango-dev/ui";import An from"react";import{i18n as vn}from"@lingui/core";import{Button as Pl,Divider as Zr,MessageBox as pf,Typography as Dl}from"@rango-dev/ui";import Ye from"react";var _l=s(({onCancel:t,onClose:e})=>Ye.createElement(Ye.Fragment,null,Ye.createElement(Zr,{size:20}),Ye.createElement(pf,{type:"error",title:vn.t("Transaction Cancel"),description:vn.t("Are you sure you want to Cancel this swap?")}),Ye.createElement(Zr,{size:32}),Ye.createElement(Pl,{variant:"contained",type:"primary",size:"large",onClick:t},Ye.createElement(Dl,{variant:"title",size:"medium",color:"neutral100"},vn.t("Yes, Cancel it"))),Ye.createElement(Zr,{size:12}),Ye.createElement(Pl,{variant:"outlined",type:"primary",size:"large",onClick:e},Ye.createElement(Dl,{variant:"title",size:"medium",color:"primary"},vn.t("No, Continue")))),"CancelContent");import{i18n as bn}from"@lingui/core";import{Button as Fl,Divider as Jr,MessageBox as uf,Typography as Ol}from"@rango-dev/ui";import Qe from"react";var $l=s(({onDelete:t,onClose:e})=>Qe.createElement(Qe.Fragment,null,Qe.createElement(Jr,{size:20}),Qe.createElement(uf,{type:"error",title:bn.t("Delete Transaction"),description:bn.t("Are you sure you want to delete this swap?")}),Qe.createElement(Jr,{size:32}),Qe.createElement(Fl,{variant:"contained",type:"primary",size:"large",onClick:t},Qe.createElement(Ol,{variant:"title",size:"medium",color:"neutral100"},bn.t("Yes, Delete it"))),Qe.createElement(Jr,{size:12}),Qe.createElement(Fl,{variant:"outlined",type:"primary",size:"large",onClick:e},Qe.createElement(Ol,{variant:"title",size:"medium",color:"primary"},bn.t("No, Cancel")))),"DeleteContent");import{i18n as ei}from"@lingui/core";import{PendingSwapNetworkStatus as ti}from"@rango-dev/queue-manager-rango-preset";var oi={[ti.WaitingForNetworkChange]:{type:"loading",title:ei.t("Change Network")},[ti.WaitingForConnectingWallet]:{type:"warning",title:ei.t("Connect Wallet")},[ti.NetworkChanged]:{type:"success",title:ei.t("Network Changed")}};import{MessageBox as mf,Wallet as df,WalletState as zl}from"@rango-dev/ui";import{useWallets as ff}from"@rango-dev/wallets-react";import so from"react";import{styled as cf}from"@rango-dev/ui";var Ul=cf("div",{display:"flex",justifyContent:"center"});var ql=s(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:i}=t,{connect:a,getWalletInfo:p,state:l}=ff(),u=n?.walletType,d=u&&l(u).connected?zl.CONNECTED:zl.DISCONNECTED;return so.createElement(so.Fragment,null,so.createElement(mf,{type:e,title:o,description:r}),i&&u&&so.createElement(Ul,null,so.createElement(df,{container:ae(),title:p(u).name,image:p(u).img,type:u,state:d,onClick:async()=>a(u)})))},"WalletStateContent");function ni(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:i,message:a}=t,p=e===xn.WaitingForNetworkChange||e===xn.WaitingForConnectingWallet||e===xn.NetworkChanged;return An.createElement(gf,{open:!!e,onClose:o,container:document.getElementById("swap-box")||document.body},p&&An.createElement(ql,{type:oi[e].type,title:oi[e].title,currentStepWallet:i,message:a,showWalletButton:e!==xn.WaitingForNetworkChange}),e==="delete"&&An.createElement($l,{onClose:o,onDelete:n}),e==="cancel"&&An.createElement(_l,{onClose:o,onCancel:r}))}s(ni,"SwapDetailsModal");import{i18n as ao}from"@lingui/core";import{Button as ri,Divider as En,MessageBox as Hl,Modal as hf,TokenAmount as yf,Typography as Bn}from"@rango-dev/ui";import fe from"react";import{useNavigate as Sf}from"react-router-dom";function ii(t){let{open:e,onClose:o,status:n,priceValue:r,usdValue:i,token:a,chain:p,percentageChange:l,description:u,diagnosisUrl:c}=t,d=Sf();return fe.createElement(hf,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},n==="success"?fe.createElement(Hl,{type:"success",title:ao.t("Swap Successful")},fe.createElement(yf,{direction:"vertical",type:"output",centerAlign:!0,price:{value:r,usdValue:i},token:a,chain:p,percentageChange:l}),fe.createElement(En,{size:12}),fe.createElement(Bn,{variant:"body",size:"medium",color:"neutral700",align:"center"},u)):fe.createElement(Hl,{type:"error",title:ao.t("Transaction Failed"),description:u}),fe.createElement(En,{size:32}),n==="success"&&fe.createElement(ri,{variant:"contained",type:"primary",size:"large",onClick:()=>d(g.home)},fe.createElement(Bn,{variant:"title",size:"medium",color:"neutral100"},ao.t("Done"))),fe.createElement(En,{size:12}),c&&fe.createElement(fe.Fragment,null,fe.createElement(ri,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(c,"_blank")},fe.createElement(Bn,{variant:"title",size:"medium",color:"primary"},ao.t("Diagnosis"))),fe.createElement(En,{size:12})),fe.createElement(ri,{variant:"outlined",type:"primary",size:"large",onClick:o},fe.createElement(Bn,{variant:"title",size:"medium",color:"primary"},ao.t("See Details"))))}s(ii,"SwapDetailsCompleteModal");import Wf from"react";import{i18n as xf}from"@lingui/core";import{Alert as jl,IconButton as Af,LinkIcon as Ef}from"@rango-dev/ui";import dt,{Fragment as Bf}from"react";import{Alert as Cf,ChevronDownIcon as kf,ChevronUpIcon as Tf,IconButton as wf}from"@rango-dev/ui";import Wn,{useState as vf}from"react";function Gl(t){let{message:e}=t,[o,n]=vf(!1);return Wn.createElement(Cf,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&Wn.createElement(wf,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?Wn.createElement(Tf,{size:12,color:"gray"}):Wn.createElement(kf,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}s(Gl,"FailedAlert");import{styled as bf}from"@rango-dev/ui";var Vl=bf("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as Rl}from"@lingui/core";import{PendingSwapNetworkStatus as si}from"@rango-dev/queue-manager-rango-preset";import{Alert as ai,Button as Xl}from"@rango-dev/ui";import lo from"react";function Kl(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?lo.createElement(ai,{type:"warning",title:n.shortMessage,action:lo.createElement(Xl,{size:"xxsmall",type:"warning",onClick:()=>{o(si.WaitingForNetworkChange),e().catch(i=>{console.log(i)})}},Rl.t("Change"))}):r===si.WaitingForConnectingWallet?lo.createElement(ai,{type:"warning",title:n.shortMessage,action:lo.createElement(Xl,{size:"xxsmall",type:"warning",onClick:()=>{o(si.WaitingForConnectingWallet)}},Rl.t("Connect"))}):lo.createElement(ai,{type:"warning",title:n.shortMessage})}s(Kl,"WarningAlert");function li(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:i,hasAlreadyProceededToSign:a}=t,p=Xt(i),l=i.status==="waitingForApproval"&&!p,u=i.status==="running"&&!p;return dt.createElement(Vl,null,i.explorerUrl?.map((c,d,m)=>{let h=d+c.url,C=d===m.length-1,y=C&&u||l,S=C&&i.status==="failed";return dt.createElement(Bf,{key:h},dt.createElement(jl,{type:y&&"loading"||S&&"error"||"success",title:c.description?`${c.description} Tx`:xf.t("View transaction"),action:c.url&&dt.createElement(Af,{variant:"ghost",size:"xsmall",onClick:()=>window.open(c.url,"_blank")},dt.createElement(Ef,{size:16}))}))}),(u&&!a||l&&!i.explorerUrl?.length)&&dt.createElement(jl,{type:"loading",title:r.shortMessage}),i.status!=="failed"&&p&&dt.createElement(Kl,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),i.status==="failed"&&dt.createElement(Gl,{message:r}))}s(li,"SwapDetailsAlerts");var Yl=2e3;var Ql=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:Je(r.fromBlockchain,e)??"",image:r.fromBlockchainLogo??""},price:{value:T(a,6,6)}},to:{token:{displayName:r.toSymbol,image:r.toLogo},chain:{displayName:Je(r.toBlockchain,e)??"",image:r.toBlockchainLogo??""},price:{value:T(r.outputAmount||r.expectedOutputAmountHumanReadable,6,6)}},swapper:{displayName:r.swapperId,image:r.swapperLogo??""},alerts:Wf.createElement(li,{step:r,hasAlreadyProceededToSign:n,...o})}})},"getSteps");function Zl(t){if(Xt(t)&&t.status!=="failed"&&t.status!=="success")return"warning";switch(t.status){case"created":return"default";case"approved":case"waitingForApproval":case"running":return"in-progress";case"failed":return"error";case"success":return"completed"}}s(Zl,"getStepState");import{darkTheme as Nf,styled as zt}from"@rango-dev/ui";var Nn=zt("div",{display:"flex",width:"100%",flexDirection:"column",alignItems:"center",height:"0",flexGrow:1,"& .row":{display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",padding:"$10 $20",borderBottom:"1px solid",$$color:"$colors$neutral300",[`.${Nf} &`]:{$$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"}}),In=zt("div",{width:"100%"}),Jl=zt("div",{padding:"$0 $20 $20 $20",width:"100%",overflow:"auto"}),PB=zt("div",{display:"flex",flexDirection:"column",gap:"$10"}),ep=zt("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),DB=zt("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1});function pi(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:i,connect:a,getWalletInfo:p}=zf(),l=P.use.retry(),u=Hf(),{navigateBackFrom:c}=re(),[d,m]=Uf(Yl),h=qf(null),[C,y]=np(null),[S,k]=np(null),{meta:{tokens:f,blockchains:w}}=v(),b=s(()=>{r(),y(null)},"onCancel"),x=Pe.use.getUnreadNotifications(),W=Pe.use.setAsRead(),F=x(),E=Mf(e),O=E?.networkStatus;op(()=>{F.find(Y=>Y.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(k(e.status),W(e.requestId))},[e.status]),op(()=>{L?y(Mn.WaitingForNetworkChange):O===Mn.WaitingForConnectingWallet||O===Mn.NetworkChanged?y(O):y(null)},[O]);let X=Bs(e),oe=E?If(e,E):null,B=E?Lf(e,E):null,J=Ll(e),H=Ws(e),ne=s(_=>!!p(_)?.mobileWallet,"isMobileWallet"),L=O===Mn.WaitingForNetworkChange&&!!oe&&!!B?.walletType&&(ne(B.walletType)||i(B.walletType,oe)),me=L?a.bind(null,B.walletType,oe):void 0,Ne=Es(e,E),U=Ql({swap:e,switchNetwork:me,showNetworkModal:O,setNetworkModal:y,message:Ne,blockchains:w}),K=U.length,[Ie,Te]=[e.steps[0],e.steps[K-1]],_e=Te.outputAmount||Te.expectedOutputAmountHumanReadable,se=e.steps.reduce((_,Y)=>_+parseFloat(Y.feeInUsd||""),0),ft=e.steps.find(_=>_.diagnosisUrl)?.diagnosisUrl,Ze=T(String(parseFloat(T(_e,6,6))*(vo(Te.toBlockchain,Te.toSymbol,Te.toSymbolAddress,f)||0)),4,4),bt=T(String(parseFloat(e.inputAmount)*(vo(Ie.fromBlockchain,Ie.fromSymbol,Ie.fromSymbolAddress,f)||0)),4,4),D=et(bt,Ze),N=e.status==="success"?at.t({id:"receivedMessage",message:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:T(_e,6,6),token:U[K-1].to.token.displayName,conciseAddress:xo(e.wallets[U[K-1].to.chain.displayName]?.address||""),chain:U[K-1].to.chain.displayName}}):`${at.t("Transaction was not sent.")} ${X?at.t({id:"remainSymbol",message:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:X.outputAmount,symbol:X.symbol,blockchain:X.blockchain}}):""}`;return Z.createElement(Q,{noPadding:!0,header:{title:at.t("Swap and Bridge"),onBack:c.bind(null,g.swapDetails),onCancel:e.status==="running"?()=>y("cancel"):void 0,suffix:e.status!=="running"&&Z.createElement(Nt,null,Z.createElement(tp,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>y("delete")},Z.createElement(qt,{size:"medium",variant:"label",color:"error"},at.t("Delete"))))},footer:H&&!S&&Z.createElement(tp,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{l(e),setTimeout(()=>{u(g.home)},0)}},at.t("Try again"))},Z.createElement(Nn,null,Z.createElement(In,null,Z.createElement("div",{className:"row"},Z.createElement(qt,{variant:"label",size:"large",color:"neutral700"},`${at.t("Request ID")}:`),Z.createElement("div",{className:"request-id"},Z.createElement(qt,{variant:"label",size:"small",color:"neutral700"},o),Z.createElement(_f,{variant:"ghost",onClick:m.bind(null,o||"")},Z.createElement(Pf,{size:16,color:"gray"})))),Z.createElement("div",{className:"row"},Z.createElement(qt,{variant:"label",size:"large",color:"neutral700"},`${at.t("Created at")}:`),Z.createElement(qt,{variant:"label",size:"small",color:"neutral700"},J))),Z.createElement("div",{className:"output"},Z.createElement(Ff,{fee:T(String(se),2,2),time:At(Et(e.steps)),steps:K}),Z.createElement(Of,{from:{price:{value:T(e.inputAmount,6,6),usdValue:bt},token:{displayName:U[0].from.token.displayName,image:U[0].from.token.image},chain:{image:U[0].from.chain.image,displayName:U[0].from.chain.displayName}},to:{price:{value:T(_e,6,6),usdValue:Ze},token:{displayName:U[K-1].to.token.displayName,image:U[K-1].to.token.image},chain:{image:U[K-1].to.chain.image,displayName:U[K-1].to.chain.displayName}},percentageChange:T(D,2,2),warningLevel:It(D?.toNumber()??0)})),Z.createElement("div",{className:"title-steps"},Z.createElement(qt,{variant:"title",size:"small"},at.t("Swaps steps"))),Z.createElement(Df,{size:8}),Z.createElement(Jl,{ref:h},U.map((_,Y)=>{let le=Y,ue=Zl(e.steps[Y]),ho=ue==="error"||ue==="in-progress"||ue==="warning"||ue==="completed"&&Y===U.length-1;return Z.createElement($f,{key:le,step:_,type:"route-progress",ref:h,state:ue,hasSeparator:Y!==0,tabIndex:le,isFocused:ho})}))),Z.createElement(ni,{state:C,onClose:()=>y(null),onCancel:b,onDelete:n,message:Ne.detailedMessage.content,currentStepWallet:B}),Z.createElement(ii,{open:!!S,diagnosisUrl:ft,onClose:()=>k(null),status:e.status==="success"?"success":"failed",priceValue:T(_e,6,6),usdValue:Ze,percentageChange:T(D,2,2),token:{displayName:U[K-1].to.token.displayName,image:U[K-1].to.token.image},chain:{image:U[K-1].to.chain.image},description:N}))}s(pi,"SwapDetails");import{i18n as fo}from"@lingui/core";import{CopyIcon as Kf,IconButton as jf,NotFound as Yf,Skeleton as ap,Typography as Pn}from"@rango-dev/ui";import ce from"react";import{i18n as Vf}from"@lingui/core";import{ChainToken as Rf,Divider as ci,Skeleton as mo,Typography as Xf}from"@rango-dev/ui";import ee from"react";import{styled as ui}from"@rango-dev/ui";var rp=ui("div",{width:"100%",height:"100%",padding:"$0 $20",".cost":{paddingTop:"$15",display:"flex"},".route-summary":{padding:"$15 $0"},".route-summary-item":{display:"flex",justifyContent:"space-between",alignItems:"center"},".token-amount":{display:"flex",justifyContent:"space-between",alignItems:"center"},".route-summary-separator":{width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"},".swaps-steps":{paddingBottom:"$10"}}),ip=ui("div",{backgroundColor:"$neutral100",borderRadius:"$xm",padding:"$10 $15",".step-title":{display:"flex",justifyContent:"start",alignItems:"center"},".step-tokens":{paddingTop:"$5",display:"flex",alignItems:"center"},".step-token-info":{display:"flex",alignItems:"center"},".step-icon-container":{padding:"$4 $6",display:"flex",justifyContent:"center",alignItems:"center"},".extra-info":{display:"flex",paddingTop:"$10",paddingBottom:"$5"}}),Ln=ui("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"});import{ChainToken as sp,Divider as po,NextIcon as Gf,Skeleton as uo}from"@rango-dev/ui";import pe from"react";function co(t){let{extraInfo:e}=t;return pe.createElement(ip,null,pe.createElement("div",{className:"step-title"},pe.createElement(uo,{height:28,width:28,variant:"circular"}),pe.createElement(po,{direction:"horizontal",size:8}),pe.createElement(uo,{height:15,width:148,variant:"rounded"})),pe.createElement("div",{className:"step-tokens"},pe.createElement(po,{direction:"horizontal",size:20}),pe.createElement("div",{className:"step-token-info"},pe.createElement(sp,{size:"small",loading:!0,chainImage:"",tokenImage:""}),pe.createElement(po,{direction:"horizontal",size:8}),pe.createElement(uo,{height:12,width:76,variant:"rounded"})),pe.createElement("div",{className:"step-icon-container"},pe.createElement(Gf,{color:"gray",size:16})),pe.createElement("div",{className:"step-token-info"},pe.createElement(sp,{size:"small",loading:!0,chainImage:"",tokenImage:""}),pe.createElement(po,{direction:"horizontal",size:8}),pe.createElement(uo,{height:12,width:76,variant:"rounded"}))),e&&pe.createElement("div",{className:"extra-info"},pe.createElement(po,{direction:"horizontal",size:20}),pe.createElement(uo,{height:22,width:297,variant:"rectangular"})))}s(co,"LoadingSwapDetailStep");function mi(){let t=ee.createElement("div",{className:"route-summary-item"},ee.createElement("div",{className:"token-amount"},ee.createElement(Rf,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),ee.createElement(ci,{size:8,direction:"horizontal"}),ee.createElement(mo,{height:15,width:148,variant:"rounded"})),ee.createElement(mo,{height:12,width:64,variant:"rounded"}));return ee.createElement(rp,null,ee.createElement("div",{className:"cost"},ee.createElement(mo,{width:60,height:10,variant:"rounded"}),ee.createElement(ci,{size:4,direction:"horizontal"}),ee.createElement(mo,{width:60,height:10,variant:"rounded"}),ee.createElement(ci,{size:4,direction:"horizontal"}),ee.createElement(mo,{width:60,height:10,variant:"rounded"})),ee.createElement("div",{className:"route-summary"},t,ee.createElement("div",{className:"route-summary-separator"}),t),ee.createElement("div",{className:"swaps-steps"},ee.createElement(Xf,{variant:"title",size:"small"},Vf.t("Swaps steps"))),ee.createElement("div",{className:"step-container"},ee.createElement(co,{extraInfo:!0}),ee.createElement(Ln,null),ee.createElement(co,null),ee.createElement(Ln,null),ee.createElement(co,null),ee.createElement(Ln,null),ee.createElement(co,null)))}s(mi,"LoadingSwapDetails");function lp(t){let{requestId:e,showSkeleton:o}=t,{navigateBackFrom:n}=re();return ce.createElement(Q,{noPadding:!0,header:{title:fo.t("Swap and Bridge"),onBack:n.bind(null,g.swapDetails),suffix:ce.createElement(Nt,null)}},o&&ce.createElement(Nn,null,ce.createElement(In,null,ce.createElement("div",{className:"row"},ce.createElement(Pn,{variant:"label",size:"large",color:"neutral700"},`${fo.t("Request ID")}:`),ce.createElement("div",{className:"request-id"},ce.createElement(Pn,{variant:"label",size:"small",color:"neutral700"},ce.createElement(ap,{width:60,height:10,variant:"rounded"})),ce.createElement(jf,{variant:"ghost"},ce.createElement(Kf,{size:16,color:"gray"})))),ce.createElement("div",{className:"row"},ce.createElement(Pn,{variant:"label",size:"large",color:"neutral700"},`${fo.t("Created at")}:`),ce.createElement(Pn,{variant:"label",size:"small",color:"neutral700"},ce.createElement(ap,{width:60,height:10,variant:"rounded"})))),ce.createElement(mi,null)),!o&&ce.createElement(ep,null,ce.createElement(Yf,{title:fo.t("Not found"),description:fo.t({id:"swapNotFound",values:{requestId:e},message:"Swap with request ID = {requestId} not found."})})))}s(lp,"SwapDetailsPlaceholder");function up(){let{manager:t,state:e}=Zf(),o=!e.loadedFromPersistor,n=cn(t),r=ve.use.selectedSwapRequestId(),{navigateBackFrom:i}=re(),{loadingStatus:a}=v(),p=o||a==="loading",l=n.find(({swap:m})=>m.requestId===r),u=s(()=>{if(l?.id){let m=t?.get(l.id);m&&Qf(m)}},"onCancel"),c=s(async()=>{if(l?.id)try{await t?.deleteQueue(l.id),i(g.swapDetails)}catch(m){console.log(m)}},"onDelete"),d=l?.swap;return!d||p?pp.createElement(lp,{requestId:r||"",showSkeleton:p}):pp.createElement(pi,{swap:d,requestId:r||"",onCancel:u,onDelete:c})}s(up,"SwapDetailsPage");import{i18n as go}from"@lingui/core";import{AutoThemeIcon as Jf,DarkModeIcon as eg,LightModeIcon as tg,List as og,ListItemButton as ng,Radio as di,RadioRoot as rg,Typography as fi}from"@rango-dev/ui";import Be from"react";function cp(){let{navigateBackFrom:t}=re(),e=$.use.theme(),o=$.use.setTheme(),n=[{id:"light",value:"light",title:Be.createElement(fi,{variant:"title",size:"xmedium"},go.t("Light")),onClick:()=>o("light"),start:Be.createElement(tg,{color:"gray"}),end:Be.createElement(di,{value:"light"})},{id:"dark",value:"dark",title:Be.createElement(fi,{variant:"title",size:"xmedium"},go.t("Dark")),onClick:()=>o("dark"),start:Be.createElement(eg,{color:"gray"}),end:Be.createElement(di,{value:"dark"})},{id:"auto",value:"auto",title:Be.createElement(fi,{variant:"title",size:"xmedium"},go.t("Auto")),onClick:()=>o("auto"),start:Be.createElement(Jf,{color:"gray"}),end:Be.createElement(di,{value:"auto"})}];return Be.createElement(Q,{header:{onBack:t.bind(null,g.settings),title:go.t("Theme")}},Be.createElement(st,null,Be.createElement(rg,{onValueChange:r=>o(r),value:e},Be.createElement(og,{type:Be.createElement(ng,{title:go.t("Theme"),id:"_",onClick:()=>console.log()}),items:n}))))}s(cp,"ThemePage");var sg=s(t=>t.replace("/",""),"getAbsolutePath");function mp(t){let{config:e}=t;return ig([{path:g.home,element:We.createElement(Qo,null)},{path:g.fromSwap,element:We.createElement(Xr,{type:"source"})},{path:g.toSwap,element:We.createElement(Xr,{type:"destination"})},{path:g.fromBlockchain,element:We.createElement(Dr,{type:"source"})},{path:g.toBlockchain,element:We.createElement(Dr,{type:"destination"})},{path:g.settings,element:We.createElement(Il,{singleTheme:e?.theme?.singleTheme,supportedSwappers:e?.liquiditySources})},{path:g.themes,element:We.createElement(cp,null)},{path:g.languages,element:We.createElement(Xa,null)},{path:g.exchanges,element:We.createElement(Nr,{sourceType:"Exchanges",supportedSwappers:e?.liquiditySources})},{path:g.bridges,element:We.createElement(Nr,{sourceType:"Bridges",supportedSwappers:e?.liquiditySources})},{path:g.swaps,element:We.createElement(Ra,null)},{path:g.swapDetails,element:We.createElement(up,null)},{path:g.wallets,element:We.createElement(ka,{supportedWallets:e?.wallets,multiWallets:typeof e?.multiWallets>"u"?!0:e.multiWallets,config:e})},{path:sg(g.confirmSwap),element:We.createElement(_a,{config:e})}])}s(mp,"AppRoutes");import{isApprovalTX as ag,MainEvents as fp,RouteEventType as gp,StepEventType as Ht,StepExecutionEventStatus as lg,useEvents as pg}from"@rango-dev/queue-manager-rango-preset";import{useEffect as hp}from"react";import{StepExecutionBlockedEventStatus as gi}from"@rango-dev/queue-manager-rango-preset";var dp=[gi.WAITING_FOR_CHANGE_WALLET_ACCOUNT,gi.WAITING_FOR_NETWORK_CHANGE,gi.WAITING_FOR_WALLET_CONNECT];function yp(){let t=G.use.connectedWallets(),e=G.use.getWalletsDetails(),o=Pe.use.setNotification(),n=Pe.use.setAsRead(),r=pg();return hp(()=>(r.on(fp.StepEvent,i=>{let{event:a,step:p,route:l}=i;if(a.type===Ht.TX_EXECUTION&&a.status===lg.TX_SENT&&!ag(p)||a.type===Ht.SUCCEEDED){let c=t.find(m=>m.chain===p?.fromBlockchain),d=p?.fromBlockchain!==p?.toBlockchain&&t.find(m=>m.chain===p?.toBlockchain);c&&e([c]),d&&e([d])}a.type===Ht.TX_EXECUTION_BLOCKED&&dp.includes(a.status)||a.type===Ht.FAILED?o(a,l):(a.type===Ht.TX_EXECUTION||a.type===Ht.CHECK_STATUS)&&n(l.requestId)}),()=>r.all.clear()),[r,t.length]),hp(()=>(r.on(fp.RouteEvent,i=>{let{event:a,route:p}=i;(a.type===gp.FAILED||a.type===gp.SUCCEEDED)&&o(a,p)}),()=>r.all.clear()),[r,t.length]),null}s(yp,"WidgetEvents");import{globalCss as ug}from"@rango-dev/ui";var Sp=s(()=>ug({"@import":["url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap')","url('https://fonts.cdnfonts.com/css/times-new-roman')"]})(),"globalFont");import{createTheme as yi,darkTheme as gg,lightTheme as hg}from"@rango-dev/ui";import{useEffect as Tp,useState as yg}from"react";import{theme as dg,darkColors as fg}from"@rango-dev/ui";var Cp=s(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),cg=s(t=>{let e="",o;for(o=Math.abs(t);o>52;o=o/52|0)e=Cp(o%52)+e;return Cp(o%52)+e},"toAlphabeticName"),mg=s((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),hi=s(t=>cg(mg(5381,JSON.stringify(t))>>>0),"toHash");function kp(t){let e=dg.colors,o=zr({...e,...fg},!0,t?.dark),n=zr(e,!1,t?.light),r=Object.keys(o).length>0,i=Object.keys(n).length>0,a,p;if(i){let l={colors:n};a={id:`${Fn}-light-${hi(l)}`,tokens:l}}if(r){let l={colors:o};p={id:`${Fn}-dark-${hi(l)}`,tokens:l}}return{light:a,dark:p}}s(kp,"customizedThemeTokens");function wp(t){let{colors:e,fontFamily:o=wi,borderRadius:n=ki,secondaryBorderRadius:r=Ti,mode:i="auto"}=t,[a,p]=yg("light"),l=$.use.theme(),u=$.use.setTheme(),{dark:c,light:d}=kp(e),m=yi({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),h=[m.className,hg.className],C=[m.className,gg.className];if(d){let S=yi(d.id,d.tokens);h.push(S.className)}if(c){let S=yi(c.id,c.tokens);C.push(S.className)}return Tp(()=>{let S=s(k=>{k.matches?p("dark"):p("light")},"switchThemeListener");return window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches&&p("dark"),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",S),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",S)}},[]),Tp(()=>{i!=="auto"&&u(i)},[i]),{activeTheme:s(()=>{let S=h.join(" "),k=C.join(" ");return l==="auto"?a==="dark"?k:S:l==="dark"?k:S},"getActiveTheme")}}s(wp,"useTheme");import Sg,{useMemo as Cg}from"react";import{Provider as kg}from"@rango-dev/queue-manager-react";import{makeQueueDefinition as Tg,checkWaitingForNetworkChange as wg}from"@rango-dev/queue-manager-rango-preset";import{useWallets as vg}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as bg}from"@rango-dev/wallets-shared";import{isEvmBlockchain as xg}from"rango-types";function Ag(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:i,getWalletInfo:a}=vg(),p=Cg(()=>Tg({API_KEY:So("API_KEY")}),[]),{blockchains:l}=v.use.meta(),c={blockchains:G.use.connectedWallets().map(f=>({accounts:[f],name:f.chain}))},d=s((f,w)=>{if(i(f,w))return r(f,w)},"switchNetwork"),m=s(f=>!!a(f).mobileWallet,"isMobileWallet"),h=l.filter(f=>f.enabled).reduce((f,w)=>(f[w.name]=w,f),{}),C=l.filter(xg),y=s(f=>{let{supportedChains:w}=a(f);return To(w)},"getSupportedChainNames"),S=e(),k={meta:{blockchains:h,evmBasedChains:C,evmNetworkChainInfo:bg(C),getSupportedChainNames:y},getSigners:o,wallets:c,providers:S,switchNetwork:d,canSwitchNetworkTo:i,connect:r,state:n,isMobileWallet:m};return Sg.createElement(kg,{queuesDefs:[p],context:k,onPersistedDataLoaded:f=>{wg(f)},isPaused:!1},t.children)}s(Ag,"QueueManager");var vp=Ag;var Ig=Bg("div",{width:"100%",display:"flex",justifyContent:"center",alignItems:"center",fontFamily:"$widget",boxSizing:"border-box","& *, *::before, *::after":{boxSizing:"inherit",listStyleType:"none"},"& *:focus-visible":{outlineColor:"$info500",transition:"none"}});function xp(t){let{config:e}=t;Sp();let{activeTheme:o}=wp(e?.theme||{}),[n,r]=bp(""),[i,a]=bp(),p=Wg(zn),l=v.use.fetchMeta();return Ng(()=>{e?.apiKey&&Ci({API_KEY:e?.apiKey})},[e]),Ap(()=>{l(),$.persist.rehydrate(),Pe.persist.rehydrate(),p.onConnectWallet(r)},[]),lt.createElement(Eg,{language:e?.language},lt.createElement(Ig,{id:"swap-container",className:o()},lt.createElement(vp,null,lt.createElement(yp,null),lt.createElement(js,{config:e,lastConnectedWallet:n,disconnectedWallet:i,clearDisconnectedWallet:()=>{a(void 0)}},lt.createElement(mp,{config:e})))))}s(xp,"Main");function Mg(t){let{updateConfig:e,config:o}=Le();return Ap(()=>{t.config&&e(t.config)},[t.config]),t.config?.externalWallets?lt.createElement(xp,{...t}):lt.createElement(qn,{providers:o?.wallets,options:{walletConnectProjectId:o?.walletConnectProjectId||t.config?.walletConnectProjectId}},lt.createElement(xp,{...t}))}s(Mg,"Widget");export{AI as MainEvents,EI as RouteEventType,BI as StepEventType,WI as StepExecutionBlockedEventStatus,NI as StepExecutionEventStatus,Mg as Widget,qn as WidgetWallets,Ba as useWallets,II as useWidgetEvents};
1
+ var Ip=Object.defineProperty;var s=(t,e)=>Ip(t,"name",{value:e,configurable:!0});import{MainEvents as ZI,RouteEventType as eM,StepEventType as tM,StepExecutionBlockedEventStatus as oM,StepExecutionEventStatus as nM,useEvents as rM}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Na}from"@rango-dev/wallets-react";import{Events as qn,Provider as Qp}from"@rango-dev/wallets-react";import{isEvmBlockchain as Jp}from"rango-sdk";import Ui,{createContext as Zp,useRef as eu}from"react";import{useEffect as Yp}from"react";import{create as Xp}from"zustand";import{subscribeWithSelector as Kp}from"zustand/middleware";import{RangoClient as Mp}from"rango-sdk";var Ci="c6381a79-2817-4602-83bf-6a641a409e32";var On={API_KEY:Ci};function yo(t){return On[t]}s(yo,"getConfig");function ki(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),On=e,On}s(ki,"initConfig");var Ti=20,wi=25,vi="Roboto",$n="theme-widget";var So,xt=s(()=>So||(So=new Mp(yo("API_KEY")),So),"httpService");import{WalletState as Ve}from"@rango-dev/ui";import{readAccountAddress as Dp}from"@rango-dev/wallets-react";import{detectInstallLink as _p,getCosmosExperimentalChainInfo as Fp,isEvmAddress as Op,KEPLR_COMPATIBLE_WALLETS as rh,Networks as Ai}from"@rango-dev/wallets-shared";import Un from"bignumber.js";import{isCosmosBlockchain as $p}from"rango-types";import Lp from"bignumber.js";var Me=new Lp(0);import{WalletTypes as Pp}from"@rango-dev/wallets-shared";var bi=[Pp.LEAP];import{BigNumber as xi}from"bignumber.js";var At=s(t=>{let e=(t%60).toString().padStart(2,"0");return`${parseInt((t/60).toString()).toString().padStart(2,"0")}:${e}`},"secondsToString"),T=s((t,e=null,o=null)=>{if(t==null||t==="")return"";let n=new xi(t),r=1,i=1e3;for(let a=0;a<60;a++)if(new xi(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 Et=s(t=>t?.reduce((e,o)=>e+(o.estimatedTimeInSeconds??0),0)||0,"totalArrivalTime");var He=s((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),Ht=s(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function Co(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(Co,"limitDecimalPlaces");function Up(t){switch(!0){case t.connected:return Ve.CONNECTED;case t.connecting:return Ve.CONNECTING;case!t.installed:return Ve.NOT_INSTALLED;default:return Ve.DISCONNECTED}}s(Up,"mapStatusToWalletState");function Ei(t,e,o,n){return o.filter(r=>!bi.includes(r)).filter(r=>{let{supportedChains:i,hideWhenNotInstalled:a}=e(r);return a&&!t(r).installed?!1:n?!!i.find(p=>p.name===n):!0}).map(r=>{let{name:i,img:a,installLink:p}=e(r),l=Up(t(r));return{title:i,image:a,link:_p(p),state:l,type:r}})}s(Ei,"mapWalletTypesToWalletInfo");function ko(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}s(ko,"walletAndSupportedChainsNames");function Bi(t,e,o,n){let r=[];function i(p,l){if(!!!r.find(c=>c.chain===p)){let c={address:l,chain:p,walletType:t};r.push(c)}}s(i,"addAccount");let a=n||[];return e.forEach(p=>{let{address:l,network:u}=Dp(p),c=a.length>0,f=a.includes(u),m=u===Ai.Unknown;if(c&&!f&&!m)return;let C=u===Ai.Unknown&&Op(l);if(m&&!C)return;o.includes(u)||C?a.filter(k=>o.includes(k)).forEach(k=>{i(k,l.toLowerCase())}):i(u,l)}),r}s(Bi,"prepareAccountsForWalletStore");function Wi(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,p=i.to.blockchain;e.includes(a)||e.push(a),e.includes(p)||e.push(p)})}),e}s(Wi,"getRequiredChains");function Bt(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(Bt,"getBalanceFromWallet");function To(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}s(To,"isAccountAndWalletMatched");function Ni(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 Un(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:wo(o,r.asset.symbol,r.asset.address,e)||null}))||[]}s(Ni,"makeBalanceFor");function Ii(t){return{...t,loading:!1,error:!0}}s(Ii,"resetConnectedWalletState");var wo=s((t,e,o,n)=>n?.find(i=>i.blockchain===t&&i.symbol?.toUpperCase()===e?.toUpperCase()&&i.address===o)?.usdPrice||null,"getUsdPrice"),vo=s((t,e)=>{let o=Fp(Object.entries(t).map(([,n])=>n).filter($p));return o&&o[e]?.experimental},"isExperimentalChain");function zp(t,e){return t.map(({balance:o,...n})=>{let r=T(new Un(Bt(e,n.blockchain,n.symbol,n.address)?.amount||Me)),i="";return n.usdPrice&&(i=T(new Un(Bt(e,n.blockchain,n.symbol,n.address)?.amount||Me).multipliedBy(n.usdPrice))),{...n,...r!=="0"&&{balance:{amount:r,usdValue:i}}}})}s(zp,"getTokensWithBalance");function Mi(t,e){let o=e.length>0?zp(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(Mi,"getTokensBalanceFromWalletAndSort");function Re(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}s(Re,"tokensAreEqual");function Li(t){return t.sort((e,o)=>+(o.state===Ve.CONNECTED)-+(e.state===Ve.CONNECTED)||+(o.state===Ve.DISCONNECTED||o.state===Ve.CONNECTING)-+(e.state===Ve.DISCONNECTED||e.state===Ve.CONNECTING))}s(Li,"sortWalletsBasedOnConnectionState");function bo(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(bo,"getConciseAddress");function Pi({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}s(Pi,"getAddress");import{create as Rp}from"zustand";import{create as Hp}from"zustand";var qp=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"),ve=qp;var Gp={apiKey:""},Di=s((t,e)=>({config:Gp,updateConfig:o=>{let n=e().config;t({config:{...n,...o}})}}),"createConfigSlice");function Wt(t){return Array.from(new Set(t))}s(Wt,"removeDuplicateFrom");function zn(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}s(zn,"areEqual");function _i(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}s(_i,"debounce");function gt(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}s(gt,"containsText");var ae=s(()=>document.getElementById("swap-box"),"getContainer");var Fi=s((t,e)=>({_blockchains:[],_tokens:[],_popularTokens:[],_swappers:[],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(p=>!(i.length>0&&!i.includes(p.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(l=>i.length>0&&!i.some(u=>Re(u,l))||o.blockchain&&l.blockchain!==o.blockchain||!a.some(u=>u.name===l.blockchain)?!1:o.searchFor?!!(gt(l.symbol,o.searchFor)||gt(l.address||"",o.searchFor)||gt(l.name||"",o.searchFor)):!0).sort((l,u)=>e().isTokenPinned(l)?-1:e().isTokenPinned(u)||l.isSecondaryCoin?1:u.isSecondaryCoin||!l.address&&u.address?-1:l.address&&!u.address?1:0)},isTokenPinned:o=>!!e().config.pinnedTokens?.some(r=>Re(r,o)),fetch:async()=>{let o=await xt().getAllMetadata(),n=[],r=[],i=o.popularTokens,a=o.swappers,p=new Set;o.tokens.forEach(l=>{p.add(l.blockchain),r.push(l)}),o.blockchains.forEach(l=>{l.enabled&&p.has(l.name)&&n.push(l)}),n.sort((l,u)=>l.sort-u.sort),t({_blockchains:n,_tokens:r,_popularTokens:i,_swappers:a})}}),"createDataSlice");var Vp=Hp()((...t)=>({...Fi(...t),...Di(...t)})),Le=ve(Vp);var v=ve(Rp()(t=>({meta:{blockchains:[],popularTokens:[],swappers:[],tokens:[]},loadingStatus:"loading",fetchMeta:async()=>{try{await Le.getState().fetch();let e=Le.getState(),o={blockchains:e.blockchains(),tokens:e.tokens(),popularTokens:e._popularTokens,swappers:e._swappers};t({meta:o,loadingStatus:"success"})}catch{t({loadingStatus:"failed"})}}})));var H=ve(Xp()(Kp((t,e)=>({connectedWallets:[],customDestination:"",loading:!1,connectWallet:o=>{let n=e().getWalletsDetails;t(r=>({loading:!0,connectedWallets:r.connectedWallets.filter(i=>i.walletType!==o[0].walletType).concat(o.map(i=>{let a=!r.connectedWallets.find(p=>p.chain===i.chain&&p.selected);return{balances:[],address:i.address,chain:i.chain,explorerUrl:null,walletType:i.walletType,selected:a,loading:!0,error:!1}}))})),n(o)},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(p=>p.chain===r.chain&&p.walletType!==r.walletType&&r.selected),a=!!o.find(p=>p.chain===r.chain&&p.walletType===r.walletType&&!r.selected);return i?{...r,selected:!1}:a?{...r,selected:!0}:r})})),clearConnectedWallet:()=>t(()=>({connectedWallets:[],selectedWallets:[]})),getWalletsDetails:async(o,n=!0)=>{let r=e().getWalletsDetails,{tokens:i}=v.getState().meta;t(a=>({loading:!0,connectedWallets:a.connectedWallets.map(p=>o.find(l=>To(l,p))?{...p,loading:!0}:p)}));try{let a=o.map(({address:u,chain:c})=>({address:u,blockchain:c})),l=(await xt().getWalletsDetails(a)).wallets;if(l)t(u=>({loading:!1,connectedWallets:u.connectedWallets.map(c=>{let f=o.find(g=>To(g,c)),m=l.find(g=>g.address===c.address&&g.blockChain===c.chain);return m?.failed&&f&&n&&r([f],!1),f&&m?{...c,explorerUrl:m.explorerUrl,balances:Ni(m,i)}:c})}));else throw new Error("Wallet not found")}catch{t(p=>({loading:!1,connectedWallets:p.connectedWallets.map(l=>o.find(u=>To(u,l))?Ii(l):l)}))}}}))));import{allProviders as jp}from"@rango-dev/provider-all";function xo(t,e){let o=jp({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(xo,"matchAndGenerateProviders");function Oi(t,e){return xo(t,e).map(r=>r.config.type)}s(Oi,"configWalletsToWalletName");function $i(t,e){let o=H.use.clearConnectedWallet(),n=xo(void 0,e);return Yp(()=>{o(),n=xo(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}s($i,"useWalletProviders");var Gn=Zp({onConnectWallet:()=>{}});function Hn(t){let{blockchains:e}=v.use.meta(),{providers:o}=$i(t.providers,t?.options),n=H.use.disconnectWallet(),r=H.use.connectWallet(),i=eu(),a=e.filter(Jp).map(l=>l.name),p=s((l,u,c,f,m)=>{if(u===qn.ACCOUNTS)if(c){let g=ko(m),C=Bi(l,c,a,g);r(C)}else n(l);if(u===qn.ACCOUNTS&&f.connected){let g=`${l}-${f.network}-${c}`;f.connected&&(i.current?i.current(g):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(u===qn.NETWORK&&f.network){let g=`${l}-${f.network}`;i.current?i.current(g):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(l,u,c,f,m)},"onUpdateState");return Ui.createElement(Gn.Provider,{value:{onConnectWallet:l=>{i.current=l}}},Ui.createElement(Qp,{allBlockChains:e,providers:o,onUpdateState:p,autoConnect:!0},t.children))}s(Hn,"WidgetWallets");import{I18nManager as Lg,styled as Pg}from"@rango-dev/ui";import at,{useContext as Dg,useEffect as Si,useMemo as _g,useState as Bp}from"react";import{useQueueManager as Lc}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Pc}from"@rango-dev/wallets-react";import{isEvmBlockchain as Dc}from"rango-types";import yt,{useEffect as _c,useRef as Fc}from"react";import{MemoryRouter as Oc,useInRouterContext as $c}from"react-router";import{useLocation as Uc,useNavigate as zc}from"react-router-dom";var h={home:"/",fromSwap:"from-swap",fromBlockchain:"/from-swap/blockchains",toBlockchain:"/to-swap/blockchains",toSwap:"to-swap",settings:"settings",liquiditySources:"/settings/liquidity-sources",themes:"/settings/themes",bridges:"/settings/bridges",exchanges:"/settings/exchanges",languages:"/settings/languages",swaps:"swaps",wallets:"wallets",confirmSwap:"confirm-swap",swapDetails:"swaps/:requestId"};import{i18n as Yo}from"@lingui/core";import{Alert as hc,BestRoute as yc,BestRouteSkeleton as Sc,Button as Cc,Divider as cr,styled as Lt,SwapInput as Xs,Typography as mr,WarningIcon as kc}from"@rango-dev/ui";import j,{useEffect as Tc,useRef as wc,useState as vc}from"react";import{useNavigate as bc}from"react-router-dom";import{ChevronLeftIcon as nu}from"@rango-dev/ui";import Gi from"react";import{darkTheme as tu,IconButton as ou,styled as Ao}from"@rango-dev/ui";var Fe=Ao(ou,{width:"$24",position:"relative",padding:"0",overflow:"unset"}),zi=Ao("div",{position:"absolute",background:"$secondary500",[`.${tu} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),Nt=Ao("div",{display:"flex",justifyContent:"flex-end",width:"$40"}),qi=Ao("div",{position:"absolute",backgroundColor:"$secondary500",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0"});function Vn(t){return Gi.createElement(Fe,{variant:"ghost",size:"small",onClick:t.onClick},Gi.createElement(nu,{color:"black",size:16}))}s(Vn,"BackButton");import{i18n as ru}from"@lingui/core";import{Button as iu,Typography as su}from"@rango-dev/ui";import Rn from"react";function Xn(t){return Rn.createElement(Nt,null,Rn.createElement(iu,{variant:"ghost",onClick:t.onClick,size:"xsmall"},Rn.createElement(su,{variant:"label",size:"medium",color:"error500"},ru.t("Cancel"))))}s(Xn,"CancelButton");import{i18n as au}from"@lingui/core";import{Tooltip as lu,WalletIcon as pu}from"@rango-dev/ui";import Eo from"react";function Kn(t){return Eo.createElement(lu,{container:t.container,side:"top",content:au.t("Connect Wallet")},Eo.createElement(Fe,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&Eo.createElement(zi,null),Eo.createElement(pu,{size:18,color:"black"})))}s(Kn,"WalletButton");import{i18n as No}from"@lingui/core";import{NotificationsIcon as xu,Popover as Au,RefreshIcon as Eu,SettingsIcon as Bu,Tooltip as Io,TransactionIcon as Wu}from"@rango-dev/ui";import de from"react";import{i18n as Su}from"@lingui/core";import{ChainToken as ji,ChevronRightIcon as Cu,ListItemButton as ku,Typography as Tu}from"@rango-dev/ui";import Oe from"react";import{useNavigate as wu}from"react-router-dom";import{create as uu}from"zustand";import{persist as cu,subscribeWithSelector as mu}from"zustand/middleware";var Pe=ve(uu()(cu(mu((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}}},p=e().notifications.filter(l=>l.requestId!==n.requestId);t(()=>({notifications:[...p,a]}))},setAsRead:o=>{t(n=>({notifications:n.notifications.map(r=>r.requestId===o?{...r,read:!0}:r)}))},getUnreadNotifications:()=>e().notifications.filter(o=>!o.read)})),{name:"notification",skipHydration:!0})));import{create as du}from"zustand";var be=ve(du()(t=>({connectWalletsButtonDisabled:!1,selectedSwapRequestId:null,currentPage:"",setSelectedSwap:e=>t({selectedSwapRequestId:e}),setCurrentPage:e=>t({currentPage:e})})));import{styled as Bo}from"@rango-dev/ui";var Hi=Bo("div",{padding:"$10",width:"350px",minHeight:"150px"}),Vi=Bo("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),Ri=Bo("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),Xi=Bo("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as fu}from"@lingui/core";import{Divider as gu,NoNotificationIcon as hu,Typography as yu}from"@rango-dev/ui";import Wo from"react";function Ki(){return Wo.createElement(Xi,null,Wo.createElement(hu,{color:"secondary",size:26}),Wo.createElement(gu,{size:12}),Wo.createElement(yu,{variant:"body",size:"medium",color:"neutral700"},fu.t("You have no notification")))}s(Ki,"NotificationNotFound");var vu=4;function jn(){let t=wu(),e=be.use.setSelectedSwap(),{getUnreadNotifications:o}=Pe(),n=o(),{tokens:r,blockchains:i}=v.use.meta(),a=n.sort((l,u)=>u.creationTime-l.creationTime).slice(0,vu),p=s(l=>{e(l),t(`/swaps/${l}`)},"handleOnClick");return Oe.createElement(Hi,null,a.length?Oe.createElement(Vi,null,a.map(l=>{let u=r.find(g=>g.address===l.route.from.tokenAddress&&g.blockchain===l.route.from.blockchain&&g.symbol===l.route.from.tokenSymbol),c=i.find(g=>g.name===l.route.from.blockchain),f=r.find(g=>g.address===l.route.to.tokenAddress&&g.blockchain===l.route.to.blockchain&&g.symbol===l.route.to.tokenSymbol),m=i.find(g=>g.name===l.route.to.blockchain);return Oe.createElement(ku,{key:l.requestId,onClick:()=>p(l.requestId),title:Oe.createElement(Tu,{variant:"body",size:"small",color:"$neutral700"},Su.t(l.event.message)),id:l.requestId,start:Oe.createElement(Ri,null,Oe.createElement("div",{className:"from-chain-token"},Oe.createElement(ji,{tokenImage:u?u.image:"",chainImage:c?c.logo:"",size:"small"})),Oe.createElement("div",{className:"to-chain-token"},Oe.createElement(ji,{tokenImage:f?f.image:"",chainImage:m?m.logo:"",size:"small"}))),end:Oe.createElement(Cu,{size:12,color:"gray"})})})):Oe.createElement(Ki,null))}s(jn,"NotificationContent");import{Typography as bu}from"@rango-dev/ui";import Yi from"react";function Qi(){let{getUnreadNotifications:t}=Pe(),e=t().length;return e?Yi.createElement(qi,null,Yi.createElement(bu,{variant:"body",size:"xsmall",color:"$background"},e)):null}s(Qi,"UnreadNotificationsBadge");function Yn(t){let{layoutRef:e,onClickRefresh:o,onClickHistory:n,onClickSettings:r,onClickNotifications:i}=t;return de.createElement(de.Fragment,null,de.createElement(Io,{container:ae(),side:"top",content:No.t("Refresh")},de.createElement(Fe,{variant:"ghost",size:"small",onClick:o,disabled:!o},de.createElement(Eu,{size:16,color:o?"black":"gray"}))),de.createElement(Io,{container:ae(),side:"top",content:No.t("Notifications")},de.createElement(Au,{align:"center",collisionBoundary:e,collisionPadding:{right:20,left:20},container:ae(),content:de.createElement(jn,null)},de.createElement(Fe,{size:"small",variant:"ghost",onClick:i},de.createElement(xu,{size:18,color:"black"}),de.createElement(Qi,null)))),de.createElement(Io,{container:ae(),side:"top",content:No.t("Settings")},de.createElement(Fe,{size:"small",variant:"ghost",onClick:r},de.createElement(Bu,{size:18,color:"black"}))),de.createElement(Io,{container:ae(),side:"top",content:No.t("Transactions History")},de.createElement(Fe,{size:"small",variant:"ghost",onClick:n},de.createElement(Wu,{size:18,color:"black"}))))}s(Yn,"HomeButtons");import{BottomLogo as Iu,Divider as Mu,Header as Lu}from"@rango-dev/ui";import ge from"react";import{useNavigate as Pu}from"react-router-dom";import{darkTheme as Nu,styled as Qn}from"@rango-dev/ui";var Ji=Qn("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",[`.${Nu} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",variants:{fixedHeight:{true:{height:"95vh"},false:{height:"auto"}}}}),Zi=Qn("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"}}}}),es=Qn("div",{backgroundColor:"$background","& .footer__content":{padding:"$0 $20"},"& .footer__logo":{padding:"$0 $20 $10 $20"}});function Du(t,e){let{children:o,header:n,footer:r,noPadding:i,hasLogo:a=!0,fixedHeight:p=!0}=t,l=H.use.connectedWallets(),u=be.use.connectWalletsButtonDisabled(),c=Pu(),f=s(()=>{u||c("/"+h.wallets)},"onConnectWallet");return ge.createElement(Ji,{ref:e,fixedHeight:p,id:"swap-box"},ge.createElement(Lu,{prefix:ge.createElement(ge.Fragment,null,n.onBack&&ge.createElement(Vn,{onClick:n.onBack})),title:n.title,suffix:ge.createElement(ge.Fragment,null,n.suffix,n.hasConnectWallet&&ge.createElement(Kn,{container:ae(),onClick:f,isConnected:!!l?.length}),n.onCancel&&ge.createElement(Xn,{onClick:n.onCancel}))}),ge.createElement(Zi,{noPadding:i},o),(a||r)&&ge.createElement(es,null,ge.createElement("div",{className:"footer__content"},r),a&&ge.createElement("div",{className:"footer__logo"},ge.createElement(Mu,{size:12}),ge.createElement(Iu,null))))}s(Du,"LayoutComponent");var Q=ge.forwardRef(Du);Q.displayName="Layout";import{Alert as Gu,Button as Hu,Divider as ds,NoRouteIcon as Vu,RefreshIcon as Ru,Typography as fs}from"@rango-dev/ui";import $e from"react";import{i18n as Ce}from"@lingui/core";var Vt=(r=>(r[r.ROUTE_UPDATED=0]="ROUTE_UPDATED",r[r.ROUTE_SWAPPERS_UPDATED=1]="ROUTE_SWAPPERS_UPDATED",r[r.ROUTE_COINS_UPDATED=2]="ROUTE_COINS_UPDATED",r[r.ROUTE_AND_OUTPUT_AMOUNT_UPDATED=3]="ROUTE_AND_OUTPUT_AMOUNT_UPDATED",r))(Vt||{});var z=s(()=>({genericServerError:Ce.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:Ce.t("Please reset your liquidity sources."),description:Ce.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources")},noRoutesError:{title:Ce.t("No Routes Found"),description:"Reasons why Rango couldn't find a route: low liquidity on token, very low input amount or no routes available for the selected input/output token combination."},bridgeLimitErrors:{increaseAmount:Ce.t("Bridge Limit Error: Please increase your amount"),decreaseAmount:Ce.t("Bridge Limit Error: Please decrease your amount")},highValueLossError:{impactTitle:Ce.t("High Price Impact"),title:Ce.t("Price impact is too high!"),description:Ce.t("The price impact is significantly higher than the allowed amount. If you are sure, continue, otherwise, change the swap."),confirmMessage:Ce.t("Confirm High price impact")},routeUpdatedWithHighValueLoss:{title:Ce.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:Ce.t("USD Price Unknown"),title:Ce.t("USD Price Unknown, Cannot calculate Price Impact."),description:Ce.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:Ce.t("Confirm USD Price Unknown")}}),"errorMessages");function Mo(t){switch(t.type){case 0:return t.diagnosisMessage??z().noRoutesError.title;case 2:return z().genericServerError;case 1:return z().routeUpdatedWithHighValueLoss.title;default:return""}}s(Mo,"getConfirmSwapErrorMessage");import{create as Uu}from"zustand";import{persist as zu,subscribeWithSelector as qu}from"zustand/middleware";import{English as _u,French as Fu,Japanese as Ou,Spanish as $u}from"@rango-dev/ui";var os=[{title:"English",label:"English",local:"en",SVGFlag:_u},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:$u},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:Fu},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"jp",SVGFlag:Ou}],Lo="en";var ns=[.5,1,3],rs=1,is=5,ss=100,as=0;var _=ve(Uu()(zu(qu((t,e)=>({preferredBlockchains:[],slippage:rs,customSlippage:null,infiniteApprove:!1,affiliateRef:null,affiliatePercent:null,affiliateWallets:null,disabledLiquiditySources:[],theme:"auto",language:Lo,addPreferredBlockchain:o=>{let n=e().preferredBlockchains;if(n.find((a,p)=>{let l=a===o,u=p<=10-1;return l&&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=>t(n=>{if(o)return{disabledLiquiditySources:[]};let{swappers:r}=v.getState().meta,i=Wt(r.map(a=>a.swapperGroup));return i.length===n.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})));import{i18n as ls}from"@lingui/core";function ps(t,e,o,n,r){return o?{alert:{type:"warning",text:z().genericServerError,action:{onClick:r,title:ls.t("Retry")}},description:""}:t?{alert:{type:"error",text:t,action:null},description:""}:e.length?{alert:{type:"warning",text:z().liquiditySourcesError.title,action:{onClick:()=>n(!0),title:ls.t("Reset")}},description:z().liquiditySourcesError.description}:{alert:null,description:z().noRoutesError.description}}s(ps,"makeInfo");import{styled as Zn}from"@rango-dev/ui";var us=Zn("div",{display:"flex",flexDirection:"column",alignItems:"center"}),cs=Zn("div",{width:"100%"}),ms=Zn("div",{padding:"$6 $0"});function Rt(t){let{diagnosisMessage:e,fetch:o,error:n}=t,r=_.use.disabledLiquiditySources(),i=v.use.loadingStatus(),a=_.use.toggleAllLiquiditySources(),l=ps(e??null,r,n||i==="failed",a,o);return $e.createElement(us,null,$e.createElement(Vu,{size:24,color:"gray"}),$e.createElement(ds,{size:4}),$e.createElement(fs,{variant:"title",size:"small"},z().noRoutesError.title),!!l.description&&$e.createElement(fs,{variant:"body",size:"small",align:"center",color:"neutral700"},l.description),$e.createElement(ds,{size:4}),!!l.alert&&$e.createElement(cs,null,$e.createElement(Gu,{type:l.alert.type,title:l.alert.text,action:l.alert.action&&$e.createElement(Hu,{size:"xsmall",type:l.alert.type,prefix:$e.createElement(ms,null,$e.createElement(Ru,{size:8})),onClick:l.alert.action.onClick},l.alert.action.title),variant:"alarm"})))}s(Rt,"NoRoutes");import{Alert as zs,Divider as sc,InfoIcon as ac}from"@rango-dev/ui";import qe from"react";import ut from"bignumber.js";import{create as Zu}from"zustand";import{subscribeWithSelector as ec}from"zustand/middleware";import{getLastSuccessfulStep as Ku}from"@rango-dev/queue-manager-rango-preset";import xC from"bignumber.js";function gs(t,e){return e.find(o=>o.name===t)?.displayName}s(gs,"getBlockchainDisplayNameFor");function Je(t,e){return e.find(o=>o.name===t)?.shortName}s(Je,"getBlockchainShortNameFor");function er(t,e){return e.find(o=>Re(o,t))??null}s(er,"findToken");function tr(t,e){return e.find(o=>o.name===t)??null}s(tr,"findBlockchain");function or(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(or,"searchParamsToToken");function hs(t){return t?.result?.swaps[t?.result?.swaps.length-1].to.usdPrice}s(hs,"getBestRouteToTokenUsdPrice");function nr(t,e){let o=t.result?.swaps||[],n=e.result?.swaps||[];return o.length!==n.length}s(nr,"isNumberOfSwapsChanged");function rr(t,e){let o=t.result?.swaps.map(r=>r.swapperId)||[],n=e.result?.swaps.map(r=>r.swapperId)||[];return!zn(o,n)}s(rr,"isRouteSwappersUpdated");function ir(t,e){let o=t.result?.swaps.map(r=>r.to.symbol)||[],n=e.result?.swaps.map(r=>r.to.symbol)||[];return!zn(o,n)}s(ir,"isRouteInternalCoinsUpdated");function ys(t,e){return nr(t,e)||rr(t,e)||ir(t,e)}s(ys,"isRouteChanged");function Ss(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(Ss,"getRequiredBalanceOfWallet");function Cs(t){if(!t)return null;let e=(t.result?.swaps||[]).map(o=>({...o,fromAmount:T(o.fromAmount,6,6),toAmount:T(o.toAmount,6,6)}));return{...t,...t.result&&{result:{...t.result,swaps:e}}}}s(Cs,"getFormattedBestRoute");function It(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}s(It,"getPriceImpactLevel");function ks(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],i=Ku(t.steps),a={blockchain:r.toBlockchain,symbol:r.toSymbol,address:r.toSymbolAddress},p=tr(i?i.toBlockchain:n.fromBlockchain,e),l=tr(r.toBlockchain,e),u=er(i?{blockchain:p?.name??"",symbol:i.toSymbol,address:i.toSymbolAddress}:{blockchain:p?.name??"",symbol:n.fromSymbol,address:n.fromSymbolAddress},o),c=er(a,o),f=i?i.outputAmount??"":t.inputAmount;return{fromBlockchain:p,fromToken:u,toBlockchain:l,toToken:c,inputAmount:f}}s(ks,"createRetryRoute");import{i18n as Ue}from"@lingui/core";import{PendingSwapNetworkStatus as Oo}from"@rango-dev/queue-manager-rango-preset";import xe from"bignumber.js";function Ts(t,e){return t.result?.swaps.map(o=>({swapper:{displayName:o.swapperId,image:o.swapperLogo},from:{token:{displayName:o.from.symbol,image:o.from.logo},chain:{displayName:Je(o.from.blockchain,e)??"",image:o.from.blockchainLogo},price:{value:T(o.fromAmount,6,6),usdValue:T(o.from.usdPrice?.toString(),4,4)}},to:{token:{displayName:o.to.symbol,image:o.to.logo},chain:{displayName:Je(o.to.blockchain,e)??"",image:o.to.blockchainLogo},price:{value:T(o.toAmount,6,6),usdValue:T(o.to.usdPrice?.toString(),4,4)}}}))}s(Ts,"formatBestRoute");function Do(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(Do,"getRequiredWallets");function _o(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}s(_o,"isValidAddress");import{i18n as Fo}from"@lingui/core";var ht=s(()=>({connectWallet:Fo.t("Connect Wallet"),swap:Fo.t("Swap"),swapAnyway:Fo.t("Swap anyway"),ethRouteWarning:Fo.t("The route goes through Ethereum. Continue?")}),"swapButtonTitles");function zo(t,e){return!t||!e||t.lte(Me)||e.lte(Me)?0:e.div(t).minus(1).multipliedBy(100)}s(zo,"getOutputRatio");function qo(t,e){return(parseInt(e.toFixed(2)||"0")<=-10&&t?.gte(new xe(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new xe(1e3)))??!1}s(qo,"outputRatioHasWarning");function Go(t){return(t?.result?.swaps||[]).filter(e=>{let o=e.fromAmountMinValue?new xe(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new xe(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(Go,"hasLimitError");function Ho(t){if(!t)return{swap:null,fromAmountRangeError:"",recommendation:""};let e=(t?.result?.swaps||[]).filter(p=>{let l=p.fromAmountMinValue?new xe(p.fromAmountMinValue):null,u=p.fromAmountMaxValue?new xe(p.fromAmountMaxValue):null;return p.fromAmountRestrictionType==="EXCLUSIVE"?l?.gte(p.fromAmount)||u?.lte(p.fromAmount):l?.gt(p.fromAmount)||u?.lt(p.fromAmount)})[0];if(!e)return{swap:null,fromAmountRangeError:"",recommendation:""};let o=e.fromAmountMinValue?new xe(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new xe(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",i="",a="";return!r&&o&&o.gt(e.fromAmount)?(i=Ue.t({id:"requiredEqualMin",message:"Required: >= {min} {symbol}",values:{min:T(o,6,6),symbol:e.from.symbol}}),a=z().bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(i=Ue.t({id:"requiredMin",message:"Required: > {min} {symbol}",values:{min:T(o,6,6),symbol:e.from.symbol}}),a=z().bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(i=Ue.t({id:"requiredEqualMax",message:"Required: <= {max} {symbol}",values:{max:T(n,6,6),symbol:e.from.symbol}}),a=z().bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(i=Ue.t({id:"requiredMax",message:"Required: < {max} {symbol}",values:{max:T(n,6,6),symbol:e.from.symbol}}),a=z().bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:i,recommendation:a}}s(Ho,"LimitErrorMessage");function ws(t,e,o,n,r,i,a,p,l){return t!=="success"?{title:ht().connectWallet,state:"waitForConnecting",disabled:!0}:e.length==0?{title:ht().connectWallet,state:"waitForConnecting",disabled:!1}:o||!n||!n.result||r||!l||l==="0"?{title:ht().swap,disabled:!0,state:"swap"}:i||a?{title:ht().swapAnyway,disabled:!1,hasWarning:!0,state:"needToConfirm"}:p?{title:ht().ethRouteWarning,disabled:!1,hasWarning:!0,state:"warning"}:{title:ht().swap,disabled:!1,state:"swap"}}s(ws,"getSwapButtonState");function sr(t,e,o){return!((!o||o.lte(Me))&&t?.result&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t.result)}s(sr,"canComputePriceImpact");function Yu(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(Yu,"requiredWallets");var Qu=s((t,e,o,n)=>n?.find(i=>i.blockchain===t&&i.symbol?.toUpperCase()===e?.toUpperCase()&&i.address===o)?.usdPrice||null,"getUsdPrice");function Ju(t,e){let o=Me;for(let n=0;n<t.fee.length;n++){let r=t.fee[n];if(r.expenseType==="DECREASE_FROM_OUTPUT")continue;let i=Qu(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new xe(r.amount).multipliedBy(i||0))}return o}s(Ju,"getUsdFeeOfStep");function Vo(t,e){return t?.result?.swaps.reduce((o,n)=>o.plus(Ju(n,e)),Me)||null}s(Vo,"getTotalFeeInUsd");function vs(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(vs,"getMinRequiredSlippage");function bs(t,e){return e?parseFloat(t)>=parseFloat(e):!0}s(bs,"hasProperSlippage");function Ro(t){let{fromToken:e,toToken:o,inputAmount:n,wallets:r,selectedWallets:i,disabledLiquiditySources:a,slippage:p,affiliateRef:l,affiliatePercent:u,affiliateWallets:c,initialRoute:f,destination:m}=t,g=i?.reduce((d,w)=>(d[w.chain]=w.address,d),{}),C=[];r?.forEach(d=>{let w=C.find(b=>b.blockchain===d.chain);w?w.addresses.push(d.address):C.push({blockchain:d.chain,addresses:[d.address]})});let y=!!f,S=Wt((f?.result?.swaps||[]).reduce((d,w)=>(d.push(w.from.blockchain,w.to.blockchain),w.internalSwaps&&Array.isArray(w.internalSwaps)&&w.internalSwaps.map(b=>{d.push(b.from.blockchain,b.to.blockchain)}),d),[]));return{amount:n.toString(),affiliateRef:l??void 0,affiliatePercent:u??void 0,affiliateWallets:c??void 0,checkPrerequisites:y,from:{address:e.address,blockchain:e.blockchain,symbol:e.symbol},to:{address:o.address,blockchain:o.blockchain,symbol:o.symbol},connectedWallets:C,selectedWallets:g??{},slippage:p.toString(),...m&&{destination:m},...a.length>0&&{swapperGroups:a,swappersGroupsExclude:!0},...y&&{blockchains:S}}}s(Ro,"createBestRouteRequestBody");function xs(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}s(xs,"getWalletsForNewSwap");function Mt(t){return t?.result?.outputAmount||null}s(Mt,"getRouteOutputAmount");function Ze(t,e){return!t||!e?null:new xe(e).div(new xe(t)).minus(1).multipliedBy(100)}s(Ze,"getPercentageChange");function As(t,e){let o=Mt(t),n=Mt(e);if(!o||!n)return!1;let r=Ze(o,n);return r?r.toNumber()<=-1:!0}s(As,"isOutputAmountChangedALot");function Es(t,e){let o=t.validationStatus,n=Wi(t);return e.sort((i,a)=>n.indexOf(i.chain)-n.indexOf(a.chain)).flatMap(i=>Ss(i,o)||[]).filter(i=>!i.ok).map(i=>{let a=i.asset.symbol,p=T(new xe(i.currentAmount.amount).shiftedBy(-i.currentAmount.decimals),8,8),l=T(new xe(i.requiredAmount.amount).shiftedBy(-i.requiredAmount.decimals),8,8),u="";return i.reason==="FEE"&&(u=Ue.t(" for network fee")),i.reason==="INPUT_ASSET"&&(u=Ue.t(" for swap")),i.reason==="FEE_AND_INPUT_ASSET"&&(u=Ue.t(" for input and network fee")),Ue.t({id:"balanceWarningMessage",message:"Needs \u2248 {requiredAmount} {symbol}{reason}, but you have {currentAmount} {symbol} in your {blockchain} wallet.",values:{requiredAmount:l,symbol:a,reason:u,currentAmount:p,blockchain:i.asset.blockchain}})})}s(Es,"getBalanceWarnings");function Bs(t,e){return(t?new xe(t):Me).multipliedBy(e||0)}s(Bs,"calcOutputUsdValue");function Xt(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==Oo.NetworkChanged}s(Xt,"isNetworkStatusInWarningState");function Ws(t,e){let o="bellow button or",n=t.extraMessage,r=t.extraMessageDetail;if(t.networkStatusExtraMessageDetail?.includes(o)&&(t.networkStatusExtraMessageDetail=t.networkStatusExtraMessageDetail.replace(o,"")),Xt(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case Oo.WaitingForConnectingWallet:n=n||Ue.t("Waiting for connecting wallet");break;case Oo.WaitingForQueue:n=n||Ue.t("Waiting for other running tasks to be finished");break;case Oo.WaitingForNetworkChange:n=n||Ue.t("Waiting for changing wallet network");break;default:n=n||"";break}r=r||"",n=n||"";let a=n?.indexOf("code")!==-1&&n?.indexOf("reason")!==-1;return{shortMessage:n,detailedMessage:{content:r,long:a}}}s(Ws,"getSwapMessages");function Ns(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(Ns,"getLastConvertedTokenInFailedSwap");function Is(t){return t.status==="failed"&&!!t.finishTime&&new Date().getTime()-parseInt(t.finishTime)<4*3600*1e3}s(Is,"shouldRetrySwap");function Ms(t,e,o,n,r,i){return t||!e&&!Yu(n).every(a=>r.map(p=>p.chain).includes(a))||!!e&&!o||!!e&&!!o&&i&&!_o(i,o)}s(Ms,"confirmSwapDisabled");var Xo=s((t,e)=>t?.usdPrice?new ut(e||Me).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),P=ve(Zu()(ec(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new ut(0),outputUsdValue:new ut(0),toBlockchain:null,toToken:null,bestRoute:null,routeWalletsConfirmed:!1,selectedWallets:[],customDestination:"",setRoute:e=>t(o=>{let n=null,r=Me;return Ht(o.inputAmount)?(e&&(n=e.result?.outputAmount?new ut(e.result?.outputAmount):null,r=Bs(e.result?.outputAmount,hs(e)||o.toToken?.usdPrice)),{bestRoute:e,...!!e&&{outputAmount:n,outputUsdValue:r}}):{}}),resetRoute:()=>t(()=>({bestRoute:null,outputAmount:null,outputUsdValue:new ut(0)})),setFromBlockchain:e=>{t(o=>o.fromBlockchain?.name===e?.name?{}:{fromBlockchain:e,...o.fromToken&&{bestRoute:null,fromToken:null,outputAmount:null,outputUsdValue:null}})},setFromToken:e=>{let{blockchains:o}=v.getState().meta;return t(n=>({fromToken:e,...e&&{fromBlockchain:o.find(r=>r.name===e.blockchain)??null},...!!n.inputAmount&&{inputUsdValue:Xo(e,n.inputAmount)}}))},setToBlockchain:e=>{t(o=>o.toBlockchain?.name===e?.name?{}:{toBlockchain:e,...o.toToken&&{bestRoute:null,toToken:null,outputAmount:null,outputUsdValue:null}})},setToToken:e=>{let{blockchains:o}=v.getState().meta;return t(()=>({toToken:e,...e&&{toBlockchain:o.find(n=>n.name===e.blockchain)??null}}))},setInputAmount:e=>{t(o=>({inputAmount:e,...!e&&{outputAmount:new ut(0),outputUsdValue:new ut(0),bestRoute:null},...!!o.fromToken&&{inputUsdValue:Xo(o.fromToken,e)}}))},retry:e=>{let{tokens:o,blockchains:n}=v.getState().meta,{fromBlockchain:r,fromToken:i,toBlockchain:a,toToken:p,inputAmount:l}=ks(e,n,o);t({fromBlockchain:r,fromToken:i,inputAmount:l,outputAmount:null,inputUsdValue:Xo(i??null,l),outputUsdValue:new ut(0),toBlockchain:a,toToken:p,bestRoute:null})},switchFromAndTo:()=>t(e=>({fromBlockchain:e.toBlockchain,fromToken:e.toToken,toBlockchain:e.fromBlockchain,toToken:e.fromToken,inputAmount:e.outputAmount?.toString()||"",inputUsdValue:Xo(e.toToken,e.outputAmount?.toString()||"")})),resetFromBlockchain:()=>t(()=>({fromToken:null,fromBlockchain:null,outputAmount:null,outputUsdValue:null,bestRoute:null})),resetToBlockchain:()=>t(()=>({toToken:null,toBlockchain:null,outputAmount:null,outputUsdValue:null,bestRoute:null})),setRouteWalletConfirmed:e=>t({routeWalletsConfirmed:e}),setSelectedWallets:e=>t({selectedWallets:e}),setCustomDestination:e=>t({customDestination:e}),resetRouteWallets:()=>t({routeWalletsConfirmed:!1,selectedWallets:[],customDestination:""})}))));import{styled as Ko}from"@rango-dev/ui";var Ls=Ko("div",{width:"100%",paddingTop:"$10"}),ar=Ko("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),Ps=Ko("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%"}),Ds=Ko("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});import{i18n as Kt}from"@lingui/core";import{Button as tc,Divider as Os,MessageBox as $s,Modal as oc,Typography as nc,WarningIcon as rc}from"@rango-dev/ui";import ze from"react";import{useNavigate as ic}from"react-router-dom";import{Typography as _s}from"@rango-dev/ui";import lr from"react";function Fs(t){let{title:e,value:o,valueColor:n}=t;return lr.createElement(Ps,null,lr.createElement(_s,{size:"medium",variant:"label",color:"neutral600"},e),lr.createElement(_s,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}s(Fs,"RouteErrorsModalItem");function Us(t){let{highValueLoss:e,open:o,onToggle:n,percentageChange:r,inputUsdValue:i,outputUsdValue:a,totalFeeInUsd:p}=t,l=ic(),u=e&&r?.lt(-10)?"error":"warning",c=[{title:Kt.t("Swapping"),value:T(i,4,4)},{title:Kt.t("Gas cost"),value:T(p,2,2)},{title:Kt.t("Receiving"),value:T(a,4,4)},{title:Kt.t("Price impact"),value:T(r,2,2),valueColor:`${u}500`}];return ze.createElement(oc,{open:o,onClose:()=>n(!1),container:document.getElementById("swap-box")||document.body},e?ze.createElement($s,{type:u,title:z().highValueLossError.impactTitle,description:z().highValueLossError.description}):ze.createElement($s,{type:u,title:z().unknownPriceError.impactTitle,description:z().unknownPriceError.description}),e&&ze.createElement(ar,null,ze.createElement(Os,{size:20}),ze.createElement(nc,{size:"small",variant:"title"},Kt.t("Details")),ze.createElement(ar,null,c.map((f,m)=>ze.createElement(Fs,{key:m,...f})))),ze.createElement(Os,{size:32}),ze.createElement(tc,{type:"primary",size:"large",prefix:ze.createElement(rc,null),fullWidth:!0,onClick:()=>{l(h.confirmSwap)}},e?z().highValueLossError.confirmMessage:z().unknownPriceError.confirmMessage))}s(Us,"RouteErrorsModal");var lc=-10;function pr(t){let{bestRoute:e}=P(),{highValueLoss:o,percentageChange:n,priceImpactCanNotBeComputed:r,openModal:i,onToggle:a,totalFeeInUsd:p,outputUsdValue:l,inputUsdValue:u,loading:c,extraSpace:f}=t,m=Go(e),{recommendation:g}=Ho(e),C=!m&&(o||r),y=C||m;return qe.createElement(qe.Fragment,null,(c||f&&!y)&&qe.createElement(sc,{size:20}),y&&qe.createElement(Ls,null,C&&qe.createElement(qe.Fragment,null,qe.createElement(zs,{title:o?z().highValueLossError.title:z().unknownPriceError.title,type:o&&n?.lt(lc)?"error":"warning",variant:"alarm",action:qe.createElement(Ds,{onClick:()=>a(!0)},qe.createElement(ac,{size:12,color:"gray"}))})),m&&qe.createElement(zs,{type:"error",variant:"alarm",title:g})),qe.createElement(Us,{highValueLoss:o,open:i,onToggle:a,percentageChange:n,inputUsdValue:u,outputUsdValue:l,totalFeeInUsd:p}))}s(pr,"RouteErrors");import{ReverseIcon as pc,styled as qs}from"@rango-dev/ui";import ur from"react";var uc=qs("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),cc=qs("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 Gs(){let t=P.use.switchFromAndTo();return ur.createElement(uc,null,ur.createElement(cc,{onClick:()=>{t()}},ur.createElement(pc,{size:12})))}s(Gs,"SwitchFromAndToButton");import{useEffect as Hs,useRef as fc,useState as Vs}from"react";import{useRef as mc,useState as dc}from"react";function jo(){let[t,e]=dc(!1),o=mc(null),n=s(()=>o.current?.abort(),"cancel");return{fetch:s(async i=>{n(),o.current=new AbortController,e(!0);try{let a=await xt().getBestRoute(i,{signal:o.current.signal});return o.current=null,a}catch(a){throw a}finally{e(!1)}},"fetch"),loading:t,cancelFetch:n}}s(jo,"useFetchBestRoute");var gc=600;function Rs(){let{fetch:t,cancelFetch:e}=jo(),[o,n]=Vs(!1),{fromToken:r,toToken:i,inputAmount:a,inputUsdValue:p,resetRoute:l,setRoute:u}=P(),{slippage:c,customSlippage:f,affiliatePercent:m,affiliateRef:g,affiliateWallets:C,disabledLiquiditySources:y}=_(),[S,k]=Vs(""),d=fc(y),w=f??c,x=!r||!i||Re(r,i)||!Ht(a),W=s(()=>{if(o||n(!0),!x){l();let E=Ro({fromToken:r,toToken:i,inputAmount:a,disabledLiquiditySources:y,slippage:w,affiliateRef:g,affiliatePercent:m,affiliateWallets:C});t(E).then($=>{n(!1),u($)}).catch($=>{l(),$?.code!=="ERR_CANCELED"&&(k($.message),n(!1))})}},"fetch"),O=_i(()=>{x||W()},gc);return Hs(()=>{if(!Ht(a)||p?.eq(0)){n(!1),e();return}if(!x)return l(),n(!0),O(),e},[a,x]),Hs(()=>{let E=!!d.current.length&&!y.length;return!x&&E&&W(),d.current=y,e},[y.length]),{fetch:W,loading:o,error:S}}s(Rs,"useSwapInput");var xc=Lt("div",{display:"flex",flexDirection:"column",overflowY:"visible"}),Ac=Lt("div",{position:"relative"}),Ec=Lt("div",{display:"flex",flexDirection:"column",gap:5,alignSelf:"stretch"}),Ks=Lt("div",{width:"100%",paddingTop:"$2"}),Bc=Lt("div",{paddingBottom:"$15"}),Wc=Lt("div",{width:"100%",display:"flex"});function Qo(){let t=bc(),{fetch:e,loading:o,error:n}=Rs(),{fromToken:r,fromBlockchain:i,toToken:a,toBlockchain:p,setInputAmount:l,inputAmount:u,inputUsdValue:c,outputAmount:f,outputUsdValue:m,bestRoute:g,resetRouteWallets:C}=P(),{meta:{tokens:y,blockchains:S},loadingStatus:k}=v(),d=H.use.connectedWallets(),w=be.use.setCurrentPage(),[b,x]=vc(!1),{fromAmountRangeError:W,swap:O,recommendation:E}=Ho(g),$=wc(null),X=!!Number(u)&&(!!g||o||!!n),oe=!1,B=zo(c,m),Z=qo(c,B),G=!sr(g,u,c),ne=!sr(g,u,m),L=ws(k,d,o,g,Go(g),Z,G||ne,oe,u),me=i&&r?T(Bt(d,i?.name,r?.symbol,r?.address)?.amount||"0",8,8):"0",Ne=i&&r?T(Bt(d,i?.name,r?.symbol,r?.address)?.amount||"0",Bt(d,i?.name,r?.symbol,r?.address)?.decimal):"0";Tc(()=>(w(h.home),C(),w.bind(null,"")),[]);let U=!c||!m||!m.gt(0)?null:Ze(c.toNumber(),m.toNumber()),K=s(_e=>_e.map((se,ft)=>({swapper:{displayName:se.swapperId,image:se.swapperLogo},from:{token:{displayName:se.from.symbol,image:se.from.logo},chain:{displayName:Je(se.from.blockchain,S)??"",image:se.from.blockchainLogo},price:{value:ft===0?T(u,6,6):se.fromAmount}},to:{token:{displayName:se.to.symbol,image:se.to.logo},chain:{displayName:Je(se.to.blockchain,S)??"",image:se.to.blockchainLogo},price:{value:se.toAmount}},alerts:se.swapperId===O?.swapperId?j.createElement(Bc,null,j.createElement(hc,{type:"error",title:E,footer:j.createElement(Wc,null,j.createElement(mr,{size:"xsmall",variant:"body",color:"neutral700"},W),j.createElement(cr,{direction:"horizontal",size:8}),j.createElement(mr,{size:"xsmall",variant:"body",color:"neutral700"},"|"),j.createElement(cr,{direction:"horizontal",size:8}),j.createElement(mr,{size:"xsmall",variant:"body",color:"neutral700"},Yo.t({id:"yourSymbol",message:"Yours: {amount} {symbol}",values:{amount:T(O?.fromAmount||null,6,6),symbol:se?.from.symbol}})))})):void 0})),"getBestRouteSteps"),Ie=Vo(g,y),we=Cs(g);return j.createElement(Q,{ref:$,fixedHeight:!1,hasLogo:!0,footer:j.createElement(Cc,{type:"primary",size:"large",disabled:L.disabled,prefix:!L.disabled&&L.hasWarning&&j.createElement(kc,null),fullWidth:!0,onClick:()=>{L.state==="waitForConnecting"?t(h.wallets):L.state==="needToConfirm"?x(!0):t(h.confirmSwap)}},L.title),header:{hasConnectWallet:!0,title:Yo.t("Swap"),suffix:j.createElement(Yn,{layoutRef:$.current,onClickRefresh:g||n?e:void 0,onClickHistory:()=>t(h.swaps),onClickSettings:()=>t(h.settings)})}},j.createElement(xc,null,j.createElement(Ec,null,j.createElement(Ac,null,j.createElement(Xs,{label:Yo.t("From"),mode:"From",onInputChange:l,balance:me,chain:{displayName:i?.displayName||"",image:i?.logo||""},token:{displayName:r?.symbol||"",image:r?.image||""},onClickToken:()=>t("from-swap"),price:{value:u,usdValue:G?void 0:T(c,4,4),error:G?z().unknownPriceError.impactTitle:void 0},disabled:k==="failed",loading:k==="loading",onSelectMaxBalance:()=>{me!=="0"&&l(Ne.split(",").join(""))}}),j.createElement(Gs,null)),j.createElement(Xs,{sharpBottomStyle:!!g?.result||o,label:Yo.t("To"),mode:"To",chain:{displayName:p?.displayName||"",image:p?.logo||""},token:{displayName:a?.symbol||"",image:a?.image||""},percentageChange:U?.lt(0)?T(U,2,2):null,warningLevel:It(U?.toNumber()??0),price:{value:T(f,6,6),usdValue:ne?void 0:T(m,4,4),error:ne?z().unknownPriceError.impactTitle:void 0},onClickToken:()=>t("to-swap"),disabled:k==="failed",loading:k==="loading"})),o&&j.createElement(Ks,null,j.createElement(Sc,{type:"basic"})),X&&!o&&we?.result?.swaps?.length?j.createElement(Ks,null,j.createElement(yc,{type:"basic",recommended:!0,tooltipContainer:ae(),input:{value:T(u,6,6),usdValue:T(c,4,4)},output:{value:T(f,6,6),usdValue:T(m,4,4)},steps:K(we.result.swaps),percentageChange:T(U,2,2),totalFee:T(Ie,2,2),totalTime:At(Et(g?.result?.swaps))})):X&&!o?j.createElement(j.Fragment,null,j.createElement(cr,{size:20}),j.createElement(Rt,{diagnosisMessage:we?.diagnosisMessages?.[0],fetch:e,error:!!n})):null),j.createElement(pr,{openModal:b,onToggle:x,totalFeeInUsd:Ie,outputUsdValue:m,inputUsdValue:c,percentageChange:U,highValueLoss:Z,priceImpactCanNotBeComputed:G||ne,loading:o||k==="loading",extraSpace:!!g?.result||!g}))}s(Qo,"Home");import{useEffect as dr,useRef as fr}from"react";import{createSearchParams as Nc,useLocation as Ic,useSearchParams as Mc}from"react-router-dom";import{useEffect as Jo,useRef as Zo}from"react";function js(t){let{setInputAmount:e,setToToken:o,setToBlockchain:n,setFromBlockchain:r,setFromToken:i}=P(),{meta:{tokens:a,blockchains:p},loadingStatus:l}=v(),{setAffiliateRef:u,setAffiliatePercent:c,setAffiliateWallets:f}=_(),m=Zo(void 0),g=Zo(void 0),C=Zo(void 0),y=Zo(void 0);Jo(()=>{e(t?.amount?.toString()||"")},[t?.amount]),Jo(()=>{if(l==="success"){let S=p.find(d=>d.name===t?.from?.blockchain),k=a.find(d=>Re(d,t?.from?.token||null));(S||!S&&C.current)&&r(S??null),(k||!k&&m.current)&&i(k??null),C.current=t?.from?.blockchain,m.current=t?.from?.token}},[t?.from?.token?.symbol,t?.from?.token?.address,t?.from?.token?.blockchain,t?.from?.blockchain,l]),Jo(()=>{if(l==="success"){let S=p.find(d=>d.name===t?.to?.blockchain),k=a.find(d=>Re(d,t?.to?.token||null));(S||!S&&y.current)&&n(S??null),(k||!k&&g.current)&&o(k??null),y.current=t?.to?.blockchain,g.current=t?.to?.token}},[t?.to?.token?.symbol,t?.to?.token?.address,t?.to?.token?.blockchain,t?.to?.blockchain,l]),Jo(()=>{u(t?.affiliate?.ref??null),c(t?.affiliate?.percent??null),f(t?.affiliate?.wallets??null)},[t?.affiliate?.ref,t?.affiliate?.percent,t?.affiliate?.wallets])}s(js,"useSyncStoresWithConfig");function Ys(t){let e=fr(!0),[o,n]=Mc(),r=Ic(),i=fr(r.search),a=fr({}),p=P.use.fromBlockchain(),l=P.use.toBlockchain(),u=P.use.fromToken(),c=P.use.toToken(),f=P.use.setFromBlockchain(),m=P.use.setFromToken(),g=P.use.setToBlockchain(),C=P.use.setToToken(),y=P.use.inputAmount(),S=P.use.setInputAmount(),k=v.use.loadingStatus(),{blockchains:d,tokens:w}=v.use.meta(),b=be.use.setSelectedSwap();return js(t.config),dr(()=>{let x={};Nc(i.current).forEach((O,E)=>{x[E]=O}),a.current=x;let W=r.pathname.split(h.swaps+"/")[1]||null;W&&b(W)},[]),dr(()=>{if(!e.current){let x="",W="",O="",E="",$="";if(k!=="success")x=a.current["fromBlockchain"],W=a.current["fromToken"],O=a.current["toBlockchain"],E=a.current["toToken"],$=a.current["fromAmount"]||y;else{if(r.state==="redirect")return;x=p?.name||"",W=(u?.symbol||"")+(u?.address?`--${u?.address}`:""),O=l?.name||"",E=(c?.symbol||"")+(c?.address?`--${c?.address}`:""),$=y}n({...x&&{["fromBlockchain"]:x},...W&&{["fromToken"]:W},...O&&{["toBlockchain"]:O},...E&&{["toToken"]:E},...$&&{["fromAmount"]:$.toString()}},{replace:!0})}e.current=!1},[r.pathname,y,p,u,l,c]),dr(()=>{if(k==="success"){let x=o.get("fromBlockchain"),W=o.get("fromToken"),O=o.get("toBlockchain"),E=o.get("toToken"),$=o.get("fromAmount"),X=d.find(G=>G.name===x),oe=or(w,W,X||null),B=d.find(G=>G.name===O),Z=or(w,E,B||null);X&&(f(X),oe&&m(oe)),B&&(g(B),Z&&C(Z)),$&&S($)}},[k]),null}s(Ys,"UpdateUrl");function qc(t){let e=Uc(),o=zc(),n=Fc(!0),r=e.pathname.split("/"),a=r[r.length-1]===h.confirmSwap&&n.current;return _c(()=>{a&&o("."),n.current=!1},[]),a?yt.createElement(Qo,null):yt.createElement(yt.Fragment,null," ",t.children)}s(qc,"Route");function Qs({children:t,...e}){let o=$c(),n=o?qc:Oc,{blockchains:r}=v.use.meta(),{canSwitchNetworkTo:i}=Pc(),a=r.filter(Dc);return Lc({lastConnectedWallet:e.lastConnectedWallet,clearDisconnectedWallet:e.clearDisconnectedWallet,disconnectedWallet:e.disconnectedWallet,evmChains:a,canSwitchNetworkTo:i}),yt.createElement(yt.Fragment,null,yt.createElement(n,null,t),o&&yt.createElement(Ys,{config:e.config}))}s(Qs,"AppRouter");import We from"react";import{useRoutes as cg}from"react-router-dom";import{i18n as Xe}from"@lingui/core";import{useManager as Dm}from"@rango-dev/queue-manager-react";import{Alert as vr,BestRoute as _m,BestRouteSkeleton as Fm,Button as an,Divider as Ot,IconButton as _a,MessageBox as Om,Modal as $m,RefreshIcon as Um,SettingsIcon as zm,styled as Fa,Tooltip as qm,Typography as Da,WalletIcon as Gm}from"@rango-dev/ui";import I,{useEffect as ln,useState as pn}from"react";import{flushSync as Hm}from"react-dom";import{useNavigate as Vm}from"react-router-dom";import{i18n as nt}from"@lingui/core";import{Alert as wr,BalanceErrors as Cm,Button as Ia,ChevronDownIcon as km,ChevronLeftIcon as Tm,Divider as Ft,MessageBox as wm,Modal as Ma,Typography as sn,WalletIcon as vm}from"@rango-dev/ui";import A,{useEffect as bm,useLayoutEffect as xm,useRef as Am,useState as kt}from"react";import{useNavigate as Em}from"react-router-dom";import{i18n as en}from"@lingui/core";function tn(t){switch(t.type){case 0:return en.t("Route has been updated.");case 3:return en.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return en.t("Route swappers has been updated.");case 2:return en.t("Route internal coins has been updated.");default:return""}}s(tn,"getRouteWarningMessage");import*as Dt from"@radix-ui/react-collapsible";import{Button as Gc,darkTheme as Pt,IconButton as Hc,keyframes as Js,styled as ke,TextField as Vc}from"@rango-dev/ui";var jt=300,Rc=Js({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),Xc=Js({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),Zs=ke("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),ea=ke("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}),ta=ke("button",{borderRadius:"$xm",padding:"$10",border:"0",display:"flex",justifyContent:"center",$$color:"$colors$neutral100",[`.${Pt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",alignItems:"center",cursor:"pointer",width:110,position:"relative","&:hover":{$$color:"$colors$info100",[`.${Pt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$color:"$colors$info100",[`.${Pt} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color",outline:0},variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary",outlineStyle:"solid"}}}}),oa=ke(Dt.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit"}),na=ke("div",{padding:"$20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),ra=ke(Hc,{position:"absolute",left:"$20"}),ia=ke("div",{paddingTop:"$20","& .wallets-list":{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}}),sa=ke(Dt.Root,{backgroundColor:"$neutral200",borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),aa=ke(Gc,{width:"100%",borderRadius:"$sm !important",padding:"$15 !important",justifyContent:"space-between",alignItems:"center",$$color:"$colors$neutral100",[`.${Pt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color","&:hover":{$$color:"$colors$info100",[`.${Pt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$background:"$colors$info100",[`.${Pt} &`]:{$$background:"$colors$info700"},backgroundColor:"$$background",outline:0}}),la=ke("div",{padding:"$10 $0","& .button__content":{display:"flex",justifyContent:"center",alignItems:"center"},"& .alarms":{paddingTop:"5px"}}),pa=ke("div",{transition:`all ${jt}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),ua=ke("div",{display:"flex"}),ca=ke(Vc,{padding:"$0 $15 $15 $15"}),ma=ke(Dt.Content,{overflow:"hidden",variants:{open:{true:{animation:`${Rc} ${jt}ms ease-out`},false:{animation:`${Xc} ${jt}ms ease-out`}}}}),da=ke("div",{overflow:"visible",width:"100%"});import{i18n as ot}from"@lingui/core";import{Button as hm,Divider as Cr,Image as ym,MessageBox as kr,Modal as Aa,SelectableWallet as Sm,Typography as Ea,WalletState as Ba}from"@rango-dev/ui";import ie,{useEffect as Wa,useState as Qt}from"react";import{WalletState as fa}from"@rango-dev/ui";import{useWallets as Kc}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as jc,WalletTypes as Yc}from"@rango-dev/wallets-shared";import{useEffect as Qc,useState as Jc}from"react";var Zc=Object.values(Yc);function on(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:i,disconnect:a,getWalletInfo:p,connect:l}=Kc(),{connectedWallets:u}=H(),{blockchains:c}=v().meta,f=typeof e?.multiWallets>"u"?!0:e.multiWallets,m=Oi(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||Zc,g=Ei(i,p,m,o),C=Li(g),[y,S]=Jc(""),k=s(x=>!u.find(W=>W.walletType===x&&W.chain===o),"isExperimentalChainNotAdded"),d=s(async x=>{let W=i(x);try{if(y&&S(""),W.connected)await a(x);else{let O=!!g.find(E=>E.state===fa.CONNECTED);if(!f&&O)return;n?.(x),await l(x),r?.(x)}}catch(O){S("Error: "+O?.message)}},"handleClick"),w=s(()=>{let x=g?.filter(W=>W.state===fa.CONNECTING)||[];for(let W of x)a(W.type)},"disconnectConnectingWallets");Qc(()=>()=>{w()},[]);let b=s((x,W,O)=>vo(O,W)&&k(x)&&!jc.includes(x),"shouldExcludeWallet");return{list:C.filter(x=>!b(x.type,o??"",c)),error:y,handleClick:d}}s(on,"useWalletList");import{i18n as Ca}from"@lingui/core";import{styled as Ta,Typography as lm,Wallet as pm,WalletState as um}from"@rango-dev/ui";import Ct,{Fragment as cm,useState as ka}from"react";import{Divider as rm,Modal as im}from"@rango-dev/ui";import hr from"react";import{i18n as _t}from"@lingui/core";import{Image as om,MessageBox as gr,WalletState as nm}from"@rango-dev/ui";import St from"react";import{keyframes as em,styled as nn}from"@rango-dev/ui";var Ww=nn("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),ga=nn("div",{position:"relative"}),tm=em({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),ha=nn("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${tm} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),ya=nn("div",{"& img":{borderRadius:"50%"}});function Sa(t){let{state:e,image:o,error:n}=t;return e===nm.CONNECTED?St.createElement(gr,{type:"success",title:_t.t("Wallet Connected"),description:_t.t("Your wallet is connected, you can use it to swap.")}):n?St.createElement(gr,{type:"error",title:_t.t("Failed to Connect"),description:n||_t.t("Your wallet is not connected. Please try again.")}):St.createElement(gr,{type:"loading",title:_t.t("Connecting to your wallet"),description:_t.t("Click connect in your wallet popup."),icon:St.createElement(ga,null,St.createElement(ya,null,St.createElement(om,{src:o,size:45})),St.createElement(ha,null))})}s(Sa,"ModalContent");function Yt(t){let{open:e,onClose:o,...n}=t;return hr.createElement(im,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},hr.createElement(Sa,{...n}),hr.createElement(rm,{direction:"vertical",size:32}))}s(Yt,"WalletModal");import{useInRouterContext as sm,useNavigate as am}from"react-router-dom";function re(){let t=sm(),e=am(),o=P.use.routeWalletsConfirmed();return h,{navigateBackFrom:s(r=>{if(r===h.swapDetails)return e("/"+h.swaps,{replace:!0});if(!t||window.history.state&&window.history.state.idx>0)e(-1);else{if([h.settings,h.wallets].includes(r)&&o)return e("/"+h.confirmSwap,{replace:!0});[h.fromSwap,h.toSwap,h.settings,h.wallets,h.swaps,h.confirmSwap].includes(r)?e(h.home,{replace:!0}):r===h.fromBlockchain?e("/"+h.fromSwap,{replace:!0}):r===h.toBlockchain?e("/"+h.fromSwap,{replace:!0}):r===h.liquiditySources&&e("/"+h.settings,{replace:!0})}},"navigateBackFrom")}}s(re,"useNavigateBack");var mm=Ta("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline",paddingTop:"$15",height:"100%"}),dm=Ta("div",{textAlign:"center"}),rn=3e3,yr=300;function wa({config:t}){let{navigateBackFrom:e}=re(),[o,n]=ka(!1),[r,i]=ka(""),a=null,{list:p,handleClick:l,error:u}=on({config:t,onBeforeConnect:C=>{a=setTimeout(()=>{n(!0),i(C)},yr)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},rn)}}),c=v.use.loadingStatus(),f=p.find(C=>C.type===r),m=f?.image||"",g=f?.state||um.NOT_INSTALLED;return Ct.createElement(Q,{header:{title:Ca.t("Connect Wallets"),onBack:e.bind(null,h.wallets)}},Ct.createElement(dm,null,Ct.createElement(lm,{variant:"title",size:"xmedium",align:"center"},Ca.t("Choose a wallet to connect.")),Ct.createElement(mm,null,p.map((C,y)=>{let S=`wallet-${y}-${C.type}`;return Ct.createElement(cm,{key:S},Ct.createElement(pm,{...C,container:ae(),onClick:k=>{l(k)},isLoading:c==="loading"}))}),Ct.createElement(Yt,{open:!!o,onClose:()=>n(!1),image:m,state:g,error:u}))))}s(wa,"WalletsPage");import{keyframes as fm,styled as Sr}from"@rango-dev/ui";var va=Sr("div",{position:"relative"}),gm=fm({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),ba=Sr("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${gm} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),xa=Sr("div",{"& img":{borderRadius:"50%"}});function Tr(t){let{config:e,chain:o,isSelected:n,selectWallet:r,limit:i,onShowMore:a}=t,p=H.use.connectedWallets(),{blockchains:l}=v.use.meta(),[u,c]=Qt(""),[f,m]=Qt(null),[g,C]=Qt(!1),[y,S]=Qt(null),{connect:k}=Na(),d=null,{list:w,error:b,handleClick:x}=on({config:e,chain:o,onBeforeConnect:B=>{d=setTimeout(()=>{c(B)},yr)},onConnect:()=>{d&&clearTimeout(d),setTimeout(()=>{c("")},rn)}}),[W,O]=Qt(w),E=w.length,$=i&&E-i>0,X=s(async B=>{C(!1),S("in-progress"),await k(B.walletType,B.chain),S("completed")},"addExperimentalChain");Wa(()=>{O(B=>{let Z=w.findIndex(G=>n(G.type,o));return $&&Z>1?[w[Z]].concat(w.filter((G,ne)=>ne!==Z)):B.map(G=>w.find(ne=>ne.type===G.type)??G)})},[JSON.stringify(w)]);let oe=document.querySelector("#swap-box");return Wa(()=>{let B=null;return y==="completed"&&(B=setTimeout(()=>S(null),rn)),()=>{B&&clearTimeout(B)}},[y]),ie.createElement(ie.Fragment,null,W.slice(0,i).map(B=>{let Z=Pi({connectedWallets:p,walletType:B.type,chain:o}),G=Z?bo(Z):"",ne=vo(l,o),L=!p.find(Ie=>Ie.walletType===B.type&&Ie.chain===o),me=ne&&L&&B.state===Ba.CONNECTED,Ne=me?ot.t({id:"addChain",message:"Add {chain} chain",values:{chain:o}}):G,U=s(()=>{B.state===Ba.DISCONNECTED?x(B.type):me?(m({walletType:B.type,chain:o,address:Z??""}),C(!0)):r({walletType:B.type,chain:o,address:Z??""})},"onClick"),K=f?.chain?gs(f.chain,l):void 0;return ie.createElement(ie.Fragment,null,ie.createElement(Yt,{open:u===B.type,onClose:()=>c(""),image:B.image,state:B.state,error:b}),!!f&&ie.createElement(Aa,{open:!!f&&g,container:oe,onClose:()=>{m(null)}},ie.createElement(kr,{title:ot.t({id:"addBlockchain",message:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:K}}),type:"warning",description:ot.t({id:"addBlockchainDescription",message:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:K}})},ie.createElement(Cr,{size:18}),ie.createElement(Cr,{size:32}),ie.createElement(hm,{onClick:X.bind(null,f),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},ot.t("Confirm")))),y&&ie.createElement(Aa,{open:!!y,onClose:S.bind(null,null),container:oe},y==="in-progress"?ie.createElement(kr,{type:"loading",title:ot.t({id:"addBlockchain",message:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:K}}),description:ot.t({id:"addBlockchainDescription",message:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:K}}),icon:ie.createElement(va,null,ie.createElement(xa,null,ie.createElement(ym,{src:B.image,size:45})),ie.createElement(ba,null))}):ie.createElement(kr,{type:"success",title:ot.t({id:"blockchainAdded",message:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:K}}),description:ot.t({id:"blockchainAddedDescription",message:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:K}})}),ie.createElement(Cr,{direction:"vertical",size:32})),ie.createElement(Sm,{key:B.type,description:Ne,onClick:U,selected:n(B.type,o),...B}))}),$&&ie.createElement(ta,{selected:!1,onClick:a.bind(null)},ie.createElement(Ea,{variant:"label",size:"medium"},ot.t("Show more wallets"),ie.createElement(Ea,{variant:"label",size:"medium",color:"$primary"},"\xA0+",E-(i??0)))))}s(Tr,"WalletList");var Bm=2;function La(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,config:i,loading:a}=t,{blockchains:p}=v.use.meta(),{bestRoute:l,setSelectedWallets:u,routeWalletsConfirmed:c,setRouteWalletConfirmed:f,customDestination:m,setCustomDestination:g}=P(),{connectedWallets:C,selectWallets:y}=H(),[S,k]=kt(""),[d,w]=kt([]),[b,x]=kt(""),[W,O]=kt(null),[E,$]=kt(m),[X,oe]=kt(!!m),B=Am(null),Z=Do(l),G=typeof i?.customDestination>"u"?!0:i.customDestination,ne=p.find(D=>D.name===l?.result?.swaps[l?.result?.swaps.length-1].to.blockchain),L=s(D=>!!l?.result?.swaps.find(N=>N.from.blockchain===D),"isWalletRequiredFor"),[me,Ne]=kt(C.filter(D=>D.selected&&Z.includes(D.chain))),U=p.find(D=>D.name===ne?.name),K=s((D,N)=>!!me.find(F=>F.walletType===D&&F.chain===N&&F.selected&&(L(N)||!L(N)&&!E)),"isSelected"),Ie=!!E&&X&&U&&!_o(U,E),we=s(()=>{oe(!1),$(""),Ne(D=>{let N=!1;return D.map(F=>!N&&F.chain===ne?.name?(N=!0,{...F,selected:!0}):F)})},"resetCustomDestination"),_e=s(D=>{if(S&&k(""),K(D.walletType,D.chain))return;let F=C.find(Y=>Y.walletType===D.walletType&&Y.chain===D.chain);F&&(n(),D.chain===ne?.name&&X&&(oe(!1),$("")),Ne(Y=>Y.filter(le=>le.chain!==D.chain).concat({...F,selected:!0})))},"onChange"),se=s(()=>{let D=me.filter(N=>N.selected);y(D),u(D),g(E),f(!0),o()},"onConfirmBalance"),ft=s(async()=>{w([]),x(""),O(null);let D=C.filter(Y=>me.find(le=>le.chain===Y.chain&&le.walletType===Y.walletType)),N=await r?.({selectedWallets:D,customDestination:E}),F=N.warnings;F?.balance?.messages&&w(F.balance.messages),F?.route&&O(F.route),N.error&&x(Mo(N.error)),!N.error&&(!F?.balance?.messages.length||0>0)?se():w(F?.balance?.messages??[])},"onConfirmWallets");bm(()=>{Ne(D=>D.concat(C.filter(N=>!!!D.find(Y=>Y.chain===N.chain)&&N.selected&&Z.includes(N.chain))))},[C.length]),xm(()=>{X&&B.current&&setTimeout(()=>{B?.current?.scrollIntoView({behavior:"smooth"})},jt)},[X]);let Qe=document.querySelector("#swap-box"),bt=Em();return A.createElement(Ma,{open:e,onClose:()=>{c||bt(h.home,{replace:!0}),o()},dismissible:!S,container:Qe,...!S&&{footer:A.createElement(ua,null,A.createElement(Ia,{loading:a,disabled:Ms(a,X,E,l,me,ne),onClick:ft,variant:"contained",type:"primary",fullWidth:!0,size:"large"},"Confirm"))},...S&&{containerStyle:{padding:"$0"},header:A.createElement(na,null,A.createElement(ra,{variant:"ghost",onClick:k.bind(null,"")},A.createElement(Tm,{size:16})),A.createElement(sn,{variant:"headline",size:"small"},nt.t({id:"yourWallets",message:"Your {blockchainName} wallets",values:{blockchainName:S}})))},anchor:"center"},A.createElement(Ma,{open:d.length>0,onClose:w.bind(null,[]),container:Qe},A.createElement(wm,{title:nt.t("Insufficient account balance"),type:"error",description:A.createElement(Cm,{messages:d??[]})},A.createElement(Ia,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:se},nt.t("Proceed anyway")))),S&&A.createElement(ia,null,A.createElement("div",{className:"wallets-list"},A.createElement(Tr,{chain:S,isSelected:K,selectWallet:_e,multiWallets:i?.multiWallets??!0,supportedWallets:i?.wallets??[],config:i,onShowMore:k.bind(null,S)}))),!S&&A.createElement(A.Fragment,null,b&&A.createElement(A.Fragment,null,A.createElement(wr,{variant:"alarm",type:"error",title:nt.t(b)}),A.createElement(Ft,{size:12})),W&&A.createElement(A.Fragment,null,A.createElement(wr,{variant:"alarm",type:"warning",title:tn(W)}),A.createElement(Ft,{size:12})),A.createElement(da,null,Z.map((D,N)=>{let F=p.find(ue=>ue.name===D),Y=`wallet-${N}`,le=N===Z.length-1;return A.createElement("div",{key:Y},A.createElement(Zs,null,A.createElement(sn,{variant:"title",size:"xmedium"},nt.t({id:"yourWallets",message:"Your {blockchainName} wallets",values:{blockchainName:F?.displayName}})),A.createElement(sn,{variant:"label",color:"$neutral700",size:"medium"},nt.t({id:"needConnect",message:"You need to connect a {blockchainName} wallet.",values:{blockchainName:F?.displayName}}))),A.createElement(Ft,{size:24}),A.createElement(ea,null,A.createElement(Tr,{chain:D,isSelected:K,selectWallet:_e,multiWallets:i?.multiWallets??!0,supportedWallets:i?.wallets??[],config:i,limit:Bm,onShowMore:()=>k(F?.name??"")})),!le&&A.createElement(Ft,{size:32}),le&&G&&A.createElement(la,null,A.createElement(sa,{ref:B,selected:X,open:X,onOpenChange:ue=>{ue?L(ne?.name??"")||Ne(go=>go.map(ho=>ho.chain===ne?.name?{...ho,selected:!1}:ho)):we()}},A.createElement(oa,{onClick:()=>oe(ue=>!ue)},A.createElement(aa,{fullWidth:!0,variant:"default",suffix:A.createElement(pa,{orientation:X?"up":"down"},A.createElement(km,{size:10,color:"gray"}))},A.createElement("div",{className:"button__content"},A.createElement(vm,{size:18,color:"info"}),A.createElement(Ft,{size:4,direction:"horizontal"}),A.createElement(sn,{variant:"label",size:"medium"},nt.t("Send to a different address"))))),A.createElement(ma,{open:X},A.createElement(A.Fragment,null,A.createElement(Ft,{size:4}),A.createElement(ca,{autoFocus:!0,placeholder:nt.t("Your destination address"),value:E,onChange:ue=>{$(ue.target.value)}})))),Ie&&A.createElement("div",{className:"alarms"},A.createElement(wr,{variant:"alarm",type:"error",title:nt.t({id:"addressMatch",values:{destination:E},message:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}s(La,"ConfirmWalletsModal");import{calculatePendingSwap as Nm}from"@rango-dev/queue-manager-rango-preset";import Im from"bignumber.js";import{useEffect as Mm}from"react";function Lm(t,e){if(!t.result)throw new Error(z().noRoutesError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});let o=new Im(t.result?.outputAmount||"0").multipliedBy(e.outputUsdValue||0),n=zo(e.inputUsdValue,o);if(qo(e.inputUsdValue,n))throw new Error("High value loss for route",{cause:{type:1}});return t}s(Lm,"throwErrorIfResponseIsNotValid");function Pm(t,e,o){let n=ys(t,e),r={balance:null,route:null,slippage:null};n&&(As(t,e)?r.route={type:3,newOutputAmount:T(Mt(e)),percentageChange:T(Ze(Mt(t),Mt(e)),null,2)}:nr(t,e)?r.route={type:0}:rr(t,e)?r.route={type:1}:ir(t,e)&&(r.route={type:2}));let i=Es(e,o.selectedWallets);i.length===0||(r.balance={messages:i});let p=vs(t),l=o.userSlippage>is;return bs(o.userSlippage.toString(),p)?l&&(r.slippage={type:1,slippage:o.userSlippage.toString()}):r.slippage={type:0,slippage:p},r}s(Pm,"generateWarnings");function Pa(){let{fromToken:t,toToken:e,inputAmount:o,inputUsdValue:n,setRoute:r,bestRoute:i,customDestination:a}=P(),{slippage:p,customSlippage:l,affiliatePercent:u,affiliateRef:c,affiliateWallets:f,disabledLiquiditySources:m}=_(),{connectedWallets:g}=H(),{meta:C}=v(),y=l||p,{fetch:S,cancelFetch:k,loading:d}=jo();return Mm(()=>k,[]),{loading:d,fetch:s(async b=>{let x=b.selectedWallets,W=b?.customDestination??a;if(!t||!e||!o||!i)return{route:null,swap:null,error:null,warnings:null};let O=Ro({fromToken:t,toToken:e,inputAmount:o,wallets:g,selectedWallets:x,disabledLiquiditySources:m,slippage:y,affiliateRef:c,affiliatePercent:u,affiliateWallets:f,initialRoute:i,destination:W}),E;try{E=await S(O).then(oe=>Lm(oe,{outputUsdValue:e.usdPrice,inputUsdValue:n})),r(E)}catch(oe){return oe?.code==="ERR_CANCELED"?{swap:null,error:{type:3},warnings:null}:oe.cause?{swap:null,error:oe.cause,warnings:null}:{swap:null,error:{type:2},warnings:null}}let $={slippage:y.toString(),disabledSwappersGroups:m},X=Nm(o.toString(),E,xs(x),$,!1,C);return{route:E,swap:X,error:null,warnings:Pm(i,E,{selectedWallets:x,userSlippage:y})}},"fetch"),cancelFetch:k}}s(Pa,"useConfirmSwap");var Rm=Fa("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"}}),Xm=Fa("div",{width:"100%",display:"flex",justifyContent:"space-between","& .confirm-button":{flexGrow:1,paddingRight:"$10"},[`& ${_a}`]:{width:"$48",height:"$48"}});function Oa(t){let{config:e}=t,{bestRoute:o,inputAmount:n,outputAmount:r,inputUsdValue:i,outputUsdValue:a,setInputAmount:p,selectedWallets:l,routeWalletsConfirmed:u,setRouteWalletConfirmed:c,customDestination:f}=P(),m=Vm(),[g,C]=pn(""),[y,S]=pn(!1),{connectedWallets:k}=H(),d=!u,[w,b]=pn(!1),x=be.use.setSelectedSwap(),{meta:{tokens:W,blockchains:O},loadingStatus:E}=v(),$=_.use.slippage(),X=_.use.customSlippage(),{manager:oe}=Dm(),B=X||$,{fetch:Z,loading:G,cancelFetch:ne}=Pa(),[L,me]=pn({swap:null,error:null,warnings:null}),Ne=G||E==="loading",U=!G&&L.error&&[0,2].includes(L.error.type),K=!U&&!G&&o&&o.result,Ie=Vo(o,W),we=T(Ze(i?.toNumber()??0,a?.toNumber()??0),2,2),_e=It(parseFloat(we)),se=s(async({selectedWallets:N,customDestination:F})=>{let Y=await Z?.({selectedWallets:N,customDestination:F});return me(Y),Y},"onConfirmSwap"),ft=s(async()=>{if(L.swap&&u)try{await oe?.create("swap",{swapDetails:L.swap},{id:L.swap.requestId}),x(L.swap.requestId),m("/"+h.swaps+`/${L.swap.requestId}`,{replace:!0}),setTimeout(()=>{p("")},0)}catch(N){C("Error: "+N?.message)}},"addNewSwap"),Qe=s(async()=>{await ft()},"onConfirm"),bt=s(async()=>{L?.warnings?.slippage?S(!0):await Qe()},"onStartConfirmSwap"),D=s(async()=>{me({error:null,swap:null,warnings:null}),Z({selectedWallets:l}).then(N=>{me(N)}).catch(N=>console.error(N))},"onRefresh");return ln(()=>{d&&ne()},[d]),ln(()=>{d&&b(d)},[d]),ln(()=>{d||Z({selectedWallets:l,customDestination:f}).then(N=>me(N)).catch(N=>console.error(N))},[]),ln(()=>{let N=L.warnings?.route?.type&&Object.values(Vt).includes(L.warnings?.route?.type),F=l.length<1||!l.every(le=>k.find(ue=>le.address===ue.address&&le.walletType===ue.walletType&&le.chain===ue.chain)),Y=!1;if(N){let le=Do(o),ue=o?.result?.swaps[o.result.swaps.length-1].to.blockchain;!!o?.result?.swaps.find(Fn=>Fn.from.blockchain===ue)||(le=le.slice(-le.length,le.length-1)),le.every(Fn=>l.find(Np=>Np.chain===Fn))||(Y=!0)}o&&(F||Y)&&(queueMicrotask(()=>Hm(b.bind(null,!0))),c(!1))},[L.warnings?.route,l.length,k.length]),I.createElement(Q,{header:{title:Xe.t("Confirm Swap"),onBack:m.bind(null,-1),hasConnectWallet:!0,suffix:I.createElement(qm,{container:ae(),side:"bottom",content:Xe.t("Settings")},I.createElement(Fe,{size:"small",variant:"ghost",onClick:()=>m("/"+h.settings)},I.createElement(zm,{size:18,color:"black"})))},footer:I.createElement(Xm,null,I.createElement("div",{className:"confirm-button"},I.createElement(an,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:G,disabled:!!L.error,onClick:bt},Xe.t("Start Swap"))),I.createElement(_a,{variant:"contained",type:"primary",size:"large",loading:G,onClick:b.bind(null,!0)},I.createElement(Gm,{size:24})))},I.createElement($m,{anchor:"bottom",open:y,prefix:I.createElement(an,{size:"small",variant:"ghost",onClick:()=>m("/"+h.settings)},I.createElement(Da,{variant:"label",size:"medium",color:"$neutral700"},Xe.t("Change settings"))),container:document.querySelector("#swap-box"),onClose:S.bind(null,N=>!N)},L.warnings?.slippage&&I.createElement(Om,{type:"warning",title:L.warnings.slippage.type===1?Xe.t("High slippage"):Xe.t("Low slippage"),description:L.warnings.slippage.type===1?Xe.t("highSlippage",{selectedSlippage:B},{message:" Caution, your slippage is high (={selectedSlippage}). Your trade may be front run."}):Xe.t("increaseSlippage",{minRequiredSlippage:L.warnings.slippage.slippage},{message:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route."})},I.createElement(Ot,{size:18}),I.createElement(Ot,{size:32}),I.createElement(an,{size:"large",type:"primary",variant:"contained",fullWidth:!0,onClick:Qe},Xe.t("Confirm anyway")))),w&&I.createElement(La,{open:w,onClose:()=>b(!1),onCancel:ne,loading:G,onCheckBalance:se,config:e}),I.createElement(Rm,null,I.createElement("div",{className:"description"},I.createElement(Da,{variant:"title",size:"small"},Xe.t("You get")),I.createElement(an,{style:{padding:"0"},variant:"ghost",disabled:G,onClick:D},I.createElement("div",{className:"icon"},I.createElement(Um,{size:16})))),g&&I.createElement(I.Fragment,null,I.createElement(vr,{type:"error",variant:"alarm",title:g}),I.createElement(Ot,{size:12})),L.warnings?.route&&I.createElement(I.Fragment,null,I.createElement(vr,{variant:"alarm",type:"warning",title:tn(L.warnings.route)}),I.createElement(Ot,{size:12})),Ne&&I.createElement(Fm,{type:"swap-preview",expanded:!0}),K&&I.createElement(_m,{expanded:!0,tooltipContainer:ae(),steps:Ts(o,O)??[],input:{value:T(n,6,6),usdValue:T(i,4,4)},output:{value:T(r,6,6),usdValue:T(a,4,4)},totalFee:T(Ie,2,2),totalTime:At(Et(o.result?.swaps)),recommended:!0,type:"swap-preview",percentageChange:we,warningLevel:_e}),U&&I.createElement(I.Fragment,null,I.createElement(Ot,{size:12}),I.createElement(Rt,{diagnosisMessage:L.error?.type===0?L.error.diagnosisMessage:void 0,error:L.error?.type===2,fetch:D})),L.error?.type===1&&I.createElement(I.Fragment,null,I.createElement(vr,{variant:"alarm",type:"error",title:Mo(L.error)}),I.createElement(Ot,{size:12}))))}s(Oa,"ConfirmSwapPage");import{i18n as mn}from"@lingui/core";import{useManager as Zm}from"@rango-dev/queue-manager-react";import{Divider as ed,NotFound as td,styled as Xa}from"@rango-dev/ui";import ct,{useState as od}from"react";import{useNavigate as nd}from"react-router-dom";import{CloseIcon as jm,IconButton as Ym,SearchIcon as Qm,TextField as Jm}from"@rango-dev/ui";import Jt from"react";import{styled as Km}from"@rango-dev/ui";var $a=Km("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function rt(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:i,value:a,setValue:p,...l}=t;return Jt.createElement(Jm,{prefix:Jt.createElement($a,null,Jt.createElement(Qm,{color:"black"})),suffix:!!a.length&&Jt.createElement(Ym,{variant:"ghost",onClick:()=>p?.(""),size:"small"},Jt.createElement(jm,{color:"gray",size:10})),fullWidth:o,color:n,variant:e,style:{padding:10,borderRadius:25,alignItems:"center"},size:r,value:a,onChange:i,...l})}s(rt,"SearchInput");import{i18n as za}from"@lingui/core";import{Divider as qa,SwapListItem as Ga,Typography as Ha}from"@rango-dev/ui";import te from"react";import{styled as un}from"@rango-dev/ui";var br=un("div",{width:"100%",display:"flex",flexDirection:"column"}),xr=un("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),Ar=un("div",{gap:"$10",display:"flex",flexDirection:"column"}),Ua=un("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});function Er(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,i=n?n(e):[{title:"History",swaps:e}];if(r){let a=[{},{}];return te.createElement(te.Fragment,null,[{title:"Today",swaps:a},{title:"Last month",swaps:a}].map(l=>te.createElement(te.Fragment,{key:l.title},te.createElement(br,null,te.createElement(xr,null,te.createElement(Ha,{variant:"label",size:"medium",color:"neutral600",className:"group-title"},za.t(l.title))),te.createElement(qa,{size:4}),te.createElement(Ar,null,l.swaps.map((u,c)=>{let f=c+l.title;return te.createElement(te.Fragment,{key:f},te.createElement(Ga,{isLoading:!0}))}))))))}return te.createElement(te.Fragment,null,i.filter(a=>a.swaps.length>0).map(a=>te.createElement(te.Fragment,{key:a.title},te.createElement(br,null,te.createElement(xr,null,te.createElement(Ha,{variant:"label",size:"medium",color:"neutral600",className:"group-title"},za.t(a.title))),te.createElement(qa,{size:4}),te.createElement(Ar,null,a.swaps.map(p=>{let l=p.steps[0],u=p.steps[p.steps.length-1];return te.createElement(te.Fragment,{key:p.requestId},te.createElement(Ga,{requestId:p.requestId,creationTime:p.creationTime,status:p.status,onClick:o,onlyShowTime:a.title==="Today",swapTokenData:{from:{token:{image:l.fromLogo,displayName:l.fromSymbol},blockchain:{image:l.fromBlockchainLogo||""},amount:Co(p.inputAmount)},to:{token:{image:u.toLogo,displayName:u.toSymbol},blockchain:{image:u.toBlockchainLogo||""},amount:Co(u.outputAmount||""),estimatedAmount:Co(u.expectedOutputAmountHumanReadable||"")}}}))}))))))}s(Er,"SwapsGroup");import Va from"dayjs";var Ra=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=Va();return t.forEach(n=>{let r=Va(Number(n.creationTime));o.isSame(r,"day")?e.get("today")?.swaps.push(n):o.isSame(r,"month")?e.get("month")?.swaps.push(n):o.isSame(r,"year")?e.get("year")?.swaps.push(n):e.get("history")?.swaps.push(n)}),Array.from(e.values())},"groupSwapsByDate");var cn=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 rd=Xa("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",height:"100%",gap:15}),id=Xa("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),sd=s((t,e)=>t?.length?t.filter(o=>He(o.fromBlockchain,e)||He(o.toBlockchain,e)||He(o.toSymbol,e)||He(o.fromSymbol,e)).length:!1,"isStepContainsText");function Ka(){let t=be.use.setSelectedSwap(),e=nd(),{navigateBackFrom:o}=re(),{manager:n,state:r}=Zm(),i=cn(n).map(({swap:m})=>m),[a,p]=od(""),l=!r.loadedFromPersistor,u=s(m=>{let g=m.target.value;p(g)},"searchHandler"),c=i;a&&(c=i.filter(m=>He(m.inputAmount,a)||He(m.status,a)||sd(m.steps,a)||He(m.requestId,a)));let f=!c?.length&&!l;return ct.createElement(Q,{header:{onBack:o.bind(null,h.swaps),title:mn.t("History")}},ct.createElement(rd,null,ct.createElement(rt,{setValue:p,fullWidth:!0,variant:"contained",placeholder:mn.t("Search Transaction"),autoFocus:!0,onChange:u,value:a}),ct.createElement(id,null,f&&ct.createElement(Ua,null,ct.createElement(ed,{size:32}),ct.createElement(td,{title:mn.t("No results found"),description:a?mn.t("Try using different keywords"):""})),!f&&ct.createElement(Er,{list:c,onSwapClick:m=>{t(m),e(`${m}`,{replace:!0})},groupBy:Ra,isLoading:l}))))}s(Ka,"HistoryPage");import{i18n as ja}from"@lingui/core";import{List as ad,ListItemButton as ld,Radio as pd,RadioRoot as ud,Typography as cd}from"@rango-dev/ui";import mt from"react";import{styled as dn}from"@rango-dev/ui";var it=dn("div",{height:"100%",overflow:"hidden"}),Zt=dn("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto"}),Br=dn("div",{width:80,display:"flex",justifyContent:"flex-end"}),Wr=dn("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});function fn(){let t=_.use.language(),e=_.use.setLanguage();return{activeLanguage:t,languages:os,defaultLanguage:Lo,changeLanguage:e}}s(fn,"useLanguage");function Ya(){let{navigateBackFrom:t}=re(),{activeLanguage:e,changeLanguage:o,languages:n}=fn(),r=n.map(i=>{let{local:a,label:p,SVGFlag:l}=i;return{id:a,value:a,title:mt.createElement(cd,{variant:"title",size:"xmedium"},p),onClick:()=>o(i.local),end:mt.createElement(pd,{value:a}),start:mt.createElement(l,null)}});return mt.createElement(Q,{header:{onBack:t.bind(null,h.settings),title:ja.t("Language")}},mt.createElement(it,null,mt.createElement(ud,{value:e},mt.createElement(ad,{type:mt.createElement(ld,{title:ja.t("language"),id:"_",onClick:()=>console.log()}),items:r}))))}s(Ya,"LanguagePage");import{i18n as $t}from"@lingui/core";import{Button as hd,Checkbox as yd,Image as Sd,ListItemButton as Cd,NotFound as kd,Typography as Td}from"@rango-dev/ui";import Te,{useState as wd}from"react";import{Checkbox as fd,Skeleton as Ja}from"@rango-dev/ui";import eo from"react";import{ListItem as md,styled as dd}from"@rango-dev/ui";var Qa=dd(md,{height:61});var gd=30;function Nr(){return eo.createElement(Zt,null,Array.from(Array(gd),t=>eo.createElement(Qa,{hasDivider:!0,key:t,start:eo.createElement(Ja,{variant:"circular",width:35,height:35}),title:eo.createElement(Ja,{variant:"text",size:"large",width:90}),end:eo.createElement(fd,{checked:!1})})))}s(Nr,"LoadingLiquiditySourceList");function gn(t){let e=v.use.meta().swappers,o=_.use.disabledLiquiditySources(),n=[];return Wt(e.map(i=>i.swapperGroup)).map(i=>{let a=e.find(p=>p.swapperGroup===i);if(a){let p=!0;t&&(p=t.some(l=>l===a.swapperGroup)),p&&a.types.map(l=>{n.push({id:a.swapperGroup,groupTitle:a.swapperGroup,logo:a.logo,type:l,selected:!o.includes(a.swapperGroup)})})}}),n}s(gn,"getUniqueSwappersGroups");function Za(t,e){return t.groupTitle<e.groupTitle?-1:t.groupTitle>e.groupTitle?1:0}s(Za,"sortLiquiditySourcesByGroupTitle");function Ir({supportedSwappers:t,sourceType:e}){let[o,n]=wd(""),r=_.use.toggleLiquiditySource(),{navigateBackFrom:i}=re(),a=v.use.loadingStatus(),p=gn(t),l=[];e==="Exchanges"&&l.push("DEX"),e==="Bridges"&&(l.push("BRIDGE"),l.push("AGGREGATOR"));let u=p.filter(y=>l.includes(y.type)),c=u.length===u.filter(y=>y.selected).length,f=s(()=>{u.forEach(y=>{c?r(y.groupTitle):y.selected||r(y.groupTitle)})},"toggleAllSources"),m=u.sort(Za).map(y=>{let{selected:S,groupTitle:k,logo:d}=y;return{start:Te.createElement(Sd,{src:d,size:22,type:"circular"}),onClick:()=>r(k),end:Te.createElement(yd,{checked:S}),title:Te.createElement(Td,{variant:"title",size:"xmedium"},$t.t(k)),...y}}),g=s(y=>{let S=y.target.value;n(S)},"searchHandler"),C=m;return o&&(C=m.filter(y=>He(y.groupTitle,o))),Te.createElement(Q,{header:{onBack:i.bind(null,h.settings),title:$t.t(e),suffix:Te.createElement(Br,null,Te.createElement(hd,{variant:"ghost",size:"xsmall",onClick:f},$t.t(c?"Deselect all":"Select all")))}},Te.createElement(it,null,Te.createElement(rt,{value:o,setValue:n,fullWidth:!0,color:"light",variant:"contained",placeholder:$t.t("Search {sourceType}",{sourceType:e}),onChange:g}),a==="loading"&&Te.createElement(Nr,null),!C.length&&o?Te.createElement(Wr,null,Te.createElement(kd,{title:$t.t("No results found"),description:$t.t("Try using different keywords")})):a==="success"&&Te.createElement(Zt,null,C.map(y=>Te.createElement(Te.Fragment,{key:y.id},Te.createElement(Cd,{style:{height:"61px"},...y,selected:!1,hasDivider:!0}))))))}s(Ir,"LiquiditySourcePage");import{i18n as al}from"@lingui/core";import{Divider as Dr,SelectableCategoryList as Id}from"@rango-dev/ui";import Tt,{useState as ll}from"react";import{i18n as Lr}from"@lingui/core";import{Divider as il,Image as Ad,ListItemButton as Ed,NotFound as Bd,Typography as sl}from"@rango-dev/ui";import De,{useEffect as Wd,useState as Nd}from"react";import{BlockchainCategories as Mr}from"@rango-dev/ui";import{TransactionType as hn}from"rango-sdk";var vd=s((t,e)=>{switch(e){case Mr.ALL:return!0;case Mr.UTXO:return t.type===hn.TRANSFER;case Mr.OTHER:return t.type!==hn.TRANSFER&&t.type!==hn.COSMOS&&t.type!==hn.EVM;default:return t.type===e}},"filterByType"),el=s((t,e,o)=>t.filter(n=>vd(n,o)).filter(n=>gt(n.name,e)||gt(n.displayName,e)),"filterBlockchains");import{styled as tl}from"@rango-dev/ui";var ol=tl("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),yn=tl("ul",{padding:0,margin:0,listStyle:"none",overflowY:"auto",paddingRight:"$5",".image-container":{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as bd,Skeleton as nl}from"@rango-dev/ui";import Sn from"react";var xd=20;function rl(){return Sn.createElement(yn,null,Array.from(Array(xd),t=>Sn.createElement(bd,{key:t,hasDivider:!0,start:Sn.createElement(nl,{variant:"circular",width:35,height:35}),title:Sn.createElement(nl,{variant:"text",size:"large",width:90})})))}s(rl,"LoadingBlockchainList");function Pr(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[i,a]=Nd(e),p=v.use.loadingStatus();Wd(()=>{a([...el(e,o,r)])},[e,o,r]);let l=s(()=>!i.length&&o?De.createElement(De.Fragment,null,De.createElement(il,{size:32}),De.createElement(Bd,{title:Lr.t("No results found"),description:Lr.t("Try using different keywords")})):De.createElement(yn,{key:`${r}-${o}`},i.map(u=>De.createElement(Ed,{key:`${u.name}-${u.chainId}`,hasDivider:!0,onClick:()=>n(u),start:De.createElement(Ad,{src:u.logo,size:30}),title:De.createElement(sl,{variant:"title",size:"medium"},u.displayName),id:u.chainId}))),"renderList");return De.createElement(ol,null,De.createElement(sl,{variant:"label",size:"large"},Lr.t("Select Blockchain")),De.createElement(il,{size:4}),p==="loading"&&De.createElement(rl,null),p==="success"&&l())}s(Pr,"BlockchainList");function _r(t){let{type:e}=t,{navigateBackFrom:o}=re(),[n,r]=ll(""),[i,a]=ll("ALL"),p=P.use.setToBlockchain(),l=P.use.setFromBlockchain(),{loadingStatus:u}=v(),c=Le().blockchains({type:e}),f=e==="source"?"fromBlockchain":"toBlockchain";return Tt.createElement(Q,{header:{onBack:()=>{o(h[f])},title:al.t("Select Blockchain")}},Tt.createElement(Dr,{size:12}),Tt.createElement(Id,{setCategory:a,category:i,blockchains:c,isLoading:u==="loading"}),Tt.createElement(Dr,{size:24}),Tt.createElement(rt,{value:n,autoFocus:!0,placeholder:al.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:m=>r(m.target.value)}),Tt.createElement(Dr,{size:16}),Tt.createElement(Pr,{list:c,searchedFor:n,blockchainCategory:i,onChange:m=>{e==="source"?l(m):p(m),o(h[f])}}))}s(_r,"SelectBlockchainPage");import{i18n as Al}from"@lingui/core";import{Divider as El}from"@rango-dev/ui";import Ut,{useState as Kd}from"react";import{useNavigate as jd}from"react-router-dom";import{i18n as Or}from"@lingui/core";import{BlockchainsChip as Cn,Divider as ml,Image as dl,Skeleton as _d,Typography as $r}from"@rango-dev/ui";import Se from"react";import{useEffect as Pd}from"react";var pl=["ETH","COSMOS","OSMOSIS"];function ul(t,e,o){let n=JSON.parse(JSON.stringify(t)),r=[];if(n.sort(Md),o?.limit&&t.length>o.limit){let i=o.limit,a=e;if(e.length<=o.limit)for(let p=0;p<o.limit;p++){let l=n[p];a=a.filter(u=>l.name!==u)}n.sort(Ld(a)),r=n.splice(i)}return{list:n,more:r}}s(ul,"prepare");function Md(t,e){let o=pl,n=o.findIndex(p=>p===t.name),r=o.findIndex(p=>p===e.name),i=n>-1,a=r>-1;return i&&a?n>r?1:-1:i?-1:a?1:0}s(Md,"sortByMostUsedBlockchains");function Ld(t){return s(function(o,n){let r=t.findIndex(l=>l===o.name),i=t.findIndex(l=>l===n.name),a=r>-1,p=i>-1;return a&&p?r>i?1:-1:t.includes(o.name)?-1:t.includes(n.name)?1:0},"sortByPreferred")}s(Ld,"generateSortByPreferredBlockchainsFor");function Fr(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=_();Pd(()=>{e?.selected&&n(e?.selected)},[e?.selected]);let r=ul(t,o,e);return{list:r.list,more:r.more,history:[]}}s(Fr,"usePrepareBlockchainList");import{styled as Dd}from"@rango-dev/ui";var cl=Dd("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var Fd=12;function Ur(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:i}=t,a=Fr(e,{limit:10,selected:n?.name}),p=v.use.loadingStatus(),l=P.use.resetToBlockchain(),u=P.use.resetFromBlockchain(),c=a.more.length>0,f=a.more.length===1,m=!f&&c;return Se.createElement("div",null,Se.createElement(ml,{size:12}),Se.createElement($r,{variant:"label",size:"large"},Or.t("Select Blockchain")),Se.createElement(ml,{size:12}),Se.createElement(cl,null,p==="loading"&&Array.from(Array(Fd),g=>Se.createElement(_d,{key:g,variant:"rounded",height:50})),p==="success"&&Se.createElement(Se.Fragment,null,Se.createElement(Cn,{selected:!n,onClick:()=>{o==="from"?u():l()}},Se.createElement($r,{variant:"body",size:"xsmall",color:"secondary500"},Or.t("All"))),a.list.map(g=>Se.createElement(Cn,{key:g.name,selected:!!n&&n.name===g.name,onClick:()=>r(g)},Se.createElement(dl,{src:g.logo,size:30}))),f?Se.createElement(Cn,{key:a.more[0].name,selected:!!n&&n.name===a.more[0].name,onClick:()=>r(a.more[0])},Se.createElement(dl,{src:a.more[0].logo,size:30})):null,m?Se.createElement(Cn,{onClick:i,key:"more-blockchains"},Se.createElement($r,{variant:"body",size:"xsmall",color:"secondary500"},Or._("More +{count}",{count:a.more.length}))):null)))}s(Ur,"BlockchainsSection");import{i18n as Vr}from"@lingui/core";import{darkTheme as Tl,Divider as oo,ExternalLinkIcon as Ud,Image as zd,ListItemButton as qd,NotFound as Gd,PinIcon as Hd,Skeleton as wl,Typography as no,VirtualizedList as Vd}from"@rango-dev/ui";import M,{forwardRef as Rd,useEffect as vl,useState as bl}from"react";var fl=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,p]=t.match(/.{2}/g);[i,a,p]=[parseInt(i,16)+e,parseInt(a,16)+e,parseInt(p,16)+e],i=Math.max(Math.min(255,i),0).toString(16),a=Math.max(Math.min(255,a),0).toString(16),p=Math.max(Math.min(255,p),0).toString(16);let l=(i.length<2?"0":"")+i,u=(a.length<2?"0":"")+a,c=(p.length<2?"0":"")+p;return`#${l}${u}${c}`},"colorShade"),kn=s((t,e)=>{let a={[t]:e};for(let p=1;p<10;p++)p<5&&(a={...a,[t+p*100]:fl(e,(5-p)*32)}),p===5&&(a={...a,[t+p*100]:e}),p>5&&(a={...a,[t+p*100]:fl(e,-((p-5)*32))});return a},"generateRangeColors"),zr=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 p=kn(i,a);r={...r,[`${i}100`]:p[`${i}900`],[`${i}200`]:p[`${i}800`],[`${i}300`]:p[`${i}700`],[`${i}400`]:p[`${i}600`],[`${i}500`]:p[`${i}500`],[`${i}600`]:p[`${i}400`],[`${i}700`]:p[`${i}300`],[`${i}800`]:p[`${i}200`],[`${i}900`]:p[`${i}100`]}}else r={...r,...kn(i,a)}}return n?r:{}},"generateColors");import{Divider as Cl,ListItem as $d,Skeleton as to}from"@rango-dev/ui";import Ge from"react";import{styled as Ke,Typography as Od}from"@rango-dev/ui";var gl=Ke("div",{display:"flex",flexDirection:"column",flexGrow:1}),qr=Ke("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),Tn=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:"$neutral600",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"}}}}}),Gr=Ke("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),Hr=Ke(Od,{}),hl=Ke("div",{textAlign:"right"}),wn=Ke("ul",{display:"flex",alignItems:"end",flexDirection:"column"}),wE=Ke("div",{display:"flex",alignItems:"center"}),yl=Ke("div",{position:"relative",".image-container":{borderRadius:"$xm",overflow:"hidden"}}),Sl=Ke("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6});function kl(t){return Ge.createElement(Tn,null,Array.from(Array(t.size),e=>Ge.createElement($d,{key:e,hasDivider:!0,start:Ge.createElement(to,{variant:"circular",width:35,height:35}),end:Ge.createElement(wn,null,Ge.createElement(to,{variant:"text",size:"large",width:70}),Ge.createElement(Cl,{size:4}),Ge.createElement(to,{variant:"text",size:"medium",width:50})),title:Ge.createElement("div",null,Ge.createElement(to,{variant:"text",size:"large",width:90}),Ge.createElement(Cl,{size:4}),Ge.createElement(to,{variant:"text",size:"medium",width:90}))})))}s(kl,"LoadingTokenList");var Rr=20,Xd=s(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:i,customCssForTagTitle:a}=t,p=e.length;return M.createElement("div",{className:"description"},o?M.createElement("div",{className:"token-name"},o):M.createElement(qr,{className:"token-title"},M.createElement(no,{variant:"title",size:"xmedium"},r.symbol),M.createElement(oo,{direction:"horizontal",size:4}),M.createElement(Gr,{css:i},M.createElement(Hr,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&M.createElement("div",{className:`token-address ${!o&&"token-address-without-name"}`},M.createElement("a",{href:n,target:"_blank",rel:"nofollow noreferrer",onClick:l=>l.stopPropagation()},p>10?`${e.slice(0,5)}...${e.slice(p-6,p)}`:e," ",M.createElement(Ud,{color:"gray",size:12}))))},"renderDesc");function xl(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[i,a]=bl(e),p=v.use.loadingStatus(),[l,u]=bl(!0),c=H.use.loading(),{blockchains:f}=v.use.meta(),{isTokenPinned:m}=Le(),g=Rd((S,k)=>M.createElement("div",{...S,ref:k,style:{...S.style,height:`${parseFloat(S.style?.height)+8*2}px`}})),C=s(()=>{a(e.slice(0,i.length+Rr))},"loadNextPage");vl(()=>{u(e.length>i.length)},[i.length]),vl(()=>{a(e.slice(0,Rr))},[e]);let y=s(()=>!i.length&&o?M.createElement(M.Fragment,null,M.createElement(oo,{size:32}),M.createElement(Gd,{title:Vr.t("No results found"),description:Vr.t("Try using different keywords")})):M.createElement(Vd,{Item:({index:S,style:k})=>{let d=i[S],w=d.address||"",b=f.find(E=>E.name===d.blockchain),x=kn(d.symbol,b?.color||""),W={$$color:x[`${d.symbol}100`],[`.${Tl} &`]:{$$color:x[`${d.symbol}900`]},backgroundColor:"$$color"},O={$$color:x[`${d.symbol}700`],[`.${Tl} &`]:{$$color:x[`${d.symbol}100`]},color:"$$color"};return M.createElement("div",{style:{...k,paddingRight:5}},M.createElement(qd,{style:{height:k?.height},"tab-index":S,key:`${d.symbol}${d.address}`,id:`${d.symbol}${d.address}`,hasDivider:!0,onClick:()=>n(i[S]),start:M.createElement(yl,null,M.createElement(zd,{src:d.image,size:30}),m(d)&&M.createElement(Sl,null,M.createElement(Hd,{size:12,color:"gray"}))),title:b?.type==="COSMOS"||d.name||!d.name&&!w?M.createElement(qr,null,M.createElement(no,{variant:"title",size:"xmedium"},d.symbol),M.createElement(oo,{direction:"horizontal",size:4}),M.createElement(Gr,{css:W},M.createElement(Hr,{variant:"body",size:"xsmall",css:O},d.blockchain))):void 0,description:b?.info&&w&&b.type!=="COSMOS"?Xd({address:w,token:i[S],customCssForTag:W,customCssForTagTitle:O,name:d.name,url:b.info.addressUrl.split("{wallet}").join(w)}):d.name||void 0,end:c?M.createElement(wn,null,M.createElement(wl,{variant:"text",size:"large",width:70}),M.createElement(oo,{size:4}),M.createElement(wl,{variant:"text",size:"medium",width:50})):i[S]?.balance&&M.createElement(hl,null,M.createElement(no,{variant:"title",size:"small"},d.balance?.amount),M.createElement("div",null),d.balance?.usdValue&&M.createElement(no,{variant:"body",color:"neutral600",size:"xsmall"},`$${d.balance?.usdValue}`))}))},hasNextPage:l,itemCount:i.length,loadNextPage:C,innerElementType:g,size:60,key:`${r}-${o}`}),"renderList");return M.createElement(gl,null,M.createElement(no,{variant:"label",size:"large"},Vr.t("Select Token")),M.createElement(oo,{size:4}),p==="loading"&&M.createElement(kl,{size:Rr}),p==="success"&&M.createElement(Tn,null,y()))}s(xl,"TokenList");function Xr(t){let{type:e}=t,o=jd(),{navigateBackFrom:n}=re(),{fromBlockchain:r,toBlockchain:i,setFromToken:a,setToToken:p,setFromBlockchain:l,setToBlockchain:u}=P(),{connectedWallets:c}=H(),[f,m]=Kd(""),C=(e==="source"?r:i)?.name??"",y=Le().blockchains({type:e}),S=Le().tokens({type:e,blockchain:C,searchFor:f}),k=Mi(S,c),d=s(b=>{e==="source"?l(b):u(b)},"updateBlockchain"),w=s(b=>{e==="source"?a(b):p(b)},"updateToken");return Ut.createElement(Q,{header:{onBack:()=>n(e==="source"?h.fromSwap:h.toSwap),title:Al.t("Swap {type}",{type:e==="source"?"from":"to"})}},Ut.createElement(Ur,{blockchains:y,type:e=="source"?"from":"to",blockchain:e==="source"?r:i,onMoreClick:()=>o(e==="source"?h.fromBlockchain:h.toBlockchain),onChange:b=>{d(b)}}),Ut.createElement(El,{size:24}),Ut.createElement(rt,{value:f,autoFocus:!0,placeholder:Al.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>m(""),onChange:b=>m(b.target.value)}),Ut.createElement(El,{size:16}),Ut.createElement(xl,{list:k,selectedBlockchain:C,searchedFor:f,onChange:b=>{w(b);let x=y.find(W=>b.blockchain===W.name);x&&d(x),n(h.fromSwap)}}))}s(Xr,"SelectSwapItemsPage");import{i18n as wt}from"@lingui/core";import{ChevronRightIcon as Yr,Divider as Qr,InfoIcon as tf,List as of,ListItemButton as nf,Skeleton as rf,Switch as sf,Tooltip as af,Typography as vt}from"@rango-dev/ui";import q from"react";import{useNavigate as lf}from"react-router-dom";import{i18n as Ml}from"@lingui/core";import{Chip as Qd,Divider as Ll,InfoIcon as Jd,TextField as Zd,Tooltip as ef,Typography as Pl}from"@rango-dev/ui";import Ae from"react";import{styled as vn}from"@rango-dev/ui";var Bl=vn("div",{paddingTop:"$5",paddingBottom:"30px"}),Wl=vn("div",{display:"flex",alignItems:"center",justifyContent:"start"}),Nl=vn("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),bn=vn("div",{maxWidth:"300px",padding:"$10"});import{i18n as Kr}from"@lingui/core";import{Typography as Yd}from"@rango-dev/ui";import ro from"react";function Il(){return ro.createElement(bn,null,ro.createElement(Yd,{variant:"label",size:"medium",color:"neutral700"},Kr.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),ro.createElement("br",null),ro.createElement("br",null),ro.createElement("b",null,Kr.t("Warning")),":",Kr.t("This setting is applied per step, e.g. 1Inch, Thorchain, etc. and only that step will be reverted, not the whole transaction")))}s(Il,"SlippageTooltipContent");function jr(){let t=_.use.slippage(),e=_.use.setSlippage(),o=_.use.customSlippage(),n=_.use.setCustomSlippage();return Ae.createElement(Bl,null,Ae.createElement(Nl,null,Ae.createElement(Pl,{variant:"title",size:"xmedium"},Ml.t("Slippage tolerance per swap")),Ae.createElement(Ll,{direction:"horizontal",size:4}),Ae.createElement(ef,{container:ae(),side:"top",content:Ae.createElement(Il,null)},Ae.createElement(Jd,{color:"gray"}))),Ae.createElement(Wl,null,ns.map((r,i)=>{let a=`slippage-${i}`;return Ae.createElement(Ae.Fragment,null,Ae.createElement(Qd,{style:{width:"64px",flexShrink:0},key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`}),Ae.createElement(Ll,{direction:"horizontal",size:8}))}),Ae.createElement(Zd,{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>=as&&i<=ss)&&n(i)},suffix:o&&Ae.createElement(Pl,{variant:"body",size:"small"},"%"),placeholder:Ml.t("Custom")})))}s(jr,"Slippage");function Dl({supportedSwappers:t,singleTheme:e}){let o=lf(),{navigateBackFrom:n}=re(),r=_.use.infiniteApprove(),i=_.use.toggleInfiniteApprove(),a=v.use.loadingStatus(),p=gn(t),l=p.filter(b=>b.type==="BRIDGE"||b.type==="AGGREGATOR"),u=l.length,c=l.filter(b=>b.selected).length,f=p.filter(b=>b.type==="DEX"),m=f.length,g=f.filter(b=>b.selected).length,C=s((b,x)=>{switch(a){case"loading":return q.createElement(rf,{variant:"text",size:"medium",width:50});case"failed":return q.createElement(vt,{variant:"body",size:"medium",color:"$error500"},wt.t("Loading failed"));default:return q.createElement(vt,{variant:"body",size:"medium"},`${b} / ${x}`)}},"handleEndItem"),y={id:"bridge-item",title:q.createElement(vt,{variant:"title",size:"xmedium"},wt.t("Enabled bridges")),end:q.createElement(q.Fragment,null,C(c,u),q.createElement(Qr,{direction:"horizontal",size:8}),q.createElement(Yr,{color:"black"})),onClick:()=>o(h.bridges)},S={id:"exchange-item",title:q.createElement(vt,{variant:"title",size:"xmedium"},wt.t("Enabled exchanges")),end:q.createElement(q.Fragment,null,C(g,m),q.createElement(Qr,{direction:"horizontal",size:8}),q.createElement(Yr,{color:"gray"})),onClick:()=>o(h.exchanges)},k={id:"theme-item",title:q.createElement(vt,{variant:"title",size:"xmedium"},wt.t("Theme")),end:q.createElement(Yr,{color:"gray"}),onClick:()=>o(h.themes)},d={id:"infinite-approval-item",title:q.createElement(q.Fragment,null,q.createElement(vt,{variant:"title",size:"xmedium"},wt.t("Infinite Approval")),q.createElement(Qr,{direction:"horizontal",size:4}),q.createElement(af,{side:"top",container:ae(),content:q.createElement(bn,null,q.createElement(vt,{variant:"label",size:"medium",color:"neutral700"},wt.t("Enabling the 'Infinite Approval' mode grants unrestricted access to smart contracts of DEXes/Bridges, allowing them to utilize the approved token amount without limitations.")))},q.createElement(tf,{color:"gray"}))),end:q.createElement(sf,{checked:r}),onClick:i},w=[y,S];return e||w.push(k),w.push(d),q.createElement(Q,{header:{onBack:n.bind(null,h.settings),title:wt.t("Setting")}},q.createElement(it,null,q.createElement(jr,null),q.createElement(of,{type:q.createElement(nf,{title:"_",id:"_",onClick:()=>console.log()}),items:w})))}s(Dl,"SettingsPage");import{cancelSwap as ng}from"@rango-dev/queue-manager-rango-preset";import{useManager as rg}from"@rango-dev/queue-manager-react";import dp from"react";import{i18n as st}from"@lingui/core";import{getCurrentBlockchainOfOrNull as Ff,getCurrentStep as Of,getRelatedWalletOrNull as $f,PendingSwapNetworkStatus as Pn}from"@rango-dev/queue-manager-rango-preset";import{Button as ip,CopyIcon as Uf,Divider as zf,IconButton as qf,RouteCost as Gf,RouteSummary as Hf,StepDetails as Vf,Typography as qt,useCopyToClipboard as Rf}from"@rango-dev/ui";import{useWallets as Xf}from"@rango-dev/wallets-react";import J,{useEffect as sp,useRef as Kf,useState as ap}from"react";import{useNavigate as jf}from"react-router-dom";import{i18n as Ee}from"@lingui/core";var pf=1e3,uf=31536e3,cf=2592e3,mf=86400,df=3600,ff=60;function _l(t){let e=Math.floor((Date.now()-t)/pf),n=[{turningPoint:uf,label:Ee.t("year"),pluralLabel:Ee.t("years")},{turningPoint:cf,label:Ee.t("month"),pluralLabel:Ee.t("months")},{turningPoint:mf,label:Ee.t("day"),pluralLabel:Ee.t("days")},{turningPoint:df,label:Ee.t("hour"),pluralLabel:Ee.t("hours")},{turningPoint:ff,label:Ee.t("minute"),pluralLabel:Ee.t("minutes")}].sort((r,i)=>i.turningPoint-r.turningPoint);for(let r of n){let{turningPoint:i,label:a,pluralLabel:p}=r,l=Math.floor(e/i);if(l>1)return`${l} ${p}`;if(l===1)return`${l} ${a}`}return e>1?`${e} ${Ee.t("seconds")}`:`${e} ${Ee.t("second")}`}s(_l,"timeSince");function Fl(t){return t.finishTime?Ee.t({id:"timeAgo",message:"{time} ago",values:{time:_l(parseInt(t.finishTime))}}):Ee.t({id:"timeAgo",message:"{time} ago",values:{time:_l(parseInt(t.creationTime))}})}s(Fl,"getSwapDate");import{PendingSwapNetworkStatus as En}from"@rango-dev/queue-manager-rango-preset";import{Modal as Tf}from"@rango-dev/ui";import Bn from"react";import{i18n as xn}from"@lingui/core";import{Button as Ol,Divider as Jr,MessageBox as gf,Typography as $l}from"@rango-dev/ui";import je from"react";var Ul=s(({onCancel:t,onClose:e})=>je.createElement(je.Fragment,null,je.createElement(Jr,{size:20}),je.createElement(gf,{type:"error",title:xn.t("Transaction Cancel"),description:xn.t("Are you sure you want to Cancel this swap?")}),je.createElement(Jr,{size:32}),je.createElement(Ol,{variant:"contained",type:"primary",size:"large",onClick:t},je.createElement($l,{variant:"title",size:"medium",color:"neutral100"},xn.t("Yes, Cancel it"))),je.createElement(Jr,{size:12}),je.createElement(Ol,{variant:"outlined",type:"primary",size:"large",onClick:e},je.createElement($l,{variant:"title",size:"medium",color:"primary"},xn.t("No, Continue")))),"CancelContent");import{i18n as An}from"@lingui/core";import{Button as zl,Divider as Zr,MessageBox as hf,Typography as ql}from"@rango-dev/ui";import Ye from"react";var Gl=s(({onDelete:t,onClose:e})=>Ye.createElement(Ye.Fragment,null,Ye.createElement(Zr,{size:20}),Ye.createElement(hf,{type:"error",title:An.t("Delete Transaction"),description:An.t("Are you sure you want to delete this swap?")}),Ye.createElement(Zr,{size:32}),Ye.createElement(zl,{variant:"contained",type:"primary",size:"large",onClick:t},Ye.createElement(ql,{variant:"title",size:"medium",color:"neutral100"},An.t("Yes, Delete it"))),Ye.createElement(Zr,{size:12}),Ye.createElement(zl,{variant:"outlined",type:"primary",size:"large",onClick:e},Ye.createElement(ql,{variant:"title",size:"medium",color:"primary"},An.t("No, Cancel")))),"DeleteContent");import{i18n as ei}from"@lingui/core";import{PendingSwapNetworkStatus as ti}from"@rango-dev/queue-manager-rango-preset";var oi={[ti.WaitingForNetworkChange]:{type:"loading",title:ei.t("Change Network")},[ti.WaitingForConnectingWallet]:{type:"warning",title:ei.t("Connect Wallet")},[ti.NetworkChanged]:{type:"success",title:ei.t("Network Changed")}};import{MessageBox as Sf,Wallet as Cf,WalletState as Vl}from"@rango-dev/ui";import{useWallets as kf}from"@rango-dev/wallets-react";import io from"react";import{styled as yf}from"@rango-dev/ui";var Hl=yf("div",{display:"flex",justifyContent:"center"});var Rl=s(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:i}=t,{connect:a,getWalletInfo:p,state:l}=kf(),u=n?.walletType,f=u&&l(u).connected?Vl.CONNECTED:Vl.DISCONNECTED;return io.createElement(io.Fragment,null,io.createElement(Sf,{type:e,title:o,description:r}),i&&u&&io.createElement(Hl,null,io.createElement(Cf,{container:ae(),title:p(u).name,image:p(u).img,type:u,state:f,onClick:async()=>a(u)})))},"WalletStateContent");function ni(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:i,message:a}=t,p=e===En.WaitingForNetworkChange||e===En.WaitingForConnectingWallet||e===En.NetworkChanged;return Bn.createElement(Tf,{open:!!e,onClose:o,container:document.getElementById("swap-box")||document.body},p&&Bn.createElement(Rl,{type:oi[e].type,title:oi[e].title,currentStepWallet:i,message:a,showWalletButton:e!==En.WaitingForNetworkChange}),e==="delete"&&Bn.createElement(Gl,{onClose:o,onDelete:n}),e==="cancel"&&Bn.createElement(Ul,{onClose:o,onCancel:r}))}s(ni,"SwapDetailsModal");import{i18n as so}from"@lingui/core";import{Button as ri,Divider as Wn,MessageBox as Xl,Modal as wf,TokenAmount as vf,Typography as Nn}from"@rango-dev/ui";import fe from"react";import{useNavigate as bf}from"react-router-dom";function ii(t){let{open:e,onClose:o,status:n,priceValue:r,usdValue:i,token:a,chain:p,percentageChange:l,description:u,diagnosisUrl:c}=t,f=bf();return fe.createElement(wf,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},n==="success"?fe.createElement(Xl,{type:"success",title:so.t("Swap Successful")},fe.createElement(vf,{direction:"vertical",type:"output",centerAlign:!0,price:{value:r,usdValue:i},token:a,chain:p,percentageChange:l}),fe.createElement(Wn,{size:12}),fe.createElement(Nn,{variant:"body",size:"medium",color:"neutral700",align:"center"},u)):fe.createElement(Xl,{type:"error",title:so.t("Transaction Failed"),description:u}),fe.createElement(Wn,{size:32}),n==="success"&&fe.createElement(ri,{variant:"contained",type:"primary",size:"large",onClick:()=>f(h.home)},fe.createElement(Nn,{variant:"title",size:"medium",color:"neutral100"},so.t("Done"))),fe.createElement(Wn,{size:12}),c&&fe.createElement(fe.Fragment,null,fe.createElement(ri,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(c,"_blank")},fe.createElement(Nn,{variant:"title",size:"medium",color:"primary"},so.t("Diagnosis"))),fe.createElement(Wn,{size:12})),fe.createElement(ri,{variant:"outlined",type:"primary",size:"large",onClick:o},fe.createElement(Nn,{variant:"title",size:"medium",color:"primary"},so.t("See Details"))))}s(ii,"SwapDetailsCompleteModal");import Df from"react";import{i18n as If}from"@lingui/core";import{Alert as Zl,IconButton as Mf,LinkIcon as Lf}from"@rango-dev/ui";import dt,{Fragment as Pf}from"react";import{Alert as xf,ChevronDownIcon as Af,ChevronUpIcon as Ef,IconButton as Bf}from"@rango-dev/ui";import In,{useState as Wf}from"react";function Kl(t){let{message:e}=t,[o,n]=Wf(!1);return In.createElement(xf,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&In.createElement(Bf,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?In.createElement(Ef,{size:12,color:"gray"}):In.createElement(Af,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}s(Kl,"FailedAlert");import{styled as Nf}from"@rango-dev/ui";var jl=Nf("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as Yl}from"@lingui/core";import{PendingSwapNetworkStatus as si}from"@rango-dev/queue-manager-rango-preset";import{Alert as ai,Button as Ql}from"@rango-dev/ui";import ao from"react";function Jl(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?ao.createElement(ai,{type:"warning",title:n.shortMessage,action:ao.createElement(Ql,{size:"xxsmall",type:"warning",onClick:()=>{o(si.WaitingForNetworkChange),e().catch(i=>{console.log(i)})}},Yl.t("Change"))}):r===si.WaitingForConnectingWallet?ao.createElement(ai,{type:"warning",title:n.shortMessage,action:ao.createElement(Ql,{size:"xxsmall",type:"warning",onClick:()=>{o(si.WaitingForConnectingWallet)}},Yl.t("Connect"))}):ao.createElement(ai,{type:"warning",title:n.shortMessage})}s(Jl,"WarningAlert");function li(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:i,hasAlreadyProceededToSign:a}=t,p=Xt(i),l=i.status==="waitingForApproval"&&!p,u=i.status==="running"&&!p;return dt.createElement(jl,null,i.explorerUrl?.map((c,f,m)=>{let g=f+c.url,C=f===m.length-1,y=C&&u||l,S=C&&i.status==="failed";return dt.createElement(Pf,{key:g},dt.createElement(Zl,{type:y&&"loading"||S&&"error"||"success",title:c.description?`${c.description} Tx`:If.t("View transaction"),action:c.url&&dt.createElement(Mf,{variant:"ghost",size:"xsmall",onClick:()=>window.open(c.url,"_blank")},dt.createElement(Lf,{size:16}))}))}),(u&&!a||l&&!i.explorerUrl?.length)&&dt.createElement(Zl,{type:"loading",title:r.shortMessage}),i.status!=="failed"&&p&&dt.createElement(Jl,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),i.status==="failed"&&dt.createElement(Kl,{message:r}))}s(li,"SwapDetailsAlerts");var ep=2e3;var tp=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:Je(r.fromBlockchain,e)??"",image:r.fromBlockchainLogo??""},price:{value:T(a,6,6)}},to:{token:{displayName:r.toSymbol,image:r.toLogo},chain:{displayName:Je(r.toBlockchain,e)??"",image:r.toBlockchainLogo??""},price:{value:T(r.outputAmount||r.expectedOutputAmountHumanReadable,6,6)}},swapper:{displayName:r.swapperId,image:r.swapperLogo??""},alerts:Df.createElement(li,{step:r,hasAlreadyProceededToSign:n,...o})}})},"getSteps");function op(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(op,"getStepState");import{darkTheme as _f,styled as zt}from"@rango-dev/ui";var Mn=zt("div",{display:"flex",width:"100%",flexDirection:"column",alignItems:"center",height:"0",flexGrow:1,"& .row":{display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",padding:"$10 $20",borderBottom:"1px solid",$$color:"$colors$neutral300",[`.${_f} &`]:{$$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"}}),Ln=zt("div",{width:"100%"}),np=zt("div",{padding:"$0 $20 $20 $20",width:"100%",overflow:"auto"}),sW=zt("div",{display:"flex",flexDirection:"column",gap:"$10"}),rp=zt("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),aW=zt("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1});function pi(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:i,connect:a,getWalletInfo:p}=Xf(),l=P.use.retry(),u=jf(),{navigateBackFrom:c}=re(),[f,m]=Rf(ep),g=Kf(null),[C,y]=ap(null),[S,k]=ap(null),{meta:{tokens:d,blockchains:w}}=v(),b=s(()=>{r(),y(null)},"onCancel"),x=Pe.use.getUnreadNotifications(),W=Pe.use.setAsRead(),O=x(),E=Of(e),$=E?.networkStatus;sp(()=>{O.find(Y=>Y.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(k(e.status),W(e.requestId))},[e.status]),sp(()=>{L?y(Pn.WaitingForNetworkChange):$===Pn.WaitingForConnectingWallet||$===Pn.NetworkChanged?y($):y(null)},[$]);let X=Ns(e),oe=E?Ff(e,E):null,B=E?$f(e,E):null,Z=Fl(e),G=Is(e),ne=s(F=>!!p(F)?.mobileWallet,"isMobileWallet"),L=$===Pn.WaitingForNetworkChange&&!!oe&&!!B?.walletType&&(ne(B.walletType)||i(B.walletType,oe)),me=L?a.bind(null,B.walletType,oe):void 0,Ne=Ws(e,E),U=tp({swap:e,switchNetwork:me,showNetworkModal:$,setNetworkModal:y,message:Ne,blockchains:w}),K=U.length,[Ie,we]=[e.steps[0],e.steps[K-1]],_e=we.outputAmount||we.expectedOutputAmountHumanReadable,se=e.steps.reduce((F,Y)=>F+parseFloat(Y.feeInUsd||""),0),ft=e.steps.find(F=>F.diagnosisUrl)?.diagnosisUrl,Qe=T(String(parseFloat(T(_e,6,6))*(wo(we.toBlockchain,we.toSymbol,we.toSymbolAddress,d)||0)),4,4),bt=T(String(parseFloat(e.inputAmount)*(wo(Ie.fromBlockchain,Ie.fromSymbol,Ie.fromSymbolAddress,d)||0)),4,4),D=Ze(bt,Qe),N=e.status==="success"?st.t({id:"receivedMessage",message:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:T(_e,6,6),token:U[K-1].to.token.displayName,conciseAddress:bo(e.wallets[U[K-1].to.chain.displayName]?.address||""),chain:U[K-1].to.chain.displayName}}):`${st.t("Transaction was not sent.")} ${X?st.t({id:"remainSymbol",message:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:X.outputAmount,symbol:X.symbol,blockchain:X.blockchain}}):""}`;return J.createElement(Q,{noPadding:!0,header:{title:st.t("Swap and Bridge"),onBack:c.bind(null,h.swapDetails),onCancel:e.status==="running"?()=>y("cancel"):void 0,suffix:e.status!=="running"&&J.createElement(Nt,null,J.createElement(ip,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>y("delete")},J.createElement(qt,{size:"medium",variant:"label",color:"error"},st.t("Delete"))))},footer:G&&!S&&J.createElement(ip,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{l(e),setTimeout(()=>{u(h.home)},0)}},st.t("Try again"))},J.createElement(Mn,null,J.createElement(Ln,null,J.createElement("div",{className:"row"},J.createElement(qt,{variant:"label",size:"large",color:"neutral700"},`${st.t("Request ID")}:`),J.createElement("div",{className:"request-id"},J.createElement(qt,{variant:"label",size:"small",color:"neutral700"},o),J.createElement(qf,{variant:"ghost",onClick:m.bind(null,o||"")},J.createElement(Uf,{size:16,color:"gray"})))),J.createElement("div",{className:"row"},J.createElement(qt,{variant:"label",size:"large",color:"neutral700"},`${st.t("Created at")}:`),J.createElement(qt,{variant:"label",size:"small",color:"neutral700"},Z))),J.createElement("div",{className:"output"},J.createElement(Gf,{fee:T(String(se),2,2),time:At(Et(e.steps)),steps:K}),J.createElement(Hf,{from:{price:{value:T(e.inputAmount,6,6),usdValue:bt},token:{displayName:U[0].from.token.displayName,image:U[0].from.token.image},chain:{image:U[0].from.chain.image,displayName:U[0].from.chain.displayName}},to:{price:{value:T(_e,6,6),usdValue:Qe},token:{displayName:U[K-1].to.token.displayName,image:U[K-1].to.token.image},chain:{image:U[K-1].to.chain.image,displayName:U[K-1].to.chain.displayName}},percentageChange:T(D,2,2),warningLevel:It(D?.toNumber()??0)})),J.createElement("div",{className:"title-steps"},J.createElement(qt,{variant:"title",size:"small"},st.t("Swaps steps"))),J.createElement(zf,{size:8}),J.createElement(np,{ref:g},U.map((F,Y)=>{let le=Y,ue=op(e.steps[Y]),go=ue==="error"||ue==="in-progress"||ue==="warning"||ue==="completed"&&Y===U.length-1;return J.createElement(Vf,{key:le,step:F,type:"route-progress",ref:g,state:ue,hasSeparator:Y!==0,tabIndex:le,isFocused:go})}))),J.createElement(ni,{state:C,onClose:()=>y(null),onCancel:b,onDelete:n,message:Ne.detailedMessage.content,currentStepWallet:B}),J.createElement(ii,{open:!!S,diagnosisUrl:ft,onClose:()=>k(null),status:e.status==="success"?"success":"failed",priceValue:T(_e,6,6),usdValue:Qe,percentageChange:T(D,2,2),token:{displayName:U[K-1].to.token.displayName,image:U[K-1].to.token.image},chain:{image:U[K-1].to.chain.image},description:N}))}s(pi,"SwapDetails");import{i18n as mo}from"@lingui/core";import{CopyIcon as eg,IconButton as tg,NotFound as og,Skeleton as cp,Typography as _n}from"@rango-dev/ui";import ce from"react";import{i18n as Qf}from"@lingui/core";import{ChainToken as Jf,Divider as ci,Skeleton as co,Typography as Zf}from"@rango-dev/ui";import ee from"react";import{styled as ui}from"@rango-dev/ui";var lp=ui("div",{width:"100%",height:"100%",padding:"$0 $20",".cost":{paddingTop:"$15",display:"flex"},".route-summary":{padding:"$15 $0"},".route-summary-item":{display:"flex",justifyContent:"space-between",alignItems:"center"},".token-amount":{display:"flex",justifyContent:"space-between",alignItems:"center"},".route-summary-separator":{width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"},".swaps-steps":{paddingBottom:"$10"}}),pp=ui("div",{backgroundColor:"$neutral100",borderRadius:"$xm",padding:"$10 $15",".step-title":{display:"flex",justifyContent:"start",alignItems:"center"},".step-tokens":{paddingTop:"$5",display:"flex",alignItems:"center"},".step-token-info":{display:"flex",alignItems:"center"},".step-icon-container":{padding:"$4 $6",display:"flex",justifyContent:"center",alignItems:"center"},".extra-info":{display:"flex",paddingTop:"$10",paddingBottom:"$5"}}),Dn=ui("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"});import{ChainToken as up,Divider as lo,NextIcon as Yf,Skeleton as po}from"@rango-dev/ui";import pe from"react";function uo(t){let{extraInfo:e}=t;return pe.createElement(pp,null,pe.createElement("div",{className:"step-title"},pe.createElement(po,{height:28,width:28,variant:"circular"}),pe.createElement(lo,{direction:"horizontal",size:8}),pe.createElement(po,{height:15,width:148,variant:"rounded"})),pe.createElement("div",{className:"step-tokens"},pe.createElement(lo,{direction:"horizontal",size:20}),pe.createElement("div",{className:"step-token-info"},pe.createElement(up,{size:"small",loading:!0,chainImage:"",tokenImage:""}),pe.createElement(lo,{direction:"horizontal",size:8}),pe.createElement(po,{height:12,width:76,variant:"rounded"})),pe.createElement("div",{className:"step-icon-container"},pe.createElement(Yf,{color:"gray",size:16})),pe.createElement("div",{className:"step-token-info"},pe.createElement(up,{size:"small",loading:!0,chainImage:"",tokenImage:""}),pe.createElement(lo,{direction:"horizontal",size:8}),pe.createElement(po,{height:12,width:76,variant:"rounded"}))),e&&pe.createElement("div",{className:"extra-info"},pe.createElement(lo,{direction:"horizontal",size:20}),pe.createElement(po,{height:22,width:297,variant:"rectangular"})))}s(uo,"LoadingSwapDetailStep");function mi(){let t=ee.createElement("div",{className:"route-summary-item"},ee.createElement("div",{className:"token-amount"},ee.createElement(Jf,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),ee.createElement(ci,{size:8,direction:"horizontal"}),ee.createElement(co,{height:15,width:148,variant:"rounded"})),ee.createElement(co,{height:12,width:64,variant:"rounded"}));return ee.createElement(lp,null,ee.createElement("div",{className:"cost"},ee.createElement(co,{width:60,height:10,variant:"rounded"}),ee.createElement(ci,{size:4,direction:"horizontal"}),ee.createElement(co,{width:60,height:10,variant:"rounded"}),ee.createElement(ci,{size:4,direction:"horizontal"}),ee.createElement(co,{width:60,height:10,variant:"rounded"})),ee.createElement("div",{className:"route-summary"},t,ee.createElement("div",{className:"route-summary-separator"}),t),ee.createElement("div",{className:"swaps-steps"},ee.createElement(Zf,{variant:"title",size:"small"},Qf.t("Swaps steps"))),ee.createElement("div",{className:"step-container"},ee.createElement(uo,{extraInfo:!0}),ee.createElement(Dn,null),ee.createElement(uo,null),ee.createElement(Dn,null),ee.createElement(uo,null),ee.createElement(Dn,null),ee.createElement(uo,null)))}s(mi,"LoadingSwapDetails");function mp(t){let{requestId:e,showSkeleton:o}=t,{navigateBackFrom:n}=re();return ce.createElement(Q,{noPadding:!0,header:{title:mo.t("Swap and Bridge"),onBack:n.bind(null,h.swapDetails),suffix:ce.createElement(Nt,null)}},o&&ce.createElement(Mn,null,ce.createElement(Ln,null,ce.createElement("div",{className:"row"},ce.createElement(_n,{variant:"label",size:"large",color:"neutral700"},`${mo.t("Request ID")}:`),ce.createElement("div",{className:"request-id"},ce.createElement(_n,{variant:"label",size:"small",color:"neutral700"},ce.createElement(cp,{width:60,height:10,variant:"rounded"})),ce.createElement(tg,{variant:"ghost"},ce.createElement(eg,{size:16,color:"gray"})))),ce.createElement("div",{className:"row"},ce.createElement(_n,{variant:"label",size:"large",color:"neutral700"},`${mo.t("Created at")}:`),ce.createElement(_n,{variant:"label",size:"small",color:"neutral700"},ce.createElement(cp,{width:60,height:10,variant:"rounded"})))),ce.createElement(mi,null)),!o&&ce.createElement(rp,null,ce.createElement(og,{title:mo.t("Not found"),description:mo.t({id:"swapNotFound",values:{requestId:e},message:"Swap with request ID = {requestId} not found."})})))}s(mp,"SwapDetailsPlaceholder");function fp(){let{manager:t,state:e}=rg(),o=!e.loadedFromPersistor,n=cn(t),r=be.use.selectedSwapRequestId(),{navigateBackFrom:i}=re(),{loadingStatus:a}=v(),p=o||a==="loading",l=n.find(({swap:m})=>m.requestId===r),u=s(()=>{if(l?.id){let m=t?.get(l.id);m&&ng(m)}},"onCancel"),c=s(async()=>{if(l?.id)try{await t?.deleteQueue(l.id),i(h.swapDetails)}catch(m){console.log(m)}},"onDelete"),f=l?.swap;return!f||p?dp.createElement(mp,{requestId:r||"",showSkeleton:p}):dp.createElement(pi,{swap:f,requestId:r||"",onCancel:u,onDelete:c})}s(fp,"SwapDetailsPage");import{i18n as fo}from"@lingui/core";import{AutoThemeIcon as ig,DarkModeIcon as sg,LightModeIcon as ag,List as lg,ListItemButton as pg,Radio as di,RadioRoot as ug,Typography as fi}from"@rango-dev/ui";import Be from"react";function gp(){let{navigateBackFrom:t}=re(),e=_.use.theme(),o=_.use.setTheme(),n=[{id:"light",value:"light",title:Be.createElement(fi,{variant:"title",size:"xmedium"},fo.t("Light")),onClick:()=>o("light"),start:Be.createElement(ag,{color:"gray"}),end:Be.createElement(di,{value:"light"})},{id:"dark",value:"dark",title:Be.createElement(fi,{variant:"title",size:"xmedium"},fo.t("Dark")),onClick:()=>o("dark"),start:Be.createElement(sg,{color:"gray"}),end:Be.createElement(di,{value:"dark"})},{id:"auto",value:"auto",title:Be.createElement(fi,{variant:"title",size:"xmedium"},fo.t("Auto")),onClick:()=>o("auto"),start:Be.createElement(ig,{color:"gray"}),end:Be.createElement(di,{value:"auto"})}];return Be.createElement(Q,{header:{onBack:t.bind(null,h.settings),title:fo.t("Theme")}},Be.createElement(it,null,Be.createElement(ug,{onValueChange:r=>o(r),value:e},Be.createElement(lg,{type:Be.createElement(pg,{title:fo.t("Theme"),id:"_",onClick:()=>console.log()}),items:n}))))}s(gp,"ThemePage");var mg=s(t=>t.replace("/",""),"getAbsolutePath");function hp(t){let{config:e}=t;return cg([{path:h.home,element:We.createElement(Qo,null)},{path:h.fromSwap,element:We.createElement(Xr,{type:"source"})},{path:h.toSwap,element:We.createElement(Xr,{type:"destination"})},{path:h.fromBlockchain,element:We.createElement(_r,{type:"source"})},{path:h.toBlockchain,element:We.createElement(_r,{type:"destination"})},{path:h.settings,element:We.createElement(Dl,{singleTheme:e?.theme?.singleTheme,supportedSwappers:e?.liquiditySources})},{path:h.themes,element:We.createElement(gp,null)},{path:h.languages,element:We.createElement(Ya,null)},{path:h.exchanges,element:We.createElement(Ir,{sourceType:"Exchanges",supportedSwappers:e?.liquiditySources})},{path:h.bridges,element:We.createElement(Ir,{sourceType:"Bridges",supportedSwappers:e?.liquiditySources})},{path:h.swaps,element:We.createElement(Ka,null)},{path:h.swapDetails,element:We.createElement(fp,null)},{path:h.wallets,element:We.createElement(wa,{supportedWallets:e?.wallets,multiWallets:typeof e?.multiWallets>"u"?!0:e.multiWallets,config:e})},{path:mg(h.confirmSwap),element:We.createElement(Oa,{config:e})}])}s(hp,"AppRoutes");import{isApprovalTX as dg,MainEvents as Sp,RouteEventType as Cp,StepEventType as Gt,StepExecutionEventStatus as fg,useEvents as gg}from"@rango-dev/queue-manager-rango-preset";import{useEffect as kp}from"react";import{StepExecutionBlockedEventStatus as gi}from"@rango-dev/queue-manager-rango-preset";var yp=[gi.WAITING_FOR_CHANGE_WALLET_ACCOUNT,gi.WAITING_FOR_NETWORK_CHANGE,gi.WAITING_FOR_WALLET_CONNECT];function Tp(){let t=H.use.connectedWallets(),e=H.use.getWalletsDetails(),o=Pe.use.setNotification(),n=Pe.use.setAsRead(),r=gg();return kp(()=>(r.on(Sp.StepEvent,i=>{let{event:a,step:p,route:l}=i;if(a.type===Gt.TX_EXECUTION&&a.status===fg.TX_SENT&&!dg(p)||a.type===Gt.SUCCEEDED){let c=t.find(m=>m.chain===p?.fromBlockchain),f=p?.fromBlockchain!==p?.toBlockchain&&t.find(m=>m.chain===p?.toBlockchain);c&&e([c]),f&&e([f])}a.type===Gt.TX_EXECUTION_BLOCKED&&yp.includes(a.status)||a.type===Gt.FAILED?o(a,l):(a.type===Gt.TX_EXECUTION||a.type===Gt.CHECK_STATUS)&&n(l.requestId)}),()=>r.all.clear()),[r,t.length]),kp(()=>(r.on(Sp.RouteEvent,i=>{let{event:a,route:p}=i;(a.type===Cp.FAILED||a.type===Cp.SUCCEEDED)&&o(a,p)}),()=>r.all.clear()),[r,t.length]),null}s(Tp,"WidgetEvents");import{globalCss as hg}from"@rango-dev/ui";var wp=s(()=>hg({"@import":["url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap')","url('https://fonts.cdnfonts.com/css/times-new-roman')"]})(),"globalFont");import{createTheme as yi,darkTheme as Tg,lightTheme as wg}from"@rango-dev/ui";import{useEffect as xp,useState as vg}from"react";import{theme as Cg,darkColors as kg}from"@rango-dev/ui";var vp=s(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),yg=s(t=>{let e="",o;for(o=Math.abs(t);o>52;o=o/52|0)e=vp(o%52)+e;return vp(o%52)+e},"toAlphabeticName"),Sg=s((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),hi=s(t=>yg(Sg(5381,JSON.stringify(t))>>>0),"toHash");function bp(t){let e=Cg.colors,o=zr({...e,...kg},!0,t?.dark),n=zr(e,!1,t?.light),r=Object.keys(o).length>0,i=Object.keys(n).length>0,a,p;if(i){let l={colors:n};a={id:`${$n}-light-${hi(l)}`,tokens:l}}if(r){let l={colors:o};p={id:`${$n}-dark-${hi(l)}`,tokens:l}}return{light:a,dark:p}}s(bp,"customizedThemeTokens");function Ap(t){let{colors:e,fontFamily:o=vi,borderRadius:n=Ti,secondaryBorderRadius:r=wi,mode:i="auto"}=t,[a,p]=vg("light"),l=_.use.theme(),u=_.use.setTheme(),{dark:c,light:f}=bp(e),m=yi({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),g=[m.className,wg.className],C=[m.className,Tg.className];if(f){let S=yi(f.id,f.tokens);g.push(S.className)}if(c){let S=yi(c.id,c.tokens);C.push(S.className)}return xp(()=>{let S=s(k=>{k.matches?p("dark"):p("light")},"switchThemeListener");return window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches&&p("dark"),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",S),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",S)}},[]),xp(()=>{i!=="auto"&&u(i)},[i]),{activeTheme:s(()=>{let S=g.join(" "),k=C.join(" ");return l==="auto"?a==="dark"?k:S:l==="dark"?k:S},"getActiveTheme")}}s(Ap,"useTheme");import bg,{useMemo as xg}from"react";import{Provider as Ag}from"@rango-dev/queue-manager-react";import{makeQueueDefinition as Eg,checkWaitingForNetworkChange as Bg}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Wg}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as Ng}from"@rango-dev/wallets-shared";import{isEvmBlockchain as Ig}from"rango-types";function Mg(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:i,getWalletInfo:a}=Wg(),p=xg(()=>Eg({API_KEY:yo("API_KEY")}),[]),{blockchains:l}=v.use.meta(),c={blockchains:H.use.connectedWallets().map(d=>({accounts:[d],name:d.chain}))},f=s((d,w)=>{if(i(d,w))return r(d,w)},"switchNetwork"),m=s(d=>!!a(d).mobileWallet,"isMobileWallet"),g=l.filter(d=>d.enabled).reduce((d,w)=>(d[w.name]=w,d),{}),C=l.filter(Ig),y=s(d=>{let{supportedChains:w}=a(d);return ko(w)},"getSupportedChainNames"),S=e(),k={meta:{blockchains:g,evmBasedChains:C,evmNetworkChainInfo:Ng(C),getSupportedChainNames:y},getSigners:o,wallets:c,providers:S,switchNetwork:f,canSwitchNetworkTo:i,connect:r,state:n,isMobileWallet:m};return bg.createElement(Ag,{queuesDefs:[p],context:k,onPersistedDataLoaded:d=>{Bg(d)},isPaused:!1},t.children)}s(Mg,"QueueManager");var Ep=Mg;var Fg=Pg("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 Wp(t){let{config:e}=t;wp();let{activeTheme:o}=Ap(e?.theme||{}),{activeLanguage:n,changeLanguage:r}=fn(),[i,a]=Bp(""),[p,l]=Bp(),u=Dg(Gn),c=v.use.fetchMeta();return _g(()=>{e?.apiKey&&ki({API_KEY:e?.apiKey})},[e]),Si(()=>{c(),_.persist.rehydrate(),Pe.persist.rehydrate(),u.onConnectWallet(a)},[]),Si(()=>{e?.language&&r(e.language)},[e?.language]),at.createElement(Lg,{language:n},at.createElement(Fg,{id:"swap-container",className:o()},at.createElement(Ep,null,at.createElement(Tp,null),at.createElement(Qs,{config:e,lastConnectedWallet:i,disconnectedWallet:p,clearDisconnectedWallet:()=>{l(void 0)}},at.createElement(hp,{config:e})))))}s(Wp,"Main");function Og(t){let{updateConfig:e,config:o}=Le();return Si(()=>{t.config&&e(t.config)},[t.config]),t.config?.externalWallets?at.createElement(Wp,{...t}):at.createElement(Hn,{providers:o?.wallets,options:{walletConnectProjectId:o?.walletConnectProjectId||t.config?.walletConnectProjectId}},at.createElement(Wp,{...t}))}s(Og,"Widget");export{ZI as MainEvents,eM as RouteEventType,tM as StepEventType,oM as StepExecutionBlockedEventStatus,nM as StepExecutionEventStatus,Og as Widget,Hn as WidgetWallets,Na as useWallets,rM as useWidgetEvents};
2
2
  //# sourceMappingURL=index.js.map