@rango-dev/widget-embedded 0.17.1-next.26 → 0.17.1-next.28

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 (60) hide show
  1. package/dist/components/HeaderButtons/HomeButtons.d.ts.map +1 -1
  2. package/dist/components/Layout/Layout.d.ts.map +1 -1
  3. package/dist/components/NoResult/NoResult.d.ts.map +1 -1
  4. package/dist/components/Slippage/Slippage.d.ts.map +1 -1
  5. package/dist/containers/App/App.d.ts.map +1 -1
  6. package/dist/containers/Wallets/Wallets.d.ts.map +1 -1
  7. package/dist/containers/WidgetInfo/WidgetInfo.d.ts.map +1 -1
  8. package/dist/containers/WidgetInfo/WidgetInfo.helpers.d.ts +9 -1
  9. package/dist/containers/WidgetInfo/WidgetInfo.helpers.d.ts.map +1 -1
  10. package/dist/containers/WidgetInfo/WidgetInfo.types.d.ts +8 -1
  11. package/dist/containers/WidgetInfo/WidgetInfo.types.d.ts.map +1 -1
  12. package/dist/hooks/useLanguage.d.ts.map +1 -1
  13. package/dist/hooks/useSyncStoresWithConfig.d.ts.map +1 -1
  14. package/dist/hooks/useTheme.d.ts +1 -1
  15. package/dist/hooks/useTheme.d.ts.map +1 -1
  16. package/dist/index.js +1 -1
  17. package/dist/index.js.map +4 -4
  18. package/dist/pages/ConfirmSwapPage.d.ts.map +1 -1
  19. package/dist/pages/LiquiditySourcePage.d.ts.map +1 -1
  20. package/dist/pages/SettingsPage.d.ts.map +1 -1
  21. package/dist/pages/ThemePage.d.ts.map +1 -1
  22. package/dist/store/AppStore.d.ts +37 -1
  23. package/dist/store/AppStore.d.ts.map +1 -1
  24. package/dist/store/app.d.ts +39 -2
  25. package/dist/store/app.d.ts.map +1 -1
  26. package/dist/store/slices/settings.d.ts +39 -0
  27. package/dist/store/slices/settings.d.ts.map +1 -0
  28. package/dist/types/config.d.ts +28 -9
  29. package/dist/types/config.d.ts.map +1 -1
  30. package/dist/utils/settings.d.ts +4 -1
  31. package/dist/utils/settings.d.ts.map +1 -1
  32. package/package.json +1 -1
  33. package/src/components/HeaderButtons/HomeButtons.tsx +28 -18
  34. package/src/components/Layout/Layout.tsx +11 -1
  35. package/src/components/NoResult/NoResult.tsx +2 -5
  36. package/src/components/QuoteWarningsAndErrors/SlippageWariningModal.tsx +2 -2
  37. package/src/components/Slippage/Slippage.tsx +3 -5
  38. package/src/containers/App/App.tsx +1 -4
  39. package/src/containers/Wallets/Wallets.tsx +6 -1
  40. package/src/containers/WidgetInfo/WidgetInfo.helpers.ts +20 -1
  41. package/src/containers/WidgetInfo/WidgetInfo.tsx +15 -1
  42. package/src/containers/WidgetInfo/WidgetInfo.types.ts +8 -1
  43. package/src/hooks/useConfirmSwap/useConfirmSwap.ts +4 -4
  44. package/src/hooks/useLanguage.ts +2 -3
  45. package/src/hooks/usePrepareBlockchainList/usePrepareBlockchainList.ts +2 -2
  46. package/src/hooks/useSwapInput.ts +4 -4
  47. package/src/hooks/useSyncStoresWithConfig.ts +1 -2
  48. package/src/hooks/useTheme.ts +4 -5
  49. package/src/pages/ConfirmSwapPage.tsx +2 -3
  50. package/src/pages/LiquiditySourcePage.tsx +3 -3
  51. package/src/pages/SettingsPage.tsx +22 -11
  52. package/src/pages/ThemePage.tsx +2 -3
  53. package/src/store/AppStore.tsx +7 -1
  54. package/src/store/app.ts +31 -5
  55. package/src/store/slices/settings.ts +168 -0
  56. package/src/types/config.ts +38 -8
  57. package/src/utils/settings.ts +11 -5
  58. package/dist/store/settings.d.ts +0 -83
  59. package/dist/store/settings.d.ts.map +0 -1
  60. package/src/store/settings.ts +0 -161
package/dist/index.js CHANGED
@@ -1,2 +1,2 @@
1
- var Gu=Object.defineProperty;var i=(t,e)=>Gu(t,"name",{value:e,configurable:!0});import{MainEvents as p$,PendingSwapNetworkStatus as u$,RouteEventType as c$,StepEventType as m$,StepExecutionBlockedEventStatus as d$,StepExecutionEventStatus as f$,useEvents as g$}from"@rango-dev/queue-manager-rango-preset";import{readAccountAddress as y$,useWallets as Ya,Events as S$}from"@rango-dev/wallets-react";import{Networks as k$,WalletTypes as T$}from"@rango-dev/wallets-shared";import{Events as Cr,Provider as xc}from"@rango-dev/wallets-react";import{isEvmBlockchain as bc}from"rango-sdk";import Ro,{createContext as Ec,useEffect as Ac,useRef as Ic}from"react";import{useEffect as Xo,useLayoutEffect as Zs,useMemo as Yo,useRef as Jo}from"react";import pc,{createContext as uc,useContext as cc,useRef as mc}from"react";import{create as lc}from"zustand";var or={apiKey:"",multiWallets:!0,enableNewLiquiditySources:!0},ts=i((t,e,o)=>({config:{...or,...t},updateConfig:n=>{let r=o().config;e({config:{...r,...n}})}}),"createConfigSlice");import{RangoClient as Qu}from"rango-sdk";var Eo="c6381a79-2817-4602-83bf-6a641a409e32",os="https://api.rango.exchange";var nr={API_KEY:Eo};function Wt(t){return nr[t]||""}i(Wt,"getConfig");function ns(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),nr=e,nr}i(ns,"initConfig");var rs=20,is=25,ss="Roboto",rr="theme-widget";var Ao,Nt=i(()=>Ao||(Ao=new Qu(Wt("API_KEY"),Wt("BASE_URL")),Ao),"httpService");function Bt(t){return Array.from(new Set(t))}i(Bt,"removeDuplicateFrom");function ir(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}i(ir,"areEqual");function as(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}i(as,"debounce");function Ct(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}i(Ct,"containsText");var K=i(()=>document.getElementById("swap-box"),"getContainer");import{create as Yu}from"zustand";import{persist as Ju,subscribeWithSelector as Zu}from"zustand/middleware";import{English as Hu,French as Vu,Japanese as ju,Spanish as Ku}from"@rango-dev/ui";var ls=[{title:"English",label:"English",local:"en",SVGFlag:Hu},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:Ku},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:Vu},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:ju}],jt="en";var ps=[.5,1,3],us=1,cs=5,ms=100,ds=0;var Xu=i(t=>{let e=t;e.use={};for(let o of Object.keys(e.getState()))e.use[o]=()=>e(n=>n[o]);return e},"createSelectors"),je=Xu;var O=je(Yu()(Ju(Zu((t,e)=>({preferredBlockchains:[],slippage:us,customSlippage:null,infiniteApprove:!1,affiliateRef:null,affiliatePercent:null,affiliateWallets:null,disabledLiquiditySources:[],theme:"auto",language:jt,addPreferredBlockchain:o=>{let n=e().preferredBlockchains;if(n.find((a,l)=>{let p=a===o,u=l<=10-1;return p&&u}))return;let s=n.filter(a=>!(a===o));t(()=>({preferredBlockchains:[o,...s]}))},setSlippage:o=>t(()=>({slippage:o})),setCustomSlippage:o=>t(()=>({customSlippage:o})),setAffiliateRef:o=>t(()=>({affiliateRef:o})),setAffiliatePercent:o=>t(()=>({affiliatePercent:o})),setAffiliateWallets:o=>t(()=>({affiliateWallets:o})),toggleAllLiquiditySources:(o,n)=>t(r=>{if(n)return{disabledLiquiditySources:[]};let s=Bt(o.map(a=>a.swapperGroup));return s.length===r.disabledLiquiditySources.length?{disabledLiquiditySources:[]}:{disabledLiquiditySources:s}}),toggleInfiniteApprove:()=>t(o=>({infiniteApprove:!o.infiniteApprove})),toggleLiquiditySource:o=>t(n=>n.disabledLiquiditySources.includes(o)?{disabledLiquiditySources:n.disabledLiquiditySources.filter(r=>r!=o)}:{disabledLiquiditySources:n.disabledLiquiditySources.concat(o)}),setTheme:o=>t(()=>({theme:o})),setLanguage:o=>t(()=>({language:o}))})),{name:"user-settings",skipHydration:!0})));function Io(t){let e=O.use.disabledLiquiditySources(),o=t.map(s=>s.swapperGroup),n=[];return Bt(t.map(s=>s.swapperGroup)).map(s=>{let a=t.find(l=>l.swapperGroup===s);if(a){let l=!0;o&&(l=o.some(p=>p===a.swapperGroup)),l&&a.types.map(p=>{n.push({id:a.swapperGroup,groupTitle:a.swapperGroup,logo:a.logo,type:p,selected:!e.includes(a.swapperGroup)})})}}),n}i(Io,"getUniqueSwappersGroups");function fs(t,e){return t.swapperGroup<e.swapperGroup?-1:t.swapperGroup>e.swapperGroup?1:0}i(fs,"sortLiquiditySourcesByGroupTitle");import{WalletState as Xe}from"@rango-dev/ui";import{readAccountAddress as tc}from"@rango-dev/wallets-react";import{detectInstallLink as oc,getCosmosExperimentalChainInfo as nc,isEvmAddress as rc,KEPLR_COMPATIBLE_WALLETS as aS,Networks as ys}from"@rango-dev/wallets-shared";import ar from"bignumber.js";import{isCosmosBlockchain as ic}from"rango-types";import Ru from"bignumber.js";var We=new Ru(0);import{WalletTypes as ec}from"@rango-dev/wallets-shared";var gs=[ec.LEAP];import{BigNumber as hs}from"bignumber.js";var Wo=i(t=>{let e=(t%60).toString().padStart(2,"0");return`${parseInt((t/60).toString()).toString().padStart(2,"0")}:${e}`},"secondsToString"),N=i((t,e=null,o=null)=>{if(t==null||t==="")return"";let n=new hs(t),r=1,s=1e3;for(let a=0;a<60;a++)if(new hs(n.toFixed(a,r)).eq(n)){s=a;break}if(n.gte(1e4))return n.toFormat(0,r);if(n.gte(1e3)||n.gte(100))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,1))),r);if(n.gte(1))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,2))),r);if(n.gte(.01))return n.toFormat(Math.min(s,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(s,Math.min(o||100,Math.max(e||0,a))),r);return n.isEqualTo(0)?"0":n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,8))),r)},"numberToString");var No=i(t=>t?.reduce((e,o)=>e+(o.estimatedTimeInSeconds??0),0)||0,"totalArrivalTime");var Ke=i((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),Kt=i(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function Bo(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()}i(Bo,"limitDecimalPlaces");function sc(t){switch(!0){case t.connected:return Xe.CONNECTED;case t.connecting:return Xe.CONNECTING;case!t.installed:return Xe.NOT_INSTALLED;default:return Xe.DISCONNECTED}}i(sc,"mapStatusToWalletState");function Ss(t,e,o,n){return o.filter(r=>!gs.includes(r)).filter(r=>{let{supportedChains:s,isContractWallet:a}=e(r),{installed:l,network:p}=t(r);return a&&(!l||!!n&&p!==n)?!1:n?!!s.find(m=>m.name===n):!0}).map(r=>{let{name:s,img:a,installLink:l}=e(r),p=sc(t(r));return{title:s,image:a,link:oc(l),state:p,type:r}})}i(Ss,"mapWalletTypesToWalletInfo");function Po(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}i(Po,"walletAndSupportedChainsNames");function Cs(t,e,o,n,r){let s=[];function a(p,u){if(!!!s.find(c=>c.chain===p)){let c={address:u,chain:p,walletType:t};s.push(c)}}i(a,"addAccount");let l=n||[];return e.forEach(p=>{let{address:u,network:m}=tc(p),c=l.length>0,g=l.includes(m),d=m===ys.Unknown;if(c&&!g&&!d)return;let v=m===ys.Unknown&&rc(u);if(d&&!v)return;o.includes(m)||v?r?a(m,u.toLowerCase()):l.filter(w=>o.includes(w)).forEach(w=>{a(w,u.toLowerCase())}):a(m,u)}),s}i(Cs,"prepareAccountsForWalletStore");function ks(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(s=>{let a=s.from.blockchain,l=s.to.blockchain;e.includes(a)||e.push(a),e.includes(l)||e.push(l)})}),e}i(ks,"getRequiredChains");function $o(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}i($o,"isAccountAndWalletMatched");function Ts(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 ar(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:_o(o,r.asset.symbol,r.asset.address,e)||null}))||[]}i(Ts,"makeBalanceFor");function ws(t){return{...t,loading:!1,error:!0}}i(ws,"resetConnectedWalletState");var vs=i(t=>{let e=new Set,n=t?.reduce((s,a)=>s.findIndex(l=>l.address===a.address&&l.chain===a.chain)===-1?[...s,a]:s,[])?.map(s=>{let a={name:s.chain,accounts:[]};return e.has(s.address)||e.add(s.address),e.forEach(l=>{s.address===l&&a.accounts.push(s)}),a}),r=N(n?.flatMap(s=>s.accounts)?.flatMap(s=>s?.balances)?.map(s=>new ar(s?.amount||We).multipliedBy(s?.usdPrice||0))?.reduce((s,a)=>s.plus(a),We)||We).toString();return ac(r)},"calculateWalletUsdValue");function ac(t){let e=t.toString().split(".");return e[0]=e[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),e.join(".")}i(ac,"numberWithThousandSeparator");var _o=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice"),Do=i((t,e)=>{let o=nc(Object.entries(t).map(([,n])=>n).filter(ic));return o&&o[e]?.experimental},"isExperimentalChain");function Fo(t){return t?{...t,amount:N(t.amount,8,8),usdValue:N(t.usdValue,4,4)}:null}i(Fo,"formatBalance");function xs(t,e){return t.sort((o,n)=>{let r=e(o),s=e(n);return r?.usdValue&&s?.usdValue?parseFloat(s.usdValue)-parseFloat(r.usdValue):!r?.usdValue&&s?.usdValue?1:r?.usdValue&&!s?.usdValue?-1:!r?.usdValue&&!s?.usdValue?parseFloat(s?.amount||"0")-parseFloat(r?.amount||"0"):0}),t}i(xs,"sortTokensByBalance");function Be(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}i(Be,"tokensAreEqual");function bs(t){return t.sort((e,o)=>+(o.state===Xe.CONNECTED)-+(e.state===Xe.CONNECTED)||+(o.state===Xe.DISCONNECTED||o.state===Xe.CONNECTING)-+(e.state===Xe.DISCONNECTED||e.state===Xe.CONNECTING))}i(bs,"sortWalletsBasedOnConnectionState");function Uo(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}`}i(Uo,"getConciseAddress");function Es({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}i(Es,"getAddress");function lr(t){return`${t.blockchain}-${t.symbol}-${t.address??""}`}i(lr,"createTokenHash");function Oo(t){return t.flatMap(e=>e.balances).reduce((e,o)=>{let n={amount:o?.amount??"",decimals:o?.decimal??0,usdValue:o?.usdPrice?new ar(o?.usdPrice??We).multipliedBy(o?.amount).toString():""},r=o?lr({symbol:o.symbol,blockchain:o.chain,address:o.address}):null,s=r?e[r]:null;return r&&(!s||s&&s.amount<n.amount)&&(e[r]=n),e},{})}i(Oo,"makeTokensBalance");var As=i((t,e)=>({_blockchains:[],_tokens:[],_popularTokens:[],_swappers:[],fetchStatus:"loading",blockchains:o=>{let n=e()._blockchains;if(!o||!o?.type)return n;let r=e().config,s=(o.type==="source"?r.from?.blockchains:r.to?.blockchains)??[];return n.filter(l=>!(s.length>0&&!s.includes(l.name)))},tokens:o=>{let n=e()._tokens;if(!o||!o?.type)return n;let r=e().config,s=(o.type==="source"?r.from?.tokens:r.to?.tokens)??[],a=e().blockchains({type:o.type});return n.filter(p=>s.length>0&&!s.some(u=>Be(u,p))||o.blockchain&&p.blockchain!==o.blockchain||!a.some(u=>u.name===p.blockchain)?!1:o.searchFor?!!(Ct(p.symbol,o.searchFor)||Ct(p.address||"",o.searchFor)||Ct(p.name||"",o.searchFor)):!0).sort((p,u)=>e().isTokenPinned(p)?-1:e().isTokenPinned(u)||p.isSecondaryCoin?1:u.isSecondaryCoin||!p.address&&u.address?-1:p.address&&!u.address?1:0)},isTokenPinned:o=>!!e().config.pinnedTokens?.some(r=>Be(r,o)),swappers:()=>{let{config:{enableNewLiquiditySources:o,liquiditySources:n}}=e();return e()._swappers.filter(a=>{let l=n?.includes(a.swapperGroup);return o||!n||n.length===0?!l:l}).sort(fs)},fetch:async()=>{try{let o=await Nt().getAllMetadata();t({fetchStatus:"success"});let n=[],r=[],s=o.popularTokens,a=o.swappers,l=new Set;o.tokens.forEach(p=>{l.add(p.blockchain),r.push(p)}),o.blockchains.forEach(p=>{p.enabled&&l.has(p.name)&&n.push(p)}),n.sort((p,u)=>p.sort-u.sort),t({_blockchains:n,_tokens:r,_popularTokens:s,_swappers:a})}catch(o){throw t({fetchStatus:"failed"}),o}}}),"createDataSlice");function Is(t){return lc()((...e)=>({...As(...e),...ts(t,...e)}))}i(Is,"createAppStore");var Ws=uc(null);function C(){let t=cc(Ws);if(!t)throw new Error("Missing AppStoreContext.Provider in the tree");return t()}i(C,"useAppStore");function Ns(t){let e=mc();return e.current||(e.current=Is(t.config)),pc.createElement(Ws.Provider,{value:e.current},t.children)}i(Ns,"AppStoreProvider");import mt from"bignumber.js";import{create as Sc}from"zustand";import{subscribeWithSelector as Cc}from"zustand/middleware";import{getLastSuccessfulStep as yc}from"@rango-dev/queue-manager-rango-preset";import mC from"bignumber.js";var ut=(r=>(r[r.HIGH_VALUE_LOSS=0]="HIGH_VALUE_LOSS",r[r.UNKNOWN_PRICE=1]="UNKNOWN_PRICE",r[r.INSUFFICIENT_SLIPPAGE=2]="INSUFFICIENT_SLIPPAGE",r[r.HIGH_SLIPPAGE=3]="HIGH_SLIPPAGE",r))(ut||{});function Bs(t,e){return e.find(o=>o.name===t)?.displayName}i(Bs,"getBlockchainDisplayNameFor");function Ye(t,e){return e.find(o=>o.name===t)?.shortName}i(Ye,"getBlockchainShortNameFor");function Ls(t,e){return e.find(o=>o.id===t)?.swapperGroup}i(Ls,"getSwapperDisplayName");function pr(t,e){return e.find(o=>Be(o,t))??null}i(pr,"findToken");function ur(t,e){return e.find(o=>o.name===t)??null}i(ur,"findBlockchain");import{i18n as Fe}from"@lingui/core";import{PendingSwapNetworkStatus as Qo}from"@rango-dev/queue-manager-rango-preset";import we from"bignumber.js";function zo(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,s=e[e.length-1];n!=s&&e.push(n),s=e[e.length-1],r!=s&&e.push(r)}),e}i(zo,"getRequiredWallets");function qo(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}i(qo,"isValidAddress");import{i18n as fe}from"@lingui/core";var V=i(()=>({genericServerError:fe.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:fe.t("Please reset your liquidity sources."),description:fe.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources.")},noResultError:{title:fe.t("No Routes Found."),description:fe.t("Reasons why Rango couldn't find a route: low liquidity on token, very low input amount or no routes available for the selected input/output token combination.")},bridgeLimitErrors:{increaseAmount:fe.t("Bridge Limit Error: Please increase your amount."),decreaseAmount:fe.t("Bridge Limit Error: Please decrease your amount.")},highValueLossError:{impactTitle:fe.t("High Price Impact"),title:fe.t("Price impact is too high!"),description:fe.t("The price impact is significantly higher than the allowed amount. If you are sure, continue, otherwise, change the swap."),confirmMessage:fe.t("Confirm high price impact")},quoteUpdatedWithHighValueLoss:{title:fe.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:fe.t("USD Price Unknown"),title:fe.t("USD Price Unknown, Cannot calculate Price Impact."),description:fe.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:fe.t("Confirm USD Price Unknown")}}),"errorMessages");function Ms(t){switch(t.type){case 0:return t.diagnosisMessage??V().noResultError.title;case 1:return V().genericServerError;default:return""}}i(Ms,"getQuoteErrorMessage");import{i18n as Go}from"@lingui/core";var kt=i(()=>({connectWallet:Go.t("Connect Wallet"),swap:Go.t("Swap"),swapAnyway:Go.t("Swap anyway"),ethWarning:Go.t("The route goes through Ethereum. Continue?")}),"swapButtonTitles");function Ps(t,e){return(parseInt(e.toFixed(2)||"0")<=-10&&t?.gte(new we(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new we(1e3)))??!1}i(Ps,"hasHighValueLoss");function cr(t){return(t?.result?.swaps||[]).filter(e=>{let o=e.fromAmountMinValue?new we(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new we(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}i(cr,"hasLimitError");function mr(t){let e=(t.result?.swaps||[]).filter(l=>{let p=l.fromAmountMinValue?new we(l.fromAmountMinValue):null,u=l.fromAmountMaxValue?new we(l.fromAmountMaxValue):null;return l.fromAmountRestrictionType==="EXCLUSIVE"?p?.gte(l.fromAmount)||u?.lte(l.fromAmount):p?.gt(l.fromAmount)||u?.lt(l.fromAmount)})[0],o=e.fromAmountMinValue?new we(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new we(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",s="",a="";return!r&&o&&o.gt(e.fromAmount)?(s=Fe.t({id:"Required: >= {min} {symbol}",values:{min:N(o,6,6),symbol:e.from.symbol}}),a=V().bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(s=Fe.t({id:"Required: > {min} {symbol}",values:{min:N(o,6,6),symbol:e.from.symbol}}),a=V().bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(s=Fe.t({id:"Required: <= {max} {symbol}",values:{max:N(n,6,6),symbol:e.from.symbol}}),a=V().bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(s=Fe.t({id:"Required: < {max} {symbol}",values:{max:N(n,6,6),symbol:e.from.symbol}}),a=V().bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:s,recommendation:a}}i(mr,"getLimitErrorMessage");function $s(t){let{fetchMetaStatus:e,anyWalletConnected:o,fetchingQuote:n,inputAmount:r,quote:s,warning:a,error:l,needsToWarnEthOnPath:p}=t;return e!=="success"?{title:kt().connectWallet,action:"connect-wallet",disabled:!0}:o?n||!s||!s.result||l||!r||r==="0"?{title:kt().swap,action:"confirm-swap",disabled:!0}:a?{title:kt().swapAnyway,action:"confirm-warning",disabled:!1}:p?{title:kt().ethWarning,action:"confirm-warning",disabled:!1}:{title:kt().swap,action:"confirm-swap",disabled:!1}:{title:kt().connectWallet,action:"connect-wallet",disabled:!1}}i($s,"getSwapButtonState");function dr(t,e,o){return!((!o||o.lte(We))&&t?.result&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t.result)}i(dr,"canComputePriceImpact");function dc(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,s=e[e.length-1];n!=s&&e.push(n),s=e[e.length-1],r!=s&&e.push(r)}),e}i(dc,"requiredWallets");var fc=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice");function gc(t,e){let o=We;for(let n=0;n<t.fee.length;n++){let r=t.fee[n];if(r.expenseType==="DECREASE_FROM_OUTPUT")continue;let s=fc(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new we(r.amount).multipliedBy(s||0))}return o}i(gc,"getUsdFeeOfStep");function Ho(t,e){return t.reduce((o,n)=>o.plus(gc(n,e)),We)}i(Ho,"getTotalFeeInUsd");function fr(t){let e=new Map;return t.result?.swaps.forEach((o,n)=>{o.recommendedSlippage?.error&&e.set(n,o.recommendedSlippage.slippage)}),e.size>0?e:null}i(fr,"checkSlippageErrors");function _s(t,e){let o=new Map;return t.result?.swaps.forEach((n,r)=>{n.recommendedSlippage?.slippage&&parseFloat(n.recommendedSlippage.slippage)>e&&o.set(r,n.recommendedSlippage.slippage)}),o.size>0?o:null}i(_s,"checkSlippageWarnings");function Vo(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}i(Vo,"getMinRequiredSlippage");function Ds(t,e){return e?parseFloat(t)>=parseFloat(e):!0}i(Ds,"hasProperSlippage");function jo(t){let{fromToken:e,toToken:o,inputAmount:n,wallets:r,selectedWallets:s,disabledLiquiditySources:a,liquiditySources:l,excludeLiquiditySources:p,slippage:u,affiliateRef:m,affiliatePercent:c,affiliateWallets:g,initialQuote:d,destination:f}=t,v=s?.reduce((y,k)=>(y[k.chain]=k.address,y),{}),h=[];r?.forEach(y=>{let k=h.find(A=>A.blockchain===y.chain);k?k.addresses.push(y.address):h.push({blockchain:y.chain,addresses:[y.address]})});let b=!!d,w=Bt((d?.result?.swaps||[]).reduce((y,k)=>(y.push(k.from.blockchain,k.to.blockchain),k.internalSwaps&&Array.isArray(k.internalSwaps)&&k.internalSwaps.map(A=>{y.push(A.from.blockchain,A.to.blockchain)}),y),[]));return{amount:n.toString(),affiliateRef:m??void 0,affiliatePercent:c??void 0,affiliateWallets:g??void 0,checkPrerequisites:b,from:{address:e.address,blockchain:e.blockchain,symbol:e.symbol},to:{address:o.address,blockchain:o.blockchain,symbol:o.symbol},connectedWallets:h,selectedWallets:v??{},slippage:u.toString(),...f&&{destination:f},...p&&{swapperGroups:a.concat(l??[]),swappersGroupsExclude:!0},...!p&&{swapperGroups:l?.filter(y=>!a.includes(y)),swappersGroupsExclude:!1},...b&&{blockchains:w}}}i(jo,"createQuoteRequestBody");function Fs(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}i(Fs,"getWalletsForNewSwap");function Lt(t){return t.result?.outputAmount||null}i(Lt,"getQuoteOutputAmount");function Us(t,e){return new we(e).div(new we(t)).minus(1).multipliedBy(100).toNumber()}i(Us,"getPercentageChange");function Os(t,e){let o=Lt(t),n=Lt(e);if(!o||!n)return!1;let r=Le(o,n);return r?r<=-1:!0}i(Os,"isOutputAmountChangedALot");function zs(t,e,o){let n=t.validationStatus,r=ks(t);return e.sort((a,l)=>r.indexOf(a.chain)-r.indexOf(l.chain)).flatMap(a=>js(a,n)||[]).filter(a=>!a.ok).map(a=>{let l=a.asset.symbol,p=N(new we(a.currentAmount.amount).shiftedBy(-a.currentAmount.decimals),8,8),u=N(new we(a.requiredAmount.amount).shiftedBy(-a.requiredAmount.decimals),8,8),m="";return a.reason==="FEE"&&(m=Fe.t(" for network fee")),a.reason==="INPUT_ASSET"&&(m=Fe.t(" for swap")),a.reason==="FEE_AND_INPUT_ASSET"&&(m=Fe.t(" for input and network fee")),Fe.t({id:"Needs \u2248 {requiredAmount} {symbol}{reason}, but you have {currentAmount} {symbol} in your {blockchain} wallet.",values:{requiredAmount:u,symbol:l,reason:m,currentAmount:p,blockchain:Ye(a.asset.blockchain,o)}})})}i(zs,"generateBalanceWarnings");function qs(t,e){return(t?new we(t):We).multipliedBy(e||0)}i(qs,"calcOutputUsdValue");function Xt(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==Qo.NetworkChanged}i(Xt,"isNetworkStatusInWarningState");function Gs(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 Qo.WaitingForConnectingWallet:n=n||Fe.t("Waiting for connecting wallet");break;case Qo.WaitingForQueue:n=n||Fe.t("Waiting for other running tasks to be finished");break;case Qo.WaitingForNetworkChange:n=n||Fe.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}}}i(Gs,"getSwapMessages");function Qs(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}i(Qs,"getLastConvertedTokenInFailedSwap");function Hs(t){return t.status==="failed"&&!!t.finishTime&&new Date().getTime()-parseInt(t.finishTime)<4*3600*1e3}i(Hs,"shouldRetrySwap");function Vs(t,e,o,n,r,s){return t||!e&&!dc(n).every(a=>r.map(l=>l.chain).includes(a))||!!e&&!o||!!e&&!!o&&s&&!qo(s,o)}i(Vs,"confirmSwapDisabled");function gr(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}i(gr,"searchParamsToToken");function Xs(t){return t?.result?.swaps[t?.result?.swaps.length-1].to.usdPrice}i(Xs,"getQuoteToTokenUsdPrice");function hr(t,e){let o=t.result?.swaps||[],n=e.result?.swaps||[];return o.length!==n.length}i(hr,"isNumberOfSwapsChanged");function yr(t,e){let o=t.result?.swaps.map(r=>r.swapperId)||[],n=e.result?.swaps.map(r=>r.swapperId)||[];return!ir(o,n)}i(yr,"isQuoteSwappersUpdated");function Sr(t,e){let o=t.result?.swaps.map(r=>r.to.symbol)||[],n=e.result?.swaps.map(r=>r.to.symbol)||[];return!ir(o,n)}i(Sr,"isQuoteInternalCoinsUpdated");function Ys(t,e){return hr(t,e)||yr(t,e)||Sr(t,e)}i(Ys,"isQuoteChanged");function js(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}i(js,"getRequiredBalanceOfWallet");function nt(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}i(nt,"getPriceImpactLevel");function Js(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],s=yc(t.steps),a={blockchain:r.toBlockchain,symbol:r.toSymbol,address:r.toSymbolAddress},l=ur(s?s.toBlockchain:n.fromBlockchain,e),p=ur(r.toBlockchain,e),u=pr(s?{blockchain:l?.name??"",symbol:s.toSymbol,address:s.toSymbolAddress}:{blockchain:l?.name??"",symbol:n.fromSymbol,address:n.fromSymbolAddress},o),m=pr(a,o),c=s?s.outputAmount??"":t.inputAmount;return{fromBlockchain:l,fromToken:u,toBlockchain:p,toToken:m,inputAmount:c}}i(Js,"createRetryQuote");function Ko(t,e){let{fromToken:o,toToken:n,tokens:r,userSlippage:s}=e,a=Tt(o,t.requestAmount),l=Tt(n,t.result?.outputAmount??"");if(t.result&&a&&l){let m=Le(a.toString(),l.toString());if(!!m&&Ps(a,m)){let g=Ho(t.result.swaps,r),d=nt(m);return{type:0,inputUsdValue:a,outputUsdValue:l,priceImpact:m,totalFee:g,warningLevel:d}}}else if(t.result&&(!a||!l))return{type:1};let p=Vo(t),u=s>cs;if(Ds(e.userSlippage.toString(),p)){if(u&&parseFloat(p??"0")<s)return{type:3,slippage:s.toString()}}else return{type:2,recommendedSlippages:_s(t,s),minRequiredSlippage:p};return null}i(Ko,"generateQuoteWarnings");function Le(t,e){let o=typeof e=="string"?parseFloat(e)<=0:!e?.gt(0),n=!t||!e||o?null:Us(t.toString(),e.toString());return n&&n<0?n:null}i(Le,"getPriceImpact");var Tt=i((t,e)=>t?.usdPrice?new mt(e||We).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),z=je(Sc()(Cc(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new mt(0),outputUsdValue:new mt(0),toBlockchain:null,toToken:null,quote:null,quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:"",quoteWarningsConfirmed:!1,setQuote:e=>t(o=>{let n=null,r=We;return Kt(o.inputAmount)?(e&&(n=e.result?.outputAmount?new mt(e.result?.outputAmount):null,r=qs(e.result?.outputAmount,Xs(e)||o.toToken?.usdPrice)),{quote:e,...!!e&&{outputAmount:n,outputUsdValue:r}}):{}}),resetQuote:()=>t(()=>({quote:null,outputAmount:null,outputUsdValue:new mt(0)})),setFromBlockchain:e=>{t(o=>o.fromBlockchain?.name===e?.name?{}:{fromBlockchain:e,...o.fromToken&&{quote:null,fromToken:null,outputAmount:null,outputUsdValue:null}})},setFromToken:e=>t(o=>({fromToken:e.token,...e.token&&{fromBlockchain:e.meta.blockchains.find(n=>n.name===e.token.blockchain)??null},...!!o.inputAmount&&{inputUsdValue:Tt(e.token,o.inputAmount)}})),setToBlockchain:e=>{t(o=>o.toBlockchain?.name===e?.name?{}:{toBlockchain:e,...o.toToken&&{quote:null,toToken:null,outputAmount:null,outputUsdValue:null}})},setToToken:e=>t(()=>({toToken:e.token,...e.token&&{toBlockchain:e.meta.blockchains.find(o=>o.name===e.token.blockchain)??null}})),setInputAmount:e=>{t(o=>({inputAmount:e,...!e&&{outputAmount:new mt(0),outputUsdValue:new mt(0),quote:null},...!!o.fromToken&&{inputUsdValue:Tt(o.fromToken,e)}}))},retry:(e,o)=>{let{tokens:n,blockchains:r}=o,{fromBlockchain:s,fromToken:a,toBlockchain:l,toToken:p,inputAmount:u}=Js(e,r,n);t({fromBlockchain:s,fromToken:a,inputAmount:u,outputAmount:null,inputUsdValue:Tt(a??null,u),outputUsdValue:new mt(0),toBlockchain:l,toToken:p,quote:null})},switchFromAndTo:()=>t(e=>({fromBlockchain:e.toBlockchain,fromToken:e.toToken,toBlockchain:e.fromBlockchain,toToken:e.fromToken,inputAmount:e.outputAmount?.toString()||"",inputUsdValue:Tt(e.toToken,e.outputAmount?.toString()||"")})),resetFromBlockchain:()=>t(()=>({fromToken:null,fromBlockchain:null,outputAmount:null,outputUsdValue:null,quote:null})),resetToBlockchain:()=>t(()=>({toToken:null,toBlockchain:null,outputAmount:null,outputUsdValue:null,quote:null})),setQuoteWalletConfirmed:e=>t({quoteWalletsConfirmed:e}),setSelectedWallets:e=>t({selectedWallets:e}),setCustomDestination:e=>t({customDestination:e}),resetQuoteWallets:()=>t({quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:""}),setQuoteWarningsConfirmed:e=>t({quoteWarningsConfirmed:e})}))));function Rs(){let{setInputAmount:t,setToToken:e,setToBlockchain:o,setFromBlockchain:n,setFromToken:r,fromToken:s,toToken:a,fromBlockchain:l,toBlockchain:p}=z(),u=C().config,m=C().fetchStatus,c=C().blockchains(),g=C().tokens(),{setAffiliateRef:d,setAffiliatePercent:f,setAffiliateWallets:v}=O(),h=Yo(()=>u?.from?.tokens,[u?.from?.tokens]),b=Yo(()=>u?.from?.blockchains,[u?.from?.blockchains]),w=Yo(()=>u?.to?.tokens,[u?.to?.tokens]),S=Yo(()=>u?.to?.blockchains,[u?.to?.blockchains]),y=Jo(void 0),k=Jo(void 0),A=Jo(void 0),_=Jo(void 0);Xo(()=>{t(u?.amount?.toString()||"")},[u?.amount]),Zs(()=>{if(m==="success"){let x=c.find(M=>M.name===u?.from?.blockchain),P=g.find(M=>Be(M,u?.from?.token||null));(x||!x&&A.current)&&n(x??null),P?r({token:P,meta:{blockchains:c,tokens:g}}):!P&&y.current&&r({token:null}),A.current=u?.from?.blockchain,y.current=u?.from?.token}},[u?.from?.token?.symbol,u?.from?.token?.address,u?.from?.token?.blockchain,u?.from?.blockchain,m]),Xo(()=>{s&&h&&(h.some(x=>Be(x,s))||r({token:null})),l&&b&&(b.includes(l.name)||n(null))},[h,b]),Xo(()=>{a&&w&&(w.some(x=>Be(x,a))||e({token:null})),p&&S&&(S.includes(p.name)||o(null))},[w,S]),Zs(()=>{if(m==="success"){let x=c.find(M=>M.name===u?.to?.blockchain),P=g.find(M=>Be(M,u?.to?.token||null));(x||!x&&_.current)&&o(x??null),P?e({token:P,meta:{blockchains:c,tokens:g}}):!P&&k.current&&e({token:null}),_.current=u?.to?.blockchain,k.current=u?.to?.token}},[u?.to?.token?.symbol,u?.to?.token?.address,u?.to?.token?.blockchain,u?.to?.blockchain,m]),Xo(()=>{d(u?.affiliate?.ref??null),f(u?.affiliate?.percent??null),v(u?.affiliate?.wallets??null)},[u?.affiliate?.ref,u?.affiliate?.percent,u?.affiliate?.wallets])}i(Rs,"useSyncStoresWithConfig");import{useEffect as vc}from"react";import{create as kc}from"zustand";import{subscribeWithSelector as Tc}from"zustand/middleware";var G=je(kc()(Tc((t,e)=>({connectedWallets:[],balances:{},customDestination:"",loading:!1,connectWallet:(o,n)=>{let r=e().getWalletsDetails;t(s=>({loading:!0,connectedWallets:s.connectedWallets.filter(a=>a.walletType!==o[0].walletType).concat(o.map(a=>{let l=!s.connectedWallets.find(p=>p.chain===a.chain&&p.selected);return{balances:[],address:a.address,chain:a.chain,explorerUrl:null,walletType:a.walletType,selected:l,loading:!0,error:!1}}))})),r(o,n)},disconnectWallet:o=>{t(n=>{let r=n.connectedWallets.filter(l=>l.selected&&l.walletType!==o).map(l=>l.chain),s=n.connectedWallets.filter(l=>l.walletType!==o).map(l=>r.includes(l.chain)?l:(r.push(l.chain),{...l,selected:!0}));return{balances:Oo(s),connectedWallets:s}})},selectWallets:o=>t(n=>({connectedWallets:n.connectedWallets.map(r=>{let s=!!o.find(l=>l.chain===r.chain&&l.walletType!==r.walletType&&r.selected),a=!!o.find(l=>l.chain===r.chain&&l.walletType===r.walletType&&!r.selected);return s?{...r,selected:!1}:a?{...r,selected:!0}:r})})),clearConnectedWallet:()=>t(()=>({connectedWallets:[],selectedWallets:[]})),getWalletsDetails:async(o,n,r=!0)=>{let s=e().getWalletsDetails;t(a=>({loading:!0,connectedWallets:a.connectedWallets.map(l=>o.find(p=>$o(p,l))?{...l,loading:!0}:l)}));try{let a=o.map(({address:u,chain:m})=>({address:u,blockchain:m})),p=(await Nt().getWalletsDetails(a)).wallets;if(p)t(u=>{let m=u.connectedWallets.map(g=>{let d=o.find(v=>$o(v,g)),f=p.find(v=>v.address===g.address&&v.blockChain===g.chain);return f?.failed&&d&&r&&s([d],n,!1),d&&f?{...g,explorerUrl:f.explorerUrl,balances:Ts(f,n),loading:!1}:g});return{loading:!1,balances:Oo(m),connectedWallets:m}});else throw new Error("Wallet not found")}catch{t(l=>{let p=l.connectedWallets.map(m=>o.find(c=>$o(c,m))?ws(m):m);return{loading:!1,balances:Oo(p),connectedWallets:p}})}},getBalanceFor:o=>{let{balances:n}=e(),r=lr(o);return n[r]??null}}))));import{allProviders as wc}from"@rango-dev/provider-all";function Zo(t,e){let o=wc({walletconnect2:{WC_PROJECT_ID:e?.walletConnectProjectId||""}});if(t){let n=[];return t.forEach(r=>{if(typeof r=="string"){let s=o.find(a=>a.config.type===r);s?n.push(s):console.warn(`Couldn't find ${r} provider. Please make sure you are passing the correct name.`)}else n.push(r)}),n}return o}i(Zo,"matchAndGenerateProviders");function ea(t,e){return Zo(t,e).map(r=>r.config.type)}i(ea,"configWalletsToWalletName");function ta(t,e){let o=G.use.clearConnectedWallet(),n=Zo(void 0,e);return vc(()=>{o(),n=Zo(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}i(ta,"useWalletProviders");var en=Ec({onConnectWallet:()=>{}});function Wc(t){let{updateConfig:e}=C(),o=C().blockchains(),n=C().tokens(),r={walletConnectProjectId:t.config?.walletConnectProjectId},{providers:s}=ta(t.config.wallets,r),{connectWallet:a,disconnectWallet:l}=G(),p=Ic();Rs(),Ac(()=>{t.config&&e(t.config)},[t.config]);let u=o.filter(bc).map(c=>c.name),m=i((c,g,d,f,v)=>{if(g===Cr.ACCOUNTS)if(d){let h=Po(v.supportedBlockchains),b=Cs(c,d,u,h,v.isContractWallet);a(b,n)}else l(c);if(g===Cr.ACCOUNTS&&f.connected){let h=`${c}-${f.network}-${d}`;f.connected&&(p.current?p.current(h):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(g===Cr.NETWORK&&f.network){let h=`${c}-${f.network}`;p.current?p.current(h):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(c,g,d,f,v)},"onUpdateState");return Ro.createElement(en.Provider,{value:{onConnectWallet:c=>{p.current=c}}},Ro.createElement(xc,{allBlockChains:o,providers:s,onUpdateState:m,autoConnect:!0},t.children))}i(Wc,"Main");function tn(t){let{config:e,...o}=t;return Ro.createElement(Ns,{config:e},Ro.createElement(Wc,{...o,config:e}))}i(tn,"WidgetWallets");import es from"react";import{I18nManager as ey}from"@rango-dev/ui";import xo,{useContext as ty,useEffect as Du,useState as Fu}from"react";import{useQueueManager as Fc}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Uc}from"@rango-dev/wallets-react";import{isEvmBlockchain as Oc}from"rango-types";import on,{Fragment as zc}from"react";import{MemoryRouter as qc,useInRouterContext as Gc}from"react-router";import{useWallets as Bc}from"@rango-dev/wallets-react";import{useEffect as Lc,useRef as Mc}from"react";function oa(){let{connect:t,state:e}=Bc(),o=Mc({}),{fetchStatus:n}=C(),r=new URLSearchParams(location.search).get("autoConnect")||"",s=e(r);Lc(()=>{n==="success"&&r&&s.installed&&!s.connecting&&!s.connected&&!o.current[r]&&(o.current[r]=!0,t(r))},[s,n])}i(oa,"useForceAutoConnect");import{useEffect as kr,useRef as Tr}from"react";import{createSearchParams as $c,useLocation as _c,useSearchParams as Dc}from"react-router-dom";var $={home:"/",fromSwap:"from-swap",toSwap:"to-swap",blockchains:"blockchains",settings:"settings",liquiditySources:"liquidity-sources",themes:"themes",bridges:"bridges",exchanges:"exchanges",languages:"languages",swaps:"swaps",wallets:"wallets",confirmSwap:"confirm-swap",swapDetails:":requestId"};import{create as Pc}from"zustand";var ve=je(Pc()(t=>({connectWalletsButtonDisabled:!1,selectedSwapRequestId:null,currentPage:"",setSelectedSwap:e=>t({selectedSwapRequestId:e}),setCurrentPage:e=>t({currentPage:e})})));function na(){let t=Tr(!0),[e,o]=Dc(),n=_c(),r=Tr(n.search),s=Tr({}),a=z.use.fromBlockchain(),l=z.use.toBlockchain(),p=z.use.fromToken(),u=z.use.toToken(),m=z.use.setFromBlockchain(),c=z.use.setFromToken(),g=z.use.setToBlockchain(),d=z.use.setToToken(),f=z.use.inputAmount(),v=z.use.setInputAmount(),h=C().fetchStatus,b=C().blockchains(),w=C().tokens(),S=ve.use.setSelectedSwap();return kr(()=>{let y={};$c(r.current).forEach((A,_)=>{y[_]=A}),s.current=y;let k=n.pathname.split($.swaps+"/")[1]||null;k&&S(k)},[]),kr(()=>{if(!t.current){let y="",k="",A="",_="",x="",P=s.current["autoConnect"];h!=="success"?(y=s.current["fromBlockchain"],k=s.current["fromToken"],A=s.current["toBlockchain"],_=s.current["toToken"],x=s.current["fromAmount"]||f):(y=a?.name||"",k=(p?.symbol||"")+(p?.address?`--${p?.address}`:""),A=l?.name||"",_=(u?.symbol||"")+(u?.address?`--${u?.address}`:""),x=f),o({...y&&{["fromBlockchain"]:y},...k&&{["fromToken"]:k},...A&&{["toBlockchain"]:A},..._&&{["toToken"]:_},...x&&{["fromAmount"]:x.toString()},...P&&{["autoConnect"]:P}},{replace:!0})}t.current=!1},[n.pathname,f,a,p,l,u]),kr(()=>{if(h==="success"){let y=e.get("fromBlockchain"),k=e.get("fromToken"),A=e.get("toBlockchain"),_=e.get("toToken"),x=e.get("fromAmount"),P=b.find(F=>F.name===y),M=gr(w,k,P||null),W=b.find(F=>F.name===A),T=gr(w,_,W||null);P&&(m(P),M&&c({token:M,meta:{blockchains:b,tokens:w}})),W&&(g(W),T&&d({token:T,meta:{blockchains:b,tokens:w}})),x&&v(x)}},[h]),null}i(na,"UpdateUrl");function ra({children:t,...e}){let o=Gc(),n=o?zc:qc,r=C().blockchains(),{canSwitchNetworkTo:s}=Uc();oa();let a=r.filter(Oc);return Fc({lastConnectedWallet:e.lastConnectedWallet,clearDisconnectedWallet:e.clearDisconnectedWallet,disconnectedWallet:e.disconnectedWallet,evmChains:a,canSwitchNetworkTo:s}),on.createElement(on.Fragment,null,on.createElement(n,null,t),o&&on.createElement(na,null))}i(ra,"AppRouter");import Ae from"react";import{useRoutes as zh}from"react-router-dom";import{i18n as bn}from"@lingui/core";import{useManager as Xd}from"@rango-dev/queue-manager-react";import{Alert as Ul,Button as Ol,Divider as Yd,IconButton as zl,RefreshIcon as Jd,SettingsIcon as Zd,styled as ql,Tooltip as Rd,Typography as ef,WalletIcon as tf}from"@rango-dev/ui";import te,{useEffect as so,useLayoutEffect as of,useRef as nf,useState as En}from"react";import{flushSync as rf}from"react-dom";import{useNavigate as sf}from"react-router-dom";import{i18n as rt}from"@lingui/core";import{Alert as $r,BalanceErrors as Rm,Button as Ja,ChevronDownIcon as ed,ChevronLeftIcon as td,Divider as Dt,MessageBox as od,Modal as Za,Typography as yn,WalletIcon as nd}from"@rango-dev/ui";import B,{useEffect as rd,useLayoutEffect as id,useRef as sd,useState as xt}from"react";import{useNavigate as ad}from"react-router-dom";import{i18n as nn}from"@lingui/core";function rn(t){switch(t.type){case 0:return nn.t("Route has been updated.");case 3:return nn.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return nn.t("Route swappers has been updated.");case 2:return nn.t("Route internal coins has been updated.");default:return""}}i(rn,"getQuoteUpdateWarningMessage");import*as Pt from"@radix-ui/react-collapsible";import{Button as Hc,darkTheme as Mt,IconButton as Vc,keyframes as ia,styled as ye,TextField as jc}from"@rango-dev/ui";var Yt=300,Kc=ia({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),Xc=ia({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),sa=ye("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),aa=ye("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}),la=ye("button",{borderRadius:"$xm",padding:"$10",border:"0",display:"flex",justifyContent:"center",$$color:"$colors$neutral100",[`.${Mt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",alignItems:"center",cursor:"pointer",width:110,position:"relative","&:hover":{$$color:"$colors$info100",[`.${Mt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$color:"$colors$info100",[`.${Mt} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color",outline:0},variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary",outlineStyle:"solid"}}}}),pa=ye(Pt.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit"}),ua=ye("div",{padding:"$20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),ca=ye(Vc,{position:"absolute",left:"$20"}),ma=ye("div",{paddingTop:"$20","& .wallets-list":{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}}),da=ye(Pt.Root,{backgroundColor:"$neutral200",borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),fa=ye(Hc,{width:"100%",borderRadius:"$sm !important",padding:"$15 !important",justifyContent:"space-between",alignItems:"center",$$color:"$colors$neutral100",[`.${Mt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color","&:hover":{$$color:"$colors$info100",[`.${Mt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$background:"$colors$info100",[`.${Mt} &`]:{$$background:"$colors$info700"},backgroundColor:"$$background",outline:0}}),ga=ye("div",{padding:"$10 $0","& .button__content":{display:"flex",justifyContent:"center",alignItems:"center"},"& .alarms":{paddingTop:"5px"}}),ha=ye("div",{transition:`all ${Yt}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),ya=ye("div",{display:"flex"}),Sa=ye(jc,{padding:"$0 $15 $15 $15"}),sn=ye(Pt.Content,{overflow:"hidden",variants:{open:{true:{animation:`${Kc} ${Yt}ms ease-out`},false:{animation:`${Xc} ${Yt}ms ease-out`}}}}),Ca=ye("div",{overflow:"visible",width:"100%"});import{i18n as ze}from"@lingui/core";import{Button as Ym,Divider as Mr,Image as Jm,MessageBox as hn,Modal as Va,SelectableWallet as Zm,Typography as ja,WalletState as Ka}from"@rango-dev/ui";import ee,{useEffect as Xa,useState as Zt}from"react";import{WalletState as ka}from"@rango-dev/ui";import{useWallets as Yc}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as Jc,WalletTypes as Zc}from"@rango-dev/wallets-shared";import{useEffect as Rc,useState as em}from"react";var tm=Object.values(Zc);function an(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:s,disconnect:a,getWalletInfo:l,connect:p}=Yc(),{connectedWallets:u}=G(),m=C().blockchains(),c=ea(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||tm,g=Ss(s,l,c,o),d=bs(g),[f,v]=em(""),h=i(y=>!u.find(k=>k.walletType===y&&k.chain===o),"isExperimentalChainNotAdded"),b=i(async y=>{let k=s(y);try{if(f&&v(""),k.connected)await a(y);else{let A=!!g.find(_=>_.state===ka.CONNECTED);if(!e?.multiWallets&&A)return;n?.(y),await p(y),r?.(y)}}catch(A){v("Error: "+A?.message)}},"handleClick"),w=i(()=>{let y=g?.filter(k=>k.state===ka.CONNECTING)||[];for(let k of y)a(k.type)},"disconnectConnectingWallets");Rc(()=>()=>{w()},[]);let S=i((y,k,A)=>Do(A,k)&&h(y)&&!Jc.includes(y),"shouldExcludeWallet");return{list:d.filter(y=>!S(y.type,o??"",m)),error:f,handleClick:b}}i(an,"useWalletList");import{i18n as Ua}from"@lingui/core";import{styled as za,Typography as qm,Wallet as Gm,WalletState as Qm}from"@rango-dev/ui";import vt,{Fragment as Hm,useState as Oa}from"react";import{BottomLogo as Lm,Divider as Mm,Header as Pm}from"@rango-dev/ui";import ge from"react";import{useNavigate as om}from"react-router-dom";function dt(){let t=om();return()=>t(-1)}i(dt,"useNavigateBack");import{ChevronLeftIcon as im}from"@rango-dev/ui";import va from"react";import{darkTheme as nm,IconButton as rm,styled as ln}from"@rango-dev/ui";var Ue=ln(rm,{width:"$24",position:"relative",padding:"0",overflow:"unset"}),Ta=ln("div",{position:"absolute",background:"$secondary500",[`.${nm} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),$t=ln("div",{display:"flex",justifyContent:"flex-end",width:"$40"}),wa=ln("div",{position:"absolute",backgroundColor:"$secondary500",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0"});function wr(t){return va.createElement(Ue,{variant:"ghost",size:"small",onClick:t.onClick},va.createElement(im,{color:"black",size:16}))}i(wr,"BackButton");import{i18n as sm}from"@lingui/core";import{Button as am,Typography as lm}from"@rango-dev/ui";import vr from"react";function xr(t){return vr.createElement($t,null,vr.createElement(am,{variant:"ghost",onClick:t.onClick,size:"xsmall"},vr.createElement(lm,{variant:"label",size:"medium",color:"error500"},sm.t("Cancel"))))}i(xr,"CancelButton");import{i18n as pm}from"@lingui/core";import{Tooltip as um,WalletIcon as cm}from"@rango-dev/ui";import pn from"react";function br(t){return pn.createElement(um,{container:t.container,side:"top",content:pm.t("Connect Wallet")},pn.createElement(Ue,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&pn.createElement(Ta,null),pn.createElement(cm,{size:18,color:"black"})))}i(br,"WalletButton");import{i18n as mn}from"@lingui/core";import{NotificationsIcon as Em,Popover as Am,RefreshIcon as Im,SettingsIcon as Wm,Tooltip as dn,TransactionIcon as Nm}from"@rango-dev/ui";import ue from"react";import{i18n as Cm}from"@lingui/core";import{ChainToken as Wa,ChevronRightIcon as km,ListItemButton as Tm,Typography as wm}from"@rango-dev/ui";import Oe from"react";import{useNavigate as vm}from"react-router-dom";import{create as mm}from"zustand";import{persist as dm,subscribeWithSelector as fm}from"zustand/middleware";var Me=je(mm()(dm(fm((t,e)=>({notifications:[],setNotification:(o,n)=>{let r=n.steps[0],s=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:s.toBlockchain,tokenSymbol:s.toSymbol,tokenAddress:s.toSymbolAddress}}},l=e().notifications.filter(p=>p.requestId!==n.requestId);t(()=>({notifications:[...l,a]}))},setAsRead:o=>{t(n=>({notifications:n.notifications.map(r=>r.requestId===o?{...r,read:!0}:r)}))},getUnreadNotifications:()=>e().notifications.filter(o=>!o.read)})),{name:"notification",skipHydration:!0})));import{styled as un}from"@rango-dev/ui";var xa=un("div",{padding:"$10",width:"350px",minHeight:"150px"}),ba=un("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),Ea=un("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),Aa=un("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as gm}from"@lingui/core";import{Divider as hm,NoNotificationIcon as ym,Typography as Sm}from"@rango-dev/ui";import cn from"react";function Ia(){return cn.createElement(Aa,null,cn.createElement(ym,{color:"secondary",size:26}),cn.createElement(hm,{size:12}),cn.createElement(Sm,{variant:"body",size:"medium",color:"neutral700"},gm.t("You have no notification")))}i(Ia,"NotificationNotFound");var xm=4;function Er(){let t=vm(),e=ve.use.setSelectedSwap(),{getUnreadNotifications:o}=Me(),n=o(),r=C().blockchains(),s=C().tokens(),a=n.sort((p,u)=>u.creationTime-p.creationTime).slice(0,xm),l=i(p=>{e(p),t(`${$.swaps}/${p}`)},"handleOnClick");return Oe.createElement(xa,null,a.length?Oe.createElement(ba,null,a.map(p=>{let u=s.find(d=>d.address===p.route.from.tokenAddress&&d.blockchain===p.route.from.blockchain&&d.symbol===p.route.from.tokenSymbol),m=r.find(d=>d.name===p.route.from.blockchain),c=s.find(d=>d.address===p.route.to.tokenAddress&&d.blockchain===p.route.to.blockchain&&d.symbol===p.route.to.tokenSymbol),g=r.find(d=>d.name===p.route.to.blockchain);return Oe.createElement(Tm,{key:p.requestId,onClick:()=>l(p.requestId),title:Oe.createElement(wm,{variant:"body",size:"small",color:"$neutral700"},Cm.t(p.event.message)),id:p.requestId,start:Oe.createElement(Ea,null,Oe.createElement("div",{className:"from-chain-token"},Oe.createElement(Wa,{tokenImage:u?u.image:"",chainImage:m?m.logo:"",size:"small"})),Oe.createElement("div",{className:"to-chain-token"},Oe.createElement(Wa,{tokenImage:c?c.image:"",chainImage:g?g.logo:"",size:"small"}))),end:Oe.createElement(km,{size:12,color:"gray"})})})):Oe.createElement(Ia,null))}i(Er,"NotificationContent");import{Typography as bm}from"@rango-dev/ui";import Na from"react";function Ba(){let{getUnreadNotifications:t}=Me(),e=t().length;return e?Na.createElement(wa,null,Na.createElement(bm,{variant:"body",size:"xsmall",color:"$background"},e)):null}i(Ba,"UnreadNotificationsBadge");function Ar(t){let{layoutRef:e,onClickRefresh:o,onClickHistory:n,onClickSettings:r,onClickNotifications:s}=t;return ue.createElement(ue.Fragment,null,ue.createElement(dn,{container:K(),side:"top",content:mn.t("Refresh")},ue.createElement(Ue,{variant:"ghost",size:"small",onClick:o,disabled:!o},ue.createElement(Im,{size:16,color:o?"black":"gray"}))),ue.createElement(dn,{container:K(),side:"top",content:mn.t("Notifications")},ue.createElement(Am,{align:"center",collisionBoundary:e,collisionPadding:{right:20,left:20},container:K(),content:ue.createElement(Er,null)},ue.createElement(Ue,{size:"small",variant:"ghost",onClick:s},ue.createElement(Em,{size:18,color:"black"}),ue.createElement(Ba,null)))),ue.createElement(dn,{container:K(),side:"top",content:mn.t("Settings")},ue.createElement(Ue,{size:"small",variant:"ghost",onClick:r},ue.createElement(Wm,{size:18,color:"black"}))),ue.createElement(dn,{container:K(),side:"top",content:mn.t("Transactions History")},ue.createElement(Ue,{size:"small",variant:"ghost",onClick:n},ue.createElement(Nm,{size:18,color:"black"}))))}i(Ar,"HomeButtons");import{darkTheme as Bm,styled as Ir}from"@rango-dev/ui";var La=Ir("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",[`.${Bm} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",variants:{fixedHeight:{true:{height:"95vh"},false:{height:"auto"}}}}),Ma=Ir("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"}}}}),Pa=Ir("div",{backgroundColor:"$background","& .footer__content":{padding:"$0 $20"},"& .footer__logo":{padding:"$0 $20 $10 $20"}});function $m(t,e){let{children:o,header:n,footer:r,noPadding:s,hasLogo:a=!0,fixedHeight:l=!0}=t,p=G.use.connectedWallets(),u=ve.use.connectWalletsButtonDisabled(),m=dt(),c=i(()=>{!u&&n.onWallet&&n.onWallet()},"onConnectWallet"),g=typeof n.hasBackButton>"u"||n.hasBackButton;return ge.createElement(La,{ref:e,fixedHeight:l,id:"swap-box"},ge.createElement(Pm,{prefix:ge.createElement(ge.Fragment,null,g&&ge.createElement(wr,{onClick:m})),title:n.title,suffix:ge.createElement(ge.Fragment,null,n.suffix,n.onWallet&&ge.createElement(br,{container:K(),onClick:c,isConnected:!!p?.length}),n.onCancel&&ge.createElement(xr,{onClick:n.onCancel}))}),ge.createElement(Ma,{noPadding:s},o),(a||r)&&ge.createElement(Pa,null,ge.createElement("div",{className:"footer__content"},r),a&&ge.createElement("div",{className:"footer__logo"},ge.createElement(Mm,{size:12}),ge.createElement(Lm,null))))}i($m,"LayoutComponent");var X=ge.forwardRef($m);X.displayName="Layout";import{Divider as Om,Modal as zm}from"@rango-dev/ui";import Nr from"react";import{i18n as _t}from"@lingui/core";import{Image as Fm,MessageBox as Wr,WalletState as Um}from"@rango-dev/ui";import wt from"react";import{keyframes as _m,styled as fn}from"@rango-dev/ui";var Mw=fn("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),$a=fn("div",{position:"relative"}),Dm=_m({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),_a=fn("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Dm} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),Da=fn("div",{"& img":{borderRadius:"50%"}});function Fa(t){let{state:e,image:o,error:n}=t;return e===Um.CONNECTED?wt.createElement(Wr,{type:"success",title:_t.t("Wallet Connected"),description:_t.t("Your wallet is connected, you can use it to swap.")}):n?wt.createElement(Wr,{type:"error",title:_t.t("Failed to Connect"),description:n||_t.t("Your wallet is not connected. Please try again.")}):wt.createElement(Wr,{type:"loading",title:_t.t("Connecting to your wallet"),description:_t.t("Click connect in your wallet popup."),icon:wt.createElement($a,null,wt.createElement(Da,null,wt.createElement(Fm,{src:o,size:45})),wt.createElement(_a,null))})}i(Fa,"ModalContent");function Jt(t){let{open:e,onClose:o,...n}=t;return Nr.createElement(zm,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},Nr.createElement(Fa,{...n}),Nr.createElement(Om,{direction:"vertical",size:32}))}i(Jt,"WalletModal");var Vm=za("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline",paddingTop:"$15",height:"100%"}),jm=za("div",{textAlign:"center"}),gn=3e3,Br=300;function qa(){let{config:t,fetchStatus:e}=C(),[o,n]=Oa(!1),[r,s]=Oa(""),a=null,{list:l,handleClick:p,error:u}=an({config:t,onBeforeConnect:d=>{a=setTimeout(()=>{n(!0),s(d)},Br)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},gn)}}),m=l.find(d=>d.type===r),c=m?.image||"",g=m?.state||Qm.NOT_INSTALLED;return vt.createElement(X,{header:{title:Ua.t("Connect Wallets")}},vt.createElement(jm,null,vt.createElement(qm,{variant:"title",size:"xmedium",align:"center"},Ua.t("Choose a wallet to connect.")),vt.createElement(Vm,null,l.map((d,f)=>{let v=`wallet-${f}-${d.type}`;return vt.createElement(Hm,{key:v},vt.createElement(Gm,{...d,container:K(),onClick:h=>{p(h)},isLoading:e==="loading"}))}),vt.createElement(Jt,{open:!!o,onClose:()=>n(!1),image:c,state:g,error:u}))))}i(qa,"WalletsPage");import{keyframes as Km,styled as Lr}from"@rango-dev/ui";var Ga=Lr("div",{position:"relative"}),Xm=Km({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),Qa=Lr("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Xm} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),Ha=Lr("div",{"& img":{borderRadius:"50%"}});function Pr(t){let{chain:e,isSelected:o,selectWallet:n,limit:r,onShowMore:s}=t,{config:a}=C(),l=G.use.connectedWallets(),{blockchains:p}=C(),[u,m]=Zt(""),[c,g]=Zt(null),[d,f]=Zt(!1),[v,h]=Zt(null),{suggestAndConnect:b}=Ya(),w=null,{list:S,error:y,handleClick:k}=an({config:a,chain:e,onBeforeConnect:T=>{w=setTimeout(()=>{m(T)},Br)},onConnect:()=>{w&&clearTimeout(w),setTimeout(()=>{m("")},gn)}}),[A,_]=Zt(S),x=S.length,P=r&&x-r>0,M=i(async T=>{f(!1),h("in-progress");try{await b(T.walletType,T.chain),h("completed")}catch{h("rejected")}},"addExperimentalChain");Xa(()=>{_(T=>{let F=S.findIndex(I=>o(I.type,e));return P&&F>1?[S[F]].concat(S.filter((I,Q)=>Q!==F)):T.map(I=>S.find(Q=>Q.type===I.type)??I)})},[JSON.stringify(S)]);let W=document.querySelector("#swap-box");return Xa(()=>{let T=null;return(v==="completed"||v==="rejected")&&(T=setTimeout(()=>h(null),gn)),()=>{T&&clearTimeout(T)}},[v]),ee.createElement(ee.Fragment,null,A.slice(0,r).map(T=>{let F=Es({connectedWallets:l,walletType:T.type,chain:e}),I=F?Uo(F):"",Q=Do(p(),e),oe=!l.find(de=>de.walletType===T.type&&de.chain===e),ne=Q&&oe&&T.state===Ka.CONNECTED,H=ne?ze.t({id:"Add {chain} chain",values:{chain:e}}):I,se=i(()=>{T.state===Ka.DISCONNECTED?k(T.type):ne?(g({walletType:T.type,chain:e,address:F??""}),f(!0)):n({walletType:T.type,chain:e,address:F??""})},"onClick"),me=c?.chain?Bs(c.chain,p()):void 0;return ee.createElement(ee.Fragment,null,ee.createElement(Jt,{open:u===T.type,onClose:()=>m(""),image:T.image,state:T.state,error:y}),!!c&&ee.createElement(Va,{open:!!c&&d,container:W,onClose:()=>{g(null)}},ee.createElement(hn,{title:ze.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:me}}),type:"warning",description:ze.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:me}})},ee.createElement(Mr,{size:18}),ee.createElement(Mr,{size:32}),ee.createElement(Ym,{onClick:M.bind(null,c),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},ze.t("Confirm")))),v&&ee.createElement(Va,{open:!!v,onClose:h.bind(null,null),container:W},v==="in-progress"&&ee.createElement(hn,{type:"loading",title:ze.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:me}}),description:ze.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:me}}),icon:ee.createElement(Ga,null,ee.createElement(Ha,null,ee.createElement(Jm,{src:T.image,size:45})),ee.createElement(Qa,null))}),v==="completed"&&ee.createElement(hn,{type:"success",title:ze.t({id:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:me}}),description:ze.t({id:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:me}})}),v==="rejected"&&ee.createElement(hn,{type:"error",title:ze.t("Request Rejected"),description:ze.t({id:"You've rejected adding {blockchainDisplayName} chain to your wallet.",values:{blockchainDisplayName:me}})}),ee.createElement(Mr,{direction:"vertical",size:32})),ee.createElement(Zm,{key:T.type,description:H,onClick:se,selected:o(T.type,e),...T}))}),P&&ee.createElement(la,{selected:!1,onClick:s.bind(null)},ee.createElement(ja,{variant:"label",size:"medium"},ze.t("Show more wallets"),ee.createElement(ja,{variant:"label",size:"medium",color:"$primary"},"\xA0+",x-(r??0)))))}i(Pr,"WalletList");var ld=2;function Ra(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,loading:s}=t,a=C().config,l=C().blockchains(),{quote:p,setSelectedWallets:u,quoteWalletsConfirmed:m,setQuoteWalletConfirmed:c,customDestination:g,setCustomDestination:d}=z(),{connectedWallets:f,selectWallets:v}=G(),[h,b]=xt(""),[w,S]=xt([]),[y,k]=xt(""),[A,_]=xt(null),[x,P]=xt(g),[M,W]=xt(!!g),T=sd(null),F=zo(p),I=l.find(D=>D.name===p?.result?.swaps[p?.result?.swaps.length-1].to.blockchain),Q=i(D=>!!p?.result?.swaps.find(J=>J.from.blockchain===D),"isWalletRequiredFor"),[oe,ne]=xt(f.filter(D=>D.selected&&F.includes(D.chain))),H=l.find(D=>D.name===I?.name),se=i((D,J)=>!!oe.find(q=>q.walletType===D&&q.chain===J&&q.selected&&(Q(J)||!Q(J)&&!x)),"isSelected"),me=!!x&&M&&H&&!qo(H,x),de=i(()=>{W(!1),P(""),ne(D=>{let J=!1;return D.map(q=>!J&&q.chain===I?.name?(J=!0,{...q,selected:!0}):q)})},"resetCustomDestination"),De=i(D=>{if(h&&b(""),se(D.walletType,D.chain))return;let q=f.find(ae=>ae.walletType===D.walletType&&ae.chain===D.chain);q&&(n(),D.chain===I?.name&&M&&(W(!1),P("")),ne(ae=>ae.filter(Ve=>Ve.chain!==D.chain).concat({...q,selected:!0})))},"onChange"),It=i(()=>{let D=oe.filter(J=>J.selected);v(D),u(D),d(x),c(!0),o()},"onConfirmBalance"),Vt=i(async()=>{S([]),k(""),_(null);let D=f.filter(ae=>oe.find(Ve=>Ve.chain===ae.chain&&Ve.walletType===ae.walletType)),J=await r?.({selectedWallets:D,customDestination:x}),q=J.warnings;q?.balance?.messages&&S(q.balance.messages),q?.quoteUpdate&&_(q.quoteUpdate),J.error&&k(Ms(J.error)),!J.error&&(!q?.balance?.messages.length||0>0)?It():S(q?.balance?.messages??[])},"onConfirmWallets");rd(()=>{ne(D=>D.concat(f.filter(J=>!!!D.find(ae=>ae.chain===J.chain)&&J.selected&&F.includes(J.chain))))},[f.length]),id(()=>{M&&T.current&&setTimeout(()=>{T?.current?.scrollIntoView({behavior:"smooth"})},Yt)},[M]);let ot=document.querySelector("#swap-box"),He=ad();return B.createElement(Za,{open:e,onClose:()=>{m||He("../",{replace:!0}),o()},dismissible:!h,container:ot,...!h&&{footer:B.createElement(ya,null,B.createElement(Ja,{loading:s,disabled:Vs(s,M,x,p,oe,I),onClick:Vt,variant:"contained",type:"primary",fullWidth:!0,size:"large"},"Confirm"))},...h&&{containerStyle:{padding:"$0"},header:B.createElement(ua,null,B.createElement(ca,{variant:"ghost",onClick:b.bind(null,"")},B.createElement(td,{size:16})),B.createElement(yn,{variant:"headline",size:"small"},rt.t({id:"Your {blockchainName} wallets",values:{blockchainName:Ye(h,l)}})))},anchor:"center"},B.createElement(Za,{open:w.length>0,onClose:S.bind(null,[]),container:ot},B.createElement(od,{title:rt.t("Insufficient account balance"),type:"error",description:B.createElement(Rm,{messages:w??[]})},B.createElement(Ja,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:It},rt.t("Proceed anyway")))),h&&B.createElement(ma,null,B.createElement("div",{className:"wallets-list"},B.createElement(Pr,{chain:h,isSelected:se,selectWallet:De,onShowMore:b.bind(null,h)}))),!h&&B.createElement(B.Fragment,null,y&&B.createElement(B.Fragment,null,B.createElement($r,{variant:"alarm",type:"error",title:rt.t(y)}),B.createElement(Dt,{size:12})),A&&B.createElement(B.Fragment,null,B.createElement($r,{variant:"alarm",type:"warning",title:rn(A)}),B.createElement(Dt,{size:12})),B.createElement(Ca,null,F.map((D,J)=>{let q=l.find(Ie=>Ie.name===D),ae=`wallet-${J}`,Ve=J===F.length-1;return B.createElement("div",{key:ae},B.createElement(sa,null,B.createElement(yn,{variant:"title",size:"xmedium"},rt.t({id:"Your {blockchainName} wallets",values:{blockchainName:q?.shortName}})),B.createElement(yn,{variant:"label",color:"$neutral700",size:"medium"},rt.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:q?.shortName}}))),B.createElement(Dt,{size:24}),B.createElement(aa,null,B.createElement(Pr,{chain:D,isSelected:se,selectWallet:De,limit:ld,onShowMore:()=>b(q?.name??"")})),!Ve&&B.createElement(Dt,{size:32}),Ve&&a?.customDestination&&B.createElement(ga,null,B.createElement(da,{ref:T,selected:M,open:M,onOpenChange:Ie=>{Ie?Q(I?.name??"")||ne(er=>er.map(tr=>tr.chain===I?.name?{...tr,selected:!1}:tr)):de()}},B.createElement(pa,{onClick:()=>W(Ie=>!Ie)},B.createElement(fa,{fullWidth:!0,variant:"default",suffix:B.createElement(ha,{orientation:M?"up":"down"},B.createElement(ed,{size:10,color:"gray"}))},B.createElement("div",{className:"button__content"},B.createElement(nd,{size:18,color:"info"}),B.createElement(Dt,{size:4,direction:"horizontal"}),B.createElement(yn,{variant:"label",size:"medium"},rt.t("Send to a different address"))))),B.createElement(sn,{open:M},B.createElement(B.Fragment,null,B.createElement(Dt,{size:4}),B.createElement(Sa,{autoFocus:!0,placeholder:rt.t("Your destination address"),value:x,onChange:Ie=>{P(Ie.target.value)}})))),me&&B.createElement("div",{className:"alarms"},B.createElement($r,{variant:"alarm",type:"error",title:rt.t({values:{destination:x},id:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}i(Ra,"ConfirmWalletsModal");import{Divider as Qd}from"@rango-dev/ui";import Pe from"react";import{i18n as Or}from"@lingui/core";import{Alert as ud,ChevronDownIcon as cd,ChevronRightIcon as md,Divider as zr,Image as dl,InfoIcon as dd,QuoteCost as fd,StepDetails as gd,TokenAmount as hd,Tooltip as fl,Typography as Ft}from"@rango-dev/ui";import L,{useLayoutEffect as yd,useRef as gl,useState as Sd}from"react";import{styled as Rt}from"@rango-dev/ui";var el=Rt("div",{paddingBottom:"$10"}),_r=Rt("div",{width:"100%","& .position-top__skeleton":{paddingTop:"$10"}}),tl=Rt("div",{variants:{paddingTop:{true:{paddingTop:"$10"}}}}),ol=Rt("div",{paddingBottom:"$15"}),nl=Rt("div",{width:"100%",display:"flex"});import*as Sn from"@radix-ui/react-collapsible";import{darkTheme as Je,Image as rl,styled as it}from"@rango-dev/ui";var Dr=300,il=it(Sn.Root,{display:"flex",flexDirection:"column",alignItems:"start",overflowX:"auto",overflowY:"hidden",width:"100%",borderRadius:"$xm",cursor:"default",variants:{recommended:{true:{$$color:"$colors$info300",[`.${Je} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"},false:{$$color:"$colors$neutral400",[`.${Je} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}}},"& .steps-details":{padding:"$10 $15"}}),sl=it("div",{borderRadius:"$xm",display:"flex",flexDirection:"column",alignItems:"start",justifyContent:"space-between",color:"$foreground",cursor:"pointer",boxSizing:"border-box",position:"relative",variants:{recommended:{true:{$$color:"$colors$info100",[`.${Je} &`]:{$$color:"$colors$secondary600"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}},false:{$$color:"$colors$neutral200",[`.${Je} &`]:{$$color:"$colors$neutral500"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}}},basic:{true:{borderTopRightRadius:"0",borderTopLeftRadius:"0"}},listItem:{true:{},false:{}}},compoundVariants:[{listItem:!0,recommended:!0,css:{"&:hover":{$$color:"$colors$secondary200",[`.${Je} &`]:{$$color:"$colors$secondary700"},backgroundColor:"$$color"}}},{listItem:!0,recommended:!1,css:{"&:hover":{$$color:"$colors$neutral300",[`.${Je} &`]:{$$color:"$colors$neutral400"},backgroundColor:"$$color"}}}],"& .summary":{width:"100%",padding:"$15 $15 $10 $15",cursor:"default"},"& .basic-info":{paddingTop:"$10",display:"flex",alignItems:"center",".usd-value":{$$color:"$colors$neutral600",[`.${Je} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}}),al=it(Sn.Trigger,{display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",height:"$36",padding:"$10 $15",boxSizing:"border-box",cursor:"pointer",border:"none",outline:"none",backgroundColor:"transparent",variants:{error:{true:{[`& ${rl}`]:{border:"1px $warning500 solid",borderRadius:"100%"}},false:{[`& ${rl}`]:{border:"1px transparent solid",borderRadius:"100%"}}},recommended:{true:{$$color:"$colors$info300",[`.${Je} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"},false:{$$color:"$colors$neutral400",[`.${Je} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}}},"& div:nth-child(1)":{display:"flex"}}),Fr=it("div",{width:"18px",height:"18px",borderRadius:"100%",border:"1.5px transparent solid",display:"flex",justifyContent:"center",alignItems:"center",variants:{state:{error:{borderColor:"$error500"},warning:{borderColor:"$warning500"}}}}),ll=it(sn,{width:"100%"}),Ur=it("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$2",transition:`all ${Dr}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),zv=it("div",{height:"$12",marginLeft:"$10",marginRight:"$10",borderLeft:"1px solid $foreground"}),pl=it("div",{display:"flex",justifyContent:"center",margin:"0 $15",borderTop:"1px solid",$$color:"$colors$neutral300",[`.${Je} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color"}),ul=it("div",{width:"$16",height:"$16",justifyContent:"center",alignItems:"center",display:"flex"});import{TokenAmount as ml}from"@rango-dev/ui";import Cn from"react";import{styled as pd}from"@rango-dev/ui";var cl=pd("div",{position:"relative",display:"flex",flexDirection:"column",width:"100%","& .separator":{height:"14px",marginLeft:"14px",position:"absolute",borderLeft:"1px solid $foreground",top:"42%"}});function eo(t){let{from:e,to:o,percentageChange:n,warningLevel:r}=t;return Cn.createElement(cl,null,Cn.createElement(ml,{direction:"horizontal",label:"Swap input",type:"input",price:{value:e.price.value,usdValue:e.price.usdValue},token:{displayName:e.token.displayName,image:e.token.image},chain:{image:e.chain.image}}),Cn.createElement("div",{className:"separator"}),Cn.createElement(ml,{direction:"horizontal",label:"Estimated output",type:"output",price:{value:o.price.value,usdValue:o.price.usdValue},token:{displayName:o.token.displayName,image:o.token.image},chain:{image:o.chain.image},percentageChange:n,warningLevel:r}))}i(eo,"QuoteSummary");function qr(t){let{quote:e,input:o,output:n,error:r,warning:s,type:a,recommended:l=!0}=t,p=C().tokens(),u=C().blockchains(),m=C().swappers(),[c,g]=Sd(t.expanded),d=gl(null),f=gl(c),v=N(Ho(e.result?.swaps??[],p),2,2),h=Wo(No(e.result?.swaps)),b=N(o.value,6,6),w=N(n.value,6,6),S=n.usdValue?N(n.usdValue,4,4):"",y=Le(o.usdValue,n.usdValue??null),k=N(y,2,2),A=nt(y??0),x=i(W=>W.map((T,F)=>{let I,Q=r?.type===3&&r.swap.swapperId===T.swapperId||r?.type===4&&r.recommendedSlippages?.has(F),oe=s?.type===2&&s.recommendedSlippages?.has(F);return Q?I="error":oe&&(I="warning"),{swapper:{displayName:Ls(T.swapperId,m),image:T.swapperLogo},from:{token:{displayName:T.from.symbol,image:T.from.logo},chain:{displayName:Ye(T.from.blockchain,u),image:T.from.blockchainLogo},price:{value:F===0?N(o.value,6,6):N(T.fromAmount,6,6),usdValue:N((T.from.usdPrice??0)*parseFloat(T.fromAmount),4,4)}},to:{token:{displayName:T.to.symbol,image:T.to.logo},chain:{displayName:Ye(T.to.blockchain,u),image:T.to.blockchainLogo},price:{value:N(T.toAmount,6,6),usdValue:N((T.to.usdPrice??0)*parseFloat(T.toAmount),4,4)}},state:I,alerts:Q||oe?L.createElement(ol,null,L.createElement(ud,{type:Q?"error":"warning",title:r?.type===3?r?.recommendation:Or.t("Slippage Error:"),footer:L.createElement(nl,null,r?.type===3&&L.createElement(L.Fragment,null,L.createElement(Ft,{size:"xsmall",variant:"body",color:"neutral900"},r.fromAmountRangeError),L.createElement(zr,{direction:"horizontal",size:8}),L.createElement(Ft,{size:"xsmall",variant:"body",color:"neutral900"},"|"),L.createElement(zr,{direction:"horizontal",size:8}),L.createElement(Ft,{size:"xsmall",variant:"body",color:"neutral900"},Or.t({id:"Yours: {amount} {symbol}",values:{amount:N(T.fromAmount,6,6),symbol:T?.from.symbol}}))),(r?.type===4||s?.type===2)&&L.createElement(Ft,{size:"xsmall",variant:"body",color:"neutral900"},Or.t({id:"Minimum required slippage is {minRequiredSlippage}",values:{...r?.type===4&&{minRequiredSlippage:r.recommendedSlippages?.get(F)},...s?.type===2&&{minRequiredSlippage:s.recommendedSlippages?.get(F)}}})))})):void 0}}),"getQuoteSteps")(e.result?.swaps??[]),P=x.length,M=K();return yd(()=>{c&&!f.current&&d.current&&setTimeout(()=>{d?.current?.scrollIntoView({behavior:"smooth"})},Dr),f.current=c},[c,f]),L.createElement(L.Fragment,null,L.createElement(sl,{recommended:l,listItem:a==="list-item",basic:a==="basic"},L.createElement("div",{className:"summary"},L.createElement(fd,{fee:v,time:h,steps:P}),a==="basic"&&L.createElement("div",{className:"basic-info"},L.createElement(ul,null,L.createElement(dd,{size:12,color:"gray"})),L.createElement(Ft,{size:"small",variant:"body",style:{letterSpacing:.4}},`${b} ${x[0].from.token.displayName} = ${w} ${x[x.length-1].to.token.displayName}`),L.createElement(Ft,{color:"$neutral600",ml:2,size:"xsmall",variant:"body"},`($${S})`)),a==="list-item"&&L.createElement(hd,{type:"output",direction:"vertical",price:{value:w,usdValue:S},token:{displayName:x[P-1].to.token.displayName,image:x[P-1].to.token.image},chain:{image:x[P-1].to.chain.image},percentageChange:k,warningLevel:A}),a==="swap-preview"&&L.createElement(L.Fragment,null,L.createElement(eo,{from:x[0].from,to:x[P-1].to,percentageChange:k,warningLevel:A}),L.createElement(zr,{size:4}))),L.createElement(il,{recommended:l,open:c,onOpenChange:g},L.createElement(al,{ref:W=>d.current=W,recommended:l,onClick:()=>g(W=>!W)},L.createElement("div",null,x.map((W,T)=>{let F=`item-${T}`,I=L.createElement(Ur,null,L.createElement(md,{size:12,color:"black",...W.state&&{color:W.state==="error"?"error":"warning"}}));return L.createElement(L.Fragment,{key:F},L.createElement(fl,{container:M,side:"bottom",sideOffset:4,content:W.from.chain.displayName},L.createElement(Fr,{state:W.state||x[T-1]?.state},L.createElement(dl,{src:W.from.chain.image,size:16}))),T===P-1&&L.createElement(L.Fragment,null,I,L.createElement(fl,{container:M,side:"bottom",sideOffset:4,content:W.to.chain.displayName},L.createElement(Fr,{state:W.state},L.createElement(dl,{src:W.to.chain.image,size:16})))),T!==P-1&&L.createElement(L.Fragment,null,I))})),L.createElement(Ur,{orientation:c?"up":"down"},L.createElement(cd,{size:12,color:"black"}))),L.createElement(ll,{open:c},L.createElement(pl,null),L.createElement("div",{className:"steps-details"},x.map((W,T)=>{let F=`item-${T}`;return L.createElement(gd,{type:"quote-details",key:F,step:W,hasSeparator:T!==x.length-1,state:W.state})}))))))}i(qr,"Quote");import{ChainToken as kn,Divider as qe,NextIcon as kd,Skeleton as Se}from"@rango-dev/ui";import E from"react";import{darkTheme as Cd,styled as hl}from"@rango-dev/ui";var yl=hl("div",{$$color:"$colors$neutral100",[`.${Cd} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",borderBottomLeftRadius:"$xm",borderBottomRightRadius:"$xm",padding:"$15 ","& .cost-and-tag":{display:"flex",justifyContent:"space-between",alignItems:"center",height:"22px"},variants:{rounded:{true:{borderRadius:"$xm"}}},"& .cost":{display:"flex"},"& .basic-summary":{padding:"$15 $0 14px $0"},"& .output":{padding:"$6 $0 $15 $0",display:"flex",flexDirection:"column"},"& .output__token-info":{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$5"},"& .quote-summary":{display:"flex",justifyContent:"space-between",alignItems:"end"},"& .quote-summary__separator":{height:"$28",marginLeft:"13px",borderLeft:"1px solid $neutral700"},"& .token-amount":{display:"flex",justifyContent:"space-between"},"& .token-amount__label":{display:"flex",flexDirection:"column",alignItems:"start"},"& .chains":{paddingTop:"$2"},"& .swap-preview":{padding:"$15 $0 $15 $0"},"& .steps":{paddingLeft:"$8"},"& .step__title":{display:"flex",alignItems:"center"},"& .step__content":{display:"flex",alignItems:"start"},"& .step__tokens":{paddingTop:"$5",paddingBottom:"$10",display:"flex",alignItems:"center"},"& .step__token-info":{display:"flex",alignItems:"center"},"& .step__icon-container":{margin:"$0 $2",padding:"$4",display:"flex",justifyContent:"center",alignItems:"center"}}),Sl=hl("div",{borderLeft:"1px dashed black",minHeight:" 64px",margin:"0px 11.5px",alignSelf:"stretch",variants:{hideSeparator:{true:{minHeight:"unset",height:"0"}}}});function Gr(t){let{separator:e=!0}=t;return E.createElement(E.Fragment,null,E.createElement("div",{className:"step__title"},E.createElement(Se,{height:22,width:22,variant:"circular"}),E.createElement(qe,{direction:"horizontal",size:8}),E.createElement(Se,{height:15,width:148,variant:"rounded"})),E.createElement("div",{className:"step__content"},E.createElement(Sl,{hideSeparator:!e}),E.createElement("div",{className:"step__tokens"},E.createElement("div",{className:"step__token-info"},E.createElement(kn,{size:"small",loading:!0,chainImage:"",tokenImage:""}),E.createElement(qe,{direction:"horizontal",size:8}),E.createElement(Se,{height:12,width:76,variant:"rounded"})),E.createElement("div",{className:"step__icon-container"},E.createElement(kd,{color:"gray",size:16})),E.createElement("div",{className:"step__token-info"},E.createElement(kn,{size:"small",loading:!0,chainImage:"",tokenImage:""}),E.createElement(qe,{direction:"horizontal",size:8}),E.createElement(Se,{height:12,width:76,variant:"rounded"})))))}i(Gr,"StepSkeleton");function Qr(t){let{type:e,expanded:o,tag:n=!1}=t,r=E.createElement("div",{className:"quote-summary"},E.createElement("div",{className:"token-amount"},E.createElement(kn,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),E.createElement(qe,{size:8,direction:"horizontal"}),E.createElement("div",{className:"token-amount__label"},E.createElement(Se,{height:10,width:60,variant:"rounded"}),E.createElement(qe,{size:4}),E.createElement(Se,{height:15,width:148,variant:"rounded"}))),E.createElement(Se,{height:12,width:64,variant:"rounded"}));return E.createElement(yl,{rounded:e!=="basic"},E.createElement("div",{className:"cost-and-tag"},E.createElement("div",{className:"cost"},E.createElement(Se,{width:60,height:10,variant:"rounded"}),E.createElement(qe,{size:4,direction:"horizontal"}),E.createElement(Se,{width:60,height:10,variant:"rounded"}),E.createElement(qe,{size:4,direction:"horizontal"}),E.createElement(Se,{width:60,height:10,variant:"rounded"})),n&&E.createElement(Se,{height:22,width:100,variant:"rounded"})),e==="basic"&&E.createElement("div",{className:"basic-summary"},E.createElement(Se,{height:15,width:148,variant:"rounded"})),e==="list-item"&&E.createElement("div",{className:"output"},E.createElement("div",{className:"output__token-info"},E.createElement(kn,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),E.createElement(qe,{direction:"horizontal",size:4}),E.createElement(Se,{height:15,width:150,variant:"rounded"})),E.createElement(qe,{size:4}),E.createElement(Se,{height:10,width:184,variant:"rounded"})),e==="swap-preview"&&E.createElement(E.Fragment,null,E.createElement(qe,{size:4}),E.createElement("div",{className:"swap-preview"},r,E.createElement("div",{className:"quote-summary__separator"}),r)),E.createElement("div",{className:"chains"},E.createElement(Se,{height:15,width:321,variant:"rounded"})),o&&E.createElement("div",{className:"steps"},E.createElement(qe,{size:20}),E.createElement(Gr,null),E.createElement(Gr,null),E.createElement(Gr,{separator:!1})))}i(Qr,"QuoteSkeleton");import{i18n as Od}from"@lingui/core";import{Alert as zd,Button as qd,InfoIcon as Gd}from"@rango-dev/ui";import Ne from"react";import{Alert as Td,Button as wd,Divider as xl,NoRouteIcon as vd,RefreshIcon as xd,Typography as bl}from"@rango-dev/ui";import Ge from"react";import{i18n as Cl}from"@lingui/core";function kl(t,e,o,n){return t?.type===1?{alert:{type:"warning",text:V().genericServerError,action:{onClick:n,title:Cl.t("Retry")}},description:""}:e.length?{alert:{type:"warning",text:V().liquiditySourcesError.title,action:{onClick:()=>o(!0),title:Cl.t("Reset")}},description:V().liquiditySourcesError.description}:t?.type===0&&t.diagnosisMessage?{alert:{type:"error",text:t.diagnosisMessage,action:null},description:""}:{alert:null,description:V().noResultError.description}}i(kl,"makeInfo");import{styled as Hr}from"@rango-dev/ui";var Tl=Hr("div",{minHeight:"162px",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"}),wl=Hr("div",{width:"100%"}),vl=Hr("div",{padding:"$6 $0"});function Vr(t){let{fetch:e,error:o}=t,n=O.use.disabledLiquiditySources(),r=O.use.toggleAllLiquiditySources(),s=C().swappers(),a=kl(o,n,()=>r(s,!0),e);return Ge.createElement(Tl,null,Ge.createElement(vd,{size:24,color:"gray"}),Ge.createElement(xl,{size:4}),Ge.createElement(bl,{variant:"title",size:"small"},V().noResultError.title),!!a.description&&Ge.createElement(bl,{variant:"body",size:"small",align:"center",color:"neutral700"},a.description),Ge.createElement(xl,{size:4}),!!a.alert&&Ge.createElement(wl,null,Ge.createElement(Td,{type:a.alert.type,title:a.alert.text,action:a.alert.action&&Ge.createElement(wd,{size:"xsmall",type:a.alert.type,prefix:Ge.createElement(vl,null,Ge.createElement(xd,{size:8})),onClick:a.alert.action.onClick},a.alert.action.title),variant:"alarm"})))}i(Vr,"NoResult");import{i18n as no}from"@lingui/core";import{Button as Ed,Divider as Bl,MessageBox as Ad,Modal as Id,Typography as Wd,WarningIcon as Nd}from"@rango-dev/ui";import Ze from"react";import{Typography as Wl}from"@rango-dev/ui";import Kr from"react";import{darkTheme as bd,styled as Tn}from"@rango-dev/ui";var El=Tn("div",{width:"100%",paddingTop:"$10"}),jr=Tn("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),Al=Tn("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%","._title":{$$color:"$colors$neutral600",[`.${bd} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Il=Tn("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});function Nl(t){let{title:e,value:o,valueColor:n}=t;return Kr.createElement(Al,null,Kr.createElement(Wl,{size:"medium",variant:"label",className:"_title"},e),Kr.createElement(Wl,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}i(Nl,"QuoteErrorsModalItem");function Ll(t){let{open:e,onClose:o,onConfirm:n,warning:r}=t,s=r.warningLevel==="high"?"error":"warning",a=[{title:no.t("Swapping"),value:N(r.inputUsdValue,4,4)},{title:no.t("Gas cost"),value:N(r.totalFee,2,2)},{title:no.t("Receiving"),value:N(r.outputUsdValue,4,4)},{title:no.t("Price impact"),value:N(r.priceImpact,2,2),valueColor:`${s}500`}];return Ze.createElement(Id,{open:e,onClose:o,container:K()},Ze.createElement(Ad,{type:s,title:V().highValueLossError.impactTitle,description:V().highValueLossError.description}),Ze.createElement(jr,null,Ze.createElement(Bl,{size:20}),Ze.createElement(Wd,{size:"small",variant:"title"},no.t("Details")),Ze.createElement(jr,null,a.map((l,p)=>Ze.createElement(Nl,{key:p,...l})))),Ze.createElement(Bl,{size:32}),Ze.createElement(Ed,{type:"primary",size:"large",prefix:Ze.createElement(Nd,null),fullWidth:!0,onClick:n},V().highValueLossError.confirmMessage))}i(Ll,"HighValueLossWarningModal");import{i18n as Xr}from"@lingui/core";function Ml(t,e){let o={alertType:"warning",title:"",action:"show-info"};return t?(t.type===0&&(nt(t.priceImpact)==="high"&&(o.alertType="error"),o.action=null,o.title=V().highValueLossError.title),t.type===1&&(o.title=V().unknownPriceError.title),t.type===2&&(o.title=Xr.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:t.minRequiredSlippage}}),o.action="change-settings"),t.type===3&&(o.title=Xr.t("Caution, your slippage is high.")),o):e?(o.alertType="error",e.type===3&&(o.title=e.recommendation,o.action="show-info"),e.type===4&&(o.title=Xr.t({id:"You need to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:e.minRequiredSlippage}}),o.action="change-settings"),o):null}i(Ml,"makeAlerts");import{i18n as Ut}from"@lingui/core";import{Button as Pl,Divider as $l,MessageBox as Bd,Modal as Ld,Typography as Md}from"@rango-dev/ui";import bt from"react";import{useNavigate as Pd}from"react-router-dom";function _l(t){let{customSlippage:e,slippage:o}=O(),{open:n,onClose:r,onConfirm:s,warning:a}=t,l=Pd(),p=e??o;return bt.createElement(Ld,{anchor:"bottom",open:n,prefix:bt.createElement(Pl,{size:"small",variant:"ghost",onClick:()=>l("../"+$.settings)},bt.createElement(Md,{variant:"label",size:"medium",color:"$neutral900"},Ut.t("Change settings"))),container:K(),onClose:r},bt.createElement(Bd,{type:"warning",title:a.type===3?Ut.t("High slippage"):Ut.t("Low slippage"),description:a.type===3?Ut.t({id:" Caution, your slippage is high (={userSlippage}). Your trade may be front run.",values:{userSlippage:p}}):Ut.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:a.minRequiredSlippage}})},bt.createElement($l,{size:18}),bt.createElement($l,{size:32}),bt.createElement(Pl,{size:"large",type:"primary",variant:"contained",fullWidth:!0,onClick:s},Ut.t("Confirm anyway"))))}i(_l,"SlippageWarningModal");import{Button as $d,Divider as _d,MessageBox as Dd,Modal as Fd,WarningIcon as Ud}from"@rango-dev/ui";import ro from"react";function Dl(t){let{open:e,onClose:o,onConfirm:n}=t;return ro.createElement(Fd,{open:e,onClose:o,container:K()},ro.createElement(Dd,{type:"warning",title:V().unknownPriceError.impactTitle,description:V().unknownPriceError.description}),ro.createElement(_d,{size:32}),ro.createElement($d,{type:"primary",size:"large",prefix:ro.createElement(Ud,null),fullWidth:!0,onClick:n},V().unknownPriceError.confirmMessage))}i(Dl,"UnknownPriceWarningModal");function Yr(t){let{warning:e,error:o,refetchQuote:n,showWarningModal:r,onOpenWarningModal:s,onCloseWarningModal:a,onConfirmWarningModal:l,onChangeSettings:p}=t,u={open:r,onClose:a,onConfirm:l},m=o?.type===0||o?.type===1,c=Ml(e,o?.type===3||o?.type===4?o:null);return Ne.createElement(Ne.Fragment,null,m&&Ne.createElement(Vr,{error:o,fetch:n}),!!c&&Ne.createElement(El,null,Ne.createElement(zd,{title:c.title,type:c.alertType,variant:"alarm",...c.action==="show-info"&&{action:Ne.createElement(Il,{onClick:s},Ne.createElement(Gd,{size:12,color:"gray"}))},...c.action==="change-settings"&&{action:Ne.createElement(qd,{size:"xxsmall",type:c.alertType,onClick:p},Od.t("Change"))}})),e&&Ne.createElement(Ne.Fragment,null,e.type===0&&Ne.createElement(Ll,{...u,warning:e}),(e.type===3||e.type===2)&&Ne.createElement(_l,{...u,warning:e}),e.type===1&&Ne.createElement(Dl,{...u,warning:e})))}i(Yr,"QuoteWarningsAndErrors");function io(t){let{quote:e,type:o,loading:n,error:r,warning:s,refetchQuote:a,showWarningModal:l,onOpenWarningModal:p,onCloseWarningModal:u,onConfirmWarningModal:m,onChangeSettings:c,expanded:g=!1,alertPosition:d="bottom"}=t,{inputAmount:f,inputUsdValue:v,outputUsdValue:h,outputAmount:b}=z(),S=!(r&&(r.type===0||r.type===1))&&e&&e.result&&!n,y=(s||r)&&Pe.createElement(Yr,{warning:s,error:r,loading:n,refetchQuote:a,showWarningModal:l,onOpenWarningModal:p,onCloseWarningModal:u,onConfirmWarningModal:m,onChangeSettings:c});return Pe.createElement(Pe.Fragment,null,n&&Pe.createElement(_r,null,Pe.createElement(tl,{paddingTop:d==="top"},Pe.createElement(Qr,{type:o,expanded:g}))),d==="top"&&Pe.createElement(el,null,y),S?Pe.createElement(_r,null,Pe.createElement(qr,{quote:e,error:r,warning:s,type:o,expanded:g,recommended:!0,input:{value:f,usdValue:v?.toString()??""},output:{value:b?.toString()??"",usdValue:h?.toString()??""}})):null,d==="bottom"&&Pe.createElement(Pe.Fragment,null,!s&&!r&&Pe.createElement(Qd,{size:16}),y))}i(io,"QuoteInfo");import{calculatePendingSwap as jd}from"@rango-dev/queue-manager-rango-preset";import{useEffect as Kd}from"react";import{useRef as Hd,useState as Vd}from"react";function wn(){let[t,e]=Vd(!1),o=Hd(null),n=i(()=>o.current?.abort(),"cancel");return{fetch:i(async s=>{n(),o.current=new AbortController,e(!0);try{let a=await Nt().getBestRoute(s,{signal:o.current.signal});return o.current=null,a}catch(a){throw a}finally{e(!1)}},"fetch"),loading:t,cancelFetch:n}}i(wn,"useFetchQuote");function vn(t){if(!t.result)throw new Error(V().noResultError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});if(cr(t)){let{swap:n,recommendation:r,fromAmountRangeError:s}=mr(t);throw new Error("bridge limit error",{cause:{type:3,swap:n,recommendation:r,fromAmountRangeError:s}})}let o=fr(t);if(o){let n=Vo(t);throw new Error("",{cause:{type:4,recommendedSlippages:o,minRequiredSlippage:n}})}return t}i(vn,"throwErrorIfResponseIsNotValid");function Fl(t,e,o){let n=!1;t&&(n=Ys(t,e));let r={quote:null,quoteUpdate:null,balance:null},s=Ko(e,{fromToken:o.fromToken,toToken:o.toToken,tokens:o.meta.tokens,userSlippage:o.userSlippage});s&&(r.quote=s),t&&n&&(Os(t,e)?r.quoteUpdate={type:3,newOutputAmount:N(Lt(e)),percentageChange:N(Le(Lt(t)??"",Lt(e)??""),null,2)}:hr(t,e)?r.quoteUpdate={type:0}:yr(t,e)?r.quoteUpdate={type:1}:Sr(t,e)&&(r.quoteUpdate={type:2}));let a=zs(e,o.selectedWallets,o.meta.blockchains);return a.length===0||(r.balance={messages:a}),r}i(Fl,"generateWarnings");function xn(t){return t?.code==="ERR_CANCELED"?{swap:null,error:{type:2},warnings:null}:t.cause?{swap:null,error:t.cause,warnings:null}:{swap:null,error:{type:1},warnings:null}}i(xn,"handleQuoteErrors");function Jr(){let{fromToken:t,toToken:e,inputAmount:o,setQuote:n,quote:r,customDestination:s,setQuoteWarningsConfirmed:a}=z(),{slippage:l,customSlippage:p,affiliatePercent:u,affiliateRef:m,affiliateWallets:c,disabledLiquiditySources:g}=O(),{connectedWallets:d}=G(),f=C().blockchains(),v=C().tokens(),{experimental:h}=C().config,{enableNewLiquiditySources:b}=C().config,w=p||l,{fetch:S,cancelFetch:y,loading:k}=wn();return Kd(()=>y,[]),{loading:k,fetch:i(async _=>{let x=_.selectedWallets,P=_?.customDestination??s;if(!t||!e||!o)return{quote:null,swap:null,error:null,warnings:null};let M=jo({fromToken:t,toToken:e,inputAmount:o,wallets:d,selectedWallets:x,excludeLiquiditySources:b,disabledLiquiditySources:g,slippage:w,affiliateRef:m,affiliatePercent:u,affiliateWallets:c,initialQuote:r??void 0,destination:P});h?.routing&&(M.experimental=!0);let W;try{W=await S(M).then(Q=>vn(Q)),n(W)}catch(Q){return xn(Q)}let T={slippage:w.toString(),disabledSwappersGroups:g},F=jd(o.toString(),W,Fs(x),T,!1,{blockchains:f,tokens:v}),I=Fl(r??void 0,W,{fromToken:t,toToken:e,meta:{blockchains:f,tokens:v},selectedWallets:x,userSlippage:w});return I.quoteUpdate&&a(!1),{quote:W,swap:F,error:null,warnings:I}},"fetch"),cancelFetch:y}}i(Jr,"useConfirmSwap");var af=ql("div",{position:"relative",width:"100%","& .description":{display:"flex",justifyContent:"space-between",alignItems:"center"},"& .icon":{width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"},"& .quote-update__alert":{paddingTop:"$10"}}),lf=ql("div",{width:"100%",display:"flex",justifyContent:"space-between","& .confirm-button":{flexGrow:1,paddingRight:"$10"},[`& ${zl}`]:{width:"$48",height:"$48"}});function Gl(){let{quote:t,setInputAmount:e,selectedWallets:o,quoteWalletsConfirmed:n,setQuoteWalletConfirmed:r,customDestination:s,quoteWarningsConfirmed:a}=z(),l=sf(),[p,u]=En(""),{connectedWallets:m}=G(),c=!n,[g,d]=En(!1),f=ve.use.setSelectedSwap(),v=O.use.disabledLiquiditySources(),h=nf(v),{manager:b}=Xd(),{fetch:w,loading:S,cancelFetch:y}=Jr(),[k,A]=En({swap:null,error:null,warnings:null}),[_,x]=En(!1),P=i(async({selectedWallets:I,customDestination:Q})=>{let oe=await w?.({selectedWallets:I,customDestination:Q});return A(oe),oe},"onConfirmSwap"),M=i(async()=>{if(k.swap&&n)try{await b?.create("swap",{swapDetails:k.swap},{id:k.swap.requestId}),f(k.swap.requestId);let I=`../${$.swaps}/${k.swap.requestId}`;l(I,{replace:!0}),setTimeout(()=>{e("")},0)}catch(I){u("Error: "+I?.message)}},"addNewSwap"),W=i(async()=>{await M()},"onConfirm"),T=i(async()=>{k?.warnings?.quote&&!a?x(!0):await W()},"onStartConfirmSwap"),F=i(async()=>{A({error:null,swap:null,warnings:null}),w({selectedWallets:o,customDestination:s}).then(I=>{A(I)}).catch(I=>console.error(I))},"onRefresh");return so(()=>{!!h.current.length&&!v.length&&F(),h.current=v},[v.length]),so(()=>{c&&y()},[c]),so(()=>{c&&d(c)},[c]),so(()=>{c||w({selectedWallets:o,customDestination:s}).then(I=>A(I)).catch(I=>console.error(I))},[]),so(()=>{let I=k.warnings?.quote?.type&&Object.values(ut).includes(k.warnings?.quote?.type),Q=o.length<1||!o.every(ne=>m.find(H=>ne.address===H.address&&ne.walletType===H.walletType&&ne.chain===H.chain)),oe=!1;if(I){let ne=zo(t),H=t?.result?.swaps[t.result.swaps.length-1].to.blockchain;!!t?.result?.swaps.find(de=>de.from.blockchain===H)||(ne=ne.slice(-ne.length,ne.length-1)),ne.every(de=>o.find(De=>De.chain===de))||(oe=!0)}t&&(Q||oe)&&(queueMicrotask(()=>rf(d.bind(null,!0))),r(!1))},[k.warnings?.quote,o.length,m.length]),of(()=>{t||l("../")},[]),te.createElement(X,{header:{title:bn.t("Confirm Swap"),onWallet:()=>{let I=`../${$.wallets}`;l(I)},suffix:te.createElement(Rd,{container:K(),side:"bottom",content:bn.t("Settings")},te.createElement(Ue,{size:"small",variant:"ghost",onClick:()=>l("../"+$.settings)},te.createElement(Zd,{size:18,color:"black"})))},footer:te.createElement(lf,null,te.createElement("div",{className:"confirm-button"},te.createElement(Ol,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:S,disabled:!!k.error,onClick:T},bn.t("Start Swap"))),te.createElement(zl,{variant:"contained",type:"primary",size:"large",loading:S,onClick:d.bind(null,!0)},te.createElement(tf,{size:24})))},g&&te.createElement(Ra,{open:g,onClose:()=>d(!1),onCancel:y,loading:S,onCheckBalance:P}),te.createElement(af,null,te.createElement("div",{className:"description"},te.createElement(ef,{variant:"title",size:"small"},bn.t("You get")),te.createElement(Ol,{style:{padding:"0"},variant:"ghost",disabled:S,onClick:F},te.createElement("div",{className:"icon"},te.createElement(Jd,{size:16})))),p&&te.createElement(te.Fragment,null,te.createElement(Ul,{type:"error",variant:"alarm",title:p}),te.createElement(Yd,{size:12})),k.warnings?.quoteUpdate&&te.createElement("div",{className:"quote-update__alert"},te.createElement(Ul,{variant:"alarm",type:"warning",title:k.warnings.quoteUpdate&&rn(k.warnings.quoteUpdate)})),te.createElement(io,{quote:t,type:"swap-preview",expanded:!0,alertPosition:"top",error:k.error,loading:S,warning:k.warnings?.quote??null,refetchQuote:F,showWarningModal:_,onOpenWarningModal:()=>x(!0),onCloseWarningModal:()=>x(!1),onConfirmWarningModal:async()=>{x(!1),await M()},onChangeSettings:()=>l("../"+$.settings)})))}i(Gl,"ConfirmSwapPage");import{i18n as In}from"@lingui/core";import{useManager as gf}from"@rango-dev/queue-manager-react";import{Divider as hf,NotFound as yf,styled as Zl}from"@rango-dev/ui";import ht,{useState as Sf}from"react";import{useNavigate as Cf}from"react-router-dom";import{CloseIcon as uf,IconButton as cf,SearchIcon as mf,TextField as df}from"@rango-dev/ui";import ao from"react";import{styled as pf}from"@rango-dev/ui";var Ql=pf("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function st(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:s,value:a,setValue:l,...p}=t;return ao.createElement(df,{prefix:ao.createElement(Ql,null,ao.createElement(mf,{color:"black"})),suffix:!!a.length&&ao.createElement(cf,{variant:"ghost",onClick:()=>l?.(""),size:"small"},ao.createElement(uf,{color:"gray",size:10})),fullWidth:o,color:n,variant:e,style:{padding:10,borderRadius:25,alignItems:"center"},size:r,value:a,onChange:s,...p})}i(st,"SearchInput");import{i18n as Vl}from"@lingui/core";import{Divider as jl,SwapListItem as Kl,Typography as Xl}from"@rango-dev/ui";import R from"react";import{darkTheme as ff,styled as An}from"@rango-dev/ui";var Zr=An("div",{width:"100%",display:"flex",flexDirection:"column",".group-title":{$$color:"$colors$neutral600",[`.${ff} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Rr=An("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),ei=An("div",{gap:"$10",display:"flex",flexDirection:"column"}),Hl=An("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});function ti(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,s=n?n(e):[{title:"History",swaps:e}];if(r){let a=[{},{}];return R.createElement(R.Fragment,null,[{title:"Today",swaps:a},{title:"Last month",swaps:a}].map(p=>R.createElement(R.Fragment,{key:p.title},R.createElement(Zr,null,R.createElement(Rr,null,R.createElement(Xl,{variant:"label",size:"medium",className:"group-title"},Vl.t(p.title))),R.createElement(jl,{size:4}),R.createElement(ei,null,p.swaps.map((u,m)=>{let c=m+p.title;return R.createElement(R.Fragment,{key:c},R.createElement(Kl,{isLoading:!0}))}))))))}return R.createElement(R.Fragment,null,s.filter(a=>a.swaps.length>0).map(a=>R.createElement(R.Fragment,{key:a.title},R.createElement(Zr,null,R.createElement(Rr,null,R.createElement(Xl,{variant:"label",size:"medium",className:"group-title"},Vl.t(a.title))),R.createElement(jl,{size:4}),R.createElement(ei,null,a.swaps.map(l=>{let p=l.steps[0],u=l.steps[l.steps.length-1];return R.createElement(R.Fragment,{key:l.requestId},R.createElement(Kl,{requestId:l.requestId,creationTime:l.creationTime,status:l.status,onClick:o,onlyShowTime:a.title==="Today",swapTokenData:{from:{token:{image:p.fromLogo,displayName:p.fromSymbol},blockchain:{image:p.fromBlockchainLogo||""},amount:Bo(l.inputAmount)},to:{token:{image:u.toLogo,displayName:u.toSymbol},blockchain:{image:u.toBlockchainLogo||""},amount:Bo(u.outputAmount||""),estimatedAmount:Bo(u.expectedOutputAmountHumanReadable||"")}}}))}))))))}i(ti,"SwapsGroup");import Yl from"dayjs";var Jl=i(t=>{let e=new Map([["today",{title:"Today",swaps:[]}],["month",{title:"Last month",swaps:[]}],["year",{title:"Last year",swaps:[]}],["history",{title:"History",swaps:[]}]]),o=Yl();return t.forEach(n=>{let r=Yl(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 Ot=i(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 kf=Zl("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",height:"100%",gap:15}),Tf=Zl("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),wf=i((t,e)=>t?.length?t.filter(o=>Ke(o.fromBlockchain,e)||Ke(o.toBlockchain,e)||Ke(o.toSymbol,e)||Ke(o.fromSymbol,e)).length:!1,"isStepContainsText");function Rl(){let t=ve.use.setSelectedSwap(),e=Cf(),{manager:o,state:n}=gf(),r=Ot(o).map(({swap:c})=>c),[s,a]=Sf(""),l=!n.loadedFromPersistor,p=i(c=>{let g=c.target.value;a(g)},"searchHandler"),u=r;s&&(u=r.filter(c=>Ke(c.inputAmount,s)||Ke(c.status,s)||wf(c.steps,s)||Ke(c.requestId,s)));let m=!u?.length&&!l;return ht.createElement(X,{header:{title:In.t("History")}},ht.createElement(kf,null,ht.createElement(st,{setValue:a,fullWidth:!0,variant:"contained",placeholder:In.t("Search Transaction"),autoFocus:!0,onChange:p,value:s}),ht.createElement(Tf,null,m&&ht.createElement(Hl,null,ht.createElement(hf,{size:32}),ht.createElement(yf,{title:In.t("No results found"),description:s?In.t("Try using different keywords"):""})),!m&&ht.createElement(ti,{list:u,onSwapClick:c=>{t(c),e(c)},groupBy:Jl,isLoading:l}))))}i(Rl,"HistoryPage");import{i18n as ri}from"@lingui/core";import{Button as Wf,styled as ii,SwapInput as np,WarningIcon as Nf}from"@rango-dev/ui";import $e,{useEffect as Bf,useRef as Lf,useState as Mf}from"react";import{useNavigate as Pf}from"react-router-dom";import{ReverseIcon as vf,styled as ep}from"@rango-dev/ui";import oi from"react";var xf=ep("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),bf=ep("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 tp(){let t=z.use.switchFromAndTo();return oi.createElement(xf,null,oi.createElement(bf,{onClick:()=>{t()}},oi.createElement(vf,{size:12})))}i(tp,"SwitchFromAndToButton");import{useCallback as Ef,useEffect as Af,useState as ni}from"react";var If=600;function op(){let{fetch:t,cancelFetch:e}=wn(),{liquiditySources:o,enableNewLiquiditySources:n,experimental:r}=C().config,s=C().tokens(),{fromToken:a,toToken:l,inputAmount:p,inputUsdValue:u,resetQuote:m,setQuote:c}=z(),{slippage:g,customSlippage:d,affiliatePercent:f,affiliateRef:v,affiliateWallets:h,disabledLiquiditySources:b}=O(),[w,S]=ni(!1),[y,k]=ni(null),[A,_]=ni(null),x=d??g,M=!a||!l||Be(a,l)||!Kt(p),W=i(I=>{S(I),k(null),_(null)},"resetState"),T=i(I=>{let{fromToken:Q,toToken:oe,inputAmount:ne,liquiditySources:H,excludeLiquiditySources:se,disabledLiquiditySources:me,slippage:de,affiliateRef:De,affiliatePercent:It,affiliateWallets:Vt}=I;if(w||W(!0),!M&&Q&&oe){m();let ot=jo({fromToken:Q,toToken:oe,inputAmount:ne,liquiditySources:H,excludeLiquiditySources:se,disabledLiquiditySources:me,slippage:de,affiliateRef:De,affiliatePercent:It,affiliateWallets:Vt});r?.routing&&(ot.experimental=!0),t(ot).then(He=>{S(!1),c(He),vn(He);let D=Ko(He,{fromToken:Q,toToken:oe,userSlippage:x,tokens:s});_(D)}).catch(He=>{let{error:D}=xn(He);(D?.type===0||D?.type===1)&&m(),D?.type!==2&&(k(D),S(!1))})}},"fetch"),F=Ef(as(I=>{M||T(I)},If),[M]);return Af(()=>{if(!Kt(p)||u?.eq(0)){W(!1),e();return}if(!M)return m(),W(!0),F({inputAmount:p,fromToken:a,toToken:l,liquiditySources:o,excludeLiquiditySources:n,disabledLiquiditySources:b,slippage:x,affiliateRef:v,affiliatePercent:f,affiliateWallets:h}),e},[p,a?.symbol,a?.address,a?.blockchain,l?.symbol,l?.address,l?.blockchain,M,o?.length,n,b.length,x,v,f,JSON.stringify(h)]),{fetch:()=>T({inputAmount:p,fromToken:a,toToken:l,liquiditySources:o,excludeLiquiditySources:n,disabledLiquiditySources:b,slippage:x,affiliateRef:v,affiliatePercent:f,affiliateWallets:h}),loading:w,error:y,warning:A}}i(op,"useSwapInput");var $f=ii("div",{display:"flex",flexDirection:"column",overflowY:"visible","& .quote__container":{paddingTop:"$2"}}),_f=ii("div",{position:"relative"}),Df=ii("div",{display:"flex",flexDirection:"column",gap:5,alignSelf:"stretch"});function rp(){let t=Pf(),{fetch:e,loading:o,error:n,warning:r}=op(),{fromToken:s,fromBlockchain:a,toToken:l,toBlockchain:p,setInputAmount:u,inputAmount:m,inputUsdValue:c,outputAmount:g,outputUsdValue:d,quote:f,resetQuoteWallets:v,setQuoteWarningsConfirmed:h}=z(),b=C().fetchStatus,{connectedWallets:w,getBalanceFor:S}=G(),y=ve.use.setCurrentPage(),[k,A]=Mf(!1),_=Lf(null),x=!1,P=!dr(f,m,c),M=!dr(f,m,d),W=$s({fetchMetaStatus:b,fetchingQuote:o,inputAmount:m,quote:f,anyWalletConnected:w.length>0,error:n,warning:r,needsToWarnEthOnPath:x}),T=s?S(s):null,F=Fo(T)?.amount??"0",I=a&&s?N(T?.amount,T?.decimals):"0";Bf(()=>(y($.home),v(),y.bind(null,"")),[]);let Q=!c||!d||!d.gt(0)?null:Le(c.toString(),d.toString());return $e.createElement(X,{ref:_,fixedHeight:!1,hasLogo:!0,footer:$e.createElement(Wf,{type:"primary",size:"large",disabled:W.disabled,prefix:W.action==="confirm-warning"&&$e.createElement(Nf,null),fullWidth:!0,onClick:()=>{W.action==="connect-wallet"?t($.wallets):W.action==="confirm-warning"?A(!0):t($.confirmSwap)}},W.title),header:{onWallet:()=>{t($.wallets)},hasBackButton:!1,title:ri.t("Swap"),suffix:$e.createElement(Ar,{layoutRef:_.current,onClickRefresh:f||n?e:void 0,onClickHistory:()=>t($.swaps),onClickSettings:()=>t($.settings)})}},$e.createElement($f,null,$e.createElement(Df,null,$e.createElement(_f,null,$e.createElement(np,{label:ri.t("From"),mode:"From",onInputChange:u,balance:F,chain:{displayName:a?.displayName||"",image:a?.logo||""},token:{displayName:s?.symbol||"",image:s?.image||""},onClickToken:()=>t($.fromSwap),price:{value:m,usdValue:P?void 0:N(c,4,4),error:P?V().unknownPriceError.impactTitle:void 0},disabled:b==="failed",loading:b==="loading",onSelectMaxBalance:()=>{F!=="0"&&u(I.split(",").join(""))}}),$e.createElement(tp,null)),$e.createElement(np,{sharpBottomStyle:!!f?.result||o,label:ri.t("To"),mode:"To",fetchingQuote:o,chain:{displayName:p?.displayName||"",image:p?.logo||""},token:{displayName:l?.symbol||"",image:l?.image||""},percentageChange:N(Le(c,d),2,2),warningLevel:nt(Q??0),price:{value:N(g,6,6),usdValue:M?void 0:N(d,4,4),error:M?V().unknownPriceError.impactTitle:void 0},onClickToken:()=>t($.toSwap),disabled:b==="failed",loading:b==="loading"})),$e.createElement("div",{className:"quote__container"},$e.createElement(io,{quote:f,loading:o,error:n,warning:r,type:"basic",refetchQuote:e,showWarningModal:k,onOpenWarningModal:()=>A(!0),onCloseWarningModal:()=>A(!1),onConfirmWarningModal:()=>{A(!1),h(!0),t($.confirmSwap)},onChangeSettings:()=>t($.settings)}))))}i(rp,"Home");import{i18n as ip}from"@lingui/core";import{List as Ff,ListItemButton as Uf,Radio as Of,RadioRoot as zf,Typography as qf}from"@rango-dev/ui";import yt from"react";import{styled as Wn}from"@rango-dev/ui";var at=Wn("div",{height:"100%",overflow:"hidden"}),lo=Wn("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto"}),si=Wn("div",{width:80,display:"flex",justifyContent:"flex-end"}),ai=Wn("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});function Nn(){let t=O.use.language(),e=O.use.setLanguage();return{activeLanguage:t,languages:ls,defaultLanguage:jt,changeLanguage:r=>e(r||jt)}}i(Nn,"useLanguage");function sp(){let{activeLanguage:t,changeLanguage:e,languages:o}=Nn(),n=o.map(r=>{let{local:s,label:a,SVGFlag:l}=r;return{id:s,value:s,title:yt.createElement(qf,{variant:"title",size:"xmedium"},a),onClick:()=>e(r.local),end:yt.createElement(Of,{value:s}),start:yt.createElement(l,null)}});return yt.createElement(X,{header:{title:ip.t("Language")}},yt.createElement(at,null,yt.createElement(zf,{value:t},yt.createElement(Ff,{type:yt.createElement(Uf,{title:ip.t("language"),id:"_",onClick:()=>console.log()}),items:n}))))}i(sp,"LanguagePage");import{i18n as zt}from"@lingui/core";import{Button as jf,Checkbox as Kf,Image as Xf,ListItemButton as Yf,NotFound as Jf,Typography as Zf}from"@rango-dev/ui";import Ce,{useState as Rf}from"react";import{Checkbox as Hf,Skeleton as lp}from"@rango-dev/ui";import po from"react";import{ListItem as Gf,styled as Qf}from"@rango-dev/ui";var ap=Qf(Gf,{height:61});var Vf=30;function li(){return po.createElement(lo,null,Array.from(Array(Vf),t=>po.createElement(ap,{hasDivider:!0,key:t,start:po.createElement(lp,{variant:"circular",width:35,height:35}),title:po.createElement(lp,{variant:"text",size:"large",width:90}),end:po.createElement(Hf,{checked:!1})})))}i(li,"LoadingLiquiditySourceList");function pi({sourceType:t}){let e=C().fetchStatus,o=C().swappers(),[n,r]=Rf(""),s=O.use.toggleLiquiditySource(),a=Io(o),l=[];t==="Exchanges"&&l.push("DEX"),t==="Bridges"&&(l.push("BRIDGE"),l.push("AGGREGATOR"));let p=a.filter(f=>l.includes(f.type)),u=p.length===p.filter(f=>f.selected).length,m=i(()=>{p.forEach(f=>{u?s(f.groupTitle):f.selected||s(f.groupTitle)})},"toggleAllSources"),c=p.map(f=>{let{selected:v,groupTitle:h,logo:b}=f;return{start:Ce.createElement(Xf,{src:b,size:22,type:"circular"}),onClick:()=>s(h),end:Ce.createElement(Kf,{checked:v}),title:Ce.createElement(Zf,{variant:"title",size:"xmedium"},zt.t(h)),...f}}),g=i(f=>{let v=f.target.value;r(v)},"searchHandler"),d=c;return n&&(d=c.filter(f=>Ke(f.groupTitle,n))),Ce.createElement(X,{header:{title:zt.t(t),suffix:Ce.createElement(si,null,Ce.createElement(jf,{variant:"ghost",size:"xsmall",onClick:m},zt.t(u?"Deselect all":"Select all")))}},Ce.createElement(at,null,Ce.createElement(st,{value:n,setValue:r,fullWidth:!0,color:"light",variant:"contained",placeholder:zt.t("Search {sourceType}",{sourceType:t}),onChange:g}),e==="loading"&&Ce.createElement(li,null),!d.length&&n?Ce.createElement(ai,null,Ce.createElement(Jf,{title:zt.t("No results found"),description:zt.t("Try using different keywords")})):e==="success"&&Ce.createElement(lo,null,d.map(f=>Ce.createElement(Ce.Fragment,{key:f.id},Ce.createElement(Yf,{style:{height:"61px"},...f,selected:!1,hasDivider:!0}))))))}i(pi,"LiquiditySourcePage");import{i18n as hp}from"@lingui/core";import{Divider as di,getCountCategories as lg,SelectableCategoryList as pg}from"@rango-dev/ui";import lt,{useState as yp}from"react";import{i18n as ci}from"@lingui/core";import{Divider as fp,Image as ng,ListItemButton as rg,NotFound as ig,Typography as gp}from"@rango-dev/ui";import _e,{useEffect as sg,useState as ag}from"react";import{BlockchainCategories as ui}from"@rango-dev/ui";import{TransactionType as Bn}from"rango-sdk";var eg=i((t,e)=>{switch(e){case ui.ALL:return!0;case ui.UTXO:return t.type===Bn.TRANSFER;case ui.OTHER:return t.type!==Bn.TRANSFER&&t.type!==Bn.COSMOS&&t.type!==Bn.EVM;default:return t.type===e}},"filterByType"),pp=i((t,e,o)=>t.filter(n=>eg(n,o)).filter(n=>Ct(n.name,e)||Ct(n.displayName,e)),"filterBlockchains");import{styled as up}from"@rango-dev/ui";var cp=up("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),Ln=up("ul",{padding:0,margin:0,listStyle:"none",overflowY:"auto",paddingRight:"$5",".image-container":{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as tg,Skeleton as mp}from"@rango-dev/ui";import Mn from"react";var og=20;function dp(){return Mn.createElement(Ln,null,Array.from(Array(og),t=>Mn.createElement(tg,{key:t,hasDivider:!0,start:Mn.createElement(mp,{variant:"circular",width:35,height:35}),title:Mn.createElement(mp,{variant:"text",size:"large",width:90})})))}i(dp,"LoadingBlockchainList");function mi(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[s,a]=ag(e),{fetchStatus:l}=C();sg(()=>{a([...pp(e,o,r)])},[e,o,r]);let p=i(()=>!s.length&&o?_e.createElement(_e.Fragment,null,_e.createElement(fp,{size:32}),_e.createElement(ig,{title:ci.t("No results found"),description:ci.t("Try using different keywords")})):_e.createElement(Ln,{key:`${r}-${o}`},s.map(u=>_e.createElement(rg,{key:`${u.name}-${u.chainId}`,hasDivider:!0,onClick:()=>n(u),start:_e.createElement(ng,{src:u.logo,size:30}),title:_e.createElement(gp,{variant:"title",size:"medium"},u.displayName),id:u.chainId}))),"renderList");return _e.createElement(cp,null,_e.createElement(gp,{variant:"label",size:"large"},ci.t("Select Blockchain")),_e.createElement(fp,{size:4}),l==="loading"&&_e.createElement(dp,null),l==="success"&&p())}i(mi,"BlockchainList");function fi(t){let{type:e}=t,o=dt(),[n,r]=yp(""),[s,a]=yp("ALL"),l=z.use.setToBlockchain(),p=z.use.setFromBlockchain(),u=C().fetchStatus,m=C().blockchains({type:e}),g=lg(m)!==1;return lt.createElement(X,{header:{title:hp.t("Select Blockchain")}},lt.createElement(di,{size:12}),g&&lt.createElement(lt.Fragment,null,lt.createElement(pg,{setCategory:a,category:s,blockchains:m,isLoading:u==="loading"}),lt.createElement(di,{size:24})),lt.createElement(st,{value:n,autoFocus:!0,placeholder:hp.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:d=>r(d.target.value)}),lt.createElement(di,{size:16}),lt.createElement(mi,{list:m,searchedFor:n,blockchainCategory:s,onChange:d=>{e==="source"?p(d):l(d),o()}}))}i(fi,"SelectBlockchainPage");import{i18n as _p}from"@lingui/core";import{Divider as Dp}from"@rango-dev/ui";import qt,{useState as Eg}from"react";import{useNavigate as Ag}from"react-router-dom";import{i18n as yi}from"@lingui/core";import{BlockchainsChip as Pn,Divider as Tp,Image as wp,Skeleton as fg,Typography as Si}from"@rango-dev/ui";import he from"react";import{useEffect as mg}from"react";var Sp=["ETH","COSMOS","OSMOSIS"];function gi(t,e,o){let n=JSON.parse(JSON.stringify(t)),r=[];if(n.sort(ug),o?.limit&&t.length>o.limit){let s=o.limit,a=e;if(e.length<=o.limit){let l=o.limit-e.length;for(let p=0;p<=l;p++){let u=n[p];a=a.filter(m=>u.name!==m)}}n.sort(cg(a)),r=n.splice(s)}return{list:n,more:r}}i(gi,"prepare");function ug(t,e){let o=Sp,n=o.findIndex(l=>l===t.name),r=o.findIndex(l=>l===e.name),s=n>-1,a=r>-1;return s&&a?n>r?1:-1:s?-1:a?1:0}i(ug,"sortByMostUsedBlockchains");function cg(t){return i(function(o,n){let r=t.findIndex(p=>p===o.name),s=t.findIndex(p=>p===n.name),a=r>-1,l=s>-1;return a&&l?r>s?1:-1:t.includes(o.name)?-1:t.includes(n.name)?1:0},"sortByPreferred")}i(cg,"generateSortByPreferredBlockchainsFor");function Cp(t,e){return!!e.list.find(o=>o.name===t)}i(Cp,"isInVisibleList");function hi(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=O();mg(()=>{if(e?.selected){let s=gi(t,o,e);Cp(e.selected,s)||n(e?.selected)}},[e?.selected]);let r=gi(t,o,e);return{list:r.list,more:r.more,history:[]}}i(hi,"usePrepareBlockchainList");import{styled as dg}from"@rango-dev/ui";var kp=dg("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var gg=12;function Ci(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:s}=t,a=hi(e,{limit:10,selected:n?.name}),{fetchStatus:l}=C(),p=z.use.resetToBlockchain(),u=z.use.resetFromBlockchain(),m=a.more.length>0,c=a.more.length===1,g=!c&&m;return he.createElement("div",null,he.createElement(Tp,{size:12}),he.createElement(Si,{variant:"label",size:"large"},yi.t("Select Blockchain")),he.createElement(Tp,{size:12}),he.createElement(kp,null,l==="loading"&&Array.from(Array(gg),d=>he.createElement(fg,{key:d,variant:"rounded",height:50})),l==="success"&&he.createElement(he.Fragment,null,he.createElement(Pn,{selected:!n,onClick:()=>{o==="from"?u():p()}},he.createElement(Si,{variant:"body",size:"xsmall",color:"secondary500"},yi.t("All"))),a.list.map(d=>he.createElement(Pn,{key:d.name,selected:!!n&&n.name===d.name,onClick:()=>r(d)},he.createElement(wp,{src:d.logo,size:30}))),c?he.createElement(Pn,{key:a.more[0].name,selected:!!n&&n.name===a.more[0].name,onClick:()=>r(a.more[0])},he.createElement(wp,{src:a.more[0].logo,size:30})):null,g?he.createElement(Pn,{onClick:s,key:"more-blockchains"},he.createElement(Si,{variant:"body",size:"xsmall",color:"secondary500"},yi._("More +{count}",{count:a.more.length}))):null)))}i(Ci,"BlockchainsSection");import{i18n as xi}from"@lingui/core";import{darkTheme as Bp,Divider as co,ExternalLinkIcon as Sg,Image as Cg,ListItemButton as kg,NotFound as Tg,PinIcon as wg,Skeleton as Lp,Typography as mo,VirtualizedList as vg}from"@rango-dev/ui";import U,{forwardRef as xg,useEffect as Mp,useState as Pp}from"react";var vp=i((t,e)=>{t=t.replace(/^#/,""),t.length===3&&(t=t[0]+t[0]+t[1]+t[1]+t[2]+t[2]);let[s,a,l]=t.match(/.{2}/g);[s,a,l]=[parseInt(s,16)+e,parseInt(a,16)+e,parseInt(l,16)+e],s=Math.max(Math.min(255,s),0).toString(16),a=Math.max(Math.min(255,a),0).toString(16),l=Math.max(Math.min(255,l),0).toString(16);let p=(s.length<2?"0":"")+s,u=(a.length<2?"0":"")+a,m=(l.length<2?"0":"")+l;return`#${p}${u}${m}`},"colorShade"),$n=i((t,e)=>{let a={[t]:e};for(let l=1;l<10;l++)l<5&&(a={...a,[t+l*100]:vp(e,(5-l)*25)}),l===5&&(a={...a,[t+l*100]:e}),l>5&&(a={...a,[t+l*100]:vp(e,-((l-5)*25))});return a},"generateRangeColors"),ki=i((t,e,o)=>{if(!o||!Object.entries(o).length)return{};let n=!1,r={...t};for(let s in o){let a=o[s];if(a&&a!==t[s])if(n=!0,s==="background"||s==="foreground")r={...r,[s]:a};else if(s==="neutral"&&e){let l=$n(s,a);r={...r,[`${s}100`]:l[`${s}900`],[`${s}200`]:l[`${s}800`],[`${s}300`]:l[`${s}700`],[`${s}400`]:l[`${s}600`],[`${s}500`]:l[`${s}500`],[`${s}600`]:l[`${s}400`],[`${s}700`]:l[`${s}300`],[`${s}800`]:l[`${s}200`],[`${s}900`]:l[`${s}100`]}}else r={...r,...$n(s,a)}}return n?r:{}},"generateColors");import{Divider as Wp,ListItem as yg,Skeleton as uo}from"@rango-dev/ui";import Qe from"react";import{darkTheme as xp,styled as Re,Typography as hg}from"@rango-dev/ui";var bp=Re("div",{display:"flex",flexDirection:"column",flexGrow:1}),Ti=Re("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),_n=Re("ul",{flexGrow:1,padding:0,margin:0,listStyle:"none","& li":{alignItems:"none",".description":{position:"relative",height:12,width:150,".token-title":{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",bottom:"-8px"},".token-address":{transform:"translateY(12px)",visibility:"hidden","& a":{fontSize:"$12",lineHeight:"$16",$$color:"$colors$neutral600",[`.${xp} &`]:{$$color:"$colors$neutral700"},color:"$$color",textDecoration:"none"}},".token-name":{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}},"&:hover":{".description":{".token-address":{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",visibility:"visible"},".token-address-without-name":{bottom:"-15px"},".token-name":{position:"absolute",transform:"translateY(-12px)",visibility:"hidden"},".token-title":{position:"absolute",transform:"translateY(-12px)",bottom:"-10px"}}}}}),wi=Re("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),vi=Re(hg,{}),Ep=Re("div",{textAlign:"right",".usd-value":{$$color:"$colors$neutral600",[`.${xp} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Dn=Re("ul",{display:"flex",alignItems:"end",flexDirection:"column"}),uW=Re("div",{display:"flex",alignItems:"center"}),Ap=Re("div",{position:"relative",".image-container":{borderRadius:"$xm",overflow:"hidden"}}),Ip=Re("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6});function Np(t){return Qe.createElement(_n,null,Array.from(Array(t.size),e=>Qe.createElement(yg,{key:e,hasDivider:!0,start:Qe.createElement(uo,{variant:"circular",width:35,height:35}),end:Qe.createElement(Dn,null,Qe.createElement(uo,{variant:"text",size:"large",width:70}),Qe.createElement(Wp,{size:4}),Qe.createElement(uo,{variant:"text",size:"medium",width:50})),title:Qe.createElement("div",null,Qe.createElement(uo,{variant:"text",size:"large",width:90}),Qe.createElement(Wp,{size:4}),Qe.createElement(uo,{variant:"text",size:"medium",width:90}))})))}i(Np,"LoadingTokenList");var bi=20,bg=i(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:s,customCssForTagTitle:a}=t,l=e.length;return U.createElement("div",{className:"description"},o?U.createElement("div",{className:"token-name"},o):U.createElement(Ti,{className:"token-title"},U.createElement(mo,{variant:"title",size:"xmedium"},r.symbol),U.createElement(co,{direction:"horizontal",size:4}),U.createElement(wi,{css:s},U.createElement(vi,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&U.createElement("div",{className:`token-address ${!o&&"token-address-without-name"}`},U.createElement("a",{href:n,target:"_blank",rel:"nofollow noreferrer",onClick:p=>p.stopPropagation()},l>10?`${e.slice(0,5)}...${e.slice(l-6,l)}`:e," ",U.createElement(Sg,{color:"gray",size:12}))))},"renderDesc");function $p(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[s,a]=Pp(e),l=C().fetchStatus,p=C().blockchains(),[u,m]=Pp(!0),{getBalanceFor:c,loading:g}=G(),{isTokenPinned:d}=C(),f=xg((b,w)=>U.createElement("div",{...b,ref:w,style:{...b.style,height:`${parseFloat(b.style?.height)+8*2}px`}})),v=i(()=>{a(e.slice(0,s.length+bi))},"loadNextPage");Mp(()=>{m(e.length>s.length)},[s.length]),Mp(()=>{a(e.slice(0,bi))},[e]);let h=i(()=>!s.length&&o?U.createElement(U.Fragment,null,U.createElement(co,{size:32}),U.createElement(Tg,{title:xi.t("No results found"),description:xi.t("Try using different keywords")})):U.createElement(vg,{Item:({index:b,style:w})=>{let S=s[b],y=Fo(c(S)),k=S.address||"",A=p.find(M=>M.name===S.blockchain),_=$n(S.symbol,A?.color||""),x={$$color:_[`${S.symbol}100`],[`.${Bp} &`]:{$$color:_[`${S.symbol}900`]},backgroundColor:"$$color"},P={$$color:_[`${S.symbol}700`],[`.${Bp} &`]:{$$color:_[`${S.symbol}100`]},color:"$$color"};return U.createElement("div",{style:{...w,paddingRight:5}},U.createElement(kg,{style:{height:w?.height},"tab-index":b,key:`${S.symbol}${S.address}`,id:`${S.symbol}${S.address}`,hasDivider:!0,onClick:()=>n(s[b]),start:U.createElement(Ap,null,U.createElement(Cg,{src:S.image,size:30}),d(S)&&U.createElement(Ip,null,U.createElement(wg,{size:12,color:"gray"}))),title:A?.type==="COSMOS"||S.name||!S.name&&!k?U.createElement(Ti,null,U.createElement(mo,{variant:"title",size:"xmedium"},S.symbol),U.createElement(co,{direction:"horizontal",size:4}),U.createElement(wi,{css:x},U.createElement(vi,{variant:"body",size:"xsmall",css:P},S.blockchain))):void 0,description:A?.info&&k&&A.type!=="COSMOS"?bg({address:k,token:s[b],customCssForTag:x,customCssForTagTitle:P,name:S.name,url:A.info.addressUrl.split("{wallet}").join(k)}):S.name||void 0,end:g?U.createElement(Dn,null,U.createElement(Lp,{variant:"text",size:"large",width:70}),U.createElement(co,{size:4}),U.createElement(Lp,{variant:"text",size:"medium",width:50})):y&&U.createElement(Ep,null,U.createElement(mo,{variant:"title",size:"small"},y.amount),U.createElement("div",null),y.usdValue&&U.createElement(mo,{variant:"body",className:"usd-value",size:"xsmall"},`$${y.usdValue}`))}))},hasNextPage:u,itemCount:s.length,loadNextPage:v,innerElementType:f,size:60,key:`${r}-${o}`}),"renderList");return U.createElement(bp,null,U.createElement(mo,{variant:"label",size:"large"},xi.t("Select Token")),U.createElement(co,{size:4}),l==="loading"&&U.createElement(Np,{size:bi}),l==="success"&&U.createElement(_n,null,h()))}i($p,"TokenList");function Ei(t){let{type:e}=t,o=Ag(),n=dt(),{fromBlockchain:r,toBlockchain:s,setFromToken:a,setToToken:l,setFromBlockchain:p,setToBlockchain:u}=z(),m=G.use.getBalanceFor(),[c,g]=Eg(""),f=(e==="source"?r:s)?.name??"",v=C().blockchains({type:e}),h=C().tokens({type:e,blockchain:f,searchFor:c}),b=xs(h,m),w=i(y=>{e==="source"?p(y):u(y)},"updateBlockchain"),S=i(y=>{e==="source"?a({token:y,meta:{blockchains:v,tokens:h}}):l({token:y,meta:{blockchains:v,tokens:h}})},"updateToken");return qt.createElement(X,{header:{title:_p.t("Swap {type}",{type:e})}},qt.createElement(Ci,{blockchains:v,type:e=="source"?"from":"to",blockchain:e==="source"?r:s,onMoreClick:()=>o($.blockchains),onChange:y=>{w(y)}}),qt.createElement(Dp,{size:24}),qt.createElement(st,{value:c,autoFocus:!0,placeholder:_p.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>g(""),onChange:y=>g(y.target.value)}),qt.createElement(Dp,{size:16}),qt.createElement($p,{list:b,selectedBlockchain:f,searchedFor:c,onChange:y=>{S(y);let k=v.find(A=>y.blockchain===A.name);k&&w(k),n()}}))}i(Ei,"SelectSwapItemsPage");import{i18n as Et}from"@lingui/core";import{ChevronRightIcon as Wi,Divider as Ni,InfoIcon as Mg,List as Pg,ListItemButton as $g,Skeleton as _g,Switch as Dg,Tooltip as Fg,Typography as At}from"@rango-dev/ui";import j from"react";import{useNavigate as Ug}from"react-router-dom";import{i18n as qp}from"@lingui/core";import{Chip as Wg,Divider as Gp,InfoIcon as Ng,TextField as Bg,Tooltip as Lg,Typography as Qp}from"@rango-dev/ui";import xe from"react";import{styled as Fn}from"@rango-dev/ui";var Fp=Fn("div",{paddingTop:"$5",paddingBottom:"30px"}),Up=Fn("div",{display:"flex",alignItems:"center",justifyContent:"start"}),Op=Fn("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),Un=Fn("div",{maxWidth:"300px",padding:"$10"});import{i18n as Ai}from"@lingui/core";import{Typography as Ig}from"@rango-dev/ui";import fo from"react";function zp(){return fo.createElement(Un,null,fo.createElement(Ig,{variant:"label",size:"medium",color:"neutral700"},Ai.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),fo.createElement("br",null),fo.createElement("br",null),fo.createElement("b",null,Ai.t("Warning")),":",Ai.t("This setting is applied per step, e.g. 1Inch, Thorchain, etc. and only that step will be reverted, not the whole transaction")))}i(zp,"SlippageTooltipContent");function Ii(){let t=O.use.slippage(),e=O.use.setSlippage(),o=O.use.customSlippage(),n=O.use.setCustomSlippage();return xe.createElement(Fp,null,xe.createElement(Op,null,xe.createElement(Qp,{variant:"title",size:"xmedium"},qp.t("Slippage tolerance per swap")),xe.createElement(Gp,{direction:"horizontal",size:4}),xe.createElement(Lg,{container:K(),side:"top",content:xe.createElement(zp,null)},xe.createElement(Ng,{color:"gray"}))),xe.createElement(Up,null,ps.map((r,s)=>{let a=`slippage-${s}`;return xe.createElement(xe.Fragment,null,xe.createElement(Wg,{style:{width:"64px",flexShrink:0},key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`}),xe.createElement(Gp,{direction:"horizontal",size:8}))}),xe.createElement(Bg,{type:"number",min:"0.01",max:"30",step:"0.01",fullWidth:!0,variant:"contained",value:o||"",color:"dark",onChange:r=>{let s=parseFloat(r.target.value);(!s||s>=ds&&s<=ms)&&n(s)},suffix:o&&xe.createElement(Qp,{variant:"body",size:"small"},"%"),placeholder:qp.t("Custom")})))}i(Ii,"Slippage");function Hp(){let t=Ug(),{theme:e}=C().config,o=C().fetchStatus,n=C().swappers(),r=O.use.infiniteApprove(),s=O.use.toggleInfiniteApprove(),a=Io(n),l=a.filter(S=>S.type==="BRIDGE"||S.type==="AGGREGATOR"),p=l.length,u=l.filter(S=>S.selected).length,m=a.filter(S=>S.type==="DEX"),c=m.length,g=m.filter(S=>S.selected).length,d=i((S,y)=>{switch(o){case"loading":return j.createElement(_g,{variant:"text",size:"medium",width:50});case"failed":return j.createElement(At,{variant:"body",size:"medium",color:"$error500"},Et.t("Loading failed"));default:return j.createElement(At,{variant:"body",size:"medium"},`${S} / ${y}`)}},"handleEndItem"),f={id:"bridge-item",title:j.createElement(At,{variant:"title",size:"xmedium"},Et.t("Enabled bridges")),end:j.createElement(j.Fragment,null,d(u,p),j.createElement(Ni,{direction:"horizontal",size:8}),j.createElement(Wi,{color:"black"})),onClick:()=>t($.bridges)},v={id:"exchange-item",title:j.createElement(At,{variant:"title",size:"xmedium"},Et.t("Enabled exchanges")),end:j.createElement(j.Fragment,null,d(g,c),j.createElement(Ni,{direction:"horizontal",size:8}),j.createElement(Wi,{color:"gray"})),onClick:()=>t($.exchanges)},h={id:"theme-item",title:j.createElement(At,{variant:"title",size:"xmedium"},Et.t("Theme")),end:j.createElement(Wi,{color:"gray"}),onClick:()=>t($.themes)},b={id:"infinite-approval-item",title:j.createElement(j.Fragment,null,j.createElement(At,{variant:"title",size:"xmedium"},Et.t("Infinite Approval")),j.createElement(Ni,{direction:"horizontal",size:4}),j.createElement(Fg,{side:"top",container:K(),content:j.createElement(Un,null,j.createElement(At,{variant:"label",size:"medium",color:"neutral700"},Et.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.")))},j.createElement(Mg,{color:"gray"}))),end:j.createElement(Dg,{checked:r}),onClick:s},w=[f,v];return e?.singleTheme||w.push(h),w.push(b),j.createElement(X,{header:{title:Et.t("Setting")}},j.createElement(at,null,j.createElement(Ii,null),j.createElement(Pg,{type:j.createElement($g,{title:"_",id:"_",onClick:()=>console.log()}),items:w})))}i(Hp,"SettingsPage");import{cancelSwap as Mh}from"@rango-dev/queue-manager-rango-preset";import{useManager as Ph}from"@rango-dev/queue-manager-react";import vu from"react";import{i18n as pt}from"@lingui/core";import{getCurrentBlockchainOfOrNull as fh,getCurrentStep as gh,getRelatedWalletOrNull as hh,PendingSwapNetworkStatus as Xn}from"@rango-dev/queue-manager-rango-preset";import{Button as gu,CopyIcon as yh,Divider as Sh,IconButton as Ch,QuoteCost as kh,StepDetails as Th,Typography as Qt,useCopyToClipboard as wh}from"@rango-dev/ui";import{useWallets as vh}from"@rango-dev/wallets-react";import Y,{useEffect as hu,useRef as xh,useState as yu}from"react";import{useNavigate as bh}from"react-router-dom";import{i18n as be}from"@lingui/core";var Og=1e3,zg=31536e3,qg=2592e3,Gg=86400,Qg=3600,Hg=60;function Vp(t){let e=Math.floor((Date.now()-t)/Og),n=[{turningPoint:zg,label:be.t("year"),pluralLabel:be.t("years")},{turningPoint:qg,label:be.t("month"),pluralLabel:be.t("months")},{turningPoint:Gg,label:be.t("day"),pluralLabel:be.t("days")},{turningPoint:Qg,label:be.t("hour"),pluralLabel:be.t("hours")},{turningPoint:Hg,label:be.t("minute"),pluralLabel:be.t("minutes")}].sort((r,s)=>s.turningPoint-r.turningPoint);for(let r of n){let{turningPoint:s,label:a,pluralLabel:l}=r,p=Math.floor(e/s);if(p>1)return`${p} ${l}`;if(p===1)return`${p} ${a}`}return e>1?`${e} ${be.t("seconds")}`:`${e} ${be.t("second")}`}i(Vp,"timeSince");function jp(t){return t.finishTime?be.t({id:"{time} ago",values:{time:Vp(parseInt(t.finishTime))}}):be.t({id:"{time} ago",values:{time:Vp(parseInt(t.creationTime))}})}i(jp,"getSwapDate");import{PendingSwapNetworkStatus as qn}from"@rango-dev/queue-manager-rango-preset";import{Modal as Zg}from"@rango-dev/ui";import Gn from"react";import{i18n as On}from"@lingui/core";import{Button as Kp,Divider as Bi,MessageBox as Vg,Typography as Xp}from"@rango-dev/ui";import et from"react";var Yp=i(({onCancel:t,onClose:e})=>et.createElement(et.Fragment,null,et.createElement(Bi,{size:20}),et.createElement(Vg,{type:"error",title:On.t("Cancel Swap"),description:On.t("Are you sure you want to cancel this swap?")}),et.createElement(Bi,{size:32}),et.createElement(Kp,{variant:"contained",type:"primary",size:"large",onClick:t},et.createElement(Xp,{variant:"title",size:"medium",color:"neutral100"},On.t("Yes, Cancel it"))),et.createElement(Bi,{size:12}),et.createElement(Kp,{variant:"outlined",type:"primary",size:"large",onClick:e},et.createElement(Xp,{variant:"title",size:"medium",color:"primary"},On.t("No, Continue")))),"CancelContent");import{i18n as zn}from"@lingui/core";import{Button as Jp,Divider as Li,MessageBox as jg,Typography as Zp}from"@rango-dev/ui";import tt from"react";var Rp=i(({onDelete:t,onClose:e})=>tt.createElement(tt.Fragment,null,tt.createElement(Li,{size:20}),tt.createElement(jg,{type:"error",title:zn.t("Delete Transaction"),description:zn.t("Are you sure you want to delete this swap?")}),tt.createElement(Li,{size:32}),tt.createElement(Jp,{variant:"contained",type:"primary",size:"large",onClick:t},tt.createElement(Zp,{variant:"title",size:"medium",color:"neutral100"},zn.t("Yes, Delete it"))),tt.createElement(Li,{size:12}),tt.createElement(Jp,{variant:"outlined",type:"primary",size:"large",onClick:e},tt.createElement(Zp,{variant:"title",size:"medium",color:"primary"},zn.t("No, Cancel")))),"DeleteContent");import{i18n as Mi}from"@lingui/core";import{PendingSwapNetworkStatus as Pi}from"@rango-dev/queue-manager-rango-preset";var $i={[Pi.WaitingForNetworkChange]:{type:"loading",title:Mi.t("Change Network")},[Pi.WaitingForConnectingWallet]:{type:"warning",title:Mi.t("Connect Wallet")},[Pi.NetworkChanged]:{type:"success",title:Mi.t("Network Changed")}};import{MessageBox as Xg,Wallet as Yg,WalletState as tu}from"@rango-dev/ui";import{useWallets as Jg}from"@rango-dev/wallets-react";import go from"react";import{styled as Kg}from"@rango-dev/ui";var eu=Kg("div",{display:"flex",justifyContent:"center"});var ou=i(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:s}=t,{connect:a,getWalletInfo:l,state:p}=Jg(),u=n?.walletType,c=u&&p(u).connected?tu.CONNECTED:tu.DISCONNECTED;return go.createElement(go.Fragment,null,go.createElement(Xg,{type:e,title:o,description:r}),s&&u&&go.createElement(eu,null,go.createElement(Yg,{container:K(),title:l(u).name,image:l(u).img,type:u,state:c,onClick:async()=>a(u)})))},"WalletStateContent");function _i(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:s,message:a}=t,l=e===qn.WaitingForNetworkChange||e===qn.WaitingForConnectingWallet||e===qn.NetworkChanged;return Gn.createElement(Zg,{open:!!e,onClose:o,container:document.getElementById("swap-box")||document.body},l&&Gn.createElement(ou,{type:$i[e].type,title:$i[e].title,currentStepWallet:s,message:a,showWalletButton:e!==qn.WaitingForNetworkChange}),e==="delete"&&Gn.createElement(Rp,{onClose:o,onDelete:n}),e==="cancel"&&Gn.createElement(Yp,{onClose:o,onCancel:r}))}i(_i,"SwapDetailsModal");import{i18n as ho}from"@lingui/core";import{Button as Di,Divider as Qn,MessageBox as nu,Modal as Rg,TokenAmount as eh,Typography as Hn}from"@rango-dev/ui";import ce from"react";import{useNavigate as th}from"react-router-dom";function Fi(t){let{open:e,onClose:o,status:n,priceValue:r,usdValue:s,token:a,chain:l,percentageChange:p,description:u,diagnosisUrl:m}=t,c=th();return ce.createElement(Rg,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},n==="success"?ce.createElement(nu,{type:"success",title:ho.t("Swap Successful")},ce.createElement(eh,{direction:"vertical",type:"output",centerAlign:!0,price:{value:r,usdValue:s},token:a,chain:l,percentageChange:p}),ce.createElement(Qn,{size:12}),ce.createElement(Hn,{variant:"body",size:"medium",color:"neutral700",align:"center"},u)):ce.createElement(nu,{type:"error",title:ho.t("Transaction Failed"),description:u}),ce.createElement(Qn,{size:32}),n==="success"&&ce.createElement(Di,{variant:"contained",type:"primary",size:"large",onClick:()=>{c("../../")}},ce.createElement(Hn,{variant:"title",size:"medium",color:"neutral100"},ho.t("Done"))),ce.createElement(Qn,{size:12}),m&&ce.createElement(ce.Fragment,null,ce.createElement(Di,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(m,"_blank")},ce.createElement(Hn,{variant:"title",size:"medium",color:"primary"},ho.t("Diagnosis"))),ce.createElement(Qn,{size:12})),ce.createElement(Di,{variant:"outlined",type:"primary",size:"large",onClick:o},ce.createElement(Hn,{variant:"title",size:"medium",color:"primary"},ho.t("See Details"))))}i(Fi,"SwapDetailsCompleteModal");import mh from"react";import{i18n as lh}from"@lingui/core";import{Alert as pu,IconButton as ph,LinkIcon as uh}from"@rango-dev/ui";import St,{Fragment as ch}from"react";import{Alert as oh,ChevronDownIcon as nh,ChevronUpIcon as rh,IconButton as ih}from"@rango-dev/ui";import Vn,{useState as sh}from"react";function ru(t){let{message:e}=t,[o,n]=sh(!1);return Vn.createElement(oh,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&Vn.createElement(ih,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?Vn.createElement(rh,{size:12,color:"gray"}):Vn.createElement(nh,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}i(ru,"FailedAlert");import{styled as ah}from"@rango-dev/ui";var iu=ah("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as su}from"@lingui/core";import{PendingSwapNetworkStatus as Ui}from"@rango-dev/queue-manager-rango-preset";import{Alert as Oi,Button as au}from"@rango-dev/ui";import yo from"react";function lu(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?yo.createElement(Oi,{type:"warning",title:n.shortMessage,action:yo.createElement(au,{size:"xxsmall",type:"warning",onClick:()=>{o(Ui.WaitingForNetworkChange),e().catch(s=>{console.log(s)})}},su.t("Change"))}):r===Ui.WaitingForConnectingWallet?yo.createElement(Oi,{type:"warning",title:n.shortMessage,action:yo.createElement(au,{size:"xxsmall",type:"warning",onClick:()=>{o(Ui.WaitingForConnectingWallet)}},su.t("Connect"))}):yo.createElement(Oi,{type:"warning",title:n.shortMessage})}i(lu,"WarningAlert");function zi(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:s,hasAlreadyProceededToSign:a}=t,l=Xt(s),p=s.status==="waitingForApproval"&&!l,u=s.status==="running"&&!l;return St.createElement(iu,null,s.explorerUrl?.map((m,c,g)=>{let d=c+m.url,f=c===g.length-1,v=f&&u||p,h=f&&s.status==="failed";return St.createElement(ch,{key:d},St.createElement(pu,{type:v&&"loading"||h&&"error"||"success",title:m.description?`${m.description} Tx`:lh.t("View transaction"),action:m.url&&St.createElement(ph,{variant:"ghost",size:"xsmall",onClick:()=>window.open(m.url,"_blank")},St.createElement(uh,{size:16}))}))}),(u&&!a||p&&!s.explorerUrl?.length)&&St.createElement(pu,{type:"loading",title:r.shortMessage}),s.status!=="failed"&&l&&St.createElement(lu,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),s.status==="failed"&&St.createElement(ru,{message:r}))}i(zi,"SwapDetailsAlerts");var uu=2e3;var cu=i(({swap:t,blockchains:e,...o})=>{let n=t.hasAlreadyProceededToSign!==!1;return t.steps.map((r,s)=>{let a=s===0?t.inputAmount:t.steps[s-1].outputAmount;return{from:{token:{displayName:r.fromSymbol,image:r.fromLogo??""},chain:{displayName:Ye(r.fromBlockchain,e)??"",image:r.fromBlockchainLogo??""},price:{value:N(a,6,6)}},to:{token:{displayName:r.toSymbol,image:r.toLogo},chain:{displayName:Ye(r.toBlockchain,e)??"",image:r.toBlockchainLogo??""},price:{value:N(r.outputAmount||r.expectedOutputAmountHumanReadable,6,6)}},swapper:{displayName:r.swapperId,image:r.swapperLogo??""},alerts:mh.createElement(zi,{step:r,hasAlreadyProceededToSign:n,...o})}})},"getSteps");function mu(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"}}i(mu,"getStepState");import{darkTheme as dh,styled as Gt}from"@rango-dev/ui";var jn=Gt("div",{display:"flex",width:"100%",flexDirection:"column",alignItems:"center",height:"0",flexGrow:1,"& .row":{display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",padding:"$10 $20",borderBottom:"1px solid",$$color:"$colors$neutral300",[`.${dh} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color",color:"$neutral500"},"& .request-id":{display:"flex",justifyContent:"center",alignItems:"center",height:"$24"},"& .output":{display:"flex",width:"100%",padding:"$15 $20 $20",flexDirection:"column",alignItems:"start"},"& .title-steps":{textAlign:"left",width:"100%",padding:"0 $20 $10"}}),Kn=Gt("div",{width:"100%"}),du=Gt("div",{padding:"$0 $20 $20 $20",width:"100%",overflow:"auto"}),VB=Gt("div",{display:"flex",flexDirection:"column",gap:"$10"}),fu=Gt("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),jB=Gt("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1});function qi(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:s,connect:a,getWalletInfo:l}=vh(),p=C().blockchains(),u=C().tokens(),m=z.use.retry(),c=bh(),[g,d]=wh(uu),f=xh(null),[v,h]=yu(null),[b,w]=yu(null),S=i(()=>{r(),h(null)},"onCancel"),y=Me.use.getUnreadNotifications(),k=Me.use.setAsRead(),A=y(),_=gh(e),x=_?.networkStatus;hu(()=>{A.find(ae=>ae.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(w(e.status),k(e.requestId))},[e.status]),hu(()=>{Q?h(Xn.WaitingForNetworkChange):x===Xn.WaitingForConnectingWallet||x===Xn.NetworkChanged?h(x):h(null)},[x]);let P=Qs(e),M=_?fh(e,_):null,W=_?hh(e,_):null,T=jp(e),F=Hs(e),I=i(q=>!!l(q)?.mobileWallet,"isMobileWallet"),Q=x===Xn.WaitingForNetworkChange&&!!M&&!!W?.walletType&&(I(W.walletType)||s(W.walletType,M)),oe=Q?a.bind(null,W.walletType,M):void 0,ne=Gs(e,_),H=cu({swap:e,switchNetwork:oe,showNetworkModal:x,setNetworkModal:h,message:ne,blockchains:p}),se=H.length,[me,de]=[e.steps[0],e.steps[se-1]],De=de.outputAmount||de.expectedOutputAmountHumanReadable,It=e.steps.reduce((q,ae)=>q+parseFloat(ae.feeInUsd||""),0),Vt=e.steps.find(q=>q.diagnosisUrl)?.diagnosisUrl,ot=N(String(parseFloat(N(De,6,6))*(_o(de.toBlockchain,de.toSymbol,de.toSymbolAddress,u)||0)),4,4),He=N(String(parseFloat(e.inputAmount)*(_o(me.fromBlockchain,me.fromSymbol,me.fromSymbolAddress,u)||0)),4,4),D=Le(He,ot),J=e.status==="success"?pt.t({id:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:N(De,6,6),token:H[se-1].to.token.displayName,conciseAddress:Uo(e.wallets[H[se-1].to.chain.displayName]?.address||""),chain:H[se-1].to.chain.displayName}}):`${pt.t("Transaction was not sent.")} ${P?pt.t({id:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:P.outputAmount,symbol:P.symbol,blockchain:P.blockchain}}):""}`;return Y.createElement(X,{noPadding:!0,header:{title:pt.t("Swap and Bridge"),onCancel:e.status==="running"?()=>h("cancel"):void 0,suffix:e.status!=="running"&&Y.createElement($t,null,Y.createElement(gu,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>h("delete")},Y.createElement(Qt,{size:"medium",variant:"label",color:"error"},pt.t("Delete"))))},footer:F&&!b&&Y.createElement(gu,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{m(e,{blockchains:p,tokens:u}),setTimeout(()=>{c("../../")},0)}},pt.t("Try again"))},Y.createElement(jn,null,Y.createElement(Kn,null,Y.createElement("div",{className:"row"},Y.createElement(Qt,{variant:"label",size:"large",color:"neutral700"},`${pt.t("Request ID")}:`),Y.createElement("div",{className:"request-id"},Y.createElement(Qt,{variant:"label",size:"small",color:"neutral700"},o),Y.createElement(Ch,{variant:"ghost",onClick:d.bind(null,o||"")},Y.createElement(yh,{size:16,color:"gray"})))),Y.createElement("div",{className:"row"},Y.createElement(Qt,{variant:"label",size:"large",color:"neutral700"},`${pt.t("Created at")}:`),Y.createElement(Qt,{variant:"label",size:"small",color:"neutral700"},T))),Y.createElement("div",{className:"output"},Y.createElement(kh,{fee:N(String(It),2,2),time:Wo(No(e.steps)),steps:se}),Y.createElement(eo,{from:{price:{value:N(e.inputAmount,6,6),usdValue:He},token:{displayName:H[0].from.token.displayName,image:H[0].from.token.image},chain:{image:H[0].from.chain.image,displayName:H[0].from.chain.displayName}},to:{price:{value:N(De,6,6),usdValue:ot},token:{displayName:H[se-1].to.token.displayName,image:H[se-1].to.token.image},chain:{image:H[se-1].to.chain.image,displayName:H[se-1].to.chain.displayName}},percentageChange:N(D,2,2),warningLevel:nt(D??0)})),Y.createElement("div",{className:"title-steps"},Y.createElement(Qt,{variant:"title",size:"small"},pt.t("Swaps steps"))),Y.createElement(Sh,{size:8}),Y.createElement(du,{ref:f},H.map((q,ae)=>{let Ve=ae,Ie=mu(e.steps[ae]),er=Ie==="error"||Ie==="in-progress"||Ie==="warning"||Ie==="completed"&&ae===H.length-1;return Y.createElement(Th,{key:Ve,step:q,type:"swap-progress",ref:f,state:Ie,hasSeparator:ae!==0,tabIndex:Ve,isFocused:er})}))),Y.createElement(_i,{state:v,onClose:()=>h(null),onCancel:S,onDelete:n,message:ne.detailedMessage.content,currentStepWallet:W}),Y.createElement(Fi,{open:!!b,diagnosisUrl:Vt,onClose:()=>w(null),status:e.status==="success"?"success":"failed",priceValue:N(De,6,6),usdValue:ot,percentageChange:N(D,2,2),token:{displayName:H[se-1].to.token.displayName,image:H[se-1].to.token.image},chain:{image:H[se-1].to.chain.image},description:J}))}i(qi,"SwapDetails");import{i18n as wo}from"@lingui/core";import{CopyIcon as Nh,IconButton as Bh,NotFound as Lh,Skeleton as Tu,Typography as Jn}from"@rango-dev/ui";import pe from"react";import{i18n as Ah}from"@lingui/core";import{ChainToken as Ih,Divider as Qi,Skeleton as To,Typography as Wh}from"@rango-dev/ui";import Z from"react";import{styled as Gi}from"@rango-dev/ui";var Su=Gi("div",{width:"100%",height:"100%",padding:"$0 $20",".cost":{paddingTop:"$15",display:"flex"},".quote-summary":{padding:"$15 $0"},".quote-summary-item":{display:"flex",justifyContent:"space-between",alignItems:"center"},".token-amount":{display:"flex",justifyContent:"space-between",alignItems:"center"},".quote-summary-separator":{width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"},".swaps-steps":{paddingBottom:"$10"}}),Cu=Gi("div",{backgroundColor:"$neutral100",borderRadius:"$xm",padding:"$10 $15",".step-title":{display:"flex",justifyContent:"start",alignItems:"center"},".step-tokens":{paddingTop:"$5",display:"flex",alignItems:"center"},".step-token-info":{display:"flex",alignItems:"center"},".step-icon-container":{padding:"$4 $6",display:"flex",justifyContent:"center",alignItems:"center"},".extra-info":{display:"flex",paddingTop:"$10",paddingBottom:"$5"}}),Yn=Gi("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"});import{ChainToken as ku,Divider as So,NextIcon as Eh,Skeleton as Co}from"@rango-dev/ui";import le from"react";function ko(t){let{extraInfo:e}=t;return le.createElement(Cu,null,le.createElement("div",{className:"step-title"},le.createElement(Co,{height:28,width:28,variant:"circular"}),le.createElement(So,{direction:"horizontal",size:8}),le.createElement(Co,{height:15,width:148,variant:"rounded"})),le.createElement("div",{className:"step-tokens"},le.createElement(So,{direction:"horizontal",size:20}),le.createElement("div",{className:"step-token-info"},le.createElement(ku,{size:"small",loading:!0,chainImage:"",tokenImage:""}),le.createElement(So,{direction:"horizontal",size:8}),le.createElement(Co,{height:12,width:76,variant:"rounded"})),le.createElement("div",{className:"step-icon-container"},le.createElement(Eh,{color:"gray",size:16})),le.createElement("div",{className:"step-token-info"},le.createElement(ku,{size:"small",loading:!0,chainImage:"",tokenImage:""}),le.createElement(So,{direction:"horizontal",size:8}),le.createElement(Co,{height:12,width:76,variant:"rounded"}))),e&&le.createElement("div",{className:"extra-info"},le.createElement(So,{direction:"horizontal",size:20}),le.createElement(Co,{height:22,width:297,variant:"rectangular"})))}i(ko,"LoadingSwapDetailStep");function Hi(){let t=Z.createElement("div",{className:"quote-summary-item"},Z.createElement("div",{className:"token-amount"},Z.createElement(Ih,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),Z.createElement(Qi,{size:8,direction:"horizontal"}),Z.createElement(To,{height:15,width:148,variant:"rounded"})),Z.createElement(To,{height:12,width:64,variant:"rounded"}));return Z.createElement(Su,null,Z.createElement("div",{className:"cost"},Z.createElement(To,{width:60,height:10,variant:"rounded"}),Z.createElement(Qi,{size:4,direction:"horizontal"}),Z.createElement(To,{width:60,height:10,variant:"rounded"}),Z.createElement(Qi,{size:4,direction:"horizontal"}),Z.createElement(To,{width:60,height:10,variant:"rounded"})),Z.createElement("div",{className:"quote-summary"},t,Z.createElement("div",{className:"quote-summary-separator"}),t),Z.createElement("div",{className:"swaps-steps"},Z.createElement(Wh,{variant:"title",size:"small"},Ah.t("Swaps steps"))),Z.createElement("div",{className:"step-container"},Z.createElement(ko,{extraInfo:!0}),Z.createElement(Yn,null),Z.createElement(ko,null),Z.createElement(Yn,null),Z.createElement(ko,null),Z.createElement(Yn,null),Z.createElement(ko,null)))}i(Hi,"LoadingSwapDetails");function wu(t){let{requestId:e,showSkeleton:o}=t;return pe.createElement(X,{noPadding:!0,header:{title:wo.t("Swap and Bridge"),suffix:pe.createElement($t,null)}},o&&pe.createElement(jn,null,pe.createElement(Kn,null,pe.createElement("div",{className:"row"},pe.createElement(Jn,{variant:"label",size:"large",color:"neutral700"},`${wo.t("Request ID")}:`),pe.createElement("div",{className:"request-id"},pe.createElement(Jn,{variant:"label",size:"small",color:"neutral700"},pe.createElement(Tu,{width:60,height:10,variant:"rounded"})),pe.createElement(Bh,{variant:"ghost"},pe.createElement(Nh,{size:16,color:"gray"})))),pe.createElement("div",{className:"row"},pe.createElement(Jn,{variant:"label",size:"large",color:"neutral700"},`${wo.t("Created at")}:`),pe.createElement(Jn,{variant:"label",size:"small",color:"neutral700"},pe.createElement(Tu,{width:60,height:10,variant:"rounded"})))),pe.createElement(Hi,null)),!o&&pe.createElement(fu,null,pe.createElement(Lh,{title:wo.t("Not found"),description:wo.t({id:"Swap with request ID = {requestId} not found.",values:{requestId:e}})})))}i(wu,"SwapDetailsPlaceholder");function xu(){let{manager:t,state:e}=Ph(),o=!e.loadedFromPersistor,n=Ot(t),r=ve.use.selectedSwapRequestId(),s=dt(),{fetchStatus:a}=C(),l=o||a==="loading",p=n.find(({swap:g})=>g.requestId===r),u=i(()=>{if(p?.id){let g=t?.get(p.id);g&&Mh(g)}},"onCancel"),m=i(async()=>{if(p?.id)try{t?.deleteQueue(p.id),s()}catch(g){console.log(g)}},"onDelete"),c=p?.swap;return!c||l?vu.createElement(wu,{requestId:r||"",showSkeleton:l}):vu.createElement(qi,{swap:c,requestId:r||"",onCancel:u,onDelete:m})}i(xu,"SwapDetailsPage");import{i18n as vo}from"@lingui/core";import{AutoThemeIcon as $h,DarkModeIcon as _h,LightModeIcon as Dh,List as Fh,ListItemButton as Uh,Radio as Vi,RadioRoot as Oh,Typography as ji}from"@rango-dev/ui";import Ee from"react";function bu(){let t=O.use.theme(),e=O.use.setTheme(),o=[{id:"light",value:"light",title:Ee.createElement(ji,{variant:"title",size:"xmedium"},vo.t("Light")),onClick:()=>e("light"),start:Ee.createElement(Dh,{color:"gray"}),end:Ee.createElement(Vi,{value:"light"})},{id:"dark",value:"dark",title:Ee.createElement(ji,{variant:"title",size:"xmedium"},vo.t("Dark")),onClick:()=>e("dark"),start:Ee.createElement(_h,{color:"gray"}),end:Ee.createElement(Vi,{value:"dark"})},{id:"auto",value:"auto",title:Ee.createElement(ji,{variant:"title",size:"xmedium"},vo.t("Auto")),onClick:()=>e("auto"),start:Ee.createElement($h,{color:"gray"}),end:Ee.createElement(Vi,{value:"auto"})}];return Ee.createElement(X,{header:{title:vo.t("Theme")}},Ee.createElement(at,null,Ee.createElement(Oh,{onValueChange:n=>e(n),value:t},Ee.createElement(Fh,{type:Ee.createElement(Uh,{title:vo.t("Theme"),id:"_",onClick:()=>console.log()}),items:o}))))}i(bu,"ThemePage");function Eu(){return zh([{path:$.home,element:Ae.createElement(rp,null)},{path:$.fromSwap,children:[{index:!0,element:Ae.createElement(Ei,{type:"source"})},{path:$.blockchains,element:Ae.createElement(fi,{type:"source"})}]},{path:$.toSwap,children:[{index:!0,element:Ae.createElement(Ei,{type:"destination"})},{path:$.blockchains,element:Ae.createElement(fi,{type:"destination"})}]},{path:$.settings,children:[{index:!0,element:Ae.createElement(Hp,null)},{path:$.themes,element:Ae.createElement(bu,null)},{path:$.languages,element:Ae.createElement(sp,null)},{path:$.exchanges,element:Ae.createElement(pi,{sourceType:"Exchanges"})},{path:$.bridges,element:Ae.createElement(pi,{sourceType:"Bridges"})}]},{path:$.swaps,children:[{index:!0,element:Ae.createElement(Rl,null)},{path:$.swapDetails,element:Ae.createElement(xu,null)}]},{path:$.wallets,element:Ae.createElement(qa,null)},{path:$.confirmSwap,element:Ae.createElement(Gl,null)}])}i(Eu,"AppRoutes");import{isApprovalTX as qh,MainEvents as Iu,RouteEventType as Wu,StepEventType as Ht,StepExecutionEventStatus as Gh,useEvents as Qh}from"@rango-dev/queue-manager-rango-preset";import{useEffect as Nu}from"react";import{StepExecutionBlockedEventStatus as Ki}from"@rango-dev/queue-manager-rango-preset";var Au=[Ki.WAITING_FOR_CHANGE_WALLET_ACCOUNT,Ki.WAITING_FOR_NETWORK_CHANGE,Ki.WAITING_FOR_WALLET_CONNECT];function Bu(){let t=C().tokens(),e=G.use.connectedWallets(),o=G.use.getWalletsDetails(),n=Me.use.setNotification(),r=Me.use.setAsRead(),s=Qh();return Nu(()=>(s.on(Iu.StepEvent,a=>{let{event:l,step:p,route:u}=a;if(l.type===Ht.TX_EXECUTION&&l.status===Gh.TX_SENT&&!qh(p)||l.type===Ht.SUCCEEDED){let c=e.find(d=>d.chain===p?.fromBlockchain),g=p?.fromBlockchain!==p?.toBlockchain&&e.find(d=>d.chain===p?.toBlockchain);c&&o([c],t),g&&o([g],t)}l.type===Ht.TX_EXECUTION_BLOCKED&&Au.includes(l.status)||l.type===Ht.FAILED?n(l,u):(l.type===Ht.TX_EXECUTION||l.type===Ht.CHECK_STATUS)&&r(u.requestId)}),()=>s.all.clear()),[s,e.length]),Nu(()=>(s.on(Iu.RouteEvent,a=>{let{event:l,route:p}=a;(l.type===Wu.FAILED||l.type===Wu.SUCCEEDED)&&n(l,p)}),()=>s.all.clear()),[s,e.length]),null}i(Bu,"WidgetEvents");import{globalCss as Hh}from"@rango-dev/ui";var Lu=i(()=>Hh({"@import":["url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap')","url('https://fonts.cdnfonts.com/css/times-new-roman')"]})(),"globalFont");import{createTheme as Ji,darkTheme as Yh,lightTheme as Jh}from"@rango-dev/ui";import{useEffect as Pu,useState as Zh}from"react";import{theme as Kh,darkColors as Xh}from"@rango-dev/ui";var Mu=i(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),Vh=i(t=>{let e="",o;for(o=Math.abs(t);o>52;o=o/52|0)e=Mu(o%52)+e;return Mu(o%52)+e},"toAlphabeticName"),jh=i((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),Xi=i(t=>Vh(jh(5381,JSON.stringify(t))>>>0),"toHash");function Yi(t){let e=Kh.colors,o=ki({...e,...Xh},!0,t?.dark),n=ki(e,!1,t?.light),r=Object.keys(o).length>0,s=Object.keys(n).length>0,a,l;if(s){let p={colors:n};a={id:`${rr}-light-${Xi(p)}`,tokens:p}}if(r){let p={colors:o};l={id:`${rr}-dark-${Xi(p)}`,tokens:p}}return{light:a,dark:l}}i(Yi,"customizedThemeTokens");function $u(t){let{colors:e,fontFamily:o=ss,borderRadius:n=rs,secondaryBorderRadius:r=is,mode:s="auto"}=t,[a,l]=Zh("light"),p=O.use.theme(),u=O.use.setTheme(),{dark:m,light:c}=Yi(e),g=Ji({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),d=[g.className,Jh.className],f=[g.className,Yh.className];if(c){let h=Ji(c.id,c.tokens);d.push(h.className)}if(m){let h=Ji(m.id,m.tokens);f.push(h.className)}return Pu(()=>{let h=i(b=>{b.matches?l("dark"):l("light")},"switchThemeListener");return window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches&&l("dark"),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",h),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",h)}},[]),Pu(()=>{s!=="auto"&&u(s)},[s]),{activeTheme:i(()=>{let h=d.join(" "),b=f.join(" ");return p==="auto"?a==="dark"?b:h:p==="dark"?b:h},"getActiveTheme")}}i($u,"useTheme");import{styled as Rh}from"@rango-dev/ui";var _u=Rh("div",{width:"100%",display:"flex",justifyContent:"center",alignItems:"center",fontFamily:"$widget",boxSizing:"border-box","& *, *::before, *::after":{boxSizing:"inherit",listStyleType:"none"},"& *:focus-visible":{outlineColor:"$info500",transition:"none"}});function Zn(){Lu();let{fetch:t,config:e}=C(),{activeTheme:o}=$u(e?.theme||{}),{activeLanguage:n,changeLanguage:r}=Nn(),[s,a]=Fu(""),[l,p]=Fu(),u=ty(en);return Du(()=>{t().catch(),O.persist.rehydrate(),Me.persist.rehydrate(),u.onConnectWallet(a)},[]),Du(()=>{r(e?.language)},[e?.language]),xo.createElement(ey,{language:n},xo.createElement(_u,{id:"swap-container",className:o()},xo.createElement(Bu,null),xo.createElement(ra,{lastConnectedWallet:s,disconnectedWallet:l,clearDisconnectedWallet:()=>{p(void 0)}},xo.createElement(Eu,null))))}i(Zn,"Main");import Ri,{useMemo as Sy}from"react";import{checkWaitingForNetworkChange as oy,makeQueueDefinition as ny}from"@rango-dev/queue-manager-rango-preset";import{Provider as ry}from"@rango-dev/queue-manager-react";import{useWallets as iy}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as sy}from"@rango-dev/wallets-shared";import{isEvmBlockchain as ay}from"rango-types";import ly,{useMemo as py}from"react";function uy(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:s,getWalletInfo:a}=iy(),l=py(()=>ny({API_KEY:t.apiKey||Wt("API_KEY"),BASE_URL:Wt("BASE_URL")}),[t.apiKey]),p=C().blockchains(),m={blockchains:G.use.connectedWallets().map(w=>({accounts:[w],name:w.chain}))},c=i(async(w,S)=>{if(s(w,S))return r(w,S)},"switchNetwork"),g=i(w=>!!a(w).mobileWallet,"isMobileWallet"),d=p.filter(w=>w.enabled).reduce((w,S)=>(w[S.name]=S,w),{}),f=p.filter(ay),v=i(w=>{let{supportedChains:S}=a(w);return Po(S)},"getSupportedChainNames"),h=e(),b={meta:{blockchains:d,evmBasedChains:f,evmNetworkChainInfo:sy(f),getSupportedChainNames:v},getSigners:o,wallets:m,providers:h,switchNetwork:c,canSwitchNetworkTo:s,connect:r,state:n,isMobileWallet:g};return ly.createElement(ry,{queuesDefs:[l],context:b,onPersistedDataLoaded:w=>{oy(w)},isPaused:!1},t.children)}i(uy,"QueueManager");var Uu=uy;import{useManager as fy}from"@rango-dev/queue-manager-react";import gy,{createContext as hy,useContext as yy}from"react";import{getCurrentBlockchainOfOrNull as cy,getCurrentStep as my,getRelatedWalletOrNull as dy}from"@rango-dev/queue-manager-rango-preset";var bo=class{constructor(e){this.manager=e}getAllSwaps(){return Ot(this.manager)}getCurrentStep(e){return this.getCurrentStepInfo(e).step}getCurrentStepWallet(e){return this.getCurrentStepInfo(e).wallet}getCurrentStepNetwork(e){return this.getCurrentStepInfo(e).network}getCurrentStepInfo(e){let o=my(e);return{step:o,wallet:o?dy(e,o):null,network:o?cy(e,o):null}}};i(bo,"WidgetHistory");var Ou=hy(void 0);function Zi(t){let{manager:e}=fy(),o=new bo(e),n=G.use.connectedWallets(),r=G.use.loading(),s=vs(n),a=G.use.getWalletsDetails(),l={history:o,wallets:{isLoading:r,details:n,totalBalance:s,refetch:a}};return gy.createElement(Ou.Provider,{value:l},t.children)}i(Zi,"WidgetInfo");function zu(){let t=yy(Ou);if(!t)throw new Error("useWidget can only be used within the WidgetProvider component");return t}i(zu,"useWidget");function Rn(t){let{onUpdateState:e,config:o}=t;return Sy(()=>{ns({API_KEY:o?.apiKey||Eo,BASE_URL:o?.apiUrl||os})},[o]),Ri.createElement(tn,{config:o,onUpdateState:e},Ri.createElement(Uu,{apiKey:o.apiKey},Ri.createElement(Zi,null,t.children)))}i(Rn,"WidgetProvider");function qu(t){return t.config?.externalWallets?es.createElement(Zn,null):es.createElement(Rn,{config:t.config??or},es.createElement(Zn,null))}i(qu,"Widget");export{p$ as MainEvents,k$ as Networks,u$ as PendingSwapNetworkStatus,c$ as RouteEventType,m$ as StepEventType,d$ as StepExecutionBlockedEventStatus,f$ as StepExecutionEventStatus,S$ as WalletEvents,T$ as WalletTypes,qu as Widget,Rn as WidgetProvider,tn as WidgetWallets,Yi as customizedThemeTokens,y$ as readAccountAddress,Ya as useWallets,zu as useWidget,g$ as useWidgetEvents};
1
+ var Vu=Object.defineProperty;var i=(t,e)=>Vu(t,"name",{value:e,configurable:!0});import{MainEvents as m$,PendingSwapNetworkStatus as d$,RouteEventType as f$,StepEventType as g$,StepExecutionBlockedEventStatus as h$,StepExecutionEventStatus as y$,useEvents as S$}from"@rango-dev/queue-manager-rango-preset";import{readAccountAddress as k$,useWallets as Ra,Events as T$}from"@rango-dev/wallets-react";import{Networks as v$,WalletTypes as x$}from"@rango-dev/wallets-shared";import{Events as kr,Provider as Ac}from"@rango-dev/wallets-react";import{isEvmBlockchain as Ec}from"rango-sdk";import en,{createContext as Ic,useEffect as ra,useRef as Wc}from"react";import{useEffect as Yo,useLayoutEffect as ea,useMemo as Jo,useRef as Zo}from"react";import pc,{createContext as uc,useContext as cc,useEffect as mc,useRef as dc}from"react";import{create as ac}from"zustand";import{persist as lc}from"zustand/middleware";var nr={apiKey:"",multiWallets:!0,enableNewLiquiditySources:!0},os=i((t,e,o)=>({config:{...nr,...t},updateConfig:n=>{let r=o().config;e({config:{...r,...n}})}}),"createConfigSlice");import{RangoClient as ju}from"rango-sdk";var Ao="c6381a79-2817-4602-83bf-6a641a409e32",ns="https://api.rango.exchange";var rr={API_KEY:Ao};function Wt(t){return rr[t]||""}i(Wt,"getConfig");function rs(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),rr=e,rr}i(rs,"initConfig");var is=20,ss=25,as="Roboto",ir="theme-widget";var Eo,Nt=i(()=>Eo||(Eo=new ju(Wt("API_KEY"),Wt("BASE_URL")),Eo),"httpService");function Lt(t){return Array.from(new Set(t))}i(Lt,"removeDuplicateFrom");function sr(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}i(sr,"areEqual");function ls(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}i(ls,"debounce");function Ct(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}i(Ct,"containsText");var j=i(()=>document.getElementById("swap-box"),"getContainer");function Io(t,e){let o=t.map(s=>s.swapperGroup),n=[];return Lt(t.map(s=>s.swapperGroup)).map(s=>{let a=t.find(l=>l.swapperGroup===s);if(a){let l=!0;o&&(l=o.some(p=>p===a.swapperGroup)),l&&a.types.map(p=>{n.push({id:a.swapperGroup,groupTitle:a.swapperGroup,logo:a.logo,type:p,selected:!e.includes(a.swapperGroup)})})}}),n}i(Io,"getUniqueSwappersGroups");function ps(t,e){return t.swapperGroup<e.swapperGroup?-1:t.swapperGroup>e.swapperGroup?1:0}i(ps,"sortLiquiditySourcesByGroupTitle");function Ne(t,e){return e?.[t]==="hidden"}i(Ne,"isFeatureHidden");function Wo(t,e){return e?.[t]==="enabled"}i(Wo,"isFeatureEnabled");import{WalletState as Ke}from"@rango-dev/ui";import{readAccountAddress as Yu}from"@rango-dev/wallets-react";import{detectInstallLink as Ju,getCosmosExperimentalChainInfo as Zu,isEvmAddress as Ru,KEPLR_COMPATIBLE_WALLETS as Ky,Networks as ms}from"@rango-dev/wallets-shared";import ar from"bignumber.js";import{isCosmosBlockchain as ec}from"rango-types";import Ku from"bignumber.js";var Ie=new Ku(0);import{WalletTypes as Xu}from"@rango-dev/wallets-shared";var us=[Xu.LEAP];import{BigNumber as cs}from"bignumber.js";var No=i(t=>{let e=(t%60).toString().padStart(2,"0");return`${parseInt((t/60).toString()).toString().padStart(2,"0")}:${e}`},"secondsToString"),N=i((t,e=null,o=null)=>{if(t==null||t==="")return"";let n=new cs(t),r=1,s=1e3;for(let a=0;a<60;a++)if(new cs(n.toFixed(a,r)).eq(n)){s=a;break}if(n.gte(1e4))return n.toFormat(0,r);if(n.gte(1e3)||n.gte(100))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,1))),r);if(n.gte(1))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,2))),r);if(n.gte(.01))return n.toFormat(Math.min(s,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(s,Math.min(o||100,Math.max(e||0,a))),r);return n.isEqualTo(0)?"0":n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,8))),r)},"numberToString");var Lo=i(t=>t?.reduce((e,o)=>e+(o.estimatedTimeInSeconds??0),0)||0,"totalArrivalTime");var je=i((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),Kt=i(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function Bo(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()}i(Bo,"limitDecimalPlaces");function tc(t){switch(!0){case t.connected:return Ke.CONNECTED;case t.connecting:return Ke.CONNECTING;case!t.installed:return Ke.NOT_INSTALLED;default:return Ke.DISCONNECTED}}i(tc,"mapStatusToWalletState");function ds(t,e,o,n){return o.filter(r=>!us.includes(r)).filter(r=>{let{supportedChains:s,isContractWallet:a}=e(r),{installed:l,network:p}=t(r);return a&&(!l||!!n&&p!==n)?!1:n?!!s.find(c=>c.name===n):!0}).map(r=>{let{name:s,img:a,installLink:l}=e(r),p=tc(t(r));return{title:s,image:a,link:Ju(l),state:p,type:r}})}i(ds,"mapWalletTypesToWalletInfo");function $o(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}i($o,"walletAndSupportedChainsNames");function fs(t,e,o,n,r){let s=[];function a(p,u){if(!!!s.find(m=>m.chain===p)){let m={address:u,chain:p,walletType:t};s.push(m)}}i(a,"addAccount");let l=n||[];return e.forEach(p=>{let{address:u,network:c}=Yu(p),m=l.length>0,g=l.includes(c),f=c===ms.Unknown;if(m&&!g&&!f)return;let y=c===ms.Unknown&&Ru(u);if(f&&!y)return;o.includes(c)||y?r?a(c,u.toLowerCase()):l.filter(T=>o.includes(T)).forEach(T=>{a(T,u.toLowerCase())}):a(c,u)}),s}i(fs,"prepareAccountsForWalletStore");function gs(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(s=>{let a=s.from.blockchain,l=s.to.blockchain;e.includes(a)||e.push(a),e.includes(l)||e.push(l)})}),e}i(gs,"getRequiredChains");function _o(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}i(_o,"isAccountAndWalletMatched");function hs(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 ar(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:Do(o,r.asset.symbol,r.asset.address,e)||null}))||[]}i(hs,"makeBalanceFor");function ys(t){return{...t,loading:!1,error:!0}}i(ys,"resetConnectedWalletState");var Ss=i(t=>{let e=new Set,n=t?.reduce((s,a)=>s.findIndex(l=>l.address===a.address&&l.chain===a.chain)===-1?[...s,a]:s,[])?.map(s=>{let a={name:s.chain,accounts:[]};return e.has(s.address)||e.add(s.address),e.forEach(l=>{s.address===l&&a.accounts.push(s)}),a}),r=N(n?.flatMap(s=>s.accounts)?.flatMap(s=>s?.balances)?.map(s=>new ar(s?.amount||Ie).multipliedBy(s?.usdPrice||0))?.reduce((s,a)=>s.plus(a),Ie)||Ie).toString();return oc(r)},"calculateWalletUsdValue");function oc(t){let e=t.toString().split(".");return e[0]=e[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),e.join(".")}i(oc,"numberWithThousandSeparator");var Do=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice"),Fo=i((t,e)=>{let o=Zu(Object.entries(t).map(([,n])=>n).filter(ec));return o&&o[e]?.experimental},"isExperimentalChain");function Uo(t){return t?{...t,amount:N(t.amount,8,8),usdValue:N(t.usdValue,4,4)}:null}i(Uo,"formatBalance");function Cs(t,e){return t.sort((o,n)=>{let r=e(o),s=e(n);return r?.usdValue&&s?.usdValue?parseFloat(s.usdValue)-parseFloat(r.usdValue):!r?.usdValue&&s?.usdValue?1:r?.usdValue&&!s?.usdValue?-1:!r?.usdValue&&!s?.usdValue?parseFloat(s?.amount||"0")-parseFloat(r?.amount||"0"):0}),t}i(Cs,"sortTokensByBalance");function Le(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}i(Le,"tokensAreEqual");function ks(t){return t.sort((e,o)=>+(o.state===Ke.CONNECTED)-+(e.state===Ke.CONNECTED)||+(o.state===Ke.DISCONNECTED||o.state===Ke.CONNECTING)-+(e.state===Ke.DISCONNECTED||e.state===Ke.CONNECTING))}i(ks,"sortWalletsBasedOnConnectionState");function Oo(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}`}i(Oo,"getConciseAddress");function Ts({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}i(Ts,"getAddress");function lr(t){return`${t.blockchain}-${t.symbol}-${t.address??""}`}i(lr,"createTokenHash");function qo(t){return t.flatMap(e=>e.balances).reduce((e,o)=>{let n={amount:o?.amount??"",decimals:o?.decimal??0,usdValue:o?.usdPrice?new ar(o?.usdPrice??Ie).multipliedBy(o?.amount).toString():""},r=o?lr({symbol:o.symbol,blockchain:o.chain,address:o.address}):null,s=r?e[r]:null;return r&&(!s||s&&s.amount<n.amount)&&(e[r]=n),e},{})}i(qo,"makeTokensBalance");var ws=i((t,e)=>({_blockchains:[],_tokens:[],_popularTokens:[],_swappers:[],fetchStatus:"loading",blockchains:o=>{let n=e()._blockchains;if(!o||!o?.type)return n;let r=e().config,s=(o.type==="source"?r.from?.blockchains:r.to?.blockchains)??[];return n.filter(l=>!(s.length>0&&!s.includes(l.name)))},tokens:o=>{let n=e()._tokens;if(!o||!o?.type)return n;let r=e().config,s=(o.type==="source"?r.from?.tokens:r.to?.tokens)??[],a=e().blockchains({type:o.type});return n.filter(p=>s.length>0&&!s.some(u=>Le(u,p))||o.blockchain&&p.blockchain!==o.blockchain||!a.some(u=>u.name===p.blockchain)?!1:o.searchFor?!!(Ct(p.symbol,o.searchFor)||Ct(p.address||"",o.searchFor)||Ct(p.name||"",o.searchFor)):!0).sort((p,u)=>e().isTokenPinned(p)?-1:e().isTokenPinned(u)||p.isSecondaryCoin?1:u.isSecondaryCoin||!p.address&&u.address?-1:p.address&&!u.address?1:0)},isTokenPinned:o=>!!e().config.pinnedTokens?.some(r=>Le(r,o)),swappers:()=>{let{config:{enableNewLiquiditySources:o,liquiditySources:n}}=e();return e()._swappers.filter(a=>{let l=n?.includes(a.swapperGroup);return o||!n||n.length===0?!l:l}).sort(ps)},fetch:async()=>{try{let o=await Nt().getAllMetadata();t({fetchStatus:"success"});let n=[],r=[],s=o.popularTokens,a=o.swappers,l=new Set;o.tokens.forEach(p=>{l.add(p.blockchain),r.push(p)}),o.blockchains.forEach(p=>{p.enabled&&l.has(p.name)&&n.push(p)}),n.sort((p,u)=>p.sort-u.sort),t({_blockchains:n,_tokens:r,_popularTokens:s,_swappers:a})}catch(o){throw t({fetchStatus:"failed"}),o}}}),"createDataSlice");import{English as nc,French as rc,Japanese as ic,Spanish as sc}from"@rango-dev/ui";var vs=[{title:"English",label:"English",local:"en",SVGFlag:nc},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:sc},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:rc},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:ic}],Bt="en";var xs=[.5,1,3],bs=1,As=5,Es=100,Is=0;var Ws=i((t,e)=>({disabledLiquiditySources:[],theme:"auto",language:Bt,preferredBlockchains:[],slippage:bs,customSlippage:null,infiniteApprove:!1,affiliateRef:null,affiliatePercent:null,affiliateWallets:null,addPreferredBlockchain:o=>{let n=e().preferredBlockchains;if(n.find((a,l)=>{let p=a===o,u=l<=10-1;return p&&u}))return;let s=n.filter(a=>!(a===o));t(()=>({preferredBlockchains:[o,...s]}))},setSlippage:o=>t(()=>({slippage:o})),setCustomSlippage:o=>t(()=>({customSlippage:o})),setAffiliateRef:o=>t(()=>({affiliateRef:o})),setAffiliatePercent:o=>t(()=>({affiliatePercent:o})),setAffiliateWallets:o=>t(()=>({affiliateWallets:o})),toggleAllLiquiditySources:(o,n)=>t(r=>{if(n)return{disabledLiquiditySources:[]};let s=Lt(o.map(a=>a.swapperGroup));return s.length===r.disabledLiquiditySources.length?{disabledLiquiditySources:[]}:{disabledLiquiditySources:s}}),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})),updateSettings:o=>{let{features:n}=o,r=Ne("theme",n),s=Ne("language",n),a=Ne("liquiditySource",n);t({...r&&{theme:"auto"},...s&&{language:Bt},...a&&{disabledLiquiditySources:[]}})}}),"createSettingsSlice");function Ns(t){return ac()(lc((...e)=>({...ws(...e),...Ws(...e),...os(t,...e)}),{name:"user-settings",skipHydration:!0,partialize:e=>({theme:e.theme,language:e.language,affiliatePercent:e.affiliatePercent,affiliateRef:e.affiliateRef,affiliateWallets:e.affiliateWallets,slippage:e.slippage,customSlippage:e.customSlippage,infiniteApprove:e.infiniteApprove,preferredBlockchains:e.preferredBlockchains,disabledLiquiditySources:e.disabledLiquiditySources})}))}i(Ns,"createAppStore");var Ls=uc(null);function d(){let t=cc(Ls);if(mc(()=>{t&&!t.persist.hasHydrated()&&t.persist.rehydrate()},[]),!t)throw new Error("Missing AppStoreContext.Provider in the tree");return t()}i(d,"useAppStore");function Bs(t){let e=dc();return e.current||(e.current=Ns(t.config)),pc.createElement(Ls.Provider,{value:e.current},t.children)}i(Bs,"AppStoreProvider");import mt from"bignumber.js";import{create as kc}from"zustand";import{subscribeWithSelector as Tc}from"zustand/middleware";import{getLastSuccessfulStep as Sc}from"@rango-dev/queue-manager-rango-preset";import mC from"bignumber.js";var pt=(r=>(r[r.HIGH_VALUE_LOSS=0]="HIGH_VALUE_LOSS",r[r.UNKNOWN_PRICE=1]="UNKNOWN_PRICE",r[r.INSUFFICIENT_SLIPPAGE=2]="INSUFFICIENT_SLIPPAGE",r[r.HIGH_SLIPPAGE=3]="HIGH_SLIPPAGE",r))(pt||{});function Ms(t,e){return e.find(o=>o.name===t)?.displayName}i(Ms,"getBlockchainDisplayNameFor");function Xe(t,e){return e.find(o=>o.name===t)?.shortName}i(Xe,"getBlockchainShortNameFor");function Ps(t,e){return e.find(o=>o.id===t)?.swapperGroup}i(Ps,"getSwapperDisplayName");function ur(t,e){return e.find(o=>Le(o,t))??null}i(ur,"findToken");function cr(t,e){return e.find(o=>o.name===t)??null}i(cr,"findBlockchain");import{i18n as Fe}from"@lingui/core";import{PendingSwapNetworkStatus as Qo}from"@rango-dev/queue-manager-rango-preset";import Te from"bignumber.js";function zo(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,s=e[e.length-1];n!=s&&e.push(n),s=e[e.length-1],r!=s&&e.push(r)}),e}i(zo,"getRequiredWallets");function Ho(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}i(Ho,"isValidAddress");import{i18n as de}from"@lingui/core";var Q=i(()=>({genericServerError:de.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:de.t("Please reset your liquidity sources."),description:de.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources.")},noResultError:{title:de.t("No Routes Found."),description:de.t("Reasons why Rango couldn't find a route: low liquidity on token, very low input amount or no routes available for the selected input/output token combination.")},bridgeLimitErrors:{increaseAmount:de.t("Bridge Limit Error: Please increase your amount."),decreaseAmount:de.t("Bridge Limit Error: Please decrease your amount.")},highValueLossError:{impactTitle:de.t("High Price Impact"),title:de.t("Price impact is too high!"),description:de.t("The price impact is significantly higher than the allowed amount. If you are sure, continue, otherwise, change the swap."),confirmMessage:de.t("Confirm high price impact")},quoteUpdatedWithHighValueLoss:{title:de.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:de.t("USD Price Unknown"),title:de.t("USD Price Unknown, Cannot calculate Price Impact."),description:de.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:de.t("Confirm USD Price Unknown")}}),"errorMessages");function $s(t){switch(t.type){case 0:return t.diagnosisMessage??Q().noResultError.title;case 1:return Q().genericServerError;default:return""}}i($s,"getQuoteErrorMessage");import{i18n as Go}from"@lingui/core";var kt=i(()=>({connectWallet:Go.t("Connect Wallet"),swap:Go.t("Swap"),swapAnyway:Go.t("Swap anyway"),ethWarning:Go.t("The route goes through Ethereum. Continue?")}),"swapButtonTitles");function _s(t,e){return(parseInt(e.toFixed(2)||"0")<=-10&&t?.gte(new Te(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new Te(1e3)))??!1}i(_s,"hasHighValueLoss");function mr(t){return(t?.result?.swaps||[]).filter(e=>{let o=e.fromAmountMinValue?new Te(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Te(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}i(mr,"hasLimitError");function dr(t){let e=(t.result?.swaps||[]).filter(l=>{let p=l.fromAmountMinValue?new Te(l.fromAmountMinValue):null,u=l.fromAmountMaxValue?new Te(l.fromAmountMaxValue):null;return l.fromAmountRestrictionType==="EXCLUSIVE"?p?.gte(l.fromAmount)||u?.lte(l.fromAmount):p?.gt(l.fromAmount)||u?.lt(l.fromAmount)})[0],o=e.fromAmountMinValue?new Te(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Te(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",s="",a="";return!r&&o&&o.gt(e.fromAmount)?(s=Fe.t({id:"Required: >= {min} {symbol}",values:{min:N(o,6,6),symbol:e.from.symbol}}),a=Q().bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(s=Fe.t({id:"Required: > {min} {symbol}",values:{min:N(o,6,6),symbol:e.from.symbol}}),a=Q().bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(s=Fe.t({id:"Required: <= {max} {symbol}",values:{max:N(n,6,6),symbol:e.from.symbol}}),a=Q().bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(s=Fe.t({id:"Required: < {max} {symbol}",values:{max:N(n,6,6),symbol:e.from.symbol}}),a=Q().bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:s,recommendation:a}}i(dr,"getLimitErrorMessage");function Ds(t){let{fetchMetaStatus:e,anyWalletConnected:o,fetchingQuote:n,inputAmount:r,quote:s,warning:a,error:l,needsToWarnEthOnPath:p}=t;return e!=="success"?{title:kt().connectWallet,action:"connect-wallet",disabled:!0}:o?n||!s||!s.result||l||!r||r==="0"?{title:kt().swap,action:"confirm-swap",disabled:!0}:a?{title:kt().swapAnyway,action:"confirm-warning",disabled:!1}:p?{title:kt().ethWarning,action:"confirm-warning",disabled:!1}:{title:kt().swap,action:"confirm-swap",disabled:!1}:{title:kt().connectWallet,action:"connect-wallet",disabled:!1}}i(Ds,"getSwapButtonState");function fr(t,e,o){return!((!o||o.lte(Ie))&&t?.result&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t.result)}i(fr,"canComputePriceImpact");function fc(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,s=e[e.length-1];n!=s&&e.push(n),s=e[e.length-1],r!=s&&e.push(r)}),e}i(fc,"requiredWallets");var gc=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice");function hc(t,e){let o=Ie;for(let n=0;n<t.fee.length;n++){let r=t.fee[n];if(r.expenseType==="DECREASE_FROM_OUTPUT")continue;let s=gc(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new Te(r.amount).multipliedBy(s||0))}return o}i(hc,"getUsdFeeOfStep");function Vo(t,e){return t.reduce((o,n)=>o.plus(hc(n,e)),Ie)}i(Vo,"getTotalFeeInUsd");function gr(t){let e=new Map;return t.result?.swaps.forEach((o,n)=>{o.recommendedSlippage?.error&&e.set(n,o.recommendedSlippage.slippage)}),e.size>0?e:null}i(gr,"checkSlippageErrors");function Fs(t,e){let o=new Map;return t.result?.swaps.forEach((n,r)=>{n.recommendedSlippage?.slippage&&parseFloat(n.recommendedSlippage.slippage)>e&&o.set(r,n.recommendedSlippage.slippage)}),o.size>0?o:null}i(Fs,"checkSlippageWarnings");function jo(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}i(jo,"getMinRequiredSlippage");function Us(t,e){return e?parseFloat(t)>=parseFloat(e):!0}i(Us,"hasProperSlippage");function Ko(t){let{fromToken:e,toToken:o,inputAmount:n,wallets:r,selectedWallets:s,disabledLiquiditySources:a,liquiditySources:l,excludeLiquiditySources:p,slippage:u,affiliateRef:c,affiliatePercent:m,affiliateWallets:g,initialQuote:f,destination:k}=t,y=s?.reduce((S,w)=>(S[w.chain]=w.address,S),{}),h=[];r?.forEach(S=>{let w=h.find(E=>E.blockchain===S.chain);w?w.addresses.push(S.address):h.push({blockchain:S.chain,addresses:[S.address]})});let b=!!f,T=Lt((f?.result?.swaps||[]).reduce((S,w)=>(S.push(w.from.blockchain,w.to.blockchain),w.internalSwaps&&Array.isArray(w.internalSwaps)&&w.internalSwaps.map(E=>{S.push(E.from.blockchain,E.to.blockchain)}),S),[]));return{amount:n.toString(),affiliateRef:c??void 0,affiliatePercent:m??void 0,affiliateWallets:g??void 0,checkPrerequisites:b,from:{address:e.address,blockchain:e.blockchain,symbol:e.symbol},to:{address:o.address,blockchain:o.blockchain,symbol:o.symbol},connectedWallets:h,selectedWallets:y??{},slippage:u.toString(),...k&&{destination:k},...p&&{swapperGroups:a.concat(l??[]),swappersGroupsExclude:!0},...!p&&{swapperGroups:l?.filter(S=>!a.includes(S)),swappersGroupsExclude:!1},...b&&{blockchains:T}}}i(Ko,"createQuoteRequestBody");function Os(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}i(Os,"getWalletsForNewSwap");function Mt(t){return t.result?.outputAmount||null}i(Mt,"getQuoteOutputAmount");function qs(t,e){return new Te(e).div(new Te(t)).minus(1).multipliedBy(100).toNumber()}i(qs,"getPercentageChange");function zs(t,e){let o=Mt(t),n=Mt(e);if(!o||!n)return!1;let r=Be(o,n);return r?r<=-1:!0}i(zs,"isOutputAmountChangedALot");function Hs(t,e,o){let n=t.validationStatus,r=gs(t);return e.sort((a,l)=>r.indexOf(a.chain)-r.indexOf(l.chain)).flatMap(a=>Xs(a,n)||[]).filter(a=>!a.ok).map(a=>{let l=a.asset.symbol,p=N(new Te(a.currentAmount.amount).shiftedBy(-a.currentAmount.decimals),8,8),u=N(new Te(a.requiredAmount.amount).shiftedBy(-a.requiredAmount.decimals),8,8),c="";return a.reason==="FEE"&&(c=Fe.t(" for network fee")),a.reason==="INPUT_ASSET"&&(c=Fe.t(" for swap")),a.reason==="FEE_AND_INPUT_ASSET"&&(c=Fe.t(" for input and network fee")),Fe.t({id:"Needs \u2248 {requiredAmount} {symbol}{reason}, but you have {currentAmount} {symbol} in your {blockchain} wallet.",values:{requiredAmount:u,symbol:l,reason:c,currentAmount:p,blockchain:Xe(a.asset.blockchain,o)}})})}i(Hs,"generateBalanceWarnings");function Gs(t,e){return(t?new Te(t):Ie).multipliedBy(e||0)}i(Gs,"calcOutputUsdValue");function Xt(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==Qo.NetworkChanged}i(Xt,"isNetworkStatusInWarningState");function Qs(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 Qo.WaitingForConnectingWallet:n=n||Fe.t("Waiting for connecting wallet");break;case Qo.WaitingForQueue:n=n||Fe.t("Waiting for other running tasks to be finished");break;case Qo.WaitingForNetworkChange:n=n||Fe.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}}}i(Qs,"getSwapMessages");function Vs(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}i(Vs,"getLastConvertedTokenInFailedSwap");function js(t){return t.status==="failed"&&!!t.finishTime&&new Date().getTime()-parseInt(t.finishTime)<4*3600*1e3}i(js,"shouldRetrySwap");function Ks(t,e,o,n,r,s){return t||!e&&!fc(n).every(a=>r.map(l=>l.chain).includes(a))||!!e&&!o||!!e&&!!o&&s&&!Ho(s,o)}i(Ks,"confirmSwapDisabled");function hr(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}i(hr,"searchParamsToToken");function Js(t){return t?.result?.swaps[t?.result?.swaps.length-1].to.usdPrice}i(Js,"getQuoteToTokenUsdPrice");function yr(t,e){let o=t.result?.swaps||[],n=e.result?.swaps||[];return o.length!==n.length}i(yr,"isNumberOfSwapsChanged");function Sr(t,e){let o=t.result?.swaps.map(r=>r.swapperId)||[],n=e.result?.swaps.map(r=>r.swapperId)||[];return!sr(o,n)}i(Sr,"isQuoteSwappersUpdated");function Cr(t,e){let o=t.result?.swaps.map(r=>r.to.symbol)||[],n=e.result?.swaps.map(r=>r.to.symbol)||[];return!sr(o,n)}i(Cr,"isQuoteInternalCoinsUpdated");function Zs(t,e){return yr(t,e)||Sr(t,e)||Cr(t,e)}i(Zs,"isQuoteChanged");function Xs(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}i(Xs,"getRequiredBalanceOfWallet");function ot(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}i(ot,"getPriceImpactLevel");function Rs(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],s=Sc(t.steps),a={blockchain:r.toBlockchain,symbol:r.toSymbol,address:r.toSymbolAddress},l=cr(s?s.toBlockchain:n.fromBlockchain,e),p=cr(r.toBlockchain,e),u=ur(s?{blockchain:l?.name??"",symbol:s.toSymbol,address:s.toSymbolAddress}:{blockchain:l?.name??"",symbol:n.fromSymbol,address:n.fromSymbolAddress},o),c=ur(a,o),m=s?s.outputAmount??"":t.inputAmount;return{fromBlockchain:l,fromToken:u,toBlockchain:p,toToken:c,inputAmount:m}}i(Rs,"createRetryQuote");function Xo(t,e){let{fromToken:o,toToken:n,tokens:r,userSlippage:s}=e,a=Tt(o,t.requestAmount),l=Tt(n,t.result?.outputAmount??"");if(t.result&&a&&l){let c=Be(a.toString(),l.toString());if(!!c&&_s(a,c)){let g=Vo(t.result.swaps,r),f=ot(c);return{type:0,inputUsdValue:a,outputUsdValue:l,priceImpact:c,totalFee:g,warningLevel:f}}}else if(t.result&&(!a||!l))return{type:1};let p=jo(t),u=s>As;if(Us(e.userSlippage.toString(),p)){if(u&&parseFloat(p??"0")<s)return{type:3,slippage:s.toString()}}else return{type:2,recommendedSlippages:Fs(t,s),minRequiredSlippage:p};return null}i(Xo,"generateQuoteWarnings");function Be(t,e){let o=typeof e=="string"?parseFloat(e)<=0:!e?.gt(0),n=!t||!e||o?null:qs(t.toString(),e.toString());return n&&n<0?n:null}i(Be,"getPriceImpact");var Cc=i(t=>{let e=t;e.use={};for(let o of Object.keys(e.getState()))e.use[o]=()=>e(n=>n[o]);return e},"createSelectors"),ct=Cc;var Tt=i((t,e)=>t?.usdPrice?new mt(e||Ie).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),O=ct(kc()(Tc(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new mt(0),outputUsdValue:new mt(0),toBlockchain:null,toToken:null,quote:null,quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:"",quoteWarningsConfirmed:!1,setQuote:e=>t(o=>{let n=null,r=Ie;return Kt(o.inputAmount)?(e&&(n=e.result?.outputAmount?new mt(e.result?.outputAmount):null,r=Gs(e.result?.outputAmount,Js(e)||o.toToken?.usdPrice)),{quote:e,...!!e&&{outputAmount:n,outputUsdValue:r}}):{}}),resetQuote:()=>t(()=>({quote:null,outputAmount:null,outputUsdValue:new mt(0)})),setFromBlockchain:e=>{t(o=>o.fromBlockchain?.name===e?.name?{}:{fromBlockchain:e,...o.fromToken&&{quote:null,fromToken:null,outputAmount:null,outputUsdValue:null}})},setFromToken:e=>t(o=>({fromToken:e.token,...e.token&&{fromBlockchain:e.meta.blockchains.find(n=>n.name===e.token.blockchain)??null},...!!o.inputAmount&&{inputUsdValue:Tt(e.token,o.inputAmount)}})),setToBlockchain:e=>{t(o=>o.toBlockchain?.name===e?.name?{}:{toBlockchain:e,...o.toToken&&{quote:null,toToken:null,outputAmount:null,outputUsdValue:null}})},setToToken:e=>t(()=>({toToken:e.token,...e.token&&{toBlockchain:e.meta.blockchains.find(o=>o.name===e.token.blockchain)??null}})),setInputAmount:e=>{t(o=>({inputAmount:e,...!e&&{outputAmount:new mt(0),outputUsdValue:new mt(0),quote:null},...!!o.fromToken&&{inputUsdValue:Tt(o.fromToken,e)}}))},retry:(e,o)=>{let{tokens:n,blockchains:r}=o,{fromBlockchain:s,fromToken:a,toBlockchain:l,toToken:p,inputAmount:u}=Rs(e,r,n);t({fromBlockchain:s,fromToken:a,inputAmount:u,outputAmount:null,inputUsdValue:Tt(a??null,u),outputUsdValue:new mt(0),toBlockchain:l,toToken:p,quote:null})},switchFromAndTo:()=>t(e=>({fromBlockchain:e.toBlockchain,fromToken:e.toToken,toBlockchain:e.fromBlockchain,toToken:e.fromToken,inputAmount:e.outputAmount?.toString()||"",inputUsdValue:Tt(e.toToken,e.outputAmount?.toString()||"")})),resetFromBlockchain:()=>t(()=>({fromToken:null,fromBlockchain:null,outputAmount:null,outputUsdValue:null,quote:null})),resetToBlockchain:()=>t(()=>({toToken:null,toBlockchain:null,outputAmount:null,outputUsdValue:null,quote:null})),setQuoteWalletConfirmed:e=>t({quoteWalletsConfirmed:e}),setSelectedWallets:e=>t({selectedWallets:e}),setCustomDestination:e=>t({customDestination:e}),resetQuoteWallets:()=>t({quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:""}),setQuoteWarningsConfirmed:e=>t({quoteWarningsConfirmed:e})}))));function ta(){let{setInputAmount:t,setToToken:e,setToBlockchain:o,setFromBlockchain:n,setFromToken:r,fromToken:s,toToken:a,fromBlockchain:l,toBlockchain:p}=O(),u=d().config,c=d().fetchStatus,m=d().blockchains(),g=d().tokens(),{setAffiliateRef:f,setAffiliatePercent:k,setAffiliateWallets:y}=d(),h=Jo(()=>u?.from?.tokens,[u?.from?.tokens]),b=Jo(()=>u?.from?.blockchains,[u?.from?.blockchains]),T=Jo(()=>u?.to?.tokens,[u?.to?.tokens]),v=Jo(()=>u?.to?.blockchains,[u?.to?.blockchains]),S=Zo(void 0),w=Zo(void 0),E=Zo(void 0),P=Zo(void 0);Yo(()=>{t(u?.amount?.toString()||"")},[u?.amount]),ea(()=>{if(c==="success"){let C=m.find($=>$.name===u?.from?.blockchain),M=g.find($=>Le($,u?.from?.token||null));(C||!C&&E.current)&&n(C??null),M?r({token:M,meta:{blockchains:m,tokens:g}}):!M&&S.current&&r({token:null}),E.current=u?.from?.blockchain,S.current=u?.from?.token}},[u?.from?.token?.symbol,u?.from?.token?.address,u?.from?.token?.blockchain,u?.from?.blockchain,c]),Yo(()=>{s&&h&&(h.some(C=>Le(C,s))||r({token:null})),l&&b&&(b.includes(l.name)||n(null))},[h,b]),Yo(()=>{a&&T&&(T.some(C=>Le(C,a))||e({token:null})),p&&v&&(v.includes(p.name)||o(null))},[T,v]),ea(()=>{if(c==="success"){let C=m.find($=>$.name===u?.to?.blockchain),M=g.find($=>Le($,u?.to?.token||null));(C||!C&&P.current)&&o(C??null),M?e({token:M,meta:{blockchains:m,tokens:g}}):!M&&w.current&&e({token:null}),P.current=u?.to?.blockchain,w.current=u?.to?.token}},[u?.to?.token?.symbol,u?.to?.token?.address,u?.to?.token?.blockchain,u?.to?.blockchain,c]),Yo(()=>{f(u?.affiliate?.ref??null),k(u?.affiliate?.percent??null),y(u?.affiliate?.wallets??null)},[u?.affiliate?.ref,u?.affiliate?.percent,u?.affiliate?.wallets])}i(ta,"useSyncStoresWithConfig");import{useEffect as bc}from"react";import{create as wc}from"zustand";import{subscribeWithSelector as vc}from"zustand/middleware";var z=ct(wc()(vc((t,e)=>({connectedWallets:[],balances:{},customDestination:"",loading:!1,connectWallet:(o,n)=>{let r=e().getWalletsDetails;t(s=>({loading:!0,connectedWallets:s.connectedWallets.filter(a=>a.walletType!==o[0].walletType).concat(o.map(a=>{let l=!s.connectedWallets.find(p=>p.chain===a.chain&&p.selected);return{balances:[],address:a.address,chain:a.chain,explorerUrl:null,walletType:a.walletType,selected:l,loading:!0,error:!1}}))})),r(o,n)},disconnectWallet:o=>{t(n=>{let r=n.connectedWallets.filter(l=>l.selected&&l.walletType!==o).map(l=>l.chain),s=n.connectedWallets.filter(l=>l.walletType!==o).map(l=>r.includes(l.chain)?l:(r.push(l.chain),{...l,selected:!0}));return{balances:qo(s),connectedWallets:s}})},selectWallets:o=>t(n=>({connectedWallets:n.connectedWallets.map(r=>{let s=!!o.find(l=>l.chain===r.chain&&l.walletType!==r.walletType&&r.selected),a=!!o.find(l=>l.chain===r.chain&&l.walletType===r.walletType&&!r.selected);return s?{...r,selected:!1}:a?{...r,selected:!0}:r})})),clearConnectedWallet:()=>t(()=>({connectedWallets:[],selectedWallets:[]})),getWalletsDetails:async(o,n,r=!0)=>{let s=e().getWalletsDetails;t(a=>({loading:!0,connectedWallets:a.connectedWallets.map(l=>o.find(p=>_o(p,l))?{...l,loading:!0}:l)}));try{let a=o.map(({address:u,chain:c})=>({address:u,blockchain:c})),p=(await Nt().getWalletsDetails(a)).wallets;if(p)t(u=>{let c=u.connectedWallets.map(g=>{let f=o.find(y=>_o(y,g)),k=p.find(y=>y.address===g.address&&y.blockChain===g.chain);return k?.failed&&f&&r&&s([f],n,!1),f&&k?{...g,explorerUrl:k.explorerUrl,balances:hs(k,n),loading:!1}:g});return{loading:!1,balances:qo(c),connectedWallets:c}});else throw new Error("Wallet not found")}catch{t(l=>{let p=l.connectedWallets.map(c=>o.find(m=>_o(m,c))?ys(c):c);return{loading:!1,balances:qo(p),connectedWallets:p}})}},getBalanceFor:o=>{let{balances:n}=e(),r=lr(o);return n[r]??null}}))));import{allProviders as xc}from"@rango-dev/provider-all";function Ro(t,e){let o=xc({walletconnect2:{WC_PROJECT_ID:e?.walletConnectProjectId||""}});if(t){let n=[];return t.forEach(r=>{if(typeof r=="string"){let s=o.find(a=>a.config.type===r);s?n.push(s):console.warn(`Couldn't find ${r} provider. Please make sure you are passing the correct name.`)}else n.push(r)}),n}return o}i(Ro,"matchAndGenerateProviders");function oa(t,e){return Ro(t,e).map(r=>r.config.type)}i(oa,"configWalletsToWalletName");function na(t,e){let o=z.use.clearConnectedWallet(),n=Ro(void 0,e);return bc(()=>{o(),n=Ro(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}i(na,"useWalletProviders");var tn=Ic({onConnectWallet:()=>{}});function Nc(t){let{updateConfig:e,updateSettings:o,fetch:n}=d(),r=d().blockchains(),s=d().tokens(),a={walletConnectProjectId:t.config?.walletConnectProjectId},{providers:l}=na(t.config.wallets,a),{connectWallet:p,disconnectWallet:u}=z(),c=Wc();ta(),ra(()=>{n().catch(console.log)},[]),ra(()=>{t.config&&(e(t.config),o(t.config))},[t.config]);let m=r.filter(Ec).map(f=>f.name),g=i((f,k,y,h,b)=>{if(k===kr.ACCOUNTS)if(y){let T=$o(b.supportedBlockchains),v=fs(f,y,m,T,b.isContractWallet);p(v,s)}else u(f);if(k===kr.ACCOUNTS&&h.connected){let T=`${f}-${h.network}-${y}`;h.connected&&(c.current?c.current(T):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(k===kr.NETWORK&&h.network){let T=`${f}-${h.network}`;c.current?c.current(T):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(f,k,y,h,b)},"onUpdateState");return en.createElement(tn.Provider,{value:{onConnectWallet:f=>{c.current=f}}},en.createElement(Ac,{allBlockChains:r,providers:l,onUpdateState:g,autoConnect:!0},t.children))}i(Nc,"Main");function on(t){let{config:e,...o}=t;return en.createElement(Bs,{config:e},en.createElement(Nc,{...o,config:e}))}i(on,"WidgetWallets");import ts from"react";import{I18nManager as ty}from"@rango-dev/ui";import xo,{useContext as oy,useEffect as Ou,useState as qu}from"react";import{useQueueManager as Uc}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Oc}from"@rango-dev/wallets-react";import{isEvmBlockchain as qc}from"rango-types";import nn,{Fragment as zc}from"react";import{MemoryRouter as Hc,useInRouterContext as Gc}from"react-router";import{useWallets as Bc}from"@rango-dev/wallets-react";import{useEffect as Mc,useRef as Pc}from"react";function ia(){let{connect:t,state:e}=Bc(),o=Pc({}),{fetchStatus:n}=d(),r=new URLSearchParams(location.search).get("autoConnect")||"",s=e(r);Mc(()=>{n==="success"&&r&&s.installed&&!s.connecting&&!s.connected&&!o.current[r]&&(o.current[r]=!0,t(r))},[s,n])}i(ia,"useForceAutoConnect");import{useEffect as Tr,useRef as wr}from"react";import{createSearchParams as _c,useLocation as Dc,useSearchParams as Fc}from"react-router-dom";var _={home:"/",fromSwap:"from-swap",toSwap:"to-swap",blockchains:"blockchains",settings:"settings",liquiditySources:"liquidity-sources",themes:"themes",bridges:"bridges",exchanges:"exchanges",languages:"languages",swaps:"swaps",wallets:"wallets",confirmSwap:"confirm-swap",swapDetails:":requestId"};import{create as $c}from"zustand";var we=ct($c()(t=>({connectWalletsButtonDisabled:!1,selectedSwapRequestId:null,currentPage:"",setSelectedSwap:e=>t({selectedSwapRequestId:e}),setCurrentPage:e=>t({currentPage:e})})));function sa(){let t=wr(!0),[e,o]=Fc(),n=Dc(),r=wr(n.search),s=wr({}),a=O.use.fromBlockchain(),l=O.use.toBlockchain(),p=O.use.fromToken(),u=O.use.toToken(),c=O.use.setFromBlockchain(),m=O.use.setFromToken(),g=O.use.setToBlockchain(),f=O.use.setToToken(),k=O.use.inputAmount(),y=O.use.setInputAmount(),h=d().fetchStatus,b=d().blockchains(),T=d().tokens(),v=we.use.setSelectedSwap();return Tr(()=>{let S={};_c(r.current).forEach((E,P)=>{S[P]=E}),s.current=S;let w=n.pathname.split(_.swaps+"/")[1]||null;w&&v(w)},[]),Tr(()=>{if(!t.current){let S="",w="",E="",P="",C="",M=s.current["autoConnect"];h!=="success"?(S=s.current["fromBlockchain"],w=s.current["fromToken"],E=s.current["toBlockchain"],P=s.current["toToken"],C=s.current["fromAmount"]||k):(S=a?.name||"",w=(p?.symbol||"")+(p?.address?`--${p?.address}`:""),E=l?.name||"",P=(u?.symbol||"")+(u?.address?`--${u?.address}`:""),C=k),o({...S&&{["fromBlockchain"]:S},...w&&{["fromToken"]:w},...E&&{["toBlockchain"]:E},...P&&{["toToken"]:P},...C&&{["fromAmount"]:C.toString()},...M&&{["autoConnect"]:M}},{replace:!0})}t.current=!1},[n.pathname,k,a,p,l,u]),Tr(()=>{if(h==="success"){let S=e.get("fromBlockchain"),w=e.get("fromToken"),E=e.get("toBlockchain"),P=e.get("toToken"),C=e.get("fromAmount"),M=b.find(F=>F.name===S),$=hr(T,w,M||null),W=b.find(F=>F.name===E),x=hr(T,P,W||null);M&&(c(M),$&&m({token:$,meta:{blockchains:b,tokens:T}})),W&&(g(W),x&&f({token:x,meta:{blockchains:b,tokens:T}})),C&&y(C)}},[h]),null}i(sa,"UpdateUrl");function aa({children:t,...e}){let o=Gc(),n=o?zc:Hc,r=d().blockchains(),{canSwitchNetworkTo:s}=Oc();ia();let a=r.filter(qc);return Uc({lastConnectedWallet:e.lastConnectedWallet,clearDisconnectedWallet:e.clearDisconnectedWallet,disconnectedWallet:e.disconnectedWallet,evmChains:a,canSwitchNetworkTo:s}),nn.createElement(nn.Fragment,null,nn.createElement(n,null,t),o&&nn.createElement(sa,null))}i(aa,"AppRouter");import Ae from"react";import{useRoutes as zh}from"react-router-dom";import{i18n as An}from"@lingui/core";import{useManager as Yd}from"@rango-dev/queue-manager-react";import{Alert as zl,Button as Hl,Divider as Jd,IconButton as Gl,RefreshIcon as Zd,SettingsIcon as Rd,styled as Ql,Tooltip as ef,Typography as tf,WalletIcon as of}from"@rango-dev/ui";import ee,{useEffect as so,useLayoutEffect as nf,useRef as rf,useState as En}from"react";import{flushSync as sf}from"react-dom";import{useNavigate as af}from"react-router-dom";import{i18n as nt}from"@lingui/core";import{Alert as _r,BalanceErrors as ed,Button as el,ChevronDownIcon as td,ChevronLeftIcon as od,Divider as Ft,MessageBox as nd,Modal as tl,Typography as Sn,WalletIcon as rd}from"@rango-dev/ui";import L,{useEffect as id,useLayoutEffect as sd,useRef as ad,useState as xt}from"react";import{useNavigate as ld}from"react-router-dom";import{i18n as rn}from"@lingui/core";function sn(t){switch(t.type){case 0:return rn.t("Route has been updated.");case 3:return rn.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return rn.t("Route swappers has been updated.");case 2:return rn.t("Route internal coins has been updated.");default:return""}}i(sn,"getQuoteUpdateWarningMessage");import*as $t from"@radix-ui/react-collapsible";import{Button as Vc,darkTheme as Pt,IconButton as jc,keyframes as la,styled as he,TextField as Kc}from"@rango-dev/ui";var Yt=300,Xc=la({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),Yc=la({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),pa=he("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),ua=he("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}),ca=he("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"}}}}),ma=he($t.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit"}),da=he("div",{padding:"$20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),fa=he(jc,{position:"absolute",left:"$20"}),ga=he("div",{paddingTop:"$20","& .wallets-list":{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}}),ha=he($t.Root,{backgroundColor:"$neutral200",borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),ya=he(Vc,{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=he("div",{padding:"$10 $0","& .button__content":{display:"flex",justifyContent:"center",alignItems:"center"},"& .alarms":{paddingTop:"5px"}}),Ca=he("div",{transition:`all ${Yt}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),ka=he("div",{display:"flex"}),Ta=he(Kc,{padding:"$0 $15 $15 $15"}),an=he($t.Content,{overflow:"hidden",variants:{open:{true:{animation:`${Xc} ${Yt}ms ease-out`},false:{animation:`${Yc} ${Yt}ms ease-out`}}}}),wa=he("div",{overflow:"visible",width:"100%"});import{i18n as qe}from"@lingui/core";import{Button as Jm,Divider as Pr,Image as Zm,MessageBox as yn,Modal as Xa,SelectableWallet as Rm,Typography as Ya,WalletState as Ja}from"@rango-dev/ui";import R,{useEffect as Za,useState as Zt}from"react";import{WalletState as va}from"@rango-dev/ui";import{useWallets as Jc}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as Zc,WalletTypes as Rc}from"@rango-dev/wallets-shared";import{useEffect as em,useState as tm}from"react";var om=Object.values(Rc);function ln(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:s,disconnect:a,getWalletInfo:l,connect:p}=Jc(),{connectedWallets:u}=z(),c=d().blockchains(),m=oa(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||om,g=ds(s,l,m,o),f=ks(g),[k,y]=tm(""),h=i(S=>!u.find(w=>w.walletType===S&&w.chain===o),"isExperimentalChainNotAdded"),b=i(async S=>{let w=s(S);try{if(k&&y(""),w.connected)await a(S);else{let E=!!g.find(P=>P.state===va.CONNECTED);if(!e?.multiWallets&&E)return;n?.(S),await p(S),r?.(S)}}catch(E){y("Error: "+E?.message)}},"handleClick"),T=i(()=>{let S=g?.filter(w=>w.state===va.CONNECTING)||[];for(let w of S)a(w.type)},"disconnectConnectingWallets");em(()=>()=>{T()},[]);let v=i((S,w,E)=>Fo(E,w)&&h(S)&&!Zc.includes(S),"shouldExcludeWallet");return{list:f.filter(S=>!v(S.type,o??"",c)),error:k,handleClick:b}}i(ln,"useWalletList");import{i18n as za}from"@lingui/core";import{styled as Ga,Typography as Hm,Wallet as Gm,WalletState as Qm}from"@rango-dev/ui";import vt,{Fragment as Vm,useState as Ha}from"react";import{BottomLogo as Mm,Divider as Pm,Header as $m}from"@rango-dev/ui";import fe from"react";import{useNavigate as nm}from"react-router-dom";function dt(){let t=nm();return()=>t(-1)}i(dt,"useNavigateBack");import{ChevronLeftIcon as sm}from"@rango-dev/ui";import Aa from"react";import{darkTheme as rm,IconButton as im,styled as pn}from"@rango-dev/ui";var Ue=pn(im,{width:"$24",position:"relative",padding:"0",overflow:"unset"}),xa=pn("div",{position:"absolute",background:"$secondary500",[`.${rm} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),_t=pn("div",{display:"flex",justifyContent:"flex-end",width:"$40"}),ba=pn("div",{position:"absolute",backgroundColor:"$secondary500",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0"});function vr(t){return Aa.createElement(Ue,{variant:"ghost",size:"small",onClick:t.onClick},Aa.createElement(sm,{color:"black",size:16}))}i(vr,"BackButton");import{i18n as am}from"@lingui/core";import{Button as lm,Typography as pm}from"@rango-dev/ui";import xr from"react";function br(t){return xr.createElement(_t,null,xr.createElement(lm,{variant:"ghost",onClick:t.onClick,size:"xsmall"},xr.createElement(pm,{variant:"label",size:"medium",color:"error500"},am.t("Cancel"))))}i(br,"CancelButton");import{i18n as um}from"@lingui/core";import{Tooltip as cm,WalletIcon as mm}from"@rango-dev/ui";import un from"react";function Ar(t){return un.createElement(cm,{container:t.container,side:"top",content:um.t("Connect Wallet")},un.createElement(Ue,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&un.createElement(xa,null),un.createElement(mm,{size:18,color:"black"})))}i(Ar,"WalletButton");import{i18n as dn}from"@lingui/core";import{NotificationsIcon as Em,Popover as Im,RefreshIcon as Wm,SettingsIcon as Nm,Tooltip as fn,TransactionIcon as Lm}from"@rango-dev/ui";import pe from"react";import{i18n as km}from"@lingui/core";import{ChainToken as Ba,ChevronRightIcon as Tm,ListItemButton as wm,Typography as vm}from"@rango-dev/ui";import Oe from"react";import{useNavigate as xm}from"react-router-dom";import{create as dm}from"zustand";import{persist as fm,subscribeWithSelector as gm}from"zustand/middleware";var Me=ct(dm()(fm(gm((t,e)=>({notifications:[],setNotification:(o,n)=>{let r=n.steps[0],s=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:s.toBlockchain,tokenSymbol:s.toSymbol,tokenAddress:s.toSymbolAddress}}},l=e().notifications.filter(p=>p.requestId!==n.requestId);t(()=>({notifications:[...l,a]}))},setAsRead:o=>{t(n=>({notifications:n.notifications.map(r=>r.requestId===o?{...r,read:!0}:r)}))},getUnreadNotifications:()=>e().notifications.filter(o=>!o.read)})),{name:"notification",skipHydration:!0})));import{styled as cn}from"@rango-dev/ui";var Ea=cn("div",{padding:"$10",width:"350px",minHeight:"150px"}),Ia=cn("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),Wa=cn("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),Na=cn("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as hm}from"@lingui/core";import{Divider as ym,NoNotificationIcon as Sm,Typography as Cm}from"@rango-dev/ui";import mn from"react";function La(){return mn.createElement(Na,null,mn.createElement(Sm,{color:"secondary",size:26}),mn.createElement(ym,{size:12}),mn.createElement(Cm,{variant:"body",size:"medium",color:"neutral700"},hm.t("You have no notification")))}i(La,"NotificationNotFound");var bm=4;function Er(){let t=xm(),e=we.use.setSelectedSwap(),{getUnreadNotifications:o}=Me(),n=o(),r=d().blockchains(),s=d().tokens(),a=n.sort((p,u)=>u.creationTime-p.creationTime).slice(0,bm),l=i(p=>{e(p),t(`${_.swaps}/${p}`)},"handleOnClick");return Oe.createElement(Ea,null,a.length?Oe.createElement(Ia,null,a.map(p=>{let u=s.find(f=>f.address===p.route.from.tokenAddress&&f.blockchain===p.route.from.blockchain&&f.symbol===p.route.from.tokenSymbol),c=r.find(f=>f.name===p.route.from.blockchain),m=s.find(f=>f.address===p.route.to.tokenAddress&&f.blockchain===p.route.to.blockchain&&f.symbol===p.route.to.tokenSymbol),g=r.find(f=>f.name===p.route.to.blockchain);return Oe.createElement(wm,{key:p.requestId,onClick:()=>l(p.requestId),title:Oe.createElement(vm,{variant:"body",size:"small",color:"$neutral700"},km.t(p.event.message)),id:p.requestId,start:Oe.createElement(Wa,null,Oe.createElement("div",{className:"from-chain-token"},Oe.createElement(Ba,{tokenImage:u?u.image:"",chainImage:c?c.logo:"",size:"small"})),Oe.createElement("div",{className:"to-chain-token"},Oe.createElement(Ba,{tokenImage:m?m.image:"",chainImage:g?g.logo:"",size:"small"}))),end:Oe.createElement(Tm,{size:12,color:"gray"})})})):Oe.createElement(La,null))}i(Er,"NotificationContent");import{Typography as Am}from"@rango-dev/ui";import Ma from"react";function Pa(){let{getUnreadNotifications:t}=Me(),e=t().length;return e?Ma.createElement(ba,null,Ma.createElement(Am,{variant:"body",size:"xsmall",color:"$background"},e)):null}i(Pa,"UnreadNotificationsBadge");function Ir(t){let{layoutRef:e,onClickRefresh:o,onClickHistory:n,onClickSettings:r,onClickNotifications:s}=t,{config:{features:a}}=d(),l=Ne("notification",a);return pe.createElement(pe.Fragment,null,pe.createElement(fn,{container:j(),side:"top",content:dn.t("Refresh")},pe.createElement(Ue,{variant:"ghost",size:"small",onClick:o,disabled:!o},pe.createElement(Wm,{size:16,color:o?"black":"gray"}))),!l&&pe.createElement(fn,{container:j(),side:"top",content:dn.t("Notifications")},pe.createElement(Im,{align:"center",collisionBoundary:e,collisionPadding:{right:20,left:20},container:j(),content:pe.createElement(Er,null)},pe.createElement(Ue,{size:"small",variant:"ghost",onClick:s},pe.createElement(Em,{size:18,color:"black"}),pe.createElement(Pa,null)))),pe.createElement(fn,{container:j(),side:"top",content:dn.t("Settings")},pe.createElement(Ue,{size:"small",variant:"ghost",onClick:r},pe.createElement(Nm,{size:18,color:"black"}))),pe.createElement(fn,{container:j(),side:"top",content:dn.t("Transactions History")},pe.createElement(Ue,{size:"small",variant:"ghost",onClick:n},pe.createElement(Lm,{size:18,color:"black"}))))}i(Ir,"HomeButtons");import{darkTheme as Bm,styled as Wr}from"@rango-dev/ui";var $a=Wr("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",[`.${Bm} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",variants:{fixedHeight:{true:{height:"95vh"},false:{height:"auto"}}}}),_a=Wr("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"}}}}),Da=Wr("div",{backgroundColor:"$background","& .footer__content":{padding:"$0 $20"},"& .footer__logo":{padding:"$0 $20 $10 $20"}});function _m(t,e){let{children:o,header:n,footer:r,noPadding:s,hasLogo:a=!0,fixedHeight:l=!0}=t,p=z.use.connectedWallets(),{config:{features:u}}=d(),c=Ne("connectWalletButton",u),m=we.use.connectWalletsButtonDisabled(),g=dt(),f=i(()=>{!m&&n.onWallet&&n.onWallet()},"onConnectWallet"),k=typeof n.hasBackButton>"u"||n.hasBackButton;return fe.createElement($a,{ref:e,fixedHeight:l,id:"swap-box"},fe.createElement($m,{prefix:fe.createElement(fe.Fragment,null,k&&fe.createElement(vr,{onClick:g})),title:n.title,suffix:fe.createElement(fe.Fragment,null,n.suffix,n.onWallet&&!c&&fe.createElement(Ar,{container:j(),onClick:f,isConnected:!!p?.length}),n.onCancel&&fe.createElement(br,{onClick:n.onCancel}))}),fe.createElement(_a,{noPadding:s},o),(a||r)&&fe.createElement(Da,null,fe.createElement("div",{className:"footer__content"},r),a&&fe.createElement("div",{className:"footer__logo"},fe.createElement(Pm,{size:12}),fe.createElement(Mm,null))))}i(_m,"LayoutComponent");var K=fe.forwardRef(_m);K.displayName="Layout";import{Divider as qm,Modal as zm}from"@rango-dev/ui";import Lr from"react";import{i18n as Dt}from"@lingui/core";import{Image as Um,MessageBox as Nr,WalletState as Om}from"@rango-dev/ui";import wt from"react";import{keyframes as Dm,styled as gn}from"@rango-dev/ui";var Fw=gn("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),Fa=gn("div",{position:"relative"}),Fm=Dm({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),Ua=gn("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Fm} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),Oa=gn("div",{"& img":{borderRadius:"50%"}});function qa(t){let{state:e,image:o,error:n}=t;return e===Om.CONNECTED?wt.createElement(Nr,{type:"success",title:Dt.t("Wallet Connected"),description:Dt.t("Your wallet is connected, you can use it to swap.")}):n?wt.createElement(Nr,{type:"error",title:Dt.t("Failed to Connect"),description:n||Dt.t("Your wallet is not connected. Please try again.")}):wt.createElement(Nr,{type:"loading",title:Dt.t("Connecting to your wallet"),description:Dt.t("Click connect in your wallet popup."),icon:wt.createElement(Fa,null,wt.createElement(Oa,null,wt.createElement(Um,{src:o,size:45})),wt.createElement(Ua,null))})}i(qa,"ModalContent");function Jt(t){let{open:e,onClose:o,...n}=t;return Lr.createElement(zm,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},Lr.createElement(qa,{...n}),Lr.createElement(qm,{direction:"vertical",size:32}))}i(Jt,"WalletModal");var jm=Ga("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline",paddingTop:"$15",height:"100%"}),Km=Ga("div",{textAlign:"center"}),hn=3e3,Br=300;function Qa(){let{config:t,fetchStatus:e}=d(),[o,n]=Ha(!1),[r,s]=Ha(""),a=null,{list:l,handleClick:p,error:u}=ln({config:t,onBeforeConnect:f=>{a=setTimeout(()=>{n(!0),s(f)},Br)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},hn)}}),c=l.find(f=>f.type===r),m=c?.image||"",g=c?.state||Qm.NOT_INSTALLED;return vt.createElement(K,{header:{title:za.t("Connect Wallets")}},vt.createElement(Km,null,vt.createElement(Hm,{variant:"title",size:"xmedium",align:"center"},za.t("Choose a wallet to connect.")),vt.createElement(jm,null,l.map((f,k)=>{let y=`wallet-${k}-${f.type}`;return vt.createElement(Vm,{key:y},vt.createElement(Gm,{...f,container:j(),onClick:h=>{p(h)},isLoading:e==="loading"}))}),vt.createElement(Jt,{open:!!o,onClose:()=>n(!1),image:m,state:g,error:u}))))}i(Qa,"WalletsPage");import{keyframes as Xm,styled as Mr}from"@rango-dev/ui";var Va=Mr("div",{position:"relative"}),Ym=Xm({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),ja=Mr("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Ym} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),Ka=Mr("div",{"& img":{borderRadius:"50%"}});function $r(t){let{chain:e,isSelected:o,selectWallet:n,limit:r,onShowMore:s}=t,{config:a}=d(),l=z.use.connectedWallets(),{blockchains:p}=d(),[u,c]=Zt(""),[m,g]=Zt(null),[f,k]=Zt(!1),[y,h]=Zt(null),{suggestAndConnect:b}=Ra(),T=null,{list:v,error:S,handleClick:w}=ln({config:a,chain:e,onBeforeConnect:x=>{T=setTimeout(()=>{c(x)},Br)},onConnect:()=>{T&&clearTimeout(T),setTimeout(()=>{c("")},hn)}}),[E,P]=Zt(v),C=v.length,M=r&&C-r>0,$=i(async x=>{k(!1),h("in-progress");try{await b(x.walletType,x.chain),h("completed")}catch{h("rejected")}},"addExperimentalChain");Za(()=>{P(x=>{let F=v.findIndex(I=>o(I.type,e));return M&&F>1?[v[F]].concat(v.filter((I,H)=>H!==F)):x.map(I=>v.find(H=>H.type===I.type)??I)})},[JSON.stringify(v)]);let W=document.querySelector("#swap-box");return Za(()=>{let x=null;return(y==="completed"||y==="rejected")&&(x=setTimeout(()=>h(null),hn)),()=>{x&&clearTimeout(x)}},[y]),R.createElement(R.Fragment,null,E.slice(0,r).map(x=>{let F=Ts({connectedWallets:l,walletType:x.type,chain:e}),I=F?Oo(F):"",H=Fo(p(),e),te=!l.find(me=>me.walletType===x.type&&me.chain===e),oe=H&&te&&x.state===Ja.CONNECTED,G=oe?qe.t({id:"Add {chain} chain",values:{chain:e}}):I,ie=i(()=>{x.state===Ja.DISCONNECTED?w(x.type):oe?(g({walletType:x.type,chain:e,address:F??""}),k(!0)):n({walletType:x.type,chain:e,address:F??""})},"onClick"),ce=m?.chain?Ms(m.chain,p()):void 0;return R.createElement(R.Fragment,null,R.createElement(Jt,{open:u===x.type,onClose:()=>c(""),image:x.image,state:x.state,error:S}),!!m&&R.createElement(Xa,{open:!!m&&f,container:W,onClose:()=>{g(null)}},R.createElement(yn,{title:qe.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:ce}}),type:"warning",description:qe.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:ce}})},R.createElement(Pr,{size:18}),R.createElement(Pr,{size:32}),R.createElement(Jm,{onClick:$.bind(null,m),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},qe.t("Confirm")))),y&&R.createElement(Xa,{open:!!y,onClose:h.bind(null,null),container:W},y==="in-progress"&&R.createElement(yn,{type:"loading",title:qe.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:ce}}),description:qe.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:ce}}),icon:R.createElement(Va,null,R.createElement(Ka,null,R.createElement(Zm,{src:x.image,size:45})),R.createElement(ja,null))}),y==="completed"&&R.createElement(yn,{type:"success",title:qe.t({id:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:ce}}),description:qe.t({id:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:ce}})}),y==="rejected"&&R.createElement(yn,{type:"error",title:qe.t("Request Rejected"),description:qe.t({id:"You've rejected adding {blockchainDisplayName} chain to your wallet.",values:{blockchainDisplayName:ce}})}),R.createElement(Pr,{direction:"vertical",size:32})),R.createElement(Rm,{key:x.type,description:G,onClick:ie,selected:o(x.type,e),...x}))}),M&&R.createElement(ca,{selected:!1,onClick:s.bind(null)},R.createElement(Ya,{variant:"label",size:"medium"},qe.t("Show more wallets"),R.createElement(Ya,{variant:"label",size:"medium",color:"$primary"},"\xA0+",C-(r??0)))))}i($r,"WalletList");var pd=2;function ol(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,loading:s}=t,a=d().config,l=d().blockchains(),{quote:p,setSelectedWallets:u,quoteWalletsConfirmed:c,setQuoteWalletConfirmed:m,customDestination:g,setCustomDestination:f}=O(),{connectedWallets:k,selectWallets:y}=z(),[h,b]=xt(""),[T,v]=xt([]),[S,w]=xt(""),[E,P]=xt(null),[C,M]=xt(g),[$,W]=xt(!!g),x=ad(null),F=zo(p),I=l.find(D=>D.name===p?.result?.swaps[p?.result?.swaps.length-1].to.blockchain),H=i(D=>!!p?.result?.swaps.find(Y=>Y.from.blockchain===D),"isWalletRequiredFor"),[te,oe]=xt(k.filter(D=>D.selected&&F.includes(D.chain))),G=l.find(D=>D.name===I?.name),ie=i((D,Y)=>!!te.find(q=>q.walletType===D&&q.chain===Y&&q.selected&&(H(Y)||!H(Y)&&!C)),"isSelected"),ce=!!C&&$&&G&&!Ho(G,C),me=i(()=>{W(!1),M(""),oe(D=>{let Y=!1;return D.map(q=>!Y&&q.chain===I?.name?(Y=!0,{...q,selected:!0}):q)})},"resetCustomDestination"),De=i(D=>{if(h&&b(""),ie(D.walletType,D.chain))return;let q=k.find(se=>se.walletType===D.walletType&&se.chain===D.chain);q&&(n(),D.chain===I?.name&&$&&(W(!1),M("")),oe(se=>se.filter(Ve=>Ve.chain!==D.chain).concat({...q,selected:!0})))},"onChange"),It=i(()=>{let D=te.filter(Y=>Y.selected);y(D),u(D),f(C),m(!0),o()},"onConfirmBalance"),jt=i(async()=>{v([]),w(""),P(null);let D=k.filter(se=>te.find(Ve=>Ve.chain===se.chain&&Ve.walletType===se.walletType)),Y=await r?.({selectedWallets:D,customDestination:C}),q=Y.warnings;q?.balance?.messages&&v(q.balance.messages),q?.quoteUpdate&&P(q.quoteUpdate),Y.error&&w($s(Y.error)),!Y.error&&(!q?.balance?.messages.length||0>0)?It():v(q?.balance?.messages??[])},"onConfirmWallets");id(()=>{oe(D=>D.concat(k.filter(Y=>!!!D.find(se=>se.chain===Y.chain)&&Y.selected&&F.includes(Y.chain))))},[k.length]),sd(()=>{$&&x.current&&setTimeout(()=>{x?.current?.scrollIntoView({behavior:"smooth"})},Yt)},[$]);let tt=document.querySelector("#swap-box"),Qe=ld();return L.createElement(tl,{open:e,onClose:()=>{c||Qe("../",{replace:!0}),o()},dismissible:!h,container:tt,...!h&&{footer:L.createElement(ka,null,L.createElement(el,{loading:s,disabled:Ks(s,$,C,p,te,I),onClick:jt,variant:"contained",type:"primary",fullWidth:!0,size:"large"},"Confirm"))},...h&&{containerStyle:{padding:"$0"},header:L.createElement(da,null,L.createElement(fa,{variant:"ghost",onClick:b.bind(null,"")},L.createElement(od,{size:16})),L.createElement(Sn,{variant:"headline",size:"small"},nt.t({id:"Your {blockchainName} wallets",values:{blockchainName:Xe(h,l)}})))},anchor:"center"},L.createElement(tl,{open:T.length>0,onClose:v.bind(null,[]),container:tt},L.createElement(nd,{title:nt.t("Insufficient account balance"),type:"error",description:L.createElement(ed,{messages:T??[]})},L.createElement(el,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:It},nt.t("Proceed anyway")))),h&&L.createElement(ga,null,L.createElement("div",{className:"wallets-list"},L.createElement($r,{chain:h,isSelected:ie,selectWallet:De,onShowMore:b.bind(null,h)}))),!h&&L.createElement(L.Fragment,null,S&&L.createElement(L.Fragment,null,L.createElement(_r,{variant:"alarm",type:"error",title:nt.t(S)}),L.createElement(Ft,{size:12})),E&&L.createElement(L.Fragment,null,L.createElement(_r,{variant:"alarm",type:"warning",title:sn(E)}),L.createElement(Ft,{size:12})),L.createElement(wa,null,F.map((D,Y)=>{let q=l.find(Ee=>Ee.name===D),se=`wallet-${Y}`,Ve=Y===F.length-1;return L.createElement("div",{key:se},L.createElement(pa,null,L.createElement(Sn,{variant:"title",size:"xmedium"},nt.t({id:"Your {blockchainName} wallets",values:{blockchainName:q?.shortName}})),L.createElement(Sn,{variant:"label",color:"$neutral700",size:"medium"},nt.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:q?.shortName}}))),L.createElement(Ft,{size:24}),L.createElement(ua,null,L.createElement($r,{chain:D,isSelected:ie,selectWallet:De,limit:pd,onShowMore:()=>b(q?.name??"")})),!Ve&&L.createElement(Ft,{size:32}),Ve&&a?.customDestination&&L.createElement(Sa,null,L.createElement(ha,{ref:x,selected:$,open:$,onOpenChange:Ee=>{Ee?H(I?.name??"")||oe(tr=>tr.map(or=>or.chain===I?.name?{...or,selected:!1}:or)):me()}},L.createElement(ma,{onClick:()=>W(Ee=>!Ee)},L.createElement(ya,{fullWidth:!0,variant:"default",suffix:L.createElement(Ca,{orientation:$?"up":"down"},L.createElement(td,{size:10,color:"gray"}))},L.createElement("div",{className:"button__content"},L.createElement(rd,{size:18,color:"info"}),L.createElement(Ft,{size:4,direction:"horizontal"}),L.createElement(Sn,{variant:"label",size:"medium"},nt.t("Send to a different address"))))),L.createElement(an,{open:$},L.createElement(L.Fragment,null,L.createElement(Ft,{size:4}),L.createElement(Ta,{autoFocus:!0,placeholder:nt.t("Your destination address"),value:C,onChange:Ee=>{M(Ee.target.value)}})))),ce&&L.createElement("div",{className:"alarms"},L.createElement(_r,{variant:"alarm",type:"error",title:nt.t({values:{destination:C},id:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}i(ol,"ConfirmWalletsModal");import{Divider as Qd}from"@rango-dev/ui";import Pe from"react";import{i18n as qr}from"@lingui/core";import{Alert as cd,ChevronDownIcon as md,ChevronRightIcon as dd,Divider as zr,Image as hl,InfoIcon as fd,QuoteCost as gd,StepDetails as hd,TokenAmount as yd,Tooltip as yl,Typography as Ut}from"@rango-dev/ui";import B,{useLayoutEffect as Sd,useRef as Sl,useState as Cd}from"react";import{styled as Rt}from"@rango-dev/ui";var nl=Rt("div",{paddingBottom:"$10"}),Dr=Rt("div",{width:"100%","& .position-top__skeleton":{paddingTop:"$10"}}),rl=Rt("div",{variants:{paddingTop:{true:{paddingTop:"$10"}}}}),il=Rt("div",{paddingBottom:"$15"}),sl=Rt("div",{width:"100%",display:"flex"});import*as Cn from"@radix-ui/react-collapsible";import{darkTheme as Ye,Image as al,styled as rt}from"@rango-dev/ui";var Fr=300,ll=rt(Cn.Root,{display:"flex",flexDirection:"column",alignItems:"start",overflowX:"auto",overflowY:"hidden",width:"100%",borderRadius:"$xm",cursor:"default",variants:{recommended:{true:{$$color:"$colors$info300",[`.${Ye} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"},false:{$$color:"$colors$neutral400",[`.${Ye} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}}},"& .steps-details":{padding:"$10 $15"}}),pl=rt("div",{borderRadius:"$xm",display:"flex",flexDirection:"column",alignItems:"start",justifyContent:"space-between",color:"$foreground",cursor:"pointer",boxSizing:"border-box",position:"relative",variants:{recommended:{true:{$$color:"$colors$info100",[`.${Ye} &`]:{$$color:"$colors$secondary600"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}},false:{$$color:"$colors$neutral200",[`.${Ye} &`]:{$$color:"$colors$neutral500"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}}},basic:{true:{borderTopRightRadius:"0",borderTopLeftRadius:"0"}},listItem:{true:{},false:{}}},compoundVariants:[{listItem:!0,recommended:!0,css:{"&:hover":{$$color:"$colors$secondary200",[`.${Ye} &`]:{$$color:"$colors$secondary700"},backgroundColor:"$$color"}}},{listItem:!0,recommended:!1,css:{"&:hover":{$$color:"$colors$neutral300",[`.${Ye} &`]:{$$color:"$colors$neutral400"},backgroundColor:"$$color"}}}],"& .summary":{width:"100%",padding:"$15 $15 $10 $15",cursor:"default"},"& .basic-info":{paddingTop:"$10",display:"flex",alignItems:"center",".usd-value":{$$color:"$colors$neutral600",[`.${Ye} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}}),ul=rt(Cn.Trigger,{display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",height:"$36",padding:"$10 $15",boxSizing:"border-box",cursor:"pointer",border:"none",outline:"none",backgroundColor:"transparent",variants:{error:{true:{[`& ${al}`]:{border:"1px $warning500 solid",borderRadius:"100%"}},false:{[`& ${al}`]:{border:"1px transparent solid",borderRadius:"100%"}}},recommended:{true:{$$color:"$colors$info300",[`.${Ye} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"},false:{$$color:"$colors$neutral400",[`.${Ye} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}}},"& div:nth-child(1)":{display:"flex"}}),Ur=rt("div",{width:"18px",height:"18px",borderRadius:"100%",border:"1.5px transparent solid",display:"flex",justifyContent:"center",alignItems:"center",variants:{state:{error:{borderColor:"$error500"},warning:{borderColor:"$warning500"}}}}),cl=rt(an,{width:"100%"}),Or=rt("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$2",transition:`all ${Fr}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),Vv=rt("div",{height:"$12",marginLeft:"$10",marginRight:"$10",borderLeft:"1px solid $foreground"}),ml=rt("div",{display:"flex",justifyContent:"center",margin:"0 $15",borderTop:"1px solid",$$color:"$colors$neutral300",[`.${Ye} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color"}),dl=rt("div",{width:"$16",height:"$16",justifyContent:"center",alignItems:"center",display:"flex"});import{TokenAmount as gl}from"@rango-dev/ui";import kn from"react";import{styled as ud}from"@rango-dev/ui";var fl=ud("div",{position:"relative",display:"flex",flexDirection:"column",width:"100%","& .separator":{height:"14px",marginLeft:"14px",position:"absolute",borderLeft:"1px solid $foreground",top:"42%"}});function eo(t){let{from:e,to:o,percentageChange:n,warningLevel:r}=t;return kn.createElement(fl,null,kn.createElement(gl,{direction:"horizontal",label:"Swap input",type:"input",price:{value:e.price.value,usdValue:e.price.usdValue},token:{displayName:e.token.displayName,image:e.token.image},chain:{image:e.chain.image}}),kn.createElement("div",{className:"separator"}),kn.createElement(gl,{direction:"horizontal",label:"Estimated output",type:"output",price:{value:o.price.value,usdValue:o.price.usdValue},token:{displayName:o.token.displayName,image:o.token.image},chain:{image:o.chain.image},percentageChange:n,warningLevel:r}))}i(eo,"QuoteSummary");function Hr(t){let{quote:e,input:o,output:n,error:r,warning:s,type:a,recommended:l=!0}=t,p=d().tokens(),u=d().blockchains(),c=d().swappers(),[m,g]=Cd(t.expanded),f=Sl(null),k=Sl(m),y=N(Vo(e.result?.swaps??[],p),2,2),h=No(Lo(e.result?.swaps)),b=N(o.value,6,6),T=N(n.value,6,6),v=n.usdValue?N(n.usdValue,4,4):"",S=Be(o.usdValue,n.usdValue??null),w=N(S,2,2),E=ot(S??0),C=i(W=>W.map((x,F)=>{let I,H=r?.type===3&&r.swap.swapperId===x.swapperId||r?.type===4&&r.recommendedSlippages?.has(F),te=s?.type===2&&s.recommendedSlippages?.has(F);return H?I="error":te&&(I="warning"),{swapper:{displayName:Ps(x.swapperId,c),image:x.swapperLogo},from:{token:{displayName:x.from.symbol,image:x.from.logo},chain:{displayName:Xe(x.from.blockchain,u),image:x.from.blockchainLogo},price:{value:F===0?N(o.value,6,6):N(x.fromAmount,6,6),usdValue:N((x.from.usdPrice??0)*parseFloat(x.fromAmount),4,4)}},to:{token:{displayName:x.to.symbol,image:x.to.logo},chain:{displayName:Xe(x.to.blockchain,u),image:x.to.blockchainLogo},price:{value:N(x.toAmount,6,6),usdValue:N((x.to.usdPrice??0)*parseFloat(x.toAmount),4,4)}},state:I,alerts:H||te?B.createElement(il,null,B.createElement(cd,{type:H?"error":"warning",title:r?.type===3?r?.recommendation:qr.t("Slippage Error:"),footer:B.createElement(sl,null,r?.type===3&&B.createElement(B.Fragment,null,B.createElement(Ut,{size:"xsmall",variant:"body",color:"neutral900"},r.fromAmountRangeError),B.createElement(zr,{direction:"horizontal",size:8}),B.createElement(Ut,{size:"xsmall",variant:"body",color:"neutral900"},"|"),B.createElement(zr,{direction:"horizontal",size:8}),B.createElement(Ut,{size:"xsmall",variant:"body",color:"neutral900"},qr.t({id:"Yours: {amount} {symbol}",values:{amount:N(x.fromAmount,6,6),symbol:x?.from.symbol}}))),(r?.type===4||s?.type===2)&&B.createElement(Ut,{size:"xsmall",variant:"body",color:"neutral900"},qr.t({id:"Minimum required slippage is {minRequiredSlippage}",values:{...r?.type===4&&{minRequiredSlippage:r.recommendedSlippages?.get(F)},...s?.type===2&&{minRequiredSlippage:s.recommendedSlippages?.get(F)}}})))})):void 0}}),"getQuoteSteps")(e.result?.swaps??[]),M=C.length,$=j();return Sd(()=>{m&&!k.current&&f.current&&setTimeout(()=>{f?.current?.scrollIntoView({behavior:"smooth"})},Fr),k.current=m},[m,k]),B.createElement(B.Fragment,null,B.createElement(pl,{recommended:l,listItem:a==="list-item",basic:a==="basic"},B.createElement("div",{className:"summary"},B.createElement(gd,{fee:y,time:h,steps:M}),a==="basic"&&B.createElement("div",{className:"basic-info"},B.createElement(dl,null,B.createElement(fd,{size:12,color:"gray"})),B.createElement(Ut,{size:"small",variant:"body",style:{letterSpacing:.4}},`${b} ${C[0].from.token.displayName} = ${T} ${C[C.length-1].to.token.displayName}`),B.createElement(Ut,{color:"$neutral600",ml:2,size:"xsmall",variant:"body"},`($${v})`)),a==="list-item"&&B.createElement(yd,{type:"output",direction:"vertical",price:{value:T,usdValue:v},token:{displayName:C[M-1].to.token.displayName,image:C[M-1].to.token.image},chain:{image:C[M-1].to.chain.image},percentageChange:w,warningLevel:E}),a==="swap-preview"&&B.createElement(B.Fragment,null,B.createElement(eo,{from:C[0].from,to:C[M-1].to,percentageChange:w,warningLevel:E}),B.createElement(zr,{size:4}))),B.createElement(ll,{recommended:l,open:m,onOpenChange:g},B.createElement(ul,{ref:W=>f.current=W,recommended:l,onClick:()=>g(W=>!W)},B.createElement("div",null,C.map((W,x)=>{let F=`item-${x}`,I=B.createElement(Or,null,B.createElement(dd,{size:12,color:"black",...W.state&&{color:W.state==="error"?"error":"warning"}}));return B.createElement(B.Fragment,{key:F},B.createElement(yl,{container:$,side:"bottom",sideOffset:4,content:W.from.chain.displayName},B.createElement(Ur,{state:W.state||C[x-1]?.state},B.createElement(hl,{src:W.from.chain.image,size:16}))),x===M-1&&B.createElement(B.Fragment,null,I,B.createElement(yl,{container:$,side:"bottom",sideOffset:4,content:W.to.chain.displayName},B.createElement(Ur,{state:W.state},B.createElement(hl,{src:W.to.chain.image,size:16})))),x!==M-1&&B.createElement(B.Fragment,null,I))})),B.createElement(Or,{orientation:m?"up":"down"},B.createElement(md,{size:12,color:"black"}))),B.createElement(cl,{open:m},B.createElement(ml,null),B.createElement("div",{className:"steps-details"},C.map((W,x)=>{let F=`item-${x}`;return B.createElement(hd,{type:"quote-details",key:F,step:W,hasSeparator:x!==C.length-1,state:W.state})}))))))}i(Hr,"Quote");import{ChainToken as Tn,Divider as ze,NextIcon as Td,Skeleton as ye}from"@rango-dev/ui";import A from"react";import{darkTheme as kd,styled as Cl}from"@rango-dev/ui";var kl=Cl("div",{$$color:"$colors$neutral100",[`.${kd} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",borderBottomLeftRadius:"$xm",borderBottomRightRadius:"$xm",padding:"$15 ","& .cost-and-tag":{display:"flex",justifyContent:"space-between",alignItems:"center",height:"22px"},variants:{rounded:{true:{borderRadius:"$xm"}}},"& .cost":{display:"flex"},"& .basic-summary":{padding:"$15 $0 14px $0"},"& .output":{padding:"$6 $0 $15 $0",display:"flex",flexDirection:"column"},"& .output__token-info":{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$5"},"& .quote-summary":{display:"flex",justifyContent:"space-between",alignItems:"end"},"& .quote-summary__separator":{height:"$28",marginLeft:"13px",borderLeft:"1px solid $neutral700"},"& .token-amount":{display:"flex",justifyContent:"space-between"},"& .token-amount__label":{display:"flex",flexDirection:"column",alignItems:"start"},"& .chains":{paddingTop:"$2"},"& .swap-preview":{padding:"$15 $0 $15 $0"},"& .steps":{paddingLeft:"$8"},"& .step__title":{display:"flex",alignItems:"center"},"& .step__content":{display:"flex",alignItems:"start"},"& .step__tokens":{paddingTop:"$5",paddingBottom:"$10",display:"flex",alignItems:"center"},"& .step__token-info":{display:"flex",alignItems:"center"},"& .step__icon-container":{margin:"$0 $2",padding:"$4",display:"flex",justifyContent:"center",alignItems:"center"}}),Tl=Cl("div",{borderLeft:"1px dashed black",minHeight:" 64px",margin:"0px 11.5px",alignSelf:"stretch",variants:{hideSeparator:{true:{minHeight:"unset",height:"0"}}}});function Gr(t){let{separator:e=!0}=t;return A.createElement(A.Fragment,null,A.createElement("div",{className:"step__title"},A.createElement(ye,{height:22,width:22,variant:"circular"}),A.createElement(ze,{direction:"horizontal",size:8}),A.createElement(ye,{height:15,width:148,variant:"rounded"})),A.createElement("div",{className:"step__content"},A.createElement(Tl,{hideSeparator:!e}),A.createElement("div",{className:"step__tokens"},A.createElement("div",{className:"step__token-info"},A.createElement(Tn,{size:"small",loading:!0,chainImage:"",tokenImage:""}),A.createElement(ze,{direction:"horizontal",size:8}),A.createElement(ye,{height:12,width:76,variant:"rounded"})),A.createElement("div",{className:"step__icon-container"},A.createElement(Td,{color:"gray",size:16})),A.createElement("div",{className:"step__token-info"},A.createElement(Tn,{size:"small",loading:!0,chainImage:"",tokenImage:""}),A.createElement(ze,{direction:"horizontal",size:8}),A.createElement(ye,{height:12,width:76,variant:"rounded"})))))}i(Gr,"StepSkeleton");function Qr(t){let{type:e,expanded:o,tag:n=!1}=t,r=A.createElement("div",{className:"quote-summary"},A.createElement("div",{className:"token-amount"},A.createElement(Tn,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),A.createElement(ze,{size:8,direction:"horizontal"}),A.createElement("div",{className:"token-amount__label"},A.createElement(ye,{height:10,width:60,variant:"rounded"}),A.createElement(ze,{size:4}),A.createElement(ye,{height:15,width:148,variant:"rounded"}))),A.createElement(ye,{height:12,width:64,variant:"rounded"}));return A.createElement(kl,{rounded:e!=="basic"},A.createElement("div",{className:"cost-and-tag"},A.createElement("div",{className:"cost"},A.createElement(ye,{width:60,height:10,variant:"rounded"}),A.createElement(ze,{size:4,direction:"horizontal"}),A.createElement(ye,{width:60,height:10,variant:"rounded"}),A.createElement(ze,{size:4,direction:"horizontal"}),A.createElement(ye,{width:60,height:10,variant:"rounded"})),n&&A.createElement(ye,{height:22,width:100,variant:"rounded"})),e==="basic"&&A.createElement("div",{className:"basic-summary"},A.createElement(ye,{height:15,width:148,variant:"rounded"})),e==="list-item"&&A.createElement("div",{className:"output"},A.createElement("div",{className:"output__token-info"},A.createElement(Tn,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),A.createElement(ze,{direction:"horizontal",size:4}),A.createElement(ye,{height:15,width:150,variant:"rounded"})),A.createElement(ze,{size:4}),A.createElement(ye,{height:10,width:184,variant:"rounded"})),e==="swap-preview"&&A.createElement(A.Fragment,null,A.createElement(ze,{size:4}),A.createElement("div",{className:"swap-preview"},r,A.createElement("div",{className:"quote-summary__separator"}),r)),A.createElement("div",{className:"chains"},A.createElement(ye,{height:15,width:321,variant:"rounded"})),o&&A.createElement("div",{className:"steps"},A.createElement(ze,{size:20}),A.createElement(Gr,null),A.createElement(Gr,null),A.createElement(Gr,{separator:!1})))}i(Qr,"QuoteSkeleton");import{i18n as qd}from"@lingui/core";import{Alert as zd,Button as Hd,InfoIcon as Gd}from"@rango-dev/ui";import We from"react";import{Alert as wd,Button as vd,Divider as El,NoRouteIcon as xd,RefreshIcon as bd,Typography as Il}from"@rango-dev/ui";import He from"react";import{i18n as wl}from"@lingui/core";function vl(t,e,o,n){return t?.type===1?{alert:{type:"warning",text:Q().genericServerError,action:{onClick:n,title:wl.t("Retry")}},description:""}:e.length?{alert:{type:"warning",text:Q().liquiditySourcesError.title,action:{onClick:()=>o(!0),title:wl.t("Reset")}},description:Q().liquiditySourcesError.description}:t?.type===0&&t.diagnosisMessage?{alert:{type:"error",text:t.diagnosisMessage,action:null},description:""}:{alert:null,description:Q().noResultError.description}}i(vl,"makeInfo");import{styled as Vr}from"@rango-dev/ui";var xl=Vr("div",{minHeight:"162px",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"}),bl=Vr("div",{width:"100%"}),Al=Vr("div",{padding:"$6 $0"});function jr(t){let{fetch:e,error:o}=t,n=d().disabledLiquiditySources,r=d().toggleAllLiquiditySources,s=d().swappers(),a=vl(o,n,()=>r(s,!0),e);return He.createElement(xl,null,He.createElement(xd,{size:24,color:"gray"}),He.createElement(El,{size:4}),He.createElement(Il,{variant:"title",size:"small"},Q().noResultError.title),!!a.description&&He.createElement(Il,{variant:"body",size:"small",align:"center",color:"neutral700"},a.description),He.createElement(El,{size:4}),!!a.alert&&He.createElement(bl,null,He.createElement(wd,{type:a.alert.type,title:a.alert.text,action:a.alert.action&&He.createElement(vd,{size:"xsmall",type:a.alert.type,prefix:He.createElement(Al,null,He.createElement(bd,{size:8})),onClick:a.alert.action.onClick},a.alert.action.title),variant:"alarm"})))}i(jr,"NoResult");import{i18n as no}from"@lingui/core";import{Button as Ed,Divider as Pl,MessageBox as Id,Modal as Wd,Typography as Nd,WarningIcon as Ld}from"@rango-dev/ui";import Je from"react";import{Typography as Bl}from"@rango-dev/ui";import Xr from"react";import{darkTheme as Ad,styled as wn}from"@rango-dev/ui";var Wl=wn("div",{width:"100%",paddingTop:"$10"}),Kr=wn("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),Nl=wn("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%","._title":{$$color:"$colors$neutral600",[`.${Ad} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Ll=wn("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});function Ml(t){let{title:e,value:o,valueColor:n}=t;return Xr.createElement(Nl,null,Xr.createElement(Bl,{size:"medium",variant:"label",className:"_title"},e),Xr.createElement(Bl,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}i(Ml,"QuoteErrorsModalItem");function $l(t){let{open:e,onClose:o,onConfirm:n,warning:r}=t,s=r.warningLevel==="high"?"error":"warning",a=[{title:no.t("Swapping"),value:N(r.inputUsdValue,4,4)},{title:no.t("Gas cost"),value:N(r.totalFee,2,2)},{title:no.t("Receiving"),value:N(r.outputUsdValue,4,4)},{title:no.t("Price impact"),value:N(r.priceImpact,2,2),valueColor:`${s}500`}];return Je.createElement(Wd,{open:e,onClose:o,container:j()},Je.createElement(Id,{type:s,title:Q().highValueLossError.impactTitle,description:Q().highValueLossError.description}),Je.createElement(Kr,null,Je.createElement(Pl,{size:20}),Je.createElement(Nd,{size:"small",variant:"title"},no.t("Details")),Je.createElement(Kr,null,a.map((l,p)=>Je.createElement(Ml,{key:p,...l})))),Je.createElement(Pl,{size:32}),Je.createElement(Ed,{type:"primary",size:"large",prefix:Je.createElement(Ld,null),fullWidth:!0,onClick:n},Q().highValueLossError.confirmMessage))}i($l,"HighValueLossWarningModal");import{i18n as Yr}from"@lingui/core";function _l(t,e){let o={alertType:"warning",title:"",action:"show-info"};return t?(t.type===0&&(ot(t.priceImpact)==="high"&&(o.alertType="error"),o.action=null,o.title=Q().highValueLossError.title),t.type===1&&(o.title=Q().unknownPriceError.title),t.type===2&&(o.title=Yr.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:t.minRequiredSlippage}}),o.action="change-settings"),t.type===3&&(o.title=Yr.t("Caution, your slippage is high.")),o):e?(o.alertType="error",e.type===3&&(o.title=e.recommendation,o.action="show-info"),e.type===4&&(o.title=Yr.t({id:"You need to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:e.minRequiredSlippage}}),o.action="change-settings"),o):null}i(_l,"makeAlerts");import{i18n as Ot}from"@lingui/core";import{Button as Dl,Divider as Fl,MessageBox as Bd,Modal as Md,Typography as Pd}from"@rango-dev/ui";import bt from"react";import{useNavigate as $d}from"react-router-dom";function Ul(t){let{customSlippage:e,slippage:o}=d(),{open:n,onClose:r,onConfirm:s,warning:a}=t,l=$d(),p=e??o;return bt.createElement(Md,{anchor:"bottom",open:n,prefix:bt.createElement(Dl,{size:"small",variant:"ghost",onClick:()=>l("../"+_.settings)},bt.createElement(Pd,{variant:"label",size:"medium",color:"$neutral900"},Ot.t("Change settings"))),container:j(),onClose:r},bt.createElement(Bd,{type:"warning",title:a.type===3?Ot.t("High slippage"):Ot.t("Low slippage"),description:a.type===3?Ot.t({id:" Caution, your slippage is high (={userSlippage}). Your trade may be front run.",values:{userSlippage:p}}):Ot.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:a.minRequiredSlippage}})},bt.createElement(Fl,{size:18}),bt.createElement(Fl,{size:32}),bt.createElement(Dl,{size:"large",type:"primary",variant:"contained",fullWidth:!0,onClick:s},Ot.t("Confirm anyway"))))}i(Ul,"SlippageWarningModal");import{Button as _d,Divider as Dd,MessageBox as Fd,Modal as Ud,WarningIcon as Od}from"@rango-dev/ui";import ro from"react";function Ol(t){let{open:e,onClose:o,onConfirm:n}=t;return ro.createElement(Ud,{open:e,onClose:o,container:j()},ro.createElement(Fd,{type:"warning",title:Q().unknownPriceError.impactTitle,description:Q().unknownPriceError.description}),ro.createElement(Dd,{size:32}),ro.createElement(_d,{type:"primary",size:"large",prefix:ro.createElement(Od,null),fullWidth:!0,onClick:n},Q().unknownPriceError.confirmMessage))}i(Ol,"UnknownPriceWarningModal");function Jr(t){let{warning:e,error:o,refetchQuote:n,showWarningModal:r,onOpenWarningModal:s,onCloseWarningModal:a,onConfirmWarningModal:l,onChangeSettings:p}=t,u={open:r,onClose:a,onConfirm:l},c=o?.type===0||o?.type===1,m=_l(e,o?.type===3||o?.type===4?o:null);return We.createElement(We.Fragment,null,c&&We.createElement(jr,{error:o,fetch:n}),!!m&&We.createElement(Wl,null,We.createElement(zd,{title:m.title,type:m.alertType,variant:"alarm",...m.action==="show-info"&&{action:We.createElement(Ll,{onClick:s},We.createElement(Gd,{size:12,color:"gray"}))},...m.action==="change-settings"&&{action:We.createElement(Hd,{size:"xxsmall",type:m.alertType,onClick:p},qd.t("Change"))}})),e&&We.createElement(We.Fragment,null,e.type===0&&We.createElement($l,{...u,warning:e}),(e.type===3||e.type===2)&&We.createElement(Ul,{...u,warning:e}),e.type===1&&We.createElement(Ol,{...u,warning:e})))}i(Jr,"QuoteWarningsAndErrors");function io(t){let{quote:e,type:o,loading:n,error:r,warning:s,refetchQuote:a,showWarningModal:l,onOpenWarningModal:p,onCloseWarningModal:u,onConfirmWarningModal:c,onChangeSettings:m,expanded:g=!1,alertPosition:f="bottom"}=t,{inputAmount:k,inputUsdValue:y,outputUsdValue:h,outputAmount:b}=O(),v=!(r&&(r.type===0||r.type===1))&&e&&e.result&&!n,S=(s||r)&&Pe.createElement(Jr,{warning:s,error:r,loading:n,refetchQuote:a,showWarningModal:l,onOpenWarningModal:p,onCloseWarningModal:u,onConfirmWarningModal:c,onChangeSettings:m});return Pe.createElement(Pe.Fragment,null,n&&Pe.createElement(Dr,null,Pe.createElement(rl,{paddingTop:f==="top"},Pe.createElement(Qr,{type:o,expanded:g}))),f==="top"&&Pe.createElement(nl,null,S),v?Pe.createElement(Dr,null,Pe.createElement(Hr,{quote:e,error:r,warning:s,type:o,expanded:g,recommended:!0,input:{value:k,usdValue:y?.toString()??""},output:{value:b?.toString()??"",usdValue:h?.toString()??""}})):null,f==="bottom"&&Pe.createElement(Pe.Fragment,null,!s&&!r&&Pe.createElement(Qd,{size:16}),S))}i(io,"QuoteInfo");import{calculatePendingSwap as Kd}from"@rango-dev/queue-manager-rango-preset";import{useEffect as Xd}from"react";import{useRef as Vd,useState as jd}from"react";function vn(){let[t,e]=jd(!1),o=Vd(null),n=i(()=>o.current?.abort(),"cancel");return{fetch:i(async s=>{n(),o.current=new AbortController,e(!0);try{let a=await Nt().getBestRoute(s,{signal:o.current.signal});return o.current=null,a}catch(a){throw a}finally{e(!1)}},"fetch"),loading:t,cancelFetch:n}}i(vn,"useFetchQuote");function xn(t){if(!t.result)throw new Error(Q().noResultError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});if(mr(t)){let{swap:n,recommendation:r,fromAmountRangeError:s}=dr(t);throw new Error("bridge limit error",{cause:{type:3,swap:n,recommendation:r,fromAmountRangeError:s}})}let o=gr(t);if(o){let n=jo(t);throw new Error("",{cause:{type:4,recommendedSlippages:o,minRequiredSlippage:n}})}return t}i(xn,"throwErrorIfResponseIsNotValid");function ql(t,e,o){let n=!1;t&&(n=Zs(t,e));let r={quote:null,quoteUpdate:null,balance:null},s=Xo(e,{fromToken:o.fromToken,toToken:o.toToken,tokens:o.meta.tokens,userSlippage:o.userSlippage});s&&(r.quote=s),t&&n&&(zs(t,e)?r.quoteUpdate={type:3,newOutputAmount:N(Mt(e)),percentageChange:N(Be(Mt(t)??"",Mt(e)??""),null,2)}:yr(t,e)?r.quoteUpdate={type:0}:Sr(t,e)?r.quoteUpdate={type:1}:Cr(t,e)&&(r.quoteUpdate={type:2}));let a=Hs(e,o.selectedWallets,o.meta.blockchains);return a.length===0||(r.balance={messages:a}),r}i(ql,"generateWarnings");function bn(t){return t?.code==="ERR_CANCELED"?{swap:null,error:{type:2},warnings:null}:t.cause?{swap:null,error:t.cause,warnings:null}:{swap:null,error:{type:1},warnings:null}}i(bn,"handleQuoteErrors");function Zr(){let{fromToken:t,toToken:e,inputAmount:o,setQuote:n,quote:r,customDestination:s,setQuoteWarningsConfirmed:a}=O(),{slippage:l,customSlippage:p,affiliatePercent:u,affiliateRef:c,affiliateWallets:m,disabledLiquiditySources:g}=d(),{connectedWallets:f}=z(),k=d().blockchains(),y=d().tokens(),{features:h}=d().config,{enableNewLiquiditySources:b}=d().config,T=p||l,{fetch:v,cancelFetch:S,loading:w}=vn();return Xd(()=>S,[]),{loading:w,fetch:i(async P=>{let C=P.selectedWallets,M=P?.customDestination??s;if(!t||!e||!o)return{quote:null,swap:null,error:null,warnings:null};let $=Ko({fromToken:t,toToken:e,inputAmount:o,wallets:f,selectedWallets:C,excludeLiquiditySources:b,disabledLiquiditySources:g,slippage:T,affiliateRef:c,affiliatePercent:u,affiliateWallets:m,initialQuote:r??void 0,destination:M});Wo("experimentalRoute",h)&&($.experimental=!0);let W;try{W=await v($).then(H=>xn(H)),n(W)}catch(H){return bn(H)}let x={slippage:T.toString(),disabledSwappersGroups:g},F=Kd(o.toString(),W,Os(C),x,!1,{blockchains:k,tokens:y}),I=ql(r??void 0,W,{fromToken:t,toToken:e,meta:{blockchains:k,tokens:y},selectedWallets:C,userSlippage:T});return I.quoteUpdate&&a(!1),{quote:W,swap:F,error:null,warnings:I}},"fetch"),cancelFetch:S}}i(Zr,"useConfirmSwap");var lf=Ql("div",{position:"relative",width:"100%","& .description":{display:"flex",justifyContent:"space-between",alignItems:"center"},"& .icon":{width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"},"& .quote-update__alert":{paddingTop:"$10"}}),pf=Ql("div",{width:"100%",display:"flex",justifyContent:"space-between","& .confirm-button":{flexGrow:1,paddingRight:"$10"},[`& ${Gl}`]:{width:"$48",height:"$48"}});function Vl(){let{quote:t,setInputAmount:e,selectedWallets:o,quoteWalletsConfirmed:n,setQuoteWalletConfirmed:r,customDestination:s,quoteWarningsConfirmed:a}=O(),l=af(),[p,u]=En(""),{connectedWallets:c}=z(),m=!n,[g,f]=En(!1),k=we.use.setSelectedSwap(),y=d().disabledLiquiditySources,h=rf(y),{manager:b}=Yd(),{fetch:T,loading:v,cancelFetch:S}=Zr(),[w,E]=En({swap:null,error:null,warnings:null}),[P,C]=En(!1),M=i(async({selectedWallets:I,customDestination:H})=>{let te=await T?.({selectedWallets:I,customDestination:H});return E(te),te},"onConfirmSwap"),$=i(async()=>{if(w.swap&&n)try{await b?.create("swap",{swapDetails:w.swap},{id:w.swap.requestId}),k(w.swap.requestId);let I=`../${_.swaps}/${w.swap.requestId}`;l(I,{replace:!0}),setTimeout(()=>{e("")},0)}catch(I){u("Error: "+I?.message)}},"addNewSwap"),W=i(async()=>{await $()},"onConfirm"),x=i(async()=>{w?.warnings?.quote&&!a?C(!0):await W()},"onStartConfirmSwap"),F=i(async()=>{E({error:null,swap:null,warnings:null}),T({selectedWallets:o,customDestination:s}).then(I=>{E(I)}).catch(I=>console.error(I))},"onRefresh");return so(()=>{!!h.current.length&&!y.length&&F(),h.current=y},[y.length]),so(()=>{m&&S()},[m]),so(()=>{m&&f(m)},[m]),so(()=>{m||T({selectedWallets:o,customDestination:s}).then(I=>E(I)).catch(I=>console.error(I))},[]),so(()=>{let I=w.warnings?.quote?.type&&Object.values(pt).includes(w.warnings?.quote?.type),H=o.length<1||!o.every(oe=>c.find(G=>oe.address===G.address&&oe.walletType===G.walletType&&oe.chain===G.chain)),te=!1;if(I){let oe=zo(t),G=t?.result?.swaps[t.result.swaps.length-1].to.blockchain;!!t?.result?.swaps.find(me=>me.from.blockchain===G)||(oe=oe.slice(-oe.length,oe.length-1)),oe.every(me=>o.find(De=>De.chain===me))||(te=!0)}t&&(H||te)&&(queueMicrotask(()=>sf(f.bind(null,!0))),r(!1))},[w.warnings?.quote,o.length,c.length]),nf(()=>{t||l("../")},[]),ee.createElement(K,{header:{title:An.t("Confirm Swap"),onWallet:()=>{let I=`../${_.wallets}`;l(I)},suffix:ee.createElement(ef,{container:j(),side:"bottom",content:An.t("Settings")},ee.createElement(Ue,{size:"small",variant:"ghost",onClick:()=>l("../"+_.settings)},ee.createElement(Rd,{size:18,color:"black"})))},footer:ee.createElement(pf,null,ee.createElement("div",{className:"confirm-button"},ee.createElement(Hl,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:v,disabled:!!w.error,onClick:x},An.t("Start Swap"))),ee.createElement(Gl,{variant:"contained",type:"primary",size:"large",loading:v,onClick:f.bind(null,!0)},ee.createElement(of,{size:24})))},g&&ee.createElement(ol,{open:g,onClose:()=>f(!1),onCancel:S,loading:v,onCheckBalance:M}),ee.createElement(lf,null,ee.createElement("div",{className:"description"},ee.createElement(tf,{variant:"title",size:"small"},An.t("You get")),ee.createElement(Hl,{style:{padding:"0"},variant:"ghost",disabled:v,onClick:F},ee.createElement("div",{className:"icon"},ee.createElement(Zd,{size:16})))),p&&ee.createElement(ee.Fragment,null,ee.createElement(zl,{type:"error",variant:"alarm",title:p}),ee.createElement(Jd,{size:12})),w.warnings?.quoteUpdate&&ee.createElement("div",{className:"quote-update__alert"},ee.createElement(zl,{variant:"alarm",type:"warning",title:w.warnings.quoteUpdate&&sn(w.warnings.quoteUpdate)})),ee.createElement(io,{quote:t,type:"swap-preview",expanded:!0,alertPosition:"top",error:w.error,loading:v,warning:w.warnings?.quote??null,refetchQuote:F,showWarningModal:P,onOpenWarningModal:()=>C(!0),onCloseWarningModal:()=>C(!1),onConfirmWarningModal:async()=>{C(!1),await $()},onChangeSettings:()=>l("../"+_.settings)})))}i(Vl,"ConfirmSwapPage");import{i18n as Wn}from"@lingui/core";import{useManager as hf}from"@rango-dev/queue-manager-react";import{Divider as yf,NotFound as Sf,styled as tp}from"@rango-dev/ui";import ht,{useState as Cf}from"react";import{useNavigate as kf}from"react-router-dom";import{CloseIcon as cf,IconButton as mf,SearchIcon as df,TextField as ff}from"@rango-dev/ui";import ao from"react";import{styled as uf}from"@rango-dev/ui";var jl=uf("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function it(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:s,value:a,setValue:l,...p}=t;return ao.createElement(ff,{prefix:ao.createElement(jl,null,ao.createElement(df,{color:"black"})),suffix:!!a.length&&ao.createElement(mf,{variant:"ghost",onClick:()=>l?.(""),size:"small"},ao.createElement(cf,{color:"gray",size:10})),fullWidth:o,color:n,variant:e,style:{padding:10,borderRadius:25,alignItems:"center"},size:r,value:a,onChange:s,...p})}i(it,"SearchInput");import{i18n as Xl}from"@lingui/core";import{Divider as Yl,SwapListItem as Jl,Typography as Zl}from"@rango-dev/ui";import Z from"react";import{darkTheme as gf,styled as In}from"@rango-dev/ui";var Rr=In("div",{width:"100%",display:"flex",flexDirection:"column",".group-title":{$$color:"$colors$neutral600",[`.${gf} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),ei=In("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),ti=In("div",{gap:"$10",display:"flex",flexDirection:"column"}),Kl=In("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});function oi(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,s=n?n(e):[{title:"History",swaps:e}];if(r){let a=[{},{}];return Z.createElement(Z.Fragment,null,[{title:"Today",swaps:a},{title:"Last month",swaps:a}].map(p=>Z.createElement(Z.Fragment,{key:p.title},Z.createElement(Rr,null,Z.createElement(ei,null,Z.createElement(Zl,{variant:"label",size:"medium",className:"group-title"},Xl.t(p.title))),Z.createElement(Yl,{size:4}),Z.createElement(ti,null,p.swaps.map((u,c)=>{let m=c+p.title;return Z.createElement(Z.Fragment,{key:m},Z.createElement(Jl,{isLoading:!0}))}))))))}return Z.createElement(Z.Fragment,null,s.filter(a=>a.swaps.length>0).map(a=>Z.createElement(Z.Fragment,{key:a.title},Z.createElement(Rr,null,Z.createElement(ei,null,Z.createElement(Zl,{variant:"label",size:"medium",className:"group-title"},Xl.t(a.title))),Z.createElement(Yl,{size:4}),Z.createElement(ti,null,a.swaps.map(l=>{let p=l.steps[0],u=l.steps[l.steps.length-1];return Z.createElement(Z.Fragment,{key:l.requestId},Z.createElement(Jl,{requestId:l.requestId,creationTime:l.creationTime,status:l.status,onClick:o,onlyShowTime:a.title==="Today",swapTokenData:{from:{token:{image:p.fromLogo,displayName:p.fromSymbol},blockchain:{image:p.fromBlockchainLogo||""},amount:Bo(l.inputAmount)},to:{token:{image:u.toLogo,displayName:u.toSymbol},blockchain:{image:u.toBlockchainLogo||""},amount:Bo(u.outputAmount||""),estimatedAmount:Bo(u.expectedOutputAmountHumanReadable||"")}}}))}))))))}i(oi,"SwapsGroup");import Rl from"dayjs";var ep=i(t=>{let e=new Map([["today",{title:"Today",swaps:[]}],["month",{title:"Last month",swaps:[]}],["year",{title:"Last year",swaps:[]}],["history",{title:"History",swaps:[]}]]),o=Rl();return t.forEach(n=>{let r=Rl(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 qt=i(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 Tf=tp("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",height:"100%",gap:15}),wf=tp("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),vf=i((t,e)=>t?.length?t.filter(o=>je(o.fromBlockchain,e)||je(o.toBlockchain,e)||je(o.toSymbol,e)||je(o.fromSymbol,e)).length:!1,"isStepContainsText");function op(){let t=we.use.setSelectedSwap(),e=kf(),{manager:o,state:n}=hf(),r=qt(o).map(({swap:m})=>m),[s,a]=Cf(""),l=!n.loadedFromPersistor,p=i(m=>{let g=m.target.value;a(g)},"searchHandler"),u=r;s&&(u=r.filter(m=>je(m.inputAmount,s)||je(m.status,s)||vf(m.steps,s)||je(m.requestId,s)));let c=!u?.length&&!l;return ht.createElement(K,{header:{title:Wn.t("History")}},ht.createElement(Tf,null,ht.createElement(it,{setValue:a,fullWidth:!0,variant:"contained",placeholder:Wn.t("Search Transaction"),autoFocus:!0,onChange:p,value:s}),ht.createElement(wf,null,c&&ht.createElement(Kl,null,ht.createElement(yf,{size:32}),ht.createElement(Sf,{title:Wn.t("No results found"),description:s?Wn.t("Try using different keywords"):""})),!c&&ht.createElement(oi,{list:u,onSwapClick:m=>{t(m),e(m)},groupBy:ep,isLoading:l}))))}i(op,"HistoryPage");import{i18n as ii}from"@lingui/core";import{Button as Nf,styled as si,SwapInput as sp,WarningIcon as Lf}from"@rango-dev/ui";import $e,{useEffect as Bf,useRef as Mf,useState as Pf}from"react";import{useNavigate as $f}from"react-router-dom";import{ReverseIcon as xf,styled as np}from"@rango-dev/ui";import ni from"react";var bf=np("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),Af=np("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 rp(){let t=O.use.switchFromAndTo();return ni.createElement(bf,null,ni.createElement(Af,{onClick:()=>{t()}},ni.createElement(xf,{size:12})))}i(rp,"SwitchFromAndToButton");import{useCallback as Ef,useEffect as If,useState as ri}from"react";var Wf=600;function ip(){let{fetch:t,cancelFetch:e}=vn(),{liquiditySources:o,enableNewLiquiditySources:n,features:r}=d().config,s=d().tokens(),{fromToken:a,toToken:l,inputAmount:p,inputUsdValue:u,resetQuote:c,setQuote:m}=O(),{slippage:g,customSlippage:f,affiliatePercent:k,affiliateRef:y,affiliateWallets:h,disabledLiquiditySources:b}=d(),[T,v]=ri(!1),[S,w]=ri(null),[E,P]=ri(null),C=f??g,$=!a||!l||Le(a,l)||!Kt(p),W=i(I=>{v(I),w(null),P(null)},"resetState"),x=i(I=>{let{fromToken:H,toToken:te,inputAmount:oe,liquiditySources:G,excludeLiquiditySources:ie,disabledLiquiditySources:ce,slippage:me,affiliateRef:De,affiliatePercent:It,affiliateWallets:jt}=I;if(T||W(!0),!$&&H&&te){c();let tt=Ko({fromToken:H,toToken:te,inputAmount:oe,liquiditySources:G,excludeLiquiditySources:ie,disabledLiquiditySources:ce,slippage:me,affiliateRef:De,affiliatePercent:It,affiliateWallets:jt});Wo("experimentalRoute",r)&&(tt.experimental=!0),t(tt).then(Qe=>{v(!1),m(Qe),xn(Qe);let D=Xo(Qe,{fromToken:H,toToken:te,userSlippage:C,tokens:s});P(D)}).catch(Qe=>{let{error:D}=bn(Qe);(D?.type===0||D?.type===1)&&c(),D?.type!==2&&(w(D),v(!1))})}},"fetch"),F=Ef(ls(I=>{$||x(I)},Wf),[$]);return If(()=>{if(!Kt(p)||u?.eq(0)){W(!1),e();return}if(!$)return c(),W(!0),F({inputAmount:p,fromToken:a,toToken:l,liquiditySources:o,excludeLiquiditySources:n,disabledLiquiditySources:b,slippage:C,affiliateRef:y,affiliatePercent:k,affiliateWallets:h}),e},[p,a?.symbol,a?.address,a?.blockchain,l?.symbol,l?.address,l?.blockchain,$,o?.length,n,b.length,C,y,k,JSON.stringify(h)]),{fetch:()=>x({inputAmount:p,fromToken:a,toToken:l,liquiditySources:o,excludeLiquiditySources:n,disabledLiquiditySources:b,slippage:C,affiliateRef:y,affiliatePercent:k,affiliateWallets:h}),loading:T,error:S,warning:E}}i(ip,"useSwapInput");var _f=si("div",{display:"flex",flexDirection:"column",overflowY:"visible","& .quote__container":{paddingTop:"$2"}}),Df=si("div",{position:"relative"}),Ff=si("div",{display:"flex",flexDirection:"column",gap:5,alignSelf:"stretch"});function ap(){let t=$f(),{fetch:e,loading:o,error:n,warning:r}=ip(),{fromToken:s,fromBlockchain:a,toToken:l,toBlockchain:p,setInputAmount:u,inputAmount:c,inputUsdValue:m,outputAmount:g,outputUsdValue:f,quote:k,resetQuoteWallets:y,setQuoteWarningsConfirmed:h}=O(),b=d().fetchStatus,{connectedWallets:T,getBalanceFor:v}=z(),S=we.use.setCurrentPage(),[w,E]=Pf(!1),P=Mf(null),C=!1,M=!fr(k,c,m),$=!fr(k,c,f),W=Ds({fetchMetaStatus:b,fetchingQuote:o,inputAmount:c,quote:k,anyWalletConnected:T.length>0,error:n,warning:r,needsToWarnEthOnPath:C}),x=s?v(s):null,F=Uo(x)?.amount??"0",I=a&&s?N(x?.amount,x?.decimals):"0";Bf(()=>(S(_.home),y(),S.bind(null,"")),[]);let H=!m||!f||!f.gt(0)?null:Be(m.toString(),f.toString());return $e.createElement(K,{ref:P,fixedHeight:!1,hasLogo:!0,footer:$e.createElement(Nf,{type:"primary",size:"large",disabled:W.disabled,prefix:W.action==="confirm-warning"&&$e.createElement(Lf,null),fullWidth:!0,onClick:()=>{W.action==="connect-wallet"?t(_.wallets):W.action==="confirm-warning"?E(!0):t(_.confirmSwap)}},W.title),header:{onWallet:()=>{t(_.wallets)},hasBackButton:!1,title:ii.t("Swap"),suffix:$e.createElement(Ir,{layoutRef:P.current,onClickRefresh:k||n?e:void 0,onClickHistory:()=>t(_.swaps),onClickSettings:()=>t(_.settings)})}},$e.createElement(_f,null,$e.createElement(Ff,null,$e.createElement(Df,null,$e.createElement(sp,{label:ii.t("From"),mode:"From",onInputChange:u,balance:F,chain:{displayName:a?.displayName||"",image:a?.logo||""},token:{displayName:s?.symbol||"",image:s?.image||""},onClickToken:()=>t(_.fromSwap),price:{value:c,usdValue:M?void 0:N(m,4,4),error:M?Q().unknownPriceError.impactTitle:void 0},disabled:b==="failed",loading:b==="loading",onSelectMaxBalance:()=>{F!=="0"&&u(I.split(",").join(""))}}),$e.createElement(rp,null)),$e.createElement(sp,{sharpBottomStyle:!!k?.result||o,label:ii.t("To"),mode:"To",fetchingQuote:o,chain:{displayName:p?.displayName||"",image:p?.logo||""},token:{displayName:l?.symbol||"",image:l?.image||""},percentageChange:N(Be(m,f),2,2),warningLevel:ot(H??0),price:{value:N(g,6,6),usdValue:$?void 0:N(f,4,4),error:$?Q().unknownPriceError.impactTitle:void 0},onClickToken:()=>t(_.toSwap),disabled:b==="failed",loading:b==="loading"})),$e.createElement("div",{className:"quote__container"},$e.createElement(io,{quote:k,loading:o,error:n,warning:r,type:"basic",refetchQuote:e,showWarningModal:w,onOpenWarningModal:()=>E(!0),onCloseWarningModal:()=>E(!1),onConfirmWarningModal:()=>{E(!1),h(!0),t(_.confirmSwap)},onChangeSettings:()=>t(_.settings)}))))}i(ap,"Home");import{i18n as lp}from"@lingui/core";import{List as Uf,ListItemButton as Of,Radio as qf,RadioRoot as zf,Typography as Hf}from"@rango-dev/ui";import yt from"react";import{styled as Nn}from"@rango-dev/ui";var st=Nn("div",{height:"100%",overflow:"hidden"}),lo=Nn("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto"}),ai=Nn("div",{width:80,display:"flex",justifyContent:"flex-end"}),li=Nn("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});function Ln(){let{setLanguage:t,language:e}=d();return{activeLanguage:e,languages:vs,defaultLanguage:Bt,changeLanguage:r=>t(r||Bt)}}i(Ln,"useLanguage");function pp(){let{activeLanguage:t,changeLanguage:e,languages:o}=Ln(),n=o.map(r=>{let{local:s,label:a,SVGFlag:l}=r;return{id:s,value:s,title:yt.createElement(Hf,{variant:"title",size:"xmedium"},a),onClick:()=>e(r.local),end:yt.createElement(qf,{value:s}),start:yt.createElement(l,null)}});return yt.createElement(K,{header:{title:lp.t("Language")}},yt.createElement(st,null,yt.createElement(zf,{value:t},yt.createElement(Uf,{type:yt.createElement(Of,{title:lp.t("language"),id:"_",onClick:()=>console.log()}),items:n}))))}i(pp,"LanguagePage");import{i18n as zt}from"@lingui/core";import{Button as Kf,Checkbox as Xf,Image as Yf,ListItemButton as Jf,NotFound as Zf,Typography as Rf}from"@rango-dev/ui";import Se,{useState as eg}from"react";import{Checkbox as Vf,Skeleton as cp}from"@rango-dev/ui";import po from"react";import{ListItem as Gf,styled as Qf}from"@rango-dev/ui";var up=Qf(Gf,{height:61});var jf=30;function pi(){return po.createElement(lo,null,Array.from(Array(jf),t=>po.createElement(up,{hasDivider:!0,key:t,start:po.createElement(cp,{variant:"circular",width:35,height:35}),title:po.createElement(cp,{variant:"text",size:"large",width:90}),end:po.createElement(Vf,{checked:!1})})))}i(pi,"LoadingLiquiditySourceList");function ui({sourceType:t}){let e=d().fetchStatus,o=d().swappers(),n=d().disabledLiquiditySources,[r,s]=eg(""),a=d().toggleLiquiditySource,l=Io(o,n),p=[];t==="Exchanges"&&p.push("DEX"),t==="Bridges"&&(p.push("BRIDGE"),p.push("AGGREGATOR"));let u=l.filter(y=>p.includes(y.type)),c=u.length===u.filter(y=>y.selected).length,m=i(()=>{u.forEach(y=>{c?a(y.groupTitle):y.selected||a(y.groupTitle)})},"toggleAllSources"),g=u.map(y=>{let{selected:h,groupTitle:b,logo:T}=y;return{start:Se.createElement(Yf,{src:T,size:22,type:"circular"}),onClick:()=>a(b),end:Se.createElement(Xf,{checked:h}),title:Se.createElement(Rf,{variant:"title",size:"xmedium"},zt.t(b)),...y}}),f=i(y=>{let h=y.target.value;s(h)},"searchHandler"),k=g;return r&&(k=g.filter(y=>je(y.groupTitle,r))),Se.createElement(K,{header:{title:zt.t(t),suffix:Se.createElement(ai,null,Se.createElement(Kf,{variant:"ghost",size:"xsmall",onClick:m},zt.t(c?"Deselect all":"Select all")))}},Se.createElement(st,null,Se.createElement(it,{value:r,setValue:s,fullWidth:!0,color:"light",variant:"contained",placeholder:zt.t("Search {sourceType}",{sourceType:t}),onChange:f}),e==="loading"&&Se.createElement(pi,null),!k.length&&r?Se.createElement(li,null,Se.createElement(Zf,{title:zt.t("No results found"),description:zt.t("Try using different keywords")})):e==="success"&&Se.createElement(lo,null,k.map(y=>Se.createElement(Se.Fragment,{key:y.id},Se.createElement(Jf,{style:{height:"61px"},...y,selected:!1,hasDivider:!0}))))))}i(ui,"LiquiditySourcePage");import{i18n as Cp}from"@lingui/core";import{Divider as fi,getCountCategories as pg,SelectableCategoryList as ug}from"@rango-dev/ui";import at,{useState as kp}from"react";import{i18n as mi}from"@lingui/core";import{Divider as yp,Image as rg,ListItemButton as ig,NotFound as sg,Typography as Sp}from"@rango-dev/ui";import _e,{useEffect as ag,useState as lg}from"react";import{BlockchainCategories as ci}from"@rango-dev/ui";import{TransactionType as Bn}from"rango-sdk";var tg=i((t,e)=>{switch(e){case ci.ALL:return!0;case ci.UTXO:return t.type===Bn.TRANSFER;case ci.OTHER:return t.type!==Bn.TRANSFER&&t.type!==Bn.COSMOS&&t.type!==Bn.EVM;default:return t.type===e}},"filterByType"),mp=i((t,e,o)=>t.filter(n=>tg(n,o)).filter(n=>Ct(n.name,e)||Ct(n.displayName,e)),"filterBlockchains");import{styled as dp}from"@rango-dev/ui";var fp=dp("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),Mn=dp("ul",{padding:0,margin:0,listStyle:"none",overflowY:"auto",paddingRight:"$5",".image-container":{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as og,Skeleton as gp}from"@rango-dev/ui";import Pn from"react";var ng=20;function hp(){return Pn.createElement(Mn,null,Array.from(Array(ng),t=>Pn.createElement(og,{key:t,hasDivider:!0,start:Pn.createElement(gp,{variant:"circular",width:35,height:35}),title:Pn.createElement(gp,{variant:"text",size:"large",width:90})})))}i(hp,"LoadingBlockchainList");function di(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[s,a]=lg(e),{fetchStatus:l}=d();ag(()=>{a([...mp(e,o,r)])},[e,o,r]);let p=i(()=>!s.length&&o?_e.createElement(_e.Fragment,null,_e.createElement(yp,{size:32}),_e.createElement(sg,{title:mi.t("No results found"),description:mi.t("Try using different keywords")})):_e.createElement(Mn,{key:`${r}-${o}`},s.map(u=>_e.createElement(ig,{key:`${u.name}-${u.chainId}`,hasDivider:!0,onClick:()=>n(u),start:_e.createElement(rg,{src:u.logo,size:30}),title:_e.createElement(Sp,{variant:"title",size:"medium"},u.displayName),id:u.chainId}))),"renderList");return _e.createElement(fp,null,_e.createElement(Sp,{variant:"label",size:"large"},mi.t("Select Blockchain")),_e.createElement(yp,{size:4}),l==="loading"&&_e.createElement(hp,null),l==="success"&&p())}i(di,"BlockchainList");function gi(t){let{type:e}=t,o=dt(),[n,r]=kp(""),[s,a]=kp("ALL"),l=O.use.setToBlockchain(),p=O.use.setFromBlockchain(),u=d().fetchStatus,c=d().blockchains({type:e}),g=pg(c)!==1;return at.createElement(K,{header:{title:Cp.t("Select Blockchain")}},at.createElement(fi,{size:12}),g&&at.createElement(at.Fragment,null,at.createElement(ug,{setCategory:a,category:s,blockchains:c,isLoading:u==="loading"}),at.createElement(fi,{size:24})),at.createElement(it,{value:n,autoFocus:!0,placeholder:Cp.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:f=>r(f.target.value)}),at.createElement(fi,{size:16}),at.createElement(di,{list:c,searchedFor:n,blockchainCategory:s,onChange:f=>{e==="source"?p(f):l(f),o()}}))}i(gi,"SelectBlockchainPage");import{i18n as Up}from"@lingui/core";import{Divider as Op}from"@rango-dev/ui";import Ht,{useState as Eg}from"react";import{useNavigate as Ig}from"react-router-dom";import{i18n as Si}from"@lingui/core";import{BlockchainsChip as $n,Divider as xp,Image as bp,Skeleton as gg,Typography as Ci}from"@rango-dev/ui";import ge from"react";import{useEffect as dg}from"react";var Tp=["ETH","COSMOS","OSMOSIS"];function hi(t,e,o){let n=JSON.parse(JSON.stringify(t)),r=[];if(n.sort(cg),o?.limit&&t.length>o.limit){let s=o.limit,a=e;if(e.length<=o.limit){let l=o.limit-e.length;for(let p=0;p<=l;p++){let u=n[p];a=a.filter(c=>u.name!==c)}}n.sort(mg(a)),r=n.splice(s)}return{list:n,more:r}}i(hi,"prepare");function cg(t,e){let o=Tp,n=o.findIndex(l=>l===t.name),r=o.findIndex(l=>l===e.name),s=n>-1,a=r>-1;return s&&a?n>r?1:-1:s?-1:a?1:0}i(cg,"sortByMostUsedBlockchains");function mg(t){return i(function(o,n){let r=t.findIndex(p=>p===o.name),s=t.findIndex(p=>p===n.name),a=r>-1,l=s>-1;return a&&l?r>s?1:-1:t.includes(o.name)?-1:t.includes(n.name)?1:0},"sortByPreferred")}i(mg,"generateSortByPreferredBlockchainsFor");function wp(t,e){return!!e.list.find(o=>o.name===t)}i(wp,"isInVisibleList");function yi(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=d();dg(()=>{if(e?.selected){let s=hi(t,o,e);wp(e.selected,s)||n(e?.selected)}},[e?.selected]);let r=hi(t,o,e);return{list:r.list,more:r.more,history:[]}}i(yi,"usePrepareBlockchainList");import{styled as fg}from"@rango-dev/ui";var vp=fg("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var hg=12;function ki(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:s}=t,a=yi(e,{limit:10,selected:n?.name}),{fetchStatus:l}=d(),p=O.use.resetToBlockchain(),u=O.use.resetFromBlockchain(),c=a.more.length>0,m=a.more.length===1,g=!m&&c;return ge.createElement("div",null,ge.createElement(xp,{size:12}),ge.createElement(Ci,{variant:"label",size:"large"},Si.t("Select Blockchain")),ge.createElement(xp,{size:12}),ge.createElement(vp,null,l==="loading"&&Array.from(Array(hg),f=>ge.createElement(gg,{key:f,variant:"rounded",height:50})),l==="success"&&ge.createElement(ge.Fragment,null,ge.createElement($n,{selected:!n,onClick:()=>{o==="from"?u():p()}},ge.createElement(Ci,{variant:"body",size:"xsmall",color:"secondary500"},Si.t("All"))),a.list.map(f=>ge.createElement($n,{key:f.name,selected:!!n&&n.name===f.name,onClick:()=>r(f)},ge.createElement(bp,{src:f.logo,size:30}))),m?ge.createElement($n,{key:a.more[0].name,selected:!!n&&n.name===a.more[0].name,onClick:()=>r(a.more[0])},ge.createElement(bp,{src:a.more[0].logo,size:30})):null,g?ge.createElement($n,{onClick:s,key:"more-blockchains"},ge.createElement(Ci,{variant:"body",size:"xsmall",color:"secondary500"},Si._("More +{count}",{count:a.more.length}))):null)))}i(ki,"BlockchainsSection");import{i18n as bi}from"@lingui/core";import{darkTheme as Pp,Divider as co,ExternalLinkIcon as Cg,Image as kg,ListItemButton as Tg,NotFound as wg,PinIcon as vg,Skeleton as $p,Typography as mo,VirtualizedList as xg}from"@rango-dev/ui";import U,{forwardRef as bg,useEffect as _p,useState as Dp}from"react";var Ap=i((t,e)=>{t=t.replace(/^#/,""),t.length===3&&(t=t[0]+t[0]+t[1]+t[1]+t[2]+t[2]);let[s,a,l]=t.match(/.{2}/g);[s,a,l]=[parseInt(s,16)+e,parseInt(a,16)+e,parseInt(l,16)+e],s=Math.max(Math.min(255,s),0).toString(16),a=Math.max(Math.min(255,a),0).toString(16),l=Math.max(Math.min(255,l),0).toString(16);let p=(s.length<2?"0":"")+s,u=(a.length<2?"0":"")+a,c=(l.length<2?"0":"")+l;return`#${p}${u}${c}`},"colorShade"),_n=i((t,e)=>{let a={[t]:e};for(let l=1;l<10;l++)l<5&&(a={...a,[t+l*100]:Ap(e,(5-l)*25)}),l===5&&(a={...a,[t+l*100]:e}),l>5&&(a={...a,[t+l*100]:Ap(e,-((l-5)*25))});return a},"generateRangeColors"),Ti=i((t,e,o)=>{if(!o||!Object.entries(o).length)return{};let n=!1,r={...t};for(let s in o){let a=o[s];if(a&&a!==t[s])if(n=!0,s==="background"||s==="foreground")r={...r,[s]:a};else if(s==="neutral"&&e){let l=_n(s,a);r={...r,[`${s}100`]:l[`${s}900`],[`${s}200`]:l[`${s}800`],[`${s}300`]:l[`${s}700`],[`${s}400`]:l[`${s}600`],[`${s}500`]:l[`${s}500`],[`${s}600`]:l[`${s}400`],[`${s}700`]:l[`${s}300`],[`${s}800`]:l[`${s}200`],[`${s}900`]:l[`${s}100`]}}else r={...r,..._n(s,a)}}return n?r:{}},"generateColors");import{Divider as Bp,ListItem as Sg,Skeleton as uo}from"@rango-dev/ui";import Ge from"react";import{darkTheme as Ep,styled as Ze,Typography as yg}from"@rango-dev/ui";var Ip=Ze("div",{display:"flex",flexDirection:"column",flexGrow:1}),wi=Ze("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),Dn=Ze("ul",{flexGrow:1,padding:0,margin:0,listStyle:"none","& li":{alignItems:"none",".description":{position:"relative",height:12,width:150,".token-title":{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",bottom:"-8px"},".token-address":{transform:"translateY(12px)",visibility:"hidden","& a":{fontSize:"$12",lineHeight:"$16",$$color:"$colors$neutral600",[`.${Ep} &`]:{$$color:"$colors$neutral700"},color:"$$color",textDecoration:"none"}},".token-name":{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}},"&:hover":{".description":{".token-address":{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",visibility:"visible"},".token-address-without-name":{bottom:"-15px"},".token-name":{position:"absolute",transform:"translateY(-12px)",visibility:"hidden"},".token-title":{position:"absolute",transform:"translateY(-12px)",bottom:"-10px"}}}}}),vi=Ze("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),xi=Ze(yg,{}),Wp=Ze("div",{textAlign:"right",".usd-value":{$$color:"$colors$neutral600",[`.${Ep} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Fn=Ze("ul",{display:"flex",alignItems:"end",flexDirection:"column"}),dW=Ze("div",{display:"flex",alignItems:"center"}),Np=Ze("div",{position:"relative",".image-container":{borderRadius:"$xm",overflow:"hidden"}}),Lp=Ze("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6});function Mp(t){return Ge.createElement(Dn,null,Array.from(Array(t.size),e=>Ge.createElement(Sg,{key:e,hasDivider:!0,start:Ge.createElement(uo,{variant:"circular",width:35,height:35}),end:Ge.createElement(Fn,null,Ge.createElement(uo,{variant:"text",size:"large",width:70}),Ge.createElement(Bp,{size:4}),Ge.createElement(uo,{variant:"text",size:"medium",width:50})),title:Ge.createElement("div",null,Ge.createElement(uo,{variant:"text",size:"large",width:90}),Ge.createElement(Bp,{size:4}),Ge.createElement(uo,{variant:"text",size:"medium",width:90}))})))}i(Mp,"LoadingTokenList");var Ai=20,Ag=i(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:s,customCssForTagTitle:a}=t,l=e.length;return U.createElement("div",{className:"description"},o?U.createElement("div",{className:"token-name"},o):U.createElement(wi,{className:"token-title"},U.createElement(mo,{variant:"title",size:"xmedium"},r.symbol),U.createElement(co,{direction:"horizontal",size:4}),U.createElement(vi,{css:s},U.createElement(xi,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&U.createElement("div",{className:`token-address ${!o&&"token-address-without-name"}`},U.createElement("a",{href:n,target:"_blank",rel:"nofollow noreferrer",onClick:p=>p.stopPropagation()},l>10?`${e.slice(0,5)}...${e.slice(l-6,l)}`:e," ",U.createElement(Cg,{color:"gray",size:12}))))},"renderDesc");function Fp(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[s,a]=Dp(e),l=d().fetchStatus,p=d().blockchains(),[u,c]=Dp(!0),{getBalanceFor:m,loading:g}=z(),{isTokenPinned:f}=d(),k=bg((b,T)=>U.createElement("div",{...b,ref:T,style:{...b.style,height:`${parseFloat(b.style?.height)+8*2}px`}})),y=i(()=>{a(e.slice(0,s.length+Ai))},"loadNextPage");_p(()=>{c(e.length>s.length)},[s.length]),_p(()=>{a(e.slice(0,Ai))},[e]);let h=i(()=>!s.length&&o?U.createElement(U.Fragment,null,U.createElement(co,{size:32}),U.createElement(wg,{title:bi.t("No results found"),description:bi.t("Try using different keywords")})):U.createElement(xg,{Item:({index:b,style:T})=>{let v=s[b],S=Uo(m(v)),w=v.address||"",E=p.find($=>$.name===v.blockchain),P=_n(v.symbol,E?.color||""),C={$$color:P[`${v.symbol}100`],[`.${Pp} &`]:{$$color:P[`${v.symbol}900`]},backgroundColor:"$$color"},M={$$color:P[`${v.symbol}700`],[`.${Pp} &`]:{$$color:P[`${v.symbol}100`]},color:"$$color"};return U.createElement("div",{style:{...T,paddingRight:5}},U.createElement(Tg,{style:{height:T?.height},"tab-index":b,key:`${v.symbol}${v.address}`,id:`${v.symbol}${v.address}`,hasDivider:!0,onClick:()=>n(s[b]),start:U.createElement(Np,null,U.createElement(kg,{src:v.image,size:30}),f(v)&&U.createElement(Lp,null,U.createElement(vg,{size:12,color:"gray"}))),title:E?.type==="COSMOS"||v.name||!v.name&&!w?U.createElement(wi,null,U.createElement(mo,{variant:"title",size:"xmedium"},v.symbol),U.createElement(co,{direction:"horizontal",size:4}),U.createElement(vi,{css:C},U.createElement(xi,{variant:"body",size:"xsmall",css:M},v.blockchain))):void 0,description:E?.info&&w&&E.type!=="COSMOS"?Ag({address:w,token:s[b],customCssForTag:C,customCssForTagTitle:M,name:v.name,url:E.info.addressUrl.split("{wallet}").join(w)}):v.name||void 0,end:g?U.createElement(Fn,null,U.createElement($p,{variant:"text",size:"large",width:70}),U.createElement(co,{size:4}),U.createElement($p,{variant:"text",size:"medium",width:50})):S&&U.createElement(Wp,null,U.createElement(mo,{variant:"title",size:"small"},S.amount),U.createElement("div",null),S.usdValue&&U.createElement(mo,{variant:"body",className:"usd-value",size:"xsmall"},`$${S.usdValue}`))}))},hasNextPage:u,itemCount:s.length,loadNextPage:y,innerElementType:k,size:60,key:`${r}-${o}`}),"renderList");return U.createElement(Ip,null,U.createElement(mo,{variant:"label",size:"large"},bi.t("Select Token")),U.createElement(co,{size:4}),l==="loading"&&U.createElement(Mp,{size:Ai}),l==="success"&&U.createElement(Dn,null,h()))}i(Fp,"TokenList");function Ei(t){let{type:e}=t,o=Ig(),n=dt(),{fromBlockchain:r,toBlockchain:s,setFromToken:a,setToToken:l,setFromBlockchain:p,setToBlockchain:u}=O(),c=z.use.getBalanceFor(),[m,g]=Eg(""),k=(e==="source"?r:s)?.name??"",y=d().blockchains({type:e}),h=d().tokens({type:e,blockchain:k,searchFor:m}),b=Cs(h,c),T=i(S=>{e==="source"?p(S):u(S)},"updateBlockchain"),v=i(S=>{e==="source"?a({token:S,meta:{blockchains:y,tokens:h}}):l({token:S,meta:{blockchains:y,tokens:h}})},"updateToken");return Ht.createElement(K,{header:{title:Up.t("Swap {type}",{type:e})}},Ht.createElement(ki,{blockchains:y,type:e=="source"?"from":"to",blockchain:e==="source"?r:s,onMoreClick:()=>o(_.blockchains),onChange:S=>{T(S)}}),Ht.createElement(Op,{size:24}),Ht.createElement(it,{value:m,autoFocus:!0,placeholder:Up.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>g(""),onChange:S=>g(S.target.value)}),Ht.createElement(Op,{size:16}),Ht.createElement(Fp,{list:b,selectedBlockchain:k,searchedFor:m,onChange:S=>{v(S);let w=y.find(E=>S.blockchain===E.name);w&&T(w),n()}}))}i(Ei,"SelectSwapItemsPage");import{i18n as At}from"@lingui/core";import{ChevronRightIcon as Ni,Divider as Li,InfoIcon as Pg,List as $g,ListItemButton as _g,Skeleton as Dg,Switch as Fg,Tooltip as Ug,Typography as Et}from"@rango-dev/ui";import V from"react";import{useNavigate as Og}from"react-router-dom";import{i18n as Qp}from"@lingui/core";import{Chip as Ng,Divider as Vp,InfoIcon as Lg,TextField as Bg,Tooltip as Mg,Typography as jp}from"@rango-dev/ui";import ve from"react";import{styled as Un}from"@rango-dev/ui";var qp=Un("div",{paddingTop:"$5",paddingBottom:"30px"}),zp=Un("div",{display:"flex",alignItems:"center",justifyContent:"start"}),Hp=Un("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),On=Un("div",{maxWidth:"300px",padding:"$10"});import{i18n as Ii}from"@lingui/core";import{Typography as Wg}from"@rango-dev/ui";import fo from"react";function Gp(){return fo.createElement(On,null,fo.createElement(Wg,{variant:"label",size:"medium",color:"neutral700"},Ii.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),fo.createElement("br",null),fo.createElement("br",null),fo.createElement("b",null,Ii.t("Warning")),":",Ii.t("This setting is applied per step, e.g. 1Inch, Thorchain, etc. and only that step will be reverted, not the whole transaction")))}i(Gp,"SlippageTooltipContent");function Wi(){let{slippage:t,setSlippage:e,customSlippage:o,setCustomSlippage:n}=d();return ve.createElement(qp,null,ve.createElement(Hp,null,ve.createElement(jp,{variant:"title",size:"xmedium"},Qp.t("Slippage tolerance per swap")),ve.createElement(Vp,{direction:"horizontal",size:4}),ve.createElement(Mg,{container:j(),side:"top",content:ve.createElement(Gp,null)},ve.createElement(Lg,{color:"gray"}))),ve.createElement(zp,null,xs.map((r,s)=>{let a=`slippage-${s}`;return ve.createElement(ve.Fragment,null,ve.createElement(Ng,{style:{width:"64px",flexShrink:0},key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`}),ve.createElement(Vp,{direction:"horizontal",size:8}))}),ve.createElement(Bg,{type:"number",min:"0.01",max:"30",step:"0.01",fullWidth:!0,variant:"contained",value:o||"",color:"dark",onChange:r=>{let s=parseFloat(r.target.value);(!s||s>=Is&&s<=Es)&&n(s)},suffix:o&&ve.createElement(jp,{variant:"body",size:"small"},"%"),placeholder:Qp.t("Custom")})))}i(Wi,"Slippage");function Kp(){let t=Og(),{theme:e}=d().config,o=d().fetchStatus,n=d().swappers(),r=d().disabledLiquiditySources,{config:{features:s}}=d(),a=Ne("theme",s),l=Ne("liquiditySource",s),p=Ne("language",s),u=d().infiniteApprove,c=d().toggleInfiniteApprove,m=Io(n,r),g=m.filter(C=>C.type==="BRIDGE"||C.type==="AGGREGATOR"),f=g.length,k=g.filter(C=>C.selected).length,y=m.filter(C=>C.type==="DEX"),h=y.length,b=y.filter(C=>C.selected).length,T=i((C,M)=>{switch(o){case"loading":return V.createElement(Dg,{variant:"text",size:"medium",width:50});case"failed":return V.createElement(Et,{variant:"body",size:"medium",color:"$error500"},At.t("Loading failed"));default:return V.createElement(Et,{variant:"body",size:"medium"},`${C} / ${M}`)}},"handleEndItem"),v={id:"bridge-item",title:V.createElement(Et,{variant:"title",size:"xmedium"},At.t("Enabled bridges")),end:V.createElement(V.Fragment,null,T(k,f),V.createElement(Li,{direction:"horizontal",size:8}),V.createElement(Ni,{color:"black"})),onClick:()=>t(_.bridges)},S={id:"exchange-item",title:V.createElement(Et,{variant:"title",size:"xmedium"},At.t("Enabled exchanges")),end:V.createElement(V.Fragment,null,T(b,h),V.createElement(Li,{direction:"horizontal",size:8}),V.createElement(Ni,{color:"gray"})),onClick:()=>t(_.exchanges)},w={id:"theme-item",title:V.createElement(Et,{variant:"title",size:"xmedium"},At.t("Theme")),end:V.createElement(Ni,{color:"gray"}),onClick:()=>t(_.themes)},E={id:"infinite-approval-item",title:V.createElement(V.Fragment,null,V.createElement(Et,{variant:"title",size:"xmedium"},At.t("Infinite Approval")),V.createElement(Li,{direction:"horizontal",size:4}),V.createElement(Ug,{side:"top",container:j(),content:V.createElement(On,null,V.createElement(Et,{variant:"label",size:"medium",color:"neutral700"},At.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.")))},V.createElement(Pg,{color:"gray"}))),end:V.createElement(Fg,{checked:u}),onClick:c},P=l?[]:[v,S];return!e?.singleTheme&&!a&&P.push(w),P.push(E),V.createElement(K,{header:{title:At.t("Setting")}},V.createElement(st,null,V.createElement(Wi,null),V.createElement($g,{type:V.createElement(_g,{title:"_",id:"_",onClick:()=>console.log()}),items:P})))}i(Kp,"SettingsPage");import{cancelSwap as Ph}from"@rango-dev/queue-manager-rango-preset";import{useManager as $h}from"@rango-dev/queue-manager-react";import Au from"react";import{i18n as lt}from"@lingui/core";import{getCurrentBlockchainOfOrNull as gh,getCurrentStep as hh,getRelatedWalletOrNull as yh,PendingSwapNetworkStatus as Yn}from"@rango-dev/queue-manager-rango-preset";import{Button as Su,CopyIcon as Sh,Divider as Ch,IconButton as kh,QuoteCost as Th,StepDetails as wh,Typography as Qt,useCopyToClipboard as vh}from"@rango-dev/ui";import{useWallets as xh}from"@rango-dev/wallets-react";import X,{useEffect as Cu,useRef as bh,useState as ku}from"react";import{useNavigate as Ah}from"react-router-dom";import{i18n as xe}from"@lingui/core";var qg=1e3,zg=31536e3,Hg=2592e3,Gg=86400,Qg=3600,Vg=60;function Xp(t){let e=Math.floor((Date.now()-t)/qg),n=[{turningPoint:zg,label:xe.t("year"),pluralLabel:xe.t("years")},{turningPoint:Hg,label:xe.t("month"),pluralLabel:xe.t("months")},{turningPoint:Gg,label:xe.t("day"),pluralLabel:xe.t("days")},{turningPoint:Qg,label:xe.t("hour"),pluralLabel:xe.t("hours")},{turningPoint:Vg,label:xe.t("minute"),pluralLabel:xe.t("minutes")}].sort((r,s)=>s.turningPoint-r.turningPoint);for(let r of n){let{turningPoint:s,label:a,pluralLabel:l}=r,p=Math.floor(e/s);if(p>1)return`${p} ${l}`;if(p===1)return`${p} ${a}`}return e>1?`${e} ${xe.t("seconds")}`:`${e} ${xe.t("second")}`}i(Xp,"timeSince");function Yp(t){return t.finishTime?xe.t({id:"{time} ago",values:{time:Xp(parseInt(t.finishTime))}}):xe.t({id:"{time} ago",values:{time:Xp(parseInt(t.creationTime))}})}i(Yp,"getSwapDate");import{PendingSwapNetworkStatus as Hn}from"@rango-dev/queue-manager-rango-preset";import{Modal as Rg}from"@rango-dev/ui";import Gn from"react";import{i18n as qn}from"@lingui/core";import{Button as Jp,Divider as Bi,MessageBox as jg,Typography as Zp}from"@rango-dev/ui";import Re from"react";var Rp=i(({onCancel:t,onClose:e})=>Re.createElement(Re.Fragment,null,Re.createElement(Bi,{size:20}),Re.createElement(jg,{type:"error",title:qn.t("Cancel Swap"),description:qn.t("Are you sure you want to cancel this swap?")}),Re.createElement(Bi,{size:32}),Re.createElement(Jp,{variant:"contained",type:"primary",size:"large",onClick:t},Re.createElement(Zp,{variant:"title",size:"medium",color:"neutral100"},qn.t("Yes, Cancel it"))),Re.createElement(Bi,{size:12}),Re.createElement(Jp,{variant:"outlined",type:"primary",size:"large",onClick:e},Re.createElement(Zp,{variant:"title",size:"medium",color:"primary"},qn.t("No, Continue")))),"CancelContent");import{i18n as zn}from"@lingui/core";import{Button as eu,Divider as Mi,MessageBox as Kg,Typography as tu}from"@rango-dev/ui";import et from"react";var ou=i(({onDelete:t,onClose:e})=>et.createElement(et.Fragment,null,et.createElement(Mi,{size:20}),et.createElement(Kg,{type:"error",title:zn.t("Delete Transaction"),description:zn.t("Are you sure you want to delete this swap?")}),et.createElement(Mi,{size:32}),et.createElement(eu,{variant:"contained",type:"primary",size:"large",onClick:t},et.createElement(tu,{variant:"title",size:"medium",color:"neutral100"},zn.t("Yes, Delete it"))),et.createElement(Mi,{size:12}),et.createElement(eu,{variant:"outlined",type:"primary",size:"large",onClick:e},et.createElement(tu,{variant:"title",size:"medium",color:"primary"},zn.t("No, Cancel")))),"DeleteContent");import{i18n as Pi}from"@lingui/core";import{PendingSwapNetworkStatus as $i}from"@rango-dev/queue-manager-rango-preset";var _i={[$i.WaitingForNetworkChange]:{type:"loading",title:Pi.t("Change Network")},[$i.WaitingForConnectingWallet]:{type:"warning",title:Pi.t("Connect Wallet")},[$i.NetworkChanged]:{type:"success",title:Pi.t("Network Changed")}};import{MessageBox as Yg,Wallet as Jg,WalletState as ru}from"@rango-dev/ui";import{useWallets as Zg}from"@rango-dev/wallets-react";import go from"react";import{styled as Xg}from"@rango-dev/ui";var nu=Xg("div",{display:"flex",justifyContent:"center"});var iu=i(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:s}=t,{connect:a,getWalletInfo:l,state:p}=Zg(),u=n?.walletType,m=u&&p(u).connected?ru.CONNECTED:ru.DISCONNECTED;return go.createElement(go.Fragment,null,go.createElement(Yg,{type:e,title:o,description:r}),s&&u&&go.createElement(nu,null,go.createElement(Jg,{container:j(),title:l(u).name,image:l(u).img,type:u,state:m,onClick:async()=>a(u)})))},"WalletStateContent");function Di(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:s,message:a}=t,l=e===Hn.WaitingForNetworkChange||e===Hn.WaitingForConnectingWallet||e===Hn.NetworkChanged;return Gn.createElement(Rg,{open:!!e,onClose:o,container:document.getElementById("swap-box")||document.body},l&&Gn.createElement(iu,{type:_i[e].type,title:_i[e].title,currentStepWallet:s,message:a,showWalletButton:e!==Hn.WaitingForNetworkChange}),e==="delete"&&Gn.createElement(ou,{onClose:o,onDelete:n}),e==="cancel"&&Gn.createElement(Rp,{onClose:o,onCancel:r}))}i(Di,"SwapDetailsModal");import{i18n as ho}from"@lingui/core";import{Button as Fi,Divider as Qn,MessageBox as su,Modal as eh,TokenAmount as th,Typography as Vn}from"@rango-dev/ui";import ue from"react";import{useNavigate as oh}from"react-router-dom";function Ui(t){let{open:e,onClose:o,status:n,priceValue:r,usdValue:s,token:a,chain:l,percentageChange:p,description:u,diagnosisUrl:c}=t,m=oh();return ue.createElement(eh,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},n==="success"?ue.createElement(su,{type:"success",title:ho.t("Swap Successful")},ue.createElement(th,{direction:"vertical",type:"output",centerAlign:!0,price:{value:r,usdValue:s},token:a,chain:l,percentageChange:p}),ue.createElement(Qn,{size:12}),ue.createElement(Vn,{variant:"body",size:"medium",color:"neutral700",align:"center"},u)):ue.createElement(su,{type:"error",title:ho.t("Transaction Failed"),description:u}),ue.createElement(Qn,{size:32}),n==="success"&&ue.createElement(Fi,{variant:"contained",type:"primary",size:"large",onClick:()=>{m("../../")}},ue.createElement(Vn,{variant:"title",size:"medium",color:"neutral100"},ho.t("Done"))),ue.createElement(Qn,{size:12}),c&&ue.createElement(ue.Fragment,null,ue.createElement(Fi,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(c,"_blank")},ue.createElement(Vn,{variant:"title",size:"medium",color:"primary"},ho.t("Diagnosis"))),ue.createElement(Qn,{size:12})),ue.createElement(Fi,{variant:"outlined",type:"primary",size:"large",onClick:o},ue.createElement(Vn,{variant:"title",size:"medium",color:"primary"},ho.t("See Details"))))}i(Ui,"SwapDetailsCompleteModal");import dh from"react";import{i18n as ph}from"@lingui/core";import{Alert as mu,IconButton as uh,LinkIcon as ch}from"@rango-dev/ui";import St,{Fragment as mh}from"react";import{Alert as nh,ChevronDownIcon as rh,ChevronUpIcon as ih,IconButton as sh}from"@rango-dev/ui";import jn,{useState as ah}from"react";function au(t){let{message:e}=t,[o,n]=ah(!1);return jn.createElement(nh,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&jn.createElement(sh,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?jn.createElement(ih,{size:12,color:"gray"}):jn.createElement(rh,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}i(au,"FailedAlert");import{styled as lh}from"@rango-dev/ui";var lu=lh("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as pu}from"@lingui/core";import{PendingSwapNetworkStatus as Oi}from"@rango-dev/queue-manager-rango-preset";import{Alert as qi,Button as uu}from"@rango-dev/ui";import yo from"react";function cu(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?yo.createElement(qi,{type:"warning",title:n.shortMessage,action:yo.createElement(uu,{size:"xxsmall",type:"warning",onClick:()=>{o(Oi.WaitingForNetworkChange),e().catch(s=>{console.log(s)})}},pu.t("Change"))}):r===Oi.WaitingForConnectingWallet?yo.createElement(qi,{type:"warning",title:n.shortMessage,action:yo.createElement(uu,{size:"xxsmall",type:"warning",onClick:()=>{o(Oi.WaitingForConnectingWallet)}},pu.t("Connect"))}):yo.createElement(qi,{type:"warning",title:n.shortMessage})}i(cu,"WarningAlert");function zi(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:s,hasAlreadyProceededToSign:a}=t,l=Xt(s),p=s.status==="waitingForApproval"&&!l,u=s.status==="running"&&!l;return St.createElement(lu,null,s.explorerUrl?.map((c,m,g)=>{let f=m+c.url,k=m===g.length-1,y=k&&u||p,h=k&&s.status==="failed";return St.createElement(mh,{key:f},St.createElement(mu,{type:y&&"loading"||h&&"error"||"success",title:c.description?`${c.description} Tx`:ph.t("View transaction"),action:c.url&&St.createElement(uh,{variant:"ghost",size:"xsmall",onClick:()=>window.open(c.url,"_blank")},St.createElement(ch,{size:16}))}))}),(u&&!a||p&&!s.explorerUrl?.length)&&St.createElement(mu,{type:"loading",title:r.shortMessage}),s.status!=="failed"&&l&&St.createElement(cu,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),s.status==="failed"&&St.createElement(au,{message:r}))}i(zi,"SwapDetailsAlerts");var du=2e3;var fu=i(({swap:t,blockchains:e,...o})=>{let n=t.hasAlreadyProceededToSign!==!1;return t.steps.map((r,s)=>{let a=s===0?t.inputAmount:t.steps[s-1].outputAmount;return{from:{token:{displayName:r.fromSymbol,image:r.fromLogo??""},chain:{displayName:Xe(r.fromBlockchain,e)??"",image:r.fromBlockchainLogo??""},price:{value:N(a,6,6)}},to:{token:{displayName:r.toSymbol,image:r.toLogo},chain:{displayName:Xe(r.toBlockchain,e)??"",image:r.toBlockchainLogo??""},price:{value:N(r.outputAmount||r.expectedOutputAmountHumanReadable,6,6)}},swapper:{displayName:r.swapperId,image:r.swapperLogo??""},alerts:dh.createElement(zi,{step:r,hasAlreadyProceededToSign:n,...o})}})},"getSteps");function gu(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"}}i(gu,"getStepState");import{darkTheme as fh,styled as Gt}from"@rango-dev/ui";var Kn=Gt("div",{display:"flex",width:"100%",flexDirection:"column",alignItems:"center",height:"0",flexGrow:1,"& .row":{display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",padding:"$10 $20",borderBottom:"1px solid",$$color:"$colors$neutral300",[`.${fh} &`]:{$$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"}}),Xn=Gt("div",{width:"100%"}),hu=Gt("div",{padding:"$0 $20 $20 $20",width:"100%",overflow:"auto"}),KL=Gt("div",{display:"flex",flexDirection:"column",gap:"$10"}),yu=Gt("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),XL=Gt("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1});function Hi(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:s,connect:a,getWalletInfo:l}=xh(),p=d().blockchains(),u=d().tokens(),c=O.use.retry(),m=Ah(),[g,f]=vh(du),k=bh(null),[y,h]=ku(null),[b,T]=ku(null),v=i(()=>{r(),h(null)},"onCancel"),S=Me.use.getUnreadNotifications(),w=Me.use.setAsRead(),E=S(),P=hh(e),C=P?.networkStatus;Cu(()=>{E.find(se=>se.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(T(e.status),w(e.requestId))},[e.status]),Cu(()=>{H?h(Yn.WaitingForNetworkChange):C===Yn.WaitingForConnectingWallet||C===Yn.NetworkChanged?h(C):h(null)},[C]);let M=Vs(e),$=P?gh(e,P):null,W=P?yh(e,P):null,x=Yp(e),F=js(e),I=i(q=>!!l(q)?.mobileWallet,"isMobileWallet"),H=C===Yn.WaitingForNetworkChange&&!!$&&!!W?.walletType&&(I(W.walletType)||s(W.walletType,$)),te=H?a.bind(null,W.walletType,$):void 0,oe=Qs(e,P),G=fu({swap:e,switchNetwork:te,showNetworkModal:C,setNetworkModal:h,message:oe,blockchains:p}),ie=G.length,[ce,me]=[e.steps[0],e.steps[ie-1]],De=me.outputAmount||me.expectedOutputAmountHumanReadable,It=e.steps.reduce((q,se)=>q+parseFloat(se.feeInUsd||""),0),jt=e.steps.find(q=>q.diagnosisUrl)?.diagnosisUrl,tt=N(String(parseFloat(N(De,6,6))*(Do(me.toBlockchain,me.toSymbol,me.toSymbolAddress,u)||0)),4,4),Qe=N(String(parseFloat(e.inputAmount)*(Do(ce.fromBlockchain,ce.fromSymbol,ce.fromSymbolAddress,u)||0)),4,4),D=Be(Qe,tt),Y=e.status==="success"?lt.t({id:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:N(De,6,6),token:G[ie-1].to.token.displayName,conciseAddress:Oo(e.wallets[G[ie-1].to.chain.displayName]?.address||""),chain:G[ie-1].to.chain.displayName}}):`${lt.t("Transaction was not sent.")} ${M?lt.t({id:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:M.outputAmount,symbol:M.symbol,blockchain:M.blockchain}}):""}`;return X.createElement(K,{noPadding:!0,header:{title:lt.t("Swap and Bridge"),onCancel:e.status==="running"?()=>h("cancel"):void 0,suffix:e.status!=="running"&&X.createElement(_t,null,X.createElement(Su,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>h("delete")},X.createElement(Qt,{size:"medium",variant:"label",color:"error"},lt.t("Delete"))))},footer:F&&!b&&X.createElement(Su,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{c(e,{blockchains:p,tokens:u}),setTimeout(()=>{m("../../")},0)}},lt.t("Try again"))},X.createElement(Kn,null,X.createElement(Xn,null,X.createElement("div",{className:"row"},X.createElement(Qt,{variant:"label",size:"large",color:"neutral700"},`${lt.t("Request ID")}:`),X.createElement("div",{className:"request-id"},X.createElement(Qt,{variant:"label",size:"small",color:"neutral700"},o),X.createElement(kh,{variant:"ghost",onClick:f.bind(null,o||"")},X.createElement(Sh,{size:16,color:"gray"})))),X.createElement("div",{className:"row"},X.createElement(Qt,{variant:"label",size:"large",color:"neutral700"},`${lt.t("Created at")}:`),X.createElement(Qt,{variant:"label",size:"small",color:"neutral700"},x))),X.createElement("div",{className:"output"},X.createElement(Th,{fee:N(String(It),2,2),time:No(Lo(e.steps)),steps:ie}),X.createElement(eo,{from:{price:{value:N(e.inputAmount,6,6),usdValue:Qe},token:{displayName:G[0].from.token.displayName,image:G[0].from.token.image},chain:{image:G[0].from.chain.image,displayName:G[0].from.chain.displayName}},to:{price:{value:N(De,6,6),usdValue:tt},token:{displayName:G[ie-1].to.token.displayName,image:G[ie-1].to.token.image},chain:{image:G[ie-1].to.chain.image,displayName:G[ie-1].to.chain.displayName}},percentageChange:N(D,2,2),warningLevel:ot(D??0)})),X.createElement("div",{className:"title-steps"},X.createElement(Qt,{variant:"title",size:"small"},lt.t("Swaps steps"))),X.createElement(Ch,{size:8}),X.createElement(hu,{ref:k},G.map((q,se)=>{let Ve=se,Ee=gu(e.steps[se]),tr=Ee==="error"||Ee==="in-progress"||Ee==="warning"||Ee==="completed"&&se===G.length-1;return X.createElement(wh,{key:Ve,step:q,type:"swap-progress",ref:k,state:Ee,hasSeparator:se!==0,tabIndex:Ve,isFocused:tr})}))),X.createElement(Di,{state:y,onClose:()=>h(null),onCancel:v,onDelete:n,message:oe.detailedMessage.content,currentStepWallet:W}),X.createElement(Ui,{open:!!b,diagnosisUrl:jt,onClose:()=>T(null),status:e.status==="success"?"success":"failed",priceValue:N(De,6,6),usdValue:tt,percentageChange:N(D,2,2),token:{displayName:G[ie-1].to.token.displayName,image:G[ie-1].to.token.image},chain:{image:G[ie-1].to.chain.image},description:Y}))}i(Hi,"SwapDetails");import{i18n as wo}from"@lingui/core";import{CopyIcon as Lh,IconButton as Bh,NotFound as Mh,Skeleton as xu,Typography as Zn}from"@rango-dev/ui";import le from"react";import{i18n as Ih}from"@lingui/core";import{ChainToken as Wh,Divider as Qi,Skeleton as To,Typography as Nh}from"@rango-dev/ui";import J from"react";import{styled as Gi}from"@rango-dev/ui";var Tu=Gi("div",{width:"100%",height:"100%",padding:"$0 $20",".cost":{paddingTop:"$15",display:"flex"},".quote-summary":{padding:"$15 $0"},".quote-summary-item":{display:"flex",justifyContent:"space-between",alignItems:"center"},".token-amount":{display:"flex",justifyContent:"space-between",alignItems:"center"},".quote-summary-separator":{width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"},".swaps-steps":{paddingBottom:"$10"}}),wu=Gi("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"}}),Jn=Gi("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"});import{ChainToken as vu,Divider as So,NextIcon as Eh,Skeleton as Co}from"@rango-dev/ui";import ae from"react";function ko(t){let{extraInfo:e}=t;return ae.createElement(wu,null,ae.createElement("div",{className:"step-title"},ae.createElement(Co,{height:28,width:28,variant:"circular"}),ae.createElement(So,{direction:"horizontal",size:8}),ae.createElement(Co,{height:15,width:148,variant:"rounded"})),ae.createElement("div",{className:"step-tokens"},ae.createElement(So,{direction:"horizontal",size:20}),ae.createElement("div",{className:"step-token-info"},ae.createElement(vu,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ae.createElement(So,{direction:"horizontal",size:8}),ae.createElement(Co,{height:12,width:76,variant:"rounded"})),ae.createElement("div",{className:"step-icon-container"},ae.createElement(Eh,{color:"gray",size:16})),ae.createElement("div",{className:"step-token-info"},ae.createElement(vu,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ae.createElement(So,{direction:"horizontal",size:8}),ae.createElement(Co,{height:12,width:76,variant:"rounded"}))),e&&ae.createElement("div",{className:"extra-info"},ae.createElement(So,{direction:"horizontal",size:20}),ae.createElement(Co,{height:22,width:297,variant:"rectangular"})))}i(ko,"LoadingSwapDetailStep");function Vi(){let t=J.createElement("div",{className:"quote-summary-item"},J.createElement("div",{className:"token-amount"},J.createElement(Wh,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),J.createElement(Qi,{size:8,direction:"horizontal"}),J.createElement(To,{height:15,width:148,variant:"rounded"})),J.createElement(To,{height:12,width:64,variant:"rounded"}));return J.createElement(Tu,null,J.createElement("div",{className:"cost"},J.createElement(To,{width:60,height:10,variant:"rounded"}),J.createElement(Qi,{size:4,direction:"horizontal"}),J.createElement(To,{width:60,height:10,variant:"rounded"}),J.createElement(Qi,{size:4,direction:"horizontal"}),J.createElement(To,{width:60,height:10,variant:"rounded"})),J.createElement("div",{className:"quote-summary"},t,J.createElement("div",{className:"quote-summary-separator"}),t),J.createElement("div",{className:"swaps-steps"},J.createElement(Nh,{variant:"title",size:"small"},Ih.t("Swaps steps"))),J.createElement("div",{className:"step-container"},J.createElement(ko,{extraInfo:!0}),J.createElement(Jn,null),J.createElement(ko,null),J.createElement(Jn,null),J.createElement(ko,null),J.createElement(Jn,null),J.createElement(ko,null)))}i(Vi,"LoadingSwapDetails");function bu(t){let{requestId:e,showSkeleton:o}=t;return le.createElement(K,{noPadding:!0,header:{title:wo.t("Swap and Bridge"),suffix:le.createElement(_t,null)}},o&&le.createElement(Kn,null,le.createElement(Xn,null,le.createElement("div",{className:"row"},le.createElement(Zn,{variant:"label",size:"large",color:"neutral700"},`${wo.t("Request ID")}:`),le.createElement("div",{className:"request-id"},le.createElement(Zn,{variant:"label",size:"small",color:"neutral700"},le.createElement(xu,{width:60,height:10,variant:"rounded"})),le.createElement(Bh,{variant:"ghost"},le.createElement(Lh,{size:16,color:"gray"})))),le.createElement("div",{className:"row"},le.createElement(Zn,{variant:"label",size:"large",color:"neutral700"},`${wo.t("Created at")}:`),le.createElement(Zn,{variant:"label",size:"small",color:"neutral700"},le.createElement(xu,{width:60,height:10,variant:"rounded"})))),le.createElement(Vi,null)),!o&&le.createElement(yu,null,le.createElement(Mh,{title:wo.t("Not found"),description:wo.t({id:"Swap with request ID = {requestId} not found.",values:{requestId:e}})})))}i(bu,"SwapDetailsPlaceholder");function Eu(){let{manager:t,state:e}=$h(),o=!e.loadedFromPersistor,n=qt(t),r=we.use.selectedSwapRequestId(),s=dt(),{fetchStatus:a}=d(),l=o||a==="loading",p=n.find(({swap:g})=>g.requestId===r),u=i(()=>{if(p?.id){let g=t?.get(p.id);g&&Ph(g)}},"onCancel"),c=i(async()=>{if(p?.id)try{t?.deleteQueue(p.id),s()}catch(g){console.log(g)}},"onDelete"),m=p?.swap;return!m||l?Au.createElement(bu,{requestId:r||"",showSkeleton:l}):Au.createElement(Hi,{swap:m,requestId:r||"",onCancel:u,onDelete:c})}i(Eu,"SwapDetailsPage");import{i18n as vo}from"@lingui/core";import{AutoThemeIcon as _h,DarkModeIcon as Dh,LightModeIcon as Fh,List as Uh,ListItemButton as Oh,Radio as ji,RadioRoot as qh,Typography as Ki}from"@rango-dev/ui";import be from"react";function Iu(){let{setTheme:t,theme:e}=d(),o=[{id:"light",value:"light",title:be.createElement(Ki,{variant:"title",size:"xmedium"},vo.t("Light")),onClick:()=>t("light"),start:be.createElement(Fh,{color:"gray"}),end:be.createElement(ji,{value:"light"})},{id:"dark",value:"dark",title:be.createElement(Ki,{variant:"title",size:"xmedium"},vo.t("Dark")),onClick:()=>t("dark"),start:be.createElement(Dh,{color:"gray"}),end:be.createElement(ji,{value:"dark"})},{id:"auto",value:"auto",title:be.createElement(Ki,{variant:"title",size:"xmedium"},vo.t("Auto")),onClick:()=>t("auto"),start:be.createElement(_h,{color:"gray"}),end:be.createElement(ji,{value:"auto"})}];return be.createElement(K,{header:{title:vo.t("Theme")}},be.createElement(st,null,be.createElement(qh,{onValueChange:n=>t(n),value:e},be.createElement(Uh,{type:be.createElement(Oh,{title:vo.t("Theme"),id:"_",onClick:()=>console.log()}),items:o}))))}i(Iu,"ThemePage");function Wu(){return zh([{path:_.home,element:Ae.createElement(ap,null)},{path:_.fromSwap,children:[{index:!0,element:Ae.createElement(Ei,{type:"source"})},{path:_.blockchains,element:Ae.createElement(gi,{type:"source"})}]},{path:_.toSwap,children:[{index:!0,element:Ae.createElement(Ei,{type:"destination"})},{path:_.blockchains,element:Ae.createElement(gi,{type:"destination"})}]},{path:_.settings,children:[{index:!0,element:Ae.createElement(Kp,null)},{path:_.themes,element:Ae.createElement(Iu,null)},{path:_.languages,element:Ae.createElement(pp,null)},{path:_.exchanges,element:Ae.createElement(ui,{sourceType:"Exchanges"})},{path:_.bridges,element:Ae.createElement(ui,{sourceType:"Bridges"})}]},{path:_.swaps,children:[{index:!0,element:Ae.createElement(op,null)},{path:_.swapDetails,element:Ae.createElement(Eu,null)}]},{path:_.wallets,element:Ae.createElement(Qa,null)},{path:_.confirmSwap,element:Ae.createElement(Vl,null)}])}i(Wu,"AppRoutes");import{isApprovalTX as Hh,MainEvents as Lu,RouteEventType as Bu,StepEventType as Vt,StepExecutionEventStatus as Gh,useEvents as Qh}from"@rango-dev/queue-manager-rango-preset";import{useEffect as Mu}from"react";import{StepExecutionBlockedEventStatus as Xi}from"@rango-dev/queue-manager-rango-preset";var Nu=[Xi.WAITING_FOR_CHANGE_WALLET_ACCOUNT,Xi.WAITING_FOR_NETWORK_CHANGE,Xi.WAITING_FOR_WALLET_CONNECT];function Pu(){let t=d().tokens(),e=z.use.connectedWallets(),o=z.use.getWalletsDetails(),n=Me.use.setNotification(),r=Me.use.setAsRead(),s=Qh();return Mu(()=>(s.on(Lu.StepEvent,a=>{let{event:l,step:p,route:u}=a;if(l.type===Vt.TX_EXECUTION&&l.status===Gh.TX_SENT&&!Hh(p)||l.type===Vt.SUCCEEDED){let m=e.find(f=>f.chain===p?.fromBlockchain),g=p?.fromBlockchain!==p?.toBlockchain&&e.find(f=>f.chain===p?.toBlockchain);m&&o([m],t),g&&o([g],t)}l.type===Vt.TX_EXECUTION_BLOCKED&&Nu.includes(l.status)||l.type===Vt.FAILED?n(l,u):(l.type===Vt.TX_EXECUTION||l.type===Vt.CHECK_STATUS)&&r(u.requestId)}),()=>s.all.clear()),[s,e.length]),Mu(()=>(s.on(Lu.RouteEvent,a=>{let{event:l,route:p}=a;(l.type===Bu.FAILED||l.type===Bu.SUCCEEDED)&&n(l,p)}),()=>s.all.clear()),[s,e.length]),null}i(Pu,"WidgetEvents");import{globalCss as Vh}from"@rango-dev/ui";var $u=i(()=>Vh({"@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 Zi,darkTheme as Jh,lightTheme as Zh}from"@rango-dev/ui";import{useEffect as Du,useState as Rh}from"react";import{theme as Xh,darkColors as Yh}from"@rango-dev/ui";var _u=i(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),jh=i(t=>{let e="",o;for(o=Math.abs(t);o>52;o=o/52|0)e=_u(o%52)+e;return _u(o%52)+e},"toAlphabeticName"),Kh=i((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),Yi=i(t=>jh(Kh(5381,JSON.stringify(t))>>>0),"toHash");function Ji(t){let e=Xh.colors,o=Ti({...e,...Yh},!0,t?.dark),n=Ti(e,!1,t?.light),r=Object.keys(o).length>0,s=Object.keys(n).length>0,a,l;if(s){let p={colors:n};a={id:`${ir}-light-${Yi(p)}`,tokens:p}}if(r){let p={colors:o};l={id:`${ir}-dark-${Yi(p)}`,tokens:p}}return{light:a,dark:l}}i(Ji,"customizedThemeTokens");function Fu(t){let{colors:e,fontFamily:o=as,borderRadius:n=is,secondaryBorderRadius:r=ss,mode:s="auto"}=t,[a,l]=Rh("light"),{setTheme:p,theme:u}=d(),{dark:c,light:m}=Ji(e),g=Zi({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),f=[g.className,Zh.className],k=[g.className,Jh.className];if(m){let h=Zi(m.id,m.tokens);f.push(h.className)}if(c){let h=Zi(c.id,c.tokens);k.push(h.className)}return Du(()=>{let h=i(b=>{b.matches?l("dark"):l("light")},"switchThemeListener");return window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches&&l("dark"),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",h),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",h)}},[]),Du(()=>{s!=="auto"&&p(s)},[s]),{activeTheme:i(()=>{let h=f.join(" "),b=k.join(" ");return u==="auto"?a==="dark"?b:h:u==="dark"?b:h},"getActiveTheme")}}i(Fu,"useTheme");import{styled as ey}from"@rango-dev/ui";var Uu=ey("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 Rn(){$u();let{config:t}=d(),{activeTheme:e}=Fu(t?.theme||{}),{activeLanguage:o,changeLanguage:n}=Ln(),[r,s]=qu(""),[a,l]=qu(),p=oy(tn);return Ou(()=>{Me.persist.rehydrate(),p.onConnectWallet(s)},[]),Ou(()=>{n(t?.language)},[t?.language]),xo.createElement(ty,{language:o},xo.createElement(Uu,{id:"swap-container",className:e()},xo.createElement(Pu,null),xo.createElement(aa,{lastConnectedWallet:r,disconnectedWallet:a,clearDisconnectedWallet:()=>{l(void 0)}},xo.createElement(Wu,null))))}i(Rn,"Main");import es,{useMemo as ky}from"react";import{checkWaitingForNetworkChange as ny,makeQueueDefinition as ry}from"@rango-dev/queue-manager-rango-preset";import{Provider as iy}from"@rango-dev/queue-manager-react";import{useWallets as sy}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as ay}from"@rango-dev/wallets-shared";import{isEvmBlockchain as ly}from"rango-types";import py,{useMemo as uy}from"react";function cy(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:s,getWalletInfo:a}=sy(),l=uy(()=>ry({API_KEY:t.apiKey||Wt("API_KEY"),BASE_URL:Wt("BASE_URL")}),[t.apiKey]),p=d().blockchains(),c={blockchains:z.use.connectedWallets().map(T=>({accounts:[T],name:T.chain}))},m=i(async(T,v)=>{if(s(T,v))return r(T,v)},"switchNetwork"),g=i(T=>!!a(T).mobileWallet,"isMobileWallet"),f=p.filter(T=>T.enabled).reduce((T,v)=>(T[v.name]=v,T),{}),k=p.filter(ly),y=i(T=>{let{supportedChains:v}=a(T);return $o(v)},"getSupportedChainNames"),h=e(),b={meta:{blockchains:f,evmBasedChains:k,evmNetworkChainInfo:ay(k),getSupportedChainNames:y},getSigners:o,wallets:c,providers:h,switchNetwork:m,canSwitchNetworkTo:s,connect:r,state:n,isMobileWallet:g};return py.createElement(iy,{queuesDefs:[l],context:b,onPersistedDataLoaded:T=>{ny(T)},isPaused:!1},t.children)}i(cy,"QueueManager");var zu=cy;import{useManager as hy}from"@rango-dev/queue-manager-react";import yy,{createContext as Sy,useContext as Cy}from"react";import{cancelSwap as my,getCurrentBlockchainOfOrNull as dy,getCurrentStep as fy,getRelatedWalletOrNull as gy}from"@rango-dev/queue-manager-rango-preset";var bo=class{constructor(e,o){this.manager=e,this.actions=o}getAllSwaps(){return qt(this.manager)}getCurrentStep(e){return this.getCurrentStepInfo(e).step}getCurrentStepWallet(e){return this.getCurrentStepInfo(e).wallet}getCurrentStepNetwork(e){return this.getCurrentStepInfo(e).network}retry(e,o){return this.actions.retrySwap(e,o)}cancel(e){let o=this.manager?.get(e);o&&my(o)}getCurrentStepInfo(e){let o=fy(e);return{step:o,wallet:o?gy(e,o):null,network:o?dy(e,o):null}}};i(bo,"WidgetHistory");var Hu=Sy(void 0);function Ri(t){let{manager:e}=hy(),o=O.use.retry(),n=new bo(e,{retrySwap:o}),r=z.use.connectedWallets(),s=z.use.loading(),a=Ss(r),l=z.use.getWalletsDetails(),p=d().blockchains(),u=d().tokens(),c=d().swappers(),m=d().fetchStatus,g={history:n,wallets:{isLoading:s,details:r,totalBalance:a,refetch:l},meta:{blockchains:p,tokens:u,swappers:c,loadingStatus:m}};return yy.createElement(Hu.Provider,{value:g},t.children)}i(Ri,"WidgetInfo");function Gu(){let t=Cy(Hu);if(!t)throw new Error("useWidget can only be used within the WidgetProvider component");return t}i(Gu,"useWidget");function er(t){let{onUpdateState:e,config:o}=t;return ky(()=>{rs({API_KEY:o?.apiKey||Ao,BASE_URL:o?.apiUrl||ns})},[o]),es.createElement(on,{config:o,onUpdateState:e},es.createElement(zu,{apiKey:o.apiKey},es.createElement(Ri,null,t.children)))}i(er,"WidgetProvider");function Qu(t){return t.config?.externalWallets?ts.createElement(Rn,null):ts.createElement(er,{config:t.config??nr},ts.createElement(Rn,null))}i(Qu,"Widget");export{m$ as MainEvents,v$ as Networks,d$ as PendingSwapNetworkStatus,f$ as RouteEventType,g$ as StepEventType,h$ as StepExecutionBlockedEventStatus,y$ as StepExecutionEventStatus,T$ as WalletEvents,x$ as WalletTypes,Qu as Widget,er as WidgetProvider,on as WidgetWallets,Ji as customizedThemeTokens,k$ as readAccountAddress,Ra as useWallets,Gu as useWidget,S$ as useWidgetEvents};
2
2
  //# sourceMappingURL=index.js.map