@rango-dev/widget-embedded 0.20.1-next.2 → 0.20.1-next.21
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/components/BlockchainList/BlockchainList.styles.d.ts +169 -1
- package/dist/components/BlockchainList/BlockchainList.styles.d.ts.map +1 -1
- package/dist/components/BlockchainsSection/BlockchainsSection.styles.d.ts +4 -0
- package/dist/components/BlockchainsSection/BlockchainsSection.styles.d.ts.map +1 -1
- package/dist/components/ConfirmWalletsModal/ConfirmWallets.styles.d.ts +514 -1088
- package/dist/components/ConfirmWalletsModal/ConfirmWallets.styles.d.ts.map +1 -1
- package/dist/components/ConfirmWalletsModal/ConfirmWalletsModal.d.ts.map +1 -1
- package/dist/components/ConfirmWalletsModal/WalletList.styles.d.ts +12 -0
- package/dist/components/ConfirmWalletsModal/WalletList.styles.d.ts.map +1 -1
- package/dist/components/CustomCollapsible/CustomCollapsible.d.ts +5 -0
- package/dist/components/CustomCollapsible/CustomCollapsible.d.ts.map +1 -0
- package/dist/components/CustomCollapsible/CustomCollapsible.styles.d.ts +654 -0
- package/dist/components/CustomCollapsible/CustomCollapsible.styles.d.ts.map +1 -0
- package/dist/components/CustomCollapsible/CustomCollapsible.types.d.ts +10 -0
- package/dist/components/CustomCollapsible/CustomCollapsible.types.d.ts.map +1 -0
- package/dist/components/HeaderButtons/HeaderButtons.styles.d.ts +179 -0
- package/dist/components/HeaderButtons/HeaderButtons.styles.d.ts.map +1 -1
- package/dist/components/HeaderButtons/HeaderButtons.types.d.ts +0 -2
- package/dist/components/HeaderButtons/HeaderButtons.types.d.ts.map +1 -1
- package/dist/components/HeaderButtons/HomeButtons.d.ts.map +1 -1
- package/dist/components/HeaderButtons/RefreshButton.d.ts +6 -0
- package/dist/components/HeaderButtons/RefreshButton.d.ts.map +1 -0
- package/dist/components/Layout/Layout.d.ts +2 -3
- package/dist/components/Layout/Layout.d.ts.map +1 -1
- package/dist/components/Layout/Layout.helpers.d.ts +2 -0
- package/dist/components/Layout/Layout.helpers.d.ts.map +1 -0
- package/dist/components/Layout/Layout.styles.d.ts +14 -4
- package/dist/components/Layout/Layout.styles.d.ts.map +1 -1
- package/dist/components/Layout/Layout.types.d.ts +6 -3
- package/dist/components/Layout/Layout.types.d.ts.map +1 -1
- package/dist/components/Layout/PageContainer.d.ts +166 -0
- package/dist/components/Layout/PageContainer.d.ts.map +1 -0
- package/dist/components/Layout/ScrollableArea.d.ts +164 -0
- package/dist/components/Layout/ScrollableArea.d.ts.map +1 -0
- package/dist/components/Layout/index.d.ts +2 -0
- package/dist/components/Layout/index.d.ts.map +1 -1
- package/dist/components/LoadingLiquiditySourceList/LoadingLiquiditySourceList.styles.d.ts +4 -0
- package/dist/components/LoadingLiquiditySourceList/LoadingLiquiditySourceList.styles.d.ts.map +1 -1
- package/dist/components/LoadingSwapDetails/LoadingSwapDetails.styles.d.ts +56 -0
- package/dist/components/LoadingSwapDetails/LoadingSwapDetails.styles.d.ts.map +1 -1
- package/dist/components/NoResult/NoResult.styles.d.ts +12 -0
- package/dist/components/NoResult/NoResult.styles.d.ts.map +1 -1
- package/dist/components/NotificationContent/NotificationContent.d.ts.map +1 -1
- package/dist/components/NotificationContent/NotificationContent.styles.d.ts +16 -0
- package/dist/components/NotificationContent/NotificationContent.styles.d.ts.map +1 -1
- package/dist/components/Quote/Quote.d.ts.map +1 -1
- package/dist/components/Quote/Quote.styles.d.ts +386 -2
- package/dist/components/Quote/Quote.styles.d.ts.map +1 -1
- package/dist/components/Quote/Quote.types.d.ts +19 -0
- package/dist/components/Quote/Quote.types.d.ts.map +1 -1
- package/dist/components/Quote/QuoteCostDetails.d.ts +4 -0
- package/dist/components/Quote/QuoteCostDetails.d.ts.map +1 -0
- package/dist/components/Quote/QuoteCostDetails.styles.d.ts +806 -0
- package/dist/components/Quote/QuoteCostDetails.styles.d.ts.map +1 -0
- package/dist/components/Quote/QuoteSummary.d.ts.map +1 -1
- package/dist/components/Quote/QuoteSummary.styles.d.ts +8 -0
- package/dist/components/Quote/QuoteSummary.styles.d.ts.map +1 -1
- package/dist/components/Quote/QuoteTrigger .d.ts +4 -0
- package/dist/components/Quote/QuoteTrigger .d.ts.map +1 -0
- package/dist/components/QuoteSkeleton/QuoteSkeleton.styles.d.ts +16 -0
- package/dist/components/QuoteSkeleton/QuoteSkeleton.styles.d.ts.map +1 -1
- package/dist/components/QuoteSkeleton/QuoteSummarySkeleton.styles.d.ts +40 -0
- package/dist/components/QuoteSkeleton/QuoteSummarySkeleton.styles.d.ts.map +1 -1
- package/dist/components/QuoteSkeleton/StepSkeleton.styles.d.ts +20 -0
- package/dist/components/QuoteSkeleton/StepSkeleton.styles.d.ts.map +1 -1
- package/dist/components/QuoteWarningsAndErrors/QuoteWarningsAndErrors.styles.d.ts +16 -0
- package/dist/components/QuoteWarningsAndErrors/QuoteWarningsAndErrors.styles.d.ts.map +1 -1
- package/dist/components/SearchInput/SearchInput.styles.d.ts +4 -0
- package/dist/components/SearchInput/SearchInput.styles.d.ts.map +1 -1
- package/dist/components/SettingsContainer/SettingsContainer.style.d.ts +11 -156
- package/dist/components/SettingsContainer/SettingsContainer.style.d.ts.map +1 -1
- package/dist/components/SettingsContainer/index.d.ts +1 -1
- package/dist/components/SettingsContainer/index.d.ts.map +1 -1
- package/dist/components/Slippage/Slippage.styles.d.ts +20 -0
- package/dist/components/Slippage/Slippage.styles.d.ts.map +1 -1
- package/dist/components/SwapDetails/SwapDetails.Placeholder.d.ts.map +1 -1
- package/dist/components/SwapDetails/SwapDetails.d.ts.map +1 -1
- package/dist/components/SwapDetails/SwapDetails.helpers.d.ts +1 -1
- package/dist/components/SwapDetails/SwapDetails.helpers.d.ts.map +1 -1
- package/dist/components/SwapDetails/SwapDetails.styles.d.ts +523 -1
- package/dist/components/SwapDetails/SwapDetails.styles.d.ts.map +1 -1
- package/dist/components/SwapDetailsAlerts/SwapDetailsAlerts.d.ts.map +1 -1
- package/dist/components/SwapDetailsAlerts/SwapDetailsAlerts.styles.d.ts +4 -0
- package/dist/components/SwapDetailsAlerts/SwapDetailsAlerts.styles.d.ts.map +1 -1
- package/dist/components/SwapDetailsAlerts/SwapDetailsAlerts.types.d.ts +2 -1
- package/dist/components/SwapDetailsAlerts/SwapDetailsAlerts.types.d.ts.map +1 -1
- package/dist/components/SwapDetailsModal/SwapDetailsModal.styles.d.ts +4 -0
- package/dist/components/SwapDetailsModal/SwapDetailsModal.styles.d.ts.map +1 -1
- package/dist/components/SwapsGroup/SwapsGroup.d.ts.map +1 -1
- package/dist/components/SwapsGroup/SwapsGroup.styles.d.ts +20 -0
- package/dist/components/SwapsGroup/SwapsGroup.styles.d.ts.map +1 -1
- package/dist/components/TokenList/TokenList.styles.d.ts +68 -0
- package/dist/components/TokenList/TokenList.styles.d.ts.map +1 -1
- package/dist/components/WalletModal/WalletModalContent.styles.d.ts +16 -0
- package/dist/components/WalletModal/WalletModalContent.styles.d.ts.map +1 -1
- package/dist/components/WidgetEvents.d.ts.map +1 -1
- package/dist/constants/index.d.ts +1 -0
- package/dist/constants/index.d.ts.map +1 -1
- package/dist/constants/quote.d.ts +12 -0
- package/dist/constants/quote.d.ts.map +1 -0
- package/dist/containers/App/App.d.ts.map +1 -1
- package/dist/containers/App/App.styles.d.ts +4 -0
- package/dist/containers/App/App.styles.d.ts.map +1 -1
- package/dist/containers/QuoteInfo/QuoteInfo.d.ts +1 -1
- package/dist/containers/QuoteInfo/QuoteInfo.d.ts.map +1 -1
- package/dist/containers/QuoteInfo/QuoteInfo.styles.d.ts +10 -314
- package/dist/containers/QuoteInfo/QuoteInfo.styles.d.ts.map +1 -1
- package/dist/containers/QuoteInfo/QuoteInfo.types.d.ts +0 -7
- package/dist/containers/QuoteInfo/QuoteInfo.types.d.ts.map +1 -1
- package/dist/containers/Wallets/Wallets.d.ts.map +1 -1
- package/dist/containers/WidgetInfo/WidgetInfo.d.ts.map +1 -1
- package/dist/containers/WidgetInfo/WidgetInfo.types.d.ts +5 -0
- package/dist/containers/WidgetInfo/WidgetInfo.types.d.ts.map +1 -1
- package/dist/containers/WidgetProvider/WidgetProvider.d.ts.map +1 -1
- package/dist/hooks/useLanguage.d.ts +2 -1
- package/dist/hooks/useLanguage.d.ts.map +1 -1
- package/dist/hooks/usePrepareBlockchainList/usePrepareBlockchainList.helpers.d.ts +2 -2
- package/dist/hooks/useSwapInput.d.ts.map +1 -1
- package/dist/hooks/useSyncStoresWithConfig.d.ts.map +1 -1
- package/dist/index.d.ts +6 -6
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +2 -1
- package/dist/index.js.map +4 -4
- package/dist/pages/ConfirmSwapPage.d.ts.map +1 -1
- package/dist/pages/HistoryPage.d.ts.map +1 -1
- package/dist/pages/Home.d.ts.map +1 -1
- package/dist/pages/LanguagePage.d.ts.map +1 -1
- package/dist/pages/LiquiditySourcePage.d.ts.map +1 -1
- package/dist/pages/SelectSwapItemsPage.d.ts.map +1 -1
- package/dist/pages/SettingsPage.d.ts.map +1 -1
- package/dist/pages/ThemePage.d.ts.map +1 -1
- package/dist/pages/WalletsPage.d.ts.map +1 -1
- package/dist/store/AppStore.d.ts +2 -2
- package/dist/store/app.d.ts +2 -2
- package/dist/store/slices/data.d.ts.map +1 -1
- package/dist/store/slices/settings.d.ts +2 -2
- package/dist/store/slices/settings.d.ts.map +1 -1
- package/dist/types/config.d.ts +16 -3
- package/dist/types/config.d.ts.map +1 -1
- package/dist/types/notification.d.ts +1 -2
- package/dist/types/notification.d.ts.map +1 -1
- package/dist/utils/configs.d.ts +8 -0
- package/dist/utils/configs.d.ts.map +1 -1
- package/dist/utils/date.d.ts.map +1 -1
- package/dist/utils/quote.d.ts +5 -1
- package/dist/utils/quote.d.ts.map +1 -1
- package/dist/utils/settings.d.ts +1 -1
- package/dist/utils/swap.d.ts +5 -1
- package/dist/utils/swap.d.ts.map +1 -1
- package/dist/utils/ui.d.ts +2 -0
- package/dist/utils/ui.d.ts.map +1 -1
- package/package.json +6 -6
- package/src/components/BlockchainList/BlockchainList.styles.ts +4 -3
- package/src/components/BlockchainList/BlockchainList.tsx +1 -1
- package/src/components/ConfirmWalletsModal/ConfirmWallets.styles.ts +27 -96
- package/src/components/ConfirmWalletsModal/ConfirmWalletsModal.tsx +25 -40
- package/src/components/CustomCollapsible/CustomCollapsible.styles.ts +75 -0
- package/src/components/CustomCollapsible/CustomCollapsible.tsx +55 -0
- package/src/components/CustomCollapsible/CustomCollapsible.types.ts +10 -0
- package/src/components/HeaderButtons/HeaderButtons.styles.ts +16 -1
- package/src/components/HeaderButtons/HeaderButtons.types.ts +0 -2
- package/src/components/HeaderButtons/HomeButtons.tsx +19 -33
- package/src/components/HeaderButtons/RefreshButton.tsx +81 -0
- package/src/components/Layout/Layout.helpers.ts +16 -0
- package/src/components/Layout/Layout.styles.ts +17 -31
- package/src/components/Layout/Layout.tsx +23 -21
- package/src/components/Layout/Layout.types.ts +9 -8
- package/src/components/Layout/PageContainer.tsx +24 -0
- package/src/components/Layout/ScrollableArea.tsx +11 -0
- package/src/components/Layout/index.ts +2 -0
- package/src/components/NotificationContent/NotificationContent.tsx +10 -1
- package/src/components/Quote/Quote.styles.ts +44 -5
- package/src/components/Quote/Quote.tsx +10 -77
- package/src/components/Quote/Quote.types.ts +22 -0
- package/src/components/Quote/QuoteCostDetails.styles.ts +50 -0
- package/src/components/Quote/QuoteCostDetails.tsx +218 -0
- package/src/components/Quote/QuoteSummary.tsx +3 -2
- package/src/components/Quote/QuoteTrigger .tsx +215 -0
- package/src/components/QuoteWarningsAndErrors/QuoteWarningsAndErrors.styles.ts +0 -1
- package/src/components/SettingsContainer/SettingsContainer.style.ts +0 -5
- package/src/components/SettingsContainer/index.ts +0 -1
- package/src/components/Slippage/Slippage.tsx +5 -5
- package/src/components/Slippage/SlippageTooltipContent.tsx +1 -1
- package/src/components/SwapDetails/SwapDetails.Placeholder.tsx +12 -13
- package/src/components/SwapDetails/SwapDetails.helpers.tsx +43 -3
- package/src/components/SwapDetails/SwapDetails.styles.ts +18 -6
- package/src/components/SwapDetails/SwapDetails.tsx +13 -5
- package/src/components/SwapDetailsAlerts/SwapDetailsAlerts.tsx +13 -7
- package/src/components/SwapDetailsAlerts/SwapDetailsAlerts.types.ts +2 -0
- package/src/components/SwapsGroup/SwapsGroup.tsx +18 -7
- package/src/components/TokenList/TokenList.styles.ts +2 -0
- package/src/components/TokenList/TokenList.tsx +1 -1
- package/src/components/WidgetEvents.tsx +2 -14
- package/src/constants/index.ts +1 -0
- package/src/constants/quote.ts +23 -0
- package/src/containers/App/App.styles.ts +2 -0
- package/src/containers/App/App.tsx +1 -4
- package/src/containers/QuoteInfo/QuoteInfo.styles.ts +0 -15
- package/src/containers/QuoteInfo/QuoteInfo.tsx +30 -77
- package/src/containers/QuoteInfo/QuoteInfo.types.ts +0 -7
- package/src/containers/Wallets/Wallets.tsx +11 -2
- package/src/containers/WidgetInfo/WidgetInfo.tsx +8 -0
- package/src/containers/WidgetInfo/WidgetInfo.types.ts +5 -0
- package/src/containers/WidgetProvider/WidgetProvider.tsx +2 -1
- package/src/hooks/useLanguage.ts +6 -4
- package/src/hooks/useSwapInput.ts +6 -2
- package/src/hooks/useSyncStoresWithConfig.ts +17 -34
- package/src/index.ts +4 -2
- package/src/pages/ConfirmSwapPage.tsx +59 -50
- package/src/pages/HistoryPage.tsx +4 -11
- package/src/pages/Home.tsx +40 -38
- package/src/pages/LanguagePage.tsx +3 -4
- package/src/pages/LiquiditySourcePage.tsx +8 -6
- package/src/pages/SelectBlockchainPage.tsx +41 -41
- package/src/pages/SelectSwapItemsPage.tsx +45 -39
- package/src/pages/SettingsPage.tsx +3 -4
- package/src/pages/ThemePage.tsx +3 -4
- package/src/pages/WalletsPage.tsx +12 -13
- package/src/store/slices/data.ts +5 -7
- package/src/store/slices/settings.ts +3 -3
- package/src/types/config.ts +16 -3
- package/src/types/notification.ts +0 -7
- package/src/utils/configs.ts +41 -0
- package/src/utils/date.ts +5 -4
- package/src/utils/quote.ts +18 -1
- package/src/utils/swap.ts +35 -0
- package/src/utils/ui.ts +20 -0
package/dist/index.js
CHANGED
|
@@ -1,2 +1,3 @@
|
|
|
1
|
-
var Hc=Object.defineProperty;var i=(t,e)=>Hc(t,"name",{value:e,configurable:!0});import{MainEvents as uD,RouteEventType as cD,StepEventType as mD,StepExecutionBlockedEventStatus as dD,StepExecutionEventStatus as fD,useEvents as gD}from"@rango-dev/queue-manager-rango-preset";import{readAccountAddress as yD,useWallets as Wl,Events as SD}from"@rango-dev/wallets-react";import{Networks as kD,WalletTypes as TD}from"@rango-dev/wallets-shared";import{PendingSwapNetworkStatus as xD}from"rango-types";import{Events as Pr,Provider as bm}from"@rango-dev/wallets-react";import{isEvmBlockchain as Im}from"rango-sdk";import ln,{createContext as Em,useEffect as Wa,useRef as Wm}from"react";import{useEffect as nn,useLayoutEffect as Aa,useMemo as rn,useRef as sn}from"react";import pm,{createContext as um,useContext as cm,useEffect as mm,useRef as dm}from"react";import{create as am}from"zustand";import{persist as lm}from"zustand/middleware";var gr={apiKey:"",multiWallets:!0,enableNewLiquiditySources:!0,customDestination:!0},As=i((t,e,o)=>({config:{...gr,...t},updateConfig:n=>{let r=o().config;e({config:{...r,...n}})}}),"createConfigSlice");import{RangoClient as Qc}from"rango-sdk";var Mo="c6381a79-2817-4602-83bf-6a641a409e32",bs="https://api.rango.exchange",Te="rango-swap-box";var hr={API_KEY:Mo};function _t(t){return hr[t]||""}i(_t,"getConfig");function Is(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),hr=e,hr}i(Is,"initConfig");var Es=20,Ws=25,Bs="Roboto",yr="theme-widget";var _o,Dt=i(()=>_o||(_o=new Qc(_t("API_KEY"),_t("BASE_URL")),_o),"httpService");function Ft(t){return Array.from(new Set(t))}i(Ft,"removeDuplicateFrom");function Sr(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}i(Sr,"areEqual");function Ns(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}i(Ns,"debounce");function At(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}i(At,"containsText");var O=i(()=>document.getElementById(Te),"getContainer");function Do(t,e){let o=t.map(s=>s.swapperGroup),n=[];return Ft(t.map(s=>s.swapperGroup)).map(s=>{let a=t.find(l=>l.swapperGroup===s);if(a){let l=!0;o&&(l=o.some(p=>p===a.swapperGroup)),l&&a.types.map(p=>{n.push({id:a.swapperGroup,groupTitle:a.swapperGroup,logo:a.logo,type:p,selected:!e.includes(a.swapperGroup)})})}}),n}i(Do,"getUniqueSwappersGroups");function Ls(t,e){return t.swapperGroup<e.swapperGroup?-1:t.swapperGroup>e.swapperGroup?1:0}i(Ls,"sortLiquiditySourcesByGroupTitle");function Le(t,e){return e?.[t]==="hidden"}i(Le,"isFeatureHidden");function Fo(t,e){return e?.[t]==="enabled"}i(Fo,"isFeatureEnabled");import{WalletState as Ye}from"@rango-dev/ui";import{readAccountAddress as Xc}from"@rango-dev/wallets-react";import{detectInstallLink as Kc,getCosmosExperimentalChainInfo as Yc,isEvmAddress as Jc,KEPLR_COMPATIBLE_WALLETS as nC,Networks as _s}from"@rango-dev/wallets-shared";import Cr from"bignumber.js";import{isCosmosBlockchain as Zc}from"rango-types";import Vc from"bignumber.js";var We=new Vc(0);import{WalletTypes as jc}from"@rango-dev/wallets-shared";var Ps=[jc.LEAP];import{BigNumber as Ms}from"bignumber.js";var Oo=i(t=>{let e=(t%60).toString().padStart(2,"0");return`${parseInt((t/60).toString()).toString().padStart(2,"0")}:${e}`},"secondsToString"),W=i((t,e=null,o=null)=>{if(t==null||t==="")return"";let n=new Ms(t),r=1,s=1e3;for(let a=0;a<60;a++)if(new Ms(n.toFixed(a,r)).eq(n)){s=a;break}if(n.gte(1e4))return n.toFormat(0,r);if(n.gte(1e3)||n.gte(100))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,1))),r);if(n.gte(1))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,2))),r);if(n.gte(.01))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,4))),r);for(let a=e||4;a<17;a++)if(n.gte(Math.pow(10,-a)))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,a))),r);return n.isEqualTo(0)?"0":n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,8))),r)},"numberToString");var Uo=i(t=>t?.reduce((e,o)=>e+(o.estimatedTimeInSeconds??0),0)||0,"totalArrivalTime");var Ke=i((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),no=i(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function se(t){return W(t,12,12).replace(/(?:\.0*|(\.\d+?)0*)$/,"$1")}i(se,"formatTooltipNumbers");function kr(t){switch(!0){case t.connected:return Ye.CONNECTED;case t.connecting:return Ye.CONNECTING;case!t.installed:return Ye.NOT_INSTALLED;default:return Ye.DISCONNECTED}}i(kr,"mapStatusToWalletState");function Ds(t,e,o,n){return o.filter(r=>!Ps.includes(r)).filter(r=>{let{supportedChains:s,isContractWallet:a}=e(r),{installed:l,network:p}=t(r);return a&&(!l||!!n&&p!==n)?!1:n?!!s.find(m=>m.name===n):!0}).map(r=>{let{name:s,img:a,installLink:l}=e(r),p=kr(t(r));return{title:s,image:a,link:Kc(l),state:p,type:r}})}i(Ds,"mapWalletTypesToWalletInfo");function Go(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}i(Go,"walletAndSupportedChainsNames");function Fs(t,e,o,n,r){let s=[];function a(p,u){if(!!!s.find(c=>c.chain===p)){let c={address:u,chain:p,walletType:t};s.push(c)}}i(a,"addAccount");let l=n||[];return e.forEach(p=>{let{address:u,network:m}=Xc(p),c=l.length>0,g=l.includes(m),d=m===_s.Unknown;if(c&&!g&&!d)return;let S=m===_s.Unknown&&Jc(u);if(d&&!S)return;o.includes(m)||S?r?a(m,u.toLowerCase()):l.filter(w=>o.includes(w)).forEach(w=>{a(w,u.toLowerCase())}):a(m,u)}),s}i(Fs,"prepareAccountsForWalletStore");function Os(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain;e.includes(n)||e.push(n),e.includes(r)||e.push(r),o.internalSwaps&&Array.isArray(o.internalSwaps)&&o.internalSwaps.forEach(s=>{let a=s.from.blockchain,l=s.to.blockchain;e.includes(a)||e.push(a),e.includes(l)||e.push(l)})}),e}i(Os,"getRequiredChains");function Ho(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}i(Ho,"isAccountAndWalletMatched");function Us(t,e){let{blockChain:o,balances:n=[]}=t;return n?.map(r=>({chain:o,symbol:r.asset.symbol,ticker:r.asset.symbol,address:r.asset.address||null,rawAmount:r.amount.amount,decimal:r.amount.decimals,amount:new Cr(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:em(o,r.asset.symbol,r.asset.address,e)||null}))||[]}i(Us,"makeBalanceFor");function qs(t){return{...t,loading:!1,error:!0}}i(qs,"resetConnectedWalletState");var zs=i(t=>{let e=new Set,n=t?.reduce((s,a)=>s.findIndex(l=>l.address===a.address&&l.chain===a.chain)===-1?[...s,a]:s,[])?.map(s=>{let a={name:s.chain,accounts:[]};return e.has(s.address)||e.add(s.address),e.forEach(l=>{s.address===l&&a.accounts.push(s)}),a}),r=W(n?.flatMap(s=>s.accounts)?.flatMap(s=>s?.balances)?.map(s=>new Cr(s?.amount||We).multipliedBy(s?.usdPrice||0))?.reduce((s,a)=>s.plus(a),We)||We).toString();return Rc(r)},"calculateWalletUsdValue");function Rc(t){let e=t.toString().split(".");return e[0]=e[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),e.join(".")}i(Rc,"numberWithThousandSeparator");var em=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice"),Qo=i((t,e)=>{let o=Yc(Object.entries(t).map(([,n])=>n).filter(Zc));return o&&o[e]?.experimental},"isExperimentalChain");function Vo(t){return t?{...t,amount:W(t.amount,8,8),usdValue:W(t.usdValue,4,4)}:null}i(Vo,"formatBalance");function tm(t,e){return t?.usdValue&&e?.usdValue?parseFloat(e.usdValue)-parseFloat(t.usdValue):!t?.usdValue&&e?.usdValue?1:t?.usdValue&&!e?.usdValue?-1:!t?.usdValue&&!e?.usdValue?parseFloat(e?.amount||"0")-parseFloat(t?.amount||"0"):0}i(tm,"sortTokensByBalance");function om(t,e,o){let n=o(t),r=o(e);return n===r?0:n?-1:1}i(om,"sortTokensByPinnedToken");function Gs(t,e,o){return t.sort((n,r)=>{let s=e(n),a=e(r),l=om(n,r,o);return l!==0?l:tm(s,a)}),t}i(Gs,"sortTokens");function Pe(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}i(Pe,"tokensAreEqual");function Hs(t){return t.sort((e,o)=>+(o.state===Ye.CONNECTED)-+(e.state===Ye.CONNECTED)||+(o.state===Ye.DISCONNECTED||o.state===Ye.CONNECTING)-+(e.state===Ye.DISCONNECTED||e.state===Ye.CONNECTING))}i(Hs,"sortWalletsBasedOnConnectionState");function jo(t,e=8,o=3){if(t.length<2*e+o)return t;let n=t.slice(0,e),r=t.slice(-e);return`${n}${".".repeat(o)}${r}`}i(jo,"getConciseAddress");function Qs({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}i(Qs,"getAddress");function Tr(t){return`${t.blockchain}-${t.symbol}-${t.address??""}`}i(Tr,"createTokenHash");function Xo(t){return t.flatMap(e=>e.balances).reduce((e,o)=>{let n={amount:o?.amount??"",decimals:o?.decimal??0,usdValue:o?.usdPrice?new Cr(o?.usdPrice??We).multipliedBy(o?.amount).toString():""},r=o?Tr({symbol:o.symbol,blockchain:o.chain,address:o.address}):null,s=r?e[r]:null;return r&&(!s||s&&s.amount<n.amount)&&(e[r]=n),e},{})}i(Xo,"makeTokensBalance");var Vs=i((t,e)=>!!t.find(o=>o.chain===e&&o.loading),"isFetchingBalance");var js=i((t,e)=>({_blockchains:[],_tokens:[],_popularTokens:[],_swappers:[],fetchStatus:"loading",blockchains:o=>{let n=e()._blockchains;if(!o||!o?.type)return n;let r=e().config,s=(o.type==="source"?r.from?.blockchains:r.to?.blockchains)??[];return n.filter(l=>!(s.length>0&&!s.includes(l.name)))},tokens:o=>{let n=e()._tokens;if(!o||!o?.type)return n;let r=e().config,s=(o.type==="source"?r.from?.tokens:r.to?.tokens)??[],a=e().blockchains({type:o.type});return n.filter(p=>s.length>0&&!s.some(u=>Pe(u,p))||o.blockchain&&p.blockchain!==o.blockchain||!a.some(u=>u.name===p.blockchain)?!1:o.searchFor?!!(At(p.symbol,o.searchFor)||At(p.address||"",o.searchFor)||At(p.name||"",o.searchFor)):!0).sort((p,u)=>e().isTokenPinned(p,o.type)?-1:e().isTokenPinned(u,o.type)||p.isSecondaryCoin?1:u.isSecondaryCoin||!p.address&&u.address?-1:p.address&&!u.address?1:0)},isTokenPinned:(o,n)=>!!(n==="source"?e().config.from?.pinnedTokens:e().config.to?.pinnedTokens)?.some(a=>Pe(a,o)),swappers:()=>{let{config:{enableNewLiquiditySources:o,liquiditySources:n}}=e();return e()._swappers.filter(a=>{let l=n?.includes(a.swapperGroup);return o||!n||n.length===0?!l:l}).sort(Ls)},fetch:async()=>{try{let o=await Dt().getAllMetadata();t({fetchStatus:"success"});let n=[],r=[],s=o.popularTokens,a=o.swappers,l=new Set;o.tokens.forEach(p=>{l.add(p.blockchain),r.push(p)}),o.blockchains.forEach(p=>{p.enabled&&l.has(p.name)&&n.push(p)}),n.sort((p,u)=>p.sort-u.sort),t({_blockchains:n,_tokens:r,_popularTokens:s,_swappers:a})}catch(o){throw t({fetchStatus:"failed"}),o}}}),"createDataSlice");import{English as nm,French as rm,Japanese as im,Spanish as sm}from"@rango-dev/ui";var Xs=[{title:"English",label:"English",local:"en",SVGFlag:nm},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:sm},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:rm},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:im}],Ot="en";var Ks=[.5,1,3],Ys=1,Js=5,Zs=100,Rs=0;var ea=i((t,e)=>({disabledLiquiditySources:[],theme:"auto",language:Ot,preferredBlockchains:[],slippage:Ys,customSlippage:null,infiniteApprove:!1,affiliateRef:null,affiliatePercent:null,affiliateWallets:null,addPreferredBlockchain:o=>{let n=e().preferredBlockchains;if(n.find((a,l)=>{let p=a===o,u=l<=10-1;return p&&u}))return;let s=n.filter(a=>!(a===o));t(()=>({preferredBlockchains:[o,...s]}))},setSlippage:o=>t(()=>({slippage:o})),setCustomSlippage:o=>t(()=>({customSlippage:o})),setAffiliateRef:o=>t(()=>({affiliateRef:o})),setAffiliatePercent:o=>t(()=>({affiliatePercent:o})),setAffiliateWallets:o=>t(()=>({affiliateWallets:o})),toggleAllLiquiditySources:(o,n)=>t(r=>{if(n)return{disabledLiquiditySources:[]};let s=Ft(o.map(a=>a.swapperGroup));return s.length===r.disabledLiquiditySources.length?{disabledLiquiditySources:[]}:{disabledLiquiditySources:s}}),toggleInfiniteApprove:()=>t(o=>({infiniteApprove:!o.infiniteApprove})),toggleLiquiditySource:o=>t(n=>n.disabledLiquiditySources.includes(o)?{disabledLiquiditySources:n.disabledLiquiditySources.filter(r=>r!=o)}:{disabledLiquiditySources:n.disabledLiquiditySources.concat(o)}),setTheme:o=>t(()=>({theme:o})),setLanguage:o=>t(()=>({language:o})),updateSettings:o=>{let{features:n}=o,r=Le("theme",n),s=Le("language",n),a=Le("liquiditySource",n);t({...r&&{theme:"auto"},...s&&{language:Ot},...a&&{disabledLiquiditySources:[]}})}}),"createSettingsSlice");function ta(t){return am()(lm((...e)=>({...js(...e),...ea(...e),...As(t,...e)}),{name:"user-settings",skipHydration:!0,partialize:e=>({theme:e.theme,language:e.language,affiliatePercent:e.affiliatePercent,affiliateRef:e.affiliateRef,affiliateWallets:e.affiliateWallets,slippage:e.slippage,customSlippage:e.customSlippage,infiniteApprove:e.infiniteApprove,preferredBlockchains:e.preferredBlockchains,disabledLiquiditySources:e.disabledLiquiditySources})}))}i(ta,"createAppStore");var oa=um(null);function f(){let t=cm(oa);if(mm(()=>{t&&!t.persist.hasHydrated()&&t.persist.rehydrate()},[]),!t)throw new Error("Missing AppStoreContext.Provider in the tree");return t()}i(f,"useAppStore");function na(t){let e=dm();return e.current||(e.current=ta(t.config)),pm.createElement(oa.Provider,{value:e.current},t.children)}i(na,"AppStoreProvider");import yt from"bignumber.js";import{create as km}from"zustand";import{subscribeWithSelector as Tm}from"zustand/middleware";import{getLastSuccessfulStep as Sm}from"@rango-dev/queue-manager-rango-preset";import Tk from"bignumber.js";var ft=(r=>(r[r.HIGH_VALUE_LOSS=0]="HIGH_VALUE_LOSS",r[r.UNKNOWN_PRICE=1]="UNKNOWN_PRICE",r[r.INSUFFICIENT_SLIPPAGE=2]="INSUFFICIENT_SLIPPAGE",r[r.HIGH_SLIPPAGE=3]="HIGH_SLIPPAGE",r))(ft||{});function ra(t,e){return e.find(o=>o.name===t)?.displayName}i(ra,"getBlockchainDisplayNameFor");function Je(t,e){return e.find(o=>o.name===t)?.shortName}i(Je,"getBlockchainShortNameFor");function ia(t,e){return e.find(o=>o.id===t)?.swapperGroup}i(ia,"getSwapperDisplayName");function xr(t,e){return e.find(o=>Pe(o,t))??null}i(xr,"findToken");function vr(t,e){return e.find(o=>o.name===t)??null}i(vr,"findBlockchain");import{i18n as Oe}from"@lingui/core";import ve from"bignumber.js";import{PendingSwapNetworkStatus as Zo}from"rango-types";function Ko(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,s=e[e.length-1];n!=s&&e.push(n),s=e[e.length-1],r!=s&&e.push(r)}),e}i(Ko,"getRequiredWallets");function Yo(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}i(Yo,"isValidAddress");import{i18n as fe}from"@lingui/core";var Q=i(()=>({genericServerError:fe.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:fe.t("Please reset your liquidity sources."),description:fe.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources.")},noResultError:{title:fe.t("No Routes Found."),description:fe.t("Reasons why Rango couldn't find a route: low liquidity on token, very low input amount or no routes available for the selected input/output token combination.")},bridgeLimitErrors:{increaseAmount:fe.t("Bridge Limit Error: Please increase your amount."),decreaseAmount:fe.t("Bridge Limit Error: Please decrease your amount.")},highValueLossError:{impactTitle:fe.t("High Price Impact"),title:fe.t("Price impact is too high!"),description:fe.t("The price impact is significantly higher than the allowed amount. If you are sure, continue, otherwise, change the swap."),confirmMessage:fe.t("Confirm high price impact")},quoteUpdatedWithHighValueLoss:{title:fe.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:fe.t("USD Price Unknown"),title:fe.t("USD Price Unknown, Cannot calculate Price Impact."),description:fe.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:fe.t("Confirm USD Price Unknown")}}),"errorMessages");function sa(t){switch(t.type){case 0:return t.diagnosisMessage??Q().noResultError.title;case 1:return Q().genericServerError;default:return""}}i(sa,"getQuoteErrorMessage");import{i18n as Jo}from"@lingui/core";var bt=i(()=>({connectWallet:Jo.t("Connect Wallet"),swap:Jo.t("Swap"),swapAnyway:Jo.t("Swap anyway"),ethWarning:Jo.t("The route goes through Ethereum. Continue?")}),"swapButtonTitles");function aa(t,e){return(parseInt(e.toFixed(2)||"0")<=-10&&t?.gte(new ve(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new ve(1e3)))??!1}i(aa,"hasHighValueLoss");function Ar(t){return(t?.result?.swaps||[]).filter(e=>{let o=e.fromAmountMinValue?new ve(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new ve(e.fromAmountMaxValue):null;return e.fromAmountRestrictionType==="EXCLUSIVE"?o?.gte(e.fromAmount)||n?.lte(e.fromAmount):o?.gt(e.fromAmount)||n?.lt(e.fromAmount)}).length>0}i(Ar,"hasLimitError");function br(t){let e=(t.result?.swaps||[]).filter(l=>{let p=l.fromAmountMinValue?new ve(l.fromAmountMinValue):null,u=l.fromAmountMaxValue?new ve(l.fromAmountMaxValue):null;return l.fromAmountRestrictionType==="EXCLUSIVE"?p?.gte(l.fromAmount)||u?.lte(l.fromAmount):p?.gt(l.fromAmount)||u?.lt(l.fromAmount)})[0],o=e.fromAmountMinValue?new ve(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new ve(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",s="",a="";return!r&&o&&o.gt(e.fromAmount)?(s=Oe.t({id:"Required: >= {min} {symbol}",values:{min:W(o,6,6),symbol:e.from.symbol}}),a=Q().bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(s=Oe.t({id:"Required: > {min} {symbol}",values:{min:W(o,6,6),symbol:e.from.symbol}}),a=Q().bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(s=Oe.t({id:"Required: <= {max} {symbol}",values:{max:W(n,6,6),symbol:e.from.symbol}}),a=Q().bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(s=Oe.t({id:"Required: < {max} {symbol}",values:{max:W(n,6,6),symbol:e.from.symbol}}),a=Q().bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:s,recommendation:a}}i(br,"getLimitErrorMessage");function la(t){let{fetchMetaStatus:e,anyWalletConnected:o,fetchingQuote:n,inputAmount:r,quote:s,warning:a,error:l,needsToWarnEthOnPath:p}=t;return e!=="success"?{title:bt().connectWallet,action:"connect-wallet",disabled:!0}:o?n||!s||!s.result||l||!r||r==="0"?{title:bt().swap,action:"confirm-swap",disabled:!0}:a?{title:bt().swapAnyway,action:"confirm-warning",disabled:!1}:p?{title:bt().ethWarning,action:"confirm-warning",disabled:!1}:{title:bt().swap,action:"confirm-swap",disabled:!1}:{title:bt().connectWallet,action:"connect-wallet",disabled:!1}}i(la,"getSwapButtonState");function Ir(t,e,o){return!((!o||o.lte(We))&&t?.result&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t.result)}i(Ir,"canComputePriceImpact");function fm(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,s=e[e.length-1];n!=s&&e.push(n),s=e[e.length-1],r!=s&&e.push(r)}),e}i(fm,"requiredWallets");var gm=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice");function hm(t,e){let o=We;for(let n=0;n<t.fee.length;n++){let r=t.fee[n];if(r.expenseType==="DECREASE_FROM_OUTPUT")continue;let s=gm(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new ve(r.amount).multipliedBy(s||0))}return o}i(hm,"getUsdFeeOfStep");function Ro(t,e){return t.reduce((o,n)=>o.plus(hm(n,e)),We)}i(Ro,"getTotalFeeInUsd");function Er(t){let e=new Map;return t.result?.swaps.forEach((o,n)=>{o.recommendedSlippage?.error&&e.set(n,o.recommendedSlippage.slippage)}),e.size>0?e:null}i(Er,"checkSlippageErrors");function pa(t,e){let o=new Map;return t.result?.swaps.forEach((n,r)=>{n.recommendedSlippage?.slippage&&parseFloat(n.recommendedSlippage.slippage)>e&&o.set(r,n.recommendedSlippage.slippage)}),o.size>0?o:null}i(pa,"checkSlippageWarnings");function en(t){return t.result?.swaps.map(o=>o.recommendedSlippage)?.map(o=>o?.slippage||"0")?.filter(o=>parseFloat(o)>0)?.sort((o,n)=>parseFloat(n)-parseFloat(o))?.find(()=>!0)||null}i(en,"getMinRequiredSlippage");function ua(t,e){return e?parseFloat(t)>=parseFloat(e):!0}i(ua,"hasProperSlippage");function tn(t){let{fromToken:e,toToken:o,inputAmount:n,wallets:r,selectedWallets:s,disabledLiquiditySources:a,liquiditySources:l,excludeLiquiditySources:p,slippage:u,affiliateRef:m,affiliatePercent:c,affiliateWallets:g,initialQuote:d,destination:T}=t,S=s?.reduce((b,C)=>(b[C.chain]=C.address,b),{}),h=[];r?.forEach(b=>{let C=h.find(v=>v.blockchain===b.chain);C?C.addresses.push(b.address):h.push({blockchain:b.chain,addresses:[b.address]})});let A=!!d,w=Ft((d?.result?.swaps||[]).reduce((b,C)=>(b.push(C.from.blockchain,C.to.blockchain),C.internalSwaps&&Array.isArray(C.internalSwaps)&&C.internalSwaps.map(v=>{b.push(v.from.blockchain,v.to.blockchain)}),b),[]));return{amount:n.toString(),affiliateRef:m??void 0,affiliatePercent:c??void 0,affiliateWallets:g??void 0,checkPrerequisites:A,from:{address:e.address,blockchain:e.blockchain,symbol:e.symbol},to:{address:o.address,blockchain:o.blockchain,symbol:o.symbol},connectedWallets:h,selectedWallets:S??{},slippage:u.toString(),...T&&{destination:T},...p&&{swapperGroups:a.concat(l??[]),swappersGroupsExclude:!0},...!p&&{swapperGroups:l?.filter(b=>!a.includes(b)),swappersGroupsExclude:!1},...A&&{blockchains:w}}}i(tn,"createQuoteRequestBody");function ca(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}i(ca,"getWalletsForNewSwap");function Ut(t){return t.result?.outputAmount||null}i(Ut,"getQuoteOutputAmount");function ma(t,e){return new ve(e).div(new ve(t)).minus(1).multipliedBy(100).toNumber()}i(ma,"getPercentageChange");function da(t,e){let o=Ut(t),n=Ut(e);if(!o||!n)return!1;let r=$e(o,n);return r?r<=-1:!0}i(da,"isOutputAmountChangedALot");function fa(t,e,o){let n=t.validationStatus,r=Os(t);return e.sort((a,l)=>r.indexOf(a.chain)-r.indexOf(l.chain)).flatMap(a=>ka(a,n)||[]).filter(a=>!a.ok).map(a=>{let l=a.asset.symbol,p=W(new ve(a.currentAmount.amount).shiftedBy(-a.currentAmount.decimals),8,8),u=W(new ve(a.requiredAmount.amount).shiftedBy(-a.requiredAmount.decimals),8,8),m="";return a.reason==="FEE"&&(m=Oe.t(" for network fee")),a.reason==="INPUT_ASSET"&&(m=Oe.t(" for swap")),a.reason==="FEE_AND_INPUT_ASSET"&&(m=Oe.t(" for input and network fee")),Oe.t({id:"Needs \u2248 {requiredAmount} {symbol}{reason}, but you have {currentAmount} {symbol} in your {blockchain} wallet.",values:{requiredAmount:u,symbol:l,reason:m,currentAmount:p,blockchain:Je(a.asset.blockchain,o)}})})}i(fa,"generateBalanceWarnings");function ga(t,e){return(t?new ve(t):We).multipliedBy(e||0)}i(ga,"calcOutputUsdValue");function ro(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==Zo.NetworkChanged}i(ro,"isNetworkStatusInWarningState");function ha(t,e){let o="bellow button or",n=t.extraMessage,r=t.extraMessageDetail;if(t.networkStatusExtraMessageDetail?.includes(o)&&(t.networkStatusExtraMessageDetail=t.networkStatusExtraMessageDetail.replace(o,"")),ro(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case Zo.WaitingForConnectingWallet:n=n||Oe.t("Waiting for connecting wallet");break;case Zo.WaitingForQueue:n=n||Oe.t("Waiting for other running tasks to be finished");break;case Zo.WaitingForNetworkChange:n=n||Oe.t("Waiting for changing wallet network");break;default:n=n||"";break}r=r||"",n=n||"";let a=n?.indexOf("code")!==-1&&n?.indexOf("reason")!==-1;return{shortMessage:n,detailedMessage:{content:r,long:a}}}i(ha,"getSwapMessages");function ya(t){let e=null;if(t.status==="failed"){let o=t.steps.slice().reverse().filter(n=>n.status==="success")[0];o&&(e={blockchain:o.toBlockchain,symbol:o.toSymbol,outputAmount:o.outputAmount,address:o.toSymbolAddress})}return e}i(ya,"getLastConvertedTokenInFailedSwap");function Sa(t){return t.status==="failed"&&!!t.finishTime&&new Date().getTime()-parseInt(t.finishTime)<4*3600*1e3}i(Sa,"shouldRetrySwap");function Ca(t,e,o,n,r,s){return t||!e&&!fm(n).every(a=>r.map(l=>l.chain).includes(a))||!!e&&!o||!!e&&!!o&&s&&!Yo(s,o)}i(Ca,"confirmSwapDisabled");function Wr(t,e,o){return o&&t.find(n=>{let r=e?.split("--");return r?.length===1?n.symbol===r[0]&&n.address===null&&n.blockchain===o.name:n.symbol===r?.[0]&&n.address===r?.[1]&&n.blockchain===o.name})||null}i(Wr,"searchParamsToToken");function wa(t){return t?.result?.swaps[t?.result?.swaps.length-1].to.usdPrice}i(wa,"getQuoteToTokenUsdPrice");function Br(t,e){let o=t.result?.swaps||[],n=e.result?.swaps||[];return o.length!==n.length}i(Br,"isNumberOfSwapsChanged");function Nr(t,e){let o=t.result?.swaps.map(r=>r.swapperId)||[],n=e.result?.swaps.map(r=>r.swapperId)||[];return!Sr(o,n)}i(Nr,"isQuoteSwappersUpdated");function Lr(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)}i(Lr,"isQuoteInternalCoinsUpdated");function xa(t,e){return Br(t,e)||Nr(t,e)||Lr(t,e)}i(xa,"isQuoteChanged");function ka(t,e){if(e===null)return null;let o=e?.find(n=>n.blockchain===t.chain)?.wallets.find(n=>n.address?.toLowerCase()===t.address.toLowerCase());return o?o.requiredAssets:null}i(ka,"getRequiredBalanceOfWallet");function at(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}i(at,"getPriceImpactLevel");function va(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],s=Sm(t.steps),a={blockchain:r.toBlockchain,symbol:r.toSymbol,address:r.toSymbolAddress},l=vr(s?s.toBlockchain:n.fromBlockchain,e),p=vr(r.toBlockchain,e),u=xr(s?{blockchain:l?.name??"",symbol:s.toSymbol,address:s.toSymbolAddress}:{blockchain:l?.name??"",symbol:n.fromSymbol,address:n.fromSymbolAddress},o),m=xr(a,o),c=s?s.outputAmount??"":t.inputAmount;return{fromBlockchain:l,fromToken:u,toBlockchain:p,toToken:m,inputAmount:c}}i(va,"createRetryQuote");function on(t,e){let{fromToken:o,toToken:n,tokens:r,userSlippage:s}=e,a=It(o,t.requestAmount),l=It(n,t.result?.outputAmount??"");if(t.result&&a&&l){let m=$e(a.toString(),l.toString());if(!!m&&aa(a,m)){let g=Ro(t.result.swaps,r),d=at(m);return{type:0,inputUsdValue:a,outputUsdValue:l,priceImpact:m,totalFee:g,warningLevel:d}}}else if(t.result&&(!a||!l))return{type:1};let p=en(t),u=s>Js;if(ua(e.userSlippage.toString(),p)){if(u&&parseFloat(p??"0")<s)return{type:3,slippage:s.toString()}}else return{type:2,recommendedSlippages:pa(t,s),minRequiredSlippage:p};return null}i(on,"generateQuoteWarnings");function $e(t,e){let o=typeof e=="string"?parseFloat(e)<=0:!e?.gt(0),n=!t||!e||o?null:ma(t.toString(),e.toString());return n&&n<0?n:null}i($e,"getPriceImpact");var Cm=i(t=>{let e=t;e.use={};for(let o of Object.keys(e.getState()))e.use[o]=()=>e(n=>n[o]);return e},"createSelectors"),ht=Cm;var It=i((t,e)=>t?.usdPrice?new yt(e||We).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),U=ht(km()(Tm(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new yt(0),outputUsdValue:new yt(0),toBlockchain:null,toToken:null,quote:null,quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:"",quoteWarningsConfirmed:!1,setQuote:e=>t(o=>{let n=null,r=We;return no(o.inputAmount)?(e&&(n=e.result?.outputAmount?new yt(e.result?.outputAmount):null,r=ga(e.result?.outputAmount,wa(e)||o.toToken?.usdPrice)),{quote:e,...!!e&&{outputAmount:n,outputUsdValue:r}}):{}}),resetQuote:()=>t(()=>({quote:null,outputAmount:null,outputUsdValue:new yt(0)})),setFromBlockchain:e=>{t(o=>o.fromBlockchain?.name===e?.name?{}:{fromBlockchain:e,...o.fromToken&&{quote:null,fromToken:null,outputAmount:null,outputUsdValue:null}})},setFromToken:e=>t(o=>({fromToken:e.token,...e.token&&{fromBlockchain:e.meta.blockchains.find(n=>n.name===e.token.blockchain)??null},...!!o.inputAmount&&{inputUsdValue:It(e.token,o.inputAmount)}})),setToBlockchain:e=>{t(o=>o.toBlockchain?.name===e?.name?{}:{toBlockchain:e,...o.toToken&&{quote:null,toToken:null,outputAmount:null,outputUsdValue:null}})},setToToken:e=>t(()=>({toToken:e.token,...e.token&&{toBlockchain:e.meta.blockchains.find(o=>o.name===e.token.blockchain)??null}})),setInputAmount:e=>{t(o=>({inputAmount:e,...!e&&{outputAmount:new yt(0),outputUsdValue:new yt(0),quote:null},...!!o.fromToken&&{inputUsdValue:It(o.fromToken,e)}}))},retry:(e,o)=>{let{tokens:n,blockchains:r}=o,{fromBlockchain:s,fromToken:a,toBlockchain:l,toToken:p,inputAmount:u}=va(e,r,n);t({fromBlockchain:s,fromToken:a,inputAmount:u,outputAmount:null,inputUsdValue:It(a??null,u),outputUsdValue:new yt(0),toBlockchain:l,toToken:p,quote:null})},switchFromAndTo:()=>t(e=>({fromBlockchain:e.toBlockchain,fromToken:e.toToken,toBlockchain:e.fromBlockchain,toToken:e.fromToken,inputAmount:e.outputAmount?.toString()||"",inputUsdValue:It(e.toToken,e.outputAmount?.toString()||"")})),resetFromBlockchain:()=>t(()=>({fromToken:null,fromBlockchain:null,outputAmount:null,outputUsdValue:null,quote:null})),resetToBlockchain:()=>t(()=>({toToken:null,toBlockchain:null,outputAmount:null,outputUsdValue:null,quote:null})),setQuoteWalletConfirmed:e=>t({quoteWalletsConfirmed:e}),setSelectedWallets:e=>t({selectedWallets:e}),setCustomDestination:e=>t({customDestination:e}),resetQuoteWallets:()=>t({quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:""}),setQuoteWarningsConfirmed:e=>t({quoteWarningsConfirmed:e})}))));function ba(){let{setInputAmount:t,setToToken:e,setToBlockchain:o,setFromBlockchain:n,setFromToken:r,fromToken:s,toToken:a,fromBlockchain:l,toBlockchain:p}=U(),u=f().config,m=f().fetchStatus,c=f().blockchains(),g=f().tokens(),{setAffiliateRef:d,setAffiliatePercent:T,setAffiliateWallets:S}=f(),h=rn(()=>u?.from?.tokens,[u?.from?.tokens]),A=rn(()=>u?.from?.blockchains,[u?.from?.blockchains]),w=rn(()=>u?.to?.tokens,[u?.to?.tokens]),x=rn(()=>u?.to?.blockchains,[u?.to?.blockchains]),b=sn(void 0),C=sn(void 0),v=sn(void 0),I=sn(void 0);nn(()=>{t(u?.amount?.toString()||"")},[u?.amount]),Aa(()=>{if(m==="success"){let y=c.find(N=>N.name===u?.from?.blockchain),$=g.find(N=>Pe(N,u?.from?.token||null));(y||!y&&v.current)&&n(y??null),$?r({token:$,meta:{blockchains:c,tokens:g}}):!$&&b.current&&r({token:null}),v.current=u?.from?.blockchain,b.current=u?.from?.token}},[u?.from?.token?.symbol,u?.from?.token?.address,u?.from?.token?.blockchain,u?.from?.blockchain,m]),nn(()=>{s&&h&&(h.some(y=>Pe(y,s))||r({token:null})),l&&A&&(A.includes(l.name)||n(null))},[h,A]),nn(()=>{a&&w&&(w.some(y=>Pe(y,a))||e({token:null})),p&&x&&(x.includes(p.name)||o(null))},[w,x]),Aa(()=>{if(m==="success"){let y=c.find(N=>N.name===u?.to?.blockchain),$=g.find(N=>Pe(N,u?.to?.token||null));(y||!y&&I.current)&&o(y??null),$?e({token:$,meta:{blockchains:c,tokens:g}}):!$&&C.current&&e({token:null}),I.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]),nn(()=>{d(u?.affiliate?.ref??null),T(u?.affiliate?.percent??null),S(u?.affiliate?.wallets??null)},[u?.affiliate?.ref,u?.affiliate?.percent,u?.affiliate?.wallets])}i(ba,"useSyncStoresWithConfig");import{useEffect as Am}from"react";import{create as wm}from"zustand";import{subscribeWithSelector as xm}from"zustand/middleware";var z=ht(wm()(xm((t,e)=>({connectedWallets:[],balances:{},customDestination:"",loading:!1,connectWallet:(o,n)=>{let r=e().getWalletsDetails;t(s=>({loading:!0,connectedWallets:s.connectedWallets.filter(a=>a.walletType!==o[0].walletType).concat(o.map(a=>{let l=!s.connectedWallets.find(p=>p.chain===a.chain&&p.selected);return{balances:[],address:a.address,chain:a.chain,explorerUrl:null,walletType:a.walletType,selected:l,loading:!0,error:!1}}))})),r(o,n)},disconnectWallet:o=>{t(n=>{let r=n.connectedWallets.filter(l=>l.selected&&l.walletType!==o).map(l=>l.chain),s=n.connectedWallets.filter(l=>l.walletType!==o).map(l=>r.includes(l.chain)?l:(r.push(l.chain),{...l,selected:!0}));return{balances:Xo(s),connectedWallets:s}})},selectWallets:o=>t(n=>({connectedWallets:n.connectedWallets.map(r=>{let s=!!o.find(l=>l.chain===r.chain&&l.walletType!==r.walletType&&r.selected),a=!!o.find(l=>l.chain===r.chain&&l.walletType===r.walletType&&!r.selected);return s?{...r,selected:!1}:a?{...r,selected:!0}:r})})),clearConnectedWallet:()=>t(()=>({connectedWallets:[],selectedWallets:[]})),getWalletsDetails:async(o,n,r=!0)=>{let s=e().getWalletsDetails;t(a=>({loading:!0,connectedWallets:a.connectedWallets.map(l=>o.find(p=>Ho(p,l))?{...l,loading:!0}:l)}));try{let a=o.map(({address:u,chain:m})=>({address:u,blockchain:m})),p=(await Dt().getWalletsDetails(a)).wallets;if(p)t(u=>{let m=u.connectedWallets.map(g=>{let d=o.find(S=>Ho(S,g)),T=p.find(S=>S.address===g.address&&S.blockChain===g.chain);return T?.failed&&d&&r&&s([d],n,!1),d&&T?{...g,explorerUrl:T.explorerUrl,balances:Us(T,n),loading:!1}:g});return{loading:!1,balances:Xo(m),connectedWallets:m}});else throw new Error("Wallet not found")}catch{t(l=>{let p=l.connectedWallets.map(m=>o.find(c=>Ho(c,m))?qs(m):m);return{loading:!1,balances:Xo(p),connectedWallets:p}})}},getBalanceFor:o=>{let{balances:n}=e(),r=Tr(o);return n[r]??null}}))));import{allProviders as vm}from"@rango-dev/provider-all";function an(t,e){let o=vm({walletconnect2:{WC_PROJECT_ID:e?.walletConnectProjectId||""}});if(t){let n=[];return t.forEach(r=>{if(typeof r=="string"){let s=o.find(a=>a.config.type===r);s?n.push(s):console.warn(`Couldn't find ${r} provider. Please make sure you are passing the correct name.`)}else n.push(r)}),n}return o}i(an,"matchAndGenerateProviders");function Ia(t,e){return an(t,e).map(r=>r.config.type)}i(Ia,"configWalletsToWalletName");function Ea(t,e){let o=z.use.clearConnectedWallet(),n=an(void 0,e);return Am(()=>{o(),n=an(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}i(Ea,"useWalletProviders");var pn=Em({onConnectWallet:()=>{}});function Bm(t){let{updateConfig:e,updateSettings:o,fetch:n}=f(),r=f().blockchains(),s=f().tokens(),a={walletConnectProjectId:t.config?.walletConnectProjectId},{providers:l}=Ea(t.config.wallets,a),{connectWallet:p,disconnectWallet:u}=z(),m=Wm();ba(),Wa(()=>{n().catch(console.log)},[]),Wa(()=>{t.config&&(e(t.config),o(t.config))},[t.config]);let c=r.filter(Im).map(d=>d.name),g=i((d,T,S,h,A)=>{if(T===Pr.ACCOUNTS)if(S){let w=Go(A.supportedBlockchains),x=Fs(d,S,c,w,A.isContractWallet);p(x,s)}else u(d);if(T===Pr.ACCOUNTS&&h.connected){let w=`${d}-${h.network}-${S}`;h.connected&&(m.current?m.current(w):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(T===Pr.NETWORK&&h.network){let w=`${d}-${h.network}`;m.current?m.current(w):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(d,T,S,h,A)},"onUpdateState");return ln.createElement(pn.Provider,{value:{onConnectWallet:d=>{m.current=d}}},ln.createElement(bm,{allBlockChains:r,providers:l,onUpdateState:g,autoConnect:!0},t.children))}i(Bm,"Main");function un(t){let{config:e,...o}=t;return ln.createElement(na,{config:e},ln.createElement(Bm,{...o,config:e}))}i(un,"WidgetWallets");import vs from"react";import{I18nManager as lS}from"@rango-dev/ui";import Lo,{useContext as pS,useEffect as Dc,useState as Fc}from"react";import{useQueueManager as Om}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Um}from"@rango-dev/wallets-react";import{isEvmBlockchain as qm}from"rango-types";import cn,{Fragment as zm}from"react";import{MemoryRouter as Gm,useInRouterContext as Hm}from"react-router";import{useWallets as Lm}from"@rango-dev/wallets-react";import{useEffect as Pm,useRef as $m}from"react";function Ba(){let{connect:t,state:e}=Lm(),o=$m({}),{fetchStatus:n}=f(),r=new URLSearchParams(location.search).get("autoConnect")||"",s=e(r);Pm(()=>{n==="success"&&r&&s.installed&&!s.connecting&&!s.connected&&!o.current[r]&&(o.current[r]=!0,t(r))},[s,n])}i(Ba,"useForceAutoConnect");import{useEffect as $r,useRef as Mr}from"react";import{createSearchParams as _m,useLocation as Dm,useSearchParams as Fm}from"react-router-dom";var _={home:"/",fromSwap:"from-swap",toSwap:"to-swap",blockchains:"blockchains",settings:"settings",liquiditySources:"liquidity-sources",themes:"themes",bridges:"bridges",exchanges:"exchanges",languages:"languages",swaps:"swaps",wallets:"wallets",confirmSwap:"confirm-swap",swapDetails:":requestId"};import{create as Mm}from"zustand";var Ae=ht(Mm()(t=>({connectWalletsButtonDisabled:!1,selectedSwapRequestId:null,currentPage:"",setSelectedSwap:e=>t({selectedSwapRequestId:e}),setCurrentPage:e=>t({currentPage:e})})));function Na(){let t=Mr(!0),[e,o]=Fm(),n=Dm(),r=Mr(n.search),s=Mr({}),a=U.use.fromBlockchain(),l=U.use.toBlockchain(),p=U.use.fromToken(),u=U.use.toToken(),m=U.use.setFromBlockchain(),c=U.use.setFromToken(),g=U.use.setToBlockchain(),d=U.use.setToToken(),T=U.use.inputAmount(),S=U.use.setInputAmount(),h=f().fetchStatus,A=f().blockchains(),w=f().tokens(),x=Ae.use.setSelectedSwap();return $r(()=>{let b={};_m(r.current).forEach((v,I)=>{b[I]=v}),s.current=b;let C=n.pathname.split(_.swaps+"/")[1]||null;C&&x(C)},[]),$r(()=>{if(!t.current){let b="",C="",v="",I="",y="",$=s.current["autoConnect"];h!=="success"?(b=s.current["fromBlockchain"],C=s.current["fromToken"],v=s.current["toBlockchain"],I=s.current["toToken"],y=s.current["fromAmount"]||T):(b=a?.name||"",C=(p?.symbol||"")+(p?.address?`--${p?.address}`:""),v=l?.name||"",I=(u?.symbol||"")+(u?.address?`--${u?.address}`:""),y=T),o({...b&&{["fromBlockchain"]:b},...C&&{["fromToken"]:C},...v&&{["toBlockchain"]:v},...I&&{["toToken"]:I},...y&&{["fromAmount"]:y.toString()},...$&&{["autoConnect"]:$}},{replace:!0})}t.current=!1},[n.pathname,T,a,p,l,u]),$r(()=>{if(h==="success"){let b=e.get("fromBlockchain"),C=e.get("fromToken"),v=e.get("toBlockchain"),I=e.get("toToken"),y=e.get("fromAmount"),$=A.find(M=>M.name===b),N=Wr(w,C,$||null),L=A.find(M=>M.name===v),k=Wr(w,I,L||null);$&&(m($),N&&c({token:N,meta:{blockchains:A,tokens:w}})),L&&(g(L),k&&d({token:k,meta:{blockchains:A,tokens:w}})),y&&S(y)}},[h]),null}i(Na,"UpdateUrl");function La({children:t,...e}){let o=Hm(),n=o?zm:Gm,r=f().blockchains(),{canSwitchNetworkTo:s}=Um();Ba();let a=r.filter(qm);return Om({lastConnectedWallet:e.lastConnectedWallet,clearDisconnectedWallet:e.clearDisconnectedWallet,disconnectedWallet:e.disconnectedWallet,evmChains:a,canSwitchNetworkTo:s}),cn.createElement(cn.Fragment,null,cn.createElement(n,null,t),o&&cn.createElement(Na,null))}i(La,"AppRouter");import Ie from"react";import{useRoutes as oS}from"react-router-dom";import{i18n as Fn}from"@lingui/core";import{useManager as lg}from"@rango-dev/queue-manager-react";import{Alert as Up,Button as qp,css as ki,Divider as pg,IconButton as zp,RefreshIcon as ug,SettingsIcon as cg,styled as Gp,Tooltip as mg,Typography as dg,WalletIcon as fg}from"@rango-dev/ui";import ee,{useEffect as Co,useLayoutEffect as gg,useRef as hg,useState as On}from"react";import{flushSync as yg}from"react-dom";import{useNavigate as Sg}from"react-router-dom";import{i18n as lt}from"@lingui/core";import{Alert as ei,BalanceErrors as lf,Button as Bl,ChevronDownIcon as pf,ChevronLeftIcon as uf,Divider as Qt,MessageBox as cf,Modal as Nl,Typography as En,WalletIcon as mf}from"@rango-dev/ui";import P,{useEffect as df,useLayoutEffect as ff,useRef as gf,useState as Bt}from"react";import{useNavigate as hf}from"react-router-dom";import{i18n as mn}from"@lingui/core";function dn(t){switch(t.type){case 0:return mn.t("Route has been updated.");case 3:return mn.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return mn.t("Route swappers has been updated.");case 2:return mn.t("Route internal coins has been updated.");default:return""}}i(dn,"getQuoteUpdateWarningMessage");import*as zt from"@radix-ui/react-collapsible";import{Button as Vm,css as Pa,darkTheme as qt,IconButton as jm,keyframes as $a,styled as ge,TextField as Xm}from"@rango-dev/ui";var io=300,Km=$a({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),Ym=$a({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),Ma=ge("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),_a=ge("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),Jm=ge("button",{borderRadius:"$xm",padding:"$10",border:"0",display:"flex",justifyContent:"center",$$color:"$colors$neutral100",[`.${qt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",alignItems:"center",cursor:"pointer",width:110,position:"relative","&:hover":{$$color:"$colors$info100",[`.${qt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$color:"$colors$info100",[`.${qt} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color",outline:0},variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary",outlineStyle:"solid"}}}}),Da=ge(Jm,{alignSelf:"stretch",minHeight:"93px"}),Fa=ge(zt.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit"}),Oa=ge("div",{padding:"$20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),Ua=ge(jm,{position:"absolute",left:"$20"}),qa=ge("div",{paddingTop:"$20"}),za=Pa({display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),Ga=ge(zt.Root,{backgroundColor:"$neutral200",borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),Ha=ge(Vm,{width:"100%",borderRadius:"$sm !important",padding:"$15 !important",justifyContent:"space-between",alignItems:"center",$$color:"$colors$neutral100",[`.${qt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color","&:hover":{$$color:"$colors$info100",[`.${qt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$background:"$colors$info100",[`.${qt} &`]:{$$background:"$colors$info700"},backgroundColor:"$$background",outline:0}}),Qa=ge("div",{padding:"$10 $0","& .button__content":{display:"flex",alignItems:"center"},"& .alarms":{paddingTop:"5px"}}),Va=Pa({paddingTop:"5px"}),ja=ge("div",{transition:`all ${io}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),Xa=ge("div",{display:"flex"}),Ka=ge(Xm,{backgroundColor:"$neutral100",padding:"$0 $15 $15 $15"}),fn=ge(zt.Content,{backgroundColor:"$neutral100",overflow:"hidden",variants:{open:{true:{animation:`${Km} ${io}ms ease-out`},false:{animation:`${Ym} ${io}ms ease-out`}}}}),Ya=ge("div",{overflow:"visible",width:"100%"});import{i18n as ze}from"@lingui/core";import{Button as rf,Divider as Zr,Image as sf,MessageBox as In,Modal as Al,SelectableWallet as af,Typography as bl,WalletState as Il}from"@rango-dev/ui";import R,{useEffect as El,useState as ao}from"react";import{WalletState as _r}from"@rango-dev/ui";import{useWallets as Zm}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as Rm,WalletTypes as gn}from"@rango-dev/wallets-shared";import{useEffect as ed,useState as td}from"react";var od=Object.values(gn);function hn(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:s,disconnect:a,getWalletInfo:l,connect:p}=Zm(),{connectedWallets:u}=z(),m=f().blockchains(),c=Ia(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||od,g=Ds(s,l,c,o),d=Hs(g),[T,S]=td(""),h=i(C=>!u.find(v=>v.walletType===C&&v.chain===o),"isExperimentalChainNotAdded"),A=i(async C=>{let v=s(C);try{if(T&&S(""),v.connected)await a(C);else{let I=!!g.find(y=>y.state===_r.CONNECTED);if(!e?.multiWallets&&I)return;n?.(C),await p(C),r?.(C)}}catch(I){S("Error: "+I?.message)}},"handleClick"),w=i(()=>{let C=g?.filter(v=>v.state===_r.CONNECTING)||[];for(let v of C)a(v.type)},"disconnectConnectingWallets");ed(()=>()=>{w()},[]);let x=i(C=>C.filter(I=>I.state!=_r.NOT_INSTALLED&&![gn.DEFAULT,gn.WALLET_CONNECT_2].includes(I.type)&&l(I.type).supportedChains.filter(y=>y.type=="EVM").length>0).length==0,"shouldShowDefaultInjectedWallet"),b=i((C,v,I)=>Qo(I,v)&&h(C)&&!Rm.includes(C)||C==gn.DEFAULT&&!x(g),"shouldExcludeWallet");return{list:d.filter(C=>!b(C.type,o??"",m)),error:T,handleClick:A}}i(hn,"useWalletList");import{i18n as Sl}from"@lingui/core";import{styled as kl,Typography as Yd,Wallet as Jd,WalletState as Zd}from"@rango-dev/ui";import Wt,{Fragment as Rd,useState as Cl}from"react";import{BottomLogo as Ud,Divider as qd,Header as zd}from"@rango-dev/ui";import he from"react";import{useNavigate as nd}from"react-router-dom";function St(){let t=nd();return()=>t(-1)}i(St,"useNavigateBack");import{createTheme as Ur,darkTheme as ld,lightTheme as pd}from"@rango-dev/ui";import{useEffect as Ra,useState as ud}from"react";import{theme as sd,darkColors as ad}from"@rango-dev/ui";var Ja=i((t,e)=>{t=t.replace(/^#/,""),t.length===3&&(t=t[0]+t[0]+t[1]+t[1]+t[2]+t[2]);let[s,a,l]=t.match(/.{2}/g);[s,a,l]=[parseInt(s,16)+e,parseInt(a,16)+e,parseInt(l,16)+e],s=Math.max(Math.min(255,s),0).toString(16),a=Math.max(Math.min(255,a),0).toString(16),l=Math.max(Math.min(255,l),0).toString(16);let p=(s.length<2?"0":"")+s,u=(a.length<2?"0":"")+a,m=(l.length<2?"0":"")+l;return`#${p}${u}${m}`},"colorShade"),yn=i((t,e)=>{let a={[t]:e};for(let l=1;l<10;l++)l<5&&(a={...a,[t+l*100]:Ja(e,(5-l)*25)}),l===5&&(a={...a,[t+l*100]:e}),l>5&&(a={...a,[t+l*100]:Ja(e,-((l-5)*25))});return a},"generateRangeColors"),Dr=i((t,e,o)=>{if(!o||!Object.entries(o).length)return{};let n=!1,r={...t};for(let s in o){let a=o[s];if(a&&a!==t[s])if(n=!0,s==="background"||s==="foreground")r={...r,[s]:a};else if(s==="neutral"&&e){let l=yn(s,a);r={...r,[`${s}100`]:l[`${s}900`],[`${s}200`]:l[`${s}800`],[`${s}300`]:l[`${s}700`],[`${s}400`]:l[`${s}600`],[`${s}500`]:l[`${s}500`],[`${s}600`]:l[`${s}400`],[`${s}700`]:l[`${s}300`],[`${s}800`]:l[`${s}200`],[`${s}900`]:l[`${s}100`]}}else r={...r,...yn(s,a)}}return n?r:{}},"generateColors");var Za=i(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),rd=i(t=>{let e="",o;for(o=Math.abs(t);o>52;o=o/52|0)e=Za(o%52)+e;return Za(o%52)+e},"toAlphabeticName"),id=i((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),Fr=i(t=>rd(id(5381,JSON.stringify(t))>>>0),"toHash");function Or(t){let e=sd.colors,o=Dr({...e,...ad},!0,t?.dark),n=Dr(e,!1,t?.light),r=Object.keys(o).length>0,s=Object.keys(n).length>0,a,l;if(s){let p={colors:n};a={id:`${yr}-light-${Fr(p)}`,tokens:p}}if(r){let p={colors:o};l={id:`${yr}-dark-${Fr(p)}`,tokens:p}}return{light:a,dark:l}}i(Or,"customizedThemeTokens");function Sn(t){let{colors:e,fontFamily:o=Bs,borderRadius:n=Es,secondaryBorderRadius:r=Ws,mode:s="auto"}=t,[a,l]=ud("light"),{setTheme:p,theme:u}=f(),{dark:m,light:c}=Or(e),g=Ur({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),d=[g.className,pd.className],T=[g.className,ld.className];if(c){let h=Ur(c.id,c.tokens);d.push(h.className)}if(m){let h=Ur(m.id,m.tokens);T.push(h.className)}return Ra(()=>{let h=i(A=>{A.matches?l("dark"):l("light")},"switchThemeListener");return window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches&&l("dark"),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",h),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",h)}},[]),Ra(()=>{s!=="auto"&&p(s)},[s]),{activeTheme:i(()=>{let h=d.join(" "),A=T.join(" ");return u==="auto"?a==="dark"?A:h:u==="dark"?A:h},"getActiveTheme")}}i(Sn,"useTheme");import{ChevronLeftIcon as dd}from"@rango-dev/ui";import ol from"react";import{darkTheme as cd,IconButton as md,styled as Cn}from"@rango-dev/ui";var Ue=Cn(md,{width:"$24",position:"relative",padding:"0",overflow:"unset"}),el=Cn("div",{position:"absolute",background:"$secondary500",[`.${cd} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),Gt=Cn("div",{display:"flex",justifyContent:"flex-end",width:"$40"}),tl=Cn("div",{position:"absolute",backgroundColor:"$secondary500",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0"});function qr(t){return ol.createElement(Ue,{variant:"ghost",size:"small",onClick:t.onClick},ol.createElement(dd,{color:"black",size:16}))}i(qr,"BackButton");import{i18n as fd}from"@lingui/core";import{Button as gd,Typography as hd}from"@rango-dev/ui";import zr from"react";function Gr(t){return zr.createElement(Gt,null,zr.createElement(gd,{variant:"ghost",onClick:t.onClick,size:"xsmall"},zr.createElement(hd,{variant:"label",size:"medium",color:"error500"},fd.t("Cancel"))))}i(Gr,"CancelButton");import{i18n as yd}from"@lingui/core";import{Tooltip as Sd,WalletIcon as Cd}from"@rango-dev/ui";import kn from"react";function Hr(t){return kn.createElement(Sd,{container:t.container,side:"top",content:yd.t("Connect Wallet")},kn.createElement(Ue,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&kn.createElement(el,null),kn.createElement(Cd,{size:18,color:"black"})))}i(Hr,"WalletButton");import{i18n as xn}from"@lingui/core";import{NotificationsIcon as $d,Popover as Md,RefreshIcon as _d,SettingsIcon as Dd,Tooltip as vn,TransactionIcon as Fd}from"@rango-dev/ui";import ce from"react";import{i18n as Id}from"@lingui/core";import{ChainToken as ll,ChevronRightIcon as Ed,ListItemButton as Wd,Typography as Bd}from"@rango-dev/ui";import qe from"react";import{useNavigate as Nd}from"react-router-dom";import{create as kd}from"zustand";import{persist as Td,subscribeWithSelector as wd}from"zustand/middleware";var Me=ht(kd()(Td(wd((t,e)=>({notifications:[],setNotification:(o,n)=>{let r=n.steps[0],s=n.steps[n.steps.length-1],a={event:o,creationTime:Date.now(),read:!1,requestId:n.requestId,route:{from:{blockchain:r.fromBlockchain,tokenAddress:r.fromSymbolAddress,tokenSymbol:r.fromSymbol},to:{blockchain:s.toBlockchain,tokenSymbol:s.toSymbol,tokenAddress:s.toSymbolAddress}}},l=e().notifications.filter(p=>p.requestId!==n.requestId);t(()=>({notifications:[...l,a]}))},setAsRead:o=>{t(n=>({notifications:n.notifications.map(r=>r.requestId===o?{...r,read:!0}:r)}))},getUnreadNotifications:()=>e().notifications.filter(o=>!o.read)})),{name:"notification",skipHydration:!0})));import{styled as Tn}from"@rango-dev/ui";var nl=Tn("div",{padding:"$10",width:"350px",minHeight:"150px"}),rl=Tn("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),il=Tn("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),sl=Tn("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as xd}from"@lingui/core";import{Divider as vd,NoNotificationIcon as Ad,Typography as bd}from"@rango-dev/ui";import wn from"react";function al(){return wn.createElement(sl,null,wn.createElement(Ad,{color:"secondary",size:26}),wn.createElement(vd,{size:12}),wn.createElement(bd,{variant:"body",size:"medium",color:"neutral700"},xd.t("You have no notification")))}i(al,"NotificationNotFound");var Ld=4;function Qr(){let t=Nd(),e=Ae.use.setSelectedSwap(),{getUnreadNotifications:o}=Me(),n=o(),r=f().blockchains(),s=f().tokens(),a=n.sort((p,u)=>u.creationTime-p.creationTime).slice(0,Ld),l=i(p=>{e(p),t(`${_.swaps}/${p}`)},"handleOnClick");return qe.createElement(nl,null,a.length?qe.createElement(rl,null,a.map(p=>{let u=s.find(d=>d.address===p.route.from.tokenAddress&&d.blockchain===p.route.from.blockchain&&d.symbol===p.route.from.tokenSymbol),m=r.find(d=>d.name===p.route.from.blockchain),c=s.find(d=>d.address===p.route.to.tokenAddress&&d.blockchain===p.route.to.blockchain&&d.symbol===p.route.to.tokenSymbol),g=r.find(d=>d.name===p.route.to.blockchain);return qe.createElement(Wd,{key:p.requestId,onClick:()=>l(p.requestId),title:qe.createElement(Bd,{variant:"body",size:"small",color:"$neutral700"},Id.t(p.event.message)),id:p.requestId,start:qe.createElement(il,null,qe.createElement("div",{className:"from-chain-token"},qe.createElement(ll,{tokenImage:u?u.image:"",chainImage:m?m.logo:"",size:"small"})),qe.createElement("div",{className:"to-chain-token"},qe.createElement(ll,{tokenImage:c?c.image:"",chainImage:g?g.logo:"",size:"small"}))),end:qe.createElement(Ed,{size:12,color:"gray"})})})):qe.createElement(al,null))}i(Qr,"NotificationContent");import{Typography as Pd}from"@rango-dev/ui";import pl from"react";function ul(){let{getUnreadNotifications:t}=Me(),e=t().length;return e?pl.createElement(tl,null,pl.createElement(Pd,{variant:"body",size:"xsmall",color:"$background"},e)):null}i(ul,"UnreadNotificationsBadge");function Vr(t){let{layoutRef:e,onClickRefresh:o,onClickHistory:n,onClickSettings:r,onClickNotifications:s}=t,{config:{features:a}}=f(),l=Le("notification",a);return ce.createElement(ce.Fragment,null,ce.createElement(vn,{container:O(),side:"top",content:xn.t("Refresh")},ce.createElement(Ue,{variant:"ghost",size:"small",onClick:o,disabled:!o},ce.createElement(_d,{size:16,color:o?"black":"gray"}))),!l&&ce.createElement(vn,{container:O(),side:"top",content:xn.t("Notifications")},ce.createElement(Md,{align:"center",collisionBoundary:e,collisionPadding:{right:20,left:20},container:O(),content:ce.createElement(Qr,null)},ce.createElement(Ue,{size:"small",variant:"ghost",onClick:s},ce.createElement($d,{size:18,color:"black"}),ce.createElement(ul,null)))),ce.createElement(vn,{container:O(),side:"top",content:xn.t("Settings")},ce.createElement(Ue,{size:"small",variant:"ghost",onClick:r},ce.createElement(Dd,{size:18,color:"black"}))),ce.createElement(vn,{container:O(),side:"top",content:xn.t("Transactions History")},ce.createElement(Ue,{size:"small",variant:"ghost",onClick:n},ce.createElement(Fd,{size:18,color:"black"}))))}i(Vr,"HomeButtons");import{darkTheme as Od,styled as jr}from"@rango-dev/ui";var cl=jr("div",{position:"relative",display:"flex",flexDirection:"column",borderRadius:"$primary",overflow:"hidden !important",boxShadow:"15px 15px 15px 0px rgba(0, 0, 0, 0.05)",width:"100vw",minWidth:"300px",maxWidth:"390px",maxHeight:"700px",textAlign:"left",$$color:"$colors$neutral100",[`.${Od} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",variants:{fixedHeight:{true:{height:"100vh"},false:{height:"auto !important"}}}}),ml=jr("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"}}}}),dl=jr("div",{backgroundColor:"$background","& .footer__content":{padding:"$0 $20"},"& .footer__logo":{padding:"$0 $20 $10 $20"}});function Gd(t,e){let{children:o,header:n,footer:r,noPadding:s,hasLogo:a=!0,fixedHeight:l=!0}=t,p=z.use.connectedWallets(),{config:{features:u,theme:m}}=f(),{activeTheme:c}=Sn(m||{}),g=Le("connectWalletButton",u),d=Ae.use.connectWalletsButtonDisabled(),T=St(),S=i(()=>{!d&&n.onWallet&&n.onWallet()},"onConnectWallet"),h=typeof n.hasBackButton>"u"||n.hasBackButton;return he.createElement(cl,{ref:e,fixedHeight:l,id:Te,className:c()},he.createElement(zd,{prefix:he.createElement(he.Fragment,null,h&&he.createElement(qr,{onClick:T})),title:n.title,suffix:he.createElement(he.Fragment,null,n.suffix,n.onWallet&&!g&&he.createElement(Hr,{container:O(),onClick:S,isConnected:!!p?.length}),n.onCancel&&he.createElement(Gr,{onClick:n.onCancel}))}),he.createElement(ml,{noPadding:s},o),(a||r)&&he.createElement(dl,null,he.createElement("div",{className:"footer__content"},r),a&&he.createElement("div",{className:"footer__logo"},he.createElement(qd,{size:12}),he.createElement(Ud,null))))}i(Gd,"LayoutComponent");var X=he.forwardRef(Gd);X.displayName="Layout";import{Divider as Xd,Modal as Kd}from"@rango-dev/ui";import Kr from"react";import{i18n as Ht}from"@lingui/core";import{Image as Vd,MessageBox as Xr,WalletState as jd}from"@rango-dev/ui";import Et from"react";import{keyframes as Hd,styled as An}from"@rango-dev/ui";var mv=An("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),fl=An("div",{position:"relative"}),Qd=Hd({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),gl=An("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Qd} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),hl=An("div",{"& img":{borderRadius:"50%"}});function yl(t){let{state:e,image:o,error:n}=t;return e===jd.CONNECTED?Et.createElement(Xr,{type:"success",title:Ht.t("Wallet Connected"),description:Ht.t("Your wallet is connected, you can use it to swap.")}):n?Et.createElement(Xr,{type:"error",title:Ht.t("Failed to Connect"),description:n||Ht.t("Your wallet is not connected. Please try again.")}):Et.createElement(Xr,{type:"loading",title:Ht.t("Connecting to your wallet"),description:Ht.t("Click connect in your wallet popup."),icon:Et.createElement(fl,null,Et.createElement(hl,null,Et.createElement(Vd,{src:o,size:45})),Et.createElement(gl,null))})}i(yl,"ModalContent");function so(t){let{open:e,onClose:o,...n}=t;return Kr.createElement(Kd,{open:e,onClose:o,container:document.getElementById(Te)||document.body},Kr.createElement(yl,{...n}),Kr.createElement(Xd,{direction:"vertical",size:32}))}i(so,"WalletModal");var ef=kl("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),tf=kl("div",{textAlign:"center"}),bn=3e3,Yr=300;function Tl(){let{config:t,fetchStatus:e}=f(),[o,n]=Cl(!1),[r,s]=Cl(""),a=null,{list:l,handleClick:p,error:u}=hn({config:t,onBeforeConnect:d=>{a=setTimeout(()=>{n(!0),s(d)},Yr)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},bn)}}),m=l.find(d=>d.type===r),c=m?.image||"",g=m?.state||Zd.NOT_INSTALLED;return Wt.createElement(X,{header:{title:Sl.t("Connect Wallets")}},Wt.createElement(tf,null,Wt.createElement(Yd,{variant:"title",size:"xmedium",align:"center"},Sl.t("Choose a wallet to connect.")),Wt.createElement(ef,null,l.map((d,T)=>{let S=`wallet-${T}-${d.type}`;return Wt.createElement(Rd,{key:S},Wt.createElement(Jd,{...d,container:O(),onClick:h=>{p(h)},isLoading:e==="loading"}))}),Wt.createElement(so,{open:!!o,onClose:()=>n(!1),image:c,state:g,error:u}))))}i(Tl,"WalletsPage");import{keyframes as of,styled as Jr}from"@rango-dev/ui";var wl=Jr("div",{position:"relative"}),nf=of({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),xl=Jr("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${nf} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),vl=Jr("div",{"& img":{borderRadius:"50%"}});function Rr(t){let{chain:e,isSelected:o,selectWallet:n,limit:r,onShowMore:s}=t,{config:a}=f(),l=z.use.connectedWallets(),{blockchains:p}=f(),[u,m]=ao(""),[c,g]=ao(null),[d,T]=ao(!1),[S,h]=ao(null),{suggestAndConnect:A}=Wl(),w=null,{list:x,error:b,handleClick:C}=hn({config:a,chain:e,onBeforeConnect:k=>{w=setTimeout(()=>{m(k)},Yr)},onConnect:()=>{w&&clearTimeout(w),setTimeout(()=>{m("")},bn)}}),[v,I]=ao(x),y=x.length,$=r&&y-r>0,N=i(async k=>{T(!1),h("in-progress");try{await A(k.walletType,k.chain),h("completed")}catch{h("rejected")}},"addExperimentalChain");El(()=>{I(k=>{let M=x.findIndex(E=>o(E.type,e));return $&&M>1?[x[M]].concat(x.filter((E,G)=>G!==M)):k.map(E=>x.find(G=>G.type===E.type)??E)})},[JSON.stringify(x)]);let L=document.getElementById(Te);return El(()=>{let k=null;return(S==="completed"||S==="rejected")&&(k=setTimeout(()=>h(null),bn)),()=>{k&&clearTimeout(k)}},[S]),R.createElement(R.Fragment,null,v.slice(0,r).map(k=>{let M=Qs({connectedWallets:l,walletType:k.type,chain:e}),E=M?jo(M):"",G=Qo(p(),e),J=!l.find(Se=>Se.walletType===k.type&&Se.chain===e),te=G&&J&&k.state===Il.CONNECTED,H=te?ze.t({id:"Add {chain} chain",values:{chain:e}}):E,re=i(()=>{k.state===Il.DISCONNECTED?C(k.type):te?(g({walletType:k.type,chain:e,address:M??""}),T(!0)):n({walletType:k.type,chain:e,address:M??""})},"onClick"),ye=c?.chain?ra(c.chain,p()):void 0;return R.createElement(R.Fragment,null,R.createElement(so,{open:u===k.type,onClose:()=>m(""),image:k.image,state:k.state,error:b}),!!c&&R.createElement(Al,{open:!!c&&d,container:L,onClose:()=>{g(null)}},R.createElement(In,{title:ze.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:ye}}),type:"warning",description:ze.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:ye}})},R.createElement(Zr,{size:18}),R.createElement(Zr,{size:32}),R.createElement(rf,{onClick:N.bind(null,c),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},ze.t("Confirm")))),S&&R.createElement(Al,{open:!!S,onClose:h.bind(null,null),container:L},S==="in-progress"&&R.createElement(In,{type:"loading",title:ze.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:ye}}),description:ze.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:ye}}),icon:R.createElement(wl,null,R.createElement(vl,null,R.createElement(sf,{src:k.image,size:45})),R.createElement(xl,null))}),S==="completed"&&R.createElement(In,{type:"success",title:ze.t({id:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:ye}}),description:ze.t({id:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:ye}})}),S==="rejected"&&R.createElement(In,{type:"error",title:ze.t("Request Rejected"),description:ze.t({id:"You've rejected adding {blockchainDisplayName} chain to your wallet.",values:{blockchainDisplayName:ye}})}),R.createElement(Zr,{direction:"vertical",size:32})),R.createElement(af,{key:k.type,description:H,onClick:re,selected:o(k.type,e),...k}))}),$&&R.createElement(Da,{selected:!1,onClick:s},R.createElement(bl,{variant:"label",size:"medium"},ze.t("Show more wallets"),R.createElement(bl,{variant:"label",size:"medium",color:"$primary"},"\xA0+",y-(r??0)))))}i(Rr,"WalletList");var yf=2;function Ll(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,loading:s}=t,a=f().config,l=f().blockchains(),{quote:p,setSelectedWallets:u,quoteWalletsConfirmed:m,setQuoteWalletConfirmed:c,customDestination:g,setCustomDestination:d}=U(),{connectedWallets:T,selectWallets:S}=z(),[h,A]=Bt(""),[w,x]=Bt([]),[b,C]=Bt(""),[v,I]=Bt(null),[y,$]=Bt(g),[N,L]=Bt(!!g),k=gf(null),M=Ko(p),E=l.find(D=>D.name===p?.result?.swaps[p?.result?.swaps.length-1].to.blockchain),G=i(D=>!!p?.result?.swaps.find(Y=>Y.from.blockchain===D),"isWalletRequiredFor"),[J,te]=Bt(T.filter(D=>D.selected&&M.includes(D.chain))),H=l.find(D=>D.name===E?.name),re=i((D,Y)=>!!J.find(j=>j.walletType===D&&j.chain===Y&&j.selected&&(G(Y)||!G(Y)&&!y)),"isSelected"),ye=!!y&&N&&H&&!Yo(H,y),Se=i(()=>{L(!1),$(""),te(D=>{let Y=!1;return D.map(j=>!Y&&j.chain===E?.name?(Y=!0,{...j,selected:!0}):j)})},"resetCustomDestination"),Ce=i(D=>{if(h&&A(""),re(D.walletType,D.chain))return;let j=T.find(Ee=>Ee.walletType===D.walletType&&Ee.chain===D.chain);j&&(n(),D.chain===E?.name&&N&&(L(!1),$("")),te(Ee=>Ee.filter(ue=>ue.chain!==D.chain).concat({...j,selected:!0})))},"onChange"),Mt=i(()=>{let D=J.filter(Y=>Y.selected);S(D),u(D),d(y),c(!0),o()},"onConfirmBalance"),oo=i(async()=>{x([]),C(""),I(null);let D=T.filter(Ee=>J.find(ue=>ue.chain===Ee.chain&&ue.walletType===Ee.walletType)),Y=await r?.({selectedWallets:D,customDestination:y}),j=Y.warnings;j?.balance?.messages&&x(j.balance.messages),j?.quoteUpdate&&I(j.quoteUpdate),Y.error&&C(sa(Y.error)),!Y.error&&(!j?.balance?.messages.length||0>0)?Mt():x(j?.balance?.messages??[])},"onConfirmWallets");df(()=>{te(D=>D.concat(T.filter(Y=>!!!D.find(Ee=>Ee.chain===Y.chain)&&Y.selected&&M.includes(Y.chain))))},[T.length]),ff(()=>{N&&k.current&&setTimeout(()=>{k?.current?.scrollIntoView({behavior:"smooth"})},io)},[N]);let it=document.getElementById(Te),Xe=hf();return P.createElement(Nl,{open:e,onClose:()=>{m||Xe("../",{replace:!0}),o()},dismissible:!h,container:it,...!h&&{footer:P.createElement(Xa,null,P.createElement(Bl,{loading:s,disabled:Ca(s,N,y,p,J,E),onClick:oo,variant:"contained",type:"primary",fullWidth:!0,size:"large"},"Confirm"))},...h&&{containerStyle:{padding:"$0"},header:P.createElement(Oa,null,P.createElement(Ua,{variant:"ghost",onClick:A.bind(null,"")},P.createElement(uf,{size:16})),P.createElement(En,{variant:"headline",size:"small"},lt.t({id:"Your {blockchainName} wallets",values:{blockchainName:Je(h,l)}})))},anchor:"center"},P.createElement(Nl,{open:w.length>0,onClose:x.bind(null,[]),container:it},P.createElement(cf,{title:lt.t("Insufficient account balance"),type:"error",description:P.createElement(lf,{messages:w??[]})},P.createElement(Bl,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:Mt},lt.t("Proceed anyway")))),h&&P.createElement(qa,null,P.createElement("div",{className:za()},P.createElement(Rr,{chain:h,isSelected:re,selectWallet:Ce,onShowMore:A.bind(null,h)}))),!h&&P.createElement(P.Fragment,null,b&&P.createElement(P.Fragment,null,P.createElement(ei,{variant:"alarm",type:"error",title:lt.t(b)}),P.createElement(Qt,{size:12})),v&&P.createElement(P.Fragment,null,P.createElement(ei,{variant:"alarm",type:"warning",title:dn(v)}),P.createElement(Qt,{size:12})),P.createElement(Ya,null,M.map((D,Y)=>{let j=l.find(de=>de.name===D),Ee=`wallet-${Y}`,ue=Y===M.length-1;return P.createElement("div",{key:Ee},P.createElement(Ma,null,P.createElement(En,{variant:"title",size:"xmedium"},lt.t({id:"Your {blockchainName} wallets",values:{blockchainName:j?.shortName}})),P.createElement(En,{variant:"label",color:"$neutral700",size:"medium"},lt.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:j?.shortName}}))),P.createElement(Qt,{size:24}),P.createElement(_a,null,P.createElement(Rr,{chain:D,isSelected:re,selectWallet:Ce,limit:yf,onShowMore:()=>A(j?.name??"")})),!ue&&P.createElement(Qt,{size:32}),ue&&a?.customDestination&&P.createElement(Qa,null,P.createElement(Ga,{ref:k,selected:N,open:N,onOpenChange:de=>{de?G(E?.name??"")||te($o=>$o.map(st=>st.chain===E?.name?{...st,selected:!1}:st)):Se()}},P.createElement(Fa,{onClick:()=>L(de=>!de)},P.createElement(Ha,{fullWidth:!0,variant:"default",suffix:P.createElement(ja,{orientation:N?"up":"down"},P.createElement(pf,{size:10,color:"gray"}))},P.createElement("div",{className:"button__content"},P.createElement(mf,{size:18,color:"info"}),P.createElement(Qt,{size:4,direction:"horizontal"}),P.createElement(En,{variant:"label",size:"medium"},lt.t("Send to a different address"))))),P.createElement(fn,{open:N},P.createElement(P.Fragment,null,P.createElement(Qt,{size:4}),P.createElement(Ka,{autoFocus:!0,placeholder:lt.t("Your destination address"),value:y,onChange:de=>{$(de.target.value)}})))),ye&&P.createElement("div",{className:Va()},P.createElement(ei,{variant:"alarm",type:"error",title:lt.t({values:{destination:y},id:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}i(Ll,"ConfirmWalletsModal");import{Divider as ng}from"@rango-dev/ui";import _e from"react";import{i18n as ai}from"@lingui/core";import{Alert as Tf,ChevronDownIcon as wf,ChevronRightIcon as xf,Divider as li,Image as Jl,InfoIcon as vf,QuoteCost as Af,StepDetails as bf,TokenAmount as If,Tooltip as Nn,Typography as uo}from"@rango-dev/ui";import Zl from"bignumber.js";import B,{useLayoutEffect as Ef,useRef as Rl,useState as Wf}from"react";import{styled as lo}from"@rango-dev/ui";var Pl=lo("div",{paddingBottom:"$10"}),ti=lo("div",{width:"100%","& .position-top__skeleton":{paddingTop:"$10"}}),$l=lo("div",{variants:{paddingTop:{true:{paddingTop:"$10"}}}}),Ml=lo("div",{paddingBottom:"$15"}),_l=lo("div",{width:"100%",display:"flex"});import*as Wn from"@radix-ui/react-collapsible";import{css as oi,darkTheme as Ze,Image as Dl,styled as Ge,Typography as Sf}from"@rango-dev/ui";var ni=300,Fl=Ge(Wn.Root,{display:"flex",flexDirection:"column",alignItems:"start",overflowX:"auto",overflowY:"hidden",width:"100%",borderRadius:"$xm",cursor:"default",variants:{recommended:{true:{$$color:"$colors$info300",[`.${Ze} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"},false:{$$color:"$colors$neutral400",[`.${Ze} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}}}}),Ol=oi({padding:"$10 $15"}),Ul=Ge("div",{borderRadius:"$xm",display:"flex",flexDirection:"column",alignItems:"start",justifyContent:"space-between",color:"$foreground",cursor:"pointer",boxSizing:"border-box",position:"relative",variants:{recommended:{true:{$$color:"$colors$info100",[`.${Ze} &`]:{$$color:"$colors$secondary600"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}},false:{$$color:"$colors$neutral200",[`.${Ze} &`]:{$$color:"$colors$neutral500"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}}},basic:{true:{borderTopRightRadius:"0",borderTopLeftRadius:"0"}},listItem:{true:{},false:{}}},compoundVariants:[{listItem:!0,recommended:!0,css:{"&:hover":{$$color:"$colors$secondary200",[`.${Ze} &`]:{$$color:"$colors$secondary700"},backgroundColor:"$$color"}}},{listItem:!0,recommended:!1,css:{"&:hover":{$$color:"$colors$neutral300",[`.${Ze} &`]:{$$color:"$colors$neutral400"},backgroundColor:"$$color"}}}]}),ql=oi({width:"100%",padding:"$15 $15 $10 $15",cursor:"default"}),zl=oi({paddingTop:"$10",display:"flex",alignItems:"center",".usd-value":{$$color:"$colors$neutral600",[`.${Ze} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Gl=Ge(Wn.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:{[`& ${Dl}`]:{border:"1px $warning500 solid",borderRadius:"100%"}},false:{[`& ${Dl}`]:{border:"1px transparent solid",borderRadius:"100%"}}},recommended:{true:{$$color:"$colors$info300",[`.${Ze} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"},false:{$$color:"$colors$neutral400",[`.${Ze} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}}},"& div:nth-child(1)":{display:"flex"}}),ri=Ge("div",{width:"18px",height:"18px",borderRadius:"100%",border:"1.5px transparent solid",display:"flex",justifyContent:"center",alignItems:"center",variants:{state:{error:{borderColor:"$error500"},warning:{borderColor:"$warning500"}}}}),Hl=Ge(fn,{width:"100%",background:"inherit"}),ii=Ge("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$2",transition:`all ${ni}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),xA=Ge("div",{height:"$12",marginLeft:"$10",marginRight:"$10",borderLeft:"1px solid $foreground"}),Ql=Ge("div",{display:"flex",justifyContent:"center",margin:"0 $15",borderTop:"1px solid",$$color:"$colors$neutral300",[`.${Ze} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color"}),Vl=Ge("div",{width:"$16",height:"$16",justifyContent:"center",alignItems:"center",display:"flex"}),si=Ge(Sf,{overflow:"hidden",textOverflow:"ellipsis",letterSpacing:.4}),jl=Ge("div",{display:"flex",flexWrap:"wrap"});import{TokenAmount as Yl}from"@rango-dev/ui";import Bn from"react";import{css as Cf,styled as kf}from"@rango-dev/ui";var Xl=kf("div",{position:"relative",display:"flex",flexDirection:"column",width:"100%"}),Kl=Cf({height:"14px",marginLeft:"14px",position:"absolute",borderLeft:"1px solid $foreground",top:"42%"});function po(t){let{from:e,to:o,percentageChange:n,warningLevel:r}=t;return Bn.createElement(Xl,null,Bn.createElement(Yl,{direction:"horizontal",label:"Swap input",type:"input",tooltipContainer:O(),price:{value:e.price.value,usdValue:e.price.usdValue,realValue:e.price.realValue,realUsdValue:e.price.realUsdValue},token:{displayName:e.token.displayName,image:e.token.image},chain:{image:e.chain.image}}),Bn.createElement("div",{className:Kl()}),Bn.createElement(Yl,{direction:"horizontal",label:"Estimated output",tooltipContainer:O(),type:"output",price:{value:o.price.value,usdValue:o.price.usdValue,realValue:o.price.realValue,realUsdValue:o.price.realUsdValue},token:{displayName:o.token.displayName,image:o.token.image},chain:{image:o.chain.image},percentageChange:n,warningLevel:r}))}i(po,"QuoteSummary");function pi(t){let{quote:e,input:o,output:n,error:r,warning:s,type:a,recommended:l=!0}=t,p=f().tokens(),u=f().blockchains(),m=f().swappers(),[c,g]=Wf(t.expanded),d=Rl(null),T=Rl(c),S=W(Ro(e.result?.swaps??[],p),2,2),h=Oo(Uo(e.result?.swaps)),A=W(o.value,6,6),w=W(n.value,6,6),x=n.usdValue?W(n.usdValue,4,4):"",b=$e(o.usdValue,n.usdValue??null),C=W(b,2,2),v=at(b??0),y=i(L=>L.map((k,M)=>{let E,G=r?.type===3&&r.swap.swapperId===k.swapperId||r?.type===4&&r.recommendedSlippages?.has(M),J=s?.type===2&&s.recommendedSlippages?.has(M);return G?E="error":J&&(E="warning"),{swapper:{displayName:ia(k.swapperId,m),image:k.swapperLogo},from:{token:{displayName:k.from.symbol,image:k.from.logo},chain:{displayName:Je(k.from.blockchain,u),image:k.from.blockchainLogo},price:{value:M===0?W(o.value,6,6):W(k.fromAmount,6,6),usdValue:W((k.from.usdPrice??0)*parseFloat(k.fromAmount),4,4),realValue:se(M===0?o.value:k.fromAmount),realUsdValue:se(new Zl(k.from.usdPrice??0).multipliedBy(k.fromAmount))}},to:{token:{displayName:k.to.symbol,image:k.to.logo},chain:{displayName:Je(k.to.blockchain,u),image:k.to.blockchainLogo},price:{value:W(k.toAmount,6,6),usdValue:W((k.to.usdPrice??0)*parseFloat(k.toAmount),4,4),realValue:se(k.toAmount),realUsdValue:se(new Zl(k.to.usdPrice??0).multipliedBy(k.toAmount))}},state:E,alerts:G||J?B.createElement(Ml,null,B.createElement(Tf,{type:G?"error":"warning",title:r?.type===3?r?.recommendation:ai.t("Slippage Error:"),footer:B.createElement(_l,null,r?.type===3&&B.createElement(B.Fragment,null,B.createElement(uo,{size:"xsmall",variant:"body",color:"neutral900"},r.fromAmountRangeError),B.createElement(li,{direction:"horizontal",size:8}),B.createElement(uo,{size:"xsmall",variant:"body",color:"neutral900"},"|"),B.createElement(li,{direction:"horizontal",size:8}),B.createElement(uo,{size:"xsmall",variant:"body",color:"neutral900"},ai.t({id:"Yours: {amount} {symbol}",values:{amount:W(k.fromAmount,6,6),symbol:k?.from.symbol}}))),(r?.type===4||s?.type===2)&&B.createElement(uo,{size:"xsmall",variant:"body",color:"neutral900"},ai.t({id:"Minimum required slippage is {minRequiredSlippage}",values:{...r?.type===4&&{minRequiredSlippage:r.recommendedSlippages?.get(M)},...s?.type===2&&{minRequiredSlippage:s.recommendedSlippages?.get(M)}}})))})):void 0}}),"getQuoteSteps")(e.result?.swaps??[]),$=y.length,N=O();return Ef(()=>{c&&!T.current&&d.current&&setTimeout(()=>{d?.current?.scrollIntoView({behavior:"smooth"})},ni),T.current=c},[c,T]),B.createElement(B.Fragment,null,B.createElement(Ul,{recommended:l,listItem:a==="list-item",basic:a==="basic"},B.createElement("div",{className:ql()},B.createElement(Af,{fee:S,time:h,steps:$}),a==="basic"&&B.createElement("div",{className:zl()},B.createElement(Vl,null,B.createElement(vf,{size:12,color:"gray"})),B.createElement(jl,null,B.createElement(si,{size:"small",variant:"body"},`${A} ${y[0].from.token.displayName} = `),B.createElement(Nn,{content:se(n.value),container:N,open:n.value?void 0:!1},B.createElement(si,{size:"small",variant:"body"},"\xA0",`${w} ${y[y.length-1].to.token.displayName}`))),B.createElement(Nn,{content:se(n.usdValue),container:N,style:{display:"flex"}},B.createElement(uo,{color:"$neutral600",ml:2,size:"xsmall",variant:"body"},`($${x})`))),a==="list-item"&&B.createElement(If,{type:"output",direction:"vertical",tooltipContainer:N,price:{value:w,usdValue:x,realValue:se(n.value),realUsdValue:se(n.usdValue)},token:{displayName:y[$-1].to.token.displayName,image:y[$-1].to.token.image},chain:{image:y[$-1].to.chain.image},percentageChange:C,warningLevel:v}),a==="swap-preview"&&B.createElement(B.Fragment,null,B.createElement(po,{from:y[0].from,to:y[$-1].to,percentageChange:C,warningLevel:v}),B.createElement(li,{size:4}))),B.createElement(Fl,{recommended:l,open:c,onOpenChange:g},B.createElement(Gl,{ref:L=>d.current=L,recommended:l,onClick:()=>g(L=>!L)},B.createElement("div",null,y.map((L,k)=>{let M=`item-${k}`,E=B.createElement(ii,null,B.createElement(xf,{size:12,color:"black",...L.state&&{color:L.state==="error"?"error":"warning"}}));return B.createElement(B.Fragment,{key:M},B.createElement(Nn,{container:N,side:"bottom",sideOffset:4,content:L.from.chain.displayName},B.createElement(ri,{state:L.state||y[k-1]?.state},B.createElement(Jl,{src:L.from.chain.image,size:16}))),k===$-1&&B.createElement(B.Fragment,null,E,B.createElement(Nn,{container:N,side:"bottom",sideOffset:4,content:L.to.chain.displayName},B.createElement(ri,{state:L.state},B.createElement(Jl,{src:L.to.chain.image,size:16})))),k!==$-1&&B.createElement(B.Fragment,null,E))})),B.createElement(ii,{orientation:c?"up":"down"},B.createElement(wf,{size:12,color:"black"}))),B.createElement(Hl,{open:c},B.createElement(Ql,null),B.createElement("div",{className:Ol()},y.map((L,k)=>{let M=`item-${k}`;return B.createElement(bf,{type:"quote-details",key:M,step:L,hasSeparator:k!==y.length-1,state:L.state,tooltipContainer:N})}))))))}i(pi,"Quote");import{Divider as Lf,Skeleton as Pf}from"@rango-dev/ui";import pt from"react";import{darkTheme as Bf,styled as Ln}from"@rango-dev/ui";var ep=Ln("div",{$$color:"$colors$neutral100",[`.${Bf} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",borderBottomLeftRadius:"$xm",borderBottomRightRadius:"$xm",padding:"$15 ",variants:{rounded:{true:{borderRadius:"$xm"}}}}),tp=Ln("div",{paddingTop:"$2"}),op=Ln("div",{paddingLeft:"$8"}),np=Ln("div",{borderLeft:"1px dashed black",minHeight:" 0",margin:"0px 11.5px",alignSelf:"stretch",variants:{hideSeparator:{true:{minHeight:"unset",height:"0"}}}});import{ChainToken as fp,Divider as Nt,Skeleton as et}from"@rango-dev/ui";import q from"react";import{styled as Re}from"@rango-dev/ui";var rp=Re("div",{display:"flex",justifyContent:"space-between",alignItems:"center",height:"22px"}),ip=Re("div",{display:"flex"}),sp=Re("div",{padding:"$15 $0 14px $0"}),ap=Re("div",{padding:"$6 $0 $15 $0",display:"flex",flexDirection:"column"}),lp=Re("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$5"}),pp=Re("div",{display:"flex",justifyContent:"space-between",alignItems:"end"}),up=Re("div",{height:"$28",marginLeft:"13px",borderLeft:"1px solid $neutral700"}),cp=Re("div",{width:"65%",display:"flex",justifyContent:"start"}),mp=Re("div",{display:"flex",flexDirection:"column",alignItems:"start",flexGrow:1,maxWidth:"148px"}),dp=Re("div",{padding:"$15 $0 $15 $0"});function fo(t){let{type:e,tag:o=!1}=t,n=q.createElement(pp,null,q.createElement(cp,null,q.createElement(fp,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),q.createElement(Nt,{size:8,direction:"horizontal"}),q.createElement(mp,null,q.createElement(et,{height:10,width:60,variant:"rounded"}),q.createElement(Nt,{size:4}),q.createElement(et,{height:15,variant:"rounded"}))),q.createElement(et,{height:12,width:64,variant:"rounded"}));return q.createElement("div",null,q.createElement(rp,null,q.createElement(ip,null,q.createElement(et,{width:60,height:10,variant:"rounded"}),q.createElement(Nt,{size:4,direction:"horizontal"}),q.createElement(et,{width:60,height:10,variant:"rounded"}),q.createElement(Nt,{size:4,direction:"horizontal"}),q.createElement(et,{width:60,height:10,variant:"rounded"})),o&&q.createElement(et,{height:22,width:100,variant:"rounded"})),e==="basic"&&q.createElement(sp,null,q.createElement(et,{height:15,width:148,variant:"rounded"})),e==="list-item"&&q.createElement(ap,null,q.createElement(lp,null,q.createElement(fp,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),q.createElement(Nt,{direction:"horizontal",size:4}),q.createElement(et,{height:15,width:150,variant:"rounded"})),q.createElement(Nt,{size:4}),q.createElement(et,{height:10,width:184,variant:"rounded"})),e==="swap-preview"&&q.createElement(q.Fragment,null,q.createElement(Nt,{size:4}),q.createElement(dp,null,n,q.createElement(up,null),n)))}i(fo,"QuoteSummarySkeleton");import{ChainToken as Cp,Divider as ci,NextIcon as Nf,Skeleton as Pn}from"@rango-dev/ui";import ae from"react";import{styled as go}from"@rango-dev/ui";var gp=go("div",{display:"flex",alignItems:"start"}),hp=go("div",{flexGrow:1,paddingTop:"$5",paddingBottom:"$10",display:"flex",alignItems:"center"}),ui=go("div",{display:"flex",alignItems:"center",flexGrow:1}),yp=go("div",{margin:"$0 $2",padding:"$4",display:"flex",justifyContent:"center",alignItems:"center"}),Sp=go("div",{display:"flex",alignItems:"center"});function tt(t){let{separator:e=!0}=t;return ae.createElement(ae.Fragment,null,ae.createElement(Sp,null,ae.createElement(Pn,{height:22,width:22,variant:"circular"}),ae.createElement(ci,{direction:"horizontal",size:8}),ae.createElement(Pn,{height:15,width:148,variant:"rounded"})),ae.createElement(gp,null,ae.createElement(np,{hideSeparator:!e}),ae.createElement(hp,null,ae.createElement(ui,null,ae.createElement(Cp,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ae.createElement(ci,{direction:"horizontal",size:8}),ae.createElement(Pn,{height:12,variant:"rounded"})),ae.createElement(yp,null,ae.createElement(Nf,{color:"gray",size:16})),ae.createElement(ui,null,ae.createElement(Cp,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ae.createElement(ci,{direction:"horizontal",size:8}),ae.createElement(Pn,{height:12,variant:"rounded"})))))}i(tt,"StepSkeleton");function mi(t){let{type:e,expanded:o,tag:n=!1}=t;return pt.createElement(ep,{rounded:e!=="basic"},pt.createElement(fo,{type:e,tag:n}),pt.createElement(tp,null,pt.createElement(Pf,{height:15,variant:"rounded"})),o&&pt.createElement(op,null,pt.createElement(Lf,{size:20}),pt.createElement(tt,null),pt.createElement(tt,null),pt.createElement(tt,{separator:!1})))}i(mi,"QuoteSkeleton");import{i18n as Rf}from"@lingui/core";import{Alert as eg,Button as tg,InfoIcon as og}from"@rango-dev/ui";import Be from"react";import{Alert as $f,Button as Mf,Divider as Ap,NoRouteIcon as _f,RefreshIcon as Df,Typography as bp}from"@rango-dev/ui";import He from"react";import{i18n as kp}from"@lingui/core";function Tp(t,e,o,n){return t?.type===1?{alert:{type:"warning",text:Q().genericServerError,action:{onClick:n,title:kp.t("Retry")}},description:""}:e.length?{alert:{type:"warning",text:Q().liquiditySourcesError.title,action:{onClick:()=>o(!0),title:kp.t("Reset")}},description:Q().liquiditySourcesError.description}:t?.type===0&&t.diagnosisMessage?{alert:{type:"error",text:t.diagnosisMessage,action:null},description:""}:{alert:null,description:Q().noResultError.description}}i(Tp,"makeInfo");import{styled as di}from"@rango-dev/ui";var wp=di("div",{minHeight:"162px",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"}),xp=di("div",{width:"100%"}),vp=di("div",{padding:"$6 $0"});function fi(t){let{fetch:e,error:o}=t,n=f().disabledLiquiditySources,r=f().toggleAllLiquiditySources,s=f().swappers(),a=Tp(o,n,()=>r(s,!0),e);return He.createElement(wp,null,He.createElement(_f,{size:24,color:"gray"}),He.createElement(Ap,{size:4}),He.createElement(bp,{variant:"title",size:"small"},Q().noResultError.title),!!a.description&&He.createElement(bp,{variant:"body",size:"small",align:"center",color:"neutral700"},a.description),He.createElement(Ap,{size:4}),!!a.alert&&He.createElement(xp,null,He.createElement($f,{type:a.alert.type,title:a.alert.text,action:a.alert.action&&He.createElement(Mf,{size:"xsmall",type:a.alert.type,prefix:He.createElement(vp,null,He.createElement(Df,{size:8})),onClick:a.alert.action.onClick},a.alert.action.title),variant:"alarm"})))}i(fi,"NoResult");import{i18n as ho}from"@lingui/core";import{Button as Of,Divider as Lp,MessageBox as Uf,Modal as qf,Typography as zf,WarningIcon as Gf}from"@rango-dev/ui";import ot from"react";import{Typography as Bp}from"@rango-dev/ui";import hi from"react";import{darkTheme as Ff,styled as $n}from"@rango-dev/ui";var Ip=$n("div",{width:"100%",paddingTop:"$10"}),gi=$n("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),Ep=$n("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%","._title":{$$color:"$colors$neutral600",[`.${Ff} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Wp=$n("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});function Np(t){let{title:e,value:o,valueColor:n}=t;return hi.createElement(Ep,null,hi.createElement(Bp,{size:"medium",variant:"label",className:"_title"},e),hi.createElement(Bp,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}i(Np,"QuoteErrorsModalItem");function Pp(t){let{open:e,onClose:o,onConfirm:n,warning:r}=t,s=r.warningLevel==="high"?"error":"warning",a=[{title:ho.t("Swapping"),value:W(r.inputUsdValue,4,4)},{title:ho.t("Gas cost"),value:W(r.totalFee,2,2)},{title:ho.t("Receiving"),value:W(r.outputUsdValue,4,4)},{title:ho.t("Price impact"),value:W(r.priceImpact,2,2),valueColor:`${s}500`}];return ot.createElement(qf,{open:e,onClose:o,container:O()},ot.createElement(Uf,{type:s,title:Q().highValueLossError.impactTitle,description:Q().highValueLossError.description}),ot.createElement(gi,null,ot.createElement(Lp,{size:20}),ot.createElement(zf,{size:"small",variant:"title"},ho.t("Details")),ot.createElement(gi,null,a.map((l,p)=>ot.createElement(Np,{key:p,...l})))),ot.createElement(Lp,{size:32}),ot.createElement(Of,{type:"primary",size:"large",prefix:ot.createElement(Gf,null),fullWidth:!0,onClick:n},Q().highValueLossError.confirmMessage))}i(Pp,"HighValueLossWarningModal");import{i18n as yi}from"@lingui/core";function $p(t,e){let o={alertType:"warning",title:"",action:"show-info"};return t?(t.type===0&&(at(t.priceImpact)==="high"&&(o.alertType="error"),o.action=null,o.title=Q().highValueLossError.title),t.type===1&&(o.title=Q().unknownPriceError.title),t.type===2&&(o.title=yi.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:t.minRequiredSlippage}}),o.action="change-settings"),t.type===3&&(o.title=yi.t("Caution, your slippage is high.")),o):e?(o.alertType="error",e.type===3&&(o.title=e.recommendation,o.action="show-info"),e.type===4&&(o.title=yi.t({id:"You need to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:e.minRequiredSlippage}}),o.action="change-settings"),o):null}i($p,"makeAlerts");import{i18n as Vt}from"@lingui/core";import{Button as Mp,Divider as _p,MessageBox as Hf,Modal as Qf,Typography as Vf}from"@rango-dev/ui";import Lt from"react";import{useNavigate as jf}from"react-router-dom";function Dp(t){let{customSlippage:e,slippage:o}=f(),{open:n,onClose:r,onConfirm:s,warning:a}=t,l=jf(),p=e??o;return Lt.createElement(Qf,{anchor:"bottom",open:n,prefix:Lt.createElement(Mp,{size:"small",variant:"ghost",onClick:()=>l("../"+_.settings)},Lt.createElement(Vf,{variant:"label",size:"medium",color:"$neutral900"},Vt.t("Change settings"))),container:O(),onClose:r},Lt.createElement(Hf,{type:"warning",title:a.type===3?Vt.t("High slippage"):Vt.t("Low slippage"),description:a.type===3?Vt.t({id:" Caution, your slippage is high (={userSlippage}). Your trade may be front run.",values:{userSlippage:p}}):Vt.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:a.minRequiredSlippage}})},Lt.createElement(_p,{size:18}),Lt.createElement(_p,{size:32}),Lt.createElement(Mp,{size:"large",type:"primary",variant:"contained",fullWidth:!0,onClick:s},Vt.t("Confirm anyway"))))}i(Dp,"SlippageWarningModal");import{Button as Xf,Divider as Kf,MessageBox as Yf,Modal as Jf,WarningIcon as Zf}from"@rango-dev/ui";import yo from"react";function Fp(t){let{open:e,onClose:o,onConfirm:n}=t;return yo.createElement(Jf,{open:e,onClose:o,container:O()},yo.createElement(Yf,{type:"warning",title:Q().unknownPriceError.impactTitle,description:Q().unknownPriceError.description}),yo.createElement(Kf,{size:32}),yo.createElement(Xf,{type:"primary",size:"large",prefix:yo.createElement(Zf,null),fullWidth:!0,onClick:n},Q().unknownPriceError.confirmMessage))}i(Fp,"UnknownPriceWarningModal");function Si(t){let{warning:e,error:o,refetchQuote:n,showWarningModal:r,onOpenWarningModal:s,onCloseWarningModal:a,onConfirmWarningModal:l,onChangeSettings:p}=t,u={open:r,onClose:a,onConfirm:l},m=o?.type===0||o?.type===1,c=$p(e,o?.type===3||o?.type===4?o:null);return Be.createElement(Be.Fragment,null,m&&Be.createElement(fi,{error:o,fetch:n}),!!c&&Be.createElement(Ip,null,Be.createElement(eg,{title:c.title,type:c.alertType,variant:"alarm",...c.action==="show-info"&&{action:Be.createElement(Wp,{onClick:s},Be.createElement(og,{size:12,color:"gray"}))},...c.action==="change-settings"&&{action:Be.createElement(tg,{size:"xxsmall",type:c.alertType,onClick:p},Rf.t("Change"))}})),e&&Be.createElement(Be.Fragment,null,e.type===0&&Be.createElement(Pp,{...u,warning:e}),(e.type===3||e.type===2)&&Be.createElement(Dp,{...u,warning:e}),e.type===1&&Be.createElement(Fp,{...u,warning:e})))}i(Si,"QuoteWarningsAndErrors");function So(t){let{quote:e,type:o,loading:n,error:r,warning:s,refetchQuote:a,showWarningModal:l,onOpenWarningModal:p,onCloseWarningModal:u,onConfirmWarningModal:m,onChangeSettings:c,expanded:g=!1,alertPosition:d="bottom"}=t,{inputAmount:T,inputUsdValue:S,outputUsdValue:h,outputAmount:A}=U(),x=!(r&&(r.type===0||r.type===1))&&e&&e.result&&!n,b=(s||r)&&_e.createElement(Si,{warning:s,error:r,loading:n,refetchQuote:a,showWarningModal:l,onOpenWarningModal:p,onCloseWarningModal:u,onConfirmWarningModal:m,onChangeSettings:c});return _e.createElement(_e.Fragment,null,n&&_e.createElement(ti,null,_e.createElement($l,{paddingTop:d==="top"},_e.createElement(mi,{type:o,expanded:g}))),d==="top"&&_e.createElement(Pl,null,b),x?_e.createElement(ti,null,_e.createElement(pi,{quote:e,error:r,warning:s,type:o,expanded:g,recommended:!0,input:{value:T,usdValue:S?.toString()??""},output:{value:A?.toString()??"",usdValue:h?.toString()??""}})):null,d==="bottom"&&_e.createElement(_e.Fragment,null,!s&&!r&&_e.createElement(ng,{size:16}),b))}i(So,"QuoteInfo");import{calculatePendingSwap as sg}from"@rango-dev/queue-manager-rango-preset";import{useEffect as ag}from"react";import{useRef as rg,useState as ig}from"react";function Mn(){let[t,e]=ig(!1),o=rg(null),n=i(()=>o.current?.abort(),"cancel");return{fetch:i(async s=>{n(),o.current=new AbortController,e(!0);try{let a=await Dt().getBestRoute(s,{signal:o.current.signal});return o.current=null,a}catch(a){throw a}finally{e(!1)}},"fetch"),loading:t,cancelFetch:n}}i(Mn,"useFetchQuote");function _n(t){if(!t.result)throw new Error(Q().noResultError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});if(Ar(t)){let{swap:n,recommendation:r,fromAmountRangeError:s}=br(t);throw new Error("bridge limit error",{cause:{type:3,swap:n,recommendation:r,fromAmountRangeError:s}})}let o=Er(t);if(o){let n=en(t);throw new Error("",{cause:{type:4,recommendedSlippages:o,minRequiredSlippage:n}})}return t}i(_n,"throwErrorIfResponseIsNotValid");function Op(t,e,o){let n=!1;t&&(n=xa(t,e));let r={quote:null,quoteUpdate:null,balance:null},s=on(e,{fromToken:o.fromToken,toToken:o.toToken,tokens:o.meta.tokens,userSlippage:o.userSlippage});s&&(r.quote=s),t&&n&&(da(t,e)?r.quoteUpdate={type:3,newOutputAmount:W(Ut(e)),percentageChange:W($e(Ut(t)??"",Ut(e)??""),null,2)}:Br(t,e)?r.quoteUpdate={type:0}:Nr(t,e)?r.quoteUpdate={type:1}:Lr(t,e)&&(r.quoteUpdate={type:2}));let a=fa(e,o.selectedWallets,o.meta.blockchains);return a.length===0||(r.balance={messages:a}),r}i(Op,"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}}i(Dn,"handleQuoteErrors");function Ci(){let{fromToken:t,toToken:e,inputAmount:o,setQuote:n,quote:r,customDestination:s,setQuoteWarningsConfirmed:a}=U(),{slippage:l,customSlippage:p,affiliatePercent:u,affiliateRef:m,affiliateWallets:c,disabledLiquiditySources:g}=f(),{connectedWallets:d}=z(),T=f().blockchains(),S=f().tokens(),{features:h}=f().config,{enableNewLiquiditySources:A}=f().config,w=p||l,{fetch:x,cancelFetch:b,loading:C}=Mn();return ag(()=>b,[]),{loading:C,fetch:i(async I=>{let y=I.selectedWallets,$=I?.customDestination??s;if(!t||!e||!o)return{quote:null,swap:null,error:null,warnings:null};let N=tn({fromToken:t,toToken:e,inputAmount:o,wallets:d,selectedWallets:y,excludeLiquiditySources:A,disabledLiquiditySources:g,slippage:w,affiliateRef:m,affiliatePercent:u,affiliateWallets:c,initialQuote:r??void 0,destination:$});Fo("experimentalRoute",h)&&(N.experimental=!0);let L;try{L=await x(N).then(G=>_n(G)),n(L)}catch(G){return Dn(G)}let k={slippage:w.toString(),disabledSwappersGroups:g},M=sg(o.toString(),L,ca(y),k,!1,{blockchains:T,tokens:S}),E=Op(r??void 0,L,{fromToken:t,toToken:e,meta:{blockchains:T,tokens:S},selectedWallets:y,userSlippage:w});return E.quoteUpdate&&a(!1),{quote:L,swap:M,error:null,warnings:E}},"fetch"),cancelFetch:b}}i(Ci,"useConfirmSwap");var Cg=Gp("div",{position:"relative",width:"100%","& .quote-update__alert":{paddingTop:"$10"}}),kg=Gp("div",{width:"100%",display:"flex",justifyContent:"space-between",[`& ${zp}`]:{width:"$48",height:"$48"}}),Tg=ki({flexGrow:1,paddingRight:"$10"}),wg=ki({width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"}),xg=ki({display:"flex",justifyContent:"space-between",alignItems:"center"});function Hp(){let{quote:t,setInputAmount:e,selectedWallets:o,quoteWalletsConfirmed:n,setQuoteWalletConfirmed:r,customDestination:s,quoteWarningsConfirmed:a}=U(),l=Sg(),[p,u]=On(""),{connectedWallets:m}=z(),c=!n,[g,d]=On(!1),T=Ae.use.setSelectedSwap(),S=f().disabledLiquiditySources,h=hg(S),{manager:A}=lg(),{fetch:w,loading:x,cancelFetch:b}=Ci(),[C,v]=On({swap:null,error:null,warnings:null}),[I,y]=On(!1),$=i(async({selectedWallets:E,customDestination:G})=>{let J=await w?.({selectedWallets:E,customDestination:G});return v(J),J},"onConfirmSwap"),N=i(async()=>{if(C.swap&&n)try{await A?.create("swap",{swapDetails:C.swap},{id:C.swap.requestId}),T(C.swap.requestId);let E=`../${_.swaps}/${C.swap.requestId}`;l(E,{replace:!0}),setTimeout(()=>{e("")},0)}catch(E){u("Error: "+E?.message)}},"addNewSwap"),L=i(async()=>{await N()},"onConfirm"),k=i(async()=>{C?.warnings?.quote&&!a?y(!0):await L()},"onStartConfirmSwap"),M=i(async()=>{v({error:null,swap:null,warnings:null}),w({selectedWallets:o,customDestination:s}).then(E=>{v(E)}).catch(E=>console.error(E))},"onRefresh");return Co(()=>{!!h.current.length&&!S.length&&M(),h.current=S},[S.length]),Co(()=>{c&&b()},[c]),Co(()=>{c&&d(c)},[c]),Co(()=>{c||w({selectedWallets:o,customDestination:s}).then(E=>v(E)).catch(E=>console.error(E))},[]),Co(()=>{let E=C.warnings?.quote?.type&&Object.values(ft).includes(C.warnings?.quote?.type),G=o.length<1||!o.every(te=>m.find(H=>te.address===H.address&&te.walletType===H.walletType&&te.chain===H.chain)),J=!1;if(E){let te=Ko(t),H=t?.result?.swaps[t.result.swaps.length-1].to.blockchain;!!t?.result?.swaps.find(Se=>Se.from.blockchain===H)||(te=te.slice(-te.length,te.length-1)),te.every(Se=>o.find(Ce=>Ce.chain===Se))||(J=!0)}t&&(G||J)&&(queueMicrotask(()=>yg(d.bind(null,!0))),r(!1))},[C.warnings?.quote,o.length,m.length]),gg(()=>{t||l("../")},[]),ee.createElement(X,{header:{title:Fn.t("Confirm Swap"),onWallet:()=>{let E=`../${_.wallets}`;l(E)},suffix:ee.createElement(mg,{container:O(),side:"bottom",content:Fn.t("Settings")},ee.createElement(Ue,{size:"small",variant:"ghost",onClick:()=>l("../"+_.settings)},ee.createElement(cg,{size:18,color:"black"})))},footer:ee.createElement(kg,null,ee.createElement("div",{className:Tg()},ee.createElement(qp,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:x,disabled:!!C.error,onClick:k},Fn.t("Start Swap"))),ee.createElement(zp,{variant:"contained",type:"primary",size:"large",loading:x,onClick:d.bind(null,!0)},ee.createElement(fg,{size:24})))},g&&ee.createElement(Ll,{open:g,onClose:()=>d(!1),onCancel:b,loading:x,onCheckBalance:$}),ee.createElement(Cg,null,ee.createElement("div",{className:xg()},ee.createElement(dg,{variant:"title",size:"small"},Fn.t("You get")),ee.createElement(qp,{style:{padding:"0"},variant:"ghost",disabled:x,onClick:M},ee.createElement("div",{className:wg()},ee.createElement(ug,{size:16})))),p&&ee.createElement(ee.Fragment,null,ee.createElement(Up,{type:"error",variant:"alarm",title:p}),ee.createElement(pg,{size:12})),C.warnings?.quoteUpdate&&ee.createElement("div",{className:"quote-update__alert"},ee.createElement(Up,{variant:"alarm",type:"warning",title:C.warnings.quoteUpdate&&dn(C.warnings.quoteUpdate)})),ee.createElement(So,{quote:t,type:"swap-preview",expanded:!0,alertPosition:"top",error:C.error,loading:x,warning:C.warnings?.quote??null,refetchQuote:M,showWarningModal:I,onOpenWarningModal:()=>y(!0),onCloseWarningModal:()=>y(!1),onConfirmWarningModal:async()=>{y(!1),await N()},onChangeSettings:()=>l("../"+_.settings)})))}i(Hp,"ConfirmSwapPage");import{i18n as zn}from"@lingui/core";import{useManager as Ng}from"@rango-dev/queue-manager-react";import{Divider as Lg,NotFound as Pg,styled as Rp}from"@rango-dev/ui";import Tt,{useState as $g}from"react";import{useNavigate as Mg}from"react-router-dom";import{CloseIcon as Ag,IconButton as bg,SearchIcon as Ig,TextField as Eg}from"@rango-dev/ui";import ko from"react";import{styled as vg}from"@rango-dev/ui";var Qp=vg("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function ut(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:s,value:a,setValue:l,...p}=t;return ko.createElement(Eg,{prefix:ko.createElement(Qp,null,ko.createElement(Ig,{color:"black"})),suffix:!!a.length&&ko.createElement(bg,{variant:"ghost",onClick:()=>l?.(""),size:"small"},ko.createElement(Ag,{color:"gray",size:10})),fullWidth:o,color:n,variant:e,style:{padding:10,borderRadius:25,alignItems:"center"},size:r,value:a,onChange:s,...p})}i(ut,"SearchInput");import{i18n as jp}from"@lingui/core";import{Divider as Xp,SwapListItem as Kp,Typography as Yp}from"@rango-dev/ui";import Z from"react";import{css as Wg,darkTheme as Bg,styled as Un}from"@rango-dev/ui";var qn=Wg(),Ti=Un("div",{width:"100%",display:"flex",flexDirection:"column",[`& .${qn}`]:{$$color:"$colors$neutral600",[`.${Bg} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),wi=Un("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),xi=Un("div",{gap:"$10",display:"flex",flexDirection:"column"}),Vp=Un("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});function vi(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,s=n?n(e):[{title:"History",swaps:e}];if(r){let a=[{},{}];return Z.createElement(Z.Fragment,null,[{title:"Today",swaps:a},{title:"This month",swaps:a}].map(p=>Z.createElement(Z.Fragment,{key:p.title},Z.createElement(Ti,null,Z.createElement(wi,null,Z.createElement(Yp,{variant:"label",size:"medium",className:qn()},jp.t(p.title))),Z.createElement(Xp,{size:4}),Z.createElement(xi,null,p.swaps.map((u,m)=>{let c=m+p.title;return Z.createElement(Z.Fragment,{key:c},Z.createElement(Kp,{isLoading:!0}))}))))))}return Z.createElement(Z.Fragment,null,s.filter(a=>a.swaps.length>0).map(a=>Z.createElement(Z.Fragment,{key:a.title},Z.createElement(Ti,null,Z.createElement(wi,null,Z.createElement(Yp,{variant:"label",size:"medium",className:qn()},jp.t(a.title))),Z.createElement(Xp,{size:4}),Z.createElement(xi,null,a.swaps.map(l=>{let p=l.steps[0],u=l.steps[l.steps.length-1];return Z.createElement(Z.Fragment,{key:l.requestId},Z.createElement(Kp,{requestId:l.requestId,creationTime:l.creationTime,status:l.status,onClick:o,onlyShowTime:a.title==="Today",tooltipContainer:O(),swapTokenData:{from:{token:{image:p.fromLogo,displayName:p.fromSymbol},blockchain:{image:p.fromBlockchainLogo||""},amount:l.inputAmount},to:{token:{image:u.toLogo,displayName:u.toSymbol},blockchain:{image:u.toBlockchainLogo||""},amount:W(u.outputAmount||u.expectedOutputAmountHumanReadable||""),realAmount:se(u.outputAmount||u.expectedOutputAmountHumanReadable)}}}))}))))))}i(vi,"SwapsGroup");import Jp from"dayjs";var Zp=i(t=>{let e=new Map([["today",{title:"Today",swaps:[]}],["week",{title:"This week",swaps:[]}],["month",{title:"This month",swaps:[]}],["year",{title:"This year",swaps:[]}]]);function o(r,s){e.has(r)||e.set(r,{title:r,swaps:[]}),e.get(r)?.swaps.push(s)}i(o,"addYearsToOutput");let n=Jp();return t.forEach(r=>{let s=Number(r.creationTime),a=Jp(s);if(n.isSame(a,"day"))e.get("today")?.swaps.push(r);else if(n.isSame(a,"week"))e.get("week")?.swaps.push(r);else if(n.isSame(a,"month"))e.get("month")?.swaps.push(r);else if(n.isSame(a,"year"))e.get("year")?.swaps.push(r);else{let l=new Date(s).getFullYear().toString();o(l,r)}}),Array.from(e.values())},"groupSwapsByDate");var jt=i(t=>{let e=[];return t?.getAll().forEach((o,n)=>{let r=o.list.getStorage();r?.swapDetails&&e.push({id:n,swap:r?.swapDetails})}),e.sort((o,n)=>Number(n.swap.creationTime)-Number(o.swap.creationTime))},"getPendingSwaps");var _g=Rp("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",height:"100%",gap:15}),Dg=Rp("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),Fg=i((t,e)=>t?.length?t.filter(o=>Ke(o.fromBlockchain,e)||Ke(o.toBlockchain,e)||Ke(o.toSymbol,e)||Ke(o.fromSymbol,e)).length:!1,"isStepContainsText");function eu(){let t=Ae.use.setSelectedSwap(),e=Mg(),{manager:o,state:n}=Ng(),r=jt(o).map(({swap:c})=>c),[s,a]=$g(""),l=!n.loadedFromPersistor,p=i(c=>{let g=c.target.value;a(g)},"searchHandler"),u=r;s&&(u=r.filter(c=>Ke(c.inputAmount,s)||Ke(c.status,s)||Fg(c.steps,s)||Ke(c.requestId,s)));let m=!u?.length&&!l;return Tt.createElement(X,{header:{title:zn.t("History")}},Tt.createElement(_g,null,Tt.createElement(ut,{setValue:a,fullWidth:!0,variant:"contained",placeholder:zn.t("Search Transaction"),autoFocus:!0,onChange:p,value:s}),Tt.createElement(Dg,null,m&&Tt.createElement(Vp,null,Tt.createElement(Lg,{size:32}),Tt.createElement(Pg,{title:zn.t("No results found"),description:s?zn.t("Try using different keywords"):""})),!m&&Tt.createElement(vi,{list:u,onSwapClick:c=>{t(c),e(c)},groupBy:Zp,isLoading:l}))))}i(eu,"HistoryPage");import{i18n as Ii}from"@lingui/core";import{Button as Qg,styled as Ei,SwapInput as ru,WarningIcon as Vg}from"@rango-dev/ui";import De,{useEffect as jg,useRef as Xg,useState as Kg}from"react";import{useNavigate as Yg}from"react-router-dom";import{ReverseIcon as Og,styled as tu}from"@rango-dev/ui";import Ai from"react";var Ug=tu("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),qg=tu("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 ou(){let t=U.use.switchFromAndTo();return Ai.createElement(Ug,null,Ai.createElement(qg,{onClick:()=>{t()}},Ai.createElement(Og,{size:12})))}i(ou,"SwitchFromAndToButton");import{useCallback as zg,useEffect as Gg,useState as bi}from"react";var Hg=600;function nu(){let{fetch:t,cancelFetch:e}=Mn(),{liquiditySources:o,enableNewLiquiditySources:n,features:r}=f().config,s=f().tokens(),{fromToken:a,toToken:l,inputAmount:p,inputUsdValue:u,resetQuote:m,setQuote:c}=U(),{slippage:g,customSlippage:d,affiliatePercent:T,affiliateRef:S,affiliateWallets:h,disabledLiquiditySources:A}=f(),[w,x]=bi(!1),[b,C]=bi(null),[v,I]=bi(null),y=d??g,N=!a||!l||Pe(a,l)||!no(p),L=i(E=>{x(E),C(null),I(null)},"resetState"),k=i(E=>{let{fromToken:G,toToken:J,inputAmount:te,liquiditySources:H,excludeLiquiditySources:re,disabledLiquiditySources:ye,slippage:Se,affiliateRef:Ce,affiliatePercent:Mt,affiliateWallets:oo}=E;if(w||L(!0),!N&&G&&J){m();let it=tn({fromToken:G,toToken:J,inputAmount:te,liquiditySources:H,excludeLiquiditySources:re,disabledLiquiditySources:ye,slippage:Se,affiliateRef:Ce,affiliatePercent:Mt,affiliateWallets:oo});Fo("experimentalRoute",r)&&(it.experimental=!0),t(it).then(Xe=>{x(!1),c(Xe),_n(Xe);let D=on(Xe,{fromToken:G,toToken:J,userSlippage:y,tokens:s});I(D)}).catch(Xe=>{let{error:D}=Dn(Xe);(D?.type===0||D?.type===1)&&m(),D?.type!==2&&(C(D),x(!1))})}},"fetch"),M=zg(Ns(E=>{N||k(E)},Hg),[N]);return Gg(()=>{if(!no(p)||u?.eq(0)){L(!1),e();return}if(!N)return m(),L(!0),M({inputAmount:p,fromToken:a,toToken:l,liquiditySources:o,excludeLiquiditySources:n,disabledLiquiditySources:A,slippage:y,affiliateRef:S,affiliatePercent:T,affiliateWallets:h}),e},[p,a?.symbol,a?.address,a?.blockchain,l?.symbol,l?.address,l?.blockchain,N,o?.length,n,A.length,y,S,T,JSON.stringify(h)]),{fetch:()=>k({inputAmount:p,fromToken:a,toToken:l,liquiditySources:o,excludeLiquiditySources:n,disabledLiquiditySources:A,slippage:y,affiliateRef:S,affiliatePercent:T,affiliateWallets:h}),loading:w,error:b,warning:v}}i(nu,"useSwapInput");var Jg=Ei("div",{display:"flex",flexDirection:"column",overflowY:"visible","& .quote__container":{paddingTop:"$2"}}),Zg=Ei("div",{position:"relative"}),Rg=Ei("div",{display:"flex",flexDirection:"column",gap:5,alignSelf:"stretch"});function iu(){let t=Yg(),{fetch:e,loading:o,error:n,warning:r}=nu(),{fromToken:s,fromBlockchain:a,toToken:l,toBlockchain:p,setInputAmount:u,inputAmount:m,inputUsdValue:c,outputAmount:g,outputUsdValue:d,quote:T,resetQuoteWallets:S,setQuoteWarningsConfirmed:h}=U(),A=f().fetchStatus,{connectedWallets:w,getBalanceFor:x}=z(),b=Ae.use.setCurrentPage(),[C,v]=Kg(!1),I=Xg(null),y=!!a&&Vs(w,a.name),$=!1,N=!Ir(T,m,c),L=!Ir(T,m,d),k=la({fetchMetaStatus:A,fetchingQuote:o,inputAmount:m,quote:T,anyWalletConnected:w.length>0,error:n,warning:r,needsToWarnEthOnPath:$}),M=s?x(s):null,E=Vo(M)?.amount??"0",G=a&&s?W(M?.amount,M?.decimals):"0";jg(()=>(b(_.home),S(),b.bind(null,"")),[]);let J=!c||!d||!d.gt(0)?null:$e(c.toString(),d.toString());return De.createElement(X,{ref:I,fixedHeight:!1,hasLogo:!0,footer:De.createElement(Qg,{type:"primary",size:"large",disabled:k.disabled,prefix:k.action==="confirm-warning"&&De.createElement(Vg,null),fullWidth:!0,onClick:()=>{k.action==="connect-wallet"?t(_.wallets):k.action==="confirm-warning"?v(!0):t(_.confirmSwap)}},k.title),header:{onWallet:()=>{t(_.wallets)},hasBackButton:!1,title:Ii.t("Swap"),suffix:De.createElement(Vr,{layoutRef:I.current,onClickRefresh:T||n?e:void 0,onClickHistory:()=>t(_.swaps),onClickSettings:()=>t(_.settings)})}},De.createElement(Jg,null,De.createElement(Rg,null,De.createElement(Zg,null,De.createElement(ru,{label:Ii.t("From"),mode:"From",onInputChange:u,balance:E,chain:{displayName:a?.displayName||"",image:a?.logo||""},token:{displayName:s?.symbol||"",image:s?.image||""},onClickToken:()=>t(_.fromSwap),price:{value:m,usdValue:N?void 0:W(c,4,4),realUsdValue:N?void 0:se(c),error:N?Q().unknownPriceError.impactTitle:void 0},disabled:A==="failed",loading:A==="loading",loadingBalance:y,tooltipContainer:O(),onSelectMaxBalance:()=>{E!=="0"&&u(G.split(",").join(""))}}),De.createElement(ou,null)),De.createElement(ru,{sharpBottomStyle:!!T?.result||o,label:Ii.t("To"),mode:"To",fetchingQuote:o,chain:{displayName:p?.displayName||"",image:p?.logo||""},token:{displayName:l?.symbol||"",image:l?.image||""},percentageChange:W($e(c,d),2,2),warningLevel:at(J??0),price:{value:W(g,6,6),usdValue:L?void 0:W(d,4,4),realValue:se(g),realUsdValue:L?void 0:se(d),error:L?Q().unknownPriceError.impactTitle:void 0},onClickToken:()=>t(_.toSwap),disabled:A==="failed",loading:A==="loading",tooltipContainer:O()})),De.createElement("div",{className:"quote__container"},De.createElement(So,{quote:T,loading:o,error:n,warning:r,type:"basic",refetchQuote:e,showWarningModal:C,onOpenWarningModal:()=>v(!0),onCloseWarningModal:()=>v(!1),onConfirmWarningModal:()=>{v(!1),h(!0),t(_.confirmSwap)},onChangeSettings:()=>t(_.settings)}))))}i(iu,"Home");import{i18n as su}from"@lingui/core";import{List as eh,ListItemButton as th,Radio as oh,RadioRoot as nh,Typography as rh}from"@rango-dev/ui";import wt from"react";import{styled as Gn}from"@rango-dev/ui";var ct=Gn("div",{height:"100%",overflow:"hidden"}),To=Gn("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto"}),Wi=Gn("div",{width:80,display:"flex",justifyContent:"flex-end"}),Bi=Gn("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});function Hn(){let{setLanguage:t,language:e}=f();return{activeLanguage:e,languages:Xs,defaultLanguage:Ot,changeLanguage:r=>t(r||Ot)}}i(Hn,"useLanguage");function au(){let{activeLanguage:t,changeLanguage:e,languages:o}=Hn(),n=o.map(r=>{let{local:s,label:a,SVGFlag:l}=r;return{id:s,value:s,title:wt.createElement(rh,{variant:"title",size:"xmedium"},a),onClick:()=>e(r.local),end:wt.createElement(oh,{value:s}),start:wt.createElement(l,null)}});return wt.createElement(X,{header:{title:su.t("Language")}},wt.createElement(ct,null,wt.createElement(nh,{value:t},wt.createElement(eh,{type:wt.createElement(th,{title:su.t("language"),id:"_",onClick:()=>console.log()}),items:n}))))}i(au,"LanguagePage");import{i18n as Xt}from"@lingui/core";import{Button as ph,Checkbox as uh,Image as ch,ListItemButton as mh,NotFound as dh,Typography as fh}from"@rango-dev/ui";import ke,{useState as gh}from"react";import{Checkbox as ah,Skeleton as pu}from"@rango-dev/ui";import wo from"react";import{ListItem as ih,styled as sh}from"@rango-dev/ui";var lu=sh(ih,{height:61});var lh=30;function Ni(){return wo.createElement(To,null,Array.from(Array(lh),t=>wo.createElement(lu,{hasDivider:!0,key:t,start:wo.createElement(pu,{variant:"circular",width:35,height:35}),title:wo.createElement(pu,{variant:"text",size:"large",width:90}),end:wo.createElement(ah,{checked:!1})})))}i(Ni,"LoadingLiquiditySourceList");function Li({sourceType:t}){let e=f().fetchStatus,o=f().swappers(),n=f().disabledLiquiditySources,[r,s]=gh(""),a=f().toggleLiquiditySource,l=Do(o,n),p=[];t==="Exchanges"&&p.push("DEX"),t==="Bridges"&&(p.push("BRIDGE"),p.push("AGGREGATOR"));let u=l.filter(S=>p.includes(S.type)),m=u.length===u.filter(S=>S.selected).length,c=i(()=>{u.forEach(S=>{m?a(S.groupTitle):S.selected||a(S.groupTitle)})},"toggleAllSources"),g=u.map(S=>{let{selected:h,groupTitle:A,logo:w}=S;return{start:ke.createElement(ch,{src:w,size:22,type:"circular"}),onClick:()=>a(A),end:ke.createElement(uh,{checked:h}),title:ke.createElement(fh,{variant:"title",size:"xmedium"},Xt.t(A)),...S}}),d=i(S=>{let h=S.target.value;s(h)},"searchHandler"),T=g;return r&&(T=g.filter(S=>Ke(S.groupTitle,r))),ke.createElement(X,{header:{title:Xt.t(t),suffix:ke.createElement(Wi,null,ke.createElement(ph,{variant:"ghost",size:"xsmall",onClick:c},Xt.t(m?"Deselect all":"Select all")))}},ke.createElement(ct,null,ke.createElement(ut,{value:r,setValue:s,fullWidth:!0,color:"light",variant:"contained",placeholder:Xt.t("Search {sourceType}",{sourceType:t}),onChange:d}),e==="loading"&&ke.createElement(Ni,null),!T.length&&r?ke.createElement(Bi,null,ke.createElement(dh,{title:Xt.t("No results found"),description:Xt.t("Try using different keywords")})):e==="success"&&ke.createElement(To,null,T.map(S=>ke.createElement(ke.Fragment,{key:S.id},ke.createElement(mh,{style:{height:"61px"},...S,selected:!1,hasDivider:!0}))))))}i(Li,"LiquiditySourcePage");import{i18n as yu}from"@lingui/core";import{Divider as _i,getCountCategories as Ah,SelectableCategoryList as bh}from"@rango-dev/ui";import mt,{useState as Su}from"react";import{i18n as $i}from"@lingui/core";import{Divider as gu,Image as kh,ListItemButton as Th,NotFound as wh,Typography as hu}from"@rango-dev/ui";import Fe,{useEffect as xh,useState as vh}from"react";import{BlockchainCategories as Pi}from"@rango-dev/ui";import{TransactionType as Qn}from"rango-sdk";var hh=i((t,e)=>{switch(e){case Pi.ALL:return!0;case Pi.UTXO:return t.type===Qn.TRANSFER;case Pi.OTHER:return t.type!==Qn.TRANSFER&&t.type!==Qn.COSMOS&&t.type!==Qn.EVM;default:return t.type===e}},"filterByType"),uu=i((t,e,o)=>t.filter(n=>hh(n,o)).filter(n=>At(n.name,e)||At(n.displayName,e)),"filterBlockchains");import{ImageContainer as yh,styled as cu}from"@rango-dev/ui";var mu=cu("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),Vn=cu("ul",{padding:0,margin:0,listStyle:"none",overflowY:"auto",paddingRight:"$5",[`& ${yh}`]:{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as Sh,Skeleton as du}from"@rango-dev/ui";import jn from"react";var Ch=20;function fu(){return jn.createElement(Vn,null,Array.from(Array(Ch),t=>jn.createElement(Sh,{key:t,hasDivider:!0,start:jn.createElement(du,{variant:"circular",width:35,height:35}),title:jn.createElement(du,{variant:"text",size:"large",width:90})})))}i(fu,"LoadingBlockchainList");function Mi(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[s,a]=vh(e),{fetchStatus:l}=f();xh(()=>{a([...uu(e,o,r)])},[e,o,r]);let p=i(()=>!s.length&&o?Fe.createElement(Fe.Fragment,null,Fe.createElement(gu,{size:32}),Fe.createElement(wh,{title:$i.t("No results found"),description:$i.t("Try using different keywords")})):Fe.createElement(Vn,{key:`${r}-${o}`},s.map(u=>Fe.createElement(Th,{key:`${u.name}-${u.chainId}`,hasDivider:!0,onClick:()=>n(u),start:Fe.createElement(kh,{src:u.logo,size:30}),title:Fe.createElement(hu,{variant:"title",size:"medium"},u.displayName),id:u.chainId}))),"renderList");return Fe.createElement(mu,null,Fe.createElement(hu,{variant:"label",size:"large"},$i.t("Select Blockchain")),Fe.createElement(gu,{size:4}),l==="loading"&&Fe.createElement(fu,null),l==="success"&&p())}i(Mi,"BlockchainList");function Di(t){let{type:e}=t,o=St(),[n,r]=Su(""),[s,a]=Su("ALL"),l=U.use.setToBlockchain(),p=U.use.setFromBlockchain(),u=f().fetchStatus,m=f().blockchains({type:e}),g=Ah(m)!==1;return mt.createElement(X,{header:{title:yu.t("Select Blockchain")}},mt.createElement(_i,{size:12}),g&&mt.createElement(mt.Fragment,null,mt.createElement(bh,{setCategory:a,category:s,blockchains:m,isLoading:u==="loading"}),mt.createElement(_i,{size:24})),mt.createElement(ut,{value:n,autoFocus:!0,placeholder:yu.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:d=>r(d.target.value)}),mt.createElement(_i,{size:16}),mt.createElement(Mi,{list:m,searchedFor:n,blockchainCategory:s,onChange:d=>{e==="source"?p(d):l(d),o()}}))}i(Di,"SelectBlockchainPage");import{i18n as Fu}from"@lingui/core";import{Divider as Ou}from"@rango-dev/ui";import Jt,{useState as Hh}from"react";import{useNavigate as Qh}from"react-router-dom";import{i18n as Ui}from"@lingui/core";import{BlockchainsChip as Xn,Divider as wu,Image as xu,Skeleton as Nh,Tooltip as Lh,Typography as qi}from"@rango-dev/ui";import le from"react";import{useEffect as Wh}from"react";var Cu=["ETH","COSMOS","OSMOSIS"];function Fi(t,e,o){let n=JSON.parse(JSON.stringify(t)),r=[];if(n.sort(Ih),o?.limit&&t.length>o.limit){let s=o.limit,a=e;if(e.length<=o.limit){let l=o.limit-e.length;for(let p=0;p<=l;p++){let u=n[p];a=a.filter(m=>u.name!==m)}}n.sort(Eh(a)),r=n.splice(s)}return{list:n,more:r}}i(Fi,"prepare");function Ih(t,e){let o=Cu,n=o.findIndex(l=>l===t.name),r=o.findIndex(l=>l===e.name),s=n>-1,a=r>-1;return s&&a?n>r?1:-1:s?-1:a?1:0}i(Ih,"sortByMostUsedBlockchains");function Eh(t){return i(function(o,n){let r=t.findIndex(p=>p===o.name),s=t.findIndex(p=>p===n.name),a=r>-1,l=s>-1;return a&&l?r>s?1:-1:t.includes(o.name)?-1:t.includes(n.name)?1:0},"sortByPreferred")}i(Eh,"generateSortByPreferredBlockchainsFor");function ku(t,e){return!!e.list.find(o=>o.name===t)}i(ku,"isInVisibleList");function Oi(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=f();Wh(()=>{if(e?.selected){let s=Fi(t,o,e);ku(e.selected,s)||n(e?.selected)}},[e?.selected]);let r=Fi(t,o,e);return{list:r.list,more:r.more,history:[]}}i(Oi,"usePrepareBlockchainList");import{styled as Bh}from"@rango-dev/ui";var Tu=Bh("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var Ph=12;function zi(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:s}=t,a=Oi(e,{limit:10,selected:n?.name}),{fetchStatus:l}=f(),p=U.use.resetToBlockchain(),u=U.use.resetFromBlockchain(),m=a.more.length>0,c=a.more.length===1,g=!c&&m;return le.createElement(le.Fragment,null,le.createElement(wu,{size:12}),le.createElement(qi,{variant:"label",size:"large"},Ui.t("Select Blockchain")),le.createElement(wu,{size:12}),le.createElement(Tu,null,l==="loading"&&Array.from(Array(Ph),d=>le.createElement(Nh,{key:d,variant:"rounded",height:50})),l==="success"&&le.createElement(le.Fragment,null,le.createElement(Xn,{selected:!n,onClick:()=>{o==="from"?u():p()}},le.createElement(qi,{variant:"body",size:"xsmall",color:"secondary500"},Ui.t("All"))),a.list.map(d=>le.createElement(Lh,{key:d.name,content:d.shortName,side:"bottom",sideOffset:2,container:O()},le.createElement(Xn,{key:d.name,selected:!!n&&n.name===d.name,onClick:()=>r(d)},le.createElement(xu,{src:d.logo,size:30})))),c?le.createElement(Xn,{key:a.more[0].name,selected:!!n&&n.name===a.more[0].name,onClick:()=>r(a.more[0])},le.createElement(xu,{src:a.more[0].logo,size:30})):null,g?le.createElement(Xn,{onClick:s,key:"more-blockchains"},le.createElement(qi,{variant:"body",size:"xsmall",color:"secondary500"},Ui._("More +{count}",{count:a.more.length}))):null)))}i(zi,"BlockchainsSection");import{i18n as Zi}from"@lingui/core";import{darkTheme as Pu,Divider as Yt,ExternalLinkIcon as _h,Image as Dh,ListItemButton as Fh,NotFound as Oh,PinIcon as Uh,Skeleton as $u,Typography as Jn,VirtualizedList as qh}from"@rango-dev/ui";import F,{forwardRef as zh,useEffect as Mu,useState as _u}from"react";import{Divider as Nu,ListItem as Mh,Skeleton as xo}from"@rango-dev/ui";import Ve from"react";import{css as Kt,darkTheme as vu,ImageContainer as $h,styled as Qe,Typography as Au}from"@rango-dev/ui";var Gi=Kt({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}),Hi=Kt({position:"relative",height:12,width:"30%",maxWidth:"150px"}),Qi=Kt({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",bottom:"-8px"}),Vi=Kt({transform:"translateY(12px)",visibility:"hidden","& a":{display:"flex",justifyContent:"center",alignItems:"center",fontSize:"$12",lineHeight:"$16",$$color:"$colors$neutral600",[`.${vu} &`]:{$$color:"$colors$neutral700"},color:"$$color",textDecoration:"none"}}),ji=Kt({}),Xi=Kt(),bu=Qe("div",{display:"flex",flexDirection:"column",flexGrow:1}),Ki=Qe("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),Kn=Qe("ul",{flexGrow:1,padding:0,margin:0,listStyle:"none","& li":{alignItems:"none","&:hover":{[`& .${Hi}`]:{[`& .${Vi}`]:{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",visibility:"visible"},[`& .${ji}`]:{bottom:"-15px"},[`& .${Gi}`]:{position:"absolute",transform:"translateY(-12px)",visibility:"hidden"},[`& .${Qi}`]:{position:"absolute",transform:"translateY(-12px)",bottom:"-10px"}}}}}),Yi=Qe("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),Ji=Qe(Au,{}),Iu=Qe("div",{textAlign:"right",width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",[`& .${Xi}`]:{$$color:"$colors$neutral600",[`.${vu} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Yn=Qe("div",{display:"flex",alignItems:"end",flexDirection:"column"}),fN=Qe("div",{display:"flex",alignItems:"center"}),Eu=Qe("div",{position:"relative",[`& ${$h}`]:{borderRadius:"$xm",overflow:"hidden"}}),Wu=Qe("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6}),Bu=Qe(Au,{width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"});function Lu(t){return Ve.createElement(Kn,null,Array.from(Array(t.size),e=>Ve.createElement(Mh,{key:e,hasDivider:!0,start:Ve.createElement(xo,{variant:"circular",width:35,height:35}),end:Ve.createElement(Yn,null,Ve.createElement(xo,{variant:"text",size:"large",width:70}),Ve.createElement(Nu,{size:4}),Ve.createElement(xo,{variant:"text",size:"medium",width:50})),title:Ve.createElement("div",null,Ve.createElement(xo,{variant:"text",size:"large",width:90}),Ve.createElement(Nu,{size:4}),Ve.createElement(xo,{variant:"text",size:"medium",width:90}))})))}i(Lu,"LoadingTokenList");var Ri=20,Gh=i(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:s,customCssForTagTitle:a}=t,l=e.length;return F.createElement("div",{className:Hi()},o?F.createElement("div",{className:Gi()},o):F.createElement(Ki,{className:Qi()},F.createElement(Jn,{variant:"title",size:"xmedium"},r.symbol),F.createElement(Yt,{direction:"horizontal",size:4}),F.createElement(Yi,{css:s},F.createElement(Ji,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&F.createElement("div",{className:`${Vi()} ${!o&&ji()}`},F.createElement("a",{href:n,target:"_blank",rel:"nofollow noreferrer",onClick:p=>p.stopPropagation()},l>10?`${e.slice(0,5)}...${e.slice(l-6,l)}`:e," ",F.createElement(Yt,{size:4,direction:"horizontal"}),F.createElement(_h,{color:"gray",size:12}))))},"renderDesc");function Du(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[s,a]=_u(e),l=f().fetchStatus,p=f().blockchains(),[u,m]=_u(!0),{getBalanceFor:c,loading:g}=z(),{isTokenPinned:d}=f(),T=zh((A,w)=>F.createElement("div",{...A,ref:w,style:{...A.style,height:`${parseFloat(A.style?.height)+8*2}px`}})),S=i(()=>{a(e.slice(0,s.length+Ri))},"loadNextPage");Mu(()=>{m(e.length>s.length)},[s.length]),Mu(()=>{a(e.slice(0,Ri))},[e]);let h=i(()=>!s.length&&o?F.createElement(F.Fragment,null,F.createElement(Yt,{size:32}),F.createElement(Oh,{title:Zi.t("No results found"),description:Zi.t("Try using different keywords")})):F.createElement(qh,{Item:({index:A,style:w})=>{let x=s[A],b=Vo(c(x)),C=x.address||"",v=p.find(N=>N.name===x.blockchain),I=yn(x.symbol,v?.color||""),y={$$color:I[`${x.symbol}100`],[`.${Pu} &`]:{$$color:I[`${x.symbol}900`]},backgroundColor:"$$color"},$={$$color:I[`${x.symbol}700`],[`.${Pu} &`]:{$$color:I[`${x.symbol}100`]},color:"$$color"};return F.createElement("div",{style:{...w,paddingRight:5}},F.createElement(Fh,{style:{height:w?.height,width:"100%",overflow:"hidden"},"tab-index":A,key:`${x.symbol}${x.address}`,id:`${x.symbol}${x.address}`,hasDivider:!0,onClick:()=>n(s[A]),start:F.createElement(Eu,null,F.createElement(Dh,{src:x.image,size:30}),d(x,t.type)&&F.createElement(Wu,null,F.createElement(Uh,{size:12,color:"gray"}))),title:v?.type==="COSMOS"||x.name||!x.name&&!C?F.createElement(Ki,null,F.createElement(Jn,{variant:"title",size:"xmedium"},x.symbol),F.createElement(Yt,{direction:"horizontal",size:4}),F.createElement(Yi,{css:y},F.createElement(Ji,{variant:"body",size:"xsmall",css:$},x.blockchain))):void 0,description:v?.info&&C&&v.type!=="COSMOS"?Gh({address:C,token:s[A],customCssForTag:y,customCssForTagTitle:$,name:x.name,url:v.info.addressUrl.split("{wallet}").join(C)}):x.name||void 0,end:g?F.createElement(Yn,null,F.createElement($u,{variant:"text",size:"large",width:70}),F.createElement(Yt,{size:4}),F.createElement($u,{variant:"text",size:"medium",width:50})):b&&F.createElement(Iu,null,F.createElement(Bu,{variant:"title",size:"small"},b.amount),F.createElement("div",null),b.usdValue&&F.createElement(Jn,{variant:"body",className:Xi(),size:"xsmall"},`$${b.usdValue}`))}))},hasNextPage:u,itemCount:s.length,loadNextPage:S,innerElementType:T,size:60,key:`${r}-${o}`}),"renderList");return F.createElement(bu,null,F.createElement(Jn,{variant:"label",size:"large"},Zi.t("Select Token")),F.createElement(Yt,{size:4}),l==="loading"&&F.createElement(Lu,{size:Ri}),l==="success"&&F.createElement(Kn,null,h()))}i(Du,"TokenList");function es(t){let{type:e}=t,o=Qh(),n=St(),{fromBlockchain:r,toBlockchain:s,setFromToken:a,setToToken:l,setFromBlockchain:p,setToBlockchain:u}=U(),m=z.use.getBalanceFor(),[c,g]=Hh(""),{isTokenPinned:d}=f(),S=(e==="source"?r:s)?.name??"",h=f().blockchains({type:e}),A=f().tokens({type:e,blockchain:S,searchFor:c}),x=Gs(A,m,i(v=>d(v,e),"checkIsTokenPinned")),b=i(v=>{e==="source"?p(v):u(v)},"updateBlockchain"),C=i(v=>{e==="source"?a({token:v,meta:{blockchains:h,tokens:A}}):l({token:v,meta:{blockchains:h,tokens:A}})},"updateToken");return Jt.createElement(X,{header:{title:Fu.t("Swap {type}",{type:e})}},Jt.createElement(zi,{blockchains:h,type:e=="source"?"from":"to",blockchain:e==="source"?r:s,onMoreClick:()=>o(_.blockchains),onChange:v=>{b(v)}}),Jt.createElement(Ou,{size:24}),Jt.createElement(ut,{value:c,autoFocus:!0,placeholder:Fu.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>g(""),onChange:v=>g(v.target.value)}),Jt.createElement(Ou,{size:16}),Jt.createElement(Du,{list:x,selectedBlockchain:S,searchedFor:c,type:e,onChange:v=>{C(v);let I=h.find(y=>v.blockchain===y.name);I&&b(I),n()}}))}i(es,"SelectSwapItemsPage");import{i18n as Pt}from"@lingui/core";import{ChevronRightIcon as ns,Divider as rs,InfoIcon as Rh,List as ey,ListItemButton as ty,Skeleton as oy,Switch as ny,Tooltip as ry,Typography as $t}from"@rango-dev/ui";import V from"react";import{useNavigate as iy}from"react-router-dom";import{i18n as Qu}from"@lingui/core";import{Divider as Kh,InfoIcon as Yh,TextField as Jh,Tooltip as Zh,Typography as Vu}from"@rango-dev/ui";import Ne from"react";import{Chip as Vh,styled as vo,TextField as jh}from"@rango-dev/ui";var Uu=vo("div",{paddingTop:"$5",padding:"$10 $5"}),qu=vo("div",{display:"flex",flexWrap:"wrap",gap:"$10",[`& ${jh}`]:{flex:"1 1 0",maxWidth:"127px",minWidth:"85px"}}),zu=vo("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),Zn=vo("div",{maxWidth:"280px",padding:"$10"}),Gu=vo(Vh,{width:"61px",flexShrink:0});import{i18n as ts}from"@lingui/core";import{Typography as Xh}from"@rango-dev/ui";import Ao from"react";function Hu(){return Ao.createElement(Zn,null,Ao.createElement(Xh,{variant:"label",size:"medium",color:"neutral700"},ts.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),Ao.createElement("br",null),Ao.createElement("br",null),Ao.createElement("b",null,ts.t("Warning")),":",ts.t("This setting is applied per step, e.g. 1Inch, Thorchain, etc. and only that step will be reverted, not the whole transaction")))}i(Hu,"SlippageTooltipContent");function os(){let{slippage:t,setSlippage:e,customSlippage:o,setCustomSlippage:n}=f();return Ne.createElement(Uu,null,Ne.createElement(zu,null,Ne.createElement(Vu,{variant:"title",size:"xmedium"},Qu.t("Slippage tolerance per swap")),Ne.createElement(Kh,{direction:"horizontal",size:4}),Ne.createElement(Zh,{container:O(),side:"top",sideOffset:4,content:Ne.createElement(Hu,null)},Ne.createElement(Yh,{color:"gray"}))),Ne.createElement(qu,null,Ks.map((r,s)=>{let a=`slippage-${s}`;return Ne.createElement(Ne.Fragment,null,Ne.createElement(Gu,{key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`}))}),Ne.createElement(Jh,{type:"number",min:"0.01",max:"30",step:"0.01",fullWidth:!0,variant:"contained",value:o||"",color:"dark",onChange:r=>{let s=parseFloat(r.target.value);(!s||s>=Rs&&s<=Zs)&&n(s)},suffix:o&&Ne.createElement(Vu,{variant:"body",size:"small"},"%"),placeholder:Qu.t("Custom")})))}i(os,"Slippage");function ju(){let t=iy(),{theme:e}=f().config,o=f().fetchStatus,n=f().swappers(),r=f().disabledLiquiditySources,{config:{features:s}}=f(),a=Le("theme",s),l=Le("liquiditySource",s),p=Le("language",s),u=f().infiniteApprove,m=f().toggleInfiniteApprove,c=Do(n,r),g=c.filter(y=>y.type==="BRIDGE"||y.type==="AGGREGATOR"),d=g.length,T=g.filter(y=>y.selected).length,S=c.filter(y=>y.type==="DEX"),h=S.length,A=S.filter(y=>y.selected).length,w=i((y,$)=>{switch(o){case"loading":return V.createElement(oy,{variant:"text",size:"medium",width:50});case"failed":return V.createElement($t,{variant:"body",size:"medium",color:"$error500"},Pt.t("Loading failed"));default:return V.createElement($t,{variant:"body",size:"medium"},`${y} / ${$}`)}},"handleEndItem"),x={id:"bridge-item",title:V.createElement($t,{variant:"title",size:"xmedium"},Pt.t("Enabled bridges")),end:V.createElement(V.Fragment,null,w(T,d),V.createElement(rs,{direction:"horizontal",size:8}),V.createElement(ns,{color:"black"})),onClick:()=>t(_.bridges)},b={id:"exchange-item",title:V.createElement($t,{variant:"title",size:"xmedium"},Pt.t("Enabled exchanges")),end:V.createElement(V.Fragment,null,w(A,h),V.createElement(rs,{direction:"horizontal",size:8}),V.createElement(ns,{color:"gray"})),onClick:()=>t(_.exchanges)},C={id:"theme-item",title:V.createElement($t,{variant:"title",size:"xmedium"},Pt.t("Theme")),end:V.createElement(ns,{color:"gray"}),onClick:()=>t(_.themes)},v={id:"infinite-approval-item",title:V.createElement(V.Fragment,null,V.createElement($t,{variant:"title",size:"xmedium"},Pt.t("Infinite approval")),V.createElement(rs,{direction:"horizontal",size:4}),V.createElement(ry,{side:"top",sideOffset:4,container:O(),content:V.createElement(Zn,null,V.createElement($t,{variant:"label",size:"medium",color:"neutral700"},Pt.t("Enabling the 'Infinite approval' mode grants unrestricted access to smart contracts of DEXes/Bridges, allowing them to utilize the approved token amount without limitations.")))},V.createElement(Rh,{color:"gray"}))),end:V.createElement(ny,{checked:u}),onClick:m},I=l?[]:[x,b];return!e?.singleTheme&&!a&&I.push(C),I.push(v),V.createElement(X,{header:{title:Pt.t("Settings")}},V.createElement(ct,null,V.createElement(os,null),V.createElement(ey,{type:V.createElement(ty,{title:"_",id:"_",onClick:()=>console.log()}),items:I})))}i(ju,"SettingsPage");import{cancelSwap as Xy}from"@rango-dev/queue-manager-rango-preset";import{useManager as Ky}from"@rango-dev/queue-manager-react";import bc from"react";import{i18n as dt}from"@lingui/core";import{getCurrentBlockchainOfOrNull as Wy,getCurrentStep as By,getRelatedWalletOrNull as Ny}from"@rango-dev/queue-manager-rango-preset";import{Button as Sc,CopyIcon as Ly,Divider as Py,IconButton as $y,QuoteCost as My,StepDetails as _y,Typography as eo,useCopyToClipboard as Dy}from"@rango-dev/ui";import{useWallets as Fy}from"@rango-dev/wallets-react";import Cc from"bignumber.js";import{PendingSwapNetworkStatus as ur}from"rango-types";import K,{useEffect as kc,useRef as Oy,useState as Tc}from"react";import{useNavigate as Uy}from"react-router-dom";import{i18n as xt}from"@lingui/core";var sy=[xt.t("Sunday"),xt.t("Monday"),xt.t("Tuesday"),xt.t("Wednesday"),xt.t("Thursday"),xt.t("Friday"),xt.t("Saturday")];function Xu(t){let e=new Date(t),o=e.getDate(),n=e.toLocaleString("default",{month:"long"}),r=e.getFullYear();return`${e.getDay()===new Date().getDay()?xt.t("Today"):`${sy[e.getDay()]} ${o} ${n} ${r}`}, ${new Date(t).toLocaleTimeString()}`}i(Xu,"timeSince");function Ku(t){return t.finishTime?Xu(parseInt(t.finishTime)):Xu(parseInt(t.creationTime))}i(Ku,"getSwapDate");import{Modal as dy}from"@rango-dev/ui";import{PendingSwapNetworkStatus as tr}from"rango-types";import or from"react";import{i18n as Rn}from"@lingui/core";import{Button as Yu,Divider as is,MessageBox as ay,Typography as Ju}from"@rango-dev/ui";import nt from"react";var Zu=i(({onCancel:t,onClose:e})=>nt.createElement(nt.Fragment,null,nt.createElement(is,{size:20}),nt.createElement(ay,{type:"error",title:Rn.t("Cancel Swap"),description:Rn.t("Are you sure you want to cancel this swap?")}),nt.createElement(is,{size:32}),nt.createElement(Yu,{variant:"contained",type:"primary",size:"large",onClick:t},nt.createElement(Ju,{variant:"title",size:"medium",color:"neutral100"},Rn.t("Yes, Cancel it"))),nt.createElement(is,{size:12}),nt.createElement(Yu,{variant:"outlined",type:"primary",size:"large",onClick:e},nt.createElement(Ju,{variant:"title",size:"medium",color:"primary"},Rn.t("No, Continue")))),"CancelContent");import{i18n as er}from"@lingui/core";import{Button as Ru,Divider as ss,MessageBox as ly,Typography as ec}from"@rango-dev/ui";import rt from"react";var tc=i(({onDelete:t,onClose:e})=>rt.createElement(rt.Fragment,null,rt.createElement(ss,{size:20}),rt.createElement(ly,{type:"error",title:er.t("Delete Transaction"),description:er.t("Are you sure you want to delete this swap?")}),rt.createElement(ss,{size:32}),rt.createElement(Ru,{variant:"contained",type:"primary",size:"large",onClick:t},rt.createElement(ec,{variant:"title",size:"medium",color:"neutral100"},er.t("Yes, Delete it"))),rt.createElement(ss,{size:12}),rt.createElement(Ru,{variant:"outlined",type:"primary",size:"large",onClick:e},rt.createElement(ec,{variant:"title",size:"medium",color:"primary"},er.t("No, Cancel")))),"DeleteContent");import{i18n as as}from"@lingui/core";import{PendingSwapNetworkStatus as ls}from"rango-types";var ps={[ls.WaitingForNetworkChange]:{type:"loading",title:as.t("Change Network")},[ls.WaitingForConnectingWallet]:{type:"warning",title:as.t("Connect Wallet")},[ls.NetworkChanged]:{type:"success",title:as.t("Network Changed")}};import{MessageBox as uy,Wallet as cy}from"@rango-dev/ui";import{useWallets as my}from"@rango-dev/wallets-react";import bo from"react";import{styled as py}from"@rango-dev/ui";var oc=py("div",{display:"flex",justifyContent:"center"});var nc=i(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:s}=t,{connect:a,getWalletInfo:l,state:p}=my(),u=n?.walletType,m=u?kr(p(u)):null,c=u?l(u):null;return bo.createElement(bo.Fragment,null,bo.createElement(uy,{type:e,title:o,description:r}),s&&!!u&&!!m&&!!c&&bo.createElement(oc,null,bo.createElement(cy,{container:O(),title:c.name,image:c.img,type:u,state:m,link:c.installLink,onClick:async()=>a(u)})))},"WalletStateContent");function us(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:s,message:a}=t,l=e===tr.WaitingForNetworkChange||e===tr.WaitingForConnectingWallet||e===tr.NetworkChanged;return or.createElement(dy,{open:!!e,onClose:o,container:document.getElementById(Te)||document.body},l&&or.createElement(nc,{type:ps[e].type,title:ps[e].title,currentStepWallet:s,message:a,showWalletButton:e!==tr.WaitingForNetworkChange}),e==="delete"&&or.createElement(tc,{onClose:o,onDelete:n}),e==="cancel"&&or.createElement(Zu,{onClose:o,onCancel:r}))}i(us,"SwapDetailsModal");import{i18n as Io}from"@lingui/core";import{Button as cs,Divider as nr,MessageBox as rc,Modal as fy,TokenAmount as gy,Typography as rr}from"@rango-dev/ui";import me from"react";import{useNavigate as hy}from"react-router-dom";function ms(t){let{open:e,onClose:o,status:n,priceValue:r,usdValue:s,realUsdValue:a,realValue:l,token:p,chain:u,percentageChange:m,description:c,diagnosisUrl:g}=t,d=hy();return me.createElement(fy,{open:e,onClose:o,container:document.getElementById(Te)||document.body},n==="success"?me.createElement(rc,{type:"success",title:Io.t("Swap Successful")},me.createElement(gy,{direction:"vertical",tooltipContainer:O(),type:"output",centerAlign:!0,price:{value:r,usdValue:s,realUsdValue:a,realValue:l},token:p,chain:u,percentageChange:m}),me.createElement(nr,{size:12}),me.createElement(rr,{variant:"body",size:"medium",color:"neutral700",align:"center"},c)):me.createElement(rc,{type:"error",title:Io.t("Transaction Failed"),description:c}),me.createElement(nr,{size:32}),n==="success"&&me.createElement(cs,{variant:"contained",type:"primary",size:"large",onClick:()=>{d("../../")}},me.createElement(rr,{variant:"title",size:"medium",color:"neutral100"},Io.t("Done"))),me.createElement(nr,{size:12}),g&&me.createElement(me.Fragment,null,me.createElement(cs,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(g,"_blank")},me.createElement(rr,{variant:"title",size:"medium",color:"primary"},Io.t("Diagnosis"))),me.createElement(nr,{size:12})),me.createElement(cs,{variant:"outlined",type:"primary",size:"large",onClick:o},me.createElement(rr,{variant:"title",size:"medium",color:"primary"},Io.t("See Details"))))}i(ms,"SwapDetailsCompleteModal");import Iy from"react";import{i18n as xy}from"@lingui/core";import{Alert as uc,IconButton as vy,LinkIcon as Ay}from"@rango-dev/ui";import vt,{Fragment as by}from"react";import{Alert as yy,ChevronDownIcon as Sy,ChevronUpIcon as Cy,IconButton as ky}from"@rango-dev/ui";import ir,{useState as Ty}from"react";function ic(t){let{message:e}=t,[o,n]=Ty(!1);return ir.createElement(yy,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&ir.createElement(ky,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?ir.createElement(Cy,{size:12,color:"gray"}):ir.createElement(Sy,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}i(ic,"FailedAlert");import{styled as wy}from"@rango-dev/ui";var sc=wy("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as ac}from"@lingui/core";import{Alert as ds,Button as lc}from"@rango-dev/ui";import{PendingSwapNetworkStatus as fs}from"rango-types";import Eo from"react";function pc(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?Eo.createElement(ds,{type:"warning",title:n.shortMessage,action:Eo.createElement(lc,{size:"xxsmall",type:"warning",onClick:()=>{o(fs.WaitingForNetworkChange),e().catch(s=>{console.log(s)})}},ac.t("Change"))}):r===fs.WaitingForConnectingWallet?Eo.createElement(ds,{type:"warning",title:n.shortMessage,action:Eo.createElement(lc,{size:"xxsmall",type:"warning",onClick:()=>{o(fs.WaitingForConnectingWallet)}},ac.t("Connect"))}):Eo.createElement(ds,{type:"warning",title:n.shortMessage})}i(pc,"WarningAlert");function gs(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:s,hasAlreadyProceededToSign:a}=t,l=ro(s),p=s.status==="waitingForApproval"&&!l,u=s.status==="running"&&!l;return vt.createElement(sc,null,s.explorerUrl?.map((m,c,g)=>{let d=c+m.url,T=c===g.length-1,S=T&&u||p,h=T&&s.status==="failed";return vt.createElement(by,{key:d},vt.createElement(uc,{type:S&&"loading"||h&&"error"||"success",title:m.description?`${m.description} Tx`:xy.t("View transaction"),action:m.url&&vt.createElement(vy,{variant:"ghost",size:"xsmall",onClick:()=>window.open(m.url,"_blank")},vt.createElement(Ay,{size:16}))}))}),(u&&!a||p&&!s.explorerUrl?.length)&&vt.createElement(uc,{type:"loading",title:r.shortMessage}),s.status!=="failed"&&l&&vt.createElement(pc,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),s.status==="failed"&&vt.createElement(ic,{message:r}))}i(gs,"SwapDetailsAlerts");var cc=2e3;var mc=i(({swap:t,blockchains:e,...o})=>{let n=t.hasAlreadyProceededToSign!==!1;return t.steps.map((r,s)=>{let a=s===0?t.inputAmount:t.steps[s-1].outputAmount||t.steps[s-1].expectedOutputAmountHumanReadable;return{from:{token:{displayName:r.fromSymbol,image:r.fromLogo??""},chain:{displayName:Je(r.fromBlockchain,e)??"",image:r.fromBlockchainLogo??""},price:{value:W(a,6,6),realValue:a}},to:{token:{displayName:r.toSymbol,image:r.toLogo},chain:{displayName:Je(r.toBlockchain,e)??"",image:r.toBlockchainLogo??""},price:{value:W(r.outputAmount||r.expectedOutputAmountHumanReadable,6,6),realValue:r.outputAmount||r.expectedOutputAmountHumanReadable}},swapper:{displayName:r.swapperId,image:r.swapperLogo??""},alerts:Iy.createElement(gs,{step:r,hasAlreadyProceededToSign:n,...o})}})},"getSteps");function dc(t){if(ro(t)&&t.status!=="failed"&&t.status!=="success")return"warning";switch(t.status){case"created":return"default";case"approved":case"waitingForApproval":case"running":return"in-progress";case"failed":return"error";case"success":return"completed"}}i(dc,"getStepState");import{css as sr,darkTheme as Ey,styled as Zt}from"@rango-dev/ui";var ar=Zt("div",{display:"flex",width:"100%",flexDirection:"column",alignItems:"center",height:"0",flexGrow:1}),lr=Zt("div",{width:"100%"}),fc=Zt("div",{padding:"$0 $20 $20 $20",width:"100%",overflow:"auto"}),RP=Zt("div",{display:"flex",flexDirection:"column",gap:"$10"}),gc=Zt("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),e$=Zt("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1}),Rt=sr({display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",padding:"$10 $20",borderBottom:"1px solid",$$color:"$colors$neutral300",[`.${Ey} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color",color:"$neutral500"}),pr=sr({display:"flex",justifyContent:"center",alignItems:"center",height:"$24"}),hc=sr({display:"flex",width:"100%",padding:"$15 $20 $20",flexDirection:"column",alignItems:"start"}),yc=sr({width:"100%",padding:"0 $20 $10"});function hs(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:s,connect:a,getWalletInfo:l}=Fy(),p=f().blockchains(),u=f().tokens(),m=U.use.retry(),c=Uy(),[g,d]=Dy(cc),T=Oy(null),[S,h]=Tc(null),[A,w]=Tc(null),x=i(()=>{r(),h(null)},"onCancel"),b=Me.use.getUnreadNotifications(),C=Me.use.setAsRead(),v=b(),I=By(e),y=I?.networkStatus;kc(()=>{v.find(de=>de.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(w(e.status),C(e.requestId))},[e.status]),kc(()=>{G?h(ur.WaitingForNetworkChange):y===ur.WaitingForConnectingWallet||y===ur.NetworkChanged?h(y):h(null)},[y]);let $=ya(e),N=I?Wy(e,I):null,L=I?Ny(e,I):null,k=Ku(e),M=Sa(e),E=i(ue=>!!l(ue)?.mobileWallet,"isMobileWallet"),G=y===ur.WaitingForNetworkChange&&!!N&&!!L?.walletType&&(E(L.walletType)||s(L.walletType,N)),J=G?a.bind(null,L.walletType,N):void 0,te=ha(e,I),H=mc({swap:e,switchNetwork:J,showNetworkModal:y,setNetworkModal:h,message:te,blockchains:p}),re=H.length,[ye,Se]=[e.steps[0],e.steps[re-1]],Ce=Se.outputAmount||Se.expectedOutputAmountHumanReadable,Mt=e.steps.reduce((ue,de)=>ue+parseFloat(de.feeInUsd||""),0),oo=e.steps.find(ue=>ue.diagnosisUrl)?.diagnosisUrl,it=W(parseFloat(W(Ce,6,6))*(Se.toUsdPrice||0),4,4),Xe=W(parseFloat(e.inputAmount)*(ye.fromUsdPrice||0),4,4),D=Ce?se(new Cc(Ce).multipliedBy(Se.toUsdPrice||0)):"",Y=se(new Cc(e.inputAmount).multipliedBy(ye.fromUsdPrice||0)),j=$e(Xe,it),Ee=e.status==="success"?dt.t({id:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:W(Ce,6,6),token:H[re-1].to.token.displayName,conciseAddress:jo(e.wallets[H[re-1].to.chain.displayName]?.address||""),chain:H[re-1].to.chain.displayName}}):`${dt.t("Transaction was not sent.")} ${$?dt.t({id:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:$.outputAmount,symbol:$.symbol,blockchain:$.blockchain}}):""}`;return K.createElement(X,{noPadding:!0,header:{title:dt.t("Swap and Bridge"),onCancel:e.status==="running"?()=>h("cancel"):void 0,suffix:e.status!=="running"&&K.createElement(Gt,null,K.createElement(Sc,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>h("delete")},K.createElement(eo,{size:"medium",variant:"label",color:"error"},dt.t("Delete"))))},footer:M&&!A&&K.createElement(Sc,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{m(e,{blockchains:p,tokens:u}),setTimeout(()=>{c("../../")},0)}},dt.t("Try again"))},K.createElement(ar,null,K.createElement(lr,null,K.createElement("div",{className:Rt()},K.createElement(eo,{variant:"label",size:"large",color:"neutral700"},`${dt.t("Request ID")}:`),K.createElement("div",{className:pr()},K.createElement(eo,{variant:"label",size:"small",color:"neutral700"},o),K.createElement($y,{variant:"ghost",onClick:d.bind(null,o||"")},K.createElement(Ly,{size:16,color:"gray"})))),K.createElement("div",{className:Rt()},K.createElement(eo,{variant:"label",size:"large",color:"neutral700"},`${dt.t(e.finishTime?"Finished at":"Created at")}:`),K.createElement(eo,{variant:"label",size:"small",color:"neutral700"},k))),K.createElement("div",{className:hc()},K.createElement(My,{fee:W(String(Mt),2,2),time:Oo(Uo(e.steps)),steps:re}),K.createElement(po,{from:{price:{value:W(e.inputAmount,6,6),usdValue:Xe,realUsdValue:Y,realValue:e.inputAmount},token:{displayName:H[0].from.token.displayName,image:H[0].from.token.image},chain:{image:H[0].from.chain.image,displayName:H[0].from.chain.displayName}},to:{price:{value:W(Ce,6,6),usdValue:it,realUsdValue:D,realValue:Ce},token:{displayName:H[re-1].to.token.displayName,image:H[re-1].to.token.image},chain:{image:H[re-1].to.chain.image,displayName:H[re-1].to.chain.displayName}},percentageChange:W(j,2,2),warningLevel:at(j??0)})),K.createElement("div",{className:yc()},K.createElement(eo,{variant:"title",size:"small"},dt.t("Swaps steps"))),K.createElement(Py,{size:8}),K.createElement(fc,{ref:T},H.map((ue,de)=>{let $o=de,st=dc(e.steps[de]),Gc=st==="error"||st==="in-progress"||st==="warning"||st==="completed"&&de===H.length-1;return K.createElement(_y,{key:$o,step:ue,type:"swap-progress",ref:T,state:st,hasSeparator:de!==0,tabIndex:$o,isFocused:Gc,tooltipContainer:O()})}))),K.createElement(us,{state:S,onClose:()=>h(null),onCancel:x,onDelete:n,message:te.detailedMessage.content,currentStepWallet:L}),K.createElement(ms,{open:!!A,diagnosisUrl:oo,onClose:()=>w(null),status:e.status==="success"?"success":"failed",priceValue:W(Ce,6,6),usdValue:it,realUsdValue:D,realValue:se(Ce),percentageChange:W(j,2,2),token:{displayName:H[re-1].to.token.displayName,image:H[re-1].to.token.image},chain:{image:H[re-1].to.chain.image},description:Ee}))}i(hs,"SwapDetails");import{i18n as Bo}from"@lingui/core";import{CopyIcon as Qy,IconButton as Vy,NotFound as jy,Skeleton as vc,Typography as mr}from"@rango-dev/ui";import pe from"react";import{i18n as qy}from"@lingui/core";import{Divider as zy,Skeleton as Gy,Typography as Hy}from"@rango-dev/ui";import ie from"react";import{css as je,styled as ys}from"@rango-dev/ui";var wc=ys("div",{width:"100%",height:"100%",padding:"$10 $20"}),Wo=ys("div",{backgroundColor:"$neutral100",borderRadius:"$xm",padding:"$10 $15"}),cr=ys("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"}),N$=je({display:"flex",justifyContent:"space-between",alignItems:"center"}),L$=je({display:"flex",justifyContent:"space-between",alignItems:"center"}),P$=je({paddingTop:"$15",display:"flex"}),$$=je({padding:"$15 $0"}),M$=je({width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"}),_$=je({paddingBottom:"$10"}),D$=je({display:"flex",justifyContent:"start",alignItems:"center"}),F$=je({paddingTop:"$5",display:"flex",alignItems:"center"}),O$=je({display:"flex",alignItems:"center"}),U$=je({padding:"$4 $6",display:"flex",justifyContent:"center",alignItems:"center"}),xc=je({display:"flex",paddingTop:"$10",paddingBottom:"$5"});function Ss(){return ie.createElement(wc,null,ie.createElement(fo,{type:"swap-preview"}),ie.createElement("div",{className:"swaps-steps"},ie.createElement(Hy,{variant:"title",size:"small"},qy.t("Swaps steps"))),ie.createElement(ie.Fragment,null,ie.createElement(Wo,null,ie.createElement(tt,{separator:!1}),ie.createElement("div",{className:xc()},ie.createElement(zy,{direction:"horizontal",size:20}),ie.createElement(Gy,{height:22,variant:"rectangular"}))),ie.createElement(cr,null),ie.createElement(Wo,null,ie.createElement(tt,{separator:!1})),ie.createElement(cr,null),ie.createElement(Wo,null,ie.createElement(tt,{separator:!1})),ie.createElement(cr,null),ie.createElement(Wo,null,ie.createElement(tt,{separator:!1}))))}i(Ss,"LoadingSwapDetails");function Ac(t){let{requestId:e,showSkeleton:o}=t;return pe.createElement(X,{noPadding:!0,header:{title:Bo.t("Swap and Bridge"),suffix:pe.createElement(Gt,null)}},o&&pe.createElement(ar,null,pe.createElement(lr,null,pe.createElement("div",{className:Rt()},pe.createElement(mr,{variant:"label",size:"large",color:"neutral700"},`${Bo.t("Request ID")}:`),pe.createElement("div",{className:pr()},pe.createElement(mr,{variant:"label",size:"small",color:"neutral700"},pe.createElement(vc,{width:60,height:10,variant:"rounded"})),pe.createElement(Vy,{variant:"ghost"},pe.createElement(Qy,{size:16,color:"gray"})))),pe.createElement("div",{className:Rt()},pe.createElement(mr,{variant:"label",size:"large",color:"neutral700"},`${Bo.t("Created at")}:`),pe.createElement(mr,{variant:"label",size:"small",color:"neutral700"},pe.createElement(vc,{width:60,height:10,variant:"rounded"})))),pe.createElement(Ss,null)),!o&&pe.createElement(gc,null,pe.createElement(jy,{title:Bo.t("Not found"),description:Bo.t({id:"Swap with request ID = {requestId} not found.",values:{requestId:e}})})))}i(Ac,"SwapDetailsPlaceholder");function Ic(){let{manager:t,state:e}=Ky(),o=!e.loadedFromPersistor,n=jt(t),r=Ae.use.selectedSwapRequestId(),s=St(),{fetchStatus:a}=f(),l=o||a==="loading",p=n.find(({swap:g})=>g.requestId===r),u=i(()=>{if(p?.id){let g=t?.get(p.id);g&&Xy(g)}},"onCancel"),m=i(async()=>{if(p?.id)try{t?.deleteQueue(p.id),s()}catch(g){console.log(g)}},"onDelete"),c=p?.swap;return!c||l?bc.createElement(Ac,{requestId:r||"",showSkeleton:l}):bc.createElement(hs,{swap:c,requestId:r||"",onCancel:u,onDelete:m})}i(Ic,"SwapDetailsPage");import{i18n as No}from"@lingui/core";import{AutoThemeIcon as Yy,DarkModeIcon as Jy,LightModeIcon as Zy,List as Ry,ListItemButton as eS,Radio as Cs,RadioRoot as tS,Typography as ks}from"@rango-dev/ui";import be from"react";function Ec(){let{setTheme:t,theme:e}=f(),o=[{id:"light",value:"light",title:be.createElement(ks,{variant:"title",size:"xmedium"},No.t("Light")),onClick:()=>t("light"),start:be.createElement(Zy,{color:"gray"}),end:be.createElement(Cs,{value:"light"})},{id:"dark",value:"dark",title:be.createElement(ks,{variant:"title",size:"xmedium"},No.t("Dark")),onClick:()=>t("dark"),start:be.createElement(Jy,{color:"gray"}),end:be.createElement(Cs,{value:"dark"})},{id:"auto",value:"auto",title:be.createElement(ks,{variant:"title",size:"xmedium"},No.t("Auto")),onClick:()=>t("auto"),start:be.createElement(Yy,{color:"gray"}),end:be.createElement(Cs,{value:"auto"})}];return be.createElement(X,{header:{title:No.t("Theme")}},be.createElement(ct,null,be.createElement(tS,{onValueChange:n=>t(n),value:e},be.createElement(Ry,{type:be.createElement(eS,{title:No.t("Theme"),id:"_",onClick:()=>console.log()}),items:o}))))}i(Ec,"ThemePage");function Wc(){return oS([{path:_.home,element:Ie.createElement(iu,null)},{path:_.fromSwap,children:[{index:!0,element:Ie.createElement(es,{type:"source"})},{path:_.blockchains,element:Ie.createElement(Di,{type:"source"})}]},{path:_.toSwap,children:[{index:!0,element:Ie.createElement(es,{type:"destination"})},{path:_.blockchains,element:Ie.createElement(Di,{type:"destination"})}]},{path:_.settings,children:[{index:!0,element:Ie.createElement(ju,null)},{path:_.themes,element:Ie.createElement(Ec,null)},{path:_.languages,element:Ie.createElement(au,null)},{path:_.exchanges,element:Ie.createElement(Li,{sourceType:"Exchanges"})},{path:_.bridges,element:Ie.createElement(Li,{sourceType:"Bridges"})}]},{path:_.swaps,children:[{index:!0,element:Ie.createElement(eu,null)},{path:_.swapDetails,element:Ie.createElement(Ic,null)}]},{path:_.wallets,element:Ie.createElement(Tl,null)},{path:_.confirmSwap,element:Ie.createElement(Hp,null)}])}i(Wc,"AppRoutes");import{isApprovalTX as nS,MainEvents as Nc,RouteEventType as Lc,StepEventType as to,StepExecutionEventStatus as rS,useEvents as iS}from"@rango-dev/queue-manager-rango-preset";import{useEffect as Pc}from"react";import{StepExecutionBlockedEventStatus as Ts}from"@rango-dev/queue-manager-rango-preset";var Bc=[Ts.WAITING_FOR_CHANGE_WALLET_ACCOUNT,Ts.WAITING_FOR_NETWORK_CHANGE,Ts.WAITING_FOR_WALLET_CONNECT];function $c(){let t=f().tokens(),e=z.use.connectedWallets(),o=z.use.getWalletsDetails(),n=Me.use.setNotification(),r=Me.use.setAsRead(),s=iS();return Pc(()=>(s.on(Nc.StepEvent,a=>{let{event:l,step:p,route:u}=a;if(l.type===to.TX_EXECUTION&&l.status===rS.TX_SENT&&!nS(p)||l.type===to.SUCCEEDED){let c=e.find(d=>d.chain===p?.fromBlockchain),g=p?.fromBlockchain!==p?.toBlockchain&&e.find(d=>d.chain===p?.toBlockchain);c&&o([c],t),g&&o([g],t)}l.type===to.TX_EXECUTION_BLOCKED&&Bc.includes(l.status)||l.type===to.FAILED?n(l,u):(l.type===to.TX_EXECUTION||l.type===to.CHECK_STATUS)&&r(u.requestId)}),()=>s.all.clear()),[s,e.length]),Pc(()=>(s.on(Nc.RouteEvent,a=>{let{event:l,route:p}=a;(l.type===Lc.FAILED||l.type===Lc.SUCCEEDED)&&n(l,p)}),()=>s.all.clear()),[s,e.length]),null}i($c,"WidgetEvents");import{globalCss as sS}from"@rango-dev/ui";var Mc=i(()=>sS({"@import":["url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap')","url('https://fonts.cdnfonts.com/css/times-new-roman')"]})(),"globalFont");import{styled as aS}from"@rango-dev/ui";var _c=aS("div",{display:"flex",justifyContent:"center",alignItems:"center",fontFamily:"$widget",boxSizing:"border-box","& *, *::before, *::after":{boxSizing:"inherit"},"& *:focus-visible":{outlineColor:"$info500",transition:"none"},"& ul, ol, li":{listStyleType:"none"}});function dr(){Mc();let{config:t}=f(),{activeTheme:e}=Sn(t?.theme||{}),{activeLanguage:o,changeLanguage:n}=Hn(),[r,s]=Fc(""),[a,l]=Fc(),p=pS(pn);return Dc(()=>{Me.persist.rehydrate(),p.onConnectWallet(s)},[]),Dc(()=>{n(t?.language)},[t?.language]),Lo.createElement(lS,{language:o},Lo.createElement(_c,{id:"swap-container",className:e()},Lo.createElement($c,null),Lo.createElement(La,{lastConnectedWallet:r,disconnectedWallet:a,clearDisconnectedWallet:()=>{l(void 0)}},Lo.createElement(Wc,null))))}i(dr,"Main");import xs,{useMemo as IS}from"react";import{checkWaitingForNetworkChange as uS,makeQueueDefinition as cS}from"@rango-dev/queue-manager-rango-preset";import{Provider as mS}from"@rango-dev/queue-manager-react";import{useWallets as dS}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as fS}from"@rango-dev/wallets-shared";import{isEvmBlockchain as gS}from"rango-types";import hS,{useMemo as yS}from"react";function SS(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:s,getWalletInfo:a}=dS(),l=yS(()=>cS({API_KEY:t.apiKey||_t("API_KEY"),BASE_URL:_t("BASE_URL")}),[t.apiKey]),p=f().blockchains(),m={blockchains:z.use.connectedWallets().map(w=>({accounts:[w],name:w.chain}))},c=i(async(w,x)=>{if(s(w,x))return r(w,x)},"switchNetwork"),g=i(w=>!!a(w).mobileWallet,"isMobileWallet"),d=p.filter(w=>w.enabled).reduce((w,x)=>(w[x.name]=x,w),{}),T=p.filter(gS),S=i(w=>{let{supportedChains:x}=a(w);return Go(x)},"getSupportedChainNames"),h=e(),A={meta:{blockchains:d,evmBasedChains:T,evmNetworkChainInfo:fS(T),getSupportedChainNames:S},getSigners:o,wallets:m,providers:h,switchNetwork:c,canSwitchNetworkTo:s,connect:r,state:n,isMobileWallet:g};return hS.createElement(mS,{queuesDefs:[l],context:A,onPersistedDataLoaded:w=>{uS(w)},isPaused:!1},t.children)}i(SS,"QueueManager");var Oc=SS;import{useManager as xS}from"@rango-dev/queue-manager-react";import vS,{createContext as AS,useContext as bS}from"react";import{cancelSwap as CS,getCurrentBlockchainOfOrNull as kS,getCurrentStep as TS,getRelatedWalletOrNull as wS}from"@rango-dev/queue-manager-rango-preset";var Po=class{constructor(e,o){this.manager=e,this.actions=o}getAllSwaps(){return jt(this.manager)}getCurrentStep(e){return this.getCurrentStepInfo(e).step}getCurrentStepWallet(e){return this.getCurrentStepInfo(e).wallet}getCurrentStepNetwork(e){return this.getCurrentStepInfo(e).network}retry(e,o){return this.actions.retrySwap(e,o)}cancel(e){let o=this.manager?.get(e);o&&CS(o)}getCurrentStepInfo(e){let o=TS(e);return{step:o,wallet:o?wS(e,o):null,network:o?kS(e,o):null}}};i(Po,"WidgetHistory");var Uc=AS(void 0);function ws(t){let{manager:e}=xS(),o=U.use.retry(),n=new Po(e,{retrySwap:o}),r=z.use.connectedWallets(),s=z.use.loading(),a=zs(r),l=z.use.getWalletsDetails(),p=f().blockchains(),u=f().tokens(),m=f().swappers(),c=f().fetchStatus,g={history:n,wallets:{isLoading:s,details:r,totalBalance:a,refetch:l},meta:{blockchains:p,tokens:u,swappers:m,loadingStatus:c}};return vS.createElement(Uc.Provider,{value:g},t.children)}i(ws,"WidgetInfo");function qc(){let t=bS(Uc);if(!t)throw new Error("useWidget can only be used within the WidgetProvider component");return t}i(qc,"useWidget");function fr(t){let{onUpdateState:e,config:o}=t;return IS(()=>{Is({API_KEY:o?.apiKey||Mo,BASE_URL:o?.apiUrl||bs})},[o]),xs.createElement(un,{config:o,onUpdateState:e},xs.createElement(Oc,{apiKey:o.apiKey},xs.createElement(ws,null,t.children)))}i(fr,"WidgetProvider");function zc(t){return t.config?.externalWallets?vs.createElement(dr,null):vs.createElement(fr,{config:t.config??gr},vs.createElement(dr,null))}i(zc,"Widget");export{uD as MainEvents,kD as Networks,xD as PendingSwapNetworkStatus,cD as RouteEventType,mD as StepEventType,dD as StepExecutionBlockedEventStatus,fD as StepExecutionEventStatus,SD as WalletEvents,TD as WalletTypes,zc as Widget,fr as WidgetProvider,un as WidgetWallets,Or as customizedThemeTokens,yD as readAccountAddress,Wl as useWallets,qc as useWidget,gD as useWidgetEvents};
|
|
1
|
+
var Mm=Object.defineProperty;var i=(t,e)=>Mm(t,"name",{value:e,configurable:!0});import{EventSeverity as k1,MainEvents as T1,RouteEventType as w1,StepEventType as x1,StepExecutionBlockedEventStatus as v1,StepExecutionEventStatus as b1,useEvents as A1}from"@rango-dev/queue-manager-rango-preset";import{readAccountAddress as I1,useWallets as cp,Events as W1}from"@rango-dev/wallets-react";import{Networks as B1,WalletTypes as L1}from"@rango-dev/wallets-shared";import{PendingSwapNetworkStatus as M1}from"rango-types";import{Events as ti,Provider as hd}from"@rango-dev/wallets-react";import{isEvmBlockchain as yd}from"rango-sdk";import Sn,{createContext as Sd,useEffect as oi,useRef as Cd,useState as kd}from"react";import{useEffect as gn,useLayoutEffect as rl,useRef as hn}from"react";import Rm,{createContext as ed,useContext as td,useEffect as od,useRef as nd}from"react";import{create as Jm}from"zustand";import{persist as Zm}from"zustand/middleware";var $r={apiKey:"",multiWallets:!0,enableNewLiquiditySources:!0,customDestination:!0},ta=i((t,e,o)=>({config:{...$r,...t},updateConfig:n=>{let r=o().config;e({config:{...r,...n}})}}),"createConfigSlice");import{RangoClient as Vm}from"rango-sdk";var Vo="c6381a79-2817-4602-83bf-6a641a409e32",oa="https://api.rango.exchange",be="rango-swap-box",na="https://scan.rango.exchange";import{WalletState as ot}from"@rango-dev/ui";import{readAccountAddress as Dm}from"@rango-dev/wallets-react";import{detectInstallLink as Fm,getCosmosExperimentalChainInfo as Om,isEvmAddress as Um,KEPLR_COMPATIBLE_WALLETS as XC,Networks as aa}from"@rango-dev/wallets-shared";import _r from"bignumber.js";import{isCosmosBlockchain as zm}from"rango-types";import $m from"bignumber.js";var ke=new $m(0);import{WalletTypes as _m}from"@rango-dev/wallets-shared";var ra=[_m.LEAP];import{BigNumber as sa}from"bignumber.js";var jo=i(t=>{let e=(t%60).toString().padStart(2,"0");return`${parseInt((t/60).toString()).toString().padStart(2,"0")}:${e}`},"secondsToString"),I=i((t,e=null,o=null)=>{if(t==null||t==="")return"";let n=new sa(t),r=1,s=1e3;for(let a=0;a<60;a++)if(new sa(n.toFixed(a,r)).eq(n)){s=a;break}if(n.gte(1e4))return n.toFormat(0,r);if(n.gte(1e3)||n.gte(100))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,1))),r);if(n.gte(1))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,2))),r);if(n.gte(.01))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,4))),r);for(let a=e||4;a<17;a++)if(n.gte(Math.pow(10,-a)))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,a))),r);return n.isEqualTo(0)?"0":n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,8))),r)},"numberToString");var Xo=i(t=>t?.reduce((e,o)=>e+(o.estimatedTimeInSeconds??0),0)||0,"totalArrivalTime");var tt=i((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),po=i(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function se(t){return I(t,12,12).replace(/(?:\.0*|(\.\d+?)0*)$/,"$1")}i(se,"formatTooltipNumbers");function Dr(t){switch(!0){case t.connected:return ot.CONNECTED;case t.connecting:return ot.CONNECTING;case!t.installed:return ot.NOT_INSTALLED;default:return ot.DISCONNECTED}}i(Dr,"mapStatusToWalletState");function la(t,e,o,n){return o.filter(r=>!ra.includes(r)).filter(r=>{let{supportedChains:s,isContractWallet:a}=e(r),{installed:l,network:p}=t(r);return a&&(!l||!!n&&p!==n)?!1:n?!!s.find(c=>c.name===n):!0}).map(r=>{let{name:s,img:a,installLink:l}=e(r),p=Dr(t(r));return{title:s,image:a,link:Fm(l),state:p,type:r}})}i(la,"mapWalletTypesToWalletInfo");function Jo(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}i(Jo,"walletAndSupportedChainsNames");function pa(t,e,o,n,r){let s=[];function a(p,u){if(!!!s.find(m=>m.chain===p)){let m={address:u,chain:p,walletType:t};s.push(m)}}i(a,"addAccount");let l=n||[];return e.forEach(p=>{let{address:u,network:c}=Dm(p),m=l.length>0,d=l.includes(c),f=c===aa.Unknown;if(m&&!d&&!f)return;let S=c===aa.Unknown&&Um(u);if(f&&!S)return;o.includes(c)||S?r?a(c,u.toLowerCase()):l.filter(k=>o.includes(k)).forEach(k=>{a(k,u.toLowerCase())}):a(c,u)}),s}i(pa,"prepareAccountsForWalletStore");function ua(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain;e.includes(n)||e.push(n),e.includes(r)||e.push(r),o.internalSwaps&&Array.isArray(o.internalSwaps)&&o.internalSwaps.forEach(s=>{let a=s.from.blockchain,l=s.to.blockchain;e.includes(a)||e.push(a),e.includes(l)||e.push(l)})}),e}i(ua,"getRequiredChains");function Zo(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}i(Zo,"isAccountAndWalletMatched");function ca(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 _r(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:Gm(o,r.asset.symbol,r.asset.address,e)||null}))||[]}i(ca,"makeBalanceFor");function ma(t){return{...t,loading:!1,error:!0}}i(ma,"resetConnectedWalletState");var da=i(t=>{let e=new Set,n=t?.reduce((s,a)=>s.findIndex(l=>l.address===a.address&&l.chain===a.chain)===-1?[...s,a]:s,[])?.map(s=>{let a={name:s.chain,accounts:[]};return e.has(s.address)||e.add(s.address),e.forEach(l=>{s.address===l&&a.accounts.push(s)}),a}),r=I(n?.flatMap(s=>s.accounts)?.flatMap(s=>s?.balances)?.map(s=>new _r(s?.amount||ke).multipliedBy(s?.usdPrice||0))?.reduce((s,a)=>s.plus(a),ke)||ke).toString();return qm(r)},"calculateWalletUsdValue");function qm(t){let e=t.toString().split(".");return e[0]=e[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),e.join(".")}i(qm,"numberWithThousandSeparator");var Gm=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice"),Ro=i((t,e)=>{let o=Om(Object.entries(t).map(([,n])=>n).filter(zm));return o&&o[e]?.experimental},"isExperimentalChain");function en(t){return t?{...t,amount:I(t.amount,8,8),usdValue:I(t.usdValue,4,4)}:null}i(en,"formatBalance");function Qm(t,e){return t?.usdValue&&e?.usdValue?parseFloat(e.usdValue)-parseFloat(t.usdValue):!t?.usdValue&&e?.usdValue?1:t?.usdValue&&!e?.usdValue?-1:!t?.usdValue&&!e?.usdValue?parseFloat(e?.amount||"0")-parseFloat(t?.amount||"0"):0}i(Qm,"sortTokensByBalance");function Hm(t,e,o){let n=o(t),r=o(e);return n===r?0:n?-1:1}i(Hm,"sortTokensByPinnedToken");function fa(t,e,o){return t.sort((n,r)=>{let s=e(n),a=e(r),l=Hm(n,r,o);return l!==0?l:Qm(s,a)}),t}i(fa,"sortTokens");function $e(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}i($e,"tokensAreEqual");function ga(t){return t.sort((e,o)=>+(o.state===ot.CONNECTED)-+(e.state===ot.CONNECTED)||+(o.state===ot.DISCONNECTED||o.state===ot.CONNECTING)-+(e.state===ot.DISCONNECTED||e.state===ot.CONNECTING))}i(ga,"sortWalletsBasedOnConnectionState");function tn(t,e=8,o=3){if(t.length<2*e+o)return t;let n=t.slice(0,e),r=t.slice(-e);return`${n}${".".repeat(o)}${r}`}i(tn,"getConciseAddress");function ha({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}i(ha,"getAddress");function Fr(t){return`${t.blockchain}-${t.symbol}-${t.address??""}`}i(Fr,"createTokenHash");function on(t){return t.flatMap(e=>e.balances).reduce((e,o)=>{let n={amount:o?.amount??"",decimals:o?.decimal??0,usdValue:o?.usdPrice?new _r(o?.usdPrice??ke).multipliedBy(o?.amount).toString():""},r=o?Fr({symbol:o.symbol,blockchain:o.chain,address:o.address}):null,s=r?e[r]:null;return r&&(!s||s&&s.amount<n.amount)&&(e[r]=n),e},{})}i(on,"makeTokensBalance");var ya=i((t,e)=>!!t.find(o=>o.chain===e&&o.loading),"isFetchingBalance");var Or={API_KEY:Vo};function qt(t){return Or[t]||""}i(qt,"getConfig");function Sa(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),Or=e,Or}i(Sa,"initConfig");var Ca=20,ka=25,Ta="Roboto",Ur="theme-widget",uo=i((t,e)=>{let o=!1;if(e&&t){if(Array.isArray(e))o=!e.some(n=>$e(n,t));else if(!Array.isArray(e)&&e[t.blockchain]){o=e[t.blockchain].tokens.some(r=>$e(r,t));let n=e[t.blockchain].isExcluded;return!n&&!o||n&&o}}return o},"isTokenExcludedInConfig"),zr=i((t,e)=>t&&e&&!e.includes(t.name),"isBlockchainExcludedInConfig");var nn,Gt=i(()=>nn||(nn=new Vm(qt("API_KEY"),qt("BASE_URL")),nn),"httpService");function Qt(t){return Array.from(new Set(t))}i(Qt,"removeDuplicateFrom");function qr(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}i(qr,"areEqual");function wa(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}i(wa,"debounce");function Bt(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}i(Bt,"containsText");var N=i(()=>document.getElementById(be),"getContainer");function rn(t,e){let o=t.map(s=>s.swapperGroup),n=[];return Qt(t.map(s=>s.swapperGroup)).map(s=>{let a=t.find(l=>l.swapperGroup===s);if(a){let l=!0;o&&(l=o.some(p=>p===a.swapperGroup)),l&&a.types.map(p=>{n.push({id:a.swapperGroup,groupTitle:a.swapperGroup,logo:a.logo,type:p,selected:!e.includes(a.swapperGroup)})})}}),n}i(rn,"getUniqueSwappersGroups");function xa(t,e){return t.swapperGroup<e.swapperGroup?-1:t.swapperGroup>e.swapperGroup?1:0}i(xa,"sortLiquiditySourcesByGroupTitle");function _e(t,e){return e?.[t]==="hidden"}i(_e,"isFeatureHidden");function sn(t,e){return e?.[t]==="enabled"}i(sn,"isFeatureEnabled");var va=i((t,e)=>({_blockchains:[],_tokens:[],_popularTokens:[],_swappers:[],fetchStatus:"loading",blockchains:o=>{let n=e()._blockchains;if(!o||!o?.type)return n;let r=e().config,s=(o.type==="source"?r.from?.blockchains:r.to?.blockchains)??[];return n.filter(l=>!(s.length>0&&!s.includes(l.name)))},tokens:o=>{let n=e()._tokens;if(!o||!o?.type)return n;let r=e().config,s=(o.type==="source"?r.from?.tokens:r.to?.tokens)??{},a=e().blockchains({type:o.type});return n.filter(p=>s&&uo(p,s)||o.blockchain&&p.blockchain!==o.blockchain||!a.some(u=>u.name===p.blockchain)?!1:o.searchFor?!!(Bt(p.symbol,o.searchFor)||Bt(p.address||"",o.searchFor)||Bt(p.name||"",o.searchFor)):!0).sort((p,u)=>e().isTokenPinned(p,o.type)?-1:e().isTokenPinned(u,o.type)||p.isSecondaryCoin?1:u.isSecondaryCoin||!p.address&&u.address?-1:p.address&&!u.address?1:0)},isTokenPinned:(o,n)=>!!(n==="source"?e().config.from?.pinnedTokens:e().config.to?.pinnedTokens)?.some(a=>$e(a,o)),swappers:()=>{let{config:{enableNewLiquiditySources:o,liquiditySources:n}}=e();return e()._swappers.filter(a=>{let l=n?.includes(a.swapperGroup);return o||!n||n.length===0?!l:l}).sort(xa)},fetch:async()=>{try{let o=await Gt().getAllMetadata();t({fetchStatus:"success"});let n=[],r=[],s=o.popularTokens,a=o.swappers,l=new Set;o.tokens.forEach(p=>{l.add(p.blockchain),r.push(p)}),o.blockchains.forEach(p=>{p.enabled&&l.has(p.name)&&n.push(p)}),n.sort((p,u)=>p.sort-u.sort),t({_blockchains:n,_tokens:r,_popularTokens:s,_swappers:a})}catch(o){throw t({fetchStatus:"failed"}),o}}}),"createDataSlice");import{English as jm,French as Xm,Japanese as Km,Spanish as Ym}from"@rango-dev/ui";var ba=[{title:"English",label:"English",local:"en",SVGFlag:jm},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:Ym},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:Xm},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:Km}],co="en";var Aa=[.5,1,3],Ea=1,Ia=5,Wa=100,Na=0;var Ba=i((t,e)=>({disabledLiquiditySources:[],theme:"auto",language:null,preferredBlockchains:[],slippage:Ea,customSlippage:null,infiniteApprove:!1,affiliateRef:null,affiliatePercent:null,affiliateWallets:null,addPreferredBlockchain:o=>{let n=e().preferredBlockchains;if(n.find((a,l)=>{let p=a===o,u=l<=10-1;return p&&u}))return;let s=n.filter(a=>!(a===o));t(()=>({preferredBlockchains:[o,...s]}))},setSlippage:o=>t(()=>({slippage:o})),setCustomSlippage:o=>t(()=>({customSlippage:o})),setAffiliateRef:o=>t(()=>({affiliateRef:o})),setAffiliatePercent:o=>t(()=>({affiliatePercent:o})),setAffiliateWallets:o=>t(()=>({affiliateWallets:o})),toggleAllLiquiditySources:(o,n)=>t(r=>{if(n)return{disabledLiquiditySources:[]};let s=Qt(o.map(a=>a.swapperGroup));return s.length===r.disabledLiquiditySources.length?{disabledLiquiditySources:[]}:{disabledLiquiditySources:s}}),toggleInfiniteApprove:()=>t(o=>({infiniteApprove:!o.infiniteApprove})),toggleLiquiditySource:o=>t(n=>n.disabledLiquiditySources.includes(o)?{disabledLiquiditySources:n.disabledLiquiditySources.filter(r=>r!=o)}:{disabledLiquiditySources:n.disabledLiquiditySources.concat(o)}),setTheme:o=>t(()=>({theme:o})),setLanguage:o=>t(()=>({language:o})),updateSettings:o=>{let{features:n}=o,r=_e("theme",n),s=_e("language",n),a=_e("liquiditySource",n);t({...r&&{theme:"auto"},...s&&{language:co},...a&&{disabledLiquiditySources:[]}})}}),"createSettingsSlice");function La(t){return Jm()(Zm((...e)=>({...va(...e),...Ba(...e),...ta(t,...e)}),{name:"user-settings",skipHydration:!0,partialize:e=>({theme:e.theme,language:e.language,affiliatePercent:e.affiliatePercent,affiliateRef:e.affiliateRef,affiliateWallets:e.affiliateWallets,slippage:e.slippage,customSlippage:e.customSlippage,infiniteApprove:e.infiniteApprove,preferredBlockchains:e.preferredBlockchains,disabledLiquiditySources:e.disabledLiquiditySources})}))}i(La,"createAppStore");var Pa=ed(null);function g(){let t=td(Pa);if(od(()=>{t&&!t.persist.hasHydrated()&&t.persist.rehydrate()},[]),!t)throw new Error("Missing AppStoreContext.Provider in the tree");return t()}i(g,"useAppStore");function Ma(t){let e=nd();return e.current||(e.current=La(t.config)),Rm.createElement(Pa.Provider,{value:e.current},t.children)}i(Ma,"AppStoreProvider");import wt from"bignumber.js";import{create as ud}from"zustand";import{subscribeWithSelector as cd}from"zustand/middleware";import{getLastSuccessfulStep as ld}from"@rango-dev/queue-manager-rango-preset";import ET from"bignumber.js";var Ct=(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))(Ct||{});function $a(t,e){return e.find(o=>o.name===t)?.displayName}i($a,"getBlockchainDisplayNameFor");function De(t,e){return e.find(o=>o.name===t)?.shortName}i(De,"getBlockchainShortNameFor");function mo(t,e){return e.find(o=>o.id===t)?.swapperGroup}i(mo,"getSwapperDisplayName");function Qr(t,e){return e.find(o=>$e(o,t))??null}i(Qr,"findToken");function Hr(t,e){return e.find(o=>o.name===t)??null}i(Hr,"findBlockchain");import{i18n as He}from"@lingui/core";import Te from"bignumber.js";import{PendingSwapNetworkStatus as un}from"rango-types";function an(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,s=e[e.length-1];n!=s&&e.push(n),s=e[e.length-1],r!=s&&e.push(r)}),e}i(an,"getRequiredWallets");function ln(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}i(ln,"isValidAddress");import{i18n as Se}from"@lingui/core";var X=i(()=>({genericServerError:Se.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:Se.t("Please reset your liquidity sources."),description:Se.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources.")},noResultError:{title:Se.t("No Routes Found."),description:Se.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:Se.t("Bridge Limit Error: Please increase your amount."),decreaseAmount:Se.t("Bridge Limit Error: Please decrease your amount.")},highValueLossError:{impactTitle:Se.t("High Price Impact"),title:Se.t("Price impact is too high!"),description:Se.t("The price impact is significantly higher than the allowed amount. If you are sure, continue, otherwise, change the swap."),confirmMessage:Se.t("Confirm high price impact")},quoteUpdatedWithHighValueLoss:{title:Se.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:Se.t("USD Price Unknown"),title:Se.t("USD Price Unknown, Cannot calculate Price Impact."),description:Se.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:Se.t("Confirm USD Price Unknown")}}),"errorMessages");function _a(t){switch(t.type){case 0:return t.diagnosisMessage??X().noResultError.title;case 1:return X().genericServerError;default:return""}}i(_a,"getQuoteErrorMessage");import{i18n as pn}from"@lingui/core";var Lt=i(()=>({connectWallet:pn.t("Connect Wallet"),swap:pn.t("Swap"),swapAnyway:pn.t("Swap anyway"),ethWarning:pn.t("The route goes through Ethereum. Continue?")}),"swapButtonTitles");function Da(t,e){return(parseInt(e.toFixed(2)||"0")<=-10&&t?.gte(new Te(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new Te(1e3)))??!1}i(Da,"hasHighValueLoss");function Vr(t){return(t?.result?.swaps||[]).filter(e=>{let o=e.fromAmountMinValue?new Te(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Te(e.fromAmountMaxValue):null;return e.fromAmountRestrictionType==="EXCLUSIVE"?o?.gte(e.fromAmount)||n?.lte(e.fromAmount):o?.gt(e.fromAmount)||n?.lt(e.fromAmount)}).length>0}i(Vr,"hasLimitError");function jr(t){let e=(t.result?.swaps||[]).filter(l=>{let p=l.fromAmountMinValue?new Te(l.fromAmountMinValue):null,u=l.fromAmountMaxValue?new Te(l.fromAmountMaxValue):null;return l.fromAmountRestrictionType==="EXCLUSIVE"?p?.gte(l.fromAmount)||u?.lte(l.fromAmount):p?.gt(l.fromAmount)||u?.lt(l.fromAmount)})[0],o=e.fromAmountMinValue?new Te(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Te(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",s="",a="";return!r&&o&&o.gt(e.fromAmount)?(s=He.t({id:"Required: >= {min} {symbol}",values:{min:I(o,6,6),symbol:e.from.symbol}}),a=X().bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(s=He.t({id:"Required: > {min} {symbol}",values:{min:I(o,6,6),symbol:e.from.symbol}}),a=X().bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(s=He.t({id:"Required: <= {max} {symbol}",values:{max:I(n,6,6),symbol:e.from.symbol}}),a=X().bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(s=He.t({id:"Required: < {max} {symbol}",values:{max:I(n,6,6),symbol:e.from.symbol}}),a=X().bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:s,recommendation:a}}i(jr,"getLimitErrorMessage");function Fa(t){let{fetchMetaStatus:e,anyWalletConnected:o,fetchingQuote:n,inputAmount:r,quote:s,warning:a,error:l,needsToWarnEthOnPath:p}=t;return e!=="success"?{title:Lt().connectWallet,action:"connect-wallet",disabled:!0}:o?n||!s||!s.result||l||!r||r==="0"?{title:Lt().swap,action:"confirm-swap",disabled:!0}:a?{title:Lt().swapAnyway,action:"confirm-warning",disabled:!1}:p?{title:Lt().ethWarning,action:"confirm-warning",disabled:!1}:{title:Lt().swap,action:"confirm-swap",disabled:!1}:{title:Lt().connectWallet,action:"connect-wallet",disabled:!1}}i(Fa,"getSwapButtonState");function Xr(t,e,o){return!((!o||o.lte(ke))&&t?.result&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t.result)}i(Xr,"canComputePriceImpact");function rd(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,s=e[e.length-1];n!=s&&e.push(n),s=e[e.length-1],r!=s&&e.push(r)}),e}i(rd,"requiredWallets");var id=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice");function sd(t,e){let o=ke;for(let n=0;n<t.fee.length;n++){let r=t.fee[n];if(r.expenseType==="DECREASE_FROM_OUTPUT")continue;let s=id(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new Te(r.amount).multipliedBy(s||0))}return o}i(sd,"getUsdFeeOfStep");function cn(t,e){return t.reduce((o,n)=>o.plus(sd(n,e)),ke)}i(cn,"getTotalFeeInUsd");function Kr(t){let e=ke;return e=e.plus(new Te(t.amount).multipliedBy(t.price||0)),e}i(Kr,"getUsdFee");function Oa(t){return t.reduce((e,o)=>e.plus(Kr(o)),ke)}i(Oa,"getTotalFeesInUsd");function Ua(t){return t.reduce((e,o)=>{for(let n of o.fee){let r=n.name,s=n.expenseType!=="DECREASE_FROM_OUTPUT"?e.payable:e.nonePayable;s[r]=[...s[r]||[],n]}return e},{payable:{},nonePayable:{}})}i(Ua,"getFeesGroup");function Yr(t){let e=new Map;return t.result?.swaps.forEach((o,n)=>{o.recommendedSlippage?.error&&e.set(n,o.recommendedSlippage.slippage)}),e.size>0?e:null}i(Yr,"checkSlippageErrors");function za(t,e){let o=new Map;return t.result?.swaps.forEach((n,r)=>{n.recommendedSlippage?.slippage&&parseFloat(n.recommendedSlippage.slippage)>e&&o.set(r,n.recommendedSlippage.slippage)}),o.size>0?o:null}i(za,"checkSlippageWarnings");function mn(t){return t.result?.swaps.map(o=>o.recommendedSlippage)?.map(o=>o?.slippage||"0")?.filter(o=>parseFloat(o)>0)?.sort((o,n)=>parseFloat(n)-parseFloat(o))?.find(()=>!0)||null}i(mn,"getMinRequiredSlippage");function qa(t,e){return e?parseFloat(t)>=parseFloat(e):!0}i(qa,"hasProperSlippage");function dn(t){let{fromToken:e,toToken:o,inputAmount:n,wallets:r,selectedWallets:s,disabledLiquiditySources:a,liquiditySources:l,excludeLiquiditySources:p,slippage:u,affiliateRef:c,affiliatePercent:m,affiliateWallets:d,initialQuote:f,destination:w}=t,S=s?.reduce((A,y)=>(A[y.chain]=y.address,A),{}),h=[];r?.forEach(A=>{let y=h.find(E=>E.blockchain===A.chain);y?y.addresses.push(A.address):h.push({blockchain:A.chain,addresses:[A.address]})});let C=!!f,k=Qt((f?.result?.swaps||[]).reduce((A,y)=>(A.push(y.from.blockchain,y.to.blockchain),y.internalSwaps&&Array.isArray(y.internalSwaps)&&y.internalSwaps.map(E=>{A.push(E.from.blockchain,E.to.blockchain)}),A),[]));return{amount:n.toString(),affiliateRef:c??void 0,affiliatePercent:m??void 0,affiliateWallets:d??void 0,checkPrerequisites:C,from:{address:e.address,blockchain:e.blockchain,symbol:e.symbol},to:{address:o.address,blockchain:o.blockchain,symbol:o.symbol},connectedWallets:h,selectedWallets:S??{},slippage:u.toString(),...w&&{destination:w},...p&&{swapperGroups:a.concat(l??[]),swappersGroupsExclude:!0},...!p&&{swapperGroups:l?.filter(A=>!a.includes(A)),swappersGroupsExclude:!1},...C&&{blockchains:k}}}i(dn,"createQuoteRequestBody");function Ga(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}i(Ga,"getWalletsForNewSwap");function Ht(t){return t.result?.outputAmount||null}i(Ht,"getQuoteOutputAmount");function Qa(t,e){return new Te(e).div(new Te(t)).minus(1).multipliedBy(100).toNumber()}i(Qa,"getPercentageChange");function Ha(t,e){let o=Ht(t),n=Ht(e);if(!o||!n)return!1;let r=Fe(o,n);return r?r<=-1:!0}i(Ha,"isOutputAmountChangedALot");function Va(t,e,o){let n=t.validationStatus,r=ua(t);return e.sort((a,l)=>r.indexOf(a.chain)-r.indexOf(l.chain)).flatMap(a=>Za(a,n)||[]).filter(a=>!a.ok).map(a=>{let l=a.asset.symbol,p=I(new Te(a.currentAmount.amount).shiftedBy(-a.currentAmount.decimals),8,8),u=I(new Te(a.requiredAmount.amount).shiftedBy(-a.requiredAmount.decimals),8,8),c="";return a.reason==="FEE"&&(c=He.t(" for network fee")),a.reason==="INPUT_ASSET"&&(c=He.t(" for swap")),a.reason==="FEE_AND_INPUT_ASSET"&&(c=He.t(" for input and network fee")),He.t({id:"Needs \u2248 {requiredAmount} {symbol}{reason}, but you have {currentAmount} {symbol} in your {blockchain} wallet.",values:{requiredAmount:u,symbol:l,reason:c,currentAmount:p,blockchain:De(a.asset.blockchain,o)}})})}i(Va,"generateBalanceWarnings");function ja(t,e){return(t?new Te(t):ke).multipliedBy(e||0)}i(ja,"calcOutputUsdValue");function fo(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==un.NetworkChanged}i(fo,"isNetworkStatusInWarningState");function Xa(t,e){let o="bellow button or",n=t.extraMessage,r=t.extraMessageDetail;if(t.networkStatusExtraMessageDetail?.includes(o)&&(t.networkStatusExtraMessageDetail=t.networkStatusExtraMessageDetail.replace(o,"")),fo(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case un.WaitingForConnectingWallet:n=n||He.t("Waiting for connecting wallet");break;case un.WaitingForQueue:n=n||He.t("Waiting for other running tasks to be finished");break;case un.WaitingForNetworkChange:n=n||He.t("Waiting for changing wallet network");break;default:n=n||"";break}r=r||"",n=n||"";let a=n?.indexOf("code")!==-1&&n?.indexOf("reason")!==-1;return{shortMessage:n,detailedMessage:{content:r,long:a}}}i(Xa,"getSwapMessages");function Ka(t){let e=null;if(t.status==="failed"){let o=t.steps.slice().reverse().filter(n=>n.status==="success")[0];o&&(e={blockchain:o.toBlockchain,symbol:o.toSymbol,outputAmount:o.outputAmount,address:o.toSymbolAddress})}return e}i(Ka,"getLastConvertedTokenInFailedSwap");function Ya(t){return t.status==="failed"&&!!t.finishTime&&new Date().getTime()-parseInt(t.finishTime)<4*3600*1e3}i(Ya,"shouldRetrySwap");function Ja(t,e,o,n,r,s){return t||!e&&!rd(n).every(a=>r.map(l=>l.chain).includes(a))||!!e&&!o||!!e&&!!o&&s&&!ln(s,o)}i(Ja,"confirmSwapDisabled");function Jr(t,e,o){return o&&t.find(n=>{let r=e?.split("--");return r?.length===1?n.symbol===r[0]&&n.address===null&&n.blockchain===o.name:n.symbol===r?.[0]&&n.address===r?.[1]&&n.blockchain===o.name})||null}i(Jr,"searchParamsToToken");function el(t){return t?.result?.swaps[t?.result?.swaps.length-1].to.usdPrice}i(el,"getQuoteToTokenUsdPrice");function Zr(t,e){let o=t.result?.swaps||[],n=e.result?.swaps||[];return o.length!==n.length}i(Zr,"isNumberOfSwapsChanged");function Rr(t,e){let o=t.result?.swaps.map(r=>r.swapperId)||[],n=e.result?.swaps.map(r=>r.swapperId)||[];return!qr(o,n)}i(Rr,"isQuoteSwappersUpdated");function ei(t,e){let o=t.result?.swaps.map(r=>r.to.symbol)||[],n=e.result?.swaps.map(r=>r.to.symbol)||[];return!qr(o,n)}i(ei,"isQuoteInternalCoinsUpdated");function tl(t,e){return Zr(t,e)||Rr(t,e)||ei(t,e)}i(tl,"isQuoteChanged");function Za(t,e){if(e===null)return null;let o=e?.find(n=>n.blockchain===t.chain)?.wallets.find(n=>n.address?.toLowerCase()===t.address.toLowerCase());return o?o.requiredAssets:null}i(Za,"getRequiredBalanceOfWallet");function mt(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}i(mt,"getPriceImpactLevel");function ol(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],s=ld(t.steps),a={blockchain:r.toBlockchain,symbol:r.toSymbol,address:r.toSymbolAddress},l=Hr(s?s.toBlockchain:n.fromBlockchain,e),p=Hr(r.toBlockchain,e),u=Qr(s?{blockchain:l?.name??"",symbol:s.toSymbol,address:s.toSymbolAddress}:{blockchain:l?.name??"",symbol:n.fromSymbol,address:n.fromSymbolAddress},o),c=Qr(a,o),m=s?s.outputAmount??"":t.inputAmount;return{fromBlockchain:l,fromToken:u,toBlockchain:p,toToken:c,inputAmount:m}}i(ol,"createRetryQuote");function fn(t,e){let{fromToken:o,toToken:n,tokens:r,userSlippage:s}=e,a=Pt(o,t.requestAmount),l=Pt(n,t.result?.outputAmount??"");if(t.result&&a&&l){let c=Fe(a.toString(),l.toString());if(!!c&&Da(a,c)){let d=cn(t.result.swaps,r),f=mt(c);return{type:0,inputUsdValue:a,outputUsdValue:l,priceImpact:c,totalFee:d,warningLevel:f}}}else if(t.result&&(!a||!l))return{type:1};let p=mn(t),u=s>Ia;if(qa(e.userSlippage.toString(),p)){if(u&&parseFloat(p??"0")<s)return{type:3,slippage:s.toString()}}else return{type:2,recommendedSlippages:za(t,s),minRequiredSlippage:p};return null}i(fn,"generateQuoteWarnings");function Fe(t,e){let o=typeof e=="string"?parseFloat(e)<=0:!e?.gt(0),n=!t||!e||o?null:Qa(t.toString(),e.toString());return n&&n<0?n:null}i(Fe,"getPriceImpact");var nl=i(t=>{let e=new Set,o=[];return t.forEach(n=>{e.has(n.from.chain.displayName)||(e.add(n.from.chain.displayName),o.push(n.from.chain)),e.has(n.to.chain.displayName)||(e.add(n.to.chain.displayName),o.push(n.to.chain))}),o},"getUniqueBlockchains");var pd=i(t=>{let e=t;e.use={};for(let o of Object.keys(e.getState()))e.use[o]=()=>e(n=>n[o]);return e},"createSelectors"),Tt=pd;var Pt=i((t,e)=>t?.usdPrice?new wt(e||ke).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),_=Tt(ud()(cd(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new wt(0),outputUsdValue:new wt(0),toBlockchain:null,toToken:null,quote:null,quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:"",quoteWarningsConfirmed:!1,setQuote:e=>t(o=>{let n=null,r=ke;return po(o.inputAmount)?(e&&(n=e.result?.outputAmount?new wt(e.result?.outputAmount):null,r=ja(e.result?.outputAmount,el(e)||o.toToken?.usdPrice)),{quote:e,...!!e&&{outputAmount:n,outputUsdValue:r}}):{}}),resetQuote:()=>t(()=>({quote:null,outputAmount:null,outputUsdValue:new wt(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:Pt(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 wt(0),outputUsdValue:new wt(0),quote:null},...!!o.fromToken&&{inputUsdValue:Pt(o.fromToken,e)}}))},retry:(e,o)=>{let{tokens:n,blockchains:r}=o,{fromBlockchain:s,fromToken:a,toBlockchain:l,toToken:p,inputAmount:u}=ol(e,r,n);t({fromBlockchain:s,fromToken:a,inputAmount:u,outputAmount:null,inputUsdValue:Pt(a??null,u),outputUsdValue:new wt(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:Pt(e.toToken,e.outputAmount?.toString()||"")})),resetFromBlockchain:()=>t(()=>({fromToken:null,fromBlockchain:null,outputAmount:null,outputUsdValue:null,quote:null})),resetToBlockchain:()=>t(()=>({toToken:null,toBlockchain:null,outputAmount:null,outputUsdValue:null,quote:null})),setQuoteWalletConfirmed:e=>t({quoteWalletsConfirmed:e}),setSelectedWallets:e=>t({selectedWallets:e}),setCustomDestination:e=>t({customDestination:e}),resetQuoteWallets:()=>t({quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:""}),setQuoteWarningsConfirmed:e=>t({quoteWarningsConfirmed:e})}))));function il(){let{setInputAmount:t,setToToken:e,setToBlockchain:o,setFromBlockchain:n,setFromToken:r,fromToken:s,toToken:a,fromBlockchain:l,toBlockchain:p}=_(),u=g().config,c=g().fetchStatus,m=g().blockchains(),d=g().tokens(),{setAffiliateRef:f,setAffiliatePercent:w,setAffiliateWallets:S}=g(),h=u?.from?.tokens,C=u?.from?.blockchains,k=u?.to?.tokens,T=u?.to?.blockchains,A=hn(void 0),y=hn(void 0),E=hn(void 0),b=hn(void 0);gn(()=>{t(u?.amount?.toString()||"")},[u?.amount]),rl(()=>{if(c==="success"){let v=m.find(P=>P.name===u?.from?.blockchain),x=d.find(P=>$e(P,u?.from?.token||null));(v||!v&&E.current)&&n(v??null),x?r({token:x,meta:{blockchains:m,tokens:d}}):!x&&A.current&&r({token:null}),E.current=u?.from?.blockchain,A.current=u?.from?.token}},[u?.from?.token?.symbol,u?.from?.token?.address,u?.from?.token?.blockchain,u?.from?.blockchain,c]),gn(()=>{uo(s,h)&&r({token:null}),zr(l,C)&&n(null)},[h,C]),gn(()=>{uo(a,k)&&r({token:null}),zr(p,T)&&o(null)},[k,T]),rl(()=>{if(c==="success"){let v=m.find(P=>P.name===u?.to?.blockchain),x=d.find(P=>$e(P,u?.to?.token||null));(v||!v&&b.current)&&o(v??null),x?e({token:x,meta:{blockchains:m,tokens:d}}):!x&&y.current&&e({token:null}),b.current=u?.to?.blockchain,y.current=u?.to?.token}},[u?.to?.token?.symbol,u?.to?.token?.address,u?.to?.token?.blockchain,u?.to?.blockchain,c]),gn(()=>{f(u?.affiliate?.ref??null),w(u?.affiliate?.percent??null),S(u?.affiliate?.wallets??null)},[u?.affiliate?.ref,u?.affiliate?.percent,u?.affiliate?.wallets])}i(il,"useSyncStoresWithConfig");import{useEffect as gd}from"react";import{create as md}from"zustand";import{subscribeWithSelector as dd}from"zustand/middleware";var V=Tt(md()(dd((t,e)=>({connectedWallets:[],balances:{},customDestination:"",loading:!1,connectWallet:(o,n)=>{let r=e().getWalletsDetails;t(s=>({loading:!0,connectedWallets:s.connectedWallets.filter(a=>a.walletType!==o[0].walletType).concat(o.map(a=>{let l=!s.connectedWallets.find(p=>p.chain===a.chain&&p.selected);return{balances:[],address:a.address,chain:a.chain,explorerUrl:null,walletType:a.walletType,selected:l,loading:!0,error:!1}}))})),r(o,n)},disconnectWallet:o=>{t(n=>{let r=n.connectedWallets.filter(l=>l.selected&&l.walletType!==o).map(l=>l.chain),s=n.connectedWallets.filter(l=>l.walletType!==o).map(l=>r.includes(l.chain)?l:(r.push(l.chain),{...l,selected:!0}));return{balances:on(s),connectedWallets:s}})},selectWallets:o=>t(n=>({connectedWallets:n.connectedWallets.map(r=>{let s=!!o.find(l=>l.chain===r.chain&&l.walletType!==r.walletType&&r.selected),a=!!o.find(l=>l.chain===r.chain&&l.walletType===r.walletType&&!r.selected);return s?{...r,selected:!1}:a?{...r,selected:!0}:r})})),clearConnectedWallet:()=>t(()=>({connectedWallets:[],selectedWallets:[]})),getWalletsDetails:async(o,n,r=!0)=>{let s=e().getWalletsDetails;t(a=>({loading:!0,connectedWallets:a.connectedWallets.map(l=>o.find(p=>Zo(p,l))?{...l,loading:!0}:l)}));try{let a=o.map(({address:u,chain:c})=>({address:u,blockchain:c})),p=(await Gt().getWalletsDetails(a)).wallets;if(p)t(u=>{let c=u.connectedWallets.map(d=>{let f=o.find(S=>Zo(S,d)),w=p.find(S=>S.address===d.address&&S.blockChain===d.chain);return w?.failed&&f&&r&&s([f],n,!1),f&&w?{...d,explorerUrl:w.explorerUrl,balances:ca(w,n),loading:!1}:d});return{loading:!1,balances:on(c),connectedWallets:c}});else throw new Error("Wallet not found")}catch{t(l=>{let p=l.connectedWallets.map(c=>o.find(m=>Zo(m,c))?ma(c):c);return{loading:!1,balances:on(p),connectedWallets:p}})}},getBalanceFor:o=>{let{balances:n}=e(),r=Fr(o);return n[r]??null}}))));import{allProviders as fd}from"@rango-dev/provider-all";function yn(t,e){let o=fd({walletconnect2:{WC_PROJECT_ID:e?.walletConnectProjectId||""}});if(t){let n=[];return t.forEach(r=>{if(typeof r=="string"){let s=o.find(a=>a.config.type===r);s?n.push(s):console.warn(`Couldn't find ${r} provider. Please make sure you are passing the correct name.`)}else n.push(r)}),n}return o}i(yn,"matchAndGenerateProviders");function sl(t,e){return yn(t,e).map(r=>r.config.type)}i(sl,"configWalletsToWalletName");function al(t,e){let o=V.use.clearConnectedWallet(),n=yn(void 0,e);return gd(()=>{o(),n=yn(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}i(al,"useWalletProviders");var Cn=Sd({onConnectWallet:()=>{}});function Td(t){let{updateConfig:e,updateSettings:o,fetch:n}=g(),r=g().blockchains(),s=g().tokens(),a={walletConnectProjectId:t.config?.walletConnectProjectId},[l,p]=kd([]),{providers:u}=al(t.config.wallets,a),{connectWallet:c,disconnectWallet:m}=V(),d=Cd();il(),oi(()=>{n().catch(console.log)},[]),oi(()=>{t.config&&(e(t.config),o(t.config))},[t.config]);let f=r.filter(yd).map(S=>S.name),w=i((S,h,C,k,T)=>{if(h===ti.ACCOUNTS)if(C){let A=Jo(T.supportedBlockchains),y=pa(S,C,f,A,T.isContractWallet);p(y)}else m(S);if(h===ti.ACCOUNTS&&k.connected){let A=`${S}-${k.network}-${C}`;k.connected&&(d.current?d.current(A):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(h===ti.NETWORK&&k.network){let A=`${S}-${k.network}`;d.current?d.current(A):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(S,h,C,k,T)},"onUpdateState");return oi(()=>{l.length&&c(l,s)},[l,s]),Sn.createElement(Cn.Provider,{value:{onConnectWallet:S=>{d.current=S}}},Sn.createElement(hd,{allBlockChains:r,providers:u,onUpdateState:w,autoConnect:!0},t.children))}i(Td,"Main");function kn(t){let{config:e,...o}=t;return Sn.createElement(Ma,{config:e},Sn.createElement(Td,{...o,config:e}))}i(kn,"WidgetWallets");import Rs from"react";import{I18nManager as cC}from"@rango-dev/ui";import Qo,{useContext as mC,useEffect as dC,useState as Im}from"react";import{useQueueManager as Nd}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Bd}from"@rango-dev/wallets-react";import{isEvmBlockchain as Ld}from"rango-types";import Tn,{Fragment as Pd}from"react";import{MemoryRouter as Md,useInRouterContext as $d}from"react-router";import{useWallets as xd}from"@rango-dev/wallets-react";import{useEffect as vd,useRef as bd}from"react";function ll(){let{connect:t,state:e}=xd(),o=bd({}),{fetchStatus:n}=g(),r=new URLSearchParams(location.search).get("autoConnect")||"",s=e(r);vd(()=>{n==="success"&&r&&s.installed&&!s.connecting&&!s.connected&&!o.current[r]&&(o.current[r]=!0,t(r))},[s,n])}i(ll,"useForceAutoConnect");import{useEffect as ni,useRef as ri}from"react";import{createSearchParams as Ed,useLocation as Id,useSearchParams as Wd}from"react-router-dom";var M={home:"/",fromSwap:"from-swap",toSwap:"to-swap",blockchains:"blockchains",settings:"settings",liquiditySources:"liquidity-sources",themes:"themes",bridges:"bridges",exchanges:"exchanges",languages:"languages",swaps:"swaps",wallets:"wallets",confirmSwap:"confirm-swap",swapDetails:":requestId"};import{create as Ad}from"zustand";var Ae=Tt(Ad()(t=>({connectWalletsButtonDisabled:!1,selectedSwapRequestId:null,currentPage:"",setSelectedSwap:e=>t({selectedSwapRequestId:e}),setCurrentPage:e=>t({currentPage:e})})));function pl(){let t=ri(!0),[e,o]=Wd(),n=Id(),r=ri(n.search),s=ri({}),a=_.use.fromBlockchain(),l=_.use.toBlockchain(),p=_.use.fromToken(),u=_.use.toToken(),c=_.use.setFromBlockchain(),m=_.use.setFromToken(),d=_.use.setToBlockchain(),f=_.use.setToToken(),w=_.use.inputAmount(),S=_.use.setInputAmount(),h=g().fetchStatus,C=g().blockchains(),k=g().tokens(),T=Ae.use.setSelectedSwap();return ni(()=>{let A={};Ed(r.current).forEach((E,b)=>{A[b]=E}),s.current=A;let y=n.pathname.split(M.swaps+"/")[1]||null;y&&T(y)},[]),ni(()=>{if(!t.current){let A="",y="",E="",b="",v="",x=s.current["autoConnect"];h!=="success"?(A=s.current["fromBlockchain"],y=s.current["fromToken"],E=s.current["toBlockchain"],b=s.current["toToken"],v=s.current["fromAmount"]||w):(A=a?.name||"",y=(p?.symbol||"")+(p?.address?`--${p?.address}`:""),E=l?.name||"",b=(u?.symbol||"")+(u?.address?`--${u?.address}`:""),v=w),o({...A&&{["fromBlockchain"]:A},...y&&{["fromToken"]:y},...E&&{["toBlockchain"]:E},...b&&{["toToken"]:b},...v&&{["fromAmount"]:v.toString()},...x&&{["autoConnect"]:x}},{replace:!0})}t.current=!1},[n.pathname,w,a,p,l,u]),ni(()=>{if(h==="success"){let A=e.get("fromBlockchain"),y=e.get("fromToken"),E=e.get("toBlockchain"),b=e.get("toToken"),v=e.get("fromAmount"),x=C.find(O=>O.name===A),P=Jr(k,y,x||null),D=C.find(O=>O.name===E),W=Jr(k,b,D||null);x&&(c(x),P&&m({token:P,meta:{blockchains:C,tokens:k}})),D&&(d(D),W&&f({token:W,meta:{blockchains:C,tokens:k}})),v&&S(v)}},[h]),null}i(pl,"UpdateUrl");function ul({children:t,...e}){let o=$d(),n=o?Pd:Md,r=g().blockchains(),{canSwitchNetworkTo:s}=Bd();ll();let a=r.filter(Ld);return Nd({lastConnectedWallet:e.lastConnectedWallet,clearDisconnectedWallet:e.clearDisconnectedWallet,disconnectedWallet:e.disconnectedWallet,evmChains:a,canSwitchNetworkTo:s}),Tn.createElement(Tn.Fragment,null,Tn.createElement(n,null,t),o&&Tn.createElement(pl,null))}i(ul,"AppRouter");import Ie from"react";import{useRoutes as iC}from"react-router-dom";import{i18n as ir}from"@lingui/core";import{useManager as hh}from"@rango-dev/queue-manager-react";import{Alert as Wu,Button as yh,css as Yi,Divider as Ki,IconButton as Nu,SettingsIcon as Sh,styled as Ch,Tooltip as kh,Typography as Th,WalletIcon as wh}from"@rango-dev/ui";import ae,{useEffect as No,useLayoutEffect as xh,useRef as vh,useState as sr}from"react";import{flushSync as bh}from"react-dom";import{useNavigate as Ah}from"react-router-dom";import{i18n as nt}from"@lingui/core";import{Alert as Ai,BalanceErrors as sg,Button as mp,ChevronDownIcon as ag,ChevronLeftIcon as lg,Divider as Jt,MessageBox as pg,Modal as dp,Typography as qn,WalletIcon as ug}from"@rango-dev/ui";import B,{useEffect as cg,useState as $t}from"react";import{useNavigate as mg}from"react-router-dom";import{i18n as wn}from"@lingui/core";function xn(t){switch(t.type){case 0:return wn.t("Route has been updated.");case 3:return wn.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return wn.t("Route swappers has been updated.");case 2:return wn.t("Route internal coins has been updated.");default:return""}}i(xn,"getQuoteUpdateWarningMessage");import En,{useLayoutEffect as Od,useRef as Ud}from"react";import*as Vt from"@radix-ui/react-collapsible";import{keyframes as cl,styled as vn}from"@rango-dev/ui";var go=300,Dd=cl({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),Fd=cl({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),ml=vn(Vt.Root,{borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),ii=vn(Vt.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit",cursor:"pointer"}),bn=vn(Vt.Content,{overflow:"hidden",variants:{open:{true:{animation:`${Dd} ${go}ms ease-out`},false:{animation:`${Fd} ${go}ms ease-out`}}}}),An=vn("div",{transition:`all ${go}ms ease`,display:"flex",alignItems:"center",variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}});function In(t){let{open:e,hasSelected:o,onOpenChange:n,children:r,onClickTrigger:s,trigger:a,triggerAnchor:l}=t,p=Ud(null);return Od(()=>{e&&p.current&&setTimeout(()=>{p?.current?.scrollIntoView({behavior:"smooth"})},go)},[e]),En.createElement(ml,{ref:p,className:"collapsible_root",selected:o&&e,open:e,onOpenChange:n},l==="top"&&En.createElement(ii,{className:"collapsible_trigger",onClick:s},a),En.createElement(bn,{className:"collapsible_content",open:e},r),l==="bottom"&&En.createElement(ii,{className:"collapsible_trigger",onClick:s},a))}i(In,"CustomCollapsible");import{Button as zd,css as dl,darkTheme as jt,IconButton as qd,styled as Oe,TextField as Gd}from"@rango-dev/ui";var fl=Oe("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),gl=Oe("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),Qd=Oe("button",{borderRadius:"$xm",padding:"$10",border:"0",display:"flex",justifyContent:"center",$$color:"$colors$neutral100",[`.${jt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",alignItems:"center",cursor:"pointer",width:110,position:"relative","&:hover":{$$color:"$colors$info100",[`.${jt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$color:"$colors$info100",[`.${jt} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color",outline:0},variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary",outlineStyle:"solid"}}}}),hl=Oe(Qd,{alignSelf:"stretch",minHeight:"93px"}),yl=Oe("div",{padding:"$20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),Sl=Oe(qd,{position:"absolute",left:"$20"}),Cl=Oe("div",{paddingTop:"$20"}),kl=dl({display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),Tl=Oe("div",{padding:"$10 $0","& .button__content":{display:"flex",alignItems:"center"},"& .alarms":{paddingTop:"$5"},"& .collapsible_content":{backgroundColor:"$neutral100"},"& .collapsible_root":{backgroundColor:"$neutral200"}}),wl=dl({paddingTop:"$5"}),xl=Oe("div",{display:"flex"}),vl=Oe(Gd,{backgroundColor:"$neutral100",padding:"$0 $15 $15 $15"}),bl=Oe("div",{overflow:"visible",width:"100%"}),Al=Oe(zd,{width:"100%",borderRadius:"$sm !important",padding:"$15 !important",justifyContent:"space-between",alignItems:"center",$$color:"$colors$neutral100",[`.${jt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color","&:hover":{$$color:"$colors$info100",[`.${jt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$background:"$colors$info100",[`.${jt} &`]:{$$background:"$colors$info700"},backgroundColor:"$$background",outline:0}});import{i18n as je}from"@lingui/core";import{Button as ng,Divider as vi,Image as rg,MessageBox as zn,Modal as ap,SelectableWallet as ig,Typography as lp,WalletState as pp}from"@rango-dev/ui";import ie,{useEffect as up,useState as Co}from"react";import{WalletState as si}from"@rango-dev/ui";import{useWallets as Hd}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as Vd,WalletTypes as Wn}from"@rango-dev/wallets-shared";import{useEffect as jd,useState as Xd}from"react";var Kd=Object.values(Wn);function Nn(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:s,disconnect:a,getWalletInfo:l,connect:p}=Hd(),{connectedWallets:u}=V(),c=g().blockchains(),m=sl(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||Kd,d=la(s,l,m,o),f=ga(d),[w,S]=Xd(""),h=i(y=>!u.find(E=>E.walletType===y&&E.chain===o),"isExperimentalChainNotAdded"),C=i(async y=>{let E=s(y);try{if(w&&S(""),E.connected)await a(y);else{let b=!!d.find(v=>v.state===si.CONNECTED);if(!e?.multiWallets&&b)return;n?.(y),await p(y),r?.(y)}}catch(b){S("Error: "+b?.message)}},"handleClick"),k=i(()=>{let y=d?.filter(E=>E.state===si.CONNECTING)||[];for(let E of y)a(E.type)},"disconnectConnectingWallets");jd(()=>()=>{k()},[]);let T=i(y=>y.filter(b=>b.state!=si.NOT_INSTALLED&&![Wn.DEFAULT,Wn.WALLET_CONNECT_2].includes(b.type)&&l(b.type).supportedChains.filter(v=>v.type=="EVM").length>0).length==0,"shouldShowDefaultInjectedWallet"),A=i((y,E,b)=>Ro(b,E)&&h(y)&&!Vd.includes(y)||y==Wn.DEFAULT&&!T(d),"shouldExcludeWallet");return{list:f.filter(y=>!A(y.type,o??"",c)),error:w,handleClick:C}}i(Nn,"useWalletList");import{i18n as ep}from"@lingui/core";import{styled as op,Typography as Yf,Wallet as Jf,WalletState as Zf}from"@rango-dev/ui";import Yt,{useState as tp}from"react";import{BottomLogo as Df,Divider as Ff,Header as Of}from"@rango-dev/ui";import we,{useEffect as Uf,useRef as zf}from"react";import{useNavigate as Yd}from"react-router-dom";function xt(){let t=Yd();return()=>t(-1)}i(xt,"useNavigateBack");import{createTheme as ui,darkTheme as tf,lightTheme as of}from"@rango-dev/ui";import{useEffect as Nl,useState as nf}from"react";import{theme as Rd,darkColors as ef}from"@rango-dev/ui";var El=i((t,e)=>{t=t.replace(/^#/,""),t.length===3&&(t=t[0]+t[0]+t[1]+t[1]+t[2]+t[2]);let[s,a,l]=t.match(/.{2}/g);[s,a,l]=[parseInt(s,16)+e,parseInt(a,16)+e,parseInt(l,16)+e],s=Math.max(Math.min(255,s),0).toString(16),a=Math.max(Math.min(255,a),0).toString(16),l=Math.max(Math.min(255,l),0).toString(16);let p=(s.length<2?"0":"")+s,u=(a.length<2?"0":"")+a,c=(l.length<2?"0":"")+l;return`#${p}${u}${c}`},"colorShade"),Bn=i((t,e)=>{let a={[t]:e};for(let l=1;l<10;l++)l<5&&(a={...a,[t+l*100]:El(e,(5-l)*25)}),l===5&&(a={...a,[t+l*100]:e}),l>5&&(a={...a,[t+l*100]:El(e,-((l-5)*25))});return a},"generateRangeColors"),ai=i((t,e,o)=>{if(!o||!Object.entries(o).length)return{};let n=!1,r={...t};for(let s in o){let a=o[s];if(a&&a!==t[s])if(n=!0,s==="background"||s==="foreground")r={...r,[s]:a};else if(s==="neutral"&&e){let l=Bn(s,a);r={...r,[`${s}100`]:l[`${s}900`],[`${s}200`]:l[`${s}800`],[`${s}300`]:l[`${s}700`],[`${s}400`]:l[`${s}600`],[`${s}500`]:l[`${s}500`],[`${s}600`]:l[`${s}400`],[`${s}700`]:l[`${s}300`],[`${s}800`]:l[`${s}200`],[`${s}900`]:l[`${s}100`]}}else r={...r,...Bn(s,a)}}return n?r:{}},"generateColors");var Il=i(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),Jd=i(t=>{let e="",o;for(o=Math.abs(t);o>52;o=o/52|0)e=Il(o%52)+e;return Il(o%52)+e},"toAlphabeticName"),Zd=i((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),li=i(t=>Jd(Zd(5381,JSON.stringify(t))>>>0),"toHash");function pi(t){let e=Rd.colors,o=ai({...e,...ef},!0,t?.dark),n=ai(e,!1,t?.light),r=Object.keys(o).length>0,s=Object.keys(n).length>0,a,l;if(s){let p={colors:n};a={id:`${Ur}-light-${li(p)}`,tokens:p}}if(r){let p={colors:o};l={id:`${Ur}-dark-${li(p)}`,tokens:p}}return{light:a,dark:l}}i(pi,"customizedThemeTokens");function Wl(t,e){if(t.length<=1)return t;let o=[];return t.forEach((n,r)=>{o.push(n),r<t.length-1&&o.push(e)}),o}i(Wl,"joinList");function Ln(t){let{colors:e,fontFamily:o=Ta,borderRadius:n=Ca,secondaryBorderRadius:r=ka,mode:s="auto"}=t,[a,l]=nf("light"),{setTheme:p,theme:u}=g(),{dark:c,light:m}=pi(e),d=ui({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),f=[d.className,of.className],w=[d.className,tf.className];if(m){let h=ui(m.id,m.tokens);f.push(h.className)}if(c){let h=ui(c.id,c.tokens);w.push(h.className)}return Nl(()=>{let h=i(C=>{C.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)}},[]),Nl(()=>{s!=="auto"&&p(s)},[s]),{activeTheme:i(()=>{let h=f.join(" "),C=w.join(" ");return u==="auto"?a==="dark"?C:h:u==="dark"?C:h},"getActiveTheme")}}i(Ln,"useTheme");import{ChevronLeftIcon as af}from"@rango-dev/ui";import Ml from"react";import{darkTheme as rf,IconButton as sf,styled as ho}from"@rango-dev/ui";var Ue=ho(sf,{width:"$24",position:"relative",padding:"0",overflow:"unset"}),Bl=ho("div",{position:"absolute",background:"$secondary500",[`.${rf} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),Xt=ho("div",{display:"flex",justifyContent:"flex-end",minWidth:"$40",button:{padding:0}}),Ll=ho("div",{position:"absolute",backgroundColor:"$secondary500",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0"}),Pl=ho("div",{padding:"$2",variants:{isRefetched:{true:{transform:"rotate(360deg)",transition:"transform 1s ease-in-out"}}}});function ci(t){return Ml.createElement(Ue,{variant:"ghost",size:"small",onClick:t.onClick},Ml.createElement(af,{color:"black",size:16}))}i(ci,"BackButton");import{i18n as lf}from"@lingui/core";import{Button as pf,Typography as uf}from"@rango-dev/ui";import mi from"react";function di(t){return mi.createElement(Xt,null,mi.createElement(pf,{variant:"ghost",onClick:t.onClick,size:"xsmall"},mi.createElement(uf,{variant:"label",size:"medium",color:"error500"},lf.t("Cancel"))))}i(di,"CancelButton");import{i18n as cf}from"@lingui/core";import{Tooltip as mf,WalletIcon as df}from"@rango-dev/ui";import Pn from"react";function fi(t){return Pn.createElement(mf,{container:t.container,side:"top",content:cf.t("Connect Wallet")},Pn.createElement(Ue,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&Pn.createElement(Bl,null),Pn.createElement(df,{size:18,color:"black"})))}i(fi,"WalletButton");import{i18n as Dn}from"@lingui/core";import{NotificationsIcon as Pf,Popover as Mf,SettingsIcon as $f,Tooltip as Fn,TransactionIcon as _f}from"@rango-dev/ui";import ge from"react";import{i18n as Tf}from"@lingui/core";import{EventSeverity as wf}from"@rango-dev/queue-manager-rango-preset";import{ChainToken as Ul,ChevronRightIcon as xf,ListItemButton as vf,Typography as bf}from"@rango-dev/ui";import Ve from"react";import{useNavigate as Af}from"react-router-dom";import{create as ff}from"zustand";import{persist as gf,subscribeWithSelector as hf}from"zustand/middleware";var Be=Tt(ff()(gf(hf((t,e)=>({notifications:[],setNotification:(o,n)=>{let r=n.steps[0],s=n.steps[n.steps.length-1],a={event:o,creationTime:Date.now(),read:!1,requestId:n.requestId,route:{from:{blockchain:r.fromBlockchain,tokenAddress:r.fromSymbolAddress,tokenSymbol:r.fromSymbol},to:{blockchain:s.toBlockchain,tokenSymbol:s.toSymbol,tokenAddress:s.toSymbolAddress}}},l=e().notifications.filter(p=>p.requestId!==n.requestId);t(()=>({notifications:[...l,a]}))},setAsRead:o=>{t(n=>({notifications:n.notifications.map(r=>r.requestId===o?{...r,read:!0}:r)}))},getUnreadNotifications:()=>e().notifications.filter(o=>!o.read)})),{name:"notification",skipHydration:!0})));import{styled as Mn}from"@rango-dev/ui";var $l=Mn("div",{padding:"$10",width:"350px",minHeight:"150px"}),_l=Mn("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),Dl=Mn("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),Fl=Mn("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as yf}from"@lingui/core";import{Divider as Sf,NoNotificationIcon as Cf,Typography as kf}from"@rango-dev/ui";import $n from"react";function Ol(){return $n.createElement(Fl,null,$n.createElement(Cf,{color:"secondary",size:26}),$n.createElement(Sf,{size:12}),$n.createElement(kf,{variant:"body",size:"medium",color:"neutral700"},yf.t("You have no notification")))}i(Ol,"NotificationNotFound");var Ef=4;function gi(){let t=Af(),e=Ae.use.setSelectedSwap(),{getUnreadNotifications:o}=Be(),n=o(),r=g().blockchains(),s=g().tokens(),a=n.sort((p,u)=>u.creationTime-p.creationTime).slice(0,Ef),l=i(p=>{e(p),t(`${M.swaps}/${p}`)},"handleOnClick");return Ve.createElement($l,null,a.length?Ve.createElement(_l,null,a.map(p=>{let u=s.find(f=>f.address===p.route.from.tokenAddress&&f.blockchain===p.route.from.blockchain&&f.symbol===p.route.from.tokenSymbol),c=r.find(f=>f.name===p.route.from.blockchain),m=s.find(f=>f.address===p.route.to.tokenAddress&&f.blockchain===p.route.to.blockchain&&f.symbol===p.route.to.tokenSymbol),d=r.find(f=>f.name===p.route.to.blockchain);return Ve.createElement(vf,{key:p.requestId,onClick:()=>l(p.requestId),title:Ve.createElement(bf,{variant:"body",size:"small",color:p.event.messageSeverity===wf.WARNING?"$foreground":"$neutral700"},Tf.t(p.event.message)),id:p.requestId,start:Ve.createElement(Dl,null,Ve.createElement("div",{className:"from-chain-token"},Ve.createElement(Ul,{tokenImage:u?u.image:"",chainImage:c?c.logo:"",size:"small"})),Ve.createElement("div",{className:"to-chain-token"},Ve.createElement(Ul,{tokenImage:m?m.image:"",chainImage:d?d.logo:"",size:"small"}))),end:Ve.createElement(xf,{size:12,color:"gray"})})})):Ve.createElement(Ol,null))}i(gi,"NotificationContent");import{RefreshProgressButton as If}from"@rango-dev/ui";import hi,{useEffect as Wf,useState as zl}from"react";var Nf=1e3,ql=60,Bf=100;function _n({onClick:t}){let[e,o]=zl(0),[n,r]=zl(!1),s=i(p=>{document.hidden&&p&&a(p)},"handleVisibilityChange");Wf(()=>{let p;return t?p=window.setInterval(()=>{o(u=>u+1),e===ql&&l()},Nf):a(p),document.addEventListener("visibilitychange",()=>s(p)),()=>{document.removeEventListener("visibilitychange",()=>s(p)),p&&clearInterval(p)}},[e,t]);let a=i(p=>{p&&clearInterval(p),o(0)},"clearTimeout"),l=i(()=>{t?.(),o(0),r(!0)},"handleRefreshClick");return hi.createElement(Ue,{variant:"ghost",size:"small",onClick:l,disabled:!t},hi.createElement(Pl,{onTransitionEnd:()=>r(!1),isRefetched:n},hi.createElement(If,{size:24,color:t?"black":"gray",progress:e/ql*Bf})))}i(_n,"RefreshButton");import{Typography as Lf}from"@rango-dev/ui";import Gl from"react";function Ql(){let{getUnreadNotifications:t}=Be(),e=t().length;return e?Gl.createElement(Ll,null,Gl.createElement(Lf,{variant:"body",size:"xsmall",color:"$background"},e)):null}i(Ql,"UnreadNotificationsBadge");function yi(t){let{onClickRefresh:e,onClickHistory:o,onClickSettings:n}=t,{config:{features:r}}=g(),s=_e("notification",r);return ge.createElement(ge.Fragment,null,ge.createElement(Fn,{container:N(),side:"top",content:Dn.t("Refresh")},ge.createElement(_n,{onClick:e})),!s&&ge.createElement(Mf,{align:"center",collisionPadding:{right:20,left:20},container:N(),content:ge.createElement(gi,null)},ge.createElement("div",null,ge.createElement(Fn,{container:N(),side:"top",content:Dn.t("Notifications")},ge.createElement(Ue,{size:"small",variant:"ghost"},ge.createElement(Pf,{size:18,color:"black"}),ge.createElement(Ql,null))))),ge.createElement(Fn,{container:N(),side:"top",content:Dn.t("Settings")},ge.createElement(Ue,{size:"small",variant:"ghost",onClick:n},ge.createElement($f,{size:18,color:"black"}))),ge.createElement(Fn,{container:N(),side:"top",content:Dn.t("Transactions History")},ge.createElement(Ue,{size:"small",variant:"ghost",onClick:o},ge.createElement(_f,{size:18,color:"black"}))))}i(yi,"HomeButtons");function Si(t){let e=t.target;if(e){let o=e.scrollTop,n=N();o>1?n.classList.add("rng-scrolled"):n.classList.remove("rng-scrolled")}}i(Si,"onScrollContentAttachStatusToContainer");import{styled as Ci}from"@rango-dev/ui";var Hl="700px",Vl=Ci("div",{position:"relative",display:"flex",flexDirection:"column",borderRadius:"$primary",width:"100vh",minWidth:"300px",maxWidth:"390px",boxShadow:"15px 15px 15px 0px rgba(0, 0, 0, 0.05)",overflow:"hidden",backgroundColor:"$background",variants:{height:{auto:{height:"auto",maxHeight:Hl},fixed:{height:Hl}}}}),jl=Ci("div",{position:"relative",overflow:"hidden",flexGrow:1,display:"flex",flexDirection:"column",padding:0,overflowY:"auto"}),Xl=Ci("div",{backgroundColor:"$background","& .footer__content":{padding:"$0 $20"},"& .footer__logo":{padding:"$0 $20 $10 $20"}});function te(t){let{children:e,header:o,footer:n,hasLogo:r=!0,height:s="fixed"}=t,a=V.use.connectedWallets(),{config:{features:l,theme:p}}=g(),{activeTheme:u}=Ln(p||{}),c=_e("connectWalletButton",l),m=Ae.use.connectWalletsButtonDisabled(),d=xt(),f=i(()=>{!m&&o.onWallet&&o.onWallet()},"onConnectWallet"),w=typeof o.hasBackButton>"u"||o.hasBackButton,S=zf(null);return Uf(()=>(S.current?.addEventListener("scroll",Si),()=>{S.current?.removeEventListener("scroll",Si)}),[]),we.createElement(Vl,{height:s,id:be,className:u()},we.createElement(Of,{prefix:we.createElement(we.Fragment,null,w&&we.createElement(ci,{onClick:d})),title:o.title,suffix:we.createElement(we.Fragment,null,o.suffix,o.onWallet&&!c&&we.createElement(fi,{container:N(),onClick:f,isConnected:!!a?.length}),o.onCancel&&we.createElement(di,{onClick:o.onCancel}))}),we.createElement(jl,{ref:S},e),(r||n)&&we.createElement(Xl,null,we.createElement("div",{className:"footer__content"},n),r&&we.createElement("div",{className:"footer__logo"},we.createElement(Ff,{size:12}),we.createElement(Df,null))))}i(te,"Layout");import{styled as qf}from"@rango-dev/ui";var Kl="$20 $20 $10 $20",yo=qf("div",{padding:Kl,overflowY:"auto",flexGrow:1});import{styled as Gf}from"@rango-dev/ui";var re=Gf("div",{display:"flex",flexDirection:"column",padding:"20px 20px 10px",flexGrow:1,variants:{view:{true:{flexGrow:1,overflow:"hidden"}},compact:{true:{padding:0}}}});import{Divider as Xf,Modal as Kf}from"@rango-dev/ui";import Ti from"react";import{i18n as Kt}from"@lingui/core";import{Image as Vf,MessageBox as ki,WalletState as jf}from"@rango-dev/ui";import Mt from"react";import{keyframes as Qf,styled as On}from"@rango-dev/ui";var qb=On("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),Yl=On("div",{position:"relative"}),Hf=Qf({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),Jl=On("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Hf} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),Zl=On("div",{"& img":{borderRadius:"50%"}});function Rl(t){let{state:e,image:o,error:n}=t;return e===jf.CONNECTED?Mt.createElement(ki,{type:"success",title:Kt.t("Wallet Connected"),description:Kt.t("Your wallet is connected, you can use it to swap.")}):n?Mt.createElement(ki,{type:"error",title:Kt.t("Failed to Connect"),description:n||Kt.t("Your wallet is not connected. Please try again.")}):Mt.createElement(ki,{type:"loading",title:Kt.t("Connecting to your wallet"),description:Kt.t("Click connect in your wallet popup."),icon:Mt.createElement(Yl,null,Mt.createElement(Zl,null,Mt.createElement(Vf,{src:o,size:45})),Mt.createElement(Jl,null))})}i(Rl,"ModalContent");function So(t){let{open:e,onClose:o,...n}=t;return Ti.createElement(Kf,{open:e,onClose:o,container:document.getElementById(be)||document.body},Ti.createElement(Rl,{...n}),Ti.createElement(Xf,{direction:"vertical",size:32}))}i(So,"WalletModal");var Rf=op("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),eg=op(re,{textAlign:"center"}),Un=3e3,wi=300;function np(){let{config:t,fetchStatus:e}=g(),[o,n]=tp(!1),[r,s]=tp(""),a=null,{list:l,handleClick:p,error:u}=Nn({config:t,onBeforeConnect:f=>{a=setTimeout(()=>{n(!0),s(f)},wi)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},Un)}}),c=l.find(f=>f.type===r),m=c?.image||"",d=c?.state||Zf.NOT_INSTALLED;return Yt.createElement(te,{header:{title:ep.t("Connect Wallets")}},Yt.createElement(eg,null,Yt.createElement(Yf,{variant:"title",size:"xmedium",align:"center"},ep.t("Choose a wallet to connect.")),Yt.createElement(Rf,null,l.map((f,w)=>{let S=`wallet-${w}-${f.type}`;return Yt.createElement(Jf,{key:S,...f,container:N(),onClick:h=>{p(h)},isLoading:e==="loading"})}),Yt.createElement(So,{open:!!o,onClose:()=>n(!1),image:m,state:d,error:u}))))}i(np,"WalletsPage");import{keyframes as tg,styled as xi}from"@rango-dev/ui";var rp=xi("div",{position:"relative"}),og=tg({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),ip=xi("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${og} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),sp=xi("div",{"& img":{borderRadius:"50%"}});function bi(t){let{chain:e,isSelected:o,selectWallet:n,limit:r,onShowMore:s}=t,{config:a}=g(),l=V.use.connectedWallets(),{blockchains:p}=g(),[u,c]=Co(""),[m,d]=Co(null),[f,w]=Co(!1),[S,h]=Co(null),{suggestAndConnect:C}=cp(),k=null,{list:T,error:A,handleClick:y}=Nn({config:a,chain:e,onBeforeConnect:W=>{k=setTimeout(()=>{c(W)},wi)},onConnect:()=>{k&&clearTimeout(k),setTimeout(()=>{c("")},Un)}}),[E,b]=Co(T),v=T.length,x=r&&v-r>0,P=i(async W=>{w(!1),h("in-progress");try{await C(W.walletType,W.chain),h("completed")}catch{h("rejected")}},"addExperimentalChain");up(()=>{b(W=>{let O=T.findIndex(ne=>o(ne.type,e));return x&&O>1?[T[O]].concat(T.filter((ne,Z)=>Z!==O)):W.map(ne=>T.find(Z=>Z.type===ne.type)??ne)})},[JSON.stringify(T)]);let D=document.getElementById(be);return up(()=>{let W=null;return(S==="completed"||S==="rejected")&&(W=setTimeout(()=>h(null),Un)),()=>{W&&clearTimeout(W)}},[S]),ie.createElement(ie.Fragment,null,E.slice(0,r).map(W=>{let O=ha({connectedWallets:l,walletType:W.type,chain:e}),ne=O?tn(O):"",Z=Ro(p(),e),pe=!l.find(ye=>ye.walletType===W.type&&ye.chain===e),j=Z&&pe&&W.state===pp.CONNECTED,ve=j?je.t({id:"Add {chain} chain",values:{chain:e}}):ne,K=i(()=>{W.state===pp.DISCONNECTED?y(W.type):j?(d({walletType:W.type,chain:e,address:O??""}),w(!0)):n({walletType:W.type,chain:e,address:O??""})},"onClick"),z=m?.chain?$a(m.chain,p()):void 0;return ie.createElement(ie.Fragment,null,ie.createElement(So,{open:u===W.type,onClose:()=>c(""),image:W.image,state:W.state,error:A}),!!m&&ie.createElement(ap,{open:!!m&&f,container:D,onClose:()=>{d(null)}},ie.createElement(zn,{title:je.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:z}}),type:"warning",description:je.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:z}})},ie.createElement(vi,{size:18}),ie.createElement(vi,{size:32}),ie.createElement(ng,{onClick:P.bind(null,m),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},je.t("Confirm")))),S&&ie.createElement(ap,{open:!!S,onClose:h.bind(null,null),container:D},S==="in-progress"&&ie.createElement(zn,{type:"loading",title:je.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:z}}),description:je.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:z}}),icon:ie.createElement(rp,null,ie.createElement(sp,null,ie.createElement(rg,{src:W.image,size:45})),ie.createElement(ip,null))}),S==="completed"&&ie.createElement(zn,{type:"success",title:je.t({id:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:z}}),description:je.t({id:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:z}})}),S==="rejected"&&ie.createElement(zn,{type:"error",title:je.t("Request Rejected"),description:je.t({id:"You've rejected adding {blockchainDisplayName} chain to your wallet.",values:{blockchainDisplayName:z}})}),ie.createElement(vi,{direction:"vertical",size:32})),ie.createElement(ig,{key:W.type,description:ve,onClick:K,selected:o(W.type,e),...W}))}),x&&ie.createElement(hl,{selected:!1,onClick:s},ie.createElement(lp,{variant:"label",size:"medium"},je.t("Show more wallets"),ie.createElement(lp,{variant:"label",size:"medium",color:"$primary"},"\xA0+",v-(r??0)))))}i(bi,"WalletList");var dg=2;function fp(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,loading:s}=t,a=g().config,l=g().blockchains(),{quote:p,setSelectedWallets:u,quoteWalletsConfirmed:c,setQuoteWalletConfirmed:m,customDestination:d,setCustomDestination:f}=_(),{connectedWallets:w,selectWallets:S}=V(),[h,C]=$t(""),[k,T]=$t([]),[A,y]=$t(""),[E,b]=$t(null),[v,x]=$t(d),[P,D]=$t(!!d),W=an(p),O=l.find(F=>F.name===p?.result?.swaps[p?.result?.swaps.length-1].to.blockchain),ne=i(F=>!!p?.result?.swaps.find(G=>G.from.blockchain===F),"isWalletRequiredFor"),[Z,pe]=$t(w.filter(F=>F.selected&&W.includes(F.chain))),j=l.find(F=>F.name===O?.name),ve=i((F,G)=>!!Z.find(Q=>Q.walletType===F&&Q.chain===G&&Q.selected&&(ne(G)||!ne(G)&&!v)),"isSelected"),K=!!v&&P&&j&&!ln(j,v),z=i(()=>{D(!1),x(""),pe(F=>{let G=!1;return F.map(Q=>!G&&Q.chain===O?.name?(G=!0,{...Q,selected:!0}):Q)})},"resetCustomDestination"),ye=i(F=>{if(h&&C(""),ve(F.walletType,F.chain))return;let Q=w.find(Ne=>Ne.walletType===F.walletType&&Ne.chain===F.chain);Q&&(n(),F.chain===O?.name&&P&&(D(!1),x("")),pe(Ne=>Ne.filter(Ge=>Ge.chain!==F.chain).concat({...Q,selected:!0})))},"onChange"),Re=i(()=>{let F=Z.filter(G=>G.selected);S(F),u(F),f(v),m(!0),o()},"onConfirmBalance"),We=i(async()=>{T([]),y(""),b(null);let F=w.filter(Ne=>Z.find(Ge=>Ge.chain===Ne.chain&&Ge.walletType===Ne.walletType)),G=await r?.({selectedWallets:F,customDestination:v}),Q=G.warnings;Q?.balance?.messages&&T(Q.balance.messages),Q?.quoteUpdate&&b(Q.quoteUpdate),G.error&&y(_a(G.error)),!G.error&&(!Q?.balance?.messages.length||0>0)?Re():T(Q?.balance?.messages??[])},"onConfirmWallets");cg(()=>{pe(F=>F.concat(w.filter(G=>!!!F.find(Ne=>Ne.chain===G.chain)&&G.selected&&W.includes(G.chain))))},[w.length]);let et=document.getElementById(be),Nt=mg();return B.createElement(dp,{open:e,onClose:()=>{c||Nt("../",{replace:!0}),o()},dismissible:!h,container:et,...!h&&{footer:B.createElement(xl,null,B.createElement(mp,{loading:s,disabled:Ja(s,P,v,p,Z,O),onClick:We,variant:"contained",type:"primary",fullWidth:!0,size:"large"},nt.t("Confirm")))},...h&&{containerStyle:{padding:"$0"},header:B.createElement(yl,null,B.createElement(Sl,{variant:"ghost",onClick:C.bind(null,"")},B.createElement(lg,{size:16})),B.createElement(qn,{variant:"headline",size:"small"},nt.t({id:"Your {blockchainName} wallets",values:{blockchainName:De(h,l)}})))},anchor:"center"},B.createElement(dp,{open:k.length>0,onClose:T.bind(null,[]),container:et},B.createElement(pg,{title:nt.t("Insufficient account balance"),type:"error",description:B.createElement(sg,{messages:k??[]})},B.createElement(mp,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:Re},nt.t("Proceed anyway")))),h&&B.createElement(Cl,null,B.createElement("div",{className:kl()},B.createElement(bi,{chain:h,isSelected:ve,selectWallet:ye,onShowMore:C.bind(null,h)}))),!h&&B.createElement(B.Fragment,null,A&&B.createElement(B.Fragment,null,B.createElement(Ai,{variant:"alarm",type:"error",title:nt.t(A)}),B.createElement(Jt,{size:12})),E&&B.createElement(B.Fragment,null,B.createElement(Ai,{variant:"alarm",type:"warning",title:xn(E)}),B.createElement(Jt,{size:12})),B.createElement(bl,null,W.map((F,G)=>{let Q=l.find(ct=>ct.name===F),Ne=`wallet-${G}`,Ge=G===W.length-1;return B.createElement("div",{key:Ne},B.createElement(fl,null,B.createElement(qn,{variant:"title",size:"xmedium"},nt.t({id:"Your {blockchainName} wallets",values:{blockchainName:Q?.shortName}})),B.createElement(qn,{variant:"label",color:"$neutral700",size:"medium"},nt.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:Q?.shortName}}))),B.createElement(Jt,{size:24}),B.createElement(gl,null,B.createElement(bi,{chain:F,isSelected:ve,selectWallet:ye,limit:dg,onShowMore:()=>C(Q?.name??"")})),!Ge&&B.createElement(Jt,{size:32}),Ge&&a?.customDestination&&B.createElement(Tl,null,B.createElement(In,{onOpenChange:ct=>{ct?ne(O?.name??"")||pe(Qe=>Qe.map(Me=>Me.chain===O?.name?{...Me,selected:!1}:Me)):z()},hasSelected:!0,open:P,triggerAnchor:"top",trigger:B.createElement(Al,{fullWidth:!0,variant:"default",suffix:B.createElement(An,{orientation:P?"up":"down"},B.createElement(ag,{size:10,color:"gray"}))},B.createElement("div",{className:"button__content"},B.createElement(ug,{size:18,color:"info"}),B.createElement(Jt,{size:4,direction:"horizontal"}),B.createElement(qn,{variant:"label",size:"medium"},nt.t("Send to a different address")))),onClickTrigger:()=>D(ct=>!ct)},B.createElement(Jt,{size:4}),B.createElement(vl,{autoFocus:!0,placeholder:nt.t("Your destination address"),value:v,onChange:ct=>{x(ct.target.value)}})),K&&B.createElement("div",{className:wl()},B.createElement(Ai,{variant:"alarm",type:"error",title:nt.t({values:{destination:v},id:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}i(fp,"ConfirmWalletsModal");import{i18n as Pg}from"@lingui/core";import{Alert as Mg,Button as $g,InfoIcon as _g}from"@rango-dev/ui";import Le from"react";import{Alert as fg,Button as gg,Divider as kp,NoRouteIcon as hg,RefreshIcon as yg,Typography as Tp}from"@rango-dev/ui";import Xe from"react";import{i18n as gp}from"@lingui/core";function hp(t,e,o,n){return t?.type===1?{alert:{type:"warning",text:X().genericServerError,action:{onClick:n,title:gp.t("Retry")}},description:""}:e.length?{alert:{type:"warning",text:X().liquiditySourcesError.title,action:{onClick:()=>o(!0),title:gp.t("Reset")}},description:X().liquiditySourcesError.description}:t?.type===0&&t.diagnosisMessage?{alert:{type:"error",text:t.diagnosisMessage,action:null},description:""}:{alert:null,description:X().noResultError.description}}i(hp,"makeInfo");import{styled as Ei}from"@rango-dev/ui";var yp=Ei("div",{minHeight:"162px",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"}),Sp=Ei("div",{width:"100%"}),Cp=Ei("div",{padding:"$6 $0"});function Ii(t){let{fetch:e,error:o}=t,n=g().disabledLiquiditySources,r=g().toggleAllLiquiditySources,s=g().swappers(),a=hp(o,n,()=>r(s,!0),e);return Xe.createElement(yp,null,Xe.createElement(hg,{size:24,color:"gray"}),Xe.createElement(kp,{size:4}),Xe.createElement(Tp,{variant:"title",size:"small"},X().noResultError.title),!!a.description&&Xe.createElement(Tp,{variant:"body",size:"small",align:"center",color:"neutral700"},a.description),Xe.createElement(kp,{size:4}),!!a.alert&&Xe.createElement(Sp,null,Xe.createElement(fg,{type:a.alert.type,title:a.alert.text,action:a.alert.action&&Xe.createElement(gg,{size:"xsmall",type:a.alert.type,prefix:Xe.createElement(Cp,null,Xe.createElement(yg,{size:8})),onClick:a.alert.action.onClick},a.alert.action.title),variant:"alarm"})))}i(Ii,"NoResult");import{i18n as ko}from"@lingui/core";import{Button as Cg,Divider as Ep,MessageBox as kg,Modal as Tg,Typography as wg,WarningIcon as xg}from"@rango-dev/ui";import rt from"react";import{Typography as bp}from"@rango-dev/ui";import Ni from"react";import{darkTheme as Sg,styled as Gn}from"@rango-dev/ui";var wp=Gn("div",{width:"100%"}),Wi=Gn("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),xp=Gn("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%","._title":{$$color:"$colors$neutral600",[`.${Sg} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),vp=Gn("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});function Ap(t){let{title:e,value:o,valueColor:n}=t;return Ni.createElement(xp,null,Ni.createElement(bp,{size:"medium",variant:"label",className:"_title"},e),Ni.createElement(bp,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}i(Ap,"QuoteErrorsModalItem");function Ip(t){let{open:e,onClose:o,onConfirm:n,warning:r}=t,s=r.warningLevel==="high"?"error":"warning",a=[{title:ko.t("Swapping"),value:I(r.inputUsdValue,4,4)},{title:ko.t("Gas cost"),value:I(r.totalFee,2,2)},{title:ko.t("Receiving"),value:I(r.outputUsdValue,4,4)},{title:ko.t("Price impact"),value:I(r.priceImpact,2,2),valueColor:`${s}500`}];return rt.createElement(Tg,{open:e,onClose:o,container:N()},rt.createElement(kg,{type:s,title:X().highValueLossError.impactTitle,description:X().highValueLossError.description}),rt.createElement(Wi,null,rt.createElement(Ep,{size:20}),rt.createElement(wg,{size:"small",variant:"title"},ko.t("Details")),rt.createElement(Wi,null,a.map((l,p)=>rt.createElement(Ap,{key:p,...l})))),rt.createElement(Ep,{size:32}),rt.createElement(Cg,{type:"primary",size:"large",prefix:rt.createElement(xg,null),fullWidth:!0,onClick:n},X().highValueLossError.confirmMessage))}i(Ip,"HighValueLossWarningModal");import{i18n as Bi}from"@lingui/core";function Wp(t,e){let o={alertType:"warning",title:"",action:"show-info"};return t?(t.type===0&&(mt(t.priceImpact)==="high"&&(o.alertType="error"),o.action=null,o.title=X().highValueLossError.title),t.type===1&&(o.title=X().unknownPriceError.title),t.type===2&&(o.title=Bi.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:t.minRequiredSlippage}}),o.action="change-settings"),t.type===3&&(o.title=Bi.t("Caution, your slippage is high.")),o):e?(o.alertType="error",e.type===3&&(o.title=e.recommendation,o.action="show-info"),e.type===4&&(o.title=Bi.t({id:"You need to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:e.minRequiredSlippage}}),o.action="change-settings"),o):null}i(Wp,"makeAlerts");import{i18n as eo}from"@lingui/core";import{Button as Np,Divider as Bp,MessageBox as vg,Modal as bg,Typography as Ag}from"@rango-dev/ui";import _t from"react";import{useNavigate as Eg}from"react-router-dom";function Lp(t){let{customSlippage:e,slippage:o}=g(),{open:n,onClose:r,onConfirm:s,warning:a}=t,l=Eg(),p=e??o;return _t.createElement(bg,{anchor:"bottom",open:n,prefix:_t.createElement(Np,{size:"small",variant:"ghost",onClick:()=>l("../"+M.settings)},_t.createElement(Ag,{variant:"label",size:"medium",color:"$neutral900"},eo.t("Change settings"))),container:N(),onClose:r},_t.createElement(vg,{type:"warning",title:a.type===3?eo.t("High slippage"):eo.t("Low slippage"),description:a.type===3?eo.t({id:" Caution, your slippage is high (={userSlippage}). Your trade may be front run.",values:{userSlippage:p}}):eo.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:a.minRequiredSlippage}})},_t.createElement(Bp,{size:18}),_t.createElement(Bp,{size:32}),_t.createElement(Np,{size:"large",type:"primary",variant:"contained",fullWidth:!0,onClick:s},eo.t("Confirm anyway"))))}i(Lp,"SlippageWarningModal");import{Button as Ig,Divider as Wg,MessageBox as Ng,Modal as Bg,WarningIcon as Lg}from"@rango-dev/ui";import To from"react";function Pp(t){let{open:e,onClose:o,onConfirm:n}=t;return To.createElement(Bg,{open:e,onClose:o,container:N()},To.createElement(Ng,{type:"warning",title:X().unknownPriceError.impactTitle,description:X().unknownPriceError.description}),To.createElement(Wg,{size:32}),To.createElement(Ig,{type:"primary",size:"large",prefix:To.createElement(Lg,null),fullWidth:!0,onClick:n},X().unknownPriceError.confirmMessage))}i(Pp,"UnknownPriceWarningModal");function wo(t){let{warning:e,error:o,refetchQuote:n,showWarningModal:r,onOpenWarningModal:s,onCloseWarningModal:a,onConfirmWarningModal:l,onChangeSettings:p}=t,u={open:r,onClose:a,onConfirm:l},c=o?.type===0||o?.type===1,m=Wp(e,o?.type===3||o?.type===4?o:null);return Le.createElement(Le.Fragment,null,c&&Le.createElement(Ii,{error:o,fetch:n}),!!m&&Le.createElement(wp,null,Le.createElement(Mg,{title:m.title,type:m.alertType,variant:"alarm",...m.action==="show-info"&&{action:Le.createElement(vp,{onClick:s},Le.createElement(_g,{size:12,color:"gray"}))},...m.action==="change-settings"&&{action:Le.createElement($g,{size:"xxsmall",type:m.alertType,onClick:p},Pg.t("Change"))}})),e&&Le.createElement(Le.Fragment,null,e.type===0&&Le.createElement(Ip,{...u,warning:e}),(e.type===3||e.type===2)&&Le.createElement(Lp,{...u,warning:e}),e.type===1&&Le.createElement(Pp,{...u,warning:e})))}i(wo,"QuoteWarningsAndErrors");import tr from"react";import{i18n as qi}from"@lingui/core";import{Alert as oh,Divider as Gi,InfoIcon as nh,StepDetails as rh,TokenAmount as ih,Tooltip as iu,Typography as Ao}from"@rango-dev/ui";import su from"bignumber.js";import U,{useLayoutEffect as sh,useRef as au,useState as ah}from"react";import{styled as Li}from"@rango-dev/ui";var Pi=Li("div",{width:"100%","& .position-top__skeleton":{paddingTop:"$10"}}),Mp=Li("div",{paddingBottom:"$15"}),$p=Li("div",{width:"100%",display:"flex"});import*as Qn from"@radix-ui/react-collapsible";import{css as Hn,darkTheme as it,Image as _p,styled as ze,Typography as Dg}from"@rango-dev/ui";var Mi=300,Dp=ze(Qn.Root,{display:"flex",flexDirection:"column",alignItems:"start",overflowX:"auto",overflowY:"hidden",width:"100%",borderRadius:"$xm",cursor:"default",variants:{recommended:{true:{$$color:"$colors$info300",[`.${it} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"},false:{$$color:"$colors$neutral400",[`.${it} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}}}}),Fp=Hn({padding:"$10 $15"}),Op=ze("div",{borderRadius:"$xm",display:"flex",flexDirection:"column",alignItems:"start",justifyContent:"space-between",color:"$foreground",cursor:"pointer",boxSizing:"border-box",position:"relative",variants:{recommended:{true:{$$color:"$colors$info100",[`.${it} &`]:{$$color:"$colors$secondary600"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}},false:{$$color:"$colors$neutral200",[`.${it} &`]:{$$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",[`.${it} &`]:{$$color:"$colors$secondary700"},backgroundColor:"$$color"}}},{listItem:!0,recommended:!1,css:{"&:hover":{$$color:"$colors$neutral300",[`.${it} &`]:{$$color:"$colors$neutral400"},backgroundColor:"$$color"}}}]}),Up=Hn({width:"100%",padding:"$15 $15 $10 $15",cursor:"default"}),to=Hn({display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",".blockchainImage":{marginLeft:"-$8"}}),zp=Hn({paddingTop:"$10",display:"flex",alignItems:"center",".usd-value":{$$color:"$colors$neutral600",[`.${it} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),qp=ze(Qn.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:{[`& ${_p}`]:{border:"1px $warning500 solid",borderRadius:"100%"}},false:{[`& ${_p}`]:{border:"1px transparent solid",borderRadius:"100%"}}},recommended:{true:{$$color:"$colors$info300",[`.${it} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"},false:{$$color:"$colors$neutral400",[`.${it} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}}},".blockchains_section":{display:"none"},"@xs":{".blockchains_section":{display:"block"}}}),Gp=ze("div",{width:"18px",height:"18px",borderRadius:"100%",display:"flex",justifyContent:"center",alignItems:"center",border:"1.5px transparent solid",img:{borderRadius:"100%"},variants:{state:{error:{borderColor:"$error500"},warning:{borderColor:"$warning500"}}}}),Qp=ze(bn,{width:"100%",background:"inherit"}),$i=ze("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$2",transition:`all ${Mi}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),SI=ze("div",{height:"$12",marginLeft:"$10",marginRight:"$10",borderLeft:"1px solid $foreground"}),Hp=ze("div",{display:"flex",justifyContent:"center",margin:"0 $15",borderTop:"1px solid",$$color:"$colors$neutral300",[`.${it} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color"}),Vp=ze("div",{width:"$16",height:"$16",justifyContent:"center",alignItems:"center",display:"flex"}),_i=ze(Dg,{overflow:"hidden",textOverflow:"ellipsis",letterSpacing:.4}),jp=ze("div",{display:"flex",flexWrap:"wrap"}),Di=ze("div",{width:"18px",height:"18px",borderRadius:"100%",backgroundColor:"$background",cursor:"default",display:"flex",justifyContent:"center",alignItems:"center",border:"1.5px transparent solid",variants:{state:{error:{borderColor:"$error500"},warning:{borderColor:"$warning500"}}}});import{i18n as At}from"@lingui/core";import{ChevronDownIcon as Og,CloseIcon as Ug,Divider as Xn,IconButton as zg,Modal as qg,QuoteCost as Gg,Tooltip as Qg,Typography as Ke}from"@rango-dev/ui";import Hg from"bignumber.js";import q,{useState as Jp}from"react";import{i18n as xo}from"@lingui/core";var Fi={"Network Fee":xo.t("Network Fee"),"Swapper Fee":xo.t("Protocol Fee"),"Affiliate Fee":xo.t("Affiliate Fee"),"Outbound network fee":xo.t("Outbound Fee"),"Rango Fee":xo.t("Rango Fee")};import{css as Fg,styled as Vn}from"@rango-dev/ui";var jn=Vn("div",{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"$5 0","&.total_payable_fee":{padding:"$12 0"}}),Oi=Vn("div",{width:"100%",borderTop:"1px solid $neutral300",margin:"$10 0"}),Xp=Vn("div",{padding:"$20 0",display:"flex",flexDirection:"column","& .collapsible_trigger":{display:"flex",alignItems:"center"}}),Kp=Vn("div",{padding:"$20 $20 $10",textAlign:"center",position:"relative","._icon-button":{position:"absolute",zIndex:10,top:"$16",right:"$16"}}),Yp=Fg({display:"flex",flexDirection:"row",alignItems:"center",padding:"$5","&:hover":{"& ._typography, & svg":{color:"$secondary"}}});var Vg=30,jg=i(t=>t.fee.isZero()?null:q.createElement(jn,null,q.createElement(Ke,{variant:"label",size:"medium",color:"neutral600"},t.label),q.createElement(Ke,{variant:"label",size:"medium"},"$",I(t.fee,4,4))),"NonPayableFee");function Zp(t){let[e,o]=Jp(!1),[n,r]=Jp(!1),{steps:s,quote:a}=t,l=g().tokens(),p=jo(Xo(a.result?.swaps)),u=a.result?.swaps??[],c=N(),m=cn(u,l),d=Ua(u);return q.createElement(q.Fragment,null,q.createElement(Gg,{onClickFee:()=>o(!e),fee:I(m,2,2),feeWarning:m.gte(new Hg(Vg)),time:p,steps:s,tooltipGas:At.t("View more info"),tooltipContainer:c}),q.createElement(qg,{container:c,open:e,header:q.createElement(Kp,null,q.createElement(Ke,{variant:"title",size:"medium"},At.t("Gas & Fee Explanation")),q.createElement(zg,{onClick:()=>o(!1),variant:"ghost"},q.createElement(Ug,{color:"gray",size:14}))),onClose:()=>o(!1)},q.createElement(Xp,null,q.createElement(Ke,{variant:"title",size:"small"},At.t("Details")),q.createElement(Xn,{size:10}),Object.entries(d.payable).flatMap(([f,w])=>w.map((S,h)=>{let C=`payable-fee-${h}`,k=Kr(S);return q.createElement(jn,{key:C},q.createElement(Ke,{variant:"label",size:"medium",color:"neutral600"},Fi[f]),q.createElement(Qg,{content:se(S.amount),container:c},q.createElement(Ke,{variant:"label",size:"medium"},I(S.amount,2,2)," ",S.asset.symbol," ($",I(k,4,4),")")))})),q.createElement(jn,{className:"total_payable_fee"},q.createElement(Ke,{variant:"label",size:"medium"},At.t("Total Payable Fee")),q.createElement(Ke,{variant:"label",size:"medium"},"$",I(m,4,4))),q.createElement(Oi,null),Object.keys(d.nonePayable).length&&q.createElement(In,{triggerAnchor:"bottom",onClickTrigger:()=>r(f=>!f),trigger:q.createElement("div",{className:Yp()},q.createElement(Ke,{size:"small",variant:"body",color:"neutral700"},n?At.t("Hide non-payable fees"):At.t("Show non-payable fees")),q.createElement(Xn,{size:4,direction:"horizontal"}),q.createElement(An,{orientation:n?"up":"down"},q.createElement(Og,{size:12,color:"gray"}))),open:n},q.createElement(Ke,{size:"small",variant:"title"},At.t("Description")),q.createElement(Xn,{size:4}),q.createElement(Ke,{size:"small",variant:"body",color:"neutral700"},At.t(`The following fees are considered in the transaction output and
|
|
2
|
+
you won\u2019t need to pay extra gas for them.`)),q.createElement(Xn,{size:10}),Object.entries(d.nonePayable).map(([f,w],S)=>{let h=Oa(w),C=Fi[f],k=`non-payable-fee-${S}`;return q.createElement(jg,{key:k,fee:h,label:C})}),q.createElement(Oi,null)))))}i(Zp,"QuoteCostDetails");import{i18n as tu}from"@lingui/core";import{TokenAmount as ou}from"@rango-dev/ui";import Kn from"react";import{css as Xg,styled as Kg}from"@rango-dev/ui";var Rp=Kg("div",{position:"relative",display:"flex",flexDirection:"column",width:"100%"}),eu=Xg({height:"14px",marginLeft:"14px",position:"absolute",borderLeft:"1px solid $foreground",top:"42%"});function vo(t){let{from:e,to:o,percentageChange:n,warningLevel:r}=t;return Kn.createElement(Rp,null,Kn.createElement(ou,{direction:"horizontal",label:tu.t("Swap input"),type:"input",tooltipContainer:N(),price:{value:e.price.value,usdValue:e.price.usdValue,realValue:e.price.realValue,realUsdValue:e.price.realUsdValue},token:{displayName:e.token.displayName,image:e.token.image},chain:{image:e.chain.image}}),Kn.createElement("div",{className:eu()}),Kn.createElement(ou,{direction:"horizontal",tooltipContainer:N(),label:tu.t("Estimated output"),type:"output",price:{value:o.price.value,usdValue:o.price.usdValue,realValue:o.price.realValue,realUsdValue:o.price.realUsdValue},token:{displayName:o.token.displayName,image:o.token.image},chain:{image:o.chain.image},percentageChange:n,warningLevel:r}))}i(vo,"QuoteSummary");import{i18n as nu}from"@lingui/core";import{ChevronDownIcon as Yg,ChevronRightIcon as Jg,Divider as Ui,Image as Zg,Tooltip as zi,Typography as Yn}from"@rango-dev/ui";import L,{useEffect as Rg,useState as eh}from"react";var Jn=4,Zn=6,th=375,bo=i(t=>{let e=N(),{content:o,src:n,className:r,open:s,state:a}=t;return L.createElement(zi,{container:e,side:"bottom",sideOffset:4,open:s,content:o},L.createElement(Gp,{className:r,state:a},L.createElement(Zg,{src:n,size:16})))},"ImageComponent");function ru(t){let{quoteRef:e,recommended:o,setExpanded:n,steps:r,expanded:s}=t,a=N(),l=r.length,p=nl(r),[u,c]=eh(!1),m=i(()=>{window.innerWidth<th?c(!0):c(!1)},"handleResize");return Rg(()=>{window.addEventListener("resize",m)}),L.createElement(qp,{ref:d=>e.current=d,recommended:o,onClick:()=>n(d=>!d)},L.createElement("div",{className:to()},L.createElement(Yn,{variant:"body",size:"xsmall"},nu.t("Via:")),L.createElement(Ui,{direction:"horizontal",size:4}),r.map((d,f)=>{let w=`item-${f}`,S=L.createElement($i,null,L.createElement(Jg,{size:12,color:"black"}));return u?L.createElement(L.Fragment,null,L.createElement(bo,{content:d.swapper.displayName,src:d.swapper.image,state:d.state}),f!==l-1&&L.createElement(L.Fragment,null,S)):L.createElement(L.Fragment,{key:w},l<=Jn||l>Jn&&f<Jn-1?L.createElement(L.Fragment,null,L.createElement(bo,{content:d.swapper.displayName,src:d.swapper.image,state:d.state}),f!==l-1&&L.createElement(L.Fragment,null,S)):f===Jn-1&&L.createElement(zi,{container:a,side:"bottom",align:"right",sideOffset:4,content:L.createElement("div",{className:to()},S,r.map((h,C)=>{let k=`image-${C}`;return C>=f&&L.createElement(L.Fragment,{key:k},L.createElement(bo,{content:h.swapper.displayName,src:h.swapper.image,state:h.state,open:!1}),C!==l-1&&L.createElement(L.Fragment,null,S))}))},L.createElement(Di,{state:r.find((h,C)=>C>=f&&(h.state==="error"||h.state==="warning"))?.state},L.createElement(Yn,{size:"xsmall",variant:"body"},"+",l-f))))})),L.createElement("div",{className:to()},L.createElement("div",{className:"blockchains_section"},L.createElement("div",{className:to()},L.createElement(Yn,{variant:"body",size:"xsmall"},nu.t("Chains:")),L.createElement(Ui,{direction:"horizontal",size:4}),p.map((d,f)=>L.createElement(L.Fragment,null,p.length<=Zn||p.length>Zn&&f<Zn-1?L.createElement(bo,{key:d.displayName,content:"",src:d.image,open:!1,className:f!==0?"blockchainImage":""}):f===Zn-1&&L.createElement(zi,{container:a,side:"bottom",align:"right",sideOffset:4,content:L.createElement("div",{className:to()},p.map((w,S)=>S>=f&&L.createElement(bo,{key:w.displayName,content:"",src:w.image,open:!1,className:S>f?"blockchainImage":""})))},L.createElement(Di,{className:"blockchainImage"},L.createElement(Yn,{size:"xsmall",variant:"body"},"+",p.length-f))))),L.createElement(Ui,{direction:"horizontal",size:32}))),L.createElement($i,{orientation:s?"up":"down"},L.createElement(Yg,{size:12,color:"black"}))))}i(ru,"QuoteTrigger");function Qi(t){let{quote:e,input:o,output:n,error:r,warning:s,type:a,recommended:l=!0}=t,p=g().blockchains(),u=g().swappers(),[c,m]=ah(t.expanded),d=au(null),f=au(c),w=I(o.value,6,6),S=I(n.value,6,6),h=n.usdValue?I(n.usdValue,4,4):"",C=Fe(o.usdValue,n.usdValue??null),k=I(C,2,2),T=mt(C??0),y=i(v=>v.map((x,P)=>{let D,W=r?.type===3&&r.swap.swapperId===x.swapperId||r?.type===4&&r.recommendedSlippages?.has(P),O=s?.type===2&&s.recommendedSlippages?.has(P);return W?D="error":O&&(D="warning"),{swapper:{displayName:mo(x.swapperId,u),image:x.swapperLogo},from:{token:{displayName:x.from.symbol,image:x.from.logo},chain:{displayName:De(x.from.blockchain,p),image:x.from.blockchainLogo},price:{value:P===0?I(o.value,6,6):I(x.fromAmount,6,6),usdValue:I((x.from.usdPrice??0)*parseFloat(x.fromAmount),4,4),realValue:se(P===0?o.value:x.fromAmount),realUsdValue:se(new su(x.from.usdPrice??0).multipliedBy(x.fromAmount))}},to:{token:{displayName:x.to.symbol,image:x.to.logo},chain:{displayName:De(x.to.blockchain,p),image:x.to.blockchainLogo},price:{value:I(x.toAmount,6,6),usdValue:I((x.to.usdPrice??0)*parseFloat(x.toAmount),4,4),realValue:se(x.toAmount),realUsdValue:se(new su(x.to.usdPrice??0).multipliedBy(x.toAmount))}},state:D,alerts:W||O?U.createElement(Mp,null,U.createElement(oh,{type:W?"error":"warning",title:r?.type===3?r?.recommendation:qi.t("Slippage Error:"),footer:U.createElement($p,null,r?.type===3&&U.createElement(U.Fragment,null,U.createElement(Ao,{size:"xsmall",variant:"body",color:"neutral900"},r.fromAmountRangeError),U.createElement(Gi,{direction:"horizontal",size:8}),U.createElement(Ao,{size:"xsmall",variant:"body",color:"neutral900"},"|"),U.createElement(Gi,{direction:"horizontal",size:8}),U.createElement(Ao,{size:"xsmall",variant:"body",color:"neutral900"},qi.t({id:"Yours: {amount} {symbol}",values:{amount:I(x.fromAmount,6,6),symbol:x?.from.symbol}}))),(r?.type===4||s?.type===2)&&U.createElement(Ao,{size:"xsmall",variant:"body",color:"neutral900"},qi.t({id:"Minimum required slippage is {minRequiredSlippage}",values:{...r?.type===4&&{minRequiredSlippage:r.recommendedSlippages?.get(P)},...s?.type===2&&{minRequiredSlippage:s.recommendedSlippages?.get(P)}}})))})):void 0}}),"getQuoteSteps")(e.result?.swaps??[]),E=y.length,b=N();return sh(()=>{c&&!f.current&&d.current&&setTimeout(()=>{d?.current?.scrollIntoView({behavior:"smooth"})},Mi),f.current=c},[c,f]),U.createElement(U.Fragment,null,U.createElement(Op,{recommended:l,listItem:a==="list-item",basic:a==="basic"},U.createElement("div",{className:Up()},U.createElement(Zp,{steps:E,quote:e}),a==="basic"&&U.createElement("div",{className:zp()},U.createElement(Vp,null,U.createElement(nh,{size:12,color:"gray"})),U.createElement(jp,null,U.createElement(_i,{size:"small",variant:"body"},`${w} ${y[0].from.token.displayName} = `),U.createElement(iu,{content:se(n.value),container:b,open:n.value?void 0:!1},U.createElement(_i,{size:"small",variant:"body"},"\xA0",`${S} ${y[y.length-1].to.token.displayName}`))),U.createElement(iu,{content:se(n.usdValue),container:b,style:{display:"flex"}},U.createElement(Ao,{color:"$neutral600",ml:2,size:"xsmall",variant:"body"},`($${h})`))),a==="list-item"&&U.createElement(ih,{type:"output",direction:"vertical",tooltipContainer:b,price:{value:S,usdValue:h,realValue:se(n.value),realUsdValue:se(n.usdValue)},token:{displayName:y[E-1].to.token.displayName,image:y[E-1].to.token.image},chain:{image:y[E-1].to.chain.image},percentageChange:k,warningLevel:T}),a==="swap-preview"&&U.createElement(U.Fragment,null,U.createElement(vo,{from:y[0].from,to:y[E-1].to,percentageChange:k,warningLevel:T}),U.createElement(Gi,{size:4}))),U.createElement(Dp,{recommended:l,open:c,onOpenChange:m},U.createElement(ru,{quoteRef:d,recommended:l,setExpanded:m,expanded:c,steps:y}),U.createElement(Qp,{open:c},U.createElement(Hp,null),U.createElement("div",{className:Fp()},y.map((v,x)=>{let P=`item-${x}`;return U.createElement(rh,{type:"quote-details",key:P,step:v,hasSeparator:x!==y.length-1,state:v.state,tooltipContainer:b})}))))))}i(Qi,"Quote");import{Divider as uh,Skeleton as ch}from"@rango-dev/ui";import dt from"react";import{darkTheme as lh,styled as Rn}from"@rango-dev/ui";var lu=Rn("div",{$$color:"$colors$neutral100",[`.${lh} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",borderBottomLeftRadius:"$xm",borderBottomRightRadius:"$xm",padding:"$15 ",variants:{rounded:{true:{borderRadius:"$xm"}}}}),pu=Rn("div",{paddingTop:"$2"}),uu=Rn("div",{paddingLeft:"$8"}),cu=Rn("div",{borderLeft:"1px dashed black",minHeight:" 0",margin:"0px 11.5px",alignSelf:"stretch",variants:{hideSeparator:{true:{minHeight:"unset",height:"0"}}}});import{ChainToken as wu,Divider as Dt,Skeleton as at}from"@rango-dev/ui";import H from"react";import{styled as st}from"@rango-dev/ui";var mu=st("div",{display:"flex",justifyContent:"space-between",alignItems:"center",height:"22px"}),du=st("div",{display:"flex"}),fu=st("div",{padding:"$15 $0 14px $0"}),gu=st("div",{padding:"$6 $0 $15 $0",display:"flex",flexDirection:"column"}),hu=st("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$5"}),yu=st("div",{display:"flex",justifyContent:"space-between",alignItems:"end"}),Su=st("div",{height:"$28",marginLeft:"13px",borderLeft:"1px solid $neutral700"}),Cu=st("div",{width:"65%",display:"flex",justifyContent:"start"}),ku=st("div",{display:"flex",flexDirection:"column",alignItems:"start",flexGrow:1,maxWidth:"148px"}),Tu=st("div",{padding:"$15 $0 $15 $0"});function Eo(t){let{type:e,tag:o=!1}=t,n=H.createElement(yu,null,H.createElement(Cu,null,H.createElement(wu,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),H.createElement(Dt,{size:8,direction:"horizontal"}),H.createElement(ku,null,H.createElement(at,{height:10,width:60,variant:"rounded"}),H.createElement(Dt,{size:4}),H.createElement(at,{height:15,variant:"rounded"}))),H.createElement(at,{height:12,width:64,variant:"rounded"}));return H.createElement("div",null,H.createElement(mu,null,H.createElement(du,null,H.createElement(at,{width:60,height:10,variant:"rounded"}),H.createElement(Dt,{size:4,direction:"horizontal"}),H.createElement(at,{width:60,height:10,variant:"rounded"}),H.createElement(Dt,{size:4,direction:"horizontal"}),H.createElement(at,{width:60,height:10,variant:"rounded"})),o&&H.createElement(at,{height:22,width:100,variant:"rounded"})),e==="basic"&&H.createElement(fu,null,H.createElement(at,{height:15,width:148,variant:"rounded"})),e==="list-item"&&H.createElement(gu,null,H.createElement(hu,null,H.createElement(wu,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),H.createElement(Dt,{direction:"horizontal",size:4}),H.createElement(at,{height:15,width:150,variant:"rounded"})),H.createElement(Dt,{size:4}),H.createElement(at,{height:10,width:184,variant:"rounded"})),e==="swap-preview"&&H.createElement(H.Fragment,null,H.createElement(Dt,{size:4}),H.createElement(Tu,null,n,H.createElement(Su,null),n)))}i(Eo,"QuoteSummarySkeleton");import{ChainToken as Eu,Divider as Vi,NextIcon as ph,Skeleton as er}from"@rango-dev/ui";import ce from"react";import{styled as Io}from"@rango-dev/ui";var xu=Io("div",{display:"flex",alignItems:"start"}),vu=Io("div",{flexGrow:1,paddingTop:"$5",paddingBottom:"$10",display:"flex",alignItems:"center"}),Hi=Io("div",{display:"flex",alignItems:"center",flexGrow:1}),bu=Io("div",{margin:"$0 $2",padding:"$4",display:"flex",justifyContent:"center",alignItems:"center"}),Au=Io("div",{display:"flex",alignItems:"center"});function lt(t){let{separator:e=!0}=t;return ce.createElement(ce.Fragment,null,ce.createElement(Au,null,ce.createElement(er,{height:22,width:22,variant:"circular"}),ce.createElement(Vi,{direction:"horizontal",size:8}),ce.createElement(er,{height:15,width:148,variant:"rounded"})),ce.createElement(xu,null,ce.createElement(cu,{hideSeparator:!e}),ce.createElement(vu,null,ce.createElement(Hi,null,ce.createElement(Eu,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ce.createElement(Vi,{direction:"horizontal",size:8}),ce.createElement(er,{height:12,variant:"rounded"})),ce.createElement(bu,null,ce.createElement(ph,{color:"gray",size:16})),ce.createElement(Hi,null,ce.createElement(Eu,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ce.createElement(Vi,{direction:"horizontal",size:8}),ce.createElement(er,{height:12,variant:"rounded"})))))}i(lt,"StepSkeleton");function ji(t){let{type:e,expanded:o,tag:n=!1}=t;return dt.createElement(lu,{rounded:e!=="basic"},dt.createElement(Eo,{type:e,tag:n}),dt.createElement(pu,null,dt.createElement(ch,{height:15,variant:"rounded"})),o&&dt.createElement(uu,null,dt.createElement(uh,{size:20}),dt.createElement(lt,null),dt.createElement(lt,null),dt.createElement(lt,{separator:!1})))}i(ji,"QuoteSkeleton");function Wo(t){let{quote:e,type:o,loading:n,error:r,warning:s,expanded:a=!1}=t,{inputAmount:l,inputUsdValue:p,outputUsdValue:u,outputAmount:c}=_(),d=!(r&&(r.type===0||r.type===1))&&e&&e.result&&!n;return n?tr.createElement(Pi,null,tr.createElement(ji,{type:o,expanded:a})):d?tr.createElement(Pi,null,tr.createElement(Qi,{quote:e,error:r,warning:s,type:o,expanded:a,recommended:!0,input:{value:l,usdValue:p?.toString()??""},output:{value:c?.toString()??"",usdValue:u?.toString()??""}})):null}i(Wo,"QuoteInfo");import{calculatePendingSwap as fh}from"@rango-dev/queue-manager-rango-preset";import{useEffect as gh}from"react";import{useRef as mh,useState as dh}from"react";function or(){let[t,e]=dh(!1),o=mh(null),n=i(()=>o.current?.abort(),"cancel");return{fetch:i(async s=>{n(),o.current=new AbortController,e(!0);try{let a=await Gt().getBestRoute(s,{signal:o.current.signal});return o.current=null,a}catch(a){throw a}finally{e(!1)}},"fetch"),loading:t,cancelFetch:n}}i(or,"useFetchQuote");function nr(t){if(!t.result)throw new Error(X().noResultError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});if(Vr(t)){let{swap:n,recommendation:r,fromAmountRangeError:s}=jr(t);throw new Error("bridge limit error",{cause:{type:3,swap:n,recommendation:r,fromAmountRangeError:s}})}let o=Yr(t);if(o){let n=mn(t);throw new Error("",{cause:{type:4,recommendedSlippages:o,minRequiredSlippage:n}})}return t}i(nr,"throwErrorIfResponseIsNotValid");function Iu(t,e,o){let n=!1;t&&(n=tl(t,e));let r={quote:null,quoteUpdate:null,balance:null},s=fn(e,{fromToken:o.fromToken,toToken:o.toToken,tokens:o.meta.tokens,userSlippage:o.userSlippage});s&&(r.quote=s),t&&n&&(Ha(t,e)?r.quoteUpdate={type:3,newOutputAmount:I(Ht(e)),percentageChange:I(Fe(Ht(t)??"",Ht(e)??""),null,2)}:Zr(t,e)?r.quoteUpdate={type:0}:Rr(t,e)?r.quoteUpdate={type:1}:ei(t,e)&&(r.quoteUpdate={type:2}));let a=Va(e,o.selectedWallets,o.meta.blockchains);return a.length===0||(r.balance={messages:a}),r}i(Iu,"generateWarnings");function rr(t){return t?.code==="ERR_CANCELED"?{swap:null,error:{type:2},warnings:null}:t.cause?{swap:null,error:t.cause,warnings:null}:{swap:null,error:{type:1},warnings:null}}i(rr,"handleQuoteErrors");function Xi(){let{fromToken:t,toToken:e,inputAmount:o,setQuote:n,quote:r,customDestination:s,setQuoteWarningsConfirmed:a}=_(),{slippage:l,customSlippage:p,affiliatePercent:u,affiliateRef:c,affiliateWallets:m,disabledLiquiditySources:d}=g(),{connectedWallets:f}=V(),w=g().blockchains(),S=g().tokens(),{features:h}=g().config,{enableNewLiquiditySources:C}=g().config,k=p||l,{fetch:T,cancelFetch:A,loading:y}=or();return gh(()=>A,[]),{loading:y,fetch:i(async b=>{let v=b.selectedWallets,x=b?.customDestination??s;if(!t||!e||!o)return{quote:null,swap:null,error:null,warnings:null};let P=dn({fromToken:t,toToken:e,inputAmount:o,wallets:f,selectedWallets:v,excludeLiquiditySources:C,disabledLiquiditySources:d,slippage:k,affiliateRef:c,affiliatePercent:u,affiliateWallets:m,initialQuote:r??void 0,destination:x});sn("experimentalRoute",h)&&(P.experimental=!0);let D;try{D=await T(P).then(Z=>nr(Z)),n(D)}catch(Z){return rr(Z)}let W={slippage:k.toString(),disabledSwappersGroups:d},O=fh(o.toString(),D,Ga(v),W,!1,{blockchains:w,tokens:S}),ne=Iu(r??void 0,D,{fromToken:t,toToken:e,meta:{blockchains:w,tokens:S},selectedWallets:v,userSlippage:k});return ne.quoteUpdate&&a(!1),{quote:D,swap:O,error:null,warnings:ne}},"fetch"),cancelFetch:A}}i(Xi,"useConfirmSwap");var Eh=Ch("div",{width:"100%",display:"flex",justifyContent:"space-between",[`& ${Nu}`]:{width:"$48",height:"$48"}}),Ih=Yi({flexGrow:1,paddingRight:"$10"}),Wh=Yi({width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"}),Nh=Yi({display:"flex",justifyContent:"space-between",alignItems:"center"});function Bu(){let{quote:t,setInputAmount:e,selectedWallets:o,quoteWalletsConfirmed:n,setQuoteWalletConfirmed:r,customDestination:s,quoteWarningsConfirmed:a}=_(),l=Ah(),[p,u]=sr(""),{connectedWallets:c}=V(),m=!n,[d,f]=sr(!1),w=Ae.use.setSelectedSwap(),S=g().disabledLiquiditySources,h=vh(S),{manager:C}=hh(),{fetch:k,loading:T,cancelFetch:A}=Xi(),[y,E]=sr({swap:null,error:null,warnings:null}),[b,v]=sr(!1),x=i(async({selectedWallets:j,customDestination:ve})=>{let K=await k?.({selectedWallets:j,customDestination:ve});return E(K),K},"onConfirmSwap"),P=i(async()=>{if(y.swap&&n)try{await C?.create("swap",{swapDetails:y.swap},{id:y.swap.requestId}),w(y.swap.requestId);let j=`../${M.swaps}/${y.swap.requestId}`;l(j,{replace:!0}),setTimeout(()=>{e("")},0)}catch(j){u("Error: "+j?.message)}},"addNewSwap"),D=i(async()=>{await P()},"onConfirm"),W=i(async()=>{y?.warnings?.quote&&!a?v(!0):await D()},"onStartConfirmSwap"),O=i(async()=>{E({error:null,swap:null,warnings:null}),k({selectedWallets:o,customDestination:s}).then(j=>{E(j)}).catch(j=>console.error(j))},"onRefresh");No(()=>{!!h.current.length&&!S.length&&O(),h.current=S},[S.length]),No(()=>{m&&A()},[m]),No(()=>{m&&f(m)},[m]),No(()=>{m||k({selectedWallets:o,customDestination:s}).then(j=>E(j)).catch(j=>console.error(j))},[]),No(()=>{let j=y.warnings?.quote?.type&&Object.values(Ct).includes(y.warnings?.quote?.type),ve=o.length<1||!o.every(z=>c.find(ye=>z.address===ye.address&&z.walletType===ye.walletType&&z.chain===ye.chain)),K=!1;if(j){let z=an(t),ye=t?.result?.swaps[t.result.swaps.length-1].to.blockchain;!!t?.result?.swaps.find(et=>et.from.blockchain===ye)||(z=z.slice(-z.length,z.length-1)),z.every(et=>o.find(Nt=>Nt.chain===et))||(K=!0)}t&&(ve||K)&&(queueMicrotask(()=>bh(f.bind(null,!0))),r(!1))},[y.warnings?.quote,o.length,c.length]),xh(()=>{t||l("../")},[]);let ne=y.warnings?.quote??null,Z=y.error,pe=[];return p&&pe.push(ae.createElement(Wu,{type:"error",variant:"alarm",title:p})),y.warnings?.quoteUpdate&&pe.push(ae.createElement(Wu,{variant:"alarm",type:"warning",title:y.warnings.quoteUpdate&&xn(y.warnings.quoteUpdate)})),(ne||Z)&&pe.push(ae.createElement(wo,{warning:ne,error:Z,loading:T,refetchQuote:O,showWarningModal:b,onOpenWarningModal:()=>v(!0),onCloseWarningModal:()=>v(!1),onConfirmWarningModal:async()=>{v(!1),await P()},onChangeSettings:()=>l(M.settings)})),ae.createElement(te,{header:{title:ir.t("Confirm Swap"),onWallet:()=>{let j=`../${M.wallets}`;l(j)},suffix:ae.createElement(kh,{container:N(),side:"bottom",content:ir.t("Settings")},ae.createElement(Ue,{size:"small",variant:"ghost",onClick:()=>l("../"+M.settings)},ae.createElement(Sh,{size:18,color:"black"})))},footer:ae.createElement(Eh,null,ae.createElement("div",{className:Ih()},ae.createElement(yh,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:T,disabled:!!y.error,onClick:W},ir.t("Start Swap"))),ae.createElement(Nu,{variant:"contained",type:"primary",size:"large",loading:T,onClick:f.bind(null,!0)},ae.createElement(wh,{size:24})))},d&&ae.createElement(fp,{open:d,onClose:()=>f(!1),onCancel:A,loading:T,onCheckBalance:x}),ae.createElement(re,null,ae.createElement("div",{className:Nh()},ae.createElement(Th,{variant:"title",size:"small"},ir.t("You get")),ae.createElement("div",{className:Wh()},ae.createElement(_n,{onClick:!T&&!d&&!b?O:void 0}))),ae.createElement(Ki,{size:"12"}),Wl(pe,ae.createElement(Ki,{size:10})),pe.length>0?ae.createElement(Ki,{size:10}):null,ae.createElement(Wo,{quote:t,type:"swap-preview",expanded:!0,error:y.error,loading:T,warning:y.warnings?.quote??null})))}i(Bu,"ConfirmSwapPage");import{i18n as ur}from"@lingui/core";import{useManager as Fh}from"@rango-dev/queue-manager-react";import{Divider as Ou,NotFound as Oh,styled as Uh}from"@rango-dev/ui";import gt,{useState as zh}from"react";import{useNavigate as qh}from"react-router-dom";import{CloseIcon as Lh,IconButton as Ph,SearchIcon as Mh,TextField as $h}from"@rango-dev/ui";import Bo from"react";import{styled as Bh}from"@rango-dev/ui";var Lu=Bh("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function ft(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:s,value:a,setValue:l,...p}=t;return Bo.createElement($h,{prefix:Bo.createElement(Lu,null,Bo.createElement(Mh,{color:"black"})),suffix:!!a.length&&Bo.createElement(Ph,{variant:"ghost",onClick:()=>l?.(""),size:"small"},Bo.createElement(Lh,{color:"gray",size:10})),fullWidth:o,color:n,variant:e,style:{padding:10,borderRadius:25,alignItems:"center"},size:r,value:a,onChange:s,...p})}i(ft,"SearchInput");import{i18n as es}from"@lingui/core";import{Divider as Mu,SwapListItem as $u,Typography as _u}from"@rango-dev/ui";import oe from"react";import{css as _h,darkTheme as Dh,styled as ar}from"@rango-dev/ui";var lr=_h(),Ji=ar("div",{width:"100%",display:"flex",flexDirection:"column",[`& .${lr}`]:{$$color:"$colors$neutral600",[`.${Dh} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Zi=ar("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),Ri=ar("div",{gap:"$10",display:"flex",flexDirection:"column"}),Pu=ar("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});function ts(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,s=n?n(e):[{title:"History",swaps:e}];if(r){let a=[{},{}],l=[{title:es.t("Today"),swaps:a},{title:es.t("This month"),swaps:a}];return oe.createElement(oe.Fragment,null,l.map(p=>oe.createElement(oe.Fragment,{key:p.title},oe.createElement(Ji,null,oe.createElement(Zi,null,oe.createElement(_u,{variant:"label",size:"medium",className:lr()},p.title)),oe.createElement(Mu,{size:4}),oe.createElement(Ri,null,p.swaps.map((u,c)=>{let m=c+p.title;return oe.createElement(oe.Fragment,{key:m},oe.createElement($u,{isLoading:!0}))}))))))}return oe.createElement(oe.Fragment,null,s.filter(a=>a.swaps.length>0).map(a=>oe.createElement(oe.Fragment,{key:a.title},oe.createElement(Ji,null,oe.createElement(Zi,null,oe.createElement(_u,{variant:"label",size:"medium",className:lr()},a.title)),oe.createElement(Mu,{size:4}),oe.createElement(Ri,null,a.swaps.map(l=>{let p=l.steps[0],u=l.steps[l.steps.length-1];return oe.createElement(oe.Fragment,{key:l.requestId},oe.createElement($u,{requestId:l.requestId,creationTime:l.creationTime,status:l.status,onClick:o,tooltipContainer:N(),onlyShowTime:a.title===es.t("Today"),swapTokenData:{from:{token:{image:p.fromLogo,displayName:p.fromSymbol},blockchain:{image:p.fromBlockchainLogo||""},amount:I(l.inputAmount,6,6),realAmount:se(l.inputAmount)},to:{token:{image:u.toLogo,displayName:u.toSymbol},blockchain:{image:u.toBlockchainLogo||""},amount:I(u.outputAmount||u.expectedOutputAmountHumanReadable||"",6,6),realAmount:se(u.outputAmount||u.expectedOutputAmountHumanReadable)}}}))}))))))}i(ts,"SwapsGroup");import{i18n as pr}from"@lingui/core";import Du from"dayjs";var Fu=i(t=>{let e=new Map([["today",{title:pr.t("Today"),swaps:[]}],["week",{title:pr.t("This week"),swaps:[]}],["month",{title:pr.t("This month"),swaps:[]}],["year",{title:pr.t("This year"),swaps:[]}]]);function o(r,s){e.has(r)||e.set(r,{title:r,swaps:[]}),e.get(r)?.swaps.push(s)}i(o,"addYearsToOutput");let n=Du();return t.forEach(r=>{let s=Number(r.creationTime),a=Du(s);if(n.isSame(a,"day"))e.get("today")?.swaps.push(r);else if(n.isSame(a,"week"))e.get("week")?.swaps.push(r);else if(n.isSame(a,"month"))e.get("month")?.swaps.push(r);else if(n.isSame(a,"year"))e.get("year")?.swaps.push(r);else{let l=new Date(s).getFullYear().toString();o(l,r)}}),Array.from(e.values())},"groupSwapsByDate");var oo=i(t=>{let e=[];return t?.getAll().forEach((o,n)=>{let r=o.list.getStorage();r?.swapDetails&&e.push({id:n,swap:r?.swapDetails})}),e.sort((o,n)=>Number(n.swap.creationTime)-Number(o.swap.creationTime))},"getPendingSwaps");var Gh=Uh("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),Qh=i((t,e)=>t?.length?t.filter(o=>tt(o.fromBlockchain,e)||tt(o.toBlockchain,e)||tt(o.toSymbol,e)||tt(o.fromSymbol,e)).length:!1,"isStepContainsText");function Uu(){let t=Ae.use.setSelectedSwap(),e=qh(),{manager:o,state:n}=Fh(),r=oo(o).map(({swap:m})=>m),[s,a]=zh(""),l=!n.loadedFromPersistor,p=i(m=>{let d=m.target.value;a(d)},"searchHandler"),u=r;s&&(u=r.filter(m=>tt(m.inputAmount,s)||tt(m.status,s)||Qh(m.steps,s)||tt(m.requestId,s)));let c=!u?.length&&!l;return gt.createElement(te,{header:{title:ur.t("History")}},gt.createElement(re,null,gt.createElement(ft,{setValue:a,fullWidth:!0,variant:"contained",placeholder:ur.t("Search Transaction"),autoFocus:!0,onChange:p,value:s}),gt.createElement(Ou,{size:"16"}),gt.createElement(Gh,null,c&>.createElement(Pu,null,gt.createElement(Ou,{size:32}),gt.createElement(Oh,{title:ur.t("No results found"),description:s?ur.t("Try using different keywords"):""})),!c&>.createElement(ts,{list:u,onSwapClick:m=>{t(m),e(m)},groupBy:Fu,isLoading:l}))))}i(Uu,"HistoryPage");import{i18n as rs}from"@lingui/core";import{Button as Jh,Divider as Qu,styled as Vu,SwapInput as Hu,WarningIcon as Zh}from"@rango-dev/ui";import Ce,{useEffect as Rh,useState as ey}from"react";import{useNavigate as ty}from"react-router-dom";import{ReverseIcon as Hh,styled as zu}from"@rango-dev/ui";import os from"react";var Vh=zu("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),jh=zu("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 qu(){let t=_.use.switchFromAndTo();return os.createElement(Vh,null,os.createElement(jh,{onClick:()=>{t()}},os.createElement(Hh,{size:12})))}i(qu,"SwitchFromAndToButton");import{useCallback as Xh,useEffect as Kh,useState as ns}from"react";var Yh=600;function Gu(){let{fetch:t,cancelFetch:e}=or(),{liquiditySources:o,enableNewLiquiditySources:n,features:r}=g().config,s=g().tokens(),{fromToken:a,toToken:l,inputAmount:p,inputUsdValue:u,quote:c,resetQuote:m,setQuote:d}=_(),{slippage:f,customSlippage:w,affiliatePercent:S,affiliateRef:h,affiliateWallets:C,disabledLiquiditySources:k}=g(),[T,A]=ns(!1),[y,E]=ns(null),[b,v]=ns(null),x=w??f,D=!a||!l||$e(a,l)||!po(p),W=i(Z=>{A(Z),E(null),v(null)},"resetState"),O=i(Z=>{let{fromToken:pe,toToken:j,inputAmount:ve,liquiditySources:K,excludeLiquiditySources:z,disabledLiquiditySources:ye,slippage:Re,affiliateRef:We,affiliatePercent:et,affiliateWallets:Nt}=Z;if(T||W(!0),!D&&pe&&j){m();let F=dn({fromToken:pe,toToken:j,inputAmount:ve,liquiditySources:K,excludeLiquiditySources:z,disabledLiquiditySources:ye,slippage:Re,affiliateRef:We,affiliatePercent:et,affiliateWallets:Nt});sn("experimentalRoute",r)&&(F.experimental=!0),t(F).then(G=>{A(!1),d(G),nr(G);let Q=fn(G,{fromToken:pe,toToken:j,userSlippage:x,tokens:s});v(Q)}).catch(G=>{let{error:Q}=rr(G);(Q?.type===0||Q?.type===1)&&m(),Q?.type!==2&&(E(Q),A(!1))})}},"fetch"),ne=Xh(wa(Z=>{D||O(Z)},Yh),[D]);return Kh(()=>{if(!po(p)||u?.eq(0)){W(!1),e();return}if(D){c&&m();return}return m(),W(!0),ne({inputAmount:p,fromToken:a,toToken:l,liquiditySources:o,excludeLiquiditySources:n,disabledLiquiditySources:k,slippage:x,affiliateRef:h,affiliatePercent:S,affiliateWallets:C}),e},[p,a?.symbol,a?.address,a?.blockchain,l?.symbol,l?.address,l?.blockchain,D,o?.length,n,k.length,x,h,S,JSON.stringify(C)]),{fetch:()=>O({inputAmount:p,fromToken:a,toToken:l,liquiditySources:o,excludeLiquiditySources:n,disabledLiquiditySources:k,slippage:x,affiliateRef:h,affiliatePercent:S,affiliateWallets:C}),loading:T,error:y,warning:b}}i(Gu,"useSwapInput");var oy=Vu("div",{position:"relative"}),ny=Vu("div",{display:"flex",flexDirection:"column",gap:5,alignSelf:"stretch"});function ju(){let t=ty(),{fetch:e,loading:o,error:n,warning:r}=Gu(),{fromToken:s,fromBlockchain:a,toToken:l,toBlockchain:p,setInputAmount:u,inputAmount:c,inputUsdValue:m,outputAmount:d,outputUsdValue:f,quote:w,resetQuoteWallets:S,setQuoteWarningsConfirmed:h}=_(),C=g().fetchStatus,{connectedWallets:k,getBalanceFor:T}=V(),A=Ae.use.setCurrentPage(),[y,E]=ey(!1),b=!!a&&ya(k,a.name),v=!1,x=!Xr(w,c,m),P=!Xr(w,c,f),D=Fa({fetchMetaStatus:C,fetchingQuote:o,inputAmount:c,quote:w,anyWalletConnected:k.length>0,error:n,warning:r,needsToWarnEthOnPath:v}),W=s?T(s):null,O=en(W)?.amount??"0",ne=a&&s?I(W?.amount,W?.decimals):"0";Rh(()=>(A(M.home),S(),A.bind(null,"")),[]);let Z=!m||!f||!f.gt(0)?null:Fe(m.toString(),f.toString());return Ce.createElement(te,{height:"auto",hasLogo:!0,footer:Ce.createElement(Jh,{type:"primary",size:"large",disabled:D.disabled,prefix:D.action==="confirm-warning"&&Ce.createElement(Zh,null),fullWidth:!0,onClick:()=>{D.action==="connect-wallet"?t(M.wallets):D.action==="confirm-warning"?E(!0):t(M.confirmSwap)}},D.title),header:{onWallet:()=>{t(M.wallets)},hasBackButton:!1,title:rs.t("Swap"),suffix:Ce.createElement(yi,{onClickRefresh:(w||n)&&!y?e:void 0,onClickHistory:()=>t(M.swaps),onClickSettings:()=>t(M.settings)})}},Ce.createElement(re,null,Ce.createElement(ny,null,Ce.createElement(oy,null,Ce.createElement(Hu,{label:rs.t("From"),mode:"From",onInputChange:u,balance:O,chain:{displayName:a?.displayName||"",image:a?.logo||""},token:{displayName:s?.symbol||"",image:s?.image||""},onClickToken:()=>t(M.fromSwap),price:{value:c,usdValue:x?void 0:I(m,4,4),realUsdValue:x?void 0:se(m),error:x?X().unknownPriceError.impactTitle:void 0},disabled:C==="failed",loading:C==="loading",loadingBalance:b,tooltipContainer:N(),onSelectMaxBalance:()=>{O!=="0"&&u(ne.split(",").join(""))}}),Ce.createElement(qu,null)),Ce.createElement(Hu,{sharpBottomStyle:!!w?.result||o,label:rs.t("To"),mode:"To",fetchingQuote:o,chain:{displayName:p?.displayName||"",image:p?.logo||""},token:{displayName:l?.symbol||"",image:l?.image||""},percentageChange:I(Fe(m,f),2,2),warningLevel:mt(Z??0),price:{value:I(d,6,6),usdValue:P?void 0:I(f,4,4),realValue:se(d),realUsdValue:P?void 0:se(f),error:P?X().unknownPriceError.impactTitle:void 0},onClickToken:()=>t(M.toSwap),disabled:C==="failed",loading:C==="loading",tooltipContainer:N()})),Ce.createElement(Qu,{size:"2"}),Ce.createElement(Wo,{quote:w,loading:o,error:n,warning:r,type:"basic"}),r||n?Ce.createElement(Ce.Fragment,null,Ce.createElement(Qu,{size:"10"}),Ce.createElement(wo,{warning:r,error:n,loading:o,refetchQuote:e,showWarningModal:y,onOpenWarningModal:()=>E(!0),onCloseWarningModal:()=>E(!1),onConfirmWarningModal:()=>{E(!1),h(!0),t(M.confirmSwap)},onChangeSettings:()=>t(M.settings)})):null))}i(ju,"Home");import{i18n as Xu}from"@lingui/core";import{List as ry,ListItemButton as iy,Radio as sy,RadioRoot as ay,Typography as ly}from"@rango-dev/ui";import Et from"react";function no(){let{setLanguage:t,language:e,config:o}=g(),n=ba,r=o?.language||co;return{activeLanguage:e||r,languages:n,defaultLanguage:r,changeLanguage:s=>t(s||co),resetLanguage:()=>t(null)}}i(no,"useLanguage");function Ku(){let{activeLanguage:t,changeLanguage:e,languages:o}=no(),n=o.map(r=>{let{local:s,label:a,SVGFlag:l}=r;return{id:s,value:s,title:Et.createElement(ly,{variant:"title",size:"xmedium"},a),onClick:()=>e(r.local),end:Et.createElement(sy,{value:s}),start:Et.createElement(l,null)}});return Et.createElement(te,{header:{title:Xu.t("Language")}},Et.createElement(re,null,Et.createElement(ay,{value:t},Et.createElement(ry,{type:Et.createElement(iy,{title:Xu.t("language"),id:"_",onClick:()=>console.log()}),items:n}))))}i(Ku,"LanguagePage");import{i18n as ht}from"@lingui/core";import{Button as dy,Checkbox as fy,Image as gy,ListItemButton as hy,NotFound as yy,Typography as Sy}from"@rango-dev/ui";import xe,{useState as Cy}from"react";import{Checkbox as cy,Skeleton as Ju}from"@rango-dev/ui";import Po from"react";import{styled as is}from"@rango-dev/ui";var Lo=is("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto"}),ss=is("div",{width:80,display:"flex",justifyContent:"flex-end"}),as=is("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});import{ListItem as py,styled as uy}from"@rango-dev/ui";var Yu=uy(py,{height:61});var my=30;function ls(){return Po.createElement(Lo,null,Array.from(Array(my),t=>Po.createElement(Yu,{hasDivider:!0,key:t,start:Po.createElement(Ju,{variant:"circular",width:35,height:35}),title:Po.createElement(Ju,{variant:"text",size:"large",width:90}),end:Po.createElement(cy,{checked:!1})})))}i(ls,"LoadingLiquiditySourceList");function ps({sourceType:t}){let e=g().fetchStatus,o=g().swappers(),n=g().disabledLiquiditySources,[r,s]=Cy(""),a=g().toggleLiquiditySource,l=rn(o,n),p={Exchanges:ht.t("Exchanges"),Bridges:ht.t("Bridges")},u=[];t==="Exchanges"&&u.push("DEX"),t==="Bridges"&&(u.push("BRIDGE"),u.push("AGGREGATOR"));let c=l.filter(h=>u.includes(h.type)),m=c.length===c.filter(h=>h.selected).length,d=i(()=>{c.forEach(h=>{m?a(h.groupTitle):h.selected||a(h.groupTitle)})},"toggleAllSources"),f=c.map(h=>{let{selected:C,groupTitle:k,logo:T}=h;return{start:xe.createElement(gy,{src:T,size:22,type:"circular"}),onClick:()=>a(k),end:xe.createElement(fy,{checked:C}),title:xe.createElement(Sy,{variant:"title",size:"xmedium"},ht.t(k)),...h}}),w=i(h=>{let C=h.target.value;s(C)},"searchHandler"),S=f;return r&&(S=f.filter(h=>tt(h.groupTitle,r))),xe.createElement(te,{header:{title:ht.t(t),suffix:xe.createElement(ss,null,xe.createElement(dy,{variant:"ghost",size:"xsmall",onClick:d},m?ht.t("Deselect all"):ht.t("Select all")))}},xe.createElement(re,{view:!0},xe.createElement(ft,{value:r,setValue:s,fullWidth:!0,color:"light",variant:"contained",placeholder:ht.t("Search {sourceType}",{sourceType:p[t]}),onChange:w}),e==="loading"&&xe.createElement(ls,null),!S.length&&r?xe.createElement(as,null,xe.createElement(yy,{title:ht.t("No results found"),description:ht.t("Try using different keywords")})):e==="success"&&xe.createElement(Lo,null,S.map(h=>xe.createElement(xe.Fragment,{key:h.id},xe.createElement(hy,{style:{height:"61px"},...h,selected:!1,hasDivider:!0}))))))}i(ps,"LiquiditySourcePage");import{i18n as ic}from"@lingui/core";import{Divider as sc,getCountCategories as Wy,SelectableCategoryList as Ny}from"@rango-dev/ui";import yt,{useState as ac}from"react";import{i18n as cs}from"@lingui/core";import{Divider as nc,Image as vy,ListItemButton as by,NotFound as Ay,Typography as rc}from"@rango-dev/ui";import qe,{useEffect as Ey,useState as Iy}from"react";import{BlockchainCategories as us}from"@rango-dev/ui";import{TransactionType as cr}from"rango-sdk";var ky=i((t,e)=>{switch(e){case us.ALL:return!0;case us.UTXO:return t.type===cr.TRANSFER;case us.OTHER:return t.type!==cr.TRANSFER&&t.type!==cr.COSMOS&&t.type!==cr.EVM;default:return t.type===e}},"filterByType"),Zu=i((t,e,o)=>t.filter(n=>ky(n,o)).filter(n=>Bt(n.name,e)||Bt(n.displayName,e)),"filterBlockchains");import{ImageContainer as Ty,styled as Ru}from"@rango-dev/ui";var ec=Ru("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),mr=Ru(yo,{padding:0,margin:0,listStyle:"none",[`& ${Ty}`]:{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as wy,Skeleton as tc}from"@rango-dev/ui";import dr from"react";var xy=20;function oc(){return dr.createElement(mr,null,Array.from(Array(xy),t=>dr.createElement(wy,{key:t,hasDivider:!0,start:dr.createElement(tc,{variant:"circular",width:35,height:35}),title:dr.createElement(tc,{variant:"text",size:"large",width:90})})))}i(oc,"LoadingBlockchainList");function ms(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[s,a]=Iy(e),{fetchStatus:l}=g();Ey(()=>{a([...Zu(e,o,r)])},[e,o,r]);let p=i(()=>!s.length&&o?qe.createElement(qe.Fragment,null,qe.createElement(nc,{size:32}),qe.createElement(Ay,{title:cs.t("No results found"),description:cs.t("Try using different keywords")})):qe.createElement(mr,{as:"ul",key:`${r}-${o}`},s.map(u=>qe.createElement(by,{key:`${u.name}-${u.chainId}`,hasDivider:!0,onClick:()=>n(u),start:qe.createElement(vy,{src:u.logo,size:30}),title:qe.createElement(rc,{variant:"title",size:"medium"},u.displayName),id:u.chainId}))),"renderList");return qe.createElement(ec,null,qe.createElement(rc,{variant:"label",size:"large"},cs.t("Select Blockchain")),qe.createElement(nc,{size:4}),l==="loading"&&qe.createElement(oc,null),l==="success"&&p())}i(ms,"BlockchainList");function ds(t){let{type:e}=t,o=xt(),[n,r]=ac(""),[s,a]=ac("ALL"),l=_.use.setToBlockchain(),p=_.use.setFromBlockchain(),u=g().fetchStatus,c=g().blockchains({type:e}),d=Wy(c)!==1;return yt.createElement(te,{header:{title:ic.t("Select Blockchain")}},yt.createElement(re,{view:!0},d&&yt.createElement(yt.Fragment,null,yt.createElement(Ny,{setCategory:a,category:s,blockchains:c,isLoading:u==="loading"}),yt.createElement(sc,{size:24})),yt.createElement(ft,{value:n,autoFocus:!0,placeholder:ic.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:f=>r(f.target.value)}),yt.createElement(sc,{size:16}),yt.createElement(ms,{list:c,searchedFor:n,blockchainCategory:s,onChange:f=>{e==="source"?p(f):l(f),o()}})))}i(ds,"SelectBlockchainPage");import{i18n as Sr}from"@lingui/core";import{Divider as Ec}from"@rango-dev/ui";import Ft,{useState as Xy}from"react";import{useNavigate as Ky}from"react-router-dom";import{i18n as hs}from"@lingui/core";import{BlockchainsChip as fr,Divider as cc,Image as mc,Skeleton as $y,Tooltip as _y,Typography as ys}from"@rango-dev/ui";import fe from"react";import{useEffect as Py}from"react";var lc=["ETH","COSMOS","OSMOSIS"];function fs(t,e,o){let n=JSON.parse(JSON.stringify(t)),r=[];if(n.sort(By),o?.limit&&t.length>o.limit){let s=o.limit,a=e;if(e.length<=o.limit){let l=o.limit-e.length;for(let p=0;p<=l;p++){let u=n[p];a=a.filter(c=>u.name!==c)}}n.sort(Ly(a)),r=n.splice(s)}return{list:n,more:r}}i(fs,"prepare");function By(t,e){let o=lc,n=o.findIndex(l=>l===t.name),r=o.findIndex(l=>l===e.name),s=n>-1,a=r>-1;return s&&a?n>r?1:-1:s?-1:a?1:0}i(By,"sortByMostUsedBlockchains");function Ly(t){return i(function(o,n){let r=t.findIndex(p=>p===o.name),s=t.findIndex(p=>p===n.name),a=r>-1,l=s>-1;return a&&l?r>s?1:-1:t.includes(o.name)?-1:t.includes(n.name)?1:0},"sortByPreferred")}i(Ly,"generateSortByPreferredBlockchainsFor");function pc(t,e){return!!e.list.find(o=>o.name===t)}i(pc,"isInVisibleList");function gs(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=g();Py(()=>{if(e?.selected){let s=fs(t,o,e);pc(e.selected,s)||n(e?.selected)}},[e?.selected]);let r=fs(t,o,e);return{list:r.list,more:r.more,history:[]}}i(gs,"usePrepareBlockchainList");import{styled as My}from"@rango-dev/ui";var uc=My("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var Dy=12;function Ss(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:s}=t,a=gs(e,{limit:10,selected:n?.name}),{fetchStatus:l}=g(),p=_.use.resetToBlockchain(),u=_.use.resetFromBlockchain(),c=a.more.length>0,m=a.more.length===1,d=!m&&c;return fe.createElement(fe.Fragment,null,fe.createElement(cc,{size:12}),fe.createElement(ys,{variant:"label",size:"large"},hs.t("Select Blockchain")),fe.createElement(cc,{size:12}),fe.createElement(uc,null,l==="loading"&&Array.from(Array(Dy),f=>fe.createElement($y,{key:f,variant:"rounded",height:50})),l==="success"&&fe.createElement(fe.Fragment,null,fe.createElement(fr,{selected:!n,onClick:()=>{o==="from"?u():p()}},fe.createElement(ys,{variant:"body",size:"xsmall",color:"secondary500"},hs.t("All"))),a.list.map(f=>fe.createElement(_y,{key:f.name,content:f.shortName,side:"bottom",sideOffset:2,container:N()},fe.createElement(fr,{key:f.name,selected:!!n&&n.name===f.name,onClick:()=>r(f)},fe.createElement(mc,{src:f.logo,size:30})))),m?fe.createElement(fr,{key:a.more[0].name,selected:!!n&&n.name===a.more[0].name,onClick:()=>r(a.more[0])},fe.createElement(mc,{src:a.more[0].logo,size:30})):null,d?fe.createElement(fr,{onClick:s,key:"more-blockchains"},fe.createElement(ys,{variant:"body",size:"xsmall",color:"secondary500"},hs._("More +{count}",{count:a.more.length}))):null)))}i(Ss,"BlockchainsSection");import{i18n as Is}from"@lingui/core";import{darkTheme as wc,Divider as io,ExternalLinkIcon as Uy,Image as zy,ListItemButton as qy,NotFound as Gy,PinIcon as Qy,Skeleton as xc,Typography as yr,VirtualizedList as Hy}from"@rango-dev/ui";import $,{forwardRef as Vy,useEffect as vc,useState as bc}from"react";import{Divider as kc,ListItem as Oy,Skeleton as Mo}from"@rango-dev/ui";import Je from"react";import{css as ro,darkTheme as dc,ImageContainer as Fy,styled as Ye,Typography as fc}from"@rango-dev/ui";var Cs=ro({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}),ks=ro({position:"relative",height:12,width:"30%",maxWidth:"150px"}),Ts=ro({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",bottom:"-8px"}),ws=ro({transform:"translateY(12px)",visibility:"hidden","& a":{display:"flex",justifyContent:"center",alignItems:"center",fontSize:"$12",lineHeight:"$16",$$color:"$colors$neutral600",[`.${dc} &`]:{$$color:"$colors$neutral700"},color:"$$color",textDecoration:"none"}}),xs=ro({}),vs=ro(),gc=Ye("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),bs=Ye("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),gr=Ye("ul",{flexGrow:1,padding:0,margin:0,listStyle:"none","& li":{alignItems:"none","&:hover":{[`& .${ks}`]:{[`& .${ws}`]:{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",visibility:"visible"},[`& .${xs}`]:{bottom:"-15px"},[`& .${Cs}`]:{position:"absolute",transform:"translateY(-12px)",visibility:"hidden"},[`& .${Ts}`]:{position:"absolute",transform:"translateY(-12px)",bottom:"-10px"}}}}}),As=Ye("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),Es=Ye(fc,{}),hc=Ye("div",{textAlign:"right",width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",[`& .${vs}`]:{$$color:"$colors$neutral600",[`.${dc} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),hr=Ye("div",{display:"flex",alignItems:"end",flexDirection:"column"}),bP=Ye("div",{display:"flex",alignItems:"center"}),yc=Ye("div",{position:"relative",[`& ${Fy}`]:{borderRadius:"$xm",overflow:"hidden"}}),Sc=Ye("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6}),Cc=Ye(fc,{width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"});function Tc(t){return Je.createElement(gr,null,Array.from(Array(t.size),e=>Je.createElement(Oy,{key:e,hasDivider:!0,start:Je.createElement(Mo,{variant:"circular",width:35,height:35}),end:Je.createElement(hr,null,Je.createElement(Mo,{variant:"text",size:"large",width:70}),Je.createElement(kc,{size:4}),Je.createElement(Mo,{variant:"text",size:"medium",width:50})),title:Je.createElement("div",null,Je.createElement(Mo,{variant:"text",size:"large",width:90}),Je.createElement(kc,{size:4}),Je.createElement(Mo,{variant:"text",size:"medium",width:90}))})))}i(Tc,"LoadingTokenList");var Ws=20,jy=i(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:s,customCssForTagTitle:a}=t,l=e.length;return $.createElement("div",{className:ks()},o?$.createElement("div",{className:Cs()},o):$.createElement(bs,{className:Ts()},$.createElement(yr,{variant:"title",size:"xmedium"},r.symbol),$.createElement(io,{direction:"horizontal",size:4}),$.createElement(As,{css:s},$.createElement(Es,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&$.createElement("div",{className:`${ws()} ${!o&&xs()}`},$.createElement("a",{href:n,target:"_blank",rel:"nofollow noreferrer",onClick:p=>p.stopPropagation()},l>10?`${e.slice(0,5)}...${e.slice(l-6,l)}`:e," ",$.createElement(io,{size:4,direction:"horizontal"}),$.createElement(Uy,{color:"gray",size:12}))))},"renderDesc");function Ac(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[s,a]=bc(e),l=g().fetchStatus,p=g().blockchains(),[u,c]=bc(!0),{getBalanceFor:m,loading:d}=V(),{isTokenPinned:f}=g(),w=Vy((C,k)=>$.createElement("div",{...C,ref:k,style:{...C.style,height:`${parseFloat(C.style?.height)+8*2}px`}})),S=i(()=>{a(e.slice(0,s.length+Ws))},"loadNextPage");vc(()=>{c(e.length>s.length)},[s.length]),vc(()=>{a(e.slice(0,Ws))},[e]);let h=i(()=>!s.length&&o?$.createElement($.Fragment,null,$.createElement(io,{size:32}),$.createElement(Gy,{title:Is.t("No results found"),description:Is.t("Try using different keywords")})):$.createElement(Hy,{Item:({index:C,style:k})=>{let T=s[C],A=en(m(T)),y=T.address||"",E=p.find(P=>P.name===T.blockchain),b=Bn(T.symbol,E?.color||""),v={$$color:b[`${T.symbol}100`],[`.${wc} &`]:{$$color:b[`${T.symbol}900`]},backgroundColor:"$$color"},x={$$color:b[`${T.symbol}700`],[`.${wc} &`]:{$$color:b[`${T.symbol}100`]},color:"$$color"};return $.createElement("div",{style:{...k,paddingRight:5}},$.createElement(qy,{style:{height:k?.height,width:"100%",overflow:"hidden"},"tab-index":C,key:`${T.symbol}${T.address}`,id:`${T.symbol}${T.address}`,hasDivider:!0,onClick:()=>n(s[C]),start:$.createElement(yc,null,$.createElement(zy,{src:T.image,size:30}),f(T,t.type)&&$.createElement(Sc,null,$.createElement(Qy,{size:12,color:"gray"}))),title:E?.type==="COSMOS"||T.name||!T.name&&!y?$.createElement(bs,null,$.createElement(yr,{variant:"title",size:"xmedium"},T.symbol),$.createElement(io,{direction:"horizontal",size:4}),$.createElement(As,{css:v},$.createElement(Es,{variant:"body",size:"xsmall",css:x},T.blockchain))):void 0,description:E?.info&&y&&E.type!=="COSMOS"?jy({address:y,token:s[C],customCssForTag:v,customCssForTagTitle:x,name:T.name,url:E.info.addressUrl.split("{wallet}").join(y)}):T.name||void 0,end:d?$.createElement(hr,null,$.createElement(xc,{variant:"text",size:"large",width:70}),$.createElement(io,{size:4}),$.createElement(xc,{variant:"text",size:"medium",width:50})):A&&$.createElement(hc,null,$.createElement(Cc,{variant:"title",size:"small"},A.amount),$.createElement("div",null),A.usdValue&&$.createElement(yr,{variant:"body",className:vs(),size:"xsmall"},`$${A.usdValue}`))}))},hasNextPage:u,itemCount:s.length,loadNextPage:S,innerElementType:w,size:60,key:`${r}-${o}`}),"renderList");return $.createElement(gc,null,$.createElement(yr,{variant:"label",size:"large"},Is.t("Select Token")),$.createElement(io,{size:4}),l==="loading"&&$.createElement(Tc,{size:Ws}),l==="success"&&$.createElement(gr,{as:"ul"},h()))}i(Ac,"TokenList");function Ns(t){let{type:e}=t,o=Ky(),n=xt(),{fromBlockchain:r,toBlockchain:s,setFromToken:a,setToToken:l,setFromBlockchain:p,setToBlockchain:u}=_(),c=V.use.getBalanceFor(),[m,d]=Xy(""),{isTokenPinned:f}=g(),S=(e==="source"?r:s)?.name??"",h=g().blockchains({type:e}),C=g().tokens({type:e,blockchain:S,searchFor:m}),T=fa(C,c,i(b=>f(b,e),"checkIsTokenPinned")),A=i(b=>{e==="source"?p(b):u(b)},"updateBlockchain"),y=i(b=>{e==="source"?a({token:b,meta:{blockchains:h,tokens:C}}):l({token:b,meta:{blockchains:h,tokens:C}})},"updateToken"),E={source:Sr.t("Source"),destination:Sr.t("Destination")};return Ft.createElement(te,{header:{title:Sr.t("Swap {type}",{type:E[e]})}},Ft.createElement(re,null,Ft.createElement(Ss,{blockchains:h,type:e=="source"?"from":"to",blockchain:e==="source"?r:s,onMoreClick:()=>o(M.blockchains),onChange:b=>{A(b)}}),Ft.createElement(Ec,{size:24}),Ft.createElement(ft,{value:m,autoFocus:!0,placeholder:Sr.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>d(""),onChange:b=>d(b.target.value)}),Ft.createElement(Ec,{size:16}),Ft.createElement(Ac,{list:T,selectedBlockchain:S,searchedFor:m,type:e,onChange:b=>{y(b);let v=h.find(x=>b.blockchain===x.name);v&&A(v),n()}})))}i(Ns,"SelectSwapItemsPage");import{i18n as Ot}from"@lingui/core";import{ChevronRightIcon as Ps,Divider as Ms,InfoIcon as nS,List as rS,ListItemButton as iS,Skeleton as sS,Switch as aS,Tooltip as lS,Typography as Ut}from"@rango-dev/ui";import Y from"react";import{useNavigate as pS}from"react-router-dom";import{i18n as Pc}from"@lingui/core";import{Divider as Ry,InfoIcon as eS,TextField as tS,Tooltip as oS,Typography as Mc}from"@rango-dev/ui";import Pe from"react";import{Chip as Yy,styled as $o,TextField as Jy}from"@rango-dev/ui";var Ic=$o("div",{paddingTop:"$5",padding:"$10 $5"}),Wc=$o("div",{display:"flex",flexWrap:"wrap",gap:"$10",[`& ${Jy}`]:{flex:"1 1 0",maxWidth:"127px",minWidth:"85px"}}),Nc=$o("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),Cr=$o("div",{maxWidth:"280px",padding:"$10"}),Bc=$o(Yy,{width:"61px",flexShrink:0});import{i18n as Bs}from"@lingui/core";import{Typography as Zy}from"@rango-dev/ui";import _o from"react";function Lc(){return _o.createElement(Cr,null,_o.createElement(Zy,{variant:"label",size:"medium",color:"neutral700"},Bs.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),_o.createElement("br",null),_o.createElement("br",null),_o.createElement("b",null,Bs.t("Warning")),":",Bs.t("This setting is applied per step (e.g. 1Inch, Thorchain, etc) which means only the step will be reverted, not the whole transaction.")))}i(Lc,"SlippageTooltipContent");function Ls(){let{slippage:t,setSlippage:e,customSlippage:o,setCustomSlippage:n}=g();return Pe.createElement(Ic,null,Pe.createElement(Nc,null,Pe.createElement(Mc,{variant:"title",size:"xmedium"},Pc.t("Slippage tolerance per swap")),Pe.createElement(Ry,{direction:"horizontal",size:4}),Pe.createElement(oS,{container:N(),side:"top",sideOffset:4,content:Pe.createElement(Lc,null)},Pe.createElement(eS,{color:"gray"}))),Pe.createElement(Wc,null,Aa.map((r,s)=>{let a=`slippage-${s}`;return Pe.createElement(Pe.Fragment,null,Pe.createElement(Bc,{key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`}))}),Pe.createElement(tS,{type:"number",min:"0.01",max:"30",step:"0.01",fullWidth:!0,variant:"contained",value:o||"",color:"dark",onChange:r=>{let s=r.target.value,a=parseFloat(s);a>=Na&&a<=Wa?n(a):n(null)},suffix:o&&Pe.createElement(Mc,{variant:"body",size:"small"},"%"),placeholder:Pc.t("Custom")})))}i(Ls,"Slippage");function $c(){let t=pS(),{theme:e}=g().config,o=g().fetchStatus,n=g().swappers(),r=g().disabledLiquiditySources,{config:{features:s}}=g(),a=_e("theme",s),l=_e("liquiditySource",s),p=_e("language",s),u=g().infiniteApprove,c=g().toggleInfiniteApprove,m=rn(n,r),d=m.filter(v=>v.type==="BRIDGE"||v.type==="AGGREGATOR"),f=d.length,w=d.filter(v=>v.selected).length,S=m.filter(v=>v.type==="DEX"),h=S.length,C=S.filter(v=>v.selected).length,k=i((v,x)=>{switch(o){case"loading":return Y.createElement(sS,{variant:"text",size:"medium",width:50});case"failed":return Y.createElement(Ut,{variant:"body",size:"medium",color:"$error500"},Ot.t("Loading failed"));default:return Y.createElement(Ut,{variant:"body",size:"medium"},`${v} / ${x}`)}},"handleEndItem"),T={id:"bridge-item",title:Y.createElement(Ut,{variant:"title",size:"xmedium"},Ot.t("Enabled bridges")),end:Y.createElement(Y.Fragment,null,k(w,f),Y.createElement(Ms,{direction:"horizontal",size:8}),Y.createElement(Ps,{color:"black"})),onClick:()=>t(M.bridges)},A={id:"exchange-item",title:Y.createElement(Ut,{variant:"title",size:"xmedium"},Ot.t("Enabled exchanges")),end:Y.createElement(Y.Fragment,null,k(C,h),Y.createElement(Ms,{direction:"horizontal",size:8}),Y.createElement(Ps,{color:"gray"})),onClick:()=>t(M.exchanges)},y={id:"theme-item",title:Y.createElement(Ut,{variant:"title",size:"xmedium"},Ot.t("Theme")),end:Y.createElement(Ps,{color:"gray"}),onClick:()=>t(M.themes)},E={id:"infinite-approval-item",title:Y.createElement(Y.Fragment,null,Y.createElement(Ut,{variant:"title",size:"xmedium"},Ot.t("Infinite approval")),Y.createElement(Ms,{direction:"horizontal",size:4}),Y.createElement(lS,{side:"top",sideOffset:4,container:N(),content:Y.createElement(Cr,null,Y.createElement(Ut,{variant:"label",size:"medium",color:"neutral700"},Ot.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.")))},Y.createElement(nS,{color:"gray"}))),end:Y.createElement(aS,{checked:u}),onClick:c},b=l?[]:[T,A];return!e?.singleTheme&&!a&&b.push(y),b.push(E),Y.createElement(te,{header:{title:Ot.t("Settings")}},Y.createElement(re,null,Y.createElement(Ls,null),Y.createElement(rS,{type:Y.createElement(iS,{title:"_",id:"_",onClick:()=>console.log()}),items:b})))}i($c,"SettingsPage");import{cancelSwap as JS}from"@rango-dev/queue-manager-rango-preset";import{useManager as ZS}from"@rango-dev/queue-manager-react";import ym from"react";import{i18n as St}from"@lingui/core";import{getCurrentBlockchainOfOrNull as PS,getCurrentStep as MS,getRelatedWalletOrNull as $S}from"@rango-dev/queue-manager-rango-preset";import{Button as pm,CopyIcon as _S,Divider as DS,IconButton as FS,LinkIcon as OS,QuoteCost as US,StepDetails as zS,Typography as ao,useCopyToClipboard as qS}from"@rango-dev/ui";import{useWallets as GS}from"@rango-dev/wallets-react";import um from"bignumber.js";import{PendingSwapNetworkStatus as Wr}from"rango-types";import J,{useEffect as cm,useRef as QS,useState as mm}from"react";import{useNavigate as HS}from"react-router-dom";import{i18n as It}from"@lingui/core";var uS=[It.t("Sunday"),It.t("Monday"),It.t("Tuesday"),It.t("Wednesday"),It.t("Thursday"),It.t("Friday"),It.t("Saturday")];function _c(t){let e=new Date(t),o=e.getDate(),n=e.toLocaleString("default",{month:"long"}),r=e.getFullYear();return`${e.getDay()===new Date().getDay()?It.t("Today"):`${uS[e.getDay()]} ${o} ${n} ${r}`}, ${new Date(t).toLocaleTimeString()}`}i(_c,"timeSince");function Dc(t){return t.finishTime?_c(parseInt(t.finishTime)):_c(parseInt(t.creationTime))}i(Dc,"getSwapDate");import{Modal as yS}from"@rango-dev/ui";import{PendingSwapNetworkStatus as wr}from"rango-types";import xr from"react";import{i18n as kr}from"@lingui/core";import{Button as Fc,Divider as $s,MessageBox as cS,Typography as Oc}from"@rango-dev/ui";import pt from"react";var Uc=i(({onCancel:t,onClose:e})=>pt.createElement(pt.Fragment,null,pt.createElement($s,{size:20}),pt.createElement(cS,{type:"error",title:kr.t("Cancel Swap"),description:kr.t("Are you sure you want to cancel this swap?")}),pt.createElement($s,{size:32}),pt.createElement(Fc,{variant:"contained",type:"primary",size:"large",onClick:t},pt.createElement(Oc,{variant:"title",size:"medium",color:"neutral100"},kr.t("Yes, Cancel it"))),pt.createElement($s,{size:12}),pt.createElement(Fc,{variant:"outlined",type:"primary",size:"large",onClick:e},pt.createElement(Oc,{variant:"title",size:"medium",color:"primary"},kr.t("No, Continue")))),"CancelContent");import{i18n as Tr}from"@lingui/core";import{Button as zc,Divider as _s,MessageBox as mS,Typography as qc}from"@rango-dev/ui";import ut from"react";var Gc=i(({onDelete:t,onClose:e})=>ut.createElement(ut.Fragment,null,ut.createElement(_s,{size:20}),ut.createElement(mS,{type:"error",title:Tr.t("Delete Transaction"),description:Tr.t("Are you sure you want to delete this swap?")}),ut.createElement(_s,{size:32}),ut.createElement(zc,{variant:"contained",type:"primary",size:"large",onClick:t},ut.createElement(qc,{variant:"title",size:"medium",color:"neutral100"},Tr.t("Yes, Delete it"))),ut.createElement(_s,{size:12}),ut.createElement(zc,{variant:"outlined",type:"primary",size:"large",onClick:e},ut.createElement(qc,{variant:"title",size:"medium",color:"primary"},Tr.t("No, Cancel")))),"DeleteContent");import{i18n as Ds}from"@lingui/core";import{PendingSwapNetworkStatus as Fs}from"rango-types";var Os={[Fs.WaitingForNetworkChange]:{type:"loading",title:Ds.t("Change Network")},[Fs.WaitingForConnectingWallet]:{type:"warning",title:Ds.t("Connect Wallet")},[Fs.NetworkChanged]:{type:"success",title:Ds.t("Network Changed")}};import{MessageBox as fS,Wallet as gS}from"@rango-dev/ui";import{useWallets as hS}from"@rango-dev/wallets-react";import Do from"react";import{styled as dS}from"@rango-dev/ui";var Qc=dS("div",{display:"flex",justifyContent:"center"});var Hc=i(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:s}=t,{connect:a,getWalletInfo:l,state:p}=hS(),u=n?.walletType,c=u?Dr(p(u)):null,m=u?l(u):null;return Do.createElement(Do.Fragment,null,Do.createElement(fS,{type:e,title:o,description:r}),s&&!!u&&!!c&&!!m&&Do.createElement(Qc,null,Do.createElement(gS,{container:N(),title:m.name,image:m.img,type:u,state:c,link:m.installLink,onClick:async()=>a(u)})))},"WalletStateContent");function Us(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:s,message:a}=t,l=e===wr.WaitingForNetworkChange||e===wr.WaitingForConnectingWallet||e===wr.NetworkChanged;return xr.createElement(yS,{open:!!e,onClose:o,container:document.getElementById(be)||document.body},l&&xr.createElement(Hc,{type:Os[e].type,title:Os[e].title,currentStepWallet:s,message:a,showWalletButton:e!==wr.WaitingForNetworkChange}),e==="delete"&&xr.createElement(Gc,{onClose:o,onDelete:n}),e==="cancel"&&xr.createElement(Uc,{onClose:o,onCancel:r}))}i(Us,"SwapDetailsModal");import{i18n as Fo}from"@lingui/core";import{Button as zs,Divider as vr,MessageBox as Vc,Modal as SS,TokenAmount as CS,Typography as br}from"@rango-dev/ui";import he from"react";import{useNavigate as kS}from"react-router-dom";function qs(t){let{open:e,onClose:o,status:n,priceValue:r,usdValue:s,realUsdValue:a,realValue:l,token:p,chain:u,percentageChange:c,description:m,diagnosisUrl:d}=t,f=kS();return he.createElement(SS,{open:e,onClose:o,container:document.getElementById(be)||document.body},n==="success"?he.createElement(Vc,{type:"success",title:Fo.t("Swap Successful")},he.createElement(CS,{direction:"vertical",tooltipContainer:N(),type:"output",centerAlign:!0,price:{value:r,usdValue:s,realUsdValue:a,realValue:l},token:p,chain:u,percentageChange:c}),he.createElement(vr,{size:12}),he.createElement(br,{variant:"body",size:"medium",color:"neutral700",align:"center"},m)):he.createElement(Vc,{type:"error",title:Fo.t("Transaction Failed"),description:m}),he.createElement(vr,{size:32}),n==="success"&&he.createElement(zs,{variant:"contained",type:"primary",size:"large",onClick:()=>{f("../../")}},he.createElement(br,{variant:"title",size:"medium",color:"neutral100"},Fo.t("Done"))),he.createElement(vr,{size:12}),d&&he.createElement(he.Fragment,null,he.createElement(zs,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(d,"_blank")},he.createElement(br,{variant:"title",size:"medium",color:"primary"},Fo.t("Diagnosis"))),he.createElement(vr,{size:12})),he.createElement(zs,{variant:"outlined",type:"primary",size:"large",onClick:o},he.createElement(br,{variant:"title",size:"medium",color:"primary"},Fo.t("See Details"))))}i(qs,"SwapDetailsCompleteModal");import BS from"react";import{i18n as ES}from"@lingui/core";import{Alert as Zc,IconButton as IS,LinkIcon as WS}from"@rango-dev/ui";import Wt,{Fragment as NS}from"react";import{Alert as TS,ChevronDownIcon as wS,ChevronUpIcon as xS,IconButton as vS}from"@rango-dev/ui";import Ar,{useState as bS}from"react";function jc(t){let{message:e}=t,[o,n]=bS(!1);return Ar.createElement(TS,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&Ar.createElement(vS,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?Ar.createElement(xS,{size:12,color:"gray"}):Ar.createElement(wS,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}i(jc,"FailedAlert");import{styled as AS}from"@rango-dev/ui";var Xc=AS("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as Kc}from"@lingui/core";import{Alert as Gs,Button as Yc}from"@rango-dev/ui";import{PendingSwapNetworkStatus as Qs}from"rango-types";import Oo from"react";function Jc(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?Oo.createElement(Gs,{type:"warning",title:n.shortMessage,action:Oo.createElement(Yc,{size:"xxsmall",type:"warning",onClick:()=>{o(Qs.WaitingForNetworkChange),e().catch(s=>{console.log(s)})}},Kc.t("Change"))}):r===Qs.WaitingForConnectingWallet?Oo.createElement(Gs,{type:"warning",title:n.shortMessage,action:Oo.createElement(Yc,{size:"xxsmall",type:"warning",onClick:()=>{o(Qs.WaitingForConnectingWallet)}},Kc.t("Connect"))}):Oo.createElement(Gs,{type:"warning",title:n.shortMessage})}i(Jc,"WarningAlert");function Hs(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:s,hasAlreadyProceededToSign:a}=t,l=fo(s),p=s.status==="waitingForApproval"&&!l,u=s.status==="running"&&!l,c=u&&!a||p&&!s.explorerUrl?.length;return Wt.createElement(Xc,null,s.explorerUrl?.map((m,d,f)=>{let w=d+m.url,S=d===f.length-1,h=(S&&u||p)&&!c,C=S&&s.status==="failed";return Wt.createElement(NS,{key:w},Wt.createElement(Zc,{type:S&&(h&&"loading"||C&&"error")||"success",title:m.description?`${m.description} Tx`:ES.t("View transaction"),action:m.url&&Wt.createElement(IS,{variant:"ghost",size:"xsmall",onClick:()=>window.open(m.url,"_blank")},Wt.createElement(WS,{size:12}))}))}),c&&Wt.createElement(Zc,{type:"loading",title:r.shortMessage}),s.status!=="failed"&&l&&Wt.createElement(Jc,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),s.status==="failed"&&Wt.createElement(jc,{message:r}))}i(Hs,"SwapDetailsAlerts");var Rc=2e3;var em=i(({swap:t,blockchains:e,swappers:o,...n})=>{let r=t.hasAlreadyProceededToSign!==!1;return t.steps.map((s,a)=>{let l=a===0?t.inputAmount:t.steps[a-1].outputAmount||t.steps[a-1].expectedOutputAmountHumanReadable;return{from:{token:{displayName:s.fromSymbol,image:s.fromLogo??""},chain:{displayName:De(s.fromBlockchain,e)??"",image:s.fromBlockchainLogo??""},price:{value:I(l,6,6),realValue:l}},to:{token:{displayName:s.toSymbol,image:s.toLogo},chain:{displayName:De(s.toBlockchain,e)??"",image:s.toBlockchainLogo??""},price:{value:I(s.outputAmount||s.expectedOutputAmountHumanReadable,6,6),realValue:s.outputAmount||s.expectedOutputAmountHumanReadable}},swapper:{displayName:mo(s.swapperId,o),image:s.swapperLogo??"",type:s.swapperType},internalSwaps:s.internalSwaps?s.internalSwaps.map(p=>({from:{blockchain:De(p.fromBlockchain,e)??""},to:{blockchain:De(p.toBlockchain,e)??""},swapper:{displayName:mo(p.swapperId,o),image:p.swapperLogo??"",type:p.swapperType}})):[],alerts:BS.createElement(Hs,{step:s,hasAlreadyProceededToSign:r,...n})}})},"getSteps");function tm(t){if(fo(t)&&t.status!=="failed"&&t.status!=="success")return"warning";switch(t.status){case"created":return"default";case"approved":case"waitingForApproval":case"running":return"in-progress";case"failed":return"error";case"success":return"completed"}}i(tm,"getStepState");import{css as Uo,darkTheme as LS,styled as zt}from"@rango-dev/ui";var om=zt("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),Er=zt("div",{width:"100%"}),nm=zt(yo,{padding:"$0 $20 $20 $20"}),u_=zt("div",{display:"flex",flexDirection:"column",gap:"$10"}),rm=zt("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),c_=zt("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1}),so=Uo({display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",padding:"$10 $20",borderBottom:"1px solid",$$color:"$colors$neutral300",[`.${LS} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color",color:"$neutral500"}),im=Uo({padding:"$5 0"}),Ir=Uo({display:"flex",justifyContent:"center",alignItems:"center",height:"$24"}),sm=Uo({display:"flex",width:"100%",padding:"$15 $20 $20",flexDirection:"column",alignItems:"start"}),am=Uo({width:"100%",padding:"0 $20 $10"}),lm=zt("a",{fontSize:"$16",fontWeight:"$400",color:"$neutral700",display:"flex",alignItems:"center",justifyContent:"center"});function Vs(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:s,connect:a,getWalletInfo:l}=GS(),p=g().blockchains(),u=g().swappers(),c=g().tokens(),m=_.use.retry(),d=HS(),[f,w]=qS(Rc),S=QS(null),[h,C]=mm(null),[k,T]=mm(null),A=i(()=>{r(),C(null)},"onCancel"),y=Be.use.getUnreadNotifications(),E=Be.use.setAsRead(),b=y(),v=MS(e),x=v?.networkStatus;cm(()=>{b.find(Me=>Me.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(T(e.status),E(e.requestId))},[e.status]),cm(()=>{pe?C(Wr.WaitingForNetworkChange):x===Wr.WaitingForConnectingWallet||x===Wr.NetworkChanged?C(x):C(null)},[x]);let P=Ka(e),D=v?PS(e,v):null,W=v?$S(e,v):null,O=Dc(e),ne=Ya(e),Z=i(Qe=>!!l(Qe)?.mobileWallet,"isMobileWallet"),pe=x===Wr.WaitingForNetworkChange&&!!D&&!!W?.walletType&&(Z(W.walletType)||s(W.walletType,D)),j=pe?a.bind(null,W.walletType,D):void 0,ve=Xa(e,v),K=em({swap:e,switchNetwork:j,showNetworkModal:x,setNetworkModal:C,message:ve,blockchains:p,swappers:u}),z=K.length,[ye,Re]=[e.steps[0],e.steps[z-1]],We=Re.outputAmount||Re.expectedOutputAmountHumanReadable,et=e.steps.reduce((Qe,Me)=>Qe+parseFloat(Me.feeInUsd||""),0),Nt=e.steps.find(Qe=>Qe.diagnosisUrl)?.diagnosisUrl,F=I(parseFloat(I(We,6,6))*(Re.toUsdPrice||0),4,4),G=I(parseFloat(e.inputAmount)*(ye.fromUsdPrice||0),4,4),Q=We?se(new um(We).multipliedBy(Re.toUsdPrice||0)):"",Ne=se(new um(e.inputAmount).multipliedBy(ye.fromUsdPrice||0)),Ge=Fe(G,F),ct=e.status==="success"?St.t({id:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:I(We,6,6),token:K[z-1].to.token.displayName,conciseAddress:tn(e.wallets[K[z-1].to.chain.displayName]?.address||""),chain:K[z-1].to.chain.displayName}}):`${St.t("Transaction was not sent.")} ${P?St.t({id:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:P.outputAmount,symbol:P.symbol,blockchain:P.blockchain}}):""}`;return J.createElement(te,{header:{title:St.t("Swap and Bridge"),onCancel:e.status==="running"?()=>C("cancel"):void 0,suffix:e.status!=="running"&&J.createElement(Xt,null,J.createElement(pm,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>C("delete")},J.createElement(ao,{size:"medium",variant:"label",color:"error"},St.t("Delete"))))},footer:ne&&!k&&J.createElement(pm,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{m(e,{blockchains:p,tokens:c}),setTimeout(()=>{d("../../")},0)}},St.t("Try again"))},J.createElement(re,{compact:!0,view:!0},J.createElement(Er,null,J.createElement("div",{className:so()},J.createElement(ao,{variant:"label",size:"large",color:"neutral700"},`${St.t("Request ID")}:`),J.createElement("div",{className:Ir()},J.createElement(ao,{variant:"label",size:"small",color:"neutral700"},o),J.createElement(FS,{variant:"ghost",onClick:w.bind(null,o||"")},J.createElement(_S,{size:16,color:"gray"})),J.createElement(lm,{target:"_blank",href:`${na}/swap/${o}`},J.createElement(OS,{size:16})))),J.createElement("div",{className:so()},J.createElement(ao,{variant:"label",size:"large",color:"neutral700"},`${St.t(e.finishTime?"Finished at":"Created at")}:`),J.createElement(ao,{variant:"label",size:"small",color:"neutral700"},O))),J.createElement("div",{className:sm()},J.createElement(US,{fee:I(String(et),2,2),time:jo(Xo(e.steps)),steps:z}),J.createElement(vo,{from:{price:{value:I(e.inputAmount,6,6),usdValue:G,realUsdValue:Ne,realValue:e.inputAmount},token:{displayName:K[0].from.token.displayName,image:K[0].from.token.image},chain:{image:K[0].from.chain.image,displayName:K[0].from.chain.displayName}},to:{price:{value:I(We,6,6),usdValue:F,realUsdValue:Q,realValue:We},token:{displayName:K[z-1].to.token.displayName,image:K[z-1].to.token.image},chain:{image:K[z-1].to.chain.image,displayName:K[z-1].to.chain.displayName}},percentageChange:I(Ge,2,2),warningLevel:mt(Ge??0)})),J.createElement("div",{className:am()},J.createElement(ao,{variant:"title",size:"small"},St.t("Swaps steps"))),J.createElement(DS,{size:8}),J.createElement(nm,{ref:S},K.map((Qe,Me)=>{let ea=Me,lo=tm(e.steps[Me]),Pm=lo==="error"||lo==="in-progress"||lo==="warning"||lo==="completed"&&Me===K.length-1;return J.createElement(zS,{key:ea,step:Qe,type:"swap-progress",ref:S,state:lo,hasSeparator:Me!==0,tabIndex:ea,isFocused:Pm,tooltipContainer:N()})}))),J.createElement(Us,{state:h,onClose:()=>C(null),onCancel:A,onDelete:n,message:ve.detailedMessage.content,currentStepWallet:W}),J.createElement(qs,{open:!!k,diagnosisUrl:Nt,onClose:()=>T(null),status:e.status==="success"?"success":"failed",priceValue:I(We,6,6),usdValue:F,realUsdValue:Q,realValue:se(We),percentageChange:I(Ge,2,2),token:{displayName:K[z-1].to.token.displayName,image:K[z-1].to.token.image},chain:{image:K[z-1].to.chain.image},description:ct}))}i(Vs,"SwapDetails");import{i18n as Br}from"@lingui/core";import{Divider as gm,NotFound as YS,Skeleton as qo,Typography as Lr}from"@rango-dev/ui";import le from"react";import{i18n as VS}from"@lingui/core";import{Divider as jS,Skeleton as XS,Typography as KS}from"@rango-dev/ui";import ue from"react";import{css as Ze,styled as js}from"@rango-dev/ui";var dm=js("div",{width:"100%",height:"100%",padding:"$10 $20"}),zo=js("div",{backgroundColor:"$neutral100",borderRadius:"$xm",padding:"$10 $15"}),Nr=js("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"}),G_=Ze({display:"flex",justifyContent:"space-between",alignItems:"center"}),Q_=Ze({display:"flex",justifyContent:"space-between",alignItems:"center"}),H_=Ze({paddingTop:"$15",display:"flex"}),V_=Ze({padding:"$15 $0"}),j_=Ze({width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"}),X_=Ze({paddingBottom:"$10"}),K_=Ze({display:"flex",justifyContent:"start",alignItems:"center"}),Y_=Ze({paddingTop:"$5",display:"flex",alignItems:"center"}),J_=Ze({display:"flex",alignItems:"center"}),Z_=Ze({padding:"$4 $6",display:"flex",justifyContent:"center",alignItems:"center"}),fm=Ze({display:"flex",paddingTop:"$10",paddingBottom:"$5"});function Xs(){return ue.createElement(dm,null,ue.createElement(Eo,{type:"swap-preview"}),ue.createElement("div",{className:"swaps-steps"},ue.createElement(KS,{variant:"title",size:"small"},VS.t("Swaps steps"))),ue.createElement(ue.Fragment,null,ue.createElement(zo,null,ue.createElement(lt,{separator:!1}),ue.createElement("div",{className:fm()},ue.createElement(jS,{direction:"horizontal",size:20}),ue.createElement(XS,{height:22,variant:"rectangular"}))),ue.createElement(Nr,null),ue.createElement(zo,null,ue.createElement(lt,{separator:!1})),ue.createElement(Nr,null),ue.createElement(zo,null,ue.createElement(lt,{separator:!1})),ue.createElement(Nr,null),ue.createElement(zo,null,ue.createElement(lt,{separator:!1}))))}i(Xs,"LoadingSwapDetails");function hm(t){let{requestId:e,showSkeleton:o}=t;return le.createElement(te,{header:{title:Br.t("Swap and Bridge"),suffix:le.createElement(Xt,null)}},o&&le.createElement(om,null,le.createElement(Er,null,le.createElement("div",{className:so()},le.createElement(Lr,{variant:"label",size:"large",color:"neutral700"},`${Br.t("Request ID")}:`),le.createElement("div",{className:Ir()},le.createElement(Lr,{variant:"label",size:"small",color:"neutral700"},le.createElement(qo,{width:60,height:10,variant:"rounded"})),le.createElement(gm,{direction:"horizontal",size:4}),le.createElement(qo,{width:16,height:16,variant:"rectangular"}),le.createElement(gm,{direction:"horizontal",size:4}),le.createElement(qo,{width:16,height:16,variant:"rectangular"}))),le.createElement("div",{className:so()},le.createElement(Lr,{className:im(),variant:"label",size:"large",color:"neutral700"},le.createElement(qo,{width:60,height:10,variant:"rounded"})),le.createElement(Lr,{variant:"label",size:"small",color:"neutral700"},le.createElement(qo,{width:60,height:10,variant:"rounded"})))),le.createElement(Xs,null)),!o&&le.createElement(rm,null,le.createElement(YS,{title:Br.t("Not found"),description:Br.t({id:"Swap with request ID = {requestId} not found.",values:{requestId:e}})})))}i(hm,"SwapDetailsPlaceholder");function Sm(){let{manager:t,state:e}=ZS(),o=!e.loadedFromPersistor,n=oo(t),r=Ae.use.selectedSwapRequestId(),s=xt(),{fetchStatus:a}=g(),l=o||a==="loading",p=n.find(({swap:d})=>d.requestId===r),u=i(()=>{if(p?.id){let d=t?.get(p.id);d&&JS(d)}},"onCancel"),c=i(async()=>{if(p?.id)try{t?.deleteQueue(p.id),s()}catch(d){console.log(d)}},"onDelete"),m=p?.swap;return!m||l?ym.createElement(hm,{requestId:r||"",showSkeleton:l}):ym.createElement(Vs,{swap:m,requestId:r||"",onCancel:u,onDelete:c})}i(Sm,"SwapDetailsPage");import{i18n as Go}from"@lingui/core";import{AutoThemeIcon as RS,DarkModeIcon as eC,LightModeIcon as tC,List as oC,ListItemButton as nC,Radio as Ks,RadioRoot as rC,Typography as Ys}from"@rango-dev/ui";import Ee from"react";function Cm(){let{setTheme:t,theme:e}=g(),o=[{id:"light",value:"light",title:Ee.createElement(Ys,{variant:"title",size:"xmedium"},Go.t("Light")),onClick:()=>t("light"),start:Ee.createElement(tC,{color:"gray"}),end:Ee.createElement(Ks,{value:"light"})},{id:"dark",value:"dark",title:Ee.createElement(Ys,{variant:"title",size:"xmedium"},Go.t("Dark")),onClick:()=>t("dark"),start:Ee.createElement(eC,{color:"gray"}),end:Ee.createElement(Ks,{value:"dark"})},{id:"auto",value:"auto",title:Ee.createElement(Ys,{variant:"title",size:"xmedium"},Go.t("Auto")),onClick:()=>t("auto"),start:Ee.createElement(RS,{color:"gray"}),end:Ee.createElement(Ks,{value:"auto"})}];return Ee.createElement(te,{header:{title:Go.t("Theme")}},Ee.createElement(re,null,Ee.createElement(rC,{onValueChange:n=>t(n),value:e},Ee.createElement(oC,{type:Ee.createElement(nC,{title:Go.t("Theme"),id:"_",onClick:()=>console.log()}),items:o}))))}i(Cm,"ThemePage");function km(){return iC([{path:M.home,element:Ie.createElement(ju,null)},{path:M.fromSwap,children:[{index:!0,element:Ie.createElement(Ns,{type:"source"})},{path:M.blockchains,element:Ie.createElement(ds,{type:"source"})}]},{path:M.toSwap,children:[{index:!0,element:Ie.createElement(Ns,{type:"destination"})},{path:M.blockchains,element:Ie.createElement(ds,{type:"destination"})}]},{path:M.settings,children:[{index:!0,element:Ie.createElement($c,null)},{path:M.themes,element:Ie.createElement(Cm,null)},{path:M.languages,element:Ie.createElement(Ku,null)},{path:M.exchanges,element:Ie.createElement(ps,{sourceType:"Exchanges"})},{path:M.bridges,element:Ie.createElement(ps,{sourceType:"Bridges"})}]},{path:M.swaps,children:[{index:!0,element:Ie.createElement(Uu,null)},{path:M.swapDetails,element:Ie.createElement(Sm,null)}]},{path:M.wallets,element:Ie.createElement(np,null)},{path:M.confirmSwap,element:Ie.createElement(Bu,null)}])}i(km,"AppRoutes");import{isApprovalTX as sC,MainEvents as Tm,RouteEventType as wm,StepEventType as xm,StepExecutionEventStatus as aC,useEvents as lC}from"@rango-dev/queue-manager-rango-preset";import{useEffect as vm}from"react";function bm(){let t=g().tokens(),e=V.use.connectedWallets(),o=V.use.getWalletsDetails(),n=Be.use.setNotification(),r=lC();return vm(()=>(r.on(Tm.StepEvent,s=>{let{event:a,step:l,route:p}=s;if(a.type===xm.TX_EXECUTION&&a.status===aC.TX_SENT&&!sC(l)||a.type===xm.SUCCEEDED){let c=e.find(d=>d.chain===l?.fromBlockchain),m=l?.fromBlockchain!==l?.toBlockchain&&e.find(d=>d.chain===l?.toBlockchain);c&&o([c],t),m&&o([m],t)}n(a,p)}),()=>r.all.clear()),[r,e.length]),vm(()=>(r.on(Tm.RouteEvent,s=>{let{event:a,route:l}=s;(a.type===wm.FAILED||a.type===wm.SUCCEEDED)&&n(a,l)}),()=>r.all.clear()),[r,e.length]),null}i(bm,"WidgetEvents");import{globalCss as pC}from"@rango-dev/ui";var Am=i(()=>pC({"@import":["url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap')","url('https://fonts.cdnfonts.com/css/times-new-roman')"]})(),"globalFont");import{styled as uC}from"@rango-dev/ui";var Em=uC("div",{display:"flex",justifyContent:"center",alignItems:"center",fontFamily:"$widget",boxSizing:"border-box",textAlign:"left","& *, *::before, *::after":{boxSizing:"inherit"},"& *:focus-visible":{outlineColor:"$info500",transition:"none"},"& ul, ol, li":{listStyleType:"none"}});function Pr(){Am();let{config:t}=g(),{activeTheme:e}=Ln(t?.theme||{}),{activeLanguage:o}=no(),[n,r]=Im(""),[s,a]=Im(),l=mC(Cn);return dC(()=>{Be.persist.rehydrate(),l.onConnectWallet(r)},[]),Qo.createElement(cC,{language:o},Qo.createElement(Em,{id:"swap-container",className:e()},Qo.createElement(bm,null),Qo.createElement(ul,{lastConnectedWallet:n,disconnectedWallet:s,clearDisconnectedWallet:()=>{a(void 0)}},Qo.createElement(km,null))))}i(Pr,"Main");import Zs,{useMemo as BC}from"react";import{checkWaitingForNetworkChange as fC,makeQueueDefinition as gC}from"@rango-dev/queue-manager-rango-preset";import{Provider as hC}from"@rango-dev/queue-manager-react";import{useWallets as yC}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as SC}from"@rango-dev/wallets-shared";import{isEvmBlockchain as CC}from"rango-types";import kC,{useMemo as TC}from"react";function wC(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:s,getWalletInfo:a}=yC(),l=TC(()=>gC({API_KEY:t.apiKey||qt("API_KEY"),BASE_URL:qt("BASE_URL")}),[t.apiKey]),p=g().blockchains(),c={blockchains:V.use.connectedWallets().map(k=>({accounts:[k],name:k.chain}))},m=i(async(k,T)=>{if(s(k,T))return r(k,T)},"switchNetwork"),d=i(k=>!!a(k).mobileWallet,"isMobileWallet"),f=p.filter(k=>k.enabled).reduce((k,T)=>(k[T.name]=T,k),{}),w=p.filter(CC),S=i(k=>{let{supportedChains:T}=a(k);return Jo(T)},"getSupportedChainNames"),h=e(),C={meta:{blockchains:f,evmBasedChains:w,evmNetworkChainInfo:SC(w),getSupportedChainNames:S},getSigners:o,wallets:c,providers:h,switchNetwork:m,canSwitchNetworkTo:s,connect:r,state:n,isMobileWallet:d};return kC.createElement(hC,{queuesDefs:[l],context:C,onPersistedDataLoaded:k=>{fC(k)},isPaused:!1},t.children)}i(wC,"QueueManager");var Wm=wC;import{useManager as EC}from"@rango-dev/queue-manager-react";import IC,{createContext as WC,useContext as NC}from"react";import{cancelSwap as xC,getCurrentBlockchainOfOrNull as vC,getCurrentStep as bC,getRelatedWalletOrNull as AC}from"@rango-dev/queue-manager-rango-preset";var Ho=class{constructor(e,o){this.manager=e,this.actions=o}getAllSwaps(){return oo(this.manager)}getCurrentStep(e){return this.getCurrentStepInfo(e).step}getCurrentStepWallet(e){return this.getCurrentStepInfo(e).wallet}getCurrentStepNetwork(e){return this.getCurrentStepInfo(e).network}retry(e,o){return this.actions.retrySwap(e,o)}cancel(e){let o=this.manager?.get(e);o&&xC(o)}getCurrentStepInfo(e){let o=bC(e);return{step:o,wallet:o?AC(e,o):null,network:o?vC(e,o):null}}};i(Ho,"WidgetHistory");var Nm=WC(void 0);function Js(t){let{manager:e}=EC(),o=_.use.retry(),n=new Ho(e,{retrySwap:o}),r=V.use.connectedWallets(),s=V.use.loading(),a=da(r),l=V.use.getWalletsDetails(),p=g().blockchains(),u=g().tokens(),c=g().swappers(),m=g().fetchStatus,d=no().resetLanguage,f=Be().getUnreadNotifications(),w={history:n,wallets:{isLoading:s,details:r,totalBalance:a,refetch:l},meta:{blockchains:p,tokens:u,swappers:c,loadingStatus:m},resetLanguage:d,notifications:{list:f}};return IC.createElement(Nm.Provider,{value:w},t.children)}i(Js,"WidgetInfo");function Bm(){let t=NC(Nm);if(!t)throw new Error("useWidget can only be used within the WidgetProvider component");return t}i(Bm,"useWidget");function Mr(t){let{onUpdateState:e,config:o}=t;return BC(()=>{Sa({API_KEY:o?.apiKey||Vo,BASE_URL:o?.apiUrl||oa})},[o.apiKey,o.apiUrl]),Zs.createElement(kn,{config:o,onUpdateState:e},Zs.createElement(Wm,{apiKey:o.apiKey},Zs.createElement(Js,null,t.children)))}i(Mr,"WidgetProvider");function Lm(t){return t.config?.externalWallets?Rs.createElement(Pr,null):Rs.createElement(Mr,{config:t.config??$r},Rs.createElement(Pr,null))}i(Lm,"Widget");export{k1 as EventSeverity,T1 as MainEvents,B1 as Networks,M1 as PendingSwapNetworkStatus,w1 as RouteEventType,x1 as StepEventType,v1 as StepExecutionBlockedEventStatus,b1 as StepExecutionEventStatus,W1 as WalletEvents,L1 as WalletTypes,Lm as Widget,Mr as WidgetProvider,kn as WidgetWallets,pi as customizedThemeTokens,I1 as readAccountAddress,cp as useWallets,Bm as useWidget,A1 as useWidgetEvents};
|
|
2
3
|
//# sourceMappingURL=index.js.map
|