@rango-dev/widget-embedded 0.20.1-next.20 → 0.20.1-next.22
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/AppRouter.d.ts.map +1 -1
- package/dist/components/AppRoutes.d.ts.map +1 -1
- package/dist/components/BlockchainList/BlockchainList.styles.d.ts +161 -1
- package/dist/components/BlockchainList/BlockchainList.styles.d.ts.map +1 -1
- package/dist/components/HeaderButtons/HeaderButtons.types.d.ts +0 -1
- package/dist/components/HeaderButtons/HeaderButtons.types.d.ts.map +1 -1
- package/dist/components/HeaderButtons/HomeButtons.d.ts.map +1 -1
- package/dist/components/Layout/Layout.d.ts +2 -3
- package/dist/components/Layout/Layout.d.ts.map +1 -1
- package/dist/components/Layout/Layout.helpers.d.ts +2 -0
- package/dist/components/Layout/Layout.helpers.d.ts.map +1 -0
- package/dist/components/Layout/Layout.styles.d.ts +2 -4
- package/dist/components/Layout/Layout.styles.d.ts.map +1 -1
- package/dist/components/Layout/Layout.types.d.ts +6 -3
- package/dist/components/Layout/Layout.types.d.ts.map +1 -1
- package/dist/components/Layout/PageContainer.d.ts +166 -0
- package/dist/components/Layout/PageContainer.d.ts.map +1 -0
- package/dist/components/Layout/ScrollableArea.d.ts +164 -0
- package/dist/components/Layout/ScrollableArea.d.ts.map +1 -0
- package/dist/components/Layout/index.d.ts +2 -0
- package/dist/components/Layout/index.d.ts.map +1 -1
- package/dist/components/NotificationContent/NotificationContent.d.ts.map +1 -1
- package/dist/components/QuoteWarningsAndErrors/QuoteWarningsAndErrors.styles.d.ts.map +1 -1
- package/dist/components/SettingsContainer/SettingsContainer.style.d.ts +0 -161
- package/dist/components/SettingsContainer/SettingsContainer.style.d.ts.map +1 -1
- package/dist/components/SettingsContainer/index.d.ts +1 -1
- package/dist/components/SettingsContainer/index.d.ts.map +1 -1
- package/dist/components/SwapDetails/SwapDetails.Placeholder.d.ts.map +1 -1
- package/dist/components/SwapDetails/SwapDetails.d.ts.map +1 -1
- package/dist/components/SwapDetails/SwapDetails.styles.d.ts +161 -1
- package/dist/components/SwapDetails/SwapDetails.styles.d.ts.map +1 -1
- package/dist/components/TokenList/TokenList.styles.d.ts.map +1 -1
- package/dist/constants/searchParams.d.ts +6 -6
- package/dist/constants/searchParams.d.ts.map +1 -1
- package/dist/containers/App/App.styles.d.ts.map +1 -1
- package/dist/containers/QuoteInfo/QuoteInfo.d.ts +1 -1
- package/dist/containers/QuoteInfo/QuoteInfo.d.ts.map +1 -1
- package/dist/containers/QuoteInfo/QuoteInfo.styles.d.ts +0 -324
- package/dist/containers/QuoteInfo/QuoteInfo.styles.d.ts.map +1 -1
- package/dist/containers/QuoteInfo/QuoteInfo.types.d.ts +0 -7
- package/dist/containers/QuoteInfo/QuoteInfo.types.d.ts.map +1 -1
- package/dist/containers/Wallets/Wallets.d.ts.map +1 -1
- package/dist/hooks/useSwapInput.d.ts.map +1 -1
- package/dist/hooks/useSyncStoresWithConfig.d.ts.map +1 -1
- package/dist/hooks/useSyncUrlAndStore/index.d.ts +2 -0
- package/dist/hooks/useSyncUrlAndStore/index.d.ts.map +1 -0
- package/dist/hooks/useSyncUrlAndStore/useSyncUrlAndStore.d.ts +2 -0
- package/dist/hooks/useSyncUrlAndStore/useSyncUrlAndStore.d.ts.map +1 -0
- package/dist/hooks/useSyncUrlAndStore/useSyncUrlAndStore.helpers.d.ts +4 -0
- package/dist/hooks/useSyncUrlAndStore/useSyncUrlAndStore.helpers.d.ts.map +1 -0
- 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/HistoryPage.d.ts.map +1 -1
- package/dist/pages/Home.d.ts.map +1 -1
- package/dist/pages/LanguagePage.d.ts.map +1 -1
- package/dist/pages/LiquiditySourcePage.d.ts.map +1 -1
- package/dist/pages/SelectSwapItemsPage.d.ts.map +1 -1
- package/dist/pages/SettingsPage.d.ts.map +1 -1
- package/dist/pages/SwapDetailsPage.d.ts.map +1 -1
- package/dist/pages/ThemePage.d.ts.map +1 -1
- package/dist/pages/WalletsPage.d.ts.map +1 -1
- package/dist/utils/quote.d.ts +0 -1
- package/dist/utils/quote.d.ts.map +1 -1
- package/dist/utils/ui.d.ts +2 -0
- package/dist/utils/ui.d.ts.map +1 -1
- package/package.json +3 -3
- package/src/components/AppRouter.tsx +1 -8
- package/src/components/AppRoutes.tsx +11 -0
- package/src/components/BlockchainList/BlockchainList.styles.ts +4 -3
- package/src/components/BlockchainList/BlockchainList.tsx +1 -1
- package/src/components/HeaderButtons/HeaderButtons.types.ts +0 -1
- package/src/components/HeaderButtons/HomeButtons.tsx +1 -2
- package/src/components/Layout/Layout.helpers.ts +16 -0
- package/src/components/Layout/Layout.styles.ts +17 -31
- package/src/components/Layout/Layout.tsx +24 -27
- package/src/components/Layout/Layout.types.ts +9 -8
- package/src/components/Layout/PageContainer.tsx +24 -0
- package/src/components/Layout/ScrollableArea.tsx +11 -0
- package/src/components/Layout/index.ts +2 -0
- package/src/components/NotificationContent/NotificationContent.tsx +0 -3
- package/src/components/QuoteWarningsAndErrors/QuoteWarningsAndErrors.styles.ts +0 -1
- package/src/components/SettingsContainer/SettingsContainer.style.ts +0 -5
- package/src/components/SettingsContainer/index.ts +0 -1
- package/src/components/SwapDetails/SwapDetails.Placeholder.tsx +0 -1
- package/src/components/SwapDetails/SwapDetails.styles.ts +5 -6
- package/src/components/SwapDetails/SwapDetails.tsx +3 -5
- package/src/components/TokenList/TokenList.styles.ts +2 -0
- package/src/components/TokenList/TokenList.tsx +1 -1
- package/src/constants/searchParams.ts +6 -6
- package/src/containers/App/App.styles.ts +2 -0
- package/src/containers/QuoteInfo/QuoteInfo.styles.ts +0 -15
- package/src/containers/QuoteInfo/QuoteInfo.tsx +30 -77
- package/src/containers/QuoteInfo/QuoteInfo.types.ts +0 -7
- package/src/containers/Wallets/Wallets.tsx +0 -2
- package/src/hooks/useSwapInput.ts +6 -1
- package/src/hooks/useSyncStoresWithConfig.ts +3 -17
- package/src/hooks/useSyncUrlAndStore/index.ts +1 -0
- package/src/hooks/useSyncUrlAndStore/useSyncUrlAndStore.helpers.ts +35 -0
- package/src/hooks/useSyncUrlAndStore/useSyncUrlAndStore.ts +135 -0
- package/src/pages/ConfirmSwapPage.tsx +52 -47
- package/src/pages/HistoryPage.tsx +5 -17
- package/src/pages/Home.tsx +44 -43
- package/src/pages/LanguagePage.tsx +3 -4
- package/src/pages/LiquiditySourcePage.tsx +3 -4
- package/src/pages/SelectBlockchainPage.tsx +38 -38
- package/src/pages/SelectSwapItemsPage.tsx +40 -38
- package/src/pages/SettingsPage.tsx +3 -4
- package/src/pages/SwapDetailsPage.tsx +21 -7
- package/src/pages/ThemePage.tsx +3 -4
- package/src/pages/WalletsPage.tsx +12 -13
- package/src/utils/quote.ts +0 -27
- package/src/utils/ui.ts +20 -0
- package/dist/components/UpdateUrl.d.ts +0 -2
- package/dist/components/UpdateUrl.d.ts.map +0 -1
- package/dist/store/ui.d.ts +0 -22
- package/dist/store/ui.d.ts.map +0 -1
- package/src/components/UpdateUrl.tsx +0 -158
- package/src/store/ui.ts +0 -21
package/dist/index.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
var Nm=Object.defineProperty;var i=(t,e)=>Nm(t,"name",{value:e,configurable:!0});import{EventSeverity as u1,MainEvents as c1,RouteEventType as m1,StepEventType as d1,StepExecutionBlockedEventStatus as f1,StepExecutionEventStatus as g1,useEvents as h1}from"@rango-dev/queue-manager-rango-preset";import{readAccountAddress as S1,useWallets as lp,Events as C1}from"@rango-dev/wallets-react";import{Networks as T1,WalletTypes as w1}from"@rango-dev/wallets-shared";import{PendingSwapNetworkStatus as v1}from"rango-types";import{Events as oi,Provider as md}from"@rango-dev/wallets-react";import{isEvmBlockchain as dd}from"rango-sdk";import Sn,{createContext as fd,useEffect as ni,useRef as gd,useState as hd}from"react";import{useEffect as gn,useLayoutEffect as rl,useRef as hn}from"react";import Km,{createContext as Ym,useContext as Jm,useEffect as Zm,useRef as Rm}from"react";import{create as jm}from"zustand";import{persist as Xm}from"zustand/middleware";var _r={apiKey:"",multiWallets:!0,enableNewLiquiditySources:!0,customDestination:!0},ta=i((t,e,o)=>({config:{..._r,...t},updateConfig:n=>{let r=o().config;e({config:{...r,...n}})}}),"createConfigSlice");import{RangoClient as qm}from"rango-sdk";var Vo="c6381a79-2817-4602-83bf-6a641a409e32",oa="https://api.rango.exchange",xe="rango-swap-box",na="https://scan.rango.exchange";import{WalletState as tt}from"@rango-dev/ui";import{readAccountAddress as Pm}from"@rango-dev/wallets-react";import{detectInstallLink as Mm,getCosmosExperimentalChainInfo as $m,isEvmAddress as _m,KEPLR_COMPATIBLE_WALLETS as XC,Networks as aa}from"@rango-dev/wallets-shared";import Dr from"bignumber.js";import{isCosmosBlockchain as Dm}from"rango-types";import Bm from"bignumber.js";var Ce=new Bm(0);import{WalletTypes as Lm}from"@rango-dev/wallets-shared";var ra=[Lm.LEAP];import{BigNumber as sa}from"bignumber.js";var jo=i(t=>{let e=(t%60).toString().padStart(2,"0");return`${parseInt((t/60).toString()).toString().padStart(2,"0")}:${e}`},"secondsToString"),E=i((t,e=null,o=null)=>{if(t==null||t==="")return"";let n=new sa(t),r=1,s=1e3;for(let a=0;a<60;a++)if(new sa(n.toFixed(a,r)).eq(n)){s=a;break}if(n.gte(1e4))return n.toFormat(0,r);if(n.gte(1e3)||n.gte(100))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,1))),r);if(n.gte(1))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,2))),r);if(n.gte(.01))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,4))),r);for(let a=e||4;a<17;a++)if(n.gte(Math.pow(10,-a)))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,a))),r);return n.isEqualTo(0)?"0":n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,8))),r)},"numberToString");var Xo=i(t=>t?.reduce((e,o)=>e+(o.estimatedTimeInSeconds??0),0)||0,"totalArrivalTime");var et=i((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),uo=i(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function ie(t){return E(t,12,12).replace(/(?:\.0*|(\.\d+?)0*)$/,"$1")}i(ie,"formatTooltipNumbers");function Fr(t){switch(!0){case t.connected:return tt.CONNECTED;case t.connecting:return tt.CONNECTING;case!t.installed:return tt.NOT_INSTALLED;default:return tt.DISCONNECTED}}i(Fr,"mapStatusToWalletState");function la(t,e,o,n){return o.filter(r=>!ra.includes(r)).filter(r=>{let{supportedChains:s,isContractWallet:a}=e(r),{installed:l,network:p}=t(r);return a&&(!l||!!n&&p!==n)?!1:n?!!s.find(m=>m.name===n):!0}).map(r=>{let{name:s,img:a,installLink:l}=e(r),p=Fr(t(r));return{title:s,image:a,link:Mm(l),state:p,type:r}})}i(la,"mapWalletTypesToWalletInfo");function Jo(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}i(Jo,"walletAndSupportedChainsNames");function pa(t,e,o,n,r){let s=[];function a(p,u){if(!!!s.find(c=>c.chain===p)){let c={address:u,chain:p,walletType:t};s.push(c)}}i(a,"addAccount");let l=n||[];return e.forEach(p=>{let{address:u,network:m}=Pm(p),c=l.length>0,f=l.includes(m),d=m===aa.Unknown;if(c&&!f&&!d)return;let y=m===aa.Unknown&&_m(u);if(d&&!y)return;o.includes(m)||y?r?a(m,u.toLowerCase()):l.filter(k=>o.includes(k)).forEach(k=>{a(k,u.toLowerCase())}):a(m,u)}),s}i(pa,"prepareAccountsForWalletStore");function ua(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain;e.includes(n)||e.push(n),e.includes(r)||e.push(r),o.internalSwaps&&Array.isArray(o.internalSwaps)&&o.internalSwaps.forEach(s=>{let a=s.from.blockchain,l=s.to.blockchain;e.includes(a)||e.push(a),e.includes(l)||e.push(l)})}),e}i(ua,"getRequiredChains");function Zo(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}i(Zo,"isAccountAndWalletMatched");function ca(t,e){let{blockChain:o,balances:n=[]}=t;return n?.map(r=>({chain:o,symbol:r.asset.symbol,ticker:r.asset.symbol,address:r.asset.address||null,rawAmount:r.amount.amount,decimal:r.amount.decimals,amount:new Dr(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:Om(o,r.asset.symbol,r.asset.address,e)||null}))||[]}i(ca,"makeBalanceFor");function ma(t){return{...t,loading:!1,error:!0}}i(ma,"resetConnectedWalletState");var da=i(t=>{let e=new Set,n=t?.reduce((s,a)=>s.findIndex(l=>l.address===a.address&&l.chain===a.chain)===-1?[...s,a]:s,[])?.map(s=>{let a={name:s.chain,accounts:[]};return e.has(s.address)||e.add(s.address),e.forEach(l=>{s.address===l&&a.accounts.push(s)}),a}),r=E(n?.flatMap(s=>s.accounts)?.flatMap(s=>s?.balances)?.map(s=>new Dr(s?.amount||Ce).multipliedBy(s?.usdPrice||0))?.reduce((s,a)=>s.plus(a),Ce)||Ce).toString();return Fm(r)},"calculateWalletUsdValue");function Fm(t){let e=t.toString().split(".");return e[0]=e[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),e.join(".")}i(Fm,"numberWithThousandSeparator");var Om=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice"),Ro=i((t,e)=>{let o=$m(Object.entries(t).map(([,n])=>n).filter(Dm));return o&&o[e]?.experimental},"isExperimentalChain");function en(t){return t?{...t,amount:E(t.amount,8,8),usdValue:E(t.usdValue,4,4)}:null}i(en,"formatBalance");function Um(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(Um,"sortTokensByBalance");function zm(t,e,o){let n=o(t),r=o(e);return n===r?0:n?-1:1}i(zm,"sortTokensByPinnedToken");function fa(t,e,o){return t.sort((n,r)=>{let s=e(n),a=e(r),l=zm(n,r,o);return l!==0?l:Um(s,a)}),t}i(fa,"sortTokens");function Pe(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}i(Pe,"tokensAreEqual");function ga(t){return t.sort((e,o)=>+(o.state===tt.CONNECTED)-+(e.state===tt.CONNECTED)||+(o.state===tt.DISCONNECTED||o.state===tt.CONNECTING)-+(e.state===tt.DISCONNECTED||e.state===tt.CONNECTING))}i(ga,"sortWalletsBasedOnConnectionState");function tn(t,e=8,o=3){if(t.length<2*e+o)return t;let n=t.slice(0,e),r=t.slice(-e);return`${n}${".".repeat(o)}${r}`}i(tn,"getConciseAddress");function ha({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}i(ha,"getAddress");function Or(t){return`${t.blockchain}-${t.symbol}-${t.address??""}`}i(Or,"createTokenHash");function on(t){return t.flatMap(e=>e.balances).reduce((e,o)=>{let n={amount:o?.amount??"",decimals:o?.decimal??0,usdValue:o?.usdPrice?new Dr(o?.usdPrice??Ce).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(on,"makeTokensBalance");var ya=i((t,e)=>!!t.find(o=>o.chain===e&&o.loading),"isFetchingBalance");var Ur={API_KEY:Vo};function qt(t){return Ur[t]||""}i(qt,"getConfig");function Sa(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),Ur=e,Ur}i(Sa,"initConfig");var Ca=20,ka=25,Ta="Roboto",zr="theme-widget",co=i((t,e)=>{let o=!1;if(e&&t){if(Array.isArray(e))o=!e.some(n=>Pe(n,t));else if(!Array.isArray(e)&&e[t.blockchain]){o=e[t.blockchain].tokens.some(r=>Pe(r,t));let n=e[t.blockchain].isExcluded;return!n&&!o||n&&o}}return o},"isTokenExcludedInConfig"),qr=i((t,e)=>t&&e&&!e.includes(t.name),"isBlockchainExcludedInConfig");var nn,Gt=i(()=>nn||(nn=new qm(qt("API_KEY"),qt("BASE_URL")),nn),"httpService");function Qt(t){return Array.from(new Set(t))}i(Qt,"removeDuplicateFrom");function Gr(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}i(Gr,"areEqual");function wa(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}i(wa,"debounce");function Nt(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}i(Nt,"containsText");var P=i(()=>document.getElementById(xe),"getContainer");function rn(t,e){let o=t.map(s=>s.swapperGroup),n=[];return Qt(t.map(s=>s.swapperGroup)).map(s=>{let a=t.find(l=>l.swapperGroup===s);if(a){let l=!0;o&&(l=o.some(p=>p===a.swapperGroup)),l&&a.types.map(p=>{n.push({id:a.swapperGroup,groupTitle:a.swapperGroup,logo:a.logo,type:p,selected:!e.includes(a.swapperGroup)})})}}),n}i(rn,"getUniqueSwappersGroups");function xa(t,e){return t.swapperGroup<e.swapperGroup?-1:t.swapperGroup>e.swapperGroup?1:0}i(xa,"sortLiquiditySourcesByGroupTitle");function Me(t,e){return e?.[t]==="hidden"}i(Me,"isFeatureHidden");function sn(t,e){return e?.[t]==="enabled"}i(sn,"isFeatureEnabled");var va=i((t,e)=>({_blockchains:[],_tokens:[],_popularTokens:[],_swappers:[],fetchStatus:"loading",blockchains:o=>{let n=e()._blockchains;if(!o||!o?.type)return n;let r=e().config,s=(o.type==="source"?r.from?.blockchains:r.to?.blockchains)??[];return n.filter(l=>!(s.length>0&&!s.includes(l.name)))},tokens:o=>{let n=e()._tokens;if(!o||!o?.type)return n;let r=e().config,s=(o.type==="source"?r.from?.tokens:r.to?.tokens)??{},a=e().blockchains({type:o.type});return n.filter(p=>s&&co(p,s)||o.blockchain&&p.blockchain!==o.blockchain||!a.some(u=>u.name===p.blockchain)?!1:o.searchFor?!!(Nt(p.symbol,o.searchFor)||Nt(p.address||"",o.searchFor)||Nt(p.name||"",o.searchFor)):!0).sort((p,u)=>e().isTokenPinned(p,o.type)?-1:e().isTokenPinned(u,o.type)||p.isSecondaryCoin?1:u.isSecondaryCoin||!p.address&&u.address?-1:p.address&&!u.address?1:0)},isTokenPinned:(o,n)=>!!(n==="source"?e().config.from?.pinnedTokens:e().config.to?.pinnedTokens)?.some(a=>Pe(a,o)),swappers:()=>{let{config:{enableNewLiquiditySources:o,liquiditySources:n}}=e();return e()._swappers.filter(a=>{let l=n?.includes(a.swapperGroup);return o||!n||n.length===0?!l:l}).sort(xa)},fetch:async()=>{try{let o=await Gt().getAllMetadata();t({fetchStatus:"success"});let n=[],r=[],s=o.popularTokens,a=o.swappers,l=new Set;o.tokens.forEach(p=>{l.add(p.blockchain),r.push(p)}),o.blockchains.forEach(p=>{p.enabled&&l.has(p.name)&&n.push(p)}),n.sort((p,u)=>p.sort-u.sort),t({_blockchains:n,_tokens:r,_popularTokens:s,_swappers:a})}catch(o){throw t({fetchStatus:"failed"}),o}}}),"createDataSlice");import{English as Gm,French as Qm,Japanese as Hm,Spanish as Vm}from"@rango-dev/ui";var ba=[{title:"English",label:"English",local:"en",SVGFlag:Gm},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:Vm},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:Qm},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:Hm}],mo="en";var Aa=[.5,1,3],Ia=1,Ea=5,Wa=100,Na=0;var Ba=i((t,e)=>({disabledLiquiditySources:[],theme:"auto",language:null,preferredBlockchains:[],slippage:Ia,customSlippage:null,infiniteApprove:!1,affiliateRef:null,affiliatePercent:null,affiliateWallets:null,addPreferredBlockchain:o=>{let n=e().preferredBlockchains;if(n.find((a,l)=>{let p=a===o,u=l<=10-1;return p&&u}))return;let s=n.filter(a=>!(a===o));t(()=>({preferredBlockchains:[o,...s]}))},setSlippage:o=>t(()=>({slippage:o})),setCustomSlippage:o=>t(()=>({customSlippage:o})),setAffiliateRef:o=>t(()=>({affiliateRef:o})),setAffiliatePercent:o=>t(()=>({affiliatePercent:o})),setAffiliateWallets:o=>t(()=>({affiliateWallets:o})),toggleAllLiquiditySources:(o,n)=>t(r=>{if(n)return{disabledLiquiditySources:[]};let s=Qt(o.map(a=>a.swapperGroup));return s.length===r.disabledLiquiditySources.length?{disabledLiquiditySources:[]}:{disabledLiquiditySources:s}}),toggleInfiniteApprove:()=>t(o=>({infiniteApprove:!o.infiniteApprove})),toggleLiquiditySource:o=>t(n=>n.disabledLiquiditySources.includes(o)?{disabledLiquiditySources:n.disabledLiquiditySources.filter(r=>r!=o)}:{disabledLiquiditySources:n.disabledLiquiditySources.concat(o)}),setTheme:o=>t(()=>({theme:o})),setLanguage:o=>t(()=>({language:o})),updateSettings:o=>{let{features:n}=o,r=Me("theme",n),s=Me("language",n),a=Me("liquiditySource",n);t({...r&&{theme:"auto"},...s&&{language:mo},...a&&{disabledLiquiditySources:[]}})}}),"createSettingsSlice");function La(t){return jm()(Xm((...e)=>({...va(...e),...Ba(...e),...ta(t,...e)}),{name:"user-settings",skipHydration:!0,partialize:e=>({theme:e.theme,language:e.language,affiliatePercent:e.affiliatePercent,affiliateRef:e.affiliateRef,affiliateWallets:e.affiliateWallets,slippage:e.slippage,customSlippage:e.customSlippage,infiniteApprove:e.infiniteApprove,preferredBlockchains:e.preferredBlockchains,disabledLiquiditySources:e.disabledLiquiditySources})}))}i(La,"createAppStore");var Pa=Ym(null);function g(){let t=Jm(Pa);if(Zm(()=>{t&&!t.persist.hasHydrated()&&t.persist.rehydrate()},[]),!t)throw new Error("Missing AppStoreContext.Provider in the tree");return t()}i(g,"useAppStore");function Ma(t){let e=Rm();return e.current||(e.current=La(t.config)),Km.createElement(Pa.Provider,{value:e.current},t.children)}i(Ma,"AppStoreProvider");import Tt from"bignumber.js";import{create as sd}from"zustand";import{subscribeWithSelector as ad}from"zustand/middleware";import{getLastSuccessfulStep as rd}from"@rango-dev/queue-manager-rango-preset";import IT from"bignumber.js";var St=(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))(St||{});function $a(t,e){return e.find(o=>o.name===t)?.displayName}i($a,"getBlockchainDisplayNameFor");function $e(t,e){return e.find(o=>o.name===t)?.shortName}i($e,"getBlockchainShortNameFor");function fo(t,e){return e.find(o=>o.id===t)?.swapperGroup}i(fo,"getSwapperDisplayName");function Hr(t,e){return e.find(o=>Pe(o,t))??null}i(Hr,"findToken");function Vr(t,e){return e.find(o=>o.name===t)??null}i(Vr,"findBlockchain");import{i18n as Ve}from"@lingui/core";import ke from"bignumber.js";import{PendingSwapNetworkStatus as un}from"rango-types";function an(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,s=e[e.length-1];n!=s&&e.push(n),s=e[e.length-1],r!=s&&e.push(r)}),e}i(an,"getRequiredWallets");function ln(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}i(ln,"isValidAddress");import{i18n as ye}from"@lingui/core";var j=i(()=>({genericServerError:ye.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:ye.t("Please reset your liquidity sources."),description:ye.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources.")},noResultError:{title:ye.t("No Routes Found."),description:ye.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:ye.t("Bridge Limit Error: Please increase your amount."),decreaseAmount:ye.t("Bridge Limit Error: Please decrease your amount.")},highValueLossError:{impactTitle:ye.t("High Price Impact"),title:ye.t("Price impact is too high!"),description:ye.t("The price impact is significantly higher than the allowed amount. If you are sure, continue, otherwise, change the swap."),confirmMessage:ye.t("Confirm high price impact")},quoteUpdatedWithHighValueLoss:{title:ye.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:ye.t("USD Price Unknown"),title:ye.t("USD Price Unknown, Cannot calculate Price Impact."),description:ye.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:ye.t("Confirm USD Price Unknown")}}),"errorMessages");function _a(t){switch(t.type){case 0:return t.diagnosisMessage??j().noResultError.title;case 1:return j().genericServerError;default:return""}}i(_a,"getQuoteErrorMessage");import{i18n as pn}from"@lingui/core";var Bt=i(()=>({connectWallet:pn.t("Connect Wallet"),swap:pn.t("Swap"),swapAnyway:pn.t("Swap anyway"),ethWarning:pn.t("The route goes through Ethereum. Continue?")}),"swapButtonTitles");function Da(t,e){return(parseInt(e.toFixed(2)||"0")<=-10&&t?.gte(new ke(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new ke(1e3)))??!1}i(Da,"hasHighValueLoss");function jr(t){return(t?.result?.swaps||[]).filter(e=>{let o=e.fromAmountMinValue?new ke(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new ke(e.fromAmountMaxValue):null;return e.fromAmountRestrictionType==="EXCLUSIVE"?o?.gte(e.fromAmount)||n?.lte(e.fromAmount):o?.gt(e.fromAmount)||n?.lt(e.fromAmount)}).length>0}i(jr,"hasLimitError");function Xr(t){let e=(t.result?.swaps||[]).filter(l=>{let p=l.fromAmountMinValue?new ke(l.fromAmountMinValue):null,u=l.fromAmountMaxValue?new ke(l.fromAmountMaxValue):null;return l.fromAmountRestrictionType==="EXCLUSIVE"?p?.gte(l.fromAmount)||u?.lte(l.fromAmount):p?.gt(l.fromAmount)||u?.lt(l.fromAmount)})[0],o=e.fromAmountMinValue?new ke(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new ke(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",s="",a="";return!r&&o&&o.gt(e.fromAmount)?(s=Ve.t({id:"Required: >= {min} {symbol}",values:{min:E(o,6,6),symbol:e.from.symbol}}),a=j().bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(s=Ve.t({id:"Required: > {min} {symbol}",values:{min:E(o,6,6),symbol:e.from.symbol}}),a=j().bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(s=Ve.t({id:"Required: <= {max} {symbol}",values:{max:E(n,6,6),symbol:e.from.symbol}}),a=j().bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(s=Ve.t({id:"Required: < {max} {symbol}",values:{max:E(n,6,6),symbol:e.from.symbol}}),a=j().bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:s,recommendation:a}}i(Xr,"getLimitErrorMessage");function Fa(t){let{fetchMetaStatus:e,anyWalletConnected:o,fetchingQuote:n,inputAmount:r,quote:s,warning:a,error:l,needsToWarnEthOnPath:p}=t;return e!=="success"?{title:Bt().connectWallet,action:"connect-wallet",disabled:!0}:o?n||!s||!s.result||l||!r||r==="0"?{title:Bt().swap,action:"confirm-swap",disabled:!0}:a?{title:Bt().swapAnyway,action:"confirm-warning",disabled:!1}:p?{title:Bt().ethWarning,action:"confirm-warning",disabled:!1}:{title:Bt().swap,action:"confirm-swap",disabled:!1}:{title:Bt().connectWallet,action:"connect-wallet",disabled:!1}}i(Fa,"getSwapButtonState");function Kr(t,e,o){return!((!o||o.lte(Ce))&&t?.result&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t.result)}i(Kr,"canComputePriceImpact");function ed(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(ed,"requiredWallets");var td=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice");function od(t,e){let o=Ce;for(let n=0;n<t.fee.length;n++){let r=t.fee[n];if(r.expenseType==="DECREASE_FROM_OUTPUT")continue;let s=td(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new ke(r.amount).multipliedBy(s||0))}return o}i(od,"getUsdFeeOfStep");function cn(t,e){return t.reduce((o,n)=>o.plus(od(n,e)),Ce)}i(cn,"getTotalFeeInUsd");function Yr(t){let e=Ce;return e=e.plus(new ke(t.amount).multipliedBy(t.price||0)),e}i(Yr,"getUsdFee");function Oa(t){return t.reduce((e,o)=>e.plus(Yr(o)),Ce)}i(Oa,"getTotalFeesInUsd");function Ua(t){return t.reduce((e,o)=>{for(let n of o.fee){let r=n.name,s=n.expenseType!=="DECREASE_FROM_OUTPUT"?e.payable:e.nonePayable;s[r]=[...s[r]||[],n]}return e},{payable:{},nonePayable:{}})}i(Ua,"getFeesGroup");function Jr(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(Jr,"checkSlippageErrors");function za(t,e){let o=new Map;return t.result?.swaps.forEach((n,r)=>{n.recommendedSlippage?.slippage&&parseFloat(n.recommendedSlippage.slippage)>e&&o.set(r,n.recommendedSlippage.slippage)}),o.size>0?o:null}i(za,"checkSlippageWarnings");function mn(t){return t.result?.swaps.map(o=>o.recommendedSlippage)?.map(o=>o?.slippage||"0")?.filter(o=>parseFloat(o)>0)?.sort((o,n)=>parseFloat(n)-parseFloat(o))?.find(()=>!0)||null}i(mn,"getMinRequiredSlippage");function qa(t,e){return e?parseFloat(t)>=parseFloat(e):!0}i(qa,"hasProperSlippage");function dn(t){let{fromToken:e,toToken:o,inputAmount:n,wallets:r,selectedWallets:s,disabledLiquiditySources:a,liquiditySources:l,excludeLiquiditySources:p,slippage:u,affiliateRef:m,affiliatePercent:c,affiliateWallets:f,initialQuote:d,destination:w}=t,y=s?.reduce((b,S)=>(b[S.chain]=S.address,b),{}),h=[];r?.forEach(b=>{let S=h.find(I=>I.blockchain===b.chain);S?S.addresses.push(b.address):h.push({blockchain:b.chain,addresses:[b.address]})});let C=!!d,k=Qt((d?.result?.swaps||[]).reduce((b,S)=>(b.push(S.from.blockchain,S.to.blockchain),S.internalSwaps&&Array.isArray(S.internalSwaps)&&S.internalSwaps.map(I=>{b.push(I.from.blockchain,I.to.blockchain)}),b),[]));return{amount:n.toString(),affiliateRef:m??void 0,affiliatePercent:c??void 0,affiliateWallets:f??void 0,checkPrerequisites:C,from:{address:e.address,blockchain:e.blockchain,symbol:e.symbol},to:{address:o.address,blockchain:o.blockchain,symbol:o.symbol},connectedWallets:h,selectedWallets:y??{},slippage:u.toString(),...w&&{destination:w},...p&&{swapperGroups:a.concat(l??[]),swappersGroupsExclude:!0},...!p&&{swapperGroups:l?.filter(b=>!a.includes(b)),swappersGroupsExclude:!1},...C&&{blockchains:k}}}i(dn,"createQuoteRequestBody");function Ga(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}i(Ga,"getWalletsForNewSwap");function Ht(t){return t.result?.outputAmount||null}i(Ht,"getQuoteOutputAmount");function Qa(t,e){return new ke(e).div(new ke(t)).minus(1).multipliedBy(100).toNumber()}i(Qa,"getPercentageChange");function Ha(t,e){let o=Ht(t),n=Ht(e);if(!o||!n)return!1;let r=_e(o,n);return r?r<=-1:!0}i(Ha,"isOutputAmountChangedALot");function Va(t,e,o){let n=t.validationStatus,r=ua(t);return e.sort((a,l)=>r.indexOf(a.chain)-r.indexOf(l.chain)).flatMap(a=>Za(a,n)||[]).filter(a=>!a.ok).map(a=>{let l=a.asset.symbol,p=E(new ke(a.currentAmount.amount).shiftedBy(-a.currentAmount.decimals),8,8),u=E(new ke(a.requiredAmount.amount).shiftedBy(-a.requiredAmount.decimals),8,8),m="";return a.reason==="FEE"&&(m=Ve.t(" for network fee")),a.reason==="INPUT_ASSET"&&(m=Ve.t(" for swap")),a.reason==="FEE_AND_INPUT_ASSET"&&(m=Ve.t(" for input and network fee")),Ve.t({id:"Needs \u2248 {requiredAmount} {symbol}{reason}, but you have {currentAmount} {symbol} in your {blockchain} wallet.",values:{requiredAmount:u,symbol:l,reason:m,currentAmount:p,blockchain:$e(a.asset.blockchain,o)}})})}i(Va,"generateBalanceWarnings");function ja(t,e){return(t?new ke(t):Ce).multipliedBy(e||0)}i(ja,"calcOutputUsdValue");function go(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==un.NetworkChanged}i(go,"isNetworkStatusInWarningState");function Xa(t,e){let o="bellow button or",n=t.extraMessage,r=t.extraMessageDetail;if(t.networkStatusExtraMessageDetail?.includes(o)&&(t.networkStatusExtraMessageDetail=t.networkStatusExtraMessageDetail.replace(o,"")),go(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case un.WaitingForConnectingWallet:n=n||Ve.t("Waiting for connecting wallet");break;case un.WaitingForQueue:n=n||Ve.t("Waiting for other running tasks to be finished");break;case un.WaitingForNetworkChange:n=n||Ve.t("Waiting for changing wallet network");break;default:n=n||"";break}r=r||"",n=n||"";let a=n?.indexOf("code")!==-1&&n?.indexOf("reason")!==-1;return{shortMessage:n,detailedMessage:{content:r,long:a}}}i(Xa,"getSwapMessages");function Ka(t){let e=null;if(t.status==="failed"){let o=t.steps.slice().reverse().filter(n=>n.status==="success")[0];o&&(e={blockchain:o.toBlockchain,symbol:o.toSymbol,outputAmount:o.outputAmount,address:o.toSymbolAddress})}return e}i(Ka,"getLastConvertedTokenInFailedSwap");function Ya(t){return t.status==="failed"&&!!t.finishTime&&new Date().getTime()-parseInt(t.finishTime)<4*3600*1e3}i(Ya,"shouldRetrySwap");function Ja(t,e,o,n,r,s){return t||!e&&!ed(n).every(a=>r.map(l=>l.chain).includes(a))||!!e&&!o||!!e&&!!o&&s&&!ln(s,o)}i(Ja,"confirmSwapDisabled");function Zr(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(Zr,"searchParamsToToken");function el(t){return t?.result?.swaps[t?.result?.swaps.length-1].to.usdPrice}i(el,"getQuoteToTokenUsdPrice");function Rr(t,e){let o=t.result?.swaps||[],n=e.result?.swaps||[];return o.length!==n.length}i(Rr,"isNumberOfSwapsChanged");function ei(t,e){let o=t.result?.swaps.map(r=>r.swapperId)||[],n=e.result?.swaps.map(r=>r.swapperId)||[];return!Gr(o,n)}i(ei,"isQuoteSwappersUpdated");function ti(t,e){let o=t.result?.swaps.map(r=>r.to.symbol)||[],n=e.result?.swaps.map(r=>r.to.symbol)||[];return!Gr(o,n)}i(ti,"isQuoteInternalCoinsUpdated");function tl(t,e){return Rr(t,e)||ei(t,e)||ti(t,e)}i(tl,"isQuoteChanged");function Za(t,e){if(e===null)return null;let o=e?.find(n=>n.blockchain===t.chain)?.wallets.find(n=>n.address?.toLowerCase()===t.address.toLowerCase());return o?o.requiredAssets:null}i(Za,"getRequiredBalanceOfWallet");function ct(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}i(ct,"getPriceImpactLevel");function ol(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],s=rd(t.steps),a={blockchain:r.toBlockchain,symbol:r.toSymbol,address:r.toSymbolAddress},l=Vr(s?s.toBlockchain:n.fromBlockchain,e),p=Vr(r.toBlockchain,e),u=Hr(s?{blockchain:l?.name??"",symbol:s.toSymbol,address:s.toSymbolAddress}:{blockchain:l?.name??"",symbol:n.fromSymbol,address:n.fromSymbolAddress},o),m=Hr(a,o),c=s?s.outputAmount??"":t.inputAmount;return{fromBlockchain:l,fromToken:u,toBlockchain:p,toToken:m,inputAmount:c}}i(ol,"createRetryQuote");function fn(t,e){let{fromToken:o,toToken:n,tokens:r,userSlippage:s}=e,a=Lt(o,t.requestAmount),l=Lt(n,t.result?.outputAmount??"");if(t.result&&a&&l){let m=_e(a.toString(),l.toString());if(!!m&&Da(a,m)){let f=cn(t.result.swaps,r),d=ct(m);return{type:0,inputUsdValue:a,outputUsdValue:l,priceImpact:m,totalFee:f,warningLevel:d}}}else if(t.result&&(!a||!l))return{type:1};let p=mn(t),u=s>Ea;if(qa(e.userSlippage.toString(),p)){if(u&&parseFloat(p??"0")<s)return{type:3,slippage:s.toString()}}else return{type:2,recommendedSlippages:za(t,s),minRequiredSlippage:p};return null}i(fn,"generateQuoteWarnings");function _e(t,e){let o=typeof e=="string"?parseFloat(e)<=0:!e?.gt(0),n=!t||!e||o?null:Qa(t.toString(),e.toString());return n&&n<0?n:null}i(_e,"getPriceImpact");var nl=i(t=>{let e=new Set,o=[];return t.forEach(n=>{e.has(n.from.chain.displayName)||(e.add(n.from.chain.displayName),o.push(n.from.chain)),e.has(n.to.chain.displayName)||(e.add(n.to.chain.displayName),o.push(n.to.chain))}),o},"getUniqueBlockchains");var id=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"),kt=id;var Lt=i((t,e)=>t?.usdPrice?new Tt(e||Ce).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),D=kt(sd()(ad(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new Tt(0),outputUsdValue:new Tt(0),toBlockchain:null,toToken:null,quote:null,quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:"",quoteWarningsConfirmed:!1,setQuote:e=>t(o=>{let n=null,r=Ce;return uo(o.inputAmount)?(e&&(n=e.result?.outputAmount?new Tt(e.result?.outputAmount):null,r=ja(e.result?.outputAmount,el(e)||o.toToken?.usdPrice)),{quote:e,...!!e&&{outputAmount:n,outputUsdValue:r}}):{}}),resetQuote:()=>t(()=>({quote:null,outputAmount:null,outputUsdValue:new Tt(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:Lt(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 Tt(0),outputUsdValue:new Tt(0),quote:null},...!!o.fromToken&&{inputUsdValue:Lt(o.fromToken,e)}}))},retry:(e,o)=>{let{tokens:n,blockchains:r}=o,{fromBlockchain:s,fromToken:a,toBlockchain:l,toToken:p,inputAmount:u}=ol(e,r,n);t({fromBlockchain:s,fromToken:a,inputAmount:u,outputAmount:null,inputUsdValue:Lt(a??null,u),outputUsdValue:new Tt(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:Lt(e.toToken,e.outputAmount?.toString()||"")})),resetFromBlockchain:()=>t(()=>({fromToken:null,fromBlockchain:null,outputAmount:null,outputUsdValue:null,quote:null})),resetToBlockchain:()=>t(()=>({toToken:null,toBlockchain:null,outputAmount:null,outputUsdValue:null,quote:null})),setQuoteWalletConfirmed:e=>t({quoteWalletsConfirmed:e}),setSelectedWallets:e=>t({selectedWallets:e}),setCustomDestination:e=>t({customDestination:e}),resetQuoteWallets:()=>t({quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:""}),setQuoteWarningsConfirmed:e=>t({quoteWarningsConfirmed:e})}))));function il(){let{setInputAmount:t,setToToken:e,setToBlockchain:o,setFromBlockchain:n,setFromToken:r,fromToken:s,toToken:a,fromBlockchain:l,toBlockchain:p}=D(),u=g().config,m=g().fetchStatus,c=g().blockchains(),f=g().tokens(),{setAffiliateRef:d,setAffiliatePercent:w,setAffiliateWallets:y}=g(),h=u?.from?.tokens,C=u?.from?.blockchains,k=u?.to?.tokens,T=u?.to?.blockchains,b=hn(void 0),S=hn(void 0),I=hn(void 0),A=hn(void 0);gn(()=>{t(u?.amount?.toString()||"")},[u?.amount]),rl(()=>{if(m==="success"){let v=c.find(L=>L.name===u?.from?.blockchain),x=f.find(L=>Pe(L,u?.from?.token||null));(v||!v&&I.current)&&n(v??null),x?r({token:x,meta:{blockchains:c,tokens:f}}):!x&&b.current&&r({token:null}),I.current=u?.from?.blockchain,b.current=u?.from?.token}},[u?.from?.token?.symbol,u?.from?.token?.address,u?.from?.token?.blockchain,u?.from?.blockchain,m]),gn(()=>{co(s,h)&&r({token:null}),qr(l,C)&&n(null)},[h,C]),gn(()=>{co(a,k)&&r({token:null}),qr(p,T)&&o(null)},[k,T]),rl(()=>{if(m==="success"){let v=c.find(L=>L.name===u?.to?.blockchain),x=f.find(L=>Pe(L,u?.to?.token||null));(v||!v&&A.current)&&o(v??null),x?e({token:x,meta:{blockchains:c,tokens:f}}):!x&&S.current&&e({token:null}),A.current=u?.to?.blockchain,S.current=u?.to?.token}},[u?.to?.token?.symbol,u?.to?.token?.address,u?.to?.token?.blockchain,u?.to?.blockchain,m]),gn(()=>{d(u?.affiliate?.ref??null),w(u?.affiliate?.percent??null),y(u?.affiliate?.wallets??null)},[u?.affiliate?.ref,u?.affiliate?.percent,u?.affiliate?.wallets])}i(il,"useSyncStoresWithConfig");import{useEffect as cd}from"react";import{create as ld}from"zustand";import{subscribeWithSelector as pd}from"zustand/middleware";var V=kt(ld()(pd((t,e)=>({connectedWallets:[],balances:{},customDestination:"",loading:!1,connectWallet:(o,n)=>{let r=e().getWalletsDetails;t(s=>({loading:!0,connectedWallets:s.connectedWallets.filter(a=>a.walletType!==o[0].walletType).concat(o.map(a=>{let l=!s.connectedWallets.find(p=>p.chain===a.chain&&p.selected);return{balances:[],address:a.address,chain:a.chain,explorerUrl:null,walletType:a.walletType,selected:l,loading:!0,error:!1}}))})),r(o,n)},disconnectWallet:o=>{t(n=>{let r=n.connectedWallets.filter(l=>l.selected&&l.walletType!==o).map(l=>l.chain),s=n.connectedWallets.filter(l=>l.walletType!==o).map(l=>r.includes(l.chain)?l:(r.push(l.chain),{...l,selected:!0}));return{balances:on(s),connectedWallets:s}})},selectWallets:o=>t(n=>({connectedWallets:n.connectedWallets.map(r=>{let s=!!o.find(l=>l.chain===r.chain&&l.walletType!==r.walletType&&r.selected),a=!!o.find(l=>l.chain===r.chain&&l.walletType===r.walletType&&!r.selected);return s?{...r,selected:!1}:a?{...r,selected:!0}:r})})),clearConnectedWallet:()=>t(()=>({connectedWallets:[],selectedWallets:[]})),getWalletsDetails:async(o,n,r=!0)=>{let s=e().getWalletsDetails;t(a=>({loading:!0,connectedWallets:a.connectedWallets.map(l=>o.find(p=>Zo(p,l))?{...l,loading:!0}:l)}));try{let a=o.map(({address:u,chain:m})=>({address:u,blockchain:m})),p=(await Gt().getWalletsDetails(a)).wallets;if(p)t(u=>{let m=u.connectedWallets.map(f=>{let d=o.find(y=>Zo(y,f)),w=p.find(y=>y.address===f.address&&y.blockChain===f.chain);return w?.failed&&d&&r&&s([d],n,!1),d&&w?{...f,explorerUrl:w.explorerUrl,balances:ca(w,n),loading:!1}:f});return{loading:!1,balances:on(m),connectedWallets:m}});else throw new Error("Wallet not found")}catch{t(l=>{let p=l.connectedWallets.map(m=>o.find(c=>Zo(c,m))?ma(m):m);return{loading:!1,balances:on(p),connectedWallets:p}})}},getBalanceFor:o=>{let{balances:n}=e(),r=Or(o);return n[r]??null}}))));import{allProviders as ud}from"@rango-dev/provider-all";function yn(t,e){let o=ud({walletconnect2:{WC_PROJECT_ID:e?.walletConnectProjectId||""}});if(t){let n=[];return t.forEach(r=>{if(typeof r=="string"){let s=o.find(a=>a.config.type===r);s?n.push(s):console.warn(`Couldn't find ${r} provider. Please make sure you are passing the correct name.`)}else n.push(r)}),n}return o}i(yn,"matchAndGenerateProviders");function sl(t,e){return yn(t,e).map(r=>r.config.type)}i(sl,"configWalletsToWalletName");function al(t,e){let o=V.use.clearConnectedWallet(),n=yn(void 0,e);return cd(()=>{o(),n=yn(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}i(al,"useWalletProviders");var Cn=fd({onConnectWallet:()=>{}});function yd(t){let{updateConfig:e,updateSettings:o,fetch:n}=g(),r=g().blockchains(),s=g().tokens(),a={walletConnectProjectId:t.config?.walletConnectProjectId},[l,p]=hd([]),{providers:u}=al(t.config.wallets,a),{connectWallet:m,disconnectWallet:c}=V(),f=gd();il(),ni(()=>{n().catch(console.log)},[]),ni(()=>{t.config&&(e(t.config),o(t.config))},[t.config]);let d=r.filter(dd).map(y=>y.name),w=i((y,h,C,k,T)=>{if(h===oi.ACCOUNTS)if(C){let b=Jo(T.supportedBlockchains),S=pa(y,C,d,b,T.isContractWallet);p(S)}else c(y);if(h===oi.ACCOUNTS&&k.connected){let b=`${y}-${k.network}-${C}`;k.connected&&(f.current?f.current(b):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(h===oi.NETWORK&&k.network){let b=`${y}-${k.network}`;f.current?f.current(b):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(y,h,C,k,T)},"onUpdateState");return ni(()=>{l.length&&m(l,s)},[l,s]),Sn.createElement(Cn.Provider,{value:{onConnectWallet:y=>{f.current=y}}},Sn.createElement(md,{allBlockChains:r,providers:u,onUpdateState:w,autoConnect:!0},t.children))}i(yd,"Main");function kn(t){let{config:e,...o}=t;return Sn.createElement(Ma,{config:e},Sn.createElement(yd,{...o,config:e}))}i(kn,"WidgetWallets");import Rs from"react";import{I18nManager as cC}from"@rango-dev/ui";import Qo,{useContext as mC,useEffect as dC,useState as vm}from"react";import{useQueueManager as Ad}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Id}from"@rango-dev/wallets-react";import{isEvmBlockchain as Ed}from"rango-types";import Tn,{Fragment as Wd}from"react";import{MemoryRouter as Nd,useInRouterContext as Bd}from"react-router";import{useWallets as Cd}from"@rango-dev/wallets-react";import{useEffect as kd,useRef as Td}from"react";function ll(){let{connect:t,state:e}=Cd(),o=Td({}),{fetchStatus:n}=g(),r=new URLSearchParams(location.search).get("autoConnect")||"",s=e(r);kd(()=>{n==="success"&&r&&s.installed&&!s.connecting&&!s.connected&&!o.current[r]&&(o.current[r]=!0,t(r))},[s,n])}i(ll,"useForceAutoConnect");import{useEffect as ri,useRef as ii}from"react";import{createSearchParams as xd,useLocation as vd,useSearchParams as bd}from"react-router-dom";var M={home:"/",fromSwap:"from-swap",toSwap:"to-swap",blockchains:"blockchains",settings:"settings",liquiditySources:"liquidity-sources",themes:"themes",bridges:"bridges",exchanges:"exchanges",languages:"languages",swaps:"swaps",wallets:"wallets",confirmSwap:"confirm-swap",swapDetails:":requestId"};import{create as wd}from"zustand";var ve=kt(wd()(t=>({connectWalletsButtonDisabled:!1,selectedSwapRequestId:null,currentPage:"",setSelectedSwap:e=>t({selectedSwapRequestId:e}),setCurrentPage:e=>t({currentPage:e})})));function pl(){let t=ii(!0),[e,o]=bd(),n=vd(),r=ii(n.search),s=ii({}),a=D.use.fromBlockchain(),l=D.use.toBlockchain(),p=D.use.fromToken(),u=D.use.toToken(),m=D.use.setFromBlockchain(),c=D.use.setFromToken(),f=D.use.setToBlockchain(),d=D.use.setToToken(),w=D.use.inputAmount(),y=D.use.setInputAmount(),h=g().fetchStatus,C=g().blockchains(),k=g().tokens(),T=ve.use.setSelectedSwap();return ri(()=>{let b={};xd(r.current).forEach((I,A)=>{b[A]=I}),s.current=b;let S=n.pathname.split(M.swaps+"/")[1]||null;S&&T(S)},[]),ri(()=>{if(!t.current){let b="",S="",I="",A="",v="",x=s.current["autoConnect"];h!=="success"?(b=s.current["fromBlockchain"],S=s.current["fromToken"],I=s.current["toBlockchain"],A=s.current["toToken"],v=s.current["fromAmount"]||w):(b=a?.name||"",S=(p?.symbol||"")+(p?.address?`--${p?.address}`:""),I=l?.name||"",A=(u?.symbol||"")+(u?.address?`--${u?.address}`:""),v=w),o({...b&&{["fromBlockchain"]:b},...S&&{["fromToken"]:S},...I&&{["toBlockchain"]:I},...A&&{["toToken"]:A},...v&&{["fromAmount"]:v.toString()},...x&&{["autoConnect"]:x}},{replace:!0})}t.current=!1},[n.pathname,w,a,p,l,u]),ri(()=>{if(h==="success"){let b=e.get("fromBlockchain"),S=e.get("fromToken"),I=e.get("toBlockchain"),A=e.get("toToken"),v=e.get("fromAmount"),x=C.find(F=>F.name===b),L=Zr(k,S,x||null),U=C.find(F=>F.name===I),W=Zr(k,A,U||null);x&&(m(x),L&&c({token:L,meta:{blockchains:C,tokens:k}})),U&&(f(U),W&&d({token:W,meta:{blockchains:C,tokens:k}})),v&&y(v)}},[h]),null}i(pl,"UpdateUrl");function ul({children:t,...e}){let o=Bd(),n=o?Wd:Nd,r=g().blockchains(),{canSwitchNetworkTo:s}=Id();ll();let a=r.filter(Ed);return Ad({lastConnectedWallet:e.lastConnectedWallet,clearDisconnectedWallet:e.clearDisconnectedWallet,disconnectedWallet:e.disconnectedWallet,evmChains:a,canSwitchNetworkTo:s}),Tn.createElement(Tn.Fragment,null,Tn.createElement(n,null,t),o&&Tn.createElement(pl,null))}i(ul,"AppRouter");import Ae from"react";import{useRoutes as iC}from"react-router-dom";import{i18n as rr}from"@lingui/core";import{useManager as mh}from"@rango-dev/queue-manager-react";import{Alert as Eu,Button as dh,css as Ki,Divider as fh,IconButton as Wu,SettingsIcon as gh,styled as Nu,Tooltip as hh,Typography as yh,WalletIcon as Sh}from"@rango-dev/ui";import se,{useEffect as No,useLayoutEffect as Ch,useRef as kh,useState as ir}from"react";import{flushSync as Th}from"react-dom";import{useNavigate as wh}from"react-router-dom";import{i18n as ot}from"@lingui/core";import{Alert as Ai,BalanceErrors as tg,Button as pp,ChevronDownIcon as og,ChevronLeftIcon as ng,Divider as Yt,MessageBox as rg,Modal as up,Typography as qn,WalletIcon as ig}from"@rango-dev/ui";import N,{useEffect as sg,useState as $t}from"react";import{useNavigate as ag}from"react-router-dom";import{i18n as wn}from"@lingui/core";function xn(t){switch(t.type){case 0:return wn.t("Route has been updated.");case 3:return wn.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return wn.t("Route swappers has been updated.");case 2:return wn.t("Route internal coins has been updated.");default:return""}}i(xn,"getQuoteUpdateWarningMessage");import In,{useLayoutEffect as $d,useRef as _d}from"react";import*as Vt from"@radix-ui/react-collapsible";import{keyframes as cl,styled as vn}from"@rango-dev/ui";var ho=300,Pd=cl({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),Md=cl({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),ml=vn(Vt.Root,{borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),si=vn(Vt.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit",cursor:"pointer"}),bn=vn(Vt.Content,{overflow:"hidden",variants:{open:{true:{animation:`${Pd} ${ho}ms ease-out`},false:{animation:`${Md} ${ho}ms ease-out`}}}}),An=vn("div",{transition:`all ${ho}ms ease`,display:"flex",alignItems:"center",variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}});function En(t){let{open:e,hasSelected:o,onOpenChange:n,children:r,onClickTrigger:s,trigger:a,triggerAnchor:l}=t,p=_d(null);return $d(()=>{e&&p.current&&setTimeout(()=>{p?.current?.scrollIntoView({behavior:"smooth"})},ho)},[e]),In.createElement(ml,{ref:p,className:"collapsible_root",selected:o&&e,open:e,onOpenChange:n},l==="top"&&In.createElement(si,{className:"collapsible_trigger",onClick:s},a),In.createElement(bn,{className:"collapsible_content",open:e},r),l==="bottom"&&In.createElement(si,{className:"collapsible_trigger",onClick:s},a))}i(En,"CustomCollapsible");import{Button as Dd,css as dl,darkTheme as jt,IconButton as Fd,styled as De,TextField as Od}from"@rango-dev/ui";var fl=De("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),gl=De("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),Ud=De("button",{borderRadius:"$xm",padding:"$10",border:"0",display:"flex",justifyContent:"center",$$color:"$colors$neutral100",[`.${jt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",alignItems:"center",cursor:"pointer",width:110,position:"relative","&:hover":{$$color:"$colors$info100",[`.${jt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$color:"$colors$info100",[`.${jt} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color",outline:0},variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary",outlineStyle:"solid"}}}}),hl=De(Ud,{alignSelf:"stretch",minHeight:"93px"}),yl=De("div",{padding:"$20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),Sl=De(Fd,{position:"absolute",left:"$20"}),Cl=De("div",{paddingTop:"$20"}),kl=dl({display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),Tl=De("div",{padding:"$10 $0","& .button__content":{display:"flex",alignItems:"center"},"& .alarms":{paddingTop:"$5"},"& .collapsible_content":{backgroundColor:"$neutral100"},"& .collapsible_root":{backgroundColor:"$neutral200"}}),wl=dl({paddingTop:"$5"}),xl=De("div",{display:"flex"}),vl=De(Od,{backgroundColor:"$neutral100",padding:"$0 $15 $15 $15"}),bl=De("div",{overflow:"visible",width:"100%"}),Al=De(Dd,{width:"100%",borderRadius:"$sm !important",padding:"$15 !important",justifyContent:"space-between",alignItems:"center",$$color:"$colors$neutral100",[`.${jt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color","&:hover":{$$color:"$colors$info100",[`.${jt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$background:"$colors$info100",[`.${jt} &`]:{$$background:"$colors$info700"},backgroundColor:"$$background",outline:0}});import{i18n as Xe}from"@lingui/core";import{Button as Zf,Divider as vi,Image as Rf,MessageBox as zn,Modal as rp,SelectableWallet as eg,Typography as ip,WalletState as sp}from"@rango-dev/ui";import ne,{useEffect as ap,useState as Co}from"react";import{WalletState as ai}from"@rango-dev/ui";import{useWallets as zd}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as qd,WalletTypes as Wn}from"@rango-dev/wallets-shared";import{useEffect as Gd,useState as Qd}from"react";var Hd=Object.values(Wn);function Nn(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:s,disconnect:a,getWalletInfo:l,connect:p}=zd(),{connectedWallets:u}=V(),m=g().blockchains(),c=sl(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||Hd,f=la(s,l,c,o),d=ga(f),[w,y]=Qd(""),h=i(S=>!u.find(I=>I.walletType===S&&I.chain===o),"isExperimentalChainNotAdded"),C=i(async S=>{let I=s(S);try{if(w&&y(""),I.connected)await a(S);else{let A=!!f.find(v=>v.state===ai.CONNECTED);if(!e?.multiWallets&&A)return;n?.(S),await p(S),r?.(S)}}catch(A){y("Error: "+A?.message)}},"handleClick"),k=i(()=>{let S=f?.filter(I=>I.state===ai.CONNECTING)||[];for(let I of S)a(I.type)},"disconnectConnectingWallets");Gd(()=>()=>{k()},[]);let T=i(S=>S.filter(A=>A.state!=ai.NOT_INSTALLED&&![Wn.DEFAULT,Wn.WALLET_CONNECT_2].includes(A.type)&&l(A.type).supportedChains.filter(v=>v.type=="EVM").length>0).length==0,"shouldShowDefaultInjectedWallet"),b=i((S,I,A)=>Ro(A,I)&&h(S)&&!qd.includes(S)||S==Wn.DEFAULT&&!T(f),"shouldExcludeWallet");return{list:d.filter(S=>!b(S.type,o??"",m)),error:w,handleClick:C}}i(Nn,"useWalletList");import{i18n as Jl}from"@lingui/core";import{styled as Rl,Typography as Qf,Wallet as Hf,WalletState as Vf}from"@rango-dev/ui";import Mt,{Fragment as jf,useState as Zl}from"react";import{BottomLogo as Mf,Divider as $f,Header as _f}from"@rango-dev/ui";import Se from"react";import{useNavigate as Vd}from"react-router-dom";function wt(){let t=Vd();return()=>t(-1)}i(wt,"useNavigateBack");import{createTheme as ci,darkTheme as Jd,lightTheme as Zd}from"@rango-dev/ui";import{useEffect as Wl,useState as Rd}from"react";import{theme as Kd,darkColors as Yd}from"@rango-dev/ui";var Il=i((t,e)=>{t=t.replace(/^#/,""),t.length===3&&(t=t[0]+t[0]+t[1]+t[1]+t[2]+t[2]);let[s,a,l]=t.match(/.{2}/g);[s,a,l]=[parseInt(s,16)+e,parseInt(a,16)+e,parseInt(l,16)+e],s=Math.max(Math.min(255,s),0).toString(16),a=Math.max(Math.min(255,a),0).toString(16),l=Math.max(Math.min(255,l),0).toString(16);let p=(s.length<2?"0":"")+s,u=(a.length<2?"0":"")+a,m=(l.length<2?"0":"")+l;return`#${p}${u}${m}`},"colorShade"),Bn=i((t,e)=>{let a={[t]:e};for(let l=1;l<10;l++)l<5&&(a={...a,[t+l*100]:Il(e,(5-l)*25)}),l===5&&(a={...a,[t+l*100]:e}),l>5&&(a={...a,[t+l*100]:Il(e,-((l-5)*25))});return a},"generateRangeColors"),li=i((t,e,o)=>{if(!o||!Object.entries(o).length)return{};let n=!1,r={...t};for(let s in o){let a=o[s];if(a&&a!==t[s])if(n=!0,s==="background"||s==="foreground")r={...r,[s]:a};else if(s==="neutral"&&e){let l=Bn(s,a);r={...r,[`${s}100`]:l[`${s}900`],[`${s}200`]:l[`${s}800`],[`${s}300`]:l[`${s}700`],[`${s}400`]:l[`${s}600`],[`${s}500`]:l[`${s}500`],[`${s}600`]:l[`${s}400`],[`${s}700`]:l[`${s}300`],[`${s}800`]:l[`${s}200`],[`${s}900`]:l[`${s}100`]}}else r={...r,...Bn(s,a)}}return n?r:{}},"generateColors");var El=i(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),jd=i(t=>{let e="",o;for(o=Math.abs(t);o>52;o=o/52|0)e=El(o%52)+e;return El(o%52)+e},"toAlphabeticName"),Xd=i((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),pi=i(t=>jd(Xd(5381,JSON.stringify(t))>>>0),"toHash");function ui(t){let e=Kd.colors,o=li({...e,...Yd},!0,t?.dark),n=li(e,!1,t?.light),r=Object.keys(o).length>0,s=Object.keys(n).length>0,a,l;if(s){let p={colors:n};a={id:`${zr}-light-${pi(p)}`,tokens:p}}if(r){let p={colors:o};l={id:`${zr}-dark-${pi(p)}`,tokens:p}}return{light:a,dark:l}}i(ui,"customizedThemeTokens");function Ln(t){let{colors:e,fontFamily:o=Ta,borderRadius:n=Ca,secondaryBorderRadius:r=ka,mode:s="auto"}=t,[a,l]=Rd("light"),{setTheme:p,theme:u}=g(),{dark:m,light:c}=ui(e),f=ci({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),d=[f.className,Zd.className],w=[f.className,Jd.className];if(c){let h=ci(c.id,c.tokens);d.push(h.className)}if(m){let h=ci(m.id,m.tokens);w.push(h.className)}return Wl(()=>{let h=i(C=>{C.matches?l("dark"):l("light")},"switchThemeListener");return window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches&&l("dark"),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",h),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",h)}},[]),Wl(()=>{s!=="auto"&&p(s)},[s]),{activeTheme:i(()=>{let h=d.join(" "),C=w.join(" ");return u==="auto"?a==="dark"?C:h:u==="dark"?C:h},"getActiveTheme")}}i(Ln,"useTheme");import{ChevronLeftIcon as of}from"@rango-dev/ui";import Pl from"react";import{darkTheme as ef,IconButton as tf,styled as yo}from"@rango-dev/ui";var Fe=yo(tf,{width:"$24",position:"relative",padding:"0",overflow:"unset"}),Nl=yo("div",{position:"absolute",background:"$secondary500",[`.${ef} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),Xt=yo("div",{display:"flex",justifyContent:"flex-end",minWidth:"$40",button:{padding:0}}),Bl=yo("div",{position:"absolute",backgroundColor:"$secondary500",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0"}),Ll=yo("div",{padding:"$2",variants:{isRefetched:{true:{transform:"rotate(360deg)",transition:"transform 1s ease-in-out"}}}});function mi(t){return Pl.createElement(Fe,{variant:"ghost",size:"small",onClick:t.onClick},Pl.createElement(of,{color:"black",size:16}))}i(mi,"BackButton");import{i18n as nf}from"@lingui/core";import{Button as rf,Typography as sf}from"@rango-dev/ui";import di from"react";function fi(t){return di.createElement(Xt,null,di.createElement(rf,{variant:"ghost",onClick:t.onClick,size:"xsmall"},di.createElement(sf,{variant:"label",size:"medium",color:"error500"},nf.t("Cancel"))))}i(fi,"CancelButton");import{i18n as af}from"@lingui/core";import{Tooltip as lf,WalletIcon as pf}from"@rango-dev/ui";import Pn from"react";function gi(t){return Pn.createElement(lf,{container:t.container,side:"top",content:af.t("Connect Wallet")},Pn.createElement(Fe,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&Pn.createElement(Nl,null),Pn.createElement(pf,{size:18,color:"black"})))}i(gi,"WalletButton");import{i18n as Dn}from"@lingui/core";import{NotificationsIcon as Wf,Popover as Nf,SettingsIcon as Bf,Tooltip as Fn,TransactionIcon as Lf}from"@rango-dev/ui";import fe from"react";import{i18n as yf}from"@lingui/core";import{EventSeverity as Sf}from"@rango-dev/queue-manager-rango-preset";import{ChainToken as Ol,ChevronRightIcon as Cf,ListItemButton as kf,Typography as Tf}from"@rango-dev/ui";import je from"react";import{useNavigate as wf}from"react-router-dom";import{create as uf}from"zustand";import{persist as cf,subscribeWithSelector as mf}from"zustand/middleware";var Ee=kt(uf()(cf(mf((t,e)=>({notifications:[],setNotification:(o,n)=>{let r=n.steps[0],s=n.steps[n.steps.length-1],a={event:o,creationTime:Date.now(),read:!1,requestId:n.requestId,route:{from:{blockchain:r.fromBlockchain,tokenAddress:r.fromSymbolAddress,tokenSymbol:r.fromSymbol},to:{blockchain:s.toBlockchain,tokenSymbol:s.toSymbol,tokenAddress:s.toSymbolAddress}}},l=e().notifications.filter(p=>p.requestId!==n.requestId);t(()=>({notifications:[...l,a]}))},setAsRead:o=>{t(n=>({notifications:n.notifications.map(r=>r.requestId===o?{...r,read:!0}:r)}))},getUnreadNotifications:()=>e().notifications.filter(o=>!o.read)})),{name:"notification",skipHydration:!0})));import{styled as Mn}from"@rango-dev/ui";var Ml=Mn("div",{padding:"$10",width:"350px",minHeight:"150px"}),$l=Mn("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),_l=Mn("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),Dl=Mn("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as df}from"@lingui/core";import{Divider as ff,NoNotificationIcon as gf,Typography as hf}from"@rango-dev/ui";import $n from"react";function Fl(){return $n.createElement(Dl,null,$n.createElement(gf,{color:"secondary",size:26}),$n.createElement(ff,{size:12}),$n.createElement(hf,{variant:"body",size:"medium",color:"neutral700"},df.t("You have no notification")))}i(Fl,"NotificationNotFound");var xf=4;function hi(){let t=wf(),e=ve.use.setSelectedSwap(),{getUnreadNotifications:o}=Ee(),n=o(),r=g().blockchains(),s=g().tokens(),a=n.sort((p,u)=>u.creationTime-p.creationTime).slice(0,xf),l=i(p=>{e(p),t(`${M.swaps}/${p}`)},"handleOnClick");return je.createElement(Ml,null,a.length?je.createElement($l,null,a.map(p=>{let u=s.find(d=>d.address===p.route.from.tokenAddress&&d.blockchain===p.route.from.blockchain&&d.symbol===p.route.from.tokenSymbol),m=r.find(d=>d.name===p.route.from.blockchain),c=s.find(d=>d.address===p.route.to.tokenAddress&&d.blockchain===p.route.to.blockchain&&d.symbol===p.route.to.tokenSymbol),f=r.find(d=>d.name===p.route.to.blockchain);return je.createElement(kf,{key:p.requestId,onClick:()=>l(p.requestId),title:je.createElement(Tf,{variant:"body",size:"small",color:p.event.messageSeverity===Sf.WARNING?"$foreground":"$neutral700"},yf.t(p.event.message)),id:p.requestId,start:je.createElement(_l,null,je.createElement("div",{className:"from-chain-token"},je.createElement(Ol,{tokenImage:u?u.image:"",chainImage:m?m.logo:"",size:"small"})),je.createElement("div",{className:"to-chain-token"},je.createElement(Ol,{tokenImage:c?c.image:"",chainImage:f?f.logo:"",size:"small"}))),end:je.createElement(Cf,{size:12,color:"gray"})})})):je.createElement(Fl,null))}i(hi,"NotificationContent");import{RefreshProgressButton as vf}from"@rango-dev/ui";import yi,{useEffect as bf,useState as Ul}from"react";var Af=1e3,zl=60,If=100;function _n({onClick:t}){let[e,o]=Ul(0),[n,r]=Ul(!1),s=i(p=>{document.hidden&&p&&a(p)},"handleVisibilityChange");bf(()=>{let p;return t?p=window.setInterval(()=>{o(u=>u+1),e===zl&&l()},Af):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 yi.createElement(Fe,{variant:"ghost",size:"small",onClick:l,disabled:!t},yi.createElement(Ll,{onTransitionEnd:()=>r(!1),isRefetched:n},yi.createElement(vf,{size:24,color:t?"black":"gray",progress:e/zl*If})))}i(_n,"RefreshButton");import{Typography as Ef}from"@rango-dev/ui";import ql from"react";function Gl(){let{getUnreadNotifications:t}=Ee(),e=t().length;return e?ql.createElement(Bl,null,ql.createElement(Ef,{variant:"body",size:"xsmall",color:"$background"},e)):null}i(Gl,"UnreadNotificationsBadge");function Si(t){let{layoutRef:e,onClickRefresh:o,onClickHistory:n,onClickSettings:r}=t,{config:{features:s}}=g(),a=Me("notification",s);return fe.createElement(fe.Fragment,null,fe.createElement(Fn,{container:P(),side:"top",content:Dn.t("Refresh")},fe.createElement(_n,{onClick:o})),!a&&fe.createElement(Nf,{align:"center",collisionBoundary:e,collisionPadding:{right:20,left:20},container:P(),content:fe.createElement(hi,null)},fe.createElement("div",null,fe.createElement(Fn,{container:P(),side:"top",content:Dn.t("Notifications")},fe.createElement(Fe,{size:"small",variant:"ghost"},fe.createElement(Wf,{size:18,color:"black"}),fe.createElement(Gl,null))))),fe.createElement(Fn,{container:P(),side:"top",content:Dn.t("Settings")},fe.createElement(Fe,{size:"small",variant:"ghost",onClick:r},fe.createElement(Bf,{size:18,color:"black"}))),fe.createElement(Fn,{container:P(),side:"top",content:Dn.t("Transactions History")},fe.createElement(Fe,{size:"small",variant:"ghost",onClick:n},fe.createElement(Lf,{size:18,color:"black"}))))}i(Si,"HomeButtons");import{darkTheme as Pf,styled as Ci}from"@rango-dev/ui";var Ql=Ci("div",{position:"relative",display:"flex",flexDirection:"column",borderRadius:"$primary",overflow:"hidden !important",boxShadow:"15px 15px 15px 0px rgba(0, 0, 0, 0.05)",width:"100vw",minWidth:"300px",maxWidth:"390px",maxHeight:"700px",textAlign:"left",$$color:"$colors$neutral100",[`.${Pf} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",variants:{fixedHeight:{true:{height:"100vh"},false:{height:"auto !important"}}}}),Hl=Ci("div",{borderTopLeftRadius:"20px",borderTopRightRadius:"20px",display:"flex",flexDirection:"column",flex:1,padding:"$20 $20 $10 $20",backgroundColor:"$background",position:"relative",overflowY:"auto",overflowX:"hidden",variants:{noPadding:{true:{padding:"0"}}}}),Vl=Ci("div",{backgroundColor:"$background","& .footer__content":{padding:"$0 $20"},"& .footer__logo":{padding:"$0 $20 $10 $20"}});function Df(t,e){let{children:o,header:n,footer:r,noPadding:s,hasLogo:a=!0,fixedHeight:l=!0}=t,p=V.use.connectedWallets(),{config:{features:u,theme:m}}=g(),{activeTheme:c}=Ln(m||{}),f=Me("connectWalletButton",u),d=ve.use.connectWalletsButtonDisabled(),w=wt(),y=i(()=>{!d&&n.onWallet&&n.onWallet()},"onConnectWallet"),h=typeof n.hasBackButton>"u"||n.hasBackButton;return Se.createElement(Ql,{ref:e,fixedHeight:l,id:xe,className:c()},Se.createElement(_f,{prefix:Se.createElement(Se.Fragment,null,h&&Se.createElement(mi,{onClick:w})),title:n.title,suffix:Se.createElement(Se.Fragment,null,n.suffix,n.onWallet&&!f&&Se.createElement(gi,{container:P(),onClick:y,isConnected:!!p?.length}),n.onCancel&&Se.createElement(fi,{onClick:n.onCancel}))}),Se.createElement(Hl,{noPadding:s},o),(a||r)&&Se.createElement(Vl,null,Se.createElement("div",{className:"footer__content"},r),a&&Se.createElement("div",{className:"footer__logo"},Se.createElement($f,{size:12}),Se.createElement(Mf,null))))}i(Df,"LayoutComponent");var J=Se.forwardRef(Df);J.displayName="Layout";import{Divider as qf,Modal as Gf}from"@rango-dev/ui";import Ti from"react";import{i18n as Kt}from"@lingui/core";import{Image as Uf,MessageBox as ki,WalletState as zf}from"@rango-dev/ui";import Pt from"react";import{keyframes as Ff,styled as On}from"@rango-dev/ui";var Lb=On("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),jl=On("div",{position:"relative"}),Of=Ff({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),Xl=On("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Of} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),Kl=On("div",{"& img":{borderRadius:"50%"}});function Yl(t){let{state:e,image:o,error:n}=t;return e===zf.CONNECTED?Pt.createElement(ki,{type:"success",title:Kt.t("Wallet Connected"),description:Kt.t("Your wallet is connected, you can use it to swap.")}):n?Pt.createElement(ki,{type:"error",title:Kt.t("Failed to Connect"),description:n||Kt.t("Your wallet is not connected. Please try again.")}):Pt.createElement(ki,{type:"loading",title:Kt.t("Connecting to your wallet"),description:Kt.t("Click connect in your wallet popup."),icon:Pt.createElement(jl,null,Pt.createElement(Kl,null,Pt.createElement(Uf,{src:o,size:45})),Pt.createElement(Xl,null))})}i(Yl,"ModalContent");function So(t){let{open:e,onClose:o,...n}=t;return Ti.createElement(Gf,{open:e,onClose:o,container:document.getElementById(xe)||document.body},Ti.createElement(Yl,{...n}),Ti.createElement(qf,{direction:"vertical",size:32}))}i(So,"WalletModal");var Xf=Rl("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),Kf=Rl("div",{textAlign:"center"}),Un=3e3,wi=300;function ep(){let{config:t,fetchStatus:e}=g(),[o,n]=Zl(!1),[r,s]=Zl(""),a=null,{list:l,handleClick:p,error:u}=Nn({config:t,onBeforeConnect:d=>{a=setTimeout(()=>{n(!0),s(d)},wi)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},Un)}}),m=l.find(d=>d.type===r),c=m?.image||"",f=m?.state||Vf.NOT_INSTALLED;return Mt.createElement(J,{header:{title:Jl.t("Connect Wallets")}},Mt.createElement(Kf,null,Mt.createElement(Qf,{variant:"title",size:"xmedium",align:"center"},Jl.t("Choose a wallet to connect.")),Mt.createElement(Xf,null,l.map((d,w)=>{let y=`wallet-${w}-${d.type}`;return Mt.createElement(jf,{key:y},Mt.createElement(Hf,{...d,container:P(),onClick:h=>{p(h)},isLoading:e==="loading"}))}),Mt.createElement(So,{open:!!o,onClose:()=>n(!1),image:c,state:f,error:u}))))}i(ep,"WalletsPage");import{keyframes as Yf,styled as xi}from"@rango-dev/ui";var tp=xi("div",{position:"relative"}),Jf=Yf({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),op=xi("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Jf} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),np=xi("div",{"& img":{borderRadius:"50%"}});function bi(t){let{chain:e,isSelected:o,selectWallet:n,limit:r,onShowMore:s}=t,{config:a}=g(),l=V.use.connectedWallets(),{blockchains:p}=g(),[u,m]=Co(""),[c,f]=Co(null),[d,w]=Co(!1),[y,h]=Co(null),{suggestAndConnect:C}=lp(),k=null,{list:T,error:b,handleClick:S}=Nn({config:a,chain:e,onBeforeConnect:W=>{k=setTimeout(()=>{m(W)},wi)},onConnect:()=>{k&&clearTimeout(k),setTimeout(()=>{m("")},Un)}}),[I,A]=Co(T),v=T.length,x=r&&v-r>0,L=i(async W=>{w(!1),h("in-progress");try{await C(W.walletType,W.chain),h("completed")}catch{h("rejected")}},"addExperimentalChain");ap(()=>{A(W=>{let F=T.findIndex(_=>o(_.type,e));return x&&F>1?[T[F]].concat(T.filter((_,K)=>K!==F)):W.map(_=>T.find(K=>K.type===_.type)??_)})},[JSON.stringify(T)]);let U=document.getElementById(xe);return ap(()=>{let W=null;return(y==="completed"||y==="rejected")&&(W=setTimeout(()=>h(null),Un)),()=>{W&&clearTimeout(W)}},[y]),ne.createElement(ne.Fragment,null,I.slice(0,r).map(W=>{let F=ha({connectedWallets:l,walletType:W.type,chain:e}),_=F?tn(F):"",K=Ro(p(),e),re=!l.find(we=>we.walletType===W.type&&we.chain===e),ae=K&&re&&W.state===sp.CONNECTED,he=ae?Xe.t({id:"Add {chain} chain",values:{chain:e}}):_,te=i(()=>{W.state===sp.DISCONNECTED?S(W.type):ae?(f({walletType:W.type,chain:e,address:F??""}),w(!0)):n({walletType:W.type,chain:e,address:F??""})},"onClick"),Z=c?.chain?$a(c.chain,p()):void 0;return ne.createElement(ne.Fragment,null,ne.createElement(So,{open:u===W.type,onClose:()=>m(""),image:W.image,state:W.state,error:b}),!!c&&ne.createElement(rp,{open:!!c&&d,container:U,onClose:()=>{f(null)}},ne.createElement(zn,{title:Xe.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:Z}}),type:"warning",description:Xe.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:Z}})},ne.createElement(vi,{size:18}),ne.createElement(vi,{size:32}),ne.createElement(Zf,{onClick:L.bind(null,c),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},Xe.t("Confirm")))),y&&ne.createElement(rp,{open:!!y,onClose:h.bind(null,null),container:U},y==="in-progress"&&ne.createElement(zn,{type:"loading",title:Xe.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:Z}}),description:Xe.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:Z}}),icon:ne.createElement(tp,null,ne.createElement(np,null,ne.createElement(Rf,{src:W.image,size:45})),ne.createElement(op,null))}),y==="completed"&&ne.createElement(zn,{type:"success",title:Xe.t({id:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:Z}}),description:Xe.t({id:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:Z}})}),y==="rejected"&&ne.createElement(zn,{type:"error",title:Xe.t("Request Rejected"),description:Xe.t({id:"You've rejected adding {blockchainDisplayName} chain to your wallet.",values:{blockchainDisplayName:Z}})}),ne.createElement(vi,{direction:"vertical",size:32})),ne.createElement(eg,{key:W.type,description:he,onClick:te,selected:o(W.type,e),...W}))}),x&&ne.createElement(hl,{selected:!1,onClick:s},ne.createElement(ip,{variant:"label",size:"medium"},Xe.t("Show more wallets"),ne.createElement(ip,{variant:"label",size:"medium",color:"$primary"},"\xA0+",v-(r??0)))))}i(bi,"WalletList");var lg=2;function cp(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,loading:s}=t,a=g().config,l=g().blockchains(),{quote:p,setSelectedWallets:u,quoteWalletsConfirmed:m,setQuoteWalletConfirmed:c,customDestination:f,setCustomDestination:d}=D(),{connectedWallets:w,selectWallets:y}=V(),[h,C]=$t(""),[k,T]=$t([]),[b,S]=$t(""),[I,A]=$t(null),[v,x]=$t(f),[L,U]=$t(!!f),W=an(p),F=l.find(O=>O.name===p?.result?.swaps[p?.result?.swaps.length-1].to.blockchain),_=i(O=>!!p?.result?.swaps.find(G=>G.from.blockchain===O),"isWalletRequiredFor"),[K,re]=$t(w.filter(O=>O.selected&&W.includes(O.chain))),ae=l.find(O=>O.name===F?.name),he=i((O,G)=>!!K.find(Q=>Q.walletType===O&&Q.chain===G&&Q.selected&&(_(G)||!_(G)&&!v)),"isSelected"),te=!!v&&L&&ae&&!ln(ae,v),Z=i(()=>{U(!1),x(""),re(O=>{let G=!1;return O.map(Q=>!G&&Q.chain===F?.name?(G=!0,{...Q,selected:!0}):Q)})},"resetCustomDestination"),we=i(O=>{if(h&&C(""),he(O.walletType,O.chain))return;let Q=w.find(Ie=>Ie.walletType===O.walletType&&Ie.chain===O.chain);Q&&(n(),O.chain===F?.name&&L&&(U(!1),x("")),re(Ie=>Ie.filter(Qe=>Qe.chain!==O.chain).concat({...Q,selected:!0})))},"onChange"),Ge=i(()=>{let O=K.filter(G=>G.selected);y(O),u(O),d(v),c(!0),o()},"onConfirmBalance"),Be=i(async()=>{T([]),S(""),A(null);let O=w.filter(Ie=>K.find(Qe=>Qe.chain===Ie.chain&&Qe.walletType===Ie.walletType)),G=await r?.({selectedWallets:O,customDestination:v}),Q=G.warnings;Q?.balance?.messages&&T(Q.balance.messages),Q?.quoteUpdate&&A(Q.quoteUpdate),G.error&&S(_a(G.error)),!G.error&&(!Q?.balance?.messages.length||0>0)?Ge():T(Q?.balance?.messages??[])},"onConfirmWallets");sg(()=>{re(O=>O.concat(w.filter(G=>!!!O.find(Ie=>Ie.chain===G.chain)&&G.selected&&W.includes(G.chain))))},[w.length]);let zt=document.getElementById(xe),lo=ag();return N.createElement(up,{open:e,onClose:()=>{m||lo("../",{replace:!0}),o()},dismissible:!h,container:zt,...!h&&{footer:N.createElement(xl,null,N.createElement(pp,{loading:s,disabled:Ja(s,L,v,p,K,F),onClick:Be,variant:"contained",type:"primary",fullWidth:!0,size:"large"},ot.t("Confirm")))},...h&&{containerStyle:{padding:"$0"},header:N.createElement(yl,null,N.createElement(Sl,{variant:"ghost",onClick:C.bind(null,"")},N.createElement(ng,{size:16})),N.createElement(qn,{variant:"headline",size:"small"},ot.t({id:"Your {blockchainName} wallets",values:{blockchainName:$e(h,l)}})))},anchor:"center"},N.createElement(up,{open:k.length>0,onClose:T.bind(null,[]),container:zt},N.createElement(rg,{title:ot.t("Insufficient account balance"),type:"error",description:N.createElement(tg,{messages:k??[]})},N.createElement(pp,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:Ge},ot.t("Proceed anyway")))),h&&N.createElement(Cl,null,N.createElement("div",{className:kl()},N.createElement(bi,{chain:h,isSelected:he,selectWallet:we,onShowMore:C.bind(null,h)}))),!h&&N.createElement(N.Fragment,null,b&&N.createElement(N.Fragment,null,N.createElement(Ai,{variant:"alarm",type:"error",title:ot.t(b)}),N.createElement(Yt,{size:12})),I&&N.createElement(N.Fragment,null,N.createElement(Ai,{variant:"alarm",type:"warning",title:xn(I)}),N.createElement(Yt,{size:12})),N.createElement(bl,null,W.map((O,G)=>{let Q=l.find(ut=>ut.name===O),Ie=`wallet-${G}`,Qe=G===W.length-1;return N.createElement("div",{key:Ie},N.createElement(fl,null,N.createElement(qn,{variant:"title",size:"xmedium"},ot.t({id:"Your {blockchainName} wallets",values:{blockchainName:Q?.shortName}})),N.createElement(qn,{variant:"label",color:"$neutral700",size:"medium"},ot.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:Q?.shortName}}))),N.createElement(Yt,{size:24}),N.createElement(gl,null,N.createElement(bi,{chain:O,isSelected:he,selectWallet:we,limit:lg,onShowMore:()=>C(Q?.name??"")})),!Qe&&N.createElement(Yt,{size:32}),Qe&&a?.customDestination&&N.createElement(Tl,null,N.createElement(En,{onOpenChange:ut=>{ut?_(F?.name??"")||re(He=>He.map(Le=>Le.chain===F?.name?{...Le,selected:!1}:Le)):Z()},hasSelected:!0,open:L,triggerAnchor:"top",trigger:N.createElement(Al,{fullWidth:!0,variant:"default",suffix:N.createElement(An,{orientation:L?"up":"down"},N.createElement(og,{size:10,color:"gray"}))},N.createElement("div",{className:"button__content"},N.createElement(ig,{size:18,color:"info"}),N.createElement(Yt,{size:4,direction:"horizontal"}),N.createElement(qn,{variant:"label",size:"medium"},ot.t("Send to a different address")))),onClickTrigger:()=>U(ut=>!ut)},N.createElement(Yt,{size:4}),N.createElement(vl,{autoFocus:!0,placeholder:ot.t("Your destination address"),value:v,onChange:ut=>{x(ut.target.value)}})),te&&N.createElement("div",{className:wl()},N.createElement(Ai,{variant:"alarm",type:"error",title:ot.t({values:{destination:v},id:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}i(cp,"ConfirmWalletsModal");import{Divider as ah}from"@rango-dev/ui";import Ue from"react";import{i18n as _i}from"@lingui/core";import{Alert as Eg,Divider as Di,InfoIcon as Wg,StepDetails as Ng,TokenAmount as Bg,Tooltip as Op,Typography as vo}from"@rango-dev/ui";import Up from"bignumber.js";import z,{useLayoutEffect as Lg,useRef as zp,useState as Pg}from"react";import{styled as ko}from"@rango-dev/ui";var mp=ko("div",{paddingBottom:"$10"}),Ii=ko("div",{width:"100%","& .position-top__skeleton":{paddingTop:"$10"}}),dp=ko("div",{variants:{paddingTop:{true:{paddingTop:"$10"}}}}),fp=ko("div",{paddingBottom:"$15"}),gp=ko("div",{width:"100%",display:"flex"});import*as Gn from"@radix-ui/react-collapsible";import{css as Qn,darkTheme as nt,Image as hp,styled as Oe,Typography as pg}from"@rango-dev/ui";var Ei=300,yp=Oe(Gn.Root,{display:"flex",flexDirection:"column",alignItems:"start",overflowX:"auto",overflowY:"hidden",width:"100%",borderRadius:"$xm",cursor:"default",variants:{recommended:{true:{$$color:"$colors$info300",[`.${nt} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"},false:{$$color:"$colors$neutral400",[`.${nt} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}}}}),Sp=Qn({padding:"$10 $15"}),Cp=Oe("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",[`.${nt} &`]:{$$color:"$colors$secondary600"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}},false:{$$color:"$colors$neutral200",[`.${nt} &`]:{$$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",[`.${nt} &`]:{$$color:"$colors$secondary700"},backgroundColor:"$$color"}}},{listItem:!0,recommended:!1,css:{"&:hover":{$$color:"$colors$neutral300",[`.${nt} &`]:{$$color:"$colors$neutral400"},backgroundColor:"$$color"}}}]}),kp=Qn({width:"100%",padding:"$15 $15 $10 $15",cursor:"default"}),Jt=Qn({display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",".blockchainImage":{marginLeft:"-$8"}}),Tp=Qn({paddingTop:"$10",display:"flex",alignItems:"center",".usd-value":{$$color:"$colors$neutral600",[`.${nt} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),wp=Oe(Gn.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:{[`& ${hp}`]:{border:"1px $warning500 solid",borderRadius:"100%"}},false:{[`& ${hp}`]:{border:"1px transparent solid",borderRadius:"100%"}}},recommended:{true:{$$color:"$colors$info300",[`.${nt} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"},false:{$$color:"$colors$neutral400",[`.${nt} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}}},".blockchains_section":{display:"none"},"@xs":{".blockchains_section":{display:"block"}}}),xp=Oe("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"}}}}),vp=Oe(bn,{width:"100%",background:"inherit"}),Wi=Oe("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$2",transition:`all ${Ei}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),HA=Oe("div",{height:"$12",marginLeft:"$10",marginRight:"$10",borderLeft:"1px solid $foreground"}),bp=Oe("div",{display:"flex",justifyContent:"center",margin:"0 $15",borderTop:"1px solid",$$color:"$colors$neutral300",[`.${nt} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color"}),Ap=Oe("div",{width:"$16",height:"$16",justifyContent:"center",alignItems:"center",display:"flex"}),Ni=Oe(pg,{overflow:"hidden",textOverflow:"ellipsis",letterSpacing:.4}),Ip=Oe("div",{display:"flex",flexWrap:"wrap"}),Bi=Oe("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 xt}from"@lingui/core";import{ChevronDownIcon as cg,CloseIcon as mg,Divider as jn,IconButton as dg,Modal as fg,QuoteCost as gg,Tooltip as hg,Typography as Ke}from"@rango-dev/ui";import yg from"bignumber.js";import q,{useState as Bp}from"react";import{i18n as To}from"@lingui/core";var Li={"Network Fee":To.t("Network Fee"),"Swapper Fee":To.t("Protocol Fee"),"Affiliate Fee":To.t("Affiliate Fee"),"Outbound network fee":To.t("Outbound Fee"),"Rango Fee":To.t("Rango Fee")};import{css as ug,styled as Hn}from"@rango-dev/ui";var Vn=Hn("div",{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"$5 0","&.total_payable_fee":{padding:"$12 0"}}),Pi=Hn("div",{width:"100%",borderTop:"1px solid $neutral300",margin:"$10 0"}),Ep=Hn("div",{padding:"$20 0",display:"flex",flexDirection:"column","& .collapsible_trigger":{display:"flex",alignItems:"center"}}),Wp=Hn("div",{padding:"$20 $20 $10",textAlign:"center",position:"relative","._icon-button":{position:"absolute",zIndex:10,top:"$16",right:"$16"}}),Np=ug({display:"flex",flexDirection:"row",alignItems:"center",padding:"$5","&:hover":{"& ._typography, & svg":{color:"$secondary"}}});var Sg=30,Cg=i(t=>t.fee.isZero()?null:q.createElement(Vn,null,q.createElement(Ke,{variant:"label",size:"medium",color:"neutral600"},t.label),q.createElement(Ke,{variant:"label",size:"medium"},"$",E(t.fee,4,4))),"NonPayableFee");function Lp(t){let[e,o]=Bp(!1),[n,r]=Bp(!1),{steps:s,quote:a}=t,l=g().tokens(),p=jo(Xo(a.result?.swaps)),u=a.result?.swaps??[],m=P(),c=cn(u,l),f=Ua(u);return q.createElement(q.Fragment,null,q.createElement(gg,{onClickFee:()=>o(!e),fee:E(c,2,2),feeWarning:c.gte(new yg(Sg)),time:p,steps:s,tooltipGas:xt.t("View more info"),tooltipContainer:m}),q.createElement(fg,{container:m,open:e,header:q.createElement(Wp,null,q.createElement(Ke,{variant:"title",size:"medium"},xt.t("Gas & Fee Explanation")),q.createElement(dg,{onClick:()=>o(!1),variant:"ghost"},q.createElement(mg,{color:"gray",size:14}))),onClose:()=>o(!1)},q.createElement(Ep,null,q.createElement(Ke,{variant:"title",size:"small"},xt.t("Details")),q.createElement(jn,{size:10}),Object.entries(f.payable).flatMap(([d,w])=>w.map((y,h)=>{let C=`payable-fee-${h}`,k=Yr(y);return q.createElement(Vn,{key:C},q.createElement(Ke,{variant:"label",size:"medium",color:"neutral600"},Li[d]),q.createElement(hg,{content:ie(y.amount),container:m},q.createElement(Ke,{variant:"label",size:"medium"},E(y.amount,2,2)," ",y.asset.symbol," ($",E(k,4,4),")")))})),q.createElement(Vn,{className:"total_payable_fee"},q.createElement(Ke,{variant:"label",size:"medium"},xt.t("Total Payable Fee")),q.createElement(Ke,{variant:"label",size:"medium"},"$",E(c,4,4))),q.createElement(Pi,null),Object.keys(f.nonePayable).length&&q.createElement(En,{triggerAnchor:"bottom",onClickTrigger:()=>r(d=>!d),trigger:q.createElement("div",{className:Np()},q.createElement(Ke,{size:"small",variant:"body",color:"neutral700"},n?xt.t("Hide non-payable fees"):xt.t("Show non-payable fees")),q.createElement(jn,{size:4,direction:"horizontal"}),q.createElement(An,{orientation:n?"up":"down"},q.createElement(cg,{size:12,color:"gray"}))),open:n},q.createElement(Ke,{size:"small",variant:"title"},xt.t("Description")),q.createElement(jn,{size:4}),q.createElement(Ke,{size:"small",variant:"body",color:"neutral700"},xt.t(`The following fees are considered in the transaction output and
|
|
2
|
-
you won\u2019t need to pay extra gas for them.`)),q.createElement(jn,{size:10}),Object.entries(f.nonePayable).map(([d,w],y)=>{let h=Oa(w),C=Li[d],k=`non-payable-fee-${y}`;return q.createElement(Cg,{key:k,fee:h,label:C})}),q.createElement(Pi,null)))))}i(Lp,"QuoteCostDetails");import{i18n as $p}from"@lingui/core";import{TokenAmount as _p}from"@rango-dev/ui";import Xn from"react";import{css as kg,styled as Tg}from"@rango-dev/ui";var Pp=Tg("div",{position:"relative",display:"flex",flexDirection:"column",width:"100%"}),Mp=kg({height:"14px",marginLeft:"14px",position:"absolute",borderLeft:"1px solid $foreground",top:"42%"});function wo(t){let{from:e,to:o,percentageChange:n,warningLevel:r}=t;return Xn.createElement(Pp,null,Xn.createElement(_p,{direction:"horizontal",label:$p.t("Swap input"),type:"input",tooltipContainer:P(),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}}),Xn.createElement("div",{className:Mp()}),Xn.createElement(_p,{direction:"horizontal",tooltipContainer:P(),label:$p.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(wo,"QuoteSummary");import{i18n as Dp}from"@lingui/core";import{ChevronDownIcon as wg,ChevronRightIcon as xg,Divider as Mi,Image as vg,Tooltip as $i,Typography as Kn}from"@rango-dev/ui";import B,{useEffect as bg,useState as Ag}from"react";var Yn=4,Jn=6,Ig=375,xo=i(t=>{let e=P(),{content:o,src:n,className:r,open:s,state:a}=t;return B.createElement($i,{container:e,side:"bottom",sideOffset:4,open:s,content:o},B.createElement(xp,{className:r,state:a},B.createElement(vg,{src:n,size:16})))},"ImageComponent");function Fp(t){let{quoteRef:e,recommended:o,setExpanded:n,steps:r,expanded:s}=t,a=P(),l=r.length,p=nl(r),[u,m]=Ag(!1),c=i(()=>{window.innerWidth<Ig?m(!0):m(!1)},"handleResize");return bg(()=>{window.addEventListener("resize",c)}),B.createElement(wp,{ref:f=>e.current=f,recommended:o,onClick:()=>n(f=>!f)},B.createElement("div",{className:Jt()},B.createElement(Kn,{variant:"body",size:"xsmall"},Dp.t("Via:")),B.createElement(Mi,{direction:"horizontal",size:4}),r.map((f,d)=>{let w=`item-${d}`,y=B.createElement(Wi,null,B.createElement(xg,{size:12,color:"black"}));return u?B.createElement(B.Fragment,null,B.createElement(xo,{content:f.swapper.displayName,src:f.swapper.image,state:f.state}),d!==l-1&&B.createElement(B.Fragment,null,y)):B.createElement(B.Fragment,{key:w},l<=Yn||l>Yn&&d<Yn-1?B.createElement(B.Fragment,null,B.createElement(xo,{content:f.swapper.displayName,src:f.swapper.image,state:f.state}),d!==l-1&&B.createElement(B.Fragment,null,y)):d===Yn-1&&B.createElement($i,{container:a,side:"bottom",align:"right",sideOffset:4,content:B.createElement("div",{className:Jt()},y,r.map((h,C)=>{let k=`image-${C}`;return C>=d&&B.createElement(B.Fragment,{key:k},B.createElement(xo,{content:h.swapper.displayName,src:h.swapper.image,state:h.state,open:!1}),C!==l-1&&B.createElement(B.Fragment,null,y))}))},B.createElement(Bi,{state:r.find((h,C)=>C>=d&&(h.state==="error"||h.state==="warning"))?.state},B.createElement(Kn,{size:"xsmall",variant:"body"},"+",l-d))))})),B.createElement("div",{className:Jt()},B.createElement("div",{className:"blockchains_section"},B.createElement("div",{className:Jt()},B.createElement(Kn,{variant:"body",size:"xsmall"},Dp.t("Chains:")),B.createElement(Mi,{direction:"horizontal",size:4}),p.map((f,d)=>B.createElement(B.Fragment,null,p.length<=Jn||p.length>Jn&&d<Jn-1?B.createElement(xo,{key:f.displayName,content:"",src:f.image,open:!1,className:d!==0?"blockchainImage":""}):d===Jn-1&&B.createElement($i,{container:a,side:"bottom",align:"right",sideOffset:4,content:B.createElement("div",{className:Jt()},p.map((w,y)=>y>=d&&B.createElement(xo,{key:w.displayName,content:"",src:w.image,open:!1,className:y>d?"blockchainImage":""})))},B.createElement(Bi,{className:"blockchainImage"},B.createElement(Kn,{size:"xsmall",variant:"body"},"+",p.length-d))))),B.createElement(Mi,{direction:"horizontal",size:32}))),B.createElement(Wi,{orientation:s?"up":"down"},B.createElement(wg,{size:12,color:"black"}))))}i(Fp,"QuoteTrigger");function Fi(t){let{quote:e,input:o,output:n,error:r,warning:s,type:a,recommended:l=!0}=t,p=g().blockchains(),u=g().swappers(),[m,c]=Pg(t.expanded),f=zp(null),d=zp(m),w=E(o.value,6,6),y=E(n.value,6,6),h=n.usdValue?E(n.usdValue,4,4):"",C=_e(o.usdValue,n.usdValue??null),k=E(C,2,2),T=ct(C??0),S=i(v=>v.map((x,L)=>{let U,W=r?.type===3&&r.swap.swapperId===x.swapperId||r?.type===4&&r.recommendedSlippages?.has(L),F=s?.type===2&&s.recommendedSlippages?.has(L);return W?U="error":F&&(U="warning"),{swapper:{displayName:fo(x.swapperId,u),image:x.swapperLogo},from:{token:{displayName:x.from.symbol,image:x.from.logo},chain:{displayName:$e(x.from.blockchain,p),image:x.from.blockchainLogo},price:{value:L===0?E(o.value,6,6):E(x.fromAmount,6,6),usdValue:E((x.from.usdPrice??0)*parseFloat(x.fromAmount),4,4),realValue:ie(L===0?o.value:x.fromAmount),realUsdValue:ie(new Up(x.from.usdPrice??0).multipliedBy(x.fromAmount))}},to:{token:{displayName:x.to.symbol,image:x.to.logo},chain:{displayName:$e(x.to.blockchain,p),image:x.to.blockchainLogo},price:{value:E(x.toAmount,6,6),usdValue:E((x.to.usdPrice??0)*parseFloat(x.toAmount),4,4),realValue:ie(x.toAmount),realUsdValue:ie(new Up(x.to.usdPrice??0).multipliedBy(x.toAmount))}},state:U,alerts:W||F?z.createElement(fp,null,z.createElement(Eg,{type:W?"error":"warning",title:r?.type===3?r?.recommendation:_i.t("Slippage Error:"),footer:z.createElement(gp,null,r?.type===3&&z.createElement(z.Fragment,null,z.createElement(vo,{size:"xsmall",variant:"body",color:"neutral900"},r.fromAmountRangeError),z.createElement(Di,{direction:"horizontal",size:8}),z.createElement(vo,{size:"xsmall",variant:"body",color:"neutral900"},"|"),z.createElement(Di,{direction:"horizontal",size:8}),z.createElement(vo,{size:"xsmall",variant:"body",color:"neutral900"},_i.t({id:"Yours: {amount} {symbol}",values:{amount:E(x.fromAmount,6,6),symbol:x?.from.symbol}}))),(r?.type===4||s?.type===2)&&z.createElement(vo,{size:"xsmall",variant:"body",color:"neutral900"},_i.t({id:"Minimum required slippage is {minRequiredSlippage}",values:{...r?.type===4&&{minRequiredSlippage:r.recommendedSlippages?.get(L)},...s?.type===2&&{minRequiredSlippage:s.recommendedSlippages?.get(L)}}})))})):void 0}}),"getQuoteSteps")(e.result?.swaps??[]),I=S.length,A=P();return Lg(()=>{m&&!d.current&&f.current&&setTimeout(()=>{f?.current?.scrollIntoView({behavior:"smooth"})},Ei),d.current=m},[m,d]),z.createElement(z.Fragment,null,z.createElement(Cp,{recommended:l,listItem:a==="list-item",basic:a==="basic"},z.createElement("div",{className:kp()},z.createElement(Lp,{steps:I,quote:e}),a==="basic"&&z.createElement("div",{className:Tp()},z.createElement(Ap,null,z.createElement(Wg,{size:12,color:"gray"})),z.createElement(Ip,null,z.createElement(Ni,{size:"small",variant:"body"},`${w} ${S[0].from.token.displayName} = `),z.createElement(Op,{content:ie(n.value),container:A,open:n.value?void 0:!1},z.createElement(Ni,{size:"small",variant:"body"},"\xA0",`${y} ${S[S.length-1].to.token.displayName}`))),z.createElement(Op,{content:ie(n.usdValue),container:A,style:{display:"flex"}},z.createElement(vo,{color:"$neutral600",ml:2,size:"xsmall",variant:"body"},`($${h})`))),a==="list-item"&&z.createElement(Bg,{type:"output",direction:"vertical",tooltipContainer:A,price:{value:y,usdValue:h,realValue:ie(n.value),realUsdValue:ie(n.usdValue)},token:{displayName:S[I-1].to.token.displayName,image:S[I-1].to.token.image},chain:{image:S[I-1].to.chain.image},percentageChange:k,warningLevel:T}),a==="swap-preview"&&z.createElement(z.Fragment,null,z.createElement(wo,{from:S[0].from,to:S[I-1].to,percentageChange:k,warningLevel:T}),z.createElement(Di,{size:4}))),z.createElement(yp,{recommended:l,open:m,onOpenChange:c},z.createElement(Fp,{quoteRef:f,recommended:l,setExpanded:c,expanded:m,steps:S}),z.createElement(vp,{open:m},z.createElement(bp,null),z.createElement("div",{className:Sp()},S.map((v,x)=>{let L=`item-${x}`;return z.createElement(Ng,{type:"quote-details",key:L,step:v,hasSeparator:x!==S.length-1,state:v.state,tooltipContainer:A})}))))))}i(Fi,"Quote");import{Divider as _g,Skeleton as Dg}from"@rango-dev/ui";import mt from"react";import{darkTheme as Mg,styled as Zn}from"@rango-dev/ui";var qp=Zn("div",{$$color:"$colors$neutral100",[`.${Mg} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",borderBottomLeftRadius:"$xm",borderBottomRightRadius:"$xm",padding:"$15 ",variants:{rounded:{true:{borderRadius:"$xm"}}}}),Gp=Zn("div",{paddingTop:"$2"}),Qp=Zn("div",{paddingLeft:"$8"}),Hp=Zn("div",{borderLeft:"1px dashed black",minHeight:" 0",margin:"0px 11.5px",alignSelf:"stretch",variants:{hideSeparator:{true:{minHeight:"unset",height:"0"}}}});import{ChainToken as ou,Divider as _t,Skeleton as it}from"@rango-dev/ui";import H from"react";import{styled as rt}from"@rango-dev/ui";var Vp=rt("div",{display:"flex",justifyContent:"space-between",alignItems:"center",height:"22px"}),jp=rt("div",{display:"flex"}),Xp=rt("div",{padding:"$15 $0 14px $0"}),Kp=rt("div",{padding:"$6 $0 $15 $0",display:"flex",flexDirection:"column"}),Yp=rt("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$5"}),Jp=rt("div",{display:"flex",justifyContent:"space-between",alignItems:"end"}),Zp=rt("div",{height:"$28",marginLeft:"13px",borderLeft:"1px solid $neutral700"}),Rp=rt("div",{width:"65%",display:"flex",justifyContent:"start"}),eu=rt("div",{display:"flex",flexDirection:"column",alignItems:"start",flexGrow:1,maxWidth:"148px"}),tu=rt("div",{padding:"$15 $0 $15 $0"});function bo(t){let{type:e,tag:o=!1}=t,n=H.createElement(Jp,null,H.createElement(Rp,null,H.createElement(ou,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),H.createElement(_t,{size:8,direction:"horizontal"}),H.createElement(eu,null,H.createElement(it,{height:10,width:60,variant:"rounded"}),H.createElement(_t,{size:4}),H.createElement(it,{height:15,variant:"rounded"}))),H.createElement(it,{height:12,width:64,variant:"rounded"}));return H.createElement("div",null,H.createElement(Vp,null,H.createElement(jp,null,H.createElement(it,{width:60,height:10,variant:"rounded"}),H.createElement(_t,{size:4,direction:"horizontal"}),H.createElement(it,{width:60,height:10,variant:"rounded"}),H.createElement(_t,{size:4,direction:"horizontal"}),H.createElement(it,{width:60,height:10,variant:"rounded"})),o&&H.createElement(it,{height:22,width:100,variant:"rounded"})),e==="basic"&&H.createElement(Xp,null,H.createElement(it,{height:15,width:148,variant:"rounded"})),e==="list-item"&&H.createElement(Kp,null,H.createElement(Yp,null,H.createElement(ou,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),H.createElement(_t,{direction:"horizontal",size:4}),H.createElement(it,{height:15,width:150,variant:"rounded"})),H.createElement(_t,{size:4}),H.createElement(it,{height:10,width:184,variant:"rounded"})),e==="swap-preview"&&H.createElement(H.Fragment,null,H.createElement(_t,{size:4}),H.createElement(tu,null,n,H.createElement(Zp,null),n)))}i(bo,"QuoteSummarySkeleton");import{ChainToken as au,Divider as Ui,NextIcon as $g,Skeleton as Rn}from"@rango-dev/ui";import ue from"react";import{styled as Ao}from"@rango-dev/ui";var nu=Ao("div",{display:"flex",alignItems:"start"}),ru=Ao("div",{flexGrow:1,paddingTop:"$5",paddingBottom:"$10",display:"flex",alignItems:"center"}),Oi=Ao("div",{display:"flex",alignItems:"center",flexGrow:1}),iu=Ao("div",{margin:"$0 $2",padding:"$4",display:"flex",justifyContent:"center",alignItems:"center"}),su=Ao("div",{display:"flex",alignItems:"center"});function st(t){let{separator:e=!0}=t;return ue.createElement(ue.Fragment,null,ue.createElement(su,null,ue.createElement(Rn,{height:22,width:22,variant:"circular"}),ue.createElement(Ui,{direction:"horizontal",size:8}),ue.createElement(Rn,{height:15,width:148,variant:"rounded"})),ue.createElement(nu,null,ue.createElement(Hp,{hideSeparator:!e}),ue.createElement(ru,null,ue.createElement(Oi,null,ue.createElement(au,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ue.createElement(Ui,{direction:"horizontal",size:8}),ue.createElement(Rn,{height:12,variant:"rounded"})),ue.createElement(iu,null,ue.createElement($g,{color:"gray",size:16})),ue.createElement(Oi,null,ue.createElement(au,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ue.createElement(Ui,{direction:"horizontal",size:8}),ue.createElement(Rn,{height:12,variant:"rounded"})))))}i(st,"StepSkeleton");function zi(t){let{type:e,expanded:o,tag:n=!1}=t;return mt.createElement(qp,{rounded:e!=="basic"},mt.createElement(bo,{type:e,tag:n}),mt.createElement(Gp,null,mt.createElement(Dg,{height:15,variant:"rounded"})),o&&mt.createElement(Qp,null,mt.createElement(_g,{size:20}),mt.createElement(st,null),mt.createElement(st,null),mt.createElement(st,{separator:!1})))}i(zi,"QuoteSkeleton");import{i18n as nh}from"@lingui/core";import{Alert as rh,Button as ih,InfoIcon as sh}from"@rango-dev/ui";import We from"react";import{Alert as Fg,Button as Og,Divider as du,NoRouteIcon as Ug,RefreshIcon as zg,Typography as fu}from"@rango-dev/ui";import Ye from"react";import{i18n as lu}from"@lingui/core";function pu(t,e,o,n){return t?.type===1?{alert:{type:"warning",text:j().genericServerError,action:{onClick:n,title:lu.t("Retry")}},description:""}:e.length?{alert:{type:"warning",text:j().liquiditySourcesError.title,action:{onClick:()=>o(!0),title:lu.t("Reset")}},description:j().liquiditySourcesError.description}:t?.type===0&&t.diagnosisMessage?{alert:{type:"error",text:t.diagnosisMessage,action:null},description:""}:{alert:null,description:j().noResultError.description}}i(pu,"makeInfo");import{styled as qi}from"@rango-dev/ui";var uu=qi("div",{minHeight:"162px",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"}),cu=qi("div",{width:"100%"}),mu=qi("div",{padding:"$6 $0"});function Gi(t){let{fetch:e,error:o}=t,n=g().disabledLiquiditySources,r=g().toggleAllLiquiditySources,s=g().swappers(),a=pu(o,n,()=>r(s,!0),e);return Ye.createElement(uu,null,Ye.createElement(Ug,{size:24,color:"gray"}),Ye.createElement(du,{size:4}),Ye.createElement(fu,{variant:"title",size:"small"},j().noResultError.title),!!a.description&&Ye.createElement(fu,{variant:"body",size:"small",align:"center",color:"neutral700"},a.description),Ye.createElement(du,{size:4}),!!a.alert&&Ye.createElement(cu,null,Ye.createElement(Fg,{type:a.alert.type,title:a.alert.text,action:a.alert.action&&Ye.createElement(Og,{size:"xsmall",type:a.alert.type,prefix:Ye.createElement(mu,null,Ye.createElement(zg,{size:8})),onClick:a.alert.action.onClick},a.alert.action.title),variant:"alarm"})))}i(Gi,"NoResult");import{i18n as Io}from"@lingui/core";import{Button as Gg,Divider as ku,MessageBox as Qg,Modal as Hg,Typography as Vg,WarningIcon as jg}from"@rango-dev/ui";import at from"react";import{Typography as Su}from"@rango-dev/ui";import Hi from"react";import{darkTheme as qg,styled as er}from"@rango-dev/ui";var gu=er("div",{width:"100%",paddingTop:"$10"}),Qi=er("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),hu=er("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%","._title":{$$color:"$colors$neutral600",[`.${qg} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),yu=er("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});function Cu(t){let{title:e,value:o,valueColor:n}=t;return Hi.createElement(hu,null,Hi.createElement(Su,{size:"medium",variant:"label",className:"_title"},e),Hi.createElement(Su,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}i(Cu,"QuoteErrorsModalItem");function Tu(t){let{open:e,onClose:o,onConfirm:n,warning:r}=t,s=r.warningLevel==="high"?"error":"warning",a=[{title:Io.t("Swapping"),value:E(r.inputUsdValue,4,4)},{title:Io.t("Gas cost"),value:E(r.totalFee,2,2)},{title:Io.t("Receiving"),value:E(r.outputUsdValue,4,4)},{title:Io.t("Price impact"),value:E(r.priceImpact,2,2),valueColor:`${s}500`}];return at.createElement(Hg,{open:e,onClose:o,container:P()},at.createElement(Qg,{type:s,title:j().highValueLossError.impactTitle,description:j().highValueLossError.description}),at.createElement(Qi,null,at.createElement(ku,{size:20}),at.createElement(Vg,{size:"small",variant:"title"},Io.t("Details")),at.createElement(Qi,null,a.map((l,p)=>at.createElement(Cu,{key:p,...l})))),at.createElement(ku,{size:32}),at.createElement(Gg,{type:"primary",size:"large",prefix:at.createElement(jg,null),fullWidth:!0,onClick:n},j().highValueLossError.confirmMessage))}i(Tu,"HighValueLossWarningModal");import{i18n as Vi}from"@lingui/core";function wu(t,e){let o={alertType:"warning",title:"",action:"show-info"};return t?(t.type===0&&(ct(t.priceImpact)==="high"&&(o.alertType="error"),o.action=null,o.title=j().highValueLossError.title),t.type===1&&(o.title=j().unknownPriceError.title),t.type===2&&(o.title=Vi.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=Vi.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=Vi.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(wu,"makeAlerts");import{i18n as eo}from"@lingui/core";import{Button as xu,Divider as vu,MessageBox as Xg,Modal as Kg,Typography as Yg}from"@rango-dev/ui";import Dt from"react";import{useNavigate as Jg}from"react-router-dom";function bu(t){let{customSlippage:e,slippage:o}=g(),{open:n,onClose:r,onConfirm:s,warning:a}=t,l=Jg(),p=e??o;return Dt.createElement(Kg,{anchor:"bottom",open:n,prefix:Dt.createElement(xu,{size:"small",variant:"ghost",onClick:()=>l("../"+M.settings)},Dt.createElement(Yg,{variant:"label",size:"medium",color:"$neutral900"},eo.t("Change settings"))),container:P(),onClose:r},Dt.createElement(Xg,{type:"warning",title:a.type===3?eo.t("High slippage"):eo.t("Low slippage"),description:a.type===3?eo.t({id:" Caution, your slippage is high (={userSlippage}). Your trade may be front run.",values:{userSlippage:p}}):eo.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:a.minRequiredSlippage}})},Dt.createElement(vu,{size:18}),Dt.createElement(vu,{size:32}),Dt.createElement(xu,{size:"large",type:"primary",variant:"contained",fullWidth:!0,onClick:s},eo.t("Confirm anyway"))))}i(bu,"SlippageWarningModal");import{Button as Zg,Divider as Rg,MessageBox as eh,Modal as th,WarningIcon as oh}from"@rango-dev/ui";import Eo from"react";function Au(t){let{open:e,onClose:o,onConfirm:n}=t;return Eo.createElement(th,{open:e,onClose:o,container:P()},Eo.createElement(eh,{type:"warning",title:j().unknownPriceError.impactTitle,description:j().unknownPriceError.description}),Eo.createElement(Rg,{size:32}),Eo.createElement(Zg,{type:"primary",size:"large",prefix:Eo.createElement(oh,null),fullWidth:!0,onClick:n},j().unknownPriceError.confirmMessage))}i(Au,"UnknownPriceWarningModal");function ji(t){let{warning:e,error:o,refetchQuote:n,showWarningModal:r,onOpenWarningModal:s,onCloseWarningModal:a,onConfirmWarningModal:l,onChangeSettings:p}=t,u={open:r,onClose:a,onConfirm:l},m=o?.type===0||o?.type===1,c=wu(e,o?.type===3||o?.type===4?o:null);return We.createElement(We.Fragment,null,m&&We.createElement(Gi,{error:o,fetch:n}),!!c&&We.createElement(gu,null,We.createElement(rh,{title:c.title,type:c.alertType,variant:"alarm",...c.action==="show-info"&&{action:We.createElement(yu,{onClick:s},We.createElement(sh,{size:12,color:"gray"}))},...c.action==="change-settings"&&{action:We.createElement(ih,{size:"xxsmall",type:c.alertType,onClick:p},nh.t("Change"))}})),e&&We.createElement(We.Fragment,null,e.type===0&&We.createElement(Tu,{...u,warning:e}),(e.type===3||e.type===2)&&We.createElement(bu,{...u,warning:e}),e.type===1&&We.createElement(Au,{...u,warning:e})))}i(ji,"QuoteWarningsAndErrors");function Wo(t){let{quote:e,type:o,loading:n,error:r,warning:s,refetchQuote:a,showWarningModal:l,onOpenWarningModal:p,onCloseWarningModal:u,onConfirmWarningModal:m,onChangeSettings:c,expanded:f=!1,alertPosition:d="bottom"}=t,{inputAmount:w,inputUsdValue:y,outputUsdValue:h,outputAmount:C}=D(),T=!(r&&(r.type===0||r.type===1))&&e&&e.result&&!n,b=(s||r)&&Ue.createElement(ji,{warning:s,error:r,loading:n,refetchQuote:a,showWarningModal:l,onOpenWarningModal:p,onCloseWarningModal:u,onConfirmWarningModal:m,onChangeSettings:c});return Ue.createElement(Ue.Fragment,null,n&&Ue.createElement(Ii,null,Ue.createElement(dp,{paddingTop:d==="top"},Ue.createElement(zi,{type:o,expanded:f}))),d==="top"&&Ue.createElement(mp,null,b),T?Ue.createElement(Ii,null,Ue.createElement(Fi,{quote:e,error:r,warning:s,type:o,expanded:f,recommended:!0,input:{value:w,usdValue:y?.toString()??""},output:{value:C?.toString()??"",usdValue:h?.toString()??""}})):null,d==="bottom"&&Ue.createElement(Ue.Fragment,null,!s&&!r&&Ue.createElement(ah,{size:16}),b))}i(Wo,"QuoteInfo");import{calculatePendingSwap as uh}from"@rango-dev/queue-manager-rango-preset";import{useEffect as ch}from"react";import{useRef as lh,useState as ph}from"react";function tr(){let[t,e]=ph(!1),o=lh(null),n=i(()=>o.current?.abort(),"cancel");return{fetch:i(async s=>{n(),o.current=new AbortController,e(!0);try{let a=await Gt().getBestRoute(s,{signal:o.current.signal});return o.current=null,a}catch(a){throw a}finally{e(!1)}},"fetch"),loading:t,cancelFetch:n}}i(tr,"useFetchQuote");function or(t){if(!t.result)throw new Error(j().noResultError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});if(jr(t)){let{swap:n,recommendation:r,fromAmountRangeError:s}=Xr(t);throw new Error("bridge limit error",{cause:{type:3,swap:n,recommendation:r,fromAmountRangeError:s}})}let o=Jr(t);if(o){let n=mn(t);throw new Error("",{cause:{type:4,recommendedSlippages:o,minRequiredSlippage:n}})}return t}i(or,"throwErrorIfResponseIsNotValid");function Iu(t,e,o){let n=!1;t&&(n=tl(t,e));let r={quote:null,quoteUpdate:null,balance:null},s=fn(e,{fromToken:o.fromToken,toToken:o.toToken,tokens:o.meta.tokens,userSlippage:o.userSlippage});s&&(r.quote=s),t&&n&&(Ha(t,e)?r.quoteUpdate={type:3,newOutputAmount:E(Ht(e)),percentageChange:E(_e(Ht(t)??"",Ht(e)??""),null,2)}:Rr(t,e)?r.quoteUpdate={type:0}:ei(t,e)?r.quoteUpdate={type:1}:ti(t,e)&&(r.quoteUpdate={type:2}));let a=Va(e,o.selectedWallets,o.meta.blockchains);return a.length===0||(r.balance={messages:a}),r}i(Iu,"generateWarnings");function nr(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(nr,"handleQuoteErrors");function Xi(){let{fromToken:t,toToken:e,inputAmount:o,setQuote:n,quote:r,customDestination:s,setQuoteWarningsConfirmed:a}=D(),{slippage:l,customSlippage:p,affiliatePercent:u,affiliateRef:m,affiliateWallets:c,disabledLiquiditySources:f}=g(),{connectedWallets:d}=V(),w=g().blockchains(),y=g().tokens(),{features:h}=g().config,{enableNewLiquiditySources:C}=g().config,k=p||l,{fetch:T,cancelFetch:b,loading:S}=tr();return ch(()=>b,[]),{loading:S,fetch:i(async A=>{let v=A.selectedWallets,x=A?.customDestination??s;if(!t||!e||!o)return{quote:null,swap:null,error:null,warnings:null};let L=dn({fromToken:t,toToken:e,inputAmount:o,wallets:d,selectedWallets:v,excludeLiquiditySources:C,disabledLiquiditySources:f,slippage:k,affiliateRef:m,affiliatePercent:u,affiliateWallets:c,initialQuote:r??void 0,destination:x});sn("experimentalRoute",h)&&(L.experimental=!0);let U;try{U=await T(L).then(K=>or(K)),n(U)}catch(K){return nr(K)}let W={slippage:k.toString(),disabledSwappersGroups:f},F=uh(o.toString(),U,Ga(v),W,!1,{blockchains:w,tokens:y}),_=Iu(r??void 0,U,{fromToken:t,toToken:e,meta:{blockchains:w,tokens:y},selectedWallets:v,userSlippage:k});return _.quoteUpdate&&a(!1),{quote:U,swap:F,error:null,warnings:_}},"fetch"),cancelFetch:b}}i(Xi,"useConfirmSwap");var xh=Nu("div",{position:"relative",width:"100%","& .quote-update__alert":{paddingTop:"$10"}}),vh=Nu("div",{width:"100%",display:"flex",justifyContent:"space-between",[`& ${Wu}`]:{width:"$48",height:"$48"}}),bh=Ki({flexGrow:1,paddingRight:"$10"}),Ah=Ki({width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"}),Ih=Ki({display:"flex",justifyContent:"space-between",alignItems:"center"});function Bu(){let{quote:t,setInputAmount:e,selectedWallets:o,quoteWalletsConfirmed:n,setQuoteWalletConfirmed:r,customDestination:s,quoteWarningsConfirmed:a}=D(),l=wh(),[p,u]=ir(""),{connectedWallets:m}=V(),c=!n,[f,d]=ir(!1),w=ve.use.setSelectedSwap(),y=g().disabledLiquiditySources,h=kh(y),{manager:C}=mh(),{fetch:k,loading:T,cancelFetch:b}=Xi(),[S,I]=ir({swap:null,error:null,warnings:null}),[A,v]=ir(!1),x=i(async({selectedWallets:_,customDestination:K})=>{let re=await k?.({selectedWallets:_,customDestination:K});return I(re),re},"onConfirmSwap"),L=i(async()=>{if(S.swap&&n)try{await C?.create("swap",{swapDetails:S.swap},{id:S.swap.requestId}),w(S.swap.requestId);let _=`../${M.swaps}/${S.swap.requestId}`;l(_,{replace:!0}),setTimeout(()=>{e("")},0)}catch(_){u("Error: "+_?.message)}},"addNewSwap"),U=i(async()=>{await L()},"onConfirm"),W=i(async()=>{S?.warnings?.quote&&!a?v(!0):await U()},"onStartConfirmSwap"),F=i(async()=>{I({error:null,swap:null,warnings:null}),k({selectedWallets:o,customDestination:s}).then(_=>{I(_)}).catch(_=>console.error(_))},"onRefresh");return No(()=>{!!h.current.length&&!y.length&&F(),h.current=y},[y.length]),No(()=>{c&&b()},[c]),No(()=>{c&&d(c)},[c]),No(()=>{c||k({selectedWallets:o,customDestination:s}).then(_=>I(_)).catch(_=>console.error(_))},[]),No(()=>{let _=S.warnings?.quote?.type&&Object.values(St).includes(S.warnings?.quote?.type),K=o.length<1||!o.every(ae=>m.find(he=>ae.address===he.address&&ae.walletType===he.walletType&&ae.chain===he.chain)),re=!1;if(_){let ae=an(t),he=t?.result?.swaps[t.result.swaps.length-1].to.blockchain;!!t?.result?.swaps.find(we=>we.from.blockchain===he)||(ae=ae.slice(-ae.length,ae.length-1)),ae.every(we=>o.find(Ge=>Ge.chain===we))||(re=!0)}t&&(K||re)&&(queueMicrotask(()=>Th(d.bind(null,!0))),r(!1))},[S.warnings?.quote,o.length,m.length]),Ch(()=>{t||l("../")},[]),se.createElement(J,{header:{title:rr.t("Confirm Swap"),onWallet:()=>{let _=`../${M.wallets}`;l(_)},suffix:se.createElement(hh,{container:P(),side:"bottom",content:rr.t("Settings")},se.createElement(Fe,{size:"small",variant:"ghost",onClick:()=>l("../"+M.settings)},se.createElement(gh,{size:18,color:"black"})))},footer:se.createElement(vh,null,se.createElement("div",{className:bh()},se.createElement(dh,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:T,disabled:!!S.error,onClick:W},rr.t("Start Swap"))),se.createElement(Wu,{variant:"contained",type:"primary",size:"large",loading:T,onClick:d.bind(null,!0)},se.createElement(Sh,{size:24})))},f&&se.createElement(cp,{open:f,onClose:()=>d(!1),onCancel:b,loading:T,onCheckBalance:x}),se.createElement(xh,null,se.createElement("div",{className:Ih()},se.createElement(yh,{variant:"title",size:"small"},rr.t("You get")),se.createElement("div",{className:Ah()},se.createElement(_n,{onClick:!T&&!f&&!A?F:void 0}))),p&&se.createElement(se.Fragment,null,se.createElement(Eu,{type:"error",variant:"alarm",title:p}),se.createElement(fh,{size:12})),S.warnings?.quoteUpdate&&se.createElement("div",{className:"quote-update__alert"},se.createElement(Eu,{variant:"alarm",type:"warning",title:S.warnings.quoteUpdate&&xn(S.warnings.quoteUpdate)})),se.createElement(Wo,{quote:t,type:"swap-preview",expanded:!0,alertPosition:"top",error:S.error,loading:T,warning:S.warnings?.quote??null,refetchQuote:F,showWarningModal:A,onOpenWarningModal:()=>v(!0),onCloseWarningModal:()=>v(!1),onConfirmWarningModal:async()=>{v(!1),await L()},onChangeSettings:()=>l("../"+M.settings)})))}i(Bu,"ConfirmSwapPage");import{i18n as pr}from"@lingui/core";import{useManager as $h}from"@rango-dev/queue-manager-react";import{Divider as _h,NotFound as Dh,styled as Ou}from"@rango-dev/ui";import At,{useState as Fh}from"react";import{useNavigate as Oh}from"react-router-dom";import{CloseIcon as Wh,IconButton as Nh,SearchIcon as Bh,TextField as Lh}from"@rango-dev/ui";import Bo from"react";import{styled as Eh}from"@rango-dev/ui";var Lu=Eh("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function dt(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:s,value:a,setValue:l,...p}=t;return Bo.createElement(Lh,{prefix:Bo.createElement(Lu,null,Bo.createElement(Bh,{color:"black"})),suffix:!!a.length&&Bo.createElement(Nh,{variant:"ghost",onClick:()=>l?.(""),size:"small"},Bo.createElement(Wh,{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(dt,"SearchInput");import{i18n as Ri}from"@lingui/core";import{Divider as Mu,SwapListItem as $u,Typography as _u}from"@rango-dev/ui";import oe from"react";import{css as Ph,darkTheme as Mh,styled as sr}from"@rango-dev/ui";var ar=Ph(),Yi=sr("div",{width:"100%",display:"flex",flexDirection:"column",[`& .${ar}`]:{$$color:"$colors$neutral600",[`.${Mh} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Ji=sr("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),Zi=sr("div",{gap:"$10",display:"flex",flexDirection:"column"}),Pu=sr("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});function es(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,s=n?n(e):[{title:"History",swaps:e}];if(r){let a=[{},{}],l=[{title:Ri.t("Today"),swaps:a},{title:Ri.t("This month"),swaps:a}];return oe.createElement(oe.Fragment,null,l.map(p=>oe.createElement(oe.Fragment,{key:p.title},oe.createElement(Yi,null,oe.createElement(Ji,null,oe.createElement(_u,{variant:"label",size:"medium",className:ar()},p.title)),oe.createElement(Mu,{size:4}),oe.createElement(Zi,null,p.swaps.map((u,m)=>{let c=m+p.title;return oe.createElement(oe.Fragment,{key:c},oe.createElement($u,{isLoading:!0}))}))))))}return oe.createElement(oe.Fragment,null,s.filter(a=>a.swaps.length>0).map(a=>oe.createElement(oe.Fragment,{key:a.title},oe.createElement(Yi,null,oe.createElement(Ji,null,oe.createElement(_u,{variant:"label",size:"medium",className:ar()},a.title)),oe.createElement(Mu,{size:4}),oe.createElement(Zi,null,a.swaps.map(l=>{let p=l.steps[0],u=l.steps[l.steps.length-1];return oe.createElement(oe.Fragment,{key:l.requestId},oe.createElement($u,{requestId:l.requestId,creationTime:l.creationTime,status:l.status,onClick:o,tooltipContainer:P(),onlyShowTime:a.title===Ri.t("Today"),swapTokenData:{from:{token:{image:p.fromLogo,displayName:p.fromSymbol},blockchain:{image:p.fromBlockchainLogo||""},amount:E(l.inputAmount,6,6),realAmount:ie(l.inputAmount)},to:{token:{image:u.toLogo,displayName:u.toSymbol},blockchain:{image:u.toBlockchainLogo||""},amount:E(u.outputAmount||u.expectedOutputAmountHumanReadable||"",6,6),realAmount:ie(u.outputAmount||u.expectedOutputAmountHumanReadable)}}}))}))))))}i(es,"SwapsGroup");import{i18n as lr}from"@lingui/core";import Du from"dayjs";var Fu=i(t=>{let e=new Map([["today",{title:lr.t("Today"),swaps:[]}],["week",{title:lr.t("This week"),swaps:[]}],["month",{title:lr.t("This month"),swaps:[]}],["year",{title:lr.t("This year"),swaps:[]}]]);function o(r,s){e.has(r)||e.set(r,{title:r,swaps:[]}),e.get(r)?.swaps.push(s)}i(o,"addYearsToOutput");let n=Du();return t.forEach(r=>{let s=Number(r.creationTime),a=Du(s);if(n.isSame(a,"day"))e.get("today")?.swaps.push(r);else if(n.isSame(a,"week"))e.get("week")?.swaps.push(r);else if(n.isSame(a,"month"))e.get("month")?.swaps.push(r);else if(n.isSame(a,"year"))e.get("year")?.swaps.push(r);else{let l=new Date(s).getFullYear().toString();o(l,r)}}),Array.from(e.values())},"groupSwapsByDate");var to=i(t=>{let e=[];return t?.getAll().forEach((o,n)=>{let r=o.list.getStorage();r?.swapDetails&&e.push({id:n,swap:r?.swapDetails})}),e.sort((o,n)=>Number(n.swap.creationTime)-Number(o.swap.creationTime))},"getPendingSwaps");var Uh=Ou("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",height:"100%",gap:15}),zh=Ou("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),qh=i((t,e)=>t?.length?t.filter(o=>et(o.fromBlockchain,e)||et(o.toBlockchain,e)||et(o.toSymbol,e)||et(o.fromSymbol,e)).length:!1,"isStepContainsText");function Uu(){let t=ve.use.setSelectedSwap(),e=Oh(),{manager:o,state:n}=$h(),r=to(o).map(({swap:c})=>c),[s,a]=Fh(""),l=!n.loadedFromPersistor,p=i(c=>{let f=c.target.value;a(f)},"searchHandler"),u=r;s&&(u=r.filter(c=>et(c.inputAmount,s)||et(c.status,s)||qh(c.steps,s)||et(c.requestId,s)));let m=!u?.length&&!l;return At.createElement(J,{header:{title:pr.t("History")}},At.createElement(Uh,null,At.createElement(dt,{setValue:a,fullWidth:!0,variant:"contained",placeholder:pr.t("Search Transaction"),autoFocus:!0,onChange:p,value:s}),At.createElement(zh,null,m&&At.createElement(Pu,null,At.createElement(_h,{size:32}),At.createElement(Dh,{title:pr.t("No results found"),description:s?pr.t("Try using different keywords"):""})),!m&&At.createElement(es,{list:u,onSwapClick:c=>{t(c),e(c)},groupBy:Fu,isLoading:l}))))}i(Uu,"HistoryPage");import{i18n as ns}from"@lingui/core";import{Button as Kh,styled as rs,SwapInput as Qu,WarningIcon as Yh}from"@rango-dev/ui";import ze,{useEffect as Jh,useRef as Zh,useState as Rh}from"react";import{useNavigate as ey}from"react-router-dom";import{ReverseIcon as Gh,styled as zu}from"@rango-dev/ui";import ts from"react";var Qh=zu("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),Hh=zu("div",{borderRadius:"$md",border:"3px solid $background",background:"$neutral100",width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center",color:"$foreground","&:hover":{color:"$secondary500"}});function qu(){let t=D.use.switchFromAndTo();return ts.createElement(Qh,null,ts.createElement(Hh,{onClick:()=>{t()}},ts.createElement(Gh,{size:12})))}i(qu,"SwitchFromAndToButton");import{useCallback as Vh,useEffect as jh,useState as os}from"react";var Xh=600;function Gu(){let{fetch:t,cancelFetch:e}=tr(),{liquiditySources:o,enableNewLiquiditySources:n,features:r}=g().config,s=g().tokens(),{fromToken:a,toToken:l,inputAmount:p,inputUsdValue:u,quote:m,resetQuote:c,setQuote:f}=D(),{slippage:d,customSlippage:w,affiliatePercent:y,affiliateRef:h,affiliateWallets:C,disabledLiquiditySources:k}=g(),[T,b]=os(!1),[S,I]=os(null),[A,v]=os(null),x=w??d,U=!a||!l||Pe(a,l)||!uo(p),W=i(K=>{b(K),I(null),v(null)},"resetState"),F=i(K=>{let{fromToken:re,toToken:ae,inputAmount:he,liquiditySources:te,excludeLiquiditySources:Z,disabledLiquiditySources:we,slippage:Ge,affiliateRef:Be,affiliatePercent:zt,affiliateWallets:lo}=K;if(T||W(!0),!U&&re&&ae){c();let O=dn({fromToken:re,toToken:ae,inputAmount:he,liquiditySources:te,excludeLiquiditySources:Z,disabledLiquiditySources:we,slippage:Ge,affiliateRef:Be,affiliatePercent:zt,affiliateWallets:lo});sn("experimentalRoute",r)&&(O.experimental=!0),t(O).then(G=>{b(!1),f(G),or(G);let Q=fn(G,{fromToken:re,toToken:ae,userSlippage:x,tokens:s});v(Q)}).catch(G=>{let{error:Q}=nr(G);(Q?.type===0||Q?.type===1)&&c(),Q?.type!==2&&(I(Q),b(!1))})}},"fetch"),_=Vh(wa(K=>{U||F(K)},Xh),[U]);return jh(()=>{if(!uo(p)||u?.eq(0)){W(!1),e();return}if(U){m&&c();return}return c(),W(!0),_({inputAmount:p,fromToken:a,toToken:l,liquiditySources:o,excludeLiquiditySources:n,disabledLiquiditySources:k,slippage:x,affiliateRef:h,affiliatePercent:y,affiliateWallets:C}),e},[p,a?.symbol,a?.address,a?.blockchain,l?.symbol,l?.address,l?.blockchain,U,o?.length,n,k.length,x,h,y,JSON.stringify(C)]),{fetch:()=>F({inputAmount:p,fromToken:a,toToken:l,liquiditySources:o,excludeLiquiditySources:n,disabledLiquiditySources:k,slippage:x,affiliateRef:h,affiliatePercent:y,affiliateWallets:C}),loading:T,error:S,warning:A}}i(Gu,"useSwapInput");var ty=rs("div",{display:"flex",flexDirection:"column",overflowY:"visible","& .quote__container":{paddingTop:"$2"}}),oy=rs("div",{position:"relative"}),ny=rs("div",{display:"flex",flexDirection:"column",gap:5,alignSelf:"stretch"});function Hu(){let t=ey(),{fetch:e,loading:o,error:n,warning:r}=Gu(),{fromToken:s,fromBlockchain:a,toToken:l,toBlockchain:p,setInputAmount:u,inputAmount:m,inputUsdValue:c,outputAmount:f,outputUsdValue:d,quote:w,resetQuoteWallets:y,setQuoteWarningsConfirmed:h}=D(),C=g().fetchStatus,{connectedWallets:k,getBalanceFor:T}=V(),b=ve.use.setCurrentPage(),[S,I]=Rh(!1),A=Zh(null),v=!!a&&ya(k,a.name),x=!1,L=!Kr(w,m,c),U=!Kr(w,m,d),W=Fa({fetchMetaStatus:C,fetchingQuote:o,inputAmount:m,quote:w,anyWalletConnected:k.length>0,error:n,warning:r,needsToWarnEthOnPath:x}),F=s?T(s):null,_=en(F)?.amount??"0",K=a&&s?E(F?.amount,F?.decimals):"0";Jh(()=>(b(M.home),y(),b.bind(null,"")),[]);let re=!c||!d||!d.gt(0)?null:_e(c.toString(),d.toString());return ze.createElement(J,{ref:A,fixedHeight:!1,hasLogo:!0,footer:ze.createElement(Kh,{type:"primary",size:"large",disabled:W.disabled,prefix:W.action==="confirm-warning"&&ze.createElement(Yh,null),fullWidth:!0,onClick:()=>{W.action==="connect-wallet"?t(M.wallets):W.action==="confirm-warning"?I(!0):t(M.confirmSwap)}},W.title),header:{onWallet:()=>{t(M.wallets)},hasBackButton:!1,title:ns.t("Swap"),suffix:ze.createElement(Si,{layoutRef:A.current,onClickRefresh:(w||n)&&!S?e:void 0,onClickHistory:()=>t(M.swaps),onClickSettings:()=>t(M.settings)})}},ze.createElement(ty,null,ze.createElement(ny,null,ze.createElement(oy,null,ze.createElement(Qu,{label:ns.t("From"),mode:"From",onInputChange:u,balance:_,chain:{displayName:a?.displayName||"",image:a?.logo||""},token:{displayName:s?.symbol||"",image:s?.image||""},onClickToken:()=>t(M.fromSwap),price:{value:m,usdValue:L?void 0:E(c,4,4),realUsdValue:L?void 0:ie(c),error:L?j().unknownPriceError.impactTitle:void 0},disabled:C==="failed",loading:C==="loading",loadingBalance:v,tooltipContainer:P(),onSelectMaxBalance:()=>{_!=="0"&&u(K.split(",").join(""))}}),ze.createElement(qu,null)),ze.createElement(Qu,{sharpBottomStyle:!!w?.result||o,label:ns.t("To"),mode:"To",fetchingQuote:o,chain:{displayName:p?.displayName||"",image:p?.logo||""},token:{displayName:l?.symbol||"",image:l?.image||""},percentageChange:E(_e(c,d),2,2),warningLevel:ct(re??0),price:{value:E(f,6,6),usdValue:U?void 0:E(d,4,4),realValue:ie(f),realUsdValue:U?void 0:ie(d),error:U?j().unknownPriceError.impactTitle:void 0},onClickToken:()=>t(M.toSwap),disabled:C==="failed",loading:C==="loading",tooltipContainer:P()})),ze.createElement("div",{className:"quote__container"},ze.createElement(Wo,{quote:w,loading:o,error:n,warning:r,type:"basic",refetchQuote:e,showWarningModal:S,onOpenWarningModal:()=>I(!0),onCloseWarningModal:()=>I(!1),onConfirmWarningModal:()=>{I(!1),h(!0),t(M.confirmSwap)},onChangeSettings:()=>t(M.settings)}))))}i(Hu,"Home");import{i18n as Vu}from"@lingui/core";import{List as ry,ListItemButton as iy,Radio as sy,RadioRoot as ay,Typography as ly}from"@rango-dev/ui";import It from"react";import{styled as ur}from"@rango-dev/ui";var ft=ur("div",{height:"100%",overflow:"hidden"}),Lo=ur("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto"}),is=ur("div",{width:80,display:"flex",justifyContent:"flex-end"}),ss=ur("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});function oo(){let{setLanguage:t,language:e,config:o}=g(),n=ba,r=o?.language||mo;return{activeLanguage:e||r,languages:n,defaultLanguage:r,changeLanguage:s=>t(s||mo),resetLanguage:()=>t(null)}}i(oo,"useLanguage");function ju(){let{activeLanguage:t,changeLanguage:e,languages:o}=oo(),n=o.map(r=>{let{local:s,label:a,SVGFlag:l}=r;return{id:s,value:s,title:It.createElement(ly,{variant:"title",size:"xmedium"},a),onClick:()=>e(r.local),end:It.createElement(sy,{value:s}),start:It.createElement(l,null)}});return It.createElement(J,{header:{title:Vu.t("Language")}},It.createElement(ft,null,It.createElement(ay,{value:t},It.createElement(ry,{type:It.createElement(iy,{title:Vu.t("language"),id:"_",onClick:()=>console.log()}),items:n}))))}i(ju,"LanguagePage");import{i18n as gt}from"@lingui/core";import{Button as dy,Checkbox as fy,Image as gy,ListItemButton as hy,NotFound as yy,Typography as Sy}from"@rango-dev/ui";import Te,{useState as Cy}from"react";import{Checkbox as cy,Skeleton as Ku}from"@rango-dev/ui";import Po from"react";import{ListItem as py,styled as uy}from"@rango-dev/ui";var Xu=uy(py,{height:61});var my=30;function as(){return Po.createElement(Lo,null,Array.from(Array(my),t=>Po.createElement(Xu,{hasDivider:!0,key:t,start:Po.createElement(Ku,{variant:"circular",width:35,height:35}),title:Po.createElement(Ku,{variant:"text",size:"large",width:90}),end:Po.createElement(cy,{checked:!1})})))}i(as,"LoadingLiquiditySourceList");function ls({sourceType:t}){let e=g().fetchStatus,o=g().swappers(),n=g().disabledLiquiditySources,[r,s]=Cy(""),a=g().toggleLiquiditySource,l=rn(o,n),p={Exchanges:gt.t("Exchanges"),Bridges:gt.t("Bridges")},u=[];t==="Exchanges"&&u.push("DEX"),t==="Bridges"&&(u.push("BRIDGE"),u.push("AGGREGATOR"));let m=l.filter(h=>u.includes(h.type)),c=m.length===m.filter(h=>h.selected).length,f=i(()=>{m.forEach(h=>{c?a(h.groupTitle):h.selected||a(h.groupTitle)})},"toggleAllSources"),d=m.map(h=>{let{selected:C,groupTitle:k,logo:T}=h;return{start:Te.createElement(gy,{src:T,size:22,type:"circular"}),onClick:()=>a(k),end:Te.createElement(fy,{checked:C}),title:Te.createElement(Sy,{variant:"title",size:"xmedium"},gt.t(k)),...h}}),w=i(h=>{let C=h.target.value;s(C)},"searchHandler"),y=d;return r&&(y=d.filter(h=>et(h.groupTitle,r))),Te.createElement(J,{header:{title:gt.t(t),suffix:Te.createElement(is,null,Te.createElement(dy,{variant:"ghost",size:"xsmall",onClick:f},c?gt.t("Deselect all"):gt.t("Select all")))}},Te.createElement(ft,null,Te.createElement(dt,{value:r,setValue:s,fullWidth:!0,color:"light",variant:"contained",placeholder:gt.t("Search {sourceType}",{sourceType:p[t]}),onChange:w}),e==="loading"&&Te.createElement(as,null),!y.length&&r?Te.createElement(ss,null,Te.createElement(yy,{title:gt.t("No results found"),description:gt.t("Try using different keywords")})):e==="success"&&Te.createElement(Lo,null,y.map(h=>Te.createElement(Te.Fragment,{key:h.id},Te.createElement(hy,{style:{height:"61px"},...h,selected:!1,hasDivider:!0}))))))}i(ls,"LiquiditySourcePage");import{i18n as nc}from"@lingui/core";import{Divider as ms,getCountCategories as Wy,SelectableCategoryList as Ny}from"@rango-dev/ui";import ht,{useState as rc}from"react";import{i18n as us}from"@lingui/core";import{Divider as tc,Image as vy,ListItemButton as by,NotFound as Ay,Typography as oc}from"@rango-dev/ui";import qe,{useEffect as Iy,useState as Ey}from"react";import{BlockchainCategories as ps}from"@rango-dev/ui";import{TransactionType as cr}from"rango-sdk";var ky=i((t,e)=>{switch(e){case ps.ALL:return!0;case ps.UTXO:return t.type===cr.TRANSFER;case ps.OTHER:return t.type!==cr.TRANSFER&&t.type!==cr.COSMOS&&t.type!==cr.EVM;default:return t.type===e}},"filterByType"),Yu=i((t,e,o)=>t.filter(n=>ky(n,o)).filter(n=>Nt(n.name,e)||Nt(n.displayName,e)),"filterBlockchains");import{ImageContainer as Ty,styled as Ju}from"@rango-dev/ui";var Zu=Ju("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),mr=Ju("ul",{padding:0,margin:0,listStyle:"none",overflowY:"auto",paddingRight:"$5",[`& ${Ty}`]:{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as wy,Skeleton as Ru}from"@rango-dev/ui";import dr from"react";var xy=20;function ec(){return dr.createElement(mr,null,Array.from(Array(xy),t=>dr.createElement(wy,{key:t,hasDivider:!0,start:dr.createElement(Ru,{variant:"circular",width:35,height:35}),title:dr.createElement(Ru,{variant:"text",size:"large",width:90})})))}i(ec,"LoadingBlockchainList");function cs(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[s,a]=Ey(e),{fetchStatus:l}=g();Iy(()=>{a([...Yu(e,o,r)])},[e,o,r]);let p=i(()=>!s.length&&o?qe.createElement(qe.Fragment,null,qe.createElement(tc,{size:32}),qe.createElement(Ay,{title:us.t("No results found"),description:us.t("Try using different keywords")})):qe.createElement(mr,{key:`${r}-${o}`},s.map(u=>qe.createElement(by,{key:`${u.name}-${u.chainId}`,hasDivider:!0,onClick:()=>n(u),start:qe.createElement(vy,{src:u.logo,size:30}),title:qe.createElement(oc,{variant:"title",size:"medium"},u.displayName),id:u.chainId}))),"renderList");return qe.createElement(Zu,null,qe.createElement(oc,{variant:"label",size:"large"},us.t("Select Blockchain")),qe.createElement(tc,{size:4}),l==="loading"&&qe.createElement(ec,null),l==="success"&&p())}i(cs,"BlockchainList");function ds(t){let{type:e}=t,o=wt(),[n,r]=rc(""),[s,a]=rc("ALL"),l=D.use.setToBlockchain(),p=D.use.setFromBlockchain(),u=g().fetchStatus,m=g().blockchains({type:e}),f=Wy(m)!==1;return ht.createElement(J,{header:{title:nc.t("Select Blockchain")}},ht.createElement(ms,{size:12}),f&&ht.createElement(ht.Fragment,null,ht.createElement(Ny,{setCategory:a,category:s,blockchains:m,isLoading:u==="loading"}),ht.createElement(ms,{size:24})),ht.createElement(dt,{value:n,autoFocus:!0,placeholder:nc.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:d=>r(d.target.value)}),ht.createElement(ms,{size:16}),ht.createElement(cs,{list:m,searchedFor:n,blockchainCategory:s,onChange:d=>{e==="source"?p(d):l(d),o()}}))}i(ds,"SelectBlockchainPage");import{i18n as Sr}from"@lingui/core";import{Divider as vc}from"@rango-dev/ui";import io,{useState as Xy}from"react";import{useNavigate as Ky}from"react-router-dom";import{i18n as hs}from"@lingui/core";import{BlockchainsChip as fr,Divider as lc,Image as pc,Skeleton as $y,Tooltip as _y,Typography as ys}from"@rango-dev/ui";import de from"react";import{useEffect as Py}from"react";var ic=["ETH","COSMOS","OSMOSIS"];function fs(t,e,o){let n=JSON.parse(JSON.stringify(t)),r=[];if(n.sort(By),o?.limit&&t.length>o.limit){let s=o.limit,a=e;if(e.length<=o.limit){let l=o.limit-e.length;for(let p=0;p<=l;p++){let u=n[p];a=a.filter(m=>u.name!==m)}}n.sort(Ly(a)),r=n.splice(s)}return{list:n,more:r}}i(fs,"prepare");function By(t,e){let o=ic,n=o.findIndex(l=>l===t.name),r=o.findIndex(l=>l===e.name),s=n>-1,a=r>-1;return s&&a?n>r?1:-1:s?-1:a?1:0}i(By,"sortByMostUsedBlockchains");function Ly(t){return i(function(o,n){let r=t.findIndex(p=>p===o.name),s=t.findIndex(p=>p===n.name),a=r>-1,l=s>-1;return a&&l?r>s?1:-1:t.includes(o.name)?-1:t.includes(n.name)?1:0},"sortByPreferred")}i(Ly,"generateSortByPreferredBlockchainsFor");function sc(t,e){return!!e.list.find(o=>o.name===t)}i(sc,"isInVisibleList");function gs(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=g();Py(()=>{if(e?.selected){let s=fs(t,o,e);sc(e.selected,s)||n(e?.selected)}},[e?.selected]);let r=fs(t,o,e);return{list:r.list,more:r.more,history:[]}}i(gs,"usePrepareBlockchainList");import{styled as My}from"@rango-dev/ui";var ac=My("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var Dy=12;function Ss(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:s}=t,a=gs(e,{limit:10,selected:n?.name}),{fetchStatus:l}=g(),p=D.use.resetToBlockchain(),u=D.use.resetFromBlockchain(),m=a.more.length>0,c=a.more.length===1,f=!c&&m;return de.createElement(de.Fragment,null,de.createElement(lc,{size:12}),de.createElement(ys,{variant:"label",size:"large"},hs.t("Select Blockchain")),de.createElement(lc,{size:12}),de.createElement(ac,null,l==="loading"&&Array.from(Array(Dy),d=>de.createElement($y,{key:d,variant:"rounded",height:50})),l==="success"&&de.createElement(de.Fragment,null,de.createElement(fr,{selected:!n,onClick:()=>{o==="from"?u():p()}},de.createElement(ys,{variant:"body",size:"xsmall",color:"secondary500"},hs.t("All"))),a.list.map(d=>de.createElement(_y,{key:d.name,content:d.shortName,side:"bottom",sideOffset:2,container:P()},de.createElement(fr,{key:d.name,selected:!!n&&n.name===d.name,onClick:()=>r(d)},de.createElement(pc,{src:d.logo,size:30})))),c?de.createElement(fr,{key:a.more[0].name,selected:!!n&&n.name===a.more[0].name,onClick:()=>r(a.more[0])},de.createElement(pc,{src:a.more[0].logo,size:30})):null,f?de.createElement(fr,{onClick:s,key:"more-blockchains"},de.createElement(ys,{variant:"body",size:"xsmall",color:"secondary500"},hs._("More +{count}",{count:a.more.length}))):null)))}i(Ss,"BlockchainsSection");import{i18n as Es}from"@lingui/core";import{darkTheme as Cc,Divider as ro,ExternalLinkIcon as Uy,Image as zy,ListItemButton as qy,NotFound as Gy,PinIcon as Qy,Skeleton as kc,Typography as yr,VirtualizedList as Hy}from"@rango-dev/ui";import $,{forwardRef as Vy,useEffect as Tc,useState as wc}from"react";import{Divider as yc,ListItem as Oy,Skeleton as Mo}from"@rango-dev/ui";import Ze from"react";import{css as no,darkTheme as uc,ImageContainer as Fy,styled as Je,Typography as cc}from"@rango-dev/ui";var Cs=no({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}),ks=no({position:"relative",height:12,width:"30%",maxWidth:"150px"}),Ts=no({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",bottom:"-8px"}),ws=no({transform:"translateY(12px)",visibility:"hidden","& a":{display:"flex",justifyContent:"center",alignItems:"center",fontSize:"$12",lineHeight:"$16",$$color:"$colors$neutral600",[`.${uc} &`]:{$$color:"$colors$neutral700"},color:"$$color",textDecoration:"none"}}),xs=no({}),vs=no(),mc=Je("div",{display:"flex",flexDirection:"column",flexGrow:1}),bs=Je("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),gr=Je("ul",{flexGrow:1,padding:0,margin:0,listStyle:"none","& li":{alignItems:"none","&:hover":{[`& .${ks}`]:{[`& .${ws}`]:{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",visibility:"visible"},[`& .${xs}`]:{bottom:"-15px"},[`& .${Cs}`]:{position:"absolute",transform:"translateY(-12px)",visibility:"hidden"},[`& .${Ts}`]:{position:"absolute",transform:"translateY(-12px)",bottom:"-10px"}}}}}),As=Je("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),Is=Je(cc,{}),dc=Je("div",{textAlign:"right",width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",[`& .${vs}`]:{$$color:"$colors$neutral600",[`.${uc} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),hr=Je("div",{display:"flex",alignItems:"end",flexDirection:"column"}),fP=Je("div",{display:"flex",alignItems:"center"}),fc=Je("div",{position:"relative",[`& ${Fy}`]:{borderRadius:"$xm",overflow:"hidden"}}),gc=Je("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6}),hc=Je(cc,{width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"});function Sc(t){return Ze.createElement(gr,null,Array.from(Array(t.size),e=>Ze.createElement(Oy,{key:e,hasDivider:!0,start:Ze.createElement(Mo,{variant:"circular",width:35,height:35}),end:Ze.createElement(hr,null,Ze.createElement(Mo,{variant:"text",size:"large",width:70}),Ze.createElement(yc,{size:4}),Ze.createElement(Mo,{variant:"text",size:"medium",width:50})),title:Ze.createElement("div",null,Ze.createElement(Mo,{variant:"text",size:"large",width:90}),Ze.createElement(yc,{size:4}),Ze.createElement(Mo,{variant:"text",size:"medium",width:90}))})))}i(Sc,"LoadingTokenList");var Ws=20,jy=i(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:s,customCssForTagTitle:a}=t,l=e.length;return $.createElement("div",{className:ks()},o?$.createElement("div",{className:Cs()},o):$.createElement(bs,{className:Ts()},$.createElement(yr,{variant:"title",size:"xmedium"},r.symbol),$.createElement(ro,{direction:"horizontal",size:4}),$.createElement(As,{css:s},$.createElement(Is,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&$.createElement("div",{className:`${ws()} ${!o&&xs()}`},$.createElement("a",{href:n,target:"_blank",rel:"nofollow noreferrer",onClick:p=>p.stopPropagation()},l>10?`${e.slice(0,5)}...${e.slice(l-6,l)}`:e," ",$.createElement(ro,{size:4,direction:"horizontal"}),$.createElement(Uy,{color:"gray",size:12}))))},"renderDesc");function xc(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[s,a]=wc(e),l=g().fetchStatus,p=g().blockchains(),[u,m]=wc(!0),{getBalanceFor:c,loading:f}=V(),{isTokenPinned:d}=g(),w=Vy((C,k)=>$.createElement("div",{...C,ref:k,style:{...C.style,height:`${parseFloat(C.style?.height)+8*2}px`}})),y=i(()=>{a(e.slice(0,s.length+Ws))},"loadNextPage");Tc(()=>{m(e.length>s.length)},[s.length]),Tc(()=>{a(e.slice(0,Ws))},[e]);let h=i(()=>!s.length&&o?$.createElement($.Fragment,null,$.createElement(ro,{size:32}),$.createElement(Gy,{title:Es.t("No results found"),description:Es.t("Try using different keywords")})):$.createElement(Hy,{Item:({index:C,style:k})=>{let T=s[C],b=en(c(T)),S=T.address||"",I=p.find(L=>L.name===T.blockchain),A=Bn(T.symbol,I?.color||""),v={$$color:A[`${T.symbol}100`],[`.${Cc} &`]:{$$color:A[`${T.symbol}900`]},backgroundColor:"$$color"},x={$$color:A[`${T.symbol}700`],[`.${Cc} &`]:{$$color:A[`${T.symbol}100`]},color:"$$color"};return $.createElement("div",{style:{...k,paddingRight:5}},$.createElement(qy,{style:{height:k?.height,width:"100%",overflow:"hidden"},"tab-index":C,key:`${T.symbol}${T.address}`,id:`${T.symbol}${T.address}`,hasDivider:!0,onClick:()=>n(s[C]),start:$.createElement(fc,null,$.createElement(zy,{src:T.image,size:30}),d(T,t.type)&&$.createElement(gc,null,$.createElement(Qy,{size:12,color:"gray"}))),title:I?.type==="COSMOS"||T.name||!T.name&&!S?$.createElement(bs,null,$.createElement(yr,{variant:"title",size:"xmedium"},T.symbol),$.createElement(ro,{direction:"horizontal",size:4}),$.createElement(As,{css:v},$.createElement(Is,{variant:"body",size:"xsmall",css:x},T.blockchain))):void 0,description:I?.info&&S&&I.type!=="COSMOS"?jy({address:S,token:s[C],customCssForTag:v,customCssForTagTitle:x,name:T.name,url:I.info.addressUrl.split("{wallet}").join(S)}):T.name||void 0,end:f?$.createElement(hr,null,$.createElement(kc,{variant:"text",size:"large",width:70}),$.createElement(ro,{size:4}),$.createElement(kc,{variant:"text",size:"medium",width:50})):b&&$.createElement(dc,null,$.createElement(hc,{variant:"title",size:"small"},b.amount),$.createElement("div",null),b.usdValue&&$.createElement(yr,{variant:"body",className:vs(),size:"xsmall"},`$${b.usdValue}`))}))},hasNextPage:u,itemCount:s.length,loadNextPage:y,innerElementType:w,size:60,key:`${r}-${o}`}),"renderList");return $.createElement(mc,null,$.createElement(yr,{variant:"label",size:"large"},Es.t("Select Token")),$.createElement(ro,{size:4}),l==="loading"&&$.createElement(Sc,{size:Ws}),l==="success"&&$.createElement(gr,null,h()))}i(xc,"TokenList");function Ns(t){let{type:e}=t,o=Ky(),n=wt(),{fromBlockchain:r,toBlockchain:s,setFromToken:a,setToToken:l,setFromBlockchain:p,setToBlockchain:u}=D(),m=V.use.getBalanceFor(),[c,f]=Xy(""),{isTokenPinned:d}=g(),y=(e==="source"?r:s)?.name??"",h=g().blockchains({type:e}),C=g().tokens({type:e,blockchain:y,searchFor:c}),T=fa(C,m,i(A=>d(A,e),"checkIsTokenPinned")),b=i(A=>{e==="source"?p(A):u(A)},"updateBlockchain"),S=i(A=>{e==="source"?a({token:A,meta:{blockchains:h,tokens:C}}):l({token:A,meta:{blockchains:h,tokens:C}})},"updateToken"),I={source:Sr.t("Source"),destination:Sr.t("Destination")};return io.createElement(J,{header:{title:Sr.t("Swap {type}",{type:I[e]})}},io.createElement(Ss,{blockchains:h,type:e=="source"?"from":"to",blockchain:e==="source"?r:s,onMoreClick:()=>o(M.blockchains),onChange:A=>{b(A)}}),io.createElement(vc,{size:24}),io.createElement(dt,{value:c,autoFocus:!0,placeholder:Sr.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>f(""),onChange:A=>f(A.target.value)}),io.createElement(vc,{size:16}),io.createElement(xc,{list:T,selectedBlockchain:y,searchedFor:c,type:e,onChange:A=>{S(A);let v=h.find(x=>A.blockchain===x.name);v&&b(v),n()}}))}i(Ns,"SelectSwapItemsPage");import{i18n as Ft}from"@lingui/core";import{ChevronRightIcon as Ps,Divider as Ms,InfoIcon as nS,List as rS,ListItemButton as iS,Skeleton as sS,Switch as aS,Tooltip as lS,Typography as Ot}from"@rango-dev/ui";import X from"react";import{useNavigate as pS}from"react-router-dom";import{i18n as Nc}from"@lingui/core";import{Divider as Ry,InfoIcon as eS,TextField as tS,Tooltip as oS,Typography as Bc}from"@rango-dev/ui";import Ne from"react";import{Chip as Yy,styled as $o,TextField as Jy}from"@rango-dev/ui";var bc=$o("div",{paddingTop:"$5",padding:"$10 $5"}),Ac=$o("div",{display:"flex",flexWrap:"wrap",gap:"$10",[`& ${Jy}`]:{flex:"1 1 0",maxWidth:"127px",minWidth:"85px"}}),Ic=$o("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),Cr=$o("div",{maxWidth:"280px",padding:"$10"}),Ec=$o(Yy,{width:"61px",flexShrink:0});import{i18n as Bs}from"@lingui/core";import{Typography as Zy}from"@rango-dev/ui";import _o from"react";function Wc(){return _o.createElement(Cr,null,_o.createElement(Zy,{variant:"label",size:"medium",color:"neutral700"},Bs.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),_o.createElement("br",null),_o.createElement("br",null),_o.createElement("b",null,Bs.t("Warning")),":",Bs.t("This setting is applied per step (e.g. 1Inch, Thorchain, etc) which means only the step will be reverted, not the whole transaction.")))}i(Wc,"SlippageTooltipContent");function Ls(){let{slippage:t,setSlippage:e,customSlippage:o,setCustomSlippage:n}=g();return Ne.createElement(bc,null,Ne.createElement(Ic,null,Ne.createElement(Bc,{variant:"title",size:"xmedium"},Nc.t("Slippage tolerance per swap")),Ne.createElement(Ry,{direction:"horizontal",size:4}),Ne.createElement(oS,{container:P(),side:"top",sideOffset:4,content:Ne.createElement(Wc,null)},Ne.createElement(eS,{color:"gray"}))),Ne.createElement(Ac,null,Aa.map((r,s)=>{let a=`slippage-${s}`;return Ne.createElement(Ne.Fragment,null,Ne.createElement(Ec,{key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`}))}),Ne.createElement(tS,{type:"number",min:"0.01",max:"30",step:"0.01",fullWidth:!0,variant:"contained",value:o||"",color:"dark",onChange:r=>{let s=r.target.value,a=parseFloat(s);a>=Na&&a<=Wa?n(a):n(null)},suffix:o&&Ne.createElement(Bc,{variant:"body",size:"small"},"%"),placeholder:Nc.t("Custom")})))}i(Ls,"Slippage");function Lc(){let t=pS(),{theme:e}=g().config,o=g().fetchStatus,n=g().swappers(),r=g().disabledLiquiditySources,{config:{features:s}}=g(),a=Me("theme",s),l=Me("liquiditySource",s),p=Me("language",s),u=g().infiniteApprove,m=g().toggleInfiniteApprove,c=rn(n,r),f=c.filter(v=>v.type==="BRIDGE"||v.type==="AGGREGATOR"),d=f.length,w=f.filter(v=>v.selected).length,y=c.filter(v=>v.type==="DEX"),h=y.length,C=y.filter(v=>v.selected).length,k=i((v,x)=>{switch(o){case"loading":return X.createElement(sS,{variant:"text",size:"medium",width:50});case"failed":return X.createElement(Ot,{variant:"body",size:"medium",color:"$error500"},Ft.t("Loading failed"));default:return X.createElement(Ot,{variant:"body",size:"medium"},`${v} / ${x}`)}},"handleEndItem"),T={id:"bridge-item",title:X.createElement(Ot,{variant:"title",size:"xmedium"},Ft.t("Enabled bridges")),end:X.createElement(X.Fragment,null,k(w,d),X.createElement(Ms,{direction:"horizontal",size:8}),X.createElement(Ps,{color:"black"})),onClick:()=>t(M.bridges)},b={id:"exchange-item",title:X.createElement(Ot,{variant:"title",size:"xmedium"},Ft.t("Enabled exchanges")),end:X.createElement(X.Fragment,null,k(C,h),X.createElement(Ms,{direction:"horizontal",size:8}),X.createElement(Ps,{color:"gray"})),onClick:()=>t(M.exchanges)},S={id:"theme-item",title:X.createElement(Ot,{variant:"title",size:"xmedium"},Ft.t("Theme")),end:X.createElement(Ps,{color:"gray"}),onClick:()=>t(M.themes)},I={id:"infinite-approval-item",title:X.createElement(X.Fragment,null,X.createElement(Ot,{variant:"title",size:"xmedium"},Ft.t("Infinite approval")),X.createElement(Ms,{direction:"horizontal",size:4}),X.createElement(lS,{side:"top",sideOffset:4,container:P(),content:X.createElement(Cr,null,X.createElement(Ot,{variant:"label",size:"medium",color:"neutral700"},Ft.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.")))},X.createElement(nS,{color:"gray"}))),end:X.createElement(aS,{checked:u}),onClick:m},A=l?[]:[T,b];return!e?.singleTheme&&!a&&A.push(S),A.push(I),X.createElement(J,{header:{title:Ft.t("Settings")}},X.createElement(ft,null,X.createElement(Ls,null),X.createElement(rS,{type:X.createElement(iS,{title:"_",id:"_",onClick:()=>console.log()}),items:A})))}i(Lc,"SettingsPage");import{cancelSwap as JS}from"@rango-dev/queue-manager-rango-preset";import{useManager as ZS}from"@rango-dev/queue-manager-react";import dm from"react";import{i18n as yt}from"@lingui/core";import{getCurrentBlockchainOfOrNull as PS,getCurrentStep as MS,getRelatedWalletOrNull as $S}from"@rango-dev/queue-manager-rango-preset";import{Button as im,CopyIcon as _S,Divider as DS,IconButton as FS,LinkIcon as OS,QuoteCost as US,StepDetails as zS,Typography as ao,useCopyToClipboard as qS}from"@rango-dev/ui";import{useWallets as GS}from"@rango-dev/wallets-react";import sm from"bignumber.js";import{PendingSwapNetworkStatus as Nr}from"rango-types";import Y,{useEffect as am,useRef as QS,useState as lm}from"react";import{useNavigate as HS}from"react-router-dom";import{i18n as Et}from"@lingui/core";var uS=[Et.t("Sunday"),Et.t("Monday"),Et.t("Tuesday"),Et.t("Wednesday"),Et.t("Thursday"),Et.t("Friday"),Et.t("Saturday")];function Pc(t){let e=new Date(t),o=e.getDate(),n=e.toLocaleString("default",{month:"long"}),r=e.getFullYear();return`${e.getDay()===new Date().getDay()?Et.t("Today"):`${uS[e.getDay()]} ${o} ${n} ${r}`}, ${new Date(t).toLocaleTimeString()}`}i(Pc,"timeSince");function Mc(t){return t.finishTime?Pc(parseInt(t.finishTime)):Pc(parseInt(t.creationTime))}i(Mc,"getSwapDate");import{Modal as yS}from"@rango-dev/ui";import{PendingSwapNetworkStatus as wr}from"rango-types";import xr from"react";import{i18n as kr}from"@lingui/core";import{Button as $c,Divider as $s,MessageBox as cS,Typography as _c}from"@rango-dev/ui";import lt from"react";var Dc=i(({onCancel:t,onClose:e})=>lt.createElement(lt.Fragment,null,lt.createElement($s,{size:20}),lt.createElement(cS,{type:"error",title:kr.t("Cancel Swap"),description:kr.t("Are you sure you want to cancel this swap?")}),lt.createElement($s,{size:32}),lt.createElement($c,{variant:"contained",type:"primary",size:"large",onClick:t},lt.createElement(_c,{variant:"title",size:"medium",color:"neutral100"},kr.t("Yes, Cancel it"))),lt.createElement($s,{size:12}),lt.createElement($c,{variant:"outlined",type:"primary",size:"large",onClick:e},lt.createElement(_c,{variant:"title",size:"medium",color:"primary"},kr.t("No, Continue")))),"CancelContent");import{i18n as Tr}from"@lingui/core";import{Button as Fc,Divider as _s,MessageBox as mS,Typography as Oc}from"@rango-dev/ui";import pt from"react";var Uc=i(({onDelete:t,onClose:e})=>pt.createElement(pt.Fragment,null,pt.createElement(_s,{size:20}),pt.createElement(mS,{type:"error",title:Tr.t("Delete Transaction"),description:Tr.t("Are you sure you want to delete this swap?")}),pt.createElement(_s,{size:32}),pt.createElement(Fc,{variant:"contained",type:"primary",size:"large",onClick:t},pt.createElement(Oc,{variant:"title",size:"medium",color:"neutral100"},Tr.t("Yes, Delete it"))),pt.createElement(_s,{size:12}),pt.createElement(Fc,{variant:"outlined",type:"primary",size:"large",onClick:e},pt.createElement(Oc,{variant:"title",size:"medium",color:"primary"},Tr.t("No, Cancel")))),"DeleteContent");import{i18n as Ds}from"@lingui/core";import{PendingSwapNetworkStatus as Fs}from"rango-types";var Os={[Fs.WaitingForNetworkChange]:{type:"loading",title:Ds.t("Change Network")},[Fs.WaitingForConnectingWallet]:{type:"warning",title:Ds.t("Connect Wallet")},[Fs.NetworkChanged]:{type:"success",title:Ds.t("Network Changed")}};import{MessageBox as fS,Wallet as gS}from"@rango-dev/ui";import{useWallets as hS}from"@rango-dev/wallets-react";import Do from"react";import{styled as dS}from"@rango-dev/ui";var zc=dS("div",{display:"flex",justifyContent:"center"});var qc=i(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:s}=t,{connect:a,getWalletInfo:l,state:p}=hS(),u=n?.walletType,m=u?Fr(p(u)):null,c=u?l(u):null;return Do.createElement(Do.Fragment,null,Do.createElement(fS,{type:e,title:o,description:r}),s&&!!u&&!!m&&!!c&&Do.createElement(zc,null,Do.createElement(gS,{container:P(),title:c.name,image:c.img,type:u,state:m,link:c.installLink,onClick:async()=>a(u)})))},"WalletStateContent");function Us(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:s,message:a}=t,l=e===wr.WaitingForNetworkChange||e===wr.WaitingForConnectingWallet||e===wr.NetworkChanged;return xr.createElement(yS,{open:!!e,onClose:o,container:document.getElementById(xe)||document.body},l&&xr.createElement(qc,{type:Os[e].type,title:Os[e].title,currentStepWallet:s,message:a,showWalletButton:e!==wr.WaitingForNetworkChange}),e==="delete"&&xr.createElement(Uc,{onClose:o,onDelete:n}),e==="cancel"&&xr.createElement(Dc,{onClose:o,onCancel:r}))}i(Us,"SwapDetailsModal");import{i18n as Fo}from"@lingui/core";import{Button as zs,Divider as vr,MessageBox as Gc,Modal as SS,TokenAmount as CS,Typography as br}from"@rango-dev/ui";import ge from"react";import{useNavigate as kS}from"react-router-dom";function qs(t){let{open:e,onClose:o,status:n,priceValue:r,usdValue:s,realUsdValue:a,realValue:l,token:p,chain:u,percentageChange:m,description:c,diagnosisUrl:f}=t,d=kS();return ge.createElement(SS,{open:e,onClose:o,container:document.getElementById(xe)||document.body},n==="success"?ge.createElement(Gc,{type:"success",title:Fo.t("Swap Successful")},ge.createElement(CS,{direction:"vertical",tooltipContainer:P(),type:"output",centerAlign:!0,price:{value:r,usdValue:s,realUsdValue:a,realValue:l},token:p,chain:u,percentageChange:m}),ge.createElement(vr,{size:12}),ge.createElement(br,{variant:"body",size:"medium",color:"neutral700",align:"center"},c)):ge.createElement(Gc,{type:"error",title:Fo.t("Transaction Failed"),description:c}),ge.createElement(vr,{size:32}),n==="success"&&ge.createElement(zs,{variant:"contained",type:"primary",size:"large",onClick:()=>{d("../../")}},ge.createElement(br,{variant:"title",size:"medium",color:"neutral100"},Fo.t("Done"))),ge.createElement(vr,{size:12}),f&&ge.createElement(ge.Fragment,null,ge.createElement(zs,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(f,"_blank")},ge.createElement(br,{variant:"title",size:"medium",color:"primary"},Fo.t("Diagnosis"))),ge.createElement(vr,{size:12})),ge.createElement(zs,{variant:"outlined",type:"primary",size:"large",onClick:o},ge.createElement(br,{variant:"title",size:"medium",color:"primary"},Fo.t("See Details"))))}i(qs,"SwapDetailsCompleteModal");import BS from"react";import{i18n as IS}from"@lingui/core";import{Alert as Kc,IconButton as ES,LinkIcon as WS}from"@rango-dev/ui";import Wt,{Fragment as NS}from"react";import{Alert as TS,ChevronDownIcon as wS,ChevronUpIcon as xS,IconButton as vS}from"@rango-dev/ui";import Ar,{useState as bS}from"react";function Qc(t){let{message:e}=t,[o,n]=bS(!1);return Ar.createElement(TS,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&Ar.createElement(vS,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?Ar.createElement(xS,{size:12,color:"gray"}):Ar.createElement(wS,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}i(Qc,"FailedAlert");import{styled as AS}from"@rango-dev/ui";var Hc=AS("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as Vc}from"@lingui/core";import{Alert as Gs,Button as jc}from"@rango-dev/ui";import{PendingSwapNetworkStatus as Qs}from"rango-types";import Oo from"react";function Xc(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?Oo.createElement(Gs,{type:"warning",title:n.shortMessage,action:Oo.createElement(jc,{size:"xxsmall",type:"warning",onClick:()=>{o(Qs.WaitingForNetworkChange),e().catch(s=>{console.log(s)})}},Vc.t("Change"))}):r===Qs.WaitingForConnectingWallet?Oo.createElement(Gs,{type:"warning",title:n.shortMessage,action:Oo.createElement(jc,{size:"xxsmall",type:"warning",onClick:()=>{o(Qs.WaitingForConnectingWallet)}},Vc.t("Connect"))}):Oo.createElement(Gs,{type:"warning",title:n.shortMessage})}i(Xc,"WarningAlert");function Hs(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:s,hasAlreadyProceededToSign:a}=t,l=go(s),p=s.status==="waitingForApproval"&&!l,u=s.status==="running"&&!l,m=u&&!a||p&&!s.explorerUrl?.length;return Wt.createElement(Hc,null,s.explorerUrl?.map((c,f,d)=>{let w=f+c.url,y=f===d.length-1,h=(y&&u||p)&&!m,C=y&&s.status==="failed";return Wt.createElement(NS,{key:w},Wt.createElement(Kc,{type:y&&(h&&"loading"||C&&"error")||"success",title:c.description?`${c.description} Tx`:IS.t("View transaction"),action:c.url&&Wt.createElement(ES,{variant:"ghost",size:"xsmall",onClick:()=>window.open(c.url,"_blank")},Wt.createElement(WS,{size:12}))}))}),m&&Wt.createElement(Kc,{type:"loading",title:r.shortMessage}),s.status!=="failed"&&l&&Wt.createElement(Xc,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),s.status==="failed"&&Wt.createElement(Qc,{message:r}))}i(Hs,"SwapDetailsAlerts");var Yc=2e3;var Jc=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:$e(s.fromBlockchain,e)??"",image:s.fromBlockchainLogo??""},price:{value:E(l,6,6),realValue:l}},to:{token:{displayName:s.toSymbol,image:s.toLogo},chain:{displayName:$e(s.toBlockchain,e)??"",image:s.toBlockchainLogo??""},price:{value:E(s.outputAmount||s.expectedOutputAmountHumanReadable,6,6),realValue:s.outputAmount||s.expectedOutputAmountHumanReadable}},swapper:{displayName:fo(s.swapperId,o),image:s.swapperLogo??"",type:s.swapperType},internalSwaps:s.internalSwaps?s.internalSwaps.map(p=>({from:{blockchain:$e(p.fromBlockchain,e)??""},to:{blockchain:$e(p.toBlockchain,e)??""},swapper:{displayName:fo(p.swapperId,o),image:p.swapperLogo??"",type:p.swapperType}})):[],alerts:BS.createElement(Hs,{step:s,hasAlreadyProceededToSign:r,...n})}})},"getSteps");function Zc(t){if(go(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(Zc,"getStepState");import{css as Uo,darkTheme as LS,styled as Ut}from"@rango-dev/ui";var Ir=Ut("div",{display:"flex",width:"100%",flexDirection:"column",alignItems:"center",height:"0",flexGrow:1}),Er=Ut("div",{width:"100%"}),Rc=Ut("div",{padding:"$0 $20 $20 $20",width:"100%",overflow:"auto"}),R$=Ut("div",{display:"flex",flexDirection:"column",gap:"$10"}),em=Ut("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),e_=Ut("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1}),so=Uo({display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",padding:"$10 $20",borderBottom:"1px solid",$$color:"$colors$neutral300",[`.${LS} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color",color:"$neutral500"}),tm=Uo({padding:"$5 0"}),Wr=Uo({display:"flex",justifyContent:"center",alignItems:"center",height:"$24"}),om=Uo({display:"flex",width:"100%",padding:"$15 $20 $20",flexDirection:"column",alignItems:"start"}),nm=Uo({width:"100%",padding:"0 $20 $10"}),rm=Ut("a",{fontSize:"$16",fontWeight:"$400",color:"$neutral700",display:"flex",alignItems:"center",justifyContent:"center"});function Vs(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:s,connect:a,getWalletInfo:l}=GS(),p=g().blockchains(),u=g().swappers(),m=g().tokens(),c=D.use.retry(),f=HS(),[d,w]=qS(Yc),y=QS(null),[h,C]=lm(null),[k,T]=lm(null),b=i(()=>{r(),C(null)},"onCancel"),S=Ee.use.getUnreadNotifications(),I=Ee.use.setAsRead(),A=S(),v=MS(e),x=v?.networkStatus;am(()=>{A.find(Le=>Le.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(T(e.status),I(e.requestId))},[e.status]),am(()=>{re?C(Nr.WaitingForNetworkChange):x===Nr.WaitingForConnectingWallet||x===Nr.NetworkChanged?C(x):C(null)},[x]);let L=Ka(e),U=v?PS(e,v):null,W=v?$S(e,v):null,F=Mc(e),_=Ya(e),K=i(He=>!!l(He)?.mobileWallet,"isMobileWallet"),re=x===Nr.WaitingForNetworkChange&&!!U&&!!W?.walletType&&(K(W.walletType)||s(W.walletType,U)),ae=re?a.bind(null,W.walletType,U):void 0,he=Xa(e,v),te=Jc({swap:e,switchNetwork:ae,showNetworkModal:x,setNetworkModal:C,message:he,blockchains:p,swappers:u}),Z=te.length,[we,Ge]=[e.steps[0],e.steps[Z-1]],Be=Ge.outputAmount||Ge.expectedOutputAmountHumanReadable,zt=e.steps.reduce((He,Le)=>He+parseFloat(Le.feeInUsd||""),0),lo=e.steps.find(He=>He.diagnosisUrl)?.diagnosisUrl,O=E(parseFloat(E(Be,6,6))*(Ge.toUsdPrice||0),4,4),G=E(parseFloat(e.inputAmount)*(we.fromUsdPrice||0),4,4),Q=Be?ie(new sm(Be).multipliedBy(Ge.toUsdPrice||0)):"",Ie=ie(new sm(e.inputAmount).multipliedBy(we.fromUsdPrice||0)),Qe=_e(G,O),ut=e.status==="success"?yt.t({id:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:E(Be,6,6),token:te[Z-1].to.token.displayName,conciseAddress:tn(e.wallets[te[Z-1].to.chain.displayName]?.address||""),chain:te[Z-1].to.chain.displayName}}):`${yt.t("Transaction was not sent.")} ${L?yt.t({id:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:L.outputAmount,symbol:L.symbol,blockchain:L.blockchain}}):""}`;return Y.createElement(J,{noPadding:!0,header:{title:yt.t("Swap and Bridge"),onCancel:e.status==="running"?()=>C("cancel"):void 0,suffix:e.status!=="running"&&Y.createElement(Xt,null,Y.createElement(im,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>C("delete")},Y.createElement(ao,{size:"medium",variant:"label",color:"error"},yt.t("Delete"))))},footer:_&&!k&&Y.createElement(im,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{c(e,{blockchains:p,tokens:m}),setTimeout(()=>{f("../../")},0)}},yt.t("Try again"))},Y.createElement(Ir,null,Y.createElement(Er,null,Y.createElement("div",{className:so()},Y.createElement(ao,{variant:"label",size:"large",color:"neutral700"},`${yt.t("Request ID")}:`),Y.createElement("div",{className:Wr()},Y.createElement(ao,{variant:"label",size:"small",color:"neutral700"},o),Y.createElement(FS,{variant:"ghost",onClick:w.bind(null,o||"")},Y.createElement(_S,{size:16,color:"gray"})),Y.createElement(rm,{target:"_blank",href:`${na}/swap/${o}`},Y.createElement(OS,{size:16})))),Y.createElement("div",{className:so()},Y.createElement(ao,{variant:"label",size:"large",color:"neutral700"},`${yt.t(e.finishTime?"Finished at":"Created at")}:`),Y.createElement(ao,{variant:"label",size:"small",color:"neutral700"},F))),Y.createElement("div",{className:om()},Y.createElement(US,{fee:E(String(zt),2,2),time:jo(Xo(e.steps)),steps:Z}),Y.createElement(wo,{from:{price:{value:E(e.inputAmount,6,6),usdValue:G,realUsdValue:Ie,realValue:e.inputAmount},token:{displayName:te[0].from.token.displayName,image:te[0].from.token.image},chain:{image:te[0].from.chain.image,displayName:te[0].from.chain.displayName}},to:{price:{value:E(Be,6,6),usdValue:O,realUsdValue:Q,realValue:Be},token:{displayName:te[Z-1].to.token.displayName,image:te[Z-1].to.token.image},chain:{image:te[Z-1].to.chain.image,displayName:te[Z-1].to.chain.displayName}},percentageChange:E(Qe,2,2),warningLevel:ct(Qe??0)})),Y.createElement("div",{className:nm()},Y.createElement(ao,{variant:"title",size:"small"},yt.t("Swaps steps"))),Y.createElement(DS,{size:8}),Y.createElement(Rc,{ref:y},te.map((He,Le)=>{let ea=Le,po=Zc(e.steps[Le]),Wm=po==="error"||po==="in-progress"||po==="warning"||po==="completed"&&Le===te.length-1;return Y.createElement(zS,{key:ea,step:He,type:"swap-progress",ref:y,state:po,hasSeparator:Le!==0,tabIndex:ea,isFocused:Wm,tooltipContainer:P()})}))),Y.createElement(Us,{state:h,onClose:()=>C(null),onCancel:b,onDelete:n,message:he.detailedMessage.content,currentStepWallet:W}),Y.createElement(qs,{open:!!k,diagnosisUrl:lo,onClose:()=>T(null),status:e.status==="success"?"success":"failed",priceValue:E(Be,6,6),usdValue:O,realUsdValue:Q,realValue:ie(Be),percentageChange:E(Qe,2,2),token:{displayName:te[Z-1].to.token.displayName,image:te[Z-1].to.token.image},chain:{image:te[Z-1].to.chain.image},description:ut}))}i(Vs,"SwapDetails");import{i18n as Lr}from"@lingui/core";import{Divider as cm,NotFound as YS,Skeleton as qo,Typography as Pr}from"@rango-dev/ui";import le from"react";import{i18n as VS}from"@lingui/core";import{Divider as jS,Skeleton as XS,Typography as KS}from"@rango-dev/ui";import pe from"react";import{css as Re,styled as js}from"@rango-dev/ui";var pm=js("div",{width:"100%",height:"100%",padding:"$10 $20"}),zo=js("div",{backgroundColor:"$neutral100",borderRadius:"$xm",padding:"$10 $15"}),Br=js("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"}),L_=Re({display:"flex",justifyContent:"space-between",alignItems:"center"}),P_=Re({display:"flex",justifyContent:"space-between",alignItems:"center"}),M_=Re({paddingTop:"$15",display:"flex"}),$_=Re({padding:"$15 $0"}),__=Re({width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"}),D_=Re({paddingBottom:"$10"}),F_=Re({display:"flex",justifyContent:"start",alignItems:"center"}),O_=Re({paddingTop:"$5",display:"flex",alignItems:"center"}),U_=Re({display:"flex",alignItems:"center"}),z_=Re({padding:"$4 $6",display:"flex",justifyContent:"center",alignItems:"center"}),um=Re({display:"flex",paddingTop:"$10",paddingBottom:"$5"});function Xs(){return pe.createElement(pm,null,pe.createElement(bo,{type:"swap-preview"}),pe.createElement("div",{className:"swaps-steps"},pe.createElement(KS,{variant:"title",size:"small"},VS.t("Swaps steps"))),pe.createElement(pe.Fragment,null,pe.createElement(zo,null,pe.createElement(st,{separator:!1}),pe.createElement("div",{className:um()},pe.createElement(jS,{direction:"horizontal",size:20}),pe.createElement(XS,{height:22,variant:"rectangular"}))),pe.createElement(Br,null),pe.createElement(zo,null,pe.createElement(st,{separator:!1})),pe.createElement(Br,null),pe.createElement(zo,null,pe.createElement(st,{separator:!1})),pe.createElement(Br,null),pe.createElement(zo,null,pe.createElement(st,{separator:!1}))))}i(Xs,"LoadingSwapDetails");function mm(t){let{requestId:e,showSkeleton:o}=t;return le.createElement(J,{noPadding:!0,header:{title:Lr.t("Swap and Bridge"),suffix:le.createElement(Xt,null)}},o&&le.createElement(Ir,null,le.createElement(Er,null,le.createElement("div",{className:so()},le.createElement(Pr,{variant:"label",size:"large",color:"neutral700"},`${Lr.t("Request ID")}:`),le.createElement("div",{className:Wr()},le.createElement(Pr,{variant:"label",size:"small",color:"neutral700"},le.createElement(qo,{width:60,height:10,variant:"rounded"})),le.createElement(cm,{direction:"horizontal",size:4}),le.createElement(qo,{width:16,height:16,variant:"rectangular"}),le.createElement(cm,{direction:"horizontal",size:4}),le.createElement(qo,{width:16,height:16,variant:"rectangular"}))),le.createElement("div",{className:so()},le.createElement(Pr,{className:tm(),variant:"label",size:"large",color:"neutral700"},le.createElement(qo,{width:60,height:10,variant:"rounded"})),le.createElement(Pr,{variant:"label",size:"small",color:"neutral700"},le.createElement(qo,{width:60,height:10,variant:"rounded"})))),le.createElement(Xs,null)),!o&&le.createElement(em,null,le.createElement(YS,{title:Lr.t("Not found"),description:Lr.t({id:"Swap with request ID = {requestId} not found.",values:{requestId:e}})})))}i(mm,"SwapDetailsPlaceholder");function fm(){let{manager:t,state:e}=ZS(),o=!e.loadedFromPersistor,n=to(t),r=ve.use.selectedSwapRequestId(),s=wt(),{fetchStatus:a}=g(),l=o||a==="loading",p=n.find(({swap:f})=>f.requestId===r),u=i(()=>{if(p?.id){let f=t?.get(p.id);f&&JS(f)}},"onCancel"),m=i(async()=>{if(p?.id)try{t?.deleteQueue(p.id),s()}catch(f){console.log(f)}},"onDelete"),c=p?.swap;return!c||l?dm.createElement(mm,{requestId:r||"",showSkeleton:l}):dm.createElement(Vs,{swap:c,requestId:r||"",onCancel:u,onDelete:m})}i(fm,"SwapDetailsPage");import{i18n as Go}from"@lingui/core";import{AutoThemeIcon as RS,DarkModeIcon as eC,LightModeIcon as tC,List as oC,ListItemButton as nC,Radio as Ks,RadioRoot as rC,Typography as Ys}from"@rango-dev/ui";import be from"react";function gm(){let{setTheme:t,theme:e}=g(),o=[{id:"light",value:"light",title:be.createElement(Ys,{variant:"title",size:"xmedium"},Go.t("Light")),onClick:()=>t("light"),start:be.createElement(tC,{color:"gray"}),end:be.createElement(Ks,{value:"light"})},{id:"dark",value:"dark",title:be.createElement(Ys,{variant:"title",size:"xmedium"},Go.t("Dark")),onClick:()=>t("dark"),start:be.createElement(eC,{color:"gray"}),end:be.createElement(Ks,{value:"dark"})},{id:"auto",value:"auto",title:be.createElement(Ys,{variant:"title",size:"xmedium"},Go.t("Auto")),onClick:()=>t("auto"),start:be.createElement(RS,{color:"gray"}),end:be.createElement(Ks,{value:"auto"})}];return be.createElement(J,{header:{title:Go.t("Theme")}},be.createElement(ft,null,be.createElement(rC,{onValueChange:n=>t(n),value:e},be.createElement(oC,{type:be.createElement(nC,{title:Go.t("Theme"),id:"_",onClick:()=>console.log()}),items:o}))))}i(gm,"ThemePage");function hm(){return iC([{path:M.home,element:Ae.createElement(Hu,null)},{path:M.fromSwap,children:[{index:!0,element:Ae.createElement(Ns,{type:"source"})},{path:M.blockchains,element:Ae.createElement(ds,{type:"source"})}]},{path:M.toSwap,children:[{index:!0,element:Ae.createElement(Ns,{type:"destination"})},{path:M.blockchains,element:Ae.createElement(ds,{type:"destination"})}]},{path:M.settings,children:[{index:!0,element:Ae.createElement(Lc,null)},{path:M.themes,element:Ae.createElement(gm,null)},{path:M.languages,element:Ae.createElement(ju,null)},{path:M.exchanges,element:Ae.createElement(ls,{sourceType:"Exchanges"})},{path:M.bridges,element:Ae.createElement(ls,{sourceType:"Bridges"})}]},{path:M.swaps,children:[{index:!0,element:Ae.createElement(Uu,null)},{path:M.swapDetails,element:Ae.createElement(fm,null)}]},{path:M.wallets,element:Ae.createElement(ep,null)},{path:M.confirmSwap,element:Ae.createElement(Bu,null)}])}i(hm,"AppRoutes");import{isApprovalTX as sC,MainEvents as ym,RouteEventType as Sm,StepEventType as Cm,StepExecutionEventStatus as aC,useEvents as lC}from"@rango-dev/queue-manager-rango-preset";import{useEffect as km}from"react";function Tm(){let t=g().tokens(),e=V.use.connectedWallets(),o=V.use.getWalletsDetails(),n=Ee.use.setNotification(),r=lC();return km(()=>(r.on(ym.StepEvent,s=>{let{event:a,step:l,route:p}=s;if(a.type===Cm.TX_EXECUTION&&a.status===aC.TX_SENT&&!sC(l)||a.type===Cm.SUCCEEDED){let m=e.find(f=>f.chain===l?.fromBlockchain),c=l?.fromBlockchain!==l?.toBlockchain&&e.find(f=>f.chain===l?.toBlockchain);m&&o([m],t),c&&o([c],t)}n(a,p)}),()=>r.all.clear()),[r,e.length]),km(()=>(r.on(ym.RouteEvent,s=>{let{event:a,route:l}=s;(a.type===Sm.FAILED||a.type===Sm.SUCCEEDED)&&n(a,l)}),()=>r.all.clear()),[r,e.length]),null}i(Tm,"WidgetEvents");import{globalCss as pC}from"@rango-dev/ui";var wm=i(()=>pC({"@import":["url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap')","url('https://fonts.cdnfonts.com/css/times-new-roman')"]})(),"globalFont");import{styled as uC}from"@rango-dev/ui";var xm=uC("div",{display:"flex",justifyContent:"center",alignItems:"center",fontFamily:"$widget",boxSizing:"border-box","& *, *::before, *::after":{boxSizing:"inherit"},"& *:focus-visible":{outlineColor:"$info500",transition:"none"},"& ul, ol, li":{listStyleType:"none"}});function Mr(){wm();let{config:t}=g(),{activeTheme:e}=Ln(t?.theme||{}),{activeLanguage:o}=oo(),[n,r]=vm(""),[s,a]=vm(),l=mC(Cn);return dC(()=>{Ee.persist.rehydrate(),l.onConnectWallet(r)},[]),Qo.createElement(cC,{language:o},Qo.createElement(xm,{id:"swap-container",className:e()},Qo.createElement(Tm,null),Qo.createElement(ul,{lastConnectedWallet:n,disconnectedWallet:s,clearDisconnectedWallet:()=>{a(void 0)}},Qo.createElement(hm,null))))}i(Mr,"Main");import Zs,{useMemo as BC}from"react";import{checkWaitingForNetworkChange as fC,makeQueueDefinition as gC}from"@rango-dev/queue-manager-rango-preset";import{Provider as hC}from"@rango-dev/queue-manager-react";import{useWallets as yC}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as SC}from"@rango-dev/wallets-shared";import{isEvmBlockchain as CC}from"rango-types";import kC,{useMemo as TC}from"react";function wC(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:s,getWalletInfo:a}=yC(),l=TC(()=>gC({API_KEY:t.apiKey||qt("API_KEY"),BASE_URL:qt("BASE_URL")}),[t.apiKey]),p=g().blockchains(),m={blockchains:V.use.connectedWallets().map(k=>({accounts:[k],name:k.chain}))},c=i(async(k,T)=>{if(s(k,T))return r(k,T)},"switchNetwork"),f=i(k=>!!a(k).mobileWallet,"isMobileWallet"),d=p.filter(k=>k.enabled).reduce((k,T)=>(k[T.name]=T,k),{}),w=p.filter(CC),y=i(k=>{let{supportedChains:T}=a(k);return Jo(T)},"getSupportedChainNames"),h=e(),C={meta:{blockchains:d,evmBasedChains:w,evmNetworkChainInfo:SC(w),getSupportedChainNames:y},getSigners:o,wallets:m,providers:h,switchNetwork:c,canSwitchNetworkTo:s,connect:r,state:n,isMobileWallet:f};return kC.createElement(hC,{queuesDefs:[l],context:C,onPersistedDataLoaded:k=>{fC(k)},isPaused:!1},t.children)}i(wC,"QueueManager");var bm=wC;import{useManager as IC}from"@rango-dev/queue-manager-react";import EC,{createContext as WC,useContext as NC}from"react";import{cancelSwap as xC,getCurrentBlockchainOfOrNull as vC,getCurrentStep as bC,getRelatedWalletOrNull as AC}from"@rango-dev/queue-manager-rango-preset";var Ho=class{constructor(e,o){this.manager=e,this.actions=o}getAllSwaps(){return to(this.manager)}getCurrentStep(e){return this.getCurrentStepInfo(e).step}getCurrentStepWallet(e){return this.getCurrentStepInfo(e).wallet}getCurrentStepNetwork(e){return this.getCurrentStepInfo(e).network}retry(e,o){return this.actions.retrySwap(e,o)}cancel(e){let o=this.manager?.get(e);o&&xC(o)}getCurrentStepInfo(e){let o=bC(e);return{step:o,wallet:o?AC(e,o):null,network:o?vC(e,o):null}}};i(Ho,"WidgetHistory");var Am=WC(void 0);function Js(t){let{manager:e}=IC(),o=D.use.retry(),n=new Ho(e,{retrySwap:o}),r=V.use.connectedWallets(),s=V.use.loading(),a=da(r),l=V.use.getWalletsDetails(),p=g().blockchains(),u=g().tokens(),m=g().swappers(),c=g().fetchStatus,f=oo().resetLanguage,d=Ee().getUnreadNotifications(),w={history:n,wallets:{isLoading:s,details:r,totalBalance:a,refetch:l},meta:{blockchains:p,tokens:u,swappers:m,loadingStatus:c},resetLanguage:f,notifications:{list:d}};return EC.createElement(Am.Provider,{value:w},t.children)}i(Js,"WidgetInfo");function Im(){let t=NC(Am);if(!t)throw new Error("useWidget can only be used within the WidgetProvider component");return t}i(Im,"useWidget");function $r(t){let{onUpdateState:e,config:o}=t;return BC(()=>{Sa({API_KEY:o?.apiKey||Vo,BASE_URL:o?.apiUrl||oa})},[o.apiKey,o.apiUrl]),Zs.createElement(kn,{config:o,onUpdateState:e},Zs.createElement(bm,{apiKey:o.apiKey},Zs.createElement(Js,null,t.children)))}i($r,"WidgetProvider");function Em(t){return t.config?.externalWallets?Rs.createElement(Mr,null):Rs.createElement($r,{config:t.config??_r},Rs.createElement(Mr,null))}i(Em,"Widget");export{u1 as EventSeverity,c1 as MainEvents,T1 as Networks,v1 as PendingSwapNetworkStatus,m1 as RouteEventType,d1 as StepEventType,f1 as StepExecutionBlockedEventStatus,g1 as StepExecutionEventStatus,C1 as WalletEvents,w1 as WalletTypes,Em as Widget,$r as WidgetProvider,kn as WidgetWallets,ui as customizedThemeTokens,S1 as readAccountAddress,lp as useWallets,Im as useWidget,h1 as useWidgetEvents};
|
|
1
|
+
var Lm=Object.defineProperty;var i=(t,e)=>Lm(t,"name",{value:e,configurable:!0});import{EventSeverity as yF,MainEvents as SF,RouteEventType as CF,StepEventType as kF,StepExecutionBlockedEventStatus as TF,StepExecutionEventStatus as wF,useEvents as xF}from"@rango-dev/queue-manager-rango-preset";import{readAccountAddress as bF,useWallets as pp,Events as AF}from"@rango-dev/wallets-react";import{Networks as IF,WalletTypes as WF}from"@rango-dev/wallets-shared";import{PendingSwapNetworkStatus as LF}from"rango-types";import{Events as qr,Provider as sd}from"@rango-dev/wallets-react";import{isEvmBlockchain as ad}from"rango-sdk";import ln,{createContext as ld,useEffect as Gr,useRef as pd,useState as ud}from"react";import{useEffect as Xm}from"react";import{create as Hm}from"zustand";import{subscribeWithSelector as Vm}from"zustand/middleware";import{RangoClient as Gm}from"rango-sdk";var Vo="c6381a79-2817-4602-83bf-6a641a409e32",ea="https://api.rango.exchange",Ae="rango-swap-box",ta="https://scan.rango.exchange";import{WalletState as tt}from"@rango-dev/ui";import{readAccountAddress as Mm}from"@rango-dev/wallets-react";import{detectInstallLink as $m,getCosmosExperimentalChainInfo as _m,isEvmAddress as Dm,KEPLR_COMPATIBLE_WALLETS as jC,Networks as ia}from"@rango-dev/wallets-shared";import Pr from"bignumber.js";import{isCosmosBlockchain as Fm}from"rango-types";import Bm from"bignumber.js";var we=new Bm(0);import{WalletTypes as Pm}from"@rango-dev/wallets-shared";var oa=[Pm.LEAP];import{BigNumber as ra}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"),E=i((t,e=null,o=null)=>{if(t==null||t==="")return"";let n=new ra(t),r=1,s=1e3;for(let a=0;a<60;a++)if(new ra(n.toFixed(a,r)).eq(n)){s=a;break}if(n.gte(1e4))return n.toFormat(0,r);if(n.gte(1e3)||n.gte(100))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,1))),r);if(n.gte(1))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,2))),r);if(n.gte(.01))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,4))),r);for(let a=e||4;a<17;a++)if(n.gte(Math.pow(10,-a)))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,a))),r);return n.isEqualTo(0)?"0":n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,8))),r)},"numberToString");var Xo=i(t=>t?.reduce((e,o)=>e+(o.estimatedTimeInSeconds??0),0)||0,"totalArrivalTime");var et=i((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),po=i(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function ae(t){return E(t,12,12).replace(/(?:\.0*|(\.\d+?)0*)$/,"$1")}i(ae,"formatTooltipNumbers");function Mr(t){switch(!0){case t.connected:return tt.CONNECTED;case t.connecting:return tt.CONNECTING;case!t.installed:return tt.NOT_INSTALLED;default:return tt.DISCONNECTED}}i(Mr,"mapStatusToWalletState");function sa(t,e,o,n){return o.filter(r=>!oa.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=Mr(t(r));return{title:s,image:a,link:$m(l),state:p,type:r}})}i(sa,"mapWalletTypesToWalletInfo");function Jo(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}i(Jo,"walletAndSupportedChainsNames");function aa(t,e,o,n,r){let s=[];function a(p,u){if(!!!s.find(d=>d.chain===p)){let d={address:u,chain:p,walletType:t};s.push(d)}}i(a,"addAccount");let l=n||[];return e.forEach(p=>{let{address:u,network:c}=Mm(p),d=l.length>0,m=l.includes(c),g=c===ia.Unknown;if(d&&!m&&!g)return;let y=c===ia.Unknown&&Dm(u);if(g&&!y)return;o.includes(c)||y?r?a(c,u.toLowerCase()):l.filter(w=>o.includes(w)).forEach(w=>{a(w,u.toLowerCase())}):a(c,u)}),s}i(aa,"prepareAccountsForWalletStore");function la(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(la,"getRequiredChains");function Zo(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}i(Zo,"isAccountAndWalletMatched");function pa(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 Pr(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:Um(o,r.asset.symbol,r.asset.address,e)||null}))||[]}i(pa,"makeBalanceFor");function ua(t){return{...t,loading:!1,error:!0}}i(ua,"resetConnectedWalletState");var ca=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 Pr(s?.amount||we).multipliedBy(s?.usdPrice||0))?.reduce((s,a)=>s.plus(a),we)||we).toString();return Om(r)},"calculateWalletUsdValue");function Om(t){let e=t.toString().split(".");return e[0]=e[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),e.join(".")}i(Om,"numberWithThousandSeparator");var Um=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice"),Ro=i((t,e)=>{let o=_m(Object.entries(t).map(([,n])=>n).filter(Fm));return o&&o[e]?.experimental},"isExperimentalChain");function en(t){return t?{...t,amount:E(t.amount,8,8),usdValue:E(t.usdValue,4,4)}:null}i(en,"formatBalance");function zm(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(zm,"sortTokensByBalance");function qm(t,e,o){let n=o(t),r=o(e);return n===r?0:n?-1:1}i(qm,"sortTokensByPinnedToken");function ma(t,e,o){return t.sort((n,r)=>{let s=e(n),a=e(r),l=qm(n,r,o);return l!==0?l:zm(s,a)}),t}i(ma,"sortTokens");function Me(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}i(Me,"tokensAreEqual");function da(t){return t.sort((e,o)=>+(o.state===tt.CONNECTED)-+(e.state===tt.CONNECTED)||+(o.state===tt.DISCONNECTED||o.state===tt.CONNECTING)-+(e.state===tt.DISCONNECTED||e.state===tt.CONNECTING))}i(da,"sortWalletsBasedOnConnectionState");function tn(t,e=8,o=3){if(t.length<2*e+o)return t;let n=t.slice(0,e),r=t.slice(-e);return`${n}${".".repeat(o)}${r}`}i(tn,"getConciseAddress");function fa({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}i(fa,"getAddress");function $r(t){return`${t.blockchain}-${t.symbol}-${t.address??""}`}i($r,"createTokenHash");function on(t){return t.flatMap(e=>e.balances).reduce((e,o)=>{let n={amount:o?.amount??"",decimals:o?.decimal??0,usdValue:o?.usdPrice?new Pr(o?.usdPrice??we).multipliedBy(o?.amount).toString():""},r=o?$r({symbol:o.symbol,blockchain:o.chain,address:o.address}):null,s=r?e[r]:null;return r&&(!s||s&&s.amount<n.amount)&&(e[r]=n),e},{})}i(on,"makeTokensBalance");var ga=i((t,e)=>!!t.find(o=>o.chain===e&&o.loading),"isFetchingBalance");var _r={API_KEY:Vo};function Ut(t){return _r[t]||""}i(Ut,"getConfig");function ha(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),_r=e,_r}i(ha,"initConfig");var ya=20,Sa=25,Ca="Roboto",Dr="theme-widget",uo=i((t,e)=>{let o=!1;if(e&&t){if(Array.isArray(e))o=!e.some(n=>Me(n,t));else if(!Array.isArray(e)&&e[t.blockchain]){o=e[t.blockchain].tokens.some(r=>Me(r,t));let n=e[t.blockchain].isExcluded;return!n&&!o||n&&o}}return o},"isTokenExcludedInConfig"),Fr=i((t,e)=>t&&e&&!e.includes(t.name),"isBlockchainExcludedInConfig");var nn,zt=i(()=>nn||(nn=new Gm(Ut("API_KEY"),Ut("BASE_URL")),nn),"httpService");var Qm=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"),qt=Qm;var G=qt(Hm()(Vm((t,e)=>({connectedWallets:[],balances:{},customDestination:"",loading:!1,connectWallet:(o,n)=>{let r=e().getWalletsDetails;t(s=>({loading:!0,connectedWallets:s.connectedWallets.filter(a=>a.walletType!==o[0].walletType).concat(o.map(a=>{let l=!s.connectedWallets.find(p=>p.chain===a.chain&&p.selected);return{balances:[],address:a.address,chain:a.chain,explorerUrl:null,walletType:a.walletType,selected:l,loading:!0,error:!1}}))})),r(o,n)},disconnectWallet:o=>{t(n=>{let r=n.connectedWallets.filter(l=>l.selected&&l.walletType!==o).map(l=>l.chain),s=n.connectedWallets.filter(l=>l.walletType!==o).map(l=>r.includes(l.chain)?l:(r.push(l.chain),{...l,selected:!0}));return{balances:on(s),connectedWallets:s}})},selectWallets:o=>t(n=>({connectedWallets:n.connectedWallets.map(r=>{let s=!!o.find(l=>l.chain===r.chain&&l.walletType!==r.walletType&&r.selected),a=!!o.find(l=>l.chain===r.chain&&l.walletType===r.walletType&&!r.selected);return s?{...r,selected:!1}:a?{...r,selected:!0}:r})})),clearConnectedWallet:()=>t(()=>({connectedWallets:[],selectedWallets:[]})),getWalletsDetails:async(o,n,r=!0)=>{let s=e().getWalletsDetails;t(a=>({loading:!0,connectedWallets:a.connectedWallets.map(l=>o.find(p=>Zo(p,l))?{...l,loading:!0}:l)}));try{let a=o.map(({address:u,chain:c})=>({address:u,blockchain:c})),p=(await zt().getWalletsDetails(a)).wallets;if(p)t(u=>{let c=u.connectedWallets.map(m=>{let g=o.find(y=>Zo(y,m)),T=p.find(y=>y.address===m.address&&y.blockChain===m.chain);return T?.failed&&g&&r&&s([g],n,!1),g&&T?{...m,explorerUrl:T.explorerUrl,balances:pa(T,n),loading:!1}:m});return{loading:!1,balances:on(c),connectedWallets:c}});else throw new Error("Wallet not found")}catch{t(l=>{let p=l.connectedWallets.map(c=>o.find(d=>Zo(d,c))?ua(c):c);return{loading:!1,balances:on(p),connectedWallets:p}})}},getBalanceFor:o=>{let{balances:n}=e(),r=$r(o);return n[r]??null}}))));import{allProviders as jm}from"@rango-dev/provider-all";function rn(t,e){let o=jm({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(rn,"matchAndGenerateProviders");function ka(t,e){return rn(t,e).map(r=>r.config.type)}i(ka,"configWalletsToWalletName");function Ta(t,e){let o=G.use.clearConnectedWallet(),n=rn(void 0,e);return Xm(()=>{o(),n=rn(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}i(Ta,"useWalletProviders");import td,{createContext as od,useContext as nd,useEffect as rd,useRef as id}from"react";import{create as Rm}from"zustand";import{persist as ed}from"zustand/middleware";var Or={apiKey:"",multiWallets:!0,enableNewLiquiditySources:!0,customDestination:!0},wa=i((t,e,o)=>({config:{...Or,...t},updateConfig:n=>{let r=o().config;e({config:{...r,...n}})}}),"createConfigSlice");function Gt(t){return Array.from(new Set(t))}i(Gt,"removeDuplicateFrom");function Ur(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}i(Ur,"areEqual");function xa(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}i(xa,"debounce");function Wt(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}i(Wt,"containsText");var L=i(()=>document.getElementById(Ae),"getContainer");function sn(t,e){let o=t.map(s=>s.swapperGroup),n=[];return Gt(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(sn,"getUniqueSwappersGroups");function va(t,e){return t.swapperGroup<e.swapperGroup?-1:t.swapperGroup>e.swapperGroup?1:0}i(va,"sortLiquiditySourcesByGroupTitle");function $e(t,e){return e?.[t]==="hidden"}i($e,"isFeatureHidden");function an(t,e){return e?.[t]==="enabled"}i(an,"isFeatureEnabled");var ba=i((t,e)=>({_blockchains:[],_tokens:[],_popularTokens:[],_swappers:[],fetchStatus:"loading",blockchains:o=>{let n=e()._blockchains;if(!o||!o?.type)return n;let r=e().config,s=(o.type==="source"?r.from?.blockchains:r.to?.blockchains)??[];return n.filter(l=>!(s.length>0&&!s.includes(l.name)))},tokens:o=>{let n=e()._tokens;if(!o||!o?.type)return n;let r=e().config,s=(o.type==="source"?r.from?.tokens:r.to?.tokens)??{},a=e().blockchains({type:o.type});return n.filter(p=>s&&uo(p,s)||o.blockchain&&p.blockchain!==o.blockchain||!a.some(u=>u.name===p.blockchain)?!1:o.searchFor?!!(Wt(p.symbol,o.searchFor)||Wt(p.address||"",o.searchFor)||Wt(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=>Me(a,o)),swappers:()=>{let{config:{enableNewLiquiditySources:o,liquiditySources:n}}=e();return e()._swappers.filter(a=>{let l=n?.includes(a.swapperGroup);return o||!n||n.length===0?!l:l}).sort(va)},fetch:async()=>{try{let o=await zt().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 Km,French as Ym,Japanese as Jm,Spanish as Zm}from"@rango-dev/ui";var Aa=[{title:"English",label:"English",local:"en",SVGFlag:Km},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:Zm},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:Ym},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:Jm}],co="en";var Ea=[.5,1,3],Ia=1,Wa=5,Na=100,La=0;var Ba=i((t,e)=>({disabledLiquiditySources:[],theme:"auto",language:null,preferredBlockchains:[],slippage:Ia,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=Gt(o.map(a=>a.swapperGroup));return s.length===r.disabledLiquiditySources.length?{disabledLiquiditySources:[]}:{disabledLiquiditySources:s}}),toggleInfiniteApprove:()=>t(o=>({infiniteApprove:!o.infiniteApprove})),toggleLiquiditySource:o=>t(n=>n.disabledLiquiditySources.includes(o)?{disabledLiquiditySources:n.disabledLiquiditySources.filter(r=>r!=o)}:{disabledLiquiditySources:n.disabledLiquiditySources.concat(o)}),setTheme:o=>t(()=>({theme:o})),setLanguage:o=>t(()=>({language:o})),updateSettings:o=>{let{features:n}=o,r=$e("theme",n),s=$e("language",n),a=$e("liquiditySource",n);t({...r&&{theme:"auto"},...s&&{language:co},...a&&{disabledLiquiditySources:[]}})}}),"createSettingsSlice");function Pa(t){return Rm()(ed((...e)=>({...ba(...e),...Ba(...e),...wa(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(Pa,"createAppStore");var Ma=od(null);function f(){let t=nd(Ma);if(rd(()=>{t&&!t.persist.hasHydrated()&&t.persist.rehydrate()},[]),!t)throw new Error("Missing AppStoreContext.Provider in the tree");return t()}i(f,"useAppStore");function $a(t){let e=id();return e.current||(e.current=Pa(t.config)),td.createElement(Ma.Provider,{value:e.current},t.children)}i($a,"AppStoreProvider");var pn=ld({onConnectWallet:()=>{}});function cd(t){let{updateConfig:e,updateSettings:o,fetch:n}=f(),r=f().blockchains(),s=f().tokens(),a={walletConnectProjectId:t.config?.walletConnectProjectId},[l,p]=ud([]),{providers:u}=Ta(t.config.wallets,a),{connectWallet:c,disconnectWallet:d}=G(),m=pd();Gr(()=>{n().catch(console.log)},[]),Gr(()=>{t.config&&(e(t.config),o(t.config))},[t.config]);let g=r.filter(ad).map(y=>y.name),T=i((y,h,k,w,C)=>{if(h===qr.ACCOUNTS)if(k){let A=Jo(C.supportedBlockchains),S=aa(y,k,g,A,C.isContractWallet);p(S)}else d(y);if(h===qr.ACCOUNTS&&w.connected){let A=`${y}-${w.network}-${k}`;w.connected&&(m.current?m.current(A):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(h===qr.NETWORK&&w.network){let A=`${y}-${w.network}`;m.current?m.current(A):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(y,h,k,w,C)},"onUpdateState");return Gr(()=>{l.length&&c(l,s)},[l,s]),ln.createElement(pn.Provider,{value:{onConnectWallet:y=>{m.current=y}}},ln.createElement(sd,{allBlockChains:r,providers:u,onUpdateState:T,autoConnect:!0},t.children))}i(cd,"Main");function un(t){let{config:e,...o}=t;return ln.createElement($a,{config:e},ln.createElement(cd,{...o,config:e}))}i(un,"WidgetWallets");import Zs from"react";import{I18nManager as mC}from"@rango-dev/ui";import Qo,{useContext as dC,useEffect as fC,useState as bm}from"react";import{useQueueManager as hd}from"@rango-dev/queue-manager-rango-preset";import{useWallets as yd}from"@rango-dev/wallets-react";import{isEvmBlockchain as Sd}from"rango-types";import Cd,{Fragment as kd}from"react";import{MemoryRouter as Td,useInRouterContext as wd}from"react-router";import{useWallets as dd}from"@rango-dev/wallets-react";import{useEffect as fd,useRef as gd}from"react";function _a(){let{connect:t,state:e}=dd(),o=gd({}),{fetchStatus:n}=f(),r=new URLSearchParams(location.search).get("autoConnect")||"",s=e(r);fd(()=>{n==="success"&&r&&s.installed&&!s.connecting&&!s.connected&&!o.current[r]&&(o.current[r]=!0,t(r))},[s,n])}i(_a,"useForceAutoConnect");function Da({children:t,...e}){let n=wd()?kd:Td,r=f().blockchains(),{canSwitchNetworkTo:s}=yd();_a();let a=r.filter(Sd);return hd({lastConnectedWallet:e.lastConnectedWallet,clearDisconnectedWallet:e.clearDisconnectedWallet,disconnectedWallet:e.disconnectedWallet,evmChains:a,canSwitchNetworkTo:s}),Cd.createElement(n,null,t)}i(Da,"AppRouter");import Ie from"react";import{useRoutes as sC}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 Ht,useRef as Cn}from"react";import kt from"bignumber.js";import{create as Id}from"zustand";import{subscribeWithSelector as Wd}from"zustand/middleware";import{getLastSuccessfulStep as Ed}from"@rango-dev/queue-manager-rango-preset";import Sw from"bignumber.js";var St=(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))(St||{});function Fa(t,e){return e.find(o=>o.name===t)?.displayName}i(Fa,"getBlockchainDisplayNameFor");function _e(t,e){return e.find(o=>o.name===t)?.shortName}i(_e,"getBlockchainShortNameFor");function mo(t,e){return e.find(o=>o.id===t)?.swapperGroup}i(mo,"getSwapperDisplayName");function Qr(t,e){return e.find(o=>Me(o,t))??null}i(Qr,"findToken");function Hr(t,e){return e.find(o=>o.name===t)??null}i(Hr,"findBlockchain");import{i18n as Qe}from"@lingui/core";import xe from"bignumber.js";import{PendingSwapNetworkStatus as fn}from"rango-types";function cn(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(cn,"getRequiredWallets");function mn(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}i(mn,"isValidAddress");import{i18n as ke}from"@lingui/core";var H=i(()=>({genericServerError:ke.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:ke.t("Please reset your liquidity sources."),description:ke.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources.")},noResultError:{title:ke.t("No Routes Found."),description:ke.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:ke.t("Bridge Limit Error: Please increase your amount."),decreaseAmount:ke.t("Bridge Limit Error: Please decrease your amount.")},highValueLossError:{impactTitle:ke.t("High Price Impact"),title:ke.t("Price impact is too high!"),description:ke.t("The price impact is significantly higher than the allowed amount. If you are sure, continue, otherwise, change the swap."),confirmMessage:ke.t("Confirm high price impact")},quoteUpdatedWithHighValueLoss:{title:ke.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:ke.t("USD Price Unknown"),title:ke.t("USD Price Unknown, Cannot calculate Price Impact."),description:ke.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:ke.t("Confirm USD Price Unknown")}}),"errorMessages");function Oa(t){switch(t.type){case 0:return t.diagnosisMessage??H().noResultError.title;case 1:return H().genericServerError;default:return""}}i(Oa,"getQuoteErrorMessage");import{i18n as dn}from"@lingui/core";var Nt=i(()=>({connectWallet:dn.t("Connect Wallet"),swap:dn.t("Swap"),swapAnyway:dn.t("Swap anyway"),ethWarning:dn.t("The route goes through Ethereum. Continue?")}),"swapButtonTitles");function Ua(t,e){return(parseInt(e.toFixed(2)||"0")<=-10&&t?.gte(new xe(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new xe(1e3)))??!1}i(Ua,"hasHighValueLoss");function Vr(t){return(t?.result?.swaps||[]).filter(e=>{let o=e.fromAmountMinValue?new xe(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new xe(e.fromAmountMaxValue):null;return e.fromAmountRestrictionType==="EXCLUSIVE"?o?.gte(e.fromAmount)||n?.lte(e.fromAmount):o?.gt(e.fromAmount)||n?.lt(e.fromAmount)}).length>0}i(Vr,"hasLimitError");function jr(t){let e=(t.result?.swaps||[]).filter(l=>{let p=l.fromAmountMinValue?new xe(l.fromAmountMinValue):null,u=l.fromAmountMaxValue?new xe(l.fromAmountMaxValue):null;return l.fromAmountRestrictionType==="EXCLUSIVE"?p?.gte(l.fromAmount)||u?.lte(l.fromAmount):p?.gt(l.fromAmount)||u?.lt(l.fromAmount)})[0],o=e.fromAmountMinValue?new xe(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new xe(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",s="",a="";return!r&&o&&o.gt(e.fromAmount)?(s=Qe.t({id:"Required: >= {min} {symbol}",values:{min:E(o,6,6),symbol:e.from.symbol}}),a=H().bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(s=Qe.t({id:"Required: > {min} {symbol}",values:{min:E(o,6,6),symbol:e.from.symbol}}),a=H().bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(s=Qe.t({id:"Required: <= {max} {symbol}",values:{max:E(n,6,6),symbol:e.from.symbol}}),a=H().bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(s=Qe.t({id:"Required: < {max} {symbol}",values:{max:E(n,6,6),symbol:e.from.symbol}}),a=H().bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:s,recommendation:a}}i(jr,"getLimitErrorMessage");function za(t){let{fetchMetaStatus:e,anyWalletConnected:o,fetchingQuote:n,inputAmount:r,quote:s,warning:a,error:l,needsToWarnEthOnPath:p}=t;return e!=="success"?{title:Nt().connectWallet,action:"connect-wallet",disabled:!0}:o?n||!s||!s.result||l||!r||r==="0"?{title:Nt().swap,action:"confirm-swap",disabled:!0}:a?{title:Nt().swapAnyway,action:"confirm-warning",disabled:!1}:p?{title:Nt().ethWarning,action:"confirm-warning",disabled:!1}:{title:Nt().swap,action:"confirm-swap",disabled:!1}:{title:Nt().connectWallet,action:"connect-wallet",disabled:!1}}i(za,"getSwapButtonState");function Xr(t,e,o){return!((!o||o.lte(we))&&t?.result&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t.result)}i(Xr,"canComputePriceImpact");function xd(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(xd,"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 bd(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=vd(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new xe(r.amount).multipliedBy(s||0))}return o}i(bd,"getUsdFeeOfStep");function gn(t,e){return t.reduce((o,n)=>o.plus(bd(n,e)),we)}i(gn,"getTotalFeeInUsd");function Kr(t){let e=we;return e=e.plus(new xe(t.amount).multipliedBy(t.price||0)),e}i(Kr,"getUsdFee");function qa(t){return t.reduce((e,o)=>e.plus(Kr(o)),we)}i(qa,"getTotalFeesInUsd");function Ga(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(Ga,"getFeesGroup");function Yr(t){let e=new Map;return t.result?.swaps.forEach((o,n)=>{o.recommendedSlippage?.error&&e.set(n,o.recommendedSlippage.slippage)}),e.size>0?e:null}i(Yr,"checkSlippageErrors");function Qa(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(Qa,"checkSlippageWarnings");function hn(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(hn,"getMinRequiredSlippage");function Ha(t,e){return e?parseFloat(t)>=parseFloat(e):!0}i(Ha,"hasProperSlippage");function yn(t){let{fromToken:e,toToken:o,inputAmount:n,wallets:r,selectedWallets:s,disabledLiquiditySources:a,liquiditySources:l,excludeLiquiditySources:p,slippage:u,affiliateRef:c,affiliatePercent:d,affiliateWallets:m,initialQuote:g,destination:T}=t,y=s?.reduce((A,S)=>(A[S.chain]=S.address,A),{}),h=[];r?.forEach(A=>{let S=h.find(I=>I.blockchain===A.chain);S?S.addresses.push(A.address):h.push({blockchain:A.chain,addresses:[A.address]})});let k=!!g,w=Gt((g?.result?.swaps||[]).reduce((A,S)=>(A.push(S.from.blockchain,S.to.blockchain),S.internalSwaps&&Array.isArray(S.internalSwaps)&&S.internalSwaps.map(I=>{A.push(I.from.blockchain,I.to.blockchain)}),A),[]));return{amount:n.toString(),affiliateRef:c??void 0,affiliatePercent:d??void 0,affiliateWallets:m??void 0,checkPrerequisites:k,from:{address:e.address,blockchain:e.blockchain,symbol:e.symbol},to:{address:o.address,blockchain:o.blockchain,symbol:o.symbol},connectedWallets:h,selectedWallets:y??{},slippage:u.toString(),...T&&{destination:T},...p&&{swapperGroups:a.concat(l??[]),swappersGroupsExclude:!0},...!p&&{swapperGroups:l?.filter(A=>!a.includes(A)),swappersGroupsExclude:!1},...k&&{blockchains:w}}}i(yn,"createQuoteRequestBody");function Va(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}i(Va,"getWalletsForNewSwap");function Qt(t){return t.result?.outputAmount||null}i(Qt,"getQuoteOutputAmount");function ja(t,e){return new xe(e).div(new xe(t)).minus(1).multipliedBy(100).toNumber()}i(ja,"getPercentageChange");function Xa(t,e){let o=Qt(t),n=Qt(e);if(!o||!n)return!1;let r=De(o,n);return r?r<=-1:!0}i(Xa,"isOutputAmountChangedALot");function Ka(t,e,o){let n=t.validationStatus,r=la(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 xe(a.currentAmount.amount).shiftedBy(-a.currentAmount.decimals),8,8),u=E(new xe(a.requiredAmount.amount).shiftedBy(-a.requiredAmount.decimals),8,8),c="";return a.reason==="FEE"&&(c=Qe.t(" for network fee")),a.reason==="INPUT_ASSET"&&(c=Qe.t(" for swap")),a.reason==="FEE_AND_INPUT_ASSET"&&(c=Qe.t(" for input and network fee")),Qe.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:_e(a.asset.blockchain,o)}})})}i(Ka,"generateBalanceWarnings");function Ya(t,e){return(t?new xe(t):we).multipliedBy(e||0)}i(Ya,"calcOutputUsdValue");function fo(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==fn.NetworkChanged}i(fo,"isNetworkStatusInWarningState");function Ja(t,e){let o="bellow button or",n=t.extraMessage,r=t.extraMessageDetail;if(t.networkStatusExtraMessageDetail?.includes(o)&&(t.networkStatusExtraMessageDetail=t.networkStatusExtraMessageDetail.replace(o,"")),fo(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case fn.WaitingForConnectingWallet:n=n||Qe.t("Waiting for connecting wallet");break;case fn.WaitingForQueue:n=n||Qe.t("Waiting for other running tasks to be finished");break;case fn.WaitingForNetworkChange:n=n||Qe.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(Ja,"getSwapMessages");function Za(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(Za,"getLastConvertedTokenInFailedSwap");function Ra(t){return t.status==="failed"&&!!t.finishTime&&new Date().getTime()-parseInt(t.finishTime)<4*3600*1e3}i(Ra,"shouldRetrySwap");function el(t,e,o,n,r,s){return t||!e&&!xd(n).every(a=>r.map(l=>l.chain).includes(a))||!!e&&!o||!!e&&!!o&&s&&!mn(s,o)}i(el,"confirmSwapDisabled");function nl(t){return t?.result?.swaps[t?.result?.swaps.length-1].to.usdPrice}i(nl,"getQuoteToTokenUsdPrice");function Jr(t,e){let o=t.result?.swaps||[],n=e.result?.swaps||[];return o.length!==n.length}i(Jr,"isNumberOfSwapsChanged");function Zr(t,e){let o=t.result?.swaps.map(r=>r.swapperId)||[],n=e.result?.swaps.map(r=>r.swapperId)||[];return!Ur(o,n)}i(Zr,"isQuoteSwappersUpdated");function Rr(t,e){let o=t.result?.swaps.map(r=>r.to.symbol)||[],n=e.result?.swaps.map(r=>r.to.symbol)||[];return!Ur(o,n)}i(Rr,"isQuoteInternalCoinsUpdated");function rl(t,e){return Jr(t,e)||Zr(t,e)||Rr(t,e)}i(rl,"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 ct(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}i(ct,"getPriceImpactLevel");function il(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],s=Ed(t.steps),a={blockchain:r.toBlockchain,symbol:r.toSymbol,address:r.toSymbolAddress},l=Hr(s?s.toBlockchain:n.fromBlockchain,e),p=Hr(r.toBlockchain,e),u=Qr(s?{blockchain:l?.name??"",symbol:s.toSymbol,address:s.toSymbolAddress}:{blockchain:l?.name??"",symbol:n.fromSymbol,address:n.fromSymbolAddress},o),c=Qr(a,o),d=s?s.outputAmount??"":t.inputAmount;return{fromBlockchain:l,fromToken:u,toBlockchain:p,toToken:c,inputAmount:d}}i(il,"createRetryQuote");function Sn(t,e){let{fromToken:o,toToken:n,tokens:r,userSlippage:s}=e,a=Lt(o,t.requestAmount),l=Lt(n,t.result?.outputAmount??"");if(t.result&&a&&l){let c=De(a.toString(),l.toString());if(!!c&&Ua(a,c)){let m=gn(t.result.swaps,r),g=ct(c);return{type:0,inputUsdValue:a,outputUsdValue:l,priceImpact:c,totalFee:m,warningLevel:g}}}else if(t.result&&(!a||!l))return{type:1};let p=hn(t),u=s>Wa;if(Ha(e.userSlippage.toString(),p)){if(u&&parseFloat(p??"0")<s)return{type:3,slippage:s.toString()}}else return{type:2,recommendedSlippages:Qa(t,s),minRequiredSlippage:p};return null}i(Sn,"generateQuoteWarnings");function De(t,e){let o=typeof e=="string"?parseFloat(e)<=0:!e?.gt(0),n=!t||!e||o?null:ja(t.toString(),e.toString());return n&&n<0?n:null}i(De,"getPriceImpact");var sl=i(t=>{let e=new Set,o=[];return t.forEach(n=>{e.has(n.from.chain.displayName)||(e.add(n.from.chain.displayName),o.push(n.from.chain)),e.has(n.to.chain.displayName)||(e.add(n.to.chain.displayName),o.push(n.to.chain))}),o},"getUniqueBlockchains");var Lt=i((t,e)=>t?.usdPrice?new kt(e||we).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),V=qt(Id()(Wd(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new kt(0),outputUsdValue:new kt(0),toBlockchain:null,toToken:null,quote:null,quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:"",quoteWarningsConfirmed:!1,setQuote:e=>t(o=>{let n=null,r=we;return po(o.inputAmount)?(e&&(n=e.result?.outputAmount?new kt(e.result?.outputAmount):null,r=Ya(e.result?.outputAmount,nl(e)||o.toToken?.usdPrice)),{quote:e,...!!e&&{outputAmount:n,outputUsdValue:r}}):{}}),resetQuote:()=>t(()=>({quote:null,outputAmount:null,outputUsdValue:new kt(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:Lt(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 kt(0),outputUsdValue:new kt(0),quote:null},...!!o.fromToken&&{inputUsdValue:Lt(o.fromToken,e)}}))},retry:(e,o)=>{let{tokens:n,blockchains:r}=o,{fromBlockchain:s,fromToken:a,toBlockchain:l,toToken:p,inputAmount:u}=il(e,r,n);t({fromBlockchain:s,fromToken:a,inputAmount:u,outputAmount:null,inputUsdValue:Lt(a??null,u),outputUsdValue:new kt(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:Lt(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 al(){let{setInputAmount:t,setToToken:e,setToBlockchain:o,setFromBlockchain:n,setFromToken:r,fromToken:s,toToken:a,fromBlockchain:l,toBlockchain:p}=V(),u=f().config,c=f().fetchStatus,d=f().blockchains(),m=f().tokens(),{setAffiliateRef:g,setAffiliatePercent:T,setAffiliateWallets:y}=f(),h=u?.from?.tokens,k=u?.from?.blockchains,w=u?.to?.tokens,C=u?.to?.blockchains,A=Cn(void 0),S=Cn(void 0),I=Cn(void 0),b=Cn(void 0);Ht(()=>{t(u?.amount?.toString()||"")},[u?.amount]),Ht(()=>{if(c==="success"){let x=d.find(N=>N.name===u?.from?.blockchain),v=m.find(N=>Me(N,u?.from?.token||null));(x||!x&&I.current)&&n(x??null),v?r({token:v,meta:{blockchains:d,tokens:m}}):!v&&A.current&&r({token:null}),I.current=u?.from?.blockchain,A.current=u?.from?.token}},[u?.from?.token?.symbol,u?.from?.token?.address,u?.from?.token?.blockchain,u?.from?.blockchain,c]),Ht(()=>{uo(s,h)&&r({token:null}),Fr(l,k)&&n(null)},[h,k]),Ht(()=>{uo(a,w)&&r({token:null}),Fr(p,C)&&o(null)},[w,C]),Ht(()=>{if(c==="success"){let x=d.find(N=>N.name===u?.to?.blockchain),v=m.find(N=>Me(N,u?.to?.token||null));(x||!x&&b.current)&&o(x??null),v?e({token:v,meta:{blockchains:d,tokens:m}}):!v&&S.current&&e({token:null}),b.current=u?.to?.blockchain,S.current=u?.to?.token}},[u?.to?.token?.symbol,u?.to?.token?.address,u?.to?.token?.blockchain,u?.to?.blockchain,c]),Ht(()=>{g(u?.affiliate?.ref??null),T(u?.affiliate?.percent??null),y(u?.affiliate?.wallets??null)},[u?.affiliate?.ref,u?.affiliate?.percent,u?.affiliate?.wallets])}i(al,"useSyncStoresWithConfig");import{useEffect as ll}from"react";import{useInRouterContext as Nd,useLocation as Ld,useSearchParams as Bd}from"react-router-dom";function ei(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(ei,"searchParamToToken");function ti(t){if(t)return`${t.symbol}${t.address?`--${t.address}`:""}`}i(ti,"tokenToSearchParam");function oi(){let t=Ld(),[e,o]=Bd(),{fromBlockchain:n,toBlockchain:r,fromToken:s,toToken:a,inputAmount:l,setFromBlockchain:p,setToBlockchain:u,setFromToken:c,setToToken:d,setInputAmount:m}=V(),g=f().fetchStatus,T=f().blockchains(),y=f().tokens(),h=Nd(),k=i(()=>{let C=e.get("fromAmount"),A=e.get("fromBlockchain"),S=e.get("fromToken"),I=e.get("toBlockchain"),b=e.get("toToken"),x=e.get("autoConnect");return{fromAmount:C,fromBlockchain:A,fromToken:S,toBlockchain:I,toToken:b,autoConnect:x}},"getUrlSearchParams"),w=i(C=>{for(let A in C)C[A]||delete C[A];o(C,{replace:!0})},"updateUrlSearchParams");ll(()=>{let{autoConnect:C}=k();h&&g==="success"&&w({["fromBlockchain"]:n?.name,["fromToken"]:ti(s),["toBlockchain"]:r?.name,["toToken"]:ti(a),["fromAmount"]:l,["autoConnect"]:C??void 0})},[t.pathname,l,n,s,r,a]),ll(()=>{if(!h)return;let C=k();if(C.fromAmount&&m(C.fromAmount),g==="success"){let A=T.find(x=>x.name===C.fromBlockchain),S=ei(y,C.fromToken,A??null),I=T.find(x=>x.name===C.toBlockchain),b=ei(y,C.toToken,I??null);A&&(p(A),S&&c({token:S,meta:{blockchains:T,tokens:y}})),I&&(u(I),b&&d({token:b,meta:{blockchains:T,tokens:y}}))}},[g])}i(oi,"useSyncUrlAndStore");import{i18n as nr}from"@lingui/core";import{useManager as dh}from"@rango-dev/queue-manager-react";import{Alert as Eu,Button as fh,css as Xi,Divider as ji,IconButton as Iu,SettingsIcon as gh,styled as hh,Tooltip as yh,Typography as Sh,WalletIcon as Ch}from"@rango-dev/ui";import le,{useEffect as No,useLayoutEffect as kh,useRef as Th,useState as rr}from"react";import{flushSync as wh}from"react-dom";import{useLocation as xh,useNavigate as vh}from"react-router-dom";import{i18n as ot}from"@lingui/core";import{Alert as vi,BalanceErrors as ng,Button as up,ChevronDownIcon as rg,ChevronLeftIcon as ig,Divider as Jt,MessageBox as sg,Modal as cp,Typography as Un,WalletIcon as ag}from"@rango-dev/ui";import B,{useEffect as lg,useState as Pt}from"react";import{useNavigate as pg}from"react-router-dom";import{i18n as kn}from"@lingui/core";function Tn(t){switch(t.type){case 0:return kn.t("Route has been updated.");case 3:return kn.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return kn.t("Route swappers has been updated.");case 2:return kn.t("Route internal coins has been updated.");default:return""}}i(Tn,"getQuoteUpdateWarningMessage");import bn,{useLayoutEffect as _d,useRef as Dd}from"react";import*as Vt from"@radix-ui/react-collapsible";import{keyframes as pl,styled as wn}from"@rango-dev/ui";var go=300,Md=pl({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),$d=pl({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),ul=wn(Vt.Root,{borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),ni=wn(Vt.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit",cursor:"pointer"}),xn=wn(Vt.Content,{overflow:"hidden",variants:{open:{true:{animation:`${Md} ${go}ms ease-out`},false:{animation:`${$d} ${go}ms ease-out`}}}}),vn=wn("div",{transition:`all ${go}ms ease`,display:"flex",alignItems:"center",variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}});function An(t){let{open:e,hasSelected:o,onOpenChange:n,children:r,onClickTrigger:s,trigger:a,triggerAnchor:l}=t,p=Dd(null);return _d(()=>{e&&p.current&&setTimeout(()=>{p?.current?.scrollIntoView({behavior:"smooth"})},go)},[e]),bn.createElement(ul,{ref:p,className:"collapsible_root",selected:o&&e,open:e,onOpenChange:n},l==="top"&&bn.createElement(ni,{className:"collapsible_trigger",onClick:s},a),bn.createElement(xn,{className:"collapsible_content",open:e},r),l==="bottom"&&bn.createElement(ni,{className:"collapsible_trigger",onClick:s},a))}i(An,"CustomCollapsible");import{Button as Fd,css as cl,darkTheme as jt,IconButton as Od,styled as Fe,TextField as Ud}from"@rango-dev/ui";var ml=Fe("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),dl=Fe("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),zd=Fe("button",{borderRadius:"$xm",padding:"$10",border:"0",display:"flex",justifyContent:"center",$$color:"$colors$neutral100",[`.${jt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",alignItems:"center",cursor:"pointer",width:110,position:"relative","&:hover":{$$color:"$colors$info100",[`.${jt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$color:"$colors$info100",[`.${jt} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color",outline:0},variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary",outlineStyle:"solid"}}}}),fl=Fe(zd,{alignSelf:"stretch",minHeight:"93px"}),gl=Fe("div",{padding:"$20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),hl=Fe(Od,{position:"absolute",left:"$20"}),yl=Fe("div",{paddingTop:"$20"}),Sl=cl({display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),Cl=Fe("div",{padding:"$10 $0","& .button__content":{display:"flex",alignItems:"center"},"& .alarms":{paddingTop:"$5"},"& .collapsible_content":{backgroundColor:"$neutral100"},"& .collapsible_root":{backgroundColor:"$neutral200"}}),kl=cl({paddingTop:"$5"}),Tl=Fe("div",{display:"flex"}),wl=Fe(Ud,{backgroundColor:"$neutral100",padding:"$0 $15 $15 $15"}),xl=Fe("div",{overflow:"visible",width:"100%"}),vl=Fe(Fd,{width:"100%",borderRadius:"$sm !important",padding:"$15 !important",justifyContent:"space-between",alignItems:"center",$$color:"$colors$neutral100",[`.${jt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color","&:hover":{$$color:"$colors$info100",[`.${jt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$background:"$colors$info100",[`.${jt} &`]:{$$background:"$colors$info700"},backgroundColor:"$$background",outline:0}});import{i18n as Ve}from"@lingui/core";import{Button as eg,Divider as wi,Image as tg,MessageBox as On,Modal as ip,SelectableWallet as og,Typography as sp,WalletState as ap}from"@rango-dev/ui";import ie,{useEffect as lp,useState as Co}from"react";import{WalletState as ri}from"@rango-dev/ui";import{useWallets as qd}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as Gd,WalletTypes as En}from"@rango-dev/wallets-shared";import{useEffect as Qd,useState as Hd}from"react";var Vd=Object.values(En);function In(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:s,disconnect:a,getWalletInfo:l,connect:p}=qd(),{connectedWallets:u}=G(),c=f().blockchains(),d=ka(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||Vd,m=sa(s,l,d,o),g=da(m),[T,y]=Hd(""),h=i(S=>!u.find(I=>I.walletType===S&&I.chain===o),"isExperimentalChainNotAdded"),k=i(async S=>{let I=s(S);try{if(T&&y(""),I.connected)await a(S);else{let b=!!m.find(x=>x.state===ri.CONNECTED);if(!e?.multiWallets&&b)return;n?.(S),await p(S),r?.(S)}}catch(b){y("Error: "+b?.message)}},"handleClick"),w=i(()=>{let S=m?.filter(I=>I.state===ri.CONNECTING)||[];for(let I of S)a(I.type)},"disconnectConnectingWallets");Qd(()=>()=>{w()},[]);let C=i(S=>S.filter(b=>b.state!=ri.NOT_INSTALLED&&![En.DEFAULT,En.WALLET_CONNECT_2].includes(b.type)&&l(b.type).supportedChains.filter(x=>x.type=="EVM").length>0).length==0,"shouldShowDefaultInjectedWallet"),A=i((S,I,b)=>Ro(b,I)&&h(S)&&!Gd.includes(S)||S==En.DEFAULT&&!C(m),"shouldExcludeWallet");return{list:g.filter(S=>!A(S.type,o??"",c)),error:T,handleClick:k}}i(In,"useWalletList");import{i18n as Zl}from"@lingui/core";import{styled as ep,Typography as jf,Wallet as Xf,WalletState as Kf}from"@rango-dev/ui";import Yt,{useState as Rl}from"react";import{BottomLogo as Mf,Divider as $f,Header as _f}from"@rango-dev/ui";import ve,{useEffect as Df,useRef as Ff}from"react";import{useNavigate as jd}from"react-router-dom";function Tt(){let t=jd();return()=>t(-1)}i(Tt,"useNavigateBack");import{createTheme as li,darkTheme as Zd,lightTheme as Rd}from"@rango-dev/ui";import{useEffect as Il,useState as ef}from"react";import{theme as Yd,darkColors as Jd}from"@rango-dev/ui";var bl=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"),Wn=i((t,e)=>{let a={[t]:e};for(let l=1;l<10;l++)l<5&&(a={...a,[t+l*100]:bl(e,(5-l)*25)}),l===5&&(a={...a,[t+l*100]:e}),l>5&&(a={...a,[t+l*100]:bl(e,-((l-5)*25))});return a},"generateRangeColors"),ii=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=Wn(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,...Wn(s,a)}}return n?r:{}},"generateColors");var Al=i(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),Xd=i(t=>{let e="",o;for(o=Math.abs(t);o>52;o=o/52|0)e=Al(o%52)+e;return Al(o%52)+e},"toAlphabeticName"),Kd=i((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),si=i(t=>Xd(Kd(5381,JSON.stringify(t))>>>0),"toHash");function ai(t){let e=Yd.colors,o=ii({...e,...Jd},!0,t?.dark),n=ii(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:`${Dr}-light-${si(p)}`,tokens:p}}if(r){let p={colors:o};l={id:`${Dr}-dark-${si(p)}`,tokens:p}}return{light:a,dark:l}}i(ai,"customizedThemeTokens");function El(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(El,"joinList");function Nn(t){let{colors:e,fontFamily:o=Ca,borderRadius:n=ya,secondaryBorderRadius:r=Sa,mode:s="auto"}=t,[a,l]=ef("light"),{setTheme:p,theme:u}=f(),{dark:c,light:d}=ai(e),m=li({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),g=[m.className,Rd.className],T=[m.className,Zd.className];if(d){let h=li(d.id,d.tokens);g.push(h.className)}if(c){let h=li(c.id,c.tokens);T.push(h.className)}return Il(()=>{let h=i(k=>{k.matches?l("dark"):l("light")},"switchThemeListener");return window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches&&l("dark"),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",h),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",h)}},[]),Il(()=>{s!=="auto"&&p(s)},[s]),{activeTheme:i(()=>{let h=g.join(" "),k=T.join(" ");return u==="auto"?a==="dark"?k:h:u==="dark"?k:h},"getActiveTheme")}}i(Nn,"useTheme");import{ChevronLeftIcon as nf}from"@rango-dev/ui";import Bl from"react";import{darkTheme as tf,IconButton as of,styled as ho}from"@rango-dev/ui";var Oe=ho(of,{width:"$24",position:"relative",padding:"0",overflow:"unset"}),Wl=ho("div",{position:"absolute",background:"$secondary500",[`.${tf} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),Xt=ho("div",{display:"flex",justifyContent:"flex-end",minWidth:"$40",button:{padding:0}}),Nl=ho("div",{position:"absolute",backgroundColor:"$secondary500",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0"}),Ll=ho("div",{padding:"$2",variants:{isRefetched:{true:{transform:"rotate(360deg)",transition:"transform 1s ease-in-out"}}}});function pi(t){return Bl.createElement(Oe,{variant:"ghost",size:"small",onClick:t.onClick},Bl.createElement(nf,{color:"black",size:16}))}i(pi,"BackButton");import{i18n as rf}from"@lingui/core";import{Button as sf,Typography as af}from"@rango-dev/ui";import ui from"react";function ci(t){return ui.createElement(Xt,null,ui.createElement(sf,{variant:"ghost",onClick:t.onClick,size:"xsmall"},ui.createElement(af,{variant:"label",size:"medium",color:"error500"},rf.t("Cancel"))))}i(ci,"CancelButton");import{i18n as lf}from"@lingui/core";import{Tooltip as pf,WalletIcon as uf}from"@rango-dev/ui";import Ln from"react";function mi(t){return Ln.createElement(pf,{container:t.container,side:"top",content:lf.t("Connect Wallet")},Ln.createElement(Oe,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&Ln.createElement(Wl,null),Ln.createElement(uf,{size:18,color:"black"})))}i(mi,"WalletButton");import{i18n as $n}from"@lingui/core";import{NotificationsIcon as Nf,Popover as Lf,SettingsIcon as Bf,Tooltip as _n,TransactionIcon as Pf}from"@rango-dev/ui";import he from"react";import{i18n as Sf}from"@lingui/core";import{EventSeverity as Cf}from"@rango-dev/queue-manager-rango-preset";import{ChainToken as Fl,ChevronRightIcon as kf,ListItemButton as Tf,Typography as wf}from"@rango-dev/ui";import He from"react";import{useNavigate as xf}from"react-router-dom";import{create as cf}from"zustand";import{persist as mf,subscribeWithSelector as df}from"zustand/middleware";var Ne=qt(cf()(mf(df((t,e)=>({notifications:[],setNotification:(o,n)=>{let r=n.steps[0],s=n.steps[n.steps.length-1],a={event:o,creationTime:Date.now(),read:!1,requestId:n.requestId,route:{from:{blockchain:r.fromBlockchain,tokenAddress:r.fromSymbolAddress,tokenSymbol:r.fromSymbol},to:{blockchain:s.toBlockchain,tokenSymbol:s.toSymbol,tokenAddress:s.toSymbolAddress}}},l=e().notifications.filter(p=>p.requestId!==n.requestId);t(()=>({notifications:[...l,a]}))},setAsRead:o=>{t(n=>({notifications:n.notifications.map(r=>r.requestId===o?{...r,read:!0}:r)}))},getUnreadNotifications:()=>e().notifications.filter(o=>!o.read)})),{name:"notification",skipHydration:!0})));import{styled as Bn}from"@rango-dev/ui";var Pl=Bn("div",{padding:"$10",width:"350px",minHeight:"150px"}),Ml=Bn("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),$l=Bn("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),_l=Bn("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as ff}from"@lingui/core";import{Divider as gf,NoNotificationIcon as hf,Typography as yf}from"@rango-dev/ui";import Pn from"react";function Dl(){return Pn.createElement(_l,null,Pn.createElement(hf,{color:"secondary",size:26}),Pn.createElement(gf,{size:12}),Pn.createElement(yf,{variant:"body",size:"medium",color:"neutral700"},ff.t("You have no notification")))}i(Dl,"NotificationNotFound");var vf=4;function di(){let t=xf(),{getUnreadNotifications:e}=Ne(),o=e(),n=f().blockchains(),r=f().tokens(),s=o.sort((l,p)=>p.creationTime-l.creationTime).slice(0,vf),a=i(l=>{t(`${$.swaps}/${l}`)},"handleOnClick");return He.createElement(Pl,null,s.length?He.createElement(Ml,null,s.map(l=>{let p=r.find(m=>m.address===l.route.from.tokenAddress&&m.blockchain===l.route.from.blockchain&&m.symbol===l.route.from.tokenSymbol),u=n.find(m=>m.name===l.route.from.blockchain),c=r.find(m=>m.address===l.route.to.tokenAddress&&m.blockchain===l.route.to.blockchain&&m.symbol===l.route.to.tokenSymbol),d=n.find(m=>m.name===l.route.to.blockchain);return He.createElement(Tf,{key:l.requestId,onClick:()=>a(l.requestId),title:He.createElement(wf,{variant:"body",size:"small",color:l.event.messageSeverity===Cf.WARNING?"$foreground":"$neutral700"},Sf.t(l.event.message)),id:l.requestId,start:He.createElement($l,null,He.createElement("div",{className:"from-chain-token"},He.createElement(Fl,{tokenImage:p?p.image:"",chainImage:u?u.logo:"",size:"small"})),He.createElement("div",{className:"to-chain-token"},He.createElement(Fl,{tokenImage:c?c.image:"",chainImage:d?d.logo:"",size:"small"}))),end:He.createElement(kf,{size:12,color:"gray"})})})):He.createElement(Dl,null))}i(di,"NotificationContent");import{RefreshProgressButton as bf}from"@rango-dev/ui";import fi,{useEffect as Af,useState as Ol}from"react";var Ef=1e3,Ul=60,If=100;function Mn({onClick:t}){let[e,o]=Ol(0),[n,r]=Ol(!1),s=i(p=>{document.hidden&&p&&a(p)},"handleVisibilityChange");Af(()=>{let p;return t?p=window.setInterval(()=>{o(u=>u+1),e===Ul&&l()},Ef):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 fi.createElement(Oe,{variant:"ghost",size:"small",onClick:l,disabled:!t},fi.createElement(Ll,{onTransitionEnd:()=>r(!1),isRefetched:n},fi.createElement(bf,{size:24,color:t?"black":"gray",progress:e/Ul*If})))}i(Mn,"RefreshButton");import{Typography as Wf}from"@rango-dev/ui";import zl from"react";function ql(){let{getUnreadNotifications:t}=Ne(),e=t().length;return e?zl.createElement(Nl,null,zl.createElement(Wf,{variant:"body",size:"xsmall",color:"$background"},e)):null}i(ql,"UnreadNotificationsBadge");function gi(t){let{onClickRefresh:e,onClickHistory:o,onClickSettings:n}=t,{config:{features:r}}=f(),s=$e("notification",r);return he.createElement(he.Fragment,null,he.createElement(_n,{container:L(),side:"top",content:$n.t("Refresh")},he.createElement(Mn,{onClick:e})),!s&&he.createElement(Lf,{align:"center",collisionPadding:{right:20,left:20},container:L(),content:he.createElement(di,null)},he.createElement("div",null,he.createElement(_n,{container:L(),side:"top",content:$n.t("Notifications")},he.createElement(Oe,{size:"small",variant:"ghost"},he.createElement(Nf,{size:18,color:"black"}),he.createElement(ql,null))))),he.createElement(_n,{container:L(),side:"top",content:$n.t("Settings")},he.createElement(Oe,{size:"small",variant:"ghost",onClick:n},he.createElement(Bf,{size:18,color:"black"}))),he.createElement(_n,{container:L(),side:"top",content:$n.t("Transactions History")},he.createElement(Oe,{size:"small",variant:"ghost",onClick:o},he.createElement(Pf,{size:18,color:"black"}))))}i(gi,"HomeButtons");function hi(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(hi,"onScrollContentAttachStatusToContainer");import{styled as yi}from"@rango-dev/ui";var Gl="700px",Ql=yi("div",{position:"relative",display:"flex",flexDirection:"column",borderRadius:"$primary",width:"100vh",minWidth:"300px",maxWidth:"390px",boxShadow:"15px 15px 15px 0px rgba(0, 0, 0, 0.05)",overflow:"hidden",backgroundColor:"$background",variants:{height:{auto:{height:"auto",maxHeight:Gl},fixed:{height:Gl}}}}),Hl=yi("div",{position:"relative",overflow:"hidden",flexGrow:1,display:"flex",flexDirection:"column",padding:0,overflowY:"auto"}),Vl=yi("div",{backgroundColor:"$background","& .footer__content":{padding:"$0 $20"},"& .footer__logo":{padding:"$0 $20 $10 $20"}});function te(t){let{children:e,header:o,footer:n,hasLogo:r=!0,height:s="fixed"}=t,a=G.use.connectedWallets(),{config:{features:l,theme:p}}=f(),{activeTheme:u}=Nn(p||{}),c=$e("connectWalletButton",l),d=Tt(),m=i(()=>{o.onWallet?.()},"onConnectWallet"),g=typeof o.hasBackButton>"u"||o.hasBackButton,T=Ff(null);return Df(()=>(T.current?.addEventListener("scroll",hi),()=>{T.current?.removeEventListener("scroll",hi)}),[]),ve.createElement(Ql,{height:s,id:Ae,className:u()},ve.createElement(_f,{prefix:ve.createElement(ve.Fragment,null,g&&ve.createElement(pi,{onClick:d})),title:o.title,suffix:ve.createElement(ve.Fragment,null,o.suffix,o.onWallet&&!c&&ve.createElement(mi,{container:L(),onClick:m,isConnected:!!a?.length}),o.onCancel&&ve.createElement(ci,{onClick:o.onCancel}))}),ve.createElement(Hl,{ref:T},e),(r||n)&&ve.createElement(Vl,null,ve.createElement("div",{className:"footer__content"},n),r&&ve.createElement("div",{className:"footer__logo"},ve.createElement($f,{size:12}),ve.createElement(Mf,null))))}i(te,"Layout");import{styled as Of}from"@rango-dev/ui";var jl="$20 $20 $10 $20",yo=Of("div",{padding:jl,overflowY:"auto",flexGrow:1});import{styled as Uf}from"@rango-dev/ui";var re=Uf("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 Hf,Modal as Vf}from"@rango-dev/ui";import Ci from"react";import{i18n as Kt}from"@lingui/core";import{Image as Gf,MessageBox as Si,WalletState as Qf}from"@rango-dev/ui";import Bt from"react";import{keyframes as zf,styled as Dn}from"@rango-dev/ui";var Fb=Dn("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),Xl=Dn("div",{position:"relative"}),qf=zf({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),Kl=Dn("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${qf} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),Yl=Dn("div",{"& img":{borderRadius:"50%"}});function Jl(t){let{state:e,image:o,error:n}=t;return e===Qf.CONNECTED?Bt.createElement(Si,{type:"success",title:Kt.t("Wallet Connected"),description:Kt.t("Your wallet is connected, you can use it to swap.")}):n?Bt.createElement(Si,{type:"error",title:Kt.t("Failed to Connect"),description:n||Kt.t("Your wallet is not connected. Please try again.")}):Bt.createElement(Si,{type:"loading",title:Kt.t("Connecting to your wallet"),description:Kt.t("Click connect in your wallet popup."),icon:Bt.createElement(Xl,null,Bt.createElement(Yl,null,Bt.createElement(Gf,{src:o,size:45})),Bt.createElement(Kl,null))})}i(Jl,"ModalContent");function So(t){let{open:e,onClose:o,...n}=t;return Ci.createElement(Vf,{open:e,onClose:o,container:document.getElementById(Ae)||document.body},Ci.createElement(Jl,{...n}),Ci.createElement(Hf,{direction:"vertical",size:32}))}i(So,"WalletModal");var Yf=ep("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),Jf=ep(re,{textAlign:"center"}),Fn=3e3,ki=300;function tp(){let{config:t,fetchStatus:e}=f(),[o,n]=Rl(!1),[r,s]=Rl(""),a=null,{list:l,handleClick:p,error:u}=In({config:t,onBeforeConnect:g=>{a=setTimeout(()=>{n(!0),s(g)},ki)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},Fn)}}),c=l.find(g=>g.type===r),d=c?.image||"",m=c?.state||Kf.NOT_INSTALLED;return Yt.createElement(te,{header:{title:Zl.t("Connect Wallets")}},Yt.createElement(Jf,null,Yt.createElement(jf,{variant:"title",size:"xmedium",align:"center"},Zl.t("Choose a wallet to connect.")),Yt.createElement(Yf,null,l.map((g,T)=>{let y=`wallet-${T}-${g.type}`;return Yt.createElement(Xf,{key:y,...g,container:L(),onClick:h=>{p(h)},isLoading:e==="loading"})}),Yt.createElement(So,{open:!!o,onClose:()=>n(!1),image:d,state:m,error:u}))))}i(tp,"WalletsPage");import{keyframes as Zf,styled as Ti}from"@rango-dev/ui";var op=Ti("div",{position:"relative"}),Rf=Zf({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),np=Ti("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Rf} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),rp=Ti("div",{"& img":{borderRadius:"50%"}});function xi(t){let{chain:e,isSelected:o,selectWallet:n,limit:r,onShowMore:s}=t,{config:a}=f(),l=G.use.connectedWallets(),{blockchains:p}=f(),[u,c]=Co(""),[d,m]=Co(null),[g,T]=Co(!1),[y,h]=Co(null),{suggestAndConnect:k}=pp(),w=null,{list:C,error:A,handleClick:S}=In({config:a,chain:e,onBeforeConnect:W=>{w=setTimeout(()=>{c(W)},ki)},onConnect:()=>{w&&clearTimeout(w),setTimeout(()=>{c("")},Fn)}}),[I,b]=Co(C),x=C.length,v=r&&x-r>0,N=i(async W=>{T(!1),h("in-progress");try{await k(W.walletType,W.chain),h("completed")}catch{h("rejected")}},"addExperimentalChain");lp(()=>{b(W=>{let U=C.findIndex(Z=>o(Z.type,e));return v&&U>1?[C[U]].concat(C.filter((Z,ne)=>ne!==U)):W.map(Z=>C.find(ne=>ne.type===Z.type)??Z)})},[JSON.stringify(C)]);let J=document.getElementById(Ae);return lp(()=>{let W=null;return(y==="completed"||y==="rejected")&&(W=setTimeout(()=>h(null),Fn)),()=>{W&&clearTimeout(W)}},[y]),ie.createElement(ie.Fragment,null,I.slice(0,r).map(W=>{let U=fa({connectedWallets:l,walletType:W.type,chain:e}),Z=U?tn(U):"",ne=Ro(p(),e),se=!l.find(Ce=>Ce.walletType===W.type&&Ce.chain===e),Q=ne&&se&&W.state===ap.CONNECTED,Se=Q?Ve.t({id:"Add {chain} chain",values:{chain:e}}):Z,j=i(()=>{W.state===ap.DISCONNECTED?S(W.type):Q?(m({walletType:W.type,chain:e,address:U??""}),T(!0)):n({walletType:W.type,chain:e,address:U??""})},"onClick"),F=d?.chain?Fa(d.chain,p()):void 0;return ie.createElement(ie.Fragment,null,ie.createElement(So,{open:u===W.type,onClose:()=>c(""),image:W.image,state:W.state,error:A}),!!d&&ie.createElement(ip,{open:!!d&&g,container:J,onClose:()=>{m(null)}},ie.createElement(On,{title:Ve.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:F}}),type:"warning",description:Ve.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:F}})},ie.createElement(wi,{size:18}),ie.createElement(wi,{size:32}),ie.createElement(eg,{onClick:N.bind(null,d),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},Ve.t("Confirm")))),y&&ie.createElement(ip,{open:!!y,onClose:h.bind(null,null),container:J},y==="in-progress"&&ie.createElement(On,{type:"loading",title:Ve.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:F}}),description:Ve.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:F}}),icon:ie.createElement(op,null,ie.createElement(rp,null,ie.createElement(tg,{src:W.image,size:45})),ie.createElement(np,null))}),y==="completed"&&ie.createElement(On,{type:"success",title:Ve.t({id:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:F}}),description:Ve.t({id:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:F}})}),y==="rejected"&&ie.createElement(On,{type:"error",title:Ve.t("Request Rejected"),description:Ve.t({id:"You've rejected adding {blockchainDisplayName} chain to your wallet.",values:{blockchainDisplayName:F}})}),ie.createElement(wi,{direction:"vertical",size:32})),ie.createElement(og,{key:W.type,description:Se,onClick:j,selected:o(W.type,e),...W}))}),v&&ie.createElement(fl,{selected:!1,onClick:s},ie.createElement(sp,{variant:"label",size:"medium"},Ve.t("Show more wallets"),ie.createElement(sp,{variant:"label",size:"medium",color:"$primary"},"\xA0+",x-(r??0)))))}i(xi,"WalletList");var ug=2;function mp(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,loading:s}=t,a=f().config,l=f().blockchains(),{quote:p,setSelectedWallets:u,quoteWalletsConfirmed:c,setQuoteWalletConfirmed:d,customDestination:m,setCustomDestination:g}=V(),{connectedWallets:T,selectWallets:y}=G(),[h,k]=Pt(""),[w,C]=Pt([]),[A,S]=Pt(""),[I,b]=Pt(null),[x,v]=Pt(m),[N,J]=Pt(!!m),W=cn(p),U=l.find(_=>_.name===p?.result?.swaps[p?.result?.swaps.length-1].to.blockchain),Z=i(_=>!!p?.result?.swaps.find(X=>X.from.blockchain===_),"isWalletRequiredFor"),[ne,se]=Pt(T.filter(_=>_.selected&&W.includes(_.chain))),Q=l.find(_=>_.name===U?.name),Se=i((_,X)=>!!ne.find(q=>q.walletType===_&&q.chain===X&&q.selected&&(Z(X)||!Z(X)&&!x)),"isSelected"),j=!!x&&N&&Q&&!mn(Q,x),F=i(()=>{J(!1),v(""),se(_=>{let X=!1;return _.map(q=>!X&&q.chain===U?.name?(X=!0,{...q,selected:!0}):q)})},"resetCustomDestination"),Ce=i(_=>{if(h&&k(""),Se(_.walletType,_.chain))return;let q=T.find(ue=>ue.walletType===_.walletType&&ue.chain===_.chain);q&&(n(),_.chain===U?.name&&N&&(J(!1),v("")),se(ue=>ue.filter(qe=>qe.chain!==_.chain).concat({...q,selected:!0})))},"onChange"),Ze=i(()=>{let _=ne.filter(X=>X.selected);y(_),u(_),g(x),d(!0),o()},"onConfirmBalance"),We=i(async()=>{C([]),S(""),b(null);let _=T.filter(ue=>ne.find(qe=>qe.chain===ue.chain&&qe.walletType===ue.walletType)),X=await r?.({selectedWallets:_,customDestination:x}),q=X.warnings;q?.balance?.messages&&C(q.balance.messages),q?.quoteUpdate&&b(q.quoteUpdate),X.error&&S(Oa(X.error)),!X.error&&(!q?.balance?.messages.length||0>0)?Ze():C(q?.balance?.messages??[])},"onConfirmWallets");lg(()=>{se(_=>_.concat(T.filter(X=>!!!_.find(ue=>ue.chain===X.chain)&&X.selected&&W.includes(X.chain))))},[T.length]);let Re=document.getElementById(Ae),It=pg();return B.createElement(cp,{open:e,onClose:()=>{c||It("../",{replace:!0}),o()},dismissible:!h,container:Re,...!h&&{footer:B.createElement(Tl,null,B.createElement(up,{loading:s,disabled:el(s,N,x,p,ne,U),onClick:We,variant:"contained",type:"primary",fullWidth:!0,size:"large"},ot.t("Confirm")))},...h&&{containerStyle:{padding:"$0"},header:B.createElement(gl,null,B.createElement(hl,{variant:"ghost",onClick:k.bind(null,"")},B.createElement(ig,{size:16})),B.createElement(Un,{variant:"headline",size:"small"},ot.t({id:"Your {blockchainName} wallets",values:{blockchainName:_e(h,l)}})))},anchor:"center"},B.createElement(cp,{open:w.length>0,onClose:C.bind(null,[]),container:Re},B.createElement(sg,{title:ot.t("Insufficient account balance"),type:"error",description:B.createElement(ng,{messages:w??[]})},B.createElement(up,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:Ze},ot.t("Proceed anyway")))),h&&B.createElement(yl,null,B.createElement("div",{className:Sl()},B.createElement(xi,{chain:h,isSelected:Se,selectWallet:Ce,onShowMore:k.bind(null,h)}))),!h&&B.createElement(B.Fragment,null,A&&B.createElement(B.Fragment,null,B.createElement(vi,{variant:"alarm",type:"error",title:ot.t(A)}),B.createElement(Jt,{size:12})),I&&B.createElement(B.Fragment,null,B.createElement(vi,{variant:"alarm",type:"warning",title:Tn(I)}),B.createElement(Jt,{size:12})),B.createElement(xl,null,W.map((_,X)=>{let q=l.find(ut=>ut.name===_),ue=`wallet-${X}`,qe=X===W.length-1;return B.createElement("div",{key:ue},B.createElement(ml,null,B.createElement(Un,{variant:"title",size:"xmedium"},ot.t({id:"Your {blockchainName} wallets",values:{blockchainName:q?.shortName}})),B.createElement(Un,{variant:"label",color:"$neutral700",size:"medium"},ot.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:q?.shortName}}))),B.createElement(Jt,{size:24}),B.createElement(dl,null,B.createElement(xi,{chain:_,isSelected:Se,selectWallet:Ce,limit:ug,onShowMore:()=>k(q?.name??"")})),!qe&&B.createElement(Jt,{size:32}),qe&&a?.customDestination&&B.createElement(Cl,null,B.createElement(An,{onOpenChange:ut=>{ut?Z(U?.name??"")||se(Ge=>Ge.map(Pe=>Pe.chain===U?.name?{...Pe,selected:!1}:Pe)):F()},hasSelected:!0,open:N,triggerAnchor:"top",trigger:B.createElement(vl,{fullWidth:!0,variant:"default",suffix:B.createElement(vn,{orientation:N?"up":"down"},B.createElement(rg,{size:10,color:"gray"}))},B.createElement("div",{className:"button__content"},B.createElement(ag,{size:18,color:"info"}),B.createElement(Jt,{size:4,direction:"horizontal"}),B.createElement(Un,{variant:"label",size:"medium"},ot.t("Send to a different address")))),onClickTrigger:()=>J(ut=>!ut)},B.createElement(Jt,{size:4}),B.createElement(wl,{autoFocus:!0,placeholder:ot.t("Your destination address"),value:x,onChange:ut=>{v(ut.target.value)}})),j&&B.createElement("div",{className:kl()},B.createElement(vi,{variant:"alarm",type:"error",title:ot.t({values:{destination:x},id:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}i(mp,"ConfirmWalletsModal");import{i18n as Ng}from"@lingui/core";import{Alert as Lg,Button as Bg,InfoIcon as Pg}from"@rango-dev/ui";import Le from"react";import{Alert as cg,Button as mg,Divider as Sp,NoRouteIcon as dg,RefreshIcon as fg,Typography as Cp}from"@rango-dev/ui";import je from"react";import{i18n as dp}from"@lingui/core";function fp(t,e,o,n){return t?.type===1?{alert:{type:"warning",text:H().genericServerError,action:{onClick:n,title:dp.t("Retry")}},description:""}:e.length?{alert:{type:"warning",text:H().liquiditySourcesError.title,action:{onClick:()=>o(!0),title:dp.t("Reset")}},description:H().liquiditySourcesError.description}:t?.type===0&&t.diagnosisMessage?{alert:{type:"error",text:t.diagnosisMessage,action:null},description:""}:{alert:null,description:H().noResultError.description}}i(fp,"makeInfo");import{styled as bi}from"@rango-dev/ui";var gp=bi("div",{minHeight:"162px",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"}),hp=bi("div",{width:"100%"}),yp=bi("div",{padding:"$6 $0"});function Ai(t){let{fetch:e,error:o}=t,n=f().disabledLiquiditySources,r=f().toggleAllLiquiditySources,s=f().swappers(),a=fp(o,n,()=>r(s,!0),e);return je.createElement(gp,null,je.createElement(dg,{size:24,color:"gray"}),je.createElement(Sp,{size:4}),je.createElement(Cp,{variant:"title",size:"small"},H().noResultError.title),!!a.description&&je.createElement(Cp,{variant:"body",size:"small",align:"center",color:"neutral700"},a.description),je.createElement(Sp,{size:4}),!!a.alert&&je.createElement(hp,null,je.createElement(cg,{type:a.alert.type,title:a.alert.text,action:a.alert.action&&je.createElement(mg,{size:"xsmall",type:a.alert.type,prefix:je.createElement(yp,null,je.createElement(fg,{size:8})),onClick:a.alert.action.onClick},a.alert.action.title),variant:"alarm"})))}i(Ai,"NoResult");import{i18n as ko}from"@lingui/core";import{Button as hg,Divider as bp,MessageBox as yg,Modal as Sg,Typography as Cg,WarningIcon as kg}from"@rango-dev/ui";import nt from"react";import{Typography as xp}from"@rango-dev/ui";import Ii from"react";import{darkTheme as gg,styled as zn}from"@rango-dev/ui";var kp=zn("div",{width:"100%"}),Ei=zn("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),Tp=zn("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%","._title":{$$color:"$colors$neutral600",[`.${gg} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),wp=zn("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});function vp(t){let{title:e,value:o,valueColor:n}=t;return Ii.createElement(Tp,null,Ii.createElement(xp,{size:"medium",variant:"label",className:"_title"},e),Ii.createElement(xp,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}i(vp,"QuoteErrorsModalItem");function Ap(t){let{open:e,onClose:o,onConfirm:n,warning:r}=t,s=r.warningLevel==="high"?"error":"warning",a=[{title:ko.t("Swapping"),value:E(r.inputUsdValue,4,4)},{title:ko.t("Gas cost"),value:E(r.totalFee,2,2)},{title:ko.t("Receiving"),value:E(r.outputUsdValue,4,4)},{title:ko.t("Price impact"),value:E(r.priceImpact,2,2),valueColor:`${s}500`}];return nt.createElement(Sg,{open:e,onClose:o,container:L()},nt.createElement(yg,{type:s,title:H().highValueLossError.impactTitle,description:H().highValueLossError.description}),nt.createElement(Ei,null,nt.createElement(bp,{size:20}),nt.createElement(Cg,{size:"small",variant:"title"},ko.t("Details")),nt.createElement(Ei,null,a.map((l,p)=>nt.createElement(vp,{key:p,...l})))),nt.createElement(bp,{size:32}),nt.createElement(hg,{type:"primary",size:"large",prefix:nt.createElement(kg,null),fullWidth:!0,onClick:n},H().highValueLossError.confirmMessage))}i(Ap,"HighValueLossWarningModal");import{i18n as Wi}from"@lingui/core";function Ep(t,e){let o={alertType:"warning",title:"",action:"show-info"};return t?(t.type===0&&(ct(t.priceImpact)==="high"&&(o.alertType="error"),o.action=null,o.title=H().highValueLossError.title),t.type===1&&(o.title=H().unknownPriceError.title),t.type===2&&(o.title=Wi.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=Wi.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=Wi.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(Ep,"makeAlerts");import{i18n as eo}from"@lingui/core";import{Button as Ip,Divider as Wp,MessageBox as Tg,Modal as wg,Typography as xg}from"@rango-dev/ui";import Mt from"react";import{useNavigate as vg}from"react-router-dom";function Np(t){let{customSlippage:e,slippage:o}=f(),{open:n,onClose:r,onConfirm:s,warning:a}=t,l=vg(),p=e??o;return Mt.createElement(wg,{anchor:"bottom",open:n,prefix:Mt.createElement(Ip,{size:"small",variant:"ghost",onClick:()=>l("../"+$.settings)},Mt.createElement(xg,{variant:"label",size:"medium",color:"$neutral900"},eo.t("Change settings"))),container:L(),onClose:r},Mt.createElement(Tg,{type:"warning",title:a.type===3?eo.t("High slippage"):eo.t("Low slippage"),description:a.type===3?eo.t({id:" Caution, your slippage is high (={userSlippage}). Your trade may be front run.",values:{userSlippage:p}}):eo.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:a.minRequiredSlippage}})},Mt.createElement(Wp,{size:18}),Mt.createElement(Wp,{size:32}),Mt.createElement(Ip,{size:"large",type:"primary",variant:"contained",fullWidth:!0,onClick:s},eo.t("Confirm anyway"))))}i(Np,"SlippageWarningModal");import{Button as bg,Divider as Ag,MessageBox as Eg,Modal as Ig,WarningIcon as Wg}from"@rango-dev/ui";import To from"react";function Lp(t){let{open:e,onClose:o,onConfirm:n}=t;return To.createElement(Ig,{open:e,onClose:o,container:L()},To.createElement(Eg,{type:"warning",title:H().unknownPriceError.impactTitle,description:H().unknownPriceError.description}),To.createElement(Ag,{size:32}),To.createElement(bg,{type:"primary",size:"large",prefix:To.createElement(Wg,null),fullWidth:!0,onClick:n},H().unknownPriceError.confirmMessage))}i(Lp,"UnknownPriceWarningModal");function wo(t){let{warning:e,error:o,refetchQuote:n,showWarningModal:r,onOpenWarningModal:s,onCloseWarningModal:a,onConfirmWarningModal:l,onChangeSettings:p}=t,u={open:r,onClose:a,onConfirm:l},c=o?.type===0||o?.type===1,d=Ep(e,o?.type===3||o?.type===4?o:null);return Le.createElement(Le.Fragment,null,c&&Le.createElement(Ai,{error:o,fetch:n}),!!d&&Le.createElement(kp,null,Le.createElement(Lg,{title:d.title,type:d.alertType,variant:"alarm",...d.action==="show-info"&&{action:Le.createElement(wp,{onClick:s},Le.createElement(Pg,{size:12,color:"gray"}))},...d.action==="change-settings"&&{action:Le.createElement(Bg,{size:"xxsmall",type:d.alertType,onClick:p},Ng.t("Change"))}})),e&&Le.createElement(Le.Fragment,null,e.type===0&&Le.createElement(Ap,{...u,warning:e}),(e.type===3||e.type===2)&&Le.createElement(Np,{...u,warning:e}),e.type===1&&Le.createElement(Lp,{...u,warning:e})))}i(wo,"QuoteWarningsAndErrors");import Rn from"react";import{i18n as Ui}from"@lingui/core";import{Alert as Rg,Divider as zi,InfoIcon as eh,StepDetails as th,TokenAmount as oh,Tooltip as nu,Typography as Ao}from"@rango-dev/ui";import ru from"bignumber.js";import D,{useLayoutEffect as nh,useRef as iu,useState as rh}from"react";import{styled as Ni}from"@rango-dev/ui";var Li=Ni("div",{width:"100%","& .position-top__skeleton":{paddingTop:"$10"}}),Bp=Ni("div",{paddingBottom:"$15"}),Pp=Ni("div",{width:"100%",display:"flex"});import*as qn from"@radix-ui/react-collapsible";import{css as Gn,darkTheme as rt,Image as Mp,styled as Ue,Typography as Mg}from"@rango-dev/ui";var Bi=300,$p=Ue(qn.Root,{display:"flex",flexDirection:"column",alignItems:"start",overflowX:"auto",overflowY:"hidden",width:"100%",borderRadius:"$xm",cursor:"default",variants:{recommended:{true:{$$color:"$colors$info300",[`.${rt} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"},false:{$$color:"$colors$neutral400",[`.${rt} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}}}}),_p=Gn({padding:"$10 $15"}),Dp=Ue("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",[`.${rt} &`]:{$$color:"$colors$secondary600"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}},false:{$$color:"$colors$neutral200",[`.${rt} &`]:{$$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",[`.${rt} &`]:{$$color:"$colors$secondary700"},backgroundColor:"$$color"}}},{listItem:!0,recommended:!1,css:{"&:hover":{$$color:"$colors$neutral300",[`.${rt} &`]:{$$color:"$colors$neutral400"},backgroundColor:"$$color"}}}]}),Fp=Gn({width:"100%",padding:"$15 $15 $10 $15",cursor:"default"}),to=Gn({display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",".blockchainImage":{marginLeft:"-$8"}}),Op=Gn({paddingTop:"$10",display:"flex",alignItems:"center",".usd-value":{$$color:"$colors$neutral600",[`.${rt} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Up=Ue(qn.Trigger,{display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",height:"$36",padding:"$10 $15",boxSizing:"border-box",cursor:"pointer",border:"none",outline:"none",backgroundColor:"transparent",variants:{error:{true:{[`& ${Mp}`]:{border:"1px $warning500 solid",borderRadius:"100%"}},false:{[`& ${Mp}`]:{border:"1px transparent solid",borderRadius:"100%"}}},recommended:{true:{$$color:"$colors$info300",[`.${rt} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"},false:{$$color:"$colors$neutral400",[`.${rt} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}}},".blockchains_section":{display:"none"},"@xs":{".blockchains_section":{display:"block"}}}),zp=Ue("div",{width:"18px",height:"18px",borderRadius:"100%",display:"flex",justifyContent:"center",alignItems:"center",border:"1.5px transparent solid",img:{borderRadius:"100%"},variants:{state:{error:{borderColor:"$error500"},warning:{borderColor:"$warning500"}}}}),qp=Ue(xn,{width:"100%",background:"inherit"}),Pi=Ue("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$2",transition:`all ${Bi}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),fI=Ue("div",{height:"$12",marginLeft:"$10",marginRight:"$10",borderLeft:"1px solid $foreground"}),Gp=Ue("div",{display:"flex",justifyContent:"center",margin:"0 $15",borderTop:"1px solid",$$color:"$colors$neutral300",[`.${rt} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color"}),Qp=Ue("div",{width:"$16",height:"$16",justifyContent:"center",alignItems:"center",display:"flex"}),Mi=Ue(Mg,{overflow:"hidden",textOverflow:"ellipsis",letterSpacing:.4}),Hp=Ue("div",{display:"flex",flexWrap:"wrap"}),$i=Ue("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 vt}from"@lingui/core";import{ChevronDownIcon as _g,CloseIcon as Dg,Divider as Vn,IconButton as Fg,Modal as Og,QuoteCost as Ug,Tooltip as zg,Typography as Xe}from"@rango-dev/ui";import qg from"bignumber.js";import O,{useState as Kp}from"react";import{i18n as xo}from"@lingui/core";var _i={"Network Fee":xo.t("Network Fee"),"Swapper Fee":xo.t("Protocol Fee"),"Affiliate Fee":xo.t("Affiliate Fee"),"Outbound network fee":xo.t("Outbound Fee"),"Rango Fee":xo.t("Rango Fee")};import{css as $g,styled as Qn}from"@rango-dev/ui";var Hn=Qn("div",{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"$5 0","&.total_payable_fee":{padding:"$12 0"}}),Di=Qn("div",{width:"100%",borderTop:"1px solid $neutral300",margin:"$10 0"}),Vp=Qn("div",{padding:"$20 0",display:"flex",flexDirection:"column","& .collapsible_trigger":{display:"flex",alignItems:"center"}}),jp=Qn("div",{padding:"$20 $20 $10",textAlign:"center",position:"relative","._icon-button":{position:"absolute",zIndex:10,top:"$16",right:"$16"}}),Xp=$g({display:"flex",flexDirection:"row",alignItems:"center",padding:"$5","&:hover":{"& ._typography, & svg":{color:"$secondary"}}});var Gg=30,Qg=i(t=>t.fee.isZero()?null:O.createElement(Hn,null,O.createElement(Xe,{variant:"label",size:"medium",color:"neutral600"},t.label),O.createElement(Xe,{variant:"label",size:"medium"},"$",E(t.fee,4,4))),"NonPayableFee");function Yp(t){let[e,o]=Kp(!1),[n,r]=Kp(!1),{steps:s,quote:a}=t,l=f().tokens(),p=jo(Xo(a.result?.swaps)),u=a.result?.swaps??[],c=L(),d=gn(u,l),m=Ga(u);return O.createElement(O.Fragment,null,O.createElement(Ug,{onClickFee:()=>o(!e),fee:E(d,2,2),feeWarning:d.gte(new qg(Gg)),time:p,steps:s,tooltipGas:vt.t("View more info"),tooltipContainer:c}),O.createElement(Og,{container:c,open:e,header:O.createElement(jp,null,O.createElement(Xe,{variant:"title",size:"medium"},vt.t("Gas & Fee Explanation")),O.createElement(Fg,{onClick:()=>o(!1),variant:"ghost"},O.createElement(Dg,{color:"gray",size:14}))),onClose:()=>o(!1)},O.createElement(Vp,null,O.createElement(Xe,{variant:"title",size:"small"},vt.t("Details")),O.createElement(Vn,{size:10}),Object.entries(m.payable).flatMap(([g,T])=>T.map((y,h)=>{let k=`payable-fee-${h}`,w=Kr(y);return O.createElement(Hn,{key:k},O.createElement(Xe,{variant:"label",size:"medium",color:"neutral600"},_i[g]),O.createElement(zg,{content:ae(y.amount),container:c},O.createElement(Xe,{variant:"label",size:"medium"},E(y.amount,2,2)," ",y.asset.symbol," ($",E(w,4,4),")")))})),O.createElement(Hn,{className:"total_payable_fee"},O.createElement(Xe,{variant:"label",size:"medium"},vt.t("Total Payable Fee")),O.createElement(Xe,{variant:"label",size:"medium"},"$",E(d,4,4))),O.createElement(Di,null),Object.keys(m.nonePayable).length&&O.createElement(An,{triggerAnchor:"bottom",onClickTrigger:()=>r(g=>!g),trigger:O.createElement("div",{className:Xp()},O.createElement(Xe,{size:"small",variant:"body",color:"neutral700"},n?vt.t("Hide non-payable fees"):vt.t("Show non-payable fees")),O.createElement(Vn,{size:4,direction:"horizontal"}),O.createElement(vn,{orientation:n?"up":"down"},O.createElement(_g,{size:12,color:"gray"}))),open:n},O.createElement(Xe,{size:"small",variant:"title"},vt.t("Description")),O.createElement(Vn,{size:4}),O.createElement(Xe,{size:"small",variant:"body",color:"neutral700"},vt.t(`The following fees are considered in the transaction output and
|
|
2
|
+
you won\u2019t need to pay extra gas for them.`)),O.createElement(Vn,{size:10}),Object.entries(m.nonePayable).map(([g,T],y)=>{let h=qa(T),k=_i[g],w=`non-payable-fee-${y}`;return O.createElement(Qg,{key:w,fee:h,label:k})}),O.createElement(Di,null)))))}i(Yp,"QuoteCostDetails");import{i18n as Rp}from"@lingui/core";import{TokenAmount as eu}from"@rango-dev/ui";import jn from"react";import{css as Hg,styled as Vg}from"@rango-dev/ui";var Jp=Vg("div",{position:"relative",display:"flex",flexDirection:"column",width:"100%"}),Zp=Hg({height:"14px",marginLeft:"14px",position:"absolute",borderLeft:"1px solid $foreground",top:"42%"});function vo(t){let{from:e,to:o,percentageChange:n,warningLevel:r}=t;return jn.createElement(Jp,null,jn.createElement(eu,{direction:"horizontal",label:Rp.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}}),jn.createElement("div",{className:Zp()}),jn.createElement(eu,{direction:"horizontal",tooltipContainer:L(),label:Rp.t("Estimated output"),type:"output",price:{value:o.price.value,usdValue:o.price.usdValue,realValue:o.price.realValue,realUsdValue:o.price.realUsdValue},token:{displayName:o.token.displayName,image:o.token.image},chain:{image:o.chain.image},percentageChange:n,warningLevel:r}))}i(vo,"QuoteSummary");import{i18n as tu}from"@lingui/core";import{ChevronDownIcon as jg,ChevronRightIcon as Xg,Divider as Fi,Image as Kg,Tooltip as Oi,Typography as Xn}from"@rango-dev/ui";import P,{useEffect as Yg,useState as Jg}from"react";var Kn=4,Yn=6,Zg=375,bo=i(t=>{let e=L(),{content:o,src:n,className:r,open:s,state:a}=t;return P.createElement(Oi,{container:e,side:"bottom",sideOffset:4,open:s,content:o},P.createElement(zp,{className:r,state:a},P.createElement(Kg,{src:n,size:16})))},"ImageComponent");function ou(t){let{quoteRef:e,recommended:o,setExpanded:n,steps:r,expanded:s}=t,a=L(),l=r.length,p=sl(r),[u,c]=Jg(!1),d=i(()=>{window.innerWidth<Zg?c(!0):c(!1)},"handleResize");return Yg(()=>{window.addEventListener("resize",d)}),P.createElement(Up,{ref:m=>e.current=m,recommended:o,onClick:()=>n(m=>!m)},P.createElement("div",{className:to()},P.createElement(Xn,{variant:"body",size:"xsmall"},tu.t("Via:")),P.createElement(Fi,{direction:"horizontal",size:4}),r.map((m,g)=>{let T=`item-${g}`,y=P.createElement(Pi,null,P.createElement(Xg,{size:12,color:"black"}));return u?P.createElement(P.Fragment,null,P.createElement(bo,{content:m.swapper.displayName,src:m.swapper.image,state:m.state}),g!==l-1&&P.createElement(P.Fragment,null,y)):P.createElement(P.Fragment,{key:T},l<=Kn||l>Kn&&g<Kn-1?P.createElement(P.Fragment,null,P.createElement(bo,{content:m.swapper.displayName,src:m.swapper.image,state:m.state}),g!==l-1&&P.createElement(P.Fragment,null,y)):g===Kn-1&&P.createElement(Oi,{container:a,side:"bottom",align:"right",sideOffset:4,content:P.createElement("div",{className:to()},y,r.map((h,k)=>{let w=`image-${k}`;return k>=g&&P.createElement(P.Fragment,{key:w},P.createElement(bo,{content:h.swapper.displayName,src:h.swapper.image,state:h.state,open:!1}),k!==l-1&&P.createElement(P.Fragment,null,y))}))},P.createElement($i,{state:r.find((h,k)=>k>=g&&(h.state==="error"||h.state==="warning"))?.state},P.createElement(Xn,{size:"xsmall",variant:"body"},"+",l-g))))})),P.createElement("div",{className:to()},P.createElement("div",{className:"blockchains_section"},P.createElement("div",{className:to()},P.createElement(Xn,{variant:"body",size:"xsmall"},tu.t("Chains:")),P.createElement(Fi,{direction:"horizontal",size:4}),p.map((m,g)=>P.createElement(P.Fragment,null,p.length<=Yn||p.length>Yn&&g<Yn-1?P.createElement(bo,{key:m.displayName,content:"",src:m.image,open:!1,className:g!==0?"blockchainImage":""}):g===Yn-1&&P.createElement(Oi,{container:a,side:"bottom",align:"right",sideOffset:4,content:P.createElement("div",{className:to()},p.map((T,y)=>y>=g&&P.createElement(bo,{key:T.displayName,content:"",src:T.image,open:!1,className:y>g?"blockchainImage":""})))},P.createElement($i,{className:"blockchainImage"},P.createElement(Xn,{size:"xsmall",variant:"body"},"+",p.length-g))))),P.createElement(Fi,{direction:"horizontal",size:32}))),P.createElement(Pi,{orientation:s?"up":"down"},P.createElement(jg,{size:12,color:"black"}))))}i(ou,"QuoteTrigger");function qi(t){let{quote:e,input:o,output:n,error:r,warning:s,type:a,recommended:l=!0}=t,p=f().blockchains(),u=f().swappers(),[c,d]=rh(t.expanded),m=iu(null),g=iu(c),T=E(o.value,6,6),y=E(n.value,6,6),h=n.usdValue?E(n.usdValue,4,4):"",k=De(o.usdValue,n.usdValue??null),w=E(k,2,2),C=ct(k??0),S=i(x=>x.map((v,N)=>{let J,W=r?.type===3&&r.swap.swapperId===v.swapperId||r?.type===4&&r.recommendedSlippages?.has(N),U=s?.type===2&&s.recommendedSlippages?.has(N);return W?J="error":U&&(J="warning"),{swapper:{displayName:mo(v.swapperId,u),image:v.swapperLogo},from:{token:{displayName:v.from.symbol,image:v.from.logo},chain:{displayName:_e(v.from.blockchain,p),image:v.from.blockchainLogo},price:{value:N===0?E(o.value,6,6):E(v.fromAmount,6,6),usdValue:E((v.from.usdPrice??0)*parseFloat(v.fromAmount),4,4),realValue:ae(N===0?o.value:v.fromAmount),realUsdValue:ae(new ru(v.from.usdPrice??0).multipliedBy(v.fromAmount))}},to:{token:{displayName:v.to.symbol,image:v.to.logo},chain:{displayName:_e(v.to.blockchain,p),image:v.to.blockchainLogo},price:{value:E(v.toAmount,6,6),usdValue:E((v.to.usdPrice??0)*parseFloat(v.toAmount),4,4),realValue:ae(v.toAmount),realUsdValue:ae(new ru(v.to.usdPrice??0).multipliedBy(v.toAmount))}},state:J,alerts:W||U?D.createElement(Bp,null,D.createElement(Rg,{type:W?"error":"warning",title:r?.type===3?r?.recommendation:Ui.t("Slippage Error:"),footer:D.createElement(Pp,null,r?.type===3&&D.createElement(D.Fragment,null,D.createElement(Ao,{size:"xsmall",variant:"body",color:"neutral900"},r.fromAmountRangeError),D.createElement(zi,{direction:"horizontal",size:8}),D.createElement(Ao,{size:"xsmall",variant:"body",color:"neutral900"},"|"),D.createElement(zi,{direction:"horizontal",size:8}),D.createElement(Ao,{size:"xsmall",variant:"body",color:"neutral900"},Ui.t({id:"Yours: {amount} {symbol}",values:{amount:E(v.fromAmount,6,6),symbol:v?.from.symbol}}))),(r?.type===4||s?.type===2)&&D.createElement(Ao,{size:"xsmall",variant:"body",color:"neutral900"},Ui.t({id:"Minimum required slippage is {minRequiredSlippage}",values:{...r?.type===4&&{minRequiredSlippage:r.recommendedSlippages?.get(N)},...s?.type===2&&{minRequiredSlippage:s.recommendedSlippages?.get(N)}}})))})):void 0}}),"getQuoteSteps")(e.result?.swaps??[]),I=S.length,b=L();return nh(()=>{c&&!g.current&&m.current&&setTimeout(()=>{m?.current?.scrollIntoView({behavior:"smooth"})},Bi),g.current=c},[c,g]),D.createElement(D.Fragment,null,D.createElement(Dp,{recommended:l,listItem:a==="list-item",basic:a==="basic"},D.createElement("div",{className:Fp()},D.createElement(Yp,{steps:I,quote:e}),a==="basic"&&D.createElement("div",{className:Op()},D.createElement(Qp,null,D.createElement(eh,{size:12,color:"gray"})),D.createElement(Hp,null,D.createElement(Mi,{size:"small",variant:"body"},`${T} ${S[0].from.token.displayName} = `),D.createElement(nu,{content:ae(n.value),container:b,open:n.value?void 0:!1},D.createElement(Mi,{size:"small",variant:"body"},"\xA0",`${y} ${S[S.length-1].to.token.displayName}`))),D.createElement(nu,{content:ae(n.usdValue),container:b,style:{display:"flex"}},D.createElement(Ao,{color:"$neutral600",ml:2,size:"xsmall",variant:"body"},`($${h})`))),a==="list-item"&&D.createElement(oh,{type:"output",direction:"vertical",tooltipContainer:b,price:{value:y,usdValue:h,realValue:ae(n.value),realUsdValue:ae(n.usdValue)},token:{displayName:S[I-1].to.token.displayName,image:S[I-1].to.token.image},chain:{image:S[I-1].to.chain.image},percentageChange:w,warningLevel:C}),a==="swap-preview"&&D.createElement(D.Fragment,null,D.createElement(vo,{from:S[0].from,to:S[I-1].to,percentageChange:w,warningLevel:C}),D.createElement(zi,{size:4}))),D.createElement($p,{recommended:l,open:c,onOpenChange:d},D.createElement(ou,{quoteRef:m,recommended:l,setExpanded:d,expanded:c,steps:S}),D.createElement(qp,{open:c},D.createElement(Gp,null),D.createElement("div",{className:_p()},S.map((x,v)=>{let N=`item-${v}`;return D.createElement(th,{type:"quote-details",key:N,step:x,hasSeparator:v!==S.length-1,state:x.state,tooltipContainer:b})}))))))}i(qi,"Quote");import{Divider as ah,Skeleton as lh}from"@rango-dev/ui";import mt from"react";import{darkTheme as ih,styled as Jn}from"@rango-dev/ui";var su=Jn("div",{$$color:"$colors$neutral100",[`.${ih} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",borderBottomLeftRadius:"$xm",borderBottomRightRadius:"$xm",padding:"$15 ",variants:{rounded:{true:{borderRadius:"$xm"}}}}),au=Jn("div",{paddingTop:"$2"}),lu=Jn("div",{paddingLeft:"$8"}),pu=Jn("div",{borderLeft:"1px dashed black",minHeight:" 0",margin:"0px 11.5px",alignSelf:"stretch",variants:{hideSeparator:{true:{minHeight:"unset",height:"0"}}}});import{ChainToken as ku,Divider as $t,Skeleton as st}from"@rango-dev/ui";import z from"react";import{styled as it}from"@rango-dev/ui";var uu=it("div",{display:"flex",justifyContent:"space-between",alignItems:"center",height:"22px"}),cu=it("div",{display:"flex"}),mu=it("div",{padding:"$15 $0 14px $0"}),du=it("div",{padding:"$6 $0 $15 $0",display:"flex",flexDirection:"column"}),fu=it("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$5"}),gu=it("div",{display:"flex",justifyContent:"space-between",alignItems:"end"}),hu=it("div",{height:"$28",marginLeft:"13px",borderLeft:"1px solid $neutral700"}),yu=it("div",{width:"65%",display:"flex",justifyContent:"start"}),Su=it("div",{display:"flex",flexDirection:"column",alignItems:"start",flexGrow:1,maxWidth:"148px"}),Cu=it("div",{padding:"$15 $0 $15 $0"});function Eo(t){let{type:e,tag:o=!1}=t,n=z.createElement(gu,null,z.createElement(yu,null,z.createElement(ku,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),z.createElement($t,{size:8,direction:"horizontal"}),z.createElement(Su,null,z.createElement(st,{height:10,width:60,variant:"rounded"}),z.createElement($t,{size:4}),z.createElement(st,{height:15,variant:"rounded"}))),z.createElement(st,{height:12,width:64,variant:"rounded"}));return z.createElement("div",null,z.createElement(uu,null,z.createElement(cu,null,z.createElement(st,{width:60,height:10,variant:"rounded"}),z.createElement($t,{size:4,direction:"horizontal"}),z.createElement(st,{width:60,height:10,variant:"rounded"}),z.createElement($t,{size:4,direction:"horizontal"}),z.createElement(st,{width:60,height:10,variant:"rounded"})),o&&z.createElement(st,{height:22,width:100,variant:"rounded"})),e==="basic"&&z.createElement(mu,null,z.createElement(st,{height:15,width:148,variant:"rounded"})),e==="list-item"&&z.createElement(du,null,z.createElement(fu,null,z.createElement(ku,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),z.createElement($t,{direction:"horizontal",size:4}),z.createElement(st,{height:15,width:150,variant:"rounded"})),z.createElement($t,{size:4}),z.createElement(st,{height:10,width:184,variant:"rounded"})),e==="swap-preview"&&z.createElement(z.Fragment,null,z.createElement($t,{size:4}),z.createElement(Cu,null,n,z.createElement(hu,null),n)))}i(Eo,"QuoteSummarySkeleton");import{ChainToken as bu,Divider as Qi,NextIcon as sh,Skeleton as Zn}from"@rango-dev/ui";import me from"react";import{styled as Io}from"@rango-dev/ui";var Tu=Io("div",{display:"flex",alignItems:"start"}),wu=Io("div",{flexGrow:1,paddingTop:"$5",paddingBottom:"$10",display:"flex",alignItems:"center"}),Gi=Io("div",{display:"flex",alignItems:"center",flexGrow:1}),xu=Io("div",{margin:"$0 $2",padding:"$4",display:"flex",justifyContent:"center",alignItems:"center"}),vu=Io("div",{display:"flex",alignItems:"center"});function at(t){let{separator:e=!0}=t;return me.createElement(me.Fragment,null,me.createElement(vu,null,me.createElement(Zn,{height:22,width:22,variant:"circular"}),me.createElement(Qi,{direction:"horizontal",size:8}),me.createElement(Zn,{height:15,width:148,variant:"rounded"})),me.createElement(Tu,null,me.createElement(pu,{hideSeparator:!e}),me.createElement(wu,null,me.createElement(Gi,null,me.createElement(bu,{size:"small",loading:!0,chainImage:"",tokenImage:""}),me.createElement(Qi,{direction:"horizontal",size:8}),me.createElement(Zn,{height:12,variant:"rounded"})),me.createElement(xu,null,me.createElement(sh,{color:"gray",size:16})),me.createElement(Gi,null,me.createElement(bu,{size:"small",loading:!0,chainImage:"",tokenImage:""}),me.createElement(Qi,{direction:"horizontal",size:8}),me.createElement(Zn,{height:12,variant:"rounded"})))))}i(at,"StepSkeleton");function Hi(t){let{type:e,expanded:o,tag:n=!1}=t;return mt.createElement(su,{rounded:e!=="basic"},mt.createElement(Eo,{type:e,tag:n}),mt.createElement(au,null,mt.createElement(lh,{height:15,variant:"rounded"})),o&&mt.createElement(lu,null,mt.createElement(ah,{size:20}),mt.createElement(at,null),mt.createElement(at,null),mt.createElement(at,{separator:!1})))}i(Hi,"QuoteSkeleton");function Wo(t){let{quote:e,type:o,loading:n,error:r,warning:s,expanded:a=!1}=t,{inputAmount:l,inputUsdValue:p,outputUsdValue:u,outputAmount:c}=V(),m=!(r&&(r.type===0||r.type===1))&&e&&e.result&&!n;return n?Rn.createElement(Li,null,Rn.createElement(Hi,{type:o,expanded:a})):m?Rn.createElement(Li,null,Rn.createElement(qi,{quote:e,error:r,warning:s,type:o,expanded:a,recommended:!0,input:{value:l,usdValue:p?.toString()??""},output:{value:c?.toString()??"",usdValue:u?.toString()??""}})):null}i(Wo,"QuoteInfo");import{calculatePendingSwap as ch}from"@rango-dev/queue-manager-rango-preset";import{useEffect as mh}from"react";import{useRef as ph,useState as uh}from"react";function er(){let[t,e]=uh(!1),o=ph(null),n=i(()=>o.current?.abort(),"cancel");return{fetch:i(async s=>{n(),o.current=new AbortController,e(!0);try{let a=await zt().getBestRoute(s,{signal:o.current.signal});return o.current=null,a}catch(a){throw a}finally{e(!1)}},"fetch"),loading:t,cancelFetch:n}}i(er,"useFetchQuote");function tr(t){if(!t.result)throw new Error(H().noResultError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});if(Vr(t)){let{swap:n,recommendation:r,fromAmountRangeError:s}=jr(t);throw new Error("bridge limit error",{cause:{type:3,swap:n,recommendation:r,fromAmountRangeError:s}})}let o=Yr(t);if(o){let n=hn(t);throw new Error("",{cause:{type:4,recommendedSlippages:o,minRequiredSlippage:n}})}return t}i(tr,"throwErrorIfResponseIsNotValid");function Au(t,e,o){let n=!1;t&&(n=rl(t,e));let r={quote:null,quoteUpdate:null,balance:null},s=Sn(e,{fromToken:o.fromToken,toToken:o.toToken,tokens:o.meta.tokens,userSlippage:o.userSlippage});s&&(r.quote=s),t&&n&&(Xa(t,e)?r.quoteUpdate={type:3,newOutputAmount:E(Qt(e)),percentageChange:E(De(Qt(t)??"",Qt(e)??""),null,2)}:Jr(t,e)?r.quoteUpdate={type:0}:Zr(t,e)?r.quoteUpdate={type:1}:Rr(t,e)&&(r.quoteUpdate={type:2}));let a=Ka(e,o.selectedWallets,o.meta.blockchains);return a.length===0||(r.balance={messages:a}),r}i(Au,"generateWarnings");function or(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(or,"handleQuoteErrors");function Vi(){let{fromToken:t,toToken:e,inputAmount:o,setQuote:n,quote:r,customDestination:s,setQuoteWarningsConfirmed:a}=V(),{slippage:l,customSlippage:p,affiliatePercent:u,affiliateRef:c,affiliateWallets:d,disabledLiquiditySources:m}=f(),{connectedWallets:g}=G(),T=f().blockchains(),y=f().tokens(),{features:h}=f().config,{enableNewLiquiditySources:k}=f().config,w=p||l,{fetch:C,cancelFetch:A,loading:S}=er();return mh(()=>A,[]),{loading:S,fetch:i(async b=>{let x=b.selectedWallets,v=b?.customDestination??s;if(!t||!e||!o)return{quote:null,swap:null,error:null,warnings:null};let N=yn({fromToken:t,toToken:e,inputAmount:o,wallets:g,selectedWallets:x,excludeLiquiditySources:k,disabledLiquiditySources:m,slippage:w,affiliateRef:c,affiliatePercent:u,affiliateWallets:d,initialQuote:r??void 0,destination:v});an("experimentalRoute",h)&&(N.experimental=!0);let J;try{J=await C(N).then(ne=>tr(ne)),n(J)}catch(ne){return or(ne)}let W={slippage:w.toString(),disabledSwappersGroups:m},U=ch(o.toString(),J,Va(x),W,!1,{blockchains:T,tokens:y}),Z=Au(r??void 0,J,{fromToken:t,toToken:e,meta:{blockchains:T,tokens:y},selectedWallets:x,userSlippage:w});return Z.quoteUpdate&&a(!1),{quote:J,swap:U,error:null,warnings:Z}},"fetch"),cancelFetch:A}}i(Vi,"useConfirmSwap");var bh=hh("div",{width:"100%",display:"flex",justifyContent:"space-between",[`& ${Iu}`]:{width:"$48",height:"$48"}}),Ah=Xi({flexGrow:1,paddingRight:"$10"}),Eh=Xi({width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"}),Ih=Xi({display:"flex",justifyContent:"space-between",alignItems:"center"});function Wu(){let{quote:t,setInputAmount:e,selectedWallets:o,quoteWalletsConfirmed:n,setQuoteWalletConfirmed:r,customDestination:s,quoteWarningsConfirmed:a}=V(),l=vh(),p=xh(),[u,c]=rr(""),{connectedWallets:d}=G(),m=!n,[g,T]=rr(!1),y=f().disabledLiquiditySources,h=Th(y),{manager:k}=dh(),{fetch:w,loading:C,cancelFetch:A}=Vi(),[S,I]=rr({swap:null,error:null,warnings:null}),[b,x]=rr(!1),v=i(async({selectedWallets:Q,customDestination:Se})=>{let j=await w?.({selectedWallets:Q,customDestination:Se});return I(j),j},"onConfirmSwap"),N=i(async()=>{if(S.swap&&n)try{await k?.create("swap",{swapDetails:S.swap},{id:S.swap.requestId});let Q=`../${$.swaps}/${S.swap.requestId}`;l(Q,{replace:!0}),setTimeout(()=>{e("")},0)}catch(Q){c("Error: "+Q?.message)}},"addNewSwap"),J=i(async()=>{await N()},"onConfirm"),W=i(async()=>{S?.warnings?.quote&&!a?x(!0):await J()},"onStartConfirmSwap"),U=i(async()=>{I({error:null,swap:null,warnings:null}),w({selectedWallets:o,customDestination:s}).then(Q=>{I(Q)}).catch(Q=>console.error(Q))},"onRefresh");No(()=>{!!h.current.length&&!y.length&&U(),h.current=y},[y.length]),No(()=>{m&&A()},[m]),No(()=>{m&&T(m)},[m]),No(()=>{m||w({selectedWallets:o,customDestination:s}).then(Q=>I(Q)).catch(Q=>console.error(Q))},[]),No(()=>{let Q=S.warnings?.quote?.type&&Object.values(St).includes(S.warnings?.quote?.type),Se=o.length<1||!o.every(F=>d.find(Ce=>F.address===Ce.address&&F.walletType===Ce.walletType&&F.chain===Ce.chain)),j=!1;if(Q){let F=cn(t),Ce=t?.result?.swaps[t.result.swaps.length-1].to.blockchain;!!t?.result?.swaps.find(Re=>Re.from.blockchain===Ce)||(F=F.slice(-F.length,F.length-1)),F.every(Re=>o.find(It=>It.chain===Re))||(j=!0)}t&&(Se||j)&&(queueMicrotask(()=>wh(T.bind(null,!0))),r(!1))},[S.warnings?.quote,o.length,d.length]),kh(()=>{t||l(`../${p.search}`)},[]);let Z=S.warnings?.quote??null,ne=S.error,se=[];return u&&se.push(le.createElement(Eu,{type:"error",variant:"alarm",title:u})),S.warnings?.quoteUpdate&&se.push(le.createElement(Eu,{variant:"alarm",type:"warning",title:S.warnings.quoteUpdate&&Tn(S.warnings.quoteUpdate)})),(Z||ne)&&se.push(le.createElement(wo,{warning:Z,error:ne,loading:C,refetchQuote:U,showWarningModal:b,onOpenWarningModal:()=>x(!0),onCloseWarningModal:()=>x(!1),onConfirmWarningModal:async()=>{x(!1),await N()},onChangeSettings:()=>l($.settings)})),le.createElement(te,{header:{title:nr.t("Confirm Swap"),onWallet:()=>{let Q=`../${$.wallets}`;l(Q)},suffix:le.createElement(yh,{container:L(),side:"bottom",content:nr.t("Settings")},le.createElement(Oe,{size:"small",variant:"ghost",onClick:()=>l("../"+$.settings)},le.createElement(gh,{size:18,color:"black"})))},footer:le.createElement(bh,null,le.createElement("div",{className:Ah()},le.createElement(fh,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:C,disabled:!!S.error,onClick:W},nr.t("Start Swap"))),le.createElement(Iu,{variant:"contained",type:"primary",size:"large",loading:C,onClick:T.bind(null,!0)},le.createElement(Ch,{size:24})))},g&&le.createElement(mp,{open:g,onClose:()=>T(!1),onCancel:A,loading:C,onCheckBalance:v}),le.createElement(re,null,le.createElement("div",{className:Ih()},le.createElement(Sh,{variant:"title",size:"small"},nr.t("You get")),le.createElement("div",{className:Eh()},le.createElement(Mn,{onClick:!C&&!g&&!b?U:void 0}))),le.createElement(ji,{size:"12"}),El(se,le.createElement(ji,{size:10})),se.length>0?le.createElement(ji,{size:10}):null,le.createElement(Wo,{quote:t,type:"swap-preview",expanded:!0,error:S.error,loading:C,warning:S.warnings?.quote??null})))}i(Wu,"ConfirmSwapPage");import{i18n as lr}from"@lingui/core";import{useManager as _h}from"@rango-dev/queue-manager-react";import{Divider as Du,NotFound as Dh,styled as Fh}from"@rango-dev/ui";import ft,{useState as Oh}from"react";import{useNavigate as Uh}from"react-router-dom";import{CloseIcon as Nh,IconButton as Lh,SearchIcon as Bh,TextField as Ph}from"@rango-dev/ui";import Lo from"react";import{styled as Wh}from"@rango-dev/ui";var Nu=Wh("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function dt(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:s,value:a,setValue:l,...p}=t;return Lo.createElement(Ph,{prefix:Lo.createElement(Nu,null,Lo.createElement(Bh,{color:"black"})),suffix:!!a.length&&Lo.createElement(Lh,{variant:"ghost",onClick:()=>l?.(""),size:"small"},Lo.createElement(Nh,{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(dt,"SearchInput");import{i18n as Zi}from"@lingui/core";import{Divider as Bu,SwapListItem as Pu,Typography as Mu}from"@rango-dev/ui";import oe from"react";import{css as Mh,darkTheme as $h,styled as ir}from"@rango-dev/ui";var sr=Mh(),Ki=ir("div",{width:"100%",display:"flex",flexDirection:"column",[`& .${sr}`]:{$$color:"$colors$neutral600",[`.${$h} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Yi=ir("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),Ji=ir("div",{gap:"$10",display:"flex",flexDirection:"column"}),Lu=ir("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});function Ri(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,s=n?n(e):[{title:"History",swaps:e}];if(r){let a=[{},{}],l=[{title:Zi.t("Today"),swaps:a},{title:Zi.t("This month"),swaps:a}];return oe.createElement(oe.Fragment,null,l.map(p=>oe.createElement(oe.Fragment,{key:p.title},oe.createElement(Ki,null,oe.createElement(Yi,null,oe.createElement(Mu,{variant:"label",size:"medium",className:sr()},p.title)),oe.createElement(Bu,{size:4}),oe.createElement(Ji,null,p.swaps.map((u,c)=>{let d=c+p.title;return oe.createElement(oe.Fragment,{key:d},oe.createElement(Pu,{isLoading:!0}))}))))))}return oe.createElement(oe.Fragment,null,s.filter(a=>a.swaps.length>0).map(a=>oe.createElement(oe.Fragment,{key:a.title},oe.createElement(Ki,null,oe.createElement(Yi,null,oe.createElement(Mu,{variant:"label",size:"medium",className:sr()},a.title)),oe.createElement(Bu,{size:4}),oe.createElement(Ji,null,a.swaps.map(l=>{let p=l.steps[0],u=l.steps[l.steps.length-1];return oe.createElement(oe.Fragment,{key:l.requestId},oe.createElement(Pu,{requestId:l.requestId,creationTime:l.creationTime,status:l.status,onClick:o,tooltipContainer:L(),onlyShowTime:a.title===Zi.t("Today"),swapTokenData:{from:{token:{image:p.fromLogo,displayName:p.fromSymbol},blockchain:{image:p.fromBlockchainLogo||""},amount:E(l.inputAmount,6,6),realAmount:ae(l.inputAmount)},to:{token:{image:u.toLogo,displayName:u.toSymbol},blockchain:{image:u.toBlockchainLogo||""},amount:E(u.outputAmount||u.expectedOutputAmountHumanReadable||"",6,6),realAmount:ae(u.outputAmount||u.expectedOutputAmountHumanReadable)}}}))}))))))}i(Ri,"SwapsGroup");import{i18n as ar}from"@lingui/core";import $u from"dayjs";var _u=i(t=>{let e=new Map([["today",{title:ar.t("Today"),swaps:[]}],["week",{title:ar.t("This week"),swaps:[]}],["month",{title:ar.t("This month"),swaps:[]}],["year",{title:ar.t("This year"),swaps:[]}]]);function o(r,s){e.has(r)||e.set(r,{title:r,swaps:[]}),e.get(r)?.swaps.push(s)}i(o,"addYearsToOutput");let n=$u();return t.forEach(r=>{let s=Number(r.creationTime),a=$u(s);if(n.isSame(a,"day"))e.get("today")?.swaps.push(r);else if(n.isSame(a,"week"))e.get("week")?.swaps.push(r);else if(n.isSame(a,"month"))e.get("month")?.swaps.push(r);else if(n.isSame(a,"year"))e.get("year")?.swaps.push(r);else{let l=new Date(s).getFullYear().toString();o(l,r)}}),Array.from(e.values())},"groupSwapsByDate");var oo=i(t=>{let e=[];return t?.getAll().forEach((o,n)=>{let r=o.list.getStorage();r?.swapDetails&&e.push({id:n,swap:r?.swapDetails})}),e.sort((o,n)=>Number(n.swap.creationTime)-Number(o.swap.creationTime))},"getPendingSwaps");var zh=Fh("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),qh=i((t,e)=>t?.length?t.filter(o=>et(o.fromBlockchain,e)||et(o.toBlockchain,e)||et(o.toSymbol,e)||et(o.fromSymbol,e)).length:!1,"isStepContainsText");function Fu(){let t=Uh(),{manager:e,state:o}=_h(),n=oo(e).map(({swap:c})=>c),[r,s]=Oh(""),a=!o.loadedFromPersistor,l=i(c=>{let d=c.target.value;s(d)},"searchHandler"),p=n;r&&(p=n.filter(c=>et(c.inputAmount,r)||et(c.status,r)||qh(c.steps,r)||et(c.requestId,r)));let u=!p?.length&&!a;return ft.createElement(te,{header:{title:lr.t("History")}},ft.createElement(re,null,ft.createElement(dt,{setValue:s,fullWidth:!0,variant:"contained",placeholder:lr.t("Search Transaction"),autoFocus:!0,onChange:l,value:r}),ft.createElement(Du,{size:"16"}),ft.createElement(zh,null,u&&ft.createElement(Lu,null,ft.createElement(Du,{size:32}),ft.createElement(Dh,{title:lr.t("No results found"),description:r?lr.t("Try using different keywords"):""})),!u&&ft.createElement(Ri,{list:p,onSwapClick:t,groupBy:_u,isLoading:a}))))}i(Fu,"HistoryPage");import{i18n as os}from"@lingui/core";import{Button as Kh,Divider as qu,styled as Qu,SwapInput as Gu,WarningIcon as Yh}from"@rango-dev/ui";import Te,{useEffect as Jh,useState as Zh}from"react";import{useNavigate as Rh}from"react-router-dom";import{ReverseIcon as Gh,styled as Ou}from"@rango-dev/ui";import es from"react";var Qh=Ou("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),Hh=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 Uu(){let t=V.use.switchFromAndTo();return es.createElement(Qh,null,es.createElement(Hh,{onClick:()=>{t()}},es.createElement(Gh,{size:12})))}i(Uu,"SwitchFromAndToButton");import{useCallback as Vh,useEffect as jh,useState as ts}from"react";var Xh=600;function zu(){let{fetch:t,cancelFetch:e}=er(),{liquiditySources:o,enableNewLiquiditySources:n,features:r}=f().config,s=f().tokens(),{fromToken:a,toToken:l,inputAmount:p,inputUsdValue:u,quote:c,resetQuote:d,setQuote:m}=V(),{slippage:g,customSlippage:T,affiliatePercent:y,affiliateRef:h,affiliateWallets:k,disabledLiquiditySources:w,fetchStatus:C}=f(),[A,S]=ts(!0),[I,b]=ts(null),[x,v]=ts(null),N=T??g,W=!a||!l||Me(a,l)||!po(p),U=i(se=>{S(se),b(null),v(null)},"resetState"),Z=i(se=>{let{fromToken:Q,toToken:Se,inputAmount:j,liquiditySources:F,excludeLiquiditySources:Ce,disabledLiquiditySources:Ze,slippage:We,affiliateRef:Re,affiliatePercent:It,affiliateWallets:_}=se;if(A||U(!0),!W&&Q&&Se){d();let X=yn({fromToken:Q,toToken:Se,inputAmount:j,liquiditySources:F,excludeLiquiditySources:Ce,disabledLiquiditySources:Ze,slippage:We,affiliateRef:Re,affiliatePercent:It,affiliateWallets:_});an("experimentalRoute",r)&&(X.experimental=!0),t(X).then(q=>{S(!1),m(q),tr(q);let ue=Sn(q,{fromToken:Q,toToken:Se,userSlippage:N,tokens:s});v(ue)}).catch(q=>{let{error:ue}=or(q);(ue?.type===0||ue?.type===1)&&d(),ue?.type!==2&&(b(ue),S(!1))})}},"fetch"),ne=Vh(xa(se=>{W||Z(se)},Xh),[W]);return jh(()=>{if(C==="success"){if(!po(p)||u?.eq(0)){U(!1),e();return}if(W){c&&d();return}return d(),U(!0),ne({inputAmount:p,fromToken:a,toToken:l,liquiditySources:o,excludeLiquiditySources:n,disabledLiquiditySources:w,slippage:N,affiliateRef:h,affiliatePercent:y,affiliateWallets:k}),e}},[C,p,a?.symbol,a?.address,a?.blockchain,l?.symbol,l?.address,l?.blockchain,W,o?.length,n,w.length,N,h,y,JSON.stringify(k)]),{fetch:()=>Z({inputAmount:p,fromToken:a,toToken:l,liquiditySources:o,excludeLiquiditySources:n,disabledLiquiditySources:w,slippage:N,affiliateRef:h,affiliatePercent:y,affiliateWallets:k}),loading:A,error:I,warning:x}}i(zu,"useSwapInput");var ey=Qu("div",{position:"relative"}),ty=Qu("div",{display:"flex",flexDirection:"column",gap:5,alignSelf:"stretch"});function Hu(){let t=Rh(),{fetch:e,loading:o,error:n,warning:r}=zu(),{fromToken:s,fromBlockchain:a,toToken:l,toBlockchain:p,setInputAmount:u,inputAmount:c,inputUsdValue:d,outputAmount:m,outputUsdValue:g,quote:T,resetQuoteWallets:y,setQuoteWarningsConfirmed:h}=V(),k=f().fetchStatus,{connectedWallets:w,getBalanceFor:C}=G(),[A,S]=Zh(!1),I=!!a&&ga(w,a.name),b=!1,x=!Xr(T,c,d),v=!Xr(T,c,g),N=za({fetchMetaStatus:k,fetchingQuote:o,inputAmount:c,quote:T,anyWalletConnected:w.length>0,error:n,warning:r,needsToWarnEthOnPath:b}),J=s?C(s):null,W=en(J)?.amount??"0",U=a&&s?E(J?.amount,J?.decimals):"0",Z=k==="success"&&!!c&&!!s&&!!l&&o;Jh(()=>{y()},[]);let ne=!d||!g||!g.gt(0)?null:De(d.toString(),g.toString());return Te.createElement(te,{height:"auto",hasLogo:!0,footer:Te.createElement(Kh,{type:"primary",size:"large",disabled:N.disabled,prefix:N.action==="confirm-warning"&&Te.createElement(Yh,null),fullWidth:!0,onClick:()=>{N.action==="connect-wallet"?t($.wallets):N.action==="confirm-warning"?S(!0):t($.confirmSwap)}},N.title),header:{onWallet:()=>{t($.wallets)},hasBackButton:!1,title:os.t("Swap"),suffix:Te.createElement(gi,{onClickRefresh:(T||n)&&!A?e:void 0,onClickHistory:()=>t($.swaps),onClickSettings:()=>t($.settings)})}},Te.createElement(re,null,Te.createElement(ty,null,Te.createElement(ey,null,Te.createElement(Gu,{label:os.t("From"),mode:"From",onInputChange:u,balance:W,chain:{displayName:a?.displayName||"",image:a?.logo||""},token:{displayName:s?.symbol||"",image:s?.image||""},onClickToken:()=>t($.fromSwap),price:{value:c,usdValue:x?void 0:E(d,4,4),realUsdValue:x?void 0:ae(d),error:x?H().unknownPriceError.impactTitle:void 0},disabled:k==="failed",loading:k==="loading",loadingBalance:I,tooltipContainer:L(),onSelectMaxBalance:()=>{W!=="0"&&u(U.split(",").join(""))}}),Te.createElement(Uu,null)),Te.createElement(Gu,{sharpBottomStyle:!!T?.result||Z,label:os.t("To"),mode:"To",fetchingQuote:Z,chain:{displayName:p?.displayName||"",image:p?.logo||""},token:{displayName:l?.symbol||"",image:l?.image||""},percentageChange:E(De(d,g),2,2),warningLevel:ct(ne??0),price:{value:E(m,6,6),usdValue:v?void 0:E(g,4,4),realValue:ae(m),realUsdValue:v?void 0:ae(g),error:v?H().unknownPriceError.impactTitle:void 0},onClickToken:()=>t($.toSwap),disabled:k==="failed",loading:k==="loading",tooltipContainer:L()})),Te.createElement(qu,{size:"2"}),Te.createElement(Wo,{quote:T,loading:Z,error:n,warning:r,type:"basic"}),r||n?Te.createElement(Te.Fragment,null,Te.createElement(qu,{size:"10"}),Te.createElement(wo,{warning:r,error:n,loading:Z,refetchQuote:e,showWarningModal:A,onOpenWarningModal:()=>S(!0),onCloseWarningModal:()=>S(!1),onConfirmWarningModal:()=>{S(!1),h(!0),t($.confirmSwap)},onChangeSettings:()=>t($.settings)})):null))}i(Hu,"Home");import{i18n as Vu}from"@lingui/core";import{List as oy,ListItemButton as ny,Radio as ry,RadioRoot as iy,Typography as sy}from"@rango-dev/ui";import bt from"react";function no(){let{setLanguage:t,language:e,config:o}=f(),n=Aa,r=o?.language||co;return{activeLanguage:e||r,languages:n,defaultLanguage:r,changeLanguage:s=>t(s||co),resetLanguage:()=>t(null)}}i(no,"useLanguage");function ju(){let{activeLanguage:t,changeLanguage:e,languages:o}=no(),n=o.map(r=>{let{local:s,label:a,SVGFlag:l}=r;return{id:s,value:s,title:bt.createElement(sy,{variant:"title",size:"xmedium"},a),onClick:()=>e(r.local),end:bt.createElement(ry,{value:s}),start:bt.createElement(l,null)}});return bt.createElement(te,{header:{title:Vu.t("Language")}},bt.createElement(re,null,bt.createElement(iy,{value:t},bt.createElement(oy,{type:bt.createElement(ny,{title:Vu.t("language"),id:"_",onClick:()=>console.log()}),items:n}))))}i(ju,"LanguagePage");import{i18n as gt}from"@lingui/core";import{Button as cy,Checkbox as my,Image as dy,ListItemButton as fy,NotFound as gy,Typography as hy}from"@rango-dev/ui";import be,{useState as yy}from"react";import{Checkbox as py,Skeleton as Ku}from"@rango-dev/ui";import Po from"react";import{styled as ns}from"@rango-dev/ui";var Bo=ns("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto"}),rs=ns("div",{width:80,display:"flex",justifyContent:"flex-end"}),is=ns("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});import{ListItem as ay,styled as ly}from"@rango-dev/ui";var Xu=ly(ay,{height:61});var uy=30;function ss(){return Po.createElement(Bo,null,Array.from(Array(uy),t=>Po.createElement(Xu,{hasDivider:!0,key:t,start:Po.createElement(Ku,{variant:"circular",width:35,height:35}),title:Po.createElement(Ku,{variant:"text",size:"large",width:90}),end:Po.createElement(py,{checked:!1})})))}i(ss,"LoadingLiquiditySourceList");function as({sourceType:t}){let e=f().fetchStatus,o=f().swappers(),n=f().disabledLiquiditySources,[r,s]=yy(""),a=f().toggleLiquiditySource,l=sn(o,n),p={Exchanges:gt.t("Exchanges"),Bridges:gt.t("Bridges")},u=[];t==="Exchanges"&&u.push("DEX"),t==="Bridges"&&(u.push("BRIDGE"),u.push("AGGREGATOR"));let c=l.filter(h=>u.includes(h.type)),d=c.length===c.filter(h=>h.selected).length,m=i(()=>{c.forEach(h=>{d?a(h.groupTitle):h.selected||a(h.groupTitle)})},"toggleAllSources"),g=c.map(h=>{let{selected:k,groupTitle:w,logo:C}=h;return{start:be.createElement(dy,{src:C,size:22,type:"circular"}),onClick:()=>a(w),end:be.createElement(my,{checked:k}),title:be.createElement(hy,{variant:"title",size:"xmedium"},gt.t(w)),...h}}),T=i(h=>{let k=h.target.value;s(k)},"searchHandler"),y=g;return r&&(y=g.filter(h=>et(h.groupTitle,r))),be.createElement(te,{header:{title:gt.t(t),suffix:be.createElement(rs,null,be.createElement(cy,{variant:"ghost",size:"xsmall",onClick:m},d?gt.t("Deselect all"):gt.t("Select all")))}},be.createElement(re,{view:!0},be.createElement(dt,{value:r,setValue:s,fullWidth:!0,color:"light",variant:"contained",placeholder:gt.t("Search {sourceType}",{sourceType:p[t]}),onChange:T}),e==="loading"&&be.createElement(ss,null),!y.length&&r?be.createElement(is,null,be.createElement(gy,{title:gt.t("No results found"),description:gt.t("Try using different keywords")})):e==="success"&&be.createElement(Bo,null,y.map(h=>be.createElement(be.Fragment,{key:h.id},be.createElement(fy,{style:{height:"61px"},...h,selected:!1,hasDivider:!0}))))))}i(as,"LiquiditySourcePage");import{i18n as nc}from"@lingui/core";import{Divider as rc,getCountCategories as Ey,SelectableCategoryList as Iy}from"@rango-dev/ui";import ht,{useState as ic}from"react";import{i18n as ps}from"@lingui/core";import{Divider as tc,Image as wy,ListItemButton as xy,NotFound as vy,Typography as oc}from"@rango-dev/ui";import ze,{useEffect as by,useState as Ay}from"react";import{BlockchainCategories as ls}from"@rango-dev/ui";import{TransactionType as pr}from"rango-sdk";var Sy=i((t,e)=>{switch(e){case ls.ALL:return!0;case ls.UTXO:return t.type===pr.TRANSFER;case ls.OTHER:return t.type!==pr.TRANSFER&&t.type!==pr.COSMOS&&t.type!==pr.EVM;default:return t.type===e}},"filterByType"),Yu=i((t,e,o)=>t.filter(n=>Sy(n,o)).filter(n=>Wt(n.name,e)||Wt(n.displayName,e)),"filterBlockchains");import{ImageContainer as Cy,styled as Ju}from"@rango-dev/ui";var Zu=Ju("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),ur=Ju(yo,{padding:0,margin:0,listStyle:"none",[`& ${Cy}`]:{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as ky,Skeleton as Ru}from"@rango-dev/ui";import cr from"react";var Ty=20;function ec(){return cr.createElement(ur,null,Array.from(Array(Ty),t=>cr.createElement(ky,{key:t,hasDivider:!0,start:cr.createElement(Ru,{variant:"circular",width:35,height:35}),title:cr.createElement(Ru,{variant:"text",size:"large",width:90})})))}i(ec,"LoadingBlockchainList");function us(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[s,a]=Ay(e),{fetchStatus:l}=f();by(()=>{a([...Yu(e,o,r)])},[e,o,r]);let p=i(()=>!s.length&&o?ze.createElement(ze.Fragment,null,ze.createElement(tc,{size:32}),ze.createElement(vy,{title:ps.t("No results found"),description:ps.t("Try using different keywords")})):ze.createElement(ur,{as:"ul",key:`${r}-${o}`},s.map(u=>ze.createElement(xy,{key:`${u.name}-${u.chainId}`,hasDivider:!0,onClick:()=>n(u),start:ze.createElement(wy,{src:u.logo,size:30}),title:ze.createElement(oc,{variant:"title",size:"medium"},u.displayName),id:u.chainId}))),"renderList");return ze.createElement(Zu,null,ze.createElement(oc,{variant:"label",size:"large"},ps.t("Select Blockchain")),ze.createElement(tc,{size:4}),l==="loading"&&ze.createElement(ec,null),l==="success"&&p())}i(us,"BlockchainList");function cs(t){let{type:e}=t,o=Tt(),[n,r]=ic(""),[s,a]=ic("ALL"),l=V.use.setToBlockchain(),p=V.use.setFromBlockchain(),u=f().fetchStatus,c=f().blockchains({type:e}),m=Ey(c)!==1;return ht.createElement(te,{header:{title:nc.t("Select Blockchain")}},ht.createElement(re,{view:!0},m&&ht.createElement(ht.Fragment,null,ht.createElement(Iy,{setCategory:a,category:s,blockchains:c,isLoading:u==="loading"}),ht.createElement(rc,{size:24})),ht.createElement(dt,{value:n,autoFocus:!0,placeholder:nc.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:g=>r(g.target.value)}),ht.createElement(rc,{size:16}),ht.createElement(us,{list:c,searchedFor:n,blockchainCategory:s,onChange:g=>{e==="source"?p(g):l(g),o()}})))}i(cs,"SelectBlockchainPage");import{i18n as hr}from"@lingui/core";import{Divider as bc}from"@rango-dev/ui";import _t,{useState as Vy}from"react";import{useNavigate as jy}from"react-router-dom";import{i18n as fs}from"@lingui/core";import{BlockchainsChip as mr,Divider as pc,Image as uc,Skeleton as Py,Tooltip as My,Typography as gs}from"@rango-dev/ui";import ge from"react";import{useEffect as Ly}from"react";var sc=["ETH","COSMOS","OSMOSIS"];function ms(t,e,o){let n=JSON.parse(JSON.stringify(t)),r=[];if(n.sort(Wy),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(Ny(a)),r=n.splice(s)}return{list:n,more:r}}i(ms,"prepare");function Wy(t,e){let o=sc,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(Wy,"sortByMostUsedBlockchains");function Ny(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(Ny,"generateSortByPreferredBlockchainsFor");function ac(t,e){return!!e.list.find(o=>o.name===t)}i(ac,"isInVisibleList");function ds(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=f();Ly(()=>{if(e?.selected){let s=ms(t,o,e);ac(e.selected,s)||n(e?.selected)}},[e?.selected]);let r=ms(t,o,e);return{list:r.list,more:r.more,history:[]}}i(ds,"usePrepareBlockchainList");import{styled as By}from"@rango-dev/ui";var lc=By("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var $y=12;function hs(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:s}=t,a=ds(e,{limit:10,selected:n?.name}),{fetchStatus:l}=f(),p=V.use.resetToBlockchain(),u=V.use.resetFromBlockchain(),c=a.more.length>0,d=a.more.length===1,m=!d&&c;return ge.createElement(ge.Fragment,null,ge.createElement(pc,{size:12}),ge.createElement(gs,{variant:"label",size:"large"},fs.t("Select Blockchain")),ge.createElement(pc,{size:12}),ge.createElement(lc,null,l==="loading"&&Array.from(Array($y),g=>ge.createElement(Py,{key:g,variant:"rounded",height:50})),l==="success"&&ge.createElement(ge.Fragment,null,ge.createElement(mr,{selected:!n,onClick:()=>{o==="from"?u():p()}},ge.createElement(gs,{variant:"body",size:"xsmall",color:"secondary500"},fs.t("All"))),a.list.map(g=>ge.createElement(My,{key:g.name,content:g.shortName,side:"bottom",sideOffset:2,container:L()},ge.createElement(mr,{key:g.name,selected:!!n&&n.name===g.name,onClick:()=>r(g)},ge.createElement(uc,{src:g.logo,size:30})))),d?ge.createElement(mr,{key:a.more[0].name,selected:!!n&&n.name===a.more[0].name,onClick:()=>r(a.more[0])},ge.createElement(uc,{src:a.more[0].logo,size:30})):null,m?ge.createElement(mr,{onClick:s,key:"more-blockchains"},ge.createElement(gs,{variant:"body",size:"xsmall",color:"secondary500"},fs._("More +{count}",{count:a.more.length}))):null)))}i(hs,"BlockchainsSection");import{i18n as As}from"@lingui/core";import{darkTheme as kc,Divider as io,ExternalLinkIcon as Fy,Image as Oy,ListItemButton as Uy,NotFound as zy,PinIcon as qy,Skeleton as Tc,Typography as gr,VirtualizedList as Gy}from"@rango-dev/ui";import M,{forwardRef as Qy,useEffect as wc,useState as xc}from"react";import{Divider as Sc,ListItem as Dy,Skeleton as Mo}from"@rango-dev/ui";import Ye from"react";import{css as ro,darkTheme as cc,ImageContainer as _y,styled as Ke,Typography as mc}from"@rango-dev/ui";var ys=ro({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}),Ss=ro({position:"relative",height:12,width:"30%",maxWidth:"150px"}),Cs=ro({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",bottom:"-8px"}),ks=ro({transform:"translateY(12px)",visibility:"hidden","& a":{display:"flex",justifyContent:"center",alignItems:"center",fontSize:"$12",lineHeight:"$16",$$color:"$colors$neutral600",[`.${cc} &`]:{$$color:"$colors$neutral700"},color:"$$color",textDecoration:"none"}}),Ts=ro({}),ws=ro(),dc=Ke("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),xs=Ke("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),dr=Ke("ul",{flexGrow:1,padding:0,margin:0,listStyle:"none","& li":{alignItems:"none","&:hover":{[`& .${Ss}`]:{[`& .${ks}`]:{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",visibility:"visible"},[`& .${Ts}`]:{bottom:"-15px"},[`& .${ys}`]:{position:"absolute",transform:"translateY(-12px)",visibility:"hidden"},[`& .${Cs}`]:{position:"absolute",transform:"translateY(-12px)",bottom:"-10px"}}}}}),vs=Ke("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),bs=Ke(mc,{}),fc=Ke("div",{textAlign:"right",width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",[`& .${ws}`]:{$$color:"$colors$neutral600",[`.${cc} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),fr=Ke("div",{display:"flex",alignItems:"end",flexDirection:"column"}),SP=Ke("div",{display:"flex",alignItems:"center"}),gc=Ke("div",{position:"relative",[`& ${_y}`]:{borderRadius:"$xm",overflow:"hidden"}}),hc=Ke("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6}),yc=Ke(mc,{width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"});function Cc(t){return Ye.createElement(dr,null,Array.from(Array(t.size),e=>Ye.createElement(Dy,{key:e,hasDivider:!0,start:Ye.createElement(Mo,{variant:"circular",width:35,height:35}),end:Ye.createElement(fr,null,Ye.createElement(Mo,{variant:"text",size:"large",width:70}),Ye.createElement(Sc,{size:4}),Ye.createElement(Mo,{variant:"text",size:"medium",width:50})),title:Ye.createElement("div",null,Ye.createElement(Mo,{variant:"text",size:"large",width:90}),Ye.createElement(Sc,{size:4}),Ye.createElement(Mo,{variant:"text",size:"medium",width:90}))})))}i(Cc,"LoadingTokenList");var Es=20,Hy=i(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:s,customCssForTagTitle:a}=t,l=e.length;return M.createElement("div",{className:Ss()},o?M.createElement("div",{className:ys()},o):M.createElement(xs,{className:Cs()},M.createElement(gr,{variant:"title",size:"xmedium"},r.symbol),M.createElement(io,{direction:"horizontal",size:4}),M.createElement(vs,{css:s},M.createElement(bs,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&M.createElement("div",{className:`${ks()} ${!o&&Ts()}`},M.createElement("a",{href:n,target:"_blank",rel:"nofollow noreferrer",onClick:p=>p.stopPropagation()},l>10?`${e.slice(0,5)}...${e.slice(l-6,l)}`:e," ",M.createElement(io,{size:4,direction:"horizontal"}),M.createElement(Fy,{color:"gray",size:12}))))},"renderDesc");function vc(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[s,a]=xc(e),l=f().fetchStatus,p=f().blockchains(),[u,c]=xc(!0),{getBalanceFor:d,loading:m}=G(),{isTokenPinned:g}=f(),T=Qy((k,w)=>M.createElement("div",{...k,ref:w,style:{...k.style,height:`${parseFloat(k.style?.height)+8*2}px`}})),y=i(()=>{a(e.slice(0,s.length+Es))},"loadNextPage");wc(()=>{c(e.length>s.length)},[s.length]),wc(()=>{a(e.slice(0,Es))},[e]);let h=i(()=>!s.length&&o?M.createElement(M.Fragment,null,M.createElement(io,{size:32}),M.createElement(zy,{title:As.t("No results found"),description:As.t("Try using different keywords")})):M.createElement(Gy,{Item:({index:k,style:w})=>{let C=s[k],A=en(d(C)),S=C.address||"",I=p.find(N=>N.name===C.blockchain),b=Wn(C.symbol,I?.color||""),x={$$color:b[`${C.symbol}100`],[`.${kc} &`]:{$$color:b[`${C.symbol}900`]},backgroundColor:"$$color"},v={$$color:b[`${C.symbol}700`],[`.${kc} &`]:{$$color:b[`${C.symbol}100`]},color:"$$color"};return M.createElement("div",{style:{...w,paddingRight:5}},M.createElement(Uy,{style:{height:w?.height,width:"100%",overflow:"hidden"},"tab-index":k,key:`${C.symbol}${C.address}`,id:`${C.symbol}${C.address}`,hasDivider:!0,onClick:()=>n(s[k]),start:M.createElement(gc,null,M.createElement(Oy,{src:C.image,size:30}),g(C,t.type)&&M.createElement(hc,null,M.createElement(qy,{size:12,color:"gray"}))),title:I?.type==="COSMOS"||C.name||!C.name&&!S?M.createElement(xs,null,M.createElement(gr,{variant:"title",size:"xmedium"},C.symbol),M.createElement(io,{direction:"horizontal",size:4}),M.createElement(vs,{css:x},M.createElement(bs,{variant:"body",size:"xsmall",css:v},C.blockchain))):void 0,description:I?.info&&S&&I.type!=="COSMOS"?Hy({address:S,token:s[k],customCssForTag:x,customCssForTagTitle:v,name:C.name,url:I.info.addressUrl.split("{wallet}").join(S)}):C.name||void 0,end:m?M.createElement(fr,null,M.createElement(Tc,{variant:"text",size:"large",width:70}),M.createElement(io,{size:4}),M.createElement(Tc,{variant:"text",size:"medium",width:50})):A&&M.createElement(fc,null,M.createElement(yc,{variant:"title",size:"small"},A.amount),M.createElement("div",null),A.usdValue&&M.createElement(gr,{variant:"body",className:ws(),size:"xsmall"},`$${A.usdValue}`))}))},hasNextPage:u,itemCount:s.length,loadNextPage:y,innerElementType:T,size:60,key:`${r}-${o}`}),"renderList");return M.createElement(dc,null,M.createElement(gr,{variant:"label",size:"large"},As.t("Select Token")),M.createElement(io,{size:4}),l==="loading"&&M.createElement(Cc,{size:Es}),l==="success"&&M.createElement(dr,{as:"ul"},h()))}i(vc,"TokenList");function Is(t){let{type:e}=t,o=jy(),n=Tt(),{fromBlockchain:r,toBlockchain:s,setFromToken:a,setToToken:l,setFromBlockchain:p,setToBlockchain:u}=V(),c=G.use.getBalanceFor(),[d,m]=Vy(""),{isTokenPinned:g}=f(),y=(e==="source"?r:s)?.name??"",h=f().blockchains({type:e}),k=f().tokens({type:e,blockchain:y,searchFor:d}),C=ma(k,c,i(b=>g(b,e),"checkIsTokenPinned")),A=i(b=>{e==="source"?p(b):u(b)},"updateBlockchain"),S=i(b=>{e==="source"?a({token:b,meta:{blockchains:h,tokens:k}}):l({token:b,meta:{blockchains:h,tokens:k}})},"updateToken"),I={source:hr.t("Source"),destination:hr.t("Destination")};return _t.createElement(te,{header:{title:hr.t("Swap {type}",{type:I[e]})}},_t.createElement(re,null,_t.createElement(hs,{blockchains:h,type:e=="source"?"from":"to",blockchain:e==="source"?r:s,onMoreClick:()=>o($.blockchains),onChange:b=>{A(b)}}),_t.createElement(bc,{size:24}),_t.createElement(dt,{value:d,autoFocus:!0,placeholder:hr.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>m(""),onChange:b=>m(b.target.value)}),_t.createElement(bc,{size:16}),_t.createElement(vc,{list:C,selectedBlockchain:y,searchedFor:d,type:e,onChange:b=>{S(b);let x=h.find(v=>b.blockchain===v.name);x&&A(x),n()}})))}i(Is,"SelectSwapItemsPage");import{i18n as Dt}from"@lingui/core";import{ChevronRightIcon as Ls,Divider as Bs,InfoIcon as tS,List as oS,ListItemButton as nS,Skeleton as rS,Switch as iS,Tooltip as sS,Typography as Ft}from"@rango-dev/ui";import K from"react";import{useNavigate as aS}from"react-router-dom";import{i18n as Lc}from"@lingui/core";import{Divider as Jy,InfoIcon as Zy,TextField as Ry,Tooltip as eS,Typography as Bc}from"@rango-dev/ui";import Be from"react";import{Chip as Xy,styled as $o,TextField as Ky}from"@rango-dev/ui";var Ac=$o("div",{paddingTop:"$5",padding:"$10 $5"}),Ec=$o("div",{display:"flex",flexWrap:"wrap",gap:"$10",[`& ${Ky}`]:{flex:"1 1 0",maxWidth:"127px",minWidth:"85px"}}),Ic=$o("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),yr=$o("div",{maxWidth:"280px",padding:"$10"}),Wc=$o(Xy,{width:"61px",flexShrink:0});import{i18n as Ws}from"@lingui/core";import{Typography as Yy}from"@rango-dev/ui";import _o from"react";function Nc(){return _o.createElement(yr,null,_o.createElement(Yy,{variant:"label",size:"medium",color:"neutral700"},Ws.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),_o.createElement("br",null),_o.createElement("br",null),_o.createElement("b",null,Ws.t("Warning")),":",Ws.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(Nc,"SlippageTooltipContent");function Ns(){let{slippage:t,setSlippage:e,customSlippage:o,setCustomSlippage:n}=f();return Be.createElement(Ac,null,Be.createElement(Ic,null,Be.createElement(Bc,{variant:"title",size:"xmedium"},Lc.t("Slippage tolerance per swap")),Be.createElement(Jy,{direction:"horizontal",size:4}),Be.createElement(eS,{container:L(),side:"top",sideOffset:4,content:Be.createElement(Nc,null)},Be.createElement(Zy,{color:"gray"}))),Be.createElement(Ec,null,Ea.map((r,s)=>{let a=`slippage-${s}`;return Be.createElement(Be.Fragment,null,Be.createElement(Wc,{key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`}))}),Be.createElement(Ry,{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>=La&&a<=Na?n(a):n(null)},suffix:o&&Be.createElement(Bc,{variant:"body",size:"small"},"%"),placeholder:Lc.t("Custom")})))}i(Ns,"Slippage");function Pc(){let t=aS(),{theme:e}=f().config,o=f().fetchStatus,n=f().swappers(),r=f().disabledLiquiditySources,{config:{features:s}}=f(),a=$e("theme",s),l=$e("liquiditySource",s),p=$e("language",s),u=f().infiniteApprove,c=f().toggleInfiniteApprove,d=sn(n,r),m=d.filter(x=>x.type==="BRIDGE"||x.type==="AGGREGATOR"),g=m.length,T=m.filter(x=>x.selected).length,y=d.filter(x=>x.type==="DEX"),h=y.length,k=y.filter(x=>x.selected).length,w=i((x,v)=>{switch(o){case"loading":return K.createElement(rS,{variant:"text",size:"medium",width:50});case"failed":return K.createElement(Ft,{variant:"body",size:"medium",color:"$error500"},Dt.t("Loading failed"));default:return K.createElement(Ft,{variant:"body",size:"medium"},`${x} / ${v}`)}},"handleEndItem"),C={id:"bridge-item",title:K.createElement(Ft,{variant:"title",size:"xmedium"},Dt.t("Enabled bridges")),end:K.createElement(K.Fragment,null,w(T,g),K.createElement(Bs,{direction:"horizontal",size:8}),K.createElement(Ls,{color:"black"})),onClick:()=>t($.bridges)},A={id:"exchange-item",title:K.createElement(Ft,{variant:"title",size:"xmedium"},Dt.t("Enabled exchanges")),end:K.createElement(K.Fragment,null,w(k,h),K.createElement(Bs,{direction:"horizontal",size:8}),K.createElement(Ls,{color:"gray"})),onClick:()=>t($.exchanges)},S={id:"theme-item",title:K.createElement(Ft,{variant:"title",size:"xmedium"},Dt.t("Theme")),end:K.createElement(Ls,{color:"gray"}),onClick:()=>t($.themes)},I={id:"infinite-approval-item",title:K.createElement(K.Fragment,null,K.createElement(Ft,{variant:"title",size:"xmedium"},Dt.t("Infinite approval")),K.createElement(Bs,{direction:"horizontal",size:4}),K.createElement(sS,{side:"top",sideOffset:4,container:L(),content:K.createElement(yr,null,K.createElement(Ft,{variant:"label",size:"medium",color:"neutral700"},Dt.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.")))},K.createElement(tS,{color:"gray"}))),end:K.createElement(iS,{checked:u}),onClick:c},b=l?[]:[C,A];return!e?.singleTheme&&!a&&b.push(S),b.push(I),K.createElement(te,{header:{title:Dt.t("Settings")}},K.createElement(re,null,K.createElement(Ns,null),K.createElement(oS,{type:K.createElement(nS,{title:"_",id:"_",onClick:()=>console.log()}),items:b})))}i(Pc,"SettingsPage");import{i18n as KS}from"@lingui/core";import{cancelSwap as YS}from"@rango-dev/queue-manager-rango-preset";import{useManager as JS}from"@rango-dev/queue-manager-react";import{Alert as ZS}from"@rango-dev/ui";import js from"react";import{useParams as RS}from"react-router-dom";import{i18n as yt}from"@lingui/core";import{getCurrentBlockchainOfOrNull as LS,getCurrentStep as BS,getRelatedWalletOrNull as PS}from"@rango-dev/queue-manager-rango-preset";import{Button as am,CopyIcon as MS,Divider as $S,IconButton as _S,LinkIcon as DS,QuoteCost as FS,StepDetails as OS,Typography as ao,useCopyToClipboard as US}from"@rango-dev/ui";import{useWallets as zS}from"@rango-dev/wallets-react";import lm from"bignumber.js";import{PendingSwapNetworkStatus as Er}from"rango-types";import Y,{useEffect as pm,useRef as qS,useState as um}from"react";import{useNavigate as GS}from"react-router-dom";import{i18n as At}from"@lingui/core";var lS=[At.t("Sunday"),At.t("Monday"),At.t("Tuesday"),At.t("Wednesday"),At.t("Thursday"),At.t("Friday"),At.t("Saturday")];function Mc(t){let e=new Date(t),o=e.getDate(),n=e.toLocaleString("default",{month:"long"}),r=e.getFullYear();return`${e.getDay()===new Date().getDay()?At.t("Today"):`${lS[e.getDay()]} ${o} ${n} ${r}`}, ${new Date(t).toLocaleTimeString()}`}i(Mc,"timeSince");function $c(t){return t.finishTime?Mc(parseInt(t.finishTime)):Mc(parseInt(t.creationTime))}i($c,"getSwapDate");import{Modal as gS}from"@rango-dev/ui";import{PendingSwapNetworkStatus as kr}from"rango-types";import Tr from"react";import{i18n as Sr}from"@lingui/core";import{Button as _c,Divider as Ps,MessageBox as pS,Typography as Dc}from"@rango-dev/ui";import lt from"react";var Fc=i(({onCancel:t,onClose:e})=>lt.createElement(lt.Fragment,null,lt.createElement(Ps,{size:20}),lt.createElement(pS,{type:"error",title:Sr.t("Cancel Swap"),description:Sr.t("Are you sure you want to cancel this swap?")}),lt.createElement(Ps,{size:32}),lt.createElement(_c,{variant:"contained",type:"primary",size:"large",onClick:t},lt.createElement(Dc,{variant:"title",size:"medium",color:"neutral100"},Sr.t("Yes, Cancel it"))),lt.createElement(Ps,{size:12}),lt.createElement(_c,{variant:"outlined",type:"primary",size:"large",onClick:e},lt.createElement(Dc,{variant:"title",size:"medium",color:"primary"},Sr.t("No, Continue")))),"CancelContent");import{i18n as Cr}from"@lingui/core";import{Button as Oc,Divider as Ms,MessageBox as uS,Typography as Uc}from"@rango-dev/ui";import pt from"react";var zc=i(({onDelete:t,onClose:e})=>pt.createElement(pt.Fragment,null,pt.createElement(Ms,{size:20}),pt.createElement(uS,{type:"error",title:Cr.t("Delete Transaction"),description:Cr.t("Are you sure you want to delete this swap?")}),pt.createElement(Ms,{size:32}),pt.createElement(Oc,{variant:"contained",type:"primary",size:"large",onClick:t},pt.createElement(Uc,{variant:"title",size:"medium",color:"neutral100"},Cr.t("Yes, Delete it"))),pt.createElement(Ms,{size:12}),pt.createElement(Oc,{variant:"outlined",type:"primary",size:"large",onClick:e},pt.createElement(Uc,{variant:"title",size:"medium",color:"primary"},Cr.t("No, Cancel")))),"DeleteContent");import{i18n as $s}from"@lingui/core";import{PendingSwapNetworkStatus as _s}from"rango-types";var Ds={[_s.WaitingForNetworkChange]:{type:"loading",title:$s.t("Change Network")},[_s.WaitingForConnectingWallet]:{type:"warning",title:$s.t("Connect Wallet")},[_s.NetworkChanged]:{type:"success",title:$s.t("Network Changed")}};import{MessageBox as mS,Wallet as dS}from"@rango-dev/ui";import{useWallets as fS}from"@rango-dev/wallets-react";import Do from"react";import{styled as cS}from"@rango-dev/ui";var qc=cS("div",{display:"flex",justifyContent:"center"});var Gc=i(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:s}=t,{connect:a,getWalletInfo:l,state:p}=fS(),u=n?.walletType,c=u?Mr(p(u)):null,d=u?l(u):null;return Do.createElement(Do.Fragment,null,Do.createElement(mS,{type:e,title:o,description:r}),s&&!!u&&!!c&&!!d&&Do.createElement(qc,null,Do.createElement(dS,{container:L(),title:d.name,image:d.img,type:u,state:c,link:d.installLink,onClick:async()=>a(u)})))},"WalletStateContent");function Fs(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:s,message:a}=t,l=e===kr.WaitingForNetworkChange||e===kr.WaitingForConnectingWallet||e===kr.NetworkChanged;return Tr.createElement(gS,{open:!!e,onClose:o,container:document.getElementById(Ae)||document.body},l&&Tr.createElement(Gc,{type:Ds[e].type,title:Ds[e].title,currentStepWallet:s,message:a,showWalletButton:e!==kr.WaitingForNetworkChange}),e==="delete"&&Tr.createElement(zc,{onClose:o,onDelete:n}),e==="cancel"&&Tr.createElement(Fc,{onClose:o,onCancel:r}))}i(Fs,"SwapDetailsModal");import{i18n as Fo}from"@lingui/core";import{Button as Os,Divider as wr,MessageBox as Qc,Modal as hS,TokenAmount as yS,Typography as xr}from"@rango-dev/ui";import ye from"react";import{useNavigate as SS}from"react-router-dom";function Us(t){let{open:e,onClose:o,status:n,priceValue:r,usdValue:s,realUsdValue:a,realValue:l,token:p,chain:u,percentageChange:c,description:d,diagnosisUrl:m}=t,g=SS();return ye.createElement(hS,{open:e,onClose:o,container:document.getElementById(Ae)||document.body},n==="success"?ye.createElement(Qc,{type:"success",title:Fo.t("Swap Successful")},ye.createElement(yS,{direction:"vertical",tooltipContainer:L(),type:"output",centerAlign:!0,price:{value:r,usdValue:s,realUsdValue:a,realValue:l},token:p,chain:u,percentageChange:c}),ye.createElement(wr,{size:12}),ye.createElement(xr,{variant:"body",size:"medium",color:"neutral700",align:"center"},d)):ye.createElement(Qc,{type:"error",title:Fo.t("Transaction Failed"),description:d}),ye.createElement(wr,{size:32}),n==="success"&&ye.createElement(Os,{variant:"contained",type:"primary",size:"large",onClick:()=>{g("../../")}},ye.createElement(xr,{variant:"title",size:"medium",color:"neutral100"},Fo.t("Done"))),ye.createElement(wr,{size:12}),m&&ye.createElement(ye.Fragment,null,ye.createElement(Os,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(m,"_blank")},ye.createElement(xr,{variant:"title",size:"medium",color:"primary"},Fo.t("Diagnosis"))),ye.createElement(wr,{size:12})),ye.createElement(Os,{variant:"outlined",type:"primary",size:"large",onClick:o},ye.createElement(xr,{variant:"title",size:"medium",color:"primary"},Fo.t("See Details"))))}i(Us,"SwapDetailsCompleteModal");import WS from"react";import{i18n as bS}from"@lingui/core";import{Alert as Yc,IconButton as AS,LinkIcon as ES}from"@rango-dev/ui";import Et,{Fragment as IS}from"react";import{Alert as CS,ChevronDownIcon as kS,ChevronUpIcon as TS,IconButton as wS}from"@rango-dev/ui";import vr,{useState as xS}from"react";function Hc(t){let{message:e}=t,[o,n]=xS(!1);return vr.createElement(CS,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&vr.createElement(wS,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?vr.createElement(TS,{size:12,color:"gray"}):vr.createElement(kS,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}i(Hc,"FailedAlert");import{styled as vS}from"@rango-dev/ui";var Vc=vS("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as jc}from"@lingui/core";import{Alert as zs,Button as Xc}from"@rango-dev/ui";import{PendingSwapNetworkStatus as qs}from"rango-types";import Oo from"react";function Kc(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?Oo.createElement(zs,{type:"warning",title:n.shortMessage,action:Oo.createElement(Xc,{size:"xxsmall",type:"warning",onClick:()=>{o(qs.WaitingForNetworkChange),e().catch(s=>{console.log(s)})}},jc.t("Change"))}):r===qs.WaitingForConnectingWallet?Oo.createElement(zs,{type:"warning",title:n.shortMessage,action:Oo.createElement(Xc,{size:"xxsmall",type:"warning",onClick:()=>{o(qs.WaitingForConnectingWallet)}},jc.t("Connect"))}):Oo.createElement(zs,{type:"warning",title:n.shortMessage})}i(Kc,"WarningAlert");function Gs(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:s,hasAlreadyProceededToSign:a}=t,l=fo(s),p=s.status==="waitingForApproval"&&!l,u=s.status==="running"&&!l,c=u&&!a||p&&!s.explorerUrl?.length;return Et.createElement(Vc,null,s.explorerUrl?.map((d,m,g)=>{let T=m+d.url,y=m===g.length-1,h=(y&&u||p)&&!c,k=y&&s.status==="failed";return Et.createElement(IS,{key:T},Et.createElement(Yc,{type:y&&(h&&"loading"||k&&"error")||"success",title:d.description?`${d.description} Tx`:bS.t("View transaction"),action:d.url&&Et.createElement(AS,{variant:"ghost",size:"xsmall",onClick:()=>window.open(d.url,"_blank")},Et.createElement(ES,{size:12}))}))}),c&&Et.createElement(Yc,{type:"loading",title:r.shortMessage}),s.status!=="failed"&&l&&Et.createElement(Kc,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),s.status==="failed"&&Et.createElement(Hc,{message:r}))}i(Gs,"SwapDetailsAlerts");var Jc=2e3;var Zc=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:_e(s.fromBlockchain,e)??"",image:s.fromBlockchainLogo??""},price:{value:E(l,6,6),realValue:l}},to:{token:{displayName:s.toSymbol,image:s.toLogo},chain:{displayName:_e(s.toBlockchain,e)??"",image:s.toBlockchainLogo??""},price:{value:E(s.outputAmount||s.expectedOutputAmountHumanReadable,6,6),realValue:s.outputAmount||s.expectedOutputAmountHumanReadable}},swapper:{displayName:mo(s.swapperId,o),image:s.swapperLogo??"",type:s.swapperType},internalSwaps:s.internalSwaps?s.internalSwaps.map(p=>({from:{blockchain:_e(p.fromBlockchain,e)??""},to:{blockchain:_e(p.toBlockchain,e)??""},swapper:{displayName:mo(p.swapperId,o),image:p.swapperLogo??"",type:p.swapperType}})):[],alerts:WS.createElement(Gs,{step:s,hasAlreadyProceededToSign:r,...n})}})},"getSteps");function Rc(t){if(fo(t)&&t.status!=="failed"&&t.status!=="success")return"warning";switch(t.status){case"created":return"default";case"approved":case"waitingForApproval":case"running":return"in-progress";case"failed":return"error";case"success":return"completed"}}i(Rc,"getStepState");import{css as Uo,darkTheme as NS,styled as Ot}from"@rango-dev/ui";var em=Ot("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),br=Ot("div",{width:"100%"}),tm=Ot(yo,{padding:"$0 $20 $20 $20"}),n_=Ot("div",{display:"flex",flexDirection:"column",gap:"$10"}),om=Ot("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),r_=Ot("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1}),so=Uo({display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",padding:"$10 $20",borderBottom:"1px solid",$$color:"$colors$neutral300",[`.${NS} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color",color:"$neutral500"}),nm=Uo({padding:"$5 0"}),Ar=Uo({display:"flex",justifyContent:"center",alignItems:"center",height:"$24"}),rm=Uo({display:"flex",width:"100%",padding:"$15 $20 $20",flexDirection:"column",alignItems:"start"}),im=Uo({width:"100%",padding:"0 $20 $10"}),sm=Ot("a",{fontSize:"$16",fontWeight:"$400",color:"$neutral700",display:"flex",alignItems:"center",justifyContent:"center"});function Qs(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:s,connect:a,getWalletInfo:l}=zS(),p=f().blockchains(),u=f().swappers(),c=f().tokens(),d=V.use.retry(),m=GS(),[g,T]=US(Jc),y=qS(null),[h,k]=um(null),[w,C]=um(null),A=i(()=>{r(),k(null)},"onCancel"),S=Ne.use.getUnreadNotifications(),I=Ne.use.setAsRead(),b=S(),x=BS(e),v=x?.networkStatus;pm(()=>{b.find(Pe=>Pe.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(C(e.status),I(e.requestId))},[e.status]),pm(()=>{se?k(Er.WaitingForNetworkChange):v===Er.WaitingForConnectingWallet||v===Er.NetworkChanged?k(v):k(null)},[v]);let N=Za(e),J=x?LS(e,x):null,W=x?PS(e,x):null,U=$c(e),Z=Ra(e),ne=i(Ge=>!!l(Ge)?.mobileWallet,"isMobileWallet"),se=v===Er.WaitingForNetworkChange&&!!J&&!!W?.walletType&&(ne(W.walletType)||s(W.walletType,J)),Q=se?a.bind(null,W.walletType,J):void 0,Se=Ja(e,x),j=Zc({swap:e,switchNetwork:Q,showNetworkModal:v,setNetworkModal:k,message:Se,blockchains:p,swappers:u}),F=j.length,[Ce,Ze]=[e.steps[0],e.steps[F-1]],We=Ze.outputAmount||Ze.expectedOutputAmountHumanReadable,Re=e.steps.reduce((Ge,Pe)=>Ge+parseFloat(Pe.feeInUsd||""),0),It=e.steps.find(Ge=>Ge.diagnosisUrl)?.diagnosisUrl,_=E(parseFloat(E(We,6,6))*(Ze.toUsdPrice||0),4,4),X=E(parseFloat(e.inputAmount)*(Ce.fromUsdPrice||0),4,4),q=We?ae(new lm(We).multipliedBy(Ze.toUsdPrice||0)):"",ue=ae(new lm(e.inputAmount).multipliedBy(Ce.fromUsdPrice||0)),qe=De(X,_),ut=e.status==="success"?yt.t({id:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:E(We,6,6),token:j[F-1].to.token.displayName,conciseAddress:tn(e.wallets[j[F-1].to.chain.displayName]?.address||""),chain:j[F-1].to.chain.displayName}}):`${yt.t("Transaction was not sent.")} ${N?yt.t({id:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:N.outputAmount,symbol:N.symbol,blockchain:N.blockchain}}):""}`;return Y.createElement(te,{header:{title:yt.t("Swap and Bridge"),onCancel:e.status==="running"?()=>k("cancel"):void 0,suffix:e.status!=="running"&&Y.createElement(Xt,null,Y.createElement(am,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>k("delete")},Y.createElement(ao,{size:"medium",variant:"label",color:"error"},yt.t("Delete"))))},footer:Z&&!w&&Y.createElement(am,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{d(e,{blockchains:p,tokens:c}),setTimeout(()=>{m("../../")},0)}},yt.t("Try again"))},Y.createElement(re,{compact:!0,view:!0},Y.createElement(br,null,Y.createElement("div",{className:so()},Y.createElement(ao,{variant:"label",size:"large",color:"neutral700"},`${yt.t("Request ID")}:`),Y.createElement("div",{className:Ar()},Y.createElement(ao,{variant:"label",size:"small",color:"neutral700"},o),Y.createElement(_S,{variant:"ghost",onClick:T.bind(null,o||"")},Y.createElement(MS,{size:16,color:"gray"})),Y.createElement(sm,{target:"_blank",href:`${ta}/swap/${o}`},Y.createElement(DS,{size:16})))),Y.createElement("div",{className:so()},Y.createElement(ao,{variant:"label",size:"large",color:"neutral700"},`${yt.t(e.finishTime?"Finished at":"Created at")}:`),Y.createElement(ao,{variant:"label",size:"small",color:"neutral700"},U))),Y.createElement("div",{className:rm()},Y.createElement(FS,{fee:E(String(Re),2,2),time:jo(Xo(e.steps)),steps:F}),Y.createElement(vo,{from:{price:{value:E(e.inputAmount,6,6),usdValue:X,realUsdValue:ue,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:E(We,6,6),usdValue:_,realUsdValue:q,realValue:We},token:{displayName:j[F-1].to.token.displayName,image:j[F-1].to.token.image},chain:{image:j[F-1].to.chain.image,displayName:j[F-1].to.chain.displayName}},percentageChange:E(qe,2,2),warningLevel:ct(qe??0)})),Y.createElement("div",{className:im()},Y.createElement(ao,{variant:"title",size:"small"},yt.t("Swaps steps"))),Y.createElement($S,{size:8}),Y.createElement(tm,{ref:y},j.map((Ge,Pe)=>{let Rs=Pe,lo=Rc(e.steps[Pe]),Nm=lo==="error"||lo==="in-progress"||lo==="warning"||lo==="completed"&&Pe===j.length-1;return Y.createElement(OS,{key:Rs,step:Ge,type:"swap-progress",ref:y,state:lo,hasSeparator:Pe!==0,tabIndex:Rs,isFocused:Nm,tooltipContainer:L()})}))),Y.createElement(Fs,{state:h,onClose:()=>k(null),onCancel:A,onDelete:n,message:Se.detailedMessage.content,currentStepWallet:W}),Y.createElement(Us,{open:!!w,diagnosisUrl:It,onClose:()=>C(null),status:e.status==="success"?"success":"failed",priceValue:E(We,6,6),usdValue:_,realUsdValue:q,realValue:ae(We),percentageChange:E(qe,2,2),token:{displayName:j[F-1].to.token.displayName,image:j[F-1].to.token.image},chain:{image:j[F-1].to.chain.image},description:ut}))}i(Qs,"SwapDetails");import{i18n as Wr}from"@lingui/core";import{Divider as dm,NotFound as XS,Skeleton as qo,Typography as Nr}from"@rango-dev/ui";import pe from"react";import{i18n as QS}from"@lingui/core";import{Divider as HS,Skeleton as VS,Typography as jS}from"@rango-dev/ui";import ce from"react";import{css as Je,styled as Hs}from"@rango-dev/ui";var cm=Hs("div",{width:"100%",height:"100%",padding:"$10 $20"}),zo=Hs("div",{backgroundColor:"$neutral100",borderRadius:"$xm",padding:"$10 $15"}),Ir=Hs("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"}),__=Je({display:"flex",justifyContent:"space-between",alignItems:"center"}),D_=Je({display:"flex",justifyContent:"space-between",alignItems:"center"}),F_=Je({paddingTop:"$15",display:"flex"}),O_=Je({padding:"$15 $0"}),U_=Je({width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"}),z_=Je({paddingBottom:"$10"}),q_=Je({display:"flex",justifyContent:"start",alignItems:"center"}),G_=Je({paddingTop:"$5",display:"flex",alignItems:"center"}),Q_=Je({display:"flex",alignItems:"center"}),H_=Je({padding:"$4 $6",display:"flex",justifyContent:"center",alignItems:"center"}),mm=Je({display:"flex",paddingTop:"$10",paddingBottom:"$5"});function Vs(){return ce.createElement(cm,null,ce.createElement(Eo,{type:"swap-preview"}),ce.createElement("div",{className:"swaps-steps"},ce.createElement(jS,{variant:"title",size:"small"},QS.t("Swaps steps"))),ce.createElement(ce.Fragment,null,ce.createElement(zo,null,ce.createElement(at,{separator:!1}),ce.createElement("div",{className:mm()},ce.createElement(HS,{direction:"horizontal",size:20}),ce.createElement(VS,{height:22,variant:"rectangular"}))),ce.createElement(Ir,null),ce.createElement(zo,null,ce.createElement(at,{separator:!1})),ce.createElement(Ir,null),ce.createElement(zo,null,ce.createElement(at,{separator:!1})),ce.createElement(Ir,null),ce.createElement(zo,null,ce.createElement(at,{separator:!1}))))}i(Vs,"LoadingSwapDetails");function fm(t){let{requestId:e,showSkeleton:o}=t;return pe.createElement(te,{header:{title:Wr.t("Swap and Bridge"),suffix:pe.createElement(Xt,null)}},o&&pe.createElement(em,null,pe.createElement(br,null,pe.createElement("div",{className:so()},pe.createElement(Nr,{variant:"label",size:"large",color:"neutral700"},`${Wr.t("Request ID")}:`),pe.createElement("div",{className:Ar()},pe.createElement(Nr,{variant:"label",size:"small",color:"neutral700"},pe.createElement(qo,{width:60,height:10,variant:"rounded"})),pe.createElement(dm,{direction:"horizontal",size:4}),pe.createElement(qo,{width:16,height:16,variant:"rectangular"}),pe.createElement(dm,{direction:"horizontal",size:4}),pe.createElement(qo,{width:16,height:16,variant:"rectangular"}))),pe.createElement("div",{className:so()},pe.createElement(Nr,{className:nm(),variant:"label",size:"large",color:"neutral700"},pe.createElement(qo,{width:60,height:10,variant:"rounded"})),pe.createElement(Nr,{variant:"label",size:"small",color:"neutral700"},pe.createElement(qo,{width:60,height:10,variant:"rounded"})))),pe.createElement(Vs,null)),!o&&pe.createElement(om,null,pe.createElement(XS,{title:Wr.t("Not found"),description:Wr.t({id:"Swap with request ID = {requestId} not found.",values:{requestId:e}})})))}i(fm,"SwapDetailsPlaceholder");function gm(){let{manager:t,state:e}=JS(),o=!e.loadedFromPersistor,n=oo(t),{requestId:r}=RS(),s=Tt(),{fetchStatus:a}=f();if(!r)return js.createElement(ZS,{containerStyles:{margin:"20px"},type:"error",title:KS.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&&YS(m)}},"onCancel"),c=i(async()=>{if(p?.id)try{t?.deleteQueue(p.id),s()}catch(m){console.log(m)}},"onDelete"),d=p?.swap;return!d||l?js.createElement(fm,{requestId:r,showSkeleton:l}):js.createElement(Qs,{swap:d,requestId:r,onCancel:u,onDelete:c})}i(gm,"SwapDetailsPage");import{i18n as Go}from"@lingui/core";import{AutoThemeIcon as eC,DarkModeIcon as tC,LightModeIcon as oC,List as nC,ListItemButton as rC,Radio as Xs,RadioRoot as iC,Typography as Ks}from"@rango-dev/ui";import Ee from"react";function hm(){let{setTheme:t,theme:e}=f(),o=[{id:"light",value:"light",title:Ee.createElement(Ks,{variant:"title",size:"xmedium"},Go.t("Light")),onClick:()=>t("light"),start:Ee.createElement(oC,{color:"gray"}),end:Ee.createElement(Xs,{value:"light"})},{id:"dark",value:"dark",title:Ee.createElement(Ks,{variant:"title",size:"xmedium"},Go.t("Dark")),onClick:()=>t("dark"),start:Ee.createElement(tC,{color:"gray"}),end:Ee.createElement(Xs,{value:"dark"})},{id:"auto",value:"auto",title:Ee.createElement(Ks,{variant:"title",size:"xmedium"},Go.t("Auto")),onClick:()=>t("auto"),start:Ee.createElement(eC,{color:"gray"}),end:Ee.createElement(Xs,{value:"auto"})}];return Ee.createElement(te,{header:{title:Go.t("Theme")}},Ee.createElement(re,null,Ee.createElement(iC,{onValueChange:n=>t(n),value:e},Ee.createElement(nC,{type:Ee.createElement(rC,{title:Go.t("Theme"),id:"_",onClick:()=>console.log()}),items:o}))))}i(hm,"ThemePage");function ym(){return al(),oi(),sC([{path:$.home,element:Ie.createElement(Hu,null)},{path:$.fromSwap,children:[{index:!0,element:Ie.createElement(Is,{type:"source"})},{path:$.blockchains,element:Ie.createElement(cs,{type:"source"})}]},{path:$.toSwap,children:[{index:!0,element:Ie.createElement(Is,{type:"destination"})},{path:$.blockchains,element:Ie.createElement(cs,{type:"destination"})}]},{path:$.settings,children:[{index:!0,element:Ie.createElement(Pc,null)},{path:$.themes,element:Ie.createElement(hm,null)},{path:$.languages,element:Ie.createElement(ju,null)},{path:$.exchanges,element:Ie.createElement(as,{sourceType:"Exchanges"})},{path:$.bridges,element:Ie.createElement(as,{sourceType:"Bridges"})}]},{path:$.swaps,children:[{index:!0,element:Ie.createElement(Fu,null)},{path:$.swapDetails,element:Ie.createElement(gm,null)}]},{path:$.wallets,element:Ie.createElement(tp,null)},{path:$.confirmSwap,element:Ie.createElement(Wu,null)}])}i(ym,"AppRoutes");import{isApprovalTX as aC,MainEvents as Sm,RouteEventType as Cm,StepEventType as km,StepExecutionEventStatus as lC,useEvents as pC}from"@rango-dev/queue-manager-rango-preset";import{useEffect as Tm}from"react";function wm(){let t=f().tokens(),e=G.use.connectedWallets(),o=G.use.getWalletsDetails(),n=Ne.use.setNotification(),r=pC();return Tm(()=>(r.on(Sm.StepEvent,s=>{let{event:a,step:l,route:p}=s;if(a.type===km.TX_EXECUTION&&a.status===lC.TX_SENT&&!aC(l)||a.type===km.SUCCEEDED){let c=e.find(m=>m.chain===l?.fromBlockchain),d=l?.fromBlockchain!==l?.toBlockchain&&e.find(m=>m.chain===l?.toBlockchain);c&&o([c],t),d&&o([d],t)}n(a,p)}),()=>r.all.clear()),[r,e.length]),Tm(()=>(r.on(Sm.RouteEvent,s=>{let{event:a,route:l}=s;(a.type===Cm.FAILED||a.type===Cm.SUCCEEDED)&&n(a,l)}),()=>r.all.clear()),[r,e.length]),null}i(wm,"WidgetEvents");import{globalCss as uC}from"@rango-dev/ui";var xm=i(()=>uC({"@import":["url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap')","url('https://fonts.cdnfonts.com/css/times-new-roman')"]})(),"globalFont");import{styled as cC}from"@rango-dev/ui";var vm=cC("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 Lr(){xm();let{config:t}=f(),{activeTheme:e}=Nn(t?.theme||{}),{activeLanguage:o}=no(),[n,r]=bm(""),[s,a]=bm(),l=dC(pn);return fC(()=>{Ne.persist.rehydrate(),l.onConnectWallet(r)},[]),Qo.createElement(mC,{language:o},Qo.createElement(vm,{id:"swap-container",className:e()},Qo.createElement(wm,null),Qo.createElement(Da,{lastConnectedWallet:n,disconnectedWallet:s,clearDisconnectedWallet:()=>{a(void 0)}},Qo.createElement(ym,null))))}i(Lr,"Main");import Js,{useMemo as BC}from"react";import{checkWaitingForNetworkChange as gC,makeQueueDefinition as hC}from"@rango-dev/queue-manager-rango-preset";import{Provider as yC}from"@rango-dev/queue-manager-react";import{useWallets as SC}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as CC}from"@rango-dev/wallets-shared";import{isEvmBlockchain as kC}from"rango-types";import TC,{useMemo as wC}from"react";function xC(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:s,getWalletInfo:a}=SC(),l=wC(()=>hC({API_KEY:t.apiKey||Ut("API_KEY"),BASE_URL:Ut("BASE_URL")}),[t.apiKey]),p=f().blockchains(),c={blockchains:G.use.connectedWallets().map(w=>({accounts:[w],name:w.chain}))},d=i(async(w,C)=>{if(s(w,C))return r(w,C)},"switchNetwork"),m=i(w=>!!a(w).mobileWallet,"isMobileWallet"),g=p.filter(w=>w.enabled).reduce((w,C)=>(w[C.name]=C,w),{}),T=p.filter(kC),y=i(w=>{let{supportedChains:C}=a(w);return Jo(C)},"getSupportedChainNames"),h=e(),k={meta:{blockchains:g,evmBasedChains:T,evmNetworkChainInfo:CC(T),getSupportedChainNames:y},getSigners:o,wallets:c,providers:h,switchNetwork:d,canSwitchNetworkTo:s,connect:r,state:n,isMobileWallet:m};return TC.createElement(yC,{queuesDefs:[l],context:k,onPersistedDataLoaded:w=>{gC(w)},isPaused:!1},t.children)}i(xC,"QueueManager");var Am=xC;import{useManager as IC}from"@rango-dev/queue-manager-react";import WC,{createContext as NC,useContext as LC}from"react";import{cancelSwap as vC,getCurrentBlockchainOfOrNull as bC,getCurrentStep as AC,getRelatedWalletOrNull as EC}from"@rango-dev/queue-manager-rango-preset";var Ho=class{constructor(e,o){this.manager=e,this.actions=o}getAllSwaps(){return oo(this.manager)}getCurrentStep(e){return this.getCurrentStepInfo(e).step}getCurrentStepWallet(e){return this.getCurrentStepInfo(e).wallet}getCurrentStepNetwork(e){return this.getCurrentStepInfo(e).network}retry(e,o){return this.actions.retrySwap(e,o)}cancel(e){let o=this.manager?.get(e);o&&vC(o)}getCurrentStepInfo(e){let o=AC(e);return{step:o,wallet:o?EC(e,o):null,network:o?bC(e,o):null}}};i(Ho,"WidgetHistory");var Em=NC(void 0);function Ys(t){let{manager:e}=IC(),o=V.use.retry(),n=new Ho(e,{retrySwap:o}),r=G.use.connectedWallets(),s=G.use.loading(),a=ca(r),l=G.use.getWalletsDetails(),p=f().blockchains(),u=f().tokens(),c=f().swappers(),d=f().fetchStatus,m=no().resetLanguage,g=Ne().getUnreadNotifications(),T={history:n,wallets:{isLoading:s,details:r,totalBalance:a,refetch:l},meta:{blockchains:p,tokens:u,swappers:c,loadingStatus:d},resetLanguage:m,notifications:{list:g}};return WC.createElement(Em.Provider,{value:T},t.children)}i(Ys,"WidgetInfo");function Im(){let t=LC(Em);if(!t)throw new Error("useWidget can only be used within the WidgetProvider component");return t}i(Im,"useWidget");function Br(t){let{onUpdateState:e,config:o}=t;return BC(()=>{ha({API_KEY:o?.apiKey||Vo,BASE_URL:o?.apiUrl||ea})},[o.apiKey,o.apiUrl]),Js.createElement(un,{config:o,onUpdateState:e},Js.createElement(Am,{apiKey:o.apiKey},Js.createElement(Ys,null,t.children)))}i(Br,"WidgetProvider");function Wm(t){return t.config?.externalWallets?Zs.createElement(Lr,null):Zs.createElement(Br,{config:t.config??Or},Zs.createElement(Lr,null))}i(Wm,"Widget");export{yF as EventSeverity,SF as MainEvents,IF as Networks,LF as PendingSwapNetworkStatus,CF as RouteEventType,kF as StepEventType,TF as StepExecutionBlockedEventStatus,wF as StepExecutionEventStatus,AF as WalletEvents,WF as WalletTypes,Wm as Widget,Br as WidgetProvider,un as WidgetWallets,ai as customizedThemeTokens,bF as readAccountAddress,pp as useWallets,Im as useWidget,xF as useWidgetEvents};
|
|
3
3
|
//# sourceMappingURL=index.js.map
|