@rango-dev/widget-embedded 0.22.4-next.0 → 0.22.4-next.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/QueueManager.d.ts.map +1 -1
- package/dist/components/AppRoutes.d.ts.map +1 -1
- package/dist/components/BlockchainList/BlockchainList.styles.d.ts +3 -0
- package/dist/components/BlockchainList/BlockchainList.styles.d.ts.map +1 -1
- package/dist/components/BlockchainsSection/BlockchainsSection.styles.d.ts +1 -0
- package/dist/components/BlockchainsSection/BlockchainsSection.styles.d.ts.map +1 -1
- package/dist/components/ConfirmWalletsModal/ConfirmWallets.helpers.d.ts +2 -2
- package/dist/components/ConfirmWalletsModal/ConfirmWallets.helpers.d.ts.map +1 -1
- package/dist/components/ConfirmWalletsModal/ConfirmWallets.styles.d.ts +15 -0
- 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.d.ts.map +1 -1
- package/dist/components/ConfirmWalletsModal/WalletList.styles.d.ts +3 -0
- package/dist/components/ConfirmWalletsModal/WalletList.styles.d.ts.map +1 -1
- package/dist/components/CustomCollapsible/CustomCollapsible.styles.d.ts +4 -0
- package/dist/components/CustomCollapsible/CustomCollapsible.styles.d.ts.map +1 -1
- package/dist/components/HeaderButtons/HeaderButtons.d.ts +4 -0
- package/dist/components/HeaderButtons/HeaderButtons.d.ts.map +1 -0
- package/dist/components/HeaderButtons/HeaderButtons.styles.d.ts +5 -0
- package/dist/components/HeaderButtons/HeaderButtons.styles.d.ts.map +1 -1
- package/dist/components/HeaderButtons/HeaderButtons.types.d.ts +3 -2
- package/dist/components/HeaderButtons/HeaderButtons.types.d.ts.map +1 -1
- package/dist/components/HeaderButtons/index.d.ts +1 -1
- package/dist/components/HeaderButtons/index.d.ts.map +1 -1
- package/dist/components/HistoryGroupedList/HistoryGroupedList.styles.d.ts +6 -0
- package/dist/components/HistoryGroupedList/HistoryGroupedList.styles.d.ts.map +1 -1
- package/dist/components/Layout/Layout.d.ts.map +1 -1
- package/dist/components/Layout/Layout.styles.d.ts +3 -0
- package/dist/components/Layout/Layout.styles.d.ts.map +1 -1
- package/dist/components/Layout/Layout.types.d.ts +1 -0
- package/dist/components/Layout/Layout.types.d.ts.map +1 -1
- package/dist/components/Layout/PageContainer.d.ts +1 -0
- package/dist/components/Layout/PageContainer.d.ts.map +1 -1
- package/dist/components/Layout/ScrollableArea.d.ts +1 -0
- package/dist/components/Layout/ScrollableArea.d.ts.map +1 -1
- package/dist/components/LoadingLiquiditySourceList/LoadingLiquiditySourceList.styles.d.ts +1 -0
- package/dist/components/LoadingLiquiditySourceList/LoadingLiquiditySourceList.styles.d.ts.map +1 -1
- package/dist/components/LoadingSwapDetails/LoadingSwapDetails.styles.d.ts +14 -0
- package/dist/components/LoadingSwapDetails/LoadingSwapDetails.styles.d.ts.map +1 -1
- package/dist/components/NoResult/NoResult.styles.d.ts +3 -0
- package/dist/components/NoResult/NoResult.styles.d.ts.map +1 -1
- package/dist/components/NotificationContent/NotificationContent.styles.d.ts +4 -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 +1136 -25
- package/dist/components/Quote/Quote.styles.d.ts.map +1 -1
- package/dist/components/Quote/Quote.types.d.ts +12 -7
- package/dist/components/Quote/Quote.types.d.ts.map +1 -1
- package/dist/components/Quote/QuoteCostDetails.d.ts.map +1 -1
- package/dist/components/Quote/QuoteCostDetails.styles.d.ts +5 -0
- package/dist/components/Quote/QuoteCostDetails.styles.d.ts.map +1 -1
- package/dist/components/Quote/QuoteSummary.styles.d.ts +2 -0
- package/dist/components/Quote/QuoteSummary.styles.d.ts.map +1 -1
- package/dist/components/Quote/QuoteTrigger .d.ts.map +1 -1
- package/dist/components/QuoteSkeleton/QuoteSkeleton.styles.d.ts +4 -0
- package/dist/components/QuoteSkeleton/QuoteSkeleton.styles.d.ts.map +1 -1
- package/dist/components/QuoteSkeleton/QuoteSkeleton.types.d.ts +1 -1
- package/dist/components/QuoteSkeleton/QuoteSkeleton.types.d.ts.map +1 -1
- package/dist/components/QuoteSkeleton/QuoteSummarySkeleton.d.ts.map +1 -1
- package/dist/components/QuoteSkeleton/QuoteSummarySkeleton.styles.d.ts +20 -10
- package/dist/components/QuoteSkeleton/QuoteSummarySkeleton.styles.d.ts.map +1 -1
- package/dist/components/QuoteSkeleton/QuoteSummarySkeleton.types.d.ts +1 -1
- package/dist/components/QuoteSkeleton/QuoteSummarySkeleton.types.d.ts.map +1 -1
- package/dist/components/QuoteSkeleton/StepSkeleton.styles.d.ts +5 -0
- package/dist/components/QuoteSkeleton/StepSkeleton.styles.d.ts.map +1 -1
- package/dist/components/QuoteWarningsAndErrors/QuoteWarningsAndErrors.styles.d.ts +4 -0
- package/dist/components/QuoteWarningsAndErrors/QuoteWarningsAndErrors.styles.d.ts.map +1 -1
- package/dist/components/SearchInput/SearchInput.styles.d.ts +1 -0
- package/dist/components/SearchInput/SearchInput.styles.d.ts.map +1 -1
- package/dist/components/SettingsContainer/SettingsContainer.style.d.ts +3 -0
- package/dist/components/SettingsContainer/SettingsContainer.style.d.ts.map +1 -1
- package/dist/components/Slippage/Slippage.styles.d.ts +5 -0
- package/dist/components/Slippage/Slippage.styles.d.ts.map +1 -1
- package/dist/components/SwapDetails/SwapDetails.styles.d.ts +13 -0
- package/dist/components/SwapDetails/SwapDetails.styles.d.ts.map +1 -1
- package/dist/components/SwapDetailsAlerts/SwapDetailsAlerts.styles.d.ts +1 -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 +1 -0
- package/dist/components/SwapDetailsModal/SwapDetailsModal.styles.d.ts.map +1 -1
- package/dist/components/SwapDetailsModal/index.d.ts +1 -1
- package/dist/components/SwapDetailsModal/index.d.ts.map +1 -1
- package/dist/components/TokenList/TokenList.styles.d.ts +17 -0
- package/dist/components/TokenList/TokenList.styles.d.ts.map +1 -1
- package/dist/components/WalletModal/WalletModalContent.styles.d.ts +4 -0
- package/dist/components/WalletModal/WalletModalContent.styles.d.ts.map +1 -1
- package/dist/constants/languages.d.ts.map +1 -1
- package/dist/constants/navigationRoutes.d.ts +1 -0
- package/dist/constants/navigationRoutes.d.ts.map +1 -1
- package/dist/constants/quote.d.ts +5 -1
- package/dist/constants/quote.d.ts.map +1 -1
- package/dist/containers/App/App.styles.d.ts +1 -0
- package/dist/containers/App/App.styles.d.ts.map +1 -1
- package/dist/containers/QuoteInfo/QuoteInfo.d.ts.map +1 -1
- package/dist/containers/QuoteInfo/QuoteInfo.styles.d.ts +3 -0
- package/dist/containers/QuoteInfo/QuoteInfo.styles.d.ts.map +1 -1
- package/dist/containers/QuoteInfo/QuoteInfo.types.d.ts +6 -3
- package/dist/containers/QuoteInfo/QuoteInfo.types.d.ts.map +1 -1
- package/dist/containers/Wallets/Wallets.d.ts.map +1 -1
- package/dist/hooks/useConfirmSwap/useConfirmSwap.d.ts.map +1 -1
- package/dist/hooks/useConfirmSwap/useConfirmSwap.helpers.d.ts +5 -4
- package/dist/hooks/useConfirmSwap/useConfirmSwap.helpers.d.ts.map +1 -1
- package/dist/hooks/useConfirmSwap/useConfirmSwap.types.d.ts +1 -1
- package/dist/hooks/useConfirmSwap/useConfirmSwap.types.d.ts.map +1 -1
- package/dist/hooks/useFetch.d.ts +12 -0
- package/dist/hooks/useFetch.d.ts.map +1 -0
- package/dist/hooks/useFetchAllQuotes.d.ts +4 -0
- package/dist/hooks/useFetchAllQuotes.d.ts.map +1 -0
- package/dist/hooks/useFetchConfirmQuote.d.ts +4 -0
- package/dist/hooks/useFetchConfirmQuote.d.ts.map +1 -0
- package/dist/hooks/useSwapInput.d.ts +5 -5
- package/dist/hooks/useSwapInput.d.ts.map +1 -1
- package/dist/hooks/useWalletList.d.ts +1 -0
- package/dist/hooks/useWalletList.d.ts.map +1 -1
- package/dist/index.js +2 -2
- package/dist/index.js.map +4 -4
- package/dist/pages/ConfirmSwapPage.d.ts.map +1 -1
- package/dist/pages/Home.d.ts.map +1 -1
- package/dist/pages/LiquiditySourcePage.d.ts.map +1 -1
- package/dist/pages/Routes.d.ts +3 -0
- package/dist/pages/Routes.d.ts.map +1 -0
- package/dist/pages/SettingsPage.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/quote.d.ts +32 -10
- package/dist/store/quote.d.ts.map +1 -1
- package/dist/store/wallets.d.ts +0 -2
- package/dist/store/wallets.d.ts.map +1 -1
- package/dist/types/quote.d.ts +19 -1
- package/dist/types/quote.d.ts.map +1 -1
- package/dist/utils/quote.d.ts +12 -9
- package/dist/utils/quote.d.ts.map +1 -1
- package/dist/utils/settings.d.ts +2 -3
- package/dist/utils/settings.d.ts.map +1 -1
- package/dist/utils/swap.d.ts +18 -18
- package/dist/utils/swap.d.ts.map +1 -1
- package/dist/utils/wallets.d.ts +4 -3
- package/dist/utils/wallets.d.ts.map +1 -1
- package/package.json +10 -10
- package/src/QueueManager.tsx +0 -3
- package/src/components/AppRoutes.tsx +5 -0
- package/src/components/ConfirmWalletsModal/ConfirmWallets.helpers.ts +3 -3
- package/src/components/ConfirmWalletsModal/ConfirmWalletsModal.tsx +22 -19
- package/src/components/ConfirmWalletsModal/WalletList.tsx +24 -18
- package/src/components/HeaderButtons/{HomeButtons.tsx → HeaderButtons.tsx} +39 -26
- package/src/components/HeaderButtons/HeaderButtons.types.ts +3 -2
- package/src/components/HeaderButtons/index.ts +1 -1
- package/src/components/Layout/Layout.tsx +13 -1
- package/src/components/Layout/Layout.types.ts +1 -0
- package/src/components/Quote/Quote.styles.ts +133 -38
- package/src/components/Quote/Quote.tsx +77 -18
- package/src/components/Quote/Quote.types.ts +13 -7
- package/src/components/Quote/QuoteCostDetails.tsx +9 -4
- package/src/components/Quote/QuoteTrigger .tsx +7 -3
- package/src/components/QuoteSkeleton/QuoteSkeleton.tsx +2 -2
- package/src/components/QuoteSkeleton/QuoteSkeleton.types.ts +1 -1
- package/src/components/QuoteSkeleton/QuoteSummarySkeleton.styles.ts +10 -12
- package/src/components/QuoteSkeleton/QuoteSummarySkeleton.tsx +28 -9
- package/src/components/QuoteSkeleton/QuoteSummarySkeleton.types.ts +1 -1
- package/src/components/QuoteWarningsAndErrors/QuoteWarningsAndErrors.helpers.ts +19 -19
- package/src/components/SwapDetails/SwapDetails.tsx +1 -1
- package/src/components/SwapDetailsAlerts/SwapDetailsAlerts.types.ts +1 -1
- package/src/components/SwapDetailsModal/index.ts +1 -1
- package/src/constants/languages.ts +2 -1
- package/src/constants/navigationRoutes.ts +1 -0
- package/src/constants/quote.ts +17 -1
- package/src/containers/QuoteInfo/QuoteInfo.tsx +32 -7
- package/src/containers/QuoteInfo/QuoteInfo.types.ts +6 -3
- package/src/containers/Wallets/Wallets.tsx +5 -11
- package/src/hooks/useConfirmSwap/useConfirmSwap.helpers.ts +36 -20
- package/src/hooks/useConfirmSwap/useConfirmSwap.ts +76 -78
- package/src/hooks/useConfirmSwap/useConfirmSwap.types.ts +1 -1
- package/src/hooks/useFetch.ts +48 -0
- package/src/hooks/useFetchAllQuotes.ts +21 -0
- package/src/hooks/useFetchConfirmQuote.ts +21 -0
- package/src/hooks/useSwapInput.ts +59 -31
- package/src/hooks/useWalletList.ts +5 -3
- package/src/pages/ConfirmSwapPage.tsx +12 -9
- package/src/pages/Home.tsx +25 -15
- package/src/pages/LiquiditySourcePage.tsx +3 -5
- package/src/pages/Routes.tsx +131 -0
- package/src/pages/SettingsPage.tsx +11 -13
- package/src/pages/WalletsPage.tsx +24 -18
- package/src/store/quote.ts +60 -22
- package/src/store/wallets.ts +0 -2
- package/src/types/quote.ts +27 -1
- package/src/utils/quote.ts +129 -67
- package/src/utils/settings.ts +2 -4
- package/src/utils/swap.ts +37 -77
- package/src/utils/wallets.ts +14 -9
- package/dist/components/HeaderButtons/HomeButtons.d.ts +0 -4
- package/dist/components/HeaderButtons/HomeButtons.d.ts.map +0 -1
- package/dist/hooks/useFetchQuote.d.ts +0 -9
- package/dist/hooks/useFetchQuote.d.ts.map +0 -1
- package/src/hooks/useFetchQuote.ts +0 -38
package/dist/index.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
var Xm=Object.defineProperty;var i=(t,e)=>Xm(t,"name",{value:e,configurable:!0});import{EventSeverity as wO,MainEvents as vO,RouteEventType as xO,StepEventType as bO,StepExecutionBlockedEventStatus as IO,StepExecutionEventStatus as AO,useEvents as EO}from"@rango-dev/queue-manager-rango-preset";import{readAccountAddress as LO,useWallets as xp,Events as NO}from"@rango-dev/wallets-react";import{Networks as MO,WalletTypes as PO}from"@rango-dev/wallets-shared";import{PendingSwapNetworkStatus as _O}from"rango-types";import{UI_ID as Km}from"@rango-dev/ui";var Yo="c6381a79-2817-4602-83bf-6a641a409e32",pa="https://api.rango.exchange",ca="https://scan.rango.exchange",be={SWAP_BOX_ID:"rango-swap-box",...Km};import{Events as jr,Provider as Ed}from"@rango-dev/wallets-react";import{isEvmBlockchain as Wd}from"rango-sdk";import mn,{createContext as Ld,useEffect as Xr,useRef as Nd,useState as Bd}from"react";import{useEffect as md}from"react";import{create as pd}from"zustand";import{subscribeWithSelector as cd}from"zustand/middleware";import{RangoClient as ad}from"rango-sdk";import{WalletState as ot}from"@rango-dev/ui";import{readAccountAddress as Zm}from"@rango-dev/wallets-react";import{detectInstallLink as Rm,getCosmosExperimentalChainInfo as ed,isEvmAddress as td,KEPLR_COMPATIBLE_WALLETS as LT,Networks as fa}from"@rango-dev/wallets-shared";import Fr from"bignumber.js";import{isCosmosBlockchain as od}from"rango-types";import Ym from"bignumber.js";var Ie=new Ym(0);import{WalletTypes as Jm}from"@rango-dev/wallets-shared";var ua=[Jm.LEAP];import{BigNumber as da}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"),A=i((t,e=null,o=null)=>{if(t==null||t==="")return"";let n=new da(t),r=1,s=1e3;for(let a=0;a<60;a++)if(new da(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 Zo=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"),fo=i(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function le(t){return A(t,12,12).replace(/(?:\.0*|(\.\d+?)0*)$/,"$1")}i(le,"formatTooltipNumbers");function Ur(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(Ur,"mapStatusToWalletState");function ga(t,e,o,n){return o.filter(r=>!ua.includes(r)).filter(r=>{let{supportedChains:s,isContractWallet:a}=e(r),{installed:l,network:p}=t(r);return a&&(!l||!!n&&p!==n)?!1:n?!!s.find(u=>u.name===n):!0}).map(r=>{let{name:s,img:a,installLink:l}=e(r),p=Ur(t(r));return{title:s,image:a,link:Rm(l),state:p,type:r}})}i(ga,"mapWalletTypesToWalletInfo");function tn(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}i(tn,"walletAndSupportedChainsNames");function ha(t,e,o,n,r){let s=[];function a(p,c){if(!!!s.find(h=>h.chain===p)){let h={address:c,chain:p,walletType:t};s.push(h)}}i(a,"addAccount");let l=n||[];return e.forEach(p=>{let{address:c,network:u}=Zm(p),h=l.length>0,m=l.includes(u),f=u===fa.Unknown;if(h&&!m&&!f)return;let S=u===fa.Unknown&&td(c);if(f&&!S)return;o.includes(u)||S?r?a(u,c.toLowerCase()):l.filter(x=>o.includes(x)).forEach(x=>{a(x,c.toLowerCase())}):a(u,c)}),s}i(ha,"prepareAccountsForWalletStore");function ya(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(ya,"getRequiredChains");function on(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}i(on,"isAccountAndWalletMatched");function Sa(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 Fr(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:rd(o,r.asset.symbol,r.asset.address,e)||null}))||[]}i(Sa,"makeBalanceFor");function Ca(t){return{...t,loading:!1,error:!0}}i(Ca,"resetConnectedWalletState");var Ta=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=A(n?.flatMap(s=>s.accounts)?.flatMap(s=>s?.balances)?.map(s=>new Fr(s?.amount||Ie).multipliedBy(s?.usdPrice||0))?.reduce((s,a)=>s.plus(a),Ie)||Ie).toString();return nd(r)},"calculateWalletUsdValue");function nd(t){let e=t.toString().split(".");return e[0]=e[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),e.join(".")}i(nd,"numberWithThousandSeparator");var rd=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice"),nn=i((t,e)=>{let o=ed(Object.entries(t).map(([,n])=>n).filter(od));return o&&o[e]?.experimental},"isExperimentalChain");function rn(t){return t?{...t,amount:A(t.amount,8,8),usdValue:A(t.usdValue,4,4)}:null}i(rn,"formatBalance");function id(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(id,"sortTokensByBalance");function sd(t,e,o){let n=o(t),r=o(e);return n===r?0:n?-1:1}i(sd,"sortTokensByPinnedToken");function ka(t,e,o){return t.sort((n,r)=>{let s=e(n),a=e(r),l=sd(n,r,o);return l!==0?l:id(s,a)}),t}i(ka,"sortTokens");function Ae(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}i(Ae,"areTokensEqual");function wa(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(wa,"sortWalletsBasedOnConnectionState");function sn(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(sn,"getConciseAddress");function va({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}i(va,"getAddress");function Or(t){return`${t.blockchain}-${t.symbol}-${t.address??""}`}i(Or,"createTokenHash");function an(t){return t.flatMap(e=>e.balances).reduce((e,o)=>{let n={amount:o?.amount??"",decimals:o?.decimal??0,usdValue:o?.usdPrice?new Fr(o?.usdPrice??Ie).multipliedBy(o?.amount).toString():""},r=o?Or({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(an,"makeTokensBalance");var xa=i((t,e)=>!!t.find(o=>o.chain===e&&o.loading),"isFetchingBalance");var qr={API_KEY:Yo};function dt(t){return qr[t]||""}i(dt,"getConfig");function ba(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),qr=e,qr}i(ba,"initConfig");var Ia=20,Aa=25,Ea="Roboto",zr="theme-widget",go=i((t,e)=>{let o=!1;if(e&&t){if(Array.isArray(e))o=!e.some(n=>Ae(n,t));else if(!Array.isArray(e)&&e[t.blockchain]){o=e[t.blockchain].tokens.some(r=>Ae(r,t));let n=e[t.blockchain].isExcluded;return!n&&!o||n&&o}}return o},"isTokenExcludedInConfig"),Gr=i((t,e)=>t&&e&&!e.includes(t.name),"isBlockchainExcludedInConfig");var ln,Vt=i(()=>ln||(ln=new ad(dt("API_KEY"),dt("BASE_URL")),ln),"httpService");var ld=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"),wt=ld;var V=wt(pd()(cd((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:an(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=>on(p,l))?{...l,loading:!0}:l)}));try{let a=o.map(({address:c,chain:u})=>({address:c,blockchain:u})),p=(await Vt().getWalletsDetails(a)).wallets;if(p)t(c=>{let u=c.connectedWallets.map(m=>{let f=o.find(S=>on(S,m)),C=p.find(S=>S.address===m.address&&S.blockChain===m.chain);return C?.failed&&f&&r&&s([f],n,!1),f&&C?{...m,explorerUrl:C.explorerUrl,balances:Sa(C,n),loading:!1}:m});return{loading:!1,balances:an(u),connectedWallets:u}});else throw new Error("Wallet not found")}catch{t(l=>{let p=l.connectedWallets.map(u=>o.find(h=>on(h,u))?Ca(u):u);return{loading:!1,balances:an(p),connectedWallets:p}})}},getBalanceFor:o=>{let{balances:n}=e(),r=Or(o);return n[r]??null}}))));import{allProviders as ud}from"@rango-dev/provider-all";function pn(t,e){let o=ud({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(pn,"matchAndGenerateProviders");function Wa(t,e){return pn(t,e).map(r=>r.config.type)}i(Wa,"configWalletsToWalletName");function La(t,e){let o=V.use.clearConnectedWallet(),n=pn(void 0,e);return md(()=>{o(),n=pn(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}i(La,"useWalletProviders");import kd,{createContext as wd,useContext as vd,useEffect as xd,useRef as bd}from"react";import{create as Cd}from"zustand";import{persist as Td}from"zustand/middleware";var Hr={apiKey:"",title:void 0,multiWallets:!0,enableNewLiquiditySources:!0,customDestination:!0},dd={clientUrl:void 0},fd={liquiditySources:void 0},Na=i((t,e,o)=>({config:{...Hr,...t},iframe:dd,campaignMode:fd,getLiquiditySources:()=>{let{config:n,campaignMode:r}=o();return r.liquiditySources?.length?r.liquiditySources:n.liquiditySources??[]},getDisabledLiquiditySources:()=>{let{disabledLiquiditySources:n,campaignMode:r}=o();return r.liquiditySources?.length?[]:n},excludeLiquiditySources:()=>{let{config:n,campaignMode:r}=o();return r.liquiditySources?.length?!1:!!n.enableNewLiquiditySources},isInCampaignMode:()=>{let{campaignMode:n}=o();return!!n.liquiditySources?.length},updateConfig:n=>{let r=o().config;e({config:{...r,...n}})},updateCampaignMode:(n,r)=>{let s=o().campaignMode;e({campaignMode:{...s,[n]:r}})},updateIframe:(n,r)=>{let s=o().iframe;e({iframe:{...s,[n]:r}})}}),"createConfigSlice");function jt(t){return Array.from(new Set(t))}i(jt,"removeDuplicateFrom");function Qr(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}i(Qr,"areEqual");function Ba(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}i(Ba,"debounce");function $t(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}i($t,"containsText");var N=i(()=>document.getElementById(be.SWAP_BOX_ID),"getContainer");function cn(t,e){let o=t.map(s=>s.swapperGroup),n=[];return jt(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(cn,"getUniqueSwappersGroups");function Ma(t,e){return t.swapperGroup<e.swapperGroup?-1:t.swapperGroup>e.swapperGroup?1:0}i(Ma,"sortLiquiditySourcesByGroupTitle");function Ue(t,e){return e?.[t]==="hidden"}i(Ue,"isFeatureHidden");function un(t,e){return e?.[t]==="enabled"}i(un,"isFeatureEnabled");var Pa=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&&go(p,s)||o.blockchain&&p.blockchain!==o.blockchain||!a.some(c=>c.name===p.blockchain)?!1:o.searchFor?!!($t(p.symbol,o.searchFor)||$t(p.address||"",o.searchFor)||$t(p.name||"",o.searchFor)):!0).sort((p,c)=>e().isTokenPinned(p,o.type)?-1:e().isTokenPinned(c,o.type)||p.isSecondaryCoin?1:c.isSecondaryCoin||!p.address&&c.address?-1:p.address&&!c.address?1:0)},isTokenPinned:(o,n)=>!!(n==="source"?e().config.from?.pinnedTokens:e().config.to?.pinnedTokens)?.some(a=>Ae(a,o)),swappers:()=>{let{config:o,campaignMode:n}=e(),r=n.liquiditySources?.length?n.liquiditySources:null,s=r??o.liquiditySources,a=r?!1:o.enableNewLiquiditySources;return e()._swappers.filter(c=>{let u=s?.includes(c.swapperGroup);return a||!s||s.length===0?!u:u}).sort(Ma)},fetch:async()=>{try{let o=await Vt().getAllMetadata();t({fetchStatus:"success"});let n=[],r=[],s=o.popularTokens,a=o.swappers,l=new Set;o.tokens.forEach(p=>{l.add(p.blockchain),r.push(p)}),o.blockchains.forEach(p=>{p.enabled&&l.has(p.name)&&n.push(p)}),n.sort((p,c)=>p.sort-c.sort),t({_blockchains:n,_tokens:r,_popularTokens:s,_swappers:a})}catch(o){throw t({fetchStatus:"failed"}),o}}}),"createDataSlice");import{English as gd,French as hd,Japanese as yd,Spanish as Sd}from"@rango-dev/ui";var $a=[{title:"English",label:"English",local:"en",SVGFlag:gd},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:Sd},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:hd},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:yd}],ho="en";var _a=[.5,1,3],Da=1,Fa=5,Ua=100,Oa=0;var qa=i((t,e)=>({disabledLiquiditySources:[],theme:"auto",language:null,preferredBlockchains:[],slippage:Da,customSlippage:null,infiniteApprove:!1,affiliateRef:null,affiliatePercent:null,affiliateWallets:null,addPreferredBlockchain:o=>{let n=e().preferredBlockchains;if(n.find((a,l)=>{let p=a===o,c=l<=10-1;return p&&c}))return;let s=n.filter(a=>!(a===o));t(()=>({preferredBlockchains:[o,...s]}))},setSlippage:o=>t(()=>({slippage:o})),setCustomSlippage:o=>t(()=>({customSlippage:o})),setAffiliateRef:o=>t(()=>({affiliateRef:o})),setAffiliatePercent:o=>t(()=>({affiliatePercent:o})),setAffiliateWallets:o=>t(()=>({affiliateWallets:o})),toggleAllLiquiditySources:(o,n)=>t(r=>{if(n)return{disabledLiquiditySources:[]};let s=jt(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=Ue("theme",n),s=Ue("language",n),a=Ue("liquiditySource",n);t({...r&&{theme:"auto"},...s&&{language:ho},...a&&{disabledLiquiditySources:[]}})}}),"createSettingsSlice");function za(t){return Cd()(Td((...e)=>({...Pa(...e),...qa(...e),...Na(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(za,"createAppStore");var Ga=wd(null);function d(){let t=vd(Ga);if(xd(()=>{t&&!t.persist.hasHydrated()&&t.persist.rehydrate()},[]),!t)throw new Error("Missing AppStoreContext.Provider in the tree");return t()}i(d,"useAppStore");function Ha(t){let e=bd();return e.current||(e.current=za(t.config)),kd.createElement(Ga.Provider,{value:e.current},t.children)}i(Ha,"AppStoreProvider");import{create as Ad}from"zustand";var Qa="rango-widget";var Xt=class{constructor(e){this.state="not-initiated";this.events={};this.init=()=>{this.initEvents(),this.tryClaim()};this.forceClaim=()=>{if(!this.isClaimed()){let e={name:"force-claim",candidateId:this.tabId};this.channel.postMessage(e),setTimeout(()=>{this.isClaimed()||this.claim()},300)}};this.isClaimed=()=>this.state==="claimed";this.destroy=()=>{this.channel.removeEventListener("message",this.handleMessageEvent),document.removeEventListener("visibilitychange",this.handleVisibilityChange),document.removeEventListener("resume",this.handleResume)};this.handleMessageEvent=e=>{let o=e.data.name;switch(o){case"ping":this.claimedByCurrentTab(e.data.pingAt);break;case"pong":this.alreadyClaimedByAnotherTab();break;case"force-claim":this.forceRelease(e.data.candidateId);break;case"force-release":this.tabId===e.data.candidateId&&this.claim();break;default:throw new Error(`${o} is not supported.`)}};this.handleVisibilityChange=async()=>{document.visibilityState==="visible"&&await this.tryClaim()};this.handleResume=async()=>{this.isClaimed()&&(await this.tryClaim(),this.isClaimed()||this.events.onRelease?.())};this.channel=new BroadcastChannel(Qa),this.tabId=Math.trunc(Math.random()*1e5),this.events=e}initEvents(){this.channel.addEventListener("message",this.handleMessageEvent),document.addEventListener("visibilitychange",this.handleVisibilityChange),document.addEventListener("resume",this.handleResume)}claimedByCurrentTab(e){let o=this.lastTryClaim&&this.lastTryClaim<e;if(this.isClaimed()||o){let n={name:"pong"};this.channel.postMessage(n);return}}alreadyClaimedByAnotherTab(){this.resetLastCheck()}async tryClaim(){return this.setLastCheck(),new Promise(e=>{setTimeout(()=>{this.check(),e()},300)})}check(){this.state==="not-initiated"&&this.events.onInit?.(),this.lastTryClaim?(this.claim(),this.resetLastCheck()):this.state="not-claimed"}claim(){this.state="claimed",this.events.onClaim?.()}setLastCheck(){this.lastTryClaim=Date.now();let e={name:"ping",pingAt:this.lastTryClaim};this.channel.postMessage(e)}resetLastCheck(){this.lastTryClaim=void 0}forceRelease(e){if(this.isClaimed()){this.state="not-claimed",this.events.onRelease?.();let o={name:"force-release",candidateId:e};this.channel.postMessage(o)}}};i(Xt,"TabManager");var ee=wt(Ad()((t,e)=>({isActiveTab:!1,tabManagerInitiated:!1,showActivateTabModal:!1,watermark:"NONE",fetchingApiConfig:!1,activateCurrentTab:(o,n)=>{let{showActivateTabModal:r}=e();!r&&n?t({showActivateTabModal:!0}):(r||!n)&&o()},setShowActivateTabModal:o=>{t({showActivateTabModal:o})},setWatermark:o=>{t({watermark:o})}}))),_t=new Xt({onInit:()=>ee.setState({tabManagerInitiated:!0}),onClaim:()=>ee.setState({isActiveTab:!0,showActivateTabModal:!1}),onRelease:()=>ee.setState({isActiveTab:!1})});var dn=Ld({onConnectWallet:()=>{}});function Md(t){let{updateConfig:e,updateSettings:o,fetch:n}=d(),r=d().blockchains(),s=d().tokens(),a={walletConnectProjectId:t.config?.walletConnectProjectId},[l,p]=Bd([]),{providers:c}=La(t.config.wallets,a),{connectWallet:u,disconnectWallet:h}=V(),m=Nd();Xr(()=>{n().catch(console.log)},[]),Xr(()=>{t.config&&(e(t.config),o(t.config))},[t.config]);let f=r.filter(Wd).map(y=>y.name),C=i((y,g,x,b,T)=>{if(g===jr.ACCOUNTS)if(x){let v=tn(T.supportedBlockchains),I=ha(y,x,f,v,T.isContractWallet);p(I)}else h(y);if(g===jr.ACCOUNTS&&b.connected){let v=`${y}-${b.network}-${x}`;b.connected&&(m.current?m.current(v):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(g===jr.NETWORK&&b.network){let v=`${y}-${b.network}`;m.current?m.current(v):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(y,g,x,b,T)},"onUpdateState"),S=ee.use.isActiveTab();return Xr(()=>{l.length&&u(l,s)},[l,s]),mn.createElement(dn.Provider,{value:{onConnectWallet:y=>{m.current=y}}},mn.createElement(Ed,{allBlockChains:r,providers:c,onUpdateState:C,autoConnect:!!S},t.children))}i(Md,"Main");function fn(t){let{config:e,...o}=t;return mn.createElement(Ha,{config:e},mn.createElement(Md,{...o,config:e}))}i(fn,"WidgetWallets");import aa,{useEffect as fT}from"react";import{I18nManager as jC}from"@rango-dev/ui";import Xo,{useContext as XC,useEffect as KC,useState as zm}from"react";import{useQueueManager as Dd}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Fd}from"@rango-dev/wallets-react";import{isEvmBlockchain as Ud}from"rango-types";import Od,{Fragment as qd}from"react";import{MemoryRouter as zd,useInRouterContext as Gd}from"react-router";import{useWallets as Pd}from"@rango-dev/wallets-react";import{useEffect as $d,useRef as _d}from"react";function Xa(){let{connect:t,state:e}=Pd(),o=_d({}),{fetchStatus:n}=d(),r=new URLSearchParams(location.search).get("autoConnect")||"",s=e(r);$d(()=>{n==="success"&&r&&s.installed&&!s.connecting&&!s.connected&&!o.current[r]&&(o.current[r]=!0,t(r))},[s,n])}i(Xa,"useForceAutoConnect");function Ka({children:t,...e}){let n=Gd()?qd:zd,r=d().blockchains(),{canSwitchNetworkTo:s}=Fd();Xa();let a=r.filter(Ud);return Dd({lastConnectedWallet:e.lastConnectedWallet,clearDisconnectedWallet:e.clearDisconnectedWallet,disconnectedWallet:e.disconnectedWallet,evmChains:a,canSwitchNetworkTo:s}),Od.createElement(n,null,t)}i(Ka,"AppRouter");import Pe from"react";import{useRoutes as qC}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{useEffect as Yt,useRef as vn}from"react";import bt from"bignumber.js";import{create as Kd}from"zustand";import{subscribeWithSelector as Yd}from"zustand/middleware";import{getLastSuccessfulStep as Xd}from"@rango-dev/queue-manager-rango-preset";import mv from"bignumber.js";var vt=(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))(vt||{});function Ya(t,e){return e.find(o=>o.name===t)?.displayName}i(Ya,"getBlockchainDisplayNameFor");function Oe(t,e){return e.find(o=>o.name===t)?.shortName}i(Oe,"getBlockchainShortNameFor");function yo(t,e){return e.find(o=>o.id===t)?.swapperGroup}i(yo,"getSwapperDisplayName");function Kr(t,e){return e.find(o=>Ae(o,t))??null}i(Kr,"findToken");function Yr(t,e){return e.find(o=>o.name===t)??null}i(Yr,"findBlockchain");import{i18n as je}from"@lingui/core";import Ee from"bignumber.js";import{PendingSwapNetworkStatus as Sn}from"rango-types";function gn(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(gn,"getRequiredWallets");function hn(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}i(hn,"isValidAddress");import{i18n as ve}from"@lingui/core";var j=i(()=>({genericServerError:ve.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:ve.t("Please reset your liquidity sources."),description:ve.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources.")},noResultError:{title:ve.t("No Routes Found."),description:ve.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:ve.t("Bridge Limit Error: Please increase your amount."),decreaseAmount:ve.t("Bridge Limit Error: Please decrease your amount.")},highValueLossError:{impactTitle:ve.t("High Price Impact"),title:ve.t("Price impact is too high!"),description:ve.t("The price impact is significantly higher than the allowed amount. If you are sure, continue, otherwise, change the swap."),confirmMessage:ve.t("Confirm high price impact")},quoteUpdatedWithHighValueLoss:{title:ve.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:ve.t("USD Price Unknown"),title:ve.t("USD Price Unknown, Cannot calculate Price Impact."),description:ve.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:ve.t("Confirm USD Price Unknown")}}),"errorMessages");function Ja(t){switch(t.type){case 0:return t.diagnosisMessage??j().noResultError.title;case 1:return j().genericServerError;default:return""}}i(Ja,"getQuoteErrorMessage");import{i18n as yn}from"@lingui/core";var Dt=i(()=>({connectWallet:yn.t("Connect Wallet"),swap:yn.t("Swap"),swapAnyway:yn.t("Swap anyway"),ethWarning:yn.t("The route goes through Ethereum. Continue?")}),"swapButtonTitles");function Za(t,e){return(parseInt(e.toFixed(2)||"0")<=-10&&t?.gte(new Ee(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new Ee(1e3)))??!1}i(Za,"hasHighValueLoss");function Jr(t){return(t?.result?.swaps||[]).filter(e=>{let o=e.fromAmountMinValue?new Ee(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Ee(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(Jr,"hasLimitError");function Zr(t){let e=(t.result?.swaps||[]).filter(l=>{let p=l.fromAmountMinValue?new Ee(l.fromAmountMinValue):null,c=l.fromAmountMaxValue?new Ee(l.fromAmountMaxValue):null;return l.fromAmountRestrictionType==="EXCLUSIVE"?p?.gte(l.fromAmount)||c?.lte(l.fromAmount):p?.gt(l.fromAmount)||c?.lt(l.fromAmount)})[0],o=e.fromAmountMinValue?new Ee(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Ee(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",s="",a="";return!r&&o&&o.gt(e.fromAmount)?(s=je.t({id:"Required: >= {min} {symbol}",values:{min:A(o,6,6),symbol:e.from.symbol}}),a=j().bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(s=je.t({id:"Required: > {min} {symbol}",values:{min:A(o,6,6),symbol:e.from.symbol}}),a=j().bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(s=je.t({id:"Required: <= {max} {symbol}",values:{max:A(n,6,6),symbol:e.from.symbol}}),a=j().bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(s=je.t({id:"Required: < {max} {symbol}",values:{max:A(n,6,6),symbol:e.from.symbol}}),a=j().bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:s,recommendation:a}}i(Zr,"getLimitErrorMessage");function Ra(t){let{fetchMetaStatus:e,anyWalletConnected:o,fetchingQuote:n,inputAmount:r,quote:s,warning:a,error:l,needsToWarnEthOnPath:p}=t;return e!=="success"?{title:Dt().connectWallet,action:"connect-wallet",disabled:!0}:o?n||!s||!s.result||l||!r||r==="0"?{title:Dt().swap,action:"confirm-swap",disabled:!0}:a?{title:Dt().swapAnyway,action:"confirm-warning",disabled:!1}:p?{title:Dt().ethWarning,action:"confirm-warning",disabled:!1}:{title:Dt().swap,action:"confirm-swap",disabled:!1}:{title:Dt().connectWallet,action:"connect-wallet",disabled:!1}}i(Ra,"getSwapButtonState");function Rr(t,e,o){return!((!o||o.lte(Ie))&&t?.result&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t.result)}i(Rr,"canComputePriceImpact");function Hd(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(Hd,"requiredWallets");var Qd=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice");function Vd(t,e){let o=Ie;for(let n=0;n<t.fee.length;n++){let r=t.fee[n];if(r.expenseType==="DECREASE_FROM_OUTPUT")continue;let s=Qd(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new Ee(r.amount).multipliedBy(s||0))}return o}i(Vd,"getUsdFeeOfStep");function Cn(t,e){return t.reduce((o,n)=>o.plus(Vd(n,e)),Ie)}i(Cn,"getTotalFeeInUsd");function ei(t){let e=Ie;return e=e.plus(new Ee(t.amount).multipliedBy(t.price||0)),e}i(ei,"getUsdFee");function el(t){return t.reduce((e,o)=>e.plus(ei(o)),Ie)}i(el,"getTotalFeesInUsd");function tl(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(tl,"getFeesGroup");function ti(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(ti,"checkSlippageErrors");function ol(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(ol,"checkSlippageWarnings");function Tn(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(Tn,"getMinRequiredSlippage");function nl(t,e){return e?parseFloat(t)>=parseFloat(e):!0}i(nl,"hasProperSlippage");function kn(t){let{fromToken:e,toToken:o,inputAmount:n,wallets:r,selectedWallets:s,disabledLiquiditySources:a,liquiditySources:l,excludeLiquiditySources:p,slippage:c,affiliateRef:u,affiliatePercent:h,affiliateWallets:m,initialQuote:f,destination:C}=t,S=s?.reduce((T,v)=>(T[v.chain]=v.address,T),{}),y=[];r?.forEach(T=>{let v=y.find(I=>I.blockchain===T.chain);v?v.addresses.push(T.address):y.push({blockchain:T.chain,addresses:[T.address]})});let g=!!f,x=jt((f?.result?.swaps||[]).reduce((T,v)=>(T.push(v.from.blockchain,v.to.blockchain),v.internalSwaps&&Array.isArray(v.internalSwaps)&&v.internalSwaps.map(I=>{T.push(I.from.blockchain,I.to.blockchain)}),T),[]));return{amount:n.toString(),affiliateRef:u??void 0,affiliatePercent:h??void 0,affiliateWallets:m??void 0,checkPrerequisites:g,from:{address:e.address,blockchain:e.blockchain,symbol:e.symbol},to:{address:o.address,blockchain:o.blockchain,symbol:o.symbol},connectedWallets:y,selectedWallets:S??{},slippage:c.toString(),...C&&{destination:C},...p&&{swapperGroups:a.concat(l??[]),swappersGroupsExclude:!0},...!p&&{swapperGroups:l?.filter(T=>!a.includes(T)),swappersGroupsExclude:!1},...g&&{blockchains:x}}}i(kn,"createQuoteRequestBody");function rl(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}i(rl,"getWalletsForNewSwap");function Kt(t){return t.result?.outputAmount||null}i(Kt,"getQuoteOutputAmount");function il(t,e){return new Ee(e).div(new Ee(t)).minus(1).multipliedBy(100).toNumber()}i(il,"getPercentageChange");function sl(t,e){let o=Kt(t),n=Kt(e);if(!o||!n)return!1;let r=qe(o,n);return r?r<=-1:!0}i(sl,"isOutputAmountChangedALot");function al(t,e,o){let n=t.validationStatus,r=ya(t);return e.sort((a,l)=>r.indexOf(a.chain)-r.indexOf(l.chain)).flatMap(a=>dl(a,n)||[]).filter(a=>!a.ok).map(a=>{let l=a.asset.symbol,p=A(new Ee(a.currentAmount.amount).shiftedBy(-a.currentAmount.decimals),8,8),c=A(new Ee(a.requiredAmount.amount).shiftedBy(-a.requiredAmount.decimals),8,8),u="";return a.reason==="FEE"&&(u=je.t(" for network fee")),a.reason==="INPUT_ASSET"&&(u=je.t(" for swap")),a.reason==="FEE_AND_INPUT_ASSET"&&(u=je.t(" for input and network fee")),je.t({id:"Needs \u2248 {requiredAmount} {symbol}{reason}, but you have {currentAmount} {symbol} in your {blockchain} wallet.",values:{requiredAmount:c,symbol:l,reason:u,currentAmount:p,blockchain:Oe(a.asset.blockchain,o)}})})}i(al,"generateBalanceWarnings");function ll(t,e){return(t?new Ee(t):Ie).multipliedBy(e||0)}i(ll,"calcOutputUsdValue");function So(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==Sn.NetworkChanged}i(So,"isNetworkStatusInWarningState");function pl(t,e){let o="bellow button or",n=t.extraMessage,r=t.extraMessageDetail;if(t.networkStatusExtraMessageDetail?.includes(o)&&(t.networkStatusExtraMessageDetail=t.networkStatusExtraMessageDetail.replace(o,"")),So(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case Sn.WaitingForConnectingWallet:n=n||je.t("Waiting for connecting wallet");break;case Sn.WaitingForQueue:n=n||je.t("Waiting for other running tasks to be finished");break;case Sn.WaitingForNetworkChange:n=n||je.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(pl,"getSwapMessages");function cl(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(cl,"getLastConvertedTokenInFailedSwap");function ul(t){return t.status==="failed"&&!!t.finishTime&&new Date().getTime()-parseInt(t.finishTime)<4*3600*1e3}i(ul,"shouldRetrySwap");function ml(t,e,o,n,r,s){return t||!e&&!Hd(n).every(a=>r.map(l=>l.chain).includes(a))||!!e&&!o||!!e&&!!o&&s&&!hn(s,o)}i(ml,"confirmSwapDisabled");function gl(t){return t?.result?.swaps[t?.result?.swaps.length-1].to.usdPrice}i(gl,"getQuoteToTokenUsdPrice");function oi(t,e){let o=t.result?.swaps||[],n=e.result?.swaps||[];return o.length!==n.length}i(oi,"isNumberOfSwapsChanged");function ni(t,e){let o=t.result?.swaps.map(r=>r.swapperId)||[],n=e.result?.swaps.map(r=>r.swapperId)||[];return!Qr(o,n)}i(ni,"isQuoteSwappersUpdated");function ri(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(ri,"isQuoteInternalCoinsUpdated");function hl(t,e){return oi(t,e)||ni(t,e)||ri(t,e)}i(hl,"isQuoteChanged");function dl(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(dl,"getRequiredBalanceOfWallet");function ft(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}i(ft,"getPriceImpactLevel");function yl(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],s=Xd(t.steps),a={blockchain:r.toBlockchain,symbol:r.toSymbol,address:r.toSymbolAddress},l=Yr(s?s.toBlockchain:n.fromBlockchain,e),p=Yr(r.toBlockchain,e),c=Kr(s?{blockchain:l?.name??"",symbol:s.toSymbol,address:s.toSymbolAddress}:{blockchain:l?.name??"",symbol:n.fromSymbol,address:n.fromSymbolAddress},o),u=Kr(a,o),h=s?s.outputAmount??"":t.inputAmount;return{fromBlockchain:l,fromToken:c,toBlockchain:p,toToken:u,inputAmount:h}}i(yl,"createRetryQuote");function wn(t,e){let{fromToken:o,toToken:n,tokens:r,userSlippage:s}=e,a=Ft(o,t.requestAmount),l=Ft(n,t.result?.outputAmount??"");if(t.result&&a&&l){let u=qe(a.toString(),l.toString());if(!!u&&Za(a,u)){let m=Cn(t.result.swaps,r),f=ft(u);return{type:0,inputUsdValue:a,outputUsdValue:l,priceImpact:u,totalFee:m,warningLevel:f}}}else if(t.result&&(!a||!l))return{type:1};let p=Tn(t),c=s>Fa;if(nl(e.userSlippage.toString(),p)){if(c&&parseFloat(p??"0")<s)return{type:3,slippage:s.toString()}}else return{type:2,recommendedSlippages:ol(t,s),minRequiredSlippage:p};return null}i(wn,"generateQuoteWarnings");function qe(t,e){let o=typeof e=="string"?parseFloat(e)<=0:!e?.gt(0),n=!t||!e||o?null:il(t.toString(),e.toString());return n&&n<0?n:null}i(qe,"getPriceImpact");var Sl=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 Ft=i((t,e)=>t?.usdPrice?new bt(e||Ie).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),X=wt(Kd()(Yd(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new bt(0),outputUsdValue:new bt(0),toBlockchain:null,toToken:null,quote:null,quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:"",quoteWarningsConfirmed:!1,setQuote:e=>t(o=>{let n=null,r=Ie;return fo(o.inputAmount)?(e&&(n=e.result?.outputAmount?new bt(e.result?.outputAmount):null,r=ll(e.result?.outputAmount,gl(e)||o.toToken?.usdPrice)),{quote:e,...!!e&&{outputAmount:n,outputUsdValue:r}}):{}}),resetQuote:()=>t(()=>({quote:null,outputAmount:null,outputUsdValue:new bt(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:Ft(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 bt(0),outputUsdValue:new bt(0),quote:null},...!!o.fromToken&&{inputUsdValue:Ft(o.fromToken,e)}}))},retry:(e,o)=>{let{tokens:n,blockchains:r}=o,{fromBlockchain:s,fromToken:a,toBlockchain:l,toToken:p,inputAmount:c}=yl(e,r,n);t({fromBlockchain:s,fromToken:a,inputAmount:c,outputAmount:null,inputUsdValue:Ft(a??null,c),outputUsdValue:new bt(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:Ft(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 Cl(){let{setInputAmount:t,setToToken:e,setToBlockchain:o,setFromBlockchain:n,setFromToken:r,fromToken:s,toToken:a,fromBlockchain:l,toBlockchain:p}=X(),c=d().config,u=d().fetchStatus,h=d().blockchains(),m=d().tokens(),{setAffiliateRef:f,setAffiliatePercent:C,setAffiliateWallets:S}=d(),y=c?.from?.tokens,g=c?.from?.blockchains,x=c?.to?.tokens,b=c?.to?.blockchains,T=vn(void 0),v=vn(void 0),I=vn(void 0),w=vn(void 0);Yt(()=>{t(c?.amount?.toString()||"")},[c?.amount]),Yt(()=>{if(u==="success"){let k=h.find(W=>W.name===c?.from?.blockchain),L=m.find(W=>Ae(W,c?.from?.token||null));(k||!k&&I.current)&&n(k??null),L?r({token:L,meta:{blockchains:h,tokens:m}}):!L&&T.current&&r({token:null}),I.current=c?.from?.blockchain,T.current=c?.from?.token}},[c?.from?.token?.symbol,c?.from?.token?.address,c?.from?.token?.blockchain,c?.from?.blockchain,u]),Yt(()=>{go(s,y)&&r({token:null}),Gr(l,g)&&n(null)},[y,g]),Yt(()=>{go(a,x)&&r({token:null}),Gr(p,b)&&o(null)},[x,b]),Yt(()=>{if(u==="success"){let k=h.find(W=>W.name===c?.to?.blockchain),L=m.find(W=>Ae(W,c?.to?.token||null));(k||!k&&w.current)&&o(k??null),L?e({token:L,meta:{blockchains:h,tokens:m}}):!L&&v.current&&e({token:null}),w.current=c?.to?.blockchain,v.current=c?.to?.token}},[c?.to?.token?.symbol,c?.to?.token?.address,c?.to?.token?.blockchain,c?.to?.blockchain,u]),Yt(()=>{f(c?.affiliate?.ref??null),C(c?.affiliate?.percent??null),S(c?.affiliate?.wallets??null)},[c?.affiliate?.ref,c?.affiliate?.percent,c?.affiliate?.wallets])}i(Cl,"useSyncStoresWithConfig");import{useEffect as ai,useRef as Jd}from"react";import{useInRouterContext as Zd,useLocation as Rd,useSearchParams as ef}from"react-router-dom";function ii(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(ii,"searchParamToToken");function si(t){if(t)return`${t.symbol}${t.address?`--${t.address}`:""}`}i(si,"tokenToSearchParam");function li(){let t=Rd(),[e,o]=ef(),{fromBlockchain:n,toBlockchain:r,fromToken:s,toToken:a,inputAmount:l,setFromBlockchain:p,setToBlockchain:c,setFromToken:u,setToToken:h,setInputAmount:m}=X(),f=d().fetchStatus,C=d().blockchains(),S=d().tokens(),y=Zd(),{updateIframe:g,updateCampaignMode:x}=d(),b=d().isInCampaignMode(),T=Jd(),v=i(()=>{let w=e.get("fromAmount"),k=e.get("fromBlockchain"),L=e.get("fromToken"),W=e.get("toBlockchain"),$=e.get("toToken"),F=e.get("autoConnect"),E=e.get("clientUrl"),P=e.get("liquiditySources");return{fromAmount:w,fromBlockchain:k,fromToken:L,toBlockchain:W,toToken:$,autoConnect:F,clientUrl:E,liquiditySources:P}},"getUrlSearchParams"),I=i(w=>{for(let k in w)w[k]||delete w[k];o(w,{replace:!0})},"updateUrlSearchParams");ai(()=>{let{autoConnect:w,clientUrl:k}=v();y&&f==="success"&&I({["fromBlockchain"]:n?.name,["fromToken"]:si(s),["toBlockchain"]:r?.name,["toToken"]:si(a),["fromAmount"]:l,["autoConnect"]:w??void 0,["clientUrl"]:k??void 0,["liquiditySources"]:b?T.current:void 0})},[t.pathname,l,n,s,r,a,b]),ai(()=>{if(!y)return;let w=v();if(!T.current&&w.liquiditySources&&(T.current=w.liquiditySources),w.fromAmount&&m(w.fromAmount),f==="success"){let k=C.find(F=>F.name===w.fromBlockchain),L=ii(S,w.fromToken,k??null),W=C.find(F=>F.name===w.toBlockchain),$=ii(S,w.toToken,W??null);k&&(p(k),L&&u({token:L,meta:{blockchains:C,tokens:S}})),W&&(c(W),$&&h({token:$,meta:{blockchains:C,tokens:S}}))}},[f]),ai(()=>{let{clientUrl:w,liquiditySources:k}=v();g("clientUrl",w||void 0),x("liquiditySources",k?.split(",")??void 0)},[])}i(li,"useSyncUrlAndStore");import{i18n as pr}from"@lingui/core";import{useManager as Dh}from"@rango-dev/queue-manager-react";import{Alert as Oc,Button as Fh,css as rs,Divider as ns,IconButton as qc,SettingsIcon as Uh,styled as Oh,Tooltip as qh,Typography as zh,WalletIcon as Gh}from"@rango-dev/ui";import pe,{useEffect as Mo,useLayoutEffect as Hh,useRef as Qh,useState as cr}from"react";import{flushSync as Vh}from"react-dom";import{useLocation as jh,useNavigate as Xh}from"react-router-dom";import{i18n as nt}from"@lingui/core";import{Alert as $i,BalanceErrors as Lg,Button as bp,ChevronDownIcon as Ng,ChevronLeftIcon as Bg,Divider as oo,MessageBox as Mg,Typography as Vn,WalletIcon as Pg}from"@rango-dev/ui";import B,{useEffect as $g,useState as Ot}from"react";import{useNavigate as _g}from"react-router-dom";import{i18n as xn}from"@lingui/core";function bn(t){switch(t.type){case 0:return xn.t("Route has been updated.");case 3:return xn.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return xn.t("Route swappers has been updated.");case 2:return xn.t("Route internal coins has been updated.");default:return""}}i(bn,"getQuoteUpdateWarningMessage");import{Modal as of}from"@rango-dev/ui";import nf from"react";function ie(t){let{watermark:e}=ee();return nf.createElement(of,{hasWatermark:e==="FULL",...t},t.children)}i(ie,"WatermarkedModal");import Wn,{useRef as af}from"react";import*as Jt from"@radix-ui/react-collapsible";import{keyframes as Tl,styled as In}from"@rango-dev/ui";var pi=300,rf=Tl({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),sf=Tl({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),kl=In(Jt.Root,{borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),ci=In(Jt.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit",cursor:"pointer"}),An=In(Jt.Content,{overflow:"hidden",variants:{open:{true:{animation:`${rf} ${pi}ms ease-out`},false:{animation:`${sf} ${pi}ms ease-out`}}}}),En=In("div",{transition:`all ${pi}ms ease`,display:"flex",alignItems:"center",variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}});function Ln(t){let{open:e,hasSelected:o,onOpenChange:n,children:r,onClickTrigger:s,trigger:a,triggerAnchor:l}=t,p=af(null);return Wn.createElement(kl,{ref:p,className:"collapsible_root",selected:o&&e,open:e,onOpenChange:n},l==="top"&&Wn.createElement(ci,{className:"collapsible_trigger",onClick:s},a),Wn.createElement(An,{className:"collapsible_content",open:e},r),l==="bottom"&&Wn.createElement(ci,{className:"collapsible_trigger",onClick:s},a))}i(Ln,"CustomCollapsible");import{Button as lf,css as wl,darkTheme as Zt,IconButton as pf,styled as ze,TextField as cf}from"@rango-dev/ui";var vl=ze("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),xl=ze("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),uf=ze("button",{borderRadius:"$xm",padding:"$10",border:"0",display:"flex",justifyContent:"center",$$color:"$colors$neutral100",[`.${Zt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",alignItems:"center",cursor:"pointer",width:110,position:"relative","&:hover":{$$color:"$colors$info100",[`.${Zt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$color:"$colors$info100",[`.${Zt} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color",outline:0},variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary",outlineStyle:"solid"}}}}),bl=ze(uf,{alignSelf:"stretch",minHeight:"93px"}),Il=ze("div",{padding:"$20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),Al=ze(pf,{position:"absolute",left:"$20"}),El=ze("div",{paddingTop:"$20"}),Wl=wl({display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),Ll=ze("div",{padding:"$10 $0","& .button__content":{display:"flex",alignItems:"center"},"& .alarms":{paddingTop:"$5"},"& .collapsible_content":{backgroundColor:"$neutral100"},"& .collapsible_root":{backgroundColor:"$neutral200"}}),Nl=wl({paddingTop:"$5"}),Bl=ze("div",{display:"flex"}),Ml=ze(cf,{backgroundColor:"$neutral100",padding:"$0 $15 $15 $15"}),Pl=ze("div",{overflow:"visible",width:"100%"}),$l=ze(lf,{width:"100%",borderRadius:"$sm !important",padding:"$15 !important",justifyContent:"space-between",alignItems:"center",$$color:"$colors$neutral100",[`.${Zt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color","&:hover":{$$color:"$colors$info100",[`.${Zt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$background:"$colors$info100",[`.${Zt} &`]:{$$background:"$colors$info700"},backgroundColor:"$$background",outline:0}});import{i18n as Ke}from"@lingui/core";import{Button as Ig,Divider as Mi,Image as Ag,MessageBox as Qn,SelectableWallet as Eg,Typography as kp,WalletState as wp}from"@rango-dev/ui";import ae,{useEffect as vp,useState as wo}from"react";import{WalletState as ui}from"@rango-dev/ui";import{useWallets as mf}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as df,WalletTypes as Nn}from"@rango-dev/wallets-shared";import{useEffect as ff,useState as gf}from"react";var hf=Object.values(Nn);function Bn(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:s,disconnect:a,getWalletInfo:l,connect:p}=mf(),{connectedWallets:c}=V(),u=d().blockchains(),h=Wa(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||hf,m=ga(s,l,h,o),f=wa(m),[C,S]=gf(""),y=i(v=>!c.find(I=>I.walletType===v&&I.chain===o),"isExperimentalChainNotAdded"),g=i(async v=>{let I=s(v);try{if(C&&S(""),I.connected)await a(v);else{let w=!!m.find(k=>k.state===ui.CONNECTED);if(!e?.multiWallets&&w)return;n?.(v),await p(v),r?.(v)}}catch(w){S("Error: "+w?.message)}},"handleClick"),x=i(()=>{let v=m?.filter(I=>I.state===ui.CONNECTING)||[];for(let I of v)a(I.type)},"disconnectConnectingWallets");ff(()=>()=>{x()},[]);let b=i(v=>v.filter(w=>w.state!=ui.NOT_INSTALLED&&![Nn.DEFAULT,Nn.WALLET_CONNECT_2].includes(w.type)&&l(w.type).supportedChains.filter(k=>k.type=="EVM").length>0).length==0,"shouldShowDefaultInjectedWallet"),T=i((v,I,w)=>nn(w,I)&&y(v)&&!df.includes(v)||v==Nn.DEFAULT&&!b(m),"shouldExcludeWallet");return{list:f.filter(v=>!T(v.type,o??"",u)),error:C,handleClick:g}}i(Bn,"useWalletList");import{i18n as fp}from"@lingui/core";import{styled as hp,Typography as Cg,Wallet as Tg,WalletState as kg}from"@rango-dev/ui";import to,{useState as gp}from"react";import{useManager as pg}from"@rango-dev/queue-manager-react";import{BottomLogo as cg,Divider as sp,Header as ug}from"@rango-dev/ui";import de,{useEffect as ap,useRef as lp}from"react";import{useRef as yf}from"react";function Mn(){return window.self!==window.top}i(Mn,"isAppLoadedIntoIframe");function mi(){let t=yf(null),{iframe:e}=d(),o=Mn()&&e.clientUrl,n=i(a=>{o&&window.top?.postMessage(a,e.clientUrl)},"send");return{send:n,connectHeightObserver:i(a=>{t.current=new ResizeObserver(l=>{for(let p of l)n({type:"widget_height",data:{height:p.contentRect.height}})}),t.current.observe(a)},"connectHeightObserver"),disconnectHeightObserver:i(()=>{t.current&&(t.current.disconnect(),t.current=null)},"disconnectHeightObserver")}}i(mi,"useIframe");import{useNavigate as Sf}from"react-router-dom";function It(){let t=Sf();return()=>t(-1)}i(It,"useNavigateBack");import{createTheme as hi,darkTheme as vf,lightTheme as xf}from"@rango-dev/ui";import{useEffect as Ul,useState as bf}from"react";import{theme as kf,darkColors as wf}from"@rango-dev/ui";var _l=i((t,e)=>{t=t.replace(/^#/,""),t.length===3&&(t=t[0]+t[0]+t[1]+t[1]+t[2]+t[2]);let[s,a,l]=t.match(/.{2}/g);[s,a,l]=[parseInt(s,16)+e,parseInt(a,16)+e,parseInt(l,16)+e],s=Math.max(Math.min(255,s),0).toString(16),a=Math.max(Math.min(255,a),0).toString(16),l=Math.max(Math.min(255,l),0).toString(16);let p=(s.length<2?"0":"")+s,c=(a.length<2?"0":"")+a,u=(l.length<2?"0":"")+l;return`#${p}${c}${u}`},"colorShade"),Pn=i((t,e)=>{let a={[t]:e};for(let l=1;l<10;l++)l<5&&(a={...a,[t+l*100]:_l(e,(5-l)*25)}),l===5&&(a={...a,[t+l*100]:e}),l>5&&(a={...a,[t+l*100]:_l(e,-((l-5)*25))});return a},"generateRangeColors"),di=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=Pn(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,...Pn(s,a)}}return n?r:{}},"generateColors");var Dl=i(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),Cf=i(t=>{let e="",o;for(o=Math.abs(t);o>52;o=o/52|0)e=Dl(o%52)+e;return Dl(o%52)+e},"toAlphabeticName"),Tf=i((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),fi=i(t=>Cf(Tf(5381,JSON.stringify(t))>>>0),"toHash");function gi(t){let e=kf.colors,o=di({...e,...wf},!0,t?.dark),n=di(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:`${zr}-light-${fi(p)}`,tokens:p}}if(r){let p={colors:o};l={id:`${zr}-dark-${fi(p)}`,tokens:p}}return{light:a,dark:l}}i(gi,"customizedThemeTokens");function Fl(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(Fl,"joinList");function $n(t){let{colors:e,fontFamily:o=Ea,borderRadius:n=Ia,secondaryBorderRadius:r=Aa,mode:s="auto"}=t,[a,l]=bf("light"),{setTheme:p,theme:c}=d(),{dark:u,light:h}=gi(e),m=hi({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),f=[m.className,xf.className],C=[m.className,vf.className];if(h){let y=hi(h.id,h.tokens);f.push(y.className)}if(u){let y=hi(u.id,u.tokens);C.push(y.className)}return Ul(()=>{let y=i(g=>{g.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",y),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",y)}},[]),Ul(()=>{s!=="auto"&&p(s)},[s]),{activeTheme:i(()=>{let y=f.join(" "),g=C.join(" ");return c==="auto"?a==="dark"?g:y:c==="dark"?g:y},"getActiveTheme")}}i($n,"useTheme");var At=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");import{i18n as Ol}from"@lingui/core";import{Alert as If,Button as Af}from"@rango-dev/ui";import ql from"react";function yi(t){return ql.createElement(If,{action:ql.createElement(Af,{onClick:t.onActivateTab,variant:"contained",size:"xxsmall",type:"warning"},Ol.t("Activate")),type:"warning",variant:"alarm",title:Ol.t("Another tab is open and handles transactions. You can activate this tab.")})}i(yi,"ActivateTabAlert");import{i18n as Si}from"@lingui/core";import{Button as Ef,Divider as Wf,MessageBox as Lf}from"@rango-dev/ui";import _n from"react";function Ci(t){let{open:e,onClose:o,onConfirm:n}=t;return _n.createElement(ie,{open:e,dismissible:!0,onClose:o,container:N()},_n.createElement(Lf,{title:Si.t("Activate current tab"),type:"warning",description:Si.t("Currently, some transactions are running and being handled by other browser tab. If you activate this tab, all transactions that are already in the transaction sign step will expire.")},_n.createElement(Wf,{size:20}),_n.createElement(Ef,{variant:"contained",size:"large",type:"primary",fullWidth:!0,onClick:n},Si.t("Confirm"))))}i(Ci,"ActivateTabModal");import{ChevronLeftIcon as Mf}from"@rango-dev/ui";import Ql from"react";import{darkTheme as Nf,IconButton as Bf,styled as Co}from"@rango-dev/ui";var Ge=Co(Bf,{width:"$24",position:"relative",padding:"0",overflow:"unset"}),zl=Co("div",{position:"absolute",background:"$secondary500",[`.${Nf} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),Rt=Co("div",{display:"flex",justifyContent:"flex-end",minWidth:"$40",button:{padding:0}}),Gl=Co("div",{position:"absolute",backgroundColor:"$secondary500",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0"}),Hl=Co("div",{padding:"$2",variants:{isRefetched:{true:{transform:"rotate(360deg)",transition:"transform 1s ease-in-out"}}}});function Ti(t){return Ql.createElement(Ge,{variant:"ghost",size:"small",onClick:t.onClick},Ql.createElement(Mf,{color:"black",size:16}))}i(Ti,"BackButton");import{i18n as Pf}from"@lingui/core";import{Button as $f,Typography as _f}from"@rango-dev/ui";import ki from"react";function wi(t){return ki.createElement(Rt,null,ki.createElement($f,{variant:"ghost",onClick:t.onClick,size:"xsmall"},ki.createElement(_f,{variant:"label",size:"medium",color:"error500"},Pf.t("Cancel"))))}i(wi,"CancelButton");import{i18n as Df}from"@lingui/core";import{Tooltip as Ff,WalletIcon as Uf}from"@rango-dev/ui";import Dn from"react";function vi(t){return Dn.createElement(Ff,{container:t.container,side:"top",content:Df.t("Connect Wallet")},Dn.createElement(Ge,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&Dn.createElement(zl,null),Dn.createElement(Uf,{size:18,color:"black"})))}i(vi,"WalletButton");import{i18n as qn}from"@lingui/core";import{NotificationsIcon as ig,Popover as sg,SettingsIcon as ag,Tooltip as zn,TransactionIcon as lg}from"@rango-dev/ui";import Ce from"react";import{i18n as jf}from"@lingui/core";import{EventSeverity as Xf}from"@rango-dev/queue-manager-rango-preset";import{ChainToken as Jl,ChevronRightIcon as Kf,ListItemButton as Yf,Typography as Jf}from"@rango-dev/ui";import Xe from"react";import{useNavigate as Zf}from"react-router-dom";import{create as Of}from"zustand";import{persist as qf,subscribeWithSelector as zf}from"zustand/middleware";var _e=wt(Of()(qf(zf((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,address:r.fromSymbolAddress,symbol:r.fromSymbol},to:{blockchain:s.toBlockchain,address:s.toSymbolAddress,symbol:s.toSymbol}}},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 Fn}from"@rango-dev/ui";var Vl=Fn("div",{padding:"$10",width:"350px",maxWidth:"90vw",minHeight:"150px"}),jl=Fn("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),Xl=Fn("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),Kl=Fn("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as Gf}from"@lingui/core";import{Divider as Hf,NoNotificationIcon as Qf,Typography as Vf}from"@rango-dev/ui";import Un from"react";function Yl(){return Un.createElement(Kl,null,Un.createElement(Qf,{color:"secondary",size:26}),Un.createElement(Hf,{size:12}),Un.createElement(Vf,{variant:"body",size:"medium",color:"neutral700"},Gf.t("There are no notifications.")))}i(Yl,"NotificationNotFound");var Rf=4;function xi(){let t=Zf(),{getUnreadNotifications:e}=_e(),o=e(),n=d().blockchains(),r=d().tokens(),s=o.sort((l,p)=>p.creationTime-l.creationTime).slice(0,Rf),a=i(l=>{t(`${_.swaps}/${l}`)},"handleOnClick");return Xe.createElement(Vl,null,s.length?Xe.createElement(jl,null,s.map(l=>{let{route:p,requestId:c,event:u}=l,h=r.find(S=>Ae(S,p.from)),m=n.find(S=>S.name===p.from.blockchain),f=r.find(S=>Ae(S,p.to)),C=n.find(S=>S.name===p.to.blockchain);return Xe.createElement(Yf,{key:c,onClick:()=>a(c),title:Xe.createElement(Jf,{variant:"body",size:"small",color:u.messageSeverity===Xf.WARNING?"$foreground":"$neutral700"},jf.t(u.message)),id:c,start:Xe.createElement(Xl,null,Xe.createElement("div",{className:"from-chain-token"},Xe.createElement(Jl,{tokenImage:h?h.image:"",chainImage:m?m.logo:"",size:"small"})),Xe.createElement("div",{className:"to-chain-token"},Xe.createElement(Jl,{tokenImage:f?f.image:"",chainImage:C?C.logo:"",size:"small"}))),end:Xe.createElement(Kf,{size:12,color:"gray"})})})):Xe.createElement(Yl,null))}i(xi,"NotificationContent");import{RefreshProgressButton as eg}from"@rango-dev/ui";import bi,{useEffect as tg,useState as Zl}from"react";var og=1e3,Rl=60,ng=100;function On({onClick:t}){let[e,o]=Zl(0),[n,r]=Zl(!1),s=i(p=>{document.hidden&&p&&a(p)},"handleVisibilityChange");tg(()=>{let p;return t?p=window.setInterval(()=>{o(c=>c+1),e===Rl&&l()},og):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 bi.createElement(Ge,{variant:"ghost",size:"small",onClick:l,disabled:!t},bi.createElement(Hl,{onTransitionEnd:()=>r(!1),isRefetched:n},bi.createElement(eg,{size:24,color:t?"black":"gray",progress:e/Rl*ng})))}i(On,"RefreshButton");import{Typography as rg}from"@rango-dev/ui";import ep from"react";function tp(){let{getUnreadNotifications:t}=_e(),e=t().length;return e?ep.createElement(Gl,null,ep.createElement(rg,{variant:"body",size:"xsmall",color:"$background"},e)):null}i(tp,"UnreadNotificationsBadge");function Ii(t){let{onClickRefresh:e,onClickHistory:o,onClickSettings:n}=t,{config:{features:r}}=d(),s=Ue("notification",r);return Ce.createElement(Ce.Fragment,null,Ce.createElement(zn,{container:N(),side:"top",content:qn.t("Refresh")},Ce.createElement(On,{onClick:e})),!s&&Ce.createElement(sg,{align:"end",alignOffset:-88,collisionPadding:{right:20,left:20},container:N(),content:Ce.createElement(xi,null)},Ce.createElement("div",null,Ce.createElement(zn,{container:N(),side:"top",content:qn.t("Notifications")},Ce.createElement(Ge,{size:"small",variant:"ghost"},Ce.createElement(ig,{size:18,color:"black"}),Ce.createElement(tp,null))))),Ce.createElement(zn,{container:N(),side:"top",content:qn.t("Settings")},Ce.createElement(Ge,{size:"small",variant:"ghost",onClick:n},Ce.createElement(ag,{size:18,color:"black"}))),Ce.createElement(zn,{container:N(),side:"top",content:qn.t("Transactions History")},Ce.createElement(Ge,{size:"small",variant:"ghost",onClick:o},Ce.createElement(lg,{size:18,color:"black"}))))}i(Ii,"HomeButtons");function Ai(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(Ai,"onScrollContentAttachStatusToContainer");import{styled as Ei}from"@rango-dev/ui";var op="700px",np=Ei("div",{position:"relative",display:"flex",flexDirection:"column",borderRadius:"$primary",width:"100vw",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:op},fixed:{height:op}}}}),rp=Ei("div",{position:"relative",overflow:"hidden",flexGrow:1,display:"flex",flexDirection:"column",padding:0,overflowY:"auto"}),ip=Ei("div",{padding:"0 $20 $10","& .footer__logo":{opacity:0,transition:"opacity 1s ease-in-out","&.logo__show":{opacity:1},"&.logo__hidden":{visibility:"hidden"}}});function ne(t){let{connectHeightObserver:e,disconnectHeightObserver:o}=mi(),{children:n,header:r,footer:s,height:a="fixed"}=t,l=V.use.connectedWallets(),{config:{features:p,theme:c}}=d(),{watermark:u}=ee(),h=u==="FULL",{activeTheme:m}=$n(c||{}),f=Ue("connectWalletButton",p),{isActiveTab:C,tabManagerInitiated:S,showActivateTabModal:y,setShowActivateTabModal:g,activateCurrentTab:x}=ee(),b=It(),{manager:T}=pg(),I=At(T).map(({swap:F})=>F).some(F=>F.status==="running"),w=i(()=>x(_t.forceClaim,I),"onActivateTab"),k=i(()=>{r.onWallet?.()},"onConnectWallet"),L=typeof r.hasBackButton>"u"||r.hasBackButton,W=lp(null),$=lp(null);return ap(()=>(Mn()&&$.current&&e($.current),()=>{o()}),[]),ap(()=>(W.current?.addEventListener("scroll",Ai),()=>{W.current?.removeEventListener("scroll",Ai)}),[]),de.createElement(np,{height:a,id:be.SWAP_BOX_ID,className:m(),ref:$},de.createElement(ug,{prefix:de.createElement(de.Fragment,null,L&&de.createElement(Ti,{onClick:b})),title:r.title,suffix:de.createElement(de.Fragment,null,r.suffix,r.onWallet&&!f&&de.createElement(vi,{container:N(),onClick:k,isConnected:!!l?.length}),r.onCancel&&de.createElement(wi,{onClick:r.onCancel}))}),de.createElement(rp,{ref:W},n),de.createElement(Ci,{open:y,onClose:()=>g(!1),onConfirm:w}),de.createElement(ip,null,de.createElement("div",{className:"footer__content"},s,S&&!C&&de.createElement(de.Fragment,null,de.createElement(sp,{size:12}),de.createElement(yi,{onActivateTab:w}))),de.createElement(sp,{size:12}),de.createElement("div",{className:`footer__logo ${h?"logo__show":"logo__hidden"}`},de.createElement(cg,null))))}i(ne,"Layout");import{styled as mg}from"@rango-dev/ui";var pp="$20 $20 $10 $20",To=mg("div",{padding:pp,overflowY:"auto",flexGrow:1});import{styled as dg}from"@rango-dev/ui";var se=dg("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 Sg}from"@rango-dev/ui";import Li from"react";import{i18n as eo}from"@lingui/core";import{Image as hg,MessageBox as Wi,WalletState as yg}from"@rango-dev/ui";import Ut from"react";import{keyframes as fg,styled as Gn}from"@rango-dev/ui";var TA=Gn("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),cp=Gn("div",{position:"relative"}),gg=fg({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),up=Gn("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${gg} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),mp=Gn("div",{"& img":{borderRadius:"50%"}});function dp(t){let{state:e,image:o,error:n}=t;return e===yg.CONNECTED?Ut.createElement(Wi,{type:"success",title:eo.t("Wallet Connected"),description:eo.t("Your wallet is connected, you can use it to swap.")}):n?Ut.createElement(Wi,{type:"error",title:eo.t("Failed to Connect"),description:n||eo.t("Your wallet is not connected. Please try again.")}):Ut.createElement(Wi,{type:"loading",title:eo.t("Connecting to your wallet"),description:eo.t("Click connect in your wallet popup."),icon:Ut.createElement(cp,null,Ut.createElement(mp,null,Ut.createElement(hg,{src:o,size:45})),Ut.createElement(up,null))})}i(dp,"ModalContent");function ko(t){let{open:e,onClose:o,...n}=t;return Li.createElement(ie,{open:e,onClose:o,container:document.getElementById(be.SWAP_BOX_ID)||document.body},Li.createElement(dp,{...n}),Li.createElement(Sg,{direction:"vertical",size:32}))}i(ko,"WalletModal");var wg=hp("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),vg=hp(se,{textAlign:"center"}),Hn=3e3,Ni=300;function yp(){let{config:t,fetchStatus:e}=d(),[o,n]=gp(!1),[r,s]=gp(""),a=null,l=ee.use.isActiveTab(),{list:p,handleClick:c,error:u}=Bn({config:t,onBeforeConnect:C=>{a=setTimeout(()=>{n(!0),s(C)},Ni)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},Hn)}}),h=p.find(C=>C.type===r),m=h?.image||"",f=h?.state||kg.NOT_INSTALLED;return to.createElement(ne,{header:{title:fp.t("Connect Wallets")}},to.createElement(vg,null,to.createElement(Cg,{variant:"title",size:"xmedium",align:"center"},fp.t("Choose a wallet to connect.")),to.createElement(wg,null,p.map((C,S)=>{let y=`wallet-${S}-${C.type}`;return to.createElement(Tg,{key:y,...C,container:N(),onClick:g=>{c(g)},isLoading:e==="loading",disabled:!l})}),to.createElement(ko,{open:!!o,onClose:()=>n(!1),image:m,state:f,error:u}))))}i(yp,"WalletsPage");import{keyframes as xg,styled as Bi}from"@rango-dev/ui";var Sp=Bi("div",{position:"relative"}),bg=xg({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),Cp=Bi("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${bg} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),Tp=Bi("div",{"& img":{borderRadius:"50%"}});var Wg=7;function Pi(t){let{chain:e,isSelected:o,selectWallet:n,limit:r,onShowMore:s}=t,{config:a}=d(),l=ee.use.isActiveTab(),p=V.use.connectedWallets(),{blockchains:c}=d(),[u,h]=wo(""),[m,f]=wo(null),[C,S]=wo(!1),[y,g]=wo(null),{suggestAndConnect:x}=xp(),b=null,{list:T,error:v,handleClick:I}=Bn({config:a,chain:e,onBeforeConnect:E=>{b=setTimeout(()=>{h(E)},Ni)},onConnect:()=>{b&&clearTimeout(b),setTimeout(()=>{h("")},Hn)}}),[w,k]=wo(T),L=T.length,W=r&&L-r>0,$=i(async E=>{S(!1),g("in-progress");try{await x(E.walletType,E.chain),g("completed")}catch{g("rejected")}},"addExperimentalChain");vp(()=>{k(E=>{let P=T.findIndex(J=>o(J.type,e));return W&&P>1?[T[P]].concat(T.filter((J,re)=>re!==P)):E.map(J=>T.find(re=>re.type===J.type)??J)})},[JSON.stringify(T)]);let F=document.getElementById(be.SWAP_BOX_ID);return vp(()=>{let E=null;return(y==="completed"||y==="rejected")&&(E=setTimeout(()=>g(null),Hn)),()=>{E&&clearTimeout(E)}},[y]),ae.createElement(ae.Fragment,null,w.slice(0,r).map(E=>{let P=va({connectedWallets:p,walletType:E.type,chain:e}),J=P?sn(P,Wg):"",re=nn(c(),e),ce=!p.find(ke=>ke.walletType===E.type&&ke.chain===e),Q=re&&ce&&E.state===wp.CONNECTED,Ne=Q?Ke.t({id:"Add {chain} chain",values:{chain:e}}):J,K=i(()=>{E.state===wp.DISCONNECTED?I(E.type):Q?(f({walletType:E.type,chain:e,address:P??""}),S(!0)):n({walletType:E.type,chain:e,address:P??""})},"onClick"),q=m?.chain?Ya(m.chain,c()):void 0;return ae.createElement(ae.Fragment,null,ae.createElement(ko,{open:u===E.type,onClose:()=>h(""),image:E.image,state:E.state,error:v}),!!m&&ae.createElement(ie,{open:!!m&&C,container:F,onClose:()=>{f(null)}},ae.createElement(Qn,{title:Ke.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:q}}),type:"warning",description:Ke.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:q}})},ae.createElement(Mi,{size:18}),ae.createElement(Mi,{size:32}),ae.createElement(Ig,{onClick:$.bind(null,m),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},Ke.t("Confirm")))),y&&ae.createElement(ie,{open:!!y,onClose:g.bind(null,null),container:F},y==="in-progress"&&ae.createElement(Qn,{type:"loading",title:Ke.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:q}}),description:Ke.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:q}}),icon:ae.createElement(Sp,null,ae.createElement(Tp,null,ae.createElement(Ag,{src:E.image,size:45})),ae.createElement(Cp,null))}),y==="completed"&&ae.createElement(Qn,{type:"success",title:Ke.t({id:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:q}}),description:Ke.t({id:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:q}})}),y==="rejected"&&ae.createElement(Qn,{type:"error",title:Ke.t("Request Rejected"),description:Ke.t({id:"You've rejected adding {blockchainDisplayName} chain to your wallet.",values:{blockchainDisplayName:q}})}),ae.createElement(Mi,{direction:"vertical",size:32})),ae.createElement(Eg,{key:E.type,description:Ne,onClick:K,selected:o(E.type,e),disabled:!l,...E}))}),W&&ae.createElement(bl,{selected:!1,onClick:s},ae.createElement(kp,{variant:"label",size:"medium"},Ke.t("Show more wallets"),ae.createElement(kp,{variant:"label",size:"medium",color:"$primary"},"\xA0+",L-(r??0)))))}i(Pi,"WalletList");var Dg=2;function Ip(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,loading:s}=t,a=d().config,l=d().blockchains(),{quote:p,setSelectedWallets:c,quoteWalletsConfirmed:u,setQuoteWalletConfirmed:h,customDestination:m,setCustomDestination:f}=X(),{connectedWallets:C,selectWallets:S}=V(),[y,g]=Ot(""),[x,b]=Ot([]),[T,v]=Ot(""),[I,w]=Ot(null),[k,L]=Ot(m),[W,$]=Ot(!!m),F=gn(p),E=l.find(U=>U.name===p?.result?.swaps[p?.result?.swaps.length-1].to.blockchain),P=i(U=>!!p?.result?.swaps.find(Y=>Y.from.blockchain===U),"isWalletRequiredFor"),[J,re]=Ot(C.filter(U=>U.selected&&F.includes(U.chain))),ce=l.find(U=>U.name===E?.name),Q=i((U,Y)=>!!J.find(Z=>Z.walletType===U&&Z.chain===Y&&Z.selected&&(P(Y)||!P(Y)&&!k)),"isSelected"),Ne=!!k&&W&&ce&&!hn(ce,k),K=i(()=>{$(!1),L(""),re(U=>{let Y=!1;return U.map(Z=>!Y&&Z.chain===E?.name?(Y=!0,{...Z,selected:!0}):Z)})},"resetCustomDestination"),q=i(U=>{if(y&&g(""),Q(U.walletType,U.chain))return;let Z=C.find(me=>me.walletType===U.walletType&&me.chain===U.chain);Z&&(n(),U.chain===E?.name&&W&&($(!1),L("")),re(me=>me.filter(we=>we.chain!==U.chain).concat({...Z,selected:!0})))},"onChange"),ke=i(()=>{let U=J.filter(Y=>Y.selected);S(U),c(U),f(k),h(!0),o()},"onConfirmBalance"),ut=i(async()=>{b([]),v(""),w(null);let U=C.filter(me=>J.find(we=>we.chain===me.chain&&we.walletType===me.walletType)),Y=await r?.({selectedWallets:U,customDestination:k}),Z=Y.warnings;Z?.balance?.messages&&b(Z.balance.messages),Z?.quoteUpdate&&w(Z.quoteUpdate),Y.error&&v(Ja(Y.error)),!Y.error&&(!Z?.balance?.messages.length||0>0)?ke():b(Z?.balance?.messages??[])},"onConfirmWallets");$g(()=>{re(U=>U.concat(C.filter(Y=>!!!U.find(me=>me.chain===Y.chain)&&Y.selected&&F.includes(Y.chain))))},[C.length]);let Be=document.getElementById(be.SWAP_BOX_ID),mt=_g();return B.createElement(ie,{open:e,onClose:()=>{u||mt("../",{replace:!0}),o()},dismissible:!y,container:Be,...!y&&{footer:B.createElement(Bl,null,B.createElement(bp,{loading:s,disabled:ml(s,W,k,p,J,E),onClick:ut,variant:"contained",type:"primary",fullWidth:!0,size:"large"},nt.t("Confirm")))},...y&&{containerStyle:{padding:"$0"},header:B.createElement(Il,null,B.createElement(Al,{variant:"ghost",onClick:g.bind(null,"")},B.createElement(Bg,{size:16})),B.createElement(Vn,{variant:"headline",size:"small"},nt.t({id:"Your {blockchainName} wallets",values:{blockchainName:Oe(y,l)}})))},anchor:"center"},B.createElement(ie,{open:x.length>0,onClose:b.bind(null,[]),container:Be},B.createElement(Mg,{title:nt.t("Insufficient account balance"),type:"error",description:B.createElement(Lg,{messages:x??[]})},B.createElement(bp,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:ke},nt.t("Proceed anyway")))),y&&B.createElement(El,null,B.createElement("div",{className:Wl()},B.createElement(Pi,{chain:y,isSelected:Q,selectWallet:q,onShowMore:g.bind(null,y)}))),!y&&B.createElement(B.Fragment,null,T&&B.createElement(B.Fragment,null,B.createElement($i,{variant:"alarm",type:"error",title:nt.t(T)}),B.createElement(oo,{size:12})),I&&B.createElement(B.Fragment,null,B.createElement($i,{variant:"alarm",type:"warning",title:bn(I)}),B.createElement(oo,{size:12})),B.createElement(Pl,null,F.map((U,Y)=>{let Z=l.find(Ve=>Ve.name===U),me=`wallet-${Y}`,we=Y===F.length-1;return B.createElement("div",{key:me},B.createElement(vl,null,B.createElement(Vn,{variant:"title",size:"xmedium"},nt.t({id:"Your {blockchainName} wallets",values:{blockchainName:Z?.shortName}})),B.createElement(Vn,{variant:"label",color:"$neutral700",size:"medium"},nt.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:Z?.shortName}}))),B.createElement(oo,{size:24}),B.createElement(xl,null,B.createElement(Pi,{chain:U,isSelected:Q,selectWallet:q,limit:Dg,onShowMore:()=>g(Z?.name??"")})),!we&&B.createElement(oo,{size:32}),we&&a?.customDestination&&B.createElement(Ll,null,B.createElement(Ln,{onOpenChange:Ve=>{Ve?P(E?.name??"")||re(Dr=>Dr.map($e=>$e.chain===E?.name?{...$e,selected:!1}:$e)):K()},hasSelected:!0,open:W,triggerAnchor:"top",trigger:B.createElement($l,{fullWidth:!0,variant:"default",suffix:B.createElement(En,{orientation:W?"up":"down"},B.createElement(Ng,{size:10,color:"gray"}))},B.createElement("div",{className:"button__content"},B.createElement(Pg,{size:18,color:"info"}),B.createElement(oo,{size:4,direction:"horizontal"}),B.createElement(Vn,{variant:"label",size:"medium"},nt.t("Send to a different address")))),onClickTrigger:()=>$(Ve=>!Ve)},B.createElement(oo,{size:4}),B.createElement(Ml,{autoFocus:!0,placeholder:nt.t("Your destination address"),value:k,onChange:Ve=>{L(Ve.target.value)}})),Ne&&B.createElement("div",{className:Nl()},B.createElement($i,{variant:"alarm",type:"error",title:nt.t({values:{destination:k},id:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}i(Ip,"ConfirmWalletsModal");import{i18n as eh}from"@lingui/core";import{Alert as th,Button as oh,InfoIcon as nh}from"@rango-dev/ui";import De from"react";import{Alert as Fg,Button as Ug,Divider as Bp,NoRouteIcon as Og,RefreshIcon as qg,Typography as Mp}from"@rango-dev/ui";import Ye from"react";import{i18n as Ap}from"@lingui/core";function Ep(t,e,o,n){return t?.type===1?{alert:{type:"warning",text:j().genericServerError,action:{onClick:n,title:Ap.t("Retry")}},description:""}:e.length?{alert:{type:"warning",text:j().liquiditySourcesError.title,action:{onClick:()=>o(!0),title:Ap.t("Reset")}},description:j().liquiditySourcesError.description}:t?.type===0&&t.diagnosisMessage?{alert:{type:"error",text:t.diagnosisMessage,action:null},description:""}:{alert:null,description:j().noResultError.description}}i(Ep,"makeInfo");import{styled as _i}from"@rango-dev/ui";var Wp=_i("div",{minHeight:"162px",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"}),Lp=_i("div",{width:"100%"}),Np=_i("div",{padding:"$6 $0"});function Di(t){let{fetch:e,error:o}=t,n=d().getDisabledLiquiditySources(),r=d().toggleAllLiquiditySources,s=d().swappers(),a=Ep(o,n,()=>r(s,!0),e);return Ye.createElement(Wp,null,Ye.createElement(Og,{size:24,color:"gray"}),Ye.createElement(Bp,{size:4}),Ye.createElement(Mp,{variant:"title",size:"small"},j().noResultError.title),!!a.description&&Ye.createElement(Mp,{variant:"body",size:"small",align:"center",color:"neutral700"},a.description),Ye.createElement(Bp,{size:4}),!!a.alert&&Ye.createElement(Lp,null,Ye.createElement(Fg,{type:a.alert.type,title:a.alert.text,action:a.alert.action&&Ye.createElement(Ug,{size:"xsmall",type:a.alert.type,prefix:Ye.createElement(Np,null,Ye.createElement(qg,{size:8})),onClick:a.alert.action.onClick},a.alert.action.title),variant:"alarm"})))}i(Di,"NoResult");import{i18n as vo}from"@lingui/core";import{Button as Gg,Divider as Up,MessageBox as Hg,Typography as Qg,WarningIcon as Vg}from"@rango-dev/ui";import rt from"react";import{Typography as Dp}from"@rango-dev/ui";import Ui from"react";import{darkTheme as zg,styled as jn}from"@rango-dev/ui";var Pp=jn("div",{width:"100%"}),Fi=jn("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),$p=jn("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%","._title":{$$color:"$colors$neutral600",[`.${zg} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),_p=jn("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});function Fp(t){let{title:e,value:o,valueColor:n}=t;return Ui.createElement($p,null,Ui.createElement(Dp,{size:"medium",variant:"label",className:"_title"},e),Ui.createElement(Dp,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}i(Fp,"QuoteErrorsModalItem");function Op(t){let{open:e,onClose:o,onConfirm:n,warning:r,confirmationDisabled:s}=t,a=r.warningLevel==="high"?"error":"warning",l=[{title:vo.t("Swapping"),value:A(r.inputUsdValue,4,4)},{title:vo.t("Gas cost"),value:A(r.totalFee,2,2)},{title:vo.t("Receiving"),value:A(r.outputUsdValue,4,4)},{title:vo.t("Price impact"),value:A(r.priceImpact,2,2),valueColor:`${a}500`}];return rt.createElement(ie,{open:e,onClose:o,container:N()},rt.createElement(Hg,{type:a,title:j().highValueLossError.impactTitle,description:j().highValueLossError.description}),rt.createElement(Fi,null,rt.createElement(Up,{size:20}),rt.createElement(Qg,{size:"small",variant:"title"},vo.t("Details")),rt.createElement(Fi,null,l.map((p,c)=>rt.createElement(Fp,{key:c,...p})))),rt.createElement(Up,{size:32}),rt.createElement(Gg,{type:"primary",size:"large",prefix:rt.createElement(Vg,null),fullWidth:!0,disabled:s,onClick:n},j().highValueLossError.confirmMessage))}i(Op,"HighValueLossWarningModal");import{i18n as Oi}from"@lingui/core";function qp(t,e){let o={alertType:"warning",title:"",action:"show-info"};return t?(t.type===0&&(ft(t.priceImpact)==="high"&&(o.alertType="error"),o.action=null,o.title=j().highValueLossError.title),t.type===1&&(o.title=j().unknownPriceError.title),t.type===2&&(o.title=Oi.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=Oi.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=Oi.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(qp,"makeAlerts");import{i18n as io}from"@lingui/core";import{Button as zp,Divider as Gp,MessageBox as jg,Typography as Xg}from"@rango-dev/ui";import qt from"react";import{useNavigate as Kg}from"react-router-dom";function Hp(t){let{customSlippage:e,slippage:o}=d(),{open:n,onClose:r,onConfirm:s,warning:a,confirmationDisabled:l}=t,p=Kg(),c=e??o;return qt.createElement(ie,{anchor:"bottom",open:n,prefix:qt.createElement(zp,{size:"small",variant:"ghost",onClick:()=>p("../"+_.settings)},qt.createElement(Xg,{variant:"label",size:"medium",color:"$neutral900"},io.t("Change settings"))),container:N(),onClose:r},qt.createElement(jg,{type:"warning",title:a.type===3?io.t("High slippage"):io.t("Low slippage"),description:a.type===3?io.t({id:" Caution, your slippage is high (={userSlippage}). Your trade may be front run.",values:{userSlippage:c}}):io.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:a.minRequiredSlippage}})},qt.createElement(Gp,{size:18}),qt.createElement(Gp,{size:32}),qt.createElement(zp,{size:"large",type:"primary",variant:"contained",fullWidth:!0,disabled:l,onClick:s},io.t("Confirm anyway"))))}i(Hp,"SlippageWarningModal");import{Button as Yg,Divider as Jg,MessageBox as Zg,WarningIcon as Rg}from"@rango-dev/ui";import xo from"react";function Qp(t){let{open:e,onClose:o,onConfirm:n,confirmationDisabled:r}=t;return xo.createElement(ie,{open:e,onClose:o,container:N()},xo.createElement(Zg,{type:"warning",title:j().unknownPriceError.impactTitle,description:j().unknownPriceError.description}),xo.createElement(Jg,{size:32}),xo.createElement(Yg,{type:"primary",size:"large",prefix:xo.createElement(Rg,null),fullWidth:!0,disabled:r,onClick:n},j().unknownPriceError.confirmMessage))}i(Qp,"UnknownPriceWarningModal");function bo(t){let{warning:e,error:o,showWarningModal:n,confirmationDisabled:r,refetchQuote:s,onOpenWarningModal:a,onCloseWarningModal:l,onConfirmWarningModal:p,onChangeSettings:c}=t,u={confirmationDisabled:r,open:n,onClose:l,onConfirm:p},h=o?.type===0||o?.type===1,m=qp(e,o?.type===3||o?.type===4?o:null);return De.createElement(De.Fragment,null,h&&De.createElement(Di,{error:o,fetch:s}),!!m&&De.createElement(Pp,null,De.createElement(th,{title:m.title,type:m.alertType,variant:"alarm",...m.action==="show-info"&&{action:De.createElement(_p,{onClick:a},De.createElement(nh,{size:12,color:"gray"}))},...m.action==="change-settings"&&{action:De.createElement(oh,{size:"xxsmall",type:m.alertType,onClick:c},eh.t("Change"))}})),e&&De.createElement(De.Fragment,null,e.type===0&&De.createElement(Op,{...u,warning:e}),(e.type===3||e.type===2)&&De.createElement(Hp,{...u,warning:e}),e.type===1&&De.createElement(Qp,{...u,warning:e})))}i(bo,"QuoteWarningsAndErrors");import ir from"react";import{i18n as Yi}from"@lingui/core";import{Alert as vh,Divider as Ji,InfoIcon as xh,StepDetails as bh,TokenAmount as Ih,Tooltip as yc,Typography as Wo}from"@rango-dev/ui";import Sc from"bignumber.js";import O,{useRef as Ah,useState as Eh}from"react";import{styled as qi}from"@rango-dev/ui";var zi=qi("div",{width:"100%","& .position-top__skeleton":{paddingTop:"$10"}}),Vp=qi("div",{paddingBottom:"$15"}),jp=qi("div",{width:"100%",display:"flex"});import*as Xn from"@radix-ui/react-collapsible";import{css as Kn,darkTheme as it,Image as Xp,styled as He,Typography as rh}from"@rango-dev/ui";var ih=300,Kp=He(Xn.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"}}}}),Yp=Kn({padding:"$10 $15"}),Jp=He("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"}}}]}),Zp=Kn({width:"100%",padding:"$15 $15 $10 $15",cursor:"default"}),so=Kn({display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",".blockchainImage":{marginLeft:"-$8"}}),Rp=Kn({paddingTop:"$10",display:"flex",alignItems:"center",".usd-value":{$$color:"$colors$neutral600",[`.${it} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),ec=He(Xn.Trigger,{display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",height:"$36",padding:"$10 $15",boxSizing:"border-box",cursor:"pointer",border:"none",outline:"none",backgroundColor:"transparent",variants:{error:{true:{[`& ${Xp}`]:{border:"1px $warning500 solid",borderRadius:"100%"}},false:{[`& ${Xp}`]:{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"}}}),tc=He("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"}}}}),oc=He(An,{width:"100%",background:"inherit"}),Gi=He("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$2",transition:`all ${ih}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),rW=He("div",{height:"$12",marginLeft:"$10",marginRight:"$10",borderLeft:"1px solid $foreground"}),nc=He("div",{display:"flex",justifyContent:"center",margin:"0 $15",borderTop:"1px solid",$$color:"$colors$neutral300",[`.${it} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color"}),rc=He("div",{width:"$16",height:"$16",justifyContent:"center",alignItems:"center",display:"flex"}),Hi=He(rh,{overflow:"hidden",textOverflow:"ellipsis",letterSpacing:.4}),ic=He("div",{display:"flex",flexWrap:"wrap"}),Qi=He("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 Lt}from"@lingui/core";import{ChevronDownIcon as ah,CloseIcon as lh,Divider as Zn,IconButton as ph,QuoteCost as ch,Tooltip as uh,Typography as Je}from"@rango-dev/ui";import mh from"bignumber.js";import z,{useState as pc}from"react";import{i18n as Io}from"@lingui/core";var Vi={"Network Fee":Io.t("Network Fee"),"Swapper Fee":Io.t("Protocol Fee"),"Affiliate Fee":Io.t("Affiliate Fee"),"Outbound network fee":Io.t("Outbound Fee"),"Rango Fee":Io.t("Rango Fee")};import{css as sh,styled as Yn}from"@rango-dev/ui";var Jn=Yn("div",{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"$5 0","&.total_payable_fee":{padding:"$12 0"}}),ji=Yn("div",{width:"100%",borderTop:"1px solid $neutral300",margin:"$10 0"}),sc=Yn("div",{padding:"$20 0",display:"flex",flexDirection:"column","& .collapsible_trigger":{display:"flex",alignItems:"center"}}),ac=Yn("div",{padding:"$20 $20 $10",textAlign:"center",position:"relative","._icon-button":{position:"absolute",zIndex:10,top:"$16",right:"$16"}}),lc=sh({display:"flex",flexDirection:"row",alignItems:"center",padding:"$5","&:hover":{"& ._typography, & svg":{color:"$secondary"}}});var dh=30,fh=i(t=>t.fee.isZero()?null:z.createElement(Jn,null,z.createElement(Je,{variant:"label",size:"medium",color:"neutral600"},t.label),z.createElement(Je,{variant:"label",size:"medium"},"$",A(t.fee,4,4))),"NonPayableFee");function cc(t){let[e,o]=pc(!1),[n,r]=pc(!1),{steps:s,quote:a}=t,l=d().tokens(),p=Jo(Zo(a.result?.swaps)),c=a.result?.swaps??[],u=N(),h=Cn(c,l),m=tl(c);return z.createElement(z.Fragment,null,z.createElement(ch,{onClickFee:()=>o(!e),fee:A(h,2,2),feeWarning:h.gte(new mh(dh)),time:p,steps:s,tooltipGas:Lt.t("View more info"),tooltipContainer:u}),z.createElement(ie,{container:u,open:e,header:z.createElement(ac,null,z.createElement(Je,{variant:"title",size:"medium"},Lt.t("Gas & Fee Explanation")),z.createElement(ph,{onClick:()=>o(!1),variant:"ghost"},z.createElement(lh,{color:"gray",size:14}))),onClose:()=>o(!1)},z.createElement(sc,null,z.createElement(Je,{variant:"title",size:"small"},Lt.t("Details")),z.createElement(Zn,{size:10}),Object.entries(m.payable).flatMap(([f,C])=>C.map((S,y)=>{let g=`payable-fee-${y}`,x=ei(S);return z.createElement(Jn,{key:g},z.createElement(Je,{variant:"label",size:"medium",color:"neutral600"},Vi[f]),z.createElement(uh,{content:le(S.amount),container:u},z.createElement(Je,{variant:"label",size:"medium"},A(S.amount,2,2)," ",S.asset.symbol," ($",A(x,4,4),")")))})),z.createElement(Jn,{className:"total_payable_fee"},z.createElement(Je,{variant:"label",size:"medium"},Lt.t("Total Payable Fee")),z.createElement(Je,{variant:"label",size:"medium"},"$",A(h,4,4))),z.createElement(ji,null),Object.keys(m.nonePayable).length&&z.createElement(Ln,{triggerAnchor:"bottom",onClickTrigger:()=>r(f=>!f),trigger:z.createElement("div",{className:lc()},z.createElement(Je,{size:"small",variant:"body",color:"neutral700"},n?Lt.t("Hide non-payable fees"):Lt.t("Show non-payable fees")),z.createElement(Zn,{size:4,direction:"horizontal"}),z.createElement(En,{orientation:n?"up":"down"},z.createElement(ah,{size:12,color:"gray"}))),open:n},z.createElement(Je,{size:"small",variant:"title"},Lt.t("Description")),z.createElement(Zn,{size:4}),z.createElement(Je,{size:"small",variant:"body",color:"neutral700"},Lt.t(`The following fees are considered in the transaction output and
|
|
2
|
-
you won\u2019t need to pay extra gas for them.`)),z.createElement(Zn,{size:10}),Object.entries(m.nonePayable).map(([f,C],S)=>{let y=el(C),g=Vi[f],x=`non-payable-fee-${S}`;return z.createElement(fh,{key:x,fee:y,label:g})}),z.createElement(ji,null)))))}i(cc,"QuoteCostDetails");import{i18n as dc}from"@lingui/core";import{TokenAmount as fc}from"@rango-dev/ui";import Rn from"react";import{css as gh,styled as hh}from"@rango-dev/ui";var uc=hh("div",{position:"relative",display:"flex",flexDirection:"column",width:"100%"}),mc=gh({height:"14px",marginLeft:"14px",position:"absolute",borderLeft:"1px solid $foreground",top:"42%"});function Ao(t){let{from:e,to:o,percentageChange:n,warningLevel:r}=t;return Rn.createElement(uc,null,Rn.createElement(fc,{direction:"horizontal",label:dc.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}}),Rn.createElement("div",{className:mc()}),Rn.createElement(fc,{direction:"horizontal",tooltipContainer:N(),label:dc.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(Ao,"QuoteSummary");import{i18n as gc}from"@lingui/core";import{ChevronDownIcon as yh,ChevronRightIcon as Sh,Divider as Xi,Image as Ch,Tooltip as Ki,Typography as er}from"@rango-dev/ui";import M,{useEffect as Th,useState as kh}from"react";var tr=4,or=6,wh=375,Eo=i(t=>{let e=N(),{content:o,src:n,className:r,open:s,state:a}=t;return M.createElement(Ki,{container:e,side:"bottom",sideOffset:4,open:s,content:o},M.createElement(tc,{className:r,state:a},M.createElement(Ch,{src:n,size:16})))},"ImageComponent");function hc(t){let{quoteRef:e,recommended:o,setExpanded:n,steps:r,expanded:s}=t,a=N(),l=r.length,p=Sl(r),[c,u]=kh(!1),h=i(()=>{window.innerWidth<wh?u(!0):u(!1)},"handleResize");return Th(()=>{window.addEventListener("resize",h)}),M.createElement(ec,{ref:m=>e.current=m,recommended:o,onClick:()=>n(m=>!m)},M.createElement("div",{className:so()},M.createElement(er,{variant:"body",size:"xsmall"},gc.t("Via:")),M.createElement(Xi,{direction:"horizontal",size:4}),r.map((m,f)=>{let C=`item-${f}`,S=M.createElement(Gi,null,M.createElement(Sh,{size:12,color:"black"}));return c?M.createElement(M.Fragment,null,M.createElement(Eo,{content:m.swapper.displayName,src:m.swapper.image,state:m.state}),f!==l-1&&M.createElement(M.Fragment,null,S)):M.createElement(M.Fragment,{key:C},l<=tr||l>tr&&f<tr-1?M.createElement(M.Fragment,null,M.createElement(Eo,{content:m.swapper.displayName,src:m.swapper.image,state:m.state}),f!==l-1&&M.createElement(M.Fragment,null,S)):f===tr-1&&M.createElement(Ki,{container:a,side:"bottom",align:"right",sideOffset:4,content:M.createElement("div",{className:so()},S,r.map((y,g)=>{let x=`image-${g}`;return g>=f&&M.createElement(M.Fragment,{key:x},M.createElement(Eo,{content:y.swapper.displayName,src:y.swapper.image,state:y.state,open:!1}),g!==l-1&&M.createElement(M.Fragment,null,S))}))},M.createElement(Qi,{state:r.find((y,g)=>g>=f&&(y.state==="error"||y.state==="warning"))?.state},M.createElement(er,{size:"xsmall",variant:"body"},"+",l-f))))})),M.createElement("div",{className:so()},M.createElement("div",{className:"blockchains_section"},M.createElement("div",{className:so()},M.createElement(er,{variant:"body",size:"xsmall"},gc.t("Chains:")),M.createElement(Xi,{direction:"horizontal",size:4}),p.map((m,f)=>M.createElement(M.Fragment,null,p.length<=or||p.length>or&&f<or-1?M.createElement(Eo,{key:m.displayName,content:"",src:m.image,open:!1,className:f!==0?"blockchainImage":""}):f===or-1&&M.createElement(Ki,{container:a,side:"bottom",align:"right",sideOffset:4,content:M.createElement("div",{className:so()},p.map((C,S)=>S>=f&&M.createElement(Eo,{key:C.displayName,content:"",src:C.image,open:!1,className:S>f?"blockchainImage":""})))},M.createElement(Qi,{className:"blockchainImage"},M.createElement(er,{size:"xsmall",variant:"body"},"+",p.length-f))))),M.createElement(Xi,{direction:"horizontal",size:32}))),M.createElement(Gi,{orientation:s?"up":"down"},M.createElement(yh,{size:12,color:"black"}))))}i(hc,"QuoteTrigger");function Zi(t){let{quote:e,input:o,output:n,error:r,warning:s,type:a,recommended:l=!0}=t,p=d().blockchains(),c=d().swappers(),[u,h]=Eh(t.expanded),m=Ah(null),f=A(o.value,6,6),C=A(n.value,6,6),S=n.usdValue?A(n.usdValue,4,4):"",y=qe(o.usdValue,n.usdValue??null),g=A(y,2,2),x=ft(y??0),T=i(w=>w.map((k,L)=>{let W,$=r?.type===3&&r.swap.swapperId===k.swapperId||r?.type===4&&r.recommendedSlippages?.has(L),F=s?.type===2&&s.recommendedSlippages?.has(L);return $?W="error":F&&(W="warning"),{swapper:{displayName:yo(k.swapperId,c),image:k.swapperLogo},from:{token:{displayName:k.from.symbol,image:k.from.logo},chain:{displayName:Oe(k.from.blockchain,p),image:k.from.blockchainLogo},price:{value:L===0?A(o.value,6,6):A(k.fromAmount,6,6),usdValue:A((k.from.usdPrice??0)*parseFloat(k.fromAmount),4,4),realValue:le(L===0?o.value:k.fromAmount),realUsdValue:le(new Sc(k.from.usdPrice??0).multipliedBy(k.fromAmount))}},to:{token:{displayName:k.to.symbol,image:k.to.logo},chain:{displayName:Oe(k.to.blockchain,p),image:k.to.blockchainLogo},price:{value:A(k.toAmount,6,6),usdValue:A((k.to.usdPrice??0)*parseFloat(k.toAmount),4,4),realValue:le(k.toAmount),realUsdValue:le(new Sc(k.to.usdPrice??0).multipliedBy(k.toAmount))}},state:W,alerts:$||F?O.createElement(Vp,null,O.createElement(vh,{type:$?"error":"warning",title:r?.type===3?r?.recommendation:Yi.t(`Slippage ${$?"Error":"Warning"}:`),footer:O.createElement(jp,null,r?.type===3&&O.createElement(O.Fragment,null,O.createElement(Wo,{size:"xsmall",variant:"body",color:"neutral900"},r.fromAmountRangeError),O.createElement(Ji,{direction:"horizontal",size:8}),O.createElement(Wo,{size:"xsmall",variant:"body",color:"neutral900"},"|"),O.createElement(Ji,{direction:"horizontal",size:8}),O.createElement(Wo,{size:"xsmall",variant:"body",color:"neutral900"},Yi.t({id:"Yours: {amount} {symbol}",values:{amount:A(k.fromAmount,6,6),symbol:k?.from.symbol}}))),(r?.type===4||s?.type===2)&&O.createElement(Wo,{size:"xsmall",variant:"body",color:"neutral900"},Yi.t({id:"Minimum required slippage is {minRequiredSlippage}",values:{...r?.type===4&&{minRequiredSlippage:r.recommendedSlippages?.get(L)},...s?.type===2&&{minRequiredSlippage:s.recommendedSlippages?.get(L)}}})))})):void 0}}),"getQuoteSteps")(e.result?.swaps??[]),v=T.length,I=N();return O.createElement(O.Fragment,null,O.createElement(Jp,{recommended:l,listItem:a==="list-item",basic:a==="basic"},O.createElement("div",{className:Zp()},O.createElement(cc,{steps:v,quote:e}),a==="basic"&&O.createElement("div",{className:Rp()},O.createElement(rc,null,O.createElement(xh,{size:12,color:"gray"})),O.createElement(ic,null,O.createElement(Hi,{size:"small",variant:"body"},`${f} ${T[0].from.token.displayName} = `),O.createElement(yc,{content:le(n.value),container:I,open:n.value?void 0:!1},O.createElement(Hi,{size:"small",variant:"body"},"\xA0",`${C} ${T[T.length-1].to.token.displayName}`))),O.createElement(yc,{content:le(n.usdValue),container:I,style:{display:"flex"}},O.createElement(Wo,{color:"$neutral600",ml:2,size:"xsmall",variant:"body"},`($${S})`))),a==="list-item"&&O.createElement(Ih,{type:"output",direction:"vertical",tooltipContainer:I,price:{value:C,usdValue:S,realValue:le(n.value),realUsdValue:le(n.usdValue)},token:{displayName:T[v-1].to.token.displayName,image:T[v-1].to.token.image},chain:{image:T[v-1].to.chain.image},percentageChange:g,warningLevel:x}),a==="swap-preview"&&O.createElement(O.Fragment,null,O.createElement(Ao,{from:T[0].from,to:T[v-1].to,percentageChange:g,warningLevel:x}),O.createElement(Ji,{size:4}))),O.createElement(Kp,{recommended:l,open:u,onOpenChange:h},O.createElement(hc,{quoteRef:m,recommended:l,setExpanded:h,expanded:u,steps:T}),O.createElement(oc,{open:u},O.createElement(nc,null),O.createElement("div",{className:Yp()},T.map((w,k)=>{let L=`item-${k}`;return O.createElement(bh,{type:"quote-details",key:L,step:w,hasSeparator:k!==T.length-1,state:w.state,tooltipContainer:I})}))))))}i(Zi,"Quote");import{Divider as Nh,Skeleton as Bh}from"@rango-dev/ui";import gt from"react";import{darkTheme as Wh,styled as nr}from"@rango-dev/ui";var Cc=nr("div",{$$color:"$colors$neutral100",[`.${Wh} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",borderBottomLeftRadius:"$xm",borderBottomRightRadius:"$xm",padding:"$15 ",variants:{rounded:{true:{borderRadius:"$xm"}}}}),Tc=nr("div",{paddingTop:"$2"}),kc=nr("div",{paddingLeft:"$8"}),wc=nr("div",{borderLeft:"1px dashed black",minHeight:" 0",margin:"0px 11.5px",alignSelf:"stretch",variants:{hideSeparator:{true:{minHeight:"unset",height:"0"}}}});import{ChainToken as Mc,Divider as zt,Skeleton as at}from"@rango-dev/ui";import G from"react";import{styled as st}from"@rango-dev/ui";var vc=st("div",{display:"flex",justifyContent:"space-between",alignItems:"center",height:"22px"}),xc=st("div",{display:"flex"}),bc=st("div",{padding:"$15 $0 14px $0"}),Ic=st("div",{padding:"$6 $0 $15 $0",display:"flex",flexDirection:"column"}),Ac=st("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$5"}),Ec=st("div",{display:"flex",justifyContent:"space-between",alignItems:"end"}),Wc=st("div",{height:"$28",marginLeft:"13px",borderLeft:"1px solid $neutral700"}),Lc=st("div",{width:"65%",display:"flex",justifyContent:"start"}),Nc=st("div",{display:"flex",flexDirection:"column",alignItems:"start",flexGrow:1,maxWidth:"148px"}),Bc=st("div",{padding:"$15 $0 $15 $0"});function Lo(t){let{type:e,tag:o=!1}=t,n=G.createElement(Ec,null,G.createElement(Lc,null,G.createElement(Mc,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),G.createElement(zt,{size:8,direction:"horizontal"}),G.createElement(Nc,null,G.createElement(at,{height:10,width:60,variant:"rounded"}),G.createElement(zt,{size:4}),G.createElement(at,{height:15,variant:"rounded"}))),G.createElement(at,{height:12,width:64,variant:"rounded"}));return G.createElement("div",null,G.createElement(vc,null,G.createElement(xc,null,G.createElement(at,{width:60,height:10,variant:"rounded"}),G.createElement(zt,{size:4,direction:"horizontal"}),G.createElement(at,{width:60,height:10,variant:"rounded"}),G.createElement(zt,{size:4,direction:"horizontal"}),G.createElement(at,{width:60,height:10,variant:"rounded"})),o&&G.createElement(at,{height:22,width:100,variant:"rounded"})),e==="basic"&&G.createElement(bc,null,G.createElement(at,{height:15,width:148,variant:"rounded"})),e==="list-item"&&G.createElement(Ic,null,G.createElement(Ac,null,G.createElement(Mc,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),G.createElement(zt,{direction:"horizontal",size:4}),G.createElement(at,{height:15,width:150,variant:"rounded"})),G.createElement(zt,{size:4}),G.createElement(at,{height:10,width:184,variant:"rounded"})),e==="swap-preview"&&G.createElement(G.Fragment,null,G.createElement(zt,{size:4}),G.createElement(Bc,null,n,G.createElement(Wc,null),n)))}i(Lo,"QuoteSummarySkeleton");import{ChainToken as Fc,Divider as es,NextIcon as Lh,Skeleton as rr}from"@rango-dev/ui";import ge from"react";import{styled as No}from"@rango-dev/ui";var Pc=No("div",{display:"flex",alignItems:"start"}),$c=No("div",{flexGrow:1,paddingTop:"$5",paddingBottom:"$10",display:"flex",alignItems:"center"}),Ri=No("div",{display:"flex",alignItems:"center",flexGrow:1}),_c=No("div",{margin:"$0 $2",padding:"$4",display:"flex",justifyContent:"center",alignItems:"center"}),Dc=No("div",{display:"flex",alignItems:"center"});function lt(t){let{separator:e=!0}=t;return ge.createElement(ge.Fragment,null,ge.createElement(Dc,null,ge.createElement(rr,{height:22,width:22,variant:"circular"}),ge.createElement(es,{direction:"horizontal",size:8}),ge.createElement(rr,{height:15,width:148,variant:"rounded"})),ge.createElement(Pc,null,ge.createElement(wc,{hideSeparator:!e}),ge.createElement($c,null,ge.createElement(Ri,null,ge.createElement(Fc,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ge.createElement(es,{direction:"horizontal",size:8}),ge.createElement(rr,{height:12,variant:"rounded"})),ge.createElement(_c,null,ge.createElement(Lh,{color:"gray",size:16})),ge.createElement(Ri,null,ge.createElement(Fc,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ge.createElement(es,{direction:"horizontal",size:8}),ge.createElement(rr,{height:12,variant:"rounded"})))))}i(lt,"StepSkeleton");function ts(t){let{type:e,expanded:o,tag:n=!1}=t;return gt.createElement(Cc,{rounded:e!=="basic"},gt.createElement(Lo,{type:e,tag:n}),gt.createElement(Tc,null,gt.createElement(Bh,{height:15,variant:"rounded"})),o&>.createElement(kc,null,gt.createElement(Nh,{size:20}),gt.createElement(lt,null),gt.createElement(lt,null),gt.createElement(lt,{separator:!1})))}i(ts,"QuoteSkeleton");function Bo(t){let{quote:e,type:o,loading:n,error:r,warning:s,expanded:a=!1}=t,{inputAmount:l,inputUsdValue:p,outputUsdValue:c,outputAmount:u}=X(),m=!(r&&(r.type===0||r.type===1))&&e&&e.result&&!n;return n?ir.createElement(zi,null,ir.createElement(ts,{type:o,expanded:a})):m?ir.createElement(zi,null,ir.createElement(Zi,{quote:e,error:r,warning:s,type:o,expanded:a,recommended:!0,input:{value:l,usdValue:p?.toString()??""},output:{value:u?.toString()??"",usdValue:c?.toString()??""}})):null}i(Bo,"QuoteInfo");import{calculatePendingSwap as $h}from"@rango-dev/queue-manager-rango-preset";import{useEffect as _h}from"react";import{useRef as Mh,useState as Ph}from"react";function sr(){let[t,e]=Ph(!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 Vt().getBestRoute(s,{signal:o.current.signal});return o.current=null,a}catch(a){throw a}finally{e(!1)}},"fetch"),loading:t,cancelFetch:n}}i(sr,"useFetchQuote");function ar(t){if(!t.result)throw new Error(j().noResultError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});if(Jr(t)){let{swap:n,recommendation:r,fromAmountRangeError:s}=Zr(t);throw new Error("bridge limit error",{cause:{type:3,swap:n,recommendation:r,fromAmountRangeError:s}})}let o=ti(t);if(o){let n=Tn(t);throw new Error("",{cause:{type:4,recommendedSlippages:o,minRequiredSlippage:n}})}return t}i(ar,"throwErrorIfResponseIsNotValid");function Uc(t,e,o){let n=!1;t&&(n=hl(t,e));let r={quote:null,quoteUpdate:null,balance:null},s=wn(e,{fromToken:o.fromToken,toToken:o.toToken,tokens:o.meta.tokens,userSlippage:o.userSlippage});s&&(r.quote=s),t&&n&&(sl(t,e)?r.quoteUpdate={type:3,newOutputAmount:A(Kt(e)),percentageChange:A(qe(Kt(t)??"",Kt(e)??""),null,2)}:oi(t,e)?r.quoteUpdate={type:0}:ni(t,e)?r.quoteUpdate={type:1}:ri(t,e)&&(r.quoteUpdate={type:2}));let a=al(e,o.selectedWallets,o.meta.blockchains);return a.length===0||(r.balance={messages:a}),r}i(Uc,"generateWarnings");function lr(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(lr,"handleQuoteErrors");function os(){let{fromToken:t,toToken:e,inputAmount:o,setQuote:n,quote:r,customDestination:s,setQuoteWarningsConfirmed:a}=X(),{slippage:l,customSlippage:p,affiliatePercent:c,affiliateRef:u,affiliateWallets:h}=d(),m=d().getDisabledLiquiditySources(),{connectedWallets:f}=V(),C=d().blockchains(),S=d().tokens(),{features:y}=d().config,{enableNewLiquiditySources:g}=d().config,x=p||l,{fetch:b,cancelFetch:T,loading:v}=sr();return _h(()=>T,[]),{loading:v,fetch:i(async w=>{let k=w.selectedWallets,L=w?.customDestination??s;if(!t||!e||!o)return{quote:null,swap:null,error:null,warnings:null};let W=kn({fromToken:t,toToken:e,inputAmount:o,wallets:f,selectedWallets:k,excludeLiquiditySources:g,disabledLiquiditySources:m,slippage:x,affiliateRef:u,affiliatePercent:c,affiliateWallets:h,initialQuote:r??void 0,destination:L});un("experimentalRoute",y)&&(W.experimental=!0);let $;try{$=await b(W).then(J=>ar(J)),n($)}catch(J){return lr(J)}let F={slippage:x.toString(),disabledSwappersGroups:m},E=$h(o.toString(),$,rl(k),F,!1,{blockchains:C,tokens:S}),P=Uc(r??void 0,$,{fromToken:t,toToken:e,meta:{blockchains:C,tokens:S},selectedWallets:k,userSlippage:x});return P.quoteUpdate&&a(!1),{quote:$,swap:E,error:null,warnings:P}},"fetch"),cancelFetch:T}}i(os,"useConfirmSwap");var Kh=Oh("div",{width:"100%",display:"flex",justifyContent:"space-between",[`& ${qc}`]:{width:"$48",height:"$48"}}),Yh=rs({flexGrow:1,paddingRight:"$10"}),Jh=rs({width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"}),Zh=rs({display:"flex",justifyContent:"space-between",alignItems:"center"});function zc(){let{quote:t,setInputAmount:e,selectedWallets:o,quoteWalletsConfirmed:n,setQuoteWalletConfirmed:r,customDestination:s,quoteWarningsConfirmed:a}=X(),l=Xh(),p=jh(),[c,u]=cr(""),{connectedWallets:h}=V(),m=!n,[f,C]=cr(!1),{isActiveTab:S}=ee(),y=d().getDisabledLiquiditySources(),g=Qh(y),{manager:x}=Dh(),{fetch:b,loading:T,cancelFetch:v}=os(),[I,w]=cr({swap:null,error:null,warnings:null}),[k,L]=cr(!1),W=i(async({selectedWallets:Q,customDestination:Ne})=>{let K=await b?.({selectedWallets:Q,customDestination:Ne});return w(K),K},"onConfirmSwap"),$=i(async()=>{if(I.swap&&n)try{await x?.create("swap",{swapDetails:I.swap},{id:I.swap.requestId});let Q=`../${_.swaps}/${I.swap.requestId}`;l(Q,{replace:!0}),setTimeout(()=>{e("")},0)}catch(Q){u("Error: "+Q?.message)}},"addNewSwap"),F=i(async()=>{await $()},"onConfirm"),E=i(async()=>{I?.warnings?.quote&&!a?L(!0):await F()},"onStartConfirmSwap"),P=i(async()=>{w({error:null,swap:null,warnings:null}),b({selectedWallets:o,customDestination:s}).then(Q=>{w(Q)}).catch(Q=>console.error(Q))},"onRefresh");Mo(()=>{!!g.current.length&&!y.length&&P(),g.current=y},[y.length]),Mo(()=>{m&&v()},[m]),Mo(()=>{m&&C(m)},[m]),Mo(()=>{m||b({selectedWallets:o,customDestination:s}).then(Q=>w(Q)).catch(Q=>console.error(Q))},[]),Mo(()=>{let Q=I.warnings?.quote?.type&&Object.values(vt).includes(I.warnings?.quote?.type),Ne=o.length<1||!o.every(q=>h.find(ke=>q.address===ke.address&&q.walletType===ke.walletType&&q.chain===ke.chain)),K=!1;if(Q){let q=gn(t),ke=t?.result?.swaps[t.result.swaps.length-1].to.blockchain;!!t?.result?.swaps.find(mt=>mt.from.blockchain===ke)||(q=q.slice(-q.length,q.length-1)),q.every(mt=>o.find(U=>U.chain===mt))||(K=!0)}t&&(Ne||K)&&(queueMicrotask(()=>Vh(C.bind(null,!0))),r(!1))},[I.warnings?.quote,o.length,h.length]),Hh(()=>{t||l(`../${p.search}`)},[]);let J=I.warnings?.quote??null,re=I.error,ce=[];return c&&ce.push(pe.createElement(Oc,{type:"error",variant:"alarm",title:c})),I.warnings?.quoteUpdate&&ce.push(pe.createElement(Oc,{variant:"alarm",type:"warning",title:I.warnings.quoteUpdate&&bn(I.warnings.quoteUpdate)})),(J||re)&&ce.push(pe.createElement(bo,{warning:J,error:re,loading:T,refetchQuote:P,showWarningModal:k,confirmationDisabled:!S,onOpenWarningModal:()=>L(!0),onCloseWarningModal:()=>L(!1),onConfirmWarningModal:async()=>{L(!1),await $()},onChangeSettings:()=>l(_.settings)})),pe.createElement(ne,{header:{title:pr.t("Confirm Swap"),onWallet:()=>{let Q=`../${_.wallets}`;l(Q)},suffix:pe.createElement(qh,{container:N(),side:"bottom",content:pr.t("Settings")},pe.createElement(Ge,{size:"small",variant:"ghost",onClick:()=>l("../"+_.settings)},pe.createElement(Uh,{size:18,color:"black"})))},footer:pe.createElement(Kh,null,pe.createElement("div",{className:Yh()},pe.createElement(Fh,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:T,disabled:!!I.error||!S,onClick:E},pr.t("Start Swap"))),pe.createElement(qc,{variant:"contained",type:"primary",size:"large",loading:T,onClick:C.bind(null,!0)},pe.createElement(Gh,{size:24})))},f&&pe.createElement(Ip,{open:f,onClose:()=>C(!1),onCancel:v,loading:T,onCheckBalance:W}),pe.createElement(se,null,pe.createElement("div",{className:Zh()},pe.createElement(zh,{variant:"title",size:"small"},pr.t("You get")),pe.createElement("div",{className:Jh()},pe.createElement(On,{onClick:!T&&!f&&!k?P:void 0}))),pe.createElement(ns,{size:"12"}),Fl(ce,pe.createElement(ns,{size:10})),ce.length>0?pe.createElement(ns,{size:10}):null,pe.createElement(Bo,{quote:t,type:"swap-preview",expanded:!0,error:I.error,loading:T,warning:I.warnings?.quote??null})))}i(zc,"ConfirmSwapPage");import{i18n as mr}from"@lingui/core";import{useManager as fy}from"@rango-dev/queue-manager-react";import{Divider as Rc,NotFound as gy,styled as hy}from"@rango-dev/ui";import yt,{useState as yy}from"react";import{useNavigate as Sy}from"react-router-dom";import{i18n as ty}from"@lingui/core";import{Divider as jc,GroupedVirtualizedList as oy,Skeleton as ny,SwapListItem as Xc,Typography as ry}from"@rango-dev/ui";import We,{useCallback as Kc,useEffect as iy,useRef as sy,useState as ay}from"react";function Gc(t,e){let o=[],n=0;do{let r=t[n];o.push(Math.min(r,e)),e-=r,n++}while(e>0&&n<=t.length);return o}i(Gc,"calculateGroupsSoFar");import{css as Rh,darkTheme as ey,styled as Po}from"@rango-dev/ui";var is=Rh(),Hc=Po("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$5"}),ss=Po("div",{width:"100%",display:"flex",flexDirection:"column",backgroundColor:"$background",padding:"$10 $5 0 $5",[`& .${is}`]:{$$color:"$colors$neutral600",[`.${ey} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),as=Po("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),Qc=Po("div",{gap:"$10",display:"flex",flexDirection:"column"}),Vc=Po("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});var ly=10;function ls(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,[s,a]=ay([]),l=sy(0),{swaps:p,groupCounts:c,groups:u}=n(e),h=Kc(Gc,[]),m=Kc(()=>{let f=e.length-l.current;f&&(l.current+=Math.min(f,ly),a(h(c,l.current)))},[e.length]);if(iy(()=>{r||m()},[r,m]),r){let f=[1,2];return We.createElement(We.Fragment,null,[f,f].map((S,y)=>We.createElement(ss,{key:y},We.createElement(as,null,We.createElement(ny,{variant:"text",width:60,size:"small"}),We.createElement(jc,{size:16})),We.createElement(jc,{size:4}),We.createElement(Qc,null,S.map((x,b)=>We.createElement(Xc,{isLoading:!0,key:b}))))))}return We.createElement(oy,{endReached:()=>{l.current<e.length&&m()},groupCounts:s,groupContent:f=>We.createElement(ss,null,We.createElement(as,null,We.createElement(ry,{variant:"label",size:"medium",className:is()},u[f]))),itemContent:(f,C)=>{let S=p[f];if(!S)return null;let y=S.steps[0],g=S.steps[S.steps.length-1];return We.createElement(Hc,{key:S.requestId},We.createElement(Xc,{requestId:S.requestId,creationTime:S.creationTime,status:S.status,onClick:o,tooltipContainer:N(),onlyShowTime:u[C]===ty.t("Today"),swapTokenData:{from:{token:{image:y.fromLogo,displayName:y.fromSymbol},blockchain:{image:y.fromBlockchainLogo||""},amount:A(S.inputAmount,6,6),realAmount:le(S.inputAmount)},to:{token:{image:g.toLogo,displayName:g.toSymbol},blockchain:{image:g.toBlockchainLogo||""},amount:A(g.outputAmount||g.expectedOutputAmountHumanReadable||"",6,6),realAmount:le(g.outputAmount||g.expectedOutputAmountHumanReadable)}}}))}})}i(ls,"HistoryGroupedList");import{CloseIcon as cy,IconButton as uy,SearchIcon as my,TextField as dy}from"@rango-dev/ui";import $o from"react";import{styled as py}from"@rango-dev/ui";var Yc=py("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function ht(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:s,value:a,setValue:l,...p}=t;return $o.createElement(dy,{prefix:$o.createElement(Yc,null,$o.createElement(my,{color:"black"})),suffix:!!a.length&&$o.createElement(uy,{variant:"ghost",onClick:()=>l?.(""),size:"small"},$o.createElement(cy,{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(ht,"SearchInput");import{i18n as ur}from"@lingui/core";import Jc from"dayjs";var Zc=i(t=>{let e=new Map([["today",{title:ur.t("Today"),swaps:[]}],["week",{title:ur.t("This week"),swaps:[]}],["month",{title:ur.t("This month"),swaps:[]}],["year",{title:ur.t("This year"),swaps:[]}]]);function o(p,c){e.has(p)||e.set(p,{title:p,swaps:[]}),e.get(p)?.swaps.push(c)}i(o,"addYearsToOutput");let n=Jc();t.forEach(p=>{let c=Number(p.creationTime),u=Jc(c);if(n.isSame(u,"day"))e.get("today")?.swaps.push(p);else if(n.isSame(u,"week"))e.get("week")?.swaps.push(p);else if(n.isSame(u,"month"))e.get("month")?.swaps.push(p);else if(n.isSame(u,"year"))e.get("year")?.swaps.push(p);else{let h=new Date(c).getFullYear().toString();o(h,p)}});let r=Array.from(e.values()).filter(p=>p.swaps.length>0),s=r.flatMap(p=>p.swaps),a=r.map(p=>p.swaps.length),l=r.map(p=>p.title);return{swaps:s,groupCounts:a,groups:l}},"groupSwapsByDate");var Cy=hy("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),Ty=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 eu(){let t=Sy(),{manager:e,state:o}=fy(),n=At(e).map(({swap:u})=>u),[r,s]=yy(""),a=!o.loadedFromPersistor,l=i(u=>{let h=u.target.value;s(h)},"searchHandler"),p=n;r&&(p=n.filter(u=>tt(u.inputAmount,r)||tt(u.status,r)||Ty(u.steps,r)||tt(u.requestId,r)));let c=!p?.length&&!a;return yt.createElement(ne,{header:{title:mr.t("History")}},yt.createElement(se,null,yt.createElement(ht,{setValue:s,fullWidth:!0,variant:"contained",placeholder:mr.t("Search Transaction"),autoFocus:!0,onChange:l,value:r}),yt.createElement(Rc,{size:"16"}),yt.createElement(Cy,null,c&&yt.createElement(Vc,null,yt.createElement(Rc,{size:32}),yt.createElement(gy,{title:mr.t("No results found"),description:r?mr.t("Try using different keywords"):""})),!c&&yt.createElement(ls,{list:p,onSwapClick:t,groupBy:Zc,isLoading:a}))))}i(eu,"HistoryPage");import{i18n as us}from"@lingui/core";import{Button as Ay,Divider as ru,styled as su,SwapInput as iu,WarningIcon as Ey}from"@rango-dev/ui";import xe,{useEffect as Wy,useState as Ly}from"react";import{useNavigate as Ny}from"react-router-dom";import{ReverseIcon as ky,styled as tu}from"@rango-dev/ui";import ps from"react";var wy=tu("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),vy=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=X.use.switchFromAndTo();return ps.createElement(wy,null,ps.createElement(vy,{onClick:()=>{t()}},ps.createElement(ky,{size:12})))}i(ou,"SwitchFromAndToButton");import{useCallback as xy,useEffect as by,useState as cs}from"react";var Iy=600;function nu(){let{fetch:t,cancelFetch:e}=sr(),{enableNewLiquiditySources:o,features:n}=d().config,r=d().tokens(),{fromToken:s,toToken:a,inputAmount:l,inputUsdValue:p,quote:c,resetQuote:u,setQuote:h}=X(),{slippage:m,customSlippage:f,affiliatePercent:C,affiliateRef:S,affiliateWallets:y,fetchStatus:g}=d(),x=d().getLiquiditySources(),b=d().getDisabledLiquiditySources(),T=d().excludeLiquiditySources(),[v,I]=cs(!0),[w,k]=cs(null),[L,W]=cs(null),$=f??m,E=!s||!a||Ae(s,a)||!fo(l),P=i(ce=>{I(ce),k(null),W(null)},"resetState"),J=i(ce=>{let{fromToken:Q,toToken:Ne,inputAmount:K,liquiditySources:q,excludeLiquiditySources:ke,disabledLiquiditySources:ut,slippage:Be,affiliateRef:mt,affiliatePercent:U,affiliateWallets:Y}=ce;if(v||P(!0),!E&&Q&&Ne){u();let Z=kn({fromToken:Q,toToken:Ne,inputAmount:K,liquiditySources:q,excludeLiquiditySources:ke,disabledLiquiditySources:ut,slippage:Be,affiliateRef:mt,affiliatePercent:U,affiliateWallets:Y});un("experimentalRoute",n)&&(Z.experimental=!0),t(Z).then(me=>{I(!1),h(me),ar(me);let we=wn(me,{fromToken:Q,toToken:Ne,userSlippage:$,tokens:r});W(we)}).catch(me=>{let{error:we}=lr(me);(we?.type===0||we?.type===1)&&u(),we?.type!==2&&(k(we),I(!1))})}},"fetch"),re=xy(Ba(ce=>{E||J(ce)},Iy),[E]);return by(()=>{if(g==="success"){if(!fo(l)||p?.eq(0)){P(!1),e();return}if(E){c&&u();return}return u(),P(!0),re({inputAmount:l,fromToken:s,toToken:a,liquiditySources:x,excludeLiquiditySources:T,disabledLiquiditySources:b,slippage:$,affiliateRef:S,affiliatePercent:C,affiliateWallets:y}),e}},[g,l,s?.symbol,s?.address,s?.blockchain,a?.symbol,a?.address,a?.blockchain,E,x?.length,o,b.length,$,S,C,JSON.stringify(y)]),{fetch:()=>J({inputAmount:l,fromToken:s,toToken:a,liquiditySources:x,excludeLiquiditySources:T,disabledLiquiditySources:b,slippage:$,affiliateRef:S,affiliatePercent:C,affiliateWallets:y}),loading:v,error:w,warning:L}}i(nu,"useSwapInput");var By=su("div",{position:"relative"}),My=su("div",{display:"flex",flexDirection:"column",gap:5,alignSelf:"stretch"});function au(){let t=Ny(),{fetch:e,loading:o,error:n,warning:r}=nu(),{fromToken:s,fromBlockchain:a,toToken:l,toBlockchain:p,setInputAmount:c,inputAmount:u,inputUsdValue:h,outputAmount:m,outputUsdValue:f,quote:C,resetQuoteWallets:S,setQuoteWarningsConfirmed:y}=X(),{config:g,fetchStatus:x}=d(),{connectedWallets:b,getBalanceFor:T}=V(),{isActiveTab:v}=ee(),[I,w]=Ly(!1),k=!!a&&xa(b,a.name),L=!1,W=!Rr(C,u,h),$=!Rr(C,u,f),F=Ra({fetchMetaStatus:x,fetchingQuote:o,inputAmount:u,quote:C,anyWalletConnected:b.length>0,error:n,warning:r,needsToWarnEthOnPath:L}),E=s?T(s):null,P=rn(E)?.amount??"0",J=a&&s?A(E?.amount,E?.decimals):"0",re=x==="success"&&!!u&&!!s&&!!l&&o;Wy(()=>{S()},[]);let ce=!h||!f||!f.gt(0)?null:qe(h.toString(),f.toString());return xe.createElement(ne,{height:"auto",footer:xe.createElement(Ay,{type:"primary",size:"large",disabled:F.disabled||!v,prefix:F.action==="confirm-warning"&&xe.createElement(Ey,null),fullWidth:!0,onClick:()=>{F.action==="connect-wallet"?t(_.wallets):F.action==="confirm-warning"?w(!0):t(_.confirmSwap)}},F.title),header:{onWallet:()=>{t(_.wallets)},hasBackButton:!1,title:g.title||us.t("Swap"),suffix:xe.createElement(Ii,{onClickRefresh:(C||n)&&!I?e:void 0,onClickHistory:()=>t(_.swaps),onClickSettings:()=>t(_.settings)})}},xe.createElement(se,null,xe.createElement(My,null,xe.createElement(By,null,xe.createElement(iu,{label:us.t("From"),mode:"From",onInputChange:c,balance:P,chain:{displayName:a?.displayName||"",image:a?.logo||""},token:{displayName:s?.symbol||"",image:s?.image||""},onClickToken:()=>t(_.fromSwap),price:{value:u,usdValue:W?void 0:A(h,4,4),realUsdValue:W?void 0:le(h),error:W?j().unknownPriceError.impactTitle:void 0},disabled:x==="failed",loading:x==="loading",loadingBalance:k,tooltipContainer:N(),onSelectMaxBalance:()=>{P!=="0"&&c(J.split(",").join(""))}}),xe.createElement(ou,null)),xe.createElement(iu,{sharpBottomStyle:!!C?.result||re,label:us.t("To"),mode:"To",fetchingQuote:re,chain:{displayName:p?.displayName||"",image:p?.logo||""},token:{displayName:l?.symbol||"",image:l?.image||""},percentageChange:A(qe(h,f),2,2),warningLevel:ft(ce??0),price:{value:A(m,6,6),usdValue:$?void 0:A(f,4,4),realValue:le(m),realUsdValue:$?void 0:le(f),error:$?j().unknownPriceError.impactTitle:void 0},onClickToken:()=>t(_.toSwap),disabled:x==="failed",loading:x==="loading",tooltipContainer:N()})),xe.createElement(ru,{size:"2"}),xe.createElement(Bo,{quote:C,loading:re,error:n,warning:r,type:"basic"}),r||n?xe.createElement(xe.Fragment,null,xe.createElement(ru,{size:"10"}),xe.createElement(bo,{warning:r,error:n,loading:re,refetchQuote:e,showWarningModal:I,confirmationDisabled:!v,onOpenWarningModal:()=>w(!0),onCloseWarningModal:()=>w(!1),onConfirmWarningModal:()=>{w(!1),y(!0),t(_.confirmSwap)},onChangeSettings:()=>t(_.settings)})):null))}i(au,"Home");import{i18n as lu}from"@lingui/core";import{List as Py,ListItemButton as $y,Radio as _y,RadioRoot as Dy,Typography as Fy}from"@rango-dev/ui";import Nt from"react";function ao(){let{setLanguage:t,language:e,config:o}=d(),n=$a,r=o?.language||ho;return{activeLanguage:e||r,languages:n,defaultLanguage:r,changeLanguage:s=>t(s||ho),resetLanguage:()=>t(null)}}i(ao,"useLanguage");function pu(){let{activeLanguage:t,changeLanguage:e,languages:o}=ao(),n=o.map(r=>{let{local:s,label:a,SVGFlag:l}=r;return{id:s,value:s,title:Nt.createElement(Fy,{variant:"title",size:"xmedium"},a),onClick:()=>e(r.local),end:Nt.createElement(_y,{value:s}),start:Nt.createElement(l,null)}});return Nt.createElement(ne,{header:{title:lu.t("Language")}},Nt.createElement(se,null,Nt.createElement(Dy,{value:t},Nt.createElement(Py,{type:Nt.createElement($y,{title:lu.t("language"),id:"_",onClick:()=>console.log()}),items:n}))))}i(pu,"LanguagePage");import{i18n as St}from"@lingui/core";import{Button as Gy,Checkbox as Hy,Image as Qy,ListItemButton as Vy,NotFound as jy,Typography as Xy}from"@rango-dev/ui";import Le,{useState as Ky}from"react";import{Checkbox as qy,Skeleton as uu}from"@rango-dev/ui";import Do from"react";import{styled as ms}from"@rango-dev/ui";var _o=ms("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto",variants:{disabled:{true:{pointerEvents:"none"}}}}),ds=ms("div",{width:80,display:"flex",justifyContent:"flex-end"}),fs=ms("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});import{ListItem as Uy,styled as Oy}from"@rango-dev/ui";var cu=Oy(Uy,{height:61});var zy=30;function gs(){return Do.createElement(_o,null,Array.from(Array(zy),t=>Do.createElement(cu,{hasDivider:!0,key:t,start:Do.createElement(uu,{variant:"circular",width:35,height:35}),title:Do.createElement(uu,{variant:"text",size:"large",width:90}),end:Do.createElement(qy,{checked:!1})})))}i(gs,"LoadingLiquiditySourceList");function hs({sourceType:t}){let e=d().fetchStatus,o=d().swappers(),n=d().getDisabledLiquiditySources(),[r,s]=Ky(""),a=d().toggleLiquiditySource,l=d().isInCampaignMode(),p=cn(o,n),c={Exchanges:St.t("Exchanges"),Bridges:St.t("Bridges")},u=[];t==="Exchanges"&&u.push("DEX"),t==="Bridges"&&(u.push("BRIDGE"),u.push("AGGREGATOR"));let h=p.filter(g=>u.includes(g.type)),m=h.length===h.filter(g=>g.selected).length,f=i(()=>{h.forEach(g=>{m?a(g.groupTitle):g.selected||a(g.groupTitle)})},"toggleAllSources"),C=h.map(g=>{let{selected:x,groupTitle:b,logo:T}=g;return{start:Le.createElement(Qy,{src:T,size:22,type:"circular"}),onClick:()=>{l||a(b)},end:Le.createElement(Hy,{checked:x,disabled:l}),title:Le.createElement(Xy,{variant:"title",size:"xmedium"},St.t(b)),...g}}),S=i(g=>{let x=g.target.value;s(x)},"searchHandler"),y=C;return r&&(y=C.filter(g=>tt(g.groupTitle,r))),Le.createElement(ne,{header:{title:St.t(t),suffix:Le.createElement(ds,null,Le.createElement(Gy,{variant:"ghost",size:"xsmall",onClick:f},m?St.t("Deselect all"):St.t("Select all")))}},Le.createElement(se,{view:!0},Le.createElement(ht,{value:r,setValue:s,fullWidth:!0,color:"light",variant:"contained",placeholder:St.t("Search {sourceType}",{sourceType:c[t]}),onChange:S}),e==="loading"&&Le.createElement(gs,null),!y.length&&r?Le.createElement(fs,null,Le.createElement(jy,{title:St.t("No results found"),description:St.t("Try using different keywords")})):e==="success"&&Le.createElement(_o,{disabled:l},y.map(g=>Le.createElement(Le.Fragment,{key:g.id},Le.createElement(Vy,{style:{height:"61px"},...g,selected:!1,hasDivider:!0}))))))}i(hs,"LiquiditySourcePage");import{i18n as Cu}from"@lingui/core";import{Divider as Tu,getCountCategories as iS,SelectableCategoryList as sS}from"@rango-dev/ui";import Ct,{useState as ku}from"react";import{i18n as Ss}from"@lingui/core";import{Divider as yu,Image as eS,ListItemButton as tS,NotFound as oS,Typography as Su}from"@rango-dev/ui";import Qe,{useEffect as nS,useState as rS}from"react";import{BlockchainCategories as ys}from"@rango-dev/ui";import{TransactionType as dr}from"rango-sdk";var Yy=i((t,e)=>{switch(e){case ys.ALL:return!0;case ys.UTXO:return t.type===dr.TRANSFER;case ys.OTHER:return t.type!==dr.TRANSFER&&t.type!==dr.COSMOS&&t.type!==dr.EVM;default:return t.type===e}},"filterByType"),mu=i((t,e,o)=>t.filter(n=>Yy(n,o)).filter(n=>$t(n.name,e)||$t(n.displayName,e)),"filterBlockchains");import{ImageContainer as Jy,styled as du}from"@rango-dev/ui";var fu=du("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),fr=du(To,{padding:0,margin:0,listStyle:"none",[`& ${Jy}`]:{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as Zy,Skeleton as gu}from"@rango-dev/ui";import gr from"react";var Ry=20;function hu(){return gr.createElement(fr,null,Array.from(Array(Ry),t=>gr.createElement(Zy,{key:t,hasDivider:!0,start:gr.createElement(gu,{variant:"circular",width:35,height:35}),title:gr.createElement(gu,{variant:"text",size:"large",width:90})})))}i(hu,"LoadingBlockchainList");function Cs(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[s,a]=rS(e),{fetchStatus:l}=d();nS(()=>{a([...mu(e,o,r)])},[e,o,r]);let p=i(()=>!s.length&&o?Qe.createElement(Qe.Fragment,null,Qe.createElement(yu,{size:32}),Qe.createElement(oS,{title:Ss.t("No results found"),description:Ss.t("Try using different keywords")})):Qe.createElement(fr,{as:"ul",key:`${r}-${o}`},s.map(c=>Qe.createElement(tS,{key:`${c.name}-${c.chainId}`,hasDivider:!0,onClick:()=>n(c),start:Qe.createElement(eS,{src:c.logo,size:30}),title:Qe.createElement(Su,{variant:"title",size:"medium"},c.displayName),id:c.chainId}))),"renderList");return Qe.createElement(fu,null,Qe.createElement(Su,{variant:"label",size:"large"},Ss.t("Select Blockchain")),Qe.createElement(yu,{size:4}),l==="loading"&&Qe.createElement(hu,null),l==="success"&&p())}i(Cs,"BlockchainList");function Ts(t){let{type:e}=t,o=It(),[n,r]=ku(""),[s,a]=ku("ALL"),l=X.use.setToBlockchain(),p=X.use.setFromBlockchain(),c=d().fetchStatus,u=d().blockchains({type:e}),m=iS(u)!==1;return Ct.createElement(ne,{header:{title:Cu.t("Select Blockchain")}},Ct.createElement(se,{view:!0},m&&Ct.createElement(Ct.Fragment,null,Ct.createElement(sS,{setCategory:a,category:s,blockchains:u,isLoading:c==="loading"}),Ct.createElement(Tu,{size:24})),Ct.createElement(ht,{value:n,autoFocus:!0,placeholder:Cu.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:f=>r(f.target.value)}),Ct.createElement(Tu,{size:16}),Ct.createElement(Cs,{list:u,searchedFor:n,blockchainCategory:s,onChange:f=>{e==="source"?p(f):l(f),o()}})))}i(Ts,"SelectBlockchainPage");import{i18n as Tr}from"@lingui/core";import{Divider as qu}from"@rango-dev/ui";import Gt,{useState as vS}from"react";import{useNavigate as xS}from"react-router-dom";import{i18n as vs}from"@lingui/core";import{BlockchainsChip as hr,Divider as bu,Image as Iu,Skeleton as uS,Tooltip as mS,Typography as xs}from"@rango-dev/ui";import Se from"react";import{useEffect as pS}from"react";var wu=["ETH","COSMOS","OSMOSIS"];function ks(t,e,o){let n=JSON.parse(JSON.stringify(t)),r=[];if(n.sort(aS),o?.limit&&t.length>o.limit){let s=o.limit,a=e;if(e.length<=o.limit){let l=o.limit-e.length;for(let p=0;p<=l;p++){let c=n[p];a=a.filter(u=>c.name!==u)}}n.sort(lS(a)),r=n.splice(s)}return{list:n,more:r}}i(ks,"prepare");function aS(t,e){let o=wu,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(aS,"sortByMostUsedBlockchains");function lS(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(lS,"generateSortByPreferredBlockchainsFor");function vu(t,e){return!!e.list.find(o=>o.name===t)}i(vu,"isInVisibleList");function ws(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=d();pS(()=>{if(e?.selected){let s=ks(t,o,e);vu(e.selected,s)||n(e?.selected)}},[e?.selected]);let r=ks(t,o,e);return{list:r.list,more:r.more,history:[]}}i(ws,"usePrepareBlockchainList");import{styled as cS}from"@rango-dev/ui";var xu=cS("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var dS=12;function bs(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:s}=t,a=ws(e,{limit:10,selected:n?.name}),{fetchStatus:l}=d(),p=X.use.resetToBlockchain(),c=X.use.resetFromBlockchain(),u=a.more.length>0,h=a.more.length===1,m=!h&&u;return Se.createElement(Se.Fragment,null,Se.createElement(bu,{size:12}),Se.createElement(xs,{variant:"label",size:"large"},vs.t("Select Blockchain")),Se.createElement(bu,{size:12}),Se.createElement(xu,null,l==="loading"&&Array.from(Array(dS),f=>Se.createElement(uS,{key:f,variant:"rounded",height:50})),l==="success"&&Se.createElement(Se.Fragment,null,Se.createElement(hr,{selected:!n,onClick:()=>{o==="from"?c():p()}},Se.createElement(xs,{variant:"body",size:"xsmall",color:"secondary500"},vs.t("All"))),a.list.map(f=>Se.createElement(mS,{key:f.name,content:f.shortName,side:"bottom",sideOffset:2,container:N()},Se.createElement(hr,{key:f.name,selected:!!n&&n.name===f.name,onClick:()=>r(f)},Se.createElement(Iu,{src:f.logo,size:30})))),h?Se.createElement(hr,{key:a.more[0].name,selected:!!n&&n.name===a.more[0].name,onClick:()=>r(a.more[0])},Se.createElement(Iu,{src:a.more[0].logo,size:30})):null,m?Se.createElement(hr,{onClick:s,key:"more-blockchains"},Se.createElement(xs,{variant:"body",size:"xsmall",color:"secondary500"},vs._("More +{count}",{count:a.more.length}))):null)))}i(bs,"BlockchainsSection");import{i18n as $s}from"@lingui/core";import{darkTheme as _u,Divider as po,ExternalLinkIcon as hS,Image as yS,ListItemButton as SS,NotFound as CS,PinIcon as TS,Skeleton as Du,Typography as Cr,VirtualizedList as kS}from"@rango-dev/ui";import D,{useEffect as Fu,useState as Uu}from"react";import{Divider as Pu,ListItem as gS,Skeleton as Fo}from"@rango-dev/ui";import Re from"react";import{css as lo,darkTheme as Au,ImageContainer as fS,styled as Ze,Typography as Eu}from"@rango-dev/ui";var Is=lo({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}),As=lo({position:"relative",height:12,width:"30%",maxWidth:"150px"}),Es=lo({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",bottom:"-8px"}),Ws=lo({transform:"translateY(12px)",visibility:"hidden","& a":{display:"flex",justifyContent:"center",alignItems:"center",fontSize:"$12",lineHeight:"$16",$$color:"$colors$neutral600",[`.${Au} &`]:{$$color:"$colors$neutral700"},color:"$$color",textDecoration:"none"}}),Ls=lo({}),Ns=lo(),Wu=Ze("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),Bs=Ze("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),yr=Ze("ul",{flexGrow:1,padding:0,margin:0,listStyle:"none","& li":{alignItems:"none","&:hover":{[`& .${As}`]:{[`& .${Ws}`]:{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",visibility:"visible"},[`& .${Ls}`]:{bottom:"-15px"},[`& .${Is}`]:{position:"absolute",transform:"translateY(-12px)",visibility:"hidden"},[`& .${Es}`]:{position:"absolute",transform:"translateY(-12px)",bottom:"-10px"}}}}}),Ms=Ze("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),Ps=Ze(Eu,{}),Lu=Ze("div",{textAlign:"right",width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",[`& .${Ns}`]:{$$color:"$colors$neutral600",[`.${Au} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Sr=Ze("div",{display:"flex",alignItems:"end",flexDirection:"column"}),m$=Ze("div",{display:"flex",alignItems:"center"}),Nu=Ze("div",{position:"relative",[`& ${fS}`]:{borderRadius:"$xm",overflow:"hidden"}}),Bu=Ze("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6}),Mu=Ze(Eu,{width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"});function $u(t){return Re.createElement(yr,null,Array.from(Array(t.size),e=>Re.createElement(gS,{key:e,hasDivider:!0,start:Re.createElement(Fo,{variant:"circular",width:35,height:35}),end:Re.createElement(Sr,null,Re.createElement(Fo,{variant:"text",size:"large",width:70}),Re.createElement(Pu,{size:4}),Re.createElement(Fo,{variant:"text",size:"medium",width:50})),title:Re.createElement("div",null,Re.createElement(Fo,{variant:"text",size:"large",width:90}),Re.createElement(Pu,{size:4}),Re.createElement(Fo,{variant:"text",size:"medium",width:90}))})))}i($u,"LoadingTokenList");var _s=20,wS=i(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:s,customCssForTagTitle:a}=t,l=e.length;return D.createElement("div",{className:As()},o?D.createElement("div",{className:Is()},o):D.createElement(Bs,{className:Es()},D.createElement(Cr,{variant:"title",size:"xmedium"},r.symbol),D.createElement(po,{direction:"horizontal",size:4}),D.createElement(Ms,{css:s},D.createElement(Ps,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&D.createElement("div",{className:`${Ws()} ${!o&&Ls()}`},D.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," ",D.createElement(po,{size:4,direction:"horizontal"}),D.createElement(hS,{color:"gray",size:12}))))},"renderDesc");function Ou(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[s,a]=Uu(e),l=d().fetchStatus,p=d().blockchains(),[c,u]=Uu(!0),{getBalanceFor:h,loading:m}=V(),{isTokenPinned:f}=d(),C=i(()=>{a(e.slice(0,s.length+_s))},"loadNextPage");Fu(()=>{u(e.length>s.length)},[s.length]),Fu(()=>{a(e.slice(0,_s))},[e]);let S=i(()=>!s.length&&o?D.createElement(D.Fragment,null,D.createElement(po,{size:32}),D.createElement(CS,{title:$s.t("No results found"),description:$s.t("Try using different keywords")})):D.createElement(kS,{endReached:c?C:void 0,itemContent:y=>{let g=s[y],x=rn(h(g)),b=g.address||"",T=p.find(k=>k.name===g.blockchain),v=Pn(g.symbol,T?.color||""),I={$$color:v[`${g.symbol}100`],[`.${_u} &`]:{$$color:v[`${g.symbol}900`]},backgroundColor:"$$color"},w={$$color:v[`${g.symbol}700`],[`.${_u} &`]:{$$color:v[`${g.symbol}100`]},color:"$$color"};return D.createElement("div",{style:{paddingRight:5}},D.createElement(SS,{style:{width:"100%",overflow:"hidden"},"tab-index":y,key:`${g.symbol}${g.address}`,id:`${g.symbol}${g.address}`,hasDivider:!0,onClick:()=>n(s[y]),start:D.createElement(Nu,null,D.createElement(yS,{src:g.image,size:30}),f(g,t.type)&&D.createElement(Bu,null,D.createElement(TS,{size:12,color:"gray"}))),title:T?.type==="COSMOS"||g.name||!g.name&&!b?D.createElement(Bs,null,D.createElement(Cr,{variant:"title",size:"xmedium"},g.symbol),D.createElement(po,{direction:"horizontal",size:4}),D.createElement(Ms,{css:I},D.createElement(Ps,{variant:"body",size:"xsmall",css:w},g.blockchain))):void 0,description:T?.info&&b&&T.type!=="COSMOS"?wS({address:b,token:s[y],customCssForTag:I,customCssForTagTitle:w,name:g.name,url:T.info.addressUrl.split("{wallet}").join(b)}):g.name||void 0,end:m?D.createElement(Sr,null,D.createElement(Du,{variant:"text",size:"large",width:70}),D.createElement(po,{size:4}),D.createElement(Du,{variant:"text",size:"medium",width:50})):x&&D.createElement(Lu,null,D.createElement(Mu,{variant:"title",size:"small"},x.amount),D.createElement("div",null),x.usdValue&&D.createElement(Cr,{variant:"body",className:Ns(),size:"xsmall"},`$${x.usdValue}`))}))},totalCount:s.length,key:`${r}-${o}`}),"renderList");return D.createElement(Wu,null,D.createElement(Cr,{variant:"label",size:"large"},$s.t("Select Token")),D.createElement(po,{size:4}),l==="loading"&&D.createElement($u,{size:_s}),l==="success"&&D.createElement(yr,{as:"ul"},S()))}i(Ou,"TokenList");function Ds(t){let{type:e}=t,o=xS(),n=It(),{fromBlockchain:r,toBlockchain:s,setFromToken:a,setToToken:l,setFromBlockchain:p,setToBlockchain:c}=X(),u=V.use.getBalanceFor(),[h,m]=vS(""),{isTokenPinned:f}=d(),S=(e==="source"?r:s)?.name??"",y=d().blockchains({type:e}),g=d().tokens({type:e,blockchain:S,searchFor:h}),b=ka(g,u,i(w=>f(w,e),"checkIsTokenPinned")),T=i(w=>{e==="source"?p(w):c(w)},"updateBlockchain"),v=i(w=>{e==="source"?a({token:w,meta:{blockchains:y,tokens:g}}):l({token:w,meta:{blockchains:y,tokens:g}})},"updateToken"),I={source:Tr.t("Source"),destination:Tr.t("Destination")};return Gt.createElement(ne,{header:{title:Tr.t("Swap {type}",{type:I[e]})}},Gt.createElement(se,null,Gt.createElement(bs,{blockchains:y,type:e=="source"?"from":"to",blockchain:e==="source"?r:s,onMoreClick:()=>o(_.blockchains),onChange:w=>{T(w)}}),Gt.createElement(qu,{size:24}),Gt.createElement(ht,{value:h,autoFocus:!0,placeholder:Tr.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>m(""),onChange:w=>m(w.target.value)}),Gt.createElement(qu,{size:16}),Gt.createElement(Ou,{list:b,selectedBlockchain:S,searchedFor:h,type:e,onChange:w=>{v(w);let k=y.find(L=>w.blockchain===L.name);k&&T(k),n()}})))}i(Ds,"SelectSwapItemsPage");import{i18n as Bt}from"@lingui/core";import{Alert as BS,Button as MS,ChevronRightIcon as Os,Divider as qs,InfoIcon as PS,List as $S,ListItemButton as _S,Skeleton as DS,styled as FS,Switch as US,Tooltip as OS,Typography as Ht}from"@rango-dev/ui";import H from"react";import{useInRouterContext as qS,useNavigate as zS,useSearchParams as GS}from"react-router-dom";import{i18n as ju}from"@lingui/core";import{Divider as ES,InfoIcon as WS,TextField as LS,Tooltip as NS,Typography as Xu}from"@rango-dev/ui";import Fe from"react";import{Chip as bS,styled as Uo,TextField as IS}from"@rango-dev/ui";var zu=Uo("div",{paddingTop:"$5",padding:"$10 $5"}),Gu=Uo("div",{display:"flex",flexWrap:"wrap",gap:"$10",[`& ${IS}`]:{flex:"1 1 0",maxWidth:"127px",minWidth:"85px"}}),Hu=Uo("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),kr=Uo("div",{maxWidth:"280px",padding:"$10"}),Qu=Uo(bS,{width:"61px",flexShrink:0});import{i18n as Fs}from"@lingui/core";import{Typography as AS}from"@rango-dev/ui";import Oo from"react";function Vu(){return Oo.createElement(kr,null,Oo.createElement(AS,{variant:"label",size:"medium",color:"neutral700"},Fs.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),Oo.createElement("br",null),Oo.createElement("br",null),Oo.createElement("b",null,Fs.t("Warning")),":",Fs.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(Vu,"SlippageTooltipContent");function Us(){let{slippage:t,setSlippage:e,customSlippage:o,setCustomSlippage:n}=d();return Fe.createElement(zu,null,Fe.createElement(Hu,null,Fe.createElement(Xu,{variant:"title",size:"xmedium"},ju.t("Slippage tolerance per swap")),Fe.createElement(ES,{direction:"horizontal",size:4}),Fe.createElement(NS,{container:N(),side:"top",sideOffset:4,content:Fe.createElement(Vu,null)},Fe.createElement(WS,{color:"gray"}))),Fe.createElement(Gu,null,_a.map((r,s)=>{let a=`slippage-${s}`;return Fe.createElement(Fe.Fragment,null,Fe.createElement(Qu,{key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`}))}),Fe.createElement(LS,{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>=Oa&&a<=Ua?n(a):n(null)},suffix:o&&Fe.createElement(Xu,{variant:"body",size:"small"},"%"),placeholder:ju.t("Custom")})))}i(Us,"Slippage");var HS=FS("div",{paddingLeft:"$8"});function Ku(){let t=zS(),{theme:e}=d().config,o=d().fetchStatus,n=d().swappers(),r=d().getDisabledLiquiditySources(),{config:{features:s},isInCampaignMode:a,updateCampaignMode:l}=d(),p=a(),c=Ue("theme",s),u=Ue("liquiditySource",s),h=Ue("language",s),m=d().infiniteApprove,f=d().toggleInfiniteApprove,C=cn(n,r),S=C.filter(P=>P.type==="BRIDGE"||P.type==="AGGREGATOR"),y=S.length,g=S.filter(P=>P.selected).length,x=C.filter(P=>P.type==="DEX"),b=x.length,T=x.filter(P=>P.selected).length,v=i((P,J)=>{switch(o){case"loading":return H.createElement(DS,{variant:"text",size:"medium",width:50});case"failed":return H.createElement(Ht,{variant:"body",size:"medium",color:"$error500"},Bt.t("Loading failed"));default:return H.createElement(Ht,{variant:"body",size:"medium"},`${P} / ${J}`)}},"handleEndItem"),I={id:"bridge-item",title:H.createElement(Ht,{variant:"title",size:"xmedium"},Bt.t("Enabled bridges")),end:H.createElement(H.Fragment,null,v(g,y),H.createElement(qs,{direction:"horizontal",size:8}),H.createElement(Os,{color:"black"})),onClick:()=>t(_.bridges)},w={id:"exchange-item",title:H.createElement(Ht,{variant:"title",size:"xmedium"},Bt.t("Enabled exchanges")),end:H.createElement(H.Fragment,null,v(T,b),H.createElement(qs,{direction:"horizontal",size:8}),H.createElement(Os,{color:"gray"})),onClick:()=>t(_.exchanges)},k={id:"theme-item",title:H.createElement(Ht,{variant:"title",size:"xmedium"},Bt.t("Theme")),end:H.createElement(Os,{color:"gray"}),onClick:()=>t(_.themes)},L={id:"infinite-approval-item",title:H.createElement(H.Fragment,null,H.createElement(Ht,{variant:"title",size:"xmedium"},Bt.t("Infinite approval")),H.createElement(qs,{direction:"horizontal",size:4}),H.createElement(OS,{side:"top",sideOffset:4,container:N(),content:H.createElement(kr,null,H.createElement(Ht,{variant:"label",size:"medium",color:"neutral700"},Bt.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.")))},H.createElement(PS,{color:"gray"}))),end:H.createElement(US,{checked:m}),onClick:f},W=u?[]:[I,w];!e?.singleTheme&&!c&&W.push(k),W.push(L);let[,$]=GS(),F=qS(),E=i(()=>{F&&p&&($(P=>(P.delete("liquiditySources"),P),{replace:!0}),l("liquiditySources",void 0))},"onClick");return H.createElement(ne,{header:{title:Bt.t("Settings")}},H.createElement(se,null,p&&H.createElement(BS,{type:"info",variant:"alarm",title:Bt.t("Currently, you're in campaign mode with restrictions on liquidity sources. Would you like to switch out of this mode and make use of all available liquidity sources?"),action:H.createElement(HS,null,H.createElement(MS,{type:"secondary",size:"small",onClick:E},"Reset"))}),H.createElement(Us,null),H.createElement($S,{type:H.createElement(_S,{title:"_",id:"_",onClick:()=>console.log()}),items:W})))}i(Ku,"SettingsPage");import{i18n as LC}from"@lingui/core";import{cancelSwap as NC}from"@rango-dev/queue-manager-rango-preset";import{useManager as BC}from"@rango-dev/queue-manager-react";import{Alert as MC}from"@rango-dev/ui";import oa from"react";import{useParams as PC}from"react-router-dom";import{i18n as Tt}from"@lingui/core";import{getCurrentBlockchainOfOrNull as mC,getCurrentStep as dC,getRelatedWalletOrNull as fC}from"@rango-dev/queue-manager-rango-preset";import{Button as vm,CopyIcon as gC,Divider as hC,IconButton as yC,LinkIcon as SC,QuoteCost as CC,StepDetails as TC,Typography as uo,useCopyToClipboard as kC}from"@rango-dev/ui";import{useWallets as wC}from"@rango-dev/wallets-react";import xm from"bignumber.js";import{PendingSwapNetworkStatus as Nr}from"rango-types";import R,{useEffect as bm,useRef as vC,useState as Im}from"react";import{useNavigate as xC}from"react-router-dom";import{i18n as Mt}from"@lingui/core";var QS=[Mt.t("Sunday"),Mt.t("Monday"),Mt.t("Tuesday"),Mt.t("Wednesday"),Mt.t("Thursday"),Mt.t("Friday"),Mt.t("Saturday")];function Yu(t){let e=new Date(t),o=e.getDate(),n=e.toLocaleString("default",{month:"long"}),r=e.getFullYear();return`${e.getDay()===new Date().getDay()?Mt.t("Today"):`${QS[e.getDay()]} ${o} ${n} ${r}`}, ${new Date(t).toLocaleTimeString()}`}i(Yu,"timeSince");function Ju(t){return t.finishTime?Yu(parseInt(t.finishTime)):Yu(parseInt(t.creationTime))}i(Ju,"getSwapDate");import{PendingSwapNetworkStatus as xr}from"rango-types";import br from"react";import{i18n as wr}from"@lingui/core";import{Button as Zu,Divider as zs,MessageBox as VS,Typography as Ru}from"@rango-dev/ui";import pt from"react";var em=i(({onCancel:t,onClose:e})=>pt.createElement(pt.Fragment,null,pt.createElement(zs,{size:20}),pt.createElement(VS,{type:"error",title:wr.t("Cancel Swap"),description:wr.t("Are you sure you want to cancel this swap?")}),pt.createElement(zs,{size:32}),pt.createElement(Zu,{variant:"contained",type:"primary",size:"large",onClick:t},pt.createElement(Ru,{variant:"title",size:"medium",color:"neutral100"},wr.t("Yes, Cancel it"))),pt.createElement(zs,{size:12}),pt.createElement(Zu,{variant:"outlined",type:"primary",size:"large",onClick:e},pt.createElement(Ru,{variant:"title",size:"medium",color:"primary"},wr.t("No, Continue")))),"CancelContent");import{i18n as vr}from"@lingui/core";import{Button as tm,Divider as Gs,MessageBox as jS,Typography as om}from"@rango-dev/ui";import ct from"react";var nm=i(({onDelete:t,onClose:e})=>ct.createElement(ct.Fragment,null,ct.createElement(Gs,{size:20}),ct.createElement(jS,{type:"error",title:vr.t("Delete Transaction"),description:vr.t("Are you sure you want to delete this swap?")}),ct.createElement(Gs,{size:32}),ct.createElement(tm,{variant:"contained",type:"primary",size:"large",onClick:t},ct.createElement(om,{variant:"title",size:"medium",color:"neutral100"},vr.t("Yes, Delete it"))),ct.createElement(Gs,{size:12}),ct.createElement(tm,{variant:"outlined",type:"primary",size:"large",onClick:e},ct.createElement(om,{variant:"title",size:"medium",color:"primary"},vr.t("No, Cancel")))),"DeleteContent");import{i18n as Hs}from"@lingui/core";import{PendingSwapNetworkStatus as Qs}from"rango-types";var Vs={[Qs.WaitingForNetworkChange]:{type:"loading",title:Hs.t("Change Network")},[Qs.WaitingForConnectingWallet]:{type:"warning",title:Hs.t("Connect Wallet")},[Qs.NetworkChanged]:{type:"success",title:Hs.t("Network Changed")}};import{MessageBox as KS,Wallet as YS}from"@rango-dev/ui";import{useWallets as JS}from"@rango-dev/wallets-react";import qo from"react";import{styled as XS}from"@rango-dev/ui";var rm=XS("div",{display:"flex",justifyContent:"center"});var im=i(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:s,walletButtonDisabled:a}=t,{connect:l,getWalletInfo:p,state:c}=JS(),u=n?.walletType,h=u?Ur(c(u)):null,m=u?p(u):null;return qo.createElement(qo.Fragment,null,qo.createElement(KS,{type:e,title:o,description:r}),s&&!!u&&!!h&&!!m&&qo.createElement(rm,null,qo.createElement(YS,{container:N(),title:m.name,image:m.img,type:u,state:h,link:m.installLink,disabled:a,onClick:async()=>l(u)})))},"WalletStateContent");function js(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:s,message:a,walletButtonDisabled:l}=t,p=e===xr.WaitingForNetworkChange||e===xr.WaitingForConnectingWallet||e===xr.NetworkChanged;return br.createElement(ie,{open:!!e,onClose:o,container:document.getElementById(be.SWAP_BOX_ID)||document.body},p&&br.createElement(im,{type:Vs[e].type,title:Vs[e].title,currentStepWallet:s,message:a,walletButtonDisabled:l,showWalletButton:e!==xr.WaitingForNetworkChange}),e==="delete"&&br.createElement(nm,{onClose:o,onDelete:n}),e==="cancel"&&br.createElement(em,{onClose:o,onCancel:r}))}i(js,"SwapDetailsModal");import{i18n as zo}from"@lingui/core";import{Button as Xs,Divider as Ir,MessageBox as sm,TokenAmount as ZS,Typography as Ar}from"@rango-dev/ui";import Te from"react";import{useNavigate as RS}from"react-router-dom";function Ks(t){let{open:e,onClose:o,status:n,priceValue:r,usdValue:s,realUsdValue:a,realValue:l,token:p,chain:c,percentageChange:u,description:h,diagnosisUrl:m}=t,f=RS();return Te.createElement(ie,{open:e,onClose:o,container:document.getElementById(be.SWAP_BOX_ID)||document.body},n==="success"?Te.createElement(sm,{type:"success",title:zo.t("Swap Successful")},Te.createElement(ZS,{direction:"vertical",tooltipContainer:N(),type:"output",centerAlign:!0,price:{value:r,usdValue:s,realUsdValue:a,realValue:l},token:p,chain:c,percentageChange:u}),Te.createElement(Ir,{size:12}),Te.createElement(Ar,{variant:"body",size:"medium",color:"neutral700",align:"center"},h)):Te.createElement(sm,{type:"error",title:zo.t("Transaction Failed"),description:h}),Te.createElement(Ir,{size:32}),n==="success"&&Te.createElement(Xs,{variant:"contained",type:"primary",size:"large",onClick:()=>{f("../../")}},Te.createElement(Ar,{variant:"title",size:"medium",color:"neutral100"},zo.t("Done"))),Te.createElement(Ir,{size:12}),m&&Te.createElement(Te.Fragment,null,Te.createElement(Xs,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(m,"_blank")},Te.createElement(Ar,{variant:"title",size:"medium",color:"primary"},zo.t("Diagnosis"))),Te.createElement(Ir,{size:12})),Te.createElement(Xs,{variant:"outlined",type:"primary",size:"large",onClick:o},Te.createElement(Ar,{variant:"title",size:"medium",color:"primary"},zo.t("See Details"))))}i(Ks,"SwapDetailsCompleteModal");import cC from"react";import{i18n as sC}from"@lingui/core";import{Alert as mm,IconButton as aC,LinkIcon as lC}from"@rango-dev/ui";import Pt,{Fragment as pC}from"react";import{Alert as eC,ChevronDownIcon as tC,ChevronUpIcon as oC,IconButton as nC}from"@rango-dev/ui";import Er,{useState as rC}from"react";function am(t){let{message:e}=t,[o,n]=rC(!1);return Er.createElement(eC,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&Er.createElement(nC,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?Er.createElement(oC,{size:12,color:"gray"}):Er.createElement(tC,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}i(am,"FailedAlert");import{styled as iC}from"@rango-dev/ui";var lm=iC("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as pm}from"@lingui/core";import{Alert as Ys,Button as cm}from"@rango-dev/ui";import{PendingSwapNetworkStatus as Js}from"rango-types";import Go from"react";function um(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?Go.createElement(Ys,{type:"warning",title:n.shortMessage,action:Go.createElement(cm,{size:"xxsmall",type:"warning",onClick:()=>{o(Js.WaitingForNetworkChange),e().catch(s=>{console.log(s)})}},pm.t("Change"))}):r===Js.WaitingForConnectingWallet?Go.createElement(Ys,{type:"warning",title:n.shortMessage,action:Go.createElement(cm,{size:"xxsmall",type:"warning",onClick:()=>{o(Js.WaitingForConnectingWallet)}},pm.t("Connect"))}):Go.createElement(Ys,{type:"warning",title:n.shortMessage})}i(um,"WarningAlert");function Zs(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:s,hasAlreadyProceededToSign:a}=t,l=So(s),p=s.status==="waitingForApproval"&&!l,c=s.status==="running"&&!l,u=c&&!a||p&&!s.explorerUrl?.length;return Pt.createElement(lm,null,s.explorerUrl?.map((h,m,f)=>{let C=m+h.url,S=m===f.length-1,y=(S&&c||p)&&!u,g=S&&s.status==="failed";return Pt.createElement(pC,{key:C},Pt.createElement(mm,{type:S&&(y&&"loading"||g&&"error")||"success",title:h.description?`${h.description} Tx`:sC.t("View transaction"),action:h.url&&Pt.createElement(aC,{variant:"ghost",size:"xsmall",onClick:()=>window.open(h.url,"_blank")},Pt.createElement(lC,{size:12}))}))}),u&&Pt.createElement(mm,{type:"loading",title:r.shortMessage}),s.status!=="failed"&&l&&Pt.createElement(um,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),s.status==="failed"&&Pt.createElement(am,{message:r}))}i(Zs,"SwapDetailsAlerts");var dm=2e3;var fm=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:Oe(s.fromBlockchain,e)??"",image:s.fromBlockchainLogo??""},price:{value:A(l,6,6),realValue:l}},to:{token:{displayName:s.toSymbol,image:s.toLogo},chain:{displayName:Oe(s.toBlockchain,e)??"",image:s.toBlockchainLogo??""},price:{value:A(s.outputAmount||s.expectedOutputAmountHumanReadable,6,6),realValue:s.outputAmount||s.expectedOutputAmountHumanReadable}},swapper:{displayName:yo(s.swapperId,o),image:s.swapperLogo??"",type:s.swapperType},internalSwaps:s.internalSwaps?s.internalSwaps.map(p=>({from:{blockchain:Oe(p.fromBlockchain,e)??""},to:{blockchain:Oe(p.toBlockchain,e)??""},swapper:{displayName:yo(p.swapperId,o),image:p.swapperLogo??"",type:p.swapperType}})):[],alerts:cC.createElement(Zs,{step:s,hasAlreadyProceededToSign:r,...n})}})},"getSteps");function gm(t){if(So(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(gm,"getStepState");import{css as Ho,darkTheme as uC,styled as Qt}from"@rango-dev/ui";var hm=Qt("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),Wr=Qt("div",{width:"100%"}),ym=Qt(To,{padding:"$0 $20 $20 $20"}),RD=Qt("div",{display:"flex",flexDirection:"column",gap:"$10"}),Sm=Qt("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),e1=Qt("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1}),co=Ho({display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",padding:"$10 $20",borderBottom:"1px solid",$$color:"$colors$neutral300",[`.${uC} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color",color:"$neutral500"}),Cm=Ho({padding:"$5 0"}),Lr=Ho({display:"flex",justifyContent:"center",alignItems:"center",height:"$24"}),Tm=Ho({display:"flex",width:"100%",padding:"$15 $20 $20",flexDirection:"column",alignItems:"start"}),km=Ho({width:"100%",padding:"0 $20 $10"}),wm=Qt("a",{fontSize:"$16",fontWeight:"$400",color:"$neutral700",display:"flex",alignItems:"center",justifyContent:"center"});function Rs(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:s,connect:a,getWalletInfo:l}=wC(),p=d().blockchains(),c=d().swappers(),u=d().tokens(),h=X.use.retry(),m=ee.use.isActiveTab(),f=xC(),[C,S]=kC(dm),y=vC(null),[g,x]=Im(null),[b,T]=Im(null),v=i(()=>{r(),x(null)},"onCancel"),I=_e.use.getUnreadNotifications(),w=_e.use.setAsRead(),k=I(),L=dC(e),W=L?.networkStatus;bm(()=>{k.find(kt=>kt.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(T(e.status),w(e.requestId))},[e.status]),bm(()=>{ce?x(Nr.WaitingForNetworkChange):W===Nr.WaitingForConnectingWallet||W===Nr.NetworkChanged?x(W):x(null)},[W]);let $=cl(e),F=L?mC(e,L):null,E=L?fC(e,L):null,P=Ju(e),J=ul(e),re=i($e=>!!l($e)?.mobileWallet,"isMobileWallet"),ce=W===Nr.WaitingForNetworkChange&&!!F&&!!E?.walletType&&(re(E.walletType)||s(E.walletType,F)),Q=ce?a.bind(null,E.walletType,F):void 0,Ne=pl(e,L),K=fm({swap:e,switchNetwork:Q,showNetworkModal:W,setNetworkModal:x,message:Ne,blockchains:p,swappers:c}),q=K.length,[ke,ut]=[e.steps[0],e.steps[q-1]],Be=ut.outputAmount||ut.expectedOutputAmountHumanReadable,mt=e.steps.reduce(($e,kt)=>$e+parseFloat(kt.feeInUsd||""),0),U=e.steps.find($e=>$e.diagnosisUrl)?.diagnosisUrl,Y=A(parseFloat(A(Be,6,6))*(ut.toUsdPrice||0),4,4),Z=A(parseFloat(e.inputAmount)*(ke.fromUsdPrice||0),4,4),me=Be?le(new xm(Be).multipliedBy(ut.toUsdPrice||0)):"",we=le(new xm(e.inputAmount).multipliedBy(ke.fromUsdPrice||0)),Ve=qe(Z,Y),Dr=e.status==="success"?Tt.t({id:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:A(Be,6,6),token:K[q-1].to.token.displayName,conciseAddress:sn(e.wallets[K[q-1].to.chain.displayName]?.address||""),chain:K[q-1].to.chain.displayName}}):`${Tt.t("Transaction was not sent.")} ${$?Tt.t({id:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:$.outputAmount,symbol:$.symbol,blockchain:$.blockchain}}):""}`;return R.createElement(ne,{header:{title:Tt.t("Swap and Bridge"),onCancel:e.status==="running"?()=>x("cancel"):void 0,suffix:e.status!=="running"&&R.createElement(Rt,null,R.createElement(vm,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>x("delete")},R.createElement(uo,{size:"medium",variant:"label",color:"error"},Tt.t("Delete"))))},footer:J&&!b&&R.createElement(vm,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{h(e,{blockchains:p,tokens:u}),setTimeout(()=>{f("../../")},0)}},Tt.t("Try again"))},R.createElement(se,{compact:!0,view:!0},R.createElement(Wr,null,R.createElement("div",{className:co()},R.createElement(uo,{variant:"label",size:"large",color:"neutral700"},`${Tt.t("Request ID")}:`),R.createElement("div",{className:Lr()},R.createElement(uo,{variant:"label",size:"small",color:"neutral700"},o),R.createElement(yC,{variant:"ghost",onClick:S.bind(null,o||"")},R.createElement(gC,{size:16,color:"gray"})),R.createElement(wm,{target:"_blank",href:`${ca}/swap/${o}`},R.createElement(SC,{size:16})))),R.createElement("div",{className:co()},R.createElement(uo,{variant:"label",size:"large",color:"neutral700"},`${Tt.t(e.finishTime?"Finished at":"Created at")}:`),R.createElement(uo,{variant:"label",size:"small",color:"neutral700"},P))),R.createElement("div",{className:Tm()},R.createElement(CC,{fee:A(String(mt),2,2),time:Jo(Zo(e.steps)),steps:q}),R.createElement(Ao,{from:{price:{value:A(e.inputAmount,6,6),usdValue:Z,realUsdValue:we,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:A(Be,6,6),usdValue:Y,realUsdValue:me,realValue:Be},token:{displayName:K[q-1].to.token.displayName,image:K[q-1].to.token.image},chain:{image:K[q-1].to.chain.image,displayName:K[q-1].to.chain.displayName}},percentageChange:A(Ve,2,2),warningLevel:ft(Ve??0)})),R.createElement("div",{className:km()},R.createElement(uo,{variant:"title",size:"small"},Tt.t("Swaps steps"))),R.createElement(hC,{size:8}),R.createElement(ym,{ref:y},K.map(($e,kt)=>{let la=kt,mo=gm(e.steps[kt]),jm=mo==="error"||mo==="in-progress"||mo==="warning"||mo==="completed"&&kt===K.length-1;return R.createElement(TC,{key:la,step:$e,type:"swap-progress",ref:y,state:mo,hasSeparator:kt!==0,tabIndex:la,isFocused:jm,tooltipContainer:N()})}))),R.createElement(js,{state:g,onClose:()=>x(null),onCancel:v,onDelete:n,message:Ne.detailedMessage.content,currentStepWallet:E,walletButtonDisabled:!m}),R.createElement(Ks,{open:!!b,diagnosisUrl:U,onClose:()=>T(null),status:e.status==="success"?"success":"failed",priceValue:A(Be,6,6),usdValue:Y,realUsdValue:me,realValue:le(Be),percentageChange:A(Ve,2,2),token:{displayName:K[q-1].to.token.displayName,image:K[q-1].to.token.image},chain:{image:K[q-1].to.chain.image},description:Dr}))}i(Rs,"SwapDetails");import{i18n as Mr}from"@lingui/core";import{Divider as Wm,NotFound as WC,Skeleton as Vo,Typography as Pr}from"@rango-dev/ui";import ue from"react";import{i18n as bC}from"@lingui/core";import{Divider as IC,Skeleton as AC,Typography as EC}from"@rango-dev/ui";import fe from"react";import{css as et,styled as ea}from"@rango-dev/ui";var Am=ea("div",{width:"100%",height:"100%",padding:"$10 $20"}),Qo=ea("div",{backgroundColor:"$neutral100",borderRadius:"$xm",padding:"$10 $15"}),Br=ea("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"}),M1=et({display:"flex",justifyContent:"space-between",alignItems:"center"}),P1=et({display:"flex",justifyContent:"space-between",alignItems:"center"}),$1=et({paddingTop:"$15",display:"flex"}),_1=et({padding:"$15 $0"}),D1=et({width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"}),F1=et({paddingBottom:"$10"}),U1=et({display:"flex",justifyContent:"start",alignItems:"center"}),O1=et({paddingTop:"$5",display:"flex",alignItems:"center"}),q1=et({display:"flex",alignItems:"center"}),z1=et({padding:"$4 $6",display:"flex",justifyContent:"center",alignItems:"center"}),Em=et({display:"flex",paddingTop:"$10",paddingBottom:"$5"});function ta(){return fe.createElement(Am,null,fe.createElement(Lo,{type:"swap-preview"}),fe.createElement("div",{className:"swaps-steps"},fe.createElement(EC,{variant:"title",size:"small"},bC.t("Swaps steps"))),fe.createElement(fe.Fragment,null,fe.createElement(Qo,null,fe.createElement(lt,{separator:!1}),fe.createElement("div",{className:Em()},fe.createElement(IC,{direction:"horizontal",size:20}),fe.createElement(AC,{height:22,variant:"rectangular"}))),fe.createElement(Br,null),fe.createElement(Qo,null,fe.createElement(lt,{separator:!1})),fe.createElement(Br,null),fe.createElement(Qo,null,fe.createElement(lt,{separator:!1})),fe.createElement(Br,null),fe.createElement(Qo,null,fe.createElement(lt,{separator:!1}))))}i(ta,"LoadingSwapDetails");function Lm(t){let{requestId:e,showSkeleton:o}=t;return ue.createElement(ne,{header:{title:Mr.t("Swap and Bridge"),suffix:ue.createElement(Rt,null)}},o&&ue.createElement(hm,null,ue.createElement(Wr,null,ue.createElement("div",{className:co()},ue.createElement(Pr,{variant:"label",size:"large",color:"neutral700"},`${Mr.t("Request ID")}:`),ue.createElement("div",{className:Lr()},ue.createElement(Pr,{variant:"label",size:"small",color:"neutral700"},ue.createElement(Vo,{width:60,height:10,variant:"rounded"})),ue.createElement(Wm,{direction:"horizontal",size:4}),ue.createElement(Vo,{width:16,height:16,variant:"rectangular"}),ue.createElement(Wm,{direction:"horizontal",size:4}),ue.createElement(Vo,{width:16,height:16,variant:"rectangular"}))),ue.createElement("div",{className:co()},ue.createElement(Pr,{className:Cm(),variant:"label",size:"large",color:"neutral700"},ue.createElement(Vo,{width:60,height:10,variant:"rounded"})),ue.createElement(Pr,{variant:"label",size:"small",color:"neutral700"},ue.createElement(Vo,{width:60,height:10,variant:"rounded"})))),ue.createElement(ta,null)),!o&&ue.createElement(Sm,null,ue.createElement(WC,{title:Mr.t("Not found"),description:Mr.t({id:"Swap with request ID = {requestId} not found.",values:{requestId:e}})})))}i(Lm,"SwapDetailsPlaceholder");function Nm(){let{manager:t,state:e}=BC(),o=!e.loadedFromPersistor,n=At(t),{requestId:r}=PC(),s=It(),{fetchStatus:a}=d();if(!r)return oa.createElement(MC,{containerStyles:{margin:"20px"},type:"error",title:LC.t("The request ID is necessary to display the swap details.")});let l=o||a==="loading",p=r?n.find(({swap:m})=>m.requestId===r):void 0,c=i(()=>{if(p?.id){let m=t?.get(p.id);m&&NC(m)}},"onCancel"),u=i(async()=>{if(p?.id)try{t?.deleteQueue(p.id),s()}catch(m){console.log(m)}},"onDelete"),h=p?.swap;return!h||l?oa.createElement(Lm,{requestId:r,showSkeleton:l}):oa.createElement(Rs,{swap:h,requestId:r,onCancel:c,onDelete:u})}i(Nm,"SwapDetailsPage");import{i18n as jo}from"@lingui/core";import{AutoThemeIcon as $C,DarkModeIcon as _C,LightModeIcon as DC,List as FC,ListItemButton as UC,Radio as na,RadioRoot as OC,Typography as ra}from"@rango-dev/ui";import Me from"react";function Bm(){let{setTheme:t,theme:e}=d(),o=[{id:"light",value:"light",title:Me.createElement(ra,{variant:"title",size:"xmedium"},jo.t("Light")),onClick:()=>t("light"),start:Me.createElement(DC,{color:"gray"}),end:Me.createElement(na,{value:"light"})},{id:"dark",value:"dark",title:Me.createElement(ra,{variant:"title",size:"xmedium"},jo.t("Dark")),onClick:()=>t("dark"),start:Me.createElement(_C,{color:"gray"}),end:Me.createElement(na,{value:"dark"})},{id:"auto",value:"auto",title:Me.createElement(ra,{variant:"title",size:"xmedium"},jo.t("Auto")),onClick:()=>t("auto"),start:Me.createElement($C,{color:"gray"}),end:Me.createElement(na,{value:"auto"})}];return Me.createElement(ne,{header:{title:jo.t("Theme")}},Me.createElement(se,null,Me.createElement(OC,{onValueChange:n=>t(n),value:e},Me.createElement(FC,{type:Me.createElement(UC,{title:jo.t("Theme"),id:"_",onClick:()=>console.log()}),items:o}))))}i(Bm,"ThemePage");function Mm(){return Cl(),li(),qC([{path:_.home,element:Pe.createElement(au,null)},{path:_.fromSwap,children:[{index:!0,element:Pe.createElement(Ds,{type:"source"})},{path:_.blockchains,element:Pe.createElement(Ts,{type:"source"})}]},{path:_.toSwap,children:[{index:!0,element:Pe.createElement(Ds,{type:"destination"})},{path:_.blockchains,element:Pe.createElement(Ts,{type:"destination"})}]},{path:_.settings,children:[{index:!0,element:Pe.createElement(Ku,null)},{path:_.themes,element:Pe.createElement(Bm,null)},{path:_.languages,element:Pe.createElement(pu,null)},{path:_.exchanges,element:Pe.createElement(hs,{sourceType:"Exchanges"})},{path:_.bridges,element:Pe.createElement(hs,{sourceType:"Bridges"})}]},{path:_.swaps,children:[{index:!0,element:Pe.createElement(eu,null)},{path:_.swapDetails,element:Pe.createElement(Nm,null)}]},{path:_.wallets,element:Pe.createElement(yp,null)},{path:_.confirmSwap,element:Pe.createElement(zc,null)}])}i(Mm,"AppRoutes");import{isApprovalTX as zC,MainEvents as Pm,RouteEventType as $m,StepEventType as _m,StepExecutionEventStatus as GC,useEvents as HC}from"@rango-dev/queue-manager-rango-preset";import{useEffect as Dm}from"react";function Fm(){let t=d().tokens(),e=V.use.connectedWallets(),o=V.use.getWalletsDetails(),n=_e.use.setNotification(),r=HC();return Dm(()=>(r.on(Pm.StepEvent,s=>{let{event:a,step:l,route:p}=s;if(a.type===_m.TX_EXECUTION&&a.status===GC.TX_SENT&&!zC(l)||a.type===_m.SUCCEEDED){let u=e.find(m=>m.chain===l?.fromBlockchain),h=l?.fromBlockchain!==l?.toBlockchain&&e.find(m=>m.chain===l?.toBlockchain);u&&o([u],t),h&&o([h],t)}n(a,p)}),()=>r.all.clear()),[r,e.length]),Dm(()=>(r.on(Pm.RouteEvent,s=>{let{event:a,route:l}=s;(a.type===$m.FAILED||a.type===$m.SUCCEEDED)&&n(a,l)}),()=>r.all.clear()),[r,e.length]),null}i(Fm,"WidgetEvents");import{globalCss as QC}from"@rango-dev/ui";var Um=i(()=>QC({"@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");function Om(){let{setWatermark:t}=ee();return{fetchApiConfig:i(async()=>{let o=await fetch(`${dt("BASE_URL")}/meta/dapp/config?apiKey=${dt("API_KEY")}`);if(!o.ok)throw new Error(`Request failed with status: ${o.status} `);let n=await o.json();t(n.config.watermark)},"fetchApiConfig")}}i(Om,"useFetchApiConfig");import{styled as VC}from"@rango-dev/ui";var qm=VC("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 $r(){Um();let{config:t}=d(),{activeTheme:e}=$n(t?.theme||{}),{activeLanguage:o}=ao(),[n,r]=zm(""),[s,a]=zm(),l=XC(dn),{fetchApiConfig:p}=Om();return KC(()=>{_e.persist.rehydrate(),l.onConnectWallet(r),p().catch(console.log)},[]),Xo.createElement(jC,{language:o},Xo.createElement(qm,{id:"swap-container",className:e()},Xo.createElement(Fm,null),Xo.createElement(Ka,{lastConnectedWallet:n,disconnectedWallet:s,clearDisconnectedWallet:()=>{a(void 0)}},Xo.createElement(Mm,null))))}i($r,"Main");import sa,{useMemo as dT}from"react";import{checkWaitingForNetworkChange as YC,makeQueueDefinition as JC}from"@rango-dev/queue-manager-rango-preset";import{Provider as ZC}from"@rango-dev/queue-manager-react";import{useWallets as RC}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as eT}from"@rango-dev/wallets-shared";import{isEvmBlockchain as tT}from"rango-types";import oT,{useMemo as nT}from"react";function rT(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:s,getWalletInfo:a}=RC(),l=nT(()=>JC({API_KEY:t.apiKey||dt("API_KEY"),BASE_URL:dt("BASE_URL")}),[t.apiKey]),p=d().blockchains(),u={blockchains:V.use.connectedWallets().map(b=>({accounts:[b],name:b.chain}))},h=i(async(b,T)=>{if(s(b,T))return r(b,T)},"switchNetwork"),m=i(b=>!!a(b).mobileWallet,"isMobileWallet"),f=p.filter(b=>b.enabled).reduce((b,T)=>(b[T.name]=T,b),{}),C=p.filter(tT),S=i(b=>{let{supportedChains:T}=a(b);return tn(T)},"getSupportedChainNames"),y=e(),g={meta:{blockchains:f,evmBasedChains:C,evmNetworkChainInfo:eT(C),getSupportedChainNames:S},getSigners:o,wallets:u,providers:y,switchNetwork:h,canSwitchNetworkTo:s,connect:r,state:n,isMobileWallet:m},x=ee.use.isActiveTab();return oT.createElement(ZC,{queuesDefs:[l],context:g,onPersistedDataLoaded:b=>{YC(b)},isPaused:!x},t.children)}i(rT,"QueueManager");var Gm=rT;import{useManager as pT}from"@rango-dev/queue-manager-react";import cT,{createContext as uT,useContext as mT}from"react";import{cancelSwap as iT,getCurrentBlockchainOfOrNull as sT,getCurrentStep as aT,getRelatedWalletOrNull as lT}from"@rango-dev/queue-manager-rango-preset";var Ko=class{constructor(e,o){this.manager=e,this.actions=o}getAllSwaps(){return At(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&&iT(o)}getCurrentStepInfo(e){let o=aT(e);return{step:o,wallet:o?lT(e,o):null,network:o?sT(e,o):null}}};i(Ko,"WidgetHistory");var Hm=uT(void 0);function ia(t){let{manager:e}=pT(),o=ee.use.isActiveTab(),n=X.use.retry(),r=new Ko(e,{retrySwap:n}),s=V.use.connectedWallets(),a=V.use.loading(),l=Ta(s),p=V.use.getWalletsDetails(),c=d().blockchains(),u=d().tokens(),h=d().swappers(),m=d().fetchStatus,f=ao().resetLanguage,C=_e().getUnreadNotifications(),S={isActiveTab:o,setCurrentTabAsActive:_t.forceClaim,history:r,wallets:{isLoading:a,details:s,totalBalance:l,refetch:p},meta:{blockchains:c,tokens:u,swappers:h,loadingStatus:m},resetLanguage:f,notifications:{list:C}};return cT.createElement(Hm.Provider,{value:S},t.children)}i(ia,"WidgetInfo");function Qm(){let t=mT(Hm);if(!t)throw new Error("useWidget can only be used within the WidgetProvider component");return t}i(Qm,"useWidget");function _r(t){let{onUpdateState:e,config:o}=t;return dT(()=>{ba({API_KEY:o?.apiKey||Yo,BASE_URL:o?.apiUrl||pa})},[o.apiKey,o.apiUrl]),sa.createElement(fn,{config:o,onUpdateState:e},sa.createElement(Gm,{apiKey:o.apiKey},sa.createElement(ia,null,t.children)))}i(_r,"WidgetProvider");function Vm(t){return fT(()=>(_t.init(),_t.destroy),[]),t.config?.externalWallets?aa.createElement($r,null):aa.createElement(_r,{config:t.config??Hr},aa.createElement($r,null))}i(Vm,"Widget");export{wO as EventSeverity,vO as MainEvents,MO as Networks,_O as PendingSwapNetworkStatus,xO as RouteEventType,bO as StepEventType,IO as StepExecutionBlockedEventStatus,AO as StepExecutionEventStatus,be as UI_ID,NO as WalletEvents,PO as WalletTypes,Vm as Widget,_r as WidgetProvider,fn as WidgetWallets,gi as customizedThemeTokens,LO as readAccountAddress,xp as useWallets,Qm as useWidget,EO as useWidgetEvents};
|
|
1
|
+
var ud=Object.defineProperty;var i=(t,e)=>ud(t,"name",{value:e,configurable:!0});import{EventSeverity as kq,MainEvents as wq,RouteEventType as vq,StepEventType as xq,StepExecutionBlockedEventStatus as bq,StepExecutionEventStatus as Iq,useEvents as Aq}from"@rango-dev/queue-manager-rango-preset";import{readAccountAddress as Wq,useWallets as Pp,Events as Lq}from"@rango-dev/wallets-react";import{Networks as Nq,WalletTypes as Bq}from"@rango-dev/wallets-shared";import{PendingSwapNetworkStatus as $q}from"rango-types";import{UI_ID as cd}from"@rango-dev/ui";var on="c6381a79-2817-4602-83bf-6a641a409e32",ua="https://api.rango.exchange",ca="https://scan.rango.exchange",Ee={SWAP_BOX_ID:"rango-swap-box",...cd};import{Events as ti,Provider as Gd}from"@rango-dev/wallets-react";import{isEvmBlockchain as Vd}from"rango-sdk";import Sn,{createContext as jd,useEffect as Ya,useRef as Kd}from"react";import{useEffect as Ed}from"react";import{create as bd}from"zustand";import{subscribeWithSelector as Id}from"zustand/middleware";import{RangoClient as vd}from"rango-sdk";import{WalletState as st}from"@rango-dev/ui";import{readAccountAddress as fd}from"@rango-dev/wallets-react";import{detectInstallLink as gd,getCosmosExperimentalChainInfo as hd,isEvmAddress as yd,KEPLR_COMPATIBLE_WALLETS as ek,Networks as ga}from"@rango-dev/wallets-shared";import Vr from"bignumber.js";import{isCosmosBlockchain as Sd}from"rango-types";import md from"bignumber.js";var We=new md(0);import{WalletTypes as dd}from"@rango-dev/wallets-shared";var ma=[dd.LEAP];import{BigNumber as fa}from"bignumber.js";var nn=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 fa(t),r=1,s=1e3;for(let a=0;a<60;a++)if(new fa(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 rn=i(t=>t?.reduce((e,o)=>e+(o.estimatedTimeInSeconds??0),0)||0,"totalArrivalTime");var it=i((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),So=i(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function pe(t){return W(t,12,12).replace(/(?:\.0*|(\.\d+?)0*)$/,"$1")}i(pe,"formatTooltipNumbers");function jr(t){switch(!0){case t.connected:return st.CONNECTED;case t.connecting:return st.CONNECTING;case!t.installed:return st.NOT_INSTALLED;default:return st.DISCONNECTED}}i(jr,"mapStatusToWalletState");function ha(t,e,o,n){return o.filter(r=>!ma.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=jr(t(r));return{title:s,image:a,link:gd(l),state:p,type:r}})}i(ha,"mapWalletTypesToWalletInfo");function ln(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}i(ln,"walletAndSupportedChainsNames");function ya(t,e,o,n,r){let s=[];function a(p,u){if(!!!s.find(h=>h.chain===p)){let h={address:u,chain:p,walletType:t};s.push(h)}}i(a,"addAccount");let l=n||[];return e.forEach(p=>{let{address:u,network:c}=fd(p),h=l.length>0,m=l.includes(c),d=c===ga.Unknown;if(h&&!m&&!d)return;let S=c===ga.Unknown&&yd(u);if(d&&!S)return;o.includes(c)||S?r?a(c,u.toLowerCase()):l.filter(w=>o.includes(w)).forEach(w=>{a(w,u.toLowerCase())}):a(c,u)}),s}i(ya,"prepareAccountsForWalletStore");function Sa(t){let e=[];return t?.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(Sa,"getRequiredChains");function pn(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}i(pn,"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 Vr(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:Td(o,r.asset.symbol,r.asset.address,e)||null}))||[]}i(Ca,"makeBalanceFor");function Ta(t){return{...t,loading:!1,error:!0}}i(Ta,"resetConnectedWalletState");var ka=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 Vr(s?.amount||We).multipliedBy(s?.usdPrice||0))?.reduce((s,a)=>s.plus(a),We)||We).toString();return Cd(r)},"calculateWalletUsdValue");function Cd(t){let e=t.toString().split(".");return e[0]=e[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),e.join(".")}i(Cd,"numberWithThousandSeparator");var Td=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice"),un=i((t,e)=>{let o=hd(Object.entries(t).map(([,n])=>n).filter(Sd));return o&&o[e]?.experimental},"isExperimentalChain");function cn(t){return t?{...t,amount:W(t.amount,8,8),usdValue:W(t.usdValue,4,4)}:null}i(cn,"formatBalance");function kd(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(kd,"sortTokensByBalance");function wd(t,e,o){let n=o(t),r=o(e);return n===r?0:n?-1:1}i(wd,"sortTokensByPinnedToken");function wa(t,e,o){return t.sort((n,r)=>{let s=e(n),a=e(r),l=wd(n,r,o);return l!==0?l:kd(s,a)}),t}i(wa,"sortTokens");function Le(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}i(Le,"areTokensEqual");function va(t){return t.sort((e,o)=>+(o.state===st.CONNECTED)-+(e.state===st.CONNECTED)||+(o.state===st.DISCONNECTED||o.state===st.CONNECTING)-+(e.state===st.DISCONNECTED||e.state===st.CONNECTING))}i(va,"sortWalletsBasedOnConnectionState");function mn(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(mn,"getConciseAddress");function xa({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}i(xa,"getAddress");function Kr(t){return`${t.blockchain}-${t.symbol}-${t.address??""}`}i(Kr,"createTokenHash");function dn(t){return t.flatMap(e=>e.balances).reduce((e,o)=>{let n={amount:o?.amount??"",decimals:o?.decimal??0,usdValue:o?.usdPrice?new Vr(o?.usdPrice??We).multipliedBy(o?.amount).toString():""},r=o?Kr({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(dn,"makeTokensBalance");var ba=i((t,e)=>!!t.find(o=>o.chain===e&&o.loading),"isFetchingBalance");function Ia(t){return t.map(e=>e.state).join("-")}i(Ia,"hashWalletsState");var Xr={API_KEY:on};function ht(t){return Xr[t]||""}i(ht,"getConfig");function Aa(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),Xr=e,Xr}i(Aa,"initConfig");var Ea=20,Wa=25,La="Roboto",Yr="theme-widget",Co=i((t,e)=>{let o=!1;if(e&&t){if(Array.isArray(e))o=!e.some(n=>Le(n,t));else if(!Array.isArray(e)&&e[t.blockchain]){o=e[t.blockchain].tokens.some(r=>Le(r,t));let n=e[t.blockchain].isExcluded;return!n&&!o||n&&o}}return o},"isTokenExcludedInConfig"),Jr=i((t,e)=>t&&e&&!e.includes(t.name),"isBlockchainExcludedInConfig");var fn,At=i(()=>fn||(fn=new vd(ht("API_KEY"),ht("BASE_URL")),fn),"httpService");var xd=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"),Et=xd;var K=Et(bd()(Id((t,e)=>({connectedWallets:[],balances:{},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:dn(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=>pn(p,l))?{...l,loading:!0}:l)}));try{let a=o.map(({address:u,chain:c})=>({address:u,blockchain:c})),p=(await At().getWalletsDetails(a)).wallets;if(p)t(u=>{let c=u.connectedWallets.map(m=>{let d=o.find(S=>pn(S,m)),C=p.find(S=>S.address===m.address&&S.blockChain===m.chain);return C?.failed&&d&&r&&s([d],n,!1),d&&C?{...m,explorerUrl:C.explorerUrl,balances:Ca(C,n),loading:!1}:m});return{loading:!1,balances:dn(c),connectedWallets:c}});else throw new Error("Wallet not found")}catch{t(l=>{let p=l.connectedWallets.map(c=>o.find(h=>pn(h,c))?Ta(c):c);return{loading:!1,balances:dn(p),connectedWallets:p}})}},getBalanceFor:o=>{let{balances:n}=e(),r=Kr(o);return n[r]??null}}))));import{allProviders as Ad}from"@rango-dev/provider-all";function gn(t,e){let o=Ad({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(gn,"matchAndGenerateProviders");function Ma(t,e){return gn(t,e).map(r=>r.config.type)}i(Ma,"configWalletsToWalletName");function Na(t,e){let o=K.use.clearConnectedWallet(),n=gn(void 0,e);return Ed(()=>{o(),n=gn(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}i(Na,"useWalletProviders");import Fd,{createContext as Ud,useContext as Od,useEffect as qd,useRef as zd}from"react";import{create as _d}from"zustand";import{persist as Dd}from"zustand/middleware";var Zr={apiKey:"",title:void 0,multiWallets:!0,enableNewLiquiditySources:!0,customDestination:!0},Wd={clientUrl:void 0},Ld={liquiditySources:void 0},Ba=i((t,e,o)=>({config:{...Zr,...t},iframe:Wd,campaignMode:Ld,getLiquiditySources:()=>{let{config:n,campaignMode:r}=o();return r.liquiditySources?.length?r.liquiditySources:n.liquiditySources??[]},getDisabledLiquiditySources:()=>{let{disabledLiquiditySources:n,campaignMode:r}=o();return r.liquiditySources?.length?[]:n},excludeLiquiditySources:()=>{let{config:n,campaignMode:r}=o();return r.liquiditySources?.length?!1:!!n.enableNewLiquiditySources},isInCampaignMode:()=>{let{campaignMode:n}=o();return!!n.liquiditySources?.length},updateConfig:n=>{let r=o().config;e({config:{...r,...n}})},updateCampaignMode:(n,r)=>{let s=o().campaignMode;e({campaignMode:{...s,[n]:r}})},updateIframe:(n,r)=>{let s=o().iframe;e({iframe:{...s,[n]:r}})}}),"createConfigSlice");function hn(t){return Array.from(new Set(t))}i(hn,"removeDuplicateFrom");function Rr(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}i(Rr,"areEqual");function Pa(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}i(Pa,"debounce");function Ut(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}i(Ut,"containsText");var B=i(()=>document.getElementById(Ee.SWAP_BOX_ID),"getContainer");function yn(t,e){let o=t.map(s=>s.swapperGroup),n=[];return hn(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(yn,"getUniqueSwappersGroups");function $a(t,e){return t.swapperGroup<e.swapperGroup?-1:t.swapperGroup>e.swapperGroup?1:0}i($a,"sortLiquiditySourcesByGroupTitle");function He(t,e){return e?.[t]==="hidden"}i(He,"isFeatureHidden");function _a(t,e){return e?.[t]==="enabled"}i(_a,"isFeatureEnabled");var Da=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&&Co(p,s)||o.blockchain&&p.blockchain!==o.blockchain||!a.some(u=>u.name===p.blockchain)?!1:o.searchFor?!!(Ut(p.symbol,o.searchFor)||Ut(p.address||"",o.searchFor)||Ut(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=>Le(a,o)),swappers:()=>{let{config:o,campaignMode:n}=e(),r=n.liquiditySources?.length?n.liquiditySources:null,s=r??o.liquiditySources,a=r?!1:o.enableNewLiquiditySources;return e()._swappers.filter(u=>{let c=s?.includes(u.swapperGroup);return a||!s||s.length===0?!c:c}).sort($a)},fetch:async()=>{try{let o=await At().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 Md,French as Nd,Japanese as Bd,Portuguese as Pd,Spanish as $d}from"@rango-dev/ui";var Fa=[{title:"English",label:"English",local:"en",SVGFlag:Md},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:$d},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:Nd},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:Bd},{title:"Portuguese",label:"Portugu\xEAs",local:"pt",SVGFlag:Pd}],To="en";var Ua=[.5,1,3],Oa=1,qa=5,za=100,Qa=0;var Ha=i((t,e)=>({disabledLiquiditySources:[],theme:"auto",language:null,preferredBlockchains:[],slippage:Oa,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=hn(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=He("theme",n),s=He("language",n),a=He("liquiditySource",n);t({...r&&{theme:"auto"},...s&&{language:To},...a&&{disabledLiquiditySources:[]}})}}),"createSettingsSlice");function Ga(t){return _d()(Dd((...e)=>({...Da(...e),...Ha(...e),...Ba(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(Ga,"createAppStore");var Va=Ud(null);function g(){let t=Od(Va);if(qd(()=>{t&&!t.persist.hasHydrated()&&t.persist.rehydrate()},[]),!t)throw new Error("Missing AppStoreContext.Provider in the tree");return t()}i(g,"useAppStore");function ja(t){let e=zd();return e.current||(e.current=Ga(t.config)),Fd.createElement(Va.Provider,{value:e.current},t.children)}i(ja,"AppStoreProvider");import{create as Hd}from"zustand";var Ka="rango-widget";var Xt=class{constructor(e){this.state="not-initiated";this.events={};this.init=()=>{this.initEvents(),this.tryClaim()};this.forceClaim=()=>{if(!this.isClaimed()){let e={name:"force-claim",candidateId:this.tabId};this.channel.postMessage(e),setTimeout(()=>{this.isClaimed()||this.claim()},300)}};this.isClaimed=()=>this.state==="claimed";this.destroy=()=>{this.channel.removeEventListener("message",this.handleMessageEvent),document.removeEventListener("visibilitychange",this.handleVisibilityChange),document.removeEventListener("resume",this.handleResume)};this.handleMessageEvent=e=>{let o=e.data.name;switch(o){case"ping":this.claimedByCurrentTab(e.data.pingAt);break;case"pong":this.alreadyClaimedByAnotherTab();break;case"force-claim":this.forceRelease(e.data.candidateId);break;case"force-release":this.tabId===e.data.candidateId&&this.claim();break;default:throw new Error(`${o} is not supported.`)}};this.handleVisibilityChange=async()=>{document.visibilityState==="visible"&&await this.tryClaim()};this.handleResume=async()=>{this.isClaimed()&&(await this.tryClaim(),this.isClaimed()||this.events.onRelease?.())};this.channel=new BroadcastChannel(Ka),this.tabId=Math.trunc(Math.random()*1e5),this.events=e}initEvents(){this.channel.addEventListener("message",this.handleMessageEvent),document.addEventListener("visibilitychange",this.handleVisibilityChange),document.addEventListener("resume",this.handleResume)}claimedByCurrentTab(e){let o=this.lastTryClaim&&this.lastTryClaim<e;if(this.isClaimed()||o){let n={name:"pong"};this.channel.postMessage(n);return}}alreadyClaimedByAnotherTab(){this.resetLastCheck()}async tryClaim(){return this.setLastCheck(),new Promise(e=>{setTimeout(()=>{this.check(),e()},300)})}check(){this.state==="not-initiated"&&this.events.onInit?.(),this.lastTryClaim?(this.claim(),this.resetLastCheck()):this.state="not-claimed"}claim(){this.state="claimed",this.events.onClaim?.()}setLastCheck(){this.lastTryClaim=Date.now();let e={name:"ping",pingAt:this.lastTryClaim};this.channel.postMessage(e)}resetLastCheck(){this.lastTryClaim=void 0}forceRelease(e){if(this.isClaimed()){this.state="not-claimed",this.events.onRelease?.();let o={name:"force-release",candidateId:e};this.channel.postMessage(o)}}};i(Xt,"TabManager");var ne=Et(Hd()((t,e)=>({isActiveTab:!1,tabManagerInitiated:!1,showActivateTabModal:!1,watermark:"NONE",fetchingApiConfig:!1,activateCurrentTab:(o,n)=>{let{showActivateTabModal:r}=e();!r&&n?t({showActivateTabModal:!0}):(r||!n)&&o()},setShowActivateTabModal:o=>{t({showActivateTabModal:o})},setWatermark:o=>{t({watermark:o})}}))),Ot=new Xt({onInit:()=>ne.setState({tabManagerInitiated:!0}),onClaim:()=>ne.setState({isActiveTab:!0,showActivateTabModal:!1}),onRelease:()=>ne.setState({isActiveTab:!1})});var Cn=jd({onConnectWallet:()=>{}});function Xd(t){let{updateConfig:e,updateSettings:o,fetch:n}=g(),r=g().blockchains(),s=g().tokens(),a={walletConnectProjectId:t.config?.walletConnectProjectId},{providers:l}=Na(t.config.wallets,a),{connectWallet:p,disconnectWallet:u}=K(),c=Kd();Ya(()=>{n().catch(console.log)},[]),Ya(()=>{t.config&&(e(t.config),o(t.config))},[t.config]);let h=r.filter(Vd).map(C=>C.name),m=i((C,S,y,f,w)=>{if(S===ti.ACCOUNTS)if(y){let k=ln(w.supportedBlockchains),v=ya(C,y,h,k,w.isContractWallet);v.length&&p(v,s)}else u(C);if(S===ti.ACCOUNTS&&f.connected){let k=`${C}-${f.network}-${y}`;f.connected&&(c.current?c.current(k):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(S===ti.NETWORK&&f.network){let k=`${C}-${f.network}`;c.current?c.current(k):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(C,S,y,f,w)},"onUpdateState"),d=ne.use.isActiveTab();return Sn.createElement(Cn.Provider,{value:{onConnectWallet:C=>{c.current=C}}},Sn.createElement(Gd,{allBlockChains:r,providers:l,onUpdateState:m,autoConnect:!!d},t.children))}i(Xd,"Main");function Tn(t){let{config:e,...o}=t;return Sn.createElement(ja,{config:e},Sn.createElement(Xd,{...o,config:e}))}i(Tn,"WidgetWallets");import la,{useEffect as FT}from"react";import{I18nManager as yT}from"@rango-dev/ui";import en,{useContext as ST,useEffect as CT,useState as rd}from"react";import{useQueueManager as Rd}from"@rango-dev/queue-manager-rango-preset";import{useWallets as ef}from"@rango-dev/wallets-react";import{isEvmBlockchain as tf}from"rango-types";import of,{Fragment as nf}from"react";import{MemoryRouter as rf,useInRouterContext as sf}from"react-router";import{useWallets as Yd}from"@rango-dev/wallets-react";import{useEffect as Jd,useRef as Zd}from"react";function Za(){let{connect:t,state:e}=Yd(),o=Zd({}),{fetchStatus:n}=g(),r=new URLSearchParams(location.search).get("autoConnect")||"",s=e(r);Jd(()=>{n==="success"&&r&&s.installed&&!s.connecting&&!s.connected&&!o.current[r]&&(o.current[r]=!0,t(r))},[s,n])}i(Za,"useForceAutoConnect");function Ra({children:t,...e}){let n=sf()?nf:rf,r=g().blockchains(),{canSwitchNetworkTo:s}=ef();Za();let a=r.filter(tf);return Rd({lastConnectedWallet:e.lastConnectedWallet,clearDisconnectedWallet:e.clearDisconnectedWallet,disconnectedWallet:e.disconnectedWallet,evmChains:a,canSwitchNetworkTo:s}),of.createElement(n,null,t)}i(Ra,"AppRouter");import $e from"react";import{useRoutes as cT}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",routes:"routes"};import{useEffect as Zt,useRef as Wn}from"react";import Lt from"bignumber.js";import{create as mf}from"zustand";import{subscribeWithSelector as df}from"zustand/middleware";import{getLastSuccessfulStep as cf}from"@rango-dev/queue-manager-rango-preset";import Fv from"bignumber.js";import{i18n as at}from"@lingui/core";var oi={"Network Fee":at.t("Network Fee"),"Swapper Fee":at.t("Protocol Fee"),"Affiliate Fee":at.t("Affiliate Fee"),"Outbound network fee":at.t("Outbound Fee"),"Rango Fee":at.t("Rango Fee")},ov={SPEED:at.t("Fastest Transfer"),NET_OUTPUT:at.t("Maximum Return"),FEE:at.t("Lowest Fee"),PRICE:at.t("Maximum Output"),SMART:at.t("Smart Routing")},ni=["RECOMMENDED","CENTRALIZED","LOWEST_FEE","FASTEST","HIGH_IMPACT"];var Wt=(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))(Wt||{});function el(t,e){return e.find(o=>o.name===t)?.displayName}i(el,"getBlockchainDisplayNameFor");function Ge(t,e){return e.find(o=>o.name===t)?.shortName}i(Ge,"getBlockchainShortNameFor");function ko(t,e){return e.find(o=>o.id===t)?.swapperGroup}i(ko,"getSwapperDisplayName");function ri(t,e){return e.find(o=>Le(o,t))??null}i(ri,"findToken");function ii(t,e){return e.find(o=>o.name===t)??null}i(ii,"findBlockchain");import{i18n as Ye}from"@lingui/core";import Me from"bignumber.js";import{PendingSwapNetworkStatus as xn}from"rango-types";function kn(t){let e=[];return t?.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(kn,"getRequiredWallets");function wn(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}i(wn,"isValidAddress");import{i18n as xe}from"@lingui/core";var Y=i(()=>({genericServerError:xe.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:xe.t("Please reset your liquidity sources."),description:xe.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources.")},noResultError:{title:xe.t("No Routes Found."),description:xe.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:xe.t("Bridge Limit Error: Please increase your amount."),decreaseAmount:xe.t("Bridge Limit Error: Please decrease your amount.")},highValueLossError:{impactTitle:xe.t("High Price Impact"),title:xe.t("Price impact is too high!"),description:xe.t("The price impact is significantly higher than the allowed amount. If you are sure, continue, otherwise, change the swap."),confirmMessage:xe.t("Confirm high price impact")},quoteUpdatedWithHighValueLoss:{title:xe.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:xe.t("USD Price Unknown"),title:xe.t("USD Price Unknown, Cannot calculate Price Impact."),description:xe.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:xe.t("Confirm USD Price Unknown")}}),"errorMessages");function tl(t){switch(t.type){case 0:return t.diagnosisMessage??Y().noResultError.title;case 1:return Y().genericServerError;default:return""}}i(tl,"getQuoteErrorMessage");import{i18n as vn}from"@lingui/core";var zt=i(()=>({connectWallet:vn.t("Connect Wallet"),swap:vn.t("Swap"),swapAnyway:vn.t("Swap anyway"),ethWarning:vn.t("The route goes through Ethereum. Continue?")}),"swapButtonTitles");function ol(t,e){return(parseInt(e.toFixed(2)||"0")<=-10&&t?.gte(new Me(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new Me(1e3)))??!1}i(ol,"hasHighValueLoss");function nl(t){return(t||[]).filter(e=>{let o=e.fromAmountMinValue?new Me(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Me(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(nl,"hasLimitError");function rl(t){let e=(t||[]).filter(l=>{let p=l.fromAmountMinValue?new Me(l.fromAmountMinValue):null,u=l.fromAmountMaxValue?new Me(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 Me(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Me(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",s="",a="";return!r&&o&&o.gt(e.fromAmount)?(s=Ye.t({id:"Required: >= {min} {symbol}",values:{min:W(o,6,6),symbol:e.from.symbol}}),a=Y().bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(s=Ye.t({id:"Required: > {min} {symbol}",values:{min:W(o,6,6),symbol:e.from.symbol}}),a=Y().bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(s=Ye.t({id:"Required: <= {max} {symbol}",values:{max:W(n,6,6),symbol:e.from.symbol}}),a=Y().bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(s=Ye.t({id:"Required: < {max} {symbol}",values:{max:W(n,6,6),symbol:e.from.symbol}}),a=Y().bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:s,recommendation:a}}i(rl,"getLimitErrorMessage");function il(t){let{fetchMetaStatus:e,anyWalletConnected:o,fetchingQuote:n,inputAmount:r,quote:s,warning:a,error:l,needsToWarnEthOnPath:p}=t;return e!=="success"?{title:zt().connectWallet,action:"connect-wallet",disabled:!0}:o?n||!s||l||!r||r==="0"?{title:zt().swap,action:"confirm-swap",disabled:!0}:a?{title:zt().swapAnyway,action:"confirm-warning",disabled:!1}:p?{title:zt().ethWarning,action:"confirm-warning",disabled:!1}:{title:zt().swap,action:"confirm-swap",disabled:!1}:{title:zt().connectWallet,action:"connect-wallet",disabled:!1}}i(il,"getSwapButtonState");function si(t,e,o){return!((!o||o.lte(We))&&t&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t)}i(si,"canComputePriceImpact");function af(t){let e=[];return t?.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(af,"requiredWallets");var lf=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice");function pf(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=lf(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new Me(r.amount).multipliedBy(s||0))}return o}i(pf,"getUsdFeeOfStep");function bn(t,e){return t.reduce((o,n)=>o.plus(pf(n,e)),We)}i(bn,"getTotalFeeInUsd");function ai(t){let e=We;return e=e.plus(new Me(t.amount).multipliedBy(t.price||0)),e}i(ai,"getUsdFee");function sl(t){return t.reduce((e,o)=>e.plus(ai(o)),We)}i(sl,"getTotalFeesInUsd");function al(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(al,"getFeesGroup");function ll(t){let e=new Map;return t.forEach((o,n)=>{o.recommendedSlippage?.error&&e.set(n,o.recommendedSlippage.slippage)}),e.size>0?e:null}i(ll,"checkSlippageErrors");function pl(t,e){let o=new Map;return t?.swaps.forEach((n,r)=>{n.recommendedSlippage?.slippage&&parseFloat(n.recommendedSlippage.slippage)>e&&o.set(r,n.recommendedSlippage.slippage)}),o.size>0?o:null}i(pl,"checkSlippageWarnings");function In(t){return t.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(In,"getMinRequiredSlippage");function ul(t,e){return e?parseFloat(t)>=parseFloat(e):!0}i(ul,"hasProperSlippage");function cl(t){let{fromToken:e,toToken:o,inputAmount:n,wallets:r,selectedWallets:s,disabledLiquiditySources:a,liquiditySources:l,excludeLiquiditySources:p,slippage:u,affiliateRef:c,affiliatePercent:h,affiliateWallets:m,destination:d}=t,C=s?.reduce((f,w)=>(f[w.chain]=w.address,f),{}),S=[];return r?.forEach(f=>{S.push({blockchain:f.chain,addresses:[f.address]})}),{amount:n.toString(),affiliateRef:c??void 0,affiliatePercent:h??void 0,affiliateWallets:m??void 0,from:{address:e.address,blockchain:e.blockchain,symbol:e.symbol},to:{address:o.address,blockchain:o.blockchain,symbol:o.symbol},connectedWallets:S,selectedWallets:C??{},slippage:u.toString(),...d&&{destination:d},...p&&{swapperGroups:a.concat(l??[]),swappersGroupsExclude:!0},...!p&&{swapperGroups:l?.filter(f=>!a.includes(f)),swappersGroupsExclude:!1}}}i(cl,"createQuoteRequestBody");function ml(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}i(ml,"getWalletsForNewSwap");function Yt(t){return t?.outputAmount||null}i(Yt,"getQuoteOutputAmount");function dl(t,e){return new Me(e).div(new Me(t)).minus(1).multipliedBy(100).toNumber()}i(dl,"getPercentageChange");function fl(t,e){let o=Yt(t),n=Yt(e);if(!o||!n)return!1;let r=Ve(o,n);return r?r<=-1:!0}i(fl,"isOutputAmountChangedALot");function gl(t,e,o){let n=t.validationStatus,r=Sa(t);return e.sort((a,l)=>r.indexOf(a.chain)-r.indexOf(l.chain)).flatMap(a=>Tl(a,n)||[]).filter(a=>!a.ok).map(a=>{let l=a.asset.symbol,p=W(new Me(a.currentAmount.amount).shiftedBy(-a.currentAmount.decimals),8,8),u=W(new Me(a.requiredAmount.amount).shiftedBy(-a.requiredAmount.decimals),8,8),c="";return a.reason==="FEE"&&(c=Ye.t(" for network fee")),a.reason==="INPUT_ASSET"&&(c=Ye.t(" for swap")),a.reason==="FEE_AND_INPUT_ASSET"&&(c=Ye.t(" for input and network fee")),Ye.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:Ge(a.asset.blockchain,o)}})})}i(gl,"generateBalanceWarnings");function An(t,e){return(t?new Me(t):We).multipliedBy(e||0)}i(An,"calcOutputUsdValue");function wo(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==xn.NetworkChanged}i(wo,"isNetworkStatusInWarningState");function hl(t,e){let o="bellow button or",n=t.extraMessage,r=t.extraMessageDetail;if(t.networkStatusExtraMessageDetail?.includes(o)&&(t.networkStatusExtraMessageDetail=t.networkStatusExtraMessageDetail.replace(o,"")),wo(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case xn.WaitingForConnectingWallet:n=n||Ye.t("Waiting for connecting wallet");break;case xn.WaitingForQueue:n=n||Ye.t("Waiting for other running tasks to be finished");break;case xn.WaitingForNetworkChange:n=n||Ye.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(hl,"getSwapMessages");function yl(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(yl,"getLastConvertedTokenInFailedSwap");function Sl(t){return t.status==="failed"&&!!t.finishTime&&new Date().getTime()-parseInt(t.finishTime)<4*3600*1e3}i(Sl,"shouldRetrySwap");function Cl(t,e,o,n,r,s){return t||!e&&!af(n).every(a=>r.map(l=>l.chain).includes(a))||!!e&&!o||!!e&&!!o&&s&&!wn(s,o)}i(Cl,"confirmSwapDisabled");function En(t){let e=t?.swaps||[];return e[e.length-1].to.usdPrice}i(En,"getQuoteToTokenUsdPrice");function li(t,e){let o=t?.swaps||[],n=e?.swaps||[];return o.length!==n.length}i(li,"isNumberOfSwapsChanged");function pi(t,e){let o=t?.swaps.map(r=>r.swapperId)||[],n=e?.swaps.map(r=>r.swapperId)||[];return!Rr(o,n)}i(pi,"isQuoteSwappersUpdated");function ui(t,e){let o=t?.swaps.map(r=>r.to.symbol)||[],n=e?.swaps.map(r=>r.to.symbol)||[];return!Rr(o,n)}i(ui,"isQuoteInternalCoinsUpdated");function wl(t,e){return li(t,e)||pi(t,e)||ui(t,e)}i(wl,"isQuoteChanged");function Tl(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(Tl,"getRequiredBalanceOfWallet");function yt(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}i(yt,"getPriceImpactLevel");function vl(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],s=cf(t.steps),a={blockchain:r.toBlockchain,symbol:r.toSymbol,address:r.toSymbolAddress},l=ii(s?s.toBlockchain:n.fromBlockchain,e),p=ii(r.toBlockchain,e),u=ri(s?{blockchain:l?.name??"",symbol:s.toSymbol,address:s.toSymbolAddress}:{blockchain:l?.name??"",symbol:n.fromSymbol,address:n.fromSymbolAddress},o),c=ri(a,o),h=s?s.outputAmount??"":t.inputAmount;return{fromBlockchain:l,fromToken:u,toBlockchain:p,toToken:c,inputAmount:h}}i(vl,"createRetryQuote");function Jt(t,e){let{fromToken:o,toToken:n,tokens:r,userSlippage:s}=e,a=Qt(o,t.requestAmount),l=Qt(n,t?.outputAmount??"");if(t&&a&&l){let c=Ve(a.toString(),l.toString());if(!!c&&ol(a,c)){let m=bn(t?.swaps,r),d=yt(c);return{type:0,inputUsdValue:a,outputUsdValue:l,priceImpact:c,totalFee:m,warningLevel:d}}}else if(t&&(!a||!l))return{type:1};let p=In(t.swaps),u=s>qa;if(ul(e.userSlippage.toString(),p)){if(u&&parseFloat(p??"0")<s)return{type:3,slippage:s.toString()}}else return{type:2,recommendedSlippages:pl(t,s),minRequiredSlippage:p};return null}i(Jt,"generateQuoteWarnings");function Ve(t,e){let o=typeof e=="string"?parseFloat(e)<=0:!e?.gt(0),n=!t||!e||o?null:dl(t.toString(),e.toString());return n&&n<0?n:null}i(Ve,"getPriceImpact");var xl=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"),bl=i((t,e)=>e.sort((o,n)=>{let r=i(u=>u.scores?.find(c=>c.preferenceType===t)?.score??0,"getScore"),s=r(o),a=r(n);if(s!==a)return a-s;let l=o.requestId.toLowerCase(),p=n.requestId.toLowerCase();return l.localeCompare(p)}),"sortQuotesBy"),Il=i((t,e,o)=>{if(!e.length)return null;if(!t)return{requestAmount:o,...e[0]};let n=new Set(t.swaps.map(s=>s.swapperId)),r=e.find(s=>{let a=new Set(s.swaps.map(l=>l.swapperId));return Array.from(n).every(l=>a.has(l))});return{requestAmount:o,...r||e[0]}},"getDefaultQuote"),Al=i(t=>{let e=i((o,n)=>{let r=ni.indexOf(o.value),s=ni.indexOf(n.value);return r!==-1&&s!==-1?r-s:r!==-1?-1:s!==-1?1:0},"customSort");return t.sort(e)},"sortTags"),El=i(t=>{switch(t){case"FASTEST":return"#06C270";case"RECOMMENDED":return"#469BF5";case"LOWEST_FEE":return"#FF4DAD";case"HIGH_IMPACT":return"#FF3B3B";case"CENTRALIZED":default:return"#FFF1D4"}},"getRouteTagColor");var Qt=i((t,e)=>t?.usdPrice?new Lt(e||We).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),V=Et(mf()(df(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new Lt(0),outputUsdValue:new Lt(0),toBlockchain:null,toToken:null,refetchQuote:!0,sortStrategy:"SMART",selectedQuote:null,quotes:null,error:null,warning:null,quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:null,quoteWarningsConfirmed:!1,updateQuotePartialState:(e,o)=>t(n=>({...n,[e]:o})),setSelectedQuote:e=>t(o=>{let n=null,r=We;return So(o.inputAmount)?(e&&(n=e?.outputAmount?new Lt(e?.outputAmount):null,r=An(e?.outputAmount,En(e)||o.toToken?.usdPrice)),{selectedQuote:e,...!!e&&{outputAmount:n,outputUsdValue:r}}):{}}),resetAlerts:()=>t(()=>({error:null,warning:null})),resetQuote:()=>t(()=>({selectedQuote:null,outputAmount:null,outputUsdValue:new Lt(0),quotes:null,refetchQuote:!0,error:null,warning:null})),setFromBlockchain:e=>{t(o=>o.fromBlockchain?.name===e?.name?{}:{fromBlockchain:e,...o.fromToken&&{selectedQuote: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:Qt(e.token,o.inputAmount)}})),setToBlockchain:e=>{t(o=>o.toBlockchain?.name===e?.name?{}:{toBlockchain:e,...o.toToken&&{selectedQuote: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 Lt(0),outputUsdValue:new Lt(0),selectedQuote:null},...!!o.fromToken&&{inputUsdValue:Qt(o.fromToken,e)}}))},retry:(e,o)=>{let{tokens:n,blockchains:r}=o,{fromBlockchain:s,fromToken:a,toBlockchain:l,toToken:p,inputAmount:u}=vl(e,r,n);t({fromBlockchain:s,fromToken:a,inputAmount:u,outputAmount:null,inputUsdValue:Qt(a??null,u),outputUsdValue:new Lt(0),toBlockchain:l,toToken:p,selectedQuote:null})},switchFromAndTo:()=>t(e=>({fromBlockchain:e.toBlockchain,fromToken:e.toToken,toBlockchain:e.fromBlockchain,toToken:e.fromToken,inputAmount:e.outputAmount?.toString()||"",inputUsdValue:Qt(e.toToken,e.outputAmount?.toString()||"")})),resetFromBlockchain:()=>t(()=>({fromToken:null,fromBlockchain:null,outputAmount:null,outputUsdValue:null,selectedQuote:null})),resetToBlockchain:()=>t(()=>({toToken:null,toBlockchain:null,outputAmount:null,outputUsdValue:null,selectedQuote:null})),setQuoteWalletConfirmed:e=>t({quoteWalletsConfirmed:e}),setSelectedWallets:e=>t({selectedWallets:e}),setCustomDestination:e=>t({customDestination:e}),resetQuoteWallets:()=>t({quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:null}),setQuoteWarningsConfirmed:e=>t({quoteWarningsConfirmed:e})}))));function Wl(){let{setInputAmount:t,setToToken:e,setToBlockchain:o,setFromBlockchain:n,setFromToken:r,fromToken:s,toToken:a,fromBlockchain:l,toBlockchain:p}=V(),u=g().config,c=g().fetchStatus,h=g().blockchains(),m=g().tokens(),{setAffiliateRef:d,setAffiliatePercent:C,setAffiliateWallets:S}=g(),y=u?.from?.tokens,f=u?.from?.blockchains,w=u?.to?.tokens,k=u?.to?.blockchains,v=Wn(void 0),I=Wn(void 0),x=Wn(void 0),T=Wn(void 0);Zt(()=>{t(u?.amount?.toString()||"")},[u?.amount]),Zt(()=>{if(c==="success"){let b=h.find(L=>L.name===u?.from?.blockchain),N=m.find(L=>Le(L,u?.from?.token||null));(b||!b&&x.current)&&n(b??null),N?r({token:N,meta:{blockchains:h,tokens:m}}):!N&&v.current&&r({token:null}),x.current=u?.from?.blockchain,v.current=u?.from?.token}},[u?.from?.token?.symbol,u?.from?.token?.address,u?.from?.token?.blockchain,u?.from?.blockchain,c]),Zt(()=>{Co(s,y)&&r({token:null}),Jr(l,f)&&n(null)},[y,f]),Zt(()=>{Co(a,w)&&r({token:null}),Jr(p,k)&&o(null)},[w,k]),Zt(()=>{if(c==="success"){let b=h.find(L=>L.name===u?.to?.blockchain),N=m.find(L=>Le(L,u?.to?.token||null));(b||!b&&T.current)&&o(b??null),N?e({token:N,meta:{blockchains:h,tokens:m}}):!N&&I.current&&e({token:null}),T.current=u?.to?.blockchain,I.current=u?.to?.token}},[u?.to?.token?.symbol,u?.to?.token?.address,u?.to?.token?.blockchain,u?.to?.blockchain,c]),Zt(()=>{d(u?.affiliate?.ref??null),C(u?.affiliate?.percent??null),S(u?.affiliate?.wallets??null)},[u?.affiliate?.ref,u?.affiliate?.percent,u?.affiliate?.wallets])}i(Wl,"useSyncStoresWithConfig");import{useEffect as di,useRef as ff}from"react";import{useInRouterContext as gf,useLocation as hf,useSearchParams as yf}from"react-router-dom";function ci(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(ci,"searchParamToToken");function mi(t){if(t)return`${t.symbol}${t.address?`--${t.address}`:""}`}i(mi,"tokenToSearchParam");function fi(){let t=hf(),[e,o]=yf(),{fromBlockchain:n,toBlockchain:r,fromToken:s,toToken:a,inputAmount:l,setFromBlockchain:p,setToBlockchain:u,setFromToken:c,setToToken:h,setInputAmount:m}=V(),d=g().fetchStatus,C=g().blockchains(),S=g().tokens(),y=gf(),{updateIframe:f,updateCampaignMode:w}=g(),k=g().isInCampaignMode(),v=ff(),I=i(()=>{let T=e.get("fromAmount"),b=e.get("fromBlockchain"),N=e.get("fromToken"),L=e.get("toBlockchain"),M=e.get("toToken"),A=e.get("autoConnect"),O=e.get("clientUrl"),Z=e.get("liquiditySources");return{fromAmount:T,fromBlockchain:b,fromToken:N,toBlockchain:L,toToken:M,autoConnect:A,clientUrl:O,liquiditySources:Z}},"getUrlSearchParams"),x=i(T=>{for(let b in T)T[b]||delete T[b];o(T,{replace:!0})},"updateUrlSearchParams");di(()=>{let{autoConnect:T,clientUrl:b}=I();y&&d==="success"&&x({["fromBlockchain"]:n?.name,["fromToken"]:mi(s),["toBlockchain"]:r?.name,["toToken"]:mi(a),["fromAmount"]:l,["autoConnect"]:T??void 0,["clientUrl"]:b??void 0,["liquiditySources"]:k?v.current:void 0})},[t.pathname,l,n,s,r,a,k]),di(()=>{if(!y)return;let T=I();if(!v.current&&T.liquiditySources&&(v.current=T.liquiditySources),T.fromAmount&&m(T.fromAmount),d==="success"){let b=C.find(A=>A.name===T.fromBlockchain),N=ci(S,T.fromToken,b??null),L=C.find(A=>A.name===T.toBlockchain),M=ci(S,T.toToken,L??null);b&&(p(b),N&&c({token:N,meta:{blockchains:C,tokens:S}})),L&&(u(L),M&&h({token:M,meta:{blockchains:C,tokens:S}}))}},[d]),di(()=>{let{clientUrl:T,liquiditySources:b}=I();f("clientUrl",T||void 0),w("liquiditySources",b?.split(",")??void 0)},[])}i(fi,"useSyncUrlAndStore");import{i18n as gr}from"@lingui/core";import{useManager as ny}from"@rango-dev/queue-manager-react";import{Alert as ec,Button as ry,css as as,Divider as ss,IconButton as tc,SettingsIcon as iy,styled as sy,Tooltip as ay,Typography as ly,WalletIcon as py}from"@rango-dev/ui";import ue,{useEffect as Uo,useLayoutEffect as uy,useRef as cy,useState as hr}from"react";import{flushSync as my}from"react-dom";import{useLocation as dy,useNavigate as fy}from"react-router-dom";import{i18n as pt}from"@lingui/core";import{Alert as Oi,BalanceErrors as jg,Button as $p,ChevronDownIcon as Kg,ChevronLeftIcon as Xg,Divider as ro,MessageBox as Yg,Typography as Zn,WalletIcon as Jg}from"@rango-dev/ui";import D,{useEffect as Zg,useState as io}from"react";import{useNavigate as Rg}from"react-router-dom";import{i18n as Ln}from"@lingui/core";function Mn(t){switch(t.type){case 0:return Ln.t("Route has been updated.");case 3:return Ln.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return Ln.t("Route swappers has been updated.");case 2:return Ln.t("Route internal coins has been updated.");default:return""}}i(Mn,"getQuoteUpdateWarningMessage");import{Modal as Cf}from"@rango-dev/ui";import Tf from"react";function ae(t){let{watermark:e}=ne();return Tf.createElement(Cf,{hasWatermark:e==="FULL",...t},t.children)}i(ae,"WatermarkedModal");import $n,{useRef as vf}from"react";import*as Rt from"@radix-ui/react-collapsible";import{keyframes as Ll,styled as Nn}from"@rango-dev/ui";var gi=300,kf=Ll({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),wf=Ll({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),Ml=Nn(Rt.Root,{borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),hi=Nn(Rt.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit",cursor:"pointer"}),Bn=Nn(Rt.Content,{overflow:"hidden",variants:{open:{true:{animation:`${kf} ${gi}ms ease-out`},false:{animation:`${wf} ${gi}ms ease-out`}}}}),Pn=Nn("div",{transition:`all ${gi}ms ease`,display:"flex",alignItems:"center",variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}});function _n(t){let{open:e,hasSelected:o,onOpenChange:n,children:r,onClickTrigger:s,trigger:a,triggerAnchor:l}=t,p=vf(null);return $n.createElement(Ml,{ref:p,className:"collapsible_root",selected:o&&e,open:e,onOpenChange:n},l==="top"&&$n.createElement(hi,{className:"collapsible_trigger",onClick:s},a),$n.createElement(Bn,{className:"collapsible_content",open:e},r),l==="bottom"&&$n.createElement(hi,{className:"collapsible_trigger",onClick:s},a))}i(_n,"CustomCollapsible");import{Button as xf,css as Nl,darkTheme as eo,IconButton as bf,styled as je,TextField as If}from"@rango-dev/ui";var Bl=je("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),Pl=je("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),Af=je("button",{borderRadius:"$xm",padding:"$10",border:"0",display:"flex",justifyContent:"center",$$color:"$colors$neutral100",[`.${eo} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",alignItems:"center",cursor:"pointer",width:110,position:"relative","&:hover":{$$color:"$colors$info100",[`.${eo} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$color:"$colors$info100",[`.${eo} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color",outline:0},variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary",outlineStyle:"solid"}}}}),$l=je(Af,{alignSelf:"stretch",minHeight:"93px"}),_l=je("div",{padding:"$20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),Dl=je(bf,{position:"absolute",left:"$20"}),Fl=je("div",{paddingTop:"$20"}),Ul=Nl({display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),Ol=je("div",{padding:"$10 $0","& .button__content":{display:"flex",alignItems:"center"},"& .alarms":{paddingTop:"$5"},"& .collapsible_content":{backgroundColor:"$neutral100"},"& .collapsible_root":{backgroundColor:"$neutral200"}}),ql=Nl({paddingTop:"$5"}),zl=je("div",{display:"flex"}),Ql=je(If,{backgroundColor:"$neutral100",padding:"$0 $15 $15 $15"}),Hl=je("div",{overflow:"visible",width:"100%"}),Gl=je(xf,{width:"100%",borderRadius:"$sm !important",padding:"$15 !important",justifyContent:"space-between",alignItems:"center",$$color:"$colors$neutral100",[`.${eo} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color","&:hover":{$$color:"$colors$info100",[`.${eo} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$background:"$colors$info100",[`.${eo} &`]:{$$background:"$colors$info700"},backgroundColor:"$$background",outline:0}});import{i18n as Ze}from"@lingui/core";import{Button as Qg,Divider as Fi,Image as Hg,MessageBox as Jn,SelectableWallet as Gg,Typography as Mp,WalletState as Np}from"@rango-dev/ui";import le,{useEffect as Bp,useState as Ao}from"react";import{WalletState as yi}from"@rango-dev/ui";import{useWallets as Ef}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as Wf,WalletTypes as Dn}from"@rango-dev/wallets-shared";import{useCallback as Lf,useEffect as Mf,useState as Nf}from"react";var Bf=Object.values(Dn);function Fn(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:s,disconnect:a,getWalletInfo:l,connect:p}=Ef(),{connectedWallets:u}=K(),c=g().blockchains(),h=Ma(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||Bf,m=ha(s,l,h,o),d=va(m),[C,S]=Nf(""),y=i(I=>!u.find(x=>x.walletType===I&&x.chain===o),"isExperimentalChainNotAdded"),f=i(async I=>{let x=s(I);try{if(C&&S(""),x.connected)await a(I);else{let T=!!m.find(b=>b.state===yi.CONNECTED);if(!e?.multiWallets&&T)return;n?.(I),await p(I),r?.(I)}}catch(T){S("Error: "+T?.message)}},"handleClick"),w=Lf(()=>{let I=m?.filter(x=>x.state===yi.CONNECTING)||[];for(let x of I)a(x.type)},[Ia(m)]);Mf(()=>()=>{w()},[]);let k=i(I=>I.filter(T=>T.state!=yi.NOT_INSTALLED&&![Dn.DEFAULT,Dn.WALLET_CONNECT_2].includes(T.type)&&l(T.type).supportedChains.filter(b=>b.type=="EVM").length>0).length==0,"shouldShowDefaultInjectedWallet"),v=i((I,x,T)=>un(T,x)&&y(I)&&!Wf.includes(I)||I==Dn.DEFAULT&&!k(m),"shouldExcludeWallet");return{list:d.filter(I=>!v(I.type,o??"",c)),error:C,handleClick:f,disconnectConnectingWallets:w}}i(Fn,"useWalletList");import{i18n as xp}from"@lingui/core";import{styled as Ip,Typography as _g,Wallet as Dg,WalletState as Fg}from"@rango-dev/ui";import no,{useState as bp}from"react";import{useManager as Ig}from"@rango-dev/queue-manager-react";import{BottomLogo as Ag,Divider as hp,Header as Eg}from"@rango-dev/ui";import de,{useEffect as yp,useRef as Sp}from"react";import{useRef as Pf}from"react";function Un(){return window.self!==window.top}i(Un,"isAppLoadedIntoIframe");function Si(){let t=Pf(null),{iframe:e}=g(),o=Un()&&e.clientUrl,n=i(a=>{o&&window.top?.postMessage(a,e.clientUrl)},"send");return{send:n,connectHeightObserver:i(a=>{t.current=new ResizeObserver(l=>{for(let p of l)n({type:"widget_height",data:{height:p.contentRect.height}})}),t.current.observe(a)},"connectHeightObserver"),disconnectHeightObserver:i(()=>{t.current&&(t.current.disconnect(),t.current=null)},"disconnectHeightObserver")}}i(Si,"useIframe");import{useNavigate as $f}from"react-router-dom";function lt(){let t=$f();return()=>t(-1)}i(lt,"useNavigateBack");import{createTheme as wi,darkTheme as Of,lightTheme as qf}from"@rango-dev/ui";import{useEffect as Xl,useState as zf}from"react";import{theme as Ff,darkColors as Uf}from"@rango-dev/ui";var Vl=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"),On=i((t,e)=>{let a={[t]:e};for(let l=1;l<10;l++)l<5&&(a={...a,[t+l*100]:Vl(e,(5-l)*25)}),l===5&&(a={...a,[t+l*100]:e}),l>5&&(a={...a,[t+l*100]:Vl(e,-((l-5)*25))});return a},"generateRangeColors"),Ci=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=On(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,...On(s,a)}}return n?r:{}},"generateColors");var jl=i(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),_f=i(t=>{let e="",o;for(o=Math.abs(t);o>52;o=o/52|0)e=jl(o%52)+e;return jl(o%52)+e},"toAlphabeticName"),Df=i((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),Ti=i(t=>_f(Df(5381,JSON.stringify(t))>>>0),"toHash");function ki(t){let e=Ff.colors,o=Ci({...e,...Uf},!0,t?.dark),n=Ci(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-${Ti(p)}`,tokens:p}}if(r){let p={colors:o};l={id:`${Yr}-dark-${Ti(p)}`,tokens:p}}return{light:a,dark:l}}i(ki,"customizedThemeTokens");function Kl(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(Kl,"joinList");function qn(t){let{colors:e,fontFamily:o=La,borderRadius:n=Ea,secondaryBorderRadius:r=Wa,mode:s="auto"}=t,[a,l]=zf("light"),{setTheme:p,theme:u}=g(),{dark:c,light:h}=ki(e),m=wi({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),d=[m.className,qf.className],C=[m.className,Of.className];if(h){let y=wi(h.id,h.tokens);d.push(y.className)}if(c){let y=wi(c.id,c.tokens);C.push(y.className)}return Xl(()=>{let y=i(f=>{f.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",y),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",y)}},[]),Xl(()=>{s!=="auto"&&p(s)},[s]),{activeTheme:i(()=>{let y=d.join(" "),f=C.join(" ");return u==="auto"?a==="dark"?f:y:u==="dark"?f:y},"getActiveTheme")}}i(qn,"useTheme");var Mt=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");import{i18n as Yl}from"@lingui/core";import{Alert as Qf,Button as Hf}from"@rango-dev/ui";import Jl from"react";function vi(t){return Jl.createElement(Qf,{action:Jl.createElement(Hf,{onClick:t.onActivateTab,variant:"contained",size:"xxsmall",type:"warning"},Yl.t("Activate")),type:"warning",variant:"alarm",title:Yl.t("Another tab is open and handles transactions. You can activate this tab.")})}i(vi,"ActivateTabAlert");import{i18n as xi}from"@lingui/core";import{Button as Gf,Divider as Vf,MessageBox as jf}from"@rango-dev/ui";import zn from"react";function bi(t){let{open:e,onClose:o,onConfirm:n}=t;return zn.createElement(ae,{open:e,dismissible:!0,onClose:o,container:B()},zn.createElement(jf,{title:xi.t("Activate current tab"),type:"warning",description:xi.t("Currently, some transactions are running and being handled by other browser tab. If you activate this tab, all transactions that are already in the transaction sign step will expire.")},zn.createElement(Vf,{size:20}),zn.createElement(Gf,{variant:"contained",size:"large",type:"primary",fullWidth:!0,onClick:n},xi.t("Confirm"))))}i(bi,"ActivateTabModal");import{ChevronLeftIcon as Yf}from"@rango-dev/ui";import tp from"react";import{darkTheme as Kf,IconButton as Xf,styled as vo}from"@rango-dev/ui";var Ke=vo(Xf,{width:"$24",position:"relative",padding:"0",overflow:"unset"}),Zl=vo("div",{position:"absolute",background:"$secondary500",[`.${Kf} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),to=vo("div",{display:"flex",justifyContent:"flex-end",minWidth:"$40",button:{padding:0}}),Rl=vo("div",{position:"absolute",backgroundColor:"$secondary500",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0"}),ep=vo("div",{padding:"$2",variants:{isRefetched:{true:{transform:"rotate(360deg)",transition:"transform 1s ease-in-out"}}}});function Ii(t){return tp.createElement(Ke,{variant:"ghost",size:"small",onClick:t.onClick},tp.createElement(Yf,{color:"black",size:16}))}i(Ii,"BackButton");import{i18n as Jf}from"@lingui/core";import{Button as Zf,Typography as Rf}from"@rango-dev/ui";import Ai from"react";function Ei(t){return Ai.createElement(to,null,Ai.createElement(Zf,{variant:"ghost",onClick:t.onClick,size:"xsmall"},Ai.createElement(Rf,{variant:"label",size:"medium",color:"error500"},Jf.t("Cancel"))))}i(Ei,"CancelButton");import{i18n as eg}from"@lingui/core";import{Tooltip as tg,WalletIcon as og}from"@rango-dev/ui";import Qn from"react";function Wi(t){return Qn.createElement(tg,{container:t.container,side:"top",content:eg.t("Connect Wallet")},Qn.createElement(Ke,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&Qn.createElement(Zl,null),Qn.createElement(og,{size:18,color:"black"})))}i(Wi,"WalletButton");import{i18n as jn}from"@lingui/core";import{NotificationsIcon as wg,Popover as vg,SettingsIcon as xg,Tooltip as Kn,TransactionIcon as bg}from"@rango-dev/ui";import we from"react";import{i18n as ug}from"@lingui/core";import{EventSeverity as cg}from"@rango-dev/queue-manager-rango-preset";import{ChainToken as ap,ChevronRightIcon as mg,ListItemButton as dg,Typography as fg}from"@rango-dev/ui";import Je from"react";import{useNavigate as gg}from"react-router-dom";import{create as ng}from"zustand";import{persist as rg,subscribeWithSelector as ig}from"zustand/middleware";var Oe=Et(ng()(rg(ig((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,address:r.fromSymbolAddress,symbol:r.fromSymbol},to:{blockchain:s.toBlockchain,address:s.toSymbolAddress,symbol:s.toSymbol}}},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 Hn}from"@rango-dev/ui";var op=Hn("div",{padding:"$10",width:"350px",maxWidth:"90vw",minHeight:"150px"}),np=Hn("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),rp=Hn("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),ip=Hn("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as sg}from"@lingui/core";import{Divider as ag,NoNotificationIcon as lg,Typography as pg}from"@rango-dev/ui";import Gn from"react";function sp(){return Gn.createElement(ip,null,Gn.createElement(lg,{color:"secondary",size:26}),Gn.createElement(ag,{size:12}),Gn.createElement(pg,{variant:"body",size:"medium",color:"neutral700"},sg.t("There are no notifications.")))}i(sp,"NotificationNotFound");var hg=4;function Li(){let t=gg(),{getUnreadNotifications:e}=Oe(),o=e(),n=g().blockchains(),r=g().tokens(),s=o.sort((l,p)=>p.creationTime-l.creationTime).slice(0,hg),a=i(l=>{t(`${_.swaps}/${l}`)},"handleOnClick");return Je.createElement(op,null,s.length?Je.createElement(np,null,s.map(l=>{let{route:p,requestId:u,event:c}=l,h=r.find(S=>Le(S,p.from)),m=n.find(S=>S.name===p.from.blockchain),d=r.find(S=>Le(S,p.to)),C=n.find(S=>S.name===p.to.blockchain);return Je.createElement(dg,{key:u,onClick:()=>a(u),title:Je.createElement(fg,{variant:"body",size:"small",color:c.messageSeverity===cg.WARNING?"$foreground":"$neutral700"},ug.t(c.message)),id:u,start:Je.createElement(rp,null,Je.createElement("div",{className:"from-chain-token"},Je.createElement(ap,{tokenImage:h?h.image:"",chainImage:m?m.logo:"",size:"small"})),Je.createElement("div",{className:"to-chain-token"},Je.createElement(ap,{tokenImage:d?d.image:"",chainImage:C?C.logo:"",size:"small"}))),end:Je.createElement(mg,{size:12,color:"gray"})})})):Je.createElement(sp,null))}i(Li,"NotificationContent");import{RefreshProgressButton as yg}from"@rango-dev/ui";import Mi,{useEffect as Sg,useState as lp}from"react";var Cg=1e3,pp=60,Tg=100;function Vn({onClick:t}){let[e,o]=lp(0),[n,r]=lp(!1),s=i(p=>{document.hidden&&p&&a(p)},"handleVisibilityChange");Sg(()=>{let p;return t?p=window.setInterval(()=>{o(u=>u+1),e===pp&&l()},Cg):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 Mi.createElement(Ke,{variant:"ghost",size:"small",onClick:l,disabled:!t},Mi.createElement(ep,{onTransitionEnd:()=>r(!1),isRefetched:n},Mi.createElement(yg,{size:24,color:t?"black":"gray",progress:e/pp*Tg})))}i(Vn,"RefreshButton");import{Typography as kg}from"@rango-dev/ui";import up from"react";function cp(){let{getUnreadNotifications:t}=Oe(),e=t().length;return e?up.createElement(Rl,null,up.createElement(kg,{variant:"body",size:"xsmall",color:"$background"},e)):null}i(cp,"UnreadNotificationsBadge");function xo(t){let{onClickRefresh:e,onClickHistory:o,onClickSettings:n,hidden:r=[]}=t,{config:{features:s}}=g(),a=He("notification",s)||r.includes("notifications");return we.createElement(we.Fragment,null,!r.includes("refresh")&&we.createElement(Kn,{container:B(),side:"top",content:jn.t("Refresh")},we.createElement(Vn,{onClick:e})),!a&&we.createElement(vg,{align:"end",alignOffset:-88,collisionPadding:{right:20,left:20},container:B(),content:we.createElement(Li,null)},we.createElement("div",null,we.createElement(Kn,{container:B(),side:"top",content:jn.t("Notifications")},we.createElement(Ke,{size:"small",variant:"ghost"},we.createElement(wg,{size:18,color:"black"}),we.createElement(cp,null))))),!r.includes("settings")&&we.createElement(Kn,{container:B(),side:"top",content:jn.t("Settings")},we.createElement(Ke,{size:"small",variant:"ghost",onClick:n},we.createElement(xg,{size:18,color:"black"}))),!r.includes("history")&&we.createElement(Kn,{container:B(),side:"top",content:jn.t("Transactions History")},we.createElement(Ke,{size:"small",variant:"ghost",onClick:o},we.createElement(bg,{size:18,color:"black"}))))}i(xo,"HeaderButtons");function Ni(t){let e=t.target;if(e){let o=e.scrollTop,n=B();o>1?n.classList.add("rng-scrolled"):n.classList.remove("rng-scrolled")}}i(Ni,"onScrollContentAttachStatusToContainer");import{styled as Bi}from"@rango-dev/ui";var mp="700px",dp=Bi("div",{position:"relative",display:"flex",flexDirection:"column",borderRadius:"$primary",width:"100vw",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:mp},fixed:{height:mp}}}}),fp=Bi("div",{position:"relative",overflow:"hidden",flexGrow:1,display:"flex",flexDirection:"column",padding:0,overflowY:"auto"}),gp=Bi("div",{padding:"0 $20 $10","& .footer__logo":{opacity:0,transition:"opacity 1s ease-in-out","&.logo__show":{opacity:1},"&.logo__hidden":{visibility:"hidden"}}});function oe(t){let{connectHeightObserver:e,disconnectHeightObserver:o}=Si(),{children:n,header:r,footer:s,height:a="fixed"}=t,l=K.use.connectedWallets(),{config:{features:p,theme:u}}=g(),{watermark:c}=ne(),h=c==="FULL",{activeTheme:m}=qn(u||{}),d=He("connectWalletButton",p),{isActiveTab:C,tabManagerInitiated:S,showActivateTabModal:y,setShowActivateTabModal:f,activateCurrentTab:w}=ne(),k=lt(),{manager:v}=Ig(),x=Mt(v).map(({swap:A})=>A).some(A=>A.status==="running"),T=i(()=>w(Ot.forceClaim,x),"onActivateTab"),b=i(()=>{r.onWallet?.()},"onConnectWallet"),N=typeof r.hasBackButton>"u"||r.hasBackButton,L=Sp(null),M=Sp(null);return yp(()=>(Un()&&M.current&&e(M.current),()=>{o()}),[]),yp(()=>(L.current?.addEventListener("scroll",Ni),()=>{L.current?.removeEventListener("scroll",Ni)}),[]),de.createElement(dp,{height:a,id:Ee.SWAP_BOX_ID,className:m(),ref:M},de.createElement(Eg,{prefix:de.createElement(de.Fragment,null,N&&de.createElement(Ii,{onClick:()=>{k(),r.onBack&&r.onBack()}})),title:r.title,suffix:de.createElement(de.Fragment,null,r.suffix,r.onWallet&&!d&&de.createElement(Wi,{container:B(),onClick:b,isConnected:!!l?.length}),r.onCancel&&de.createElement(Ei,{onClick:r.onCancel}))}),de.createElement(fp,{ref:L},n),de.createElement(bi,{open:y,onClose:()=>f(!1),onConfirm:T}),de.createElement(gp,null,de.createElement("div",{className:"footer__content"},s,S&&!C&&de.createElement(de.Fragment,null,de.createElement(hp,{size:12}),de.createElement(vi,{onActivateTab:T}))),de.createElement(hp,{size:12}),de.createElement("div",{className:`footer__logo ${h?"logo__show":"logo__hidden"}`},de.createElement(Ag,null))))}i(oe,"Layout");import{styled as Wg}from"@rango-dev/ui";var Cp="$20 $20 $10 $20",bo=Wg("div",{padding:Cp,overflowY:"auto",flexGrow:1});import{styled as Lg}from"@rango-dev/ui";var se=Lg("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 $g}from"@rango-dev/ui";import $i from"react";import{i18n as oo}from"@lingui/core";import{Image as Bg,MessageBox as Pi,WalletState as Pg}from"@rango-dev/ui";import Ht from"react";import{keyframes as Mg,styled as Xn}from"@rango-dev/ui";var jA=Xn("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),Tp=Xn("div",{position:"relative"}),Ng=Mg({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),kp=Xn("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Ng} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),wp=Xn("div",{"& img":{borderRadius:"50%"}});function vp(t){let{state:e,image:o,error:n}=t;return e===Pg.CONNECTED?Ht.createElement(Pi,{type:"success",title:oo.t("Wallet Connected"),description:oo.t("Your wallet is connected, you can use it to swap.")}):n?Ht.createElement(Pi,{type:"error",title:oo.t("Failed to Connect"),description:n||oo.t("Your wallet is not connected. Please try again.")}):Ht.createElement(Pi,{type:"loading",title:oo.t("Connecting to your wallet"),description:oo.t("Click connect in your wallet popup."),icon:Ht.createElement(Tp,null,Ht.createElement(wp,null,Ht.createElement(Bg,{src:o,size:45})),Ht.createElement(kp,null))})}i(vp,"ModalContent");function Io(t){let{open:e,onClose:o,...n}=t;return $i.createElement(ae,{open:e,onClose:o,container:document.getElementById(Ee.SWAP_BOX_ID)||document.body},$i.createElement(vp,{...n}),$i.createElement($g,{direction:"vertical",size:32}))}i(Io,"WalletModal");var Ug=Ip("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),Og=Ip(se,{textAlign:"center"}),Yn=3e3,_i=300;function Ap(){let{config:t,fetchStatus:e}=g(),[o,n]=bp(!1),[r,s]=bp(""),a=null,l=ne.use.isActiveTab(),{list:p,handleClick:u,error:c,disconnectConnectingWallets:h}=Fn({config:t,onBeforeConnect:y=>{a=setTimeout(()=>{n(!0),s(y)},_i)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},Yn)}}),m=i(()=>{h(),n(!1)},"handleCloseWalletModal"),d=p.find(y=>y.type===r),C=d?.image||"",S=d?.state||Fg.NOT_INSTALLED;return no.createElement(oe,{header:{title:xp.t("Connect Wallets")}},no.createElement(Og,null,no.createElement(_g,{variant:"title",size:"xmedium",align:"center"},xp.t("Choose a wallet to connect.")),no.createElement(Ug,null,p.map((y,f)=>{let w=`wallet-${f}-${y.type}`;return no.createElement(Dg,{key:w,...y,container:B(),onClick:k=>{u(k)},isLoading:e==="loading",disabled:!l})}),no.createElement(Io,{open:!!o,onClose:m,image:C,state:S,error:c}))))}i(Ap,"WalletsPage");import{keyframes as qg,styled as Di}from"@rango-dev/ui";var Ep=Di("div",{position:"relative"}),zg=qg({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),Wp=Di("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${zg} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),Lp=Di("div",{"& img":{borderRadius:"50%"}});var Vg=7;function Ui(t){let{chain:e,isSelected:o,selectWallet:n,limit:r,onShowMore:s}=t,{config:a}=g(),l=ne.use.isActiveTab(),p=K.use.connectedWallets(),{blockchains:u}=g(),[c,h]=Ao(""),[m,d]=Ao(null),[C,S]=Ao(!1),[y,f]=Ao(null),{suggestAndConnect:w}=Pp(),k=null,{list:v,error:I,handleClick:x,disconnectConnectingWallets:T}=Fn({config:a,chain:e,onBeforeConnect:E=>{k=setTimeout(()=>{h(E)},_i)},onConnect:()=>{k&&clearTimeout(k),setTimeout(()=>{h("")},Yn)}}),[b,N]=Ao(v),L=v.length,M=r&&L-r>0,A=i(async E=>{S(!1),f("in-progress");try{await w(E.walletType,E.chain),f("completed")}catch{f("rejected")}},"addExperimentalChain");Bp(()=>{N(E=>{let J=v.findIndex(X=>o(X.type,e));return M&&J>1?[v[J]].concat(v.filter((X,z)=>z!==J)):E.map(X=>v.find(z=>z.type===X.type)??X)})},[JSON.stringify(v)]);let O=document.getElementById(Ee.SWAP_BOX_ID);Bp(()=>{let E=null;return(y==="completed"||y==="rejected")&&(E=setTimeout(()=>f(null),Yn)),()=>{E&&clearTimeout(E)}},[y]);let Z=i(()=>{T(),h("")},"handleCloseWalletModal");return le.createElement(le.Fragment,null,b.slice(0,r).map(E=>{let J=xa({connectedWallets:p,walletType:E.type,chain:e}),X=J?mn(J,Vg):"",z=un(u(),e),me=!p.find($=>$.walletType===E.type&&$.chain===e),G=z&&me&&E.state===Np.CONNECTED,R=G?Ze.t({id:"Add {chain} chain",values:{chain:e}}):X,Ae=i(()=>{E.state===Np.DISCONNECTED?x(E.type):G?(d({walletType:E.type,chain:e,address:J??""}),S(!0)):n({walletType:E.type,chain:e,address:J??""})},"onClick"),Ce=m?.chain?el(m.chain,u()):void 0;return le.createElement(le.Fragment,null,le.createElement(Io,{open:c===E.type,onClose:Z,image:E.image,state:E.state,error:I}),!!m&&le.createElement(ae,{open:!!m&&C,container:O,onClose:()=>{d(null)}},le.createElement(Jn,{title:Ze.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:Ce}}),type:"warning",description:Ze.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:Ce}})},le.createElement(Fi,{size:18}),le.createElement(Fi,{size:32}),le.createElement(Qg,{onClick:A.bind(null,m),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},Ze.t("Confirm")))),y&&le.createElement(ae,{open:!!y,onClose:f.bind(null,null),container:O},y==="in-progress"&&le.createElement(Jn,{type:"loading",title:Ze.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:Ce}}),description:Ze.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:Ce}}),icon:le.createElement(Ep,null,le.createElement(Lp,null,le.createElement(Hg,{src:E.image,size:45})),le.createElement(Wp,null))}),y==="completed"&&le.createElement(Jn,{type:"success",title:Ze.t({id:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:Ce}}),description:Ze.t({id:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:Ce}})}),y==="rejected"&&le.createElement(Jn,{type:"error",title:Ze.t("Request Rejected"),description:Ze.t({id:"You've rejected adding {blockchainDisplayName} chain to your wallet.",values:{blockchainDisplayName:Ce}})}),le.createElement(Fi,{direction:"vertical",size:32})),le.createElement(Gg,{key:E.type,description:R,onClick:Ae,selected:o(E.type,e),disabled:!l,...E}))}),M&&le.createElement($l,{selected:!1,onClick:s},le.createElement(Mp,{variant:"label",size:"medium"},Ze.t("Show more wallets"),le.createElement(Mp,{variant:"label",size:"medium",color:"$primary"},"\xA0+",L-(r??0)))))}i(Ui,"WalletList");var eh=2;function _p(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,loading:s}=t,a=g().config,l=g().blockchains(),{selectedQuote:p,setSelectedWallets:u,quoteWalletsConfirmed:c,setQuoteWalletConfirmed:h,customDestination:m,setCustomDestination:d}=V(),{connectedWallets:C,selectWallets:S}=K(),[y,f]=io(""),[w,k]=io([]),[v,I]=io(""),[x,T]=io(null),[b,N]=io(!!m),L=kn(p?.swaps||null),M=l.find($=>$.name===p?.swaps[p?.swaps.length-1].to.blockchain),A=i($=>!!p?.swaps.find(j=>j.from.blockchain===$),"isWalletRequiredFor"),[O,Z]=io(C.filter($=>$.selected&&L.includes($.chain))),E=l.find($=>$.name===M?.name),J=i(($,j)=>!!O.find(ee=>ee.walletType===$&&ee.chain===j&&ee.selected&&(A(j)||!A(j)&&!m)),"isSelected"),X=!!m&&b&&E&&!wn(E,m),z=i(()=>{N(!1),d(null),Z($=>{let j=!1;return $.map(ee=>!j&&ee.chain===M?.name?(j=!0,{...ee,selected:!0}):ee)})},"resetCustomDestination"),me=i($=>{if(y&&f(""),J($.walletType,$.chain))return;let ee=C.find(Te=>Te.walletType===$.walletType&&Te.chain===$.chain);ee&&(n(),$.chain===M?.name&&b&&(N(!1),d(null)),Z(Te=>Te.filter(Fe=>Fe.chain!==$.chain).concat({...ee,selected:!0})))},"onChange"),G=i(()=>{let $=O.filter(j=>j.selected);S($),u($),h(!0),o()},"onConfirmBalance"),R=i(async()=>{k([]),I(""),T(null);let $=C.filter(Te=>O.find(Fe=>Fe.chain===Te.chain&&Fe.walletType===Te.walletType)),j=await r?.({selectedWallets:$,customDestination:m}),ee=j.warnings;ee?.balance?.messages&&k(ee.balance.messages),ee?.quoteUpdate&&T(ee.quoteUpdate),j.error&&I(tl(j.error)),!j.error&&(!ee?.balance?.messages.length||0>0)?G():k(ee?.balance?.messages??[])},"onConfirmWallets");Zg(()=>{Z($=>$.concat(C.filter(j=>!!!$.find(Te=>Te.chain===j.chain)&&j.selected&&L.includes(j.chain))))},[C.length]);let Ae=document.getElementById(Ee.SWAP_BOX_ID),Ce=Rg();return D.createElement(ae,{open:e,onClose:()=>{c||Ce("../",{replace:!0}),o()},dismissible:!y,container:Ae,...!y&&{footer:D.createElement(zl,null,D.createElement($p,{loading:s,disabled:Cl(s,b,m,p,O,M),onClick:R,variant:"contained",type:"primary",fullWidth:!0,size:"large"},pt.t("Confirm")))},...y&&{styles:{container:{padding:"$0"}},header:D.createElement(_l,null,D.createElement(Dl,{variant:"ghost",onClick:f.bind(null,"")},D.createElement(Xg,{size:16})),D.createElement(Zn,{variant:"headline",size:"small"},pt.t({id:"Your {blockchainName} wallets",values:{blockchainName:Ge(y,l)}})))},anchor:"center"},D.createElement(ae,{open:w.length>0,onClose:k.bind(null,[]),container:Ae},D.createElement(Yg,{title:pt.t("Insufficient account balance"),type:"error",description:D.createElement(jg,{messages:w??[]})},D.createElement($p,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:G},pt.t("Proceed anyway")))),y&&D.createElement(Fl,null,D.createElement("div",{className:Ul()},D.createElement(Ui,{chain:y,isSelected:J,selectWallet:me,onShowMore:f.bind(null,y)}))),!y&&D.createElement(D.Fragment,null,v&&D.createElement(D.Fragment,null,D.createElement(Oi,{variant:"alarm",type:"error",title:pt.t(v)}),D.createElement(ro,{size:12})),x&&D.createElement(D.Fragment,null,D.createElement(Oi,{variant:"alarm",type:"warning",title:Mn(x)}),D.createElement(ro,{size:12})),D.createElement(Hl,null,L.map(($,j)=>{let ee=l.find(ke=>ke.name===$),Te=`wallet-${j}`,Fe=j===L.length-1;return D.createElement("div",{key:Te},D.createElement(Bl,null,D.createElement(Zn,{variant:"title",size:"xmedium"},pt.t({id:"Your {blockchainName} wallets",values:{blockchainName:ee?.shortName}})),D.createElement(Zn,{variant:"label",color:"$neutral700",size:"medium"},pt.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:ee?.shortName}}))),D.createElement(ro,{size:24}),D.createElement(Pl,null,D.createElement(Ui,{chain:$,isSelected:J,selectWallet:me,limit:eh,onShowMore:()=>f(ee?.name??"")})),!Fe&&D.createElement(ro,{size:32}),Fe&&a?.customDestination&&D.createElement(Ol,null,D.createElement(_n,{onOpenChange:ke=>{ke?A(M?.name??"")||Z(_e=>_e.map(Ue=>Ue.chain===M?.name?{...Ue,selected:!1}:Ue)):z()},hasSelected:!0,open:b,triggerAnchor:"top",trigger:D.createElement(Gl,{fullWidth:!0,variant:"default",suffix:D.createElement(Pn,{orientation:b?"up":"down"},D.createElement(Kg,{size:10,color:"gray"}))},D.createElement("div",{className:"button__content"},D.createElement(Jg,{size:18,color:"info"}),D.createElement(ro,{size:4,direction:"horizontal"}),D.createElement(Zn,{variant:"label",size:"medium"},pt.t("Send to a different address")))),onClickTrigger:()=>N(ke=>!ke)},D.createElement(ro,{size:4}),D.createElement(Ql,{autoFocus:!0,placeholder:pt.t("Your destination address"),value:m||"",onChange:ke=>{let _e=ke.target.value;_e.length?d(_e.length?_e:null):(N(!1),d(null))}})),X&&D.createElement("div",{className:ql()},D.createElement(Oi,{variant:"alarm",type:"error",title:pt.t({values:{destination:m},id:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}i(_p,"ConfirmWalletsModal");import{i18n as yh}from"@lingui/core";import{Alert as Sh,Button as Ch,InfoIcon as Th}from"@rango-dev/ui";import qe from"react";import{Alert as th,Button as oh,Divider as zp,NoRouteIcon as nh,RefreshIcon as rh,Typography as Qp}from"@rango-dev/ui";import Re from"react";import{i18n as Dp}from"@lingui/core";function Fp(t,e,o,n){return t?.type===1?{alert:{type:"warning",text:Y().genericServerError,action:{onClick:n,title:Dp.t("Retry")}},description:""}:e.length?{alert:{type:"warning",text:Y().liquiditySourcesError.title,action:{onClick:()=>o(!0),title:Dp.t("Reset")}},description:Y().liquiditySourcesError.description}:t?.type===0&&t.diagnosisMessage?{alert:{type:"error",text:t.diagnosisMessage,action:null},description:""}:{alert:null,description:Y().noResultError.description}}i(Fp,"makeInfo");import{styled as qi}from"@rango-dev/ui";var Up=qi("div",{minHeight:"162px",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"}),Op=qi("div",{width:"100%"}),qp=qi("div",{padding:"$6 $0"});function zi(t){let{fetch:e,error:o}=t,n=g().getDisabledLiquiditySources(),r=g().toggleAllLiquiditySources,s=g().swappers(),a=Fp(o,n,()=>r(s,!0),e);return Re.createElement(Up,null,Re.createElement(nh,{size:24,color:"gray"}),Re.createElement(zp,{size:4}),Re.createElement(Qp,{variant:"title",size:"small"},Y().noResultError.title),!!a.description&&Re.createElement(Qp,{variant:"body",size:"small",align:"center",color:"neutral700"},a.description),Re.createElement(zp,{size:4}),!!a.alert&&Re.createElement(Op,null,Re.createElement(th,{type:a.alert.type,title:a.alert.text,action:a.alert.action&&Re.createElement(oh,{size:"xsmall",type:a.alert.type,prefix:Re.createElement(qp,null,Re.createElement(rh,{size:8})),onClick:a.alert.action.onClick},a.alert.action.title),variant:"alarm"})))}i(zi,"NoResult");import{i18n as Eo}from"@lingui/core";import{Button as sh,Divider as Xp,MessageBox as ah,Typography as lh,WarningIcon as ph}from"@rango-dev/ui";import ut from"react";import{Typography as jp}from"@rango-dev/ui";import Hi from"react";import{darkTheme as ih,styled as Rn}from"@rango-dev/ui";var Hp=Rn("div",{width:"100%"}),Qi=Rn("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),Gp=Rn("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%","._title":{$$color:"$colors$neutral600",[`.${ih} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Vp=Rn("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});function Kp(t){let{title:e,value:o,valueColor:n}=t;return Hi.createElement(Gp,null,Hi.createElement(jp,{size:"medium",variant:"label",className:"_title"},e),Hi.createElement(jp,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}i(Kp,"QuoteErrorsModalItem");function Yp(t){let{open:e,onClose:o,onConfirm:n,warning:r,confirmationDisabled:s}=t,a=r.warningLevel==="high"?"error":"warning",l=[{title:Eo.t("Swapping"),value:W(r.inputUsdValue,4,4)},{title:Eo.t("Gas cost"),value:W(r.totalFee,2,2)},{title:Eo.t("Receiving"),value:W(r.outputUsdValue,4,4)},{title:Eo.t("Price impact"),value:W(r.priceImpact,2,2),valueColor:`${a}500`}];return ut.createElement(ae,{open:e,onClose:o,container:B()},ut.createElement(ah,{type:a,title:Y().highValueLossError.impactTitle,description:Y().highValueLossError.description}),ut.createElement(Qi,null,ut.createElement(Xp,{size:20}),ut.createElement(lh,{size:"small",variant:"title"},Eo.t("Details")),ut.createElement(Qi,null,l.map((p,u)=>ut.createElement(Kp,{key:u,...p})))),ut.createElement(Xp,{size:32}),ut.createElement(sh,{type:"primary",size:"large",prefix:ut.createElement(ph,null),fullWidth:!0,disabled:s,onClick:n},Y().highValueLossError.confirmMessage))}i(Yp,"HighValueLossWarningModal");import{i18n as Gi}from"@lingui/core";function Jp(t,e){let o={alertType:"warning",title:"",action:"show-info"};return e?(o.alertType="error",e.type===3&&(o.title=e.recommendation,o.action="show-info"),e.type===4&&(o.title=Gi.t({id:"You need to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:e.minRequiredSlippage}}),o.action="change-settings"),o):t?(t.type===0&&(yt(t.priceImpact)==="high"&&(o.alertType="error"),o.action=null,o.title=Y().highValueLossError.title),t.type===1&&(o.title=Y().unknownPriceError.title),t.type===2&&(o.title=Gi.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=Gi.t("Caution, your slippage is high.")),o):null}i(Jp,"makeAlerts");import{i18n as lo}from"@lingui/core";import{Button as Zp,Divider as Rp,MessageBox as uh,Typography as ch}from"@rango-dev/ui";import Gt from"react";import{useNavigate as mh}from"react-router-dom";function eu(t){let{customSlippage:e,slippage:o}=g(),{open:n,onClose:r,onConfirm:s,warning:a,confirmationDisabled:l}=t,p=mh(),u=e??o;return Gt.createElement(ae,{anchor:"bottom",open:n,prefix:Gt.createElement(Zp,{size:"small",variant:"ghost",onClick:()=>p("../"+_.settings)},Gt.createElement(ch,{variant:"label",size:"medium",color:"$neutral900"},lo.t("Change settings"))),container:B(),onClose:r},Gt.createElement(uh,{type:"warning",title:a.type===3?lo.t("High slippage"):lo.t("Low slippage"),description:a.type===3?lo.t({id:" Caution, your slippage is high (={userSlippage}). Your trade may be front run.",values:{userSlippage:u}}):lo.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:a.minRequiredSlippage}})},Gt.createElement(Rp,{size:18}),Gt.createElement(Rp,{size:32}),Gt.createElement(Zp,{size:"large",type:"primary",variant:"contained",fullWidth:!0,disabled:l,onClick:s},lo.t("Confirm anyway"))))}i(eu,"SlippageWarningModal");import{Button as dh,Divider as fh,MessageBox as gh,WarningIcon as hh}from"@rango-dev/ui";import Wo from"react";function tu(t){let{open:e,onClose:o,onConfirm:n,confirmationDisabled:r}=t;return Wo.createElement(ae,{open:e,onClose:o,container:B()},Wo.createElement(gh,{type:"warning",title:Y().unknownPriceError.impactTitle,description:Y().unknownPriceError.description}),Wo.createElement(fh,{size:32}),Wo.createElement(dh,{type:"primary",size:"large",prefix:Wo.createElement(hh,null),fullWidth:!0,disabled:r,onClick:n},Y().unknownPriceError.confirmMessage))}i(tu,"UnknownPriceWarningModal");function Lo(t){let{warning:e,error:o,showWarningModal:n,confirmationDisabled:r,refetchQuote:s,onOpenWarningModal:a,onCloseWarningModal:l,onConfirmWarningModal:p,onChangeSettings:u}=t,c={confirmationDisabled:r,open:n,onClose:l,onConfirm:p},h=o?.type===0||o?.type===1,m=Jp(e,o?.type===3||o?.type===4?o:null);return qe.createElement(qe.Fragment,null,h&&qe.createElement(zi,{error:o,fetch:s}),!!m&&qe.createElement(Hp,null,qe.createElement(Sh,{title:m.title,type:m.alertType,variant:"alarm",...m.action==="show-info"&&{action:qe.createElement(Vp,{onClick:a},qe.createElement(Th,{size:12,color:"gray"}))},...m.action==="change-settings"&&{action:qe.createElement(Ch,{size:"xxsmall",type:m.alertType,onClick:u},yh.t("Change"))}})),e&&qe.createElement(qe.Fragment,null,e.type===0&&qe.createElement(Yp,{...c,warning:e}),(e.type===3||e.type===2)&&qe.createElement(eu,{...c,warning:e}),e.type===1&&qe.createElement(tu,{...c,warning:e})))}i(Lo,"QuoteWarningsAndErrors");import Zh from"bignumber.js";import cr from"react";import{i18n as Po}from"@lingui/core";import{Alert as qh,Divider as $o,InfoIcon as zh,StepDetails as Qh,TokenAmount as Hh,Tooltip as Mu,Typography as uo}from"@rango-dev/ui";import Nu from"bignumber.js";import P,{useRef as Gh,useState as Vh}from"react";import{styled as Vi}from"@rango-dev/ui";var ji=Vi("div",{width:"100%","& .position-top__skeleton":{paddingTop:"$10"}}),ou=Vi("div",{paddingBottom:"$15"}),nu=Vi("div",{width:"100%",display:"flex"});import*as er from"@radix-ui/react-collapsible";import{Button as kh,css as Mo,darkTheme as Ne,Image as ru,styled as be,Typography as wh}from"@rango-dev/ui";var vh=300,iu=be(er.Root,{display:"flex",flexDirection:"column",alignItems:"start",overflowX:"auto",overflowY:"hidden",width:"100%",borderRadius:"$xm",variants:{selected:{true:{},false:{$$color:"$colors$neutral400",[`.${Ne} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}},listItem:{true:{$$color:"$colors$neutral400",[`.${Ne} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"},false:{}}},compoundVariants:[{listItem:!1,selected:!0,css:{$$color:"$colors$info300",[`.${Ne} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"}},{listItem:!0,selected:!1,css:{cursor:"pointer","&:hover":{backgroundColor:"$neutral300",[`.${Ne} &`]:{backgroundColor:"$neutral400"}}}}]}),su=Mo({padding:"$10 $15"}),au=be(kh,{backgroundColor:"transparent",border:"1px solid $secondary"}),lu=be("div",{borderRadius:"$xm",display:"flex",flexDirection:"column",alignItems:"start",justifyContent:"space-between",color:"$foreground",boxSizing:"border-box",position:"relative",variants:{selected:{true:{},false:{$$color:"$colors$neutral200",[`.${Ne} &`]:{$$color:"$colors$neutral500"},backgroundColor:"$$color"}},basic:{true:{borderTopRightRadius:"0",borderTopLeftRadius:"0"}},listItem:{true:{$$color:"$colors$neutral200",[`.${Ne} &`]:{$$color:"$colors$neutral500"},backgroundColor:"$$color","&:hover":{backgroundColor:"$neutral300",[`.${Ne} &`]:{backgroundColor:"$neutral400"}},cursor:"pointer"},false:{}}},compoundVariants:[{listItem:!0,selected:!0,css:{border:"1px solid $secondary"}},{listItem:!1,selected:!0,css:{$$color:"$colors$info100",[`.${Ne} &`]:{$$color:"$colors$secondary600"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}}},{listItem:!0,selected:!1,css:{cursor:"pointer","&:hover":{backgroundColor:"$neutral300",[`.${Ne} &`]:{backgroundColor:"$neutral400"}}}}]}),pu=Mo({width:"100%",padding:"$15 $15 $10 $15"}),uu=Mo({display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center",paddingBottom:"$10",position:"relative"}),po=Mo({display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",".blockchainImage":{marginLeft:"-$8"}}),cu=Mo({display:"flex",alignItems:"center",".usd-value":{$$color:"$colors$neutral600",[`.${Ne} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),mu=be(er.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:{[`& ${ru}`]:{border:"1px $warning500 solid",borderRadius:"100%"}},false:{[`& ${ru}`]:{border:"1px transparent solid",borderRadius:"100%"}}},selected:{true:{},false:{$$color:"$colors$neutral400",[`.${Ne} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}},listItem:{true:{$$color:"$colors$neutral400",[`.${Ne} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"},false:{}}},compoundVariants:[{listItem:!1,selected:!0,css:{$$color:"$colors$info300",[`.${Ne} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"}}],".blockchains_section":{display:"none"},"@xs":{".blockchains_section":{display:"block"}}}),du=be("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"}}}}),fu=be(Bn,{width:"100%",background:"inherit"}),Ki=be("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$2",transition:`all ${vh}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),MW=be("div",{height:"$12",marginLeft:"$10",marginRight:"$10",borderLeft:"1px solid $foreground"}),gu=be("div",{display:"flex",justifyContent:"center",margin:"0 $15",borderTop:"1px solid",$$color:"$colors$neutral300",[`.${Ne} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color"}),hu=be("div",{width:"$16",height:"$16",justifyContent:"center",alignItems:"center",display:"flex"}),Xi=be(wh,{overflow:"hidden",textOverflow:"ellipsis",letterSpacing:.4}),yu=be("div",{display:"flex",flexWrap:"wrap"}),Yi=be("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"}}}}),Su=be("div",{backgroundColor:"$neutral400",borderRadius:"$xs",padding:"$2 $5",fontSize:"$10",fontWeight:400}),Cu=be("div",{display:"flex"}),tr=be("div",{width:"100%",borderTopWidth:"1px",borderTopStyle:"solid",borderTopColor:"$neutral",margin:"$5 0",[`.${Ne} &`]:{borderTopColor:"$neutral400"}});import{i18n as Pt}from"@lingui/core";import{ChevronDownIcon as bh,CloseIcon as Ih,Divider as rr,IconButton as Ah,QuoteCost as Eh,Tooltip as Wh,Typography as et}from"@rango-dev/ui";import Lh from"bignumber.js";import Q,{useState as vu}from"react";import{css as xh,styled as or}from"@rango-dev/ui";var nr=or("div",{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"$5 0","&.total_payable_fee":{padding:"$12 0"}}),Ji=or("div",{width:"100%",borderTop:"1px solid $neutral300",margin:"$10 0"}),Tu=or("div",{padding:"$20 0",display:"flex",flexDirection:"column","& .collapsible_trigger":{display:"flex",alignItems:"center"}}),ku=or("div",{padding:"$20 $20 $10",textAlign:"center",position:"relative","._icon-button":{position:"absolute",zIndex:10,top:"$16",right:"$16"}}),wu=xh({display:"flex",flexDirection:"row",alignItems:"center",padding:"$5","&:hover":{"& ._typography, & svg":{color:"$secondary"}}});var Mh=30,Nh=i(t=>t.fee.isZero()?null:Q.createElement(nr,null,Q.createElement(et,{variant:"label",size:"medium",color:"neutral600"},t.label),Q.createElement(et,{variant:"label",size:"medium"},"$",W(t.fee,4,4))),"NonPayableFee");function xu(t){let[e,o]=vu(!1),[n,r]=vu(!1),{steps:s,quote:a}=t,l=g().tokens(),p=nn(rn(a?.swaps)),u=a?.swaps??[],c=B(),h=bn(u,l),m=al(u);return Q.createElement(Q.Fragment,null,Q.createElement(Eh,{onClickFee:d=>{d.stopPropagation(),o(!e)},fee:W(h,2,2),feeWarning:h.gte(new Lh(Mh)),time:p,steps:s,tooltipGas:Pt.t("View more info"),tooltipContainer:c}),Q.createElement(ae,{container:c,open:e,header:Q.createElement(ku,null,Q.createElement(et,{variant:"title",size:"medium"},Pt.t("Gas & Fee Explanation")),Q.createElement(Ah,{onClick:()=>o(!1),variant:"ghost"},Q.createElement(Ih,{color:"gray",size:14}))),onClose:()=>{o(!1)}},Q.createElement(Tu,null,Q.createElement(et,{variant:"title",size:"small"},Pt.t("Details")),Q.createElement(rr,{size:10}),Object.entries(m.payable).flatMap(([d,C])=>C.map((S,y)=>{let f=`payable-fee-${y}`,w=ai(S);return Q.createElement(nr,{key:f},Q.createElement(et,{variant:"label",size:"medium",color:"neutral600"},oi[d]),Q.createElement(Wh,{content:pe(S.amount),container:c},Q.createElement(et,{variant:"label",size:"medium"},W(S.amount,2,2)," ",S.asset.symbol," ($",W(w,4,4),")")))})),Q.createElement(nr,{className:"total_payable_fee"},Q.createElement(et,{variant:"label",size:"medium"},Pt.t("Total Payable Fee")),Q.createElement(et,{variant:"label",size:"medium"},"$",W(h,4,4))),Q.createElement(Ji,null),Object.keys(m.nonePayable).length&&Q.createElement(_n,{triggerAnchor:"bottom",onClickTrigger:()=>r(d=>!d),trigger:Q.createElement("div",{className:wu()},Q.createElement(et,{size:"small",variant:"body",color:"neutral700"},n?Pt.t("Hide non-payable fees"):Pt.t("Show non-payable fees")),Q.createElement(rr,{size:4,direction:"horizontal"}),Q.createElement(Pn,{orientation:n?"up":"down"},Q.createElement(bh,{size:12,color:"gray"}))),open:n},Q.createElement(et,{size:"small",variant:"title"},Pt.t("Description")),Q.createElement(rr,{size:4}),Q.createElement(et,{size:"small",variant:"body",color:"neutral700"},Pt.t(`The following fees are considered in the transaction output and
|
|
2
|
+
you won\u2019t need to pay extra gas for them.`)),Q.createElement(rr,{size:10}),Object.entries(m.nonePayable).map(([d,C],S)=>{let y=sl(C),f=oi[d],w=`non-payable-fee-${S}`;return Q.createElement(Nh,{key:w,fee:y,label:f})}),Q.createElement(Ji,null)))))}i(xu,"QuoteCostDetails");import{i18n as Au}from"@lingui/core";import{TokenAmount as Eu}from"@rango-dev/ui";import ir from"react";import{css as Bh,styled as Ph}from"@rango-dev/ui";var bu=Ph("div",{position:"relative",display:"flex",flexDirection:"column",width:"100%"}),Iu=Bh({height:"14px",marginLeft:"14px",position:"absolute",borderLeft:"1px solid $foreground",top:"42%"});function No(t){let{from:e,to:o,percentageChange:n,warningLevel:r}=t;return ir.createElement(bu,null,ir.createElement(Eu,{direction:"horizontal",label:Au.t("Swap input"),type:"input",tooltipContainer:B(),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}}),ir.createElement("div",{className:Iu()}),ir.createElement(Eu,{direction:"horizontal",tooltipContainer:B(),label:Au.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(No,"QuoteSummary");import{i18n as Wu}from"@lingui/core";import{ChevronDownIcon as $h,ChevronRightIcon as _h,Divider as Zi,Image as Dh,Tooltip as Ri,Typography as sr}from"@rango-dev/ui";import F,{useEffect as Fh,useState as Uh}from"react";var ar=4,lr=6,Oh=375,Bo=i(t=>{let e=B(),{content:o,src:n,className:r,open:s,state:a}=t;return F.createElement(Ri,{container:e,side:"bottom",sideOffset:4,open:s,content:o},F.createElement(du,{className:r,state:a},F.createElement(Dh,{src:n,size:16})))},"ImageComponent");function Lu(t){let{quoteRef:e,selected:o,setExpanded:n,steps:r,expanded:s,type:a}=t,l=B(),p=r.length,u=xl(r),[c,h]=Uh(!1),m=i(()=>{window.innerWidth<Oh?h(!0):h(!1)},"handleResize");return Fh(()=>{window.addEventListener("resize",m)}),F.createElement(mu,{listItem:a==="list-item",ref:d=>e.current=d,selected:o,onClick:d=>{d.stopPropagation(),n(C=>!C)}},F.createElement("div",{className:po()},F.createElement(sr,{variant:"body",size:"xsmall"},Wu.t("Via:")),F.createElement(Zi,{direction:"horizontal",size:4}),r.map((d,C)=>{let S=`item-${C}`,y=F.createElement(Ki,null,F.createElement(_h,{size:12,color:"black"}));return c?F.createElement(F.Fragment,null,F.createElement(Bo,{content:d.swapper.displayName,src:d.swapper.image,state:d.state}),C!==p-1&&F.createElement(F.Fragment,null,y)):F.createElement(F.Fragment,{key:S},p<=ar||p>ar&&C<ar-1?F.createElement(F.Fragment,null,F.createElement(Bo,{content:d.swapper.displayName,src:d.swapper.image,state:d.state}),C!==p-1&&F.createElement(F.Fragment,null,y)):C===ar-1&&F.createElement(Ri,{container:l,side:"bottom",align:"right",sideOffset:4,content:F.createElement("div",{className:po()},y,r.map((f,w)=>{let k=`image-${w}`;return w>=C&&F.createElement(F.Fragment,{key:k},F.createElement(Bo,{content:f.swapper.displayName,src:f.swapper.image,state:f.state,open:!1}),w!==p-1&&F.createElement(F.Fragment,null,y))}))},F.createElement(Yi,{state:r.find((f,w)=>w>=C&&(f.state==="error"||f.state==="warning"))?.state},F.createElement(sr,{size:"xsmall",variant:"body"},"+",p-C))))})),F.createElement("div",{className:po()},F.createElement("div",{className:"blockchains_section"},F.createElement("div",{className:po()},F.createElement(sr,{variant:"body",size:"xsmall"},Wu.t("Chains:")),F.createElement(Zi,{direction:"horizontal",size:4}),u.map((d,C)=>F.createElement(F.Fragment,null,u.length<=lr||u.length>lr&&C<lr-1?F.createElement(Bo,{key:d.displayName,content:"",src:d.image,open:!1,className:C!==0?"blockchainImage":""}):C===lr-1&&F.createElement(Ri,{container:l,side:"bottom",align:"right",sideOffset:4,content:F.createElement("div",{className:po()},u.map((S,y)=>y>=C&&F.createElement(Bo,{key:S.displayName,content:"",src:S.image,open:!1,className:y>C?"blockchainImage":""})))},F.createElement(Yi,{className:"blockchainImage"},F.createElement(sr,{size:"xsmall",variant:"body"},"+",u.length-C))))),F.createElement(Zi,{direction:"horizontal",size:32}))),F.createElement(Ki,{orientation:s?"up":"down"},F.createElement($h,{size:12,color:"black"}))))}i(Lu,"QuoteTrigger");function es(t){let{quote:e,input:o,output:n,error:r,warning:s,type:a,selected:l=!1,tagHidden:p=!0,onClickAllRoutes:u}=t,c=g().blockchains(),h=g().swappers(),[m,d]=Vh(t.expanded),C=Gh(null),S=W(o.value,6,6),y=W(n.value,6,6),f=n.usdValue?W(n.usdValue,4,4):"",w=Ve(o.usdValue,n.usdValue??null),k=W(w,2,2),v=yt(w??0),x=i(M=>M.map((A,O)=>{let Z,E=r?.type===3&&r.swap.swapperId===A.swapperId||r?.type===4&&r.recommendedSlippages?.has(O),J=s?.type===2&&s.recommendedSlippages?.has(O);E?Z="error":J&&(Z="warning");let X=E?Po.t("Slippage Error"):Po.t("Slippage Warning");return r?.type===3&&(X=r?.recommendation),{swapper:{displayName:ko(A.swapperId,h),image:A.swapperLogo},from:{token:{displayName:A.from.symbol,image:A.from.logo},chain:{displayName:Ge(A.from.blockchain,c),image:A.from.blockchainLogo},price:{value:O===0?W(o.value,6,6):W(A.fromAmount,6,6),usdValue:W((A.from.usdPrice??0)*parseFloat(A.fromAmount),4,4),realValue:pe(O===0?o.value:A.fromAmount),realUsdValue:pe(new Nu(A.from.usdPrice??0).multipliedBy(A.fromAmount))}},to:{token:{displayName:A.to.symbol,image:A.to.logo},chain:{displayName:Ge(A.to.blockchain,c),image:A.to.blockchainLogo},price:{value:W(A.toAmount,6,6),usdValue:W((A.to.usdPrice??0)*parseFloat(A.toAmount),4,4),realValue:pe(A.toAmount),realUsdValue:pe(new Nu(A.to.usdPrice??0).multipliedBy(A.toAmount))}},state:Z,alerts:E||J?P.createElement(ou,null,P.createElement(qh,{variant:"alarm",type:E?"error":"warning",title:X,footer:P.createElement(nu,null,r?.type===3&&P.createElement(P.Fragment,null,P.createElement(uo,{size:"xsmall",variant:"body",color:"neutral900"},r.fromAmountRangeError),P.createElement($o,{direction:"horizontal",size:8}),P.createElement(uo,{size:"xsmall",variant:"body",color:"neutral900"},"|"),P.createElement($o,{direction:"horizontal",size:8}),P.createElement(uo,{size:"xsmall",variant:"body",color:"neutral900"},Po.t({id:"Yours: {amount} {symbol}",values:{amount:W(A.fromAmount,6,6),symbol:A?.from.symbol}}))),(r?.type===4||s?.type===2)&&P.createElement(uo,{size:"xsmall",variant:"body",color:"neutral900"},Po.t({id:"Minimum required slippage is {minRequiredSlippage}",values:{...r?.type===4&&{minRequiredSlippage:r.recommendedSlippages?.get(O)},...s?.type===2&&{minRequiredSlippage:s.recommendedSlippages?.get(O)}}})))})):void 0}}),"getQuoteSteps")(e?.swaps??[]),T=x.length,b=B(),N=Al(t.quote.tags||[]),L=!!u;return P.createElement(P.Fragment,null,P.createElement(lu,{selected:l,listItem:a==="list-item",basic:a==="basic"},P.createElement("div",{className:pu()},!p&&N.length?P.createElement(P.Fragment,null,P.createElement(Cu,null,N.map((M,A)=>{let O=`${M.value}_${A}`;return P.createElement(P.Fragment,null,P.createElement(Su,{style:{color:El(M.value)},key:O},M.label),P.createElement($o,{size:4,direction:"horizontal"}))})),P.createElement(tr,null),!L&&P.createElement($o,{size:4})):null,P.createElement("div",{id:"portal-root",className:uu()},P.createElement(xu,{steps:T,quote:e}),L&&P.createElement(au,{onClick:M=>{M.stopPropagation(),u()},size:"xxsmall",type:"secondary",variant:"default"},P.createElement(uo,{color:"secondary",variant:"label",size:"medium"},Po.t("See All Routes")))),a==="basic"&&P.createElement("div",{className:cu()},P.createElement(hu,null,P.createElement(zh,{size:12,color:"gray"})),P.createElement(yu,null,P.createElement(Xi,{size:"small",variant:"body"},`${S} ${x[0].from.token.displayName} = `),P.createElement(Mu,{content:pe(n.value),container:b,open:n.value?void 0:!1},P.createElement(Xi,{size:"small",variant:"body"},"\xA0",`${y} ${x[x.length-1].to.token.displayName}`))),P.createElement(Mu,{content:pe(n.usdValue),container:b,style:{display:"flex"}},P.createElement(uo,{color:"$neutral600",ml:2,size:"xsmall",variant:"body"},`($${f})`))),a==="list-item"&&P.createElement(Hh,{tooltipContainer:b,type:"output",direction:"vertical",price:{value:y,usdValue:f,realValue:pe(n.value),realUsdValue:pe(n.usdValue)},token:{displayName:x[T-1].to.token.displayName,image:x[T-1].to.token.image},chain:{image:x[T-1].to.chain.image},percentageChange:k,warningLevel:v}),a==="swap-preview"&&P.createElement(P.Fragment,null,P.createElement(No,{from:x[0].from,to:x[T-1].to,percentageChange:k,warningLevel:v}),P.createElement($o,{size:4}))),P.createElement(iu,{selected:l,listItem:a==="list-item",open:m,onOpenChange:d},P.createElement(Lu,{type:a,quoteRef:C,selected:l,setExpanded:d,expanded:m,steps:x}),P.createElement(fu,{open:m},P.createElement(gu,null),P.createElement("div",{className:su()},x.map((M,A)=>{let O=`item-${A}`;return P.createElement(Qh,{type:"quote-details",key:O,tooltipContainer:b,step:M,hasSeparator:A!==x.length-1,state:M.state})}))))))}i(es,"Quote");import{Divider as Yh,Skeleton as Jh}from"@rango-dev/ui";import Ct from"react";import{darkTheme as jh,styled as pr}from"@rango-dev/ui";var Bu=pr("div",{$$color:"$colors$neutral100",[`.${jh} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",borderBottomLeftRadius:"$xm",borderBottomRightRadius:"$xm",padding:"$15 ",variants:{rounded:{true:{borderRadius:"$xm"}}}}),Pu=pr("div",{paddingTop:"$2"}),$u=pr("div",{paddingLeft:"$8"}),_u=pr("div",{borderLeft:"1px dashed black",minHeight:" 0",margin:"0px 11.5px",alignSelf:"stretch",variants:{hideSeparator:{true:{minHeight:"unset",height:"0"}}}});import{ChainToken as Vu,Divider as ct,Skeleton as ze}from"@rango-dev/ui";import U from"react";import{css as Kh,styled as St}from"@rango-dev/ui";var ts=St("div",{display:"flex"}),Du=St("div",{padding:"$10 $0 $20"}),Fu=St("div",{padding:"$12 $0 $20 $0",display:"flex",flexDirection:"column"}),Uu=St("div",{display:"flex",justifyContent:"start",alignItems:"center"}),Ou=St("div",{display:"flex",justifyContent:"space-between",alignItems:"end"}),qu=St("div",{height:"$28",marginLeft:"13px",borderLeft:"1px solid $neutral700"}),zu=St("div",{width:"65%",display:"flex",justifyContent:"start"}),Qu=St("div",{display:"flex",flexDirection:"column",alignItems:"start",flexGrow:1,maxWidth:"148px"}),Hu=St("div",{padding:"$15 $0 $15 $0"}),Gu=Kh({display:"flex",justifyContent:"space-between",alignItems:"center"});function _o(t){let{type:e,tagHidden:o=!0}=t,n=U.createElement(Ou,null,U.createElement(zu,null,U.createElement(Vu,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),U.createElement(ct,{size:8,direction:"horizontal"}),U.createElement(Qu,null,U.createElement(ze,{height:10,width:60,variant:"rounded"}),U.createElement(ct,{size:4}),U.createElement(ze,{height:15,variant:"rounded"}))),U.createElement(ze,{height:12,width:64,variant:"rounded"})),r=e==="basic"&&!o;return U.createElement("div",null,!o&&U.createElement(U.Fragment,null,U.createElement(ts,null,U.createElement(ze,{width:65,height:14,variant:"rounded"}),U.createElement(ct,{size:4,direction:"horizontal"}),U.createElement(ze,{width:65,height:14,variant:"rounded"}),U.createElement(ct,{size:4,direction:"horizontal"}),U.createElement(ze,{width:65,height:14,variant:"rounded"})),U.createElement(tr,null),!r&&U.createElement(ct,{size:4})),U.createElement("div",{className:Gu()},U.createElement(ts,null,U.createElement(ze,{width:60,height:10,variant:"rounded"}),U.createElement(ct,{size:4,direction:"horizontal"}),U.createElement(ze,{width:60,height:10,variant:"rounded"}),U.createElement(ct,{size:4,direction:"horizontal"}),U.createElement(ze,{width:60,height:10,variant:"rounded"})),r&&U.createElement(ze,{width:100,height:22,variant:"rounded"})),e==="basic"&&U.createElement(Du,null,U.createElement(ze,{height:15,width:148,variant:"rounded"})),e==="list-item"&&U.createElement(Fu,null,U.createElement(Uu,null,U.createElement(Vu,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),U.createElement(ct,{direction:"horizontal",size:4}),U.createElement(ze,{height:15,width:150,variant:"rounded"})),U.createElement(ct,{size:10}),U.createElement(ze,{height:10,width:184,variant:"rounded"})),e==="swap-preview"&&U.createElement(U.Fragment,null,U.createElement(ct,{size:4}),U.createElement(Hu,null,n,U.createElement(qu,null),n)))}i(_o,"QuoteSummarySkeleton");import{ChainToken as Ju,Divider as ns,NextIcon as Xh,Skeleton as ur}from"@rango-dev/ui";import ge from"react";import{styled as Do}from"@rango-dev/ui";var ju=Do("div",{display:"flex",alignItems:"start"}),Ku=Do("div",{flexGrow:1,paddingTop:"$5",paddingBottom:"$10",display:"flex",alignItems:"center"}),os=Do("div",{display:"flex",alignItems:"center",flexGrow:1}),Xu=Do("div",{margin:"$0 $2",padding:"$4",display:"flex",justifyContent:"center",alignItems:"center"}),Yu=Do("div",{display:"flex",alignItems:"center"});function mt(t){let{separator:e=!0}=t;return ge.createElement(ge.Fragment,null,ge.createElement(Yu,null,ge.createElement(ur,{height:22,width:22,variant:"circular"}),ge.createElement(ns,{direction:"horizontal",size:8}),ge.createElement(ur,{height:15,width:148,variant:"rounded"})),ge.createElement(ju,null,ge.createElement(_u,{hideSeparator:!e}),ge.createElement(Ku,null,ge.createElement(os,null,ge.createElement(Ju,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ge.createElement(ns,{direction:"horizontal",size:8}),ge.createElement(ur,{height:12,variant:"rounded"})),ge.createElement(Xu,null,ge.createElement(Xh,{color:"gray",size:16})),ge.createElement(os,null,ge.createElement(Ju,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ge.createElement(ns,{direction:"horizontal",size:8}),ge.createElement(ur,{height:12,variant:"rounded"})))))}i(mt,"StepSkeleton");function Fo(t){let{type:e,expanded:o,tagHidden:n=!1}=t;return Ct.createElement(Bu,{rounded:e!=="basic"},Ct.createElement(_o,{type:e,tagHidden:n}),Ct.createElement(Pu,null,Ct.createElement(Jh,{height:15,variant:"rounded"})),o&&Ct.createElement($u,null,Ct.createElement(Yh,{size:20}),Ct.createElement(mt,null),Ct.createElement(mt,null),Ct.createElement(mt,{separator:!1})))}i(Fo,"QuoteSkeleton");function Vt(t){let{quote:e,type:o,loading:n,error:r,warning:s,expanded:a=!1,tagHidden:l,onClick:p,selected:u,onClickAllRoutes:c}=t,{inputAmount:h,inputUsdValue:m,toToken:d}=V(),C=e?.outputAmount?new Zh(e?.outputAmount):null,S=e?.outputAmount?An(e?.outputAmount,En(e)||d?.usdPrice):null,f=!(r&&(r.type===0||r.type===1))&&e&&!n;return n?cr.createElement(ji,null,cr.createElement(Fo,{tagHidden:l,type:o,expanded:a})):f?cr.createElement(ji,{onClick:()=>p?.(e)},cr.createElement(es,{quote:e,error:r,warning:s,tagHidden:l,selected:u,type:o,expanded:a,onClickAllRoutes:c,input:{value:h,usdValue:m?.toString()??""},output:{value:C?.toString()??"",usdValue:S?.toString()??""}})):null}i(Vt,"QuoteInfo");import{calculatePendingSwap as ty}from"@rango-dev/queue-manager-rango-preset";import{useEffect as oy}from"react";import{useRef as Rh,useState as ey}from"react";function mr({request:t}){let[e,o]=ey(!1),n=Rh(null),r=i(()=>n.current?.abort(),"cancelFetch");return{fetch:i(async a=>{r(),n.current=new AbortController,o(!0);try{let l=await t(a,{signal:n.current.signal});return n.current=null,l}catch(l){throw l}finally{o(!1)}},"fetch"),loading:e,cancelFetch:r}}i(mr,"useFetch");function Zu(){let{fetch:t,loading:e,cancelFetch:o}=mr({request:async(n,r)=>await At().confirmRouteRequest(n,r)});return{fetch:t,loading:e,cancelFetch:o}}i(Zu,"useFetchConfirmQuote");function dr(t){if(!t.swaps)throw new Error(Y().noResultError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});let e=rs(t.swaps);if(e)throw new Error(e.message,{cause:e.options})}i(dr,"throwErrorIfResponseIsNotValid");function rs(t){if(nl(t)){let{swap:n,recommendation:r,fromAmountRangeError:s}=rl(t);return{message:"bridge limit error",options:{type:3,swap:n,recommendation:r,fromAmountRangeError:s}}}let o=ll(t);if(o){let n=In(t);return{message:"",options:{type:4,recommendedSlippages:o,minRequiredSlippage:n}}}return null}i(rs,"getQuoteError");function Ru(t,e,o){let n=!1;t&&(n=wl(t,e));let r={quote:null,quoteUpdate:null,balance:null},s=Jt(e,{fromToken:o.fromToken,toToken:o.toToken,tokens:o.meta.tokens,userSlippage:o.userSlippage});s&&(r.quote=s),t&&n&&(fl(t,e)?r.quoteUpdate={type:3,newOutputAmount:W(Yt(e)),percentageChange:W(Ve(Yt(t)??"",Yt(e)??""),null,2)}:li(t,e)?r.quoteUpdate={type:0}:pi(t,e)?r.quoteUpdate={type:1}:ui(t,e)&&(r.quoteUpdate={type:2}));let a=gl(e,o.selectedWallets,o.meta.blockchains);return a.length===0||(r.balance={messages:a}),r}i(Ru,"generateWarnings");function fr(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(fr,"handleQuoteErrors");function is(){let{fromToken:t,toToken:e,inputAmount:o,setSelectedQuote:n,selectedQuote:r,customDestination:s,setQuoteWarningsConfirmed:a,resetAlerts:l}=V(),{slippage:p,customSlippage:u}=g(),c=g().getDisabledLiquiditySources(),h=g().blockchains(),m=g().tokens(),d=u||p,{fetch:C,cancelFetch:S,loading:y}=Zu();return oy(()=>S,[]),{loading:y,fetch:i(async w=>{let k=w.selectedWallets,v=w?.customDestination??s;if(!t||!e||!o)return{quote:null,swap:null,error:null,warnings:null};let I=k.reduce((T,b)=>(T[b.chain]=b.address,T),{}),x={requestId:r?.requestId||"",selectedWallets:I,destination:v||void 0};try{return await C(x).then(T=>{let{result:b}=T;dr({diagnosisMessages:b.diagnosisMessages,requestId:b.requestId,swaps:b.result?.swaps});let N={outputAmount:b.result?.outputAmount,requestId:b.requestId,resultType:b.result?.resultType,swaps:b.result?.swaps||[],validationStatus:b.validationStatus,requestAmount:b.requestAmount};n(N);let L={slippage:d.toString(),disabledSwappersGroups:c},M=ty(o.toString(),b,ml(k),L,!1,{blockchains:h,tokens:m}),A=Ru(r??void 0,N,{fromToken:t,toToken:e,meta:{blockchains:h,tokens:m},selectedWallets:k,userSlippage:d});return A.quoteUpdate&&a(!1),l(),{quote:N,swap:M,error:null,warnings:A}})}catch(T){return fr(T)}},"fetch"),cancelFetch:S}}i(is,"useConfirmSwap");var gy=sy("div",{width:"100%",display:"flex",justifyContent:"space-between",[`& ${tc}`]:{width:"$48",height:"$48"}}),hy=as({flexGrow:1,paddingRight:"$10"}),yy=as({width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"}),Sy=as({display:"flex",justifyContent:"space-between",alignItems:"center"});function oc(){let{selectedQuote:t,setInputAmount:e,selectedWallets:o,quoteWalletsConfirmed:n,setQuoteWalletConfirmed:r,customDestination:s,quoteWarningsConfirmed:a}=V(),l=fy(),p=dy(),[u,c]=hr(""),{connectedWallets:h}=K(),m=!n,[d,C]=hr(!1),{isActiveTab:S}=ne(),y=g().getDisabledLiquiditySources(),f=cy(y),{manager:w}=ny(),{fetch:k,loading:v,cancelFetch:I}=is(),[x,T]=hr({swap:null,error:null,warnings:null}),[b,N]=hr(!1),L=i(async({selectedWallets:z,customDestination:me})=>{let G=await k?.({selectedWallets:z,customDestination:me});return T(G),G},"onConfirmSwap"),M=i(async()=>{if(x.swap&&n)try{await w?.create("swap",{swapDetails:x.swap},{id:x.swap.requestId});let z=`../${_.swaps}/${x.swap.requestId}`;l(z,{replace:!0}),setTimeout(()=>{e("")},0)}catch(z){c("Error: "+z?.message)}},"addNewSwap"),A=i(async()=>{await M()},"onConfirm"),O=i(async()=>{x?.warnings?.quote&&!a?N(!0):await A()},"onStartConfirmSwap"),Z=i(async()=>{T({error:null,swap:null,warnings:null}),k({selectedWallets:o,customDestination:s}).then(z=>{T(z)}).catch(z=>console.error(z))},"onRefresh");Uo(()=>{!!f.current.length&&!y.length&&Z(),f.current=y},[y.length]),Uo(()=>{m&&I()},[m]),Uo(()=>{m&&C(m)},[m]),Uo(()=>{m||k({selectedWallets:o,customDestination:s}).then(z=>T(z)).catch(z=>console.error(z))},[]),Uo(()=>{let z=x.warnings?.quote?.type&&Object.values(Wt).includes(x.warnings?.quote?.type),me=o.length<1||!o.every(R=>h.find(Ae=>R.address===Ae.address&&R.walletType===Ae.walletType&&R.chain===Ae.chain)),G=!1;if(z){let R=kn(t?.swaps||null),Ae=t?.swaps[t.swaps.length-1].to.blockchain;!!t?.swaps.find(j=>j.from.blockchain===Ae)||(R=R.slice(-R.length,R.length-1)),R.every(j=>o.find(ee=>ee.chain===j))||(G=!0)}t&&(me||G)&&(queueMicrotask(()=>my(C.bind(null,!0))),r(!1))},[x.warnings?.quote,o.length,h.length]),uy(()=>{t||l(`../${p.search}`)},[]);let E=x.warnings?.quote??null,J=x.error,X=[];if(u&&X.push(ue.createElement(ec,{type:"error",variant:"alarm",title:u})),x.warnings?.quoteUpdate&&X.push(ue.createElement(ec,{variant:"alarm",type:"warning",title:x.warnings.quoteUpdate&&Mn(x.warnings.quoteUpdate)})),E||J){let z=`../${_.settings}`;X.push(ue.createElement(Lo,{warning:E,error:J,loading:v,refetchQuote:Z,showWarningModal:b,confirmationDisabled:!S,onOpenWarningModal:()=>N(!0),onCloseWarningModal:()=>N(!1),onConfirmWarningModal:async()=>{N(!1),await M()},onChangeSettings:()=>l(z)}))}return ue.createElement(oe,{header:{title:gr.t("Confirm Swap"),onWallet:()=>{let z=`../${_.wallets}`;l(z)},suffix:ue.createElement(ay,{container:B(),side:"bottom",content:gr.t("Settings")},ue.createElement(Ke,{size:"small",variant:"ghost",onClick:()=>l("../"+_.settings)},ue.createElement(iy,{size:18,color:"black"})))},footer:ue.createElement(gy,null,ue.createElement("div",{className:hy()},ue.createElement(ry,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:v,disabled:!!x.error||!S,onClick:O},gr.t("Start Swap"))),ue.createElement(tc,{variant:"contained",type:"primary",size:"large",loading:v,onClick:C.bind(null,!0)},ue.createElement(py,{size:24})))},d&&ue.createElement(_p,{open:d,onClose:()=>C(!1),onCancel:I,loading:v,onCheckBalance:L}),ue.createElement(se,null,ue.createElement("div",{className:Sy()},ue.createElement(ly,{variant:"title",size:"small"},gr.t("You get")),ue.createElement("div",{className:yy()},ue.createElement(Vn,{onClick:!v&&!d&&!b?Z:void 0}))),ue.createElement(ss,{size:"12"}),Kl(X,ue.createElement(ss,{size:10})),X.length>0?ue.createElement(ss,{size:10}):null,ue.createElement(Vt,{quote:t,type:"swap-preview",expanded:!0,selected:!0,tagHidden:!0,error:x.error,loading:v,warning:x.warnings?.quote??null})))}i(oc,"ConfirmSwapPage");import{i18n as Sr}from"@lingui/core";import{useManager as Py}from"@rango-dev/queue-manager-react";import{Divider as dc,NotFound as $y,styled as _y}from"@rango-dev/ui";import kt,{useState as Dy}from"react";import{useNavigate as Fy}from"react-router-dom";import{i18n as ky}from"@lingui/core";import{Divider as ac,GroupedVirtualizedList as wy,Skeleton as vy,SwapListItem as lc,Typography as xy}from"@rango-dev/ui";import Be,{useCallback as pc,useEffect as by,useRef as Iy,useState as Ay}from"react";function nc(t,e){let o=[],n=0;do{let r=t[n];o.push(Math.min(r,e)),e-=r,n++}while(e>0&&n<=t.length);return o}i(nc,"calculateGroupsSoFar");import{css as Cy,darkTheme as Ty,styled as Oo}from"@rango-dev/ui";var ls=Cy(),rc=Oo("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$5"}),ps=Oo("div",{width:"100%",display:"flex",flexDirection:"column",backgroundColor:"$background",padding:"$10 $5 0 $5",[`& .${ls}`]:{$$color:"$colors$neutral600",[`.${Ty} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),us=Oo("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),ic=Oo("div",{gap:"$10",display:"flex",flexDirection:"column"}),sc=Oo("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});var Ey=10;function cs(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,[s,a]=Ay([]),l=Iy(0),{swaps:p,groupCounts:u,groups:c}=n(e),h=pc(nc,[]),m=pc(()=>{let d=e.length-l.current;d&&(l.current+=Math.min(d,Ey),a(h(u,l.current)))},[e.length]);if(by(()=>{r||m()},[r,m]),r){let d=[1,2];return Be.createElement(Be.Fragment,null,[d,d].map((S,y)=>Be.createElement(ps,{key:y},Be.createElement(us,null,Be.createElement(vy,{variant:"text",width:60,size:"small"}),Be.createElement(ac,{size:16})),Be.createElement(ac,{size:4}),Be.createElement(ic,null,S.map((w,k)=>Be.createElement(lc,{isLoading:!0,key:k}))))))}return Be.createElement(wy,{endReached:()=>{l.current<e.length&&m()},groupCounts:s,groupContent:d=>Be.createElement(ps,null,Be.createElement(us,null,Be.createElement(xy,{variant:"label",size:"medium",className:ls()},c[d]))),itemContent:(d,C)=>{let S=p[d];if(!S)return null;let y=S.steps[0],f=S.steps[S.steps.length-1];return Be.createElement(rc,{key:S.requestId},Be.createElement(lc,{requestId:S.requestId,creationTime:S.creationTime,status:S.status,onClick:o,tooltipContainer:B(),onlyShowTime:c[C]===ky.t("Today"),swapTokenData:{from:{token:{image:y.fromLogo,displayName:y.fromSymbol},blockchain:{image:y.fromBlockchainLogo||""},amount:W(S.inputAmount,6,6),realAmount:pe(S.inputAmount)},to:{token:{image:f.toLogo,displayName:f.toSymbol},blockchain:{image:f.toBlockchainLogo||""},amount:W(f.outputAmount||f.expectedOutputAmountHumanReadable||"",6,6),realAmount:pe(f.outputAmount||f.expectedOutputAmountHumanReadable)}}}))}})}i(cs,"HistoryGroupedList");import{CloseIcon as Ly,IconButton as My,SearchIcon as Ny,TextField as By}from"@rango-dev/ui";import qo from"react";import{styled as Wy}from"@rango-dev/ui";var uc=Wy("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function Tt(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:s,value:a,setValue:l,...p}=t;return qo.createElement(By,{prefix:qo.createElement(uc,null,qo.createElement(Ny,{color:"black"})),suffix:!!a.length&&qo.createElement(My,{variant:"ghost",onClick:()=>l?.(""),size:"small"},qo.createElement(Ly,{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(Tt,"SearchInput");import{i18n as yr}from"@lingui/core";import cc from"dayjs";var mc=i(t=>{let e=new Map([["today",{title:yr.t("Today"),swaps:[]}],["week",{title:yr.t("This week"),swaps:[]}],["month",{title:yr.t("This month"),swaps:[]}],["year",{title:yr.t("This year"),swaps:[]}]]);function o(p,u){e.has(p)||e.set(p,{title:p,swaps:[]}),e.get(p)?.swaps.push(u)}i(o,"addYearsToOutput");let n=cc();t.forEach(p=>{let u=Number(p.creationTime),c=cc(u);if(n.isSame(c,"day"))e.get("today")?.swaps.push(p);else if(n.isSame(c,"week"))e.get("week")?.swaps.push(p);else if(n.isSame(c,"month"))e.get("month")?.swaps.push(p);else if(n.isSame(c,"year"))e.get("year")?.swaps.push(p);else{let h=new Date(u).getFullYear().toString();o(h,p)}});let r=Array.from(e.values()).filter(p=>p.swaps.length>0),s=r.flatMap(p=>p.swaps),a=r.map(p=>p.swaps.length),l=r.map(p=>p.title);return{swaps:s,groupCounts:a,groups:l}},"groupSwapsByDate");var Uy=_y("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),Oy=i((t,e)=>t?.length?t.filter(o=>it(o.fromBlockchain,e)||it(o.toBlockchain,e)||it(o.toSymbol,e)||it(o.fromSymbol,e)).length:!1,"isStepContainsText");function fc(){let t=Fy(),{manager:e,state:o}=Py(),n=Mt(e).map(({swap:c})=>c),[r,s]=Dy(""),a=!o.loadedFromPersistor,l=i(c=>{let h=c.target.value;s(h)},"searchHandler"),p=n;r&&(p=n.filter(c=>it(c.inputAmount,r)||it(c.status,r)||Oy(c.steps,r)||it(c.requestId,r)));let u=!p?.length&&!a;return kt.createElement(oe,{header:{title:Sr.t("History")}},kt.createElement(se,null,kt.createElement(Tt,{setValue:s,fullWidth:!0,variant:"contained",placeholder:Sr.t("Search Transaction"),autoFocus:!0,onChange:l,value:r}),kt.createElement(dc,{size:"16"}),kt.createElement(Uy,null,u&&kt.createElement(sc,null,kt.createElement(dc,{size:32}),kt.createElement($y,{title:Sr.t("No results found"),description:r?Sr.t("Try using different keywords"):""})),!u&&kt.createElement(cs,{list:p,onSwapClick:t,groupBy:mc,isLoading:a}))))}i(fc,"HistoryPage");import{i18n as ds}from"@lingui/core";import{Button as Ky,Divider as Sc,styled as Tc,SwapInput as Cc,WarningIcon as Xy}from"@rango-dev/ui";import Ie,{useEffect as Yy,useState as Jy}from"react";import{useNavigate as Zy}from"react-router-dom";import{ReverseIcon as qy,styled as gc}from"@rango-dev/ui";import ms from"react";var zy=gc("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),Qy=gc("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 hc(){let t=V.use.switchFromAndTo();return ms.createElement(zy,null,ms.createElement(Qy,{onClick:()=>{t()}},ms.createElement(qy,{size:12})))}i(hc,"SwitchFromAndToButton");import{useCallback as Hy,useEffect as Gy,useState as Vy}from"react";function yc(){let{fetch:t,loading:e,cancelFetch:o}=mr({request:async(n,r)=>await At().getAllRoutes(n,r)});return{fetch:t,loading:e,cancelFetch:o}}i(yc,"useFetchAllQuotes");var jy=600;function Cr({refetchQuote:t}){let{fetch:e,cancelFetch:o}=yc(),{enableNewLiquiditySources:n,features:r}=g().config,s=K.use.connectedWallets(),a=g().tokens(),{fromToken:l,toToken:p,inputAmount:u,inputUsdValue:c,selectedQuote:h,sortStrategy:m,resetQuote:d,setSelectedQuote:C,updateQuotePartialState:S}=V(),{slippage:y,customSlippage:f,affiliatePercent:w,affiliateRef:k,affiliateWallets:v,fetchStatus:I}=g(),x=g().getLiquiditySources(),T=g().getDisabledLiquiditySources(),b=g().excludeLiquiditySources(),[N,L]=Vy(!0),M=f??y,O=!l||!p||Le(l,p)||!So(u),Z=i(X=>{L(X)},"resetState"),E=i(X=>{let{fromToken:z,toToken:me,inputAmount:G,liquiditySources:R,excludeLiquiditySources:Ae,disabledLiquiditySources:Ce,slippage:$,affiliateRef:j,affiliatePercent:ee,affiliateWallets:Te}=X;if(N||Z(!0),!O&&z&&me){d();let Fe=cl({fromToken:z,toToken:me,inputAmount:G,liquiditySources:R,excludeLiquiditySources:Ae,disabledLiquiditySources:Ce,wallets:s,slippage:$,affiliateRef:j,affiliatePercent:ee,affiliateWallets:Te});_a("experimentalRoute",r)&&(Fe.experimental=!0),e(Fe).then(ke=>{let _e=bl(m,ke.results),Ue=Il(h,_e,ke.requestAmount);L(!1),S("quotes",ke),C(Ue),dr({diagnosisMessages:ke.diagnosisMessages,requestId:Ue?.requestId||"",swaps:Ue?.swaps});let Gr=Ue&&Jt(Ue,{fromToken:z,toToken:me,userSlippage:M,tokens:a});S("warning",Gr)}).catch(ke=>{let{error:_e}=fr(ke);(_e?.type===0||_e?.type===1)&&d(),_e?.type!==2&&(S("error",_e),L(!1))})}},"fetch"),J=Hy(Pa(X=>{O||E(X)},jy),[O]);return Gy(()=>{if(!t){L(!1);return}if(I==="success"){if(O){L(!1),h&&d();return}if(!So(u)||c?.eq(0)){Z(!1),o();return}return d(),Z(!0),J({inputAmount:u,fromToken:l,toToken:p,liquiditySources:x,excludeLiquiditySources:b,disabledLiquiditySources:T,slippage:M,affiliateRef:k,affiliatePercent:w,affiliateWallets:v}),o}},[I,u,l?.symbol,l?.address,l?.blockchain,p?.symbol,p?.address,p?.blockchain,O,x?.length,n,T.length,M,k,w,JSON.stringify(v)]),{fetch:()=>E({inputAmount:u,fromToken:l,toToken:p,liquiditySources:x,excludeLiquiditySources:b,disabledLiquiditySources:T,slippage:M,affiliateRef:k,affiliatePercent:w,affiliateWallets:v}),loading:N}}i(Cr,"useSwapInput");var Ry=Tc("div",{position:"relative"}),eS=Tc("div",{display:"flex",flexDirection:"column",gap:5,alignSelf:"stretch"});function kc(){let t=Zy(),{fromToken:e,fromBlockchain:o,toToken:n,toBlockchain:r,setInputAmount:s,inputAmount:a,inputUsdValue:l,outputAmount:p,outputUsdValue:u,selectedQuote:c,refetchQuote:h,error:m,warning:d,quotes:C,resetQuoteWallets:S,setQuoteWarningsConfirmed:y,updateQuotePartialState:f}=V(),{fetch:w,loading:k}=Cr({refetchQuote:h}),{config:v,fetchStatus:I}=g(),{connectedWallets:x,getBalanceFor:T}=K(),{isActiveTab:b}=ne(),[N,L]=Jy(!1),M=!!o&&ba(x,o.name),A=!1,O=!si(c,a,l),Z=!si(c,a,u),E=il({fetchMetaStatus:I,fetchingQuote:k,inputAmount:a,quote:c,anyWalletConnected:x.length>0,error:m,warning:d,needsToWarnEthOnPath:A}),J=e?T(e):null,X=cn(J)?.amount??"0",z=o&&e?W(J?.amount,J?.decimals):"0",me=I==="success"&&!!a&&!!e&&!!n&&k;Yy(()=>{S(),f("refetchQuote",!0)},[]);let G=!l||!u||!u.gt(0)?null:Ve(l.toString(),u.toString());return Ie.createElement(oe,{height:"auto",footer:Ie.createElement(Ky,{type:"primary",size:"large",disabled:E.disabled||!b,prefix:E.action==="confirm-warning"&&Ie.createElement(Xy,null),fullWidth:!0,onClick:()=>{E.action==="connect-wallet"?t(_.wallets):E.action==="confirm-warning"?L(!0):t(_.confirmSwap)}},E.title),header:{onWallet:()=>{t(_.wallets)},hasBackButton:!1,title:v.title||ds.t("Swap"),suffix:Ie.createElement(xo,{onClickRefresh:(c||m)&&!N?w:void 0,onClickHistory:()=>t(_.swaps),onClickSettings:()=>t(_.settings)})}},Ie.createElement(se,null,Ie.createElement(eS,null,Ie.createElement(Ry,null,Ie.createElement(Cc,{label:ds.t("From"),mode:"From",onInputChange:s,balance:X,chain:{displayName:o?.displayName||"",image:o?.logo||""},token:{displayName:e?.symbol||"",image:e?.image||""},onClickToken:()=>t(_.fromSwap),price:{value:a,usdValue:O?void 0:W(l,4,4),realUsdValue:O?void 0:pe(l),error:O?Y().unknownPriceError.impactTitle:void 0},disabled:I==="failed",loading:I==="loading",loadingBalance:M,tooltipContainer:B(),onSelectMaxBalance:()=>{X!=="0"&&s(z.split(",").join(""))}}),Ie.createElement(hc,null)),Ie.createElement(Cc,{sharpBottomStyle:!!c||me,label:ds.t("To"),mode:"To",fetchingQuote:me,chain:{displayName:r?.displayName||"",image:r?.logo||""},token:{displayName:n?.symbol||"",image:n?.image||""},percentageChange:W(Ve(l,u),2,2),warningLevel:yt(G??0),price:{value:W(p,6,6),usdValue:Z?void 0:W(u,4,4),realValue:pe(p),realUsdValue:Z?void 0:pe(u),error:Z?Y().unknownPriceError.impactTitle:void 0},onClickToken:()=>t(_.toSwap),disabled:I==="failed",loading:I==="loading",tooltipContainer:B()})),Ie.createElement(Sc,{size:"2"}),Ie.createElement(Vt,{quote:c,loading:me,error:m,tagHidden:!1,warning:d,type:"basic",onClickAllRoutes:C&&C.results.length>1?()=>{f("refetchQuote",!1),t(_.routes)}:void 0}),d||m?Ie.createElement(Ie.Fragment,null,Ie.createElement(Sc,{size:"10"}),Ie.createElement(Lo,{warning:d,error:m,loading:me,refetchQuote:w,showWarningModal:N,confirmationDisabled:!b,onOpenWarningModal:()=>L(!0),onCloseWarningModal:()=>L(!1),onConfirmWarningModal:()=>{L(!1),y(!0),t(_.confirmSwap)},onChangeSettings:()=>t(_.settings)})):null))}i(kc,"Home");import{i18n as wc}from"@lingui/core";import{List as tS,ListItemButton as oS,Radio as nS,RadioRoot as rS,Typography as iS}from"@rango-dev/ui";import $t from"react";function co(){let{setLanguage:t,language:e,config:o}=g(),n=Fa,r=o?.language||To;return{activeLanguage:e||r,languages:n,defaultLanguage:r,changeLanguage:s=>t(s||To),resetLanguage:()=>t(null)}}i(co,"useLanguage");function vc(){let{activeLanguage:t,changeLanguage:e,languages:o}=co(),n=o.map(r=>{let{local:s,label:a,SVGFlag:l}=r;return{id:s,value:s,title:$t.createElement(iS,{variant:"title",size:"xmedium"},a),onClick:()=>e(r.local),end:$t.createElement(nS,{value:s}),start:$t.createElement(l,null)}});return $t.createElement(oe,{header:{title:wc.t("Language")}},$t.createElement(se,null,$t.createElement(rS,{value:t},$t.createElement(tS,{type:$t.createElement(oS,{title:wc.t("language"),id:"_",onClick:()=>console.log()}),items:n}))))}i(vc,"LanguagePage");import{i18n as wt}from"@lingui/core";import{Button as uS,Checkbox as cS,Image as mS,ListItemButton as dS,NotFound as fS,Typography as gS}from"@rango-dev/ui";import Pe,{useState as hS}from"react";import{Checkbox as lS,Skeleton as bc}from"@rango-dev/ui";import Qo from"react";import{styled as fs}from"@rango-dev/ui";var zo=fs("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto",variants:{disabled:{true:{pointerEvents:"none"}}}}),gs=fs("div",{width:80,display:"flex",justifyContent:"flex-end"}),hs=fs("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});import{ListItem as sS,styled as aS}from"@rango-dev/ui";var xc=aS(sS,{height:61});var pS=30;function ys(){return Qo.createElement(zo,null,Array.from(Array(pS),t=>Qo.createElement(xc,{hasDivider:!0,key:t,start:Qo.createElement(bc,{variant:"circular",width:35,height:35}),title:Qo.createElement(bc,{variant:"text",size:"large",width:90}),end:Qo.createElement(lS,{checked:!1})})))}i(ys,"LoadingLiquiditySourceList");function Ss({sourceType:t}){let e=g().fetchStatus,o=g().swappers(),n=g().getDisabledLiquiditySources(),[r,s]=hS(""),a=g().toggleLiquiditySource,l=g().isInCampaignMode(),p=yn(o,n),u={Exchanges:wt.t("Exchanges"),Bridges:wt.t("Bridges")},c=[];t==="Exchanges"&&c.push("DEX"),t==="Bridges"&&(c.push("BRIDGE"),c.push("AGGREGATOR"));let h=p.filter(f=>c.includes(f.type)),m=h.length===h.filter(f=>f.selected).length,d=i(()=>{h.forEach(f=>{m?a(f.groupTitle):f.selected||a(f.groupTitle)})},"toggleAllSources"),C=h.map(f=>{let{selected:w,groupTitle:k,logo:v}=f;return{start:Pe.createElement(mS,{src:v,size:22,type:"circular"}),onClick:()=>{l||a(k)},end:Pe.createElement(cS,{checked:w,disabled:l}),title:Pe.createElement(gS,{variant:"title",size:"xmedium"},wt.t(k)),...f}}),S=i(f=>{let w=f.target.value;s(w)},"searchHandler"),y=C;return r&&(y=C.filter(f=>it(f.groupTitle,r))),Pe.createElement(oe,{header:{title:wt.t(t),suffix:Pe.createElement(gs,null,Pe.createElement(uS,{variant:"ghost",size:"xsmall",onClick:d},m?wt.t("Deselect all"):wt.t("Select all")))}},Pe.createElement(se,{view:!0},Pe.createElement(Tt,{value:r,setValue:s,fullWidth:!0,color:"light",variant:"contained",placeholder:wt.t("Search {sourceType}",{sourceType:u[t]}),onChange:S}),e==="loading"&&Pe.createElement(ys,null),!y.length&&r?Pe.createElement(hs,null,Pe.createElement(fS,{title:wt.t("No results found"),description:wt.t("Try using different keywords")})):e==="success"&&Pe.createElement(zo,{disabled:l},y.map(f=>Pe.createElement(Pe.Fragment,{key:f.id},Pe.createElement(dS,{style:{height:"61px"},...f,selected:!1,hasDivider:!0}))))))}i(Ss,"LiquiditySourcePage");import{i18n as yS}from"@lingui/core";import{Divider as Ic}from"@rango-dev/ui";import tt from"react";import{useNavigate as SS}from"react-router-dom";var CS=3;function Ac(){let t=SS(),e=lt(),{selectedQuote:o,quotes:n,refetchQuote:r,setSelectedQuote:s,updateQuotePartialState:a,fromToken:l,toToken:p,error:u}=V(),{slippage:c,customSlippage:h}=g(),m=g().tokens(),d=h??c,{fetch:C,loading:S}=Cr({refetchQuote:r}),y=i(v=>{s(v),a("refetchQuote",!1),e()},"onClickOnQuote"),f=i(v=>{if(!l||!p||!n)return null;let I={requestAmount:n.requestAmount,...v};return Jt(I,{fromToken:l,toToken:p,userSlippage:d,tokens:m})},"getQuoteWarning"),w=`../${_.settings}`,k=`../${_.wallets}`;return tt.createElement(oe,{header:{onWallet:()=>{t(k)},onBack:()=>{a("refetchQuote",!1)},title:yS.t("Routes"),suffix:tt.createElement(xo,{onClickRefresh:o||u?C:void 0,hidden:["notifications","history"],onClickSettings:()=>t(w)})}},tt.createElement(se,null,S?Array.from({length:CS},(v,I)=>tt.createElement(tt.Fragment,{key:I},tt.createElement(Fo,{tagHidden:!1,type:"list-item",expanded:!1}),tt.createElement(Ic,{size:16}))):!!n&&n.results?.map(v=>{let I=f(v),x=rs(v.swaps);return tt.createElement(tt.Fragment,{key:v.requestId},tt.createElement(Vt,{selected:o?.requestId===v.requestId,tagHidden:!1,quote:{...v,requestAmount:n.requestAmount},loading:S,error:x?.options||null,warning:I,onClick:T=>{a("warning",I),a("error",x?.options||null),y(T)},type:"list-item"}),tt.createElement(Ic,{size:16}))})))}i(Ac,"RoutesPage");import{i18n as $c}from"@lingui/core";import{Divider as _c,getCountCategories as WS,SelectableCategoryList as LS}from"@rango-dev/ui";import vt,{useState as Dc}from"react";import{i18n as Ts}from"@lingui/core";import{Divider as Bc,Image as xS,ListItemButton as bS,NotFound as IS,Typography as Pc}from"@rango-dev/ui";import Xe,{useEffect as AS,useState as ES}from"react";import{BlockchainCategories as Cs}from"@rango-dev/ui";import{TransactionType as Tr}from"rango-sdk";var TS=i((t,e)=>{switch(e){case Cs.ALL:return!0;case Cs.UTXO:return t.type===Tr.TRANSFER;case Cs.OTHER:return t.type!==Tr.TRANSFER&&t.type!==Tr.COSMOS&&t.type!==Tr.EVM;default:return t.type===e}},"filterByType"),Ec=i((t,e,o)=>t.filter(n=>TS(n,o)).filter(n=>Ut(n.name,e)||Ut(n.displayName,e)),"filterBlockchains");import{ImageContainer as kS,styled as Wc}from"@rango-dev/ui";var Lc=Wc("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),kr=Wc(bo,{padding:0,margin:0,listStyle:"none",[`& ${kS}`]:{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as wS,Skeleton as Mc}from"@rango-dev/ui";import wr from"react";var vS=20;function Nc(){return wr.createElement(kr,null,Array.from(Array(vS),t=>wr.createElement(wS,{key:t,hasDivider:!0,start:wr.createElement(Mc,{variant:"circular",width:35,height:35}),title:wr.createElement(Mc,{variant:"text",size:"large",width:90})})))}i(Nc,"LoadingBlockchainList");function ks(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[s,a]=ES(e),{fetchStatus:l}=g();AS(()=>{a([...Ec(e,o,r)])},[e,o,r]);let p=i(()=>!s.length&&o?Xe.createElement(Xe.Fragment,null,Xe.createElement(Bc,{size:32}),Xe.createElement(IS,{title:Ts.t("No results found"),description:Ts.t("Try using different keywords")})):Xe.createElement(kr,{as:"ul",key:`${r}-${o}`},s.map(u=>Xe.createElement(bS,{key:`${u.name}-${u.chainId}`,hasDivider:!0,onClick:()=>n(u),start:Xe.createElement(xS,{src:u.logo,size:30}),title:Xe.createElement(Pc,{variant:"title",size:"medium"},u.displayName),id:u.chainId}))),"renderList");return Xe.createElement(Lc,null,Xe.createElement(Pc,{variant:"label",size:"large"},Ts.t("Select Blockchain")),Xe.createElement(Bc,{size:4}),l==="loading"&&Xe.createElement(Nc,null),l==="success"&&p())}i(ks,"BlockchainList");function ws(t){let{type:e}=t,o=lt(),[n,r]=Dc(""),[s,a]=Dc("ALL"),l=V.use.setToBlockchain(),p=V.use.setFromBlockchain(),u=g().fetchStatus,c=g().blockchains({type:e}),m=WS(c)!==1;return vt.createElement(oe,{header:{title:$c.t("Select Blockchain")}},vt.createElement(se,{view:!0},m&&vt.createElement(vt.Fragment,null,vt.createElement(LS,{setCategory:a,category:s,blockchains:c,isLoading:u==="loading"}),vt.createElement(_c,{size:24})),vt.createElement(Tt,{value:n,autoFocus:!0,placeholder:$c.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:d=>r(d.target.value)}),vt.createElement(_c,{size:16}),vt.createElement(ks,{list:c,searchedFor:n,blockchainCategory:s,onChange:d=>{e==="source"?p(d):l(d),o()}})))}i(ws,"SelectBlockchainPage");import{i18n as Ar}from"@lingui/core";import{Divider as nm}from"@rango-dev/ui";import jt,{useState as jS}from"react";import{useNavigate as KS}from"react-router-dom";import{i18n as bs}from"@lingui/core";import{BlockchainsChip as vr,Divider as qc,Image as zc,Skeleton as $S,Tooltip as _S,Typography as Is}from"@rango-dev/ui";import Se from"react";import{useEffect as BS}from"react";var Fc=["ETH","COSMOS","OSMOSIS"];function vs(t,e,o){let n=JSON.parse(JSON.stringify(t)),r=[];if(n.sort(MS),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(NS(a)),r=n.splice(s)}return{list:n,more:r}}i(vs,"prepare");function MS(t,e){let o=Fc,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(MS,"sortByMostUsedBlockchains");function NS(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(NS,"generateSortByPreferredBlockchainsFor");function Uc(t,e){return!!e.list.find(o=>o.name===t)}i(Uc,"isInVisibleList");function xs(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=g();BS(()=>{if(e?.selected){let s=vs(t,o,e);Uc(e.selected,s)||n(e?.selected)}},[e?.selected]);let r=vs(t,o,e);return{list:r.list,more:r.more,history:[]}}i(xs,"usePrepareBlockchainList");import{styled as PS}from"@rango-dev/ui";var Oc=PS("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var DS=12;function As(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:s}=t,a=xs(e,{limit:10,selected:n?.name}),{fetchStatus:l}=g(),p=V.use.resetToBlockchain(),u=V.use.resetFromBlockchain(),c=a.more.length>0,h=a.more.length===1,m=!h&&c;return Se.createElement(Se.Fragment,null,Se.createElement(qc,{size:12}),Se.createElement(Is,{variant:"label",size:"large"},bs.t("Select Blockchain")),Se.createElement(qc,{size:12}),Se.createElement(Oc,null,l==="loading"&&Array.from(Array(DS),d=>Se.createElement($S,{key:d,variant:"rounded",height:50})),l==="success"&&Se.createElement(Se.Fragment,null,Se.createElement(vr,{selected:!n,onClick:()=>{o==="from"?u():p()}},Se.createElement(Is,{variant:"body",size:"xsmall",color:"secondary500"},bs.t("All"))),a.list.map(d=>Se.createElement(_S,{key:d.name,content:d.shortName,side:"bottom",sideOffset:2,container:B()},Se.createElement(vr,{key:d.name,selected:!!n&&n.name===d.name,onClick:()=>r(d)},Se.createElement(zc,{src:d.logo,size:30})))),h?Se.createElement(vr,{key:a.more[0].name,selected:!!n&&n.name===a.more[0].name,onClick:()=>r(a.more[0])},Se.createElement(zc,{src:a.more[0].logo,size:30})):null,m?Se.createElement(vr,{onClick:s,key:"more-blockchains"},Se.createElement(Is,{variant:"body",size:"xsmall",color:"secondary500"},bs._("More +{count}",{count:a.more.length}))):null)))}i(As,"BlockchainsSection");import{i18n as Ds}from"@lingui/core";import{darkTheme as Zc,Divider as fo,ExternalLinkIcon as OS,Image as qS,ListItemButton as zS,NotFound as QS,PinIcon as HS,Skeleton as Rc,Typography as Ir,VirtualizedList as GS}from"@rango-dev/ui";import q,{useEffect as em,useState as tm}from"react";import{Divider as Yc,ListItem as US,Skeleton as Ho}from"@rango-dev/ui";import nt from"react";import{css as mo,darkTheme as Qc,ImageContainer as FS,styled as ot,Typography as Hc}from"@rango-dev/ui";var Es=mo({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}),Ws=mo({position:"relative",height:12,width:"30%",maxWidth:"150px"}),Ls=mo({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",bottom:"-8px"}),Ms=mo({transform:"translateY(12px)",visibility:"hidden","& a":{display:"flex",justifyContent:"center",alignItems:"center",fontSize:"$12",lineHeight:"$16",$$color:"$colors$neutral600",[`.${Qc} &`]:{$$color:"$colors$neutral700"},color:"$$color",textDecoration:"none"}}),Ns=mo({}),Bs=mo(),Gc=ot("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),Ps=ot("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),xr=ot("ul",{flexGrow:1,padding:0,margin:0,listStyle:"none","& li":{alignItems:"none","&:hover":{[`& .${Ws}`]:{[`& .${Ms}`]:{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",visibility:"visible"},[`& .${Ns}`]:{bottom:"-15px"},[`& .${Es}`]:{position:"absolute",transform:"translateY(-12px)",visibility:"hidden"},[`& .${Ls}`]:{position:"absolute",transform:"translateY(-12px)",bottom:"-10px"}}}}}),$s=ot("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),_s=ot(Hc,{}),Vc=ot("div",{textAlign:"right",width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",[`& .${Bs}`]:{$$color:"$colors$neutral600",[`.${Qc} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),br=ot("div",{display:"flex",alignItems:"end",flexDirection:"column"}),u_=ot("div",{display:"flex",alignItems:"center"}),jc=ot("div",{position:"relative",[`& ${FS}`]:{borderRadius:"$xm",overflow:"hidden"}}),Kc=ot("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6}),Xc=ot(Hc,{width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"});function Jc(t){return nt.createElement(xr,null,Array.from(Array(t.size),e=>nt.createElement(US,{key:e,hasDivider:!0,start:nt.createElement(Ho,{variant:"circular",width:35,height:35}),end:nt.createElement(br,null,nt.createElement(Ho,{variant:"text",size:"large",width:70}),nt.createElement(Yc,{size:4}),nt.createElement(Ho,{variant:"text",size:"medium",width:50})),title:nt.createElement("div",null,nt.createElement(Ho,{variant:"text",size:"large",width:90}),nt.createElement(Yc,{size:4}),nt.createElement(Ho,{variant:"text",size:"medium",width:90}))})))}i(Jc,"LoadingTokenList");var Fs=20,VS=i(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:s,customCssForTagTitle:a}=t,l=e.length;return q.createElement("div",{className:Ws()},o?q.createElement("div",{className:Es()},o):q.createElement(Ps,{className:Ls()},q.createElement(Ir,{variant:"title",size:"xmedium"},r.symbol),q.createElement(fo,{direction:"horizontal",size:4}),q.createElement($s,{css:s},q.createElement(_s,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&q.createElement("div",{className:`${Ms()} ${!o&&Ns()}`},q.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," ",q.createElement(fo,{size:4,direction:"horizontal"}),q.createElement(OS,{color:"gray",size:12}))))},"renderDesc");function om(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[s,a]=tm(e),l=g().fetchStatus,p=g().blockchains(),[u,c]=tm(!0),{getBalanceFor:h,loading:m}=K(),{isTokenPinned:d}=g(),C=i(()=>{a(e.slice(0,s.length+Fs))},"loadNextPage");em(()=>{c(e.length>s.length)},[s.length]),em(()=>{a(e.slice(0,Fs))},[e]);let S=i(()=>!s.length&&o?q.createElement(q.Fragment,null,q.createElement(fo,{size:32}),q.createElement(QS,{title:Ds.t("No results found"),description:Ds.t("Try using different keywords")})):q.createElement(GS,{endReached:u?C:void 0,itemContent:y=>{let f=s[y],w=cn(h(f)),k=f.address||"",v=p.find(b=>b.name===f.blockchain),I=On(f.symbol,v?.color||""),x={$$color:I[`${f.symbol}100`],[`.${Zc} &`]:{$$color:I[`${f.symbol}900`]},backgroundColor:"$$color"},T={$$color:I[`${f.symbol}700`],[`.${Zc} &`]:{$$color:I[`${f.symbol}100`]},color:"$$color"};return q.createElement("div",{style:{paddingRight:5}},q.createElement(zS,{style:{width:"100%",overflow:"hidden"},"tab-index":y,key:`${f.symbol}${f.address}`,id:`${f.symbol}${f.address}`,hasDivider:!0,onClick:()=>n(s[y]),start:q.createElement(jc,null,q.createElement(qS,{src:f.image,size:30}),d(f,t.type)&&q.createElement(Kc,null,q.createElement(HS,{size:12,color:"gray"}))),title:v?.type==="COSMOS"||f.name||!f.name&&!k?q.createElement(Ps,null,q.createElement(Ir,{variant:"title",size:"xmedium"},f.symbol),q.createElement(fo,{direction:"horizontal",size:4}),q.createElement($s,{css:x},q.createElement(_s,{variant:"body",size:"xsmall",css:T},f.blockchain))):void 0,description:v?.info&&k&&v.type!=="COSMOS"?VS({address:k,token:s[y],customCssForTag:x,customCssForTagTitle:T,name:f.name,url:v.info.addressUrl.split("{wallet}").join(k)}):f.name||void 0,end:m?q.createElement(br,null,q.createElement(Rc,{variant:"text",size:"large",width:70}),q.createElement(fo,{size:4}),q.createElement(Rc,{variant:"text",size:"medium",width:50})):w&&q.createElement(Vc,null,q.createElement(Xc,{variant:"title",size:"small"},w.amount),q.createElement("div",null),w.usdValue&&q.createElement(Ir,{variant:"body",className:Bs(),size:"xsmall"},`$${w.usdValue}`))}))},totalCount:s.length,key:`${r}-${o}`}),"renderList");return q.createElement(Gc,null,q.createElement(Ir,{variant:"label",size:"large"},Ds.t("Select Token")),q.createElement(fo,{size:4}),l==="loading"&&q.createElement(Jc,{size:Fs}),l==="success"&&q.createElement(xr,{as:"ul"},S()))}i(om,"TokenList");function Us(t){let{type:e}=t,o=KS(),n=lt(),{fromBlockchain:r,toBlockchain:s,setFromToken:a,setToToken:l,setFromBlockchain:p,setToBlockchain:u}=V(),c=K.use.getBalanceFor(),[h,m]=jS(""),{isTokenPinned:d}=g(),S=(e==="source"?r:s)?.name??"",y=g().blockchains({type:e}),f=g().tokens({type:e,blockchain:S,searchFor:h}),k=wa(f,c,i(T=>d(T,e),"checkIsTokenPinned")),v=i(T=>{e==="source"?p(T):u(T)},"updateBlockchain"),I=i(T=>{e==="source"?a({token:T,meta:{blockchains:y,tokens:f}}):l({token:T,meta:{blockchains:y,tokens:f}})},"updateToken"),x={source:Ar.t("Source"),destination:Ar.t("Destination")};return jt.createElement(oe,{header:{title:Ar.t("Swap {type}",{type:x[e]})}},jt.createElement(se,null,jt.createElement(As,{blockchains:y,type:e=="source"?"from":"to",blockchain:e==="source"?r:s,onMoreClick:()=>o(_.blockchains),onChange:T=>{v(T)}}),jt.createElement(nm,{size:24}),jt.createElement(Tt,{value:h,autoFocus:!0,placeholder:Ar.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>m(""),onChange:T=>m(T.target.value)}),jt.createElement(nm,{size:16}),jt.createElement(om,{list:k,selectedBlockchain:S,searchedFor:h,type:e,onChange:T=>{I(T);let b=y.find(N=>T.blockchain===N.name);b&&v(b),n()}})))}i(Us,"SelectSwapItemsPage");import{i18n as xt}from"@lingui/core";import{Alert as oC,Button as nC,ChevronRightIcon as Wr,Divider as zs,InfoIcon as rC,List as iC,ListItemButton as sC,Skeleton as aC,styled as lC,Switch as pC,Tooltip as uC,Typography as _t}from"@rango-dev/ui";import H from"react";import{useInRouterContext as cC,useNavigate as mC,useSearchParams as dC}from"react-router-dom";import{i18n as pm}from"@lingui/core";import{Divider as ZS,InfoIcon as RS,TextField as eC,Tooltip as tC,Typography as um}from"@rango-dev/ui";import Qe from"react";import{Chip as XS,styled as Go,TextField as YS}from"@rango-dev/ui";var rm=Go("div",{paddingTop:"$5",padding:"$10 $5"}),im=Go("div",{display:"flex",flexWrap:"wrap",gap:"$10",[`& ${YS}`]:{flex:"1 1 0",maxWidth:"127px",minWidth:"85px"}}),sm=Go("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),Er=Go("div",{maxWidth:"280px",padding:"$10"}),am=Go(XS,{width:"61px",flexShrink:0});import{i18n as Os}from"@lingui/core";import{Typography as JS}from"@rango-dev/ui";import Vo from"react";function lm(){return Vo.createElement(Er,null,Vo.createElement(JS,{variant:"label",size:"medium",color:"neutral700"},Os.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),Vo.createElement("br",null),Vo.createElement("br",null),Vo.createElement("b",null,Os.t("Warning")),":",Os.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(lm,"SlippageTooltipContent");function qs(){let{slippage:t,setSlippage:e,customSlippage:o,setCustomSlippage:n}=g();return Qe.createElement(rm,null,Qe.createElement(sm,null,Qe.createElement(um,{variant:"title",size:"xmedium"},pm.t("Slippage tolerance per swap")),Qe.createElement(ZS,{direction:"horizontal",size:4}),Qe.createElement(tC,{container:B(),side:"top",sideOffset:4,content:Qe.createElement(lm,null)},Qe.createElement(RS,{color:"gray"}))),Qe.createElement(im,null,Ua.map((r,s)=>{let a=`slippage-${s}`;return Qe.createElement(Qe.Fragment,null,Qe.createElement(am,{key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`}))}),Qe.createElement(eC,{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>=Qa&&a<=za?n(a):n(null)},suffix:o&&Qe.createElement(um,{variant:"body",size:"small"},"%"),placeholder:pm.t("Custom")})))}i(qs,"Slippage");var fC=lC("div",{paddingLeft:"$8"});function cm(){let t=mC(),{theme:e}=g().config,o=g().fetchStatus,n=g().swappers(),r=g().getDisabledLiquiditySources(),{config:{features:s},isInCampaignMode:a,updateCampaignMode:l}=g(),p=a(),u=He("theme",s),c=He("liquiditySource",s),h=He("language",s),m=g().infiniteApprove,d=g().toggleInfiniteApprove,C=yn(n,r),S=C.filter(E=>E.type==="BRIDGE"||E.type==="AGGREGATOR"),y=S.length,f=S.filter(E=>E.selected).length,w=C.filter(E=>E.type==="DEX"),k=w.length,v=w.filter(E=>E.selected).length,I=i((E,J)=>{switch(o){case"loading":return H.createElement(aC,{variant:"text",size:"medium",width:50});case"failed":return H.createElement(_t,{variant:"body",size:"medium",color:"$error500"},xt.t("Loading failed"));default:return H.createElement(_t,{variant:"body",size:"medium"},`${E} / ${J}`)}},"handleEndItem"),x={id:"bridge-item",title:H.createElement(_t,{variant:"title",size:"xmedium"},xt.t("Enabled bridges")),end:H.createElement(H.Fragment,null,I(f,y),H.createElement(zs,{direction:"horizontal",size:8}),H.createElement(Wr,{color:"black"})),onClick:()=>t(_.bridges)},T={id:"exchange-item",title:H.createElement(_t,{variant:"title",size:"xmedium"},xt.t("Enabled exchanges")),end:H.createElement(H.Fragment,null,I(v,k),H.createElement(zs,{direction:"horizontal",size:8}),H.createElement(Wr,{color:"gray"})),onClick:()=>t(_.exchanges)},b={id:"language-item",title:H.createElement(_t,{variant:"title",size:"xmedium"},xt.t("Language")),end:H.createElement(Wr,{color:"gray"}),onClick:()=>t(_.languages)},N={id:"theme-item",title:H.createElement(_t,{variant:"title",size:"xmedium"},xt.t("Theme")),end:H.createElement(Wr,{color:"gray"}),onClick:()=>t(_.themes)},L={id:"infinite-approval-item",title:H.createElement(H.Fragment,null,H.createElement(_t,{variant:"title",size:"xmedium"},xt.t("Infinite approval")),H.createElement(zs,{direction:"horizontal",size:4}),H.createElement(uC,{side:"top",sideOffset:4,container:B(),content:H.createElement(Er,null,H.createElement(_t,{variant:"label",size:"medium",color:"neutral700"},xt.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.")))},H.createElement(rC,{color:"gray"}))),end:H.createElement(pC,{checked:m}),onClick:d},M=c?[]:[x,T];h||M.push(b),!e?.singleTheme&&!u&&M.push(N),M.push(L);let[,A]=dC(),O=cC(),Z=i(()=>{O&&p&&(A(E=>(E.delete("liquiditySources"),E),{replace:!0}),l("liquiditySources",void 0))},"onClick");return H.createElement(oe,{header:{title:xt.t("Settings")}},H.createElement(se,null,p&&H.createElement(oC,{type:"info",variant:"alarm",title:xt.t("Currently, you're in campaign mode with restrictions on liquidity sources. Would you like to switch out of this mode and make use of all available liquidity sources?"),action:H.createElement(fC,null,H.createElement(nC,{type:"secondary",size:"small",onClick:Z},"Reset"))}),H.createElement(qs,null),H.createElement(iC,{type:H.createElement(sC,{title:"_",id:"_",onClick:()=>console.log()}),items:M})))}i(cm,"SettingsPage");import{i18n as eT}from"@lingui/core";import{cancelSwap as tT}from"@rango-dev/queue-manager-rango-preset";import{useManager as oT}from"@rango-dev/queue-manager-react";import{Alert as nT}from"@rango-dev/ui";import na from"react";import{useParams as rT}from"react-router-dom";import{i18n as bt}from"@lingui/core";import{getCurrentBlockchainOfOrNull as _C,getCurrentStep as DC,getRelatedWalletOrNull as FC}from"@rango-dev/queue-manager-rango-preset";import{Button as Um,CopyIcon as UC,Divider as OC,IconButton as qC,LinkIcon as zC,QuoteCost as QC,StepDetails as HC,Typography as ho,useCopyToClipboard as GC}from"@rango-dev/ui";import{useWallets as VC}from"@rango-dev/wallets-react";import Om from"bignumber.js";import{PendingSwapNetworkStatus as Ur}from"rango-types";import te,{useEffect as qm,useRef as jC,useState as zm}from"react";import{useNavigate as KC}from"react-router-dom";import{i18n as Dt}from"@lingui/core";var gC=[Dt.t("Sunday"),Dt.t("Monday"),Dt.t("Tuesday"),Dt.t("Wednesday"),Dt.t("Thursday"),Dt.t("Friday"),Dt.t("Saturday")];function mm(t){let e=new Date(t),o=e.getDate(),n=e.toLocaleString("default",{month:"long"}),r=e.getFullYear();return`${e.getDay()===new Date().getDay()?Dt.t("Today"):`${gC[e.getDay()]} ${o} ${n} ${r}`}, ${new Date(t).toLocaleTimeString()}`}i(mm,"timeSince");function dm(t){return t.finishTime?mm(parseInt(t.finishTime)):mm(parseInt(t.creationTime))}i(dm,"getSwapDate");import{PendingSwapNetworkStatus as Nr}from"rango-types";import Br from"react";import{i18n as Lr}from"@lingui/core";import{Button as fm,Divider as Qs,MessageBox as hC,Typography as gm}from"@rango-dev/ui";import dt from"react";var hm=i(({onCancel:t,onClose:e})=>dt.createElement(dt.Fragment,null,dt.createElement(Qs,{size:20}),dt.createElement(hC,{type:"error",title:Lr.t("Cancel Swap"),description:Lr.t("Are you sure you want to cancel this swap?")}),dt.createElement(Qs,{size:32}),dt.createElement(fm,{variant:"contained",type:"primary",size:"large",onClick:t},dt.createElement(gm,{variant:"title",size:"medium",color:"neutral100"},Lr.t("Yes, Cancel it"))),dt.createElement(Qs,{size:12}),dt.createElement(fm,{variant:"outlined",type:"primary",size:"large",onClick:e},dt.createElement(gm,{variant:"title",size:"medium",color:"primary"},Lr.t("No, Continue")))),"CancelContent");import{i18n as Mr}from"@lingui/core";import{Button as ym,Divider as Hs,MessageBox as yC,Typography as Sm}from"@rango-dev/ui";import ft from"react";var Cm=i(({onDelete:t,onClose:e})=>ft.createElement(ft.Fragment,null,ft.createElement(Hs,{size:20}),ft.createElement(yC,{type:"error",title:Mr.t("Delete Transaction"),description:Mr.t("Are you sure you want to delete this swap?")}),ft.createElement(Hs,{size:32}),ft.createElement(ym,{variant:"contained",type:"primary",size:"large",onClick:t},ft.createElement(Sm,{variant:"title",size:"medium",color:"neutral100"},Mr.t("Yes, Delete it"))),ft.createElement(Hs,{size:12}),ft.createElement(ym,{variant:"outlined",type:"primary",size:"large",onClick:e},ft.createElement(Sm,{variant:"title",size:"medium",color:"primary"},Mr.t("No, Cancel")))),"DeleteContent");import{i18n as Gs}from"@lingui/core";import{PendingSwapNetworkStatus as Vs}from"rango-types";var js={[Vs.WaitingForNetworkChange]:{type:"loading",title:Gs.t("Change Network")},[Vs.WaitingForConnectingWallet]:{type:"warning",title:Gs.t("Connect Wallet")},[Vs.NetworkChanged]:{type:"success",title:Gs.t("Network Changed")}};import{MessageBox as CC,Wallet as TC}from"@rango-dev/ui";import{useWallets as kC}from"@rango-dev/wallets-react";import jo from"react";import{styled as SC}from"@rango-dev/ui";var Tm=SC("div",{display:"flex",justifyContent:"center"});var km=i(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:s,walletButtonDisabled:a}=t,{connect:l,getWalletInfo:p,state:u}=kC(),c=n?.walletType,h=c?jr(u(c)):null,m=c?p(c):null;return jo.createElement(jo.Fragment,null,jo.createElement(CC,{type:e,title:o,description:r}),s&&!!c&&!!h&&!!m&&jo.createElement(Tm,null,jo.createElement(TC,{container:B(),title:m.name,image:m.img,type:c,state:h,link:m.installLink,disabled:a,onClick:async()=>l(c)})))},"WalletStateContent");function Ks(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:s,message:a,walletButtonDisabled:l}=t,p=e===Nr.WaitingForNetworkChange||e===Nr.WaitingForConnectingWallet||e===Nr.NetworkChanged;return Br.createElement(ae,{open:!!e,onClose:o,container:document.getElementById(Ee.SWAP_BOX_ID)||document.body},p&&Br.createElement(km,{type:js[e].type,title:js[e].title,currentStepWallet:s,message:a,walletButtonDisabled:l,showWalletButton:e!==Nr.WaitingForNetworkChange}),e==="delete"&&Br.createElement(Cm,{onClose:o,onDelete:n}),e==="cancel"&&Br.createElement(hm,{onClose:o,onCancel:r}))}i(Ks,"SwapDetailsModal");import{i18n as Ko}from"@lingui/core";import{Button as Xs,Divider as Pr,MessageBox as wm,TokenAmount as wC,Typography as $r}from"@rango-dev/ui";import ve from"react";import{useNavigate as vC}from"react-router-dom";function Ys(t){let{open:e,onClose:o,status:n,priceValue:r,usdValue:s,realUsdValue:a,realValue:l,token:p,chain:u,percentageChange:c,description:h,diagnosisUrl:m}=t,d=vC();return ve.createElement(ae,{open:e,onClose:o,container:document.getElementById(Ee.SWAP_BOX_ID)||document.body},n==="success"?ve.createElement(wm,{type:"success",title:Ko.t("Swap Successful")},ve.createElement(wC,{direction:"vertical",tooltipContainer:B(),type:"output",centerAlign:!0,price:{value:r,usdValue:s,realUsdValue:a,realValue:l},token:p,chain:u,percentageChange:c}),ve.createElement(Pr,{size:12}),ve.createElement($r,{variant:"body",size:"medium",color:"neutral700",align:"center"},h)):ve.createElement(wm,{type:"error",title:Ko.t("Transaction Failed"),description:h}),ve.createElement(Pr,{size:32}),n==="success"&&ve.createElement(Xs,{variant:"contained",type:"primary",size:"large",onClick:()=>{d("../../")}},ve.createElement($r,{variant:"title",size:"medium",color:"neutral100"},Ko.t("Done"))),ve.createElement(Pr,{size:12}),m&&ve.createElement(ve.Fragment,null,ve.createElement(Xs,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(m,"_blank")},ve.createElement($r,{variant:"title",size:"medium",color:"primary"},Ko.t("Diagnosis"))),ve.createElement(Pr,{size:12})),ve.createElement(Xs,{variant:"outlined",type:"primary",size:"large",onClick:o},ve.createElement($r,{variant:"title",size:"medium",color:"primary"},Ko.t("See Details"))))}i(Ys,"SwapDetailsCompleteModal");import PC from"react";import{i18n as LC}from"@lingui/core";import{Alert as Em,IconButton as MC,LinkIcon as NC}from"@rango-dev/ui";import Ft,{Fragment as BC}from"react";import{Alert as xC,ChevronDownIcon as bC,ChevronUpIcon as IC,IconButton as AC}from"@rango-dev/ui";import _r,{useState as EC}from"react";function vm(t){let{message:e}=t,[o,n]=EC(!1);return _r.createElement(xC,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&_r.createElement(AC,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?_r.createElement(IC,{size:12,color:"gray"}):_r.createElement(bC,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}i(vm,"FailedAlert");import{styled as WC}from"@rango-dev/ui";var xm=WC("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as bm}from"@lingui/core";import{Alert as Js,Button as Im}from"@rango-dev/ui";import{PendingSwapNetworkStatus as Zs}from"rango-types";import Xo from"react";function Am(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?Xo.createElement(Js,{type:"warning",title:n.shortMessage,action:Xo.createElement(Im,{size:"xxsmall",type:"warning",onClick:()=>{o(Zs.WaitingForNetworkChange),e().catch(s=>{console.log(s)})}},bm.t("Change"))}):r===Zs.WaitingForConnectingWallet?Xo.createElement(Js,{type:"warning",title:n.shortMessage,action:Xo.createElement(Im,{size:"xxsmall",type:"warning",onClick:()=>{o(Zs.WaitingForConnectingWallet)}},bm.t("Connect"))}):Xo.createElement(Js,{type:"warning",title:n.shortMessage})}i(Am,"WarningAlert");function Rs(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:s,hasAlreadyProceededToSign:a}=t,l=wo(s),p=s.status==="waitingForApproval"&&!l,u=s.status==="running"&&!l,c=u&&!a||p&&!s.explorerUrl?.length;return Ft.createElement(xm,null,s.explorerUrl?.map((h,m,d)=>{let C=m+h.url,S=m===d.length-1,y=(S&&u||p)&&!c,f=S&&s.status==="failed";return Ft.createElement(BC,{key:C},Ft.createElement(Em,{type:S&&(y&&"loading"||f&&"error")||"success",title:h.description?`${h.description} Tx`:LC.t("View transaction"),action:h.url&&Ft.createElement(MC,{variant:"ghost",size:"xsmall",onClick:()=>window.open(h.url,"_blank")},Ft.createElement(NC,{size:12}))}))}),c&&Ft.createElement(Em,{type:"loading",title:r.shortMessage}),s.status!=="failed"&&l&&Ft.createElement(Am,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),s.status==="failed"&&Ft.createElement(vm,{message:r}))}i(Rs,"SwapDetailsAlerts");var Wm=2e3;var Lm=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:Ge(s.fromBlockchain,e)??"",image:s.fromBlockchainLogo??""},price:{value:W(l,6,6),realValue:l}},to:{token:{displayName:s.toSymbol,image:s.toLogo},chain:{displayName:Ge(s.toBlockchain,e)??"",image:s.toBlockchainLogo??""},price:{value:W(s.outputAmount||s.expectedOutputAmountHumanReadable,6,6),realValue:s.outputAmount||s.expectedOutputAmountHumanReadable}},swapper:{displayName:ko(s.swapperId,o),image:s.swapperLogo??"",type:s.swapperType},internalSwaps:s.internalSwaps?s.internalSwaps.map(p=>({from:{blockchain:Ge(p.fromBlockchain,e)??""},to:{blockchain:Ge(p.toBlockchain,e)??""},swapper:{displayName:ko(p.swapperId,o),image:p.swapperLogo??"",type:p.swapperType}})):[],alerts:PC.createElement(Rs,{step:s,hasAlreadyProceededToSign:r,...n})}})},"getSteps");function Mm(t){if(wo(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(Mm,"getStepState");import{css as Yo,darkTheme as $C,styled as Kt}from"@rango-dev/ui";var Nm=Kt("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),Dr=Kt("div",{width:"100%"}),Bm=Kt(bo,{padding:"$0 $20 $20 $20"}),JF=Kt("div",{display:"flex",flexDirection:"column",gap:"$10"}),Pm=Kt("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),ZF=Kt("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1}),go=Yo({display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",padding:"$10 $20",borderBottom:"1px solid",$$color:"$colors$neutral300",[`.${$C} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color",color:"$neutral500"}),$m=Yo({padding:"$5 0"}),Fr=Yo({display:"flex",justifyContent:"center",alignItems:"center",height:"$24"}),_m=Yo({display:"flex",width:"100%",padding:"$15 $20 $20",flexDirection:"column",alignItems:"start"}),Dm=Yo({width:"100%",padding:"0 $20 $10"}),Fm=Kt("a",{fontSize:"$16",fontWeight:"$400",color:"$neutral700",display:"flex",alignItems:"center",justifyContent:"center"});function ea(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:s,connect:a,getWalletInfo:l}=VC(),p=g().blockchains(),u=g().swappers(),c=g().tokens(),h=V.use.retry(),m=ne.use.isActiveTab(),d=KC(),[C,S]=GC(Wm),y=jC(null),[f,w]=zm(null),[k,v]=zm(null),I=i(()=>{r(),w(null)},"onCancel"),x=Oe.use.getUnreadNotifications(),T=Oe.use.setAsRead(),b=x(),N=DC(e),L=N?.networkStatus;qm(()=>{b.find(It=>It.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(v(e.status),T(e.requestId))},[e.status]),qm(()=>{X?w(Ur.WaitingForNetworkChange):L===Ur.WaitingForConnectingWallet||L===Ur.NetworkChanged?w(L):w(null)},[L]);let M=yl(e),A=N?_C(e,N):null,O=N?FC(e,N):null,Z=dm(e),E=Sl(e),J=i(gt=>!!l(gt)?.mobileWallet,"isMobileWallet"),X=L===Ur.WaitingForNetworkChange&&!!A&&!!O?.walletType&&(J(O.walletType)||s(O.walletType,A)),z=X?a.bind(null,O.walletType,A):void 0,me=hl(e,N),G=Lm({swap:e,switchNetwork:z,showNetworkModal:L,setNetworkModal:w,message:me,blockchains:p,swappers:u}),R=G.length,[Ae,Ce]=[e.steps[0],e.steps[R-1]],$=Ce.outputAmount||Ce.expectedOutputAmountHumanReadable,j=e.steps.reduce((gt,It)=>gt+parseFloat(It.feeInUsd||""),0),ee=e.steps.find(gt=>gt.diagnosisUrl)?.diagnosisUrl,Te=W(parseFloat(W($,6,6))*(Ce.toUsdPrice||0),4,4),Fe=W(parseFloat(e.inputAmount)*(Ae.fromUsdPrice||0),4,4),ke=$?pe(new Om($).multipliedBy(Ce.toUsdPrice||0)):"",_e=pe(new Om(e.inputAmount).multipliedBy(Ae.fromUsdPrice||0)),Ue=Ve(Fe,Te),Gr=e.status==="success"?bt.t({id:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:W($,6,6),token:G[R-1].to.token.displayName,conciseAddress:mn(e.wallets[G[R-1].to.chain.displayName]?.address||""),chain:G[R-1].to.chain.displayName}}):`${bt.t("Transaction was not sent.")} ${M?bt.t({id:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:M.outputAmount,symbol:M.symbol,blockchain:M.blockchain}}):""}`;return te.createElement(oe,{header:{title:bt.t("Swap and Bridge"),onCancel:e.status==="running"?()=>w("cancel"):void 0,suffix:e.status!=="running"&&te.createElement(to,null,te.createElement(Um,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>w("delete")},te.createElement(ho,{size:"medium",variant:"label",color:"error"},bt.t("Delete"))))},footer:E&&!k&&te.createElement(Um,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{h(e,{blockchains:p,tokens:c}),setTimeout(()=>{d("../../")},0)}},bt.t("Try again"))},te.createElement(se,{compact:!0,view:!0},te.createElement(Dr,null,te.createElement("div",{className:go()},te.createElement(ho,{variant:"label",size:"large",color:"neutral700"},`${bt.t("Request ID")}:`),te.createElement("div",{className:Fr()},te.createElement(ho,{variant:"label",size:"small",color:"neutral700"},o),te.createElement(qC,{variant:"ghost",onClick:S.bind(null,o||"")},te.createElement(UC,{size:16,color:"gray"})),te.createElement(Fm,{target:"_blank",href:`${ca}/swap/${o}`},te.createElement(zC,{size:16})))),te.createElement("div",{className:go()},te.createElement(ho,{variant:"label",size:"large",color:"neutral700"},`${bt.t(e.finishTime?"Finished at":"Created at")}:`),te.createElement(ho,{variant:"label",size:"small",color:"neutral700"},Z))),te.createElement("div",{className:_m()},te.createElement(QC,{fee:W(String(j),2,2),time:nn(rn(e.steps)),steps:R}),te.createElement(No,{from:{price:{value:W(e.inputAmount,6,6),usdValue:Fe,realUsdValue:_e,realValue:e.inputAmount},token:{displayName:G[0].from.token.displayName,image:G[0].from.token.image},chain:{image:G[0].from.chain.image,displayName:G[0].from.chain.displayName}},to:{price:{value:W($,6,6),usdValue:Te,realUsdValue:ke,realValue:$},token:{displayName:G[R-1].to.token.displayName,image:G[R-1].to.token.image},chain:{image:G[R-1].to.chain.image,displayName:G[R-1].to.chain.displayName}},percentageChange:W(Ue,2,2),warningLevel:yt(Ue??0)})),te.createElement("div",{className:Dm()},te.createElement(ho,{variant:"title",size:"small"},bt.t("Swaps steps"))),te.createElement(OC,{size:8}),te.createElement(Bm,{ref:y},G.map((gt,It)=>{let pa=It,yo=Mm(e.steps[It]),pd=yo==="error"||yo==="in-progress"||yo==="warning"||yo==="completed"&&It===G.length-1;return te.createElement(HC,{key:pa,step:gt,type:"swap-progress",ref:y,state:yo,hasSeparator:It!==0,tabIndex:pa,isFocused:pd,tooltipContainer:B()})}))),te.createElement(Ks,{state:f,onClose:()=>w(null),onCancel:I,onDelete:n,message:me.detailedMessage.content,currentStepWallet:O,walletButtonDisabled:!m}),te.createElement(Ys,{open:!!k,diagnosisUrl:ee,onClose:()=>v(null),status:e.status==="success"?"success":"failed",priceValue:W($,6,6),usdValue:Te,realUsdValue:ke,realValue:pe($),percentageChange:W(Ue,2,2),token:{displayName:G[R-1].to.token.displayName,image:G[R-1].to.token.image},chain:{image:G[R-1].to.chain.image},description:Gr}))}i(ea,"SwapDetails");import{i18n as qr}from"@lingui/core";import{Divider as Gm,NotFound as RC,Skeleton as Zo,Typography as zr}from"@rango-dev/ui";import ce from"react";import{i18n as XC}from"@lingui/core";import{Divider as YC,Skeleton as JC,Typography as ZC}from"@rango-dev/ui";import fe from"react";import{css as rt,styled as ta}from"@rango-dev/ui";var Qm=ta("div",{width:"100%",height:"100%",padding:"$10 $20"}),Jo=ta("div",{backgroundColor:"$neutral100",borderRadius:"$xm",padding:"$10 $15"}),Or=ta("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"}),M1=rt({display:"flex",justifyContent:"space-between",alignItems:"center"}),N1=rt({display:"flex",justifyContent:"space-between",alignItems:"center"}),B1=rt({paddingTop:"$15",display:"flex"}),P1=rt({padding:"$15 $0"}),$1=rt({width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"}),_1=rt({paddingBottom:"$10"}),D1=rt({display:"flex",justifyContent:"start",alignItems:"center"}),F1=rt({paddingTop:"$5",display:"flex",alignItems:"center"}),U1=rt({display:"flex",alignItems:"center"}),O1=rt({padding:"$4 $6",display:"flex",justifyContent:"center",alignItems:"center"}),Hm=rt({display:"flex",paddingTop:"$10",paddingBottom:"$5"});function oa(){return fe.createElement(Qm,null,fe.createElement(_o,{type:"swap-preview"}),fe.createElement("div",{className:"swaps-steps"},fe.createElement(ZC,{variant:"title",size:"small"},XC.t("Swaps steps"))),fe.createElement(fe.Fragment,null,fe.createElement(Jo,null,fe.createElement(mt,{separator:!1}),fe.createElement("div",{className:Hm()},fe.createElement(YC,{direction:"horizontal",size:20}),fe.createElement(JC,{height:22,variant:"rectangular"}))),fe.createElement(Or,null),fe.createElement(Jo,null,fe.createElement(mt,{separator:!1})),fe.createElement(Or,null),fe.createElement(Jo,null,fe.createElement(mt,{separator:!1})),fe.createElement(Or,null),fe.createElement(Jo,null,fe.createElement(mt,{separator:!1}))))}i(oa,"LoadingSwapDetails");function Vm(t){let{requestId:e,showSkeleton:o}=t;return ce.createElement(oe,{header:{title:qr.t("Swap and Bridge"),suffix:ce.createElement(to,null)}},o&&ce.createElement(Nm,null,ce.createElement(Dr,null,ce.createElement("div",{className:go()},ce.createElement(zr,{variant:"label",size:"large",color:"neutral700"},`${qr.t("Request ID")}:`),ce.createElement("div",{className:Fr()},ce.createElement(zr,{variant:"label",size:"small",color:"neutral700"},ce.createElement(Zo,{width:60,height:10,variant:"rounded"})),ce.createElement(Gm,{direction:"horizontal",size:4}),ce.createElement(Zo,{width:16,height:16,variant:"rectangular"}),ce.createElement(Gm,{direction:"horizontal",size:4}),ce.createElement(Zo,{width:16,height:16,variant:"rectangular"}))),ce.createElement("div",{className:go()},ce.createElement(zr,{className:$m(),variant:"label",size:"large",color:"neutral700"},ce.createElement(Zo,{width:60,height:10,variant:"rounded"})),ce.createElement(zr,{variant:"label",size:"small",color:"neutral700"},ce.createElement(Zo,{width:60,height:10,variant:"rounded"})))),ce.createElement(oa,null)),!o&&ce.createElement(Pm,null,ce.createElement(RC,{title:qr.t("Not found"),description:qr.t({id:"Swap with request ID = {requestId} not found.",values:{requestId:e}})})))}i(Vm,"SwapDetailsPlaceholder");function jm(){let{manager:t,state:e}=oT(),o=!e.loadedFromPersistor,n=Mt(t),{requestId:r}=rT(),s=lt(),{fetchStatus:a}=g();if(!r)return na.createElement(nT,{containerStyles:{margin:"20px"},type:"error",title:eT.t("The request ID is necessary to display the swap details.")});let l=o||a==="loading",p=r?n.find(({swap:m})=>m.requestId===r):void 0,u=i(()=>{if(p?.id){let m=t?.get(p.id);m&&tT(m)}},"onCancel"),c=i(async()=>{if(p?.id)try{t?.deleteQueue(p.id),s()}catch(m){console.log(m)}},"onDelete"),h=p?.swap;return!h||l?na.createElement(Vm,{requestId:r,showSkeleton:l}):na.createElement(ea,{swap:h,requestId:r,onCancel:u,onDelete:c})}i(jm,"SwapDetailsPage");import{i18n as Ro}from"@lingui/core";import{AutoThemeIcon as iT,DarkModeIcon as sT,LightModeIcon as aT,List as lT,ListItemButton as pT,Radio as ra,RadioRoot as uT,Typography as ia}from"@rango-dev/ui";import De from"react";function Km(){let{setTheme:t,theme:e}=g(),o=[{id:"light",value:"light",title:De.createElement(ia,{variant:"title",size:"xmedium"},Ro.t("Light")),onClick:()=>t("light"),start:De.createElement(aT,{color:"gray"}),end:De.createElement(ra,{value:"light"})},{id:"dark",value:"dark",title:De.createElement(ia,{variant:"title",size:"xmedium"},Ro.t("Dark")),onClick:()=>t("dark"),start:De.createElement(sT,{color:"gray"}),end:De.createElement(ra,{value:"dark"})},{id:"auto",value:"auto",title:De.createElement(ia,{variant:"title",size:"xmedium"},Ro.t("Auto")),onClick:()=>t("auto"),start:De.createElement(iT,{color:"gray"}),end:De.createElement(ra,{value:"auto"})}];return De.createElement(oe,{header:{title:Ro.t("Theme")}},De.createElement(se,null,De.createElement(uT,{onValueChange:n=>t(n),value:e},De.createElement(lT,{type:De.createElement(pT,{title:Ro.t("Theme"),id:"_",onClick:()=>console.log()}),items:o}))))}i(Km,"ThemePage");function Xm(){return Wl(),fi(),cT([{path:_.home,element:$e.createElement(kc,null)},{path:_.routes,element:$e.createElement(Ac,null)},{path:_.fromSwap,children:[{index:!0,element:$e.createElement(Us,{type:"source"})},{path:_.blockchains,element:$e.createElement(ws,{type:"source"})}]},{path:_.toSwap,children:[{index:!0,element:$e.createElement(Us,{type:"destination"})},{path:_.blockchains,element:$e.createElement(ws,{type:"destination"})}]},{path:_.settings,children:[{index:!0,element:$e.createElement(cm,null)},{path:_.themes,element:$e.createElement(Km,null)},{path:_.languages,element:$e.createElement(vc,null)},{path:_.exchanges,element:$e.createElement(Ss,{sourceType:"Exchanges"})},{path:_.bridges,element:$e.createElement(Ss,{sourceType:"Bridges"})}]},{path:_.swaps,children:[{index:!0,element:$e.createElement(fc,null)},{path:_.swapDetails,element:$e.createElement(jm,null)}]},{path:_.wallets,element:$e.createElement(Ap,null)},{path:_.confirmSwap,element:$e.createElement(oc,null)}])}i(Xm,"AppRoutes");import{isApprovalTX as mT,MainEvents as Ym,RouteEventType as Jm,StepEventType as Zm,StepExecutionEventStatus as dT,useEvents as fT}from"@rango-dev/queue-manager-rango-preset";import{useEffect as Rm}from"react";function ed(){let t=g().tokens(),e=K.use.connectedWallets(),o=K.use.getWalletsDetails(),n=Oe.use.setNotification(),r=fT();return Rm(()=>(r.on(Ym.StepEvent,s=>{let{event:a,step:l,route:p}=s;if(a.type===Zm.TX_EXECUTION&&a.status===dT.TX_SENT&&!mT(l)||a.type===Zm.SUCCEEDED){let c=e.find(m=>m.chain===l?.fromBlockchain),h=l?.fromBlockchain!==l?.toBlockchain&&e.find(m=>m.chain===l?.toBlockchain);c&&o([c],t),h&&o([h],t)}n(a,p)}),()=>r.all.clear()),[r,e.length]),Rm(()=>(r.on(Ym.RouteEvent,s=>{let{event:a,route:l}=s;(a.type===Jm.FAILED||a.type===Jm.SUCCEEDED)&&n(a,l)}),()=>r.all.clear()),[r,e.length]),null}i(ed,"WidgetEvents");import{globalCss as gT}from"@rango-dev/ui";var td=i(()=>gT({"@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");function od(){let{setWatermark:t}=ne();return{fetchApiConfig:i(async()=>{let o=await fetch(`${ht("BASE_URL")}/meta/dapp/config?apiKey=${ht("API_KEY")}`);if(!o.ok)throw new Error(`Request failed with status: ${o.status} `);let n=await o.json();t(n.config.watermark)},"fetchApiConfig")}}i(od,"useFetchApiConfig");import{styled as hT}from"@rango-dev/ui";var nd=hT("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 Qr(){td();let{config:t}=g(),{activeTheme:e}=qn(t?.theme||{}),{activeLanguage:o}=co(),[n,r]=rd(""),[s,a]=rd(),l=ST(Cn),{fetchApiConfig:p}=od();return CT(()=>{Oe.persist.rehydrate(),l.onConnectWallet(r),p().catch(console.log)},[]),en.createElement(yT,{language:o},en.createElement(nd,{id:"swap-container",className:e()},en.createElement(ed,null),en.createElement(Ra,{lastConnectedWallet:n,disconnectedWallet:s,clearDisconnectedWallet:()=>{a(void 0)}},en.createElement(Xm,null))))}i(Qr,"Main");import aa,{useMemo as DT}from"react";import{checkWaitingForNetworkChange as TT,makeQueueDefinition as kT}from"@rango-dev/queue-manager-rango-preset";import{Provider as wT}from"@rango-dev/queue-manager-react";import{useWallets as vT}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as xT}from"@rango-dev/wallets-shared";import{isEvmBlockchain as bT}from"rango-types";import IT,{useMemo as AT}from"react";function ET(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:s,getWalletInfo:a}=vT(),l=AT(()=>kT({API_KEY:t.apiKey||ht("API_KEY"),BASE_URL:ht("BASE_URL")}),[t.apiKey]),p=g().blockchains(),c={blockchains:K.use.connectedWallets().map(k=>({accounts:[k],name:k.chain}))},h=i(async(k,v)=>{if(s(k,v))return r(k,v)},"switchNetwork"),m=i(k=>!!a(k).mobileWallet,"isMobileWallet"),d=p.filter(k=>k.enabled).reduce((k,v)=>(k[v.name]=v,k),{}),C=p.filter(bT),S=i(k=>{let{supportedChains:v}=a(k);return ln(v)},"getSupportedChainNames"),y=e(),f={meta:{blockchains:d,evmBasedChains:C,evmNetworkChainInfo:xT(C),getSupportedChainNames:S},getSigners:o,wallets:c,providers:y,switchNetwork:h,canSwitchNetworkTo:s,connect:r,state:n,isMobileWallet:m},w=ne.use.isActiveTab();return IT.createElement(wT,{queuesDefs:[l],context:f,onPersistedDataLoaded:k=>{TT(k)},isPaused:!w},t.children)}i(ET,"QueueManager");var id=ET;import{useManager as BT}from"@rango-dev/queue-manager-react";import PT,{createContext as $T,useContext as _T}from"react";import{cancelSwap as WT,getCurrentBlockchainOfOrNull as LT,getCurrentStep as MT,getRelatedWalletOrNull as NT}from"@rango-dev/queue-manager-rango-preset";var tn=class{constructor(e,o){this.manager=e,this.actions=o}getAllSwaps(){return Mt(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&&WT(o)}getCurrentStepInfo(e){let o=MT(e);return{step:o,wallet:o?NT(e,o):null,network:o?LT(e,o):null}}};i(tn,"WidgetHistory");var sd=$T(void 0);function sa(t){let{manager:e}=BT(),o=ne.use.isActiveTab(),n=V.use.retry(),r=new tn(e,{retrySwap:n}),s=K.use.connectedWallets(),a=K.use.loading(),l=ka(s),p=K.use.getWalletsDetails(),u=g().blockchains(),c=g().tokens(),h=g().swappers(),m=g().fetchStatus,d=co().resetLanguage,C=Oe().getUnreadNotifications(),S={isActiveTab:o,setCurrentTabAsActive:Ot.forceClaim,history:r,wallets:{isLoading:a,details:s,totalBalance:l,refetch:p},meta:{blockchains:u,tokens:c,swappers:h,loadingStatus:m},resetLanguage:d,notifications:{list:C}};return PT.createElement(sd.Provider,{value:S},t.children)}i(sa,"WidgetInfo");function ad(){let t=_T(sd);if(!t)throw new Error("useWidget can only be used within the WidgetProvider component");return t}i(ad,"useWidget");function Hr(t){let{onUpdateState:e,config:o}=t;return DT(()=>{Aa({API_KEY:o?.apiKey||on,BASE_URL:o?.apiUrl||ua})},[o.apiKey,o.apiUrl]),aa.createElement(Tn,{config:o,onUpdateState:e},aa.createElement(id,{apiKey:o.apiKey},aa.createElement(sa,null,t.children)))}i(Hr,"WidgetProvider");function ld(t){return FT(()=>(Ot.init(),Ot.destroy),[]),t.config?.externalWallets?la.createElement(Qr,null):la.createElement(Hr,{config:t.config??Zr},la.createElement(Qr,null))}i(ld,"Widget");export{kq as EventSeverity,wq as MainEvents,Nq as Networks,$q as PendingSwapNetworkStatus,vq as RouteEventType,xq as StepEventType,bq as StepExecutionBlockedEventStatus,Iq as StepExecutionEventStatus,Ee as UI_ID,Lq as WalletEvents,Bq as WalletTypes,ld as Widget,Hr as WidgetProvider,Tn as WidgetWallets,ki as customizedThemeTokens,Wq as readAccountAddress,Pp as useWallets,ad as useWidget,Aq as useWidgetEvents};
|
|
3
3
|
//# sourceMappingURL=index.js.map
|