@rango-dev/widget-embedded 0.17.1-next.2 → 0.17.1-next.3

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 (195) hide show
  1. package/dist/components/ConfirmWalletsModal/ConfirmWallets.helpers.d.ts +1 -3
  2. package/dist/components/ConfirmWalletsModal/ConfirmWallets.helpers.d.ts.map +1 -1
  3. package/dist/components/ConfirmWalletsModal/ConfirmWalletsModal.d.ts.map +1 -1
  4. package/dist/components/ConfirmWalletsModal/ConfirmWalletsModal.types.d.ts +1 -1
  5. package/dist/components/ConfirmWalletsModal/ConfirmWalletsModal.types.d.ts.map +1 -1
  6. package/dist/components/NoResult/NoResult.d.ts +4 -0
  7. package/dist/components/NoResult/NoResult.d.ts.map +1 -0
  8. package/dist/components/NoResult/NoResult.helpers.d.ts +4 -0
  9. package/dist/components/NoResult/NoResult.helpers.d.ts.map +1 -0
  10. package/dist/components/{NoRoutes/NoRoutes.styles.d.ts → NoResult/NoResult.styles.d.ts} +1 -1
  11. package/dist/components/{NoRoutes/NoRoutes.styles.d.ts.map → NoResult/NoResult.styles.d.ts.map} +1 -1
  12. package/dist/components/{NoRoutes/NoRoutes.types.d.ts → NoResult/NoResult.types.d.ts} +3 -3
  13. package/dist/components/NoResult/NoResult.types.d.ts.map +1 -0
  14. package/dist/components/NoResult/index.d.ts +2 -0
  15. package/dist/components/NoResult/index.d.ts.map +1 -0
  16. package/dist/components/Quote/Quote.d.ts +4 -0
  17. package/dist/components/Quote/Quote.d.ts.map +1 -0
  18. package/dist/components/Quote/Quote.styles.d.ts +1429 -0
  19. package/dist/components/Quote/Quote.styles.d.ts.map +1 -0
  20. package/dist/components/Quote/Quote.types.d.ts +22 -0
  21. package/dist/components/Quote/Quote.types.d.ts.map +1 -0
  22. package/dist/components/Quote/QuoteSkeleton.d.ts +4 -0
  23. package/dist/components/Quote/QuoteSkeleton.d.ts.map +1 -0
  24. package/dist/components/Quote/QuoteSkeleton.styles.d.ts +319 -0
  25. package/dist/components/Quote/QuoteSkeleton.styles.d.ts.map +1 -0
  26. package/dist/components/Quote/QuoteSkeleton.types.d.ts +6 -0
  27. package/dist/components/Quote/QuoteSkeleton.types.d.ts.map +1 -0
  28. package/dist/components/Quote/QuoteSummary.d.ts +11 -0
  29. package/dist/components/Quote/QuoteSummary.d.ts.map +1 -0
  30. package/dist/components/Quote/QuoteSummary.styles.d.ts +158 -0
  31. package/dist/components/Quote/QuoteSummary.styles.d.ts.map +1 -0
  32. package/dist/components/Quote/index.d.ts +4 -0
  33. package/dist/components/Quote/index.d.ts.map +1 -0
  34. package/dist/components/QuoteWarningsAndErrors/HighValueLossWarningModal.d.ts +11 -0
  35. package/dist/components/QuoteWarningsAndErrors/HighValueLossWarningModal.d.ts.map +1 -0
  36. package/dist/components/QuoteWarningsAndErrors/QuoteErrorsModalItem.d.ts +4 -0
  37. package/dist/components/QuoteWarningsAndErrors/QuoteErrorsModalItem.d.ts.map +1 -0
  38. package/dist/components/QuoteWarningsAndErrors/QuoteWarningsAndErrors.d.ts +4 -0
  39. package/dist/components/QuoteWarningsAndErrors/QuoteWarningsAndErrors.d.ts.map +1 -0
  40. package/dist/components/QuoteWarningsAndErrors/QuoteWarningsAndErrors.helpers.d.ts +9 -0
  41. package/dist/components/QuoteWarningsAndErrors/QuoteWarningsAndErrors.helpers.d.ts.map +1 -0
  42. package/dist/components/{RouteErrors/RouteErrors.styles.d.ts → QuoteWarningsAndErrors/QuoteWarningsAndErrors.styles.d.ts} +1 -1
  43. package/dist/components/QuoteWarningsAndErrors/QuoteWarningsAndErrors.styles.d.ts.map +1 -0
  44. package/dist/components/QuoteWarningsAndErrors/QuoteWarningsAndErrors.types.d.ts +22 -0
  45. package/dist/components/QuoteWarningsAndErrors/QuoteWarningsAndErrors.types.d.ts.map +1 -0
  46. package/dist/components/QuoteWarningsAndErrors/SlippageWariningModal.d.ts +11 -0
  47. package/dist/components/QuoteWarningsAndErrors/SlippageWariningModal.d.ts.map +1 -0
  48. package/dist/components/QuoteWarningsAndErrors/UnknownPriceWarningModal.d.ts +11 -0
  49. package/dist/components/QuoteWarningsAndErrors/UnknownPriceWarningModal.d.ts.map +1 -0
  50. package/dist/components/QuoteWarningsAndErrors/index.d.ts +2 -0
  51. package/dist/components/QuoteWarningsAndErrors/index.d.ts.map +1 -0
  52. package/dist/components/SwapDetails/SwapDetails.d.ts.map +1 -1
  53. package/dist/constants/errors.d.ts +4 -4
  54. package/dist/constants/errors.d.ts.map +1 -1
  55. package/dist/constants/messages.d.ts +1 -1
  56. package/dist/constants/warnings.d.ts +2 -2
  57. package/dist/constants/warnings.d.ts.map +1 -1
  58. package/dist/containers/QuoteInfo/QuoteInfo.d.ts +4 -0
  59. package/dist/containers/QuoteInfo/QuoteInfo.d.ts.map +1 -0
  60. package/dist/containers/QuoteInfo/QuoteInfo.styles.d.ts +472 -0
  61. package/dist/containers/QuoteInfo/QuoteInfo.styles.d.ts.map +1 -0
  62. package/dist/containers/QuoteInfo/QuoteInfo.types.d.ts +17 -0
  63. package/dist/containers/QuoteInfo/QuoteInfo.types.d.ts.map +1 -0
  64. package/dist/containers/QuoteInfo/index.d.ts +2 -0
  65. package/dist/containers/QuoteInfo/index.d.ts.map +1 -0
  66. package/dist/hooks/useConfirmSwap/index.d.ts +2 -0
  67. package/dist/hooks/useConfirmSwap/index.d.ts.map +1 -0
  68. package/dist/hooks/useConfirmSwap/useConfirmSwap.d.ts +3 -0
  69. package/dist/hooks/useConfirmSwap/useConfirmSwap.d.ts.map +1 -0
  70. package/dist/hooks/useConfirmSwap/useConfirmSwap.helpers.d.ts +16 -0
  71. package/dist/hooks/useConfirmSwap/useConfirmSwap.helpers.d.ts.map +1 -0
  72. package/dist/hooks/{useConfirmSwap.d.ts → useConfirmSwap/useConfirmSwap.types.d.ts} +5 -7
  73. package/dist/hooks/useConfirmSwap/useConfirmSwap.types.d.ts.map +1 -0
  74. package/dist/hooks/{useFetchBestRoute.d.ts → useFetchQuote.d.ts} +3 -3
  75. package/dist/hooks/useFetchQuote.d.ts.map +1 -0
  76. package/dist/hooks/usePrepareBlockchainList/usePrepareBlockchainList.helpers.d.ts +2 -2
  77. package/dist/hooks/useSwapInput.d.ts +4 -2
  78. package/dist/hooks/useSwapInput.d.ts.map +1 -1
  79. package/dist/index.js +1 -1
  80. package/dist/index.js.map +4 -4
  81. package/dist/pages/ConfirmSwapPage.d.ts.map +1 -1
  82. package/dist/pages/Home.d.ts.map +1 -1
  83. package/dist/store/app.d.ts +2 -2
  84. package/dist/store/{bestRoute.d.ts → quote.d.ts} +25 -20
  85. package/dist/store/quote.d.ts.map +1 -0
  86. package/dist/types/index.d.ts +1 -1
  87. package/dist/types/index.d.ts.map +1 -1
  88. package/dist/types/quote.d.ts +82 -0
  89. package/dist/types/quote.d.ts.map +1 -0
  90. package/dist/utils/numbers.d.ts +1 -1
  91. package/dist/utils/numbers.d.ts.map +1 -1
  92. package/dist/utils/{routing.d.ts → quote.d.ts} +16 -12
  93. package/dist/utils/quote.d.ts.map +1 -0
  94. package/dist/utils/settings.d.ts +1 -1
  95. package/dist/utils/swap.d.ts +22 -20
  96. package/dist/utils/swap.d.ts.map +1 -1
  97. package/dist/utils/wallets.d.ts +1 -1
  98. package/package.json +2 -2
  99. package/src/components/BlockchainsSection/BlockchainsSection.tsx +3 -3
  100. package/src/components/ConfirmWalletsModal/ConfirmWallets.helpers.ts +2 -64
  101. package/src/components/ConfirmWalletsModal/ConfirmWalletsModal.tsx +23 -26
  102. package/src/components/ConfirmWalletsModal/ConfirmWalletsModal.types.ts +1 -1
  103. package/src/components/LoadingSwapDetails/LoadingSwapDetails.styles.ts +3 -3
  104. package/src/components/LoadingSwapDetails/LoadingSwapDetails.tsx +6 -6
  105. package/src/components/{NoRoutes/NoRoutes.helper.ts → NoResult/NoResult.helpers.ts} +16 -9
  106. package/src/components/{NoRoutes/NoRoutes.styles.ts → NoResult/NoResult.styles.ts} +2 -0
  107. package/src/components/{NoRoutes/NoRoutes.tsx → NoResult/NoResult.tsx} +7 -12
  108. package/src/components/{NoRoutes/NoRoutes.types.ts → NoResult/NoResult.types.ts} +3 -2
  109. package/src/components/NoResult/index.ts +1 -0
  110. package/src/components/Quote/Quote.styles.ts +212 -0
  111. package/src/components/Quote/Quote.tsx +347 -0
  112. package/src/components/Quote/Quote.types.ts +16 -0
  113. package/src/components/Quote/QuoteSkeleton.styles.ts +110 -0
  114. package/src/components/Quote/QuoteSkeleton.tsx +108 -0
  115. package/src/components/Quote/QuoteSkeleton.types.ts +5 -0
  116. package/src/components/Quote/QuoteSummary.styles.ts +15 -0
  117. package/src/components/Quote/QuoteSummary.tsx +46 -0
  118. package/src/components/Quote/index.ts +3 -0
  119. package/src/components/QuoteWarningsAndErrors/HighValueLossWarningModal.tsx +107 -0
  120. package/src/components/{RouteErrors/RouteErrorsModalItem.tsx → QuoteWarningsAndErrors/QuoteErrorsModalItem.tsx} +3 -3
  121. package/src/components/QuoteWarningsAndErrors/QuoteWarningsAndErrors.helpers.ts +67 -0
  122. package/src/components/QuoteWarningsAndErrors/QuoteWarningsAndErrors.tsx +103 -0
  123. package/src/components/QuoteWarningsAndErrors/QuoteWarningsAndErrors.types.ts +24 -0
  124. package/src/components/QuoteWarningsAndErrors/SlippageWariningModal.tsx +77 -0
  125. package/src/components/QuoteWarningsAndErrors/UnknownPriceWarningModal.tsx +38 -0
  126. package/src/components/QuoteWarningsAndErrors/index.ts +1 -0
  127. package/src/components/SwapDetails/SwapDetails.Placeholder.tsx +1 -1
  128. package/src/components/SwapDetails/SwapDetails.tsx +13 -16
  129. package/src/components/SwitchFromAndTo.tsx +2 -2
  130. package/src/components/UpdateUrl.tsx +12 -12
  131. package/src/constants/errors.ts +8 -10
  132. package/src/constants/messages.ts +1 -1
  133. package/src/constants/warnings.ts +7 -7
  134. package/src/containers/QuoteInfo/QuoteInfo.styles.ts +15 -0
  135. package/src/containers/QuoteInfo/QuoteInfo.tsx +97 -0
  136. package/src/containers/QuoteInfo/QuoteInfo.types.ts +17 -0
  137. package/src/containers/QuoteInfo/index.ts +1 -0
  138. package/src/hooks/useConfirmSwap/index.ts +1 -0
  139. package/src/hooks/useConfirmSwap/useConfirmSwap.helpers.ts +168 -0
  140. package/src/hooks/useConfirmSwap/useConfirmSwap.ts +136 -0
  141. package/src/hooks/useConfirmSwap/useConfirmSwap.types.ts +19 -0
  142. package/src/hooks/{useFetchBestRoute.ts → useFetchQuote.ts} +3 -3
  143. package/src/hooks/useNavigateBack.ts +3 -3
  144. package/src/hooks/useSwapInput.ts +57 -23
  145. package/src/hooks/useSyncStoresWithConfig.ts +2 -2
  146. package/src/pages/ConfirmSwapPage.tsx +58 -227
  147. package/src/pages/HistoryPage.tsx +1 -1
  148. package/src/pages/Home.tsx +52 -241
  149. package/src/pages/LanguagePage.tsx +1 -1
  150. package/src/pages/LiquiditySourcePage.tsx +1 -1
  151. package/src/pages/SelectBlockchainPage.tsx +3 -3
  152. package/src/pages/SelectSwapItemsPage.tsx +2 -2
  153. package/src/pages/SettingsPage.tsx +1 -1
  154. package/src/pages/ThemePage.tsx +1 -1
  155. package/src/pages/WalletsPage.tsx +1 -1
  156. package/src/store/{bestRoute.ts → quote.ts} +42 -38
  157. package/src/types/index.ts +1 -1
  158. package/src/types/quote.ts +107 -0
  159. package/src/utils/numbers.ts +1 -1
  160. package/src/utils/quote.ts +338 -0
  161. package/src/utils/swap.ts +99 -69
  162. package/src/utils/wallets.ts +2 -2
  163. package/dist/components/NoRoutes/NoRoutes.d.ts +0 -4
  164. package/dist/components/NoRoutes/NoRoutes.d.ts.map +0 -1
  165. package/dist/components/NoRoutes/NoRoutes.helper.d.ts +0 -3
  166. package/dist/components/NoRoutes/NoRoutes.helper.d.ts.map +0 -1
  167. package/dist/components/NoRoutes/NoRoutes.types.d.ts.map +0 -1
  168. package/dist/components/NoRoutes/index.d.ts +0 -2
  169. package/dist/components/NoRoutes/index.d.ts.map +0 -1
  170. package/dist/components/RouteErrors/RouteErrors.d.ts +0 -4
  171. package/dist/components/RouteErrors/RouteErrors.d.ts.map +0 -1
  172. package/dist/components/RouteErrors/RouteErrors.styles.d.ts.map +0 -1
  173. package/dist/components/RouteErrors/RouteErrors.types.d.ts +0 -24
  174. package/dist/components/RouteErrors/RouteErrors.types.d.ts.map +0 -1
  175. package/dist/components/RouteErrors/RouteErrorsModal.d.ts +0 -4
  176. package/dist/components/RouteErrors/RouteErrorsModal.d.ts.map +0 -1
  177. package/dist/components/RouteErrors/RouteErrorsModalItem.d.ts +0 -4
  178. package/dist/components/RouteErrors/RouteErrorsModalItem.d.ts.map +0 -1
  179. package/dist/components/RouteErrors/index.d.ts +0 -2
  180. package/dist/components/RouteErrors/index.d.ts.map +0 -1
  181. package/dist/hooks/useConfirmSwap.d.ts.map +0 -1
  182. package/dist/hooks/useFetchBestRoute.d.ts.map +0 -1
  183. package/dist/store/bestRoute.d.ts.map +0 -1
  184. package/dist/types/routing.d.ts +0 -65
  185. package/dist/types/routing.d.ts.map +0 -1
  186. package/dist/utils/routing.d.ts.map +0 -1
  187. package/src/components/NoRoutes/index.ts +0 -1
  188. package/src/components/RouteErrors/RouteErrors.tsx +0 -79
  189. package/src/components/RouteErrors/RouteErrors.types.ts +0 -29
  190. package/src/components/RouteErrors/RouteErrorsModal.tsx +0 -129
  191. package/src/components/RouteErrors/index.ts +0 -1
  192. package/src/hooks/useConfirmSwap.ts +0 -303
  193. package/src/types/routing.ts +0 -77
  194. package/src/utils/routing.ts +0 -321
  195. /package/src/components/{RouteErrors/RouteErrors.styles.ts → QuoteWarningsAndErrors/QuoteWarningsAndErrors.styles.ts} +0 -0
package/dist/index.js CHANGED
@@ -1,2 +1,2 @@
1
- var Mp=Object.defineProperty;var s=(t,e)=>Mp(t,"name",{value:e,configurable:!0});import{MainEvents as eM,RouteEventType as tM,StepEventType as oM,StepExecutionBlockedEventStatus as nM,StepExecutionEventStatus as rM,useEvents as iM}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Ia}from"@rango-dev/wallets-react";import{Events as Hn,Provider as Jp}from"@rango-dev/wallets-react";import{isEvmBlockchain as Zp}from"rango-sdk";import zi,{createContext as eu,useRef as tu}from"react";import{useEffect as Qp}from"react";import{create as jp}from"zustand";import{subscribeWithSelector as Kp}from"zustand/middleware";import{RangoClient as Lp}from"rango-sdk";var ki="c6381a79-2817-4602-83bf-6a641a409e32";var Un={API_KEY:ki};function So(t){return Un[t]}s(So,"getConfig");function Ti(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),Un=e,Un}s(Ti,"initConfig");var wi=20,vi=25,bi="Roboto",zn="theme-widget";var Co,xt=s(()=>Co||(Co=new Lp(So("API_KEY")),Co),"httpService");import{WalletState as Xe}from"@rango-dev/ui";import{readAccountAddress as Dp}from"@rango-dev/wallets-react";import{detectInstallLink as Fp,getCosmosExperimentalChainInfo as Op,isEvmAddress as $p,KEPLR_COMPATIBLE_WALLETS as ih,Networks as Ei}from"@rango-dev/wallets-shared";import qn from"bignumber.js";import{isCosmosBlockchain as Up}from"rango-types";import Pp from"bignumber.js";var Me=new Pp(0);import{WalletTypes as _p}from"@rango-dev/wallets-shared";var xi=[_p.LEAP];import{BigNumber as Ai}from"bignumber.js";var At=s(t=>{let e=(t%60).toString().padStart(2,"0");return`${parseInt((t/60).toString()).toString().padStart(2,"0")}:${e}`},"secondsToString"),T=s((t,e=null,o=null)=>{if(t==null||t==="")return"";let n=new Ai(t),r=1,i=1e3;for(let a=0;a<60;a++)if(new Ai(n.toFixed(a,r)).eq(n)){i=a;break}if(n.gte(1e4))return n.toFormat(0,r);if(n.gte(1e3)||n.gte(100))return n.toFormat(Math.min(i,Math.min(o||100,Math.max(e||0,1))),r);if(n.gte(1))return n.toFormat(Math.min(i,Math.min(o||100,Math.max(e||0,2))),r);if(n.gte(.01))return n.toFormat(Math.min(i,Math.min(o||100,Math.max(e||0,4))),r);for(let a=e||4;a<17;a++)if(n.gte(Math.pow(10,-a)))return n.toFormat(Math.min(i,Math.min(o||100,Math.max(e||0,a))),r);return n.isEqualTo(0)?"0":n.toFormat(Math.min(i,Math.min(o||100,Math.max(e||0,8))),r)},"numberToString");var Et=s(t=>t?.reduce((e,o)=>e+(o.estimatedTimeInSeconds??0),0)||0,"totalArrivalTime");var Re=s((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),Vt=s(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function ko(t,e=4){let o=parseFloat(t);if(isNaN(o))return t;let n=Math.pow(10,e);return(Math.round(o*n)/n).toString()}s(ko,"limitDecimalPlaces");function zp(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}}s(zp,"mapStatusToWalletState");function Bi(t,e,o,n){return o.filter(r=>!xi.includes(r)).filter(r=>{let{supportedChains:i,hideWhenNotInstalled:a}=e(r);return a&&!t(r).installed?!1:n?!!i.find(l=>l.name===n):!0}).map(r=>{let{name:i,img:a,installLink:l}=e(r),p=zp(t(r));return{title:i,image:a,link:Fp(l),state:p,type:r}})}s(Bi,"mapWalletTypesToWalletInfo");function To(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}s(To,"walletAndSupportedChainsNames");function Wi(t,e,o,n){let r=[];function i(l,p){if(!!!r.find(c=>c.chain===l)){let c={address:p,chain:l,walletType:t};r.push(c)}}s(i,"addAccount");let a=n||[];return e.forEach(l=>{let{address:p,network:u}=Dp(l),c=a.length>0,d=a.includes(u),m=u===Ei.Unknown;if(c&&!d&&!m)return;let C=u===Ei.Unknown&&$p(p);if(m&&!C)return;o.includes(u)||C?a.filter(w=>o.includes(w)).forEach(w=>{i(w,p.toLowerCase())}):i(u,p)}),r}s(Wi,"prepareAccountsForWalletStore");function Ni(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain;e.includes(n)||e.push(n),e.includes(r)||e.push(r),o.internalSwaps&&Array.isArray(o.internalSwaps)&&o.internalSwaps.forEach(i=>{let a=i.from.blockchain,l=i.to.blockchain;e.includes(a)||e.push(a),e.includes(l)||e.push(l)})}),e}s(Ni,"getRequiredChains");function Bt(t,e,o,n){if(t.length===0)return null;let r=t.filter(i=>i.chain===e);return r.length===0?null:r.map(i=>i.balances?.find(a=>n!==null&&a.address===n||n===null&&a.address===n&&a.symbol===o)||null).filter(i=>i!==null).sort((i,a)=>parseFloat(a?.amount||"0")-parseFloat(i?.amount||"1")).find(()=>!0)||null}s(Bt,"getBalanceFromWallet");function wo(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}s(wo,"isAccountAndWalletMatched");function Ii(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 qn(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:vo(o,r.asset.symbol,r.asset.address,e)||null}))||[]}s(Ii,"makeBalanceFor");function Mi(t){return{...t,loading:!1,error:!0}}s(Mi,"resetConnectedWalletState");var vo=s((t,e,o,n)=>n?.find(i=>i.blockchain===t&&i.symbol?.toUpperCase()===e?.toUpperCase()&&i.address===o)?.usdPrice||null,"getUsdPrice"),bo=s((t,e)=>{let o=Op(Object.entries(t).map(([,n])=>n).filter(Up));return o&&o[e]?.experimental},"isExperimentalChain");function qp(t,e){return t.map(({balance:o,...n})=>{let r=T(new qn(Bt(e,n.blockchain,n.symbol,n.address)?.amount||Me)),i="";return n.usdPrice&&(i=T(new qn(Bt(e,n.blockchain,n.symbol,n.address)?.amount||Me).multipliedBy(n.usdPrice))),{...n,...r!=="0"&&{balance:{amount:r,usdValue:i}}}})}s(qp,"getTokensWithBalance");function Li(t,e){let o=e.length>0?qp(t,e):t;return o.sort((n,r)=>n.balance?.usdValue&&r.balance?.usdValue?parseFloat(r.balance.usdValue)-parseFloat(n.balance.usdValue):!n.balance?.usdValue&&r.balance?.usdValue?1:n.balance?.usdValue&&!r.balance?.usdValue?-1:!n.balance?.usdValue&&!r.balance?.usdValue?parseFloat(r.balance?.amount||"0")-parseFloat(n.balance?.amount||"0"):0),o}s(Li,"getTokensBalanceFromWalletAndSort");function Le(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}s(Le,"tokensAreEqual");function Pi(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))}s(Pi,"sortWalletsBasedOnConnectionState");function xo(t,e=8,o=3){if(t.length<2*e+o)return t;let n=t.slice(0,e),r=t.slice(-e);return`${n}${".".repeat(o)}${r}`}s(xo,"getConciseAddress");function _i({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}s(_i,"getAddress");import{create as Xp}from"zustand";import{create as Vp}from"zustand";var Gp=s(t=>{let e=t;e.use={};for(let o of Object.keys(e.getState()))e.use[o]=()=>e(n=>n[o]);return e},"createSelectors"),ve=Gp;var Hp={apiKey:""},Di=s((t,e)=>({config:Hp,updateConfig:o=>{let n=e().config;t({config:{...n,...o}})}}),"createConfigSlice");function Wt(t){return Array.from(new Set(t))}s(Wt,"removeDuplicateFrom");function Gn(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}s(Gn,"areEqual");function Fi(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}s(Fi,"debounce");function gt(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}s(gt,"containsText");var ae=s(()=>document.getElementById("swap-box"),"getContainer");var Oi=s((t,e)=>({_blockchains:[],_tokens:[],_popularTokens:[],_swappers:[],blockchains:o=>{let n=e()._blockchains;if(!o||!o?.type)return n;let r=e().config,i=(o.type==="source"?r.from?.blockchains:r.to?.blockchains)??[];return n.filter(l=>!(i.length>0&&!i.includes(l.name)))},tokens:o=>{let n=e()._tokens;if(!o||!o?.type)return n;let r=e().config,i=(o.type==="source"?r.from?.tokens:r.to?.tokens)??[],a=e().blockchains({type:o.type});return n.filter(p=>i.length>0&&!i.some(u=>Le(u,p))||o.blockchain&&p.blockchain!==o.blockchain||!a.some(u=>u.name===p.blockchain)?!1:o.searchFor?!!(gt(p.symbol,o.searchFor)||gt(p.address||"",o.searchFor)||gt(p.name||"",o.searchFor)):!0).sort((p,u)=>e().isTokenPinned(p)?-1:e().isTokenPinned(u)||p.isSecondaryCoin?1:u.isSecondaryCoin||!p.address&&u.address?-1:p.address&&!u.address?1:0)},isTokenPinned:o=>!!e().config.pinnedTokens?.some(r=>Le(r,o)),fetch:async()=>{let o=await xt().getAllMetadata(),n=[],r=[],i=o.popularTokens,a=o.swappers,l=new Set;o.tokens.forEach(p=>{l.add(p.blockchain),r.push(p)}),o.blockchains.forEach(p=>{p.enabled&&l.has(p.name)&&n.push(p)}),n.sort((p,u)=>p.sort-u.sort),t({_blockchains:n,_tokens:r,_popularTokens:i,_swappers:a})}}),"createDataSlice");var Rp=Vp()((...t)=>({...Oi(...t),...Di(...t)})),Pe=ve(Rp);var x=ve(Xp()(t=>({meta:{blockchains:[],popularTokens:[],swappers:[],tokens:[]},loadingStatus:"loading",fetchMeta:async()=>{try{await Pe.getState().fetch();let e=Pe.getState(),o={blockchains:e.blockchains(),tokens:e.tokens(),popularTokens:e._popularTokens,swappers:e._swappers};t({meta:o,loadingStatus:"success"})}catch{t({loadingStatus:"failed"})}}})));var R=ve(jp()(Kp((t,e)=>({connectedWallets:[],customDestination:"",loading:!1,connectWallet:o=>{let n=e().getWalletsDetails;t(r=>({loading:!0,connectedWallets:r.connectedWallets.filter(i=>i.walletType!==o[0].walletType).concat(o.map(i=>{let a=!r.connectedWallets.find(l=>l.chain===i.chain&&l.selected);return{balances:[],address:i.address,chain:i.chain,explorerUrl:null,walletType:i.walletType,selected:a,loading:!0,error:!1}}))})),n(o)},disconnectWallet:o=>{t(n=>{let r=n.connectedWallets.filter(i=>i.selected&&i.walletType!==o).map(i=>i.chain);return{connectedWallets:n.connectedWallets.filter(i=>i.walletType!==o).map(i=>r.includes(i.chain)?i:(r.push(i.chain),{...i,selected:!0}))}})},selectWallets:o=>t(n=>({connectedWallets:n.connectedWallets.map(r=>{let i=!!o.find(l=>l.chain===r.chain&&l.walletType!==r.walletType&&r.selected),a=!!o.find(l=>l.chain===r.chain&&l.walletType===r.walletType&&!r.selected);return i?{...r,selected:!1}:a?{...r,selected:!0}:r})})),clearConnectedWallet:()=>t(()=>({connectedWallets:[],selectedWallets:[]})),getWalletsDetails:async(o,n=!0)=>{let r=e().getWalletsDetails,{tokens:i}=x.getState().meta;t(a=>({loading:!0,connectedWallets:a.connectedWallets.map(l=>o.find(p=>wo(p,l))?{...l,loading:!0}:l)}));try{let a=o.map(({address:u,chain:c})=>({address:u,blockchain:c})),p=(await xt().getWalletsDetails(a)).wallets;if(p)t(u=>({loading:!1,connectedWallets:u.connectedWallets.map(c=>{let d=o.find(g=>wo(g,c)),m=p.find(g=>g.address===c.address&&g.blockChain===c.chain);return m?.failed&&d&&n&&r([d],!1),d&&m?{...c,explorerUrl:m.explorerUrl,balances:Ii(m,i)}:c})}));else throw new Error("Wallet not found")}catch{t(l=>({loading:!1,connectedWallets:l.connectedWallets.map(p=>o.find(u=>wo(u,p))?Mi(p):p)}))}}}))));import{allProviders as Yp}from"@rango-dev/provider-all";function Ao(t,e){let o=Yp({walletconnect2:{WC_PROJECT_ID:e?.walletConnectProjectId||""}});if(t){let n=[];return t.forEach(r=>{if(typeof r=="string"){let i=o.find(a=>a.config.type===r);i?n.push(i):console.warn(`Couldn't find ${r} provider. Please make sure you are passing the correct name.`)}else n.push(r)}),n}return o}s(Ao,"matchAndGenerateProviders");function $i(t,e){return Ao(t,e).map(r=>r.config.type)}s($i,"configWalletsToWalletName");function Ui(t,e){let o=R.use.clearConnectedWallet(),n=Ao(void 0,e);return Qp(()=>{o(),n=Ao(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}s(Ui,"useWalletProviders");var Vn=eu({onConnectWallet:()=>{}});function Rn(t){let{blockchains:e}=x.use.meta(),{providers:o}=Ui(t.providers,t?.options),n=R.use.disconnectWallet(),r=R.use.connectWallet(),i=tu(),a=e.filter(Zp).map(p=>p.name),l=s((p,u,c,d,m)=>{if(u===Hn.ACCOUNTS)if(c){let g=To(m),C=Wi(p,c,a,g);r(C)}else n(p);if(u===Hn.ACCOUNTS&&d.connected){let g=`${p}-${d.network}-${c}`;d.connected&&(i.current?i.current(g):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(u===Hn.NETWORK&&d.network){let g=`${p}-${d.network}`;i.current?i.current(g):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(p,u,c,d,m)},"onUpdateState");return zi.createElement(Vn.Provider,{value:{onConnectWallet:p=>{i.current=p}}},zi.createElement(Jp,{allBlockChains:e,providers:o,onUpdateState:l,autoConnect:!0},t.children))}s(Rn,"WidgetWallets");import{I18nManager as Pg,styled as _g}from"@rango-dev/ui";import at,{useContext as Dg,useEffect as Ci,useMemo as Fg,useState as Wp}from"react";import{useQueueManager as Pc}from"@rango-dev/queue-manager-rango-preset";import{useWallets as _c}from"@rango-dev/wallets-react";import{isEvmBlockchain as Dc}from"rango-types";import yt,{useEffect as Fc,useRef as Oc}from"react";import{MemoryRouter as $c,useInRouterContext as Uc}from"react-router";import{useLocation as zc,useNavigate as qc}from"react-router-dom";var h={home:"/",fromSwap:"from-swap",fromBlockchain:"/from-swap/blockchains",toBlockchain:"/to-swap/blockchains",toSwap:"to-swap",settings:"settings",liquiditySources:"/settings/liquidity-sources",themes:"/settings/themes",bridges:"/settings/bridges",exchanges:"/settings/exchanges",languages:"/settings/languages",swaps:"swaps",wallets:"wallets",confirmSwap:"confirm-swap",swapDetails:"swaps/:requestId"};import{i18n as Qo}from"@lingui/core";import{Alert as yc,BestRoute as Sc,BestRouteSkeleton as Cc,Button as kc,Divider as dr,styled as Lt,SwapInput as js,Typography as fr,WarningIcon as Tc}from"@rango-dev/ui";import K,{useEffect as wc,useRef as vc,useState as bc}from"react";import{useNavigate as xc}from"react-router-dom";import{ChevronLeftIcon as ru}from"@rango-dev/ui";import Hi from"react";import{darkTheme as ou,IconButton as nu,styled as Eo}from"@rango-dev/ui";var Oe=Eo(nu,{width:"$24",position:"relative",padding:"0",overflow:"unset"}),qi=Eo("div",{position:"absolute",background:"$secondary500",[`.${ou} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),Nt=Eo("div",{display:"flex",justifyContent:"flex-end",width:"$40"}),Gi=Eo("div",{position:"absolute",backgroundColor:"$secondary500",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0"});function Xn(t){return Hi.createElement(Oe,{variant:"ghost",size:"small",onClick:t.onClick},Hi.createElement(ru,{color:"black",size:16}))}s(Xn,"BackButton");import{i18n as iu}from"@lingui/core";import{Button as su,Typography as au}from"@rango-dev/ui";import jn from"react";function Kn(t){return jn.createElement(Nt,null,jn.createElement(su,{variant:"ghost",onClick:t.onClick,size:"xsmall"},jn.createElement(au,{variant:"label",size:"medium",color:"error500"},iu.t("Cancel"))))}s(Kn,"CancelButton");import{i18n as lu}from"@lingui/core";import{Tooltip as pu,WalletIcon as uu}from"@rango-dev/ui";import Bo from"react";function Yn(t){return Bo.createElement(pu,{container:t.container,side:"top",content:lu.t("Connect Wallet")},Bo.createElement(Oe,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&Bo.createElement(qi,null),Bo.createElement(uu,{size:18,color:"black"})))}s(Yn,"WalletButton");import{i18n as Io}from"@lingui/core";import{NotificationsIcon as Au,Popover as Eu,RefreshIcon as Bu,SettingsIcon as Wu,Tooltip as Mo,TransactionIcon as Nu}from"@rango-dev/ui";import de from"react";import{i18n as Cu}from"@lingui/core";import{ChainToken as Yi,ChevronRightIcon as ku,ListItemButton as Tu,Typography as wu}from"@rango-dev/ui";import $e from"react";import{useNavigate as vu}from"react-router-dom";import{create as cu}from"zustand";import{persist as mu,subscribeWithSelector as du}from"zustand/middleware";var _e=ve(cu()(mu(du((t,e)=>({notifications:[],setNotification:(o,n)=>{let r=n.steps[0],i=n.steps[n.steps.length-1],a={event:o,creationTime:Date.now(),read:!1,requestId:n.requestId,route:{from:{blockchain:r.fromBlockchain,tokenAddress:r.fromSymbolAddress,tokenSymbol:r.fromSymbol},to:{blockchain:i.toBlockchain,tokenSymbol:i.toSymbol,tokenAddress:i.toSymbolAddress}}},l=e().notifications.filter(p=>p.requestId!==n.requestId);t(()=>({notifications:[...l,a]}))},setAsRead:o=>{t(n=>({notifications:n.notifications.map(r=>r.requestId===o?{...r,read:!0}:r)}))},getUnreadNotifications:()=>e().notifications.filter(o=>!o.read)})),{name:"notification",skipHydration:!0})));import{create as fu}from"zustand";var be=ve(fu()(t=>({connectWalletsButtonDisabled:!1,selectedSwapRequestId:null,currentPage:"",setSelectedSwap:e=>t({selectedSwapRequestId:e}),setCurrentPage:e=>t({currentPage:e})})));import{styled as Wo}from"@rango-dev/ui";var Vi=Wo("div",{padding:"$10",width:"350px",minHeight:"150px"}),Ri=Wo("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),Xi=Wo("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),ji=Wo("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as gu}from"@lingui/core";import{Divider as hu,NoNotificationIcon as yu,Typography as Su}from"@rango-dev/ui";import No from"react";function Ki(){return No.createElement(ji,null,No.createElement(yu,{color:"secondary",size:26}),No.createElement(hu,{size:12}),No.createElement(Su,{variant:"body",size:"medium",color:"neutral700"},gu.t("You have no notification")))}s(Ki,"NotificationNotFound");var bu=4;function Qn(){let t=vu(),e=be.use.setSelectedSwap(),{getUnreadNotifications:o}=_e(),n=o(),{tokens:r,blockchains:i}=x.use.meta(),a=n.sort((p,u)=>u.creationTime-p.creationTime).slice(0,bu),l=s(p=>{e(p),t(`/swaps/${p}`)},"handleOnClick");return $e.createElement(Vi,null,a.length?$e.createElement(Ri,null,a.map(p=>{let u=r.find(g=>g.address===p.route.from.tokenAddress&&g.blockchain===p.route.from.blockchain&&g.symbol===p.route.from.tokenSymbol),c=i.find(g=>g.name===p.route.from.blockchain),d=r.find(g=>g.address===p.route.to.tokenAddress&&g.blockchain===p.route.to.blockchain&&g.symbol===p.route.to.tokenSymbol),m=i.find(g=>g.name===p.route.to.blockchain);return $e.createElement(Tu,{key:p.requestId,onClick:()=>l(p.requestId),title:$e.createElement(wu,{variant:"body",size:"small",color:"$neutral700"},Cu.t(p.event.message)),id:p.requestId,start:$e.createElement(Xi,null,$e.createElement("div",{className:"from-chain-token"},$e.createElement(Yi,{tokenImage:u?u.image:"",chainImage:c?c.logo:"",size:"small"})),$e.createElement("div",{className:"to-chain-token"},$e.createElement(Yi,{tokenImage:d?d.image:"",chainImage:m?m.logo:"",size:"small"}))),end:$e.createElement(ku,{size:12,color:"gray"})})})):$e.createElement(Ki,null))}s(Qn,"NotificationContent");import{Typography as xu}from"@rango-dev/ui";import Qi from"react";function Ji(){let{getUnreadNotifications:t}=_e(),e=t().length;return e?Qi.createElement(Gi,null,Qi.createElement(xu,{variant:"body",size:"xsmall",color:"$background"},e)):null}s(Ji,"UnreadNotificationsBadge");function Jn(t){let{layoutRef:e,onClickRefresh:o,onClickHistory:n,onClickSettings:r,onClickNotifications:i}=t;return de.createElement(de.Fragment,null,de.createElement(Mo,{container:ae(),side:"top",content:Io.t("Refresh")},de.createElement(Oe,{variant:"ghost",size:"small",onClick:o,disabled:!o},de.createElement(Bu,{size:16,color:o?"black":"gray"}))),de.createElement(Mo,{container:ae(),side:"top",content:Io.t("Notifications")},de.createElement(Eu,{align:"center",collisionBoundary:e,collisionPadding:{right:20,left:20},container:ae(),content:de.createElement(Qn,null)},de.createElement(Oe,{size:"small",variant:"ghost",onClick:i},de.createElement(Au,{size:18,color:"black"}),de.createElement(Ji,null)))),de.createElement(Mo,{container:ae(),side:"top",content:Io.t("Settings")},de.createElement(Oe,{size:"small",variant:"ghost",onClick:r},de.createElement(Wu,{size:18,color:"black"}))),de.createElement(Mo,{container:ae(),side:"top",content:Io.t("Transactions History")},de.createElement(Oe,{size:"small",variant:"ghost",onClick:n},de.createElement(Nu,{size:18,color:"black"}))))}s(Jn,"HomeButtons");import{BottomLogo as Mu,Divider as Lu,Header as Pu}from"@rango-dev/ui";import ge from"react";import{useNavigate as _u}from"react-router-dom";import{darkTheme as Iu,styled as Zn}from"@rango-dev/ui";var Zi=Zn("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",[`.${Iu} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",variants:{fixedHeight:{true:{height:"95vh"},false:{height:"auto"}}}}),es=Zn("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"}}}}),ts=Zn("div",{backgroundColor:"$background","& .footer__content":{padding:"$0 $20"},"& .footer__logo":{padding:"$0 $20 $10 $20"}});function Du(t,e){let{children:o,header:n,footer:r,noPadding:i,hasLogo:a=!0,fixedHeight:l=!0}=t,p=R.use.connectedWallets(),u=be.use.connectWalletsButtonDisabled(),c=_u(),d=s(()=>{u||c("/"+h.wallets)},"onConnectWallet");return ge.createElement(Zi,{ref:e,fixedHeight:l,id:"swap-box"},ge.createElement(Pu,{prefix:ge.createElement(ge.Fragment,null,n.onBack&&ge.createElement(Xn,{onClick:n.onBack})),title:n.title,suffix:ge.createElement(ge.Fragment,null,n.suffix,n.hasConnectWallet&&ge.createElement(Yn,{container:ae(),onClick:d,isConnected:!!p?.length}),n.onCancel&&ge.createElement(Kn,{onClick:n.onCancel}))}),ge.createElement(es,{noPadding:i},o),(a||r)&&ge.createElement(ts,null,ge.createElement("div",{className:"footer__content"},r),a&&ge.createElement("div",{className:"footer__logo"},ge.createElement(Lu,{size:12}),ge.createElement(Mu,null))))}s(Du,"LayoutComponent");var J=ge.forwardRef(Du);J.displayName="Layout";import{Alert as Hu,Button as Vu,Divider as fs,NoRouteIcon as Ru,RefreshIcon as Xu,Typography as gs}from"@rango-dev/ui";import Ue from"react";import{i18n as he}from"@lingui/core";var Rt=(r=>(r[r.ROUTE_UPDATED=0]="ROUTE_UPDATED",r[r.ROUTE_SWAPPERS_UPDATED=1]="ROUTE_SWAPPERS_UPDATED",r[r.ROUTE_COINS_UPDATED=2]="ROUTE_COINS_UPDATED",r[r.ROUTE_AND_OUTPUT_AMOUNT_UPDATED=3]="ROUTE_AND_OUTPUT_AMOUNT_UPDATED",r))(Rt||{});var q=s(()=>({genericServerError:he.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:he.t("Please reset your liquidity sources."),description:he.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources")},noRoutesError:{title:he.t("No Routes Found"),description:he.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:he.t("Bridge Limit Error: Please increase your amount"),decreaseAmount:he.t("Bridge Limit Error: Please decrease your amount")},highValueLossError:{impactTitle:he.t("High Price Impact"),title:he.t("Price impact is too high!"),description:he.t("The price impact is significantly higher than the allowed amount. If you are sure, continue, otherwise, change the swap."),confirmMessage:he.t("Confirm High price impact")},routeUpdatedWithHighValueLoss:{title:he.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:he.t("USD Price Unknown"),title:he.t("USD Price Unknown, Cannot calculate Price Impact."),description:he.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:he.t("Confirm USD Price Unknown")}}),"errorMessages");function Lo(t){switch(t.type){case 0:return t.diagnosisMessage??q().noRoutesError.title;case 2:return q().genericServerError;case 1:return q().routeUpdatedWithHighValueLoss.title;default:return""}}s(Lo,"getConfirmSwapErrorMessage");import{create as zu}from"zustand";import{persist as qu,subscribeWithSelector as Gu}from"zustand/middleware";import{English as Fu,French as Ou,Japanese as $u,Spanish as Uu}from"@rango-dev/ui";var ns=[{title:"English",label:"English",local:"en",SVGFlag:Fu},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:Uu},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:Ou},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:$u}],Po="en";var rs=[.5,1,3],is=1,ss=5,as=100,ls=0;var F=ve(zu()(qu(Gu((t,e)=>({preferredBlockchains:[],slippage:is,customSlippage:null,infiniteApprove:!1,affiliateRef:null,affiliatePercent:null,affiliateWallets:null,disabledLiquiditySources:[],theme:"auto",language:Po,addPreferredBlockchain:o=>{let n=e().preferredBlockchains;if(n.find((a,l)=>{let p=a===o,u=l<=10-1;return p&&u}))return;let i=n.filter(a=>!(a===o));t(()=>({preferredBlockchains:[o,...i]}))},setSlippage:o=>t(()=>({slippage:o})),setCustomSlippage:o=>t(()=>({customSlippage:o})),setAffiliateRef:o=>t(()=>({affiliateRef:o})),setAffiliatePercent:o=>t(()=>({affiliatePercent:o})),setAffiliateWallets:o=>t(()=>({affiliateWallets:o})),toggleAllLiquiditySources:o=>t(n=>{if(o)return{disabledLiquiditySources:[]};let{swappers:r}=x.getState().meta,i=Wt(r.map(a=>a.swapperGroup));return i.length===n.disabledLiquiditySources.length?{disabledLiquiditySources:[]}:{disabledLiquiditySources:i}}),toggleInfiniteApprove:()=>t(o=>({infiniteApprove:!o.infiniteApprove})),toggleLiquiditySource:o=>t(n=>n.disabledLiquiditySources.includes(o)?{disabledLiquiditySources:n.disabledLiquiditySources.filter(r=>r!=o)}:{disabledLiquiditySources:n.disabledLiquiditySources.concat(o)}),setTheme:o=>t(()=>({theme:o})),setLanguage:o=>t(()=>({language:o}))})),{name:"user-settings",skipHydration:!0})));import{i18n as ps}from"@lingui/core";function us(t,e,o,n,r){return o?{alert:{type:"warning",text:q().genericServerError,action:{onClick:r,title:ps.t("Retry")}},description:""}:t?{alert:{type:"error",text:t,action:null},description:""}:e.length?{alert:{type:"warning",text:q().liquiditySourcesError.title,action:{onClick:()=>n(!0),title:ps.t("Reset")}},description:q().liquiditySourcesError.description}:{alert:null,description:q().noRoutesError.description}}s(us,"makeInfo");import{styled as tr}from"@rango-dev/ui";var cs=tr("div",{display:"flex",flexDirection:"column",alignItems:"center"}),ms=tr("div",{width:"100%"}),ds=tr("div",{padding:"$6 $0"});function Xt(t){let{diagnosisMessage:e,fetch:o,error:n}=t,r=F.use.disabledLiquiditySources(),i=x.use.loadingStatus(),a=F.use.toggleAllLiquiditySources(),p=us(e??null,r,n||i==="failed",a,o);return Ue.createElement(cs,null,Ue.createElement(Ru,{size:24,color:"gray"}),Ue.createElement(fs,{size:4}),Ue.createElement(gs,{variant:"title",size:"small"},q().noRoutesError.title),!!p.description&&Ue.createElement(gs,{variant:"body",size:"small",align:"center",color:"neutral700"},p.description),Ue.createElement(fs,{size:4}),!!p.alert&&Ue.createElement(ms,null,Ue.createElement(Hu,{type:p.alert.type,title:p.alert.text,action:p.alert.action&&Ue.createElement(Vu,{size:"xsmall",type:p.alert.type,prefix:Ue.createElement(ds,null,Ue.createElement(Xu,{size:8})),onClick:p.alert.action.onClick},p.alert.action.title),variant:"alarm"})))}s(Xt,"NoRoutes");import{Alert as qs,Divider as ac,InfoIcon as lc}from"@rango-dev/ui";import Ge from"react";import ut from"bignumber.js";import{create as ec}from"zustand";import{subscribeWithSelector as tc}from"zustand/middleware";import{getLastSuccessfulStep as Ku}from"@rango-dev/queue-manager-rango-preset";import AC from"bignumber.js";function hs(t,e){return e.find(o=>o.name===t)?.displayName}s(hs,"getBlockchainDisplayNameFor");function Ze(t,e){return e.find(o=>o.name===t)?.shortName}s(Ze,"getBlockchainShortNameFor");function or(t,e){return e.find(o=>Le(o,t))??null}s(or,"findToken");function nr(t,e){return e.find(o=>o.name===t)??null}s(nr,"findBlockchain");function rr(t,e,o){return o&&t.find(n=>{let r=e?.split("--");return r?.length===1?n.symbol===r[0]&&n.address===null&&n.blockchain===o.name:n.symbol===r?.[0]&&n.address===r?.[1]&&n.blockchain===o.name})||null}s(rr,"searchParamsToToken");function ys(t){return t?.result?.swaps[t?.result?.swaps.length-1].to.usdPrice}s(ys,"getBestRouteToTokenUsdPrice");function ir(t,e){let o=t.result?.swaps||[],n=e.result?.swaps||[];return o.length!==n.length}s(ir,"isNumberOfSwapsChanged");function sr(t,e){let o=t.result?.swaps.map(r=>r.swapperId)||[],n=e.result?.swaps.map(r=>r.swapperId)||[];return!Gn(o,n)}s(sr,"isRouteSwappersUpdated");function ar(t,e){let o=t.result?.swaps.map(r=>r.to.symbol)||[],n=e.result?.swaps.map(r=>r.to.symbol)||[];return!Gn(o,n)}s(ar,"isRouteInternalCoinsUpdated");function Ss(t,e){return ir(t,e)||sr(t,e)||ar(t,e)}s(Ss,"isRouteChanged");function Cs(t,e){if(e===null)return null;let o=e?.find(n=>n.blockchain===t.chain)?.wallets.find(n=>n.address?.toLowerCase()===t.address.toLowerCase());return o?o.requiredAssets:null}s(Cs,"getRequiredBalanceOfWallet");function ks(t){if(!t)return null;let e=(t.result?.swaps||[]).map(o=>({...o,fromAmount:T(o.fromAmount,6,6),toAmount:T(o.toAmount,6,6)}));return{...t,...t.result&&{result:{...t.result,swaps:e}}}}s(ks,"getFormattedBestRoute");function It(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}s(It,"getPriceImpactLevel");function Ts(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],i=Ku(t.steps),a={blockchain:r.toBlockchain,symbol:r.toSymbol,address:r.toSymbolAddress},l=nr(i?i.toBlockchain:n.fromBlockchain,e),p=nr(r.toBlockchain,e),u=or(i?{blockchain:l?.name??"",symbol:i.toSymbol,address:i.toSymbolAddress}:{blockchain:l?.name??"",symbol:n.fromSymbol,address:n.fromSymbolAddress},o),c=or(a,o),d=i?i.outputAmount??"":t.inputAmount;return{fromBlockchain:l,fromToken:u,toBlockchain:p,toToken:c,inputAmount:d}}s(Ts,"createRetryRoute");import{i18n as ze}from"@lingui/core";import{PendingSwapNetworkStatus as $o}from"@rango-dev/queue-manager-rango-preset";import xe from"bignumber.js";function ws(t,e){return t.result?.swaps.map(o=>({swapper:{displayName:o.swapperId,image:o.swapperLogo},from:{token:{displayName:o.from.symbol,image:o.from.logo},chain:{displayName:Ze(o.from.blockchain,e)??"",image:o.from.blockchainLogo},price:{value:T(o.fromAmount,6,6),usdValue:T(o.from.usdPrice?.toString(),4,4)}},to:{token:{displayName:o.to.symbol,image:o.to.logo},chain:{displayName:Ze(o.to.blockchain,e)??"",image:o.to.blockchainLogo},price:{value:T(o.toAmount,6,6),usdValue:T(o.to.usdPrice?.toString(),4,4)}}}))}s(ws,"formatBestRoute");function Do(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,i=e[e.length-1];n!=i&&e.push(n),i=e[e.length-1],r!=i&&e.push(r)}),e}s(Do,"getRequiredWallets");function Fo(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}s(Fo,"isValidAddress");import{i18n as Oo}from"@lingui/core";var ht=s(()=>({connectWallet:Oo.t("Connect Wallet"),swap:Oo.t("Swap"),swapAnyway:Oo.t("Swap anyway"),ethRouteWarning:Oo.t("The route goes through Ethereum. Continue?")}),"swapButtonTitles");function qo(t,e){return!t||!e||t.lte(Me)||e.lte(Me)?0:e.div(t).minus(1).multipliedBy(100)}s(qo,"getOutputRatio");function Go(t,e){return(parseInt(e.toFixed(2)||"0")<=-10&&t?.gte(new xe(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new xe(1e3)))??!1}s(Go,"outputRatioHasWarning");function Ho(t){return(t?.result?.swaps||[]).filter(e=>{let o=e.fromAmountMinValue?new xe(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new xe(e.fromAmountMaxValue):null;return e.fromAmountRestrictionType==="EXCLUSIVE"?o?.gte(e.fromAmount)||n?.lte(e.fromAmount):o?.gt(e.fromAmount)||n?.lt(e.fromAmount)}).length>0}s(Ho,"hasLimitError");function Vo(t){if(!t)return{swap:null,fromAmountRangeError:"",recommendation:""};let e=(t?.result?.swaps||[]).filter(l=>{let p=l.fromAmountMinValue?new xe(l.fromAmountMinValue):null,u=l.fromAmountMaxValue?new xe(l.fromAmountMaxValue):null;return l.fromAmountRestrictionType==="EXCLUSIVE"?p?.gte(l.fromAmount)||u?.lte(l.fromAmount):p?.gt(l.fromAmount)||u?.lt(l.fromAmount)})[0];if(!e)return{swap:null,fromAmountRangeError:"",recommendation:""};let o=e.fromAmountMinValue?new xe(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new xe(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",i="",a="";return!r&&o&&o.gt(e.fromAmount)?(i=ze.t({id:"Required: >= {min} {symbol}",values:{min:T(o,6,6),symbol:e.from.symbol}}),a=q().bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(i=ze.t({id:"Required: > {min} {symbol}",values:{min:T(o,6,6),symbol:e.from.symbol}}),a=q().bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(i=ze.t({id:"Required: <= {max} {symbol}",values:{max:T(n,6,6),symbol:e.from.symbol}}),a=q().bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(i=ze.t({id:"Required: < {max} {symbol}",values:{max:T(n,6,6),symbol:e.from.symbol}}),a=q().bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:i,recommendation:a}}s(Vo,"LimitErrorMessage");function vs(t,e,o,n,r,i,a,l,p){return t!=="success"?{title:ht().connectWallet,state:"waitForConnecting",disabled:!0}:e.length==0?{title:ht().connectWallet,state:"waitForConnecting",disabled:!1}:o||!n||!n.result||r||!p||p==="0"?{title:ht().swap,disabled:!0,state:"swap"}:i||a?{title:ht().swapAnyway,disabled:!1,hasWarning:!0,state:"needToConfirm"}:l?{title:ht().ethRouteWarning,disabled:!1,hasWarning:!0,state:"warning"}:{title:ht().swap,disabled:!1,state:"swap"}}s(vs,"getSwapButtonState");function lr(t,e,o){return!((!o||o.lte(Me))&&t?.result&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t.result)}s(lr,"canComputePriceImpact");function Qu(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,i=e[e.length-1];n!=i&&e.push(n),i=e[e.length-1],r!=i&&e.push(r)}),e}s(Qu,"requiredWallets");var Ju=s((t,e,o,n)=>n?.find(i=>i.blockchain===t&&i.symbol?.toUpperCase()===e?.toUpperCase()&&i.address===o)?.usdPrice||null,"getUsdPrice");function Zu(t,e){let o=Me;for(let n=0;n<t.fee.length;n++){let r=t.fee[n];if(r.expenseType==="DECREASE_FROM_OUTPUT")continue;let i=Ju(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new xe(r.amount).multipliedBy(i||0))}return o}s(Zu,"getUsdFeeOfStep");function Ro(t,e){return t?.result?.swaps.reduce((o,n)=>o.plus(Zu(n,e)),Me)||null}s(Ro,"getTotalFeeInUsd");function bs(t){return t.result?.swaps.map(o=>o.recommendedSlippage)?.map(o=>o?.slippage||"0")?.filter(o=>parseFloat(o)>0)?.sort((o,n)=>parseFloat(n)-parseFloat(o))?.find(()=>!0)||null}s(bs,"getMinRequiredSlippage");function xs(t,e){return e?parseFloat(t)>=parseFloat(e):!0}s(xs,"hasProperSlippage");function Xo(t){let{fromToken:e,toToken:o,inputAmount:n,wallets:r,selectedWallets:i,disabledLiquiditySources:a,slippage:l,affiliateRef:p,affiliatePercent:u,affiliateWallets:c,initialRoute:d,destination:m}=t,g=i?.reduce((f,k)=>(f[k.chain]=k.address,f),{}),C=[];r?.forEach(f=>{let k=C.find(v=>v.blockchain===f.chain);k?k.addresses.push(f.address):C.push({blockchain:f.chain,addresses:[f.address]})});let y=!!d,S=Wt((d?.result?.swaps||[]).reduce((f,k)=>(f.push(k.from.blockchain,k.to.blockchain),k.internalSwaps&&Array.isArray(k.internalSwaps)&&k.internalSwaps.map(v=>{f.push(v.from.blockchain,v.to.blockchain)}),f),[]));return{amount:n.toString(),affiliateRef:p??void 0,affiliatePercent:u??void 0,affiliateWallets:c??void 0,checkPrerequisites:y,from:{address:e.address,blockchain:e.blockchain,symbol:e.symbol},to:{address:o.address,blockchain:o.blockchain,symbol:o.symbol},connectedWallets:C,selectedWallets:g??{},slippage:l.toString(),...m&&{destination:m},...a.length>0&&{swapperGroups:a,swappersGroupsExclude:!0},...y&&{blockchains:S}}}s(Xo,"createBestRouteRequestBody");function As(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}s(As,"getWalletsForNewSwap");function Mt(t){return t?.result?.outputAmount||null}s(Mt,"getRouteOutputAmount");function et(t,e){return!t||!e?null:new xe(e).div(new xe(t)).minus(1).multipliedBy(100)}s(et,"getPercentageChange");function Es(t,e){let o=Mt(t),n=Mt(e);if(!o||!n)return!1;let r=et(o,n);return r?r.toNumber()<=-1:!0}s(Es,"isOutputAmountChangedALot");function Bs(t,e){let o=t.validationStatus,n=Ni(t);return e.sort((i,a)=>n.indexOf(i.chain)-n.indexOf(a.chain)).flatMap(i=>Cs(i,o)||[]).filter(i=>!i.ok).map(i=>{let a=i.asset.symbol,l=T(new xe(i.currentAmount.amount).shiftedBy(-i.currentAmount.decimals),8,8),p=T(new xe(i.requiredAmount.amount).shiftedBy(-i.requiredAmount.decimals),8,8),u="";return i.reason==="FEE"&&(u=ze.t(" for network fee")),i.reason==="INPUT_ASSET"&&(u=ze.t(" for swap")),i.reason==="FEE_AND_INPUT_ASSET"&&(u=ze.t(" for input and network fee")),ze.t({id:"Needs \u2248 {requiredAmount} {symbol}{reason}, but you have {currentAmount} {symbol} in your {blockchain} wallet.",values:{requiredAmount:p,symbol:a,reason:u,currentAmount:l,blockchain:i.asset.blockchain}})})}s(Bs,"getBalanceWarnings");function Ws(t,e){return(t?new xe(t):Me).multipliedBy(e||0)}s(Ws,"calcOutputUsdValue");function jt(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==$o.NetworkChanged}s(jt,"isNetworkStatusInWarningState");function Ns(t,e){let o="bellow button or",n=t.extraMessage,r=t.extraMessageDetail;if(t.networkStatusExtraMessageDetail?.includes(o)&&(t.networkStatusExtraMessageDetail=t.networkStatusExtraMessageDetail.replace(o,"")),jt(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case $o.WaitingForConnectingWallet:n=n||ze.t("Waiting for connecting wallet");break;case $o.WaitingForQueue:n=n||ze.t("Waiting for other running tasks to be finished");break;case $o.WaitingForNetworkChange:n=n||ze.t("Waiting for changing wallet network");break;default:n=n||"";break}r=r||"",n=n||"";let a=n?.indexOf("code")!==-1&&n?.indexOf("reason")!==-1;return{shortMessage:n,detailedMessage:{content:r,long:a}}}s(Ns,"getSwapMessages");function Is(t){let e=null;if(t.status==="failed"){let o=t.steps.slice().reverse().filter(n=>n.status==="success")[0];o&&(e={blockchain:o.toBlockchain,symbol:o.toSymbol,outputAmount:o.outputAmount,address:o.toSymbolAddress})}return e}s(Is,"getLastConvertedTokenInFailedSwap");function Ms(t){return t.status==="failed"&&!!t.finishTime&&new Date().getTime()-parseInt(t.finishTime)<4*3600*1e3}s(Ms,"shouldRetrySwap");function Ls(t,e,o,n,r,i){return t||!e&&!Qu(n).every(a=>r.map(l=>l.chain).includes(a))||!!e&&!o||!!e&&!!o&&i&&!Fo(i,o)}s(Ls,"confirmSwapDisabled");var jo=s((t,e)=>t?.usdPrice?new ut(e||Me).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),_=ve(ec()(tc(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new ut(0),outputUsdValue:new ut(0),toBlockchain:null,toToken:null,bestRoute:null,routeWalletsConfirmed:!1,selectedWallets:[],customDestination:"",setRoute:e=>t(o=>{let n=null,r=Me;return Vt(o.inputAmount)?(e&&(n=e.result?.outputAmount?new ut(e.result?.outputAmount):null,r=Ws(e.result?.outputAmount,ys(e)||o.toToken?.usdPrice)),{bestRoute:e,...!!e&&{outputAmount:n,outputUsdValue:r}}):{}}),resetRoute:()=>t(()=>({bestRoute:null,outputAmount:null,outputUsdValue:new ut(0)})),setFromBlockchain:e=>{t(o=>o.fromBlockchain?.name===e?.name?{}:{fromBlockchain:e,...o.fromToken&&{bestRoute:null,fromToken:null,outputAmount:null,outputUsdValue:null}})},setFromToken:e=>{let{blockchains:o}=x.getState().meta;return t(n=>({fromToken:e,...e&&{fromBlockchain:o.find(r=>r.name===e.blockchain)??null},...!!n.inputAmount&&{inputUsdValue:jo(e,n.inputAmount)}}))},setToBlockchain:e=>{t(o=>o.toBlockchain?.name===e?.name?{}:{toBlockchain:e,...o.toToken&&{bestRoute:null,toToken:null,outputAmount:null,outputUsdValue:null}})},setToToken:e=>{let{blockchains:o}=x.getState().meta;return t(()=>({toToken:e,...e&&{toBlockchain:o.find(n=>n.name===e.blockchain)??null}}))},setInputAmount:e=>{t(o=>({inputAmount:e,...!e&&{outputAmount:new ut(0),outputUsdValue:new ut(0),bestRoute:null},...!!o.fromToken&&{inputUsdValue:jo(o.fromToken,e)}}))},retry:e=>{let{tokens:o,blockchains:n}=x.getState().meta,{fromBlockchain:r,fromToken:i,toBlockchain:a,toToken:l,inputAmount:p}=Ts(e,n,o);t({fromBlockchain:r,fromToken:i,inputAmount:p,outputAmount:null,inputUsdValue:jo(i??null,p),outputUsdValue:new ut(0),toBlockchain:a,toToken:l,bestRoute:null})},switchFromAndTo:()=>t(e=>({fromBlockchain:e.toBlockchain,fromToken:e.toToken,toBlockchain:e.fromBlockchain,toToken:e.fromToken,inputAmount:e.outputAmount?.toString()||"",inputUsdValue:jo(e.toToken,e.outputAmount?.toString()||"")})),resetFromBlockchain:()=>t(()=>({fromToken:null,fromBlockchain:null,outputAmount:null,outputUsdValue:null,bestRoute:null})),resetToBlockchain:()=>t(()=>({toToken:null,toBlockchain:null,outputAmount:null,outputUsdValue:null,bestRoute:null})),setRouteWalletConfirmed:e=>t({routeWalletsConfirmed:e}),setSelectedWallets:e=>t({selectedWallets:e}),setCustomDestination:e=>t({customDestination:e}),resetRouteWallets:()=>t({routeWalletsConfirmed:!1,selectedWallets:[],customDestination:""})}))));import{styled as Ko}from"@rango-dev/ui";var Ps=Ko("div",{width:"100%",paddingTop:"$10"}),pr=Ko("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),_s=Ko("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%"}),Ds=Ko("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});import{i18n as Kt}from"@lingui/core";import{Button as oc,Divider as $s,MessageBox as Us,Modal as nc,Typography as rc,WarningIcon as ic}from"@rango-dev/ui";import qe from"react";import{useNavigate as sc}from"react-router-dom";import{Typography as Fs}from"@rango-dev/ui";import ur from"react";function Os(t){let{title:e,value:o,valueColor:n}=t;return ur.createElement(_s,null,ur.createElement(Fs,{size:"medium",variant:"label",color:"neutral600"},e),ur.createElement(Fs,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}s(Os,"RouteErrorsModalItem");function zs(t){let{highValueLoss:e,open:o,onToggle:n,percentageChange:r,inputUsdValue:i,outputUsdValue:a,totalFeeInUsd:l}=t,p=sc(),u=e&&r?.lt(-10)?"error":"warning",c=[{title:Kt.t("Swapping"),value:T(i,4,4)},{title:Kt.t("Gas cost"),value:T(l,2,2)},{title:Kt.t("Receiving"),value:T(a,4,4)},{title:Kt.t("Price impact"),value:T(r,2,2),valueColor:`${u}500`}];return qe.createElement(nc,{open:o,onClose:()=>n(!1),container:document.getElementById("swap-box")||document.body},e?qe.createElement(Us,{type:u,title:q().highValueLossError.impactTitle,description:q().highValueLossError.description}):qe.createElement(Us,{type:u,title:q().unknownPriceError.impactTitle,description:q().unknownPriceError.description}),e&&qe.createElement(pr,null,qe.createElement($s,{size:20}),qe.createElement(rc,{size:"small",variant:"title"},Kt.t("Details")),qe.createElement(pr,null,c.map((d,m)=>qe.createElement(Os,{key:m,...d})))),qe.createElement($s,{size:32}),qe.createElement(oc,{type:"primary",size:"large",prefix:qe.createElement(ic,null),fullWidth:!0,onClick:()=>{p(h.confirmSwap)}},e?q().highValueLossError.confirmMessage:q().unknownPriceError.confirmMessage))}s(zs,"RouteErrorsModal");var pc=-10;function cr(t){let{bestRoute:e}=_(),{highValueLoss:o,percentageChange:n,priceImpactCanNotBeComputed:r,openModal:i,onToggle:a,totalFeeInUsd:l,outputUsdValue:p,inputUsdValue:u,loading:c,extraSpace:d}=t,m=Ho(e),{recommendation:g}=Vo(e),C=!m&&(o||r),y=C||m;return Ge.createElement(Ge.Fragment,null,(c||d&&!y)&&Ge.createElement(ac,{size:20}),y&&Ge.createElement(Ps,null,C&&Ge.createElement(Ge.Fragment,null,Ge.createElement(qs,{title:o?q().highValueLossError.title:q().unknownPriceError.title,type:o&&n?.lt(pc)?"error":"warning",variant:"alarm",action:Ge.createElement(Ds,{onClick:()=>a(!0)},Ge.createElement(lc,{size:12,color:"gray"}))})),m&&Ge.createElement(qs,{type:"error",variant:"alarm",title:g})),Ge.createElement(zs,{highValueLoss:o,open:i,onToggle:a,percentageChange:n,inputUsdValue:u,outputUsdValue:p,totalFeeInUsd:l}))}s(cr,"RouteErrors");import{ReverseIcon as uc,styled as Gs}from"@rango-dev/ui";import mr from"react";var cc=Gs("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),mc=Gs("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 Hs(){let t=_.use.switchFromAndTo();return mr.createElement(cc,null,mr.createElement(mc,{onClick:()=>{t()}},mr.createElement(uc,{size:12})))}s(Hs,"SwitchFromAndToButton");import{useEffect as Vs,useRef as gc,useState as Rs}from"react";import{useRef as dc,useState as fc}from"react";function Yo(){let[t,e]=fc(!1),o=dc(null),n=s(()=>o.current?.abort(),"cancel");return{fetch:s(async i=>{n(),o.current=new AbortController,e(!0);try{let a=await xt().getBestRoute(i,{signal:o.current.signal});return o.current=null,a}catch(a){throw a}finally{e(!1)}},"fetch"),loading:t,cancelFetch:n}}s(Yo,"useFetchBestRoute");var hc=600;function Xs(){let{fetch:t,cancelFetch:e}=Yo(),[o,n]=Rs(!1),{fromToken:r,toToken:i,inputAmount:a,inputUsdValue:l,resetRoute:p,setRoute:u}=_(),{slippage:c,customSlippage:d,affiliatePercent:m,affiliateRef:g,affiliateWallets:C,disabledLiquiditySources:y}=F(),[S,w]=Rs(""),f=gc(y),k=d??c,b=!r||!i||Le(r,i)||!Vt(a),B=s(()=>{if(o||n(!0),!b){p();let A=Xo({fromToken:r,toToken:i,inputAmount:a,disabledLiquiditySources:y,slippage:k,affiliateRef:g,affiliatePercent:m,affiliateWallets:C});t(A).then(N=>{n(!1),u(N)}).catch(N=>{p(),N?.code!=="ERR_CANCELED"&&(w(N.message),n(!1))})}},"fetch"),O=Fi(()=>{b||B()},hc);return Vs(()=>{if(!Vt(a)||l?.eq(0)){n(!1),e();return}if(!b)return p(),n(!0),O(),e},[a,b]),Vs(()=>{let A=!!f.current.length&&!y.length;return!b&&A&&B(),f.current=y,e},[y.length]),{fetch:B,loading:o,error:S}}s(Xs,"useSwapInput");var Ac=Lt("div",{display:"flex",flexDirection:"column",overflowY:"visible"}),Ec=Lt("div",{position:"relative"}),Bc=Lt("div",{display:"flex",flexDirection:"column",gap:5,alignSelf:"stretch"}),Ks=Lt("div",{width:"100%",paddingTop:"$2"}),Wc=Lt("div",{paddingBottom:"$15"}),Nc=Lt("div",{width:"100%",display:"flex"});function Jo(){let t=xc(),{fetch:e,loading:o,error:n}=Xs(),{fromToken:r,fromBlockchain:i,toToken:a,toBlockchain:l,setInputAmount:p,inputAmount:u,inputUsdValue:c,outputAmount:d,outputUsdValue:m,bestRoute:g,resetRouteWallets:C}=_(),{meta:{tokens:y,blockchains:S},loadingStatus:w}=x(),f=R.use.connectedWallets(),k=be.use.setCurrentPage(),[v,b]=bc(!1),{fromAmountRangeError:B,swap:O,recommendation:A}=Vo(g),N=vc(null),$=!!Number(u)&&(!!g||o||!!n),oe=!1,W=qo(c,m),Y=Go(c,W),H=!lr(g,u,c),re=!lr(g,u,m),P=vs(w,f,o,g,Ho(g),Y,H||re,oe,u),me=i&&r?T(Bt(f,i?.name,r?.symbol,r?.address)?.amount||"0",8,8):"0",Ne=i&&r?T(Bt(f,i?.name,r?.symbol,r?.address)?.amount||"0",Bt(f,i?.name,r?.symbol,r?.address)?.decimal):"0";wc(()=>(k(h.home),C(),k.bind(null,"")),[]);let z=!c||!m||!m.gt(0)?null:et(c.toNumber(),m.toNumber()),V=s(Fe=>Fe.map((se,ft)=>({swapper:{displayName:se.swapperId,image:se.swapperLogo},from:{token:{displayName:se.from.symbol,image:se.from.logo},chain:{displayName:Ze(se.from.blockchain,S)??"",image:se.from.blockchainLogo},price:{value:ft===0?T(u,6,6):se.fromAmount}},to:{token:{displayName:se.to.symbol,image:se.to.logo},chain:{displayName:Ze(se.to.blockchain,S)??"",image:se.to.blockchainLogo},price:{value:se.toAmount}},alerts:se.swapperId===O?.swapperId?K.createElement(Wc,null,K.createElement(yc,{type:"error",title:A,footer:K.createElement(Nc,null,K.createElement(fr,{size:"xsmall",variant:"body",color:"neutral700"},B),K.createElement(dr,{direction:"horizontal",size:8}),K.createElement(fr,{size:"xsmall",variant:"body",color:"neutral700"},"|"),K.createElement(dr,{direction:"horizontal",size:8}),K.createElement(fr,{size:"xsmall",variant:"body",color:"neutral700"},Qo.t({id:"Yours: {amount} {symbol}",values:{amount:T(O?.fromAmount||null,6,6),symbol:se?.from.symbol}})))})):void 0})),"getBestRouteSteps"),Ie=Ro(g,y),we=ks(g);return K.createElement(J,{ref:N,fixedHeight:!1,hasLogo:!0,footer:K.createElement(kc,{type:"primary",size:"large",disabled:P.disabled,prefix:!P.disabled&&P.hasWarning&&K.createElement(Tc,null),fullWidth:!0,onClick:()=>{P.state==="waitForConnecting"?t(h.wallets):P.state==="needToConfirm"?b(!0):t(h.confirmSwap)}},P.title),header:{hasConnectWallet:!0,title:Qo.t("Swap"),suffix:K.createElement(Jn,{layoutRef:N.current,onClickRefresh:g||n?e:void 0,onClickHistory:()=>t(h.swaps),onClickSettings:()=>t(h.settings)})}},K.createElement(Ac,null,K.createElement(Bc,null,K.createElement(Ec,null,K.createElement(js,{label:Qo.t("From"),mode:"From",onInputChange:p,balance:me,chain:{displayName:i?.displayName||"",image:i?.logo||""},token:{displayName:r?.symbol||"",image:r?.image||""},onClickToken:()=>t("from-swap"),price:{value:u,usdValue:H?void 0:T(c,4,4),error:H?q().unknownPriceError.impactTitle:void 0},disabled:w==="failed",loading:w==="loading",onSelectMaxBalance:()=>{me!=="0"&&p(Ne.split(",").join(""))}}),K.createElement(Hs,null)),K.createElement(js,{sharpBottomStyle:!!g?.result||o,label:Qo.t("To"),mode:"To",chain:{displayName:l?.displayName||"",image:l?.logo||""},token:{displayName:a?.symbol||"",image:a?.image||""},percentageChange:z?.lt(0)?T(z,2,2):null,warningLevel:It(z?.toNumber()??0),price:{value:T(d,6,6),usdValue:re?void 0:T(m,4,4),error:re?q().unknownPriceError.impactTitle:void 0},onClickToken:()=>t("to-swap"),disabled:w==="failed",loading:w==="loading"})),o&&K.createElement(Ks,null,K.createElement(Cc,{type:"basic"})),$&&!o&&we?.result?.swaps?.length?K.createElement(Ks,null,K.createElement(Sc,{type:"basic",recommended:!0,tooltipContainer:ae(),input:{value:T(u,6,6),usdValue:T(c,4,4)},output:{value:T(d,6,6),usdValue:T(m,4,4)},steps:V(we.result.swaps),percentageChange:T(z,2,2),totalFee:T(Ie,2,2),totalTime:At(Et(g?.result?.swaps))})):$&&!o?K.createElement(K.Fragment,null,K.createElement(dr,{size:20}),K.createElement(Xt,{diagnosisMessage:we?.diagnosisMessages?.[0],fetch:e,error:!!n})):null),K.createElement(cr,{openModal:v,onToggle:b,totalFeeInUsd:Ie,outputUsdValue:m,inputUsdValue:c,percentageChange:z,highValueLoss:Y,priceImpactCanNotBeComputed:H||re,loading:o||w==="loading",extraSpace:!!g?.result||!g}))}s(Jo,"Home");import{useEffect as gr,useRef as hr}from"react";import{createSearchParams as Ic,useLocation as Mc,useSearchParams as Lc}from"react-router-dom";import{useEffect as Pt,useMemo as Zo,useRef as en}from"react";function Ys(t){let{setInputAmount:e,setToToken:o,setToBlockchain:n,setFromBlockchain:r,setFromToken:i,fromToken:a,toToken:l,fromBlockchain:p,toBlockchain:u}=_(),{meta:{tokens:c,blockchains:d},loadingStatus:m}=x(),{setAffiliateRef:g,setAffiliatePercent:C,setAffiliateWallets:y}=F(),S=Zo(()=>t?.from?.tokens,[t?.from?.tokens]),w=Zo(()=>t?.from?.blockchains,[t?.from?.blockchains]),f=Zo(()=>t?.to?.tokens,[t?.to?.tokens]),k=Zo(()=>t?.to?.blockchains,[t?.to?.blockchains]),v=en(void 0),b=en(void 0),B=en(void 0),O=en(void 0);Pt(()=>{e(t?.amount?.toString()||"")},[t?.amount]),Pt(()=>{if(m==="success"){let A=d.find($=>$.name===t?.from?.blockchain),N=c.find($=>Le($,t?.from?.token||null));(A||!A&&B.current)&&r(A??null),(N||!N&&v.current)&&i(N??null),B.current=t?.from?.blockchain,v.current=t?.from?.token}},[t?.from?.token?.symbol,t?.from?.token?.address,t?.from?.token?.blockchain,t?.from?.blockchain,m]),Pt(()=>{a&&S&&(S.some(A=>Le(A,a))||i(null)),p&&w&&(w.includes(p.name)||r(null))},[S,w]),Pt(()=>{l&&f&&(f.some(A=>Le(A,l))||o(null)),u&&k&&(k.includes(u.name)||n(null))},[f,k]),Pt(()=>{if(m==="success"){let A=d.find($=>$.name===t?.to?.blockchain),N=c.find($=>Le($,t?.to?.token||null));(A||!A&&O.current)&&n(A??null),(N||!N&&b.current)&&o(N??null),O.current=t?.to?.blockchain,b.current=t?.to?.token}},[t?.to?.token?.symbol,t?.to?.token?.address,t?.to?.token?.blockchain,t?.to?.blockchain,m]),Pt(()=>{g(t?.affiliate?.ref??null),C(t?.affiliate?.percent??null),y(t?.affiliate?.wallets??null)},[t?.affiliate?.ref,t?.affiliate?.percent,t?.affiliate?.wallets])}s(Ys,"useSyncStoresWithConfig");function Qs(t){let e=hr(!0),[o,n]=Lc(),r=Mc(),i=hr(r.search),a=hr({}),l=_.use.fromBlockchain(),p=_.use.toBlockchain(),u=_.use.fromToken(),c=_.use.toToken(),d=_.use.setFromBlockchain(),m=_.use.setFromToken(),g=_.use.setToBlockchain(),C=_.use.setToToken(),y=_.use.inputAmount(),S=_.use.setInputAmount(),w=x.use.loadingStatus(),{blockchains:f,tokens:k}=x.use.meta(),v=be.use.setSelectedSwap();return Ys(t.config),gr(()=>{let b={};Ic(i.current).forEach((O,A)=>{b[A]=O}),a.current=b;let B=r.pathname.split(h.swaps+"/")[1]||null;B&&v(B)},[]),gr(()=>{if(!e.current){let b="",B="",O="",A="",N="";if(w!=="success")b=a.current["fromBlockchain"],B=a.current["fromToken"],O=a.current["toBlockchain"],A=a.current["toToken"],N=a.current["fromAmount"]||y;else{if(r.state==="redirect")return;b=l?.name||"",B=(u?.symbol||"")+(u?.address?`--${u?.address}`:""),O=p?.name||"",A=(c?.symbol||"")+(c?.address?`--${c?.address}`:""),N=y}n({...b&&{["fromBlockchain"]:b},...B&&{["fromToken"]:B},...O&&{["toBlockchain"]:O},...A&&{["toToken"]:A},...N&&{["fromAmount"]:N.toString()}},{replace:!0})}e.current=!1},[r.pathname,y,l,u,p,c]),gr(()=>{if(w==="success"){let b=o.get("fromBlockchain"),B=o.get("fromToken"),O=o.get("toBlockchain"),A=o.get("toToken"),N=o.get("fromAmount"),$=f.find(H=>H.name===b),oe=rr(k,B,$||null),W=f.find(H=>H.name===O),Y=rr(k,A,W||null);$&&(d($),oe&&m(oe)),W&&(g(W),Y&&C(Y)),N&&S(N)}},[w]),null}s(Qs,"UpdateUrl");function Gc(t){let e=zc(),o=qc(),n=Oc(!0),r=e.pathname.split("/"),a=r[r.length-1]===h.confirmSwap&&n.current;return Fc(()=>{a&&o("."),n.current=!1},[]),a?yt.createElement(Jo,null):yt.createElement(yt.Fragment,null," ",t.children)}s(Gc,"Route");function Js({children:t,...e}){let o=Uc(),n=o?Gc:$c,{blockchains:r}=x.use.meta(),{canSwitchNetworkTo:i}=_c(),a=r.filter(Dc);return Pc({lastConnectedWallet:e.lastConnectedWallet,clearDisconnectedWallet:e.clearDisconnectedWallet,disconnectedWallet:e.disconnectedWallet,evmChains:a,canSwitchNetworkTo:i}),yt.createElement(yt.Fragment,null,yt.createElement(n,null,t),o&&yt.createElement(Qs,{config:e.config}))}s(Js,"AppRouter");import We from"react";import{useRoutes as mg}from"react-router-dom";import{i18n as je}from"@lingui/core";import{useManager as Dm}from"@rango-dev/queue-manager-react";import{Alert as br,BestRoute as Fm,BestRouteSkeleton as Om,Button as pn,Divider as $t,IconButton as Fa,MessageBox as $m,Modal as Um,RefreshIcon as zm,SettingsIcon as qm,styled as Oa,Tooltip as Gm,Typography as Da,WalletIcon as Hm}from"@rango-dev/ui";import M,{useEffect as un,useState as cn}from"react";import{flushSync as Vm}from"react-dom";import{useNavigate as Rm}from"react-router-dom";import{i18n as nt}from"@lingui/core";import{Alert as vr,BalanceErrors as km,Button as Ma,ChevronDownIcon as Tm,ChevronLeftIcon as wm,Divider as Ot,MessageBox as vm,Modal as La,Typography as ln,WalletIcon as bm}from"@rango-dev/ui";import E,{useEffect as xm,useLayoutEffect as Am,useRef as Em,useState as kt}from"react";import{useNavigate as Bm}from"react-router-dom";import{i18n as tn}from"@lingui/core";function on(t){switch(t.type){case 0:return tn.t("Route has been updated.");case 3:return tn.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return tn.t("Route swappers has been updated.");case 2:return tn.t("Route internal coins has been updated.");default:return""}}s(on,"getRouteWarningMessage");import*as Dt from"@radix-ui/react-collapsible";import{Button as Hc,darkTheme as _t,IconButton as Vc,keyframes as Zs,styled as ke,TextField as Rc}from"@rango-dev/ui";var Yt=300,Xc=Zs({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),jc=Zs({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),ea=ke("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),ta=ke("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}),oa=ke("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"}}}}),na=ke(Dt.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit"}),ra=ke("div",{padding:"$20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),ia=ke(Vc,{position:"absolute",left:"$20"}),sa=ke("div",{paddingTop:"$20","& .wallets-list":{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}}),aa=ke(Dt.Root,{backgroundColor:"$neutral200",borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),la=ke(Hc,{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}}),pa=ke("div",{padding:"$10 $0","& .button__content":{display:"flex",justifyContent:"center",alignItems:"center"},"& .alarms":{paddingTop:"5px"}}),ua=ke("div",{transition:`all ${Yt}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),ca=ke("div",{display:"flex"}),ma=ke(Rc,{padding:"$0 $15 $15 $15"}),da=ke(Dt.Content,{overflow:"hidden",variants:{open:{true:{animation:`${Xc} ${Yt}ms ease-out`},false:{animation:`${jc} ${Yt}ms ease-out`}}}}),fa=ke("div",{overflow:"visible",width:"100%"});import{i18n as He}from"@lingui/core";import{Button as ym,Divider as Tr,Image as Sm,MessageBox as an,Modal as Ea,SelectableWallet as Cm,Typography as Ba,WalletState as Wa}from"@rango-dev/ui";import ne,{useEffect as Na,useState as Jt}from"react";import{WalletState as ga}from"@rango-dev/ui";import{useWallets as Kc}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as Yc,WalletTypes as Qc}from"@rango-dev/wallets-shared";import{useEffect as Jc,useState as Zc}from"react";var em=Object.values(Qc);function nn(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:i,disconnect:a,getWalletInfo:l,connect:p}=Kc(),{connectedWallets:u}=R(),{blockchains:c}=x().meta,d=typeof e?.multiWallets>"u"?!0:e.multiWallets,m=$i(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||em,g=Bi(i,l,m,o),C=Pi(g),[y,S]=Zc(""),w=s(b=>!u.find(B=>B.walletType===b&&B.chain===o),"isExperimentalChainNotAdded"),f=s(async b=>{let B=i(b);try{if(y&&S(""),B.connected)await a(b);else{let O=!!g.find(A=>A.state===ga.CONNECTED);if(!d&&O)return;n?.(b),await p(b),r?.(b)}}catch(O){S("Error: "+O?.message)}},"handleClick"),k=s(()=>{let b=g?.filter(B=>B.state===ga.CONNECTING)||[];for(let B of b)a(B.type)},"disconnectConnectingWallets");Jc(()=>()=>{k()},[]);let v=s((b,B,O)=>bo(O,B)&&w(b)&&!Yc.includes(b),"shouldExcludeWallet");return{list:C.filter(b=>!v(b.type,o??"",c)),error:y,handleClick:f}}s(nn,"useWalletList");import{i18n as ka}from"@lingui/core";import{styled as wa,Typography as pm,Wallet as um,WalletState as cm}from"@rango-dev/ui";import Ct,{Fragment as mm,useState as Ta}from"react";import{Divider as im,Modal as sm}from"@rango-dev/ui";import Sr from"react";import{i18n as Ft}from"@lingui/core";import{Image as nm,MessageBox as yr,WalletState as rm}from"@rango-dev/ui";import St from"react";import{keyframes as tm,styled as rn}from"@rango-dev/ui";var Nw=rn("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),ha=rn("div",{position:"relative"}),om=tm({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),ya=rn("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${om} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),Sa=rn("div",{"& img":{borderRadius:"50%"}});function Ca(t){let{state:e,image:o,error:n}=t;return e===rm.CONNECTED?St.createElement(yr,{type:"success",title:Ft.t("Wallet Connected"),description:Ft.t("Your wallet is connected, you can use it to swap.")}):n?St.createElement(yr,{type:"error",title:Ft.t("Failed to Connect"),description:n||Ft.t("Your wallet is not connected. Please try again.")}):St.createElement(yr,{type:"loading",title:Ft.t("Connecting to your wallet"),description:Ft.t("Click connect in your wallet popup."),icon:St.createElement(ha,null,St.createElement(Sa,null,St.createElement(nm,{src:o,size:45})),St.createElement(ya,null))})}s(Ca,"ModalContent");function Qt(t){let{open:e,onClose:o,...n}=t;return Sr.createElement(sm,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},Sr.createElement(Ca,{...n}),Sr.createElement(im,{direction:"vertical",size:32}))}s(Qt,"WalletModal");import{useInRouterContext as am,useNavigate as lm}from"react-router-dom";function ie(){let t=am(),e=lm(),o=_.use.routeWalletsConfirmed();return h,{navigateBackFrom:s(r=>{if(r===h.swapDetails)return e("/"+h.swaps,{replace:!0});if(!t||window.history.state&&window.history.state.idx>0)e(-1);else{if([h.settings,h.wallets].includes(r)&&o)return e("/"+h.confirmSwap,{replace:!0});[h.fromSwap,h.toSwap,h.settings,h.wallets,h.swaps,h.confirmSwap].includes(r)?e(h.home,{replace:!0}):r===h.fromBlockchain?e("/"+h.fromSwap,{replace:!0}):r===h.toBlockchain?e("/"+h.fromSwap,{replace:!0}):r===h.liquiditySources&&e("/"+h.settings,{replace:!0})}},"navigateBackFrom")}}s(ie,"useNavigateBack");var dm=wa("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline",paddingTop:"$15",height:"100%"}),fm=wa("div",{textAlign:"center"}),sn=3e3,Cr=300;function va({config:t}){let{navigateBackFrom:e}=ie(),[o,n]=Ta(!1),[r,i]=Ta(""),a=null,{list:l,handleClick:p,error:u}=nn({config:t,onBeforeConnect:C=>{a=setTimeout(()=>{n(!0),i(C)},Cr)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},sn)}}),c=x.use.loadingStatus(),d=l.find(C=>C.type===r),m=d?.image||"",g=d?.state||cm.NOT_INSTALLED;return Ct.createElement(J,{header:{title:ka.t("Connect Wallets"),onBack:e.bind(null,h.wallets)}},Ct.createElement(fm,null,Ct.createElement(pm,{variant:"title",size:"xmedium",align:"center"},ka.t("Choose a wallet to connect.")),Ct.createElement(dm,null,l.map((C,y)=>{let S=`wallet-${y}-${C.type}`;return Ct.createElement(mm,{key:S},Ct.createElement(um,{...C,container:ae(),onClick:w=>{p(w)},isLoading:c==="loading"}))}),Ct.createElement(Qt,{open:!!o,onClose:()=>n(!1),image:m,state:g,error:u}))))}s(va,"WalletsPage");import{keyframes as gm,styled as kr}from"@rango-dev/ui";var ba=kr("div",{position:"relative"}),hm=gm({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),xa=kr("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${hm} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),Aa=kr("div",{"& img":{borderRadius:"50%"}});function wr(t){let{config:e,chain:o,isSelected:n,selectWallet:r,limit:i,onShowMore:a}=t,l=R.use.connectedWallets(),{blockchains:p}=x.use.meta(),[u,c]=Jt(""),[d,m]=Jt(null),[g,C]=Jt(!1),[y,S]=Jt(null),{suggestAndConnect:w}=Ia(),f=null,{list:k,error:v,handleClick:b}=nn({config:e,chain:o,onBeforeConnect:W=>{f=setTimeout(()=>{c(W)},Cr)},onConnect:()=>{f&&clearTimeout(f),setTimeout(()=>{c("")},sn)}}),[B,O]=Jt(k),A=k.length,N=i&&A-i>0,$=s(async W=>{C(!1),S("in-progress");try{await w(W.walletType,W.chain),S("completed")}catch{S("rejected")}},"addExperimentalChain");Na(()=>{O(W=>{let Y=k.findIndex(H=>n(H.type,o));return N&&Y>1?[k[Y]].concat(k.filter((H,re)=>re!==Y)):W.map(H=>k.find(re=>re.type===H.type)??H)})},[JSON.stringify(k)]);let oe=document.querySelector("#swap-box");return Na(()=>{let W=null;return(y==="completed"||y==="rejected")&&(W=setTimeout(()=>S(null),sn)),()=>{W&&clearTimeout(W)}},[y]),ne.createElement(ne.Fragment,null,B.slice(0,i).map(W=>{let Y=_i({connectedWallets:l,walletType:W.type,chain:o}),H=Y?xo(Y):"",re=bo(p,o),P=!l.find(Ie=>Ie.walletType===W.type&&Ie.chain===o),me=re&&P&&W.state===Wa.CONNECTED,Ne=me?He.t({id:"Add {chain} chain",values:{chain:o}}):H,z=s(()=>{W.state===Wa.DISCONNECTED?b(W.type):me?(m({walletType:W.type,chain:o,address:Y??""}),C(!0)):r({walletType:W.type,chain:o,address:Y??""})},"onClick"),V=d?.chain?hs(d.chain,p):void 0;return ne.createElement(ne.Fragment,null,ne.createElement(Qt,{open:u===W.type,onClose:()=>c(""),image:W.image,state:W.state,error:v}),!!d&&ne.createElement(Ea,{open:!!d&&g,container:oe,onClose:()=>{m(null)}},ne.createElement(an,{title:He.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:V}}),type:"warning",description:He.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:V}})},ne.createElement(Tr,{size:18}),ne.createElement(Tr,{size:32}),ne.createElement(ym,{onClick:$.bind(null,d),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},He.t("Confirm")))),y&&ne.createElement(Ea,{open:!!y,onClose:S.bind(null,null),container:oe},y==="in-progress"&&ne.createElement(an,{type:"loading",title:He.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:V}}),description:He.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:V}}),icon:ne.createElement(ba,null,ne.createElement(Aa,null,ne.createElement(Sm,{src:W.image,size:45})),ne.createElement(xa,null))}),y==="completed"&&ne.createElement(an,{type:"success",title:He.t({id:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:V}}),description:He.t({id:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:V}})}),y==="rejected"&&ne.createElement(an,{type:"error",title:He.t("Request Rejected"),description:He.t({id:"You've rejected adding {blockchainDisplayName} chain to your wallet.",values:{blockchainDisplayName:V}})}),ne.createElement(Tr,{direction:"vertical",size:32})),ne.createElement(Cm,{key:W.type,description:Ne,onClick:z,selected:n(W.type,o),...W}))}),N&&ne.createElement(oa,{selected:!1,onClick:a.bind(null)},ne.createElement(Ba,{variant:"label",size:"medium"},He.t("Show more wallets"),ne.createElement(Ba,{variant:"label",size:"medium",color:"$primary"},"\xA0+",A-(i??0)))))}s(wr,"WalletList");var Wm=2;function Pa(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,config:i,loading:a}=t,{blockchains:l}=x.use.meta(),{bestRoute:p,setSelectedWallets:u,routeWalletsConfirmed:c,setRouteWalletConfirmed:d,customDestination:m,setCustomDestination:g}=_(),{connectedWallets:C,selectWallets:y}=R(),[S,w]=kt(""),[f,k]=kt([]),[v,b]=kt(""),[B,O]=kt(null),[A,N]=kt(m),[$,oe]=kt(!!m),W=Em(null),Y=Do(p),H=typeof i?.customDestination>"u"?!0:i.customDestination,re=l.find(D=>D.name===p?.result?.swaps[p?.result?.swaps.length-1].to.blockchain),P=s(D=>!!p?.result?.swaps.find(I=>I.from.blockchain===D),"isWalletRequiredFor"),[me,Ne]=kt(C.filter(D=>D.selected&&Y.includes(D.chain))),z=l.find(D=>D.name===re?.name),V=s((D,I)=>!!me.find(U=>U.walletType===D&&U.chain===I&&U.selected&&(P(I)||!P(I)&&!A)),"isSelected"),Ie=!!A&&$&&z&&!Fo(z,A),we=s(()=>{oe(!1),N(""),Ne(D=>{let I=!1;return D.map(U=>!I&&U.chain===re?.name?(I=!0,{...U,selected:!0}):U)})},"resetCustomDestination"),Fe=s(D=>{if(S&&w(""),V(D.walletType,D.chain))return;let U=C.find(Q=>Q.walletType===D.walletType&&Q.chain===D.chain);U&&(n(),D.chain===re?.name&&$&&(oe(!1),N("")),Ne(Q=>Q.filter(le=>le.chain!==D.chain).concat({...U,selected:!0})))},"onChange"),se=s(()=>{let D=me.filter(I=>I.selected);y(D),u(D),g(A),d(!0),o()},"onConfirmBalance"),ft=s(async()=>{k([]),b(""),O(null);let D=C.filter(Q=>me.find(le=>le.chain===Q.chain&&le.walletType===Q.walletType)),I=await r?.({selectedWallets:D,customDestination:A}),U=I.warnings;U?.balance?.messages&&k(U.balance.messages),U?.route&&O(U.route),I.error&&b(Lo(I.error)),!I.error&&(!U?.balance?.messages.length||0>0)?se():k(U?.balance?.messages??[])},"onConfirmWallets");xm(()=>{Ne(D=>D.concat(C.filter(I=>!!!D.find(Q=>Q.chain===I.chain)&&I.selected&&Y.includes(I.chain))))},[C.length]),Am(()=>{$&&W.current&&setTimeout(()=>{W?.current?.scrollIntoView({behavior:"smooth"})},Yt)},[$]);let Je=document.querySelector("#swap-box"),bt=Bm();return E.createElement(La,{open:e,onClose:()=>{c||bt(h.home,{replace:!0}),o()},dismissible:!S,container:Je,...!S&&{footer:E.createElement(ca,null,E.createElement(Ma,{loading:a,disabled:Ls(a,$,A,p,me,re),onClick:ft,variant:"contained",type:"primary",fullWidth:!0,size:"large"},"Confirm"))},...S&&{containerStyle:{padding:"$0"},header:E.createElement(ra,null,E.createElement(ia,{variant:"ghost",onClick:w.bind(null,"")},E.createElement(wm,{size:16})),E.createElement(ln,{variant:"headline",size:"small"},nt.t({id:"Your {blockchainName} wallets",values:{blockchainName:S}})))},anchor:"center"},E.createElement(La,{open:f.length>0,onClose:k.bind(null,[]),container:Je},E.createElement(vm,{title:nt.t("Insufficient account balance"),type:"error",description:E.createElement(km,{messages:f??[]})},E.createElement(Ma,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:se},nt.t("Proceed anyway")))),S&&E.createElement(sa,null,E.createElement("div",{className:"wallets-list"},E.createElement(wr,{chain:S,isSelected:V,selectWallet:Fe,multiWallets:i?.multiWallets??!0,supportedWallets:i?.wallets??[],config:i,onShowMore:w.bind(null,S)}))),!S&&E.createElement(E.Fragment,null,v&&E.createElement(E.Fragment,null,E.createElement(vr,{variant:"alarm",type:"error",title:nt.t(v)}),E.createElement(Ot,{size:12})),B&&E.createElement(E.Fragment,null,E.createElement(vr,{variant:"alarm",type:"warning",title:on(B)}),E.createElement(Ot,{size:12})),E.createElement(fa,null,Y.map((D,I)=>{let U=l.find(ue=>ue.name===D),Q=`wallet-${I}`,le=I===Y.length-1;return E.createElement("div",{key:Q},E.createElement(ea,null,E.createElement(ln,{variant:"title",size:"xmedium"},nt.t({id:"Your {blockchainName} wallets",values:{blockchainName:U?.displayName}})),E.createElement(ln,{variant:"label",color:"$neutral700",size:"medium"},nt.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:U?.displayName}}))),E.createElement(Ot,{size:24}),E.createElement(ta,null,E.createElement(wr,{chain:D,isSelected:V,selectWallet:Fe,multiWallets:i?.multiWallets??!0,supportedWallets:i?.wallets??[],config:i,limit:Wm,onShowMore:()=>w(U?.name??"")})),!le&&E.createElement(Ot,{size:32}),le&&H&&E.createElement(pa,null,E.createElement(aa,{ref:W,selected:$,open:$,onOpenChange:ue=>{ue?P(re?.name??"")||Ne(ho=>ho.map(yo=>yo.chain===re?.name?{...yo,selected:!1}:yo)):we()}},E.createElement(na,{onClick:()=>oe(ue=>!ue)},E.createElement(la,{fullWidth:!0,variant:"default",suffix:E.createElement(ua,{orientation:$?"up":"down"},E.createElement(Tm,{size:10,color:"gray"}))},E.createElement("div",{className:"button__content"},E.createElement(bm,{size:18,color:"info"}),E.createElement(Ot,{size:4,direction:"horizontal"}),E.createElement(ln,{variant:"label",size:"medium"},nt.t("Send to a different address"))))),E.createElement(da,{open:$},E.createElement(E.Fragment,null,E.createElement(Ot,{size:4}),E.createElement(ma,{autoFocus:!0,placeholder:nt.t("Your destination address"),value:A,onChange:ue=>{N(ue.target.value)}})))),Ie&&E.createElement("div",{className:"alarms"},E.createElement(vr,{variant:"alarm",type:"error",title:nt.t({values:{destination:A},id:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}s(Pa,"ConfirmWalletsModal");import{calculatePendingSwap as Im}from"@rango-dev/queue-manager-rango-preset";import Mm from"bignumber.js";import{useEffect as Lm}from"react";function Pm(t,e){if(!t.result)throw new Error(q().noRoutesError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});let o=new Mm(t.result?.outputAmount||"0").multipliedBy(e.outputUsdValue||0),n=qo(e.inputUsdValue,o);if(Go(e.inputUsdValue,n))throw new Error("High value loss for route",{cause:{type:1}});return t}s(Pm,"throwErrorIfResponseIsNotValid");function _m(t,e,o){let n=Ss(t,e),r={balance:null,route:null,slippage:null};n&&(Es(t,e)?r.route={type:3,newOutputAmount:T(Mt(e)),percentageChange:T(et(Mt(t),Mt(e)),null,2)}:ir(t,e)?r.route={type:0}:sr(t,e)?r.route={type:1}:ar(t,e)&&(r.route={type:2}));let i=Bs(e,o.selectedWallets);i.length===0||(r.balance={messages:i});let l=bs(t),p=o.userSlippage>ss;return xs(o.userSlippage.toString(),l)?p&&(r.slippage={type:1,slippage:o.userSlippage.toString()}):r.slippage={type:0,slippage:l},r}s(_m,"generateWarnings");function _a(){let{fromToken:t,toToken:e,inputAmount:o,inputUsdValue:n,setRoute:r,bestRoute:i,customDestination:a}=_(),{slippage:l,customSlippage:p,affiliatePercent:u,affiliateRef:c,affiliateWallets:d,disabledLiquiditySources:m}=F(),{connectedWallets:g}=R(),{meta:C}=x(),y=p||l,{fetch:S,cancelFetch:w,loading:f}=Yo();return Lm(()=>w,[]),{loading:f,fetch:s(async v=>{let b=v.selectedWallets,B=v?.customDestination??a;if(!t||!e||!o||!i)return{route:null,swap:null,error:null,warnings:null};let O=Xo({fromToken:t,toToken:e,inputAmount:o,wallets:g,selectedWallets:b,disabledLiquiditySources:m,slippage:y,affiliateRef:c,affiliatePercent:u,affiliateWallets:d,initialRoute:i,destination:B}),A;try{A=await S(O).then(oe=>Pm(oe,{outputUsdValue:e.usdPrice,inputUsdValue:n})),r(A)}catch(oe){return oe?.code==="ERR_CANCELED"?{swap:null,error:{type:3},warnings:null}:oe.cause?{swap:null,error:oe.cause,warnings:null}:{swap:null,error:{type:2},warnings:null}}let N={slippage:y.toString(),disabledSwappersGroups:m},$=Im(o.toString(),A,As(b),N,!1,C);return{route:A,swap:$,error:null,warnings:_m(i,A,{selectedWallets:b,userSlippage:y})}},"fetch"),cancelFetch:w}}s(_a,"useConfirmSwap");var Xm=Oa("div",{position:"relative",width:"100%","& .description":{display:"flex",justifyContent:"space-between",alignItems:"center",paddingBottom:"$10"},"& .icon":{width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"}}),jm=Oa("div",{width:"100%",display:"flex",justifyContent:"space-between","& .confirm-button":{flexGrow:1,paddingRight:"$10"},[`& ${Fa}`]:{width:"$48",height:"$48"}});function $a(t){let{config:e}=t,{bestRoute:o,inputAmount:n,outputAmount:r,inputUsdValue:i,outputUsdValue:a,setInputAmount:l,selectedWallets:p,routeWalletsConfirmed:u,setRouteWalletConfirmed:c,customDestination:d}=_(),m=Rm(),[g,C]=cn(""),[y,S]=cn(!1),{connectedWallets:w}=R(),f=!u,[k,v]=cn(!1),b=be.use.setSelectedSwap(),{meta:{tokens:B,blockchains:O},loadingStatus:A}=x(),N=F.use.slippage(),$=F.use.customSlippage(),{manager:oe}=Dm(),W=$||N,{fetch:Y,loading:H,cancelFetch:re}=_a(),[P,me]=cn({swap:null,error:null,warnings:null}),Ne=H||A==="loading",z=!H&&P.error&&[0,2].includes(P.error.type),V=!z&&!H&&o&&o.result,Ie=Ro(o,B),we=T(et(i?.toNumber()??0,a?.toNumber()??0),2,2),Fe=It(parseFloat(we)),se=s(async({selectedWallets:I,customDestination:U})=>{let Q=await Y?.({selectedWallets:I,customDestination:U});return me(Q),Q},"onConfirmSwap"),ft=s(async()=>{if(P.swap&&u)try{await oe?.create("swap",{swapDetails:P.swap},{id:P.swap.requestId}),b(P.swap.requestId),m("/"+h.swaps+`/${P.swap.requestId}`,{replace:!0}),setTimeout(()=>{l("")},0)}catch(I){C("Error: "+I?.message)}},"addNewSwap"),Je=s(async()=>{await ft()},"onConfirm"),bt=s(async()=>{P?.warnings?.slippage?S(!0):await Je()},"onStartConfirmSwap"),D=s(async()=>{me({error:null,swap:null,warnings:null}),Y({selectedWallets:p}).then(I=>{me(I)}).catch(I=>console.error(I))},"onRefresh");return un(()=>{f&&re()},[f]),un(()=>{f&&v(f)},[f]),un(()=>{f||Y({selectedWallets:p,customDestination:d}).then(I=>me(I)).catch(I=>console.error(I))},[]),un(()=>{let I=P.warnings?.route?.type&&Object.values(Rt).includes(P.warnings?.route?.type),U=p.length<1||!p.every(le=>w.find(ue=>le.address===ue.address&&le.walletType===ue.walletType&&le.chain===ue.chain)),Q=!1;if(I){let le=Do(o),ue=o?.result?.swaps[o.result.swaps.length-1].to.blockchain;!!o?.result?.swaps.find($n=>$n.from.blockchain===ue)||(le=le.slice(-le.length,le.length-1)),le.every($n=>p.find(Ip=>Ip.chain===$n))||(Q=!0)}o&&(U||Q)&&(queueMicrotask(()=>Vm(v.bind(null,!0))),c(!1))},[P.warnings?.route,p.length,w.length]),M.createElement(J,{header:{title:je.t("Confirm Swap"),onBack:m.bind(null,-1),hasConnectWallet:!0,suffix:M.createElement(Gm,{container:ae(),side:"bottom",content:je.t("Settings")},M.createElement(Oe,{size:"small",variant:"ghost",onClick:()=>m("/"+h.settings)},M.createElement(qm,{size:18,color:"black"})))},footer:M.createElement(jm,null,M.createElement("div",{className:"confirm-button"},M.createElement(pn,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:H,disabled:!!P.error,onClick:bt},je.t("Start Swap"))),M.createElement(Fa,{variant:"contained",type:"primary",size:"large",loading:H,onClick:v.bind(null,!0)},M.createElement(Hm,{size:24})))},M.createElement(Um,{anchor:"bottom",open:y,prefix:M.createElement(pn,{size:"small",variant:"ghost",onClick:()=>m("/"+h.settings)},M.createElement(Da,{variant:"label",size:"medium",color:"$neutral700"},je.t("Change settings"))),container:document.querySelector("#swap-box"),onClose:S.bind(null,I=>!I)},P.warnings?.slippage&&M.createElement($m,{type:"warning",title:P.warnings.slippage.type===1?je.t("High slippage"):je.t("Low slippage"),description:P.warnings.slippage.type===1?je.t({id:" Caution, your slippage is high (={selectedSlippage}). Your trade may be front run.",values:{selectedSlippage:W}}):je.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:P.warnings.slippage.slippage}})},M.createElement($t,{size:18}),M.createElement($t,{size:32}),M.createElement(pn,{size:"large",type:"primary",variant:"contained",fullWidth:!0,onClick:Je},je.t("Confirm anyway")))),k&&M.createElement(Pa,{open:k,onClose:()=>v(!1),onCancel:re,loading:H,onCheckBalance:se,config:e}),M.createElement(Xm,null,M.createElement("div",{className:"description"},M.createElement(Da,{variant:"title",size:"small"},je.t("You get")),M.createElement(pn,{style:{padding:"0"},variant:"ghost",disabled:H,onClick:D},M.createElement("div",{className:"icon"},M.createElement(zm,{size:16})))),g&&M.createElement(M.Fragment,null,M.createElement(br,{type:"error",variant:"alarm",title:g}),M.createElement($t,{size:12})),P.warnings?.route&&M.createElement(M.Fragment,null,M.createElement(br,{variant:"alarm",type:"warning",title:on(P.warnings.route)}),M.createElement($t,{size:12})),Ne&&M.createElement(Om,{type:"swap-preview",expanded:!0}),V&&M.createElement(Fm,{expanded:!0,tooltipContainer:ae(),steps:ws(o,O)??[],input:{value:T(n,6,6),usdValue:T(i,4,4)},output:{value:T(r,6,6),usdValue:T(a,4,4)},totalFee:T(Ie,2,2),totalTime:At(Et(o.result?.swaps)),recommended:!0,type:"swap-preview",percentageChange:we,warningLevel:Fe}),z&&M.createElement(M.Fragment,null,M.createElement($t,{size:12}),M.createElement(Xt,{diagnosisMessage:P.error?.type===0?P.error.diagnosisMessage:void 0,error:P.error?.type===2,fetch:D})),P.error?.type===1&&M.createElement(M.Fragment,null,M.createElement(br,{variant:"alarm",type:"error",title:Lo(P.error)}),M.createElement($t,{size:12}))))}s($a,"ConfirmSwapPage");import{i18n as fn}from"@lingui/core";import{useManager as ed}from"@rango-dev/queue-manager-react";import{Divider as td,NotFound as od,styled as ja}from"@rango-dev/ui";import ct,{useState as nd}from"react";import{useNavigate as rd}from"react-router-dom";import{CloseIcon as Ym,IconButton as Qm,SearchIcon as Jm,TextField as Zm}from"@rango-dev/ui";import Zt from"react";import{styled as Km}from"@rango-dev/ui";var Ua=Km("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function rt(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:i,value:a,setValue:l,...p}=t;return Zt.createElement(Zm,{prefix:Zt.createElement(Ua,null,Zt.createElement(Jm,{color:"black"})),suffix:!!a.length&&Zt.createElement(Qm,{variant:"ghost",onClick:()=>l?.(""),size:"small"},Zt.createElement(Ym,{color:"gray",size:10})),fullWidth:o,color:n,variant:e,style:{padding:10,borderRadius:25,alignItems:"center"},size:r,value:a,onChange:i,...p})}s(rt,"SearchInput");import{i18n as qa}from"@lingui/core";import{Divider as Ga,SwapListItem as Ha,Typography as Va}from"@rango-dev/ui";import te from"react";import{styled as mn}from"@rango-dev/ui";var xr=mn("div",{width:"100%",display:"flex",flexDirection:"column"}),Ar=mn("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),Er=mn("div",{gap:"$10",display:"flex",flexDirection:"column"}),za=mn("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});function Br(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,i=n?n(e):[{title:"History",swaps:e}];if(r){let a=[{},{}];return te.createElement(te.Fragment,null,[{title:"Today",swaps:a},{title:"Last month",swaps:a}].map(p=>te.createElement(te.Fragment,{key:p.title},te.createElement(xr,null,te.createElement(Ar,null,te.createElement(Va,{variant:"label",size:"medium",color:"neutral600",className:"group-title"},qa.t(p.title))),te.createElement(Ga,{size:4}),te.createElement(Er,null,p.swaps.map((u,c)=>{let d=c+p.title;return te.createElement(te.Fragment,{key:d},te.createElement(Ha,{isLoading:!0}))}))))))}return te.createElement(te.Fragment,null,i.filter(a=>a.swaps.length>0).map(a=>te.createElement(te.Fragment,{key:a.title},te.createElement(xr,null,te.createElement(Ar,null,te.createElement(Va,{variant:"label",size:"medium",color:"neutral600",className:"group-title"},qa.t(a.title))),te.createElement(Ga,{size:4}),te.createElement(Er,null,a.swaps.map(l=>{let p=l.steps[0],u=l.steps[l.steps.length-1];return te.createElement(te.Fragment,{key:l.requestId},te.createElement(Ha,{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:ko(l.inputAmount)},to:{token:{image:u.toLogo,displayName:u.toSymbol},blockchain:{image:u.toBlockchainLogo||""},amount:ko(u.outputAmount||""),estimatedAmount:ko(u.expectedOutputAmountHumanReadable||"")}}}))}))))))}s(Br,"SwapsGroup");import Ra from"dayjs";var Xa=s(t=>{let e=new Map([["today",{title:"Today",swaps:[]}],["month",{title:"Last month",swaps:[]}],["year",{title:"Last year",swaps:[]}],["history",{title:"History",swaps:[]}]]),o=Ra();return t.forEach(n=>{let r=Ra(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 dn=s(t=>{let e=[];return t?.getAll().forEach((o,n)=>{let r=o.list.getStorage();r?.swapDetails&&e.push({id:n,swap:r?.swapDetails})}),e.sort((o,n)=>Number(n.swap.creationTime)-Number(o.swap.creationTime))},"getPendingSwaps");var id=ja("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",height:"100%",gap:15}),sd=ja("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),ad=s((t,e)=>t?.length?t.filter(o=>Re(o.fromBlockchain,e)||Re(o.toBlockchain,e)||Re(o.toSymbol,e)||Re(o.fromSymbol,e)).length:!1,"isStepContainsText");function Ka(){let t=be.use.setSelectedSwap(),e=rd(),{navigateBackFrom:o}=ie(),{manager:n,state:r}=ed(),i=dn(n).map(({swap:m})=>m),[a,l]=nd(""),p=!r.loadedFromPersistor,u=s(m=>{let g=m.target.value;l(g)},"searchHandler"),c=i;a&&(c=i.filter(m=>Re(m.inputAmount,a)||Re(m.status,a)||ad(m.steps,a)||Re(m.requestId,a)));let d=!c?.length&&!p;return ct.createElement(J,{header:{onBack:o.bind(null,h.swaps),title:fn.t("History")}},ct.createElement(id,null,ct.createElement(rt,{setValue:l,fullWidth:!0,variant:"contained",placeholder:fn.t("Search Transaction"),autoFocus:!0,onChange:u,value:a}),ct.createElement(sd,null,d&&ct.createElement(za,null,ct.createElement(td,{size:32}),ct.createElement(od,{title:fn.t("No results found"),description:a?fn.t("Try using different keywords"):""})),!d&&ct.createElement(Br,{list:c,onSwapClick:m=>{t(m),e(`${m}`,{replace:!0})},groupBy:Xa,isLoading:p}))))}s(Ka,"HistoryPage");import{i18n as Ya}from"@lingui/core";import{List as ld,ListItemButton as pd,Radio as ud,RadioRoot as cd,Typography as md}from"@rango-dev/ui";import mt from"react";import{styled as gn}from"@rango-dev/ui";var it=gn("div",{height:"100%",overflow:"hidden"}),eo=gn("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto"}),Wr=gn("div",{width:80,display:"flex",justifyContent:"flex-end"}),Nr=gn("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});function hn(){let t=F.use.language(),e=F.use.setLanguage();return{activeLanguage:t,languages:ns,defaultLanguage:Po,changeLanguage:e}}s(hn,"useLanguage");function Qa(){let{navigateBackFrom:t}=ie(),{activeLanguage:e,changeLanguage:o,languages:n}=hn(),r=n.map(i=>{let{local:a,label:l,SVGFlag:p}=i;return{id:a,value:a,title:mt.createElement(md,{variant:"title",size:"xmedium"},l),onClick:()=>o(i.local),end:mt.createElement(ud,{value:a}),start:mt.createElement(p,null)}});return mt.createElement(J,{header:{onBack:t.bind(null,h.settings),title:Ya.t("Language")}},mt.createElement(it,null,mt.createElement(cd,{value:e},mt.createElement(ld,{type:mt.createElement(pd,{title:Ya.t("language"),id:"_",onClick:()=>console.log()}),items:r}))))}s(Qa,"LanguagePage");import{i18n as Ut}from"@lingui/core";import{Button as yd,Checkbox as Sd,Image as Cd,ListItemButton as kd,NotFound as Td,Typography as wd}from"@rango-dev/ui";import Te,{useState as vd}from"react";import{Checkbox as gd,Skeleton as Za}from"@rango-dev/ui";import to from"react";import{ListItem as dd,styled as fd}from"@rango-dev/ui";var Ja=fd(dd,{height:61});var hd=30;function Ir(){return to.createElement(eo,null,Array.from(Array(hd),t=>to.createElement(Ja,{hasDivider:!0,key:t,start:to.createElement(Za,{variant:"circular",width:35,height:35}),title:to.createElement(Za,{variant:"text",size:"large",width:90}),end:to.createElement(gd,{checked:!1})})))}s(Ir,"LoadingLiquiditySourceList");function yn(t){let e=x.use.meta().swappers,o=F.use.disabledLiquiditySources(),n=[];return Wt(e.map(i=>i.swapperGroup)).map(i=>{let a=e.find(l=>l.swapperGroup===i);if(a){let l=!0;t&&(l=t.some(p=>p===a.swapperGroup)),l&&a.types.map(p=>{n.push({id:a.swapperGroup,groupTitle:a.swapperGroup,logo:a.logo,type:p,selected:!o.includes(a.swapperGroup)})})}}),n}s(yn,"getUniqueSwappersGroups");function el(t,e){return t.groupTitle<e.groupTitle?-1:t.groupTitle>e.groupTitle?1:0}s(el,"sortLiquiditySourcesByGroupTitle");function Mr({supportedSwappers:t,sourceType:e}){let[o,n]=vd(""),r=F.use.toggleLiquiditySource(),{navigateBackFrom:i}=ie(),a=x.use.loadingStatus(),l=yn(t),p=[];e==="Exchanges"&&p.push("DEX"),e==="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,d=s(()=>{u.forEach(y=>{c?r(y.groupTitle):y.selected||r(y.groupTitle)})},"toggleAllSources"),m=u.sort(el).map(y=>{let{selected:S,groupTitle:w,logo:f}=y;return{start:Te.createElement(Cd,{src:f,size:22,type:"circular"}),onClick:()=>r(w),end:Te.createElement(Sd,{checked:S}),title:Te.createElement(wd,{variant:"title",size:"xmedium"},Ut.t(w)),...y}}),g=s(y=>{let S=y.target.value;n(S)},"searchHandler"),C=m;return o&&(C=m.filter(y=>Re(y.groupTitle,o))),Te.createElement(J,{header:{onBack:i.bind(null,h.settings),title:Ut.t(e),suffix:Te.createElement(Wr,null,Te.createElement(yd,{variant:"ghost",size:"xsmall",onClick:d},Ut.t(c?"Deselect all":"Select all")))}},Te.createElement(it,null,Te.createElement(rt,{value:o,setValue:n,fullWidth:!0,color:"light",variant:"contained",placeholder:Ut.t("Search {sourceType}",{sourceType:e}),onChange:g}),a==="loading"&&Te.createElement(Ir,null),!C.length&&o?Te.createElement(Nr,null,Te.createElement(Td,{title:Ut.t("No results found"),description:Ut.t("Try using different keywords")})):a==="success"&&Te.createElement(eo,null,C.map(y=>Te.createElement(Te.Fragment,{key:y.id},Te.createElement(kd,{style:{height:"61px"},...y,selected:!1,hasDivider:!0}))))))}s(Mr,"LiquiditySourcePage");import{i18n as ll}from"@lingui/core";import{Divider as Dr,SelectableCategoryList as Md}from"@rango-dev/ui";import Tt,{useState as pl}from"react";import{i18n as Pr}from"@lingui/core";import{Divider as sl,Image as Ed,ListItemButton as Bd,NotFound as Wd,Typography as al}from"@rango-dev/ui";import De,{useEffect as Nd,useState as Id}from"react";import{BlockchainCategories as Lr}from"@rango-dev/ui";import{TransactionType as Sn}from"rango-sdk";var bd=s((t,e)=>{switch(e){case Lr.ALL:return!0;case Lr.UTXO:return t.type===Sn.TRANSFER;case Lr.OTHER:return t.type!==Sn.TRANSFER&&t.type!==Sn.COSMOS&&t.type!==Sn.EVM;default:return t.type===e}},"filterByType"),tl=s((t,e,o)=>t.filter(n=>bd(n,o)).filter(n=>gt(n.name,e)||gt(n.displayName,e)),"filterBlockchains");import{styled as ol}from"@rango-dev/ui";var nl=ol("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),Cn=ol("ul",{padding:0,margin:0,listStyle:"none",overflowY:"auto",paddingRight:"$5",".image-container":{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as xd,Skeleton as rl}from"@rango-dev/ui";import kn from"react";var Ad=20;function il(){return kn.createElement(Cn,null,Array.from(Array(Ad),t=>kn.createElement(xd,{key:t,hasDivider:!0,start:kn.createElement(rl,{variant:"circular",width:35,height:35}),title:kn.createElement(rl,{variant:"text",size:"large",width:90})})))}s(il,"LoadingBlockchainList");function _r(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[i,a]=Id(e),l=x.use.loadingStatus();Nd(()=>{a([...tl(e,o,r)])},[e,o,r]);let p=s(()=>!i.length&&o?De.createElement(De.Fragment,null,De.createElement(sl,{size:32}),De.createElement(Wd,{title:Pr.t("No results found"),description:Pr.t("Try using different keywords")})):De.createElement(Cn,{key:`${r}-${o}`},i.map(u=>De.createElement(Bd,{key:`${u.name}-${u.chainId}`,hasDivider:!0,onClick:()=>n(u),start:De.createElement(Ed,{src:u.logo,size:30}),title:De.createElement(al,{variant:"title",size:"medium"},u.displayName),id:u.chainId}))),"renderList");return De.createElement(nl,null,De.createElement(al,{variant:"label",size:"large"},Pr.t("Select Blockchain")),De.createElement(sl,{size:4}),l==="loading"&&De.createElement(il,null),l==="success"&&p())}s(_r,"BlockchainList");function Fr(t){let{type:e}=t,{navigateBackFrom:o}=ie(),[n,r]=pl(""),[i,a]=pl("ALL"),l=_.use.setToBlockchain(),p=_.use.setFromBlockchain(),{loadingStatus:u}=x(),c=Pe().blockchains({type:e}),d=e==="source"?"fromBlockchain":"toBlockchain";return Tt.createElement(J,{header:{onBack:()=>{o(h[d])},title:ll.t("Select Blockchain")}},Tt.createElement(Dr,{size:12}),Tt.createElement(Md,{setCategory:a,category:i,blockchains:c,isLoading:u==="loading"}),Tt.createElement(Dr,{size:24}),Tt.createElement(rt,{value:n,autoFocus:!0,placeholder:ll.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:m=>r(m.target.value)}),Tt.createElement(Dr,{size:16}),Tt.createElement(_r,{list:c,searchedFor:n,blockchainCategory:i,onChange:m=>{e==="source"?p(m):l(m),o(h[d])}}))}s(Fr,"SelectBlockchainPage");import{i18n as El}from"@lingui/core";import{Divider as Bl}from"@rango-dev/ui";import zt,{useState as Kd}from"react";import{useNavigate as Yd}from"react-router-dom";import{i18n as $r}from"@lingui/core";import{BlockchainsChip as Tn,Divider as dl,Image as fl,Skeleton as Fd,Typography as Ur}from"@rango-dev/ui";import Ce from"react";import{useEffect as _d}from"react";var ul=["ETH","COSMOS","OSMOSIS"];function cl(t,e,o){let n=JSON.parse(JSON.stringify(t)),r=[];if(n.sort(Ld),o?.limit&&t.length>o.limit){let i=o.limit,a=e;if(e.length<=o.limit)for(let l=0;l<o.limit;l++){let p=n[l];a=a.filter(u=>p.name!==u)}n.sort(Pd(a)),r=n.splice(i)}return{list:n,more:r}}s(cl,"prepare");function Ld(t,e){let o=ul,n=o.findIndex(l=>l===t.name),r=o.findIndex(l=>l===e.name),i=n>-1,a=r>-1;return i&&a?n>r?1:-1:i?-1:a?1:0}s(Ld,"sortByMostUsedBlockchains");function Pd(t){return s(function(o,n){let r=t.findIndex(p=>p===o.name),i=t.findIndex(p=>p===n.name),a=r>-1,l=i>-1;return a&&l?r>i?1:-1:t.includes(o.name)?-1:t.includes(n.name)?1:0},"sortByPreferred")}s(Pd,"generateSortByPreferredBlockchainsFor");function Or(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=F();_d(()=>{e?.selected&&n(e?.selected)},[e?.selected]);let r=cl(t,o,e);return{list:r.list,more:r.more,history:[]}}s(Or,"usePrepareBlockchainList");import{styled as Dd}from"@rango-dev/ui";var ml=Dd("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var Od=12;function zr(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:i}=t,a=Or(e,{limit:10,selected:n?.name}),l=x.use.loadingStatus(),p=_.use.resetToBlockchain(),u=_.use.resetFromBlockchain(),c=a.more.length>0,d=a.more.length===1,m=!d&&c;return Ce.createElement("div",null,Ce.createElement(dl,{size:12}),Ce.createElement(Ur,{variant:"label",size:"large"},$r.t("Select Blockchain")),Ce.createElement(dl,{size:12}),Ce.createElement(ml,null,l==="loading"&&Array.from(Array(Od),g=>Ce.createElement(Fd,{key:g,variant:"rounded",height:50})),l==="success"&&Ce.createElement(Ce.Fragment,null,Ce.createElement(Tn,{selected:!n,onClick:()=>{o==="from"?u():p()}},Ce.createElement(Ur,{variant:"body",size:"xsmall",color:"secondary500"},$r.t("All"))),a.list.map(g=>Ce.createElement(Tn,{key:g.name,selected:!!n&&n.name===g.name,onClick:()=>r(g)},Ce.createElement(fl,{src:g.logo,size:30}))),d?Ce.createElement(Tn,{key:a.more[0].name,selected:!!n&&n.name===a.more[0].name,onClick:()=>r(a.more[0])},Ce.createElement(fl,{src:a.more[0].logo,size:30})):null,m?Ce.createElement(Tn,{onClick:i,key:"more-blockchains"},Ce.createElement(Ur,{variant:"body",size:"xsmall",color:"secondary500"},$r._("More +{count}",{count:a.more.length}))):null)))}s(zr,"BlockchainsSection");import{i18n as Rr}from"@lingui/core";import{darkTheme as wl,Divider as no,ExternalLinkIcon as zd,Image as qd,ListItemButton as Gd,NotFound as Hd,PinIcon as Vd,Skeleton as vl,Typography as ro,VirtualizedList as Rd}from"@rango-dev/ui";import L,{forwardRef as Xd,useEffect as bl,useState as xl}from"react";var gl=s((t,e)=>{t=t.replace(/^#/,""),t.length===3&&(t=t[0]+t[0]+t[1]+t[1]+t[2]+t[2]);let[i,a,l]=t.match(/.{2}/g);[i,a,l]=[parseInt(i,16)+e,parseInt(a,16)+e,parseInt(l,16)+e],i=Math.max(Math.min(255,i),0).toString(16),a=Math.max(Math.min(255,a),0).toString(16),l=Math.max(Math.min(255,l),0).toString(16);let p=(i.length<2?"0":"")+i,u=(a.length<2?"0":"")+a,c=(l.length<2?"0":"")+l;return`#${p}${u}${c}`},"colorShade"),wn=s((t,e)=>{let a={[t]:e};for(let l=1;l<10;l++)l<5&&(a={...a,[t+l*100]:gl(e,(5-l)*32)}),l===5&&(a={...a,[t+l*100]:e}),l>5&&(a={...a,[t+l*100]:gl(e,-((l-5)*32))});return a},"generateRangeColors"),qr=s((t,e,o)=>{if(!o||!Object.entries(o).length)return{};let n=!1,r={...t};for(let i in o){let a=o[i];if(a&&a!==t[i])if(n=!0,i==="background"||i==="foreground")r={...r,[i]:a};else if(i==="neutral"&&e){let l=wn(i,a);r={...r,[`${i}100`]:l[`${i}900`],[`${i}200`]:l[`${i}800`],[`${i}300`]:l[`${i}700`],[`${i}400`]:l[`${i}600`],[`${i}500`]:l[`${i}500`],[`${i}600`]:l[`${i}400`],[`${i}700`]:l[`${i}300`],[`${i}800`]:l[`${i}200`],[`${i}900`]:l[`${i}100`]}}else r={...r,...wn(i,a)}}return n?r:{}},"generateColors");import{Divider as kl,ListItem as Ud,Skeleton as oo}from"@rango-dev/ui";import Ve from"react";import{styled as Ke,Typography as $d}from"@rango-dev/ui";var hl=Ke("div",{display:"flex",flexDirection:"column",flexGrow:1}),Gr=Ke("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),vn=Ke("ul",{flexGrow:1,padding:0,margin:0,listStyle:"none","& li":{alignItems:"none",".description":{position:"relative",height:12,width:150,".token-title":{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",bottom:"-8px"},".token-address":{transform:"translateY(12px)",visibility:"hidden","& a":{fontSize:"$12",lineHeight:"$16",color:"$neutral600",textDecoration:"none"}},".token-name":{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}},"&:hover":{".description":{".token-address":{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",visibility:"visible"},".token-address-without-name":{bottom:"-15px"},".token-name":{position:"absolute",transform:"translateY(-12px)",visibility:"hidden"},".token-title":{position:"absolute",transform:"translateY(-12px)",bottom:"-10px"}}}}}),Hr=Ke("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),Vr=Ke($d,{}),yl=Ke("div",{textAlign:"right"}),bn=Ke("ul",{display:"flex",alignItems:"end",flexDirection:"column"}),vE=Ke("div",{display:"flex",alignItems:"center"}),Sl=Ke("div",{position:"relative",".image-container":{borderRadius:"$xm",overflow:"hidden"}}),Cl=Ke("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6});function Tl(t){return Ve.createElement(vn,null,Array.from(Array(t.size),e=>Ve.createElement(Ud,{key:e,hasDivider:!0,start:Ve.createElement(oo,{variant:"circular",width:35,height:35}),end:Ve.createElement(bn,null,Ve.createElement(oo,{variant:"text",size:"large",width:70}),Ve.createElement(kl,{size:4}),Ve.createElement(oo,{variant:"text",size:"medium",width:50})),title:Ve.createElement("div",null,Ve.createElement(oo,{variant:"text",size:"large",width:90}),Ve.createElement(kl,{size:4}),Ve.createElement(oo,{variant:"text",size:"medium",width:90}))})))}s(Tl,"LoadingTokenList");var Xr=20,jd=s(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:i,customCssForTagTitle:a}=t,l=e.length;return L.createElement("div",{className:"description"},o?L.createElement("div",{className:"token-name"},o):L.createElement(Gr,{className:"token-title"},L.createElement(ro,{variant:"title",size:"xmedium"},r.symbol),L.createElement(no,{direction:"horizontal",size:4}),L.createElement(Hr,{css:i},L.createElement(Vr,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&L.createElement("div",{className:`token-address ${!o&&"token-address-without-name"}`},L.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," ",L.createElement(zd,{color:"gray",size:12}))))},"renderDesc");function Al(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[i,a]=xl(e),l=x.use.loadingStatus(),[p,u]=xl(!0),c=R.use.loading(),{blockchains:d}=x.use.meta(),{isTokenPinned:m}=Pe(),g=Xd((S,w)=>L.createElement("div",{...S,ref:w,style:{...S.style,height:`${parseFloat(S.style?.height)+8*2}px`}})),C=s(()=>{a(e.slice(0,i.length+Xr))},"loadNextPage");bl(()=>{u(e.length>i.length)},[i.length]),bl(()=>{a(e.slice(0,Xr))},[e]);let y=s(()=>!i.length&&o?L.createElement(L.Fragment,null,L.createElement(no,{size:32}),L.createElement(Hd,{title:Rr.t("No results found"),description:Rr.t("Try using different keywords")})):L.createElement(Rd,{Item:({index:S,style:w})=>{let f=i[S],k=f.address||"",v=d.find(A=>A.name===f.blockchain),b=wn(f.symbol,v?.color||""),B={$$color:b[`${f.symbol}100`],[`.${wl} &`]:{$$color:b[`${f.symbol}900`]},backgroundColor:"$$color"},O={$$color:b[`${f.symbol}700`],[`.${wl} &`]:{$$color:b[`${f.symbol}100`]},color:"$$color"};return L.createElement("div",{style:{...w,paddingRight:5}},L.createElement(Gd,{style:{height:w?.height},"tab-index":S,key:`${f.symbol}${f.address}`,id:`${f.symbol}${f.address}`,hasDivider:!0,onClick:()=>n(i[S]),start:L.createElement(Sl,null,L.createElement(qd,{src:f.image,size:30}),m(f)&&L.createElement(Cl,null,L.createElement(Vd,{size:12,color:"gray"}))),title:v?.type==="COSMOS"||f.name||!f.name&&!k?L.createElement(Gr,null,L.createElement(ro,{variant:"title",size:"xmedium"},f.symbol),L.createElement(no,{direction:"horizontal",size:4}),L.createElement(Hr,{css:B},L.createElement(Vr,{variant:"body",size:"xsmall",css:O},f.blockchain))):void 0,description:v?.info&&k&&v.type!=="COSMOS"?jd({address:k,token:i[S],customCssForTag:B,customCssForTagTitle:O,name:f.name,url:v.info.addressUrl.split("{wallet}").join(k)}):f.name||void 0,end:c?L.createElement(bn,null,L.createElement(vl,{variant:"text",size:"large",width:70}),L.createElement(no,{size:4}),L.createElement(vl,{variant:"text",size:"medium",width:50})):i[S]?.balance&&L.createElement(yl,null,L.createElement(ro,{variant:"title",size:"small"},f.balance?.amount),L.createElement("div",null),f.balance?.usdValue&&L.createElement(ro,{variant:"body",color:"neutral600",size:"xsmall"},`$${f.balance?.usdValue}`))}))},hasNextPage:p,itemCount:i.length,loadNextPage:C,innerElementType:g,size:60,key:`${r}-${o}`}),"renderList");return L.createElement(hl,null,L.createElement(ro,{variant:"label",size:"large"},Rr.t("Select Token")),L.createElement(no,{size:4}),l==="loading"&&L.createElement(Tl,{size:Xr}),l==="success"&&L.createElement(vn,null,y()))}s(Al,"TokenList");function jr(t){let{type:e}=t,o=Yd(),{navigateBackFrom:n}=ie(),{fromBlockchain:r,toBlockchain:i,setFromToken:a,setToToken:l,setFromBlockchain:p,setToBlockchain:u}=_(),{connectedWallets:c}=R(),[d,m]=Kd(""),C=(e==="source"?r:i)?.name??"",y=Pe().blockchains({type:e}),S=Pe().tokens({type:e,blockchain:C,searchFor:d}),w=Li(S,c),f=s(v=>{e==="source"?p(v):u(v)},"updateBlockchain"),k=s(v=>{e==="source"?a(v):l(v)},"updateToken");return zt.createElement(J,{header:{onBack:()=>n(e==="source"?h.fromSwap:h.toSwap),title:El.t("Swap {type}",{type:e==="source"?"from":"to"})}},zt.createElement(zr,{blockchains:y,type:e=="source"?"from":"to",blockchain:e==="source"?r:i,onMoreClick:()=>o(e==="source"?h.fromBlockchain:h.toBlockchain),onChange:v=>{f(v)}}),zt.createElement(Bl,{size:24}),zt.createElement(rt,{value:d,autoFocus:!0,placeholder:El.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>m(""),onChange:v=>m(v.target.value)}),zt.createElement(Bl,{size:16}),zt.createElement(Al,{list:w,selectedBlockchain:C,searchedFor:d,onChange:v=>{k(v);let b=y.find(B=>v.blockchain===B.name);b&&f(b),n(h.fromSwap)}}))}s(jr,"SelectSwapItemsPage");import{i18n as wt}from"@lingui/core";import{ChevronRightIcon as Qr,Divider as Jr,InfoIcon as of,List as nf,ListItemButton as rf,Skeleton as sf,Switch as af,Tooltip as lf,Typography as vt}from"@rango-dev/ui";import G from"react";import{useNavigate as pf}from"react-router-dom";import{i18n as Ll}from"@lingui/core";import{Chip as Jd,Divider as Pl,InfoIcon as Zd,TextField as ef,Tooltip as tf,Typography as _l}from"@rango-dev/ui";import Ae from"react";import{styled as xn}from"@rango-dev/ui";var Wl=xn("div",{paddingTop:"$5",paddingBottom:"30px"}),Nl=xn("div",{display:"flex",alignItems:"center",justifyContent:"start"}),Il=xn("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),An=xn("div",{maxWidth:"300px",padding:"$10"});import{i18n as Kr}from"@lingui/core";import{Typography as Qd}from"@rango-dev/ui";import io from"react";function Ml(){return io.createElement(An,null,io.createElement(Qd,{variant:"label",size:"medium",color:"neutral700"},Kr.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),io.createElement("br",null),io.createElement("br",null),io.createElement("b",null,Kr.t("Warning")),":",Kr.t("This setting is applied per step, e.g. 1Inch, Thorchain, etc. and only that step will be reverted, not the whole transaction")))}s(Ml,"SlippageTooltipContent");function Yr(){let t=F.use.slippage(),e=F.use.setSlippage(),o=F.use.customSlippage(),n=F.use.setCustomSlippage();return Ae.createElement(Wl,null,Ae.createElement(Il,null,Ae.createElement(_l,{variant:"title",size:"xmedium"},Ll.t("Slippage tolerance per swap")),Ae.createElement(Pl,{direction:"horizontal",size:4}),Ae.createElement(tf,{container:ae(),side:"top",content:Ae.createElement(Ml,null)},Ae.createElement(Zd,{color:"gray"}))),Ae.createElement(Nl,null,rs.map((r,i)=>{let a=`slippage-${i}`;return Ae.createElement(Ae.Fragment,null,Ae.createElement(Jd,{style:{width:"64px",flexShrink:0},key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`}),Ae.createElement(Pl,{direction:"horizontal",size:8}))}),Ae.createElement(ef,{type:"number",min:"0.01",max:"30",step:"0.01",fullWidth:!0,variant:"contained",value:o||"",color:"dark",onChange:r=>{let i=parseFloat(r.target.value);(!i||i>=ls&&i<=as)&&n(i)},suffix:o&&Ae.createElement(_l,{variant:"body",size:"small"},"%"),placeholder:Ll.t("Custom")})))}s(Yr,"Slippage");function Dl({supportedSwappers:t,singleTheme:e}){let o=pf(),{navigateBackFrom:n}=ie(),r=F.use.infiniteApprove(),i=F.use.toggleInfiniteApprove(),a=x.use.loadingStatus(),l=yn(t),p=l.filter(v=>v.type==="BRIDGE"||v.type==="AGGREGATOR"),u=p.length,c=p.filter(v=>v.selected).length,d=l.filter(v=>v.type==="DEX"),m=d.length,g=d.filter(v=>v.selected).length,C=s((v,b)=>{switch(a){case"loading":return G.createElement(sf,{variant:"text",size:"medium",width:50});case"failed":return G.createElement(vt,{variant:"body",size:"medium",color:"$error500"},wt.t("Loading failed"));default:return G.createElement(vt,{variant:"body",size:"medium"},`${v} / ${b}`)}},"handleEndItem"),y={id:"bridge-item",title:G.createElement(vt,{variant:"title",size:"xmedium"},wt.t("Enabled bridges")),end:G.createElement(G.Fragment,null,C(c,u),G.createElement(Jr,{direction:"horizontal",size:8}),G.createElement(Qr,{color:"black"})),onClick:()=>o(h.bridges)},S={id:"exchange-item",title:G.createElement(vt,{variant:"title",size:"xmedium"},wt.t("Enabled exchanges")),end:G.createElement(G.Fragment,null,C(g,m),G.createElement(Jr,{direction:"horizontal",size:8}),G.createElement(Qr,{color:"gray"})),onClick:()=>o(h.exchanges)},w={id:"theme-item",title:G.createElement(vt,{variant:"title",size:"xmedium"},wt.t("Theme")),end:G.createElement(Qr,{color:"gray"}),onClick:()=>o(h.themes)},f={id:"infinite-approval-item",title:G.createElement(G.Fragment,null,G.createElement(vt,{variant:"title",size:"xmedium"},wt.t("Infinite Approval")),G.createElement(Jr,{direction:"horizontal",size:4}),G.createElement(lf,{side:"top",container:ae(),content:G.createElement(An,null,G.createElement(vt,{variant:"label",size:"medium",color:"neutral700"},wt.t("Enabling the 'Infinite Approval' mode grants unrestricted access to smart contracts of DEXes/Bridges, allowing them to utilize the approved token amount without limitations.")))},G.createElement(of,{color:"gray"}))),end:G.createElement(af,{checked:r}),onClick:i},k=[y,S];return e||k.push(w),k.push(f),G.createElement(J,{header:{onBack:n.bind(null,h.settings),title:wt.t("Setting")}},G.createElement(it,null,G.createElement(Yr,null),G.createElement(nf,{type:G.createElement(rf,{title:"_",id:"_",onClick:()=>console.log()}),items:k})))}s(Dl,"SettingsPage");import{cancelSwap as rg}from"@rango-dev/queue-manager-rango-preset";import{useManager as ig}from"@rango-dev/queue-manager-react";import fp from"react";import{i18n as st}from"@lingui/core";import{getCurrentBlockchainOfOrNull as Of,getCurrentStep as $f,getRelatedWalletOrNull as Uf,PendingSwapNetworkStatus as Dn}from"@rango-dev/queue-manager-rango-preset";import{Button as sp,CopyIcon as zf,Divider as qf,IconButton as Gf,RouteCost as Hf,RouteSummary as Vf,StepDetails as Rf,Typography as Gt,useCopyToClipboard as Xf}from"@rango-dev/ui";import{useWallets as jf}from"@rango-dev/wallets-react";import Z,{useEffect as ap,useRef as Kf,useState as lp}from"react";import{useNavigate as Yf}from"react-router-dom";import{i18n as Ee}from"@lingui/core";var uf=1e3,cf=31536e3,mf=2592e3,df=86400,ff=3600,gf=60;function Fl(t){let e=Math.floor((Date.now()-t)/uf),n=[{turningPoint:cf,label:Ee.t("year"),pluralLabel:Ee.t("years")},{turningPoint:mf,label:Ee.t("month"),pluralLabel:Ee.t("months")},{turningPoint:df,label:Ee.t("day"),pluralLabel:Ee.t("days")},{turningPoint:ff,label:Ee.t("hour"),pluralLabel:Ee.t("hours")},{turningPoint:gf,label:Ee.t("minute"),pluralLabel:Ee.t("minutes")}].sort((r,i)=>i.turningPoint-r.turningPoint);for(let r of n){let{turningPoint:i,label:a,pluralLabel:l}=r,p=Math.floor(e/i);if(p>1)return`${p} ${l}`;if(p===1)return`${p} ${a}`}return e>1?`${e} ${Ee.t("seconds")}`:`${e} ${Ee.t("second")}`}s(Fl,"timeSince");function Ol(t){return t.finishTime?Ee.t({id:"{time} ago",values:{time:Fl(parseInt(t.finishTime))}}):Ee.t({id:"{time} ago",values:{time:Fl(parseInt(t.creationTime))}})}s(Ol,"getSwapDate");import{PendingSwapNetworkStatus as Wn}from"@rango-dev/queue-manager-rango-preset";import{Modal as wf}from"@rango-dev/ui";import Nn from"react";import{i18n as En}from"@lingui/core";import{Button as $l,Divider as Zr,MessageBox as hf,Typography as Ul}from"@rango-dev/ui";import Ye from"react";var zl=s(({onCancel:t,onClose:e})=>Ye.createElement(Ye.Fragment,null,Ye.createElement(Zr,{size:20}),Ye.createElement(hf,{type:"error",title:En.t("Transaction Cancel"),description:En.t("Are you sure you want to Cancel this swap?")}),Ye.createElement(Zr,{size:32}),Ye.createElement($l,{variant:"contained",type:"primary",size:"large",onClick:t},Ye.createElement(Ul,{variant:"title",size:"medium",color:"neutral100"},En.t("Yes, Cancel it"))),Ye.createElement(Zr,{size:12}),Ye.createElement($l,{variant:"outlined",type:"primary",size:"large",onClick:e},Ye.createElement(Ul,{variant:"title",size:"medium",color:"primary"},En.t("No, Continue")))),"CancelContent");import{i18n as Bn}from"@lingui/core";import{Button as ql,Divider as ei,MessageBox as yf,Typography as Gl}from"@rango-dev/ui";import Qe from"react";var Hl=s(({onDelete:t,onClose:e})=>Qe.createElement(Qe.Fragment,null,Qe.createElement(ei,{size:20}),Qe.createElement(yf,{type:"error",title:Bn.t("Delete Transaction"),description:Bn.t("Are you sure you want to delete this swap?")}),Qe.createElement(ei,{size:32}),Qe.createElement(ql,{variant:"contained",type:"primary",size:"large",onClick:t},Qe.createElement(Gl,{variant:"title",size:"medium",color:"neutral100"},Bn.t("Yes, Delete it"))),Qe.createElement(ei,{size:12}),Qe.createElement(ql,{variant:"outlined",type:"primary",size:"large",onClick:e},Qe.createElement(Gl,{variant:"title",size:"medium",color:"primary"},Bn.t("No, Cancel")))),"DeleteContent");import{i18n as ti}from"@lingui/core";import{PendingSwapNetworkStatus as oi}from"@rango-dev/queue-manager-rango-preset";var ni={[oi.WaitingForNetworkChange]:{type:"loading",title:ti.t("Change Network")},[oi.WaitingForConnectingWallet]:{type:"warning",title:ti.t("Connect Wallet")},[oi.NetworkChanged]:{type:"success",title:ti.t("Network Changed")}};import{MessageBox as Cf,Wallet as kf,WalletState as Rl}from"@rango-dev/ui";import{useWallets as Tf}from"@rango-dev/wallets-react";import so from"react";import{styled as Sf}from"@rango-dev/ui";var Vl=Sf("div",{display:"flex",justifyContent:"center"});var Xl=s(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:i}=t,{connect:a,getWalletInfo:l,state:p}=Tf(),u=n?.walletType,d=u&&p(u).connected?Rl.CONNECTED:Rl.DISCONNECTED;return so.createElement(so.Fragment,null,so.createElement(Cf,{type:e,title:o,description:r}),i&&u&&so.createElement(Vl,null,so.createElement(kf,{container:ae(),title:l(u).name,image:l(u).img,type:u,state:d,onClick:async()=>a(u)})))},"WalletStateContent");function ri(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:i,message:a}=t,l=e===Wn.WaitingForNetworkChange||e===Wn.WaitingForConnectingWallet||e===Wn.NetworkChanged;return Nn.createElement(wf,{open:!!e,onClose:o,container:document.getElementById("swap-box")||document.body},l&&Nn.createElement(Xl,{type:ni[e].type,title:ni[e].title,currentStepWallet:i,message:a,showWalletButton:e!==Wn.WaitingForNetworkChange}),e==="delete"&&Nn.createElement(Hl,{onClose:o,onDelete:n}),e==="cancel"&&Nn.createElement(zl,{onClose:o,onCancel:r}))}s(ri,"SwapDetailsModal");import{i18n as ao}from"@lingui/core";import{Button as ii,Divider as In,MessageBox as jl,Modal as vf,TokenAmount as bf,Typography as Mn}from"@rango-dev/ui";import fe from"react";import{useNavigate as xf}from"react-router-dom";function si(t){let{open:e,onClose:o,status:n,priceValue:r,usdValue:i,token:a,chain:l,percentageChange:p,description:u,diagnosisUrl:c}=t,d=xf();return fe.createElement(vf,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},n==="success"?fe.createElement(jl,{type:"success",title:ao.t("Swap Successful")},fe.createElement(bf,{direction:"vertical",type:"output",centerAlign:!0,price:{value:r,usdValue:i},token:a,chain:l,percentageChange:p}),fe.createElement(In,{size:12}),fe.createElement(Mn,{variant:"body",size:"medium",color:"neutral700",align:"center"},u)):fe.createElement(jl,{type:"error",title:ao.t("Transaction Failed"),description:u}),fe.createElement(In,{size:32}),n==="success"&&fe.createElement(ii,{variant:"contained",type:"primary",size:"large",onClick:()=>d(h.home)},fe.createElement(Mn,{variant:"title",size:"medium",color:"neutral100"},ao.t("Done"))),fe.createElement(In,{size:12}),c&&fe.createElement(fe.Fragment,null,fe.createElement(ii,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(c,"_blank")},fe.createElement(Mn,{variant:"title",size:"medium",color:"primary"},ao.t("Diagnosis"))),fe.createElement(In,{size:12})),fe.createElement(ii,{variant:"outlined",type:"primary",size:"large",onClick:o},fe.createElement(Mn,{variant:"title",size:"medium",color:"primary"},ao.t("See Details"))))}s(si,"SwapDetailsCompleteModal");import Df from"react";import{i18n as Mf}from"@lingui/core";import{Alert as ep,IconButton as Lf,LinkIcon as Pf}from"@rango-dev/ui";import dt,{Fragment as _f}from"react";import{Alert as Af,ChevronDownIcon as Ef,ChevronUpIcon as Bf,IconButton as Wf}from"@rango-dev/ui";import Ln,{useState as Nf}from"react";function Kl(t){let{message:e}=t,[o,n]=Nf(!1);return Ln.createElement(Af,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&Ln.createElement(Wf,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?Ln.createElement(Bf,{size:12,color:"gray"}):Ln.createElement(Ef,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}s(Kl,"FailedAlert");import{styled as If}from"@rango-dev/ui";var Yl=If("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as Ql}from"@lingui/core";import{PendingSwapNetworkStatus as ai}from"@rango-dev/queue-manager-rango-preset";import{Alert as li,Button as Jl}from"@rango-dev/ui";import lo from"react";function Zl(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?lo.createElement(li,{type:"warning",title:n.shortMessage,action:lo.createElement(Jl,{size:"xxsmall",type:"warning",onClick:()=>{o(ai.WaitingForNetworkChange),e().catch(i=>{console.log(i)})}},Ql.t("Change"))}):r===ai.WaitingForConnectingWallet?lo.createElement(li,{type:"warning",title:n.shortMessage,action:lo.createElement(Jl,{size:"xxsmall",type:"warning",onClick:()=>{o(ai.WaitingForConnectingWallet)}},Ql.t("Connect"))}):lo.createElement(li,{type:"warning",title:n.shortMessage})}s(Zl,"WarningAlert");function pi(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:i,hasAlreadyProceededToSign:a}=t,l=jt(i),p=i.status==="waitingForApproval"&&!l,u=i.status==="running"&&!l;return dt.createElement(Yl,null,i.explorerUrl?.map((c,d,m)=>{let g=d+c.url,C=d===m.length-1,y=C&&u||p,S=C&&i.status==="failed";return dt.createElement(_f,{key:g},dt.createElement(ep,{type:y&&"loading"||S&&"error"||"success",title:c.description?`${c.description} Tx`:Mf.t("View transaction"),action:c.url&&dt.createElement(Lf,{variant:"ghost",size:"xsmall",onClick:()=>window.open(c.url,"_blank")},dt.createElement(Pf,{size:16}))}))}),(u&&!a||p&&!i.explorerUrl?.length)&&dt.createElement(ep,{type:"loading",title:r.shortMessage}),i.status!=="failed"&&l&&dt.createElement(Zl,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),i.status==="failed"&&dt.createElement(Kl,{message:r}))}s(pi,"SwapDetailsAlerts");var tp=2e3;var op=s(({swap:t,blockchains:e,...o})=>{let n=t.hasAlreadyProceededToSign!==!1;return t.steps.map((r,i)=>{let a=i===0?t.inputAmount:t.steps[i-1].outputAmount;return{from:{token:{displayName:r.fromSymbol,image:r.fromLogo??""},chain:{displayName:Ze(r.fromBlockchain,e)??"",image:r.fromBlockchainLogo??""},price:{value:T(a,6,6)}},to:{token:{displayName:r.toSymbol,image:r.toLogo},chain:{displayName:Ze(r.toBlockchain,e)??"",image:r.toBlockchainLogo??""},price:{value:T(r.outputAmount||r.expectedOutputAmountHumanReadable,6,6)}},swapper:{displayName:r.swapperId,image:r.swapperLogo??""},alerts:Df.createElement(pi,{step:r,hasAlreadyProceededToSign:n,...o})}})},"getSteps");function np(t){if(jt(t)&&t.status!=="failed"&&t.status!=="success")return"warning";switch(t.status){case"created":return"default";case"approved":case"waitingForApproval":case"running":return"in-progress";case"failed":return"error";case"success":return"completed"}}s(np,"getStepState");import{darkTheme as Ff,styled as qt}from"@rango-dev/ui";var Pn=qt("div",{display:"flex",width:"100%",flexDirection:"column",alignItems:"center",height:"0",flexGrow:1,"& .row":{display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",padding:"$10 $20",borderBottom:"1px solid",$$color:"$colors$neutral300",[`.${Ff} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color",color:"$neutral500"},"& .request-id":{display:"flex",justifyContent:"center",alignItems:"center",height:"$24"},"& .output":{display:"flex",width:"100%",padding:"$15 $20 $20",flexDirection:"column",alignItems:"start"},"& .title-steps":{textAlign:"left",width:"100%",padding:"0 $20 $10"}}),_n=qt("div",{width:"100%"}),rp=qt("div",{padding:"$0 $20 $20 $20",width:"100%",overflow:"auto"}),aW=qt("div",{display:"flex",flexDirection:"column",gap:"$10"}),ip=qt("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),lW=qt("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1});function ui(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:i,connect:a,getWalletInfo:l}=jf(),p=_.use.retry(),u=Yf(),{navigateBackFrom:c}=ie(),[d,m]=Xf(tp),g=Kf(null),[C,y]=lp(null),[S,w]=lp(null),{meta:{tokens:f,blockchains:k}}=x(),v=s(()=>{r(),y(null)},"onCancel"),b=_e.use.getUnreadNotifications(),B=_e.use.setAsRead(),O=b(),A=$f(e),N=A?.networkStatus;ap(()=>{O.find(Q=>Q.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(w(e.status),B(e.requestId))},[e.status]),ap(()=>{P?y(Dn.WaitingForNetworkChange):N===Dn.WaitingForConnectingWallet||N===Dn.NetworkChanged?y(N):y(null)},[N]);let $=Is(e),oe=A?Of(e,A):null,W=A?Uf(e,A):null,Y=Ol(e),H=Ms(e),re=s(U=>!!l(U)?.mobileWallet,"isMobileWallet"),P=N===Dn.WaitingForNetworkChange&&!!oe&&!!W?.walletType&&(re(W.walletType)||i(W.walletType,oe)),me=P?a.bind(null,W.walletType,oe):void 0,Ne=Ns(e,A),z=op({swap:e,switchNetwork:me,showNetworkModal:N,setNetworkModal:y,message:Ne,blockchains:k}),V=z.length,[Ie,we]=[e.steps[0],e.steps[V-1]],Fe=we.outputAmount||we.expectedOutputAmountHumanReadable,se=e.steps.reduce((U,Q)=>U+parseFloat(Q.feeInUsd||""),0),ft=e.steps.find(U=>U.diagnosisUrl)?.diagnosisUrl,Je=T(String(parseFloat(T(Fe,6,6))*(vo(we.toBlockchain,we.toSymbol,we.toSymbolAddress,f)||0)),4,4),bt=T(String(parseFloat(e.inputAmount)*(vo(Ie.fromBlockchain,Ie.fromSymbol,Ie.fromSymbolAddress,f)||0)),4,4),D=et(bt,Je),I=e.status==="success"?st.t({id:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:T(Fe,6,6),token:z[V-1].to.token.displayName,conciseAddress:xo(e.wallets[z[V-1].to.chain.displayName]?.address||""),chain:z[V-1].to.chain.displayName}}):`${st.t("Transaction was not sent.")} ${$?st.t({id:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:$.outputAmount,symbol:$.symbol,blockchain:$.blockchain}}):""}`;return Z.createElement(J,{noPadding:!0,header:{title:st.t("Swap and Bridge"),onBack:c.bind(null,h.swapDetails),onCancel:e.status==="running"?()=>y("cancel"):void 0,suffix:e.status!=="running"&&Z.createElement(Nt,null,Z.createElement(sp,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>y("delete")},Z.createElement(Gt,{size:"medium",variant:"label",color:"error"},st.t("Delete"))))},footer:H&&!S&&Z.createElement(sp,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{p(e),setTimeout(()=>{u(h.home)},0)}},st.t("Try again"))},Z.createElement(Pn,null,Z.createElement(_n,null,Z.createElement("div",{className:"row"},Z.createElement(Gt,{variant:"label",size:"large",color:"neutral700"},`${st.t("Request ID")}:`),Z.createElement("div",{className:"request-id"},Z.createElement(Gt,{variant:"label",size:"small",color:"neutral700"},o),Z.createElement(Gf,{variant:"ghost",onClick:m.bind(null,o||"")},Z.createElement(zf,{size:16,color:"gray"})))),Z.createElement("div",{className:"row"},Z.createElement(Gt,{variant:"label",size:"large",color:"neutral700"},`${st.t("Created at")}:`),Z.createElement(Gt,{variant:"label",size:"small",color:"neutral700"},Y))),Z.createElement("div",{className:"output"},Z.createElement(Hf,{fee:T(String(se),2,2),time:At(Et(e.steps)),steps:V}),Z.createElement(Vf,{from:{price:{value:T(e.inputAmount,6,6),usdValue:bt},token:{displayName:z[0].from.token.displayName,image:z[0].from.token.image},chain:{image:z[0].from.chain.image,displayName:z[0].from.chain.displayName}},to:{price:{value:T(Fe,6,6),usdValue:Je},token:{displayName:z[V-1].to.token.displayName,image:z[V-1].to.token.image},chain:{image:z[V-1].to.chain.image,displayName:z[V-1].to.chain.displayName}},percentageChange:T(D,2,2),warningLevel:It(D?.toNumber()??0)})),Z.createElement("div",{className:"title-steps"},Z.createElement(Gt,{variant:"title",size:"small"},st.t("Swaps steps"))),Z.createElement(qf,{size:8}),Z.createElement(rp,{ref:g},z.map((U,Q)=>{let le=Q,ue=np(e.steps[Q]),ho=ue==="error"||ue==="in-progress"||ue==="warning"||ue==="completed"&&Q===z.length-1;return Z.createElement(Rf,{key:le,step:U,type:"route-progress",ref:g,state:ue,hasSeparator:Q!==0,tabIndex:le,isFocused:ho})}))),Z.createElement(ri,{state:C,onClose:()=>y(null),onCancel:v,onDelete:n,message:Ne.detailedMessage.content,currentStepWallet:W}),Z.createElement(si,{open:!!S,diagnosisUrl:ft,onClose:()=>w(null),status:e.status==="success"?"success":"failed",priceValue:T(Fe,6,6),usdValue:Je,percentageChange:T(D,2,2),token:{displayName:z[V-1].to.token.displayName,image:z[V-1].to.token.image},chain:{image:z[V-1].to.chain.image},description:I}))}s(ui,"SwapDetails");import{i18n as fo}from"@lingui/core";import{CopyIcon as tg,IconButton as og,NotFound as ng,Skeleton as mp,Typography as On}from"@rango-dev/ui";import ce from"react";import{i18n as Jf}from"@lingui/core";import{ChainToken as Zf,Divider as mi,Skeleton as mo,Typography as eg}from"@rango-dev/ui";import ee from"react";import{styled as ci}from"@rango-dev/ui";var pp=ci("div",{width:"100%",height:"100%",padding:"$0 $20",".cost":{paddingTop:"$15",display:"flex"},".route-summary":{padding:"$15 $0"},".route-summary-item":{display:"flex",justifyContent:"space-between",alignItems:"center"},".token-amount":{display:"flex",justifyContent:"space-between",alignItems:"center"},".route-summary-separator":{width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"},".swaps-steps":{paddingBottom:"$10"}}),up=ci("div",{backgroundColor:"$neutral100",borderRadius:"$xm",padding:"$10 $15",".step-title":{display:"flex",justifyContent:"start",alignItems:"center"},".step-tokens":{paddingTop:"$5",display:"flex",alignItems:"center"},".step-token-info":{display:"flex",alignItems:"center"},".step-icon-container":{padding:"$4 $6",display:"flex",justifyContent:"center",alignItems:"center"},".extra-info":{display:"flex",paddingTop:"$10",paddingBottom:"$5"}}),Fn=ci("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"});import{ChainToken as cp,Divider as po,NextIcon as Qf,Skeleton as uo}from"@rango-dev/ui";import pe from"react";function co(t){let{extraInfo:e}=t;return pe.createElement(up,null,pe.createElement("div",{className:"step-title"},pe.createElement(uo,{height:28,width:28,variant:"circular"}),pe.createElement(po,{direction:"horizontal",size:8}),pe.createElement(uo,{height:15,width:148,variant:"rounded"})),pe.createElement("div",{className:"step-tokens"},pe.createElement(po,{direction:"horizontal",size:20}),pe.createElement("div",{className:"step-token-info"},pe.createElement(cp,{size:"small",loading:!0,chainImage:"",tokenImage:""}),pe.createElement(po,{direction:"horizontal",size:8}),pe.createElement(uo,{height:12,width:76,variant:"rounded"})),pe.createElement("div",{className:"step-icon-container"},pe.createElement(Qf,{color:"gray",size:16})),pe.createElement("div",{className:"step-token-info"},pe.createElement(cp,{size:"small",loading:!0,chainImage:"",tokenImage:""}),pe.createElement(po,{direction:"horizontal",size:8}),pe.createElement(uo,{height:12,width:76,variant:"rounded"}))),e&&pe.createElement("div",{className:"extra-info"},pe.createElement(po,{direction:"horizontal",size:20}),pe.createElement(uo,{height:22,width:297,variant:"rectangular"})))}s(co,"LoadingSwapDetailStep");function di(){let t=ee.createElement("div",{className:"route-summary-item"},ee.createElement("div",{className:"token-amount"},ee.createElement(Zf,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),ee.createElement(mi,{size:8,direction:"horizontal"}),ee.createElement(mo,{height:15,width:148,variant:"rounded"})),ee.createElement(mo,{height:12,width:64,variant:"rounded"}));return ee.createElement(pp,null,ee.createElement("div",{className:"cost"},ee.createElement(mo,{width:60,height:10,variant:"rounded"}),ee.createElement(mi,{size:4,direction:"horizontal"}),ee.createElement(mo,{width:60,height:10,variant:"rounded"}),ee.createElement(mi,{size:4,direction:"horizontal"}),ee.createElement(mo,{width:60,height:10,variant:"rounded"})),ee.createElement("div",{className:"route-summary"},t,ee.createElement("div",{className:"route-summary-separator"}),t),ee.createElement("div",{className:"swaps-steps"},ee.createElement(eg,{variant:"title",size:"small"},Jf.t("Swaps steps"))),ee.createElement("div",{className:"step-container"},ee.createElement(co,{extraInfo:!0}),ee.createElement(Fn,null),ee.createElement(co,null),ee.createElement(Fn,null),ee.createElement(co,null),ee.createElement(Fn,null),ee.createElement(co,null)))}s(di,"LoadingSwapDetails");function dp(t){let{requestId:e,showSkeleton:o}=t,{navigateBackFrom:n}=ie();return ce.createElement(J,{noPadding:!0,header:{title:fo.t("Swap and Bridge"),onBack:n.bind(null,h.swapDetails),suffix:ce.createElement(Nt,null)}},o&&ce.createElement(Pn,null,ce.createElement(_n,null,ce.createElement("div",{className:"row"},ce.createElement(On,{variant:"label",size:"large",color:"neutral700"},`${fo.t("Request ID")}:`),ce.createElement("div",{className:"request-id"},ce.createElement(On,{variant:"label",size:"small",color:"neutral700"},ce.createElement(mp,{width:60,height:10,variant:"rounded"})),ce.createElement(og,{variant:"ghost"},ce.createElement(tg,{size:16,color:"gray"})))),ce.createElement("div",{className:"row"},ce.createElement(On,{variant:"label",size:"large",color:"neutral700"},`${fo.t("Created at")}:`),ce.createElement(On,{variant:"label",size:"small",color:"neutral700"},ce.createElement(mp,{width:60,height:10,variant:"rounded"})))),ce.createElement(di,null)),!o&&ce.createElement(ip,null,ce.createElement(ng,{title:fo.t("Not found"),description:fo.t({id:"Swap with request ID = {requestId} not found.",values:{requestId:e}})})))}s(dp,"SwapDetailsPlaceholder");function gp(){let{manager:t,state:e}=ig(),o=!e.loadedFromPersistor,n=dn(t),r=be.use.selectedSwapRequestId(),{navigateBackFrom:i}=ie(),{loadingStatus:a}=x(),l=o||a==="loading",p=n.find(({swap:m})=>m.requestId===r),u=s(()=>{if(p?.id){let m=t?.get(p.id);m&&rg(m)}},"onCancel"),c=s(async()=>{if(p?.id)try{await t?.deleteQueue(p.id),i(h.swapDetails)}catch(m){console.log(m)}},"onDelete"),d=p?.swap;return!d||l?fp.createElement(dp,{requestId:r||"",showSkeleton:l}):fp.createElement(ui,{swap:d,requestId:r||"",onCancel:u,onDelete:c})}s(gp,"SwapDetailsPage");import{i18n as go}from"@lingui/core";import{AutoThemeIcon as sg,DarkModeIcon as ag,LightModeIcon as lg,List as pg,ListItemButton as ug,Radio as fi,RadioRoot as cg,Typography as gi}from"@rango-dev/ui";import Be from"react";function hp(){let{navigateBackFrom:t}=ie(),e=F.use.theme(),o=F.use.setTheme(),n=[{id:"light",value:"light",title:Be.createElement(gi,{variant:"title",size:"xmedium"},go.t("Light")),onClick:()=>o("light"),start:Be.createElement(lg,{color:"gray"}),end:Be.createElement(fi,{value:"light"})},{id:"dark",value:"dark",title:Be.createElement(gi,{variant:"title",size:"xmedium"},go.t("Dark")),onClick:()=>o("dark"),start:Be.createElement(ag,{color:"gray"}),end:Be.createElement(fi,{value:"dark"})},{id:"auto",value:"auto",title:Be.createElement(gi,{variant:"title",size:"xmedium"},go.t("Auto")),onClick:()=>o("auto"),start:Be.createElement(sg,{color:"gray"}),end:Be.createElement(fi,{value:"auto"})}];return Be.createElement(J,{header:{onBack:t.bind(null,h.settings),title:go.t("Theme")}},Be.createElement(it,null,Be.createElement(cg,{onValueChange:r=>o(r),value:e},Be.createElement(pg,{type:Be.createElement(ug,{title:go.t("Theme"),id:"_",onClick:()=>console.log()}),items:n}))))}s(hp,"ThemePage");var dg=s(t=>t.replace("/",""),"getAbsolutePath");function yp(t){let{config:e}=t;return mg([{path:h.home,element:We.createElement(Jo,null)},{path:h.fromSwap,element:We.createElement(jr,{type:"source"})},{path:h.toSwap,element:We.createElement(jr,{type:"destination"})},{path:h.fromBlockchain,element:We.createElement(Fr,{type:"source"})},{path:h.toBlockchain,element:We.createElement(Fr,{type:"destination"})},{path:h.settings,element:We.createElement(Dl,{singleTheme:e?.theme?.singleTheme,supportedSwappers:e?.liquiditySources})},{path:h.themes,element:We.createElement(hp,null)},{path:h.languages,element:We.createElement(Qa,null)},{path:h.exchanges,element:We.createElement(Mr,{sourceType:"Exchanges",supportedSwappers:e?.liquiditySources})},{path:h.bridges,element:We.createElement(Mr,{sourceType:"Bridges",supportedSwappers:e?.liquiditySources})},{path:h.swaps,element:We.createElement(Ka,null)},{path:h.swapDetails,element:We.createElement(gp,null)},{path:h.wallets,element:We.createElement(va,{supportedWallets:e?.wallets,multiWallets:typeof e?.multiWallets>"u"?!0:e.multiWallets,config:e})},{path:dg(h.confirmSwap),element:We.createElement($a,{config:e})}])}s(yp,"AppRoutes");import{isApprovalTX as fg,MainEvents as Cp,RouteEventType as kp,StepEventType as Ht,StepExecutionEventStatus as gg,useEvents as hg}from"@rango-dev/queue-manager-rango-preset";import{useEffect as Tp}from"react";import{StepExecutionBlockedEventStatus as hi}from"@rango-dev/queue-manager-rango-preset";var Sp=[hi.WAITING_FOR_CHANGE_WALLET_ACCOUNT,hi.WAITING_FOR_NETWORK_CHANGE,hi.WAITING_FOR_WALLET_CONNECT];function wp(){let t=R.use.connectedWallets(),e=R.use.getWalletsDetails(),o=_e.use.setNotification(),n=_e.use.setAsRead(),r=hg();return Tp(()=>(r.on(Cp.StepEvent,i=>{let{event:a,step:l,route:p}=i;if(a.type===Ht.TX_EXECUTION&&a.status===gg.TX_SENT&&!fg(l)||a.type===Ht.SUCCEEDED){let c=t.find(m=>m.chain===l?.fromBlockchain),d=l?.fromBlockchain!==l?.toBlockchain&&t.find(m=>m.chain===l?.toBlockchain);c&&e([c]),d&&e([d])}a.type===Ht.TX_EXECUTION_BLOCKED&&Sp.includes(a.status)||a.type===Ht.FAILED?o(a,p):(a.type===Ht.TX_EXECUTION||a.type===Ht.CHECK_STATUS)&&n(p.requestId)}),()=>r.all.clear()),[r,t.length]),Tp(()=>(r.on(Cp.RouteEvent,i=>{let{event:a,route:l}=i;(a.type===kp.FAILED||a.type===kp.SUCCEEDED)&&o(a,l)}),()=>r.all.clear()),[r,t.length]),null}s(wp,"WidgetEvents");import{globalCss as yg}from"@rango-dev/ui";var vp=s(()=>yg({"@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 Si,darkTheme as wg,lightTheme as vg}from"@rango-dev/ui";import{useEffect as Ap,useState as bg}from"react";import{theme as kg,darkColors as Tg}from"@rango-dev/ui";var bp=s(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),Sg=s(t=>{let e="",o;for(o=Math.abs(t);o>52;o=o/52|0)e=bp(o%52)+e;return bp(o%52)+e},"toAlphabeticName"),Cg=s((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),yi=s(t=>Sg(Cg(5381,JSON.stringify(t))>>>0),"toHash");function xp(t){let e=kg.colors,o=qr({...e,...Tg},!0,t?.dark),n=qr(e,!1,t?.light),r=Object.keys(o).length>0,i=Object.keys(n).length>0,a,l;if(i){let p={colors:n};a={id:`${zn}-light-${yi(p)}`,tokens:p}}if(r){let p={colors:o};l={id:`${zn}-dark-${yi(p)}`,tokens:p}}return{light:a,dark:l}}s(xp,"customizedThemeTokens");function Ep(t){let{colors:e,fontFamily:o=bi,borderRadius:n=wi,secondaryBorderRadius:r=vi,mode:i="auto"}=t,[a,l]=bg("light"),p=F.use.theme(),u=F.use.setTheme(),{dark:c,light:d}=xp(e),m=Si({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),g=[m.className,vg.className],C=[m.className,wg.className];if(d){let S=Si(d.id,d.tokens);g.push(S.className)}if(c){let S=Si(c.id,c.tokens);C.push(S.className)}return Ap(()=>{let S=s(w=>{w.matches?l("dark"):l("light")},"switchThemeListener");return window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches&&l("dark"),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",S),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",S)}},[]),Ap(()=>{i!=="auto"&&u(i)},[i]),{activeTheme:s(()=>{let S=g.join(" "),w=C.join(" ");return p==="auto"?a==="dark"?w:S:p==="dark"?w:S},"getActiveTheme")}}s(Ep,"useTheme");import xg,{useMemo as Ag}from"react";import{Provider as Eg}from"@rango-dev/queue-manager-react";import{makeQueueDefinition as Bg,checkWaitingForNetworkChange as Wg}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Ng}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as Ig}from"@rango-dev/wallets-shared";import{isEvmBlockchain as Mg}from"rango-types";function Lg(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:i,getWalletInfo:a}=Ng(),l=Ag(()=>Bg({API_KEY:So("API_KEY")}),[]),{blockchains:p}=x.use.meta(),c={blockchains:R.use.connectedWallets().map(f=>({accounts:[f],name:f.chain}))},d=s((f,k)=>{if(i(f,k))return r(f,k)},"switchNetwork"),m=s(f=>!!a(f).mobileWallet,"isMobileWallet"),g=p.filter(f=>f.enabled).reduce((f,k)=>(f[k.name]=k,f),{}),C=p.filter(Mg),y=s(f=>{let{supportedChains:k}=a(f);return To(k)},"getSupportedChainNames"),S=e(),w={meta:{blockchains:g,evmBasedChains:C,evmNetworkChainInfo:Ig(C),getSupportedChainNames:y},getSigners:o,wallets:c,providers:S,switchNetwork:d,canSwitchNetworkTo:i,connect:r,state:n,isMobileWallet:m};return xg.createElement(Eg,{queuesDefs:[l],context:w,onPersistedDataLoaded:f=>{Wg(f)},isPaused:!1},t.children)}s(Lg,"QueueManager");var Bp=Lg;var Og=_g("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 Np(t){let{config:e}=t;vp();let{activeTheme:o}=Ep(e?.theme||{}),{activeLanguage:n,changeLanguage:r}=hn(),[i,a]=Wp(""),[l,p]=Wp(),u=Dg(Vn),c=x.use.fetchMeta();return Fg(()=>{e?.apiKey&&Ti({API_KEY:e?.apiKey})},[e]),Ci(()=>{c(),F.persist.rehydrate(),_e.persist.rehydrate(),u.onConnectWallet(a)},[]),Ci(()=>{e?.language&&r(e.language)},[e?.language]),at.createElement(Pg,{language:n},at.createElement(Og,{id:"swap-container",className:o()},at.createElement(Bp,null,at.createElement(wp,null),at.createElement(Js,{config:e,lastConnectedWallet:i,disconnectedWallet:l,clearDisconnectedWallet:()=>{p(void 0)}},at.createElement(yp,{config:e})))))}s(Np,"Main");function $g(t){let{updateConfig:e,config:o}=Pe();return Ci(()=>{t.config&&e(t.config)},[t.config]),t.config?.externalWallets?at.createElement(Np,{...t}):at.createElement(Rn,{providers:o?.wallets,options:{walletConnectProjectId:o?.walletConnectProjectId||t.config?.walletConnectProjectId}},at.createElement(Np,{...t}))}s($g,"Widget");export{eM as MainEvents,tM as RouteEventType,oM as StepEventType,nM as StepExecutionBlockedEventStatus,rM as StepExecutionEventStatus,$g as Widget,Rn as WidgetWallets,Ia as useWallets,iM as useWidgetEvents};
1
+ var wu=Object.defineProperty;var s=(t,e)=>wu(t,"name",{value:e,configurable:!0});import{MainEvents as xP,RouteEventType as bP,StepEventType as EP,StepExecutionBlockedEventStatus as IP,StepExecutionEventStatus as AP,useEvents as WP}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Tl}from"@rango-dev/wallets-react";import{Events as nr,Provider as qu}from"@rango-dev/wallets-react";import{isEvmBlockchain as Gu}from"rango-sdk";import ds,{createContext as Hu,useRef as Qu}from"react";import{useEffect as zu}from"react";import{create as Fu}from"zustand";import{subscribeWithSelector as Ou}from"zustand/middleware";import{RangoClient as vu}from"rango-sdk";var Vi="c6381a79-2817-4602-83bf-6a641a409e32";var Rn={API_KEY:Vi};function bo(t){return Rn[t]}s(bo,"getConfig");function ji(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),Rn=e,Rn}s(ji,"initConfig");var Ki=20,Xi=25,Yi="Roboto",er="theme-widget";var Eo,Nt=s(()=>Eo||(Eo=new vu(bo("API_KEY")),Eo),"httpService");import{WalletState as je}from"@rango-dev/ui";import{readAccountAddress as Eu}from"@rango-dev/wallets-react";import{detectInstallLink as Iu,getCosmosExperimentalChainInfo as Au,isEvmAddress as Wu,KEPLR_COMPATIBLE_WALLETS as ay,Networks as Ri}from"@rango-dev/wallets-shared";import tr from"bignumber.js";import{isCosmosBlockchain as Nu}from"rango-types";import xu from"bignumber.js";var Ae=new xu(0);import{WalletTypes as bu}from"@rango-dev/wallets-shared";var Ji=[bu.LEAP];import{BigNumber as Zi}from"bignumber.js";var Io=s(t=>{let e=(t%60).toString().padStart(2,"0");return`${parseInt((t/60).toString()).toString().padStart(2,"0")}:${e}`},"secondsToString"),N=s((t,e=null,o=null)=>{if(t==null||t==="")return"";let n=new Zi(t),r=1,i=1e3;for(let a=0;a<60;a++)if(new Zi(n.toFixed(a,r)).eq(n)){i=a;break}if(n.gte(1e4))return n.toFormat(0,r);if(n.gte(1e3)||n.gte(100))return n.toFormat(Math.min(i,Math.min(o||100,Math.max(e||0,1))),r);if(n.gte(1))return n.toFormat(Math.min(i,Math.min(o||100,Math.max(e||0,2))),r);if(n.gte(.01))return n.toFormat(Math.min(i,Math.min(o||100,Math.max(e||0,4))),r);for(let a=e||4;a<17;a++)if(n.gte(Math.pow(10,-a)))return n.toFormat(Math.min(i,Math.min(o||100,Math.max(e||0,a))),r);return n.isEqualTo(0)?"0":n.toFormat(Math.min(i,Math.min(o||100,Math.max(e||0,8))),r)},"numberToString");var Ao=s(t=>t?.reduce((e,o)=>e+(o.estimatedTimeInSeconds??0),0)||0,"totalArrivalTime");var Ve=s((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),Kt=s(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function Wo(t,e=4){let o=parseFloat(t);if(isNaN(o))return t;let n=Math.pow(10,e);return(Math.round(o*n)/n).toString()}s(Wo,"limitDecimalPlaces");function Bu(t){switch(!0){case t.connected:return je.CONNECTED;case t.connecting:return je.CONNECTING;case!t.installed:return je.NOT_INSTALLED;default:return je.DISCONNECTED}}s(Bu,"mapStatusToWalletState");function es(t,e,o,n){return o.filter(r=>!Ji.includes(r)).filter(r=>{let{supportedChains:i,hideWhenNotInstalled:a}=e(r);return a&&!t(r).installed?!1:n?!!i.find(l=>l.name===n):!0}).map(r=>{let{name:i,img:a,installLink:l}=e(r),p=Bu(t(r));return{title:i,image:a,link:Iu(l),state:p,type:r}})}s(es,"mapWalletTypesToWalletInfo");function No(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}s(No,"walletAndSupportedChainsNames");function ts(t,e,o,n){let r=[];function i(l,p){if(!!!r.find(c=>c.chain===l)){let c={address:p,chain:l,walletType:t};r.push(c)}}s(i,"addAccount");let a=n||[];return e.forEach(l=>{let{address:p,network:u}=Eu(l),c=a.length>0,m=a.includes(u),f=u===Ri.Unknown;if(c&&!m&&!f)return;let k=u===Ri.Unknown&&Wu(p);if(f&&!k)return;o.includes(u)||k?a.filter(E=>o.includes(E)).forEach(E=>{i(E,p.toLowerCase())}):i(u,p)}),r}s(ts,"prepareAccountsForWalletStore");function os(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain;e.includes(n)||e.push(n),e.includes(r)||e.push(r),o.internalSwaps&&Array.isArray(o.internalSwaps)&&o.internalSwaps.forEach(i=>{let a=i.from.blockchain,l=i.to.blockchain;e.includes(a)||e.push(a),e.includes(l)||e.push(l)})}),e}s(os,"getRequiredChains");function Bt(t,e,o,n){if(t.length===0)return null;let r=t.filter(i=>i.chain===e);return r.length===0?null:r.map(i=>i.balances?.find(a=>n!==null&&a.address===n||n===null&&a.address===n&&a.symbol===o)||null).filter(i=>i!==null).sort((i,a)=>parseFloat(a?.amount||"0")-parseFloat(i?.amount||"1")).find(()=>!0)||null}s(Bt,"getBalanceFromWallet");function Bo(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}s(Bo,"isAccountAndWalletMatched");function ns(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 tr(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:Lo(o,r.asset.symbol,r.asset.address,e)||null}))||[]}s(ns,"makeBalanceFor");function rs(t){return{...t,loading:!1,error:!0}}s(rs,"resetConnectedWalletState");var Lo=s((t,e,o,n)=>n?.find(i=>i.blockchain===t&&i.symbol?.toUpperCase()===e?.toUpperCase()&&i.address===o)?.usdPrice||null,"getUsdPrice"),Mo=s((t,e)=>{let o=Au(Object.entries(t).map(([,n])=>n).filter(Nu));return o&&o[e]?.experimental},"isExperimentalChain");function Lu(t,e){return t.map(({balance:o,...n})=>{let r=N(new tr(Bt(e,n.blockchain,n.symbol,n.address)?.amount||Ae)),i="";return n.usdPrice&&(i=N(new tr(Bt(e,n.blockchain,n.symbol,n.address)?.amount||Ae).multipliedBy(n.usdPrice))),{...n,...r!=="0"&&{balance:{amount:r,usdValue:i}}}})}s(Lu,"getTokensWithBalance");function is(t,e){let o=e.length>0?Lu(t,e):t;return o.sort((n,r)=>n.balance?.usdValue&&r.balance?.usdValue?parseFloat(r.balance.usdValue)-parseFloat(n.balance.usdValue):!n.balance?.usdValue&&r.balance?.usdValue?1:n.balance?.usdValue&&!r.balance?.usdValue?-1:!n.balance?.usdValue&&!r.balance?.usdValue?parseFloat(r.balance?.amount||"0")-parseFloat(n.balance?.amount||"0"):0),o}s(is,"getTokensBalanceFromWalletAndSort");function Be(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}s(Be,"tokensAreEqual");function ss(t){return t.sort((e,o)=>+(o.state===je.CONNECTED)-+(e.state===je.CONNECTED)||+(o.state===je.DISCONNECTED||o.state===je.CONNECTING)-+(e.state===je.DISCONNECTED||e.state===je.CONNECTING))}s(ss,"sortWalletsBasedOnConnectionState");function Po(t,e=8,o=3){if(t.length<2*e+o)return t;let n=t.slice(0,e),r=t.slice(-e);return`${n}${".".repeat(o)}${r}`}s(Po,"getConciseAddress");function as({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}s(as,"getAddress");import{create as Du}from"zustand";import{create as $u}from"zustand";var Mu=s(t=>{let e=t;e.use={};for(let o of Object.keys(e.getState()))e.use[o]=()=>e(n=>n[o]);return e},"createSelectors"),ke=Mu;var Pu={apiKey:""},ls=s((t,e)=>({config:Pu,updateConfig:o=>{let n=e().config;t({config:{...n,...o}})}}),"createConfigSlice");function Lt(t){return Array.from(new Set(t))}s(Lt,"removeDuplicateFrom");function or(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}s(or,"areEqual");function ps(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}s(ps,"debounce");function St(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}s(St,"containsText");var J=s(()=>document.getElementById("swap-box"),"getContainer");var us=s((t,e)=>({_blockchains:[],_tokens:[],_popularTokens:[],_swappers:[],blockchains:o=>{let n=e()._blockchains;if(!o||!o?.type)return n;let r=e().config,i=(o.type==="source"?r.from?.blockchains:r.to?.blockchains)??[];return n.filter(l=>!(i.length>0&&!i.includes(l.name)))},tokens:o=>{let n=e()._tokens;if(!o||!o?.type)return n;let r=e().config,i=(o.type==="source"?r.from?.tokens:r.to?.tokens)??[],a=e().blockchains({type:o.type});return n.filter(p=>i.length>0&&!i.some(u=>Be(u,p))||o.blockchain&&p.blockchain!==o.blockchain||!a.some(u=>u.name===p.blockchain)?!1:o.searchFor?!!(St(p.symbol,o.searchFor)||St(p.address||"",o.searchFor)||St(p.name||"",o.searchFor)):!0).sort((p,u)=>e().isTokenPinned(p)?-1:e().isTokenPinned(u)||p.isSecondaryCoin?1:u.isSecondaryCoin||!p.address&&u.address?-1:p.address&&!u.address?1:0)},isTokenPinned:o=>!!e().config.pinnedTokens?.some(r=>Be(r,o)),fetch:async()=>{let o=await Nt().getAllMetadata(),n=[],r=[],i=o.popularTokens,a=o.swappers,l=new Set;o.tokens.forEach(p=>{l.add(p.blockchain),r.push(p)}),o.blockchains.forEach(p=>{p.enabled&&l.has(p.name)&&n.push(p)}),n.sort((p,u)=>p.sort-u.sort),t({_blockchains:n,_tokens:r,_popularTokens:i,_swappers:a})}}),"createDataSlice");var _u=$u()((...t)=>({...us(...t),...ls(...t)})),Le=ke(_u);var b=ke(Du()(t=>({meta:{blockchains:[],popularTokens:[],swappers:[],tokens:[]},loadingStatus:"loading",fetchMeta:async()=>{try{await Le.getState().fetch();let e=Le.getState(),o={blockchains:e.blockchains(),tokens:e.tokens(),popularTokens:e._popularTokens,swappers:e._swappers};t({meta:o,loadingStatus:"success"})}catch{t({loadingStatus:"failed"})}}})));var H=ke(Fu()(Ou((t,e)=>({connectedWallets:[],customDestination:"",loading:!1,connectWallet:o=>{let n=e().getWalletsDetails;t(r=>({loading:!0,connectedWallets:r.connectedWallets.filter(i=>i.walletType!==o[0].walletType).concat(o.map(i=>{let a=!r.connectedWallets.find(l=>l.chain===i.chain&&l.selected);return{balances:[],address:i.address,chain:i.chain,explorerUrl:null,walletType:i.walletType,selected:a,loading:!0,error:!1}}))})),n(o)},disconnectWallet:o=>{t(n=>{let r=n.connectedWallets.filter(i=>i.selected&&i.walletType!==o).map(i=>i.chain);return{connectedWallets:n.connectedWallets.filter(i=>i.walletType!==o).map(i=>r.includes(i.chain)?i:(r.push(i.chain),{...i,selected:!0}))}})},selectWallets:o=>t(n=>({connectedWallets:n.connectedWallets.map(r=>{let i=!!o.find(l=>l.chain===r.chain&&l.walletType!==r.walletType&&r.selected),a=!!o.find(l=>l.chain===r.chain&&l.walletType===r.walletType&&!r.selected);return i?{...r,selected:!1}:a?{...r,selected:!0}:r})})),clearConnectedWallet:()=>t(()=>({connectedWallets:[],selectedWallets:[]})),getWalletsDetails:async(o,n=!0)=>{let r=e().getWalletsDetails,{tokens:i}=b.getState().meta;t(a=>({loading:!0,connectedWallets:a.connectedWallets.map(l=>o.find(p=>Bo(p,l))?{...l,loading:!0}:l)}));try{let a=o.map(({address:u,chain:c})=>({address:u,blockchain:c})),p=(await Nt().getWalletsDetails(a)).wallets;if(p)t(u=>({loading:!1,connectedWallets:u.connectedWallets.map(c=>{let m=o.find(h=>Bo(h,c)),f=p.find(h=>h.address===c.address&&h.blockChain===c.chain);return f?.failed&&m&&n&&r([m],!1),m&&f?{...c,explorerUrl:f.explorerUrl,balances:ns(f,i)}:c})}));else throw new Error("Wallet not found")}catch{t(l=>({loading:!1,connectedWallets:l.connectedWallets.map(p=>o.find(u=>Bo(u,p))?rs(p):p)}))}}}))));import{allProviders as Uu}from"@rango-dev/provider-all";function $o(t,e){let o=Uu({walletconnect2:{WC_PROJECT_ID:e?.walletConnectProjectId||""}});if(t){let n=[];return t.forEach(r=>{if(typeof r=="string"){let i=o.find(a=>a.config.type===r);i?n.push(i):console.warn(`Couldn't find ${r} provider. Please make sure you are passing the correct name.`)}else n.push(r)}),n}return o}s($o,"matchAndGenerateProviders");function cs(t,e){return $o(t,e).map(r=>r.config.type)}s(cs,"configWalletsToWalletName");function ms(t,e){let o=H.use.clearConnectedWallet(),n=$o(void 0,e);return zu(()=>{o(),n=$o(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}s(ms,"useWalletProviders");var rr=Hu({onConnectWallet:()=>{}});function ir(t){let{blockchains:e}=b.use.meta(),{providers:o}=ms(t.providers,t?.options),n=H.use.disconnectWallet(),r=H.use.connectWallet(),i=Qu(),a=e.filter(Gu).map(p=>p.name),l=s((p,u,c,m,f)=>{if(u===nr.ACCOUNTS)if(c){let h=No(f),k=ts(p,c,a,h);r(k)}else n(p);if(u===nr.ACCOUNTS&&m.connected){let h=`${p}-${m.network}-${c}`;m.connected&&(i.current?i.current(h):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(u===nr.NETWORK&&m.network){let h=`${p}-${m.network}`;i.current?i.current(h):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(p,u,c,m,f)},"onUpdateState");return ds.createElement(rr.Provider,{value:{onConnectWallet:p=>{i.current=p}}},ds.createElement(qu,{allBlockChains:e,providers:o,onUpdateState:l,autoConnect:!0},t.children))}s(ir,"WidgetWallets");import{I18nManager as _h,styled as Dh}from"@rango-dev/ui";import it,{useContext as Fh,useEffect as Qi,useMemo as Oh,useState as ku}from"react";import{useQueueManager as Xm}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Ym}from"@rango-dev/wallets-react";import{isEvmBlockchain as Jm}from"rango-types";import wt,{useEffect as Zm,useRef as Rm}from"react";import{MemoryRouter as ed,useInRouterContext as td}from"react-router";import{useLocation as od,useNavigate as nd}from"react-router-dom";var y={home:"/",fromSwap:"from-swap",fromBlockchain:"/from-swap/blockchains",toBlockchain:"/to-swap/blockchains",toSwap:"to-swap",settings:"settings",liquiditySources:"/settings/liquidity-sources",themes:"/settings/themes",bridges:"/settings/bridges",exchanges:"/settings/exchanges",languages:"/settings/languages",swaps:"swaps",wallets:"wallets",confirmSwap:"confirm-swap",swapDetails:"swaps/:requestId"};import{i18n as Or}from"@lingui/core";import{Button as Dm,styled as Ur,SwapInput as tl,WarningIcon as Fm}from"@rango-dev/ui";import qe,{useEffect as Om,useRef as Um,useState as zm}from"react";import{useNavigate as qm}from"react-router-dom";import{ChevronLeftIcon as Ku}from"@rango-dev/ui";import hs from"react";import{darkTheme as Vu,IconButton as ju,styled as _o}from"@rango-dev/ui";var $e=_o(ju,{width:"$24",position:"relative",padding:"0",overflow:"unset"}),fs=_o("div",{position:"absolute",background:"$secondary500",[`.${Vu} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),Mt=_o("div",{display:"flex",justifyContent:"flex-end",width:"$40"}),gs=_o("div",{position:"absolute",backgroundColor:"$secondary500",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0"});function sr(t){return hs.createElement($e,{variant:"ghost",size:"small",onClick:t.onClick},hs.createElement(Ku,{color:"black",size:16}))}s(sr,"BackButton");import{i18n as Xu}from"@lingui/core";import{Button as Yu,Typography as Ju}from"@rango-dev/ui";import ar from"react";function lr(t){return ar.createElement(Mt,null,ar.createElement(Yu,{variant:"ghost",onClick:t.onClick,size:"xsmall"},ar.createElement(Ju,{variant:"label",size:"medium",color:"error500"},Xu.t("Cancel"))))}s(lr,"CancelButton");import{i18n as Zu}from"@lingui/core";import{Tooltip as Ru,WalletIcon as ec}from"@rango-dev/ui";import Do from"react";function pr(t){return Do.createElement(Ru,{container:t.container,side:"top",content:Zu.t("Connect Wallet")},Do.createElement($e,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&Do.createElement(fs,null),Do.createElement(ec,{size:18,color:"black"})))}s(pr,"WalletButton");import{i18n as Uo}from"@lingui/core";import{NotificationsIcon as hc,Popover as yc,RefreshIcon as Sc,SettingsIcon as Cc,Tooltip as zo,TransactionIcon as kc}from"@rango-dev/ui";import ue from"react";import{i18n as pc}from"@lingui/core";import{ChainToken as ws,ChevronRightIcon as uc,ListItemButton as cc,Typography as mc}from"@rango-dev/ui";import _e from"react";import{useNavigate as dc}from"react-router-dom";import{create as tc}from"zustand";import{persist as oc,subscribeWithSelector as nc}from"zustand/middleware";var Me=ke(tc()(oc(nc((t,e)=>({notifications:[],setNotification:(o,n)=>{let r=n.steps[0],i=n.steps[n.steps.length-1],a={event:o,creationTime:Date.now(),read:!1,requestId:n.requestId,route:{from:{blockchain:r.fromBlockchain,tokenAddress:r.fromSymbolAddress,tokenSymbol:r.fromSymbol},to:{blockchain:i.toBlockchain,tokenSymbol:i.toSymbol,tokenAddress:i.toSymbolAddress}}},l=e().notifications.filter(p=>p.requestId!==n.requestId);t(()=>({notifications:[...l,a]}))},setAsRead:o=>{t(n=>({notifications:n.notifications.map(r=>r.requestId===o?{...r,read:!0}:r)}))},getUnreadNotifications:()=>e().notifications.filter(o=>!o.read)})),{name:"notification",skipHydration:!0})));import{create as rc}from"zustand";var Te=ke(rc()(t=>({connectWalletsButtonDisabled:!1,selectedSwapRequestId:null,currentPage:"",setSelectedSwap:e=>t({selectedSwapRequestId:e}),setCurrentPage:e=>t({currentPage:e})})));import{styled as Fo}from"@rango-dev/ui";var ys=Fo("div",{padding:"$10",width:"350px",minHeight:"150px"}),Ss=Fo("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),Cs=Fo("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),ks=Fo("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as ic}from"@lingui/core";import{Divider as sc,NoNotificationIcon as ac,Typography as lc}from"@rango-dev/ui";import Oo from"react";function Ts(){return Oo.createElement(ks,null,Oo.createElement(ac,{color:"secondary",size:26}),Oo.createElement(sc,{size:12}),Oo.createElement(lc,{variant:"body",size:"medium",color:"neutral700"},ic.t("You have no notification")))}s(Ts,"NotificationNotFound");var fc=4;function ur(){let t=dc(),e=Te.use.setSelectedSwap(),{getUnreadNotifications:o}=Me(),n=o(),{tokens:r,blockchains:i}=b.use.meta(),a=n.sort((p,u)=>u.creationTime-p.creationTime).slice(0,fc),l=s(p=>{e(p),t(`/swaps/${p}`)},"handleOnClick");return _e.createElement(ys,null,a.length?_e.createElement(Ss,null,a.map(p=>{let u=r.find(h=>h.address===p.route.from.tokenAddress&&h.blockchain===p.route.from.blockchain&&h.symbol===p.route.from.tokenSymbol),c=i.find(h=>h.name===p.route.from.blockchain),m=r.find(h=>h.address===p.route.to.tokenAddress&&h.blockchain===p.route.to.blockchain&&h.symbol===p.route.to.tokenSymbol),f=i.find(h=>h.name===p.route.to.blockchain);return _e.createElement(cc,{key:p.requestId,onClick:()=>l(p.requestId),title:_e.createElement(mc,{variant:"body",size:"small",color:"$neutral700"},pc.t(p.event.message)),id:p.requestId,start:_e.createElement(Cs,null,_e.createElement("div",{className:"from-chain-token"},_e.createElement(ws,{tokenImage:u?u.image:"",chainImage:c?c.logo:"",size:"small"})),_e.createElement("div",{className:"to-chain-token"},_e.createElement(ws,{tokenImage:m?m.image:"",chainImage:f?f.logo:"",size:"small"}))),end:_e.createElement(uc,{size:12,color:"gray"})})})):_e.createElement(Ts,null))}s(ur,"NotificationContent");import{Typography as gc}from"@rango-dev/ui";import vs from"react";function xs(){let{getUnreadNotifications:t}=Me(),e=t().length;return e?vs.createElement(gs,null,vs.createElement(gc,{variant:"body",size:"xsmall",color:"$background"},e)):null}s(xs,"UnreadNotificationsBadge");function cr(t){let{layoutRef:e,onClickRefresh:o,onClickHistory:n,onClickSettings:r,onClickNotifications:i}=t;return ue.createElement(ue.Fragment,null,ue.createElement(zo,{container:J(),side:"top",content:Uo.t("Refresh")},ue.createElement($e,{variant:"ghost",size:"small",onClick:o,disabled:!o},ue.createElement(Sc,{size:16,color:o?"black":"gray"}))),ue.createElement(zo,{container:J(),side:"top",content:Uo.t("Notifications")},ue.createElement(yc,{align:"center",collisionBoundary:e,collisionPadding:{right:20,left:20},container:J(),content:ue.createElement(ur,null)},ue.createElement($e,{size:"small",variant:"ghost",onClick:i},ue.createElement(hc,{size:18,color:"black"}),ue.createElement(xs,null)))),ue.createElement(zo,{container:J(),side:"top",content:Uo.t("Settings")},ue.createElement($e,{size:"small",variant:"ghost",onClick:r},ue.createElement(Cc,{size:18,color:"black"}))),ue.createElement(zo,{container:J(),side:"top",content:Uo.t("Transactions History")},ue.createElement($e,{size:"small",variant:"ghost",onClick:n},ue.createElement(kc,{size:18,color:"black"}))))}s(cr,"HomeButtons");import{BottomLogo as wc,Divider as vc,Header as xc}from"@rango-dev/ui";import me from"react";import{useNavigate as bc}from"react-router-dom";import{darkTheme as Tc,styled as mr}from"@rango-dev/ui";var bs=mr("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",[`.${Tc} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",variants:{fixedHeight:{true:{height:"95vh"},false:{height:"auto"}}}}),Es=mr("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"}}}}),Is=mr("div",{backgroundColor:"$background","& .footer__content":{padding:"$0 $20"},"& .footer__logo":{padding:"$0 $20 $10 $20"}});function Ec(t,e){let{children:o,header:n,footer:r,noPadding:i,hasLogo:a=!0,fixedHeight:l=!0}=t,p=H.use.connectedWallets(),u=Te.use.connectWalletsButtonDisabled(),c=bc(),m=s(()=>{u||c("/"+y.wallets)},"onConnectWallet");return me.createElement(bs,{ref:e,fixedHeight:l,id:"swap-box"},me.createElement(xc,{prefix:me.createElement(me.Fragment,null,n.onBack&&me.createElement(sr,{onClick:n.onBack})),title:n.title,suffix:me.createElement(me.Fragment,null,n.suffix,n.hasConnectWallet&&me.createElement(pr,{container:J(),onClick:m,isConnected:!!p?.length}),n.onCancel&&me.createElement(lr,{onClick:n.onCancel}))}),me.createElement(Es,{noPadding:i},o),(a||r)&&me.createElement(Is,null,me.createElement("div",{className:"footer__content"},r),a&&me.createElement("div",{className:"footer__logo"},me.createElement(vc,{size:12}),me.createElement(wc,null))))}s(Ec,"LayoutComponent");var Q=me.forwardRef(Ec);Q.displayName="Layout";import{ReverseIcon as $c,styled as Zs}from"@rango-dev/ui";import vr from"react";import pt from"bignumber.js";import{create as Mc}from"zustand";import{subscribeWithSelector as Pc}from"zustand/middleware";import{getLastSuccessfulStep as Lc}from"@rango-dev/queue-manager-rango-preset";import kk from"bignumber.js";var As=[.5,1,3],Ws=1,Ns=5,Bs=100,Ls=0;var st=(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))(st||{});function Ms(t,e){return e.find(o=>o.name===t)?.displayName}s(Ms,"getBlockchainDisplayNameFor");function dr(t,e){return e.find(o=>o.name===t)?.shortName}s(dr,"getBlockchainShortNameFor");function fr(t,e){return e.find(o=>Be(o,t))??null}s(fr,"findToken");function gr(t,e){return e.find(o=>o.name===t)??null}s(gr,"findBlockchain");import{i18n as De}from"@lingui/core";import{PendingSwapNetworkStatus as Qo}from"@rango-dev/queue-manager-rango-preset";import we from"bignumber.js";function qo(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,i=e[e.length-1];n!=i&&e.push(n),i=e[e.length-1],r!=i&&e.push(r)}),e}s(qo,"getRequiredWallets");function Go(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}s(Go,"isValidAddress");import{i18n as de}from"@lingui/core";var q=s(()=>({genericServerError:de.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:de.t("Please reset your liquidity sources."),description:de.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources")},noResultError:{title:de.t("No Routes Found"),description:de.t("Reasons why Rango couldn't find a route: low liquidity on token, very low input amount or no routes available for the selected input/output token combination.")},bridgeLimitErrors:{increaseAmount:de.t("Bridge Limit Error: Please increase your amount"),decreaseAmount:de.t("Bridge Limit Error: Please decrease your amount")},highValueLossError:{impactTitle:de.t("High Price Impact"),title:de.t("Price impact is too high!"),description:de.t("The price impact is significantly higher than the allowed amount. If you are sure, continue, otherwise, change the swap."),confirmMessage:de.t("Confirm High price impact")},quoteUpdatedWithHighValueLoss:{title:de.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:de.t("USD Price Unknown"),title:de.t("USD Price Unknown, Cannot calculate Price Impact."),description:de.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:de.t("Confirm USD Price Unknown")}}),"errorMessages");function Ps(t){switch(t.type){case 0:return t.diagnosisMessage??q().noResultError.title;case 1:return q().genericServerError;default:return""}}s(Ps,"getQuoteErrorMessage");import{i18n as Ho}from"@lingui/core";var Ct=s(()=>({connectWallet:Ho.t("Connect Wallet"),swap:Ho.t("Swap"),swapAnyway:Ho.t("Swap anyway"),ethWarning:Ho.t("The route goes through Ethereum. Continue?")}),"swapButtonTitles");function $s(t,e){return!t||!e||t.lte(Ae)||e.lte(Ae)?0:e.div(t).minus(1).multipliedBy(100).toNumber()}s($s,"getOutputRatio");function Ko(t,e){return(parseInt(e.toFixed(2)||"0")<=-10&&t?.gte(new we(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new we(1e3)))??!1}s(Ko,"hasHighValueLoss");function Xt(t){return(t?.result?.swaps||[]).filter(e=>{let o=e.fromAmountMinValue?new we(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new we(e.fromAmountMaxValue):null;return e.fromAmountRestrictionType==="EXCLUSIVE"?o?.gte(e.fromAmount)||n?.lte(e.fromAmount):o?.gt(e.fromAmount)||n?.lt(e.fromAmount)}).length>0}s(Xt,"hasLimitError");function hr(t){let e=(t.result?.swaps||[]).filter(l=>{let p=l.fromAmountMinValue?new we(l.fromAmountMinValue):null,u=l.fromAmountMaxValue?new we(l.fromAmountMaxValue):null;return l.fromAmountRestrictionType==="EXCLUSIVE"?p?.gte(l.fromAmount)||u?.lte(l.fromAmount):p?.gt(l.fromAmount)||u?.lt(l.fromAmount)})[0],o=e.fromAmountMinValue?new we(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new we(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",i="",a="";return!r&&o&&o.gt(e.fromAmount)?(i=De.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)&&(i=De.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)?(i=De.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)&&(i=De.t({id:"Required: < {max} {symbol}",values:{max:N(n,6,6),symbol:e.from.symbol}}),a=q().bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:i,recommendation:a}}s(hr,"getLimitErrorMessage");function _s(t,e,o,n,r,i,a,l,p){return t!=="success"?{title:Ct().connectWallet,state:"waitForConnecting",disabled:!0}:e.length==0?{title:Ct().connectWallet,state:"waitForConnecting",disabled:!1}:o||!n||!n.result||r||!p||p==="0"?{title:Ct().swap,disabled:!0,state:"swap"}:i||a?{title:Ct().swapAnyway,disabled:!1,hasWarning:!0,state:"needToConfirm"}:l?{title:Ct().ethWarning,disabled:!1,hasWarning:!0,state:"warning"}:{title:Ct().swap,disabled:!1,state:"swap"}}s(_s,"getSwapButtonState");function yr(t,e,o){return!((!o||o.lte(Ae))&&t?.result&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t.result)}s(yr,"canComputePriceImpact");function Ac(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,i=e[e.length-1];n!=i&&e.push(n),i=e[e.length-1],r!=i&&e.push(r)}),e}s(Ac,"requiredWallets");var Wc=s((t,e,o,n)=>n?.find(i=>i.blockchain===t&&i.symbol?.toUpperCase()===e?.toUpperCase()&&i.address===o)?.usdPrice||null,"getUsdPrice");function Nc(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 i=Wc(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new we(r.amount).multipliedBy(i||0))}return o}s(Nc,"getUsdFeeOfStep");function Xo(t,e){return t.reduce((o,n)=>o.plus(Nc(n,e)),Ae)}s(Xo,"getTotalFeeInUsd");function Sr(t){let e=new Map;return t.result?.swaps.forEach((o,n)=>{o.recommendedSlippage?.error&&e.set(n,o.recommendedSlippage.slippage)}),e.size>0?e:null}s(Sr,"checkSlippageErrors");function Ds(t,e){let o=new Map;return t.result?.swaps.forEach((n,r)=>{n.recommendedSlippage?.slippage&&parseInt(n.recommendedSlippage?.slippage)>e&&o.set(r,n.recommendedSlippage.slippage)}),o.size>0?o:null}s(Ds,"checkSlippageWarnings");function Yo(t){return t.result?.swaps.map(o=>o.recommendedSlippage)?.map(o=>o?.slippage||"0")?.filter(o=>parseFloat(o)>0)?.sort((o,n)=>parseFloat(n)-parseFloat(o))?.find(()=>!0)||null}s(Yo,"getMinRequiredSlippage");function Fs(t,e){return e?parseFloat(t)>=parseFloat(e):!0}s(Fs,"hasProperSlippage");function Jo(t){let{fromToken:e,toToken:o,inputAmount:n,wallets:r,selectedWallets:i,disabledLiquiditySources:a,slippage:l,affiliateRef:p,affiliatePercent:u,affiliateWallets:c,initialQuote:m,destination:f}=t,h=i?.reduce((d,T)=>(d[T.chain]=T.address,d),{}),k=[];r?.forEach(d=>{let T=k.find(w=>w.blockchain===d.chain);T?T.addresses.push(d.address):k.push({blockchain:d.chain,addresses:[d.address]})});let S=!!m,C=Lt((m?.result?.swaps||[]).reduce((d,T)=>(d.push(T.from.blockchain,T.to.blockchain),T.internalSwaps&&Array.isArray(T.internalSwaps)&&T.internalSwaps.map(w=>{d.push(w.from.blockchain,w.to.blockchain)}),d),[]));return{amount:n.toString(),affiliateRef:p??void 0,affiliatePercent:u??void 0,affiliateWallets:c??void 0,checkPrerequisites:S,from:{address:e.address,blockchain:e.blockchain,symbol:e.symbol},to:{address:o.address,blockchain:o.blockchain,symbol:o.symbol},connectedWallets:k,selectedWallets:h??{},slippage:l.toString(),...f&&{destination:f},...a.length>0&&{swapperGroups:a,swappersGroupsExclude:!0},...S&&{blockchains:C}}}s(Jo,"createQuoteRequestBody");function Os(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}s(Os,"getWalletsForNewSwap");function Pt(t){return t.result?.outputAmount||null}s(Pt,"getQuoteOutputAmount");function lt(t,e){return new we(e).div(new we(t)).minus(1).multipliedBy(100).toNumber()}s(lt,"getPercentageChange");function Us(t,e){let o=Pt(t),n=Pt(e);if(!o||!n)return!1;let r=lt(o,n);return r?r<=-1:!0}s(Us,"isOutputAmountChangedALot");function zs(t,e){let o=t.validationStatus,n=os(t);return e.sort((i,a)=>n.indexOf(i.chain)-n.indexOf(a.chain)).flatMap(i=>js(i,o)||[]).filter(i=>!i.ok).map(i=>{let a=i.asset.symbol,l=N(new we(i.currentAmount.amount).shiftedBy(-i.currentAmount.decimals),8,8),p=N(new we(i.requiredAmount.amount).shiftedBy(-i.requiredAmount.decimals),8,8),u="";return i.reason==="FEE"&&(u=De.t(" for network fee")),i.reason==="INPUT_ASSET"&&(u=De.t(" for swap")),i.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:p,symbol:a,reason:u,currentAmount:l,blockchain:i.asset.blockchain}})})}s(zs,"getBalanceWarnings");function qs(t,e){return(t?new we(t):Ae).multipliedBy(e||0)}s(qs,"calcOutputUsdValue");function Yt(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==Qo.NetworkChanged}s(Yt,"isNetworkStatusInWarningState");function Gs(t,e){let o="bellow button or",n=t.extraMessage,r=t.extraMessageDetail;if(t.networkStatusExtraMessageDetail?.includes(o)&&(t.networkStatusExtraMessageDetail=t.networkStatusExtraMessageDetail.replace(o,"")),Yt(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case Qo.WaitingForConnectingWallet:n=n||De.t("Waiting for connecting wallet");break;case Qo.WaitingForQueue:n=n||De.t("Waiting for other running tasks to be finished");break;case Qo.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}}}s(Gs,"getSwapMessages");function Hs(t){let e=null;if(t.status==="failed"){let o=t.steps.slice().reverse().filter(n=>n.status==="success")[0];o&&(e={blockchain:o.toBlockchain,symbol:o.toSymbol,outputAmount:o.outputAmount,address:o.toSymbolAddress})}return e}s(Hs,"getLastConvertedTokenInFailedSwap");function Qs(t){return t.status==="failed"&&!!t.finishTime&&new Date().getTime()-parseInt(t.finishTime)<4*3600*1e3}s(Qs,"shouldRetrySwap");function Vs(t,e,o,n,r,i){return t||!e&&!Ac(n).every(a=>r.map(l=>l.chain).includes(a))||!!e&&!o||!!e&&!!o&&i&&!Go(i,o)}s(Vs,"confirmSwapDisabled");function Cr(t,e,o){return o&&t.find(n=>{let r=e?.split("--");return r?.length===1?n.symbol===r[0]&&n.address===null&&n.blockchain===o.name:n.symbol===r?.[0]&&n.address===r?.[1]&&n.blockchain===o.name})||null}s(Cr,"searchParamsToToken");function Xs(t){return t?.result?.swaps[t?.result?.swaps.length-1].to.usdPrice}s(Xs,"getQuoteToTokenUsdPrice");function kr(t,e){let o=t.result?.swaps||[],n=e.result?.swaps||[];return o.length!==n.length}s(kr,"isNumberOfSwapsChanged");function Tr(t,e){let o=t.result?.swaps.map(r=>r.swapperId)||[],n=e.result?.swaps.map(r=>r.swapperId)||[];return!or(o,n)}s(Tr,"isQuoteSwappersUpdated");function wr(t,e){let o=t.result?.swaps.map(r=>r.to.symbol)||[],n=e.result?.swaps.map(r=>r.to.symbol)||[];return!or(o,n)}s(wr,"isQuoteInternalCoinsUpdated");function Ys(t,e){return kr(t,e)||Tr(t,e)||wr(t,e)}s(Ys,"isQuoteChanged");function js(t,e){if(e===null)return null;let o=e?.find(n=>n.blockchain===t.chain)?.wallets.find(n=>n.address?.toLowerCase()===t.address.toLowerCase());return o?o.requiredAssets:null}s(js,"getRequiredBalanceOfWallet");function Re(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}s(Re,"getPriceImpactLevel");function Js(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],i=Lc(t.steps),a={blockchain:r.toBlockchain,symbol:r.toSymbol,address:r.toSymbolAddress},l=gr(i?i.toBlockchain:n.fromBlockchain,e),p=gr(r.toBlockchain,e),u=fr(i?{blockchain:l?.name??"",symbol:i.toSymbol,address:i.toSymbolAddress}:{blockchain:l?.name??"",symbol:n.fromSymbol,address:n.fromSymbolAddress},o),c=fr(a,o),m=i?i.outputAmount??"":t.inputAmount;return{fromBlockchain:l,fromToken:u,toBlockchain:p,toToken:c,inputAmount:m}}s(Js,"createRetryQuote");function Zo(t,e){let{fromToken:o,toToken:n,tokens:r,userSlippage:i}=e,a=kt(o,t.requestAmount),l=kt(n,t.result?.outputAmount??"");if(t.result&&a&&l){let c=lt(a.toString(),l.toString());if(Ko(a,c)){let f=Xo(t.result.swaps,r),h=Re(c);return{type:0,inputUsdValue:a,outputUsdValue:l,priceImpact:c,totalFee:f,warningLevel:h}}}else if(t.result&&(!a||!l))return{type:1};let p=Yo(t),u=i>Ns;if(Fs(e.userSlippage.toString(),p)){if(u&&parseFloat(p??"0")<i)return{type:3,slippage:i.toString()}}else return{type:2,recommendedSlippages:Ds(t,i),minRequiredSlippage:p};return null}s(Zo,"generateQuoteWarnings");function $t(t,e){let o=typeof e=="string"?parseFloat(e)<=0:!e?.gt(0);return!t||!e||o?null:lt(t.toString(),e.toString())}s($t,"getPriceImpact");var kt=s((t,e)=>t?.usdPrice?new pt(e||Ae).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),_=ke(Mc()(Pc(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new pt(0),outputUsdValue:new pt(0),toBlockchain:null,toToken:null,quote:null,quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:"",quoteWarningsConfirmed:!1,setQuote:e=>t(o=>{let n=null,r=Ae;return Kt(o.inputAmount)?(e&&(n=e.result?.outputAmount?new pt(e.result?.outputAmount):null,r=qs(e.result?.outputAmount,Xs(e)||o.toToken?.usdPrice)),{quote:e,...!!e&&{outputAmount:n,outputUsdValue:r}}):{}}),resetQuote:()=>t(()=>({quote:null,outputAmount:null,outputUsdValue:new pt(0)})),setFromBlockchain:e=>{t(o=>o.fromBlockchain?.name===e?.name?{}:{fromBlockchain:e,...o.fromToken&&{quote:null,fromToken:null,outputAmount:null,outputUsdValue:null}})},setFromToken:e=>{let{blockchains:o}=b.getState().meta;return t(n=>({fromToken:e,...e&&{fromBlockchain:o.find(r=>r.name===e.blockchain)??null},...!!n.inputAmount&&{inputUsdValue:kt(e,n.inputAmount)}}))},setToBlockchain:e=>{t(o=>o.toBlockchain?.name===e?.name?{}:{toBlockchain:e,...o.toToken&&{quote:null,toToken:null,outputAmount:null,outputUsdValue:null}})},setToToken:e=>{let{blockchains:o}=b.getState().meta;return t(()=>({toToken:e,...e&&{toBlockchain:o.find(n=>n.name===e.blockchain)??null}}))},setInputAmount:e=>{t(o=>({inputAmount:e,...!e&&{outputAmount:new pt(0),outputUsdValue:new pt(0),quote:null},...!!o.fromToken&&{inputUsdValue:kt(o.fromToken,e)}}))},retry:e=>{let{tokens:o,blockchains:n}=b.getState().meta,{fromBlockchain:r,fromToken:i,toBlockchain:a,toToken:l,inputAmount:p}=Js(e,n,o);t({fromBlockchain:r,fromToken:i,inputAmount:p,outputAmount:null,inputUsdValue:kt(i??null,p),outputUsdValue:new pt(0),toBlockchain:a,toToken:l,quote:null})},switchFromAndTo:()=>t(e=>({fromBlockchain:e.toBlockchain,fromToken:e.toToken,toBlockchain:e.fromBlockchain,toToken:e.fromToken,inputAmount:e.outputAmount?.toString()||"",inputUsdValue:kt(e.toToken,e.outputAmount?.toString()||"")})),resetFromBlockchain:()=>t(()=>({fromToken:null,fromBlockchain:null,outputAmount:null,outputUsdValue:null,quote:null})),resetToBlockchain:()=>t(()=>({toToken:null,toBlockchain:null,outputAmount:null,outputUsdValue:null,quote:null})),setQuoteWalletConfirmed:e=>t({quoteWalletsConfirmed:e}),setSelectedWallets:e=>t({selectedWallets:e}),setCustomDestination:e=>t({customDestination:e}),resetQuoteWallets:()=>t({quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:""}),setQuoteWarningsConfirmed:e=>t({quoteWarningsConfirmed:e})}))));var _c=Zs("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),Dc=Zs("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 Rs(){let t=_.use.switchFromAndTo();return vr.createElement(_c,null,vr.createElement(Dc,{onClick:()=>{t()}},vr.createElement($c,{size:12})))}s(Rs,"SwitchFromAndToButton");import{Divider as Bm}from"@rango-dev/ui";import dt from"react";import{i18n as Ir}from"@lingui/core";import{Alert as Hc,ChevronDownIcon as Qc,ChevronRightIcon as ba,Divider as Ar,Image as Ea,InfoIcon as Vc,QuoteCost as jc,StepDetails as Kc,TokenAmount as Xc,Tooltip as Ia,Typography as Ft}from"@rango-dev/ui";import B,{useLayoutEffect as Yc,useRef as Jc,useState as Zc}from"react";import{styled as xr}from"@rango-dev/ui";var br=xr("div",{width:"100%",paddingTop:"$2"}),ea=xr("div",{paddingBottom:"$15"}),ta=xr("div",{width:"100%",display:"flex"});import*as en from"@radix-ui/react-collapsible";import{darkTheme as et,styled as ut}from"@rango-dev/ui";import*as Dt from"@radix-ui/react-collapsible";import{Button as Fc,darkTheme as _t,IconButton as Oc,keyframes as oa,styled as he,TextField as Uc}from"@rango-dev/ui";var Jt=300,zc=oa({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),qc=oa({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),na=he("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),ra=he("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}),ia=he("button",{borderRadius:"$xm",padding:"$10",border:"0",display:"flex",justifyContent:"center",$$color:"$colors$neutral100",[`.${_t} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",alignItems:"center",cursor:"pointer",width:110,position:"relative","&:hover":{$$color:"$colors$info100",[`.${_t} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$color:"$colors$info100",[`.${_t} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color",outline:0},variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary",outlineStyle:"solid"}}}}),sa=he(Dt.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit"}),aa=he("div",{padding:"$20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),la=he(Oc,{position:"absolute",left:"$20"}),pa=he("div",{paddingTop:"$20","& .wallets-list":{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}}),ua=he(Dt.Root,{backgroundColor:"$neutral200",borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),ca=he(Fc,{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}}),ma=he("div",{padding:"$10 $0","& .button__content":{display:"flex",justifyContent:"center",alignItems:"center"},"& .alarms":{paddingTop:"5px"}}),da=he("div",{transition:`all ${Jt}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),fa=he("div",{display:"flex"}),ga=he(Uc,{padding:"$0 $15 $15 $15"}),Ro=he(Dt.Content,{overflow:"hidden",variants:{open:{true:{animation:`${zc} ${Jt}ms ease-out`},false:{animation:`${qc} ${Jt}ms ease-out`}}}}),ha=he("div",{overflow:"visible",width:"100%"});var Er=300,ya=ut(en.Root,{display:"flex",flexDirection:"column",alignItems:"start",overflowX:"auto",overflowY:"hidden",width:"100%",borderRadius:"$xm",variants:{recommended:{true:{$$color:"$colors$info300",[`.${et} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"},false:{$$color:"$colors$neutral400",[`.${et} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}}},"& .steps-details":{padding:"$10 $15"}}),Sa=ut("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",[`.${et} &`]:{$$color:"$colors$secondary600"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}},false:{$$color:"$colors$neutral200",[`.${et} &`]:{$$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",[`.${et} &`]:{$$color:"$colors$secondary700"},backgroundColor:"$$color"}}},{listItem:!0,recommended:!1,css:{"&:hover":{$$color:"$colors$neutral300",[`.${et} &`]:{$$color:"$colors$neutral400"},backgroundColor:"$$color"}}}],"& .summary":{width:"100%",padding:"$15 $15 $10 $15"},"& .basic-info":{paddingTop:"$10",display:"flex",alignItems:"center"}}),Ca=ut(en.Trigger,{display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",height:"$36",padding:"$10 $15",boxSizing:"border-box",cursor:"pointer",border:"none",outline:"none",backgroundColor:"transparent",variants:{error:{true:{[`& ${Image}`]:{border:"1px $warning500 solid",borderRadius:"100%"}},false:{[`& ${Image}`]:{border:"1px transparent solid",borderRadius:"100%"}}},recommended:{true:{$$color:"$colors$info300",[`.${et} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"},false:{$$color:"$colors$neutral400",[`.${et} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}}},"& div:nth-child(1)":{display:"flex"}}),ka=ut(Ro,{width:"100%"}),tn=ut("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$2",transition:`all ${Er}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),Zk=ut("div",{height:"$12",marginLeft:"$10",marginRight:"$10",borderLeft:"1px solid $foreground"}),Ta=ut("div",{display:"flex",justifyContent:"center",margin:"0 $15",borderTop:"1px solid",$$color:"$colors$neutral300",[`.${et} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color"}),wa=ut("div",{width:"$16",height:"$16",justifyContent:"center",alignItems:"center",display:"flex"});import{TokenAmount as xa}from"@rango-dev/ui";import on from"react";import{styled as Gc}from"@rango-dev/ui";var va=Gc("div",{position:"relative",display:"flex",flexDirection:"column",width:"100%","& .separator":{height:"14px",marginLeft:"14px",position:"absolute",borderLeft:"1px solid $foreground",top:"42%"}});function Zt(t){let{from:e,to:o,percentageChange:n,warningLevel:r}=t;return on.createElement(va,null,on.createElement(xa,{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}}),on.createElement("div",{className:"separator"}),on.createElement(xa,{direction:"horizontal",label:"Estimated output",type:"output",price:{value:o.price.value,usdValue:o.price.usdValue},token:{displayName:o.token.displayName,image:o.token.image},chain:{image:o.chain.image},percentageChange:n,warningLevel:r}))}s(Zt,"QuoteSummary");function Wr(t){let{meta:{tokens:e}}=b(),{quote:o,input:n,output:r,error:i,warning:a,type:l,recommended:p=!0}=t,[u,c]=Zc(t.expanded),m=Jc(null),f=N(Xo(o.result?.swaps??[],e),2,2),h=Io(Ao(o.result?.swaps)),k=$t(n.usdValue,r.usdValue??null),S=N(String(k),2,2),C=Re(k??0),d=s(w=>w.map((g,x)=>{let D,v=i?.type===3&&i.swap.swapperId===g.swapperId||a?.type===2&&a.recommendedSlippages?.has(x),L=a?.type===2&&a.recommendedSlippages?.has(x);return v?D="error":L&&(D="warning"),{swapper:{displayName:g.swapperId,image:g.swapperLogo},from:{token:{displayName:g.from.symbol,image:g.from.logo},chain:{displayName:g.from.blockchain,image:g.from.blockchainLogo},price:{value:x===0?N(n.value,6,6):g.fromAmount}},to:{token:{displayName:g.to.symbol,image:g.to.logo},chain:{displayName:g.to.blockchain,image:g.to.blockchainLogo},price:{value:g.toAmount}},state:D,alerts:v||L?B.createElement(ea,null,B.createElement(Hc,{type:v?"error":"warning",title:i?.type===3?i?.recommendation:Ir.t("Slippage Error:"),footer:B.createElement(ta,null,i?.type===3&&B.createElement(B.Fragment,null,B.createElement(Ft,{size:"xsmall",variant:"body",color:"neutral900"},i.fromAmountRangeError),B.createElement(Ar,{direction:"horizontal",size:8}),B.createElement(Ft,{size:"xsmall",variant:"body",color:"neutral900"},"|"),B.createElement(Ar,{direction:"horizontal",size:8}),B.createElement(Ft,{size:"xsmall",variant:"body",color:"neutral900"},Ir.t({id:"Yours: {amount} {symbol}",values:{amount:N(g.fromAmount,6,6),symbol:g?.from.symbol}}))),(i?.type===4||a?.type===2)&&B.createElement(Ft,{size:"xsmall",variant:"body",color:"neutral900"},Ir.t({id:"min required Slippage: {minRequiredSlippage}",values:{...i?.type===4&&{minRequiredSlippage:i.recommendedSlippages?.get(x)},...a?.type===2&&{minRequiredSlippage:a.recommendedSlippages?.get(x)}}})))})):void 0}}),"getQuoteSteps")(o.result?.swaps??[]),T=d.length;return Yc(()=>{u&&m.current&&setTimeout(()=>{m?.current?.scrollIntoView({behavior:"smooth"})},Er)},[u]),B.createElement(B.Fragment,null,B.createElement(Sa,{recommended:p,listItem:l==="list-item",basic:l==="basic"},B.createElement("div",{className:"summary"},B.createElement(jc,{fee:f,time:h,steps:T}),l==="basic"&&B.createElement("div",{className:"basic-info"},B.createElement(wa,null,B.createElement(Vc,{size:12,color:"gray"})),B.createElement(Ft,{size:"small",variant:"body",style:{letterSpacing:.4}},`${n.value} ${d[0].from.token.displayName} = ${r.value} ${d[d.length-1].to.token.displayName}`),B.createElement(Ft,{color:"$neutral600",ml:2,size:"xsmall",variant:"body"},`($${r.usdValue})`)),l==="list-item"&&B.createElement(Xc,{type:"output",direction:"vertical",price:{value:r.value,usdValue:r.usdValue},token:{displayName:d[T-1].to.token.displayName,image:d[T-1].to.token.image},chain:{image:d[T-1].to.chain.image},percentageChange:S,warningLevel:C}),l==="swap-preview"&&B.createElement(B.Fragment,null,B.createElement(Zt,{from:d[0].from,to:d[T-1].to,percentageChange:S,warningLevel:C}),B.createElement(Ar,{size:4}))),B.createElement(ya,{recommended:p,open:u,onOpenChange:c},B.createElement(Ca,{ref:w=>m.current=w,recommended:p,onClick:c.bind(null,w=>!w)},B.createElement("div",null,d.map((w,g)=>{let x=`item-${g}`;return B.createElement(B.Fragment,{key:x},B.createElement(Ia,{container:t.tooltipContainer,side:"bottom",sideOffset:4,content:w.from.chain.displayName},B.createElement(Ea,{src:w.from.chain.image,size:16})),g===T-1&&B.createElement(B.Fragment,null,B.createElement(tn,null,B.createElement(ba,{size:12,color:"black"})),B.createElement(Ia,{container:t.tooltipContainer,side:"bottom",sideOffset:4,content:w.to.chain.displayName},B.createElement(Ea,{src:w.to.chain.image,size:16}))),g!==T-1&&B.createElement(tn,null,B.createElement(ba,{size:12,color:"black"})))})),B.createElement(tn,{orientation:u?"up":"down"},B.createElement(Qc,{size:12,color:"black"}))),B.createElement(ka,{open:u},B.createElement(Ta,null),B.createElement("div",{className:"steps-details"},d.map((w,g)=>{let x=`item-${g}`;return B.createElement(Kc,{type:"quote-details",key:x,step:w,hasSeparator:g!==d.length-1,state:w.state})}))))))}s(Wr,"Quote");import{ChainToken as nn,Divider as Fe,NextIcon as em,Skeleton as ye}from"@rango-dev/ui";import I from"react";import{darkTheme as Rc,styled as Aa}from"@rango-dev/ui";var Wa=Aa("div",{$$color:"$colors$neutral100",[`.${Rc} &`]:{$$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"}}),Na=Aa("div",{borderLeft:"1px dashed black",minHeight:" 64px",margin:"0px 11.5px",alignSelf:"stretch",variants:{hideSeparator:{true:{minHeight:"unset",height:"0"}}}});function Nr(t){let{separator:e=!0}=t;return I.createElement(I.Fragment,null,I.createElement("div",{className:"step__title"},I.createElement(ye,{height:22,width:22,variant:"circular"}),I.createElement(Fe,{direction:"horizontal",size:8}),I.createElement(ye,{height:15,width:148,variant:"rounded"})),I.createElement("div",{className:"step__content"},I.createElement(Na,{hideSeparator:!e}),I.createElement("div",{className:"step__tokens"},I.createElement("div",{className:"step__token-info"},I.createElement(nn,{size:"small",loading:!0,chainImage:"",tokenImage:""}),I.createElement(Fe,{direction:"horizontal",size:8}),I.createElement(ye,{height:12,width:76,variant:"rounded"})),I.createElement("div",{className:"step__icon-container"},I.createElement(em,{color:"gray",size:16})),I.createElement("div",{className:"step__token-info"},I.createElement(nn,{size:"small",loading:!0,chainImage:"",tokenImage:""}),I.createElement(Fe,{direction:"horizontal",size:8}),I.createElement(ye,{height:12,width:76,variant:"rounded"})))))}s(Nr,"StepSkeleton");function Br(t){let{type:e,expanded:o,tag:n=!1}=t,r=I.createElement("div",{className:"quote-summary"},I.createElement("div",{className:"token-amount"},I.createElement(nn,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),I.createElement(Fe,{size:8,direction:"horizontal"}),I.createElement("div",{className:"token-amount__label"},I.createElement(ye,{height:10,width:60,variant:"rounded"}),I.createElement(Fe,{size:4}),I.createElement(ye,{height:15,width:148,variant:"rounded"}))),I.createElement(ye,{height:12,width:64,variant:"rounded"}));return I.createElement(Wa,null,I.createElement("div",{className:"cost-and-tag"},I.createElement("div",{className:"cost"},I.createElement(ye,{width:60,height:10,variant:"rounded"}),I.createElement(Fe,{size:4,direction:"horizontal"}),I.createElement(ye,{width:60,height:10,variant:"rounded"}),I.createElement(Fe,{size:4,direction:"horizontal"}),I.createElement(ye,{width:60,height:10,variant:"rounded"})),n&&I.createElement(ye,{height:22,width:100,variant:"rounded"})),e==="basic"&&I.createElement("div",{className:"basic-summary"},I.createElement(ye,{height:15,width:148,variant:"rounded"})),e==="list-item"&&I.createElement("div",{className:"output"},I.createElement("div",{className:"output__token-info"},I.createElement(nn,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),I.createElement(Fe,{direction:"horizontal",size:4}),I.createElement(ye,{height:15,width:150,variant:"rounded"})),I.createElement(Fe,{size:4}),I.createElement(ye,{height:10,width:184,variant:"rounded"})),e==="swap-preview"&&I.createElement(I.Fragment,null,I.createElement(Fe,{size:4}),I.createElement("div",{className:"swap-preview"},r,I.createElement("div",{className:"quote-summary__separator"}),r)),I.createElement("div",{className:"chains"},I.createElement(ye,{height:15,width:321,variant:"rounded"})),o&&I.createElement("div",{className:"steps"},I.createElement(Fe,{size:20}),I.createElement(Nr,null),I.createElement(Nr,null),I.createElement(Nr,{separator:!1})))}s(Br,"QuoteSkeleton");import{i18n as Em}from"@lingui/core";import{Alert as Im,Button as Am,InfoIcon as Wm}from"@rango-dev/ui";import We from"react";import{useNavigate as Nm}from"react-router-dom";import{Alert as lm,Button as pm,Divider as Da,NoRouteIcon as um,RefreshIcon as cm,Typography as Fa}from"@rango-dev/ui";import Oe from"react";import{create as im}from"zustand";import{persist as sm,subscribeWithSelector as am}from"zustand/middleware";import{English as tm,French as om,Japanese as nm,Spanish as rm}from"@rango-dev/ui";var Ba=[{title:"English",label:"English",local:"en",SVGFlag:tm},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:rm},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:om},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:nm}],rn="en";var F=ke(im()(sm(am((t,e)=>({preferredBlockchains:[],slippage:Ws,customSlippage:null,infiniteApprove:!1,affiliateRef:null,affiliatePercent:null,affiliateWallets:null,disabledLiquiditySources:[],theme:"auto",language:rn,addPreferredBlockchain:o=>{let n=e().preferredBlockchains;if(n.find((a,l)=>{let p=a===o,u=l<=10-1;return p&&u}))return;let i=n.filter(a=>!(a===o));t(()=>({preferredBlockchains:[o,...i]}))},setSlippage:o=>t(()=>({slippage:o})),setCustomSlippage:o=>t(()=>({customSlippage:o})),setAffiliateRef:o=>t(()=>({affiliateRef:o})),setAffiliatePercent:o=>t(()=>({affiliatePercent:o})),setAffiliateWallets:o=>t(()=>({affiliateWallets:o})),toggleAllLiquiditySources:o=>t(n=>{if(o)return{disabledLiquiditySources:[]};let{swappers:r}=b.getState().meta,i=Lt(r.map(a=>a.swapperGroup));return i.length===n.disabledLiquiditySources.length?{disabledLiquiditySources:[]}:{disabledLiquiditySources:i}}),toggleInfiniteApprove:()=>t(o=>({infiniteApprove:!o.infiniteApprove})),toggleLiquiditySource:o=>t(n=>n.disabledLiquiditySources.includes(o)?{disabledLiquiditySources:n.disabledLiquiditySources.filter(r=>r!=o)}:{disabledLiquiditySources:n.disabledLiquiditySources.concat(o)}),setTheme:o=>t(()=>({theme:o})),setLanguage:o=>t(()=>({language:o}))})),{name:"user-settings",skipHydration:!0})));import{i18n as La}from"@lingui/core";function Ma(t,e,o,n){return t?.type===1?{alert:{type:"warning",text:q().genericServerError,action:{onClick:n,title:La.t("Retry")}},description:""}:t?.type===0&&t.diagnosisMessage?{alert:{type:"error",text:t.diagnosisMessage,action:null},description:""}:e.length?{alert:{type:"warning",text:q().liquiditySourcesError.title,action:{onClick:()=>o(!0),title:La.t("Reset")}},description:q().liquiditySourcesError.description}:{alert:null,description:q().noResultError.description}}s(Ma,"makeInfo");import{styled as Mr}from"@rango-dev/ui";var Pa=Mr("div",{minHeight:"162px",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"}),$a=Mr("div",{width:"100%"}),_a=Mr("div",{padding:"$6 $0"});function Pr(t){let{fetch:e,error:o}=t,n=F.use.disabledLiquiditySources(),r=F.use.toggleAllLiquiditySources(),i=Ma(o,n,r,e);return Oe.createElement(Pa,null,Oe.createElement(um,{size:24,color:"gray"}),Oe.createElement(Da,{size:4}),Oe.createElement(Fa,{variant:"title",size:"small"},q().noResultError.title),!!i.description&&Oe.createElement(Fa,{variant:"body",size:"small",align:"center",color:"neutral700"},i.description),Oe.createElement(Da,{size:4}),!!i.alert&&Oe.createElement($a,null,Oe.createElement(lm,{type:i.alert.type,title:i.alert.text,action:i.alert.action&&Oe.createElement(pm,{size:"xsmall",type:i.alert.type,prefix:Oe.createElement(_a,null,Oe.createElement(cm,{size:8})),onClick:i.alert.action.onClick},i.alert.action.title),variant:"alarm"})))}s(Pr,"NoResult");import{i18n as to}from"@lingui/core";import{Button as mm,Divider as Ha,MessageBox as dm,Modal as fm,Typography as gm,WarningIcon as hm}from"@rango-dev/ui";import Ke from"react";import{Typography as qa}from"@rango-dev/ui";import _r from"react";import{styled as sn}from"@rango-dev/ui";var Oa=sn("div",{width:"100%",paddingTop:"$10"}),$r=sn("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),Ua=sn("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%"}),za=sn("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});function Ga(t){let{title:e,value:o,valueColor:n}=t;return _r.createElement(Ua,null,_r.createElement(qa,{size:"medium",variant:"label",color:"neutral600"},e),_r.createElement(qa,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}s(Ga,"QuoteErrorsModalItem");function Qa(t){let{open:e,onClose:o,onConfirm:n,warning:r}=t,i=r.warningLevel==="high"?"error":"warning",a=[{title:to.t("Swapping"),value:N(r.inputUsdValue,4,4)},{title:to.t("Gas cost"),value:N(r.totalFee,2,2)},{title:to.t("Receiving"),value:N(r.outputUsdValue,4,4)},{title:to.t("Price impact"),value:N(r.priceImpact,2,2),valueColor:`${i}500`}];return Ke.createElement(fm,{open:e,onClose:o,container:J()},Ke.createElement(dm,{type:i,title:q().highValueLossError.impactTitle,description:q().highValueLossError.description}),Ke.createElement($r,null,Ke.createElement(Ha,{size:20}),Ke.createElement(gm,{size:"small",variant:"title"},to.t("Details")),Ke.createElement($r,null,a.map((l,p)=>Ke.createElement(Ga,{key:p,...l})))),Ke.createElement(Ha,{size:32}),Ke.createElement(mm,{type:"primary",size:"large",prefix:Ke.createElement(hm,null),fullWidth:!0,onClick:n},q().highValueLossError.confirmMessage))}s(Qa,"HighValueLossWarningModal");import{i18n as Va}from"@lingui/core";function ja(t,e){let o={alertType:"warning",title:"",action:"show-info"};return t?(t.type===0&&(Re(t.priceImpact)==="high"&&(o.alertType="error"),o.title=q().highValueLossError.title),t.type===1&&(o.title=q().unknownPriceError.title),t.type===2&&(o.title=Va.t({id:"minimum required slippage for this route: {minRequiredSlippage}",values:{minRequiredSlippage:t.minRequiredSlippage}})),t.type===3&&(o.title=Va.t("Caution, your slippage is high")),o):e?(o.alertType="error",e.type===3&&(o.title=e.recommendation,o.action=null),e.type===4&&(o.title="",o.action="change-settings"),o):null}s(ja,"makeAlerts");import{i18n as Ot}from"@lingui/core";import{Button as Ka,Divider as Xa,MessageBox as ym,Modal as Sm,Typography as Cm}from"@rango-dev/ui";import Tt from"react";import{useNavigate as km}from"react-router-dom";function Ya(t){let{customSlippage:e,slippage:o}=F(),{open:n,onClose:r,onConfirm:i,warning:a}=t,l=km(),p=e??o;return Tt.createElement(Sm,{anchor:"bottom",open:n,prefix:Tt.createElement(Ka,{size:"small",variant:"ghost",onClick:()=>l("/"+y.settings)},Tt.createElement(Cm,{variant:"label",size:"medium",color:"$neutral900"},Ot.t("Change settings"))),container:J(),onClose:r},Tt.createElement(ym,{type:"warning",title:a.type===3?Ot.t("High slippage"):Ot.t("Low slippage"),description:a.type===3?Ot.t({id:" Caution, your slippage is high (={userSlippage}). Your trade may be front run.",values:{userSlippage:p}}):Ot.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:a.minRequiredSlippage}})},Tt.createElement(Xa,{size:18}),Tt.createElement(Xa,{size:32}),Tt.createElement(Ka,{size:"large",type:"primary",variant:"contained",fullWidth:!0,onClick:i},Ot.t("Confirm anyway"))))}s(Ya,"SlippageWarningModal");import{Button as Tm,Divider as wm,MessageBox as vm,Modal as xm,WarningIcon as bm}from"@rango-dev/ui";import oo from"react";function Ja(t){let{open:e,onClose:o,onConfirm:n}=t;return oo.createElement(xm,{open:e,onClose:o,container:J()},oo.createElement(vm,{type:"warning",title:q().unknownPriceError.impactTitle,description:q().unknownPriceError.description}),oo.createElement(wm,{size:32}),oo.createElement(Tm,{type:"primary",size:"large",prefix:oo.createElement(bm,null),fullWidth:!0,onClick:n},q().unknownPriceError.confirmMessage))}s(Ja,"UnknownPriceWarningModal");function Dr(t){let{warning:e,error:o,refetchQuote:n,showWarningModal:r,onOpenWarningModal:i,onCloseWarningModal:a,onConfirmWarningModal:l}=t,p=Nm(),u={open:r,onClose:a,onConfirm:l},c=o?.type===0||o?.type===1,m=ja(e,o?.type===3||o?.type===4?o:null);return We.createElement(We.Fragment,null,c&&We.createElement(Pr,{error:o,fetch:n}),!!m&&We.createElement(Oa,null,We.createElement(Im,{title:m.title,type:m.alertType,variant:"alarm",action:m.action==="show-info"?We.createElement(za,{onClick:i},We.createElement(Wm,{size:12,color:"gray"})):We.createElement(Am,{size:"xsmall",type:"error",onClick:()=>p(y.settings)},Em.t("Change Settings"))})),e&&We.createElement(We.Fragment,null,e.type===0&&We.createElement(Qa,{...u,warning:e}),(e.type===3||e.type===2)&&We.createElement(Ya,{...u,warning:e}),e.type===1&&We.createElement(Ja,{...u,warning:e})))}s(Dr,"QuoteWarningsAndErrors");function no(t){let{quote:e,type:o,loading:n,error:r,warning:i,refetchQuote:a,showWarningModal:l,onOpenWarningModal:p,onCloseWarningModal:u,onConfirmWarningModal:c,expanded:m=!1}=t,{inputAmount:f,inputUsdValue:h,outputUsdValue:k,outputAmount:S}=_(),C=e&&e.result&&!n;return dt.createElement(dt.Fragment,null,n&&dt.createElement(br,null,dt.createElement(Br,{type:o,expanded:m})),C?dt.createElement(br,null,dt.createElement(Wr,{quote:e,error:r,warning:i,type:o,expanded:m,recommended:!0,input:{value:N(f,6,6),usdValue:N(h,4,4)},output:{value:N(S,6,6),usdValue:N(k,4,4)}})):null,!i&&!r&&dt.createElement(Bm,{size:16}),(i||r)&&dt.createElement(Dr,{warning:i,error:r,loading:n,refetchQuote:a,showWarningModal:l,onOpenWarningModal:p,onCloseWarningModal:u,onConfirmWarningModal:c}))}s(no,"QuoteInfo");import{useEffect as Ra,useRef as $m,useState as Fr}from"react";function an(t){if(!t.result)throw new Error(q().noResultError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});if(Xt(t)){let{swap:n,recommendation:r,fromAmountRangeError:i}=hr(t);throw new Error("bridge limit error",{cause:{type:3,swap:n,recommendation:r,fromAmountRangeError:i}})}let o=Sr(t);if(o){let n=Yo(t);throw new Error("",{cause:{type:4,recommendedSlippages:o,minRequiredSlippage:n}})}return t}s(an,"throwErrorIfResponseIsNotValid");function Za(t,e,o){let n=Ys(t,e),r={quote:null,quoteUpdate:null,balance:null},i=Zo(e,{fromToken:o.fromToken,toToken:o.toToken,tokens:o.tokens,userSlippage:o.userSlippage});i&&(r.quote=i),n&&(Us(t,e)?r.quoteUpdate={type:3,newOutputAmount:N(Pt(e)),percentageChange:N(lt(Pt(t)??"",Pt(e)??""),null,2)}:kr(t,e)?r.quoteUpdate={type:0}:Tr(t,e)?r.quoteUpdate={type:1}:wr(t,e)&&(r.quoteUpdate={type:2}));let a=zs(e,o.selectedWallets);return a.length===0||(r.balance={messages:a}),r}s(Za,"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}}s(ln,"handleQuoteErrors");import{useRef as Mm,useState as Pm}from"react";function pn(){let[t,e]=Pm(!1),o=Mm(null),n=s(()=>o.current?.abort(),"cancel");return{fetch:s(async i=>{n(),o.current=new AbortController,e(!0);try{let a=await Nt().getBestRoute(i,{signal:o.current.signal});return o.current=null,a}catch(a){throw a}finally{e(!1)}},"fetch"),loading:t,cancelFetch:n}}s(pn,"useFetchQuote");var _m=600;function el(){let{fetch:t,cancelFetch:e}=pn(),{fromToken:o,toToken:n,inputAmount:r,inputUsdValue:i,resetQuote:a,setQuote:l}=_(),{meta:{tokens:p}}=b(),{slippage:u,customSlippage:c,affiliatePercent:m,affiliateRef:f,affiliateWallets:h,disabledLiquiditySources:k}=F(),[S,C]=Fr(!1),[E,d]=Fr(null),[T,w]=Fr(null),g=$m(k),x=c??u,v=!o||!n||Be(o,n)||!Kt(r),L=s(A=>{C(A),d(null),w(null)},"resetState"),P=s(()=>{if(S||L(!0),!v){a();let A=Jo({fromToken:o,toToken:n,inputAmount:r,disabledLiquiditySources:k,slippage:x,affiliateRef:f,affiliatePercent:m,affiliateWallets:h});t(A).then(O=>{C(!1),l(O),an(O);let M=Zo(O,{fromToken:o,toToken:n,userSlippage:x,tokens:p});w(M)}).catch(O=>{let{error:M}=ln(O);(M?.type===0||M?.type===1)&&a(),M?.type!==2&&(d(M),C(!1))})}},"fetch"),R=ps(()=>{v||P()},_m);return Ra(()=>{if(!Kt(r)||i?.eq(0)){L(!1),e();return}if(!v)return a(),L(!0),R(),e},[r,v]),Ra(()=>{let A=!!g.current.length&&!k.length;return!v&&A&&P(),g.current=k,e},[k.length]),{fetch:P,loading:S,error:E,warning:T}}s(el,"useSwapInput");var Gm=Ur("div",{display:"flex",flexDirection:"column",overflowY:"visible"}),Hm=Ur("div",{position:"relative"}),Qm=Ur("div",{display:"flex",flexDirection:"column",gap:5,alignSelf:"stretch"});function un(){let t=qm(),{fetch:e,loading:o,error:n,warning:r}=el(),{fromToken:i,fromBlockchain:a,toToken:l,toBlockchain:p,setInputAmount:u,inputAmount:c,inputUsdValue:m,outputAmount:f,outputUsdValue:h,quote:k,resetQuoteWallets:S,setQuoteWarningsConfirmed:C}=_(),{loadingStatus:E}=b(),d=H.use.connectedWallets(),T=Te.use.setCurrentPage(),[w,g]=zm(!1),x=Um(null),D=!1,v=$s(m,h),L=Ko(m,v),P=!yr(k,c,m),R=!yr(k,c,h),A=_s(E,d,o,k,Xt(k),L,P||R,D,c),O=a&&i?N(Bt(d,a?.name,i?.symbol,i?.address)?.amount||"0",8,8):"0",M=a&&i?N(Bt(d,a?.name,i?.symbol,i?.address)?.amount||"0",Bt(d,a?.name,i?.symbol,i?.address)?.decimal):"0";Om(()=>(T(y.home),S(),T.bind(null,"")),[]);let ie=!m||!h||!h.gt(0)?null:lt(m.toString(),h.toString());return qe.createElement(Q,{ref:x,fixedHeight:!1,hasLogo:!0,footer:qe.createElement(Dm,{type:"primary",size:"large",disabled:A.disabled,prefix:!A.disabled&&A.hasWarning&&qe.createElement(Fm,null),fullWidth:!0,onClick:()=>{A.state==="waitForConnecting"?t(y.wallets):r?g(!0):t(y.confirmSwap)}},A.title),header:{hasConnectWallet:!0,title:Or.t("Swap"),suffix:qe.createElement(cr,{layoutRef:x.current,onClickRefresh:k||n?e:void 0,onClickHistory:()=>t(y.swaps),onClickSettings:()=>t(y.settings)})}},qe.createElement(Gm,null,qe.createElement(Qm,null,qe.createElement(Hm,null,qe.createElement(tl,{label:Or.t("From"),mode:"From",onInputChange:u,balance:O,chain:{displayName:a?.displayName||"",image:a?.logo||""},token:{displayName:i?.symbol||"",image:i?.image||""},onClickToken:()=>t("from-swap"),price:{value:c,usdValue:P?void 0:N(m,4,4),error:P?q().unknownPriceError.impactTitle:void 0},disabled:E==="failed",loading:E==="loading",onSelectMaxBalance:()=>{O!=="0"&&u(M.split(",").join(""))}}),qe.createElement(Rs,null)),qe.createElement(tl,{sharpBottomStyle:!!k?.result||o,label:Or.t("To"),mode:"To",chain:{displayName:p?.displayName||"",image:p?.logo||""},token:{displayName:l?.symbol||"",image:l?.image||""},percentageChange:N($t(m,h),2,2),warningLevel:Re(ie??0),price:{value:N(f,6,6),usdValue:R?void 0:N(h,4,4),error:R?q().unknownPriceError.impactTitle:void 0},onClickToken:()=>t("to-swap"),disabled:E==="failed",loading:E==="loading"})),qe.createElement(no,{quote:k,loading:o,error:n,warning:r,type:"basic",refetchQuote:e,showWarningModal:w,onOpenWarningModal:()=>g(!0),onCloseWarningModal:()=>g(!1),onConfirmWarningModal:()=>{g(!1),C(!0),t(y.confirmSwap)}})))}s(un,"Home");import{useEffect as zr,useRef as qr}from"react";import{createSearchParams as Vm,useLocation as jm,useSearchParams as Km}from"react-router-dom";import{useEffect as Ut,useMemo as cn,useRef as mn}from"react";function ol(t){let{setInputAmount:e,setToToken:o,setToBlockchain:n,setFromBlockchain:r,setFromToken:i,fromToken:a,toToken:l,fromBlockchain:p,toBlockchain:u}=_(),{meta:{tokens:c,blockchains:m},loadingStatus:f}=b(),{setAffiliateRef:h,setAffiliatePercent:k,setAffiliateWallets:S}=F(),C=cn(()=>t?.from?.tokens,[t?.from?.tokens]),E=cn(()=>t?.from?.blockchains,[t?.from?.blockchains]),d=cn(()=>t?.to?.tokens,[t?.to?.tokens]),T=cn(()=>t?.to?.blockchains,[t?.to?.blockchains]),w=mn(void 0),g=mn(void 0),x=mn(void 0),D=mn(void 0);Ut(()=>{e(t?.amount?.toString()||"")},[t?.amount]),Ut(()=>{if(f==="success"){let v=m.find(P=>P.name===t?.from?.blockchain),L=c.find(P=>Be(P,t?.from?.token||null));(v||!v&&x.current)&&r(v??null),(L||!L&&w.current)&&i(L??null),x.current=t?.from?.blockchain,w.current=t?.from?.token}},[t?.from?.token?.symbol,t?.from?.token?.address,t?.from?.token?.blockchain,t?.from?.blockchain,f]),Ut(()=>{a&&C&&(C.some(v=>Be(v,a))||i(null)),p&&E&&(E.includes(p.name)||r(null))},[C,E]),Ut(()=>{l&&d&&(d.some(v=>Be(v,l))||o(null)),u&&T&&(T.includes(u.name)||n(null))},[d,T]),Ut(()=>{if(f==="success"){let v=m.find(P=>P.name===t?.to?.blockchain),L=c.find(P=>Be(P,t?.to?.token||null));(v||!v&&D.current)&&n(v??null),(L||!L&&g.current)&&o(L??null),D.current=t?.to?.blockchain,g.current=t?.to?.token}},[t?.to?.token?.symbol,t?.to?.token?.address,t?.to?.token?.blockchain,t?.to?.blockchain,f]),Ut(()=>{h(t?.affiliate?.ref??null),k(t?.affiliate?.percent??null),S(t?.affiliate?.wallets??null)},[t?.affiliate?.ref,t?.affiliate?.percent,t?.affiliate?.wallets])}s(ol,"useSyncStoresWithConfig");function nl(t){let e=qr(!0),[o,n]=Km(),r=jm(),i=qr(r.search),a=qr({}),l=_.use.fromBlockchain(),p=_.use.toBlockchain(),u=_.use.fromToken(),c=_.use.toToken(),m=_.use.setFromBlockchain(),f=_.use.setFromToken(),h=_.use.setToBlockchain(),k=_.use.setToToken(),S=_.use.inputAmount(),C=_.use.setInputAmount(),E=b.use.loadingStatus(),{blockchains:d,tokens:T}=b.use.meta(),w=Te.use.setSelectedSwap();return ol(t.config),zr(()=>{let g={};Vm(i.current).forEach((D,v)=>{g[v]=D}),a.current=g;let x=r.pathname.split(y.swaps+"/")[1]||null;x&&w(x)},[]),zr(()=>{if(!e.current){let g="",x="",D="",v="",L="";if(E!=="success")g=a.current["fromBlockchain"],x=a.current["fromToken"],D=a.current["toBlockchain"],v=a.current["toToken"],L=a.current["fromAmount"]||S;else{if(r.state==="redirect")return;g=l?.name||"",x=(u?.symbol||"")+(u?.address?`--${u?.address}`:""),D=p?.name||"",v=(c?.symbol||"")+(c?.address?`--${c?.address}`:""),L=S}n({...g&&{["fromBlockchain"]:g},...x&&{["fromToken"]:x},...D&&{["toBlockchain"]:D},...v&&{["toToken"]:v},...L&&{["fromAmount"]:L.toString()}},{replace:!0})}e.current=!1},[r.pathname,S,l,u,p,c]),zr(()=>{if(E==="success"){let g=o.get("fromBlockchain"),x=o.get("fromToken"),D=o.get("toBlockchain"),v=o.get("toToken"),L=o.get("fromAmount"),P=d.find(M=>M.name===g),R=Cr(T,x,P||null),A=d.find(M=>M.name===D),O=Cr(T,v,A||null);P&&(m(P),R&&f(R)),A&&(h(A),O&&k(O)),L&&C(L)}},[E]),null}s(nl,"UpdateUrl");function rd(t){let e=od(),o=nd(),n=Rm(!0),r=e.pathname.split("/"),a=r[r.length-1]===y.confirmSwap&&n.current;return Zm(()=>{a&&o("."),n.current=!1},[]),a?wt.createElement(un,null):wt.createElement(wt.Fragment,null," ",t.children)}s(rd,"Route");function rl({children:t,...e}){let o=td(),n=o?rd:ed,{blockchains:r}=b.use.meta(),{canSwitchNetworkTo:i}=Ym(),a=r.filter(Jm);return Xm({lastConnectedWallet:e.lastConnectedWallet,clearDisconnectedWallet:e.clearDisconnectedWallet,disconnectedWallet:e.disconnectedWallet,evmChains:a,canSwitchNetworkTo:i}),wt.createElement(wt.Fragment,null,wt.createElement(n,null,t),o&&wt.createElement(nl,{config:e.config}))}s(rl,"AppRouter");import Ee from"react";import{useRoutes as fh}from"react-router-dom";import{i18n as kn}from"@lingui/core";import{useManager as qd}from"@rango-dev/queue-manager-react";import{Alert as bl,Button as El,Divider as Il,IconButton as Al,RefreshIcon as Gd,SettingsIcon as Hd,styled as Wl,Tooltip as Qd,Typography as Vd,WalletIcon as jd}from"@rango-dev/ui";import X,{useEffect as Tn,useState as wn}from"react";import{flushSync as Kd}from"react-dom";import{useNavigate as Xd}from"react-router-dom";import{i18n as tt}from"@lingui/core";import{Alert as Xr,BalanceErrors as Nd,Button as wl,ChevronDownIcon as Bd,ChevronLeftIcon as Ld,Divider as qt,MessageBox as Md,Modal as vl,Typography as Cn,WalletIcon as Pd}from"@rango-dev/ui";import W,{useEffect as $d,useLayoutEffect as _d,useRef as Dd,useState as bt}from"react";import{useNavigate as Fd}from"react-router-dom";import{i18n as dn}from"@lingui/core";function fn(t){switch(t.type){case 0:return dn.t("Route has been updated.");case 3:return dn.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return dn.t("Route swappers has been updated.");case 2:return dn.t("Route internal coins has been updated.");default:return""}}s(fn,"getQuoteUpdateWarningMessage");import{i18n as Ge}from"@lingui/core";import{Button as Id,Divider as jr,Image as Ad,MessageBox as Sn,Modal as yl,SelectableWallet as Wd,Typography as Sl,WalletState as Cl}from"@rango-dev/ui";import te,{useEffect as kl,useState as io}from"react";import{WalletState as il}from"@rango-dev/ui";import{useWallets as id}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as sd,WalletTypes as ad}from"@rango-dev/wallets-shared";import{useEffect as ld,useState as pd}from"react";var ud=Object.values(ad);function gn(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:i,disconnect:a,getWalletInfo:l,connect:p}=id(),{connectedWallets:u}=H(),{blockchains:c}=b().meta,m=typeof e?.multiWallets>"u"?!0:e.multiWallets,f=cs(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||ud,h=es(i,l,f,o),k=ss(h),[S,C]=pd(""),E=s(g=>!u.find(x=>x.walletType===g&&x.chain===o),"isExperimentalChainNotAdded"),d=s(async g=>{let x=i(g);try{if(S&&C(""),x.connected)await a(g);else{let D=!!h.find(v=>v.state===il.CONNECTED);if(!m&&D)return;n?.(g),await p(g),r?.(g)}}catch(D){C("Error: "+D?.message)}},"handleClick"),T=s(()=>{let g=h?.filter(x=>x.state===il.CONNECTING)||[];for(let x of g)a(x.type)},"disconnectConnectingWallets");ld(()=>()=>{T()},[]);let w=s((g,x,D)=>Mo(D,x)&&E(g)&&!sd.includes(g),"shouldExcludeWallet");return{list:k.filter(g=>!w(g.type,o??"",c)),error:S,handleClick:d}}s(gn,"useWalletList");import{i18n as ul}from"@lingui/core";import{styled as ml,Typography as Cd,Wallet as kd,WalletState as Td}from"@rango-dev/ui";import xt,{Fragment as wd,useState as cl}from"react";import{Divider as gd,Modal as hd}from"@rango-dev/ui";import Hr from"react";import{i18n as zt}from"@lingui/core";import{Image as dd,MessageBox as Gr,WalletState as fd}from"@rango-dev/ui";import vt from"react";import{keyframes as cd,styled as hn}from"@rango-dev/ui";var lb=hn("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),sl=hn("div",{position:"relative"}),md=cd({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),al=hn("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${md} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),ll=hn("div",{"& img":{borderRadius:"50%"}});function pl(t){let{state:e,image:o,error:n}=t;return e===fd.CONNECTED?vt.createElement(Gr,{type:"success",title:zt.t("Wallet Connected"),description:zt.t("Your wallet is connected, you can use it to swap.")}):n?vt.createElement(Gr,{type:"error",title:zt.t("Failed to Connect"),description:n||zt.t("Your wallet is not connected. Please try again.")}):vt.createElement(Gr,{type:"loading",title:zt.t("Connecting to your wallet"),description:zt.t("Click connect in your wallet popup."),icon:vt.createElement(sl,null,vt.createElement(ll,null,vt.createElement(dd,{src:o,size:45})),vt.createElement(al,null))})}s(pl,"ModalContent");function ro(t){let{open:e,onClose:o,...n}=t;return Hr.createElement(hd,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},Hr.createElement(pl,{...n}),Hr.createElement(gd,{direction:"vertical",size:32}))}s(ro,"WalletModal");import{useInRouterContext as yd,useNavigate as Sd}from"react-router-dom";function oe(){let t=yd(),e=Sd(),o=_.use.quoteWalletsConfirmed();return y,{navigateBackFrom:s(r=>{if(r===y.swapDetails)return e("/"+y.swaps,{replace:!0});if(!t||window.history.state&&window.history.state.idx>0)e(-1);else{if([y.settings,y.wallets].includes(r)&&o)return e("/"+y.confirmSwap,{replace:!0});[y.fromSwap,y.toSwap,y.settings,y.wallets,y.swaps,y.confirmSwap].includes(r)?e(y.home,{replace:!0}):r===y.fromBlockchain?e("/"+y.fromSwap,{replace:!0}):r===y.toBlockchain?e("/"+y.fromSwap,{replace:!0}):r===y.liquiditySources&&e("/"+y.settings,{replace:!0})}},"navigateBackFrom")}}s(oe,"useNavigateBack");var vd=ml("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline",paddingTop:"$15",height:"100%"}),xd=ml("div",{textAlign:"center"}),yn=3e3,Qr=300;function dl({config:t}){let{navigateBackFrom:e}=oe(),[o,n]=cl(!1),[r,i]=cl(""),a=null,{list:l,handleClick:p,error:u}=gn({config:t,onBeforeConnect:k=>{a=setTimeout(()=>{n(!0),i(k)},Qr)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},yn)}}),c=b.use.loadingStatus(),m=l.find(k=>k.type===r),f=m?.image||"",h=m?.state||Td.NOT_INSTALLED;return xt.createElement(Q,{header:{title:ul.t("Connect Wallets"),onBack:()=>e(y.wallets)}},xt.createElement(xd,null,xt.createElement(Cd,{variant:"title",size:"xmedium",align:"center"},ul.t("Choose a wallet to connect.")),xt.createElement(vd,null,l.map((k,S)=>{let C=`wallet-${S}-${k.type}`;return xt.createElement(wd,{key:C},xt.createElement(kd,{...k,container:J(),onClick:E=>{p(E)},isLoading:c==="loading"}))}),xt.createElement(ro,{open:!!o,onClose:()=>n(!1),image:f,state:h,error:u}))))}s(dl,"WalletsPage");import{keyframes as bd,styled as Vr}from"@rango-dev/ui";var fl=Vr("div",{position:"relative"}),Ed=bd({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),gl=Vr("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Ed} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),hl=Vr("div",{"& img":{borderRadius:"50%"}});function Kr(t){let{config:e,chain:o,isSelected:n,selectWallet:r,limit:i,onShowMore:a}=t,l=H.use.connectedWallets(),{blockchains:p}=b.use.meta(),[u,c]=io(""),[m,f]=io(null),[h,k]=io(!1),[S,C]=io(null),{suggestAndConnect:E}=Tl(),d=null,{list:T,error:w,handleClick:g}=gn({config:e,chain:o,onBeforeConnect:A=>{d=setTimeout(()=>{c(A)},Qr)},onConnect:()=>{d&&clearTimeout(d),setTimeout(()=>{c("")},yn)}}),[x,D]=io(T),v=T.length,L=i&&v-i>0,P=s(async A=>{k(!1),C("in-progress");try{await E(A.walletType,A.chain),C("completed")}catch{C("rejected")}},"addExperimentalChain");kl(()=>{D(A=>{let O=T.findIndex(M=>n(M.type,o));return L&&O>1?[T[O]].concat(T.filter((M,ie)=>ie!==O)):A.map(M=>T.find(ie=>ie.type===M.type)??M)})},[JSON.stringify(T)]);let R=document.querySelector("#swap-box");return kl(()=>{let A=null;return(S==="completed"||S==="rejected")&&(A=setTimeout(()=>C(null),yn)),()=>{A&&clearTimeout(A)}},[S]),te.createElement(te.Fragment,null,x.slice(0,i).map(A=>{let O=as({connectedWallets:l,walletType:A.type,chain:o}),M=O?Po(O):"",ie=Mo(p,o),Ce=!l.find(Ne=>Ne.walletType===A.type&&Ne.chain===o),le=ie&&Ce&&A.state===Cl.CONNECTED,ge=le?Ge.t({id:"Add {chain} chain",values:{chain:o}}):M,ee=s(()=>{A.state===Cl.DISCONNECTED?g(A.type):le?(f({walletType:A.type,chain:o,address:O??""}),k(!0)):r({walletType:A.type,chain:o,address:O??""})},"onClick"),j=m?.chain?Ms(m.chain,p):void 0;return te.createElement(te.Fragment,null,te.createElement(ro,{open:u===A.type,onClose:()=>c(""),image:A.image,state:A.state,error:w}),!!m&&te.createElement(yl,{open:!!m&&h,container:R,onClose:()=>{f(null)}},te.createElement(Sn,{title:Ge.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:j}}),type:"warning",description:Ge.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:j}})},te.createElement(jr,{size:18}),te.createElement(jr,{size:32}),te.createElement(Id,{onClick:P.bind(null,m),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},Ge.t("Confirm")))),S&&te.createElement(yl,{open:!!S,onClose:C.bind(null,null),container:R},S==="in-progress"&&te.createElement(Sn,{type:"loading",title:Ge.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:j}}),description:Ge.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:j}}),icon:te.createElement(fl,null,te.createElement(hl,null,te.createElement(Ad,{src:A.image,size:45})),te.createElement(gl,null))}),S==="completed"&&te.createElement(Sn,{type:"success",title:Ge.t({id:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:j}}),description:Ge.t({id:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:j}})}),S==="rejected"&&te.createElement(Sn,{type:"error",title:Ge.t("Request Rejected"),description:Ge.t({id:"You've rejected adding {blockchainDisplayName} chain to your wallet.",values:{blockchainDisplayName:j}})}),te.createElement(jr,{direction:"vertical",size:32})),te.createElement(Wd,{key:A.type,description:ge,onClick:ee,selected:n(A.type,o),...A}))}),L&&te.createElement(ia,{selected:!1,onClick:a.bind(null)},te.createElement(Sl,{variant:"label",size:"medium"},Ge.t("Show more wallets"),te.createElement(Sl,{variant:"label",size:"medium",color:"$primary"},"\xA0+",v-(i??0)))))}s(Kr,"WalletList");var Od=2;function xl(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,config:i,loading:a}=t,{blockchains:l}=b.use.meta(),{quote:p,setSelectedWallets:u,quoteWalletsConfirmed:c,setQuoteWalletConfirmed:m,customDestination:f,setCustomDestination:h}=_(),{connectedWallets:k,selectWallets:S}=H(),[C,E]=bt(""),[d,T]=bt([]),[w,g]=bt(""),[x,D]=bt(null),[v,L]=bt(f),[P,R]=bt(!!f),A=Dd(null),O=qo(p),M=typeof i?.customDestination>"u"?!0:i.customDestination,ie=l.find(U=>U.name===p?.result?.swaps[p?.result?.swaps.length-1].to.blockchain),Ce=s(U=>!!p?.result?.swaps.find(K=>K.from.blockchain===U),"isWalletRequiredFor"),[le,ge]=bt(k.filter(U=>U.selected&&O.includes(U.chain))),ee=l.find(U=>U.name===ie?.name),j=s((U,K)=>!!le.find(z=>z.walletType===U&&z.chain===K&&z.selected&&(Ce(K)||!Ce(K)&&!v)),"isSelected"),Ne=!!v&&P&&ee&&!Go(ee,v),Ze=s(()=>{R(!1),L(""),ge(U=>{let K=!1;return U.map(z=>!K&&z.chain===ie?.name?(K=!0,{...z,selected:!0}):z)})},"resetCustomDestination"),yt=s(U=>{if(C&&E(""),j(U.walletType,U.chain))return;let z=k.find(se=>se.walletType===U.walletType&&se.chain===U.chain);z&&(n(),U.chain===ie?.name&&P&&(R(!1),L("")),ge(se=>se.filter(Qe=>Qe.chain!==U.chain).concat({...z,selected:!0})))},"onChange"),vo=s(()=>{let U=le.filter(K=>K.selected);S(U),u(U),h(v),m(!0),o()},"onConfirmBalance"),Yn=s(async()=>{T([]),g(""),D(null);let U=k.filter(se=>le.find(Qe=>Qe.chain===se.chain&&Qe.walletType===se.walletType)),K=await r?.({selectedWallets:U,customDestination:v}),z=K.warnings;z?.balance?.messages&&T(z.balance.messages),z?.quoteUpdate&&D(z.quoteUpdate),K.error&&g(Ps(K.error)),!K.error&&(!z?.balance?.messages.length||0>0)?vo():T(z?.balance?.messages??[])},"onConfirmWallets");$d(()=>{ge(U=>U.concat(k.filter(K=>!!!U.find(se=>se.chain===K.chain)&&K.selected&&O.includes(K.chain))))},[k.length]),_d(()=>{P&&A.current&&setTimeout(()=>{A?.current?.scrollIntoView({behavior:"smooth"})},Jt)},[P]);let Wt=document.querySelector("#swap-box"),xo=Fd();return W.createElement(vl,{open:e,onClose:()=>{c||xo(y.home,{replace:!0}),o()},dismissible:!C,container:Wt,...!C&&{footer:W.createElement(fa,null,W.createElement(wl,{loading:a,disabled:Vs(a,P,v,p,le,ie),onClick:Yn,variant:"contained",type:"primary",fullWidth:!0,size:"large"},"Confirm"))},...C&&{containerStyle:{padding:"$0"},header:W.createElement(aa,null,W.createElement(la,{variant:"ghost",onClick:E.bind(null,"")},W.createElement(Ld,{size:16})),W.createElement(Cn,{variant:"headline",size:"small"},tt.t({id:"Your {blockchainName} wallets",values:{blockchainName:C}})))},anchor:"center"},W.createElement(vl,{open:d.length>0,onClose:T.bind(null,[]),container:Wt},W.createElement(Md,{title:tt.t("Insufficient account balance"),type:"error",description:W.createElement(Nd,{messages:d??[]})},W.createElement(wl,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:vo},tt.t("Proceed anyway")))),C&&W.createElement(pa,null,W.createElement("div",{className:"wallets-list"},W.createElement(Kr,{chain:C,isSelected:j,selectWallet:yt,multiWallets:i?.multiWallets??!0,supportedWallets:i?.wallets??[],config:i,onShowMore:E.bind(null,C)}))),!C&&W.createElement(W.Fragment,null,w&&W.createElement(W.Fragment,null,W.createElement(Xr,{variant:"alarm",type:"error",title:tt.t(w)}),W.createElement(qt,{size:12})),x&&W.createElement(W.Fragment,null,W.createElement(Xr,{variant:"alarm",type:"warning",title:fn(x)}),W.createElement(qt,{size:12})),W.createElement(ha,null,O.map((U,K)=>{let z=l.find(Ie=>Ie.name===U),se=`wallet-${K}`,Qe=K===O.length-1;return W.createElement("div",{key:se},W.createElement(na,null,W.createElement(Cn,{variant:"title",size:"xmedium"},tt.t({id:"Your {blockchainName} wallets",values:{blockchainName:z?.displayName}})),W.createElement(Cn,{variant:"label",color:"$neutral700",size:"medium"},tt.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:z?.displayName}}))),W.createElement(qt,{size:24}),W.createElement(ra,null,W.createElement(Kr,{chain:U,isSelected:j,selectWallet:yt,multiWallets:i?.multiWallets??!0,supportedWallets:i?.wallets??[],config:i,limit:Od,onShowMore:()=>E(z?.name??"")})),!Qe&&W.createElement(qt,{size:32}),Qe&&M&&W.createElement(ma,null,W.createElement(ua,{ref:A,selected:P,open:P,onOpenChange:Ie=>{Ie?Ce(ie?.name??"")||ge(Jn=>Jn.map(Zn=>Zn.chain===ie?.name?{...Zn,selected:!1}:Zn)):Ze()}},W.createElement(sa,{onClick:()=>R(Ie=>!Ie)},W.createElement(ca,{fullWidth:!0,variant:"default",suffix:W.createElement(da,{orientation:P?"up":"down"},W.createElement(Bd,{size:10,color:"gray"}))},W.createElement("div",{className:"button__content"},W.createElement(Pd,{size:18,color:"info"}),W.createElement(qt,{size:4,direction:"horizontal"}),W.createElement(Cn,{variant:"label",size:"medium"},tt.t("Send to a different address"))))),W.createElement(Ro,{open:P},W.createElement(W.Fragment,null,W.createElement(qt,{size:4}),W.createElement(ga,{autoFocus:!0,placeholder:tt.t("Your destination address"),value:v,onChange:Ie=>{L(Ie.target.value)}})))),Ne&&W.createElement("div",{className:"alarms"},W.createElement(Xr,{variant:"alarm",type:"error",title:tt.t({values:{destination:v},id:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}s(xl,"ConfirmWalletsModal");import{calculatePendingSwap as Ud}from"@rango-dev/queue-manager-rango-preset";import{useEffect as zd}from"react";function Yr(){let{fromToken:t,toToken:e,inputAmount:o,setQuote:n,resetQuote:r,quote:i,customDestination:a,setQuoteWarningsConfirmed:l}=_(),{slippage:p,customSlippage:u,affiliatePercent:c,affiliateRef:m,affiliateWallets:f,disabledLiquiditySources:h}=F(),{connectedWallets:k}=H(),{meta:S}=b(),C=u||p,{fetch:E,cancelFetch:d,loading:T}=pn();return zd(()=>d,[]),{loading:T,fetch:s(async g=>{let x=g.selectedWallets,D=g?.customDestination??a;if(!t||!e||!o||!i)return{quote:null,swap:null,error:null,warnings:null};let v=Jo({fromToken:t,toToken:e,inputAmount:o,wallets:k,selectedWallets:x,disabledLiquiditySources:h,slippage:C,affiliateRef:m,affiliatePercent:c,affiliateWallets:f,initialQuote:i,destination:D}),L;try{L=await E(v).then(O=>an(O)),n(L)}catch(O){let M=ln(O);return(M.error?.type===0||M.error?.type===1)&&r(),M}let P={slippage:C.toString(),disabledSwappersGroups:h},R=Ud(o.toString(),L,Os(x),P,!1,S),A=Za(i,L,{fromToken:t,toToken:e,tokens:S.tokens,selectedWallets:x,userSlippage:C});return A.quoteUpdate&&l(!1),{quote:L,swap:R,error:null,warnings:A}},"fetch"),cancelFetch:d}}s(Yr,"useConfirmSwap");var Yd=Wl("div",{position:"relative",width:"100%","& .description":{display:"flex",justifyContent:"space-between",alignItems:"center",paddingBottom:"$10"},"& .icon":{width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"}}),Jd=Wl("div",{width:"100%",display:"flex",justifyContent:"space-between","& .confirm-button":{flexGrow:1,paddingRight:"$10"},[`& ${Al}`]:{width:"$48",height:"$48"}});function Nl(t){let{config:e}=t,{quote:o,setInputAmount:n,selectedWallets:r,quoteWalletsConfirmed:i,setQuoteWalletConfirmed:a,customDestination:l,quoteWarningsConfirmed:p}=_(),u=Xd(),[c,m]=wn(""),{connectedWallets:f}=H(),h=!i,[k,S]=wn(!1),C=Te.use.setSelectedSwap(),{manager:E}=qd(),{fetch:d,loading:T,cancelFetch:w}=Yr(),[g,x]=wn({swap:null,error:null,warnings:null}),[D,v]=wn(!1),L=s(async({selectedWallets:M,customDestination:ie})=>{let Ce=await d?.({selectedWallets:M,customDestination:ie});return x(Ce),Ce},"onConfirmSwap"),P=s(async()=>{if(g.swap&&i)try{await E?.create("swap",{swapDetails:g.swap},{id:g.swap.requestId}),C(g.swap.requestId),u("/"+y.swaps+`/${g.swap.requestId}`,{replace:!0}),setTimeout(()=>{n("")},0)}catch(M){m("Error: "+M?.message)}},"addNewSwap"),R=s(async()=>{await P()},"onConfirm"),A=s(async()=>{g?.warnings?.quote&&!p?v(!0):await R()},"onStartConfirmSwap"),O=s(async()=>{x({error:null,swap:null,warnings:null}),d({selectedWallets:r}).then(M=>{x(M)}).catch(M=>console.error(M))},"onRefresh");return Tn(()=>{h&&w()},[h]),Tn(()=>{h&&S(h)},[h]),Tn(()=>{h||d({selectedWallets:r,customDestination:l}).then(M=>x(M)).catch(M=>console.error(M))},[]),Tn(()=>{let M=g.warnings?.quote?.type&&Object.values(st).includes(g.warnings?.quote?.type),ie=r.length<1||!r.every(le=>f.find(ge=>le.address===ge.address&&le.walletType===ge.walletType&&le.chain===ge.chain)),Ce=!1;if(M){let le=qo(o),ge=o?.result?.swaps[o.result.swaps.length-1].to.blockchain;!!o?.result?.swaps.find(Ne=>Ne.from.blockchain===ge)||(le=le.slice(-le.length,le.length-1)),le.every(Ne=>r.find(Ze=>Ze.chain===Ne))||(Ce=!0)}o&&(ie||Ce)&&(queueMicrotask(()=>Kd(S.bind(null,!0))),a(!1))},[g.warnings?.quote,r.length,f.length]),X.createElement(Q,{header:{title:kn.t("Confirm Swap"),onBack:()=>u(-1),hasConnectWallet:!0,suffix:X.createElement(Qd,{container:J(),side:"bottom",content:kn.t("Settings")},X.createElement($e,{size:"small",variant:"ghost",onClick:()=>u("/"+y.settings)},X.createElement(Hd,{size:18,color:"black"})))},footer:X.createElement(Jd,null,X.createElement("div",{className:"confirm-button"},X.createElement(El,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:T,disabled:!!g.error,onClick:A},kn.t("Start Swap"))),X.createElement(Al,{variant:"contained",type:"primary",size:"large",loading:T,onClick:S.bind(null,!0)},X.createElement(jd,{size:24})))},k&&X.createElement(xl,{open:k,onClose:()=>S(!1),onCancel:w,loading:T,onCheckBalance:L,config:e}),X.createElement(Yd,null,X.createElement("div",{className:"description"},X.createElement(Vd,{variant:"title",size:"small"},kn.t("You get")),X.createElement(El,{style:{padding:"0"},variant:"ghost",disabled:T,onClick:O},X.createElement("div",{className:"icon"},X.createElement(Gd,{size:16})))),c&&X.createElement(X.Fragment,null,X.createElement(bl,{type:"error",variant:"alarm",title:c}),X.createElement(Il,{size:12})),g.warnings?.quoteUpdate&&X.createElement(X.Fragment,null,X.createElement(bl,{variant:"alarm",type:"warning",title:g.warnings.quoteUpdate&&fn(g.warnings.quoteUpdate)}),X.createElement(Il,{size:12})),X.createElement(no,{quote:o,type:"swap-preview",expanded:!0,error:g.error,loading:T,warning:g.warnings?.quote??null,refetchQuote:O,showWarningModal:D,onOpenWarningModal:()=>v(!0),onCloseWarningModal:()=>v(!1),onConfirmWarningModal:async()=>{v(!1),await P()}})))}s(Nl,"ConfirmSwapPage");import{i18n as bn}from"@lingui/core";import{useManager as nf}from"@rango-dev/queue-manager-react";import{Divider as rf,NotFound as sf,styled as Ol}from"@rango-dev/ui";import ft,{useState as af}from"react";import{useNavigate as lf}from"react-router-dom";import{CloseIcon as Rd,IconButton as ef,SearchIcon as tf,TextField as of}from"@rango-dev/ui";import so from"react";import{styled as Zd}from"@rango-dev/ui";var Bl=Zd("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function ot(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:i,value:a,setValue:l,...p}=t;return so.createElement(of,{prefix:so.createElement(Bl,null,so.createElement(tf,{color:"black"})),suffix:!!a.length&&so.createElement(ef,{variant:"ghost",onClick:()=>l?.(""),size:"small"},so.createElement(Rd,{color:"gray",size:10})),fullWidth:o,color:n,variant:e,style:{padding:10,borderRadius:25,alignItems:"center"},size:r,value:a,onChange:i,...p})}s(ot,"SearchInput");import{i18n as Ml}from"@lingui/core";import{Divider as Pl,SwapListItem as $l,Typography as _l}from"@rango-dev/ui";import Z from"react";import{styled as vn}from"@rango-dev/ui";var Jr=vn("div",{width:"100%",display:"flex",flexDirection:"column"}),Zr=vn("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),Rr=vn("div",{gap:"$10",display:"flex",flexDirection:"column"}),Ll=vn("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});function ei(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,i=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(Jr,null,Z.createElement(Zr,null,Z.createElement(_l,{variant:"label",size:"medium",color:"neutral600",className:"group-title"},Ml.t(p.title))),Z.createElement(Pl,{size:4}),Z.createElement(Rr,null,p.swaps.map((u,c)=>{let m=c+p.title;return Z.createElement(Z.Fragment,{key:m},Z.createElement($l,{isLoading:!0}))}))))))}return Z.createElement(Z.Fragment,null,i.filter(a=>a.swaps.length>0).map(a=>Z.createElement(Z.Fragment,{key:a.title},Z.createElement(Jr,null,Z.createElement(Zr,null,Z.createElement(_l,{variant:"label",size:"medium",color:"neutral600",className:"group-title"},Ml.t(a.title))),Z.createElement(Pl,{size:4}),Z.createElement(Rr,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($l,{requestId:l.requestId,creationTime:l.creationTime,status:l.status,onClick:o,onlyShowTime:a.title==="Today",swapTokenData:{from:{token:{image:p.fromLogo,displayName:p.fromSymbol},blockchain:{image:p.fromBlockchainLogo||""},amount:Wo(l.inputAmount)},to:{token:{image:u.toLogo,displayName:u.toSymbol},blockchain:{image:u.toBlockchainLogo||""},amount:Wo(u.outputAmount||""),estimatedAmount:Wo(u.expectedOutputAmountHumanReadable||"")}}}))}))))))}s(ei,"SwapsGroup");import Dl from"dayjs";var Fl=s(t=>{let e=new Map([["today",{title:"Today",swaps:[]}],["month",{title:"Last month",swaps:[]}],["year",{title:"Last year",swaps:[]}],["history",{title:"History",swaps:[]}]]),o=Dl();return t.forEach(n=>{let r=Dl(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 xn=s(t=>{let e=[];return t?.getAll().forEach((o,n)=>{let r=o.list.getStorage();r?.swapDetails&&e.push({id:n,swap:r?.swapDetails})}),e.sort((o,n)=>Number(n.swap.creationTime)-Number(o.swap.creationTime))},"getPendingSwaps");var pf=Ol("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",height:"100%",gap:15}),uf=Ol("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),cf=s((t,e)=>t?.length?t.filter(o=>Ve(o.fromBlockchain,e)||Ve(o.toBlockchain,e)||Ve(o.toSymbol,e)||Ve(o.fromSymbol,e)).length:!1,"isStepContainsText");function Ul(){let t=Te.use.setSelectedSwap(),e=lf(),{navigateBackFrom:o}=oe(),{manager:n,state:r}=nf(),i=xn(n).map(({swap:f})=>f),[a,l]=af(""),p=!r.loadedFromPersistor,u=s(f=>{let h=f.target.value;l(h)},"searchHandler"),c=i;a&&(c=i.filter(f=>Ve(f.inputAmount,a)||Ve(f.status,a)||cf(f.steps,a)||Ve(f.requestId,a)));let m=!c?.length&&!p;return ft.createElement(Q,{header:{onBack:()=>o(y.swaps),title:bn.t("History")}},ft.createElement(pf,null,ft.createElement(ot,{setValue:l,fullWidth:!0,variant:"contained",placeholder:bn.t("Search Transaction"),autoFocus:!0,onChange:u,value:a}),ft.createElement(uf,null,m&&ft.createElement(Ll,null,ft.createElement(rf,{size:32}),ft.createElement(sf,{title:bn.t("No results found"),description:a?bn.t("Try using different keywords"):""})),!m&&ft.createElement(ei,{list:c,onSwapClick:f=>{t(f),e(`${f}`,{replace:!0})},groupBy:Fl,isLoading:p}))))}s(Ul,"HistoryPage");import{i18n as zl}from"@lingui/core";import{List as mf,ListItemButton as df,Radio as ff,RadioRoot as gf,Typography as hf}from"@rango-dev/ui";import gt from"react";import{styled as En}from"@rango-dev/ui";var nt=En("div",{height:"100%",overflow:"hidden"}),ao=En("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto"}),ti=En("div",{width:80,display:"flex",justifyContent:"flex-end"}),oi=En("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});function In(){let t=F.use.language(),e=F.use.setLanguage();return{activeLanguage:t,languages:Ba,defaultLanguage:rn,changeLanguage:e}}s(In,"useLanguage");function ql(){let{navigateBackFrom:t}=oe(),{activeLanguage:e,changeLanguage:o,languages:n}=In(),r=n.map(i=>{let{local:a,label:l,SVGFlag:p}=i;return{id:a,value:a,title:gt.createElement(hf,{variant:"title",size:"xmedium"},l),onClick:()=>o(i.local),end:gt.createElement(ff,{value:a}),start:gt.createElement(p,null)}});return gt.createElement(Q,{header:{onBack:()=>t(y.settings),title:zl.t("Language")}},gt.createElement(nt,null,gt.createElement(gf,{value:e},gt.createElement(mf,{type:gt.createElement(df,{title:zl.t("language"),id:"_",onClick:()=>console.log()}),items:r}))))}s(ql,"LanguagePage");import{i18n as Gt}from"@lingui/core";import{Button as Tf,Checkbox as wf,Image as vf,ListItemButton as xf,NotFound as bf,Typography as Ef}from"@rango-dev/ui";import Se,{useState as If}from"react";import{Checkbox as Cf,Skeleton as Hl}from"@rango-dev/ui";import lo from"react";import{ListItem as yf,styled as Sf}from"@rango-dev/ui";var Gl=Sf(yf,{height:61});var kf=30;function ni(){return lo.createElement(ao,null,Array.from(Array(kf),t=>lo.createElement(Gl,{hasDivider:!0,key:t,start:lo.createElement(Hl,{variant:"circular",width:35,height:35}),title:lo.createElement(Hl,{variant:"text",size:"large",width:90}),end:lo.createElement(Cf,{checked:!1})})))}s(ni,"LoadingLiquiditySourceList");function An(t){let e=b.use.meta().swappers,o=F.use.disabledLiquiditySources(),n=[];return Lt(e.map(i=>i.swapperGroup)).map(i=>{let a=e.find(l=>l.swapperGroup===i);if(a){let l=!0;t&&(l=t.some(p=>p===a.swapperGroup)),l&&a.types.map(p=>{n.push({id:a.swapperGroup,groupTitle:a.swapperGroup,logo:a.logo,type:p,selected:!o.includes(a.swapperGroup)})})}}),n}s(An,"getUniqueSwappersGroups");function Ql(t,e){return t.groupTitle<e.groupTitle?-1:t.groupTitle>e.groupTitle?1:0}s(Ql,"sortLiquiditySourcesByGroupTitle");function ri({supportedSwappers:t,sourceType:e}){let[o,n]=If(""),r=F.use.toggleLiquiditySource(),{navigateBackFrom:i}=oe(),a=b.use.loadingStatus(),l=An(t),p=[];e==="Exchanges"&&p.push("DEX"),e==="Bridges"&&(p.push("BRIDGE"),p.push("AGGREGATOR"));let u=l.filter(S=>p.includes(S.type)),c=u.length===u.filter(S=>S.selected).length,m=s(()=>{u.forEach(S=>{c?r(S.groupTitle):S.selected||r(S.groupTitle)})},"toggleAllSources"),f=u.sort(Ql).map(S=>{let{selected:C,groupTitle:E,logo:d}=S;return{start:Se.createElement(vf,{src:d,size:22,type:"circular"}),onClick:()=>r(E),end:Se.createElement(wf,{checked:C}),title:Se.createElement(Ef,{variant:"title",size:"xmedium"},Gt.t(E)),...S}}),h=s(S=>{let C=S.target.value;n(C)},"searchHandler"),k=f;return o&&(k=f.filter(S=>Ve(S.groupTitle,o))),Se.createElement(Q,{header:{onBack:()=>i(y.settings),title:Gt.t(e),suffix:Se.createElement(ti,null,Se.createElement(Tf,{variant:"ghost",size:"xsmall",onClick:m},Gt.t(c?"Deselect all":"Select all")))}},Se.createElement(nt,null,Se.createElement(ot,{value:o,setValue:n,fullWidth:!0,color:"light",variant:"contained",placeholder:Gt.t("Search {sourceType}",{sourceType:e}),onChange:h}),a==="loading"&&Se.createElement(ni,null),!k.length&&o?Se.createElement(oi,null,Se.createElement(bf,{title:Gt.t("No results found"),description:Gt.t("Try using different keywords")})):a==="success"&&Se.createElement(ao,null,k.map(S=>Se.createElement(Se.Fragment,{key:S.id},Se.createElement(xf,{style:{height:"61px"},...S,selected:!1,hasDivider:!0}))))))}s(ri,"LiquiditySourcePage");import{i18n as Rl}from"@lingui/core";import{Divider as li,SelectableCategoryList as _f}from"@rango-dev/ui";import Et,{useState as ep}from"react";import{i18n as si}from"@lingui/core";import{Divider as Jl,Image as Bf,ListItemButton as Lf,NotFound as Mf,Typography as Zl}from"@rango-dev/ui";import Pe,{useEffect as Pf,useState as $f}from"react";import{BlockchainCategories as ii}from"@rango-dev/ui";import{TransactionType as Wn}from"rango-sdk";var Af=s((t,e)=>{switch(e){case ii.ALL:return!0;case ii.UTXO:return t.type===Wn.TRANSFER;case ii.OTHER:return t.type!==Wn.TRANSFER&&t.type!==Wn.COSMOS&&t.type!==Wn.EVM;default:return t.type===e}},"filterByType"),Vl=s((t,e,o)=>t.filter(n=>Af(n,o)).filter(n=>St(n.name,e)||St(n.displayName,e)),"filterBlockchains");import{styled as jl}from"@rango-dev/ui";var Kl=jl("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),Nn=jl("ul",{padding:0,margin:0,listStyle:"none",overflowY:"auto",paddingRight:"$5",".image-container":{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as Wf,Skeleton as Xl}from"@rango-dev/ui";import Bn from"react";var Nf=20;function Yl(){return Bn.createElement(Nn,null,Array.from(Array(Nf),t=>Bn.createElement(Wf,{key:t,hasDivider:!0,start:Bn.createElement(Xl,{variant:"circular",width:35,height:35}),title:Bn.createElement(Xl,{variant:"text",size:"large",width:90})})))}s(Yl,"LoadingBlockchainList");function ai(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[i,a]=$f(e),l=b.use.loadingStatus();Pf(()=>{a([...Vl(e,o,r)])},[e,o,r]);let p=s(()=>!i.length&&o?Pe.createElement(Pe.Fragment,null,Pe.createElement(Jl,{size:32}),Pe.createElement(Mf,{title:si.t("No results found"),description:si.t("Try using different keywords")})):Pe.createElement(Nn,{key:`${r}-${o}`},i.map(u=>Pe.createElement(Lf,{key:`${u.name}-${u.chainId}`,hasDivider:!0,onClick:()=>n(u),start:Pe.createElement(Bf,{src:u.logo,size:30}),title:Pe.createElement(Zl,{variant:"title",size:"medium"},u.displayName),id:u.chainId}))),"renderList");return Pe.createElement(Kl,null,Pe.createElement(Zl,{variant:"label",size:"large"},si.t("Select Blockchain")),Pe.createElement(Jl,{size:4}),l==="loading"&&Pe.createElement(Yl,null),l==="success"&&p())}s(ai,"BlockchainList");function pi(t){let{type:e}=t,{navigateBackFrom:o}=oe(),[n,r]=ep(""),[i,a]=ep("ALL"),l=_.use.setToBlockchain(),p=_.use.setFromBlockchain(),{loadingStatus:u}=b(),c=Le().blockchains({type:e}),m=e==="source"?"fromBlockchain":"toBlockchain";return Et.createElement(Q,{header:{onBack:()=>{o(y[m])},title:Rl.t("Select Blockchain")}},Et.createElement(li,{size:12}),Et.createElement(_f,{setCategory:a,category:i,blockchains:c,isLoading:u==="loading"}),Et.createElement(li,{size:24}),Et.createElement(ot,{value:n,autoFocus:!0,placeholder:Rl.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:f=>r(f.target.value)}),Et.createElement(li,{size:16}),Et.createElement(ai,{list:c,searchedFor:n,blockchainCategory:i,onChange:f=>{e==="source"?p(f):l(f),o(y[m])}}))}s(pi,"SelectBlockchainPage");import{i18n as Sp}from"@lingui/core";import{Divider as Cp}from"@rango-dev/ui";import Ht,{useState as Rf}from"react";import{useNavigate as eg}from"react-router-dom";import{i18n as ci}from"@lingui/core";import{BlockchainsChip as Ln,Divider as rp,Image as ip,Skeleton as zf,Typography as mi}from"@rango-dev/ui";import fe from"react";import{useEffect as Of}from"react";var tp=["ETH","COSMOS","OSMOSIS"];function op(t,e,o){let n=JSON.parse(JSON.stringify(t)),r=[];if(n.sort(Df),o?.limit&&t.length>o.limit){let i=o.limit,a=e;if(e.length<=o.limit)for(let l=0;l<o.limit;l++){let p=n[l];a=a.filter(u=>p.name!==u)}n.sort(Ff(a)),r=n.splice(i)}return{list:n,more:r}}s(op,"prepare");function Df(t,e){let o=tp,n=o.findIndex(l=>l===t.name),r=o.findIndex(l=>l===e.name),i=n>-1,a=r>-1;return i&&a?n>r?1:-1:i?-1:a?1:0}s(Df,"sortByMostUsedBlockchains");function Ff(t){return s(function(o,n){let r=t.findIndex(p=>p===o.name),i=t.findIndex(p=>p===n.name),a=r>-1,l=i>-1;return a&&l?r>i?1:-1:t.includes(o.name)?-1:t.includes(n.name)?1:0},"sortByPreferred")}s(Ff,"generateSortByPreferredBlockchainsFor");function ui(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=F();Of(()=>{e?.selected&&n(e?.selected)},[e?.selected]);let r=op(t,o,e);return{list:r.list,more:r.more,history:[]}}s(ui,"usePrepareBlockchainList");import{styled as Uf}from"@rango-dev/ui";var np=Uf("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var qf=12;function di(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:i}=t,a=ui(e,{limit:10,selected:n?.name}),l=b.use.loadingStatus(),p=_.use.resetToBlockchain(),u=_.use.resetFromBlockchain(),c=a.more.length>0,m=a.more.length===1,f=!m&&c;return fe.createElement("div",null,fe.createElement(rp,{size:12}),fe.createElement(mi,{variant:"label",size:"large"},ci.t("Select Blockchain")),fe.createElement(rp,{size:12}),fe.createElement(np,null,l==="loading"&&Array.from(Array(qf),h=>fe.createElement(zf,{key:h,variant:"rounded",height:50})),l==="success"&&fe.createElement(fe.Fragment,null,fe.createElement(Ln,{selected:!n,onClick:()=>{o==="from"?u():p()}},fe.createElement(mi,{variant:"body",size:"xsmall",color:"secondary500"},ci.t("All"))),a.list.map(h=>fe.createElement(Ln,{key:h.name,selected:!!n&&n.name===h.name,onClick:()=>r(h)},fe.createElement(ip,{src:h.logo,size:30}))),m?fe.createElement(Ln,{key:a.more[0].name,selected:!!n&&n.name===a.more[0].name,onClick:()=>r(a.more[0])},fe.createElement(ip,{src:a.more[0].logo,size:30})):null,f?fe.createElement(Ln,{onClick:i,key:"more-blockchains"},fe.createElement(mi,{variant:"body",size:"xsmall",color:"secondary500"},ci._("More +{count}",{count:a.more.length}))):null)))}s(di,"BlockchainsSection");import{i18n as Si}from"@lingui/core";import{darkTheme as dp,Divider as uo,ExternalLinkIcon as Qf,Image as Vf,ListItemButton as jf,NotFound as Kf,PinIcon as Xf,Skeleton as fp,Typography as co,VirtualizedList as Yf}from"@rango-dev/ui";import $,{forwardRef as Jf,useEffect as gp,useState as hp}from"react";var sp=s((t,e)=>{t=t.replace(/^#/,""),t.length===3&&(t=t[0]+t[0]+t[1]+t[1]+t[2]+t[2]);let[i,a,l]=t.match(/.{2}/g);[i,a,l]=[parseInt(i,16)+e,parseInt(a,16)+e,parseInt(l,16)+e],i=Math.max(Math.min(255,i),0).toString(16),a=Math.max(Math.min(255,a),0).toString(16),l=Math.max(Math.min(255,l),0).toString(16);let p=(i.length<2?"0":"")+i,u=(a.length<2?"0":"")+a,c=(l.length<2?"0":"")+l;return`#${p}${u}${c}`},"colorShade"),Mn=s((t,e)=>{let a={[t]:e};for(let l=1;l<10;l++)l<5&&(a={...a,[t+l*100]:sp(e,(5-l)*32)}),l===5&&(a={...a,[t+l*100]:e}),l>5&&(a={...a,[t+l*100]:sp(e,-((l-5)*32))});return a},"generateRangeColors"),fi=s((t,e,o)=>{if(!o||!Object.entries(o).length)return{};let n=!1,r={...t};for(let i in o){let a=o[i];if(a&&a!==t[i])if(n=!0,i==="background"||i==="foreground")r={...r,[i]:a};else if(i==="neutral"&&e){let l=Mn(i,a);r={...r,[`${i}100`]:l[`${i}900`],[`${i}200`]:l[`${i}800`],[`${i}300`]:l[`${i}700`],[`${i}400`]:l[`${i}600`],[`${i}500`]:l[`${i}500`],[`${i}600`]:l[`${i}400`],[`${i}700`]:l[`${i}300`],[`${i}800`]:l[`${i}200`],[`${i}900`]:l[`${i}100`]}}else r={...r,...Mn(i,a)}}return n?r:{}},"generateColors");import{Divider as cp,ListItem as Hf,Skeleton as po}from"@rango-dev/ui";import He from"react";import{styled as Xe,Typography as Gf}from"@rango-dev/ui";var ap=Xe("div",{display:"flex",flexDirection:"column",flexGrow:1}),gi=Xe("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),Pn=Xe("ul",{flexGrow:1,padding:0,margin:0,listStyle:"none","& li":{alignItems:"none",".description":{position:"relative",height:12,width:150,".token-title":{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",bottom:"-8px"},".token-address":{transform:"translateY(12px)",visibility:"hidden","& a":{fontSize:"$12",lineHeight:"$16",color:"$neutral600",textDecoration:"none"}},".token-name":{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}},"&:hover":{".description":{".token-address":{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",visibility:"visible"},".token-address-without-name":{bottom:"-15px"},".token-name":{position:"absolute",transform:"translateY(-12px)",visibility:"hidden"},".token-title":{position:"absolute",transform:"translateY(-12px)",bottom:"-10px"}}}}}),hi=Xe("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),yi=Xe(Gf,{}),lp=Xe("div",{textAlign:"right"}),$n=Xe("ul",{display:"flex",alignItems:"end",flexDirection:"column"}),VA=Xe("div",{display:"flex",alignItems:"center"}),pp=Xe("div",{position:"relative",".image-container":{borderRadius:"$xm",overflow:"hidden"}}),up=Xe("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6});function mp(t){return He.createElement(Pn,null,Array.from(Array(t.size),e=>He.createElement(Hf,{key:e,hasDivider:!0,start:He.createElement(po,{variant:"circular",width:35,height:35}),end:He.createElement($n,null,He.createElement(po,{variant:"text",size:"large",width:70}),He.createElement(cp,{size:4}),He.createElement(po,{variant:"text",size:"medium",width:50})),title:He.createElement("div",null,He.createElement(po,{variant:"text",size:"large",width:90}),He.createElement(cp,{size:4}),He.createElement(po,{variant:"text",size:"medium",width:90}))})))}s(mp,"LoadingTokenList");var Ci=20,Zf=s(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:i,customCssForTagTitle:a}=t,l=e.length;return $.createElement("div",{className:"description"},o?$.createElement("div",{className:"token-name"},o):$.createElement(gi,{className:"token-title"},$.createElement(co,{variant:"title",size:"xmedium"},r.symbol),$.createElement(uo,{direction:"horizontal",size:4}),$.createElement(hi,{css:i},$.createElement(yi,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&$.createElement("div",{className:`token-address ${!o&&"token-address-without-name"}`},$.createElement("a",{href:n,target:"_blank",rel:"nofollow noreferrer",onClick:p=>p.stopPropagation()},l>10?`${e.slice(0,5)}...${e.slice(l-6,l)}`:e," ",$.createElement(Qf,{color:"gray",size:12}))))},"renderDesc");function yp(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[i,a]=hp(e),l=b.use.loadingStatus(),[p,u]=hp(!0),c=H.use.loading(),{blockchains:m}=b.use.meta(),{isTokenPinned:f}=Le(),h=Jf((C,E)=>$.createElement("div",{...C,ref:E,style:{...C.style,height:`${parseFloat(C.style?.height)+8*2}px`}})),k=s(()=>{a(e.slice(0,i.length+Ci))},"loadNextPage");gp(()=>{u(e.length>i.length)},[i.length]),gp(()=>{a(e.slice(0,Ci))},[e]);let S=s(()=>!i.length&&o?$.createElement($.Fragment,null,$.createElement(uo,{size:32}),$.createElement(Kf,{title:Si.t("No results found"),description:Si.t("Try using different keywords")})):$.createElement(Yf,{Item:({index:C,style:E})=>{let d=i[C],T=d.address||"",w=m.find(v=>v.name===d.blockchain),g=Mn(d.symbol,w?.color||""),x={$$color:g[`${d.symbol}100`],[`.${dp} &`]:{$$color:g[`${d.symbol}900`]},backgroundColor:"$$color"},D={$$color:g[`${d.symbol}700`],[`.${dp} &`]:{$$color:g[`${d.symbol}100`]},color:"$$color"};return $.createElement("div",{style:{...E,paddingRight:5}},$.createElement(jf,{style:{height:E?.height},"tab-index":C,key:`${d.symbol}${d.address}`,id:`${d.symbol}${d.address}`,hasDivider:!0,onClick:()=>n(i[C]),start:$.createElement(pp,null,$.createElement(Vf,{src:d.image,size:30}),f(d)&&$.createElement(up,null,$.createElement(Xf,{size:12,color:"gray"}))),title:w?.type==="COSMOS"||d.name||!d.name&&!T?$.createElement(gi,null,$.createElement(co,{variant:"title",size:"xmedium"},d.symbol),$.createElement(uo,{direction:"horizontal",size:4}),$.createElement(hi,{css:x},$.createElement(yi,{variant:"body",size:"xsmall",css:D},d.blockchain))):void 0,description:w?.info&&T&&w.type!=="COSMOS"?Zf({address:T,token:i[C],customCssForTag:x,customCssForTagTitle:D,name:d.name,url:w.info.addressUrl.split("{wallet}").join(T)}):d.name||void 0,end:c?$.createElement($n,null,$.createElement(fp,{variant:"text",size:"large",width:70}),$.createElement(uo,{size:4}),$.createElement(fp,{variant:"text",size:"medium",width:50})):i[C]?.balance&&$.createElement(lp,null,$.createElement(co,{variant:"title",size:"small"},d.balance?.amount),$.createElement("div",null),d.balance?.usdValue&&$.createElement(co,{variant:"body",color:"neutral600",size:"xsmall"},`$${d.balance?.usdValue}`))}))},hasNextPage:p,itemCount:i.length,loadNextPage:k,innerElementType:h,size:60,key:`${r}-${o}`}),"renderList");return $.createElement(ap,null,$.createElement(co,{variant:"label",size:"large"},Si.t("Select Token")),$.createElement(uo,{size:4}),l==="loading"&&$.createElement(mp,{size:Ci}),l==="success"&&$.createElement(Pn,null,S()))}s(yp,"TokenList");function ki(t){let{type:e}=t,o=eg(),{navigateBackFrom:n}=oe(),{fromBlockchain:r,toBlockchain:i,setFromToken:a,setToToken:l,setFromBlockchain:p,setToBlockchain:u}=_(),{connectedWallets:c}=H(),[m,f]=Rf(""),k=(e==="source"?r:i)?.name??"",S=Le().blockchains({type:e}),C=Le().tokens({type:e,blockchain:k,searchFor:m}),E=is(C,c),d=s(w=>{e==="source"?p(w):u(w)},"updateBlockchain"),T=s(w=>{e==="source"?a(w):l(w)},"updateToken");return Ht.createElement(Q,{header:{onBack:()=>n(e==="source"?y.fromSwap:y.toSwap),title:Sp.t("Swap {type}",{type:e==="source"?"from":"to"})}},Ht.createElement(di,{blockchains:S,type:e=="source"?"from":"to",blockchain:e==="source"?r:i,onMoreClick:()=>o(e==="source"?y.fromBlockchain:y.toBlockchain),onChange:w=>{d(w)}}),Ht.createElement(Cp,{size:24}),Ht.createElement(ot,{value:m,autoFocus:!0,placeholder:Sp.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>f(""),onChange:w=>f(w.target.value)}),Ht.createElement(Cp,{size:16}),Ht.createElement(yp,{list:E,selectedBlockchain:k,searchedFor:m,onChange:w=>{T(w);let g=S.find(x=>w.blockchain===x.name);g&&d(g),n(y.fromSwap)}}))}s(ki,"SelectSwapItemsPage");import{i18n as It}from"@lingui/core";import{ChevronRightIcon as vi,Divider as xi,InfoIcon as sg,List as ag,ListItemButton as lg,Skeleton as pg,Switch as ug,Tooltip as cg,Typography as At}from"@rango-dev/ui";import G from"react";import{useNavigate as mg}from"react-router-dom";import{i18n as xp}from"@lingui/core";import{Chip as og,Divider as bp,InfoIcon as ng,TextField as rg,Tooltip as ig,Typography as Ep}from"@rango-dev/ui";import ve from"react";import{styled as _n}from"@rango-dev/ui";var kp=_n("div",{paddingTop:"$5",paddingBottom:"30px"}),Tp=_n("div",{display:"flex",alignItems:"center",justifyContent:"start"}),wp=_n("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),Dn=_n("div",{maxWidth:"300px",padding:"$10"});import{i18n as Ti}from"@lingui/core";import{Typography as tg}from"@rango-dev/ui";import mo from"react";function vp(){return mo.createElement(Dn,null,mo.createElement(tg,{variant:"label",size:"medium",color:"neutral700"},Ti.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),mo.createElement("br",null),mo.createElement("br",null),mo.createElement("b",null,Ti.t("Warning")),":",Ti.t("This setting is applied per step, e.g. 1Inch, Thorchain, etc. and only that step will be reverted, not the whole transaction")))}s(vp,"SlippageTooltipContent");function wi(){let t=F.use.slippage(),e=F.use.setSlippage(),o=F.use.customSlippage(),n=F.use.setCustomSlippage();return ve.createElement(kp,null,ve.createElement(wp,null,ve.createElement(Ep,{variant:"title",size:"xmedium"},xp.t("Slippage tolerance per swap")),ve.createElement(bp,{direction:"horizontal",size:4}),ve.createElement(ig,{container:J(),side:"top",content:ve.createElement(vp,null)},ve.createElement(ng,{color:"gray"}))),ve.createElement(Tp,null,As.map((r,i)=>{let a=`slippage-${i}`;return ve.createElement(ve.Fragment,null,ve.createElement(og,{style:{width:"64px",flexShrink:0},key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`}),ve.createElement(bp,{direction:"horizontal",size:8}))}),ve.createElement(rg,{type:"number",min:"0.01",max:"30",step:"0.01",fullWidth:!0,variant:"contained",value:o||"",color:"dark",onChange:r=>{let i=parseFloat(r.target.value);(!i||i>=Ls&&i<=Bs)&&n(i)},suffix:o&&ve.createElement(Ep,{variant:"body",size:"small"},"%"),placeholder:xp.t("Custom")})))}s(wi,"Slippage");function Ip({supportedSwappers:t,singleTheme:e}){let o=mg(),{navigateBackFrom:n}=oe(),r=F.use.infiniteApprove(),i=F.use.toggleInfiniteApprove(),a=b.use.loadingStatus(),l=An(t),p=l.filter(w=>w.type==="BRIDGE"||w.type==="AGGREGATOR"),u=p.length,c=p.filter(w=>w.selected).length,m=l.filter(w=>w.type==="DEX"),f=m.length,h=m.filter(w=>w.selected).length,k=s((w,g)=>{switch(a){case"loading":return G.createElement(pg,{variant:"text",size:"medium",width:50});case"failed":return G.createElement(At,{variant:"body",size:"medium",color:"$error500"},It.t("Loading failed"));default:return G.createElement(At,{variant:"body",size:"medium"},`${w} / ${g}`)}},"handleEndItem"),S={id:"bridge-item",title:G.createElement(At,{variant:"title",size:"xmedium"},It.t("Enabled bridges")),end:G.createElement(G.Fragment,null,k(c,u),G.createElement(xi,{direction:"horizontal",size:8}),G.createElement(vi,{color:"black"})),onClick:()=>o(y.bridges)},C={id:"exchange-item",title:G.createElement(At,{variant:"title",size:"xmedium"},It.t("Enabled exchanges")),end:G.createElement(G.Fragment,null,k(h,f),G.createElement(xi,{direction:"horizontal",size:8}),G.createElement(vi,{color:"gray"})),onClick:()=>o(y.exchanges)},E={id:"theme-item",title:G.createElement(At,{variant:"title",size:"xmedium"},It.t("Theme")),end:G.createElement(vi,{color:"gray"}),onClick:()=>o(y.themes)},d={id:"infinite-approval-item",title:G.createElement(G.Fragment,null,G.createElement(At,{variant:"title",size:"xmedium"},It.t("Infinite Approval")),G.createElement(xi,{direction:"horizontal",size:4}),G.createElement(cg,{side:"top",container:J(),content:G.createElement(Dn,null,G.createElement(At,{variant:"label",size:"medium",color:"neutral700"},It.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.")))},G.createElement(sg,{color:"gray"}))),end:G.createElement(ug,{checked:r}),onClick:i},T=[S,C];return e||T.push(E),T.push(d),G.createElement(Q,{header:{onBack:()=>n(y.settings),title:It.t("Setting")}},G.createElement(nt,null,G.createElement(wi,null),G.createElement(ag,{type:G.createElement(lg,{title:"_",id:"_",onClick:()=>console.log()}),items:T})))}s(Ip,"SettingsPage");import{cancelSwap as sh}from"@rango-dev/queue-manager-rango-preset";import{useManager as ah}from"@rango-dev/queue-manager-react";import iu from"react";import{i18n as rt}from"@lingui/core";import{getCurrentBlockchainOfOrNull as zg,getCurrentStep as qg,getRelatedWalletOrNull as Gg,PendingSwapNetworkStatus as jn}from"@rango-dev/queue-manager-rango-preset";import{Button as Jp,CopyIcon as Hg,Divider as Qg,IconButton as Vg,QuoteCost as jg,StepDetails as Kg,Typography as Vt,useCopyToClipboard as Xg}from"@rango-dev/ui";import{useWallets as Yg}from"@rango-dev/wallets-react";import V,{useEffect as Zp,useRef as Jg,useState as Rp}from"react";import{useNavigate as Zg}from"react-router-dom";import{i18n as xe}from"@lingui/core";var dg=1e3,fg=31536e3,gg=2592e3,hg=86400,yg=3600,Sg=60;function Ap(t){let e=Math.floor((Date.now()-t)/dg),n=[{turningPoint:fg,label:xe.t("year"),pluralLabel:xe.t("years")},{turningPoint:gg,label:xe.t("month"),pluralLabel:xe.t("months")},{turningPoint:hg,label:xe.t("day"),pluralLabel:xe.t("days")},{turningPoint:yg,label:xe.t("hour"),pluralLabel:xe.t("hours")},{turningPoint:Sg,label:xe.t("minute"),pluralLabel:xe.t("minutes")}].sort((r,i)=>i.turningPoint-r.turningPoint);for(let r of n){let{turningPoint:i,label:a,pluralLabel:l}=r,p=Math.floor(e/i);if(p>1)return`${p} ${l}`;if(p===1)return`${p} ${a}`}return e>1?`${e} ${xe.t("seconds")}`:`${e} ${xe.t("second")}`}s(Ap,"timeSince");function Wp(t){return t.finishTime?xe.t({id:"{time} ago",values:{time:Ap(parseInt(t.finishTime))}}):xe.t({id:"{time} ago",values:{time:Ap(parseInt(t.creationTime))}})}s(Wp,"getSwapDate");import{PendingSwapNetworkStatus as Un}from"@rango-dev/queue-manager-rango-preset";import{Modal as bg}from"@rango-dev/ui";import zn from"react";import{i18n as Fn}from"@lingui/core";import{Button as Np,Divider as bi,MessageBox as Cg,Typography as Bp}from"@rango-dev/ui";import Ye from"react";var Lp=s(({onCancel:t,onClose:e})=>Ye.createElement(Ye.Fragment,null,Ye.createElement(bi,{size:20}),Ye.createElement(Cg,{type:"error",title:Fn.t("Transaction Cancel"),description:Fn.t("Are you sure you want to Cancel this swap?")}),Ye.createElement(bi,{size:32}),Ye.createElement(Np,{variant:"contained",type:"primary",size:"large",onClick:t},Ye.createElement(Bp,{variant:"title",size:"medium",color:"neutral100"},Fn.t("Yes, Cancel it"))),Ye.createElement(bi,{size:12}),Ye.createElement(Np,{variant:"outlined",type:"primary",size:"large",onClick:e},Ye.createElement(Bp,{variant:"title",size:"medium",color:"primary"},Fn.t("No, Continue")))),"CancelContent");import{i18n as On}from"@lingui/core";import{Button as Mp,Divider as Ei,MessageBox as kg,Typography as Pp}from"@rango-dev/ui";import Je from"react";var $p=s(({onDelete:t,onClose:e})=>Je.createElement(Je.Fragment,null,Je.createElement(Ei,{size:20}),Je.createElement(kg,{type:"error",title:On.t("Delete Transaction"),description:On.t("Are you sure you want to delete this swap?")}),Je.createElement(Ei,{size:32}),Je.createElement(Mp,{variant:"contained",type:"primary",size:"large",onClick:t},Je.createElement(Pp,{variant:"title",size:"medium",color:"neutral100"},On.t("Yes, Delete it"))),Je.createElement(Ei,{size:12}),Je.createElement(Mp,{variant:"outlined",type:"primary",size:"large",onClick:e},Je.createElement(Pp,{variant:"title",size:"medium",color:"primary"},On.t("No, Cancel")))),"DeleteContent");import{i18n as Ii}from"@lingui/core";import{PendingSwapNetworkStatus as Ai}from"@rango-dev/queue-manager-rango-preset";var Wi={[Ai.WaitingForNetworkChange]:{type:"loading",title:Ii.t("Change Network")},[Ai.WaitingForConnectingWallet]:{type:"warning",title:Ii.t("Connect Wallet")},[Ai.NetworkChanged]:{type:"success",title:Ii.t("Network Changed")}};import{MessageBox as wg,Wallet as vg,WalletState as Dp}from"@rango-dev/ui";import{useWallets as xg}from"@rango-dev/wallets-react";import fo from"react";import{styled as Tg}from"@rango-dev/ui";var _p=Tg("div",{display:"flex",justifyContent:"center"});var Fp=s(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:i}=t,{connect:a,getWalletInfo:l,state:p}=xg(),u=n?.walletType,m=u&&p(u).connected?Dp.CONNECTED:Dp.DISCONNECTED;return fo.createElement(fo.Fragment,null,fo.createElement(wg,{type:e,title:o,description:r}),i&&u&&fo.createElement(_p,null,fo.createElement(vg,{container:J(),title:l(u).name,image:l(u).img,type:u,state:m,onClick:async()=>a(u)})))},"WalletStateContent");function Ni(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:i,message:a}=t,l=e===Un.WaitingForNetworkChange||e===Un.WaitingForConnectingWallet||e===Un.NetworkChanged;return zn.createElement(bg,{open:!!e,onClose:o,container:document.getElementById("swap-box")||document.body},l&&zn.createElement(Fp,{type:Wi[e].type,title:Wi[e].title,currentStepWallet:i,message:a,showWalletButton:e!==Un.WaitingForNetworkChange}),e==="delete"&&zn.createElement($p,{onClose:o,onDelete:n}),e==="cancel"&&zn.createElement(Lp,{onClose:o,onCancel:r}))}s(Ni,"SwapDetailsModal");import{i18n as go}from"@lingui/core";import{Button as Bi,Divider as qn,MessageBox as Op,Modal as Eg,TokenAmount as Ig,Typography as Gn}from"@rango-dev/ui";import ce from"react";import{useNavigate as Ag}from"react-router-dom";function Li(t){let{open:e,onClose:o,status:n,priceValue:r,usdValue:i,token:a,chain:l,percentageChange:p,description:u,diagnosisUrl:c}=t,m=Ag();return ce.createElement(Eg,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},n==="success"?ce.createElement(Op,{type:"success",title:go.t("Swap Successful")},ce.createElement(Ig,{direction:"vertical",type:"output",centerAlign:!0,price:{value:r,usdValue:i},token:a,chain:l,percentageChange:p}),ce.createElement(qn,{size:12}),ce.createElement(Gn,{variant:"body",size:"medium",color:"neutral700",align:"center"},u)):ce.createElement(Op,{type:"error",title:go.t("Transaction Failed"),description:u}),ce.createElement(qn,{size:32}),n==="success"&&ce.createElement(Bi,{variant:"contained",type:"primary",size:"large",onClick:()=>m(y.home)},ce.createElement(Gn,{variant:"title",size:"medium",color:"neutral100"},go.t("Done"))),ce.createElement(qn,{size:12}),c&&ce.createElement(ce.Fragment,null,ce.createElement(Bi,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(c,"_blank")},ce.createElement(Gn,{variant:"title",size:"medium",color:"primary"},go.t("Diagnosis"))),ce.createElement(qn,{size:12})),ce.createElement(Bi,{variant:"outlined",type:"primary",size:"large",onClick:o},ce.createElement(Gn,{variant:"title",size:"medium",color:"primary"},go.t("See Details"))))}s(Li,"SwapDetailsCompleteModal");import Og from"react";import{i18n as $g}from"@lingui/core";import{Alert as Qp,IconButton as _g,LinkIcon as Dg}from"@rango-dev/ui";import ht,{Fragment as Fg}from"react";import{Alert as Wg,ChevronDownIcon as Ng,ChevronUpIcon as Bg,IconButton as Lg}from"@rango-dev/ui";import Hn,{useState as Mg}from"react";function Up(t){let{message:e}=t,[o,n]=Mg(!1);return Hn.createElement(Wg,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&Hn.createElement(Lg,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?Hn.createElement(Bg,{size:12,color:"gray"}):Hn.createElement(Ng,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}s(Up,"FailedAlert");import{styled as Pg}from"@rango-dev/ui";var zp=Pg("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as qp}from"@lingui/core";import{PendingSwapNetworkStatus as Mi}from"@rango-dev/queue-manager-rango-preset";import{Alert as Pi,Button as Gp}from"@rango-dev/ui";import ho from"react";function Hp(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?ho.createElement(Pi,{type:"warning",title:n.shortMessage,action:ho.createElement(Gp,{size:"xxsmall",type:"warning",onClick:()=>{o(Mi.WaitingForNetworkChange),e().catch(i=>{console.log(i)})}},qp.t("Change"))}):r===Mi.WaitingForConnectingWallet?ho.createElement(Pi,{type:"warning",title:n.shortMessage,action:ho.createElement(Gp,{size:"xxsmall",type:"warning",onClick:()=>{o(Mi.WaitingForConnectingWallet)}},qp.t("Connect"))}):ho.createElement(Pi,{type:"warning",title:n.shortMessage})}s(Hp,"WarningAlert");function $i(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:i,hasAlreadyProceededToSign:a}=t,l=Yt(i),p=i.status==="waitingForApproval"&&!l,u=i.status==="running"&&!l;return ht.createElement(zp,null,i.explorerUrl?.map((c,m,f)=>{let h=m+c.url,k=m===f.length-1,S=k&&u||p,C=k&&i.status==="failed";return ht.createElement(Fg,{key:h},ht.createElement(Qp,{type:S&&"loading"||C&&"error"||"success",title:c.description?`${c.description} Tx`:$g.t("View transaction"),action:c.url&&ht.createElement(_g,{variant:"ghost",size:"xsmall",onClick:()=>window.open(c.url,"_blank")},ht.createElement(Dg,{size:16}))}))}),(u&&!a||p&&!i.explorerUrl?.length)&&ht.createElement(Qp,{type:"loading",title:r.shortMessage}),i.status!=="failed"&&l&&ht.createElement(Hp,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),i.status==="failed"&&ht.createElement(Up,{message:r}))}s($i,"SwapDetailsAlerts");var Vp=2e3;var jp=s(({swap:t,blockchains:e,...o})=>{let n=t.hasAlreadyProceededToSign!==!1;return t.steps.map((r,i)=>{let a=i===0?t.inputAmount:t.steps[i-1].outputAmount;return{from:{token:{displayName:r.fromSymbol,image:r.fromLogo??""},chain:{displayName:dr(r.fromBlockchain,e)??"",image:r.fromBlockchainLogo??""},price:{value:N(a,6,6)}},to:{token:{displayName:r.toSymbol,image:r.toLogo},chain:{displayName:dr(r.toBlockchain,e)??"",image:r.toBlockchainLogo??""},price:{value:N(r.outputAmount||r.expectedOutputAmountHumanReadable,6,6)}},swapper:{displayName:r.swapperId,image:r.swapperLogo??""},alerts:Og.createElement($i,{step:r,hasAlreadyProceededToSign:n,...o})}})},"getSteps");function Kp(t){if(Yt(t)&&t.status!=="failed"&&t.status!=="success")return"warning";switch(t.status){case"created":return"default";case"approved":case"waitingForApproval":case"running":return"in-progress";case"failed":return"error";case"success":return"completed"}}s(Kp,"getStepState");import{darkTheme as Ug,styled as Qt}from"@rango-dev/ui";var Qn=Qt("div",{display:"flex",width:"100%",flexDirection:"column",alignItems:"center",height:"0",flexGrow:1,"& .row":{display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",padding:"$10 $20",borderBottom:"1px solid",$$color:"$colors$neutral300",[`.${Ug} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color",color:"$neutral500"},"& .request-id":{display:"flex",justifyContent:"center",alignItems:"center",height:"$24"},"& .output":{display:"flex",width:"100%",padding:"$15 $20 $20",flexDirection:"column",alignItems:"start"},"& .title-steps":{textAlign:"left",width:"100%",padding:"0 $20 $10"}}),Vn=Qt("div",{width:"100%"}),Xp=Qt("div",{padding:"$0 $20 $20 $20",width:"100%",overflow:"auto"}),NB=Qt("div",{display:"flex",flexDirection:"column",gap:"$10"}),Yp=Qt("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),BB=Qt("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1});function _i(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:i,connect:a,getWalletInfo:l}=Yg(),p=_.use.retry(),u=Zg(),{navigateBackFrom:c}=oe(),[m,f]=Xg(Vp),h=Jg(null),[k,S]=Rp(null),[C,E]=Rp(null),{meta:{tokens:d,blockchains:T}}=b(),w=s(()=>{r(),S(null)},"onCancel"),g=Me.use.getUnreadNotifications(),x=Me.use.setAsRead(),D=g(),v=qg(e),L=v?.networkStatus;Zp(()=>{D.find(se=>se.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(E(e.status),x(e.requestId))},[e.status]),Zp(()=>{Ce?S(jn.WaitingForNetworkChange):L===jn.WaitingForConnectingWallet||L===jn.NetworkChanged?S(L):S(null)},[L]);let P=Hs(e),R=v?zg(e,v):null,A=v?Gg(e,v):null,O=Wp(e),M=Qs(e),ie=s(z=>!!l(z)?.mobileWallet,"isMobileWallet"),Ce=L===jn.WaitingForNetworkChange&&!!R&&!!A?.walletType&&(ie(A.walletType)||i(A.walletType,R)),le=Ce?a.bind(null,A.walletType,R):void 0,ge=Gs(e,v),ee=jp({swap:e,switchNetwork:le,showNetworkModal:L,setNetworkModal:S,message:ge,blockchains:T}),j=ee.length,[Ne,Ze]=[e.steps[0],e.steps[j-1]],yt=Ze.outputAmount||Ze.expectedOutputAmountHumanReadable,vo=e.steps.reduce((z,se)=>z+parseFloat(se.feeInUsd||""),0),Yn=e.steps.find(z=>z.diagnosisUrl)?.diagnosisUrl,Wt=N(String(parseFloat(N(yt,6,6))*(Lo(Ze.toBlockchain,Ze.toSymbol,Ze.toSymbolAddress,d)||0)),4,4),xo=N(String(parseFloat(e.inputAmount)*(Lo(Ne.fromBlockchain,Ne.fromSymbol,Ne.fromSymbolAddress,d)||0)),4,4),U=$t(xo,Wt),K=e.status==="success"?rt.t({id:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:N(yt,6,6),token:ee[j-1].to.token.displayName,conciseAddress:Po(e.wallets[ee[j-1].to.chain.displayName]?.address||""),chain:ee[j-1].to.chain.displayName}}):`${rt.t("Transaction was not sent.")} ${P?rt.t({id:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:P.outputAmount,symbol:P.symbol,blockchain:P.blockchain}}):""}`;return V.createElement(Q,{noPadding:!0,header:{title:rt.t("Swap and Bridge"),onBack:()=>c(y.swapDetails),onCancel:e.status==="running"?()=>S("cancel"):void 0,suffix:e.status!=="running"&&V.createElement(Mt,null,V.createElement(Jp,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>S("delete")},V.createElement(Vt,{size:"medium",variant:"label",color:"error"},rt.t("Delete"))))},footer:M&&!C&&V.createElement(Jp,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{p(e),setTimeout(()=>{u(y.home)},0)}},rt.t("Try again"))},V.createElement(Qn,null,V.createElement(Vn,null,V.createElement("div",{className:"row"},V.createElement(Vt,{variant:"label",size:"large",color:"neutral700"},`${rt.t("Request ID")}:`),V.createElement("div",{className:"request-id"},V.createElement(Vt,{variant:"label",size:"small",color:"neutral700"},o),V.createElement(Vg,{variant:"ghost",onClick:f.bind(null,o||"")},V.createElement(Hg,{size:16,color:"gray"})))),V.createElement("div",{className:"row"},V.createElement(Vt,{variant:"label",size:"large",color:"neutral700"},`${rt.t("Created at")}:`),V.createElement(Vt,{variant:"label",size:"small",color:"neutral700"},O))),V.createElement("div",{className:"output"},V.createElement(jg,{fee:N(String(vo),2,2),time:Io(Ao(e.steps)),steps:j}),V.createElement(Zt,{from:{price:{value:N(e.inputAmount,6,6),usdValue:xo},token:{displayName:ee[0].from.token.displayName,image:ee[0].from.token.image},chain:{image:ee[0].from.chain.image,displayName:ee[0].from.chain.displayName}},to:{price:{value:N(yt,6,6),usdValue:Wt},token:{displayName:ee[j-1].to.token.displayName,image:ee[j-1].to.token.image},chain:{image:ee[j-1].to.chain.image,displayName:ee[j-1].to.chain.displayName}},percentageChange:N(String(U),2,2),warningLevel:Re(U??0)})),V.createElement("div",{className:"title-steps"},V.createElement(Vt,{variant:"title",size:"small"},rt.t("Swaps steps"))),V.createElement(Qg,{size:8}),V.createElement(Xp,{ref:h},ee.map((z,se)=>{let Qe=se,Ie=Kp(e.steps[se]),Jn=Ie==="error"||Ie==="in-progress"||Ie==="warning"||Ie==="completed"&&se===ee.length-1;return V.createElement(Kg,{key:Qe,step:z,type:"swap-progress",ref:h,state:Ie,hasSeparator:se!==0,tabIndex:Qe,isFocused:Jn})}))),V.createElement(Ni,{state:k,onClose:()=>S(null),onCancel:w,onDelete:n,message:ge.detailedMessage.content,currentStepWallet:A}),V.createElement(Li,{open:!!C,diagnosisUrl:Yn,onClose:()=>E(null),status:e.status==="success"?"success":"failed",priceValue:N(yt,6,6),usdValue:Wt,percentageChange:N(String(U),2,2),token:{displayName:ee[j-1].to.token.displayName,image:ee[j-1].to.token.image},chain:{image:ee[j-1].to.chain.image},description:K}))}s(_i,"SwapDetails");import{i18n as To}from"@lingui/core";import{CopyIcon as nh,IconButton as rh,NotFound as ih,Skeleton as nu,Typography as Xn}from"@rango-dev/ui";import pe from"react";import{i18n as eh}from"@lingui/core";import{ChainToken as th,Divider as Fi,Skeleton as ko,Typography as oh}from"@rango-dev/ui";import Y from"react";import{styled as Di}from"@rango-dev/ui";var eu=Di("div",{width:"100%",height:"100%",padding:"$0 $20",".cost":{paddingTop:"$15",display:"flex"},".quote-summary":{padding:"$15 $0"},".quote-summary-item":{display:"flex",justifyContent:"space-between",alignItems:"center"},".token-amount":{display:"flex",justifyContent:"space-between",alignItems:"center"},".quote-summary-separator":{width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"},".swaps-steps":{paddingBottom:"$10"}}),tu=Di("div",{backgroundColor:"$neutral100",borderRadius:"$xm",padding:"$10 $15",".step-title":{display:"flex",justifyContent:"start",alignItems:"center"},".step-tokens":{paddingTop:"$5",display:"flex",alignItems:"center"},".step-token-info":{display:"flex",alignItems:"center"},".step-icon-container":{padding:"$4 $6",display:"flex",justifyContent:"center",alignItems:"center"},".extra-info":{display:"flex",paddingTop:"$10",paddingBottom:"$5"}}),Kn=Di("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"});import{ChainToken as ou,Divider as yo,NextIcon as Rg,Skeleton as So}from"@rango-dev/ui";import ae from"react";function Co(t){let{extraInfo:e}=t;return ae.createElement(tu,null,ae.createElement("div",{className:"step-title"},ae.createElement(So,{height:28,width:28,variant:"circular"}),ae.createElement(yo,{direction:"horizontal",size:8}),ae.createElement(So,{height:15,width:148,variant:"rounded"})),ae.createElement("div",{className:"step-tokens"},ae.createElement(yo,{direction:"horizontal",size:20}),ae.createElement("div",{className:"step-token-info"},ae.createElement(ou,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ae.createElement(yo,{direction:"horizontal",size:8}),ae.createElement(So,{height:12,width:76,variant:"rounded"})),ae.createElement("div",{className:"step-icon-container"},ae.createElement(Rg,{color:"gray",size:16})),ae.createElement("div",{className:"step-token-info"},ae.createElement(ou,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ae.createElement(yo,{direction:"horizontal",size:8}),ae.createElement(So,{height:12,width:76,variant:"rounded"}))),e&&ae.createElement("div",{className:"extra-info"},ae.createElement(yo,{direction:"horizontal",size:20}),ae.createElement(So,{height:22,width:297,variant:"rectangular"})))}s(Co,"LoadingSwapDetailStep");function Oi(){let t=Y.createElement("div",{className:"quote-summary-item"},Y.createElement("div",{className:"token-amount"},Y.createElement(th,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),Y.createElement(Fi,{size:8,direction:"horizontal"}),Y.createElement(ko,{height:15,width:148,variant:"rounded"})),Y.createElement(ko,{height:12,width:64,variant:"rounded"}));return Y.createElement(eu,null,Y.createElement("div",{className:"cost"},Y.createElement(ko,{width:60,height:10,variant:"rounded"}),Y.createElement(Fi,{size:4,direction:"horizontal"}),Y.createElement(ko,{width:60,height:10,variant:"rounded"}),Y.createElement(Fi,{size:4,direction:"horizontal"}),Y.createElement(ko,{width:60,height:10,variant:"rounded"})),Y.createElement("div",{className:"quote-summary"},t,Y.createElement("div",{className:"quote-summary-separator"}),t),Y.createElement("div",{className:"swaps-steps"},Y.createElement(oh,{variant:"title",size:"small"},eh.t("Swaps steps"))),Y.createElement("div",{className:"step-container"},Y.createElement(Co,{extraInfo:!0}),Y.createElement(Kn,null),Y.createElement(Co,null),Y.createElement(Kn,null),Y.createElement(Co,null),Y.createElement(Kn,null),Y.createElement(Co,null)))}s(Oi,"LoadingSwapDetails");function ru(t){let{requestId:e,showSkeleton:o}=t,{navigateBackFrom:n}=oe();return pe.createElement(Q,{noPadding:!0,header:{title:To.t("Swap and Bridge"),onBack:()=>n(y.swapDetails),suffix:pe.createElement(Mt,null)}},o&&pe.createElement(Qn,null,pe.createElement(Vn,null,pe.createElement("div",{className:"row"},pe.createElement(Xn,{variant:"label",size:"large",color:"neutral700"},`${To.t("Request ID")}:`),pe.createElement("div",{className:"request-id"},pe.createElement(Xn,{variant:"label",size:"small",color:"neutral700"},pe.createElement(nu,{width:60,height:10,variant:"rounded"})),pe.createElement(rh,{variant:"ghost"},pe.createElement(nh,{size:16,color:"gray"})))),pe.createElement("div",{className:"row"},pe.createElement(Xn,{variant:"label",size:"large",color:"neutral700"},`${To.t("Created at")}:`),pe.createElement(Xn,{variant:"label",size:"small",color:"neutral700"},pe.createElement(nu,{width:60,height:10,variant:"rounded"})))),pe.createElement(Oi,null)),!o&&pe.createElement(Yp,null,pe.createElement(ih,{title:To.t("Not found"),description:To.t({id:"Swap with request ID = {requestId} not found.",values:{requestId:e}})})))}s(ru,"SwapDetailsPlaceholder");function su(){let{manager:t,state:e}=ah(),o=!e.loadedFromPersistor,n=xn(t),r=Te.use.selectedSwapRequestId(),{navigateBackFrom:i}=oe(),{loadingStatus:a}=b(),l=o||a==="loading",p=n.find(({swap:f})=>f.requestId===r),u=s(()=>{if(p?.id){let f=t?.get(p.id);f&&sh(f)}},"onCancel"),c=s(async()=>{if(p?.id)try{await t?.deleteQueue(p.id),i(y.swapDetails)}catch(f){console.log(f)}},"onDelete"),m=p?.swap;return!m||l?iu.createElement(ru,{requestId:r||"",showSkeleton:l}):iu.createElement(_i,{swap:m,requestId:r||"",onCancel:u,onDelete:c})}s(su,"SwapDetailsPage");import{i18n as wo}from"@lingui/core";import{AutoThemeIcon as lh,DarkModeIcon as ph,LightModeIcon as uh,List as ch,ListItemButton as mh,Radio as Ui,RadioRoot as dh,Typography as zi}from"@rango-dev/ui";import be from"react";function au(){let{navigateBackFrom:t}=oe(),e=F.use.theme(),o=F.use.setTheme(),n=[{id:"light",value:"light",title:be.createElement(zi,{variant:"title",size:"xmedium"},wo.t("Light")),onClick:()=>o("light"),start:be.createElement(uh,{color:"gray"}),end:be.createElement(Ui,{value:"light"})},{id:"dark",value:"dark",title:be.createElement(zi,{variant:"title",size:"xmedium"},wo.t("Dark")),onClick:()=>o("dark"),start:be.createElement(ph,{color:"gray"}),end:be.createElement(Ui,{value:"dark"})},{id:"auto",value:"auto",title:be.createElement(zi,{variant:"title",size:"xmedium"},wo.t("Auto")),onClick:()=>o("auto"),start:be.createElement(lh,{color:"gray"}),end:be.createElement(Ui,{value:"auto"})}];return be.createElement(Q,{header:{onBack:()=>t(y.settings),title:wo.t("Theme")}},be.createElement(nt,null,be.createElement(dh,{onValueChange:r=>o(r),value:e},be.createElement(ch,{type:be.createElement(mh,{title:wo.t("Theme"),id:"_",onClick:()=>console.log()}),items:n}))))}s(au,"ThemePage");var gh=s(t=>t.replace("/",""),"getAbsolutePath");function lu(t){let{config:e}=t;return fh([{path:y.home,element:Ee.createElement(un,null)},{path:y.fromSwap,element:Ee.createElement(ki,{type:"source"})},{path:y.toSwap,element:Ee.createElement(ki,{type:"destination"})},{path:y.fromBlockchain,element:Ee.createElement(pi,{type:"source"})},{path:y.toBlockchain,element:Ee.createElement(pi,{type:"destination"})},{path:y.settings,element:Ee.createElement(Ip,{singleTheme:e?.theme?.singleTheme,supportedSwappers:e?.liquiditySources})},{path:y.themes,element:Ee.createElement(au,null)},{path:y.languages,element:Ee.createElement(ql,null)},{path:y.exchanges,element:Ee.createElement(ri,{sourceType:"Exchanges",supportedSwappers:e?.liquiditySources})},{path:y.bridges,element:Ee.createElement(ri,{sourceType:"Bridges",supportedSwappers:e?.liquiditySources})},{path:y.swaps,element:Ee.createElement(Ul,null)},{path:y.swapDetails,element:Ee.createElement(su,null)},{path:y.wallets,element:Ee.createElement(dl,{supportedWallets:e?.wallets,multiWallets:typeof e?.multiWallets>"u"?!0:e.multiWallets,config:e})},{path:gh(y.confirmSwap),element:Ee.createElement(Nl,{config:e})}])}s(lu,"AppRoutes");import{isApprovalTX as hh,MainEvents as uu,RouteEventType as cu,StepEventType as jt,StepExecutionEventStatus as yh,useEvents as Sh}from"@rango-dev/queue-manager-rango-preset";import{useEffect as mu}from"react";import{StepExecutionBlockedEventStatus as qi}from"@rango-dev/queue-manager-rango-preset";var pu=[qi.WAITING_FOR_CHANGE_WALLET_ACCOUNT,qi.WAITING_FOR_NETWORK_CHANGE,qi.WAITING_FOR_WALLET_CONNECT];function du(){let t=H.use.connectedWallets(),e=H.use.getWalletsDetails(),o=Me.use.setNotification(),n=Me.use.setAsRead(),r=Sh();return mu(()=>(r.on(uu.StepEvent,i=>{let{event:a,step:l,route:p}=i;if(a.type===jt.TX_EXECUTION&&a.status===yh.TX_SENT&&!hh(l)||a.type===jt.SUCCEEDED){let c=t.find(f=>f.chain===l?.fromBlockchain),m=l?.fromBlockchain!==l?.toBlockchain&&t.find(f=>f.chain===l?.toBlockchain);c&&e([c]),m&&e([m])}a.type===jt.TX_EXECUTION_BLOCKED&&pu.includes(a.status)||a.type===jt.FAILED?o(a,p):(a.type===jt.TX_EXECUTION||a.type===jt.CHECK_STATUS)&&n(p.requestId)}),()=>r.all.clear()),[r,t.length]),mu(()=>(r.on(uu.RouteEvent,i=>{let{event:a,route:l}=i;(a.type===cu.FAILED||a.type===cu.SUCCEEDED)&&o(a,l)}),()=>r.all.clear()),[r,t.length]),null}s(du,"WidgetEvents");import{globalCss as Ch}from"@rango-dev/ui";var fu=s(()=>Ch({"@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 Hi,darkTheme as xh,lightTheme as bh}from"@rango-dev/ui";import{useEffect as yu,useState as Eh}from"react";import{theme as wh,darkColors as vh}from"@rango-dev/ui";var gu=s(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),kh=s(t=>{let e="",o;for(o=Math.abs(t);o>52;o=o/52|0)e=gu(o%52)+e;return gu(o%52)+e},"toAlphabeticName"),Th=s((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),Gi=s(t=>kh(Th(5381,JSON.stringify(t))>>>0),"toHash");function hu(t){let e=wh.colors,o=fi({...e,...vh},!0,t?.dark),n=fi(e,!1,t?.light),r=Object.keys(o).length>0,i=Object.keys(n).length>0,a,l;if(i){let p={colors:n};a={id:`${er}-light-${Gi(p)}`,tokens:p}}if(r){let p={colors:o};l={id:`${er}-dark-${Gi(p)}`,tokens:p}}return{light:a,dark:l}}s(hu,"customizedThemeTokens");function Su(t){let{colors:e,fontFamily:o=Yi,borderRadius:n=Ki,secondaryBorderRadius:r=Xi,mode:i="auto"}=t,[a,l]=Eh("light"),p=F.use.theme(),u=F.use.setTheme(),{dark:c,light:m}=hu(e),f=Hi({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),h=[f.className,bh.className],k=[f.className,xh.className];if(m){let C=Hi(m.id,m.tokens);h.push(C.className)}if(c){let C=Hi(c.id,c.tokens);k.push(C.className)}return yu(()=>{let C=s(E=>{E.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",C),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",C)}},[]),yu(()=>{i!=="auto"&&u(i)},[i]),{activeTheme:s(()=>{let C=h.join(" "),E=k.join(" ");return p==="auto"?a==="dark"?E:C:p==="dark"?E:C},"getActiveTheme")}}s(Su,"useTheme");import Ih,{useMemo as Ah}from"react";import{Provider as Wh}from"@rango-dev/queue-manager-react";import{makeQueueDefinition as Nh,checkWaitingForNetworkChange as Bh}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Lh}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as Mh}from"@rango-dev/wallets-shared";import{isEvmBlockchain as Ph}from"rango-types";function $h(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:i,getWalletInfo:a}=Lh(),l=Ah(()=>Nh({API_KEY:bo("API_KEY")}),[]),{blockchains:p}=b.use.meta(),c={blockchains:H.use.connectedWallets().map(d=>({accounts:[d],name:d.chain}))},m=s((d,T)=>{if(i(d,T))return r(d,T)},"switchNetwork"),f=s(d=>!!a(d).mobileWallet,"isMobileWallet"),h=p.filter(d=>d.enabled).reduce((d,T)=>(d[T.name]=T,d),{}),k=p.filter(Ph),S=s(d=>{let{supportedChains:T}=a(d);return No(T)},"getSupportedChainNames"),C=e(),E={meta:{blockchains:h,evmBasedChains:k,evmNetworkChainInfo:Mh(k),getSupportedChainNames:S},getSigners:o,wallets:c,providers:C,switchNetwork:m,canSwitchNetworkTo:i,connect:r,state:n,isMobileWallet:f};return Ih.createElement(Wh,{queuesDefs:[l],context:E,onPersistedDataLoaded:d=>{Bh(d)},isPaused:!1},t.children)}s($h,"QueueManager");var Cu=$h;var Uh=Dh("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 Tu(t){let{config:e}=t;fu();let{activeTheme:o}=Su(e?.theme||{}),{activeLanguage:n,changeLanguage:r}=In(),[i,a]=ku(""),[l,p]=ku(),u=Fh(rr),c=b.use.fetchMeta();return Oh(()=>{e?.apiKey&&ji({API_KEY:e?.apiKey})},[e]),Qi(()=>{c(),F.persist.rehydrate(),Me.persist.rehydrate(),u.onConnectWallet(a)},[]),Qi(()=>{e?.language&&r(e.language)},[e?.language]),it.createElement(_h,{language:n},it.createElement(Uh,{id:"swap-container",className:o()},it.createElement(Cu,null,it.createElement(du,null),it.createElement(rl,{config:e,lastConnectedWallet:i,disconnectedWallet:l,clearDisconnectedWallet:()=>{p(void 0)}},it.createElement(lu,{config:e})))))}s(Tu,"Main");function zh(t){let{updateConfig:e,config:o}=Le();return Qi(()=>{t.config&&e(t.config)},[t.config]),t.config?.externalWallets?it.createElement(Tu,{...t}):it.createElement(ir,{providers:o?.wallets,options:{walletConnectProjectId:o?.walletConnectProjectId||t.config?.walletConnectProjectId}},it.createElement(Tu,{...t}))}s(zh,"Widget");export{xP as MainEvents,bP as RouteEventType,EP as StepEventType,IP as StepExecutionBlockedEventStatus,AP as StepExecutionEventStatus,zh as Widget,ir as WidgetWallets,Tl as useWallets,WP as useWidgetEvents};
2
2
  //# sourceMappingURL=index.js.map