@rango-dev/widget-embedded 0.17.1-next.32 → 0.17.1-next.34

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 (105) hide show
  1. package/dist/components/BlockchainsSection/BlockchainsSection.d.ts.map +1 -1
  2. package/dist/components/BlockchainsSection/BlockchainsSection.styles.d.ts +1 -1
  3. package/dist/components/BlockchainsSection/BlockchainsSection.styles.d.ts.map +1 -1
  4. package/dist/components/ConfirmWalletsModal/ConfirmWallets.styles.d.ts +315 -0
  5. package/dist/components/ConfirmWalletsModal/ConfirmWallets.styles.d.ts.map +1 -1
  6. package/dist/components/Layout/Layout.styles.d.ts.map +1 -1
  7. package/dist/components/LoadingSwapDetails/LoadingSwapDetails.d.ts.map +1 -1
  8. package/dist/components/LoadingSwapDetails/LoadingSwapDetails.styles.d.ts.map +1 -1
  9. package/dist/components/Quote/Quote.d.ts.map +1 -1
  10. package/dist/components/Quote/Quote.styles.d.ts +158 -0
  11. package/dist/components/Quote/Quote.styles.d.ts.map +1 -1
  12. package/dist/components/Quote/index.d.ts +0 -1
  13. package/dist/components/Quote/index.d.ts.map +1 -1
  14. package/dist/components/QuoteSkeleton/QuoteSkeleton.d.ts.map +1 -0
  15. package/dist/components/{Quote → QuoteSkeleton}/QuoteSkeleton.styles.d.ts +314 -0
  16. package/dist/components/QuoteSkeleton/QuoteSkeleton.styles.d.ts.map +1 -0
  17. package/dist/components/QuoteSkeleton/QuoteSkeleton.types.d.ts.map +1 -0
  18. package/dist/components/QuoteSkeleton/QuoteSummarySkeleton.d.ts +4 -0
  19. package/dist/components/QuoteSkeleton/QuoteSummarySkeleton.d.ts.map +1 -0
  20. package/dist/components/QuoteSkeleton/QuoteSummarySkeleton.styles.d.ts +1571 -0
  21. package/dist/components/QuoteSkeleton/QuoteSummarySkeleton.styles.d.ts.map +1 -0
  22. package/dist/components/QuoteSkeleton/QuoteSummarySkeleton.types.d.ts +6 -0
  23. package/dist/components/QuoteSkeleton/QuoteSummarySkeleton.types.d.ts.map +1 -0
  24. package/dist/components/QuoteSkeleton/StepSkeleton.d.ts +4 -0
  25. package/dist/components/QuoteSkeleton/StepSkeleton.d.ts.map +1 -0
  26. package/dist/components/QuoteSkeleton/StepSkeleton.styles.d.ts +786 -0
  27. package/dist/components/QuoteSkeleton/StepSkeleton.styles.d.ts.map +1 -0
  28. package/dist/components/QuoteSkeleton/StepSkeleton.types.d.ts +4 -0
  29. package/dist/components/QuoteSkeleton/StepSkeleton.types.d.ts.map +1 -0
  30. package/dist/components/QuoteSkeleton/index.d.ts +4 -0
  31. package/dist/components/QuoteSkeleton/index.d.ts.map +1 -0
  32. package/dist/components/Slippage/Slippage.d.ts.map +1 -1
  33. package/dist/components/Slippage/Slippage.styles.d.ts +158 -0
  34. package/dist/components/Slippage/Slippage.styles.d.ts.map +1 -1
  35. package/dist/components/SwapDetails/SwapDetails.Placeholder.d.ts.map +1 -1
  36. package/dist/components/SwapDetails/SwapDetails.styles.d.ts.map +1 -1
  37. package/dist/components/TokenList/TokenList.d.ts.map +1 -1
  38. package/dist/components/TokenList/TokenList.styles.d.ts +158 -1
  39. package/dist/components/TokenList/TokenList.styles.d.ts.map +1 -1
  40. package/dist/components/TokenList/TokenList.types.d.ts +1 -0
  41. package/dist/components/TokenList/TokenList.types.d.ts.map +1 -1
  42. package/dist/containers/QuoteInfo/QuoteInfo.d.ts.map +1 -1
  43. package/dist/index.js +1 -1
  44. package/dist/index.js.map +4 -4
  45. package/dist/pages/Home.d.ts.map +1 -1
  46. package/dist/pages/SelectSwapItemsPage.d.ts.map +1 -1
  47. package/dist/pages/SettingsPage.d.ts.map +1 -1
  48. package/dist/pages/WalletsPage.d.ts.map +1 -1
  49. package/dist/store/slices/config.d.ts.map +1 -1
  50. package/dist/store/slices/data.d.ts +2 -2
  51. package/dist/store/slices/data.d.ts.map +1 -1
  52. package/dist/types/config.d.ts +3 -3
  53. package/dist/types/config.d.ts.map +1 -1
  54. package/dist/utils/wallets.d.ts +2 -1
  55. package/dist/utils/wallets.d.ts.map +1 -1
  56. package/package.json +2 -2
  57. package/src/components/BlockchainsSection/BlockchainsSection.styles.ts +1 -1
  58. package/src/components/BlockchainsSection/BlockchainsSection.tsx +19 -10
  59. package/src/components/ConfirmWalletsModal/ConfirmWallets.styles.ts +20 -7
  60. package/src/components/ConfirmWalletsModal/WalletList.tsx +3 -3
  61. package/src/components/Layout/Layout.styles.ts +2 -0
  62. package/src/components/LoadingSwapDetails/LoadingSwapDetails.styles.ts +2 -1
  63. package/src/components/LoadingSwapDetails/LoadingSwapDetails.tsx +25 -40
  64. package/src/components/Quote/Quote.styles.ts +9 -2
  65. package/src/components/Quote/Quote.tsx +3 -5
  66. package/src/components/Quote/index.ts +0 -1
  67. package/src/components/QuoteSkeleton/QuoteSkeleton.styles.ts +42 -0
  68. package/src/components/QuoteSkeleton/QuoteSkeleton.tsx +30 -0
  69. package/src/components/QuoteSkeleton/QuoteSummarySkeleton.styles.ts +57 -0
  70. package/src/components/QuoteSkeleton/QuoteSummarySkeleton.tsx +76 -0
  71. package/src/components/QuoteSkeleton/QuoteSummarySkeleton.types.ts +6 -0
  72. package/src/components/QuoteSkeleton/StepSkeleton.styles.ts +33 -0
  73. package/src/components/QuoteSkeleton/StepSkeleton.tsx +44 -0
  74. package/src/components/QuoteSkeleton/StepSkeleton.types.ts +1 -0
  75. package/src/components/QuoteSkeleton/index.ts +3 -0
  76. package/src/components/Slippage/Slippage.styles.ts +15 -5
  77. package/src/components/Slippage/Slippage.tsx +8 -5
  78. package/src/components/SwapDetails/SwapDetails.Placeholder.tsx +0 -1
  79. package/src/components/SwapDetails/SwapDetails.styles.ts +0 -1
  80. package/src/components/TokenList/TokenList.styles.ts +17 -2
  81. package/src/components/TokenList/TokenList.tsx +7 -3
  82. package/src/components/TokenList/TokenList.types.ts +1 -0
  83. package/src/containers/QuoteInfo/QuoteInfo.tsx +2 -1
  84. package/src/pages/Home.tsx +5 -1
  85. package/src/pages/SelectSwapItemsPage.tsx +8 -4
  86. package/src/pages/SettingsPage.tsx +4 -3
  87. package/src/pages/WalletsPage.tsx +5 -4
  88. package/src/store/slices/config.ts +1 -0
  89. package/src/store/slices/data.ts +10 -6
  90. package/src/types/config.ts +3 -3
  91. package/src/utils/wallets.ts +60 -23
  92. package/dist/components/LoadingSwapDetails/LoadingSwapDetailStep.d.ts +0 -4
  93. package/dist/components/LoadingSwapDetails/LoadingSwapDetailStep.d.ts.map +0 -1
  94. package/dist/components/LoadingSwapDetails/LoadingSwapDetails.types.d.ts +0 -4
  95. package/dist/components/LoadingSwapDetails/LoadingSwapDetails.types.d.ts.map +0 -1
  96. package/dist/components/Quote/QuoteSkeleton.d.ts.map +0 -1
  97. package/dist/components/Quote/QuoteSkeleton.styles.d.ts.map +0 -1
  98. package/dist/components/Quote/QuoteSkeleton.types.d.ts.map +0 -1
  99. package/src/components/LoadingSwapDetails/LoadingSwapDetailStep.tsx +0 -48
  100. package/src/components/LoadingSwapDetails/LoadingSwapDetails.types.ts +0 -3
  101. package/src/components/Quote/QuoteSkeleton.styles.ts +0 -110
  102. package/src/components/Quote/QuoteSkeleton.tsx +0 -108
  103. /package/dist/components/{Quote → QuoteSkeleton}/QuoteSkeleton.d.ts +0 -0
  104. /package/dist/components/{Quote → QuoteSkeleton}/QuoteSkeleton.types.d.ts +0 -0
  105. /package/src/components/{Quote → QuoteSkeleton}/QuoteSkeleton.types.ts +0 -0
package/dist/index.js CHANGED
@@ -1,2 +1,2 @@
1
- var bc=Object.defineProperty;var i=(t,e)=>bc(t,"name",{value:e,configurable:!0});import{MainEvents as e_,RouteEventType as t_,StepEventType as o_,StepExecutionBlockedEventStatus as n_,StepExecutionEventStatus as r_,useEvents as i_}from"@rango-dev/queue-manager-rango-preset";import{readAccountAddress as a_,useWallets as yl,Events as l_}from"@rango-dev/wallets-react";import{Networks as u_,WalletTypes as c_}from"@rango-dev/wallets-shared";import{Events as Ar,Provider as im}from"@rango-dev/wallets-react";import{isEvmBlockchain as sm}from"rango-sdk";import on,{createContext as am,useEffect as Ca,useRef as lm}from"react";import{useEffect as Zo,useLayoutEffect as ga,useMemo as Ro,useRef as en}from"react";import zc,{createContext as Hc,useContext as Gc,useEffect as Qc,useRef as Vc}from"react";import{create as Oc}from"zustand";import{persist as qc}from"zustand/middleware";var lr={apiKey:"",multiWallets:!0,enableNewLiquiditySources:!0},ys=i((t,e,o)=>({config:{...lr,...t},updateConfig:n=>{let r=o().config;e({config:{...r,...n}})}}),"createConfigSlice");import{RangoClient as Ac}from"rango-sdk";var Wo="c6381a79-2817-4602-83bf-6a641a409e32",Ss="https://api.rango.exchange";var pr={API_KEY:Wo};function Nt(t){return pr[t]||""}i(Nt,"getConfig");function Cs(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),pr=e,pr}i(Cs,"initConfig");var ks=20,Ts=25,ws="Roboto",ur="theme-widget";var No,Lt=i(()=>No||(No=new Ac(Nt("API_KEY"),Nt("BASE_URL")),No),"httpService");function Bt(t){return Array.from(new Set(t))}i(Bt,"removeDuplicateFrom");function cr(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}i(cr,"areEqual");function vs(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}i(vs,"debounce");function kt(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}i(kt,"containsText");var j=i(()=>document.getElementById("swap-box"),"getContainer");function Lo(t,e){let o=t.map(s=>s.swapperGroup),n=[];return Bt(t.map(s=>s.swapperGroup)).map(s=>{let a=t.find(l=>l.swapperGroup===s);if(a){let l=!0;o&&(l=o.some(p=>p===a.swapperGroup)),l&&a.types.map(p=>{n.push({id:a.swapperGroup,groupTitle:a.swapperGroup,logo:a.logo,type:p,selected:!e.includes(a.swapperGroup)})})}}),n}i(Lo,"getUniqueSwappersGroups");function xs(t,e){return t.swapperGroup<e.swapperGroup?-1:t.swapperGroup>e.swapperGroup?1:0}i(xs,"sortLiquiditySourcesByGroupTitle");function Ne(t,e){return e?.[t]==="hidden"}i(Ne,"isFeatureHidden");function Bo(t,e){return e?.[t]==="enabled"}i(Bo,"isFeatureEnabled");import{WalletState as Xe}from"@rango-dev/ui";import{readAccountAddress as Wc}from"@rango-dev/wallets-react";import{detectInstallLink as Nc,getCosmosExperimentalChainInfo as Lc,isEvmAddress as Bc,KEPLR_COMPATIBLE_WALLETS as MS,Networks as Es}from"@rango-dev/wallets-shared";import mr from"bignumber.js";import{isCosmosBlockchain as Pc}from"rango-types";import Ec from"bignumber.js";var Ie=new Ec(0);import{WalletTypes as Ic}from"@rango-dev/wallets-shared";var bs=[Ic.LEAP];import{BigNumber as As}from"bignumber.js";var Po=i(t=>{let e=(t%60).toString().padStart(2,"0");return`${parseInt((t/60).toString()).toString().padStart(2,"0")}:${e}`},"secondsToString"),N=i((t,e=null,o=null)=>{if(t==null||t==="")return"";let n=new As(t),r=1,s=1e3;for(let a=0;a<60;a++)if(new As(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 Mo=i(t=>t?.reduce((e,o)=>e+(o.estimatedTimeInSeconds??0),0)||0,"totalArrivalTime");var Ke=i((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),Jt=i(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function $o(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($o,"limitDecimalPlaces");function dr(t){switch(!0){case t.connected:return Xe.CONNECTED;case t.connecting:return Xe.CONNECTING;case!t.installed:return Xe.NOT_INSTALLED;default:return Xe.DISCONNECTED}}i(dr,"mapStatusToWalletState");function Is(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(c=>c.name===n):!0}).map(r=>{let{name:s,img:a,installLink:l}=e(r),p=dr(t(r));return{title:s,image:a,link:Nc(l),state:p,type:r}})}i(Is,"mapWalletTypesToWalletInfo");function Fo(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}i(Fo,"walletAndSupportedChainsNames");function Ws(t,e,o,n,r){let s=[];function a(p,u){if(!!!s.find(m=>m.chain===p)){let m={address:u,chain:p,walletType:t};s.push(m)}}i(a,"addAccount");let l=n||[];return e.forEach(p=>{let{address:u,network:c}=Wc(p),m=l.length>0,g=l.includes(c),f=c===Es.Unknown;if(m&&!g&&!f)return;let y=c===Es.Unknown&&Bc(u);if(f&&!y)return;o.includes(c)||y?r?a(c,u.toLowerCase()):l.filter(T=>o.includes(T)).forEach(T=>{a(T,u.toLowerCase())}):a(c,u)}),s}i(Ws,"prepareAccountsForWalletStore");function Ns(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(Ns,"getRequiredChains");function Uo(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}i(Uo,"isAccountAndWalletMatched");function Ls(t,e){let{blockChain:o,balances:n=[]}=t;return n?.map(r=>({chain:o,symbol:r.asset.symbol,ticker:r.asset.symbol,address:r.asset.address||null,rawAmount:r.amount.amount,decimal:r.amount.decimals,amount:new mr(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:$c(o,r.asset.symbol,r.asset.address,e)||null}))||[]}i(Ls,"makeBalanceFor");function Bs(t){return{...t,loading:!1,error:!0}}i(Bs,"resetConnectedWalletState");var Ps=i(t=>{let e=new Set,n=t?.reduce((s,a)=>s.findIndex(l=>l.address===a.address&&l.chain===a.chain)===-1?[...s,a]:s,[])?.map(s=>{let a={name:s.chain,accounts:[]};return e.has(s.address)||e.add(s.address),e.forEach(l=>{s.address===l&&a.accounts.push(s)}),a}),r=N(n?.flatMap(s=>s.accounts)?.flatMap(s=>s?.balances)?.map(s=>new mr(s?.amount||Ie).multipliedBy(s?.usdPrice||0))?.reduce((s,a)=>s.plus(a),Ie)||Ie).toString();return Mc(r)},"calculateWalletUsdValue");function Mc(t){let e=t.toString().split(".");return e[0]=e[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),e.join(".")}i(Mc,"numberWithThousandSeparator");var $c=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice"),Oo=i((t,e)=>{let o=Lc(Object.entries(t).map(([,n])=>n).filter(Pc));return o&&o[e]?.experimental},"isExperimentalChain");function qo(t){return t?{...t,amount:N(t.amount,8,8),usdValue:N(t.usdValue,4,4)}:null}i(qo,"formatBalance");function Ms(t,e){return t.sort((o,n)=>{let r=e(o),s=e(n);return r?.usdValue&&s?.usdValue?parseFloat(s.usdValue)-parseFloat(r.usdValue):!r?.usdValue&&s?.usdValue?1:r?.usdValue&&!s?.usdValue?-1:!r?.usdValue&&!s?.usdValue?parseFloat(s?.amount||"0")-parseFloat(r?.amount||"0"):0}),t}i(Ms,"sortTokensByBalance");function Le(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}i(Le,"tokensAreEqual");function $s(t){return t.sort((e,o)=>+(o.state===Xe.CONNECTED)-+(e.state===Xe.CONNECTED)||+(o.state===Xe.DISCONNECTED||o.state===Xe.CONNECTING)-+(e.state===Xe.DISCONNECTED||e.state===Xe.CONNECTING))}i($s,"sortWalletsBasedOnConnectionState");function zo(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(zo,"getConciseAddress");function _s({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}i(_s,"getAddress");function fr(t){return`${t.blockchain}-${t.symbol}-${t.address??""}`}i(fr,"createTokenHash");function Ho(t){return t.flatMap(e=>e.balances).reduce((e,o)=>{let n={amount:o?.amount??"",decimals:o?.decimal??0,usdValue:o?.usdPrice?new mr(o?.usdPrice??Ie).multipliedBy(o?.amount).toString():""},r=o?fr({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(Ho,"makeTokensBalance");var Ds=i((t,e)=>({_blockchains:[],_tokens:[],_popularTokens:[],_swappers:[],fetchStatus:"loading",blockchains:o=>{let n=e()._blockchains;if(!o||!o?.type)return n;let r=e().config,s=(o.type==="source"?r.from?.blockchains:r.to?.blockchains)??[];return n.filter(l=>!(s.length>0&&!s.includes(l.name)))},tokens:o=>{let n=e()._tokens;if(!o||!o?.type)return n;let r=e().config,s=(o.type==="source"?r.from?.tokens:r.to?.tokens)??[],a=e().blockchains({type:o.type});return n.filter(p=>s.length>0&&!s.some(u=>Le(u,p))||o.blockchain&&p.blockchain!==o.blockchain||!a.some(u=>u.name===p.blockchain)?!1:o.searchFor?!!(kt(p.symbol,o.searchFor)||kt(p.address||"",o.searchFor)||kt(p.name||"",o.searchFor)):!0).sort((p,u)=>e().isTokenPinned(p)?-1:e().isTokenPinned(u)||p.isSecondaryCoin?1:u.isSecondaryCoin||!p.address&&u.address?-1:p.address&&!u.address?1:0)},isTokenPinned:o=>!!e().config.pinnedTokens?.some(r=>Le(r,o)),swappers:()=>{let{config:{enableNewLiquiditySources:o,liquiditySources:n}}=e();return e()._swappers.filter(a=>{let l=n?.includes(a.swapperGroup);return o||!n||n.length===0?!l:l}).sort(xs)},fetch:async()=>{try{let o=await Lt().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 _c,French as Dc,Japanese as Fc,Spanish as Uc}from"@rango-dev/ui";var Fs=[{title:"English",label:"English",local:"en",SVGFlag:_c},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:Uc},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:Dc},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:Fc}],Pt="en";var Us=[.5,1,3],Os=1,qs=5,zs=100,Hs=0;var Gs=i((t,e)=>({disabledLiquiditySources:[],theme:"auto",language:Pt,preferredBlockchains:[],slippage:Os,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=Bt(o.map(a=>a.swapperGroup));return s.length===r.disabledLiquiditySources.length?{disabledLiquiditySources:[]}:{disabledLiquiditySources:s}}),toggleInfiniteApprove:()=>t(o=>({infiniteApprove:!o.infiniteApprove})),toggleLiquiditySource:o=>t(n=>n.disabledLiquiditySources.includes(o)?{disabledLiquiditySources:n.disabledLiquiditySources.filter(r=>r!=o)}:{disabledLiquiditySources:n.disabledLiquiditySources.concat(o)}),setTheme:o=>t(()=>({theme:o})),setLanguage:o=>t(()=>({language:o})),updateSettings:o=>{let{features:n}=o,r=Ne("theme",n),s=Ne("language",n),a=Ne("liquiditySource",n);t({...r&&{theme:"auto"},...s&&{language:Pt},...a&&{disabledLiquiditySources:[]}})}}),"createSettingsSlice");function Qs(t){return Oc()(qc((...e)=>({...Ds(...e),...Gs(...e),...ys(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(Qs,"createAppStore");var Vs=Hc(null);function d(){let t=Gc(Vs);if(Qc(()=>{t&&!t.persist.hasHydrated()&&t.persist.rehydrate()},[]),!t)throw new Error("Missing AppStoreContext.Provider in the tree");return t()}i(d,"useAppStore");function js(t){let e=Vc();return e.current||(e.current=Qs(t.config)),zc.createElement(Vs.Provider,{value:e.current},t.children)}i(js,"AppStoreProvider");import dt from"bignumber.js";import{create as Rc}from"zustand";import{subscribeWithSelector as em}from"zustand/middleware";import{getLastSuccessfulStep as Jc}from"@rango-dev/queue-manager-rango-preset";import ZC from"bignumber.js";var ut=(r=>(r[r.HIGH_VALUE_LOSS=0]="HIGH_VALUE_LOSS",r[r.UNKNOWN_PRICE=1]="UNKNOWN_PRICE",r[r.INSUFFICIENT_SLIPPAGE=2]="INSUFFICIENT_SLIPPAGE",r[r.HIGH_SLIPPAGE=3]="HIGH_SLIPPAGE",r))(ut||{});function Ks(t,e){return e.find(o=>o.name===t)?.displayName}i(Ks,"getBlockchainDisplayNameFor");function Ye(t,e){return e.find(o=>o.name===t)?.shortName}i(Ye,"getBlockchainShortNameFor");function Xs(t,e){return e.find(o=>o.id===t)?.swapperGroup}i(Xs,"getSwapperDisplayName");function hr(t,e){return e.find(o=>Le(o,t))??null}i(hr,"findToken");function yr(t,e){return e.find(o=>o.name===t)??null}i(yr,"findBlockchain");import{i18n as Fe}from"@lingui/core";import Te from"bignumber.js";import{PendingSwapNetworkStatus as jo}from"rango-types";function Go(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(Go,"getRequiredWallets");function Qo(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}i(Qo,"isValidAddress");import{i18n as ce}from"@lingui/core";var Q=i(()=>({genericServerError:ce.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:ce.t("Please reset your liquidity sources."),description:ce.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources.")},noResultError:{title:ce.t("No Routes Found."),description:ce.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:ce.t("Bridge Limit Error: Please increase your amount."),decreaseAmount:ce.t("Bridge Limit Error: Please decrease your amount.")},highValueLossError:{impactTitle:ce.t("High Price Impact"),title:ce.t("Price impact is too high!"),description:ce.t("The price impact is significantly higher than the allowed amount. If you are sure, continue, otherwise, change the swap."),confirmMessage:ce.t("Confirm high price impact")},quoteUpdatedWithHighValueLoss:{title:ce.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:ce.t("USD Price Unknown"),title:ce.t("USD Price Unknown, Cannot calculate Price Impact."),description:ce.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:ce.t("Confirm USD Price Unknown")}}),"errorMessages");function Ys(t){switch(t.type){case 0:return t.diagnosisMessage??Q().noResultError.title;case 1:return Q().genericServerError;default:return""}}i(Ys,"getQuoteErrorMessage");import{i18n as Vo}from"@lingui/core";var Tt=i(()=>({connectWallet:Vo.t("Connect Wallet"),swap:Vo.t("Swap"),swapAnyway:Vo.t("Swap anyway"),ethWarning:Vo.t("The route goes through Ethereum. Continue?")}),"swapButtonTitles");function Js(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(Js,"hasHighValueLoss");function Sr(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(Sr,"hasLimitError");function Cr(t){let e=(t.result?.swaps||[]).filter(l=>{let p=l.fromAmountMinValue?new Te(l.fromAmountMinValue):null,u=l.fromAmountMaxValue?new Te(l.fromAmountMaxValue):null;return l.fromAmountRestrictionType==="EXCLUSIVE"?p?.gte(l.fromAmount)||u?.lte(l.fromAmount):p?.gt(l.fromAmount)||u?.lt(l.fromAmount)})[0],o=e.fromAmountMinValue?new Te(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Te(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",s="",a="";return!r&&o&&o.gt(e.fromAmount)?(s=Fe.t({id:"Required: >= {min} {symbol}",values:{min:N(o,6,6),symbol:e.from.symbol}}),a=Q().bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(s=Fe.t({id:"Required: > {min} {symbol}",values:{min:N(o,6,6),symbol:e.from.symbol}}),a=Q().bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(s=Fe.t({id:"Required: <= {max} {symbol}",values:{max:N(n,6,6),symbol:e.from.symbol}}),a=Q().bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(s=Fe.t({id:"Required: < {max} {symbol}",values:{max:N(n,6,6),symbol:e.from.symbol}}),a=Q().bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:s,recommendation:a}}i(Cr,"getLimitErrorMessage");function Zs(t){let{fetchMetaStatus:e,anyWalletConnected:o,fetchingQuote:n,inputAmount:r,quote:s,warning:a,error:l,needsToWarnEthOnPath:p}=t;return e!=="success"?{title:Tt().connectWallet,action:"connect-wallet",disabled:!0}:o?n||!s||!s.result||l||!r||r==="0"?{title:Tt().swap,action:"confirm-swap",disabled:!0}:a?{title:Tt().swapAnyway,action:"confirm-warning",disabled:!1}:p?{title:Tt().ethWarning,action:"confirm-warning",disabled:!1}:{title:Tt().swap,action:"confirm-swap",disabled:!1}:{title:Tt().connectWallet,action:"connect-wallet",disabled:!1}}i(Zs,"getSwapButtonState");function kr(t,e,o){return!((!o||o.lte(Ie))&&t?.result&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t.result)}i(kr,"canComputePriceImpact");function jc(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(jc,"requiredWallets");var Kc=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice");function Xc(t,e){let o=Ie;for(let n=0;n<t.fee.length;n++){let r=t.fee[n];if(r.expenseType==="DECREASE_FROM_OUTPUT")continue;let s=Kc(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new Te(r.amount).multipliedBy(s||0))}return o}i(Xc,"getUsdFeeOfStep");function Ko(t,e){return t.reduce((o,n)=>o.plus(Xc(n,e)),Ie)}i(Ko,"getTotalFeeInUsd");function Tr(t){let e=new Map;return t.result?.swaps.forEach((o,n)=>{o.recommendedSlippage?.error&&e.set(n,o.recommendedSlippage.slippage)}),e.size>0?e:null}i(Tr,"checkSlippageErrors");function Rs(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(Rs,"checkSlippageWarnings");function Xo(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(Xo,"getMinRequiredSlippage");function ea(t,e){return e?parseFloat(t)>=parseFloat(e):!0}i(ea,"hasProperSlippage");function Yo(t){let{fromToken:e,toToken:o,inputAmount:n,wallets:r,selectedWallets:s,disabledLiquiditySources:a,liquiditySources:l,excludeLiquiditySources:p,slippage:u,affiliateRef:c,affiliatePercent:m,affiliateWallets:g,initialQuote:f,destination:k}=t,y=s?.reduce((S,w)=>(S[w.chain]=w.address,S),{}),h=[];r?.forEach(S=>{let w=h.find(E=>E.blockchain===S.chain);w?w.addresses.push(S.address):h.push({blockchain:S.chain,addresses:[S.address]})});let b=!!f,T=Bt((f?.result?.swaps||[]).reduce((S,w)=>(S.push(w.from.blockchain,w.to.blockchain),w.internalSwaps&&Array.isArray(w.internalSwaps)&&w.internalSwaps.map(E=>{S.push(E.from.blockchain,E.to.blockchain)}),S),[]));return{amount:n.toString(),affiliateRef:c??void 0,affiliatePercent:m??void 0,affiliateWallets:g??void 0,checkPrerequisites:b,from:{address:e.address,blockchain:e.blockchain,symbol:e.symbol},to:{address:o.address,blockchain:o.blockchain,symbol:o.symbol},connectedWallets:h,selectedWallets:y??{},slippage:u.toString(),...k&&{destination:k},...p&&{swapperGroups:a.concat(l??[]),swappersGroupsExclude:!0},...!p&&{swapperGroups:l?.filter(S=>!a.includes(S)),swappersGroupsExclude:!1},...b&&{blockchains:T}}}i(Yo,"createQuoteRequestBody");function ta(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}i(ta,"getWalletsForNewSwap");function Mt(t){return t.result?.outputAmount||null}i(Mt,"getQuoteOutputAmount");function oa(t,e){return new Te(e).div(new Te(t)).minus(1).multipliedBy(100).toNumber()}i(oa,"getPercentageChange");function na(t,e){let o=Mt(t),n=Mt(e);if(!o||!n)return!1;let r=Be(o,n);return r?r<=-1:!0}i(na,"isOutputAmountChangedALot");function ra(t,e,o){let n=t.validationStatus,r=Ns(t);return e.sort((a,l)=>r.indexOf(a.chain)-r.indexOf(l.chain)).flatMap(a=>ua(a,n)||[]).filter(a=>!a.ok).map(a=>{let l=a.asset.symbol,p=N(new Te(a.currentAmount.amount).shiftedBy(-a.currentAmount.decimals),8,8),u=N(new Te(a.requiredAmount.amount).shiftedBy(-a.requiredAmount.decimals),8,8),c="";return a.reason==="FEE"&&(c=Fe.t(" for network fee")),a.reason==="INPUT_ASSET"&&(c=Fe.t(" for swap")),a.reason==="FEE_AND_INPUT_ASSET"&&(c=Fe.t(" for input and network fee")),Fe.t({id:"Needs \u2248 {requiredAmount} {symbol}{reason}, but you have {currentAmount} {symbol} in your {blockchain} wallet.",values:{requiredAmount:u,symbol:l,reason:c,currentAmount:p,blockchain:Ye(a.asset.blockchain,o)}})})}i(ra,"generateBalanceWarnings");function ia(t,e){return(t?new Te(t):Ie).multipliedBy(e||0)}i(ia,"calcOutputUsdValue");function Zt(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==jo.NetworkChanged}i(Zt,"isNetworkStatusInWarningState");function sa(t,e){let o="bellow button or",n=t.extraMessage,r=t.extraMessageDetail;if(t.networkStatusExtraMessageDetail?.includes(o)&&(t.networkStatusExtraMessageDetail=t.networkStatusExtraMessageDetail.replace(o,"")),Zt(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case jo.WaitingForConnectingWallet:n=n||Fe.t("Waiting for connecting wallet");break;case jo.WaitingForQueue:n=n||Fe.t("Waiting for other running tasks to be finished");break;case jo.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(sa,"getSwapMessages");function aa(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(aa,"getLastConvertedTokenInFailedSwap");function la(t){return t.status==="failed"&&!!t.finishTime&&new Date().getTime()-parseInt(t.finishTime)<4*3600*1e3}i(la,"shouldRetrySwap");function pa(t,e,o,n,r,s){return t||!e&&!jc(n).every(a=>r.map(l=>l.chain).includes(a))||!!e&&!o||!!e&&!!o&&s&&!Qo(s,o)}i(pa,"confirmSwapDisabled");function wr(t,e,o){return o&&t.find(n=>{let r=e?.split("--");return r?.length===1?n.symbol===r[0]&&n.address===null&&n.blockchain===o.name:n.symbol===r?.[0]&&n.address===r?.[1]&&n.blockchain===o.name})||null}i(wr,"searchParamsToToken");function ma(t){return t?.result?.swaps[t?.result?.swaps.length-1].to.usdPrice}i(ma,"getQuoteToTokenUsdPrice");function vr(t,e){let o=t.result?.swaps||[],n=e.result?.swaps||[];return o.length!==n.length}i(vr,"isNumberOfSwapsChanged");function xr(t,e){let o=t.result?.swaps.map(r=>r.swapperId)||[],n=e.result?.swaps.map(r=>r.swapperId)||[];return!cr(o,n)}i(xr,"isQuoteSwappersUpdated");function br(t,e){let o=t.result?.swaps.map(r=>r.to.symbol)||[],n=e.result?.swaps.map(r=>r.to.symbol)||[];return!cr(o,n)}i(br,"isQuoteInternalCoinsUpdated");function da(t,e){return vr(t,e)||xr(t,e)||br(t,e)}i(da,"isQuoteChanged");function ua(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(ua,"getRequiredBalanceOfWallet");function nt(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}i(nt,"getPriceImpactLevel");function fa(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],s=Jc(t.steps),a={blockchain:r.toBlockchain,symbol:r.toSymbol,address:r.toSymbolAddress},l=yr(s?s.toBlockchain:n.fromBlockchain,e),p=yr(r.toBlockchain,e),u=hr(s?{blockchain:l?.name??"",symbol:s.toSymbol,address:s.toSymbolAddress}:{blockchain:l?.name??"",symbol:n.fromSymbol,address:n.fromSymbolAddress},o),c=hr(a,o),m=s?s.outputAmount??"":t.inputAmount;return{fromBlockchain:l,fromToken:u,toBlockchain:p,toToken:c,inputAmount:m}}i(fa,"createRetryQuote");function Jo(t,e){let{fromToken:o,toToken:n,tokens:r,userSlippage:s}=e,a=wt(o,t.requestAmount),l=wt(n,t.result?.outputAmount??"");if(t.result&&a&&l){let c=Be(a.toString(),l.toString());if(!!c&&Js(a,c)){let g=Ko(t.result.swaps,r),f=nt(c);return{type:0,inputUsdValue:a,outputUsdValue:l,priceImpact:c,totalFee:g,warningLevel:f}}}else if(t.result&&(!a||!l))return{type:1};let p=Xo(t),u=s>qs;if(ea(e.userSlippage.toString(),p)){if(u&&parseFloat(p??"0")<s)return{type:3,slippage:s.toString()}}else return{type:2,recommendedSlippages:Rs(t,s),minRequiredSlippage:p};return null}i(Jo,"generateQuoteWarnings");function Be(t,e){let o=typeof e=="string"?parseFloat(e)<=0:!e?.gt(0),n=!t||!e||o?null:oa(t.toString(),e.toString());return n&&n<0?n:null}i(Be,"getPriceImpact");var Zc=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"),mt=Zc;var wt=i((t,e)=>t?.usdPrice?new dt(e||Ie).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),O=mt(Rc()(em(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new dt(0),outputUsdValue:new dt(0),toBlockchain:null,toToken:null,quote:null,quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:"",quoteWarningsConfirmed:!1,setQuote:e=>t(o=>{let n=null,r=Ie;return Jt(o.inputAmount)?(e&&(n=e.result?.outputAmount?new dt(e.result?.outputAmount):null,r=ia(e.result?.outputAmount,ma(e)||o.toToken?.usdPrice)),{quote:e,...!!e&&{outputAmount:n,outputUsdValue:r}}):{}}),resetQuote:()=>t(()=>({quote:null,outputAmount:null,outputUsdValue:new dt(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:wt(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 dt(0),outputUsdValue:new dt(0),quote:null},...!!o.fromToken&&{inputUsdValue:wt(o.fromToken,e)}}))},retry:(e,o)=>{let{tokens:n,blockchains:r}=o,{fromBlockchain:s,fromToken:a,toBlockchain:l,toToken:p,inputAmount:u}=fa(e,r,n);t({fromBlockchain:s,fromToken:a,inputAmount:u,outputAmount:null,inputUsdValue:wt(a??null,u),outputUsdValue:new dt(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:wt(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 ha(){let{setInputAmount:t,setToToken:e,setToBlockchain:o,setFromBlockchain:n,setFromToken:r,fromToken:s,toToken:a,fromBlockchain:l,toBlockchain:p}=O(),u=d().config,c=d().fetchStatus,m=d().blockchains(),g=d().tokens(),{setAffiliateRef:f,setAffiliatePercent:k,setAffiliateWallets:y}=d(),h=Ro(()=>u?.from?.tokens,[u?.from?.tokens]),b=Ro(()=>u?.from?.blockchains,[u?.from?.blockchains]),T=Ro(()=>u?.to?.tokens,[u?.to?.tokens]),v=Ro(()=>u?.to?.blockchains,[u?.to?.blockchains]),S=en(void 0),w=en(void 0),E=en(void 0),M=en(void 0);Zo(()=>{t(u?.amount?.toString()||"")},[u?.amount]),ga(()=>{if(c==="success"){let C=m.find($=>$.name===u?.from?.blockchain),P=g.find($=>Le($,u?.from?.token||null));(C||!C&&E.current)&&n(C??null),P?r({token:P,meta:{blockchains:m,tokens:g}}):!P&&S.current&&r({token:null}),E.current=u?.from?.blockchain,S.current=u?.from?.token}},[u?.from?.token?.symbol,u?.from?.token?.address,u?.from?.token?.blockchain,u?.from?.blockchain,c]),Zo(()=>{s&&h&&(h.some(C=>Le(C,s))||r({token:null})),l&&b&&(b.includes(l.name)||n(null))},[h,b]),Zo(()=>{a&&T&&(T.some(C=>Le(C,a))||e({token:null})),p&&v&&(v.includes(p.name)||o(null))},[T,v]),ga(()=>{if(c==="success"){let C=m.find($=>$.name===u?.to?.blockchain),P=g.find($=>Le($,u?.to?.token||null));(C||!C&&M.current)&&o(C??null),P?e({token:P,meta:{blockchains:m,tokens:g}}):!P&&w.current&&e({token:null}),M.current=u?.to?.blockchain,w.current=u?.to?.token}},[u?.to?.token?.symbol,u?.to?.token?.address,u?.to?.token?.blockchain,u?.to?.blockchain,c]),Zo(()=>{f(u?.affiliate?.ref??null),k(u?.affiliate?.percent??null),y(u?.affiliate?.wallets??null)},[u?.affiliate?.ref,u?.affiliate?.percent,u?.affiliate?.wallets])}i(ha,"useSyncStoresWithConfig");import{useEffect as rm}from"react";import{create as tm}from"zustand";import{subscribeWithSelector as om}from"zustand/middleware";var z=mt(tm()(om((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:Ho(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=>Uo(p,l))?{...l,loading:!0}:l)}));try{let a=o.map(({address:u,chain:c})=>({address:u,blockchain:c})),p=(await Lt().getWalletsDetails(a)).wallets;if(p)t(u=>{let c=u.connectedWallets.map(g=>{let f=o.find(y=>Uo(y,g)),k=p.find(y=>y.address===g.address&&y.blockChain===g.chain);return k?.failed&&f&&r&&s([f],n,!1),f&&k?{...g,explorerUrl:k.explorerUrl,balances:Ls(k,n),loading:!1}:g});return{loading:!1,balances:Ho(c),connectedWallets:c}});else throw new Error("Wallet not found")}catch{t(l=>{let p=l.connectedWallets.map(c=>o.find(m=>Uo(m,c))?Bs(c):c);return{loading:!1,balances:Ho(p),connectedWallets:p}})}},getBalanceFor:o=>{let{balances:n}=e(),r=fr(o);return n[r]??null}}))));import{allProviders as nm}from"@rango-dev/provider-all";function tn(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(tn,"matchAndGenerateProviders");function ya(t,e){return tn(t,e).map(r=>r.config.type)}i(ya,"configWalletsToWalletName");function Sa(t,e){let o=z.use.clearConnectedWallet(),n=tn(void 0,e);return rm(()=>{o(),n=tn(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}i(Sa,"useWalletProviders");var nn=am({onConnectWallet:()=>{}});function pm(t){let{updateConfig:e,updateSettings:o,fetch:n}=d(),r=d().blockchains(),s=d().tokens(),a={walletConnectProjectId:t.config?.walletConnectProjectId},{providers:l}=Sa(t.config.wallets,a),{connectWallet:p,disconnectWallet:u}=z(),c=lm();ha(),Ca(()=>{n().catch(console.log)},[]),Ca(()=>{t.config&&(e(t.config),o(t.config))},[t.config]);let m=r.filter(sm).map(f=>f.name),g=i((f,k,y,h,b)=>{if(k===Ar.ACCOUNTS)if(y){let T=Fo(b.supportedBlockchains),v=Ws(f,y,m,T,b.isContractWallet);p(v,s)}else u(f);if(k===Ar.ACCOUNTS&&h.connected){let T=`${f}-${h.network}-${y}`;h.connected&&(c.current?c.current(T):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(k===Ar.NETWORK&&h.network){let T=`${f}-${h.network}`;c.current?c.current(T):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(f,k,y,h,b)},"onUpdateState");return on.createElement(nn.Provider,{value:{onConnectWallet:f=>{c.current=f}}},on.createElement(im,{allBlockChains:r,providers:l,onUpdateState:g,autoConnect:!0},t.children))}i(pm,"Main");function rn(t){let{config:e,...o}=t;return on.createElement(js,{config:e},on.createElement(pm,{...o,config:e}))}i(rn,"WidgetWallets");import hs from"react";import{I18nManager as qy}from"@rango-dev/ui";import Eo,{useContext as zy,useEffect as Cc,useState as kc}from"react";import{useQueueManager as Sm}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Cm}from"@rango-dev/wallets-react";import{isEvmBlockchain as km}from"rango-types";import sn,{Fragment as Tm}from"react";import{MemoryRouter as wm,useInRouterContext as vm}from"react-router";import{useWallets as cm}from"@rango-dev/wallets-react";import{useEffect as mm,useRef as dm}from"react";function ka(){let{connect:t,state:e}=cm(),o=dm({}),{fetchStatus:n}=d(),r=new URLSearchParams(location.search).get("autoConnect")||"",s=e(r);mm(()=>{n==="success"&&r&&s.installed&&!s.connecting&&!s.connected&&!o.current[r]&&(o.current[r]=!0,t(r))},[s,n])}i(ka,"useForceAutoConnect");import{useEffect as Er,useRef as Ir}from"react";import{createSearchParams as gm,useLocation as hm,useSearchParams as ym}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 fm}from"zustand";var we=mt(fm()(t=>({connectWalletsButtonDisabled:!1,selectedSwapRequestId:null,currentPage:"",setSelectedSwap:e=>t({selectedSwapRequestId:e}),setCurrentPage:e=>t({currentPage:e})})));function Ta(){let t=Ir(!0),[e,o]=ym(),n=hm(),r=Ir(n.search),s=Ir({}),a=O.use.fromBlockchain(),l=O.use.toBlockchain(),p=O.use.fromToken(),u=O.use.toToken(),c=O.use.setFromBlockchain(),m=O.use.setFromToken(),g=O.use.setToBlockchain(),f=O.use.setToToken(),k=O.use.inputAmount(),y=O.use.setInputAmount(),h=d().fetchStatus,b=d().blockchains(),T=d().tokens(),v=we.use.setSelectedSwap();return Er(()=>{let S={};gm(r.current).forEach((E,M)=>{S[M]=E}),s.current=S;let w=n.pathname.split(_.swaps+"/")[1]||null;w&&v(w)},[]),Er(()=>{if(!t.current){let S="",w="",E="",M="",C="",P=s.current["autoConnect"];h!=="success"?(S=s.current["fromBlockchain"],w=s.current["fromToken"],E=s.current["toBlockchain"],M=s.current["toToken"],C=s.current["fromAmount"]||k):(S=a?.name||"",w=(p?.symbol||"")+(p?.address?`--${p?.address}`:""),E=l?.name||"",M=(u?.symbol||"")+(u?.address?`--${u?.address}`:""),C=k),o({...S&&{["fromBlockchain"]:S},...w&&{["fromToken"]:w},...E&&{["toBlockchain"]:E},...M&&{["toToken"]:M},...C&&{["fromAmount"]:C.toString()},...P&&{["autoConnect"]:P}},{replace:!0})}t.current=!1},[n.pathname,k,a,p,l,u]),Er(()=>{if(h==="success"){let S=e.get("fromBlockchain"),w=e.get("fromToken"),E=e.get("toBlockchain"),M=e.get("toToken"),C=e.get("fromAmount"),P=b.find(F=>F.name===S),$=wr(T,w,P||null),W=b.find(F=>F.name===E),x=wr(T,M,W||null);P&&(c(P),$&&m({token:$,meta:{blockchains:b,tokens:T}})),W&&(g(W),x&&f({token:x,meta:{blockchains:b,tokens:T}})),C&&y(C)}},[h]),null}i(Ta,"UpdateUrl");function wa({children:t,...e}){let o=vm(),n=o?Tm:wm,r=d().blockchains(),{canSwitchNetworkTo:s}=Cm();ka();let a=r.filter(km);return Sm({lastConnectedWallet:e.lastConnectedWallet,clearDisconnectedWallet:e.clearDisconnectedWallet,disconnectedWallet:e.disconnectedWallet,evmChains:a,canSwitchNetworkTo:s}),sn.createElement(sn.Fragment,null,sn.createElement(n,null,t),o&&sn.createElement(Ta,null))}i(wa,"AppRouter");import Ae from"react";import{useRoutes as Iy}from"react-router-dom";import{i18n as In}from"@lingui/core";import{useManager as Lf}from"@rango-dev/queue-manager-react";import{Alert as up,Button as cp,css as si,Divider as Bf,IconButton as mp,RefreshIcon as Pf,SettingsIcon as Mf,styled as dp,Tooltip as $f,Typography as _f,WalletIcon as Df}from"@rango-dev/ui";import ee,{useEffect as po,useLayoutEffect as Ff,useRef as Uf,useState as Wn}from"react";import{flushSync as Of}from"react-dom";import{useNavigate as qf}from"react-router-dom";import{i18n as rt}from"@lingui/core";import{Alert as zr,BalanceErrors as Pd,Button as Sl,ChevronDownIcon as Md,ChevronLeftIcon as $d,Divider as Ut,MessageBox as _d,Modal as Cl,Typography as kn,WalletIcon as Dd}from"@rango-dev/ui";import L,{useEffect as Fd,useLayoutEffect as Ud,useRef as Od,useState as bt}from"react";import{useNavigate as qd}from"react-router-dom";import{i18n as an}from"@lingui/core";function ln(t){switch(t.type){case 0:return an.t("Route has been updated.");case 3:return an.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return an.t("Route swappers has been updated.");case 2:return an.t("Route internal coins has been updated.");default:return""}}i(ln,"getQuoteUpdateWarningMessage");import*as _t from"@radix-ui/react-collapsible";import{Button as bm,css as va,darkTheme as $t,IconButton as Am,keyframes as xa,styled as fe,TextField as Em}from"@rango-dev/ui";var Rt=300,Im=xa({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),Wm=xa({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),ba=fe("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),Aa=fe("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}),Ea=fe("button",{borderRadius:"$xm",padding:"$10",border:"0",display:"flex",justifyContent:"center",$$color:"$colors$neutral100",[`.${$t} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",alignItems:"center",cursor:"pointer",width:110,position:"relative","&:hover":{$$color:"$colors$info100",[`.${$t} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$color:"$colors$info100",[`.${$t} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color",outline:0},variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary",outlineStyle:"solid"}}}}),Ia=fe(_t.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit"}),Wa=fe("div",{padding:"$20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),Na=fe(Am,{position:"absolute",left:"$20"}),La=fe("div",{paddingTop:"$20"}),Ba=va({display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}),Pa=fe(_t.Root,{backgroundColor:"$neutral200",borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),Ma=fe(bm,{width:"100%",borderRadius:"$sm !important",padding:"$15 !important",justifyContent:"space-between",alignItems:"center",$$color:"$colors$neutral100",[`.${$t} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color","&:hover":{$$color:"$colors$info100",[`.${$t} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$background:"$colors$info100",[`.${$t} &`]:{$$background:"$colors$info700"},backgroundColor:"$$background",outline:0}}),$a=fe("div",{padding:"$10 $0","& .button__content":{display:"flex",justifyContent:"center",alignItems:"center"},"& .alarms":{paddingTop:"5px"}}),_a=va({paddingTop:"5px"}),Da=fe("div",{transition:`all ${Rt}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),Fa=fe("div",{display:"flex"}),Ua=fe(Em,{padding:"$0 $15 $15 $15"}),pn=fe(_t.Content,{overflow:"hidden",variants:{open:{true:{animation:`${Im} ${Rt}ms ease-out`},false:{animation:`${Wm} ${Rt}ms ease-out`}}}}),Oa=fe("div",{overflow:"visible",width:"100%"});import{i18n as qe}from"@lingui/core";import{Button as Nd,Divider as Or,Image as Ld,MessageBox as Cn,Modal as dl,SelectableWallet as Bd,Typography as fl,WalletState as gl}from"@rango-dev/ui";import R,{useEffect as hl,useState as to}from"react";import{WalletState as qa}from"@rango-dev/ui";import{useWallets as Nm}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as Lm,WalletTypes as Bm}from"@rango-dev/wallets-shared";import{useEffect as Pm,useState as Mm}from"react";var $m=Object.values(Bm);function un(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:s,disconnect:a,getWalletInfo:l,connect:p}=Nm(),{connectedWallets:u}=z(),c=d().blockchains(),m=ya(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||$m,g=Is(s,l,m,o),f=$s(g),[k,y]=Mm(""),h=i(S=>!u.find(w=>w.walletType===S&&w.chain===o),"isExperimentalChainNotAdded"),b=i(async S=>{let w=s(S);try{if(k&&y(""),w.connected)await a(S);else{let E=!!g.find(M=>M.state===qa.CONNECTED);if(!e?.multiWallets&&E)return;n?.(S),await p(S),r?.(S)}}catch(E){y("Error: "+E?.message)}},"handleClick"),T=i(()=>{let S=g?.filter(w=>w.state===qa.CONNECTING)||[];for(let w of S)a(w.type)},"disconnectConnectingWallets");Pm(()=>()=>{T()},[]);let v=i((S,w,E)=>Oo(E,w)&&h(S)&&!Lm.includes(S),"shouldExcludeWallet");return{list:f.filter(S=>!v(S.type,o??"",c)),error:k,handleClick:b}}i(un,"useWalletList");import{i18n as sl}from"@lingui/core";import{styled as ll,Typography as wd,Wallet as vd,WalletState as xd}from"@rango-dev/ui";import xt,{Fragment as bd,useState as al}from"react";import{BottomLogo as md,Divider as dd,Header as fd}from"@rango-dev/ui";import me from"react";import{useNavigate as _m}from"react-router-dom";function ft(){let t=_m();return()=>t(-1)}i(ft,"useNavigateBack");import{ChevronLeftIcon as Um}from"@rango-dev/ui";import Ga from"react";import{darkTheme as Dm,IconButton as Fm,styled as cn}from"@rango-dev/ui";var Ue=cn(Fm,{width:"$24",position:"relative",padding:"0",overflow:"unset"}),za=cn("div",{position:"absolute",background:"$secondary500",[`.${Dm} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),Dt=cn("div",{display:"flex",justifyContent:"flex-end",width:"$40"}),Ha=cn("div",{position:"absolute",backgroundColor:"$secondary500",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0"});function Wr(t){return Ga.createElement(Ue,{variant:"ghost",size:"small",onClick:t.onClick},Ga.createElement(Um,{color:"black",size:16}))}i(Wr,"BackButton");import{i18n as Om}from"@lingui/core";import{Button as qm,Typography as zm}from"@rango-dev/ui";import Nr from"react";function Lr(t){return Nr.createElement(Dt,null,Nr.createElement(qm,{variant:"ghost",onClick:t.onClick,size:"xsmall"},Nr.createElement(zm,{variant:"label",size:"medium",color:"error500"},Om.t("Cancel"))))}i(Lr,"CancelButton");import{i18n as Hm}from"@lingui/core";import{Tooltip as Gm,WalletIcon as Qm}from"@rango-dev/ui";import mn from"react";function Br(t){return mn.createElement(Gm,{container:t.container,side:"top",content:Hm.t("Connect Wallet")},mn.createElement(Ue,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&mn.createElement(za,null),mn.createElement(Qm,{size:18,color:"black"})))}i(Br,"WalletButton");import{i18n as gn}from"@lingui/core";import{NotificationsIcon as sd,Popover as ad,RefreshIcon as ld,SettingsIcon as pd,Tooltip as hn,TransactionIcon as ud}from"@rango-dev/ui";import pe from"react";import{i18n as Rm}from"@lingui/core";import{ChainToken as Ya,ChevronRightIcon as ed,ListItemButton as td,Typography as od}from"@rango-dev/ui";import Oe from"react";import{useNavigate as nd}from"react-router-dom";import{create as Vm}from"zustand";import{persist as jm,subscribeWithSelector as Km}from"zustand/middleware";var Pe=mt(Vm()(jm(Km((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 dn}from"@rango-dev/ui";var Qa=dn("div",{padding:"$10",width:"350px",minHeight:"150px"}),Va=dn("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),ja=dn("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),Ka=dn("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as Xm}from"@lingui/core";import{Divider as Ym,NoNotificationIcon as Jm,Typography as Zm}from"@rango-dev/ui";import fn from"react";function Xa(){return fn.createElement(Ka,null,fn.createElement(Jm,{color:"secondary",size:26}),fn.createElement(Ym,{size:12}),fn.createElement(Zm,{variant:"body",size:"medium",color:"neutral700"},Xm.t("You have no notification")))}i(Xa,"NotificationNotFound");var rd=4;function Pr(){let t=nd(),e=we.use.setSelectedSwap(),{getUnreadNotifications:o}=Pe(),n=o(),r=d().blockchains(),s=d().tokens(),a=n.sort((p,u)=>u.creationTime-p.creationTime).slice(0,rd),l=i(p=>{e(p),t(`${_.swaps}/${p}`)},"handleOnClick");return Oe.createElement(Qa,null,a.length?Oe.createElement(Va,null,a.map(p=>{let u=s.find(f=>f.address===p.route.from.tokenAddress&&f.blockchain===p.route.from.blockchain&&f.symbol===p.route.from.tokenSymbol),c=r.find(f=>f.name===p.route.from.blockchain),m=s.find(f=>f.address===p.route.to.tokenAddress&&f.blockchain===p.route.to.blockchain&&f.symbol===p.route.to.tokenSymbol),g=r.find(f=>f.name===p.route.to.blockchain);return Oe.createElement(td,{key:p.requestId,onClick:()=>l(p.requestId),title:Oe.createElement(od,{variant:"body",size:"small",color:"$neutral700"},Rm.t(p.event.message)),id:p.requestId,start:Oe.createElement(ja,null,Oe.createElement("div",{className:"from-chain-token"},Oe.createElement(Ya,{tokenImage:u?u.image:"",chainImage:c?c.logo:"",size:"small"})),Oe.createElement("div",{className:"to-chain-token"},Oe.createElement(Ya,{tokenImage:m?m.image:"",chainImage:g?g.logo:"",size:"small"}))),end:Oe.createElement(ed,{size:12,color:"gray"})})})):Oe.createElement(Xa,null))}i(Pr,"NotificationContent");import{Typography as id}from"@rango-dev/ui";import Ja from"react";function Za(){let{getUnreadNotifications:t}=Pe(),e=t().length;return e?Ja.createElement(Ha,null,Ja.createElement(id,{variant:"body",size:"xsmall",color:"$background"},e)):null}i(Za,"UnreadNotificationsBadge");function Mr(t){let{layoutRef:e,onClickRefresh:o,onClickHistory:n,onClickSettings:r,onClickNotifications:s}=t,{config:{features:a}}=d(),l=Ne("notification",a);return pe.createElement(pe.Fragment,null,pe.createElement(hn,{container:j(),side:"top",content:gn.t("Refresh")},pe.createElement(Ue,{variant:"ghost",size:"small",onClick:o,disabled:!o},pe.createElement(ld,{size:16,color:o?"black":"gray"}))),!l&&pe.createElement(hn,{container:j(),side:"top",content:gn.t("Notifications")},pe.createElement(ad,{align:"center",collisionBoundary:e,collisionPadding:{right:20,left:20},container:j(),content:pe.createElement(Pr,null)},pe.createElement(Ue,{size:"small",variant:"ghost",onClick:s},pe.createElement(sd,{size:18,color:"black"}),pe.createElement(Za,null)))),pe.createElement(hn,{container:j(),side:"top",content:gn.t("Settings")},pe.createElement(Ue,{size:"small",variant:"ghost",onClick:r},pe.createElement(pd,{size:18,color:"black"}))),pe.createElement(hn,{container:j(),side:"top",content:gn.t("Transactions History")},pe.createElement(Ue,{size:"small",variant:"ghost",onClick:n},pe.createElement(ud,{size:18,color:"black"}))))}i(Mr,"HomeButtons");import{darkTheme as cd,styled as $r}from"@rango-dev/ui";var Ra=$r("div",{position:"relative",display:"flex",flexDirection:"column",borderRadius:"$primary",overflow:"hidden !important",boxShadow:"15px 15px 15px 0px rgba(0, 0, 0, 0.05)",width:"95vw",maxWidth:"390px",maxHeight:"700px",$$color:"$colors$neutral100",[`.${cd} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",variants:{fixedHeight:{true:{height:"95vh"},false:{height:"auto"}}}}),el=$r("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"}}}}),tl=$r("div",{backgroundColor:"$background","& .footer__content":{padding:"$0 $20"},"& .footer__logo":{padding:"$0 $20 $10 $20"}});function gd(t,e){let{children:o,header:n,footer:r,noPadding:s,hasLogo:a=!0,fixedHeight:l=!0}=t,p=z.use.connectedWallets(),{config:{features:u}}=d(),c=Ne("connectWalletButton",u),m=we.use.connectWalletsButtonDisabled(),g=ft(),f=i(()=>{!m&&n.onWallet&&n.onWallet()},"onConnectWallet"),k=typeof n.hasBackButton>"u"||n.hasBackButton;return me.createElement(Ra,{ref:e,fixedHeight:l,id:"swap-box"},me.createElement(fd,{prefix:me.createElement(me.Fragment,null,k&&me.createElement(Wr,{onClick:g})),title:n.title,suffix:me.createElement(me.Fragment,null,n.suffix,n.onWallet&&!c&&me.createElement(Br,{container:j(),onClick:f,isConnected:!!p?.length}),n.onCancel&&me.createElement(Lr,{onClick:n.onCancel}))}),me.createElement(el,{noPadding:s},o),(a||r)&&me.createElement(tl,null,me.createElement("div",{className:"footer__content"},r),a&&me.createElement("div",{className:"footer__logo"},me.createElement(dd,{size:12}),me.createElement(md,null))))}i(gd,"LayoutComponent");var K=me.forwardRef(gd);K.displayName="Layout";import{Divider as kd,Modal as Td}from"@rango-dev/ui";import Dr from"react";import{i18n as Ft}from"@lingui/core";import{Image as Sd,MessageBox as _r,WalletState as Cd}from"@rango-dev/ui";import vt from"react";import{keyframes as hd,styled as yn}from"@rango-dev/ui";var xv=yn("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),ol=yn("div",{position:"relative"}),yd=hd({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),nl=yn("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${yd} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),rl=yn("div",{"& img":{borderRadius:"50%"}});function il(t){let{state:e,image:o,error:n}=t;return e===Cd.CONNECTED?vt.createElement(_r,{type:"success",title:Ft.t("Wallet Connected"),description:Ft.t("Your wallet is connected, you can use it to swap.")}):n?vt.createElement(_r,{type:"error",title:Ft.t("Failed to Connect"),description:n||Ft.t("Your wallet is not connected. Please try again.")}):vt.createElement(_r,{type:"loading",title:Ft.t("Connecting to your wallet"),description:Ft.t("Click connect in your wallet popup."),icon:vt.createElement(ol,null,vt.createElement(rl,null,vt.createElement(Sd,{src:o,size:45})),vt.createElement(nl,null))})}i(il,"ModalContent");function eo(t){let{open:e,onClose:o,...n}=t;return Dr.createElement(Td,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},Dr.createElement(il,{...n}),Dr.createElement(kd,{direction:"vertical",size:32}))}i(eo,"WalletModal");var Ad=ll("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline",paddingTop:"$15",height:"100%"}),Ed=ll("div",{textAlign:"center"}),Sn=3e3,Fr=300;function pl(){let{config:t,fetchStatus:e}=d(),[o,n]=al(!1),[r,s]=al(""),a=null,{list:l,handleClick:p,error:u}=un({config:t,onBeforeConnect:f=>{a=setTimeout(()=>{n(!0),s(f)},Fr)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},Sn)}}),c=l.find(f=>f.type===r),m=c?.image||"",g=c?.state||xd.NOT_INSTALLED;return xt.createElement(K,{header:{title:sl.t("Connect Wallets")}},xt.createElement(Ed,null,xt.createElement(wd,{variant:"title",size:"xmedium",align:"center"},sl.t("Choose a wallet to connect.")),xt.createElement(Ad,null,l.map((f,k)=>{let y=`wallet-${k}-${f.type}`;return xt.createElement(bd,{key:y},xt.createElement(vd,{...f,container:j(),onClick:h=>{p(h)},isLoading:e==="loading"}))}),xt.createElement(eo,{open:!!o,onClose:()=>n(!1),image:m,state:g,error:u}))))}i(pl,"WalletsPage");import{keyframes as Id,styled as Ur}from"@rango-dev/ui";var ul=Ur("div",{position:"relative"}),Wd=Id({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),cl=Ur("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Wd} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),ml=Ur("div",{"& img":{borderRadius:"50%"}});function qr(t){let{chain:e,isSelected:o,selectWallet:n,limit:r,onShowMore:s}=t,{config:a}=d(),l=z.use.connectedWallets(),{blockchains:p}=d(),[u,c]=to(""),[m,g]=to(null),[f,k]=to(!1),[y,h]=to(null),{suggestAndConnect:b}=yl(),T=null,{list:v,error:S,handleClick:w}=un({config:a,chain:e,onBeforeConnect:x=>{T=setTimeout(()=>{c(x)},Fr)},onConnect:()=>{T&&clearTimeout(T),setTimeout(()=>{c("")},Sn)}}),[E,M]=to(v),C=v.length,P=r&&C-r>0,$=i(async x=>{k(!1),h("in-progress");try{await b(x.walletType,x.chain),h("completed")}catch{h("rejected")}},"addExperimentalChain");hl(()=>{M(x=>{let F=v.findIndex(I=>o(I.type,e));return P&&F>1?[v[F]].concat(v.filter((I,H)=>H!==F)):x.map(I=>v.find(H=>H.type===I.type)??I)})},[JSON.stringify(v)]);let W=document.querySelector("#swap-box");return hl(()=>{let x=null;return(y==="completed"||y==="rejected")&&(x=setTimeout(()=>h(null),Sn)),()=>{x&&clearTimeout(x)}},[y]),R.createElement(R.Fragment,null,E.slice(0,r).map(x=>{let F=_s({connectedWallets:l,walletType:x.type,chain:e}),I=F?zo(F):"",H=Oo(p(),e),te=!l.find(Se=>Se.walletType===x.type&&Se.chain===e),oe=H&&te&&x.state===gl.CONNECTED,G=oe?qe.t({id:"Add {chain} chain",values:{chain:e}}):I,ie=i(()=>{x.state===gl.DISCONNECTED?w(x.type):oe?(g({walletType:x.type,chain:e,address:F??""}),k(!0)):n({walletType:x.type,chain:e,address:F??""})},"onClick"),ye=m?.chain?Ks(m.chain,p()):void 0;return R.createElement(R.Fragment,null,R.createElement(eo,{open:u===x.type,onClose:()=>c(""),image:x.image,state:x.state,error:S}),!!m&&R.createElement(dl,{open:!!m&&f,container:W,onClose:()=>{g(null)}},R.createElement(Cn,{title:qe.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:ye}}),type:"warning",description:qe.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:ye}})},R.createElement(Or,{size:18}),R.createElement(Or,{size:32}),R.createElement(Nd,{onClick:$.bind(null,m),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},qe.t("Confirm")))),y&&R.createElement(dl,{open:!!y,onClose:h.bind(null,null),container:W},y==="in-progress"&&R.createElement(Cn,{type:"loading",title:qe.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:ye}}),description:qe.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:ye}}),icon:R.createElement(ul,null,R.createElement(ml,null,R.createElement(Ld,{src:x.image,size:45})),R.createElement(cl,null))}),y==="completed"&&R.createElement(Cn,{type:"success",title:qe.t({id:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:ye}}),description:qe.t({id:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:ye}})}),y==="rejected"&&R.createElement(Cn,{type:"error",title:qe.t("Request Rejected"),description:qe.t({id:"You've rejected adding {blockchainDisplayName} chain to your wallet.",values:{blockchainDisplayName:ye}})}),R.createElement(Or,{direction:"vertical",size:32})),R.createElement(Bd,{key:x.type,description:G,onClick:ie,selected:o(x.type,e),...x}))}),P&&R.createElement(Ea,{selected:!1,onClick:s.bind(null)},R.createElement(fl,{variant:"label",size:"medium"},qe.t("Show more wallets"),R.createElement(fl,{variant:"label",size:"medium",color:"$primary"},"\xA0+",C-(r??0)))))}i(qr,"WalletList");var zd=2;function kl(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,loading:s}=t,a=d().config,l=d().blockchains(),{quote:p,setSelectedWallets:u,quoteWalletsConfirmed:c,setQuoteWalletConfirmed:m,customDestination:g,setCustomDestination:f}=O(),{connectedWallets:k,selectWallets:y}=z(),[h,b]=bt(""),[T,v]=bt([]),[S,w]=bt(""),[E,M]=bt(null),[C,P]=bt(g),[$,W]=bt(!!g),x=Od(null),F=Go(p),I=l.find(D=>D.name===p?.result?.swaps[p?.result?.swaps.length-1].to.blockchain),H=i(D=>!!p?.result?.swaps.find(Y=>Y.from.blockchain===D),"isWalletRequiredFor"),[te,oe]=bt(k.filter(D=>D.selected&&F.includes(D.chain))),G=l.find(D=>D.name===I?.name),ie=i((D,Y)=>!!te.find(q=>q.walletType===D&&q.chain===Y&&q.selected&&(H(Y)||!H(Y)&&!C)),"isSelected"),ye=!!C&&$&&G&&!Qo(G,C),Se=i(()=>{W(!1),P(""),oe(D=>{let Y=!1;return D.map(q=>!Y&&q.chain===I?.name?(Y=!0,{...q,selected:!0}):q)})},"resetCustomDestination"),De=i(D=>{if(h&&b(""),ie(D.walletType,D.chain))return;let q=k.find(se=>se.walletType===D.walletType&&se.chain===D.chain);q&&(n(),D.chain===I?.name&&$&&(W(!1),P("")),oe(se=>se.filter(je=>je.chain!==D.chain).concat({...q,selected:!0})))},"onChange"),Wt=i(()=>{let D=te.filter(Y=>Y.selected);y(D),u(D),f(C),m(!0),o()},"onConfirmBalance"),Yt=i(async()=>{v([]),w(""),M(null);let D=k.filter(se=>te.find(je=>je.chain===se.chain&&je.walletType===se.walletType)),Y=await r?.({selectedWallets:D,customDestination:C}),q=Y.warnings;q?.balance?.messages&&v(q.balance.messages),q?.quoteUpdate&&M(q.quoteUpdate),Y.error&&w(Ys(Y.error)),!Y.error&&(!q?.balance?.messages.length||0>0)?Wt():v(q?.balance?.messages??[])},"onConfirmWallets");Fd(()=>{oe(D=>D.concat(k.filter(Y=>!!!D.find(se=>se.chain===Y.chain)&&Y.selected&&F.includes(Y.chain))))},[k.length]),Ud(()=>{$&&x.current&&setTimeout(()=>{x?.current?.scrollIntoView({behavior:"smooth"})},Rt)},[$]);let ot=document.querySelector("#swap-box"),Ve=qd();return L.createElement(Cl,{open:e,onClose:()=>{c||Ve("../",{replace:!0}),o()},dismissible:!h,container:ot,...!h&&{footer:L.createElement(Fa,null,L.createElement(Sl,{loading:s,disabled:pa(s,$,C,p,te,I),onClick:Yt,variant:"contained",type:"primary",fullWidth:!0,size:"large"},"Confirm"))},...h&&{containerStyle:{padding:"$0"},header:L.createElement(Wa,null,L.createElement(Na,{variant:"ghost",onClick:b.bind(null,"")},L.createElement($d,{size:16})),L.createElement(kn,{variant:"headline",size:"small"},rt.t({id:"Your {blockchainName} wallets",values:{blockchainName:Ye(h,l)}})))},anchor:"center"},L.createElement(Cl,{open:T.length>0,onClose:v.bind(null,[]),container:ot},L.createElement(_d,{title:rt.t("Insufficient account balance"),type:"error",description:L.createElement(Pd,{messages:T??[]})},L.createElement(Sl,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:Wt},rt.t("Proceed anyway")))),h&&L.createElement(La,null,L.createElement("div",{className:Ba()},L.createElement(qr,{chain:h,isSelected:ie,selectWallet:De,onShowMore:b.bind(null,h)}))),!h&&L.createElement(L.Fragment,null,S&&L.createElement(L.Fragment,null,L.createElement(zr,{variant:"alarm",type:"error",title:rt.t(S)}),L.createElement(Ut,{size:12})),E&&L.createElement(L.Fragment,null,L.createElement(zr,{variant:"alarm",type:"warning",title:ln(E)}),L.createElement(Ut,{size:12})),L.createElement(Oa,null,F.map((D,Y)=>{let q=l.find(Ee=>Ee.name===D),se=`wallet-${Y}`,je=Y===F.length-1;return L.createElement("div",{key:se},L.createElement(ba,null,L.createElement(kn,{variant:"title",size:"xmedium"},rt.t({id:"Your {blockchainName} wallets",values:{blockchainName:q?.shortName}})),L.createElement(kn,{variant:"label",color:"$neutral700",size:"medium"},rt.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:q?.shortName}}))),L.createElement(Ut,{size:24}),L.createElement(Aa,null,L.createElement(qr,{chain:D,isSelected:ie,selectWallet:De,limit:zd,onShowMore:()=>b(q?.name??"")})),!je&&L.createElement(Ut,{size:32}),je&&a?.customDestination&&L.createElement($a,null,L.createElement(Pa,{ref:x,selected:$,open:$,onOpenChange:Ee=>{Ee?H(I?.name??"")||oe(sr=>sr.map(ar=>ar.chain===I?.name?{...ar,selected:!1}:ar)):Se()}},L.createElement(Ia,{onClick:()=>W(Ee=>!Ee)},L.createElement(Ma,{fullWidth:!0,variant:"default",suffix:L.createElement(Da,{orientation:$?"up":"down"},L.createElement(Md,{size:10,color:"gray"}))},L.createElement("div",{className:"button__content"},L.createElement(Dd,{size:18,color:"info"}),L.createElement(Ut,{size:4,direction:"horizontal"}),L.createElement(kn,{variant:"label",size:"medium"},rt.t("Send to a different address"))))),L.createElement(pn,{open:$},L.createElement(L.Fragment,null,L.createElement(Ut,{size:4}),L.createElement(Ua,{autoFocus:!0,placeholder:rt.t("Your destination address"),value:C,onChange:Ee=>{P(Ee.target.value)}})))),ye&&L.createElement("div",{className:_a()},L.createElement(zr,{variant:"alarm",type:"error",title:rt.t({values:{destination:C},id:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}i(kl,"ConfirmWalletsModal");import{Divider as Af}from"@rango-dev/ui";import Me from"react";import{i18n as Kr}from"@lingui/core";import{Alert as Qd,ChevronDownIcon as Vd,ChevronRightIcon as jd,Divider as Xr,Image as Fl,InfoIcon as Kd,QuoteCost as Xd,StepDetails as Yd,TokenAmount as Jd,Tooltip as Ul,Typography as Ot}from"@rango-dev/ui";import B,{useLayoutEffect as Zd,useRef as Ol,useState as Rd}from"react";import{styled as oo}from"@rango-dev/ui";var Tl=oo("div",{paddingBottom:"$10"}),Hr=oo("div",{width:"100%","& .position-top__skeleton":{paddingTop:"$10"}}),wl=oo("div",{variants:{paddingTop:{true:{paddingTop:"$10"}}}}),vl=oo("div",{paddingBottom:"$15"}),xl=oo("div",{width:"100%",display:"flex"});import*as Tn from"@radix-ui/react-collapsible";import{css as Gr,darkTheme as Je,Image as bl,styled as it}from"@rango-dev/ui";var Qr=300,Al=it(Tn.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"}}}}),El=Gr({padding:"$10 $15"}),Il=it("div",{borderRadius:"$xm",display:"flex",flexDirection:"column",alignItems:"start",justifyContent:"space-between",color:"$foreground",cursor:"pointer",boxSizing:"border-box",position:"relative",variants:{recommended:{true:{$$color:"$colors$info100",[`.${Je} &`]:{$$color:"$colors$secondary600"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}},false:{$$color:"$colors$neutral200",[`.${Je} &`]:{$$color:"$colors$neutral500"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}}},basic:{true:{borderTopRightRadius:"0",borderTopLeftRadius:"0"}},listItem:{true:{},false:{}}},compoundVariants:[{listItem:!0,recommended:!0,css:{"&:hover":{$$color:"$colors$secondary200",[`.${Je} &`]:{$$color:"$colors$secondary700"},backgroundColor:"$$color"}}},{listItem:!0,recommended:!1,css:{"&:hover":{$$color:"$colors$neutral300",[`.${Je} &`]:{$$color:"$colors$neutral400"},backgroundColor:"$$color"}}}]}),Wl=Gr({width:"100%",padding:"$15 $15 $10 $15",cursor:"default"}),Nl=Gr({paddingTop:"$10",display:"flex",alignItems:"center",".usd-value":{$$color:"$colors$neutral600",[`.${Je} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Ll=it(Tn.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:{[`& ${bl}`]:{border:"1px $warning500 solid",borderRadius:"100%"}},false:{[`& ${bl}`]:{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"}}),Vr=it("div",{width:"18px",height:"18px",borderRadius:"100%",border:"1.5px transparent solid",display:"flex",justifyContent:"center",alignItems:"center",variants:{state:{error:{borderColor:"$error500"},warning:{borderColor:"$warning500"}}}}),Bl=it(pn,{width:"100%"}),jr=it("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$2",transition:`all ${Qr}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),Bx=it("div",{height:"$12",marginLeft:"$10",marginRight:"$10",borderLeft:"1px solid $foreground"}),Pl=it("div",{display:"flex",justifyContent:"center",margin:"0 $15",borderTop:"1px solid",$$color:"$colors$neutral300",[`.${Je} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color"}),Ml=it("div",{width:"$16",height:"$16",justifyContent:"center",alignItems:"center",display:"flex"});import{TokenAmount as Dl}from"@rango-dev/ui";import wn from"react";import{css as Hd,styled as Gd}from"@rango-dev/ui";var $l=Gd("div",{position:"relative",display:"flex",flexDirection:"column",width:"100%"}),_l=Hd({height:"14px",marginLeft:"14px",position:"absolute",borderLeft:"1px solid $foreground",top:"42%"});function no(t){let{from:e,to:o,percentageChange:n,warningLevel:r}=t;return wn.createElement($l,null,wn.createElement(Dl,{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}}),wn.createElement("div",{className:_l()}),wn.createElement(Dl,{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(no,"QuoteSummary");function Yr(t){let{quote:e,input:o,output:n,error:r,warning:s,type:a,recommended:l=!0}=t,p=d().tokens(),u=d().blockchains(),c=d().swappers(),[m,g]=Rd(t.expanded),f=Ol(null),k=Ol(m),y=N(Ko(e.result?.swaps??[],p),2,2),h=Po(Mo(e.result?.swaps)),b=N(o.value,6,6),T=N(n.value,6,6),v=n.usdValue?N(n.usdValue,4,4):"",S=Be(o.usdValue,n.usdValue??null),w=N(S,2,2),E=nt(S??0),C=i(W=>W.map((x,F)=>{let I,H=r?.type===3&&r.swap.swapperId===x.swapperId||r?.type===4&&r.recommendedSlippages?.has(F),te=s?.type===2&&s.recommendedSlippages?.has(F);return H?I="error":te&&(I="warning"),{swapper:{displayName:Xs(x.swapperId,c),image:x.swapperLogo},from:{token:{displayName:x.from.symbol,image:x.from.logo},chain:{displayName:Ye(x.from.blockchain,u),image:x.from.blockchainLogo},price:{value:F===0?N(o.value,6,6):N(x.fromAmount,6,6),usdValue:N((x.from.usdPrice??0)*parseFloat(x.fromAmount),4,4)}},to:{token:{displayName:x.to.symbol,image:x.to.logo},chain:{displayName:Ye(x.to.blockchain,u),image:x.to.blockchainLogo},price:{value:N(x.toAmount,6,6),usdValue:N((x.to.usdPrice??0)*parseFloat(x.toAmount),4,4)}},state:I,alerts:H||te?B.createElement(vl,null,B.createElement(Qd,{type:H?"error":"warning",title:r?.type===3?r?.recommendation:Kr.t("Slippage Error:"),footer:B.createElement(xl,null,r?.type===3&&B.createElement(B.Fragment,null,B.createElement(Ot,{size:"xsmall",variant:"body",color:"neutral900"},r.fromAmountRangeError),B.createElement(Xr,{direction:"horizontal",size:8}),B.createElement(Ot,{size:"xsmall",variant:"body",color:"neutral900"},"|"),B.createElement(Xr,{direction:"horizontal",size:8}),B.createElement(Ot,{size:"xsmall",variant:"body",color:"neutral900"},Kr.t({id:"Yours: {amount} {symbol}",values:{amount:N(x.fromAmount,6,6),symbol:x?.from.symbol}}))),(r?.type===4||s?.type===2)&&B.createElement(Ot,{size:"xsmall",variant:"body",color:"neutral900"},Kr.t({id:"Minimum required slippage is {minRequiredSlippage}",values:{...r?.type===4&&{minRequiredSlippage:r.recommendedSlippages?.get(F)},...s?.type===2&&{minRequiredSlippage:s.recommendedSlippages?.get(F)}}})))})):void 0}}),"getQuoteSteps")(e.result?.swaps??[]),P=C.length,$=j();return Zd(()=>{m&&!k.current&&f.current&&setTimeout(()=>{f?.current?.scrollIntoView({behavior:"smooth"})},Qr),k.current=m},[m,k]),B.createElement(B.Fragment,null,B.createElement(Il,{recommended:l,listItem:a==="list-item",basic:a==="basic"},B.createElement("div",{className:Wl()},B.createElement(Xd,{fee:y,time:h,steps:P}),a==="basic"&&B.createElement("div",{className:Nl()},B.createElement(Ml,null,B.createElement(Kd,{size:12,color:"gray"})),B.createElement(Ot,{size:"small",variant:"body",style:{letterSpacing:.4}},`${b} ${C[0].from.token.displayName} = ${T} ${C[C.length-1].to.token.displayName}`),B.createElement(Ot,{color:"$neutral600",ml:2,size:"xsmall",variant:"body"},`($${v})`)),a==="list-item"&&B.createElement(Jd,{type:"output",direction:"vertical",price:{value:T,usdValue:v},token:{displayName:C[P-1].to.token.displayName,image:C[P-1].to.token.image},chain:{image:C[P-1].to.chain.image},percentageChange:w,warningLevel:E}),a==="swap-preview"&&B.createElement(B.Fragment,null,B.createElement(no,{from:C[0].from,to:C[P-1].to,percentageChange:w,warningLevel:E}),B.createElement(Xr,{size:4}))),B.createElement(Al,{recommended:l,open:m,onOpenChange:g},B.createElement(Ll,{ref:W=>f.current=W,recommended:l,onClick:()=>g(W=>!W)},B.createElement("div",null,C.map((W,x)=>{let F=`item-${x}`,I=B.createElement(jr,null,B.createElement(jd,{size:12,color:"black",...W.state&&{color:W.state==="error"?"error":"warning"}}));return B.createElement(B.Fragment,{key:F},B.createElement(Ul,{container:$,side:"bottom",sideOffset:4,content:W.from.chain.displayName},B.createElement(Vr,{state:W.state||C[x-1]?.state},B.createElement(Fl,{src:W.from.chain.image,size:16}))),x===P-1&&B.createElement(B.Fragment,null,I,B.createElement(Ul,{container:$,side:"bottom",sideOffset:4,content:W.to.chain.displayName},B.createElement(Vr,{state:W.state},B.createElement(Fl,{src:W.to.chain.image,size:16})))),x!==P-1&&B.createElement(B.Fragment,null,I))})),B.createElement(jr,{orientation:m?"up":"down"},B.createElement(Vd,{size:12,color:"black"}))),B.createElement(Bl,{open:m},B.createElement(Pl,null),B.createElement("div",{className:El()},C.map((W,x)=>{let F=`item-${x}`;return B.createElement(Yd,{type:"quote-details",key:F,step:W,hasSeparator:x!==C.length-1,state:W.state})}))))))}i(Yr,"Quote");import{ChainToken as vn,Divider as ze,NextIcon as tf,Skeleton as ge}from"@rango-dev/ui";import A from"react";import{darkTheme as ef,styled as ql}from"@rango-dev/ui";var zl=ql("div",{$$color:"$colors$neutral100",[`.${ef} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",borderBottomLeftRadius:"$xm",borderBottomRightRadius:"$xm",padding:"$15 ","& .cost-and-tag":{display:"flex",justifyContent:"space-between",alignItems:"center",height:"22px"},variants:{rounded:{true:{borderRadius:"$xm"}}},"& .cost":{display:"flex"},"& .basic-summary":{padding:"$15 $0 14px $0"},"& .output":{padding:"$6 $0 $15 $0",display:"flex",flexDirection:"column"},"& .output__token-info":{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$5"},"& .quote-summary":{display:"flex",justifyContent:"space-between",alignItems:"end"},"& .quote-summary__separator":{height:"$28",marginLeft:"13px",borderLeft:"1px solid $neutral700"},"& .token-amount":{display:"flex",justifyContent:"space-between"},"& .token-amount__label":{display:"flex",flexDirection:"column",alignItems:"start"},"& .chains":{paddingTop:"$2"},"& .swap-preview":{padding:"$15 $0 $15 $0"},"& .steps":{paddingLeft:"$8"},"& .step__title":{display:"flex",alignItems:"center"},"& .step__content":{display:"flex",alignItems:"start"},"& .step__tokens":{paddingTop:"$5",paddingBottom:"$10",display:"flex",alignItems:"center"},"& .step__token-info":{display:"flex",alignItems:"center"},"& .step__icon-container":{margin:"$0 $2",padding:"$4",display:"flex",justifyContent:"center",alignItems:"center"}}),Hl=ql("div",{borderLeft:"1px dashed black",minHeight:" 64px",margin:"0px 11.5px",alignSelf:"stretch",variants:{hideSeparator:{true:{minHeight:"unset",height:"0"}}}});function Jr(t){let{separator:e=!0}=t;return A.createElement(A.Fragment,null,A.createElement("div",{className:"step__title"},A.createElement(ge,{height:22,width:22,variant:"circular"}),A.createElement(ze,{direction:"horizontal",size:8}),A.createElement(ge,{height:15,width:148,variant:"rounded"})),A.createElement("div",{className:"step__content"},A.createElement(Hl,{hideSeparator:!e}),A.createElement("div",{className:"step__tokens"},A.createElement("div",{className:"step__token-info"},A.createElement(vn,{size:"small",loading:!0,chainImage:"",tokenImage:""}),A.createElement(ze,{direction:"horizontal",size:8}),A.createElement(ge,{height:12,width:76,variant:"rounded"})),A.createElement("div",{className:"step__icon-container"},A.createElement(tf,{color:"gray",size:16})),A.createElement("div",{className:"step__token-info"},A.createElement(vn,{size:"small",loading:!0,chainImage:"",tokenImage:""}),A.createElement(ze,{direction:"horizontal",size:8}),A.createElement(ge,{height:12,width:76,variant:"rounded"})))))}i(Jr,"StepSkeleton");function Zr(t){let{type:e,expanded:o,tag:n=!1}=t,r=A.createElement("div",{className:"quote-summary"},A.createElement("div",{className:"token-amount"},A.createElement(vn,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),A.createElement(ze,{size:8,direction:"horizontal"}),A.createElement("div",{className:"token-amount__label"},A.createElement(ge,{height:10,width:60,variant:"rounded"}),A.createElement(ze,{size:4}),A.createElement(ge,{height:15,width:148,variant:"rounded"}))),A.createElement(ge,{height:12,width:64,variant:"rounded"}));return A.createElement(zl,{rounded:e!=="basic"},A.createElement("div",{className:"cost-and-tag"},A.createElement("div",{className:"cost"},A.createElement(ge,{width:60,height:10,variant:"rounded"}),A.createElement(ze,{size:4,direction:"horizontal"}),A.createElement(ge,{width:60,height:10,variant:"rounded"}),A.createElement(ze,{size:4,direction:"horizontal"}),A.createElement(ge,{width:60,height:10,variant:"rounded"})),n&&A.createElement(ge,{height:22,width:100,variant:"rounded"})),e==="basic"&&A.createElement("div",{className:"basic-summary"},A.createElement(ge,{height:15,width:148,variant:"rounded"})),e==="list-item"&&A.createElement("div",{className:"output"},A.createElement("div",{className:"output__token-info"},A.createElement(vn,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),A.createElement(ze,{direction:"horizontal",size:4}),A.createElement(ge,{height:15,width:150,variant:"rounded"})),A.createElement(ze,{size:4}),A.createElement(ge,{height:10,width:184,variant:"rounded"})),e==="swap-preview"&&A.createElement(A.Fragment,null,A.createElement(ze,{size:4}),A.createElement("div",{className:"swap-preview"},r,A.createElement("div",{className:"quote-summary__separator"}),r)),A.createElement("div",{className:"chains"},A.createElement(ge,{height:15,width:321,variant:"rounded"})),o&&A.createElement("div",{className:"steps"},A.createElement(ze,{size:20}),A.createElement(Jr,null),A.createElement(Jr,null),A.createElement(Jr,{separator:!1})))}i(Zr,"QuoteSkeleton");import{i18n as wf}from"@lingui/core";import{Alert as vf,Button as xf,InfoIcon as bf}from"@rango-dev/ui";import We from"react";import{Alert as of,Button as nf,Divider as Xl,NoRouteIcon as rf,RefreshIcon as sf,Typography as Yl}from"@rango-dev/ui";import He from"react";import{i18n as Gl}from"@lingui/core";function Ql(t,e,o,n){return t?.type===1?{alert:{type:"warning",text:Q().genericServerError,action:{onClick:n,title:Gl.t("Retry")}},description:""}:e.length?{alert:{type:"warning",text:Q().liquiditySourcesError.title,action:{onClick:()=>o(!0),title:Gl.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(Ql,"makeInfo");import{styled as Rr}from"@rango-dev/ui";var Vl=Rr("div",{minHeight:"162px",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"}),jl=Rr("div",{width:"100%"}),Kl=Rr("div",{padding:"$6 $0"});function ei(t){let{fetch:e,error:o}=t,n=d().disabledLiquiditySources,r=d().toggleAllLiquiditySources,s=d().swappers(),a=Ql(o,n,()=>r(s,!0),e);return He.createElement(Vl,null,He.createElement(rf,{size:24,color:"gray"}),He.createElement(Xl,{size:4}),He.createElement(Yl,{variant:"title",size:"small"},Q().noResultError.title),!!a.description&&He.createElement(Yl,{variant:"body",size:"small",align:"center",color:"neutral700"},a.description),He.createElement(Xl,{size:4}),!!a.alert&&He.createElement(jl,null,He.createElement(of,{type:a.alert.type,title:a.alert.text,action:a.alert.action&&He.createElement(nf,{size:"xsmall",type:a.alert.type,prefix:He.createElement(Kl,null,He.createElement(sf,{size:8})),onClick:a.alert.action.onClick},a.alert.action.title),variant:"alarm"})))}i(ei,"NoResult");import{i18n as so}from"@lingui/core";import{Button as lf,Divider as op,MessageBox as pf,Modal as uf,Typography as cf,WarningIcon as mf}from"@rango-dev/ui";import Ze from"react";import{Typography as ep}from"@rango-dev/ui";import oi from"react";import{darkTheme as af,styled as xn}from"@rango-dev/ui";var Jl=xn("div",{width:"100%",paddingTop:"$10"}),ti=xn("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),Zl=xn("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%","._title":{$$color:"$colors$neutral600",[`.${af} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Rl=xn("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});function tp(t){let{title:e,value:o,valueColor:n}=t;return oi.createElement(Zl,null,oi.createElement(ep,{size:"medium",variant:"label",className:"_title"},e),oi.createElement(ep,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}i(tp,"QuoteErrorsModalItem");function np(t){let{open:e,onClose:o,onConfirm:n,warning:r}=t,s=r.warningLevel==="high"?"error":"warning",a=[{title:so.t("Swapping"),value:N(r.inputUsdValue,4,4)},{title:so.t("Gas cost"),value:N(r.totalFee,2,2)},{title:so.t("Receiving"),value:N(r.outputUsdValue,4,4)},{title:so.t("Price impact"),value:N(r.priceImpact,2,2),valueColor:`${s}500`}];return Ze.createElement(uf,{open:e,onClose:o,container:j()},Ze.createElement(pf,{type:s,title:Q().highValueLossError.impactTitle,description:Q().highValueLossError.description}),Ze.createElement(ti,null,Ze.createElement(op,{size:20}),Ze.createElement(cf,{size:"small",variant:"title"},so.t("Details")),Ze.createElement(ti,null,a.map((l,p)=>Ze.createElement(tp,{key:p,...l})))),Ze.createElement(op,{size:32}),Ze.createElement(lf,{type:"primary",size:"large",prefix:Ze.createElement(mf,null),fullWidth:!0,onClick:n},Q().highValueLossError.confirmMessage))}i(np,"HighValueLossWarningModal");import{i18n as ni}from"@lingui/core";function rp(t,e){let o={alertType:"warning",title:"",action:"show-info"};return t?(t.type===0&&(nt(t.priceImpact)==="high"&&(o.alertType="error"),o.action=null,o.title=Q().highValueLossError.title),t.type===1&&(o.title=Q().unknownPriceError.title),t.type===2&&(o.title=ni.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=ni.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=ni.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(rp,"makeAlerts");import{i18n as qt}from"@lingui/core";import{Button as ip,Divider as sp,MessageBox as df,Modal as ff,Typography as gf}from"@rango-dev/ui";import At from"react";import{useNavigate as hf}from"react-router-dom";function ap(t){let{customSlippage:e,slippage:o}=d(),{open:n,onClose:r,onConfirm:s,warning:a}=t,l=hf(),p=e??o;return At.createElement(ff,{anchor:"bottom",open:n,prefix:At.createElement(ip,{size:"small",variant:"ghost",onClick:()=>l("../"+_.settings)},At.createElement(gf,{variant:"label",size:"medium",color:"$neutral900"},qt.t("Change settings"))),container:j(),onClose:r},At.createElement(df,{type:"warning",title:a.type===3?qt.t("High slippage"):qt.t("Low slippage"),description:a.type===3?qt.t({id:" Caution, your slippage is high (={userSlippage}). Your trade may be front run.",values:{userSlippage:p}}):qt.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:a.minRequiredSlippage}})},At.createElement(sp,{size:18}),At.createElement(sp,{size:32}),At.createElement(ip,{size:"large",type:"primary",variant:"contained",fullWidth:!0,onClick:s},qt.t("Confirm anyway"))))}i(ap,"SlippageWarningModal");import{Button as yf,Divider as Sf,MessageBox as Cf,Modal as kf,WarningIcon as Tf}from"@rango-dev/ui";import ao from"react";function lp(t){let{open:e,onClose:o,onConfirm:n}=t;return ao.createElement(kf,{open:e,onClose:o,container:j()},ao.createElement(Cf,{type:"warning",title:Q().unknownPriceError.impactTitle,description:Q().unknownPriceError.description}),ao.createElement(Sf,{size:32}),ao.createElement(yf,{type:"primary",size:"large",prefix:ao.createElement(Tf,null),fullWidth:!0,onClick:n},Q().unknownPriceError.confirmMessage))}i(lp,"UnknownPriceWarningModal");function ri(t){let{warning:e,error:o,refetchQuote:n,showWarningModal:r,onOpenWarningModal:s,onCloseWarningModal:a,onConfirmWarningModal:l,onChangeSettings:p}=t,u={open:r,onClose:a,onConfirm:l},c=o?.type===0||o?.type===1,m=rp(e,o?.type===3||o?.type===4?o:null);return We.createElement(We.Fragment,null,c&&We.createElement(ei,{error:o,fetch:n}),!!m&&We.createElement(Jl,null,We.createElement(vf,{title:m.title,type:m.alertType,variant:"alarm",...m.action==="show-info"&&{action:We.createElement(Rl,{onClick:s},We.createElement(bf,{size:12,color:"gray"}))},...m.action==="change-settings"&&{action:We.createElement(xf,{size:"xxsmall",type:m.alertType,onClick:p},wf.t("Change"))}})),e&&We.createElement(We.Fragment,null,e.type===0&&We.createElement(np,{...u,warning:e}),(e.type===3||e.type===2)&&We.createElement(ap,{...u,warning:e}),e.type===1&&We.createElement(lp,{...u,warning:e})))}i(ri,"QuoteWarningsAndErrors");function lo(t){let{quote:e,type:o,loading:n,error:r,warning:s,refetchQuote:a,showWarningModal:l,onOpenWarningModal:p,onCloseWarningModal:u,onConfirmWarningModal:c,onChangeSettings:m,expanded:g=!1,alertPosition:f="bottom"}=t,{inputAmount:k,inputUsdValue:y,outputUsdValue:h,outputAmount:b}=O(),v=!(r&&(r.type===0||r.type===1))&&e&&e.result&&!n,S=(s||r)&&Me.createElement(ri,{warning:s,error:r,loading:n,refetchQuote:a,showWarningModal:l,onOpenWarningModal:p,onCloseWarningModal:u,onConfirmWarningModal:c,onChangeSettings:m});return Me.createElement(Me.Fragment,null,n&&Me.createElement(Hr,null,Me.createElement(wl,{paddingTop:f==="top"},Me.createElement(Zr,{type:o,expanded:g}))),f==="top"&&Me.createElement(Tl,null,S),v?Me.createElement(Hr,null,Me.createElement(Yr,{quote:e,error:r,warning:s,type:o,expanded:g,recommended:!0,input:{value:k,usdValue:y?.toString()??""},output:{value:b?.toString()??"",usdValue:h?.toString()??""}})):null,f==="bottom"&&Me.createElement(Me.Fragment,null,!s&&!r&&Me.createElement(Af,{size:16}),S))}i(lo,"QuoteInfo");import{calculatePendingSwap as Wf}from"@rango-dev/queue-manager-rango-preset";import{useEffect as Nf}from"react";import{useRef as Ef,useState as If}from"react";function bn(){let[t,e]=If(!1),o=Ef(null),n=i(()=>o.current?.abort(),"cancel");return{fetch:i(async s=>{n(),o.current=new AbortController,e(!0);try{let a=await Lt().getBestRoute(s,{signal:o.current.signal});return o.current=null,a}catch(a){throw a}finally{e(!1)}},"fetch"),loading:t,cancelFetch:n}}i(bn,"useFetchQuote");function An(t){if(!t.result)throw new Error(Q().noResultError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});if(Sr(t)){let{swap:n,recommendation:r,fromAmountRangeError:s}=Cr(t);throw new Error("bridge limit error",{cause:{type:3,swap:n,recommendation:r,fromAmountRangeError:s}})}let o=Tr(t);if(o){let n=Xo(t);throw new Error("",{cause:{type:4,recommendedSlippages:o,minRequiredSlippage:n}})}return t}i(An,"throwErrorIfResponseIsNotValid");function pp(t,e,o){let n=!1;t&&(n=da(t,e));let r={quote:null,quoteUpdate:null,balance:null},s=Jo(e,{fromToken:o.fromToken,toToken:o.toToken,tokens:o.meta.tokens,userSlippage:o.userSlippage});s&&(r.quote=s),t&&n&&(na(t,e)?r.quoteUpdate={type:3,newOutputAmount:N(Mt(e)),percentageChange:N(Be(Mt(t)??"",Mt(e)??""),null,2)}:vr(t,e)?r.quoteUpdate={type:0}:xr(t,e)?r.quoteUpdate={type:1}:br(t,e)&&(r.quoteUpdate={type:2}));let a=ra(e,o.selectedWallets,o.meta.blockchains);return a.length===0||(r.balance={messages:a}),r}i(pp,"generateWarnings");function En(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(En,"handleQuoteErrors");function ii(){let{fromToken:t,toToken:e,inputAmount:o,setQuote:n,quote:r,customDestination:s,setQuoteWarningsConfirmed:a}=O(),{slippage:l,customSlippage:p,affiliatePercent:u,affiliateRef:c,affiliateWallets:m,disabledLiquiditySources:g}=d(),{connectedWallets:f}=z(),k=d().blockchains(),y=d().tokens(),{features:h}=d().config,{enableNewLiquiditySources:b}=d().config,T=p||l,{fetch:v,cancelFetch:S,loading:w}=bn();return Nf(()=>S,[]),{loading:w,fetch:i(async M=>{let C=M.selectedWallets,P=M?.customDestination??s;if(!t||!e||!o)return{quote:null,swap:null,error:null,warnings:null};let $=Yo({fromToken:t,toToken:e,inputAmount:o,wallets:f,selectedWallets:C,excludeLiquiditySources:b,disabledLiquiditySources:g,slippage:T,affiliateRef:c,affiliatePercent:u,affiliateWallets:m,initialQuote:r??void 0,destination:P});Bo("experimentalRoute",h)&&($.experimental=!0);let W;try{W=await v($).then(H=>An(H)),n(W)}catch(H){return En(H)}let x={slippage:T.toString(),disabledSwappersGroups:g},F=Wf(o.toString(),W,ta(C),x,!1,{blockchains:k,tokens:y}),I=pp(r??void 0,W,{fromToken:t,toToken:e,meta:{blockchains:k,tokens:y},selectedWallets:C,userSlippage:T});return I.quoteUpdate&&a(!1),{quote:W,swap:F,error:null,warnings:I}},"fetch"),cancelFetch:S}}i(ii,"useConfirmSwap");var zf=dp("div",{position:"relative",width:"100%","& .quote-update__alert":{paddingTop:"$10"}}),Hf=dp("div",{width:"100%",display:"flex",justifyContent:"space-between",[`& ${mp}`]:{width:"$48",height:"$48"}}),Gf=si({flexGrow:1,paddingRight:"$10"}),Qf=si({width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"}),Vf=si({display:"flex",justifyContent:"space-between",alignItems:"center"});function fp(){let{quote:t,setInputAmount:e,selectedWallets:o,quoteWalletsConfirmed:n,setQuoteWalletConfirmed:r,customDestination:s,quoteWarningsConfirmed:a}=O(),l=qf(),[p,u]=Wn(""),{connectedWallets:c}=z(),m=!n,[g,f]=Wn(!1),k=we.use.setSelectedSwap(),y=d().disabledLiquiditySources,h=Uf(y),{manager:b}=Lf(),{fetch:T,loading:v,cancelFetch:S}=ii(),[w,E]=Wn({swap:null,error:null,warnings:null}),[M,C]=Wn(!1),P=i(async({selectedWallets:I,customDestination:H})=>{let te=await T?.({selectedWallets:I,customDestination:H});return E(te),te},"onConfirmSwap"),$=i(async()=>{if(w.swap&&n)try{await b?.create("swap",{swapDetails:w.swap},{id:w.swap.requestId}),k(w.swap.requestId);let I=`../${_.swaps}/${w.swap.requestId}`;l(I,{replace:!0}),setTimeout(()=>{e("")},0)}catch(I){u("Error: "+I?.message)}},"addNewSwap"),W=i(async()=>{await $()},"onConfirm"),x=i(async()=>{w?.warnings?.quote&&!a?C(!0):await W()},"onStartConfirmSwap"),F=i(async()=>{E({error:null,swap:null,warnings:null}),T({selectedWallets:o,customDestination:s}).then(I=>{E(I)}).catch(I=>console.error(I))},"onRefresh");return po(()=>{!!h.current.length&&!y.length&&F(),h.current=y},[y.length]),po(()=>{m&&S()},[m]),po(()=>{m&&f(m)},[m]),po(()=>{m||T({selectedWallets:o,customDestination:s}).then(I=>E(I)).catch(I=>console.error(I))},[]),po(()=>{let I=w.warnings?.quote?.type&&Object.values(ut).includes(w.warnings?.quote?.type),H=o.length<1||!o.every(oe=>c.find(G=>oe.address===G.address&&oe.walletType===G.walletType&&oe.chain===G.chain)),te=!1;if(I){let oe=Go(t),G=t?.result?.swaps[t.result.swaps.length-1].to.blockchain;!!t?.result?.swaps.find(Se=>Se.from.blockchain===G)||(oe=oe.slice(-oe.length,oe.length-1)),oe.every(Se=>o.find(De=>De.chain===Se))||(te=!0)}t&&(H||te)&&(queueMicrotask(()=>Of(f.bind(null,!0))),r(!1))},[w.warnings?.quote,o.length,c.length]),Ff(()=>{t||l("../")},[]),ee.createElement(K,{header:{title:In.t("Confirm Swap"),onWallet:()=>{let I=`../${_.wallets}`;l(I)},suffix:ee.createElement($f,{container:j(),side:"bottom",content:In.t("Settings")},ee.createElement(Ue,{size:"small",variant:"ghost",onClick:()=>l("../"+_.settings)},ee.createElement(Mf,{size:18,color:"black"})))},footer:ee.createElement(Hf,null,ee.createElement("div",{className:Gf()},ee.createElement(cp,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:v,disabled:!!w.error,onClick:x},In.t("Start Swap"))),ee.createElement(mp,{variant:"contained",type:"primary",size:"large",loading:v,onClick:f.bind(null,!0)},ee.createElement(Df,{size:24})))},g&&ee.createElement(kl,{open:g,onClose:()=>f(!1),onCancel:S,loading:v,onCheckBalance:P}),ee.createElement(zf,null,ee.createElement("div",{className:Vf()},ee.createElement(_f,{variant:"title",size:"small"},In.t("You get")),ee.createElement(cp,{style:{padding:"0"},variant:"ghost",disabled:v,onClick:F},ee.createElement("div",{className:Qf()},ee.createElement(Pf,{size:16})))),p&&ee.createElement(ee.Fragment,null,ee.createElement(up,{type:"error",variant:"alarm",title:p}),ee.createElement(Bf,{size:12})),w.warnings?.quoteUpdate&&ee.createElement("div",{className:"quote-update__alert"},ee.createElement(up,{variant:"alarm",type:"warning",title:w.warnings.quoteUpdate&&ln(w.warnings.quoteUpdate)})),ee.createElement(lo,{quote:t,type:"swap-preview",expanded:!0,alertPosition:"top",error:w.error,loading:v,warning:w.warnings?.quote??null,refetchQuote:F,showWarningModal:M,onOpenWarningModal:()=>C(!0),onCloseWarningModal:()=>C(!1),onConfirmWarningModal:async()=>{C(!1),await $()},onChangeSettings:()=>l("../"+_.settings)})))}i(fp,"ConfirmSwapPage");import{i18n as Bn}from"@lingui/core";import{useManager as eg}from"@rango-dev/queue-manager-react";import{Divider as tg,NotFound as og,styled as vp}from"@rango-dev/ui";import yt,{useState as ng}from"react";import{useNavigate as rg}from"react-router-dom";import{CloseIcon as Kf,IconButton as Xf,SearchIcon as Yf,TextField as Jf}from"@rango-dev/ui";import uo from"react";import{styled as jf}from"@rango-dev/ui";var gp=jf("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function st(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:s,value:a,setValue:l,...p}=t;return uo.createElement(Jf,{prefix:uo.createElement(gp,null,uo.createElement(Yf,{color:"black"})),suffix:!!a.length&&uo.createElement(Xf,{variant:"ghost",onClick:()=>l?.(""),size:"small"},uo.createElement(Kf,{color:"gray",size:10})),fullWidth:o,color:n,variant:e,style:{padding:10,borderRadius:25,alignItems:"center"},size:r,value:a,onChange:s,...p})}i(st,"SearchInput");import{i18n as yp}from"@lingui/core";import{Divider as Sp,SwapListItem as Cp,Typography as kp}from"@rango-dev/ui";import Z from"react";import{css as Zf,darkTheme as Rf,styled as Nn}from"@rango-dev/ui";var Ln=Zf(),ai=Nn("div",{width:"100%",display:"flex",flexDirection:"column",[`& .${Ln}`]:{$$color:"$colors$neutral600",[`.${Rf} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),li=Nn("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),pi=Nn("div",{gap:"$10",display:"flex",flexDirection:"column"}),hp=Nn("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});function ui(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(ai,null,Z.createElement(li,null,Z.createElement(kp,{variant:"label",size:"medium",className:Ln()},yp.t(p.title))),Z.createElement(Sp,{size:4}),Z.createElement(pi,null,p.swaps.map((u,c)=>{let m=c+p.title;return Z.createElement(Z.Fragment,{key:m},Z.createElement(Cp,{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(ai,null,Z.createElement(li,null,Z.createElement(kp,{variant:"label",size:"medium",className:Ln()},yp.t(a.title))),Z.createElement(Sp,{size:4}),Z.createElement(pi,null,a.swaps.map(l=>{let p=l.steps[0],u=l.steps[l.steps.length-1];return Z.createElement(Z.Fragment,{key:l.requestId},Z.createElement(Cp,{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:$o(l.inputAmount)},to:{token:{image:u.toLogo,displayName:u.toSymbol},blockchain:{image:u.toBlockchainLogo||""},amount:$o(u.outputAmount||""),estimatedAmount:$o(u.expectedOutputAmountHumanReadable||"")}}}))}))))))}i(ui,"SwapsGroup");import Tp from"dayjs";var wp=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=Tp();return t.forEach(n=>{let r=Tp(Number(n.creationTime));o.isSame(r,"day")?e.get("today")?.swaps.push(n):o.isSame(r,"month")?e.get("month")?.swaps.push(n):o.isSame(r,"year")?e.get("year")?.swaps.push(n):e.get("history")?.swaps.push(n)}),Array.from(e.values())},"groupSwapsByDate");var zt=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 ig=vp("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",height:"100%",gap:15}),sg=vp("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),ag=i((t,e)=>t?.length?t.filter(o=>Ke(o.fromBlockchain,e)||Ke(o.toBlockchain,e)||Ke(o.toSymbol,e)||Ke(o.fromSymbol,e)).length:!1,"isStepContainsText");function xp(){let t=we.use.setSelectedSwap(),e=rg(),{manager:o,state:n}=eg(),r=zt(o).map(({swap:m})=>m),[s,a]=ng(""),l=!n.loadedFromPersistor,p=i(m=>{let g=m.target.value;a(g)},"searchHandler"),u=r;s&&(u=r.filter(m=>Ke(m.inputAmount,s)||Ke(m.status,s)||ag(m.steps,s)||Ke(m.requestId,s)));let c=!u?.length&&!l;return yt.createElement(K,{header:{title:Bn.t("History")}},yt.createElement(ig,null,yt.createElement(st,{setValue:a,fullWidth:!0,variant:"contained",placeholder:Bn.t("Search Transaction"),autoFocus:!0,onChange:p,value:s}),yt.createElement(sg,null,c&&yt.createElement(hp,null,yt.createElement(tg,{size:32}),yt.createElement(og,{title:Bn.t("No results found"),description:s?Bn.t("Try using different keywords"):""})),!c&&yt.createElement(ui,{list:u,onSwapClick:m=>{t(m),e(m)},groupBy:wp,isLoading:l}))))}i(xp,"HistoryPage");import{i18n as di}from"@lingui/core";import{Button as fg,styled as fi,SwapInput as Ip,WarningIcon as gg}from"@rango-dev/ui";import $e,{useEffect as hg,useRef as yg,useState as Sg}from"react";import{useNavigate as Cg}from"react-router-dom";import{ReverseIcon as lg,styled as bp}from"@rango-dev/ui";import ci from"react";var pg=bp("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),ug=bp("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 Ap(){let t=O.use.switchFromAndTo();return ci.createElement(pg,null,ci.createElement(ug,{onClick:()=>{t()}},ci.createElement(lg,{size:12})))}i(Ap,"SwitchFromAndToButton");import{useCallback as cg,useEffect as mg,useState as mi}from"react";var dg=600;function Ep(){let{fetch:t,cancelFetch:e}=bn(),{liquiditySources:o,enableNewLiquiditySources:n,features:r}=d().config,s=d().tokens(),{fromToken:a,toToken:l,inputAmount:p,inputUsdValue:u,resetQuote:c,setQuote:m}=O(),{slippage:g,customSlippage:f,affiliatePercent:k,affiliateRef:y,affiliateWallets:h,disabledLiquiditySources:b}=d(),[T,v]=mi(!1),[S,w]=mi(null),[E,M]=mi(null),C=f??g,$=!a||!l||Le(a,l)||!Jt(p),W=i(I=>{v(I),w(null),M(null)},"resetState"),x=i(I=>{let{fromToken:H,toToken:te,inputAmount:oe,liquiditySources:G,excludeLiquiditySources:ie,disabledLiquiditySources:ye,slippage:Se,affiliateRef:De,affiliatePercent:Wt,affiliateWallets:Yt}=I;if(T||W(!0),!$&&H&&te){c();let ot=Yo({fromToken:H,toToken:te,inputAmount:oe,liquiditySources:G,excludeLiquiditySources:ie,disabledLiquiditySources:ye,slippage:Se,affiliateRef:De,affiliatePercent:Wt,affiliateWallets:Yt});Bo("experimentalRoute",r)&&(ot.experimental=!0),t(ot).then(Ve=>{v(!1),m(Ve),An(Ve);let D=Jo(Ve,{fromToken:H,toToken:te,userSlippage:C,tokens:s});M(D)}).catch(Ve=>{let{error:D}=En(Ve);(D?.type===0||D?.type===1)&&c(),D?.type!==2&&(w(D),v(!1))})}},"fetch"),F=cg(vs(I=>{$||x(I)},dg),[$]);return mg(()=>{if(!Jt(p)||u?.eq(0)){W(!1),e();return}if(!$)return c(),W(!0),F({inputAmount:p,fromToken:a,toToken:l,liquiditySources:o,excludeLiquiditySources:n,disabledLiquiditySources:b,slippage:C,affiliateRef:y,affiliatePercent:k,affiliateWallets:h}),e},[p,a?.symbol,a?.address,a?.blockchain,l?.symbol,l?.address,l?.blockchain,$,o?.length,n,b.length,C,y,k,JSON.stringify(h)]),{fetch:()=>x({inputAmount:p,fromToken:a,toToken:l,liquiditySources:o,excludeLiquiditySources:n,disabledLiquiditySources:b,slippage:C,affiliateRef:y,affiliatePercent:k,affiliateWallets:h}),loading:T,error:S,warning:E}}i(Ep,"useSwapInput");var kg=fi("div",{display:"flex",flexDirection:"column",overflowY:"visible","& .quote__container":{paddingTop:"$2"}}),Tg=fi("div",{position:"relative"}),wg=fi("div",{display:"flex",flexDirection:"column",gap:5,alignSelf:"stretch"});function Wp(){let t=Cg(),{fetch:e,loading:o,error:n,warning:r}=Ep(),{fromToken:s,fromBlockchain:a,toToken:l,toBlockchain:p,setInputAmount:u,inputAmount:c,inputUsdValue:m,outputAmount:g,outputUsdValue:f,quote:k,resetQuoteWallets:y,setQuoteWarningsConfirmed:h}=O(),b=d().fetchStatus,{connectedWallets:T,getBalanceFor:v}=z(),S=we.use.setCurrentPage(),[w,E]=Sg(!1),M=yg(null),C=!1,P=!kr(k,c,m),$=!kr(k,c,f),W=Zs({fetchMetaStatus:b,fetchingQuote:o,inputAmount:c,quote:k,anyWalletConnected:T.length>0,error:n,warning:r,needsToWarnEthOnPath:C}),x=s?v(s):null,F=qo(x)?.amount??"0",I=a&&s?N(x?.amount,x?.decimals):"0";hg(()=>(S(_.home),y(),S.bind(null,"")),[]);let H=!m||!f||!f.gt(0)?null:Be(m.toString(),f.toString());return $e.createElement(K,{ref:M,fixedHeight:!1,hasLogo:!0,footer:$e.createElement(fg,{type:"primary",size:"large",disabled:W.disabled,prefix:W.action==="confirm-warning"&&$e.createElement(gg,null),fullWidth:!0,onClick:()=>{W.action==="connect-wallet"?t(_.wallets):W.action==="confirm-warning"?E(!0):t(_.confirmSwap)}},W.title),header:{onWallet:()=>{t(_.wallets)},hasBackButton:!1,title:di.t("Swap"),suffix:$e.createElement(Mr,{layoutRef:M.current,onClickRefresh:k||n?e:void 0,onClickHistory:()=>t(_.swaps),onClickSettings:()=>t(_.settings)})}},$e.createElement(kg,null,$e.createElement(wg,null,$e.createElement(Tg,null,$e.createElement(Ip,{label:di.t("From"),mode:"From",onInputChange:u,balance:F,chain:{displayName:a?.displayName||"",image:a?.logo||""},token:{displayName:s?.symbol||"",image:s?.image||""},onClickToken:()=>t(_.fromSwap),price:{value:c,usdValue:P?void 0:N(m,4,4),error:P?Q().unknownPriceError.impactTitle:void 0},disabled:b==="failed",loading:b==="loading",onSelectMaxBalance:()=>{F!=="0"&&u(I.split(",").join(""))}}),$e.createElement(Ap,null)),$e.createElement(Ip,{sharpBottomStyle:!!k?.result||o,label:di.t("To"),mode:"To",fetchingQuote:o,chain:{displayName:p?.displayName||"",image:p?.logo||""},token:{displayName:l?.symbol||"",image:l?.image||""},percentageChange:N(Be(m,f),2,2),warningLevel:nt(H??0),price:{value:N(g,6,6),usdValue:$?void 0:N(f,4,4),error:$?Q().unknownPriceError.impactTitle:void 0},onClickToken:()=>t(_.toSwap),disabled:b==="failed",loading:b==="loading"})),$e.createElement("div",{className:"quote__container"},$e.createElement(lo,{quote:k,loading:o,error:n,warning:r,type:"basic",refetchQuote:e,showWarningModal:w,onOpenWarningModal:()=>E(!0),onCloseWarningModal:()=>E(!1),onConfirmWarningModal:()=>{E(!1),h(!0),t(_.confirmSwap)},onChangeSettings:()=>t(_.settings)}))))}i(Wp,"Home");import{i18n as Np}from"@lingui/core";import{List as vg,ListItemButton as xg,Radio as bg,RadioRoot as Ag,Typography as Eg}from"@rango-dev/ui";import St from"react";import{styled as Pn}from"@rango-dev/ui";var at=Pn("div",{height:"100%",overflow:"hidden"}),co=Pn("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto"}),gi=Pn("div",{width:80,display:"flex",justifyContent:"flex-end"}),hi=Pn("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});function Mn(){let{setLanguage:t,language:e}=d();return{activeLanguage:e,languages:Fs,defaultLanguage:Pt,changeLanguage:r=>t(r||Pt)}}i(Mn,"useLanguage");function Lp(){let{activeLanguage:t,changeLanguage:e,languages:o}=Mn(),n=o.map(r=>{let{local:s,label:a,SVGFlag:l}=r;return{id:s,value:s,title:St.createElement(Eg,{variant:"title",size:"xmedium"},a),onClick:()=>e(r.local),end:St.createElement(bg,{value:s}),start:St.createElement(l,null)}});return St.createElement(K,{header:{title:Np.t("Language")}},St.createElement(at,null,St.createElement(Ag,{value:t},St.createElement(vg,{type:St.createElement(xg,{title:Np.t("language"),id:"_",onClick:()=>console.log()}),items:n}))))}i(Lp,"LanguagePage");import{i18n as Ht}from"@lingui/core";import{Button as Bg,Checkbox as Pg,Image as Mg,ListItemButton as $g,NotFound as _g,Typography as Dg}from"@rango-dev/ui";import he,{useState as Fg}from"react";import{Checkbox as Ng,Skeleton as Pp}from"@rango-dev/ui";import mo from"react";import{ListItem as Ig,styled as Wg}from"@rango-dev/ui";var Bp=Wg(Ig,{height:61});var Lg=30;function yi(){return mo.createElement(co,null,Array.from(Array(Lg),t=>mo.createElement(Bp,{hasDivider:!0,key:t,start:mo.createElement(Pp,{variant:"circular",width:35,height:35}),title:mo.createElement(Pp,{variant:"text",size:"large",width:90}),end:mo.createElement(Ng,{checked:!1})})))}i(yi,"LoadingLiquiditySourceList");function Si({sourceType:t}){let e=d().fetchStatus,o=d().swappers(),n=d().disabledLiquiditySources,[r,s]=Fg(""),a=d().toggleLiquiditySource,l=Lo(o,n),p=[];t==="Exchanges"&&p.push("DEX"),t==="Bridges"&&(p.push("BRIDGE"),p.push("AGGREGATOR"));let u=l.filter(y=>p.includes(y.type)),c=u.length===u.filter(y=>y.selected).length,m=i(()=>{u.forEach(y=>{c?a(y.groupTitle):y.selected||a(y.groupTitle)})},"toggleAllSources"),g=u.map(y=>{let{selected:h,groupTitle:b,logo:T}=y;return{start:he.createElement(Mg,{src:T,size:22,type:"circular"}),onClick:()=>a(b),end:he.createElement(Pg,{checked:h}),title:he.createElement(Dg,{variant:"title",size:"xmedium"},Ht.t(b)),...y}}),f=i(y=>{let h=y.target.value;s(h)},"searchHandler"),k=g;return r&&(k=g.filter(y=>Ke(y.groupTitle,r))),he.createElement(K,{header:{title:Ht.t(t),suffix:he.createElement(gi,null,he.createElement(Bg,{variant:"ghost",size:"xsmall",onClick:m},Ht.t(c?"Deselect all":"Select all")))}},he.createElement(at,null,he.createElement(st,{value:r,setValue:s,fullWidth:!0,color:"light",variant:"contained",placeholder:Ht.t("Search {sourceType}",{sourceType:t}),onChange:f}),e==="loading"&&he.createElement(yi,null),!k.length&&r?he.createElement(hi,null,he.createElement(_g,{title:Ht.t("No results found"),description:Ht.t("Try using different keywords")})):e==="success"&&he.createElement(co,null,k.map(y=>he.createElement(he.Fragment,{key:y.id},he.createElement($g,{style:{height:"61px"},...y,selected:!1,hasDivider:!0}))))))}i(Si,"LiquiditySourcePage");import{i18n as qp}from"@lingui/core";import{Divider as wi,getCountCategories as Kg,SelectableCategoryList as Xg}from"@rango-dev/ui";import lt,{useState as zp}from"react";import{i18n as ki}from"@lingui/core";import{Divider as Up,Image as Hg,ListItemButton as Gg,NotFound as Qg,Typography as Op}from"@rango-dev/ui";import _e,{useEffect as Vg,useState as jg}from"react";import{BlockchainCategories as Ci}from"@rango-dev/ui";import{TransactionType as $n}from"rango-sdk";var Ug=i((t,e)=>{switch(e){case Ci.ALL:return!0;case Ci.UTXO:return t.type===$n.TRANSFER;case Ci.OTHER:return t.type!==$n.TRANSFER&&t.type!==$n.COSMOS&&t.type!==$n.EVM;default:return t.type===e}},"filterByType"),Mp=i((t,e,o)=>t.filter(n=>Ug(n,o)).filter(n=>kt(n.name,e)||kt(n.displayName,e)),"filterBlockchains");import{ImageContainer as Og,styled as $p}from"@rango-dev/ui";var _p=$p("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),_n=$p("ul",{padding:0,margin:0,listStyle:"none",overflowY:"auto",paddingRight:"$5",[`& ${Og}`]:{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as qg,Skeleton as Dp}from"@rango-dev/ui";import Dn from"react";var zg=20;function Fp(){return Dn.createElement(_n,null,Array.from(Array(zg),t=>Dn.createElement(qg,{key:t,hasDivider:!0,start:Dn.createElement(Dp,{variant:"circular",width:35,height:35}),title:Dn.createElement(Dp,{variant:"text",size:"large",width:90})})))}i(Fp,"LoadingBlockchainList");function Ti(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[s,a]=jg(e),{fetchStatus:l}=d();Vg(()=>{a([...Mp(e,o,r)])},[e,o,r]);let p=i(()=>!s.length&&o?_e.createElement(_e.Fragment,null,_e.createElement(Up,{size:32}),_e.createElement(Qg,{title:ki.t("No results found"),description:ki.t("Try using different keywords")})):_e.createElement(_n,{key:`${r}-${o}`},s.map(u=>_e.createElement(Gg,{key:`${u.name}-${u.chainId}`,hasDivider:!0,onClick:()=>n(u),start:_e.createElement(Hg,{src:u.logo,size:30}),title:_e.createElement(Op,{variant:"title",size:"medium"},u.displayName),id:u.chainId}))),"renderList");return _e.createElement(_p,null,_e.createElement(Op,{variant:"label",size:"large"},ki.t("Select Blockchain")),_e.createElement(Up,{size:4}),l==="loading"&&_e.createElement(Fp,null),l==="success"&&p())}i(Ti,"BlockchainList");function vi(t){let{type:e}=t,o=ft(),[n,r]=zp(""),[s,a]=zp("ALL"),l=O.use.setToBlockchain(),p=O.use.setFromBlockchain(),u=d().fetchStatus,c=d().blockchains({type:e}),g=Kg(c)!==1;return lt.createElement(K,{header:{title:qp.t("Select Blockchain")}},lt.createElement(wi,{size:12}),g&&lt.createElement(lt.Fragment,null,lt.createElement(Xg,{setCategory:a,category:s,blockchains:c,isLoading:u==="loading"}),lt.createElement(wi,{size:24})),lt.createElement(st,{value:n,autoFocus:!0,placeholder:qp.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:f=>r(f.target.value)}),lt.createElement(wi,{size:16}),lt.createElement(Ti,{list:c,searchedFor:n,blockchainCategory:s,onChange:f=>{e==="source"?p(f):l(f),o()}}))}i(vi,"SelectBlockchainPage");import{i18n as au}from"@lingui/core";import{Divider as lu}from"@rango-dev/ui";import Qt,{useState as dh}from"react";import{useNavigate as fh}from"react-router-dom";import{i18n as Ai}from"@lingui/core";import{BlockchainsChip as Fn,Divider as Vp,Image as jp,Skeleton as eh,Typography as Ei}from"@rango-dev/ui";import de from"react";import{useEffect as Zg}from"react";var Hp=["ETH","COSMOS","OSMOSIS"];function xi(t,e,o){let n=JSON.parse(JSON.stringify(t)),r=[];if(n.sort(Yg),o?.limit&&t.length>o.limit){let s=o.limit,a=e;if(e.length<=o.limit){let l=o.limit-e.length;for(let p=0;p<=l;p++){let u=n[p];a=a.filter(c=>u.name!==c)}}n.sort(Jg(a)),r=n.splice(s)}return{list:n,more:r}}i(xi,"prepare");function Yg(t,e){let o=Hp,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(Yg,"sortByMostUsedBlockchains");function Jg(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(Jg,"generateSortByPreferredBlockchainsFor");function Gp(t,e){return!!e.list.find(o=>o.name===t)}i(Gp,"isInVisibleList");function bi(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=d();Zg(()=>{if(e?.selected){let s=xi(t,o,e);Gp(e.selected,s)||n(e?.selected)}},[e?.selected]);let r=xi(t,o,e);return{list:r.list,more:r.more,history:[]}}i(bi,"usePrepareBlockchainList");import{styled as Rg}from"@rango-dev/ui";var Qp=Rg("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var th=12;function Ii(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:s}=t,a=bi(e,{limit:10,selected:n?.name}),{fetchStatus:l}=d(),p=O.use.resetToBlockchain(),u=O.use.resetFromBlockchain(),c=a.more.length>0,m=a.more.length===1,g=!m&&c;return de.createElement("div",null,de.createElement(Vp,{size:12}),de.createElement(Ei,{variant:"label",size:"large"},Ai.t("Select Blockchain")),de.createElement(Vp,{size:12}),de.createElement(Qp,null,l==="loading"&&Array.from(Array(th),f=>de.createElement(eh,{key:f,variant:"rounded",height:50})),l==="success"&&de.createElement(de.Fragment,null,de.createElement(Fn,{selected:!n,onClick:()=>{o==="from"?u():p()}},de.createElement(Ei,{variant:"body",size:"xsmall",color:"secondary500"},Ai.t("All"))),a.list.map(f=>de.createElement(Fn,{key:f.name,selected:!!n&&n.name===f.name,onClick:()=>r(f)},de.createElement(jp,{src:f.logo,size:30}))),m?de.createElement(Fn,{key:a.more[0].name,selected:!!n&&n.name===a.more[0].name,onClick:()=>r(a.more[0])},de.createElement(jp,{src:a.more[0].logo,size:30})):null,g?de.createElement(Fn,{onClick:s,key:"more-blockchains"},de.createElement(Ei,{variant:"body",size:"xsmall",color:"secondary500"},Ai._("More +{count}",{count:a.more.length}))):null)))}i(Ii,"BlockchainsSection");import{i18n as Ui}from"@lingui/core";import{darkTheme as ou,Divider as go,ExternalLinkIcon as ih,Image as sh,ListItemButton as ah,NotFound as lh,PinIcon as ph,Skeleton as nu,Typography as ho,VirtualizedList as uh}from"@rango-dev/ui";import U,{forwardRef as ch,useEffect as ru,useState as iu}from"react";var Kp=i((t,e)=>{t=t.replace(/^#/,""),t.length===3&&(t=t[0]+t[0]+t[1]+t[1]+t[2]+t[2]);let[s,a,l]=t.match(/.{2}/g);[s,a,l]=[parseInt(s,16)+e,parseInt(a,16)+e,parseInt(l,16)+e],s=Math.max(Math.min(255,s),0).toString(16),a=Math.max(Math.min(255,a),0).toString(16),l=Math.max(Math.min(255,l),0).toString(16);let p=(s.length<2?"0":"")+s,u=(a.length<2?"0":"")+a,c=(l.length<2?"0":"")+l;return`#${p}${u}${c}`},"colorShade"),Un=i((t,e)=>{let a={[t]:e};for(let l=1;l<10;l++)l<5&&(a={...a,[t+l*100]:Kp(e,(5-l)*25)}),l===5&&(a={...a,[t+l*100]:e}),l>5&&(a={...a,[t+l*100]:Kp(e,-((l-5)*25))});return a},"generateRangeColors"),Wi=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=Un(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,...Un(s,a)}}return n?r:{}},"generateColors");import{Divider as eu,ListItem as rh,Skeleton as fo}from"@rango-dev/ui";import Ge from"react";import{css as Gt,darkTheme as Xp,ImageContainer as oh,styled as Re,Typography as nh}from"@rango-dev/ui";var Ni=Gt({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}),Li=Gt({position:"relative",height:12,width:150}),Bi=Gt({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",bottom:"-8px"}),Pi=Gt({transform:"translateY(12px)",visibility:"hidden","& a":{fontSize:"$12",lineHeight:"$16",$$color:"$colors$neutral600",[`.${Xp} &`]:{$$color:"$colors$neutral700"},color:"$$color",textDecoration:"none"}}),Mi=Gt({}),$i=Gt(),Yp=Re("div",{display:"flex",flexDirection:"column",flexGrow:1}),_i=Re("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),On=Re("ul",{flexGrow:1,padding:0,margin:0,listStyle:"none","& li":{alignItems:"none","&:hover":{[`& .${Li}`]:{[`& .${Pi}`]:{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",visibility:"visible"},[`& .${Mi}`]:{bottom:"-15px"},[`& .${Ni}`]:{position:"absolute",transform:"translateY(-12px)",visibility:"hidden"},[`& .${Bi}`]:{position:"absolute",transform:"translateY(-12px)",bottom:"-10px"}}}}}),Di=Re("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),Fi=Re(nh,{}),Jp=Re("div",{textAlign:"right",[`& .${$i}`]:{$$color:"$colors$neutral600",[`.${Xp} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),qn=Re("ul",{display:"flex",alignItems:"end",flexDirection:"column"}),RW=Re("div",{display:"flex",alignItems:"center"}),Zp=Re("div",{position:"relative",[`& ${oh}`]:{borderRadius:"$xm",overflow:"hidden"}}),Rp=Re("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6});function tu(t){return Ge.createElement(On,null,Array.from(Array(t.size),e=>Ge.createElement(rh,{key:e,hasDivider:!0,start:Ge.createElement(fo,{variant:"circular",width:35,height:35}),end:Ge.createElement(qn,null,Ge.createElement(fo,{variant:"text",size:"large",width:70}),Ge.createElement(eu,{size:4}),Ge.createElement(fo,{variant:"text",size:"medium",width:50})),title:Ge.createElement("div",null,Ge.createElement(fo,{variant:"text",size:"large",width:90}),Ge.createElement(eu,{size:4}),Ge.createElement(fo,{variant:"text",size:"medium",width:90}))})))}i(tu,"LoadingTokenList");var Oi=20,mh=i(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:s,customCssForTagTitle:a}=t,l=e.length;return U.createElement("div",{className:Li()},o?U.createElement("div",{className:Ni()},o):U.createElement(_i,{className:Bi()},U.createElement(ho,{variant:"title",size:"xmedium"},r.symbol),U.createElement(go,{direction:"horizontal",size:4}),U.createElement(Di,{css:s},U.createElement(Fi,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&U.createElement("div",{className:`${Pi()} ${!o&&Mi()}`},U.createElement("a",{href:n,target:"_blank",rel:"nofollow noreferrer",onClick:p=>p.stopPropagation()},l>10?`${e.slice(0,5)}...${e.slice(l-6,l)}`:e," ",U.createElement(ih,{color:"gray",size:12}))))},"renderDesc");function su(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[s,a]=iu(e),l=d().fetchStatus,p=d().blockchains(),[u,c]=iu(!0),{getBalanceFor:m,loading:g}=z(),{isTokenPinned:f}=d(),k=ch((b,T)=>U.createElement("div",{...b,ref:T,style:{...b.style,height:`${parseFloat(b.style?.height)+8*2}px`}})),y=i(()=>{a(e.slice(0,s.length+Oi))},"loadNextPage");ru(()=>{c(e.length>s.length)},[s.length]),ru(()=>{a(e.slice(0,Oi))},[e]);let h=i(()=>!s.length&&o?U.createElement(U.Fragment,null,U.createElement(go,{size:32}),U.createElement(lh,{title:Ui.t("No results found"),description:Ui.t("Try using different keywords")})):U.createElement(uh,{Item:({index:b,style:T})=>{let v=s[b],S=qo(m(v)),w=v.address||"",E=p.find($=>$.name===v.blockchain),M=Un(v.symbol,E?.color||""),C={$$color:M[`${v.symbol}100`],[`.${ou} &`]:{$$color:M[`${v.symbol}900`]},backgroundColor:"$$color"},P={$$color:M[`${v.symbol}700`],[`.${ou} &`]:{$$color:M[`${v.symbol}100`]},color:"$$color"};return U.createElement("div",{style:{...T,paddingRight:5}},U.createElement(ah,{style:{height:T?.height},"tab-index":b,key:`${v.symbol}${v.address}`,id:`${v.symbol}${v.address}`,hasDivider:!0,onClick:()=>n(s[b]),start:U.createElement(Zp,null,U.createElement(sh,{src:v.image,size:30}),f(v)&&U.createElement(Rp,null,U.createElement(ph,{size:12,color:"gray"}))),title:E?.type==="COSMOS"||v.name||!v.name&&!w?U.createElement(_i,null,U.createElement(ho,{variant:"title",size:"xmedium"},v.symbol),U.createElement(go,{direction:"horizontal",size:4}),U.createElement(Di,{css:C},U.createElement(Fi,{variant:"body",size:"xsmall",css:P},v.blockchain))):void 0,description:E?.info&&w&&E.type!=="COSMOS"?mh({address:w,token:s[b],customCssForTag:C,customCssForTagTitle:P,name:v.name,url:E.info.addressUrl.split("{wallet}").join(w)}):v.name||void 0,end:g?U.createElement(qn,null,U.createElement(nu,{variant:"text",size:"large",width:70}),U.createElement(go,{size:4}),U.createElement(nu,{variant:"text",size:"medium",width:50})):S&&U.createElement(Jp,null,U.createElement(ho,{variant:"title",size:"small"},S.amount),U.createElement("div",null),S.usdValue&&U.createElement(ho,{variant:"body",className:$i(),size:"xsmall"},`$${S.usdValue}`))}))},hasNextPage:u,itemCount:s.length,loadNextPage:y,innerElementType:k,size:60,key:`${r}-${o}`}),"renderList");return U.createElement(Yp,null,U.createElement(ho,{variant:"label",size:"large"},Ui.t("Select Token")),U.createElement(go,{size:4}),l==="loading"&&U.createElement(tu,{size:Oi}),l==="success"&&U.createElement(On,null,h()))}i(su,"TokenList");function qi(t){let{type:e}=t,o=fh(),n=ft(),{fromBlockchain:r,toBlockchain:s,setFromToken:a,setToToken:l,setFromBlockchain:p,setToBlockchain:u}=O(),c=z.use.getBalanceFor(),[m,g]=dh(""),k=(e==="source"?r:s)?.name??"",y=d().blockchains({type:e}),h=d().tokens({type:e,blockchain:k,searchFor:m}),b=Ms(h,c),T=i(S=>{e==="source"?p(S):u(S)},"updateBlockchain"),v=i(S=>{e==="source"?a({token:S,meta:{blockchains:y,tokens:h}}):l({token:S,meta:{blockchains:y,tokens:h}})},"updateToken");return Qt.createElement(K,{header:{title:au.t("Swap {type}",{type:e})}},Qt.createElement(Ii,{blockchains:y,type:e=="source"?"from":"to",blockchain:e==="source"?r:s,onMoreClick:()=>o(_.blockchains),onChange:S=>{T(S)}}),Qt.createElement(lu,{size:24}),Qt.createElement(st,{value:m,autoFocus:!0,placeholder:au.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>g(""),onChange:S=>g(S.target.value)}),Qt.createElement(lu,{size:16}),Qt.createElement(su,{list:b,selectedBlockchain:k,searchedFor:m,onChange:S=>{v(S);let w=y.find(E=>S.blockchain===E.name);w&&T(w),n()}}))}i(qi,"SelectSwapItemsPage");import{i18n as Et}from"@lingui/core";import{ChevronRightIcon as Gi,Divider as Qi,InfoIcon as kh,List as Th,ListItemButton as wh,Skeleton as vh,Switch as xh,Tooltip as bh,Typography as It}from"@rango-dev/ui";import V from"react";import{useNavigate as Ah}from"react-router-dom";import{i18n as du}from"@lingui/core";import{Chip as hh,Divider as fu,InfoIcon as yh,TextField as Sh,Tooltip as Ch,Typography as gu}from"@rango-dev/ui";import ve from"react";import{styled as zn}from"@rango-dev/ui";var pu=zn("div",{paddingTop:"$5",paddingBottom:"30px"}),uu=zn("div",{display:"flex",alignItems:"center",justifyContent:"start"}),cu=zn("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),Hn=zn("div",{maxWidth:"300px",padding:"$10"});import{i18n as zi}from"@lingui/core";import{Typography as gh}from"@rango-dev/ui";import yo from"react";function mu(){return yo.createElement(Hn,null,yo.createElement(gh,{variant:"label",size:"medium",color:"neutral700"},zi.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),yo.createElement("br",null),yo.createElement("br",null),yo.createElement("b",null,zi.t("Warning")),":",zi.t("This setting is applied per step, e.g. 1Inch, Thorchain, etc. and only that step will be reverted, not the whole transaction")))}i(mu,"SlippageTooltipContent");function Hi(){let{slippage:t,setSlippage:e,customSlippage:o,setCustomSlippage:n}=d();return ve.createElement(pu,null,ve.createElement(cu,null,ve.createElement(gu,{variant:"title",size:"xmedium"},du.t("Slippage tolerance per swap")),ve.createElement(fu,{direction:"horizontal",size:4}),ve.createElement(Ch,{container:j(),side:"top",content:ve.createElement(mu,null)},ve.createElement(yh,{color:"gray"}))),ve.createElement(uu,null,Us.map((r,s)=>{let a=`slippage-${s}`;return ve.createElement(ve.Fragment,null,ve.createElement(hh,{style:{width:"64px",flexShrink:0},key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`}),ve.createElement(fu,{direction:"horizontal",size:8}))}),ve.createElement(Sh,{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>=Hs&&s<=zs)&&n(s)},suffix:o&&ve.createElement(gu,{variant:"body",size:"small"},"%"),placeholder:du.t("Custom")})))}i(Hi,"Slippage");function hu(){let t=Ah(),{theme:e}=d().config,o=d().fetchStatus,n=d().swappers(),r=d().disabledLiquiditySources,{config:{features:s}}=d(),a=Ne("theme",s),l=Ne("liquiditySource",s),p=Ne("language",s),u=d().infiniteApprove,c=d().toggleInfiniteApprove,m=Lo(n,r),g=m.filter(C=>C.type==="BRIDGE"||C.type==="AGGREGATOR"),f=g.length,k=g.filter(C=>C.selected).length,y=m.filter(C=>C.type==="DEX"),h=y.length,b=y.filter(C=>C.selected).length,T=i((C,P)=>{switch(o){case"loading":return V.createElement(vh,{variant:"text",size:"medium",width:50});case"failed":return V.createElement(It,{variant:"body",size:"medium",color:"$error500"},Et.t("Loading failed"));default:return V.createElement(It,{variant:"body",size:"medium"},`${C} / ${P}`)}},"handleEndItem"),v={id:"bridge-item",title:V.createElement(It,{variant:"title",size:"xmedium"},Et.t("Enabled bridges")),end:V.createElement(V.Fragment,null,T(k,f),V.createElement(Qi,{direction:"horizontal",size:8}),V.createElement(Gi,{color:"black"})),onClick:()=>t(_.bridges)},S={id:"exchange-item",title:V.createElement(It,{variant:"title",size:"xmedium"},Et.t("Enabled exchanges")),end:V.createElement(V.Fragment,null,T(b,h),V.createElement(Qi,{direction:"horizontal",size:8}),V.createElement(Gi,{color:"gray"})),onClick:()=>t(_.exchanges)},w={id:"theme-item",title:V.createElement(It,{variant:"title",size:"xmedium"},Et.t("Theme")),end:V.createElement(Gi,{color:"gray"}),onClick:()=>t(_.themes)},E={id:"infinite-approval-item",title:V.createElement(V.Fragment,null,V.createElement(It,{variant:"title",size:"xmedium"},Et.t("Infinite Approval")),V.createElement(Qi,{direction:"horizontal",size:4}),V.createElement(bh,{side:"top",container:j(),content:V.createElement(Hn,null,V.createElement(It,{variant:"label",size:"medium",color:"neutral700"},Et.t("Enabling the 'Infinite Approval' mode grants unrestricted access to smart contracts of DEXes/Bridges, allowing them to utilize the approved token amount without limitations.")))},V.createElement(kh,{color:"gray"}))),end:V.createElement(xh,{checked:u}),onClick:c},M=l?[]:[v,S];return!e?.singleTheme&&!a&&M.push(w),M.push(E),V.createElement(K,{header:{title:Et.t("Setting")}},V.createElement(at,null,V.createElement(Hi,null),V.createElement(Th,{type:V.createElement(wh,{title:"_",id:"_",onClick:()=>console.log()}),items:M})))}i(hu,"SettingsPage");import{cancelSwap as ky}from"@rango-dev/queue-manager-rango-preset";import{useManager as Ty}from"@rango-dev/queue-manager-react";import ic from"react";import{i18n as pt}from"@lingui/core";import{getCurrentBlockchainOfOrNull as ty,getCurrentStep as oy,getRelatedWalletOrNull as ny}from"@rango-dev/queue-manager-rango-preset";import{Button as qu,CopyIcon as ry,Divider as iy,IconButton as sy,QuoteCost as ay,StepDetails as ly,Typography as Kt,useCopyToClipboard as py}from"@rango-dev/ui";import{useWallets as uy}from"@rango-dev/wallets-react";import{PendingSwapNetworkStatus as tr}from"rango-types";import X,{useEffect as zu,useRef as cy,useState as Hu}from"react";import{useNavigate as my}from"react-router-dom";import{i18n as xe}from"@lingui/core";var Eh=1e3,Ih=31536e3,Wh=2592e3,Nh=86400,Lh=3600,Bh=60;function yu(t){let e=Math.floor((Date.now()-t)/Eh),n=[{turningPoint:Ih,label:xe.t("year"),pluralLabel:xe.t("years")},{turningPoint:Wh,label:xe.t("month"),pluralLabel:xe.t("months")},{turningPoint:Nh,label:xe.t("day"),pluralLabel:xe.t("days")},{turningPoint:Lh,label:xe.t("hour"),pluralLabel:xe.t("hours")},{turningPoint:Bh,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(yu,"timeSince");function Su(t){return t.finishTime?xe.t({id:"{time} ago",values:{time:yu(parseInt(t.finishTime))}}):xe.t({id:"{time} ago",values:{time:yu(parseInt(t.creationTime))}})}i(Su,"getSwapDate");import{Modal as Uh}from"@rango-dev/ui";import{PendingSwapNetworkStatus as Vn}from"rango-types";import jn from"react";import{i18n as Gn}from"@lingui/core";import{Button as Cu,Divider as Vi,MessageBox as Ph,Typography as ku}from"@rango-dev/ui";import et from"react";var Tu=i(({onCancel:t,onClose:e})=>et.createElement(et.Fragment,null,et.createElement(Vi,{size:20}),et.createElement(Ph,{type:"error",title:Gn.t("Cancel Swap"),description:Gn.t("Are you sure you want to cancel this swap?")}),et.createElement(Vi,{size:32}),et.createElement(Cu,{variant:"contained",type:"primary",size:"large",onClick:t},et.createElement(ku,{variant:"title",size:"medium",color:"neutral100"},Gn.t("Yes, Cancel it"))),et.createElement(Vi,{size:12}),et.createElement(Cu,{variant:"outlined",type:"primary",size:"large",onClick:e},et.createElement(ku,{variant:"title",size:"medium",color:"primary"},Gn.t("No, Continue")))),"CancelContent");import{i18n as Qn}from"@lingui/core";import{Button as wu,Divider as ji,MessageBox as Mh,Typography as vu}from"@rango-dev/ui";import tt from"react";var xu=i(({onDelete:t,onClose:e})=>tt.createElement(tt.Fragment,null,tt.createElement(ji,{size:20}),tt.createElement(Mh,{type:"error",title:Qn.t("Delete Transaction"),description:Qn.t("Are you sure you want to delete this swap?")}),tt.createElement(ji,{size:32}),tt.createElement(wu,{variant:"contained",type:"primary",size:"large",onClick:t},tt.createElement(vu,{variant:"title",size:"medium",color:"neutral100"},Qn.t("Yes, Delete it"))),tt.createElement(ji,{size:12}),tt.createElement(wu,{variant:"outlined",type:"primary",size:"large",onClick:e},tt.createElement(vu,{variant:"title",size:"medium",color:"primary"},Qn.t("No, Cancel")))),"DeleteContent");import{i18n as Ki}from"@lingui/core";import{PendingSwapNetworkStatus as Xi}from"rango-types";var Yi={[Xi.WaitingForNetworkChange]:{type:"loading",title:Ki.t("Change Network")},[Xi.WaitingForConnectingWallet]:{type:"warning",title:Ki.t("Connect Wallet")},[Xi.NetworkChanged]:{type:"success",title:Ki.t("Network Changed")}};import{MessageBox as _h,Wallet as Dh}from"@rango-dev/ui";import{useWallets as Fh}from"@rango-dev/wallets-react";import So from"react";import{styled as $h}from"@rango-dev/ui";var bu=$h("div",{display:"flex",justifyContent:"center"});var Au=i(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:s}=t,{connect:a,getWalletInfo:l,state:p}=Fh(),u=n?.walletType,c=u?dr(p(u)):null,m=u?l(u):null;return So.createElement(So.Fragment,null,So.createElement(_h,{type:e,title:o,description:r}),s&&!!u&&!!c&&!!m&&So.createElement(bu,null,So.createElement(Dh,{container:j(),title:m.name,image:m.img,type:u,state:c,link:m.installLink,onClick:async()=>a(u)})))},"WalletStateContent");function Ji(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:s,message:a}=t,l=e===Vn.WaitingForNetworkChange||e===Vn.WaitingForConnectingWallet||e===Vn.NetworkChanged;return jn.createElement(Uh,{open:!!e,onClose:o,container:document.getElementById("swap-box")||document.body},l&&jn.createElement(Au,{type:Yi[e].type,title:Yi[e].title,currentStepWallet:s,message:a,showWalletButton:e!==Vn.WaitingForNetworkChange}),e==="delete"&&jn.createElement(xu,{onClose:o,onDelete:n}),e==="cancel"&&jn.createElement(Tu,{onClose:o,onCancel:r}))}i(Ji,"SwapDetailsModal");import{i18n as Co}from"@lingui/core";import{Button as Zi,Divider as Kn,MessageBox as Eu,Modal as Oh,TokenAmount as qh,Typography as Xn}from"@rango-dev/ui";import ue from"react";import{useNavigate as zh}from"react-router-dom";function Ri(t){let{open:e,onClose:o,status:n,priceValue:r,usdValue:s,token:a,chain:l,percentageChange:p,description:u,diagnosisUrl:c}=t,m=zh();return ue.createElement(Oh,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},n==="success"?ue.createElement(Eu,{type:"success",title:Co.t("Swap Successful")},ue.createElement(qh,{direction:"vertical",type:"output",centerAlign:!0,price:{value:r,usdValue:s},token:a,chain:l,percentageChange:p}),ue.createElement(Kn,{size:12}),ue.createElement(Xn,{variant:"body",size:"medium",color:"neutral700",align:"center"},u)):ue.createElement(Eu,{type:"error",title:Co.t("Transaction Failed"),description:u}),ue.createElement(Kn,{size:32}),n==="success"&&ue.createElement(Zi,{variant:"contained",type:"primary",size:"large",onClick:()=>{m("../../")}},ue.createElement(Xn,{variant:"title",size:"medium",color:"neutral100"},Co.t("Done"))),ue.createElement(Kn,{size:12}),c&&ue.createElement(ue.Fragment,null,ue.createElement(Zi,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(c,"_blank")},ue.createElement(Xn,{variant:"title",size:"medium",color:"primary"},Co.t("Diagnosis"))),ue.createElement(Kn,{size:12})),ue.createElement(Zi,{variant:"outlined",type:"primary",size:"large",onClick:o},ue.createElement(Xn,{variant:"title",size:"medium",color:"primary"},Co.t("See Details"))))}i(Ri,"SwapDetailsCompleteModal");import Rh from"react";import{i18n as Xh}from"@lingui/core";import{Alert as Pu,IconButton as Yh,LinkIcon as Jh}from"@rango-dev/ui";import Ct,{Fragment as Zh}from"react";import{Alert as Hh,ChevronDownIcon as Gh,ChevronUpIcon as Qh,IconButton as Vh}from"@rango-dev/ui";import Yn,{useState as jh}from"react";function Iu(t){let{message:e}=t,[o,n]=jh(!1);return Yn.createElement(Hh,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&Yn.createElement(Vh,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?Yn.createElement(Qh,{size:12,color:"gray"}):Yn.createElement(Gh,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}i(Iu,"FailedAlert");import{styled as Kh}from"@rango-dev/ui";var Wu=Kh("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as Nu}from"@lingui/core";import{Alert as es,Button as Lu}from"@rango-dev/ui";import{PendingSwapNetworkStatus as ts}from"rango-types";import ko from"react";function Bu(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?ko.createElement(es,{type:"warning",title:n.shortMessage,action:ko.createElement(Lu,{size:"xxsmall",type:"warning",onClick:()=>{o(ts.WaitingForNetworkChange),e().catch(s=>{console.log(s)})}},Nu.t("Change"))}):r===ts.WaitingForConnectingWallet?ko.createElement(es,{type:"warning",title:n.shortMessage,action:ko.createElement(Lu,{size:"xxsmall",type:"warning",onClick:()=>{o(ts.WaitingForConnectingWallet)}},Nu.t("Connect"))}):ko.createElement(es,{type:"warning",title:n.shortMessage})}i(Bu,"WarningAlert");function os(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:s,hasAlreadyProceededToSign:a}=t,l=Zt(s),p=s.status==="waitingForApproval"&&!l,u=s.status==="running"&&!l;return Ct.createElement(Wu,null,s.explorerUrl?.map((c,m,g)=>{let f=m+c.url,k=m===g.length-1,y=k&&u||p,h=k&&s.status==="failed";return Ct.createElement(Zh,{key:f},Ct.createElement(Pu,{type:y&&"loading"||h&&"error"||"success",title:c.description?`${c.description} Tx`:Xh.t("View transaction"),action:c.url&&Ct.createElement(Yh,{variant:"ghost",size:"xsmall",onClick:()=>window.open(c.url,"_blank")},Ct.createElement(Jh,{size:16}))}))}),(u&&!a||p&&!s.explorerUrl?.length)&&Ct.createElement(Pu,{type:"loading",title:r.shortMessage}),s.status!=="failed"&&l&&Ct.createElement(Bu,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),s.status==="failed"&&Ct.createElement(Iu,{message:r}))}i(os,"SwapDetailsAlerts");var Mu=2e3;var $u=i(({swap:t,blockchains:e,...o})=>{let n=t.hasAlreadyProceededToSign!==!1;return t.steps.map((r,s)=>{let a=s===0?t.inputAmount:t.steps[s-1].outputAmount;return{from:{token:{displayName:r.fromSymbol,image:r.fromLogo??""},chain:{displayName:Ye(r.fromBlockchain,e)??"",image:r.fromBlockchainLogo??""},price:{value:N(a,6,6)}},to:{token:{displayName:r.toSymbol,image:r.toLogo},chain:{displayName:Ye(r.toBlockchain,e)??"",image:r.toBlockchainLogo??""},price:{value:N(r.outputAmount||r.expectedOutputAmountHumanReadable,6,6)}},swapper:{displayName:r.swapperId,image:r.swapperLogo??""},alerts:Rh.createElement(os,{step:r,hasAlreadyProceededToSign:n,...o})}})},"getSteps");function _u(t){if(Zt(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(_u,"getStepState");import{css as Jn,darkTheme as ey,styled as Vt}from"@rango-dev/ui";var Zn=Vt("div",{display:"flex",width:"100%",flexDirection:"column",alignItems:"center",height:"0",flexGrow:1}),Rn=Vt("div",{width:"100%"}),Du=Vt("div",{padding:"$0 $20 $20 $20",width:"100%",overflow:"auto"}),$B=Vt("div",{display:"flex",flexDirection:"column",gap:"$10"}),Fu=Vt("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),_B=Vt("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1}),jt=Jn({display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",padding:"$10 $20",borderBottom:"1px solid",$$color:"$colors$neutral300",[`.${ey} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color",color:"$neutral500"}),er=Jn({display:"flex",justifyContent:"center",alignItems:"center",height:"$24"}),Uu=Jn({display:"flex",width:"100%",padding:"$15 $20 $20",flexDirection:"column",alignItems:"start"}),Ou=Jn({textAlign:"left",width:"100%",padding:"0 $20 $10"});function ns(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:s,connect:a,getWalletInfo:l}=uy(),p=d().blockchains(),u=d().tokens(),c=O.use.retry(),m=my(),[g,f]=py(Mu),k=cy(null),[y,h]=Hu(null),[b,T]=Hu(null),v=i(()=>{r(),h(null)},"onCancel"),S=Pe.use.getUnreadNotifications(),w=Pe.use.setAsRead(),E=S(),M=oy(e),C=M?.networkStatus;zu(()=>{E.find(se=>se.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(T(e.status),w(e.requestId))},[e.status]),zu(()=>{H?h(tr.WaitingForNetworkChange):C===tr.WaitingForConnectingWallet||C===tr.NetworkChanged?h(C):h(null)},[C]);let P=aa(e),$=M?ty(e,M):null,W=M?ny(e,M):null,x=Su(e),F=la(e),I=i(q=>!!l(q)?.mobileWallet,"isMobileWallet"),H=C===tr.WaitingForNetworkChange&&!!$&&!!W?.walletType&&(I(W.walletType)||s(W.walletType,$)),te=H?a.bind(null,W.walletType,$):void 0,oe=sa(e,M),G=$u({swap:e,switchNetwork:te,showNetworkModal:C,setNetworkModal:h,message:oe,blockchains:p}),ie=G.length,[ye,Se]=[e.steps[0],e.steps[ie-1]],De=Se.outputAmount||Se.expectedOutputAmountHumanReadable,Wt=e.steps.reduce((q,se)=>q+parseFloat(se.feeInUsd||""),0),Yt=e.steps.find(q=>q.diagnosisUrl)?.diagnosisUrl,ot=N(parseFloat(N(De,6,6))*(Se.toUsdPrice||0),4,4),Ve=N(parseFloat(e.inputAmount)*(ye.fromUsdPrice||0),4,4),D=Be(Ve,ot),Y=e.status==="success"?pt.t({id:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:N(De,6,6),token:G[ie-1].to.token.displayName,conciseAddress:zo(e.wallets[G[ie-1].to.chain.displayName]?.address||""),chain:G[ie-1].to.chain.displayName}}):`${pt.t("Transaction was not sent.")} ${P?pt.t({id:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:P.outputAmount,symbol:P.symbol,blockchain:P.blockchain}}):""}`;return X.createElement(K,{noPadding:!0,header:{title:pt.t("Swap and Bridge"),onCancel:e.status==="running"?()=>h("cancel"):void 0,suffix:e.status!=="running"&&X.createElement(Dt,null,X.createElement(qu,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>h("delete")},X.createElement(Kt,{size:"medium",variant:"label",color:"error"},pt.t("Delete"))))},footer:F&&!b&&X.createElement(qu,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{c(e,{blockchains:p,tokens:u}),setTimeout(()=>{m("../../")},0)}},pt.t("Try again"))},X.createElement(Zn,null,X.createElement(Rn,null,X.createElement("div",{className:jt()},X.createElement(Kt,{variant:"label",size:"large",color:"neutral700"},`${pt.t("Request ID")}:`),X.createElement("div",{className:er()},X.createElement(Kt,{variant:"label",size:"small",color:"neutral700"},o),X.createElement(sy,{variant:"ghost",onClick:f.bind(null,o||"")},X.createElement(ry,{size:16,color:"gray"})))),X.createElement("div",{className:jt()},X.createElement(Kt,{variant:"label",size:"large",color:"neutral700"},`${pt.t("Created at")}:`),X.createElement(Kt,{variant:"label",size:"small",color:"neutral700"},x))),X.createElement("div",{className:Uu()},X.createElement(ay,{fee:N(String(Wt),2,2),time:Po(Mo(e.steps)),steps:ie}),X.createElement(no,{from:{price:{value:N(e.inputAmount,6,6),usdValue:Ve},token:{displayName:G[0].from.token.displayName,image:G[0].from.token.image},chain:{image:G[0].from.chain.image,displayName:G[0].from.chain.displayName}},to:{price:{value:N(De,6,6),usdValue:ot},token:{displayName:G[ie-1].to.token.displayName,image:G[ie-1].to.token.image},chain:{image:G[ie-1].to.chain.image,displayName:G[ie-1].to.chain.displayName}},percentageChange:N(D,2,2),warningLevel:nt(D??0)})),X.createElement("div",{className:Ou()},X.createElement(Kt,{variant:"title",size:"small"},pt.t("Swaps steps"))),X.createElement(iy,{size:8}),X.createElement(Du,{ref:k},G.map((q,se)=>{let je=se,Ee=_u(e.steps[se]),sr=Ee==="error"||Ee==="in-progress"||Ee==="warning"||Ee==="completed"&&se===G.length-1;return X.createElement(ly,{key:je,step:q,type:"swap-progress",ref:k,state:Ee,hasSeparator:se!==0,tabIndex:je,isFocused:sr})}))),X.createElement(Ji,{state:y,onClose:()=>h(null),onCancel:v,onDelete:n,message:oe.detailedMessage.content,currentStepWallet:W}),X.createElement(Ri,{open:!!b,diagnosisUrl:Yt,onClose:()=>T(null),status:e.status==="success"?"success":"failed",priceValue:N(De,6,6),usdValue:ot,percentageChange:N(D,2,2),token:{displayName:G[ie-1].to.token.displayName,image:G[ie-1].to.token.image},chain:{image:G[ie-1].to.chain.image},description:Y}))}i(ns,"SwapDetails");import{i18n as bo}from"@lingui/core";import{CopyIcon as yy,IconButton as Sy,NotFound as Cy,Skeleton as nc,Typography as nr}from"@rango-dev/ui";import le from"react";import{i18n as fy}from"@lingui/core";import{ChainToken as gy,Divider as ss,Skeleton as xo,Typography as hy}from"@rango-dev/ui";import J from"react";import{css as Qe,styled as rs}from"@rango-dev/ui";var Gu=rs("div",{width:"100%",height:"100%",padding:"$0 $20"}),Qu=rs("div",{backgroundColor:"$neutral100",borderRadius:"$xm",padding:"$10 $15"}),or=rs("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"}),Vu=Qe({display:"flex",justifyContent:"space-between",alignItems:"center"}),ju=Qe({display:"flex",justifyContent:"space-between",alignItems:"center"}),Ku=Qe({paddingTop:"$15",display:"flex"}),Xu=Qe({padding:"$15 $0"}),Yu=Qe({width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"}),Ju=Qe({paddingBottom:"$10"}),Zu=Qe({display:"flex",justifyContent:"start",alignItems:"center"}),Ru=Qe({paddingTop:"$5",display:"flex",alignItems:"center"}),is=Qe({display:"flex",alignItems:"center"}),ec=Qe({padding:"$4 $6",display:"flex",justifyContent:"center",alignItems:"center"}),tc=Qe({display:"flex",paddingTop:"$10",paddingBottom:"$5"});import{ChainToken as oc,Divider as To,NextIcon as dy,Skeleton as wo}from"@rango-dev/ui";import ae from"react";function vo(t){let{extraInfo:e}=t;return ae.createElement(Qu,null,ae.createElement("div",{className:Zu()},ae.createElement(wo,{height:28,width:28,variant:"circular"}),ae.createElement(To,{direction:"horizontal",size:8}),ae.createElement(wo,{height:15,width:148,variant:"rounded"})),ae.createElement("div",{className:Ru()},ae.createElement(To,{direction:"horizontal",size:20}),ae.createElement("div",{className:is()},ae.createElement(oc,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ae.createElement(To,{direction:"horizontal",size:8}),ae.createElement(wo,{height:12,width:76,variant:"rounded"})),ae.createElement("div",{className:ec()},ae.createElement(dy,{color:"gray",size:16})),ae.createElement("div",{className:is()},ae.createElement(oc,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ae.createElement(To,{direction:"horizontal",size:8}),ae.createElement(wo,{height:12,width:76,variant:"rounded"}))),e&&ae.createElement("div",{className:tc()},ae.createElement(To,{direction:"horizontal",size:20}),ae.createElement(wo,{height:22,width:297,variant:"rectangular"})))}i(vo,"LoadingSwapDetailStep");function as(){let t=J.createElement("div",{className:Vu()},J.createElement("div",{className:ju()},J.createElement(gy,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),J.createElement(ss,{size:8,direction:"horizontal"}),J.createElement(xo,{height:15,width:148,variant:"rounded"})),J.createElement(xo,{height:12,width:64,variant:"rounded"}));return J.createElement(Gu,null,J.createElement("div",{className:Ku()},J.createElement(xo,{width:60,height:10,variant:"rounded"}),J.createElement(ss,{size:4,direction:"horizontal"}),J.createElement(xo,{width:60,height:10,variant:"rounded"}),J.createElement(ss,{size:4,direction:"horizontal"}),J.createElement(xo,{width:60,height:10,variant:"rounded"})),J.createElement("div",{className:Xu()},t,J.createElement("div",{className:Yu()}),t),J.createElement("div",{className:Ju()},J.createElement(hy,{variant:"title",size:"small"},fy.t("Swaps steps"))),J.createElement("div",null,J.createElement(vo,{extraInfo:!0}),J.createElement(or,null),J.createElement(vo,null),J.createElement(or,null),J.createElement(vo,null),J.createElement(or,null),J.createElement(vo,null)))}i(as,"LoadingSwapDetails");function rc(t){let{requestId:e,showSkeleton:o}=t;return le.createElement(K,{noPadding:!0,header:{title:bo.t("Swap and Bridge"),suffix:le.createElement(Dt,null)}},o&&le.createElement(Zn,null,le.createElement(Rn,null,le.createElement("div",{className:jt()},le.createElement(nr,{variant:"label",size:"large",color:"neutral700"},`${bo.t("Request ID")}:`),le.createElement("div",{className:er()},le.createElement(nr,{variant:"label",size:"small",color:"neutral700"},le.createElement(nc,{width:60,height:10,variant:"rounded"})),le.createElement(Sy,{variant:"ghost"},le.createElement(yy,{size:16,color:"gray"})))),le.createElement("div",{className:jt()},le.createElement(nr,{variant:"label",size:"large",color:"neutral700"},`${bo.t("Created at")}:`),le.createElement(nr,{variant:"label",size:"small",color:"neutral700"},le.createElement(nc,{width:60,height:10,variant:"rounded"})))),le.createElement(as,null)),!o&&le.createElement(Fu,null,le.createElement(Cy,{title:bo.t("Not found"),description:bo.t({id:"Swap with request ID = {requestId} not found.",values:{requestId:e}})})))}i(rc,"SwapDetailsPlaceholder");function sc(){let{manager:t,state:e}=Ty(),o=!e.loadedFromPersistor,n=zt(t),r=we.use.selectedSwapRequestId(),s=ft(),{fetchStatus:a}=d(),l=o||a==="loading",p=n.find(({swap:g})=>g.requestId===r),u=i(()=>{if(p?.id){let g=t?.get(p.id);g&&ky(g)}},"onCancel"),c=i(async()=>{if(p?.id)try{t?.deleteQueue(p.id),s()}catch(g){console.log(g)}},"onDelete"),m=p?.swap;return!m||l?ic.createElement(rc,{requestId:r||"",showSkeleton:l}):ic.createElement(ns,{swap:m,requestId:r||"",onCancel:u,onDelete:c})}i(sc,"SwapDetailsPage");import{i18n as Ao}from"@lingui/core";import{AutoThemeIcon as wy,DarkModeIcon as vy,LightModeIcon as xy,List as by,ListItemButton as Ay,Radio as ls,RadioRoot as Ey,Typography as ps}from"@rango-dev/ui";import be from"react";function ac(){let{setTheme:t,theme:e}=d(),o=[{id:"light",value:"light",title:be.createElement(ps,{variant:"title",size:"xmedium"},Ao.t("Light")),onClick:()=>t("light"),start:be.createElement(xy,{color:"gray"}),end:be.createElement(ls,{value:"light"})},{id:"dark",value:"dark",title:be.createElement(ps,{variant:"title",size:"xmedium"},Ao.t("Dark")),onClick:()=>t("dark"),start:be.createElement(vy,{color:"gray"}),end:be.createElement(ls,{value:"dark"})},{id:"auto",value:"auto",title:be.createElement(ps,{variant:"title",size:"xmedium"},Ao.t("Auto")),onClick:()=>t("auto"),start:be.createElement(wy,{color:"gray"}),end:be.createElement(ls,{value:"auto"})}];return be.createElement(K,{header:{title:Ao.t("Theme")}},be.createElement(at,null,be.createElement(Ey,{onValueChange:n=>t(n),value:e},be.createElement(by,{type:be.createElement(Ay,{title:Ao.t("Theme"),id:"_",onClick:()=>console.log()}),items:o}))))}i(ac,"ThemePage");function lc(){return Iy([{path:_.home,element:Ae.createElement(Wp,null)},{path:_.fromSwap,children:[{index:!0,element:Ae.createElement(qi,{type:"source"})},{path:_.blockchains,element:Ae.createElement(vi,{type:"source"})}]},{path:_.toSwap,children:[{index:!0,element:Ae.createElement(qi,{type:"destination"})},{path:_.blockchains,element:Ae.createElement(vi,{type:"destination"})}]},{path:_.settings,children:[{index:!0,element:Ae.createElement(hu,null)},{path:_.themes,element:Ae.createElement(ac,null)},{path:_.languages,element:Ae.createElement(Lp,null)},{path:_.exchanges,element:Ae.createElement(Si,{sourceType:"Exchanges"})},{path:_.bridges,element:Ae.createElement(Si,{sourceType:"Bridges"})}]},{path:_.swaps,children:[{index:!0,element:Ae.createElement(xp,null)},{path:_.swapDetails,element:Ae.createElement(sc,null)}]},{path:_.wallets,element:Ae.createElement(pl,null)},{path:_.confirmSwap,element:Ae.createElement(fp,null)}])}i(lc,"AppRoutes");import{isApprovalTX as Wy,MainEvents as uc,RouteEventType as cc,StepEventType as Xt,StepExecutionEventStatus as Ny,useEvents as Ly}from"@rango-dev/queue-manager-rango-preset";import{useEffect as mc}from"react";import{StepExecutionBlockedEventStatus as us}from"@rango-dev/queue-manager-rango-preset";var pc=[us.WAITING_FOR_CHANGE_WALLET_ACCOUNT,us.WAITING_FOR_NETWORK_CHANGE,us.WAITING_FOR_WALLET_CONNECT];function dc(){let t=d().tokens(),e=z.use.connectedWallets(),o=z.use.getWalletsDetails(),n=Pe.use.setNotification(),r=Pe.use.setAsRead(),s=Ly();return mc(()=>(s.on(uc.StepEvent,a=>{let{event:l,step:p,route:u}=a;if(l.type===Xt.TX_EXECUTION&&l.status===Ny.TX_SENT&&!Wy(p)||l.type===Xt.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===Xt.TX_EXECUTION_BLOCKED&&pc.includes(l.status)||l.type===Xt.FAILED?n(l,u):(l.type===Xt.TX_EXECUTION||l.type===Xt.CHECK_STATUS)&&r(u.requestId)}),()=>s.all.clear()),[s,e.length]),mc(()=>(s.on(uc.RouteEvent,a=>{let{event:l,route:p}=a;(l.type===cc.FAILED||l.type===cc.SUCCEEDED)&&n(l,p)}),()=>s.all.clear()),[s,e.length]),null}i(dc,"WidgetEvents");import{globalCss as By}from"@rango-dev/ui";var fc=i(()=>By({"@import":["url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap')","url('https://fonts.cdnfonts.com/css/times-new-roman')"]})(),"globalFont");import{createTheme as ds,darkTheme as Dy,lightTheme as Fy}from"@rango-dev/ui";import{useEffect as hc,useState as Uy}from"react";import{theme as $y,darkColors as _y}from"@rango-dev/ui";var gc=i(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),Py=i(t=>{let e="",o;for(o=Math.abs(t);o>52;o=o/52|0)e=gc(o%52)+e;return gc(o%52)+e},"toAlphabeticName"),My=i((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),cs=i(t=>Py(My(5381,JSON.stringify(t))>>>0),"toHash");function ms(t){let e=$y.colors,o=Wi({...e,..._y},!0,t?.dark),n=Wi(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:`${ur}-light-${cs(p)}`,tokens:p}}if(r){let p={colors:o};l={id:`${ur}-dark-${cs(p)}`,tokens:p}}return{light:a,dark:l}}i(ms,"customizedThemeTokens");function yc(t){let{colors:e,fontFamily:o=ws,borderRadius:n=ks,secondaryBorderRadius:r=Ts,mode:s="auto"}=t,[a,l]=Uy("light"),{setTheme:p,theme:u}=d(),{dark:c,light:m}=ms(e),g=ds({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),f=[g.className,Fy.className],k=[g.className,Dy.className];if(m){let h=ds(m.id,m.tokens);f.push(h.className)}if(c){let h=ds(c.id,c.tokens);k.push(h.className)}return hc(()=>{let h=i(b=>{b.matches?l("dark"):l("light")},"switchThemeListener");return window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches&&l("dark"),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",h),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",h)}},[]),hc(()=>{s!=="auto"&&p(s)},[s]),{activeTheme:i(()=>{let h=f.join(" "),b=k.join(" ");return u==="auto"?a==="dark"?b:h:u==="dark"?b:h},"getActiveTheme")}}i(yc,"useTheme");import{styled as Oy}from"@rango-dev/ui";var Sc=Oy("div",{width:"100%",display:"flex",justifyContent:"center",alignItems:"center",fontFamily:"$widget",boxSizing:"border-box","& *, *::before, *::after":{boxSizing:"inherit",listStyleType:"none"},"& *:focus-visible":{outlineColor:"$info500",transition:"none"}});function rr(){fc();let{config:t}=d(),{activeTheme:e}=yc(t?.theme||{}),{activeLanguage:o,changeLanguage:n}=Mn(),[r,s]=kc(""),[a,l]=kc(),p=zy(nn);return Cc(()=>{Pe.persist.rehydrate(),p.onConnectWallet(s)},[]),Cc(()=>{n(t?.language)},[t?.language]),Eo.createElement(qy,{language:o},Eo.createElement(Sc,{id:"swap-container",className:e()},Eo.createElement(dc,null),Eo.createElement(wa,{lastConnectedWallet:r,disconnectedWallet:a,clearDisconnectedWallet:()=>{l(void 0)}},Eo.createElement(lc,null))))}i(rr,"Main");import gs,{useMemo as sS}from"react";import{checkWaitingForNetworkChange as Hy,makeQueueDefinition as Gy}from"@rango-dev/queue-manager-rango-preset";import{Provider as Qy}from"@rango-dev/queue-manager-react";import{useWallets as Vy}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as jy}from"@rango-dev/wallets-shared";import{isEvmBlockchain as Ky}from"rango-types";import Xy,{useMemo as Yy}from"react";function Jy(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:s,getWalletInfo:a}=Vy(),l=Yy(()=>Gy({API_KEY:t.apiKey||Nt("API_KEY"),BASE_URL:Nt("BASE_URL")}),[t.apiKey]),p=d().blockchains(),c={blockchains:z.use.connectedWallets().map(T=>({accounts:[T],name:T.chain}))},m=i(async(T,v)=>{if(s(T,v))return r(T,v)},"switchNetwork"),g=i(T=>!!a(T).mobileWallet,"isMobileWallet"),f=p.filter(T=>T.enabled).reduce((T,v)=>(T[v.name]=v,T),{}),k=p.filter(Ky),y=i(T=>{let{supportedChains:v}=a(T);return Fo(v)},"getSupportedChainNames"),h=e(),b={meta:{blockchains:f,evmBasedChains:k,evmNetworkChainInfo:jy(k),getSupportedChainNames:y},getSigners:o,wallets:c,providers:h,switchNetwork:m,canSwitchNetworkTo:s,connect:r,state:n,isMobileWallet:g};return Xy.createElement(Qy,{queuesDefs:[l],context:b,onPersistedDataLoaded:T=>{Hy(T)},isPaused:!1},t.children)}i(Jy,"QueueManager");var Tc=Jy;import{useManager as oS}from"@rango-dev/queue-manager-react";import nS,{createContext as rS,useContext as iS}from"react";import{cancelSwap as Zy,getCurrentBlockchainOfOrNull as Ry,getCurrentStep as eS,getRelatedWalletOrNull as tS}from"@rango-dev/queue-manager-rango-preset";var Io=class{constructor(e,o){this.manager=e,this.actions=o}getAllSwaps(){return zt(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&&Zy(o)}getCurrentStepInfo(e){let o=eS(e);return{step:o,wallet:o?tS(e,o):null,network:o?Ry(e,o):null}}};i(Io,"WidgetHistory");var wc=rS(void 0);function fs(t){let{manager:e}=oS(),o=O.use.retry(),n=new Io(e,{retrySwap:o}),r=z.use.connectedWallets(),s=z.use.loading(),a=Ps(r),l=z.use.getWalletsDetails(),p=d().blockchains(),u=d().tokens(),c=d().swappers(),m=d().fetchStatus,g={history:n,wallets:{isLoading:s,details:r,totalBalance:a,refetch:l},meta:{blockchains:p,tokens:u,swappers:c,loadingStatus:m}};return nS.createElement(wc.Provider,{value:g},t.children)}i(fs,"WidgetInfo");function vc(){let t=iS(wc);if(!t)throw new Error("useWidget can only be used within the WidgetProvider component");return t}i(vc,"useWidget");function ir(t){let{onUpdateState:e,config:o}=t;return sS(()=>{Cs({API_KEY:o?.apiKey||Wo,BASE_URL:o?.apiUrl||Ss})},[o]),gs.createElement(rn,{config:o,onUpdateState:e},gs.createElement(Tc,{apiKey:o.apiKey},gs.createElement(fs,null,t.children)))}i(ir,"WidgetProvider");function xc(t){return t.config?.externalWallets?hs.createElement(rr,null):hs.createElement(ir,{config:t.config??lr},hs.createElement(rr,null))}i(xc,"Widget");export{e_ as MainEvents,u_ as Networks,t_ as RouteEventType,o_ as StepEventType,n_ as StepExecutionBlockedEventStatus,r_ as StepExecutionEventStatus,l_ as WalletEvents,c_ as WalletTypes,xc as Widget,ir as WidgetProvider,rn as WidgetWallets,ms as customizedThemeTokens,a_ as readAccountAddress,yl as useWallets,vc as useWidget,i_ as useWidgetEvents};
1
+ var Du=Object.defineProperty;var i=(t,e)=>Du(t,"name",{value:e,configurable:!0});import{MainEvents as j_,RouteEventType as K_,StepEventType as X_,StepExecutionBlockedEventStatus as Y_,StepExecutionEventStatus as J_,useEvents as Z_}from"@rango-dev/queue-manager-rango-preset";import{readAccountAddress as eD,useWallets as kl,Events as tD}from"@rango-dev/wallets-react";import{Networks as nD,WalletTypes as rD}from"@rango-dev/wallets-shared";import{Events as Wr,Provider as Cm}from"@rango-dev/wallets-react";import{isEvmBlockchain as km}from"rango-sdk";import rn,{createContext as Tm,useEffect as wa,useRef as wm}from"react";import{useEffect as en,useLayoutEffect as Sa,useMemo as tn,useRef as on}from"react";import om,{createContext as nm,useContext as rm,useEffect as im,useRef as sm}from"react";import{create as em}from"zustand";import{persist as tm}from"zustand/middleware";var ur={apiKey:"",multiWallets:!0,enableNewLiquiditySources:!0,customDestination:!0},Cs=i((t,e,o)=>({config:{...ur,...t},updateConfig:n=>{let r=o().config;e({config:{...r,...n}})}}),"createConfigSlice");import{RangoClient as Fu}from"rango-sdk";var No="c6381a79-2817-4602-83bf-6a641a409e32",ks="https://api.rango.exchange";var mr={API_KEY:No};function Pt(t){return mr[t]||""}i(Pt,"getConfig");function Ts(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),mr=e,mr}i(Ts,"initConfig");var ws=20,xs=25,vs="Roboto",dr="theme-widget";var Bo,$t=i(()=>Bo||(Bo=new Fu(Pt("API_KEY"),Pt("BASE_URL")),Bo),"httpService");function Mt(t){return Array.from(new Set(t))}i(Mt,"removeDuplicateFrom");function fr(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}i(fr,"areEqual");function bs(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}i(bs,"debounce");function wt(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}i(wt,"containsText");var j=i(()=>document.getElementById("swap-box"),"getContainer");function Po(t,e){let o=t.map(s=>s.swapperGroup),n=[];return Mt(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(Po,"getUniqueSwappersGroups");function As(t,e){return t.swapperGroup<e.swapperGroup?-1:t.swapperGroup>e.swapperGroup?1:0}i(As,"sortLiquiditySourcesByGroupTitle");function We(t,e){return e?.[t]==="hidden"}i(We,"isFeatureHidden");function $o(t,e){return e?.[t]==="enabled"}i($o,"isFeatureEnabled");import{WalletState as Ke}from"@rango-dev/ui";import{readAccountAddress as qu}from"@rango-dev/wallets-react";import{detectInstallLink as zu,getCosmosExperimentalChainInfo as Gu,isEvmAddress as Hu,KEPLR_COMPATIBLE_WALLETS as eC,Networks as Ws}from"@rango-dev/wallets-shared";import gr from"bignumber.js";import{isCosmosBlockchain as Qu}from"rango-types";import Ou from"bignumber.js";var Ae=new Ou(0);import{WalletTypes as Uu}from"@rango-dev/wallets-shared";var Es=[Uu.LEAP];import{BigNumber as Is}from"bignumber.js";var Mo=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 Is(t),r=1,s=1e3;for(let a=0;a<60;a++)if(new Is(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 _o=i(t=>t?.reduce((e,o)=>e+(o.estimatedTimeInSeconds??0),0)||0,"totalArrivalTime");var je=i((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),eo=i(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function Do(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(Do,"limitDecimalPlaces");function hr(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(hr,"mapStatusToWalletState");function Ls(t,e,o,n){return o.filter(r=>!Es.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=hr(t(r));return{title:s,image:a,link:zu(l),state:p,type:r}})}i(Ls,"mapWalletTypesToWalletInfo");function Uo(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}i(Uo,"walletAndSupportedChainsNames");function Ns(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}=qu(p),m=l.length>0,g=l.includes(u),f=u===Ws.Unknown;if(m&&!g&&!f)return;let y=u===Ws.Unknown&&Hu(c);if(f&&!y)return;o.includes(u)||y?r?a(u,c.toLowerCase()):l.filter(k=>o.includes(k)).forEach(k=>{a(k,c.toLowerCase())}):a(u,c)}),s}i(Ns,"prepareAccountsForWalletStore");function Bs(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(Bs,"getRequiredChains");function qo(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}i(qo,"isAccountAndWalletMatched");function Ps(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 gr(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:ju(o,r.asset.symbol,r.asset.address,e)||null}))||[]}i(Ps,"makeBalanceFor");function $s(t){return{...t,loading:!1,error:!0}}i($s,"resetConnectedWalletState");var Ms=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 gr(s?.amount||Ae).multipliedBy(s?.usdPrice||0))?.reduce((s,a)=>s.plus(a),Ae)||Ae).toString();return Vu(r)},"calculateWalletUsdValue");function Vu(t){let e=t.toString().split(".");return e[0]=e[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),e.join(".")}i(Vu,"numberWithThousandSeparator");var ju=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice"),zo=i((t,e)=>{let o=Gu(Object.entries(t).map(([,n])=>n).filter(Qu));return o&&o[e]?.experimental},"isExperimentalChain");function Go(t){return t?{...t,amount:I(t.amount,8,8),usdValue:I(t.usdValue,4,4)}:null}i(Go,"formatBalance");function Ku(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(Ku,"sortTokensByBalance");function Xu(t,e,o){let n=o(t),r=o(e);return n===r?0:n?-1:1}i(Xu,"sortTokensByPinnedToken");function _s(t,e,o){return t.sort((n,r)=>{let s=e(n),a=e(r),l=Xu(n,r,o);return l!==0?l:Ku(s,a)}),t}i(_s,"sortTokens");function Le(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}i(Le,"tokensAreEqual");function Ds(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(Ds,"sortWalletsBasedOnConnectionState");function Ho(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(Ho,"getConciseAddress");function Fs({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}i(Fs,"getAddress");function yr(t){return`${t.blockchain}-${t.symbol}-${t.address??""}`}i(yr,"createTokenHash");function Qo(t){return t.flatMap(e=>e.balances).reduce((e,o)=>{let n={amount:o?.amount??"",decimals:o?.decimal??0,usdValue:o?.usdPrice?new gr(o?.usdPrice??Ae).multipliedBy(o?.amount).toString():""},r=o?yr({symbol:o.symbol,blockchain:o.chain,address:o.address}):null,s=r?e[r]:null;return r&&(!s||s&&s.amount<n.amount)&&(e[r]=n),e},{})}i(Qo,"makeTokensBalance");var Os=i((t,e)=>!!t.find(o=>o.chain===e&&o.loading),"isFetchingBalance");var Us=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=>Le(c,p))||o.blockchain&&p.blockchain!==o.blockchain||!a.some(c=>c.name===p.blockchain)?!1:o.searchFor?!!(wt(p.symbol,o.searchFor)||wt(p.address||"",o.searchFor)||wt(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=>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(As)},fetch:async()=>{try{let o=await $t().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 Yu,French as Ju,Japanese as Zu,Spanish as Ru}from"@rango-dev/ui";var qs=[{title:"English",label:"English",local:"en",SVGFlag:Yu},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:Ru},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:Ju},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:Zu}],_t="en";var zs=[.5,1,3],Gs=1,Hs=5,Qs=100,Vs=0;var js=i((t,e)=>({disabledLiquiditySources:[],theme:"auto",language:_t,preferredBlockchains:[],slippage:Gs,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=Mt(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=We("theme",n),s=We("language",n),a=We("liquiditySource",n);t({...r&&{theme:"auto"},...s&&{language:_t},...a&&{disabledLiquiditySources:[]}})}}),"createSettingsSlice");function Ks(t){return em()(tm((...e)=>({...Us(...e),...js(...e),...Cs(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(Ks,"createAppStore");var Xs=nm(null);function d(){let t=rm(Xs);if(im(()=>{t&&!t.persist.hasHydrated()&&t.persist.rehydrate()},[]),!t)throw new Error("Missing AppStoreContext.Provider in the tree");return t()}i(d,"useAppStore");function Ys(t){let e=sm();return e.current||(e.current=Ks(t.config)),om.createElement(Xs.Provider,{value:e.current},t.children)}i(Ys,"AppStoreProvider");import gt from"bignumber.js";import{create as dm}from"zustand";import{subscribeWithSelector as fm}from"zustand/middleware";import{getLastSuccessfulStep as um}from"@rango-dev/queue-manager-rango-preset";import Sk from"bignumber.js";var mt=(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))(mt||{});function Js(t,e){return e.find(o=>o.name===t)?.displayName}i(Js,"getBlockchainDisplayNameFor");function Xe(t,e){return e.find(o=>o.name===t)?.shortName}i(Xe,"getBlockchainShortNameFor");function Zs(t,e){return e.find(o=>o.id===t)?.swapperGroup}i(Zs,"getSwapperDisplayName");function Cr(t,e){return e.find(o=>Le(o,t))??null}i(Cr,"findToken");function kr(t,e){return e.find(o=>o.name===t)??null}i(kr,"findBlockchain");import{i18n as De}from"@lingui/core";import ke from"bignumber.js";import{PendingSwapNetworkStatus as Xo}from"rango-types";function Vo(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(Vo,"getRequiredWallets");function jo(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}i(jo,"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 Rs(t){switch(t.type){case 0:return t.diagnosisMessage??Q().noResultError.title;case 1:return Q().genericServerError;default:return""}}i(Rs,"getQuoteErrorMessage");import{i18n as Ko}from"@lingui/core";var xt=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 ea(t,e){return(parseInt(e.toFixed(2)||"0")<=-10&&t?.gte(new ke(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new ke(1e3)))??!1}i(ea,"hasHighValueLoss");function Tr(t){return(t?.result?.swaps||[]).filter(e=>{let o=e.fromAmountMinValue?new ke(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new ke(e.fromAmountMaxValue):null;return e.fromAmountRestrictionType==="EXCLUSIVE"?o?.gte(e.fromAmount)||n?.lte(e.fromAmount):o?.gt(e.fromAmount)||n?.lt(e.fromAmount)}).length>0}i(Tr,"hasLimitError");function wr(t){let e=(t.result?.swaps||[]).filter(l=>{let p=l.fromAmountMinValue?new ke(l.fromAmountMinValue):null,c=l.fromAmountMaxValue?new ke(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 ke(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new ke(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",s="",a="";return!r&&o&&o.gt(e.fromAmount)?(s=De.t({id:"Required: >= {min} {symbol}",values:{min:I(o,6,6),symbol:e.from.symbol}}),a=Q().bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(s=De.t({id:"Required: > {min} {symbol}",values:{min:I(o,6,6),symbol:e.from.symbol}}),a=Q().bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(s=De.t({id:"Required: <= {max} {symbol}",values:{max:I(n,6,6),symbol:e.from.symbol}}),a=Q().bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(s=De.t({id:"Required: < {max} {symbol}",values:{max:I(n,6,6),symbol:e.from.symbol}}),a=Q().bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:s,recommendation:a}}i(wr,"getLimitErrorMessage");function ta(t){let{fetchMetaStatus:e,anyWalletConnected:o,fetchingQuote:n,inputAmount:r,quote:s,warning:a,error:l,needsToWarnEthOnPath:p}=t;return e!=="success"?{title:xt().connectWallet,action:"connect-wallet",disabled:!0}:o?n||!s||!s.result||l||!r||r==="0"?{title:xt().swap,action:"confirm-swap",disabled:!0}:a?{title:xt().swapAnyway,action:"confirm-warning",disabled:!1}:p?{title:xt().ethWarning,action:"confirm-warning",disabled:!1}:{title:xt().swap,action:"confirm-swap",disabled:!1}:{title:xt().connectWallet,action:"connect-wallet",disabled:!1}}i(ta,"getSwapButtonState");function xr(t,e,o){return!((!o||o.lte(Ae))&&t?.result&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t.result)}i(xr,"canComputePriceImpact");function am(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(am,"requiredWallets");var lm=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice");function pm(t,e){let o=Ae;for(let n=0;n<t.fee.length;n++){let r=t.fee[n];if(r.expenseType==="DECREASE_FROM_OUTPUT")continue;let s=lm(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new ke(r.amount).multipliedBy(s||0))}return o}i(pm,"getUsdFeeOfStep");function Yo(t,e){return t.reduce((o,n)=>o.plus(pm(n,e)),Ae)}i(Yo,"getTotalFeeInUsd");function vr(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(vr,"checkSlippageErrors");function oa(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(oa,"checkSlippageWarnings");function Jo(t){return t.result?.swaps.map(o=>o.recommendedSlippage)?.map(o=>o?.slippage||"0")?.filter(o=>parseFloat(o)>0)?.sort((o,n)=>parseFloat(n)-parseFloat(o))?.find(()=>!0)||null}i(Jo,"getMinRequiredSlippage");function na(t,e){return e?parseFloat(t)>=parseFloat(e):!0}i(na,"hasProperSlippage");function Zo(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:C}=t,y=s?.reduce((x,w)=>(x[w.chain]=w.address,x),{}),h=[];r?.forEach(x=>{let w=h.find(A=>A.blockchain===x.chain);w?w.addresses.push(x.address):h.push({blockchain:x.chain,addresses:[x.address]})});let b=!!f,k=Mt((f?.result?.swaps||[]).reduce((x,w)=>(x.push(w.from.blockchain,w.to.blockchain),w.internalSwaps&&Array.isArray(w.internalSwaps)&&w.internalSwaps.map(A=>{x.push(A.from.blockchain,A.to.blockchain)}),x),[]));return{amount:n.toString(),affiliateRef:u??void 0,affiliatePercent:m??void 0,affiliateWallets:g??void 0,checkPrerequisites:b,from:{address:e.address,blockchain:e.blockchain,symbol:e.symbol},to:{address:o.address,blockchain:o.blockchain,symbol:o.symbol},connectedWallets:h,selectedWallets:y??{},slippage:c.toString(),...C&&{destination:C},...p&&{swapperGroups:a.concat(l??[]),swappersGroupsExclude:!0},...!p&&{swapperGroups:l?.filter(x=>!a.includes(x)),swappersGroupsExclude:!1},...b&&{blockchains:k}}}i(Zo,"createQuoteRequestBody");function ra(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}i(ra,"getWalletsForNewSwap");function Dt(t){return t.result?.outputAmount||null}i(Dt,"getQuoteOutputAmount");function ia(t,e){return new ke(e).div(new ke(t)).minus(1).multipliedBy(100).toNumber()}i(ia,"getPercentageChange");function sa(t,e){let o=Dt(t),n=Dt(e);if(!o||!n)return!1;let r=Ne(o,n);return r?r<=-1:!0}i(sa,"isOutputAmountChangedALot");function aa(t,e,o){let n=t.validationStatus,r=Bs(t);return e.sort((a,l)=>r.indexOf(a.chain)-r.indexOf(l.chain)).flatMap(a=>da(a,n)||[]).filter(a=>!a.ok).map(a=>{let l=a.asset.symbol,p=I(new ke(a.currentAmount.amount).shiftedBy(-a.currentAmount.decimals),8,8),c=I(new ke(a.requiredAmount.amount).shiftedBy(-a.requiredAmount.decimals),8,8),u="";return a.reason==="FEE"&&(u=De.t(" for network fee")),a.reason==="INPUT_ASSET"&&(u=De.t(" for swap")),a.reason==="FEE_AND_INPUT_ASSET"&&(u=De.t(" for input and network fee")),De.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:Xe(a.asset.blockchain,o)}})})}i(aa,"generateBalanceWarnings");function la(t,e){return(t?new ke(t):Ae).multipliedBy(e||0)}i(la,"calcOutputUsdValue");function to(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==Xo.NetworkChanged}i(to,"isNetworkStatusInWarningState");function pa(t,e){let o="bellow button or",n=t.extraMessage,r=t.extraMessageDetail;if(t.networkStatusExtraMessageDetail?.includes(o)&&(t.networkStatusExtraMessageDetail=t.networkStatusExtraMessageDetail.replace(o,"")),to(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case Xo.WaitingForConnectingWallet:n=n||De.t("Waiting for connecting wallet");break;case Xo.WaitingForQueue:n=n||De.t("Waiting for other running tasks to be finished");break;case Xo.WaitingForNetworkChange:n=n||De.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(pa,"getSwapMessages");function ca(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(ca,"getLastConvertedTokenInFailedSwap");function ua(t){return t.status==="failed"&&!!t.finishTime&&new Date().getTime()-parseInt(t.finishTime)<4*3600*1e3}i(ua,"shouldRetrySwap");function ma(t,e,o,n,r,s){return t||!e&&!am(n).every(a=>r.map(l=>l.chain).includes(a))||!!e&&!o||!!e&&!!o&&s&&!jo(s,o)}i(ma,"confirmSwapDisabled");function br(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(br,"searchParamsToToken");function ga(t){return t?.result?.swaps[t?.result?.swaps.length-1].to.usdPrice}i(ga,"getQuoteToTokenUsdPrice");function Ar(t,e){let o=t.result?.swaps||[],n=e.result?.swaps||[];return o.length!==n.length}i(Ar,"isNumberOfSwapsChanged");function Er(t,e){let o=t.result?.swaps.map(r=>r.swapperId)||[],n=e.result?.swaps.map(r=>r.swapperId)||[];return!fr(o,n)}i(Er,"isQuoteSwappersUpdated");function Ir(t,e){let o=t.result?.swaps.map(r=>r.to.symbol)||[],n=e.result?.swaps.map(r=>r.to.symbol)||[];return!fr(o,n)}i(Ir,"isQuoteInternalCoinsUpdated");function ha(t,e){return Ar(t,e)||Er(t,e)||Ir(t,e)}i(ha,"isQuoteChanged");function da(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(da,"getRequiredBalanceOfWallet");function it(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}i(it,"getPriceImpactLevel");function ya(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],s=um(t.steps),a={blockchain:r.toBlockchain,symbol:r.toSymbol,address:r.toSymbolAddress},l=kr(s?s.toBlockchain:n.fromBlockchain,e),p=kr(r.toBlockchain,e),c=Cr(s?{blockchain:l?.name??"",symbol:s.toSymbol,address:s.toSymbolAddress}:{blockchain:l?.name??"",symbol:n.fromSymbol,address:n.fromSymbolAddress},o),u=Cr(a,o),m=s?s.outputAmount??"":t.inputAmount;return{fromBlockchain:l,fromToken:c,toBlockchain:p,toToken:u,inputAmount:m}}i(ya,"createRetryQuote");function Ro(t,e){let{fromToken:o,toToken:n,tokens:r,userSlippage:s}=e,a=vt(o,t.requestAmount),l=vt(n,t.result?.outputAmount??"");if(t.result&&a&&l){let u=Ne(a.toString(),l.toString());if(!!u&&ea(a,u)){let g=Yo(t.result.swaps,r),f=it(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=Jo(t),c=s>Hs;if(na(e.userSlippage.toString(),p)){if(c&&parseFloat(p??"0")<s)return{type:3,slippage:s.toString()}}else return{type:2,recommendedSlippages:oa(t,s),minRequiredSlippage:p};return null}i(Ro,"generateQuoteWarnings");function Ne(t,e){let o=typeof e=="string"?parseFloat(e)<=0:!e?.gt(0),n=!t||!e||o?null:ia(t.toString(),e.toString());return n&&n<0?n:null}i(Ne,"getPriceImpact");var mm=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"),ft=mm;var vt=i((t,e)=>t?.usdPrice?new gt(e||Ae).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),O=ft(dm()(fm(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new gt(0),outputUsdValue:new gt(0),toBlockchain:null,toToken:null,quote:null,quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:"",quoteWarningsConfirmed:!1,setQuote:e=>t(o=>{let n=null,r=Ae;return eo(o.inputAmount)?(e&&(n=e.result?.outputAmount?new gt(e.result?.outputAmount):null,r=la(e.result?.outputAmount,ga(e)||o.toToken?.usdPrice)),{quote:e,...!!e&&{outputAmount:n,outputUsdValue:r}}):{}}),resetQuote:()=>t(()=>({quote:null,outputAmount:null,outputUsdValue:new gt(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:vt(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 gt(0),outputUsdValue:new gt(0),quote:null},...!!o.fromToken&&{inputUsdValue:vt(o.fromToken,e)}}))},retry:(e,o)=>{let{tokens:n,blockchains:r}=o,{fromBlockchain:s,fromToken:a,toBlockchain:l,toToken:p,inputAmount:c}=ya(e,r,n);t({fromBlockchain:s,fromToken:a,inputAmount:c,outputAmount:null,inputUsdValue:vt(a??null,c),outputUsdValue:new gt(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:vt(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 Ca(){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:C,setAffiliateWallets:y}=d(),h=tn(()=>c?.from?.tokens,[c?.from?.tokens]),b=tn(()=>c?.from?.blockchains,[c?.from?.blockchains]),k=tn(()=>c?.to?.tokens,[c?.to?.tokens]),T=tn(()=>c?.to?.blockchains,[c?.to?.blockchains]),x=on(void 0),w=on(void 0),A=on(void 0),L=on(void 0);en(()=>{t(c?.amount?.toString()||"")},[c?.amount]),Sa(()=>{if(u==="success"){let S=m.find($=>$.name===c?.from?.blockchain),P=g.find($=>Le($,c?.from?.token||null));(S||!S&&A.current)&&n(S??null),P?r({token:P,meta:{blockchains:m,tokens:g}}):!P&&x.current&&r({token:null}),A.current=c?.from?.blockchain,x.current=c?.from?.token}},[c?.from?.token?.symbol,c?.from?.token?.address,c?.from?.token?.blockchain,c?.from?.blockchain,u]),en(()=>{s&&h&&(h.some(S=>Le(S,s))||r({token:null})),l&&b&&(b.includes(l.name)||n(null))},[h,b]),en(()=>{a&&k&&(k.some(S=>Le(S,a))||e({token:null})),p&&T&&(T.includes(p.name)||o(null))},[k,T]),Sa(()=>{if(u==="success"){let S=m.find($=>$.name===c?.to?.blockchain),P=g.find($=>Le($,c?.to?.token||null));(S||!S&&L.current)&&o(S??null),P?e({token:P,meta:{blockchains:m,tokens:g}}):!P&&w.current&&e({token:null}),L.current=c?.to?.blockchain,w.current=c?.to?.token}},[c?.to?.token?.symbol,c?.to?.token?.address,c?.to?.token?.blockchain,c?.to?.blockchain,u]),en(()=>{f(c?.affiliate?.ref??null),C(c?.affiliate?.percent??null),y(c?.affiliate?.wallets??null)},[c?.affiliate?.ref,c?.affiliate?.percent,c?.affiliate?.wallets])}i(Ca,"useSyncStoresWithConfig");import{useEffect as Sm}from"react";import{create as gm}from"zustand";import{subscribeWithSelector as hm}from"zustand/middleware";var z=ft(gm()(hm((t,e)=>({connectedWallets:[],balances:{},customDestination:"",loading:!1,connectWallet:(o,n)=>{let r=e().getWalletsDetails;t(s=>({loading:!0,connectedWallets:s.connectedWallets.filter(a=>a.walletType!==o[0].walletType).concat(o.map(a=>{let l=!s.connectedWallets.find(p=>p.chain===a.chain&&p.selected);return{balances:[],address:a.address,chain:a.chain,explorerUrl:null,walletType:a.walletType,selected:l,loading:!0,error:!1}}))})),r(o,n)},disconnectWallet:o=>{t(n=>{let r=n.connectedWallets.filter(l=>l.selected&&l.walletType!==o).map(l=>l.chain),s=n.connectedWallets.filter(l=>l.walletType!==o).map(l=>r.includes(l.chain)?l:(r.push(l.chain),{...l,selected:!0}));return{balances:Qo(s),connectedWallets:s}})},selectWallets:o=>t(n=>({connectedWallets:n.connectedWallets.map(r=>{let s=!!o.find(l=>l.chain===r.chain&&l.walletType!==r.walletType&&r.selected),a=!!o.find(l=>l.chain===r.chain&&l.walletType===r.walletType&&!r.selected);return s?{...r,selected:!1}:a?{...r,selected:!0}:r})})),clearConnectedWallet:()=>t(()=>({connectedWallets:[],selectedWallets:[]})),getWalletsDetails:async(o,n,r=!0)=>{let s=e().getWalletsDetails;t(a=>({loading:!0,connectedWallets:a.connectedWallets.map(l=>o.find(p=>qo(p,l))?{...l,loading:!0}:l)}));try{let a=o.map(({address:c,chain:u})=>({address:c,blockchain:u})),p=(await $t().getWalletsDetails(a)).wallets;if(p)t(c=>{let u=c.connectedWallets.map(g=>{let f=o.find(y=>qo(y,g)),C=p.find(y=>y.address===g.address&&y.blockChain===g.chain);return C?.failed&&f&&r&&s([f],n,!1),f&&C?{...g,explorerUrl:C.explorerUrl,balances:Ps(C,n),loading:!1}:g});return{loading:!1,balances:Qo(u),connectedWallets:u}});else throw new Error("Wallet not found")}catch{t(l=>{let p=l.connectedWallets.map(u=>o.find(m=>qo(m,u))?$s(u):u);return{loading:!1,balances:Qo(p),connectedWallets:p}})}},getBalanceFor:o=>{let{balances:n}=e(),r=yr(o);return n[r]??null}}))));import{allProviders as ym}from"@rango-dev/provider-all";function nn(t,e){let o=ym({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(nn,"matchAndGenerateProviders");function ka(t,e){return nn(t,e).map(r=>r.config.type)}i(ka,"configWalletsToWalletName");function Ta(t,e){let o=z.use.clearConnectedWallet(),n=nn(void 0,e);return Sm(()=>{o(),n=nn(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}i(Ta,"useWalletProviders");var sn=Tm({onConnectWallet:()=>{}});function xm(t){let{updateConfig:e,updateSettings:o,fetch:n}=d(),r=d().blockchains(),s=d().tokens(),a={walletConnectProjectId:t.config?.walletConnectProjectId},{providers:l}=Ta(t.config.wallets,a),{connectWallet:p,disconnectWallet:c}=z(),u=wm();Ca(),wa(()=>{n().catch(console.log)},[]),wa(()=>{t.config&&(e(t.config),o(t.config))},[t.config]);let m=r.filter(km).map(f=>f.name),g=i((f,C,y,h,b)=>{if(C===Wr.ACCOUNTS)if(y){let k=Uo(b.supportedBlockchains),T=Ns(f,y,m,k,b.isContractWallet);p(T,s)}else c(f);if(C===Wr.ACCOUNTS&&h.connected){let k=`${f}-${h.network}-${y}`;h.connected&&(u.current?u.current(k):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(C===Wr.NETWORK&&h.network){let k=`${f}-${h.network}`;u.current?u.current(k):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(f,C,y,h,b)},"onUpdateState");return rn.createElement(sn.Provider,{value:{onConnectWallet:f=>{u.current=f}}},rn.createElement(Cm,{allBlockChains:r,providers:l,onUpdateState:g,autoConnect:!0},t.children))}i(xm,"Main");function an(t){let{config:e,...o}=t;return rn.createElement(Ys,{config:e},rn.createElement(xm,{...o,config:e}))}i(an,"WidgetWallets");import Ss from"react";import{I18nManager as aS}from"@rango-dev/ui";import Wo,{useContext as lS,useEffect as Nu,useState as Bu}from"react";import{useQueueManager as Bm}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Pm}from"@rango-dev/wallets-react";import{isEvmBlockchain as $m}from"rango-types";import ln,{Fragment as Mm}from"react";import{MemoryRouter as _m,useInRouterContext as Dm}from"react-router";import{useWallets as bm}from"@rango-dev/wallets-react";import{useEffect as Am,useRef as Em}from"react";function xa(){let{connect:t,state:e}=bm(),o=Em({}),{fetchStatus:n}=d(),r=new URLSearchParams(location.search).get("autoConnect")||"",s=e(r);Am(()=>{n==="success"&&r&&s.installed&&!s.connecting&&!s.connected&&!o.current[r]&&(o.current[r]=!0,t(r))},[s,n])}i(xa,"useForceAutoConnect");import{useEffect as Lr,useRef as Nr}from"react";import{createSearchParams as Wm,useLocation as Lm,useSearchParams as Nm}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 Im}from"zustand";var Te=ft(Im()(t=>({connectWalletsButtonDisabled:!1,selectedSwapRequestId:null,currentPage:"",setSelectedSwap:e=>t({selectedSwapRequestId:e}),setCurrentPage:e=>t({currentPage:e})})));function va(){let t=Nr(!0),[e,o]=Nm(),n=Lm(),r=Nr(n.search),s=Nr({}),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(),C=O.use.inputAmount(),y=O.use.setInputAmount(),h=d().fetchStatus,b=d().blockchains(),k=d().tokens(),T=Te.use.setSelectedSwap();return Lr(()=>{let x={};Wm(r.current).forEach((A,L)=>{x[L]=A}),s.current=x;let w=n.pathname.split(M.swaps+"/")[1]||null;w&&T(w)},[]),Lr(()=>{if(!t.current){let x="",w="",A="",L="",S="",P=s.current["autoConnect"];h!=="success"?(x=s.current["fromBlockchain"],w=s.current["fromToken"],A=s.current["toBlockchain"],L=s.current["toToken"],S=s.current["fromAmount"]||C):(x=a?.name||"",w=(p?.symbol||"")+(p?.address?`--${p?.address}`:""),A=l?.name||"",L=(c?.symbol||"")+(c?.address?`--${c?.address}`:""),S=C),o({...x&&{["fromBlockchain"]:x},...w&&{["fromToken"]:w},...A&&{["toBlockchain"]:A},...L&&{["toToken"]:L},...S&&{["fromAmount"]:S.toString()},...P&&{["autoConnect"]:P}},{replace:!0})}t.current=!1},[n.pathname,C,a,p,l,c]),Lr(()=>{if(h==="success"){let x=e.get("fromBlockchain"),w=e.get("fromToken"),A=e.get("toBlockchain"),L=e.get("toToken"),S=e.get("fromAmount"),P=b.find(_=>_.name===x),$=br(k,w,P||null),N=b.find(_=>_.name===A),v=br(k,L,N||null);P&&(u(P),$&&m({token:$,meta:{blockchains:b,tokens:k}})),N&&(g(N),v&&f({token:v,meta:{blockchains:b,tokens:k}})),S&&y(S)}},[h]),null}i(va,"UpdateUrl");function ba({children:t,...e}){let o=Dm(),n=o?Mm:_m,r=d().blockchains(),{canSwitchNetworkTo:s}=Pm();xa();let a=r.filter($m);return Bm({lastConnectedWallet:e.lastConnectedWallet,clearDisconnectedWallet:e.clearDisconnectedWallet,disconnectedWallet:e.disconnectedWallet,evmChains:a,canSwitchNetworkTo:s}),ln.createElement(ln.Fragment,null,ln.createElement(n,null,t),o&&ln.createElement(va,null))}i(ba,"AppRouter");import ve from"react";import{useRoutes as Ky}from"react-router-dom";import{i18n as Nn}from"@lingui/core";import{useManager as Xf}from"@rango-dev/queue-manager-react";import{Alert as Np,Button as Bp,css as ci,Divider as Yf,IconButton as Pp,RefreshIcon as Jf,SettingsIcon as Zf,styled as $p,Tooltip as Rf,Typography as eg,WalletIcon as tg}from"@rango-dev/ui";import ee,{useEffect as ho,useLayoutEffect as og,useRef as ng,useState as Bn}from"react";import{flushSync as rg}from"react-dom";import{useNavigate as ig}from"react-router-dom";import{i18n as st}from"@lingui/core";import{Alert as Qr,BalanceErrors as Kd,Button as Tl,ChevronDownIcon as Xd,ChevronLeftIcon as Yd,Divider as zt,MessageBox as Jd,Modal as wl,Typography as wn,WalletIcon as Zd}from"@rango-dev/ui";import W,{useEffect as Rd,useLayoutEffect as ef,useRef as tf,useState as Et}from"react";import{useNavigate as of}from"react-router-dom";import{i18n as pn}from"@lingui/core";function cn(t){switch(t.type){case 0:return pn.t("Route has been updated.");case 3:return pn.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return pn.t("Route swappers has been updated.");case 2:return pn.t("Route internal coins has been updated.");default:return""}}i(cn,"getQuoteUpdateWarningMessage");import*as Ot from"@radix-ui/react-collapsible";import{Button as Om,css as Aa,darkTheme as Ft,IconButton as Um,keyframes as Ea,styled as de,TextField as qm}from"@rango-dev/ui";var oo=300,zm=Ea({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),Gm=Ea({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),Ia=de("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),Wa=de("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),Hm=de("button",{borderRadius:"$xm",padding:"$10",border:"0",display:"flex",justifyContent:"center",$$color:"$colors$neutral100",[`.${Ft} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",alignItems:"center",cursor:"pointer",width:110,position:"relative","&:hover":{$$color:"$colors$info100",[`.${Ft} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$color:"$colors$info100",[`.${Ft} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color",outline:0},variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary",outlineStyle:"solid"}}}}),La=de(Hm,{alignSelf:"stretch",minHeight:"93px"}),Na=de(Ot.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit"}),Ba=de("div",{padding:"$20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),Pa=de(Um,{position:"absolute",left:"$20"}),$a=de("div",{paddingTop:"$20"}),Ma=Aa({display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),_a=de(Ot.Root,{backgroundColor:"$neutral200",borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),Da=de(Om,{width:"100%",borderRadius:"$sm !important",padding:"$15 !important",justifyContent:"space-between",alignItems:"center",$$color:"$colors$neutral100",[`.${Ft} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color","&:hover":{$$color:"$colors$info100",[`.${Ft} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$background:"$colors$info100",[`.${Ft} &`]:{$$background:"$colors$info700"},backgroundColor:"$$background",outline:0}}),Fa=de("div",{padding:"$10 $0","& .button__content":{display:"flex",alignItems:"center"},"& .alarms":{paddingTop:"5px"}}),Oa=Aa({paddingTop:"5px"}),Ua=de("div",{transition:`all ${oo}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),qa=de("div",{display:"flex"}),za=de(qm,{backgroundColor:"$neutral100",padding:"$0 $15 $15 $15"}),un=de(Ot.Content,{backgroundColor:"$neutral100",overflow:"hidden",variants:{open:{true:{animation:`${zm} ${oo}ms ease-out`},false:{animation:`${Gm} ${oo}ms ease-out`}}}}),Ga=de("div",{overflow:"visible",width:"100%"});import{i18n as Ue}from"@lingui/core";import{Button as Qd,Divider as Gr,Image as Vd,MessageBox as Tn,Modal as hl,SelectableWallet as jd,Typography as yl,WalletState as Sl}from"@rango-dev/ui";import R,{useEffect as Cl,useState as ro}from"react";import{WalletState as Ha}from"@rango-dev/ui";import{useWallets as Qm}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as Vm,WalletTypes as jm}from"@rango-dev/wallets-shared";import{useEffect as Km,useState as Xm}from"react";var Ym=Object.values(jm);function mn(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:s,disconnect:a,getWalletInfo:l,connect:p}=Qm(),{connectedWallets:c}=z(),u=d().blockchains(),m=ka(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||Ym,g=Ls(s,l,m,o),f=Ds(g),[C,y]=Xm(""),h=i(x=>!c.find(w=>w.walletType===x&&w.chain===o),"isExperimentalChainNotAdded"),b=i(async x=>{let w=s(x);try{if(C&&y(""),w.connected)await a(x);else{let A=!!g.find(L=>L.state===Ha.CONNECTED);if(!e?.multiWallets&&A)return;n?.(x),await p(x),r?.(x)}}catch(A){y("Error: "+A?.message)}},"handleClick"),k=i(()=>{let x=g?.filter(w=>w.state===Ha.CONNECTING)||[];for(let w of x)a(w.type)},"disconnectConnectingWallets");Km(()=>()=>{k()},[]);let T=i((x,w,A)=>zo(A,w)&&h(x)&&!Vm.includes(x),"shouldExcludeWallet");return{list:f.filter(x=>!T(x.type,o??"",u)),error:C,handleClick:b}}i(mn,"useWalletList");import{i18n as pl}from"@lingui/core";import{styled as ul,Typography as Dd,Wallet as Fd,WalletState as Od}from"@rango-dev/ui";import At,{Fragment as Ud,useState as cl}from"react";import{BottomLogo as Ed,Divider as Id,Header as Wd}from"@rango-dev/ui";import fe from"react";import{useNavigate as Jm}from"react-router-dom";function ht(){let t=Jm();return()=>t(-1)}i(ht,"useNavigateBack");import{ChevronLeftIcon as ed}from"@rango-dev/ui";import ja from"react";import{darkTheme as Zm,IconButton as Rm,styled as dn}from"@rango-dev/ui";var Fe=dn(Rm,{width:"$24",position:"relative",padding:"0",overflow:"unset"}),Qa=dn("div",{position:"absolute",background:"$secondary500",[`.${Zm} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),Ut=dn("div",{display:"flex",justifyContent:"flex-end",width:"$40"}),Va=dn("div",{position:"absolute",backgroundColor:"$secondary500",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0"});function Br(t){return ja.createElement(Fe,{variant:"ghost",size:"small",onClick:t.onClick},ja.createElement(ed,{color:"black",size:16}))}i(Br,"BackButton");import{i18n as td}from"@lingui/core";import{Button as od,Typography as nd}from"@rango-dev/ui";import Pr from"react";function $r(t){return Pr.createElement(Ut,null,Pr.createElement(od,{variant:"ghost",onClick:t.onClick,size:"xsmall"},Pr.createElement(nd,{variant:"label",size:"medium",color:"error500"},td.t("Cancel"))))}i($r,"CancelButton");import{i18n as rd}from"@lingui/core";import{Tooltip as id,WalletIcon as sd}from"@rango-dev/ui";import fn from"react";function Mr(t){return fn.createElement(id,{container:t.container,side:"top",content:rd.t("Connect Wallet")},fn.createElement(Fe,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&fn.createElement(Qa,null),fn.createElement(sd,{size:18,color:"black"})))}i(Mr,"WalletButton");import{i18n as yn}from"@lingui/core";import{NotificationsIcon as Td,Popover as wd,RefreshIcon as xd,SettingsIcon as vd,Tooltip as Sn,TransactionIcon as bd}from"@rango-dev/ui";import ce from"react";import{i18n as fd}from"@lingui/core";import{ChainToken as Ra,ChevronRightIcon as gd,ListItemButton as hd,Typography as yd}from"@rango-dev/ui";import Oe from"react";import{useNavigate as Sd}from"react-router-dom";import{create as ad}from"zustand";import{persist as ld,subscribeWithSelector as pd}from"zustand/middleware";var Be=ft(ad()(ld(pd((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 gn}from"@rango-dev/ui";var Ka=gn("div",{padding:"$10",width:"350px",minHeight:"150px"}),Xa=gn("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),Ya=gn("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),Ja=gn("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as cd}from"@lingui/core";import{Divider as ud,NoNotificationIcon as md,Typography as dd}from"@rango-dev/ui";import hn from"react";function Za(){return hn.createElement(Ja,null,hn.createElement(md,{color:"secondary",size:26}),hn.createElement(ud,{size:12}),hn.createElement(dd,{variant:"body",size:"medium",color:"neutral700"},cd.t("You have no notification")))}i(Za,"NotificationNotFound");var Cd=4;function _r(){let t=Sd(),e=Te.use.setSelectedSwap(),{getUnreadNotifications:o}=Be(),n=o(),r=d().blockchains(),s=d().tokens(),a=n.sort((p,c)=>c.creationTime-p.creationTime).slice(0,Cd),l=i(p=>{e(p),t(`${M.swaps}/${p}`)},"handleOnClick");return Oe.createElement(Ka,null,a.length?Oe.createElement(Xa,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 Oe.createElement(hd,{key:p.requestId,onClick:()=>l(p.requestId),title:Oe.createElement(yd,{variant:"body",size:"small",color:"$neutral700"},fd.t(p.event.message)),id:p.requestId,start:Oe.createElement(Ya,null,Oe.createElement("div",{className:"from-chain-token"},Oe.createElement(Ra,{tokenImage:c?c.image:"",chainImage:u?u.logo:"",size:"small"})),Oe.createElement("div",{className:"to-chain-token"},Oe.createElement(Ra,{tokenImage:m?m.image:"",chainImage:g?g.logo:"",size:"small"}))),end:Oe.createElement(gd,{size:12,color:"gray"})})})):Oe.createElement(Za,null))}i(_r,"NotificationContent");import{Typography as kd}from"@rango-dev/ui";import el from"react";function tl(){let{getUnreadNotifications:t}=Be(),e=t().length;return e?el.createElement(Va,null,el.createElement(kd,{variant:"body",size:"xsmall",color:"$background"},e)):null}i(tl,"UnreadNotificationsBadge");function Dr(t){let{layoutRef:e,onClickRefresh:o,onClickHistory:n,onClickSettings:r,onClickNotifications:s}=t,{config:{features:a}}=d(),l=We("notification",a);return ce.createElement(ce.Fragment,null,ce.createElement(Sn,{container:j(),side:"top",content:yn.t("Refresh")},ce.createElement(Fe,{variant:"ghost",size:"small",onClick:o,disabled:!o},ce.createElement(xd,{size:16,color:o?"black":"gray"}))),!l&&ce.createElement(Sn,{container:j(),side:"top",content:yn.t("Notifications")},ce.createElement(wd,{align:"center",collisionBoundary:e,collisionPadding:{right:20,left:20},container:j(),content:ce.createElement(_r,null)},ce.createElement(Fe,{size:"small",variant:"ghost",onClick:s},ce.createElement(Td,{size:18,color:"black"}),ce.createElement(tl,null)))),ce.createElement(Sn,{container:j(),side:"top",content:yn.t("Settings")},ce.createElement(Fe,{size:"small",variant:"ghost",onClick:r},ce.createElement(vd,{size:18,color:"black"}))),ce.createElement(Sn,{container:j(),side:"top",content:yn.t("Transactions History")},ce.createElement(Fe,{size:"small",variant:"ghost",onClick:n},ce.createElement(bd,{size:18,color:"black"}))))}i(Dr,"HomeButtons");import{darkTheme as Ad,styled as Fr}from"@rango-dev/ui";var ol=Fr("div",{position:"relative",display:"flex",flexDirection:"column",borderRadius:"$primary",overflow:"hidden !important",boxShadow:"15px 15px 15px 0px rgba(0, 0, 0, 0.05)",width:"95vw",minWidth:"300px",maxWidth:"390px",maxHeight:"700px",textAlign:"left",$$color:"$colors$neutral100",[`.${Ad} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",variants:{fixedHeight:{true:{height:"95vh"},false:{height:"auto"}}}}),nl=Fr("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"}}}}),rl=Fr("div",{backgroundColor:"$background","& .footer__content":{padding:"$0 $20"},"& .footer__logo":{padding:"$0 $20 $10 $20"}});function Ld(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}}=d(),u=We("connectWalletButton",c),m=Te.use.connectWalletsButtonDisabled(),g=ht(),f=i(()=>{!m&&n.onWallet&&n.onWallet()},"onConnectWallet"),C=typeof n.hasBackButton>"u"||n.hasBackButton;return fe.createElement(ol,{ref:e,fixedHeight:l,id:"swap-box"},fe.createElement(Wd,{prefix:fe.createElement(fe.Fragment,null,C&&fe.createElement(Br,{onClick:g})),title:n.title,suffix:fe.createElement(fe.Fragment,null,n.suffix,n.onWallet&&!u&&fe.createElement(Mr,{container:j(),onClick:f,isConnected:!!p?.length}),n.onCancel&&fe.createElement($r,{onClick:n.onCancel}))}),fe.createElement(nl,{noPadding:s},o),(a||r)&&fe.createElement(rl,null,fe.createElement("div",{className:"footer__content"},r),a&&fe.createElement("div",{className:"footer__logo"},fe.createElement(Id,{size:12}),fe.createElement(Ed,null))))}i(Ld,"LayoutComponent");var K=fe.forwardRef(Ld);K.displayName="Layout";import{Divider as Md,Modal as _d}from"@rango-dev/ui";import Ur from"react";import{i18n as qt}from"@lingui/core";import{Image as Pd,MessageBox as Or,WalletState as $d}from"@rango-dev/ui";import bt from"react";import{keyframes as Nd,styled as Cn}from"@rango-dev/ui";var Hx=Cn("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),il=Cn("div",{position:"relative"}),Bd=Nd({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),sl=Cn("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Bd} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),al=Cn("div",{"& img":{borderRadius:"50%"}});function ll(t){let{state:e,image:o,error:n}=t;return e===$d.CONNECTED?bt.createElement(Or,{type:"success",title:qt.t("Wallet Connected"),description:qt.t("Your wallet is connected, you can use it to swap.")}):n?bt.createElement(Or,{type:"error",title:qt.t("Failed to Connect"),description:n||qt.t("Your wallet is not connected. Please try again.")}):bt.createElement(Or,{type:"loading",title:qt.t("Connecting to your wallet"),description:qt.t("Click connect in your wallet popup."),icon:bt.createElement(il,null,bt.createElement(al,null,bt.createElement(Pd,{src:o,size:45})),bt.createElement(sl,null))})}i(ll,"ModalContent");function no(t){let{open:e,onClose:o,...n}=t;return Ur.createElement(_d,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},Ur.createElement(ll,{...n}),Ur.createElement(Md,{direction:"vertical",size:32}))}i(no,"WalletModal");var qd=ul("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),zd=ul("div",{textAlign:"center"}),kn=3e3,qr=300;function ml(){let{config:t,fetchStatus:e}=d(),[o,n]=cl(!1),[r,s]=cl(""),a=null,{list:l,handleClick:p,error:c}=mn({config:t,onBeforeConnect:f=>{a=setTimeout(()=>{n(!0),s(f)},qr)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},kn)}}),u=l.find(f=>f.type===r),m=u?.image||"",g=u?.state||Od.NOT_INSTALLED;return At.createElement(K,{header:{title:pl.t("Connect Wallets")}},At.createElement(zd,null,At.createElement(Dd,{variant:"title",size:"xmedium",align:"center"},pl.t("Choose a wallet to connect.")),At.createElement(qd,null,l.map((f,C)=>{let y=`wallet-${C}-${f.type}`;return At.createElement(Ud,{key:y},At.createElement(Fd,{...f,container:j(),onClick:h=>{p(h)},isLoading:e==="loading"}))}),At.createElement(no,{open:!!o,onClose:()=>n(!1),image:m,state:g,error:c}))))}i(ml,"WalletsPage");import{keyframes as Gd,styled as zr}from"@rango-dev/ui";var dl=zr("div",{position:"relative"}),Hd=Gd({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),fl=zr("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Hd} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),gl=zr("div",{"& img":{borderRadius:"50%"}});function Hr(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]=ro(""),[m,g]=ro(null),[f,C]=ro(!1),[y,h]=ro(null),{suggestAndConnect:b}=kl(),k=null,{list:T,error:x,handleClick:w}=mn({config:a,chain:e,onBeforeConnect:v=>{k=setTimeout(()=>{u(v)},qr)},onConnect:()=>{k&&clearTimeout(k),setTimeout(()=>{u("")},kn)}}),[A,L]=ro(T),S=T.length,P=r&&S-r>0,$=i(async v=>{C(!1),h("in-progress");try{await b(v.walletType,v.chain),h("completed")}catch{h("rejected")}},"addExperimentalChain");Cl(()=>{L(v=>{let _=T.findIndex(E=>o(E.type,e));return P&&_>1?[T[_]].concat(T.filter((E,G)=>G!==_)):v.map(E=>T.find(G=>G.type===E.type)??E)})},[JSON.stringify(T)]);let N=document.querySelector("#swap-box");return Cl(()=>{let v=null;return(y==="completed"||y==="rejected")&&(v=setTimeout(()=>h(null),kn)),()=>{v&&clearTimeout(v)}},[y]),R.createElement(R.Fragment,null,A.slice(0,r).map(v=>{let _=Fs({connectedWallets:l,walletType:v.type,chain:e}),E=_?Ho(_):"",G=zo(p(),e),J=!l.find(ye=>ye.walletType===v.type&&ye.chain===e),te=G&&J&&v.state===Sl.CONNECTED,H=te?Ue.t({id:"Add {chain} chain",values:{chain:e}}):E,re=i(()=>{v.state===Sl.DISCONNECTED?w(v.type):te?(g({walletType:v.type,chain:e,address:_??""}),C(!0)):n({walletType:v.type,chain:e,address:_??""})},"onClick"),he=m?.chain?Js(m.chain,p()):void 0;return R.createElement(R.Fragment,null,R.createElement(no,{open:c===v.type,onClose:()=>u(""),image:v.image,state:v.state,error:x}),!!m&&R.createElement(hl,{open:!!m&&f,container:N,onClose:()=>{g(null)}},R.createElement(Tn,{title:Ue.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:he}}),type:"warning",description:Ue.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:he}})},R.createElement(Gr,{size:18}),R.createElement(Gr,{size:32}),R.createElement(Qd,{onClick:$.bind(null,m),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},Ue.t("Confirm")))),y&&R.createElement(hl,{open:!!y,onClose:h.bind(null,null),container:N},y==="in-progress"&&R.createElement(Tn,{type:"loading",title:Ue.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:he}}),description:Ue.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:he}}),icon:R.createElement(dl,null,R.createElement(gl,null,R.createElement(Vd,{src:v.image,size:45})),R.createElement(fl,null))}),y==="completed"&&R.createElement(Tn,{type:"success",title:Ue.t({id:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:he}}),description:Ue.t({id:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:he}})}),y==="rejected"&&R.createElement(Tn,{type:"error",title:Ue.t("Request Rejected"),description:Ue.t({id:"You've rejected adding {blockchainDisplayName} chain to your wallet.",values:{blockchainDisplayName:he}})}),R.createElement(Gr,{direction:"vertical",size:32})),R.createElement(jd,{key:v.type,description:H,onClick:re,selected:o(v.type,e),...v}))}),P&&R.createElement(La,{selected:!1,onClick:s},R.createElement(yl,{variant:"label",size:"medium"},Ue.t("Show more wallets"),R.createElement(yl,{variant:"label",size:"medium",color:"$primary"},"\xA0+",S-(r??0)))))}i(Hr,"WalletList");var nf=2;function xl(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:C,selectWallets:y}=z(),[h,b]=Et(""),[k,T]=Et([]),[x,w]=Et(""),[A,L]=Et(null),[S,P]=Et(g),[$,N]=Et(!!g),v=tf(null),_=Vo(p),E=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]=Et(C.filter(D=>D.selected&&_.includes(D.chain))),H=l.find(D=>D.name===E?.name),re=i((D,Y)=>!!J.find(U=>U.walletType===D&&U.chain===Y&&U.selected&&(G(Y)||!G(Y)&&!S)),"isSelected"),he=!!S&&$&&H&&!jo(H,S),ye=i(()=>{N(!1),P(""),te(D=>{let Y=!1;return D.map(U=>!Y&&U.chain===E?.name?(Y=!0,{...U,selected:!0}):U)})},"resetCustomDestination"),_e=i(D=>{if(h&&b(""),re(D.walletType,D.chain))return;let U=C.find(ie=>ie.walletType===D.walletType&&ie.chain===D.chain);U&&(n(),D.chain===E?.name&&$&&(N(!1),P("")),te(ie=>ie.filter(Ve=>Ve.chain!==D.chain).concat({...U,selected:!0})))},"onChange"),Bt=i(()=>{let D=J.filter(Y=>Y.selected);y(D),c(D),f(S),m(!0),o()},"onConfirmBalance"),Rt=i(async()=>{T([]),w(""),L(null);let D=C.filter(ie=>J.find(Ve=>Ve.chain===ie.chain&&Ve.walletType===ie.walletType)),Y=await r?.({selectedWallets:D,customDestination:S}),U=Y.warnings;U?.balance?.messages&&T(U.balance.messages),U?.quoteUpdate&&L(U.quoteUpdate),Y.error&&w(Rs(Y.error)),!Y.error&&(!U?.balance?.messages.length||0>0)?Bt():T(U?.balance?.messages??[])},"onConfirmWallets");Rd(()=>{te(D=>D.concat(C.filter(Y=>!!!D.find(ie=>ie.chain===Y.chain)&&Y.selected&&_.includes(Y.chain))))},[C.length]),ef(()=>{$&&v.current&&setTimeout(()=>{v?.current?.scrollIntoView({behavior:"smooth"})},oo)},[$]);let rt=document.querySelector("#swap-box"),Qe=of();return W.createElement(wl,{open:e,onClose:()=>{u||Qe("../",{replace:!0}),o()},dismissible:!h,container:rt,...!h&&{footer:W.createElement(qa,null,W.createElement(Tl,{loading:s,disabled:ma(s,$,S,p,J,E),onClick:Rt,variant:"contained",type:"primary",fullWidth:!0,size:"large"},"Confirm"))},...h&&{containerStyle:{padding:"$0"},header:W.createElement(Ba,null,W.createElement(Pa,{variant:"ghost",onClick:b.bind(null,"")},W.createElement(Yd,{size:16})),W.createElement(wn,{variant:"headline",size:"small"},st.t({id:"Your {blockchainName} wallets",values:{blockchainName:Xe(h,l)}})))},anchor:"center"},W.createElement(wl,{open:k.length>0,onClose:T.bind(null,[]),container:rt},W.createElement(Jd,{title:st.t("Insufficient account balance"),type:"error",description:W.createElement(Kd,{messages:k??[]})},W.createElement(Tl,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:Bt},st.t("Proceed anyway")))),h&&W.createElement($a,null,W.createElement("div",{className:Ma()},W.createElement(Hr,{chain:h,isSelected:re,selectWallet:_e,onShowMore:b.bind(null,h)}))),!h&&W.createElement(W.Fragment,null,x&&W.createElement(W.Fragment,null,W.createElement(Qr,{variant:"alarm",type:"error",title:st.t(x)}),W.createElement(zt,{size:12})),A&&W.createElement(W.Fragment,null,W.createElement(Qr,{variant:"alarm",type:"warning",title:cn(A)}),W.createElement(zt,{size:12})),W.createElement(Ga,null,_.map((D,Y)=>{let U=l.find(be=>be.name===D),ie=`wallet-${Y}`,Ve=Y===_.length-1;return W.createElement("div",{key:ie},W.createElement(Ia,null,W.createElement(wn,{variant:"title",size:"xmedium"},st.t({id:"Your {blockchainName} wallets",values:{blockchainName:U?.shortName}})),W.createElement(wn,{variant:"label",color:"$neutral700",size:"medium"},st.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:U?.shortName}}))),W.createElement(zt,{size:24}),W.createElement(Wa,null,W.createElement(Hr,{chain:D,isSelected:re,selectWallet:_e,limit:nf,onShowMore:()=>b(U?.name??"")})),!Ve&&W.createElement(zt,{size:32}),Ve&&a?.customDestination&&W.createElement(Fa,null,W.createElement(_a,{ref:v,selected:$,open:$,onOpenChange:be=>{be?G(E?.name??"")||te(pr=>pr.map(cr=>cr.chain===E?.name?{...cr,selected:!1}:cr)):ye()}},W.createElement(Na,{onClick:()=>N(be=>!be)},W.createElement(Da,{fullWidth:!0,variant:"default",suffix:W.createElement(Ua,{orientation:$?"up":"down"},W.createElement(Xd,{size:10,color:"gray"}))},W.createElement("div",{className:"button__content"},W.createElement(Zd,{size:18,color:"info"}),W.createElement(zt,{size:4,direction:"horizontal"}),W.createElement(wn,{variant:"label",size:"medium"},st.t("Send to a different address"))))),W.createElement(un,{open:$},W.createElement(W.Fragment,null,W.createElement(zt,{size:4}),W.createElement(za,{autoFocus:!0,placeholder:st.t("Your destination address"),value:S,onChange:be=>{P(be.target.value)}})))),he&&W.createElement("div",{className:Oa()},W.createElement(Qr,{variant:"alarm",type:"error",title:st.t({values:{destination:S},id:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}i(xl,"ConfirmWalletsModal");import{Divider as Hf}from"@rango-dev/ui";import Pe from"react";import{i18n as Jr}from"@lingui/core";import{Alert as lf,ChevronDownIcon as pf,ChevronRightIcon as cf,Divider as Zr,Image as zl,InfoIcon as uf,QuoteCost as mf,StepDetails as df,TokenAmount as ff,Tooltip as Gl,Typography as ao}from"@rango-dev/ui";import B,{useLayoutEffect as gf,useRef as Hl,useState as hf}from"react";import{styled as io}from"@rango-dev/ui";var vl=io("div",{paddingBottom:"$10"}),Vr=io("div",{width:"100%","& .position-top__skeleton":{paddingTop:"$10"}}),bl=io("div",{variants:{paddingTop:{true:{paddingTop:"$10"}}}}),Al=io("div",{paddingBottom:"$15"}),El=io("div",{width:"100%",display:"flex"});import*as xn from"@radix-ui/react-collapsible";import{css as jr,darkTheme as Ye,Image as Il,styled as Je,Typography as rf}from"@rango-dev/ui";var Kr=300,Wl=Je(xn.Root,{display:"flex",flexDirection:"column",alignItems:"start",overflowX:"auto",overflowY:"hidden",width:"100%",borderRadius:"$xm",cursor:"default",variants:{recommended:{true:{$$color:"$colors$info300",[`.${Ye} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"},false:{$$color:"$colors$neutral400",[`.${Ye} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}}}}),Ll=jr({padding:"$10 $15"}),Nl=Je("div",{borderRadius:"$xm",display:"flex",flexDirection:"column",alignItems:"start",justifyContent:"space-between",color:"$foreground",cursor:"pointer",boxSizing:"border-box",position:"relative",variants:{recommended:{true:{$$color:"$colors$info100",[`.${Ye} &`]:{$$color:"$colors$secondary600"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}},false:{$$color:"$colors$neutral200",[`.${Ye} &`]:{$$color:"$colors$neutral500"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}}},basic:{true:{borderTopRightRadius:"0",borderTopLeftRadius:"0"}},listItem:{true:{},false:{}}},compoundVariants:[{listItem:!0,recommended:!0,css:{"&:hover":{$$color:"$colors$secondary200",[`.${Ye} &`]:{$$color:"$colors$secondary700"},backgroundColor:"$$color"}}},{listItem:!0,recommended:!1,css:{"&:hover":{$$color:"$colors$neutral300",[`.${Ye} &`]:{$$color:"$colors$neutral400"},backgroundColor:"$$color"}}}]}),Bl=jr({padding:"$15 $15 $10 $15",cursor:"default"}),Pl=jr({paddingTop:"$10",display:"flex",alignItems:"center",".usd-value":{$$color:"$colors$neutral600",[`.${Ye} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),$l=Je(xn.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:{[`& ${Il}`]:{border:"1px $warning500 solid",borderRadius:"100%"}},false:{[`& ${Il}`]:{border:"1px transparent solid",borderRadius:"100%"}}},recommended:{true:{$$color:"$colors$info300",[`.${Ye} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"},false:{$$color:"$colors$neutral400",[`.${Ye} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}}},"& div:nth-child(1)":{display:"flex"}}),Xr=Je("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"}}}}),Ml=Je(un,{width:"100%",background:"inherit"}),Yr=Je("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$2",transition:`all ${Kr}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),Zv=Je("div",{height:"$12",marginLeft:"$10",marginRight:"$10",borderLeft:"1px solid $foreground"}),_l=Je("div",{display:"flex",justifyContent:"center",margin:"0 $15",borderTop:"1px solid",$$color:"$colors$neutral300",[`.${Ye} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color"}),Dl=Je("div",{width:"$16",height:"$16",justifyContent:"center",alignItems:"center",display:"flex"}),Fl=Je(rf,{width:"100%",overflow:"hidden",textOverflow:"ellipsis",letterSpacing:.4});import{TokenAmount as ql}from"@rango-dev/ui";import vn from"react";import{css as sf,styled as af}from"@rango-dev/ui";var Ol=af("div",{position:"relative",display:"flex",flexDirection:"column",width:"100%"}),Ul=sf({height:"14px",marginLeft:"14px",position:"absolute",borderLeft:"1px solid $foreground",top:"42%"});function so(t){let{from:e,to:o,percentageChange:n,warningLevel:r}=t;return vn.createElement(Ol,null,vn.createElement(ql,{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}}),vn.createElement("div",{className:Ul()}),vn.createElement(ql,{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(so,"QuoteSummary");function Rr(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]=hf(t.expanded),f=Hl(null),C=Hl(m),y=I(Yo(e.result?.swaps??[],p),2,2),h=Mo(_o(e.result?.swaps)),b=I(o.value,6,6),k=I(n.value,6,6),T=n.usdValue?I(n.usdValue,4,4):"",x=Ne(o.usdValue,n.usdValue??null),w=I(x,2,2),A=it(x??0),S=i(N=>N.map((v,_)=>{let E,G=r?.type===3&&r.swap.swapperId===v.swapperId||r?.type===4&&r.recommendedSlippages?.has(_),J=s?.type===2&&s.recommendedSlippages?.has(_);return G?E="error":J&&(E="warning"),{swapper:{displayName:Zs(v.swapperId,u),image:v.swapperLogo},from:{token:{displayName:v.from.symbol,image:v.from.logo},chain:{displayName:Xe(v.from.blockchain,c),image:v.from.blockchainLogo},price:{value:_===0?I(o.value,6,6):I(v.fromAmount,6,6),usdValue:I((v.from.usdPrice??0)*parseFloat(v.fromAmount),4,4)}},to:{token:{displayName:v.to.symbol,image:v.to.logo},chain:{displayName:Xe(v.to.blockchain,c),image:v.to.blockchainLogo},price:{value:I(v.toAmount,6,6),usdValue:I((v.to.usdPrice??0)*parseFloat(v.toAmount),4,4)}},state:E,alerts:G||J?B.createElement(Al,null,B.createElement(lf,{type:G?"error":"warning",title:r?.type===3?r?.recommendation:Jr.t("Slippage Error:"),footer:B.createElement(El,null,r?.type===3&&B.createElement(B.Fragment,null,B.createElement(ao,{size:"xsmall",variant:"body",color:"neutral900"},r.fromAmountRangeError),B.createElement(Zr,{direction:"horizontal",size:8}),B.createElement(ao,{size:"xsmall",variant:"body",color:"neutral900"},"|"),B.createElement(Zr,{direction:"horizontal",size:8}),B.createElement(ao,{size:"xsmall",variant:"body",color:"neutral900"},Jr.t({id:"Yours: {amount} {symbol}",values:{amount:I(v.fromAmount,6,6),symbol:v?.from.symbol}}))),(r?.type===4||s?.type===2)&&B.createElement(ao,{size:"xsmall",variant:"body",color:"neutral900"},Jr.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=S.length,$=j();return gf(()=>{m&&!C.current&&f.current&&setTimeout(()=>{f?.current?.scrollIntoView({behavior:"smooth"})},Kr),C.current=m},[m,C]),B.createElement(B.Fragment,null,B.createElement(Nl,{recommended:l,listItem:a==="list-item",basic:a==="basic"},B.createElement("div",{className:Bl()},B.createElement(mf,{fee:y,time:h,steps:P}),a==="basic"&&B.createElement("div",{className:Pl()},B.createElement(Dl,null,B.createElement(uf,{size:12,color:"gray"})),B.createElement(Fl,{size:"small",variant:"body"},`${b} ${S[0].from.token.displayName} = ${k} ${S[S.length-1].to.token.displayName}`),B.createElement(ao,{color:"$neutral600",ml:2,size:"xsmall",variant:"body"},`($${T})`)),a==="list-item"&&B.createElement(ff,{type:"output",direction:"vertical",price:{value:k,usdValue:T},token:{displayName:S[P-1].to.token.displayName,image:S[P-1].to.token.image},chain:{image:S[P-1].to.chain.image},percentageChange:w,warningLevel:A}),a==="swap-preview"&&B.createElement(B.Fragment,null,B.createElement(so,{from:S[0].from,to:S[P-1].to,percentageChange:w,warningLevel:A}),B.createElement(Zr,{size:4}))),B.createElement(Wl,{recommended:l,open:m,onOpenChange:g},B.createElement($l,{ref:N=>f.current=N,recommended:l,onClick:()=>g(N=>!N)},B.createElement("div",null,S.map((N,v)=>{let _=`item-${v}`,E=B.createElement(Yr,null,B.createElement(cf,{size:12,color:"black",...N.state&&{color:N.state==="error"?"error":"warning"}}));return B.createElement(B.Fragment,{key:_},B.createElement(Gl,{container:$,side:"bottom",sideOffset:4,content:N.from.chain.displayName},B.createElement(Xr,{state:N.state||S[v-1]?.state},B.createElement(zl,{src:N.from.chain.image,size:16}))),v===P-1&&B.createElement(B.Fragment,null,E,B.createElement(Gl,{container:$,side:"bottom",sideOffset:4,content:N.to.chain.displayName},B.createElement(Xr,{state:N.state},B.createElement(zl,{src:N.to.chain.image,size:16})))),v!==P-1&&B.createElement(B.Fragment,null,E))})),B.createElement(Yr,{orientation:m?"up":"down"},B.createElement(pf,{size:12,color:"black"}))),B.createElement(Ml,{open:m},B.createElement(_l,null),B.createElement("div",{className:Ll()},S.map((N,v)=>{let _=`item-${v}`;return B.createElement(df,{type:"quote-details",key:_,step:N,hasSeparator:v!==S.length-1,state:N.state})}))))))}i(Rr,"Quote");import{Divider as Cf,Skeleton as kf}from"@rango-dev/ui";import at from"react";import{darkTheme as yf,styled as bn}from"@rango-dev/ui";var Ql=bn("div",{$$color:"$colors$neutral100",[`.${yf} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",borderBottomLeftRadius:"$xm",borderBottomRightRadius:"$xm",padding:"$15 ",variants:{rounded:{true:{borderRadius:"$xm"}}}}),Vl=bn("div",{paddingTop:"$2"}),jl=bn("div",{paddingLeft:"$8"}),Kl=bn("div",{borderLeft:"1px dashed black",minHeight:" 0",margin:"0px 11.5px",alignSelf:"stretch",variants:{hideSeparator:{true:{minHeight:"unset",height:"0"}}}});import{ChainToken as ip,Divider as It,Skeleton as Re}from"@rango-dev/ui";import q from"react";import{styled as Ze}from"@rango-dev/ui";var Xl=Ze("div",{display:"flex",justifyContent:"space-between",alignItems:"center",height:"22px"}),Yl=Ze("div",{display:"flex"}),Jl=Ze("div",{padding:"$15 $0 14px $0"}),Zl=Ze("div",{padding:"$6 $0 $15 $0",display:"flex",flexDirection:"column"}),Rl=Ze("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$5"}),ep=Ze("div",{display:"flex",justifyContent:"space-between",alignItems:"end"}),tp=Ze("div",{height:"$28",marginLeft:"13px",borderLeft:"1px solid $neutral700"}),op=Ze("div",{width:"65%",display:"flex",justifyContent:"start"}),np=Ze("div",{display:"flex",flexDirection:"column",alignItems:"start",flexGrow:1,maxWidth:"148px"}),rp=Ze("div",{padding:"$15 $0 $15 $0"});function co(t){let{type:e,tag:o=!1}=t,n=q.createElement(ep,null,q.createElement(op,null,q.createElement(ip,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),q.createElement(It,{size:8,direction:"horizontal"}),q.createElement(np,null,q.createElement(Re,{height:10,width:60,variant:"rounded"}),q.createElement(It,{size:4}),q.createElement(Re,{height:15,variant:"rounded"}))),q.createElement(Re,{height:12,width:64,variant:"rounded"}));return q.createElement("div",null,q.createElement(Xl,null,q.createElement(Yl,null,q.createElement(Re,{width:60,height:10,variant:"rounded"}),q.createElement(It,{size:4,direction:"horizontal"}),q.createElement(Re,{width:60,height:10,variant:"rounded"}),q.createElement(It,{size:4,direction:"horizontal"}),q.createElement(Re,{width:60,height:10,variant:"rounded"})),o&&q.createElement(Re,{height:22,width:100,variant:"rounded"})),e==="basic"&&q.createElement(Jl,null,q.createElement(Re,{height:15,width:148,variant:"rounded"})),e==="list-item"&&q.createElement(Zl,null,q.createElement(Rl,null,q.createElement(ip,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),q.createElement(It,{direction:"horizontal",size:4}),q.createElement(Re,{height:15,width:150,variant:"rounded"})),q.createElement(It,{size:4}),q.createElement(Re,{height:10,width:184,variant:"rounded"})),e==="swap-preview"&&q.createElement(q.Fragment,null,q.createElement(It,{size:4}),q.createElement(rp,null,n,q.createElement(tp,null),n)))}i(co,"QuoteSummarySkeleton");import{ChainToken as cp,Divider as ti,NextIcon as Sf,Skeleton as An}from"@rango-dev/ui";import ae from"react";import{styled as uo}from"@rango-dev/ui";var sp=uo("div",{display:"flex",alignItems:"start"}),ap=uo("div",{flexGrow:1,paddingTop:"$5",paddingBottom:"$10",display:"flex",alignItems:"center"}),ei=uo("div",{display:"flex",alignItems:"center",flexGrow:1}),lp=uo("div",{margin:"$0 $2",padding:"$4",display:"flex",justifyContent:"center",alignItems:"center"}),pp=uo("div",{display:"flex",alignItems:"center"});function et(t){let{separator:e=!0}=t;return ae.createElement(ae.Fragment,null,ae.createElement(pp,null,ae.createElement(An,{height:22,width:22,variant:"circular"}),ae.createElement(ti,{direction:"horizontal",size:8}),ae.createElement(An,{height:15,width:148,variant:"rounded"})),ae.createElement(sp,null,ae.createElement(Kl,{hideSeparator:!e}),ae.createElement(ap,null,ae.createElement(ei,null,ae.createElement(cp,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ae.createElement(ti,{direction:"horizontal",size:8}),ae.createElement(An,{height:12,variant:"rounded"})),ae.createElement(lp,null,ae.createElement(Sf,{color:"gray",size:16})),ae.createElement(ei,null,ae.createElement(cp,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ae.createElement(ti,{direction:"horizontal",size:8}),ae.createElement(An,{height:12,variant:"rounded"})))))}i(et,"StepSkeleton");function oi(t){let{type:e,expanded:o,tag:n=!1}=t;return at.createElement(Ql,{rounded:e!=="basic"},at.createElement(co,{type:e,tag:n}),at.createElement(Vl,null,at.createElement(kf,{height:15,variant:"rounded"})),o&&at.createElement(jl,null,at.createElement(Cf,{size:20}),at.createElement(et,null),at.createElement(et,null),at.createElement(et,{separator:!1})))}i(oi,"QuoteSkeleton");import{i18n as Uf}from"@lingui/core";import{Alert as qf,Button as zf,InfoIcon as Gf}from"@rango-dev/ui";import Ee from"react";import{Alert as Tf,Button as wf,Divider as hp,NoRouteIcon as xf,RefreshIcon as vf,Typography as yp}from"@rango-dev/ui";import qe from"react";import{i18n as up}from"@lingui/core";function mp(t,e,o,n){return t?.type===1?{alert:{type:"warning",text:Q().genericServerError,action:{onClick:n,title:up.t("Retry")}},description:""}:e.length?{alert:{type:"warning",text:Q().liquiditySourcesError.title,action:{onClick:()=>o(!0),title:up.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(mp,"makeInfo");import{styled as ni}from"@rango-dev/ui";var dp=ni("div",{minHeight:"162px",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"}),fp=ni("div",{width:"100%"}),gp=ni("div",{padding:"$6 $0"});function ri(t){let{fetch:e,error:o}=t,n=d().disabledLiquiditySources,r=d().toggleAllLiquiditySources,s=d().swappers(),a=mp(o,n,()=>r(s,!0),e);return qe.createElement(dp,null,qe.createElement(xf,{size:24,color:"gray"}),qe.createElement(hp,{size:4}),qe.createElement(yp,{variant:"title",size:"small"},Q().noResultError.title),!!a.description&&qe.createElement(yp,{variant:"body",size:"small",align:"center",color:"neutral700"},a.description),qe.createElement(hp,{size:4}),!!a.alert&&qe.createElement(fp,null,qe.createElement(Tf,{type:a.alert.type,title:a.alert.text,action:a.alert.action&&qe.createElement(wf,{size:"xsmall",type:a.alert.type,prefix:qe.createElement(gp,null,qe.createElement(vf,{size:8})),onClick:a.alert.action.onClick},a.alert.action.title),variant:"alarm"})))}i(ri,"NoResult");import{i18n as mo}from"@lingui/core";import{Button as Af,Divider as xp,MessageBox as Ef,Modal as If,Typography as Wf,WarningIcon as Lf}from"@rango-dev/ui";import tt from"react";import{Typography as Tp}from"@rango-dev/ui";import si from"react";import{darkTheme as bf,styled as En}from"@rango-dev/ui";var Sp=En("div",{width:"100%",paddingTop:"$10"}),ii=En("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),Cp=En("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%","._title":{$$color:"$colors$neutral600",[`.${bf} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),kp=En("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});function wp(t){let{title:e,value:o,valueColor:n}=t;return si.createElement(Cp,null,si.createElement(Tp,{size:"medium",variant:"label",className:"_title"},e),si.createElement(Tp,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}i(wp,"QuoteErrorsModalItem");function vp(t){let{open:e,onClose:o,onConfirm:n,warning:r}=t,s=r.warningLevel==="high"?"error":"warning",a=[{title:mo.t("Swapping"),value:I(r.inputUsdValue,4,4)},{title:mo.t("Gas cost"),value:I(r.totalFee,2,2)},{title:mo.t("Receiving"),value:I(r.outputUsdValue,4,4)},{title:mo.t("Price impact"),value:I(r.priceImpact,2,2),valueColor:`${s}500`}];return tt.createElement(If,{open:e,onClose:o,container:j()},tt.createElement(Ef,{type:s,title:Q().highValueLossError.impactTitle,description:Q().highValueLossError.description}),tt.createElement(ii,null,tt.createElement(xp,{size:20}),tt.createElement(Wf,{size:"small",variant:"title"},mo.t("Details")),tt.createElement(ii,null,a.map((l,p)=>tt.createElement(wp,{key:p,...l})))),tt.createElement(xp,{size:32}),tt.createElement(Af,{type:"primary",size:"large",prefix:tt.createElement(Lf,null),fullWidth:!0,onClick:n},Q().highValueLossError.confirmMessage))}i(vp,"HighValueLossWarningModal");import{i18n as ai}from"@lingui/core";function bp(t,e){let o={alertType:"warning",title:"",action:"show-info"};return t?(t.type===0&&(it(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=ai.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=ai.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=ai.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 Gt}from"@lingui/core";import{Button as Ap,Divider as Ep,MessageBox as Nf,Modal as Bf,Typography as Pf}from"@rango-dev/ui";import Wt from"react";import{useNavigate as $f}from"react-router-dom";function Ip(t){let{customSlippage:e,slippage:o}=d(),{open:n,onClose:r,onConfirm:s,warning:a}=t,l=$f(),p=e??o;return Wt.createElement(Bf,{anchor:"bottom",open:n,prefix:Wt.createElement(Ap,{size:"small",variant:"ghost",onClick:()=>l("../"+M.settings)},Wt.createElement(Pf,{variant:"label",size:"medium",color:"$neutral900"},Gt.t("Change settings"))),container:j(),onClose:r},Wt.createElement(Nf,{type:"warning",title:a.type===3?Gt.t("High slippage"):Gt.t("Low slippage"),description:a.type===3?Gt.t({id:" Caution, your slippage is high (={userSlippage}). Your trade may be front run.",values:{userSlippage:p}}):Gt.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:a.minRequiredSlippage}})},Wt.createElement(Ep,{size:18}),Wt.createElement(Ep,{size:32}),Wt.createElement(Ap,{size:"large",type:"primary",variant:"contained",fullWidth:!0,onClick:s},Gt.t("Confirm anyway"))))}i(Ip,"SlippageWarningModal");import{Button as Mf,Divider as _f,MessageBox as Df,Modal as Ff,WarningIcon as Of}from"@rango-dev/ui";import fo from"react";function Wp(t){let{open:e,onClose:o,onConfirm:n}=t;return fo.createElement(Ff,{open:e,onClose:o,container:j()},fo.createElement(Df,{type:"warning",title:Q().unknownPriceError.impactTitle,description:Q().unknownPriceError.description}),fo.createElement(_f,{size:32}),fo.createElement(Mf,{type:"primary",size:"large",prefix:fo.createElement(Of,null),fullWidth:!0,onClick:n},Q().unknownPriceError.confirmMessage))}i(Wp,"UnknownPriceWarningModal");function li(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 Ee.createElement(Ee.Fragment,null,u&&Ee.createElement(ri,{error:o,fetch:n}),!!m&&Ee.createElement(Sp,null,Ee.createElement(qf,{title:m.title,type:m.alertType,variant:"alarm",...m.action==="show-info"&&{action:Ee.createElement(kp,{onClick:s},Ee.createElement(Gf,{size:12,color:"gray"}))},...m.action==="change-settings"&&{action:Ee.createElement(zf,{size:"xxsmall",type:m.alertType,onClick:p},Uf.t("Change"))}})),e&&Ee.createElement(Ee.Fragment,null,e.type===0&&Ee.createElement(vp,{...c,warning:e}),(e.type===3||e.type===2)&&Ee.createElement(Ip,{...c,warning:e}),e.type===1&&Ee.createElement(Wp,{...c,warning:e})))}i(li,"QuoteWarningsAndErrors");function go(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:C,inputUsdValue:y,outputUsdValue:h,outputAmount:b}=O(),T=!(r&&(r.type===0||r.type===1))&&e&&e.result&&!n,x=(s||r)&&Pe.createElement(li,{warning:s,error:r,loading:n,refetchQuote:a,showWarningModal:l,onOpenWarningModal:p,onCloseWarningModal:c,onConfirmWarningModal:u,onChangeSettings:m});return Pe.createElement(Pe.Fragment,null,n&&Pe.createElement(Vr,null,Pe.createElement(bl,{paddingTop:f==="top"},Pe.createElement(oi,{type:o,expanded:g}))),f==="top"&&Pe.createElement(vl,null,x),T?Pe.createElement(Vr,null,Pe.createElement(Rr,{quote:e,error:r,warning:s,type:o,expanded:g,recommended:!0,input:{value:C,usdValue:y?.toString()??""},output:{value:b?.toString()??"",usdValue:h?.toString()??""}})):null,f==="bottom"&&Pe.createElement(Pe.Fragment,null,!s&&!r&&Pe.createElement(Hf,{size:16}),x))}i(go,"QuoteInfo");import{calculatePendingSwap as jf}from"@rango-dev/queue-manager-rango-preset";import{useEffect as Kf}from"react";import{useRef as Qf,useState as Vf}from"react";function In(){let[t,e]=Vf(!1),o=Qf(null),n=i(()=>o.current?.abort(),"cancel");return{fetch:i(async s=>{n(),o.current=new AbortController,e(!0);try{let a=await $t().getBestRoute(s,{signal:o.current.signal});return o.current=null,a}catch(a){throw a}finally{e(!1)}},"fetch"),loading:t,cancelFetch:n}}i(In,"useFetchQuote");function Wn(t){if(!t.result)throw new Error(Q().noResultError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});if(Tr(t)){let{swap:n,recommendation:r,fromAmountRangeError:s}=wr(t);throw new Error("bridge limit error",{cause:{type:3,swap:n,recommendation:r,fromAmountRangeError:s}})}let o=vr(t);if(o){let n=Jo(t);throw new Error("",{cause:{type:4,recommendedSlippages:o,minRequiredSlippage:n}})}return t}i(Wn,"throwErrorIfResponseIsNotValid");function Lp(t,e,o){let n=!1;t&&(n=ha(t,e));let r={quote:null,quoteUpdate:null,balance:null},s=Ro(e,{fromToken:o.fromToken,toToken:o.toToken,tokens:o.meta.tokens,userSlippage:o.userSlippage});s&&(r.quote=s),t&&n&&(sa(t,e)?r.quoteUpdate={type:3,newOutputAmount:I(Dt(e)),percentageChange:I(Ne(Dt(t)??"",Dt(e)??""),null,2)}:Ar(t,e)?r.quoteUpdate={type:0}:Er(t,e)?r.quoteUpdate={type:1}:Ir(t,e)&&(r.quoteUpdate={type:2}));let a=aa(e,o.selectedWallets,o.meta.blockchains);return a.length===0||(r.balance={messages:a}),r}i(Lp,"generateWarnings");function Ln(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(Ln,"handleQuoteErrors");function pi(){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(),C=d().blockchains(),y=d().tokens(),{features:h}=d().config,{enableNewLiquiditySources:b}=d().config,k=p||l,{fetch:T,cancelFetch:x,loading:w}=In();return Kf(()=>x,[]),{loading:w,fetch:i(async L=>{let S=L.selectedWallets,P=L?.customDestination??s;if(!t||!e||!o)return{quote:null,swap:null,error:null,warnings:null};let $=Zo({fromToken:t,toToken:e,inputAmount:o,wallets:f,selectedWallets:S,excludeLiquiditySources:b,disabledLiquiditySources:g,slippage:k,affiliateRef:u,affiliatePercent:c,affiliateWallets:m,initialQuote:r??void 0,destination:P});$o("experimentalRoute",h)&&($.experimental=!0);let N;try{N=await T($).then(G=>Wn(G)),n(N)}catch(G){return Ln(G)}let v={slippage:k.toString(),disabledSwappersGroups:g},_=jf(o.toString(),N,ra(S),v,!1,{blockchains:C,tokens:y}),E=Lp(r??void 0,N,{fromToken:t,toToken:e,meta:{blockchains:C,tokens:y},selectedWallets:S,userSlippage:k});return E.quoteUpdate&&a(!1),{quote:N,swap:_,error:null,warnings:E}},"fetch"),cancelFetch:x}}i(pi,"useConfirmSwap");var sg=$p("div",{position:"relative",width:"100%","& .quote-update__alert":{paddingTop:"$10"}}),ag=$p("div",{width:"100%",display:"flex",justifyContent:"space-between",[`& ${Pp}`]:{width:"$48",height:"$48"}}),lg=ci({flexGrow:1,paddingRight:"$10"}),pg=ci({width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"}),cg=ci({display:"flex",justifyContent:"space-between",alignItems:"center"});function Mp(){let{quote:t,setInputAmount:e,selectedWallets:o,quoteWalletsConfirmed:n,setQuoteWalletConfirmed:r,customDestination:s,quoteWarningsConfirmed:a}=O(),l=ig(),[p,c]=Bn(""),{connectedWallets:u}=z(),m=!n,[g,f]=Bn(!1),C=Te.use.setSelectedSwap(),y=d().disabledLiquiditySources,h=ng(y),{manager:b}=Xf(),{fetch:k,loading:T,cancelFetch:x}=pi(),[w,A]=Bn({swap:null,error:null,warnings:null}),[L,S]=Bn(!1),P=i(async({selectedWallets:E,customDestination:G})=>{let J=await k?.({selectedWallets:E,customDestination:G});return A(J),J},"onConfirmSwap"),$=i(async()=>{if(w.swap&&n)try{await b?.create("swap",{swapDetails:w.swap},{id:w.swap.requestId}),C(w.swap.requestId);let E=`../${M.swaps}/${w.swap.requestId}`;l(E,{replace:!0}),setTimeout(()=>{e("")},0)}catch(E){c("Error: "+E?.message)}},"addNewSwap"),N=i(async()=>{await $()},"onConfirm"),v=i(async()=>{w?.warnings?.quote&&!a?S(!0):await N()},"onStartConfirmSwap"),_=i(async()=>{A({error:null,swap:null,warnings:null}),k({selectedWallets:o,customDestination:s}).then(E=>{A(E)}).catch(E=>console.error(E))},"onRefresh");return ho(()=>{!!h.current.length&&!y.length&&_(),h.current=y},[y.length]),ho(()=>{m&&x()},[m]),ho(()=>{m&&f(m)},[m]),ho(()=>{m||k({selectedWallets:o,customDestination:s}).then(E=>A(E)).catch(E=>console.error(E))},[]),ho(()=>{let E=w.warnings?.quote?.type&&Object.values(mt).includes(w.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(E){let te=Vo(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(_e=>_e.chain===ye))||(J=!0)}t&&(G||J)&&(queueMicrotask(()=>rg(f.bind(null,!0))),r(!1))},[w.warnings?.quote,o.length,u.length]),og(()=>{t||l("../")},[]),ee.createElement(K,{header:{title:Nn.t("Confirm Swap"),onWallet:()=>{let E=`../${M.wallets}`;l(E)},suffix:ee.createElement(Rf,{container:j(),side:"bottom",content:Nn.t("Settings")},ee.createElement(Fe,{size:"small",variant:"ghost",onClick:()=>l("../"+M.settings)},ee.createElement(Zf,{size:18,color:"black"})))},footer:ee.createElement(ag,null,ee.createElement("div",{className:lg()},ee.createElement(Bp,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:T,disabled:!!w.error,onClick:v},Nn.t("Start Swap"))),ee.createElement(Pp,{variant:"contained",type:"primary",size:"large",loading:T,onClick:f.bind(null,!0)},ee.createElement(tg,{size:24})))},g&&ee.createElement(xl,{open:g,onClose:()=>f(!1),onCancel:x,loading:T,onCheckBalance:P}),ee.createElement(sg,null,ee.createElement("div",{className:cg()},ee.createElement(eg,{variant:"title",size:"small"},Nn.t("You get")),ee.createElement(Bp,{style:{padding:"0"},variant:"ghost",disabled:T,onClick:_},ee.createElement("div",{className:pg()},ee.createElement(Jf,{size:16})))),p&&ee.createElement(ee.Fragment,null,ee.createElement(Np,{type:"error",variant:"alarm",title:p}),ee.createElement(Yf,{size:12})),w.warnings?.quoteUpdate&&ee.createElement("div",{className:"quote-update__alert"},ee.createElement(Np,{variant:"alarm",type:"warning",title:w.warnings.quoteUpdate&&cn(w.warnings.quoteUpdate)})),ee.createElement(go,{quote:t,type:"swap-preview",expanded:!0,alertPosition:"top",error:w.error,loading:T,warning:w.warnings?.quote??null,refetchQuote:_,showWarningModal:L,onOpenWarningModal:()=>S(!0),onCloseWarningModal:()=>S(!1),onConfirmWarningModal:async()=>{S(!1),await $()},onChangeSettings:()=>l("../"+M.settings)})))}i(Mp,"ConfirmSwapPage");import{i18n as Mn}from"@lingui/core";import{useManager as Sg}from"@rango-dev/queue-manager-react";import{Divider as Cg,NotFound as kg,styled as Hp}from"@rango-dev/ui";import Ct,{useState as Tg}from"react";import{useNavigate as wg}from"react-router-dom";import{CloseIcon as mg,IconButton as dg,SearchIcon as fg,TextField as gg}from"@rango-dev/ui";import yo from"react";import{styled as ug}from"@rango-dev/ui";var _p=ug("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 yo.createElement(gg,{prefix:yo.createElement(_p,null,yo.createElement(fg,{color:"black"})),suffix:!!a.length&&yo.createElement(dg,{variant:"ghost",onClick:()=>l?.(""),size:"small"},yo.createElement(mg,{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 Fp}from"@lingui/core";import{Divider as Op,SwapListItem as Up,Typography as qp}from"@rango-dev/ui";import Z from"react";import{css as hg,darkTheme as yg,styled as Pn}from"@rango-dev/ui";var $n=hg(),ui=Pn("div",{width:"100%",display:"flex",flexDirection:"column",[`& .${$n}`]:{$$color:"$colors$neutral600",[`.${yg} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),mi=Pn("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),di=Pn("div",{gap:"$10",display:"flex",flexDirection:"column"}),Dp=Pn("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});function fi(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(ui,null,Z.createElement(mi,null,Z.createElement(qp,{variant:"label",size:"medium",className:$n()},Fp.t(p.title))),Z.createElement(Op,{size:4}),Z.createElement(di,null,p.swaps.map((c,u)=>{let m=u+p.title;return Z.createElement(Z.Fragment,{key:m},Z.createElement(Up,{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(ui,null,Z.createElement(mi,null,Z.createElement(qp,{variant:"label",size:"medium",className:$n()},Fp.t(a.title))),Z.createElement(Op,{size:4}),Z.createElement(di,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(Up,{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:Do(l.inputAmount)},to:{token:{image:c.toLogo,displayName:c.toSymbol},blockchain:{image:c.toBlockchainLogo||""},amount:Do(c.outputAmount||""),estimatedAmount:Do(c.expectedOutputAmountHumanReadable||"")}}}))}))))))}i(fi,"SwapsGroup");import zp from"dayjs";var Gp=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=zp();return t.forEach(n=>{let r=zp(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 Ht=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 xg=Hp("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",height:"100%",gap:15}),vg=Hp("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),bg=i((t,e)=>t?.length?t.filter(o=>je(o.fromBlockchain,e)||je(o.toBlockchain,e)||je(o.toSymbol,e)||je(o.fromSymbol,e)).length:!1,"isStepContainsText");function Qp(){let t=Te.use.setSelectedSwap(),e=wg(),{manager:o,state:n}=Sg(),r=Ht(o).map(({swap:m})=>m),[s,a]=Tg(""),l=!n.loadedFromPersistor,p=i(m=>{let g=m.target.value;a(g)},"searchHandler"),c=r;s&&(c=r.filter(m=>je(m.inputAmount,s)||je(m.status,s)||bg(m.steps,s)||je(m.requestId,s)));let u=!c?.length&&!l;return Ct.createElement(K,{header:{title:Mn.t("History")}},Ct.createElement(xg,null,Ct.createElement(lt,{setValue:a,fullWidth:!0,variant:"contained",placeholder:Mn.t("Search Transaction"),autoFocus:!0,onChange:p,value:s}),Ct.createElement(vg,null,u&&Ct.createElement(Dp,null,Ct.createElement(Cg,{size:32}),Ct.createElement(kg,{title:Mn.t("No results found"),description:s?Mn.t("Try using different keywords"):""})),!u&&Ct.createElement(fi,{list:c,onSwapClick:m=>{t(m),e(m)},groupBy:Gp,isLoading:l}))))}i(Qp,"HistoryPage");import{i18n as yi}from"@lingui/core";import{Button as Bg,styled as Si,SwapInput as Xp,WarningIcon as Pg}from"@rango-dev/ui";import $e,{useEffect as $g,useRef as Mg,useState as _g}from"react";import{useNavigate as Dg}from"react-router-dom";import{ReverseIcon as Ag,styled as Vp}from"@rango-dev/ui";import gi from"react";var Eg=Vp("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),Ig=Vp("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 jp(){let t=O.use.switchFromAndTo();return gi.createElement(Eg,null,gi.createElement(Ig,{onClick:()=>{t()}},gi.createElement(Ag,{size:12})))}i(jp,"SwitchFromAndToButton");import{useCallback as Wg,useEffect as Lg,useState as hi}from"react";var Ng=600;function Kp(){let{fetch:t,cancelFetch:e}=In(),{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:C,affiliateRef:y,affiliateWallets:h,disabledLiquiditySources:b}=d(),[k,T]=hi(!1),[x,w]=hi(null),[A,L]=hi(null),S=f??g,$=!a||!l||Le(a,l)||!eo(p),N=i(E=>{T(E),w(null),L(null)},"resetState"),v=i(E=>{let{fromToken:G,toToken:J,inputAmount:te,liquiditySources:H,excludeLiquiditySources:re,disabledLiquiditySources:he,slippage:ye,affiliateRef:_e,affiliatePercent:Bt,affiliateWallets:Rt}=E;if(k||N(!0),!$&&G&&J){u();let rt=Zo({fromToken:G,toToken:J,inputAmount:te,liquiditySources:H,excludeLiquiditySources:re,disabledLiquiditySources:he,slippage:ye,affiliateRef:_e,affiliatePercent:Bt,affiliateWallets:Rt});$o("experimentalRoute",r)&&(rt.experimental=!0),t(rt).then(Qe=>{T(!1),m(Qe),Wn(Qe);let D=Ro(Qe,{fromToken:G,toToken:J,userSlippage:S,tokens:s});L(D)}).catch(Qe=>{let{error:D}=Ln(Qe);(D?.type===0||D?.type===1)&&u(),D?.type!==2&&(w(D),T(!1))})}},"fetch"),_=Wg(bs(E=>{$||v(E)},Ng),[$]);return Lg(()=>{if(!eo(p)||c?.eq(0)){N(!1),e();return}if(!$)return u(),N(!0),_({inputAmount:p,fromToken:a,toToken:l,liquiditySources:o,excludeLiquiditySources:n,disabledLiquiditySources:b,slippage:S,affiliateRef:y,affiliatePercent:C,affiliateWallets:h}),e},[p,a?.symbol,a?.address,a?.blockchain,l?.symbol,l?.address,l?.blockchain,$,o?.length,n,b.length,S,y,C,JSON.stringify(h)]),{fetch:()=>v({inputAmount:p,fromToken:a,toToken:l,liquiditySources:o,excludeLiquiditySources:n,disabledLiquiditySources:b,slippage:S,affiliateRef:y,affiliatePercent:C,affiliateWallets:h}),loading:k,error:x,warning:A}}i(Kp,"useSwapInput");var Fg=Si("div",{display:"flex",flexDirection:"column",overflowY:"visible","& .quote__container":{paddingTop:"$2"}}),Og=Si("div",{position:"relative"}),Ug=Si("div",{display:"flex",flexDirection:"column",gap:5,alignSelf:"stretch"});function Yp(){let t=Dg(),{fetch:e,loading:o,error:n,warning:r}=Kp(),{fromToken:s,fromBlockchain:a,toToken:l,toBlockchain:p,setInputAmount:c,inputAmount:u,inputUsdValue:m,outputAmount:g,outputUsdValue:f,quote:C,resetQuoteWallets:y,setQuoteWarningsConfirmed:h}=O(),b=d().fetchStatus,{connectedWallets:k,getBalanceFor:T}=z(),x=Te.use.setCurrentPage(),[w,A]=_g(!1),L=Mg(null),S=!!a&&Os(k,a.name),P=!1,$=!xr(C,u,m),N=!xr(C,u,f),v=ta({fetchMetaStatus:b,fetchingQuote:o,inputAmount:u,quote:C,anyWalletConnected:k.length>0,error:n,warning:r,needsToWarnEthOnPath:P}),_=s?T(s):null,E=Go(_)?.amount??"0",G=a&&s?I(_?.amount,_?.decimals):"0";$g(()=>(x(M.home),y(),x.bind(null,"")),[]);let J=!m||!f||!f.gt(0)?null:Ne(m.toString(),f.toString());return $e.createElement(K,{ref:L,fixedHeight:!1,hasLogo:!0,footer:$e.createElement(Bg,{type:"primary",size:"large",disabled:v.disabled,prefix:v.action==="confirm-warning"&&$e.createElement(Pg,null),fullWidth:!0,onClick:()=>{v.action==="connect-wallet"?t(M.wallets):v.action==="confirm-warning"?A(!0):t(M.confirmSwap)}},v.title),header:{onWallet:()=>{t(M.wallets)},hasBackButton:!1,title:yi.t("Swap"),suffix:$e.createElement(Dr,{layoutRef:L.current,onClickRefresh:C||n?e:void 0,onClickHistory:()=>t(M.swaps),onClickSettings:()=>t(M.settings)})}},$e.createElement(Fg,null,$e.createElement(Ug,null,$e.createElement(Og,null,$e.createElement(Xp,{label:yi.t("From"),mode:"From",onInputChange:c,balance:E,chain:{displayName:a?.displayName||"",image:a?.logo||""},token:{displayName:s?.symbol||"",image:s?.image||""},onClickToken:()=>t(M.fromSwap),price:{value:u,usdValue:$?void 0:I(m,4,4),error:$?Q().unknownPriceError.impactTitle:void 0},disabled:b==="failed",loading:b==="loading",loadingBalance:S,onSelectMaxBalance:()=>{E!=="0"&&c(G.split(",").join(""))}}),$e.createElement(jp,null)),$e.createElement(Xp,{sharpBottomStyle:!!C?.result||o,label:yi.t("To"),mode:"To",fetchingQuote:o,chain:{displayName:p?.displayName||"",image:p?.logo||""},token:{displayName:l?.symbol||"",image:l?.image||""},percentageChange:I(Ne(m,f),2,2),warningLevel:it(J??0),price:{value:I(g,6,6),usdValue:N?void 0:I(f,4,4),error:N?Q().unknownPriceError.impactTitle:void 0},onClickToken:()=>t(M.toSwap),disabled:b==="failed",loading:b==="loading"})),$e.createElement("div",{className:"quote__container"},$e.createElement(go,{quote:C,loading:o,error:n,warning:r,type:"basic",refetchQuote:e,showWarningModal:w,onOpenWarningModal:()=>A(!0),onCloseWarningModal:()=>A(!1),onConfirmWarningModal:()=>{A(!1),h(!0),t(M.confirmSwap)},onChangeSettings:()=>t(M.settings)}))))}i(Yp,"Home");import{i18n as Jp}from"@lingui/core";import{List as qg,ListItemButton as zg,Radio as Gg,RadioRoot as Hg,Typography as Qg}from"@rango-dev/ui";import kt from"react";import{styled as _n}from"@rango-dev/ui";var pt=_n("div",{height:"100%",overflow:"hidden"}),So=_n("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto"}),Ci=_n("div",{width:80,display:"flex",justifyContent:"flex-end"}),ki=_n("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});function Dn(){let{setLanguage:t,language:e}=d();return{activeLanguage:e,languages:qs,defaultLanguage:_t,changeLanguage:r=>t(r||_t)}}i(Dn,"useLanguage");function Zp(){let{activeLanguage:t,changeLanguage:e,languages:o}=Dn(),n=o.map(r=>{let{local:s,label:a,SVGFlag:l}=r;return{id:s,value:s,title:kt.createElement(Qg,{variant:"title",size:"xmedium"},a),onClick:()=>e(r.local),end:kt.createElement(Gg,{value:s}),start:kt.createElement(l,null)}});return kt.createElement(K,{header:{title:Jp.t("Language")}},kt.createElement(pt,null,kt.createElement(Hg,{value:t},kt.createElement(qg,{type:kt.createElement(zg,{title:Jp.t("language"),id:"_",onClick:()=>console.log()}),items:n}))))}i(Zp,"LanguagePage");import{i18n as Qt}from"@lingui/core";import{Button as Yg,Checkbox as Jg,Image as Zg,ListItemButton as Rg,NotFound as eh,Typography as th}from"@rango-dev/ui";import ge,{useState as oh}from"react";import{Checkbox as Kg,Skeleton as ec}from"@rango-dev/ui";import Co from"react";import{ListItem as Vg,styled as jg}from"@rango-dev/ui";var Rp=jg(Vg,{height:61});var Xg=30;function Ti(){return Co.createElement(So,null,Array.from(Array(Xg),t=>Co.createElement(Rp,{hasDivider:!0,key:t,start:Co.createElement(ec,{variant:"circular",width:35,height:35}),title:Co.createElement(ec,{variant:"text",size:"large",width:90}),end:Co.createElement(Kg,{checked:!1})})))}i(Ti,"LoadingLiquiditySourceList");function wi({sourceType:t}){let e=d().fetchStatus,o=d().swappers(),n=d().disabledLiquiditySources,[r,s]=oh(""),a=d().toggleLiquiditySource,l=Po(o,n),p=[];t==="Exchanges"&&p.push("DEX"),t==="Bridges"&&(p.push("BRIDGE"),p.push("AGGREGATOR"));let c=l.filter(y=>p.includes(y.type)),u=c.length===c.filter(y=>y.selected).length,m=i(()=>{c.forEach(y=>{u?a(y.groupTitle):y.selected||a(y.groupTitle)})},"toggleAllSources"),g=c.map(y=>{let{selected:h,groupTitle:b,logo:k}=y;return{start:ge.createElement(Zg,{src:k,size:22,type:"circular"}),onClick:()=>a(b),end:ge.createElement(Jg,{checked:h}),title:ge.createElement(th,{variant:"title",size:"xmedium"},Qt.t(b)),...y}}),f=i(y=>{let h=y.target.value;s(h)},"searchHandler"),C=g;return r&&(C=g.filter(y=>je(y.groupTitle,r))),ge.createElement(K,{header:{title:Qt.t(t),suffix:ge.createElement(Ci,null,ge.createElement(Yg,{variant:"ghost",size:"xsmall",onClick:m},Qt.t(u?"Deselect all":"Select all")))}},ge.createElement(pt,null,ge.createElement(lt,{value:r,setValue:s,fullWidth:!0,color:"light",variant:"contained",placeholder:Qt.t("Search {sourceType}",{sourceType:t}),onChange:f}),e==="loading"&&ge.createElement(Ti,null),!C.length&&r?ge.createElement(ki,null,ge.createElement(eh,{title:Qt.t("No results found"),description:Qt.t("Try using different keywords")})):e==="success"&&ge.createElement(So,null,C.map(y=>ge.createElement(ge.Fragment,{key:y.id},ge.createElement(Rg,{style:{height:"61px"},...y,selected:!1,hasDivider:!0}))))))}i(wi,"LiquiditySourcePage");import{i18n as lc}from"@lingui/core";import{Divider as Ai,getCountCategories as mh,SelectableCategoryList as dh}from"@rango-dev/ui";import ct,{useState as pc}from"react";import{i18n as vi}from"@lingui/core";import{Divider as sc,Image as ah,ListItemButton as lh,NotFound as ph,Typography as ac}from"@rango-dev/ui";import Me,{useEffect as ch,useState as uh}from"react";import{BlockchainCategories as xi}from"@rango-dev/ui";import{TransactionType as Fn}from"rango-sdk";var nh=i((t,e)=>{switch(e){case xi.ALL:return!0;case xi.UTXO:return t.type===Fn.TRANSFER;case xi.OTHER:return t.type!==Fn.TRANSFER&&t.type!==Fn.COSMOS&&t.type!==Fn.EVM;default:return t.type===e}},"filterByType"),tc=i((t,e,o)=>t.filter(n=>nh(n,o)).filter(n=>wt(n.name,e)||wt(n.displayName,e)),"filterBlockchains");import{ImageContainer as rh,styled as oc}from"@rango-dev/ui";var nc=oc("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),On=oc("ul",{padding:0,margin:0,listStyle:"none",overflowY:"auto",paddingRight:"$5",[`& ${rh}`]:{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as ih,Skeleton as rc}from"@rango-dev/ui";import Un from"react";var sh=20;function ic(){return Un.createElement(On,null,Array.from(Array(sh),t=>Un.createElement(ih,{key:t,hasDivider:!0,start:Un.createElement(rc,{variant:"circular",width:35,height:35}),title:Un.createElement(rc,{variant:"text",size:"large",width:90})})))}i(ic,"LoadingBlockchainList");function bi(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[s,a]=uh(e),{fetchStatus:l}=d();ch(()=>{a([...tc(e,o,r)])},[e,o,r]);let p=i(()=>!s.length&&o?Me.createElement(Me.Fragment,null,Me.createElement(sc,{size:32}),Me.createElement(ph,{title:vi.t("No results found"),description:vi.t("Try using different keywords")})):Me.createElement(On,{key:`${r}-${o}`},s.map(c=>Me.createElement(lh,{key:`${c.name}-${c.chainId}`,hasDivider:!0,onClick:()=>n(c),start:Me.createElement(ah,{src:c.logo,size:30}),title:Me.createElement(ac,{variant:"title",size:"medium"},c.displayName),id:c.chainId}))),"renderList");return Me.createElement(nc,null,Me.createElement(ac,{variant:"label",size:"large"},vi.t("Select Blockchain")),Me.createElement(sc,{size:4}),l==="loading"&&Me.createElement(ic,null),l==="success"&&p())}i(bi,"BlockchainList");function Ei(t){let{type:e}=t,o=ht(),[n,r]=pc(""),[s,a]=pc("ALL"),l=O.use.setToBlockchain(),p=O.use.setFromBlockchain(),c=d().fetchStatus,u=d().blockchains({type:e}),g=mh(u)!==1;return ct.createElement(K,{header:{title:lc.t("Select Blockchain")}},ct.createElement(Ai,{size:12}),g&&ct.createElement(ct.Fragment,null,ct.createElement(dh,{setCategory:a,category:s,blockchains:u,isLoading:c==="loading"}),ct.createElement(Ai,{size:24})),ct.createElement(lt,{value:n,autoFocus:!0,placeholder:lc.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:f=>r(f.target.value)}),ct.createElement(Ai,{size:16}),ct.createElement(bi,{list:u,searchedFor:n,blockchainCategory:s,onChange:f=>{e==="source"?p(f):l(f),o()}}))}i(Ei,"SelectBlockchainPage");import{i18n as Lc}from"@lingui/core";import{Divider as Nc}from"@rango-dev/ui";import Kt,{useState as Nh}from"react";import{useNavigate as Bh}from"react-router-dom";import{i18n as Li}from"@lingui/core";import{BlockchainsChip as qn,Divider as dc,Image as fc,Skeleton as Sh,Tooltip as Ch,Typography as Ni}from"@rango-dev/ui";import le from"react";import{useEffect as hh}from"react";var cc=["ETH","COSMOS","OSMOSIS"];function Ii(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 c=n[p];a=a.filter(u=>c.name!==u)}}n.sort(gh(a)),r=n.splice(s)}return{list:n,more:r}}i(Ii,"prepare");function fh(t,e){let o=cc,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 gh(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(gh,"generateSortByPreferredBlockchainsFor");function uc(t,e){return!!e.list.find(o=>o.name===t)}i(uc,"isInVisibleList");function Wi(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=d();hh(()=>{if(e?.selected){let s=Ii(t,o,e);uc(e.selected,s)||n(e?.selected)}},[e?.selected]);let r=Ii(t,o,e);return{list:r.list,more:r.more,history:[]}}i(Wi,"usePrepareBlockchainList");import{styled as yh}from"@rango-dev/ui";var mc=yh("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var kh=12;function Bi(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:s}=t,a=Wi(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(dc,{size:12}),le.createElement(Ni,{variant:"label",size:"large"},Li.t("Select Blockchain")),le.createElement(dc,{size:12}),le.createElement(mc,null,l==="loading"&&Array.from(Array(kh),f=>le.createElement(Sh,{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(Ni,{variant:"body",size:"xsmall",color:"secondary500"},Li.t("All"))),a.list.map(f=>le.createElement(Ch,{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(fc,{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(fc,{src:a.more[0].logo,size:30})):null,g?le.createElement(qn,{onClick:s,key:"more-blockchains"},le.createElement(Ni,{variant:"body",size:"xsmall",color:"secondary500"},Li._("More +{count}",{count:a.more.length}))):null)))}i(Bi,"BlockchainsSection");import{i18n as Gi}from"@lingui/core";import{darkTheme as bc,Divider as jt,ExternalLinkIcon as xh,Image as vh,ListItemButton as bh,NotFound as Ah,PinIcon as Eh,Skeleton as Ac,Typography as Qn,VirtualizedList as Ih}from"@rango-dev/ui";import F,{forwardRef as Wh,useEffect as Ec,useState as Ic}from"react";var gc=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"),zn=i((t,e)=>{let a={[t]:e};for(let l=1;l<10;l++)l<5&&(a={...a,[t+l*100]:gc(e,(5-l)*25)}),l===5&&(a={...a,[t+l*100]:e}),l>5&&(a={...a,[t+l*100]:gc(e,-((l-5)*25))});return a},"generateRangeColors"),Pi=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=zn(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,...zn(s,a)}}return n?r:{}},"generateColors");import{Divider as xc,ListItem as wh,Skeleton as ko}from"@rango-dev/ui";import Ge from"react";import{css as Vt,darkTheme as hc,ImageContainer as Th,styled as ze,Typography as yc}from"@rango-dev/ui";var $i=Vt({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}),Mi=Vt({position:"relative",height:12,width:"30%",maxWidth:"150px"}),_i=Vt({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",bottom:"-8px"}),Di=Vt({transform:"translateY(12px)",visibility:"hidden","& a":{display:"flex",justifyContent:"center",alignItems:"center",fontSize:"$12",lineHeight:"$16",$$color:"$colors$neutral600",[`.${hc} &`]:{$$color:"$colors$neutral700"},color:"$$color",textDecoration:"none"}}),Fi=Vt({}),Oi=Vt(),Sc=ze("div",{display:"flex",flexDirection:"column",flexGrow:1}),Ui=ze("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),Gn=ze("ul",{flexGrow:1,padding:0,margin:0,listStyle:"none","& li":{alignItems:"none","&:hover":{[`& .${Mi}`]:{[`& .${Di}`]:{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",visibility:"visible"},[`& .${Fi}`]:{bottom:"-15px"},[`& .${$i}`]:{position:"absolute",transform:"translateY(-12px)",visibility:"hidden"},[`& .${_i}`]:{position:"absolute",transform:"translateY(-12px)",bottom:"-10px"}}}}}),qi=ze("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),zi=ze(yc,{}),Cc=ze("div",{textAlign:"right",width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",[`& .${Oi}`]:{$$color:"$colors$neutral600",[`.${hc} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Hn=ze("div",{display:"flex",alignItems:"end",flexDirection:"column"}),qL=ze("div",{display:"flex",alignItems:"center"}),kc=ze("div",{position:"relative",[`& ${Th}`]:{borderRadius:"$xm",overflow:"hidden"}}),Tc=ze("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6}),wc=ze(yc,{width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"});function vc(t){return Ge.createElement(Gn,null,Array.from(Array(t.size),e=>Ge.createElement(wh,{key:e,hasDivider:!0,start:Ge.createElement(ko,{variant:"circular",width:35,height:35}),end:Ge.createElement(Hn,null,Ge.createElement(ko,{variant:"text",size:"large",width:70}),Ge.createElement(xc,{size:4}),Ge.createElement(ko,{variant:"text",size:"medium",width:50})),title:Ge.createElement("div",null,Ge.createElement(ko,{variant:"text",size:"large",width:90}),Ge.createElement(xc,{size:4}),Ge.createElement(ko,{variant:"text",size:"medium",width:90}))})))}i(vc,"LoadingTokenList");var Hi=20,Lh=i(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:s,customCssForTagTitle:a}=t,l=e.length;return F.createElement("div",{className:Mi()},o?F.createElement("div",{className:$i()},o):F.createElement(Ui,{className:_i()},F.createElement(Qn,{variant:"title",size:"xmedium"},r.symbol),F.createElement(jt,{direction:"horizontal",size:4}),F.createElement(qi,{css:s},F.createElement(zi,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&F.createElement("div",{className:`${Di()} ${!o&&Fi()}`},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(jt,{size:4,direction:"horizontal"}),F.createElement(xh,{color:"gray",size:12}))))},"renderDesc");function Wc(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[s,a]=Ic(e),l=d().fetchStatus,p=d().blockchains(),[c,u]=Ic(!0),{getBalanceFor:m,loading:g}=z(),{isTokenPinned:f}=d(),C=Wh((b,k)=>F.createElement("div",{...b,ref:k,style:{...b.style,height:`${parseFloat(b.style?.height)+8*2}px`}})),y=i(()=>{a(e.slice(0,s.length+Hi))},"loadNextPage");Ec(()=>{u(e.length>s.length)},[s.length]),Ec(()=>{a(e.slice(0,Hi))},[e]);let h=i(()=>!s.length&&o?F.createElement(F.Fragment,null,F.createElement(jt,{size:32}),F.createElement(Ah,{title:Gi.t("No results found"),description:Gi.t("Try using different keywords")})):F.createElement(Ih,{Item:({index:b,style:k})=>{let T=s[b],x=Go(m(T)),w=T.address||"",A=p.find($=>$.name===T.blockchain),L=zn(T.symbol,A?.color||""),S={$$color:L[`${T.symbol}100`],[`.${bc} &`]:{$$color:L[`${T.symbol}900`]},backgroundColor:"$$color"},P={$$color:L[`${T.symbol}700`],[`.${bc} &`]:{$$color:L[`${T.symbol}100`]},color:"$$color"};return F.createElement("div",{style:{...k,paddingRight:5}},F.createElement(bh,{style:{height:k?.height,width:"100%",overflow:"hidden"},"tab-index":b,key:`${T.symbol}${T.address}`,id:`${T.symbol}${T.address}`,hasDivider:!0,onClick:()=>n(s[b]),start:F.createElement(kc,null,F.createElement(vh,{src:T.image,size:30}),f(T,t.type)&&F.createElement(Tc,null,F.createElement(Eh,{size:12,color:"gray"}))),title:A?.type==="COSMOS"||T.name||!T.name&&!w?F.createElement(Ui,null,F.createElement(Qn,{variant:"title",size:"xmedium"},T.symbol),F.createElement(jt,{direction:"horizontal",size:4}),F.createElement(qi,{css:S},F.createElement(zi,{variant:"body",size:"xsmall",css:P},T.blockchain))):void 0,description:A?.info&&w&&A.type!=="COSMOS"?Lh({address:w,token:s[b],customCssForTag:S,customCssForTagTitle:P,name:T.name,url:A.info.addressUrl.split("{wallet}").join(w)}):T.name||void 0,end:g?F.createElement(Hn,null,F.createElement(Ac,{variant:"text",size:"large",width:70}),F.createElement(jt,{size:4}),F.createElement(Ac,{variant:"text",size:"medium",width:50})):x&&F.createElement(Cc,null,F.createElement(wc,{variant:"title",size:"small"},x.amount),F.createElement("div",null),x.usdValue&&F.createElement(Qn,{variant:"body",className:Oi(),size:"xsmall"},`$${x.usdValue}`))}))},hasNextPage:c,itemCount:s.length,loadNextPage:y,innerElementType:C,size:60,key:`${r}-${o}`}),"renderList");return F.createElement(Sc,null,F.createElement(Qn,{variant:"label",size:"large"},Gi.t("Select Token")),F.createElement(jt,{size:4}),l==="loading"&&F.createElement(vc,{size:Hi}),l==="success"&&F.createElement(Gn,null,h()))}i(Wc,"TokenList");function Qi(t){let{type:e}=t,o=Bh(),n=ht(),{fromBlockchain:r,toBlockchain:s,setFromToken:a,setToToken:l,setFromBlockchain:p,setToBlockchain:c}=O(),u=z.use.getBalanceFor(),[m,g]=Nh(""),{isTokenPinned:f}=d(),y=(e==="source"?r:s)?.name??"",h=d().blockchains({type:e}),b=d().tokens({type:e,blockchain:y,searchFor:m}),T=_s(b,u,i(A=>f(A,e),"checkIsTokenPinned")),x=i(A=>{e==="source"?p(A):c(A)},"updateBlockchain"),w=i(A=>{e==="source"?a({token:A,meta:{blockchains:h,tokens:b}}):l({token:A,meta:{blockchains:h,tokens:b}})},"updateToken");return Kt.createElement(K,{header:{title:Lc.t("Swap {type}",{type:e})}},Kt.createElement(Bi,{blockchains:h,type:e=="source"?"from":"to",blockchain:e==="source"?r:s,onMoreClick:()=>o(M.blockchains),onChange:A=>{x(A)}}),Kt.createElement(Nc,{size:24}),Kt.createElement(lt,{value:m,autoFocus:!0,placeholder:Lc.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>g(""),onChange:A=>g(A.target.value)}),Kt.createElement(Nc,{size:16}),Kt.createElement(Wc,{list:T,selectedBlockchain:y,searchedFor:m,type:e,onChange:A=>{w(A);let L=h.find(S=>A.blockchain===S.name);L&&x(L),n()}}))}i(Qi,"SelectSwapItemsPage");import{i18n as Lt}from"@lingui/core";import{ChevronRightIcon as Ki,Divider as Xi,InfoIcon as Uh,List as qh,ListItemButton as zh,Skeleton as Gh,Switch as Hh,Tooltip as Qh,Typography as Nt}from"@rango-dev/ui";import V from"react";import{useNavigate as Vh}from"react-router-dom";import{i18n as Dc}from"@lingui/core";import{Divider as _h,InfoIcon as Dh,TextField as Fh,Tooltip as Oh,Typography as Fc}from"@rango-dev/ui";import Ie from"react";import{Chip as Ph,styled as To,TextField as $h}from"@rango-dev/ui";var Bc=To("div",{paddingTop:"$5",padding:"$10 $5"}),Pc=To("div",{display:"flex",flexWrap:"wrap",gap:"$10",[`& ${$h}`]:{flex:"1 1 0",maxWidth:"127px",minWidth:"85px"}}),$c=To("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),Vn=To("div",{maxWidth:"280px",padding:"$10"}),Mc=To(Ph,{width:"61px",flexShrink:0});import{i18n as Vi}from"@lingui/core";import{Typography as Mh}from"@rango-dev/ui";import wo from"react";function _c(){return wo.createElement(Vn,null,wo.createElement(Mh,{variant:"label",size:"medium",color:"neutral700"},Vi.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),wo.createElement("br",null),wo.createElement("br",null),wo.createElement("b",null,Vi.t("Warning")),":",Vi.t("This setting is applied per step, e.g. 1Inch, Thorchain, etc. and only that step will be reverted, not the whole transaction")))}i(_c,"SlippageTooltipContent");function ji(){let{slippage:t,setSlippage:e,customSlippage:o,setCustomSlippage:n}=d();return Ie.createElement(Bc,null,Ie.createElement($c,null,Ie.createElement(Fc,{variant:"title",size:"xmedium"},Dc.t("Slippage tolerance per swap")),Ie.createElement(_h,{direction:"horizontal",size:4}),Ie.createElement(Oh,{container:j(),side:"top",sideOffset:4,content:Ie.createElement(_c,null)},Ie.createElement(Dh,{color:"gray"}))),Ie.createElement(Pc,null,zs.map((r,s)=>{let a=`slippage-${s}`;return Ie.createElement(Ie.Fragment,null,Ie.createElement(Mc,{key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`}))}),Ie.createElement(Fh,{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>=Vs&&s<=Qs)&&n(s)},suffix:o&&Ie.createElement(Fc,{variant:"body",size:"small"},"%"),placeholder:Dc.t("Custom")})))}i(ji,"Slippage");function Oc(){let t=Vh(),{theme:e}=d().config,o=d().fetchStatus,n=d().swappers(),r=d().disabledLiquiditySources,{config:{features:s}}=d(),a=We("theme",s),l=We("liquiditySource",s),p=We("language",s),c=d().infiniteApprove,u=d().toggleInfiniteApprove,m=Po(n,r),g=m.filter(S=>S.type==="BRIDGE"||S.type==="AGGREGATOR"),f=g.length,C=g.filter(S=>S.selected).length,y=m.filter(S=>S.type==="DEX"),h=y.length,b=y.filter(S=>S.selected).length,k=i((S,P)=>{switch(o){case"loading":return V.createElement(Gh,{variant:"text",size:"medium",width:50});case"failed":return V.createElement(Nt,{variant:"body",size:"medium",color:"$error500"},Lt.t("Loading failed"));default:return V.createElement(Nt,{variant:"body",size:"medium"},`${S} / ${P}`)}},"handleEndItem"),T={id:"bridge-item",title:V.createElement(Nt,{variant:"title",size:"xmedium"},Lt.t("Enabled bridges")),end:V.createElement(V.Fragment,null,k(C,f),V.createElement(Xi,{direction:"horizontal",size:8}),V.createElement(Ki,{color:"black"})),onClick:()=>t(M.bridges)},x={id:"exchange-item",title:V.createElement(Nt,{variant:"title",size:"xmedium"},Lt.t("Enabled exchanges")),end:V.createElement(V.Fragment,null,k(b,h),V.createElement(Xi,{direction:"horizontal",size:8}),V.createElement(Ki,{color:"gray"})),onClick:()=>t(M.exchanges)},w={id:"theme-item",title:V.createElement(Nt,{variant:"title",size:"xmedium"},Lt.t("Theme")),end:V.createElement(Ki,{color:"gray"}),onClick:()=>t(M.themes)},A={id:"infinite-approval-item",title:V.createElement(V.Fragment,null,V.createElement(Nt,{variant:"title",size:"xmedium"},Lt.t("Infinite approval")),V.createElement(Xi,{direction:"horizontal",size:4}),V.createElement(Qh,{side:"top",sideOffset:4,container:j(),content:V.createElement(Vn,null,V.createElement(Nt,{variant:"label",size:"medium",color:"neutral700"},Lt.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(Uh,{color:"gray"}))),end:V.createElement(Hh,{checked:c}),onClick:u},L=l?[]:[T,x];return!e?.singleTheme&&!a&&L.push(w),L.push(A),V.createElement(K,{header:{title:Lt.t("Settings")}},V.createElement(pt,null,V.createElement(ji,null),V.createElement(qh,{type:V.createElement(zh,{title:"_",id:"_",onClick:()=>console.log()}),items:L})))}i(Oc,"SettingsPage");import{cancelSwap as Uy}from"@rango-dev/queue-manager-rango-preset";import{useManager as qy}from"@rango-dev/queue-manager-react";import yu from"react";import{i18n as ut}from"@lingui/core";import{getCurrentBlockchainOfOrNull as Ty,getCurrentStep as wy,getRelatedWalletOrNull as xy}from"@rango-dev/queue-manager-rango-preset";import{Button as cu,CopyIcon as vy,Divider as by,IconButton as Ay,QuoteCost as Ey,StepDetails as Iy,Typography as Jt,useCopyToClipboard as Wy}from"@rango-dev/ui";import{useWallets as Ly}from"@rango-dev/wallets-react";import{PendingSwapNetworkStatus as rr}from"rango-types";import X,{useEffect as uu,useRef as Ny,useState as mu}from"react";import{useNavigate as By}from"react-router-dom";import{i18n as we}from"@lingui/core";var jh=1e3,Kh=31536e3,Xh=2592e3,Yh=86400,Jh=3600,Zh=60;function Uc(t){let e=Math.floor((Date.now()-t)/jh),n=[{turningPoint:Kh,label:we.t("year"),pluralLabel:we.t("years")},{turningPoint:Xh,label:we.t("month"),pluralLabel:we.t("months")},{turningPoint:Yh,label:we.t("day"),pluralLabel:we.t("days")},{turningPoint:Jh,label:we.t("hour"),pluralLabel:we.t("hours")},{turningPoint:Zh,label:we.t("minute"),pluralLabel:we.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} ${we.t("seconds")}`:`${e} ${we.t("second")}`}i(Uc,"timeSince");function qc(t){return t.finishTime?we.t({id:"{time} ago",values:{time:Uc(parseInt(t.finishTime))}}):we.t({id:"{time} ago",values:{time:Uc(parseInt(t.creationTime))}})}i(qc,"getSwapDate");import{Modal as iy}from"@rango-dev/ui";import{PendingSwapNetworkStatus as Xn}from"rango-types";import Yn from"react";import{i18n as jn}from"@lingui/core";import{Button as zc,Divider as Yi,MessageBox as Rh,Typography as Gc}from"@rango-dev/ui";import ot from"react";var Hc=i(({onCancel:t,onClose:e})=>ot.createElement(ot.Fragment,null,ot.createElement(Yi,{size:20}),ot.createElement(Rh,{type:"error",title:jn.t("Cancel Swap"),description:jn.t("Are you sure you want to cancel this swap?")}),ot.createElement(Yi,{size:32}),ot.createElement(zc,{variant:"contained",type:"primary",size:"large",onClick:t},ot.createElement(Gc,{variant:"title",size:"medium",color:"neutral100"},jn.t("Yes, Cancel it"))),ot.createElement(Yi,{size:12}),ot.createElement(zc,{variant:"outlined",type:"primary",size:"large",onClick:e},ot.createElement(Gc,{variant:"title",size:"medium",color:"primary"},jn.t("No, Continue")))),"CancelContent");import{i18n as Kn}from"@lingui/core";import{Button as Qc,Divider as Ji,MessageBox as ey,Typography as Vc}from"@rango-dev/ui";import nt from"react";var jc=i(({onDelete:t,onClose:e})=>nt.createElement(nt.Fragment,null,nt.createElement(Ji,{size:20}),nt.createElement(ey,{type:"error",title:Kn.t("Delete Transaction"),description:Kn.t("Are you sure you want to delete this swap?")}),nt.createElement(Ji,{size:32}),nt.createElement(Qc,{variant:"contained",type:"primary",size:"large",onClick:t},nt.createElement(Vc,{variant:"title",size:"medium",color:"neutral100"},Kn.t("Yes, Delete it"))),nt.createElement(Ji,{size:12}),nt.createElement(Qc,{variant:"outlined",type:"primary",size:"large",onClick:e},nt.createElement(Vc,{variant:"title",size:"medium",color:"primary"},Kn.t("No, Cancel")))),"DeleteContent");import{i18n as Zi}from"@lingui/core";import{PendingSwapNetworkStatus as Ri}from"rango-types";var es={[Ri.WaitingForNetworkChange]:{type:"loading",title:Zi.t("Change Network")},[Ri.WaitingForConnectingWallet]:{type:"warning",title:Zi.t("Connect Wallet")},[Ri.NetworkChanged]:{type:"success",title:Zi.t("Network Changed")}};import{MessageBox as oy,Wallet as ny}from"@rango-dev/ui";import{useWallets as ry}from"@rango-dev/wallets-react";import xo from"react";import{styled as ty}from"@rango-dev/ui";var Kc=ty("div",{display:"flex",justifyContent:"center"});var Xc=i(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:s}=t,{connect:a,getWalletInfo:l,state:p}=ry(),c=n?.walletType,u=c?hr(p(c)):null,m=c?l(c):null;return xo.createElement(xo.Fragment,null,xo.createElement(oy,{type:e,title:o,description:r}),s&&!!c&&!!u&&!!m&&xo.createElement(Kc,null,xo.createElement(ny,{container:j(),title:m.name,image:m.img,type:c,state:u,link:m.installLink,onClick:async()=>a(c)})))},"WalletStateContent");function ts(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:s,message:a}=t,l=e===Xn.WaitingForNetworkChange||e===Xn.WaitingForConnectingWallet||e===Xn.NetworkChanged;return Yn.createElement(iy,{open:!!e,onClose:o,container:document.getElementById("swap-box")||document.body},l&&Yn.createElement(Xc,{type:es[e].type,title:es[e].title,currentStepWallet:s,message:a,showWalletButton:e!==Xn.WaitingForNetworkChange}),e==="delete"&&Yn.createElement(jc,{onClose:o,onDelete:n}),e==="cancel"&&Yn.createElement(Hc,{onClose:o,onCancel:r}))}i(ts,"SwapDetailsModal");import{i18n as vo}from"@lingui/core";import{Button as os,Divider as Jn,MessageBox as Yc,Modal as sy,TokenAmount as ay,Typography as Zn}from"@rango-dev/ui";import ue from"react";import{useNavigate as ly}from"react-router-dom";function ns(t){let{open:e,onClose:o,status:n,priceValue:r,usdValue:s,token:a,chain:l,percentageChange:p,description:c,diagnosisUrl:u}=t,m=ly();return ue.createElement(sy,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},n==="success"?ue.createElement(Yc,{type:"success",title:vo.t("Swap Successful")},ue.createElement(ay,{direction:"vertical",type:"output",centerAlign:!0,price:{value:r,usdValue:s},token:a,chain:l,percentageChange:p}),ue.createElement(Jn,{size:12}),ue.createElement(Zn,{variant:"body",size:"medium",color:"neutral700",align:"center"},c)):ue.createElement(Yc,{type:"error",title:vo.t("Transaction Failed"),description:c}),ue.createElement(Jn,{size:32}),n==="success"&&ue.createElement(os,{variant:"contained",type:"primary",size:"large",onClick:()=>{m("../../")}},ue.createElement(Zn,{variant:"title",size:"medium",color:"neutral100"},vo.t("Done"))),ue.createElement(Jn,{size:12}),u&&ue.createElement(ue.Fragment,null,ue.createElement(os,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(u,"_blank")},ue.createElement(Zn,{variant:"title",size:"medium",color:"primary"},vo.t("Diagnosis"))),ue.createElement(Jn,{size:12})),ue.createElement(os,{variant:"outlined",type:"primary",size:"large",onClick:o},ue.createElement(Zn,{variant:"title",size:"medium",color:"primary"},vo.t("See Details"))))}i(ns,"SwapDetailsCompleteModal");import Cy from"react";import{i18n as gy}from"@lingui/core";import{Alert as ou,IconButton as hy,LinkIcon as yy}from"@rango-dev/ui";import Tt,{Fragment as Sy}from"react";import{Alert as py,ChevronDownIcon as cy,ChevronUpIcon as uy,IconButton as my}from"@rango-dev/ui";import Rn,{useState as dy}from"react";function Jc(t){let{message:e}=t,[o,n]=dy(!1);return Rn.createElement(py,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&Rn.createElement(my,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?Rn.createElement(uy,{size:12,color:"gray"}):Rn.createElement(cy,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}i(Jc,"FailedAlert");import{styled as fy}from"@rango-dev/ui";var Zc=fy("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as Rc}from"@lingui/core";import{Alert as rs,Button as eu}from"@rango-dev/ui";import{PendingSwapNetworkStatus as is}from"rango-types";import bo from"react";function tu(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?bo.createElement(rs,{type:"warning",title:n.shortMessage,action:bo.createElement(eu,{size:"xxsmall",type:"warning",onClick:()=>{o(is.WaitingForNetworkChange),e().catch(s=>{console.log(s)})}},Rc.t("Change"))}):r===is.WaitingForConnectingWallet?bo.createElement(rs,{type:"warning",title:n.shortMessage,action:bo.createElement(eu,{size:"xxsmall",type:"warning",onClick:()=>{o(is.WaitingForConnectingWallet)}},Rc.t("Connect"))}):bo.createElement(rs,{type:"warning",title:n.shortMessage})}i(tu,"WarningAlert");function ss(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:s,hasAlreadyProceededToSign:a}=t,l=to(s),p=s.status==="waitingForApproval"&&!l,c=s.status==="running"&&!l;return Tt.createElement(Zc,null,s.explorerUrl?.map((u,m,g)=>{let f=m+u.url,C=m===g.length-1,y=C&&c||p,h=C&&s.status==="failed";return Tt.createElement(Sy,{key:f},Tt.createElement(ou,{type:y&&"loading"||h&&"error"||"success",title:u.description?`${u.description} Tx`:gy.t("View transaction"),action:u.url&&Tt.createElement(hy,{variant:"ghost",size:"xsmall",onClick:()=>window.open(u.url,"_blank")},Tt.createElement(yy,{size:16}))}))}),(c&&!a||p&&!s.explorerUrl?.length)&&Tt.createElement(ou,{type:"loading",title:r.shortMessage}),s.status!=="failed"&&l&&Tt.createElement(tu,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),s.status==="failed"&&Tt.createElement(Jc,{message:r}))}i(ss,"SwapDetailsAlerts");var nu=2e3;var ru=i(({swap:t,blockchains:e,...o})=>{let n=t.hasAlreadyProceededToSign!==!1;return t.steps.map((r,s)=>{let a=s===0?t.inputAmount:t.steps[s-1].outputAmount;return{from:{token:{displayName:r.fromSymbol,image:r.fromLogo??""},chain:{displayName:Xe(r.fromBlockchain,e)??"",image:r.fromBlockchainLogo??""},price:{value:I(a,6,6)}},to:{token:{displayName:r.toSymbol,image:r.toLogo},chain:{displayName:Xe(r.toBlockchain,e)??"",image:r.toBlockchainLogo??""},price:{value:I(r.outputAmount||r.expectedOutputAmountHumanReadable,6,6)}},swapper:{displayName:r.swapperId,image:r.swapperLogo??""},alerts:Cy.createElement(ss,{step:r,hasAlreadyProceededToSign:n,...o})}})},"getSteps");function iu(t){if(to(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(iu,"getStepState");import{css as er,darkTheme as ky,styled as Xt}from"@rango-dev/ui";var tr=Xt("div",{display:"flex",width:"100%",flexDirection:"column",alignItems:"center",height:"0",flexGrow:1}),or=Xt("div",{width:"100%"}),su=Xt("div",{padding:"$0 $20 $20 $20",width:"100%",overflow:"auto"}),xP=Xt("div",{display:"flex",flexDirection:"column",gap:"$10"}),au=Xt("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),vP=Xt("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1}),Yt=er({display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",padding:"$10 $20",borderBottom:"1px solid",$$color:"$colors$neutral300",[`.${ky} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color",color:"$neutral500"}),nr=er({display:"flex",justifyContent:"center",alignItems:"center",height:"$24"}),lu=er({display:"flex",width:"100%",padding:"$15 $20 $20",flexDirection:"column",alignItems:"start"}),pu=er({width:"100%",padding:"0 $20 $10"});function as(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:s,connect:a,getWalletInfo:l}=Ly(),p=d().blockchains(),c=d().tokens(),u=O.use.retry(),m=By(),[g,f]=Wy(nu),C=Ny(null),[y,h]=mu(null),[b,k]=mu(null),T=i(()=>{r(),h(null)},"onCancel"),x=Be.use.getUnreadNotifications(),w=Be.use.setAsRead(),A=x(),L=wy(e),S=L?.networkStatus;uu(()=>{A.find(ie=>ie.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(k(e.status),w(e.requestId))},[e.status]),uu(()=>{G?h(rr.WaitingForNetworkChange):S===rr.WaitingForConnectingWallet||S===rr.NetworkChanged?h(S):h(null)},[S]);let P=ca(e),$=L?Ty(e,L):null,N=L?xy(e,L):null,v=qc(e),_=ua(e),E=i(U=>!!l(U)?.mobileWallet,"isMobileWallet"),G=S===rr.WaitingForNetworkChange&&!!$&&!!N?.walletType&&(E(N.walletType)||s(N.walletType,$)),J=G?a.bind(null,N.walletType,$):void 0,te=pa(e,L),H=ru({swap:e,switchNetwork:J,showNetworkModal:S,setNetworkModal:h,message:te,blockchains:p}),re=H.length,[he,ye]=[e.steps[0],e.steps[re-1]],_e=ye.outputAmount||ye.expectedOutputAmountHumanReadable,Bt=e.steps.reduce((U,ie)=>U+parseFloat(ie.feeInUsd||""),0),Rt=e.steps.find(U=>U.diagnosisUrl)?.diagnosisUrl,rt=I(parseFloat(I(_e,6,6))*(ye.toUsdPrice||0),4,4),Qe=I(parseFloat(e.inputAmount)*(he.fromUsdPrice||0),4,4),D=Ne(Qe,rt),Y=e.status==="success"?ut.t({id:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:I(_e,6,6),token:H[re-1].to.token.displayName,conciseAddress:Ho(e.wallets[H[re-1].to.chain.displayName]?.address||""),chain:H[re-1].to.chain.displayName}}):`${ut.t("Transaction was not sent.")} ${P?ut.t({id:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:P.outputAmount,symbol:P.symbol,blockchain:P.blockchain}}):""}`;return X.createElement(K,{noPadding:!0,header:{title:ut.t("Swap and Bridge"),onCancel:e.status==="running"?()=>h("cancel"):void 0,suffix:e.status!=="running"&&X.createElement(Ut,null,X.createElement(cu,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>h("delete")},X.createElement(Jt,{size:"medium",variant:"label",color:"error"},ut.t("Delete"))))},footer:_&&!b&&X.createElement(cu,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{u(e,{blockchains:p,tokens:c}),setTimeout(()=>{m("../../")},0)}},ut.t("Try again"))},X.createElement(tr,null,X.createElement(or,null,X.createElement("div",{className:Yt()},X.createElement(Jt,{variant:"label",size:"large",color:"neutral700"},`${ut.t("Request ID")}:`),X.createElement("div",{className:nr()},X.createElement(Jt,{variant:"label",size:"small",color:"neutral700"},o),X.createElement(Ay,{variant:"ghost",onClick:f.bind(null,o||"")},X.createElement(vy,{size:16,color:"gray"})))),X.createElement("div",{className:Yt()},X.createElement(Jt,{variant:"label",size:"large",color:"neutral700"},`${ut.t("Created at")}:`),X.createElement(Jt,{variant:"label",size:"small",color:"neutral700"},v))),X.createElement("div",{className:lu()},X.createElement(Ey,{fee:I(String(Bt),2,2),time:Mo(_o(e.steps)),steps:re}),X.createElement(so,{from:{price:{value:I(e.inputAmount,6,6),usdValue:Qe},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:I(_e,6,6),usdValue:rt},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:I(D,2,2),warningLevel:it(D??0)})),X.createElement("div",{className:pu()},X.createElement(Jt,{variant:"title",size:"small"},ut.t("Swaps steps"))),X.createElement(by,{size:8}),X.createElement(su,{ref:C},H.map((U,ie)=>{let Ve=ie,be=iu(e.steps[ie]),pr=be==="error"||be==="in-progress"||be==="warning"||be==="completed"&&ie===H.length-1;return X.createElement(Iy,{key:Ve,step:U,type:"swap-progress",ref:C,state:be,hasSeparator:ie!==0,tabIndex:Ve,isFocused:pr})}))),X.createElement(ts,{state:y,onClose:()=>h(null),onCancel:T,onDelete:n,message:te.detailedMessage.content,currentStepWallet:N}),X.createElement(ns,{open:!!b,diagnosisUrl:Rt,onClose:()=>k(null),status:e.status==="success"?"success":"failed",priceValue:I(_e,6,6),usdValue:rt,percentageChange:I(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(as,"SwapDetails");import{i18n as Eo}from"@lingui/core";import{CopyIcon as Dy,IconButton as Fy,NotFound as Oy,Skeleton as gu,Typography as sr}from"@rango-dev/ui";import pe from"react";import{i18n as Py}from"@lingui/core";import{Divider as $y,Skeleton as My,Typography as _y}from"@rango-dev/ui";import se from"react";import{css as He,styled as ls}from"@rango-dev/ui";var du=ls("div",{width:"100%",height:"100%",padding:"$10 $20"}),Ao=ls("div",{backgroundColor:"$neutral100",borderRadius:"$xm",padding:"$10 $15"}),ir=ls("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"}),RP=He({display:"flex",justifyContent:"space-between",alignItems:"center"}),e$=He({display:"flex",justifyContent:"space-between",alignItems:"center"}),t$=He({paddingTop:"$15",display:"flex"}),o$=He({padding:"$15 $0"}),n$=He({width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"}),r$=He({paddingBottom:"$10"}),i$=He({display:"flex",justifyContent:"start",alignItems:"center"}),s$=He({paddingTop:"$5",display:"flex",alignItems:"center"}),a$=He({display:"flex",alignItems:"center"}),l$=He({padding:"$4 $6",display:"flex",justifyContent:"center",alignItems:"center"}),fu=He({display:"flex",paddingTop:"$10",paddingBottom:"$5"});function ps(){return se.createElement(du,null,se.createElement(co,{type:"swap-preview"}),se.createElement("div",{className:"swaps-steps"},se.createElement(_y,{variant:"title",size:"small"},Py.t("Swaps steps"))),se.createElement(se.Fragment,null,se.createElement(Ao,null,se.createElement(et,{separator:!1}),se.createElement("div",{className:fu()},se.createElement($y,{direction:"horizontal",size:20}),se.createElement(My,{height:22,variant:"rectangular"}))),se.createElement(ir,null),se.createElement(Ao,null,se.createElement(et,{separator:!1})),se.createElement(ir,null),se.createElement(Ao,null,se.createElement(et,{separator:!1})),se.createElement(ir,null),se.createElement(Ao,null,se.createElement(et,{separator:!1}))))}i(ps,"LoadingSwapDetails");function hu(t){let{requestId:e,showSkeleton:o}=t;return pe.createElement(K,{noPadding:!0,header:{title:Eo.t("Swap and Bridge"),suffix:pe.createElement(Ut,null)}},o&&pe.createElement(tr,null,pe.createElement(or,null,pe.createElement("div",{className:Yt()},pe.createElement(sr,{variant:"label",size:"large",color:"neutral700"},`${Eo.t("Request ID")}:`),pe.createElement("div",{className:nr()},pe.createElement(sr,{variant:"label",size:"small",color:"neutral700"},pe.createElement(gu,{width:60,height:10,variant:"rounded"})),pe.createElement(Fy,{variant:"ghost"},pe.createElement(Dy,{size:16,color:"gray"})))),pe.createElement("div",{className:Yt()},pe.createElement(sr,{variant:"label",size:"large",color:"neutral700"},`${Eo.t("Created at")}:`),pe.createElement(sr,{variant:"label",size:"small",color:"neutral700"},pe.createElement(gu,{width:60,height:10,variant:"rounded"})))),pe.createElement(ps,null)),!o&&pe.createElement(au,null,pe.createElement(Oy,{title:Eo.t("Not found"),description:Eo.t({id:"Swap with request ID = {requestId} not found.",values:{requestId:e}})})))}i(hu,"SwapDetailsPlaceholder");function Su(){let{manager:t,state:e}=qy(),o=!e.loadedFromPersistor,n=Ht(t),r=Te.use.selectedSwapRequestId(),s=ht(),{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&&Uy(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?yu.createElement(hu,{requestId:r||"",showSkeleton:l}):yu.createElement(as,{swap:m,requestId:r||"",onCancel:c,onDelete:u})}i(Su,"SwapDetailsPage");import{i18n as Io}from"@lingui/core";import{AutoThemeIcon as zy,DarkModeIcon as Gy,LightModeIcon as Hy,List as Qy,ListItemButton as Vy,Radio as cs,RadioRoot as jy,Typography as us}from"@rango-dev/ui";import xe from"react";function Cu(){let{setTheme:t,theme:e}=d(),o=[{id:"light",value:"light",title:xe.createElement(us,{variant:"title",size:"xmedium"},Io.t("Light")),onClick:()=>t("light"),start:xe.createElement(Hy,{color:"gray"}),end:xe.createElement(cs,{value:"light"})},{id:"dark",value:"dark",title:xe.createElement(us,{variant:"title",size:"xmedium"},Io.t("Dark")),onClick:()=>t("dark"),start:xe.createElement(Gy,{color:"gray"}),end:xe.createElement(cs,{value:"dark"})},{id:"auto",value:"auto",title:xe.createElement(us,{variant:"title",size:"xmedium"},Io.t("Auto")),onClick:()=>t("auto"),start:xe.createElement(zy,{color:"gray"}),end:xe.createElement(cs,{value:"auto"})}];return xe.createElement(K,{header:{title:Io.t("Theme")}},xe.createElement(pt,null,xe.createElement(jy,{onValueChange:n=>t(n),value:e},xe.createElement(Qy,{type:xe.createElement(Vy,{title:Io.t("Theme"),id:"_",onClick:()=>console.log()}),items:o}))))}i(Cu,"ThemePage");function ku(){return Ky([{path:M.home,element:ve.createElement(Yp,null)},{path:M.fromSwap,children:[{index:!0,element:ve.createElement(Qi,{type:"source"})},{path:M.blockchains,element:ve.createElement(Ei,{type:"source"})}]},{path:M.toSwap,children:[{index:!0,element:ve.createElement(Qi,{type:"destination"})},{path:M.blockchains,element:ve.createElement(Ei,{type:"destination"})}]},{path:M.settings,children:[{index:!0,element:ve.createElement(Oc,null)},{path:M.themes,element:ve.createElement(Cu,null)},{path:M.languages,element:ve.createElement(Zp,null)},{path:M.exchanges,element:ve.createElement(wi,{sourceType:"Exchanges"})},{path:M.bridges,element:ve.createElement(wi,{sourceType:"Bridges"})}]},{path:M.swaps,children:[{index:!0,element:ve.createElement(Qp,null)},{path:M.swapDetails,element:ve.createElement(Su,null)}]},{path:M.wallets,element:ve.createElement(ml,null)},{path:M.confirmSwap,element:ve.createElement(Mp,null)}])}i(ku,"AppRoutes");import{isApprovalTX as Xy,MainEvents as wu,RouteEventType as xu,StepEventType as Zt,StepExecutionEventStatus as Yy,useEvents as Jy}from"@rango-dev/queue-manager-rango-preset";import{useEffect as vu}from"react";import{StepExecutionBlockedEventStatus as ms}from"@rango-dev/queue-manager-rango-preset";var Tu=[ms.WAITING_FOR_CHANGE_WALLET_ACCOUNT,ms.WAITING_FOR_NETWORK_CHANGE,ms.WAITING_FOR_WALLET_CONNECT];function bu(){let t=d().tokens(),e=z.use.connectedWallets(),o=z.use.getWalletsDetails(),n=Be.use.setNotification(),r=Be.use.setAsRead(),s=Jy();return vu(()=>(s.on(wu.StepEvent,a=>{let{event:l,step:p,route:c}=a;if(l.type===Zt.TX_EXECUTION&&l.status===Yy.TX_SENT&&!Xy(p)||l.type===Zt.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===Zt.TX_EXECUTION_BLOCKED&&Tu.includes(l.status)||l.type===Zt.FAILED?n(l,c):(l.type===Zt.TX_EXECUTION||l.type===Zt.CHECK_STATUS)&&r(c.requestId)}),()=>s.all.clear()),[s,e.length]),vu(()=>(s.on(wu.RouteEvent,a=>{let{event:l,route:p}=a;(l.type===xu.FAILED||l.type===xu.SUCCEEDED)&&n(l,p)}),()=>s.all.clear()),[s,e.length]),null}i(bu,"WidgetEvents");import{globalCss as Zy}from"@rango-dev/ui";var Au=i(()=>Zy({"@import":["url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap')","url('https://fonts.cdnfonts.com/css/times-new-roman')"]})(),"globalFont");import{createTheme as gs,darkTheme as nS,lightTheme as rS}from"@rango-dev/ui";import{useEffect as Iu,useState as iS}from"react";import{theme as tS,darkColors as oS}from"@rango-dev/ui";var Eu=i(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),Ry=i(t=>{let e="",o;for(o=Math.abs(t);o>52;o=o/52|0)e=Eu(o%52)+e;return Eu(o%52)+e},"toAlphabeticName"),eS=i((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),ds=i(t=>Ry(eS(5381,JSON.stringify(t))>>>0),"toHash");function fs(t){let e=tS.colors,o=Pi({...e,...oS},!0,t?.dark),n=Pi(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:`${dr}-light-${ds(p)}`,tokens:p}}if(r){let p={colors:o};l={id:`${dr}-dark-${ds(p)}`,tokens:p}}return{light:a,dark:l}}i(fs,"customizedThemeTokens");function Wu(t){let{colors:e,fontFamily:o=vs,borderRadius:n=ws,secondaryBorderRadius:r=xs,mode:s="auto"}=t,[a,l]=iS("light"),{setTheme:p,theme:c}=d(),{dark:u,light:m}=fs(e),g=gs({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),f=[g.className,rS.className],C=[g.className,nS.className];if(m){let h=gs(m.id,m.tokens);f.push(h.className)}if(u){let h=gs(u.id,u.tokens);C.push(h.className)}return Iu(()=>{let h=i(b=>{b.matches?l("dark"):l("light")},"switchThemeListener");return window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches&&l("dark"),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",h),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",h)}},[]),Iu(()=>{s!=="auto"&&p(s)},[s]),{activeTheme:i(()=>{let h=f.join(" "),b=C.join(" ");return c==="auto"?a==="dark"?b:h:c==="dark"?b:h},"getActiveTheme")}}i(Wu,"useTheme");import{styled as sS}from"@rango-dev/ui";var Lu=sS("div",{width:"100%",display:"flex",justifyContent:"center",alignItems:"center",fontFamily:"$widget",boxSizing:"border-box","& *, *::before, *::after":{boxSizing:"inherit",listStyleType:"none"},"& *:focus-visible":{outlineColor:"$info500",transition:"none"}});function ar(){Au();let{config:t}=d(),{activeTheme:e}=Wu(t?.theme||{}),{activeLanguage:o,changeLanguage:n}=Dn(),[r,s]=Bu(""),[a,l]=Bu(),p=lS(sn);return Nu(()=>{Be.persist.rehydrate(),p.onConnectWallet(s)},[]),Nu(()=>{n(t?.language)},[t?.language]),Wo.createElement(aS,{language:o},Wo.createElement(Lu,{id:"swap-container",className:e()},Wo.createElement(bu,null),Wo.createElement(ba,{lastConnectedWallet:r,disconnectedWallet:a,clearDisconnectedWallet:()=>{l(void 0)}},Wo.createElement(ku,null))))}i(ar,"Main");import ys,{useMemo as AS}from"react";import{checkWaitingForNetworkChange as pS,makeQueueDefinition as cS}from"@rango-dev/queue-manager-rango-preset";import{Provider as uS}from"@rango-dev/queue-manager-react";import{useWallets as mS}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as dS}from"@rango-dev/wallets-shared";import{isEvmBlockchain as fS}from"rango-types";import gS,{useMemo as hS}from"react";function yS(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:s,getWalletInfo:a}=mS(),l=hS(()=>cS({API_KEY:t.apiKey||Pt("API_KEY"),BASE_URL:Pt("BASE_URL")}),[t.apiKey]),p=d().blockchains(),u={blockchains:z.use.connectedWallets().map(k=>({accounts:[k],name:k.chain}))},m=i(async(k,T)=>{if(s(k,T))return r(k,T)},"switchNetwork"),g=i(k=>!!a(k).mobileWallet,"isMobileWallet"),f=p.filter(k=>k.enabled).reduce((k,T)=>(k[T.name]=T,k),{}),C=p.filter(fS),y=i(k=>{let{supportedChains:T}=a(k);return Uo(T)},"getSupportedChainNames"),h=e(),b={meta:{blockchains:f,evmBasedChains:C,evmNetworkChainInfo:dS(C),getSupportedChainNames:y},getSigners:o,wallets:u,providers:h,switchNetwork:m,canSwitchNetworkTo:s,connect:r,state:n,isMobileWallet:g};return gS.createElement(uS,{queuesDefs:[l],context:b,onPersistedDataLoaded:k=>{pS(k)},isPaused:!1},t.children)}i(yS,"QueueManager");var Pu=yS;import{useManager as wS}from"@rango-dev/queue-manager-react";import xS,{createContext as vS,useContext as bS}from"react";import{cancelSwap as SS,getCurrentBlockchainOfOrNull as CS,getCurrentStep as kS,getRelatedWalletOrNull as TS}from"@rango-dev/queue-manager-rango-preset";var Lo=class{constructor(e,o){this.manager=e,this.actions=o}getAllSwaps(){return Ht(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&&SS(o)}getCurrentStepInfo(e){let o=kS(e);return{step:o,wallet:o?TS(e,o):null,network:o?CS(e,o):null}}};i(Lo,"WidgetHistory");var $u=vS(void 0);function hs(t){let{manager:e}=wS(),o=O.use.retry(),n=new Lo(e,{retrySwap:o}),r=z.use.connectedWallets(),s=z.use.loading(),a=Ms(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 xS.createElement($u.Provider,{value:g},t.children)}i(hs,"WidgetInfo");function Mu(){let t=bS($u);if(!t)throw new Error("useWidget can only be used within the WidgetProvider component");return t}i(Mu,"useWidget");function lr(t){let{onUpdateState:e,config:o}=t;return AS(()=>{Ts({API_KEY:o?.apiKey||No,BASE_URL:o?.apiUrl||ks})},[o]),ys.createElement(an,{config:o,onUpdateState:e},ys.createElement(Pu,{apiKey:o.apiKey},ys.createElement(hs,null,t.children)))}i(lr,"WidgetProvider");function _u(t){return t.config?.externalWallets?Ss.createElement(ar,null):Ss.createElement(lr,{config:t.config??ur},Ss.createElement(ar,null))}i(_u,"Widget");export{j_ as MainEvents,nD as Networks,K_ as RouteEventType,X_ as StepEventType,Y_ as StepExecutionBlockedEventStatus,J_ as StepExecutionEventStatus,tD as WalletEvents,rD as WalletTypes,_u as Widget,lr as WidgetProvider,an as WidgetWallets,fs as customizedThemeTokens,eD as readAccountAddress,kl as useWallets,Mu as useWidget,Z_ as useWidgetEvents};
2
2
  //# sourceMappingURL=index.js.map