@rango-dev/widget-embedded 0.22.4-next.6 → 0.22.4-next.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/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.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/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/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/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/Routes.d.ts +3 -0
- package/dist/pages/Routes.d.ts.map +1 -0
- 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/swap.d.ts +18 -18
- package/dist/utils/swap.d.ts.map +1 -1
- package/dist/utils/wallets.d.ts +3 -3
- package/dist/utils/wallets.d.ts.map +1 -1
- package/package.json +2 -2
- package/src/components/AppRoutes.tsx +5 -0
- package/src/components/ConfirmWalletsModal/ConfirmWallets.helpers.ts +3 -3
- package/src/components/ConfirmWalletsModal/ConfirmWalletsModal.tsx +21 -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 +68 -13
- 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/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/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/pages/ConfirmSwapPage.tsx +12 -9
- package/src/pages/Home.tsx +25 -15
- package/src/pages/Routes.tsx +131 -0
- 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/swap.ts +37 -77
- package/src/utils/wallets.ts +10 -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 xO,MainEvents as bO,RouteEventType as IO,StepEventType as AO,StepExecutionBlockedEventStatus as EO,StepExecutionEventStatus as WO,useEvents as LO}from"@rango-dev/queue-manager-rango-preset";import{readAccountAddress as BO,useWallets as bp,Events as MO}from"@rango-dev/wallets-react";import{Networks as $O,WalletTypes as _O}from"@rango-dev/wallets-shared";import{PendingSwapNetworkStatus as FO}from"rango-types";import{UI_ID as Ym}from"@rango-dev/ui";var Yo="c6381a79-2817-4602-83bf-6a641a409e32",pa="https://api.rango.exchange",ca="https://scan.rango.exchange",Ae={SWAP_BOX_ID:"rango-swap-box",...Ym};import{Events as jr,Provider as Wd}from"@rango-dev/wallets-react";import{isEvmBlockchain as Ld}from"rango-sdk";import mn,{createContext as Nd,useEffect as Kr,useRef as Bd,useState as Md}from"react";import{useEffect as dd}from"react";import{create as cd}from"zustand";import{subscribeWithSelector as ud}from"zustand/middleware";import{RangoClient as ld}from"rango-sdk";import{WalletState as nt}from"@rango-dev/ui";import{readAccountAddress as Rm}from"@rango-dev/wallets-react";import{detectInstallLink as ed,getCosmosExperimentalChainInfo as td,isEvmAddress as od,KEPLR_COMPATIBLE_WALLETS as BT,Networks as fa}from"@rango-dev/wallets-shared";import Fr from"bignumber.js";import{isCosmosBlockchain as nd}from"rango-types";import Jm from"bignumber.js";var Ee=new Jm(0);import{WalletTypes as Zm}from"@rango-dev/wallets-shared";var ua=[Zm.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 ot=i((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),fo=i(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function pe(t){return A(t,12,12).replace(/(?:\.0*|(\.\d+?)0*)$/,"$1")}i(pe,"formatTooltipNumbers");function Ur(t){switch(!0){case t.connected:return nt.CONNECTED;case t.connecting:return nt.CONNECTING;case!t.installed:return nt.NOT_INSTALLED;default:return nt.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:ed(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}=Rm(p),h=l.length>0,m=l.includes(u),f=u===fa.Unknown;if(h&&!m&&!f)return;let S=u===fa.Unknown&&od(c);if(f&&!S)return;o.includes(u)||S?r?a(u,c.toLowerCase()):l.filter(v=>o.includes(v)).forEach(v=>{a(v,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:id(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||Ee).multipliedBy(s?.usdPrice||0))?.reduce((s,a)=>s.plus(a),Ee)||Ee).toString();return rd(r)},"calculateWalletUsdValue");function rd(t){let e=t.toString().split(".");return e[0]=e[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),e.join(".")}i(rd,"numberWithThousandSeparator");var id=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=td(Object.entries(t).map(([,n])=>n).filter(nd));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 sd(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(sd,"sortTokensByBalance");function ad(t,e,o){let n=o(t),r=o(e);return n===r?0:n?-1:1}i(ad,"sortTokensByPinnedToken");function ka(t,e,o){return t.sort((n,r)=>{let s=e(n),a=e(r),l=ad(n,r,o);return l!==0?l:sd(s,a)}),t}i(ka,"sortTokens");function We(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}i(We,"areTokensEqual");function wa(t){return t.sort((e,o)=>+(o.state===nt.CONNECTED)-+(e.state===nt.CONNECTED)||+(o.state===nt.DISCONNECTED||o.state===nt.CONNECTING)-+(e.state===nt.DISCONNECTED||e.state===nt.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??Ee).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");function ba(t){return t.map(e=>e.state).join("-")}i(ba,"hashWalletsState");var zr={API_KEY:Yo};function dt(t){return zr[t]||""}i(dt,"getConfig");function Ia(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),zr=e,zr}i(Ia,"initConfig");var Aa=20,Ea=25,Wa="Roboto",qr="theme-widget",go=i((t,e)=>{let o=!1;if(e&&t){if(Array.isArray(e))o=!e.some(n=>We(n,t));else if(!Array.isArray(e)&&e[t.blockchain]){o=e[t.blockchain].tokens.some(r=>We(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 ld(dt("API_KEY"),dt("BASE_URL")),ln),"httpService");var pd=i(t=>{let e=t;e.use={};for(let o of Object.keys(e.getState()))e.use[o]=()=>e(n=>n[o]);return e},"createSelectors"),wt=pd;var V=wt(cd()(ud((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)),T=p.find(S=>S.address===m.address&&S.blockChain===m.chain);return T?.failed&&f&&r&&s([f],n,!1),f&&T?{...m,explorerUrl:T.explorerUrl,balances:Sa(T,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 md}from"@rango-dev/provider-all";function pn(t,e){let o=md({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 La(t,e){return pn(t,e).map(r=>r.config.type)}i(La,"configWalletsToWalletName");function Na(t,e){let o=V.use.clearConnectedWallet(),n=pn(void 0,e);return dd(()=>{o(),n=pn(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}i(Na,"useWalletProviders");import wd,{createContext as vd,useContext as xd,useEffect as bd,useRef as Id}from"react";import{create as Td}from"zustand";import{persist as kd}from"zustand/middleware";var Hr={apiKey:"",title:void 0,multiWallets:!0,enableNewLiquiditySources:!0,customDestination:!0},fd={clientUrl:void 0},gd={liquiditySources:void 0},Ba=i((t,e,o)=>({config:{...Hr,...t},iframe:fd,campaignMode:gd,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 Ma(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}i(Ma,"debounce");function $t(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}i($t,"containsText");var L=i(()=>document.getElementById(Ae.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 Pa(t,e){return t.swapperGroup<e.swapperGroup?-1:t.swapperGroup>e.swapperGroup?1:0}i(Pa,"sortLiquiditySourcesByGroupTitle");function Oe(t,e){return e?.[t]==="hidden"}i(Oe,"isFeatureHidden");function un(t,e){return e?.[t]==="enabled"}i(un,"isFeatureEnabled");var $a=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=>We(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(Pa)},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 hd,French as yd,Japanese as Sd,Spanish as Cd}from"@rango-dev/ui";var _a=[{title:"English",label:"English",local:"en",SVGFlag:hd},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:Cd},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:yd},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:Sd}],ho="en";var Da=[.5,1,3],Fa=1,Ua=5,Oa=100,za=0;var qa=i((t,e)=>({disabledLiquiditySources:[],theme:"auto",language:null,preferredBlockchains:[],slippage:Fa,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=Oe("theme",n),s=Oe("language",n),a=Oe("liquiditySource",n);t({...r&&{theme:"auto"},...s&&{language:ho},...a&&{disabledLiquiditySources:[]}})}}),"createSettingsSlice");function Ga(t){return Td()(kd((...e)=>({...$a(...e),...qa(...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 Ha=vd(null);function d(){let t=xd(Ha);if(bd(()=>{t&&!t.persist.hasHydrated()&&t.persist.rehydrate()},[]),!t)throw new Error("Missing AppStoreContext.Provider in the tree");return t()}i(d,"useAppStore");function Qa(t){let e=Id();return e.current||(e.current=Ga(t.config)),wd.createElement(Ha.Provider,{value:e.current},t.children)}i(Qa,"AppStoreProvider");import{create as Ed}from"zustand";var Va="rango-widget";var Kt=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(Va),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(Kt,"TabManager");var oe=wt(Ed()((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 Kt({onInit:()=>oe.setState({tabManagerInitiated:!0}),onClaim:()=>oe.setState({isActiveTab:!0,showActivateTabModal:!1}),onRelease:()=>oe.setState({isActiveTab:!1})});var dn=Nd({onConnectWallet:()=>{}});function Pd(t){let{updateConfig:e,updateSettings:o,fetch:n}=d(),r=d().blockchains(),s=d().tokens(),a={walletConnectProjectId:t.config?.walletConnectProjectId},[l,p]=Md([]),{providers:c}=Na(t.config.wallets,a),{connectWallet:u,disconnectWallet:h}=V(),m=Bd();Kr(()=>{n().catch(console.log)},[]),Kr(()=>{t.config&&(e(t.config),o(t.config))},[t.config]);let f=r.filter(Ld).map(y=>y.name),T=i((y,g,v,b,C)=>{if(g===jr.ACCOUNTS)if(v){let x=tn(C.supportedBlockchains),I=ha(y,v,f,x,C.isContractWallet);p(I)}else h(y);if(g===jr.ACCOUNTS&&b.connected){let x=`${y}-${b.network}-${v}`;b.connected&&(m.current?m.current(x):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(g===jr.NETWORK&&b.network){let x=`${y}-${b.network}`;m.current?m.current(x):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(y,g,v,b,C)},"onUpdateState"),S=oe.use.isActiveTab();return Kr(()=>{l.length&&u(l,s)},[l,s]),mn.createElement(dn.Provider,{value:{onConnectWallet:y=>{m.current=y}}},mn.createElement(Wd,{allBlockChains:r,providers:c,onUpdateState:T,autoConnect:!!S},t.children))}i(Pd,"Main");function fn(t){let{config:e,...o}=t;return mn.createElement(Qa,{config:e},mn.createElement(Pd,{...o,config:e}))}i(fn,"WidgetWallets");import aa,{useEffect as hT}from"react";import{I18nManager as XC}from"@rango-dev/ui";import Ko,{useContext as YC,useEffect as JC,useState as Gm}from"react";import{useQueueManager as Fd}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Ud}from"@rango-dev/wallets-react";import{isEvmBlockchain as Od}from"rango-types";import zd,{Fragment as qd}from"react";import{MemoryRouter as Gd,useInRouterContext as Hd}from"react-router";import{useWallets as $d}from"@rango-dev/wallets-react";import{useEffect as _d,useRef as Dd}from"react";function Xa(){let{connect:t,state:e}=$d(),o=Dd({}),{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 Ya({children:t,...e}){let n=Hd()?qd:Gd,r=d().blockchains(),{canSwitchNetworkTo:s}=Ud();Xa();let a=r.filter(Od);return Fd({lastConnectedWallet:e.lastConnectedWallet,clearDisconnectedWallet:e.clearDisconnectedWallet,disconnectedWallet:e.disconnectedWallet,evmChains:a,canSwitchNetworkTo:s}),zd.createElement(n,null,t)}i(Ya,"AppRouter");import $e from"react";import{useRoutes as GC}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 Yd}from"zustand";import{subscribeWithSelector as Jd}from"zustand/middleware";import{getLastSuccessfulStep as Xd}from"@rango-dev/queue-manager-rango-preset";import fv 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 Ja(t,e){return e.find(o=>o.name===t)?.displayName}i(Ja,"getBlockchainDisplayNameFor");function ze(t,e){return e.find(o=>o.name===t)?.shortName}i(ze,"getBlockchainShortNameFor");function yo(t,e){return e.find(o=>o.id===t)?.swapperGroup}i(yo,"getSwapperDisplayName");function Xr(t,e){return e.find(o=>We(o,t))??null}i(Xr,"findToken");function Yr(t,e){return e.find(o=>o.name===t)??null}i(Yr,"findBlockchain");import{i18n as Ke}from"@lingui/core";import Le 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 xe}from"@lingui/core";var K=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 Za(t){switch(t.type){case 0:return t.diagnosisMessage??K().noResultError.title;case 1:return K().genericServerError;default:return""}}i(Za,"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 Ra(t,e){return(parseInt(e.toFixed(2)||"0")<=-10&&t?.gte(new Le(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new Le(1e3)))??!1}i(Ra,"hasHighValueLoss");function Jr(t){return(t?.result?.swaps||[]).filter(e=>{let o=e.fromAmountMinValue?new Le(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Le(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 Le(l.fromAmountMinValue):null,c=l.fromAmountMaxValue?new Le(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 Le(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Le(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",s="",a="";return!r&&o&&o.gt(e.fromAmount)?(s=Ke.t({id:"Required: >= {min} {symbol}",values:{min:A(o,6,6),symbol:e.from.symbol}}),a=K().bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(s=Ke.t({id:"Required: > {min} {symbol}",values:{min:A(o,6,6),symbol:e.from.symbol}}),a=K().bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(s=Ke.t({id:"Required: <= {max} {symbol}",values:{max:A(n,6,6),symbol:e.from.symbol}}),a=K().bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(s=Ke.t({id:"Required: < {max} {symbol}",values:{max:A(n,6,6),symbol:e.from.symbol}}),a=K().bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:s,recommendation:a}}i(Zr,"getLimitErrorMessage");function el(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(el,"getSwapButtonState");function Rr(t,e,o){return!((!o||o.lte(Ee))&&t?.result&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t.result)}i(Rr,"canComputePriceImpact");function Qd(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(Qd,"requiredWallets");var Vd=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice");function jd(t,e){let o=Ee;for(let n=0;n<t.fee.length;n++){let r=t.fee[n];if(r.expenseType==="DECREASE_FROM_OUTPUT")continue;let s=Vd(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new Le(r.amount).multipliedBy(s||0))}return o}i(jd,"getUsdFeeOfStep");function Cn(t,e){return t.reduce((o,n)=>o.plus(jd(n,e)),Ee)}i(Cn,"getTotalFeeInUsd");function ei(t){let e=Ee;return e=e.plus(new Le(t.amount).multipliedBy(t.price||0)),e}i(ei,"getUsdFee");function tl(t){return t.reduce((e,o)=>e.plus(ei(o)),Ee)}i(tl,"getTotalFeesInUsd");function ol(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(ol,"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 nl(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(nl,"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 rl(t,e){return e?parseFloat(t)>=parseFloat(e):!0}i(rl,"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:T}=t,S=s?.reduce((C,x)=>(C[x.chain]=x.address,C),{}),y=[];r?.forEach(C=>{let x=y.find(I=>I.blockchain===C.chain);x?x.addresses.push(C.address):y.push({blockchain:C.chain,addresses:[C.address]})});let g=!!f,v=jt((f?.result?.swaps||[]).reduce((C,x)=>(C.push(x.from.blockchain,x.to.blockchain),x.internalSwaps&&Array.isArray(x.internalSwaps)&&x.internalSwaps.map(I=>{C.push(I.from.blockchain,I.to.blockchain)}),C),[]));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(),...T&&{destination:T},...p&&{swapperGroups:a.concat(l??[]),swappersGroupsExclude:!0},...!p&&{swapperGroups:l?.filter(C=>!a.includes(C)),swappersGroupsExclude:!1},...g&&{blockchains:v}}}i(kn,"createQuoteRequestBody");function il(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}i(il,"getWalletsForNewSwap");function Xt(t){return t.result?.outputAmount||null}i(Xt,"getQuoteOutputAmount");function sl(t,e){return new Le(e).div(new Le(t)).minus(1).multipliedBy(100).toNumber()}i(sl,"getPercentageChange");function al(t,e){let o=Xt(t),n=Xt(e);if(!o||!n)return!1;let r=qe(o,n);return r?r<=-1:!0}i(al,"isOutputAmountChangedALot");function ll(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=>fl(a,n)||[]).filter(a=>!a.ok).map(a=>{let l=a.asset.symbol,p=A(new Le(a.currentAmount.amount).shiftedBy(-a.currentAmount.decimals),8,8),c=A(new Le(a.requiredAmount.amount).shiftedBy(-a.requiredAmount.decimals),8,8),u="";return a.reason==="FEE"&&(u=Ke.t(" for network fee")),a.reason==="INPUT_ASSET"&&(u=Ke.t(" for swap")),a.reason==="FEE_AND_INPUT_ASSET"&&(u=Ke.t(" for input and network fee")),Ke.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:ze(a.asset.blockchain,o)}})})}i(ll,"generateBalanceWarnings");function pl(t,e){return(t?new Le(t):Ee).multipliedBy(e||0)}i(pl,"calcOutputUsdValue");function So(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==Sn.NetworkChanged}i(So,"isNetworkStatusInWarningState");function cl(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||Ke.t("Waiting for connecting wallet");break;case Sn.WaitingForQueue:n=n||Ke.t("Waiting for other running tasks to be finished");break;case Sn.WaitingForNetworkChange:n=n||Ke.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(cl,"getSwapMessages");function ul(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(ul,"getLastConvertedTokenInFailedSwap");function ml(t){return t.status==="failed"&&!!t.finishTime&&new Date().getTime()-parseInt(t.finishTime)<4*3600*1e3}i(ml,"shouldRetrySwap");function dl(t,e,o,n,r,s){return t||!e&&!Qd(n).every(a=>r.map(l=>l.chain).includes(a))||!!e&&!o||!!e&&!!o&&s&&!hn(s,o)}i(dl,"confirmSwapDisabled");function hl(t){return t?.result?.swaps[t?.result?.swaps.length-1].to.usdPrice}i(hl,"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 yl(t,e){return oi(t,e)||ni(t,e)||ri(t,e)}i(yl,"isQuoteChanged");function fl(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(fl,"getRequiredBalanceOfWallet");function ft(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}i(ft,"getPriceImpactLevel");function Sl(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=Xr(s?{blockchain:l?.name??"",symbol:s.toSymbol,address:s.toSymbolAddress}:{blockchain:l?.name??"",symbol:n.fromSymbol,address:n.fromSymbolAddress},o),u=Xr(a,o),h=s?s.outputAmount??"":t.inputAmount;return{fromBlockchain:l,fromToken:c,toBlockchain:p,toToken:u,inputAmount:h}}i(Sl,"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&&Ra(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>Ua;if(rl(e.userSlippage.toString(),p)){if(c&&parseFloat(p??"0")<s)return{type:3,slippage:s.toString()}}else return{type:2,recommendedSlippages:nl(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:sl(t.toString(),e.toString());return n&&n<0?n:null}i(qe,"getPriceImpact");var Cl=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||Ee).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),X=wt(Yd()(Jd(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=Ee;return fo(o.inputAmount)?(e&&(n=e.result?.outputAmount?new bt(e.result?.outputAmount):null,r=pl(e.result?.outputAmount,hl(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}=Sl(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 Tl(){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:T,setAffiliateWallets:S}=d(),y=c?.from?.tokens,g=c?.from?.blockchains,v=c?.to?.tokens,b=c?.to?.blockchains,C=vn(void 0),x=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(E=>E.name===c?.from?.blockchain),W=m.find(E=>We(E,c?.from?.token||null));(k||!k&&I.current)&&n(k??null),W?r({token:W,meta:{blockchains:h,tokens:m}}):!W&&C.current&&r({token:null}),I.current=c?.from?.blockchain,C.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,v)&&r({token:null}),Gr(p,b)&&o(null)},[v,b]),Yt(()=>{if(u==="success"){let k=h.find(E=>E.name===c?.to?.blockchain),W=m.find(E=>We(E,c?.to?.token||null));(k||!k&&w.current)&&o(k??null),W?e({token:W,meta:{blockchains:h,tokens:m}}):!W&&x.current&&e({token:null}),w.current=c?.to?.blockchain,x.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),T(c?.affiliate?.percent??null),S(c?.affiliate?.wallets??null)},[c?.affiliate?.ref,c?.affiliate?.percent,c?.affiliate?.wallets])}i(Tl,"useSyncStoresWithConfig");import{useEffect as ai,useRef as Zd}from"react";import{useInRouterContext as Rd,useLocation as ef,useSearchParams as tf}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=ef(),[e,o]=tf(),{fromBlockchain:n,toBlockchain:r,fromToken:s,toToken:a,inputAmount:l,setFromBlockchain:p,setToBlockchain:c,setFromToken:u,setToToken:h,setInputAmount:m}=X(),f=d().fetchStatus,T=d().blockchains(),S=d().tokens(),y=Rd(),{updateIframe:g,updateCampaignMode:v}=d(),b=d().isInCampaignMode(),C=Zd(),x=i(()=>{let w=e.get("fromAmount"),k=e.get("fromBlockchain"),W=e.get("fromToken"),E=e.get("toBlockchain"),P=e.get("toToken"),D=e.get("autoConnect"),G=e.get("clientUrl"),F=e.get("liquiditySources");return{fromAmount:w,fromBlockchain:k,fromToken:W,toBlockchain:E,toToken:P,autoConnect:D,clientUrl:G,liquiditySources:F}},"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}=x();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?C.current:void 0})},[t.pathname,l,n,s,r,a,b]),ai(()=>{if(!y)return;let w=x();if(!C.current&&w.liquiditySources&&(C.current=w.liquiditySources),w.fromAmount&&m(w.fromAmount),f==="success"){let k=T.find(D=>D.name===w.fromBlockchain),W=ii(S,w.fromToken,k??null),E=T.find(D=>D.name===w.toBlockchain),P=ii(S,w.toToken,E??null);k&&(p(k),W&&u({token:W,meta:{blockchains:T,tokens:S}})),E&&(c(E),P&&h({token:P,meta:{blockchains:T,tokens:S}}))}},[f]),ai(()=>{let{clientUrl:w,liquiditySources:k}=x();g("clientUrl",w||void 0),v("liquiditySources",k?.split(",")??void 0)},[])}i(li,"useSyncUrlAndStore");import{i18n as pr}from"@lingui/core";import{useManager as Uh}from"@rango-dev/queue-manager-react";import{Alert as zc,Button as Oh,css as rs,Divider as ns,IconButton as qc,SettingsIcon as zh,styled as qh,Tooltip as Gh,Typography as Hh,WalletIcon as Qh}from"@rango-dev/ui";import ce,{useEffect as Mo,useLayoutEffect as Vh,useRef as jh,useState as cr}from"react";import{flushSync as Kh}from"react-dom";import{useLocation as Xh,useNavigate as Yh}from"react-router-dom";import{i18n as rt}from"@lingui/core";import{Alert as $i,BalanceErrors as Bg,Button as Ip,ChevronDownIcon as Mg,ChevronLeftIcon as Pg,Divider as oo,MessageBox as $g,Typography as Vn,WalletIcon as _g}from"@rango-dev/ui";import B,{useEffect as Dg,useState as Ot}from"react";import{useNavigate as Fg}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 nf}from"@rango-dev/ui";import rf from"react";function se(t){let{watermark:e}=oe();return rf.createElement(nf,{hasWatermark:e==="FULL",...t},t.children)}i(se,"WatermarkedModal");import Wn,{useRef as lf}from"react";import*as Jt from"@radix-ui/react-collapsible";import{keyframes as kl,styled as In}from"@rango-dev/ui";var pi=300,sf=kl({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),af=kl({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),wl=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:`${sf} ${pi}ms ease-out`},false:{animation:`${af} ${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=lf(null);return Wn.createElement(wl,{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 pf,css as vl,darkTheme as Zt,IconButton as cf,styled as Ge,TextField as uf}from"@rango-dev/ui";var xl=Ge("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),bl=Ge("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),mf=Ge("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"}}}}),Il=Ge(mf,{alignSelf:"stretch",minHeight:"93px"}),Al=Ge("div",{padding:"$20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),El=Ge(cf,{position:"absolute",left:"$20"}),Wl=Ge("div",{paddingTop:"$20"}),Ll=vl({display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),Nl=Ge("div",{padding:"$10 $0","& .button__content":{display:"flex",alignItems:"center"},"& .alarms":{paddingTop:"$5"},"& .collapsible_content":{backgroundColor:"$neutral100"},"& .collapsible_root":{backgroundColor:"$neutral200"}}),Bl=vl({paddingTop:"$5"}),Ml=Ge("div",{display:"flex"}),Pl=Ge(uf,{backgroundColor:"$neutral100",padding:"$0 $15 $15 $15"}),$l=Ge("div",{overflow:"visible",width:"100%"}),_l=Ge(pf,{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 Ye}from"@lingui/core";import{Button as Eg,Divider as Mi,Image as Wg,MessageBox as Qn,SelectableWallet as Lg,Typography as wp,WalletState as vp}from"@rango-dev/ui";import le,{useEffect as xp,useState as wo}from"react";import{WalletState as ui}from"@rango-dev/ui";import{useWallets as df}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as ff,WalletTypes as Nn}from"@rango-dev/wallets-shared";import{useCallback as gf,useEffect as hf,useState as yf}from"react";var Sf=Object.values(Nn);function Bn(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:s,disconnect:a,getWalletInfo:l,connect:p}=df(),{connectedWallets:c}=V(),u=d().blockchains(),h=La(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||Sf,m=ga(s,l,h,o),f=wa(m),[T,S]=yf(""),y=i(x=>!c.find(I=>I.walletType===x&&I.chain===o),"isExperimentalChainNotAdded"),g=i(async x=>{let I=s(x);try{if(T&&S(""),I.connected)await a(x);else{let w=!!m.find(k=>k.state===ui.CONNECTED);if(!e?.multiWallets&&w)return;n?.(x),await p(x),r?.(x)}}catch(w){S("Error: "+w?.message)}},"handleClick"),v=gf(()=>{let x=m?.filter(I=>I.state===ui.CONNECTING)||[];for(let I of x)a(I.type)},[ba(m)]);hf(()=>()=>{v()},[]);let b=i(x=>x.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"),C=i((x,I,w)=>nn(w,I)&&y(x)&&!ff.includes(x)||x==Nn.DEFAULT&&!b(m),"shouldExcludeWallet");return{list:f.filter(x=>!C(x.type,o??"",u)),error:T,handleClick:g,disconnectConnectingWallets:v}}i(Bn,"useWalletList");import{i18n as gp}from"@lingui/core";import{styled as yp,Typography as kg,Wallet as wg,WalletState as vg}from"@rango-dev/ui";import to,{useState as hp}from"react";import{useManager as ug}from"@rango-dev/queue-manager-react";import{BottomLogo as mg,Divider as ap,Header as dg}from"@rango-dev/ui";import de,{useEffect as lp,useRef as pp}from"react";import{useRef as Cf}from"react";function Mn(){return window.self!==window.top}i(Mn,"isAppLoadedIntoIframe");function mi(){let t=Cf(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 Tf}from"react-router-dom";function It(){let t=Tf();return()=>t(-1)}i(It,"useNavigateBack");import{createTheme as hi,darkTheme as bf,lightTheme as If}from"@rango-dev/ui";import{useEffect as Ol,useState as Af}from"react";import{theme as vf,darkColors as xf}from"@rango-dev/ui";var Dl=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]:Dl(e,(5-l)*25)}),l===5&&(a={...a,[t+l*100]:e}),l>5&&(a={...a,[t+l*100]:Dl(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 Fl=i(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),kf=i(t=>{let e="",o;for(o=Math.abs(t);o>52;o=o/52|0)e=Fl(o%52)+e;return Fl(o%52)+e},"toAlphabeticName"),wf=i((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),fi=i(t=>kf(wf(5381,JSON.stringify(t))>>>0),"toHash");function gi(t){let e=vf.colors,o=di({...e,...xf},!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:`${qr}-light-${fi(p)}`,tokens:p}}if(r){let p={colors:o};l={id:`${qr}-dark-${fi(p)}`,tokens:p}}return{light:a,dark:l}}i(gi,"customizedThemeTokens");function Ul(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(Ul,"joinList");function $n(t){let{colors:e,fontFamily:o=Wa,borderRadius:n=Aa,secondaryBorderRadius:r=Ea,mode:s="auto"}=t,[a,l]=Af("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,If.className],T=[m.className,bf.className];if(h){let y=hi(h.id,h.tokens);f.push(y.className)}if(u){let y=hi(u.id,u.tokens);T.push(y.className)}return Ol(()=>{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)}},[]),Ol(()=>{s!=="auto"&&p(s)},[s]),{activeTheme:i(()=>{let y=f.join(" "),g=T.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 zl}from"@lingui/core";import{Alert as Ef,Button as Wf}from"@rango-dev/ui";import ql from"react";function yi(t){return ql.createElement(Ef,{action:ql.createElement(Wf,{onClick:t.onActivateTab,variant:"contained",size:"xxsmall",type:"warning"},zl.t("Activate")),type:"warning",variant:"alarm",title:zl.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 Lf,Divider as Nf,MessageBox as Bf}from"@rango-dev/ui";import _n from"react";function Ci(t){let{open:e,onClose:o,onConfirm:n}=t;return _n.createElement(se,{open:e,dismissible:!0,onClose:o,container:L()},_n.createElement(Bf,{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(Nf,{size:20}),_n.createElement(Lf,{variant:"contained",size:"large",type:"primary",fullWidth:!0,onClick:n},Si.t("Confirm"))))}i(Ci,"ActivateTabModal");import{ChevronLeftIcon as $f}from"@rango-dev/ui";import Vl from"react";import{darkTheme as Mf,IconButton as Pf,styled as Co}from"@rango-dev/ui";var He=Co(Pf,{width:"$24",position:"relative",padding:"0",overflow:"unset"}),Gl=Co("div",{position:"absolute",background:"$secondary500",[`.${Mf} &`]:{$$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}}),Hl=Co("div",{position:"absolute",backgroundColor:"$secondary500",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0"}),Ql=Co("div",{padding:"$2",variants:{isRefetched:{true:{transform:"rotate(360deg)",transition:"transform 1s ease-in-out"}}}});function Ti(t){return Vl.createElement(He,{variant:"ghost",size:"small",onClick:t.onClick},Vl.createElement($f,{color:"black",size:16}))}i(Ti,"BackButton");import{i18n as _f}from"@lingui/core";import{Button as Df,Typography as Ff}from"@rango-dev/ui";import ki from"react";function wi(t){return ki.createElement(Rt,null,ki.createElement(Df,{variant:"ghost",onClick:t.onClick,size:"xsmall"},ki.createElement(Ff,{variant:"label",size:"medium",color:"error500"},_f.t("Cancel"))))}i(wi,"CancelButton");import{i18n as Uf}from"@lingui/core";import{Tooltip as Of,WalletIcon as zf}from"@rango-dev/ui";import Dn from"react";function vi(t){return Dn.createElement(Of,{container:t.container,side:"top",content:Uf.t("Connect Wallet")},Dn.createElement(He,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&Dn.createElement(Gl,null),Dn.createElement(zf,{size:18,color:"black"})))}i(vi,"WalletButton");import{i18n as zn}from"@lingui/core";import{NotificationsIcon as ag,Popover as lg,SettingsIcon as pg,Tooltip as qn,TransactionIcon as cg}from"@rango-dev/ui";import ke from"react";import{i18n as Xf}from"@lingui/core";import{EventSeverity as Yf}from"@rango-dev/queue-manager-rango-preset";import{ChainToken as Zl,ChevronRightIcon as Jf,ListItemButton as Zf,Typography as Rf}from"@rango-dev/ui";import Xe from"react";import{useNavigate as eg}from"react-router-dom";import{create as qf}from"zustand";import{persist as Gf,subscribeWithSelector as Hf}from"zustand/middleware";var De=wt(qf()(Gf(Hf((t,e)=>({notifications:[],setNotification:(o,n)=>{let r=n.steps[0],s=n.steps[n.steps.length-1],a={event:o,creationTime:Date.now(),read:!1,requestId:n.requestId,route:{from:{blockchain:r.fromBlockchain,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 jl=Fn("div",{padding:"$10",width:"350px",maxWidth:"90vw",minHeight:"150px"}),Kl=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"}),Yl=Fn("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as Qf}from"@lingui/core";import{Divider as Vf,NoNotificationIcon as jf,Typography as Kf}from"@rango-dev/ui";import Un from"react";function Jl(){return Un.createElement(Yl,null,Un.createElement(jf,{color:"secondary",size:26}),Un.createElement(Vf,{size:12}),Un.createElement(Kf,{variant:"body",size:"medium",color:"neutral700"},Qf.t("There are no notifications.")))}i(Jl,"NotificationNotFound");var tg=4;function xi(){let t=eg(),{getUnreadNotifications:e}=De(),o=e(),n=d().blockchains(),r=d().tokens(),s=o.sort((l,p)=>p.creationTime-l.creationTime).slice(0,tg),a=i(l=>{t(`${$.swaps}/${l}`)},"handleOnClick");return Xe.createElement(jl,null,s.length?Xe.createElement(Kl,null,s.map(l=>{let{route:p,requestId:c,event:u}=l,h=r.find(S=>We(S,p.from)),m=n.find(S=>S.name===p.from.blockchain),f=r.find(S=>We(S,p.to)),T=n.find(S=>S.name===p.to.blockchain);return Xe.createElement(Zf,{key:c,onClick:()=>a(c),title:Xe.createElement(Rf,{variant:"body",size:"small",color:u.messageSeverity===Yf.WARNING?"$foreground":"$neutral700"},Xf.t(u.message)),id:c,start:Xe.createElement(Xl,null,Xe.createElement("div",{className:"from-chain-token"},Xe.createElement(Zl,{tokenImage:h?h.image:"",chainImage:m?m.logo:"",size:"small"})),Xe.createElement("div",{className:"to-chain-token"},Xe.createElement(Zl,{tokenImage:f?f.image:"",chainImage:T?T.logo:"",size:"small"}))),end:Xe.createElement(Jf,{size:12,color:"gray"})})})):Xe.createElement(Jl,null))}i(xi,"NotificationContent");import{RefreshProgressButton as og}from"@rango-dev/ui";import bi,{useEffect as ng,useState as Rl}from"react";var rg=1e3,ep=60,ig=100;function On({onClick:t}){let[e,o]=Rl(0),[n,r]=Rl(!1),s=i(p=>{document.hidden&&p&&a(p)},"handleVisibilityChange");ng(()=>{let p;return t?p=window.setInterval(()=>{o(c=>c+1),e===ep&&l()},rg):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(He,{variant:"ghost",size:"small",onClick:l,disabled:!t},bi.createElement(Ql,{onTransitionEnd:()=>r(!1),isRefetched:n},bi.createElement(og,{size:24,color:t?"black":"gray",progress:e/ep*ig})))}i(On,"RefreshButton");import{Typography as sg}from"@rango-dev/ui";import tp from"react";function op(){let{getUnreadNotifications:t}=De(),e=t().length;return e?tp.createElement(Hl,null,tp.createElement(sg,{variant:"body",size:"xsmall",color:"$background"},e)):null}i(op,"UnreadNotificationsBadge");function Ii(t){let{onClickRefresh:e,onClickHistory:o,onClickSettings:n}=t,{config:{features:r}}=d(),s=Oe("notification",r);return ke.createElement(ke.Fragment,null,ke.createElement(qn,{container:L(),side:"top",content:zn.t("Refresh")},ke.createElement(On,{onClick:e})),!s&&ke.createElement(lg,{align:"end",alignOffset:-88,collisionPadding:{right:20,left:20},container:L(),content:ke.createElement(xi,null)},ke.createElement("div",null,ke.createElement(qn,{container:L(),side:"top",content:zn.t("Notifications")},ke.createElement(He,{size:"small",variant:"ghost"},ke.createElement(ag,{size:18,color:"black"}),ke.createElement(op,null))))),ke.createElement(qn,{container:L(),side:"top",content:zn.t("Settings")},ke.createElement(He,{size:"small",variant:"ghost",onClick:n},ke.createElement(pg,{size:18,color:"black"}))),ke.createElement(qn,{container:L(),side:"top",content:zn.t("Transactions History")},ke.createElement(He,{size:"small",variant:"ghost",onClick:o},ke.createElement(cg,{size:18,color:"black"}))))}i(Ii,"HomeButtons");function Ai(t){let e=t.target;if(e){let o=e.scrollTop,n=L();o>1?n.classList.add("rng-scrolled"):n.classList.remove("rng-scrolled")}}i(Ai,"onScrollContentAttachStatusToContainer");import{styled as Ei}from"@rango-dev/ui";var np="700px",rp=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:np},fixed:{height:np}}}}),ip=Ei("div",{position:"relative",overflow:"hidden",flexGrow:1,display:"flex",flexDirection:"column",padding:0,overflowY:"auto"}),sp=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 ie(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}=oe(),h=u==="FULL",{activeTheme:m}=$n(c||{}),f=Oe("connectWalletButton",p),{isActiveTab:T,tabManagerInitiated:S,showActivateTabModal:y,setShowActivateTabModal:g,activateCurrentTab:v}=oe(),b=It(),{manager:C}=ug(),I=At(C).map(({swap:D})=>D).some(D=>D.status==="running"),w=i(()=>v(_t.forceClaim,I),"onActivateTab"),k=i(()=>{r.onWallet?.()},"onConnectWallet"),W=typeof r.hasBackButton>"u"||r.hasBackButton,E=pp(null),P=pp(null);return lp(()=>(Mn()&&P.current&&e(P.current),()=>{o()}),[]),lp(()=>(E.current?.addEventListener("scroll",Ai),()=>{E.current?.removeEventListener("scroll",Ai)}),[]),de.createElement(rp,{height:a,id:Ae.SWAP_BOX_ID,className:m(),ref:P},de.createElement(dg,{prefix:de.createElement(de.Fragment,null,W&&de.createElement(Ti,{onClick:b})),title:r.title,suffix:de.createElement(de.Fragment,null,r.suffix,r.onWallet&&!f&&de.createElement(vi,{container:L(),onClick:k,isConnected:!!l?.length}),r.onCancel&&de.createElement(wi,{onClick:r.onCancel}))}),de.createElement(ip,{ref:E},n),de.createElement(Ci,{open:y,onClose:()=>g(!1),onConfirm:w}),de.createElement(sp,null,de.createElement("div",{className:"footer__content"},s,S&&!T&&de.createElement(de.Fragment,null,de.createElement(ap,{size:12}),de.createElement(yi,{onActivateTab:w}))),de.createElement(ap,{size:12}),de.createElement("div",{className:`footer__logo ${h?"logo__show":"logo__hidden"}`},de.createElement(mg,null))))}i(ie,"Layout");import{styled as fg}from"@rango-dev/ui";var cp="$20 $20 $10 $20",To=fg("div",{padding:cp,overflowY:"auto",flexGrow:1});import{styled as gg}from"@rango-dev/ui";var ae=gg("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 Tg}from"@rango-dev/ui";import Li from"react";import{i18n as eo}from"@lingui/core";import{Image as Sg,MessageBox as Wi,WalletState as Cg}from"@rango-dev/ui";import Ut from"react";import{keyframes as hg,styled as Gn}from"@rango-dev/ui";var wA=Gn("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),up=Gn("div",{position:"relative"}),yg=hg({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),mp=Gn("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${yg} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),dp=Gn("div",{"& img":{borderRadius:"50%"}});function fp(t){let{state:e,image:o,error:n}=t;return e===Cg.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(up,null,Ut.createElement(dp,null,Ut.createElement(Sg,{src:o,size:45})),Ut.createElement(mp,null))})}i(fp,"ModalContent");function ko(t){let{open:e,onClose:o,...n}=t;return Li.createElement(se,{open:e,onClose:o,container:document.getElementById(Ae.SWAP_BOX_ID)||document.body},Li.createElement(fp,{...n}),Li.createElement(Tg,{direction:"vertical",size:32}))}i(ko,"WalletModal");var xg=yp("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),bg=yp(ae,{textAlign:"center"}),Hn=3e3,Ni=300;function Sp(){let{config:t,fetchStatus:e}=d(),[o,n]=hp(!1),[r,s]=hp(""),a=null,l=oe.use.isActiveTab(),{list:p,handleClick:c,error:u,disconnectConnectingWallets:h}=Bn({config:t,onBeforeConnect:y=>{a=setTimeout(()=>{n(!0),s(y)},Ni)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},Hn)}}),m=i(()=>{h(),n(!1)},"handleCloseWalletModal"),f=p.find(y=>y.type===r),T=f?.image||"",S=f?.state||vg.NOT_INSTALLED;return to.createElement(ie,{header:{title:gp.t("Connect Wallets")}},to.createElement(bg,null,to.createElement(kg,{variant:"title",size:"xmedium",align:"center"},gp.t("Choose a wallet to connect.")),to.createElement(xg,null,p.map((y,g)=>{let v=`wallet-${g}-${y.type}`;return to.createElement(wg,{key:v,...y,container:L(),onClick:b=>{c(b)},isLoading:e==="loading",disabled:!l})}),to.createElement(ko,{open:!!o,onClose:m,image:T,state:S,error:u}))))}i(Sp,"WalletsPage");import{keyframes as Ig,styled as Bi}from"@rango-dev/ui";var Cp=Bi("div",{position:"relative"}),Ag=Ig({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),Tp=Bi("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Ag} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),kp=Bi("div",{"& img":{borderRadius:"50%"}});var Ng=7;function Pi(t){let{chain:e,isSelected:o,selectWallet:n,limit:r,onShowMore:s}=t,{config:a}=d(),l=oe.use.isActiveTab(),p=V.use.connectedWallets(),{blockchains:c}=d(),[u,h]=wo(""),[m,f]=wo(null),[T,S]=wo(!1),[y,g]=wo(null),{suggestAndConnect:v}=bp(),b=null,{list:C,error:x,handleClick:I,disconnectConnectingWallets:w}=Bn({config:a,chain:e,onBeforeConnect:N=>{b=setTimeout(()=>{h(N)},Ni)},onConnect:()=>{b&&clearTimeout(b),setTimeout(()=>{h("")},Hn)}}),[k,W]=wo(C),E=C.length,P=r&&E-r>0,D=i(async N=>{S(!1),g("in-progress");try{await v(N.walletType,N.chain),g("completed")}catch{g("rejected")}},"addExperimentalChain");xp(()=>{W(N=>{let ee=C.findIndex(te=>o(te.type,e));return P&&ee>1?[C[ee]].concat(C.filter((te,z)=>z!==ee)):N.map(te=>C.find(z=>z.type===te.type)??te)})},[JSON.stringify(C)]);let G=document.getElementById(Ae.SWAP_BOX_ID);xp(()=>{let N=null;return(y==="completed"||y==="rejected")&&(N=setTimeout(()=>g(null),Hn)),()=>{N&&clearTimeout(N)}},[y]);let F=i(()=>{w(),h("")},"handleCloseWalletModal");return le.createElement(le.Fragment,null,k.slice(0,r).map(N=>{let ee=va({connectedWallets:p,walletType:N.type,chain:e}),te=ee?sn(ee,Ng):"",z=nn(c(),e),Me=!p.find(Te=>Te.walletType===N.type&&Te.chain===e),j=z&&Me&&N.state===vp.CONNECTED,Y=j?Ye.t({id:"Add {chain} chain",values:{chain:e}}):te,Ie=i(()=>{N.state===vp.DISCONNECTED?I(N.type):j?(f({walletType:N.type,chain:e,address:ee??""}),S(!0)):n({walletType:N.type,chain:e,address:ee??""})},"onClick"),Ce=m?.chain?Ja(m.chain,c()):void 0;return le.createElement(le.Fragment,null,le.createElement(ko,{open:u===N.type,onClose:F,image:N.image,state:N.state,error:x}),!!m&&le.createElement(se,{open:!!m&&T,container:G,onClose:()=>{f(null)}},le.createElement(Qn,{title:Ye.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:Ce}}),type:"warning",description:Ye.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:Ce}})},le.createElement(Mi,{size:18}),le.createElement(Mi,{size:32}),le.createElement(Eg,{onClick:D.bind(null,m),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},Ye.t("Confirm")))),y&&le.createElement(se,{open:!!y,onClose:g.bind(null,null),container:G},y==="in-progress"&&le.createElement(Qn,{type:"loading",title:Ye.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:Ce}}),description:Ye.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:Ce}}),icon:le.createElement(Cp,null,le.createElement(kp,null,le.createElement(Wg,{src:N.image,size:45})),le.createElement(Tp,null))}),y==="completed"&&le.createElement(Qn,{type:"success",title:Ye.t({id:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:Ce}}),description:Ye.t({id:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:Ce}})}),y==="rejected"&&le.createElement(Qn,{type:"error",title:Ye.t("Request Rejected"),description:Ye.t({id:"You've rejected adding {blockchainDisplayName} chain to your wallet.",values:{blockchainDisplayName:Ce}})}),le.createElement(Mi,{direction:"vertical",size:32})),le.createElement(Lg,{key:N.type,description:Y,onClick:Ie,selected:o(N.type,e),disabled:!l,...N}))}),P&&le.createElement(Il,{selected:!1,onClick:s},le.createElement(wp,{variant:"label",size:"medium"},Ye.t("Show more wallets"),le.createElement(wp,{variant:"label",size:"medium",color:"$primary"},"\xA0+",E-(r??0)))))}i(Pi,"WalletList");var Ug=2;function Ap(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:T,selectWallets:S}=V(),[y,g]=Ot(""),[v,b]=Ot([]),[C,x]=Ot(""),[I,w]=Ot(null),[k,W]=Ot(m),[E,P]=Ot(!!m),D=gn(p),G=l.find(U=>U.name===p?.result?.swaps[p?.result?.swaps.length-1].to.blockchain),F=i(U=>!!p?.result?.swaps.find(J=>J.from.blockchain===U),"isWalletRequiredFor"),[N,ee]=Ot(T.filter(U=>U.selected&&D.includes(U.chain))),te=l.find(U=>U.name===G?.name),z=i((U,J)=>!!N.find(Z=>Z.walletType===U&&Z.chain===J&&Z.selected&&(F(J)||!F(J)&&!k)),"isSelected"),Me=!!k&&E&&te&&!hn(te,k),j=i(()=>{P(!1),W(""),ee(U=>{let J=!1;return U.map(Z=>!J&&Z.chain===G?.name?(J=!0,{...Z,selected:!0}):Z)})},"resetCustomDestination"),Y=i(U=>{if(y&&g(""),z(U.walletType,U.chain))return;let Z=T.find(me=>me.walletType===U.walletType&&me.chain===U.chain);Z&&(n(),U.chain===G?.name&&E&&(P(!1),W("")),ee(me=>me.filter(ve=>ve.chain!==U.chain).concat({...Z,selected:!0})))},"onChange"),Ie=i(()=>{let U=N.filter(J=>J.selected);S(U),c(U),f(k),h(!0),o()},"onConfirmBalance"),Ce=i(async()=>{b([]),x(""),w(null);let U=T.filter(me=>N.find(ve=>ve.chain===me.chain&&ve.walletType===me.walletType)),J=await r?.({selectedWallets:U,customDestination:k}),Z=J.warnings;Z?.balance?.messages&&b(Z.balance.messages),Z?.quoteUpdate&&w(Z.quoteUpdate),J.error&&x(Za(J.error)),!J.error&&(!Z?.balance?.messages.length||0>0)?Ie():b(Z?.balance?.messages??[])},"onConfirmWallets");Dg(()=>{ee(U=>U.concat(T.filter(J=>!!!U.find(me=>me.chain===J.chain)&&J.selected&&D.includes(J.chain))))},[T.length]);let Te=document.getElementById(Ae.SWAP_BOX_ID),mt=Fg();return B.createElement(se,{open:e,onClose:()=>{u||mt("../",{replace:!0}),o()},dismissible:!y,container:Te,...!y&&{footer:B.createElement(Ml,null,B.createElement(Ip,{loading:s,disabled:dl(s,E,k,p,N,G),onClick:Ce,variant:"contained",type:"primary",fullWidth:!0,size:"large"},rt.t("Confirm")))},...y&&{styles:{container:{padding:"$0"}},header:B.createElement(Al,null,B.createElement(El,{variant:"ghost",onClick:g.bind(null,"")},B.createElement(Pg,{size:16})),B.createElement(Vn,{variant:"headline",size:"small"},rt.t({id:"Your {blockchainName} wallets",values:{blockchainName:ze(y,l)}})))},anchor:"center"},B.createElement(se,{open:v.length>0,onClose:b.bind(null,[]),container:Te},B.createElement($g,{title:rt.t("Insufficient account balance"),type:"error",description:B.createElement(Bg,{messages:v??[]})},B.createElement(Ip,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:Ie},rt.t("Proceed anyway")))),y&&B.createElement(Wl,null,B.createElement("div",{className:Ll()},B.createElement(Pi,{chain:y,isSelected:z,selectWallet:Y,onShowMore:g.bind(null,y)}))),!y&&B.createElement(B.Fragment,null,C&&B.createElement(B.Fragment,null,B.createElement($i,{variant:"alarm",type:"error",title:rt.t(C)}),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($l,null,D.map((U,J)=>{let Z=l.find(je=>je.name===U),me=`wallet-${J}`,ve=J===D.length-1;return B.createElement("div",{key:me},B.createElement(xl,null,B.createElement(Vn,{variant:"title",size:"xmedium"},rt.t({id:"Your {blockchainName} wallets",values:{blockchainName:Z?.shortName}})),B.createElement(Vn,{variant:"label",color:"$neutral700",size:"medium"},rt.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:Z?.shortName}}))),B.createElement(oo,{size:24}),B.createElement(bl,null,B.createElement(Pi,{chain:U,isSelected:z,selectWallet:Y,limit:Ug,onShowMore:()=>g(Z?.name??"")})),!ve&&B.createElement(oo,{size:32}),ve&&a?.customDestination&&B.createElement(Nl,null,B.createElement(Ln,{onOpenChange:je=>{je?F(G?.name??"")||ee(Dr=>Dr.map(_e=>_e.chain===G?.name?{..._e,selected:!1}:_e)):j()},hasSelected:!0,open:E,triggerAnchor:"top",trigger:B.createElement(_l,{fullWidth:!0,variant:"default",suffix:B.createElement(En,{orientation:E?"up":"down"},B.createElement(Mg,{size:10,color:"gray"}))},B.createElement("div",{className:"button__content"},B.createElement(_g,{size:18,color:"info"}),B.createElement(oo,{size:4,direction:"horizontal"}),B.createElement(Vn,{variant:"label",size:"medium"},rt.t("Send to a different address")))),onClickTrigger:()=>P(je=>!je)},B.createElement(oo,{size:4}),B.createElement(Pl,{autoFocus:!0,placeholder:rt.t("Your destination address"),value:k,onChange:je=>{W(je.target.value)}})),Me&&B.createElement("div",{className:Bl()},B.createElement($i,{variant:"alarm",type:"error",title:rt.t({values:{destination:k},id:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}i(Ap,"ConfirmWalletsModal");import{i18n as oh}from"@lingui/core";import{Alert as nh,Button as rh,InfoIcon as ih}from"@rango-dev/ui";import Fe from"react";import{Alert as Og,Button as zg,Divider as Mp,NoRouteIcon as qg,RefreshIcon as Gg,Typography as Pp}from"@rango-dev/ui";import Je from"react";import{i18n as Ep}from"@lingui/core";function Wp(t,e,o,n){return t?.type===1?{alert:{type:"warning",text:K().genericServerError,action:{onClick:n,title:Ep.t("Retry")}},description:""}:e.length?{alert:{type:"warning",text:K().liquiditySourcesError.title,action:{onClick:()=>o(!0),title:Ep.t("Reset")}},description:K().liquiditySourcesError.description}:t?.type===0&&t.diagnosisMessage?{alert:{type:"error",text:t.diagnosisMessage,action:null},description:""}:{alert:null,description:K().noResultError.description}}i(Wp,"makeInfo");import{styled as _i}from"@rango-dev/ui";var Lp=_i("div",{minHeight:"162px",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"}),Np=_i("div",{width:"100%"}),Bp=_i("div",{padding:"$6 $0"});function Di(t){let{fetch:e,error:o}=t,n=d().getDisabledLiquiditySources(),r=d().toggleAllLiquiditySources,s=d().swappers(),a=Wp(o,n,()=>r(s,!0),e);return Je.createElement(Lp,null,Je.createElement(qg,{size:24,color:"gray"}),Je.createElement(Mp,{size:4}),Je.createElement(Pp,{variant:"title",size:"small"},K().noResultError.title),!!a.description&&Je.createElement(Pp,{variant:"body",size:"small",align:"center",color:"neutral700"},a.description),Je.createElement(Mp,{size:4}),!!a.alert&&Je.createElement(Np,null,Je.createElement(Og,{type:a.alert.type,title:a.alert.text,action:a.alert.action&&Je.createElement(zg,{size:"xsmall",type:a.alert.type,prefix:Je.createElement(Bp,null,Je.createElement(Gg,{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 Qg,Divider as Op,MessageBox as Vg,Typography as jg,WarningIcon as Kg}from"@rango-dev/ui";import it from"react";import{Typography as Fp}from"@rango-dev/ui";import Ui from"react";import{darkTheme as Hg,styled as jn}from"@rango-dev/ui";var $p=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",[`.${Hg} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Dp=jn("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});function Up(t){let{title:e,value:o,valueColor:n}=t;return Ui.createElement(_p,null,Ui.createElement(Fp,{size:"medium",variant:"label",className:"_title"},e),Ui.createElement(Fp,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}i(Up,"QuoteErrorsModalItem");function zp(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 it.createElement(se,{open:e,onClose:o,container:L()},it.createElement(Vg,{type:a,title:K().highValueLossError.impactTitle,description:K().highValueLossError.description}),it.createElement(Fi,null,it.createElement(Op,{size:20}),it.createElement(jg,{size:"small",variant:"title"},vo.t("Details")),it.createElement(Fi,null,l.map((p,c)=>it.createElement(Up,{key:c,...p})))),it.createElement(Op,{size:32}),it.createElement(Qg,{type:"primary",size:"large",prefix:it.createElement(Kg,null),fullWidth:!0,disabled:s,onClick:n},K().highValueLossError.confirmMessage))}i(zp,"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=K().highValueLossError.title),t.type===1&&(o.title=K().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 Gp,Divider as Hp,MessageBox as Xg,Typography as Yg}from"@rango-dev/ui";import zt from"react";import{useNavigate as Jg}from"react-router-dom";function Qp(t){let{customSlippage:e,slippage:o}=d(),{open:n,onClose:r,onConfirm:s,warning:a,confirmationDisabled:l}=t,p=Jg(),c=e??o;return zt.createElement(se,{anchor:"bottom",open:n,prefix:zt.createElement(Gp,{size:"small",variant:"ghost",onClick:()=>p("../"+$.settings)},zt.createElement(Yg,{variant:"label",size:"medium",color:"$neutral900"},io.t("Change settings"))),container:L(),onClose:r},zt.createElement(Xg,{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}})},zt.createElement(Hp,{size:18}),zt.createElement(Hp,{size:32}),zt.createElement(Gp,{size:"large",type:"primary",variant:"contained",fullWidth:!0,disabled:l,onClick:s},io.t("Confirm anyway"))))}i(Qp,"SlippageWarningModal");import{Button as Zg,Divider as Rg,MessageBox as eh,WarningIcon as th}from"@rango-dev/ui";import xo from"react";function Vp(t){let{open:e,onClose:o,onConfirm:n,confirmationDisabled:r}=t;return xo.createElement(se,{open:e,onClose:o,container:L()},xo.createElement(eh,{type:"warning",title:K().unknownPriceError.impactTitle,description:K().unknownPriceError.description}),xo.createElement(Rg,{size:32}),xo.createElement(Zg,{type:"primary",size:"large",prefix:xo.createElement(th,null),fullWidth:!0,disabled:r,onClick:n},K().unknownPriceError.confirmMessage))}i(Vp,"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 Fe.createElement(Fe.Fragment,null,h&&Fe.createElement(Di,{error:o,fetch:s}),!!m&&Fe.createElement($p,null,Fe.createElement(nh,{title:m.title,type:m.alertType,variant:"alarm",...m.action==="show-info"&&{action:Fe.createElement(Dp,{onClick:a},Fe.createElement(ih,{size:12,color:"gray"}))},...m.action==="change-settings"&&{action:Fe.createElement(rh,{size:"xxsmall",type:m.alertType,onClick:c},oh.t("Change"))}})),e&&Fe.createElement(Fe.Fragment,null,e.type===0&&Fe.createElement(zp,{...u,warning:e}),(e.type===3||e.type===2)&&Fe.createElement(Qp,{...u,warning:e}),e.type===1&&Fe.createElement(Vp,{...u,warning:e})))}i(bo,"QuoteWarningsAndErrors");import ir from"react";import{i18n as Yi}from"@lingui/core";import{Alert as bh,Divider as Ji,InfoIcon as Ih,StepDetails as Ah,TokenAmount as Eh,Tooltip as Sc,Typography as Wo}from"@rango-dev/ui";import Cc from"bignumber.js";import O,{useRef as Wh,useState as Lh}from"react";import{styled as zi}from"@rango-dev/ui";var qi=zi("div",{width:"100%","& .position-top__skeleton":{paddingTop:"$10"}}),jp=zi("div",{paddingBottom:"$15"}),Kp=zi("div",{width:"100%",display:"flex"});import*as Kn from"@radix-ui/react-collapsible";import{css as Xn,darkTheme as st,Image as Xp,styled as Qe,Typography as sh}from"@rango-dev/ui";var ah=300,Yp=Qe(Kn.Root,{display:"flex",flexDirection:"column",alignItems:"start",overflowX:"auto",overflowY:"hidden",width:"100%",borderRadius:"$xm",cursor:"default",variants:{recommended:{true:{$$color:"$colors$info300",[`.${st} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"},false:{$$color:"$colors$neutral400",[`.${st} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}}}}),Jp=Xn({padding:"$10 $15"}),Zp=Qe("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",[`.${st} &`]:{$$color:"$colors$secondary600"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}},false:{$$color:"$colors$neutral200",[`.${st} &`]:{$$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",[`.${st} &`]:{$$color:"$colors$secondary700"},backgroundColor:"$$color"}}},{listItem:!0,recommended:!1,css:{"&:hover":{$$color:"$colors$neutral300",[`.${st} &`]:{$$color:"$colors$neutral400"},backgroundColor:"$$color"}}}]}),Rp=Xn({width:"100%",padding:"$15 $15 $10 $15",cursor:"default"}),so=Xn({display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",".blockchainImage":{marginLeft:"-$8"}}),ec=Xn({paddingTop:"$10",display:"flex",alignItems:"center",".usd-value":{$$color:"$colors$neutral600",[`.${st} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),tc=Qe(Kn.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",[`.${st} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"},false:{$$color:"$colors$neutral400",[`.${st} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}}},".blockchains_section":{display:"none"},"@xs":{".blockchains_section":{display:"block"}}}),oc=Qe("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"}}}}),nc=Qe(An,{width:"100%",background:"inherit"}),Gi=Qe("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$2",transition:`all ${ah}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),sW=Qe("div",{height:"$12",marginLeft:"$10",marginRight:"$10",borderLeft:"1px solid $foreground"}),rc=Qe("div",{display:"flex",justifyContent:"center",margin:"0 $15",borderTop:"1px solid",$$color:"$colors$neutral300",[`.${st} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color"}),ic=Qe("div",{width:"$16",height:"$16",justifyContent:"center",alignItems:"center",display:"flex"}),Hi=Qe(sh,{overflow:"hidden",textOverflow:"ellipsis",letterSpacing:.4}),sc=Qe("div",{display:"flex",flexWrap:"wrap"}),Qi=Qe("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 ph,CloseIcon as ch,Divider as Zn,IconButton as uh,QuoteCost as mh,Tooltip as dh,Typography as Ze}from"@rango-dev/ui";import fh from"bignumber.js";import q,{useState as cc}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 lh,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"}),ac=Yn("div",{padding:"$20 0",display:"flex",flexDirection:"column","& .collapsible_trigger":{display:"flex",alignItems:"center"}}),lc=Yn("div",{padding:"$20 $20 $10",textAlign:"center",position:"relative","._icon-button":{position:"absolute",zIndex:10,top:"$16",right:"$16"}}),pc=lh({display:"flex",flexDirection:"row",alignItems:"center",padding:"$5","&:hover":{"& ._typography, & svg":{color:"$secondary"}}});var gh=30,hh=i(t=>t.fee.isZero()?null:q.createElement(Jn,null,q.createElement(Ze,{variant:"label",size:"medium",color:"neutral600"},t.label),q.createElement(Ze,{variant:"label",size:"medium"},"$",A(t.fee,4,4))),"NonPayableFee");function uc(t){let[e,o]=cc(!1),[n,r]=cc(!1),{steps:s,quote:a}=t,l=d().tokens(),p=Jo(Zo(a.result?.swaps)),c=a.result?.swaps??[],u=L(),h=Cn(c,l),m=ol(c);return q.createElement(q.Fragment,null,q.createElement(mh,{onClickFee:()=>o(!e),fee:A(h,2,2),feeWarning:h.gte(new fh(gh)),time:p,steps:s,tooltipGas:Lt.t("View more info"),tooltipContainer:u}),q.createElement(se,{container:u,open:e,header:q.createElement(lc,null,q.createElement(Ze,{variant:"title",size:"medium"},Lt.t("Gas & Fee Explanation")),q.createElement(uh,{onClick:()=>o(!1),variant:"ghost"},q.createElement(ch,{color:"gray",size:14}))),onClose:()=>o(!1)},q.createElement(ac,null,q.createElement(Ze,{variant:"title",size:"small"},Lt.t("Details")),q.createElement(Zn,{size:10}),Object.entries(m.payable).flatMap(([f,T])=>T.map((S,y)=>{let g=`payable-fee-${y}`,v=ei(S);return q.createElement(Jn,{key:g},q.createElement(Ze,{variant:"label",size:"medium",color:"neutral600"},Vi[f]),q.createElement(dh,{content:pe(S.amount),container:u},q.createElement(Ze,{variant:"label",size:"medium"},A(S.amount,2,2)," ",S.asset.symbol," ($",A(v,4,4),")")))})),q.createElement(Jn,{className:"total_payable_fee"},q.createElement(Ze,{variant:"label",size:"medium"},Lt.t("Total Payable Fee")),q.createElement(Ze,{variant:"label",size:"medium"},"$",A(h,4,4))),q.createElement(ji,null),Object.keys(m.nonePayable).length&&q.createElement(Ln,{triggerAnchor:"bottom",onClickTrigger:()=>r(f=>!f),trigger:q.createElement("div",{className:pc()},q.createElement(Ze,{size:"small",variant:"body",color:"neutral700"},n?Lt.t("Hide non-payable fees"):Lt.t("Show non-payable fees")),q.createElement(Zn,{size:4,direction:"horizontal"}),q.createElement(En,{orientation:n?"up":"down"},q.createElement(ph,{size:12,color:"gray"}))),open:n},q.createElement(Ze,{size:"small",variant:"title"},Lt.t("Description")),q.createElement(Zn,{size:4}),q.createElement(Ze,{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.`)),q.createElement(Zn,{size:10}),Object.entries(m.nonePayable).map(([f,T],S)=>{let y=tl(T),g=Vi[f],v=`non-payable-fee-${S}`;return q.createElement(hh,{key:v,fee:y,label:g})}),q.createElement(ji,null)))))}i(uc,"QuoteCostDetails");import{i18n as fc}from"@lingui/core";import{TokenAmount as gc}from"@rango-dev/ui";import Rn from"react";import{css as yh,styled as Sh}from"@rango-dev/ui";var mc=Sh("div",{position:"relative",display:"flex",flexDirection:"column",width:"100%"}),dc=yh({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(mc,null,Rn.createElement(gc,{direction:"horizontal",label:fc.t("Swap input"),type:"input",tooltipContainer:L(),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:dc()}),Rn.createElement(gc,{direction:"horizontal",tooltipContainer:L(),label:fc.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 hc}from"@lingui/core";import{ChevronDownIcon as Ch,ChevronRightIcon as Th,Divider as Ki,Image as kh,Tooltip as Xi,Typography as er}from"@rango-dev/ui";import M,{useEffect as wh,useState as vh}from"react";var tr=4,or=6,xh=375,Eo=i(t=>{let e=L(),{content:o,src:n,className:r,open:s,state:a}=t;return M.createElement(Xi,{container:e,side:"bottom",sideOffset:4,open:s,content:o},M.createElement(oc,{className:r,state:a},M.createElement(kh,{src:n,size:16})))},"ImageComponent");function yc(t){let{quoteRef:e,recommended:o,setExpanded:n,steps:r,expanded:s}=t,a=L(),l=r.length,p=Cl(r),[c,u]=vh(!1),h=i(()=>{window.innerWidth<xh?u(!0):u(!1)},"handleResize");return wh(()=>{window.addEventListener("resize",h)}),M.createElement(tc,{ref:m=>e.current=m,recommended:o,onClick:()=>n(m=>!m)},M.createElement("div",{className:so()},M.createElement(er,{variant:"body",size:"xsmall"},hc.t("Via:")),M.createElement(Ki,{direction:"horizontal",size:4}),r.map((m,f)=>{let T=`item-${f}`,S=M.createElement(Gi,null,M.createElement(Th,{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:T},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(Xi,{container:a,side:"bottom",align:"right",sideOffset:4,content:M.createElement("div",{className:so()},S,r.map((y,g)=>{let v=`image-${g}`;return g>=f&&M.createElement(M.Fragment,{key:v},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"},hc.t("Chains:")),M.createElement(Ki,{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(Xi,{container:a,side:"bottom",align:"right",sideOffset:4,content:M.createElement("div",{className:so()},p.map((T,S)=>S>=f&&M.createElement(Eo,{key:T.displayName,content:"",src:T.image,open:!1,className:S>f?"blockchainImage":""})))},M.createElement(Qi,{className:"blockchainImage"},M.createElement(er,{size:"xsmall",variant:"body"},"+",p.length-f))))),M.createElement(Ki,{direction:"horizontal",size:32}))),M.createElement(Gi,{orientation:s?"up":"down"},M.createElement(Ch,{size:12,color:"black"}))))}i(yc,"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]=Lh(t.expanded),m=Wh(null),f=A(o.value,6,6),T=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),v=ft(y??0),C=i(w=>w.map((k,W)=>{let E,P=r?.type===3&&r.swap.swapperId===k.swapperId||r?.type===4&&r.recommendedSlippages?.has(W),D=s?.type===2&&s.recommendedSlippages?.has(W);return P?E="error":D&&(E="warning"),{swapper:{displayName:yo(k.swapperId,c),image:k.swapperLogo},from:{token:{displayName:k.from.symbol,image:k.from.logo},chain:{displayName:ze(k.from.blockchain,p),image:k.from.blockchainLogo},price:{value:W===0?A(o.value,6,6):A(k.fromAmount,6,6),usdValue:A((k.from.usdPrice??0)*parseFloat(k.fromAmount),4,4),realValue:pe(W===0?o.value:k.fromAmount),realUsdValue:pe(new Cc(k.from.usdPrice??0).multipliedBy(k.fromAmount))}},to:{token:{displayName:k.to.symbol,image:k.to.logo},chain:{displayName:ze(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:pe(k.toAmount),realUsdValue:pe(new Cc(k.to.usdPrice??0).multipliedBy(k.toAmount))}},state:E,alerts:P||D?O.createElement(jp,null,O.createElement(bh,{type:P?"error":"warning",title:r?.type===3?r?.recommendation:Yi.t(`Slippage ${P?"Error":"Warning"}:`),footer:O.createElement(Kp,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(W)},...s?.type===2&&{minRequiredSlippage:s.recommendedSlippages?.get(W)}}})))})):void 0}}),"getQuoteSteps")(e.result?.swaps??[]),x=C.length,I=L();return O.createElement(O.Fragment,null,O.createElement(Zp,{recommended:l,listItem:a==="list-item",basic:a==="basic"},O.createElement("div",{className:Rp()},O.createElement(uc,{steps:x,quote:e}),a==="basic"&&O.createElement("div",{className:ec()},O.createElement(ic,null,O.createElement(Ih,{size:12,color:"gray"})),O.createElement(sc,null,O.createElement(Hi,{size:"small",variant:"body"},`${f} ${C[0].from.token.displayName} = `),O.createElement(Sc,{content:pe(n.value),container:I,open:n.value?void 0:!1},O.createElement(Hi,{size:"small",variant:"body"},"\xA0",`${T} ${C[C.length-1].to.token.displayName}`))),O.createElement(Sc,{content:pe(n.usdValue),container:I,style:{display:"flex"}},O.createElement(Wo,{color:"$neutral600",ml:2,size:"xsmall",variant:"body"},`($${S})`))),a==="list-item"&&O.createElement(Eh,{type:"output",direction:"vertical",tooltipContainer:I,price:{value:T,usdValue:S,realValue:pe(n.value),realUsdValue:pe(n.usdValue)},token:{displayName:C[x-1].to.token.displayName,image:C[x-1].to.token.image},chain:{image:C[x-1].to.chain.image},percentageChange:g,warningLevel:v}),a==="swap-preview"&&O.createElement(O.Fragment,null,O.createElement(Ao,{from:C[0].from,to:C[x-1].to,percentageChange:g,warningLevel:v}),O.createElement(Ji,{size:4}))),O.createElement(Yp,{recommended:l,open:u,onOpenChange:h},O.createElement(yc,{quoteRef:m,recommended:l,setExpanded:h,expanded:u,steps:C}),O.createElement(nc,{open:u},O.createElement(rc,null),O.createElement("div",{className:Jp()},C.map((w,k)=>{let W=`item-${k}`;return O.createElement(Ah,{type:"quote-details",key:W,step:w,hasSeparator:k!==C.length-1,state:w.state,tooltipContainer:I})}))))))}i(Zi,"Quote");import{Divider as Mh,Skeleton as Ph}from"@rango-dev/ui";import gt from"react";import{darkTheme as Nh,styled as nr}from"@rango-dev/ui";var Tc=nr("div",{$$color:"$colors$neutral100",[`.${Nh} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",borderBottomLeftRadius:"$xm",borderBottomRightRadius:"$xm",padding:"$15 ",variants:{rounded:{true:{borderRadius:"$xm"}}}}),kc=nr("div",{paddingTop:"$2"}),wc=nr("div",{paddingLeft:"$8"}),vc=nr("div",{borderLeft:"1px dashed black",minHeight:" 0",margin:"0px 11.5px",alignSelf:"stretch",variants:{hideSeparator:{true:{minHeight:"unset",height:"0"}}}});import{ChainToken as Pc,Divider as qt,Skeleton as lt}from"@rango-dev/ui";import H from"react";import{styled as at}from"@rango-dev/ui";var xc=at("div",{display:"flex",justifyContent:"space-between",alignItems:"center",height:"22px"}),bc=at("div",{display:"flex"}),Ic=at("div",{padding:"$15 $0 14px $0"}),Ac=at("div",{padding:"$6 $0 $15 $0",display:"flex",flexDirection:"column"}),Ec=at("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$5"}),Wc=at("div",{display:"flex",justifyContent:"space-between",alignItems:"end"}),Lc=at("div",{height:"$28",marginLeft:"13px",borderLeft:"1px solid $neutral700"}),Nc=at("div",{width:"65%",display:"flex",justifyContent:"start"}),Bc=at("div",{display:"flex",flexDirection:"column",alignItems:"start",flexGrow:1,maxWidth:"148px"}),Mc=at("div",{padding:"$15 $0 $15 $0"});function Lo(t){let{type:e,tag:o=!1}=t,n=H.createElement(Wc,null,H.createElement(Nc,null,H.createElement(Pc,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),H.createElement(qt,{size:8,direction:"horizontal"}),H.createElement(Bc,null,H.createElement(lt,{height:10,width:60,variant:"rounded"}),H.createElement(qt,{size:4}),H.createElement(lt,{height:15,variant:"rounded"}))),H.createElement(lt,{height:12,width:64,variant:"rounded"}));return H.createElement("div",null,H.createElement(xc,null,H.createElement(bc,null,H.createElement(lt,{width:60,height:10,variant:"rounded"}),H.createElement(qt,{size:4,direction:"horizontal"}),H.createElement(lt,{width:60,height:10,variant:"rounded"}),H.createElement(qt,{size:4,direction:"horizontal"}),H.createElement(lt,{width:60,height:10,variant:"rounded"})),o&&H.createElement(lt,{height:22,width:100,variant:"rounded"})),e==="basic"&&H.createElement(Ic,null,H.createElement(lt,{height:15,width:148,variant:"rounded"})),e==="list-item"&&H.createElement(Ac,null,H.createElement(Ec,null,H.createElement(Pc,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),H.createElement(qt,{direction:"horizontal",size:4}),H.createElement(lt,{height:15,width:150,variant:"rounded"})),H.createElement(qt,{size:4}),H.createElement(lt,{height:10,width:184,variant:"rounded"})),e==="swap-preview"&&H.createElement(H.Fragment,null,H.createElement(qt,{size:4}),H.createElement(Mc,null,n,H.createElement(Lc,null),n)))}i(Lo,"QuoteSummarySkeleton");import{ChainToken as Uc,Divider as es,NextIcon as Bh,Skeleton as rr}from"@rango-dev/ui";import ge from"react";import{styled as No}from"@rango-dev/ui";var $c=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}),Dc=No("div",{margin:"$0 $2",padding:"$4",display:"flex",justifyContent:"center",alignItems:"center"}),Fc=No("div",{display:"flex",alignItems:"center"});function pt(t){let{separator:e=!0}=t;return ge.createElement(ge.Fragment,null,ge.createElement(Fc,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($c,null,ge.createElement(vc,{hideSeparator:!e}),ge.createElement(_c,null,ge.createElement(Ri,null,ge.createElement(Uc,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ge.createElement(es,{direction:"horizontal",size:8}),ge.createElement(rr,{height:12,variant:"rounded"})),ge.createElement(Dc,null,ge.createElement(Bh,{color:"gray",size:16})),ge.createElement(Ri,null,ge.createElement(Uc,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ge.createElement(es,{direction:"horizontal",size:8}),ge.createElement(rr,{height:12,variant:"rounded"})))))}i(pt,"StepSkeleton");function ts(t){let{type:e,expanded:o,tag:n=!1}=t;return gt.createElement(Tc,{rounded:e!=="basic"},gt.createElement(Lo,{type:e,tag:n}),gt.createElement(kc,null,gt.createElement(Ph,{height:15,variant:"rounded"})),o&>.createElement(wc,null,gt.createElement(Mh,{size:20}),gt.createElement(pt,null),gt.createElement(pt,null),gt.createElement(pt,{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(qi,null,ir.createElement(ts,{type:o,expanded:a})):m?ir.createElement(qi,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 Dh}from"@rango-dev/queue-manager-rango-preset";import{useEffect as Fh}from"react";import{useRef as $h,useState as _h}from"react";function sr(){let[t,e]=_h(!1),o=$h(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(K().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 Oc(t,e,o){let n=!1;t&&(n=yl(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&&(al(t,e)?r.quoteUpdate={type:3,newOutputAmount:A(Xt(e)),percentageChange:A(qe(Xt(t)??"",Xt(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=ll(e,o.selectedWallets,o.meta.blockchains);return a.length===0||(r.balance={messages:a}),r}i(Oc,"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(),T=d().blockchains(),S=d().tokens(),{features:y}=d().config,{enableNewLiquiditySources:g}=d().config,v=p||l,{fetch:b,cancelFetch:C,loading:x}=sr();return Fh(()=>C,[]),{loading:x,fetch:i(async w=>{let k=w.selectedWallets,W=w?.customDestination??s;if(!t||!e||!o)return{quote:null,swap:null,error:null,warnings:null};let E=kn({fromToken:t,toToken:e,inputAmount:o,wallets:f,selectedWallets:k,excludeLiquiditySources:g,disabledLiquiditySources:m,slippage:v,affiliateRef:u,affiliatePercent:c,affiliateWallets:h,initialQuote:r??void 0,destination:W});un("experimentalRoute",y)&&(E.experimental=!0);let P;try{P=await b(E).then(N=>ar(N)),n(P)}catch(N){return lr(N)}let D={slippage:v.toString(),disabledSwappersGroups:m},G=Dh(o.toString(),P,il(k),D,!1,{blockchains:T,tokens:S}),F=Oc(r??void 0,P,{fromToken:t,toToken:e,meta:{blockchains:T,tokens:S},selectedWallets:k,userSlippage:v});return F.quoteUpdate&&a(!1),{quote:P,swap:G,error:null,warnings:F}},"fetch"),cancelFetch:C}}i(os,"useConfirmSwap");var Jh=qh("div",{width:"100%",display:"flex",justifyContent:"space-between",[`& ${qc}`]:{width:"$48",height:"$48"}}),Zh=rs({flexGrow:1,paddingRight:"$10"}),Rh=rs({width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"}),ey=rs({display:"flex",justifyContent:"space-between",alignItems:"center"});function Gc(){let{quote:t,setInputAmount:e,selectedWallets:o,quoteWalletsConfirmed:n,setQuoteWalletConfirmed:r,customDestination:s,quoteWarningsConfirmed:a}=X(),l=Yh(),p=Xh(),[c,u]=cr(""),{connectedWallets:h}=V(),m=!n,[f,T]=cr(!1),{isActiveTab:S}=oe(),y=d().getDisabledLiquiditySources(),g=jh(y),{manager:v}=Uh(),{fetch:b,loading:C,cancelFetch:x}=os(),[I,w]=cr({swap:null,error:null,warnings:null}),[k,W]=cr(!1),E=i(async({selectedWallets:z,customDestination:Me})=>{let j=await b?.({selectedWallets:z,customDestination:Me});return w(j),j},"onConfirmSwap"),P=i(async()=>{if(I.swap&&n)try{await v?.create("swap",{swapDetails:I.swap},{id:I.swap.requestId});let z=`../${$.swaps}/${I.swap.requestId}`;l(z,{replace:!0}),setTimeout(()=>{e("")},0)}catch(z){u("Error: "+z?.message)}},"addNewSwap"),D=i(async()=>{await P()},"onConfirm"),G=i(async()=>{I?.warnings?.quote&&!a?W(!0):await D()},"onStartConfirmSwap"),F=i(async()=>{w({error:null,swap:null,warnings:null}),b({selectedWallets:o,customDestination:s}).then(z=>{w(z)}).catch(z=>console.error(z))},"onRefresh");Mo(()=>{!!g.current.length&&!y.length&&F(),g.current=y},[y.length]),Mo(()=>{m&&x()},[m]),Mo(()=>{m&&T(m)},[m]),Mo(()=>{m||b({selectedWallets:o,customDestination:s}).then(z=>w(z)).catch(z=>console.error(z))},[]),Mo(()=>{let z=I.warnings?.quote?.type&&Object.values(vt).includes(I.warnings?.quote?.type),Me=o.length<1||!o.every(Y=>h.find(Ie=>Y.address===Ie.address&&Y.walletType===Ie.walletType&&Y.chain===Ie.chain)),j=!1;if(z){let Y=gn(t),Ie=t?.result?.swaps[t.result.swaps.length-1].to.blockchain;!!t?.result?.swaps.find(mt=>mt.from.blockchain===Ie)||(Y=Y.slice(-Y.length,Y.length-1)),Y.every(mt=>o.find(U=>U.chain===mt))||(j=!0)}t&&(Me||j)&&(queueMicrotask(()=>Kh(T.bind(null,!0))),r(!1))},[I.warnings?.quote,o.length,h.length]),Vh(()=>{t||l(`../${p.search}`)},[]);let N=I.warnings?.quote??null,ee=I.error,te=[];return c&&te.push(ce.createElement(zc,{type:"error",variant:"alarm",title:c})),I.warnings?.quoteUpdate&&te.push(ce.createElement(zc,{variant:"alarm",type:"warning",title:I.warnings.quoteUpdate&&bn(I.warnings.quoteUpdate)})),(N||ee)&&te.push(ce.createElement(bo,{warning:N,error:ee,loading:C,refetchQuote:F,showWarningModal:k,confirmationDisabled:!S,onOpenWarningModal:()=>W(!0),onCloseWarningModal:()=>W(!1),onConfirmWarningModal:async()=>{W(!1),await P()},onChangeSettings:()=>l($.settings)})),ce.createElement(ie,{header:{title:pr.t("Confirm Swap"),onWallet:()=>{let z=`../${$.wallets}`;l(z)},suffix:ce.createElement(Gh,{container:L(),side:"bottom",content:pr.t("Settings")},ce.createElement(He,{size:"small",variant:"ghost",onClick:()=>l("../"+$.settings)},ce.createElement(zh,{size:18,color:"black"})))},footer:ce.createElement(Jh,null,ce.createElement("div",{className:Zh()},ce.createElement(Oh,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:C,disabled:!!I.error||!S,onClick:G},pr.t("Start Swap"))),ce.createElement(qc,{variant:"contained",type:"primary",size:"large",loading:C,onClick:T.bind(null,!0)},ce.createElement(Qh,{size:24})))},f&&ce.createElement(Ap,{open:f,onClose:()=>T(!1),onCancel:x,loading:C,onCheckBalance:E}),ce.createElement(ae,null,ce.createElement("div",{className:ey()},ce.createElement(Hh,{variant:"title",size:"small"},pr.t("You get")),ce.createElement("div",{className:Rh()},ce.createElement(On,{onClick:!C&&!f&&!k?F:void 0}))),ce.createElement(ns,{size:"12"}),Ul(te,ce.createElement(ns,{size:10})),te.length>0?ce.createElement(ns,{size:10}):null,ce.createElement(Bo,{quote:t,type:"swap-preview",expanded:!0,error:I.error,loading:C,warning:I.warnings?.quote??null})))}i(Gc,"ConfirmSwapPage");import{i18n as mr}from"@lingui/core";import{useManager as hy}from"@rango-dev/queue-manager-react";import{Divider as eu,NotFound as yy,styled as Sy}from"@rango-dev/ui";import yt,{useState as Cy}from"react";import{useNavigate as Ty}from"react-router-dom";import{i18n as ny}from"@lingui/core";import{Divider as Kc,GroupedVirtualizedList as ry,Skeleton as iy,SwapListItem as Xc,Typography as sy}from"@rango-dev/ui";import Ne,{useCallback as Yc,useEffect as ay,useRef as ly,useState as py}from"react";function Hc(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(Hc,"calculateGroupsSoFar");import{css as ty,darkTheme as oy,styled as Po}from"@rango-dev/ui";var is=ty(),Qc=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",[`.${oy} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),as=Po("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),Vc=Po("div",{gap:"$10",display:"flex",flexDirection:"column"}),jc=Po("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});var cy=10;function ls(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,[s,a]=py([]),l=ly(0),{swaps:p,groupCounts:c,groups:u}=n(e),h=Yc(Hc,[]),m=Yc(()=>{let f=e.length-l.current;f&&(l.current+=Math.min(f,cy),a(h(c,l.current)))},[e.length]);if(ay(()=>{r||m()},[r,m]),r){let f=[1,2];return Ne.createElement(Ne.Fragment,null,[f,f].map((S,y)=>Ne.createElement(ss,{key:y},Ne.createElement(as,null,Ne.createElement(iy,{variant:"text",width:60,size:"small"}),Ne.createElement(Kc,{size:16})),Ne.createElement(Kc,{size:4}),Ne.createElement(Vc,null,S.map((v,b)=>Ne.createElement(Xc,{isLoading:!0,key:b}))))))}return Ne.createElement(ry,{endReached:()=>{l.current<e.length&&m()},groupCounts:s,groupContent:f=>Ne.createElement(ss,null,Ne.createElement(as,null,Ne.createElement(sy,{variant:"label",size:"medium",className:is()},u[f]))),itemContent:(f,T)=>{let S=p[f];if(!S)return null;let y=S.steps[0],g=S.steps[S.steps.length-1];return Ne.createElement(Qc,{key:S.requestId},Ne.createElement(Xc,{requestId:S.requestId,creationTime:S.creationTime,status:S.status,onClick:o,tooltipContainer:L(),onlyShowTime:u[T]===ny.t("Today"),swapTokenData:{from:{token:{image:y.fromLogo,displayName:y.fromSymbol},blockchain:{image:y.fromBlockchainLogo||""},amount:A(S.inputAmount,6,6),realAmount:pe(S.inputAmount)},to:{token:{image:g.toLogo,displayName:g.toSymbol},blockchain:{image:g.toBlockchainLogo||""},amount:A(g.outputAmount||g.expectedOutputAmountHumanReadable||"",6,6),realAmount:pe(g.outputAmount||g.expectedOutputAmountHumanReadable)}}}))}})}i(ls,"HistoryGroupedList");import{CloseIcon as my,IconButton as dy,SearchIcon as fy,TextField as gy}from"@rango-dev/ui";import $o from"react";import{styled as uy}from"@rango-dev/ui";var Jc=uy("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(gy,{prefix:$o.createElement(Jc,null,$o.createElement(fy,{color:"black"})),suffix:!!a.length&&$o.createElement(dy,{variant:"ghost",onClick:()=>l?.(""),size:"small"},$o.createElement(my,{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 Zc from"dayjs";var Rc=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=Zc();t.forEach(p=>{let c=Number(p.creationTime),u=Zc(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 ky=Sy("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),wy=i((t,e)=>t?.length?t.filter(o=>ot(o.fromBlockchain,e)||ot(o.toBlockchain,e)||ot(o.toSymbol,e)||ot(o.fromSymbol,e)).length:!1,"isStepContainsText");function tu(){let t=Ty(),{manager:e,state:o}=hy(),n=At(e).map(({swap:u})=>u),[r,s]=Cy(""),a=!o.loadedFromPersistor,l=i(u=>{let h=u.target.value;s(h)},"searchHandler"),p=n;r&&(p=n.filter(u=>ot(u.inputAmount,r)||ot(u.status,r)||wy(u.steps,r)||ot(u.requestId,r)));let c=!p?.length&&!a;return yt.createElement(ie,{header:{title:mr.t("History")}},yt.createElement(ae,null,yt.createElement(ht,{setValue:s,fullWidth:!0,variant:"contained",placeholder:mr.t("Search Transaction"),autoFocus:!0,onChange:l,value:r}),yt.createElement(eu,{size:"16"}),yt.createElement(ky,null,c&&yt.createElement(jc,null,yt.createElement(eu,{size:32}),yt.createElement(yy,{title:mr.t("No results found"),description:r?mr.t("Try using different keywords"):""})),!c&&yt.createElement(ls,{list:p,onSwapClick:t,groupBy:Rc,isLoading:a}))))}i(tu,"HistoryPage");import{i18n as us}from"@lingui/core";import{Button as Wy,Divider as iu,styled as au,SwapInput as su,WarningIcon as Ly}from"@rango-dev/ui";import be,{useEffect as Ny,useState as By}from"react";import{useNavigate as My}from"react-router-dom";import{ReverseIcon as vy,styled as ou}from"@rango-dev/ui";import ps from"react";var xy=ou("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),by=ou("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 nu(){let t=X.use.switchFromAndTo();return ps.createElement(xy,null,ps.createElement(by,{onClick:()=>{t()}},ps.createElement(vy,{size:12})))}i(nu,"SwitchFromAndToButton");import{useCallback as Iy,useEffect as Ay,useState as cs}from"react";var Ey=600;function ru(){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:T,affiliateRef:S,affiliateWallets:y,fetchStatus:g}=d(),v=d().getLiquiditySources(),b=d().getDisabledLiquiditySources(),C=d().excludeLiquiditySources(),[x,I]=cs(!0),[w,k]=cs(null),[W,E]=cs(null),P=f??m,G=!s||!a||We(s,a)||!fo(l),F=i(te=>{I(te),k(null),E(null)},"resetState"),N=i(te=>{let{fromToken:z,toToken:Me,inputAmount:j,liquiditySources:Y,excludeLiquiditySources:Ie,disabledLiquiditySources:Ce,slippage:Te,affiliateRef:mt,affiliatePercent:U,affiliateWallets:J}=te;if(x||F(!0),!G&&z&&Me){u();let Z=kn({fromToken:z,toToken:Me,inputAmount:j,liquiditySources:Y,excludeLiquiditySources:Ie,disabledLiquiditySources:Ce,slippage:Te,affiliateRef:mt,affiliatePercent:U,affiliateWallets:J});un("experimentalRoute",n)&&(Z.experimental=!0),t(Z).then(me=>{I(!1),h(me),ar(me);let ve=wn(me,{fromToken:z,toToken:Me,userSlippage:P,tokens:r});E(ve)}).catch(me=>{let{error:ve}=lr(me);(ve?.type===0||ve?.type===1)&&u(),ve?.type!==2&&(k(ve),I(!1))})}},"fetch"),ee=Iy(Ma(te=>{G||N(te)},Ey),[G]);return Ay(()=>{if(g==="success"){if(!fo(l)||p?.eq(0)){F(!1),e();return}if(G){c&&u();return}return u(),F(!0),ee({inputAmount:l,fromToken:s,toToken:a,liquiditySources:v,excludeLiquiditySources:C,disabledLiquiditySources:b,slippage:P,affiliateRef:S,affiliatePercent:T,affiliateWallets:y}),e}},[g,l,s?.symbol,s?.address,s?.blockchain,a?.symbol,a?.address,a?.blockchain,G,v?.length,o,b.length,P,S,T,JSON.stringify(y)]),{fetch:()=>N({inputAmount:l,fromToken:s,toToken:a,liquiditySources:v,excludeLiquiditySources:C,disabledLiquiditySources:b,slippage:P,affiliateRef:S,affiliatePercent:T,affiliateWallets:y}),loading:x,error:w,warning:W}}i(ru,"useSwapInput");var Py=au("div",{position:"relative"}),$y=au("div",{display:"flex",flexDirection:"column",gap:5,alignSelf:"stretch"});function lu(){let t=My(),{fetch:e,loading:o,error:n,warning:r}=ru(),{fromToken:s,fromBlockchain:a,toToken:l,toBlockchain:p,setInputAmount:c,inputAmount:u,inputUsdValue:h,outputAmount:m,outputUsdValue:f,quote:T,resetQuoteWallets:S,setQuoteWarningsConfirmed:y}=X(),{config:g,fetchStatus:v}=d(),{connectedWallets:b,getBalanceFor:C}=V(),{isActiveTab:x}=oe(),[I,w]=By(!1),k=!!a&&xa(b,a.name),W=!1,E=!Rr(T,u,h),P=!Rr(T,u,f),D=el({fetchMetaStatus:v,fetchingQuote:o,inputAmount:u,quote:T,anyWalletConnected:b.length>0,error:n,warning:r,needsToWarnEthOnPath:W}),G=s?C(s):null,F=rn(G)?.amount??"0",N=a&&s?A(G?.amount,G?.decimals):"0",ee=v==="success"&&!!u&&!!s&&!!l&&o;Ny(()=>{S()},[]);let te=!h||!f||!f.gt(0)?null:qe(h.toString(),f.toString());return be.createElement(ie,{height:"auto",footer:be.createElement(Wy,{type:"primary",size:"large",disabled:D.disabled||!x,prefix:D.action==="confirm-warning"&&be.createElement(Ly,null),fullWidth:!0,onClick:()=>{D.action==="connect-wallet"?t($.wallets):D.action==="confirm-warning"?w(!0):t($.confirmSwap)}},D.title),header:{onWallet:()=>{t($.wallets)},hasBackButton:!1,title:g.title||us.t("Swap"),suffix:be.createElement(Ii,{onClickRefresh:(T||n)&&!I?e:void 0,onClickHistory:()=>t($.swaps),onClickSettings:()=>t($.settings)})}},be.createElement(ae,null,be.createElement($y,null,be.createElement(Py,null,be.createElement(su,{label:us.t("From"),mode:"From",onInputChange:c,balance:F,chain:{displayName:a?.displayName||"",image:a?.logo||""},token:{displayName:s?.symbol||"",image:s?.image||""},onClickToken:()=>t($.fromSwap),price:{value:u,usdValue:E?void 0:A(h,4,4),realUsdValue:E?void 0:pe(h),error:E?K().unknownPriceError.impactTitle:void 0},disabled:v==="failed",loading:v==="loading",loadingBalance:k,tooltipContainer:L(),onSelectMaxBalance:()=>{F!=="0"&&c(N.split(",").join(""))}}),be.createElement(nu,null)),be.createElement(su,{sharpBottomStyle:!!T?.result||ee,label:us.t("To"),mode:"To",fetchingQuote:ee,chain:{displayName:p?.displayName||"",image:p?.logo||""},token:{displayName:l?.symbol||"",image:l?.image||""},percentageChange:A(qe(h,f),2,2),warningLevel:ft(te??0),price:{value:A(m,6,6),usdValue:P?void 0:A(f,4,4),realValue:pe(m),realUsdValue:P?void 0:pe(f),error:P?K().unknownPriceError.impactTitle:void 0},onClickToken:()=>t($.toSwap),disabled:v==="failed",loading:v==="loading",tooltipContainer:L()})),be.createElement(iu,{size:"2"}),be.createElement(Bo,{quote:T,loading:ee,error:n,warning:r,type:"basic"}),r||n?be.createElement(be.Fragment,null,be.createElement(iu,{size:"10"}),be.createElement(bo,{warning:r,error:n,loading:ee,refetchQuote:e,showWarningModal:I,confirmationDisabled:!x,onOpenWarningModal:()=>w(!0),onCloseWarningModal:()=>w(!1),onConfirmWarningModal:()=>{w(!1),y(!0),t($.confirmSwap)},onChangeSettings:()=>t($.settings)})):null))}i(lu,"Home");import{i18n as pu}from"@lingui/core";import{List as _y,ListItemButton as Dy,Radio as Fy,RadioRoot as Uy,Typography as Oy}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 cu(){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(Oy,{variant:"title",size:"xmedium"},a),onClick:()=>e(r.local),end:Nt.createElement(Fy,{value:s}),start:Nt.createElement(l,null)}});return Nt.createElement(ie,{header:{title:pu.t("Language")}},Nt.createElement(ae,null,Nt.createElement(Uy,{value:t},Nt.createElement(_y,{type:Nt.createElement(Dy,{title:pu.t("language"),id:"_",onClick:()=>console.log()}),items:n}))))}i(cu,"LanguagePage");import{i18n as St}from"@lingui/core";import{Button as Qy,Checkbox as Vy,Image as jy,ListItemButton as Ky,NotFound as Xy,Typography as Yy}from"@rango-dev/ui";import Be,{useState as Jy}from"react";import{Checkbox as Gy,Skeleton as mu}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 zy,styled as qy}from"@rango-dev/ui";var uu=qy(zy,{height:61});var Hy=30;function gs(){return Do.createElement(_o,null,Array.from(Array(Hy),t=>Do.createElement(uu,{hasDivider:!0,key:t,start:Do.createElement(mu,{variant:"circular",width:35,height:35}),title:Do.createElement(mu,{variant:"text",size:"large",width:90}),end:Do.createElement(Gy,{checked:!1})})))}i(gs,"LoadingLiquiditySourceList");function hs({sourceType:t}){let e=d().fetchStatus,o=d().swappers(),n=d().getDisabledLiquiditySources(),[r,s]=Jy(""),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"),T=h.map(g=>{let{selected:v,groupTitle:b,logo:C}=g;return{start:Be.createElement(jy,{src:C,size:22,type:"circular"}),onClick:()=>{l||a(b)},end:Be.createElement(Vy,{checked:v,disabled:l}),title:Be.createElement(Yy,{variant:"title",size:"xmedium"},St.t(b)),...g}}),S=i(g=>{let v=g.target.value;s(v)},"searchHandler"),y=T;return r&&(y=T.filter(g=>ot(g.groupTitle,r))),Be.createElement(ie,{header:{title:St.t(t),suffix:Be.createElement(ds,null,Be.createElement(Qy,{variant:"ghost",size:"xsmall",onClick:f},m?St.t("Deselect all"):St.t("Select all")))}},Be.createElement(ae,{view:!0},Be.createElement(ht,{value:r,setValue:s,fullWidth:!0,color:"light",variant:"contained",placeholder:St.t("Search {sourceType}",{sourceType:c[t]}),onChange:S}),e==="loading"&&Be.createElement(gs,null),!y.length&&r?Be.createElement(fs,null,Be.createElement(Xy,{title:St.t("No results found"),description:St.t("Try using different keywords")})):e==="success"&&Be.createElement(_o,{disabled:l},y.map(g=>Be.createElement(Be.Fragment,{key:g.id},Be.createElement(Ky,{style:{height:"61px"},...g,selected:!1,hasDivider:!0}))))))}i(hs,"LiquiditySourcePage");import{i18n as Tu}from"@lingui/core";import{Divider as ku,getCountCategories as aS,SelectableCategoryList as lS}from"@rango-dev/ui";import Ct,{useState as wu}from"react";import{i18n as Ss}from"@lingui/core";import{Divider as Su,Image as oS,ListItemButton as nS,NotFound as rS,Typography as Cu}from"@rango-dev/ui";import Ve,{useEffect as iS,useState as sS}from"react";import{BlockchainCategories as ys}from"@rango-dev/ui";import{TransactionType as dr}from"rango-sdk";var Zy=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"),du=i((t,e,o)=>t.filter(n=>Zy(n,o)).filter(n=>$t(n.name,e)||$t(n.displayName,e)),"filterBlockchains");import{ImageContainer as Ry,styled as fu}from"@rango-dev/ui";var gu=fu("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),fr=fu(To,{padding:0,margin:0,listStyle:"none",[`& ${Ry}`]:{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as eS,Skeleton as hu}from"@rango-dev/ui";import gr from"react";var tS=20;function yu(){return gr.createElement(fr,null,Array.from(Array(tS),t=>gr.createElement(eS,{key:t,hasDivider:!0,start:gr.createElement(hu,{variant:"circular",width:35,height:35}),title:gr.createElement(hu,{variant:"text",size:"large",width:90})})))}i(yu,"LoadingBlockchainList");function Cs(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[s,a]=sS(e),{fetchStatus:l}=d();iS(()=>{a([...du(e,o,r)])},[e,o,r]);let p=i(()=>!s.length&&o?Ve.createElement(Ve.Fragment,null,Ve.createElement(Su,{size:32}),Ve.createElement(rS,{title:Ss.t("No results found"),description:Ss.t("Try using different keywords")})):Ve.createElement(fr,{as:"ul",key:`${r}-${o}`},s.map(c=>Ve.createElement(nS,{key:`${c.name}-${c.chainId}`,hasDivider:!0,onClick:()=>n(c),start:Ve.createElement(oS,{src:c.logo,size:30}),title:Ve.createElement(Cu,{variant:"title",size:"medium"},c.displayName),id:c.chainId}))),"renderList");return Ve.createElement(gu,null,Ve.createElement(Cu,{variant:"label",size:"large"},Ss.t("Select Blockchain")),Ve.createElement(Su,{size:4}),l==="loading"&&Ve.createElement(yu,null),l==="success"&&p())}i(Cs,"BlockchainList");function Ts(t){let{type:e}=t,o=It(),[n,r]=wu(""),[s,a]=wu("ALL"),l=X.use.setToBlockchain(),p=X.use.setFromBlockchain(),c=d().fetchStatus,u=d().blockchains({type:e}),m=aS(u)!==1;return Ct.createElement(ie,{header:{title:Tu.t("Select Blockchain")}},Ct.createElement(ae,{view:!0},m&&Ct.createElement(Ct.Fragment,null,Ct.createElement(lS,{setCategory:a,category:s,blockchains:u,isLoading:c==="loading"}),Ct.createElement(ku,{size:24})),Ct.createElement(ht,{value:n,autoFocus:!0,placeholder:Tu.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:f=>r(f.target.value)}),Ct.createElement(ku,{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 bS}from"react";import{useNavigate as IS}from"react-router-dom";import{i18n as vs}from"@lingui/core";import{BlockchainsChip as hr,Divider as Iu,Image as Au,Skeleton as dS,Tooltip as fS,Typography as xs}from"@rango-dev/ui";import Se from"react";import{useEffect as uS}from"react";var vu=["ETH","COSMOS","OSMOSIS"];function ks(t,e,o){let n=JSON.parse(JSON.stringify(t)),r=[];if(n.sort(pS),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(cS(a)),r=n.splice(s)}return{list:n,more:r}}i(ks,"prepare");function pS(t,e){let o=vu,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(pS,"sortByMostUsedBlockchains");function cS(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(cS,"generateSortByPreferredBlockchainsFor");function xu(t,e){return!!e.list.find(o=>o.name===t)}i(xu,"isInVisibleList");function ws(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=d();uS(()=>{if(e?.selected){let s=ks(t,o,e);xu(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 mS}from"@rango-dev/ui";var bu=mS("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var gS=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(Iu,{size:12}),Se.createElement(xs,{variant:"label",size:"large"},vs.t("Select Blockchain")),Se.createElement(Iu,{size:12}),Se.createElement(bu,null,l==="loading"&&Array.from(Array(gS),f=>Se.createElement(dS,{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(fS,{key:f.name,content:f.shortName,side:"bottom",sideOffset:2,container:L()},Se.createElement(hr,{key:f.name,selected:!!n&&n.name===f.name,onClick:()=>r(f)},Se.createElement(Au,{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(Au,{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 Du,Divider as po,ExternalLinkIcon as SS,Image as CS,ListItemButton as TS,NotFound as kS,PinIcon as wS,Skeleton as Fu,Typography as Cr,VirtualizedList as vS}from"@rango-dev/ui";import _,{useEffect as Uu,useState as Ou}from"react";import{Divider as $u,ListItem as yS,Skeleton as Fo}from"@rango-dev/ui";import et from"react";import{css as lo,darkTheme as Eu,ImageContainer as hS,styled as Re,Typography as Wu}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",[`.${Eu} &`]:{$$color:"$colors$neutral700"},color:"$$color",textDecoration:"none"}}),Ls=lo({}),Ns=lo(),Lu=Re("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),Bs=Re("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),yr=Re("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=Re("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),Ps=Re(Wu,{}),Nu=Re("div",{textAlign:"right",width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",[`& .${Ns}`]:{$$color:"$colors$neutral600",[`.${Eu} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Sr=Re("div",{display:"flex",alignItems:"end",flexDirection:"column"}),f$=Re("div",{display:"flex",alignItems:"center"}),Bu=Re("div",{position:"relative",[`& ${hS}`]:{borderRadius:"$xm",overflow:"hidden"}}),Mu=Re("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6}),Pu=Re(Wu,{width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"});function _u(t){return et.createElement(yr,null,Array.from(Array(t.size),e=>et.createElement(yS,{key:e,hasDivider:!0,start:et.createElement(Fo,{variant:"circular",width:35,height:35}),end:et.createElement(Sr,null,et.createElement(Fo,{variant:"text",size:"large",width:70}),et.createElement($u,{size:4}),et.createElement(Fo,{variant:"text",size:"medium",width:50})),title:et.createElement("div",null,et.createElement(Fo,{variant:"text",size:"large",width:90}),et.createElement($u,{size:4}),et.createElement(Fo,{variant:"text",size:"medium",width:90}))})))}i(_u,"LoadingTokenList");var _s=20,xS=i(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:s,customCssForTagTitle:a}=t,l=e.length;return _.createElement("div",{className:As()},o?_.createElement("div",{className:Is()},o):_.createElement(Bs,{className:Es()},_.createElement(Cr,{variant:"title",size:"xmedium"},r.symbol),_.createElement(po,{direction:"horizontal",size:4}),_.createElement(Ms,{css:s},_.createElement(Ps,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&_.createElement("div",{className:`${Ws()} ${!o&&Ls()}`},_.createElement("a",{href:n,target:"_blank",rel:"nofollow noreferrer",onClick:p=>p.stopPropagation()},l>10?`${e.slice(0,5)}...${e.slice(l-6,l)}`:e," ",_.createElement(po,{size:4,direction:"horizontal"}),_.createElement(SS,{color:"gray",size:12}))))},"renderDesc");function zu(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[s,a]=Ou(e),l=d().fetchStatus,p=d().blockchains(),[c,u]=Ou(!0),{getBalanceFor:h,loading:m}=V(),{isTokenPinned:f}=d(),T=i(()=>{a(e.slice(0,s.length+_s))},"loadNextPage");Uu(()=>{u(e.length>s.length)},[s.length]),Uu(()=>{a(e.slice(0,_s))},[e]);let S=i(()=>!s.length&&o?_.createElement(_.Fragment,null,_.createElement(po,{size:32}),_.createElement(kS,{title:$s.t("No results found"),description:$s.t("Try using different keywords")})):_.createElement(vS,{endReached:c?T:void 0,itemContent:y=>{let g=s[y],v=rn(h(g)),b=g.address||"",C=p.find(k=>k.name===g.blockchain),x=Pn(g.symbol,C?.color||""),I={$$color:x[`${g.symbol}100`],[`.${Du} &`]:{$$color:x[`${g.symbol}900`]},backgroundColor:"$$color"},w={$$color:x[`${g.symbol}700`],[`.${Du} &`]:{$$color:x[`${g.symbol}100`]},color:"$$color"};return _.createElement("div",{style:{paddingRight:5}},_.createElement(TS,{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:_.createElement(Bu,null,_.createElement(CS,{src:g.image,size:30}),f(g,t.type)&&_.createElement(Mu,null,_.createElement(wS,{size:12,color:"gray"}))),title:C?.type==="COSMOS"||g.name||!g.name&&!b?_.createElement(Bs,null,_.createElement(Cr,{variant:"title",size:"xmedium"},g.symbol),_.createElement(po,{direction:"horizontal",size:4}),_.createElement(Ms,{css:I},_.createElement(Ps,{variant:"body",size:"xsmall",css:w},g.blockchain))):void 0,description:C?.info&&b&&C.type!=="COSMOS"?xS({address:b,token:s[y],customCssForTag:I,customCssForTagTitle:w,name:g.name,url:C.info.addressUrl.split("{wallet}").join(b)}):g.name||void 0,end:m?_.createElement(Sr,null,_.createElement(Fu,{variant:"text",size:"large",width:70}),_.createElement(po,{size:4}),_.createElement(Fu,{variant:"text",size:"medium",width:50})):v&&_.createElement(Nu,null,_.createElement(Pu,{variant:"title",size:"small"},v.amount),_.createElement("div",null),v.usdValue&&_.createElement(Cr,{variant:"body",className:Ns(),size:"xsmall"},`$${v.usdValue}`))}))},totalCount:s.length,key:`${r}-${o}`}),"renderList");return _.createElement(Lu,null,_.createElement(Cr,{variant:"label",size:"large"},$s.t("Select Token")),_.createElement(po,{size:4}),l==="loading"&&_.createElement(_u,{size:_s}),l==="success"&&_.createElement(yr,{as:"ul"},S()))}i(zu,"TokenList");function Ds(t){let{type:e}=t,o=IS(),n=It(),{fromBlockchain:r,toBlockchain:s,setFromToken:a,setToToken:l,setFromBlockchain:p,setToBlockchain:c}=X(),u=V.use.getBalanceFor(),[h,m]=bS(""),{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")),C=i(w=>{e==="source"?p(w):c(w)},"updateBlockchain"),x=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(ie,{header:{title:Tr.t("Swap {type}",{type:I[e]})}},Gt.createElement(ae,null,Gt.createElement(bs,{blockchains:y,type:e=="source"?"from":"to",blockchain:e==="source"?r:s,onMoreClick:()=>o($.blockchains),onChange:w=>{C(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(zu,{list:b,selectedBlockchain:S,searchedFor:h,type:e,onChange:w=>{x(w);let k=y.find(W=>w.blockchain===W.name);k&&C(k),n()}})))}i(Ds,"SelectSwapItemsPage");import{i18n as Bt}from"@lingui/core";import{Alert as PS,Button as $S,ChevronRightIcon as Os,Divider as zs,InfoIcon as _S,List as DS,ListItemButton as FS,Skeleton as US,styled as OS,Switch as zS,Tooltip as qS,Typography as Ht}from"@rango-dev/ui";import Q from"react";import{useInRouterContext as GS,useNavigate as HS,useSearchParams as QS}from"react-router-dom";import{i18n as Ku}from"@lingui/core";import{Divider as LS,InfoIcon as NS,TextField as BS,Tooltip as MS,Typography as Xu}from"@rango-dev/ui";import Ue from"react";import{Chip as AS,styled as Uo,TextField as ES}from"@rango-dev/ui";var Gu=Uo("div",{paddingTop:"$5",padding:"$10 $5"}),Hu=Uo("div",{display:"flex",flexWrap:"wrap",gap:"$10",[`& ${ES}`]:{flex:"1 1 0",maxWidth:"127px",minWidth:"85px"}}),Qu=Uo("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),kr=Uo("div",{maxWidth:"280px",padding:"$10"}),Vu=Uo(AS,{width:"61px",flexShrink:0});import{i18n as Fs}from"@lingui/core";import{Typography as WS}from"@rango-dev/ui";import Oo from"react";function ju(){return Oo.createElement(kr,null,Oo.createElement(WS,{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(ju,"SlippageTooltipContent");function Us(){let{slippage:t,setSlippage:e,customSlippage:o,setCustomSlippage:n}=d();return Ue.createElement(Gu,null,Ue.createElement(Qu,null,Ue.createElement(Xu,{variant:"title",size:"xmedium"},Ku.t("Slippage tolerance per swap")),Ue.createElement(LS,{direction:"horizontal",size:4}),Ue.createElement(MS,{container:L(),side:"top",sideOffset:4,content:Ue.createElement(ju,null)},Ue.createElement(NS,{color:"gray"}))),Ue.createElement(Hu,null,Da.map((r,s)=>{let a=`slippage-${s}`;return Ue.createElement(Ue.Fragment,null,Ue.createElement(Vu,{key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`}))}),Ue.createElement(BS,{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>=za&&a<=Oa?n(a):n(null)},suffix:o&&Ue.createElement(Xu,{variant:"body",size:"small"},"%"),placeholder:Ku.t("Custom")})))}i(Us,"Slippage");var VS=OS("div",{paddingLeft:"$8"});function Yu(){let t=HS(),{theme:e}=d().config,o=d().fetchStatus,n=d().swappers(),r=d().getDisabledLiquiditySources(),{config:{features:s},isInCampaignMode:a,updateCampaignMode:l}=d(),p=a(),c=Oe("theme",s),u=Oe("liquiditySource",s),h=Oe("language",s),m=d().infiniteApprove,f=d().toggleInfiniteApprove,T=cn(n,r),S=T.filter(F=>F.type==="BRIDGE"||F.type==="AGGREGATOR"),y=S.length,g=S.filter(F=>F.selected).length,v=T.filter(F=>F.type==="DEX"),b=v.length,C=v.filter(F=>F.selected).length,x=i((F,N)=>{switch(o){case"loading":return Q.createElement(US,{variant:"text",size:"medium",width:50});case"failed":return Q.createElement(Ht,{variant:"body",size:"medium",color:"$error500"},Bt.t("Loading failed"));default:return Q.createElement(Ht,{variant:"body",size:"medium"},`${F} / ${N}`)}},"handleEndItem"),I={id:"bridge-item",title:Q.createElement(Ht,{variant:"title",size:"xmedium"},Bt.t("Enabled bridges")),end:Q.createElement(Q.Fragment,null,x(g,y),Q.createElement(zs,{direction:"horizontal",size:8}),Q.createElement(Os,{color:"black"})),onClick:()=>t($.bridges)},w={id:"exchange-item",title:Q.createElement(Ht,{variant:"title",size:"xmedium"},Bt.t("Enabled exchanges")),end:Q.createElement(Q.Fragment,null,x(C,b),Q.createElement(zs,{direction:"horizontal",size:8}),Q.createElement(Os,{color:"gray"})),onClick:()=>t($.exchanges)},k={id:"theme-item",title:Q.createElement(Ht,{variant:"title",size:"xmedium"},Bt.t("Theme")),end:Q.createElement(Os,{color:"gray"}),onClick:()=>t($.themes)},W={id:"infinite-approval-item",title:Q.createElement(Q.Fragment,null,Q.createElement(Ht,{variant:"title",size:"xmedium"},Bt.t("Infinite approval")),Q.createElement(zs,{direction:"horizontal",size:4}),Q.createElement(qS,{side:"top",sideOffset:4,container:L(),content:Q.createElement(kr,null,Q.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.")))},Q.createElement(_S,{color:"gray"}))),end:Q.createElement(zS,{checked:m}),onClick:f},E=u?[]:[I,w];!e?.singleTheme&&!c&&E.push(k),E.push(W);let[,P]=QS(),D=GS(),G=i(()=>{D&&p&&(P(F=>(F.delete("liquiditySources"),F),{replace:!0}),l("liquiditySources",void 0))},"onClick");return Q.createElement(ie,{header:{title:Bt.t("Settings")}},Q.createElement(ae,null,p&&Q.createElement(PS,{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:Q.createElement(VS,null,Q.createElement($S,{type:"secondary",size:"small",onClick:G},"Reset"))}),Q.createElement(Us,null),Q.createElement(DS,{type:Q.createElement(FS,{title:"_",id:"_",onClick:()=>console.log()}),items:E})))}i(Yu,"SettingsPage");import{i18n as BC}from"@lingui/core";import{cancelSwap as MC}from"@rango-dev/queue-manager-rango-preset";import{useManager as PC}from"@rango-dev/queue-manager-react";import{Alert as $C}from"@rango-dev/ui";import oa from"react";import{useParams as _C}from"react-router-dom";import{i18n as Tt}from"@lingui/core";import{getCurrentBlockchainOfOrNull as fC,getCurrentStep as gC,getRelatedWalletOrNull as hC}from"@rango-dev/queue-manager-rango-preset";import{Button as xm,CopyIcon as yC,Divider as SC,IconButton as CC,LinkIcon as TC,QuoteCost as kC,StepDetails as wC,Typography as uo,useCopyToClipboard as vC}from"@rango-dev/ui";import{useWallets as xC}from"@rango-dev/wallets-react";import bm from"bignumber.js";import{PendingSwapNetworkStatus as Nr}from"rango-types";import R,{useEffect as Im,useRef as bC,useState as Am}from"react";import{useNavigate as IC}from"react-router-dom";import{i18n as Mt}from"@lingui/core";var jS=[Mt.t("Sunday"),Mt.t("Monday"),Mt.t("Tuesday"),Mt.t("Wednesday"),Mt.t("Thursday"),Mt.t("Friday"),Mt.t("Saturday")];function Ju(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"):`${jS[e.getDay()]} ${o} ${n} ${r}`}, ${new Date(t).toLocaleTimeString()}`}i(Ju,"timeSince");function Zu(t){return t.finishTime?Ju(parseInt(t.finishTime)):Ju(parseInt(t.creationTime))}i(Zu,"getSwapDate");import{PendingSwapNetworkStatus as xr}from"rango-types";import br from"react";import{i18n as wr}from"@lingui/core";import{Button as Ru,Divider as qs,MessageBox as KS,Typography as em}from"@rango-dev/ui";import ct from"react";var tm=i(({onCancel:t,onClose:e})=>ct.createElement(ct.Fragment,null,ct.createElement(qs,{size:20}),ct.createElement(KS,{type:"error",title:wr.t("Cancel Swap"),description:wr.t("Are you sure you want to cancel this swap?")}),ct.createElement(qs,{size:32}),ct.createElement(Ru,{variant:"contained",type:"primary",size:"large",onClick:t},ct.createElement(em,{variant:"title",size:"medium",color:"neutral100"},wr.t("Yes, Cancel it"))),ct.createElement(qs,{size:12}),ct.createElement(Ru,{variant:"outlined",type:"primary",size:"large",onClick:e},ct.createElement(em,{variant:"title",size:"medium",color:"primary"},wr.t("No, Continue")))),"CancelContent");import{i18n as vr}from"@lingui/core";import{Button as om,Divider as Gs,MessageBox as XS,Typography as nm}from"@rango-dev/ui";import ut from"react";var rm=i(({onDelete:t,onClose:e})=>ut.createElement(ut.Fragment,null,ut.createElement(Gs,{size:20}),ut.createElement(XS,{type:"error",title:vr.t("Delete Transaction"),description:vr.t("Are you sure you want to delete this swap?")}),ut.createElement(Gs,{size:32}),ut.createElement(om,{variant:"contained",type:"primary",size:"large",onClick:t},ut.createElement(nm,{variant:"title",size:"medium",color:"neutral100"},vr.t("Yes, Delete it"))),ut.createElement(Gs,{size:12}),ut.createElement(om,{variant:"outlined",type:"primary",size:"large",onClick:e},ut.createElement(nm,{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 JS,Wallet as ZS}from"@rango-dev/ui";import{useWallets as RS}from"@rango-dev/wallets-react";import zo from"react";import{styled as YS}from"@rango-dev/ui";var im=YS("div",{display:"flex",justifyContent:"center"});var sm=i(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:s,walletButtonDisabled:a}=t,{connect:l,getWalletInfo:p,state:c}=RS(),u=n?.walletType,h=u?Ur(c(u)):null,m=u?p(u):null;return zo.createElement(zo.Fragment,null,zo.createElement(JS,{type:e,title:o,description:r}),s&&!!u&&!!h&&!!m&&zo.createElement(im,null,zo.createElement(ZS,{container:L(),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(se,{open:!!e,onClose:o,container:document.getElementById(Ae.SWAP_BOX_ID)||document.body},p&&br.createElement(sm,{type:Vs[e].type,title:Vs[e].title,currentStepWallet:s,message:a,walletButtonDisabled:l,showWalletButton:e!==xr.WaitingForNetworkChange}),e==="delete"&&br.createElement(rm,{onClose:o,onDelete:n}),e==="cancel"&&br.createElement(tm,{onClose:o,onCancel:r}))}i(js,"SwapDetailsModal");import{i18n as qo}from"@lingui/core";import{Button as Ks,Divider as Ir,MessageBox as am,TokenAmount as eC,Typography as Ar}from"@rango-dev/ui";import we from"react";import{useNavigate as tC}from"react-router-dom";function Xs(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=tC();return we.createElement(se,{open:e,onClose:o,container:document.getElementById(Ae.SWAP_BOX_ID)||document.body},n==="success"?we.createElement(am,{type:"success",title:qo.t("Swap Successful")},we.createElement(eC,{direction:"vertical",tooltipContainer:L(),type:"output",centerAlign:!0,price:{value:r,usdValue:s,realUsdValue:a,realValue:l},token:p,chain:c,percentageChange:u}),we.createElement(Ir,{size:12}),we.createElement(Ar,{variant:"body",size:"medium",color:"neutral700",align:"center"},h)):we.createElement(am,{type:"error",title:qo.t("Transaction Failed"),description:h}),we.createElement(Ir,{size:32}),n==="success"&&we.createElement(Ks,{variant:"contained",type:"primary",size:"large",onClick:()=>{f("../../")}},we.createElement(Ar,{variant:"title",size:"medium",color:"neutral100"},qo.t("Done"))),we.createElement(Ir,{size:12}),m&&we.createElement(we.Fragment,null,we.createElement(Ks,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(m,"_blank")},we.createElement(Ar,{variant:"title",size:"medium",color:"primary"},qo.t("Diagnosis"))),we.createElement(Ir,{size:12})),we.createElement(Ks,{variant:"outlined",type:"primary",size:"large",onClick:o},we.createElement(Ar,{variant:"title",size:"medium",color:"primary"},qo.t("See Details"))))}i(Xs,"SwapDetailsCompleteModal");import mC from"react";import{i18n as lC}from"@lingui/core";import{Alert as dm,IconButton as pC,LinkIcon as cC}from"@rango-dev/ui";import Pt,{Fragment as uC}from"react";import{Alert as oC,ChevronDownIcon as nC,ChevronUpIcon as rC,IconButton as iC}from"@rango-dev/ui";import Er,{useState as sC}from"react";function lm(t){let{message:e}=t,[o,n]=sC(!1);return Er.createElement(oC,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&Er.createElement(iC,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?Er.createElement(rC,{size:12,color:"gray"}):Er.createElement(nC,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}i(lm,"FailedAlert");import{styled as aC}from"@rango-dev/ui";var pm=aC("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as cm}from"@lingui/core";import{Alert as Ys,Button as um}from"@rango-dev/ui";import{PendingSwapNetworkStatus as Js}from"rango-types";import Go from"react";function mm(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?Go.createElement(Ys,{type:"warning",title:n.shortMessage,action:Go.createElement(um,{size:"xxsmall",type:"warning",onClick:()=>{o(Js.WaitingForNetworkChange),e().catch(s=>{console.log(s)})}},cm.t("Change"))}):r===Js.WaitingForConnectingWallet?Go.createElement(Ys,{type:"warning",title:n.shortMessage,action:Go.createElement(um,{size:"xxsmall",type:"warning",onClick:()=>{o(Js.WaitingForConnectingWallet)}},cm.t("Connect"))}):Go.createElement(Ys,{type:"warning",title:n.shortMessage})}i(mm,"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(pm,null,s.explorerUrl?.map((h,m,f)=>{let T=m+h.url,S=m===f.length-1,y=(S&&c||p)&&!u,g=S&&s.status==="failed";return Pt.createElement(uC,{key:T},Pt.createElement(dm,{type:S&&(y&&"loading"||g&&"error")||"success",title:h.description?`${h.description} Tx`:lC.t("View transaction"),action:h.url&&Pt.createElement(pC,{variant:"ghost",size:"xsmall",onClick:()=>window.open(h.url,"_blank")},Pt.createElement(cC,{size:12}))}))}),u&&Pt.createElement(dm,{type:"loading",title:r.shortMessage}),s.status!=="failed"&&l&&Pt.createElement(mm,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),s.status==="failed"&&Pt.createElement(lm,{message:r}))}i(Zs,"SwapDetailsAlerts");var fm=2e3;var gm=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:ze(s.fromBlockchain,e)??"",image:s.fromBlockchainLogo??""},price:{value:A(l,6,6),realValue:l}},to:{token:{displayName:s.toSymbol,image:s.toLogo},chain:{displayName:ze(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:ze(p.fromBlockchain,e)??""},to:{blockchain:ze(p.toBlockchain,e)??""},swapper:{displayName:yo(p.swapperId,o),image:p.swapperLogo??"",type:p.swapperType}})):[],alerts:mC.createElement(Zs,{step:s,hasAlreadyProceededToSign:r,...n})}})},"getSteps");function hm(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(hm,"getStepState");import{css as Ho,darkTheme as dC,styled as Qt}from"@rango-dev/ui";var ym=Qt("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),Wr=Qt("div",{width:"100%"}),Sm=Qt(To,{padding:"$0 $20 $20 $20"}),t1=Qt("div",{display:"flex",flexDirection:"column",gap:"$10"}),Cm=Qt("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),o1=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",[`.${dC} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color",color:"$neutral500"}),Tm=Ho({padding:"$5 0"}),Lr=Ho({display:"flex",justifyContent:"center",alignItems:"center",height:"$24"}),km=Ho({display:"flex",width:"100%",padding:"$15 $20 $20",flexDirection:"column",alignItems:"start"}),wm=Ho({width:"100%",padding:"0 $20 $10"}),vm=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}=xC(),p=d().blockchains(),c=d().swappers(),u=d().tokens(),h=X.use.retry(),m=oe.use.isActiveTab(),f=IC(),[T,S]=vC(fm),y=bC(null),[g,v]=Am(null),[b,C]=Am(null),x=i(()=>{r(),v(null)},"onCancel"),I=De.use.getUnreadNotifications(),w=De.use.setAsRead(),k=I(),W=gC(e),E=W?.networkStatus;Im(()=>{k.find(kt=>kt.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(C(e.status),w(e.requestId))},[e.status]),Im(()=>{te?v(Nr.WaitingForNetworkChange):E===Nr.WaitingForConnectingWallet||E===Nr.NetworkChanged?v(E):v(null)},[E]);let P=ul(e),D=W?fC(e,W):null,G=W?hC(e,W):null,F=Zu(e),N=ml(e),ee=i(_e=>!!l(_e)?.mobileWallet,"isMobileWallet"),te=E===Nr.WaitingForNetworkChange&&!!D&&!!G?.walletType&&(ee(G.walletType)||s(G.walletType,D)),z=te?a.bind(null,G.walletType,D):void 0,Me=cl(e,W),j=gm({swap:e,switchNetwork:z,showNetworkModal:E,setNetworkModal:v,message:Me,blockchains:p,swappers:c}),Y=j.length,[Ie,Ce]=[e.steps[0],e.steps[Y-1]],Te=Ce.outputAmount||Ce.expectedOutputAmountHumanReadable,mt=e.steps.reduce((_e,kt)=>_e+parseFloat(kt.feeInUsd||""),0),U=e.steps.find(_e=>_e.diagnosisUrl)?.diagnosisUrl,J=A(parseFloat(A(Te,6,6))*(Ce.toUsdPrice||0),4,4),Z=A(parseFloat(e.inputAmount)*(Ie.fromUsdPrice||0),4,4),me=Te?pe(new bm(Te).multipliedBy(Ce.toUsdPrice||0)):"",ve=pe(new bm(e.inputAmount).multipliedBy(Ie.fromUsdPrice||0)),je=qe(Z,J),Dr=e.status==="success"?Tt.t({id:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:A(Te,6,6),token:j[Y-1].to.token.displayName,conciseAddress:sn(e.wallets[j[Y-1].to.chain.displayName]?.address||""),chain:j[Y-1].to.chain.displayName}}):`${Tt.t("Transaction was not sent.")} ${P?Tt.t({id:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:P.outputAmount,symbol:P.symbol,blockchain:P.blockchain}}):""}`;return R.createElement(ie,{header:{title:Tt.t("Swap and Bridge"),onCancel:e.status==="running"?()=>v("cancel"):void 0,suffix:e.status!=="running"&&R.createElement(Rt,null,R.createElement(xm,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>v("delete")},R.createElement(uo,{size:"medium",variant:"label",color:"error"},Tt.t("Delete"))))},footer:N&&!b&&R.createElement(xm,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{h(e,{blockchains:p,tokens:u}),setTimeout(()=>{f("../../")},0)}},Tt.t("Try again"))},R.createElement(ae,{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(CC,{variant:"ghost",onClick:S.bind(null,o||"")},R.createElement(yC,{size:16,color:"gray"})),R.createElement(vm,{target:"_blank",href:`${ca}/swap/${o}`},R.createElement(TC,{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"},F))),R.createElement("div",{className:km()},R.createElement(kC,{fee:A(String(mt),2,2),time:Jo(Zo(e.steps)),steps:Y}),R.createElement(Ao,{from:{price:{value:A(e.inputAmount,6,6),usdValue:Z,realUsdValue:ve,realValue:e.inputAmount},token:{displayName:j[0].from.token.displayName,image:j[0].from.token.image},chain:{image:j[0].from.chain.image,displayName:j[0].from.chain.displayName}},to:{price:{value:A(Te,6,6),usdValue:J,realUsdValue:me,realValue:Te},token:{displayName:j[Y-1].to.token.displayName,image:j[Y-1].to.token.image},chain:{image:j[Y-1].to.chain.image,displayName:j[Y-1].to.chain.displayName}},percentageChange:A(je,2,2),warningLevel:ft(je??0)})),R.createElement("div",{className:wm()},R.createElement(uo,{variant:"title",size:"small"},Tt.t("Swaps steps"))),R.createElement(SC,{size:8}),R.createElement(Sm,{ref:y},j.map((_e,kt)=>{let la=kt,mo=hm(e.steps[kt]),Km=mo==="error"||mo==="in-progress"||mo==="warning"||mo==="completed"&&kt===j.length-1;return R.createElement(wC,{key:la,step:_e,type:"swap-progress",ref:y,state:mo,hasSeparator:kt!==0,tabIndex:la,isFocused:Km,tooltipContainer:L()})}))),R.createElement(js,{state:g,onClose:()=>v(null),onCancel:x,onDelete:n,message:Me.detailedMessage.content,currentStepWallet:G,walletButtonDisabled:!m}),R.createElement(Xs,{open:!!b,diagnosisUrl:U,onClose:()=>C(null),status:e.status==="success"?"success":"failed",priceValue:A(Te,6,6),usdValue:J,realUsdValue:me,realValue:pe(Te),percentageChange:A(je,2,2),token:{displayName:j[Y-1].to.token.displayName,image:j[Y-1].to.token.image},chain:{image:j[Y-1].to.chain.image},description:Dr}))}i(Rs,"SwapDetails");import{i18n as Mr}from"@lingui/core";import{Divider as Lm,NotFound as NC,Skeleton as Vo,Typography as Pr}from"@rango-dev/ui";import ue from"react";import{i18n as AC}from"@lingui/core";import{Divider as EC,Skeleton as WC,Typography as LC}from"@rango-dev/ui";import fe from"react";import{css as tt,styled as ea}from"@rango-dev/ui";var Em=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"}),$1=tt({display:"flex",justifyContent:"space-between",alignItems:"center"}),_1=tt({display:"flex",justifyContent:"space-between",alignItems:"center"}),D1=tt({paddingTop:"$15",display:"flex"}),F1=tt({padding:"$15 $0"}),U1=tt({width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"}),O1=tt({paddingBottom:"$10"}),z1=tt({display:"flex",justifyContent:"start",alignItems:"center"}),q1=tt({paddingTop:"$5",display:"flex",alignItems:"center"}),G1=tt({display:"flex",alignItems:"center"}),H1=tt({padding:"$4 $6",display:"flex",justifyContent:"center",alignItems:"center"}),Wm=tt({display:"flex",paddingTop:"$10",paddingBottom:"$5"});function ta(){return fe.createElement(Em,null,fe.createElement(Lo,{type:"swap-preview"}),fe.createElement("div",{className:"swaps-steps"},fe.createElement(LC,{variant:"title",size:"small"},AC.t("Swaps steps"))),fe.createElement(fe.Fragment,null,fe.createElement(Qo,null,fe.createElement(pt,{separator:!1}),fe.createElement("div",{className:Wm()},fe.createElement(EC,{direction:"horizontal",size:20}),fe.createElement(WC,{height:22,variant:"rectangular"}))),fe.createElement(Br,null),fe.createElement(Qo,null,fe.createElement(pt,{separator:!1})),fe.createElement(Br,null),fe.createElement(Qo,null,fe.createElement(pt,{separator:!1})),fe.createElement(Br,null),fe.createElement(Qo,null,fe.createElement(pt,{separator:!1}))))}i(ta,"LoadingSwapDetails");function Nm(t){let{requestId:e,showSkeleton:o}=t;return ue.createElement(ie,{header:{title:Mr.t("Swap and Bridge"),suffix:ue.createElement(Rt,null)}},o&&ue.createElement(ym,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(Lm,{direction:"horizontal",size:4}),ue.createElement(Vo,{width:16,height:16,variant:"rectangular"}),ue.createElement(Lm,{direction:"horizontal",size:4}),ue.createElement(Vo,{width:16,height:16,variant:"rectangular"}))),ue.createElement("div",{className:co()},ue.createElement(Pr,{className:Tm(),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(Cm,null,ue.createElement(NC,{title:Mr.t("Not found"),description:Mr.t({id:"Swap with request ID = {requestId} not found.",values:{requestId:e}})})))}i(Nm,"SwapDetailsPlaceholder");function Bm(){let{manager:t,state:e}=PC(),o=!e.loadedFromPersistor,n=At(t),{requestId:r}=_C(),s=It(),{fetchStatus:a}=d();if(!r)return oa.createElement($C,{containerStyles:{margin:"20px"},type:"error",title:BC.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&&MC(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(Nm,{requestId:r,showSkeleton:l}):oa.createElement(Rs,{swap:h,requestId:r,onCancel:c,onDelete:u})}i(Bm,"SwapDetailsPage");import{i18n as jo}from"@lingui/core";import{AutoThemeIcon as DC,DarkModeIcon as FC,LightModeIcon as UC,List as OC,ListItemButton as zC,Radio as na,RadioRoot as qC,Typography as ra}from"@rango-dev/ui";import Pe from"react";function Mm(){let{setTheme:t,theme:e}=d(),o=[{id:"light",value:"light",title:Pe.createElement(ra,{variant:"title",size:"xmedium"},jo.t("Light")),onClick:()=>t("light"),start:Pe.createElement(UC,{color:"gray"}),end:Pe.createElement(na,{value:"light"})},{id:"dark",value:"dark",title:Pe.createElement(ra,{variant:"title",size:"xmedium"},jo.t("Dark")),onClick:()=>t("dark"),start:Pe.createElement(FC,{color:"gray"}),end:Pe.createElement(na,{value:"dark"})},{id:"auto",value:"auto",title:Pe.createElement(ra,{variant:"title",size:"xmedium"},jo.t("Auto")),onClick:()=>t("auto"),start:Pe.createElement(DC,{color:"gray"}),end:Pe.createElement(na,{value:"auto"})}];return Pe.createElement(ie,{header:{title:jo.t("Theme")}},Pe.createElement(ae,null,Pe.createElement(qC,{onValueChange:n=>t(n),value:e},Pe.createElement(OC,{type:Pe.createElement(zC,{title:jo.t("Theme"),id:"_",onClick:()=>console.log()}),items:o}))))}i(Mm,"ThemePage");function Pm(){return Tl(),li(),GC([{path:$.home,element:$e.createElement(lu,null)},{path:$.fromSwap,children:[{index:!0,element:$e.createElement(Ds,{type:"source"})},{path:$.blockchains,element:$e.createElement(Ts,{type:"source"})}]},{path:$.toSwap,children:[{index:!0,element:$e.createElement(Ds,{type:"destination"})},{path:$.blockchains,element:$e.createElement(Ts,{type:"destination"})}]},{path:$.settings,children:[{index:!0,element:$e.createElement(Yu,null)},{path:$.themes,element:$e.createElement(Mm,null)},{path:$.languages,element:$e.createElement(cu,null)},{path:$.exchanges,element:$e.createElement(hs,{sourceType:"Exchanges"})},{path:$.bridges,element:$e.createElement(hs,{sourceType:"Bridges"})}]},{path:$.swaps,children:[{index:!0,element:$e.createElement(tu,null)},{path:$.swapDetails,element:$e.createElement(Bm,null)}]},{path:$.wallets,element:$e.createElement(Sp,null)},{path:$.confirmSwap,element:$e.createElement(Gc,null)}])}i(Pm,"AppRoutes");import{isApprovalTX as HC,MainEvents as $m,RouteEventType as _m,StepEventType as Dm,StepExecutionEventStatus as QC,useEvents as VC}from"@rango-dev/queue-manager-rango-preset";import{useEffect as Fm}from"react";function Um(){let t=d().tokens(),e=V.use.connectedWallets(),o=V.use.getWalletsDetails(),n=De.use.setNotification(),r=VC();return Fm(()=>(r.on($m.StepEvent,s=>{let{event:a,step:l,route:p}=s;if(a.type===Dm.TX_EXECUTION&&a.status===QC.TX_SENT&&!HC(l)||a.type===Dm.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]),Fm(()=>(r.on($m.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(Um,"WidgetEvents");import{globalCss as jC}from"@rango-dev/ui";var Om=i(()=>jC({"@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 zm(){let{setWatermark:t}=oe();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(zm,"useFetchApiConfig");import{styled as KC}from"@rango-dev/ui";var qm=KC("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(){Om();let{config:t}=d(),{activeTheme:e}=$n(t?.theme||{}),{activeLanguage:o}=ao(),[n,r]=Gm(""),[s,a]=Gm(),l=YC(dn),{fetchApiConfig:p}=zm();return JC(()=>{De.persist.rehydrate(),l.onConnectWallet(r),p().catch(console.log)},[]),Ko.createElement(XC,{language:o},Ko.createElement(qm,{id:"swap-container",className:e()},Ko.createElement(Um,null),Ko.createElement(Ya,{lastConnectedWallet:n,disconnectedWallet:s,clearDisconnectedWallet:()=>{a(void 0)}},Ko.createElement(Pm,null))))}i($r,"Main");import sa,{useMemo as gT}from"react";import{checkWaitingForNetworkChange as ZC,makeQueueDefinition as RC}from"@rango-dev/queue-manager-rango-preset";import{Provider as eT}from"@rango-dev/queue-manager-react";import{useWallets as tT}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as oT}from"@rango-dev/wallets-shared";import{isEvmBlockchain as nT}from"rango-types";import rT,{useMemo as iT}from"react";function sT(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:s,getWalletInfo:a}=tT(),l=iT(()=>RC({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,C)=>{if(s(b,C))return r(b,C)},"switchNetwork"),m=i(b=>!!a(b).mobileWallet,"isMobileWallet"),f=p.filter(b=>b.enabled).reduce((b,C)=>(b[C.name]=C,b),{}),T=p.filter(nT),S=i(b=>{let{supportedChains:C}=a(b);return tn(C)},"getSupportedChainNames"),y=e(),g={meta:{blockchains:f,evmBasedChains:T,evmNetworkChainInfo:oT(T),getSupportedChainNames:S},getSigners:o,wallets:u,providers:y,switchNetwork:h,canSwitchNetworkTo:s,connect:r,state:n,isMobileWallet:m},v=oe.use.isActiveTab();return rT.createElement(eT,{queuesDefs:[l],context:g,onPersistedDataLoaded:b=>{ZC(b)},isPaused:!v},t.children)}i(sT,"QueueManager");var Hm=sT;import{useManager as uT}from"@rango-dev/queue-manager-react";import mT,{createContext as dT,useContext as fT}from"react";import{cancelSwap as aT,getCurrentBlockchainOfOrNull as lT,getCurrentStep as pT,getRelatedWalletOrNull as cT}from"@rango-dev/queue-manager-rango-preset";var Xo=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&&aT(o)}getCurrentStepInfo(e){let o=pT(e);return{step:o,wallet:o?cT(e,o):null,network:o?lT(e,o):null}}};i(Xo,"WidgetHistory");var Qm=dT(void 0);function ia(t){let{manager:e}=uT(),o=oe.use.isActiveTab(),n=X.use.retry(),r=new Xo(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,T=De().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:T}};return mT.createElement(Qm.Provider,{value:S},t.children)}i(ia,"WidgetInfo");function Vm(){let t=fT(Qm);if(!t)throw new Error("useWidget can only be used within the WidgetProvider component");return t}i(Vm,"useWidget");function _r(t){let{onUpdateState:e,config:o}=t;return gT(()=>{Ia({API_KEY:o?.apiKey||Yo,BASE_URL:o?.apiUrl||pa})},[o.apiKey,o.apiUrl]),sa.createElement(fn,{config:o,onUpdateState:e},sa.createElement(Hm,{apiKey:o.apiKey},sa.createElement(ia,null,t.children)))}i(_r,"WidgetProvider");function jm(t){return hT(()=>(_t.init(),_t.destroy),[]),t.config?.externalWallets?aa.createElement($r,null):aa.createElement(_r,{config:t.config??Hr},aa.createElement($r,null))}i(jm,"Widget");export{xO as EventSeverity,bO as MainEvents,$O as Networks,FO as PendingSwapNetworkStatus,IO as RouteEventType,AO as StepEventType,EO as StepExecutionBlockedEventStatus,WO as StepExecutionEventStatus,Ae as UI_ID,MO as WalletEvents,_O as WalletTypes,jm as Widget,_r as WidgetProvider,fn as WidgetWallets,gi as customizedThemeTokens,BO as readAccountAddress,bp as useWallets,Vm as useWidget,LO 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 tn="c6381a79-2817-4602-83bf-6a641a409e32",ca="https://api.rango.exchange",ma="https://scan.rango.exchange",Ee={SWAP_BOX_ID:"rango-swap-box",...cd};import{Events as ei,Provider as Hd}from"@rango-dev/wallets-react";import{isEvmBlockchain as Gd}from"rango-sdk";import yn,{createContext as Vd,useEffect as ti,useRef as jd,useState 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 ha}from"@rango-dev/wallets-shared";import Gr 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 da=[dd.LEAP];import{BigNumber as ga}from"bignumber.js";var on=i(t=>{let e=(t%60).toString().padStart(2,"0");return`${parseInt((t/60).toString()).toString().padStart(2,"0")}:${e}`},"secondsToString"),E=i((t,e=null,o=null)=>{if(t==null||t==="")return"";let n=new ga(t),r=1,s=1e3;for(let a=0;a<60;a++)if(new ga(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 nn=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 E(t,12,12).replace(/(?:\.0*|(\.\d+?)0*)$/,"$1")}i(pe,"formatTooltipNumbers");function Vr(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(Vr,"mapStatusToWalletState");function ya(t,e,o,n){return o.filter(r=>!da.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=Vr(t(r));return{title:s,image:a,link:gd(l),state:p,type:r}})}i(ya,"mapWalletTypesToWalletInfo");function an(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}i(an,"walletAndSupportedChainsNames");function Sa(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===ha.Unknown;if(h&&!m&&!d)return;let S=c===ha.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(Sa,"prepareAccountsForWalletStore");function Ca(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(Ca,"getRequiredChains");function ln(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}i(ln,"isAccountAndWalletMatched");function Ta(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 Gr(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:Td(o,r.asset.symbol,r.asset.address,e)||null}))||[]}i(Ta,"makeBalanceFor");function ka(t){return{...t,loading:!1,error:!0}}i(ka,"resetConnectedWalletState");var wa=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=E(n?.flatMap(s=>s.accounts)?.flatMap(s=>s?.balances)?.map(s=>new Gr(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"),pn=i((t,e)=>{let o=hd(Object.entries(t).map(([,n])=>n).filter(Sd));return o&&o[e]?.experimental},"isExperimentalChain");function un(t){return t?{...t,amount:E(t.amount,8,8),usdValue:E(t.usdValue,4,4)}:null}i(un,"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 va(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(va,"sortTokens");function Le(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}i(Le,"areTokensEqual");function xa(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(xa,"sortWalletsBasedOnConnectionState");function cn(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(cn,"getConciseAddress");function ba({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}i(ba,"getAddress");function jr(t){return`${t.blockchain}-${t.symbol}-${t.address??""}`}i(jr,"createTokenHash");function mn(t){return t.flatMap(e=>e.balances).reduce((e,o)=>{let n={amount:o?.amount??"",decimals:o?.decimal??0,usdValue:o?.usdPrice?new Gr(o?.usdPrice??We).multipliedBy(o?.amount).toString():""},r=o?jr({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(mn,"makeTokensBalance");var Ia=i((t,e)=>!!t.find(o=>o.chain===e&&o.loading),"isFetchingBalance");function Aa(t){return t.map(e=>e.state).join("-")}i(Aa,"hashWalletsState");var Kr={API_KEY:tn};function ht(t){return Kr[t]||""}i(ht,"getConfig");function Ea(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),Kr=e,Kr}i(Ea,"initConfig");var Wa=20,La=25,Ma="Roboto",Xr="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"),Yr=i((t,e)=>t&&e&&!e.includes(t.name),"isBlockchainExcludedInConfig");var dn,It=i(()=>dn||(dn=new vd(ht("API_KEY"),ht("BASE_URL")),dn),"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"),At=xd;var X=At(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:mn(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=>ln(p,l))?{...l,loading:!0}:l)}));try{let a=o.map(({address:u,chain:c})=>({address:u,blockchain:c})),p=(await It().getWalletsDetails(a)).wallets;if(p)t(u=>{let c=u.connectedWallets.map(m=>{let d=o.find(S=>ln(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:Ta(C,n),loading:!1}:m});return{loading:!1,balances:mn(c),connectedWallets:c}});else throw new Error("Wallet not found")}catch{t(l=>{let p=l.connectedWallets.map(c=>o.find(h=>ln(h,c))?ka(c):c);return{loading:!1,balances:mn(p),connectedWallets:p}})}},getBalanceFor:o=>{let{balances:n}=e(),r=jr(o);return n[r]??null}}))));import{allProviders as Ad}from"@rango-dev/provider-all";function fn(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(fn,"matchAndGenerateProviders");function Na(t,e){return fn(t,e).map(r=>r.config.type)}i(Na,"configWalletsToWalletName");function Ba(t,e){let o=X.use.clearConnectedWallet(),n=fn(void 0,e);return Ed(()=>{o(),n=fn(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}i(Ba,"useWalletProviders");import Dd,{createContext as Fd,useContext as Ud,useEffect as Od,useRef as qd}from"react";import{create as $d}from"zustand";import{persist as _d}from"zustand/middleware";var Jr={apiKey:"",title:void 0,multiWallets:!0,enableNewLiquiditySources:!0,customDestination:!0},Wd={clientUrl:void 0},Ld={liquiditySources:void 0},Pa=i((t,e,o)=>({config:{...Jr,...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 gn(t){return Array.from(new Set(t))}i(gn,"removeDuplicateFrom");function Zr(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}i(Zr,"areEqual");function $a(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}i($a,"debounce");function Ft(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}i(Ft,"containsText");var N=i(()=>document.getElementById(Ee.SWAP_BOX_ID),"getContainer");function hn(t,e){let o=t.map(s=>s.swapperGroup),n=[];return gn(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(hn,"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 Da(t,e){return e?.[t]==="enabled"}i(Da,"isFeatureEnabled");var Fa=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?!!(Ft(p.symbol,o.searchFor)||Ft(p.address||"",o.searchFor)||Ft(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 It().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,Spanish as Pd}from"@rango-dev/ui";var Ua=[{title:"English",label:"English",local:"en",SVGFlag:Md},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:Pd},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:Nd},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:Bd}],To="en";var Oa=[.5,1,3],qa=1,za=5,Qa=100,Ha=0;var Ga=i((t,e)=>({disabledLiquiditySources:[],theme:"auto",language:null,preferredBlockchains:[],slippage:qa,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=gn(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 Va(t){return $d()(_d((...e)=>({...Fa(...e),...Ga(...e),...Pa(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(Va,"createAppStore");var ja=Fd(null);function g(){let t=Ud(ja);if(Od(()=>{t&&!t.persist.hasHydrated()&&t.persist.rehydrate()},[]),!t)throw new Error("Missing AppStoreContext.Provider in the tree");return t()}i(g,"useAppStore");function Ka(t){let e=qd();return e.current||(e.current=Va(t.config)),Dd.createElement(ja.Provider,{value:e.current},t.children)}i(Ka,"AppStoreProvider");import{create as Qd}from"zustand";var Xa="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(Xa),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=At(Qd()((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})}}))),Ut=new Xt({onInit:()=>ne.setState({tabManagerInitiated:!0}),onClaim:()=>ne.setState({isActiveTab:!0,showActivateTabModal:!1}),onRelease:()=>ne.setState({isActiveTab:!1})});var Sn=Vd({onConnectWallet:()=>{}});function Xd(t){let{updateConfig:e,updateSettings:o,fetch:n}=g(),r=g().blockchains(),s=g().tokens(),a={walletConnectProjectId:t.config?.walletConnectProjectId},[l,p]=Kd([]),{providers:u}=Ba(t.config.wallets,a),{connectWallet:c,disconnectWallet:h}=X(),m=jd();ti(()=>{n().catch(console.log)},[]),ti(()=>{t.config&&(e(t.config),o(t.config))},[t.config]);let d=r.filter(Gd).map(y=>y.name),C=i((y,f,w,k,v)=>{if(f===ei.ACCOUNTS)if(w){let I=an(v.supportedBlockchains),x=Sa(y,w,d,I,v.isContractWallet);p(x)}else h(y);if(f===ei.ACCOUNTS&&k.connected){let I=`${y}-${k.network}-${w}`;k.connected&&(m.current?m.current(I):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(f===ei.NETWORK&&k.network){let I=`${y}-${k.network}`;m.current?m.current(I):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(y,f,w,k,v)},"onUpdateState"),S=ne.use.isActiveTab();return ti(()=>{l.length&&c(l,s)},[l,s]),yn.createElement(Sn.Provider,{value:{onConnectWallet:y=>{m.current=y}}},yn.createElement(Hd,{allBlockChains:r,providers:u,onUpdateState:C,autoConnect:!!S},t.children))}i(Xd,"Main");function Cn(t){let{config:e,...o}=t;return yn.createElement(Ka,{config:e},yn.createElement(Xd,{...o,config:e}))}i(Cn,"WidgetWallets");import pa,{useEffect as FT}from"react";import{I18nManager as yT}from"@rango-dev/ui";import Ro,{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 F={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 En}from"react";import Wt 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 Et=(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))(Et||{});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 vn}from"rango-types";function Tn(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(Tn,"getRequiredWallets");function kn(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}i(kn,"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 wn}from"@lingui/core";var qt=i(()=>({connectWallet:wn.t("Connect Wallet"),swap:wn.t("Swap"),swapAnyway:wn.t("Swap anyway"),ethWarning:wn.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:E(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:E(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:E(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:E(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:qt().connectWallet,action:"connect-wallet",disabled:!0}:o?n||!s||l||!r||r==="0"?{title:qt().swap,action:"confirm-swap",disabled:!0}:a?{title:qt().swapAnyway,action:"confirm-warning",disabled:!1}:p?{title:qt().ethWarning,action:"confirm-warning",disabled:!1}:{title:qt().swap,action:"confirm-swap",disabled:!1}:{title:qt().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 xn(t,e){return t.reduce((o,n)=>o.plus(pf(n,e)),We)}i(xn,"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 bn(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(bn,"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=Ca(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=E(new Me(a.currentAmount.amount).shiftedBy(-a.currentAmount.decimals),8,8),u=E(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 In(t,e){return(t?new Me(t):We).multipliedBy(e||0)}i(In,"calcOutputUsdValue");function wo(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==vn.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 vn.WaitingForConnectingWallet:n=n||Ye.t("Waiting for connecting wallet");break;case vn.WaitingForQueue:n=n||Ye.t("Waiting for other running tasks to be finished");break;case vn.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&&!kn(s,o)}i(Cl,"confirmSwapDisabled");function An(t){let e=t?.swaps||[];return e[e.length-1].to.usdPrice}i(An,"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!Zr(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!Zr(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=zt(o,t.requestAmount),l=zt(n,t?.outputAmount??"");if(t&&a&&l){let c=Ve(a.toString(),l.toString());if(!!c&&ol(a,c)){let m=xn(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=bn(t.swaps),u=s>za;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 zt=i((t,e)=>t?.usdPrice?new Wt(e||We).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),V=At(mf()(df(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new Wt(0),outputUsdValue:new Wt(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 Wt(e?.outputAmount):null,r=In(e?.outputAmount,An(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 Wt(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:zt(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 Wt(0),outputUsdValue:new Wt(0),selectedQuote:null},...!!o.fromToken&&{inputUsdValue:zt(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:zt(a??null,u),outputUsdValue:new Wt(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:zt(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=En(void 0),I=En(void 0),x=En(void 0),T=En(void 0);Zt(()=>{t(u?.amount?.toString()||"")},[u?.amount]),Zt(()=>{if(c==="success"){let b=h.find(W=>W.name===u?.from?.blockchain),L=m.find(W=>Le(W,u?.from?.token||null));(b||!b&&x.current)&&n(b??null),L?r({token:L,meta:{blockchains:h,tokens:m}}):!L&&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}),Yr(l,f)&&n(null)},[y,f]),Zt(()=>{Co(a,w)&&r({token:null}),Yr(p,k)&&o(null)},[w,k]),Zt(()=>{if(c==="success"){let b=h.find(W=>W.name===u?.to?.blockchain),L=m.find(W=>Le(W,u?.to?.token||null));(b||!b&&T.current)&&o(b??null),L?e({token:L,meta:{blockchains:h,tokens:m}}):!L&&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"),L=e.get("fromToken"),W=e.get("toBlockchain"),B=e.get("toToken"),A=e.get("autoConnect"),O=e.get("clientUrl"),q=e.get("liquiditySources");return{fromAmount:T,fromBlockchain:b,fromToken:L,toBlockchain:W,toToken:B,autoConnect:A,clientUrl:O,liquiditySources:q}},"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),L=ci(S,T.fromToken,b??null),W=C.find(A=>A.name===T.toBlockchain),B=ci(S,T.toToken,W??null);b&&(p(b),L&&c({token:L,meta:{blockchains:C,tokens:S}})),W&&(u(W),B&&h({token:B,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 Fo,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 Jn,WalletIcon as Jg}from"@rango-dev/ui";import _,{useEffect as Zg,useState as io}from"react";import{useNavigate as Rg}from"react-router-dom";import{i18n as Wn}from"@lingui/core";function Ln(t){switch(t.type){case 0:return Wn.t("Route has been updated.");case 3:return Wn.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return Wn.t("Route swappers has been updated.");case 2:return Wn.t("Route internal coins has been updated.");default:return""}}i(Ln,"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 Pn,{useRef as vf}from"react";import*as Rt from"@radix-ui/react-collapsible";import{keyframes as Ll,styled as Mn}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=Mn(Rt.Root,{borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),hi=Mn(Rt.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit",cursor:"pointer"}),Nn=Mn(Rt.Content,{overflow:"hidden",variants:{open:{true:{animation:`${kf} ${gi}ms ease-out`},false:{animation:`${wf} ${gi}ms ease-out`}}}}),Bn=Mn("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 Pn.createElement(Ml,{ref:p,className:"collapsible_root",selected:o&&e,open:e,onOpenChange:n},l==="top"&&Pn.createElement(hi,{className:"collapsible_trigger",onClick:s},a),Pn.createElement(Nn,{className:"collapsible_content",open:e},r),l==="bottom"&&Pn.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 Yn,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 _n}from"@rango-dev/wallets-shared";import{useCallback as Lf,useEffect as Mf,useState as Nf}from"react";var Bf=Object.values(_n);function Dn(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:s,disconnect:a,getWalletInfo:l,connect:p}=Ef(),{connectedWallets:u}=X(),c=g().blockchains(),h=Na(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||Bf,m=ya(s,l,h,o),d=xa(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)},[Aa(m)]);Mf(()=>()=>{w()},[]);let k=i(I=>I.filter(T=>T.state!=yi.NOT_INSTALLED&&![_n.DEFAULT,_n.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)=>pn(T,x)&&y(I)&&!Wf.includes(I)||I==_n.DEFAULT&&!k(m),"shouldExcludeWallet");return{list:d.filter(I=>!v(I.type,o??"",c)),error:C,handleClick:f,disconnectConnectingWallets:w}}i(Dn,"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 Fn(){return window.self!==window.top}i(Fn,"isAppLoadedIntoIframe");function Si(){let t=Pf(null),{iframe:e}=g(),o=Fn()&&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"),Un=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=Un(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,...Un(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:`${Xr}-light-${Ti(p)}`,tokens:p}}if(r){let p={colors:o};l={id:`${Xr}-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 On(t){let{colors:e,fontFamily:o=Ma,borderRadius:n=Wa,secondaryBorderRadius:r=La,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(On,"useTheme");var Lt=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 qn from"react";function bi(t){let{open:e,onClose:o,onConfirm:n}=t;return qn.createElement(ae,{open:e,dismissible:!0,onClose:o,container:N()},qn.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.")},qn.createElement(Vf,{size:20}),qn.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 zn from"react";function Wi(t){return zn.createElement(tg,{container:t.container,side:"top",content:eg.t("Connect Wallet")},zn.createElement(Ke,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&zn.createElement(Zl,null),zn.createElement(og,{size:18,color:"black"})))}i(Wi,"WalletButton");import{i18n as Vn}from"@lingui/core";import{NotificationsIcon as wg,Popover as vg,SettingsIcon as xg,Tooltip as jn,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=At(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 Qn}from"@rango-dev/ui";var op=Qn("div",{padding:"$10",width:"350px",maxWidth:"90vw",minHeight:"150px"}),np=Qn("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),rp=Qn("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),ip=Qn("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 Hn from"react";function sp(){return Hn.createElement(ip,null,Hn.createElement(lg,{color:"secondary",size:26}),Hn.createElement(ag,{size:12}),Hn.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(`${F.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 Gn({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(Gn,"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(jn,{container:N(),side:"top",content:Vn.t("Refresh")},we.createElement(Gn,{onClick:e})),!a&&we.createElement(vg,{align:"end",alignOffset:-88,collisionPadding:{right:20,left:20},container:N(),content:we.createElement(Li,null)},we.createElement("div",null,we.createElement(jn,{container:N(),side:"top",content:Vn.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(jn,{container:N(),side:"top",content:Vn.t("Settings")},we.createElement(Ke,{size:"small",variant:"ghost",onClick:n},we.createElement(xg,{size:18,color:"black"}))),!r.includes("history")&&we.createElement(jn,{container:N(),side:"top",content:Vn.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=N();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=X.use.connectedWallets(),{config:{features:p,theme:u}}=g(),{watermark:c}=ne(),h=c==="FULL",{activeTheme:m}=On(u||{}),d=He("connectWalletButton",p),{isActiveTab:C,tabManagerInitiated:S,showActivateTabModal:y,setShowActivateTabModal:f,activateCurrentTab:w}=ne(),k=lt(),{manager:v}=Ig(),x=Lt(v).map(({swap:A})=>A).some(A=>A.status==="running"),T=i(()=>w(Ut.forceClaim,x),"onActivateTab"),b=i(()=>{r.onWallet?.()},"onConnectWallet"),L=typeof r.hasBackButton>"u"||r.hasBackButton,W=Sp(null),B=Sp(null);return yp(()=>(Fn()&&B.current&&e(B.current),()=>{o()}),[]),yp(()=>(W.current?.addEventListener("scroll",Ni),()=>{W.current?.removeEventListener("scroll",Ni)}),[]),de.createElement(dp,{height:a,id:Ee.SWAP_BOX_ID,className:m(),ref:B},de.createElement(Eg,{prefix:de.createElement(de.Fragment,null,L&&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:N(),onClick:b,isConnected:!!l?.length}),r.onCancel&&de.createElement(Ei,{onClick:r.onCancel}))}),de.createElement(fp,{ref:W},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 Qt from"react";import{keyframes as Mg,styled as Kn}from"@rango-dev/ui";var jA=Kn("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),Tp=Kn("div",{position:"relative"}),Ng=Mg({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),kp=Kn("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=Kn("div",{"& img":{borderRadius:"50%"}});function vp(t){let{state:e,image:o,error:n}=t;return e===Pg.CONNECTED?Qt.createElement(Pi,{type:"success",title:oo.t("Wallet Connected"),description:oo.t("Your wallet is connected, you can use it to swap.")}):n?Qt.createElement(Pi,{type:"error",title:oo.t("Failed to Connect"),description:n||oo.t("Your wallet is not connected. Please try again.")}):Qt.createElement(Pi,{type:"loading",title:oo.t("Connecting to your wallet"),description:oo.t("Click connect in your wallet popup."),icon:Qt.createElement(Tp,null,Qt.createElement(wp,null,Qt.createElement(Bg,{src:o,size:45})),Qt.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"}),Xn=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}=Dn({config:t,onBeforeConnect:y=>{a=setTimeout(()=>{n(!0),s(y)},_i)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},Xn)}}),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:N(),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=X.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}=Dn({config:a,chain:e,onBeforeConnect:M=>{k=setTimeout(()=>{h(M)},_i)},onConnect:()=>{k&&clearTimeout(k),setTimeout(()=>{h("")},Xn)}}),[b,L]=Ao(v),W=v.length,B=r&&W-r>0,A=i(async M=>{S(!1),f("in-progress");try{await w(M.walletType,M.chain),f("completed")}catch{f("rejected")}},"addExperimentalChain");Bp(()=>{L(M=>{let ee=v.findIndex(te=>o(te.type,e));return B&&ee>1?[v[ee]].concat(v.filter((te,Q)=>Q!==ee)):M.map(te=>v.find(Q=>Q.type===te.type)??te)})},[JSON.stringify(v)]);let O=document.getElementById(Ee.SWAP_BOX_ID);Bp(()=>{let M=null;return(y==="completed"||y==="rejected")&&(M=setTimeout(()=>f(null),Xn)),()=>{M&&clearTimeout(M)}},[y]);let q=i(()=>{T(),h("")},"handleCloseWalletModal");return le.createElement(le.Fragment,null,b.slice(0,r).map(M=>{let ee=ba({connectedWallets:p,walletType:M.type,chain:e}),te=ee?cn(ee,Vg):"",Q=pn(u(),e),me=!p.find($=>$.walletType===M.type&&$.chain===e),G=Q&&me&&M.state===Np.CONNECTED,J=G?Ze.t({id:"Add {chain} chain",values:{chain:e}}):te,Ae=i(()=>{M.state===Np.DISCONNECTED?x(M.type):G?(d({walletType:M.type,chain:e,address:ee??""}),S(!0)):n({walletType:M.type,chain:e,address:ee??""})},"onClick"),Ce=m?.chain?el(m.chain,u()):void 0;return le.createElement(le.Fragment,null,le.createElement(Io,{open:c===M.type,onClose:q,image:M.image,state:M.state,error:I}),!!m&&le.createElement(ae,{open:!!m&&C,container:O,onClose:()=>{d(null)}},le.createElement(Yn,{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(Yn,{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:M.image,size:45})),le.createElement(Wp,null))}),y==="completed"&&le.createElement(Yn,{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(Yn,{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:M.type,description:J,onClick:Ae,selected:o(M.type,e),disabled:!l,...M}))}),B&&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+",W-(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}=X(),[y,f]=io(""),[w,k]=io([]),[v,I]=io(""),[x,T]=io(null),[b,L]=io(!!m),W=Tn(p?.swaps||null),B=l.find($=>$.name===p?.swaps[p?.swaps.length-1].to.blockchain),A=i($=>!!p?.swaps.find(K=>K.from.blockchain===$),"isWalletRequiredFor"),[O,q]=io(C.filter($=>$.selected&&W.includes($.chain))),M=l.find($=>$.name===B?.name),ee=i(($,K)=>!!O.find(Z=>Z.walletType===$&&Z.chain===K&&Z.selected&&(A(K)||!A(K)&&!m)),"isSelected"),te=!!m&&b&&M&&!kn(M,m),Q=i(()=>{L(!1),d(null),q($=>{let K=!1;return $.map(Z=>!K&&Z.chain===B?.name?(K=!0,{...Z,selected:!0}):Z)})},"resetCustomDestination"),me=i($=>{if(y&&f(""),ee($.walletType,$.chain))return;let Z=C.find(Te=>Te.walletType===$.walletType&&Te.chain===$.chain);Z&&(n(),$.chain===B?.name&&b&&(L(!1),d(null)),q(Te=>Te.filter(Fe=>Fe.chain!==$.chain).concat({...Z,selected:!0})))},"onChange"),G=i(()=>{let $=O.filter(K=>K.selected);S($),u($),h(!0),o()},"onConfirmBalance"),J=i(async()=>{k([]),I(""),T(null);let $=C.filter(Te=>O.find(Fe=>Fe.chain===Te.chain&&Fe.walletType===Te.walletType)),K=await r?.({selectedWallets:$,customDestination:m}),Z=K.warnings;Z?.balance?.messages&&k(Z.balance.messages),Z?.quoteUpdate&&T(Z.quoteUpdate),K.error&&I(tl(K.error)),!K.error&&(!Z?.balance?.messages.length||0>0)?G():k(Z?.balance?.messages??[])},"onConfirmWallets");Zg(()=>{q($=>$.concat(C.filter(K=>!!!$.find(Te=>Te.chain===K.chain)&&K.selected&&W.includes(K.chain))))},[C.length]);let Ae=document.getElementById(Ee.SWAP_BOX_ID),Ce=Rg();return _.createElement(ae,{open:e,onClose:()=>{c||Ce("../",{replace:!0}),o()},dismissible:!y,container:Ae,...!y&&{footer:_.createElement(zl,null,_.createElement($p,{loading:s,disabled:Cl(s,b,m,p,O,B),onClick:J,variant:"contained",type:"primary",fullWidth:!0,size:"large"},pt.t("Confirm")))},...y&&{styles:{container:{padding:"$0"}},header:_.createElement(_l,null,_.createElement(Dl,{variant:"ghost",onClick:f.bind(null,"")},_.createElement(Xg,{size:16})),_.createElement(Jn,{variant:"headline",size:"small"},pt.t({id:"Your {blockchainName} wallets",values:{blockchainName:Ge(y,l)}})))},anchor:"center"},_.createElement(ae,{open:w.length>0,onClose:k.bind(null,[]),container:Ae},_.createElement(Yg,{title:pt.t("Insufficient account balance"),type:"error",description:_.createElement(jg,{messages:w??[]})},_.createElement($p,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:G},pt.t("Proceed anyway")))),y&&_.createElement(Fl,null,_.createElement("div",{className:Ul()},_.createElement(Ui,{chain:y,isSelected:ee,selectWallet:me,onShowMore:f.bind(null,y)}))),!y&&_.createElement(_.Fragment,null,v&&_.createElement(_.Fragment,null,_.createElement(Oi,{variant:"alarm",type:"error",title:pt.t(v)}),_.createElement(ro,{size:12})),x&&_.createElement(_.Fragment,null,_.createElement(Oi,{variant:"alarm",type:"warning",title:Ln(x)}),_.createElement(ro,{size:12})),_.createElement(Hl,null,W.map(($,K)=>{let Z=l.find(ke=>ke.name===$),Te=`wallet-${K}`,Fe=K===W.length-1;return _.createElement("div",{key:Te},_.createElement(Bl,null,_.createElement(Jn,{variant:"title",size:"xmedium"},pt.t({id:"Your {blockchainName} wallets",values:{blockchainName:Z?.shortName}})),_.createElement(Jn,{variant:"label",color:"$neutral700",size:"medium"},pt.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:Z?.shortName}}))),_.createElement(ro,{size:24}),_.createElement(Pl,null,_.createElement(Ui,{chain:$,isSelected:ee,selectWallet:me,limit:eh,onShowMore:()=>f(Z?.name??"")})),!Fe&&_.createElement(ro,{size:32}),Fe&&a?.customDestination&&_.createElement(Ol,null,_.createElement($n,{onOpenChange:ke=>{ke?A(B?.name??"")||q(_e=>_e.map(Ue=>Ue.chain===B?.name?{...Ue,selected:!1}:Ue)):Q()},hasSelected:!0,open:b,triggerAnchor:"top",trigger:_.createElement(Gl,{fullWidth:!0,variant:"default",suffix:_.createElement(Bn,{orientation:b?"up":"down"},_.createElement(Kg,{size:10,color:"gray"}))},_.createElement("div",{className:"button__content"},_.createElement(Jg,{size:18,color:"info"}),_.createElement(ro,{size:4,direction:"horizontal"}),_.createElement(Jn,{variant:"label",size:"medium"},pt.t("Send to a different address")))),onClickTrigger:()=>L(ke=>!ke)},_.createElement(ro,{size:4}),_.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):(L(!1),d(null))}})),te&&_.createElement("div",{className:ql()},_.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 Zn}from"@rango-dev/ui";var Hp=Zn("div",{width:"100%"}),Qi=Zn("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),Gp=Zn("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%","._title":{$$color:"$colors$neutral600",[`.${ih} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Vp=Zn("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:E(r.inputUsdValue,4,4)},{title:Eo.t("Gas cost"),value:E(r.totalFee,2,2)},{title:Eo.t("Receiving"),value:E(r.outputUsdValue,4,4)},{title:Eo.t("Price impact"),value:E(r.priceImpact,2,2),valueColor:`${a}500`}];return ut.createElement(ae,{open:e,onClose:o,container:N()},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 Ht 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 Ht.createElement(ae,{anchor:"bottom",open:n,prefix:Ht.createElement(Zp,{size:"small",variant:"ghost",onClick:()=>p("../"+F.settings)},Ht.createElement(ch,{variant:"label",size:"medium",color:"$neutral900"},lo.t("Change settings"))),container:N(),onClose:r},Ht.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}})},Ht.createElement(Rp,{size:18}),Ht.createElement(Rp,{size:32}),Ht.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:N()},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 lr}from"@lingui/core";import{Alert as qh,Divider as Po,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 Rn 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(Rn.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(Rn.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(Nn,{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"}),er=be("div",{width:"100%",borderTopWidth:"1px",borderTopStyle:"solid",borderTopColor:"$neutral",margin:"$5 0",[`.${Ne} &`]:{borderTopColor:"$neutral400"}});import{i18n as Bt}from"@lingui/core";import{ChevronDownIcon as bh,CloseIcon as Ih,Divider as nr,IconButton as Ah,QuoteCost as Eh,Tooltip as Wh,Typography as et}from"@rango-dev/ui";import Lh from"bignumber.js";import H,{useState as vu}from"react";import{css as xh,styled as tr}from"@rango-dev/ui";var or=tr("div",{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"$5 0","&.total_payable_fee":{padding:"$12 0"}}),Ji=tr("div",{width:"100%",borderTop:"1px solid $neutral300",margin:"$10 0"}),Tu=tr("div",{padding:"$20 0",display:"flex",flexDirection:"column","& .collapsible_trigger":{display:"flex",alignItems:"center"}}),ku=tr("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:H.createElement(or,null,H.createElement(et,{variant:"label",size:"medium",color:"neutral600"},t.label),H.createElement(et,{variant:"label",size:"medium"},"$",E(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=on(nn(a?.swaps)),u=a?.swaps??[],c=N(),h=xn(u,l),m=al(u);return H.createElement(H.Fragment,null,H.createElement(Eh,{onClickFee:d=>{d.stopPropagation(),o(!e)},fee:E(h,2,2),feeWarning:h.gte(new Lh(Mh)),time:p,steps:s,tooltipGas:Bt.t("View more info"),tooltipContainer:c}),H.createElement(ae,{container:c,open:e,header:H.createElement(ku,null,H.createElement(et,{variant:"title",size:"medium"},Bt.t("Gas & Fee Explanation")),H.createElement(Ah,{onClick:()=>o(!1),variant:"ghost"},H.createElement(Ih,{color:"gray",size:14}))),onClose:()=>{o(!1)}},H.createElement(Tu,null,H.createElement(et,{variant:"title",size:"small"},Bt.t("Details")),H.createElement(nr,{size:10}),Object.entries(m.payable).flatMap(([d,C])=>C.map((S,y)=>{let f=`payable-fee-${y}`,w=ai(S);return H.createElement(or,{key:f},H.createElement(et,{variant:"label",size:"medium",color:"neutral600"},oi[d]),H.createElement(Wh,{content:pe(S.amount),container:c},H.createElement(et,{variant:"label",size:"medium"},E(S.amount,2,2)," ",S.asset.symbol," ($",E(w,4,4),")")))})),H.createElement(or,{className:"total_payable_fee"},H.createElement(et,{variant:"label",size:"medium"},Bt.t("Total Payable Fee")),H.createElement(et,{variant:"label",size:"medium"},"$",E(h,4,4))),H.createElement(Ji,null),Object.keys(m.nonePayable).length&&H.createElement($n,{triggerAnchor:"bottom",onClickTrigger:()=>r(d=>!d),trigger:H.createElement("div",{className:wu()},H.createElement(et,{size:"small",variant:"body",color:"neutral700"},n?Bt.t("Hide non-payable fees"):Bt.t("Show non-payable fees")),H.createElement(nr,{size:4,direction:"horizontal"}),H.createElement(Bn,{orientation:n?"up":"down"},H.createElement(bh,{size:12,color:"gray"}))),open:n},H.createElement(et,{size:"small",variant:"title"},Bt.t("Description")),H.createElement(nr,{size:4}),H.createElement(et,{size:"small",variant:"body",color:"neutral700"},Bt.t(`The following fees are considered in the transaction output and
|
|
2
|
+
you won\u2019t need to pay extra gas for them.`)),H.createElement(nr,{size:10}),Object.entries(m.nonePayable).map(([d,C],S)=>{let y=sl(C),f=oi[d],w=`non-payable-fee-${S}`;return H.createElement(Nh,{key:w,fee:y,label:f})}),H.createElement(Ji,null)))))}i(xu,"QuoteCostDetails");import{i18n as Au}from"@lingui/core";import{TokenAmount as Eu}from"@rango-dev/ui";import rr 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 rr.createElement(bu,null,rr.createElement(Eu,{direction:"horizontal",label:Au.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}}),rr.createElement("div",{className:Iu()}),rr.createElement(Eu,{direction:"horizontal",tooltipContainer:N(),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 ir}from"@rango-dev/ui";import D,{useEffect as Fh,useState as Uh}from"react";var sr=4,ar=6,Oh=375,Bo=i(t=>{let e=N(),{content:o,src:n,className:r,open:s,state:a}=t;return D.createElement(Ri,{container:e,side:"bottom",sideOffset:4,open:s,content:o},D.createElement(du,{className:r,state:a},D.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=N(),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)}),D.createElement(mu,{listItem:a==="list-item",ref:d=>e.current=d,selected:o,onClick:d=>{d.stopPropagation(),n(C=>!C)}},D.createElement("div",{className:po()},D.createElement(ir,{variant:"body",size:"xsmall"},Wu.t("Via:")),D.createElement(Zi,{direction:"horizontal",size:4}),r.map((d,C)=>{let S=`item-${C}`,y=D.createElement(Ki,null,D.createElement(_h,{size:12,color:"black"}));return c?D.createElement(D.Fragment,null,D.createElement(Bo,{content:d.swapper.displayName,src:d.swapper.image,state:d.state}),C!==p-1&&D.createElement(D.Fragment,null,y)):D.createElement(D.Fragment,{key:S},p<=sr||p>sr&&C<sr-1?D.createElement(D.Fragment,null,D.createElement(Bo,{content:d.swapper.displayName,src:d.swapper.image,state:d.state}),C!==p-1&&D.createElement(D.Fragment,null,y)):C===sr-1&&D.createElement(Ri,{container:l,side:"bottom",align:"right",sideOffset:4,content:D.createElement("div",{className:po()},y,r.map((f,w)=>{let k=`image-${w}`;return w>=C&&D.createElement(D.Fragment,{key:k},D.createElement(Bo,{content:f.swapper.displayName,src:f.swapper.image,state:f.state,open:!1}),w!==p-1&&D.createElement(D.Fragment,null,y))}))},D.createElement(Yi,{state:r.find((f,w)=>w>=C&&(f.state==="error"||f.state==="warning"))?.state},D.createElement(ir,{size:"xsmall",variant:"body"},"+",p-C))))})),D.createElement("div",{className:po()},D.createElement("div",{className:"blockchains_section"},D.createElement("div",{className:po()},D.createElement(ir,{variant:"body",size:"xsmall"},Wu.t("Chains:")),D.createElement(Zi,{direction:"horizontal",size:4}),u.map((d,C)=>D.createElement(D.Fragment,null,u.length<=ar||u.length>ar&&C<ar-1?D.createElement(Bo,{key:d.displayName,content:"",src:d.image,open:!1,className:C!==0?"blockchainImage":""}):C===ar-1&&D.createElement(Ri,{container:l,side:"bottom",align:"right",sideOffset:4,content:D.createElement("div",{className:po()},u.map((S,y)=>y>=C&&D.createElement(Bo,{key:S.displayName,content:"",src:S.image,open:!1,className:y>C?"blockchainImage":""})))},D.createElement(Yi,{className:"blockchainImage"},D.createElement(ir,{size:"xsmall",variant:"body"},"+",u.length-C))))),D.createElement(Zi,{direction:"horizontal",size:32}))),D.createElement(Ki,{orientation:s?"up":"down"},D.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=E(o.value,6,6),y=E(n.value,6,6),f=n.usdValue?E(n.usdValue,4,4):"",w=Ve(o.usdValue,n.usdValue??null),k=E(w,2,2),v=yt(w??0),x=i(B=>B.map((A,O)=>{let q,M=r?.type===3&&r.swap.swapperId===A.swapperId||r?.type===4&&r.recommendedSlippages?.has(O),ee=s?.type===2&&s.recommendedSlippages?.has(O);return M?q="error":ee&&(q="warning"),{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?E(o.value,6,6):E(A.fromAmount,6,6),usdValue:E((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:E(A.toAmount,6,6),usdValue:E((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:q,alerts:M||ee?P.createElement(ou,null,P.createElement(qh,{variant:"alarm",type:M?"error":"warning",title:r?.type===3?r?.recommendation:lr.t(`Slippage ${M?"Error":"Warning"}:`),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(Po,{direction:"horizontal",size:8}),P.createElement(uo,{size:"xsmall",variant:"body",color:"neutral900"},"|"),P.createElement(Po,{direction:"horizontal",size:8}),P.createElement(uo,{size:"xsmall",variant:"body",color:"neutral900"},lr.t({id:"Yours: {amount} {symbol}",values:{amount:E(A.fromAmount,6,6),symbol:A?.from.symbol}}))),(r?.type===4||s?.type===2)&&P.createElement(uo,{size:"xsmall",variant:"body",color:"neutral900"},lr.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=N(),L=Al(t.quote.tags||[]),W=!!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&&L.length?P.createElement(P.Fragment,null,P.createElement(Cu,null,L.map((B,A)=>{let O=`${B.value}_${A}`;return P.createElement(P.Fragment,null,P.createElement(Su,{style:{color:El(B.value)},key:O},B.label),P.createElement(Po,{size:4,direction:"horizontal"}))})),P.createElement(er,null),!W&&P.createElement(Po,{size:4})):null,P.createElement("div",{id:"portal-root",className:uu()},P.createElement(xu,{steps:T,quote:e}),W&&P.createElement(au,{onClick:B=>{B.stopPropagation(),u()},size:"xxsmall",type:"secondary",variant:"default"},P.createElement(uo,{color:"secondary",variant:"label",size:"medium"},lr.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(Po,{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((B,A)=>{let O=`item-${A}`;return P.createElement(Qh,{type:"quote-details",key:O,tooltipContainer:b,step:B,hasSeparator:A!==x.length-1,state:B.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(er,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 _o}from"@rango-dev/ui";var ju=_o("div",{display:"flex",alignItems:"start"}),Ku=_o("div",{flexGrow:1,paddingTop:"$5",paddingBottom:"$10",display:"flex",alignItems:"center"}),os=_o("div",{display:"flex",alignItems:"center",flexGrow:1}),Xu=_o("div",{margin:"$0 $2",padding:"$4",display:"flex",justifyContent:"center",alignItems:"center"}),Yu=_o("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 Do(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(Do,"QuoteSkeleton");function Gt(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?In(e?.outputAmount,An(e)||d?.usdPrice):null,f=!(r&&(r.type===0||r.type===1))&&e&&!n;return n?cr.createElement(ji,null,cr.createElement(Do,{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(Gt,"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 It().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=bn(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:E(Yt(e)),percentageChange:E(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 L={outputAmount:b.result?.outputAmount,requestId:b.requestId,resultType:b.result?.resultType,swaps:b.result?.swaps||[],validationStatus:b.validationStatus,requestAmount:b.requestAmount};n(L);let W={slippage:d.toString(),disabledSwappersGroups:c},B=ty(o.toString(),b,ml(k),W,!1,{blockchains:h,tokens:m}),A=Ru(r??void 0,L,{fromToken:t,toToken:e,meta:{blockchains:h,tokens:m},selectedWallets:k,userSlippage:d});return A.quoteUpdate&&a(!1),l(),{quote:L,swap:B,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}=X(),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,L]=hr(!1),W=i(async({selectedWallets:Q,customDestination:me})=>{let G=await k?.({selectedWallets:Q,customDestination:me});return T(G),G},"onConfirmSwap"),B=i(async()=>{if(x.swap&&n)try{await w?.create("swap",{swapDetails:x.swap},{id:x.swap.requestId});let Q=`../${F.swaps}/${x.swap.requestId}`;l(Q,{replace:!0}),setTimeout(()=>{e("")},0)}catch(Q){c("Error: "+Q?.message)}},"addNewSwap"),A=i(async()=>{await B()},"onConfirm"),O=i(async()=>{x?.warnings?.quote&&!a?L(!0):await A()},"onStartConfirmSwap"),q=i(async()=>{T({error:null,swap:null,warnings:null}),k({selectedWallets:o,customDestination:s}).then(Q=>{T(Q)}).catch(Q=>console.error(Q))},"onRefresh");Fo(()=>{!!f.current.length&&!y.length&&q(),f.current=y},[y.length]),Fo(()=>{m&&I()},[m]),Fo(()=>{m&&C(m)},[m]),Fo(()=>{m||k({selectedWallets:o,customDestination:s}).then(Q=>T(Q)).catch(Q=>console.error(Q))},[]),Fo(()=>{let Q=x.warnings?.quote?.type&&Object.values(Et).includes(x.warnings?.quote?.type),me=o.length<1||!o.every(J=>h.find(Ae=>J.address===Ae.address&&J.walletType===Ae.walletType&&J.chain===Ae.chain)),G=!1;if(Q){let J=Tn(t?.swaps||null),Ae=t?.swaps[t.swaps.length-1].to.blockchain;!!t?.swaps.find(K=>K.from.blockchain===Ae)||(J=J.slice(-J.length,J.length-1)),J.every(K=>o.find(Z=>Z.chain===K))||(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 M=x.warnings?.quote??null,ee=x.error,te=[];if(u&&te.push(ue.createElement(ec,{type:"error",variant:"alarm",title:u})),x.warnings?.quoteUpdate&&te.push(ue.createElement(ec,{variant:"alarm",type:"warning",title:x.warnings.quoteUpdate&&Ln(x.warnings.quoteUpdate)})),M||ee){let Q=`../${F.settings}`;te.push(ue.createElement(Lo,{warning:M,error:ee,loading:v,refetchQuote:q,showWarningModal:b,confirmationDisabled:!S,onOpenWarningModal:()=>L(!0),onCloseWarningModal:()=>L(!1),onConfirmWarningModal:async()=>{L(!1),await B()},onChangeSettings:()=>l(Q)}))}return ue.createElement(oe,{header:{title:gr.t("Confirm Swap"),onWallet:()=>{let Q=`../${F.wallets}`;l(Q)},suffix:ue.createElement(ay,{container:N(),side:"bottom",content:gr.t("Settings")},ue.createElement(Ke,{size:"small",variant:"ghost",onClick:()=>l("../"+F.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:W}),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(Gn,{onClick:!v&&!d&&!b?q:void 0}))),ue.createElement(ss,{size:"12"}),Kl(te,ue.createElement(ss,{size:10})),te.length>0?ue.createElement(ss,{size:10}):null,ue.createElement(Gt,{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 Uo}from"@rango-dev/ui";var ls=Cy(),rc=Uo("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$5"}),ps=Uo("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=Uo("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),ic=Uo("div",{gap:"$10",display:"flex",flexDirection:"column"}),sc=Uo("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:N(),onlyShowTime:c[C]===ky.t("Today"),swapTokenData:{from:{token:{image:y.fromLogo,displayName:y.fromSymbol},blockchain:{image:y.fromBlockchainLogo||""},amount:E(S.inputAmount,6,6),realAmount:pe(S.inputAmount)},to:{token:{image:f.toLogo,displayName:f.toSymbol},blockchain:{image:f.toBlockchainLogo||""},amount:E(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 Oo 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 Oo.createElement(By,{prefix:Oo.createElement(uc,null,Oo.createElement(Ny,{color:"black"})),suffix:!!a.length&&Oo.createElement(My,{variant:"ghost",onClick:()=>l?.(""),size:"small"},Oo.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=Lt(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 It().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=X.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(),[L,W]=Vy(!0),B=f??y,O=!l||!p||Le(l,p)||!So(u),q=i(te=>{W(te)},"resetState"),M=i(te=>{let{fromToken:Q,toToken:me,inputAmount:G,liquiditySources:J,excludeLiquiditySources:Ae,disabledLiquiditySources:Ce,slippage:$,affiliateRef:K,affiliatePercent:Z,affiliateWallets:Te}=te;if(L||q(!0),!O&&Q&&me){d();let Fe=cl({fromToken:Q,toToken:me,inputAmount:G,liquiditySources:J,excludeLiquiditySources:Ae,disabledLiquiditySources:Ce,wallets:s,slippage:$,affiliateRef:K,affiliatePercent:Z,affiliateWallets:Te});Da("experimentalRoute",r)&&(Fe.experimental=!0),e(Fe).then(ke=>{let _e=bl(m,ke.results),Ue=Il(h,_e,ke.requestAmount);W(!1),S("quotes",ke),C(Ue),dr({diagnosisMessages:ke.diagnosisMessages,requestId:Ue?.requestId||"",swaps:Ue?.swaps});let Hr=Ue&&Jt(Ue,{fromToken:Q,toToken:me,userSlippage:B,tokens:a});S("warning",Hr)}).catch(ke=>{let{error:_e}=fr(ke);(_e?.type===0||_e?.type===1)&&d(),_e?.type!==2&&(S("error",_e),W(!1))})}},"fetch"),ee=Hy($a(te=>{O||M(te)},jy),[O]);return Gy(()=>{if(!t){W(!1);return}if(I==="success"){if(O){W(!1),h&&d();return}if(!So(u)||c?.eq(0)){q(!1),o();return}return d(),q(!0),ee({inputAmount:u,fromToken:l,toToken:p,liquiditySources:x,excludeLiquiditySources:b,disabledLiquiditySources:T,slippage:B,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,B,k,w,JSON.stringify(v)]),{fetch:()=>M({inputAmount:u,fromToken:l,toToken:p,liquiditySources:x,excludeLiquiditySources:b,disabledLiquiditySources:T,slippage:B,affiliateRef:k,affiliatePercent:w,affiliateWallets:v}),loading:L}}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}=X(),{isActiveTab:b}=ne(),[L,W]=Jy(!1),B=!!o&&Ia(x,o.name),A=!1,O=!si(c,a,l),q=!si(c,a,u),M=il({fetchMetaStatus:I,fetchingQuote:k,inputAmount:a,quote:c,anyWalletConnected:x.length>0,error:m,warning:d,needsToWarnEthOnPath:A}),ee=e?T(e):null,te=un(ee)?.amount??"0",Q=o&&e?E(ee?.amount,ee?.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:M.disabled||!b,prefix:M.action==="confirm-warning"&&Ie.createElement(Xy,null),fullWidth:!0,onClick:()=>{M.action==="connect-wallet"?t(F.wallets):M.action==="confirm-warning"?W(!0):t(F.confirmSwap)}},M.title),header:{onWallet:()=>{t(F.wallets)},hasBackButton:!1,title:v.title||ds.t("Swap"),suffix:Ie.createElement(xo,{onClickRefresh:(c||m)&&!L?w:void 0,onClickHistory:()=>t(F.swaps),onClickSettings:()=>t(F.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:te,chain:{displayName:o?.displayName||"",image:o?.logo||""},token:{displayName:e?.symbol||"",image:e?.image||""},onClickToken:()=>t(F.fromSwap),price:{value:a,usdValue:O?void 0:E(l,4,4),realUsdValue:O?void 0:pe(l),error:O?Y().unknownPriceError.impactTitle:void 0},disabled:I==="failed",loading:I==="loading",loadingBalance:B,tooltipContainer:N(),onSelectMaxBalance:()=>{te!=="0"&&s(Q.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:E(Ve(l,u),2,2),warningLevel:yt(G??0),price:{value:E(p,6,6),usdValue:q?void 0:E(u,4,4),realValue:pe(p),realUsdValue:q?void 0:pe(u),error:q?Y().unknownPriceError.impactTitle:void 0},onClickToken:()=>t(F.toSwap),disabled:I==="failed",loading:I==="loading",tooltipContainer:N()})),Ie.createElement(Sc,{size:"2"}),Ie.createElement(Gt,{quote:c,loading:me,error:m,tagHidden:!1,warning:d,type:"basic",onClickAllRoutes:C&&C.results.length>1?()=>{f("refetchQuote",!1),t(F.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:L,confirmationDisabled:!b,onOpenWarningModal:()=>W(!0),onCloseWarningModal:()=>W(!1),onConfirmWarningModal:()=>{W(!1),y(!0),t(F.confirmSwap)},onChangeSettings:()=>t(F.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 Pt from"react";function co(){let{setLanguage:t,language:e,config:o}=g(),n=Ua,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:Pt.createElement(iS,{variant:"title",size:"xmedium"},a),onClick:()=>e(r.local),end:Pt.createElement(nS,{value:s}),start:Pt.createElement(l,null)}});return Pt.createElement(oe,{header:{title:wc.t("Language")}},Pt.createElement(se,null,Pt.createElement(rS,{value:t},Pt.createElement(tS,{type:Pt.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 zo from"react";import{styled as fs}from"@rango-dev/ui";var qo=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 zo.createElement(qo,null,Array.from(Array(pS),t=>zo.createElement(xc,{hasDivider:!0,key:t,start:zo.createElement(bc,{variant:"circular",width:35,height:35}),title:zo.createElement(bc,{variant:"text",size:"large",width:90}),end:zo.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=hn(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(qo,{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=`../${F.settings}`,k=`../${F.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(Do,{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(Gt,{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=>Ft(n.name,e)||Ft(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 Vt,{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:N()},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 z,{useEffect as em,useState as tm}from"react";import{Divider as Yc,ListItem as US,Skeleton as Qo}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(Qo,{variant:"circular",width:35,height:35}),end:nt.createElement(br,null,nt.createElement(Qo,{variant:"text",size:"large",width:70}),nt.createElement(Yc,{size:4}),nt.createElement(Qo,{variant:"text",size:"medium",width:50})),title:nt.createElement("div",null,nt.createElement(Qo,{variant:"text",size:"large",width:90}),nt.createElement(Yc,{size:4}),nt.createElement(Qo,{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 z.createElement("div",{className:Ws()},o?z.createElement("div",{className:Es()},o):z.createElement(Ps,{className:Ls()},z.createElement(Ir,{variant:"title",size:"xmedium"},r.symbol),z.createElement(fo,{direction:"horizontal",size:4}),z.createElement($s,{css:s},z.createElement(_s,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&z.createElement("div",{className:`${Ms()} ${!o&&Ns()}`},z.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," ",z.createElement(fo,{size:4,direction:"horizontal"}),z.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}=X(),{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?z.createElement(z.Fragment,null,z.createElement(fo,{size:32}),z.createElement(QS,{title:Ds.t("No results found"),description:Ds.t("Try using different keywords")})):z.createElement(GS,{endReached:u?C:void 0,itemContent:y=>{let f=s[y],w=un(h(f)),k=f.address||"",v=p.find(b=>b.name===f.blockchain),I=Un(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 z.createElement("div",{style:{paddingRight:5}},z.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:z.createElement(jc,null,z.createElement(qS,{src:f.image,size:30}),d(f,t.type)&&z.createElement(Kc,null,z.createElement(HS,{size:12,color:"gray"}))),title:v?.type==="COSMOS"||f.name||!f.name&&!k?z.createElement(Ps,null,z.createElement(Ir,{variant:"title",size:"xmedium"},f.symbol),z.createElement(fo,{direction:"horizontal",size:4}),z.createElement($s,{css:x},z.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?z.createElement(br,null,z.createElement(Rc,{variant:"text",size:"large",width:70}),z.createElement(fo,{size:4}),z.createElement(Rc,{variant:"text",size:"medium",width:50})):w&&z.createElement(Vc,null,z.createElement(Xc,{variant:"title",size:"small"},w.amount),z.createElement("div",null),w.usdValue&&z.createElement(Ir,{variant:"body",className:Bs(),size:"xsmall"},`$${w.usdValue}`))}))},totalCount:s.length,key:`${r}-${o}`}),"renderList");return z.createElement(Gc,null,z.createElement(Ir,{variant:"label",size:"large"},Ds.t("Select Token")),z.createElement(fo,{size:4}),l==="loading"&&z.createElement(Jc,{size:Fs}),l==="success"&&z.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=X.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=va(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 Vt.createElement(oe,{header:{title:Ar.t("Swap {type}",{type:x[e]})}},Vt.createElement(se,null,Vt.createElement(As,{blockchains:y,type:e=="source"?"from":"to",blockchain:e==="source"?r:s,onMoreClick:()=>o(F.blockchains),onChange:T=>{v(T)}}),Vt.createElement(nm,{size:24}),Vt.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)}),Vt.createElement(nm,{size:16}),Vt.createElement(om,{list:k,selectedBlockchain:S,searchedFor:h,type:e,onChange:T=>{I(T);let b=y.find(L=>T.blockchain===L.name);b&&v(b),n()}})))}i(Us,"SelectSwapItemsPage");import{i18n as $t}from"@lingui/core";import{Alert as oC,Button as nC,ChevronRightIcon as zs,Divider as Qs,InfoIcon as rC,List as iC,ListItemButton as sC,Skeleton as aC,styled as lC,Switch as pC,Tooltip as uC,Typography as jt}from"@rango-dev/ui";import j 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 Ho,TextField as YS}from"@rango-dev/ui";var rm=Ho("div",{paddingTop:"$5",padding:"$10 $5"}),im=Ho("div",{display:"flex",flexWrap:"wrap",gap:"$10",[`& ${YS}`]:{flex:"1 1 0",maxWidth:"127px",minWidth:"85px"}}),sm=Ho("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),Er=Ho("div",{maxWidth:"280px",padding:"$10"}),am=Ho(XS,{width:"61px",flexShrink:0});import{i18n as Os}from"@lingui/core";import{Typography as JS}from"@rango-dev/ui";import Go from"react";function lm(){return Go.createElement(Er,null,Go.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"),Go.createElement("br",null),Go.createElement("br",null),Go.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:N(),side:"top",sideOffset:4,content:Qe.createElement(lm,null)},Qe.createElement(RS,{color:"gray"}))),Qe.createElement(im,null,Oa.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>=Ha&&a<=Qa?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=hn(n,r),S=C.filter(q=>q.type==="BRIDGE"||q.type==="AGGREGATOR"),y=S.length,f=S.filter(q=>q.selected).length,w=C.filter(q=>q.type==="DEX"),k=w.length,v=w.filter(q=>q.selected).length,I=i((q,M)=>{switch(o){case"loading":return j.createElement(aC,{variant:"text",size:"medium",width:50});case"failed":return j.createElement(jt,{variant:"body",size:"medium",color:"$error500"},$t.t("Loading failed"));default:return j.createElement(jt,{variant:"body",size:"medium"},`${q} / ${M}`)}},"handleEndItem"),x={id:"bridge-item",title:j.createElement(jt,{variant:"title",size:"xmedium"},$t.t("Enabled bridges")),end:j.createElement(j.Fragment,null,I(f,y),j.createElement(Qs,{direction:"horizontal",size:8}),j.createElement(zs,{color:"black"})),onClick:()=>t(F.bridges)},T={id:"exchange-item",title:j.createElement(jt,{variant:"title",size:"xmedium"},$t.t("Enabled exchanges")),end:j.createElement(j.Fragment,null,I(v,k),j.createElement(Qs,{direction:"horizontal",size:8}),j.createElement(zs,{color:"gray"})),onClick:()=>t(F.exchanges)},b={id:"theme-item",title:j.createElement(jt,{variant:"title",size:"xmedium"},$t.t("Theme")),end:j.createElement(zs,{color:"gray"}),onClick:()=>t(F.themes)},L={id:"infinite-approval-item",title:j.createElement(j.Fragment,null,j.createElement(jt,{variant:"title",size:"xmedium"},$t.t("Infinite approval")),j.createElement(Qs,{direction:"horizontal",size:4}),j.createElement(uC,{side:"top",sideOffset:4,container:N(),content:j.createElement(Er,null,j.createElement(jt,{variant:"label",size:"medium",color:"neutral700"},$t.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.")))},j.createElement(rC,{color:"gray"}))),end:j.createElement(pC,{checked:m}),onClick:d},W=c?[]:[x,T];!e?.singleTheme&&!u&&W.push(b),W.push(L);let[,B]=dC(),A=cC(),O=i(()=>{A&&p&&(B(q=>(q.delete("liquiditySources"),q),{replace:!0}),l("liquiditySources",void 0))},"onClick");return j.createElement(oe,{header:{title:$t.t("Settings")}},j.createElement(se,null,p&&j.createElement(oC,{type:"info",variant:"alarm",title:$t.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:j.createElement(fC,null,j.createElement(nC,{type:"secondary",size:"small",onClick:O},"Reset"))}),j.createElement(qs,null),j.createElement(iC,{type:j.createElement(sC,{title:"_",id:"_",onClick:()=>console.log()}),items:W})))}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 ra from"react";import{useParams as rT}from"react-router-dom";import{i18n as xt}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 Fr}from"rango-types";import R,{useEffect as qm,useRef as jC,useState as zm}from"react";import{useNavigate as KC}from"react-router-dom";import{i18n as _t}from"@lingui/core";var gC=[_t.t("Sunday"),_t.t("Monday"),_t.t("Tuesday"),_t.t("Wednesday"),_t.t("Thursday"),_t.t("Friday"),_t.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()?_t.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 Mr}from"rango-types";import Nr from"react";import{i18n as Wr}from"@lingui/core";import{Button as fm,Divider as Hs,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(Hs,{size:20}),dt.createElement(hC,{type:"error",title:Wr.t("Cancel Swap"),description:Wr.t("Are you sure you want to cancel this swap?")}),dt.createElement(Hs,{size:32}),dt.createElement(fm,{variant:"contained",type:"primary",size:"large",onClick:t},dt.createElement(gm,{variant:"title",size:"medium",color:"neutral100"},Wr.t("Yes, Cancel it"))),dt.createElement(Hs,{size:12}),dt.createElement(fm,{variant:"outlined",type:"primary",size:"large",onClick:e},dt.createElement(gm,{variant:"title",size:"medium",color:"primary"},Wr.t("No, Continue")))),"CancelContent");import{i18n as Lr}from"@lingui/core";import{Button as ym,Divider as Gs,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(Gs,{size:20}),ft.createElement(yC,{type:"error",title:Lr.t("Delete Transaction"),description:Lr.t("Are you sure you want to delete this swap?")}),ft.createElement(Gs,{size:32}),ft.createElement(ym,{variant:"contained",type:"primary",size:"large",onClick:t},ft.createElement(Sm,{variant:"title",size:"medium",color:"neutral100"},Lr.t("Yes, Delete it"))),ft.createElement(Gs,{size:12}),ft.createElement(ym,{variant:"outlined",type:"primary",size:"large",onClick:e},ft.createElement(Sm,{variant:"title",size:"medium",color:"primary"},Lr.t("No, Cancel")))),"DeleteContent");import{i18n as Vs}from"@lingui/core";import{PendingSwapNetworkStatus as js}from"rango-types";var Ks={[js.WaitingForNetworkChange]:{type:"loading",title:Vs.t("Change Network")},[js.WaitingForConnectingWallet]:{type:"warning",title:Vs.t("Connect Wallet")},[js.NetworkChanged]:{type:"success",title:Vs.t("Network Changed")}};import{MessageBox as CC,Wallet as TC}from"@rango-dev/ui";import{useWallets as kC}from"@rango-dev/wallets-react";import Vo 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?Vr(u(c)):null,m=c?p(c):null;return Vo.createElement(Vo.Fragment,null,Vo.createElement(CC,{type:e,title:o,description:r}),s&&!!c&&!!h&&!!m&&Vo.createElement(Tm,null,Vo.createElement(TC,{container:N(),title:m.name,image:m.img,type:c,state:h,link:m.installLink,disabled:a,onClick:async()=>l(c)})))},"WalletStateContent");function Xs(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:s,message:a,walletButtonDisabled:l}=t,p=e===Mr.WaitingForNetworkChange||e===Mr.WaitingForConnectingWallet||e===Mr.NetworkChanged;return Nr.createElement(ae,{open:!!e,onClose:o,container:document.getElementById(Ee.SWAP_BOX_ID)||document.body},p&&Nr.createElement(km,{type:Ks[e].type,title:Ks[e].title,currentStepWallet:s,message:a,walletButtonDisabled:l,showWalletButton:e!==Mr.WaitingForNetworkChange}),e==="delete"&&Nr.createElement(Cm,{onClose:o,onDelete:n}),e==="cancel"&&Nr.createElement(hm,{onClose:o,onCancel:r}))}i(Xs,"SwapDetailsModal");import{i18n as jo}from"@lingui/core";import{Button as Ys,Divider as Br,MessageBox as wm,TokenAmount as wC,Typography as Pr}from"@rango-dev/ui";import ve from"react";import{useNavigate as vC}from"react-router-dom";function Js(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:jo.t("Swap Successful")},ve.createElement(wC,{direction:"vertical",tooltipContainer:N(),type:"output",centerAlign:!0,price:{value:r,usdValue:s,realUsdValue:a,realValue:l},token:p,chain:u,percentageChange:c}),ve.createElement(Br,{size:12}),ve.createElement(Pr,{variant:"body",size:"medium",color:"neutral700",align:"center"},h)):ve.createElement(wm,{type:"error",title:jo.t("Transaction Failed"),description:h}),ve.createElement(Br,{size:32}),n==="success"&&ve.createElement(Ys,{variant:"contained",type:"primary",size:"large",onClick:()=>{d("../../")}},ve.createElement(Pr,{variant:"title",size:"medium",color:"neutral100"},jo.t("Done"))),ve.createElement(Br,{size:12}),m&&ve.createElement(ve.Fragment,null,ve.createElement(Ys,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(m,"_blank")},ve.createElement(Pr,{variant:"title",size:"medium",color:"primary"},jo.t("Diagnosis"))),ve.createElement(Br,{size:12})),ve.createElement(Ys,{variant:"outlined",type:"primary",size:"large",onClick:o},ve.createElement(Pr,{variant:"title",size:"medium",color:"primary"},jo.t("See Details"))))}i(Js,"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 Dt,{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 Zs,Button as Im}from"@rango-dev/ui";import{PendingSwapNetworkStatus as Rs}from"rango-types";import Ko from"react";function Am(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?Ko.createElement(Zs,{type:"warning",title:n.shortMessage,action:Ko.createElement(Im,{size:"xxsmall",type:"warning",onClick:()=>{o(Rs.WaitingForNetworkChange),e().catch(s=>{console.log(s)})}},bm.t("Change"))}):r===Rs.WaitingForConnectingWallet?Ko.createElement(Zs,{type:"warning",title:n.shortMessage,action:Ko.createElement(Im,{size:"xxsmall",type:"warning",onClick:()=>{o(Rs.WaitingForConnectingWallet)}},bm.t("Connect"))}):Ko.createElement(Zs,{type:"warning",title:n.shortMessage})}i(Am,"WarningAlert");function ea(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 Dt.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 Dt.createElement(BC,{key:C},Dt.createElement(Em,{type:S&&(y&&"loading"||f&&"error")||"success",title:h.description?`${h.description} Tx`:LC.t("View transaction"),action:h.url&&Dt.createElement(MC,{variant:"ghost",size:"xsmall",onClick:()=>window.open(h.url,"_blank")},Dt.createElement(NC,{size:12}))}))}),c&&Dt.createElement(Em,{type:"loading",title:r.shortMessage}),s.status!=="failed"&&l&&Dt.createElement(Am,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),s.status==="failed"&&Dt.createElement(vm,{message:r}))}i(ea,"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:E(l,6,6),realValue:l}},to:{token:{displayName:s.toSymbol,image:s.toLogo},chain:{displayName:Ge(s.toBlockchain,e)??"",image:s.toBlockchainLogo??""},price:{value:E(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(ea,{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 Xo,darkTheme as $C,styled as Kt}from"@rango-dev/ui";var Nm=Kt("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),_r=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=Xo({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=Xo({padding:"$5 0"}),Dr=Xo({display:"flex",justifyContent:"center",alignItems:"center",height:"$24"}),_m=Xo({display:"flex",width:"100%",padding:"$15 $20 $20",flexDirection:"column",alignItems:"start"}),Dm=Xo({width:"100%",padding:"0 $20 $10"}),Fm=Kt("a",{fontSize:"$16",fontWeight:"$400",color:"$neutral700",display:"flex",alignItems:"center",justifyContent:"center"});function ta(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(),L=DC(e),W=L?.networkStatus;qm(()=>{b.find(bt=>bt.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(v(e.status),T(e.requestId))},[e.status]),qm(()=>{te?w(Fr.WaitingForNetworkChange):W===Fr.WaitingForConnectingWallet||W===Fr.NetworkChanged?w(W):w(null)},[W]);let B=yl(e),A=L?_C(e,L):null,O=L?FC(e,L):null,q=dm(e),M=Sl(e),ee=i(gt=>!!l(gt)?.mobileWallet,"isMobileWallet"),te=W===Fr.WaitingForNetworkChange&&!!A&&!!O?.walletType&&(ee(O.walletType)||s(O.walletType,A)),Q=te?a.bind(null,O.walletType,A):void 0,me=hl(e,L),G=Lm({swap:e,switchNetwork:Q,showNetworkModal:W,setNetworkModal:w,message:me,blockchains:p,swappers:u}),J=G.length,[Ae,Ce]=[e.steps[0],e.steps[J-1]],$=Ce.outputAmount||Ce.expectedOutputAmountHumanReadable,K=e.steps.reduce((gt,bt)=>gt+parseFloat(bt.feeInUsd||""),0),Z=e.steps.find(gt=>gt.diagnosisUrl)?.diagnosisUrl,Te=E(parseFloat(E($,6,6))*(Ce.toUsdPrice||0),4,4),Fe=E(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),Hr=e.status==="success"?xt.t({id:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:E($,6,6),token:G[J-1].to.token.displayName,conciseAddress:cn(e.wallets[G[J-1].to.chain.displayName]?.address||""),chain:G[J-1].to.chain.displayName}}):`${xt.t("Transaction was not sent.")} ${B?xt.t({id:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:B.outputAmount,symbol:B.symbol,blockchain:B.blockchain}}):""}`;return R.createElement(oe,{header:{title:xt.t("Swap and Bridge"),onCancel:e.status==="running"?()=>w("cancel"):void 0,suffix:e.status!=="running"&&R.createElement(to,null,R.createElement(Um,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>w("delete")},R.createElement(ho,{size:"medium",variant:"label",color:"error"},xt.t("Delete"))))},footer:M&&!k&&R.createElement(Um,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{h(e,{blockchains:p,tokens:c}),setTimeout(()=>{d("../../")},0)}},xt.t("Try again"))},R.createElement(se,{compact:!0,view:!0},R.createElement(_r,null,R.createElement("div",{className:go()},R.createElement(ho,{variant:"label",size:"large",color:"neutral700"},`${xt.t("Request ID")}:`),R.createElement("div",{className:Dr()},R.createElement(ho,{variant:"label",size:"small",color:"neutral700"},o),R.createElement(qC,{variant:"ghost",onClick:S.bind(null,o||"")},R.createElement(UC,{size:16,color:"gray"})),R.createElement(Fm,{target:"_blank",href:`${ma}/swap/${o}`},R.createElement(zC,{size:16})))),R.createElement("div",{className:go()},R.createElement(ho,{variant:"label",size:"large",color:"neutral700"},`${xt.t(e.finishTime?"Finished at":"Created at")}:`),R.createElement(ho,{variant:"label",size:"small",color:"neutral700"},q))),R.createElement("div",{className:_m()},R.createElement(QC,{fee:E(String(K),2,2),time:on(nn(e.steps)),steps:J}),R.createElement(No,{from:{price:{value:E(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:E($,6,6),usdValue:Te,realUsdValue:ke,realValue:$},token:{displayName:G[J-1].to.token.displayName,image:G[J-1].to.token.image},chain:{image:G[J-1].to.chain.image,displayName:G[J-1].to.chain.displayName}},percentageChange:E(Ue,2,2),warningLevel:yt(Ue??0)})),R.createElement("div",{className:Dm()},R.createElement(ho,{variant:"title",size:"small"},xt.t("Swaps steps"))),R.createElement(OC,{size:8}),R.createElement(Bm,{ref:y},G.map((gt,bt)=>{let ua=bt,yo=Mm(e.steps[bt]),pd=yo==="error"||yo==="in-progress"||yo==="warning"||yo==="completed"&&bt===G.length-1;return R.createElement(HC,{key:ua,step:gt,type:"swap-progress",ref:y,state:yo,hasSeparator:bt!==0,tabIndex:ua,isFocused:pd,tooltipContainer:N()})}))),R.createElement(Xs,{state:f,onClose:()=>w(null),onCancel:I,onDelete:n,message:me.detailedMessage.content,currentStepWallet:O,walletButtonDisabled:!m}),R.createElement(Js,{open:!!k,diagnosisUrl:Z,onClose:()=>v(null),status:e.status==="success"?"success":"failed",priceValue:E($,6,6),usdValue:Te,realUsdValue:ke,realValue:pe($),percentageChange:E(Ue,2,2),token:{displayName:G[J-1].to.token.displayName,image:G[J-1].to.token.image},chain:{image:G[J-1].to.chain.image},description:Hr}))}i(ta,"SwapDetails");import{i18n as Or}from"@lingui/core";import{Divider as Gm,NotFound as RC,Skeleton as Jo,Typography as qr}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 oa}from"@rango-dev/ui";var Qm=oa("div",{width:"100%",height:"100%",padding:"$10 $20"}),Yo=oa("div",{backgroundColor:"$neutral100",borderRadius:"$xm",padding:"$10 $15"}),Ur=oa("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 na(){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(Yo,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(Ur,null),fe.createElement(Yo,null,fe.createElement(mt,{separator:!1})),fe.createElement(Ur,null),fe.createElement(Yo,null,fe.createElement(mt,{separator:!1})),fe.createElement(Ur,null),fe.createElement(Yo,null,fe.createElement(mt,{separator:!1}))))}i(na,"LoadingSwapDetails");function Vm(t){let{requestId:e,showSkeleton:o}=t;return ce.createElement(oe,{header:{title:Or.t("Swap and Bridge"),suffix:ce.createElement(to,null)}},o&&ce.createElement(Nm,null,ce.createElement(_r,null,ce.createElement("div",{className:go()},ce.createElement(qr,{variant:"label",size:"large",color:"neutral700"},`${Or.t("Request ID")}:`),ce.createElement("div",{className:Dr()},ce.createElement(qr,{variant:"label",size:"small",color:"neutral700"},ce.createElement(Jo,{width:60,height:10,variant:"rounded"})),ce.createElement(Gm,{direction:"horizontal",size:4}),ce.createElement(Jo,{width:16,height:16,variant:"rectangular"}),ce.createElement(Gm,{direction:"horizontal",size:4}),ce.createElement(Jo,{width:16,height:16,variant:"rectangular"}))),ce.createElement("div",{className:go()},ce.createElement(qr,{className:$m(),variant:"label",size:"large",color:"neutral700"},ce.createElement(Jo,{width:60,height:10,variant:"rounded"})),ce.createElement(qr,{variant:"label",size:"small",color:"neutral700"},ce.createElement(Jo,{width:60,height:10,variant:"rounded"})))),ce.createElement(na,null)),!o&&ce.createElement(Pm,null,ce.createElement(RC,{title:Or.t("Not found"),description:Or.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=Lt(t),{requestId:r}=rT(),s=lt(),{fetchStatus:a}=g();if(!r)return ra.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?ra.createElement(Vm,{requestId:r,showSkeleton:l}):ra.createElement(ta,{swap:h,requestId:r,onCancel:u,onDelete:c})}i(jm,"SwapDetailsPage");import{i18n as Zo}from"@lingui/core";import{AutoThemeIcon as iT,DarkModeIcon as sT,LightModeIcon as aT,List as lT,ListItemButton as pT,Radio as ia,RadioRoot as uT,Typography as sa}from"@rango-dev/ui";import De from"react";function Km(){let{setTheme:t,theme:e}=g(),o=[{id:"light",value:"light",title:De.createElement(sa,{variant:"title",size:"xmedium"},Zo.t("Light")),onClick:()=>t("light"),start:De.createElement(aT,{color:"gray"}),end:De.createElement(ia,{value:"light"})},{id:"dark",value:"dark",title:De.createElement(sa,{variant:"title",size:"xmedium"},Zo.t("Dark")),onClick:()=>t("dark"),start:De.createElement(sT,{color:"gray"}),end:De.createElement(ia,{value:"dark"})},{id:"auto",value:"auto",title:De.createElement(sa,{variant:"title",size:"xmedium"},Zo.t("Auto")),onClick:()=>t("auto"),start:De.createElement(iT,{color:"gray"}),end:De.createElement(ia,{value:"auto"})}];return De.createElement(oe,{header:{title:Zo.t("Theme")}},De.createElement(se,null,De.createElement(uT,{onValueChange:n=>t(n),value:e},De.createElement(lT,{type:De.createElement(pT,{title:Zo.t("Theme"),id:"_",onClick:()=>console.log()}),items:o}))))}i(Km,"ThemePage");function Xm(){return Wl(),fi(),cT([{path:F.home,element:$e.createElement(kc,null)},{path:F.routes,element:$e.createElement(Ac,null)},{path:F.fromSwap,children:[{index:!0,element:$e.createElement(Us,{type:"source"})},{path:F.blockchains,element:$e.createElement(ws,{type:"source"})}]},{path:F.toSwap,children:[{index:!0,element:$e.createElement(Us,{type:"destination"})},{path:F.blockchains,element:$e.createElement(ws,{type:"destination"})}]},{path:F.settings,children:[{index:!0,element:$e.createElement(cm,null)},{path:F.themes,element:$e.createElement(Km,null)},{path:F.languages,element:$e.createElement(vc,null)},{path:F.exchanges,element:$e.createElement(Ss,{sourceType:"Exchanges"})},{path:F.bridges,element:$e.createElement(Ss,{sourceType:"Bridges"})}]},{path:F.swaps,children:[{index:!0,element:$e.createElement(fc,null)},{path:F.swapDetails,element:$e.createElement(jm,null)}]},{path:F.wallets,element:$e.createElement(Ap,null)},{path:F.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=X.use.connectedWallets(),o=X.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 zr(){td();let{config:t}=g(),{activeTheme:e}=On(t?.theme||{}),{activeLanguage:o}=co(),[n,r]=rd(""),[s,a]=rd(),l=ST(Sn),{fetchApiConfig:p}=od();return CT(()=>{Oe.persist.rehydrate(),l.onConnectWallet(r),p().catch(console.log)},[]),Ro.createElement(yT,{language:o},Ro.createElement(nd,{id:"swap-container",className:e()},Ro.createElement(ed,null),Ro.createElement(Ra,{lastConnectedWallet:n,disconnectedWallet:s,clearDisconnectedWallet:()=>{a(void 0)}},Ro.createElement(Xm,null))))}i(zr,"Main");import la,{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:X.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 an(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 en=class{constructor(e,o){this.manager=e,this.actions=o}getAllSwaps(){return Lt(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(en,"WidgetHistory");var sd=$T(void 0);function aa(t){let{manager:e}=BT(),o=ne.use.isActiveTab(),n=V.use.retry(),r=new en(e,{retrySwap:n}),s=X.use.connectedWallets(),a=X.use.loading(),l=wa(s),p=X.use.getWalletsDetails(),u=g().blockchains(),c=g().tokens(),h=g().swappers(),m=g().fetchStatus,d=co().resetLanguage,C=Oe().getUnreadNotifications(),S={isActiveTab:o,setCurrentTabAsActive:Ut.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(aa,"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 Qr(t){let{onUpdateState:e,config:o}=t;return DT(()=>{Ea({API_KEY:o?.apiKey||tn,BASE_URL:o?.apiUrl||ca})},[o.apiKey,o.apiUrl]),la.createElement(Cn,{config:o,onUpdateState:e},la.createElement(id,{apiKey:o.apiKey},la.createElement(aa,null,t.children)))}i(Qr,"WidgetProvider");function ld(t){return FT(()=>(Ut.init(),Ut.destroy),[]),t.config?.externalWallets?pa.createElement(zr,null):pa.createElement(Qr,{config:t.config??Jr},pa.createElement(zr,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,Qr as WidgetProvider,Cn as WidgetWallets,ki as customizedThemeTokens,Wq as readAccountAddress,Pp as useWallets,ad as useWidget,Aq as useWidgetEvents};
|
|
3
3
|
//# sourceMappingURL=index.js.map
|