@rango-dev/widget-embedded 0.17.1-next.1 → 0.17.1-next.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/QueueManager.d.ts +5 -2
- package/dist/QueueManager.d.ts.map +1 -1
- package/dist/components/AppRouter.d.ts +0 -2
- package/dist/components/AppRouter.d.ts.map +1 -1
- package/dist/components/AppRoutes.d.ts +1 -6
- package/dist/components/AppRoutes.d.ts.map +1 -1
- package/dist/components/ConfirmWalletsModal/ConfirmWallets.helpers.d.ts +1 -3
- package/dist/components/ConfirmWalletsModal/ConfirmWallets.helpers.d.ts.map +1 -1
- package/dist/components/ConfirmWalletsModal/ConfirmWallets.styles.d.ts +1 -1
- package/dist/components/ConfirmWalletsModal/ConfirmWalletsModal.d.ts.map +1 -1
- package/dist/components/ConfirmWalletsModal/ConfirmWalletsModal.types.d.ts +1 -3
- package/dist/components/ConfirmWalletsModal/ConfirmWalletsModal.types.d.ts.map +1 -1
- package/dist/components/ConfirmWalletsModal/WalletList.d.ts.map +1 -1
- package/dist/components/ConfirmWalletsModal/WalletList.type.d.ts +1 -4
- package/dist/components/ConfirmWalletsModal/WalletList.type.d.ts.map +1 -1
- package/dist/components/NoResult/NoResult.d.ts +4 -0
- package/dist/components/NoResult/NoResult.d.ts.map +1 -0
- package/dist/components/NoResult/NoResult.helpers.d.ts +4 -0
- package/dist/components/NoResult/NoResult.helpers.d.ts.map +1 -0
- package/dist/components/{NoRoutes/NoRoutes.styles.d.ts → NoResult/NoResult.styles.d.ts} +1 -1
- package/dist/components/{NoRoutes/NoRoutes.styles.d.ts.map → NoResult/NoResult.styles.d.ts.map} +1 -1
- package/dist/components/{NoRoutes/NoRoutes.types.d.ts → NoResult/NoResult.types.d.ts} +3 -3
- package/dist/components/NoResult/NoResult.types.d.ts.map +1 -0
- package/dist/components/NoResult/index.d.ts +2 -0
- package/dist/components/NoResult/index.d.ts.map +1 -0
- package/dist/components/NotificationContent/NotificationContent.d.ts.map +1 -1
- package/dist/components/Quote/Quote.d.ts +4 -0
- package/dist/components/Quote/Quote.d.ts.map +1 -0
- package/dist/components/Quote/Quote.styles.d.ts +1429 -0
- package/dist/components/Quote/Quote.styles.d.ts.map +1 -0
- package/dist/components/Quote/Quote.types.d.ts +22 -0
- package/dist/components/Quote/Quote.types.d.ts.map +1 -0
- package/dist/components/Quote/QuoteSkeleton.d.ts +4 -0
- package/dist/components/Quote/QuoteSkeleton.d.ts.map +1 -0
- package/dist/components/Quote/QuoteSkeleton.styles.d.ts +319 -0
- package/dist/components/Quote/QuoteSkeleton.styles.d.ts.map +1 -0
- package/dist/components/Quote/QuoteSkeleton.types.d.ts +6 -0
- package/dist/components/Quote/QuoteSkeleton.types.d.ts.map +1 -0
- package/dist/components/Quote/QuoteSummary.d.ts +11 -0
- package/dist/components/Quote/QuoteSummary.d.ts.map +1 -0
- package/dist/components/Quote/QuoteSummary.styles.d.ts +158 -0
- package/dist/components/Quote/QuoteSummary.styles.d.ts.map +1 -0
- package/dist/components/Quote/index.d.ts +4 -0
- package/dist/components/Quote/index.d.ts.map +1 -0
- package/dist/components/QuoteWarningsAndErrors/HighValueLossWarningModal.d.ts +11 -0
- package/dist/components/QuoteWarningsAndErrors/HighValueLossWarningModal.d.ts.map +1 -0
- package/dist/components/QuoteWarningsAndErrors/QuoteErrorsModalItem.d.ts +4 -0
- package/dist/components/QuoteWarningsAndErrors/QuoteErrorsModalItem.d.ts.map +1 -0
- package/dist/components/QuoteWarningsAndErrors/QuoteWarningsAndErrors.d.ts +4 -0
- package/dist/components/QuoteWarningsAndErrors/QuoteWarningsAndErrors.d.ts.map +1 -0
- package/dist/components/QuoteWarningsAndErrors/QuoteWarningsAndErrors.helpers.d.ts +9 -0
- package/dist/components/QuoteWarningsAndErrors/QuoteWarningsAndErrors.helpers.d.ts.map +1 -0
- package/dist/components/{RouteErrors/RouteErrors.styles.d.ts → QuoteWarningsAndErrors/QuoteWarningsAndErrors.styles.d.ts} +1 -1
- package/dist/components/QuoteWarningsAndErrors/QuoteWarningsAndErrors.styles.d.ts.map +1 -0
- package/dist/components/QuoteWarningsAndErrors/QuoteWarningsAndErrors.types.d.ts +22 -0
- package/dist/components/QuoteWarningsAndErrors/QuoteWarningsAndErrors.types.d.ts.map +1 -0
- package/dist/components/QuoteWarningsAndErrors/SlippageWariningModal.d.ts +11 -0
- package/dist/components/QuoteWarningsAndErrors/SlippageWariningModal.d.ts.map +1 -0
- package/dist/components/QuoteWarningsAndErrors/UnknownPriceWarningModal.d.ts +11 -0
- package/dist/components/QuoteWarningsAndErrors/UnknownPriceWarningModal.d.ts.map +1 -0
- package/dist/components/QuoteWarningsAndErrors/index.d.ts +2 -0
- package/dist/components/QuoteWarningsAndErrors/index.d.ts.map +1 -0
- package/dist/components/SwapDetails/SwapDetails.d.ts.map +1 -1
- package/dist/components/TokenList/TokenList.d.ts.map +1 -1
- package/dist/components/UpdateUrl.d.ts +1 -6
- package/dist/components/UpdateUrl.d.ts.map +1 -1
- package/dist/components/WidgetEvents.d.ts.map +1 -1
- package/dist/constants/errors.d.ts +4 -4
- package/dist/constants/errors.d.ts.map +1 -1
- package/dist/constants/messages.d.ts +1 -1
- package/dist/constants/searchParams.d.ts +2 -1
- package/dist/constants/searchParams.d.ts.map +1 -1
- package/dist/constants/warnings.d.ts +2 -2
- package/dist/constants/warnings.d.ts.map +1 -1
- package/dist/containers/App/App.d.ts +3 -0
- package/dist/containers/App/App.d.ts.map +1 -0
- package/dist/containers/App/App.styles.d.ts +158 -0
- package/dist/containers/App/App.styles.d.ts.map +1 -0
- package/dist/containers/App/index.d.ts +2 -0
- package/dist/containers/App/index.d.ts.map +1 -0
- package/dist/containers/QuoteInfo/QuoteInfo.d.ts +4 -0
- package/dist/containers/QuoteInfo/QuoteInfo.d.ts.map +1 -0
- package/dist/containers/QuoteInfo/QuoteInfo.styles.d.ts +472 -0
- package/dist/containers/QuoteInfo/QuoteInfo.styles.d.ts.map +1 -0
- package/dist/containers/QuoteInfo/QuoteInfo.types.d.ts +17 -0
- package/dist/containers/QuoteInfo/QuoteInfo.types.d.ts.map +1 -0
- package/dist/containers/QuoteInfo/index.d.ts +2 -0
- package/dist/containers/QuoteInfo/index.d.ts.map +1 -0
- package/dist/containers/Wallets/Wallets.d.ts +6 -0
- package/dist/containers/Wallets/Wallets.d.ts.map +1 -0
- package/dist/containers/Wallets/Wallets.types.d.ts +11 -0
- package/dist/containers/Wallets/Wallets.types.d.ts.map +1 -0
- package/dist/containers/Wallets/index.d.ts +2 -0
- package/dist/containers/Wallets/index.d.ts.map +1 -0
- package/dist/containers/Widget/Widget.d.ts +5 -0
- package/dist/containers/Widget/Widget.d.ts.map +1 -0
- package/dist/containers/Widget/Widget.types.d.ts +5 -0
- package/dist/containers/Widget/Widget.types.d.ts.map +1 -0
- package/dist/containers/Widget/index.d.ts +3 -0
- package/dist/containers/Widget/index.d.ts.map +1 -0
- package/dist/containers/WidgetInfo/WidgetInfo.d.ts +6 -0
- package/dist/containers/WidgetInfo/WidgetInfo.d.ts.map +1 -0
- package/dist/containers/WidgetInfo/WidgetInfo.types.d.ts +5 -0
- package/dist/containers/WidgetInfo/WidgetInfo.types.d.ts.map +1 -0
- package/dist/containers/WidgetInfo/index.d.ts +2 -0
- package/dist/containers/WidgetInfo/index.d.ts.map +1 -0
- package/dist/containers/WidgetProvider/WidgetProvider.d.ts +5 -0
- package/dist/containers/WidgetProvider/WidgetProvider.d.ts.map +1 -0
- package/dist/containers/WidgetProvider/WidgetProvider.types.d.ts +7 -0
- package/dist/containers/WidgetProvider/WidgetProvider.types.d.ts.map +1 -0
- package/dist/containers/WidgetProvider/index.d.ts +2 -0
- package/dist/containers/WidgetProvider/index.d.ts.map +1 -0
- package/dist/hooks/useConfirmSwap/index.d.ts +2 -0
- package/dist/hooks/useConfirmSwap/index.d.ts.map +1 -0
- package/dist/hooks/useConfirmSwap/useConfirmSwap.d.ts +3 -0
- package/dist/hooks/useConfirmSwap/useConfirmSwap.d.ts.map +1 -0
- package/dist/hooks/useConfirmSwap/useConfirmSwap.helpers.d.ts +16 -0
- package/dist/hooks/useConfirmSwap/useConfirmSwap.helpers.d.ts.map +1 -0
- package/dist/hooks/{useConfirmSwap.d.ts → useConfirmSwap/useConfirmSwap.types.d.ts} +5 -7
- package/dist/hooks/useConfirmSwap/useConfirmSwap.types.d.ts.map +1 -0
- package/dist/hooks/{useFetchBestRoute.d.ts → useFetchQuote.d.ts} +3 -3
- package/dist/hooks/useFetchQuote.d.ts.map +1 -0
- package/dist/hooks/useForceAutoConnect.d.ts +2 -0
- package/dist/hooks/useForceAutoConnect.d.ts.map +1 -0
- package/dist/hooks/usePrepareBlockchainList/usePrepareBlockchainList.helpers.d.ts +2 -2
- package/dist/hooks/useSwapInput.d.ts +4 -2
- package/dist/hooks/useSwapInput.d.ts.map +1 -1
- package/dist/hooks/useSyncStoresWithConfig.d.ts +1 -2
- package/dist/hooks/useSyncStoresWithConfig.d.ts.map +1 -1
- package/dist/hooks/useWalletList.d.ts.map +1 -1
- package/dist/index.d.ts +10 -4
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +4 -4
- package/dist/pages/ConfirmSwapPage.d.ts +1 -6
- package/dist/pages/ConfirmSwapPage.d.ts.map +1 -1
- package/dist/pages/Home.d.ts.map +1 -1
- package/dist/pages/LiquiditySourcePage.d.ts +1 -2
- package/dist/pages/LiquiditySourcePage.d.ts.map +1 -1
- package/dist/pages/SelectBlockchainPage.d.ts.map +1 -1
- package/dist/pages/SettingsPage.d.ts +1 -6
- package/dist/pages/SettingsPage.d.ts.map +1 -1
- package/dist/pages/WalletsPage.d.ts +1 -8
- package/dist/pages/WalletsPage.d.ts.map +1 -1
- package/dist/store/AppStore.d.ts +11 -0
- package/dist/store/AppStore.d.ts.map +1 -0
- package/dist/store/app.d.ts +5 -23
- package/dist/store/app.d.ts.map +1 -1
- package/dist/store/{bestRoute.d.ts → quote.d.ts} +39 -27
- package/dist/store/quote.d.ts.map +1 -0
- package/dist/store/settings.d.ts +3 -2
- package/dist/store/settings.d.ts.map +1 -1
- package/dist/store/slices/config.d.ts +3 -2
- package/dist/store/slices/config.d.ts.map +1 -1
- package/dist/store/slices/data.d.ts +3 -0
- package/dist/store/slices/data.d.ts.map +1 -1
- package/dist/store/wallets.d.ts +5 -4
- package/dist/store/wallets.d.ts.map +1 -1
- package/dist/types/config.d.ts +5 -5
- package/dist/types/config.d.ts.map +1 -1
- package/dist/types/index.d.ts +1 -1
- package/dist/types/index.d.ts.map +1 -1
- package/dist/types/quote.d.ts +82 -0
- package/dist/types/quote.d.ts.map +1 -0
- package/dist/utils/numbers.d.ts +1 -1
- package/dist/utils/numbers.d.ts.map +1 -1
- package/dist/utils/{routing.d.ts → quote.d.ts} +16 -12
- package/dist/utils/quote.d.ts.map +1 -0
- package/dist/utils/settings.d.ts +3 -2
- package/dist/utils/settings.d.ts.map +1 -1
- package/dist/utils/swap.d.ts +25 -22
- package/dist/utils/swap.d.ts.map +1 -1
- package/dist/utils/wallets.d.ts +2 -2
- package/dist/utils/wallets.d.ts.map +1 -1
- package/package.json +6 -6
- package/src/QueueManager.tsx +17 -17
- package/src/components/AppRouter.tsx +6 -5
- package/src/components/AppRoutes.tsx +6 -39
- package/src/components/BlockchainList/BlockchainList.tsx +4 -4
- package/src/components/BlockchainsSection/BlockchainsSection.tsx +7 -7
- package/src/components/ConfirmWalletsModal/ConfirmWallets.helpers.ts +2 -64
- package/src/components/ConfirmWalletsModal/ConfirmWalletsModal.tsx +28 -40
- package/src/components/ConfirmWalletsModal/ConfirmWalletsModal.types.ts +1 -3
- package/src/components/ConfirmWalletsModal/WalletList.tsx +6 -5
- package/src/components/ConfirmWalletsModal/WalletList.type.ts +1 -4
- package/src/components/LoadingSwapDetails/LoadingSwapDetails.styles.ts +3 -3
- package/src/components/LoadingSwapDetails/LoadingSwapDetails.tsx +6 -6
- package/src/components/{NoRoutes/NoRoutes.helper.ts → NoResult/NoResult.helpers.ts} +16 -9
- package/src/components/{NoRoutes/NoRoutes.styles.ts → NoResult/NoResult.styles.ts} +2 -0
- package/src/components/{NoRoutes/NoRoutes.tsx → NoResult/NoResult.tsx} +10 -12
- package/src/components/{NoRoutes/NoRoutes.types.ts → NoResult/NoResult.types.ts} +3 -2
- package/src/components/NoResult/index.ts +1 -0
- package/src/components/NotificationContent/NotificationContent.tsx +3 -2
- package/src/components/Quote/Quote.styles.ts +212 -0
- package/src/components/Quote/Quote.tsx +345 -0
- package/src/components/Quote/Quote.types.ts +16 -0
- package/src/components/Quote/QuoteSkeleton.styles.ts +110 -0
- package/src/components/Quote/QuoteSkeleton.tsx +108 -0
- package/src/components/Quote/QuoteSkeleton.types.ts +5 -0
- package/src/components/Quote/QuoteSummary.styles.ts +15 -0
- package/src/components/Quote/QuoteSummary.tsx +46 -0
- package/src/components/Quote/index.ts +3 -0
- package/src/components/QuoteWarningsAndErrors/HighValueLossWarningModal.tsx +107 -0
- package/src/components/{RouteErrors/RouteErrorsModalItem.tsx → QuoteWarningsAndErrors/QuoteErrorsModalItem.tsx} +3 -3
- package/src/components/QuoteWarningsAndErrors/QuoteWarningsAndErrors.helpers.ts +67 -0
- package/src/components/QuoteWarningsAndErrors/QuoteWarningsAndErrors.tsx +103 -0
- package/src/components/QuoteWarningsAndErrors/QuoteWarningsAndErrors.types.ts +24 -0
- package/src/components/QuoteWarningsAndErrors/SlippageWariningModal.tsx +77 -0
- package/src/components/QuoteWarningsAndErrors/UnknownPriceWarningModal.tsx +38 -0
- package/src/components/QuoteWarningsAndErrors/index.ts +1 -0
- package/src/components/SwapDetails/SwapDetails.Placeholder.tsx +1 -1
- package/src/components/SwapDetails/SwapDetails.tsx +18 -22
- package/src/components/SwitchFromAndTo.tsx +2 -2
- package/src/components/TokenList/TokenList.tsx +5 -6
- package/src/components/UpdateUrl.tsx +36 -26
- package/src/components/WidgetEvents.tsx +4 -2
- package/src/constants/errors.ts +8 -10
- package/src/constants/messages.ts +1 -1
- package/src/constants/searchParams.ts +1 -0
- package/src/constants/warnings.ts +7 -7
- package/src/containers/App/App.styles.ts +18 -0
- package/src/containers/App/App.tsx +65 -0
- package/src/containers/App/index.ts +1 -0
- package/src/containers/QuoteInfo/QuoteInfo.styles.ts +15 -0
- package/src/containers/QuoteInfo/QuoteInfo.tsx +97 -0
- package/src/containers/QuoteInfo/QuoteInfo.types.ts +17 -0
- package/src/containers/QuoteInfo/index.ts +1 -0
- package/src/{Wallets.tsx → containers/Wallets/Wallets.tsx} +40 -32
- package/src/containers/Wallets/Wallets.types.ts +12 -0
- package/src/containers/Wallets/index.ts +1 -0
- package/src/containers/Widget/Widget.tsx +19 -0
- package/src/containers/Widget/Widget.types.ts +5 -0
- package/src/containers/Widget/index.ts +2 -0
- package/src/containers/WidgetInfo/WidgetInfo.tsx +36 -0
- package/src/containers/WidgetInfo/WidgetInfo.types.ts +5 -0
- package/src/containers/WidgetInfo/index.ts +1 -0
- package/src/containers/WidgetProvider/WidgetProvider.tsx +19 -0
- package/src/containers/WidgetProvider/WidgetProvider.types.ts +7 -0
- package/src/containers/WidgetProvider/index.ts +1 -0
- package/src/hooks/useConfirmSwap/index.ts +1 -0
- package/src/hooks/useConfirmSwap/useConfirmSwap.helpers.ts +168 -0
- package/src/hooks/useConfirmSwap/useConfirmSwap.ts +136 -0
- package/src/hooks/useConfirmSwap/useConfirmSwap.types.ts +19 -0
- package/src/hooks/{useFetchBestRoute.ts → useFetchQuote.ts} +3 -3
- package/src/hooks/useForceAutoConnect.ts +27 -0
- package/src/hooks/useNavigateBack.ts +3 -3
- package/src/hooks/useSwapInput.ts +58 -23
- package/src/hooks/useSyncStoresWithConfig.ts +22 -19
- package/src/hooks/useWalletList.ts +3 -5
- package/src/index.ts +10 -3
- package/src/pages/ConfirmSwapPage.tsx +58 -235
- package/src/pages/HistoryPage.tsx +1 -1
- package/src/pages/Home.tsx +58 -247
- package/src/pages/LanguagePage.tsx +1 -1
- package/src/pages/LiquiditySourcePage.tsx +23 -32
- package/src/pages/SelectBlockchainPage.tsx +6 -7
- package/src/pages/SelectSwapItemsPage.tsx +5 -5
- package/src/pages/SettingsPage.tsx +9 -13
- package/src/pages/SwapDetailsPage.tsx +3 -3
- package/src/pages/ThemePage.tsx +1 -1
- package/src/pages/WalletsPage.tsx +5 -12
- package/src/store/AppStore.tsx +35 -0
- package/src/store/app.ts +18 -6
- package/src/store/{bestRoute.ts → quote.ts} +68 -60
- package/src/store/settings.ts +7 -4
- package/src/store/slices/config.ts +25 -15
- package/src/store/slices/data.ts +64 -29
- package/src/store/wallets.ts +11 -8
- package/src/types/config.ts +5 -5
- package/src/types/index.ts +1 -1
- package/src/types/quote.ts +107 -0
- package/src/utils/numbers.ts +1 -1
- package/src/utils/quote.ts +338 -0
- package/src/utils/settings.ts +8 -7
- package/src/utils/swap.ts +113 -85
- package/src/utils/wallets.ts +29 -17
- package/dist/Wallets.d.ts +0 -17
- package/dist/Wallets.d.ts.map +0 -1
- package/dist/Widget.d.ts +0 -9
- package/dist/Widget.d.ts.map +0 -1
- package/dist/components/NoRoutes/NoRoutes.d.ts +0 -4
- package/dist/components/NoRoutes/NoRoutes.d.ts.map +0 -1
- package/dist/components/NoRoutes/NoRoutes.helper.d.ts +0 -3
- package/dist/components/NoRoutes/NoRoutes.helper.d.ts.map +0 -1
- package/dist/components/NoRoutes/NoRoutes.types.d.ts.map +0 -1
- package/dist/components/NoRoutes/index.d.ts +0 -2
- package/dist/components/NoRoutes/index.d.ts.map +0 -1
- package/dist/components/RouteErrors/RouteErrors.d.ts +0 -4
- package/dist/components/RouteErrors/RouteErrors.d.ts.map +0 -1
- package/dist/components/RouteErrors/RouteErrors.styles.d.ts.map +0 -1
- package/dist/components/RouteErrors/RouteErrors.types.d.ts +0 -24
- package/dist/components/RouteErrors/RouteErrors.types.d.ts.map +0 -1
- package/dist/components/RouteErrors/RouteErrorsModal.d.ts +0 -4
- package/dist/components/RouteErrors/RouteErrorsModal.d.ts.map +0 -1
- package/dist/components/RouteErrors/RouteErrorsModalItem.d.ts +0 -4
- package/dist/components/RouteErrors/RouteErrorsModalItem.d.ts.map +0 -1
- package/dist/components/RouteErrors/index.d.ts +0 -2
- package/dist/components/RouteErrors/index.d.ts.map +0 -1
- package/dist/hooks/useConfirmSwap.d.ts.map +0 -1
- package/dist/hooks/useFetchBestRoute.d.ts.map +0 -1
- package/dist/store/bestRoute.d.ts.map +0 -1
- package/dist/store/meta.d.ts +0 -23
- package/dist/store/meta.d.ts.map +0 -1
- package/dist/types/routing.d.ts +0 -65
- package/dist/types/routing.d.ts.map +0 -1
- package/dist/utils/routing.d.ts.map +0 -1
- package/src/Widget.tsx +0 -119
- package/src/components/NoRoutes/index.ts +0 -1
- package/src/components/RouteErrors/RouteErrors.tsx +0 -79
- package/src/components/RouteErrors/RouteErrors.types.ts +0 -29
- package/src/components/RouteErrors/RouteErrorsModal.tsx +0 -129
- package/src/components/RouteErrors/index.ts +0 -1
- package/src/hooks/useConfirmSwap.ts +0 -303
- package/src/store/meta.ts +0 -39
- package/src/types/routing.ts +0 -77
- package/src/utils/routing.ts +0 -321
- /package/src/components/{RouteErrors/RouteErrors.styles.ts → QuoteWarningsAndErrors/QuoteWarningsAndErrors.styles.ts} +0 -0
package/dist/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var Mp=Object.defineProperty;var s=(t,e)=>Mp(t,"name",{value:e,configurable:!0});import{MainEvents as eM,RouteEventType as tM,StepEventType as oM,StepExecutionBlockedEventStatus as nM,StepExecutionEventStatus as rM,useEvents as iM}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Ia}from"@rango-dev/wallets-react";import{Events as Hn,Provider as Jp}from"@rango-dev/wallets-react";import{isEvmBlockchain as Zp}from"rango-sdk";import zi,{createContext as eu,useRef as tu}from"react";import{useEffect as Qp}from"react";import{create as jp}from"zustand";import{subscribeWithSelector as Kp}from"zustand/middleware";import{RangoClient as Lp}from"rango-sdk";var ki="c6381a79-2817-4602-83bf-6a641a409e32";var Un={API_KEY:ki};function So(t){return Un[t]}s(So,"getConfig");function Ti(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),Un=e,Un}s(Ti,"initConfig");var wi=20,vi=25,bi="Roboto",zn="theme-widget";var Co,xt=s(()=>Co||(Co=new Lp(So("API_KEY")),Co),"httpService");import{WalletState as Xe}from"@rango-dev/ui";import{readAccountAddress as Dp}from"@rango-dev/wallets-react";import{detectInstallLink as Fp,getCosmosExperimentalChainInfo as Op,isEvmAddress as $p,KEPLR_COMPATIBLE_WALLETS as ih,Networks as Ei}from"@rango-dev/wallets-shared";import qn from"bignumber.js";import{isCosmosBlockchain as Up}from"rango-types";import Pp from"bignumber.js";var Me=new Pp(0);import{WalletTypes as _p}from"@rango-dev/wallets-shared";var xi=[_p.LEAP];import{BigNumber as Ai}from"bignumber.js";var At=s(t=>{let e=(t%60).toString().padStart(2,"0");return`${parseInt((t/60).toString()).toString().padStart(2,"0")}:${e}`},"secondsToString"),T=s((t,e=null,o=null)=>{if(t==null||t==="")return"";let n=new Ai(t),r=1,i=1e3;for(let a=0;a<60;a++)if(new Ai(n.toFixed(a,r)).eq(n)){i=a;break}if(n.gte(1e4))return n.toFormat(0,r);if(n.gte(1e3)||n.gte(100))return n.toFormat(Math.min(i,Math.min(o||100,Math.max(e||0,1))),r);if(n.gte(1))return n.toFormat(Math.min(i,Math.min(o||100,Math.max(e||0,2))),r);if(n.gte(.01))return n.toFormat(Math.min(i,Math.min(o||100,Math.max(e||0,4))),r);for(let a=e||4;a<17;a++)if(n.gte(Math.pow(10,-a)))return n.toFormat(Math.min(i,Math.min(o||100,Math.max(e||0,a))),r);return n.isEqualTo(0)?"0":n.toFormat(Math.min(i,Math.min(o||100,Math.max(e||0,8))),r)},"numberToString");var Et=s(t=>t?.reduce((e,o)=>e+(o.estimatedTimeInSeconds??0),0)||0,"totalArrivalTime");var Re=s((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),Vt=s(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function ko(t,e=4){let o=parseFloat(t);if(isNaN(o))return t;let n=Math.pow(10,e);return(Math.round(o*n)/n).toString()}s(ko,"limitDecimalPlaces");function zp(t){switch(!0){case t.connected:return Xe.CONNECTED;case t.connecting:return Xe.CONNECTING;case!t.installed:return Xe.NOT_INSTALLED;default:return Xe.DISCONNECTED}}s(zp,"mapStatusToWalletState");function Bi(t,e,o,n){return o.filter(r=>!xi.includes(r)).filter(r=>{let{supportedChains:i,hideWhenNotInstalled:a}=e(r);return a&&!t(r).installed?!1:n?!!i.find(l=>l.name===n):!0}).map(r=>{let{name:i,img:a,installLink:l}=e(r),p=zp(t(r));return{title:i,image:a,link:Fp(l),state:p,type:r}})}s(Bi,"mapWalletTypesToWalletInfo");function To(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}s(To,"walletAndSupportedChainsNames");function Wi(t,e,o,n){let r=[];function i(l,p){if(!!!r.find(c=>c.chain===l)){let c={address:p,chain:l,walletType:t};r.push(c)}}s(i,"addAccount");let a=n||[];return e.forEach(l=>{let{address:p,network:u}=Dp(l),c=a.length>0,d=a.includes(u),m=u===Ei.Unknown;if(c&&!d&&!m)return;let C=u===Ei.Unknown&&$p(p);if(m&&!C)return;o.includes(u)||C?a.filter(w=>o.includes(w)).forEach(w=>{i(w,p.toLowerCase())}):i(u,p)}),r}s(Wi,"prepareAccountsForWalletStore");function Ni(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain;e.includes(n)||e.push(n),e.includes(r)||e.push(r),o.internalSwaps&&Array.isArray(o.internalSwaps)&&o.internalSwaps.forEach(i=>{let a=i.from.blockchain,l=i.to.blockchain;e.includes(a)||e.push(a),e.includes(l)||e.push(l)})}),e}s(Ni,"getRequiredChains");function Bt(t,e,o,n){if(t.length===0)return null;let r=t.filter(i=>i.chain===e);return r.length===0?null:r.map(i=>i.balances?.find(a=>n!==null&&a.address===n||n===null&&a.address===n&&a.symbol===o)||null).filter(i=>i!==null).sort((i,a)=>parseFloat(a?.amount||"0")-parseFloat(i?.amount||"1")).find(()=>!0)||null}s(Bt,"getBalanceFromWallet");function wo(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}s(wo,"isAccountAndWalletMatched");function Ii(t,e){let{blockChain:o,balances:n=[]}=t;return n?.map(r=>({chain:o,symbol:r.asset.symbol,ticker:r.asset.symbol,address:r.asset.address||null,rawAmount:r.amount.amount,decimal:r.amount.decimals,amount:new qn(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:vo(o,r.asset.symbol,r.asset.address,e)||null}))||[]}s(Ii,"makeBalanceFor");function Mi(t){return{...t,loading:!1,error:!0}}s(Mi,"resetConnectedWalletState");var vo=s((t,e,o,n)=>n?.find(i=>i.blockchain===t&&i.symbol?.toUpperCase()===e?.toUpperCase()&&i.address===o)?.usdPrice||null,"getUsdPrice"),bo=s((t,e)=>{let o=Op(Object.entries(t).map(([,n])=>n).filter(Up));return o&&o[e]?.experimental},"isExperimentalChain");function qp(t,e){return t.map(({balance:o,...n})=>{let r=T(new qn(Bt(e,n.blockchain,n.symbol,n.address)?.amount||Me)),i="";return n.usdPrice&&(i=T(new qn(Bt(e,n.blockchain,n.symbol,n.address)?.amount||Me).multipliedBy(n.usdPrice))),{...n,...r!=="0"&&{balance:{amount:r,usdValue:i}}}})}s(qp,"getTokensWithBalance");function Li(t,e){let o=e.length>0?qp(t,e):t;return o.sort((n,r)=>n.balance?.usdValue&&r.balance?.usdValue?parseFloat(r.balance.usdValue)-parseFloat(n.balance.usdValue):!n.balance?.usdValue&&r.balance?.usdValue?1:n.balance?.usdValue&&!r.balance?.usdValue?-1:!n.balance?.usdValue&&!r.balance?.usdValue?parseFloat(r.balance?.amount||"0")-parseFloat(n.balance?.amount||"0"):0),o}s(Li,"getTokensBalanceFromWalletAndSort");function Le(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}s(Le,"tokensAreEqual");function Pi(t){return t.sort((e,o)=>+(o.state===Xe.CONNECTED)-+(e.state===Xe.CONNECTED)||+(o.state===Xe.DISCONNECTED||o.state===Xe.CONNECTING)-+(e.state===Xe.DISCONNECTED||e.state===Xe.CONNECTING))}s(Pi,"sortWalletsBasedOnConnectionState");function xo(t,e=8,o=3){if(t.length<2*e+o)return t;let n=t.slice(0,e),r=t.slice(-e);return`${n}${".".repeat(o)}${r}`}s(xo,"getConciseAddress");function _i({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}s(_i,"getAddress");import{create as Xp}from"zustand";import{create as Vp}from"zustand";var Gp=s(t=>{let e=t;e.use={};for(let o of Object.keys(e.getState()))e.use[o]=()=>e(n=>n[o]);return e},"createSelectors"),ve=Gp;var Hp={apiKey:""},Di=s((t,e)=>({config:Hp,updateConfig:o=>{let n=e().config;t({config:{...n,...o}})}}),"createConfigSlice");function Wt(t){return Array.from(new Set(t))}s(Wt,"removeDuplicateFrom");function Gn(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}s(Gn,"areEqual");function Fi(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}s(Fi,"debounce");function gt(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}s(gt,"containsText");var ae=s(()=>document.getElementById("swap-box"),"getContainer");var Oi=s((t,e)=>({_blockchains:[],_tokens:[],_popularTokens:[],_swappers:[],blockchains:o=>{let n=e()._blockchains;if(!o||!o?.type)return n;let r=e().config,i=(o.type==="source"?r.from?.blockchains:r.to?.blockchains)??[];return n.filter(l=>!(i.length>0&&!i.includes(l.name)))},tokens:o=>{let n=e()._tokens;if(!o||!o?.type)return n;let r=e().config,i=(o.type==="source"?r.from?.tokens:r.to?.tokens)??[],a=e().blockchains({type:o.type});return n.filter(p=>i.length>0&&!i.some(u=>Le(u,p))||o.blockchain&&p.blockchain!==o.blockchain||!a.some(u=>u.name===p.blockchain)?!1:o.searchFor?!!(gt(p.symbol,o.searchFor)||gt(p.address||"",o.searchFor)||gt(p.name||"",o.searchFor)):!0).sort((p,u)=>e().isTokenPinned(p)?-1:e().isTokenPinned(u)||p.isSecondaryCoin?1:u.isSecondaryCoin||!p.address&&u.address?-1:p.address&&!u.address?1:0)},isTokenPinned:o=>!!e().config.pinnedTokens?.some(r=>Le(r,o)),fetch:async()=>{let o=await xt().getAllMetadata(),n=[],r=[],i=o.popularTokens,a=o.swappers,l=new Set;o.tokens.forEach(p=>{l.add(p.blockchain),r.push(p)}),o.blockchains.forEach(p=>{p.enabled&&l.has(p.name)&&n.push(p)}),n.sort((p,u)=>p.sort-u.sort),t({_blockchains:n,_tokens:r,_popularTokens:i,_swappers:a})}}),"createDataSlice");var Rp=Vp()((...t)=>({...Oi(...t),...Di(...t)})),Pe=ve(Rp);var x=ve(Xp()(t=>({meta:{blockchains:[],popularTokens:[],swappers:[],tokens:[]},loadingStatus:"loading",fetchMeta:async()=>{try{await Pe.getState().fetch();let e=Pe.getState(),o={blockchains:e.blockchains(),tokens:e.tokens(),popularTokens:e._popularTokens,swappers:e._swappers};t({meta:o,loadingStatus:"success"})}catch{t({loadingStatus:"failed"})}}})));var R=ve(jp()(Kp((t,e)=>({connectedWallets:[],customDestination:"",loading:!1,connectWallet:o=>{let n=e().getWalletsDetails;t(r=>({loading:!0,connectedWallets:r.connectedWallets.filter(i=>i.walletType!==o[0].walletType).concat(o.map(i=>{let a=!r.connectedWallets.find(l=>l.chain===i.chain&&l.selected);return{balances:[],address:i.address,chain:i.chain,explorerUrl:null,walletType:i.walletType,selected:a,loading:!0,error:!1}}))})),n(o)},disconnectWallet:o=>{t(n=>{let r=n.connectedWallets.filter(i=>i.selected&&i.walletType!==o).map(i=>i.chain);return{connectedWallets:n.connectedWallets.filter(i=>i.walletType!==o).map(i=>r.includes(i.chain)?i:(r.push(i.chain),{...i,selected:!0}))}})},selectWallets:o=>t(n=>({connectedWallets:n.connectedWallets.map(r=>{let i=!!o.find(l=>l.chain===r.chain&&l.walletType!==r.walletType&&r.selected),a=!!o.find(l=>l.chain===r.chain&&l.walletType===r.walletType&&!r.selected);return i?{...r,selected:!1}:a?{...r,selected:!0}:r})})),clearConnectedWallet:()=>t(()=>({connectedWallets:[],selectedWallets:[]})),getWalletsDetails:async(o,n=!0)=>{let r=e().getWalletsDetails,{tokens:i}=x.getState().meta;t(a=>({loading:!0,connectedWallets:a.connectedWallets.map(l=>o.find(p=>wo(p,l))?{...l,loading:!0}:l)}));try{let a=o.map(({address:u,chain:c})=>({address:u,blockchain:c})),p=(await xt().getWalletsDetails(a)).wallets;if(p)t(u=>({loading:!1,connectedWallets:u.connectedWallets.map(c=>{let d=o.find(g=>wo(g,c)),m=p.find(g=>g.address===c.address&&g.blockChain===c.chain);return m?.failed&&d&&n&&r([d],!1),d&&m?{...c,explorerUrl:m.explorerUrl,balances:Ii(m,i)}:c})}));else throw new Error("Wallet not found")}catch{t(l=>({loading:!1,connectedWallets:l.connectedWallets.map(p=>o.find(u=>wo(u,p))?Mi(p):p)}))}}}))));import{allProviders as Yp}from"@rango-dev/provider-all";function Ao(t,e){let o=Yp({walletconnect2:{WC_PROJECT_ID:e?.walletConnectProjectId||""}});if(t){let n=[];return t.forEach(r=>{if(typeof r=="string"){let i=o.find(a=>a.config.type===r);i?n.push(i):console.warn(`Couldn't find ${r} provider. Please make sure you are passing the correct name.`)}else n.push(r)}),n}return o}s(Ao,"matchAndGenerateProviders");function $i(t,e){return Ao(t,e).map(r=>r.config.type)}s($i,"configWalletsToWalletName");function Ui(t,e){let o=R.use.clearConnectedWallet(),n=Ao(void 0,e);return Qp(()=>{o(),n=Ao(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}s(Ui,"useWalletProviders");var Vn=eu({onConnectWallet:()=>{}});function Rn(t){let{blockchains:e}=x.use.meta(),{providers:o}=Ui(t.providers,t?.options),n=R.use.disconnectWallet(),r=R.use.connectWallet(),i=tu(),a=e.filter(Zp).map(p=>p.name),l=s((p,u,c,d,m)=>{if(u===Hn.ACCOUNTS)if(c){let g=To(m),C=Wi(p,c,a,g);r(C)}else n(p);if(u===Hn.ACCOUNTS&&d.connected){let g=`${p}-${d.network}-${c}`;d.connected&&(i.current?i.current(g):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(u===Hn.NETWORK&&d.network){let g=`${p}-${d.network}`;i.current?i.current(g):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(p,u,c,d,m)},"onUpdateState");return zi.createElement(Vn.Provider,{value:{onConnectWallet:p=>{i.current=p}}},zi.createElement(Jp,{allBlockChains:e,providers:o,onUpdateState:l,autoConnect:!0},t.children))}s(Rn,"WidgetWallets");import{I18nManager as Pg,styled as _g}from"@rango-dev/ui";import at,{useContext as Dg,useEffect as Ci,useMemo as Fg,useState as Wp}from"react";import{useQueueManager as Pc}from"@rango-dev/queue-manager-rango-preset";import{useWallets as _c}from"@rango-dev/wallets-react";import{isEvmBlockchain as Dc}from"rango-types";import yt,{useEffect as Fc,useRef as Oc}from"react";import{MemoryRouter as $c,useInRouterContext as Uc}from"react-router";import{useLocation as zc,useNavigate as qc}from"react-router-dom";var h={home:"/",fromSwap:"from-swap",fromBlockchain:"/from-swap/blockchains",toBlockchain:"/to-swap/blockchains",toSwap:"to-swap",settings:"settings",liquiditySources:"/settings/liquidity-sources",themes:"/settings/themes",bridges:"/settings/bridges",exchanges:"/settings/exchanges",languages:"/settings/languages",swaps:"swaps",wallets:"wallets",confirmSwap:"confirm-swap",swapDetails:"swaps/:requestId"};import{i18n as Qo}from"@lingui/core";import{Alert as yc,BestRoute as Sc,BestRouteSkeleton as Cc,Button as kc,Divider as dr,styled as Lt,SwapInput as js,Typography as fr,WarningIcon as Tc}from"@rango-dev/ui";import K,{useEffect as wc,useRef as vc,useState as bc}from"react";import{useNavigate as xc}from"react-router-dom";import{ChevronLeftIcon as ru}from"@rango-dev/ui";import Hi from"react";import{darkTheme as ou,IconButton as nu,styled as Eo}from"@rango-dev/ui";var Oe=Eo(nu,{width:"$24",position:"relative",padding:"0",overflow:"unset"}),qi=Eo("div",{position:"absolute",background:"$secondary500",[`.${ou} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),Nt=Eo("div",{display:"flex",justifyContent:"flex-end",width:"$40"}),Gi=Eo("div",{position:"absolute",backgroundColor:"$secondary500",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0"});function Xn(t){return Hi.createElement(Oe,{variant:"ghost",size:"small",onClick:t.onClick},Hi.createElement(ru,{color:"black",size:16}))}s(Xn,"BackButton");import{i18n as iu}from"@lingui/core";import{Button as su,Typography as au}from"@rango-dev/ui";import jn from"react";function Kn(t){return jn.createElement(Nt,null,jn.createElement(su,{variant:"ghost",onClick:t.onClick,size:"xsmall"},jn.createElement(au,{variant:"label",size:"medium",color:"error500"},iu.t("Cancel"))))}s(Kn,"CancelButton");import{i18n as lu}from"@lingui/core";import{Tooltip as pu,WalletIcon as uu}from"@rango-dev/ui";import Bo from"react";function Yn(t){return Bo.createElement(pu,{container:t.container,side:"top",content:lu.t("Connect Wallet")},Bo.createElement(Oe,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&Bo.createElement(qi,null),Bo.createElement(uu,{size:18,color:"black"})))}s(Yn,"WalletButton");import{i18n as Io}from"@lingui/core";import{NotificationsIcon as Au,Popover as Eu,RefreshIcon as Bu,SettingsIcon as Wu,Tooltip as Mo,TransactionIcon as Nu}from"@rango-dev/ui";import de from"react";import{i18n as Cu}from"@lingui/core";import{ChainToken as Yi,ChevronRightIcon as ku,ListItemButton as Tu,Typography as wu}from"@rango-dev/ui";import $e from"react";import{useNavigate as vu}from"react-router-dom";import{create as cu}from"zustand";import{persist as mu,subscribeWithSelector as du}from"zustand/middleware";var _e=ve(cu()(mu(du((t,e)=>({notifications:[],setNotification:(o,n)=>{let r=n.steps[0],i=n.steps[n.steps.length-1],a={event:o,creationTime:Date.now(),read:!1,requestId:n.requestId,route:{from:{blockchain:r.fromBlockchain,tokenAddress:r.fromSymbolAddress,tokenSymbol:r.fromSymbol},to:{blockchain:i.toBlockchain,tokenSymbol:i.toSymbol,tokenAddress:i.toSymbolAddress}}},l=e().notifications.filter(p=>p.requestId!==n.requestId);t(()=>({notifications:[...l,a]}))},setAsRead:o=>{t(n=>({notifications:n.notifications.map(r=>r.requestId===o?{...r,read:!0}:r)}))},getUnreadNotifications:()=>e().notifications.filter(o=>!o.read)})),{name:"notification",skipHydration:!0})));import{create as fu}from"zustand";var be=ve(fu()(t=>({connectWalletsButtonDisabled:!1,selectedSwapRequestId:null,currentPage:"",setSelectedSwap:e=>t({selectedSwapRequestId:e}),setCurrentPage:e=>t({currentPage:e})})));import{styled as Wo}from"@rango-dev/ui";var Vi=Wo("div",{padding:"$10",width:"350px",minHeight:"150px"}),Ri=Wo("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),Xi=Wo("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),ji=Wo("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as gu}from"@lingui/core";import{Divider as hu,NoNotificationIcon as yu,Typography as Su}from"@rango-dev/ui";import No from"react";function Ki(){return No.createElement(ji,null,No.createElement(yu,{color:"secondary",size:26}),No.createElement(hu,{size:12}),No.createElement(Su,{variant:"body",size:"medium",color:"neutral700"},gu.t("You have no notification")))}s(Ki,"NotificationNotFound");var bu=4;function Qn(){let t=vu(),e=be.use.setSelectedSwap(),{getUnreadNotifications:o}=_e(),n=o(),{tokens:r,blockchains:i}=x.use.meta(),a=n.sort((p,u)=>u.creationTime-p.creationTime).slice(0,bu),l=s(p=>{e(p),t(`/swaps/${p}`)},"handleOnClick");return $e.createElement(Vi,null,a.length?$e.createElement(Ri,null,a.map(p=>{let u=r.find(g=>g.address===p.route.from.tokenAddress&&g.blockchain===p.route.from.blockchain&&g.symbol===p.route.from.tokenSymbol),c=i.find(g=>g.name===p.route.from.blockchain),d=r.find(g=>g.address===p.route.to.tokenAddress&&g.blockchain===p.route.to.blockchain&&g.symbol===p.route.to.tokenSymbol),m=i.find(g=>g.name===p.route.to.blockchain);return $e.createElement(Tu,{key:p.requestId,onClick:()=>l(p.requestId),title:$e.createElement(wu,{variant:"body",size:"small",color:"$neutral700"},Cu.t(p.event.message)),id:p.requestId,start:$e.createElement(Xi,null,$e.createElement("div",{className:"from-chain-token"},$e.createElement(Yi,{tokenImage:u?u.image:"",chainImage:c?c.logo:"",size:"small"})),$e.createElement("div",{className:"to-chain-token"},$e.createElement(Yi,{tokenImage:d?d.image:"",chainImage:m?m.logo:"",size:"small"}))),end:$e.createElement(ku,{size:12,color:"gray"})})})):$e.createElement(Ki,null))}s(Qn,"NotificationContent");import{Typography as xu}from"@rango-dev/ui";import Qi from"react";function Ji(){let{getUnreadNotifications:t}=_e(),e=t().length;return e?Qi.createElement(Gi,null,Qi.createElement(xu,{variant:"body",size:"xsmall",color:"$background"},e)):null}s(Ji,"UnreadNotificationsBadge");function Jn(t){let{layoutRef:e,onClickRefresh:o,onClickHistory:n,onClickSettings:r,onClickNotifications:i}=t;return de.createElement(de.Fragment,null,de.createElement(Mo,{container:ae(),side:"top",content:Io.t("Refresh")},de.createElement(Oe,{variant:"ghost",size:"small",onClick:o,disabled:!o},de.createElement(Bu,{size:16,color:o?"black":"gray"}))),de.createElement(Mo,{container:ae(),side:"top",content:Io.t("Notifications")},de.createElement(Eu,{align:"center",collisionBoundary:e,collisionPadding:{right:20,left:20},container:ae(),content:de.createElement(Qn,null)},de.createElement(Oe,{size:"small",variant:"ghost",onClick:i},de.createElement(Au,{size:18,color:"black"}),de.createElement(Ji,null)))),de.createElement(Mo,{container:ae(),side:"top",content:Io.t("Settings")},de.createElement(Oe,{size:"small",variant:"ghost",onClick:r},de.createElement(Wu,{size:18,color:"black"}))),de.createElement(Mo,{container:ae(),side:"top",content:Io.t("Transactions History")},de.createElement(Oe,{size:"small",variant:"ghost",onClick:n},de.createElement(Nu,{size:18,color:"black"}))))}s(Jn,"HomeButtons");import{BottomLogo as Mu,Divider as Lu,Header as Pu}from"@rango-dev/ui";import ge from"react";import{useNavigate as _u}from"react-router-dom";import{darkTheme as Iu,styled as Zn}from"@rango-dev/ui";var Zi=Zn("div",{position:"relative",display:"flex",flexDirection:"column",borderRadius:"$primary",overflow:"hidden !important",boxShadow:"15px 15px 15px 0px rgba(0, 0, 0, 0.05)",width:"95vw",maxWidth:"390px",maxHeight:"700px",$$color:"$colors$neutral100",[`.${Iu} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",variants:{fixedHeight:{true:{height:"95vh"},false:{height:"auto"}}}}),es=Zn("div",{borderTopLeftRadius:"20px",borderTopRightRadius:"20px",display:"flex",flexDirection:"column",flex:1,padding:"$20 $20 $10 $20",backgroundColor:"$background",position:"relative",overflowY:"auto",overflowX:"hidden",variants:{noPadding:{true:{padding:"0"}}}}),ts=Zn("div",{backgroundColor:"$background","& .footer__content":{padding:"$0 $20"},"& .footer__logo":{padding:"$0 $20 $10 $20"}});function Du(t,e){let{children:o,header:n,footer:r,noPadding:i,hasLogo:a=!0,fixedHeight:l=!0}=t,p=R.use.connectedWallets(),u=be.use.connectWalletsButtonDisabled(),c=_u(),d=s(()=>{u||c("/"+h.wallets)},"onConnectWallet");return ge.createElement(Zi,{ref:e,fixedHeight:l,id:"swap-box"},ge.createElement(Pu,{prefix:ge.createElement(ge.Fragment,null,n.onBack&&ge.createElement(Xn,{onClick:n.onBack})),title:n.title,suffix:ge.createElement(ge.Fragment,null,n.suffix,n.hasConnectWallet&&ge.createElement(Yn,{container:ae(),onClick:d,isConnected:!!p?.length}),n.onCancel&&ge.createElement(Kn,{onClick:n.onCancel}))}),ge.createElement(es,{noPadding:i},o),(a||r)&&ge.createElement(ts,null,ge.createElement("div",{className:"footer__content"},r),a&&ge.createElement("div",{className:"footer__logo"},ge.createElement(Lu,{size:12}),ge.createElement(Mu,null))))}s(Du,"LayoutComponent");var J=ge.forwardRef(Du);J.displayName="Layout";import{Alert as Hu,Button as Vu,Divider as fs,NoRouteIcon as Ru,RefreshIcon as Xu,Typography as gs}from"@rango-dev/ui";import Ue from"react";import{i18n as he}from"@lingui/core";var Rt=(r=>(r[r.ROUTE_UPDATED=0]="ROUTE_UPDATED",r[r.ROUTE_SWAPPERS_UPDATED=1]="ROUTE_SWAPPERS_UPDATED",r[r.ROUTE_COINS_UPDATED=2]="ROUTE_COINS_UPDATED",r[r.ROUTE_AND_OUTPUT_AMOUNT_UPDATED=3]="ROUTE_AND_OUTPUT_AMOUNT_UPDATED",r))(Rt||{});var q=s(()=>({genericServerError:he.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:he.t("Please reset your liquidity sources."),description:he.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources")},noRoutesError:{title:he.t("No Routes Found"),description:he.t("Reasons why Rango couldn't find a route: low liquidity on token, very low input amount or no routes available for the selected input/output token combination.")},bridgeLimitErrors:{increaseAmount:he.t("Bridge Limit Error: Please increase your amount"),decreaseAmount:he.t("Bridge Limit Error: Please decrease your amount")},highValueLossError:{impactTitle:he.t("High Price Impact"),title:he.t("Price impact is too high!"),description:he.t("The price impact is significantly higher than the allowed amount. If you are sure, continue, otherwise, change the swap."),confirmMessage:he.t("Confirm High price impact")},routeUpdatedWithHighValueLoss:{title:he.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:he.t("USD Price Unknown"),title:he.t("USD Price Unknown, Cannot calculate Price Impact."),description:he.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:he.t("Confirm USD Price Unknown")}}),"errorMessages");function Lo(t){switch(t.type){case 0:return t.diagnosisMessage??q().noRoutesError.title;case 2:return q().genericServerError;case 1:return q().routeUpdatedWithHighValueLoss.title;default:return""}}s(Lo,"getConfirmSwapErrorMessage");import{create as zu}from"zustand";import{persist as qu,subscribeWithSelector as Gu}from"zustand/middleware";import{English as Fu,French as Ou,Japanese as $u,Spanish as Uu}from"@rango-dev/ui";var ns=[{title:"English",label:"English",local:"en",SVGFlag:Fu},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:Uu},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:Ou},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:$u}],Po="en";var rs=[.5,1,3],is=1,ss=5,as=100,ls=0;var F=ve(zu()(qu(Gu((t,e)=>({preferredBlockchains:[],slippage:is,customSlippage:null,infiniteApprove:!1,affiliateRef:null,affiliatePercent:null,affiliateWallets:null,disabledLiquiditySources:[],theme:"auto",language:Po,addPreferredBlockchain:o=>{let n=e().preferredBlockchains;if(n.find((a,l)=>{let p=a===o,u=l<=10-1;return p&&u}))return;let i=n.filter(a=>!(a===o));t(()=>({preferredBlockchains:[o,...i]}))},setSlippage:o=>t(()=>({slippage:o})),setCustomSlippage:o=>t(()=>({customSlippage:o})),setAffiliateRef:o=>t(()=>({affiliateRef:o})),setAffiliatePercent:o=>t(()=>({affiliatePercent:o})),setAffiliateWallets:o=>t(()=>({affiliateWallets:o})),toggleAllLiquiditySources:o=>t(n=>{if(o)return{disabledLiquiditySources:[]};let{swappers:r}=x.getState().meta,i=Wt(r.map(a=>a.swapperGroup));return i.length===n.disabledLiquiditySources.length?{disabledLiquiditySources:[]}:{disabledLiquiditySources:i}}),toggleInfiniteApprove:()=>t(o=>({infiniteApprove:!o.infiniteApprove})),toggleLiquiditySource:o=>t(n=>n.disabledLiquiditySources.includes(o)?{disabledLiquiditySources:n.disabledLiquiditySources.filter(r=>r!=o)}:{disabledLiquiditySources:n.disabledLiquiditySources.concat(o)}),setTheme:o=>t(()=>({theme:o})),setLanguage:o=>t(()=>({language:o}))})),{name:"user-settings",skipHydration:!0})));import{i18n as ps}from"@lingui/core";function us(t,e,o,n,r){return o?{alert:{type:"warning",text:q().genericServerError,action:{onClick:r,title:ps.t("Retry")}},description:""}:t?{alert:{type:"error",text:t,action:null},description:""}:e.length?{alert:{type:"warning",text:q().liquiditySourcesError.title,action:{onClick:()=>n(!0),title:ps.t("Reset")}},description:q().liquiditySourcesError.description}:{alert:null,description:q().noRoutesError.description}}s(us,"makeInfo");import{styled as tr}from"@rango-dev/ui";var cs=tr("div",{display:"flex",flexDirection:"column",alignItems:"center"}),ms=tr("div",{width:"100%"}),ds=tr("div",{padding:"$6 $0"});function Xt(t){let{diagnosisMessage:e,fetch:o,error:n}=t,r=F.use.disabledLiquiditySources(),i=x.use.loadingStatus(),a=F.use.toggleAllLiquiditySources(),p=us(e??null,r,n||i==="failed",a,o);return Ue.createElement(cs,null,Ue.createElement(Ru,{size:24,color:"gray"}),Ue.createElement(fs,{size:4}),Ue.createElement(gs,{variant:"title",size:"small"},q().noRoutesError.title),!!p.description&&Ue.createElement(gs,{variant:"body",size:"small",align:"center",color:"neutral700"},p.description),Ue.createElement(fs,{size:4}),!!p.alert&&Ue.createElement(ms,null,Ue.createElement(Hu,{type:p.alert.type,title:p.alert.text,action:p.alert.action&&Ue.createElement(Vu,{size:"xsmall",type:p.alert.type,prefix:Ue.createElement(ds,null,Ue.createElement(Xu,{size:8})),onClick:p.alert.action.onClick},p.alert.action.title),variant:"alarm"})))}s(Xt,"NoRoutes");import{Alert as qs,Divider as ac,InfoIcon as lc}from"@rango-dev/ui";import Ge from"react";import ut from"bignumber.js";import{create as ec}from"zustand";import{subscribeWithSelector as tc}from"zustand/middleware";import{getLastSuccessfulStep as Ku}from"@rango-dev/queue-manager-rango-preset";import AC from"bignumber.js";function hs(t,e){return e.find(o=>o.name===t)?.displayName}s(hs,"getBlockchainDisplayNameFor");function Ze(t,e){return e.find(o=>o.name===t)?.shortName}s(Ze,"getBlockchainShortNameFor");function or(t,e){return e.find(o=>Le(o,t))??null}s(or,"findToken");function nr(t,e){return e.find(o=>o.name===t)??null}s(nr,"findBlockchain");function rr(t,e,o){return o&&t.find(n=>{let r=e?.split("--");return r?.length===1?n.symbol===r[0]&&n.address===null&&n.blockchain===o.name:n.symbol===r?.[0]&&n.address===r?.[1]&&n.blockchain===o.name})||null}s(rr,"searchParamsToToken");function ys(t){return t?.result?.swaps[t?.result?.swaps.length-1].to.usdPrice}s(ys,"getBestRouteToTokenUsdPrice");function ir(t,e){let o=t.result?.swaps||[],n=e.result?.swaps||[];return o.length!==n.length}s(ir,"isNumberOfSwapsChanged");function sr(t,e){let o=t.result?.swaps.map(r=>r.swapperId)||[],n=e.result?.swaps.map(r=>r.swapperId)||[];return!Gn(o,n)}s(sr,"isRouteSwappersUpdated");function ar(t,e){let o=t.result?.swaps.map(r=>r.to.symbol)||[],n=e.result?.swaps.map(r=>r.to.symbol)||[];return!Gn(o,n)}s(ar,"isRouteInternalCoinsUpdated");function Ss(t,e){return ir(t,e)||sr(t,e)||ar(t,e)}s(Ss,"isRouteChanged");function Cs(t,e){if(e===null)return null;let o=e?.find(n=>n.blockchain===t.chain)?.wallets.find(n=>n.address?.toLowerCase()===t.address.toLowerCase());return o?o.requiredAssets:null}s(Cs,"getRequiredBalanceOfWallet");function ks(t){if(!t)return null;let e=(t.result?.swaps||[]).map(o=>({...o,fromAmount:T(o.fromAmount,6,6),toAmount:T(o.toAmount,6,6)}));return{...t,...t.result&&{result:{...t.result,swaps:e}}}}s(ks,"getFormattedBestRoute");function It(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}s(It,"getPriceImpactLevel");function Ts(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],i=Ku(t.steps),a={blockchain:r.toBlockchain,symbol:r.toSymbol,address:r.toSymbolAddress},l=nr(i?i.toBlockchain:n.fromBlockchain,e),p=nr(r.toBlockchain,e),u=or(i?{blockchain:l?.name??"",symbol:i.toSymbol,address:i.toSymbolAddress}:{blockchain:l?.name??"",symbol:n.fromSymbol,address:n.fromSymbolAddress},o),c=or(a,o),d=i?i.outputAmount??"":t.inputAmount;return{fromBlockchain:l,fromToken:u,toBlockchain:p,toToken:c,inputAmount:d}}s(Ts,"createRetryRoute");import{i18n as ze}from"@lingui/core";import{PendingSwapNetworkStatus as $o}from"@rango-dev/queue-manager-rango-preset";import xe from"bignumber.js";function ws(t,e){return t.result?.swaps.map(o=>({swapper:{displayName:o.swapperId,image:o.swapperLogo},from:{token:{displayName:o.from.symbol,image:o.from.logo},chain:{displayName:Ze(o.from.blockchain,e)??"",image:o.from.blockchainLogo},price:{value:T(o.fromAmount,6,6),usdValue:T(o.from.usdPrice?.toString(),4,4)}},to:{token:{displayName:o.to.symbol,image:o.to.logo},chain:{displayName:Ze(o.to.blockchain,e)??"",image:o.to.blockchainLogo},price:{value:T(o.toAmount,6,6),usdValue:T(o.to.usdPrice?.toString(),4,4)}}}))}s(ws,"formatBestRoute");function Do(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,i=e[e.length-1];n!=i&&e.push(n),i=e[e.length-1],r!=i&&e.push(r)}),e}s(Do,"getRequiredWallets");function Fo(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}s(Fo,"isValidAddress");import{i18n as Oo}from"@lingui/core";var ht=s(()=>({connectWallet:Oo.t("Connect Wallet"),swap:Oo.t("Swap"),swapAnyway:Oo.t("Swap anyway"),ethRouteWarning:Oo.t("The route goes through Ethereum. Continue?")}),"swapButtonTitles");function qo(t,e){return!t||!e||t.lte(Me)||e.lte(Me)?0:e.div(t).minus(1).multipliedBy(100)}s(qo,"getOutputRatio");function Go(t,e){return(parseInt(e.toFixed(2)||"0")<=-10&&t?.gte(new xe(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new xe(1e3)))??!1}s(Go,"outputRatioHasWarning");function Ho(t){return(t?.result?.swaps||[]).filter(e=>{let o=e.fromAmountMinValue?new xe(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new xe(e.fromAmountMaxValue):null;return e.fromAmountRestrictionType==="EXCLUSIVE"?o?.gte(e.fromAmount)||n?.lte(e.fromAmount):o?.gt(e.fromAmount)||n?.lt(e.fromAmount)}).length>0}s(Ho,"hasLimitError");function Vo(t){if(!t)return{swap:null,fromAmountRangeError:"",recommendation:""};let e=(t?.result?.swaps||[]).filter(l=>{let p=l.fromAmountMinValue?new xe(l.fromAmountMinValue):null,u=l.fromAmountMaxValue?new xe(l.fromAmountMaxValue):null;return l.fromAmountRestrictionType==="EXCLUSIVE"?p?.gte(l.fromAmount)||u?.lte(l.fromAmount):p?.gt(l.fromAmount)||u?.lt(l.fromAmount)})[0];if(!e)return{swap:null,fromAmountRangeError:"",recommendation:""};let o=e.fromAmountMinValue?new xe(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new xe(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",i="",a="";return!r&&o&&o.gt(e.fromAmount)?(i=ze.t({id:"Required: >= {min} {symbol}",values:{min:T(o,6,6),symbol:e.from.symbol}}),a=q().bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(i=ze.t({id:"Required: > {min} {symbol}",values:{min:T(o,6,6),symbol:e.from.symbol}}),a=q().bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(i=ze.t({id:"Required: <= {max} {symbol}",values:{max:T(n,6,6),symbol:e.from.symbol}}),a=q().bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(i=ze.t({id:"Required: < {max} {symbol}",values:{max:T(n,6,6),symbol:e.from.symbol}}),a=q().bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:i,recommendation:a}}s(Vo,"LimitErrorMessage");function vs(t,e,o,n,r,i,a,l,p){return t!=="success"?{title:ht().connectWallet,state:"waitForConnecting",disabled:!0}:e.length==0?{title:ht().connectWallet,state:"waitForConnecting",disabled:!1}:o||!n||!n.result||r||!p||p==="0"?{title:ht().swap,disabled:!0,state:"swap"}:i||a?{title:ht().swapAnyway,disabled:!1,hasWarning:!0,state:"needToConfirm"}:l?{title:ht().ethRouteWarning,disabled:!1,hasWarning:!0,state:"warning"}:{title:ht().swap,disabled:!1,state:"swap"}}s(vs,"getSwapButtonState");function lr(t,e,o){return!((!o||o.lte(Me))&&t?.result&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t.result)}s(lr,"canComputePriceImpact");function Qu(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,i=e[e.length-1];n!=i&&e.push(n),i=e[e.length-1],r!=i&&e.push(r)}),e}s(Qu,"requiredWallets");var Ju=s((t,e,o,n)=>n?.find(i=>i.blockchain===t&&i.symbol?.toUpperCase()===e?.toUpperCase()&&i.address===o)?.usdPrice||null,"getUsdPrice");function Zu(t,e){let o=Me;for(let n=0;n<t.fee.length;n++){let r=t.fee[n];if(r.expenseType==="DECREASE_FROM_OUTPUT")continue;let i=Ju(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new xe(r.amount).multipliedBy(i||0))}return o}s(Zu,"getUsdFeeOfStep");function Ro(t,e){return t?.result?.swaps.reduce((o,n)=>o.plus(Zu(n,e)),Me)||null}s(Ro,"getTotalFeeInUsd");function bs(t){return t.result?.swaps.map(o=>o.recommendedSlippage)?.map(o=>o?.slippage||"0")?.filter(o=>parseFloat(o)>0)?.sort((o,n)=>parseFloat(n)-parseFloat(o))?.find(()=>!0)||null}s(bs,"getMinRequiredSlippage");function xs(t,e){return e?parseFloat(t)>=parseFloat(e):!0}s(xs,"hasProperSlippage");function Xo(t){let{fromToken:e,toToken:o,inputAmount:n,wallets:r,selectedWallets:i,disabledLiquiditySources:a,slippage:l,affiliateRef:p,affiliatePercent:u,affiliateWallets:c,initialRoute:d,destination:m}=t,g=i?.reduce((f,k)=>(f[k.chain]=k.address,f),{}),C=[];r?.forEach(f=>{let k=C.find(v=>v.blockchain===f.chain);k?k.addresses.push(f.address):C.push({blockchain:f.chain,addresses:[f.address]})});let y=!!d,S=Wt((d?.result?.swaps||[]).reduce((f,k)=>(f.push(k.from.blockchain,k.to.blockchain),k.internalSwaps&&Array.isArray(k.internalSwaps)&&k.internalSwaps.map(v=>{f.push(v.from.blockchain,v.to.blockchain)}),f),[]));return{amount:n.toString(),affiliateRef:p??void 0,affiliatePercent:u??void 0,affiliateWallets:c??void 0,checkPrerequisites:y,from:{address:e.address,blockchain:e.blockchain,symbol:e.symbol},to:{address:o.address,blockchain:o.blockchain,symbol:o.symbol},connectedWallets:C,selectedWallets:g??{},slippage:l.toString(),...m&&{destination:m},...a.length>0&&{swapperGroups:a,swappersGroupsExclude:!0},...y&&{blockchains:S}}}s(Xo,"createBestRouteRequestBody");function As(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}s(As,"getWalletsForNewSwap");function Mt(t){return t?.result?.outputAmount||null}s(Mt,"getRouteOutputAmount");function et(t,e){return!t||!e?null:new xe(e).div(new xe(t)).minus(1).multipliedBy(100)}s(et,"getPercentageChange");function Es(t,e){let o=Mt(t),n=Mt(e);if(!o||!n)return!1;let r=et(o,n);return r?r.toNumber()<=-1:!0}s(Es,"isOutputAmountChangedALot");function Bs(t,e){let o=t.validationStatus,n=Ni(t);return e.sort((i,a)=>n.indexOf(i.chain)-n.indexOf(a.chain)).flatMap(i=>Cs(i,o)||[]).filter(i=>!i.ok).map(i=>{let a=i.asset.symbol,l=T(new xe(i.currentAmount.amount).shiftedBy(-i.currentAmount.decimals),8,8),p=T(new xe(i.requiredAmount.amount).shiftedBy(-i.requiredAmount.decimals),8,8),u="";return i.reason==="FEE"&&(u=ze.t(" for network fee")),i.reason==="INPUT_ASSET"&&(u=ze.t(" for swap")),i.reason==="FEE_AND_INPUT_ASSET"&&(u=ze.t(" for input and network fee")),ze.t({id:"Needs \u2248 {requiredAmount} {symbol}{reason}, but you have {currentAmount} {symbol} in your {blockchain} wallet.",values:{requiredAmount:p,symbol:a,reason:u,currentAmount:l,blockchain:i.asset.blockchain}})})}s(Bs,"getBalanceWarnings");function Ws(t,e){return(t?new xe(t):Me).multipliedBy(e||0)}s(Ws,"calcOutputUsdValue");function jt(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==$o.NetworkChanged}s(jt,"isNetworkStatusInWarningState");function Ns(t,e){let o="bellow button or",n=t.extraMessage,r=t.extraMessageDetail;if(t.networkStatusExtraMessageDetail?.includes(o)&&(t.networkStatusExtraMessageDetail=t.networkStatusExtraMessageDetail.replace(o,"")),jt(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case $o.WaitingForConnectingWallet:n=n||ze.t("Waiting for connecting wallet");break;case $o.WaitingForQueue:n=n||ze.t("Waiting for other running tasks to be finished");break;case $o.WaitingForNetworkChange:n=n||ze.t("Waiting for changing wallet network");break;default:n=n||"";break}r=r||"",n=n||"";let a=n?.indexOf("code")!==-1&&n?.indexOf("reason")!==-1;return{shortMessage:n,detailedMessage:{content:r,long:a}}}s(Ns,"getSwapMessages");function Is(t){let e=null;if(t.status==="failed"){let o=t.steps.slice().reverse().filter(n=>n.status==="success")[0];o&&(e={blockchain:o.toBlockchain,symbol:o.toSymbol,outputAmount:o.outputAmount,address:o.toSymbolAddress})}return e}s(Is,"getLastConvertedTokenInFailedSwap");function Ms(t){return t.status==="failed"&&!!t.finishTime&&new Date().getTime()-parseInt(t.finishTime)<4*3600*1e3}s(Ms,"shouldRetrySwap");function Ls(t,e,o,n,r,i){return t||!e&&!Qu(n).every(a=>r.map(l=>l.chain).includes(a))||!!e&&!o||!!e&&!!o&&i&&!Fo(i,o)}s(Ls,"confirmSwapDisabled");var jo=s((t,e)=>t?.usdPrice?new ut(e||Me).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),_=ve(ec()(tc(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new ut(0),outputUsdValue:new ut(0),toBlockchain:null,toToken:null,bestRoute:null,routeWalletsConfirmed:!1,selectedWallets:[],customDestination:"",setRoute:e=>t(o=>{let n=null,r=Me;return Vt(o.inputAmount)?(e&&(n=e.result?.outputAmount?new ut(e.result?.outputAmount):null,r=Ws(e.result?.outputAmount,ys(e)||o.toToken?.usdPrice)),{bestRoute:e,...!!e&&{outputAmount:n,outputUsdValue:r}}):{}}),resetRoute:()=>t(()=>({bestRoute:null,outputAmount:null,outputUsdValue:new ut(0)})),setFromBlockchain:e=>{t(o=>o.fromBlockchain?.name===e?.name?{}:{fromBlockchain:e,...o.fromToken&&{bestRoute:null,fromToken:null,outputAmount:null,outputUsdValue:null}})},setFromToken:e=>{let{blockchains:o}=x.getState().meta;return t(n=>({fromToken:e,...e&&{fromBlockchain:o.find(r=>r.name===e.blockchain)??null},...!!n.inputAmount&&{inputUsdValue:jo(e,n.inputAmount)}}))},setToBlockchain:e=>{t(o=>o.toBlockchain?.name===e?.name?{}:{toBlockchain:e,...o.toToken&&{bestRoute:null,toToken:null,outputAmount:null,outputUsdValue:null}})},setToToken:e=>{let{blockchains:o}=x.getState().meta;return t(()=>({toToken:e,...e&&{toBlockchain:o.find(n=>n.name===e.blockchain)??null}}))},setInputAmount:e=>{t(o=>({inputAmount:e,...!e&&{outputAmount:new ut(0),outputUsdValue:new ut(0),bestRoute:null},...!!o.fromToken&&{inputUsdValue:jo(o.fromToken,e)}}))},retry:e=>{let{tokens:o,blockchains:n}=x.getState().meta,{fromBlockchain:r,fromToken:i,toBlockchain:a,toToken:l,inputAmount:p}=Ts(e,n,o);t({fromBlockchain:r,fromToken:i,inputAmount:p,outputAmount:null,inputUsdValue:jo(i??null,p),outputUsdValue:new ut(0),toBlockchain:a,toToken:l,bestRoute:null})},switchFromAndTo:()=>t(e=>({fromBlockchain:e.toBlockchain,fromToken:e.toToken,toBlockchain:e.fromBlockchain,toToken:e.fromToken,inputAmount:e.outputAmount?.toString()||"",inputUsdValue:jo(e.toToken,e.outputAmount?.toString()||"")})),resetFromBlockchain:()=>t(()=>({fromToken:null,fromBlockchain:null,outputAmount:null,outputUsdValue:null,bestRoute:null})),resetToBlockchain:()=>t(()=>({toToken:null,toBlockchain:null,outputAmount:null,outputUsdValue:null,bestRoute:null})),setRouteWalletConfirmed:e=>t({routeWalletsConfirmed:e}),setSelectedWallets:e=>t({selectedWallets:e}),setCustomDestination:e=>t({customDestination:e}),resetRouteWallets:()=>t({routeWalletsConfirmed:!1,selectedWallets:[],customDestination:""})}))));import{styled as Ko}from"@rango-dev/ui";var Ps=Ko("div",{width:"100%",paddingTop:"$10"}),pr=Ko("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),_s=Ko("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%"}),Ds=Ko("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});import{i18n as Kt}from"@lingui/core";import{Button as oc,Divider as $s,MessageBox as Us,Modal as nc,Typography as rc,WarningIcon as ic}from"@rango-dev/ui";import qe from"react";import{useNavigate as sc}from"react-router-dom";import{Typography as Fs}from"@rango-dev/ui";import ur from"react";function Os(t){let{title:e,value:o,valueColor:n}=t;return ur.createElement(_s,null,ur.createElement(Fs,{size:"medium",variant:"label",color:"neutral600"},e),ur.createElement(Fs,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}s(Os,"RouteErrorsModalItem");function zs(t){let{highValueLoss:e,open:o,onToggle:n,percentageChange:r,inputUsdValue:i,outputUsdValue:a,totalFeeInUsd:l}=t,p=sc(),u=e&&r?.lt(-10)?"error":"warning",c=[{title:Kt.t("Swapping"),value:T(i,4,4)},{title:Kt.t("Gas cost"),value:T(l,2,2)},{title:Kt.t("Receiving"),value:T(a,4,4)},{title:Kt.t("Price impact"),value:T(r,2,2),valueColor:`${u}500`}];return qe.createElement(nc,{open:o,onClose:()=>n(!1),container:document.getElementById("swap-box")||document.body},e?qe.createElement(Us,{type:u,title:q().highValueLossError.impactTitle,description:q().highValueLossError.description}):qe.createElement(Us,{type:u,title:q().unknownPriceError.impactTitle,description:q().unknownPriceError.description}),e&&qe.createElement(pr,null,qe.createElement($s,{size:20}),qe.createElement(rc,{size:"small",variant:"title"},Kt.t("Details")),qe.createElement(pr,null,c.map((d,m)=>qe.createElement(Os,{key:m,...d})))),qe.createElement($s,{size:32}),qe.createElement(oc,{type:"primary",size:"large",prefix:qe.createElement(ic,null),fullWidth:!0,onClick:()=>{p(h.confirmSwap)}},e?q().highValueLossError.confirmMessage:q().unknownPriceError.confirmMessage))}s(zs,"RouteErrorsModal");var pc=-10;function cr(t){let{bestRoute:e}=_(),{highValueLoss:o,percentageChange:n,priceImpactCanNotBeComputed:r,openModal:i,onToggle:a,totalFeeInUsd:l,outputUsdValue:p,inputUsdValue:u,loading:c,extraSpace:d}=t,m=Ho(e),{recommendation:g}=Vo(e),C=!m&&(o||r),y=C||m;return Ge.createElement(Ge.Fragment,null,(c||d&&!y)&&Ge.createElement(ac,{size:20}),y&&Ge.createElement(Ps,null,C&&Ge.createElement(Ge.Fragment,null,Ge.createElement(qs,{title:o?q().highValueLossError.title:q().unknownPriceError.title,type:o&&n?.lt(pc)?"error":"warning",variant:"alarm",action:Ge.createElement(Ds,{onClick:()=>a(!0)},Ge.createElement(lc,{size:12,color:"gray"}))})),m&&Ge.createElement(qs,{type:"error",variant:"alarm",title:g})),Ge.createElement(zs,{highValueLoss:o,open:i,onToggle:a,percentageChange:n,inputUsdValue:u,outputUsdValue:p,totalFeeInUsd:l}))}s(cr,"RouteErrors");import{ReverseIcon as uc,styled as Gs}from"@rango-dev/ui";import mr from"react";var cc=Gs("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),mc=Gs("div",{borderRadius:"$md",border:"3px solid $background",background:"$neutral100",width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center",color:"$foreground","&:hover":{color:"$secondary500"}});function Hs(){let t=_.use.switchFromAndTo();return mr.createElement(cc,null,mr.createElement(mc,{onClick:()=>{t()}},mr.createElement(uc,{size:12})))}s(Hs,"SwitchFromAndToButton");import{useEffect as Vs,useRef as gc,useState as Rs}from"react";import{useRef as dc,useState as fc}from"react";function Yo(){let[t,e]=fc(!1),o=dc(null),n=s(()=>o.current?.abort(),"cancel");return{fetch:s(async i=>{n(),o.current=new AbortController,e(!0);try{let a=await xt().getBestRoute(i,{signal:o.current.signal});return o.current=null,a}catch(a){throw a}finally{e(!1)}},"fetch"),loading:t,cancelFetch:n}}s(Yo,"useFetchBestRoute");var hc=600;function Xs(){let{fetch:t,cancelFetch:e}=Yo(),[o,n]=Rs(!1),{fromToken:r,toToken:i,inputAmount:a,inputUsdValue:l,resetRoute:p,setRoute:u}=_(),{slippage:c,customSlippage:d,affiliatePercent:m,affiliateRef:g,affiliateWallets:C,disabledLiquiditySources:y}=F(),[S,w]=Rs(""),f=gc(y),k=d??c,b=!r||!i||Le(r,i)||!Vt(a),B=s(()=>{if(o||n(!0),!b){p();let A=Xo({fromToken:r,toToken:i,inputAmount:a,disabledLiquiditySources:y,slippage:k,affiliateRef:g,affiliatePercent:m,affiliateWallets:C});t(A).then(N=>{n(!1),u(N)}).catch(N=>{p(),N?.code!=="ERR_CANCELED"&&(w(N.message),n(!1))})}},"fetch"),O=Fi(()=>{b||B()},hc);return Vs(()=>{if(!Vt(a)||l?.eq(0)){n(!1),e();return}if(!b)return p(),n(!0),O(),e},[a,b]),Vs(()=>{let A=!!f.current.length&&!y.length;return!b&&A&&B(),f.current=y,e},[y.length]),{fetch:B,loading:o,error:S}}s(Xs,"useSwapInput");var Ac=Lt("div",{display:"flex",flexDirection:"column",overflowY:"visible"}),Ec=Lt("div",{position:"relative"}),Bc=Lt("div",{display:"flex",flexDirection:"column",gap:5,alignSelf:"stretch"}),Ks=Lt("div",{width:"100%",paddingTop:"$2"}),Wc=Lt("div",{paddingBottom:"$15"}),Nc=Lt("div",{width:"100%",display:"flex"});function Jo(){let t=xc(),{fetch:e,loading:o,error:n}=Xs(),{fromToken:r,fromBlockchain:i,toToken:a,toBlockchain:l,setInputAmount:p,inputAmount:u,inputUsdValue:c,outputAmount:d,outputUsdValue:m,bestRoute:g,resetRouteWallets:C}=_(),{meta:{tokens:y,blockchains:S},loadingStatus:w}=x(),f=R.use.connectedWallets(),k=be.use.setCurrentPage(),[v,b]=bc(!1),{fromAmountRangeError:B,swap:O,recommendation:A}=Vo(g),N=vc(null),$=!!Number(u)&&(!!g||o||!!n),oe=!1,W=qo(c,m),Y=Go(c,W),H=!lr(g,u,c),re=!lr(g,u,m),P=vs(w,f,o,g,Ho(g),Y,H||re,oe,u),me=i&&r?T(Bt(f,i?.name,r?.symbol,r?.address)?.amount||"0",8,8):"0",Ne=i&&r?T(Bt(f,i?.name,r?.symbol,r?.address)?.amount||"0",Bt(f,i?.name,r?.symbol,r?.address)?.decimal):"0";wc(()=>(k(h.home),C(),k.bind(null,"")),[]);let z=!c||!m||!m.gt(0)?null:et(c.toNumber(),m.toNumber()),V=s(Fe=>Fe.map((se,ft)=>({swapper:{displayName:se.swapperId,image:se.swapperLogo},from:{token:{displayName:se.from.symbol,image:se.from.logo},chain:{displayName:Ze(se.from.blockchain,S)??"",image:se.from.blockchainLogo},price:{value:ft===0?T(u,6,6):se.fromAmount}},to:{token:{displayName:se.to.symbol,image:se.to.logo},chain:{displayName:Ze(se.to.blockchain,S)??"",image:se.to.blockchainLogo},price:{value:se.toAmount}},alerts:se.swapperId===O?.swapperId?K.createElement(Wc,null,K.createElement(yc,{type:"error",title:A,footer:K.createElement(Nc,null,K.createElement(fr,{size:"xsmall",variant:"body",color:"neutral700"},B),K.createElement(dr,{direction:"horizontal",size:8}),K.createElement(fr,{size:"xsmall",variant:"body",color:"neutral700"},"|"),K.createElement(dr,{direction:"horizontal",size:8}),K.createElement(fr,{size:"xsmall",variant:"body",color:"neutral700"},Qo.t({id:"Yours: {amount} {symbol}",values:{amount:T(O?.fromAmount||null,6,6),symbol:se?.from.symbol}})))})):void 0})),"getBestRouteSteps"),Ie=Ro(g,y),we=ks(g);return K.createElement(J,{ref:N,fixedHeight:!1,hasLogo:!0,footer:K.createElement(kc,{type:"primary",size:"large",disabled:P.disabled,prefix:!P.disabled&&P.hasWarning&&K.createElement(Tc,null),fullWidth:!0,onClick:()=>{P.state==="waitForConnecting"?t(h.wallets):P.state==="needToConfirm"?b(!0):t(h.confirmSwap)}},P.title),header:{hasConnectWallet:!0,title:Qo.t("Swap"),suffix:K.createElement(Jn,{layoutRef:N.current,onClickRefresh:g||n?e:void 0,onClickHistory:()=>t(h.swaps),onClickSettings:()=>t(h.settings)})}},K.createElement(Ac,null,K.createElement(Bc,null,K.createElement(Ec,null,K.createElement(js,{label:Qo.t("From"),mode:"From",onInputChange:p,balance:me,chain:{displayName:i?.displayName||"",image:i?.logo||""},token:{displayName:r?.symbol||"",image:r?.image||""},onClickToken:()=>t("from-swap"),price:{value:u,usdValue:H?void 0:T(c,4,4),error:H?q().unknownPriceError.impactTitle:void 0},disabled:w==="failed",loading:w==="loading",onSelectMaxBalance:()=>{me!=="0"&&p(Ne.split(",").join(""))}}),K.createElement(Hs,null)),K.createElement(js,{sharpBottomStyle:!!g?.result||o,label:Qo.t("To"),mode:"To",chain:{displayName:l?.displayName||"",image:l?.logo||""},token:{displayName:a?.symbol||"",image:a?.image||""},percentageChange:z?.lt(0)?T(z,2,2):null,warningLevel:It(z?.toNumber()??0),price:{value:T(d,6,6),usdValue:re?void 0:T(m,4,4),error:re?q().unknownPriceError.impactTitle:void 0},onClickToken:()=>t("to-swap"),disabled:w==="failed",loading:w==="loading"})),o&&K.createElement(Ks,null,K.createElement(Cc,{type:"basic"})),$&&!o&&we?.result?.swaps?.length?K.createElement(Ks,null,K.createElement(Sc,{type:"basic",recommended:!0,tooltipContainer:ae(),input:{value:T(u,6,6),usdValue:T(c,4,4)},output:{value:T(d,6,6),usdValue:T(m,4,4)},steps:V(we.result.swaps),percentageChange:T(z,2,2),totalFee:T(Ie,2,2),totalTime:At(Et(g?.result?.swaps))})):$&&!o?K.createElement(K.Fragment,null,K.createElement(dr,{size:20}),K.createElement(Xt,{diagnosisMessage:we?.diagnosisMessages?.[0],fetch:e,error:!!n})):null),K.createElement(cr,{openModal:v,onToggle:b,totalFeeInUsd:Ie,outputUsdValue:m,inputUsdValue:c,percentageChange:z,highValueLoss:Y,priceImpactCanNotBeComputed:H||re,loading:o||w==="loading",extraSpace:!!g?.result||!g}))}s(Jo,"Home");import{useEffect as gr,useRef as hr}from"react";import{createSearchParams as Ic,useLocation as Mc,useSearchParams as Lc}from"react-router-dom";import{useEffect as Pt,useMemo as Zo,useRef as en}from"react";function Ys(t){let{setInputAmount:e,setToToken:o,setToBlockchain:n,setFromBlockchain:r,setFromToken:i,fromToken:a,toToken:l,fromBlockchain:p,toBlockchain:u}=_(),{meta:{tokens:c,blockchains:d},loadingStatus:m}=x(),{setAffiliateRef:g,setAffiliatePercent:C,setAffiliateWallets:y}=F(),S=Zo(()=>t?.from?.tokens,[t?.from?.tokens]),w=Zo(()=>t?.from?.blockchains,[t?.from?.blockchains]),f=Zo(()=>t?.to?.tokens,[t?.to?.tokens]),k=Zo(()=>t?.to?.blockchains,[t?.to?.blockchains]),v=en(void 0),b=en(void 0),B=en(void 0),O=en(void 0);Pt(()=>{e(t?.amount?.toString()||"")},[t?.amount]),Pt(()=>{if(m==="success"){let A=d.find($=>$.name===t?.from?.blockchain),N=c.find($=>Le($,t?.from?.token||null));(A||!A&&B.current)&&r(A??null),(N||!N&&v.current)&&i(N??null),B.current=t?.from?.blockchain,v.current=t?.from?.token}},[t?.from?.token?.symbol,t?.from?.token?.address,t?.from?.token?.blockchain,t?.from?.blockchain,m]),Pt(()=>{a&&S&&(S.some(A=>Le(A,a))||i(null)),p&&w&&(w.includes(p.name)||r(null))},[S,w]),Pt(()=>{l&&f&&(f.some(A=>Le(A,l))||o(null)),u&&k&&(k.includes(u.name)||n(null))},[f,k]),Pt(()=>{if(m==="success"){let A=d.find($=>$.name===t?.to?.blockchain),N=c.find($=>Le($,t?.to?.token||null));(A||!A&&O.current)&&n(A??null),(N||!N&&b.current)&&o(N??null),O.current=t?.to?.blockchain,b.current=t?.to?.token}},[t?.to?.token?.symbol,t?.to?.token?.address,t?.to?.token?.blockchain,t?.to?.blockchain,m]),Pt(()=>{g(t?.affiliate?.ref??null),C(t?.affiliate?.percent??null),y(t?.affiliate?.wallets??null)},[t?.affiliate?.ref,t?.affiliate?.percent,t?.affiliate?.wallets])}s(Ys,"useSyncStoresWithConfig");function Qs(t){let e=hr(!0),[o,n]=Lc(),r=Mc(),i=hr(r.search),a=hr({}),l=_.use.fromBlockchain(),p=_.use.toBlockchain(),u=_.use.fromToken(),c=_.use.toToken(),d=_.use.setFromBlockchain(),m=_.use.setFromToken(),g=_.use.setToBlockchain(),C=_.use.setToToken(),y=_.use.inputAmount(),S=_.use.setInputAmount(),w=x.use.loadingStatus(),{blockchains:f,tokens:k}=x.use.meta(),v=be.use.setSelectedSwap();return Ys(t.config),gr(()=>{let b={};Ic(i.current).forEach((O,A)=>{b[A]=O}),a.current=b;let B=r.pathname.split(h.swaps+"/")[1]||null;B&&v(B)},[]),gr(()=>{if(!e.current){let b="",B="",O="",A="",N="";if(w!=="success")b=a.current["fromBlockchain"],B=a.current["fromToken"],O=a.current["toBlockchain"],A=a.current["toToken"],N=a.current["fromAmount"]||y;else{if(r.state==="redirect")return;b=l?.name||"",B=(u?.symbol||"")+(u?.address?`--${u?.address}`:""),O=p?.name||"",A=(c?.symbol||"")+(c?.address?`--${c?.address}`:""),N=y}n({...b&&{["fromBlockchain"]:b},...B&&{["fromToken"]:B},...O&&{["toBlockchain"]:O},...A&&{["toToken"]:A},...N&&{["fromAmount"]:N.toString()}},{replace:!0})}e.current=!1},[r.pathname,y,l,u,p,c]),gr(()=>{if(w==="success"){let b=o.get("fromBlockchain"),B=o.get("fromToken"),O=o.get("toBlockchain"),A=o.get("toToken"),N=o.get("fromAmount"),$=f.find(H=>H.name===b),oe=rr(k,B,$||null),W=f.find(H=>H.name===O),Y=rr(k,A,W||null);$&&(d($),oe&&m(oe)),W&&(g(W),Y&&C(Y)),N&&S(N)}},[w]),null}s(Qs,"UpdateUrl");function Gc(t){let e=zc(),o=qc(),n=Oc(!0),r=e.pathname.split("/"),a=r[r.length-1]===h.confirmSwap&&n.current;return Fc(()=>{a&&o("."),n.current=!1},[]),a?yt.createElement(Jo,null):yt.createElement(yt.Fragment,null," ",t.children)}s(Gc,"Route");function Js({children:t,...e}){let o=Uc(),n=o?Gc:$c,{blockchains:r}=x.use.meta(),{canSwitchNetworkTo:i}=_c(),a=r.filter(Dc);return Pc({lastConnectedWallet:e.lastConnectedWallet,clearDisconnectedWallet:e.clearDisconnectedWallet,disconnectedWallet:e.disconnectedWallet,evmChains:a,canSwitchNetworkTo:i}),yt.createElement(yt.Fragment,null,yt.createElement(n,null,t),o&&yt.createElement(Qs,{config:e.config}))}s(Js,"AppRouter");import We from"react";import{useRoutes as mg}from"react-router-dom";import{i18n as je}from"@lingui/core";import{useManager as Dm}from"@rango-dev/queue-manager-react";import{Alert as br,BestRoute as Fm,BestRouteSkeleton as Om,Button as pn,Divider as $t,IconButton as Fa,MessageBox as $m,Modal as Um,RefreshIcon as zm,SettingsIcon as qm,styled as Oa,Tooltip as Gm,Typography as Da,WalletIcon as Hm}from"@rango-dev/ui";import M,{useEffect as un,useState as cn}from"react";import{flushSync as Vm}from"react-dom";import{useNavigate as Rm}from"react-router-dom";import{i18n as nt}from"@lingui/core";import{Alert as vr,BalanceErrors as km,Button as Ma,ChevronDownIcon as Tm,ChevronLeftIcon as wm,Divider as Ot,MessageBox as vm,Modal as La,Typography as ln,WalletIcon as bm}from"@rango-dev/ui";import E,{useEffect as xm,useLayoutEffect as Am,useRef as Em,useState as kt}from"react";import{useNavigate as Bm}from"react-router-dom";import{i18n as tn}from"@lingui/core";function on(t){switch(t.type){case 0:return tn.t("Route has been updated.");case 3:return tn.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return tn.t("Route swappers has been updated.");case 2:return tn.t("Route internal coins has been updated.");default:return""}}s(on,"getRouteWarningMessage");import*as Dt from"@radix-ui/react-collapsible";import{Button as Hc,darkTheme as _t,IconButton as Vc,keyframes as Zs,styled as ke,TextField as Rc}from"@rango-dev/ui";var Yt=300,Xc=Zs({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),jc=Zs({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),ea=ke("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),ta=ke("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}),oa=ke("button",{borderRadius:"$xm",padding:"$10",border:"0",display:"flex",justifyContent:"center",$$color:"$colors$neutral100",[`.${_t} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",alignItems:"center",cursor:"pointer",width:110,position:"relative","&:hover":{$$color:"$colors$info100",[`.${_t} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$color:"$colors$info100",[`.${_t} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color",outline:0},variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary",outlineStyle:"solid"}}}}),na=ke(Dt.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit"}),ra=ke("div",{padding:"$20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),ia=ke(Vc,{position:"absolute",left:"$20"}),sa=ke("div",{paddingTop:"$20","& .wallets-list":{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}}),aa=ke(Dt.Root,{backgroundColor:"$neutral200",borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),la=ke(Hc,{width:"100%",borderRadius:"$sm !important",padding:"$15 !important",justifyContent:"space-between",alignItems:"center",$$color:"$colors$neutral100",[`.${_t} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color","&:hover":{$$color:"$colors$info100",[`.${_t} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$background:"$colors$info100",[`.${_t} &`]:{$$background:"$colors$info700"},backgroundColor:"$$background",outline:0}}),pa=ke("div",{padding:"$10 $0","& .button__content":{display:"flex",justifyContent:"center",alignItems:"center"},"& .alarms":{paddingTop:"5px"}}),ua=ke("div",{transition:`all ${Yt}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),ca=ke("div",{display:"flex"}),ma=ke(Rc,{padding:"$0 $15 $15 $15"}),da=ke(Dt.Content,{overflow:"hidden",variants:{open:{true:{animation:`${Xc} ${Yt}ms ease-out`},false:{animation:`${jc} ${Yt}ms ease-out`}}}}),fa=ke("div",{overflow:"visible",width:"100%"});import{i18n as He}from"@lingui/core";import{Button as ym,Divider as Tr,Image as Sm,MessageBox as an,Modal as Ea,SelectableWallet as Cm,Typography as Ba,WalletState as Wa}from"@rango-dev/ui";import ne,{useEffect as Na,useState as Jt}from"react";import{WalletState as ga}from"@rango-dev/ui";import{useWallets as Kc}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as Yc,WalletTypes as Qc}from"@rango-dev/wallets-shared";import{useEffect as Jc,useState as Zc}from"react";var em=Object.values(Qc);function nn(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:i,disconnect:a,getWalletInfo:l,connect:p}=Kc(),{connectedWallets:u}=R(),{blockchains:c}=x().meta,d=typeof e?.multiWallets>"u"?!0:e.multiWallets,m=$i(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||em,g=Bi(i,l,m,o),C=Pi(g),[y,S]=Zc(""),w=s(b=>!u.find(B=>B.walletType===b&&B.chain===o),"isExperimentalChainNotAdded"),f=s(async b=>{let B=i(b);try{if(y&&S(""),B.connected)await a(b);else{let O=!!g.find(A=>A.state===ga.CONNECTED);if(!d&&O)return;n?.(b),await p(b),r?.(b)}}catch(O){S("Error: "+O?.message)}},"handleClick"),k=s(()=>{let b=g?.filter(B=>B.state===ga.CONNECTING)||[];for(let B of b)a(B.type)},"disconnectConnectingWallets");Jc(()=>()=>{k()},[]);let v=s((b,B,O)=>bo(O,B)&&w(b)&&!Yc.includes(b),"shouldExcludeWallet");return{list:C.filter(b=>!v(b.type,o??"",c)),error:y,handleClick:f}}s(nn,"useWalletList");import{i18n as ka}from"@lingui/core";import{styled as wa,Typography as pm,Wallet as um,WalletState as cm}from"@rango-dev/ui";import Ct,{Fragment as mm,useState as Ta}from"react";import{Divider as im,Modal as sm}from"@rango-dev/ui";import Sr from"react";import{i18n as Ft}from"@lingui/core";import{Image as nm,MessageBox as yr,WalletState as rm}from"@rango-dev/ui";import St from"react";import{keyframes as tm,styled as rn}from"@rango-dev/ui";var Nw=rn("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),ha=rn("div",{position:"relative"}),om=tm({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),ya=rn("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${om} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),Sa=rn("div",{"& img":{borderRadius:"50%"}});function Ca(t){let{state:e,image:o,error:n}=t;return e===rm.CONNECTED?St.createElement(yr,{type:"success",title:Ft.t("Wallet Connected"),description:Ft.t("Your wallet is connected, you can use it to swap.")}):n?St.createElement(yr,{type:"error",title:Ft.t("Failed to Connect"),description:n||Ft.t("Your wallet is not connected. Please try again.")}):St.createElement(yr,{type:"loading",title:Ft.t("Connecting to your wallet"),description:Ft.t("Click connect in your wallet popup."),icon:St.createElement(ha,null,St.createElement(Sa,null,St.createElement(nm,{src:o,size:45})),St.createElement(ya,null))})}s(Ca,"ModalContent");function Qt(t){let{open:e,onClose:o,...n}=t;return Sr.createElement(sm,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},Sr.createElement(Ca,{...n}),Sr.createElement(im,{direction:"vertical",size:32}))}s(Qt,"WalletModal");import{useInRouterContext as am,useNavigate as lm}from"react-router-dom";function ie(){let t=am(),e=lm(),o=_.use.routeWalletsConfirmed();return h,{navigateBackFrom:s(r=>{if(r===h.swapDetails)return e("/"+h.swaps,{replace:!0});if(!t||window.history.state&&window.history.state.idx>0)e(-1);else{if([h.settings,h.wallets].includes(r)&&o)return e("/"+h.confirmSwap,{replace:!0});[h.fromSwap,h.toSwap,h.settings,h.wallets,h.swaps,h.confirmSwap].includes(r)?e(h.home,{replace:!0}):r===h.fromBlockchain?e("/"+h.fromSwap,{replace:!0}):r===h.toBlockchain?e("/"+h.fromSwap,{replace:!0}):r===h.liquiditySources&&e("/"+h.settings,{replace:!0})}},"navigateBackFrom")}}s(ie,"useNavigateBack");var dm=wa("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline",paddingTop:"$15",height:"100%"}),fm=wa("div",{textAlign:"center"}),sn=3e3,Cr=300;function va({config:t}){let{navigateBackFrom:e}=ie(),[o,n]=Ta(!1),[r,i]=Ta(""),a=null,{list:l,handleClick:p,error:u}=nn({config:t,onBeforeConnect:C=>{a=setTimeout(()=>{n(!0),i(C)},Cr)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},sn)}}),c=x.use.loadingStatus(),d=l.find(C=>C.type===r),m=d?.image||"",g=d?.state||cm.NOT_INSTALLED;return Ct.createElement(J,{header:{title:ka.t("Connect Wallets"),onBack:e.bind(null,h.wallets)}},Ct.createElement(fm,null,Ct.createElement(pm,{variant:"title",size:"xmedium",align:"center"},ka.t("Choose a wallet to connect.")),Ct.createElement(dm,null,l.map((C,y)=>{let S=`wallet-${y}-${C.type}`;return Ct.createElement(mm,{key:S},Ct.createElement(um,{...C,container:ae(),onClick:w=>{p(w)},isLoading:c==="loading"}))}),Ct.createElement(Qt,{open:!!o,onClose:()=>n(!1),image:m,state:g,error:u}))))}s(va,"WalletsPage");import{keyframes as gm,styled as kr}from"@rango-dev/ui";var ba=kr("div",{position:"relative"}),hm=gm({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),xa=kr("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${hm} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),Aa=kr("div",{"& img":{borderRadius:"50%"}});function wr(t){let{config:e,chain:o,isSelected:n,selectWallet:r,limit:i,onShowMore:a}=t,l=R.use.connectedWallets(),{blockchains:p}=x.use.meta(),[u,c]=Jt(""),[d,m]=Jt(null),[g,C]=Jt(!1),[y,S]=Jt(null),{suggestAndConnect:w}=Ia(),f=null,{list:k,error:v,handleClick:b}=nn({config:e,chain:o,onBeforeConnect:W=>{f=setTimeout(()=>{c(W)},Cr)},onConnect:()=>{f&&clearTimeout(f),setTimeout(()=>{c("")},sn)}}),[B,O]=Jt(k),A=k.length,N=i&&A-i>0,$=s(async W=>{C(!1),S("in-progress");try{await w(W.walletType,W.chain),S("completed")}catch{S("rejected")}},"addExperimentalChain");Na(()=>{O(W=>{let Y=k.findIndex(H=>n(H.type,o));return N&&Y>1?[k[Y]].concat(k.filter((H,re)=>re!==Y)):W.map(H=>k.find(re=>re.type===H.type)??H)})},[JSON.stringify(k)]);let oe=document.querySelector("#swap-box");return Na(()=>{let W=null;return(y==="completed"||y==="rejected")&&(W=setTimeout(()=>S(null),sn)),()=>{W&&clearTimeout(W)}},[y]),ne.createElement(ne.Fragment,null,B.slice(0,i).map(W=>{let Y=_i({connectedWallets:l,walletType:W.type,chain:o}),H=Y?xo(Y):"",re=bo(p,o),P=!l.find(Ie=>Ie.walletType===W.type&&Ie.chain===o),me=re&&P&&W.state===Wa.CONNECTED,Ne=me?He.t({id:"Add {chain} chain",values:{chain:o}}):H,z=s(()=>{W.state===Wa.DISCONNECTED?b(W.type):me?(m({walletType:W.type,chain:o,address:Y??""}),C(!0)):r({walletType:W.type,chain:o,address:Y??""})},"onClick"),V=d?.chain?hs(d.chain,p):void 0;return ne.createElement(ne.Fragment,null,ne.createElement(Qt,{open:u===W.type,onClose:()=>c(""),image:W.image,state:W.state,error:v}),!!d&&ne.createElement(Ea,{open:!!d&&g,container:oe,onClose:()=>{m(null)}},ne.createElement(an,{title:He.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:V}}),type:"warning",description:He.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:V}})},ne.createElement(Tr,{size:18}),ne.createElement(Tr,{size:32}),ne.createElement(ym,{onClick:$.bind(null,d),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},He.t("Confirm")))),y&&ne.createElement(Ea,{open:!!y,onClose:S.bind(null,null),container:oe},y==="in-progress"&&ne.createElement(an,{type:"loading",title:He.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:V}}),description:He.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:V}}),icon:ne.createElement(ba,null,ne.createElement(Aa,null,ne.createElement(Sm,{src:W.image,size:45})),ne.createElement(xa,null))}),y==="completed"&&ne.createElement(an,{type:"success",title:He.t({id:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:V}}),description:He.t({id:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:V}})}),y==="rejected"&&ne.createElement(an,{type:"error",title:He.t("Request Rejected"),description:He.t({id:"You've rejected adding {blockchainDisplayName} chain to your wallet.",values:{blockchainDisplayName:V}})}),ne.createElement(Tr,{direction:"vertical",size:32})),ne.createElement(Cm,{key:W.type,description:Ne,onClick:z,selected:n(W.type,o),...W}))}),N&&ne.createElement(oa,{selected:!1,onClick:a.bind(null)},ne.createElement(Ba,{variant:"label",size:"medium"},He.t("Show more wallets"),ne.createElement(Ba,{variant:"label",size:"medium",color:"$primary"},"\xA0+",A-(i??0)))))}s(wr,"WalletList");var Wm=2;function Pa(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,config:i,loading:a}=t,{blockchains:l}=x.use.meta(),{bestRoute:p,setSelectedWallets:u,routeWalletsConfirmed:c,setRouteWalletConfirmed:d,customDestination:m,setCustomDestination:g}=_(),{connectedWallets:C,selectWallets:y}=R(),[S,w]=kt(""),[f,k]=kt([]),[v,b]=kt(""),[B,O]=kt(null),[A,N]=kt(m),[$,oe]=kt(!!m),W=Em(null),Y=Do(p),H=typeof i?.customDestination>"u"?!0:i.customDestination,re=l.find(D=>D.name===p?.result?.swaps[p?.result?.swaps.length-1].to.blockchain),P=s(D=>!!p?.result?.swaps.find(I=>I.from.blockchain===D),"isWalletRequiredFor"),[me,Ne]=kt(C.filter(D=>D.selected&&Y.includes(D.chain))),z=l.find(D=>D.name===re?.name),V=s((D,I)=>!!me.find(U=>U.walletType===D&&U.chain===I&&U.selected&&(P(I)||!P(I)&&!A)),"isSelected"),Ie=!!A&&$&&z&&!Fo(z,A),we=s(()=>{oe(!1),N(""),Ne(D=>{let I=!1;return D.map(U=>!I&&U.chain===re?.name?(I=!0,{...U,selected:!0}):U)})},"resetCustomDestination"),Fe=s(D=>{if(S&&w(""),V(D.walletType,D.chain))return;let U=C.find(Q=>Q.walletType===D.walletType&&Q.chain===D.chain);U&&(n(),D.chain===re?.name&&$&&(oe(!1),N("")),Ne(Q=>Q.filter(le=>le.chain!==D.chain).concat({...U,selected:!0})))},"onChange"),se=s(()=>{let D=me.filter(I=>I.selected);y(D),u(D),g(A),d(!0),o()},"onConfirmBalance"),ft=s(async()=>{k([]),b(""),O(null);let D=C.filter(Q=>me.find(le=>le.chain===Q.chain&&le.walletType===Q.walletType)),I=await r?.({selectedWallets:D,customDestination:A}),U=I.warnings;U?.balance?.messages&&k(U.balance.messages),U?.route&&O(U.route),I.error&&b(Lo(I.error)),!I.error&&(!U?.balance?.messages.length||0>0)?se():k(U?.balance?.messages??[])},"onConfirmWallets");xm(()=>{Ne(D=>D.concat(C.filter(I=>!!!D.find(Q=>Q.chain===I.chain)&&I.selected&&Y.includes(I.chain))))},[C.length]),Am(()=>{$&&W.current&&setTimeout(()=>{W?.current?.scrollIntoView({behavior:"smooth"})},Yt)},[$]);let Je=document.querySelector("#swap-box"),bt=Bm();return E.createElement(La,{open:e,onClose:()=>{c||bt(h.home,{replace:!0}),o()},dismissible:!S,container:Je,...!S&&{footer:E.createElement(ca,null,E.createElement(Ma,{loading:a,disabled:Ls(a,$,A,p,me,re),onClick:ft,variant:"contained",type:"primary",fullWidth:!0,size:"large"},"Confirm"))},...S&&{containerStyle:{padding:"$0"},header:E.createElement(ra,null,E.createElement(ia,{variant:"ghost",onClick:w.bind(null,"")},E.createElement(wm,{size:16})),E.createElement(ln,{variant:"headline",size:"small"},nt.t({id:"Your {blockchainName} wallets",values:{blockchainName:S}})))},anchor:"center"},E.createElement(La,{open:f.length>0,onClose:k.bind(null,[]),container:Je},E.createElement(vm,{title:nt.t("Insufficient account balance"),type:"error",description:E.createElement(km,{messages:f??[]})},E.createElement(Ma,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:se},nt.t("Proceed anyway")))),S&&E.createElement(sa,null,E.createElement("div",{className:"wallets-list"},E.createElement(wr,{chain:S,isSelected:V,selectWallet:Fe,multiWallets:i?.multiWallets??!0,supportedWallets:i?.wallets??[],config:i,onShowMore:w.bind(null,S)}))),!S&&E.createElement(E.Fragment,null,v&&E.createElement(E.Fragment,null,E.createElement(vr,{variant:"alarm",type:"error",title:nt.t(v)}),E.createElement(Ot,{size:12})),B&&E.createElement(E.Fragment,null,E.createElement(vr,{variant:"alarm",type:"warning",title:on(B)}),E.createElement(Ot,{size:12})),E.createElement(fa,null,Y.map((D,I)=>{let U=l.find(ue=>ue.name===D),Q=`wallet-${I}`,le=I===Y.length-1;return E.createElement("div",{key:Q},E.createElement(ea,null,E.createElement(ln,{variant:"title",size:"xmedium"},nt.t({id:"Your {blockchainName} wallets",values:{blockchainName:U?.displayName}})),E.createElement(ln,{variant:"label",color:"$neutral700",size:"medium"},nt.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:U?.displayName}}))),E.createElement(Ot,{size:24}),E.createElement(ta,null,E.createElement(wr,{chain:D,isSelected:V,selectWallet:Fe,multiWallets:i?.multiWallets??!0,supportedWallets:i?.wallets??[],config:i,limit:Wm,onShowMore:()=>w(U?.name??"")})),!le&&E.createElement(Ot,{size:32}),le&&H&&E.createElement(pa,null,E.createElement(aa,{ref:W,selected:$,open:$,onOpenChange:ue=>{ue?P(re?.name??"")||Ne(ho=>ho.map(yo=>yo.chain===re?.name?{...yo,selected:!1}:yo)):we()}},E.createElement(na,{onClick:()=>oe(ue=>!ue)},E.createElement(la,{fullWidth:!0,variant:"default",suffix:E.createElement(ua,{orientation:$?"up":"down"},E.createElement(Tm,{size:10,color:"gray"}))},E.createElement("div",{className:"button__content"},E.createElement(bm,{size:18,color:"info"}),E.createElement(Ot,{size:4,direction:"horizontal"}),E.createElement(ln,{variant:"label",size:"medium"},nt.t("Send to a different address"))))),E.createElement(da,{open:$},E.createElement(E.Fragment,null,E.createElement(Ot,{size:4}),E.createElement(ma,{autoFocus:!0,placeholder:nt.t("Your destination address"),value:A,onChange:ue=>{N(ue.target.value)}})))),Ie&&E.createElement("div",{className:"alarms"},E.createElement(vr,{variant:"alarm",type:"error",title:nt.t({values:{destination:A},id:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}s(Pa,"ConfirmWalletsModal");import{calculatePendingSwap as Im}from"@rango-dev/queue-manager-rango-preset";import Mm from"bignumber.js";import{useEffect as Lm}from"react";function Pm(t,e){if(!t.result)throw new Error(q().noRoutesError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});let o=new Mm(t.result?.outputAmount||"0").multipliedBy(e.outputUsdValue||0),n=qo(e.inputUsdValue,o);if(Go(e.inputUsdValue,n))throw new Error("High value loss for route",{cause:{type:1}});return t}s(Pm,"throwErrorIfResponseIsNotValid");function _m(t,e,o){let n=Ss(t,e),r={balance:null,route:null,slippage:null};n&&(Es(t,e)?r.route={type:3,newOutputAmount:T(Mt(e)),percentageChange:T(et(Mt(t),Mt(e)),null,2)}:ir(t,e)?r.route={type:0}:sr(t,e)?r.route={type:1}:ar(t,e)&&(r.route={type:2}));let i=Bs(e,o.selectedWallets);i.length===0||(r.balance={messages:i});let l=bs(t),p=o.userSlippage>ss;return xs(o.userSlippage.toString(),l)?p&&(r.slippage={type:1,slippage:o.userSlippage.toString()}):r.slippage={type:0,slippage:l},r}s(_m,"generateWarnings");function _a(){let{fromToken:t,toToken:e,inputAmount:o,inputUsdValue:n,setRoute:r,bestRoute:i,customDestination:a}=_(),{slippage:l,customSlippage:p,affiliatePercent:u,affiliateRef:c,affiliateWallets:d,disabledLiquiditySources:m}=F(),{connectedWallets:g}=R(),{meta:C}=x(),y=p||l,{fetch:S,cancelFetch:w,loading:f}=Yo();return Lm(()=>w,[]),{loading:f,fetch:s(async v=>{let b=v.selectedWallets,B=v?.customDestination??a;if(!t||!e||!o||!i)return{route:null,swap:null,error:null,warnings:null};let O=Xo({fromToken:t,toToken:e,inputAmount:o,wallets:g,selectedWallets:b,disabledLiquiditySources:m,slippage:y,affiliateRef:c,affiliatePercent:u,affiliateWallets:d,initialRoute:i,destination:B}),A;try{A=await S(O).then(oe=>Pm(oe,{outputUsdValue:e.usdPrice,inputUsdValue:n})),r(A)}catch(oe){return oe?.code==="ERR_CANCELED"?{swap:null,error:{type:3},warnings:null}:oe.cause?{swap:null,error:oe.cause,warnings:null}:{swap:null,error:{type:2},warnings:null}}let N={slippage:y.toString(),disabledSwappersGroups:m},$=Im(o.toString(),A,As(b),N,!1,C);return{route:A,swap:$,error:null,warnings:_m(i,A,{selectedWallets:b,userSlippage:y})}},"fetch"),cancelFetch:w}}s(_a,"useConfirmSwap");var Xm=Oa("div",{position:"relative",width:"100%","& .description":{display:"flex",justifyContent:"space-between",alignItems:"center",paddingBottom:"$10"},"& .icon":{width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"}}),jm=Oa("div",{width:"100%",display:"flex",justifyContent:"space-between","& .confirm-button":{flexGrow:1,paddingRight:"$10"},[`& ${Fa}`]:{width:"$48",height:"$48"}});function $a(t){let{config:e}=t,{bestRoute:o,inputAmount:n,outputAmount:r,inputUsdValue:i,outputUsdValue:a,setInputAmount:l,selectedWallets:p,routeWalletsConfirmed:u,setRouteWalletConfirmed:c,customDestination:d}=_(),m=Rm(),[g,C]=cn(""),[y,S]=cn(!1),{connectedWallets:w}=R(),f=!u,[k,v]=cn(!1),b=be.use.setSelectedSwap(),{meta:{tokens:B,blockchains:O},loadingStatus:A}=x(),N=F.use.slippage(),$=F.use.customSlippage(),{manager:oe}=Dm(),W=$||N,{fetch:Y,loading:H,cancelFetch:re}=_a(),[P,me]=cn({swap:null,error:null,warnings:null}),Ne=H||A==="loading",z=!H&&P.error&&[0,2].includes(P.error.type),V=!z&&!H&&o&&o.result,Ie=Ro(o,B),we=T(et(i?.toNumber()??0,a?.toNumber()??0),2,2),Fe=It(parseFloat(we)),se=s(async({selectedWallets:I,customDestination:U})=>{let Q=await Y?.({selectedWallets:I,customDestination:U});return me(Q),Q},"onConfirmSwap"),ft=s(async()=>{if(P.swap&&u)try{await oe?.create("swap",{swapDetails:P.swap},{id:P.swap.requestId}),b(P.swap.requestId),m("/"+h.swaps+`/${P.swap.requestId}`,{replace:!0}),setTimeout(()=>{l("")},0)}catch(I){C("Error: "+I?.message)}},"addNewSwap"),Je=s(async()=>{await ft()},"onConfirm"),bt=s(async()=>{P?.warnings?.slippage?S(!0):await Je()},"onStartConfirmSwap"),D=s(async()=>{me({error:null,swap:null,warnings:null}),Y({selectedWallets:p}).then(I=>{me(I)}).catch(I=>console.error(I))},"onRefresh");return un(()=>{f&&re()},[f]),un(()=>{f&&v(f)},[f]),un(()=>{f||Y({selectedWallets:p,customDestination:d}).then(I=>me(I)).catch(I=>console.error(I))},[]),un(()=>{let I=P.warnings?.route?.type&&Object.values(Rt).includes(P.warnings?.route?.type),U=p.length<1||!p.every(le=>w.find(ue=>le.address===ue.address&&le.walletType===ue.walletType&&le.chain===ue.chain)),Q=!1;if(I){let le=Do(o),ue=o?.result?.swaps[o.result.swaps.length-1].to.blockchain;!!o?.result?.swaps.find($n=>$n.from.blockchain===ue)||(le=le.slice(-le.length,le.length-1)),le.every($n=>p.find(Ip=>Ip.chain===$n))||(Q=!0)}o&&(U||Q)&&(queueMicrotask(()=>Vm(v.bind(null,!0))),c(!1))},[P.warnings?.route,p.length,w.length]),M.createElement(J,{header:{title:je.t("Confirm Swap"),onBack:m.bind(null,-1),hasConnectWallet:!0,suffix:M.createElement(Gm,{container:ae(),side:"bottom",content:je.t("Settings")},M.createElement(Oe,{size:"small",variant:"ghost",onClick:()=>m("/"+h.settings)},M.createElement(qm,{size:18,color:"black"})))},footer:M.createElement(jm,null,M.createElement("div",{className:"confirm-button"},M.createElement(pn,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:H,disabled:!!P.error,onClick:bt},je.t("Start Swap"))),M.createElement(Fa,{variant:"contained",type:"primary",size:"large",loading:H,onClick:v.bind(null,!0)},M.createElement(Hm,{size:24})))},M.createElement(Um,{anchor:"bottom",open:y,prefix:M.createElement(pn,{size:"small",variant:"ghost",onClick:()=>m("/"+h.settings)},M.createElement(Da,{variant:"label",size:"medium",color:"$neutral700"},je.t("Change settings"))),container:document.querySelector("#swap-box"),onClose:S.bind(null,I=>!I)},P.warnings?.slippage&&M.createElement($m,{type:"warning",title:P.warnings.slippage.type===1?je.t("High slippage"):je.t("Low slippage"),description:P.warnings.slippage.type===1?je.t({id:" Caution, your slippage is high (={selectedSlippage}). Your trade may be front run.",values:{selectedSlippage:W}}):je.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:P.warnings.slippage.slippage}})},M.createElement($t,{size:18}),M.createElement($t,{size:32}),M.createElement(pn,{size:"large",type:"primary",variant:"contained",fullWidth:!0,onClick:Je},je.t("Confirm anyway")))),k&&M.createElement(Pa,{open:k,onClose:()=>v(!1),onCancel:re,loading:H,onCheckBalance:se,config:e}),M.createElement(Xm,null,M.createElement("div",{className:"description"},M.createElement(Da,{variant:"title",size:"small"},je.t("You get")),M.createElement(pn,{style:{padding:"0"},variant:"ghost",disabled:H,onClick:D},M.createElement("div",{className:"icon"},M.createElement(zm,{size:16})))),g&&M.createElement(M.Fragment,null,M.createElement(br,{type:"error",variant:"alarm",title:g}),M.createElement($t,{size:12})),P.warnings?.route&&M.createElement(M.Fragment,null,M.createElement(br,{variant:"alarm",type:"warning",title:on(P.warnings.route)}),M.createElement($t,{size:12})),Ne&&M.createElement(Om,{type:"swap-preview",expanded:!0}),V&&M.createElement(Fm,{expanded:!0,tooltipContainer:ae(),steps:ws(o,O)??[],input:{value:T(n,6,6),usdValue:T(i,4,4)},output:{value:T(r,6,6),usdValue:T(a,4,4)},totalFee:T(Ie,2,2),totalTime:At(Et(o.result?.swaps)),recommended:!0,type:"swap-preview",percentageChange:we,warningLevel:Fe}),z&&M.createElement(M.Fragment,null,M.createElement($t,{size:12}),M.createElement(Xt,{diagnosisMessage:P.error?.type===0?P.error.diagnosisMessage:void 0,error:P.error?.type===2,fetch:D})),P.error?.type===1&&M.createElement(M.Fragment,null,M.createElement(br,{variant:"alarm",type:"error",title:Lo(P.error)}),M.createElement($t,{size:12}))))}s($a,"ConfirmSwapPage");import{i18n as fn}from"@lingui/core";import{useManager as ed}from"@rango-dev/queue-manager-react";import{Divider as td,NotFound as od,styled as ja}from"@rango-dev/ui";import ct,{useState as nd}from"react";import{useNavigate as rd}from"react-router-dom";import{CloseIcon as Ym,IconButton as Qm,SearchIcon as Jm,TextField as Zm}from"@rango-dev/ui";import Zt from"react";import{styled as Km}from"@rango-dev/ui";var Ua=Km("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function rt(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:i,value:a,setValue:l,...p}=t;return Zt.createElement(Zm,{prefix:Zt.createElement(Ua,null,Zt.createElement(Jm,{color:"black"})),suffix:!!a.length&&Zt.createElement(Qm,{variant:"ghost",onClick:()=>l?.(""),size:"small"},Zt.createElement(Ym,{color:"gray",size:10})),fullWidth:o,color:n,variant:e,style:{padding:10,borderRadius:25,alignItems:"center"},size:r,value:a,onChange:i,...p})}s(rt,"SearchInput");import{i18n as qa}from"@lingui/core";import{Divider as Ga,SwapListItem as Ha,Typography as Va}from"@rango-dev/ui";import te from"react";import{styled as mn}from"@rango-dev/ui";var xr=mn("div",{width:"100%",display:"flex",flexDirection:"column"}),Ar=mn("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),Er=mn("div",{gap:"$10",display:"flex",flexDirection:"column"}),za=mn("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});function Br(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,i=n?n(e):[{title:"History",swaps:e}];if(r){let a=[{},{}];return te.createElement(te.Fragment,null,[{title:"Today",swaps:a},{title:"Last month",swaps:a}].map(p=>te.createElement(te.Fragment,{key:p.title},te.createElement(xr,null,te.createElement(Ar,null,te.createElement(Va,{variant:"label",size:"medium",color:"neutral600",className:"group-title"},qa.t(p.title))),te.createElement(Ga,{size:4}),te.createElement(Er,null,p.swaps.map((u,c)=>{let d=c+p.title;return te.createElement(te.Fragment,{key:d},te.createElement(Ha,{isLoading:!0}))}))))))}return te.createElement(te.Fragment,null,i.filter(a=>a.swaps.length>0).map(a=>te.createElement(te.Fragment,{key:a.title},te.createElement(xr,null,te.createElement(Ar,null,te.createElement(Va,{variant:"label",size:"medium",color:"neutral600",className:"group-title"},qa.t(a.title))),te.createElement(Ga,{size:4}),te.createElement(Er,null,a.swaps.map(l=>{let p=l.steps[0],u=l.steps[l.steps.length-1];return te.createElement(te.Fragment,{key:l.requestId},te.createElement(Ha,{requestId:l.requestId,creationTime:l.creationTime,status:l.status,onClick:o,onlyShowTime:a.title==="Today",swapTokenData:{from:{token:{image:p.fromLogo,displayName:p.fromSymbol},blockchain:{image:p.fromBlockchainLogo||""},amount:ko(l.inputAmount)},to:{token:{image:u.toLogo,displayName:u.toSymbol},blockchain:{image:u.toBlockchainLogo||""},amount:ko(u.outputAmount||""),estimatedAmount:ko(u.expectedOutputAmountHumanReadable||"")}}}))}))))))}s(Br,"SwapsGroup");import Ra from"dayjs";var Xa=s(t=>{let e=new Map([["today",{title:"Today",swaps:[]}],["month",{title:"Last month",swaps:[]}],["year",{title:"Last year",swaps:[]}],["history",{title:"History",swaps:[]}]]),o=Ra();return t.forEach(n=>{let r=Ra(Number(n.creationTime));o.isSame(r,"day")?e.get("today")?.swaps.push(n):o.isSame(r,"month")?e.get("month")?.swaps.push(n):o.isSame(r,"year")?e.get("year")?.swaps.push(n):e.get("history")?.swaps.push(n)}),Array.from(e.values())},"groupSwapsByDate");var dn=s(t=>{let e=[];return t?.getAll().forEach((o,n)=>{let r=o.list.getStorage();r?.swapDetails&&e.push({id:n,swap:r?.swapDetails})}),e.sort((o,n)=>Number(n.swap.creationTime)-Number(o.swap.creationTime))},"getPendingSwaps");var id=ja("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",height:"100%",gap:15}),sd=ja("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),ad=s((t,e)=>t?.length?t.filter(o=>Re(o.fromBlockchain,e)||Re(o.toBlockchain,e)||Re(o.toSymbol,e)||Re(o.fromSymbol,e)).length:!1,"isStepContainsText");function Ka(){let t=be.use.setSelectedSwap(),e=rd(),{navigateBackFrom:o}=ie(),{manager:n,state:r}=ed(),i=dn(n).map(({swap:m})=>m),[a,l]=nd(""),p=!r.loadedFromPersistor,u=s(m=>{let g=m.target.value;l(g)},"searchHandler"),c=i;a&&(c=i.filter(m=>Re(m.inputAmount,a)||Re(m.status,a)||ad(m.steps,a)||Re(m.requestId,a)));let d=!c?.length&&!p;return ct.createElement(J,{header:{onBack:o.bind(null,h.swaps),title:fn.t("History")}},ct.createElement(id,null,ct.createElement(rt,{setValue:l,fullWidth:!0,variant:"contained",placeholder:fn.t("Search Transaction"),autoFocus:!0,onChange:u,value:a}),ct.createElement(sd,null,d&&ct.createElement(za,null,ct.createElement(td,{size:32}),ct.createElement(od,{title:fn.t("No results found"),description:a?fn.t("Try using different keywords"):""})),!d&&ct.createElement(Br,{list:c,onSwapClick:m=>{t(m),e(`${m}`,{replace:!0})},groupBy:Xa,isLoading:p}))))}s(Ka,"HistoryPage");import{i18n as Ya}from"@lingui/core";import{List as ld,ListItemButton as pd,Radio as ud,RadioRoot as cd,Typography as md}from"@rango-dev/ui";import mt from"react";import{styled as gn}from"@rango-dev/ui";var it=gn("div",{height:"100%",overflow:"hidden"}),eo=gn("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto"}),Wr=gn("div",{width:80,display:"flex",justifyContent:"flex-end"}),Nr=gn("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});function hn(){let t=F.use.language(),e=F.use.setLanguage();return{activeLanguage:t,languages:ns,defaultLanguage:Po,changeLanguage:e}}s(hn,"useLanguage");function Qa(){let{navigateBackFrom:t}=ie(),{activeLanguage:e,changeLanguage:o,languages:n}=hn(),r=n.map(i=>{let{local:a,label:l,SVGFlag:p}=i;return{id:a,value:a,title:mt.createElement(md,{variant:"title",size:"xmedium"},l),onClick:()=>o(i.local),end:mt.createElement(ud,{value:a}),start:mt.createElement(p,null)}});return mt.createElement(J,{header:{onBack:t.bind(null,h.settings),title:Ya.t("Language")}},mt.createElement(it,null,mt.createElement(cd,{value:e},mt.createElement(ld,{type:mt.createElement(pd,{title:Ya.t("language"),id:"_",onClick:()=>console.log()}),items:r}))))}s(Qa,"LanguagePage");import{i18n as Ut}from"@lingui/core";import{Button as yd,Checkbox as Sd,Image as Cd,ListItemButton as kd,NotFound as Td,Typography as wd}from"@rango-dev/ui";import Te,{useState as vd}from"react";import{Checkbox as gd,Skeleton as Za}from"@rango-dev/ui";import to from"react";import{ListItem as dd,styled as fd}from"@rango-dev/ui";var Ja=fd(dd,{height:61});var hd=30;function Ir(){return to.createElement(eo,null,Array.from(Array(hd),t=>to.createElement(Ja,{hasDivider:!0,key:t,start:to.createElement(Za,{variant:"circular",width:35,height:35}),title:to.createElement(Za,{variant:"text",size:"large",width:90}),end:to.createElement(gd,{checked:!1})})))}s(Ir,"LoadingLiquiditySourceList");function yn(t){let e=x.use.meta().swappers,o=F.use.disabledLiquiditySources(),n=[];return Wt(e.map(i=>i.swapperGroup)).map(i=>{let a=e.find(l=>l.swapperGroup===i);if(a){let l=!0;t&&(l=t.some(p=>p===a.swapperGroup)),l&&a.types.map(p=>{n.push({id:a.swapperGroup,groupTitle:a.swapperGroup,logo:a.logo,type:p,selected:!o.includes(a.swapperGroup)})})}}),n}s(yn,"getUniqueSwappersGroups");function el(t,e){return t.groupTitle<e.groupTitle?-1:t.groupTitle>e.groupTitle?1:0}s(el,"sortLiquiditySourcesByGroupTitle");function Mr({supportedSwappers:t,sourceType:e}){let[o,n]=vd(""),r=F.use.toggleLiquiditySource(),{navigateBackFrom:i}=ie(),a=x.use.loadingStatus(),l=yn(t),p=[];e==="Exchanges"&&p.push("DEX"),e==="Bridges"&&(p.push("BRIDGE"),p.push("AGGREGATOR"));let u=l.filter(y=>p.includes(y.type)),c=u.length===u.filter(y=>y.selected).length,d=s(()=>{u.forEach(y=>{c?r(y.groupTitle):y.selected||r(y.groupTitle)})},"toggleAllSources"),m=u.sort(el).map(y=>{let{selected:S,groupTitle:w,logo:f}=y;return{start:Te.createElement(Cd,{src:f,size:22,type:"circular"}),onClick:()=>r(w),end:Te.createElement(Sd,{checked:S}),title:Te.createElement(wd,{variant:"title",size:"xmedium"},Ut.t(w)),...y}}),g=s(y=>{let S=y.target.value;n(S)},"searchHandler"),C=m;return o&&(C=m.filter(y=>Re(y.groupTitle,o))),Te.createElement(J,{header:{onBack:i.bind(null,h.settings),title:Ut.t(e),suffix:Te.createElement(Wr,null,Te.createElement(yd,{variant:"ghost",size:"xsmall",onClick:d},Ut.t(c?"Deselect all":"Select all")))}},Te.createElement(it,null,Te.createElement(rt,{value:o,setValue:n,fullWidth:!0,color:"light",variant:"contained",placeholder:Ut.t("Search {sourceType}",{sourceType:e}),onChange:g}),a==="loading"&&Te.createElement(Ir,null),!C.length&&o?Te.createElement(Nr,null,Te.createElement(Td,{title:Ut.t("No results found"),description:Ut.t("Try using different keywords")})):a==="success"&&Te.createElement(eo,null,C.map(y=>Te.createElement(Te.Fragment,{key:y.id},Te.createElement(kd,{style:{height:"61px"},...y,selected:!1,hasDivider:!0}))))))}s(Mr,"LiquiditySourcePage");import{i18n as ll}from"@lingui/core";import{Divider as Dr,SelectableCategoryList as Md}from"@rango-dev/ui";import Tt,{useState as pl}from"react";import{i18n as Pr}from"@lingui/core";import{Divider as sl,Image as Ed,ListItemButton as Bd,NotFound as Wd,Typography as al}from"@rango-dev/ui";import De,{useEffect as Nd,useState as Id}from"react";import{BlockchainCategories as Lr}from"@rango-dev/ui";import{TransactionType as Sn}from"rango-sdk";var bd=s((t,e)=>{switch(e){case Lr.ALL:return!0;case Lr.UTXO:return t.type===Sn.TRANSFER;case Lr.OTHER:return t.type!==Sn.TRANSFER&&t.type!==Sn.COSMOS&&t.type!==Sn.EVM;default:return t.type===e}},"filterByType"),tl=s((t,e,o)=>t.filter(n=>bd(n,o)).filter(n=>gt(n.name,e)||gt(n.displayName,e)),"filterBlockchains");import{styled as ol}from"@rango-dev/ui";var nl=ol("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),Cn=ol("ul",{padding:0,margin:0,listStyle:"none",overflowY:"auto",paddingRight:"$5",".image-container":{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as xd,Skeleton as rl}from"@rango-dev/ui";import kn from"react";var Ad=20;function il(){return kn.createElement(Cn,null,Array.from(Array(Ad),t=>kn.createElement(xd,{key:t,hasDivider:!0,start:kn.createElement(rl,{variant:"circular",width:35,height:35}),title:kn.createElement(rl,{variant:"text",size:"large",width:90})})))}s(il,"LoadingBlockchainList");function _r(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[i,a]=Id(e),l=x.use.loadingStatus();Nd(()=>{a([...tl(e,o,r)])},[e,o,r]);let p=s(()=>!i.length&&o?De.createElement(De.Fragment,null,De.createElement(sl,{size:32}),De.createElement(Wd,{title:Pr.t("No results found"),description:Pr.t("Try using different keywords")})):De.createElement(Cn,{key:`${r}-${o}`},i.map(u=>De.createElement(Bd,{key:`${u.name}-${u.chainId}`,hasDivider:!0,onClick:()=>n(u),start:De.createElement(Ed,{src:u.logo,size:30}),title:De.createElement(al,{variant:"title",size:"medium"},u.displayName),id:u.chainId}))),"renderList");return De.createElement(nl,null,De.createElement(al,{variant:"label",size:"large"},Pr.t("Select Blockchain")),De.createElement(sl,{size:4}),l==="loading"&&De.createElement(il,null),l==="success"&&p())}s(_r,"BlockchainList");function Fr(t){let{type:e}=t,{navigateBackFrom:o}=ie(),[n,r]=pl(""),[i,a]=pl("ALL"),l=_.use.setToBlockchain(),p=_.use.setFromBlockchain(),{loadingStatus:u}=x(),c=Pe().blockchains({type:e}),d=e==="source"?"fromBlockchain":"toBlockchain";return Tt.createElement(J,{header:{onBack:()=>{o(h[d])},title:ll.t("Select Blockchain")}},Tt.createElement(Dr,{size:12}),Tt.createElement(Md,{setCategory:a,category:i,blockchains:c,isLoading:u==="loading"}),Tt.createElement(Dr,{size:24}),Tt.createElement(rt,{value:n,autoFocus:!0,placeholder:ll.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:m=>r(m.target.value)}),Tt.createElement(Dr,{size:16}),Tt.createElement(_r,{list:c,searchedFor:n,blockchainCategory:i,onChange:m=>{e==="source"?p(m):l(m),o(h[d])}}))}s(Fr,"SelectBlockchainPage");import{i18n as El}from"@lingui/core";import{Divider as Bl}from"@rango-dev/ui";import zt,{useState as Kd}from"react";import{useNavigate as Yd}from"react-router-dom";import{i18n as $r}from"@lingui/core";import{BlockchainsChip as Tn,Divider as dl,Image as fl,Skeleton as Fd,Typography as Ur}from"@rango-dev/ui";import Ce from"react";import{useEffect as _d}from"react";var ul=["ETH","COSMOS","OSMOSIS"];function cl(t,e,o){let n=JSON.parse(JSON.stringify(t)),r=[];if(n.sort(Ld),o?.limit&&t.length>o.limit){let i=o.limit,a=e;if(e.length<=o.limit)for(let l=0;l<o.limit;l++){let p=n[l];a=a.filter(u=>p.name!==u)}n.sort(Pd(a)),r=n.splice(i)}return{list:n,more:r}}s(cl,"prepare");function Ld(t,e){let o=ul,n=o.findIndex(l=>l===t.name),r=o.findIndex(l=>l===e.name),i=n>-1,a=r>-1;return i&&a?n>r?1:-1:i?-1:a?1:0}s(Ld,"sortByMostUsedBlockchains");function Pd(t){return s(function(o,n){let r=t.findIndex(p=>p===o.name),i=t.findIndex(p=>p===n.name),a=r>-1,l=i>-1;return a&&l?r>i?1:-1:t.includes(o.name)?-1:t.includes(n.name)?1:0},"sortByPreferred")}s(Pd,"generateSortByPreferredBlockchainsFor");function Or(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=F();_d(()=>{e?.selected&&n(e?.selected)},[e?.selected]);let r=cl(t,o,e);return{list:r.list,more:r.more,history:[]}}s(Or,"usePrepareBlockchainList");import{styled as Dd}from"@rango-dev/ui";var ml=Dd("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var Od=12;function zr(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:i}=t,a=Or(e,{limit:10,selected:n?.name}),l=x.use.loadingStatus(),p=_.use.resetToBlockchain(),u=_.use.resetFromBlockchain(),c=a.more.length>0,d=a.more.length===1,m=!d&&c;return Ce.createElement("div",null,Ce.createElement(dl,{size:12}),Ce.createElement(Ur,{variant:"label",size:"large"},$r.t("Select Blockchain")),Ce.createElement(dl,{size:12}),Ce.createElement(ml,null,l==="loading"&&Array.from(Array(Od),g=>Ce.createElement(Fd,{key:g,variant:"rounded",height:50})),l==="success"&&Ce.createElement(Ce.Fragment,null,Ce.createElement(Tn,{selected:!n,onClick:()=>{o==="from"?u():p()}},Ce.createElement(Ur,{variant:"body",size:"xsmall",color:"secondary500"},$r.t("All"))),a.list.map(g=>Ce.createElement(Tn,{key:g.name,selected:!!n&&n.name===g.name,onClick:()=>r(g)},Ce.createElement(fl,{src:g.logo,size:30}))),d?Ce.createElement(Tn,{key:a.more[0].name,selected:!!n&&n.name===a.more[0].name,onClick:()=>r(a.more[0])},Ce.createElement(fl,{src:a.more[0].logo,size:30})):null,m?Ce.createElement(Tn,{onClick:i,key:"more-blockchains"},Ce.createElement(Ur,{variant:"body",size:"xsmall",color:"secondary500"},$r._("More +{count}",{count:a.more.length}))):null)))}s(zr,"BlockchainsSection");import{i18n as Rr}from"@lingui/core";import{darkTheme as wl,Divider as no,ExternalLinkIcon as zd,Image as qd,ListItemButton as Gd,NotFound as Hd,PinIcon as Vd,Skeleton as vl,Typography as ro,VirtualizedList as Rd}from"@rango-dev/ui";import L,{forwardRef as Xd,useEffect as bl,useState as xl}from"react";var gl=s((t,e)=>{t=t.replace(/^#/,""),t.length===3&&(t=t[0]+t[0]+t[1]+t[1]+t[2]+t[2]);let[i,a,l]=t.match(/.{2}/g);[i,a,l]=[parseInt(i,16)+e,parseInt(a,16)+e,parseInt(l,16)+e],i=Math.max(Math.min(255,i),0).toString(16),a=Math.max(Math.min(255,a),0).toString(16),l=Math.max(Math.min(255,l),0).toString(16);let p=(i.length<2?"0":"")+i,u=(a.length<2?"0":"")+a,c=(l.length<2?"0":"")+l;return`#${p}${u}${c}`},"colorShade"),wn=s((t,e)=>{let a={[t]:e};for(let l=1;l<10;l++)l<5&&(a={...a,[t+l*100]:gl(e,(5-l)*32)}),l===5&&(a={...a,[t+l*100]:e}),l>5&&(a={...a,[t+l*100]:gl(e,-((l-5)*32))});return a},"generateRangeColors"),qr=s((t,e,o)=>{if(!o||!Object.entries(o).length)return{};let n=!1,r={...t};for(let i in o){let a=o[i];if(a&&a!==t[i])if(n=!0,i==="background"||i==="foreground")r={...r,[i]:a};else if(i==="neutral"&&e){let l=wn(i,a);r={...r,[`${i}100`]:l[`${i}900`],[`${i}200`]:l[`${i}800`],[`${i}300`]:l[`${i}700`],[`${i}400`]:l[`${i}600`],[`${i}500`]:l[`${i}500`],[`${i}600`]:l[`${i}400`],[`${i}700`]:l[`${i}300`],[`${i}800`]:l[`${i}200`],[`${i}900`]:l[`${i}100`]}}else r={...r,...wn(i,a)}}return n?r:{}},"generateColors");import{Divider as kl,ListItem as Ud,Skeleton as oo}from"@rango-dev/ui";import Ve from"react";import{styled as Ke,Typography as $d}from"@rango-dev/ui";var hl=Ke("div",{display:"flex",flexDirection:"column",flexGrow:1}),Gr=Ke("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),vn=Ke("ul",{flexGrow:1,padding:0,margin:0,listStyle:"none","& li":{alignItems:"none",".description":{position:"relative",height:12,width:150,".token-title":{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",bottom:"-8px"},".token-address":{transform:"translateY(12px)",visibility:"hidden","& a":{fontSize:"$12",lineHeight:"$16",color:"$neutral600",textDecoration:"none"}},".token-name":{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}},"&:hover":{".description":{".token-address":{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",visibility:"visible"},".token-address-without-name":{bottom:"-15px"},".token-name":{position:"absolute",transform:"translateY(-12px)",visibility:"hidden"},".token-title":{position:"absolute",transform:"translateY(-12px)",bottom:"-10px"}}}}}),Hr=Ke("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),Vr=Ke($d,{}),yl=Ke("div",{textAlign:"right"}),bn=Ke("ul",{display:"flex",alignItems:"end",flexDirection:"column"}),vE=Ke("div",{display:"flex",alignItems:"center"}),Sl=Ke("div",{position:"relative",".image-container":{borderRadius:"$xm",overflow:"hidden"}}),Cl=Ke("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6});function Tl(t){return Ve.createElement(vn,null,Array.from(Array(t.size),e=>Ve.createElement(Ud,{key:e,hasDivider:!0,start:Ve.createElement(oo,{variant:"circular",width:35,height:35}),end:Ve.createElement(bn,null,Ve.createElement(oo,{variant:"text",size:"large",width:70}),Ve.createElement(kl,{size:4}),Ve.createElement(oo,{variant:"text",size:"medium",width:50})),title:Ve.createElement("div",null,Ve.createElement(oo,{variant:"text",size:"large",width:90}),Ve.createElement(kl,{size:4}),Ve.createElement(oo,{variant:"text",size:"medium",width:90}))})))}s(Tl,"LoadingTokenList");var Xr=20,jd=s(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:i,customCssForTagTitle:a}=t,l=e.length;return L.createElement("div",{className:"description"},o?L.createElement("div",{className:"token-name"},o):L.createElement(Gr,{className:"token-title"},L.createElement(ro,{variant:"title",size:"xmedium"},r.symbol),L.createElement(no,{direction:"horizontal",size:4}),L.createElement(Hr,{css:i},L.createElement(Vr,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&L.createElement("div",{className:`token-address ${!o&&"token-address-without-name"}`},L.createElement("a",{href:n,target:"_blank",rel:"nofollow noreferrer",onClick:p=>p.stopPropagation()},l>10?`${e.slice(0,5)}...${e.slice(l-6,l)}`:e," ",L.createElement(zd,{color:"gray",size:12}))))},"renderDesc");function Al(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[i,a]=xl(e),l=x.use.loadingStatus(),[p,u]=xl(!0),c=R.use.loading(),{blockchains:d}=x.use.meta(),{isTokenPinned:m}=Pe(),g=Xd((S,w)=>L.createElement("div",{...S,ref:w,style:{...S.style,height:`${parseFloat(S.style?.height)+8*2}px`}})),C=s(()=>{a(e.slice(0,i.length+Xr))},"loadNextPage");bl(()=>{u(e.length>i.length)},[i.length]),bl(()=>{a(e.slice(0,Xr))},[e]);let y=s(()=>!i.length&&o?L.createElement(L.Fragment,null,L.createElement(no,{size:32}),L.createElement(Hd,{title:Rr.t("No results found"),description:Rr.t("Try using different keywords")})):L.createElement(Rd,{Item:({index:S,style:w})=>{let f=i[S],k=f.address||"",v=d.find(A=>A.name===f.blockchain),b=wn(f.symbol,v?.color||""),B={$$color:b[`${f.symbol}100`],[`.${wl} &`]:{$$color:b[`${f.symbol}900`]},backgroundColor:"$$color"},O={$$color:b[`${f.symbol}700`],[`.${wl} &`]:{$$color:b[`${f.symbol}100`]},color:"$$color"};return L.createElement("div",{style:{...w,paddingRight:5}},L.createElement(Gd,{style:{height:w?.height},"tab-index":S,key:`${f.symbol}${f.address}`,id:`${f.symbol}${f.address}`,hasDivider:!0,onClick:()=>n(i[S]),start:L.createElement(Sl,null,L.createElement(qd,{src:f.image,size:30}),m(f)&&L.createElement(Cl,null,L.createElement(Vd,{size:12,color:"gray"}))),title:v?.type==="COSMOS"||f.name||!f.name&&!k?L.createElement(Gr,null,L.createElement(ro,{variant:"title",size:"xmedium"},f.symbol),L.createElement(no,{direction:"horizontal",size:4}),L.createElement(Hr,{css:B},L.createElement(Vr,{variant:"body",size:"xsmall",css:O},f.blockchain))):void 0,description:v?.info&&k&&v.type!=="COSMOS"?jd({address:k,token:i[S],customCssForTag:B,customCssForTagTitle:O,name:f.name,url:v.info.addressUrl.split("{wallet}").join(k)}):f.name||void 0,end:c?L.createElement(bn,null,L.createElement(vl,{variant:"text",size:"large",width:70}),L.createElement(no,{size:4}),L.createElement(vl,{variant:"text",size:"medium",width:50})):i[S]?.balance&&L.createElement(yl,null,L.createElement(ro,{variant:"title",size:"small"},f.balance?.amount),L.createElement("div",null),f.balance?.usdValue&&L.createElement(ro,{variant:"body",color:"neutral600",size:"xsmall"},`$${f.balance?.usdValue}`))}))},hasNextPage:p,itemCount:i.length,loadNextPage:C,innerElementType:g,size:60,key:`${r}-${o}`}),"renderList");return L.createElement(hl,null,L.createElement(ro,{variant:"label",size:"large"},Rr.t("Select Token")),L.createElement(no,{size:4}),l==="loading"&&L.createElement(Tl,{size:Xr}),l==="success"&&L.createElement(vn,null,y()))}s(Al,"TokenList");function jr(t){let{type:e}=t,o=Yd(),{navigateBackFrom:n}=ie(),{fromBlockchain:r,toBlockchain:i,setFromToken:a,setToToken:l,setFromBlockchain:p,setToBlockchain:u}=_(),{connectedWallets:c}=R(),[d,m]=Kd(""),C=(e==="source"?r:i)?.name??"",y=Pe().blockchains({type:e}),S=Pe().tokens({type:e,blockchain:C,searchFor:d}),w=Li(S,c),f=s(v=>{e==="source"?p(v):u(v)},"updateBlockchain"),k=s(v=>{e==="source"?a(v):l(v)},"updateToken");return zt.createElement(J,{header:{onBack:()=>n(e==="source"?h.fromSwap:h.toSwap),title:El.t("Swap {type}",{type:e==="source"?"from":"to"})}},zt.createElement(zr,{blockchains:y,type:e=="source"?"from":"to",blockchain:e==="source"?r:i,onMoreClick:()=>o(e==="source"?h.fromBlockchain:h.toBlockchain),onChange:v=>{f(v)}}),zt.createElement(Bl,{size:24}),zt.createElement(rt,{value:d,autoFocus:!0,placeholder:El.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>m(""),onChange:v=>m(v.target.value)}),zt.createElement(Bl,{size:16}),zt.createElement(Al,{list:w,selectedBlockchain:C,searchedFor:d,onChange:v=>{k(v);let b=y.find(B=>v.blockchain===B.name);b&&f(b),n(h.fromSwap)}}))}s(jr,"SelectSwapItemsPage");import{i18n as wt}from"@lingui/core";import{ChevronRightIcon as Qr,Divider as Jr,InfoIcon as of,List as nf,ListItemButton as rf,Skeleton as sf,Switch as af,Tooltip as lf,Typography as vt}from"@rango-dev/ui";import G from"react";import{useNavigate as pf}from"react-router-dom";import{i18n as Ll}from"@lingui/core";import{Chip as Jd,Divider as Pl,InfoIcon as Zd,TextField as ef,Tooltip as tf,Typography as _l}from"@rango-dev/ui";import Ae from"react";import{styled as xn}from"@rango-dev/ui";var Wl=xn("div",{paddingTop:"$5",paddingBottom:"30px"}),Nl=xn("div",{display:"flex",alignItems:"center",justifyContent:"start"}),Il=xn("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),An=xn("div",{maxWidth:"300px",padding:"$10"});import{i18n as Kr}from"@lingui/core";import{Typography as Qd}from"@rango-dev/ui";import io from"react";function Ml(){return io.createElement(An,null,io.createElement(Qd,{variant:"label",size:"medium",color:"neutral700"},Kr.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),io.createElement("br",null),io.createElement("br",null),io.createElement("b",null,Kr.t("Warning")),":",Kr.t("This setting is applied per step, e.g. 1Inch, Thorchain, etc. and only that step will be reverted, not the whole transaction")))}s(Ml,"SlippageTooltipContent");function Yr(){let t=F.use.slippage(),e=F.use.setSlippage(),o=F.use.customSlippage(),n=F.use.setCustomSlippage();return Ae.createElement(Wl,null,Ae.createElement(Il,null,Ae.createElement(_l,{variant:"title",size:"xmedium"},Ll.t("Slippage tolerance per swap")),Ae.createElement(Pl,{direction:"horizontal",size:4}),Ae.createElement(tf,{container:ae(),side:"top",content:Ae.createElement(Ml,null)},Ae.createElement(Zd,{color:"gray"}))),Ae.createElement(Nl,null,rs.map((r,i)=>{let a=`slippage-${i}`;return Ae.createElement(Ae.Fragment,null,Ae.createElement(Jd,{style:{width:"64px",flexShrink:0},key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`}),Ae.createElement(Pl,{direction:"horizontal",size:8}))}),Ae.createElement(ef,{type:"number",min:"0.01",max:"30",step:"0.01",fullWidth:!0,variant:"contained",value:o||"",color:"dark",onChange:r=>{let i=parseFloat(r.target.value);(!i||i>=ls&&i<=as)&&n(i)},suffix:o&&Ae.createElement(_l,{variant:"body",size:"small"},"%"),placeholder:Ll.t("Custom")})))}s(Yr,"Slippage");function Dl({supportedSwappers:t,singleTheme:e}){let o=pf(),{navigateBackFrom:n}=ie(),r=F.use.infiniteApprove(),i=F.use.toggleInfiniteApprove(),a=x.use.loadingStatus(),l=yn(t),p=l.filter(v=>v.type==="BRIDGE"||v.type==="AGGREGATOR"),u=p.length,c=p.filter(v=>v.selected).length,d=l.filter(v=>v.type==="DEX"),m=d.length,g=d.filter(v=>v.selected).length,C=s((v,b)=>{switch(a){case"loading":return G.createElement(sf,{variant:"text",size:"medium",width:50});case"failed":return G.createElement(vt,{variant:"body",size:"medium",color:"$error500"},wt.t("Loading failed"));default:return G.createElement(vt,{variant:"body",size:"medium"},`${v} / ${b}`)}},"handleEndItem"),y={id:"bridge-item",title:G.createElement(vt,{variant:"title",size:"xmedium"},wt.t("Enabled bridges")),end:G.createElement(G.Fragment,null,C(c,u),G.createElement(Jr,{direction:"horizontal",size:8}),G.createElement(Qr,{color:"black"})),onClick:()=>o(h.bridges)},S={id:"exchange-item",title:G.createElement(vt,{variant:"title",size:"xmedium"},wt.t("Enabled exchanges")),end:G.createElement(G.Fragment,null,C(g,m),G.createElement(Jr,{direction:"horizontal",size:8}),G.createElement(Qr,{color:"gray"})),onClick:()=>o(h.exchanges)},w={id:"theme-item",title:G.createElement(vt,{variant:"title",size:"xmedium"},wt.t("Theme")),end:G.createElement(Qr,{color:"gray"}),onClick:()=>o(h.themes)},f={id:"infinite-approval-item",title:G.createElement(G.Fragment,null,G.createElement(vt,{variant:"title",size:"xmedium"},wt.t("Infinite Approval")),G.createElement(Jr,{direction:"horizontal",size:4}),G.createElement(lf,{side:"top",container:ae(),content:G.createElement(An,null,G.createElement(vt,{variant:"label",size:"medium",color:"neutral700"},wt.t("Enabling the 'Infinite Approval' mode grants unrestricted access to smart contracts of DEXes/Bridges, allowing them to utilize the approved token amount without limitations.")))},G.createElement(of,{color:"gray"}))),end:G.createElement(af,{checked:r}),onClick:i},k=[y,S];return e||k.push(w),k.push(f),G.createElement(J,{header:{onBack:n.bind(null,h.settings),title:wt.t("Setting")}},G.createElement(it,null,G.createElement(Yr,null),G.createElement(nf,{type:G.createElement(rf,{title:"_",id:"_",onClick:()=>console.log()}),items:k})))}s(Dl,"SettingsPage");import{cancelSwap as rg}from"@rango-dev/queue-manager-rango-preset";import{useManager as ig}from"@rango-dev/queue-manager-react";import fp from"react";import{i18n as st}from"@lingui/core";import{getCurrentBlockchainOfOrNull as Of,getCurrentStep as $f,getRelatedWalletOrNull as Uf,PendingSwapNetworkStatus as Dn}from"@rango-dev/queue-manager-rango-preset";import{Button as sp,CopyIcon as zf,Divider as qf,IconButton as Gf,RouteCost as Hf,RouteSummary as Vf,StepDetails as Rf,Typography as Gt,useCopyToClipboard as Xf}from"@rango-dev/ui";import{useWallets as jf}from"@rango-dev/wallets-react";import Z,{useEffect as ap,useRef as Kf,useState as lp}from"react";import{useNavigate as Yf}from"react-router-dom";import{i18n as Ee}from"@lingui/core";var uf=1e3,cf=31536e3,mf=2592e3,df=86400,ff=3600,gf=60;function Fl(t){let e=Math.floor((Date.now()-t)/uf),n=[{turningPoint:cf,label:Ee.t("year"),pluralLabel:Ee.t("years")},{turningPoint:mf,label:Ee.t("month"),pluralLabel:Ee.t("months")},{turningPoint:df,label:Ee.t("day"),pluralLabel:Ee.t("days")},{turningPoint:ff,label:Ee.t("hour"),pluralLabel:Ee.t("hours")},{turningPoint:gf,label:Ee.t("minute"),pluralLabel:Ee.t("minutes")}].sort((r,i)=>i.turningPoint-r.turningPoint);for(let r of n){let{turningPoint:i,label:a,pluralLabel:l}=r,p=Math.floor(e/i);if(p>1)return`${p} ${l}`;if(p===1)return`${p} ${a}`}return e>1?`${e} ${Ee.t("seconds")}`:`${e} ${Ee.t("second")}`}s(Fl,"timeSince");function Ol(t){return t.finishTime?Ee.t({id:"{time} ago",values:{time:Fl(parseInt(t.finishTime))}}):Ee.t({id:"{time} ago",values:{time:Fl(parseInt(t.creationTime))}})}s(Ol,"getSwapDate");import{PendingSwapNetworkStatus as Wn}from"@rango-dev/queue-manager-rango-preset";import{Modal as wf}from"@rango-dev/ui";import Nn from"react";import{i18n as En}from"@lingui/core";import{Button as $l,Divider as Zr,MessageBox as hf,Typography as Ul}from"@rango-dev/ui";import Ye from"react";var zl=s(({onCancel:t,onClose:e})=>Ye.createElement(Ye.Fragment,null,Ye.createElement(Zr,{size:20}),Ye.createElement(hf,{type:"error",title:En.t("Transaction Cancel"),description:En.t("Are you sure you want to Cancel this swap?")}),Ye.createElement(Zr,{size:32}),Ye.createElement($l,{variant:"contained",type:"primary",size:"large",onClick:t},Ye.createElement(Ul,{variant:"title",size:"medium",color:"neutral100"},En.t("Yes, Cancel it"))),Ye.createElement(Zr,{size:12}),Ye.createElement($l,{variant:"outlined",type:"primary",size:"large",onClick:e},Ye.createElement(Ul,{variant:"title",size:"medium",color:"primary"},En.t("No, Continue")))),"CancelContent");import{i18n as Bn}from"@lingui/core";import{Button as ql,Divider as ei,MessageBox as yf,Typography as Gl}from"@rango-dev/ui";import Qe from"react";var Hl=s(({onDelete:t,onClose:e})=>Qe.createElement(Qe.Fragment,null,Qe.createElement(ei,{size:20}),Qe.createElement(yf,{type:"error",title:Bn.t("Delete Transaction"),description:Bn.t("Are you sure you want to delete this swap?")}),Qe.createElement(ei,{size:32}),Qe.createElement(ql,{variant:"contained",type:"primary",size:"large",onClick:t},Qe.createElement(Gl,{variant:"title",size:"medium",color:"neutral100"},Bn.t("Yes, Delete it"))),Qe.createElement(ei,{size:12}),Qe.createElement(ql,{variant:"outlined",type:"primary",size:"large",onClick:e},Qe.createElement(Gl,{variant:"title",size:"medium",color:"primary"},Bn.t("No, Cancel")))),"DeleteContent");import{i18n as ti}from"@lingui/core";import{PendingSwapNetworkStatus as oi}from"@rango-dev/queue-manager-rango-preset";var ni={[oi.WaitingForNetworkChange]:{type:"loading",title:ti.t("Change Network")},[oi.WaitingForConnectingWallet]:{type:"warning",title:ti.t("Connect Wallet")},[oi.NetworkChanged]:{type:"success",title:ti.t("Network Changed")}};import{MessageBox as Cf,Wallet as kf,WalletState as Rl}from"@rango-dev/ui";import{useWallets as Tf}from"@rango-dev/wallets-react";import so from"react";import{styled as Sf}from"@rango-dev/ui";var Vl=Sf("div",{display:"flex",justifyContent:"center"});var Xl=s(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:i}=t,{connect:a,getWalletInfo:l,state:p}=Tf(),u=n?.walletType,d=u&&p(u).connected?Rl.CONNECTED:Rl.DISCONNECTED;return so.createElement(so.Fragment,null,so.createElement(Cf,{type:e,title:o,description:r}),i&&u&&so.createElement(Vl,null,so.createElement(kf,{container:ae(),title:l(u).name,image:l(u).img,type:u,state:d,onClick:async()=>a(u)})))},"WalletStateContent");function ri(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:i,message:a}=t,l=e===Wn.WaitingForNetworkChange||e===Wn.WaitingForConnectingWallet||e===Wn.NetworkChanged;return Nn.createElement(wf,{open:!!e,onClose:o,container:document.getElementById("swap-box")||document.body},l&&Nn.createElement(Xl,{type:ni[e].type,title:ni[e].title,currentStepWallet:i,message:a,showWalletButton:e!==Wn.WaitingForNetworkChange}),e==="delete"&&Nn.createElement(Hl,{onClose:o,onDelete:n}),e==="cancel"&&Nn.createElement(zl,{onClose:o,onCancel:r}))}s(ri,"SwapDetailsModal");import{i18n as ao}from"@lingui/core";import{Button as ii,Divider as In,MessageBox as jl,Modal as vf,TokenAmount as bf,Typography as Mn}from"@rango-dev/ui";import fe from"react";import{useNavigate as xf}from"react-router-dom";function si(t){let{open:e,onClose:o,status:n,priceValue:r,usdValue:i,token:a,chain:l,percentageChange:p,description:u,diagnosisUrl:c}=t,d=xf();return fe.createElement(vf,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},n==="success"?fe.createElement(jl,{type:"success",title:ao.t("Swap Successful")},fe.createElement(bf,{direction:"vertical",type:"output",centerAlign:!0,price:{value:r,usdValue:i},token:a,chain:l,percentageChange:p}),fe.createElement(In,{size:12}),fe.createElement(Mn,{variant:"body",size:"medium",color:"neutral700",align:"center"},u)):fe.createElement(jl,{type:"error",title:ao.t("Transaction Failed"),description:u}),fe.createElement(In,{size:32}),n==="success"&&fe.createElement(ii,{variant:"contained",type:"primary",size:"large",onClick:()=>d(h.home)},fe.createElement(Mn,{variant:"title",size:"medium",color:"neutral100"},ao.t("Done"))),fe.createElement(In,{size:12}),c&&fe.createElement(fe.Fragment,null,fe.createElement(ii,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(c,"_blank")},fe.createElement(Mn,{variant:"title",size:"medium",color:"primary"},ao.t("Diagnosis"))),fe.createElement(In,{size:12})),fe.createElement(ii,{variant:"outlined",type:"primary",size:"large",onClick:o},fe.createElement(Mn,{variant:"title",size:"medium",color:"primary"},ao.t("See Details"))))}s(si,"SwapDetailsCompleteModal");import Df from"react";import{i18n as Mf}from"@lingui/core";import{Alert as ep,IconButton as Lf,LinkIcon as Pf}from"@rango-dev/ui";import dt,{Fragment as _f}from"react";import{Alert as Af,ChevronDownIcon as Ef,ChevronUpIcon as Bf,IconButton as Wf}from"@rango-dev/ui";import Ln,{useState as Nf}from"react";function Kl(t){let{message:e}=t,[o,n]=Nf(!1);return Ln.createElement(Af,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&Ln.createElement(Wf,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?Ln.createElement(Bf,{size:12,color:"gray"}):Ln.createElement(Ef,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}s(Kl,"FailedAlert");import{styled as If}from"@rango-dev/ui";var Yl=If("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as Ql}from"@lingui/core";import{PendingSwapNetworkStatus as ai}from"@rango-dev/queue-manager-rango-preset";import{Alert as li,Button as Jl}from"@rango-dev/ui";import lo from"react";function Zl(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?lo.createElement(li,{type:"warning",title:n.shortMessage,action:lo.createElement(Jl,{size:"xxsmall",type:"warning",onClick:()=>{o(ai.WaitingForNetworkChange),e().catch(i=>{console.log(i)})}},Ql.t("Change"))}):r===ai.WaitingForConnectingWallet?lo.createElement(li,{type:"warning",title:n.shortMessage,action:lo.createElement(Jl,{size:"xxsmall",type:"warning",onClick:()=>{o(ai.WaitingForConnectingWallet)}},Ql.t("Connect"))}):lo.createElement(li,{type:"warning",title:n.shortMessage})}s(Zl,"WarningAlert");function pi(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:i,hasAlreadyProceededToSign:a}=t,l=jt(i),p=i.status==="waitingForApproval"&&!l,u=i.status==="running"&&!l;return dt.createElement(Yl,null,i.explorerUrl?.map((c,d,m)=>{let g=d+c.url,C=d===m.length-1,y=C&&u||p,S=C&&i.status==="failed";return dt.createElement(_f,{key:g},dt.createElement(ep,{type:y&&"loading"||S&&"error"||"success",title:c.description?`${c.description} Tx`:Mf.t("View transaction"),action:c.url&&dt.createElement(Lf,{variant:"ghost",size:"xsmall",onClick:()=>window.open(c.url,"_blank")},dt.createElement(Pf,{size:16}))}))}),(u&&!a||p&&!i.explorerUrl?.length)&&dt.createElement(ep,{type:"loading",title:r.shortMessage}),i.status!=="failed"&&l&&dt.createElement(Zl,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),i.status==="failed"&&dt.createElement(Kl,{message:r}))}s(pi,"SwapDetailsAlerts");var tp=2e3;var op=s(({swap:t,blockchains:e,...o})=>{let n=t.hasAlreadyProceededToSign!==!1;return t.steps.map((r,i)=>{let a=i===0?t.inputAmount:t.steps[i-1].outputAmount;return{from:{token:{displayName:r.fromSymbol,image:r.fromLogo??""},chain:{displayName:Ze(r.fromBlockchain,e)??"",image:r.fromBlockchainLogo??""},price:{value:T(a,6,6)}},to:{token:{displayName:r.toSymbol,image:r.toLogo},chain:{displayName:Ze(r.toBlockchain,e)??"",image:r.toBlockchainLogo??""},price:{value:T(r.outputAmount||r.expectedOutputAmountHumanReadable,6,6)}},swapper:{displayName:r.swapperId,image:r.swapperLogo??""},alerts:Df.createElement(pi,{step:r,hasAlreadyProceededToSign:n,...o})}})},"getSteps");function np(t){if(jt(t)&&t.status!=="failed"&&t.status!=="success")return"warning";switch(t.status){case"created":return"default";case"approved":case"waitingForApproval":case"running":return"in-progress";case"failed":return"error";case"success":return"completed"}}s(np,"getStepState");import{darkTheme as Ff,styled as qt}from"@rango-dev/ui";var Pn=qt("div",{display:"flex",width:"100%",flexDirection:"column",alignItems:"center",height:"0",flexGrow:1,"& .row":{display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",padding:"$10 $20",borderBottom:"1px solid",$$color:"$colors$neutral300",[`.${Ff} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color",color:"$neutral500"},"& .request-id":{display:"flex",justifyContent:"center",alignItems:"center",height:"$24"},"& .output":{display:"flex",width:"100%",padding:"$15 $20 $20",flexDirection:"column",alignItems:"start"},"& .title-steps":{textAlign:"left",width:"100%",padding:"0 $20 $10"}}),_n=qt("div",{width:"100%"}),rp=qt("div",{padding:"$0 $20 $20 $20",width:"100%",overflow:"auto"}),aW=qt("div",{display:"flex",flexDirection:"column",gap:"$10"}),ip=qt("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),lW=qt("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1});function ui(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:i,connect:a,getWalletInfo:l}=jf(),p=_.use.retry(),u=Yf(),{navigateBackFrom:c}=ie(),[d,m]=Xf(tp),g=Kf(null),[C,y]=lp(null),[S,w]=lp(null),{meta:{tokens:f,blockchains:k}}=x(),v=s(()=>{r(),y(null)},"onCancel"),b=_e.use.getUnreadNotifications(),B=_e.use.setAsRead(),O=b(),A=$f(e),N=A?.networkStatus;ap(()=>{O.find(Q=>Q.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(w(e.status),B(e.requestId))},[e.status]),ap(()=>{P?y(Dn.WaitingForNetworkChange):N===Dn.WaitingForConnectingWallet||N===Dn.NetworkChanged?y(N):y(null)},[N]);let $=Is(e),oe=A?Of(e,A):null,W=A?Uf(e,A):null,Y=Ol(e),H=Ms(e),re=s(U=>!!l(U)?.mobileWallet,"isMobileWallet"),P=N===Dn.WaitingForNetworkChange&&!!oe&&!!W?.walletType&&(re(W.walletType)||i(W.walletType,oe)),me=P?a.bind(null,W.walletType,oe):void 0,Ne=Ns(e,A),z=op({swap:e,switchNetwork:me,showNetworkModal:N,setNetworkModal:y,message:Ne,blockchains:k}),V=z.length,[Ie,we]=[e.steps[0],e.steps[V-1]],Fe=we.outputAmount||we.expectedOutputAmountHumanReadable,se=e.steps.reduce((U,Q)=>U+parseFloat(Q.feeInUsd||""),0),ft=e.steps.find(U=>U.diagnosisUrl)?.diagnosisUrl,Je=T(String(parseFloat(T(Fe,6,6))*(vo(we.toBlockchain,we.toSymbol,we.toSymbolAddress,f)||0)),4,4),bt=T(String(parseFloat(e.inputAmount)*(vo(Ie.fromBlockchain,Ie.fromSymbol,Ie.fromSymbolAddress,f)||0)),4,4),D=et(bt,Je),I=e.status==="success"?st.t({id:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:T(Fe,6,6),token:z[V-1].to.token.displayName,conciseAddress:xo(e.wallets[z[V-1].to.chain.displayName]?.address||""),chain:z[V-1].to.chain.displayName}}):`${st.t("Transaction was not sent.")} ${$?st.t({id:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:$.outputAmount,symbol:$.symbol,blockchain:$.blockchain}}):""}`;return Z.createElement(J,{noPadding:!0,header:{title:st.t("Swap and Bridge"),onBack:c.bind(null,h.swapDetails),onCancel:e.status==="running"?()=>y("cancel"):void 0,suffix:e.status!=="running"&&Z.createElement(Nt,null,Z.createElement(sp,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>y("delete")},Z.createElement(Gt,{size:"medium",variant:"label",color:"error"},st.t("Delete"))))},footer:H&&!S&&Z.createElement(sp,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{p(e),setTimeout(()=>{u(h.home)},0)}},st.t("Try again"))},Z.createElement(Pn,null,Z.createElement(_n,null,Z.createElement("div",{className:"row"},Z.createElement(Gt,{variant:"label",size:"large",color:"neutral700"},`${st.t("Request ID")}:`),Z.createElement("div",{className:"request-id"},Z.createElement(Gt,{variant:"label",size:"small",color:"neutral700"},o),Z.createElement(Gf,{variant:"ghost",onClick:m.bind(null,o||"")},Z.createElement(zf,{size:16,color:"gray"})))),Z.createElement("div",{className:"row"},Z.createElement(Gt,{variant:"label",size:"large",color:"neutral700"},`${st.t("Created at")}:`),Z.createElement(Gt,{variant:"label",size:"small",color:"neutral700"},Y))),Z.createElement("div",{className:"output"},Z.createElement(Hf,{fee:T(String(se),2,2),time:At(Et(e.steps)),steps:V}),Z.createElement(Vf,{from:{price:{value:T(e.inputAmount,6,6),usdValue:bt},token:{displayName:z[0].from.token.displayName,image:z[0].from.token.image},chain:{image:z[0].from.chain.image,displayName:z[0].from.chain.displayName}},to:{price:{value:T(Fe,6,6),usdValue:Je},token:{displayName:z[V-1].to.token.displayName,image:z[V-1].to.token.image},chain:{image:z[V-1].to.chain.image,displayName:z[V-1].to.chain.displayName}},percentageChange:T(D,2,2),warningLevel:It(D?.toNumber()??0)})),Z.createElement("div",{className:"title-steps"},Z.createElement(Gt,{variant:"title",size:"small"},st.t("Swaps steps"))),Z.createElement(qf,{size:8}),Z.createElement(rp,{ref:g},z.map((U,Q)=>{let le=Q,ue=np(e.steps[Q]),ho=ue==="error"||ue==="in-progress"||ue==="warning"||ue==="completed"&&Q===z.length-1;return Z.createElement(Rf,{key:le,step:U,type:"route-progress",ref:g,state:ue,hasSeparator:Q!==0,tabIndex:le,isFocused:ho})}))),Z.createElement(ri,{state:C,onClose:()=>y(null),onCancel:v,onDelete:n,message:Ne.detailedMessage.content,currentStepWallet:W}),Z.createElement(si,{open:!!S,diagnosisUrl:ft,onClose:()=>w(null),status:e.status==="success"?"success":"failed",priceValue:T(Fe,6,6),usdValue:Je,percentageChange:T(D,2,2),token:{displayName:z[V-1].to.token.displayName,image:z[V-1].to.token.image},chain:{image:z[V-1].to.chain.image},description:I}))}s(ui,"SwapDetails");import{i18n as fo}from"@lingui/core";import{CopyIcon as tg,IconButton as og,NotFound as ng,Skeleton as mp,Typography as On}from"@rango-dev/ui";import ce from"react";import{i18n as Jf}from"@lingui/core";import{ChainToken as Zf,Divider as mi,Skeleton as mo,Typography as eg}from"@rango-dev/ui";import ee from"react";import{styled as ci}from"@rango-dev/ui";var pp=ci("div",{width:"100%",height:"100%",padding:"$0 $20",".cost":{paddingTop:"$15",display:"flex"},".route-summary":{padding:"$15 $0"},".route-summary-item":{display:"flex",justifyContent:"space-between",alignItems:"center"},".token-amount":{display:"flex",justifyContent:"space-between",alignItems:"center"},".route-summary-separator":{width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"},".swaps-steps":{paddingBottom:"$10"}}),up=ci("div",{backgroundColor:"$neutral100",borderRadius:"$xm",padding:"$10 $15",".step-title":{display:"flex",justifyContent:"start",alignItems:"center"},".step-tokens":{paddingTop:"$5",display:"flex",alignItems:"center"},".step-token-info":{display:"flex",alignItems:"center"},".step-icon-container":{padding:"$4 $6",display:"flex",justifyContent:"center",alignItems:"center"},".extra-info":{display:"flex",paddingTop:"$10",paddingBottom:"$5"}}),Fn=ci("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"});import{ChainToken as cp,Divider as po,NextIcon as Qf,Skeleton as uo}from"@rango-dev/ui";import pe from"react";function co(t){let{extraInfo:e}=t;return pe.createElement(up,null,pe.createElement("div",{className:"step-title"},pe.createElement(uo,{height:28,width:28,variant:"circular"}),pe.createElement(po,{direction:"horizontal",size:8}),pe.createElement(uo,{height:15,width:148,variant:"rounded"})),pe.createElement("div",{className:"step-tokens"},pe.createElement(po,{direction:"horizontal",size:20}),pe.createElement("div",{className:"step-token-info"},pe.createElement(cp,{size:"small",loading:!0,chainImage:"",tokenImage:""}),pe.createElement(po,{direction:"horizontal",size:8}),pe.createElement(uo,{height:12,width:76,variant:"rounded"})),pe.createElement("div",{className:"step-icon-container"},pe.createElement(Qf,{color:"gray",size:16})),pe.createElement("div",{className:"step-token-info"},pe.createElement(cp,{size:"small",loading:!0,chainImage:"",tokenImage:""}),pe.createElement(po,{direction:"horizontal",size:8}),pe.createElement(uo,{height:12,width:76,variant:"rounded"}))),e&&pe.createElement("div",{className:"extra-info"},pe.createElement(po,{direction:"horizontal",size:20}),pe.createElement(uo,{height:22,width:297,variant:"rectangular"})))}s(co,"LoadingSwapDetailStep");function di(){let t=ee.createElement("div",{className:"route-summary-item"},ee.createElement("div",{className:"token-amount"},ee.createElement(Zf,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),ee.createElement(mi,{size:8,direction:"horizontal"}),ee.createElement(mo,{height:15,width:148,variant:"rounded"})),ee.createElement(mo,{height:12,width:64,variant:"rounded"}));return ee.createElement(pp,null,ee.createElement("div",{className:"cost"},ee.createElement(mo,{width:60,height:10,variant:"rounded"}),ee.createElement(mi,{size:4,direction:"horizontal"}),ee.createElement(mo,{width:60,height:10,variant:"rounded"}),ee.createElement(mi,{size:4,direction:"horizontal"}),ee.createElement(mo,{width:60,height:10,variant:"rounded"})),ee.createElement("div",{className:"route-summary"},t,ee.createElement("div",{className:"route-summary-separator"}),t),ee.createElement("div",{className:"swaps-steps"},ee.createElement(eg,{variant:"title",size:"small"},Jf.t("Swaps steps"))),ee.createElement("div",{className:"step-container"},ee.createElement(co,{extraInfo:!0}),ee.createElement(Fn,null),ee.createElement(co,null),ee.createElement(Fn,null),ee.createElement(co,null),ee.createElement(Fn,null),ee.createElement(co,null)))}s(di,"LoadingSwapDetails");function dp(t){let{requestId:e,showSkeleton:o}=t,{navigateBackFrom:n}=ie();return ce.createElement(J,{noPadding:!0,header:{title:fo.t("Swap and Bridge"),onBack:n.bind(null,h.swapDetails),suffix:ce.createElement(Nt,null)}},o&&ce.createElement(Pn,null,ce.createElement(_n,null,ce.createElement("div",{className:"row"},ce.createElement(On,{variant:"label",size:"large",color:"neutral700"},`${fo.t("Request ID")}:`),ce.createElement("div",{className:"request-id"},ce.createElement(On,{variant:"label",size:"small",color:"neutral700"},ce.createElement(mp,{width:60,height:10,variant:"rounded"})),ce.createElement(og,{variant:"ghost"},ce.createElement(tg,{size:16,color:"gray"})))),ce.createElement("div",{className:"row"},ce.createElement(On,{variant:"label",size:"large",color:"neutral700"},`${fo.t("Created at")}:`),ce.createElement(On,{variant:"label",size:"small",color:"neutral700"},ce.createElement(mp,{width:60,height:10,variant:"rounded"})))),ce.createElement(di,null)),!o&&ce.createElement(ip,null,ce.createElement(ng,{title:fo.t("Not found"),description:fo.t({id:"Swap with request ID = {requestId} not found.",values:{requestId:e}})})))}s(dp,"SwapDetailsPlaceholder");function gp(){let{manager:t,state:e}=ig(),o=!e.loadedFromPersistor,n=dn(t),r=be.use.selectedSwapRequestId(),{navigateBackFrom:i}=ie(),{loadingStatus:a}=x(),l=o||a==="loading",p=n.find(({swap:m})=>m.requestId===r),u=s(()=>{if(p?.id){let m=t?.get(p.id);m&&rg(m)}},"onCancel"),c=s(async()=>{if(p?.id)try{await t?.deleteQueue(p.id),i(h.swapDetails)}catch(m){console.log(m)}},"onDelete"),d=p?.swap;return!d||l?fp.createElement(dp,{requestId:r||"",showSkeleton:l}):fp.createElement(ui,{swap:d,requestId:r||"",onCancel:u,onDelete:c})}s(gp,"SwapDetailsPage");import{i18n as go}from"@lingui/core";import{AutoThemeIcon as sg,DarkModeIcon as ag,LightModeIcon as lg,List as pg,ListItemButton as ug,Radio as fi,RadioRoot as cg,Typography as gi}from"@rango-dev/ui";import Be from"react";function hp(){let{navigateBackFrom:t}=ie(),e=F.use.theme(),o=F.use.setTheme(),n=[{id:"light",value:"light",title:Be.createElement(gi,{variant:"title",size:"xmedium"},go.t("Light")),onClick:()=>o("light"),start:Be.createElement(lg,{color:"gray"}),end:Be.createElement(fi,{value:"light"})},{id:"dark",value:"dark",title:Be.createElement(gi,{variant:"title",size:"xmedium"},go.t("Dark")),onClick:()=>o("dark"),start:Be.createElement(ag,{color:"gray"}),end:Be.createElement(fi,{value:"dark"})},{id:"auto",value:"auto",title:Be.createElement(gi,{variant:"title",size:"xmedium"},go.t("Auto")),onClick:()=>o("auto"),start:Be.createElement(sg,{color:"gray"}),end:Be.createElement(fi,{value:"auto"})}];return Be.createElement(J,{header:{onBack:t.bind(null,h.settings),title:go.t("Theme")}},Be.createElement(it,null,Be.createElement(cg,{onValueChange:r=>o(r),value:e},Be.createElement(pg,{type:Be.createElement(ug,{title:go.t("Theme"),id:"_",onClick:()=>console.log()}),items:n}))))}s(hp,"ThemePage");var dg=s(t=>t.replace("/",""),"getAbsolutePath");function yp(t){let{config:e}=t;return mg([{path:h.home,element:We.createElement(Jo,null)},{path:h.fromSwap,element:We.createElement(jr,{type:"source"})},{path:h.toSwap,element:We.createElement(jr,{type:"destination"})},{path:h.fromBlockchain,element:We.createElement(Fr,{type:"source"})},{path:h.toBlockchain,element:We.createElement(Fr,{type:"destination"})},{path:h.settings,element:We.createElement(Dl,{singleTheme:e?.theme?.singleTheme,supportedSwappers:e?.liquiditySources})},{path:h.themes,element:We.createElement(hp,null)},{path:h.languages,element:We.createElement(Qa,null)},{path:h.exchanges,element:We.createElement(Mr,{sourceType:"Exchanges",supportedSwappers:e?.liquiditySources})},{path:h.bridges,element:We.createElement(Mr,{sourceType:"Bridges",supportedSwappers:e?.liquiditySources})},{path:h.swaps,element:We.createElement(Ka,null)},{path:h.swapDetails,element:We.createElement(gp,null)},{path:h.wallets,element:We.createElement(va,{supportedWallets:e?.wallets,multiWallets:typeof e?.multiWallets>"u"?!0:e.multiWallets,config:e})},{path:dg(h.confirmSwap),element:We.createElement($a,{config:e})}])}s(yp,"AppRoutes");import{isApprovalTX as fg,MainEvents as Cp,RouteEventType as kp,StepEventType as Ht,StepExecutionEventStatus as gg,useEvents as hg}from"@rango-dev/queue-manager-rango-preset";import{useEffect as Tp}from"react";import{StepExecutionBlockedEventStatus as hi}from"@rango-dev/queue-manager-rango-preset";var Sp=[hi.WAITING_FOR_CHANGE_WALLET_ACCOUNT,hi.WAITING_FOR_NETWORK_CHANGE,hi.WAITING_FOR_WALLET_CONNECT];function wp(){let t=R.use.connectedWallets(),e=R.use.getWalletsDetails(),o=_e.use.setNotification(),n=_e.use.setAsRead(),r=hg();return Tp(()=>(r.on(Cp.StepEvent,i=>{let{event:a,step:l,route:p}=i;if(a.type===Ht.TX_EXECUTION&&a.status===gg.TX_SENT&&!fg(l)||a.type===Ht.SUCCEEDED){let c=t.find(m=>m.chain===l?.fromBlockchain),d=l?.fromBlockchain!==l?.toBlockchain&&t.find(m=>m.chain===l?.toBlockchain);c&&e([c]),d&&e([d])}a.type===Ht.TX_EXECUTION_BLOCKED&&Sp.includes(a.status)||a.type===Ht.FAILED?o(a,p):(a.type===Ht.TX_EXECUTION||a.type===Ht.CHECK_STATUS)&&n(p.requestId)}),()=>r.all.clear()),[r,t.length]),Tp(()=>(r.on(Cp.RouteEvent,i=>{let{event:a,route:l}=i;(a.type===kp.FAILED||a.type===kp.SUCCEEDED)&&o(a,l)}),()=>r.all.clear()),[r,t.length]),null}s(wp,"WidgetEvents");import{globalCss as yg}from"@rango-dev/ui";var vp=s(()=>yg({"@import":["url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap')","url('https://fonts.cdnfonts.com/css/times-new-roman')"]})(),"globalFont");import{createTheme as Si,darkTheme as wg,lightTheme as vg}from"@rango-dev/ui";import{useEffect as Ap,useState as bg}from"react";import{theme as kg,darkColors as Tg}from"@rango-dev/ui";var bp=s(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),Sg=s(t=>{let e="",o;for(o=Math.abs(t);o>52;o=o/52|0)e=bp(o%52)+e;return bp(o%52)+e},"toAlphabeticName"),Cg=s((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),yi=s(t=>Sg(Cg(5381,JSON.stringify(t))>>>0),"toHash");function xp(t){let e=kg.colors,o=qr({...e,...Tg},!0,t?.dark),n=qr(e,!1,t?.light),r=Object.keys(o).length>0,i=Object.keys(n).length>0,a,l;if(i){let p={colors:n};a={id:`${zn}-light-${yi(p)}`,tokens:p}}if(r){let p={colors:o};l={id:`${zn}-dark-${yi(p)}`,tokens:p}}return{light:a,dark:l}}s(xp,"customizedThemeTokens");function Ep(t){let{colors:e,fontFamily:o=bi,borderRadius:n=wi,secondaryBorderRadius:r=vi,mode:i="auto"}=t,[a,l]=bg("light"),p=F.use.theme(),u=F.use.setTheme(),{dark:c,light:d}=xp(e),m=Si({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),g=[m.className,vg.className],C=[m.className,wg.className];if(d){let S=Si(d.id,d.tokens);g.push(S.className)}if(c){let S=Si(c.id,c.tokens);C.push(S.className)}return Ap(()=>{let S=s(w=>{w.matches?l("dark"):l("light")},"switchThemeListener");return window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches&&l("dark"),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",S),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",S)}},[]),Ap(()=>{i!=="auto"&&u(i)},[i]),{activeTheme:s(()=>{let S=g.join(" "),w=C.join(" ");return p==="auto"?a==="dark"?w:S:p==="dark"?w:S},"getActiveTheme")}}s(Ep,"useTheme");import xg,{useMemo as Ag}from"react";import{Provider as Eg}from"@rango-dev/queue-manager-react";import{makeQueueDefinition as Bg,checkWaitingForNetworkChange as Wg}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Ng}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as Ig}from"@rango-dev/wallets-shared";import{isEvmBlockchain as Mg}from"rango-types";function Lg(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:i,getWalletInfo:a}=Ng(),l=Ag(()=>Bg({API_KEY:So("API_KEY")}),[]),{blockchains:p}=x.use.meta(),c={blockchains:R.use.connectedWallets().map(f=>({accounts:[f],name:f.chain}))},d=s((f,k)=>{if(i(f,k))return r(f,k)},"switchNetwork"),m=s(f=>!!a(f).mobileWallet,"isMobileWallet"),g=p.filter(f=>f.enabled).reduce((f,k)=>(f[k.name]=k,f),{}),C=p.filter(Mg),y=s(f=>{let{supportedChains:k}=a(f);return To(k)},"getSupportedChainNames"),S=e(),w={meta:{blockchains:g,evmBasedChains:C,evmNetworkChainInfo:Ig(C),getSupportedChainNames:y},getSigners:o,wallets:c,providers:S,switchNetwork:d,canSwitchNetworkTo:i,connect:r,state:n,isMobileWallet:m};return xg.createElement(Eg,{queuesDefs:[l],context:w,onPersistedDataLoaded:f=>{Wg(f)},isPaused:!1},t.children)}s(Lg,"QueueManager");var Bp=Lg;var Og=_g("div",{width:"100%",display:"flex",justifyContent:"center",alignItems:"center",fontFamily:"$widget",boxSizing:"border-box","& *, *::before, *::after":{boxSizing:"inherit",listStyleType:"none"},"& *:focus-visible":{outlineColor:"$info500",transition:"none"}});function Np(t){let{config:e}=t;vp();let{activeTheme:o}=Ep(e?.theme||{}),{activeLanguage:n,changeLanguage:r}=hn(),[i,a]=Wp(""),[l,p]=Wp(),u=Dg(Vn),c=x.use.fetchMeta();return Fg(()=>{e?.apiKey&&Ti({API_KEY:e?.apiKey})},[e]),Ci(()=>{c(),F.persist.rehydrate(),_e.persist.rehydrate(),u.onConnectWallet(a)},[]),Ci(()=>{e?.language&&r(e.language)},[e?.language]),at.createElement(Pg,{language:n},at.createElement(Og,{id:"swap-container",className:o()},at.createElement(Bp,null,at.createElement(wp,null),at.createElement(Js,{config:e,lastConnectedWallet:i,disconnectedWallet:l,clearDisconnectedWallet:()=>{p(void 0)}},at.createElement(yp,{config:e})))))}s(Np,"Main");function $g(t){let{updateConfig:e,config:o}=Pe();return Ci(()=>{t.config&&e(t.config)},[t.config]),t.config?.externalWallets?at.createElement(Np,{...t}):at.createElement(Rn,{providers:o?.wallets,options:{walletConnectProjectId:o?.walletConnectProjectId||t.config?.walletConnectProjectId}},at.createElement(Np,{...t}))}s($g,"Widget");export{eM as MainEvents,tM as RouteEventType,oM as StepEventType,nM as StepExecutionBlockedEventStatus,rM as StepExecutionEventStatus,$g as Widget,Rn as WidgetWallets,Ia as useWallets,iM as useWidgetEvents};
|
|
1
|
+
var Mu=Object.defineProperty;var s=(t,e)=>Mu(t,"name",{value:e,configurable:!0});import{MainEvents as y$,RouteEventType as S$,StepEventType as C$,StepExecutionBlockedEventStatus as k$,StepExecutionEventStatus as T$,useEvents as w$}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Wl}from"@rango-dev/wallets-react";import{Events as lr,Provider as ac}from"@rango-dev/wallets-react";import{isEvmBlockchain as lc}from"rango-sdk";import Oo,{createContext as pc,useEffect as uc,useRef as cc}from"react";import{useEffect as Ku}from"react";import{create as Qu}from"zustand";import{subscribeWithSelector as Vu}from"zustand/middleware";import{RangoClient as Pu}from"rango-sdk";var Yi="c6381a79-2817-4602-83bf-6a641a409e32";var or={API_KEY:Yi};function Eo(t){return or[t]}s(Eo,"getConfig");function Ji(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),or=e,or}s(Ji,"initConfig");var Zi=20,Ri=25,es="Roboto",nr="theme-widget";var Ao,It=s(()=>Ao||(Ao=new Pu(Eo("API_KEY")),Ao),"httpService");import{WalletState as Ge}from"@rango-dev/ui";import{readAccountAddress as Du}from"@rango-dev/wallets-react";import{detectInstallLink as Fu,getCosmosExperimentalChainInfo as Ou,isEvmAddress as Uu,KEPLR_COMPATIBLE_WALLETS as Iy,Networks as ns}from"@rango-dev/wallets-shared";import rr from"bignumber.js";import{isCosmosBlockchain as zu}from"rango-types";import $u from"bignumber.js";var be=new $u(0);import{WalletTypes as _u}from"@rango-dev/wallets-shared";var ts=[_u.LEAP];import{BigNumber as os}from"bignumber.js";var Io=s(t=>{let e=(t%60).toString().padStart(2,"0");return`${parseInt((t/60).toString()).toString().padStart(2,"0")}:${e}`},"secondsToString"),N=s((t,e=null,o=null)=>{if(t==null||t==="")return"";let n=new os(t),r=1,i=1e3;for(let a=0;a<60;a++)if(new os(n.toFixed(a,r)).eq(n)){i=a;break}if(n.gte(1e4))return n.toFormat(0,r);if(n.gte(1e3)||n.gte(100))return n.toFormat(Math.min(i,Math.min(o||100,Math.max(e||0,1))),r);if(n.gte(1))return n.toFormat(Math.min(i,Math.min(o||100,Math.max(e||0,2))),r);if(n.gte(.01))return n.toFormat(Math.min(i,Math.min(o||100,Math.max(e||0,4))),r);for(let a=e||4;a<17;a++)if(n.gte(Math.pow(10,-a)))return n.toFormat(Math.min(i,Math.min(o||100,Math.max(e||0,a))),r);return n.isEqualTo(0)?"0":n.toFormat(Math.min(i,Math.min(o||100,Math.max(e||0,8))),r)},"numberToString");var Wo=s(t=>t?.reduce((e,o)=>e+(o.estimatedTimeInSeconds??0),0)||0,"totalArrivalTime");var qe=s((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),Xt=s(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function No(t,e=4){let o=parseFloat(t);if(isNaN(o))return t;let n=Math.pow(10,e);return(Math.round(o*n)/n).toString()}s(No,"limitDecimalPlaces");function qu(t){switch(!0){case t.connected:return Ge.CONNECTED;case t.connecting:return Ge.CONNECTING;case!t.installed:return Ge.NOT_INSTALLED;default:return Ge.DISCONNECTED}}s(qu,"mapStatusToWalletState");function rs(t,e,o,n){return o.filter(r=>!ts.includes(r)).filter(r=>{let{supportedChains:i,isContractWallet:a}=e(r),{installed:l,network:p}=t(r);return a&&(!l||!!n&&p!==n)?!1:n?!!i.find(m=>m.name===n):!0}).map(r=>{let{name:i,img:a,installLink:l}=e(r),p=qu(t(r));return{title:i,image:a,link:Fu(l),state:p,type:r}})}s(rs,"mapWalletTypesToWalletInfo");function Bo(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}s(Bo,"walletAndSupportedChainsNames");function is(t,e,o,n,r){let i=[];function a(p,u){if(!!!i.find(c=>c.chain===p)){let c={address:u,chain:p,walletType:t};i.push(c)}}s(a,"addAccount");let l=n||[];return e.forEach(p=>{let{address:u,network:m}=Du(p),c=l.length>0,g=l.includes(m),y=m===ns.Unknown;if(c&&!g&&!y)return;let T=m===ns.Unknown&&Uu(u);if(y&&!T)return;o.includes(m)||T?r?a(m,u.toLowerCase()):l.filter(f=>o.includes(f)).forEach(f=>{a(f,u.toLowerCase())}):a(m,u)}),i}s(is,"prepareAccountsForWalletStore");function ss(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain;e.includes(n)||e.push(n),e.includes(r)||e.push(r),o.internalSwaps&&Array.isArray(o.internalSwaps)&&o.internalSwaps.forEach(i=>{let a=i.from.blockchain,l=i.to.blockchain;e.includes(a)||e.push(a),e.includes(l)||e.push(l)})}),e}s(ss,"getRequiredChains");function Wt(t,e,o,n){if(t.length===0)return null;let r=t.filter(i=>i.chain===e);return r.length===0?null:r.map(i=>i.balances?.find(a=>n!==null&&a.address===n||n===null&&a.address===n&&a.symbol===o)||null).filter(i=>i!==null).sort((i,a)=>parseFloat(a?.amount||"0")-parseFloat(i?.amount||"1")).find(()=>!0)||null}s(Wt,"getBalanceFromWallet");function Lo(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}s(Lo,"isAccountAndWalletMatched");function as(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 rr(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:Mo(o,r.asset.symbol,r.asset.address,e)||null}))||[]}s(as,"makeBalanceFor");function ls(t){return{...t,loading:!1,error:!0}}s(ls,"resetConnectedWalletState");var Mo=s((t,e,o,n)=>n?.find(i=>i.blockchain===t&&i.symbol?.toUpperCase()===e?.toUpperCase()&&i.address===o)?.usdPrice||null,"getUsdPrice"),Po=s((t,e)=>{let o=Ou(Object.entries(t).map(([,n])=>n).filter(zu));return o&&o[e]?.experimental},"isExperimentalChain");function Gu(t,e){return t.map(({balance:o,...n})=>{let r=N(new rr(Wt(e,n.blockchain,n.symbol,n.address)?.amount||be)),i="";return n.usdPrice&&(i=N(new rr(Wt(e,n.blockchain,n.symbol,n.address)?.amount||be).multipliedBy(n.usdPrice))),{...n,...r!=="0"&&{balance:{amount:r,usdValue:i}}}})}s(Gu,"getTokensWithBalance");function ps(t,e){let o=e.length>0?Gu(t,e):t;return o.sort((n,r)=>n.balance?.usdValue&&r.balance?.usdValue?parseFloat(r.balance.usdValue)-parseFloat(n.balance.usdValue):!n.balance?.usdValue&&r.balance?.usdValue?1:n.balance?.usdValue&&!r.balance?.usdValue?-1:!n.balance?.usdValue&&!r.balance?.usdValue?parseFloat(r.balance?.amount||"0")-parseFloat(n.balance?.amount||"0"):0),o}s(ps,"getTokensBalanceFromWalletAndSort");function Ae(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}s(Ae,"tokensAreEqual");function us(t){return t.sort((e,o)=>+(o.state===Ge.CONNECTED)-+(e.state===Ge.CONNECTED)||+(o.state===Ge.DISCONNECTED||o.state===Ge.CONNECTING)-+(e.state===Ge.DISCONNECTED||e.state===Ge.CONNECTING))}s(us,"sortWalletsBasedOnConnectionState");function $o(t,e=8,o=3){if(t.length<2*e+o)return t;let n=t.slice(0,e),r=t.slice(-e);return`${n}${".".repeat(o)}${r}`}s($o,"getConciseAddress");function cs({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}s(cs,"getAddress");var Hu=s(t=>{let e=t;e.use={};for(let o of Object.keys(e.getState()))e.use[o]=()=>e(n=>n[o]);return e},"createSelectors"),He=Hu;var H=He(Qu()(Vu((t,e)=>({connectedWallets:[],customDestination:"",loading:!1,connectWallet:(o,n)=>{let r=e().getWalletsDetails;t(i=>({loading:!0,connectedWallets:i.connectedWallets.filter(a=>a.walletType!==o[0].walletType).concat(o.map(a=>{let l=!i.connectedWallets.find(p=>p.chain===a.chain&&p.selected);return{balances:[],address:a.address,chain:a.chain,explorerUrl:null,walletType:a.walletType,selected:l,loading:!0,error:!1}}))})),r(o,n)},disconnectWallet:o=>{t(n=>{let r=n.connectedWallets.filter(i=>i.selected&&i.walletType!==o).map(i=>i.chain);return{connectedWallets:n.connectedWallets.filter(i=>i.walletType!==o).map(i=>r.includes(i.chain)?i:(r.push(i.chain),{...i,selected:!0}))}})},selectWallets:o=>t(n=>({connectedWallets:n.connectedWallets.map(r=>{let i=!!o.find(l=>l.chain===r.chain&&l.walletType!==r.walletType&&r.selected),a=!!o.find(l=>l.chain===r.chain&&l.walletType===r.walletType&&!r.selected);return i?{...r,selected:!1}:a?{...r,selected:!0}:r})})),clearConnectedWallet:()=>t(()=>({connectedWallets:[],selectedWallets:[]})),getWalletsDetails:async(o,n,r=!0)=>{let i=e().getWalletsDetails;t(a=>({loading:!0,connectedWallets:a.connectedWallets.map(l=>o.find(p=>Lo(p,l))?{...l,loading:!0}:l)}));try{let a=o.map(({address:u,chain:m})=>({address:u,blockchain:m})),p=(await It().getWalletsDetails(a)).wallets;if(p)t(u=>({loading:!1,connectedWallets:u.connectedWallets.map(m=>{let c=o.find(y=>Lo(y,m)),g=p.find(y=>y.address===m.address&&y.blockChain===m.chain);return g?.failed&&c&&r&&i([c],n,!1),c&&g?{...m,explorerUrl:g.explorerUrl,balances:as(g,n)}:m})}));else throw new Error("Wallet not found")}catch{t(l=>({loading:!1,connectedWallets:l.connectedWallets.map(p=>o.find(u=>Lo(u,p))?ls(p):p)}))}}}))));import{allProviders as ju}from"@rango-dev/provider-all";function _o(t,e){let o=ju({walletconnect2:{WC_PROJECT_ID:e?.walletConnectProjectId||""}});if(t){let n=[];return t.forEach(r=>{if(typeof r=="string"){let i=o.find(a=>a.config.type===r);i?n.push(i):console.warn(`Couldn't find ${r} provider. Please make sure you are passing the correct name.`)}else n.push(r)}),n}return o}s(_o,"matchAndGenerateProviders");function ms(t,e){return _o(t,e).map(r=>r.config.type)}s(ms,"configWalletsToWalletName");function ds(t,e){let o=H.use.clearConnectedWallet(),n=_o(void 0,e);return Ku(()=>{o(),n=_o(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}s(ds,"useWalletProviders");import nc,{createContext as rc,useContext as ic,useRef as sc}from"react";import{create as oc}from"zustand";var ir={apiKey:"",multiWallets:!0,enableNewLiquiditySources:!0},fs=s((t,e,o)=>({config:{...ir,...t},updateConfig:n=>{let r=o().config;e({config:{...r,...n}})}}),"createConfigSlice");function Nt(t){return Array.from(new Set(t))}s(Nt,"removeDuplicateFrom");function sr(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}s(sr,"areEqual");function gs(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}s(gs,"debounce");function yt(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}s(yt,"containsText");var ee=s(()=>document.getElementById("swap-box"),"getContainer");import{create as Ru}from"zustand";import{persist as ec,subscribeWithSelector as tc}from"zustand/middleware";import{English as Xu,French as Yu,Japanese as Ju,Spanish as Zu}from"@rango-dev/ui";var hs=[{title:"English",label:"English",local:"en",SVGFlag:Xu},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:Zu},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:Yu},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:Ju}],Do="en";var ys=[.5,1,3],Ss=1,Cs=5,ks=100,Ts=0;var D=He(Ru()(ec(tc((t,e)=>({preferredBlockchains:[],slippage:Ss,customSlippage:null,infiniteApprove:!1,affiliateRef:null,affiliatePercent:null,affiliateWallets:null,disabledLiquiditySources:[],theme:"auto",language:Do,addPreferredBlockchain:o=>{let n=e().preferredBlockchains;if(n.find((a,l)=>{let p=a===o,u=l<=10-1;return p&&u}))return;let i=n.filter(a=>!(a===o));t(()=>({preferredBlockchains:[o,...i]}))},setSlippage:o=>t(()=>({slippage:o})),setCustomSlippage:o=>t(()=>({customSlippage:o})),setAffiliateRef:o=>t(()=>({affiliateRef:o})),setAffiliatePercent:o=>t(()=>({affiliatePercent:o})),setAffiliateWallets:o=>t(()=>({affiliateWallets:o})),toggleAllLiquiditySources:(o,n)=>t(r=>{if(n)return{disabledLiquiditySources:[]};let i=Nt(o.map(a=>a.swapperGroup));return i.length===r.disabledLiquiditySources.length?{disabledLiquiditySources:[]}:{disabledLiquiditySources:i}}),toggleInfiniteApprove:()=>t(o=>({infiniteApprove:!o.infiniteApprove})),toggleLiquiditySource:o=>t(n=>n.disabledLiquiditySources.includes(o)?{disabledLiquiditySources:n.disabledLiquiditySources.filter(r=>r!=o)}:{disabledLiquiditySources:n.disabledLiquiditySources.concat(o)}),setTheme:o=>t(()=>({theme:o})),setLanguage:o=>t(()=>({language:o}))})),{name:"user-settings",skipHydration:!0})));function Fo(t){let e=D.use.disabledLiquiditySources(),o=t.map(i=>i.swapperGroup),n=[];return Nt(t.map(i=>i.swapperGroup)).map(i=>{let a=t.find(l=>l.swapperGroup===i);if(a){let l=!0;o&&(l=o.some(p=>p===a.swapperGroup)),l&&a.types.map(p=>{n.push({id:a.swapperGroup,groupTitle:a.swapperGroup,logo:a.logo,type:p,selected:!e.includes(a.swapperGroup)})})}}),n}s(Fo,"getUniqueSwappersGroups");function ws(t,e){return t.swapperGroup<e.swapperGroup?-1:t.swapperGroup>e.swapperGroup?1:0}s(ws,"sortLiquiditySourcesByGroupTitle");var vs=s((t,e)=>({_blockchains:[],_tokens:[],_popularTokens:[],_swappers:[],fetchStatus:"loading",blockchains:o=>{let n=e()._blockchains;if(!o||!o?.type)return n;let r=e().config,i=(o.type==="source"?r.from?.blockchains:r.to?.blockchains)??[];return n.filter(l=>!(i.length>0&&!i.includes(l.name)))},tokens:o=>{let n=e()._tokens;if(!o||!o?.type)return n;let r=e().config,i=(o.type==="source"?r.from?.tokens:r.to?.tokens)??[],a=e().blockchains({type:o.type});return n.filter(p=>i.length>0&&!i.some(u=>Ae(u,p))||o.blockchain&&p.blockchain!==o.blockchain||!a.some(u=>u.name===p.blockchain)?!1:o.searchFor?!!(yt(p.symbol,o.searchFor)||yt(p.address||"",o.searchFor)||yt(p.name||"",o.searchFor)):!0).sort((p,u)=>e().isTokenPinned(p)?-1:e().isTokenPinned(u)||p.isSecondaryCoin?1:u.isSecondaryCoin||!p.address&&u.address?-1:p.address&&!u.address?1:0)},isTokenPinned:o=>!!e().config.pinnedTokens?.some(r=>Ae(r,o)),swappers:()=>{let{config:{enableNewLiquiditySources:o,liquiditySources:n}}=e();return e()._swappers.filter(a=>{let l=n?.includes(a.swapperGroup);return o||!n||n.length===0?!l:l}).sort(ws)},fetch:async()=>{try{let o=await It().getAllMetadata();t({fetchStatus:"success"});let n=[],r=[],i=o.popularTokens,a=o.swappers,l=new Set;o.tokens.forEach(p=>{l.add(p.blockchain),r.push(p)}),o.blockchains.forEach(p=>{p.enabled&&l.has(p.name)&&n.push(p)}),n.sort((p,u)=>p.sort-u.sort),t({_blockchains:n,_tokens:r,_popularTokens:i,_swappers:a})}catch(o){throw t({fetchStatus:"failed"}),o}}}),"createDataSlice");function xs(t){return oc()((...e)=>({...vs(...e),...fs(t,...e)}))}s(xs,"createAppStore");var bs=rc(null);function v(){let t=ic(bs);if(!t)throw new Error("Missing AppStoreContext.Provider in the tree");return t()}s(v,"useAppStore");function Es(t){let e=sc();return e.current||(e.current=xs(t.config)),nc.createElement(bs.Provider,{value:e.current},t.children)}s(Es,"AppStoreProvider");var Uo=pc({onConnectWallet:()=>{}});function mc(t){let e=v().updateConfig,o=v().blockchains(),n=v().tokens(),r={walletConnectProjectId:t.config?.walletConnectProjectId},{providers:i}=ds(t.config.wallets,r),a=H.use.disconnectWallet(),l=H.use.connectWallet(),p=cc();uc(()=>{t.config&&e(t.config)},[t.config]);let u=o.filter(lc).map(c=>c.name),m=s((c,g,y,k,T)=>{if(g===lr.ACCOUNTS)if(y){let h=Bo(T.supportedBlockchains),x=is(c,y,u,h,T.isContractWallet);l(x,n)}else a(c);if(g===lr.ACCOUNTS&&k.connected){let h=`${c}-${k.network}-${y}`;k.connected&&(p.current?p.current(h):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(g===lr.NETWORK&&k.network){let h=`${c}-${k.network}`;p.current?p.current(h):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(c,g,y,k,T)},"onUpdateState");return Oo.createElement(Uo.Provider,{value:{onConnectWallet:c=>{p.current=c}}},Oo.createElement(ac,{allBlockChains:o,providers:i,onUpdateState:m,autoConnect:!0},t.children))}s(mc,"Main");function zo(t){let{config:e,...o}=t;return Oo.createElement(Es,{config:e},Oo.createElement(mc,{...o,config:e}))}s(zo,"WidgetWallets");import Xi from"react";import{I18nManager as Vh}from"@rango-dev/ui";import xo,{useContext as jh,useEffect as Au,useMemo as Kh,useState as Iu}from"react";import{useQueueManager as dd}from"@rango-dev/queue-manager-rango-preset";import{useWallets as fd}from"@rango-dev/wallets-react";import{isEvmBlockchain as gd}from"rango-types";import Tt,{useEffect as hd,useRef as yd}from"react";import{MemoryRouter as Sd,useInRouterContext as Cd}from"react-router";import{useLocation as kd,useNavigate as Td}from"react-router-dom";var S={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{useWallets as fc}from"@rango-dev/wallets-react";import{useEffect as gc,useRef as hc}from"react";function As(){let{connect:t,state:e}=fc(),o=hc({}),{fetchStatus:n}=v(),r=new URLSearchParams(location.search).get("autoConnect")||"",i=e(r);gc(()=>{n==="success"&&r&&i.installed&&!i.connecting&&!i.connected&&!o.current[r]&&(o.current[r]=!0,t(r))},[i,n])}s(As,"useForceAutoConnect");import{i18n as zr}from"@lingui/core";import{Button as td,styled as qr,SwapInput as pl,WarningIcon as od}from"@rango-dev/ui";import De,{useEffect as nd,useRef as rd,useState as id}from"react";import{useNavigate as sd}from"react-router-dom";import{ChevronLeftIcon as Cc}from"@rango-dev/ui";import Ns from"react";import{darkTheme as yc,IconButton as Sc,styled as qo}from"@rango-dev/ui";var Ne=qo(Sc,{width:"$24",position:"relative",padding:"0",overflow:"unset"}),Is=qo("div",{position:"absolute",background:"$secondary500",[`.${yc} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),Bt=qo("div",{display:"flex",justifyContent:"flex-end",width:"$40"}),Ws=qo("div",{position:"absolute",backgroundColor:"$secondary500",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0"});function pr(t){return Ns.createElement(Ne,{variant:"ghost",size:"small",onClick:t.onClick},Ns.createElement(Cc,{color:"black",size:16}))}s(pr,"BackButton");import{i18n as kc}from"@lingui/core";import{Button as Tc,Typography as wc}from"@rango-dev/ui";import ur from"react";function cr(t){return ur.createElement(Bt,null,ur.createElement(Tc,{variant:"ghost",onClick:t.onClick,size:"xsmall"},ur.createElement(wc,{variant:"label",size:"medium",color:"error500"},kc.t("Cancel"))))}s(cr,"CancelButton");import{i18n as vc}from"@lingui/core";import{Tooltip as xc,WalletIcon as bc}from"@rango-dev/ui";import Go from"react";function mr(t){return Go.createElement(xc,{container:t.container,side:"top",content:vc.t("Connect Wallet")},Go.createElement(Ne,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&Go.createElement(Is,null),Go.createElement(bc,{size:18,color:"black"})))}s(mr,"WalletButton");import{i18n as Vo}from"@lingui/core";import{NotificationsIcon as zc,Popover as qc,RefreshIcon as Gc,SettingsIcon as Hc,Tooltip as jo,TransactionIcon as Qc}from"@rango-dev/ui";import ue from"react";import{i18n as Pc}from"@lingui/core";import{ChainToken as _s,ChevronRightIcon as $c,ListItemButton as _c,Typography as Dc}from"@rango-dev/ui";import Be from"react";import{useNavigate as Fc}from"react-router-dom";import{create as Ec}from"zustand";import{persist as Ac,subscribeWithSelector as Ic}from"zustand/middleware";var Ie=He(Ec()(Ac(Ic((t,e)=>({notifications:[],setNotification:(o,n)=>{let r=n.steps[0],i=n.steps[n.steps.length-1],a={event:o,creationTime:Date.now(),read:!1,requestId:n.requestId,route:{from:{blockchain:r.fromBlockchain,tokenAddress:r.fromSymbolAddress,tokenSymbol:r.fromSymbol},to:{blockchain:i.toBlockchain,tokenSymbol:i.toSymbol,tokenAddress:i.toSymbolAddress}}},l=e().notifications.filter(p=>p.requestId!==n.requestId);t(()=>({notifications:[...l,a]}))},setAsRead:o=>{t(n=>({notifications:n.notifications.map(r=>r.requestId===o?{...r,read:!0}:r)}))},getUnreadNotifications:()=>e().notifications.filter(o=>!o.read)})),{name:"notification",skipHydration:!0})));import{create as Wc}from"zustand";var Ce=He(Wc()(t=>({connectWalletsButtonDisabled:!1,selectedSwapRequestId:null,currentPage:"",setSelectedSwap:e=>t({selectedSwapRequestId:e}),setCurrentPage:e=>t({currentPage:e})})));import{styled as Ho}from"@rango-dev/ui";var Bs=Ho("div",{padding:"$10",width:"350px",minHeight:"150px"}),Ls=Ho("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),Ms=Ho("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),Ps=Ho("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as Nc}from"@lingui/core";import{Divider as Bc,NoNotificationIcon as Lc,Typography as Mc}from"@rango-dev/ui";import Qo from"react";function $s(){return Qo.createElement(Ps,null,Qo.createElement(Lc,{color:"secondary",size:26}),Qo.createElement(Bc,{size:12}),Qo.createElement(Mc,{variant:"body",size:"medium",color:"neutral700"},Nc.t("You have no notification")))}s($s,"NotificationNotFound");var Oc=4;function dr(){let t=Fc(),e=Ce.use.setSelectedSwap(),{getUnreadNotifications:o}=Ie(),n=o(),r=v().blockchains(),i=v().tokens(),a=n.sort((p,u)=>u.creationTime-p.creationTime).slice(0,Oc),l=s(p=>{e(p),t(`/swaps/${p}`)},"handleOnClick");return Be.createElement(Bs,null,a.length?Be.createElement(Ls,null,a.map(p=>{let u=i.find(y=>y.address===p.route.from.tokenAddress&&y.blockchain===p.route.from.blockchain&&y.symbol===p.route.from.tokenSymbol),m=r.find(y=>y.name===p.route.from.blockchain),c=i.find(y=>y.address===p.route.to.tokenAddress&&y.blockchain===p.route.to.blockchain&&y.symbol===p.route.to.tokenSymbol),g=r.find(y=>y.name===p.route.to.blockchain);return Be.createElement(_c,{key:p.requestId,onClick:()=>l(p.requestId),title:Be.createElement(Dc,{variant:"body",size:"small",color:"$neutral700"},Pc.t(p.event.message)),id:p.requestId,start:Be.createElement(Ms,null,Be.createElement("div",{className:"from-chain-token"},Be.createElement(_s,{tokenImage:u?u.image:"",chainImage:m?m.logo:"",size:"small"})),Be.createElement("div",{className:"to-chain-token"},Be.createElement(_s,{tokenImage:c?c.image:"",chainImage:g?g.logo:"",size:"small"}))),end:Be.createElement($c,{size:12,color:"gray"})})})):Be.createElement($s,null))}s(dr,"NotificationContent");import{Typography as Uc}from"@rango-dev/ui";import Ds from"react";function Fs(){let{getUnreadNotifications:t}=Ie(),e=t().length;return e?Ds.createElement(Ws,null,Ds.createElement(Uc,{variant:"body",size:"xsmall",color:"$background"},e)):null}s(Fs,"UnreadNotificationsBadge");function fr(t){let{layoutRef:e,onClickRefresh:o,onClickHistory:n,onClickSettings:r,onClickNotifications:i}=t;return ue.createElement(ue.Fragment,null,ue.createElement(jo,{container:ee(),side:"top",content:Vo.t("Refresh")},ue.createElement(Ne,{variant:"ghost",size:"small",onClick:o,disabled:!o},ue.createElement(Gc,{size:16,color:o?"black":"gray"}))),ue.createElement(jo,{container:ee(),side:"top",content:Vo.t("Notifications")},ue.createElement(qc,{align:"center",collisionBoundary:e,collisionPadding:{right:20,left:20},container:ee(),content:ue.createElement(dr,null)},ue.createElement(Ne,{size:"small",variant:"ghost",onClick:i},ue.createElement(zc,{size:18,color:"black"}),ue.createElement(Fs,null)))),ue.createElement(jo,{container:ee(),side:"top",content:Vo.t("Settings")},ue.createElement(Ne,{size:"small",variant:"ghost",onClick:r},ue.createElement(Hc,{size:18,color:"black"}))),ue.createElement(jo,{container:ee(),side:"top",content:Vo.t("Transactions History")},ue.createElement(Ne,{size:"small",variant:"ghost",onClick:n},ue.createElement(Qc,{size:18,color:"black"}))))}s(fr,"HomeButtons");import{BottomLogo as jc,Divider as Kc,Header as Xc}from"@rango-dev/ui";import de from"react";import{useNavigate as Yc}from"react-router-dom";import{darkTheme as Vc,styled as gr}from"@rango-dev/ui";var Os=gr("div",{position:"relative",display:"flex",flexDirection:"column",borderRadius:"$primary",overflow:"hidden !important",boxShadow:"15px 15px 15px 0px rgba(0, 0, 0, 0.05)",width:"95vw",maxWidth:"390px",maxHeight:"700px",$$color:"$colors$neutral100",[`.${Vc} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",variants:{fixedHeight:{true:{height:"95vh"},false:{height:"auto"}}}}),Us=gr("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"}}}}),zs=gr("div",{backgroundColor:"$background","& .footer__content":{padding:"$0 $20"},"& .footer__logo":{padding:"$0 $20 $10 $20"}});function Jc(t,e){let{children:o,header:n,footer:r,noPadding:i,hasLogo:a=!0,fixedHeight:l=!0}=t,p=H.use.connectedWallets(),u=Ce.use.connectWalletsButtonDisabled(),m=Yc(),c=s(()=>{u||m("/"+S.wallets)},"onConnectWallet");return de.createElement(Os,{ref:e,fixedHeight:l,id:"swap-box"},de.createElement(Xc,{prefix:de.createElement(de.Fragment,null,n.onBack&&de.createElement(pr,{onClick:n.onBack})),title:n.title,suffix:de.createElement(de.Fragment,null,n.suffix,n.hasConnectWallet&&de.createElement(mr,{container:ee(),onClick:c,isConnected:!!p?.length}),n.onCancel&&de.createElement(cr,{onClick:n.onCancel}))}),de.createElement(Us,{noPadding:i},o),(a||r)&&de.createElement(zs,null,de.createElement("div",{className:"footer__content"},r),a&&de.createElement("div",{className:"footer__logo"},de.createElement(Kc,{size:12}),de.createElement(jc,null))))}s(Jc,"LayoutComponent");var K=de.forwardRef(Jc);K.displayName="Layout";import{ReverseIcon as sm,styled as aa}from"@rango-dev/ui";import Er from"react";import at from"bignumber.js";import{create as rm}from"zustand";import{subscribeWithSelector as im}from"zustand/middleware";import{getLastSuccessfulStep as nm}from"@rango-dev/queue-manager-rango-preset";import uT from"bignumber.js";var rt=(r=>(r[r.HIGH_VALUE_LOSS=0]="HIGH_VALUE_LOSS",r[r.UNKNOWN_PRICE=1]="UNKNOWN_PRICE",r[r.INSUFFICIENT_SLIPPAGE=2]="INSUFFICIENT_SLIPPAGE",r[r.HIGH_SLIPPAGE=3]="HIGH_SLIPPAGE",r))(rt||{});function qs(t,e){return e.find(o=>o.name===t)?.displayName}s(qs,"getBlockchainDisplayNameFor");function hr(t,e){return e.find(o=>o.name===t)?.shortName}s(hr,"getBlockchainShortNameFor");function yr(t,e){return e.find(o=>Ae(o,t))??null}s(yr,"findToken");function Sr(t,e){return e.find(o=>o.name===t)??null}s(Sr,"findBlockchain");import{i18n as Le}from"@lingui/core";import{PendingSwapNetworkStatus as Jo}from"@rango-dev/queue-manager-rango-preset";import ke from"bignumber.js";function Ko(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,i=e[e.length-1];n!=i&&e.push(n),i=e[e.length-1],r!=i&&e.push(r)}),e}s(Ko,"getRequiredWallets");function Xo(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}s(Xo,"isValidAddress");import{i18n as fe}from"@lingui/core";var q=s(()=>({genericServerError:fe.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:fe.t("Please reset your liquidity sources."),description:fe.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources")},noResultError:{title:fe.t("No Routes Found"),description:fe.t("Reasons why Rango couldn't find a route: low liquidity on token, very low input amount or no routes available for the selected input/output token combination.")},bridgeLimitErrors:{increaseAmount:fe.t("Bridge Limit Error: Please increase your amount"),decreaseAmount:fe.t("Bridge Limit Error: Please decrease your amount")},highValueLossError:{impactTitle:fe.t("High Price Impact"),title:fe.t("Price impact is too high!"),description:fe.t("The price impact is significantly higher than the allowed amount. If you are sure, continue, otherwise, change the swap."),confirmMessage:fe.t("Confirm High price impact")},quoteUpdatedWithHighValueLoss:{title:fe.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:fe.t("USD Price Unknown"),title:fe.t("USD Price Unknown, Cannot calculate Price Impact."),description:fe.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:fe.t("Confirm USD Price Unknown")}}),"errorMessages");function Gs(t){switch(t.type){case 0:return t.diagnosisMessage??q().noResultError.title;case 1:return q().genericServerError;default:return""}}s(Gs,"getQuoteErrorMessage");import{i18n as Yo}from"@lingui/core";var St=s(()=>({connectWallet:Yo.t("Connect Wallet"),swap:Yo.t("Swap"),swapAnyway:Yo.t("Swap anyway"),ethWarning:Yo.t("The route goes through Ethereum. Continue?")}),"swapButtonTitles");function Hs(t,e){return!t||!e||t.lte(be)||e.lte(be)?0:e.div(t).minus(1).multipliedBy(100).toNumber()}s(Hs,"getOutputRatio");function en(t,e){return(parseInt(e.toFixed(2)||"0")<=-10&&t?.gte(new ke(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new ke(1e3)))??!1}s(en,"hasHighValueLoss");function Yt(t){return(t?.result?.swaps||[]).filter(e=>{let o=e.fromAmountMinValue?new ke(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new ke(e.fromAmountMaxValue):null;return e.fromAmountRestrictionType==="EXCLUSIVE"?o?.gte(e.fromAmount)||n?.lte(e.fromAmount):o?.gt(e.fromAmount)||n?.lt(e.fromAmount)}).length>0}s(Yt,"hasLimitError");function Cr(t){let e=(t.result?.swaps||[]).filter(l=>{let p=l.fromAmountMinValue?new ke(l.fromAmountMinValue):null,u=l.fromAmountMaxValue?new ke(l.fromAmountMaxValue):null;return l.fromAmountRestrictionType==="EXCLUSIVE"?p?.gte(l.fromAmount)||u?.lte(l.fromAmount):p?.gt(l.fromAmount)||u?.lt(l.fromAmount)})[0],o=e.fromAmountMinValue?new ke(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new ke(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",i="",a="";return!r&&o&&o.gt(e.fromAmount)?(i=Le.t({id:"Required: >= {min} {symbol}",values:{min:N(o,6,6),symbol:e.from.symbol}}),a=q().bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(i=Le.t({id:"Required: > {min} {symbol}",values:{min:N(o,6,6),symbol:e.from.symbol}}),a=q().bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(i=Le.t({id:"Required: <= {max} {symbol}",values:{max:N(n,6,6),symbol:e.from.symbol}}),a=q().bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(i=Le.t({id:"Required: < {max} {symbol}",values:{max:N(n,6,6),symbol:e.from.symbol}}),a=q().bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:i,recommendation:a}}s(Cr,"getLimitErrorMessage");function Qs(t,e,o,n,r,i,a,l,p){return t!=="success"?{title:St().connectWallet,state:"waitForConnecting",disabled:!0}:e.length==0?{title:St().connectWallet,state:"waitForConnecting",disabled:!1}:o||!n||!n.result||r||!p||p==="0"?{title:St().swap,disabled:!0,state:"swap"}:i||a?{title:St().swapAnyway,disabled:!1,hasWarning:!0,state:"needToConfirm"}:l?{title:St().ethWarning,disabled:!1,hasWarning:!0,state:"warning"}:{title:St().swap,disabled:!1,state:"swap"}}s(Qs,"getSwapButtonState");function kr(t,e,o){return!((!o||o.lte(be))&&t?.result&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t.result)}s(kr,"canComputePriceImpact");function Rc(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,i=e[e.length-1];n!=i&&e.push(n),i=e[e.length-1],r!=i&&e.push(r)}),e}s(Rc,"requiredWallets");var em=s((t,e,o,n)=>n?.find(i=>i.blockchain===t&&i.symbol?.toUpperCase()===e?.toUpperCase()&&i.address===o)?.usdPrice||null,"getUsdPrice");function tm(t,e){let o=be;for(let n=0;n<t.fee.length;n++){let r=t.fee[n];if(r.expenseType==="DECREASE_FROM_OUTPUT")continue;let i=em(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new ke(r.amount).multipliedBy(i||0))}return o}s(tm,"getUsdFeeOfStep");function tn(t,e){return t.reduce((o,n)=>o.plus(tm(n,e)),be)}s(tn,"getTotalFeeInUsd");function Tr(t){let e=new Map;return t.result?.swaps.forEach((o,n)=>{o.recommendedSlippage?.error&&e.set(n,o.recommendedSlippage.slippage)}),e.size>0?e:null}s(Tr,"checkSlippageErrors");function Vs(t,e){let o=new Map;return t.result?.swaps.forEach((n,r)=>{n.recommendedSlippage?.slippage&&parseInt(n.recommendedSlippage?.slippage)>e&&o.set(r,n.recommendedSlippage.slippage)}),o.size>0?o:null}s(Vs,"checkSlippageWarnings");function on(t){return t.result?.swaps.map(o=>o.recommendedSlippage)?.map(o=>o?.slippage||"0")?.filter(o=>parseFloat(o)>0)?.sort((o,n)=>parseFloat(n)-parseFloat(o))?.find(()=>!0)||null}s(on,"getMinRequiredSlippage");function js(t,e){return e?parseFloat(t)>=parseFloat(e):!0}s(js,"hasProperSlippage");function nn(t){let{fromToken:e,toToken:o,inputAmount:n,wallets:r,selectedWallets:i,disabledLiquiditySources:a,liquiditySources:l,excludeLiquiditySources:p,slippage:u,affiliateRef:m,affiliatePercent:c,affiliateWallets:g,initialQuote:y,destination:k}=t,T=i?.reduce((d,C)=>(d[C.chain]=C.address,d),{}),h=[];r?.forEach(d=>{let C=h.find(E=>E.blockchain===d.chain);C?C.addresses.push(d.address):h.push({blockchain:d.chain,addresses:[d.address]})});let x=!!y,f=Nt((y?.result?.swaps||[]).reduce((d,C)=>(d.push(C.from.blockchain,C.to.blockchain),C.internalSwaps&&Array.isArray(C.internalSwaps)&&C.internalSwaps.map(E=>{d.push(E.from.blockchain,E.to.blockchain)}),d),[]));return{amount:n.toString(),affiliateRef:m??void 0,affiliatePercent:c??void 0,affiliateWallets:g??void 0,checkPrerequisites:x,from:{address:e.address,blockchain:e.blockchain,symbol:e.symbol},to:{address:o.address,blockchain:o.blockchain,symbol:o.symbol},connectedWallets:h,selectedWallets:T??{},slippage:u.toString(),...k&&{destination:k},...p&&{swapperGroups:a.concat(l??[]),swappersGroupsExclude:!0},...!p&&{swapperGroups:l?.filter(d=>!a.includes(d)),swappersGroupsExclude:!1},...x&&{blockchains:f}}}s(nn,"createQuoteRequestBody");function Ks(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}s(Ks,"getWalletsForNewSwap");function Lt(t){return t.result?.outputAmount||null}s(Lt,"getQuoteOutputAmount");function st(t,e){return new ke(e).div(new ke(t)).minus(1).multipliedBy(100).toNumber()}s(st,"getPercentageChange");function Xs(t,e){let o=Lt(t),n=Lt(e);if(!o||!n)return!1;let r=st(o,n);return r?r<=-1:!0}s(Xs,"isOutputAmountChangedALot");function Ys(t,e){let o=t.validationStatus,n=ss(t);return e.sort((i,a)=>n.indexOf(i.chain)-n.indexOf(a.chain)).flatMap(i=>oa(i,o)||[]).filter(i=>!i.ok).map(i=>{let a=i.asset.symbol,l=N(new ke(i.currentAmount.amount).shiftedBy(-i.currentAmount.decimals),8,8),p=N(new ke(i.requiredAmount.amount).shiftedBy(-i.requiredAmount.decimals),8,8),u="";return i.reason==="FEE"&&(u=Le.t(" for network fee")),i.reason==="INPUT_ASSET"&&(u=Le.t(" for swap")),i.reason==="FEE_AND_INPUT_ASSET"&&(u=Le.t(" for input and network fee")),Le.t({id:"Needs \u2248 {requiredAmount} {symbol}{reason}, but you have {currentAmount} {symbol} in your {blockchain} wallet.",values:{requiredAmount:p,symbol:a,reason:u,currentAmount:l,blockchain:i.asset.blockchain}})})}s(Ys,"getBalanceWarnings");function Js(t,e){return(t?new ke(t):be).multipliedBy(e||0)}s(Js,"calcOutputUsdValue");function Jt(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==Jo.NetworkChanged}s(Jt,"isNetworkStatusInWarningState");function Zs(t,e){let o="bellow button or",n=t.extraMessage,r=t.extraMessageDetail;if(t.networkStatusExtraMessageDetail?.includes(o)&&(t.networkStatusExtraMessageDetail=t.networkStatusExtraMessageDetail.replace(o,"")),Jt(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case Jo.WaitingForConnectingWallet:n=n||Le.t("Waiting for connecting wallet");break;case Jo.WaitingForQueue:n=n||Le.t("Waiting for other running tasks to be finished");break;case Jo.WaitingForNetworkChange:n=n||Le.t("Waiting for changing wallet network");break;default:n=n||"";break}r=r||"",n=n||"";let a=n?.indexOf("code")!==-1&&n?.indexOf("reason")!==-1;return{shortMessage:n,detailedMessage:{content:r,long:a}}}s(Zs,"getSwapMessages");function Rs(t){let e=null;if(t.status==="failed"){let o=t.steps.slice().reverse().filter(n=>n.status==="success")[0];o&&(e={blockchain:o.toBlockchain,symbol:o.toSymbol,outputAmount:o.outputAmount,address:o.toSymbolAddress})}return e}s(Rs,"getLastConvertedTokenInFailedSwap");function ea(t){return t.status==="failed"&&!!t.finishTime&&new Date().getTime()-parseInt(t.finishTime)<4*3600*1e3}s(ea,"shouldRetrySwap");function ta(t,e,o,n,r,i){return t||!e&&!Rc(n).every(a=>r.map(l=>l.chain).includes(a))||!!e&&!o||!!e&&!!o&&i&&!Xo(i,o)}s(ta,"confirmSwapDisabled");function wr(t,e,o){return o&&t.find(n=>{let r=e?.split("--");return r?.length===1?n.symbol===r[0]&&n.address===null&&n.blockchain===o.name:n.symbol===r?.[0]&&n.address===r?.[1]&&n.blockchain===o.name})||null}s(wr,"searchParamsToToken");function ra(t){return t?.result?.swaps[t?.result?.swaps.length-1].to.usdPrice}s(ra,"getQuoteToTokenUsdPrice");function vr(t,e){let o=t.result?.swaps||[],n=e.result?.swaps||[];return o.length!==n.length}s(vr,"isNumberOfSwapsChanged");function xr(t,e){let o=t.result?.swaps.map(r=>r.swapperId)||[],n=e.result?.swaps.map(r=>r.swapperId)||[];return!sr(o,n)}s(xr,"isQuoteSwappersUpdated");function br(t,e){let o=t.result?.swaps.map(r=>r.to.symbol)||[],n=e.result?.swaps.map(r=>r.to.symbol)||[];return!sr(o,n)}s(br,"isQuoteInternalCoinsUpdated");function ia(t,e){return vr(t,e)||xr(t,e)||br(t,e)}s(ia,"isQuoteChanged");function oa(t,e){if(e===null)return null;let o=e?.find(n=>n.blockchain===t.chain)?.wallets.find(n=>n.address?.toLowerCase()===t.address.toLowerCase());return o?o.requiredAssets:null}s(oa,"getRequiredBalanceOfWallet");function Xe(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}s(Xe,"getPriceImpactLevel");function sa(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],i=nm(t.steps),a={blockchain:r.toBlockchain,symbol:r.toSymbol,address:r.toSymbolAddress},l=Sr(i?i.toBlockchain:n.fromBlockchain,e),p=Sr(r.toBlockchain,e),u=yr(i?{blockchain:l?.name??"",symbol:i.toSymbol,address:i.toSymbolAddress}:{blockchain:l?.name??"",symbol:n.fromSymbol,address:n.fromSymbolAddress},o),m=yr(a,o),c=i?i.outputAmount??"":t.inputAmount;return{fromBlockchain:l,fromToken:u,toBlockchain:p,toToken:m,inputAmount:c}}s(sa,"createRetryQuote");function rn(t,e){let{fromToken:o,toToken:n,tokens:r,userSlippage:i}=e,a=Ct(o,t.requestAmount),l=Ct(n,t.result?.outputAmount??"");if(t.result&&a&&l){let m=st(a.toString(),l.toString());if(en(a,m)){let g=tn(t.result.swaps,r),y=Xe(m);return{type:0,inputUsdValue:a,outputUsdValue:l,priceImpact:m,totalFee:g,warningLevel:y}}}else if(t.result&&(!a||!l))return{type:1};let p=on(t),u=i>Cs;if(js(e.userSlippage.toString(),p)){if(u&&parseFloat(p??"0")<i)return{type:3,slippage:i.toString()}}else return{type:2,recommendedSlippages:Vs(t,i),minRequiredSlippage:p};return null}s(rn,"generateQuoteWarnings");function Mt(t,e){let o=typeof e=="string"?parseFloat(e)<=0:!e?.gt(0);return!t||!e||o?null:st(t.toString(),e.toString())}s(Mt,"getPriceImpact");var Ct=s((t,e)=>t?.usdPrice?new at(e||be).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),P=He(rm()(im(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new at(0),outputUsdValue:new at(0),toBlockchain:null,toToken:null,quote:null,quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:"",quoteWarningsConfirmed:!1,setQuote:e=>t(o=>{let n=null,r=be;return Xt(o.inputAmount)?(e&&(n=e.result?.outputAmount?new at(e.result?.outputAmount):null,r=Js(e.result?.outputAmount,ra(e)||o.toToken?.usdPrice)),{quote:e,...!!e&&{outputAmount:n,outputUsdValue:r}}):{}}),resetQuote:()=>t(()=>({quote:null,outputAmount:null,outputUsdValue:new at(0)})),setFromBlockchain:e=>{t(o=>o.fromBlockchain?.name===e?.name?{}:{fromBlockchain:e,...o.fromToken&&{quote:null,fromToken:null,outputAmount:null,outputUsdValue:null}})},setFromToken:e=>t(o=>({fromToken:e.token,...e.token&&{fromBlockchain:e.meta.blockchains.find(n=>n.name===e.token.blockchain)??null},...!!o.inputAmount&&{inputUsdValue:Ct(e.token,o.inputAmount)}})),setToBlockchain:e=>{t(o=>o.toBlockchain?.name===e?.name?{}:{toBlockchain:e,...o.toToken&&{quote:null,toToken:null,outputAmount:null,outputUsdValue:null}})},setToToken:e=>t(()=>({toToken:e.token,...e.token&&{toBlockchain:e.meta.blockchains.find(o=>o.name===e.token.blockchain)??null}})),setInputAmount:e=>{t(o=>({inputAmount:e,...!e&&{outputAmount:new at(0),outputUsdValue:new at(0),quote:null},...!!o.fromToken&&{inputUsdValue:Ct(o.fromToken,e)}}))},retry:(e,o)=>{let{tokens:n,blockchains:r}=o,{fromBlockchain:i,fromToken:a,toBlockchain:l,toToken:p,inputAmount:u}=sa(e,r,n);t({fromBlockchain:i,fromToken:a,inputAmount:u,outputAmount:null,inputUsdValue:Ct(a??null,u),outputUsdValue:new at(0),toBlockchain:l,toToken:p,quote:null})},switchFromAndTo:()=>t(e=>({fromBlockchain:e.toBlockchain,fromToken:e.toToken,toBlockchain:e.fromBlockchain,toToken:e.fromToken,inputAmount:e.outputAmount?.toString()||"",inputUsdValue:Ct(e.toToken,e.outputAmount?.toString()||"")})),resetFromBlockchain:()=>t(()=>({fromToken:null,fromBlockchain:null,outputAmount:null,outputUsdValue:null,quote:null})),resetToBlockchain:()=>t(()=>({toToken:null,toBlockchain:null,outputAmount:null,outputUsdValue:null,quote:null})),setQuoteWalletConfirmed:e=>t({quoteWalletsConfirmed:e}),setSelectedWallets:e=>t({selectedWallets:e}),setCustomDestination:e=>t({customDestination:e}),resetQuoteWallets:()=>t({quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:""}),setQuoteWarningsConfirmed:e=>t({quoteWarningsConfirmed:e})}))));var am=aa("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),lm=aa("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 la(){let t=P.use.switchFromAndTo();return Er.createElement(am,null,Er.createElement(lm,{onClick:()=>{t()}},Er.createElement(sm,{size:12})))}s(la,"SwitchFromAndToButton");import{Divider as Xm}from"@rango-dev/ui";import ct from"react";import{i18n as Nr}from"@lingui/core";import{Alert as gm,ChevronDownIcon as hm,ChevronRightIcon as Pa,Divider as Br,Image as $a,InfoIcon as ym,QuoteCost as Sm,StepDetails as Cm,TokenAmount as km,Tooltip as _a,Typography as _t}from"@rango-dev/ui";import B,{useLayoutEffect as Tm,useRef as wm,useState as vm}from"react";import{styled as Ar}from"@rango-dev/ui";var Ir=Ar("div",{width:"100%",paddingTop:"$2"}),pa=Ar("div",{paddingBottom:"$15"}),ua=Ar("div",{width:"100%",display:"flex"});import*as an from"@radix-ui/react-collapsible";import{darkTheme as Ye,styled as lt}from"@rango-dev/ui";import*as $t from"@radix-ui/react-collapsible";import{Button as pm,darkTheme as Pt,IconButton as um,keyframes as ca,styled as he,TextField as cm}from"@rango-dev/ui";var Zt=300,mm=ca({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),dm=ca({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),ma=he("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),da=he("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}),fa=he("button",{borderRadius:"$xm",padding:"$10",border:"0",display:"flex",justifyContent:"center",$$color:"$colors$neutral100",[`.${Pt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",alignItems:"center",cursor:"pointer",width:110,position:"relative","&:hover":{$$color:"$colors$info100",[`.${Pt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$color:"$colors$info100",[`.${Pt} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color",outline:0},variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary",outlineStyle:"solid"}}}}),ga=he($t.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit"}),ha=he("div",{padding:"$20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),ya=he(um,{position:"absolute",left:"$20"}),Sa=he("div",{paddingTop:"$20","& .wallets-list":{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}}),Ca=he($t.Root,{backgroundColor:"$neutral200",borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),ka=he(pm,{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}}),Ta=he("div",{padding:"$10 $0","& .button__content":{display:"flex",justifyContent:"center",alignItems:"center"},"& .alarms":{paddingTop:"5px"}}),wa=he("div",{transition:`all ${Zt}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),va=he("div",{display:"flex"}),xa=he(cm,{padding:"$0 $15 $15 $15"}),sn=he($t.Content,{overflow:"hidden",variants:{open:{true:{animation:`${mm} ${Zt}ms ease-out`},false:{animation:`${dm} ${Zt}ms ease-out`}}}}),ba=he("div",{overflow:"visible",width:"100%"});var Wr=300,Ea=lt(an.Root,{display:"flex",flexDirection:"column",alignItems:"start",overflowX:"auto",overflowY:"hidden",width:"100%",borderRadius:"$xm",variants:{recommended:{true:{$$color:"$colors$info300",[`.${Ye} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"},false:{$$color:"$colors$neutral400",[`.${Ye} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}}},"& .steps-details":{padding:"$10 $15"}}),Aa=lt("div",{borderRadius:"$xm",display:"flex",flexDirection:"column",alignItems:"start",justifyContent:"space-between",color:"$foreground",cursor:"pointer",boxSizing:"border-box",position:"relative",variants:{recommended:{true:{$$color:"$colors$info100",[`.${Ye} &`]:{$$color:"$colors$secondary600"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}},false:{$$color:"$colors$neutral200",[`.${Ye} &`]:{$$color:"$colors$neutral500"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}}},basic:{true:{borderTopRightRadius:"0",borderTopLeftRadius:"0"}},listItem:{true:{},false:{}}},compoundVariants:[{listItem:!0,recommended:!0,css:{"&:hover":{$$color:"$colors$secondary200",[`.${Ye} &`]:{$$color:"$colors$secondary700"},backgroundColor:"$$color"}}},{listItem:!0,recommended:!1,css:{"&:hover":{$$color:"$colors$neutral300",[`.${Ye} &`]:{$$color:"$colors$neutral400"},backgroundColor:"$$color"}}}],"& .summary":{width:"100%",padding:"$15 $15 $10 $15"},"& .basic-info":{paddingTop:"$10",display:"flex",alignItems:"center"}}),Ia=lt(an.Trigger,{display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",height:"$36",padding:"$10 $15",boxSizing:"border-box",cursor:"pointer",border:"none",outline:"none",backgroundColor:"transparent",variants:{error:{true:{[`& ${Image}`]:{border:"1px $warning500 solid",borderRadius:"100%"}},false:{[`& ${Image}`]:{border:"1px transparent solid",borderRadius:"100%"}}},recommended:{true:{$$color:"$colors$info300",[`.${Ye} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"},false:{$$color:"$colors$neutral400",[`.${Ye} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}}},"& div:nth-child(1)":{display:"flex"}}),Wa=lt(sn,{width:"100%"}),ln=lt("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$2",transition:`all ${Wr}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),zT=lt("div",{height:"$12",marginLeft:"$10",marginRight:"$10",borderLeft:"1px solid $foreground"}),Na=lt("div",{display:"flex",justifyContent:"center",margin:"0 $15",borderTop:"1px solid",$$color:"$colors$neutral300",[`.${Ye} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color"}),Ba=lt("div",{width:"$16",height:"$16",justifyContent:"center",alignItems:"center",display:"flex"});import{TokenAmount as Ma}from"@rango-dev/ui";import pn from"react";import{styled as fm}from"@rango-dev/ui";var La=fm("div",{position:"relative",display:"flex",flexDirection:"column",width:"100%","& .separator":{height:"14px",marginLeft:"14px",position:"absolute",borderLeft:"1px solid $foreground",top:"42%"}});function Rt(t){let{from:e,to:o,percentageChange:n,warningLevel:r}=t;return pn.createElement(La,null,pn.createElement(Ma,{direction:"horizontal",label:"Swap input",type:"input",price:{value:e.price.value,usdValue:e.price.usdValue},token:{displayName:e.token.displayName,image:e.token.image},chain:{image:e.chain.image}}),pn.createElement("div",{className:"separator"}),pn.createElement(Ma,{direction:"horizontal",label:"Estimated output",type:"output",price:{value:o.price.value,usdValue:o.price.usdValue},token:{displayName:o.token.displayName,image:o.token.image},chain:{image:o.chain.image},percentageChange:n,warningLevel:r}))}s(Rt,"QuoteSummary");function Lr(t){let{quote:e,input:o,output:n,error:r,warning:i,type:a,recommended:l=!0}=t,p=v().tokens(),[u,m]=vm(t.expanded),c=wm(null),g=N(tn(e.result?.swaps??[],p),2,2),y=Io(Wo(e.result?.swaps)),k=Mt(o.usdValue,n.usdValue??null),T=N(String(k),2,2),h=Xe(k??0),f=s(d=>d.map((C,E)=>{let $,I=r?.type===3&&r.swap.swapperId===C.swapperId||i?.type===2&&i.recommendedSlippages?.has(E),_=i?.type===2&&i.recommendedSlippages?.has(E);return I?$="error":_&&($="warning"),{swapper:{displayName:C.swapperId,image:C.swapperLogo},from:{token:{displayName:C.from.symbol,image:C.from.logo},chain:{displayName:C.from.blockchain,image:C.from.blockchainLogo},price:{value:E===0?N(o.value,6,6):C.fromAmount}},to:{token:{displayName:C.to.symbol,image:C.to.logo},chain:{displayName:C.to.blockchain,image:C.to.blockchainLogo},price:{value:C.toAmount}},state:$,alerts:I||_?B.createElement(pa,null,B.createElement(gm,{type:I?"error":"warning",title:r?.type===3?r?.recommendation:Nr.t("Slippage Error:"),footer:B.createElement(ua,null,r?.type===3&&B.createElement(B.Fragment,null,B.createElement(_t,{size:"xsmall",variant:"body",color:"neutral900"},r.fromAmountRangeError),B.createElement(Br,{direction:"horizontal",size:8}),B.createElement(_t,{size:"xsmall",variant:"body",color:"neutral900"},"|"),B.createElement(Br,{direction:"horizontal",size:8}),B.createElement(_t,{size:"xsmall",variant:"body",color:"neutral900"},Nr.t({id:"Yours: {amount} {symbol}",values:{amount:N(C.fromAmount,6,6),symbol:C?.from.symbol}}))),(r?.type===4||i?.type===2)&&B.createElement(_t,{size:"xsmall",variant:"body",color:"neutral900"},Nr.t({id:"min required Slippage: {minRequiredSlippage}",values:{...r?.type===4&&{minRequiredSlippage:r.recommendedSlippages?.get(E)},...i?.type===2&&{minRequiredSlippage:i.recommendedSlippages?.get(E)}}})))})):void 0}}),"getQuoteSteps")(e.result?.swaps??[]),w=f.length;return Tm(()=>{u&&c.current&&setTimeout(()=>{c?.current?.scrollIntoView({behavior:"smooth"})},Wr)},[u]),B.createElement(B.Fragment,null,B.createElement(Aa,{recommended:l,listItem:a==="list-item",basic:a==="basic"},B.createElement("div",{className:"summary"},B.createElement(Sm,{fee:g,time:y,steps:w}),a==="basic"&&B.createElement("div",{className:"basic-info"},B.createElement(Ba,null,B.createElement(ym,{size:12,color:"gray"})),B.createElement(_t,{size:"small",variant:"body",style:{letterSpacing:.4}},`${o.value} ${f[0].from.token.displayName} = ${n.value} ${f[f.length-1].to.token.displayName}`),B.createElement(_t,{color:"$neutral600",ml:2,size:"xsmall",variant:"body"},`($${n.usdValue})`)),a==="list-item"&&B.createElement(km,{type:"output",direction:"vertical",price:{value:n.value,usdValue:n.usdValue},token:{displayName:f[w-1].to.token.displayName,image:f[w-1].to.token.image},chain:{image:f[w-1].to.chain.image},percentageChange:T,warningLevel:h}),a==="swap-preview"&&B.createElement(B.Fragment,null,B.createElement(Rt,{from:f[0].from,to:f[w-1].to,percentageChange:T,warningLevel:h}),B.createElement(Br,{size:4}))),B.createElement(Ea,{recommended:l,open:u,onOpenChange:m},B.createElement(Ia,{ref:d=>c.current=d,recommended:l,onClick:m.bind(null,d=>!d)},B.createElement("div",null,f.map((d,C)=>{let E=`item-${C}`;return B.createElement(B.Fragment,{key:E},B.createElement(_a,{container:t.tooltipContainer,side:"bottom",sideOffset:4,content:d.from.chain.displayName},B.createElement($a,{src:d.from.chain.image,size:16})),C===w-1&&B.createElement(B.Fragment,null,B.createElement(ln,null,B.createElement(Pa,{size:12,color:"black"})),B.createElement(_a,{container:t.tooltipContainer,side:"bottom",sideOffset:4,content:d.to.chain.displayName},B.createElement($a,{src:d.to.chain.image,size:16}))),C!==w-1&&B.createElement(ln,null,B.createElement(Pa,{size:12,color:"black"})))})),B.createElement(ln,{orientation:u?"up":"down"},B.createElement(hm,{size:12,color:"black"}))),B.createElement(Wa,{open:u},B.createElement(Na,null),B.createElement("div",{className:"steps-details"},f.map((d,C)=>{let E=`item-${C}`;return B.createElement(Cm,{type:"quote-details",key:E,step:d,hasSeparator:C!==f.length-1,state:d.state})}))))))}s(Lr,"Quote");import{ChainToken as un,Divider as Me,NextIcon as bm,Skeleton as ye}from"@rango-dev/ui";import A from"react";import{darkTheme as xm,styled as Da}from"@rango-dev/ui";var Fa=Da("div",{$$color:"$colors$neutral100",[`.${xm} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",borderBottomLeftRadius:"$xm",borderBottomRightRadius:"$xm",padding:"$15 ","& .cost-and-tag":{display:"flex",justifyContent:"space-between",alignItems:"center",height:"22px"},variants:{rounded:{true:{borderRadius:"$xm"}}},"& .cost":{display:"flex"},"& .basic-summary":{padding:"$15 $0 14px $0"},"& .output":{padding:"$6 $0 $15 $0",display:"flex",flexDirection:"column"},"& .output__token-info":{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$5"},"& .quote-summary":{display:"flex",justifyContent:"space-between",alignItems:"end"},"& .quote-summary__separator":{height:"$28",marginLeft:"13px",borderLeft:"1px solid $neutral700"},"& .token-amount":{display:"flex",justifyContent:"space-between"},"& .token-amount__label":{display:"flex",flexDirection:"column",alignItems:"start"},"& .chains":{paddingTop:"$2"},"& .swap-preview":{padding:"$15 $0 $15 $0"},"& .steps":{paddingLeft:"$8"},"& .step__title":{display:"flex",alignItems:"center"},"& .step__content":{display:"flex",alignItems:"start"},"& .step__tokens":{paddingTop:"$5",paddingBottom:"$10",display:"flex",alignItems:"center"},"& .step__token-info":{display:"flex",alignItems:"center"},"& .step__icon-container":{margin:"$0 $2",padding:"$4",display:"flex",justifyContent:"center",alignItems:"center"}}),Oa=Da("div",{borderLeft:"1px dashed black",minHeight:" 64px",margin:"0px 11.5px",alignSelf:"stretch",variants:{hideSeparator:{true:{minHeight:"unset",height:"0"}}}});function Mr(t){let{separator:e=!0}=t;return A.createElement(A.Fragment,null,A.createElement("div",{className:"step__title"},A.createElement(ye,{height:22,width:22,variant:"circular"}),A.createElement(Me,{direction:"horizontal",size:8}),A.createElement(ye,{height:15,width:148,variant:"rounded"})),A.createElement("div",{className:"step__content"},A.createElement(Oa,{hideSeparator:!e}),A.createElement("div",{className:"step__tokens"},A.createElement("div",{className:"step__token-info"},A.createElement(un,{size:"small",loading:!0,chainImage:"",tokenImage:""}),A.createElement(Me,{direction:"horizontal",size:8}),A.createElement(ye,{height:12,width:76,variant:"rounded"})),A.createElement("div",{className:"step__icon-container"},A.createElement(bm,{color:"gray",size:16})),A.createElement("div",{className:"step__token-info"},A.createElement(un,{size:"small",loading:!0,chainImage:"",tokenImage:""}),A.createElement(Me,{direction:"horizontal",size:8}),A.createElement(ye,{height:12,width:76,variant:"rounded"})))))}s(Mr,"StepSkeleton");function Pr(t){let{type:e,expanded:o,tag:n=!1}=t,r=A.createElement("div",{className:"quote-summary"},A.createElement("div",{className:"token-amount"},A.createElement(un,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),A.createElement(Me,{size:8,direction:"horizontal"}),A.createElement("div",{className:"token-amount__label"},A.createElement(ye,{height:10,width:60,variant:"rounded"}),A.createElement(Me,{size:4}),A.createElement(ye,{height:15,width:148,variant:"rounded"}))),A.createElement(ye,{height:12,width:64,variant:"rounded"}));return A.createElement(Fa,null,A.createElement("div",{className:"cost-and-tag"},A.createElement("div",{className:"cost"},A.createElement(ye,{width:60,height:10,variant:"rounded"}),A.createElement(Me,{size:4,direction:"horizontal"}),A.createElement(ye,{width:60,height:10,variant:"rounded"}),A.createElement(Me,{size:4,direction:"horizontal"}),A.createElement(ye,{width:60,height:10,variant:"rounded"})),n&&A.createElement(ye,{height:22,width:100,variant:"rounded"})),e==="basic"&&A.createElement("div",{className:"basic-summary"},A.createElement(ye,{height:15,width:148,variant:"rounded"})),e==="list-item"&&A.createElement("div",{className:"output"},A.createElement("div",{className:"output__token-info"},A.createElement(un,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),A.createElement(Me,{direction:"horizontal",size:4}),A.createElement(ye,{height:15,width:150,variant:"rounded"})),A.createElement(Me,{size:4}),A.createElement(ye,{height:10,width:184,variant:"rounded"})),e==="swap-preview"&&A.createElement(A.Fragment,null,A.createElement(Me,{size:4}),A.createElement("div",{className:"swap-preview"},r,A.createElement("div",{className:"quote-summary__separator"}),r)),A.createElement("div",{className:"chains"},A.createElement(ye,{height:15,width:321,variant:"rounded"})),o&&A.createElement("div",{className:"steps"},A.createElement(Me,{size:20}),A.createElement(Mr,null),A.createElement(Mr,null),A.createElement(Mr,{separator:!1})))}s(Pr,"QuoteSkeleton");import{i18n as Hm}from"@lingui/core";import{Alert as Qm,Button as Vm,InfoIcon as jm}from"@rango-dev/ui";import Ee from"react";import{useNavigate as Km}from"react-router-dom";import{Alert as Em,Button as Am,Divider as Qa,NoRouteIcon as Im,RefreshIcon as Wm,Typography as Va}from"@rango-dev/ui";import Pe from"react";import{i18n as Ua}from"@lingui/core";function za(t,e,o,n){return t?.type===1?{alert:{type:"warning",text:q().genericServerError,action:{onClick:n,title:Ua.t("Retry")}},description:""}:t?.type===0&&t.diagnosisMessage?{alert:{type:"error",text:t.diagnosisMessage,action:null},description:""}:e.length?{alert:{type:"warning",text:q().liquiditySourcesError.title,action:{onClick:()=>o(!0),title:Ua.t("Reset")}},description:q().liquiditySourcesError.description}:{alert:null,description:q().noResultError.description}}s(za,"makeInfo");import{styled as $r}from"@rango-dev/ui";var qa=$r("div",{minHeight:"162px",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"}),Ga=$r("div",{width:"100%"}),Ha=$r("div",{padding:"$6 $0"});function _r(t){let{fetch:e,error:o}=t,n=D.use.disabledLiquiditySources(),r=D.use.toggleAllLiquiditySources(),i=v().swappers(),a=za(o,n,()=>r(i,!0),e);return Pe.createElement(qa,null,Pe.createElement(Im,{size:24,color:"gray"}),Pe.createElement(Qa,{size:4}),Pe.createElement(Va,{variant:"title",size:"small"},q().noResultError.title),!!a.description&&Pe.createElement(Va,{variant:"body",size:"small",align:"center",color:"neutral700"},a.description),Pe.createElement(Qa,{size:4}),!!a.alert&&Pe.createElement(Ga,null,Pe.createElement(Em,{type:a.alert.type,title:a.alert.text,action:a.alert.action&&Pe.createElement(Am,{size:"xsmall",type:a.alert.type,prefix:Pe.createElement(Ha,null,Pe.createElement(Wm,{size:8})),onClick:a.alert.action.onClick},a.alert.action.title),variant:"alarm"})))}s(_r,"NoResult");import{i18n as oo}from"@lingui/core";import{Button as Nm,Divider as Za,MessageBox as Bm,Modal as Lm,Typography as Mm,WarningIcon as Pm}from"@rango-dev/ui";import Qe from"react";import{Typography as Ya}from"@rango-dev/ui";import Fr from"react";import{styled as cn}from"@rango-dev/ui";var ja=cn("div",{width:"100%",paddingTop:"$10"}),Dr=cn("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),Ka=cn("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%"}),Xa=cn("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});function Ja(t){let{title:e,value:o,valueColor:n}=t;return Fr.createElement(Ka,null,Fr.createElement(Ya,{size:"medium",variant:"label",color:"neutral600"},e),Fr.createElement(Ya,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}s(Ja,"QuoteErrorsModalItem");function Ra(t){let{open:e,onClose:o,onConfirm:n,warning:r}=t,i=r.warningLevel==="high"?"error":"warning",a=[{title:oo.t("Swapping"),value:N(r.inputUsdValue,4,4)},{title:oo.t("Gas cost"),value:N(r.totalFee,2,2)},{title:oo.t("Receiving"),value:N(r.outputUsdValue,4,4)},{title:oo.t("Price impact"),value:N(r.priceImpact,2,2),valueColor:`${i}500`}];return Qe.createElement(Lm,{open:e,onClose:o,container:ee()},Qe.createElement(Bm,{type:i,title:q().highValueLossError.impactTitle,description:q().highValueLossError.description}),Qe.createElement(Dr,null,Qe.createElement(Za,{size:20}),Qe.createElement(Mm,{size:"small",variant:"title"},oo.t("Details")),Qe.createElement(Dr,null,a.map((l,p)=>Qe.createElement(Ja,{key:p,...l})))),Qe.createElement(Za,{size:32}),Qe.createElement(Nm,{type:"primary",size:"large",prefix:Qe.createElement(Pm,null),fullWidth:!0,onClick:n},q().highValueLossError.confirmMessage))}s(Ra,"HighValueLossWarningModal");import{i18n as el}from"@lingui/core";function tl(t,e){let o={alertType:"warning",title:"",action:"show-info"};return t?(t.type===0&&(Xe(t.priceImpact)==="high"&&(o.alertType="error"),o.title=q().highValueLossError.title),t.type===1&&(o.title=q().unknownPriceError.title),t.type===2&&(o.title=el.t({id:"minimum required slippage for this route: {minRequiredSlippage}",values:{minRequiredSlippage:t.minRequiredSlippage}})),t.type===3&&(o.title=el.t("Caution, your slippage is high")),o):e?(o.alertType="error",e.type===3&&(o.title=e.recommendation,o.action=null),e.type===4&&(o.title="",o.action="change-settings"),o):null}s(tl,"makeAlerts");import{i18n as Dt}from"@lingui/core";import{Button as ol,Divider as nl,MessageBox as $m,Modal as _m,Typography as Dm}from"@rango-dev/ui";import kt from"react";import{useNavigate as Fm}from"react-router-dom";function rl(t){let{customSlippage:e,slippage:o}=D(),{open:n,onClose:r,onConfirm:i,warning:a}=t,l=Fm(),p=e??o;return kt.createElement(_m,{anchor:"bottom",open:n,prefix:kt.createElement(ol,{size:"small",variant:"ghost",onClick:()=>l("/"+S.settings)},kt.createElement(Dm,{variant:"label",size:"medium",color:"$neutral900"},Dt.t("Change settings"))),container:ee(),onClose:r},kt.createElement($m,{type:"warning",title:a.type===3?Dt.t("High slippage"):Dt.t("Low slippage"),description:a.type===3?Dt.t({id:" Caution, your slippage is high (={userSlippage}). Your trade may be front run.",values:{userSlippage:p}}):Dt.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:a.minRequiredSlippage}})},kt.createElement(nl,{size:18}),kt.createElement(nl,{size:32}),kt.createElement(ol,{size:"large",type:"primary",variant:"contained",fullWidth:!0,onClick:i},Dt.t("Confirm anyway"))))}s(rl,"SlippageWarningModal");import{Button as Om,Divider as Um,MessageBox as zm,Modal as qm,WarningIcon as Gm}from"@rango-dev/ui";import no from"react";function il(t){let{open:e,onClose:o,onConfirm:n}=t;return no.createElement(qm,{open:e,onClose:o,container:ee()},no.createElement(zm,{type:"warning",title:q().unknownPriceError.impactTitle,description:q().unknownPriceError.description}),no.createElement(Um,{size:32}),no.createElement(Om,{type:"primary",size:"large",prefix:no.createElement(Gm,null),fullWidth:!0,onClick:n},q().unknownPriceError.confirmMessage))}s(il,"UnknownPriceWarningModal");function Or(t){let{warning:e,error:o,refetchQuote:n,showWarningModal:r,onOpenWarningModal:i,onCloseWarningModal:a,onConfirmWarningModal:l}=t,p=Km(),u={open:r,onClose:a,onConfirm:l},m=o?.type===0||o?.type===1,c=tl(e,o?.type===3||o?.type===4?o:null);return Ee.createElement(Ee.Fragment,null,m&&Ee.createElement(_r,{error:o,fetch:n}),!!c&&Ee.createElement(ja,null,Ee.createElement(Qm,{title:c.title,type:c.alertType,variant:"alarm",action:c.action==="show-info"?Ee.createElement(Xa,{onClick:i},Ee.createElement(jm,{size:12,color:"gray"})):Ee.createElement(Vm,{size:"xsmall",type:"error",onClick:()=>p(S.settings)},Hm.t("Change Settings"))})),e&&Ee.createElement(Ee.Fragment,null,e.type===0&&Ee.createElement(Ra,{...u,warning:e}),(e.type===3||e.type===2)&&Ee.createElement(rl,{...u,warning:e}),e.type===1&&Ee.createElement(il,{...u,warning:e})))}s(Or,"QuoteWarningsAndErrors");function ro(t){let{quote:e,type:o,loading:n,error:r,warning:i,refetchQuote:a,showWarningModal:l,onOpenWarningModal:p,onCloseWarningModal:u,onConfirmWarningModal:m,expanded:c=!1}=t,{inputAmount:g,inputUsdValue:y,outputUsdValue:k,outputAmount:T}=P(),h=e&&e.result&&!n;return ct.createElement(ct.Fragment,null,n&&ct.createElement(Ir,null,ct.createElement(Pr,{type:o,expanded:c})),h?ct.createElement(Ir,null,ct.createElement(Lr,{quote:e,error:r,warning:i,type:o,expanded:c,recommended:!0,input:{value:N(g,6,6),usdValue:N(y,4,4)},output:{value:N(T,6,6),usdValue:N(k,4,4)}})):null,!i&&!r&&ct.createElement(Xm,{size:16}),(i||r)&&ct.createElement(Or,{warning:i,error:r,loading:n,refetchQuote:a,showWarningModal:l,onOpenWarningModal:p,onCloseWarningModal:u,onConfirmWarningModal:m}))}s(ro,"QuoteInfo");import{useEffect as al,useRef as Rm,useState as Ur}from"react";function mn(t){if(!t.result)throw new Error(q().noResultError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});if(Yt(t)){let{swap:n,recommendation:r,fromAmountRangeError:i}=Cr(t);throw new Error("bridge limit error",{cause:{type:3,swap:n,recommendation:r,fromAmountRangeError:i}})}let o=Tr(t);if(o){let n=on(t);throw new Error("",{cause:{type:4,recommendedSlippages:o,minRequiredSlippage:n}})}return t}s(mn,"throwErrorIfResponseIsNotValid");function sl(t,e,o){let n=ia(t,e),r={quote:null,quoteUpdate:null,balance:null},i=rn(e,{fromToken:o.fromToken,toToken:o.toToken,tokens:o.tokens,userSlippage:o.userSlippage});i&&(r.quote=i),n&&(Xs(t,e)?r.quoteUpdate={type:3,newOutputAmount:N(Lt(e)),percentageChange:N(st(Lt(t)??"",Lt(e)??""),null,2)}:vr(t,e)?r.quoteUpdate={type:0}:xr(t,e)?r.quoteUpdate={type:1}:br(t,e)&&(r.quoteUpdate={type:2}));let a=Ys(e,o.selectedWallets);return a.length===0||(r.balance={messages:a}),r}s(sl,"generateWarnings");function dn(t){return t?.code==="ERR_CANCELED"?{swap:null,error:{type:2},warnings:null}:t.cause?{swap:null,error:t.cause,warnings:null}:{swap:null,error:{type:1},warnings:null}}s(dn,"handleQuoteErrors");import{useRef as Jm,useState as Zm}from"react";function fn(){let[t,e]=Zm(!1),o=Jm(null),n=s(()=>o.current?.abort(),"cancel");return{fetch:s(async i=>{n(),o.current=new AbortController,e(!0);try{let a=await It().getBestRoute(i,{signal:o.current.signal});return o.current=null,a}catch(a){throw a}finally{e(!1)}},"fetch"),loading:t,cancelFetch:n}}s(fn,"useFetchQuote");var ed=600;function ll(){let{fetch:t,cancelFetch:e}=fn(),{liquiditySources:o,enableNewLiquiditySources:n}=v().config,r=v().tokens(),{fromToken:i,toToken:a,inputAmount:l,inputUsdValue:p,resetQuote:u,setQuote:m}=P(),{slippage:c,customSlippage:g,affiliatePercent:y,affiliateRef:k,affiliateWallets:T,disabledLiquiditySources:h}=D(),[x,f]=Ur(!1),[w,d]=Ur(null),[C,E]=Ur(null),$=Rm(h),I=g??c,L=!i||!a||Ae(i,a)||!Xt(l),Q=s(F=>{f(F),d(null),E(null)},"resetState"),b=s(()=>{if(x||Q(!0),!L){u();let F=nn({fromToken:i,toToken:a,inputAmount:l,liquiditySources:o,excludeLiquiditySources:n,disabledLiquiditySources:h,slippage:I,affiliateRef:k,affiliatePercent:y,affiliateWallets:T});t(F).then(O=>{f(!1),m(O),mn(O);let ne=rn(O,{fromToken:i,toToken:a,userSlippage:I,tokens:r});E(ne)}).catch(O=>{let{error:ne}=dn(O);(ne?.type===0||ne?.type===1)&&u(),ne?.type!==2&&(d(ne),f(!1))})}},"fetch"),z=gs(()=>{L||b()},ed);return al(()=>{if(!Xt(l)||p?.eq(0)){Q(!1),e();return}if(!L)return u(),Q(!0),z(),e},[l,L]),al(()=>{let F=!!$.current.length&&!h.length;return!L&&F&&b(),$.current=h,e},[h.length]),{fetch:b,loading:x,error:w,warning:C}}s(ll,"useSwapInput");var ad=qr("div",{display:"flex",flexDirection:"column",overflowY:"visible"}),ld=qr("div",{position:"relative"}),pd=qr("div",{display:"flex",flexDirection:"column",gap:5,alignSelf:"stretch"});function gn(){let t=sd(),{fetch:e,loading:o,error:n,warning:r}=ll(),{fromToken:i,fromBlockchain:a,toToken:l,toBlockchain:p,setInputAmount:u,inputAmount:m,inputUsdValue:c,outputAmount:g,outputUsdValue:y,quote:k,resetQuoteWallets:T,setQuoteWarningsConfirmed:h}=P(),x=v().fetchStatus,f=H.use.connectedWallets(),w=Ce.use.setCurrentPage(),[d,C]=id(!1),E=rd(null),$=!1,I=Hs(c,y),_=en(c,I),L=!kr(k,m,c),Q=!kr(k,m,y),b=Qs(x,f,o,k,Yt(k),_,L||Q,$,m),z=a&&i?N(Wt(f,a?.name,i?.symbol,i?.address)?.amount||"0",8,8):"0",F=a&&i?N(Wt(f,a?.name,i?.symbol,i?.address)?.amount||"0",Wt(f,a?.name,i?.symbol,i?.address)?.decimal):"0";nd(()=>(w(S.home),T(),w.bind(null,"")),[]);let O=!c||!y||!y.gt(0)?null:st(c.toString(),y.toString());return De.createElement(K,{ref:E,fixedHeight:!1,hasLogo:!0,footer:De.createElement(td,{type:"primary",size:"large",disabled:b.disabled,prefix:!b.disabled&&b.hasWarning&&De.createElement(od,null),fullWidth:!0,onClick:()=>{b.state==="waitForConnecting"?t(S.wallets):r?C(!0):t(S.confirmSwap)}},b.title),header:{hasConnectWallet:!0,title:zr.t("Swap"),suffix:De.createElement(fr,{layoutRef:E.current,onClickRefresh:k||n?e:void 0,onClickHistory:()=>t(S.swaps),onClickSettings:()=>t(S.settings)})}},De.createElement(ad,null,De.createElement(pd,null,De.createElement(ld,null,De.createElement(pl,{label:zr.t("From"),mode:"From",onInputChange:u,balance:z,chain:{displayName:a?.displayName||"",image:a?.logo||""},token:{displayName:i?.symbol||"",image:i?.image||""},onClickToken:()=>t("from-swap"),price:{value:m,usdValue:L?void 0:N(c,4,4),error:L?q().unknownPriceError.impactTitle:void 0},disabled:x==="failed",loading:x==="loading",onSelectMaxBalance:()=>{z!=="0"&&u(F.split(",").join(""))}}),De.createElement(la,null)),De.createElement(pl,{sharpBottomStyle:!!k?.result||o,label:zr.t("To"),mode:"To",chain:{displayName:p?.displayName||"",image:p?.logo||""},token:{displayName:l?.symbol||"",image:l?.image||""},percentageChange:N(Mt(c,y),2,2),warningLevel:Xe(O??0),price:{value:N(g,6,6),usdValue:Q?void 0:N(y,4,4),error:Q?q().unknownPriceError.impactTitle:void 0},onClickToken:()=>t("to-swap"),disabled:x==="failed",loading:x==="loading"})),De.createElement(ro,{quote:k,loading:o,error:n,warning:r,type:"basic",refetchQuote:e,showWarningModal:d,onOpenWarningModal:()=>C(!0),onCloseWarningModal:()=>C(!1),onConfirmWarningModal:()=>{C(!1),h(!0),t(S.confirmSwap)}})))}s(gn,"Home");import{useEffect as Gr,useRef as Hr}from"react";import{createSearchParams as ud,useLocation as cd,useSearchParams as md}from"react-router-dom";import{useEffect as Ft,useMemo as hn,useRef as yn}from"react";function ul(){let{setInputAmount:t,setToToken:e,setToBlockchain:o,setFromBlockchain:n,setFromToken:r,fromToken:i,toToken:a,fromBlockchain:l,toBlockchain:p}=P(),u=v().config,m=v().fetchStatus,c=v().blockchains(),g=v().tokens(),{setAffiliateRef:y,setAffiliatePercent:k,setAffiliateWallets:T}=D(),h=hn(()=>u?.from?.tokens,[u?.from?.tokens]),x=hn(()=>u?.from?.blockchains,[u?.from?.blockchains]),f=hn(()=>u?.to?.tokens,[u?.to?.tokens]),w=hn(()=>u?.to?.blockchains,[u?.to?.blockchains]),d=yn(void 0),C=yn(void 0),E=yn(void 0),$=yn(void 0);Ft(()=>{t(u?.amount?.toString()||"")},[u?.amount]),Ft(()=>{if(m==="success"){let I=c.find(L=>L.name===u?.from?.blockchain),_=g.find(L=>Ae(L,u?.from?.token||null));(I||!I&&E.current)&&n(I??null),_?r({token:_,meta:{blockchains:c,tokens:g}}):!_&&d.current&&r({token:null}),E.current=u?.from?.blockchain,d.current=u?.from?.token}},[u?.from?.token?.symbol,u?.from?.token?.address,u?.from?.token?.blockchain,u?.from?.blockchain,m]),Ft(()=>{i&&h&&(h.some(I=>Ae(I,i))||r({token:null})),l&&x&&(x.includes(l.name)||n(null))},[h,x]),Ft(()=>{a&&f&&(f.some(I=>Ae(I,a))||e({token:null})),p&&w&&(w.includes(p.name)||o(null))},[f,w]),Ft(()=>{if(m==="success"){let I=c.find(L=>L.name===u?.to?.blockchain),_=g.find(L=>Ae(L,u?.to?.token||null));(I||!I&&$.current)&&o(I??null),_?e({token:_,meta:{blockchains:c,tokens:g}}):!_&&C.current&&e({token:null}),$.current=u?.to?.blockchain,C.current=u?.to?.token}},[u?.to?.token?.symbol,u?.to?.token?.address,u?.to?.token?.blockchain,u?.to?.blockchain,m]),Ft(()=>{y(u?.affiliate?.ref??null),k(u?.affiliate?.percent??null),T(u?.affiliate?.wallets??null)},[u?.affiliate?.ref,u?.affiliate?.percent,u?.affiliate?.wallets])}s(ul,"useSyncStoresWithConfig");function cl(){let t=Hr(!0),[e,o]=md(),n=cd(),r=Hr(n.search),i=Hr({}),a=P.use.fromBlockchain(),l=P.use.toBlockchain(),p=P.use.fromToken(),u=P.use.toToken(),m=P.use.setFromBlockchain(),c=P.use.setFromToken(),g=P.use.setToBlockchain(),y=P.use.setToToken(),k=P.use.inputAmount(),T=P.use.setInputAmount(),h=v().fetchStatus,x=v().blockchains(),f=v().tokens(),w=Ce.use.setSelectedSwap();return ul(),Gr(()=>{let d={};ud(r.current).forEach((E,$)=>{d[$]=E}),i.current=d;let C=n.pathname.split(S.swaps+"/")[1]||null;C&&w(C)},[]),Gr(()=>{if(!t.current){let d="",C="",E="",$="",I="",_=i.current["autoConnect"];if(h!=="success")d=i.current["fromBlockchain"],C=i.current["fromToken"],E=i.current["toBlockchain"],$=i.current["toToken"],I=i.current["fromAmount"]||k;else{if(n.state==="redirect")return;d=a?.name||"",C=(p?.symbol||"")+(p?.address?`--${p?.address}`:""),E=l?.name||"",$=(u?.symbol||"")+(u?.address?`--${u?.address}`:""),I=k}o({...d&&{["fromBlockchain"]:d},...C&&{["fromToken"]:C},...E&&{["toBlockchain"]:E},...$&&{["toToken"]:$},...I&&{["fromAmount"]:I.toString()},..._&&{["autoConnect"]:_}},{replace:!0})}t.current=!1},[n.pathname,k,a,p,l,u]),Gr(()=>{if(h==="success"){let d=e.get("fromBlockchain"),C=e.get("fromToken"),E=e.get("toBlockchain"),$=e.get("toToken"),I=e.get("fromAmount"),_=x.find(z=>z.name===d),L=wr(f,C,_||null),Q=x.find(z=>z.name===E),b=wr(f,$,Q||null);_&&(m(_),L&&c({token:L,meta:{blockchains:x,tokens:f}})),Q&&(g(Q),b&&y({token:b,meta:{blockchains:x,tokens:f}})),I&&T(I)}},[h]),null}s(cl,"UpdateUrl");function wd(t){let e=kd(),o=Td(),n=yd(!0),r=e.pathname.split("/"),a=r[r.length-1]===S.confirmSwap&&n.current;return hd(()=>{a&&o("."),n.current=!1},[]),a?Tt.createElement(gn,null):Tt.createElement(Tt.Fragment,null," ",t.children)}s(wd,"Route");function ml({children:t,...e}){let o=Cd(),n=o?wd:Sd,r=v().blockchains(),{canSwitchNetworkTo:i}=fd();As();let a=r.filter(gd);return dd({lastConnectedWallet:e.lastConnectedWallet,clearDisconnectedWallet:e.clearDisconnectedWallet,disconnectedWallet:e.disconnectedWallet,evmChains:a,canSwitchNetworkTo:i}),Tt.createElement(Tt.Fragment,null,Tt.createElement(n,null,t),o&&Tt.createElement(cl,null))}s(ml,"AppRouter");import xe from"react";import{useRoutes as Lh}from"react-router-dom";import{i18n as bn}from"@lingui/core";import{useManager as af}from"@rango-dev/queue-manager-react";import{Alert as Ml,Button as Pl,Divider as $l,IconButton as _l,RefreshIcon as lf,SettingsIcon as pf,styled as Dl,Tooltip as uf,Typography as cf,WalletIcon as mf}from"@rango-dev/ui";import Y,{useEffect as En,useState as An}from"react";import{flushSync as df}from"react-dom";import{useNavigate as ff}from"react-router-dom";import{i18n as Je}from"@lingui/core";import{Alert as Jr,BalanceErrors as Kd,Button as Nl,ChevronDownIcon as Xd,ChevronLeftIcon as Yd,Divider as Ut,MessageBox as Jd,Modal as Bl,Typography as xn,WalletIcon as Zd}from"@rango-dev/ui";import W,{useEffect as Rd,useLayoutEffect as ef,useRef as tf,useState as xt}from"react";import{useNavigate as of}from"react-router-dom";import{i18n as Sn}from"@lingui/core";function Cn(t){switch(t.type){case 0:return Sn.t("Route has been updated.");case 3:return Sn.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return Sn.t("Route swappers has been updated.");case 2:return Sn.t("Route internal coins has been updated.");default:return""}}s(Cn,"getQuoteUpdateWarningMessage");import{i18n as Fe}from"@lingui/core";import{Button as Qd,Divider as Xr,Image as Vd,MessageBox as vn,Modal as bl,SelectableWallet as jd,Typography as El,WalletState as Al}from"@rango-dev/ui";import oe,{useEffect as Il,useState as so}from"react";import{WalletState as dl}from"@rango-dev/ui";import{useWallets as vd}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as xd,WalletTypes as bd}from"@rango-dev/wallets-shared";import{useEffect as Ed,useState as Ad}from"react";var Id=Object.values(bd);function kn(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:i,disconnect:a,getWalletInfo:l,connect:p}=vd(),{connectedWallets:u}=H(),m=v().blockchains(),c=ms(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||Id,g=rs(i,l,c,o),y=us(g),[k,T]=Ad(""),h=s(d=>!u.find(C=>C.walletType===d&&C.chain===o),"isExperimentalChainNotAdded"),x=s(async d=>{let C=i(d);try{if(k&&T(""),C.connected)await a(d);else{let E=!!g.find($=>$.state===dl.CONNECTED);if(!e?.multiWallets&&E)return;n?.(d),await p(d),r?.(d)}}catch(E){T("Error: "+E?.message)}},"handleClick"),f=s(()=>{let d=g?.filter(C=>C.state===dl.CONNECTING)||[];for(let C of d)a(C.type)},"disconnectConnectingWallets");Ed(()=>()=>{f()},[]);let w=s((d,C,E)=>Po(E,C)&&h(d)&&!xd.includes(d),"shouldExcludeWallet");return{list:y.filter(d=>!w(d.type,o??"",m)),error:k,handleClick:x}}s(kn,"useWalletList");import{i18n as Sl}from"@lingui/core";import{styled as kl,Typography as Dd,Wallet as Fd,WalletState as Od}from"@rango-dev/ui";import vt,{Fragment as Ud,useState as Cl}from"react";import{Divider as Md,Modal as Pd}from"@rango-dev/ui";import Vr from"react";import{i18n as Ot}from"@lingui/core";import{Image as Bd,MessageBox as Qr,WalletState as Ld}from"@rango-dev/ui";import wt from"react";import{keyframes as Wd,styled as Tn}from"@rango-dev/ui";var Ob=Tn("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),fl=Tn("div",{position:"relative"}),Nd=Wd({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),gl=Tn("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Nd} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),hl=Tn("div",{"& img":{borderRadius:"50%"}});function yl(t){let{state:e,image:o,error:n}=t;return e===Ld.CONNECTED?wt.createElement(Qr,{type:"success",title:Ot.t("Wallet Connected"),description:Ot.t("Your wallet is connected, you can use it to swap.")}):n?wt.createElement(Qr,{type:"error",title:Ot.t("Failed to Connect"),description:n||Ot.t("Your wallet is not connected. Please try again.")}):wt.createElement(Qr,{type:"loading",title:Ot.t("Connecting to your wallet"),description:Ot.t("Click connect in your wallet popup."),icon:wt.createElement(fl,null,wt.createElement(hl,null,wt.createElement(Bd,{src:o,size:45})),wt.createElement(gl,null))})}s(yl,"ModalContent");function io(t){let{open:e,onClose:o,...n}=t;return Vr.createElement(Pd,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},Vr.createElement(yl,{...n}),Vr.createElement(Md,{direction:"vertical",size:32}))}s(io,"WalletModal");import{useInRouterContext as $d,useNavigate as _d}from"react-router-dom";function re(){let t=$d(),e=_d(),o=P.use.quoteWalletsConfirmed();return S,{navigateBackFrom:s(r=>{if(r===S.swapDetails)return e("/"+S.swaps,{replace:!0});if(!t||window.history.state&&window.history.state.idx>0)e(-1);else{if([S.settings,S.wallets].includes(r)&&o)return e("/"+S.confirmSwap,{replace:!0});[S.fromSwap,S.toSwap,S.settings,S.wallets,S.swaps,S.confirmSwap].includes(r)?e(S.home,{replace:!0}):r===S.fromBlockchain?e("/"+S.fromSwap,{replace:!0}):r===S.toBlockchain?e("/"+S.fromSwap,{replace:!0}):r===S.liquiditySources&&e("/"+S.settings,{replace:!0})}},"navigateBackFrom")}}s(re,"useNavigateBack");var zd=kl("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline",paddingTop:"$15",height:"100%"}),qd=kl("div",{textAlign:"center"}),wn=3e3,jr=300;function Tl(){let{config:t,fetchStatus:e}=v(),{navigateBackFrom:o}=re(),[n,r]=Cl(!1),[i,a]=Cl(""),l=null,{list:p,handleClick:u,error:m}=kn({config:t,onBeforeConnect:k=>{l=setTimeout(()=>{r(!0),a(k)},jr)},onConnect:()=>{l&&clearTimeout(l),setTimeout(()=>{r(!1)},wn)}}),c=p.find(k=>k.type===i),g=c?.image||"",y=c?.state||Od.NOT_INSTALLED;return vt.createElement(K,{header:{title:Sl.t("Connect Wallets"),onBack:()=>o(S.wallets)}},vt.createElement(qd,null,vt.createElement(Dd,{variant:"title",size:"xmedium",align:"center"},Sl.t("Choose a wallet to connect.")),vt.createElement(zd,null,p.map((k,T)=>{let h=`wallet-${T}-${k.type}`;return vt.createElement(Ud,{key:h},vt.createElement(Fd,{...k,container:ee(),onClick:x=>{u(x)},isLoading:e==="loading"}))}),vt.createElement(io,{open:!!n,onClose:()=>r(!1),image:g,state:y,error:m}))))}s(Tl,"WalletsPage");import{keyframes as Gd,styled as Kr}from"@rango-dev/ui";var wl=Kr("div",{position:"relative"}),Hd=Gd({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),vl=Kr("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Hd} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),xl=Kr("div",{"& img":{borderRadius:"50%"}});function Yr(t){let{chain:e,isSelected:o,selectWallet:n,limit:r,onShowMore:i}=t,{config:a}=v(),l=H.use.connectedWallets(),{blockchains:p}=v(),[u,m]=so(""),[c,g]=so(null),[y,k]=so(!1),[T,h]=so(null),{suggestAndConnect:x}=Wl(),f=null,{list:w,error:d,handleClick:C}=kn({config:a,chain:e,onBeforeConnect:b=>{f=setTimeout(()=>{m(b)},jr)},onConnect:()=>{f&&clearTimeout(f),setTimeout(()=>{m("")},wn)}}),[E,$]=so(w),I=w.length,_=r&&I-r>0,L=s(async b=>{k(!1),h("in-progress");try{await x(b.walletType,b.chain),h("completed")}catch{h("rejected")}},"addExperimentalChain");Il(()=>{$(b=>{let z=w.findIndex(F=>o(F.type,e));return _&&z>1?[w[z]].concat(w.filter((F,O)=>O!==z)):b.map(F=>w.find(O=>O.type===F.type)??F)})},[JSON.stringify(w)]);let Q=document.querySelector("#swap-box");return Il(()=>{let b=null;return(T==="completed"||T==="rejected")&&(b=setTimeout(()=>h(null),wn)),()=>{b&&clearTimeout(b)}},[T]),oe.createElement(oe.Fragment,null,E.slice(0,r).map(b=>{let z=cs({connectedWallets:l,walletType:b.type,chain:e}),F=z?$o(z):"",O=Po(p(),e),ne=!l.find(ot=>ot.walletType===b.type&&ot.chain===e),Ue=O&&ne&&b.state===Al.CONNECTED,tt=Ue?Fe.t({id:"Add {chain} chain",values:{chain:e}}):F,V=s(()=>{b.state===Al.DISCONNECTED?C(b.type):Ue?(g({walletType:b.type,chain:e,address:z??""}),k(!0)):n({walletType:b.type,chain:e,address:z??""})},"onClick"),Z=c?.chain?qs(c.chain,p()):void 0;return oe.createElement(oe.Fragment,null,oe.createElement(io,{open:u===b.type,onClose:()=>m(""),image:b.image,state:b.state,error:d}),!!c&&oe.createElement(bl,{open:!!c&&y,container:Q,onClose:()=>{g(null)}},oe.createElement(vn,{title:Fe.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:Z}}),type:"warning",description:Fe.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:Z}})},oe.createElement(Xr,{size:18}),oe.createElement(Xr,{size:32}),oe.createElement(Qd,{onClick:L.bind(null,c),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},Fe.t("Confirm")))),T&&oe.createElement(bl,{open:!!T,onClose:h.bind(null,null),container:Q},T==="in-progress"&&oe.createElement(vn,{type:"loading",title:Fe.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:Z}}),description:Fe.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:Z}}),icon:oe.createElement(wl,null,oe.createElement(xl,null,oe.createElement(Vd,{src:b.image,size:45})),oe.createElement(vl,null))}),T==="completed"&&oe.createElement(vn,{type:"success",title:Fe.t({id:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:Z}}),description:Fe.t({id:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:Z}})}),T==="rejected"&&oe.createElement(vn,{type:"error",title:Fe.t("Request Rejected"),description:Fe.t({id:"You've rejected adding {blockchainDisplayName} chain to your wallet.",values:{blockchainDisplayName:Z}})}),oe.createElement(Xr,{direction:"vertical",size:32})),oe.createElement(jd,{key:b.type,description:tt,onClick:V,selected:o(b.type,e),...b}))}),_&&oe.createElement(fa,{selected:!1,onClick:i.bind(null)},oe.createElement(El,{variant:"label",size:"medium"},Fe.t("Show more wallets"),oe.createElement(El,{variant:"label",size:"medium",color:"$primary"},"\xA0+",I-(r??0)))))}s(Yr,"WalletList");var nf=2;function Ll(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,loading:i}=t,a=v().config,l=v().blockchains(),{quote:p,setSelectedWallets:u,quoteWalletsConfirmed:m,setQuoteWalletConfirmed:c,customDestination:g,setCustomDestination:y}=P(),{connectedWallets:k,selectWallets:T}=H(),[h,x]=xt(""),[f,w]=xt([]),[d,C]=xt(""),[E,$]=xt(null),[I,_]=xt(g),[L,Q]=xt(!!g),b=tf(null),z=Ko(p),F=l.find(U=>U.name===p?.result?.swaps[p?.result?.swaps.length-1].to.blockchain),O=s(U=>!!p?.result?.swaps.find(j=>j.from.blockchain===U),"isWalletRequiredFor"),[ne,Ue]=xt(k.filter(U=>U.selected&&z.includes(U.chain))),tt=l.find(U=>U.name===F?.name),V=s((U,j)=>!!ne.find(R=>R.walletType===U&&R.chain===j&&R.selected&&(O(j)||!O(j)&&!I)),"isSelected"),Z=!!I&&L&&tt&&!Xo(tt,I),ot=s(()=>{Q(!1),_(""),Ue(U=>{let j=!1;return U.map(R=>!j&&R.chain===F?.name?(j=!0,{...R,selected:!0}):R)})},"resetCustomDestination"),nt=s(U=>{if(h&&x(""),V(U.walletType,U.chain))return;let R=k.find(ae=>ae.walletType===U.walletType&&ae.chain===U.chain);R&&(n(),U.chain===F?.name&&L&&(Q(!1),_("")),Ue(ae=>ae.filter(me=>me.chain!==U.chain).concat({...R,selected:!0})))},"onChange"),gt=s(()=>{let U=ne.filter(j=>j.selected);T(U),u(U),y(I),c(!0),o()},"onConfirmBalance"),tr=s(async()=>{w([]),C(""),$(null);let U=k.filter(ae=>ne.find(me=>me.chain===ae.chain&&me.walletType===ae.walletType)),j=await r?.({selectedWallets:U,customDestination:I}),R=j.warnings;R?.balance?.messages&&w(R.balance.messages),R?.quoteUpdate&&$(R.quoteUpdate),j.error&&C(Gs(j.error)),!j.error&&(!R?.balance?.messages.length||0>0)?gt():w(R?.balance?.messages??[])},"onConfirmWallets");Rd(()=>{Ue(U=>U.concat(k.filter(j=>!!!U.find(ae=>ae.chain===j.chain)&&j.selected&&z.includes(j.chain))))},[k.length]),ef(()=>{L&&b.current&&setTimeout(()=>{b?.current?.scrollIntoView({behavior:"smooth"})},Zt)},[L]);let bo=document.querySelector("#swap-box"),jt=of();return W.createElement(Bl,{open:e,onClose:()=>{m||jt(S.home,{replace:!0}),o()},dismissible:!h,container:bo,...!h&&{footer:W.createElement(va,null,W.createElement(Nl,{loading:i,disabled:ta(i,L,I,p,ne,F),onClick:tr,variant:"contained",type:"primary",fullWidth:!0,size:"large"},"Confirm"))},...h&&{containerStyle:{padding:"$0"},header:W.createElement(ha,null,W.createElement(ya,{variant:"ghost",onClick:x.bind(null,"")},W.createElement(Yd,{size:16})),W.createElement(xn,{variant:"headline",size:"small"},Je.t({id:"Your {blockchainName} wallets",values:{blockchainName:h}})))},anchor:"center"},W.createElement(Bl,{open:f.length>0,onClose:w.bind(null,[]),container:bo},W.createElement(Jd,{title:Je.t("Insufficient account balance"),type:"error",description:W.createElement(Kd,{messages:f??[]})},W.createElement(Nl,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:gt},Je.t("Proceed anyway")))),h&&W.createElement(Sa,null,W.createElement("div",{className:"wallets-list"},W.createElement(Yr,{chain:h,isSelected:V,selectWallet:nt,onShowMore:x.bind(null,h)}))),!h&&W.createElement(W.Fragment,null,d&&W.createElement(W.Fragment,null,W.createElement(Jr,{variant:"alarm",type:"error",title:Je.t(d)}),W.createElement(Ut,{size:12})),E&&W.createElement(W.Fragment,null,W.createElement(Jr,{variant:"alarm",type:"warning",title:Cn(E)}),W.createElement(Ut,{size:12})),W.createElement(ba,null,z.map((U,j)=>{let R=l.find(ze=>ze.name===U),ae=`wallet-${j}`,me=j===z.length-1;return W.createElement("div",{key:ae},W.createElement(ma,null,W.createElement(xn,{variant:"title",size:"xmedium"},Je.t({id:"Your {blockchainName} wallets",values:{blockchainName:R?.displayName}})),W.createElement(xn,{variant:"label",color:"$neutral700",size:"medium"},Je.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:R?.displayName}}))),W.createElement(Ut,{size:24}),W.createElement(da,null,W.createElement(Yr,{chain:U,isSelected:V,selectWallet:nt,limit:nf,onShowMore:()=>x(R?.name??"")})),!me&&W.createElement(Ut,{size:32}),me&&a?.customDestination&&W.createElement(Ta,null,W.createElement(Ca,{ref:b,selected:L,open:L,onOpenChange:ze=>{ze?O(F?.name??"")||Ue(ht=>ht.map(Kt=>Kt.chain===F?.name?{...Kt,selected:!1}:Kt)):ot()}},W.createElement(ga,{onClick:()=>Q(ze=>!ze)},W.createElement(ka,{fullWidth:!0,variant:"default",suffix:W.createElement(wa,{orientation:L?"up":"down"},W.createElement(Xd,{size:10,color:"gray"}))},W.createElement("div",{className:"button__content"},W.createElement(Zd,{size:18,color:"info"}),W.createElement(Ut,{size:4,direction:"horizontal"}),W.createElement(xn,{variant:"label",size:"medium"},Je.t("Send to a different address"))))),W.createElement(sn,{open:L},W.createElement(W.Fragment,null,W.createElement(Ut,{size:4}),W.createElement(xa,{autoFocus:!0,placeholder:Je.t("Your destination address"),value:I,onChange:ze=>{_(ze.target.value)}})))),Z&&W.createElement("div",{className:"alarms"},W.createElement(Jr,{variant:"alarm",type:"error",title:Je.t({values:{destination:I},id:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}s(Ll,"ConfirmWalletsModal");import{calculatePendingSwap as rf}from"@rango-dev/queue-manager-rango-preset";import{useEffect as sf}from"react";function Zr(){let{fromToken:t,toToken:e,inputAmount:o,setQuote:n,resetQuote:r,quote:i,customDestination:a,setQuoteWarningsConfirmed:l}=P(),{slippage:p,customSlippage:u,affiliatePercent:m,affiliateRef:c,affiliateWallets:g,disabledLiquiditySources:y}=D(),{connectedWallets:k}=H(),T=v().blockchains(),h=v().tokens(),x=u||p,{fetch:f,cancelFetch:w,loading:d}=fn();return sf(()=>w,[]),{loading:d,fetch:s(async E=>{let $=E.selectedWallets,I=E?.customDestination??a;if(!t||!e||!o||!i)return{quote:null,swap:null,error:null,warnings:null};let _=nn({fromToken:t,toToken:e,inputAmount:o,wallets:k,selectedWallets:$,disabledLiquiditySources:y,slippage:x,affiliateRef:c,affiliatePercent:m,affiliateWallets:g,initialQuote:i,destination:I}),L;try{L=await f(_).then(F=>mn(F)),n(L)}catch(F){let O=dn(F);return(O.error?.type===0||O.error?.type===1)&&r(),O}let Q={slippage:x.toString(),disabledSwappersGroups:y},b=rf(o.toString(),L,Ks($),Q,!1,{blockchains:T,tokens:h}),z=sl(i,L,{fromToken:t,toToken:e,tokens:h,selectedWallets:$,userSlippage:x});return z.quoteUpdate&&l(!1),{quote:L,swap:b,error:null,warnings:z}},"fetch"),cancelFetch:w}}s(Zr,"useConfirmSwap");var gf=Dl("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"}}),hf=Dl("div",{width:"100%",display:"flex",justifyContent:"space-between","& .confirm-button":{flexGrow:1,paddingRight:"$10"},[`& ${_l}`]:{width:"$48",height:"$48"}});function Fl(){let{quote:t,setInputAmount:e,selectedWallets:o,quoteWalletsConfirmed:n,setQuoteWalletConfirmed:r,customDestination:i,quoteWarningsConfirmed:a}=P(),l=ff(),[p,u]=An(""),{connectedWallets:m}=H(),c=!n,[g,y]=An(!1),k=Ce.use.setSelectedSwap(),{manager:T}=af(),{fetch:h,loading:x,cancelFetch:f}=Zr(),[w,d]=An({swap:null,error:null,warnings:null}),[C,E]=An(!1),$=s(async({selectedWallets:b,customDestination:z})=>{let F=await h?.({selectedWallets:b,customDestination:z});return d(F),F},"onConfirmSwap"),I=s(async()=>{if(w.swap&&n)try{await T?.create("swap",{swapDetails:w.swap},{id:w.swap.requestId}),k(w.swap.requestId),l("/"+S.swaps+`/${w.swap.requestId}`,{replace:!0}),setTimeout(()=>{e("")},0)}catch(b){u("Error: "+b?.message)}},"addNewSwap"),_=s(async()=>{await I()},"onConfirm"),L=s(async()=>{w?.warnings?.quote&&!a?E(!0):await _()},"onStartConfirmSwap"),Q=s(async()=>{d({error:null,swap:null,warnings:null}),h({selectedWallets:o}).then(b=>{d(b)}).catch(b=>console.error(b))},"onRefresh");return En(()=>{c&&f()},[c]),En(()=>{c&&y(c)},[c]),En(()=>{c||h({selectedWallets:o,customDestination:i}).then(b=>d(b)).catch(b=>console.error(b))},[]),En(()=>{let b=w.warnings?.quote?.type&&Object.values(rt).includes(w.warnings?.quote?.type),z=o.length<1||!o.every(O=>m.find(ne=>O.address===ne.address&&O.walletType===ne.walletType&&O.chain===ne.chain)),F=!1;if(b){let O=Ko(t),ne=t?.result?.swaps[t.result.swaps.length-1].to.blockchain;!!t?.result?.swaps.find(V=>V.from.blockchain===ne)||(O=O.slice(-O.length,O.length-1)),O.every(V=>o.find(Z=>Z.chain===V))||(F=!0)}t&&(z||F)&&(queueMicrotask(()=>df(y.bind(null,!0))),r(!1))},[w.warnings?.quote,o.length,m.length]),Y.createElement(K,{header:{title:bn.t("Confirm Swap"),onBack:()=>l(-1),hasConnectWallet:!0,suffix:Y.createElement(uf,{container:ee(),side:"bottom",content:bn.t("Settings")},Y.createElement(Ne,{size:"small",variant:"ghost",onClick:()=>l("/"+S.settings)},Y.createElement(pf,{size:18,color:"black"})))},footer:Y.createElement(hf,null,Y.createElement("div",{className:"confirm-button"},Y.createElement(Pl,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:x,disabled:!!w.error,onClick:L},bn.t("Start Swap"))),Y.createElement(_l,{variant:"contained",type:"primary",size:"large",loading:x,onClick:y.bind(null,!0)},Y.createElement(mf,{size:24})))},g&&Y.createElement(Ll,{open:g,onClose:()=>y(!1),onCancel:f,loading:x,onCheckBalance:$}),Y.createElement(gf,null,Y.createElement("div",{className:"description"},Y.createElement(cf,{variant:"title",size:"small"},bn.t("You get")),Y.createElement(Pl,{style:{padding:"0"},variant:"ghost",disabled:x,onClick:Q},Y.createElement("div",{className:"icon"},Y.createElement(lf,{size:16})))),p&&Y.createElement(Y.Fragment,null,Y.createElement(Ml,{type:"error",variant:"alarm",title:p}),Y.createElement($l,{size:12})),w.warnings?.quoteUpdate&&Y.createElement(Y.Fragment,null,Y.createElement(Ml,{variant:"alarm",type:"warning",title:w.warnings.quoteUpdate&&Cn(w.warnings.quoteUpdate)}),Y.createElement($l,{size:12})),Y.createElement(ro,{quote:t,type:"swap-preview",expanded:!0,error:w.error,loading:x,warning:w.warnings?.quote??null,refetchQuote:Q,showWarningModal:C,onOpenWarningModal:()=>E(!0),onCloseWarningModal:()=>E(!1),onConfirmWarningModal:async()=>{E(!1),await I()}})))}s(Fl,"ConfirmSwapPage");import{i18n as Wn}from"@lingui/core";import{useManager as wf}from"@rango-dev/queue-manager-react";import{Divider as vf,NotFound as xf,styled as jl}from"@rango-dev/ui";import mt,{useState as bf}from"react";import{useNavigate as Ef}from"react-router-dom";import{CloseIcon as Sf,IconButton as Cf,SearchIcon as kf,TextField as Tf}from"@rango-dev/ui";import ao from"react";import{styled as yf}from"@rango-dev/ui";var Ol=yf("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function Ze(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:i,value:a,setValue:l,...p}=t;return ao.createElement(Tf,{prefix:ao.createElement(Ol,null,ao.createElement(kf,{color:"black"})),suffix:!!a.length&&ao.createElement(Cf,{variant:"ghost",onClick:()=>l?.(""),size:"small"},ao.createElement(Sf,{color:"gray",size:10})),fullWidth:o,color:n,variant:e,style:{padding:10,borderRadius:25,alignItems:"center"},size:r,value:a,onChange:i,...p})}s(Ze,"SearchInput");import{i18n as zl}from"@lingui/core";import{Divider as ql,SwapListItem as Gl,Typography as Hl}from"@rango-dev/ui";import te from"react";import{styled as In}from"@rango-dev/ui";var Rr=In("div",{width:"100%",display:"flex",flexDirection:"column"}),ei=In("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),ti=In("div",{gap:"$10",display:"flex",flexDirection:"column"}),Ul=In("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});function oi(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,i=n?n(e):[{title:"History",swaps:e}];if(r){let a=[{},{}];return te.createElement(te.Fragment,null,[{title:"Today",swaps:a},{title:"Last month",swaps:a}].map(p=>te.createElement(te.Fragment,{key:p.title},te.createElement(Rr,null,te.createElement(ei,null,te.createElement(Hl,{variant:"label",size:"medium",color:"neutral600",className:"group-title"},zl.t(p.title))),te.createElement(ql,{size:4}),te.createElement(ti,null,p.swaps.map((u,m)=>{let c=m+p.title;return te.createElement(te.Fragment,{key:c},te.createElement(Gl,{isLoading:!0}))}))))))}return te.createElement(te.Fragment,null,i.filter(a=>a.swaps.length>0).map(a=>te.createElement(te.Fragment,{key:a.title},te.createElement(Rr,null,te.createElement(ei,null,te.createElement(Hl,{variant:"label",size:"medium",color:"neutral600",className:"group-title"},zl.t(a.title))),te.createElement(ql,{size:4}),te.createElement(ti,null,a.swaps.map(l=>{let p=l.steps[0],u=l.steps[l.steps.length-1];return te.createElement(te.Fragment,{key:l.requestId},te.createElement(Gl,{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:No(l.inputAmount)},to:{token:{image:u.toLogo,displayName:u.toSymbol},blockchain:{image:u.toBlockchainLogo||""},amount:No(u.outputAmount||""),estimatedAmount:No(u.expectedOutputAmountHumanReadable||"")}}}))}))))))}s(oi,"SwapsGroup");import Ql from"dayjs";var Vl=s(t=>{let e=new Map([["today",{title:"Today",swaps:[]}],["month",{title:"Last month",swaps:[]}],["year",{title:"Last year",swaps:[]}],["history",{title:"History",swaps:[]}]]),o=Ql();return t.forEach(n=>{let r=Ql(Number(n.creationTime));o.isSame(r,"day")?e.get("today")?.swaps.push(n):o.isSame(r,"month")?e.get("month")?.swaps.push(n):o.isSame(r,"year")?e.get("year")?.swaps.push(n):e.get("history")?.swaps.push(n)}),Array.from(e.values())},"groupSwapsByDate");var zt=s(t=>{let e=[];return t?.getAll().forEach((o,n)=>{let r=o.list.getStorage();r?.swapDetails&&e.push({id:n,swap:r?.swapDetails})}),e.sort((o,n)=>Number(n.swap.creationTime)-Number(o.swap.creationTime))},"getPendingSwaps");var Af=jl("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",height:"100%",gap:15}),If=jl("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),Wf=s((t,e)=>t?.length?t.filter(o=>qe(o.fromBlockchain,e)||qe(o.toBlockchain,e)||qe(o.toSymbol,e)||qe(o.fromSymbol,e)).length:!1,"isStepContainsText");function Kl(){let t=Ce.use.setSelectedSwap(),e=Ef(),{navigateBackFrom:o}=re(),{manager:n,state:r}=wf(),i=zt(n).map(({swap:g})=>g),[a,l]=bf(""),p=!r.loadedFromPersistor,u=s(g=>{let y=g.target.value;l(y)},"searchHandler"),m=i;a&&(m=i.filter(g=>qe(g.inputAmount,a)||qe(g.status,a)||Wf(g.steps,a)||qe(g.requestId,a)));let c=!m?.length&&!p;return mt.createElement(K,{header:{onBack:()=>o(S.swaps),title:Wn.t("History")}},mt.createElement(Af,null,mt.createElement(Ze,{setValue:l,fullWidth:!0,variant:"contained",placeholder:Wn.t("Search Transaction"),autoFocus:!0,onChange:u,value:a}),mt.createElement(If,null,c&&mt.createElement(Ul,null,mt.createElement(vf,{size:32}),mt.createElement(xf,{title:Wn.t("No results found"),description:a?Wn.t("Try using different keywords"):""})),!c&&mt.createElement(oi,{list:m,onSwapClick:g=>{t(g),e(`${g}`,{replace:!0})},groupBy:Vl,isLoading:p}))))}s(Kl,"HistoryPage");import{i18n as Xl}from"@lingui/core";import{List as Nf,ListItemButton as Bf,Radio as Lf,RadioRoot as Mf,Typography as Pf}from"@rango-dev/ui";import dt from"react";import{styled as Nn}from"@rango-dev/ui";var Re=Nn("div",{height:"100%",overflow:"hidden"}),lo=Nn("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto"}),ni=Nn("div",{width:80,display:"flex",justifyContent:"flex-end"}),ri=Nn("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});function Bn(){let t=D.use.language(),e=D.use.setLanguage();return{activeLanguage:t,languages:hs,defaultLanguage:Do,changeLanguage:e}}s(Bn,"useLanguage");function Yl(){let{navigateBackFrom:t}=re(),{activeLanguage:e,changeLanguage:o,languages:n}=Bn(),r=n.map(i=>{let{local:a,label:l,SVGFlag:p}=i;return{id:a,value:a,title:dt.createElement(Pf,{variant:"title",size:"xmedium"},l),onClick:()=>o(i.local),end:dt.createElement(Lf,{value:a}),start:dt.createElement(p,null)}});return dt.createElement(K,{header:{onBack:()=>t(S.settings),title:Xl.t("Language")}},dt.createElement(Re,null,dt.createElement(Mf,{value:e},dt.createElement(Nf,{type:dt.createElement(Bf,{title:Xl.t("language"),id:"_",onClick:()=>console.log()}),items:r}))))}s(Yl,"LanguagePage");import{i18n as qt}from"@lingui/core";import{Button as Of,Checkbox as Uf,Image as zf,ListItemButton as qf,NotFound as Gf,Typography as Hf}from"@rango-dev/ui";import Se,{useState as Qf}from"react";import{Checkbox as Df,Skeleton as Zl}from"@rango-dev/ui";import po from"react";import{ListItem as $f,styled as _f}from"@rango-dev/ui";var Jl=_f($f,{height:61});var Ff=30;function ii(){return po.createElement(lo,null,Array.from(Array(Ff),t=>po.createElement(Jl,{hasDivider:!0,key:t,start:po.createElement(Zl,{variant:"circular",width:35,height:35}),title:po.createElement(Zl,{variant:"text",size:"large",width:90}),end:po.createElement(Df,{checked:!1})})))}s(ii,"LoadingLiquiditySourceList");function si({sourceType:t}){let e=v().fetchStatus,o=v().swappers(),[n,r]=Qf(""),i=D.use.toggleLiquiditySource(),{navigateBackFrom:a}=re(),l=Fo(o),p=[];t==="Exchanges"&&p.push("DEX"),t==="Bridges"&&(p.push("BRIDGE"),p.push("AGGREGATOR"));let u=l.filter(T=>p.includes(T.type)),m=u.length===u.filter(T=>T.selected).length,c=s(()=>{u.forEach(T=>{m?i(T.groupTitle):T.selected||i(T.groupTitle)})},"toggleAllSources"),g=u.map(T=>{let{selected:h,groupTitle:x,logo:f}=T;return{start:Se.createElement(zf,{src:f,size:22,type:"circular"}),onClick:()=>i(x),end:Se.createElement(Uf,{checked:h}),title:Se.createElement(Hf,{variant:"title",size:"xmedium"},qt.t(x)),...T}}),y=s(T=>{let h=T.target.value;r(h)},"searchHandler"),k=g;return n&&(k=g.filter(T=>qe(T.groupTitle,n))),Se.createElement(K,{header:{onBack:()=>a(S.settings),title:qt.t(t),suffix:Se.createElement(ni,null,Se.createElement(Of,{variant:"ghost",size:"xsmall",onClick:c},qt.t(m?"Deselect all":"Select all")))}},Se.createElement(Re,null,Se.createElement(Ze,{value:n,setValue:r,fullWidth:!0,color:"light",variant:"contained",placeholder:qt.t("Search {sourceType}",{sourceType:t}),onChange:y}),e==="loading"&&Se.createElement(ii,null),!k.length&&n?Se.createElement(ri,null,Se.createElement(Gf,{title:qt.t("No results found"),description:qt.t("Try using different keywords")})):e==="success"&&Se.createElement(lo,null,k.map(T=>Se.createElement(Se.Fragment,{key:T.id},Se.createElement(qf,{style:{height:"61px"},...T,selected:!1,hasDivider:!0}))))))}s(si,"LiquiditySourcePage");import{i18n as sp}from"@lingui/core";import{Divider as ui,SelectableCategoryList as eg}from"@rango-dev/ui";import bt,{useState as ap}from"react";import{i18n as li}from"@lingui/core";import{Divider as rp,Image as Xf,ListItemButton as Yf,NotFound as Jf,Typography as ip}from"@rango-dev/ui";import We,{useEffect as Zf,useState as Rf}from"react";import{BlockchainCategories as ai}from"@rango-dev/ui";import{TransactionType as Ln}from"rango-sdk";var Vf=s((t,e)=>{switch(e){case ai.ALL:return!0;case ai.UTXO:return t.type===Ln.TRANSFER;case ai.OTHER:return t.type!==Ln.TRANSFER&&t.type!==Ln.COSMOS&&t.type!==Ln.EVM;default:return t.type===e}},"filterByType"),Rl=s((t,e,o)=>t.filter(n=>Vf(n,o)).filter(n=>yt(n.name,e)||yt(n.displayName,e)),"filterBlockchains");import{styled as ep}from"@rango-dev/ui";var tp=ep("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),Mn=ep("ul",{padding:0,margin:0,listStyle:"none",overflowY:"auto",paddingRight:"$5",".image-container":{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as jf,Skeleton as op}from"@rango-dev/ui";import Pn from"react";var Kf=20;function np(){return Pn.createElement(Mn,null,Array.from(Array(Kf),t=>Pn.createElement(jf,{key:t,hasDivider:!0,start:Pn.createElement(op,{variant:"circular",width:35,height:35}),title:Pn.createElement(op,{variant:"text",size:"large",width:90})})))}s(np,"LoadingBlockchainList");function pi(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[i,a]=Rf(e),{fetchStatus:l}=v();Zf(()=>{a([...Rl(e,o,r)])},[e,o,r]);let p=s(()=>!i.length&&o?We.createElement(We.Fragment,null,We.createElement(rp,{size:32}),We.createElement(Jf,{title:li.t("No results found"),description:li.t("Try using different keywords")})):We.createElement(Mn,{key:`${r}-${o}`},i.map(u=>We.createElement(Yf,{key:`${u.name}-${u.chainId}`,hasDivider:!0,onClick:()=>n(u),start:We.createElement(Xf,{src:u.logo,size:30}),title:We.createElement(ip,{variant:"title",size:"medium"},u.displayName),id:u.chainId}))),"renderList");return We.createElement(tp,null,We.createElement(ip,{variant:"label",size:"large"},li.t("Select Blockchain")),We.createElement(rp,{size:4}),l==="loading"&&We.createElement(np,null),l==="success"&&p())}s(pi,"BlockchainList");function ci(t){let{type:e}=t,{navigateBackFrom:o}=re(),[n,r]=ap(""),[i,a]=ap("ALL"),l=P.use.setToBlockchain(),p=P.use.setFromBlockchain(),u=v().fetchStatus,m=v().blockchains({type:e}),c=e==="source"?"fromBlockchain":"toBlockchain";return bt.createElement(K,{header:{onBack:()=>{o(S[c])},title:sp.t("Select Blockchain")}},bt.createElement(ui,{size:12}),bt.createElement(eg,{setCategory:a,category:i,blockchains:m,isLoading:u==="loading"}),bt.createElement(ui,{size:24}),bt.createElement(Ze,{value:n,autoFocus:!0,placeholder:sp.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:g=>r(g.target.value)}),bt.createElement(ui,{size:16}),bt.createElement(pi,{list:m,searchedFor:n,blockchainCategory:i,onChange:g=>{e==="source"?p(g):l(g),o(S[c])}}))}s(ci,"SelectBlockchainPage");import{i18n as bp}from"@lingui/core";import{Divider as Ep}from"@rango-dev/ui";import Gt,{useState as yg}from"react";import{useNavigate as Sg}from"react-router-dom";import{i18n as di}from"@lingui/core";import{BlockchainsChip as $n,Divider as cp,Image as mp,Skeleton as ig,Typography as fi}from"@rango-dev/ui";import ge from"react";import{useEffect as ng}from"react";var lp=["ETH","COSMOS","OSMOSIS"];function pp(t,e,o){let n=JSON.parse(JSON.stringify(t)),r=[];if(n.sort(tg),o?.limit&&t.length>o.limit){let i=o.limit,a=e;if(e.length<=o.limit)for(let l=0;l<o.limit;l++){let p=n[l];a=a.filter(u=>p.name!==u)}n.sort(og(a)),r=n.splice(i)}return{list:n,more:r}}s(pp,"prepare");function tg(t,e){let o=lp,n=o.findIndex(l=>l===t.name),r=o.findIndex(l=>l===e.name),i=n>-1,a=r>-1;return i&&a?n>r?1:-1:i?-1:a?1:0}s(tg,"sortByMostUsedBlockchains");function og(t){return s(function(o,n){let r=t.findIndex(p=>p===o.name),i=t.findIndex(p=>p===n.name),a=r>-1,l=i>-1;return a&&l?r>i?1:-1:t.includes(o.name)?-1:t.includes(n.name)?1:0},"sortByPreferred")}s(og,"generateSortByPreferredBlockchainsFor");function mi(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=D();ng(()=>{e?.selected&&n(e?.selected)},[e?.selected]);let r=pp(t,o,e);return{list:r.list,more:r.more,history:[]}}s(mi,"usePrepareBlockchainList");import{styled as rg}from"@rango-dev/ui";var up=rg("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var sg=12;function gi(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:i}=t,a=mi(e,{limit:10,selected:n?.name}),{fetchStatus:l}=v(),p=P.use.resetToBlockchain(),u=P.use.resetFromBlockchain(),m=a.more.length>0,c=a.more.length===1,g=!c&&m;return ge.createElement("div",null,ge.createElement(cp,{size:12}),ge.createElement(fi,{variant:"label",size:"large"},di.t("Select Blockchain")),ge.createElement(cp,{size:12}),ge.createElement(up,null,l==="loading"&&Array.from(Array(sg),y=>ge.createElement(ig,{key:y,variant:"rounded",height:50})),l==="success"&&ge.createElement(ge.Fragment,null,ge.createElement($n,{selected:!n,onClick:()=>{o==="from"?u():p()}},ge.createElement(fi,{variant:"body",size:"xsmall",color:"secondary500"},di.t("All"))),a.list.map(y=>ge.createElement($n,{key:y.name,selected:!!n&&n.name===y.name,onClick:()=>r(y)},ge.createElement(mp,{src:y.logo,size:30}))),c?ge.createElement($n,{key:a.more[0].name,selected:!!n&&n.name===a.more[0].name,onClick:()=>r(a.more[0])},ge.createElement(mp,{src:a.more[0].logo,size:30})):null,g?ge.createElement($n,{onClick:i,key:"more-blockchains"},ge.createElement(fi,{variant:"body",size:"xsmall",color:"secondary500"},di._("More +{count}",{count:a.more.length}))):null)))}s(gi,"BlockchainsSection");import{i18n as ki}from"@lingui/core";import{darkTheme as kp,Divider as co,ExternalLinkIcon as pg,Image as ug,ListItemButton as cg,NotFound as mg,PinIcon as dg,Skeleton as Tp,Typography as mo,VirtualizedList as fg}from"@rango-dev/ui";import M,{forwardRef as gg,useEffect as wp,useState as vp}from"react";var dp=s((t,e)=>{t=t.replace(/^#/,""),t.length===3&&(t=t[0]+t[0]+t[1]+t[1]+t[2]+t[2]);let[i,a,l]=t.match(/.{2}/g);[i,a,l]=[parseInt(i,16)+e,parseInt(a,16)+e,parseInt(l,16)+e],i=Math.max(Math.min(255,i),0).toString(16),a=Math.max(Math.min(255,a),0).toString(16),l=Math.max(Math.min(255,l),0).toString(16);let p=(i.length<2?"0":"")+i,u=(a.length<2?"0":"")+a,m=(l.length<2?"0":"")+l;return`#${p}${u}${m}`},"colorShade"),_n=s((t,e)=>{let a={[t]:e};for(let l=1;l<10;l++)l<5&&(a={...a,[t+l*100]:dp(e,(5-l)*32)}),l===5&&(a={...a,[t+l*100]:e}),l>5&&(a={...a,[t+l*100]:dp(e,-((l-5)*32))});return a},"generateRangeColors"),hi=s((t,e,o)=>{if(!o||!Object.entries(o).length)return{};let n=!1,r={...t};for(let i in o){let a=o[i];if(a&&a!==t[i])if(n=!0,i==="background"||i==="foreground")r={...r,[i]:a};else if(i==="neutral"&&e){let l=_n(i,a);r={...r,[`${i}100`]:l[`${i}900`],[`${i}200`]:l[`${i}800`],[`${i}300`]:l[`${i}700`],[`${i}400`]:l[`${i}600`],[`${i}500`]:l[`${i}500`],[`${i}600`]:l[`${i}400`],[`${i}700`]:l[`${i}300`],[`${i}800`]:l[`${i}200`],[`${i}900`]:l[`${i}100`]}}else r={...r,..._n(i,a)}}return n?r:{}},"generateColors");import{Divider as Sp,ListItem as lg,Skeleton as uo}from"@rango-dev/ui";import Oe from"react";import{styled as Ve,Typography as ag}from"@rango-dev/ui";var fp=Ve("div",{display:"flex",flexDirection:"column",flexGrow:1}),yi=Ve("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),Dn=Ve("ul",{flexGrow:1,padding:0,margin:0,listStyle:"none","& li":{alignItems:"none",".description":{position:"relative",height:12,width:150,".token-title":{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",bottom:"-8px"},".token-address":{transform:"translateY(12px)",visibility:"hidden","& a":{fontSize:"$12",lineHeight:"$16",color:"$neutral600",textDecoration:"none"}},".token-name":{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}},"&:hover":{".description":{".token-address":{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",visibility:"visible"},".token-address-without-name":{bottom:"-15px"},".token-name":{position:"absolute",transform:"translateY(-12px)",visibility:"hidden"},".token-title":{position:"absolute",transform:"translateY(-12px)",bottom:"-10px"}}}}}),Si=Ve("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),Ci=Ve(ag,{}),gp=Ve("div",{textAlign:"right"}),Fn=Ve("ul",{display:"flex",alignItems:"end",flexDirection:"column"}),yW=Ve("div",{display:"flex",alignItems:"center"}),hp=Ve("div",{position:"relative",".image-container":{borderRadius:"$xm",overflow:"hidden"}}),yp=Ve("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6});function Cp(t){return Oe.createElement(Dn,null,Array.from(Array(t.size),e=>Oe.createElement(lg,{key:e,hasDivider:!0,start:Oe.createElement(uo,{variant:"circular",width:35,height:35}),end:Oe.createElement(Fn,null,Oe.createElement(uo,{variant:"text",size:"large",width:70}),Oe.createElement(Sp,{size:4}),Oe.createElement(uo,{variant:"text",size:"medium",width:50})),title:Oe.createElement("div",null,Oe.createElement(uo,{variant:"text",size:"large",width:90}),Oe.createElement(Sp,{size:4}),Oe.createElement(uo,{variant:"text",size:"medium",width:90}))})))}s(Cp,"LoadingTokenList");var Ti=20,hg=s(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:i,customCssForTagTitle:a}=t,l=e.length;return M.createElement("div",{className:"description"},o?M.createElement("div",{className:"token-name"},o):M.createElement(yi,{className:"token-title"},M.createElement(mo,{variant:"title",size:"xmedium"},r.symbol),M.createElement(co,{direction:"horizontal",size:4}),M.createElement(Si,{css:i},M.createElement(Ci,{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:p=>p.stopPropagation()},l>10?`${e.slice(0,5)}...${e.slice(l-6,l)}`:e," ",M.createElement(pg,{color:"gray",size:12}))))},"renderDesc");function xp(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[i,a]=vp(e),l=v().fetchStatus,p=v().blockchains(),[u,m]=vp(!0),c=H.use.loading(),{isTokenPinned:g}=v(),y=gg((h,x)=>M.createElement("div",{...h,ref:x,style:{...h.style,height:`${parseFloat(h.style?.height)+8*2}px`}})),k=s(()=>{a(e.slice(0,i.length+Ti))},"loadNextPage");wp(()=>{m(e.length>i.length)},[i.length]),wp(()=>{a(e.slice(0,Ti))},[e]);let T=s(()=>!i.length&&o?M.createElement(M.Fragment,null,M.createElement(co,{size:32}),M.createElement(mg,{title:ki.t("No results found"),description:ki.t("Try using different keywords")})):M.createElement(fg,{Item:({index:h,style:x})=>{let f=i[h],w=f.address||"",d=p.find(I=>I.name===f.blockchain),C=_n(f.symbol,d?.color||""),E={$$color:C[`${f.symbol}100`],[`.${kp} &`]:{$$color:C[`${f.symbol}900`]},backgroundColor:"$$color"},$={$$color:C[`${f.symbol}700`],[`.${kp} &`]:{$$color:C[`${f.symbol}100`]},color:"$$color"};return M.createElement("div",{style:{...x,paddingRight:5}},M.createElement(cg,{style:{height:x?.height},"tab-index":h,key:`${f.symbol}${f.address}`,id:`${f.symbol}${f.address}`,hasDivider:!0,onClick:()=>n(i[h]),start:M.createElement(hp,null,M.createElement(ug,{src:f.image,size:30}),g(f)&&M.createElement(yp,null,M.createElement(dg,{size:12,color:"gray"}))),title:d?.type==="COSMOS"||f.name||!f.name&&!w?M.createElement(yi,null,M.createElement(mo,{variant:"title",size:"xmedium"},f.symbol),M.createElement(co,{direction:"horizontal",size:4}),M.createElement(Si,{css:E},M.createElement(Ci,{variant:"body",size:"xsmall",css:$},f.blockchain))):void 0,description:d?.info&&w&&d.type!=="COSMOS"?hg({address:w,token:i[h],customCssForTag:E,customCssForTagTitle:$,name:f.name,url:d.info.addressUrl.split("{wallet}").join(w)}):f.name||void 0,end:c?M.createElement(Fn,null,M.createElement(Tp,{variant:"text",size:"large",width:70}),M.createElement(co,{size:4}),M.createElement(Tp,{variant:"text",size:"medium",width:50})):i[h]?.balance&&M.createElement(gp,null,M.createElement(mo,{variant:"title",size:"small"},f.balance?.amount),M.createElement("div",null),f.balance?.usdValue&&M.createElement(mo,{variant:"body",color:"neutral600",size:"xsmall"},`$${f.balance?.usdValue}`))}))},hasNextPage:u,itemCount:i.length,loadNextPage:k,innerElementType:y,size:60,key:`${r}-${o}`}),"renderList");return M.createElement(fp,null,M.createElement(mo,{variant:"label",size:"large"},ki.t("Select Token")),M.createElement(co,{size:4}),l==="loading"&&M.createElement(Cp,{size:Ti}),l==="success"&&M.createElement(Dn,null,T()))}s(xp,"TokenList");function wi(t){let{type:e}=t,o=Sg(),{navigateBackFrom:n}=re(),{fromBlockchain:r,toBlockchain:i,setFromToken:a,setToToken:l,setFromBlockchain:p,setToBlockchain:u}=P(),{connectedWallets:m}=H(),[c,g]=yg(""),k=(e==="source"?r:i)?.name??"",T=v().blockchains({type:e}),h=v().tokens({type:e,blockchain:k,searchFor:c}),x=ps(h,m),f=s(d=>{e==="source"?p(d):u(d)},"updateBlockchain"),w=s(d=>{e==="source"?a({token:d,meta:{blockchains:T,tokens:h}}):l({token:d,meta:{blockchains:T,tokens:h}})},"updateToken");return Gt.createElement(K,{header:{onBack:()=>n(e==="source"?S.fromSwap:S.toSwap),title:bp.t("Swap {type}",{type:e==="source"?"from":"to"})}},Gt.createElement(gi,{blockchains:T,type:e=="source"?"from":"to",blockchain:e==="source"?r:i,onMoreClick:()=>o(e==="source"?S.fromBlockchain:S.toBlockchain),onChange:d=>{f(d)}}),Gt.createElement(Ep,{size:24}),Gt.createElement(Ze,{value:c,autoFocus:!0,placeholder:bp.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>g(""),onChange:d=>g(d.target.value)}),Gt.createElement(Ep,{size:16}),Gt.createElement(xp,{list:x,selectedBlockchain:k,searchedFor:c,onChange:d=>{w(d);let C=T.find(E=>d.blockchain===E.name);C&&f(C),n(S.fromSwap)}}))}s(wi,"SelectSwapItemsPage");import{i18n as Et}from"@lingui/core";import{ChevronRightIcon as bi,Divider as Ei,InfoIcon as xg,List as bg,ListItemButton as Eg,Skeleton as Ag,Switch as Ig,Tooltip as Wg,Typography as At}from"@rango-dev/ui";import G from"react";import{useNavigate as Ng}from"react-router-dom";import{i18n as Bp}from"@lingui/core";import{Chip as kg,Divider as Lp,InfoIcon as Tg,TextField as wg,Tooltip as vg,Typography as Mp}from"@rango-dev/ui";import Te from"react";import{styled as On}from"@rango-dev/ui";var Ap=On("div",{paddingTop:"$5",paddingBottom:"30px"}),Ip=On("div",{display:"flex",alignItems:"center",justifyContent:"start"}),Wp=On("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),Un=On("div",{maxWidth:"300px",padding:"$10"});import{i18n as vi}from"@lingui/core";import{Typography as Cg}from"@rango-dev/ui";import fo from"react";function Np(){return fo.createElement(Un,null,fo.createElement(Cg,{variant:"label",size:"medium",color:"neutral700"},vi.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),fo.createElement("br",null),fo.createElement("br",null),fo.createElement("b",null,vi.t("Warning")),":",vi.t("This setting is applied per step, e.g. 1Inch, Thorchain, etc. and only that step will be reverted, not the whole transaction")))}s(Np,"SlippageTooltipContent");function xi(){let t=D.use.slippage(),e=D.use.setSlippage(),o=D.use.customSlippage(),n=D.use.setCustomSlippage();return Te.createElement(Ap,null,Te.createElement(Wp,null,Te.createElement(Mp,{variant:"title",size:"xmedium"},Bp.t("Slippage tolerance per swap")),Te.createElement(Lp,{direction:"horizontal",size:4}),Te.createElement(vg,{container:ee(),side:"top",content:Te.createElement(Np,null)},Te.createElement(Tg,{color:"gray"}))),Te.createElement(Ip,null,ys.map((r,i)=>{let a=`slippage-${i}`;return Te.createElement(Te.Fragment,null,Te.createElement(kg,{style:{width:"64px",flexShrink:0},key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`}),Te.createElement(Lp,{direction:"horizontal",size:8}))}),Te.createElement(wg,{type:"number",min:"0.01",max:"30",step:"0.01",fullWidth:!0,variant:"contained",value:o||"",color:"dark",onChange:r=>{let i=parseFloat(r.target.value);(!i||i>=Ts&&i<=ks)&&n(i)},suffix:o&&Te.createElement(Mp,{variant:"body",size:"small"},"%"),placeholder:Bp.t("Custom")})))}s(xi,"Slippage");function Pp(){let t=Ng(),{theme:e}=v().config,o=v().fetchStatus,n=v().swappers(),{navigateBackFrom:r}=re(),i=D.use.infiniteApprove(),a=D.use.toggleInfiniteApprove(),l=Fo(n),p=l.filter(d=>d.type==="BRIDGE"||d.type==="AGGREGATOR"),u=p.length,m=p.filter(d=>d.selected).length,c=l.filter(d=>d.type==="DEX"),g=c.length,y=c.filter(d=>d.selected).length,k=s((d,C)=>{switch(o){case"loading":return G.createElement(Ag,{variant:"text",size:"medium",width:50});case"failed":return G.createElement(At,{variant:"body",size:"medium",color:"$error500"},Et.t("Loading failed"));default:return G.createElement(At,{variant:"body",size:"medium"},`${d} / ${C}`)}},"handleEndItem"),T={id:"bridge-item",title:G.createElement(At,{variant:"title",size:"xmedium"},Et.t("Enabled bridges")),end:G.createElement(G.Fragment,null,k(m,u),G.createElement(Ei,{direction:"horizontal",size:8}),G.createElement(bi,{color:"black"})),onClick:()=>t(S.bridges)},h={id:"exchange-item",title:G.createElement(At,{variant:"title",size:"xmedium"},Et.t("Enabled exchanges")),end:G.createElement(G.Fragment,null,k(y,g),G.createElement(Ei,{direction:"horizontal",size:8}),G.createElement(bi,{color:"gray"})),onClick:()=>t(S.exchanges)},x={id:"theme-item",title:G.createElement(At,{variant:"title",size:"xmedium"},Et.t("Theme")),end:G.createElement(bi,{color:"gray"}),onClick:()=>t(S.themes)},f={id:"infinite-approval-item",title:G.createElement(G.Fragment,null,G.createElement(At,{variant:"title",size:"xmedium"},Et.t("Infinite Approval")),G.createElement(Ei,{direction:"horizontal",size:4}),G.createElement(Wg,{side:"top",container:ee(),content:G.createElement(Un,null,G.createElement(At,{variant:"label",size:"medium",color:"neutral700"},Et.t("Enabling the 'Infinite Approval' mode grants unrestricted access to smart contracts of DEXes/Bridges, allowing them to utilize the approved token amount without limitations.")))},G.createElement(xg,{color:"gray"}))),end:G.createElement(Ig,{checked:i}),onClick:a},w=[T,h];return e?.singleTheme||w.push(x),w.push(f),G.createElement(K,{header:{onBack:()=>r(S.settings),title:Et.t("Setting")}},G.createElement(Re,null,G.createElement(xi,null),G.createElement(bg,{type:G.createElement(Eg,{title:"_",id:"_",onClick:()=>console.log()}),items:w})))}s(Pp,"SettingsPage");import{cancelSwap as xh}from"@rango-dev/queue-manager-rango-preset";import{useManager as bh}from"@rango-dev/queue-manager-react";import mu from"react";import{i18n as et}from"@lingui/core";import{getCurrentBlockchainOfOrNull as ih,getCurrentStep as sh,getRelatedWalletOrNull as ah,PendingSwapNetworkStatus as Yn}from"@rango-dev/queue-manager-rango-preset";import{Button as ru,CopyIcon as lh,Divider as ph,IconButton as uh,QuoteCost as ch,StepDetails as mh,Typography as Qt,useCopyToClipboard as dh}from"@rango-dev/ui";import{useWallets as fh}from"@rango-dev/wallets-react";import X,{useEffect as iu,useRef as gh,useState as su}from"react";import{useNavigate as hh}from"react-router-dom";import{i18n as we}from"@lingui/core";var Bg=1e3,Lg=31536e3,Mg=2592e3,Pg=86400,$g=3600,_g=60;function $p(t){let e=Math.floor((Date.now()-t)/Bg),n=[{turningPoint:Lg,label:we.t("year"),pluralLabel:we.t("years")},{turningPoint:Mg,label:we.t("month"),pluralLabel:we.t("months")},{turningPoint:Pg,label:we.t("day"),pluralLabel:we.t("days")},{turningPoint:$g,label:we.t("hour"),pluralLabel:we.t("hours")},{turningPoint:_g,label:we.t("minute"),pluralLabel:we.t("minutes")}].sort((r,i)=>i.turningPoint-r.turningPoint);for(let r of n){let{turningPoint:i,label:a,pluralLabel:l}=r,p=Math.floor(e/i);if(p>1)return`${p} ${l}`;if(p===1)return`${p} ${a}`}return e>1?`${e} ${we.t("seconds")}`:`${e} ${we.t("second")}`}s($p,"timeSince");function _p(t){return t.finishTime?we.t({id:"{time} ago",values:{time:$p(parseInt(t.finishTime))}}):we.t({id:"{time} ago",values:{time:$p(parseInt(t.creationTime))}})}s(_p,"getSwapDate");import{PendingSwapNetworkStatus as Gn}from"@rango-dev/queue-manager-rango-preset";import{Modal as Gg}from"@rango-dev/ui";import Hn from"react";import{i18n as zn}from"@lingui/core";import{Button as Dp,Divider as Ai,MessageBox as Dg,Typography as Fp}from"@rango-dev/ui";import je from"react";var Op=s(({onCancel:t,onClose:e})=>je.createElement(je.Fragment,null,je.createElement(Ai,{size:20}),je.createElement(Dg,{type:"error",title:zn.t("Transaction Cancel"),description:zn.t("Are you sure you want to Cancel this swap?")}),je.createElement(Ai,{size:32}),je.createElement(Dp,{variant:"contained",type:"primary",size:"large",onClick:t},je.createElement(Fp,{variant:"title",size:"medium",color:"neutral100"},zn.t("Yes, Cancel it"))),je.createElement(Ai,{size:12}),je.createElement(Dp,{variant:"outlined",type:"primary",size:"large",onClick:e},je.createElement(Fp,{variant:"title",size:"medium",color:"primary"},zn.t("No, Continue")))),"CancelContent");import{i18n as qn}from"@lingui/core";import{Button as Up,Divider as Ii,MessageBox as Fg,Typography as zp}from"@rango-dev/ui";import Ke from"react";var qp=s(({onDelete:t,onClose:e})=>Ke.createElement(Ke.Fragment,null,Ke.createElement(Ii,{size:20}),Ke.createElement(Fg,{type:"error",title:qn.t("Delete Transaction"),description:qn.t("Are you sure you want to delete this swap?")}),Ke.createElement(Ii,{size:32}),Ke.createElement(Up,{variant:"contained",type:"primary",size:"large",onClick:t},Ke.createElement(zp,{variant:"title",size:"medium",color:"neutral100"},qn.t("Yes, Delete it"))),Ke.createElement(Ii,{size:12}),Ke.createElement(Up,{variant:"outlined",type:"primary",size:"large",onClick:e},Ke.createElement(zp,{variant:"title",size:"medium",color:"primary"},qn.t("No, Cancel")))),"DeleteContent");import{i18n as Wi}from"@lingui/core";import{PendingSwapNetworkStatus as Ni}from"@rango-dev/queue-manager-rango-preset";var Bi={[Ni.WaitingForNetworkChange]:{type:"loading",title:Wi.t("Change Network")},[Ni.WaitingForConnectingWallet]:{type:"warning",title:Wi.t("Connect Wallet")},[Ni.NetworkChanged]:{type:"success",title:Wi.t("Network Changed")}};import{MessageBox as Ug,Wallet as zg,WalletState as Hp}from"@rango-dev/ui";import{useWallets as qg}from"@rango-dev/wallets-react";import go from"react";import{styled as Og}from"@rango-dev/ui";var Gp=Og("div",{display:"flex",justifyContent:"center"});var Qp=s(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:i}=t,{connect:a,getWalletInfo:l,state:p}=qg(),u=n?.walletType,c=u&&p(u).connected?Hp.CONNECTED:Hp.DISCONNECTED;return go.createElement(go.Fragment,null,go.createElement(Ug,{type:e,title:o,description:r}),i&&u&&go.createElement(Gp,null,go.createElement(zg,{container:ee(),title:l(u).name,image:l(u).img,type:u,state:c,onClick:async()=>a(u)})))},"WalletStateContent");function Li(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:i,message:a}=t,l=e===Gn.WaitingForNetworkChange||e===Gn.WaitingForConnectingWallet||e===Gn.NetworkChanged;return Hn.createElement(Gg,{open:!!e,onClose:o,container:document.getElementById("swap-box")||document.body},l&&Hn.createElement(Qp,{type:Bi[e].type,title:Bi[e].title,currentStepWallet:i,message:a,showWalletButton:e!==Gn.WaitingForNetworkChange}),e==="delete"&&Hn.createElement(qp,{onClose:o,onDelete:n}),e==="cancel"&&Hn.createElement(Op,{onClose:o,onCancel:r}))}s(Li,"SwapDetailsModal");import{i18n as ho}from"@lingui/core";import{Button as Mi,Divider as Qn,MessageBox as Vp,Modal as Hg,TokenAmount as Qg,Typography as Vn}from"@rango-dev/ui";import ce from"react";import{useNavigate as Vg}from"react-router-dom";function Pi(t){let{open:e,onClose:o,status:n,priceValue:r,usdValue:i,token:a,chain:l,percentageChange:p,description:u,diagnosisUrl:m}=t,c=Vg();return ce.createElement(Hg,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},n==="success"?ce.createElement(Vp,{type:"success",title:ho.t("Swap Successful")},ce.createElement(Qg,{direction:"vertical",type:"output",centerAlign:!0,price:{value:r,usdValue:i},token:a,chain:l,percentageChange:p}),ce.createElement(Qn,{size:12}),ce.createElement(Vn,{variant:"body",size:"medium",color:"neutral700",align:"center"},u)):ce.createElement(Vp,{type:"error",title:ho.t("Transaction Failed"),description:u}),ce.createElement(Qn,{size:32}),n==="success"&&ce.createElement(Mi,{variant:"contained",type:"primary",size:"large",onClick:()=>c(S.home)},ce.createElement(Vn,{variant:"title",size:"medium",color:"neutral100"},ho.t("Done"))),ce.createElement(Qn,{size:12}),m&&ce.createElement(ce.Fragment,null,ce.createElement(Mi,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(m,"_blank")},ce.createElement(Vn,{variant:"title",size:"medium",color:"primary"},ho.t("Diagnosis"))),ce.createElement(Qn,{size:12})),ce.createElement(Mi,{variant:"outlined",type:"primary",size:"large",onClick:o},ce.createElement(Vn,{variant:"title",size:"medium",color:"primary"},ho.t("See Details"))))}s(Pi,"SwapDetailsCompleteModal");import nh from"react";import{i18n as Rg}from"@lingui/core";import{Alert as Zp,IconButton as eh,LinkIcon as th}from"@rango-dev/ui";import ft,{Fragment as oh}from"react";import{Alert as jg,ChevronDownIcon as Kg,ChevronUpIcon as Xg,IconButton as Yg}from"@rango-dev/ui";import jn,{useState as Jg}from"react";function jp(t){let{message:e}=t,[o,n]=Jg(!1);return jn.createElement(jg,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&jn.createElement(Yg,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?jn.createElement(Xg,{size:12,color:"gray"}):jn.createElement(Kg,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}s(jp,"FailedAlert");import{styled as Zg}from"@rango-dev/ui";var Kp=Zg("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as Xp}from"@lingui/core";import{PendingSwapNetworkStatus as $i}from"@rango-dev/queue-manager-rango-preset";import{Alert as _i,Button as Yp}from"@rango-dev/ui";import yo from"react";function Jp(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?yo.createElement(_i,{type:"warning",title:n.shortMessage,action:yo.createElement(Yp,{size:"xxsmall",type:"warning",onClick:()=>{o($i.WaitingForNetworkChange),e().catch(i=>{console.log(i)})}},Xp.t("Change"))}):r===$i.WaitingForConnectingWallet?yo.createElement(_i,{type:"warning",title:n.shortMessage,action:yo.createElement(Yp,{size:"xxsmall",type:"warning",onClick:()=>{o($i.WaitingForConnectingWallet)}},Xp.t("Connect"))}):yo.createElement(_i,{type:"warning",title:n.shortMessage})}s(Jp,"WarningAlert");function Di(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:i,hasAlreadyProceededToSign:a}=t,l=Jt(i),p=i.status==="waitingForApproval"&&!l,u=i.status==="running"&&!l;return ft.createElement(Kp,null,i.explorerUrl?.map((m,c,g)=>{let y=c+m.url,k=c===g.length-1,T=k&&u||p,h=k&&i.status==="failed";return ft.createElement(oh,{key:y},ft.createElement(Zp,{type:T&&"loading"||h&&"error"||"success",title:m.description?`${m.description} Tx`:Rg.t("View transaction"),action:m.url&&ft.createElement(eh,{variant:"ghost",size:"xsmall",onClick:()=>window.open(m.url,"_blank")},ft.createElement(th,{size:16}))}))}),(u&&!a||p&&!i.explorerUrl?.length)&&ft.createElement(Zp,{type:"loading",title:r.shortMessage}),i.status!=="failed"&&l&&ft.createElement(Jp,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),i.status==="failed"&&ft.createElement(jp,{message:r}))}s(Di,"SwapDetailsAlerts");var Rp=2e3;var eu=s(({swap:t,blockchains:e,...o})=>{let n=t.hasAlreadyProceededToSign!==!1;return t.steps.map((r,i)=>{let a=i===0?t.inputAmount:t.steps[i-1].outputAmount;return{from:{token:{displayName:r.fromSymbol,image:r.fromLogo??""},chain:{displayName:hr(r.fromBlockchain,e)??"",image:r.fromBlockchainLogo??""},price:{value:N(a,6,6)}},to:{token:{displayName:r.toSymbol,image:r.toLogo},chain:{displayName:hr(r.toBlockchain,e)??"",image:r.toBlockchainLogo??""},price:{value:N(r.outputAmount||r.expectedOutputAmountHumanReadable,6,6)}},swapper:{displayName:r.swapperId,image:r.swapperLogo??""},alerts:nh.createElement(Di,{step:r,hasAlreadyProceededToSign:n,...o})}})},"getSteps");function tu(t){if(Jt(t)&&t.status!=="failed"&&t.status!=="success")return"warning";switch(t.status){case"created":return"default";case"approved":case"waitingForApproval":case"running":return"in-progress";case"failed":return"error";case"success":return"completed"}}s(tu,"getStepState");import{darkTheme as rh,styled as Ht}from"@rango-dev/ui";var Kn=Ht("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",[`.${rh} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color",color:"$neutral500"},"& .request-id":{display:"flex",justifyContent:"center",alignItems:"center",height:"$24"},"& .output":{display:"flex",width:"100%",padding:"$15 $20 $20",flexDirection:"column",alignItems:"start"},"& .title-steps":{textAlign:"left",width:"100%",padding:"0 $20 $10"}}),Xn=Ht("div",{width:"100%"}),ou=Ht("div",{padding:"$0 $20 $20 $20",width:"100%",overflow:"auto"}),eL=Ht("div",{display:"flex",flexDirection:"column",gap:"$10"}),nu=Ht("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),tL=Ht("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1});function Fi(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:i,connect:a,getWalletInfo:l}=fh(),p=v().blockchains(),u=v().tokens(),m=P.use.retry(),c=hh(),{navigateBackFrom:g}=re(),[y,k]=dh(Rp),T=gh(null),[h,x]=su(null),[f,w]=su(null),d=s(()=>{r(),x(null)},"onCancel"),C=Ie.use.getUnreadNotifications(),E=Ie.use.setAsRead(),$=C(),I=sh(e),_=I?.networkStatus;iu(()=>{$.find(me=>me.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(w(e.status),E(e.requestId))},[e.status]),iu(()=>{ne?x(Yn.WaitingForNetworkChange):_===Yn.WaitingForConnectingWallet||_===Yn.NetworkChanged?x(_):x(null)},[_]);let L=Rs(e),Q=I?ih(e,I):null,b=I?ah(e,I):null,z=_p(e),F=ea(e),O=s(ae=>!!l(ae)?.mobileWallet,"isMobileWallet"),ne=_===Yn.WaitingForNetworkChange&&!!Q&&!!b?.walletType&&(O(b.walletType)||i(b.walletType,Q)),Ue=ne?a.bind(null,b.walletType,Q):void 0,tt=Zs(e,I),V=eu({swap:e,switchNetwork:Ue,showNetworkModal:_,setNetworkModal:x,message:tt,blockchains:p}),Z=V.length,[ot,nt]=[e.steps[0],e.steps[Z-1]],gt=nt.outputAmount||nt.expectedOutputAmountHumanReadable,tr=e.steps.reduce((ae,me)=>ae+parseFloat(me.feeInUsd||""),0),bo=e.steps.find(ae=>ae.diagnosisUrl)?.diagnosisUrl,jt=N(String(parseFloat(N(gt,6,6))*(Mo(nt.toBlockchain,nt.toSymbol,nt.toSymbolAddress,u)||0)),4,4),U=N(String(parseFloat(e.inputAmount)*(Mo(ot.fromBlockchain,ot.fromSymbol,ot.fromSymbolAddress,u)||0)),4,4),j=Mt(U,jt),R=e.status==="success"?et.t({id:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:N(gt,6,6),token:V[Z-1].to.token.displayName,conciseAddress:$o(e.wallets[V[Z-1].to.chain.displayName]?.address||""),chain:V[Z-1].to.chain.displayName}}):`${et.t("Transaction was not sent.")} ${L?et.t({id:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:L.outputAmount,symbol:L.symbol,blockchain:L.blockchain}}):""}`;return X.createElement(K,{noPadding:!0,header:{title:et.t("Swap and Bridge"),onBack:()=>g(S.swapDetails),onCancel:e.status==="running"?()=>x("cancel"):void 0,suffix:e.status!=="running"&&X.createElement(Bt,null,X.createElement(ru,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>x("delete")},X.createElement(Qt,{size:"medium",variant:"label",color:"error"},et.t("Delete"))))},footer:F&&!f&&X.createElement(ru,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{m(e,{blockchains:p,tokens:u}),setTimeout(()=>{c(S.home)},0)}},et.t("Try again"))},X.createElement(Kn,null,X.createElement(Xn,null,X.createElement("div",{className:"row"},X.createElement(Qt,{variant:"label",size:"large",color:"neutral700"},`${et.t("Request ID")}:`),X.createElement("div",{className:"request-id"},X.createElement(Qt,{variant:"label",size:"small",color:"neutral700"},o),X.createElement(uh,{variant:"ghost",onClick:k.bind(null,o||"")},X.createElement(lh,{size:16,color:"gray"})))),X.createElement("div",{className:"row"},X.createElement(Qt,{variant:"label",size:"large",color:"neutral700"},`${et.t("Created at")}:`),X.createElement(Qt,{variant:"label",size:"small",color:"neutral700"},z))),X.createElement("div",{className:"output"},X.createElement(ch,{fee:N(String(tr),2,2),time:Io(Wo(e.steps)),steps:Z}),X.createElement(Rt,{from:{price:{value:N(e.inputAmount,6,6),usdValue:U},token:{displayName:V[0].from.token.displayName,image:V[0].from.token.image},chain:{image:V[0].from.chain.image,displayName:V[0].from.chain.displayName}},to:{price:{value:N(gt,6,6),usdValue:jt},token:{displayName:V[Z-1].to.token.displayName,image:V[Z-1].to.token.image},chain:{image:V[Z-1].to.chain.image,displayName:V[Z-1].to.chain.displayName}},percentageChange:N(String(j),2,2),warningLevel:Xe(j??0)})),X.createElement("div",{className:"title-steps"},X.createElement(Qt,{variant:"title",size:"small"},et.t("Swaps steps"))),X.createElement(ph,{size:8}),X.createElement(ou,{ref:T},V.map((ae,me)=>{let ze=me,ht=tu(e.steps[me]),Kt=ht==="error"||ht==="in-progress"||ht==="warning"||ht==="completed"&&me===V.length-1;return X.createElement(mh,{key:ze,step:ae,type:"swap-progress",ref:T,state:ht,hasSeparator:me!==0,tabIndex:ze,isFocused:Kt})}))),X.createElement(Li,{state:h,onClose:()=>x(null),onCancel:d,onDelete:n,message:tt.detailedMessage.content,currentStepWallet:b}),X.createElement(Pi,{open:!!f,diagnosisUrl:bo,onClose:()=>w(null),status:e.status==="success"?"success":"failed",priceValue:N(gt,6,6),usdValue:jt,percentageChange:N(String(j),2,2),token:{displayName:V[Z-1].to.token.displayName,image:V[Z-1].to.token.image},chain:{image:V[Z-1].to.chain.image},description:R}))}s(Fi,"SwapDetails");import{i18n as wo}from"@lingui/core";import{CopyIcon as Th,IconButton as wh,NotFound as vh,Skeleton as uu,Typography as Zn}from"@rango-dev/ui";import pe from"react";import{i18n as Sh}from"@lingui/core";import{ChainToken as Ch,Divider as Ui,Skeleton as To,Typography as kh}from"@rango-dev/ui";import J from"react";import{styled as Oi}from"@rango-dev/ui";var au=Oi("div",{width:"100%",height:"100%",padding:"$0 $20",".cost":{paddingTop:"$15",display:"flex"},".quote-summary":{padding:"$15 $0"},".quote-summary-item":{display:"flex",justifyContent:"space-between",alignItems:"center"},".token-amount":{display:"flex",justifyContent:"space-between",alignItems:"center"},".quote-summary-separator":{width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"},".swaps-steps":{paddingBottom:"$10"}}),lu=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"}}),Jn=Oi("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"});import{ChainToken as pu,Divider as So,NextIcon as yh,Skeleton as Co}from"@rango-dev/ui";import le from"react";function ko(t){let{extraInfo:e}=t;return le.createElement(lu,null,le.createElement("div",{className:"step-title"},le.createElement(Co,{height:28,width:28,variant:"circular"}),le.createElement(So,{direction:"horizontal",size:8}),le.createElement(Co,{height:15,width:148,variant:"rounded"})),le.createElement("div",{className:"step-tokens"},le.createElement(So,{direction:"horizontal",size:20}),le.createElement("div",{className:"step-token-info"},le.createElement(pu,{size:"small",loading:!0,chainImage:"",tokenImage:""}),le.createElement(So,{direction:"horizontal",size:8}),le.createElement(Co,{height:12,width:76,variant:"rounded"})),le.createElement("div",{className:"step-icon-container"},le.createElement(yh,{color:"gray",size:16})),le.createElement("div",{className:"step-token-info"},le.createElement(pu,{size:"small",loading:!0,chainImage:"",tokenImage:""}),le.createElement(So,{direction:"horizontal",size:8}),le.createElement(Co,{height:12,width:76,variant:"rounded"}))),e&&le.createElement("div",{className:"extra-info"},le.createElement(So,{direction:"horizontal",size:20}),le.createElement(Co,{height:22,width:297,variant:"rectangular"})))}s(ko,"LoadingSwapDetailStep");function zi(){let t=J.createElement("div",{className:"quote-summary-item"},J.createElement("div",{className:"token-amount"},J.createElement(Ch,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),J.createElement(Ui,{size:8,direction:"horizontal"}),J.createElement(To,{height:15,width:148,variant:"rounded"})),J.createElement(To,{height:12,width:64,variant:"rounded"}));return J.createElement(au,null,J.createElement("div",{className:"cost"},J.createElement(To,{width:60,height:10,variant:"rounded"}),J.createElement(Ui,{size:4,direction:"horizontal"}),J.createElement(To,{width:60,height:10,variant:"rounded"}),J.createElement(Ui,{size:4,direction:"horizontal"}),J.createElement(To,{width:60,height:10,variant:"rounded"})),J.createElement("div",{className:"quote-summary"},t,J.createElement("div",{className:"quote-summary-separator"}),t),J.createElement("div",{className:"swaps-steps"},J.createElement(kh,{variant:"title",size:"small"},Sh.t("Swaps steps"))),J.createElement("div",{className:"step-container"},J.createElement(ko,{extraInfo:!0}),J.createElement(Jn,null),J.createElement(ko,null),J.createElement(Jn,null),J.createElement(ko,null),J.createElement(Jn,null),J.createElement(ko,null)))}s(zi,"LoadingSwapDetails");function cu(t){let{requestId:e,showSkeleton:o}=t,{navigateBackFrom:n}=re();return pe.createElement(K,{noPadding:!0,header:{title:wo.t("Swap and Bridge"),onBack:()=>n(S.swapDetails),suffix:pe.createElement(Bt,null)}},o&&pe.createElement(Kn,null,pe.createElement(Xn,null,pe.createElement("div",{className:"row"},pe.createElement(Zn,{variant:"label",size:"large",color:"neutral700"},`${wo.t("Request ID")}:`),pe.createElement("div",{className:"request-id"},pe.createElement(Zn,{variant:"label",size:"small",color:"neutral700"},pe.createElement(uu,{width:60,height:10,variant:"rounded"})),pe.createElement(wh,{variant:"ghost"},pe.createElement(Th,{size:16,color:"gray"})))),pe.createElement("div",{className:"row"},pe.createElement(Zn,{variant:"label",size:"large",color:"neutral700"},`${wo.t("Created at")}:`),pe.createElement(Zn,{variant:"label",size:"small",color:"neutral700"},pe.createElement(uu,{width:60,height:10,variant:"rounded"})))),pe.createElement(zi,null)),!o&&pe.createElement(nu,null,pe.createElement(vh,{title:wo.t("Not found"),description:wo.t({id:"Swap with request ID = {requestId} not found.",values:{requestId:e}})})))}s(cu,"SwapDetailsPlaceholder");function du(){let{manager:t,state:e}=bh(),o=!e.loadedFromPersistor,n=zt(t),r=Ce.use.selectedSwapRequestId(),{navigateBackFrom:i}=re(),{fetchStatus:a}=v(),l=o||a==="loading",p=n.find(({swap:g})=>g.requestId===r),u=s(()=>{if(p?.id){let g=t?.get(p.id);g&&xh(g)}},"onCancel"),m=s(async()=>{if(p?.id)try{await t?.deleteQueue(p.id),i(S.swapDetails)}catch(g){console.log(g)}},"onDelete"),c=p?.swap;return!c||l?mu.createElement(cu,{requestId:r||"",showSkeleton:l}):mu.createElement(Fi,{swap:c,requestId:r||"",onCancel:u,onDelete:m})}s(du,"SwapDetailsPage");import{i18n as vo}from"@lingui/core";import{AutoThemeIcon as Eh,DarkModeIcon as Ah,LightModeIcon as Ih,List as Wh,ListItemButton as Nh,Radio as qi,RadioRoot as Bh,Typography as Gi}from"@rango-dev/ui";import ve from"react";function fu(){let{navigateBackFrom:t}=re(),e=D.use.theme(),o=D.use.setTheme(),n=[{id:"light",value:"light",title:ve.createElement(Gi,{variant:"title",size:"xmedium"},vo.t("Light")),onClick:()=>o("light"),start:ve.createElement(Ih,{color:"gray"}),end:ve.createElement(qi,{value:"light"})},{id:"dark",value:"dark",title:ve.createElement(Gi,{variant:"title",size:"xmedium"},vo.t("Dark")),onClick:()=>o("dark"),start:ve.createElement(Ah,{color:"gray"}),end:ve.createElement(qi,{value:"dark"})},{id:"auto",value:"auto",title:ve.createElement(Gi,{variant:"title",size:"xmedium"},vo.t("Auto")),onClick:()=>o("auto"),start:ve.createElement(Eh,{color:"gray"}),end:ve.createElement(qi,{value:"auto"})}];return ve.createElement(K,{header:{onBack:()=>t(S.settings),title:vo.t("Theme")}},ve.createElement(Re,null,ve.createElement(Bh,{onValueChange:r=>o(r),value:e},ve.createElement(Wh,{type:ve.createElement(Nh,{title:vo.t("Theme"),id:"_",onClick:()=>console.log()}),items:n}))))}s(fu,"ThemePage");var Mh=s(t=>t.replace("/",""),"getAbsolutePath");function gu(){return Lh([{path:S.home,element:xe.createElement(gn,null)},{path:S.fromSwap,element:xe.createElement(wi,{type:"source"})},{path:S.toSwap,element:xe.createElement(wi,{type:"destination"})},{path:S.fromBlockchain,element:xe.createElement(ci,{type:"source"})},{path:S.toBlockchain,element:xe.createElement(ci,{type:"destination"})},{path:S.settings,element:xe.createElement(Pp,null)},{path:S.themes,element:xe.createElement(fu,null)},{path:S.languages,element:xe.createElement(Yl,null)},{path:S.exchanges,element:xe.createElement(si,{sourceType:"Exchanges"})},{path:S.bridges,element:xe.createElement(si,{sourceType:"Bridges"})},{path:S.swaps,element:xe.createElement(Kl,null)},{path:S.swapDetails,element:xe.createElement(du,null)},{path:S.wallets,element:xe.createElement(Tl,null)},{path:Mh(S.confirmSwap),element:xe.createElement(Fl,null)}])}s(gu,"AppRoutes");import{isApprovalTX as Ph,MainEvents as yu,RouteEventType as Su,StepEventType as Vt,StepExecutionEventStatus as $h,useEvents as _h}from"@rango-dev/queue-manager-rango-preset";import{useEffect as Cu}from"react";import{StepExecutionBlockedEventStatus as Hi}from"@rango-dev/queue-manager-rango-preset";var hu=[Hi.WAITING_FOR_CHANGE_WALLET_ACCOUNT,Hi.WAITING_FOR_NETWORK_CHANGE,Hi.WAITING_FOR_WALLET_CONNECT];function ku(){let t=v().tokens(),e=H.use.connectedWallets(),o=H.use.getWalletsDetails(),n=Ie.use.setNotification(),r=Ie.use.setAsRead(),i=_h();return Cu(()=>(i.on(yu.StepEvent,a=>{let{event:l,step:p,route:u}=a;if(l.type===Vt.TX_EXECUTION&&l.status===$h.TX_SENT&&!Ph(p)||l.type===Vt.SUCCEEDED){let c=e.find(y=>y.chain===p?.fromBlockchain),g=p?.fromBlockchain!==p?.toBlockchain&&e.find(y=>y.chain===p?.toBlockchain);c&&o([c],t),g&&o([g],t)}l.type===Vt.TX_EXECUTION_BLOCKED&&hu.includes(l.status)||l.type===Vt.FAILED?n(l,u):(l.type===Vt.TX_EXECUTION||l.type===Vt.CHECK_STATUS)&&r(u.requestId)}),()=>i.all.clear()),[i,e.length]),Cu(()=>(i.on(yu.RouteEvent,a=>{let{event:l,route:p}=a;(l.type===Su.FAILED||l.type===Su.SUCCEEDED)&&n(l,p)}),()=>i.all.clear()),[i,e.length]),null}s(ku,"WidgetEvents");import{globalCss as Dh}from"@rango-dev/ui";var Tu=s(()=>Dh({"@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 Vi,darkTheme as qh,lightTheme as Gh}from"@rango-dev/ui";import{useEffect as xu,useState as Hh}from"react";import{theme as Uh,darkColors as zh}from"@rango-dev/ui";var wu=s(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),Fh=s(t=>{let e="",o;for(o=Math.abs(t);o>52;o=o/52|0)e=wu(o%52)+e;return wu(o%52)+e},"toAlphabeticName"),Oh=s((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),Qi=s(t=>Fh(Oh(5381,JSON.stringify(t))>>>0),"toHash");function vu(t){let e=Uh.colors,o=hi({...e,...zh},!0,t?.dark),n=hi(e,!1,t?.light),r=Object.keys(o).length>0,i=Object.keys(n).length>0,a,l;if(i){let p={colors:n};a={id:`${nr}-light-${Qi(p)}`,tokens:p}}if(r){let p={colors:o};l={id:`${nr}-dark-${Qi(p)}`,tokens:p}}return{light:a,dark:l}}s(vu,"customizedThemeTokens");function bu(t){let{colors:e,fontFamily:o=es,borderRadius:n=Zi,secondaryBorderRadius:r=Ri,mode:i="auto"}=t,[a,l]=Hh("light"),p=D.use.theme(),u=D.use.setTheme(),{dark:m,light:c}=vu(e),g=Vi({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),y=[g.className,Gh.className],k=[g.className,qh.className];if(c){let h=Vi(c.id,c.tokens);y.push(h.className)}if(m){let h=Vi(m.id,m.tokens);k.push(h.className)}return xu(()=>{let h=s(x=>{x.matches?l("dark"):l("light")},"switchThemeListener");return window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches&&l("dark"),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",h),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",h)}},[]),xu(()=>{i!=="auto"&&u(i)},[i]),{activeTheme:s(()=>{let h=y.join(" "),x=k.join(" ");return p==="auto"?a==="dark"?x:h:p==="dark"?x:h},"getActiveTheme")}}s(bu,"useTheme");import{styled as Qh}from"@rango-dev/ui";var Eu=Qh("div",{width:"100%",display:"flex",justifyContent:"center",alignItems:"center",fontFamily:"$widget",boxSizing:"border-box","& *, *::before, *::after":{boxSizing:"inherit",listStyleType:"none"},"& *:focus-visible":{outlineColor:"$info500",transition:"none"}});function Rn(){Tu();let{fetch:t,config:e}=v(),{activeTheme:o}=bu(e?.theme||{}),{activeLanguage:n,changeLanguage:r}=Bn(),[i,a]=Iu(""),[l,p]=Iu(),u=jh(Uo);return Kh(()=>{e?.apiKey&&Ji({API_KEY:e?.apiKey})},[e]),Au(()=>{t().catch(),D.persist.rehydrate(),Ie.persist.rehydrate(),u.onConnectWallet(a)},[]),Au(()=>{e?.language&&r(e.language)},[e?.language]),xo.createElement(Vh,{language:n},xo.createElement(Eu,{id:"swap-container",className:o()},xo.createElement(ku,null),xo.createElement(ml,{lastConnectedWallet:i,disconnectedWallet:l,clearDisconnectedWallet:()=>{p(void 0)}},xo.createElement(gu,null))))}s(Rn,"Main");import Ki from"react";import{checkWaitingForNetworkChange as Xh,makeQueueDefinition as Yh}from"@rango-dev/queue-manager-rango-preset";import{Provider as Jh}from"@rango-dev/queue-manager-react";import{useWallets as Zh}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as Rh}from"@rango-dev/wallets-shared";import{isEvmBlockchain as ey}from"rango-types";import ty,{useMemo as oy}from"react";function ny(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:i,getWalletInfo:a}=Zh(),l=oy(()=>Yh({API_KEY:t.apiKey||Eo("API_KEY")}),[t.apiKey]),p=v().blockchains(),m={blockchains:H.use.connectedWallets().map(f=>({accounts:[f],name:f.chain}))},c=s(async(f,w)=>{if(i(f,w))return r(f,w)},"switchNetwork"),g=s(f=>!!a(f).mobileWallet,"isMobileWallet"),y=p.filter(f=>f.enabled).reduce((f,w)=>(f[w.name]=w,f),{}),k=p.filter(ey),T=s(f=>{let{supportedChains:w}=a(f);return Bo(w)},"getSupportedChainNames"),h=e(),x={meta:{blockchains:y,evmBasedChains:k,evmNetworkChainInfo:Rh(k),getSupportedChainNames:T},getSigners:o,wallets:m,providers:h,switchNetwork:c,canSwitchNetworkTo:i,connect:r,state:n,isMobileWallet:g};return ty.createElement(Jh,{queuesDefs:[l],context:x,onPersistedDataLoaded:f=>{Xh(f)},isPaused:!1},t.children)}s(ny,"QueueManager");var Wu=ny;import{useManager as ry}from"@rango-dev/queue-manager-react";import iy,{createContext as sy,useContext as ay,useMemo as ly}from"react";var Nu=sy(void 0);function ji(t){let{manager:e}=ry(),o=zt(e),n=ly(()=>({swaps:o}),[e,o]);return iy.createElement(Nu.Provider,{value:n},t.children)}s(ji,"WidgetInfo");function Bu(){let t=ay(Nu);if(!t)throw new Error("useWidget can only be used within the WidgetProvider component");return t}s(Bu,"useWidget");function er(t){let{onUpdateState:e,config:o}=t;return Ki.createElement(zo,{config:o,onUpdateState:e},Ki.createElement(Wu,{apiKey:o.apiKey},Ki.createElement(ji,null,t.children)))}s(er,"WidgetProvider");function Lu(t){return t.config?.externalWallets?Xi.createElement(Rn,null):Xi.createElement(er,{config:t.config??ir},Xi.createElement(Rn,null))}s(Lu,"Widget");export{y$ as MainEvents,S$ as RouteEventType,C$ as StepEventType,k$ as StepExecutionBlockedEventStatus,T$ as StepExecutionEventStatus,Lu as Widget,er as WidgetProvider,zo as WidgetWallets,Wl as useWallets,Bu as useWidget,w$ as useWidgetEvents};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|