@rango-dev/widget-embedded 0.20.1-next.1 → 0.20.1-next.10

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 (74) hide show
  1. package/dist/components/ConfirmWalletsModal/ConfirmWallets.styles.d.ts +1 -0
  2. package/dist/components/ConfirmWalletsModal/ConfirmWallets.styles.d.ts.map +1 -1
  3. package/dist/components/HeaderButtons/HeaderButtons.styles.d.ts +159 -0
  4. package/dist/components/HeaderButtons/HeaderButtons.styles.d.ts.map +1 -1
  5. package/dist/components/HeaderButtons/HeaderButtons.types.d.ts +0 -1
  6. package/dist/components/HeaderButtons/HeaderButtons.types.d.ts.map +1 -1
  7. package/dist/components/HeaderButtons/HomeButtons.d.ts.map +1 -1
  8. package/dist/components/HeaderButtons/RefreshButton.d.ts +6 -0
  9. package/dist/components/HeaderButtons/RefreshButton.d.ts.map +1 -0
  10. package/dist/components/Quote/Quote.d.ts.map +1 -1
  11. package/dist/components/Quote/Quote.styles.d.ts +157 -0
  12. package/dist/components/Quote/Quote.styles.d.ts.map +1 -1
  13. package/dist/components/Quote/QuoteSummary.d.ts.map +1 -1
  14. package/dist/components/SwapDetails/SwapDetails.d.ts.map +1 -1
  15. package/dist/components/SwapDetails/SwapDetails.helpers.d.ts.map +1 -1
  16. package/dist/components/SwapDetailsModal/SwapDetailsCompleteModal.d.ts.map +1 -1
  17. package/dist/components/SwapDetailsModal/SwapDetailsModal.types.d.ts +2 -0
  18. package/dist/components/SwapDetailsModal/SwapDetailsModal.types.d.ts.map +1 -1
  19. package/dist/components/SwapsGroup/SwapsGroup.d.ts.map +1 -1
  20. package/dist/constants/routing.d.ts +1 -0
  21. package/dist/constants/routing.d.ts.map +1 -1
  22. package/dist/containers/Wallets/Wallets.d.ts.map +1 -1
  23. package/dist/hooks/usePrepareBlockchainList/usePrepareBlockchainList.helpers.d.ts +2 -2
  24. package/dist/hooks/useSwapInput.d.ts.map +1 -1
  25. package/dist/hooks/useSyncStoresWithConfig.d.ts.map +1 -1
  26. package/dist/index.d.ts +2 -2
  27. package/dist/index.d.ts.map +1 -1
  28. package/dist/index.js +1 -1
  29. package/dist/index.js.map +4 -4
  30. package/dist/pages/ConfirmSwapPage.d.ts.map +1 -1
  31. package/dist/pages/Home.d.ts.map +1 -1
  32. package/dist/pages/LiquiditySourcePage.d.ts.map +1 -1
  33. package/dist/pages/SelectSwapItemsPage.d.ts.map +1 -1
  34. package/dist/store/slices/data.d.ts.map +1 -1
  35. package/dist/types/config.d.ts +16 -3
  36. package/dist/types/config.d.ts.map +1 -1
  37. package/dist/utils/configs.d.ts +8 -0
  38. package/dist/utils/configs.d.ts.map +1 -1
  39. package/dist/utils/date.d.ts.map +1 -1
  40. package/dist/utils/numbers.d.ts +1 -5
  41. package/dist/utils/numbers.d.ts.map +1 -1
  42. package/dist/utils/settings.d.ts +1 -1
  43. package/dist/utils/time.d.ts.map +1 -1
  44. package/package.json +7 -7
  45. package/src/components/ConfirmWalletsModal/ConfirmWalletsModal.tsx +1 -1
  46. package/src/components/HeaderButtons/HeaderButtons.styles.ts +16 -1
  47. package/src/components/HeaderButtons/HeaderButtons.types.ts +0 -1
  48. package/src/components/HeaderButtons/HomeButtons.tsx +20 -33
  49. package/src/components/HeaderButtons/RefreshButton.tsx +81 -0
  50. package/src/components/Quote/Quote.styles.ts +5 -1
  51. package/src/components/Quote/Quote.tsx +53 -15
  52. package/src/components/Quote/QuoteSummary.tsx +20 -4
  53. package/src/components/Slippage/Slippage.tsx +5 -5
  54. package/src/components/SwapDetails/SwapDetails.helpers.tsx +7 -1
  55. package/src/components/SwapDetails/SwapDetails.tsx +21 -1
  56. package/src/components/SwapDetailsModal/SwapDetailsCompleteModal.tsx +6 -0
  57. package/src/components/SwapDetailsModal/SwapDetailsModal.types.ts +2 -0
  58. package/src/components/SwapsGroup/SwapsGroup.tsx +28 -11
  59. package/src/constants/routing.ts +2 -0
  60. package/src/containers/Wallets/Wallets.tsx +11 -2
  61. package/src/hooks/useSwapInput.ts +6 -2
  62. package/src/hooks/useSyncStoresWithConfig.ts +17 -34
  63. package/src/index.ts +2 -0
  64. package/src/pages/ConfirmSwapPage.tsx +12 -10
  65. package/src/pages/Home.tsx +16 -2
  66. package/src/pages/LiquiditySourcePage.tsx +5 -2
  67. package/src/pages/SelectBlockchainPage.tsx +3 -3
  68. package/src/pages/SelectSwapItemsPage.tsx +5 -1
  69. package/src/store/slices/data.ts +5 -7
  70. package/src/types/config.ts +16 -3
  71. package/src/utils/configs.ts +41 -0
  72. package/src/utils/date.ts +24 -9
  73. package/src/utils/numbers.ts +8 -58
  74. package/src/utils/time.ts +25 -69
package/dist/index.js CHANGED
@@ -1,2 +1,2 @@
1
- var Ou=Object.defineProperty;var i=(t,e)=>Ou(t,"name",{value:e,configurable:!0});import{MainEvents as oD,RouteEventType as nD,StepEventType as rD,StepExecutionBlockedEventStatus as iD,StepExecutionEventStatus as sD,useEvents as aD}from"@rango-dev/queue-manager-rango-preset";import{readAccountAddress as pD,useWallets as bl,Events as cD}from"@rango-dev/wallets-react";import{Networks as mD,WalletTypes as dD}from"@rango-dev/wallets-shared";import{PendingSwapNetworkStatus as gD}from"rango-types";import{Events as Lr,Provider as Tm}from"@rango-dev/wallets-react";import{isEvmBlockchain as wm}from"rango-sdk";import sn,{createContext as xm,useEffect as ba,useRef as vm}from"react";import{useEffect as tn,useLayoutEffect as wa,useMemo as on,useRef as nn}from"react";import rm,{createContext as im,useContext as sm,useEffect as am,useRef as lm}from"react";import{create as om}from"zustand";import{persist as nm}from"zustand/middleware";var fr={apiKey:"",multiWallets:!0,enableNewLiquiditySources:!0,customDestination:!0},xs=i((t,e,o)=>({config:{...fr,...t},updateConfig:n=>{let r=o().config;e({config:{...r,...n}})}}),"createConfigSlice");import{RangoClient as Uu}from"rango-sdk";var Lo="c6381a79-2817-4602-83bf-6a641a409e32",vs="https://api.rango.exchange",Se="rango-swap-box";var gr={API_KEY:Lo};function $t(t){return gr[t]||""}i($t,"getConfig");function As(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),gr=e,gr}i(As,"initConfig");var bs=20,Es=25,Is="Roboto",hr="theme-widget";var Po,Mt=i(()=>Po||(Po=new Uu($t("API_KEY"),$t("BASE_URL")),Po),"httpService");function _t(t){return Array.from(new Set(t))}i(_t,"removeDuplicateFrom");function yr(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}i(yr,"areEqual");function Ws(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}i(Ws,"debounce");function xt(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}i(xt,"containsText");var j=i(()=>document.getElementById(Se),"getContainer");function $o(t,e){let o=t.map(s=>s.swapperGroup),n=[];return _t(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($o,"getUniqueSwappersGroups");function Ns(t,e){return t.swapperGroup<e.swapperGroup?-1:t.swapperGroup>e.swapperGroup?1:0}i(Ns,"sortLiquiditySourcesByGroupTitle");function Ne(t,e){return e?.[t]==="hidden"}i(Ne,"isFeatureHidden");function Mo(t,e){return e?.[t]==="enabled"}i(Mo,"isFeatureEnabled");import{WalletState as Ke}from"@rango-dev/ui";import{readAccountAddress as Gu}from"@rango-dev/wallets-react";import{detectInstallLink as Hu,getCosmosExperimentalChainInfo as Qu,isEvmAddress as Vu,KEPLR_COMPATIBLE_WALLETS as oC,Networks as Ps}from"@rango-dev/wallets-shared";import Sr from"bignumber.js";import{isCosmosBlockchain as ju}from"rango-types";import qu from"bignumber.js";var Ee=new qu(0);import{WalletTypes as zu}from"@rango-dev/wallets-shared";var Bs=[zu.LEAP];import{BigNumber as Ls}from"bignumber.js";var _o=i(t=>{let e=(t%60).toString().padStart(2,"0");return`${parseInt((t/60).toString()).toString().padStart(2,"0")}:${e}`},"secondsToString"),W=i((t,e=null,o=null)=>{if(t==null||t==="")return"";let n=new Ls(t),r=1,s=1e3;for(let a=0;a<60;a++)if(new Ls(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 Do=i(t=>t?.reduce((e,o)=>e+(o.estimatedTimeInSeconds??0),0)||0,"totalArrivalTime");var Xe=i((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),to=i(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function Fo(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(Fo,"limitDecimalPlaces");function Cr(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(Cr,"mapStatusToWalletState");function $s(t,e,o,n){return o.filter(r=>!Bs.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(u=>u.name===n):!0}).map(r=>{let{name:s,img:a,installLink:l}=e(r),p=Cr(t(r));return{title:s,image:a,link:Hu(l),state:p,type:r}})}i($s,"mapWalletTypesToWalletInfo");function qo(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}i(qo,"walletAndSupportedChainsNames");function Ms(t,e,o,n,r){let s=[];function a(p,c){if(!!!s.find(m=>m.chain===p)){let m={address:c,chain:p,walletType:t};s.push(m)}}i(a,"addAccount");let l=n||[];return e.forEach(p=>{let{address:c,network:u}=Gu(p),m=l.length>0,g=l.includes(u),f=u===Ps.Unknown;if(m&&!g&&!f)return;let S=u===Ps.Unknown&&Vu(c);if(f&&!S)return;o.includes(u)||S?r?a(u,c.toLowerCase()):l.filter(T=>o.includes(T)).forEach(T=>{a(T,c.toLowerCase())}):a(u,c)}),s}i(Ms,"prepareAccountsForWalletStore");function _s(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(_s,"getRequiredChains");function zo(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}i(zo,"isAccountAndWalletMatched");function Ds(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 Sr(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:Ku(o,r.asset.symbol,r.asset.address,e)||null}))||[]}i(Ds,"makeBalanceFor");function Fs(t){return{...t,loading:!1,error:!0}}i(Fs,"resetConnectedWalletState");var Os=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=W(n?.flatMap(s=>s.accounts)?.flatMap(s=>s?.balances)?.map(s=>new Sr(s?.amount||Ee).multipliedBy(s?.usdPrice||0))?.reduce((s,a)=>s.plus(a),Ee)||Ee).toString();return Xu(r)},"calculateWalletUsdValue");function Xu(t){let e=t.toString().split(".");return e[0]=e[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),e.join(".")}i(Xu,"numberWithThousandSeparator");var Ku=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice"),Go=i((t,e)=>{let o=Qu(Object.entries(t).map(([,n])=>n).filter(ju));return o&&o[e]?.experimental},"isExperimentalChain");function Ho(t){return t?{...t,amount:W(t.amount,8,8),usdValue:W(t.usdValue,4,4)}:null}i(Ho,"formatBalance");function Yu(t,e){return t?.usdValue&&e?.usdValue?parseFloat(e.usdValue)-parseFloat(t.usdValue):!t?.usdValue&&e?.usdValue?1:t?.usdValue&&!e?.usdValue?-1:!t?.usdValue&&!e?.usdValue?parseFloat(e?.amount||"0")-parseFloat(t?.amount||"0"):0}i(Yu,"sortTokensByBalance");function Ju(t,e,o){let n=o(t),r=o(e);return n===r?0:n?-1:1}i(Ju,"sortTokensByPinnedToken");function Us(t,e,o){return t.sort((n,r)=>{let s=e(n),a=e(r),l=Ju(n,r,o);return l!==0?l:Yu(s,a)}),t}i(Us,"sortTokens");function Be(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}i(Be,"tokensAreEqual");function qs(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(qs,"sortWalletsBasedOnConnectionState");function Qo(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(Qo,"getConciseAddress");function zs({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}i(zs,"getAddress");function kr(t){return`${t.blockchain}-${t.symbol}-${t.address??""}`}i(kr,"createTokenHash");function Vo(t){return t.flatMap(e=>e.balances).reduce((e,o)=>{let n={amount:o?.amount??"",decimals:o?.decimal??0,usdValue:o?.usdPrice?new Sr(o?.usdPrice??Ee).multipliedBy(o?.amount).toString():""},r=o?kr({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(Vo,"makeTokensBalance");var Gs=i((t,e)=>!!t.find(o=>o.chain===e&&o.loading),"isFetchingBalance");var Hs=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(c=>Be(c,p))||o.blockchain&&p.blockchain!==o.blockchain||!a.some(c=>c.name===p.blockchain)?!1:o.searchFor?!!(xt(p.symbol,o.searchFor)||xt(p.address||"",o.searchFor)||xt(p.name||"",o.searchFor)):!0).sort((p,c)=>e().isTokenPinned(p,o.type)?-1:e().isTokenPinned(c,o.type)||p.isSecondaryCoin?1:c.isSecondaryCoin||!p.address&&c.address?-1:p.address&&!c.address?1:0)},isTokenPinned:(o,n)=>!!(n==="source"?e().config.from?.pinnedTokens:e().config.to?.pinnedTokens)?.some(a=>Be(a,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(Ns)},fetch:async()=>{try{let o=await Mt().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,c)=>p.sort-c.sort),t({_blockchains:n,_tokens:r,_popularTokens:s,_swappers:a})}catch(o){throw t({fetchStatus:"failed"}),o}}}),"createDataSlice");import{English as Zu,French as Ru,Japanese as em,Spanish as tm}from"@rango-dev/ui";var Qs=[{title:"English",label:"English",local:"en",SVGFlag:Zu},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:tm},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:Ru},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:em}],Dt="en";var Vs=[.5,1,3],js=1,Xs=5,Ks=100,Ys=0;var Js=i((t,e)=>({disabledLiquiditySources:[],theme:"auto",language:Dt,preferredBlockchains:[],slippage:js,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,c=l<=10-1;return p&&c}))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=_t(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:Dt},...a&&{disabledLiquiditySources:[]}})}}),"createSettingsSlice");function Zs(t){return om()(nm((...e)=>({...Hs(...e),...Js(...e),...xs(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(Zs,"createAppStore");var Rs=im(null);function d(){let t=sm(Rs);if(am(()=>{t&&!t.persist.hasHydrated()&&t.persist.rehydrate()},[]),!t)throw new Error("Missing AppStoreContext.Provider in the tree");return t()}i(d,"useAppStore");function ea(t){let e=lm();return e.current||(e.current=Zs(t.config)),rm.createElement(Rs.Provider,{value:e.current},t.children)}i(ea,"AppStoreProvider");import ht from"bignumber.js";import{create as gm}from"zustand";import{subscribeWithSelector as hm}from"zustand/middleware";import{getLastSuccessfulStep as dm}from"@rango-dev/queue-manager-rango-preset";import kk from"bignumber.js";var dt=(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))(dt||{});function ta(t,e){return e.find(o=>o.name===t)?.displayName}i(ta,"getBlockchainDisplayNameFor");function Ye(t,e){return e.find(o=>o.name===t)?.shortName}i(Ye,"getBlockchainShortNameFor");function oa(t,e){return e.find(o=>o.id===t)?.swapperGroup}i(oa,"getSwapperDisplayName");function wr(t,e){return e.find(o=>Be(o,t))??null}i(wr,"findToken");function xr(t,e){return e.find(o=>o.name===t)??null}i(xr,"findBlockchain");import{i18n as Fe}from"@lingui/core";import Te from"bignumber.js";import{PendingSwapNetworkStatus as Yo}from"rango-types";function jo(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(jo,"getRequiredWallets");function Xo(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}i(Xo,"isValidAddress");import{i18n as me}from"@lingui/core";var Q=i(()=>({genericServerError:me.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:me.t("Please reset your liquidity sources."),description:me.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources.")},noResultError:{title:me.t("No Routes Found."),description:me.t("Reasons why Rango couldn't find a route: low liquidity on token, very low input amount or no routes available for the selected input/output token combination.")},bridgeLimitErrors:{increaseAmount:me.t("Bridge Limit Error: Please increase your amount."),decreaseAmount:me.t("Bridge Limit Error: Please decrease your amount.")},highValueLossError:{impactTitle:me.t("High Price Impact"),title:me.t("Price impact is too high!"),description:me.t("The price impact is significantly higher than the allowed amount. If you are sure, continue, otherwise, change the swap."),confirmMessage:me.t("Confirm high price impact")},quoteUpdatedWithHighValueLoss:{title:me.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:me.t("USD Price Unknown"),title:me.t("USD Price Unknown, Cannot calculate Price Impact."),description:me.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:me.t("Confirm USD Price Unknown")}}),"errorMessages");function na(t){switch(t.type){case 0:return t.diagnosisMessage??Q().noResultError.title;case 1:return Q().genericServerError;default:return""}}i(na,"getQuoteErrorMessage");import{i18n as Ko}from"@lingui/core";var vt=i(()=>({connectWallet:Ko.t("Connect Wallet"),swap:Ko.t("Swap"),swapAnyway:Ko.t("Swap anyway"),ethWarning:Ko.t("The route goes through Ethereum. Continue?")}),"swapButtonTitles");function ra(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(ra,"hasHighValueLoss");function vr(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(vr,"hasLimitError");function Ar(t){let e=(t.result?.swaps||[]).filter(l=>{let p=l.fromAmountMinValue?new Te(l.fromAmountMinValue):null,c=l.fromAmountMaxValue?new Te(l.fromAmountMaxValue):null;return l.fromAmountRestrictionType==="EXCLUSIVE"?p?.gte(l.fromAmount)||c?.lte(l.fromAmount):p?.gt(l.fromAmount)||c?.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:W(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:W(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:W(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:W(n,6,6),symbol:e.from.symbol}}),a=Q().bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:s,recommendation:a}}i(Ar,"getLimitErrorMessage");function ia(t){let{fetchMetaStatus:e,anyWalletConnected:o,fetchingQuote:n,inputAmount:r,quote:s,warning:a,error:l,needsToWarnEthOnPath:p}=t;return e!=="success"?{title:vt().connectWallet,action:"connect-wallet",disabled:!0}:o?n||!s||!s.result||l||!r||r==="0"?{title:vt().swap,action:"confirm-swap",disabled:!0}:a?{title:vt().swapAnyway,action:"confirm-warning",disabled:!1}:p?{title:vt().ethWarning,action:"confirm-warning",disabled:!1}:{title:vt().swap,action:"confirm-swap",disabled:!1}:{title:vt().connectWallet,action:"connect-wallet",disabled:!1}}i(ia,"getSwapButtonState");function br(t,e,o){return!((!o||o.lte(Ee))&&t?.result&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t.result)}i(br,"canComputePriceImpact");function pm(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(pm,"requiredWallets");var cm=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice");function um(t,e){let o=Ee;for(let n=0;n<t.fee.length;n++){let r=t.fee[n];if(r.expenseType==="DECREASE_FROM_OUTPUT")continue;let s=cm(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new Te(r.amount).multipliedBy(s||0))}return o}i(um,"getUsdFeeOfStep");function Jo(t,e){return t.reduce((o,n)=>o.plus(um(n,e)),Ee)}i(Jo,"getTotalFeeInUsd");function Er(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(Er,"checkSlippageErrors");function sa(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(sa,"checkSlippageWarnings");function Zo(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(Zo,"getMinRequiredSlippage");function aa(t,e){return e?parseFloat(t)>=parseFloat(e):!0}i(aa,"hasProperSlippage");function Ro(t){let{fromToken:e,toToken:o,inputAmount:n,wallets:r,selectedWallets:s,disabledLiquiditySources:a,liquiditySources:l,excludeLiquiditySources:p,slippage:c,affiliateRef:u,affiliatePercent:m,affiliateWallets:g,initialQuote:f,destination:k}=t,S=s?.reduce((b,C)=>(b[C.chain]=C.address,b),{}),h=[];r?.forEach(b=>{let C=h.find(v=>v.blockchain===b.chain);C?C.addresses.push(b.address):h.push({blockchain:b.chain,addresses:[b.address]})});let A=!!f,T=_t((f?.result?.swaps||[]).reduce((b,C)=>(b.push(C.from.blockchain,C.to.blockchain),C.internalSwaps&&Array.isArray(C.internalSwaps)&&C.internalSwaps.map(v=>{b.push(v.from.blockchain,v.to.blockchain)}),b),[]));return{amount:n.toString(),affiliateRef:u??void 0,affiliatePercent:m??void 0,affiliateWallets:g??void 0,checkPrerequisites:A,from:{address:e.address,blockchain:e.blockchain,symbol:e.symbol},to:{address:o.address,blockchain:o.blockchain,symbol:o.symbol},connectedWallets:h,selectedWallets:S??{},slippage:c.toString(),...k&&{destination:k},...p&&{swapperGroups:a.concat(l??[]),swappersGroupsExclude:!0},...!p&&{swapperGroups:l?.filter(b=>!a.includes(b)),swappersGroupsExclude:!1},...A&&{blockchains:T}}}i(Ro,"createQuoteRequestBody");function la(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}i(la,"getWalletsForNewSwap");function Ft(t){return t.result?.outputAmount||null}i(Ft,"getQuoteOutputAmount");function pa(t,e){return new Te(e).div(new Te(t)).minus(1).multipliedBy(100).toNumber()}i(pa,"getPercentageChange");function ca(t,e){let o=Ft(t),n=Ft(e);if(!o||!n)return!1;let r=Le(o,n);return r?r<=-1:!0}i(ca,"isOutputAmountChangedALot");function ua(t,e,o){let n=t.validationStatus,r=_s(t);return e.sort((a,l)=>r.indexOf(a.chain)-r.indexOf(l.chain)).flatMap(a=>ya(a,n)||[]).filter(a=>!a.ok).map(a=>{let l=a.asset.symbol,p=W(new Te(a.currentAmount.amount).shiftedBy(-a.currentAmount.decimals),8,8),c=W(new Te(a.requiredAmount.amount).shiftedBy(-a.requiredAmount.decimals),8,8),u="";return a.reason==="FEE"&&(u=Fe.t(" for network fee")),a.reason==="INPUT_ASSET"&&(u=Fe.t(" for swap")),a.reason==="FEE_AND_INPUT_ASSET"&&(u=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:c,symbol:l,reason:u,currentAmount:p,blockchain:Ye(a.asset.blockchain,o)}})})}i(ua,"generateBalanceWarnings");function ma(t,e){return(t?new Te(t):Ee).multipliedBy(e||0)}i(ma,"calcOutputUsdValue");function oo(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==Yo.NetworkChanged}i(oo,"isNetworkStatusInWarningState");function da(t,e){let o="bellow button or",n=t.extraMessage,r=t.extraMessageDetail;if(t.networkStatusExtraMessageDetail?.includes(o)&&(t.networkStatusExtraMessageDetail=t.networkStatusExtraMessageDetail.replace(o,"")),oo(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case Yo.WaitingForConnectingWallet:n=n||Fe.t("Waiting for connecting wallet");break;case Yo.WaitingForQueue:n=n||Fe.t("Waiting for other running tasks to be finished");break;case Yo.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(da,"getSwapMessages");function fa(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(fa,"getLastConvertedTokenInFailedSwap");function ga(t){return t.status==="failed"&&!!t.finishTime&&new Date().getTime()-parseInt(t.finishTime)<4*3600*1e3}i(ga,"shouldRetrySwap");function ha(t,e,o,n,r,s){return t||!e&&!pm(n).every(a=>r.map(l=>l.chain).includes(a))||!!e&&!o||!!e&&!!o&&s&&!Xo(s,o)}i(ha,"confirmSwapDisabled");function Ir(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(Ir,"searchParamsToToken");function Ca(t){return t?.result?.swaps[t?.result?.swaps.length-1].to.usdPrice}i(Ca,"getQuoteToTokenUsdPrice");function Wr(t,e){let o=t.result?.swaps||[],n=e.result?.swaps||[];return o.length!==n.length}i(Wr,"isNumberOfSwapsChanged");function Nr(t,e){let o=t.result?.swaps.map(r=>r.swapperId)||[],n=e.result?.swaps.map(r=>r.swapperId)||[];return!yr(o,n)}i(Nr,"isQuoteSwappersUpdated");function Br(t,e){let o=t.result?.swaps.map(r=>r.to.symbol)||[],n=e.result?.swaps.map(r=>r.to.symbol)||[];return!yr(o,n)}i(Br,"isQuoteInternalCoinsUpdated");function ka(t,e){return Wr(t,e)||Nr(t,e)||Br(t,e)}i(ka,"isQuoteChanged");function ya(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(ya,"getRequiredBalanceOfWallet");function st(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}i(st,"getPriceImpactLevel");function Ta(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],s=dm(t.steps),a={blockchain:r.toBlockchain,symbol:r.toSymbol,address:r.toSymbolAddress},l=xr(s?s.toBlockchain:n.fromBlockchain,e),p=xr(r.toBlockchain,e),c=wr(s?{blockchain:l?.name??"",symbol:s.toSymbol,address:s.toSymbolAddress}:{blockchain:l?.name??"",symbol:n.fromSymbol,address:n.fromSymbolAddress},o),u=wr(a,o),m=s?s.outputAmount??"":t.inputAmount;return{fromBlockchain:l,fromToken:c,toBlockchain:p,toToken:u,inputAmount:m}}i(Ta,"createRetryQuote");function en(t,e){let{fromToken:o,toToken:n,tokens:r,userSlippage:s}=e,a=At(o,t.requestAmount),l=At(n,t.result?.outputAmount??"");if(t.result&&a&&l){let u=Le(a.toString(),l.toString());if(!!u&&ra(a,u)){let g=Jo(t.result.swaps,r),f=st(u);return{type:0,inputUsdValue:a,outputUsdValue:l,priceImpact:u,totalFee:g,warningLevel:f}}}else if(t.result&&(!a||!l))return{type:1};let p=Zo(t),c=s>Xs;if(aa(e.userSlippage.toString(),p)){if(c&&parseFloat(p??"0")<s)return{type:3,slippage:s.toString()}}else return{type:2,recommendedSlippages:sa(t,s),minRequiredSlippage:p};return null}i(en,"generateQuoteWarnings");function Le(t,e){let o=typeof e=="string"?parseFloat(e)<=0:!e?.gt(0),n=!t||!e||o?null:pa(t.toString(),e.toString());return n&&n<0?n:null}i(Le,"getPriceImpact");var fm=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"),gt=fm;var At=i((t,e)=>t?.usdPrice?new ht(e||Ee).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),O=gt(gm()(hm(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new ht(0),outputUsdValue:new ht(0),toBlockchain:null,toToken:null,quote:null,quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:"",quoteWarningsConfirmed:!1,setQuote:e=>t(o=>{let n=null,r=Ee;return to(o.inputAmount)?(e&&(n=e.result?.outputAmount?new ht(e.result?.outputAmount):null,r=ma(e.result?.outputAmount,Ca(e)||o.toToken?.usdPrice)),{quote:e,...!!e&&{outputAmount:n,outputUsdValue:r}}):{}}),resetQuote:()=>t(()=>({quote:null,outputAmount:null,outputUsdValue:new ht(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:At(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 ht(0),outputUsdValue:new ht(0),quote:null},...!!o.fromToken&&{inputUsdValue:At(o.fromToken,e)}}))},retry:(e,o)=>{let{tokens:n,blockchains:r}=o,{fromBlockchain:s,fromToken:a,toBlockchain:l,toToken:p,inputAmount:c}=Ta(e,r,n);t({fromBlockchain:s,fromToken:a,inputAmount:c,outputAmount:null,inputUsdValue:At(a??null,c),outputUsdValue:new ht(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:At(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 xa(){let{setInputAmount:t,setToToken:e,setToBlockchain:o,setFromBlockchain:n,setFromToken:r,fromToken:s,toToken:a,fromBlockchain:l,toBlockchain:p}=O(),c=d().config,u=d().fetchStatus,m=d().blockchains(),g=d().tokens(),{setAffiliateRef:f,setAffiliatePercent:k,setAffiliateWallets:S}=d(),h=on(()=>c?.from?.tokens,[c?.from?.tokens]),A=on(()=>c?.from?.blockchains,[c?.from?.blockchains]),T=on(()=>c?.to?.tokens,[c?.to?.tokens]),w=on(()=>c?.to?.blockchains,[c?.to?.blockchains]),b=nn(void 0),C=nn(void 0),v=nn(void 0),E=nn(void 0);tn(()=>{t(c?.amount?.toString()||"")},[c?.amount]),wa(()=>{if(u==="success"){let y=m.find($=>$.name===c?.from?.blockchain),P=g.find($=>Be($,c?.from?.token||null));(y||!y&&v.current)&&n(y??null),P?r({token:P,meta:{blockchains:m,tokens:g}}):!P&&b.current&&r({token:null}),v.current=c?.from?.blockchain,b.current=c?.from?.token}},[c?.from?.token?.symbol,c?.from?.token?.address,c?.from?.token?.blockchain,c?.from?.blockchain,u]),tn(()=>{s&&h&&(h.some(y=>Be(y,s))||r({token:null})),l&&A&&(A.includes(l.name)||n(null))},[h,A]),tn(()=>{a&&T&&(T.some(y=>Be(y,a))||e({token:null})),p&&w&&(w.includes(p.name)||o(null))},[T,w]),wa(()=>{if(u==="success"){let y=m.find($=>$.name===c?.to?.blockchain),P=g.find($=>Be($,c?.to?.token||null));(y||!y&&E.current)&&o(y??null),P?e({token:P,meta:{blockchains:m,tokens:g}}):!P&&C.current&&e({token:null}),E.current=c?.to?.blockchain,C.current=c?.to?.token}},[c?.to?.token?.symbol,c?.to?.token?.address,c?.to?.token?.blockchain,c?.to?.blockchain,u]),tn(()=>{f(c?.affiliate?.ref??null),k(c?.affiliate?.percent??null),S(c?.affiliate?.wallets??null)},[c?.affiliate?.ref,c?.affiliate?.percent,c?.affiliate?.wallets])}i(xa,"useSyncStoresWithConfig");import{useEffect as km}from"react";import{create as ym}from"zustand";import{subscribeWithSelector as Sm}from"zustand/middleware";var z=gt(ym()(Sm((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:Vo(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=>zo(p,l))?{...l,loading:!0}:l)}));try{let a=o.map(({address:c,chain:u})=>({address:c,blockchain:u})),p=(await Mt().getWalletsDetails(a)).wallets;if(p)t(c=>{let u=c.connectedWallets.map(g=>{let f=o.find(S=>zo(S,g)),k=p.find(S=>S.address===g.address&&S.blockChain===g.chain);return k?.failed&&f&&r&&s([f],n,!1),f&&k?{...g,explorerUrl:k.explorerUrl,balances:Ds(k,n),loading:!1}:g});return{loading:!1,balances:Vo(u),connectedWallets:u}});else throw new Error("Wallet not found")}catch{t(l=>{let p=l.connectedWallets.map(u=>o.find(m=>zo(m,u))?Fs(u):u);return{loading:!1,balances:Vo(p),connectedWallets:p}})}},getBalanceFor:o=>{let{balances:n}=e(),r=kr(o);return n[r]??null}}))));import{allProviders as Cm}from"@rango-dev/provider-all";function rn(t,e){let o=Cm({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(rn,"matchAndGenerateProviders");function va(t,e){return rn(t,e).map(r=>r.config.type)}i(va,"configWalletsToWalletName");function Aa(t,e){let o=z.use.clearConnectedWallet(),n=rn(void 0,e);return km(()=>{o(),n=rn(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}i(Aa,"useWalletProviders");var an=xm({onConnectWallet:()=>{}});function Am(t){let{updateConfig:e,updateSettings:o,fetch:n}=d(),r=d().blockchains(),s=d().tokens(),a={walletConnectProjectId:t.config?.walletConnectProjectId},{providers:l}=Aa(t.config.wallets,a),{connectWallet:p,disconnectWallet:c}=z(),u=vm();xa(),ba(()=>{n().catch(console.log)},[]),ba(()=>{t.config&&(e(t.config),o(t.config))},[t.config]);let m=r.filter(wm).map(f=>f.name),g=i((f,k,S,h,A)=>{if(k===Lr.ACCOUNTS)if(S){let T=qo(A.supportedBlockchains),w=Ms(f,S,m,T,A.isContractWallet);p(w,s)}else c(f);if(k===Lr.ACCOUNTS&&h.connected){let T=`${f}-${h.network}-${S}`;h.connected&&(u.current?u.current(T):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(k===Lr.NETWORK&&h.network){let T=`${f}-${h.network}`;u.current?u.current(T):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(f,k,S,h,A)},"onUpdateState");return sn.createElement(an.Provider,{value:{onConnectWallet:f=>{u.current=f}}},sn.createElement(Tm,{allBlockChains:r,providers:l,onUpdateState:g,autoConnect:!0},t.children))}i(Am,"Main");function ln(t){let{config:e,...o}=t;return sn.createElement(ea,{config:e},sn.createElement(Am,{...o,config:e}))}i(ln,"WidgetWallets");import ws from"react";import{I18nManager as lS}from"@rango-dev/ui";import No,{useContext as pS,useEffect as Pu,useState as $u}from"react";import{useQueueManager as $m}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Mm}from"@rango-dev/wallets-react";import{isEvmBlockchain as _m}from"rango-types";import pn,{Fragment as Dm}from"react";import{MemoryRouter as Fm,useInRouterContext as Om}from"react-router";import{useWallets as Em}from"@rango-dev/wallets-react";import{useEffect as Im,useRef as Wm}from"react";function Ea(){let{connect:t,state:e}=Em(),o=Wm({}),{fetchStatus:n}=d(),r=new URLSearchParams(location.search).get("autoConnect")||"",s=e(r);Im(()=>{n==="success"&&r&&s.installed&&!s.connecting&&!s.connected&&!o.current[r]&&(o.current[r]=!0,t(r))},[s,n])}i(Ea,"useForceAutoConnect");import{useEffect as Pr,useRef as $r}from"react";import{createSearchParams as Bm,useLocation as Lm,useSearchParams as Pm}from"react-router-dom";var M={home:"/",fromSwap:"from-swap",toSwap:"to-swap",blockchains:"blockchains",settings:"settings",liquiditySources:"liquidity-sources",themes:"themes",bridges:"bridges",exchanges:"exchanges",languages:"languages",swaps:"swaps",wallets:"wallets",confirmSwap:"confirm-swap",swapDetails:":requestId"};import{create as Nm}from"zustand";var we=gt(Nm()(t=>({connectWalletsButtonDisabled:!1,selectedSwapRequestId:null,currentPage:"",setSelectedSwap:e=>t({selectedSwapRequestId:e}),setCurrentPage:e=>t({currentPage:e})})));function Ia(){let t=$r(!0),[e,o]=Pm(),n=Lm(),r=$r(n.search),s=$r({}),a=O.use.fromBlockchain(),l=O.use.toBlockchain(),p=O.use.fromToken(),c=O.use.toToken(),u=O.use.setFromBlockchain(),m=O.use.setFromToken(),g=O.use.setToBlockchain(),f=O.use.setToToken(),k=O.use.inputAmount(),S=O.use.setInputAmount(),h=d().fetchStatus,A=d().blockchains(),T=d().tokens(),w=we.use.setSelectedSwap();return Pr(()=>{let b={};Bm(r.current).forEach((v,E)=>{b[E]=v}),s.current=b;let C=n.pathname.split(M.swaps+"/")[1]||null;C&&w(C)},[]),Pr(()=>{if(!t.current){let b="",C="",v="",E="",y="",P=s.current["autoConnect"];h!=="success"?(b=s.current["fromBlockchain"],C=s.current["fromToken"],v=s.current["toBlockchain"],E=s.current["toToken"],y=s.current["fromAmount"]||k):(b=a?.name||"",C=(p?.symbol||"")+(p?.address?`--${p?.address}`:""),v=l?.name||"",E=(c?.symbol||"")+(c?.address?`--${c?.address}`:""),y=k),o({...b&&{["fromBlockchain"]:b},...C&&{["fromToken"]:C},...v&&{["toBlockchain"]:v},...E&&{["toToken"]:E},...y&&{["fromAmount"]:y.toString()},...P&&{["autoConnect"]:P}},{replace:!0})}t.current=!1},[n.pathname,k,a,p,l,c]),Pr(()=>{if(h==="success"){let b=e.get("fromBlockchain"),C=e.get("fromToken"),v=e.get("toBlockchain"),E=e.get("toToken"),y=e.get("fromAmount"),P=A.find(_=>_.name===b),$=Ir(T,C,P||null),B=A.find(_=>_.name===v),x=Ir(T,E,B||null);P&&(u(P),$&&m({token:$,meta:{blockchains:A,tokens:T}})),B&&(g(B),x&&f({token:x,meta:{blockchains:A,tokens:T}})),y&&S(y)}},[h]),null}i(Ia,"UpdateUrl");function Wa({children:t,...e}){let o=Om(),n=o?Dm:Fm,r=d().blockchains(),{canSwitchNetworkTo:s}=Mm();Ea();let a=r.filter(_m);return $m({lastConnectedWallet:e.lastConnectedWallet,clearDisconnectedWallet:e.clearDisconnectedWallet,disconnectedWallet:e.disconnectedWallet,evmChains:a,canSwitchNetworkTo:s}),pn.createElement(pn.Fragment,null,pn.createElement(n,null,t),o&&pn.createElement(Ia,null))}i(Wa,"AppRouter");import Ae from"react";import{useRoutes as oS}from"react-router-dom";import{i18n as Mn}from"@lingui/core";import{useManager as ng}from"@rango-dev/queue-manager-react";import{Alert as Dp,Button as Fp,css as Si,Divider as rg,IconButton as Op,RefreshIcon as ig,SettingsIcon as sg,styled as Up,Tooltip as ag,Typography as lg,WalletIcon as pg}from"@rango-dev/ui";import ee,{useEffect as yo,useLayoutEffect as cg,useRef as ug,useState as _n}from"react";import{flushSync as mg}from"react-dom";import{useNavigate as dg}from"react-router-dom";import{i18n as at}from"@lingui/core";import{Alert as Rr,BalanceErrors as of,Button as El,ChevronDownIcon as nf,ChevronLeftIcon as rf,Divider as Gt,MessageBox as sf,Modal as Il,Typography as bn,WalletIcon as af}from"@rango-dev/ui";import N,{useEffect as lf,useLayoutEffect as pf,useRef as cf,useState as It}from"react";import{useNavigate as uf}from"react-router-dom";import{i18n as cn}from"@lingui/core";function un(t){switch(t.type){case 0:return cn.t("Route has been updated.");case 3:return cn.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return cn.t("Route swappers has been updated.");case 2:return cn.t("Route internal coins has been updated.");default:return""}}i(un,"getQuoteUpdateWarningMessage");import*as Ut from"@radix-ui/react-collapsible";import{Button as qm,css as Na,darkTheme as Ot,IconButton as zm,keyframes as Ba,styled as de,TextField as Gm}from"@rango-dev/ui";var no=300,Hm=Ba({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),Qm=Ba({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),La=de("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),Pa=de("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),Vm=de("button",{borderRadius:"$xm",padding:"$10",border:"0",display:"flex",justifyContent:"center",$$color:"$colors$neutral100",[`.${Ot} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",alignItems:"center",cursor:"pointer",width:110,position:"relative","&:hover":{$$color:"$colors$info100",[`.${Ot} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$color:"$colors$info100",[`.${Ot} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color",outline:0},variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary",outlineStyle:"solid"}}}}),$a=de(Vm,{alignSelf:"stretch",minHeight:"93px"}),Ma=de(Ut.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit"}),_a=de("div",{padding:"$20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),Da=de(zm,{position:"absolute",left:"$20"}),Fa=de("div",{paddingTop:"$20"}),Oa=Na({display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),Ua=de(Ut.Root,{backgroundColor:"$neutral200",borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),qa=de(qm,{width:"100%",borderRadius:"$sm !important",padding:"$15 !important",justifyContent:"space-between",alignItems:"center",$$color:"$colors$neutral100",[`.${Ot} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color","&:hover":{$$color:"$colors$info100",[`.${Ot} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$background:"$colors$info100",[`.${Ot} &`]:{$$background:"$colors$info700"},backgroundColor:"$$background",outline:0}}),za=de("div",{padding:"$10 $0","& .button__content":{display:"flex",alignItems:"center"},"& .alarms":{paddingTop:"5px"}}),Ga=Na({paddingTop:"5px"}),Ha=de("div",{transition:`all ${no}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),Qa=de("div",{display:"flex"}),Va=de(Gm,{backgroundColor:"$neutral100",padding:"$0 $15 $15 $15"}),mn=de(Ut.Content,{backgroundColor:"$neutral100",overflow:"hidden",variants:{open:{true:{animation:`${Hm} ${no}ms ease-out`},false:{animation:`${Qm} ${no}ms ease-out`}}}}),ja=de("div",{overflow:"visible",width:"100%"});import{i18n as qe}from"@lingui/core";import{Button as Rd,Divider as Jr,Image as ef,MessageBox as An,Modal as wl,SelectableWallet as tf,Typography as xl,WalletState as vl}from"@rango-dev/ui";import R,{useEffect as Al,useState as io}from"react";import{WalletState as Mr}from"@rango-dev/ui";import{useWallets as jm}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as Xm,WalletTypes as dn}from"@rango-dev/wallets-shared";import{useEffect as Km,useState as Ym}from"react";var Jm=Object.values(dn);function fn(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:s,disconnect:a,getWalletInfo:l,connect:p}=jm(),{connectedWallets:c}=z(),u=d().blockchains(),m=va(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||Jm,g=$s(s,l,m,o),f=qs(g),[k,S]=Ym(""),h=i(C=>!c.find(v=>v.walletType===C&&v.chain===o),"isExperimentalChainNotAdded"),A=i(async C=>{let v=s(C);try{if(k&&S(""),v.connected)await a(C);else{let E=!!g.find(y=>y.state===Mr.CONNECTED);if(!e?.multiWallets&&E)return;n?.(C),await p(C),r?.(C)}}catch(E){S("Error: "+E?.message)}},"handleClick"),T=i(()=>{let C=g?.filter(v=>v.state===Mr.CONNECTING)||[];for(let v of C)a(v.type)},"disconnectConnectingWallets");Km(()=>()=>{T()},[]);let w=i(C=>C.filter(E=>E.state!=Mr.NOT_INSTALLED&&![dn.DEFAULT,dn.WALLET_CONNECT_2].includes(E.type)&&l(E.type).supportedChains.filter(y=>y.type=="EVM").length>0).length==0,"shouldShowDefaultInjectedWallet"),b=i((C,v,E)=>Go(E,v)&&h(C)&&!Xm.includes(C)||C==dn.DEFAULT&&!w(g),"shouldExcludeWallet");return{list:f.filter(C=>!b(C.type,o??"",u)),error:k,handleClick:A}}i(fn,"useWalletList");import{i18n as gl}from"@lingui/core";import{styled as yl,Typography as Qd,Wallet as Vd,WalletState as jd}from"@rango-dev/ui";import Et,{Fragment as Xd,useState as hl}from"react";import{BottomLogo as Md,Divider as _d,Header as Dd}from"@rango-dev/ui";import fe from"react";import{useNavigate as Zm}from"react-router-dom";function yt(){let t=Zm();return()=>t(-1)}i(yt,"useNavigateBack");import{createTheme as Or,darkTheme as nd,lightTheme as rd}from"@rango-dev/ui";import{useEffect as Ya,useState as id}from"react";import{theme as td,darkColors as od}from"@rango-dev/ui";var Xa=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,c=(a.length<2?"0":"")+a,u=(l.length<2?"0":"")+l;return`#${p}${c}${u}`},"colorShade"),gn=i((t,e)=>{let a={[t]:e};for(let l=1;l<10;l++)l<5&&(a={...a,[t+l*100]:Xa(e,(5-l)*25)}),l===5&&(a={...a,[t+l*100]:e}),l>5&&(a={...a,[t+l*100]:Xa(e,-((l-5)*25))});return a},"generateRangeColors"),_r=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=gn(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,...gn(s,a)}}return n?r:{}},"generateColors");var Ka=i(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),Rm=i(t=>{let e="",o;for(o=Math.abs(t);o>52;o=o/52|0)e=Ka(o%52)+e;return Ka(o%52)+e},"toAlphabeticName"),ed=i((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),Dr=i(t=>Rm(ed(5381,JSON.stringify(t))>>>0),"toHash");function Fr(t){let e=td.colors,o=_r({...e,...od},!0,t?.dark),n=_r(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:`${hr}-light-${Dr(p)}`,tokens:p}}if(r){let p={colors:o};l={id:`${hr}-dark-${Dr(p)}`,tokens:p}}return{light:a,dark:l}}i(Fr,"customizedThemeTokens");function hn(t){let{colors:e,fontFamily:o=Is,borderRadius:n=bs,secondaryBorderRadius:r=Es,mode:s="auto"}=t,[a,l]=id("light"),{setTheme:p,theme:c}=d(),{dark:u,light:m}=Fr(e),g=Or({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),f=[g.className,rd.className],k=[g.className,nd.className];if(m){let h=Or(m.id,m.tokens);f.push(h.className)}if(u){let h=Or(u.id,u.tokens);k.push(h.className)}return Ya(()=>{let h=i(A=>{A.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)}},[]),Ya(()=>{s!=="auto"&&p(s)},[s]),{activeTheme:i(()=>{let h=f.join(" "),A=k.join(" ");return c==="auto"?a==="dark"?A:h:c==="dark"?A:h},"getActiveTheme")}}i(hn,"useTheme");import{ChevronLeftIcon as ld}from"@rango-dev/ui";import Ra from"react";import{darkTheme as sd,IconButton as ad,styled as yn}from"@rango-dev/ui";var Oe=yn(ad,{width:"$24",position:"relative",padding:"0",overflow:"unset"}),Ja=yn("div",{position:"absolute",background:"$secondary500",[`.${sd} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),qt=yn("div",{display:"flex",justifyContent:"flex-end",width:"$40"}),Za=yn("div",{position:"absolute",backgroundColor:"$secondary500",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0"});function Ur(t){return Ra.createElement(Oe,{variant:"ghost",size:"small",onClick:t.onClick},Ra.createElement(ld,{color:"black",size:16}))}i(Ur,"BackButton");import{i18n as pd}from"@lingui/core";import{Button as cd,Typography as ud}from"@rango-dev/ui";import qr from"react";function zr(t){return qr.createElement(qt,null,qr.createElement(cd,{variant:"ghost",onClick:t.onClick,size:"xsmall"},qr.createElement(ud,{variant:"label",size:"medium",color:"error500"},pd.t("Cancel"))))}i(zr,"CancelButton");import{i18n as md}from"@lingui/core";import{Tooltip as dd,WalletIcon as fd}from"@rango-dev/ui";import Sn from"react";function Gr(t){return Sn.createElement(dd,{container:t.container,side:"top",content:md.t("Connect Wallet")},Sn.createElement(Oe,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&Sn.createElement(Ja,null),Sn.createElement(fd,{size:18,color:"black"})))}i(Gr,"WalletButton");import{i18n as Tn}from"@lingui/core";import{NotificationsIcon as Wd,Popover as Nd,RefreshIcon as Bd,SettingsIcon as Ld,Tooltip as wn,TransactionIcon as Pd}from"@rango-dev/ui";import ce from"react";import{i18n as wd}from"@lingui/core";import{ChainToken as il,ChevronRightIcon as xd,ListItemButton as vd,Typography as Ad}from"@rango-dev/ui";import Ue from"react";import{useNavigate as bd}from"react-router-dom";import{create as gd}from"zustand";import{persist as hd,subscribeWithSelector as yd}from"zustand/middleware";var Pe=gt(gd()(hd(yd((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 el=Cn("div",{padding:"$10",width:"350px",minHeight:"150px"}),tl=Cn("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),ol=Cn("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),nl=Cn("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as Sd}from"@lingui/core";import{Divider as Cd,NoNotificationIcon as kd,Typography as Td}from"@rango-dev/ui";import kn from"react";function rl(){return kn.createElement(nl,null,kn.createElement(kd,{color:"secondary",size:26}),kn.createElement(Cd,{size:12}),kn.createElement(Td,{variant:"body",size:"medium",color:"neutral700"},Sd.t("You have no notification")))}i(rl,"NotificationNotFound");var Ed=4;function Hr(){let t=bd(),e=we.use.setSelectedSwap(),{getUnreadNotifications:o}=Pe(),n=o(),r=d().blockchains(),s=d().tokens(),a=n.sort((p,c)=>c.creationTime-p.creationTime).slice(0,Ed),l=i(p=>{e(p),t(`${M.swaps}/${p}`)},"handleOnClick");return Ue.createElement(el,null,a.length?Ue.createElement(tl,null,a.map(p=>{let c=s.find(f=>f.address===p.route.from.tokenAddress&&f.blockchain===p.route.from.blockchain&&f.symbol===p.route.from.tokenSymbol),u=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 Ue.createElement(vd,{key:p.requestId,onClick:()=>l(p.requestId),title:Ue.createElement(Ad,{variant:"body",size:"small",color:"$neutral700"},wd.t(p.event.message)),id:p.requestId,start:Ue.createElement(ol,null,Ue.createElement("div",{className:"from-chain-token"},Ue.createElement(il,{tokenImage:c?c.image:"",chainImage:u?u.logo:"",size:"small"})),Ue.createElement("div",{className:"to-chain-token"},Ue.createElement(il,{tokenImage:m?m.image:"",chainImage:g?g.logo:"",size:"small"}))),end:Ue.createElement(xd,{size:12,color:"gray"})})})):Ue.createElement(rl,null))}i(Hr,"NotificationContent");import{Typography as Id}from"@rango-dev/ui";import sl from"react";function al(){let{getUnreadNotifications:t}=Pe(),e=t().length;return e?sl.createElement(Za,null,sl.createElement(Id,{variant:"body",size:"xsmall",color:"$background"},e)):null}i(al,"UnreadNotificationsBadge");function Qr(t){let{layoutRef:e,onClickRefresh:o,onClickHistory:n,onClickSettings:r,onClickNotifications:s}=t,{config:{features:a}}=d(),l=Ne("notification",a);return ce.createElement(ce.Fragment,null,ce.createElement(wn,{container:j(),side:"top",content:Tn.t("Refresh")},ce.createElement(Oe,{variant:"ghost",size:"small",onClick:o,disabled:!o},ce.createElement(Bd,{size:16,color:o?"black":"gray"}))),!l&&ce.createElement(wn,{container:j(),side:"top",content:Tn.t("Notifications")},ce.createElement(Nd,{align:"center",collisionBoundary:e,collisionPadding:{right:20,left:20},container:j(),content:ce.createElement(Hr,null)},ce.createElement(Oe,{size:"small",variant:"ghost",onClick:s},ce.createElement(Wd,{size:18,color:"black"}),ce.createElement(al,null)))),ce.createElement(wn,{container:j(),side:"top",content:Tn.t("Settings")},ce.createElement(Oe,{size:"small",variant:"ghost",onClick:r},ce.createElement(Ld,{size:18,color:"black"}))),ce.createElement(wn,{container:j(),side:"top",content:Tn.t("Transactions History")},ce.createElement(Oe,{size:"small",variant:"ghost",onClick:n},ce.createElement(Pd,{size:18,color:"black"}))))}i(Qr,"HomeButtons");import{darkTheme as $d,styled as Vr}from"@rango-dev/ui";var ll=Vr("div",{position:"relative",display:"flex",flexDirection:"column",borderRadius:"$primary",overflow:"hidden !important",boxShadow:"15px 15px 15px 0px rgba(0, 0, 0, 0.05)",width:"100vw",minWidth:"300px",maxWidth:"390px",maxHeight:"700px",textAlign:"left",$$color:"$colors$neutral100",[`.${$d} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",variants:{fixedHeight:{true:{height:"100vh"},false:{height:"auto !important"}}}}),pl=Vr("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"}}}}),cl=Vr("div",{backgroundColor:"$background","& .footer__content":{padding:"$0 $20"},"& .footer__logo":{padding:"$0 $20 $10 $20"}});function Fd(t,e){let{children:o,header:n,footer:r,noPadding:s,hasLogo:a=!0,fixedHeight:l=!0}=t,p=z.use.connectedWallets(),{config:{features:c,theme:u}}=d(),{activeTheme:m}=hn(u||{}),g=Ne("connectWalletButton",c),f=we.use.connectWalletsButtonDisabled(),k=yt(),S=i(()=>{!f&&n.onWallet&&n.onWallet()},"onConnectWallet"),h=typeof n.hasBackButton>"u"||n.hasBackButton;return fe.createElement(ll,{ref:e,fixedHeight:l,id:Se,className:m()},fe.createElement(Dd,{prefix:fe.createElement(fe.Fragment,null,h&&fe.createElement(Ur,{onClick:k})),title:n.title,suffix:fe.createElement(fe.Fragment,null,n.suffix,n.onWallet&&!g&&fe.createElement(Gr,{container:j(),onClick:S,isConnected:!!p?.length}),n.onCancel&&fe.createElement(zr,{onClick:n.onCancel}))}),fe.createElement(pl,{noPadding:s},o),(a||r)&&fe.createElement(cl,null,fe.createElement("div",{className:"footer__content"},r),a&&fe.createElement("div",{className:"footer__logo"},fe.createElement(_d,{size:12}),fe.createElement(Md,null))))}i(Fd,"LayoutComponent");var X=fe.forwardRef(Fd);X.displayName="Layout";import{Divider as Gd,Modal as Hd}from"@rango-dev/ui";import Xr from"react";import{i18n as zt}from"@lingui/core";import{Image as qd,MessageBox as jr,WalletState as zd}from"@rango-dev/ui";import bt from"react";import{keyframes as Od,styled as xn}from"@rango-dev/ui";var uv=xn("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),ul=xn("div",{position:"relative"}),Ud=Od({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),ml=xn("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Ud} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),dl=xn("div",{"& img":{borderRadius:"50%"}});function fl(t){let{state:e,image:o,error:n}=t;return e===zd.CONNECTED?bt.createElement(jr,{type:"success",title:zt.t("Wallet Connected"),description:zt.t("Your wallet is connected, you can use it to swap.")}):n?bt.createElement(jr,{type:"error",title:zt.t("Failed to Connect"),description:n||zt.t("Your wallet is not connected. Please try again.")}):bt.createElement(jr,{type:"loading",title:zt.t("Connecting to your wallet"),description:zt.t("Click connect in your wallet popup."),icon:bt.createElement(ul,null,bt.createElement(dl,null,bt.createElement(qd,{src:o,size:45})),bt.createElement(ml,null))})}i(fl,"ModalContent");function ro(t){let{open:e,onClose:o,...n}=t;return Xr.createElement(Hd,{open:e,onClose:o,container:document.getElementById(Se)||document.body},Xr.createElement(fl,{...n}),Xr.createElement(Gd,{direction:"vertical",size:32}))}i(ro,"WalletModal");var Kd=yl("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),Yd=yl("div",{textAlign:"center"}),vn=3e3,Kr=300;function Sl(){let{config:t,fetchStatus:e}=d(),[o,n]=hl(!1),[r,s]=hl(""),a=null,{list:l,handleClick:p,error:c}=fn({config:t,onBeforeConnect:f=>{a=setTimeout(()=>{n(!0),s(f)},Kr)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},vn)}}),u=l.find(f=>f.type===r),m=u?.image||"",g=u?.state||jd.NOT_INSTALLED;return Et.createElement(X,{header:{title:gl.t("Connect Wallets")}},Et.createElement(Yd,null,Et.createElement(Qd,{variant:"title",size:"xmedium",align:"center"},gl.t("Choose a wallet to connect.")),Et.createElement(Kd,null,l.map((f,k)=>{let S=`wallet-${k}-${f.type}`;return Et.createElement(Xd,{key:S},Et.createElement(Vd,{...f,container:j(),onClick:h=>{p(h)},isLoading:e==="loading"}))}),Et.createElement(ro,{open:!!o,onClose:()=>n(!1),image:m,state:g,error:c}))))}i(Sl,"WalletsPage");import{keyframes as Jd,styled as Yr}from"@rango-dev/ui";var Cl=Yr("div",{position:"relative"}),Zd=Jd({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),kl=Yr("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Zd} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),Tl=Yr("div",{"& img":{borderRadius:"50%"}});function Zr(t){let{chain:e,isSelected:o,selectWallet:n,limit:r,onShowMore:s}=t,{config:a}=d(),l=z.use.connectedWallets(),{blockchains:p}=d(),[c,u]=io(""),[m,g]=io(null),[f,k]=io(!1),[S,h]=io(null),{suggestAndConnect:A}=bl(),T=null,{list:w,error:b,handleClick:C}=fn({config:a,chain:e,onBeforeConnect:x=>{T=setTimeout(()=>{u(x)},Kr)},onConnect:()=>{T&&clearTimeout(T),setTimeout(()=>{u("")},vn)}}),[v,E]=io(w),y=w.length,P=r&&y-r>0,$=i(async x=>{k(!1),h("in-progress");try{await A(x.walletType,x.chain),h("completed")}catch{h("rejected")}},"addExperimentalChain");Al(()=>{E(x=>{let _=w.findIndex(I=>o(I.type,e));return P&&_>1?[w[_]].concat(w.filter((I,G)=>G!==_)):x.map(I=>w.find(G=>G.type===I.type)??I)})},[JSON.stringify(w)]);let B=document.getElementById(Se);return Al(()=>{let x=null;return(S==="completed"||S==="rejected")&&(x=setTimeout(()=>h(null),vn)),()=>{x&&clearTimeout(x)}},[S]),R.createElement(R.Fragment,null,v.slice(0,r).map(x=>{let _=zs({connectedWallets:l,walletType:x.type,chain:e}),I=_?Qo(_):"",G=Go(p(),e),J=!l.find(ye=>ye.walletType===x.type&&ye.chain===e),te=G&&J&&x.state===vl.CONNECTED,H=te?qe.t({id:"Add {chain} chain",values:{chain:e}}):I,re=i(()=>{x.state===vl.DISCONNECTED?C(x.type):te?(g({walletType:x.type,chain:e,address:_??""}),k(!0)):n({walletType:x.type,chain:e,address:_??""})},"onClick"),he=m?.chain?ta(m.chain,p()):void 0;return R.createElement(R.Fragment,null,R.createElement(ro,{open:c===x.type,onClose:()=>u(""),image:x.image,state:x.state,error:b}),!!m&&R.createElement(wl,{open:!!m&&f,container:B,onClose:()=>{g(null)}},R.createElement(An,{title:qe.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:he}}),type:"warning",description:qe.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:he}})},R.createElement(Jr,{size:18}),R.createElement(Jr,{size:32}),R.createElement(Rd,{onClick:$.bind(null,m),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},qe.t("Confirm")))),S&&R.createElement(wl,{open:!!S,onClose:h.bind(null,null),container:B},S==="in-progress"&&R.createElement(An,{type:"loading",title:qe.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:he}}),description:qe.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:he}}),icon:R.createElement(Cl,null,R.createElement(Tl,null,R.createElement(ef,{src:x.image,size:45})),R.createElement(kl,null))}),S==="completed"&&R.createElement(An,{type:"success",title:qe.t({id:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:he}}),description:qe.t({id:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:he}})}),S==="rejected"&&R.createElement(An,{type:"error",title:qe.t("Request Rejected"),description:qe.t({id:"You've rejected adding {blockchainDisplayName} chain to your wallet.",values:{blockchainDisplayName:he}})}),R.createElement(Jr,{direction:"vertical",size:32})),R.createElement(tf,{key:x.type,description:H,onClick:re,selected:o(x.type,e),...x}))}),P&&R.createElement($a,{selected:!1,onClick:s},R.createElement(xl,{variant:"label",size:"medium"},qe.t("Show more wallets"),R.createElement(xl,{variant:"label",size:"medium",color:"$primary"},"\xA0+",y-(r??0)))))}i(Zr,"WalletList");var mf=2;function Wl(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,loading:s}=t,a=d().config,l=d().blockchains(),{quote:p,setSelectedWallets:c,quoteWalletsConfirmed:u,setQuoteWalletConfirmed:m,customDestination:g,setCustomDestination:f}=O(),{connectedWallets:k,selectWallets:S}=z(),[h,A]=It(""),[T,w]=It([]),[b,C]=It(""),[v,E]=It(null),[y,P]=It(g),[$,B]=It(!!g),x=cf(null),_=jo(p),I=l.find(D=>D.name===p?.result?.swaps[p?.result?.swaps.length-1].to.blockchain),G=i(D=>!!p?.result?.swaps.find(Y=>Y.from.blockchain===D),"isWalletRequiredFor"),[J,te]=It(k.filter(D=>D.selected&&_.includes(D.chain))),H=l.find(D=>D.name===I?.name),re=i((D,Y)=>!!J.find(U=>U.walletType===D&&U.chain===Y&&U.selected&&(G(Y)||!G(Y)&&!y)),"isSelected"),he=!!y&&$&&H&&!Xo(H,y),ye=i(()=>{B(!1),P(""),te(D=>{let Y=!1;return D.map(U=>!Y&&U.chain===I?.name?(Y=!0,{...U,selected:!0}):U)})},"resetCustomDestination"),De=i(D=>{if(h&&A(""),re(D.walletType,D.chain))return;let U=k.find(ie=>ie.walletType===D.walletType&&ie.chain===D.chain);U&&(n(),D.chain===I?.name&&$&&(B(!1),P("")),te(ie=>ie.filter(je=>je.chain!==D.chain).concat({...U,selected:!0})))},"onChange"),Pt=i(()=>{let D=J.filter(Y=>Y.selected);S(D),c(D),f(y),m(!0),o()},"onConfirmBalance"),eo=i(async()=>{w([]),C(""),E(null);let D=k.filter(ie=>J.find(je=>je.chain===ie.chain&&je.walletType===ie.walletType)),Y=await r?.({selectedWallets:D,customDestination:y}),U=Y.warnings;U?.balance?.messages&&w(U.balance.messages),U?.quoteUpdate&&E(U.quoteUpdate),Y.error&&C(na(Y.error)),!Y.error&&(!U?.balance?.messages.length||0>0)?Pt():w(U?.balance?.messages??[])},"onConfirmWallets");lf(()=>{te(D=>D.concat(k.filter(Y=>!!!D.find(ie=>ie.chain===Y.chain)&&Y.selected&&_.includes(Y.chain))))},[k.length]),pf(()=>{$&&x.current&&setTimeout(()=>{x?.current?.scrollIntoView({behavior:"smooth"})},no)},[$]);let it=document.getElementById(Se),Ve=uf();return N.createElement(Il,{open:e,onClose:()=>{u||Ve("../",{replace:!0}),o()},dismissible:!h,container:it,...!h&&{footer:N.createElement(Qa,null,N.createElement(El,{loading:s,disabled:ha(s,$,y,p,J,I),onClick:eo,variant:"contained",type:"primary",fullWidth:!0,size:"large"},"Confirm"))},...h&&{containerStyle:{padding:"$0"},header:N.createElement(_a,null,N.createElement(Da,{variant:"ghost",onClick:A.bind(null,"")},N.createElement(rf,{size:16})),N.createElement(bn,{variant:"headline",size:"small"},at.t({id:"Your {blockchainName} wallets",values:{blockchainName:Ye(h,l)}})))},anchor:"center"},N.createElement(Il,{open:T.length>0,onClose:w.bind(null,[]),container:it},N.createElement(sf,{title:at.t("Insufficient account balance"),type:"error",description:N.createElement(of,{messages:T??[]})},N.createElement(El,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:Pt},at.t("Proceed anyway")))),h&&N.createElement(Fa,null,N.createElement("div",{className:Oa()},N.createElement(Zr,{chain:h,isSelected:re,selectWallet:De,onShowMore:A.bind(null,h)}))),!h&&N.createElement(N.Fragment,null,b&&N.createElement(N.Fragment,null,N.createElement(Rr,{variant:"alarm",type:"error",title:at.t(b)}),N.createElement(Gt,{size:12})),v&&N.createElement(N.Fragment,null,N.createElement(Rr,{variant:"alarm",type:"warning",title:un(v)}),N.createElement(Gt,{size:12})),N.createElement(ja,null,_.map((D,Y)=>{let U=l.find(be=>be.name===D),ie=`wallet-${Y}`,je=Y===_.length-1;return N.createElement("div",{key:ie},N.createElement(La,null,N.createElement(bn,{variant:"title",size:"xmedium"},at.t({id:"Your {blockchainName} wallets",values:{blockchainName:U?.shortName}})),N.createElement(bn,{variant:"label",color:"$neutral700",size:"medium"},at.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:U?.shortName}}))),N.createElement(Gt,{size:24}),N.createElement(Pa,null,N.createElement(Zr,{chain:D,isSelected:re,selectWallet:De,limit:mf,onShowMore:()=>A(U?.name??"")})),!je&&N.createElement(Gt,{size:32}),je&&a?.customDestination&&N.createElement(za,null,N.createElement(Ua,{ref:x,selected:$,open:$,onOpenChange:be=>{be?G(I?.name??"")||te(mr=>mr.map(dr=>dr.chain===I?.name?{...dr,selected:!1}:dr)):ye()}},N.createElement(Ma,{onClick:()=>B(be=>!be)},N.createElement(qa,{fullWidth:!0,variant:"default",suffix:N.createElement(Ha,{orientation:$?"up":"down"},N.createElement(nf,{size:10,color:"gray"}))},N.createElement("div",{className:"button__content"},N.createElement(af,{size:18,color:"info"}),N.createElement(Gt,{size:4,direction:"horizontal"}),N.createElement(bn,{variant:"label",size:"medium"},at.t("Send to a different address"))))),N.createElement(mn,{open:$},N.createElement(N.Fragment,null,N.createElement(Gt,{size:4}),N.createElement(Va,{autoFocus:!0,placeholder:at.t("Your destination address"),value:y,onChange:be=>{P(be.target.value)}})))),he&&N.createElement("div",{className:Ga()},N.createElement(Rr,{variant:"alarm",type:"error",title:at.t({values:{destination:y},id:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}i(Wl,"ConfirmWalletsModal");import{Divider as Zf}from"@rango-dev/ui";import $e from"react";import{i18n as ii}from"@lingui/core";import{Alert as hf,ChevronDownIcon as yf,ChevronRightIcon as Sf,Divider as si,Image as Xl,InfoIcon as Cf,QuoteCost as kf,StepDetails as Tf,TokenAmount as wf,Tooltip as Kl,Typography as lo}from"@rango-dev/ui";import L,{useLayoutEffect as xf,useRef as Yl,useState as vf}from"react";import{styled as so}from"@rango-dev/ui";var Nl=so("div",{paddingBottom:"$10"}),ei=so("div",{width:"100%","& .position-top__skeleton":{paddingTop:"$10"}}),Bl=so("div",{variants:{paddingTop:{true:{paddingTop:"$10"}}}}),Ll=so("div",{paddingBottom:"$15"}),Pl=so("div",{width:"100%",display:"flex"});import*as En from"@radix-ui/react-collapsible";import{css as ti,darkTheme as Je,Image as $l,styled as Ze,Typography as df}from"@rango-dev/ui";var oi=300,Ml=Ze(En.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"}}}}),_l=ti({padding:"$10 $15"}),Dl=Ze("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"}}}]}),Fl=ti({width:"100%",padding:"$15 $15 $10 $15",cursor:"default"}),Ol=ti({paddingTop:"$10",display:"flex",alignItems:"center",".usd-value":{$$color:"$colors$neutral600",[`.${Je} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Ul=Ze(En.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:{[`& ${$l}`]:{border:"1px $warning500 solid",borderRadius:"100%"}},false:{[`& ${$l}`]:{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"}}),ni=Ze("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"}}}}),ql=Ze(mn,{width:"100%",background:"inherit"}),ri=Ze("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$2",transition:`all ${oi}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),wA=Ze("div",{height:"$12",marginLeft:"$10",marginRight:"$10",borderLeft:"1px solid $foreground"}),zl=Ze("div",{display:"flex",justifyContent:"center",margin:"0 $15",borderTop:"1px solid",$$color:"$colors$neutral300",[`.${Je} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color"}),Gl=Ze("div",{width:"$16",height:"$16",justifyContent:"center",alignItems:"center",display:"flex"}),Hl=Ze(df,{width:"100%",overflow:"hidden",textOverflow:"ellipsis",letterSpacing:.4});import{TokenAmount as jl}from"@rango-dev/ui";import In from"react";import{css as ff,styled as gf}from"@rango-dev/ui";var Ql=gf("div",{position:"relative",display:"flex",flexDirection:"column",width:"100%"}),Vl=ff({height:"14px",marginLeft:"14px",position:"absolute",borderLeft:"1px solid $foreground",top:"42%"});function ao(t){let{from:e,to:o,percentageChange:n,warningLevel:r}=t;return In.createElement(Ql,null,In.createElement(jl,{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}}),In.createElement("div",{className:Vl()}),In.createElement(jl,{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(ao,"QuoteSummary");function ai(t){let{quote:e,input:o,output:n,error:r,warning:s,type:a,recommended:l=!0}=t,p=d().tokens(),c=d().blockchains(),u=d().swappers(),[m,g]=vf(t.expanded),f=Yl(null),k=Yl(m),S=W(Jo(e.result?.swaps??[],p),2,2),h=_o(Do(e.result?.swaps)),A=W(o.value,6,6),T=W(n.value,6,6),w=n.usdValue?W(n.usdValue,4,4):"",b=Le(o.usdValue,n.usdValue??null),C=W(b,2,2),v=st(b??0),y=i(B=>B.map((x,_)=>{let I,G=r?.type===3&&r.swap.swapperId===x.swapperId||r?.type===4&&r.recommendedSlippages?.has(_),J=s?.type===2&&s.recommendedSlippages?.has(_);return G?I="error":J&&(I="warning"),{swapper:{displayName:oa(x.swapperId,u),image:x.swapperLogo},from:{token:{displayName:x.from.symbol,image:x.from.logo},chain:{displayName:Ye(x.from.blockchain,c),image:x.from.blockchainLogo},price:{value:_===0?W(o.value,6,6):W(x.fromAmount,6,6),usdValue:W((x.from.usdPrice??0)*parseFloat(x.fromAmount),4,4)}},to:{token:{displayName:x.to.symbol,image:x.to.logo},chain:{displayName:Ye(x.to.blockchain,c),image:x.to.blockchainLogo},price:{value:W(x.toAmount,6,6),usdValue:W((x.to.usdPrice??0)*parseFloat(x.toAmount),4,4)}},state:I,alerts:G||J?L.createElement(Ll,null,L.createElement(hf,{type:G?"error":"warning",title:r?.type===3?r?.recommendation:ii.t("Slippage Error:"),footer:L.createElement(Pl,null,r?.type===3&&L.createElement(L.Fragment,null,L.createElement(lo,{size:"xsmall",variant:"body",color:"neutral900"},r.fromAmountRangeError),L.createElement(si,{direction:"horizontal",size:8}),L.createElement(lo,{size:"xsmall",variant:"body",color:"neutral900"},"|"),L.createElement(si,{direction:"horizontal",size:8}),L.createElement(lo,{size:"xsmall",variant:"body",color:"neutral900"},ii.t({id:"Yours: {amount} {symbol}",values:{amount:W(x.fromAmount,6,6),symbol:x?.from.symbol}}))),(r?.type===4||s?.type===2)&&L.createElement(lo,{size:"xsmall",variant:"body",color:"neutral900"},ii.t({id:"Minimum required slippage is {minRequiredSlippage}",values:{...r?.type===4&&{minRequiredSlippage:r.recommendedSlippages?.get(_)},...s?.type===2&&{minRequiredSlippage:s.recommendedSlippages?.get(_)}}})))})):void 0}}),"getQuoteSteps")(e.result?.swaps??[]),P=y.length,$=j();return xf(()=>{m&&!k.current&&f.current&&setTimeout(()=>{f?.current?.scrollIntoView({behavior:"smooth"})},oi),k.current=m},[m,k]),L.createElement(L.Fragment,null,L.createElement(Dl,{recommended:l,listItem:a==="list-item",basic:a==="basic"},L.createElement("div",{className:Fl()},L.createElement(kf,{fee:S,time:h,steps:P}),a==="basic"&&L.createElement("div",{className:Ol()},L.createElement(Gl,null,L.createElement(Cf,{size:12,color:"gray"})),L.createElement(Hl,{size:"small",variant:"body"},`${A} ${y[0].from.token.displayName} = ${T} ${y[y.length-1].to.token.displayName}`),L.createElement(lo,{color:"$neutral600",ml:2,size:"xsmall",variant:"body"},`($${w})`)),a==="list-item"&&L.createElement(wf,{type:"output",direction:"vertical",price:{value:T,usdValue:w},token:{displayName:y[P-1].to.token.displayName,image:y[P-1].to.token.image},chain:{image:y[P-1].to.chain.image},percentageChange:C,warningLevel:v}),a==="swap-preview"&&L.createElement(L.Fragment,null,L.createElement(ao,{from:y[0].from,to:y[P-1].to,percentageChange:C,warningLevel:v}),L.createElement(si,{size:4}))),L.createElement(Ml,{recommended:l,open:m,onOpenChange:g},L.createElement(Ul,{ref:B=>f.current=B,recommended:l,onClick:()=>g(B=>!B)},L.createElement("div",null,y.map((B,x)=>{let _=`item-${x}`,I=L.createElement(ri,null,L.createElement(Sf,{size:12,color:"black",...B.state&&{color:B.state==="error"?"error":"warning"}}));return L.createElement(L.Fragment,{key:_},L.createElement(Kl,{container:$,side:"bottom",sideOffset:4,content:B.from.chain.displayName},L.createElement(ni,{state:B.state||y[x-1]?.state},L.createElement(Xl,{src:B.from.chain.image,size:16}))),x===P-1&&L.createElement(L.Fragment,null,I,L.createElement(Kl,{container:$,side:"bottom",sideOffset:4,content:B.to.chain.displayName},L.createElement(ni,{state:B.state},L.createElement(Xl,{src:B.to.chain.image,size:16})))),x!==P-1&&L.createElement(L.Fragment,null,I))})),L.createElement(ri,{orientation:m?"up":"down"},L.createElement(yf,{size:12,color:"black"}))),L.createElement(ql,{open:m},L.createElement(zl,null),L.createElement("div",{className:_l()},y.map((B,x)=>{let _=`item-${x}`;return L.createElement(Tf,{type:"quote-details",key:_,step:B,hasSeparator:x!==y.length-1,state:B.state})}))))))}i(ai,"Quote");import{Divider as Ef,Skeleton as If}from"@rango-dev/ui";import lt from"react";import{darkTheme as Af,styled as Wn}from"@rango-dev/ui";var Jl=Wn("div",{$$color:"$colors$neutral100",[`.${Af} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",borderBottomLeftRadius:"$xm",borderBottomRightRadius:"$xm",padding:"$15 ",variants:{rounded:{true:{borderRadius:"$xm"}}}}),Zl=Wn("div",{paddingTop:"$2"}),Rl=Wn("div",{paddingLeft:"$8"}),ep=Wn("div",{borderLeft:"1px dashed black",minHeight:" 0",margin:"0px 11.5px",alignSelf:"stretch",variants:{hideSeparator:{true:{minHeight:"unset",height:"0"}}}});import{ChainToken as up,Divider as Wt,Skeleton as et}from"@rango-dev/ui";import q from"react";import{styled as Re}from"@rango-dev/ui";var tp=Re("div",{display:"flex",justifyContent:"space-between",alignItems:"center",height:"22px"}),op=Re("div",{display:"flex"}),np=Re("div",{padding:"$15 $0 14px $0"}),rp=Re("div",{padding:"$6 $0 $15 $0",display:"flex",flexDirection:"column"}),ip=Re("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$5"}),sp=Re("div",{display:"flex",justifyContent:"space-between",alignItems:"end"}),ap=Re("div",{height:"$28",marginLeft:"13px",borderLeft:"1px solid $neutral700"}),lp=Re("div",{width:"65%",display:"flex",justifyContent:"start"}),pp=Re("div",{display:"flex",flexDirection:"column",alignItems:"start",flexGrow:1,maxWidth:"148px"}),cp=Re("div",{padding:"$15 $0 $15 $0"});function uo(t){let{type:e,tag:o=!1}=t,n=q.createElement(sp,null,q.createElement(lp,null,q.createElement(up,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),q.createElement(Wt,{size:8,direction:"horizontal"}),q.createElement(pp,null,q.createElement(et,{height:10,width:60,variant:"rounded"}),q.createElement(Wt,{size:4}),q.createElement(et,{height:15,variant:"rounded"}))),q.createElement(et,{height:12,width:64,variant:"rounded"}));return q.createElement("div",null,q.createElement(tp,null,q.createElement(op,null,q.createElement(et,{width:60,height:10,variant:"rounded"}),q.createElement(Wt,{size:4,direction:"horizontal"}),q.createElement(et,{width:60,height:10,variant:"rounded"}),q.createElement(Wt,{size:4,direction:"horizontal"}),q.createElement(et,{width:60,height:10,variant:"rounded"})),o&&q.createElement(et,{height:22,width:100,variant:"rounded"})),e==="basic"&&q.createElement(np,null,q.createElement(et,{height:15,width:148,variant:"rounded"})),e==="list-item"&&q.createElement(rp,null,q.createElement(ip,null,q.createElement(up,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),q.createElement(Wt,{direction:"horizontal",size:4}),q.createElement(et,{height:15,width:150,variant:"rounded"})),q.createElement(Wt,{size:4}),q.createElement(et,{height:10,width:184,variant:"rounded"})),e==="swap-preview"&&q.createElement(q.Fragment,null,q.createElement(Wt,{size:4}),q.createElement(cp,null,n,q.createElement(ap,null),n)))}i(uo,"QuoteSummarySkeleton");import{ChainToken as hp,Divider as pi,NextIcon as bf,Skeleton as Nn}from"@rango-dev/ui";import ae from"react";import{styled as mo}from"@rango-dev/ui";var mp=mo("div",{display:"flex",alignItems:"start"}),dp=mo("div",{flexGrow:1,paddingTop:"$5",paddingBottom:"$10",display:"flex",alignItems:"center"}),li=mo("div",{display:"flex",alignItems:"center",flexGrow:1}),fp=mo("div",{margin:"$0 $2",padding:"$4",display:"flex",justifyContent:"center",alignItems:"center"}),gp=mo("div",{display:"flex",alignItems:"center"});function tt(t){let{separator:e=!0}=t;return ae.createElement(ae.Fragment,null,ae.createElement(gp,null,ae.createElement(Nn,{height:22,width:22,variant:"circular"}),ae.createElement(pi,{direction:"horizontal",size:8}),ae.createElement(Nn,{height:15,width:148,variant:"rounded"})),ae.createElement(mp,null,ae.createElement(ep,{hideSeparator:!e}),ae.createElement(dp,null,ae.createElement(li,null,ae.createElement(hp,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ae.createElement(pi,{direction:"horizontal",size:8}),ae.createElement(Nn,{height:12,variant:"rounded"})),ae.createElement(fp,null,ae.createElement(bf,{color:"gray",size:16})),ae.createElement(li,null,ae.createElement(hp,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ae.createElement(pi,{direction:"horizontal",size:8}),ae.createElement(Nn,{height:12,variant:"rounded"})))))}i(tt,"StepSkeleton");function ci(t){let{type:e,expanded:o,tag:n=!1}=t;return lt.createElement(Jl,{rounded:e!=="basic"},lt.createElement(uo,{type:e,tag:n}),lt.createElement(Zl,null,lt.createElement(If,{height:15,variant:"rounded"})),o&&lt.createElement(Rl,null,lt.createElement(Ef,{size:20}),lt.createElement(tt,null),lt.createElement(tt,null),lt.createElement(tt,{separator:!1})))}i(ci,"QuoteSkeleton");import{i18n as Xf}from"@lingui/core";import{Alert as Kf,Button as Yf,InfoIcon as Jf}from"@rango-dev/ui";import Ie from"react";import{Alert as Wf,Button as Nf,Divider as wp,NoRouteIcon as Bf,RefreshIcon as Lf,Typography as xp}from"@rango-dev/ui";import ze from"react";import{i18n as yp}from"@lingui/core";function Sp(t,e,o,n){return t?.type===1?{alert:{type:"warning",text:Q().genericServerError,action:{onClick:n,title:yp.t("Retry")}},description:""}:e.length?{alert:{type:"warning",text:Q().liquiditySourcesError.title,action:{onClick:()=>o(!0),title:yp.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(Sp,"makeInfo");import{styled as ui}from"@rango-dev/ui";var Cp=ui("div",{minHeight:"162px",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"}),kp=ui("div",{width:"100%"}),Tp=ui("div",{padding:"$6 $0"});function mi(t){let{fetch:e,error:o}=t,n=d().disabledLiquiditySources,r=d().toggleAllLiquiditySources,s=d().swappers(),a=Sp(o,n,()=>r(s,!0),e);return ze.createElement(Cp,null,ze.createElement(Bf,{size:24,color:"gray"}),ze.createElement(wp,{size:4}),ze.createElement(xp,{variant:"title",size:"small"},Q().noResultError.title),!!a.description&&ze.createElement(xp,{variant:"body",size:"small",align:"center",color:"neutral700"},a.description),ze.createElement(wp,{size:4}),!!a.alert&&ze.createElement(kp,null,ze.createElement(Wf,{type:a.alert.type,title:a.alert.text,action:a.alert.action&&ze.createElement(Nf,{size:"xsmall",type:a.alert.type,prefix:ze.createElement(Tp,null,ze.createElement(Lf,{size:8})),onClick:a.alert.action.onClick},a.alert.action.title),variant:"alarm"})))}i(mi,"NoResult");import{i18n as fo}from"@lingui/core";import{Button as $f,Divider as Wp,MessageBox as Mf,Modal as _f,Typography as Df,WarningIcon as Ff}from"@rango-dev/ui";import ot from"react";import{Typography as Ep}from"@rango-dev/ui";import fi from"react";import{darkTheme as Pf,styled as Bn}from"@rango-dev/ui";var vp=Bn("div",{width:"100%",paddingTop:"$10"}),di=Bn("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),Ap=Bn("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%","._title":{$$color:"$colors$neutral600",[`.${Pf} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),bp=Bn("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});function Ip(t){let{title:e,value:o,valueColor:n}=t;return fi.createElement(Ap,null,fi.createElement(Ep,{size:"medium",variant:"label",className:"_title"},e),fi.createElement(Ep,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}i(Ip,"QuoteErrorsModalItem");function Np(t){let{open:e,onClose:o,onConfirm:n,warning:r}=t,s=r.warningLevel==="high"?"error":"warning",a=[{title:fo.t("Swapping"),value:W(r.inputUsdValue,4,4)},{title:fo.t("Gas cost"),value:W(r.totalFee,2,2)},{title:fo.t("Receiving"),value:W(r.outputUsdValue,4,4)},{title:fo.t("Price impact"),value:W(r.priceImpact,2,2),valueColor:`${s}500`}];return ot.createElement(_f,{open:e,onClose:o,container:j()},ot.createElement(Mf,{type:s,title:Q().highValueLossError.impactTitle,description:Q().highValueLossError.description}),ot.createElement(di,null,ot.createElement(Wp,{size:20}),ot.createElement(Df,{size:"small",variant:"title"},fo.t("Details")),ot.createElement(di,null,a.map((l,p)=>ot.createElement(Ip,{key:p,...l})))),ot.createElement(Wp,{size:32}),ot.createElement($f,{type:"primary",size:"large",prefix:ot.createElement(Ff,null),fullWidth:!0,onClick:n},Q().highValueLossError.confirmMessage))}i(Np,"HighValueLossWarningModal");import{i18n as gi}from"@lingui/core";function Bp(t,e){let o={alertType:"warning",title:"",action:"show-info"};return t?(t.type===0&&(st(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=gi.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=gi.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=gi.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(Bp,"makeAlerts");import{i18n as Ht}from"@lingui/core";import{Button as Lp,Divider as Pp,MessageBox as Of,Modal as Uf,Typography as qf}from"@rango-dev/ui";import Nt from"react";import{useNavigate as zf}from"react-router-dom";function $p(t){let{customSlippage:e,slippage:o}=d(),{open:n,onClose:r,onConfirm:s,warning:a}=t,l=zf(),p=e??o;return Nt.createElement(Uf,{anchor:"bottom",open:n,prefix:Nt.createElement(Lp,{size:"small",variant:"ghost",onClick:()=>l("../"+M.settings)},Nt.createElement(qf,{variant:"label",size:"medium",color:"$neutral900"},Ht.t("Change settings"))),container:j(),onClose:r},Nt.createElement(Of,{type:"warning",title:a.type===3?Ht.t("High slippage"):Ht.t("Low slippage"),description:a.type===3?Ht.t({id:" Caution, your slippage is high (={userSlippage}). Your trade may be front run.",values:{userSlippage:p}}):Ht.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:a.minRequiredSlippage}})},Nt.createElement(Pp,{size:18}),Nt.createElement(Pp,{size:32}),Nt.createElement(Lp,{size:"large",type:"primary",variant:"contained",fullWidth:!0,onClick:s},Ht.t("Confirm anyway"))))}i($p,"SlippageWarningModal");import{Button as Gf,Divider as Hf,MessageBox as Qf,Modal as Vf,WarningIcon as jf}from"@rango-dev/ui";import go from"react";function Mp(t){let{open:e,onClose:o,onConfirm:n}=t;return go.createElement(Vf,{open:e,onClose:o,container:j()},go.createElement(Qf,{type:"warning",title:Q().unknownPriceError.impactTitle,description:Q().unknownPriceError.description}),go.createElement(Hf,{size:32}),go.createElement(Gf,{type:"primary",size:"large",prefix:go.createElement(jf,null),fullWidth:!0,onClick:n},Q().unknownPriceError.confirmMessage))}i(Mp,"UnknownPriceWarningModal");function hi(t){let{warning:e,error:o,refetchQuote:n,showWarningModal:r,onOpenWarningModal:s,onCloseWarningModal:a,onConfirmWarningModal:l,onChangeSettings:p}=t,c={open:r,onClose:a,onConfirm:l},u=o?.type===0||o?.type===1,m=Bp(e,o?.type===3||o?.type===4?o:null);return Ie.createElement(Ie.Fragment,null,u&&Ie.createElement(mi,{error:o,fetch:n}),!!m&&Ie.createElement(vp,null,Ie.createElement(Kf,{title:m.title,type:m.alertType,variant:"alarm",...m.action==="show-info"&&{action:Ie.createElement(bp,{onClick:s},Ie.createElement(Jf,{size:12,color:"gray"}))},...m.action==="change-settings"&&{action:Ie.createElement(Yf,{size:"xxsmall",type:m.alertType,onClick:p},Xf.t("Change"))}})),e&&Ie.createElement(Ie.Fragment,null,e.type===0&&Ie.createElement(Np,{...c,warning:e}),(e.type===3||e.type===2)&&Ie.createElement($p,{...c,warning:e}),e.type===1&&Ie.createElement(Mp,{...c,warning:e})))}i(hi,"QuoteWarningsAndErrors");function ho(t){let{quote:e,type:o,loading:n,error:r,warning:s,refetchQuote:a,showWarningModal:l,onOpenWarningModal:p,onCloseWarningModal:c,onConfirmWarningModal:u,onChangeSettings:m,expanded:g=!1,alertPosition:f="bottom"}=t,{inputAmount:k,inputUsdValue:S,outputUsdValue:h,outputAmount:A}=O(),w=!(r&&(r.type===0||r.type===1))&&e&&e.result&&!n,b=(s||r)&&$e.createElement(hi,{warning:s,error:r,loading:n,refetchQuote:a,showWarningModal:l,onOpenWarningModal:p,onCloseWarningModal:c,onConfirmWarningModal:u,onChangeSettings:m});return $e.createElement($e.Fragment,null,n&&$e.createElement(ei,null,$e.createElement(Bl,{paddingTop:f==="top"},$e.createElement(ci,{type:o,expanded:g}))),f==="top"&&$e.createElement(Nl,null,b),w?$e.createElement(ei,null,$e.createElement(ai,{quote:e,error:r,warning:s,type:o,expanded:g,recommended:!0,input:{value:k,usdValue:S?.toString()??""},output:{value:A?.toString()??"",usdValue:h?.toString()??""}})):null,f==="bottom"&&$e.createElement($e.Fragment,null,!s&&!r&&$e.createElement(Zf,{size:16}),b))}i(ho,"QuoteInfo");import{calculatePendingSwap as tg}from"@rango-dev/queue-manager-rango-preset";import{useEffect as og}from"react";import{useRef as Rf,useState as eg}from"react";function Ln(){let[t,e]=eg(!1),o=Rf(null),n=i(()=>o.current?.abort(),"cancel");return{fetch:i(async s=>{n(),o.current=new AbortController,e(!0);try{let a=await Mt().getBestRoute(s,{signal:o.current.signal});return o.current=null,a}catch(a){throw a}finally{e(!1)}},"fetch"),loading:t,cancelFetch:n}}i(Ln,"useFetchQuote");function Pn(t){if(!t.result)throw new Error(Q().noResultError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});if(vr(t)){let{swap:n,recommendation:r,fromAmountRangeError:s}=Ar(t);throw new Error("bridge limit error",{cause:{type:3,swap:n,recommendation:r,fromAmountRangeError:s}})}let o=Er(t);if(o){let n=Zo(t);throw new Error("",{cause:{type:4,recommendedSlippages:o,minRequiredSlippage:n}})}return t}i(Pn,"throwErrorIfResponseIsNotValid");function _p(t,e,o){let n=!1;t&&(n=ka(t,e));let r={quote:null,quoteUpdate:null,balance:null},s=en(e,{fromToken:o.fromToken,toToken:o.toToken,tokens:o.meta.tokens,userSlippage:o.userSlippage});s&&(r.quote=s),t&&n&&(ca(t,e)?r.quoteUpdate={type:3,newOutputAmount:W(Ft(e)),percentageChange:W(Le(Ft(t)??"",Ft(e)??""),null,2)}:Wr(t,e)?r.quoteUpdate={type:0}:Nr(t,e)?r.quoteUpdate={type:1}:Br(t,e)&&(r.quoteUpdate={type:2}));let a=ua(e,o.selectedWallets,o.meta.blockchains);return a.length===0||(r.balance={messages:a}),r}i(_p,"generateWarnings");function $n(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($n,"handleQuoteErrors");function yi(){let{fromToken:t,toToken:e,inputAmount:o,setQuote:n,quote:r,customDestination:s,setQuoteWarningsConfirmed:a}=O(),{slippage:l,customSlippage:p,affiliatePercent:c,affiliateRef:u,affiliateWallets:m,disabledLiquiditySources:g}=d(),{connectedWallets:f}=z(),k=d().blockchains(),S=d().tokens(),{features:h}=d().config,{enableNewLiquiditySources:A}=d().config,T=p||l,{fetch:w,cancelFetch:b,loading:C}=Ln();return og(()=>b,[]),{loading:C,fetch:i(async E=>{let y=E.selectedWallets,P=E?.customDestination??s;if(!t||!e||!o)return{quote:null,swap:null,error:null,warnings:null};let $=Ro({fromToken:t,toToken:e,inputAmount:o,wallets:f,selectedWallets:y,excludeLiquiditySources:A,disabledLiquiditySources:g,slippage:T,affiliateRef:u,affiliatePercent:c,affiliateWallets:m,initialQuote:r??void 0,destination:P});Mo("experimentalRoute",h)&&($.experimental=!0);let B;try{B=await w($).then(G=>Pn(G)),n(B)}catch(G){return $n(G)}let x={slippage:T.toString(),disabledSwappersGroups:g},_=tg(o.toString(),B,la(y),x,!1,{blockchains:k,tokens:S}),I=_p(r??void 0,B,{fromToken:t,toToken:e,meta:{blockchains:k,tokens:S},selectedWallets:y,userSlippage:T});return I.quoteUpdate&&a(!1),{quote:B,swap:_,error:null,warnings:I}},"fetch"),cancelFetch:b}}i(yi,"useConfirmSwap");var fg=Up("div",{position:"relative",width:"100%","& .quote-update__alert":{paddingTop:"$10"}}),gg=Up("div",{width:"100%",display:"flex",justifyContent:"space-between",[`& ${Op}`]:{width:"$48",height:"$48"}}),hg=Si({flexGrow:1,paddingRight:"$10"}),yg=Si({width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"}),Sg=Si({display:"flex",justifyContent:"space-between",alignItems:"center"});function qp(){let{quote:t,setInputAmount:e,selectedWallets:o,quoteWalletsConfirmed:n,setQuoteWalletConfirmed:r,customDestination:s,quoteWarningsConfirmed:a}=O(),l=dg(),[p,c]=_n(""),{connectedWallets:u}=z(),m=!n,[g,f]=_n(!1),k=we.use.setSelectedSwap(),S=d().disabledLiquiditySources,h=ug(S),{manager:A}=ng(),{fetch:T,loading:w,cancelFetch:b}=yi(),[C,v]=_n({swap:null,error:null,warnings:null}),[E,y]=_n(!1),P=i(async({selectedWallets:I,customDestination:G})=>{let J=await T?.({selectedWallets:I,customDestination:G});return v(J),J},"onConfirmSwap"),$=i(async()=>{if(C.swap&&n)try{await A?.create("swap",{swapDetails:C.swap},{id:C.swap.requestId}),k(C.swap.requestId);let I=`../${M.swaps}/${C.swap.requestId}`;l(I,{replace:!0}),setTimeout(()=>{e("")},0)}catch(I){c("Error: "+I?.message)}},"addNewSwap"),B=i(async()=>{await $()},"onConfirm"),x=i(async()=>{C?.warnings?.quote&&!a?y(!0):await B()},"onStartConfirmSwap"),_=i(async()=>{v({error:null,swap:null,warnings:null}),T({selectedWallets:o,customDestination:s}).then(I=>{v(I)}).catch(I=>console.error(I))},"onRefresh");return yo(()=>{!!h.current.length&&!S.length&&_(),h.current=S},[S.length]),yo(()=>{m&&b()},[m]),yo(()=>{m&&f(m)},[m]),yo(()=>{m||T({selectedWallets:o,customDestination:s}).then(I=>v(I)).catch(I=>console.error(I))},[]),yo(()=>{let I=C.warnings?.quote?.type&&Object.values(dt).includes(C.warnings?.quote?.type),G=o.length<1||!o.every(te=>u.find(H=>te.address===H.address&&te.walletType===H.walletType&&te.chain===H.chain)),J=!1;if(I){let te=jo(t),H=t?.result?.swaps[t.result.swaps.length-1].to.blockchain;!!t?.result?.swaps.find(ye=>ye.from.blockchain===H)||(te=te.slice(-te.length,te.length-1)),te.every(ye=>o.find(De=>De.chain===ye))||(J=!0)}t&&(G||J)&&(queueMicrotask(()=>mg(f.bind(null,!0))),r(!1))},[C.warnings?.quote,o.length,u.length]),cg(()=>{t||l("../")},[]),ee.createElement(X,{header:{title:Mn.t("Confirm Swap"),onWallet:()=>{let I=`../${M.wallets}`;l(I)},suffix:ee.createElement(ag,{container:j(),side:"bottom",content:Mn.t("Settings")},ee.createElement(Oe,{size:"small",variant:"ghost",onClick:()=>l("../"+M.settings)},ee.createElement(sg,{size:18,color:"black"})))},footer:ee.createElement(gg,null,ee.createElement("div",{className:hg()},ee.createElement(Fp,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:w,disabled:!!C.error,onClick:x},Mn.t("Start Swap"))),ee.createElement(Op,{variant:"contained",type:"primary",size:"large",loading:w,onClick:f.bind(null,!0)},ee.createElement(pg,{size:24})))},g&&ee.createElement(Wl,{open:g,onClose:()=>f(!1),onCancel:b,loading:w,onCheckBalance:P}),ee.createElement(fg,null,ee.createElement("div",{className:Sg()},ee.createElement(lg,{variant:"title",size:"small"},Mn.t("You get")),ee.createElement(Fp,{style:{padding:"0"},variant:"ghost",disabled:w,onClick:_},ee.createElement("div",{className:yg()},ee.createElement(ig,{size:16})))),p&&ee.createElement(ee.Fragment,null,ee.createElement(Dp,{type:"error",variant:"alarm",title:p}),ee.createElement(rg,{size:12})),C.warnings?.quoteUpdate&&ee.createElement("div",{className:"quote-update__alert"},ee.createElement(Dp,{variant:"alarm",type:"warning",title:C.warnings.quoteUpdate&&un(C.warnings.quoteUpdate)})),ee.createElement(ho,{quote:t,type:"swap-preview",expanded:!0,alertPosition:"top",error:C.error,loading:w,warning:C.warnings?.quote??null,refetchQuote:_,showWarningModal:E,onOpenWarningModal:()=>y(!0),onCloseWarningModal:()=>y(!1),onConfirmWarningModal:async()=>{y(!1),await $()},onChangeSettings:()=>l("../"+M.settings)})))}i(qp,"ConfirmSwapPage");import{i18n as On}from"@lingui/core";import{useManager as bg}from"@rango-dev/queue-manager-react";import{Divider as Eg,NotFound as Ig,styled as Yp}from"@rango-dev/ui";import kt,{useState as Wg}from"react";import{useNavigate as Ng}from"react-router-dom";import{CloseIcon as kg,IconButton as Tg,SearchIcon as wg,TextField as xg}from"@rango-dev/ui";import So from"react";import{styled as Cg}from"@rango-dev/ui";var zp=Cg("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function pt(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:s,value:a,setValue:l,...p}=t;return So.createElement(xg,{prefix:So.createElement(zp,null,So.createElement(wg,{color:"black"})),suffix:!!a.length&&So.createElement(Tg,{variant:"ghost",onClick:()=>l?.(""),size:"small"},So.createElement(kg,{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(pt,"SearchInput");import{i18n as Hp}from"@lingui/core";import{Divider as Qp,SwapListItem as Vp,Typography as jp}from"@rango-dev/ui";import Z from"react";import{css as vg,darkTheme as Ag,styled as Dn}from"@rango-dev/ui";var Fn=vg(),Ci=Dn("div",{width:"100%",display:"flex",flexDirection:"column",[`& .${Fn}`]:{$$color:"$colors$neutral600",[`.${Ag} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),ki=Dn("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),Ti=Dn("div",{gap:"$10",display:"flex",flexDirection:"column"}),Gp=Dn("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});function wi(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(Ci,null,Z.createElement(ki,null,Z.createElement(jp,{variant:"label",size:"medium",className:Fn()},Hp.t(p.title))),Z.createElement(Qp,{size:4}),Z.createElement(Ti,null,p.swaps.map((c,u)=>{let m=u+p.title;return Z.createElement(Z.Fragment,{key:m},Z.createElement(Vp,{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(Ci,null,Z.createElement(ki,null,Z.createElement(jp,{variant:"label",size:"medium",className:Fn()},Hp.t(a.title))),Z.createElement(Qp,{size:4}),Z.createElement(Ti,null,a.swaps.map(l=>{let p=l.steps[0],c=l.steps[l.steps.length-1];return Z.createElement(Z.Fragment,{key:l.requestId},Z.createElement(Vp,{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:Fo(l.inputAmount)},to:{token:{image:c.toLogo,displayName:c.toSymbol},blockchain:{image:c.toBlockchainLogo||""},amount:Fo(c.outputAmount||""),estimatedAmount:Fo(c.expectedOutputAmountHumanReadable||"")}}}))}))))))}i(wi,"SwapsGroup");import Xp from"dayjs";var Kp=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=Xp();return t.forEach(n=>{let r=Xp(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 Bg=Yp("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",height:"100%",gap:15}),Lg=Yp("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),Pg=i((t,e)=>t?.length?t.filter(o=>Xe(o.fromBlockchain,e)||Xe(o.toBlockchain,e)||Xe(o.toSymbol,e)||Xe(o.fromSymbol,e)).length:!1,"isStepContainsText");function Jp(){let t=we.use.setSelectedSwap(),e=Ng(),{manager:o,state:n}=bg(),r=Qt(o).map(({swap:m})=>m),[s,a]=Wg(""),l=!n.loadedFromPersistor,p=i(m=>{let g=m.target.value;a(g)},"searchHandler"),c=r;s&&(c=r.filter(m=>Xe(m.inputAmount,s)||Xe(m.status,s)||Pg(m.steps,s)||Xe(m.requestId,s)));let u=!c?.length&&!l;return kt.createElement(X,{header:{title:On.t("History")}},kt.createElement(Bg,null,kt.createElement(pt,{setValue:a,fullWidth:!0,variant:"contained",placeholder:On.t("Search Transaction"),autoFocus:!0,onChange:p,value:s}),kt.createElement(Lg,null,u&&kt.createElement(Gp,null,kt.createElement(Eg,{size:32}),kt.createElement(Ig,{title:On.t("No results found"),description:s?On.t("Try using different keywords"):""})),!u&&kt.createElement(wi,{list:c,onSwapClick:m=>{t(m),e(m)},groupBy:Kp,isLoading:l}))))}i(Jp,"HistoryPage");import{i18n as Ai}from"@lingui/core";import{Button as Ug,styled as bi,SwapInput as tc,WarningIcon as qg}from"@rango-dev/ui";import Me,{useEffect as zg,useRef as Gg,useState as Hg}from"react";import{useNavigate as Qg}from"react-router-dom";import{ReverseIcon as $g,styled as Zp}from"@rango-dev/ui";import xi from"react";var Mg=Zp("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),_g=Zp("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 xi.createElement(Mg,null,xi.createElement(_g,{onClick:()=>{t()}},xi.createElement($g,{size:12})))}i(Rp,"SwitchFromAndToButton");import{useCallback as Dg,useEffect as Fg,useState as vi}from"react";var Og=600;function ec(){let{fetch:t,cancelFetch:e}=Ln(),{liquiditySources:o,enableNewLiquiditySources:n,features:r}=d().config,s=d().tokens(),{fromToken:a,toToken:l,inputAmount:p,inputUsdValue:c,resetQuote:u,setQuote:m}=O(),{slippage:g,customSlippage:f,affiliatePercent:k,affiliateRef:S,affiliateWallets:h,disabledLiquiditySources:A}=d(),[T,w]=vi(!1),[b,C]=vi(null),[v,E]=vi(null),y=f??g,$=!a||!l||Be(a,l)||!to(p),B=i(I=>{w(I),C(null),E(null)},"resetState"),x=i(I=>{let{fromToken:G,toToken:J,inputAmount:te,liquiditySources:H,excludeLiquiditySources:re,disabledLiquiditySources:he,slippage:ye,affiliateRef:De,affiliatePercent:Pt,affiliateWallets:eo}=I;if(T||B(!0),!$&&G&&J){u();let it=Ro({fromToken:G,toToken:J,inputAmount:te,liquiditySources:H,excludeLiquiditySources:re,disabledLiquiditySources:he,slippage:ye,affiliateRef:De,affiliatePercent:Pt,affiliateWallets:eo});Mo("experimentalRoute",r)&&(it.experimental=!0),t(it).then(Ve=>{w(!1),m(Ve),Pn(Ve);let D=en(Ve,{fromToken:G,toToken:J,userSlippage:y,tokens:s});E(D)}).catch(Ve=>{let{error:D}=$n(Ve);(D?.type===0||D?.type===1)&&u(),D?.type!==2&&(C(D),w(!1))})}},"fetch"),_=Dg(Ws(I=>{$||x(I)},Og),[$]);return Fg(()=>{if(!to(p)||c?.eq(0)){B(!1),e();return}if(!$)return u(),B(!0),_({inputAmount:p,fromToken:a,toToken:l,liquiditySources:o,excludeLiquiditySources:n,disabledLiquiditySources:A,slippage:y,affiliateRef:S,affiliatePercent:k,affiliateWallets:h}),e},[p,a?.symbol,a?.address,a?.blockchain,l?.symbol,l?.address,l?.blockchain,$,o?.length,n,A.length,y,S,k,JSON.stringify(h)]),{fetch:()=>x({inputAmount:p,fromToken:a,toToken:l,liquiditySources:o,excludeLiquiditySources:n,disabledLiquiditySources:A,slippage:y,affiliateRef:S,affiliatePercent:k,affiliateWallets:h}),loading:T,error:b,warning:v}}i(ec,"useSwapInput");var Vg=bi("div",{display:"flex",flexDirection:"column",overflowY:"visible","& .quote__container":{paddingTop:"$2"}}),jg=bi("div",{position:"relative"}),Xg=bi("div",{display:"flex",flexDirection:"column",gap:5,alignSelf:"stretch"});function oc(){let t=Qg(),{fetch:e,loading:o,error:n,warning:r}=ec(),{fromToken:s,fromBlockchain:a,toToken:l,toBlockchain:p,setInputAmount:c,inputAmount:u,inputUsdValue:m,outputAmount:g,outputUsdValue:f,quote:k,resetQuoteWallets:S,setQuoteWarningsConfirmed:h}=O(),A=d().fetchStatus,{connectedWallets:T,getBalanceFor:w}=z(),b=we.use.setCurrentPage(),[C,v]=Hg(!1),E=Gg(null),y=!!a&&Gs(T,a.name),P=!1,$=!br(k,u,m),B=!br(k,u,f),x=ia({fetchMetaStatus:A,fetchingQuote:o,inputAmount:u,quote:k,anyWalletConnected:T.length>0,error:n,warning:r,needsToWarnEthOnPath:P}),_=s?w(s):null,I=Ho(_)?.amount??"0",G=a&&s?W(_?.amount,_?.decimals):"0";zg(()=>(b(M.home),S(),b.bind(null,"")),[]);let J=!m||!f||!f.gt(0)?null:Le(m.toString(),f.toString());return Me.createElement(X,{ref:E,fixedHeight:!1,hasLogo:!0,footer:Me.createElement(Ug,{type:"primary",size:"large",disabled:x.disabled,prefix:x.action==="confirm-warning"&&Me.createElement(qg,null),fullWidth:!0,onClick:()=>{x.action==="connect-wallet"?t(M.wallets):x.action==="confirm-warning"?v(!0):t(M.confirmSwap)}},x.title),header:{onWallet:()=>{t(M.wallets)},hasBackButton:!1,title:Ai.t("Swap"),suffix:Me.createElement(Qr,{layoutRef:E.current,onClickRefresh:k||n?e:void 0,onClickHistory:()=>t(M.swaps),onClickSettings:()=>t(M.settings)})}},Me.createElement(Vg,null,Me.createElement(Xg,null,Me.createElement(jg,null,Me.createElement(tc,{label:Ai.t("From"),mode:"From",onInputChange:c,balance:I,chain:{displayName:a?.displayName||"",image:a?.logo||""},token:{displayName:s?.symbol||"",image:s?.image||""},onClickToken:()=>t(M.fromSwap),price:{value:u,usdValue:$?void 0:W(m,4,4),error:$?Q().unknownPriceError.impactTitle:void 0},disabled:A==="failed",loading:A==="loading",loadingBalance:y,onSelectMaxBalance:()=>{I!=="0"&&c(G.split(",").join(""))}}),Me.createElement(Rp,null)),Me.createElement(tc,{sharpBottomStyle:!!k?.result||o,label:Ai.t("To"),mode:"To",fetchingQuote:o,chain:{displayName:p?.displayName||"",image:p?.logo||""},token:{displayName:l?.symbol||"",image:l?.image||""},percentageChange:W(Le(m,f),2,2),warningLevel:st(J??0),price:{value:W(g,6,6),usdValue:B?void 0:W(f,4,4),error:B?Q().unknownPriceError.impactTitle:void 0},onClickToken:()=>t(M.toSwap),disabled:A==="failed",loading:A==="loading"})),Me.createElement("div",{className:"quote__container"},Me.createElement(ho,{quote:k,loading:o,error:n,warning:r,type:"basic",refetchQuote:e,showWarningModal:C,onOpenWarningModal:()=>v(!0),onCloseWarningModal:()=>v(!1),onConfirmWarningModal:()=>{v(!1),h(!0),t(M.confirmSwap)},onChangeSettings:()=>t(M.settings)}))))}i(oc,"Home");import{i18n as nc}from"@lingui/core";import{List as Kg,ListItemButton as Yg,Radio as Jg,RadioRoot as Zg,Typography as Rg}from"@rango-dev/ui";import Tt from"react";import{styled as Un}from"@rango-dev/ui";var ct=Un("div",{height:"100%",overflow:"hidden"}),Co=Un("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto"}),Ei=Un("div",{width:80,display:"flex",justifyContent:"flex-end"}),Ii=Un("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});function qn(){let{setLanguage:t,language:e}=d();return{activeLanguage:e,languages:Qs,defaultLanguage:Dt,changeLanguage:r=>t(r||Dt)}}i(qn,"useLanguage");function rc(){let{activeLanguage:t,changeLanguage:e,languages:o}=qn(),n=o.map(r=>{let{local:s,label:a,SVGFlag:l}=r;return{id:s,value:s,title:Tt.createElement(Rg,{variant:"title",size:"xmedium"},a),onClick:()=>e(r.local),end:Tt.createElement(Jg,{value:s}),start:Tt.createElement(l,null)}});return Tt.createElement(X,{header:{title:nc.t("Language")}},Tt.createElement(ct,null,Tt.createElement(Zg,{value:t},Tt.createElement(Kg,{type:Tt.createElement(Yg,{title:nc.t("language"),id:"_",onClick:()=>console.log()}),items:n}))))}i(rc,"LanguagePage");import{i18n as Vt}from"@lingui/core";import{Button as rh,Checkbox as ih,Image as sh,ListItemButton as ah,NotFound as lh,Typography as ph}from"@rango-dev/ui";import ge,{useState as ch}from"react";import{Checkbox as oh,Skeleton as sc}from"@rango-dev/ui";import ko from"react";import{ListItem as eh,styled as th}from"@rango-dev/ui";var ic=th(eh,{height:61});var nh=30;function Wi(){return ko.createElement(Co,null,Array.from(Array(nh),t=>ko.createElement(ic,{hasDivider:!0,key:t,start:ko.createElement(sc,{variant:"circular",width:35,height:35}),title:ko.createElement(sc,{variant:"text",size:"large",width:90}),end:ko.createElement(oh,{checked:!1})})))}i(Wi,"LoadingLiquiditySourceList");function Ni({sourceType:t}){let e=d().fetchStatus,o=d().swappers(),n=d().disabledLiquiditySources,[r,s]=ch(""),a=d().toggleLiquiditySource,l=$o(o,n),p=[];t==="Exchanges"&&p.push("DEX"),t==="Bridges"&&(p.push("BRIDGE"),p.push("AGGREGATOR"));let c=l.filter(S=>p.includes(S.type)),u=c.length===c.filter(S=>S.selected).length,m=i(()=>{c.forEach(S=>{u?a(S.groupTitle):S.selected||a(S.groupTitle)})},"toggleAllSources"),g=c.map(S=>{let{selected:h,groupTitle:A,logo:T}=S;return{start:ge.createElement(sh,{src:T,size:22,type:"circular"}),onClick:()=>a(A),end:ge.createElement(ih,{checked:h}),title:ge.createElement(ph,{variant:"title",size:"xmedium"},Vt.t(A)),...S}}),f=i(S=>{let h=S.target.value;s(h)},"searchHandler"),k=g;return r&&(k=g.filter(S=>Xe(S.groupTitle,r))),ge.createElement(X,{header:{title:Vt.t(t),suffix:ge.createElement(Ei,null,ge.createElement(rh,{variant:"ghost",size:"xsmall",onClick:m},Vt.t(u?"Deselect all":"Select all")))}},ge.createElement(ct,null,ge.createElement(pt,{value:r,setValue:s,fullWidth:!0,color:"light",variant:"contained",placeholder:Vt.t("Search {sourceType}",{sourceType:t}),onChange:f}),e==="loading"&&ge.createElement(Wi,null),!k.length&&r?ge.createElement(Ii,null,ge.createElement(lh,{title:Vt.t("No results found"),description:Vt.t("Try using different keywords")})):e==="success"&&ge.createElement(Co,null,k.map(S=>ge.createElement(ge.Fragment,{key:S.id},ge.createElement(ah,{style:{height:"61px"},...S,selected:!1,hasDivider:!0}))))))}i(Ni,"LiquiditySourcePage");import{i18n as fc}from"@lingui/core";import{Divider as $i,getCountCategories as kh,SelectableCategoryList as Th}from"@rango-dev/ui";import ut,{useState as gc}from"react";import{i18n as Li}from"@lingui/core";import{Divider as mc,Image as gh,ListItemButton as hh,NotFound as yh,Typography as dc}from"@rango-dev/ui";import _e,{useEffect as Sh,useState as Ch}from"react";import{BlockchainCategories as Bi}from"@rango-dev/ui";import{TransactionType as zn}from"rango-sdk";var uh=i((t,e)=>{switch(e){case Bi.ALL:return!0;case Bi.UTXO:return t.type===zn.TRANSFER;case Bi.OTHER:return t.type!==zn.TRANSFER&&t.type!==zn.COSMOS&&t.type!==zn.EVM;default:return t.type===e}},"filterByType"),ac=i((t,e,o)=>t.filter(n=>uh(n,o)).filter(n=>xt(n.name,e)||xt(n.displayName,e)),"filterBlockchains");import{ImageContainer as mh,styled as lc}from"@rango-dev/ui";var pc=lc("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),Gn=lc("ul",{padding:0,margin:0,listStyle:"none",overflowY:"auto",paddingRight:"$5",[`& ${mh}`]:{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as dh,Skeleton as cc}from"@rango-dev/ui";import Hn from"react";var fh=20;function uc(){return Hn.createElement(Gn,null,Array.from(Array(fh),t=>Hn.createElement(dh,{key:t,hasDivider:!0,start:Hn.createElement(cc,{variant:"circular",width:35,height:35}),title:Hn.createElement(cc,{variant:"text",size:"large",width:90})})))}i(uc,"LoadingBlockchainList");function Pi(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[s,a]=Ch(e),{fetchStatus:l}=d();Sh(()=>{a([...ac(e,o,r)])},[e,o,r]);let p=i(()=>!s.length&&o?_e.createElement(_e.Fragment,null,_e.createElement(mc,{size:32}),_e.createElement(yh,{title:Li.t("No results found"),description:Li.t("Try using different keywords")})):_e.createElement(Gn,{key:`${r}-${o}`},s.map(c=>_e.createElement(hh,{key:`${c.name}-${c.chainId}`,hasDivider:!0,onClick:()=>n(c),start:_e.createElement(gh,{src:c.logo,size:30}),title:_e.createElement(dc,{variant:"title",size:"medium"},c.displayName),id:c.chainId}))),"renderList");return _e.createElement(pc,null,_e.createElement(dc,{variant:"label",size:"large"},Li.t("Select Blockchain")),_e.createElement(mc,{size:4}),l==="loading"&&_e.createElement(uc,null),l==="success"&&p())}i(Pi,"BlockchainList");function Mi(t){let{type:e}=t,o=yt(),[n,r]=gc(""),[s,a]=gc("ALL"),l=O.use.setToBlockchain(),p=O.use.setFromBlockchain(),c=d().fetchStatus,u=d().blockchains({type:e}),g=kh(u)!==1;return ut.createElement(X,{header:{title:fc.t("Select Blockchain")}},ut.createElement($i,{size:12}),g&&ut.createElement(ut.Fragment,null,ut.createElement(Th,{setCategory:a,category:s,blockchains:u,isLoading:c==="loading"}),ut.createElement($i,{size:24})),ut.createElement(pt,{value:n,autoFocus:!0,placeholder:fc.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:f=>r(f.target.value)}),ut.createElement($i,{size:16}),ut.createElement(Pi,{list:u,searchedFor:n,blockchainCategory:s,onChange:f=>{e==="source"?p(f):l(f),o()}}))}i(Mi,"SelectBlockchainPage");import{i18n as Mc}from"@lingui/core";import{Divider as _c}from"@rango-dev/ui";import Kt,{useState as Oh}from"react";import{useNavigate as Uh}from"react-router-dom";import{i18n as Fi}from"@lingui/core";import{BlockchainsChip as Qn,Divider as Cc,Image as kc,Skeleton as bh,Tooltip as Eh,Typography as Oi}from"@rango-dev/ui";import le from"react";import{useEffect as vh}from"react";var hc=["ETH","COSMOS","OSMOSIS"];function _i(t,e,o){let n=JSON.parse(JSON.stringify(t)),r=[];if(n.sort(wh),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 c=n[p];a=a.filter(u=>c.name!==u)}}n.sort(xh(a)),r=n.splice(s)}return{list:n,more:r}}i(_i,"prepare");function wh(t,e){let o=hc,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(wh,"sortByMostUsedBlockchains");function xh(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(xh,"generateSortByPreferredBlockchainsFor");function yc(t,e){return!!e.list.find(o=>o.name===t)}i(yc,"isInVisibleList");function Di(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=d();vh(()=>{if(e?.selected){let s=_i(t,o,e);yc(e.selected,s)||n(e?.selected)}},[e?.selected]);let r=_i(t,o,e);return{list:r.list,more:r.more,history:[]}}i(Di,"usePrepareBlockchainList");import{styled as Ah}from"@rango-dev/ui";var Sc=Ah("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var Ih=12;function Ui(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:s}=t,a=Di(e,{limit:10,selected:n?.name}),{fetchStatus:l}=d(),p=O.use.resetToBlockchain(),c=O.use.resetFromBlockchain(),u=a.more.length>0,m=a.more.length===1,g=!m&&u;return le.createElement(le.Fragment,null,le.createElement(Cc,{size:12}),le.createElement(Oi,{variant:"label",size:"large"},Fi.t("Select Blockchain")),le.createElement(Cc,{size:12}),le.createElement(Sc,null,l==="loading"&&Array.from(Array(Ih),f=>le.createElement(bh,{key:f,variant:"rounded",height:50})),l==="success"&&le.createElement(le.Fragment,null,le.createElement(Qn,{selected:!n,onClick:()=>{o==="from"?c():p()}},le.createElement(Oi,{variant:"body",size:"xsmall",color:"secondary500"},Fi.t("All"))),a.list.map(f=>le.createElement(Eh,{key:f.name,content:f.shortName,side:"bottom",sideOffset:2,container:j()},le.createElement(Qn,{key:f.name,selected:!!n&&n.name===f.name,onClick:()=>r(f)},le.createElement(kc,{src:f.logo,size:30})))),m?le.createElement(Qn,{key:a.more[0].name,selected:!!n&&n.name===a.more[0].name,onClick:()=>r(a.more[0])},le.createElement(kc,{src:a.more[0].logo,size:30})):null,g?le.createElement(Qn,{onClick:s,key:"more-blockchains"},le.createElement(Oi,{variant:"body",size:"xsmall",color:"secondary500"},Fi._("More +{count}",{count:a.more.length}))):null)))}i(Ui,"BlockchainsSection");import{i18n as Yi}from"@lingui/core";import{darkTheme as Nc,Divider as Xt,ExternalLinkIcon as Bh,Image as Lh,ListItemButton as Ph,NotFound as $h,PinIcon as Mh,Skeleton as Bc,Typography as Xn,VirtualizedList as _h}from"@rango-dev/ui";import F,{forwardRef as Dh,useEffect as Lc,useState as Pc}from"react";import{Divider as Ic,ListItem as Nh,Skeleton as To}from"@rango-dev/ui";import He from"react";import{css as jt,darkTheme as Tc,ImageContainer as Wh,styled as Ge,Typography as wc}from"@rango-dev/ui";var qi=jt({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}),zi=jt({position:"relative",height:12,width:"30%",maxWidth:"150px"}),Gi=jt({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",bottom:"-8px"}),Hi=jt({transform:"translateY(12px)",visibility:"hidden","& a":{display:"flex",justifyContent:"center",alignItems:"center",fontSize:"$12",lineHeight:"$16",$$color:"$colors$neutral600",[`.${Tc} &`]:{$$color:"$colors$neutral700"},color:"$$color",textDecoration:"none"}}),Qi=jt({}),Vi=jt(),xc=Ge("div",{display:"flex",flexDirection:"column",flexGrow:1}),ji=Ge("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),Vn=Ge("ul",{flexGrow:1,padding:0,margin:0,listStyle:"none","& li":{alignItems:"none","&:hover":{[`& .${zi}`]:{[`& .${Hi}`]:{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",visibility:"visible"},[`& .${Qi}`]:{bottom:"-15px"},[`& .${qi}`]:{position:"absolute",transform:"translateY(-12px)",visibility:"hidden"},[`& .${Gi}`]:{position:"absolute",transform:"translateY(-12px)",bottom:"-10px"}}}}}),Xi=Ge("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),Ki=Ge(wc,{}),vc=Ge("div",{textAlign:"right",width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",[`& .${Vi}`]:{$$color:"$colors$neutral600",[`.${Tc} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),jn=Ge("div",{display:"flex",alignItems:"end",flexDirection:"column"}),pB=Ge("div",{display:"flex",alignItems:"center"}),Ac=Ge("div",{position:"relative",[`& ${Wh}`]:{borderRadius:"$xm",overflow:"hidden"}}),bc=Ge("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6}),Ec=Ge(wc,{width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"});function Wc(t){return He.createElement(Vn,null,Array.from(Array(t.size),e=>He.createElement(Nh,{key:e,hasDivider:!0,start:He.createElement(To,{variant:"circular",width:35,height:35}),end:He.createElement(jn,null,He.createElement(To,{variant:"text",size:"large",width:70}),He.createElement(Ic,{size:4}),He.createElement(To,{variant:"text",size:"medium",width:50})),title:He.createElement("div",null,He.createElement(To,{variant:"text",size:"large",width:90}),He.createElement(Ic,{size:4}),He.createElement(To,{variant:"text",size:"medium",width:90}))})))}i(Wc,"LoadingTokenList");var Ji=20,Fh=i(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:s,customCssForTagTitle:a}=t,l=e.length;return F.createElement("div",{className:zi()},o?F.createElement("div",{className:qi()},o):F.createElement(ji,{className:Gi()},F.createElement(Xn,{variant:"title",size:"xmedium"},r.symbol),F.createElement(Xt,{direction:"horizontal",size:4}),F.createElement(Xi,{css:s},F.createElement(Ki,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&F.createElement("div",{className:`${Hi()} ${!o&&Qi()}`},F.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," ",F.createElement(Xt,{size:4,direction:"horizontal"}),F.createElement(Bh,{color:"gray",size:12}))))},"renderDesc");function $c(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[s,a]=Pc(e),l=d().fetchStatus,p=d().blockchains(),[c,u]=Pc(!0),{getBalanceFor:m,loading:g}=z(),{isTokenPinned:f}=d(),k=Dh((A,T)=>F.createElement("div",{...A,ref:T,style:{...A.style,height:`${parseFloat(A.style?.height)+8*2}px`}})),S=i(()=>{a(e.slice(0,s.length+Ji))},"loadNextPage");Lc(()=>{u(e.length>s.length)},[s.length]),Lc(()=>{a(e.slice(0,Ji))},[e]);let h=i(()=>!s.length&&o?F.createElement(F.Fragment,null,F.createElement(Xt,{size:32}),F.createElement($h,{title:Yi.t("No results found"),description:Yi.t("Try using different keywords")})):F.createElement(_h,{Item:({index:A,style:T})=>{let w=s[A],b=Ho(m(w)),C=w.address||"",v=p.find($=>$.name===w.blockchain),E=gn(w.symbol,v?.color||""),y={$$color:E[`${w.symbol}100`],[`.${Nc} &`]:{$$color:E[`${w.symbol}900`]},backgroundColor:"$$color"},P={$$color:E[`${w.symbol}700`],[`.${Nc} &`]:{$$color:E[`${w.symbol}100`]},color:"$$color"};return F.createElement("div",{style:{...T,paddingRight:5}},F.createElement(Ph,{style:{height:T?.height,width:"100%",overflow:"hidden"},"tab-index":A,key:`${w.symbol}${w.address}`,id:`${w.symbol}${w.address}`,hasDivider:!0,onClick:()=>n(s[A]),start:F.createElement(Ac,null,F.createElement(Lh,{src:w.image,size:30}),f(w,t.type)&&F.createElement(bc,null,F.createElement(Mh,{size:12,color:"gray"}))),title:v?.type==="COSMOS"||w.name||!w.name&&!C?F.createElement(ji,null,F.createElement(Xn,{variant:"title",size:"xmedium"},w.symbol),F.createElement(Xt,{direction:"horizontal",size:4}),F.createElement(Xi,{css:y},F.createElement(Ki,{variant:"body",size:"xsmall",css:P},w.blockchain))):void 0,description:v?.info&&C&&v.type!=="COSMOS"?Fh({address:C,token:s[A],customCssForTag:y,customCssForTagTitle:P,name:w.name,url:v.info.addressUrl.split("{wallet}").join(C)}):w.name||void 0,end:g?F.createElement(jn,null,F.createElement(Bc,{variant:"text",size:"large",width:70}),F.createElement(Xt,{size:4}),F.createElement(Bc,{variant:"text",size:"medium",width:50})):b&&F.createElement(vc,null,F.createElement(Ec,{variant:"title",size:"small"},b.amount),F.createElement("div",null),b.usdValue&&F.createElement(Xn,{variant:"body",className:Vi(),size:"xsmall"},`$${b.usdValue}`))}))},hasNextPage:c,itemCount:s.length,loadNextPage:S,innerElementType:k,size:60,key:`${r}-${o}`}),"renderList");return F.createElement(xc,null,F.createElement(Xn,{variant:"label",size:"large"},Yi.t("Select Token")),F.createElement(Xt,{size:4}),l==="loading"&&F.createElement(Wc,{size:Ji}),l==="success"&&F.createElement(Vn,null,h()))}i($c,"TokenList");function Zi(t){let{type:e}=t,o=Uh(),n=yt(),{fromBlockchain:r,toBlockchain:s,setFromToken:a,setToToken:l,setFromBlockchain:p,setToBlockchain:c}=O(),u=z.use.getBalanceFor(),[m,g]=Oh(""),{isTokenPinned:f}=d(),S=(e==="source"?r:s)?.name??"",h=d().blockchains({type:e}),A=d().tokens({type:e,blockchain:S,searchFor:m}),w=Us(A,u,i(v=>f(v,e),"checkIsTokenPinned")),b=i(v=>{e==="source"?p(v):c(v)},"updateBlockchain"),C=i(v=>{e==="source"?a({token:v,meta:{blockchains:h,tokens:A}}):l({token:v,meta:{blockchains:h,tokens:A}})},"updateToken");return Kt.createElement(X,{header:{title:Mc.t("Swap {type}",{type:e})}},Kt.createElement(Ui,{blockchains:h,type:e=="source"?"from":"to",blockchain:e==="source"?r:s,onMoreClick:()=>o(M.blockchains),onChange:v=>{b(v)}}),Kt.createElement(_c,{size:24}),Kt.createElement(pt,{value:m,autoFocus:!0,placeholder:Mc.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>g(""),onChange:v=>g(v.target.value)}),Kt.createElement(_c,{size:16}),Kt.createElement($c,{list:w,selectedBlockchain:S,searchedFor:m,type:e,onChange:v=>{C(v);let E=h.find(y=>v.blockchain===y.name);E&&b(E),n()}}))}i(Zi,"SelectSwapItemsPage");import{i18n as Bt}from"@lingui/core";import{ChevronRightIcon as ts,Divider as os,InfoIcon as Xh,List as Kh,ListItemButton as Yh,Skeleton as Jh,Switch as Zh,Tooltip as Rh,Typography as Lt}from"@rango-dev/ui";import V from"react";import{useNavigate as ey}from"react-router-dom";import{i18n as zc}from"@lingui/core";import{Divider as Hh,InfoIcon as Qh,TextField as Vh,Tooltip as jh,Typography as Gc}from"@rango-dev/ui";import We from"react";import{Chip as qh,styled as wo,TextField as zh}from"@rango-dev/ui";var Dc=wo("div",{paddingTop:"$5",padding:"$10 $5"}),Fc=wo("div",{display:"flex",flexWrap:"wrap",gap:"$10",[`& ${zh}`]:{flex:"1 1 0",maxWidth:"127px",minWidth:"85px"}}),Oc=wo("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),Kn=wo("div",{maxWidth:"280px",padding:"$10"}),Uc=wo(qh,{width:"61px",flexShrink:0});import{i18n as Ri}from"@lingui/core";import{Typography as Gh}from"@rango-dev/ui";import xo from"react";function qc(){return xo.createElement(Kn,null,xo.createElement(Gh,{variant:"label",size:"medium",color:"neutral700"},Ri.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),xo.createElement("br",null),xo.createElement("br",null),xo.createElement("b",null,Ri.t("Warning")),":",Ri.t("This setting is applied per step, e.g. 1Inch, Thorchain, etc. and only that step will be reverted, not the whole transaction")))}i(qc,"SlippageTooltipContent");function es(){let{slippage:t,setSlippage:e,customSlippage:o,setCustomSlippage:n}=d();return We.createElement(Dc,null,We.createElement(Oc,null,We.createElement(Gc,{variant:"title",size:"xmedium"},zc.t("Slippage tolerance per swap")),We.createElement(Hh,{direction:"horizontal",size:4}),We.createElement(jh,{container:j(),side:"top",sideOffset:4,content:We.createElement(qc,null)},We.createElement(Qh,{color:"gray"}))),We.createElement(Fc,null,Vs.map((r,s)=>{let a=`slippage-${s}`;return We.createElement(We.Fragment,null,We.createElement(Uc,{key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`}))}),We.createElement(Vh,{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>=Ys&&s<=Ks)&&n(s)},suffix:o&&We.createElement(Gc,{variant:"body",size:"small"},"%"),placeholder:zc.t("Custom")})))}i(es,"Slippage");function Hc(){let t=ey(),{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),c=d().infiniteApprove,u=d().toggleInfiniteApprove,m=$o(n,r),g=m.filter(y=>y.type==="BRIDGE"||y.type==="AGGREGATOR"),f=g.length,k=g.filter(y=>y.selected).length,S=m.filter(y=>y.type==="DEX"),h=S.length,A=S.filter(y=>y.selected).length,T=i((y,P)=>{switch(o){case"loading":return V.createElement(Jh,{variant:"text",size:"medium",width:50});case"failed":return V.createElement(Lt,{variant:"body",size:"medium",color:"$error500"},Bt.t("Loading failed"));default:return V.createElement(Lt,{variant:"body",size:"medium"},`${y} / ${P}`)}},"handleEndItem"),w={id:"bridge-item",title:V.createElement(Lt,{variant:"title",size:"xmedium"},Bt.t("Enabled bridges")),end:V.createElement(V.Fragment,null,T(k,f),V.createElement(os,{direction:"horizontal",size:8}),V.createElement(ts,{color:"black"})),onClick:()=>t(M.bridges)},b={id:"exchange-item",title:V.createElement(Lt,{variant:"title",size:"xmedium"},Bt.t("Enabled exchanges")),end:V.createElement(V.Fragment,null,T(A,h),V.createElement(os,{direction:"horizontal",size:8}),V.createElement(ts,{color:"gray"})),onClick:()=>t(M.exchanges)},C={id:"theme-item",title:V.createElement(Lt,{variant:"title",size:"xmedium"},Bt.t("Theme")),end:V.createElement(ts,{color:"gray"}),onClick:()=>t(M.themes)},v={id:"infinite-approval-item",title:V.createElement(V.Fragment,null,V.createElement(Lt,{variant:"title",size:"xmedium"},Bt.t("Infinite approval")),V.createElement(os,{direction:"horizontal",size:4}),V.createElement(Rh,{side:"top",sideOffset:4,container:j(),content:V.createElement(Kn,null,V.createElement(Lt,{variant:"label",size:"medium",color:"neutral700"},Bt.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(Xh,{color:"gray"}))),end:V.createElement(Zh,{checked:c}),onClick:u},E=l?[]:[w,b];return!e?.singleTheme&&!a&&E.push(C),E.push(v),V.createElement(X,{header:{title:Bt.t("Settings")}},V.createElement(ct,null,V.createElement(es,null),V.createElement(Kh,{type:V.createElement(Yh,{title:"_",id:"_",onClick:()=>console.log()}),items:E})))}i(Hc,"SettingsPage");import{cancelSwap as Xy}from"@rango-dev/queue-manager-rango-preset";import{useManager as Ky}from"@rango-dev/queue-manager-react";import wu from"react";import{i18n as mt}from"@lingui/core";import{getCurrentBlockchainOfOrNull as Wy,getCurrentStep as Ny,getRelatedWalletOrNull as By}from"@rango-dev/queue-manager-rango-preset";import{Button as gu,CopyIcon as Ly,Divider as Py,IconButton as $y,QuoteCost as My,StepDetails as _y,Typography as Zt,useCopyToClipboard as Dy}from"@rango-dev/ui";import{useWallets as Fy}from"@rango-dev/wallets-react";import{PendingSwapNetworkStatus as ar}from"rango-types";import K,{useEffect as hu,useRef as Oy,useState as yu}from"react";import{useNavigate as Uy}from"react-router-dom";import{i18n as xe}from"@lingui/core";var ty=1e3,oy=31536e3,ny=2592e3,ry=86400,iy=3600,sy=60;function Qc(t){let e=Math.floor((Date.now()-t)/ty),n=[{turningPoint:oy,label:xe.t("year"),pluralLabel:xe.t("years")},{turningPoint:ny,label:xe.t("month"),pluralLabel:xe.t("months")},{turningPoint:ry,label:xe.t("day"),pluralLabel:xe.t("days")},{turningPoint:iy,label:xe.t("hour"),pluralLabel:xe.t("hours")},{turningPoint:sy,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(Qc,"timeSince");function Vc(t){return t.finishTime?xe.t({id:"{time} ago",values:{time:Qc(parseInt(t.finishTime))}}):xe.t({id:"{time} ago",values:{time:Qc(parseInt(t.creationTime))}})}i(Vc,"getSwapDate");import{Modal as dy}from"@rango-dev/ui";import{PendingSwapNetworkStatus as Zn}from"rango-types";import Rn from"react";import{i18n as Yn}from"@lingui/core";import{Button as jc,Divider as ns,MessageBox as ay,Typography as Xc}from"@rango-dev/ui";import nt from"react";var Kc=i(({onCancel:t,onClose:e})=>nt.createElement(nt.Fragment,null,nt.createElement(ns,{size:20}),nt.createElement(ay,{type:"error",title:Yn.t("Cancel Swap"),description:Yn.t("Are you sure you want to cancel this swap?")}),nt.createElement(ns,{size:32}),nt.createElement(jc,{variant:"contained",type:"primary",size:"large",onClick:t},nt.createElement(Xc,{variant:"title",size:"medium",color:"neutral100"},Yn.t("Yes, Cancel it"))),nt.createElement(ns,{size:12}),nt.createElement(jc,{variant:"outlined",type:"primary",size:"large",onClick:e},nt.createElement(Xc,{variant:"title",size:"medium",color:"primary"},Yn.t("No, Continue")))),"CancelContent");import{i18n as Jn}from"@lingui/core";import{Button as Yc,Divider as rs,MessageBox as ly,Typography as Jc}from"@rango-dev/ui";import rt from"react";var Zc=i(({onDelete:t,onClose:e})=>rt.createElement(rt.Fragment,null,rt.createElement(rs,{size:20}),rt.createElement(ly,{type:"error",title:Jn.t("Delete Transaction"),description:Jn.t("Are you sure you want to delete this swap?")}),rt.createElement(rs,{size:32}),rt.createElement(Yc,{variant:"contained",type:"primary",size:"large",onClick:t},rt.createElement(Jc,{variant:"title",size:"medium",color:"neutral100"},Jn.t("Yes, Delete it"))),rt.createElement(rs,{size:12}),rt.createElement(Yc,{variant:"outlined",type:"primary",size:"large",onClick:e},rt.createElement(Jc,{variant:"title",size:"medium",color:"primary"},Jn.t("No, Cancel")))),"DeleteContent");import{i18n as is}from"@lingui/core";import{PendingSwapNetworkStatus as ss}from"rango-types";var as={[ss.WaitingForNetworkChange]:{type:"loading",title:is.t("Change Network")},[ss.WaitingForConnectingWallet]:{type:"warning",title:is.t("Connect Wallet")},[ss.NetworkChanged]:{type:"success",title:is.t("Network Changed")}};import{MessageBox as cy,Wallet as uy}from"@rango-dev/ui";import{useWallets as my}from"@rango-dev/wallets-react";import vo from"react";import{styled as py}from"@rango-dev/ui";var Rc=py("div",{display:"flex",justifyContent:"center"});var eu=i(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:s}=t,{connect:a,getWalletInfo:l,state:p}=my(),c=n?.walletType,u=c?Cr(p(c)):null,m=c?l(c):null;return vo.createElement(vo.Fragment,null,vo.createElement(cy,{type:e,title:o,description:r}),s&&!!c&&!!u&&!!m&&vo.createElement(Rc,null,vo.createElement(uy,{container:j(),title:m.name,image:m.img,type:c,state:u,link:m.installLink,onClick:async()=>a(c)})))},"WalletStateContent");function ls(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:s,message:a}=t,l=e===Zn.WaitingForNetworkChange||e===Zn.WaitingForConnectingWallet||e===Zn.NetworkChanged;return Rn.createElement(dy,{open:!!e,onClose:o,container:document.getElementById(Se)||document.body},l&&Rn.createElement(eu,{type:as[e].type,title:as[e].title,currentStepWallet:s,message:a,showWalletButton:e!==Zn.WaitingForNetworkChange}),e==="delete"&&Rn.createElement(Zc,{onClose:o,onDelete:n}),e==="cancel"&&Rn.createElement(Kc,{onClose:o,onCancel:r}))}i(ls,"SwapDetailsModal");import{i18n as Ao}from"@lingui/core";import{Button as ps,Divider as er,MessageBox as tu,Modal as fy,TokenAmount as gy,Typography as tr}from"@rango-dev/ui";import ue from"react";import{useNavigate as hy}from"react-router-dom";function cs(t){let{open:e,onClose:o,status:n,priceValue:r,usdValue:s,token:a,chain:l,percentageChange:p,description:c,diagnosisUrl:u}=t,m=hy();return ue.createElement(fy,{open:e,onClose:o,container:document.getElementById(Se)||document.body},n==="success"?ue.createElement(tu,{type:"success",title:Ao.t("Swap Successful")},ue.createElement(gy,{direction:"vertical",type:"output",centerAlign:!0,price:{value:r,usdValue:s},token:a,chain:l,percentageChange:p}),ue.createElement(er,{size:12}),ue.createElement(tr,{variant:"body",size:"medium",color:"neutral700",align:"center"},c)):ue.createElement(tu,{type:"error",title:Ao.t("Transaction Failed"),description:c}),ue.createElement(er,{size:32}),n==="success"&&ue.createElement(ps,{variant:"contained",type:"primary",size:"large",onClick:()=>{m("../../")}},ue.createElement(tr,{variant:"title",size:"medium",color:"neutral100"},Ao.t("Done"))),ue.createElement(er,{size:12}),u&&ue.createElement(ue.Fragment,null,ue.createElement(ps,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(u,"_blank")},ue.createElement(tr,{variant:"title",size:"medium",color:"primary"},Ao.t("Diagnosis"))),ue.createElement(er,{size:12})),ue.createElement(ps,{variant:"outlined",type:"primary",size:"large",onClick:o},ue.createElement(tr,{variant:"title",size:"medium",color:"primary"},Ao.t("See Details"))))}i(cs,"SwapDetailsCompleteModal");import Ey from"react";import{i18n as xy}from"@lingui/core";import{Alert as au,IconButton as vy,LinkIcon as Ay}from"@rango-dev/ui";import wt,{Fragment as by}from"react";import{Alert as yy,ChevronDownIcon as Sy,ChevronUpIcon as Cy,IconButton as ky}from"@rango-dev/ui";import or,{useState as Ty}from"react";function ou(t){let{message:e}=t,[o,n]=Ty(!1);return or.createElement(yy,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&or.createElement(ky,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?or.createElement(Cy,{size:12,color:"gray"}):or.createElement(Sy,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}i(ou,"FailedAlert");import{styled as wy}from"@rango-dev/ui";var nu=wy("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as ru}from"@lingui/core";import{Alert as us,Button as iu}from"@rango-dev/ui";import{PendingSwapNetworkStatus as ms}from"rango-types";import bo from"react";function su(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?bo.createElement(us,{type:"warning",title:n.shortMessage,action:bo.createElement(iu,{size:"xxsmall",type:"warning",onClick:()=>{o(ms.WaitingForNetworkChange),e().catch(s=>{console.log(s)})}},ru.t("Change"))}):r===ms.WaitingForConnectingWallet?bo.createElement(us,{type:"warning",title:n.shortMessage,action:bo.createElement(iu,{size:"xxsmall",type:"warning",onClick:()=>{o(ms.WaitingForConnectingWallet)}},ru.t("Connect"))}):bo.createElement(us,{type:"warning",title:n.shortMessage})}i(su,"WarningAlert");function ds(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:s,hasAlreadyProceededToSign:a}=t,l=oo(s),p=s.status==="waitingForApproval"&&!l,c=s.status==="running"&&!l;return wt.createElement(nu,null,s.explorerUrl?.map((u,m,g)=>{let f=m+u.url,k=m===g.length-1,S=k&&c||p,h=k&&s.status==="failed";return wt.createElement(by,{key:f},wt.createElement(au,{type:S&&"loading"||h&&"error"||"success",title:u.description?`${u.description} Tx`:xy.t("View transaction"),action:u.url&&wt.createElement(vy,{variant:"ghost",size:"xsmall",onClick:()=>window.open(u.url,"_blank")},wt.createElement(Ay,{size:16}))}))}),(c&&!a||p&&!s.explorerUrl?.length)&&wt.createElement(au,{type:"loading",title:r.shortMessage}),s.status!=="failed"&&l&&wt.createElement(su,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),s.status==="failed"&&wt.createElement(ou,{message:r}))}i(ds,"SwapDetailsAlerts");var lu=2e3;var pu=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:W(a,6,6)}},to:{token:{displayName:r.toSymbol,image:r.toLogo},chain:{displayName:Ye(r.toBlockchain,e)??"",image:r.toBlockchainLogo??""},price:{value:W(r.outputAmount||r.expectedOutputAmountHumanReadable,6,6)}},swapper:{displayName:r.swapperId,image:r.swapperLogo??""},alerts:Ey.createElement(ds,{step:r,hasAlreadyProceededToSign:n,...o})}})},"getSteps");function cu(t){if(oo(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(cu,"getStepState");import{css as nr,darkTheme as Iy,styled as Yt}from"@rango-dev/ui";var rr=Yt("div",{display:"flex",width:"100%",flexDirection:"column",alignItems:"center",height:"0",flexGrow:1}),ir=Yt("div",{width:"100%"}),uu=Yt("div",{padding:"$0 $20 $20 $20",width:"100%",overflow:"auto"}),jP=Yt("div",{display:"flex",flexDirection:"column",gap:"$10"}),mu=Yt("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),XP=Yt("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1}),Jt=nr({display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",padding:"$10 $20",borderBottom:"1px solid",$$color:"$colors$neutral300",[`.${Iy} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color",color:"$neutral500"}),sr=nr({display:"flex",justifyContent:"center",alignItems:"center",height:"$24"}),du=nr({display:"flex",width:"100%",padding:"$15 $20 $20",flexDirection:"column",alignItems:"start"}),fu=nr({width:"100%",padding:"0 $20 $10"});function fs(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:s,connect:a,getWalletInfo:l}=Fy(),p=d().blockchains(),c=d().tokens(),u=O.use.retry(),m=Uy(),[g,f]=Dy(lu),k=Oy(null),[S,h]=yu(null),[A,T]=yu(null),w=i(()=>{r(),h(null)},"onCancel"),b=Pe.use.getUnreadNotifications(),C=Pe.use.setAsRead(),v=b(),E=Ny(e),y=E?.networkStatus;hu(()=>{v.find(ie=>ie.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(T(e.status),C(e.requestId))},[e.status]),hu(()=>{G?h(ar.WaitingForNetworkChange):y===ar.WaitingForConnectingWallet||y===ar.NetworkChanged?h(y):h(null)},[y]);let P=fa(e),$=E?Wy(e,E):null,B=E?By(e,E):null,x=Vc(e),_=ga(e),I=i(U=>!!l(U)?.mobileWallet,"isMobileWallet"),G=y===ar.WaitingForNetworkChange&&!!$&&!!B?.walletType&&(I(B.walletType)||s(B.walletType,$)),J=G?a.bind(null,B.walletType,$):void 0,te=da(e,E),H=pu({swap:e,switchNetwork:J,showNetworkModal:y,setNetworkModal:h,message:te,blockchains:p}),re=H.length,[he,ye]=[e.steps[0],e.steps[re-1]],De=ye.outputAmount||ye.expectedOutputAmountHumanReadable,Pt=e.steps.reduce((U,ie)=>U+parseFloat(ie.feeInUsd||""),0),eo=e.steps.find(U=>U.diagnosisUrl)?.diagnosisUrl,it=W(parseFloat(W(De,6,6))*(ye.toUsdPrice||0),4,4),Ve=W(parseFloat(e.inputAmount)*(he.fromUsdPrice||0),4,4),D=Le(Ve,it),Y=e.status==="success"?mt.t({id:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:W(De,6,6),token:H[re-1].to.token.displayName,conciseAddress:Qo(e.wallets[H[re-1].to.chain.displayName]?.address||""),chain:H[re-1].to.chain.displayName}}):`${mt.t("Transaction was not sent.")} ${P?mt.t({id:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:P.outputAmount,symbol:P.symbol,blockchain:P.blockchain}}):""}`;return K.createElement(X,{noPadding:!0,header:{title:mt.t("Swap and Bridge"),onCancel:e.status==="running"?()=>h("cancel"):void 0,suffix:e.status!=="running"&&K.createElement(qt,null,K.createElement(gu,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>h("delete")},K.createElement(Zt,{size:"medium",variant:"label",color:"error"},mt.t("Delete"))))},footer:_&&!A&&K.createElement(gu,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{u(e,{blockchains:p,tokens:c}),setTimeout(()=>{m("../../")},0)}},mt.t("Try again"))},K.createElement(rr,null,K.createElement(ir,null,K.createElement("div",{className:Jt()},K.createElement(Zt,{variant:"label",size:"large",color:"neutral700"},`${mt.t("Request ID")}:`),K.createElement("div",{className:sr()},K.createElement(Zt,{variant:"label",size:"small",color:"neutral700"},o),K.createElement($y,{variant:"ghost",onClick:f.bind(null,o||"")},K.createElement(Ly,{size:16,color:"gray"})))),K.createElement("div",{className:Jt()},K.createElement(Zt,{variant:"label",size:"large",color:"neutral700"},`${mt.t("Created at")}:`),K.createElement(Zt,{variant:"label",size:"small",color:"neutral700"},x))),K.createElement("div",{className:du()},K.createElement(My,{fee:W(String(Pt),2,2),time:_o(Do(e.steps)),steps:re}),K.createElement(ao,{from:{price:{value:W(e.inputAmount,6,6),usdValue:Ve},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:W(De,6,6),usdValue:it},token:{displayName:H[re-1].to.token.displayName,image:H[re-1].to.token.image},chain:{image:H[re-1].to.chain.image,displayName:H[re-1].to.chain.displayName}},percentageChange:W(D,2,2),warningLevel:st(D??0)})),K.createElement("div",{className:fu()},K.createElement(Zt,{variant:"title",size:"small"},mt.t("Swaps steps"))),K.createElement(Py,{size:8}),K.createElement(uu,{ref:k},H.map((U,ie)=>{let je=ie,be=cu(e.steps[ie]),mr=be==="error"||be==="in-progress"||be==="warning"||be==="completed"&&ie===H.length-1;return K.createElement(_y,{key:je,step:U,type:"swap-progress",ref:k,state:be,hasSeparator:ie!==0,tabIndex:je,isFocused:mr})}))),K.createElement(ls,{state:S,onClose:()=>h(null),onCancel:w,onDelete:n,message:te.detailedMessage.content,currentStepWallet:B}),K.createElement(cs,{open:!!A,diagnosisUrl:eo,onClose:()=>T(null),status:e.status==="success"?"success":"failed",priceValue:W(De,6,6),usdValue:it,percentageChange:W(D,2,2),token:{displayName:H[re-1].to.token.displayName,image:H[re-1].to.token.image},chain:{image:H[re-1].to.chain.image},description:Y}))}i(fs,"SwapDetails");import{i18n as Io}from"@lingui/core";import{CopyIcon as Qy,IconButton as Vy,NotFound as jy,Skeleton as ku,Typography as pr}from"@rango-dev/ui";import pe from"react";import{i18n as qy}from"@lingui/core";import{Divider as zy,Skeleton as Gy,Typography as Hy}from"@rango-dev/ui";import se from"react";import{css as Qe,styled as gs}from"@rango-dev/ui";var Su=gs("div",{width:"100%",height:"100%",padding:"$10 $20"}),Eo=gs("div",{backgroundColor:"$neutral100",borderRadius:"$xm",padding:"$10 $15"}),lr=gs("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"}),x$=Qe({display:"flex",justifyContent:"space-between",alignItems:"center"}),v$=Qe({display:"flex",justifyContent:"space-between",alignItems:"center"}),A$=Qe({paddingTop:"$15",display:"flex"}),b$=Qe({padding:"$15 $0"}),E$=Qe({width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"}),I$=Qe({paddingBottom:"$10"}),W$=Qe({display:"flex",justifyContent:"start",alignItems:"center"}),N$=Qe({paddingTop:"$5",display:"flex",alignItems:"center"}),B$=Qe({display:"flex",alignItems:"center"}),L$=Qe({padding:"$4 $6",display:"flex",justifyContent:"center",alignItems:"center"}),Cu=Qe({display:"flex",paddingTop:"$10",paddingBottom:"$5"});function hs(){return se.createElement(Su,null,se.createElement(uo,{type:"swap-preview"}),se.createElement("div",{className:"swaps-steps"},se.createElement(Hy,{variant:"title",size:"small"},qy.t("Swaps steps"))),se.createElement(se.Fragment,null,se.createElement(Eo,null,se.createElement(tt,{separator:!1}),se.createElement("div",{className:Cu()},se.createElement(zy,{direction:"horizontal",size:20}),se.createElement(Gy,{height:22,variant:"rectangular"}))),se.createElement(lr,null),se.createElement(Eo,null,se.createElement(tt,{separator:!1})),se.createElement(lr,null),se.createElement(Eo,null,se.createElement(tt,{separator:!1})),se.createElement(lr,null),se.createElement(Eo,null,se.createElement(tt,{separator:!1}))))}i(hs,"LoadingSwapDetails");function Tu(t){let{requestId:e,showSkeleton:o}=t;return pe.createElement(X,{noPadding:!0,header:{title:Io.t("Swap and Bridge"),suffix:pe.createElement(qt,null)}},o&&pe.createElement(rr,null,pe.createElement(ir,null,pe.createElement("div",{className:Jt()},pe.createElement(pr,{variant:"label",size:"large",color:"neutral700"},`${Io.t("Request ID")}:`),pe.createElement("div",{className:sr()},pe.createElement(pr,{variant:"label",size:"small",color:"neutral700"},pe.createElement(ku,{width:60,height:10,variant:"rounded"})),pe.createElement(Vy,{variant:"ghost"},pe.createElement(Qy,{size:16,color:"gray"})))),pe.createElement("div",{className:Jt()},pe.createElement(pr,{variant:"label",size:"large",color:"neutral700"},`${Io.t("Created at")}:`),pe.createElement(pr,{variant:"label",size:"small",color:"neutral700"},pe.createElement(ku,{width:60,height:10,variant:"rounded"})))),pe.createElement(hs,null)),!o&&pe.createElement(mu,null,pe.createElement(jy,{title:Io.t("Not found"),description:Io.t({id:"Swap with request ID = {requestId} not found.",values:{requestId:e}})})))}i(Tu,"SwapDetailsPlaceholder");function xu(){let{manager:t,state:e}=Ky(),o=!e.loadedFromPersistor,n=Qt(t),r=we.use.selectedSwapRequestId(),s=yt(),{fetchStatus:a}=d(),l=o||a==="loading",p=n.find(({swap:g})=>g.requestId===r),c=i(()=>{if(p?.id){let g=t?.get(p.id);g&&Xy(g)}},"onCancel"),u=i(async()=>{if(p?.id)try{t?.deleteQueue(p.id),s()}catch(g){console.log(g)}},"onDelete"),m=p?.swap;return!m||l?wu.createElement(Tu,{requestId:r||"",showSkeleton:l}):wu.createElement(fs,{swap:m,requestId:r||"",onCancel:c,onDelete:u})}i(xu,"SwapDetailsPage");import{i18n as Wo}from"@lingui/core";import{AutoThemeIcon as Yy,DarkModeIcon as Jy,LightModeIcon as Zy,List as Ry,ListItemButton as eS,Radio as ys,RadioRoot as tS,Typography as Ss}from"@rango-dev/ui";import ve from"react";function vu(){let{setTheme:t,theme:e}=d(),o=[{id:"light",value:"light",title:ve.createElement(Ss,{variant:"title",size:"xmedium"},Wo.t("Light")),onClick:()=>t("light"),start:ve.createElement(Zy,{color:"gray"}),end:ve.createElement(ys,{value:"light"})},{id:"dark",value:"dark",title:ve.createElement(Ss,{variant:"title",size:"xmedium"},Wo.t("Dark")),onClick:()=>t("dark"),start:ve.createElement(Jy,{color:"gray"}),end:ve.createElement(ys,{value:"dark"})},{id:"auto",value:"auto",title:ve.createElement(Ss,{variant:"title",size:"xmedium"},Wo.t("Auto")),onClick:()=>t("auto"),start:ve.createElement(Yy,{color:"gray"}),end:ve.createElement(ys,{value:"auto"})}];return ve.createElement(X,{header:{title:Wo.t("Theme")}},ve.createElement(ct,null,ve.createElement(tS,{onValueChange:n=>t(n),value:e},ve.createElement(Ry,{type:ve.createElement(eS,{title:Wo.t("Theme"),id:"_",onClick:()=>console.log()}),items:o}))))}i(vu,"ThemePage");function Au(){return oS([{path:M.home,element:Ae.createElement(oc,null)},{path:M.fromSwap,children:[{index:!0,element:Ae.createElement(Zi,{type:"source"})},{path:M.blockchains,element:Ae.createElement(Mi,{type:"source"})}]},{path:M.toSwap,children:[{index:!0,element:Ae.createElement(Zi,{type:"destination"})},{path:M.blockchains,element:Ae.createElement(Mi,{type:"destination"})}]},{path:M.settings,children:[{index:!0,element:Ae.createElement(Hc,null)},{path:M.themes,element:Ae.createElement(vu,null)},{path:M.languages,element:Ae.createElement(rc,null)},{path:M.exchanges,element:Ae.createElement(Ni,{sourceType:"Exchanges"})},{path:M.bridges,element:Ae.createElement(Ni,{sourceType:"Bridges"})}]},{path:M.swaps,children:[{index:!0,element:Ae.createElement(Jp,null)},{path:M.swapDetails,element:Ae.createElement(xu,null)}]},{path:M.wallets,element:Ae.createElement(Sl,null)},{path:M.confirmSwap,element:Ae.createElement(qp,null)}])}i(Au,"AppRoutes");import{isApprovalTX as nS,MainEvents as Eu,RouteEventType as Iu,StepEventType as Rt,StepExecutionEventStatus as rS,useEvents as iS}from"@rango-dev/queue-manager-rango-preset";import{useEffect as Wu}from"react";import{StepExecutionBlockedEventStatus as Cs}from"@rango-dev/queue-manager-rango-preset";var bu=[Cs.WAITING_FOR_CHANGE_WALLET_ACCOUNT,Cs.WAITING_FOR_NETWORK_CHANGE,Cs.WAITING_FOR_WALLET_CONNECT];function Nu(){let t=d().tokens(),e=z.use.connectedWallets(),o=z.use.getWalletsDetails(),n=Pe.use.setNotification(),r=Pe.use.setAsRead(),s=iS();return Wu(()=>(s.on(Eu.StepEvent,a=>{let{event:l,step:p,route:c}=a;if(l.type===Rt.TX_EXECUTION&&l.status===rS.TX_SENT&&!nS(p)||l.type===Rt.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===Rt.TX_EXECUTION_BLOCKED&&bu.includes(l.status)||l.type===Rt.FAILED?n(l,c):(l.type===Rt.TX_EXECUTION||l.type===Rt.CHECK_STATUS)&&r(c.requestId)}),()=>s.all.clear()),[s,e.length]),Wu(()=>(s.on(Eu.RouteEvent,a=>{let{event:l,route:p}=a;(l.type===Iu.FAILED||l.type===Iu.SUCCEEDED)&&n(l,p)}),()=>s.all.clear()),[s,e.length]),null}i(Nu,"WidgetEvents");import{globalCss as sS}from"@rango-dev/ui";var Bu=i(()=>sS({"@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{styled as aS}from"@rango-dev/ui";var Lu=aS("div",{display:"flex",justifyContent:"center",alignItems:"center",fontFamily:"$widget",boxSizing:"border-box","& *, *::before, *::after":{boxSizing:"inherit"},"& *:focus-visible":{outlineColor:"$info500",transition:"none"},"& ul, ol, li":{listStyleType:"none"}});function cr(){Bu();let{config:t}=d(),{activeTheme:e}=hn(t?.theme||{}),{activeLanguage:o,changeLanguage:n}=qn(),[r,s]=$u(""),[a,l]=$u(),p=pS(an);return Pu(()=>{Pe.persist.rehydrate(),p.onConnectWallet(s)},[]),Pu(()=>{n(t?.language)},[t?.language]),No.createElement(lS,{language:o},No.createElement(Lu,{id:"swap-container",className:e()},No.createElement(Nu,null),No.createElement(Wa,{lastConnectedWallet:r,disconnectedWallet:a,clearDisconnectedWallet:()=>{l(void 0)}},No.createElement(Au,null))))}i(cr,"Main");import Ts,{useMemo as ES}from"react";import{checkWaitingForNetworkChange as cS,makeQueueDefinition as uS}from"@rango-dev/queue-manager-rango-preset";import{Provider as mS}from"@rango-dev/queue-manager-react";import{useWallets as dS}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as fS}from"@rango-dev/wallets-shared";import{isEvmBlockchain as gS}from"rango-types";import hS,{useMemo as yS}from"react";function SS(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:s,getWalletInfo:a}=dS(),l=yS(()=>uS({API_KEY:t.apiKey||$t("API_KEY"),BASE_URL:$t("BASE_URL")}),[t.apiKey]),p=d().blockchains(),u={blockchains:z.use.connectedWallets().map(T=>({accounts:[T],name:T.chain}))},m=i(async(T,w)=>{if(s(T,w))return r(T,w)},"switchNetwork"),g=i(T=>!!a(T).mobileWallet,"isMobileWallet"),f=p.filter(T=>T.enabled).reduce((T,w)=>(T[w.name]=w,T),{}),k=p.filter(gS),S=i(T=>{let{supportedChains:w}=a(T);return qo(w)},"getSupportedChainNames"),h=e(),A={meta:{blockchains:f,evmBasedChains:k,evmNetworkChainInfo:fS(k),getSupportedChainNames:S},getSigners:o,wallets:u,providers:h,switchNetwork:m,canSwitchNetworkTo:s,connect:r,state:n,isMobileWallet:g};return hS.createElement(mS,{queuesDefs:[l],context:A,onPersistedDataLoaded:T=>{cS(T)},isPaused:!1},t.children)}i(SS,"QueueManager");var Mu=SS;import{useManager as xS}from"@rango-dev/queue-manager-react";import vS,{createContext as AS,useContext as bS}from"react";import{cancelSwap as CS,getCurrentBlockchainOfOrNull as kS,getCurrentStep as TS,getRelatedWalletOrNull as wS}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&&CS(o)}getCurrentStepInfo(e){let o=TS(e);return{step:o,wallet:o?wS(e,o):null,network:o?kS(e,o):null}}};i(Bo,"WidgetHistory");var _u=AS(void 0);function ks(t){let{manager:e}=xS(),o=O.use.retry(),n=new Bo(e,{retrySwap:o}),r=z.use.connectedWallets(),s=z.use.loading(),a=Os(r),l=z.use.getWalletsDetails(),p=d().blockchains(),c=d().tokens(),u=d().swappers(),m=d().fetchStatus,g={history:n,wallets:{isLoading:s,details:r,totalBalance:a,refetch:l},meta:{blockchains:p,tokens:c,swappers:u,loadingStatus:m}};return vS.createElement(_u.Provider,{value:g},t.children)}i(ks,"WidgetInfo");function Du(){let t=bS(_u);if(!t)throw new Error("useWidget can only be used within the WidgetProvider component");return t}i(Du,"useWidget");function ur(t){let{onUpdateState:e,config:o}=t;return ES(()=>{As({API_KEY:o?.apiKey||Lo,BASE_URL:o?.apiUrl||vs})},[o]),Ts.createElement(ln,{config:o,onUpdateState:e},Ts.createElement(Mu,{apiKey:o.apiKey},Ts.createElement(ks,null,t.children)))}i(ur,"WidgetProvider");function Fu(t){return t.config?.externalWallets?ws.createElement(cr,null):ws.createElement(ur,{config:t.config??fr},ws.createElement(cr,null))}i(Fu,"Widget");export{oD as MainEvents,mD as Networks,gD as PendingSwapNetworkStatus,nD as RouteEventType,rD as StepEventType,iD as StepExecutionBlockedEventStatus,sD as StepExecutionEventStatus,cD as WalletEvents,dD as WalletTypes,Fu as Widget,ur as WidgetProvider,ln as WidgetWallets,Fr as customizedThemeTokens,pD as readAccountAddress,bl as useWallets,Du as useWidget,aD as useWidgetEvents};
1
+ var Jc=Object.defineProperty;var i=(t,e)=>Jc(t,"name",{value:e,configurable:!0});import{MainEvents as MD,RouteEventType as $D,StepEventType as _D,StepExecutionBlockedEventStatus as DD,StepExecutionEventStatus as FD,useEvents as OD}from"@rango-dev/queue-manager-rango-preset";import{readAccountAddress as qD,useWallets as Fl,Events as zD}from"@rango-dev/wallets-react";import{Networks as HD,WalletTypes as QD}from"@rango-dev/wallets-shared";import{PendingSwapNetworkStatus as jD}from"rango-types";import{Events as Dr,Provider as Pm}from"@rango-dev/wallets-react";import{isEvmBlockchain as Mm}from"rango-sdk";import pn,{createContext as $m,useEffect as Fr,useRef as _m,useState as Dm}from"react";import{useEffect as sn,useLayoutEffect as La,useRef as an}from"react";import hm,{createContext as ym,useContext as Sm,useEffect as Cm,useRef as km}from"react";import{create as fm}from"zustand";import{persist as gm}from"zustand/middleware";var Sr={apiKey:"",multiWallets:!0,enableNewLiquiditySources:!0,customDestination:!0},Ls=i((t,e,o)=>({config:{...Sr,...t},updateConfig:n=>{let r=o().config;e({config:{...r,...n}})}}),"createConfigSlice");import{RangoClient as pm}from"rango-sdk";var Do="c6381a79-2817-4602-83bf-6a641a409e32",Ps="https://api.rango.exchange",Te="rango-swap-box";import{WalletState as Ke}from"@rango-dev/ui";import{readAccountAddress as em}from"@rango-dev/wallets-react";import{detectInstallLink as tm,getCosmosExperimentalChainInfo as om,isEvmAddress as nm,KEPLR_COMPATIBLE_WALLETS as tC,Networks as Ds}from"@rango-dev/wallets-shared";import Cr from"bignumber.js";import{isCosmosBlockchain as rm}from"rango-types";import Zc from"bignumber.js";var We=new Zc(0);import{WalletTypes as Rc}from"@rango-dev/wallets-shared";var Ms=[Rc.LEAP];import{BigNumber as _s}from"bignumber.js";var Fo=i(t=>{let e=(t%60).toString().padStart(2,"0");return`${parseInt((t/60).toString()).toString().padStart(2,"0")}:${e}`},"secondsToString"),I=i((t,e=null,o=null)=>{if(t==null||t==="")return"";let n=new _s(t),r=1,s=1e3;for(let a=0;a<60;a++)if(new _s(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 Oo=i(t=>t?.reduce((e,o)=>e+(o.estimatedTimeInSeconds??0),0)||0,"totalArrivalTime");var Xe=i((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),no=i(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function ie(t){return I(t,12,12).replace(/(?:\.0*|(\.\d+?)0*)$/,"$1")}i(ie,"formatTooltipNumbers");function kr(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(kr,"mapStatusToWalletState");function Fs(t,e,o,n){return o.filter(r=>!Ms.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=kr(t(r));return{title:s,image:a,link:tm(l),state:p,type:r}})}i(Fs,"mapWalletTypesToWalletInfo");function zo(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}i(zo,"walletAndSupportedChainsNames");function Os(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}=em(p),c=l.length>0,h=l.includes(m),f=m===Ds.Unknown;if(c&&!h&&!f)return;let w=m===Ds.Unknown&&nm(u);if(f&&!w)return;o.includes(m)||w?r?a(m,u.toLowerCase()):l.filter(k=>o.includes(k)).forEach(k=>{a(k,u.toLowerCase())}):a(m,u)}),s}i(Os,"prepareAccountsForWalletStore");function Us(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(Us,"getRequiredChains");function Go(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}i(Go,"isAccountAndWalletMatched");function qs(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 Cr(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:sm(o,r.asset.symbol,r.asset.address,e)||null}))||[]}i(qs,"makeBalanceFor");function zs(t){return{...t,loading:!1,error:!0}}i(zs,"resetConnectedWalletState");var Gs=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=I(n?.flatMap(s=>s.accounts)?.flatMap(s=>s?.balances)?.map(s=>new Cr(s?.amount||We).multipliedBy(s?.usdPrice||0))?.reduce((s,a)=>s.plus(a),We)||We).toString();return im(r)},"calculateWalletUsdValue");function im(t){let e=t.toString().split(".");return e[0]=e[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),e.join(".")}i(im,"numberWithThousandSeparator");var sm=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice"),Ho=i((t,e)=>{let o=om(Object.entries(t).map(([,n])=>n).filter(rm));return o&&o[e]?.experimental},"isExperimentalChain");function Qo(t){return t?{...t,amount:I(t.amount,8,8),usdValue:I(t.usdValue,4,4)}:null}i(Qo,"formatBalance");function am(t,e){return t?.usdValue&&e?.usdValue?parseFloat(e.usdValue)-parseFloat(t.usdValue):!t?.usdValue&&e?.usdValue?1:t?.usdValue&&!e?.usdValue?-1:!t?.usdValue&&!e?.usdValue?parseFloat(e?.amount||"0")-parseFloat(t?.amount||"0"):0}i(am,"sortTokensByBalance");function lm(t,e,o){let n=o(t),r=o(e);return n===r?0:n?-1:1}i(lm,"sortTokensByPinnedToken");function Hs(t,e,o){return t.sort((n,r)=>{let s=e(n),a=e(r),l=lm(n,r,o);return l!==0?l:am(s,a)}),t}i(Hs,"sortTokens");function Le(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}i(Le,"tokensAreEqual");function Qs(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(Qs,"sortWalletsBasedOnConnectionState");function Vo(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(Vo,"getConciseAddress");function Vs({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}i(Vs,"getAddress");function Tr(t){return`${t.blockchain}-${t.symbol}-${t.address??""}`}i(Tr,"createTokenHash");function jo(t){return t.flatMap(e=>e.balances).reduce((e,o)=>{let n={amount:o?.amount??"",decimals:o?.decimal??0,usdValue:o?.usdPrice?new Cr(o?.usdPrice??We).multipliedBy(o?.amount).toString():""},r=o?Tr({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(jo,"makeTokensBalance");var js=i((t,e)=>!!t.find(o=>o.chain===e&&o.loading),"isFetchingBalance");var wr={API_KEY:Do};function Dt(t){return wr[t]||""}i(Dt,"getConfig");function Xs(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),wr=e,wr}i(Xs,"initConfig");var Ks=20,Ys=25,Js="Roboto",xr="theme-widget",ro=i((t,e)=>{let o=!1;if(e&&t){if(Array.isArray(e))o=!e.some(n=>Le(n,t));else if(!Array.isArray(e)&&e[t.blockchain]){o=e[t.blockchain].tokens.some(r=>Le(r,t));let n=e[t.blockchain].isExcluded;return!n&&!o||n&&o}}return o},"isTokenExcludedInConfig"),vr=i((t,e)=>t&&e&&!e.includes(t.name),"isBlockchainExcludedInConfig");var Xo,Ft=i(()=>Xo||(Xo=new pm(Dt("API_KEY"),Dt("BASE_URL")),Xo),"httpService");function Ot(t){return Array.from(new Set(t))}i(Ot,"removeDuplicateFrom");function Ar(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}i(Ar,"areEqual");function Zs(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}i(Zs,"debounce");function bt(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}i(bt,"containsText");var O=i(()=>document.getElementById(Te),"getContainer");function Ko(t,e){let o=t.map(s=>s.swapperGroup),n=[];return Ot(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(Ko,"getUniqueSwappersGroups");function Rs(t,e){return t.swapperGroup<e.swapperGroup?-1:t.swapperGroup>e.swapperGroup?1:0}i(Rs,"sortLiquiditySourcesByGroupTitle");function Pe(t,e){return e?.[t]==="hidden"}i(Pe,"isFeatureHidden");function Yo(t,e){return e?.[t]==="enabled"}i(Yo,"isFeatureEnabled");var ea=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&&ro(p,s)||o.blockchain&&p.blockchain!==o.blockchain||!a.some(u=>u.name===p.blockchain)?!1:o.searchFor?!!(bt(p.symbol,o.searchFor)||bt(p.address||"",o.searchFor)||bt(p.name||"",o.searchFor)):!0).sort((p,u)=>e().isTokenPinned(p,o.type)?-1:e().isTokenPinned(u,o.type)||p.isSecondaryCoin?1:u.isSecondaryCoin||!p.address&&u.address?-1:p.address&&!u.address?1:0)},isTokenPinned:(o,n)=>!!(n==="source"?e().config.from?.pinnedTokens:e().config.to?.pinnedTokens)?.some(a=>Le(a,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(Rs)},fetch:async()=>{try{let o=await Ft().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 um,French as cm,Japanese as mm,Spanish as dm}from"@rango-dev/ui";var ta=[{title:"English",label:"English",local:"en",SVGFlag:um},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:dm},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:cm},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:mm}],Ut="en";var oa=[.5,1,3],na=1,ra=5,ia=100,sa=0;var aa=i((t,e)=>({disabledLiquiditySources:[],theme:"auto",language:Ut,preferredBlockchains:[],slippage:na,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=Ot(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=Pe("theme",n),s=Pe("language",n),a=Pe("liquiditySource",n);t({...r&&{theme:"auto"},...s&&{language:Ut},...a&&{disabledLiquiditySources:[]}})}}),"createSettingsSlice");function la(t){return fm()(gm((...e)=>({...ea(...e),...aa(...e),...Ls(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(la,"createAppStore");var pa=ym(null);function d(){let t=Sm(pa);if(Cm(()=>{t&&!t.persist.hasHydrated()&&t.persist.rehydrate()},[]),!t)throw new Error("Missing AppStoreContext.Provider in the tree");return t()}i(d,"useAppStore");function ua(t){let e=km();return e.current||(e.current=la(t.config)),hm.createElement(pa.Provider,{value:e.current},t.children)}i(ua,"AppStoreProvider");import yt from"bignumber.js";import{create as Em}from"zustand";import{subscribeWithSelector as Im}from"zustand/middleware";import{getLastSuccessfulStep as Am}from"@rango-dev/queue-manager-rango-preset";import Mk from"bignumber.js";var ft=(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))(ft||{});function ca(t,e){return e.find(o=>o.name===t)?.displayName}i(ca,"getBlockchainDisplayNameFor");function Ye(t,e){return e.find(o=>o.name===t)?.shortName}i(Ye,"getBlockchainShortNameFor");function ma(t,e){return e.find(o=>o.id===t)?.swapperGroup}i(ma,"getSwapperDisplayName");function Er(t,e){return e.find(o=>Le(o,t))??null}i(Er,"findToken");function Ir(t,e){return e.find(o=>o.name===t)??null}i(Ir,"findBlockchain");import{i18n as Ue}from"@lingui/core";import ve from"bignumber.js";import{PendingSwapNetworkStatus as en}from"rango-types";function Jo(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(Jo,"getRequiredWallets");function Zo(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}i(Zo,"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 da(t){switch(t.type){case 0:return t.diagnosisMessage??V().noResultError.title;case 1:return V().genericServerError;default:return""}}i(da,"getQuoteErrorMessage");import{i18n as Ro}from"@lingui/core";var Et=i(()=>({connectWallet:Ro.t("Connect Wallet"),swap:Ro.t("Swap"),swapAnyway:Ro.t("Swap anyway"),ethWarning:Ro.t("The route goes through Ethereum. Continue?")}),"swapButtonTitles");function fa(t,e){return(parseInt(e.toFixed(2)||"0")<=-10&&t?.gte(new ve(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new ve(1e3)))??!1}i(fa,"hasHighValueLoss");function Wr(t){return(t?.result?.swaps||[]).filter(e=>{let o=e.fromAmountMinValue?new ve(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new ve(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(Wr,"hasLimitError");function Br(t){let e=(t.result?.swaps||[]).filter(l=>{let p=l.fromAmountMinValue?new ve(l.fromAmountMinValue):null,u=l.fromAmountMaxValue?new ve(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 ve(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new ve(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",s="",a="";return!r&&o&&o.gt(e.fromAmount)?(s=Ue.t({id:"Required: >= {min} {symbol}",values:{min:I(o,6,6),symbol:e.from.symbol}}),a=V().bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(s=Ue.t({id:"Required: > {min} {symbol}",values:{min:I(o,6,6),symbol:e.from.symbol}}),a=V().bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(s=Ue.t({id:"Required: <= {max} {symbol}",values:{max:I(n,6,6),symbol:e.from.symbol}}),a=V().bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(s=Ue.t({id:"Required: < {max} {symbol}",values:{max:I(n,6,6),symbol:e.from.symbol}}),a=V().bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:s,recommendation:a}}i(Br,"getLimitErrorMessage");function ga(t){let{fetchMetaStatus:e,anyWalletConnected:o,fetchingQuote:n,inputAmount:r,quote:s,warning:a,error:l,needsToWarnEthOnPath:p}=t;return e!=="success"?{title:Et().connectWallet,action:"connect-wallet",disabled:!0}:o?n||!s||!s.result||l||!r||r==="0"?{title:Et().swap,action:"confirm-swap",disabled:!0}:a?{title:Et().swapAnyway,action:"confirm-warning",disabled:!1}:p?{title:Et().ethWarning,action:"confirm-warning",disabled:!1}:{title:Et().swap,action:"confirm-swap",disabled:!1}:{title:Et().connectWallet,action:"connect-wallet",disabled:!1}}i(ga,"getSwapButtonState");function Nr(t,e,o){return!((!o||o.lte(We))&&t?.result&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t.result)}i(Nr,"canComputePriceImpact");function Tm(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(Tm,"requiredWallets");var wm=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice");function xm(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=wm(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new ve(r.amount).multipliedBy(s||0))}return o}i(xm,"getUsdFeeOfStep");function tn(t,e){return t.reduce((o,n)=>o.plus(xm(n,e)),We)}i(tn,"getTotalFeeInUsd");function Lr(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(Lr,"checkSlippageErrors");function ha(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(ha,"checkSlippageWarnings");function on(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(on,"getMinRequiredSlippage");function ya(t,e){return e?parseFloat(t)>=parseFloat(e):!0}i(ya,"hasProperSlippage");function nn(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:h,initialQuote:f,destination:x}=t,w=s?.reduce((A,y)=>(A[y.chain]=y.address,A),{}),g=[];r?.forEach(A=>{let y=g.find(E=>E.blockchain===A.chain);y?y.addresses.push(A.address):g.push({blockchain:A.chain,addresses:[A.address]})});let v=!!f,k=Ot((f?.result?.swaps||[]).reduce((A,y)=>(A.push(y.from.blockchain,y.to.blockchain),y.internalSwaps&&Array.isArray(y.internalSwaps)&&y.internalSwaps.map(E=>{A.push(E.from.blockchain,E.to.blockchain)}),A),[]));return{amount:n.toString(),affiliateRef:m??void 0,affiliatePercent:c??void 0,affiliateWallets:h??void 0,checkPrerequisites:v,from:{address:e.address,blockchain:e.blockchain,symbol:e.symbol},to:{address:o.address,blockchain:o.blockchain,symbol:o.symbol},connectedWallets:g,selectedWallets:w??{},slippage:u.toString(),...x&&{destination:x},...p&&{swapperGroups:a.concat(l??[]),swappersGroupsExclude:!0},...!p&&{swapperGroups:l?.filter(A=>!a.includes(A)),swappersGroupsExclude:!1},...v&&{blockchains:k}}}i(nn,"createQuoteRequestBody");function Sa(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}i(Sa,"getWalletsForNewSwap");function qt(t){return t.result?.outputAmount||null}i(qt,"getQuoteOutputAmount");function Ca(t,e){return new ve(e).div(new ve(t)).minus(1).multipliedBy(100).toNumber()}i(Ca,"getPercentageChange");function ka(t,e){let o=qt(t),n=qt(e);if(!o||!n)return!1;let r=Me(o,n);return r?r<=-1:!0}i(ka,"isOutputAmountChangedALot");function Ta(t,e,o){let n=t.validationStatus,r=Us(t);return e.sort((a,l)=>r.indexOf(a.chain)-r.indexOf(l.chain)).flatMap(a=>Ea(a,n)||[]).filter(a=>!a.ok).map(a=>{let l=a.asset.symbol,p=I(new ve(a.currentAmount.amount).shiftedBy(-a.currentAmount.decimals),8,8),u=I(new ve(a.requiredAmount.amount).shiftedBy(-a.requiredAmount.decimals),8,8),m="";return a.reason==="FEE"&&(m=Ue.t(" for network fee")),a.reason==="INPUT_ASSET"&&(m=Ue.t(" for swap")),a.reason==="FEE_AND_INPUT_ASSET"&&(m=Ue.t(" for input and network fee")),Ue.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(Ta,"generateBalanceWarnings");function wa(t,e){return(t?new ve(t):We).multipliedBy(e||0)}i(wa,"calcOutputUsdValue");function io(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==en.NetworkChanged}i(io,"isNetworkStatusInWarningState");function xa(t,e){let o="bellow button or",n=t.extraMessage,r=t.extraMessageDetail;if(t.networkStatusExtraMessageDetail?.includes(o)&&(t.networkStatusExtraMessageDetail=t.networkStatusExtraMessageDetail.replace(o,"")),io(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case en.WaitingForConnectingWallet:n=n||Ue.t("Waiting for connecting wallet");break;case en.WaitingForQueue:n=n||Ue.t("Waiting for other running tasks to be finished");break;case en.WaitingForNetworkChange:n=n||Ue.t("Waiting for changing wallet network");break;default:n=n||"";break}r=r||"",n=n||"";let a=n?.indexOf("code")!==-1&&n?.indexOf("reason")!==-1;return{shortMessage:n,detailedMessage:{content:r,long:a}}}i(xa,"getSwapMessages");function va(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(va,"getLastConvertedTokenInFailedSwap");function Aa(t){return t.status==="failed"&&!!t.finishTime&&new Date().getTime()-parseInt(t.finishTime)<4*3600*1e3}i(Aa,"shouldRetrySwap");function ba(t,e,o,n,r,s){return t||!e&&!Tm(n).every(a=>r.map(l=>l.chain).includes(a))||!!e&&!o||!!e&&!!o&&s&&!Zo(s,o)}i(ba,"confirmSwapDisabled");function Pr(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(Pr,"searchParamsToToken");function Wa(t){return t?.result?.swaps[t?.result?.swaps.length-1].to.usdPrice}i(Wa,"getQuoteToTokenUsdPrice");function Mr(t,e){let o=t.result?.swaps||[],n=e.result?.swaps||[];return o.length!==n.length}i(Mr,"isNumberOfSwapsChanged");function $r(t,e){let o=t.result?.swaps.map(r=>r.swapperId)||[],n=e.result?.swaps.map(r=>r.swapperId)||[];return!Ar(o,n)}i($r,"isQuoteSwappersUpdated");function _r(t,e){let o=t.result?.swaps.map(r=>r.to.symbol)||[],n=e.result?.swaps.map(r=>r.to.symbol)||[];return!Ar(o,n)}i(_r,"isQuoteInternalCoinsUpdated");function Ba(t,e){return Mr(t,e)||$r(t,e)||_r(t,e)}i(Ba,"isQuoteChanged");function Ea(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(Ea,"getRequiredBalanceOfWallet");function st(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}i(st,"getPriceImpactLevel");function Na(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],s=Am(t.steps),a={blockchain:r.toBlockchain,symbol:r.toSymbol,address:r.toSymbolAddress},l=Ir(s?s.toBlockchain:n.fromBlockchain,e),p=Ir(r.toBlockchain,e),u=Er(s?{blockchain:l?.name??"",symbol:s.toSymbol,address:s.toSymbolAddress}:{blockchain:l?.name??"",symbol:n.fromSymbol,address:n.fromSymbolAddress},o),m=Er(a,o),c=s?s.outputAmount??"":t.inputAmount;return{fromBlockchain:l,fromToken:u,toBlockchain:p,toToken:m,inputAmount:c}}i(Na,"createRetryQuote");function rn(t,e){let{fromToken:o,toToken:n,tokens:r,userSlippage:s}=e,a=It(o,t.requestAmount),l=It(n,t.result?.outputAmount??"");if(t.result&&a&&l){let m=Me(a.toString(),l.toString());if(!!m&&fa(a,m)){let h=tn(t.result.swaps,r),f=st(m);return{type:0,inputUsdValue:a,outputUsdValue:l,priceImpact:m,totalFee:h,warningLevel:f}}}else if(t.result&&(!a||!l))return{type:1};let p=on(t),u=s>ra;if(ya(e.userSlippage.toString(),p)){if(u&&parseFloat(p??"0")<s)return{type:3,slippage:s.toString()}}else return{type:2,recommendedSlippages:ha(t,s),minRequiredSlippage:p};return null}i(rn,"generateQuoteWarnings");function Me(t,e){let o=typeof e=="string"?parseFloat(e)<=0:!e?.gt(0),n=!t||!e||o?null:Ca(t.toString(),e.toString());return n&&n<0?n:null}i(Me,"getPriceImpact");var bm=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"),ht=bm;var It=i((t,e)=>t?.usdPrice?new yt(e||We).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),U=ht(Em()(Im(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new yt(0),outputUsdValue:new yt(0),toBlockchain:null,toToken:null,quote:null,quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:"",quoteWarningsConfirmed:!1,setQuote:e=>t(o=>{let n=null,r=We;return no(o.inputAmount)?(e&&(n=e.result?.outputAmount?new yt(e.result?.outputAmount):null,r=wa(e.result?.outputAmount,Wa(e)||o.toToken?.usdPrice)),{quote:e,...!!e&&{outputAmount:n,outputUsdValue:r}}):{}}),resetQuote:()=>t(()=>({quote:null,outputAmount:null,outputUsdValue:new yt(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:It(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 yt(0),outputUsdValue:new yt(0),quote:null},...!!o.fromToken&&{inputUsdValue:It(o.fromToken,e)}}))},retry:(e,o)=>{let{tokens:n,blockchains:r}=o,{fromBlockchain:s,fromToken:a,toBlockchain:l,toToken:p,inputAmount:u}=Na(e,r,n);t({fromBlockchain:s,fromToken:a,inputAmount:u,outputAmount:null,inputUsdValue:It(a??null,u),outputUsdValue:new yt(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:It(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 Pa(){let{setInputAmount:t,setToToken:e,setToBlockchain:o,setFromBlockchain:n,setFromToken:r,fromToken:s,toToken:a,fromBlockchain:l,toBlockchain:p}=U(),u=d().config,m=d().fetchStatus,c=d().blockchains(),h=d().tokens(),{setAffiliateRef:f,setAffiliatePercent:x,setAffiliateWallets:w}=d(),g=u?.from?.tokens,v=u?.from?.blockchains,k=u?.to?.tokens,T=u?.to?.blockchains,A=an(void 0),y=an(void 0),E=an(void 0),b=an(void 0);sn(()=>{t(u?.amount?.toString()||"")},[u?.amount]),La(()=>{if(m==="success"){let S=c.find(M=>M.name===u?.from?.blockchain),B=h.find(M=>Le(M,u?.from?.token||null));(S||!S&&E.current)&&n(S??null),B?r({token:B,meta:{blockchains:c,tokens:h}}):!B&&A.current&&r({token:null}),E.current=u?.from?.blockchain,A.current=u?.from?.token}},[u?.from?.token?.symbol,u?.from?.token?.address,u?.from?.token?.blockchain,u?.from?.blockchain,m]),sn(()=>{ro(s,g)&&r({token:null}),vr(l,v)&&n(null)},[g,v]),sn(()=>{ro(a,k)&&r({token:null}),vr(p,T)&&o(null)},[k,T]),La(()=>{if(m==="success"){let S=c.find(M=>M.name===u?.to?.blockchain),B=h.find(M=>Le(M,u?.to?.token||null));(S||!S&&b.current)&&o(S??null),B?e({token:B,meta:{blockchains:c,tokens:h}}):!B&&y.current&&e({token:null}),b.current=u?.to?.blockchain,y.current=u?.to?.token}},[u?.to?.token?.symbol,u?.to?.token?.address,u?.to?.token?.blockchain,u?.to?.blockchain,m]),sn(()=>{f(u?.affiliate?.ref??null),x(u?.affiliate?.percent??null),w(u?.affiliate?.wallets??null)},[u?.affiliate?.ref,u?.affiliate?.percent,u?.affiliate?.wallets])}i(Pa,"useSyncStoresWithConfig");import{useEffect as Lm}from"react";import{create as Wm}from"zustand";import{subscribeWithSelector as Bm}from"zustand/middleware";var H=ht(Wm()(Bm((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:jo(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=>Go(p,l))?{...l,loading:!0}:l)}));try{let a=o.map(({address:u,chain:m})=>({address:u,blockchain:m})),p=(await Ft().getWalletsDetails(a)).wallets;if(p)t(u=>{let m=u.connectedWallets.map(h=>{let f=o.find(w=>Go(w,h)),x=p.find(w=>w.address===h.address&&w.blockChain===h.chain);return x?.failed&&f&&r&&s([f],n,!1),f&&x?{...h,explorerUrl:x.explorerUrl,balances:qs(x,n),loading:!1}:h});return{loading:!1,balances:jo(m),connectedWallets:m}});else throw new Error("Wallet not found")}catch{t(l=>{let p=l.connectedWallets.map(m=>o.find(c=>Go(c,m))?zs(m):m);return{loading:!1,balances:jo(p),connectedWallets:p}})}},getBalanceFor:o=>{let{balances:n}=e(),r=Tr(o);return n[r]??null}}))));import{allProviders as Nm}from"@rango-dev/provider-all";function ln(t,e){let o=Nm({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(ln,"matchAndGenerateProviders");function Ma(t,e){return ln(t,e).map(r=>r.config.type)}i(Ma,"configWalletsToWalletName");function $a(t,e){let o=H.use.clearConnectedWallet(),n=ln(void 0,e);return Lm(()=>{o(),n=ln(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}i($a,"useWalletProviders");var un=$m({onConnectWallet:()=>{}});function Fm(t){let{updateConfig:e,updateSettings:o,fetch:n}=d(),r=d().blockchains(),s=d().tokens(),a={walletConnectProjectId:t.config?.walletConnectProjectId},[l,p]=Dm([]),{providers:u}=$a(t.config.wallets,a),{connectWallet:m,disconnectWallet:c}=H(),h=_m();Pa(),Fr(()=>{n().catch(console.log)},[]),Fr(()=>{t.config&&(e(t.config),o(t.config))},[t.config]);let f=r.filter(Mm).map(w=>w.name),x=i((w,g,v,k,T)=>{if(g===Dr.ACCOUNTS)if(v){let A=zo(T.supportedBlockchains),y=Os(w,v,f,A,T.isContractWallet);p(y)}else c(w);if(g===Dr.ACCOUNTS&&k.connected){let A=`${w}-${k.network}-${v}`;k.connected&&(h.current?h.current(A):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(g===Dr.NETWORK&&k.network){let A=`${w}-${k.network}`;h.current?h.current(A):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(w,g,v,k,T)},"onUpdateState");return Fr(()=>{l.length&&m(l,s)},[l,s]),pn.createElement(un.Provider,{value:{onConnectWallet:w=>{h.current=w}}},pn.createElement(Pm,{allBlockChains:r,providers:u,onUpdateState:x,autoConnect:!0},t.children))}i(Fm,"Main");function cn(t){let{config:e,...o}=t;return pn.createElement(ua,{config:e},pn.createElement(Fm,{...o,config:e}))}i(cn,"WidgetWallets");import Ns from"react";import{I18nManager as CS}from"@rango-dev/ui";import Mo,{useContext as kS,useEffect as Hc,useState as Qc}from"react";import{useQueueManager as jm}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Xm}from"@rango-dev/wallets-react";import{isEvmBlockchain as Km}from"rango-types";import mn,{Fragment as Ym}from"react";import{MemoryRouter as Jm,useInRouterContext as Zm}from"react-router";import{useWallets as Um}from"@rango-dev/wallets-react";import{useEffect as qm,useRef as zm}from"react";function _a(){let{connect:t,state:e}=Um(),o=zm({}),{fetchStatus:n}=d(),r=new URLSearchParams(location.search).get("autoConnect")||"",s=e(r);qm(()=>{n==="success"&&r&&s.installed&&!s.connecting&&!s.connected&&!o.current[r]&&(o.current[r]=!0,t(r))},[s,n])}i(_a,"useForceAutoConnect");import{useEffect as Or,useRef as Ur}from"react";import{createSearchParams as Hm,useLocation as Qm,useSearchParams as Vm}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 Gm}from"zustand";var Ae=ht(Gm()(t=>({connectWalletsButtonDisabled:!1,selectedSwapRequestId:null,currentPage:"",setSelectedSwap:e=>t({selectedSwapRequestId:e}),setCurrentPage:e=>t({currentPage:e})})));function Da(){let t=Ur(!0),[e,o]=Vm(),n=Qm(),r=Ur(n.search),s=Ur({}),a=U.use.fromBlockchain(),l=U.use.toBlockchain(),p=U.use.fromToken(),u=U.use.toToken(),m=U.use.setFromBlockchain(),c=U.use.setFromToken(),h=U.use.setToBlockchain(),f=U.use.setToToken(),x=U.use.inputAmount(),w=U.use.setInputAmount(),g=d().fetchStatus,v=d().blockchains(),k=d().tokens(),T=Ae.use.setSelectedSwap();return Or(()=>{let A={};Hm(r.current).forEach((E,b)=>{A[b]=E}),s.current=A;let y=n.pathname.split(_.swaps+"/")[1]||null;y&&T(y)},[]),Or(()=>{if(!t.current){let A="",y="",E="",b="",S="",B=s.current["autoConnect"];g!=="success"?(A=s.current["fromBlockchain"],y=s.current["fromToken"],E=s.current["toBlockchain"],b=s.current["toToken"],S=s.current["fromAmount"]||x):(A=a?.name||"",y=(p?.symbol||"")+(p?.address?`--${p?.address}`:""),E=l?.name||"",b=(u?.symbol||"")+(u?.address?`--${u?.address}`:""),S=x),o({...A&&{["fromBlockchain"]:A},...y&&{["fromToken"]:y},...E&&{["toBlockchain"]:E},...b&&{["toToken"]:b},...S&&{["fromAmount"]:S.toString()},...B&&{["autoConnect"]:B}},{replace:!0})}t.current=!1},[n.pathname,x,a,p,l,u]),Or(()=>{if(g==="success"){let A=e.get("fromBlockchain"),y=e.get("fromToken"),E=e.get("toBlockchain"),b=e.get("toToken"),S=e.get("fromAmount"),B=v.find($=>$.name===A),M=Pr(k,y,B||null),N=v.find($=>$.name===E),C=Pr(k,b,N||null);B&&(m(B),M&&c({token:M,meta:{blockchains:v,tokens:k}})),N&&(h(N),C&&f({token:C,meta:{blockchains:v,tokens:k}})),S&&w(S)}},[g]),null}i(Da,"UpdateUrl");function Fa({children:t,...e}){let o=Zm(),n=o?Ym:Jm,r=d().blockchains(),{canSwitchNetworkTo:s}=Xm();_a();let a=r.filter(Km);return jm({lastConnectedWallet:e.lastConnectedWallet,clearDisconnectedWallet:e.clearDisconnectedWallet,disconnectedWallet:e.disconnectedWallet,evmChains:a,canSwitchNetworkTo:s}),mn.createElement(mn.Fragment,null,mn.createElement(n,null,t),o&&mn.createElement(Da,null))}i(Fa,"AppRouter");import Ee from"react";import{useRoutes as dS}from"react-router-dom";import{i18n as On}from"@lingui/core";import{useManager as Cg}from"@rango-dev/queue-manager-react";import{Alert as Yp,Button as kg,css as bi,Divider as Tg,IconButton as Jp,SettingsIcon as wg,styled as Zp,Tooltip as xg,Typography as vg,WalletIcon as Ag}from"@rango-dev/ui";import ne,{useEffect as To,useLayoutEffect as bg,useRef as Eg,useState as Un}from"react";import{flushSync as Ig}from"react-dom";import{useNavigate as Wg}from"react-router-dom";import{i18n as Je}from"@lingui/core";import{Alert as si,BalanceErrors as Cf,Button as Ol,ChevronDownIcon as kf,ChevronLeftIcon as Tf,Divider as Vt,MessageBox as wf,Modal as Ul,Typography as Wn,WalletIcon as xf}from"@rango-dev/ui";import P,{useEffect as vf,useLayoutEffect as Af,useRef as bf,useState as Nt}from"react";import{useNavigate as Ef}from"react-router-dom";import{i18n as dn}from"@lingui/core";function fn(t){switch(t.type){case 0:return dn.t("Route has been updated.");case 3:return dn.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return dn.t("Route swappers has been updated.");case 2:return dn.t("Route internal coins has been updated.");default:return""}}i(fn,"getQuoteUpdateWarningMessage");import*as Gt from"@radix-ui/react-collapsible";import{Button as ed,css as Oa,darkTheme as zt,IconButton as td,keyframes as Ua,styled as ge,TextField as od}from"@rango-dev/ui";var so=300,nd=Ua({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),rd=Ua({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),qa=ge("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),za=ge("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),id=ge("button",{borderRadius:"$xm",padding:"$10",border:"0",display:"flex",justifyContent:"center",$$color:"$colors$neutral100",[`.${zt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",alignItems:"center",cursor:"pointer",width:110,position:"relative","&:hover":{$$color:"$colors$info100",[`.${zt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$color:"$colors$info100",[`.${zt} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color",outline:0},variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary",outlineStyle:"solid"}}}}),Ga=ge(id,{alignSelf:"stretch",minHeight:"93px"}),Ha=ge(Gt.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit"}),Qa=ge("div",{padding:"$20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),Va=ge(td,{position:"absolute",left:"$20"}),ja=ge("div",{paddingTop:"$20"}),Xa=Oa({display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),Ka=ge(Gt.Root,{backgroundColor:"$neutral200",borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),Ya=ge(ed,{width:"100%",borderRadius:"$sm !important",padding:"$15 !important",justifyContent:"space-between",alignItems:"center",$$color:"$colors$neutral100",[`.${zt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color","&:hover":{$$color:"$colors$info100",[`.${zt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$background:"$colors$info100",[`.${zt} &`]:{$$background:"$colors$info700"},backgroundColor:"$$background",outline:0}}),Ja=ge("div",{padding:"$10 $0","& .button__content":{display:"flex",alignItems:"center"},"& .alarms":{paddingTop:"5px"}}),Za=Oa({paddingTop:"5px"}),Ra=ge("div",{transition:`all ${so}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),el=ge("div",{display:"flex"}),tl=ge(od,{backgroundColor:"$neutral100",padding:"$0 $15 $15 $15"}),gn=ge(Gt.Content,{backgroundColor:"$neutral100",overflow:"hidden",variants:{open:{true:{animation:`${nd} ${so}ms ease-out`},false:{animation:`${rd} ${so}ms ease-out`}}}}),ol=ge("div",{overflow:"visible",width:"100%"});import{i18n as ze}from"@lingui/core";import{Button as hf,Divider as ri,Image as yf,MessageBox as In,Modal as Ml,SelectableWallet as Sf,Typography as $l,WalletState as _l}from"@rango-dev/ui";import oe,{useEffect as Dl,useState as po}from"react";import{WalletState as qr}from"@rango-dev/ui";import{useWallets as sd}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as ad,WalletTypes as hn}from"@rango-dev/wallets-shared";import{useEffect as ld,useState as pd}from"react";var ud=Object.values(hn);function yn(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:s,disconnect:a,getWalletInfo:l,connect:p}=sd(),{connectedWallets:u}=H(),m=d().blockchains(),c=Ma(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||ud,h=Fs(s,l,c,o),f=Qs(h),[x,w]=pd(""),g=i(y=>!u.find(E=>E.walletType===y&&E.chain===o),"isExperimentalChainNotAdded"),v=i(async y=>{let E=s(y);try{if(x&&w(""),E.connected)await a(y);else{let b=!!h.find(S=>S.state===qr.CONNECTED);if(!e?.multiWallets&&b)return;n?.(y),await p(y),r?.(y)}}catch(b){w("Error: "+b?.message)}},"handleClick"),k=i(()=>{let y=h?.filter(E=>E.state===qr.CONNECTING)||[];for(let E of y)a(E.type)},"disconnectConnectingWallets");ld(()=>()=>{k()},[]);let T=i(y=>y.filter(b=>b.state!=qr.NOT_INSTALLED&&![hn.DEFAULT,hn.WALLET_CONNECT_2].includes(b.type)&&l(b.type).supportedChains.filter(S=>S.type=="EVM").length>0).length==0,"shouldShowDefaultInjectedWallet"),A=i((y,E,b)=>Ho(b,E)&&g(y)&&!ad.includes(y)||y==hn.DEFAULT&&!T(h),"shouldExcludeWallet");return{list:f.filter(y=>!A(y.type,o??"",m)),error:x,handleClick:v}}i(yn,"useWalletList");import{i18n as El}from"@lingui/core";import{styled as Wl,Typography as lf,Wallet as pf,WalletState as uf}from"@rango-dev/ui";import Bt,{Fragment as cf,useState as Il}from"react";import{BottomLogo as Jd,Divider as Zd,Header as Rd}from"@rango-dev/ui";import he from"react";import{useNavigate as cd}from"react-router-dom";function St(){let t=cd();return()=>t(-1)}i(St,"useNavigateBack");import{createTheme as Qr,darkTheme as hd,lightTheme as yd}from"@rango-dev/ui";import{useEffect as il,useState as Sd}from"react";import{theme as fd,darkColors as gd}from"@rango-dev/ui";var nl=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"),Sn=i((t,e)=>{let a={[t]:e};for(let l=1;l<10;l++)l<5&&(a={...a,[t+l*100]:nl(e,(5-l)*25)}),l===5&&(a={...a,[t+l*100]:e}),l>5&&(a={...a,[t+l*100]:nl(e,-((l-5)*25))});return a},"generateRangeColors"),zr=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=Sn(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,...Sn(s,a)}}return n?r:{}},"generateColors");var rl=i(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),md=i(t=>{let e="",o;for(o=Math.abs(t);o>52;o=o/52|0)e=rl(o%52)+e;return rl(o%52)+e},"toAlphabeticName"),dd=i((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),Gr=i(t=>md(dd(5381,JSON.stringify(t))>>>0),"toHash");function Hr(t){let e=fd.colors,o=zr({...e,...gd},!0,t?.dark),n=zr(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:`${xr}-light-${Gr(p)}`,tokens:p}}if(r){let p={colors:o};l={id:`${xr}-dark-${Gr(p)}`,tokens:p}}return{light:a,dark:l}}i(Hr,"customizedThemeTokens");function Cn(t){let{colors:e,fontFamily:o=Js,borderRadius:n=Ks,secondaryBorderRadius:r=Ys,mode:s="auto"}=t,[a,l]=Sd("light"),{setTheme:p,theme:u}=d(),{dark:m,light:c}=Hr(e),h=Qr({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),f=[h.className,yd.className],x=[h.className,hd.className];if(c){let g=Qr(c.id,c.tokens);f.push(g.className)}if(m){let g=Qr(m.id,m.tokens);x.push(g.className)}return il(()=>{let g=i(v=>{v.matches?l("dark"):l("light")},"switchThemeListener");return window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches&&l("dark"),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",g),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",g)}},[]),il(()=>{s!=="auto"&&p(s)},[s]),{activeTheme:i(()=>{let g=f.join(" "),v=x.join(" ");return u==="auto"?a==="dark"?v:g:u==="dark"?v:g},"getActiveTheme")}}i(Cn,"useTheme");import{ChevronLeftIcon as Td}from"@rango-dev/ui";import pl from"react";import{darkTheme as Cd,IconButton as kd,styled as ao}from"@rango-dev/ui";var $e=ao(kd,{width:"$24",position:"relative",padding:"0",overflow:"unset"}),sl=ao("div",{position:"absolute",background:"$secondary500",[`.${Cd} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),Ht=ao("div",{display:"flex",justifyContent:"flex-end",minWidth:"$40",button:{padding:0}}),al=ao("div",{position:"absolute",backgroundColor:"$secondary500",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0"}),ll=ao("div",{padding:"$2",variants:{isRefetched:{true:{transform:"rotate(360deg)",transition:"transform 1s ease-in-out"}}}});function Vr(t){return pl.createElement($e,{variant:"ghost",size:"small",onClick:t.onClick},pl.createElement(Td,{color:"black",size:16}))}i(Vr,"BackButton");import{i18n as wd}from"@lingui/core";import{Button as xd,Typography as vd}from"@rango-dev/ui";import jr from"react";function Xr(t){return jr.createElement(Ht,null,jr.createElement(xd,{variant:"ghost",onClick:t.onClick,size:"xsmall"},jr.createElement(vd,{variant:"label",size:"medium",color:"error500"},wd.t("Cancel"))))}i(Xr,"CancelButton");import{i18n as Ad}from"@lingui/core";import{Tooltip as bd,WalletIcon as Ed}from"@rango-dev/ui";import kn from"react";function Kr(t){return kn.createElement(bd,{container:t.container,side:"top",content:Ad.t("Connect Wallet")},kn.createElement($e,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&kn.createElement(sl,null),kn.createElement(Ed,{size:18,color:"black"})))}i(Kr,"WalletButton");import{i18n as vn}from"@lingui/core";import{NotificationsIcon as Vd,Popover as jd,SettingsIcon as Xd,Tooltip as An,TransactionIcon as Kd}from"@rango-dev/ui";import ce from"react";import{i18n as $d}from"@lingui/core";import{ChainToken as gl,ChevronRightIcon as _d,ListItemButton as Dd,Typography as Fd}from"@rango-dev/ui";import qe from"react";import{useNavigate as Od}from"react-router-dom";import{create as Id}from"zustand";import{persist as Wd,subscribeWithSelector as Bd}from"zustand/middleware";var _e=ht(Id()(Wd(Bd((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 Tn}from"@rango-dev/ui";var ul=Tn("div",{padding:"$10",width:"350px",minHeight:"150px"}),cl=Tn("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),ml=Tn("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),dl=Tn("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as Nd}from"@lingui/core";import{Divider as Ld,NoNotificationIcon as Pd,Typography as Md}from"@rango-dev/ui";import wn from"react";function fl(){return wn.createElement(dl,null,wn.createElement(Pd,{color:"secondary",size:26}),wn.createElement(Ld,{size:12}),wn.createElement(Md,{variant:"body",size:"medium",color:"neutral700"},Nd.t("You have no notification")))}i(fl,"NotificationNotFound");var Ud=4;function Yr(){let t=Od(),e=Ae.use.setSelectedSwap(),{getUnreadNotifications:o}=_e(),n=o(),r=d().blockchains(),s=d().tokens(),a=n.sort((p,u)=>u.creationTime-p.creationTime).slice(0,Ud),l=i(p=>{e(p),t(`${_.swaps}/${p}`)},"handleOnClick");return qe.createElement(ul,null,a.length?qe.createElement(cl,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),m=r.find(f=>f.name===p.route.from.blockchain),c=s.find(f=>f.address===p.route.to.tokenAddress&&f.blockchain===p.route.to.blockchain&&f.symbol===p.route.to.tokenSymbol),h=r.find(f=>f.name===p.route.to.blockchain);return qe.createElement(Dd,{key:p.requestId,onClick:()=>l(p.requestId),title:qe.createElement(Fd,{variant:"body",size:"small",color:"$neutral700"},$d.t(p.event.message)),id:p.requestId,start:qe.createElement(ml,null,qe.createElement("div",{className:"from-chain-token"},qe.createElement(gl,{tokenImage:u?u.image:"",chainImage:m?m.logo:"",size:"small"})),qe.createElement("div",{className:"to-chain-token"},qe.createElement(gl,{tokenImage:c?c.image:"",chainImage:h?h.logo:"",size:"small"}))),end:qe.createElement(_d,{size:12,color:"gray"})})})):qe.createElement(fl,null))}i(Yr,"NotificationContent");import{RefreshProgressButton as qd}from"@rango-dev/ui";import Jr,{useEffect as zd,useState as hl}from"react";var Gd=1e3,yl=60,Hd=100;function xn({onClick:t}){let[e,o]=hl(0),[n,r]=hl(!1),s=i(p=>{document.hidden&&p&&a(p)},"handleVisibilityChange");zd(()=>{let p;return t?p=window.setInterval(()=>{o(u=>u+1),e===yl&&l()},Gd):a(p),document.addEventListener("visibilitychange",()=>s(p)),()=>{document.removeEventListener("visibilitychange",()=>s(p)),p&&clearInterval(p)}},[e,t]);let a=i(p=>{p&&clearInterval(p),o(0)},"clearTimeout"),l=i(()=>{t?.(),o(0),r(!0)},"handleRefreshClick");return Jr.createElement($e,{variant:"ghost",size:"small",onClick:l,disabled:!t},Jr.createElement(ll,{onTransitionEnd:()=>r(!1),isRefetched:n},Jr.createElement(qd,{size:24,color:t?"black":"gray",progress:e/yl*Hd})))}i(xn,"RefreshButton");import{Typography as Qd}from"@rango-dev/ui";import Sl from"react";function Cl(){let{getUnreadNotifications:t}=_e(),e=t().length;return e?Sl.createElement(al,null,Sl.createElement(Qd,{variant:"body",size:"xsmall",color:"$background"},e)):null}i(Cl,"UnreadNotificationsBadge");function Zr(t){let{layoutRef:e,onClickRefresh:o,onClickHistory:n,onClickSettings:r}=t,{config:{features:s}}=d(),a=Pe("notification",s);return ce.createElement(ce.Fragment,null,ce.createElement(An,{container:O(),side:"top",content:vn.t("Refresh")},ce.createElement(xn,{onClick:o})),!a&&ce.createElement(jd,{align:"center",collisionBoundary:e,collisionPadding:{right:20,left:20},container:O(),content:ce.createElement(Yr,null)},ce.createElement("div",null,ce.createElement(An,{container:O(),side:"top",content:vn.t("Notifications")},ce.createElement($e,{size:"small",variant:"ghost"},ce.createElement(Vd,{size:18,color:"black"}),ce.createElement(Cl,null))))),ce.createElement(An,{container:O(),side:"top",content:vn.t("Settings")},ce.createElement($e,{size:"small",variant:"ghost",onClick:r},ce.createElement(Xd,{size:18,color:"black"}))),ce.createElement(An,{container:O(),side:"top",content:vn.t("Transactions History")},ce.createElement($e,{size:"small",variant:"ghost",onClick:n},ce.createElement(Kd,{size:18,color:"black"}))))}i(Zr,"HomeButtons");import{darkTheme as Yd,styled as Rr}from"@rango-dev/ui";var kl=Rr("div",{position:"relative",display:"flex",flexDirection:"column",borderRadius:"$primary",overflow:"hidden !important",boxShadow:"15px 15px 15px 0px rgba(0, 0, 0, 0.05)",width:"100vw",minWidth:"300px",maxWidth:"390px",maxHeight:"700px",textAlign:"left",$$color:"$colors$neutral100",[`.${Yd} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",variants:{fixedHeight:{true:{height:"100vh"},false:{height:"auto !important"}}}}),Tl=Rr("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"}}}}),wl=Rr("div",{backgroundColor:"$background","& .footer__content":{padding:"$0 $20"},"& .footer__logo":{padding:"$0 $20 $10 $20"}});function ef(t,e){let{children:o,header:n,footer:r,noPadding:s,hasLogo:a=!0,fixedHeight:l=!0}=t,p=H.use.connectedWallets(),{config:{features:u,theme:m}}=d(),{activeTheme:c}=Cn(m||{}),h=Pe("connectWalletButton",u),f=Ae.use.connectWalletsButtonDisabled(),x=St(),w=i(()=>{!f&&n.onWallet&&n.onWallet()},"onConnectWallet"),g=typeof n.hasBackButton>"u"||n.hasBackButton;return he.createElement(kl,{ref:e,fixedHeight:l,id:Te,className:c()},he.createElement(Rd,{prefix:he.createElement(he.Fragment,null,g&&he.createElement(Vr,{onClick:x})),title:n.title,suffix:he.createElement(he.Fragment,null,n.suffix,n.onWallet&&!h&&he.createElement(Kr,{container:O(),onClick:w,isConnected:!!p?.length}),n.onCancel&&he.createElement(Xr,{onClick:n.onCancel}))}),he.createElement(Tl,{noPadding:s},o),(a||r)&&he.createElement(wl,null,he.createElement("div",{className:"footer__content"},r),a&&he.createElement("div",{className:"footer__logo"},he.createElement(Zd,{size:12}),he.createElement(Jd,null))))}i(ef,"LayoutComponent");var K=he.forwardRef(ef);K.displayName="Layout";import{Divider as sf,Modal as af}from"@rango-dev/ui";import ti from"react";import{i18n as Qt}from"@lingui/core";import{Image as nf,MessageBox as ei,WalletState as rf}from"@rango-dev/ui";import Wt from"react";import{keyframes as tf,styled as bn}from"@rango-dev/ui";var Lv=bn("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),xl=bn("div",{position:"relative"}),of=tf({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),vl=bn("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${of} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),Al=bn("div",{"& img":{borderRadius:"50%"}});function bl(t){let{state:e,image:o,error:n}=t;return e===rf.CONNECTED?Wt.createElement(ei,{type:"success",title:Qt.t("Wallet Connected"),description:Qt.t("Your wallet is connected, you can use it to swap.")}):n?Wt.createElement(ei,{type:"error",title:Qt.t("Failed to Connect"),description:n||Qt.t("Your wallet is not connected. Please try again.")}):Wt.createElement(ei,{type:"loading",title:Qt.t("Connecting to your wallet"),description:Qt.t("Click connect in your wallet popup."),icon:Wt.createElement(xl,null,Wt.createElement(Al,null,Wt.createElement(nf,{src:o,size:45})),Wt.createElement(vl,null))})}i(bl,"ModalContent");function lo(t){let{open:e,onClose:o,...n}=t;return ti.createElement(af,{open:e,onClose:o,container:document.getElementById(Te)||document.body},ti.createElement(bl,{...n}),ti.createElement(sf,{direction:"vertical",size:32}))}i(lo,"WalletModal");var mf=Wl("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),df=Wl("div",{textAlign:"center"}),En=3e3,oi=300;function Bl(){let{config:t,fetchStatus:e}=d(),[o,n]=Il(!1),[r,s]=Il(""),a=null,{list:l,handleClick:p,error:u}=yn({config:t,onBeforeConnect:f=>{a=setTimeout(()=>{n(!0),s(f)},oi)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},En)}}),m=l.find(f=>f.type===r),c=m?.image||"",h=m?.state||uf.NOT_INSTALLED;return Bt.createElement(K,{header:{title:El.t("Connect Wallets")}},Bt.createElement(df,null,Bt.createElement(lf,{variant:"title",size:"xmedium",align:"center"},El.t("Choose a wallet to connect.")),Bt.createElement(mf,null,l.map((f,x)=>{let w=`wallet-${x}-${f.type}`;return Bt.createElement(cf,{key:w},Bt.createElement(pf,{...f,container:O(),onClick:g=>{p(g)},isLoading:e==="loading"}))}),Bt.createElement(lo,{open:!!o,onClose:()=>n(!1),image:c,state:h,error:u}))))}i(Bl,"WalletsPage");import{keyframes as ff,styled as ni}from"@rango-dev/ui";var Nl=ni("div",{position:"relative"}),gf=ff({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),Ll=ni("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${gf} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),Pl=ni("div",{"& img":{borderRadius:"50%"}});function ii(t){let{chain:e,isSelected:o,selectWallet:n,limit:r,onShowMore:s}=t,{config:a}=d(),l=H.use.connectedWallets(),{blockchains:p}=d(),[u,m]=po(""),[c,h]=po(null),[f,x]=po(!1),[w,g]=po(null),{suggestAndConnect:v}=Fl(),k=null,{list:T,error:A,handleClick:y}=yn({config:a,chain:e,onBeforeConnect:C=>{k=setTimeout(()=>{m(C)},oi)},onConnect:()=>{k&&clearTimeout(k),setTimeout(()=>{m("")},En)}}),[E,b]=po(T),S=T.length,B=r&&S-r>0,M=i(async C=>{x(!1),g("in-progress");try{await v(C.walletType,C.chain),g("completed")}catch{g("rejected")}},"addExperimentalChain");Dl(()=>{b(C=>{let $=T.findIndex(L=>o(L.type,e));return B&&$>1?[T[$]].concat(T.filter((L,q)=>q!==$)):C.map(L=>T.find(q=>q.type===L.type)??L)})},[JSON.stringify(T)]);let N=document.getElementById(Te);return Dl(()=>{let C=null;return(w==="completed"||w==="rejected")&&(C=setTimeout(()=>g(null),En)),()=>{C&&clearTimeout(C)}},[w]),oe.createElement(oe.Fragment,null,E.slice(0,r).map(C=>{let $=Vs({connectedWallets:l,walletType:C.type,chain:e}),L=$?Vo($):"",q=Ho(p(),e),R=!l.find(Se=>Se.walletType===C.type&&Se.chain===e),ee=q&&R&&C.state===_l.CONNECTED,Q=ee?ze.t({id:"Add {chain} chain",values:{chain:e}}):L,re=i(()=>{C.state===_l.DISCONNECTED?y(C.type):ee?(h({walletType:C.type,chain:e,address:$??""}),x(!0)):n({walletType:C.type,chain:e,address:$??""})},"onClick"),ye=c?.chain?ca(c.chain,p()):void 0;return oe.createElement(oe.Fragment,null,oe.createElement(lo,{open:u===C.type,onClose:()=>m(""),image:C.image,state:C.state,error:A}),!!c&&oe.createElement(Ml,{open:!!c&&f,container:N,onClose:()=>{h(null)}},oe.createElement(In,{title:ze.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:ye}}),type:"warning",description:ze.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:ye}})},oe.createElement(ri,{size:18}),oe.createElement(ri,{size:32}),oe.createElement(hf,{onClick:M.bind(null,c),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},ze.t("Confirm")))),w&&oe.createElement(Ml,{open:!!w,onClose:g.bind(null,null),container:N},w==="in-progress"&&oe.createElement(In,{type:"loading",title:ze.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:ye}}),description:ze.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:ye}}),icon:oe.createElement(Nl,null,oe.createElement(Pl,null,oe.createElement(yf,{src:C.image,size:45})),oe.createElement(Ll,null))}),w==="completed"&&oe.createElement(In,{type:"success",title:ze.t({id:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:ye}}),description:ze.t({id:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:ye}})}),w==="rejected"&&oe.createElement(In,{type:"error",title:ze.t("Request Rejected"),description:ze.t({id:"You've rejected adding {blockchainDisplayName} chain to your wallet.",values:{blockchainDisplayName:ye}})}),oe.createElement(ri,{direction:"vertical",size:32})),oe.createElement(Sf,{key:C.type,description:Q,onClick:re,selected:o(C.type,e),...C}))}),B&&oe.createElement(Ga,{selected:!1,onClick:s},oe.createElement($l,{variant:"label",size:"medium"},ze.t("Show more wallets"),oe.createElement($l,{variant:"label",size:"medium",color:"$primary"},"\xA0+",S-(r??0)))))}i(ii,"WalletList");var If=2;function ql(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,loading:s}=t,a=d().config,l=d().blockchains(),{quote:p,setSelectedWallets:u,quoteWalletsConfirmed:m,setQuoteWalletConfirmed:c,customDestination:h,setCustomDestination:f}=U(),{connectedWallets:x,selectWallets:w}=H(),[g,v]=Nt(""),[k,T]=Nt([]),[A,y]=Nt(""),[E,b]=Nt(null),[S,B]=Nt(h),[M,N]=Nt(!!h),C=bf(null),$=Jo(p),L=l.find(F=>F.name===p?.result?.swaps[p?.result?.swaps.length-1].to.blockchain),q=i(F=>!!p?.result?.swaps.find(z=>z.from.blockchain===F),"isWalletRequiredFor"),[R,ee]=Nt(x.filter(F=>F.selected&&$.includes(F.chain))),Q=l.find(F=>F.name===L?.name),re=i((F,z)=>!!R.find(X=>X.walletType===F&&X.chain===z&&X.selected&&(q(z)||!q(z)&&!S)),"isSelected"),ye=!!S&&M&&Q&&!Zo(Q,S),Se=i(()=>{N(!1),B(""),ee(F=>{let z=!1;return F.map(X=>!z&&X.chain===L?.name?(z=!0,{...X,selected:!0}):X)})},"resetCustomDestination"),Ce=i(F=>{if(g&&v(""),re(F.walletType,F.chain))return;let X=x.find(Ie=>Ie.walletType===F.walletType&&Ie.chain===F.chain);X&&(n(),F.chain===L?.name&&M&&(N(!1),B("")),ee(Ie=>Ie.filter(ue=>ue.chain!==F.chain).concat({...X,selected:!0})))},"onChange"),_t=i(()=>{let F=R.filter(z=>z.selected);w(F),u(F),f(S),c(!0),o()},"onConfirmBalance"),oo=i(async()=>{T([]),y(""),b(null);let F=x.filter(Ie=>R.find(ue=>ue.chain===Ie.chain&&ue.walletType===Ie.walletType)),z=await r?.({selectedWallets:F,customDestination:S}),X=z.warnings;X?.balance?.messages&&T(X.balance.messages),X?.quoteUpdate&&b(X.quoteUpdate),z.error&&y(da(z.error)),!z.error&&(!X?.balance?.messages.length||0>0)?_t():T(X?.balance?.messages??[])},"onConfirmWallets");vf(()=>{ee(F=>F.concat(x.filter(z=>!!!F.find(Ie=>Ie.chain===z.chain)&&z.selected&&$.includes(z.chain))))},[x.length]),Af(()=>{M&&C.current&&setTimeout(()=>{C?.current?.scrollIntoView({behavior:"smooth"})},so)},[M]);let dt=document.getElementById(Te),At=Ef();return P.createElement(Ul,{open:e,onClose:()=>{m||At("../",{replace:!0}),o()},dismissible:!g,container:dt,...!g&&{footer:P.createElement(el,null,P.createElement(Ol,{loading:s,disabled:ba(s,M,S,p,R,L),onClick:oo,variant:"contained",type:"primary",fullWidth:!0,size:"large"},Je.t("Confirm")))},...g&&{containerStyle:{padding:"$0"},header:P.createElement(Qa,null,P.createElement(Va,{variant:"ghost",onClick:v.bind(null,"")},P.createElement(Tf,{size:16})),P.createElement(Wn,{variant:"headline",size:"small"},Je.t({id:"Your {blockchainName} wallets",values:{blockchainName:Ye(g,l)}})))},anchor:"center"},P.createElement(Ul,{open:k.length>0,onClose:T.bind(null,[]),container:dt},P.createElement(wf,{title:Je.t("Insufficient account balance"),type:"error",description:P.createElement(Cf,{messages:k??[]})},P.createElement(Ol,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:_t},Je.t("Proceed anyway")))),g&&P.createElement(ja,null,P.createElement("div",{className:Xa()},P.createElement(ii,{chain:g,isSelected:re,selectWallet:Ce,onShowMore:v.bind(null,g)}))),!g&&P.createElement(P.Fragment,null,A&&P.createElement(P.Fragment,null,P.createElement(si,{variant:"alarm",type:"error",title:Je.t(A)}),P.createElement(Vt,{size:12})),E&&P.createElement(P.Fragment,null,P.createElement(si,{variant:"alarm",type:"warning",title:fn(E)}),P.createElement(Vt,{size:12})),P.createElement(ol,null,$.map((F,z)=>{let X=l.find(de=>de.name===F),Ie=`wallet-${z}`,ue=z===$.length-1;return P.createElement("div",{key:Ie},P.createElement(qa,null,P.createElement(Wn,{variant:"title",size:"xmedium"},Je.t({id:"Your {blockchainName} wallets",values:{blockchainName:X?.shortName}})),P.createElement(Wn,{variant:"label",color:"$neutral700",size:"medium"},Je.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:X?.shortName}}))),P.createElement(Vt,{size:24}),P.createElement(za,null,P.createElement(ii,{chain:F,isSelected:re,selectWallet:Ce,limit:If,onShowMore:()=>v(X?.name??"")})),!ue&&P.createElement(Vt,{size:32}),ue&&a?.customDestination&&P.createElement(Ja,null,P.createElement(Ka,{ref:C,selected:M,open:M,onOpenChange:de=>{de?q(L?.name??"")||ee(_o=>_o.map(it=>it.chain===L?.name?{...it,selected:!1}:it)):Se()}},P.createElement(Ha,{onClick:()=>N(de=>!de)},P.createElement(Ya,{fullWidth:!0,variant:"default",suffix:P.createElement(Ra,{orientation:M?"up":"down"},P.createElement(kf,{size:10,color:"gray"}))},P.createElement("div",{className:"button__content"},P.createElement(xf,{size:18,color:"info"}),P.createElement(Vt,{size:4,direction:"horizontal"}),P.createElement(Wn,{variant:"label",size:"medium"},Je.t("Send to a different address"))))),P.createElement(gn,{open:M},P.createElement(P.Fragment,null,P.createElement(Vt,{size:4}),P.createElement(tl,{autoFocus:!0,placeholder:Je.t("Your destination address"),value:S,onChange:de=>{B(de.target.value)}})))),ye&&P.createElement("div",{className:Za()},P.createElement(si,{variant:"alarm",type:"error",title:Je.t({values:{destination:S},id:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}i(ql,"ConfirmWalletsModal");import{Divider as fg}from"@rango-dev/ui";import De from"react";import{i18n as di}from"@lingui/core";import{Alert as Lf,ChevronDownIcon as Pf,ChevronRightIcon as Mf,Divider as fi,Image as ap,InfoIcon as $f,QuoteCost as _f,StepDetails as Df,TokenAmount as Ff,Tooltip as Ln,Typography as mo}from"@rango-dev/ui";import lp from"bignumber.js";import W,{useLayoutEffect as Of,useRef as pp,useState as Uf}from"react";import{styled as uo}from"@rango-dev/ui";var zl=uo("div",{paddingBottom:"$10"}),ai=uo("div",{width:"100%","& .position-top__skeleton":{paddingTop:"$10"}}),Gl=uo("div",{variants:{paddingTop:{true:{paddingTop:"$10"}}}}),Hl=uo("div",{paddingBottom:"$15"}),Ql=uo("div",{width:"100%",display:"flex"});import*as Bn from"@radix-ui/react-collapsible";import{css as li,darkTheme as Ze,Image as Vl,styled as Ge,Typography as Wf}from"@rango-dev/ui";var pi=300,jl=Ge(Bn.Root,{display:"flex",flexDirection:"column",alignItems:"start",overflowX:"auto",overflowY:"hidden",width:"100%",borderRadius:"$xm",cursor:"default",variants:{recommended:{true:{$$color:"$colors$info300",[`.${Ze} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"},false:{$$color:"$colors$neutral400",[`.${Ze} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}}}}),Xl=li({padding:"$10 $15"}),Kl=Ge("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",[`.${Ze} &`]:{$$color:"$colors$secondary600"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}},false:{$$color:"$colors$neutral200",[`.${Ze} &`]:{$$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",[`.${Ze} &`]:{$$color:"$colors$secondary700"},backgroundColor:"$$color"}}},{listItem:!0,recommended:!1,css:{"&:hover":{$$color:"$colors$neutral300",[`.${Ze} &`]:{$$color:"$colors$neutral400"},backgroundColor:"$$color"}}}]}),Yl=li({width:"100%",padding:"$15 $15 $10 $15",cursor:"default"}),Jl=li({paddingTop:"$10",display:"flex",alignItems:"center",".usd-value":{$$color:"$colors$neutral600",[`.${Ze} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Zl=Ge(Bn.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:{[`& ${Vl}`]:{border:"1px $warning500 solid",borderRadius:"100%"}},false:{[`& ${Vl}`]:{border:"1px transparent solid",borderRadius:"100%"}}},recommended:{true:{$$color:"$colors$info300",[`.${Ze} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"},false:{$$color:"$colors$neutral400",[`.${Ze} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}}},"& div:nth-child(1)":{display:"flex"}}),ui=Ge("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"}}}}),Rl=Ge(gn,{width:"100%",background:"inherit"}),ci=Ge("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$2",transition:`all ${pi}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),GA=Ge("div",{height:"$12",marginLeft:"$10",marginRight:"$10",borderLeft:"1px solid $foreground"}),ep=Ge("div",{display:"flex",justifyContent:"center",margin:"0 $15",borderTop:"1px solid",$$color:"$colors$neutral300",[`.${Ze} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color"}),tp=Ge("div",{width:"$16",height:"$16",justifyContent:"center",alignItems:"center",display:"flex"}),mi=Ge(Wf,{overflow:"hidden",textOverflow:"ellipsis",letterSpacing:.4}),op=Ge("div",{display:"flex",flexWrap:"wrap"});import{i18n as ip}from"@lingui/core";import{TokenAmount as sp}from"@rango-dev/ui";import Nn from"react";import{css as Bf,styled as Nf}from"@rango-dev/ui";var np=Nf("div",{position:"relative",display:"flex",flexDirection:"column",width:"100%"}),rp=Bf({height:"14px",marginLeft:"14px",position:"absolute",borderLeft:"1px solid $foreground",top:"42%"});function co(t){let{from:e,to:o,percentageChange:n,warningLevel:r}=t;return Nn.createElement(np,null,Nn.createElement(sp,{direction:"horizontal",label:ip.t("Swap input"),type:"input",tooltipContainer:O(),price:{value:e.price.value,usdValue:e.price.usdValue,realValue:e.price.realValue,realUsdValue:e.price.realUsdValue},token:{displayName:e.token.displayName,image:e.token.image},chain:{image:e.chain.image}}),Nn.createElement("div",{className:rp()}),Nn.createElement(sp,{direction:"horizontal",tooltipContainer:O(),label:ip.t("Estimated output"),type:"output",price:{value:o.price.value,usdValue:o.price.usdValue,realValue:o.price.realValue,realUsdValue:o.price.realUsdValue},token:{displayName:o.token.displayName,image:o.token.image},chain:{image:o.chain.image},percentageChange:n,warningLevel:r}))}i(co,"QuoteSummary");function gi(t){let{quote:e,input:o,output:n,error:r,warning:s,type:a,recommended:l=!0}=t,p=d().tokens(),u=d().blockchains(),m=d().swappers(),[c,h]=Uf(t.expanded),f=pp(null),x=pp(c),w=I(tn(e.result?.swaps??[],p),2,2),g=Fo(Oo(e.result?.swaps)),v=I(o.value,6,6),k=I(n.value,6,6),T=n.usdValue?I(n.usdValue,4,4):"",A=Me(o.usdValue,n.usdValue??null),y=I(A,2,2),E=st(A??0),S=i(N=>N.map((C,$)=>{let L,q=r?.type===3&&r.swap.swapperId===C.swapperId||r?.type===4&&r.recommendedSlippages?.has($),R=s?.type===2&&s.recommendedSlippages?.has($);return q?L="error":R&&(L="warning"),{swapper:{displayName:ma(C.swapperId,m),image:C.swapperLogo},from:{token:{displayName:C.from.symbol,image:C.from.logo},chain:{displayName:Ye(C.from.blockchain,u),image:C.from.blockchainLogo},price:{value:$===0?I(o.value,6,6):I(C.fromAmount,6,6),usdValue:I((C.from.usdPrice??0)*parseFloat(C.fromAmount),4,4),realValue:ie($===0?o.value:C.fromAmount),realUsdValue:ie(new lp(C.from.usdPrice??0).multipliedBy(C.fromAmount))}},to:{token:{displayName:C.to.symbol,image:C.to.logo},chain:{displayName:Ye(C.to.blockchain,u),image:C.to.blockchainLogo},price:{value:I(C.toAmount,6,6),usdValue:I((C.to.usdPrice??0)*parseFloat(C.toAmount),4,4),realValue:ie(C.toAmount),realUsdValue:ie(new lp(C.to.usdPrice??0).multipliedBy(C.toAmount))}},state:L,alerts:q||R?W.createElement(Hl,null,W.createElement(Lf,{type:q?"error":"warning",title:r?.type===3?r?.recommendation:di.t("Slippage Error:"),footer:W.createElement(Ql,null,r?.type===3&&W.createElement(W.Fragment,null,W.createElement(mo,{size:"xsmall",variant:"body",color:"neutral900"},r.fromAmountRangeError),W.createElement(fi,{direction:"horizontal",size:8}),W.createElement(mo,{size:"xsmall",variant:"body",color:"neutral900"},"|"),W.createElement(fi,{direction:"horizontal",size:8}),W.createElement(mo,{size:"xsmall",variant:"body",color:"neutral900"},di.t({id:"Yours: {amount} {symbol}",values:{amount:I(C.fromAmount,6,6),symbol:C?.from.symbol}}))),(r?.type===4||s?.type===2)&&W.createElement(mo,{size:"xsmall",variant:"body",color:"neutral900"},di.t({id:"Minimum required slippage is {minRequiredSlippage}",values:{...r?.type===4&&{minRequiredSlippage:r.recommendedSlippages?.get($)},...s?.type===2&&{minRequiredSlippage:s.recommendedSlippages?.get($)}}})))})):void 0}}),"getQuoteSteps")(e.result?.swaps??[]),B=S.length,M=O();return Of(()=>{c&&!x.current&&f.current&&setTimeout(()=>{f?.current?.scrollIntoView({behavior:"smooth"})},pi),x.current=c},[c,x]),W.createElement(W.Fragment,null,W.createElement(Kl,{recommended:l,listItem:a==="list-item",basic:a==="basic"},W.createElement("div",{className:Yl()},W.createElement(_f,{fee:w,time:g,steps:B}),a==="basic"&&W.createElement("div",{className:Jl()},W.createElement(tp,null,W.createElement($f,{size:12,color:"gray"})),W.createElement(op,null,W.createElement(mi,{size:"small",variant:"body"},`${v} ${S[0].from.token.displayName} = `),W.createElement(Ln,{content:ie(n.value),container:M,open:n.value?void 0:!1},W.createElement(mi,{size:"small",variant:"body"},"\xA0",`${k} ${S[S.length-1].to.token.displayName}`))),W.createElement(Ln,{content:ie(n.usdValue),container:M,style:{display:"flex"}},W.createElement(mo,{color:"$neutral600",ml:2,size:"xsmall",variant:"body"},`($${T})`))),a==="list-item"&&W.createElement(Ff,{type:"output",direction:"vertical",tooltipContainer:M,price:{value:k,usdValue:T,realValue:ie(n.value),realUsdValue:ie(n.usdValue)},token:{displayName:S[B-1].to.token.displayName,image:S[B-1].to.token.image},chain:{image:S[B-1].to.chain.image},percentageChange:y,warningLevel:E}),a==="swap-preview"&&W.createElement(W.Fragment,null,W.createElement(co,{from:S[0].from,to:S[B-1].to,percentageChange:y,warningLevel:E}),W.createElement(fi,{size:4}))),W.createElement(jl,{recommended:l,open:c,onOpenChange:h},W.createElement(Zl,{ref:N=>f.current=N,recommended:l,onClick:()=>h(N=>!N)},W.createElement("div",null,S.map((N,C)=>{let $=`item-${C}`,L=W.createElement(ci,null,W.createElement(Mf,{size:12,color:"black",...N.state&&{color:N.state==="error"?"error":"warning"}}));return W.createElement(W.Fragment,{key:$},W.createElement(Ln,{container:M,side:"bottom",sideOffset:4,content:N.from.chain.displayName},W.createElement(ui,{state:N.state||S[C-1]?.state},W.createElement(ap,{src:N.from.chain.image,size:16}))),C===B-1&&W.createElement(W.Fragment,null,L,W.createElement(Ln,{container:M,side:"bottom",sideOffset:4,content:N.to.chain.displayName},W.createElement(ui,{state:N.state},W.createElement(ap,{src:N.to.chain.image,size:16})))),C!==B-1&&W.createElement(W.Fragment,null,L))})),W.createElement(ci,{orientation:c?"up":"down"},W.createElement(Pf,{size:12,color:"black"}))),W.createElement(Rl,{open:c},W.createElement(ep,null),W.createElement("div",{className:Xl()},S.map((N,C)=>{let $=`item-${C}`;return W.createElement(Df,{type:"quote-details",key:$,step:N,hasSeparator:C!==S.length-1,state:N.state,tooltipContainer:M})}))))))}i(gi,"Quote");import{Divider as Gf,Skeleton as Hf}from"@rango-dev/ui";import at from"react";import{darkTheme as qf,styled as Pn}from"@rango-dev/ui";var up=Pn("div",{$$color:"$colors$neutral100",[`.${qf} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",borderBottomLeftRadius:"$xm",borderBottomRightRadius:"$xm",padding:"$15 ",variants:{rounded:{true:{borderRadius:"$xm"}}}}),cp=Pn("div",{paddingTop:"$2"}),mp=Pn("div",{paddingLeft:"$8"}),dp=Pn("div",{borderLeft:"1px dashed black",minHeight:" 0",margin:"0px 11.5px",alignSelf:"stretch",variants:{hideSeparator:{true:{minHeight:"unset",height:"0"}}}});import{ChainToken as vp,Divider as Lt,Skeleton as et}from"@rango-dev/ui";import G from"react";import{styled as Re}from"@rango-dev/ui";var fp=Re("div",{display:"flex",justifyContent:"space-between",alignItems:"center",height:"22px"}),gp=Re("div",{display:"flex"}),hp=Re("div",{padding:"$15 $0 14px $0"}),yp=Re("div",{padding:"$6 $0 $15 $0",display:"flex",flexDirection:"column"}),Sp=Re("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$5"}),Cp=Re("div",{display:"flex",justifyContent:"space-between",alignItems:"end"}),kp=Re("div",{height:"$28",marginLeft:"13px",borderLeft:"1px solid $neutral700"}),Tp=Re("div",{width:"65%",display:"flex",justifyContent:"start"}),wp=Re("div",{display:"flex",flexDirection:"column",alignItems:"start",flexGrow:1,maxWidth:"148px"}),xp=Re("div",{padding:"$15 $0 $15 $0"});function ho(t){let{type:e,tag:o=!1}=t,n=G.createElement(Cp,null,G.createElement(Tp,null,G.createElement(vp,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),G.createElement(Lt,{size:8,direction:"horizontal"}),G.createElement(wp,null,G.createElement(et,{height:10,width:60,variant:"rounded"}),G.createElement(Lt,{size:4}),G.createElement(et,{height:15,variant:"rounded"}))),G.createElement(et,{height:12,width:64,variant:"rounded"}));return G.createElement("div",null,G.createElement(fp,null,G.createElement(gp,null,G.createElement(et,{width:60,height:10,variant:"rounded"}),G.createElement(Lt,{size:4,direction:"horizontal"}),G.createElement(et,{width:60,height:10,variant:"rounded"}),G.createElement(Lt,{size:4,direction:"horizontal"}),G.createElement(et,{width:60,height:10,variant:"rounded"})),o&&G.createElement(et,{height:22,width:100,variant:"rounded"})),e==="basic"&&G.createElement(hp,null,G.createElement(et,{height:15,width:148,variant:"rounded"})),e==="list-item"&&G.createElement(yp,null,G.createElement(Sp,null,G.createElement(vp,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),G.createElement(Lt,{direction:"horizontal",size:4}),G.createElement(et,{height:15,width:150,variant:"rounded"})),G.createElement(Lt,{size:4}),G.createElement(et,{height:10,width:184,variant:"rounded"})),e==="swap-preview"&&G.createElement(G.Fragment,null,G.createElement(Lt,{size:4}),G.createElement(xp,null,n,G.createElement(kp,null),n)))}i(ho,"QuoteSummarySkeleton");import{ChainToken as Wp,Divider as yi,NextIcon as zf,Skeleton as Mn}from"@rango-dev/ui";import ae from"react";import{styled as yo}from"@rango-dev/ui";var Ap=yo("div",{display:"flex",alignItems:"start"}),bp=yo("div",{flexGrow:1,paddingTop:"$5",paddingBottom:"$10",display:"flex",alignItems:"center"}),hi=yo("div",{display:"flex",alignItems:"center",flexGrow:1}),Ep=yo("div",{margin:"$0 $2",padding:"$4",display:"flex",justifyContent:"center",alignItems:"center"}),Ip=yo("div",{display:"flex",alignItems:"center"});function tt(t){let{separator:e=!0}=t;return ae.createElement(ae.Fragment,null,ae.createElement(Ip,null,ae.createElement(Mn,{height:22,width:22,variant:"circular"}),ae.createElement(yi,{direction:"horizontal",size:8}),ae.createElement(Mn,{height:15,width:148,variant:"rounded"})),ae.createElement(Ap,null,ae.createElement(dp,{hideSeparator:!e}),ae.createElement(bp,null,ae.createElement(hi,null,ae.createElement(Wp,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ae.createElement(yi,{direction:"horizontal",size:8}),ae.createElement(Mn,{height:12,variant:"rounded"})),ae.createElement(Ep,null,ae.createElement(zf,{color:"gray",size:16})),ae.createElement(hi,null,ae.createElement(Wp,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ae.createElement(yi,{direction:"horizontal",size:8}),ae.createElement(Mn,{height:12,variant:"rounded"})))))}i(tt,"StepSkeleton");function Si(t){let{type:e,expanded:o,tag:n=!1}=t;return at.createElement(up,{rounded:e!=="basic"},at.createElement(ho,{type:e,tag:n}),at.createElement(cp,null,at.createElement(Hf,{height:15,variant:"rounded"})),o&&at.createElement(mp,null,at.createElement(Gf,{size:20}),at.createElement(tt,null),at.createElement(tt,null),at.createElement(tt,{separator:!1})))}i(Si,"QuoteSkeleton");import{i18n as ug}from"@lingui/core";import{Alert as cg,Button as mg,InfoIcon as dg}from"@rango-dev/ui";import Be from"react";import{Alert as Qf,Button as Vf,Divider as $p,NoRouteIcon as jf,RefreshIcon as Xf,Typography as _p}from"@rango-dev/ui";import He from"react";import{i18n as Bp}from"@lingui/core";function Np(t,e,o,n){return t?.type===1?{alert:{type:"warning",text:V().genericServerError,action:{onClick:n,title:Bp.t("Retry")}},description:""}:e.length?{alert:{type:"warning",text:V().liquiditySourcesError.title,action:{onClick:()=>o(!0),title:Bp.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(Np,"makeInfo");import{styled as Ci}from"@rango-dev/ui";var Lp=Ci("div",{minHeight:"162px",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"}),Pp=Ci("div",{width:"100%"}),Mp=Ci("div",{padding:"$6 $0"});function ki(t){let{fetch:e,error:o}=t,n=d().disabledLiquiditySources,r=d().toggleAllLiquiditySources,s=d().swappers(),a=Np(o,n,()=>r(s,!0),e);return He.createElement(Lp,null,He.createElement(jf,{size:24,color:"gray"}),He.createElement($p,{size:4}),He.createElement(_p,{variant:"title",size:"small"},V().noResultError.title),!!a.description&&He.createElement(_p,{variant:"body",size:"small",align:"center",color:"neutral700"},a.description),He.createElement($p,{size:4}),!!a.alert&&He.createElement(Pp,null,He.createElement(Qf,{type:a.alert.type,title:a.alert.text,action:a.alert.action&&He.createElement(Vf,{size:"xsmall",type:a.alert.type,prefix:He.createElement(Mp,null,He.createElement(Xf,{size:8})),onClick:a.alert.action.onClick},a.alert.action.title),variant:"alarm"})))}i(ki,"NoResult");import{i18n as So}from"@lingui/core";import{Button as Yf,Divider as zp,MessageBox as Jf,Modal as Zf,Typography as Rf,WarningIcon as eg}from"@rango-dev/ui";import ot from"react";import{Typography as Up}from"@rango-dev/ui";import wi from"react";import{darkTheme as Kf,styled as $n}from"@rango-dev/ui";var Dp=$n("div",{width:"100%",paddingTop:"$10"}),Ti=$n("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),Fp=$n("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%","._title":{$$color:"$colors$neutral600",[`.${Kf} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Op=$n("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});function qp(t){let{title:e,value:o,valueColor:n}=t;return wi.createElement(Fp,null,wi.createElement(Up,{size:"medium",variant:"label",className:"_title"},e),wi.createElement(Up,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}i(qp,"QuoteErrorsModalItem");function Gp(t){let{open:e,onClose:o,onConfirm:n,warning:r}=t,s=r.warningLevel==="high"?"error":"warning",a=[{title:So.t("Swapping"),value:I(r.inputUsdValue,4,4)},{title:So.t("Gas cost"),value:I(r.totalFee,2,2)},{title:So.t("Receiving"),value:I(r.outputUsdValue,4,4)},{title:So.t("Price impact"),value:I(r.priceImpact,2,2),valueColor:`${s}500`}];return ot.createElement(Zf,{open:e,onClose:o,container:O()},ot.createElement(Jf,{type:s,title:V().highValueLossError.impactTitle,description:V().highValueLossError.description}),ot.createElement(Ti,null,ot.createElement(zp,{size:20}),ot.createElement(Rf,{size:"small",variant:"title"},So.t("Details")),ot.createElement(Ti,null,a.map((l,p)=>ot.createElement(qp,{key:p,...l})))),ot.createElement(zp,{size:32}),ot.createElement(Yf,{type:"primary",size:"large",prefix:ot.createElement(eg,null),fullWidth:!0,onClick:n},V().highValueLossError.confirmMessage))}i(Gp,"HighValueLossWarningModal");import{i18n as xi}from"@lingui/core";function Hp(t,e){let o={alertType:"warning",title:"",action:"show-info"};return t?(t.type===0&&(st(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=xi.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=xi.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=xi.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(Hp,"makeAlerts");import{i18n as jt}from"@lingui/core";import{Button as Qp,Divider as Vp,MessageBox as tg,Modal as og,Typography as ng}from"@rango-dev/ui";import Pt from"react";import{useNavigate as rg}from"react-router-dom";function jp(t){let{customSlippage:e,slippage:o}=d(),{open:n,onClose:r,onConfirm:s,warning:a}=t,l=rg(),p=e??o;return Pt.createElement(og,{anchor:"bottom",open:n,prefix:Pt.createElement(Qp,{size:"small",variant:"ghost",onClick:()=>l("../"+_.settings)},Pt.createElement(ng,{variant:"label",size:"medium",color:"$neutral900"},jt.t("Change settings"))),container:O(),onClose:r},Pt.createElement(tg,{type:"warning",title:a.type===3?jt.t("High slippage"):jt.t("Low slippage"),description:a.type===3?jt.t({id:" Caution, your slippage is high (={userSlippage}). Your trade may be front run.",values:{userSlippage:p}}):jt.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:a.minRequiredSlippage}})},Pt.createElement(Vp,{size:18}),Pt.createElement(Vp,{size:32}),Pt.createElement(Qp,{size:"large",type:"primary",variant:"contained",fullWidth:!0,onClick:s},jt.t("Confirm anyway"))))}i(jp,"SlippageWarningModal");import{Button as ig,Divider as sg,MessageBox as ag,Modal as lg,WarningIcon as pg}from"@rango-dev/ui";import Co from"react";function Xp(t){let{open:e,onClose:o,onConfirm:n}=t;return Co.createElement(lg,{open:e,onClose:o,container:O()},Co.createElement(ag,{type:"warning",title:V().unknownPriceError.impactTitle,description:V().unknownPriceError.description}),Co.createElement(sg,{size:32}),Co.createElement(ig,{type:"primary",size:"large",prefix:Co.createElement(pg,null),fullWidth:!0,onClick:n},V().unknownPriceError.confirmMessage))}i(Xp,"UnknownPriceWarningModal");function vi(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=Hp(e,o?.type===3||o?.type===4?o:null);return Be.createElement(Be.Fragment,null,m&&Be.createElement(ki,{error:o,fetch:n}),!!c&&Be.createElement(Dp,null,Be.createElement(cg,{title:c.title,type:c.alertType,variant:"alarm",...c.action==="show-info"&&{action:Be.createElement(Op,{onClick:s},Be.createElement(dg,{size:12,color:"gray"}))},...c.action==="change-settings"&&{action:Be.createElement(mg,{size:"xxsmall",type:c.alertType,onClick:p},ug.t("Change"))}})),e&&Be.createElement(Be.Fragment,null,e.type===0&&Be.createElement(Gp,{...u,warning:e}),(e.type===3||e.type===2)&&Be.createElement(jp,{...u,warning:e}),e.type===1&&Be.createElement(Xp,{...u,warning:e})))}i(vi,"QuoteWarningsAndErrors");function ko(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:h=!1,alertPosition:f="bottom"}=t,{inputAmount:x,inputUsdValue:w,outputUsdValue:g,outputAmount:v}=U(),T=!(r&&(r.type===0||r.type===1))&&e&&e.result&&!n,A=(s||r)&&De.createElement(vi,{warning:s,error:r,loading:n,refetchQuote:a,showWarningModal:l,onOpenWarningModal:p,onCloseWarningModal:u,onConfirmWarningModal:m,onChangeSettings:c});return De.createElement(De.Fragment,null,n&&De.createElement(ai,null,De.createElement(Gl,{paddingTop:f==="top"},De.createElement(Si,{type:o,expanded:h}))),f==="top"&&De.createElement(zl,null,A),T?De.createElement(ai,null,De.createElement(gi,{quote:e,error:r,warning:s,type:o,expanded:h,recommended:!0,input:{value:x,usdValue:w?.toString()??""},output:{value:v?.toString()??"",usdValue:g?.toString()??""}})):null,f==="bottom"&&De.createElement(De.Fragment,null,!s&&!r&&De.createElement(fg,{size:16}),A))}i(ko,"QuoteInfo");import{calculatePendingSwap as yg}from"@rango-dev/queue-manager-rango-preset";import{useEffect as Sg}from"react";import{useRef as gg,useState as hg}from"react";function _n(){let[t,e]=hg(!1),o=gg(null),n=i(()=>o.current?.abort(),"cancel");return{fetch:i(async s=>{n(),o.current=new AbortController,e(!0);try{let a=await Ft().getBestRoute(s,{signal:o.current.signal});return o.current=null,a}catch(a){throw a}finally{e(!1)}},"fetch"),loading:t,cancelFetch:n}}i(_n,"useFetchQuote");function Dn(t){if(!t.result)throw new Error(V().noResultError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});if(Wr(t)){let{swap:n,recommendation:r,fromAmountRangeError:s}=Br(t);throw new Error("bridge limit error",{cause:{type:3,swap:n,recommendation:r,fromAmountRangeError:s}})}let o=Lr(t);if(o){let n=on(t);throw new Error("",{cause:{type:4,recommendedSlippages:o,minRequiredSlippage:n}})}return t}i(Dn,"throwErrorIfResponseIsNotValid");function Kp(t,e,o){let n=!1;t&&(n=Ba(t,e));let r={quote:null,quoteUpdate:null,balance:null},s=rn(e,{fromToken:o.fromToken,toToken:o.toToken,tokens:o.meta.tokens,userSlippage:o.userSlippage});s&&(r.quote=s),t&&n&&(ka(t,e)?r.quoteUpdate={type:3,newOutputAmount:I(qt(e)),percentageChange:I(Me(qt(t)??"",qt(e)??""),null,2)}:Mr(t,e)?r.quoteUpdate={type:0}:$r(t,e)?r.quoteUpdate={type:1}:_r(t,e)&&(r.quoteUpdate={type:2}));let a=Ta(e,o.selectedWallets,o.meta.blockchains);return a.length===0||(r.balance={messages:a}),r}i(Kp,"generateWarnings");function Fn(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(Fn,"handleQuoteErrors");function Ai(){let{fromToken:t,toToken:e,inputAmount:o,setQuote:n,quote:r,customDestination:s,setQuoteWarningsConfirmed:a}=U(),{slippage:l,customSlippage:p,affiliatePercent:u,affiliateRef:m,affiliateWallets:c,disabledLiquiditySources:h}=d(),{connectedWallets:f}=H(),x=d().blockchains(),w=d().tokens(),{features:g}=d().config,{enableNewLiquiditySources:v}=d().config,k=p||l,{fetch:T,cancelFetch:A,loading:y}=_n();return Sg(()=>A,[]),{loading:y,fetch:i(async b=>{let S=b.selectedWallets,B=b?.customDestination??s;if(!t||!e||!o)return{quote:null,swap:null,error:null,warnings:null};let M=nn({fromToken:t,toToken:e,inputAmount:o,wallets:f,selectedWallets:S,excludeLiquiditySources:v,disabledLiquiditySources:h,slippage:k,affiliateRef:m,affiliatePercent:u,affiliateWallets:c,initialQuote:r??void 0,destination:B});Yo("experimentalRoute",g)&&(M.experimental=!0);let N;try{N=await T(M).then(q=>Dn(q)),n(N)}catch(q){return Fn(q)}let C={slippage:k.toString(),disabledSwappersGroups:h},$=yg(o.toString(),N,Sa(S),C,!1,{blockchains:x,tokens:w}),L=Kp(r??void 0,N,{fromToken:t,toToken:e,meta:{blockchains:x,tokens:w},selectedWallets:S,userSlippage:k});return L.quoteUpdate&&a(!1),{quote:N,swap:$,error:null,warnings:L}},"fetch"),cancelFetch:A}}i(Ai,"useConfirmSwap");var Bg=Zp("div",{position:"relative",width:"100%","& .quote-update__alert":{paddingTop:"$10"}}),Ng=Zp("div",{width:"100%",display:"flex",justifyContent:"space-between",[`& ${Jp}`]:{width:"$48",height:"$48"}}),Lg=bi({flexGrow:1,paddingRight:"$10"}),Pg=bi({width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"}),Mg=bi({display:"flex",justifyContent:"space-between",alignItems:"center"});function Rp(){let{quote:t,setInputAmount:e,selectedWallets:o,quoteWalletsConfirmed:n,setQuoteWalletConfirmed:r,customDestination:s,quoteWarningsConfirmed:a}=U(),l=Wg(),[p,u]=Un(""),{connectedWallets:m}=H(),c=!n,[h,f]=Un(!1),x=Ae.use.setSelectedSwap(),w=d().disabledLiquiditySources,g=Eg(w),{manager:v}=Cg(),{fetch:k,loading:T,cancelFetch:A}=Ai(),[y,E]=Un({swap:null,error:null,warnings:null}),[b,S]=Un(!1),B=i(async({selectedWallets:L,customDestination:q})=>{let R=await k?.({selectedWallets:L,customDestination:q});return E(R),R},"onConfirmSwap"),M=i(async()=>{if(y.swap&&n)try{await v?.create("swap",{swapDetails:y.swap},{id:y.swap.requestId}),x(y.swap.requestId);let L=`../${_.swaps}/${y.swap.requestId}`;l(L,{replace:!0}),setTimeout(()=>{e("")},0)}catch(L){u("Error: "+L?.message)}},"addNewSwap"),N=i(async()=>{await M()},"onConfirm"),C=i(async()=>{y?.warnings?.quote&&!a?S(!0):await N()},"onStartConfirmSwap"),$=i(async()=>{E({error:null,swap:null,warnings:null}),k({selectedWallets:o,customDestination:s}).then(L=>{E(L)}).catch(L=>console.error(L))},"onRefresh");return To(()=>{!!g.current.length&&!w.length&&$(),g.current=w},[w.length]),To(()=>{c&&A()},[c]),To(()=>{c&&f(c)},[c]),To(()=>{c||k({selectedWallets:o,customDestination:s}).then(L=>E(L)).catch(L=>console.error(L))},[]),To(()=>{let L=y.warnings?.quote?.type&&Object.values(ft).includes(y.warnings?.quote?.type),q=o.length<1||!o.every(ee=>m.find(Q=>ee.address===Q.address&&ee.walletType===Q.walletType&&ee.chain===Q.chain)),R=!1;if(L){let ee=Jo(t),Q=t?.result?.swaps[t.result.swaps.length-1].to.blockchain;!!t?.result?.swaps.find(Se=>Se.from.blockchain===Q)||(ee=ee.slice(-ee.length,ee.length-1)),ee.every(Se=>o.find(Ce=>Ce.chain===Se))||(R=!0)}t&&(q||R)&&(queueMicrotask(()=>Ig(f.bind(null,!0))),r(!1))},[y.warnings?.quote,o.length,m.length]),bg(()=>{t||l("../")},[]),ne.createElement(K,{header:{title:On.t("Confirm Swap"),onWallet:()=>{let L=`../${_.wallets}`;l(L)},suffix:ne.createElement(xg,{container:O(),side:"bottom",content:On.t("Settings")},ne.createElement($e,{size:"small",variant:"ghost",onClick:()=>l("../"+_.settings)},ne.createElement(wg,{size:18,color:"black"})))},footer:ne.createElement(Ng,null,ne.createElement("div",{className:Lg()},ne.createElement(kg,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:T,disabled:!!y.error,onClick:C},On.t("Start Swap"))),ne.createElement(Jp,{variant:"contained",type:"primary",size:"large",loading:T,onClick:f.bind(null,!0)},ne.createElement(Ag,{size:24})))},h&&ne.createElement(ql,{open:h,onClose:()=>f(!1),onCancel:A,loading:T,onCheckBalance:B}),ne.createElement(Bg,null,ne.createElement("div",{className:Mg()},ne.createElement(vg,{variant:"title",size:"small"},On.t("You get")),ne.createElement("div",{className:Pg()},ne.createElement(xn,{onClick:!T&&!h&&!b?$:void 0}))),p&&ne.createElement(ne.Fragment,null,ne.createElement(Yp,{type:"error",variant:"alarm",title:p}),ne.createElement(Tg,{size:12})),y.warnings?.quoteUpdate&&ne.createElement("div",{className:"quote-update__alert"},ne.createElement(Yp,{variant:"alarm",type:"warning",title:y.warnings.quoteUpdate&&fn(y.warnings.quoteUpdate)})),ne.createElement(ko,{quote:t,type:"swap-preview",expanded:!0,alertPosition:"top",error:y.error,loading:T,warning:y.warnings?.quote??null,refetchQuote:$,showWarningModal:b,onOpenWarningModal:()=>S(!0),onCloseWarningModal:()=>S(!1),onConfirmWarningModal:async()=>{S(!1),await M()},onChangeSettings:()=>l("../"+_.settings)})))}i(Rp,"ConfirmSwapPage");import{i18n as Hn}from"@lingui/core";import{useManager as zg}from"@rango-dev/queue-manager-react";import{Divider as Gg,NotFound as Hg,styled as au}from"@rango-dev/ui";import Tt,{useState as Qg}from"react";import{useNavigate as Vg}from"react-router-dom";import{CloseIcon as _g,IconButton as Dg,SearchIcon as Fg,TextField as Og}from"@rango-dev/ui";import wo from"react";import{styled as $g}from"@rango-dev/ui";var eu=$g("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function lt(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:s,value:a,setValue:l,...p}=t;return wo.createElement(Og,{prefix:wo.createElement(eu,null,wo.createElement(Fg,{color:"black"})),suffix:!!a.length&&wo.createElement(Dg,{variant:"ghost",onClick:()=>l?.(""),size:"small"},wo.createElement(_g,{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(lt,"SearchInput");import{i18n as Bi}from"@lingui/core";import{Divider as ou,SwapListItem as nu,Typography as ru}from"@rango-dev/ui";import te from"react";import{css as Ug,darkTheme as qg,styled as qn}from"@rango-dev/ui";var zn=Ug(),Ei=qn("div",{width:"100%",display:"flex",flexDirection:"column",[`& .${zn}`]:{$$color:"$colors$neutral600",[`.${qg} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Ii=qn("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),Wi=qn("div",{gap:"$10",display:"flex",flexDirection:"column"}),tu=qn("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});function Ni(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,s=n?n(e):[{title:"History",swaps:e}];if(r){let a=[{},{}],l=[{title:Bi.t("Today"),swaps:a},{title:Bi.t("This month"),swaps:a}];return te.createElement(te.Fragment,null,l.map(p=>te.createElement(te.Fragment,{key:p.title},te.createElement(Ei,null,te.createElement(Ii,null,te.createElement(ru,{variant:"label",size:"medium",className:zn()},p.title)),te.createElement(ou,{size:4}),te.createElement(Wi,null,p.swaps.map((u,m)=>{let c=m+p.title;return te.createElement(te.Fragment,{key:c},te.createElement(nu,{isLoading:!0}))}))))))}return te.createElement(te.Fragment,null,s.filter(a=>a.swaps.length>0).map(a=>te.createElement(te.Fragment,{key:a.title},te.createElement(Ei,null,te.createElement(Ii,null,te.createElement(ru,{variant:"label",size:"medium",className:zn()},a.title)),te.createElement(ou,{size:4}),te.createElement(Wi,null,a.swaps.map(l=>{let p=l.steps[0],u=l.steps[l.steps.length-1];return te.createElement(te.Fragment,{key:l.requestId},te.createElement(nu,{requestId:l.requestId,creationTime:l.creationTime,status:l.status,onClick:o,tooltipContainer:O(),onlyShowTime:a.title===Bi.t("Today"),swapTokenData:{from:{token:{image:p.fromLogo,displayName:p.fromSymbol},blockchain:{image:p.fromBlockchainLogo||""},amount:I(l.inputAmount,6,6),realAmount:ie(l.inputAmount)},to:{token:{image:u.toLogo,displayName:u.toSymbol},blockchain:{image:u.toBlockchainLogo||""},amount:I(u.outputAmount||u.expectedOutputAmountHumanReadable||"",6,6),realAmount:ie(u.outputAmount||u.expectedOutputAmountHumanReadable)}}}))}))))))}i(Ni,"SwapsGroup");import{i18n as Gn}from"@lingui/core";import iu from"dayjs";var su=i(t=>{let e=new Map([["today",{title:Gn.t("Today"),swaps:[]}],["week",{title:Gn.t("This week"),swaps:[]}],["month",{title:Gn.t("This month"),swaps:[]}],["year",{title:Gn.t("This year"),swaps:[]}]]);function o(r,s){e.has(r)||e.set(r,{title:r,swaps:[]}),e.get(r)?.swaps.push(s)}i(o,"addYearsToOutput");let n=iu();return t.forEach(r=>{let s=Number(r.creationTime),a=iu(s);if(n.isSame(a,"day"))e.get("today")?.swaps.push(r);else if(n.isSame(a,"week"))e.get("week")?.swaps.push(r);else if(n.isSame(a,"month"))e.get("month")?.swaps.push(r);else if(n.isSame(a,"year"))e.get("year")?.swaps.push(r);else{let l=new Date(s).getFullYear().toString();o(l,r)}}),Array.from(e.values())},"groupSwapsByDate");var Xt=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 jg=au("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",height:"100%",gap:15}),Xg=au("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),Kg=i((t,e)=>t?.length?t.filter(o=>Xe(o.fromBlockchain,e)||Xe(o.toBlockchain,e)||Xe(o.toSymbol,e)||Xe(o.fromSymbol,e)).length:!1,"isStepContainsText");function lu(){let t=Ae.use.setSelectedSwap(),e=Vg(),{manager:o,state:n}=zg(),r=Xt(o).map(({swap:c})=>c),[s,a]=Qg(""),l=!n.loadedFromPersistor,p=i(c=>{let h=c.target.value;a(h)},"searchHandler"),u=r;s&&(u=r.filter(c=>Xe(c.inputAmount,s)||Xe(c.status,s)||Kg(c.steps,s)||Xe(c.requestId,s)));let m=!u?.length&&!l;return Tt.createElement(K,{header:{title:Hn.t("History")}},Tt.createElement(jg,null,Tt.createElement(lt,{setValue:a,fullWidth:!0,variant:"contained",placeholder:Hn.t("Search Transaction"),autoFocus:!0,onChange:p,value:s}),Tt.createElement(Xg,null,m&&Tt.createElement(tu,null,Tt.createElement(Gg,{size:32}),Tt.createElement(Hg,{title:Hn.t("No results found"),description:s?Hn.t("Try using different keywords"):""})),!m&&Tt.createElement(Ni,{list:u,onSwapClick:c=>{t(c),e(c)},groupBy:su,isLoading:l}))))}i(lu,"HistoryPage");import{i18n as Mi}from"@lingui/core";import{Button as oh,styled as $i,SwapInput as mu,WarningIcon as nh}from"@rango-dev/ui";import Fe,{useEffect as rh,useRef as ih,useState as sh}from"react";import{useNavigate as ah}from"react-router-dom";import{ReverseIcon as Yg,styled as pu}from"@rango-dev/ui";import Li from"react";var Jg=pu("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),Zg=pu("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 uu(){let t=U.use.switchFromAndTo();return Li.createElement(Jg,null,Li.createElement(Zg,{onClick:()=>{t()}},Li.createElement(Yg,{size:12})))}i(uu,"SwitchFromAndToButton");import{useCallback as Rg,useEffect as eh,useState as Pi}from"react";var th=600;function cu(){let{fetch:t,cancelFetch:e}=_n(),{liquiditySources:o,enableNewLiquiditySources:n,features:r}=d().config,s=d().tokens(),{fromToken:a,toToken:l,inputAmount:p,inputUsdValue:u,quote:m,resetQuote:c,setQuote:h}=U(),{slippage:f,customSlippage:x,affiliatePercent:w,affiliateRef:g,affiliateWallets:v,disabledLiquiditySources:k}=d(),[T,A]=Pi(!1),[y,E]=Pi(null),[b,S]=Pi(null),B=x??f,N=!a||!l||Le(a,l)||!no(p),C=i(q=>{A(q),E(null),S(null)},"resetState"),$=i(q=>{let{fromToken:R,toToken:ee,inputAmount:Q,liquiditySources:re,excludeLiquiditySources:ye,disabledLiquiditySources:Se,slippage:Ce,affiliateRef:_t,affiliatePercent:oo,affiliateWallets:dt}=q;if(T||C(!0),!N&&R&&ee){c();let At=nn({fromToken:R,toToken:ee,inputAmount:Q,liquiditySources:re,excludeLiquiditySources:ye,disabledLiquiditySources:Se,slippage:Ce,affiliateRef:_t,affiliatePercent:oo,affiliateWallets:dt});Yo("experimentalRoute",r)&&(At.experimental=!0),t(At).then(F=>{A(!1),h(F),Dn(F);let z=rn(F,{fromToken:R,toToken:ee,userSlippage:B,tokens:s});S(z)}).catch(F=>{let{error:z}=Fn(F);(z?.type===0||z?.type===1)&&c(),z?.type!==2&&(E(z),A(!1))})}},"fetch"),L=Rg(Zs(q=>{N||$(q)},th),[N]);return eh(()=>{if(!no(p)||u?.eq(0)){C(!1),e();return}if(N){m&&c();return}return c(),C(!0),L({inputAmount:p,fromToken:a,toToken:l,liquiditySources:o,excludeLiquiditySources:n,disabledLiquiditySources:k,slippage:B,affiliateRef:g,affiliatePercent:w,affiliateWallets:v}),e},[p,a?.symbol,a?.address,a?.blockchain,l?.symbol,l?.address,l?.blockchain,N,o?.length,n,k.length,B,g,w,JSON.stringify(v)]),{fetch:()=>$({inputAmount:p,fromToken:a,toToken:l,liquiditySources:o,excludeLiquiditySources:n,disabledLiquiditySources:k,slippage:B,affiliateRef:g,affiliatePercent:w,affiliateWallets:v}),loading:T,error:y,warning:b}}i(cu,"useSwapInput");var lh=$i("div",{display:"flex",flexDirection:"column",overflowY:"visible","& .quote__container":{paddingTop:"$2"}}),ph=$i("div",{position:"relative"}),uh=$i("div",{display:"flex",flexDirection:"column",gap:5,alignSelf:"stretch"});function du(){let t=ah(),{fetch:e,loading:o,error:n,warning:r}=cu(),{fromToken:s,fromBlockchain:a,toToken:l,toBlockchain:p,setInputAmount:u,inputAmount:m,inputUsdValue:c,outputAmount:h,outputUsdValue:f,quote:x,resetQuoteWallets:w,setQuoteWarningsConfirmed:g}=U(),v=d().fetchStatus,{connectedWallets:k,getBalanceFor:T}=H(),A=Ae.use.setCurrentPage(),[y,E]=sh(!1),b=ih(null),S=!!a&&js(k,a.name),B=!1,M=!Nr(x,m,c),N=!Nr(x,m,f),C=ga({fetchMetaStatus:v,fetchingQuote:o,inputAmount:m,quote:x,anyWalletConnected:k.length>0,error:n,warning:r,needsToWarnEthOnPath:B}),$=s?T(s):null,L=Qo($)?.amount??"0",q=a&&s?I($?.amount,$?.decimals):"0";rh(()=>(A(_.home),w(),A.bind(null,"")),[]);let R=!c||!f||!f.gt(0)?null:Me(c.toString(),f.toString());return Fe.createElement(K,{ref:b,fixedHeight:!1,hasLogo:!0,footer:Fe.createElement(oh,{type:"primary",size:"large",disabled:C.disabled,prefix:C.action==="confirm-warning"&&Fe.createElement(nh,null),fullWidth:!0,onClick:()=>{C.action==="connect-wallet"?t(_.wallets):C.action==="confirm-warning"?E(!0):t(_.confirmSwap)}},C.title),header:{onWallet:()=>{t(_.wallets)},hasBackButton:!1,title:Mi.t("Swap"),suffix:Fe.createElement(Zr,{layoutRef:b.current,onClickRefresh:(x||n)&&!y?e:void 0,onClickHistory:()=>t(_.swaps),onClickSettings:()=>t(_.settings)})}},Fe.createElement(lh,null,Fe.createElement(uh,null,Fe.createElement(ph,null,Fe.createElement(mu,{label:Mi.t("From"),mode:"From",onInputChange:u,balance:L,chain:{displayName:a?.displayName||"",image:a?.logo||""},token:{displayName:s?.symbol||"",image:s?.image||""},onClickToken:()=>t(_.fromSwap),price:{value:m,usdValue:M?void 0:I(c,4,4),realUsdValue:M?void 0:ie(c),error:M?V().unknownPriceError.impactTitle:void 0},disabled:v==="failed",loading:v==="loading",loadingBalance:S,tooltipContainer:O(),onSelectMaxBalance:()=>{L!=="0"&&u(q.split(",").join(""))}}),Fe.createElement(uu,null)),Fe.createElement(mu,{sharpBottomStyle:!!x?.result||o,label:Mi.t("To"),mode:"To",fetchingQuote:o,chain:{displayName:p?.displayName||"",image:p?.logo||""},token:{displayName:l?.symbol||"",image:l?.image||""},percentageChange:I(Me(c,f),2,2),warningLevel:st(R??0),price:{value:I(h,6,6),usdValue:N?void 0:I(f,4,4),realValue:ie(h),realUsdValue:N?void 0:ie(f),error:N?V().unknownPriceError.impactTitle:void 0},onClickToken:()=>t(_.toSwap),disabled:v==="failed",loading:v==="loading",tooltipContainer:O()})),Fe.createElement("div",{className:"quote__container"},Fe.createElement(ko,{quote:x,loading:o,error:n,warning:r,type:"basic",refetchQuote:e,showWarningModal:y,onOpenWarningModal:()=>E(!0),onCloseWarningModal:()=>E(!1),onConfirmWarningModal:()=>{E(!1),g(!0),t(_.confirmSwap)},onChangeSettings:()=>t(_.settings)}))))}i(du,"Home");import{i18n as fu}from"@lingui/core";import{List as ch,ListItemButton as mh,Radio as dh,RadioRoot as fh,Typography as gh}from"@rango-dev/ui";import wt from"react";import{styled as Qn}from"@rango-dev/ui";var pt=Qn("div",{height:"100%",overflow:"hidden"}),xo=Qn("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto"}),_i=Qn("div",{width:80,display:"flex",justifyContent:"flex-end"}),Di=Qn("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});function Vn(){let{setLanguage:t,language:e}=d();return{activeLanguage:e,languages:ta,defaultLanguage:Ut,changeLanguage:r=>t(r||Ut)}}i(Vn,"useLanguage");function gu(){let{activeLanguage:t,changeLanguage:e,languages:o}=Vn(),n=o.map(r=>{let{local:s,label:a,SVGFlag:l}=r;return{id:s,value:s,title:wt.createElement(gh,{variant:"title",size:"xmedium"},a),onClick:()=>e(r.local),end:wt.createElement(dh,{value:s}),start:wt.createElement(l,null)}});return wt.createElement(K,{header:{title:fu.t("Language")}},wt.createElement(pt,null,wt.createElement(fh,{value:t},wt.createElement(ch,{type:wt.createElement(mh,{title:fu.t("language"),id:"_",onClick:()=>console.log()}),items:n}))))}i(gu,"LanguagePage");import{i18n as ut}from"@lingui/core";import{Button as kh,Checkbox as Th,Image as wh,ListItemButton as xh,NotFound as vh,Typography as Ah}from"@rango-dev/ui";import ke,{useState as bh}from"react";import{Checkbox as Sh,Skeleton as yu}from"@rango-dev/ui";import vo from"react";import{ListItem as hh,styled as yh}from"@rango-dev/ui";var hu=yh(hh,{height:61});var Ch=30;function Fi(){return vo.createElement(xo,null,Array.from(Array(Ch),t=>vo.createElement(hu,{hasDivider:!0,key:t,start:vo.createElement(yu,{variant:"circular",width:35,height:35}),title:vo.createElement(yu,{variant:"text",size:"large",width:90}),end:vo.createElement(Sh,{checked:!1})})))}i(Fi,"LoadingLiquiditySourceList");function Oi({sourceType:t}){let e=d().fetchStatus,o=d().swappers(),n=d().disabledLiquiditySources,[r,s]=bh(""),a=d().toggleLiquiditySource,l=Ko(o,n),p={Exchanges:ut.t("Exchanges"),Bridges:ut.t("Bridges")},u=[];t==="Exchanges"&&u.push("DEX"),t==="Bridges"&&(u.push("BRIDGE"),u.push("AGGREGATOR"));let m=l.filter(g=>u.includes(g.type)),c=m.length===m.filter(g=>g.selected).length,h=i(()=>{m.forEach(g=>{c?a(g.groupTitle):g.selected||a(g.groupTitle)})},"toggleAllSources"),f=m.map(g=>{let{selected:v,groupTitle:k,logo:T}=g;return{start:ke.createElement(wh,{src:T,size:22,type:"circular"}),onClick:()=>a(k),end:ke.createElement(Th,{checked:v}),title:ke.createElement(Ah,{variant:"title",size:"xmedium"},ut.t(k)),...g}}),x=i(g=>{let v=g.target.value;s(v)},"searchHandler"),w=f;return r&&(w=f.filter(g=>Xe(g.groupTitle,r))),ke.createElement(K,{header:{title:ut.t(t),suffix:ke.createElement(_i,null,ke.createElement(kh,{variant:"ghost",size:"xsmall",onClick:h},c?ut.t("Deselect all"):ut.t("Select all")))}},ke.createElement(pt,null,ke.createElement(lt,{value:r,setValue:s,fullWidth:!0,color:"light",variant:"contained",placeholder:ut.t("Search {sourceType}",{sourceType:p[t]}),onChange:x}),e==="loading"&&ke.createElement(Fi,null),!w.length&&r?ke.createElement(Di,null,ke.createElement(vh,{title:ut.t("No results found"),description:ut.t("Try using different keywords")})):e==="success"&&ke.createElement(xo,null,w.map(g=>ke.createElement(ke.Fragment,{key:g.id},ke.createElement(xh,{style:{height:"61px"},...g,selected:!1,hasDivider:!0}))))))}i(Oi,"LiquiditySourcePage");import{i18n as Au}from"@lingui/core";import{Divider as Gi,getCountCategories as _h,SelectableCategoryList as Dh}from"@rango-dev/ui";import ct,{useState as bu}from"react";import{i18n as qi}from"@lingui/core";import{Divider as xu,Image as Nh,ListItemButton as Lh,NotFound as Ph,Typography as vu}from"@rango-dev/ui";import Oe,{useEffect as Mh,useState as $h}from"react";import{BlockchainCategories as Ui}from"@rango-dev/ui";import{TransactionType as jn}from"rango-sdk";var Eh=i((t,e)=>{switch(e){case Ui.ALL:return!0;case Ui.UTXO:return t.type===jn.TRANSFER;case Ui.OTHER:return t.type!==jn.TRANSFER&&t.type!==jn.COSMOS&&t.type!==jn.EVM;default:return t.type===e}},"filterByType"),Su=i((t,e,o)=>t.filter(n=>Eh(n,o)).filter(n=>bt(n.name,e)||bt(n.displayName,e)),"filterBlockchains");import{ImageContainer as Ih,styled as Cu}from"@rango-dev/ui";var ku=Cu("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),Xn=Cu("ul",{padding:0,margin:0,listStyle:"none",overflowY:"auto",paddingRight:"$5",[`& ${Ih}`]:{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as Wh,Skeleton as Tu}from"@rango-dev/ui";import Kn from"react";var Bh=20;function wu(){return Kn.createElement(Xn,null,Array.from(Array(Bh),t=>Kn.createElement(Wh,{key:t,hasDivider:!0,start:Kn.createElement(Tu,{variant:"circular",width:35,height:35}),title:Kn.createElement(Tu,{variant:"text",size:"large",width:90})})))}i(wu,"LoadingBlockchainList");function zi(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[s,a]=$h(e),{fetchStatus:l}=d();Mh(()=>{a([...Su(e,o,r)])},[e,o,r]);let p=i(()=>!s.length&&o?Oe.createElement(Oe.Fragment,null,Oe.createElement(xu,{size:32}),Oe.createElement(Ph,{title:qi.t("No results found"),description:qi.t("Try using different keywords")})):Oe.createElement(Xn,{key:`${r}-${o}`},s.map(u=>Oe.createElement(Lh,{key:`${u.name}-${u.chainId}`,hasDivider:!0,onClick:()=>n(u),start:Oe.createElement(Nh,{src:u.logo,size:30}),title:Oe.createElement(vu,{variant:"title",size:"medium"},u.displayName),id:u.chainId}))),"renderList");return Oe.createElement(ku,null,Oe.createElement(vu,{variant:"label",size:"large"},qi.t("Select Blockchain")),Oe.createElement(xu,{size:4}),l==="loading"&&Oe.createElement(wu,null),l==="success"&&p())}i(zi,"BlockchainList");function Hi(t){let{type:e}=t,o=St(),[n,r]=bu(""),[s,a]=bu("ALL"),l=U.use.setToBlockchain(),p=U.use.setFromBlockchain(),u=d().fetchStatus,m=d().blockchains({type:e}),h=_h(m)!==1;return ct.createElement(K,{header:{title:Au.t("Select Blockchain")}},ct.createElement(Gi,{size:12}),h&&ct.createElement(ct.Fragment,null,ct.createElement(Dh,{setCategory:a,category:s,blockchains:m,isLoading:u==="loading"}),ct.createElement(Gi,{size:24})),ct.createElement(lt,{value:n,autoFocus:!0,placeholder:Au.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:f=>r(f.target.value)}),ct.createElement(Gi,{size:16}),ct.createElement(zi,{list:m,searchedFor:n,blockchainCategory:s,onChange:f=>{e==="source"?p(f):l(f),o()}}))}i(Hi,"SelectBlockchainPage");import{i18n as er}from"@lingui/core";import{Divider as Vu}from"@rango-dev/ui";import Jt,{useState as ty}from"react";import{useNavigate as oy}from"react-router-dom";import{i18n as ji}from"@lingui/core";import{BlockchainsChip as Yn,Divider as Bu,Image as Nu,Skeleton as zh,Tooltip as Gh,Typography as Xi}from"@rango-dev/ui";import le from"react";import{useEffect as Uh}from"react";var Eu=["ETH","COSMOS","OSMOSIS"];function Qi(t,e,o){let n=JSON.parse(JSON.stringify(t)),r=[];if(n.sort(Fh),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(Oh(a)),r=n.splice(s)}return{list:n,more:r}}i(Qi,"prepare");function Fh(t,e){let o=Eu,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(Fh,"sortByMostUsedBlockchains");function Oh(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(Oh,"generateSortByPreferredBlockchainsFor");function Iu(t,e){return!!e.list.find(o=>o.name===t)}i(Iu,"isInVisibleList");function Vi(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=d();Uh(()=>{if(e?.selected){let s=Qi(t,o,e);Iu(e.selected,s)||n(e?.selected)}},[e?.selected]);let r=Qi(t,o,e);return{list:r.list,more:r.more,history:[]}}i(Vi,"usePrepareBlockchainList");import{styled as qh}from"@rango-dev/ui";var Wu=qh("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var Hh=12;function Ki(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:s}=t,a=Vi(e,{limit:10,selected:n?.name}),{fetchStatus:l}=d(),p=U.use.resetToBlockchain(),u=U.use.resetFromBlockchain(),m=a.more.length>0,c=a.more.length===1,h=!c&&m;return le.createElement(le.Fragment,null,le.createElement(Bu,{size:12}),le.createElement(Xi,{variant:"label",size:"large"},ji.t("Select Blockchain")),le.createElement(Bu,{size:12}),le.createElement(Wu,null,l==="loading"&&Array.from(Array(Hh),f=>le.createElement(zh,{key:f,variant:"rounded",height:50})),l==="success"&&le.createElement(le.Fragment,null,le.createElement(Yn,{selected:!n,onClick:()=>{o==="from"?u():p()}},le.createElement(Xi,{variant:"body",size:"xsmall",color:"secondary500"},ji.t("All"))),a.list.map(f=>le.createElement(Gh,{key:f.name,content:f.shortName,side:"bottom",sideOffset:2,container:O()},le.createElement(Yn,{key:f.name,selected:!!n&&n.name===f.name,onClick:()=>r(f)},le.createElement(Nu,{src:f.logo,size:30})))),c?le.createElement(Yn,{key:a.more[0].name,selected:!!n&&n.name===a.more[0].name,onClick:()=>r(a.more[0])},le.createElement(Nu,{src:a.more[0].logo,size:30})):null,h?le.createElement(Yn,{onClick:s,key:"more-blockchains"},le.createElement(Xi,{variant:"body",size:"xsmall",color:"secondary500"},ji._("More +{count}",{count:a.more.length}))):null)))}i(Ki,"BlockchainsSection");import{i18n as is}from"@lingui/core";import{darkTheme as qu,Divider as Yt,ExternalLinkIcon as jh,Image as Xh,ListItemButton as Kh,NotFound as Yh,PinIcon as Jh,Skeleton as zu,Typography as Rn,VirtualizedList as Zh}from"@rango-dev/ui";import D,{forwardRef as Rh,useEffect as Gu,useState as Hu}from"react";import{Divider as Ou,ListItem as Vh,Skeleton as Ao}from"@rango-dev/ui";import Ve from"react";import{css as Kt,darkTheme as Lu,ImageContainer as Qh,styled as Qe,Typography as Pu}from"@rango-dev/ui";var Yi=Kt({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}),Ji=Kt({position:"relative",height:12,width:"30%",maxWidth:"150px"}),Zi=Kt({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",bottom:"-8px"}),Ri=Kt({transform:"translateY(12px)",visibility:"hidden","& a":{display:"flex",justifyContent:"center",alignItems:"center",fontSize:"$12",lineHeight:"$16",$$color:"$colors$neutral600",[`.${Lu} &`]:{$$color:"$colors$neutral700"},color:"$$color",textDecoration:"none"}}),es=Kt({}),ts=Kt(),Mu=Qe("div",{display:"flex",flexDirection:"column",flexGrow:1}),os=Qe("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),Jn=Qe("ul",{flexGrow:1,padding:0,margin:0,listStyle:"none","& li":{alignItems:"none","&:hover":{[`& .${Ji}`]:{[`& .${Ri}`]:{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",visibility:"visible"},[`& .${es}`]:{bottom:"-15px"},[`& .${Yi}`]:{position:"absolute",transform:"translateY(-12px)",visibility:"hidden"},[`& .${Zi}`]:{position:"absolute",transform:"translateY(-12px)",bottom:"-10px"}}}}}),ns=Qe("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),rs=Qe(Pu,{}),$u=Qe("div",{textAlign:"right",width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",[`& .${ts}`]:{$$color:"$colors$neutral600",[`.${Lu} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Zn=Qe("div",{display:"flex",alignItems:"end",flexDirection:"column"}),FN=Qe("div",{display:"flex",alignItems:"center"}),_u=Qe("div",{position:"relative",[`& ${Qh}`]:{borderRadius:"$xm",overflow:"hidden"}}),Du=Qe("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6}),Fu=Qe(Pu,{width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"});function Uu(t){return Ve.createElement(Jn,null,Array.from(Array(t.size),e=>Ve.createElement(Vh,{key:e,hasDivider:!0,start:Ve.createElement(Ao,{variant:"circular",width:35,height:35}),end:Ve.createElement(Zn,null,Ve.createElement(Ao,{variant:"text",size:"large",width:70}),Ve.createElement(Ou,{size:4}),Ve.createElement(Ao,{variant:"text",size:"medium",width:50})),title:Ve.createElement("div",null,Ve.createElement(Ao,{variant:"text",size:"large",width:90}),Ve.createElement(Ou,{size:4}),Ve.createElement(Ao,{variant:"text",size:"medium",width:90}))})))}i(Uu,"LoadingTokenList");var ss=20,ey=i(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:s,customCssForTagTitle:a}=t,l=e.length;return D.createElement("div",{className:Ji()},o?D.createElement("div",{className:Yi()},o):D.createElement(os,{className:Zi()},D.createElement(Rn,{variant:"title",size:"xmedium"},r.symbol),D.createElement(Yt,{direction:"horizontal",size:4}),D.createElement(ns,{css:s},D.createElement(rs,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&D.createElement("div",{className:`${Ri()} ${!o&&es()}`},D.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," ",D.createElement(Yt,{size:4,direction:"horizontal"}),D.createElement(jh,{color:"gray",size:12}))))},"renderDesc");function Qu(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[s,a]=Hu(e),l=d().fetchStatus,p=d().blockchains(),[u,m]=Hu(!0),{getBalanceFor:c,loading:h}=H(),{isTokenPinned:f}=d(),x=Rh((v,k)=>D.createElement("div",{...v,ref:k,style:{...v.style,height:`${parseFloat(v.style?.height)+8*2}px`}})),w=i(()=>{a(e.slice(0,s.length+ss))},"loadNextPage");Gu(()=>{m(e.length>s.length)},[s.length]),Gu(()=>{a(e.slice(0,ss))},[e]);let g=i(()=>!s.length&&o?D.createElement(D.Fragment,null,D.createElement(Yt,{size:32}),D.createElement(Yh,{title:is.t("No results found"),description:is.t("Try using different keywords")})):D.createElement(Zh,{Item:({index:v,style:k})=>{let T=s[v],A=Qo(c(T)),y=T.address||"",E=p.find(M=>M.name===T.blockchain),b=Sn(T.symbol,E?.color||""),S={$$color:b[`${T.symbol}100`],[`.${qu} &`]:{$$color:b[`${T.symbol}900`]},backgroundColor:"$$color"},B={$$color:b[`${T.symbol}700`],[`.${qu} &`]:{$$color:b[`${T.symbol}100`]},color:"$$color"};return D.createElement("div",{style:{...k,paddingRight:5}},D.createElement(Kh,{style:{height:k?.height,width:"100%",overflow:"hidden"},"tab-index":v,key:`${T.symbol}${T.address}`,id:`${T.symbol}${T.address}`,hasDivider:!0,onClick:()=>n(s[v]),start:D.createElement(_u,null,D.createElement(Xh,{src:T.image,size:30}),f(T,t.type)&&D.createElement(Du,null,D.createElement(Jh,{size:12,color:"gray"}))),title:E?.type==="COSMOS"||T.name||!T.name&&!y?D.createElement(os,null,D.createElement(Rn,{variant:"title",size:"xmedium"},T.symbol),D.createElement(Yt,{direction:"horizontal",size:4}),D.createElement(ns,{css:S},D.createElement(rs,{variant:"body",size:"xsmall",css:B},T.blockchain))):void 0,description:E?.info&&y&&E.type!=="COSMOS"?ey({address:y,token:s[v],customCssForTag:S,customCssForTagTitle:B,name:T.name,url:E.info.addressUrl.split("{wallet}").join(y)}):T.name||void 0,end:h?D.createElement(Zn,null,D.createElement(zu,{variant:"text",size:"large",width:70}),D.createElement(Yt,{size:4}),D.createElement(zu,{variant:"text",size:"medium",width:50})):A&&D.createElement($u,null,D.createElement(Fu,{variant:"title",size:"small"},A.amount),D.createElement("div",null),A.usdValue&&D.createElement(Rn,{variant:"body",className:ts(),size:"xsmall"},`$${A.usdValue}`))}))},hasNextPage:u,itemCount:s.length,loadNextPage:w,innerElementType:x,size:60,key:`${r}-${o}`}),"renderList");return D.createElement(Mu,null,D.createElement(Rn,{variant:"label",size:"large"},is.t("Select Token")),D.createElement(Yt,{size:4}),l==="loading"&&D.createElement(Uu,{size:ss}),l==="success"&&D.createElement(Jn,null,g()))}i(Qu,"TokenList");function as(t){let{type:e}=t,o=oy(),n=St(),{fromBlockchain:r,toBlockchain:s,setFromToken:a,setToToken:l,setFromBlockchain:p,setToBlockchain:u}=U(),m=H.use.getBalanceFor(),[c,h]=ty(""),{isTokenPinned:f}=d(),w=(e==="source"?r:s)?.name??"",g=d().blockchains({type:e}),v=d().tokens({type:e,blockchain:w,searchFor:c}),T=Hs(v,m,i(b=>f(b,e),"checkIsTokenPinned")),A=i(b=>{e==="source"?p(b):u(b)},"updateBlockchain"),y=i(b=>{e==="source"?a({token:b,meta:{blockchains:g,tokens:v}}):l({token:b,meta:{blockchains:g,tokens:v}})},"updateToken"),E={source:er.t("Source"),destination:er.t("Destination")};return Jt.createElement(K,{header:{title:er.t("Swap {type}",{type:E[e]})}},Jt.createElement(Ki,{blockchains:g,type:e=="source"?"from":"to",blockchain:e==="source"?r:s,onMoreClick:()=>o(_.blockchains),onChange:b=>{A(b)}}),Jt.createElement(Vu,{size:24}),Jt.createElement(lt,{value:c,autoFocus:!0,placeholder:er.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>h(""),onChange:b=>h(b.target.value)}),Jt.createElement(Vu,{size:16}),Jt.createElement(Qu,{list:T,selectedBlockchain:w,searchedFor:c,type:e,onChange:b=>{y(b);let S=g.find(B=>b.blockchain===B.name);S&&A(S),n()}}))}i(as,"SelectSwapItemsPage");import{i18n as Mt}from"@lingui/core";import{ChevronRightIcon as us,Divider as cs,InfoIcon as uy,List as cy,ListItemButton as my,Skeleton as dy,Switch as fy,Tooltip as gy,Typography as $t}from"@rango-dev/ui";import j from"react";import{useNavigate as hy}from"react-router-dom";import{i18n as Zu}from"@lingui/core";import{Divider as sy,InfoIcon as ay,TextField as ly,Tooltip as py,Typography as Ru}from"@rango-dev/ui";import Ne from"react";import{Chip as ny,styled as bo,TextField as ry}from"@rango-dev/ui";var ju=bo("div",{paddingTop:"$5",padding:"$10 $5"}),Xu=bo("div",{display:"flex",flexWrap:"wrap",gap:"$10",[`& ${ry}`]:{flex:"1 1 0",maxWidth:"127px",minWidth:"85px"}}),Ku=bo("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),tr=bo("div",{maxWidth:"280px",padding:"$10"}),Yu=bo(ny,{width:"61px",flexShrink:0});import{i18n as ls}from"@lingui/core";import{Typography as iy}from"@rango-dev/ui";import Eo from"react";function Ju(){return Eo.createElement(tr,null,Eo.createElement(iy,{variant:"label",size:"medium",color:"neutral700"},ls.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),Eo.createElement("br",null),Eo.createElement("br",null),Eo.createElement("b",null,ls.t("Warning")),":",ls.t("This setting is applied per step, e.g. 1Inch, Thorchain, etc. and only that step will be reverted, not the whole transaction")))}i(Ju,"SlippageTooltipContent");function ps(){let{slippage:t,setSlippage:e,customSlippage:o,setCustomSlippage:n}=d();return Ne.createElement(ju,null,Ne.createElement(Ku,null,Ne.createElement(Ru,{variant:"title",size:"xmedium"},Zu.t("Slippage tolerance per swap")),Ne.createElement(sy,{direction:"horizontal",size:4}),Ne.createElement(py,{container:O(),side:"top",sideOffset:4,content:Ne.createElement(Ju,null)},Ne.createElement(ay,{color:"gray"}))),Ne.createElement(Xu,null,oa.map((r,s)=>{let a=`slippage-${s}`;return Ne.createElement(Ne.Fragment,null,Ne.createElement(Yu,{key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`}))}),Ne.createElement(ly,{type:"number",min:"0.01",max:"30",step:"0.01",fullWidth:!0,variant:"contained",value:o||"",color:"dark",onChange:r=>{let s=r.target.value,a=parseFloat(s);a>=sa&&a<=ia?n(a):n(null)},suffix:o&&Ne.createElement(Ru,{variant:"body",size:"small"},"%"),placeholder:Zu.t("Custom")})))}i(ps,"Slippage");function ec(){let t=hy(),{theme:e}=d().config,o=d().fetchStatus,n=d().swappers(),r=d().disabledLiquiditySources,{config:{features:s}}=d(),a=Pe("theme",s),l=Pe("liquiditySource",s),p=Pe("language",s),u=d().infiniteApprove,m=d().toggleInfiniteApprove,c=Ko(n,r),h=c.filter(S=>S.type==="BRIDGE"||S.type==="AGGREGATOR"),f=h.length,x=h.filter(S=>S.selected).length,w=c.filter(S=>S.type==="DEX"),g=w.length,v=w.filter(S=>S.selected).length,k=i((S,B)=>{switch(o){case"loading":return j.createElement(dy,{variant:"text",size:"medium",width:50});case"failed":return j.createElement($t,{variant:"body",size:"medium",color:"$error500"},Mt.t("Loading failed"));default:return j.createElement($t,{variant:"body",size:"medium"},`${S} / ${B}`)}},"handleEndItem"),T={id:"bridge-item",title:j.createElement($t,{variant:"title",size:"xmedium"},Mt.t("Enabled bridges")),end:j.createElement(j.Fragment,null,k(x,f),j.createElement(cs,{direction:"horizontal",size:8}),j.createElement(us,{color:"black"})),onClick:()=>t(_.bridges)},A={id:"exchange-item",title:j.createElement($t,{variant:"title",size:"xmedium"},Mt.t("Enabled exchanges")),end:j.createElement(j.Fragment,null,k(v,g),j.createElement(cs,{direction:"horizontal",size:8}),j.createElement(us,{color:"gray"})),onClick:()=>t(_.exchanges)},y={id:"theme-item",title:j.createElement($t,{variant:"title",size:"xmedium"},Mt.t("Theme")),end:j.createElement(us,{color:"gray"}),onClick:()=>t(_.themes)},E={id:"infinite-approval-item",title:j.createElement(j.Fragment,null,j.createElement($t,{variant:"title",size:"xmedium"},Mt.t("Infinite approval")),j.createElement(cs,{direction:"horizontal",size:4}),j.createElement(gy,{side:"top",sideOffset:4,container:O(),content:j.createElement(tr,null,j.createElement($t,{variant:"label",size:"medium",color:"neutral700"},Mt.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(uy,{color:"gray"}))),end:j.createElement(fy,{checked:u}),onClick:m},b=l?[]:[T,A];return!e?.singleTheme&&!a&&b.push(y),b.push(E),j.createElement(K,{header:{title:Mt.t("Settings")}},j.createElement(pt,null,j.createElement(ps,null),j.createElement(cy,{type:j.createElement(my,{title:"_",id:"_",onClick:()=>console.log()}),items:b})))}i(ec,"SettingsPage");import{cancelSwap as iS}from"@rango-dev/queue-manager-rango-preset";import{useManager as sS}from"@rango-dev/queue-manager-react";import Pc from"react";import{i18n as mt}from"@lingui/core";import{getCurrentBlockchainOfOrNull as Uy,getCurrentStep as qy,getRelatedWalletOrNull as zy}from"@rango-dev/queue-manager-rango-preset";import{Button as Ac,CopyIcon as Gy,Divider as Hy,IconButton as Qy,QuoteCost as Vy,StepDetails as jy,Typography as eo,useCopyToClipboard as Xy}from"@rango-dev/ui";import{useWallets as Ky}from"@rango-dev/wallets-react";import bc from"bignumber.js";import{PendingSwapNetworkStatus as dr}from"rango-types";import Y,{useEffect as Ec,useRef as Yy,useState as Ic}from"react";import{useNavigate as Jy}from"react-router-dom";import{i18n as xt}from"@lingui/core";var yy=[xt.t("Sunday"),xt.t("Monday"),xt.t("Tuesday"),xt.t("Wednesday"),xt.t("Thursday"),xt.t("Friday"),xt.t("Saturday")];function tc(t){let e=new Date(t),o=e.getDate(),n=e.toLocaleString("default",{month:"long"}),r=e.getFullYear();return`${e.getDay()===new Date().getDay()?xt.t("Today"):`${yy[e.getDay()]} ${o} ${n} ${r}`}, ${new Date(t).toLocaleTimeString()}`}i(tc,"timeSince");function oc(t){return t.finishTime?tc(parseInt(t.finishTime)):tc(parseInt(t.creationTime))}i(oc,"getSwapDate");import{Modal as vy}from"@rango-dev/ui";import{PendingSwapNetworkStatus as rr}from"rango-types";import ir from"react";import{i18n as or}from"@lingui/core";import{Button as nc,Divider as ms,MessageBox as Sy,Typography as rc}from"@rango-dev/ui";import nt from"react";var ic=i(({onCancel:t,onClose:e})=>nt.createElement(nt.Fragment,null,nt.createElement(ms,{size:20}),nt.createElement(Sy,{type:"error",title:or.t("Cancel Swap"),description:or.t("Are you sure you want to cancel this swap?")}),nt.createElement(ms,{size:32}),nt.createElement(nc,{variant:"contained",type:"primary",size:"large",onClick:t},nt.createElement(rc,{variant:"title",size:"medium",color:"neutral100"},or.t("Yes, Cancel it"))),nt.createElement(ms,{size:12}),nt.createElement(nc,{variant:"outlined",type:"primary",size:"large",onClick:e},nt.createElement(rc,{variant:"title",size:"medium",color:"primary"},or.t("No, Continue")))),"CancelContent");import{i18n as nr}from"@lingui/core";import{Button as sc,Divider as ds,MessageBox as Cy,Typography as ac}from"@rango-dev/ui";import rt from"react";var lc=i(({onDelete:t,onClose:e})=>rt.createElement(rt.Fragment,null,rt.createElement(ds,{size:20}),rt.createElement(Cy,{type:"error",title:nr.t("Delete Transaction"),description:nr.t("Are you sure you want to delete this swap?")}),rt.createElement(ds,{size:32}),rt.createElement(sc,{variant:"contained",type:"primary",size:"large",onClick:t},rt.createElement(ac,{variant:"title",size:"medium",color:"neutral100"},nr.t("Yes, Delete it"))),rt.createElement(ds,{size:12}),rt.createElement(sc,{variant:"outlined",type:"primary",size:"large",onClick:e},rt.createElement(ac,{variant:"title",size:"medium",color:"primary"},nr.t("No, Cancel")))),"DeleteContent");import{i18n as fs}from"@lingui/core";import{PendingSwapNetworkStatus as gs}from"rango-types";var hs={[gs.WaitingForNetworkChange]:{type:"loading",title:fs.t("Change Network")},[gs.WaitingForConnectingWallet]:{type:"warning",title:fs.t("Connect Wallet")},[gs.NetworkChanged]:{type:"success",title:fs.t("Network Changed")}};import{MessageBox as Ty,Wallet as wy}from"@rango-dev/ui";import{useWallets as xy}from"@rango-dev/wallets-react";import Io from"react";import{styled as ky}from"@rango-dev/ui";var pc=ky("div",{display:"flex",justifyContent:"center"});var uc=i(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:s}=t,{connect:a,getWalletInfo:l,state:p}=xy(),u=n?.walletType,m=u?kr(p(u)):null,c=u?l(u):null;return Io.createElement(Io.Fragment,null,Io.createElement(Ty,{type:e,title:o,description:r}),s&&!!u&&!!m&&!!c&&Io.createElement(pc,null,Io.createElement(wy,{container:O(),title:c.name,image:c.img,type:u,state:m,link:c.installLink,onClick:async()=>a(u)})))},"WalletStateContent");function ys(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:s,message:a}=t,l=e===rr.WaitingForNetworkChange||e===rr.WaitingForConnectingWallet||e===rr.NetworkChanged;return ir.createElement(vy,{open:!!e,onClose:o,container:document.getElementById(Te)||document.body},l&&ir.createElement(uc,{type:hs[e].type,title:hs[e].title,currentStepWallet:s,message:a,showWalletButton:e!==rr.WaitingForNetworkChange}),e==="delete"&&ir.createElement(lc,{onClose:o,onDelete:n}),e==="cancel"&&ir.createElement(ic,{onClose:o,onCancel:r}))}i(ys,"SwapDetailsModal");import{i18n as Wo}from"@lingui/core";import{Button as Ss,Divider as sr,MessageBox as cc,Modal as Ay,TokenAmount as by,Typography as ar}from"@rango-dev/ui";import me from"react";import{useNavigate as Ey}from"react-router-dom";function Cs(t){let{open:e,onClose:o,status:n,priceValue:r,usdValue:s,realUsdValue:a,realValue:l,token:p,chain:u,percentageChange:m,description:c,diagnosisUrl:h}=t,f=Ey();return me.createElement(Ay,{open:e,onClose:o,container:document.getElementById(Te)||document.body},n==="success"?me.createElement(cc,{type:"success",title:Wo.t("Swap Successful")},me.createElement(by,{direction:"vertical",tooltipContainer:O(),type:"output",centerAlign:!0,price:{value:r,usdValue:s,realUsdValue:a,realValue:l},token:p,chain:u,percentageChange:m}),me.createElement(sr,{size:12}),me.createElement(ar,{variant:"body",size:"medium",color:"neutral700",align:"center"},c)):me.createElement(cc,{type:"error",title:Wo.t("Transaction Failed"),description:c}),me.createElement(sr,{size:32}),n==="success"&&me.createElement(Ss,{variant:"contained",type:"primary",size:"large",onClick:()=>{f("../../")}},me.createElement(ar,{variant:"title",size:"medium",color:"neutral100"},Wo.t("Done"))),me.createElement(sr,{size:12}),h&&me.createElement(me.Fragment,null,me.createElement(Ss,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(h,"_blank")},me.createElement(ar,{variant:"title",size:"medium",color:"primary"},Wo.t("Diagnosis"))),me.createElement(sr,{size:12})),me.createElement(Ss,{variant:"outlined",type:"primary",size:"large",onClick:o},me.createElement(ar,{variant:"title",size:"medium",color:"primary"},Wo.t("See Details"))))}i(Cs,"SwapDetailsCompleteModal");import Fy from"react";import{i18n as My}from"@lingui/core";import{Alert as yc,IconButton as $y,LinkIcon as _y}from"@rango-dev/ui";import vt,{Fragment as Dy}from"react";import{Alert as Iy,ChevronDownIcon as Wy,ChevronUpIcon as By,IconButton as Ny}from"@rango-dev/ui";import lr,{useState as Ly}from"react";function mc(t){let{message:e}=t,[o,n]=Ly(!1);return lr.createElement(Iy,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&lr.createElement(Ny,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?lr.createElement(By,{size:12,color:"gray"}):lr.createElement(Wy,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}i(mc,"FailedAlert");import{styled as Py}from"@rango-dev/ui";var dc=Py("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as fc}from"@lingui/core";import{Alert as ks,Button as gc}from"@rango-dev/ui";import{PendingSwapNetworkStatus as Ts}from"rango-types";import Bo from"react";function hc(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?Bo.createElement(ks,{type:"warning",title:n.shortMessage,action:Bo.createElement(gc,{size:"xxsmall",type:"warning",onClick:()=>{o(Ts.WaitingForNetworkChange),e().catch(s=>{console.log(s)})}},fc.t("Change"))}):r===Ts.WaitingForConnectingWallet?Bo.createElement(ks,{type:"warning",title:n.shortMessage,action:Bo.createElement(gc,{size:"xxsmall",type:"warning",onClick:()=>{o(Ts.WaitingForConnectingWallet)}},fc.t("Connect"))}):Bo.createElement(ks,{type:"warning",title:n.shortMessage})}i(hc,"WarningAlert");function ws(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:s,hasAlreadyProceededToSign:a}=t,l=io(s),p=s.status==="waitingForApproval"&&!l,u=s.status==="running"&&!l;return vt.createElement(dc,null,s.explorerUrl?.map((m,c,h)=>{let f=c+m.url,x=c===h.length-1,w=x&&u||p,g=x&&s.status==="failed";return vt.createElement(Dy,{key:f},vt.createElement(yc,{type:w&&"loading"||g&&"error"||"success",title:m.description?`${m.description} Tx`:My.t("View transaction"),action:m.url&&vt.createElement($y,{variant:"ghost",size:"xsmall",onClick:()=>window.open(m.url,"_blank")},vt.createElement(_y,{size:16}))}))}),(u&&!a||p&&!s.explorerUrl?.length)&&vt.createElement(yc,{type:"loading",title:r.shortMessage}),s.status!=="failed"&&l&&vt.createElement(hc,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),s.status==="failed"&&vt.createElement(mc,{message:r}))}i(ws,"SwapDetailsAlerts");var Sc=2e3;var Cc=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||t.steps[s-1].expectedOutputAmountHumanReadable;return{from:{token:{displayName:r.fromSymbol,image:r.fromLogo??""},chain:{displayName:Ye(r.fromBlockchain,e)??"",image:r.fromBlockchainLogo??""},price:{value:I(a,6,6),realValue:a}},to:{token:{displayName:r.toSymbol,image:r.toLogo},chain:{displayName:Ye(r.toBlockchain,e)??"",image:r.toBlockchainLogo??""},price:{value:I(r.outputAmount||r.expectedOutputAmountHumanReadable,6,6),realValue:r.outputAmount||r.expectedOutputAmountHumanReadable}},swapper:{displayName:r.swapperId,image:r.swapperLogo??""},alerts:Fy.createElement(ws,{step:r,hasAlreadyProceededToSign:n,...o})}})},"getSteps");function kc(t){if(io(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(kc,"getStepState");import{css as pr,darkTheme as Oy,styled as Zt}from"@rango-dev/ui";var ur=Zt("div",{display:"flex",width:"100%",flexDirection:"column",alignItems:"center",height:"0",flexGrow:1}),cr=Zt("div",{width:"100%"}),Tc=Zt("div",{padding:"$0 $20 $20 $20",width:"100%",overflow:"auto"}),xM=Zt("div",{display:"flex",flexDirection:"column",gap:"$10"}),wc=Zt("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),vM=Zt("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1}),Rt=pr({display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",padding:"$10 $20",borderBottom:"1px solid",$$color:"$colors$neutral300",[`.${Oy} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color",color:"$neutral500"}),mr=pr({display:"flex",justifyContent:"center",alignItems:"center",height:"$24"}),xc=pr({display:"flex",width:"100%",padding:"$15 $20 $20",flexDirection:"column",alignItems:"start"}),vc=pr({width:"100%",padding:"0 $20 $10"});function xs(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:s,connect:a,getWalletInfo:l}=Ky(),p=d().blockchains(),u=d().tokens(),m=U.use.retry(),c=Jy(),[h,f]=Xy(Sc),x=Yy(null),[w,g]=Ic(null),[v,k]=Ic(null),T=i(()=>{r(),g(null)},"onCancel"),A=_e.use.getUnreadNotifications(),y=_e.use.setAsRead(),E=A(),b=qy(e),S=b?.networkStatus;Ec(()=>{E.find(de=>de.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(k(e.status),y(e.requestId))},[e.status]),Ec(()=>{q?g(dr.WaitingForNetworkChange):S===dr.WaitingForConnectingWallet||S===dr.NetworkChanged?g(S):g(null)},[S]);let B=va(e),M=b?Uy(e,b):null,N=b?zy(e,b):null,C=oc(e),$=Aa(e),L=i(ue=>!!l(ue)?.mobileWallet,"isMobileWallet"),q=S===dr.WaitingForNetworkChange&&!!M&&!!N?.walletType&&(L(N.walletType)||s(N.walletType,M)),R=q?a.bind(null,N.walletType,M):void 0,ee=xa(e,b),Q=Cc({swap:e,switchNetwork:R,showNetworkModal:S,setNetworkModal:g,message:ee,blockchains:p}),re=Q.length,[ye,Se]=[e.steps[0],e.steps[re-1]],Ce=Se.outputAmount||Se.expectedOutputAmountHumanReadable,_t=e.steps.reduce((ue,de)=>ue+parseFloat(de.feeInUsd||""),0),oo=e.steps.find(ue=>ue.diagnosisUrl)?.diagnosisUrl,dt=I(parseFloat(I(Ce,6,6))*(Se.toUsdPrice||0),4,4),At=I(parseFloat(e.inputAmount)*(ye.fromUsdPrice||0),4,4),F=Ce?ie(new bc(Ce).multipliedBy(Se.toUsdPrice||0)):"",z=ie(new bc(e.inputAmount).multipliedBy(ye.fromUsdPrice||0)),X=Me(At,dt),Ie=e.status==="success"?mt.t({id:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:I(Ce,6,6),token:Q[re-1].to.token.displayName,conciseAddress:Vo(e.wallets[Q[re-1].to.chain.displayName]?.address||""),chain:Q[re-1].to.chain.displayName}}):`${mt.t("Transaction was not sent.")} ${B?mt.t({id:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:B.outputAmount,symbol:B.symbol,blockchain:B.blockchain}}):""}`;return Y.createElement(K,{noPadding:!0,header:{title:mt.t("Swap and Bridge"),onCancel:e.status==="running"?()=>g("cancel"):void 0,suffix:e.status!=="running"&&Y.createElement(Ht,null,Y.createElement(Ac,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>g("delete")},Y.createElement(eo,{size:"medium",variant:"label",color:"error"},mt.t("Delete"))))},footer:$&&!v&&Y.createElement(Ac,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{m(e,{blockchains:p,tokens:u}),setTimeout(()=>{c("../../")},0)}},mt.t("Try again"))},Y.createElement(ur,null,Y.createElement(cr,null,Y.createElement("div",{className:Rt()},Y.createElement(eo,{variant:"label",size:"large",color:"neutral700"},`${mt.t("Request ID")}:`),Y.createElement("div",{className:mr()},Y.createElement(eo,{variant:"label",size:"small",color:"neutral700"},o),Y.createElement(Qy,{variant:"ghost",onClick:f.bind(null,o||"")},Y.createElement(Gy,{size:16,color:"gray"})))),Y.createElement("div",{className:Rt()},Y.createElement(eo,{variant:"label",size:"large",color:"neutral700"},`${mt.t(e.finishTime?"Finished at":"Created at")}:`),Y.createElement(eo,{variant:"label",size:"small",color:"neutral700"},C))),Y.createElement("div",{className:xc()},Y.createElement(Vy,{fee:I(String(_t),2,2),time:Fo(Oo(e.steps)),steps:re}),Y.createElement(co,{from:{price:{value:I(e.inputAmount,6,6),usdValue:At,realUsdValue:z,realValue:e.inputAmount},token:{displayName:Q[0].from.token.displayName,image:Q[0].from.token.image},chain:{image:Q[0].from.chain.image,displayName:Q[0].from.chain.displayName}},to:{price:{value:I(Ce,6,6),usdValue:dt,realUsdValue:F,realValue:Ce},token:{displayName:Q[re-1].to.token.displayName,image:Q[re-1].to.token.image},chain:{image:Q[re-1].to.chain.image,displayName:Q[re-1].to.chain.displayName}},percentageChange:I(X,2,2),warningLevel:st(X??0)})),Y.createElement("div",{className:vc()},Y.createElement(eo,{variant:"title",size:"small"},mt.t("Swaps steps"))),Y.createElement(Hy,{size:8}),Y.createElement(Tc,{ref:x},Q.map((ue,de)=>{let _o=de,it=kc(e.steps[de]),Yc=it==="error"||it==="in-progress"||it==="warning"||it==="completed"&&de===Q.length-1;return Y.createElement(jy,{key:_o,step:ue,type:"swap-progress",ref:x,state:it,hasSeparator:de!==0,tabIndex:_o,isFocused:Yc,tooltipContainer:O()})}))),Y.createElement(ys,{state:w,onClose:()=>g(null),onCancel:T,onDelete:n,message:ee.detailedMessage.content,currentStepWallet:N}),Y.createElement(Cs,{open:!!v,diagnosisUrl:oo,onClose:()=>k(null),status:e.status==="success"?"success":"failed",priceValue:I(Ce,6,6),usdValue:dt,realUsdValue:F,realValue:ie(Ce),percentageChange:I(X,2,2),token:{displayName:Q[re-1].to.token.displayName,image:Q[re-1].to.token.image},chain:{image:Q[re-1].to.chain.image},description:Ie}))}i(xs,"SwapDetails");import{i18n as Lo}from"@lingui/core";import{CopyIcon as oS,IconButton as nS,NotFound as rS,Skeleton as Nc,Typography as gr}from"@rango-dev/ui";import pe from"react";import{i18n as Zy}from"@lingui/core";import{Divider as Ry,Skeleton as eS,Typography as tS}from"@rango-dev/ui";import se from"react";import{css as je,styled as vs}from"@rango-dev/ui";var Wc=vs("div",{width:"100%",height:"100%",padding:"$10 $20"}),No=vs("div",{backgroundColor:"$neutral100",borderRadius:"$xm",padding:"$10 $15"}),fr=vs("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"}),t$=je({display:"flex",justifyContent:"space-between",alignItems:"center"}),o$=je({display:"flex",justifyContent:"space-between",alignItems:"center"}),n$=je({paddingTop:"$15",display:"flex"}),r$=je({padding:"$15 $0"}),i$=je({width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"}),s$=je({paddingBottom:"$10"}),a$=je({display:"flex",justifyContent:"start",alignItems:"center"}),l$=je({paddingTop:"$5",display:"flex",alignItems:"center"}),p$=je({display:"flex",alignItems:"center"}),u$=je({padding:"$4 $6",display:"flex",justifyContent:"center",alignItems:"center"}),Bc=je({display:"flex",paddingTop:"$10",paddingBottom:"$5"});function As(){return se.createElement(Wc,null,se.createElement(ho,{type:"swap-preview"}),se.createElement("div",{className:"swaps-steps"},se.createElement(tS,{variant:"title",size:"small"},Zy.t("Swaps steps"))),se.createElement(se.Fragment,null,se.createElement(No,null,se.createElement(tt,{separator:!1}),se.createElement("div",{className:Bc()},se.createElement(Ry,{direction:"horizontal",size:20}),se.createElement(eS,{height:22,variant:"rectangular"}))),se.createElement(fr,null),se.createElement(No,null,se.createElement(tt,{separator:!1})),se.createElement(fr,null),se.createElement(No,null,se.createElement(tt,{separator:!1})),se.createElement(fr,null),se.createElement(No,null,se.createElement(tt,{separator:!1}))))}i(As,"LoadingSwapDetails");function Lc(t){let{requestId:e,showSkeleton:o}=t;return pe.createElement(K,{noPadding:!0,header:{title:Lo.t("Swap and Bridge"),suffix:pe.createElement(Ht,null)}},o&&pe.createElement(ur,null,pe.createElement(cr,null,pe.createElement("div",{className:Rt()},pe.createElement(gr,{variant:"label",size:"large",color:"neutral700"},`${Lo.t("Request ID")}:`),pe.createElement("div",{className:mr()},pe.createElement(gr,{variant:"label",size:"small",color:"neutral700"},pe.createElement(Nc,{width:60,height:10,variant:"rounded"})),pe.createElement(nS,{variant:"ghost"},pe.createElement(oS,{size:16,color:"gray"})))),pe.createElement("div",{className:Rt()},pe.createElement(gr,{variant:"label",size:"large",color:"neutral700"},`${Lo.t("Created at")}:`),pe.createElement(gr,{variant:"label",size:"small",color:"neutral700"},pe.createElement(Nc,{width:60,height:10,variant:"rounded"})))),pe.createElement(As,null)),!o&&pe.createElement(wc,null,pe.createElement(rS,{title:Lo.t("Not found"),description:Lo.t({id:"Swap with request ID = {requestId} not found.",values:{requestId:e}})})))}i(Lc,"SwapDetailsPlaceholder");function Mc(){let{manager:t,state:e}=sS(),o=!e.loadedFromPersistor,n=Xt(t),r=Ae.use.selectedSwapRequestId(),s=St(),{fetchStatus:a}=d(),l=o||a==="loading",p=n.find(({swap:h})=>h.requestId===r),u=i(()=>{if(p?.id){let h=t?.get(p.id);h&&iS(h)}},"onCancel"),m=i(async()=>{if(p?.id)try{t?.deleteQueue(p.id),s()}catch(h){console.log(h)}},"onDelete"),c=p?.swap;return!c||l?Pc.createElement(Lc,{requestId:r||"",showSkeleton:l}):Pc.createElement(xs,{swap:c,requestId:r||"",onCancel:u,onDelete:m})}i(Mc,"SwapDetailsPage");import{i18n as Po}from"@lingui/core";import{AutoThemeIcon as aS,DarkModeIcon as lS,LightModeIcon as pS,List as uS,ListItemButton as cS,Radio as bs,RadioRoot as mS,Typography as Es}from"@rango-dev/ui";import be from"react";function $c(){let{setTheme:t,theme:e}=d(),o=[{id:"light",value:"light",title:be.createElement(Es,{variant:"title",size:"xmedium"},Po.t("Light")),onClick:()=>t("light"),start:be.createElement(pS,{color:"gray"}),end:be.createElement(bs,{value:"light"})},{id:"dark",value:"dark",title:be.createElement(Es,{variant:"title",size:"xmedium"},Po.t("Dark")),onClick:()=>t("dark"),start:be.createElement(lS,{color:"gray"}),end:be.createElement(bs,{value:"dark"})},{id:"auto",value:"auto",title:be.createElement(Es,{variant:"title",size:"xmedium"},Po.t("Auto")),onClick:()=>t("auto"),start:be.createElement(aS,{color:"gray"}),end:be.createElement(bs,{value:"auto"})}];return be.createElement(K,{header:{title:Po.t("Theme")}},be.createElement(pt,null,be.createElement(mS,{onValueChange:n=>t(n),value:e},be.createElement(uS,{type:be.createElement(cS,{title:Po.t("Theme"),id:"_",onClick:()=>console.log()}),items:o}))))}i($c,"ThemePage");function _c(){return dS([{path:_.home,element:Ee.createElement(du,null)},{path:_.fromSwap,children:[{index:!0,element:Ee.createElement(as,{type:"source"})},{path:_.blockchains,element:Ee.createElement(Hi,{type:"source"})}]},{path:_.toSwap,children:[{index:!0,element:Ee.createElement(as,{type:"destination"})},{path:_.blockchains,element:Ee.createElement(Hi,{type:"destination"})}]},{path:_.settings,children:[{index:!0,element:Ee.createElement(ec,null)},{path:_.themes,element:Ee.createElement($c,null)},{path:_.languages,element:Ee.createElement(gu,null)},{path:_.exchanges,element:Ee.createElement(Oi,{sourceType:"Exchanges"})},{path:_.bridges,element:Ee.createElement(Oi,{sourceType:"Bridges"})}]},{path:_.swaps,children:[{index:!0,element:Ee.createElement(lu,null)},{path:_.swapDetails,element:Ee.createElement(Mc,null)}]},{path:_.wallets,element:Ee.createElement(Bl,null)},{path:_.confirmSwap,element:Ee.createElement(Rp,null)}])}i(_c,"AppRoutes");import{isApprovalTX as fS,MainEvents as Fc,RouteEventType as Oc,StepEventType as to,StepExecutionEventStatus as gS,useEvents as hS}from"@rango-dev/queue-manager-rango-preset";import{useEffect as Uc}from"react";import{StepExecutionBlockedEventStatus as Is}from"@rango-dev/queue-manager-rango-preset";var Dc=[Is.WAITING_FOR_CHANGE_WALLET_ACCOUNT,Is.WAITING_FOR_NETWORK_CHANGE,Is.WAITING_FOR_WALLET_CONNECT];function qc(){let t=d().tokens(),e=H.use.connectedWallets(),o=H.use.getWalletsDetails(),n=_e.use.setNotification(),r=_e.use.setAsRead(),s=hS();return Uc(()=>(s.on(Fc.StepEvent,a=>{let{event:l,step:p,route:u}=a;if(l.type===to.TX_EXECUTION&&l.status===gS.TX_SENT&&!fS(p)||l.type===to.SUCCEEDED){let c=e.find(f=>f.chain===p?.fromBlockchain),h=p?.fromBlockchain!==p?.toBlockchain&&e.find(f=>f.chain===p?.toBlockchain);c&&o([c],t),h&&o([h],t)}l.type===to.TX_EXECUTION_BLOCKED&&Dc.includes(l.status)||l.type===to.FAILED?n(l,u):(l.type===to.TX_EXECUTION||l.type===to.CHECK_STATUS)&&r(u.requestId)}),()=>s.all.clear()),[s,e.length]),Uc(()=>(s.on(Fc.RouteEvent,a=>{let{event:l,route:p}=a;(l.type===Oc.FAILED||l.type===Oc.SUCCEEDED)&&n(l,p)}),()=>s.all.clear()),[s,e.length]),null}i(qc,"WidgetEvents");import{globalCss as yS}from"@rango-dev/ui";var zc=i(()=>yS({"@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{styled as SS}from"@rango-dev/ui";var Gc=SS("div",{display:"flex",justifyContent:"center",alignItems:"center",fontFamily:"$widget",boxSizing:"border-box","& *, *::before, *::after":{boxSizing:"inherit"},"& *:focus-visible":{outlineColor:"$info500",transition:"none"},"& ul, ol, li":{listStyleType:"none"}});function hr(){zc();let{config:t}=d(),{activeTheme:e}=Cn(t?.theme||{}),{activeLanguage:o,changeLanguage:n}=Vn(),[r,s]=Qc(""),[a,l]=Qc(),p=kS(un);return Hc(()=>{_e.persist.rehydrate(),p.onConnectWallet(s)},[]),Hc(()=>{n(t?.language)},[t?.language]),Mo.createElement(CS,{language:o},Mo.createElement(Gc,{id:"swap-container",className:e()},Mo.createElement(qc,null),Mo.createElement(Fa,{lastConnectedWallet:r,disconnectedWallet:a,clearDisconnectedWallet:()=>{l(void 0)}},Mo.createElement(_c,null))))}i(hr,"Main");import Bs,{useMemo as FS}from"react";import{checkWaitingForNetworkChange as TS,makeQueueDefinition as wS}from"@rango-dev/queue-manager-rango-preset";import{Provider as xS}from"@rango-dev/queue-manager-react";import{useWallets as vS}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as AS}from"@rango-dev/wallets-shared";import{isEvmBlockchain as bS}from"rango-types";import ES,{useMemo as IS}from"react";function WS(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:s,getWalletInfo:a}=vS(),l=IS(()=>wS({API_KEY:t.apiKey||Dt("API_KEY"),BASE_URL:Dt("BASE_URL")}),[t.apiKey]),p=d().blockchains(),m={blockchains:H.use.connectedWallets().map(k=>({accounts:[k],name:k.chain}))},c=i(async(k,T)=>{if(s(k,T))return r(k,T)},"switchNetwork"),h=i(k=>!!a(k).mobileWallet,"isMobileWallet"),f=p.filter(k=>k.enabled).reduce((k,T)=>(k[T.name]=T,k),{}),x=p.filter(bS),w=i(k=>{let{supportedChains:T}=a(k);return zo(T)},"getSupportedChainNames"),g=e(),v={meta:{blockchains:f,evmBasedChains:x,evmNetworkChainInfo:AS(x),getSupportedChainNames:w},getSigners:o,wallets:m,providers:g,switchNetwork:c,canSwitchNetworkTo:s,connect:r,state:n,isMobileWallet:h};return ES.createElement(xS,{queuesDefs:[l],context:v,onPersistedDataLoaded:k=>{TS(k)},isPaused:!1},t.children)}i(WS,"QueueManager");var Vc=WS;import{useManager as MS}from"@rango-dev/queue-manager-react";import $S,{createContext as _S,useContext as DS}from"react";import{cancelSwap as BS,getCurrentBlockchainOfOrNull as NS,getCurrentStep as LS,getRelatedWalletOrNull as PS}from"@rango-dev/queue-manager-rango-preset";var $o=class{constructor(e,o){this.manager=e,this.actions=o}getAllSwaps(){return Xt(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&&BS(o)}getCurrentStepInfo(e){let o=LS(e);return{step:o,wallet:o?PS(e,o):null,network:o?NS(e,o):null}}};i($o,"WidgetHistory");var jc=_S(void 0);function Ws(t){let{manager:e}=MS(),o=U.use.retry(),n=new $o(e,{retrySwap:o}),r=H.use.connectedWallets(),s=H.use.loading(),a=Gs(r),l=H.use.getWalletsDetails(),p=d().blockchains(),u=d().tokens(),m=d().swappers(),c=d().fetchStatus,h={history:n,wallets:{isLoading:s,details:r,totalBalance:a,refetch:l},meta:{blockchains:p,tokens:u,swappers:m,loadingStatus:c}};return $S.createElement(jc.Provider,{value:h},t.children)}i(Ws,"WidgetInfo");function Xc(){let t=DS(jc);if(!t)throw new Error("useWidget can only be used within the WidgetProvider component");return t}i(Xc,"useWidget");function yr(t){let{onUpdateState:e,config:o}=t;return FS(()=>{Xs({API_KEY:o?.apiKey||Do,BASE_URL:o?.apiUrl||Ps})},[o]),Bs.createElement(cn,{config:o,onUpdateState:e},Bs.createElement(Vc,{apiKey:o.apiKey},Bs.createElement(Ws,null,t.children)))}i(yr,"WidgetProvider");function Kc(t){return t.config?.externalWallets?Ns.createElement(hr,null):Ns.createElement(yr,{config:t.config??Sr},Ns.createElement(hr,null))}i(Kc,"Widget");export{MD as MainEvents,HD as Networks,jD as PendingSwapNetworkStatus,$D as RouteEventType,_D as StepEventType,DD as StepExecutionBlockedEventStatus,FD as StepExecutionEventStatus,zD as WalletEvents,QD as WalletTypes,Kc as Widget,yr as WidgetProvider,cn as WidgetWallets,Hr as customizedThemeTokens,qD as readAccountAddress,Fl as useWallets,Xc as useWidget,OD as useWidgetEvents};
2
2
  //# sourceMappingURL=index.js.map