@rango-dev/widget-embedded 0.12.1-next.8 → 0.13.0

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 (279) hide show
  1. package/CHANGELOG.md +55 -0
  2. package/dist/Widget.d.ts.map +1 -1
  3. package/dist/components/AppRouter.d.ts +5 -2
  4. package/dist/components/AppRouter.d.ts.map +1 -1
  5. package/dist/components/AppRoutes.d.ts.map +1 -1
  6. package/dist/components/BlockchainList/BlockchainList.d.ts.map +1 -1
  7. package/dist/components/BlockchainList/BlockchainList.helpers.d.ts.map +1 -1
  8. package/dist/components/BlockchainList/BlockchainList.styles.d.ts +14 -4
  9. package/dist/components/BlockchainList/BlockchainList.styles.d.ts.map +1 -1
  10. package/dist/components/BlockchainsSection/BlockchainsSection.d.ts.map +1 -1
  11. package/dist/components/BlockchainsSection/BlockchainsSection.styles.d.ts +6 -1
  12. package/dist/components/BlockchainsSection/BlockchainsSection.styles.d.ts.map +1 -1
  13. package/dist/components/ConfirmWalletsModal/ConfirmWallets.helpers.d.ts +1 -1
  14. package/dist/components/ConfirmWalletsModal/ConfirmWallets.helpers.d.ts.map +1 -1
  15. package/dist/components/ConfirmWalletsModal/ConfirmWallets.styles.d.ts +94 -17
  16. package/dist/components/ConfirmWalletsModal/ConfirmWallets.styles.d.ts.map +1 -1
  17. package/dist/components/ConfirmWalletsModal/ConfirmWalletsModal.d.ts.map +1 -1
  18. package/dist/components/ConfirmWalletsModal/WalletList.d.ts.map +1 -1
  19. package/dist/components/ConfirmWalletsModal/WalletList.styles.d.ts +18 -3
  20. package/dist/components/ConfirmWalletsModal/WalletList.styles.d.ts.map +1 -1
  21. package/dist/components/HeaderButtons/HeaderButtons.styles.d.ts +25 -284
  22. package/dist/components/HeaderButtons/HeaderButtons.styles.d.ts.map +1 -1
  23. package/dist/components/HeaderButtons/HeaderButtons.types.d.ts +1 -0
  24. package/dist/components/HeaderButtons/HeaderButtons.types.d.ts.map +1 -1
  25. package/dist/components/HeaderButtons/HomeButtons.d.ts.map +1 -1
  26. package/dist/components/HeaderButtons/UnreadNotificationsBadge.d.ts.map +1 -1
  27. package/dist/components/HeaderButtons/WalletButton.d.ts.map +1 -1
  28. package/dist/components/Layout/Layout.d.ts.map +1 -1
  29. package/dist/components/Layout/Layout.styles.d.ts +18 -3
  30. package/dist/components/Layout/Layout.styles.d.ts.map +1 -1
  31. package/dist/components/LoadingLiquiditySourceList/LoadingLiquiditySourceList.styles.d.ts +6 -1
  32. package/dist/components/LoadingLiquiditySourceList/LoadingLiquiditySourceList.styles.d.ts.map +1 -1
  33. package/dist/components/LoadingSwapDetails/LoadingSwapDetailStep.d.ts +4 -0
  34. package/dist/components/LoadingSwapDetails/LoadingSwapDetailStep.d.ts.map +1 -0
  35. package/dist/components/LoadingSwapDetails/LoadingSwapDetails.d.ts +3 -0
  36. package/dist/components/LoadingSwapDetails/LoadingSwapDetails.d.ts.map +1 -0
  37. package/dist/components/{SelectableCategoryList/SelectableCategoryList.styles.d.ts → LoadingSwapDetails/LoadingSwapDetails.styles.d.ts} +21 -6
  38. package/dist/components/LoadingSwapDetails/LoadingSwapDetails.styles.d.ts.map +1 -0
  39. package/dist/components/LoadingSwapDetails/LoadingSwapDetails.types.d.ts +4 -0
  40. package/dist/components/LoadingSwapDetails/LoadingSwapDetails.types.d.ts.map +1 -0
  41. package/dist/components/LoadingSwapDetails/index.d.ts +2 -0
  42. package/dist/components/LoadingSwapDetails/index.d.ts.map +1 -0
  43. package/dist/components/NoRoutes/NoRoutes.helper.d.ts.map +1 -1
  44. package/dist/components/NoRoutes/NoRoutes.styles.d.ts +18 -3
  45. package/dist/components/NoRoutes/NoRoutes.styles.d.ts.map +1 -1
  46. package/dist/components/NotificationContent/NotificationContent.d.ts.map +1 -1
  47. package/dist/components/NotificationContent/NotificationContent.styles.d.ts +24 -4
  48. package/dist/components/NotificationContent/NotificationContent.styles.d.ts.map +1 -1
  49. package/dist/components/RouteErrors/RouteErrors.d.ts.map +1 -1
  50. package/dist/components/RouteErrors/RouteErrors.styles.d.ts +24 -4
  51. package/dist/components/RouteErrors/RouteErrors.styles.d.ts.map +1 -1
  52. package/dist/components/RouteErrors/RouteErrors.types.d.ts +3 -1
  53. package/dist/components/RouteErrors/RouteErrors.types.d.ts.map +1 -1
  54. package/dist/components/RouteErrors/RouteErrorsModal.d.ts.map +1 -1
  55. package/dist/components/SearchInput/SearchInput.styles.d.ts +6 -1
  56. package/dist/components/SearchInput/SearchInput.styles.d.ts.map +1 -1
  57. package/dist/components/SettingsContainer/SettingsContainer.style.d.ts +23 -151
  58. package/dist/components/SettingsContainer/SettingsContainer.style.d.ts.map +1 -1
  59. package/dist/components/SettingsContainer/index.d.ts +1 -1
  60. package/dist/components/SettingsContainer/index.d.ts.map +1 -1
  61. package/dist/components/Slippage/Slippage.d.ts.map +1 -1
  62. package/dist/components/Slippage/Slippage.styles.d.ts +24 -4
  63. package/dist/components/Slippage/Slippage.styles.d.ts.map +1 -1
  64. package/dist/components/SwapDetails/SwapDetails.Placeholder.d.ts.map +1 -1
  65. package/dist/components/SwapDetails/SwapDetails.d.ts.map +1 -1
  66. package/dist/components/SwapDetails/SwapDetails.helpers.d.ts +2 -9
  67. package/dist/components/SwapDetails/SwapDetails.helpers.d.ts.map +1 -1
  68. package/dist/components/SwapDetails/SwapDetails.styles.d.ts +35 -153
  69. package/dist/components/SwapDetails/SwapDetails.styles.d.ts.map +1 -1
  70. package/dist/components/SwapDetails/SwapDetails.types.d.ts +1 -1
  71. package/dist/components/SwapDetails/SwapDetails.types.d.ts.map +1 -1
  72. package/dist/components/SwapDetailsAlerts/SwapDetailsAlerts.styles.d.ts +6 -1
  73. package/dist/components/SwapDetailsAlerts/SwapDetailsAlerts.styles.d.ts.map +1 -1
  74. package/dist/components/SwapDetailsAlerts/SwapDetailsAlerts.types.d.ts +2 -1
  75. package/dist/components/SwapDetailsAlerts/SwapDetailsAlerts.types.d.ts.map +1 -1
  76. package/dist/components/SwapDetailsModal/SwapDetailsModal.WalletState.d.ts +1 -1
  77. package/dist/components/SwapDetailsModal/SwapDetailsModal.WalletState.d.ts.map +1 -1
  78. package/dist/components/SwapDetailsModal/SwapDetailsModal.d.ts.map +1 -1
  79. package/dist/components/SwapDetailsModal/SwapDetailsModal.styles.d.ts +6 -1
  80. package/dist/components/SwapDetailsModal/SwapDetailsModal.styles.d.ts.map +1 -1
  81. package/dist/components/SwapDetailsModal/SwapDetailsModal.types.d.ts +2 -1
  82. package/dist/components/SwapDetailsModal/SwapDetailsModal.types.d.ts.map +1 -1
  83. package/dist/components/SwapsGroup/SwapsGroup.d.ts.map +1 -1
  84. package/dist/components/SwapsGroup/SwapsGroup.styles.d.ts +24 -4
  85. package/dist/components/SwapsGroup/SwapsGroup.styles.d.ts.map +1 -1
  86. package/dist/components/SwitchFromAndTo.d.ts.map +1 -1
  87. package/dist/components/TokenList/TokenList.d.ts.map +1 -1
  88. package/dist/components/TokenList/TokenList.helpers.d.ts.map +1 -1
  89. package/dist/components/TokenList/TokenList.styles.d.ts +207 -9
  90. package/dist/components/TokenList/TokenList.styles.d.ts.map +1 -1
  91. package/dist/components/TokenList/TokenList.types.d.ts +1 -1
  92. package/dist/components/TokenList/TokenList.types.d.ts.map +1 -1
  93. package/dist/components/UpdateUrl.d.ts +6 -1
  94. package/dist/components/UpdateUrl.d.ts.map +1 -1
  95. package/dist/components/WalletModal/WalletModalContent.styles.d.ts +24 -4
  96. package/dist/components/WalletModal/WalletModalContent.styles.d.ts.map +1 -1
  97. package/dist/components/WidgetEvents.d.ts.map +1 -1
  98. package/dist/constants/errors.d.ts +2 -2
  99. package/dist/constants/routing.d.ts +12 -2
  100. package/dist/constants/routing.d.ts.map +1 -1
  101. package/dist/constants.d.ts +2 -0
  102. package/dist/constants.d.ts.map +1 -0
  103. package/dist/globalStyles.d.ts +1 -1
  104. package/dist/globalStyles.d.ts.map +1 -1
  105. package/dist/hooks/useNavigateBack.d.ts.map +1 -1
  106. package/dist/hooks/usePrepareBlockchainList.d.ts +18 -0
  107. package/dist/hooks/usePrepareBlockchainList.d.ts.map +1 -0
  108. package/dist/hooks/useSwapInput.d.ts.map +1 -1
  109. package/dist/hooks/useSyncStoresWithConfig.d.ts +3 -0
  110. package/dist/hooks/useSyncStoresWithConfig.d.ts.map +1 -0
  111. package/dist/hooks/useTheme.d.ts +3 -6
  112. package/dist/hooks/useTheme.d.ts.map +1 -1
  113. package/dist/hooks/useWalletProviders.d.ts +3 -3
  114. package/dist/hooks/useWalletProviders.d.ts.map +1 -1
  115. package/dist/index.js +1 -1
  116. package/dist/index.js.map +4 -4
  117. package/dist/pages/ConfirmSwapPage.d.ts.map +1 -1
  118. package/dist/pages/Home.d.ts.map +1 -1
  119. package/dist/pages/LiquiditySourcePage.d.ts.map +1 -1
  120. package/dist/pages/SelectBlockchainPage.d.ts +1 -2
  121. package/dist/pages/SelectBlockchainPage.d.ts.map +1 -1
  122. package/dist/pages/SelectSwapItemsPage.d.ts +1 -5
  123. package/dist/pages/SelectSwapItemsPage.d.ts.map +1 -1
  124. package/dist/pages/SettingsPage.d.ts.map +1 -1
  125. package/dist/pages/SwapDetailsPage.d.ts.map +1 -1
  126. package/dist/pages/WalletsPage.d.ts.map +1 -1
  127. package/dist/services/httpService.d.ts +0 -1
  128. package/dist/services/httpService.d.ts.map +1 -1
  129. package/dist/store/app.d.ts +26 -0
  130. package/dist/store/app.d.ts.map +1 -0
  131. package/dist/store/bestRoute.d.ts +4 -8
  132. package/dist/store/bestRoute.d.ts.map +1 -1
  133. package/dist/store/meta.d.ts +0 -2
  134. package/dist/store/meta.d.ts.map +1 -1
  135. package/dist/store/slices/config.d.ts +8 -0
  136. package/dist/store/slices/config.d.ts.map +1 -0
  137. package/dist/store/slices/data.d.ts +26 -0
  138. package/dist/store/slices/data.d.ts.map +1 -0
  139. package/dist/store/wallets.d.ts.map +1 -1
  140. package/dist/types/config.d.ts +3 -0
  141. package/dist/types/config.d.ts.map +1 -1
  142. package/dist/utils/common.d.ts +1 -0
  143. package/dist/utils/common.d.ts.map +1 -1
  144. package/dist/utils/configs.d.ts +5 -0
  145. package/dist/utils/configs.d.ts.map +1 -1
  146. package/dist/utils/meta.d.ts +1 -0
  147. package/dist/utils/meta.d.ts.map +1 -1
  148. package/dist/utils/numbers.d.ts +3 -1
  149. package/dist/utils/numbers.d.ts.map +1 -1
  150. package/dist/utils/routing.d.ts +6 -3
  151. package/dist/utils/routing.d.ts.map +1 -1
  152. package/dist/utils/settings.d.ts +1 -0
  153. package/dist/utils/settings.d.ts.map +1 -1
  154. package/dist/utils/swap.d.ts +1 -1
  155. package/dist/utils/swap.d.ts.map +1 -1
  156. package/dist/utils/time.d.ts +2 -2
  157. package/dist/utils/time.d.ts.map +1 -1
  158. package/dist/utils/wallets.d.ts +1 -1
  159. package/dist/utils/wallets.d.ts.map +1 -1
  160. package/package.json +8 -8
  161. package/readme.md +2 -0
  162. package/src/Widget.tsx +22 -3
  163. package/src/components/AppRouter.tsx +38 -7
  164. package/src/components/AppRoutes.tsx +4 -28
  165. package/src/components/BlockchainList/BlockchainList.helpers.ts +1 -1
  166. package/src/components/BlockchainList/BlockchainList.styles.ts +6 -5
  167. package/src/components/BlockchainList/BlockchainList.tsx +6 -9
  168. package/src/components/BlockchainsSection/BlockchainsSection.tsx +29 -42
  169. package/src/components/ConfirmWalletsModal/ConfirmWallets.helpers.ts +33 -7
  170. package/src/components/ConfirmWalletsModal/ConfirmWallets.styles.ts +48 -7
  171. package/src/components/ConfirmWalletsModal/ConfirmWalletsModal.tsx +59 -16
  172. package/src/components/ConfirmWalletsModal/WalletList.tsx +66 -22
  173. package/src/components/HeaderButtons/HeaderButtons.styles.ts +2 -2
  174. package/src/components/HeaderButtons/HeaderButtons.types.ts +1 -0
  175. package/src/components/HeaderButtons/HomeButtons.tsx +18 -5
  176. package/src/components/HeaderButtons/UnreadNotificationsBadge.tsx +1 -2
  177. package/src/components/HeaderButtons/WalletButton.tsx +4 -1
  178. package/src/components/Layout/Layout.styles.ts +5 -3
  179. package/src/components/Layout/Layout.tsx +5 -20
  180. package/src/components/LoadingSwapDetails/LoadingSwapDetailStep.tsx +41 -0
  181. package/src/components/LoadingSwapDetails/LoadingSwapDetails.styles.ts +78 -0
  182. package/src/components/LoadingSwapDetails/LoadingSwapDetails.tsx +53 -0
  183. package/src/components/LoadingSwapDetails/LoadingSwapDetails.types.ts +3 -0
  184. package/src/components/LoadingSwapDetails/index.ts +1 -0
  185. package/src/components/NoRoutes/NoRoutes.helper.ts +4 -2
  186. package/src/components/NotificationContent/NotificationContent.tsx +3 -7
  187. package/src/components/RouteErrors/RouteErrors.styles.ts +2 -1
  188. package/src/components/RouteErrors/RouteErrors.tsx +37 -26
  189. package/src/components/RouteErrors/RouteErrors.types.ts +3 -1
  190. package/src/components/RouteErrors/RouteErrorsModal.tsx +42 -14
  191. package/src/components/SettingsContainer/SettingsContainer.style.ts +2 -7
  192. package/src/components/SettingsContainer/index.ts +0 -1
  193. package/src/components/Slippage/Slippage.tsx +6 -2
  194. package/src/components/Slippage/SlippageTooltipContent.tsx +1 -1
  195. package/src/components/SwapDetails/SwapDetails.Placeholder.tsx +52 -16
  196. package/src/components/SwapDetails/SwapDetails.helpers.tsx +19 -33
  197. package/src/components/SwapDetails/SwapDetails.styles.ts +10 -14
  198. package/src/components/SwapDetails/SwapDetails.tsx +143 -101
  199. package/src/components/SwapDetails/SwapDetails.types.ts +1 -1
  200. package/src/components/SwapDetailsAlerts/SwapDetailsAlerts.types.ts +5 -4
  201. package/src/components/SwapDetailsModal/SwapDetailsModal.WalletState.tsx +6 -7
  202. package/src/components/SwapDetailsModal/SwapDetailsModal.tsx +3 -0
  203. package/src/components/SwapDetailsModal/SwapDetailsModal.types.ts +2 -1
  204. package/src/components/SwapsGroup/SwapsGroup.tsx +3 -2
  205. package/src/components/SwitchFromAndTo.tsx +1 -35
  206. package/src/components/TokenList/TokenList.helpers.ts +6 -8
  207. package/src/components/TokenList/TokenList.styles.ts +7 -1
  208. package/src/components/TokenList/TokenList.tsx +29 -23
  209. package/src/components/TokenList/TokenList.types.ts +1 -1
  210. package/src/components/UpdateUrl.tsx +7 -1
  211. package/src/components/WidgetEvents.tsx +9 -3
  212. package/src/constants/errors.ts +2 -2
  213. package/src/constants/routing.ts +17 -2
  214. package/src/constants.ts +1 -0
  215. package/src/globalStyles.ts +1 -4
  216. package/src/hooks/useFetchBestRoute.ts +2 -2
  217. package/src/hooks/useNavigateBack.ts +10 -0
  218. package/src/hooks/usePrepareBlockchainList.ts +125 -0
  219. package/src/hooks/useSwapInput.ts +17 -3
  220. package/src/hooks/useSyncStoresWithConfig.ts +102 -0
  221. package/src/hooks/useTheme.ts +37 -75
  222. package/src/hooks/useWalletProviders.ts +7 -7
  223. package/src/pages/ConfirmSwapPage.tsx +65 -36
  224. package/src/pages/HistoryPage.tsx +2 -2
  225. package/src/pages/Home.tsx +114 -50
  226. package/src/pages/LanguagePage.tsx +1 -1
  227. package/src/pages/LiquiditySourcePage.tsx +22 -18
  228. package/src/pages/SelectBlockchainPage.tsx +19 -20
  229. package/src/pages/SelectSwapItemsPage.tsx +66 -88
  230. package/src/pages/SettingsPage.tsx +42 -15
  231. package/src/pages/SwapDetailsPage.tsx +9 -2
  232. package/src/pages/ThemePage.tsx +1 -1
  233. package/src/pages/WalletsPage.tsx +11 -5
  234. package/src/services/httpService.ts +4 -5
  235. package/src/store/app.ts +15 -0
  236. package/src/store/bestRoute.ts +45 -71
  237. package/src/store/meta.ts +11 -29
  238. package/src/store/slices/config.ts +26 -0
  239. package/src/store/slices/data.ts +203 -0
  240. package/src/store/wallets.ts +0 -27
  241. package/src/types/config.ts +3 -0
  242. package/src/utils/common.ts +3 -0
  243. package/src/utils/configs.ts +8 -2
  244. package/src/utils/meta.ts +7 -0
  245. package/src/utils/numbers.ts +3 -2
  246. package/src/utils/routing.ts +76 -14
  247. package/src/utils/settings.ts +15 -0
  248. package/src/utils/swap.ts +82 -26
  249. package/src/utils/time.ts +69 -36
  250. package/src/utils/wallets.ts +49 -29
  251. package/dist/components/BlockchainsChip/BlockchainsChip.d.ts +0 -5
  252. package/dist/components/BlockchainsChip/BlockchainsChip.d.ts.map +0 -1
  253. package/dist/components/BlockchainsChip/BlockchainsChip.styles.d.ts +0 -151
  254. package/dist/components/BlockchainsChip/BlockchainsChip.styles.d.ts.map +0 -1
  255. package/dist/components/BlockchainsChip/BlockchainsChip.types.d.ts +0 -6
  256. package/dist/components/BlockchainsChip/BlockchainsChip.types.d.ts.map +0 -1
  257. package/dist/components/BlockchainsChip/index.d.ts +0 -2
  258. package/dist/components/BlockchainsChip/index.d.ts.map +0 -1
  259. package/dist/components/BlockchainsSection/BlockchainSection.helpers.d.ts +0 -3
  260. package/dist/components/BlockchainsSection/BlockchainSection.helpers.d.ts.map +0 -1
  261. package/dist/components/SelectableCategoryList/SelectableCategoryList.d.ts +0 -4
  262. package/dist/components/SelectableCategoryList/SelectableCategoryList.d.ts.map +0 -1
  263. package/dist/components/SelectableCategoryList/SelectableCategoryList.helpers.d.ts +0 -4
  264. package/dist/components/SelectableCategoryList/SelectableCategoryList.helpers.d.ts.map +0 -1
  265. package/dist/components/SelectableCategoryList/SelectableCategoryList.styles.d.ts.map +0 -1
  266. package/dist/components/SelectableCategoryList/SelectableCategoryList.types.d.ts +0 -12
  267. package/dist/components/SelectableCategoryList/SelectableCategoryList.types.d.ts.map +0 -1
  268. package/dist/components/SelectableCategoryList/index.d.ts +0 -2
  269. package/dist/components/SelectableCategoryList/index.d.ts.map +0 -1
  270. package/src/components/BlockchainsChip/BlockchainsChip.styles.ts +0 -30
  271. package/src/components/BlockchainsChip/BlockchainsChip.tsx +0 -15
  272. package/src/components/BlockchainsChip/BlockchainsChip.types.ts +0 -4
  273. package/src/components/BlockchainsChip/index.ts +0 -1
  274. package/src/components/BlockchainsSection/BlockchainSection.helpers.ts +0 -20
  275. package/src/components/SelectableCategoryList/SelectableCategoryList.helpers.ts +0 -20
  276. package/src/components/SelectableCategoryList/SelectableCategoryList.styles.ts +0 -21
  277. package/src/components/SelectableCategoryList/SelectableCategoryList.tsx +0 -79
  278. package/src/components/SelectableCategoryList/SelectableCategoryList.types.ts +0 -12
  279. package/src/components/SelectableCategoryList/index.ts +0 -1
package/dist/index.js CHANGED
@@ -1,2 +1,2 @@
1
- var Hl=Object.defineProperty;var i=(t,e)=>Hl(t,"name",{value:e,configurable:!0});import{I18nManager as Of,styled as $f}from"@rango-dev/ui";import He,{useContext as Uf,useEffect as _f,useMemo as zf,useState as _l}from"react";import ho,{Fragment as hp}from"react";import{MemoryRouter as yp,useInRouterContext as Sp}from"react-router";import{useQueueManager as Tp}from"@rango-dev/queue-manager-rango-preset";import{useEffect as mn,useRef as dn}from"react";import{createSearchParams as dp,useLocation as fp,useSearchParams as gp}from"react-router-dom";var g={home:"/",fromSwap:"from-swap",fromBlockchain:"/from-swap/blockchains",toBlockchain:"/to-swap/blockchains",toSwap:"to-swap",settings:"settings",liquiditySources:"/settings/liquidity-sources",themes:"/settings/themes",bridges:"/settings/bridges",exchanges:"/settings/exchanges",languages:"/settings/languages",swaps:"swaps",wallets:"wallets",confirmSwap:"confirm-swap",swapDetails:"swaps/:requestId"};import Re from"bignumber.js";import{create as pp}from"zustand";import{subscribeWithSelector as up}from"zustand/middleware";import Gl from"bignumber.js";var Ce=new Gl(0);import{BigNumber as Dr}from"bignumber.js";var Kt=i(t=>{let e=(t%60).toString().padStart(2,"0");return`${parseInt((t/60).toString()).toString().padStart(2,"0")}:${e}`},"secondsToString"),w=i((t,e=null,o=null)=>{if(t==null||t==="")return"";let n=new Dr(t),r=1,s=1e3;for(let a=0;a<60;a++)if(new Dr(n.toFixed(a,r)).eq(n)){s=a;break}if(n.gte(1e4))return n.toFormat(0,r);if(n.gte(1e3)||n.gte(100))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,1))),r);if(n.gte(1))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,2))),r);if(n.gte(.01))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,4))),r);for(let a=e||4;a<17;a++)if(n.gte(Math.pow(10,-a)))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,a))),r);return n.isEqualTo(0)?"0":n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,8))),r)},"numberToString");var Yt=i(t=>t?.result?.swaps?.reduce((e,o)=>e+o.estimatedTimeInSeconds,0)||0,"totalArrivalTime");var Le=i((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),xt=i(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function Xt(t,e=4){let o=parseFloat(t);if(isNaN(o))return t;let n=Math.pow(10,e);return(Math.round(o*n)/n).toString()}i(Xt,"limitDecimalPlaces");import tg from"bignumber.js";function je(t){return Array.from(new Set(t))}i(je,"removeDuplicateFrom");function on(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}i(on,"areEqual");function Or(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}i(Or,"debounce");function Qe(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}i(Qe,"containsText");var Fr=i((t,e)=>{t=t.replace(/^#/,""),t.length===3&&(t=t[0]+t[0]+t[1]+t[1]+t[2]+t[2]);let[o,n,r]=t.match(/.{2}/g);[o,n,r]=[parseInt(o,16)+e,parseInt(n,16)+e,parseInt(r,16)+e],o=Math.max(Math.min(255,o),0).toString(16),n=Math.max(Math.min(255,n),0).toString(16),r=Math.max(Math.min(255,r),0).toString(16);let s=(o.length<2?"0":"")+o,a=(n.length<2?"0":"")+n,l=(r.length<2?"0":"")+r;return`#${s}${a}${l}`},"colorShade"),$r=i((t,e)=>{let o={[t]:e};for(let n=1;n<10;n++)n<5&&(o={...o,[t+n*100]:Fr(e,(5-n)*32)}),n===5&&(o={...o,[t+n*100]:e}),n>5&&(o={...o,[t+n*100]:Fr(e,-((n-5)*32))});return o},"generateRangeColors");function nn(t,e,o){return o&&t.find(n=>{let r=e?.split("--");return r?.length===1?n.symbol===r[0]&&n.address===null&&n.blockchain===o.name:n.symbol===r?.[0]&&n.address===r?.[1]&&n.blockchain===o.name})||null}i(nn,"searchParamsToToken");function Ur(t){return t?.result?.swaps[t?.result?.swaps.length-1].to.usdPrice}i(Ur,"getBestRouteToTokenUsdPrice");function rn(t,e){let o=t.result?.swaps||[],n=e.result?.swaps||[];return o.length!==n.length}i(rn,"isNumberOfSwapsChanged");function sn(t,e){let o=t.result?.swaps.map(r=>r.swapperId)||[],n=e.result?.swaps.map(r=>r.swapperId)||[];return!on(o,n)}i(sn,"isRouteSwappersUpdated");function an(t,e){let o=t.result?.swaps.map(r=>r.to.symbol)||[],n=e.result?.swaps.map(r=>r.to.symbol)||[];return!on(o,n)}i(an,"isRouteInternalCoinsUpdated");function _r(t,e){return rn(t,e)||sn(t,e)||an(t,e)}i(_r,"isRouteChanged");function zr(t,e){if(e===null)return null;let o=e?.find(n=>n.blockchain===t.chain)?.wallets.find(n=>n.address?.toLowerCase()===t.address.toLowerCase());return o?o.requiredAssets:null}i(zr,"getRequiredBalanceOfWallet");function qr(t){if(!t)return null;let e=(t.result?.swaps||[]).map(o=>({...o,fromAmount:w(o.fromAmount,6,6),toAmount:w(o.toAmount,6,6)}));return{...t,...t.result&&{result:{...t.result,swaps:e}}}}i(qr,"getFormatedBestRoute");import{PendingSwapNetworkStatus as lo}from"@rango-dev/queue-manager-rango-preset";import ge from"bignumber.js";function Hr(t){return t.result?.swaps.map(e=>({swapper:{displayName:e.swapperId,image:e.swapperLogo},from:{token:{displayName:e.from.symbol,image:e.from.logo},chain:{displayName:e.from.blockchain,image:e.from.blockchainLogo},price:{value:w(e.fromAmount,6,6),usdValue:w(e.from.usdPrice?.toString(),6,6)}},to:{token:{displayName:e.to.symbol,image:e.to.logo},chain:{displayName:e.to.blockchain,image:e.to.blockchainLogo},price:{value:w(e.toAmount,6,6),usdValue:w(e.to.usdPrice?.toString(),6,6)}}}))}i(Hr,"formatBestRoute");function Qt(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,s=e[e.length-1];n!=s&&e.push(n),s=e[e.length-1],r!=s&&e.push(r)}),e}i(Qt,"getRequiredWallets");function Jt(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}i(Jt,"isValidAddress");import{i18n as me}from"@lingui/core";var bt=(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))(bt||{});var q={genericServerError:me.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:me.t("Please reset your liquidity sources."),description:me.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources")},noRoutesError:{title:me.t("No Routes Found"),description:"Reasons why Rango couldn't find a route: low liquidity on token, very low input amount or no routes available for the selected input/output token combination."},bridgeLimitErrors:{increaseAmount:me.t("Bridge Limit Error: Please increase your amount"),decreaseAmount:me.t("Bridge Limit Error: Please decrease your amount")},highValueLossError:{impacTitle:me.t("High Price Impact"),title:me.t("Price impact is too high!"),description:me.t("The price impact is significantly higher than the allowed amount. If you are sure, continue, otherwise, change the swap."),confirmMessage:me.t("Confirm High price impact")},routeUpdatedWithHighValueLoss:{title:me.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impacTitle:me.t("USD Price Unknown"),title:me.t("USD Price Unknown, Cannot calculate Price Impact."),description:me.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:me.t("Confirm USD Price Unknown")}};function Zt(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""}}i(Zt,"getConfirmSwapErrorMessage");import{i18n as eo}from"@lingui/core";var Je={connectWallet:eo.t("Connect Wallet"),swap:eo.t("Swap"),swapAnyway:eo.t("Swap anyway"),ethRouteWarning:eo.t("The route goes through Ethereum. Continue?")};import{create as rp}from"zustand";import{RangoClient as jl}from"rango-sdk";var Vl="c6381a79-2817-4602-83bf-6a641a409e32",ln={API_KEY:Vl};function to(t){return ln[t]}i(to,"getConfig");function Vr(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),ln=e,ln}i(Vr,"initConfig");var oo,at=i(()=>oo||(oo=new jl(to("API_KEY")),oo),"httpService");import{WalletState as Pe}from"@rango-dev/ui";import{readAccountAddress as Kl}from"@rango-dev/wallets-react";import{detectInstallLink as Yl,getCosmosExperimentalChainInfo as Xl,isEvmAddress as Ql,KEPLR_COMPATIBLE_WALLETS as Pg,Networks as Rr}from"@rango-dev/wallets-shared";import pn from"bignumber.js";import{isCosmosBlockchain as Jl}from"rango-types";import{WalletTypes as Rl}from"@rango-dev/wallets-shared";var jr=[Rl.LEAP];function Zl(t){switch(!0){case t.connected:return Pe.CONNECTED;case t.connecting:return Pe.CONNECTING;case!t.installed:return Pe.NOT_INSTALLED;default:return Pe.DISCONNECTED}}i(Zl,"mapStatusToWalletState");function Kr(t,e,o,n){return o.filter(r=>!jr.includes(r)).filter(r=>{if(n){let{supportedChains:s}=e(r);return!!s.find(a=>a.name===n)}return!0}).map(r=>{let{name:s,img:a,installLink:l}=e(r),p=Zl(t(r));return{title:s,image:a,link:Yl(l),state:p,type:r}})}i(Kr,"mapWalletTypesToWalletInfo");function no(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}i(no,"walletAndSupportedChainsNames");function Yr(t,e,o,n){let r=[];function s(l,p){if(!!!r.find(c=>c.chain===l)){let c={address:p,chain:l,walletType:t};r.push(c)}}i(s,"addAccount");let a=n||[];return e.forEach(l=>{let{address:p,network:u}=Kl(l),c=a.length>0,d=a.includes(u),f=u===Rr.Unknown;if(c&&!d&&!f)return;let m=u===Rr.Unknown&&Ql(p);if(f&&!m)return;o.includes(u)||m?a.filter(B=>o.includes(B)).forEach(B=>{s(B,p.toLowerCase())}):s(u,p)}),r}i(Yr,"prepareAccountsForWalletStore");function Xr(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain;e.includes(n)||e.push(n),e.includes(r)||e.push(r),o.internalSwaps&&Array.isArray(o.internalSwaps)&&o.internalSwaps.forEach(s=>{let a=s.from.blockchain,l=s.to.blockchain;e.includes(a)||e.push(a),e.includes(l)||e.push(l)})}),e}i(Xr,"getRequiredChains");function lt(t,e,o,n){if(t.length===0)return null;let r=t.filter(s=>s.chain===e);return r.length===0?null:r.map(s=>s.balances?.find(a=>n!==null&&a.address===n||n===null&&a.address===n&&a.symbol===o)||null).filter(s=>s!==null).sort((s,a)=>parseFloat(a?.amount||"0")-parseFloat(s?.amount||"1")).find(()=>!0)||null}i(lt,"getBalanceFromWallet");function ro(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}i(ro,"isAccountAndWalletMatched");function Qr(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 pn(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:io(o,r.asset.symbol,r.asset.address,e)||null}))||[]}i(Qr,"makeBalanceFor");function Jr(t){return{...t,loading:!1,error:!0}}i(Jr,"resetConnectedWalletState");var pt=i(t=>!t.some(o=>o.balance)?t.filter(o=>!o.address).concat(t.filter(o=>o.address&&!o.isSecondaryCoin),t.filter(o=>o.isSecondaryCoin)):t.filter(o=>!!o.balance).sort((o,n)=>parseFloat(n.balance?.usdValue||"0")-parseFloat(o.balance?.usdValue||"0")).concat(t.filter(o=>!o.balance&&!o.isSecondaryCoin),t.filter(o=>!o.balance&&o.isSecondaryCoin)),"sortTokens"),io=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice"),so=i((t,e)=>{let o=Xl(Object.entries(t).map(([,n])=>n).filter(Jl));return o&&o[e]?.experimental},"isExperimentalChain");function ut(t,e){return t.map(({balance:o,...n})=>{let r=w(new pn(lt(e,n.blockchain,n.symbol,n.address)?.amount||Ce)),s="";return n.usdPrice&&(s=w(new pn(lt(e,n.blockchain,n.symbol,n.address)?.amount||Ce).multipliedBy(n.usdPrice))),{...n,...r!=="0"&&{balance:{amount:r,usdValue:s}}}})}i(ut,"getTokensWithBalance");function Bt(t,e,o,n){if(t?.name===n[0]?.name)return n;let s=e.filter(a=>a.blockchain===t?.name);return pt(ut(s,o))}i(Bt,"getSortedTokens");function xe(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}i(xe,"tokensAreEqual");function un(t,e){let o,n=t[0],r=t[1];return t.length===1?o=n:xe(n,e)?o=r:o=n,o}i(un,"getDefaultToken");function Zr(t){return t.sort((e,o)=>+(o.state===Pe.CONNECTED)-+(e.state===Pe.CONNECTED)||+(o.state===Pe.DISCONNECTED||o.state===Pe.CONNECTING)-+(e.state===Pe.DISCONNECTED||e.state===Pe.CONNECTING))}i(Zr,"sortWalletsBasedOnConnectionState");function ao(t,e=8,o=3){if(t.length<2*e+o)return t;let n=t.slice(0,e),r=t.slice(-e);return`${n}${".".repeat(o)}${r}`}i(ao,"getConciseAddress");function ei({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}i(ei,"getAddress");var ep=i(t=>{let e=t;e.use={};for(let o of Object.keys(e.getState()))e.use[o]=()=>e(n=>n[o]);return e},"createSelectors"),ve=ep;import{create as tp}from"zustand";import{subscribeWithSelector as op}from"zustand/middleware";import{shallow as np}from"zustand/shallow";var U=ve(tp()(op((t,e)=>({connectedWallets:[],customDestination:"",loading:!1,connectWallet:o=>{let n=e().getWalletsDetails;t(r=>({loading:!0,connectedWallets:r.connectedWallets.filter(s=>s.walletType!==o[0].walletType).concat(o.map(s=>{let a=!r.connectedWallets.find(l=>l.chain===s.chain&&l.selected);return{balances:[],address:s.address,chain:s.chain,explorerUrl:null,walletType:s.walletType,selected:a,loading:!0,error:!1}}))})),n(o)},disconnectWallet:o=>{t(n=>{let r=n.connectedWallets.filter(s=>s.selected&&s.walletType!==o).map(s=>s.chain);return{connectedWallets:n.connectedWallets.filter(s=>s.walletType!==o).map(s=>r.includes(s.chain)?s:(r.push(s.chain),{...s,selected:!0}))}})},selectWallets:o=>t(n=>({connectedWallets:n.connectedWallets.map(r=>{let s=!!o.find(l=>l.chain===r.chain&&l.walletType!==r.walletType&&r.selected),a=!!o.find(l=>l.chain===r.chain&&l.walletType===r.walletType&&!r.selected);return s?{...r,selected:!1}:a?{...r,selected:!0}:r})})),clearConnectedWallet:()=>t(()=>({connectedWallets:[],selectedWallets:[]})),getWalletsDetails:async(o,n=!0)=>{let r=e().getWalletsDetails,{tokens:s}=C.getState().meta;t(a=>({loading:!0,connectedWallets:a.connectedWallets.map(l=>o.find(p=>ro(p,l))?{...l,loading:!0}:l)}));try{let a=o.map(({address:u,chain:c})=>({address:u,blockchain:c})),p=(await at().getWalletsDetails(a)).wallets;if(p)t(u=>({loading:!1,connectedWallets:u.connectedWallets.map(c=>{let d=o.find(h=>ro(h,c)),f=p.find(h=>h.address===c.address&&h.blockChain===c.chain);return f?.failed&&d&&n&&r([d],!1),d&&f?{...c,explorerUrl:f.explorerUrl,balances:Qr(f,s)}:c})}));else throw new Error("Wallet not found")}catch{t(l=>({loading:!1,connectedWallets:l.connectedWallets.map(p=>o.find(u=>ro(u,p))?Jr(p):p)}))}}}))));U.subscribe(t=>t.connectedWallets,t=>{E.setState(({sourceTokens:e,destinationTokens:o})=>{let n=ut(e,t),r=ut(o,t);return{sourceTokens:pt(n),destinationTokens:pt(r)}})},{equalityFn:np});var C=ve(rp()(t=>({meta:{blockchains:[],popularTokens:[],swappers:[],tokens:[]},loadingStatus:"loading",setTokensWithBalance:()=>{let e=U.getState().connectedWallets;t(o=>({...o,meta:{...o.meta,tokens:pt(ut(o.meta.tokens,e))}}))},fetchMeta:async()=>{try{let e=await at().getAllMetadata(),o=je(e.tokens.map(r=>r.blockchain)),n=e.blockchains.filter(r=>r.enabled&&o.includes(r.name));e.blockchains=n.sort((r,s)=>r.sort-s.sort),t({meta:e,loadingStatus:"success"})}catch{t({loadingStatus:"failed"})}}})));function po(t,e){return!t||!e||t.lte(Ce)||e.lte(Ce)?0:e.div(t).minus(1).multipliedBy(100)}i(po,"getOutputRatio");function uo(t,e){return(parseInt(e.toFixed(2)||"0")<=-10&&t?.gte(new ge(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new ge(1e3)))??!1}i(uo,"outputRatioHasWarning");function co(t){return(t?.result?.swaps||[]).filter(e=>{let o=e.fromAmountMinValue?new ge(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new ge(e.fromAmountMaxValue):null;return e.fromAmountRestrictionType==="EXCLUSIVE"?o?.gte(e.fromAmount)||n?.lte(e.fromAmount):o?.gt(e.fromAmount)||n?.lt(e.fromAmount)}).length>0}i(co,"hasLimitError");function mo(t){if(!t)return{swap:null,fromAmountRangeError:"",recommendation:""};let e=(t?.result?.swaps||[]).filter(l=>{let p=l.fromAmountMinValue?new ge(l.fromAmountMinValue):null,u=l.fromAmountMaxValue?new ge(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 ge(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new ge(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",s="",a="";return!r&&o&&o.gt(e.fromAmount)?(s=`Required: >= ${w(o)} ${e.from.symbol}`,a=q.bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(s=`Required: > ${w(o)} ${e.from.symbol}`,a=q.bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(s=`Required: <= ${w(n)} ${e.from.symbol}`,a=q.bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(s=`Required: < ${w(n)} ${e.from.symbol}`,a=q.bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:s,recommendation:a}}i(mo,"LimitErrorMessage");function ti(t,e,o,n,r,s,a,l,p){return t!=="success"?{title:Je.connectWallet,state:"waitForConnecting",disabled:!0}:e.length==0?{title:Je.connectWallet,state:"waitForConnecting",disabled:!1}:o||!n||!n.result||r||!p||p==="0"?{title:Je.swap,disabled:!0,state:"swap"}:s||a?{title:Je.swapAnyway,disabled:!1,hasWarning:!0,state:"needToConfirm"}:l?{title:Je.ethRouteWarning,disabled:!1,hasWarning:!0,state:"warning"}:{title:Je.swap,disabled:!1,state:"swap"}}i(ti,"getSwapButtonState");function cn(t,e,o){return!((!o||o.lte(Ce))&&t?.result&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t.result)}i(cn,"canComputePriceImpact");function sp(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,s=e[e.length-1];n!=s&&e.push(n),s=e[e.length-1],r!=s&&e.push(r)}),e}i(sp,"requiredWallets");var ap=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice");function lp(t,e){let o=Ce;for(let n=0;n<t.fee.length;n++){let r=t.fee[n];if(r.expenseType==="DECREASE_FROM_OUTPUT")continue;let s=ap(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new ge(r.amount).multipliedBy(s||0))}return o}i(lp,"getUsdFeeOfStep");function fo(t,e){return t?.result?.swaps.reduce((o,n)=>o.plus(lp(n,e)),Ce)||null}i(fo,"getTotalFeeInUsd");function oi(t){return t.result?.swaps.map(o=>o.recommendedSlippage)?.map(o=>o?.slippage||"0")?.filter(o=>parseFloat(o)>0)?.sort((o,n)=>parseFloat(n)-parseFloat(o))?.find(()=>!0)||null}i(oi,"getMinRequiredSlippage");function ni(t,e){return e?parseFloat(t)>=parseFloat(e):!0}i(ni,"hasProperSlippage");function go(t){let{fromToken:e,toToken:o,inputAmount:n,wallets:r,selectedWallets:s,disabledLiquiditySources:a,slippage:l,affiliateRef:p,affiliatePercent:u,affiliateWallets:c,initialRoute:d,destination:f}=t,h=s?.reduce((S,W)=>(S[W.chain]=W.address,S),{}),m=[];r?.forEach(S=>{let W=m.find(x=>x.blockchain===S.chain);W?W.addresses.push(S.address):m.push({blockchain:S.chain,addresses:[S.address]})});let y=!!d,v=je((d?.result?.swaps||[]).reduce((S,W)=>(S.push(W.from.blockchain,W.to.blockchain),W.internalSwaps&&Array.isArray(W.internalSwaps)&&W.internalSwaps.map(x=>{S.push(x.from.blockchain,x.to.blockchain)}),S),[]));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:m,selectedWallets:h??{},slippage:l.toString(),...f&&{destination:f},...a.length>0&&{swapperGroups:a,swappersGroupsExclude:!0},...y&&{blockchains:v}}}i(go,"createBestRouteRequestBody");function ri(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}i(ri,"getWalletsForNewSwap");function ct(t){return t?.result?.outputAmount||null}i(ct,"getRouteOutputAmount");function $e(t,e){return!t||!e?null:new ge(e).div(new ge(t)).minus(1).multipliedBy(100)}i($e,"getPercentageChange");function ii(t,e){let o=ct(t),n=ct(e);if(!o||!n)return!1;let r=$e(o,n);return r?r.toNumber()<=-1:!0}i(ii,"isOutputAmountChangedALot");function si(t,e){let o=t.validationStatus,n=Xr(t);return e.sort((s,a)=>n.indexOf(s.chain)-n.indexOf(a.chain)).flatMap(s=>zr(s,o)||[]).filter(s=>!s.ok).map(s=>{let a=s.asset.symbol,l=w(new ge(s.currentAmount.amount).shiftedBy(-s.currentAmount.decimals),8),p=w(new ge(s.requiredAmount.amount).shiftedBy(-s.requiredAmount.decimals),8),u="";return s.reason==="FEE"&&(u=" for network fee"),s.reason==="INPUT_ASSET"&&(u=" for swap"),s.reason==="FEE_AND_INPUT_ASSET"&&(u=" for input and network fee"),`Needs \u2248 ${p} ${a}${u}, but you have ${l} ${a} in your ${s.asset.blockchain} wallet.`})}i(si,"getBalanceWarnings");function ai(t,e){return(t?new ge(t):Ce).multipliedBy(e||0)}i(ai,"calcOutputUsdValue");function Wt(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==lo.NetworkChanged}i(Wt,"isNetworkStatusInWarningState");function li(t,e){let o="bellow button or",n=t.extraMessage,r=t.extraMessageDetail;if(t.networkStatusExtraMessageDetail?.includes(o)&&(t.networkStatusExtraMessageDetail=t.networkStatusExtraMessageDetail.replace(o,"")),Wt(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case lo.WaitingForConnectingWallet:n=n||"Waiting for connecting wallet";break;case lo.WaitingForQueue:n=n||"Waiting for other running tasks to be finished";break;case lo.WaitingForNetworkChange:n=n||"Waiting for changing wallet network";break;default:n=n||"";break}r=r||"",n=n||"";let a=n?.indexOf("code")!==-1&&n?.indexOf("reason")!==-1;return{shortMessage:n,detailedMessage:{content:r,long:a}}}i(li,"getSwapMessages");function pi(t){let e=null;if(t.status==="failed"){let o=t.steps.slice().reverse().filter(n=>n.status==="success")[0];o&&(e={blockchain:o.toBlockchain,symbol:o.toSymbol,outputAmount:o.outputAmount,address:o.toSymbolAddress})}return e}i(pi,"getLastConvertedTokenInFailedSwap");function ui(t){return t.status==="failed"&&!!t.finishTime&&new Date().getTime()-parseInt(t.finishTime)<4*3600*1e3}i(ui,"shouldRetrySwap");function ci(t,e,o,n,r,s){return t||!e&&!sp(n).every(a=>r.map(l=>l.chain).includes(a))||!!e&&!o||!!e&&!!o&&s&&!Jt(s,o)}i(ci,"confirmSwapDisabled");var Et=i((t,e)=>t?.usdPrice?new Re(e||Ce).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),E=ve(pp()(up(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new Re(0),outputUsdValue:new Re(0),toBlockchain:null,toToken:null,bestRoute:null,routeWalletsConfirmed:!1,sourceTokens:[],destinationTokens:[],selectedWallets:[],customDestination:"",setRoute:e=>t(o=>{let n=null,r=Ce;return xt(o.inputAmount)?(e&&(n=e.result?.outputAmount?new Re(e.result?.outputAmount):null,r=ai(e.result?.outputAmount,Ur(e)||o.toToken?.usdPrice)),{bestRoute:e,...!!e&&{outputAmount:n,outputUsdValue:r}}):{}}),resetRoute:()=>t(()=>({bestRoute:null,outputAmount:null,outputUsdValue:new Re(0)})),setFromBlockchain:(e,o)=>{t(n=>{if(n.fromBlockchain?.name===e?.name)return{};let r=C.getState().meta.tokens,s=U.getState().connectedWallets,a=Bt(e,r,s,n.destinationTokens),l=un(a,n.toToken);return{fromBlockchain:e,sourceTokens:a,...o&&{fromToken:l},...!!n.inputAmount&&{inputUsdValue:Et(l,n.inputAmount)}}})},setFromToken:e=>t(o=>({fromToken:e,...!!o.inputAmount&&{inputUsdValue:Et(e,o.inputAmount)}})),setToBlockchain:(e,o)=>{t(n=>{if(n.toBlockchain?.name===e?.name)return{};let r=C.getState().meta.tokens,s=U.getState().connectedWallets,a=Bt(e,r,s,n.destinationTokens);return{toBlockchain:e,destinationTokens:a,...o&&{toToken:un(a,n.fromToken)}}})},setToToken:e=>t(()=>({toToken:e})),setInputAmount:e=>{t(o=>({inputAmount:e,...!e&&{outputAmount:new Re(0),outputUsdValue:new Re(0),bestRoute:null},...!!o.fromToken&&{inputUsdValue:Et(o.fromToken,e)}}))},retry:e=>{let{tokens:o,blockchains:n}=C.getState().meta,r=U.getState().connectedWallets,s=e.status==="failed"?e.steps.findIndex(y=>y.status==="failed"):null;if(s===null||s<0)return;let a=e.steps[0],l=e.steps[e.steps.length-1],p=n.find(y=>y.name===a.fromBlockchain)||null,u=n.find(y=>y.name===l.toBlockchain)||null,c=o.find(y=>xe(y,{blockchain:a.fromBlockchain,symbol:a.fromSymbol,address:a.fromSymbolAddress})),d=o.find(y=>xe(y,{blockchain:l.toBlockchain,symbol:l.toSymbol,address:l.toSymbolAddress})),f=Bt(p,o,r,[]),h=Bt(u,o,r,[]),m=e.inputAmount;t({fromBlockchain:p,fromToken:c,inputAmount:m,outputAmount:null,inputUsdValue:Et(c||null,m),outputUsdValue:new Re(0),toBlockchain:u,toToken:d,bestRoute:null,sourceTokens:f,destinationTokens:h})},switchFromAndTo:()=>t(e=>({fromBlockchain:e.toBlockchain,fromToken:e.toToken,toBlockchain:e.fromBlockchain,toToken:e.fromToken,sourceTokens:e.destinationTokens,destinationTokens:e.sourceTokens,inputAmount:e.outputAmount?.toString()||"",inputUsdValue:Et(e.toToken,e.outputAmount?.toString()||"")})),resetFromBlockchain:()=>t(()=>({fromBlockchain:null,sourceTokens:[]})),resetToBlockchain:()=>t(()=>({toBlockchain:null,destinationTokens:[]})),setRouteWalletConfirmed:e=>t({routeWalletsConfirmed:e}),setSelectedWallets:e=>t({selectedWallets:e}),setCustomDestination:e=>t({customDestination:e}),resetRouteWallets:()=>t({routeWalletsConfirmed:!1,selectedWallets:[],customDestination:""})}))));import{create as cp}from"zustand";var he=ve(cp()(t=>({connectWalletsButtonDisabled:!1,selectedSwapRequestId:null,currentPage:"",setSelectedSwap:e=>t({selectedSwapRequestId:e}),setCurrentPage:e=>t({currentPage:e})})));function mi(){let t=dn(!0),[e,o]=gp(),n=fp(),r=dn(n.search),s=dn({}),a=E.use.fromBlockchain(),l=E.use.toBlockchain(),p=E.use.fromToken(),u=E.use.toToken(),c=E.use.setFromBlockchain(),d=E.use.setFromToken(),f=E.use.setToBlockchain(),h=E.use.setToToken(),m=E.use.inputAmount(),y=E.use.setInputAmount(),v=C.use.loadingStatus(),{blockchains:B,tokens:S}=C.use.meta(),W=he.use.setSelectedSwap();return mn(()=>{let x={};dp(r.current).forEach((A,P)=>{x[P]=A}),s.current=x;let k=n.pathname.split(g.swaps+"/")[1]||null;k&&W(k)},[]),mn(()=>{if(!t.current){let x="",k="",A="",P="",M="";if(v!=="success")x=s.current["fromBlockchain"],k=s.current["fromToken"],A=s.current["toBlockchain"],P=s.current["toToken"],M=s.current["fromAmount"]||m;else{if(n.state==="redirect")return;x=a?.name||"",k=(p?.symbol||"")+(p?.address?`--${p?.address}`:""),A=l?.name||"",P=(u?.symbol||"")+(u?.address?`--${u?.address}`:""),M=m}o({...x&&{["fromBlockchain"]:x},...k&&{["fromToken"]:k},...A&&{["toBlockchain"]:A},...P&&{["toToken"]:P},...M&&{["fromAmount"]:M.toString()}},{replace:!0})}t.current=!1},[n.pathname,m,a,p,l,u]),mn(()=>{if(v==="success"){let x=e.get("fromBlockchain"),k=e.get("fromToken"),A=e.get("toBlockchain"),P=e.get("toToken"),M=e.get("fromAmount"),K=B.find(z=>z.name===x),ne=nn(S,k,K||null),T=B.find(z=>z.name===A),D=nn(S,P,T||null);K&&(c(K),ne&&d(ne)),T&&(f(T),D&&h(D)),M&&y(M)}},[v]),null}i(mi,"UpdateUrl");import{useWallets as Cp}from"@rango-dev/wallets-react";import{isEvmBlockchain as kp}from"rango-types";function di({children:t,...e}){let o=Sp(),n=o?hp:yp,{blockchains:r}=C.use.meta(),{canSwitchNetworkTo:s}=Cp(),a=r.filter(kp);return Tp({lastConnectedWallet:e.lastConnectedWallet,clearDisconnectedWallet:e.clearDisconnectedWallet,disconnectedWallet:e.disconnectedWallet,evmChains:a,canSwitchNetworkTo:s}),ho.createElement(ho.Fragment,null,ho.createElement(n,null,t),o&&ho.createElement(mi,null))}i(di,"AppRouter");import Te from"react";import{useRoutes as df}from"react-router-dom";import{i18n as An}from"@lingui/core";import{useManager as ac}from"@rango-dev/queue-manager-react";import{Alert as In,BestRoute as lc,BestRouteSkeleton as pc,Button as No,Divider as ht,IconButton as xs,MessageBox as uc,Modal as cc,RefreshIcon as mc,SettingsIcon as dc,styled as bs,Tooltip as fc,Typography as vs,WalletIcon as gc}from"@rango-dev/ui";import L,{useEffect as Lt,useState as Lo}from"react";import{flushSync as hc}from"react-dom";import{useNavigate as yc}from"react-router-dom";import{Alert as Wn,BalanceErrors as Ou,Button as ls,ChevronDownIcon as $u,ChevronLeftIcon as Uu,Divider as gt,MessageBox as _u,Modal as ps,Typography as Ao,WalletIcon as zu}from"@rango-dev/ui";import b,{useEffect as qu,useState as tt}from"react";import{i18n as yo}from"@lingui/core";function So(t){switch(t.type){case 0:return yo.t("Route has been updated.");case 3:return yo.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return yo.t("Route swappers has been updated.");case 2:return yo.t("Route internal coins has been updated.");default:return""}}i(So,"getRouteWarningMessage");import*as mt from"@radix-ui/react-collapsible";import{Button as wp,IconButton as vp,keyframes as fi,styled as de,TextField as xp}from"@rango-dev/ui";var bp=fi({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),Bp=fi({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),gi=de("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),hi=de("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}),yi=de("button",{borderRadius:"$xm",padding:"$10",border:"0",display:"flex",justifyContent:"center",backgroundColor:"$neutral100",alignItems:"center",cursor:"pointer",width:110,position:"relative","&:hover":{backgroundColor:"$surface600",opacity:"0.8"},variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary",outlineStyle:"solid"}}}}),Si=de(mt.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent"}),Ti=de("div",{padding:"$20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),Ci=de(vp,{position:"absolute",left:"$20"}),ki=de("div",{paddingTop:"$20","& .wallets-list":{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}}),wi=de(mt.Root,{backgroundColor:"$neutral200",borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),vi=de(wp,{width:"100%",borderRadius:"$sm !important",padding:"$15 !important",justifyContent:"space-between",alignItems:"center",backgroundColor:"$neutral100 !important"}),xi=de("div",{padding:"$10 $0","& .button__content":{display:"flex",justifyContent:"center",alignItems:"center"},"& .alarms":{paddingTop:"5px"}}),bi=de("div",{transition:"all 300ms ease",variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),Bi=de("div",{display:"flex"}),Wi=de(xp,{padding:"$0 $15 $15 $15"}),Ei=de(mt.Content,{overflow:"hidden",variants:{open:{true:{animation:`${bp} 300ms ease-out`},false:{animation:`${Bp} 300ms ease-out`}}}}),Ai=de("div",{overflow:"visible",width:"100%"});import{Button as Mu,Divider as xn,Image as Du,MessageBox as bn,Modal as ns,SelectableWallet as Fu,Typography as rs,WalletState as is}from"@rango-dev/ui";import ee,{useEffect as ss,useState as It}from"react";import{WalletState as Ni}from"@rango-dev/ui";import{useWallets as Ep}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as Ap,WalletTypes as Ip}from"@rango-dev/wallets-shared";import{useEffect as Np,useState as Lp}from"react";import{allProviders as Wp}from"@rango-dev/provider-all";function To(t,e){let o=Wp({walletconnect2:{WC_PROJECT_ID:e?.walletConnectProjectId||""}});if(t){let n=[];return t.forEach(r=>{if(typeof r=="string"){let s=o.find(a=>a.config.type===r);s?n.push(s):console.warn(`Couldn't find ${r} provider. Please make sure you are passing the correct name.`)}else n.push(r)}),n}return o}i(To,"matchAndGenerateProviders");function Ii(t,e){return To(t,e).map(r=>r.config.type)}i(Ii,"configWalletsToWalletName");var Pp=Object.values(Ip);function Co(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:s,disconnect:a,getWalletInfo:l,connect:p}=Ep(),{connectedWallets:u}=U(),{blockchains:c}=C().meta,d=typeof e?.multiWallets>"u"?!0:e.multiWallets,f=Ii(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||Pp,h=Kr(s,l,f,o),m=Zr(h),[y,v]=Lp(""),B=i(k=>!u.find(A=>A.walletType===k&&A.chain===o),"isExperimentalChainNotAdded"),S=i(async k=>{let A=s(k);try{if(y&&v(""),A.connected)await a(k);else{let P=!!h.find(M=>M.state===Ni.CONNECTED);if(!d&&P)return;n?.(k),await p(k),r?.(k)}}catch(P){v("Error: "+P?.message)}},"handleClick"),W=i(()=>{let k=h?.filter(A=>A.state===Ni.CONNECTING)||[];for(let A of k)a(A.type)},"disconnectConnectingWallets");Np(()=>()=>{W()},[]);let x=i((k,A,P)=>so(P,A)&&B(k)&&!Ap.includes(k),"shouldExcludeWallet");return{list:m.filter(k=>!x(k.type,o??"",c)),error:y,handleClick:S}}i(Co,"useWalletList");import{i18n as Xi}from"@lingui/core";import{styled as Qi,Typography as xu,Wallet as bu,WalletState as Bu}from"@rango-dev/ui";import et,{Fragment as Wu,useState as Eu}from"react";import{BottomLogo as au,Divider as lu,Header as pu,theme as uu,usePaddingRight as cu}from"@rango-dev/ui";import le,{useRef as mu}from"react";import{useNavigate as du}from"react-router-dom";import{ChevronLeftIcon as Fp}from"@rango-dev/ui";import Mi from"react";import{Button as Mp,darkTheme as Dp,styled as ko}from"@rango-dev/ui";var be=ko(Mp,{width:"$24",position:"relative",padding:"0",overflow:"unset"}),Li=ko("div",{position:"absolute",background:"$secondary500",[`.${Dp} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),dt=ko("div",{display:"flex",justifyContent:"flex-end",width:"$40"}),Pi=ko("div",{position:"absolute",backgroundColor:"$secondary500",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0"});function fn(t){return Mi.createElement(be,{variant:"ghost",size:"small",onClick:t.onClick},Mi.createElement(Fp,{color:"black",size:16}))}i(fn,"BackButton");import{i18n as Op}from"@lingui/core";import{Button as $p,Typography as Up}from"@rango-dev/ui";import gn from"react";function hn(t){return gn.createElement(dt,null,gn.createElement($p,{variant:"ghost",onClick:t.onClick,size:"xsmall"},gn.createElement(Up,{variant:"label",size:"medium",color:"error500"},Op.t("Cancel"))))}i(hn,"CancelButton");import{i18n as _p}from"@lingui/core";import{Tooltip as zp,WalletIcon as qp}from"@rango-dev/ui";import wo from"react";function yn(t){return wo.createElement(zp,{side:"top",content:_p.t("Connect Wallet")},wo.createElement(be,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&wo.createElement(Li,null),wo.createElement(qp,{size:18,color:"black"})))}i(yn,"WalletButton");import{i18n as bo}from"@lingui/core";import{NotificationsIcon as ou,Popover as nu,RefreshIcon as ru,SettingsIcon as iu,Tooltip as Bo,TransactionIcon as su}from"@rango-dev/ui";import se from"react";import{ChainToken as _i,ChevronRightIcon as Xp,ListItemButton as Qp,Typography as Jp}from"@rango-dev/ui";import Be from"react";import{useNavigate as Zp}from"react-router-dom";import{create as Hp}from"zustand";import{persist as Gp,subscribeWithSelector as Vp}from"zustand/middleware";var Ue=ve(Hp()(Gp(Vp((t,e)=>({notifications:[],setNotification:(o,n)=>{let r=n.steps[0],s=n.steps[n.steps.length-1],a={event:o,creationTime:Date.now(),read:!1,requestId:n.requestId,route:{from:{blockchain:r.fromBlockchain,tokenAddress:r.fromSymbolAddress,tokenSymbol:r.fromSymbol},to:{blockchain:s.toBlockchain,tokenSymbol:s.toSymbol,tokenAddress:s.toSymbolAddress}}},l=e().notifications.filter(p=>p.requestId!==n.requestId);t(()=>({notifications:[...l,a]}))},setAsRead:o=>{t(n=>({notifications:n.notifications.map(r=>r.requestId===o?{...r,read:!0}:r)}))},getUnreadNotifications:()=>e().notifications.filter(o=>!o.read)})),{name:"notification",skipHydration:!0})));import{styled as vo}from"@rango-dev/ui";var Di=vo("div",{padding:"$10",width:"350px",minHeight:"150px"}),Fi=vo("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),Oi=vo("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),$i=vo("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as jp}from"@lingui/core";import{Divider as Rp,NoNotificationIcon as Kp,Typography as Yp}from"@rango-dev/ui";import xo from"react";function Ui(){return xo.createElement($i,null,xo.createElement(Kp,{color:"secondary",size:26}),xo.createElement(Rp,{size:12}),xo.createElement(Yp,{variant:"body",size:"medium",color:"neutral900"},jp.t("You have no notification")))}i(Ui,"NotificationNotFound");var eu=4;function Sn(){let t=Zp(),e=he.use.setSelectedSwap(),n=Ue.use.getUnreadNotifications()(),r=Ue.use.setAsRead(),{tokens:s,blockchains:a}=C.use.meta(),l=n.sort((u,c)=>c.creationTime-u.creationTime).slice(0,eu),p=i(u=>{r(u),e(u),t(`/swaps/${u}`)},"handleOnClick");return Be.createElement(Di,null,l.length?Be.createElement(Fi,null,l.map(u=>{let c=s.find(m=>m.address===u.route.from.tokenAddress&&m.blockchain===u.route.from.blockchain&&m.symbol===u.route.from.tokenSymbol),d=a.find(m=>m.name===u.route.from.blockchain),f=s.find(m=>m.address===u.route.to.tokenAddress&&m.blockchain===u.route.to.blockchain&&m.symbol===u.route.to.tokenSymbol),h=a.find(m=>m.name===u.route.to.blockchain);return Be.createElement(Qp,{key:u.requestId,onClick:()=>p(u.requestId),title:Be.createElement(Jp,{variant:"body",size:"small",color:"$neutral900"},u.event.message),id:u.requestId,start:Be.createElement(Oi,null,Be.createElement("div",{className:"from-chain-token"},Be.createElement(_i,{tokenImage:c?c.image:"",chainImage:d?d.logo:"",size:"small"})),Be.createElement("div",{className:"to-chain-token"},Be.createElement(_i,{tokenImage:f?f.image:"",chainImage:h?h.logo:"",size:"small"}))),end:Be.createElement(Xp,{size:12,color:"gray"})})})):Be.createElement(Ui,null))}i(Sn,"NotificationContent");import{Typography as tu}from"@rango-dev/ui";import zi from"react";function qi(){let e=Ue.use.getUnreadNotifications()().length;return e?zi.createElement(Pi,null,zi.createElement(tu,{variant:"body",size:"xsmall",color:"$background"},e)):null}i(qi,"UnreadNotificationsBadge");function Tn(t){let{layoutRef:e,onClickRefresh:o,onClickHistory:n,onClickSettings:r,onClickNotifications:s}=t;return se.createElement(se.Fragment,null,se.createElement(Bo,{side:"top",content:bo.t("Refresh")},se.createElement(be,{variant:"ghost",size:"small",onClick:o,disabled:!o},se.createElement(ru,{size:16,color:o?"black":"gray"}))),se.createElement(Bo,{side:"top",content:bo.t("Notifications")},se.createElement(nu,{align:"center",collisionBoundary:e,collisionPadding:{right:20,left:20},container:document.getElementById("swap-box"),content:se.createElement(Sn,null)},se.createElement(be,{size:"small",variant:"ghost",onClick:s},se.createElement(ou,{size:18,color:"black"}),se.createElement(qi,null)))),se.createElement(Bo,{side:"top",content:bo.t("Settings")},se.createElement(be,{size:"small",variant:"ghost",onClick:r},se.createElement(iu,{size:18,color:"black"}))),se.createElement(Bo,{side:"top",content:bo.t("Transactions History")},se.createElement(be,{size:"small",variant:"ghost",onClick:n},se.createElement(su,{size:18,color:"black"}))))}i(Tn,"HomeButtons");import{styled as Cn}from"@rango-dev/ui";var Hi=Cn("div",{position:"relative",display:"flex",flexDirection:"column",borderRadius:"20px",overflow:"hidden !important",boxShadow:"15px 15px 15px 0px rgba(0, 0, 0, 0.05)",width:"95vw",maxWidth:"390px",maxHeight:"700px",variants:{fixedHeight:{true:{height:"95vh"},false:{height:"auto"}}}}),Gi=Cn("div",{display:"flex",flexDirection:"column",flex:1,padding:"$20 $0 $10 $20",backgroundColor:"$background",position:"relative",overflowY:"auto",overflowX:"hidden",variants:{noPadding:{true:{padding:"0"}}}}),Vi=Cn("div",{backgroundColor:"$background","& .footer__content":{padding:"$0 $20"},"& .footer__logo":{padding:"$0 $20 $10 $20"}});var fu=20;function gu(t,e){let{children:o,header:n,footer:r,noPadding:s,hasLogo:a=!0,fixedHeight:l=!0}=t,p=U.use.connectedWallets(),u=he.use.connectWalletsButtonDisabled(),c=du(),d=mu(null);cu({element:d.current,paddingRight:s?"0":uu.sizes[fu]});let f=i(()=>{u||c("/"+g.wallets)},"onConnectWallet");return le.createElement(Hi,{ref:e,fixedHeight:l,id:"swap-box"},le.createElement(pu,{prefix:le.createElement(le.Fragment,null,n.onBack&&le.createElement(fn,{onClick:n.onBack})),title:n.title,suffix:le.createElement(le.Fragment,null,n.suffix,n.hasConnectWallet&&le.createElement(yn,{onClick:f,isConnected:!!p?.length}),n.onCancel&&le.createElement(hn,{onClick:n.onCancel}))}),le.createElement(Gi,{noPadding:s,ref:h=>d.current=h},o),(a||r)&&le.createElement(Vi,null,le.createElement("div",{className:"footer__content"},r),a&&le.createElement("div",{className:"footer__logo"},le.createElement(lu,{size:12}),le.createElement(au,null))))}i(gu,"LayoutComponent");var R=le.forwardRef(gu);R.displayName="Layout";import{Divider as Cu,Modal as ku}from"@rango-dev/ui";import wn from"react";import{i18n as ft}from"@lingui/core";import{Image as Su,MessageBox as kn,WalletState as Tu}from"@rango-dev/ui";import Ze from"react";import{keyframes as hu,styled as Wo}from"@rango-dev/ui";var GS=Wo("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),ji=Wo("div",{position:"relative"}),yu=hu({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),Ri=Wo("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${yu} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),Ki=Wo("div",{"& img":{borderRadius:"50%"}});function Yi(t){let{state:e,image:o,error:n}=t;return e===Tu.CONNECTED?Ze.createElement(kn,{type:"success",title:ft.t("Wallet Connected"),description:ft.t("Your wallet is connected, you can use it to swap.")}):n?Ze.createElement(kn,{type:"error",title:ft.t("Failed to Connect"),description:n||ft.t("Your wallet is not connected. Please try again.")}):Ze.createElement(kn,{type:"loading",title:ft.t("Connecting to your wallet"),description:ft.t("Click connect in your wallet popup."),icon:Ze.createElement(ji,null,Ze.createElement(Ki,null,Ze.createElement(Su,{src:o,size:45})),Ze.createElement(Ri,null))})}i(Yi,"ModalContent");function At(t){let{open:e,onClose:o,...n}=t;return wn.createElement(ku,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},wn.createElement(Yi,{...n}),wn.createElement(Cu,{direction:"vertical",size:32}))}i(At,"WalletModal");import{useInRouterContext as wu,useNavigate as vu}from"react-router-dom";function Z(){let t=wu(),e=vu();return g,{navigateBackFrom:i(n=>{if(n===g.swapDetails)return e("/"+g.swaps,{replace:!0});!t||window.history.state&&window.history.state.idx>0?e(-1):[g.fromSwap,g.toSwap,g.settings,g.wallets,g.swaps,g.confirmSwap].includes(n)?e(g.home,{replace:!0}):n===g.fromBlockchain?e("/"+g.fromSwap,{replace:!0}):n===g.toBlockchain?e("/"+g.fromSwap,{replace:!0}):n===g.liquiditySources&&e("/"+g.settings,{replace:!0})},"navigateBackFrom")}}i(Z,"useNavigateBack");var Au=Qi("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline",paddingTop:"$15",height:"100%"}),Iu=Qi("div",{textAlign:"center"}),Eo=3e3,Nu=300;function Ji({config:t}){let{navigateBackFrom:e}=Z(),[o,n]=Eu(""),r=null,{list:s,handleClick:a,error:l}=Co({config:t,onBeforeConnect:f=>{r=setTimeout(()=>{n(f)},Nu)},onConnect:()=>{r&&clearTimeout(r),setTimeout(()=>{n("")},Eo)}}),p=C.use.loadingStatus(),u=s.find(f=>f.type===o),c=u?.image||"",d=u?.state||Bu.NOT_INSTALLED;return et.createElement(R,{header:{title:Xi.t("Connect Wallets"),onBack:e.bind(null,g.wallets)}},et.createElement(Iu,null,et.createElement(xu,{variant:"title",size:"xmedium",align:"center"},Xi.t("Choose a wallet to connect.")),et.createElement(Au,null,s.map((f,h)=>{let m=`wallet-${h}-${f.type}`;return et.createElement(Wu,{key:m},et.createElement(bu,{...f,onClick:y=>{a(y)},isLoading:p==="loading"}))}),et.createElement(At,{open:!!o,onClose:()=>n(""),image:c,state:d,error:l}))))}i(Ji,"WalletsPage");function Zi(t,e){return e.find(o=>o.name===t)?.displayName}i(Zi,"getBlockchainDisplayNameFor");import{keyframes as Lu,styled as vn}from"@rango-dev/ui";var es=vn("div",{position:"relative"}),Pu=Lu({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),ts=vn("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Pu} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),os=vn("div",{"& img":{borderRadius:"50%"}});function Bn(t){let{config:e,chain:o,isSelected:n,selectWallet:r,limit:s,onShowMore:a}=t,l=U.use.connectedWallets(),{blockchains:p}=C.use.meta(),[u,c]=It(""),[d,f]=It(null),[h,m]=It(!1),[y,v]=It(null),{connect:B}=as(),{list:S,error:W,handleClick:x}=Co({config:e,chain:o,onBeforeConnect:c,onConnect:()=>setTimeout(()=>c(""),Eo)}),[k,A]=It(S),P=S.length,M=s&&P-s>0,K=i(async T=>{m(!1),v("in-progress"),await B(T.walletType,T.chain),v("completed")},"addExperimentalChain");ss(()=>{A(T=>{let D=S.findIndex(z=>n(z.type,o));return M&&D>1?[S[D]].concat(S.filter((z,I)=>I!==D)):T.map(z=>S.find(I=>I.type===z.type)??z)})},[JSON.stringify(S)]);let ne=document.querySelector("#swap-box");return ss(()=>{let T=null;return y==="completed"&&(T=setTimeout(()=>v(null),Eo)),()=>{T&&clearTimeout(T)}},[y]),ee.createElement(ee.Fragment,null,k.slice(0,s).map(T=>{let D=ei({connectedWallets:l,walletType:T.type,chain:o}),z=D?ao(D):"",I=so(p,o),_=!l.find(ce=>ce.walletType===T.type&&ce.chain===o),Y=I&&_&&T.state===is.CONNECTED,we=Y?`Add ${o} chain`:z,re=i(()=>{T.state===is.DISCONNECTED?x(T.type):Y?(f({walletType:T.type,chain:o,address:D??""}),m(!0)):r({walletType:T.type,chain:o,address:D??""})},"onClick"),J=d?.chain?Zi(d.chain,p):void 0;return ee.createElement(ee.Fragment,null,u===T.type&&ee.createElement(At,{open:u===T.type,onClose:()=>c(""),image:T.image,state:T.state,error:W}),!!d&&ee.createElement(ns,{open:!!d&&h,container:ne,onClose:()=>{f(null)}},ee.createElement(bn,{title:`Add ${J} Chain`,type:"warning",description:`You should connect a ${J} supported wallet or choose a different ${J} address`},ee.createElement(xn,{size:18}),ee.createElement(xn,{size:32}),ee.createElement(Mu,{onClick:K.bind(null,d),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},"Confirm"))),y&&ee.createElement(ns,{open:!!y,onClose:v.bind(null,null),container:ne},y==="in-progress"?ee.createElement(bn,{type:"loading",title:`Add ${J} Chain`,description:`You should connect a ${J} supported wallet or choose a different ${J} address.`,icon:ee.createElement(es,null,ee.createElement(os,null,ee.createElement(Du,{src:T.image,size:45})),ee.createElement(ts,null))}):ee.createElement(bn,{type:"success",title:`${J} Chain Added`,description:`${J} is added to your wallet, you can use it to swap.`}),ee.createElement(xn,{direction:"vertical",size:32})),ee.createElement(Fu,{key:T.type,description:we,onClick:re,selected:n(T.type,o),...T}))}),M&&ee.createElement(yi,{selected:!1,onClick:a.bind(null)},ee.createElement(rs,{variant:"label",size:"medium"},"Show more wallets",ee.createElement(rs,{variant:"label",size:"medium",color:"$primary"},"\xA0+",P-(s??0)))))}i(Bn,"WalletList");var Hu=2;function us(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,config:s,loading:a}=t,{blockchains:l}=C.use.meta(),{bestRoute:p,setSelectedWallets:u,setRouteWalletConfirmed:c,customDestination:d,setCustomDestination:f}=E(),{connectedWallets:h,selectWallets:m}=U(),[y,v]=tt(""),[B,S]=tt([]),[W,x]=tt(""),[k,A]=tt(null),[P,M]=tt(d),[K,ne]=tt(!!d),T=Qt(p),D=typeof s?.customDestination>"u"?!0:s.customDestination,z=l.find(O=>O.name===p?.result?.swaps[p?.result?.swaps.length-1].to.blockchain),I=i(O=>!!p?.result?.swaps.find(N=>N.from.blockchain===O),"isWalletRequiredFor"),[_,Y]=tt(h.filter(O=>O.selected&&T.includes(O.chain))),we=l.find(O=>O.name===z?.name),re=i((O,N)=>!!_.find($=>$.walletType===O&&$.chain===N&&$.selected&&(I(N)||!I(N)&&!P)),"isSelected"),J=!!P&&K&&we&&!Jt(we,P),ce=i(()=>{ne(!1),M(""),Y(O=>{let N=!1;return O.map($=>!N&&$.chain===z?.name?(N=!0,{...$,selected:!0}):$)})},"resetCustomDestination"),Ne=i(O=>{if(y&&v(""),re(O.walletType,O.chain))return;let $=h.find(j=>j.walletType===O.walletType&&j.chain===O.chain);$&&(n(),O.chain===z?.name&&K&&(ne(!1),M("")),Y(j=>j.filter(oe=>oe.chain!==O.chain).concat({...$,selected:!0})))},"onChange"),Ge=i(()=>{let O=_.filter(N=>N.selected);m(O),u(O),f(P),c(!0),o()},"onConfirmBalance"),te=i(async()=>{S([]),x(""),A(null);let O=h.filter(j=>_.find(oe=>oe.chain===j.chain&&oe.walletType===j.walletType)),N=await r?.({selectedWallets:O,customDestination:P}),$=N.warnings;$?.balance?.messages&&S($.balance.messages),$?.route&&A($.route),N.error&&x(Zt(N.error)),!N.error&&(!$?.balance?.messages.length||0>0)?Ge():S($?.balance?.messages??[])},"onConfirmWallets");qu(()=>{Y(O=>O.concat(h.filter(N=>!!!O.find(j=>j.chain===N.chain)&&N.selected&&T.includes(N.chain))))},[h.length]);let Ve=document.querySelector("#swap-box");return b.createElement(ps,{open:e,onClose:o,dismissible:!y,container:Ve,...!y&&{footer:b.createElement(Bi,null,b.createElement(ls,{loading:a,disabled:ci(a,K,P,p,_,z),onClick:te,variant:"contained",type:"primary",fullWidth:!0,size:"large"},"Confirm"))},...y&&{containerStyle:{padding:"$0"},header:b.createElement(Ti,null,b.createElement(Ci,{variant:"ghost",onClick:v.bind(null,"")},b.createElement(Uu,{size:16})),b.createElement(Ao,{variant:"headline",size:"small"},`Your ${y} wallets`))},anchor:"center"},b.createElement(ps,{open:B.length>0,onClose:S.bind(null,[]),container:Ve},b.createElement(_u,{title:"Insufficient account balance",type:"error",description:b.createElement(Ou,{messages:B??[]})},b.createElement(ls,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:Ge},"Proceed anyway"))),y&&b.createElement(ki,null,b.createElement("div",{className:"wallets-list"},b.createElement(Bn,{chain:y,isSelected:re,selectWallet:Ne,multiWallets:s?.multiWallets??!0,supportedWallets:s?.wallets??[],config:s,onShowMore:v.bind(null,y)}))),!y&&b.createElement(b.Fragment,null,W&&b.createElement(b.Fragment,null,b.createElement(Wn,{variant:"alarm",type:"error",title:W}),b.createElement(gt,{size:12})),k&&b.createElement(b.Fragment,null,b.createElement(Wn,{variant:"alarm",type:"warning",title:So(k)}),b.createElement(gt,{size:12})),b.createElement(Ai,null,T.map((O,N)=>{let $=l.find(ie=>ie.name===O),j=`wallet-${N}`,oe=N!==T.length-1;return b.createElement("div",{key:j},b.createElement(gi,null,b.createElement(Ao,{variant:"title",size:"xmedium"},`Your ${$?.displayName} wallets`),b.createElement(Ao,{variant:"label",color:"$neutral900",size:"medium"},`You need to connect a ${$?.displayName} wallet.`)),b.createElement(gt,{size:24}),b.createElement(hi,null,b.createElement(Bn,{chain:O,isSelected:re,selectWallet:Ne,multiWallets:s?.multiWallets??!0,supportedWallets:s?.wallets??[],config:s,limit:Hu,onShowMore:()=>v($?.name??"")})),!oe&&b.createElement(gt,{size:32}),oe&&D&&b.createElement(xi,null,b.createElement(wi,{selected:K,open:K,onOpenChange:ie=>{ie?I(z?.name??"")||Y(jt=>jt.map(Rt=>Rt.chain===z?.name?{...Rt,selected:!1}:Rt)):ce()}},b.createElement(Si,{onClick:()=>ne(ie=>!ie)},b.createElement(vi,{fullWidth:!0,suffix:b.createElement(bi,{orientation:K?"up":"down"},b.createElement($u,{size:10,color:"gray"}))},b.createElement("div",{className:"button__content"},b.createElement(zu,{size:18,color:"info"}),b.createElement(gt,{size:4,direction:"horizontal"}),b.createElement(Ao,{variant:"label",size:"medium"},"Send to a different address")))),b.createElement(Ei,{open:K},b.createElement(b.Fragment,null,b.createElement(gt,{size:4}),b.createElement(Wi,{autoFocus:!0,placeholder:"Your destination address",value:P,onChange:ie=>{M(ie.target.value)}})))),J&&b.createElement("div",{className:"alarms"},b.createElement(Wn,{variant:"alarm",type:"error",title:`Address '${P}' doesn't match the blockchain address pattern.`}))))}))))}i(us,"ConfirmWalletsModal");import{Alert as Ru,Button as Ku,Divider as Cs,NoRouteIcon as Yu,RefreshIcon as Xu,Typography as ks}from"@rango-dev/ui";import We from"react";import{create as Gu}from"zustand";import{persist as Vu,subscribeWithSelector as ju}from"zustand/middleware";var cs=[.5,1,3],ms=1,ds=5,fs=100,gs=0;var H=ve(Gu()(Vu(ju(t=>({slippage:ms,customSlippage:null,infiniteApprove:!1,affiliateRef:null,affiliatePercent:null,affiliateWallets:null,disabledLiquiditySources:[],theme:"auto",setSlippage:e=>t(()=>({slippage:e})),setCustomSlippage:e=>t(()=>({customSlippage:e})),setAffiliateRef:e=>t(()=>({affiliateRef:e})),setAffiliatePercent:e=>t(()=>({affiliatePercent:e})),setAffiliateWallets:e=>t(()=>({affiliateWallets:e})),toggleAllLiquiditySources:e=>t(o=>{if(e)return{disabledLiquiditySources:[]};let{swappers:n}=C.getState().meta,r=je(n.map(s=>s.swapperGroup));return r.length===o.disabledLiquiditySources.length?{disabledLiquiditySources:[]}:{disabledLiquiditySources:r}}),toggleInfiniteApprove:()=>t(e=>({infiniteApprove:!e.infiniteApprove})),toggleLiquiditySource:e=>t(o=>o.disabledLiquiditySources.includes(e)?{disabledLiquiditySources:o.disabledLiquiditySources.filter(n=>n!=e)}:{disabledLiquiditySources:o.disabledLiquiditySources.concat(e)}),setTheme:e=>t(()=>({theme:e}))})),{name:"user-settings",skipHydration:!0})));function hs(t,e,o,n,r){return o?{alert:{type:"warning",text:q.genericServerError,action:{onClick:r,title:"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:"Reset"}},description:q.liquiditySourcesError.description}:{alert:null,description:q.noRoutesError.description}}i(hs,"makeInfo");import{styled as En}from"@rango-dev/ui";var ys=En("div",{display:"flex",flexDirection:"column",alignItems:"center"}),Ss=En("div",{width:"100%"}),Ts=En("div",{padding:"$6 $0"});function Nt(t){let{diagnosisMessage:e,fetch:o,error:n}=t,r=H.use.disabledLiquiditySources(),s=C.use.loadingStatus(),a=H.use.toggleAllLiquiditySources(),p=hs(e??null,r,n||s==="failed",a,o);return We.createElement(ys,null,We.createElement(Yu,{size:24,color:"gray"}),We.createElement(Cs,{size:4}),We.createElement(ks,{variant:"title",size:"small"},q.noRoutesError.title),!!p.description&&We.createElement(ks,{variant:"body",size:"small",align:"center",color:"neutral900"},p.description),We.createElement(Cs,{size:4}),!!p.alert&&We.createElement(Ss,null,We.createElement(Ru,{type:p.alert.type,title:p.alert.text,action:p.alert.action&&We.createElement(Ku,{size:"xsmall",type:p.alert.type,prefix:We.createElement(Ts,null,We.createElement(Xu,{size:8})),onClick:p.alert.action.onClick},p.alert.action.title),variant:"alarm"})))}i(Nt,"NoRoutes");import{calculatePendingSwap as ec}from"@rango-dev/queue-manager-rango-preset";import tc from"bignumber.js";import{useEffect as oc}from"react";import{useRef as Qu,useState as Ju}from"react";function Io(){let[t,e]=Ju(!1),o=i(()=>n.current?.abort(),"cancel"),n=Qu(null);return{fetch:i(async s=>{n.current?.abort(),n.current=new AbortController,e(!0);try{let a=await at().getBestRoute(s,{signal:n.current.signal});return n.current=null,a}catch(a){throw a}finally{e(!1)}},"fetch"),loading:t,cancelFetch:o}}i(Io,"useFetchBestRoute");function nc(t,e){if(!t.result)throw new Error(q.noRoutesError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});let o=new tc(t.result?.outputAmount||"0").multipliedBy(e.outputUsdValue||0),n=po(e.inputUsdValue,o);if(uo(e.inputUsdValue,n))throw new Error("High value loss for route",{cause:{type:1}});return t}i(nc,"throwErrorIfResponseIsNotValid");function rc(t,e,o){let n=_r(t,e),r={balance:null,route:null,slippage:null};n&&(ii(t,e)?r.route={type:3,newOutputAmount:w(ct(e)),percentageChange:w($e(ct(t),ct(e)),null,2)}:rn(t,e)?r.route={type:0}:sn(t,e)?r.route={type:1}:an(t,e)&&(r.route={type:2}));let s=si(e,o.selectedWallets);s.length===0||(r.balance={messages:s});let l=oi(t),p=o.userSlippage>ds;return ni(o.userSlippage.toString(),l)?p&&(r.slippage={type:1,slippage:o.userSlippage.toString()}):r.slippage={type:0,slippage:l},r}i(rc,"generateWarnings");function ws(){let{fromToken:t,toToken:e,inputAmount:o,inputUsdValue:n,setRoute:r,bestRoute:s,customDestination:a}=E(),{slippage:l,customSlippage:p,affiliatePercent:u,affiliateRef:c,affiliateWallets:d,disabledLiquiditySources:f}=H(),{connectedWallets:h}=U(),{meta:m}=C(),y=p||l,{fetch:v,cancelFetch:B,loading:S}=Io();return oc(()=>B,[]),{loading:S,fetch:i(async x=>{let k=x.selectedWallets,A=x?.customDestination??a;if(!t||!e||!o||!s)return{route:null,swap:null,error:null,warnings:null};let P=go({fromToken:t,toToken:e,inputAmount:o,wallets:h,selectedWallets:k,disabledLiquiditySources:f,slippage:y,affiliateRef:c,affiliatePercent:u,affiliateWallets:d,initialRoute:s,destination:A}),M;try{M=await v(P).then(T=>nc(T,{outputUsdValue:e.usdPrice,inputUsdValue:n})),r(M)}catch(T){return T?.code==="ERR_CANCELED"?{swap:null,error:{type:3},warnings:null}:T.cause?{swap:null,error:T.cause,warnings:null}:{swap:null,error:{type:2},warnings:null}}let K={slippage:y.toString(),disabledSwappersGroups:f},ne=ec(o.toString(),M,ri(k),K,!1,m);return{route:M,swap:ne,error:null,warnings:rc(s,M,{selectedWallets:k,userSlippage:y})}},"fetch"),cancelFetch:B}}i(ws,"useConfirmSwap");var Sc=bs("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"}}),Tc=bs("div",{width:"100%",display:"flex",justifyContent:"space-between","& .confirm-button":{flexGrow:1,paddingRight:"$10"},[`& ${xs}`]:{width:"$48",height:"$48"}});function Bs(t){let{config:e}=t,{bestRoute:o,inputAmount:n,outputAmount:r,inputUsdValue:s,outputUsdValue:a,setInputAmount:l,selectedWallets:p,routeWalletsConfirmed:u,setRouteWalletConfirmed:c,customDestination:d}=E(),f=yc(),[h,m]=Lo(""),[y,v]=Lo(!1),{connectedWallets:B}=U(),S=!u,[W,x]=Lo(!1),k=he.use.setSelectedSwap(),{tokens:A}=C.use.meta(),P=H.use.slippage(),M=H.use.customSlippage(),{manager:K}=ac(),ne=M||P,{fetch:T,loading:D,cancelFetch:z}=ws(),[I,_]=Lo({swap:null,error:null,warnings:null}),Y=!D&&I.error&&[0,2].includes(I.error.type),we=!Y&&!D&&o&&o.result,re=fo(o,A),J=w($e(s?.toNumber()??0,a?.toNumber()??0),2,2),ce;parseFloat(J)>=10?ce="high":parseFloat(J)>=3&&(ce="low");let Ne=i(async({selectedWallets:N,customDestination:$})=>{let j=await T?.({selectedWallets:N,customDestination:$});return _(j),j},"onConfirmSwap"),Ge=i(async()=>{if(I.swap&&u)try{await K?.create("swap",{swapDetails:I.swap},{id:I.swap.requestId}),k(I.swap.requestId),f("/"+g.swaps+`/${I.swap.requestId}`,{replace:!0}),setTimeout(()=>{l("")},0)}catch(N){m("Error: "+N?.message)}},"addNewSwap"),te=i(async()=>{await Ge()},"onConfirm"),Ve=i(async()=>{I?.warnings?.slippage?v(!0):await te()},"onStartConfirmSwap"),O=i(async()=>{_({error:null,swap:null,warnings:null}),T({selectedWallets:p}).then(N=>{_(N)}).catch(N=>console.error(N))},"onRefresh");return Lt(()=>{S&&z()},[S]),Lt(()=>{S&&x(S)},[S]),Lt(()=>{S||T({selectedWallets:p,customDestination:d}).then(N=>_(N)).catch(N=>console.error(N))},[]),Lt(()=>{!W&&!u&&f(g.home,{replace:!0})},[W,u]),Lt(()=>{let N=I.warnings?.route?.type&&Object.values(bt).includes(I.warnings?.route?.type),$=p.length<1||!p.every(oe=>B.find(ie=>oe.address===ie.address&&oe.walletType===ie.walletType&&oe.chain===ie.chain)),j=!1;if(N){let oe=Qt(o),ie=o?.result?.swaps[o.result.swaps.length-1].to.blockchain;!!o?.result?.swaps.find(tn=>tn.from.blockchain===ie)||(oe=oe.slice(-oe.length,oe.length-1)),oe.every(tn=>p.find(ql=>ql.chain===tn))||(j=!0)}o&&($||j)&&(queueMicrotask(()=>hc(x.bind(null,!0))),c(!1))},[I.warnings?.route,p.length,B.length]),L.createElement(R,{header:{title:"Confirm Swap",onBack:f.bind(null,-1),hasConnectWallet:!0,suffix:L.createElement(fc,{side:"bottom",content:An.t("Settings")},L.createElement(be,{size:"small",variant:"ghost",onClick:()=>f("/"+g.settings)},L.createElement(dc,{size:18,color:"black"})))},footer:L.createElement(Tc,null,L.createElement("div",{className:"confirm-button"},L.createElement(No,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:D,disabled:!!I.error,onClick:Ve},"Start Swap")),L.createElement(xs,{variant:"contained",type:"primary",size:"large",loading:D,onClick:x.bind(null,!0)},L.createElement(gc,{size:24})))},L.createElement(cc,{anchor:"bottom",open:y,prefix:L.createElement(No,{size:"small",variant:"ghost",onClick:()=>f("/"+g.settings)},L.createElement(vs,{variant:"label",size:"medium",color:"$neutral900"},"Change settings")),container:document.querySelector("#swap-box"),onClose:v.bind(null,N=>!N)},I.warnings?.slippage&&L.createElement(uc,{type:"warning",title:I.warnings.slippage.type===1?"High slippage":"Low slippage",description:I.warnings.slippage.type===1?An.t("highSlippage",{selectedSlippage:ne},{message:" Caution, your slippage is high (={selectedSlippage}). Your trade may be front run."}):An.t("increaseSlippage",{minRequiredSlippage:I.warnings.slippage.slippage},{message:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route."})},L.createElement(ht,{size:18}),L.createElement(ht,{size:32}),L.createElement(No,{size:"large",type:"primary",variant:"contained",fullWidth:!0,onClick:te},"Confirm anyway"))),W&&L.createElement(us,{open:W,onClose:x.bind(null,!1),onCancel:z,loading:D,onCheckBalance:Ne,config:e}),L.createElement(Sc,null,L.createElement("div",{className:"description"},L.createElement(vs,{variant:"title",size:"small"},"You get"),L.createElement(No,{style:{padding:"0"},variant:"ghost",disabled:D,onClick:O},L.createElement("div",{className:"icon"},L.createElement(mc,{size:16})))),h&&L.createElement(L.Fragment,null,L.createElement(In,{type:"error",variant:"alarm",title:h}),L.createElement(ht,{size:12})),I.warnings?.route&&L.createElement(L.Fragment,null,L.createElement(In,{variant:"alarm",type:"warning",title:So(I.warnings.route)}),L.createElement(ht,{size:12})),D&&L.createElement(pc,{type:"swap-preview",expanded:!0}),we&&L.createElement(lc,{expanded:!0,steps:Hr(o)??[],input:{value:w(n,6,6),usdValue:w(s,6,6)},output:{value:w(r,6,6),usdValue:w(a,6,6)},totalFee:w(re,0,2),totalTime:Kt(Yt(o)),recommended:!0,type:"swap-preview",percentageChange:J,warningLevel:ce}),Y&&L.createElement(L.Fragment,null,L.createElement(ht,{size:12}),L.createElement(Nt,{diagnosisMessage:I.error?.type===0?I.error.diagnosisMessage:void 0,error:I.error?.type===2,fetch:O})),I.error?.type===1&&L.createElement(L.Fragment,null,L.createElement(In,{variant:"alarm",type:"error",title:Zt(I.error)}),L.createElement(ht,{size:12}))))}i(Bs,"ConfirmSwapPage");import{i18n as Dn}from"@lingui/core";import{useManager as bc}from"@rango-dev/queue-manager-react";import{Divider as Bc,NotFound as Wc,styled as Ms}from"@rango-dev/ui";import Ke,{useState as Ec}from"react";import{useNavigate as Ac}from"react-router-dom";import{CloseIcon as kc,IconButton as wc,SearchIcon as vc,TextField as xc}from"@rango-dev/ui";import Pt from"react";import{styled as Cc}from"@rango-dev/ui";var Ws=Cc("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function _e(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:s,value:a,setValue:l,...p}=t;return Pt.createElement(xc,{prefix:Pt.createElement(Ws,null,Pt.createElement(vc,{color:"black"})),suffix:!!a.length&&Pt.createElement(wc,{variant:"ghost",onClick:()=>l?.(""),size:"small"},Pt.createElement(kc,{color:"gray",size:10})),fullWidth:o,color:n,variant:e,style:{padding:10,borderRadius:25,alignItems:"center"},size:r,value:a,onChange:s,...p})}i(_e,"SearchInput");import{Divider as As,SwapListItem as Is,Typography as Ns}from"@rango-dev/ui";import X from"react";import{styled as Po}from"@rango-dev/ui";var Nn=Po("div",{width:"100%",display:"flex",flexDirection:"column"}),Ln=Po("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),Pn=Po("div",{gap:"$10",display:"flex",flexDirection:"column"}),Es=Po("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});function Mn(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,s=n?n(e):[{title:"History",swaps:e}];if(r){let a=[{},{}];return X.createElement(X.Fragment,null,[{title:"Today",swaps:a},{title:"Last month",swaps:a}].map(p=>X.createElement(X.Fragment,{key:p.title},X.createElement(Nn,null,X.createElement(Ln,null,X.createElement(Ns,{variant:"label",size:"medium",color:"neutral800",className:"group-title"},p.title)),X.createElement(As,{size:4}),X.createElement(Pn,null,p.swaps.map((u,c)=>{let d=c+p.title;return X.createElement(X.Fragment,{key:d},X.createElement(Is,{isLoading:!0}))}))))))}return X.createElement(X.Fragment,null,s.filter(a=>a.swaps.length>0).map(a=>X.createElement(X.Fragment,{key:a.title},X.createElement(Nn,null,X.createElement(Ln,null,X.createElement(Ns,{variant:"label",size:"medium",color:"neutral800",className:"group-title"},a.title)),X.createElement(As,{size:4}),X.createElement(Pn,null,a.swaps.map(l=>{let p=l.steps[0],u=l.steps[l.steps.length-1];return X.createElement(X.Fragment,{key:l.requestId},X.createElement(Is,{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:Xt(l.inputAmount)},to:{token:{image:u.toLogo,displayName:u.toSymbol},blockchain:{image:u.toBlockchainLogo||""},amount:Xt(u.outputAmount||""),estimatedAmount:Xt(u.expectedOutputAmountHumanReadable||"")}}}))}))))))}i(Mn,"SwapsGroup");import Ls from"dayjs";var Ps=i(t=>{let e=new Map([["today",{title:"Today",swaps:[]}],["month",{title:"Last month",swaps:[]}],["year",{title:"Last year",swaps:[]}],["history",{title:"History",swaps:[]}]]),o=Ls();return t.forEach(n=>{let r=Ls(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 Mo=i(t=>{let e=[];return t?.getAll().forEach((o,n)=>{let r=o.list.getStorage();r?.swapDetails&&e.push({id:n,swap:r?.swapDetails})}),e.sort((o,n)=>Number(n.swap.creationTime)-Number(o.swap.creationTime))},"getPendingSwaps");var Ic=Ms("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",height:"100%",gap:15}),Nc=Ms("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),Lc=i((t,e)=>t?.length?t.filter(o=>Le(o.fromBlockchain,e)||Le(o.toBlockchain,e)||Le(o.toSymbol,e)||Le(o.fromSymbol,e)).length:!1,"isStepContainsText");function Ds(){let t=he.use.setSelectedSwap(),e=Ac(),{navigateBackFrom:o}=Z(),{manager:n,state:r}=bc(),s=Mo(n).map(({swap:f})=>f),[a,l]=Ec(""),p=!r.loadedFromPersistor,u=i(f=>{let h=f.target.value;l(h)},"searchHandler"),c=s;a&&(c=s.filter(f=>Le(f.inputAmount,a)||Le(f.status,a)||Lc(f.steps,a)||Le(f.requestId,a)));let d=!c?.length&&!p;return Ke.createElement(R,{header:{onBack:o.bind(null,"/"+g.swaps),title:Dn.t("History")}},Ke.createElement(Ic,null,Ke.createElement(_e,{setValue:l,fullWidth:!0,variant:"contained",placeholder:"Search Transaction",autoFocus:!0,onChange:u,value:a}),Ke.createElement(Nc,null,d&&Ke.createElement(Es,null,Ke.createElement(Bc,{size:32}),Ke.createElement(Wc,{title:Dn.t("No results found"),description:a?Dn.t("Try using different keywords"):""})),!d&&Ke.createElement(Mn,{list:c,onSwapClick:f=>{t(f),e(`${f}`,{replace:!0})},groupBy:Ps,isLoading:p}))))}i(Ds,"HistoryPage");import{i18n as Jc}from"@lingui/core";import{Alert as Zc,BestRoute as em,BestRouteSkeleton as tm,Button as om,Divider as Un,styled as yt,SwapInput as Qs,Typography as _n,WarningIcon as nm}from"@rango-dev/ui";import V,{useEffect as rm,useRef as im,useState as sm}from"react";import{useNavigate as am}from"react-router-dom";import{Alert as js,InfoIcon as Uc}from"@rango-dev/ui";import Me from"react";import{styled as Do}from"@rango-dev/ui";var Fs=Do("div",{width:"100%",paddingTop:"$16"}),Fn=Do("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),Os=Do("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%"}),$s=Do("div",{padding:"$2",alignSelf:"flex-start"});import{Button as Pc,Divider as zs,MessageBox as qs,Modal as Mc,Typography as Dc,WarningIcon as Fc}from"@rango-dev/ui";import Ee from"react";import{useNavigate as Oc}from"react-router-dom";import{Typography as Us}from"@rango-dev/ui";import On from"react";function _s(t){let{title:e,value:o,valueColor:n}=t;return On.createElement(Os,null,On.createElement(Us,{size:"medium",variant:"label",color:"neutral800"},e),On.createElement(Us,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}i(_s,"RouteErrorsModalItem");var $c=-10,Hs=2,Gs=0;function Vs(t){let{highValueLoss:e,open:o,onToggle:n,percentageChange:r,inputUsdValue:s,outputUsdValue:a,totalFeeInUsd:l}=t,p=Oc(),u=e&&r?.lt($c)?"error":"warning",c=[{title:"Swapping",value:w(s)},{title:"Gas cost",value:w(l,Gs,Hs)},{title:"Receiving",value:w(a)},{title:"Price impact",value:w(r,Gs,Hs),valueColor:`${u}500`}];return Ee.createElement(Mc,{open:o,onClose:()=>n(!1),container:document.getElementById("swap-box")||document.body},e?Ee.createElement(qs,{type:u,title:q.highValueLossError.impacTitle,description:q.highValueLossError.description}):Ee.createElement(qs,{type:u,title:q.unknownPriceError.impacTitle,description:q.unknownPriceError.description}),e&&Ee.createElement(Fn,null,Ee.createElement(zs,{size:20}),Ee.createElement(Dc,{size:"small",variant:"title"},"Details"),Ee.createElement(Fn,null,c.map((d,f)=>Ee.createElement(_s,{key:f,...d})))),Ee.createElement(zs,{size:32}),Ee.createElement(Pc,{type:"primary",size:"large",prefix:Ee.createElement(Fc,null),fullWidth:!0,onClick:()=>{p(g.confirmSwap)}},e?q.highValueLossError.confirmMessage:q.unknownPriceError.confirmMessage))}i(Vs,"RouteErrorsModal");var _c=-10;function $n(t){let{bestRoute:e}=E(),{highValueLoss:o,percentageChange:n,priceImpactCanNotBeComputed:r,openModal:s,onToggle:a,totalFeeInUsd:l,outputUsdValue:p,inputUsdValue:u}=t,c=co(e),{recommendation:d}=mo(e);return Me.createElement(Me.Fragment,null,Me.createElement(Fs,null,!c&&(o||r)&&Me.createElement(Me.Fragment,null,Me.createElement(js,{title:o?q.highValueLossError.title:q.unknownPriceError.title,type:o&&n?.lt(_c)?"error":"warning",variant:"alarm",action:Me.createElement($s,{onClick:()=>a(!0)},Me.createElement(Uc,{size:12,color:"gray"}))})),c&&Me.createElement(js,{type:"error",variant:"alarm",title:d})),Me.createElement(Vs,{highValueLoss:o,open:s,onToggle:a,percentageChange:n,inputUsdValue:u,outputUsdValue:p,totalFeeInUsd:l}))}i($n,"RouteErrors");import{ReverseIcon as zc,styled as Rs}from"@rango-dev/ui";import Fo,{useEffect as qc,useRef as Hc,useState as Gc}from"react";import{useInRouterContext as Vc,useSearchParams as jc}from"react-router-dom";function Rc({count:t}){let e=Hc(!0),[o,n]=jc(),r=E.use.outputAmount();return qc(()=>{if(e.current)e.current=!1;else{let s=o.get("fromBlockchain"),a=o.get("fromToken"),l=o.get("toBlockchain"),p=o.get("toToken");n({...l&&{["fromBlockchain"]:l},...p&&{["fromToken"]:p},...s&&{["toBlockchain"]:s},...a&&{["toToken"]:a},...r&&{["fromAmount"]:r.toString()}})}},[t]),null}i(Rc,"SwitchFromAndTo");var Kc=Rs("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),Yc=Rs("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 Ks(){let t=E.use.switchFromAndTo(),e=Vc(),[o,n]=Gc(0);return Fo.createElement(Kc,null,Fo.createElement(Yc,{onClick:()=>{t(),n(r=>r+1)}},Fo.createElement(zc,{size:12}),e&&Fo.createElement(Rc,{count:o})))}i(Ks,"SwitchFromAndToButton");import{useEffect as Xc,useState as Ys}from"react";var Qc=600;function Xs(){let{fetch:t,cancelFetch:e}=Io(),[o,n]=Ys(!1),{fromToken:r,toToken:s,inputAmount:a,inputUsdValue:l,resetRoute:p,setRoute:u}=E(),{slippage:c,customSlippage:d,affiliatePercent:f,affiliateRef:h,affiliateWallets:m,disabledLiquiditySources:y}=H(),[v,B]=Ys(""),S=d??c,x=!r||!s||xe(r,s)||!xt(a),k=i(()=>{if(o||n(!0),!x){let P=go({fromToken:r,toToken:s,inputAmount:a,disabledLiquiditySources:y,slippage:S,affiliateRef:h,affiliatePercent:f,affiliateWallets:m});t(P).then(M=>{n(!1),u(M)}).catch(M=>{p(),M?.code!=="ERR_CANCELED"&&(B(M.message),n(!1))})}},"fetch"),A=Or(()=>{x||k()},Qc);return Xc(()=>{if(!xt(a)||l?.eq(0))return n(!1),e();if(!x)return p(),n(!0),A(),e},[a]),{fetch:k,loading:o,error:v}}i(Xs,"useSwapInput");var lm=yt("div",{display:"flex",flexDirection:"column",overflowY:"visible"}),pm=yt("div",{position:"relative"}),um=yt("div",{display:"flex",flexDirection:"column",gap:5,alignSelf:"stretch"}),Js=yt("div",{width:"100%",paddingTop:"$2"}),cm=yt("div",{paddingBottom:"$15"}),mm=yt("div",{width:"100%",display:"flex"}),dm=8,Oo=2,fm=6,Mt=0,gm=-10;function Zs(){let t=am(),{fetch:e,loading:o,error:n}=Xs(),{fromToken:r,fromBlockchain:s,toToken:a,toBlockchain:l,setInputAmount:p,inputAmount:u,inputUsdValue:c,outputAmount:d,outputUsdValue:f,bestRoute:h,resetRouteWallets:m}=E(),{meta:{tokens:y},loadingStatus:v}=C(),B=U.use.connectedWallets(),S=he.use.setCurrentPage(),[W,x]=sm(!1),{fromAmountRangeError:k,swap:A,recommendation:P}=mo(h),M=im(null),K=!!Number(u)&&(!!h||o||!!n),ne=!1,T=po(c,f),D=uo(c,T),z=!cn(h,u,c),I=!cn(h,u,f),_=ti(v,B,o,h,co(h),D,z||I,ne,u),Y=s&&r?w(lt(B,s?.name,r?.symbol,r?.address)?.amount||"0",dm):"0",we=s&&r?w(lt(B,s?.name,r?.symbol,r?.address)?.amount||"0",lt(B,s?.name,r?.symbol,r?.address)?.decimal):"0";rm(()=>(S(g.home),m(),S.bind(null,"")),[]);let re=!c||!f||!f.gt(0)?null:$e(c.toNumber(),f.toNumber()),J=i(Ge=>Ge.map((te,Ve)=>({swapper:{displayName:te.swapperId,image:te.swapperLogo},from:{token:{displayName:te.from.symbol,image:te.from.logo},chain:{displayName:te.from.blockchain,image:te.from.blockchainLogo},price:{value:Ve===0?w(u,Mt,Oo):te.fromAmount}},to:{token:{displayName:te.to.symbol,image:te.to.logo},chain:{displayName:te.to.blockchain,image:te.to.blockchainLogo},price:{value:te.toAmount}},alerts:te.swapperId===A?.swapperId?V.createElement(cm,null,V.createElement(Zc,{type:"error",title:P,footer:V.createElement(mm,null,V.createElement(_n,{size:"xsmall",variant:"body",color:"neutral900"},k),V.createElement(Un,{direction:"horizontal",size:8}),V.createElement(_n,{size:"xsmall",variant:"body",color:"neutral900"},"|"),V.createElement(Un,{direction:"horizontal",size:8}),V.createElement(_n,{size:"xsmall",variant:"body",color:"neutral900"},`Yours: ${w(A?.fromAmount||null)} ${te?.from.symbol}`))})):void 0})),"getBestRouteSteps"),ce=fo(h,y),Ne=qr(h);return V.createElement(R,{ref:M,fixedHeight:!1,hasLogo:!0,footer:V.createElement(om,{type:"primary",size:"large",disabled:_.disabled,prefix:!_.disabled&&_.hasWarning&&V.createElement(nm,null),fullWidth:!0,onClick:()=>{_.state==="waitForConnecting"?t(g.wallets):_.state==="needToConfirm"?x(!0):t(g.confirmSwap)}},_.title),header:{hasConnectWallet:!0,title:Jc.t("Swap"),suffix:V.createElement(Tn,{layoutRef:M.current,onClickRefresh:h||n?e:void 0,onClickHistory:()=>t(g.swaps),onClickSettings:()=>t(g.settings)})}},V.createElement(lm,null,V.createElement(um,null,V.createElement(pm,null,V.createElement(Qs,{label:"From",onInputChange:p,balance:Y,chain:{displayName:s?.displayName||"",image:s?.logo||""},token:{displayName:r?.symbol||"",image:r?.image||""},onClickToken:()=>t("from-swap"),price:{value:u,usdValue:z?void 0:w(c),error:z?q.unknownPriceError.impacTitle:void 0},disabled:v==="failed",loading:v==="loading",onSelectMaxBalance:()=>{Y!=="0"&&p(we.split(",").join(""))}}),V.createElement(Ks,null)),V.createElement(Qs,{sharpBottomStyle:!!h?.result||o,label:"To",chain:{displayName:l?.displayName||"",image:l?.logo||""},token:{displayName:a?.symbol||"",image:a?.image||""},percentageChange:re?.lt(0)?w(re,Mt,Oo):null,warningLevel:re?.lt(gm)?"high":"low",price:{value:w(d),usdValue:I?void 0:w(f),error:I?q.unknownPriceError.impacTitle:void 0},onClickToken:()=>t("to-swap"),disabled:v==="failed",loading:v==="loading"})),o&&V.createElement(Js,null,V.createElement(tm,{type:"basic"})),K&&!o&&Ne?.result?.swaps?.length?V.createElement(Js,null,V.createElement(em,{type:"basic",recommended:!0,input:{value:w(u,Mt,fm),usdValue:w(c)},output:{value:w(d),usdValue:w(f)},steps:J(Ne.result.swaps),percentageChange:w(re,Mt,Oo),totalFee:w(ce,Mt,Oo),totalTime:Kt(Yt(h))})):K&&!o?V.createElement(V.Fragment,null,V.createElement(Un,{size:20}),V.createElement(Nt,{diagnosisMessage:Ne?.diagnosisMessages?.[0],fetch:e,error:!!n})):null),!o&&V.createElement($n,{openModal:W,onToggle:x,totalFeeInUsd:ce,outputUsdValue:f,inputUsdValue:c,percentageChange:re,highValueLoss:D,priceImpactCanNotBeComputed:z||I}))}i(Zs,"Home");import{i18n as $o}from"@lingui/core";import{List as hm,ListItemButton as ym,Radio as Gn,RadioRoot as Sm,Typography as Vn}from"@rango-dev/ui";import Ae,{useState as Tm}from"react";import{styled as Dt}from"@rango-dev/ui";var ze=Dt("div",{height:"100%"}),Ft=Dt("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"visible"}),zn=Dt("li",{margin:"0 auto",width:"100%",height:"1px",backgroundColor:"$neutral300"}),qn=Dt("div",{width:80,display:"flex",justifyContent:"flex-end"}),Hn=Dt("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});function ea(){let{navigateBackFrom:t}=Z(),[e,o]=Tm("english"),n=[{id:"english",value:"english",title:Ae.createElement(Vn,{variant:"title",size:"xmedium"},$o.t("English")),onClick:()=>o("english"),end:Ae.createElement(Gn,{value:"english"})},{id:"french",value:"french",title:Ae.createElement(Vn,{variant:"title",size:"xmedium"},$o.t("French")),onClick:()=>o("french"),end:Ae.createElement(Gn,{value:"french"})},{id:"spanish",value:"spanish",title:Ae.createElement(Vn,{variant:"title",size:"xmedium"},$o.t("Spanish")),onClick:()=>o("spanish"),end:Ae.createElement(Gn,{value:"spanish"})}];return Ae.createElement(R,{header:{onBack:t.bind(null,g.settings),title:$o.t("Language")}},Ae.createElement(ze,null,Ae.createElement(Sm,{value:e},Ae.createElement(hm,{type:Ae.createElement(ym,{title:"language",id:"_",onClick:()=>console.log()}),items:n}))))}i(ea,"LanguagePage");import{i18n as St}from"@lingui/core";import{Button as xm,Checkbox as bm,Image as Bm,ListItemButton as Wm,NotFound as Em,Typography as Am}from"@rango-dev/ui";import pe,{useState as Im}from"react";import{Checkbox as wm,Skeleton as oa}from"@rango-dev/ui";import Ot from"react";import{ListItem as Cm,styled as km}from"@rango-dev/ui";var ta=km(Cm,{height:61});var vm=30;function jn(){return Ot.createElement(Ft,null,Array.from(Array(vm),t=>Ot.createElement(ta,{hasDivider:!0,key:t,start:Ot.createElement(oa,{variant:"circular",width:35,height:35}),title:Ot.createElement(oa,{variant:"text",size:"large",width:90}),end:Ot.createElement(wm,{checked:!1})})))}i(jn,"LoadingLiquiditySourceList");function Uo(t){let e=C.use.meta().swappers,o=H.use.disabledLiquiditySources(),n=[];return je(e.map(s=>s.swapperGroup)).map(s=>{let a=e.find(l=>l.swapperGroup===s);if(a){let l=!0;t&&(l=t.some(p=>p===a.title)),l&&a.types.map(p=>{n.push({id:a.swapperGroup,groupTitle:a.swapperGroup,logo:a.logo,type:p,selected:!o.includes(a.swapperGroup)})})}}),n}i(Uo,"getUniqueSwappersGroups");function Rn({supportedSwappers:t,sourceType:e}){let[o,n]=Im(""),r=H.use.toggleLiquiditySource(),{navigateBackFrom:s}=Z(),a=C.use.loadingStatus(),l=Uo(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=i(()=>{u.forEach(y=>{c?r(y.groupTitle):y.selected||r(y.groupTitle)})},"toggleAllSources"),f=u.map(y=>{let{selected:v,groupTitle:B,logo:S}=y;return{start:pe.createElement(Bm,{src:S,size:22,type:"circular"}),onClick:()=>r(B),end:pe.createElement(bm,{checked:v}),title:pe.createElement(Am,{variant:"title",size:"xmedium"},St.t(B)),...y}}),h=i(y=>{let v=y.target.value;n(v)},"searchHandler"),m=f;return o&&(m=f.filter(y=>Le(y.groupTitle,o))),pe.createElement(R,{header:{onBack:s.bind(null,g.settings),title:St.t(e),suffix:pe.createElement(qn,null,pe.createElement(xm,{variant:"ghost",size:"xsmall",onClick:d},St.t(c?"Deselect all":"Select all")))}},pe.createElement(ze,null,pe.createElement(_e,{value:o,setValue:n,fullWidth:!0,color:"light",variant:"contained",placeholder:St.t("Swap {sourceType}",{sourceType:e}),onChange:h}),a==="loading"&&pe.createElement(jn,null),!m.length&&o?pe.createElement(Hn,null,pe.createElement(Em,{title:St.t("No results found"),description:St.t("Try using different keywords")})):a==="success"&&pe.createElement(Ft,null,m.map(y=>pe.createElement(pe.Fragment,{key:y.id},pe.createElement(Wm,{style:{height:"61px"},...y,selected:!1}),pe.createElement(zn,null))))))}i(Rn,"LiquiditySourcePage");import{i18n as ga}from"@lingui/core";import{Divider as Zn}from"@rango-dev/ui";import ot,{useState as ha}from"react";import{i18n as Yn}from"@lingui/core";import{Divider as la,Image as Pm,ListItemButton as Mm,NotFound as Dm,Typography as pa}from"@rango-dev/ui";import ke,{useEffect as Fm,useState as Om}from"react";import{TransactionType as _o}from"rango-sdk";var Tt=(s=>(s.ALL="ALL",s.EVM="EVM",s.COSMOS="COSMOS",s.UTXO="UTXO",s.OTHER="OTHER",s))(Tt||{});var Kn=i((t,e)=>{switch(e){case"ALL":return!0;case"UTXO":return t.type===_o.TRANSFER;case"OTHER":return t.type!==_o.TRANSFER&&t.type!==_o.COSMOS&&t.type!==_o.EVM;default:return t.type===e}},"filterByType"),na=i((t,e,o)=>t.filter(n=>Kn(n,o)).filter(n=>Qe(n.name,e)||Qe(n.displayName,e)),"filterBlockchains");import{styled as ra}from"@rango-dev/ui";var zo=ra("ul",{padding:0,margin:0,listStyle:"none",height:355,overflowY:"auto",paddingRight:"$5",".image-container":{borderRadius:"$xm",overflow:"hidden"}}),ia=ra("div",{minHeight:325});import{ListItem as Nm,Skeleton as sa}from"@rango-dev/ui";import qo from"react";var Lm=20;function aa(){return qo.createElement(zo,null,Array.from(Array(Lm),t=>qo.createElement(Nm,{key:t,hasDivider:!0,start:qo.createElement(sa,{variant:"circular",width:35,height:35}),title:qo.createElement(sa,{variant:"text",size:"large",width:90})})))}i(aa,"LoadingBlockchainList");function Xn(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[s,a]=Om(e),l=C.use.loadingStatus();Fm(()=>{a([...na(e,o,r)])},[e,o,r]);let p=i(()=>!s.length&&o?ke.createElement(ke.Fragment,null,ke.createElement(la,{size:32}),ke.createElement(Dm,{title:Yn.t("No results found"),description:Yn.t("Try using different keywords")})):ke.createElement(zo,null,s.map(u=>ke.createElement(Mm,{key:`${u.name}-${u.chainId}`,hasDivider:!0,onClick:()=>n(u),start:ke.createElement(Pm,{src:u.logo,size:30}),title:ke.createElement(pa,{variant:"title",size:"medium"},u.displayName),id:u.chainId}))),"renderList");return ke.createElement("div",null,ke.createElement(pa,{variant:"label",size:"large"},Yn.t("Select Blockchain")),ke.createElement(la,{size:4}),ke.createElement(ia,null,l==="loading"&&ke.createElement(aa,null),l==="success"&&p()))}i(Xn,"BlockchainList");import{i18n as zm}from"@lingui/core";import{Divider as qm,Image as Hm,Skeleton as Gm,Typography as Vm}from"@rango-dev/ui";import De from"react";import Um from"react";import{styled as $m}from"@rango-dev/ui";var ua=$m("button",{padding:"$10",borderRadius:"$sm",backgroundColor:"$neutral100",display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",cursor:"pointer",border:0,".image-container":{borderRadius:"$xm",overflow:"hidden"},"&:hover":{backgroundColor:"$neutral400"},"&:focus-visible":{outline:0,backgroundColor:"$neutral500"},variants:{selected:{true:{outline:"1px solid $secondary500"},false:{outline:0}}}});function Ye(t){let{children:e,selected:o,onClick:n}=t;return Um.createElement(ua,{selected:o,onClick:n},e)}i(Ye,"BlockchainsChip");var _m={["EVM"]:["ETH","BSC","POLYGON"],["COSMOS"]:["COSMOS","OSMOSIS","JUNO"],["UTXO"]:["BTC","LTC","BCH"],["OTHER"]:["STARKNET","TRON","SOLANA"]},ca=i((t,e)=>t.filter(o=>Kn(o,e)).filter(o=>_m[e].includes(o.name)),"generateBlockchainsLogo");import{styled as Qn}from"@rango-dev/ui";var ma=Qn("div",{display:"grid",gap:"$10",gridTemplateColumns:"auto 1fr 1fr 1fr 1fr"}),da=Qn("div",{display:"flex",position:"relative",alignItems:"center",justifyContent:"center",paddingTop:"$10"}),fa=Qn("img",{position:"absolute",top:-2,width:15,height:15});function Jn(t){let{setCategory:e,category:o}=t,n=C.use.meta().blockchains,r=C.use.loadingStatus(),s=Object.keys(Tt);return De.createElement(ma,null,r==="loading"&&Array.from(Array(5),(a,l)=>De.createElement(Gm,{key:l,variant:"rounded",height:70,width:l===0?45:65})),r==="success"&&s.map(a=>De.createElement(Ye,{selected:o===a,key:a,onClick:()=>e(a)},a!=="ALL"&&De.createElement(De.Fragment,null,De.createElement(da,null,ca(n,a).map((l,p)=>p===0?De.createElement(fa,{key:`image-${l.name}-${l.chainId}`,src:l.logo}):De.createElement(Hm,{key:`image-${l.name}-${l.chainId}`,src:l.logo,size:15}))),De.createElement(qm,{size:12})),De.createElement(Vm,{size:"xsmall",variant:"body",color:a==="ALL"?"secondary500":void 0},zm.t(Tt[a])))))}i(Jn,"SelectableCategoryList");function er(t){let{type:e,supportedBlockchains:o}=t,{navigateBackFrom:n}=Z(),[r,s]=ha(""),[a,l]=ha("ALL"),p=E.use.setToBlockchain(),u=E.use.setFromBlockchain(),c=o?C.use.meta().blockchains.filter(d=>o.includes(d.name)):C.use.meta().blockchains;return ot.createElement(R,{header:{onBack:n.bind(null,g[`${e}Blockchain`]),title:ga.t("Select Blockchain")}},ot.createElement(Zn,{size:12}),ot.createElement(Jn,{setCategory:l,category:a}),ot.createElement(Zn,{size:24}),ot.createElement(_e,{value:r,autoFocus:!0,placeholder:ga.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>s(""),onChange:d=>s(d.target.value)}),ot.createElement(Zn,{size:16}),ot.createElement(Xn,{list:c,searchedFor:r,blockchainCategory:a,onChange:d=>{e==="from"?u(d,!0):p(d,!0),n(g[`${e}Blockchain`])}}))}i(er,"SelectBlockchainPage");import{i18n as La}from"@lingui/core";import{Divider as Pa}from"@rango-dev/ui";import Ct,{useEffect as ld,useState as pd}from"react";import{useNavigate as ud}from"react-router-dom";import{i18n as tr}from"@lingui/core";import{Divider as Ta,Image as Ca,Skeleton as Rm,Typography as or}from"@rango-dev/ui";import ue,{useEffect as Km,useState as Ym}from"react";var ya=i(t=>{let e=[],o=[];for(let n of t)n.name==="ETH"||n.name==="COSMOS"||n.name==="OSMOSIS"?e.push(n):o.push(n);return e.concat(o)},"sortBlockchains");import{styled as jm}from"@rango-dev/ui";var Sa=jm("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var Xm=9,nr=10,Qm=12;function rr(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:s}=t,a=ya(e),[l,p]=Ym(null),u=C.use.loadingStatus(),c=E.use.resetToBlockchain(),d=E.use.resetFromBlockchain(),f=l?Xm:nr;return Km(()=>{let h=a.slice(nr,a.length).find(m=>m.chainId===n?.chainId&&m.name===n?.name);h&&p(h)},[n]),ue.createElement("div",null,ue.createElement(Ta,{size:12}),ue.createElement(or,{variant:"label",size:"large"},tr.t("Select Blockchain")),ue.createElement(Ta,{size:12}),ue.createElement(Sa,null,u==="loading"&&Array.from(Array(Qm),h=>ue.createElement(Rm,{key:h,variant:"rounded",height:50})),u==="success"&&ue.createElement(ue.Fragment,null,ue.createElement(Ye,{selected:!n,onClick:()=>{o==="from"?d():c()}},ue.createElement(or,{variant:"body",size:"xsmall",color:"secondary500"},tr.t("All"))),!!l&&ue.createElement(Ye,{selected:!!l&&l.chainId===n?.chainId,key:l.chainId,onClick:()=>r(l)},ue.createElement(Ca,{src:l.logo,size:30})),a.slice(0,f).map(h=>ue.createElement(Ye,{key:h.chainId,selected:!!n&&n.chainId===h.chainId,onClick:()=>r(h)},ue.createElement(Ca,{src:h.logo,size:30}))),ue.createElement(Ye,{onClick:s},ue.createElement(or,{variant:"body",size:"xsmall",color:"secondary500"},tr._("More +{count}",{count:a.length-nr}))))))}i(rr,"BlockchainsSection");import{i18n as lr}from"@lingui/core";import{darkTheme as Ba,Divider as Ut,ExternalLinkIcon as ed,Image as td,ListItemButton as od,NotFound as nd,PinIcon as rd,Skeleton as Wa,Typography as _t,VirtualizedList as id}from"@rango-dev/ui";import F,{forwardRef as sd,useEffect as Ea,useState as Aa}from"react";import{Divider as xa,ListItem as Zm,Skeleton as $t}from"@rango-dev/ui";import Ie from"react";import{styled as qe,Typography as Jm}from"@rango-dev/ui";var ir=qe("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),Ho=qe("ul",{minHeight:280,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:"$neutral800",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"}}}}}),sr=qe("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),ar=qe(Jm,{}),ka=qe("div",{textAlign:"right"}),Go=qe("ul",{display:"flex",alignItems:"end",flexDirection:"column"}),Ib=qe("div",{display:"flex",alignItems:"center"}),wa=qe("div",{position:"relative",".image-container":{borderRadius:"$xm",overflow:"hidden"}}),va=qe("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6});function ba(t){return Ie.createElement(Ho,null,Array.from(Array(t.size),e=>Ie.createElement(Zm,{key:e,hasDivider:!0,start:Ie.createElement($t,{variant:"circular",width:35,height:35}),end:Ie.createElement(Go,null,Ie.createElement($t,{variant:"text",size:"large",width:70}),Ie.createElement(xa,{size:4}),Ie.createElement($t,{variant:"text",size:"medium",width:50})),title:Ie.createElement("div",null,Ie.createElement($t,{variant:"text",size:"large",width:90}),Ie.createElement(xa,{size:4}),Ie.createElement($t,{variant:"text",size:"medium",width:90}))})))}i(ba,"LoadingTokenList");var pr=20,ad=i(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:s,customCssForTagTitle:a}=t,l=e.length;return F.createElement("div",{className:"description"},o?F.createElement("div",{className:"token-name"},o):F.createElement(ir,{className:"token-title"},F.createElement(_t,{variant:"title",size:"xmedium"},r.symbol),F.createElement(Ut,{direction:"horizontal",size:4}),F.createElement(sr,{css:s},F.createElement(ar,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&F.createElement("div",{className:`token-address ${!o&&"token-address-without-name"}`},F.createElement("a",{href:n,target:"_blank",rel:"nofollow noreferrer",onClick:p=>p.stopPropagation()},l>10?`${e.slice(0,5)}...${e.slice(l-6,l)}`:e," ",F.createElement(ed,{color:"gray",size:12}))))},"renderDesc");function Ia(t){let{list:e,searchedFor:o="",onChange:n}=t,[r,s]=Aa(e),a=C.use.loadingStatus(),[l,p]=Aa(!0),u=U.use.loading(),{blockchains:c}=C.use.meta(),d=sd((m,y)=>F.createElement("div",{...m,ref:y,style:{...m.style,height:`${parseFloat(m.style?.height)+8*2}px`}})),f=i(()=>{s(e.slice(0,r.length+pr))},"loadNextPage");Ea(()=>{p(e.length>r.length)},[r.length]),Ea(()=>{s(e.slice(0,pr))},[e]);let h=i(()=>!r.length&&o?F.createElement(F.Fragment,null,F.createElement(Ut,{size:32}),F.createElement(nd,{title:lr.t("No results found"),description:lr.t("Try using different keywords")})):F.createElement(id,{Item:({index:m,style:y})=>{let v=r[m].address||"",B=c.find(k=>k.name===r[m].blockchain),S=$r(r[m].symbol,B?.color||""),W={$$color:S[`${r[m].symbol}100`],[`.${Ba} &`]:{$$color:S[`${r[m].symbol}900`]},backgroundColor:"$$color"},x={$$color:S[`${r[m].symbol}700`],[`.${Ba} &`]:{$$color:S[`${r[m].symbol}100`]},color:"$$color"};return F.createElement("div",{style:{...y,paddingRight:5}},F.createElement(od,{style:{height:y?.height},"tab-index":m,key:`${r[m].symbol}${r[m].address}`,id:`${r[m].symbol}${r[m].address}`,hasDivider:!0,onClick:()=>n(r[m]),start:F.createElement(wa,null,F.createElement(td,{src:r[m].image,size:30}),r[m].pin&&F.createElement(va,null,F.createElement(rd,{size:12,color:"gray"}))),title:B?.type==="COSMOS"||r[m].name||!r[m].name&&!v?F.createElement(ir,null,F.createElement(_t,{variant:"title",size:"xmedium"},r[m].symbol),F.createElement(Ut,{direction:"horizontal",size:4}),F.createElement(sr,{css:W},F.createElement(ar,{variant:"body",size:"xsmall",css:x},r[m].blockchain))):void 0,description:B?.info&&v&&B.type!=="COSMOS"?ad({address:v,token:r[m],customCssForTag:W,customCssForTagTitle:x,name:r[m].name,url:B.info.addressUrl.split("{wallet}").join(v)}):r[m].name||void 0,end:u?F.createElement(Go,null,F.createElement(Wa,{variant:"text",size:"large",width:70}),F.createElement(Ut,{size:4}),F.createElement(Wa,{variant:"text",size:"medium",width:50})):r[m]?.balance&&F.createElement(ka,null,F.createElement(_t,{variant:"title",size:"small"},r[m].balance?.amount),F.createElement("div",null),r[m].balance?.usdValue&&F.createElement(_t,{variant:"body",color:"neutral800",size:"xsmall"},`$${r[m].balance?.usdValue}`))}))},hasNextPage:l,itemCount:r.length,loadNextPage:f,innerElementType:d,size:60}),"renderList");return F.createElement("div",null,F.createElement(_t,{variant:"label",size:"large"},lr.t("Select Token")),F.createElement(Ut,{size:4}),a==="loading"&&F.createElement(ba,{size:pr}),a==="success"&&F.createElement(Ho,null,h()))}i(Ia,"TokenList");var Na=i((t,e)=>t.filter(o=>Qe(o.symbol,e)||Qe(o.address||"",e)||Qe(o.name||"",e)).sort((o,n)=>n.pin-o.pin),"filterTokens");function ur(t){let{type:e,supportedBlockchains:o,supportedTokens:n,pinnedTokens:r}=t,s=ud(),{navigateBackFrom:a}=Z(),{tokens:l}=C.use.meta(),p=E.use.sourceTokens(),u=E.use.destinationTokens(),[c,d]=pd(""),f=E.use.setFromToken(),h=E.use.setToToken(),m=E.use.setToBlockchain(),y=E.use.setFromBlockchain(),v=E.use.toBlockchain(),B=E.use.fromBlockchain(),S=U.use.connectedWallets(),W=U.use.loading(),x=C.use.setTokensWithBalance(),k=o?C.use.meta().blockchains.filter(T=>o.includes(T.name)):C.use.meta().blockchains,A=n?l.filter(T=>l.some(D=>xe(D,T))):l,P=n?p.filter(T=>n.some(D=>xe(D,T))):p,M=n?u.filter(T=>n.some(D=>xe(D,T))):u,K=e==="from"?P:M,ne=(K.length?K:A).map(T=>({...T,pin:r?.some(D=>xe(D,T))}));return ld(()=>{S.length&&!W&&x()},[S,W]),Ct.createElement(R,{header:{onBack:a.bind(null,g.home),title:La.t("Swap {type}",{type:e})}},Ct.createElement(rr,{blockchains:k,type:e,blockchain:e==="from"?B:v,onMoreClick:()=>s(e==="from"?g.fromBlockchain:g.toBlockchain),onChange:T=>{e==="from"?y(T,!0):m(T,!0)}}),Ct.createElement(Pa,{size:24}),Ct.createElement(_e,{value:c,autoFocus:!0,placeholder:La.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>d(""),onChange:T=>d(T.target.value)}),Ct.createElement(Pa,{size:16}),Ct.createElement(Ia,{list:Na(ne,c),onChange:T=>{let D=k.find(z=>T.blockchain===z.name);e==="from"?(f(T),D&&y(D,!0)):(h(T),D&&m(D,!0)),a(g.fromSwap)}}))}i(ur,"SelectSwapItemsPage");import{i18n as kt}from"@lingui/core";import{ChevronRightIcon as jo,Divider as za,List as yd,ListItemButton as Sd,Skeleton as Td,Switch as Cd,Typography as nt}from"@rango-dev/ui";import Q from"react";import{useNavigate as kd}from"react-router-dom";import{i18n as md}from"@lingui/core";import{Chip as dd,Divider as Ua,InfoIcon as fd,TextField as gd,Tooltip as hd,Typography as _a}from"@rango-dev/ui";import ye from"react";import{styled as Vo}from"@rango-dev/ui";var Ma=Vo("div",{paddingTop:"$5",paddingBottom:"30px"}),Da=Vo("div",{display:"flex",alignItems:"center",justifyContent:"start"}),Fa=Vo("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),Oa=Vo("div",{maxWidth:"300px",padding:"$10"});import{i18n as cr}from"@lingui/core";import{Typography as cd}from"@rango-dev/ui";import zt from"react";function $a(){return zt.createElement(Oa,null,zt.createElement(cd,{variant:"label",size:"small",color:"neutral900"},cr.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),zt.createElement("br",null),zt.createElement("br",null),zt.createElement("b",null,cr.t("Warning")),":",cr.t("This setting is applied per step, e.g. 1Inch, Thorchain, etc. and only that step will be reverted, not the whole transaction")))}i($a,"SlippageTooltipContent");function mr(){let t=H.use.slippage(),e=H.use.setSlippage(),o=H.use.customSlippage(),n=H.use.setCustomSlippage();return ye.createElement(Ma,null,ye.createElement(Fa,null,ye.createElement(_a,{variant:"title",size:"xmedium"},md.t("Slippage tolerance per swap")),ye.createElement(Ua,{direction:"horizontal",size:4}),ye.createElement(hd,{side:"top",content:ye.createElement($a,null)},ye.createElement(fd,{color:"gray"}))),ye.createElement(Da,null,cs.map((r,s)=>{let a=`slippage-${s}`;return ye.createElement(ye.Fragment,null,ye.createElement(dd,{style:{width:"64px",flexShrink:0},key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`}),ye.createElement(Ua,{direction:"horizontal",size:8}))}),ye.createElement(gd,{type:"number",min:"0.01",max:"30",step:"0.01",fullWidth:!0,variant:"contained",value:o||"",color:"dark",onChange:r=>{let s=parseFloat(r.target.value);(!s||s>=gs&&s<=fs)&&n(s)},suffix:o&&ye.createElement(_a,{variant:"body",size:"small"},"%"),placeholder:"Custom"})))}i(mr,"Slippage");function qa({supportedSwappers:t,singleTheme:e}){let o=kd(),{navigateBackFrom:n}=Z(),r=H.use.infiniteApprove(),s=H.use.toggleInfiniteApprove(),a=C.use.loadingStatus(),l=Uo(t),p=l.filter(k=>k.type==="BRIDGE"||k.type==="AGGREGATOR"),u=p.length,c=p.filter(k=>k.selected).length,d=l.filter(k=>k.type==="DEX"),f=d.length,h=d.filter(k=>k.selected).length,m=i((k,A)=>{switch(a){case"loading":return Q.createElement(Td,{variant:"text",size:"medium",width:50});case"failed":return Q.createElement(nt,{variant:"body",size:"medium",color:"$error500"},"Loading failed");default:return Q.createElement(nt,{variant:"body",size:"medium"},`${k} / ${A}`)}},"handleEndItem"),y={id:"bridge-item",title:Q.createElement(nt,{variant:"title",size:"xmedium"},kt.t("Enabled bridges")),end:Q.createElement(Q.Fragment,null,m(c,u),Q.createElement(za,{direction:"horizontal",size:8}),Q.createElement(jo,{color:"black"})),onClick:()=>o(g.bridges)},v={id:"exchange-item",title:Q.createElement(nt,{variant:"title",size:"xmedium"},kt.t("Enabled exchanges")),end:Q.createElement(Q.Fragment,null,m(h,f),Q.createElement(za,{direction:"horizontal",size:8}),Q.createElement(jo,{color:"gray"})),onClick:()=>o(g.exchanges)},B={id:"language-item",title:Q.createElement(nt,{variant:"title",size:"xmedium"},kt.t("Language")),end:Q.createElement(jo,{color:"gray"}),onClick:()=>o(g.languages)},S={id:"theme-item",title:Q.createElement(nt,{variant:"title",size:"xmedium"},kt.t("Theme")),end:Q.createElement(jo,{color:"gray"}),onClick:()=>o(g.themes)},W={id:"infinite-approval-item",title:Q.createElement(nt,{variant:"title",size:"xmedium"},kt.t("Infinite Approval")),end:Q.createElement(Cd,{checked:r}),onClick:s},x=[y,v,B];return e||x.push(S),x.push(W),Q.createElement(R,{header:{onBack:n.bind(null,g.settings),title:kt.t("Setting")}},Q.createElement(ze,null,Q.createElement(mr,null),Q.createElement(yd,{type:Q.createElement(Sd,{title:"_",id:"_",onClick:()=>console.log()}),items:x})))}i(qa,"SettingsPage");import{cancelSwap as rf}from"@rango-dev/queue-manager-rango-preset";import{useManager as sf}from"@rango-dev/queue-manager-react";import vl from"react";import{i18n as st}from"@lingui/core";import{getCurrentBlockchainOfOrNull as Gd,getCurrentStep as Vd,getRelatedWalletOrNull as jd,PendingSwapNetworkStatus as Zo}from"@rango-dev/queue-manager-rango-preset";import{Button as Sl,CopyIcon as Rd,Divider as Kd,IconButton as Yd,RouteCost as Xd,StepDetails as Qd,TokenAmount as Tl,Typography as wt,useCopyToClipboard as Jd}from"@rango-dev/ui";import{useWallets as Zd}from"@rango-dev/wallets-react";import G,{useEffect as Cl,useRef as ef,useState as kl}from"react";import{useNavigate as tf}from"react-router-dom";function Ha(t){let e=Math.floor((new Date().getTime()-t)/1e3),o,n=Math.floor(e/31536e3);return n>=1?o="year":(n=Math.floor(e/2592e3),n>=1?o="month":(n=Math.floor(e/86400),n>=1?o="day":(n=Math.floor(e/3600),n>=1?o="hour":(n=Math.floor(e/60),n>=1?o="minute":(n=e,o="second"))))),(n>1||n===0)&&(o+="s"),n+" "+o}i(Ha,"timeSince");function Ga(t){return t.finishTime?`${Ha(parseInt(t.finishTime))} ago`:`${Ha(parseInt(t.creationTime))} ago`}i(Ga,"getSwapDate");import{PendingSwapNetworkStatus as Sr}from"@rango-dev/queue-manager-rango-preset";import{Modal as Ed}from"@rango-dev/ui";import Yo from"react";import{i18n as Ro}from"@lingui/core";import{Button as Va,Divider as dr,MessageBox as wd,Typography as ja}from"@rango-dev/ui";import Fe from"react";var Ra=i(({onCancel:t,onClose:e})=>Fe.createElement(Fe.Fragment,null,Fe.createElement(dr,{size:20}),Fe.createElement(wd,{type:"error",title:Ro.t("Transaction Cancel"),description:Ro.t("Are you sure you want to Cancel this swap?")}),Fe.createElement(dr,{size:32}),Fe.createElement(Va,{variant:"contained",type:"primary",size:"large",onClick:t},Fe.createElement(ja,{variant:"title",size:"medium",color:"neutral100"},Ro.t("Yes, Cancel it"))),Fe.createElement(dr,{size:12}),Fe.createElement(Va,{variant:"outlined",type:"primary",size:"large",onClick:e},Fe.createElement(ja,{variant:"title",size:"medium",color:"primary"},Ro.t("No, Continue")))),"CancelContent");import{i18n as Ko}from"@lingui/core";import{Button as Ka,Divider as fr,MessageBox as vd,Typography as Ya}from"@rango-dev/ui";import Oe from"react";var Xa=i(({onDelete:t,onClose:e})=>Oe.createElement(Oe.Fragment,null,Oe.createElement(fr,{size:20}),Oe.createElement(vd,{type:"error",title:Ko.t("Delete Transaction"),description:Ko.t("Are you sure you want to delete this swap?")}),Oe.createElement(fr,{size:32}),Oe.createElement(Ka,{variant:"contained",type:"primary",size:"large",onClick:t},Oe.createElement(Ya,{variant:"title",size:"medium",color:"neutral100"},Ko.t("Yes, Delete it"))),Oe.createElement(fr,{size:12}),Oe.createElement(Ka,{variant:"outlined",type:"primary",size:"large",onClick:e},Oe.createElement(Ya,{variant:"title",size:"medium",color:"primary"},Ko.t("No, Cancel")))),"DeleteContent");import{i18n as gr}from"@lingui/core";import{PendingSwapNetworkStatus as hr}from"@rango-dev/queue-manager-rango-preset";var yr={[hr.WaitingForNetworkChange]:{type:"loading",title:gr.t("Change Network")},[hr.WaitingForConnectingWallet]:{type:"warning",title:gr.t("Connect Wallet")},[hr.NetworkChanged]:{type:"success",title:gr.t("Network Changed")}};import{MessageBox as bd,Wallet as Bd,WalletState as Ja}from"@rango-dev/ui";import{useWallets as Wd}from"@rango-dev/wallets-react";import qt from"react";import{styled as xd}from"@rango-dev/ui";var Qa=xd("div",{display:"flex",justifyContent:"center"});var Za=i(({type:t,title:e,currentStepWallet:o,message:n})=>{let{connect:r,getWalletInfo:s,state:a}=Wd(),l=o?.walletType,u=l&&a(l).connected?Ja.CONNECTED:Ja.DISCONNECTED;return qt.createElement(qt.Fragment,null,qt.createElement(bd,{type:t,title:e,description:n}),l&&qt.createElement(Qa,null,qt.createElement(Bd,{title:s(l).name,image:s(l).img,type:l,state:u,onClick:async()=>r(l)})))},"WalletStateContent");function Tr(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:s,message:a}=t,l=e===Sr.WaitingForNetworkChange||e===Sr.WaitingForConnectingWallet||e===Sr.NetworkChanged;return Yo.createElement(Ed,{open:!!e,onClose:o,container:document.getElementById("swap-box")||document.body},l&&Yo.createElement(Za,{type:yr[e].type,title:yr[e].title,currentStepWallet:s,message:a}),e==="delete"&&Yo.createElement(Xa,{onClose:o,onDelete:n}),e==="cancel"&&Yo.createElement(Ra,{onClose:o,onCancel:r}))}i(Tr,"SwapDetailsModal");import{i18n as Ht}from"@lingui/core";import{Button as Cr,Divider as Xo,MessageBox as el,Modal as Ad,TokenAmount as Id,Typography as Qo}from"@rango-dev/ui";import ae from"react";import{useNavigate as Nd}from"react-router-dom";function kr(t){let{open:e,onClose:o,status:n,priceValue:r,usdValue:s,token:a,chain:l,percentageChange:p,description:u,diagnosisUrl:c}=t,d=Nd();return ae.createElement(Ad,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},n==="success"?ae.createElement(el,{type:"success",title:Ht.t("Swap Successful")},ae.createElement(Id,{direction:"vertical",type:"output",centerAlign:!0,price:{value:r,usdValue:s},token:a,chain:l,percentageChange:p}),ae.createElement(Xo,{size:12}),ae.createElement(Qo,{variant:"body",size:"medium",color:"neutral900",align:"center"},u)):ae.createElement(el,{type:"error",title:Ht.t("Transaction Failed"),description:u}),ae.createElement(Xo,{size:32}),n==="success"&&ae.createElement(Cr,{variant:"contained",type:"primary",size:"large",onClick:()=>d(g.home)},ae.createElement(Qo,{variant:"title",size:"medium",color:"neutral100"},Ht.t("Done"))),ae.createElement(Xo,{size:12}),c&&ae.createElement(ae.Fragment,null,ae.createElement(Cr,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(c,"_blank")},ae.createElement(Qo,{variant:"title",size:"medium",color:"primary"},Ht.t("Diagnosis"))),ae.createElement(Xo,{size:12})),ae.createElement(Cr,{variant:"outlined",type:"primary",size:"large",onClick:o},ae.createElement(Qo,{variant:"title",size:"medium",color:"primary"},Ht.t("See Details"))))}i(kr,"SwapDetailsCompleteModal");import qd from"react";import{i18n as $d}from"@lingui/core";import{Alert as sl,IconButton as Ud,LinkIcon as _d}from"@rango-dev/ui";import Xe,{Fragment as zd}from"react";import{Alert as Ld,ChevronDownIcon as Pd,ChevronUpIcon as Md,IconButton as Dd}from"@rango-dev/ui";import Jo,{useState as Fd}from"react";function tl(t){let{message:e}=t,[o,n]=Fd(!1);return Jo.createElement(Ld,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&Jo.createElement(Dd,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?Jo.createElement(Md,{size:12,color:"gray"}):Jo.createElement(Pd,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}i(tl,"FailedAlert");import{styled as Od}from"@rango-dev/ui";var ol=Od("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as nl}from"@lingui/core";import{PendingSwapNetworkStatus as wr}from"@rango-dev/queue-manager-rango-preset";import{Alert as vr,Button as rl}from"@rango-dev/ui";import Gt from"react";function il(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?Gt.createElement(vr,{type:"warning",title:n.shortMessage,action:Gt.createElement(rl,{size:"xxsmall",type:"warning",onClick:()=>{o(wr.WaitingForNetworkChange),e().catch(s=>{console.log(s)})}},nl.t("Change"))}):r===wr.WaitingForConnectingWallet?Gt.createElement(vr,{type:"warning",title:n.shortMessage,action:Gt.createElement(rl,{size:"xxsmall",type:"warning",onClick:()=>{o(wr.WaitingForConnectingWallet)}},nl.t("Connect"))}):Gt.createElement(vr,{type:"warning",title:n.shortMessage})}i(il,"WarningAlert");function xr(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:s,hasAlreadyProceededToSign:a}=t,l=Wt(s),p=s.status==="waitingForApproval"&&!l,u=s.status==="running"&&!l;return Xe.createElement(ol,null,s.explorerUrl?.map((c,d,f)=>{let h=d+c.url,m=d===f.length-1,y=m&&u||p,v=m&&s.status==="failed";return Xe.createElement(zd,{key:h},Xe.createElement(sl,{type:y&&"loading"||v&&"error"||"success",title:c.description?`${c.description} Tx`:$d.t("View transaction"),action:c.url&&Xe.createElement(Ud,{variant:"ghost",size:"xsmall",onClick:()=>window.open(c.url,"_blank")},Xe.createElement(_d,{size:16}))}))}),(u&&!a||p&&!s.explorerUrl?.length)&&Xe.createElement(sl,{type:"loading",title:r.shortMessage}),s.status!=="failed"&&l&&Xe.createElement(il,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),s.status==="failed"&&Xe.createElement(tl,{message:r}))}i(xr,"SwapDetailsAlerts");var Hd=3;var al=2e3,rt=0,fe=4,Vt=2,ll=60,pl=i(({swap:t,...e})=>{let o=t.hasAlreadyProceededToSign!==!1;return t.steps.map((n,r)=>{let s=r===0?t.inputAmount:t.steps[r-1].outputAmount;return{from:{token:{displayName:n.fromSymbol,image:n.fromLogo},chain:{displayName:n.fromBlockchain,image:n.fromBlockchainLogo},price:{value:w(s,fe,fe)}},to:{token:{displayName:n.toSymbol,image:n.toLogo},chain:{displayName:n.toBlockchain,image:n.toBlockchainLogo},price:{value:w(n.outputAmount||n.expectedOutputAmountHumanReadable,fe,fe)}},swapper:{displayName:n.swapperId,image:n.swapperLogo},alerts:qd.createElement(xr,{step:n,hasAlreadyProceededToSign:o,...e})}})},"getSteps"),ul=i(t=>{if(t){if(t.lt(Hd))return"low"}else return;return"high"},"getPriceImpactWarningLevel");function cl(t){if(Wt(t)&&t.status!=="failed"&&t.status!=="success")return"warning";switch(t.status){case"created":return"default";case"approved":case"waitingForApproval":case"running":return"in-progress";case"failed":return"error";case"success":return"completed"}}i(cl,"getStepState");import{styled as it}from"@rango-dev/ui";var ml=it("div",{display:"flex",width:"100%",flexDirection:"column",justifyContent:"center",alignItems:"center",height:"0",flexGrow:1,"& .row":{display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",padding:"$10 $5",borderBottom:"1px solid $neutral300",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"}}),dl=it("div",{height:"$12",marginRight:"$10",borderLeft:"1px solid $neutral900",marginLeft:"$14"}),fl=it("div",{width:"100%",padding:"0px 15px"}),gl=it("div",{padding:"0 $20 $20",width:"100%",overflow:"auto"}),uW=it("div",{display:"flex",flexDirection:"column",gap:"$10"}),hl=it("div",{height:"450px",display:"flex",alignItems:"center",textAlign:"center"}),yl=it("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1});function br(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{tokens:s}=C.use.meta(),{canSwitchNetworkTo:a,connect:l,getWalletInfo:p}=Zd(),u=E.use.retry(),c=tf(),{navigateBackFrom:d}=Z(),f=ef(null),[h,m]=Jd(al),[y,v]=kl(null),[B,S]=kl(null),W=i(()=>{r(),v(null)},"onCancel"),x=Vd(e),k=x?.networkStatus;Cl(()=>{(e.status==="success"||e.status==="failed")&&S(e.status)},[e.status]),Cl(()=>{D?v(Zo.WaitingForNetworkChange):k===Zo.WaitingForConnectingWallet||k===Zo.NetworkChanged?v(k):v(null)},[k]);let A=pi(e),P=x?Gd(e,x):null,M=x?jd(e,x):null,K=Ga(e),ne=ui(e),T=i($=>!!p($)?.mobileWallet,"isMobileWallet"),D=k===Zo.WaitingForNetworkChange&&!!P&&!!M?.walletType&&(T(M.walletType)||a(M.walletType,P)),z=D?l.bind(null,M.walletType,P):void 0,I=li(e,x),_=pl({swap:e,switchNetwork:z,showNetworkModal:k,setNetworkModal:v,message:I}),Y=_.length,[we,re]=[e.steps[0],e.steps[Y-1]],J=re.outputAmount||re.expectedOutputAmountHumanReadable,ce=e.inputAmount&&J?$e(e.inputAmount,J):null,Ne=e.steps.reduce(($,j)=>$+parseFloat(j.feeInUsd||""),0),Ge=e.steps.reduce(($,j)=>$+(j.estimatedTimeInSeconds||0),0),te=Math.floor(Ge/ll),Ve=e.steps.find($=>$.diagnosisUrl)?.diagnosisUrl,O=w(String(parseFloat(w(J,rt,fe))*(io(re.toBlockchain,re.toSymbol,re.toSymbolAddress,s)||0)),rt,fe),N=B==="success"?`You have recieved ${w(J,rt,fe)} ${_[Y-1].to.token.displayName} in ${ao(e.wallets[_[Y-1].to.chain.displayName]?.address||"")} wallet on ${_[Y-1].to.chain.displayName} chain.`:`${st.t("Transaction was not sent.")} ${A?`${A.outputAmount} ${A.symbol} on ${A.blockchain} remain in your wallet`:""}`;return G.createElement(R,{noPadding:!0,header:{title:st.t("Swap and Bridge"),onBack:d.bind(null,g.swapDetails),onCancel:e.status==="running"?()=>v("cancel"):void 0,suffix:e.status!=="running"&&G.createElement(dt,null,G.createElement(Sl,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>v("delete")},G.createElement(wt,{size:"medium",variant:"label",color:"error"},st.t("Delete"))))},footer:ne&&!B&&G.createElement(Sl,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{u(e),setTimeout(()=>{c(g.home)},0)}},st.t("Try again"))},G.createElement(ml,null,G.createElement(fl,null,G.createElement("div",{className:"row"},G.createElement(wt,{variant:"label",size:"large",color:"neutral900"},`${st.t("Request ID")}:`),G.createElement("div",{className:"request-id"},G.createElement(wt,{variant:"label",size:"small",color:"neutral900"},o),G.createElement(Yd,{variant:"ghost",onClick:m.bind(null,o||"")},G.createElement(Rd,{size:16,color:"gray"})))),G.createElement("div",{className:"row"},G.createElement(wt,{variant:"label",size:"large",color:"neutral900"},`${st.t("Created at")}:`),G.createElement(wt,{variant:"label",size:"small",color:"neutral900"},K))),G.createElement("div",{className:"output"},G.createElement(Xd,{fee:w(String(Ne),fe,fe),time:te,steps:Y}),G.createElement(Tl,{direction:"horizontal",type:"input",price:{value:w(e.inputAmount,fe,fe),usdValue:w(String(parseFloat(e.inputAmount)*(io(we.fromBlockchain,we.fromSymbol,we.fromSymbolAddress,s)||0)),rt,fe)},token:{displayName:_[0].from.token.displayName,image:_[0].from.token.image},chain:{image:_[0].from.chain.image}}),G.createElement(dl,null),G.createElement(Tl,{direction:"horizontal",type:"output",price:{value:w(J,rt,fe),usdValue:O},token:{displayName:_[Y-1].to.token.displayName,image:_[Y-1].to.token.image},chain:{image:_[Y-1].to.chain.image},percentageChange:w(ce,Vt,Vt),warningLevel:ul(ce)})),G.createElement("div",{className:"title-steps"},G.createElement(wt,{variant:"title",size:"small"},st.t("Swaps steps"))),G.createElement(Kd,{size:8}),G.createElement(gl,{ref:f},_.map(($,j)=>{let oe=j,ie=cl(e.steps[j]),jt=ie==="error"||ie==="in-progress"||ie==="warning"||ie==="completed"&&j===_.length-1;return G.createElement(Qd,{key:oe,step:$,type:"route-progress",ref:f,state:ie,hasSeparator:j!==0,tabIndex:oe,isFocused:jt})}))),G.createElement(Tr,{state:y,onClose:()=>v(null),onCancel:W,onDelete:n,message:I.detailedMessage.content,currentStepWallet:M}),G.createElement(kr,{open:!!B,diagnosisUrl:Ve,onClose:()=>S(null),status:B,priceValue:w(J,rt,fe),usdValue:O,percentageChange:w(ce,Vt,Vt),token:{displayName:_[Y-1].to.token.displayName,image:_[Y-1].to.token.image},chain:{image:_[Y-1].to.chain.image},description:N}))}i(br,"SwapDetails");import{i18n as Br}from"@lingui/core";import{NotFound as of,Spinner as nf}from"@rango-dev/ui";import vt from"react";function wl(t){let{requestId:e,loading:o}=t,{navigateBackFrom:n}=Z();return vt.createElement(R,{header:{title:Br.t("Swap and Bridge"),onBack:n.bind(null,g.swapDetails),suffix:vt.createElement(dt,null)}},vt.createElement(hl,null,o?vt.createElement(yl,null,vt.createElement(nf,{size:24})):vt.createElement(of,{title:Br.t("Not found"),description:Br.t("swapNotFound",{requestId:e},{message:"Swap with request ID = ${requestId} not found."})})))}i(wl,"SwapDetailsPlaceholder");function xl(){let{manager:t,state:e}=sf(),o=!e.loadedFromPersistor,n=Mo(t),r=he.use.selectedSwapRequestId(),{navigateBackFrom:s}=Z(),a=n.find(({swap:c})=>c.requestId===r),l=i(()=>{if(a?.id){let c=t?.get(a.id);c&&rf(c)}},"onCancel"),p=i(async()=>{if(a?.id)try{await t?.deleteQueue(a.id),s(g.swapDetails)}catch(c){console.log(c)}},"onDelete"),u=a?.swap;return u?vl.createElement(br,{swap:u,requestId:r||"",onCancel:l,onDelete:p}):vl.createElement(wl,{requestId:r||"",loading:o})}i(xl,"SwapDetailsPage");import{i18n as en}from"@lingui/core";import{AutoThemeIcon as af,DarkModeIcon as lf,LightModeIcon as pf,List as uf,ListItemButton as cf,Radio as Wr,RadioRoot as mf,Typography as Er}from"@rango-dev/ui";import Se from"react";function bl(){let{navigateBackFrom:t}=Z(),e=H.use.theme(),o=H.use.setTheme(),n=[{id:"light",value:"light",title:Se.createElement(Er,{variant:"title",size:"xmedium"},en.t("Light")),onClick:()=>o("light"),start:Se.createElement(pf,{color:"gray"}),end:Se.createElement(Wr,{value:"light"})},{id:"dark",value:"dark",title:Se.createElement(Er,{variant:"title",size:"xmedium"},en.t("Dark")),onClick:()=>o("dark"),start:Se.createElement(lf,{color:"gray"}),end:Se.createElement(Wr,{value:"dark"})},{id:"auto",value:"auto",title:Se.createElement(Er,{variant:"title",size:"xmedium"},en.t("Auto")),onClick:()=>o("auto"),start:Se.createElement(af,{color:"gray"}),end:Se.createElement(Wr,{value:"auto"})}];return Se.createElement(R,{header:{onBack:t.bind(null,g.settings),title:en.t("Theme")}},Se.createElement(ze,null,Se.createElement(mf,{onValueChange:r=>o(r),value:e},Se.createElement(uf,{type:Se.createElement(cf,{title:"Theme",id:"_",onClick:()=>console.log()}),items:n}))))}i(bl,"ThemePage");var ff=i(t=>t.replace("/",""),"getAbsolutePath");function Bl(t){let{config:e}=t;return df([{path:g.home,element:Te.createElement(Zs,null)},{path:g.fromSwap,element:Te.createElement(ur,{type:"from",supportedBlockchains:e?.from?.blockchains,supportedTokens:e?.from?.tokens,pinnedTokens:e?.pinnedTokens})},{path:g.toSwap,element:Te.createElement(ur,{type:"to",supportedBlockchains:e?.to?.blockchains,supportedTokens:e?.to?.tokens,pinnedTokens:e?.pinnedTokens})},{path:g.fromBlockchain,element:Te.createElement(er,{type:"from",supportedBlockchains:e?.to?.blockchains})},{path:g.toBlockchain,element:Te.createElement(er,{type:"to",supportedBlockchains:e?.to?.blockchains})},{path:g.settings,element:Te.createElement(qa,{singleTheme:e?.theme?.singleTheme,supportedSwappers:e?.liquiditySources})},{path:g.themes,element:Te.createElement(bl,null)},{path:g.languages,element:Te.createElement(ea,null)},{path:g.exchanges,element:Te.createElement(Rn,{sourceType:"Exchanges",supportedSwappers:e?.liquiditySources})},{path:g.bridges,element:Te.createElement(Rn,{sourceType:"Bridges",supportedSwappers:e?.liquiditySources})},{path:g.swaps,element:Te.createElement(Ds,null)},{path:g.swapDetails,element:Te.createElement(xl,null)},{path:g.wallets,element:Te.createElement(Ji,{supportedWallets:e?.wallets,multiWallets:typeof e?.multiWallets>"u"?!0:e.multiWallets,config:e})},{path:ff(g.confirmSwap),element:Te.createElement(Bs,{config:e})}])}i(Bl,"AppRoutes");import{isApprovalTX as gf,MainEvents as El,RouteEventType as Al,StepEventType as Ir,StepExecutionEventStatus as hf,useEvents as yf}from"@rango-dev/queue-manager-rango-preset";import{useEffect as Il}from"react";import{StepExecutionBlockedEventStatus as Ar}from"@rango-dev/queue-manager-rango-preset";var Wl=[Ar.WAITING_FOR_CHANGE_WALLET_ACCOUNT,Ar.WAITING_FOR_NETWORK_CHANGE,Ar.WAITING_FOR_WALLET_CONNECT];function Nl(){let t=U.use.connectedWallets(),e=U.use.getWalletsDetails(),o=Ue.use.setNotification(),n=yf();return Il(()=>(n.on(El.StepEvent,r=>{let{event:s,step:a,route:l}=r;if(s.type===Ir.TX_EXECUTION&&s.status===hf.TX_SENT&&!gf(a)||s.type===Ir.SUCCEEDED){let u=t.find(d=>d.chain===a?.fromBlockchain),c=a?.fromBlockchain!==a?.toBlockchain&&t.find(d=>d.chain===a?.toBlockchain);u&&e([u]),c&&e([c])}s.type===Ir.TX_EXECUTION_BLOCKED&&Wl.includes(s.status)&&o(s,l)}),()=>n.all.clear()),[n,t.length]),Il(()=>(n.on(El.RouteEvent,r=>{let{event:s,route:a}=r;(s.type===Al.FAILED||s.type===Al.SUCCEEDED)&&o(s,a)}),()=>n.all.clear()),[n,t.length]),null}i(Nl,"WidgetEvents");import{globalCss as Sf}from"@rango-dev/ui";var Ll=i(t=>Sf({"@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')"],body:{fontFamily:t}})(),"globalFont");import{darkTheme as Pl,lightTheme as Ml}from"@rango-dev/ui";import{useState as kf,useEffect as Dl,useLayoutEffect as wf}from"react";import{useEffect as Tf,useRef as Cf}from"react";function Nr(t){let e=Cf();return Tf(()=>{e.current=t},[t]),e.current}i(Nr,"usePrevious");function Fl({fontFamily:t="Roboto",mode:e="auto"}){let o=H.use.theme(),n=C.use.fetchMeta(),r=H.use.setTheme(),[s,a]=kf("light");Dl(()=>{(async()=>await n())();let u=i(c=>{c.matches?a("dark"):a("light")},"switchTheme");return window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches&&a("dark"),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",u),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",u)}},[]),Dl(()=>{e!=="auto"&&r(e)},[e]);let l=Nr(t);return wf(()=>{let{classList:u}=document.body;l&&u.remove(`font_${l.replace(/ /g,"")}`),u.add(`font_${t.replace(/ /g,"")}`)},[t]),{activeTheme:i(()=>o==="auto"?s==="dark"?Pl:Ml:o==="dark"?Pl:Ml,"getActiveTheme")()}}i(Fl,"useTheme");import vf,{useMemo as xf}from"react";import{Provider as bf}from"@rango-dev/queue-manager-react";import{makeQueueDefinition as Bf,checkWaitingForNetworkChange as Wf}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Ef}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as Af}from"@rango-dev/wallets-shared";import{isEvmBlockchain as If}from"rango-types";function Nf(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:s,getWalletInfo:a}=Ef(),l=xf(()=>Bf({API_KEY:to("API_KEY")}),[]),{blockchains:p}=C.use.meta(),c={blockchains:U.use.connectedWallets().map(S=>({accounts:[S],name:S.chain}))},d=i((S,W)=>{if(s(S,W))return r(S,W)},"switchNetwork"),f=i(S=>!!a(S).mobileWallet,"isMobileWallet"),h=p.filter(S=>S.enabled).reduce((S,W)=>(S[W.name]=W,S),{}),m=p.filter(If),y=i(S=>{let{supportedChains:W}=a(S);return no(W)},"getSupportedChainNames"),v=e(),B={meta:{blockchains:h,evmBasedChains:m,evmNetworkChainInfo:Af(m),getSupportedChainNames:y},getSigners:o,wallets:c,providers:v,switchNetwork:d,canSwitchNetworkTo:s,connect:r,state:n,isMobileWallet:f};return vf.createElement(bf,{queuesDefs:[l],context:B,onPersistedDataLoaded:S=>{Wf(S)},isPaused:!1},t.children)}i(Nf,"QueueManager");var Ol=Nf;import{Events as Lr,Provider as Pf}from"@rango-dev/wallets-react";import{isEvmBlockchain as Mf}from"rango-sdk";import Ul,{createContext as Df,useRef as Ff}from"react";import{useEffect as Lf}from"react";function $l(t,e){let o=U.use.clearConnectedWallet(),n=To(void 0,e);return Lf(()=>{o(),n=To(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t]),{providers:n}}i($l,"useWalletProviders");var Pr=Df({onConnectWallet:()=>{}});function Mr(t){let{blockchains:e}=C.use.meta(),{providers:o}=$l(t.providers,t?.options),n=U.use.disconnectWallet(),r=U.use.connectWallet(),s=Ff(),a=e.filter(Mf).map(p=>p.name),l=i((p,u,c,d,f)=>{if(u===Lr.ACCOUNTS)if(c){let h=no(f),m=Yr(p,c,a,h);r(m)}else n(p);if(u===Lr.ACCOUNTS&&d.connected){let h=`${p}-${d.network}-${c}`;d.connected&&(s.current?s.current(h):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(u===Lr.NETWORK&&d.network){let h=`${p}-${d.network}`;s.current?s.current(h):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(p,u,c,d,f)},"onUpdateState");return Ul.createElement(Pr.Provider,{value:{onConnectWallet:p=>{s.current=p}}},Ul.createElement(Pf,{allBlockChains:e,providers:o,onUpdateState:l,autoConnect:!0},t.children))}i(Mr,"WidgetWallets");var qf=$f("div",{width:"100%",display:"flex",justifyContent:"center",alignItems:"center"});function zl(t){let{config:e}=t;Ll(e?.theme?.fontFamily||"Roboto");let{activeTheme:o}=Fl(e?.theme||{}),[n,r]=_l(""),[s,a]=_l(),l=Uf(Pr);return zf(()=>{e?.apiKey&&Vr({API_KEY:e?.apiKey})},[e]),_f(()=>{H.persist.rehydrate(),Ue.persist.rehydrate(),l.onConnectWallet(r)},[]),He.createElement(Of,{language:e?.language},He.createElement(qf,{id:"swap-container",className:o},He.createElement(Ol,null,He.createElement(Nl,null),He.createElement(di,{lastConnectedWallet:n,disconnectedWallet:s,clearDisconnectedWallet:()=>{a(void 0)}},He.createElement(Bl,{config:e})))))}i(zl,"Main");function Hf(t){return t.config?.externalWallets?He.createElement(zl,{...t}):He.createElement(Mr,{providers:t.config?.wallets,options:{walletConnectProjectId:t.config?.walletConnectProjectId}},He.createElement(zl,{...t}))}i(Hf,"Widget");import{useWallets as as}from"@rango-dev/wallets-react";import{useEvents as KA,MainEvents as YA,RouteEventType as nI,StepEventType as mI,StepExecutionEventStatus as dI,StepExecutionBlockedEventStatus as fI}from"@rango-dev/queue-manager-rango-preset";export{YA as MainEvents,nI as RouteEventType,mI as StepEventType,fI as StepExecutionBlockedEventStatus,dI as StepExecutionEventStatus,Hf as Widget,Mr as WidgetWallets,as as useWallets,KA as useWidgetEvents};
1
+ var Sp=Object.defineProperty;var i=(t,e)=>Sp(t,"name",{value:e,configurable:!0});import{I18nManager as mg,styled as dg}from"@rango-dev/ui";import lt,{useContext as fg,useEffect as hp,useMemo as gg,useState as fp}from"react";import{useQueueManager as lc}from"@rango-dev/queue-manager-rango-preset";import{useWallets as pc}from"@rango-dev/wallets-react";import{isEvmBlockchain as uc}from"rango-types";import yt,{useEffect as cc,useRef as mc}from"react";import{MemoryRouter as dc,useInRouterContext as fc}from"react-router";import{useLocation as gc,useNavigate as hc}from"react-router-dom";var g={home:"/",fromSwap:"from-swap",fromBlockchain:"/from-swap/blockchains",toBlockchain:"/to-swap/blockchains",toSwap:"to-swap",settings:"settings",liquiditySources:"/settings/liquidity-sources",themes:"/settings/themes",bridges:"/settings/bridges",exchanges:"/settings/exchanges",languages:"/settings/languages",swaps:"swaps",wallets:"wallets",confirmSwap:"confirm-swap",swapDetails:"swaps/:requestId"};import{i18n as Yo}from"@lingui/core";import{Alert as Vu,BestRoute as Ku,BestRouteSkeleton as Xu,Button as ju,Divider as tr,styled as Lt,SwapInput as Ds,Typography as or,WarningIcon as Yu}from"@rango-dev/ui";import Y,{useEffect as Ru,useRef as Qu,useState as Zu}from"react";import{useNavigate as Ju}from"react-router-dom";import{ChevronLeftIcon as Tp}from"@rango-dev/ui";import di from"react";import{darkTheme as Cp,IconButton as kp,styled as So}from"@rango-dev/ui";var Fe=So(kp,{width:"$24",position:"relative",padding:"0",overflow:"unset"}),ci=So("div",{position:"absolute",background:"$secondary500",[`.${Cp} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),xt=So("div",{display:"flex",justifyContent:"flex-end",width:"$40"}),mi=So("div",{position:"absolute",backgroundColor:"$secondary500",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0"});function Dn(t){return di.createElement(Fe,{variant:"ghost",size:"small",onClick:t.onClick},di.createElement(Tp,{color:"black",size:16}))}i(Dn,"BackButton");import{i18n as wp}from"@lingui/core";import{Button as vp,Typography as bp}from"@rango-dev/ui";import _n from"react";function Fn(t){return _n.createElement(xt,null,_n.createElement(vp,{variant:"ghost",onClick:t.onClick,size:"xsmall"},_n.createElement(bp,{variant:"label",size:"medium",color:"error500"},wp.t("Cancel"))))}i(Fn,"CancelButton");import{i18n as xp}from"@lingui/core";import{Tooltip as Ep,WalletIcon as Ap}from"@rango-dev/ui";import Co from"react";function $n(t){return Co.createElement(Ep,{container:t.container,side:"top",content:xp.t("Connect Wallet")},Co.createElement(Fe,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&Co.createElement(ci,null),Co.createElement(Ap,{size:18,color:"black"})))}i($n,"WalletButton");import{i18n as No}from"@lingui/core";import{NotificationsIcon as ru,Popover as iu,RefreshIcon as su,SettingsIcon as au,Tooltip as Io,TransactionIcon as lu}from"@rango-dev/ui";import de from"react";function Et(t){return Array.from(new Set(t))}i(Et,"removeDuplicateFrom");function On(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}i(On,"areEqual");function gi(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}i(gi,"debounce");function gt(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}i(gt,"containsText");var fi=i((t,e)=>{t=t.replace(/^#/,""),t.length===3&&(t=t[0]+t[0]+t[1]+t[1]+t[2]+t[2]);let[o,n,r]=t.match(/.{2}/g);[o,n,r]=[parseInt(o,16)+e,parseInt(n,16)+e,parseInt(r,16)+e],o=Math.max(Math.min(255,o),0).toString(16),n=Math.max(Math.min(255,n),0).toString(16),r=Math.max(Math.min(255,r),0).toString(16);let s=(o.length<2?"0":"")+o,a=(n.length<2?"0":"")+n,p=(r.length<2?"0":"")+r;return`#${s}${a}${p}`},"colorShade"),hi=i((t,e)=>{let o={[t]:e};for(let n=1;n<10;n++)n<5&&(o={...o,[t+n*100]:fi(e,(5-n)*32)}),n===5&&(o={...o,[t+n*100]:e}),n>5&&(o={...o,[t+n*100]:fi(e,-((n-5)*32))});return o},"generateRangeColors"),ae=i(()=>document.getElementById("swap-box"),"getContainer");import{i18n as Qp}from"@lingui/core";import{ChainToken as Oi,ChevronRightIcon as Zp,ListItemButton as Jp,Typography as eu}from"@rango-dev/ui";import Oe from"react";import{useNavigate as tu}from"react-router-dom";import{create as qp}from"zustand";import{create as Up}from"zustand";var Bp=i(t=>{let e=t;e.use={};for(let o of Object.keys(e.getState()))e.use[o]=()=>e(n=>n[o]);return e},"createSelectors"),we=Bp;var Wp={apiKey:""},yi=i((t,e)=>({config:Wp,updateConfig:o=>{let n=e().config;t({config:{...n,...o}})}}),"createConfigSlice");import{RangoClient as Np}from"rango-sdk";var Si="c6381a79-2817-4602-83bf-6a641a409e32";var Un={API_KEY:Si};function ko(t){return Un[t]}i(ko,"getConfig");function Ci(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),Un=e,Un}i(Ci,"initConfig");var ki=20,Ti=25;var To,At=i(()=>To||(To=new Np(ko("API_KEY")),To),"httpService");import{WalletState as Xe}from"@rango-dev/ui";import{readAccountAddress as Lp}from"@rango-dev/wallets-react";import{detectInstallLink as Pp,getCosmosExperimentalChainInfo as Dp,isEvmAddress as _p,KEPLR_COMPATIBLE_WALLETS as ph,Networks as bi}from"@rango-dev/wallets-shared";import zn from"bignumber.js";import{isCosmosBlockchain as Fp}from"rango-types";import Ip from"bignumber.js";var Me=new Ip(0);import{WalletTypes as Mp}from"@rango-dev/wallets-shared";var wi=[Mp.LEAP];import{BigNumber as vi}from"bignumber.js";var Bt=i(t=>{let e=(t%60).toString().padStart(2,"0");return`${parseInt((t/60).toString()).toString().padStart(2,"0")}:${e}`},"secondsToString"),k=i((t,e=null,o=null)=>{if(t==null||t==="")return"";let n=new vi(t),r=1,s=1e3;for(let a=0;a<60;a++)if(new vi(n.toFixed(a,r)).eq(n)){s=a;break}if(n.gte(1e4))return n.toFormat(0,r);if(n.gte(1e3)||n.gte(100))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,1))),r);if(n.gte(1))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,2))),r);if(n.gte(.01))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,4))),r);for(let a=e||4;a<17;a++)if(n.gte(Math.pow(10,-a)))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,a))),r);return n.isEqualTo(0)?"0":n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,8))),r)},"numberToString");var Wt=i(t=>t?.reduce((e,o)=>e+(o.estimatedTimeInSeconds??0),0)||0,"totalArrivalTime");var Ke=i((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),Gt=i(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()}i(wo,"limitDecimalPlaces");function $p(t){switch(!0){case t.connected:return Xe.CONNECTED;case t.connecting:return Xe.CONNECTING;case!t.installed:return Xe.NOT_INSTALLED;default:return Xe.DISCONNECTED}}i($p,"mapStatusToWalletState");function xi(t,e,o,n){return o.filter(r=>!wi.includes(r)).filter(r=>{if(n){let{supportedChains:s}=e(r);return!!s.find(a=>a.name===n)}return!0}).map(r=>{let{name:s,img:a,installLink:p}=e(r),l=$p(t(r));return{title:s,image:a,link:Pp(p),state:l,type:r}})}i(xi,"mapWalletTypesToWalletInfo");function vo(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}i(vo,"walletAndSupportedChainsNames");function Ei(t,e,o,n){let r=[];function s(p,l){if(!!!r.find(m=>m.chain===p)){let m={address:l,chain:p,walletType:t};r.push(m)}}i(s,"addAccount");let a=n||[];return e.forEach(p=>{let{address:l,network:u}=Lp(p),m=a.length>0,d=a.includes(u),c=u===bi.Unknown;if(m&&!d&&!c)return;let C=u===bi.Unknown&&_p(l);if(c&&!C)return;o.includes(u)||C?a.filter(T=>o.includes(T)).forEach(T=>{s(T,l.toLowerCase())}):s(u,l)}),r}i(Ei,"prepareAccountsForWalletStore");function Ai(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain;e.includes(n)||e.push(n),e.includes(r)||e.push(r),o.internalSwaps&&Array.isArray(o.internalSwaps)&&o.internalSwaps.forEach(s=>{let a=s.from.blockchain,p=s.to.blockchain;e.includes(a)||e.push(a),e.includes(p)||e.push(p)})}),e}i(Ai,"getRequiredChains");function Nt(t,e,o,n){if(t.length===0)return null;let r=t.filter(s=>s.chain===e);return r.length===0?null:r.map(s=>s.balances?.find(a=>n!==null&&a.address===n||n===null&&a.address===n&&a.symbol===o)||null).filter(s=>s!==null).sort((s,a)=>parseFloat(a?.amount||"0")-parseFloat(s?.amount||"1")).find(()=>!0)||null}i(Nt,"getBalanceFromWallet");function bo(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}i(bo,"isAccountAndWalletMatched");function Bi(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 zn(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:xo(o,r.asset.symbol,r.asset.address,e)||null}))||[]}i(Bi,"makeBalanceFor");function Wi(t){return{...t,loading:!1,error:!0}}i(Wi,"resetConnectedWalletState");var xo=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice"),Eo=i((t,e)=>{let o=Dp(Object.entries(t).map(([,n])=>n).filter(Fp));return o&&o[e]?.experimental},"isExperimentalChain");function Op(t,e){return t.map(({balance:o,...n})=>{let r=k(new zn(Nt(e,n.blockchain,n.symbol,n.address)?.amount||Me)),s="";return n.usdPrice&&(s=k(new zn(Nt(e,n.blockchain,n.symbol,n.address)?.amount||Me).multipliedBy(n.usdPrice))),{...n,...r!=="0"&&{balance:{amount:r,usdValue:s}}}})}i(Op,"getTokensWithBalance");function Ni(t,e){let o=e.length>0?Op(t,e):t;return o.sort((n,r)=>n.balance?.usdValue&&r.balance?.usdValue?parseFloat(r.balance.usdValue)-parseFloat(n.balance.usdValue):!n.balance?.usdValue&&r.balance?.usdValue?1:n.balance?.usdValue&&!r.balance?.usdValue?-1:!n.balance?.usdValue&&!r.balance?.usdValue?parseFloat(r.balance?.amount||"0")-parseFloat(n.balance?.amount||"0"):0),o}i(Ni,"getTokensBalanceFromWalletAndSort");function $e(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}i($e,"tokensAreEqual");function Ii(t){return t.sort((e,o)=>+(o.state===Xe.CONNECTED)-+(e.state===Xe.CONNECTED)||+(o.state===Xe.DISCONNECTED||o.state===Xe.CONNECTING)-+(e.state===Xe.DISCONNECTED||e.state===Xe.CONNECTING))}i(Ii,"sortWalletsBasedOnConnectionState");function Ao(t,e=8,o=3){if(t.length<2*e+o)return t;let n=t.slice(0,e),r=t.slice(-e);return`${n}${".".repeat(o)}${r}`}i(Ao,"getConciseAddress");function Mi({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}i(Mi,"getAddress");var Li=i((t,e)=>({_blockchains:[],_tokens:[],_popularTokens:[],_swappers:[],blockchains:o=>{let n=e()._blockchains;if(!o||!o?.type)return n;let r=e().config,s=(o.type==="source"?r.from?.blockchains:r.to?.blockchains)??[];return n.filter(p=>!(s.length>0&&!s.includes(p.name)))},tokens:o=>{let n=e()._tokens;if(!o||!o?.type)return n;let r=e().config,s=(o.type==="source"?r.from?.tokens:r.to?.tokens)??[],a=e().blockchains({type:o.type});return n.filter(l=>s.length>0&&!s.some(u=>$e(u,l))||o.blockchain&&l.blockchain!==o.blockchain||!a.some(u=>u.name===l.blockchain)?!1:o.searchFor?!!(gt(l.symbol,o.searchFor)||gt(l.address||"",o.searchFor)||gt(l.name||"",o.searchFor)):!0).sort((l,u)=>e().isTokenPinned(l)?-1:e().isTokenPinned(u)||l.isSecondaryCoin?1:u.isSecondaryCoin||!l.address&&u.address?-1:l.address&&!u.address?1:0)},isTokenPinned:o=>!!e().config.pinnedTokens?.some(r=>$e(r,o)),fetch:async()=>{let o=await At().getAllMetadata(),n=[],r=[],s=o.popularTokens,a=o.swappers,p=new Set;o.tokens.forEach(l=>{p.add(l.blockchain),r.push(l)}),o.blockchains.forEach(l=>{l.enabled&&p.has(l.name)&&n.push(l)}),n.sort((l,u)=>l.sort-u.sort),t({_blockchains:n,_tokens:r,_popularTokens:s,_swappers:a})}}),"createDataSlice");var zp=Up()((...t)=>({...Li(...t),...yi(...t)})),Le=we(zp);var v=we(qp()(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"})}}})));import{create as Hp}from"zustand";import{persist as Gp,subscribeWithSelector as Vp}from"zustand/middleware";var Pe=we(Hp()(Gp(Vp((t,e)=>({notifications:[],setNotification:(o,n)=>{let r=n.steps[0],s=n.steps[n.steps.length-1],a={event:o,creationTime:Date.now(),read:!1,requestId:n.requestId,route:{from:{blockchain:r.fromBlockchain,tokenAddress:r.fromSymbolAddress,tokenSymbol:r.fromSymbol},to:{blockchain:s.toBlockchain,tokenSymbol:s.toSymbol,tokenAddress:s.toSymbolAddress}}},p=e().notifications.filter(l=>l.requestId!==n.requestId);t(()=>({notifications:[...p,a]}))},setAsRead:o=>{t(n=>({notifications:n.notifications.map(r=>r.requestId===o?{...r,read:!0}:r)}))},getUnreadNotifications:()=>e().notifications.filter(o=>!o.read)})),{name:"notification",skipHydration:!0})));import{create as Kp}from"zustand";var ve=we(Kp()(t=>({connectWalletsButtonDisabled:!1,selectedSwapRequestId:null,currentPage:"",setSelectedSwap:e=>t({selectedSwapRequestId:e}),setCurrentPage:e=>t({currentPage:e})})));import{styled as Bo}from"@rango-dev/ui";var Pi=Bo("div",{padding:"$10",width:"350px",minHeight:"150px"}),Di=Bo("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),_i=Bo("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),Fi=Bo("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as Xp}from"@lingui/core";import{Divider as jp,NoNotificationIcon as Yp,Typography as Rp}from"@rango-dev/ui";import Wo from"react";function $i(){return Wo.createElement(Fi,null,Wo.createElement(Yp,{color:"secondary",size:26}),Wo.createElement(jp,{size:12}),Wo.createElement(Rp,{variant:"body",size:"medium",color:"neutral900"},Xp.t("You have no notification")))}i($i,"NotificationNotFound");var ou=4;function qn(){let t=tu(),e=ve.use.setSelectedSwap(),{getUnreadNotifications:o}=Pe(),n=o(),{tokens:r,blockchains:s}=v.use.meta(),a=n.sort((l,u)=>u.creationTime-l.creationTime).slice(0,ou),p=i(l=>{e(l),t(`/swaps/${l}`)},"handleOnClick");return Oe.createElement(Pi,null,a.length?Oe.createElement(Di,null,a.map(l=>{let u=r.find(h=>h.address===l.route.from.tokenAddress&&h.blockchain===l.route.from.blockchain&&h.symbol===l.route.from.tokenSymbol),m=s.find(h=>h.name===l.route.from.blockchain),d=r.find(h=>h.address===l.route.to.tokenAddress&&h.blockchain===l.route.to.blockchain&&h.symbol===l.route.to.tokenSymbol),c=s.find(h=>h.name===l.route.to.blockchain);return Oe.createElement(Jp,{key:l.requestId,onClick:()=>p(l.requestId),title:Oe.createElement(eu,{variant:"body",size:"small",color:"$neutral900"},Qp.t(l.event.message)),id:l.requestId,start:Oe.createElement(_i,null,Oe.createElement("div",{className:"from-chain-token"},Oe.createElement(Oi,{tokenImage:u?u.image:"",chainImage:m?m.logo:"",size:"small"})),Oe.createElement("div",{className:"to-chain-token"},Oe.createElement(Oi,{tokenImage:d?d.image:"",chainImage:c?c.logo:"",size:"small"}))),end:Oe.createElement(Zp,{size:12,color:"gray"})})})):Oe.createElement($i,null))}i(qn,"NotificationContent");import{Typography as nu}from"@rango-dev/ui";import Ui from"react";function zi(){let{getUnreadNotifications:t}=Pe(),e=t().length;return e?Ui.createElement(mi,null,Ui.createElement(nu,{variant:"body",size:"xsmall",color:"$background"},e)):null}i(zi,"UnreadNotificationsBadge");function Hn(t){let{layoutRef:e,onClickRefresh:o,onClickHistory:n,onClickSettings:r,onClickNotifications:s}=t;return de.createElement(de.Fragment,null,de.createElement(Io,{container:ae(),side:"top",content:No.t("Refresh")},de.createElement(Fe,{variant:"ghost",size:"small",onClick:o,disabled:!o},de.createElement(su,{size:16,color:o?"black":"gray"}))),de.createElement(Io,{container:ae(),side:"top",content:No.t("Notifications")},de.createElement(iu,{align:"center",collisionBoundary:e,collisionPadding:{right:20,left:20},container:ae(),content:de.createElement(qn,null)},de.createElement(Fe,{size:"small",variant:"ghost",onClick:s},de.createElement(ru,{size:18,color:"black"}),de.createElement(zi,null)))),de.createElement(Io,{container:ae(),side:"top",content:No.t("Settings")},de.createElement(Fe,{size:"small",variant:"ghost",onClick:r},de.createElement(au,{size:18,color:"black"}))),de.createElement(Io,{container:ae(),side:"top",content:No.t("Transactions History")},de.createElement(Fe,{size:"small",variant:"ghost",onClick:n},de.createElement(lu,{size:18,color:"black"}))))}i(Hn,"HomeButtons");import{BottomLogo as cu,Divider as mu,Header as du}from"@rango-dev/ui";import ge from"react";import{useNavigate as fu}from"react-router-dom";import{create as pu}from"zustand";import{subscribeWithSelector as uu}from"zustand/middleware";var G=we(pu()(uu((t,e)=>({connectedWallets:[],customDestination:"",loading:!1,connectWallet:o=>{let n=e().getWalletsDetails;t(r=>({loading:!0,connectedWallets:r.connectedWallets.filter(s=>s.walletType!==o[0].walletType).concat(o.map(s=>{let a=!r.connectedWallets.find(p=>p.chain===s.chain&&p.selected);return{balances:[],address:s.address,chain:s.chain,explorerUrl:null,walletType:s.walletType,selected:a,loading:!0,error:!1}}))})),n(o)},disconnectWallet:o=>{t(n=>{let r=n.connectedWallets.filter(s=>s.selected&&s.walletType!==o).map(s=>s.chain);return{connectedWallets:n.connectedWallets.filter(s=>s.walletType!==o).map(s=>r.includes(s.chain)?s:(r.push(s.chain),{...s,selected:!0}))}})},selectWallets:o=>t(n=>({connectedWallets:n.connectedWallets.map(r=>{let s=!!o.find(p=>p.chain===r.chain&&p.walletType!==r.walletType&&r.selected),a=!!o.find(p=>p.chain===r.chain&&p.walletType===r.walletType&&!r.selected);return s?{...r,selected:!1}:a?{...r,selected:!0}:r})})),clearConnectedWallet:()=>t(()=>({connectedWallets:[],selectedWallets:[]})),getWalletsDetails:async(o,n=!0)=>{let r=e().getWalletsDetails,{tokens:s}=v.getState().meta;t(a=>({loading:!0,connectedWallets:a.connectedWallets.map(p=>o.find(l=>bo(l,p))?{...p,loading:!0}:p)}));try{let a=o.map(({address:u,chain:m})=>({address:u,blockchain:m})),l=(await At().getWalletsDetails(a)).wallets;if(l)t(u=>({loading:!1,connectedWallets:u.connectedWallets.map(m=>{let d=o.find(h=>bo(h,m)),c=l.find(h=>h.address===m.address&&h.blockChain===m.chain);return c?.failed&&d&&n&&r([d],!1),d&&c?{...m,explorerUrl:c.explorerUrl,balances:Bi(c,s)}:m})}));else throw new Error("Wallet not found")}catch{t(p=>({loading:!1,connectedWallets:p.connectedWallets.map(l=>o.find(u=>bo(u,l))?Wi(l):l)}))}}}))));import{styled as Gn}from"@rango-dev/ui";var qi=Gn("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",backgroundColor:"$neutral100",variants:{fixedHeight:{true:{height:"95vh"},false:{height:"auto"}}}}),Hi=Gn("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"}}}}),Gi=Gn("div",{backgroundColor:"$background","& .footer__content":{padding:"$0 $20"},"& .footer__logo":{padding:"$0 $20 $10 $20"}});function gu(t,e){let{children:o,header:n,footer:r,noPadding:s,hasLogo:a=!0,fixedHeight:p=!0}=t,l=G.use.connectedWallets(),u=ve.use.connectWalletsButtonDisabled(),m=fu(),d=i(()=>{u||m("/"+g.wallets)},"onConnectWallet");return ge.createElement(qi,{ref:e,fixedHeight:p,id:"swap-box"},ge.createElement(du,{prefix:ge.createElement(ge.Fragment,null,n.onBack&&ge.createElement(Dn,{onClick:n.onBack})),title:n.title,suffix:ge.createElement(ge.Fragment,null,n.suffix,n.hasConnectWallet&&ge.createElement($n,{container:ae(),onClick:d,isConnected:!!l?.length}),n.onCancel&&ge.createElement(Fn,{onClick:n.onCancel}))}),ge.createElement(Hi,{noPadding:s},o),(a||r)&&ge.createElement(Gi,null,ge.createElement("div",{className:"footer__content"},r),a&&ge.createElement("div",{className:"footer__logo"},ge.createElement(mu,{size:12}),ge.createElement(cu,null))))}i(gu,"LayoutComponent");var Q=ge.forwardRef(gu);Q.displayName="Layout";import{Alert as Cu,Button as ku,Divider as os,NoRouteIcon as Tu,RefreshIcon as wu,Typography as ns}from"@rango-dev/ui";import Ue from"react";import{i18n as Se}from"@lingui/core";var Vt=(r=>(r[r.ROUTE_UPDATED=0]="ROUTE_UPDATED",r[r.ROUTE_SWAPPERS_UPDATED=1]="ROUTE_SWAPPERS_UPDATED",r[r.ROUTE_COINS_UPDATED=2]="ROUTE_COINS_UPDATED",r[r.ROUTE_AND_OUTPUT_AMOUNT_UPDATED=3]="ROUTE_AND_OUTPUT_AMOUNT_UPDATED",r))(Vt||{});var z={genericServerError:Se.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:Se.t("Please reset your liquidity sources."),description:Se.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources")},noRoutesError:{title:Se.t("No Routes Found"),description:"Reasons why Rango couldn't find a route: low liquidity on token, very low input amount or no routes available for the selected input/output token combination."},bridgeLimitErrors:{increaseAmount:Se.t("Bridge Limit Error: Please increase your amount"),decreaseAmount:Se.t("Bridge Limit Error: Please decrease your amount")},highValueLossError:{impactTitle:Se.t("High Price Impact"),title:Se.t("Price impact is too high!"),description:Se.t("The price impact is significantly higher than the allowed amount. If you are sure, continue, otherwise, change the swap."),confirmMessage:Se.t("Confirm High price impact")},routeUpdatedWithHighValueLoss:{title:Se.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:Se.t("USD Price Unknown"),title:Se.t("USD Price Unknown, Cannot calculate Price Impact."),description:Se.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:Se.t("Confirm USD Price Unknown")}};function Mo(t){switch(t.type){case 0:return t.diagnosisMessage??z.noRoutesError.title;case 2:return z.genericServerError;case 1:return z.routeUpdatedWithHighValueLoss.title;default:return""}}i(Mo,"getConfirmSwapErrorMessage");import{create as hu}from"zustand";import{persist as yu,subscribeWithSelector as Su}from"zustand/middleware";var Ki=[.5,1,3],Xi=1,ji=5,Yi=100,Ri=0;var O=we(hu()(yu(Su(t=>({slippage:Xi,customSlippage:null,infiniteApprove:!1,affiliateRef:null,affiliatePercent:null,affiliateWallets:null,disabledLiquiditySources:[],theme:"auto",setSlippage:e=>t(()=>({slippage:e})),setCustomSlippage:e=>t(()=>({customSlippage:e})),setAffiliateRef:e=>t(()=>({affiliateRef:e})),setAffiliatePercent:e=>t(()=>({affiliatePercent:e})),setAffiliateWallets:e=>t(()=>({affiliateWallets:e})),toggleAllLiquiditySources:e=>t(o=>{if(e)return{disabledLiquiditySources:[]};let{swappers:n}=v.getState().meta,r=Et(n.map(s=>s.swapperGroup));return r.length===o.disabledLiquiditySources.length?{disabledLiquiditySources:[]}:{disabledLiquiditySources:r}}),toggleInfiniteApprove:()=>t(e=>({infiniteApprove:!e.infiniteApprove})),toggleLiquiditySource:e=>t(o=>o.disabledLiquiditySources.includes(e)?{disabledLiquiditySources:o.disabledLiquiditySources.filter(n=>n!=e)}:{disabledLiquiditySources:o.disabledLiquiditySources.concat(e)}),setTheme:e=>t(()=>({theme:e}))})),{name:"user-settings",skipHydration:!0})));import{i18n as Qi}from"@lingui/core";function Zi(t,e,o,n,r){return o?{alert:{type:"warning",text:z.genericServerError,action:{onClick:r,title:Qi.t("Retry")}},description:""}:t?{alert:{type:"error",text:t,action:null},description:""}:e.length?{alert:{type:"warning",text:z.liquiditySourcesError.title,action:{onClick:()=>n(!0),title:Qi.t("Reset")}},description:z.liquiditySourcesError.description}:{alert:null,description:z.noRoutesError.description}}i(Zi,"makeInfo");import{styled as Vn}from"@rango-dev/ui";var Ji=Vn("div",{display:"flex",flexDirection:"column",alignItems:"center"}),es=Vn("div",{width:"100%"}),ts=Vn("div",{padding:"$6 $0"});function Kt(t){let{diagnosisMessage:e,fetch:o,error:n}=t,r=O.use.disabledLiquiditySources(),s=v.use.loadingStatus(),a=O.use.toggleAllLiquiditySources(),l=Zi(e??null,r,n||s==="failed",a,o);return Ue.createElement(Ji,null,Ue.createElement(Tu,{size:24,color:"gray"}),Ue.createElement(os,{size:4}),Ue.createElement(ns,{variant:"title",size:"small"},z.noRoutesError.title),!!l.description&&Ue.createElement(ns,{variant:"body",size:"small",align:"center",color:"neutral900"},l.description),Ue.createElement(os,{size:4}),!!l.alert&&Ue.createElement(es,null,Ue.createElement(Cu,{type:l.alert.type,title:l.alert.text,action:l.alert.action&&Ue.createElement(ku,{size:"xsmall",type:l.alert.type,prefix:Ue.createElement(ts,null,Ue.createElement(wu,{size:8})),onClick:l.alert.action.onClick},l.alert.action.title),variant:"alarm"})))}i(Kt,"NoRoutes");import{Alert as Ws,Divider as Du,InfoIcon as _u}from"@rango-dev/ui";import He from"react";import ct from"bignumber.js";import{create as Bu}from"zustand";import{subscribeWithSelector as Wu}from"zustand/middleware";import MS from"bignumber.js";function Kn(t,e,o){return o&&t.find(n=>{let r=e?.split("--");return r?.length===1?n.symbol===r[0]&&n.address===null&&n.blockchain===o.name:n.symbol===r?.[0]&&n.address===r?.[1]&&n.blockchain===o.name})||null}i(Kn,"searchParamsToToken");function rs(t){return t?.result?.swaps[t?.result?.swaps.length-1].to.usdPrice}i(rs,"getBestRouteToTokenUsdPrice");function Xn(t,e){let o=t.result?.swaps||[],n=e.result?.swaps||[];return o.length!==n.length}i(Xn,"isNumberOfSwapsChanged");function jn(t,e){let o=t.result?.swaps.map(r=>r.swapperId)||[],n=e.result?.swaps.map(r=>r.swapperId)||[];return!On(o,n)}i(jn,"isRouteSwappersUpdated");function Yn(t,e){let o=t.result?.swaps.map(r=>r.to.symbol)||[],n=e.result?.swaps.map(r=>r.to.symbol)||[];return!On(o,n)}i(Yn,"isRouteInternalCoinsUpdated");function is(t,e){return Xn(t,e)||jn(t,e)||Yn(t,e)}i(is,"isRouteChanged");function ss(t,e){if(e===null)return null;let o=e?.find(n=>n.blockchain===t.chain)?.wallets.find(n=>n.address?.toLowerCase()===t.address.toLowerCase());return o?o.requiredAssets:null}i(ss,"getRequiredBalanceOfWallet");function as(t){if(!t)return null;let e=(t.result?.swaps||[]).map(o=>({...o,fromAmount:k(o.fromAmount,6,6),toAmount:k(o.toAmount,6,6)}));return{...t,...t.result&&{result:{...t.result,swaps:e}}}}i(as,"getFormattedBestRoute");function It(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}i(It,"getPriceImpactLevel");import{i18n as ze}from"@lingui/core";import{PendingSwapNetworkStatus as Fo}from"@rango-dev/queue-manager-rango-preset";import be from"bignumber.js";function ls(t,e){return e.find(o=>o.name===t)?.displayName}i(ls,"getBlockchainDisplayNameFor");function Je(t,e){return e.find(o=>o.name===t)?.shortName}i(Je,"getBlockchainShortNameFor");function ps(t,e){return t.result?.swaps.map(o=>({swapper:{displayName:o.swapperId,image:o.swapperLogo},from:{token:{displayName:o.from.symbol,image:o.from.logo},chain:{displayName:Je(o.from.blockchain,e)??"",image:o.from.blockchainLogo},price:{value:k(o.fromAmount,6,6),usdValue:k(o.from.usdPrice?.toString(),4,4)}},to:{token:{displayName:o.to.symbol,image:o.to.logo},chain:{displayName:Je(o.to.blockchain,e)??"",image:o.to.blockchainLogo},price:{value:k(o.toAmount,6,6),usdValue:k(o.to.usdPrice?.toString(),4,4)}}}))}i(ps,"formatBestRoute");function Po(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,s=e[e.length-1];n!=s&&e.push(n),s=e[e.length-1],r!=s&&e.push(r)}),e}i(Po,"getRequiredWallets");function Do(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}i(Do,"isValidAddress");import{i18n as _o}from"@lingui/core";var ht={connectWallet:_o.t("Connect Wallet"),swap:_o.t("Swap"),swapAnyway:_o.t("Swap anyway"),ethRouteWarning:_o.t("The route goes through Ethereum. Continue?")};function Uo(t,e){return!t||!e||t.lte(Me)||e.lte(Me)?0:e.div(t).minus(1).multipliedBy(100)}i(Uo,"getOutputRatio");function zo(t,e){return(parseInt(e.toFixed(2)||"0")<=-10&&t?.gte(new be(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new be(1e3)))??!1}i(zo,"outputRatioHasWarning");function qo(t){return(t?.result?.swaps||[]).filter(e=>{let o=e.fromAmountMinValue?new be(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new be(e.fromAmountMaxValue):null;return e.fromAmountRestrictionType==="EXCLUSIVE"?o?.gte(e.fromAmount)||n?.lte(e.fromAmount):o?.gt(e.fromAmount)||n?.lt(e.fromAmount)}).length>0}i(qo,"hasLimitError");function Ho(t){if(!t)return{swap:null,fromAmountRangeError:"",recommendation:""};let e=(t?.result?.swaps||[]).filter(p=>{let l=p.fromAmountMinValue?new be(p.fromAmountMinValue):null,u=p.fromAmountMaxValue?new be(p.fromAmountMaxValue):null;return p.fromAmountRestrictionType==="EXCLUSIVE"?l?.gte(p.fromAmount)||u?.lte(p.fromAmount):l?.gt(p.fromAmount)||u?.lt(p.fromAmount)})[0];if(!e)return{swap:null,fromAmountRangeError:"",recommendation:""};let o=e.fromAmountMinValue?new be(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new be(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",s="",a="";return!r&&o&&o.gt(e.fromAmount)?(s=ze.t({id:"requiredEqualMin",message:"Required: >= {min} {symbol}",values:{min:k(o,6,6),symbol:e.from.symbol}}),a=z.bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(s=ze.t({id:"requiredMin",message:"Required: > {min} {symbol}",values:{min:k(o,6,6),symbol:e.from.symbol}}),a=z.bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(s=ze.t({id:"requiredEqualMax",message:"Required: <= {max} {symbol}",values:{max:k(n,6,6),symbol:e.from.symbol}}),a=z.bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(s=ze.t({id:"requiredMax",message:"Required: < {max} {symbol}",values:{max:k(n,6,6),symbol:e.from.symbol}}),a=z.bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:s,recommendation:a}}i(Ho,"LimitErrorMessage");function us(t,e,o,n,r,s,a,p,l){return t!=="success"?{title:ht.connectWallet,state:"waitForConnecting",disabled:!0}:e.length==0?{title:ht.connectWallet,state:"waitForConnecting",disabled:!1}:o||!n||!n.result||r||!l||l==="0"?{title:ht.swap,disabled:!0,state:"swap"}:s||a?{title:ht.swapAnyway,disabled:!1,hasWarning:!0,state:"needToConfirm"}:p?{title:ht.ethRouteWarning,disabled:!1,hasWarning:!0,state:"warning"}:{title:ht.swap,disabled:!1,state:"swap"}}i(us,"getSwapButtonState");function Rn(t,e,o){return!((!o||o.lte(Me))&&t?.result&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t.result)}i(Rn,"canComputePriceImpact");function xu(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,s=e[e.length-1];n!=s&&e.push(n),s=e[e.length-1],r!=s&&e.push(r)}),e}i(xu,"requiredWallets");var Eu=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice");function Au(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 s=Eu(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new be(r.amount).multipliedBy(s||0))}return o}i(Au,"getUsdFeeOfStep");function Go(t,e){return t?.result?.swaps.reduce((o,n)=>o.plus(Au(n,e)),Me)||null}i(Go,"getTotalFeeInUsd");function cs(t){return t.result?.swaps.map(o=>o.recommendedSlippage)?.map(o=>o?.slippage||"0")?.filter(o=>parseFloat(o)>0)?.sort((o,n)=>parseFloat(n)-parseFloat(o))?.find(()=>!0)||null}i(cs,"getMinRequiredSlippage");function ms(t,e){return e?parseFloat(t)>=parseFloat(e):!0}i(ms,"hasProperSlippage");function Vo(t){let{fromToken:e,toToken:o,inputAmount:n,wallets:r,selectedWallets:s,disabledLiquiditySources:a,slippage:p,affiliateRef:l,affiliatePercent:u,affiliateWallets:m,initialRoute:d,destination:c}=t,h=s?.reduce((f,w)=>(f[w.chain]=w.address,f),{}),C=[];r?.forEach(f=>{let w=C.find(b=>b.blockchain===f.chain);w?w.addresses.push(f.address):C.push({blockchain:f.chain,addresses:[f.address]})});let y=!!d,S=Et((d?.result?.swaps||[]).reduce((f,w)=>(f.push(w.from.blockchain,w.to.blockchain),w.internalSwaps&&Array.isArray(w.internalSwaps)&&w.internalSwaps.map(b=>{f.push(b.from.blockchain,b.to.blockchain)}),f),[]));return{amount:n.toString(),affiliateRef:l??void 0,affiliatePercent:u??void 0,affiliateWallets:m??void 0,checkPrerequisites:y,from:{address:e.address,blockchain:e.blockchain,symbol:e.symbol},to:{address:o.address,blockchain:o.blockchain,symbol:o.symbol},connectedWallets:C,selectedWallets:h??{},slippage:p.toString(),...c&&{destination:c},...a.length>0&&{swapperGroups:a,swappersGroupsExclude:!0},...y&&{blockchains:S}}}i(Vo,"createBestRouteRequestBody");function ds(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}i(ds,"getWalletsForNewSwap");function Mt(t){return t?.result?.outputAmount||null}i(Mt,"getRouteOutputAmount");function et(t,e){return!t||!e?null:new be(e).div(new be(t)).minus(1).multipliedBy(100)}i(et,"getPercentageChange");function fs(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}i(fs,"isOutputAmountChangedALot");function gs(t,e){let o=t.validationStatus,n=Ai(t);return e.sort((s,a)=>n.indexOf(s.chain)-n.indexOf(a.chain)).flatMap(s=>ss(s,o)||[]).filter(s=>!s.ok).map(s=>{let a=s.asset.symbol,p=k(new be(s.currentAmount.amount).shiftedBy(-s.currentAmount.decimals),8,8),l=k(new be(s.requiredAmount.amount).shiftedBy(-s.requiredAmount.decimals),8,8),u="";return s.reason==="FEE"&&(u=ze.t(" for network fee")),s.reason==="INPUT_ASSET"&&(u=ze.t(" for swap")),s.reason==="FEE_AND_INPUT_ASSET"&&(u=ze.t(" for input and network fee")),ze.t({id:"balanceWarningMessage",message:"Needs \u2248 {requiredAmount} {symbol}{reason}, but you have {currentAmount} {symbol} in your {blockchain} wallet.",values:{requiredAmount:l,symbol:a,reason:u,currentAmount:p,blockchain:s.asset.blockchain}})})}i(gs,"getBalanceWarnings");function hs(t,e){return(t?new be(t):Me).multipliedBy(e||0)}i(hs,"calcOutputUsdValue");function Xt(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==Fo.NetworkChanged}i(Xt,"isNetworkStatusInWarningState");function ys(t,e){let o="bellow button or",n=t.extraMessage,r=t.extraMessageDetail;if(t.networkStatusExtraMessageDetail?.includes(o)&&(t.networkStatusExtraMessageDetail=t.networkStatusExtraMessageDetail.replace(o,"")),Xt(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case Fo.WaitingForConnectingWallet:n=n||ze.t("Waiting for connecting wallet");break;case Fo.WaitingForQueue:n=n||ze.t("Waiting for other running tasks to be finished");break;case Fo.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}}}i(ys,"getSwapMessages");function Ss(t){let e=null;if(t.status==="failed"){let o=t.steps.slice().reverse().filter(n=>n.status==="success")[0];o&&(e={blockchain:o.toBlockchain,symbol:o.toSymbol,outputAmount:o.outputAmount,address:o.toSymbolAddress})}return e}i(Ss,"getLastConvertedTokenInFailedSwap");function Cs(t){return t.status==="failed"&&!!t.finishTime&&new Date().getTime()-parseInt(t.finishTime)<4*3600*1e3}i(Cs,"shouldRetrySwap");function ks(t,e,o,n,r,s){return t||!e&&!xu(n).every(a=>r.map(p=>p.chain).includes(a))||!!e&&!o||!!e&&!!o&&s&&!Do(s,o)}i(ks,"confirmSwapDisabled");var Ko=i((t,e)=>t?.usdPrice?new ct(e||Me).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),P=we(Bu()(Wu(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new ct(0),outputUsdValue:new ct(0),toBlockchain:null,toToken:null,bestRoute:null,routeWalletsConfirmed:!1,selectedWallets:[],customDestination:"",setRoute:e=>t(o=>{let n=null,r=Me;return Gt(o.inputAmount)?(e&&(n=e.result?.outputAmount?new ct(e.result?.outputAmount):null,r=hs(e.result?.outputAmount,rs(e)||o.toToken?.usdPrice)),{bestRoute:e,...!!e&&{outputAmount:n,outputUsdValue:r}}):{}}),resetRoute:()=>t(()=>({bestRoute:null,outputAmount:null,outputUsdValue:new ct(0)})),setFromBlockchain:e=>{t(o=>o.fromBlockchain?.name===e?.name?{}:{fromBlockchain:e,...o.fromToken&&{bestRoute:null,fromToken:null,outputAmount:null,outputUsdValue:null}})},setFromToken:e=>{let{blockchains:o}=v.getState().meta,n=o.find(r=>r.name===e?.blockchain)??null;return t(r=>({fromToken:e,fromBlockchain:n,...!!r.inputAmount&&{inputUsdValue:Ko(e,r.inputAmount)}}))},setToBlockchain:e=>{t(o=>o.toBlockchain?.name===e?.name?{}:{toBlockchain:e,...o.toToken&&{bestRoute:null,toToken:null,outputAmount:null,outputUsdValue:null}})},setToToken:e=>{let{blockchains:o}=v.getState().meta,n=o.find(r=>r.name===e?.blockchain)??null;return t(()=>({toToken:e,toBlockchain:n}))},setInputAmount:e=>{t(o=>({inputAmount:e,...!e&&{outputAmount:new ct(0),outputUsdValue:new ct(0),bestRoute:null},...!!o.fromToken&&{inputUsdValue:Ko(o.fromToken,e)}}))},retry:e=>{let{tokens:o,blockchains:n}=v.getState().meta,r=e.status==="failed"?e.steps.findIndex(c=>c.status==="failed"):null;if(r===null||r<0)return;let s=e.steps[0],a=e.steps[e.steps.length-1],p=n.find(c=>c.name===s.fromBlockchain)||null,l=n.find(c=>c.name===a.toBlockchain)||null,u=o.find(c=>$e(c,{blockchain:s.fromBlockchain,symbol:s.fromSymbol,address:s.fromSymbolAddress})),m=o.find(c=>$e(c,{blockchain:a.toBlockchain,symbol:a.toSymbol,address:a.toSymbolAddress})),d=e.inputAmount;t({fromBlockchain:p,fromToken:u,inputAmount:d,outputAmount:null,inputUsdValue:Ko(u||null,d),outputUsdValue:new ct(0),toBlockchain:l,toToken:m,bestRoute:null})},switchFromAndTo:()=>t(e=>({fromBlockchain:e.toBlockchain,fromToken:e.toToken,toBlockchain:e.fromBlockchain,toToken:e.fromToken,inputAmount:e.outputAmount?.toString()||"",inputUsdValue:Ko(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 Xo}from"@rango-dev/ui";var Ts=Xo("div",{width:"100%",paddingTop:"$10"}),Qn=Xo("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),ws=Xo("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%"}),vs=Xo("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});import{i18n as jt}from"@lingui/core";import{Button as Nu,Divider as Es,MessageBox as As,Modal as Iu,Typography as Mu,WarningIcon as Lu}from"@rango-dev/ui";import qe from"react";import{useNavigate as Pu}from"react-router-dom";import{Typography as bs}from"@rango-dev/ui";import Zn from"react";function xs(t){let{title:e,value:o,valueColor:n}=t;return Zn.createElement(ws,null,Zn.createElement(bs,{size:"medium",variant:"label",color:"neutral800"},e),Zn.createElement(bs,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}i(xs,"RouteErrorsModalItem");function Bs(t){let{highValueLoss:e,open:o,onToggle:n,percentageChange:r,inputUsdValue:s,outputUsdValue:a,totalFeeInUsd:p}=t,l=Pu(),u=e&&r?.lt(-10)?"error":"warning",m=[{title:jt.t("Swapping"),value:k(s,4,4)},{title:jt.t("Gas cost"),value:k(p,2,2)},{title:jt.t("Receiving"),value:k(a,4,4)},{title:jt.t("Price impact"),value:k(r,2,2),valueColor:`${u}500`}];return qe.createElement(Iu,{open:o,onClose:()=>n(!1),container:document.getElementById("swap-box")||document.body},e?qe.createElement(As,{type:u,title:z.highValueLossError.impactTitle,description:z.highValueLossError.description}):qe.createElement(As,{type:u,title:z.unknownPriceError.impactTitle,description:z.unknownPriceError.description}),e&&qe.createElement(Qn,null,qe.createElement(Es,{size:20}),qe.createElement(Mu,{size:"small",variant:"title"},jt.t("Details")),qe.createElement(Qn,null,m.map((d,c)=>qe.createElement(xs,{key:c,...d})))),qe.createElement(Es,{size:32}),qe.createElement(Nu,{type:"primary",size:"large",prefix:qe.createElement(Lu,null),fullWidth:!0,onClick:()=>{l(g.confirmSwap)}},e?z.highValueLossError.confirmMessage:z.unknownPriceError.confirmMessage))}i(Bs,"RouteErrorsModal");var Fu=-10;function Jn(t){let{bestRoute:e}=P(),{highValueLoss:o,percentageChange:n,priceImpactCanNotBeComputed:r,openModal:s,onToggle:a,totalFeeInUsd:p,outputUsdValue:l,inputUsdValue:u,loading:m,extraSpace:d}=t,c=qo(e),{recommendation:h}=Ho(e),C=!c&&(o||r),y=C||c;return He.createElement(He.Fragment,null,(m||d&&!y)&&He.createElement(Du,{size:20}),y&&He.createElement(Ts,null,C&&He.createElement(He.Fragment,null,He.createElement(Ws,{title:o?z.highValueLossError.title:z.unknownPriceError.title,type:o&&n?.lt(Fu)?"error":"warning",variant:"alarm",action:He.createElement(vs,{onClick:()=>a(!0)},He.createElement(_u,{size:12,color:"gray"}))})),c&&He.createElement(Ws,{type:"error",variant:"alarm",title:h})),He.createElement(Bs,{highValueLoss:o,open:s,onToggle:a,percentageChange:n,inputUsdValue:u,outputUsdValue:l,totalFeeInUsd:p}))}i(Jn,"RouteErrors");import{ReverseIcon as $u,styled as Ns}from"@rango-dev/ui";import er from"react";var Ou=Ns("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),Uu=Ns("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 Is(){let t=P.use.switchFromAndTo();return er.createElement(Ou,null,er.createElement(Uu,{onClick:()=>{t()}},er.createElement($u,{size:12})))}i(Is,"SwitchFromAndToButton");import{useEffect as Ms,useRef as Hu,useState as Ls}from"react";import{useRef as zu,useState as qu}from"react";function jo(){let[t,e]=qu(!1),o=zu(null),n=i(()=>o.current?.abort(),"cancel");return{fetch:i(async s=>{n(),o.current=new AbortController,e(!0);try{let a=await At().getBestRoute(s,{signal:o.current.signal});return o.current=null,a}catch(a){throw a}finally{e(!1)}},"fetch"),loading:t,cancelFetch:n}}i(jo,"useFetchBestRoute");var Gu=600;function Ps(){let{fetch:t,cancelFetch:e}=jo(),[o,n]=Ls(!1),{fromToken:r,toToken:s,inputAmount:a,inputUsdValue:p,resetRoute:l,setRoute:u}=P(),{slippage:m,customSlippage:d,affiliatePercent:c,affiliateRef:h,affiliateWallets:C,disabledLiquiditySources:y}=O(),[S,T]=Ls(""),f=Hu(y),w=d??m,x=!r||!s||$e(r,s)||!Gt(a),W=i(()=>{if(o||n(!0),!x){l();let A=Vo({fromToken:r,toToken:s,inputAmount:a,disabledLiquiditySources:y,slippage:w,affiliateRef:h,affiliatePercent:c,affiliateWallets:C});t(A).then($=>{n(!1),u($)}).catch($=>{l(),$?.code!=="ERR_CANCELED"&&(T($.message),n(!1))})}},"fetch"),F=gi(()=>{x||W()},Gu);return Ms(()=>{if(!Gt(a)||p?.eq(0)){n(!1),e();return}if(!x)return l(),n(!0),F(),e},[a,x]),Ms(()=>{let A=!!f.current.length&&!y.length;return!x&&A&&W(),f.current=y,e},[y.length]),{fetch:W,loading:o,error:S}}i(Ps,"useSwapInput");var ec=Lt("div",{display:"flex",flexDirection:"column",overflowY:"visible"}),tc=Lt("div",{position:"relative"}),oc=Lt("div",{display:"flex",flexDirection:"column",gap:5,alignSelf:"stretch"}),_s=Lt("div",{width:"100%",paddingTop:"$2"}),nc=Lt("div",{paddingBottom:"$15"}),rc=Lt("div",{width:"100%",display:"flex"});function Ro(){let t=Ju(),{fetch:e,loading:o,error:n}=Ps(),{fromToken:r,fromBlockchain:s,toToken:a,toBlockchain:p,setInputAmount:l,inputAmount:u,inputUsdValue:m,outputAmount:d,outputUsdValue:c,bestRoute:h,resetRouteWallets:C}=P(),{meta:{tokens:y,blockchains:S},loadingStatus:T}=v(),f=G.use.connectedWallets(),w=ve.use.setCurrentPage(),[b,x]=Zu(!1),{fromAmountRangeError:W,swap:F,recommendation:A}=Ho(h),$=Qu(null),X=!!Number(u)&&(!!h||o||!!n),oe=!1,B=Uo(m,c),J=zo(m,B),H=!Rn(h,u,m),ne=!Rn(h,u,c),L=us(T,f,o,h,qo(h),J,H||ne,oe,u),me=s&&r?k(Nt(f,s?.name,r?.symbol,r?.address)?.amount||"0",8,8):"0",Ne=s&&r?k(Nt(f,s?.name,r?.symbol,r?.address)?.amount||"0",Nt(f,s?.name,r?.symbol,r?.address)?.decimal):"0";Ru(()=>(w(g.home),C(),w.bind(null,"")),[]);let U=!m||!c||!c.gt(0)?null:et(m.toNumber(),c.toNumber()),j=i(_e=>_e.map((se,ft)=>({swapper:{displayName:se.swapperId,image:se.swapperLogo},from:{token:{displayName:se.from.symbol,image:se.from.logo},chain:{displayName:Je(se.from.blockchain,S)??"",image:se.from.blockchainLogo},price:{value:ft===0?k(u,6,6):se.fromAmount}},to:{token:{displayName:se.to.symbol,image:se.to.logo},chain:{displayName:Je(se.to.blockchain,S)??"",image:se.to.blockchainLogo},price:{value:se.toAmount}},alerts:se.swapperId===F?.swapperId?Y.createElement(nc,null,Y.createElement(Vu,{type:"error",title:A,footer:Y.createElement(rc,null,Y.createElement(or,{size:"xsmall",variant:"body",color:"neutral900"},W),Y.createElement(tr,{direction:"horizontal",size:8}),Y.createElement(or,{size:"xsmall",variant:"body",color:"neutral900"},"|"),Y.createElement(tr,{direction:"horizontal",size:8}),Y.createElement(or,{size:"xsmall",variant:"body",color:"neutral900"},Yo.t({id:"yourSymbol",message:"Yours: {amount} {symbol}",values:{amount:k(F?.fromAmount||null,6,6),symbol:se?.from.symbol}})))})):void 0})),"getBestRouteSteps"),Ie=Go(h,y),Te=as(h);return Y.createElement(Q,{ref:$,fixedHeight:!1,hasLogo:!0,footer:Y.createElement(ju,{type:"primary",size:"large",disabled:L.disabled,prefix:!L.disabled&&L.hasWarning&&Y.createElement(Yu,null),fullWidth:!0,onClick:()=>{L.state==="waitForConnecting"?t(g.wallets):L.state==="needToConfirm"?x(!0):t(g.confirmSwap)}},L.title),header:{hasConnectWallet:!0,title:Yo.t("Swap"),suffix:Y.createElement(Hn,{layoutRef:$.current,onClickRefresh:h||n?e:void 0,onClickHistory:()=>t(g.swaps),onClickSettings:()=>t(g.settings)})}},Y.createElement(ec,null,Y.createElement(oc,null,Y.createElement(tc,null,Y.createElement(Ds,{label:Yo.t("From"),mode:"From",onInputChange:l,balance:me,chain:{displayName:s?.displayName||"",image:s?.logo||""},token:{displayName:r?.symbol||"",image:r?.image||""},onClickToken:()=>t("from-swap"),price:{value:u,usdValue:H?void 0:k(m,4,4),error:H?z.unknownPriceError.impactTitle:void 0},disabled:T==="failed",loading:T==="loading",onSelectMaxBalance:()=>{me!=="0"&&l(Ne.split(",").join(""))}}),Y.createElement(Is,null)),Y.createElement(Ds,{sharpBottomStyle:!!h?.result||o,label:Yo.t("To"),mode:"To",chain:{displayName:p?.displayName||"",image:p?.logo||""},token:{displayName:a?.symbol||"",image:a?.image||""},percentageChange:U?.lt(0)?k(U,2,2):null,warningLevel:It(U?.toNumber()??0),price:{value:k(d,6,6),usdValue:ne?void 0:k(c,4,4),error:ne?z.unknownPriceError.impactTitle:void 0},onClickToken:()=>t("to-swap"),disabled:T==="failed",loading:T==="loading"})),o&&Y.createElement(_s,null,Y.createElement(Xu,{type:"basic"})),X&&!o&&Te?.result?.swaps?.length?Y.createElement(_s,null,Y.createElement(Ku,{type:"basic",recommended:!0,tooltipContainer:ae(),input:{value:k(u,6,6),usdValue:k(m,4,4)},output:{value:k(d,6,6),usdValue:k(c,4,4)},steps:j(Te.result.swaps),percentageChange:k(U,2,2),totalFee:k(Ie,2,2),totalTime:Bt(Wt(h?.result?.swaps))})):X&&!o?Y.createElement(Y.Fragment,null,Y.createElement(tr,{size:20}),Y.createElement(Kt,{diagnosisMessage:Te?.diagnosisMessages?.[0],fetch:e,error:!!n})):null),Y.createElement(Jn,{openModal:b,onToggle:x,totalFeeInUsd:Ie,outputUsdValue:c,inputUsdValue:m,percentageChange:U,highValueLoss:J,priceImpactCanNotBeComputed:H||ne,loading:o||T==="loading",extraSpace:!!h?.result||!h}))}i(Ro,"Home");import{useEffect as nr,useRef as rr}from"react";import{createSearchParams as ic,useLocation as sc,useSearchParams as ac}from"react-router-dom";import{useEffect as Qo,useRef as Zo}from"react";function Fs(t){let{setInputAmount:e,setToToken:o,setToBlockchain:n,setFromBlockchain:r,setFromToken:s}=P(),{meta:{tokens:a,blockchains:p},loadingStatus:l}=v(),{setAffiliateRef:u,setAffiliatePercent:m,setAffiliateWallets:d}=O(),c=Zo(void 0),h=Zo(void 0),C=Zo(void 0),y=Zo(void 0);Qo(()=>{e(t?.amount?.toString()||"")},[t?.amount]),Qo(()=>{if(l==="success"){let S=p.find(f=>f.name===t?.from?.blockchain),T=a.find(f=>$e(f,t?.from?.token||null));(S||!S&&C.current)&&r(S??null),(T||!T&&c.current)&&s(T??null),C.current=t?.from?.blockchain,c.current=t?.from?.token}},[t?.from?.token?.symbol,t?.from?.token?.address,t?.from?.blockchain,t?.from?.blockchain,l]),Qo(()=>{if(l==="success"){let S=p.find(f=>f.name===t?.to?.blockchain),T=a.find(f=>$e(f,t?.to?.token||null));(S||!S&&y.current)&&n(S??null),(T||!T&&h.current)&&o(T??null),y.current=t?.to?.blockchain,h.current=t?.to?.token}},[t?.to?.token?.symbol,t?.to?.token?.address,t?.to?.token?.blockchain,t?.to?.blockchain,l]),Qo(()=>{u(t?.affiliate?.ref??null),m(t?.affiliate?.percent??null),d(t?.affiliate?.wallets??null)},[t?.affiliate?.ref,t?.affiliate?.percent,t?.affiliate?.wallets])}i(Fs,"useSyncStoresWithConfig");function $s(t){let e=rr(!0),[o,n]=ac(),r=sc(),s=rr(r.search),a=rr({}),p=P.use.fromBlockchain(),l=P.use.toBlockchain(),u=P.use.fromToken(),m=P.use.toToken(),d=P.use.setFromBlockchain(),c=P.use.setFromToken(),h=P.use.setToBlockchain(),C=P.use.setToToken(),y=P.use.inputAmount(),S=P.use.setInputAmount(),T=v.use.loadingStatus(),{blockchains:f,tokens:w}=v.use.meta(),b=ve.use.setSelectedSwap();return Fs(t.config),nr(()=>{let x={};ic(s.current).forEach((F,A)=>{x[A]=F}),a.current=x;let W=r.pathname.split(g.swaps+"/")[1]||null;W&&b(W)},[]),nr(()=>{if(!e.current){let x="",W="",F="",A="",$="";if(T!=="success")x=a.current["fromBlockchain"],W=a.current["fromToken"],F=a.current["toBlockchain"],A=a.current["toToken"],$=a.current["fromAmount"]||y;else{if(r.state==="redirect")return;x=p?.name||"",W=(u?.symbol||"")+(u?.address?`--${u?.address}`:""),F=l?.name||"",A=(m?.symbol||"")+(m?.address?`--${m?.address}`:""),$=y}n({...x&&{["fromBlockchain"]:x},...W&&{["fromToken"]:W},...F&&{["toBlockchain"]:F},...A&&{["toToken"]:A},...$&&{["fromAmount"]:$.toString()}},{replace:!0})}e.current=!1},[r.pathname,y,p,u,l,m]),nr(()=>{if(T==="success"){let x=o.get("fromBlockchain"),W=o.get("fromToken"),F=o.get("toBlockchain"),A=o.get("toToken"),$=o.get("fromAmount"),X=f.find(H=>H.name===x),oe=Kn(w,W,X||null),B=f.find(H=>H.name===F),J=Kn(w,A,B||null);X&&(d(X),oe&&c(oe)),B&&(h(B),J&&C(J)),$&&S($)}},[T]),null}i($s,"UpdateUrl");function yc(t){let e=gc(),o=hc(),n=mc(!0),r=e.pathname.split("/"),a=r[r.length-1]===g.confirmSwap&&n.current;return cc(()=>{a&&o("."),n.current=!1},[]),a?yt.createElement(Ro,null):yt.createElement(yt.Fragment,null," ",t.children)}i(yc,"Route");function Os({children:t,...e}){let o=fc(),n=o?yc:dc,{blockchains:r}=v.use.meta(),{canSwitchNetworkTo:s}=pc(),a=r.filter(uc);return lc({lastConnectedWallet:e.lastConnectedWallet,clearDisconnectedWallet:e.clearDisconnectedWallet,disconnectedWallet:e.disconnectedWallet,evmChains:a,canSwitchNetworkTo:s}),yt.createElement(yt.Fragment,null,yt.createElement(n,null,t),o&&yt.createElement($s,{config:e.config}))}i(Os,"AppRouter");import We from"react";import{useRoutes as qf}from"react-router-dom";import{i18n as je}from"@lingui/core";import{useManager as cm}from"@rango-dev/queue-manager-react";import{Alert as dr,BestRoute as mm,BestRouteSkeleton as dm,Button as an,Divider as $t,IconButton as xa,MessageBox as fm,Modal as gm,RefreshIcon as hm,SettingsIcon as ym,styled as Ea,Tooltip as Sm,Typography as ba,WalletIcon as Cm}from"@rango-dev/ui";import I,{useEffect as ln,useState as pn}from"react";import{flushSync as km}from"react-dom";import{useNavigate as Tm}from"react-router-dom";import{i18n as rt}from"@lingui/core";import{Alert as mr,BalanceErrors as Yc,Button as ka,ChevronDownIcon as Rc,ChevronLeftIcon as Qc,Divider as Ft,MessageBox as Zc,Modal as Ta,Typography as sn,WalletIcon as Jc}from"@rango-dev/ui";import E,{useEffect as em,useLayoutEffect as tm,useRef as om,useState as kt}from"react";import{useNavigate as nm}from"react-router-dom";import{i18n as Jo}from"@lingui/core";function en(t){switch(t.type){case 0:return Jo.t("Route has been updated.");case 3:return Jo.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return Jo.t("Route swappers has been updated.");case 2:return Jo.t("Route internal coins has been updated.");default:return""}}i(en,"getRouteWarningMessage");import*as Dt from"@radix-ui/react-collapsible";import{Button as Sc,darkTheme as Pt,IconButton as Cc,keyframes as Us,styled as Ce,TextField as kc}from"@rango-dev/ui";var Yt=300,Tc=Us({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),wc=Us({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),zs=Ce("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),qs=Ce("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}),Hs=Ce("button",{borderRadius:"$xm",padding:"$10",border:"0",display:"flex",justifyContent:"center",$$color:"$colors$neutral100",[`.${Pt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",alignItems:"center",cursor:"pointer",width:110,position:"relative","&:hover":{$$color:"$colors$info100",[`.${Pt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$color:"$colors$info100",[`.${Pt} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color",outline:0},variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary",outlineStyle:"solid"}}}}),Gs=Ce(Dt.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit"}),Vs=Ce("div",{padding:"$20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),Ks=Ce(Cc,{position:"absolute",left:"$20"}),Xs=Ce("div",{paddingTop:"$20","& .wallets-list":{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}}),js=Ce(Dt.Root,{backgroundColor:"$neutral200",borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),Ys=Ce(Sc,{width:"100%",borderRadius:"$sm !important",padding:"$15 !important",justifyContent:"space-between",alignItems:"center",$$color:"$colors$neutral100",[`.${Pt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color","&:hover":{$$color:"$colors$info100",[`.${Pt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$background:"$colors$info100",[`.${Pt} &`]:{$$background:"$colors$info700"},backgroundColor:"$$background",outline:0}}),Rs=Ce("div",{padding:"$10 $0","& .button__content":{display:"flex",justifyContent:"center",alignItems:"center"},"& .alarms":{paddingTop:"5px"}}),Qs=Ce("div",{transition:`all ${Yt}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),Zs=Ce("div",{display:"flex"}),Js=Ce(kc,{padding:"$0 $15 $15 $15"}),ea=Ce(Dt.Content,{overflow:"hidden",variants:{open:{true:{animation:`${Tc} ${Yt}ms ease-out`},false:{animation:`${wc} ${Yt}ms ease-out`}}}}),ta=Ce("div",{overflow:"visible",width:"100%"});import{i18n as nt}from"@lingui/core";import{Button as Kc,Divider as pr,Image as Xc,MessageBox as ur,Modal as ga,SelectableWallet as jc,Typography as ha,WalletState as ya}from"@rango-dev/ui";import ie,{useEffect as Sa,useState as Qt}from"react";import{WalletState as na}from"@rango-dev/ui";import{useWallets as bc}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as xc,WalletTypes as Ec}from"@rango-dev/wallets-shared";import{useEffect as Ac,useState as Bc}from"react";import{allProviders as vc}from"@rango-dev/provider-all";function tn(t,e){let o=vc({walletconnect2:{WC_PROJECT_ID:e?.walletConnectProjectId||""}});if(t){let n=[];return t.forEach(r=>{if(typeof r=="string"){let s=o.find(a=>a.config.type===r);s?n.push(s):console.warn(`Couldn't find ${r} provider. Please make sure you are passing the correct name.`)}else n.push(r)}),n}return o}i(tn,"matchAndGenerateProviders");function oa(t,e){return tn(t,e).map(r=>r.config.type)}i(oa,"configWalletsToWalletName");var Wc=Object.values(Ec);function on(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:s,disconnect:a,getWalletInfo:p,connect:l}=bc(),{connectedWallets:u}=G(),{blockchains:m}=v().meta,d=typeof e?.multiWallets>"u"?!0:e.multiWallets,c=oa(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||Wc,h=xi(s,p,c,o),C=Ii(h),[y,S]=Bc(""),T=i(x=>!u.find(W=>W.walletType===x&&W.chain===o),"isExperimentalChainNotAdded"),f=i(async x=>{let W=s(x);try{if(y&&S(""),W.connected)await a(x);else{let F=!!h.find(A=>A.state===na.CONNECTED);if(!d&&F)return;n?.(x),await l(x),r?.(x)}}catch(F){S("Error: "+F?.message)}},"handleClick"),w=i(()=>{let x=h?.filter(W=>W.state===na.CONNECTING)||[];for(let W of x)a(W.type)},"disconnectConnectingWallets");Ac(()=>()=>{w()},[]);let b=i((x,W,F)=>Eo(F,W)&&T(x)&&!xc.includes(x),"shouldExcludeWallet");return{list:C.filter(x=>!b(x.type,o??"",m)),error:y,handleClick:f}}i(on,"useWalletList");import{i18n as la}from"@lingui/core";import{styled as ua,Typography as $c,Wallet as Oc,WalletState as Uc}from"@rango-dev/ui";import Ct,{Fragment as zc,useState as pa}from"react";import{Divider as Pc,Modal as Dc}from"@rango-dev/ui";import sr from"react";import{i18n as _t}from"@lingui/core";import{Image as Mc,MessageBox as ir,WalletState as Lc}from"@rango-dev/ui";import St from"react";import{keyframes as Nc,styled as nn}from"@rango-dev/ui";var UT=nn("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),ra=nn("div",{position:"relative"}),Ic=Nc({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),ia=nn("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Ic} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),sa=nn("div",{"& img":{borderRadius:"50%"}});function aa(t){let{state:e,image:o,error:n}=t;return e===Lc.CONNECTED?St.createElement(ir,{type:"success",title:_t.t("Wallet Connected"),description:_t.t("Your wallet is connected, you can use it to swap.")}):n?St.createElement(ir,{type:"error",title:_t.t("Failed to Connect"),description:n||_t.t("Your wallet is not connected. Please try again.")}):St.createElement(ir,{type:"loading",title:_t.t("Connecting to your wallet"),description:_t.t("Click connect in your wallet popup."),icon:St.createElement(ra,null,St.createElement(sa,null,St.createElement(Mc,{src:o,size:45})),St.createElement(ia,null))})}i(aa,"ModalContent");function Rt(t){let{open:e,onClose:o,...n}=t;return sr.createElement(Dc,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},sr.createElement(aa,{...n}),sr.createElement(Pc,{direction:"vertical",size:32}))}i(Rt,"WalletModal");import{useInRouterContext as _c,useNavigate as Fc}from"react-router-dom";function re(){let t=_c(),e=Fc(),o=P.use.routeWalletsConfirmed();return g,{navigateBackFrom:i(r=>{if(r===g.swapDetails)return e("/"+g.swaps,{replace:!0});if(!t||window.history.state&&window.history.state.idx>0)e(-1);else{if([g.settings,g.wallets].includes(r)&&o)return e("/"+g.confirmSwap,{replace:!0});[g.fromSwap,g.toSwap,g.settings,g.wallets,g.swaps,g.confirmSwap].includes(r)?e(g.home,{replace:!0}):r===g.fromBlockchain?e("/"+g.fromSwap,{replace:!0}):r===g.toBlockchain?e("/"+g.fromSwap,{replace:!0}):r===g.liquiditySources&&e("/"+g.settings,{replace:!0})}},"navigateBackFrom")}}i(re,"useNavigateBack");var qc=ua("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline",paddingTop:"$15",height:"100%"}),Hc=ua("div",{textAlign:"center"}),rn=3e3,ar=300;function ca({config:t}){let{navigateBackFrom:e}=re(),[o,n]=pa(!1),[r,s]=pa(""),a=null,{list:p,handleClick:l,error:u}=on({config:t,onBeforeConnect:C=>{a=setTimeout(()=>{n(!0),s(C)},ar)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},rn)}}),m=v.use.loadingStatus(),d=p.find(C=>C.type===r),c=d?.image||"",h=d?.state||Uc.NOT_INSTALLED;return Ct.createElement(Q,{header:{title:la.t("Connect Wallets"),onBack:e.bind(null,g.wallets)}},Ct.createElement(Hc,null,Ct.createElement($c,{variant:"title",size:"xmedium",align:"center"},la.t("Choose a wallet to connect.")),Ct.createElement(qc,null,p.map((C,y)=>{let S=`wallet-${y}-${C.type}`;return Ct.createElement(zc,{key:S},Ct.createElement(Oc,{...C,container:ae(),onClick:T=>{l(T)},isLoading:m==="loading"}))}),Ct.createElement(Rt,{open:!!o,onClose:()=>n(!1),image:c,state:h,error:u}))))}i(ca,"WalletsPage");import{keyframes as Gc,styled as lr}from"@rango-dev/ui";var ma=lr("div",{position:"relative"}),Vc=Gc({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),da=lr("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Vc} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),fa=lr("div",{"& img":{borderRadius:"50%"}});function cr(t){let{config:e,chain:o,isSelected:n,selectWallet:r,limit:s,onShowMore:a}=t,p=G.use.connectedWallets(),{blockchains:l}=v.use.meta(),[u,m]=Qt(""),[d,c]=Qt(null),[h,C]=Qt(!1),[y,S]=Qt(null),{connect:T}=Ca(),f=null,{list:w,error:b,handleClick:x}=on({config:e,chain:o,onBeforeConnect:B=>{f=setTimeout(()=>{m(B)},ar)},onConnect:()=>{f&&clearTimeout(f),setTimeout(()=>{m("")},rn)}}),[W,F]=Qt(w),A=w.length,$=s&&A-s>0,X=i(async B=>{C(!1),S("in-progress"),await T(B.walletType,B.chain),S("completed")},"addExperimentalChain");Sa(()=>{F(B=>{let J=w.findIndex(H=>n(H.type,o));return $&&J>1?[w[J]].concat(w.filter((H,ne)=>ne!==J)):B.map(H=>w.find(ne=>ne.type===H.type)??H)})},[JSON.stringify(w)]);let oe=document.querySelector("#swap-box");return Sa(()=>{let B=null;return y==="completed"&&(B=setTimeout(()=>S(null),rn)),()=>{B&&clearTimeout(B)}},[y]),ie.createElement(ie.Fragment,null,W.slice(0,s).map(B=>{let J=Mi({connectedWallets:p,walletType:B.type,chain:o}),H=J?Ao(J):"",ne=Eo(l,o),L=!p.find(Ie=>Ie.walletType===B.type&&Ie.chain===o),me=ne&&L&&B.state===ya.CONNECTED,Ne=me?nt.t({id:"addChain",message:"Add {chain} chain",values:{chain:o}}):H,U=i(()=>{B.state===ya.DISCONNECTED?x(B.type):me?(c({walletType:B.type,chain:o,address:J??""}),C(!0)):r({walletType:B.type,chain:o,address:J??""})},"onClick"),j=d?.chain?ls(d.chain,l):void 0;return ie.createElement(ie.Fragment,null,ie.createElement(Rt,{open:u===B.type,onClose:()=>m(""),image:B.image,state:B.state,error:b}),!!d&&ie.createElement(ga,{open:!!d&&h,container:oe,onClose:()=>{c(null)}},ie.createElement(ur,{title:nt.t({id:"addBlockchain",message:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:j}}),type:"warning",description:nt.t({id:"addBlockchainDescription",message:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:j}})},ie.createElement(pr,{size:18}),ie.createElement(pr,{size:32}),ie.createElement(Kc,{onClick:X.bind(null,d),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},nt.t("Confirm")))),y&&ie.createElement(ga,{open:!!y,onClose:S.bind(null,null),container:oe},y==="in-progress"?ie.createElement(ur,{type:"loading",title:nt.t({id:"addBlockchain",message:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:j}}),description:nt.t({id:"addBlockchainDescription",message:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:j}}),icon:ie.createElement(ma,null,ie.createElement(fa,null,ie.createElement(Xc,{src:B.image,size:45})),ie.createElement(da,null))}):ie.createElement(ur,{type:"success",title:nt.t({id:"blockchainAdded",message:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:j}}),description:nt.t({id:"blockchainAddedDescription",message:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:j}})}),ie.createElement(pr,{direction:"vertical",size:32})),ie.createElement(jc,{key:B.type,description:Ne,onClick:U,selected:n(B.type,o),...B}))}),$&&ie.createElement(Hs,{selected:!1,onClick:a.bind(null)},ie.createElement(ha,{variant:"label",size:"medium"},nt.t("Show more wallets"),ie.createElement(ha,{variant:"label",size:"medium",color:"$primary"},"\xA0+",A-(s??0)))))}i(cr,"WalletList");var rm=2;function wa(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,config:s,loading:a}=t,{blockchains:p}=v.use.meta(),{bestRoute:l,setSelectedWallets:u,routeWalletsConfirmed:m,setRouteWalletConfirmed:d,customDestination:c,setCustomDestination:h}=P(),{connectedWallets:C,selectWallets:y}=G(),[S,T]=kt(""),[f,w]=kt([]),[b,x]=kt(""),[W,F]=kt(null),[A,$]=kt(c),[X,oe]=kt(!!c),B=om(null),J=Po(l),H=typeof s?.customDestination>"u"?!0:s.customDestination,ne=p.find(D=>D.name===l?.result?.swaps[l?.result?.swaps.length-1].to.blockchain),L=i(D=>!!l?.result?.swaps.find(N=>N.from.blockchain===D),"isWalletRequiredFor"),[me,Ne]=kt(C.filter(D=>D.selected&&J.includes(D.chain))),U=p.find(D=>D.name===ne?.name),j=i((D,N)=>!!me.find(_=>_.walletType===D&&_.chain===N&&_.selected&&(L(N)||!L(N)&&!A)),"isSelected"),Ie=!!A&&X&&U&&!Do(U,A),Te=i(()=>{oe(!1),$(""),Ne(D=>{let N=!1;return D.map(_=>!N&&_.chain===ne?.name?(N=!0,{..._,selected:!0}):_)})},"resetCustomDestination"),_e=i(D=>{if(S&&T(""),j(D.walletType,D.chain))return;let _=C.find(R=>R.walletType===D.walletType&&R.chain===D.chain);_&&(n(),D.chain===ne?.name&&X&&(oe(!1),$("")),Ne(R=>R.filter(le=>le.chain!==D.chain).concat({..._,selected:!0})))},"onChange"),se=i(()=>{let D=me.filter(N=>N.selected);y(D),u(D),h(A),d(!0),o()},"onConfirmBalance"),ft=i(async()=>{w([]),x(""),F(null);let D=C.filter(R=>me.find(le=>le.chain===R.chain&&le.walletType===R.walletType)),N=await r?.({selectedWallets:D,customDestination:A}),_=N.warnings;_?.balance?.messages&&w(_.balance.messages),_?.route&&F(_.route),N.error&&x(Mo(N.error)),!N.error&&(!_?.balance?.messages.length||0>0)?se():w(_?.balance?.messages??[])},"onConfirmWallets");em(()=>{Ne(D=>D.concat(C.filter(N=>!!!D.find(R=>R.chain===N.chain)&&N.selected&&J.includes(N.chain))))},[C.length]),tm(()=>{X&&B.current&&setTimeout(()=>{B?.current?.scrollIntoView({behavior:"smooth"})},Yt)},[X]);let Ze=document.querySelector("#swap-box"),bt=nm();return E.createElement(Ta,{open:e,onClose:()=>{m||bt(g.home,{replace:!0}),o()},dismissible:!S,container:Ze,...!S&&{footer:E.createElement(Zs,null,E.createElement(ka,{loading:a,disabled:ks(a,X,A,l,me,ne),onClick:ft,variant:"contained",type:"primary",fullWidth:!0,size:"large"},"Confirm"))},...S&&{containerStyle:{padding:"$0"},header:E.createElement(Vs,null,E.createElement(Ks,{variant:"ghost",onClick:T.bind(null,"")},E.createElement(Qc,{size:16})),E.createElement(sn,{variant:"headline",size:"small"},rt.t({id:"yourWallets",message:"Your {blockchainName} wallets",values:{blockchainName:S}})))},anchor:"center"},E.createElement(Ta,{open:f.length>0,onClose:w.bind(null,[]),container:Ze},E.createElement(Zc,{title:rt.t("Insufficient account balance"),type:"error",description:E.createElement(Yc,{messages:f??[]})},E.createElement(ka,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:se},rt.t("Proceed anyway")))),S&&E.createElement(Xs,null,E.createElement("div",{className:"wallets-list"},E.createElement(cr,{chain:S,isSelected:j,selectWallet:_e,multiWallets:s?.multiWallets??!0,supportedWallets:s?.wallets??[],config:s,onShowMore:T.bind(null,S)}))),!S&&E.createElement(E.Fragment,null,b&&E.createElement(E.Fragment,null,E.createElement(mr,{variant:"alarm",type:"error",title:rt.t(b)}),E.createElement(Ft,{size:12})),W&&E.createElement(E.Fragment,null,E.createElement(mr,{variant:"alarm",type:"warning",title:en(W)}),E.createElement(Ft,{size:12})),E.createElement(ta,null,J.map((D,N)=>{let _=p.find(ue=>ue.name===D),R=`wallet-${N}`,le=N===J.length-1;return E.createElement("div",{key:R},E.createElement(zs,null,E.createElement(sn,{variant:"title",size:"xmedium"},rt.t({id:"yourWallets",message:"Your {blockchainName} wallets",values:{blockchainName:_?.displayName}})),E.createElement(sn,{variant:"label",color:"$neutral900",size:"medium"},rt.t({id:"needConnect",message:"You need to connect a {blockchainName} wallet.",values:{blockchainName:_?.displayName}}))),E.createElement(Ft,{size:24}),E.createElement(qs,null,E.createElement(cr,{chain:D,isSelected:j,selectWallet:_e,multiWallets:s?.multiWallets??!0,supportedWallets:s?.wallets??[],config:s,limit:rm,onShowMore:()=>T(_?.name??"")})),!le&&E.createElement(Ft,{size:32}),le&&H&&E.createElement(Rs,null,E.createElement(js,{ref:B,selected:X,open:X,onOpenChange:ue=>{ue?L(ne?.name??"")||Ne(ho=>ho.map(yo=>yo.chain===ne?.name?{...yo,selected:!1}:yo)):Te()}},E.createElement(Gs,{onClick:()=>oe(ue=>!ue)},E.createElement(Ys,{fullWidth:!0,variant:"default",suffix:E.createElement(Qs,{orientation:X?"up":"down"},E.createElement(Rc,{size:10,color:"gray"}))},E.createElement("div",{className:"button__content"},E.createElement(Jc,{size:18,color:"info"}),E.createElement(Ft,{size:4,direction:"horizontal"}),E.createElement(sn,{variant:"label",size:"medium"},rt.t("Send to a different address"))))),E.createElement(ea,{open:X},E.createElement(E.Fragment,null,E.createElement(Ft,{size:4}),E.createElement(Js,{autoFocus:!0,placeholder:rt.t("Your destination address"),value:A,onChange:ue=>{$(ue.target.value)}})))),Ie&&E.createElement("div",{className:"alarms"},E.createElement(mr,{variant:"alarm",type:"error",title:rt.t({id:"addressMatch",values:{destination:A},message:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}i(wa,"ConfirmWalletsModal");import{calculatePendingSwap as sm}from"@rango-dev/queue-manager-rango-preset";import am from"bignumber.js";import{useEffect as lm}from"react";function pm(t,e){if(!t.result)throw new Error(z.noRoutesError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});let o=new am(t.result?.outputAmount||"0").multipliedBy(e.outputUsdValue||0),n=Uo(e.inputUsdValue,o);if(zo(e.inputUsdValue,n))throw new Error("High value loss for route",{cause:{type:1}});return t}i(pm,"throwErrorIfResponseIsNotValid");function um(t,e,o){let n=is(t,e),r={balance:null,route:null,slippage:null};n&&(fs(t,e)?r.route={type:3,newOutputAmount:k(Mt(e)),percentageChange:k(et(Mt(t),Mt(e)),null,2)}:Xn(t,e)?r.route={type:0}:jn(t,e)?r.route={type:1}:Yn(t,e)&&(r.route={type:2}));let s=gs(e,o.selectedWallets);s.length===0||(r.balance={messages:s});let p=cs(t),l=o.userSlippage>ji;return ms(o.userSlippage.toString(),p)?l&&(r.slippage={type:1,slippage:o.userSlippage.toString()}):r.slippage={type:0,slippage:p},r}i(um,"generateWarnings");function va(){let{fromToken:t,toToken:e,inputAmount:o,inputUsdValue:n,setRoute:r,bestRoute:s,customDestination:a}=P(),{slippage:p,customSlippage:l,affiliatePercent:u,affiliateRef:m,affiliateWallets:d,disabledLiquiditySources:c}=O(),{connectedWallets:h}=G(),{meta:C}=v(),y=l||p,{fetch:S,cancelFetch:T,loading:f}=jo();return lm(()=>T,[]),{loading:f,fetch:i(async b=>{let x=b.selectedWallets,W=b?.customDestination??a;if(!t||!e||!o||!s)return{route:null,swap:null,error:null,warnings:null};let F=Vo({fromToken:t,toToken:e,inputAmount:o,wallets:h,selectedWallets:x,disabledLiquiditySources:c,slippage:y,affiliateRef:m,affiliatePercent:u,affiliateWallets:d,initialRoute:s,destination:W}),A;try{A=await S(F).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 $={slippage:y.toString(),disabledSwappersGroups:c},X=sm(o.toString(),A,ds(x),$,!1,C);return{route:A,swap:X,error:null,warnings:um(s,A,{selectedWallets:x,userSlippage:y})}},"fetch"),cancelFetch:T}}i(va,"useConfirmSwap");var wm=Ea("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"}}),vm=Ea("div",{width:"100%",display:"flex",justifyContent:"space-between","& .confirm-button":{flexGrow:1,paddingRight:"$10"},[`& ${xa}`]:{width:"$48",height:"$48"}});function Aa(t){let{config:e}=t,{bestRoute:o,inputAmount:n,outputAmount:r,inputUsdValue:s,outputUsdValue:a,setInputAmount:p,selectedWallets:l,routeWalletsConfirmed:u,setRouteWalletConfirmed:m,customDestination:d}=P(),c=Tm(),[h,C]=pn(""),[y,S]=pn(!1),{connectedWallets:T}=G(),f=!u,[w,b]=pn(!1),x=ve.use.setSelectedSwap(),{meta:{tokens:W,blockchains:F},loadingStatus:A}=v(),$=O.use.slippage(),X=O.use.customSlippage(),{manager:oe}=cm(),B=X||$,{fetch:J,loading:H,cancelFetch:ne}=va(),[L,me]=pn({swap:null,error:null,warnings:null}),Ne=H||A==="loading",U=!H&&L.error&&[0,2].includes(L.error.type),j=!U&&!H&&o&&o.result,Ie=Go(o,W),Te=k(et(s?.toNumber()??0,a?.toNumber()??0),2,2),_e=It(parseFloat(Te)),se=i(async({selectedWallets:N,customDestination:_})=>{let R=await J?.({selectedWallets:N,customDestination:_});return me(R),R},"onConfirmSwap"),ft=i(async()=>{if(L.swap&&u)try{await oe?.create("swap",{swapDetails:L.swap},{id:L.swap.requestId}),x(L.swap.requestId),c("/"+g.swaps+`/${L.swap.requestId}`,{replace:!0}),setTimeout(()=>{p("")},0)}catch(N){C("Error: "+N?.message)}},"addNewSwap"),Ze=i(async()=>{await ft()},"onConfirm"),bt=i(async()=>{L?.warnings?.slippage?S(!0):await Ze()},"onStartConfirmSwap"),D=i(async()=>{me({error:null,swap:null,warnings:null}),J({selectedWallets:l}).then(N=>{me(N)}).catch(N=>console.error(N))},"onRefresh");return ln(()=>{f&&ne()},[f]),ln(()=>{f&&b(f)},[f]),ln(()=>{f||J({selectedWallets:l,customDestination:d}).then(N=>me(N)).catch(N=>console.error(N))},[]),ln(()=>{let N=L.warnings?.route?.type&&Object.values(Vt).includes(L.warnings?.route?.type),_=l.length<1||!l.every(le=>T.find(ue=>le.address===ue.address&&le.walletType===ue.walletType&&le.chain===ue.chain)),R=!1;if(N){let le=Po(o),ue=o?.result?.swaps[o.result.swaps.length-1].to.blockchain;!!o?.result?.swaps.find(Pn=>Pn.from.blockchain===ue)||(le=le.slice(-le.length,le.length-1)),le.every(Pn=>l.find(yp=>yp.chain===Pn))||(R=!0)}o&&(_||R)&&(queueMicrotask(()=>km(b.bind(null,!0))),m(!1))},[L.warnings?.route,l.length,T.length]),I.createElement(Q,{header:{title:je.t("Confirm Swap"),onBack:c.bind(null,-1),hasConnectWallet:!0,suffix:I.createElement(Sm,{container:ae(),side:"bottom",content:je.t("Settings")},I.createElement(Fe,{size:"small",variant:"ghost",onClick:()=>c("/"+g.settings)},I.createElement(ym,{size:18,color:"black"})))},footer:I.createElement(vm,null,I.createElement("div",{className:"confirm-button"},I.createElement(an,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:H,disabled:!!L.error,onClick:bt},je.t("Start Swap"))),I.createElement(xa,{variant:"contained",type:"primary",size:"large",loading:H,onClick:b.bind(null,!0)},I.createElement(Cm,{size:24})))},I.createElement(gm,{anchor:"bottom",open:y,prefix:I.createElement(an,{size:"small",variant:"ghost",onClick:()=>c("/"+g.settings)},I.createElement(ba,{variant:"label",size:"medium",color:"$neutral900"},je.t("Change settings"))),container:document.querySelector("#swap-box"),onClose:S.bind(null,N=>!N)},L.warnings?.slippage&&I.createElement(fm,{type:"warning",title:L.warnings.slippage.type===1?je.t("High slippage"):je.t("Low slippage"),description:L.warnings.slippage.type===1?je.t("highSlippage",{selectedSlippage:B},{message:" Caution, your slippage is high (={selectedSlippage}). Your trade may be front run."}):je.t("increaseSlippage",{minRequiredSlippage:L.warnings.slippage.slippage},{message:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route."})},I.createElement($t,{size:18}),I.createElement($t,{size:32}),I.createElement(an,{size:"large",type:"primary",variant:"contained",fullWidth:!0,onClick:Ze},je.t("Confirm anyway")))),w&&I.createElement(wa,{open:w,onClose:()=>b(!1),onCancel:ne,loading:H,onCheckBalance:se,config:e}),I.createElement(wm,null,I.createElement("div",{className:"description"},I.createElement(ba,{variant:"title",size:"small"},je.t("You get")),I.createElement(an,{style:{padding:"0"},variant:"ghost",disabled:H,onClick:D},I.createElement("div",{className:"icon"},I.createElement(hm,{size:16})))),h&&I.createElement(I.Fragment,null,I.createElement(dr,{type:"error",variant:"alarm",title:h}),I.createElement($t,{size:12})),L.warnings?.route&&I.createElement(I.Fragment,null,I.createElement(dr,{variant:"alarm",type:"warning",title:en(L.warnings.route)}),I.createElement($t,{size:12})),Ne&&I.createElement(dm,{type:"swap-preview",expanded:!0}),j&&I.createElement(mm,{expanded:!0,tooltipContainer:ae(),steps:ps(o,F)??[],input:{value:k(n,6,6),usdValue:k(s,4,4)},output:{value:k(r,6,6),usdValue:k(a,4,4)},totalFee:k(Ie,2,2),totalTime:Bt(Wt(o.result?.swaps)),recommended:!0,type:"swap-preview",percentageChange:Te,warningLevel:_e}),U&&I.createElement(I.Fragment,null,I.createElement($t,{size:12}),I.createElement(Kt,{diagnosisMessage:L.error?.type===0?L.error.diagnosisMessage:void 0,error:L.error?.type===2,fetch:D})),L.error?.type===1&&I.createElement(I.Fragment,null,I.createElement(dr,{variant:"alarm",type:"error",title:Mo(L.error)}),I.createElement($t,{size:12}))))}i(Aa,"ConfirmSwapPage");import{i18n as mn}from"@lingui/core";import{useManager as Wm}from"@rango-dev/queue-manager-react";import{Divider as Nm,NotFound as Im,styled as _a}from"@rango-dev/ui";import mt,{useState as Mm}from"react";import{useNavigate as Lm}from"react-router-dom";import{CloseIcon as xm,IconButton as Em,SearchIcon as Am,TextField as Bm}from"@rango-dev/ui";import Zt from"react";import{styled as bm}from"@rango-dev/ui";var Ba=bm("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function it(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:s,value:a,setValue:p,...l}=t;return Zt.createElement(Bm,{prefix:Zt.createElement(Ba,null,Zt.createElement(Am,{color:"black"})),suffix:!!a.length&&Zt.createElement(Em,{variant:"ghost",onClick:()=>p?.(""),size:"small"},Zt.createElement(xm,{color:"gray",size:10})),fullWidth:o,color:n,variant:e,style:{padding:10,borderRadius:25,alignItems:"center"},size:r,value:a,onChange:s,...l})}i(it,"SearchInput");import{i18n as Na}from"@lingui/core";import{Divider as Ia,SwapListItem as Ma,Typography as La}from"@rango-dev/ui";import te from"react";import{styled as un}from"@rango-dev/ui";var fr=un("div",{width:"100%",display:"flex",flexDirection:"column"}),gr=un("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),hr=un("div",{gap:"$10",display:"flex",flexDirection:"column"}),Wa=un("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});function yr(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,s=n?n(e):[{title:"History",swaps:e}];if(r){let a=[{},{}];return te.createElement(te.Fragment,null,[{title:"Today",swaps:a},{title:"Last month",swaps:a}].map(l=>te.createElement(te.Fragment,{key:l.title},te.createElement(fr,null,te.createElement(gr,null,te.createElement(La,{variant:"label",size:"medium",color:"neutral800",className:"group-title"},Na.t(l.title))),te.createElement(Ia,{size:4}),te.createElement(hr,null,l.swaps.map((u,m)=>{let d=m+l.title;return te.createElement(te.Fragment,{key:d},te.createElement(Ma,{isLoading:!0}))}))))))}return te.createElement(te.Fragment,null,s.filter(a=>a.swaps.length>0).map(a=>te.createElement(te.Fragment,{key:a.title},te.createElement(fr,null,te.createElement(gr,null,te.createElement(La,{variant:"label",size:"medium",color:"neutral800",className:"group-title"},Na.t(a.title))),te.createElement(Ia,{size:4}),te.createElement(hr,null,a.swaps.map(p=>{let l=p.steps[0],u=p.steps[p.steps.length-1];return te.createElement(te.Fragment,{key:p.requestId},te.createElement(Ma,{requestId:p.requestId,creationTime:p.creationTime,status:p.status,onClick:o,onlyShowTime:a.title==="Today",swapTokenData:{from:{token:{image:l.fromLogo,displayName:l.fromSymbol},blockchain:{image:l.fromBlockchainLogo||""},amount:wo(p.inputAmount)},to:{token:{image:u.toLogo,displayName:u.toSymbol},blockchain:{image:u.toBlockchainLogo||""},amount:wo(u.outputAmount||""),estimatedAmount:wo(u.expectedOutputAmountHumanReadable||"")}}}))}))))))}i(yr,"SwapsGroup");import Pa from"dayjs";var Da=i(t=>{let e=new Map([["today",{title:"Today",swaps:[]}],["month",{title:"Last month",swaps:[]}],["year",{title:"Last year",swaps:[]}],["history",{title:"History",swaps:[]}]]),o=Pa();return t.forEach(n=>{let r=Pa(Number(n.creationTime));o.isSame(r,"day")?e.get("today")?.swaps.push(n):o.isSame(r,"month")?e.get("month")?.swaps.push(n):o.isSame(r,"year")?e.get("year")?.swaps.push(n):e.get("history")?.swaps.push(n)}),Array.from(e.values())},"groupSwapsByDate");var cn=i(t=>{let e=[];return t?.getAll().forEach((o,n)=>{let r=o.list.getStorage();r?.swapDetails&&e.push({id:n,swap:r?.swapDetails})}),e.sort((o,n)=>Number(n.swap.creationTime)-Number(o.swap.creationTime))},"getPendingSwaps");var Pm=_a("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",height:"100%",gap:15}),Dm=_a("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),_m=i((t,e)=>t?.length?t.filter(o=>Ke(o.fromBlockchain,e)||Ke(o.toBlockchain,e)||Ke(o.toSymbol,e)||Ke(o.fromSymbol,e)).length:!1,"isStepContainsText");function Fa(){let t=ve.use.setSelectedSwap(),e=Lm(),{navigateBackFrom:o}=re(),{manager:n,state:r}=Wm(),s=cn(n).map(({swap:c})=>c),[a,p]=Mm(""),l=!r.loadedFromPersistor,u=i(c=>{let h=c.target.value;p(h)},"searchHandler"),m=s;a&&(m=s.filter(c=>Ke(c.inputAmount,a)||Ke(c.status,a)||_m(c.steps,a)||Ke(c.requestId,a)));let d=!m?.length&&!l;return mt.createElement(Q,{header:{onBack:o.bind(null,g.swaps),title:mn.t("History")}},mt.createElement(Pm,null,mt.createElement(it,{setValue:p,fullWidth:!0,variant:"contained",placeholder:mn.t("Search Transaction"),autoFocus:!0,onChange:u,value:a}),mt.createElement(Dm,null,d&&mt.createElement(Wa,null,mt.createElement(Nm,{size:32}),mt.createElement(Im,{title:mn.t("No results found"),description:a?mn.t("Try using different keywords"):""})),!d&&mt.createElement(yr,{list:m,onSwapClick:c=>{t(c),e(`${c}`,{replace:!0})},groupBy:Da,isLoading:l}))))}i(Fa,"HistoryPage");import{i18n as eo}from"@lingui/core";import{List as Fm,ListItemButton as $m,Radio as kr,RadioRoot as Om,Typography as Tr}from"@rango-dev/ui";import Ge,{useState as Um}from"react";import{styled as dn}from"@rango-dev/ui";var st=dn("div",{height:"100%",overflow:"hidden"}),Jt=dn("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto"}),Sr=dn("div",{width:80,display:"flex",justifyContent:"flex-end"}),Cr=dn("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});function $a(){let{navigateBackFrom:t}=re(),[e,o]=Um("english"),n=[{id:"english",value:"english",title:Ge.createElement(Tr,{variant:"title",size:"xmedium"},eo.t("English")),onClick:()=>o("english"),end:Ge.createElement(kr,{value:"english"})},{id:"french",value:"french",title:Ge.createElement(Tr,{variant:"title",size:"xmedium"},eo.t("French")),onClick:()=>o("french"),end:Ge.createElement(kr,{value:"french"})},{id:"spanish",value:"spanish",title:Ge.createElement(Tr,{variant:"title",size:"xmedium"},eo.t("Spanish")),onClick:()=>o("spanish"),end:Ge.createElement(kr,{value:"spanish"})}];return Ge.createElement(Q,{header:{onBack:t.bind(null,g.settings),title:eo.t("Language")}},Ge.createElement(st,null,Ge.createElement(Om,{value:e},Ge.createElement(Fm,{type:Ge.createElement($m,{title:eo.t("language"),id:"_",onClick:()=>console.log()}),items:n}))))}i($a,"LanguagePage");import{i18n as Ot}from"@lingui/core";import{Button as Vm,Checkbox as Km,Image as Xm,ListItemButton as jm,NotFound as Ym,Typography as Rm}from"@rango-dev/ui";import ke,{useState as Qm}from"react";import{Checkbox as Hm,Skeleton as Ua}from"@rango-dev/ui";import to from"react";import{ListItem as zm,styled as qm}from"@rango-dev/ui";var Oa=qm(zm,{height:61});var Gm=30;function wr(){return to.createElement(Jt,null,Array.from(Array(Gm),t=>to.createElement(Oa,{hasDivider:!0,key:t,start:to.createElement(Ua,{variant:"circular",width:35,height:35}),title:to.createElement(Ua,{variant:"text",size:"large",width:90}),end:to.createElement(Hm,{checked:!1})})))}i(wr,"LoadingLiquiditySourceList");function fn(t){let e=v.use.meta().swappers,o=O.use.disabledLiquiditySources(),n=[];return Et(e.map(s=>s.swapperGroup)).map(s=>{let a=e.find(p=>p.swapperGroup===s);if(a){let p=!0;t&&(p=t.some(l=>l===a.title)),p&&a.types.map(l=>{n.push({id:a.swapperGroup,groupTitle:a.swapperGroup,logo:a.logo,type:l,selected:!o.includes(a.swapperGroup)})})}}),n}i(fn,"getUniqueSwappersGroups");function za(t,e){return t.groupTitle<e.groupTitle?-1:t.groupTitle>e.groupTitle?1:0}i(za,"sortLiquiditySourcesByGroupTitle");function vr({supportedSwappers:t,sourceType:e}){let[o,n]=Qm(""),r=O.use.toggleLiquiditySource(),{navigateBackFrom:s}=re(),a=v.use.loadingStatus(),p=fn(t),l=[];e==="Exchanges"&&l.push("DEX"),e==="Bridges"&&(l.push("BRIDGE"),l.push("AGGREGATOR"));let u=p.filter(y=>l.includes(y.type)),m=u.length===u.filter(y=>y.selected).length,d=i(()=>{u.forEach(y=>{m?r(y.groupTitle):y.selected||r(y.groupTitle)})},"toggleAllSources"),c=u.sort(za).map(y=>{let{selected:S,groupTitle:T,logo:f}=y;return{start:ke.createElement(Xm,{src:f,size:22,type:"circular"}),onClick:()=>r(T),end:ke.createElement(Km,{checked:S}),title:ke.createElement(Rm,{variant:"title",size:"xmedium"},Ot.t(T)),...y}}),h=i(y=>{let S=y.target.value;n(S)},"searchHandler"),C=c;return o&&(C=c.filter(y=>Ke(y.groupTitle,o))),ke.createElement(Q,{header:{onBack:s.bind(null,g.settings),title:Ot.t(e),suffix:ke.createElement(Sr,null,ke.createElement(Vm,{variant:"ghost",size:"xsmall",onClick:d},Ot.t(m?"Deselect all":"Select all")))}},ke.createElement(st,null,ke.createElement(it,{value:o,setValue:n,fullWidth:!0,color:"light",variant:"contained",placeholder:Ot.t("Search {sourceType}",{sourceType:e}),onChange:h}),a==="loading"&&ke.createElement(wr,null),!C.length&&o?ke.createElement(Cr,null,ke.createElement(Ym,{title:Ot.t("No results found"),description:Ot.t("Try using different keywords")})):a==="success"&&ke.createElement(Jt,null,C.map(y=>ke.createElement(ke.Fragment,{key:y.id},ke.createElement(jm,{style:{height:"61px"},...y,selected:!1,hasDivider:!0}))))))}i(vr,"LiquiditySourcePage");import{i18n as Ya}from"@lingui/core";import{Divider as Ar,SelectableCategoryList as sd}from"@rango-dev/ui";import Tt,{useState as Ra}from"react";import{i18n as xr}from"@lingui/core";import{Divider as Xa,Image as td,ListItemButton as od,NotFound as nd,Typography as ja}from"@rango-dev/ui";import De,{useEffect as rd,useState as id}from"react";import{BlockchainCategories as br}from"@rango-dev/ui";import{TransactionType as gn}from"rango-sdk";var Zm=i((t,e)=>{switch(e){case br.ALL:return!0;case br.UTXO:return t.type===gn.TRANSFER;case br.OTHER:return t.type!==gn.TRANSFER&&t.type!==gn.COSMOS&&t.type!==gn.EVM;default:return t.type===e}},"filterByType"),qa=i((t,e,o)=>t.filter(n=>Zm(n,o)).filter(n=>gt(n.name,e)||gt(n.displayName,e)),"filterBlockchains");import{styled as Ha}from"@rango-dev/ui";var Ga=Ha("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),hn=Ha("ul",{padding:0,margin:0,listStyle:"none",overflowY:"auto",paddingRight:"$5",".image-container":{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as Jm,Skeleton as Va}from"@rango-dev/ui";import yn from"react";var ed=20;function Ka(){return yn.createElement(hn,null,Array.from(Array(ed),t=>yn.createElement(Jm,{key:t,hasDivider:!0,start:yn.createElement(Va,{variant:"circular",width:35,height:35}),title:yn.createElement(Va,{variant:"text",size:"large",width:90})})))}i(Ka,"LoadingBlockchainList");function Er(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[s,a]=id(e),p=v.use.loadingStatus();rd(()=>{a([...qa(e,o,r)])},[e,o,r]);let l=i(()=>!s.length&&o?De.createElement(De.Fragment,null,De.createElement(Xa,{size:32}),De.createElement(nd,{title:xr.t("No results found"),description:xr.t("Try using different keywords")})):De.createElement(hn,{key:`${r}-${o}`},s.map(u=>De.createElement(od,{key:`${u.name}-${u.chainId}`,hasDivider:!0,onClick:()=>n(u),start:De.createElement(td,{src:u.logo,size:30}),title:De.createElement(ja,{variant:"title",size:"medium"},u.displayName),id:u.chainId}))),"renderList");return De.createElement(Ga,null,De.createElement(ja,{variant:"label",size:"large"},xr.t("Select Blockchain")),De.createElement(Xa,{size:4}),p==="loading"&&De.createElement(Ka,null),p==="success"&&l())}i(Er,"BlockchainList");function Br(t){let{type:e}=t,{navigateBackFrom:o}=re(),[n,r]=Ra(""),[s,a]=Ra("ALL"),p=P.use.setToBlockchain(),l=P.use.setFromBlockchain(),{loadingStatus:u}=v(),m=Le().blockchains({type:e}),d=e==="source"?"fromBlockchain":"toBlockchain";return Tt.createElement(Q,{header:{onBack:()=>{o(g[d])},title:Ya.t("Select Blockchain")}},Tt.createElement(Ar,{size:12}),Tt.createElement(sd,{setCategory:a,category:s,blockchains:m,isLoading:u==="loading"}),Tt.createElement(Ar,{size:24}),Tt.createElement(it,{value:n,autoFocus:!0,placeholder:Ya.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:c=>r(c.target.value)}),Tt.createElement(Ar,{size:16}),Tt.createElement(Er,{list:m,searchedFor:n,blockchainCategory:s,onChange:c=>{e==="source"?l(c):p(c),o(g[d])}}))}i(Br,"SelectBlockchainPage");import{i18n as ml}from"@lingui/core";import{Divider as dl}from"@rango-dev/ui";import Ut,{useState as xd}from"react";import{useNavigate as Ed}from"react-router-dom";import{i18n as Wr}from"@lingui/core";import{BlockchainsChip as Nr,Divider as Ja,Image as md,Skeleton as dd,Typography as Ir}from"@rango-dev/ui";import xe from"react";import{useMemo as ad,useRef as ld}from"react";function Qa(t,e){let o=ld({index:-1,name:""});t.sort(ud);let n=t.map(r=>r.name).join("-");return ad(()=>{let r=t,s=[];if(e?.limit&&t.length>e.limit){let a=e.limit,p=e.selected?t.findIndex(u=>u.name===e.selected):-1,l=o.current.index>e.limit-1&&!!t.find(u=>u.name===o.current.name);e.selected&&(l&&p<e.limit-1||p>e.limit-1)&&t.sort(pd(l?o.current.name:e.selected)),s=r.splice(a),o.current={index:p,name:e.selected??""}}return{list:r,more:s}},[n])}i(Qa,"usePrepareBlockchainList");function pd(t){return i(function(o,n){return o.name===t?-1:n.name===t?1:0},"sortBySelected")}i(pd,"generateSortBySelectedFor");function ud(t,e){let o=["ETH","COSMOS","OSMOSIS"],n=o.findIndex(p=>p===t.name),r=o.findIndex(p=>p===e.name),s=n>-1,a=r>-1;return s&&a?n>r?1:-1:s?-1:a?1:0}i(ud,"sortByMostUsedBlockchains");import{styled as cd}from"@rango-dev/ui";var Za=cd("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var el=10,Mr=el+1,fd=12;function Lr(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:s}=t,a=Qa(e,{limit:e.length===Mr?Mr:el,selected:n?.name}),p=v.use.loadingStatus(),l=P.use.resetToBlockchain(),u=P.use.resetFromBlockchain(),m=e.length!==Mr&&a.more.length;return xe.createElement("div",null,xe.createElement(Ja,{size:12}),xe.createElement(Ir,{variant:"label",size:"large"},Wr.t("Select Blockchain")),xe.createElement(Ja,{size:12}),xe.createElement(Za,null,p==="loading"&&Array.from(Array(fd),d=>xe.createElement(dd,{key:d,variant:"rounded",height:50})),p==="success"&&xe.createElement(xe.Fragment,null,xe.createElement(Nr,{selected:!n,onClick:()=>{o==="from"?u():l()}},xe.createElement(Ir,{variant:"body",size:"xsmall",color:"secondary500"},Wr.t("All"))),a.list.map(d=>xe.createElement(Nr,{key:d.chainId,selected:!!n&&n.chainId===d.chainId,onClick:()=>r(d)},xe.createElement(md,{src:d.logo,size:30}))),m?xe.createElement(Nr,{onClick:s},xe.createElement(Ir,{variant:"body",size:"xsmall",color:"secondary500"},Wr._("More +{count}",{count:a.more.length}))):null)))}i(Lr,"BlockchainsSection");import{i18n as Fr}from"@lingui/core";import{darkTheme as al,Divider as no,ExternalLinkIcon as yd,Image as Sd,ListItemButton as Cd,NotFound as kd,PinIcon as Td,Skeleton as ll,Typography as ro,VirtualizedList as wd}from"@rango-dev/ui";import M,{forwardRef as vd,useEffect as pl,useState as ul}from"react";import{Divider as il,ListItem as hd,Skeleton as oo}from"@rango-dev/ui";import Ve from"react";import{styled as Ye,Typography as gd}from"@rango-dev/ui";var tl=Ye("div",{display:"flex",flexDirection:"column",flexGrow:1}),Pr=Ye("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),Sn=Ye("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:"$neutral800",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"}}}}}),Dr=Ye("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),_r=Ye(gd,{}),ol=Ye("div",{textAlign:"right"}),Cn=Ye("ul",{display:"flex",alignItems:"end",flexDirection:"column"}),yE=Ye("div",{display:"flex",alignItems:"center"}),nl=Ye("div",{position:"relative",".image-container":{borderRadius:"$xm",overflow:"hidden"}}),rl=Ye("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6});function sl(t){return Ve.createElement(Sn,null,Array.from(Array(t.size),e=>Ve.createElement(hd,{key:e,hasDivider:!0,start:Ve.createElement(oo,{variant:"circular",width:35,height:35}),end:Ve.createElement(Cn,null,Ve.createElement(oo,{variant:"text",size:"large",width:70}),Ve.createElement(il,{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(il,{size:4}),Ve.createElement(oo,{variant:"text",size:"medium",width:90}))})))}i(sl,"LoadingTokenList");var $r=20,bd=i(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:s,customCssForTagTitle:a}=t,p=e.length;return M.createElement("div",{className:"description"},o?M.createElement("div",{className:"token-name"},o):M.createElement(Pr,{className:"token-title"},M.createElement(ro,{variant:"title",size:"xmedium"},r.symbol),M.createElement(no,{direction:"horizontal",size:4}),M.createElement(Dr,{css:s},M.createElement(_r,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&M.createElement("div",{className:`token-address ${!o&&"token-address-without-name"}`},M.createElement("a",{href:n,target:"_blank",rel:"nofollow noreferrer",onClick:l=>l.stopPropagation()},p>10?`${e.slice(0,5)}...${e.slice(p-6,p)}`:e," ",M.createElement(yd,{color:"gray",size:12}))))},"renderDesc");function cl(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[s,a]=ul(e),p=v.use.loadingStatus(),[l,u]=ul(!0),m=G.use.loading(),{blockchains:d}=v.use.meta(),{isTokenPinned:c}=Le(),h=vd((S,T)=>M.createElement("div",{...S,ref:T,style:{...S.style,height:`${parseFloat(S.style?.height)+8*2}px`}})),C=i(()=>{a(e.slice(0,s.length+$r))},"loadNextPage");pl(()=>{u(e.length>s.length)},[s.length]),pl(()=>{a(e.slice(0,$r))},[e]);let y=i(()=>!s.length&&o?M.createElement(M.Fragment,null,M.createElement(no,{size:32}),M.createElement(kd,{title:Fr.t("No results found"),description:Fr.t("Try using different keywords")})):M.createElement(wd,{Item:({index:S,style:T})=>{let f=s[S],w=f.address||"",b=d.find(A=>A.name===f.blockchain),x=hi(f.symbol,b?.color||""),W={$$color:x[`${f.symbol}100`],[`.${al} &`]:{$$color:x[`${f.symbol}900`]},backgroundColor:"$$color"},F={$$color:x[`${f.symbol}700`],[`.${al} &`]:{$$color:x[`${f.symbol}100`]},color:"$$color"};return M.createElement("div",{style:{...T,paddingRight:5}},M.createElement(Cd,{style:{height:T?.height},"tab-index":S,key:`${f.symbol}${f.address}`,id:`${f.symbol}${f.address}`,hasDivider:!0,onClick:()=>n(s[S]),start:M.createElement(nl,null,M.createElement(Sd,{src:f.image,size:30}),c(f)&&M.createElement(rl,null,M.createElement(Td,{size:12,color:"gray"}))),title:b?.type==="COSMOS"||f.name||!f.name&&!w?M.createElement(Pr,null,M.createElement(ro,{variant:"title",size:"xmedium"},f.symbol),M.createElement(no,{direction:"horizontal",size:4}),M.createElement(Dr,{css:W},M.createElement(_r,{variant:"body",size:"xsmall",css:F},f.blockchain))):void 0,description:b?.info&&w&&b.type!=="COSMOS"?bd({address:w,token:s[S],customCssForTag:W,customCssForTagTitle:F,name:f.name,url:b.info.addressUrl.split("{wallet}").join(w)}):f.name||void 0,end:m?M.createElement(Cn,null,M.createElement(ll,{variant:"text",size:"large",width:70}),M.createElement(no,{size:4}),M.createElement(ll,{variant:"text",size:"medium",width:50})):s[S]?.balance&&M.createElement(ol,null,M.createElement(ro,{variant:"title",size:"small"},f.balance?.amount),M.createElement("div",null),f.balance?.usdValue&&M.createElement(ro,{variant:"body",color:"neutral800",size:"xsmall"},`$${f.balance?.usdValue}`))}))},hasNextPage:l,itemCount:s.length,loadNextPage:C,innerElementType:h,size:60,key:`${r}-${o}`}),"renderList");return M.createElement(tl,null,M.createElement(ro,{variant:"label",size:"large"},Fr.t("Select Token")),M.createElement(no,{size:4}),p==="loading"&&M.createElement(sl,{size:$r}),p==="success"&&M.createElement(Sn,null,y()))}i(cl,"TokenList");function Or(t){let{type:e}=t,o=Ed(),{navigateBackFrom:n}=re(),{fromBlockchain:r,toBlockchain:s,setFromToken:a,setToToken:p,setFromBlockchain:l,setToBlockchain:u}=P(),{connectedWallets:m}=G(),[d,c]=xd(""),C=(e==="source"?r:s)?.name??"",y=Le().blockchains({type:e}),S=Le().tokens({type:e,blockchain:C,searchFor:d}),T=Ni(S,m),f=i(b=>{e==="source"?l(b):u(b)},"updateBlockchain"),w=i(b=>{e==="source"?a(b):p(b)},"updateToken");return Ut.createElement(Q,{header:{onBack:()=>n(e==="source"?g.fromSwap:g.toSwap),title:ml.t("Swap {type}",{type:e==="source"?"from":"to"})}},Ut.createElement(Lr,{blockchains:y,type:e=="source"?"from":"to",blockchain:e==="source"?r:s,onMoreClick:()=>o(e==="source"?g.fromBlockchain:g.toBlockchain),onChange:b=>{f(b)}}),Ut.createElement(dl,{size:24}),Ut.createElement(it,{value:d,autoFocus:!0,placeholder:ml.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>c(""),onChange:b=>c(b.target.value)}),Ut.createElement(dl,{size:16}),Ut.createElement(cl,{list:T,selectedBlockchain:C,searchedFor:d,onChange:b=>{w(b);let x=y.find(W=>b.blockchain===W.name);x&&f(x),n(g.fromSwap)}}))}i(Or,"SelectSwapItemsPage");import{i18n as wt}from"@lingui/core";import{ChevronRightIcon as qr,Divider as Hr,InfoIcon as Md,List as Ld,ListItemButton as Pd,Skeleton as Dd,Switch as _d,Tooltip as Fd,Typography as vt}from"@rango-dev/ui";import q from"react";import{useNavigate as $d}from"react-router-dom";import{i18n as Sl}from"@lingui/core";import{Chip as Bd,Divider as Cl,InfoIcon as Wd,TextField as Nd,Tooltip as Id,Typography as kl}from"@rango-dev/ui";import Ee from"react";import{styled as kn}from"@rango-dev/ui";var fl=kn("div",{paddingTop:"$5",paddingBottom:"30px"}),gl=kn("div",{display:"flex",alignItems:"center",justifyContent:"start"}),hl=kn("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),Tn=kn("div",{maxWidth:"300px",padding:"$10"});import{i18n as Ur}from"@lingui/core";import{Typography as Ad}from"@rango-dev/ui";import io from"react";function yl(){return io.createElement(Tn,null,io.createElement(Ad,{variant:"label",size:"medium",color:"neutral900"},Ur.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,Ur.t("Warning")),":",Ur.t("This setting is applied per step, e.g. 1Inch, Thorchain, etc. and only that step will be reverted, not the whole transaction")))}i(yl,"SlippageTooltipContent");function zr(){let t=O.use.slippage(),e=O.use.setSlippage(),o=O.use.customSlippage(),n=O.use.setCustomSlippage();return Ee.createElement(fl,null,Ee.createElement(hl,null,Ee.createElement(kl,{variant:"title",size:"xmedium"},Sl.t("Slippage tolerance per swap")),Ee.createElement(Cl,{direction:"horizontal",size:4}),Ee.createElement(Id,{container:ae(),side:"top",content:Ee.createElement(yl,null)},Ee.createElement(Wd,{color:"gray"}))),Ee.createElement(gl,null,Ki.map((r,s)=>{let a=`slippage-${s}`;return Ee.createElement(Ee.Fragment,null,Ee.createElement(Bd,{style:{width:"64px",flexShrink:0},key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`}),Ee.createElement(Cl,{direction:"horizontal",size:8}))}),Ee.createElement(Nd,{type:"number",min:"0.01",max:"30",step:"0.01",fullWidth:!0,variant:"contained",value:o||"",color:"dark",onChange:r=>{let s=parseFloat(r.target.value);(!s||s>=Ri&&s<=Yi)&&n(s)},suffix:o&&Ee.createElement(kl,{variant:"body",size:"small"},"%"),placeholder:Sl.t("Custom")})))}i(zr,"Slippage");function Tl({supportedSwappers:t,singleTheme:e}){let o=$d(),{navigateBackFrom:n}=re(),r=O.use.infiniteApprove(),s=O.use.toggleInfiniteApprove(),a=v.use.loadingStatus(),p=fn(t),l=p.filter(b=>b.type==="BRIDGE"||b.type==="AGGREGATOR"),u=l.length,m=l.filter(b=>b.selected).length,d=p.filter(b=>b.type==="DEX"),c=d.length,h=d.filter(b=>b.selected).length,C=i((b,x)=>{switch(a){case"loading":return q.createElement(Dd,{variant:"text",size:"medium",width:50});case"failed":return q.createElement(vt,{variant:"body",size:"medium",color:"$error500"},wt.t("Loading failed"));default:return q.createElement(vt,{variant:"body",size:"medium"},`${b} / ${x}`)}},"handleEndItem"),y={id:"bridge-item",title:q.createElement(vt,{variant:"title",size:"xmedium"},wt.t("Enabled bridges")),end:q.createElement(q.Fragment,null,C(m,u),q.createElement(Hr,{direction:"horizontal",size:8}),q.createElement(qr,{color:"black"})),onClick:()=>o(g.bridges)},S={id:"exchange-item",title:q.createElement(vt,{variant:"title",size:"xmedium"},wt.t("Enabled exchanges")),end:q.createElement(q.Fragment,null,C(h,c),q.createElement(Hr,{direction:"horizontal",size:8}),q.createElement(qr,{color:"gray"})),onClick:()=>o(g.exchanges)},T={id:"theme-item",title:q.createElement(vt,{variant:"title",size:"xmedium"},wt.t("Theme")),end:q.createElement(qr,{color:"gray"}),onClick:()=>o(g.themes)},f={id:"infinite-approval-item",title:q.createElement(q.Fragment,null,q.createElement(vt,{variant:"title",size:"xmedium"},wt.t("Infinite Approval")),q.createElement(Hr,{direction:"horizontal",size:4}),q.createElement(Fd,{side:"top",container:ae(),content:q.createElement(Tn,null,q.createElement(vt,{variant:"label",size:"medium",color:"neutral900"},wt.t("Enabling the 'Infinite Approval' mode grants unrestricted access to smart contracts of DEXes/Bridges, allowing them to utilize the approved token amount without limitations.")))},q.createElement(Md,{color:"gray"}))),end:q.createElement(_d,{checked:r}),onClick:s},w=[y,S];return e||w.push(T),w.push(f),q.createElement(Q,{header:{onBack:n.bind(null,g.settings),title:wt.t("Setting")}},q.createElement(st,null,q.createElement(zr,null),q.createElement(Ld,{type:q.createElement(Pd,{title:"_",id:"_",onClick:()=>console.log()}),items:w})))}i(Tl,"SettingsPage");import{cancelSwap as Pf}from"@rango-dev/queue-manager-rango-preset";import{useManager as Df}from"@rango-dev/queue-manager-react";import Jl from"react";import{i18n as at}from"@lingui/core";import{getCurrentBlockchainOfOrNull as ff,getCurrentStep as gf,getRelatedWalletOrNull as hf,PendingSwapNetworkStatus as In}from"@rango-dev/queue-manager-rango-preset";import{Button as Vl,CopyIcon as yf,Divider as Sf,IconButton as Cf,RouteCost as kf,RouteSummary as Tf,StepDetails as wf,Typography as qt,useCopyToClipboard as vf}from"@rango-dev/ui";import{useWallets as bf}from"@rango-dev/wallets-react";import Z,{useEffect as Kl,useRef as xf,useState as Xl}from"react";import{useNavigate as Ef}from"react-router-dom";import{i18n as Ae}from"@lingui/core";var Od=1e3,Ud=31536e3,zd=2592e3,qd=86400,Hd=3600,Gd=60;function wl(t){let e=Math.floor((Date.now()-t)/Od),n=[{turningPoint:Ud,label:Ae.t("year"),pluralLabel:Ae.t("years")},{turningPoint:zd,label:Ae.t("month"),pluralLabel:Ae.t("months")},{turningPoint:qd,label:Ae.t("day"),pluralLabel:Ae.t("days")},{turningPoint:Hd,label:Ae.t("hour"),pluralLabel:Ae.t("hours")},{turningPoint:Gd,label:Ae.t("minute"),pluralLabel:Ae.t("minutes")}].sort((r,s)=>s.turningPoint-r.turningPoint);for(let r of n){let{turningPoint:s,label:a,pluralLabel:p}=r,l=Math.floor(e/s);if(l>1)return`${l} ${p}`;if(l===1)return`${l} ${a}`}return e>1?`${e} ${Ae.t("seconds")}`:`${e} ${Ae.t("second")}`}i(wl,"timeSince");function vl(t){return t.finishTime?Ae.t({id:"timeAgo",message:"{time} ago",values:{time:wl(parseInt(t.finishTime))}}):Ae.t({id:"timeAgo",message:"{time} ago",values:{time:wl(parseInt(t.creationTime))}})}i(vl,"getSwapDate");import{PendingSwapNetworkStatus as bn}from"@rango-dev/queue-manager-rango-preset";import{Modal as Qd}from"@rango-dev/ui";import xn from"react";import{i18n as wn}from"@lingui/core";import{Button as bl,Divider as Gr,MessageBox as Vd,Typography as xl}from"@rango-dev/ui";import Re from"react";var El=i(({onCancel:t,onClose:e})=>Re.createElement(Re.Fragment,null,Re.createElement(Gr,{size:20}),Re.createElement(Vd,{type:"error",title:wn.t("Transaction Cancel"),description:wn.t("Are you sure you want to Cancel this swap?")}),Re.createElement(Gr,{size:32}),Re.createElement(bl,{variant:"contained",type:"primary",size:"large",onClick:t},Re.createElement(xl,{variant:"title",size:"medium",color:"neutral100"},wn.t("Yes, Cancel it"))),Re.createElement(Gr,{size:12}),Re.createElement(bl,{variant:"outlined",type:"primary",size:"large",onClick:e},Re.createElement(xl,{variant:"title",size:"medium",color:"primary"},wn.t("No, Continue")))),"CancelContent");import{i18n as vn}from"@lingui/core";import{Button as Al,Divider as Vr,MessageBox as Kd,Typography as Bl}from"@rango-dev/ui";import Qe from"react";var Wl=i(({onDelete:t,onClose:e})=>Qe.createElement(Qe.Fragment,null,Qe.createElement(Vr,{size:20}),Qe.createElement(Kd,{type:"error",title:vn.t("Delete Transaction"),description:vn.t("Are you sure you want to delete this swap?")}),Qe.createElement(Vr,{size:32}),Qe.createElement(Al,{variant:"contained",type:"primary",size:"large",onClick:t},Qe.createElement(Bl,{variant:"title",size:"medium",color:"neutral100"},vn.t("Yes, Delete it"))),Qe.createElement(Vr,{size:12}),Qe.createElement(Al,{variant:"outlined",type:"primary",size:"large",onClick:e},Qe.createElement(Bl,{variant:"title",size:"medium",color:"primary"},vn.t("No, Cancel")))),"DeleteContent");import{i18n as Kr}from"@lingui/core";import{PendingSwapNetworkStatus as Xr}from"@rango-dev/queue-manager-rango-preset";var jr={[Xr.WaitingForNetworkChange]:{type:"loading",title:Kr.t("Change Network")},[Xr.WaitingForConnectingWallet]:{type:"warning",title:Kr.t("Connect Wallet")},[Xr.NetworkChanged]:{type:"success",title:Kr.t("Network Changed")}};import{MessageBox as jd,Wallet as Yd,WalletState as Il}from"@rango-dev/ui";import{useWallets as Rd}from"@rango-dev/wallets-react";import so from"react";import{styled as Xd}from"@rango-dev/ui";var Nl=Xd("div",{display:"flex",justifyContent:"center"});var Ml=i(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:s}=t,{connect:a,getWalletInfo:p,state:l}=Rd(),u=n?.walletType,d=u&&l(u).connected?Il.CONNECTED:Il.DISCONNECTED;return so.createElement(so.Fragment,null,so.createElement(jd,{type:e,title:o,description:r}),s&&u&&so.createElement(Nl,null,so.createElement(Yd,{container:ae(),title:p(u).name,image:p(u).img,type:u,state:d,onClick:async()=>a(u)})))},"WalletStateContent");function Yr(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:s,message:a}=t,p=e===bn.WaitingForNetworkChange||e===bn.WaitingForConnectingWallet||e===bn.NetworkChanged;return xn.createElement(Qd,{open:!!e,onClose:o,container:document.getElementById("swap-box")||document.body},p&&xn.createElement(Ml,{type:jr[e].type,title:jr[e].title,currentStepWallet:s,message:a,showWalletButton:e!==bn.WaitingForNetworkChange}),e==="delete"&&xn.createElement(Wl,{onClose:o,onDelete:n}),e==="cancel"&&xn.createElement(El,{onClose:o,onCancel:r}))}i(Yr,"SwapDetailsModal");import{i18n as ao}from"@lingui/core";import{Button as Rr,Divider as En,MessageBox as Ll,Modal as Zd,TokenAmount as Jd,Typography as An}from"@rango-dev/ui";import fe from"react";import{useNavigate as ef}from"react-router-dom";function Qr(t){let{open:e,onClose:o,status:n,priceValue:r,usdValue:s,token:a,chain:p,percentageChange:l,description:u,diagnosisUrl:m}=t,d=ef();return fe.createElement(Zd,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},n==="success"?fe.createElement(Ll,{type:"success",title:ao.t("Swap Successful")},fe.createElement(Jd,{direction:"vertical",type:"output",centerAlign:!0,price:{value:r,usdValue:s},token:a,chain:p,percentageChange:l}),fe.createElement(En,{size:12}),fe.createElement(An,{variant:"body",size:"medium",color:"neutral900",align:"center"},u)):fe.createElement(Ll,{type:"error",title:ao.t("Transaction Failed"),description:u}),fe.createElement(En,{size:32}),n==="success"&&fe.createElement(Rr,{variant:"contained",type:"primary",size:"large",onClick:()=>d(g.home)},fe.createElement(An,{variant:"title",size:"medium",color:"neutral100"},ao.t("Done"))),fe.createElement(En,{size:12}),m&&fe.createElement(fe.Fragment,null,fe.createElement(Rr,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(m,"_blank")},fe.createElement(An,{variant:"title",size:"medium",color:"primary"},ao.t("Diagnosis"))),fe.createElement(En,{size:12})),fe.createElement(Rr,{variant:"outlined",type:"primary",size:"large",onClick:o},fe.createElement(An,{variant:"title",size:"medium",color:"primary"},ao.t("See Details"))))}i(Qr,"SwapDetailsCompleteModal");import mf from"react";import{i18n as lf}from"@lingui/core";import{Alert as Ol,IconButton as pf,LinkIcon as uf}from"@rango-dev/ui";import dt,{Fragment as cf}from"react";import{Alert as tf,ChevronDownIcon as of,ChevronUpIcon as nf,IconButton as rf}from"@rango-dev/ui";import Bn,{useState as sf}from"react";function Pl(t){let{message:e}=t,[o,n]=sf(!1);return Bn.createElement(tf,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&Bn.createElement(rf,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?Bn.createElement(nf,{size:12,color:"gray"}):Bn.createElement(of,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}i(Pl,"FailedAlert");import{styled as af}from"@rango-dev/ui";var Dl=af("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as _l}from"@lingui/core";import{PendingSwapNetworkStatus as Zr}from"@rango-dev/queue-manager-rango-preset";import{Alert as Jr,Button as Fl}from"@rango-dev/ui";import lo from"react";function $l(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?lo.createElement(Jr,{type:"warning",title:n.shortMessage,action:lo.createElement(Fl,{size:"xxsmall",type:"warning",onClick:()=>{o(Zr.WaitingForNetworkChange),e().catch(s=>{console.log(s)})}},_l.t("Change"))}):r===Zr.WaitingForConnectingWallet?lo.createElement(Jr,{type:"warning",title:n.shortMessage,action:lo.createElement(Fl,{size:"xxsmall",type:"warning",onClick:()=>{o(Zr.WaitingForConnectingWallet)}},_l.t("Connect"))}):lo.createElement(Jr,{type:"warning",title:n.shortMessage})}i($l,"WarningAlert");function ei(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:s,hasAlreadyProceededToSign:a}=t,p=Xt(s),l=s.status==="waitingForApproval"&&!p,u=s.status==="running"&&!p;return dt.createElement(Dl,null,s.explorerUrl?.map((m,d,c)=>{let h=d+m.url,C=d===c.length-1,y=C&&u||l,S=C&&s.status==="failed";return dt.createElement(cf,{key:h},dt.createElement(Ol,{type:y&&"loading"||S&&"error"||"success",title:m.description?`${m.description} Tx`:lf.t("View transaction"),action:m.url&&dt.createElement(pf,{variant:"ghost",size:"xsmall",onClick:()=>window.open(m.url,"_blank")},dt.createElement(uf,{size:16}))}))}),(u&&!a||l&&!s.explorerUrl?.length)&&dt.createElement(Ol,{type:"loading",title:r.shortMessage}),s.status!=="failed"&&p&&dt.createElement($l,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),s.status==="failed"&&dt.createElement(Pl,{message:r}))}i(ei,"SwapDetailsAlerts");var Ul=2e3;var zl=i(({swap:t,blockchains:e,...o})=>{let n=t.hasAlreadyProceededToSign!==!1;return t.steps.map((r,s)=>{let a=s===0?t.inputAmount:t.steps[s-1].outputAmount;return{from:{token:{displayName:r.fromSymbol,image:r.fromLogo??""},chain:{displayName:Je(r.fromBlockchain,e)??"",image:r.fromBlockchainLogo??""},price:{value:k(a,6,6)}},to:{token:{displayName:r.toSymbol,image:r.toLogo},chain:{displayName:Je(r.toBlockchain,e)??"",image:r.toBlockchainLogo??""},price:{value:k(r.outputAmount||r.expectedOutputAmountHumanReadable,6,6)}},swapper:{displayName:r.swapperId,image:r.swapperLogo??""},alerts:mf.createElement(ei,{step:r,hasAlreadyProceededToSign:n,...o})}})},"getSteps");function ql(t){if(Xt(t)&&t.status!=="failed"&&t.status!=="success")return"warning";switch(t.status){case"created":return"default";case"approved":case"waitingForApproval":case"running":return"in-progress";case"failed":return"error";case"success":return"completed"}}i(ql,"getStepState");import{darkTheme as df,styled as zt}from"@rango-dev/ui";var Wn=zt("div",{display:"flex",width:"100%",flexDirection:"column",alignItems:"center",height:"0",flexGrow:1,"& .row":{display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",padding:"$10 $20",borderBottom:"1px solid",$$color:"$colors$neutral300",[`.${df} &`]:{$$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"}}),Nn=zt("div",{width:"100%"}),Hl=zt("div",{padding:"$0 $20 $20 $20",width:"100%",overflow:"auto"}),tB=zt("div",{display:"flex",flexDirection:"column",gap:"$10"}),Gl=zt("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),oB=zt("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1});function ti(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:s,connect:a,getWalletInfo:p}=bf(),l=P.use.retry(),u=Ef(),{navigateBackFrom:m}=re(),[d,c]=vf(Ul),h=xf(null),[C,y]=Xl(null),[S,T]=Xl(null),{meta:{tokens:f,blockchains:w}}=v(),b=i(()=>{r(),y(null)},"onCancel"),x=Pe.use.getUnreadNotifications(),W=Pe.use.setAsRead(),F=x(),A=gf(e),$=A?.networkStatus;Kl(()=>{F.find(R=>R.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(T(e.status),W(e.requestId))},[e.status]),Kl(()=>{L?y(In.WaitingForNetworkChange):$===In.WaitingForConnectingWallet||$===In.NetworkChanged?y($):y(null)},[$]);let X=Ss(e),oe=A?ff(e,A):null,B=A?hf(e,A):null,J=vl(e),H=Cs(e),ne=i(_=>!!p(_)?.mobileWallet,"isMobileWallet"),L=$===In.WaitingForNetworkChange&&!!oe&&!!B?.walletType&&(ne(B.walletType)||s(B.walletType,oe)),me=L?a.bind(null,B.walletType,oe):void 0,Ne=ys(e,A),U=zl({swap:e,switchNetwork:me,showNetworkModal:$,setNetworkModal:y,message:Ne,blockchains:w}),j=U.length,[Ie,Te]=[e.steps[0],e.steps[j-1]],_e=Te.outputAmount||Te.expectedOutputAmountHumanReadable,se=e.steps.reduce((_,R)=>_+parseFloat(R.feeInUsd||""),0),ft=e.steps.find(_=>_.diagnosisUrl)?.diagnosisUrl,Ze=k(String(parseFloat(k(_e,6,6))*(xo(Te.toBlockchain,Te.toSymbol,Te.toSymbolAddress,f)||0)),4,4),bt=k(String(parseFloat(e.inputAmount)*(xo(Ie.fromBlockchain,Ie.fromSymbol,Ie.fromSymbolAddress,f)||0)),4,4),D=et(bt,Ze),N=e.status==="success"?at.t({id:"receivedMessage",message:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:k(_e,6,6),token:U[j-1].to.token.displayName,conciseAddress:Ao(e.wallets[U[j-1].to.chain.displayName]?.address||""),chain:U[j-1].to.chain.displayName}}):`${at.t("Transaction was not sent.")} ${X?at.t({id:"remainSymbol",message:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:X.outputAmount,symbol:X.symbol,blockchain:X.blockchain}}):""}`;return Z.createElement(Q,{noPadding:!0,header:{title:at.t("Swap and Bridge"),onBack:m.bind(null,g.swapDetails),onCancel:e.status==="running"?()=>y("cancel"):void 0,suffix:e.status!=="running"&&Z.createElement(xt,null,Z.createElement(Vl,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>y("delete")},Z.createElement(qt,{size:"medium",variant:"label",color:"error"},at.t("Delete"))))},footer:H&&!S&&Z.createElement(Vl,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{l(e),setTimeout(()=>{u(g.home)},0)}},at.t("Try again"))},Z.createElement(Wn,null,Z.createElement(Nn,null,Z.createElement("div",{className:"row"},Z.createElement(qt,{variant:"label",size:"large",color:"neutral900"},`${at.t("Request ID")}:`),Z.createElement("div",{className:"request-id"},Z.createElement(qt,{variant:"label",size:"small",color:"neutral900"},o),Z.createElement(Cf,{variant:"ghost",onClick:c.bind(null,o||"")},Z.createElement(yf,{size:16,color:"gray"})))),Z.createElement("div",{className:"row"},Z.createElement(qt,{variant:"label",size:"large",color:"neutral900"},`${at.t("Created at")}:`),Z.createElement(qt,{variant:"label",size:"small",color:"neutral900"},J))),Z.createElement("div",{className:"output"},Z.createElement(kf,{fee:k(String(se),2,2),time:Bt(Wt(e.steps)),steps:j}),Z.createElement(Tf,{from:{price:{value:k(e.inputAmount,6,6),usdValue:bt},token:{displayName:U[0].from.token.displayName,image:U[0].from.token.image},chain:{image:U[0].from.chain.image,displayName:U[0].from.chain.displayName}},to:{price:{value:k(_e,6,6),usdValue:Ze},token:{displayName:U[j-1].to.token.displayName,image:U[j-1].to.token.image},chain:{image:U[j-1].to.chain.image,displayName:U[j-1].to.chain.displayName}},percentageChange:k(D,2,2),warningLevel:It(D?.toNumber()??0)})),Z.createElement("div",{className:"title-steps"},Z.createElement(qt,{variant:"title",size:"small"},at.t("Swaps steps"))),Z.createElement(Sf,{size:8}),Z.createElement(Hl,{ref:h},U.map((_,R)=>{let le=R,ue=ql(e.steps[R]),ho=ue==="error"||ue==="in-progress"||ue==="warning"||ue==="completed"&&R===U.length-1;return Z.createElement(wf,{key:le,step:_,type:"route-progress",ref:h,state:ue,hasSeparator:R!==0,tabIndex:le,isFocused:ho})}))),Z.createElement(Yr,{state:C,onClose:()=>y(null),onCancel:b,onDelete:n,message:Ne.detailedMessage.content,currentStepWallet:B}),Z.createElement(Qr,{open:!!S,diagnosisUrl:ft,onClose:()=>T(null),status:e.status==="success"?"success":"failed",priceValue:k(_e,6,6),usdValue:Ze,percentageChange:k(D,2,2),token:{displayName:U[j-1].to.token.displayName,image:U[j-1].to.token.image},chain:{image:U[j-1].to.chain.image},description:N}))}i(ti,"SwapDetails");import{i18n as fo}from"@lingui/core";import{CopyIcon as If,IconButton as Mf,NotFound as Lf,Skeleton as Ql,Typography as Ln}from"@rango-dev/ui";import ce from"react";import{i18n as Bf}from"@lingui/core";import{ChainToken as Wf,Divider as ni,Skeleton as mo,Typography as Nf}from"@rango-dev/ui";import ee from"react";import{styled as oi}from"@rango-dev/ui";var jl=oi("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"}}),Yl=oi("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"}}),Mn=oi("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral900",marginLeft:"25px"});import{ChainToken as Rl,Divider as po,NextIcon as Af,Skeleton as uo}from"@rango-dev/ui";import pe from"react";function co(t){let{extraInfo:e}=t;return pe.createElement(Yl,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(Rl,{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(Af,{color:"gray",size:16})),pe.createElement("div",{className:"step-token-info"},pe.createElement(Rl,{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"})))}i(co,"LoadingSwapDetailStep");function ri(){let t=ee.createElement("div",{className:"route-summary-item"},ee.createElement("div",{className:"token-amount"},ee.createElement(Wf,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),ee.createElement(ni,{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(jl,null,ee.createElement("div",{className:"cost"},ee.createElement(mo,{width:60,height:10,variant:"rounded"}),ee.createElement(ni,{size:4,direction:"horizontal"}),ee.createElement(mo,{width:60,height:10,variant:"rounded"}),ee.createElement(ni,{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(Nf,{variant:"title",size:"small"},Bf.t("Swaps steps"))),ee.createElement("div",{className:"step-container"},ee.createElement(co,{extraInfo:!0}),ee.createElement(Mn,null),ee.createElement(co,null),ee.createElement(Mn,null),ee.createElement(co,null),ee.createElement(Mn,null),ee.createElement(co,null)))}i(ri,"LoadingSwapDetails");function Zl(t){let{requestId:e,showSkeleton:o}=t,{navigateBackFrom:n}=re();return ce.createElement(Q,{noPadding:!0,header:{title:fo.t("Swap and Bridge"),onBack:n.bind(null,g.swapDetails),suffix:ce.createElement(xt,null)}},o&&ce.createElement(Wn,null,ce.createElement(Nn,null,ce.createElement("div",{className:"row"},ce.createElement(Ln,{variant:"label",size:"large",color:"neutral900"},`${fo.t("Request ID")}:`),ce.createElement("div",{className:"request-id"},ce.createElement(Ln,{variant:"label",size:"small",color:"neutral900"},ce.createElement(Ql,{width:60,height:10,variant:"rounded"})),ce.createElement(Mf,{variant:"ghost"},ce.createElement(If,{size:16,color:"gray"})))),ce.createElement("div",{className:"row"},ce.createElement(Ln,{variant:"label",size:"large",color:"neutral900"},`${fo.t("Created at")}:`),ce.createElement(Ln,{variant:"label",size:"small",color:"neutral900"},ce.createElement(Ql,{width:60,height:10,variant:"rounded"})))),ce.createElement(ri,null)),!o&&ce.createElement(Gl,null,ce.createElement(Lf,{title:fo.t("Not found"),description:fo.t({id:"swapNotFound",values:{requestId:e},message:"Swap with request ID = {requestId} not found."})})))}i(Zl,"SwapDetailsPlaceholder");function ep(){let{manager:t,state:e}=Df(),o=!e.loadedFromPersistor,n=cn(t),r=ve.use.selectedSwapRequestId(),{navigateBackFrom:s}=re(),{loadingStatus:a}=v(),p=o||a==="loading",l=n.find(({swap:c})=>c.requestId===r),u=i(()=>{if(l?.id){let c=t?.get(l.id);c&&Pf(c)}},"onCancel"),m=i(async()=>{if(l?.id)try{await t?.deleteQueue(l.id),s(g.swapDetails)}catch(c){console.log(c)}},"onDelete"),d=l?.swap;return!d||p?Jl.createElement(Zl,{requestId:r||"",showSkeleton:p}):Jl.createElement(ti,{swap:d,requestId:r||"",onCancel:u,onDelete:m})}i(ep,"SwapDetailsPage");import{i18n as go}from"@lingui/core";import{AutoThemeIcon as _f,DarkModeIcon as Ff,LightModeIcon as $f,List as Of,ListItemButton as Uf,Radio as ii,RadioRoot as zf,Typography as si}from"@rango-dev/ui";import Be from"react";function tp(){let{navigateBackFrom:t}=re(),e=O.use.theme(),o=O.use.setTheme(),n=[{id:"light",value:"light",title:Be.createElement(si,{variant:"title",size:"xmedium"},go.t("Light")),onClick:()=>o("light"),start:Be.createElement($f,{color:"gray"}),end:Be.createElement(ii,{value:"light"})},{id:"dark",value:"dark",title:Be.createElement(si,{variant:"title",size:"xmedium"},go.t("Dark")),onClick:()=>o("dark"),start:Be.createElement(Ff,{color:"gray"}),end:Be.createElement(ii,{value:"dark"})},{id:"auto",value:"auto",title:Be.createElement(si,{variant:"title",size:"xmedium"},go.t("Auto")),onClick:()=>o("auto"),start:Be.createElement(_f,{color:"gray"}),end:Be.createElement(ii,{value:"auto"})}];return Be.createElement(Q,{header:{onBack:t.bind(null,g.settings),title:go.t("Theme")}},Be.createElement(st,null,Be.createElement(zf,{onValueChange:r=>o(r),value:e},Be.createElement(Of,{type:Be.createElement(Uf,{title:go.t("Theme"),id:"_",onClick:()=>console.log()}),items:n}))))}i(tp,"ThemePage");var Hf=i(t=>t.replace("/",""),"getAbsolutePath");function op(t){let{config:e}=t;return qf([{path:g.home,element:We.createElement(Ro,null)},{path:g.fromSwap,element:We.createElement(Or,{type:"source"})},{path:g.toSwap,element:We.createElement(Or,{type:"destination"})},{path:g.fromBlockchain,element:We.createElement(Br,{type:"source"})},{path:g.toBlockchain,element:We.createElement(Br,{type:"destination"})},{path:g.settings,element:We.createElement(Tl,{singleTheme:e?.theme?.singleTheme,supportedSwappers:e?.liquiditySources})},{path:g.themes,element:We.createElement(tp,null)},{path:g.languages,element:We.createElement($a,null)},{path:g.exchanges,element:We.createElement(vr,{sourceType:"Exchanges",supportedSwappers:e?.liquiditySources})},{path:g.bridges,element:We.createElement(vr,{sourceType:"Bridges",supportedSwappers:e?.liquiditySources})},{path:g.swaps,element:We.createElement(Fa,null)},{path:g.swapDetails,element:We.createElement(ep,null)},{path:g.wallets,element:We.createElement(ca,{supportedWallets:e?.wallets,multiWallets:typeof e?.multiWallets>"u"?!0:e.multiWallets,config:e})},{path:Hf(g.confirmSwap),element:We.createElement(Aa,{config:e})}])}i(op,"AppRoutes");import{isApprovalTX as Gf,MainEvents as rp,RouteEventType as ip,StepEventType as Ht,StepExecutionEventStatus as Vf,useEvents as Kf}from"@rango-dev/queue-manager-rango-preset";import{useEffect as sp}from"react";import{StepExecutionBlockedEventStatus as ai}from"@rango-dev/queue-manager-rango-preset";var np=[ai.WAITING_FOR_CHANGE_WALLET_ACCOUNT,ai.WAITING_FOR_NETWORK_CHANGE,ai.WAITING_FOR_WALLET_CONNECT];function ap(){let t=G.use.connectedWallets(),e=G.use.getWalletsDetails(),o=Pe.use.setNotification(),n=Pe.use.setAsRead(),r=Kf();return sp(()=>(r.on(rp.StepEvent,s=>{let{event:a,step:p,route:l}=s;if(a.type===Ht.TX_EXECUTION&&a.status===Vf.TX_SENT&&!Gf(p)||a.type===Ht.SUCCEEDED){let m=t.find(c=>c.chain===p?.fromBlockchain),d=p?.fromBlockchain!==p?.toBlockchain&&t.find(c=>c.chain===p?.toBlockchain);m&&e([m]),d&&e([d])}a.type===Ht.TX_EXECUTION_BLOCKED&&np.includes(a.status)||a.type===Ht.FAILED?o(a,l):(a.type===Ht.TX_EXECUTION||a.type===Ht.CHECK_STATUS)&&n(l.requestId)}),()=>r.all.clear()),[r,t.length]),sp(()=>(r.on(rp.RouteEvent,s=>{let{event:a,route:p}=s;(a.type===ip.FAILED||a.type===ip.SUCCEEDED)&&o(a,p)}),()=>r.all.clear()),[r,t.length]),null}i(ap,"WidgetEvents");import{globalCss as Xf}from"@rango-dev/ui";var lp=i(()=>Xf({"@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 jf,darkTheme as Yf,lightTheme as Rf}from"@rango-dev/ui";import{useEffect as pp,useState as Qf}from"react";function up({fontFamily:t="Roboto",borderRadius:e=ki,secondaryBorderRadius:o=Ti,mode:n="auto"}){let r=O.use.theme(),s=v.use.fetchMeta(),a=O.use.setTheme(),p=jf({radii:{primary:`${e}px`,secondary:`${o}px`},fonts:{widget:t}}),l=`${p.className} ${Rf.className}`,u=`${p.className} ${Yf.className}`,[m,d]=Qf("light");return pp(()=>{i(async()=>{await s()},"fetchData")();let C=i(y=>{y.matches?d("dark"):d("light")},"switchTheme");return window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches&&d("dark"),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",C),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",C)}},[]),pp(()=>{n!=="auto"&&a(n)},[n]),{activeTheme:i(()=>r==="auto"?m==="dark"?u:l:r==="dark"?u:l,"getActiveTheme")()}}i(up,"useTheme");import Zf,{useMemo as Jf}from"react";import{Provider as eg}from"@rango-dev/queue-manager-react";import{makeQueueDefinition as tg,checkWaitingForNetworkChange as og}from"@rango-dev/queue-manager-rango-preset";import{useWallets as ng}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as rg}from"@rango-dev/wallets-shared";import{isEvmBlockchain as ig}from"rango-types";function sg(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:s,getWalletInfo:a}=ng(),p=Jf(()=>tg({API_KEY:ko("API_KEY")}),[]),{blockchains:l}=v.use.meta(),m={blockchains:G.use.connectedWallets().map(f=>({accounts:[f],name:f.chain}))},d=i((f,w)=>{if(s(f,w))return r(f,w)},"switchNetwork"),c=i(f=>!!a(f).mobileWallet,"isMobileWallet"),h=l.filter(f=>f.enabled).reduce((f,w)=>(f[w.name]=w,f),{}),C=l.filter(ig),y=i(f=>{let{supportedChains:w}=a(f);return vo(w)},"getSupportedChainNames"),S=e(),T={meta:{blockchains:h,evmBasedChains:C,evmNetworkChainInfo:rg(C),getSupportedChainNames:y},getSigners:o,wallets:m,providers:S,switchNetwork:d,canSwitchNetworkTo:s,connect:r,state:n,isMobileWallet:c};return Zf.createElement(eg,{queuesDefs:[p],context:T,onPersistedDataLoaded:f=>{og(f)},isPaused:!1},t.children)}i(sg,"QueueManager");var cp=sg;import{Events as li,Provider as lg}from"@rango-dev/wallets-react";import{isEvmBlockchain as pg}from"rango-sdk";import dp,{createContext as ug,useRef as cg}from"react";import{useEffect as ag}from"react";function mp(t,e){let o=G.use.clearConnectedWallet(),n=tn(void 0,e);return ag(()=>{o(),n=tn(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}i(mp,"useWalletProviders");var pi=ug({onConnectWallet:()=>{}});function ui(t){let{blockchains:e}=v.use.meta(),{providers:o}=mp(t.providers,t?.options),n=G.use.disconnectWallet(),r=G.use.connectWallet(),s=cg(),a=e.filter(pg).map(l=>l.name),p=i((l,u,m,d,c)=>{if(u===li.ACCOUNTS)if(m){let h=vo(c),C=Ei(l,m,a,h);r(C)}else n(l);if(u===li.ACCOUNTS&&d.connected){let h=`${l}-${d.network}-${m}`;d.connected&&(s.current?s.current(h):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(u===li.NETWORK&&d.network){let h=`${l}-${d.network}`;s.current?s.current(h):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(l,u,m,d,c)},"onUpdateState");return dp.createElement(pi.Provider,{value:{onConnectWallet:l=>{s.current=l}}},dp.createElement(lg,{allBlockChains:e,providers:o,onUpdateState:p,autoConnect:!0},t.children))}i(ui,"WidgetWallets");var hg=dg("div",{width:"100%",display:"flex",justifyContent:"center",alignItems:"center",fontFamily:"$widget",boxSizing:"border-box","& *, *::before, *::after":{boxSizing:"inherit",listStyleType:"none"},"& *:focus-visible":{outline:"1px $info500 solid",transition:"none"}});function gp(t){let{config:e}=t;lp();let{activeTheme:o}=up(e?.theme||{}),[n,r]=fp(""),[s,a]=fp(),p=fg(pi);return gg(()=>{e?.apiKey&&Ci({API_KEY:e?.apiKey})},[e]),hp(()=>{O.persist.rehydrate(),Pe.persist.rehydrate(),p.onConnectWallet(r)},[]),lt.createElement(mg,{language:e?.language},lt.createElement(hg,{id:"swap-container",className:o},lt.createElement(cp,null,lt.createElement(ap,null),lt.createElement(Os,{config:e,lastConnectedWallet:n,disconnectedWallet:s,clearDisconnectedWallet:()=>{a(void 0)}},lt.createElement(op,{config:e})))))}i(gp,"Main");function yg(t){let{updateConfig:e,config:o}=Le();return hp(()=>{t.config&&e(t.config)},[t.config]),t.config?.externalWallets?lt.createElement(gp,{...t}):lt.createElement(ui,{providers:o?.wallets,options:{walletConnectProjectId:o?.walletConnectProjectId}},lt.createElement(gp,{...t}))}i(yg,"Widget");import{useWallets as Ca}from"@rango-dev/wallets-react";import{useEvents as rI,MainEvents as iI,RouteEventType as dI,StepEventType as wI,StepExecutionEventStatus as vI,StepExecutionBlockedEventStatus as bI}from"@rango-dev/queue-manager-rango-preset";export{iI as MainEvents,dI as RouteEventType,wI as StepEventType,bI as StepExecutionBlockedEventStatus,vI as StepExecutionEventStatus,yg as Widget,ui as WidgetWallets,Ca as useWallets,rI as useWidgetEvents};
2
2
  //# sourceMappingURL=index.js.map