@rango-dev/widget-embedded 0.20.1-next.17 → 0.20.1-next.18
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/ConfirmWalletsModal/ConfirmWallets.styles.d.ts +460 -1112
- package/dist/components/ConfirmWalletsModal/ConfirmWallets.styles.d.ts.map +1 -1
- package/dist/components/ConfirmWalletsModal/ConfirmWalletsModal.d.ts.map +1 -1
- package/dist/components/CustomCollapsible/CustomCollapsible.d.ts +5 -0
- package/dist/components/CustomCollapsible/CustomCollapsible.d.ts.map +1 -0
- package/dist/components/CustomCollapsible/CustomCollapsible.styles.d.ts +654 -0
- package/dist/components/CustomCollapsible/CustomCollapsible.styles.d.ts.map +1 -0
- package/dist/components/CustomCollapsible/CustomCollapsible.types.d.ts +10 -0
- package/dist/components/CustomCollapsible/CustomCollapsible.types.d.ts.map +1 -0
- package/dist/components/Quote/Quote.d.ts.map +1 -1
- package/dist/components/Quote/Quote.types.d.ts +4 -0
- package/dist/components/Quote/Quote.types.d.ts.map +1 -1
- package/dist/components/Quote/QuoteCostDetails.d.ts +4 -0
- package/dist/components/Quote/QuoteCostDetails.d.ts.map +1 -0
- package/dist/components/Quote/QuoteCostDetails.styles.d.ts +806 -0
- package/dist/components/Quote/QuoteCostDetails.styles.d.ts.map +1 -0
- package/dist/constants/quote.d.ts +12 -0
- package/dist/constants/quote.d.ts.map +1 -0
- package/dist/index.js +2 -1
- package/dist/index.js.map +4 -4
- package/dist/utils/swap.d.ts +5 -1
- package/dist/utils/swap.d.ts.map +1 -1
- package/package.json +2 -2
- package/src/components/ConfirmWalletsModal/ConfirmWallets.styles.ts +27 -96
- package/src/components/ConfirmWalletsModal/ConfirmWalletsModal.tsx +24 -39
- package/src/components/CustomCollapsible/CustomCollapsible.styles.ts +75 -0
- package/src/components/CustomCollapsible/CustomCollapsible.tsx +55 -0
- package/src/components/CustomCollapsible/CustomCollapsible.types.ts +10 -0
- package/src/components/Quote/Quote.styles.ts +1 -1
- package/src/components/Quote/Quote.tsx +3 -19
- package/src/components/Quote/Quote.types.ts +5 -0
- package/src/components/Quote/QuoteCostDetails.styles.ts +50 -0
- package/src/components/Quote/QuoteCostDetails.tsx +218 -0
- package/src/constants/quote.ts +23 -0
- package/src/utils/swap.ts +35 -0
package/dist/index.js
CHANGED
|
@@ -1,2 +1,3 @@
|
|
|
1
|
-
var mm=Object.defineProperty;var i=(t,e)=>mm(t,"name",{value:e,configurable:!0});import{MainEvents as u1,RouteEventType as c1,StepEventType as m1,StepExecutionBlockedEventStatus as d1,StepExecutionEventStatus as f1,useEvents as g1}from"@rango-dev/queue-manager-rango-preset";import{readAccountAddress as y1,useWallets as Kl,Events as S1}from"@rango-dev/wallets-react";import{Networks as k1,WalletTypes as T1}from"@rango-dev/wallets-shared";import{PendingSwapNetworkStatus as x1}from"rango-types";import{Events as Vr,Provider as Xm}from"@rango-dev/wallets-react";import{isEvmBlockchain as Km}from"rango-sdk";import hn,{createContext as Ym,useEffect as jr,useRef as Jm,useState as Zm}from"react";import{useEffect as dn,useLayoutEffect as Ga,useRef as fn}from"react";import Bm,{createContext as Lm,useContext as Pm,useEffect as Mm,useRef as $m}from"react";import{create as Wm}from"zustand";import{persist as Nm}from"zustand/middleware";var Ir={apiKey:"",multiWallets:!0,enableNewLiquiditySources:!0,customDestination:!0},qs=i((t,e,o)=>({config:{...Ir,...t},updateConfig:n=>{let r=o().config;e({config:{...r,...n}})}}),"createConfigSlice");import{RangoClient as vm}from"rango-sdk";var Qo="c6381a79-2817-4602-83bf-6a641a409e32",Gs="https://api.rango.exchange",ke="rango-swap-box",Qs="https://scan.rango.exchange";import{WalletState as Ze}from"@rango-dev/ui";import{readAccountAddress as gm}from"@rango-dev/wallets-react";import{detectInstallLink as hm,getCosmosExperimentalChainInfo as ym,isEvmAddress as Sm,KEPLR_COMPATIBLE_WALLETS as kC,Networks as Xs}from"@rango-dev/wallets-shared";import Er from"bignumber.js";import{isCosmosBlockchain as Cm}from"rango-types";import dm from"bignumber.js";var We=new dm(0);import{WalletTypes as fm}from"@rango-dev/wallets-shared";var Hs=[fm.LEAP];import{BigNumber as js}from"bignumber.js";var Ho=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 js(t),r=1,s=1e3;for(let a=0;a<60;a++)if(new js(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 Vo=i(t=>t?.reduce((e,o)=>e+(o.estimatedTimeInSeconds??0),0)||0,"totalArrivalTime");var Je=i((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),ao=i(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function ae(t){return E(t,12,12).replace(/(?:\.0*|(\.\d+?)0*)$/,"$1")}i(ae,"formatTooltipNumbers");function Wr(t){switch(!0){case t.connected:return Ze.CONNECTED;case t.connecting:return Ze.CONNECTING;case!t.installed:return Ze.NOT_INSTALLED;default:return Ze.DISCONNECTED}}i(Wr,"mapStatusToWalletState");function Ks(t,e,o,n){return o.filter(r=>!Hs.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=Wr(t(r));return{title:s,image:a,link:hm(l),state:p,type:r}})}i(Ks,"mapWalletTypesToWalletInfo");function Ko(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}i(Ko,"walletAndSupportedChainsNames");function Ys(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}=gm(p),c=l.length>0,f=l.includes(m),d=m===Xs.Unknown;if(c&&!f&&!d)return;let y=m===Xs.Unknown&&Sm(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(Ys,"prepareAccountsForWalletStore");function Js(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(Js,"getRequiredChains");function Yo(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}i(Yo,"isAccountAndWalletMatched");function Zs(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 Er(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:Tm(o,r.asset.symbol,r.asset.address,e)||null}))||[]}i(Zs,"makeBalanceFor");function Rs(t){return{...t,loading:!1,error:!0}}i(Rs,"resetConnectedWalletState");var ea=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 Er(s?.amount||We).multipliedBy(s?.usdPrice||0))?.reduce((s,a)=>s.plus(a),We)||We).toString();return km(r)},"calculateWalletUsdValue");function km(t){let e=t.toString().split(".");return e[0]=e[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),e.join(".")}i(km,"numberWithThousandSeparator");var Tm=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice"),Jo=i((t,e)=>{let o=ym(Object.entries(t).map(([,n])=>n).filter(Cm));return o&&o[e]?.experimental},"isExperimentalChain");function Zo(t){return t?{...t,amount:E(t.amount,8,8),usdValue:E(t.usdValue,4,4)}:null}i(Zo,"formatBalance");function wm(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(wm,"sortTokensByBalance");function xm(t,e,o){let n=o(t),r=o(e);return n===r?0:n?-1:1}i(xm,"sortTokensByPinnedToken");function ta(t,e,o){return t.sort((n,r)=>{let s=e(n),a=e(r),l=xm(n,r,o);return l!==0?l:wm(s,a)}),t}i(ta,"sortTokens");function Le(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}i(Le,"tokensAreEqual");function oa(t){return t.sort((e,o)=>+(o.state===Ze.CONNECTED)-+(e.state===Ze.CONNECTED)||+(o.state===Ze.DISCONNECTED||o.state===Ze.CONNECTING)-+(e.state===Ze.DISCONNECTED||e.state===Ze.CONNECTING))}i(oa,"sortWalletsBasedOnConnectionState");function Ro(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(Ro,"getConciseAddress");function na({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}i(na,"getAddress");function Nr(t){return`${t.blockchain}-${t.symbol}-${t.address??""}`}i(Nr,"createTokenHash");function en(t){return t.flatMap(e=>e.balances).reduce((e,o)=>{let n={amount:o?.amount??"",decimals:o?.decimal??0,usdValue:o?.usdPrice?new Er(o?.usdPrice??We).multipliedBy(o?.amount).toString():""},r=o?Nr({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(en,"makeTokensBalance");var ra=i((t,e)=>!!t.find(o=>o.chain===e&&o.loading),"isFetchingBalance");var Br={API_KEY:Qo};function Ut(t){return Br[t]||""}i(Ut,"getConfig");function ia(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),Br=e,Br}i(ia,"initConfig");var sa=20,aa=25,la="Roboto",Lr="theme-widget",lo=i((t,e)=>{let o=!1;if(e&&t){if(Array.isArray(e))o=!e.some(n=>Le(n,t));else if(!Array.isArray(e)&&e[t.blockchain]){o=e[t.blockchain].tokens.some(r=>Le(r,t));let n=e[t.blockchain].isExcluded;return!n&&!o||n&&o}}return o},"isTokenExcludedInConfig"),Pr=i((t,e)=>t&&e&&!e.includes(t.name),"isBlockchainExcludedInConfig");var tn,zt=i(()=>tn||(tn=new vm(Ut("API_KEY"),Ut("BASE_URL")),tn),"httpService");function qt(t){return Array.from(new Set(t))}i(qt,"removeDuplicateFrom");function Mr(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}i(Mr,"areEqual");function pa(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}i(pa,"debounce");function It(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}i(It,"containsText");var M=i(()=>document.getElementById(ke),"getContainer");function on(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(on,"getUniqueSwappersGroups");function ua(t,e){return t.swapperGroup<e.swapperGroup?-1:t.swapperGroup>e.swapperGroup?1:0}i(ua,"sortLiquiditySourcesByGroupTitle");function Pe(t,e){return e?.[t]==="hidden"}i(Pe,"isFeatureHidden");function nn(t,e){return e?.[t]==="enabled"}i(nn,"isFeatureEnabled");var ca=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&&lo(p,s)||o.blockchain&&p.blockchain!==o.blockchain||!a.some(u=>u.name===p.blockchain)?!1:o.searchFor?!!(It(p.symbol,o.searchFor)||It(p.address||"",o.searchFor)||It(p.name||"",o.searchFor)):!0).sort((p,u)=>e().isTokenPinned(p,o.type)?-1:e().isTokenPinned(u,o.type)||p.isSecondaryCoin?1:u.isSecondaryCoin||!p.address&&u.address?-1:p.address&&!u.address?1:0)},isTokenPinned:(o,n)=>!!(n==="source"?e().config.from?.pinnedTokens:e().config.to?.pinnedTokens)?.some(a=>Le(a,o)),swappers:()=>{let{config:{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(ua)},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 Am,French as bm,Japanese as Im,Spanish as Em}from"@rango-dev/ui";var ma=[{title:"English",label:"English",local:"en",SVGFlag:Am},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:Em},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:bm},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:Im}],po="en";var da=[.5,1,3],fa=1,ga=5,ha=100,ya=0;var Sa=i((t,e)=>({disabledLiquiditySources:[],theme:"auto",language:null,preferredBlockchains:[],slippage:fa,customSlippage:null,infiniteApprove:!1,affiliateRef:null,affiliatePercent:null,affiliateWallets:null,addPreferredBlockchain:o=>{let n=e().preferredBlockchains;if(n.find((a,l)=>{let p=a===o,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=Pe("theme",n),s=Pe("language",n),a=Pe("liquiditySource",n);t({...r&&{theme:"auto"},...s&&{language:po},...a&&{disabledLiquiditySources:[]}})}}),"createSettingsSlice");function Ca(t){return Wm()(Nm((...e)=>({...ca(...e),...Sa(...e),...qs(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(Ca,"createAppStore");var ka=Lm(null);function g(){let t=Pm(ka);if(Mm(()=>{t&&!t.persist.hasHydrated()&&t.persist.rehydrate()},[]),!t)throw new Error("Missing AppStoreContext.Provider in the tree");return t()}i(g,"useAppStore");function Ta(t){let e=$m();return e.current||(e.current=Ca(t.config)),Bm.createElement(ka.Provider,{value:e.current},t.children)}i(Ta,"AppStoreProvider");import Ct from"bignumber.js";import{create as qm}from"zustand";import{subscribeWithSelector as Gm}from"zustand/middleware";import{getLastSuccessfulStep as Um}from"@rango-dev/queue-manager-rango-preset";import Rk from"bignumber.js";var ht=(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))(ht||{});function wa(t,e){return e.find(o=>o.name===t)?.displayName}i(wa,"getBlockchainDisplayNameFor");function Me(t,e){return e.find(o=>o.name===t)?.shortName}i(Me,"getBlockchainShortNameFor");function uo(t,e){return e.find(o=>o.id===t)?.swapperGroup}i(uo,"getSwapperDisplayName");function _r(t,e){return e.find(o=>Le(o,t))??null}i(_r,"findToken");function Dr(t,e){return e.find(o=>o.name===t)??null}i(Dr,"findBlockchain");import{i18n as Ge}from"@lingui/core";import xe from"bignumber.js";import{PendingSwapNetworkStatus as ln}from"rango-types";function rn(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(rn,"getRequiredWallets");function sn(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}i(sn,"isValidAddress");import{i18n as fe}from"@lingui/core";var V=i(()=>({genericServerError:fe.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:fe.t("Please reset your liquidity sources."),description:fe.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources.")},noResultError:{title:fe.t("No Routes Found."),description:fe.t("Reasons why Rango couldn't find a route: low liquidity on token, very low input amount or no routes available for the selected input/output token combination.")},bridgeLimitErrors:{increaseAmount:fe.t("Bridge Limit Error: Please increase your amount."),decreaseAmount:fe.t("Bridge Limit Error: Please decrease your amount.")},highValueLossError:{impactTitle:fe.t("High Price Impact"),title:fe.t("Price impact is too high!"),description:fe.t("The price impact is significantly higher than the allowed amount. If you are sure, continue, otherwise, change the swap."),confirmMessage:fe.t("Confirm high price impact")},quoteUpdatedWithHighValueLoss:{title:fe.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:fe.t("USD Price Unknown"),title:fe.t("USD Price Unknown, Cannot calculate Price Impact."),description:fe.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:fe.t("Confirm USD Price Unknown")}}),"errorMessages");function xa(t){switch(t.type){case 0:return t.diagnosisMessage??V().noResultError.title;case 1:return V().genericServerError;default:return""}}i(xa,"getQuoteErrorMessage");import{i18n as an}from"@lingui/core";var Et=i(()=>({connectWallet:an.t("Connect Wallet"),swap:an.t("Swap"),swapAnyway:an.t("Swap anyway"),ethWarning:an.t("The route goes through Ethereum. Continue?")}),"swapButtonTitles");function va(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(va,"hasHighValueLoss");function Fr(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(Fr,"hasLimitError");function Or(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=Ge.t({id:"Required: >= {min} {symbol}",values:{min:E(o,6,6),symbol:e.from.symbol}}),a=V().bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(s=Ge.t({id:"Required: > {min} {symbol}",values:{min:E(o,6,6),symbol:e.from.symbol}}),a=V().bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(s=Ge.t({id:"Required: <= {max} {symbol}",values:{max:E(n,6,6),symbol:e.from.symbol}}),a=V().bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(s=Ge.t({id:"Required: < {max} {symbol}",values:{max:E(n,6,6),symbol:e.from.symbol}}),a=V().bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:s,recommendation:a}}i(Or,"getLimitErrorMessage");function Aa(t){let{fetchMetaStatus:e,anyWalletConnected:o,fetchingQuote:n,inputAmount:r,quote:s,warning:a,error:l,needsToWarnEthOnPath:p}=t;return e!=="success"?{title:Et().connectWallet,action:"connect-wallet",disabled:!0}:o?n||!s||!s.result||l||!r||r==="0"?{title:Et().swap,action:"confirm-swap",disabled:!0}:a?{title:Et().swapAnyway,action:"confirm-warning",disabled:!1}:p?{title:Et().ethWarning,action:"confirm-warning",disabled:!1}:{title:Et().swap,action:"confirm-swap",disabled:!1}:{title:Et().connectWallet,action:"connect-wallet",disabled:!1}}i(Aa,"getSwapButtonState");function Ur(t,e,o){return!((!o||o.lte(We))&&t?.result&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t.result)}i(Ur,"canComputePriceImpact");function _m(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(_m,"requiredWallets");var Dm=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice");function Fm(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=Dm(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new xe(r.amount).multipliedBy(s||0))}return o}i(Fm,"getUsdFeeOfStep");function pn(t,e){return t.reduce((o,n)=>o.plus(Fm(n,e)),We)}i(pn,"getTotalFeeInUsd");function zr(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(zr,"checkSlippageErrors");function ba(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(ba,"checkSlippageWarnings");function un(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(un,"getMinRequiredSlippage");function Ia(t,e){return e?parseFloat(t)>=parseFloat(e):!0}i(Ia,"hasProperSlippage");function cn(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:v}=t,y=s?.reduce((A,C)=>(A[C.chain]=C.address,A),{}),h=[];r?.forEach(A=>{let C=h.find(I=>I.blockchain===A.chain);C?C.addresses.push(A.address):h.push({blockchain:A.chain,addresses:[A.address]})});let S=!!d,k=qt((d?.result?.swaps||[]).reduce((A,C)=>(A.push(C.from.blockchain,C.to.blockchain),C.internalSwaps&&Array.isArray(C.internalSwaps)&&C.internalSwaps.map(I=>{A.push(I.from.blockchain,I.to.blockchain)}),A),[]));return{amount:n.toString(),affiliateRef:m??void 0,affiliatePercent:c??void 0,affiliateWallets:f??void 0,checkPrerequisites:S,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(),...v&&{destination:v},...p&&{swapperGroups:a.concat(l??[]),swappersGroupsExclude:!0},...!p&&{swapperGroups:l?.filter(A=>!a.includes(A)),swappersGroupsExclude:!1},...S&&{blockchains:k}}}i(cn,"createQuoteRequestBody");function Ea(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}i(Ea,"getWalletsForNewSwap");function Gt(t){return t.result?.outputAmount||null}i(Gt,"getQuoteOutputAmount");function Wa(t,e){return new xe(e).div(new xe(t)).minus(1).multipliedBy(100).toNumber()}i(Wa,"getPercentageChange");function Na(t,e){let o=Gt(t),n=Gt(e);if(!o||!n)return!1;let r=$e(o,n);return r?r<=-1:!0}i(Na,"isOutputAmountChangedALot");function Ba(t,e,o){let n=t.validationStatus,r=Js(t);return e.sort((a,l)=>r.indexOf(a.chain)-r.indexOf(l.chain)).flatMap(a=>Da(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),m="";return a.reason==="FEE"&&(m=Ge.t(" for network fee")),a.reason==="INPUT_ASSET"&&(m=Ge.t(" for swap")),a.reason==="FEE_AND_INPUT_ASSET"&&(m=Ge.t(" for input and network fee")),Ge.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:Me(a.asset.blockchain,o)}})})}i(Ba,"generateBalanceWarnings");function La(t,e){return(t?new xe(t):We).multipliedBy(e||0)}i(La,"calcOutputUsdValue");function co(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==ln.NetworkChanged}i(co,"isNetworkStatusInWarningState");function Pa(t,e){let o="bellow button or",n=t.extraMessage,r=t.extraMessageDetail;if(t.networkStatusExtraMessageDetail?.includes(o)&&(t.networkStatusExtraMessageDetail=t.networkStatusExtraMessageDetail.replace(o,"")),co(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case ln.WaitingForConnectingWallet:n=n||Ge.t("Waiting for connecting wallet");break;case ln.WaitingForQueue:n=n||Ge.t("Waiting for other running tasks to be finished");break;case ln.WaitingForNetworkChange:n=n||Ge.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(Pa,"getSwapMessages");function Ma(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(Ma,"getLastConvertedTokenInFailedSwap");function $a(t){return t.status==="failed"&&!!t.finishTime&&new Date().getTime()-parseInt(t.finishTime)<4*3600*1e3}i($a,"shouldRetrySwap");function _a(t,e,o,n,r,s){return t||!e&&!_m(n).every(a=>r.map(l=>l.chain).includes(a))||!!e&&!o||!!e&&!!o&&s&&!sn(s,o)}i(_a,"confirmSwapDisabled");function qr(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(qr,"searchParamsToToken");function Oa(t){return t?.result?.swaps[t?.result?.swaps.length-1].to.usdPrice}i(Oa,"getQuoteToTokenUsdPrice");function Gr(t,e){let o=t.result?.swaps||[],n=e.result?.swaps||[];return o.length!==n.length}i(Gr,"isNumberOfSwapsChanged");function Qr(t,e){let o=t.result?.swaps.map(r=>r.swapperId)||[],n=e.result?.swaps.map(r=>r.swapperId)||[];return!Mr(o,n)}i(Qr,"isQuoteSwappersUpdated");function Hr(t,e){let o=t.result?.swaps.map(r=>r.to.symbol)||[],n=e.result?.swaps.map(r=>r.to.symbol)||[];return!Mr(o,n)}i(Hr,"isQuoteInternalCoinsUpdated");function Ua(t,e){return Gr(t,e)||Qr(t,e)||Hr(t,e)}i(Ua,"isQuoteChanged");function Da(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(Da,"getRequiredBalanceOfWallet");function lt(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}i(lt,"getPriceImpactLevel");function za(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],s=Um(t.steps),a={blockchain:r.toBlockchain,symbol:r.toSymbol,address:r.toSymbolAddress},l=Dr(s?s.toBlockchain:n.fromBlockchain,e),p=Dr(r.toBlockchain,e),u=_r(s?{blockchain:l?.name??"",symbol:s.toSymbol,address:s.toSymbolAddress}:{blockchain:l?.name??"",symbol:n.fromSymbol,address:n.fromSymbolAddress},o),m=_r(a,o),c=s?s.outputAmount??"":t.inputAmount;return{fromBlockchain:l,fromToken:u,toBlockchain:p,toToken:m,inputAmount:c}}i(za,"createRetryQuote");function mn(t,e){let{fromToken:o,toToken:n,tokens:r,userSlippage:s}=e,a=Wt(o,t.requestAmount),l=Wt(n,t.result?.outputAmount??"");if(t.result&&a&&l){let m=$e(a.toString(),l.toString());if(!!m&&va(a,m)){let f=pn(t.result.swaps,r),d=lt(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=un(t),u=s>ga;if(Ia(e.userSlippage.toString(),p)){if(u&&parseFloat(p??"0")<s)return{type:3,slippage:s.toString()}}else return{type:2,recommendedSlippages:ba(t,s),minRequiredSlippage:p};return null}i(mn,"generateQuoteWarnings");function $e(t,e){let o=typeof e=="string"?parseFloat(e)<=0:!e?.gt(0),n=!t||!e||o?null:Wa(t.toString(),e.toString());return n&&n<0?n:null}i($e,"getPriceImpact");var qa=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 zm=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"),St=zm;var Wt=i((t,e)=>t?.usdPrice?new Ct(e||We).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),O=St(qm()(Gm(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new Ct(0),outputUsdValue:new Ct(0),toBlockchain:null,toToken:null,quote:null,quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:"",quoteWarningsConfirmed:!1,setQuote:e=>t(o=>{let n=null,r=We;return ao(o.inputAmount)?(e&&(n=e.result?.outputAmount?new Ct(e.result?.outputAmount):null,r=La(e.result?.outputAmount,Oa(e)||o.toToken?.usdPrice)),{quote:e,...!!e&&{outputAmount:n,outputUsdValue:r}}):{}}),resetQuote:()=>t(()=>({quote:null,outputAmount:null,outputUsdValue:new Ct(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:Wt(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 Ct(0),outputUsdValue:new Ct(0),quote:null},...!!o.fromToken&&{inputUsdValue:Wt(o.fromToken,e)}}))},retry:(e,o)=>{let{tokens:n,blockchains:r}=o,{fromBlockchain:s,fromToken:a,toBlockchain:l,toToken:p,inputAmount:u}=za(e,r,n);t({fromBlockchain:s,fromToken:a,inputAmount:u,outputAmount:null,inputUsdValue:Wt(a??null,u),outputUsdValue:new Ct(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:Wt(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 Qa(){let{setInputAmount:t,setToToken:e,setToBlockchain:o,setFromBlockchain:n,setFromToken:r,fromToken:s,toToken:a,fromBlockchain:l,toBlockchain:p}=O(),u=g().config,m=g().fetchStatus,c=g().blockchains(),f=g().tokens(),{setAffiliateRef:d,setAffiliatePercent:v,setAffiliateWallets:y}=g(),h=u?.from?.tokens,S=u?.from?.blockchains,k=u?.to?.tokens,x=u?.to?.blockchains,A=fn(void 0),C=fn(void 0),I=fn(void 0),b=fn(void 0);dn(()=>{t(u?.amount?.toString()||"")},[u?.amount]),Ga(()=>{if(m==="success"){let T=c.find(P=>P.name===u?.from?.blockchain),W=f.find(P=>Le(P,u?.from?.token||null));(T||!T&&I.current)&&n(T??null),W?r({token:W,meta:{blockchains:c,tokens:f}}):!W&&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,m]),dn(()=>{lo(s,h)&&r({token:null}),Pr(l,S)&&n(null)},[h,S]),dn(()=>{lo(a,k)&&r({token:null}),Pr(p,x)&&o(null)},[k,x]),Ga(()=>{if(m==="success"){let T=c.find(P=>P.name===u?.to?.blockchain),W=f.find(P=>Le(P,u?.to?.token||null));(T||!T&&b.current)&&o(T??null),W?e({token:W,meta:{blockchains:c,tokens:f}}):!W&&C.current&&e({token:null}),b.current=u?.to?.blockchain,C.current=u?.to?.token}},[u?.to?.token?.symbol,u?.to?.token?.address,u?.to?.token?.blockchain,u?.to?.blockchain,m]),dn(()=>{d(u?.affiliate?.ref??null),v(u?.affiliate?.percent??null),y(u?.affiliate?.wallets??null)},[u?.affiliate?.ref,u?.affiliate?.percent,u?.affiliate?.wallets])}i(Qa,"useSyncStoresWithConfig");import{useEffect as jm}from"react";import{create as Qm}from"zustand";import{subscribeWithSelector as Hm}from"zustand/middleware";var H=St(Qm()(Hm((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:en(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=>Yo(p,l))?{...l,loading:!0}:l)}));try{let a=o.map(({address:u,chain:m})=>({address:u,blockchain:m})),p=(await zt().getWalletsDetails(a)).wallets;if(p)t(u=>{let m=u.connectedWallets.map(f=>{let d=o.find(y=>Yo(y,f)),v=p.find(y=>y.address===f.address&&y.blockChain===f.chain);return v?.failed&&d&&r&&s([d],n,!1),d&&v?{...f,explorerUrl:v.explorerUrl,balances:Zs(v,n),loading:!1}:f});return{loading:!1,balances:en(m),connectedWallets:m}});else throw new Error("Wallet not found")}catch{t(l=>{let p=l.connectedWallets.map(m=>o.find(c=>Yo(c,m))?Rs(m):m);return{loading:!1,balances:en(p),connectedWallets:p}})}},getBalanceFor:o=>{let{balances:n}=e(),r=Nr(o);return n[r]??null}}))));import{allProviders as Vm}from"@rango-dev/provider-all";function gn(t,e){let o=Vm({walletconnect2:{WC_PROJECT_ID:e?.walletConnectProjectId||""}});if(t){let n=[];return t.forEach(r=>{if(typeof r=="string"){let s=o.find(a=>a.config.type===r);s?n.push(s):console.warn(`Couldn't find ${r} provider. Please make sure you are passing the correct name.`)}else n.push(r)}),n}return o}i(gn,"matchAndGenerateProviders");function Ha(t,e){return gn(t,e).map(r=>r.config.type)}i(Ha,"configWalletsToWalletName");function Va(t,e){let o=H.use.clearConnectedWallet(),n=gn(void 0,e);return jm(()=>{o(),n=gn(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}i(Va,"useWalletProviders");var yn=Ym({onConnectWallet:()=>{}});function Rm(t){let{updateConfig:e,updateSettings:o,fetch:n}=g(),r=g().blockchains(),s=g().tokens(),a={walletConnectProjectId:t.config?.walletConnectProjectId},[l,p]=Zm([]),{providers:u}=Va(t.config.wallets,a),{connectWallet:m,disconnectWallet:c}=H(),f=Jm();Qa(),jr(()=>{n().catch(console.log)},[]),jr(()=>{t.config&&(e(t.config),o(t.config))},[t.config]);let d=r.filter(Km).map(y=>y.name),v=i((y,h,S,k,x)=>{if(h===Vr.ACCOUNTS)if(S){let A=Ko(x.supportedBlockchains),C=Ys(y,S,d,A,x.isContractWallet);p(C)}else c(y);if(h===Vr.ACCOUNTS&&k.connected){let A=`${y}-${k.network}-${S}`;k.connected&&(f.current?f.current(A):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(h===Vr.NETWORK&&k.network){let A=`${y}-${k.network}`;f.current?f.current(A):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(y,h,S,k,x)},"onUpdateState");return jr(()=>{l.length&&m(l,s)},[l,s]),hn.createElement(yn.Provider,{value:{onConnectWallet:y=>{f.current=y}}},hn.createElement(Xm,{allBlockChains:r,providers:u,onUpdateState:v,autoConnect:!0},t.children))}i(Rm,"Main");function Sn(t){let{config:e,...o}=t;return hn.createElement(Ta,{config:e},hn.createElement(Rm,{...o,config:e}))}i(Sn,"WidgetWallets");import zs from"react";import{I18nManager as DS}from"@rango-dev/ui";import qo,{useContext as FS,useEffect as OS,useState as sm}from"react";import{useQueueManager as ld}from"@rango-dev/queue-manager-rango-preset";import{useWallets as pd}from"@rango-dev/wallets-react";import{isEvmBlockchain as ud}from"rango-types";import Cn,{Fragment as cd}from"react";import{MemoryRouter as md,useInRouterContext as dd}from"react-router";import{useWallets as td}from"@rango-dev/wallets-react";import{useEffect as od,useRef as nd}from"react";function ja(){let{connect:t,state:e}=td(),o=nd({}),{fetchStatus:n}=g(),r=new URLSearchParams(location.search).get("autoConnect")||"",s=e(r);od(()=>{n==="success"&&r&&s.installed&&!s.connecting&&!s.connected&&!o.current[r]&&(o.current[r]=!0,t(r))},[s,n])}i(ja,"useForceAutoConnect");import{useEffect as Xr,useRef as Kr}from"react";import{createSearchParams as id,useLocation as sd,useSearchParams as ad}from"react-router-dom";var $={home:"/",fromSwap:"from-swap",toSwap:"to-swap",blockchains:"blockchains",settings:"settings",liquiditySources:"liquidity-sources",themes:"themes",bridges:"bridges",exchanges:"exchanges",languages:"languages",swaps:"swaps",wallets:"wallets",confirmSwap:"confirm-swap",swapDetails:":requestId"};import{create as rd}from"zustand";var ve=St(rd()(t=>({connectWalletsButtonDisabled:!1,selectedSwapRequestId:null,currentPage:"",setSelectedSwap:e=>t({selectedSwapRequestId:e}),setCurrentPage:e=>t({currentPage:e})})));function Xa(){let t=Kr(!0),[e,o]=ad(),n=sd(),r=Kr(n.search),s=Kr({}),a=O.use.fromBlockchain(),l=O.use.toBlockchain(),p=O.use.fromToken(),u=O.use.toToken(),m=O.use.setFromBlockchain(),c=O.use.setFromToken(),f=O.use.setToBlockchain(),d=O.use.setToToken(),v=O.use.inputAmount(),y=O.use.setInputAmount(),h=g().fetchStatus,S=g().blockchains(),k=g().tokens(),x=ve.use.setSelectedSwap();return Xr(()=>{let A={};id(r.current).forEach((I,b)=>{A[b]=I}),s.current=A;let C=n.pathname.split($.swaps+"/")[1]||null;C&&x(C)},[]),Xr(()=>{if(!t.current){let A="",C="",I="",b="",T="",W=s.current["autoConnect"];h!=="success"?(A=s.current["fromBlockchain"],C=s.current["fromToken"],I=s.current["toBlockchain"],b=s.current["toToken"],T=s.current["fromAmount"]||v):(A=a?.name||"",C=(p?.symbol||"")+(p?.address?`--${p?.address}`:""),I=l?.name||"",b=(u?.symbol||"")+(u?.address?`--${u?.address}`:""),T=v),o({...A&&{["fromBlockchain"]:A},...C&&{["fromToken"]:C},...I&&{["toBlockchain"]:I},...b&&{["toToken"]:b},...T&&{["fromAmount"]:T.toString()},...W&&{["autoConnect"]:W}},{replace:!0})}t.current=!1},[n.pathname,v,a,p,l,u]),Xr(()=>{if(h==="success"){let A=e.get("fromBlockchain"),C=e.get("fromToken"),I=e.get("toBlockchain"),b=e.get("toToken"),T=e.get("fromAmount"),W=S.find(_=>_.name===A),P=qr(k,C,W||null),U=S.find(_=>_.name===I),w=qr(k,b,U||null);W&&(m(W),P&&c({token:P,meta:{blockchains:S,tokens:k}})),U&&(f(U),w&&d({token:w,meta:{blockchains:S,tokens:k}})),T&&y(T)}},[h]),null}i(Xa,"UpdateUrl");function Ka({children:t,...e}){let o=dd(),n=o?cd:md,r=g().blockchains(),{canSwitchNetworkTo:s}=pd();ja();let a=r.filter(ud);return ld({lastConnectedWallet:e.lastConnectedWallet,clearDisconnectedWallet:e.clearDisconnectedWallet,disconnectedWallet:e.disconnectedWallet,evmChains:a,canSwitchNetworkTo:s}),Cn.createElement(Cn.Fragment,null,Cn.createElement(n,null,t),o&&Cn.createElement(Xa,null))}i(Ka,"AppRouter");import be from"react";import{useRoutes as BS}from"react-router-dom";import{i18n as Kn}from"@lingui/core";import{useManager as Fg}from"@rango-dev/queue-manager-react";import{Alert as uu,Button as Og,css as _i,Divider as Ug,IconButton as cu,SettingsIcon as zg,styled as mu,Tooltip as qg,Typography as Gg,WalletIcon as Qg}from"@rango-dev/ui";import ie,{useEffect as Eo,useLayoutEffect as Hg,useRef as Vg,useState as Yn}from"react";import{flushSync as jg}from"react-dom";import{useNavigate as Xg}from"react-router-dom";import{i18n as Re}from"@lingui/core";import{Alert as gi,BalanceErrors as Mf,Button as Yl,ChevronDownIcon as $f,ChevronLeftIcon as _f,Divider as Xt,MessageBox as Df,Modal as Jl,Typography as _n,WalletIcon as Ff}from"@rango-dev/ui";import N,{useEffect as Of,useLayoutEffect as Uf,useRef as zf,useState as Lt}from"react";import{useNavigate as qf}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*as Ht from"@radix-ui/react-collapsible";import{Button as gd,css as Ya,darkTheme as Qt,IconButton as hd,keyframes as Ja,styled as ge,TextField as yd}from"@rango-dev/ui";var mo=300,Sd=Ja({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),Cd=Ja({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),Za=ge("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),Ra=ge("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),kd=ge("button",{borderRadius:"$xm",padding:"$10",border:"0",display:"flex",justifyContent:"center",$$color:"$colors$neutral100",[`.${Qt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",alignItems:"center",cursor:"pointer",width:110,position:"relative","&:hover":{$$color:"$colors$info100",[`.${Qt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$color:"$colors$info100",[`.${Qt} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color",outline:0},variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary",outlineStyle:"solid"}}}}),el=ge(kd,{alignSelf:"stretch",minHeight:"93px"}),tl=ge(Ht.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit"}),ol=ge("div",{padding:"$20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),nl=ge(hd,{position:"absolute",left:"$20"}),rl=ge("div",{paddingTop:"$20"}),il=Ya({display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),sl=ge(Ht.Root,{backgroundColor:"$neutral200",borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),al=ge(gd,{width:"100%",borderRadius:"$sm !important",padding:"$15 !important",justifyContent:"space-between",alignItems:"center",$$color:"$colors$neutral100",[`.${Qt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color","&:hover":{$$color:"$colors$info100",[`.${Qt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$background:"$colors$info100",[`.${Qt} &`]:{$$background:"$colors$info700"},backgroundColor:"$$background",outline:0}}),ll=ge("div",{padding:"$10 $0","& .button__content":{display:"flex",alignItems:"center"},"& .alarms":{paddingTop:"5px"}}),pl=Ya({paddingTop:"5px"}),ul=ge("div",{transition:`all ${mo}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),cl=ge("div",{display:"flex"}),ml=ge(yd,{backgroundColor:"$neutral100",padding:"$0 $15 $15 $15"}),wn=ge(Ht.Content,{backgroundColor:"$neutral100",overflow:"hidden",variants:{open:{true:{animation:`${Sd} ${mo}ms ease-out`},false:{animation:`${Cd} ${mo}ms ease-out`}}}}),dl=ge("div",{overflow:"visible",width:"100%"});import{i18n as He}from"@lingui/core";import{Button as Bf,Divider as di,Image as Lf,MessageBox as $n,Modal as Hl,SelectableWallet as Pf,Typography as Vl,WalletState as jl}from"@rango-dev/ui";import re,{useEffect as Xl,useState as ho}from"react";import{WalletState as Yr}from"@rango-dev/ui";import{useWallets as Td}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as wd,WalletTypes as xn}from"@rango-dev/wallets-shared";import{useEffect as xd,useState as vd}from"react";var Ad=Object.values(xn);function vn(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:s,disconnect:a,getWalletInfo:l,connect:p}=Td(),{connectedWallets:u}=H(),m=g().blockchains(),c=Ha(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||Ad,f=Ks(s,l,c,o),d=oa(f),[v,y]=vd(""),h=i(C=>!u.find(I=>I.walletType===C&&I.chain===o),"isExperimentalChainNotAdded"),S=i(async C=>{let I=s(C);try{if(v&&y(""),I.connected)await a(C);else{let b=!!f.find(T=>T.state===Yr.CONNECTED);if(!e?.multiWallets&&b)return;n?.(C),await p(C),r?.(C)}}catch(b){y("Error: "+b?.message)}},"handleClick"),k=i(()=>{let C=f?.filter(I=>I.state===Yr.CONNECTING)||[];for(let I of C)a(I.type)},"disconnectConnectingWallets");xd(()=>()=>{k()},[]);let x=i(C=>C.filter(b=>b.state!=Yr.NOT_INSTALLED&&![xn.DEFAULT,xn.WALLET_CONNECT_2].includes(b.type)&&l(b.type).supportedChains.filter(T=>T.type=="EVM").length>0).length==0,"shouldShowDefaultInjectedWallet"),A=i((C,I,b)=>Jo(b,I)&&h(C)&&!wd.includes(C)||C==xn.DEFAULT&&!x(f),"shouldExcludeWallet");return{list:d.filter(C=>!A(C.type,o??"",m)),error:v,handleClick:S}}i(vn,"useWalletList");import{i18n as Fl}from"@lingui/core";import{styled as Ul,Typography as xf,Wallet as vf,WalletState as Af}from"@rango-dev/ui";import Bt,{Fragment as bf,useState as Ol}from"react";import{BottomLogo as df,Divider as ff,Header as gf}from"@rango-dev/ui";import he from"react";import{useNavigate as bd}from"react-router-dom";function kt(){let t=bd();return()=>t(-1)}i(kt,"useNavigateBack");import{createTheme as ei,darkTheme as Bd,lightTheme as Ld}from"@rango-dev/ui";import{useEffect as hl,useState as Pd}from"react";import{theme as Wd,darkColors as Nd}from"@rango-dev/ui";var fl=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"),An=i((t,e)=>{let a={[t]:e};for(let l=1;l<10;l++)l<5&&(a={...a,[t+l*100]:fl(e,(5-l)*25)}),l===5&&(a={...a,[t+l*100]:e}),l>5&&(a={...a,[t+l*100]:fl(e,-((l-5)*25))});return a},"generateRangeColors"),Jr=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=An(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,...An(s,a)}}return n?r:{}},"generateColors");var gl=i(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),Id=i(t=>{let e="",o;for(o=Math.abs(t);o>52;o=o/52|0)e=gl(o%52)+e;return gl(o%52)+e},"toAlphabeticName"),Ed=i((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),Zr=i(t=>Id(Ed(5381,JSON.stringify(t))>>>0),"toHash");function Rr(t){let e=Wd.colors,o=Jr({...e,...Nd},!0,t?.dark),n=Jr(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:`${Lr}-light-${Zr(p)}`,tokens:p}}if(r){let p={colors:o};l={id:`${Lr}-dark-${Zr(p)}`,tokens:p}}return{light:a,dark:l}}i(Rr,"customizedThemeTokens");function bn(t){let{colors:e,fontFamily:o=la,borderRadius:n=sa,secondaryBorderRadius:r=aa,mode:s="auto"}=t,[a,l]=Pd("light"),{setTheme:p,theme:u}=g(),{dark:m,light:c}=Rr(e),f=ei({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),d=[f.className,Ld.className],v=[f.className,Bd.className];if(c){let h=ei(c.id,c.tokens);d.push(h.className)}if(m){let h=ei(m.id,m.tokens);v.push(h.className)}return hl(()=>{let h=i(S=>{S.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)}},[]),hl(()=>{s!=="auto"&&p(s)},[s]),{activeTheme:i(()=>{let h=d.join(" "),S=v.join(" ");return u==="auto"?a==="dark"?S:h:u==="dark"?S:h},"getActiveTheme")}}i(bn,"useTheme");import{ChevronLeftIcon as _d}from"@rango-dev/ui";import kl from"react";import{darkTheme as Md,IconButton as $d,styled as fo}from"@rango-dev/ui";var _e=fo($d,{width:"$24",position:"relative",padding:"0",overflow:"unset"}),yl=fo("div",{position:"absolute",background:"$secondary500",[`.${Md} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),Vt=fo("div",{display:"flex",justifyContent:"flex-end",minWidth:"$40",button:{padding:0}}),Sl=fo("div",{position:"absolute",backgroundColor:"$secondary500",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0"}),Cl=fo("div",{padding:"$2",variants:{isRefetched:{true:{transform:"rotate(360deg)",transition:"transform 1s ease-in-out"}}}});function ti(t){return kl.createElement(_e,{variant:"ghost",size:"small",onClick:t.onClick},kl.createElement(_d,{color:"black",size:16}))}i(ti,"BackButton");import{i18n as Dd}from"@lingui/core";import{Button as Fd,Typography as Od}from"@rango-dev/ui";import oi from"react";function ni(t){return oi.createElement(Vt,null,oi.createElement(Fd,{variant:"ghost",onClick:t.onClick,size:"xsmall"},oi.createElement(Od,{variant:"label",size:"medium",color:"error500"},Dd.t("Cancel"))))}i(ni,"CancelButton");import{i18n as Ud}from"@lingui/core";import{Tooltip as zd,WalletIcon as qd}from"@rango-dev/ui";import In from"react";function ri(t){return In.createElement(zd,{container:t.container,side:"top",content:Ud.t("Connect Wallet")},In.createElement(_e,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&In.createElement(yl,null),In.createElement(qd,{size:18,color:"black"})))}i(ri,"WalletButton");import{i18n as Bn}from"@lingui/core";import{NotificationsIcon as lf,Popover as pf,SettingsIcon as uf,Tooltip as Ln,TransactionIcon as cf}from"@rango-dev/ui";import me from"react";import{i18n as Yd}from"@lingui/core";import{ChainToken as bl,ChevronRightIcon as Jd,ListItemButton as Zd,Typography as Rd}from"@rango-dev/ui";import Qe from"react";import{useNavigate as ef}from"react-router-dom";import{create as Gd}from"zustand";import{persist as Qd,subscribeWithSelector as Hd}from"zustand/middleware";var De=St(Gd()(Qd(Hd((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 En}from"@rango-dev/ui";var Tl=En("div",{padding:"$10",width:"350px",minHeight:"150px"}),wl=En("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),xl=En("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),vl=En("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as Vd}from"@lingui/core";import{Divider as jd,NoNotificationIcon as Xd,Typography as Kd}from"@rango-dev/ui";import Wn from"react";function Al(){return Wn.createElement(vl,null,Wn.createElement(Xd,{color:"secondary",size:26}),Wn.createElement(jd,{size:12}),Wn.createElement(Kd,{variant:"body",size:"medium",color:"neutral700"},Vd.t("You have no notification")))}i(Al,"NotificationNotFound");var tf=4;function ii(){let t=ef(),e=ve.use.setSelectedSwap(),{getUnreadNotifications:o}=De(),n=o(),r=g().blockchains(),s=g().tokens(),a=n.sort((p,u)=>u.creationTime-p.creationTime).slice(0,tf),l=i(p=>{e(p),t(`${$.swaps}/${p}`)},"handleOnClick");return Qe.createElement(Tl,null,a.length?Qe.createElement(wl,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 Qe.createElement(Zd,{key:p.requestId,onClick:()=>l(p.requestId),title:Qe.createElement(Rd,{variant:"body",size:"small",color:"$neutral700"},Yd.t(p.event.message)),id:p.requestId,start:Qe.createElement(xl,null,Qe.createElement("div",{className:"from-chain-token"},Qe.createElement(bl,{tokenImage:u?u.image:"",chainImage:m?m.logo:"",size:"small"})),Qe.createElement("div",{className:"to-chain-token"},Qe.createElement(bl,{tokenImage:c?c.image:"",chainImage:f?f.logo:"",size:"small"}))),end:Qe.createElement(Jd,{size:12,color:"gray"})})})):Qe.createElement(Al,null))}i(ii,"NotificationContent");import{RefreshProgressButton as of}from"@rango-dev/ui";import si,{useEffect as nf,useState as Il}from"react";var rf=1e3,El=60,sf=100;function Nn({onClick:t}){let[e,o]=Il(0),[n,r]=Il(!1),s=i(p=>{document.hidden&&p&&a(p)},"handleVisibilityChange");nf(()=>{let p;return t?p=window.setInterval(()=>{o(u=>u+1),e===El&&l()},rf):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 si.createElement(_e,{variant:"ghost",size:"small",onClick:l,disabled:!t},si.createElement(Cl,{onTransitionEnd:()=>r(!1),isRefetched:n},si.createElement(of,{size:24,color:t?"black":"gray",progress:e/El*sf})))}i(Nn,"RefreshButton");import{Typography as af}from"@rango-dev/ui";import Wl from"react";function Nl(){let{getUnreadNotifications:t}=De(),e=t().length;return e?Wl.createElement(Sl,null,Wl.createElement(af,{variant:"body",size:"xsmall",color:"$background"},e)):null}i(Nl,"UnreadNotificationsBadge");function ai(t){let{layoutRef:e,onClickRefresh:o,onClickHistory:n,onClickSettings:r}=t,{config:{features:s}}=g(),a=Pe("notification",s);return me.createElement(me.Fragment,null,me.createElement(Ln,{container:M(),side:"top",content:Bn.t("Refresh")},me.createElement(Nn,{onClick:o})),!a&&me.createElement(pf,{align:"center",collisionBoundary:e,collisionPadding:{right:20,left:20},container:M(),content:me.createElement(ii,null)},me.createElement("div",null,me.createElement(Ln,{container:M(),side:"top",content:Bn.t("Notifications")},me.createElement(_e,{size:"small",variant:"ghost"},me.createElement(lf,{size:18,color:"black"}),me.createElement(Nl,null))))),me.createElement(Ln,{container:M(),side:"top",content:Bn.t("Settings")},me.createElement(_e,{size:"small",variant:"ghost",onClick:r},me.createElement(uf,{size:18,color:"black"}))),me.createElement(Ln,{container:M(),side:"top",content:Bn.t("Transactions History")},me.createElement(_e,{size:"small",variant:"ghost",onClick:n},me.createElement(cf,{size:18,color:"black"}))))}i(ai,"HomeButtons");import{darkTheme as mf,styled as li}from"@rango-dev/ui";var Bl=li("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",[`.${mf} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",variants:{fixedHeight:{true:{height:"100vh"},false:{height:"auto !important"}}}}),Ll=li("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"}}}}),Pl=li("div",{backgroundColor:"$background","& .footer__content":{padding:"$0 $20"},"& .footer__logo":{padding:"$0 $20 $10 $20"}});function hf(t,e){let{children:o,header:n,footer:r,noPadding:s,hasLogo:a=!0,fixedHeight:l=!0}=t,p=H.use.connectedWallets(),{config:{features:u,theme:m}}=g(),{activeTheme:c}=bn(m||{}),f=Pe("connectWalletButton",u),d=ve.use.connectWalletsButtonDisabled(),v=kt(),y=i(()=>{!d&&n.onWallet&&n.onWallet()},"onConnectWallet"),h=typeof n.hasBackButton>"u"||n.hasBackButton;return he.createElement(Bl,{ref:e,fixedHeight:l,id:ke,className:c()},he.createElement(gf,{prefix:he.createElement(he.Fragment,null,h&&he.createElement(ti,{onClick:v})),title:n.title,suffix:he.createElement(he.Fragment,null,n.suffix,n.onWallet&&!f&&he.createElement(ri,{container:M(),onClick:y,isConnected:!!p?.length}),n.onCancel&&he.createElement(ni,{onClick:n.onCancel}))}),he.createElement(Ll,{noPadding:s},o),(a||r)&&he.createElement(Pl,null,he.createElement("div",{className:"footer__content"},r),a&&he.createElement("div",{className:"footer__logo"},he.createElement(ff,{size:12}),he.createElement(df,null))))}i(hf,"LayoutComponent");var Y=he.forwardRef(hf);Y.displayName="Layout";import{Divider as Tf,Modal as wf}from"@rango-dev/ui";import ui from"react";import{i18n as jt}from"@lingui/core";import{Image as Cf,MessageBox as pi,WalletState as kf}from"@rango-dev/ui";import Nt from"react";import{keyframes as yf,styled as Pn}from"@rango-dev/ui";var Jv=Pn("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),Ml=Pn("div",{position:"relative"}),Sf=yf({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),$l=Pn("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Sf} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),_l=Pn("div",{"& img":{borderRadius:"50%"}});function Dl(t){let{state:e,image:o,error:n}=t;return e===kf.CONNECTED?Nt.createElement(pi,{type:"success",title:jt.t("Wallet Connected"),description:jt.t("Your wallet is connected, you can use it to swap.")}):n?Nt.createElement(pi,{type:"error",title:jt.t("Failed to Connect"),description:n||jt.t("Your wallet is not connected. Please try again.")}):Nt.createElement(pi,{type:"loading",title:jt.t("Connecting to your wallet"),description:jt.t("Click connect in your wallet popup."),icon:Nt.createElement(Ml,null,Nt.createElement(_l,null,Nt.createElement(Cf,{src:o,size:45})),Nt.createElement($l,null))})}i(Dl,"ModalContent");function go(t){let{open:e,onClose:o,...n}=t;return ui.createElement(wf,{open:e,onClose:o,container:document.getElementById(ke)||document.body},ui.createElement(Dl,{...n}),ui.createElement(Tf,{direction:"vertical",size:32}))}i(go,"WalletModal");var If=Ul("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),Ef=Ul("div",{textAlign:"center"}),Mn=3e3,ci=300;function zl(){let{config:t,fetchStatus:e}=g(),[o,n]=Ol(!1),[r,s]=Ol(""),a=null,{list:l,handleClick:p,error:u}=vn({config:t,onBeforeConnect:d=>{a=setTimeout(()=>{n(!0),s(d)},ci)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},Mn)}}),m=l.find(d=>d.type===r),c=m?.image||"",f=m?.state||Af.NOT_INSTALLED;return Bt.createElement(Y,{header:{title:Fl.t("Connect Wallets")}},Bt.createElement(Ef,null,Bt.createElement(xf,{variant:"title",size:"xmedium",align:"center"},Fl.t("Choose a wallet to connect.")),Bt.createElement(If,null,l.map((d,v)=>{let y=`wallet-${v}-${d.type}`;return Bt.createElement(bf,{key:y},Bt.createElement(vf,{...d,container:M(),onClick:h=>{p(h)},isLoading:e==="loading"}))}),Bt.createElement(go,{open:!!o,onClose:()=>n(!1),image:c,state:f,error:u}))))}i(zl,"WalletsPage");import{keyframes as Wf,styled as mi}from"@rango-dev/ui";var ql=mi("div",{position:"relative"}),Nf=Wf({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),Gl=mi("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Nf} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),Ql=mi("div",{"& img":{borderRadius:"50%"}});function fi(t){let{chain:e,isSelected:o,selectWallet:n,limit:r,onShowMore:s}=t,{config:a}=g(),l=H.use.connectedWallets(),{blockchains:p}=g(),[u,m]=ho(""),[c,f]=ho(null),[d,v]=ho(!1),[y,h]=ho(null),{suggestAndConnect:S}=Kl(),k=null,{list:x,error:A,handleClick:C}=vn({config:a,chain:e,onBeforeConnect:w=>{k=setTimeout(()=>{m(w)},ci)},onConnect:()=>{k&&clearTimeout(k),setTimeout(()=>{m("")},Mn)}}),[I,b]=ho(x),T=x.length,W=r&&T-r>0,P=i(async w=>{v(!1),h("in-progress");try{await S(w.walletType,w.chain),h("completed")}catch{h("rejected")}},"addExperimentalChain");Xl(()=>{b(w=>{let _=x.findIndex(B=>o(B.type,e));return W&&_>1?[x[_]].concat(x.filter((B,Q)=>Q!==_)):w.map(B=>x.find(Q=>Q.type===B.type)??B)})},[JSON.stringify(x)]);let U=document.getElementById(ke);return Xl(()=>{let w=null;return(y==="completed"||y==="rejected")&&(w=setTimeout(()=>h(null),Mn)),()=>{w&&clearTimeout(w)}},[y]),re.createElement(re.Fragment,null,I.slice(0,r).map(w=>{let _=na({connectedWallets:l,walletType:w.type,chain:e}),B=_?Ro(_):"",Q=Jo(p(),e),J=!l.find(Ie=>Ie.walletType===w.type&&Ie.chain===e),ne=Q&&J&&w.state===jl.CONNECTED,ye=ne?He.t({id:"Add {chain} chain",values:{chain:e}}):B,K=i(()=>{w.state===jl.DISCONNECTED?C(w.type):ne?(f({walletType:w.type,chain:e,address:_??""}),v(!0)):n({walletType:w.type,chain:e,address:_??""})},"onClick"),Z=c?.chain?wa(c.chain,p()):void 0;return re.createElement(re.Fragment,null,re.createElement(go,{open:u===w.type,onClose:()=>m(""),image:w.image,state:w.state,error:A}),!!c&&re.createElement(Hl,{open:!!c&&d,container:U,onClose:()=>{f(null)}},re.createElement($n,{title:He.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:Z}}),type:"warning",description:He.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:Z}})},re.createElement(di,{size:18}),re.createElement(di,{size:32}),re.createElement(Bf,{onClick:P.bind(null,c),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},He.t("Confirm")))),y&&re.createElement(Hl,{open:!!y,onClose:h.bind(null,null),container:U},y==="in-progress"&&re.createElement($n,{type:"loading",title:He.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:Z}}),description:He.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:Z}}),icon:re.createElement(ql,null,re.createElement(Ql,null,re.createElement(Lf,{src:w.image,size:45})),re.createElement(Gl,null))}),y==="completed"&&re.createElement($n,{type:"success",title:He.t({id:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:Z}}),description:He.t({id:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:Z}})}),y==="rejected"&&re.createElement($n,{type:"error",title:He.t("Request Rejected"),description:He.t({id:"You've rejected adding {blockchainDisplayName} chain to your wallet.",values:{blockchainDisplayName:Z}})}),re.createElement(di,{direction:"vertical",size:32})),re.createElement(Pf,{key:w.type,description:ye,onClick:K,selected:o(w.type,e),...w}))}),W&&re.createElement(el,{selected:!1,onClick:s},re.createElement(Vl,{variant:"label",size:"medium"},He.t("Show more wallets"),re.createElement(Vl,{variant:"label",size:"medium",color:"$primary"},"\xA0+",T-(r??0)))))}i(fi,"WalletList");var Gf=2;function Zl(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}=O(),{connectedWallets:v,selectWallets:y}=H(),[h,S]=Lt(""),[k,x]=Lt([]),[A,C]=Lt(""),[I,b]=Lt(null),[T,W]=Lt(f),[P,U]=Lt(!!f),w=zf(null),_=rn(p),B=l.find(F=>F.name===p?.result?.swaps[p?.result?.swaps.length-1].to.blockchain),Q=i(F=>!!p?.result?.swaps.find(q=>q.from.blockchain===F),"isWalletRequiredFor"),[J,ne]=Lt(v.filter(F=>F.selected&&_.includes(F.chain))),ye=l.find(F=>F.name===B?.name),K=i((F,q)=>!!J.find(te=>te.walletType===F&&te.chain===q&&te.selected&&(Q(q)||!Q(q)&&!T)),"isSelected"),Z=!!T&&P&&ye&&!sn(ye,T),Ie=i(()=>{U(!1),W(""),ne(F=>{let q=!1;return F.map(te=>!q&&te.chain===B?.name?(q=!0,{...te,selected:!0}):te)})},"resetCustomDestination"),qe=i(F=>{if(h&&S(""),K(F.walletType,F.chain))return;let te=v.find(Se=>Se.walletType===F.walletType&&Se.chain===F.chain);te&&(n(),F.chain===B?.name&&P&&(U(!1),W("")),ne(Se=>Se.filter(at=>at.chain!==F.chain).concat({...te,selected:!0})))},"onChange"),Ee=i(()=>{let F=J.filter(q=>q.selected);y(F),u(F),d(T),c(!0),o()},"onConfirmBalance"),io=i(async()=>{x([]),C(""),b(null);let F=v.filter(Se=>J.find(at=>at.chain===Se.chain&&at.walletType===Se.walletType)),q=await r?.({selectedWallets:F,customDestination:T}),te=q.warnings;te?.balance?.messages&&x(te.balance.messages),te?.quoteUpdate&&b(te.quoteUpdate),q.error&&C(xa(q.error)),!q.error&&(!te?.balance?.messages.length||0>0)?Ee():x(te?.balance?.messages??[])},"onConfirmWallets");Of(()=>{ne(F=>F.concat(v.filter(q=>!!!F.find(Se=>Se.chain===q.chain)&&q.selected&&_.includes(q.chain))))},[v.length]),Uf(()=>{P&&w.current&&setTimeout(()=>{w?.current?.scrollIntoView({behavior:"smooth"})},mo)},[P]);let Ft=document.getElementById(ke),gt=qf();return N.createElement(Jl,{open:e,onClose:()=>{m||gt("../",{replace:!0}),o()},dismissible:!h,container:Ft,...!h&&{footer:N.createElement(cl,null,N.createElement(Yl,{loading:s,disabled:_a(s,P,T,p,J,B),onClick:io,variant:"contained",type:"primary",fullWidth:!0,size:"large"},Re.t("Confirm")))},...h&&{containerStyle:{padding:"$0"},header:N.createElement(ol,null,N.createElement(nl,{variant:"ghost",onClick:S.bind(null,"")},N.createElement(_f,{size:16})),N.createElement(_n,{variant:"headline",size:"small"},Re.t({id:"Your {blockchainName} wallets",values:{blockchainName:Me(h,l)}})))},anchor:"center"},N.createElement(Jl,{open:k.length>0,onClose:x.bind(null,[]),container:Ft},N.createElement(Df,{title:Re.t("Insufficient account balance"),type:"error",description:N.createElement(Mf,{messages:k??[]})},N.createElement(Yl,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:Ee},Re.t("Proceed anyway")))),h&&N.createElement(rl,null,N.createElement("div",{className:il()},N.createElement(fi,{chain:h,isSelected:K,selectWallet:qe,onShowMore:S.bind(null,h)}))),!h&&N.createElement(N.Fragment,null,A&&N.createElement(N.Fragment,null,N.createElement(gi,{variant:"alarm",type:"error",title:Re.t(A)}),N.createElement(Xt,{size:12})),I&&N.createElement(N.Fragment,null,N.createElement(gi,{variant:"alarm",type:"warning",title:Tn(I)}),N.createElement(Xt,{size:12})),N.createElement(dl,null,_.map((F,q)=>{let te=l.find(ce=>ce.name===F),Se=`wallet-${q}`,at=q===_.length-1;return N.createElement("div",{key:Se},N.createElement(Za,null,N.createElement(_n,{variant:"title",size:"xmedium"},Re.t({id:"Your {blockchainName} wallets",values:{blockchainName:te?.shortName}})),N.createElement(_n,{variant:"label",color:"$neutral700",size:"medium"},Re.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:te?.shortName}}))),N.createElement(Xt,{size:24}),N.createElement(Ra,null,N.createElement(fi,{chain:F,isSelected:K,selectWallet:qe,limit:Gf,onShowMore:()=>S(te?.name??"")})),!at&&N.createElement(Xt,{size:32}),at&&a?.customDestination&&N.createElement(ll,null,N.createElement(sl,{ref:w,selected:P,open:P,onOpenChange:ce=>{ce?Q(B?.name??"")||ne(Ye=>Ye.map(Ot=>Ot.chain===B?.name?{...Ot,selected:!1}:Ot)):Ie()}},N.createElement(tl,{onClick:()=>U(ce=>!ce)},N.createElement(al,{fullWidth:!0,variant:"default",suffix:N.createElement(ul,{orientation:P?"up":"down"},N.createElement($f,{size:10,color:"gray"}))},N.createElement("div",{className:"button__content"},N.createElement(Ff,{size:18,color:"info"}),N.createElement(Xt,{size:4,direction:"horizontal"}),N.createElement(_n,{variant:"label",size:"medium"},Re.t("Send to a different address"))))),N.createElement(wn,{open:P},N.createElement(N.Fragment,null,N.createElement(Xt,{size:4}),N.createElement(ml,{autoFocus:!0,placeholder:Re.t("Your destination address"),value:T,onChange:ce=>{W(ce.target.value)}})))),Z&&N.createElement("div",{className:pl()},N.createElement(gi,{variant:"alarm",type:"error",title:Re.t({values:{destination:T},id:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}i(Zl,"ConfirmWalletsModal");import{Divider as Pg}from"@rango-dev/ui";import Oe from"react";import{i18n as xi}from"@lingui/core";import{Alert as Rf,Divider as vi,InfoIcon as eg,QuoteCost as tg,StepDetails as og,TokenAmount as ng,Tooltip as Tp,Typography as ko}from"@rango-dev/ui";import wp from"bignumber.js";import z,{useLayoutEffect as rg,useRef as xp,useState as ig}from"react";import{styled as yo}from"@rango-dev/ui";var Rl=yo("div",{paddingBottom:"$10"}),hi=yo("div",{width:"100%","& .position-top__skeleton":{paddingTop:"$10"}}),ep=yo("div",{variants:{paddingTop:{true:{paddingTop:"$10"}}}}),tp=yo("div",{paddingBottom:"$15"}),op=yo("div",{width:"100%",display:"flex"});import*as Dn from"@radix-ui/react-collapsible";import{css as Fn,darkTheme as et,Image as np,styled as Fe,Typography as Qf}from"@rango-dev/ui";var yi=300,rp=Fe(Dn.Root,{display:"flex",flexDirection:"column",alignItems:"start",overflowX:"auto",overflowY:"hidden",width:"100%",borderRadius:"$xm",cursor:"default",variants:{recommended:{true:{$$color:"$colors$info300",[`.${et} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"},false:{$$color:"$colors$neutral400",[`.${et} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}}}}),ip=Fn({padding:"$10 $15"}),sp=Fe("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",[`.${et} &`]:{$$color:"$colors$secondary600"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}},false:{$$color:"$colors$neutral200",[`.${et} &`]:{$$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",[`.${et} &`]:{$$color:"$colors$secondary700"},backgroundColor:"$$color"}}},{listItem:!0,recommended:!1,css:{"&:hover":{$$color:"$colors$neutral300",[`.${et} &`]:{$$color:"$colors$neutral400"},backgroundColor:"$$color"}}}]}),ap=Fn({width:"100%",padding:"$15 $15 $10 $15",cursor:"default"}),Kt=Fn({display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",".blockchainImage":{marginLeft:"-$8"}}),lp=Fn({paddingTop:"$10",display:"flex",alignItems:"center",".usd-value":{$$color:"$colors$neutral600",[`.${et} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),pp=Fe(Dn.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:{[`& ${np}`]:{border:"1px $warning500 solid",borderRadius:"100%"}},false:{[`& ${np}`]:{border:"1px transparent solid",borderRadius:"100%"}}},recommended:{true:{$$color:"$colors$info300",[`.${et} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"},false:{$$color:"$colors$neutral400",[`.${et} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}}},".blockchains_section":{display:"none"},"@xs":{".blockchains_section":{display:"block"}}}),up=Fe("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"}}}}),cp=Fe(wn,{width:"100%",background:"inherit"}),Si=Fe("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$2",transition:`all ${yi}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),lb=Fe("div",{height:"$12",marginLeft:"$10",marginRight:"$10",borderLeft:"1px solid $foreground"}),mp=Fe("div",{display:"flex",justifyContent:"center",margin:"0 $15",borderTop:"1px solid",$$color:"$colors$neutral300",[`.${et} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color"}),dp=Fe("div",{width:"$16",height:"$16",justifyContent:"center",alignItems:"center",display:"flex"}),Ci=Fe(Qf,{overflow:"hidden",textOverflow:"ellipsis",letterSpacing:.4}),fp=Fe("div",{display:"flex",flexWrap:"wrap"}),ki=Fe("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 yp}from"@lingui/core";import{TokenAmount as Sp}from"@rango-dev/ui";import On from"react";import{css as Hf,styled as Vf}from"@rango-dev/ui";var gp=Vf("div",{position:"relative",display:"flex",flexDirection:"column",width:"100%"}),hp=Hf({height:"14px",marginLeft:"14px",position:"absolute",borderLeft:"1px solid $foreground",top:"42%"});function So(t){let{from:e,to:o,percentageChange:n,warningLevel:r}=t;return On.createElement(gp,null,On.createElement(Sp,{direction:"horizontal",label:yp.t("Swap input"),type:"input",tooltipContainer:M(),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}}),On.createElement("div",{className:hp()}),On.createElement(Sp,{direction:"horizontal",tooltipContainer:M(),label:yp.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(So,"QuoteSummary");import{i18n as Cp}from"@lingui/core";import{ChevronDownIcon as jf,ChevronRightIcon as Xf,Divider as Ti,Image as Kf,Tooltip as wi,Typography as Un}from"@rango-dev/ui";import L,{useEffect as Yf,useState as Jf}from"react";var zn=4,qn=6,Zf=375,Co=i(t=>{let e=M(),{content:o,src:n,className:r,open:s,state:a}=t;return L.createElement(wi,{container:e,side:"bottom",sideOffset:4,open:s,content:o},L.createElement(up,{className:r,state:a},L.createElement(Kf,{src:n,size:16})))},"ImageComponent");function kp(t){let{quoteRef:e,recommended:o,setExpanded:n,steps:r,expanded:s}=t,a=M(),l=r.length,p=qa(r),[u,m]=Jf(!1),c=i(()=>{window.innerWidth<Zf?m(!0):m(!1)},"handleResize");return Yf(()=>{window.addEventListener("resize",c)}),L.createElement(pp,{ref:f=>e.current=f,recommended:o,onClick:()=>n(f=>!f)},L.createElement("div",{className:Kt()},L.createElement(Un,{variant:"body",size:"xsmall"},Cp.t("Via:")),L.createElement(Ti,{direction:"horizontal",size:4}),r.map((f,d)=>{let v=`item-${d}`,y=L.createElement(Si,null,L.createElement(Xf,{size:12,color:"black"}));return u?L.createElement(L.Fragment,null,L.createElement(Co,{content:f.swapper.displayName,src:f.swapper.image,state:f.state}),d!==l-1&&L.createElement(L.Fragment,null,y)):L.createElement(L.Fragment,{key:v},l<=zn||l>zn&&d<zn-1?L.createElement(L.Fragment,null,L.createElement(Co,{content:f.swapper.displayName,src:f.swapper.image,state:f.state}),d!==l-1&&L.createElement(L.Fragment,null,y)):d===zn-1&&L.createElement(wi,{container:a,side:"bottom",align:"right",sideOffset:4,content:L.createElement("div",{className:Kt()},y,r.map((h,S)=>{let k=`image-${S}`;return S>=d&&L.createElement(L.Fragment,{key:k},L.createElement(Co,{content:h.swapper.displayName,src:h.swapper.image,state:h.state,open:!1}),S!==l-1&&L.createElement(L.Fragment,null,y))}))},L.createElement(ki,{state:r.find((h,S)=>S>=d&&(h.state==="error"||h.state==="warning"))?.state},L.createElement(Un,{size:"xsmall",variant:"body"},"+",l-d))))})),L.createElement("div",{className:Kt()},L.createElement("div",{className:"blockchains_section"},L.createElement("div",{className:Kt()},L.createElement(Un,{variant:"body",size:"xsmall"},Cp.t("Chains:")),L.createElement(Ti,{direction:"horizontal",size:4}),p.map((f,d)=>L.createElement(L.Fragment,null,p.length<=qn||p.length>qn&&d<qn-1?L.createElement(Co,{key:f.displayName,content:"",src:f.image,open:!1,className:d!==0?"blockchainImage":""}):d===qn-1&&L.createElement(wi,{container:a,side:"bottom",align:"right",sideOffset:4,content:L.createElement("div",{className:Kt()},p.map((v,y)=>y>=d&&L.createElement(Co,{key:v.displayName,content:"",src:v.image,open:!1,className:y>d?"blockchainImage":""})))},L.createElement(ki,{className:"blockchainImage"},L.createElement(Un,{size:"xsmall",variant:"body"},"+",p.length-d))))),L.createElement(Ti,{direction:"horizontal",size:32}))),L.createElement(Si,{orientation:s?"up":"down"},L.createElement(jf,{size:12,color:"black"}))))}i(kp,"QuoteTrigger");function Ai(t){let{quote:e,input:o,output:n,error:r,warning:s,type:a,recommended:l=!0}=t,p=g().tokens(),u=g().blockchains(),m=g().swappers(),[c,f]=ig(t.expanded),d=xp(null),v=xp(c),y=E(pn(e.result?.swaps??[],p),2,2),h=Ho(Vo(e.result?.swaps)),S=E(o.value,6,6),k=E(n.value,6,6),x=n.usdValue?E(n.usdValue,4,4):"",A=$e(o.usdValue,n.usdValue??null),C=E(A,2,2),I=lt(A??0),T=i(U=>U.map((w,_)=>{let B,Q=r?.type===3&&r.swap.swapperId===w.swapperId||r?.type===4&&r.recommendedSlippages?.has(_),J=s?.type===2&&s.recommendedSlippages?.has(_);return Q?B="error":J&&(B="warning"),{swapper:{displayName:uo(w.swapperId,m),image:w.swapperLogo},from:{token:{displayName:w.from.symbol,image:w.from.logo},chain:{displayName:Me(w.from.blockchain,u),image:w.from.blockchainLogo},price:{value:_===0?E(o.value,6,6):E(w.fromAmount,6,6),usdValue:E((w.from.usdPrice??0)*parseFloat(w.fromAmount),4,4),realValue:ae(_===0?o.value:w.fromAmount),realUsdValue:ae(new wp(w.from.usdPrice??0).multipliedBy(w.fromAmount))}},to:{token:{displayName:w.to.symbol,image:w.to.logo},chain:{displayName:Me(w.to.blockchain,u),image:w.to.blockchainLogo},price:{value:E(w.toAmount,6,6),usdValue:E((w.to.usdPrice??0)*parseFloat(w.toAmount),4,4),realValue:ae(w.toAmount),realUsdValue:ae(new wp(w.to.usdPrice??0).multipliedBy(w.toAmount))}},state:B,alerts:Q||J?z.createElement(tp,null,z.createElement(Rf,{type:Q?"error":"warning",title:r?.type===3?r?.recommendation:xi.t("Slippage Error:"),footer:z.createElement(op,null,r?.type===3&&z.createElement(z.Fragment,null,z.createElement(ko,{size:"xsmall",variant:"body",color:"neutral900"},r.fromAmountRangeError),z.createElement(vi,{direction:"horizontal",size:8}),z.createElement(ko,{size:"xsmall",variant:"body",color:"neutral900"},"|"),z.createElement(vi,{direction:"horizontal",size:8}),z.createElement(ko,{size:"xsmall",variant:"body",color:"neutral900"},xi.t({id:"Yours: {amount} {symbol}",values:{amount:E(w.fromAmount,6,6),symbol:w?.from.symbol}}))),(r?.type===4||s?.type===2)&&z.createElement(ko,{size:"xsmall",variant:"body",color:"neutral900"},xi.t({id:"Minimum required slippage is {minRequiredSlippage}",values:{...r?.type===4&&{minRequiredSlippage:r.recommendedSlippages?.get(_)},...s?.type===2&&{minRequiredSlippage:s.recommendedSlippages?.get(_)}}})))})):void 0}}),"getQuoteSteps")(e.result?.swaps??[]),W=T.length,P=M();return rg(()=>{c&&!v.current&&d.current&&setTimeout(()=>{d?.current?.scrollIntoView({behavior:"smooth"})},yi),v.current=c},[c,v]),z.createElement(z.Fragment,null,z.createElement(sp,{recommended:l,listItem:a==="list-item",basic:a==="basic"},z.createElement("div",{className:ap()},z.createElement(tg,{fee:y,time:h,steps:W}),a==="basic"&&z.createElement("div",{className:lp()},z.createElement(dp,null,z.createElement(eg,{size:12,color:"gray"})),z.createElement(fp,null,z.createElement(Ci,{size:"small",variant:"body"},`${S} ${T[0].from.token.displayName} = `),z.createElement(Tp,{content:ae(n.value),container:P,open:n.value?void 0:!1},z.createElement(Ci,{size:"small",variant:"body"},"\xA0",`${k} ${T[T.length-1].to.token.displayName}`))),z.createElement(Tp,{content:ae(n.usdValue),container:P,style:{display:"flex"}},z.createElement(ko,{color:"$neutral600",ml:2,size:"xsmall",variant:"body"},`($${x})`))),a==="list-item"&&z.createElement(ng,{type:"output",direction:"vertical",tooltipContainer:P,price:{value:k,usdValue:x,realValue:ae(n.value),realUsdValue:ae(n.usdValue)},token:{displayName:T[W-1].to.token.displayName,image:T[W-1].to.token.image},chain:{image:T[W-1].to.chain.image},percentageChange:C,warningLevel:I}),a==="swap-preview"&&z.createElement(z.Fragment,null,z.createElement(So,{from:T[0].from,to:T[W-1].to,percentageChange:C,warningLevel:I}),z.createElement(vi,{size:4}))),z.createElement(rp,{recommended:l,open:c,onOpenChange:f},z.createElement(kp,{quoteRef:d,recommended:l,setExpanded:f,expanded:c,steps:T}),z.createElement(cp,{open:c},z.createElement(mp,null),z.createElement("div",{className:ip()},T.map((U,w)=>{let _=`item-${w}`;return z.createElement(og,{type:"quote-details",key:_,step:U,hasSeparator:w!==T.length-1,state:U.state,tooltipContainer:P})}))))))}i(Ai,"Quote");import{Divider as lg,Skeleton as pg}from"@rango-dev/ui";import pt from"react";import{darkTheme as sg,styled as Gn}from"@rango-dev/ui";var vp=Gn("div",{$$color:"$colors$neutral100",[`.${sg} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",borderBottomLeftRadius:"$xm",borderBottomRightRadius:"$xm",padding:"$15 ",variants:{rounded:{true:{borderRadius:"$xm"}}}}),Ap=Gn("div",{paddingTop:"$2"}),bp=Gn("div",{paddingLeft:"$8"}),Ip=Gn("div",{borderLeft:"1px dashed black",minHeight:" 0",margin:"0px 11.5px",alignSelf:"stretch",variants:{hideSeparator:{true:{minHeight:"unset",height:"0"}}}});import{ChainToken as Fp,Divider as Pt,Skeleton as ot}from"@rango-dev/ui";import G from"react";import{styled as tt}from"@rango-dev/ui";var Ep=tt("div",{display:"flex",justifyContent:"space-between",alignItems:"center",height:"22px"}),Wp=tt("div",{display:"flex"}),Np=tt("div",{padding:"$15 $0 14px $0"}),Bp=tt("div",{padding:"$6 $0 $15 $0",display:"flex",flexDirection:"column"}),Lp=tt("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$5"}),Pp=tt("div",{display:"flex",justifyContent:"space-between",alignItems:"end"}),Mp=tt("div",{height:"$28",marginLeft:"13px",borderLeft:"1px solid $neutral700"}),$p=tt("div",{width:"65%",display:"flex",justifyContent:"start"}),_p=tt("div",{display:"flex",flexDirection:"column",alignItems:"start",flexGrow:1,maxWidth:"148px"}),Dp=tt("div",{padding:"$15 $0 $15 $0"});function xo(t){let{type:e,tag:o=!1}=t,n=G.createElement(Pp,null,G.createElement($p,null,G.createElement(Fp,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),G.createElement(Pt,{size:8,direction:"horizontal"}),G.createElement(_p,null,G.createElement(ot,{height:10,width:60,variant:"rounded"}),G.createElement(Pt,{size:4}),G.createElement(ot,{height:15,variant:"rounded"}))),G.createElement(ot,{height:12,width:64,variant:"rounded"}));return G.createElement("div",null,G.createElement(Ep,null,G.createElement(Wp,null,G.createElement(ot,{width:60,height:10,variant:"rounded"}),G.createElement(Pt,{size:4,direction:"horizontal"}),G.createElement(ot,{width:60,height:10,variant:"rounded"}),G.createElement(Pt,{size:4,direction:"horizontal"}),G.createElement(ot,{width:60,height:10,variant:"rounded"})),o&&G.createElement(ot,{height:22,width:100,variant:"rounded"})),e==="basic"&&G.createElement(Np,null,G.createElement(ot,{height:15,width:148,variant:"rounded"})),e==="list-item"&&G.createElement(Bp,null,G.createElement(Lp,null,G.createElement(Fp,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),G.createElement(Pt,{direction:"horizontal",size:4}),G.createElement(ot,{height:15,width:150,variant:"rounded"})),G.createElement(Pt,{size:4}),G.createElement(ot,{height:10,width:184,variant:"rounded"})),e==="swap-preview"&&G.createElement(G.Fragment,null,G.createElement(Pt,{size:4}),G.createElement(Dp,null,n,G.createElement(Mp,null),n)))}i(xo,"QuoteSummarySkeleton");import{ChainToken as Gp,Divider as Ii,NextIcon as ag,Skeleton as Qn}from"@rango-dev/ui";import pe from"react";import{styled as vo}from"@rango-dev/ui";var Op=vo("div",{display:"flex",alignItems:"start"}),Up=vo("div",{flexGrow:1,paddingTop:"$5",paddingBottom:"$10",display:"flex",alignItems:"center"}),bi=vo("div",{display:"flex",alignItems:"center",flexGrow:1}),zp=vo("div",{margin:"$0 $2",padding:"$4",display:"flex",justifyContent:"center",alignItems:"center"}),qp=vo("div",{display:"flex",alignItems:"center"});function nt(t){let{separator:e=!0}=t;return pe.createElement(pe.Fragment,null,pe.createElement(qp,null,pe.createElement(Qn,{height:22,width:22,variant:"circular"}),pe.createElement(Ii,{direction:"horizontal",size:8}),pe.createElement(Qn,{height:15,width:148,variant:"rounded"})),pe.createElement(Op,null,pe.createElement(Ip,{hideSeparator:!e}),pe.createElement(Up,null,pe.createElement(bi,null,pe.createElement(Gp,{size:"small",loading:!0,chainImage:"",tokenImage:""}),pe.createElement(Ii,{direction:"horizontal",size:8}),pe.createElement(Qn,{height:12,variant:"rounded"})),pe.createElement(zp,null,pe.createElement(ag,{color:"gray",size:16})),pe.createElement(bi,null,pe.createElement(Gp,{size:"small",loading:!0,chainImage:"",tokenImage:""}),pe.createElement(Ii,{direction:"horizontal",size:8}),pe.createElement(Qn,{height:12,variant:"rounded"})))))}i(nt,"StepSkeleton");function Ei(t){let{type:e,expanded:o,tag:n=!1}=t;return pt.createElement(vp,{rounded:e!=="basic"},pt.createElement(xo,{type:e,tag:n}),pt.createElement(Ap,null,pt.createElement(pg,{height:15,variant:"rounded"})),o&&pt.createElement(bp,null,pt.createElement(lg,{size:20}),pt.createElement(nt,null),pt.createElement(nt,null),pt.createElement(nt,{separator:!1})))}i(Ei,"QuoteSkeleton");import{i18n as Wg}from"@lingui/core";import{Alert as Ng,Button as Bg,InfoIcon as Lg}from"@rango-dev/ui";import Ne from"react";import{Alert as ug,Button as cg,Divider as Kp,NoRouteIcon as mg,RefreshIcon as dg,Typography as Yp}from"@rango-dev/ui";import Ve from"react";import{i18n as Qp}from"@lingui/core";function Hp(t,e,o,n){return t?.type===1?{alert:{type:"warning",text:V().genericServerError,action:{onClick:n,title:Qp.t("Retry")}},description:""}:e.length?{alert:{type:"warning",text:V().liquiditySourcesError.title,action:{onClick:()=>o(!0),title:Qp.t("Reset")}},description:V().liquiditySourcesError.description}:t?.type===0&&t.diagnosisMessage?{alert:{type:"error",text:t.diagnosisMessage,action:null},description:""}:{alert:null,description:V().noResultError.description}}i(Hp,"makeInfo");import{styled as Wi}from"@rango-dev/ui";var Vp=Wi("div",{minHeight:"162px",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"}),jp=Wi("div",{width:"100%"}),Xp=Wi("div",{padding:"$6 $0"});function Ni(t){let{fetch:e,error:o}=t,n=g().disabledLiquiditySources,r=g().toggleAllLiquiditySources,s=g().swappers(),a=Hp(o,n,()=>r(s,!0),e);return Ve.createElement(Vp,null,Ve.createElement(mg,{size:24,color:"gray"}),Ve.createElement(Kp,{size:4}),Ve.createElement(Yp,{variant:"title",size:"small"},V().noResultError.title),!!a.description&&Ve.createElement(Yp,{variant:"body",size:"small",align:"center",color:"neutral700"},a.description),Ve.createElement(Kp,{size:4}),!!a.alert&&Ve.createElement(jp,null,Ve.createElement(ug,{type:a.alert.type,title:a.alert.text,action:a.alert.action&&Ve.createElement(cg,{size:"xsmall",type:a.alert.type,prefix:Ve.createElement(Xp,null,Ve.createElement(dg,{size:8})),onClick:a.alert.action.onClick},a.alert.action.title),variant:"alarm"})))}i(Ni,"NoResult");import{i18n as Ao}from"@lingui/core";import{Button as gg,Divider as ou,MessageBox as hg,Modal as yg,Typography as Sg,WarningIcon as Cg}from"@rango-dev/ui";import rt from"react";import{Typography as eu}from"@rango-dev/ui";import Li from"react";import{darkTheme as fg,styled as Hn}from"@rango-dev/ui";var Jp=Hn("div",{width:"100%",paddingTop:"$10"}),Bi=Hn("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),Zp=Hn("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%","._title":{$$color:"$colors$neutral600",[`.${fg} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Rp=Hn("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});function tu(t){let{title:e,value:o,valueColor:n}=t;return Li.createElement(Zp,null,Li.createElement(eu,{size:"medium",variant:"label",className:"_title"},e),Li.createElement(eu,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}i(tu,"QuoteErrorsModalItem");function nu(t){let{open:e,onClose:o,onConfirm:n,warning:r}=t,s=r.warningLevel==="high"?"error":"warning",a=[{title:Ao.t("Swapping"),value:E(r.inputUsdValue,4,4)},{title:Ao.t("Gas cost"),value:E(r.totalFee,2,2)},{title:Ao.t("Receiving"),value:E(r.outputUsdValue,4,4)},{title:Ao.t("Price impact"),value:E(r.priceImpact,2,2),valueColor:`${s}500`}];return rt.createElement(yg,{open:e,onClose:o,container:M()},rt.createElement(hg,{type:s,title:V().highValueLossError.impactTitle,description:V().highValueLossError.description}),rt.createElement(Bi,null,rt.createElement(ou,{size:20}),rt.createElement(Sg,{size:"small",variant:"title"},Ao.t("Details")),rt.createElement(Bi,null,a.map((l,p)=>rt.createElement(tu,{key:p,...l})))),rt.createElement(ou,{size:32}),rt.createElement(gg,{type:"primary",size:"large",prefix:rt.createElement(Cg,null),fullWidth:!0,onClick:n},V().highValueLossError.confirmMessage))}i(nu,"HighValueLossWarningModal");import{i18n as Pi}from"@lingui/core";function ru(t,e){let o={alertType:"warning",title:"",action:"show-info"};return t?(t.type===0&&(lt(t.priceImpact)==="high"&&(o.alertType="error"),o.action=null,o.title=V().highValueLossError.title),t.type===1&&(o.title=V().unknownPriceError.title),t.type===2&&(o.title=Pi.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=Pi.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=Pi.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(ru,"makeAlerts");import{i18n as Yt}from"@lingui/core";import{Button as iu,Divider as su,MessageBox as kg,Modal as Tg,Typography as wg}from"@rango-dev/ui";import Mt from"react";import{useNavigate as xg}from"react-router-dom";function au(t){let{customSlippage:e,slippage:o}=g(),{open:n,onClose:r,onConfirm:s,warning:a}=t,l=xg(),p=e??o;return Mt.createElement(Tg,{anchor:"bottom",open:n,prefix:Mt.createElement(iu,{size:"small",variant:"ghost",onClick:()=>l("../"+$.settings)},Mt.createElement(wg,{variant:"label",size:"medium",color:"$neutral900"},Yt.t("Change settings"))),container:M(),onClose:r},Mt.createElement(kg,{type:"warning",title:a.type===3?Yt.t("High slippage"):Yt.t("Low slippage"),description:a.type===3?Yt.t({id:" Caution, your slippage is high (={userSlippage}). Your trade may be front run.",values:{userSlippage:p}}):Yt.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:a.minRequiredSlippage}})},Mt.createElement(su,{size:18}),Mt.createElement(su,{size:32}),Mt.createElement(iu,{size:"large",type:"primary",variant:"contained",fullWidth:!0,onClick:s},Yt.t("Confirm anyway"))))}i(au,"SlippageWarningModal");import{Button as vg,Divider as Ag,MessageBox as bg,Modal as Ig,WarningIcon as Eg}from"@rango-dev/ui";import bo from"react";function lu(t){let{open:e,onClose:o,onConfirm:n}=t;return bo.createElement(Ig,{open:e,onClose:o,container:M()},bo.createElement(bg,{type:"warning",title:V().unknownPriceError.impactTitle,description:V().unknownPriceError.description}),bo.createElement(Ag,{size:32}),bo.createElement(vg,{type:"primary",size:"large",prefix:bo.createElement(Eg,null),fullWidth:!0,onClick:n},V().unknownPriceError.confirmMessage))}i(lu,"UnknownPriceWarningModal");function Mi(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=ru(e,o?.type===3||o?.type===4?o:null);return Ne.createElement(Ne.Fragment,null,m&&Ne.createElement(Ni,{error:o,fetch:n}),!!c&&Ne.createElement(Jp,null,Ne.createElement(Ng,{title:c.title,type:c.alertType,variant:"alarm",...c.action==="show-info"&&{action:Ne.createElement(Rp,{onClick:s},Ne.createElement(Lg,{size:12,color:"gray"}))},...c.action==="change-settings"&&{action:Ne.createElement(Bg,{size:"xxsmall",type:c.alertType,onClick:p},Wg.t("Change"))}})),e&&Ne.createElement(Ne.Fragment,null,e.type===0&&Ne.createElement(nu,{...u,warning:e}),(e.type===3||e.type===2)&&Ne.createElement(au,{...u,warning:e}),e.type===1&&Ne.createElement(lu,{...u,warning:e})))}i(Mi,"QuoteWarningsAndErrors");function Io(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:v,inputUsdValue:y,outputUsdValue:h,outputAmount:S}=O(),x=!(r&&(r.type===0||r.type===1))&&e&&e.result&&!n,A=(s||r)&&Oe.createElement(Mi,{warning:s,error:r,loading:n,refetchQuote:a,showWarningModal:l,onOpenWarningModal:p,onCloseWarningModal:u,onConfirmWarningModal:m,onChangeSettings:c});return Oe.createElement(Oe.Fragment,null,n&&Oe.createElement(hi,null,Oe.createElement(ep,{paddingTop:d==="top"},Oe.createElement(Ei,{type:o,expanded:f}))),d==="top"&&Oe.createElement(Rl,null,A),x?Oe.createElement(hi,null,Oe.createElement(Ai,{quote:e,error:r,warning:s,type:o,expanded:f,recommended:!0,input:{value:v,usdValue:y?.toString()??""},output:{value:S?.toString()??"",usdValue:h?.toString()??""}})):null,d==="bottom"&&Oe.createElement(Oe.Fragment,null,!s&&!r&&Oe.createElement(Pg,{size:16}),A))}i(Io,"QuoteInfo");import{calculatePendingSwap as _g}from"@rango-dev/queue-manager-rango-preset";import{useEffect as Dg}from"react";import{useRef as Mg,useState as $g}from"react";function Vn(){let[t,e]=$g(!1),o=Mg(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(Vn,"useFetchQuote");function jn(t){if(!t.result)throw new Error(V().noResultError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});if(Fr(t)){let{swap:n,recommendation:r,fromAmountRangeError:s}=Or(t);throw new Error("bridge limit error",{cause:{type:3,swap:n,recommendation:r,fromAmountRangeError:s}})}let o=zr(t);if(o){let n=un(t);throw new Error("",{cause:{type:4,recommendedSlippages:o,minRequiredSlippage:n}})}return t}i(jn,"throwErrorIfResponseIsNotValid");function pu(t,e,o){let n=!1;t&&(n=Ua(t,e));let r={quote:null,quoteUpdate:null,balance:null},s=mn(e,{fromToken:o.fromToken,toToken:o.toToken,tokens:o.meta.tokens,userSlippage:o.userSlippage});s&&(r.quote=s),t&&n&&(Na(t,e)?r.quoteUpdate={type:3,newOutputAmount:E(Gt(e)),percentageChange:E($e(Gt(t)??"",Gt(e)??""),null,2)}:Gr(t,e)?r.quoteUpdate={type:0}:Qr(t,e)?r.quoteUpdate={type:1}:Hr(t,e)&&(r.quoteUpdate={type:2}));let a=Ba(e,o.selectedWallets,o.meta.blockchains);return a.length===0||(r.balance={messages:a}),r}i(pu,"generateWarnings");function Xn(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(Xn,"handleQuoteErrors");function $i(){let{fromToken:t,toToken:e,inputAmount:o,setQuote:n,quote:r,customDestination:s,setQuoteWarningsConfirmed:a}=O(),{slippage:l,customSlippage:p,affiliatePercent:u,affiliateRef:m,affiliateWallets:c,disabledLiquiditySources:f}=g(),{connectedWallets:d}=H(),v=g().blockchains(),y=g().tokens(),{features:h}=g().config,{enableNewLiquiditySources:S}=g().config,k=p||l,{fetch:x,cancelFetch:A,loading:C}=Vn();return Dg(()=>A,[]),{loading:C,fetch:i(async b=>{let T=b.selectedWallets,W=b?.customDestination??s;if(!t||!e||!o)return{quote:null,swap:null,error:null,warnings:null};let P=cn({fromToken:t,toToken:e,inputAmount:o,wallets:d,selectedWallets:T,excludeLiquiditySources:S,disabledLiquiditySources:f,slippage:k,affiliateRef:m,affiliatePercent:u,affiliateWallets:c,initialQuote:r??void 0,destination:W});nn("experimentalRoute",h)&&(P.experimental=!0);let U;try{U=await x(P).then(Q=>jn(Q)),n(U)}catch(Q){return Xn(Q)}let w={slippage:k.toString(),disabledSwappersGroups:f},_=_g(o.toString(),U,Ea(T),w,!1,{blockchains:v,tokens:y}),B=pu(r??void 0,U,{fromToken:t,toToken:e,meta:{blockchains:v,tokens:y},selectedWallets:T,userSlippage:k});return B.quoteUpdate&&a(!1),{quote:U,swap:_,error:null,warnings:B}},"fetch"),cancelFetch:A}}i($i,"useConfirmSwap");var Kg=mu("div",{position:"relative",width:"100%","& .quote-update__alert":{paddingTop:"$10"}}),Yg=mu("div",{width:"100%",display:"flex",justifyContent:"space-between",[`& ${cu}`]:{width:"$48",height:"$48"}}),Jg=_i({flexGrow:1,paddingRight:"$10"}),Zg=_i({width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"}),Rg=_i({display:"flex",justifyContent:"space-between",alignItems:"center"});function du(){let{quote:t,setInputAmount:e,selectedWallets:o,quoteWalletsConfirmed:n,setQuoteWalletConfirmed:r,customDestination:s,quoteWarningsConfirmed:a}=O(),l=Xg(),[p,u]=Yn(""),{connectedWallets:m}=H(),c=!n,[f,d]=Yn(!1),v=ve.use.setSelectedSwap(),y=g().disabledLiquiditySources,h=Vg(y),{manager:S}=Fg(),{fetch:k,loading:x,cancelFetch:A}=$i(),[C,I]=Yn({swap:null,error:null,warnings:null}),[b,T]=Yn(!1),W=i(async({selectedWallets:B,customDestination:Q})=>{let J=await k?.({selectedWallets:B,customDestination:Q});return I(J),J},"onConfirmSwap"),P=i(async()=>{if(C.swap&&n)try{await S?.create("swap",{swapDetails:C.swap},{id:C.swap.requestId}),v(C.swap.requestId);let B=`../${$.swaps}/${C.swap.requestId}`;l(B,{replace:!0}),setTimeout(()=>{e("")},0)}catch(B){u("Error: "+B?.message)}},"addNewSwap"),U=i(async()=>{await P()},"onConfirm"),w=i(async()=>{C?.warnings?.quote&&!a?T(!0):await U()},"onStartConfirmSwap"),_=i(async()=>{I({error:null,swap:null,warnings:null}),k({selectedWallets:o,customDestination:s}).then(B=>{I(B)}).catch(B=>console.error(B))},"onRefresh");return Eo(()=>{!!h.current.length&&!y.length&&_(),h.current=y},[y.length]),Eo(()=>{c&&A()},[c]),Eo(()=>{c&&d(c)},[c]),Eo(()=>{c||k({selectedWallets:o,customDestination:s}).then(B=>I(B)).catch(B=>console.error(B))},[]),Eo(()=>{let B=C.warnings?.quote?.type&&Object.values(ht).includes(C.warnings?.quote?.type),Q=o.length<1||!o.every(ne=>m.find(ye=>ne.address===ye.address&&ne.walletType===ye.walletType&&ne.chain===ye.chain)),J=!1;if(B){let ne=rn(t),ye=t?.result?.swaps[t.result.swaps.length-1].to.blockchain;!!t?.result?.swaps.find(Ie=>Ie.from.blockchain===ye)||(ne=ne.slice(-ne.length,ne.length-1)),ne.every(Ie=>o.find(qe=>qe.chain===Ie))||(J=!0)}t&&(Q||J)&&(queueMicrotask(()=>jg(d.bind(null,!0))),r(!1))},[C.warnings?.quote,o.length,m.length]),Hg(()=>{t||l("../")},[]),ie.createElement(Y,{header:{title:Kn.t("Confirm Swap"),onWallet:()=>{let B=`../${$.wallets}`;l(B)},suffix:ie.createElement(qg,{container:M(),side:"bottom",content:Kn.t("Settings")},ie.createElement(_e,{size:"small",variant:"ghost",onClick:()=>l("../"+$.settings)},ie.createElement(zg,{size:18,color:"black"})))},footer:ie.createElement(Yg,null,ie.createElement("div",{className:Jg()},ie.createElement(Og,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:x,disabled:!!C.error,onClick:w},Kn.t("Start Swap"))),ie.createElement(cu,{variant:"contained",type:"primary",size:"large",loading:x,onClick:d.bind(null,!0)},ie.createElement(Qg,{size:24})))},f&&ie.createElement(Zl,{open:f,onClose:()=>d(!1),onCancel:A,loading:x,onCheckBalance:W}),ie.createElement(Kg,null,ie.createElement("div",{className:Rg()},ie.createElement(Gg,{variant:"title",size:"small"},Kn.t("You get")),ie.createElement("div",{className:Zg()},ie.createElement(Nn,{onClick:!x&&!f&&!b?_:void 0}))),p&&ie.createElement(ie.Fragment,null,ie.createElement(uu,{type:"error",variant:"alarm",title:p}),ie.createElement(Ug,{size:12})),C.warnings?.quoteUpdate&&ie.createElement("div",{className:"quote-update__alert"},ie.createElement(uu,{variant:"alarm",type:"warning",title:C.warnings.quoteUpdate&&Tn(C.warnings.quoteUpdate)})),ie.createElement(Io,{quote:t,type:"swap-preview",expanded:!0,alertPosition:"top",error:C.error,loading:x,warning:C.warnings?.quote??null,refetchQuote:_,showWarningModal:b,onOpenWarningModal:()=>T(!0),onCloseWarningModal:()=>T(!1),onConfirmWarningModal:async()=>{T(!1),await P()},onChangeSettings:()=>l("../"+$.settings)})))}i(du,"ConfirmSwapPage");import{i18n as er}from"@lingui/core";import{useManager as ah}from"@rango-dev/queue-manager-react";import{Divider as lh,NotFound as ph,styled as Tu}from"@rango-dev/ui";import xt,{useState as uh}from"react";import{useNavigate as ch}from"react-router-dom";import{CloseIcon as th,IconButton as oh,SearchIcon as nh,TextField as rh}from"@rango-dev/ui";import Wo from"react";import{styled as eh}from"@rango-dev/ui";var fu=eh("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function ut(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:s,value:a,setValue:l,...p}=t;return Wo.createElement(rh,{prefix:Wo.createElement(fu,null,Wo.createElement(nh,{color:"black"})),suffix:!!a.length&&Wo.createElement(oh,{variant:"ghost",onClick:()=>l?.(""),size:"small"},Wo.createElement(th,{color:"gray",size:10})),fullWidth:o,color:n,variant:e,style:{padding:10,borderRadius:25,alignItems:"center"},size:r,value:a,onChange:s,...p})}i(ut,"SearchInput");import{i18n as Ui}from"@lingui/core";import{Divider as hu,SwapListItem as yu,Typography as Su}from"@rango-dev/ui";import oe from"react";import{css as ih,darkTheme as sh,styled as Jn}from"@rango-dev/ui";var Zn=ih(),Di=Jn("div",{width:"100%",display:"flex",flexDirection:"column",[`& .${Zn}`]:{$$color:"$colors$neutral600",[`.${sh} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Fi=Jn("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),Oi=Jn("div",{gap:"$10",display:"flex",flexDirection:"column"}),gu=Jn("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});function zi(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:Ui.t("Today"),swaps:a},{title:Ui.t("This month"),swaps:a}];return oe.createElement(oe.Fragment,null,l.map(p=>oe.createElement(oe.Fragment,{key:p.title},oe.createElement(Di,null,oe.createElement(Fi,null,oe.createElement(Su,{variant:"label",size:"medium",className:Zn()},p.title)),oe.createElement(hu,{size:4}),oe.createElement(Oi,null,p.swaps.map((u,m)=>{let c=m+p.title;return oe.createElement(oe.Fragment,{key:c},oe.createElement(yu,{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(Di,null,oe.createElement(Fi,null,oe.createElement(Su,{variant:"label",size:"medium",className:Zn()},a.title)),oe.createElement(hu,{size:4}),oe.createElement(Oi,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(yu,{requestId:l.requestId,creationTime:l.creationTime,status:l.status,onClick:o,tooltipContainer:M(),onlyShowTime:a.title===Ui.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(zi,"SwapsGroup");import{i18n as Rn}from"@lingui/core";import Cu from"dayjs";var ku=i(t=>{let e=new Map([["today",{title:Rn.t("Today"),swaps:[]}],["week",{title:Rn.t("This week"),swaps:[]}],["month",{title:Rn.t("This month"),swaps:[]}],["year",{title:Rn.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=Cu();return t.forEach(r=>{let s=Number(r.creationTime),a=Cu(s);if(n.isSame(a,"day"))e.get("today")?.swaps.push(r);else if(n.isSame(a,"week"))e.get("week")?.swaps.push(r);else if(n.isSame(a,"month"))e.get("month")?.swaps.push(r);else if(n.isSame(a,"year"))e.get("year")?.swaps.push(r);else{let l=new Date(s).getFullYear().toString();o(l,r)}}),Array.from(e.values())},"groupSwapsByDate");var Jt=i(t=>{let e=[];return t?.getAll().forEach((o,n)=>{let r=o.list.getStorage();r?.swapDetails&&e.push({id:n,swap:r?.swapDetails})}),e.sort((o,n)=>Number(n.swap.creationTime)-Number(o.swap.creationTime))},"getPendingSwaps");var mh=Tu("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",height:"100%",gap:15}),dh=Tu("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),fh=i((t,e)=>t?.length?t.filter(o=>Je(o.fromBlockchain,e)||Je(o.toBlockchain,e)||Je(o.toSymbol,e)||Je(o.fromSymbol,e)).length:!1,"isStepContainsText");function wu(){let t=ve.use.setSelectedSwap(),e=ch(),{manager:o,state:n}=ah(),r=Jt(o).map(({swap:c})=>c),[s,a]=uh(""),l=!n.loadedFromPersistor,p=i(c=>{let f=c.target.value;a(f)},"searchHandler"),u=r;s&&(u=r.filter(c=>Je(c.inputAmount,s)||Je(c.status,s)||fh(c.steps,s)||Je(c.requestId,s)));let m=!u?.length&&!l;return xt.createElement(Y,{header:{title:er.t("History")}},xt.createElement(mh,null,xt.createElement(ut,{setValue:a,fullWidth:!0,variant:"contained",placeholder:er.t("Search Transaction"),autoFocus:!0,onChange:p,value:s}),xt.createElement(dh,null,m&&xt.createElement(gu,null,xt.createElement(lh,{size:32}),xt.createElement(ph,{title:er.t("No results found"),description:s?er.t("Try using different keywords"):""})),!m&&xt.createElement(zi,{list:u,onSwapClick:c=>{t(c),e(c)},groupBy:ku,isLoading:l}))))}i(wu,"HistoryPage");import{i18n as Qi}from"@lingui/core";import{Button as Th,styled as Hi,SwapInput as bu,WarningIcon as wh}from"@rango-dev/ui";import Ue,{useEffect as xh,useRef as vh,useState as Ah}from"react";import{useNavigate as bh}from"react-router-dom";import{ReverseIcon as gh,styled as xu}from"@rango-dev/ui";import qi from"react";var hh=xu("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),yh=xu("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 vu(){let t=O.use.switchFromAndTo();return qi.createElement(hh,null,qi.createElement(yh,{onClick:()=>{t()}},qi.createElement(gh,{size:12})))}i(vu,"SwitchFromAndToButton");import{useCallback as Sh,useEffect as Ch,useState as Gi}from"react";var kh=600;function Au(){let{fetch:t,cancelFetch:e}=Vn(),{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}=O(),{slippage:d,customSlippage:v,affiliatePercent:y,affiliateRef:h,affiliateWallets:S,disabledLiquiditySources:k}=g(),[x,A]=Gi(!1),[C,I]=Gi(null),[b,T]=Gi(null),W=v??d,U=!a||!l||Le(a,l)||!ao(p),w=i(Q=>{A(Q),I(null),T(null)},"resetState"),_=i(Q=>{let{fromToken:J,toToken:ne,inputAmount:ye,liquiditySources:K,excludeLiquiditySources:Z,disabledLiquiditySources:Ie,slippage:qe,affiliateRef:Ee,affiliatePercent:io,affiliateWallets:Ft}=Q;if(x||w(!0),!U&&J&&ne){c();let gt=cn({fromToken:J,toToken:ne,inputAmount:ye,liquiditySources:K,excludeLiquiditySources:Z,disabledLiquiditySources:Ie,slippage:qe,affiliateRef:Ee,affiliatePercent:io,affiliateWallets:Ft});nn("experimentalRoute",r)&&(gt.experimental=!0),t(gt).then(F=>{A(!1),f(F),jn(F);let q=mn(F,{fromToken:J,toToken:ne,userSlippage:W,tokens:s});T(q)}).catch(F=>{let{error:q}=Xn(F);(q?.type===0||q?.type===1)&&c(),q?.type!==2&&(I(q),A(!1))})}},"fetch"),B=Sh(pa(Q=>{U||_(Q)},kh),[U]);return Ch(()=>{if(!ao(p)||u?.eq(0)){w(!1),e();return}if(U){m&&c();return}return c(),w(!0),B({inputAmount:p,fromToken:a,toToken:l,liquiditySources:o,excludeLiquiditySources:n,disabledLiquiditySources:k,slippage:W,affiliateRef:h,affiliatePercent:y,affiliateWallets:S}),e},[p,a?.symbol,a?.address,a?.blockchain,l?.symbol,l?.address,l?.blockchain,U,o?.length,n,k.length,W,h,y,JSON.stringify(S)]),{fetch:()=>_({inputAmount:p,fromToken:a,toToken:l,liquiditySources:o,excludeLiquiditySources:n,disabledLiquiditySources:k,slippage:W,affiliateRef:h,affiliatePercent:y,affiliateWallets:S}),loading:x,error:C,warning:b}}i(Au,"useSwapInput");var Ih=Hi("div",{display:"flex",flexDirection:"column",overflowY:"visible","& .quote__container":{paddingTop:"$2"}}),Eh=Hi("div",{position:"relative"}),Wh=Hi("div",{display:"flex",flexDirection:"column",gap:5,alignSelf:"stretch"});function Iu(){let t=bh(),{fetch:e,loading:o,error:n,warning:r}=Au(),{fromToken:s,fromBlockchain:a,toToken:l,toBlockchain:p,setInputAmount:u,inputAmount:m,inputUsdValue:c,outputAmount:f,outputUsdValue:d,quote:v,resetQuoteWallets:y,setQuoteWarningsConfirmed:h}=O(),S=g().fetchStatus,{connectedWallets:k,getBalanceFor:x}=H(),A=ve.use.setCurrentPage(),[C,I]=Ah(!1),b=vh(null),T=!!a&&ra(k,a.name),W=!1,P=!Ur(v,m,c),U=!Ur(v,m,d),w=Aa({fetchMetaStatus:S,fetchingQuote:o,inputAmount:m,quote:v,anyWalletConnected:k.length>0,error:n,warning:r,needsToWarnEthOnPath:W}),_=s?x(s):null,B=Zo(_)?.amount??"0",Q=a&&s?E(_?.amount,_?.decimals):"0";xh(()=>(A($.home),y(),A.bind(null,"")),[]);let J=!c||!d||!d.gt(0)?null:$e(c.toString(),d.toString());return Ue.createElement(Y,{ref:b,fixedHeight:!1,hasLogo:!0,footer:Ue.createElement(Th,{type:"primary",size:"large",disabled:w.disabled,prefix:w.action==="confirm-warning"&&Ue.createElement(wh,null),fullWidth:!0,onClick:()=>{w.action==="connect-wallet"?t($.wallets):w.action==="confirm-warning"?I(!0):t($.confirmSwap)}},w.title),header:{onWallet:()=>{t($.wallets)},hasBackButton:!1,title:Qi.t("Swap"),suffix:Ue.createElement(ai,{layoutRef:b.current,onClickRefresh:(v||n)&&!C?e:void 0,onClickHistory:()=>t($.swaps),onClickSettings:()=>t($.settings)})}},Ue.createElement(Ih,null,Ue.createElement(Wh,null,Ue.createElement(Eh,null,Ue.createElement(bu,{label:Qi.t("From"),mode:"From",onInputChange:u,balance:B,chain:{displayName:a?.displayName||"",image:a?.logo||""},token:{displayName:s?.symbol||"",image:s?.image||""},onClickToken:()=>t($.fromSwap),price:{value:m,usdValue:P?void 0:E(c,4,4),realUsdValue:P?void 0:ae(c),error:P?V().unknownPriceError.impactTitle:void 0},disabled:S==="failed",loading:S==="loading",loadingBalance:T,tooltipContainer:M(),onSelectMaxBalance:()=>{B!=="0"&&u(Q.split(",").join(""))}}),Ue.createElement(vu,null)),Ue.createElement(bu,{sharpBottomStyle:!!v?.result||o,label:Qi.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:lt(J??0),price:{value:E(f,6,6),usdValue:U?void 0:E(d,4,4),realValue:ae(f),realUsdValue:U?void 0:ae(d),error:U?V().unknownPriceError.impactTitle:void 0},onClickToken:()=>t($.toSwap),disabled:S==="failed",loading:S==="loading",tooltipContainer:M()})),Ue.createElement("div",{className:"quote__container"},Ue.createElement(Io,{quote:v,loading:o,error:n,warning:r,type:"basic",refetchQuote:e,showWarningModal:C,onOpenWarningModal:()=>I(!0),onCloseWarningModal:()=>I(!1),onConfirmWarningModal:()=>{I(!1),h(!0),t($.confirmSwap)},onChangeSettings:()=>t($.settings)}))))}i(Iu,"Home");import{i18n as Eu}from"@lingui/core";import{List as Nh,ListItemButton as Bh,Radio as Lh,RadioRoot as Ph,Typography as Mh}from"@rango-dev/ui";import vt from"react";import{styled as tr}from"@rango-dev/ui";var ct=tr("div",{height:"100%",overflow:"hidden"}),No=tr("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto"}),Vi=tr("div",{width:80,display:"flex",justifyContent:"flex-end"}),ji=tr("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});function Zt(){let{setLanguage:t,language:e,config:o}=g(),n=ma,r=o?.language||po;return{activeLanguage:e||r,languages:n,defaultLanguage:r,changeLanguage:s=>t(s||po),resetLanguage:()=>t(null)}}i(Zt,"useLanguage");function Wu(){let{activeLanguage:t,changeLanguage:e,languages:o}=Zt(),n=o.map(r=>{let{local:s,label:a,SVGFlag:l}=r;return{id:s,value:s,title:vt.createElement(Mh,{variant:"title",size:"xmedium"},a),onClick:()=>e(r.local),end:vt.createElement(Lh,{value:s}),start:vt.createElement(l,null)}});return vt.createElement(Y,{header:{title:Eu.t("Language")}},vt.createElement(ct,null,vt.createElement(Ph,{value:t},vt.createElement(Nh,{type:vt.createElement(Bh,{title:Eu.t("language"),id:"_",onClick:()=>console.log()}),items:n}))))}i(Wu,"LanguagePage");import{i18n as mt}from"@lingui/core";import{Button as Oh,Checkbox as Uh,Image as zh,ListItemButton as qh,NotFound as Gh,Typography as Qh}from"@rango-dev/ui";import Ce,{useState as Hh}from"react";import{Checkbox as Dh,Skeleton as Bu}from"@rango-dev/ui";import Bo from"react";import{ListItem as $h,styled as _h}from"@rango-dev/ui";var Nu=_h($h,{height:61});var Fh=30;function Xi(){return Bo.createElement(No,null,Array.from(Array(Fh),t=>Bo.createElement(Nu,{hasDivider:!0,key:t,start:Bo.createElement(Bu,{variant:"circular",width:35,height:35}),title:Bo.createElement(Bu,{variant:"text",size:"large",width:90}),end:Bo.createElement(Dh,{checked:!1})})))}i(Xi,"LoadingLiquiditySourceList");function Ki({sourceType:t}){let e=g().fetchStatus,o=g().swappers(),n=g().disabledLiquiditySources,[r,s]=Hh(""),a=g().toggleLiquiditySource,l=on(o,n),p={Exchanges:mt.t("Exchanges"),Bridges:mt.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:S,groupTitle:k,logo:x}=h;return{start:Ce.createElement(zh,{src:x,size:22,type:"circular"}),onClick:()=>a(k),end:Ce.createElement(Uh,{checked:S}),title:Ce.createElement(Qh,{variant:"title",size:"xmedium"},mt.t(k)),...h}}),v=i(h=>{let S=h.target.value;s(S)},"searchHandler"),y=d;return r&&(y=d.filter(h=>Je(h.groupTitle,r))),Ce.createElement(Y,{header:{title:mt.t(t),suffix:Ce.createElement(Vi,null,Ce.createElement(Oh,{variant:"ghost",size:"xsmall",onClick:f},c?mt.t("Deselect all"):mt.t("Select all")))}},Ce.createElement(ct,null,Ce.createElement(ut,{value:r,setValue:s,fullWidth:!0,color:"light",variant:"contained",placeholder:mt.t("Search {sourceType}",{sourceType:p[t]}),onChange:v}),e==="loading"&&Ce.createElement(Xi,null),!y.length&&r?Ce.createElement(ji,null,Ce.createElement(Gh,{title:mt.t("No results found"),description:mt.t("Try using different keywords")})):e==="success"&&Ce.createElement(No,null,y.map(h=>Ce.createElement(Ce.Fragment,{key:h.id},Ce.createElement(qh,{style:{height:"61px"},...h,selected:!1,hasDivider:!0}))))))}i(Ki,"LiquiditySourcePage");import{i18n as Ou}from"@lingui/core";import{Divider as Ri,getCountCategories as ty,SelectableCategoryList as oy}from"@rango-dev/ui";import dt,{useState as Uu}from"react";import{i18n as Ji}from"@lingui/core";import{Divider as Du,Image as Yh,ListItemButton as Jh,NotFound as Zh,Typography as Fu}from"@rango-dev/ui";import ze,{useEffect as Rh,useState as ey}from"react";import{BlockchainCategories as Yi}from"@rango-dev/ui";import{TransactionType as or}from"rango-sdk";var Vh=i((t,e)=>{switch(e){case Yi.ALL:return!0;case Yi.UTXO:return t.type===or.TRANSFER;case Yi.OTHER:return t.type!==or.TRANSFER&&t.type!==or.COSMOS&&t.type!==or.EVM;default:return t.type===e}},"filterByType"),Lu=i((t,e,o)=>t.filter(n=>Vh(n,o)).filter(n=>It(n.name,e)||It(n.displayName,e)),"filterBlockchains");import{ImageContainer as jh,styled as Pu}from"@rango-dev/ui";var Mu=Pu("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),nr=Pu("ul",{padding:0,margin:0,listStyle:"none",overflowY:"auto",paddingRight:"$5",[`& ${jh}`]:{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as Xh,Skeleton as $u}from"@rango-dev/ui";import rr from"react";var Kh=20;function _u(){return rr.createElement(nr,null,Array.from(Array(Kh),t=>rr.createElement(Xh,{key:t,hasDivider:!0,start:rr.createElement($u,{variant:"circular",width:35,height:35}),title:rr.createElement($u,{variant:"text",size:"large",width:90})})))}i(_u,"LoadingBlockchainList");function Zi(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[s,a]=ey(e),{fetchStatus:l}=g();Rh(()=>{a([...Lu(e,o,r)])},[e,o,r]);let p=i(()=>!s.length&&o?ze.createElement(ze.Fragment,null,ze.createElement(Du,{size:32}),ze.createElement(Zh,{title:Ji.t("No results found"),description:Ji.t("Try using different keywords")})):ze.createElement(nr,{key:`${r}-${o}`},s.map(u=>ze.createElement(Jh,{key:`${u.name}-${u.chainId}`,hasDivider:!0,onClick:()=>n(u),start:ze.createElement(Yh,{src:u.logo,size:30}),title:ze.createElement(Fu,{variant:"title",size:"medium"},u.displayName),id:u.chainId}))),"renderList");return ze.createElement(Mu,null,ze.createElement(Fu,{variant:"label",size:"large"},Ji.t("Select Blockchain")),ze.createElement(Du,{size:4}),l==="loading"&&ze.createElement(_u,null),l==="success"&&p())}i(Zi,"BlockchainList");function es(t){let{type:e}=t,o=kt(),[n,r]=Uu(""),[s,a]=Uu("ALL"),l=O.use.setToBlockchain(),p=O.use.setFromBlockchain(),u=g().fetchStatus,m=g().blockchains({type:e}),f=ty(m)!==1;return dt.createElement(Y,{header:{title:Ou.t("Select Blockchain")}},dt.createElement(Ri,{size:12}),f&&dt.createElement(dt.Fragment,null,dt.createElement(oy,{setCategory:a,category:s,blockchains:m,isLoading:u==="loading"}),dt.createElement(Ri,{size:24})),dt.createElement(ut,{value:n,autoFocus:!0,placeholder:Ou.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:d=>r(d.target.value)}),dt.createElement(Ri,{size:16}),dt.createElement(Zi,{list:m,searchedFor:n,blockchainCategory:s,onChange:d=>{e==="source"?p(d):l(d),o()}}))}i(es,"SelectBlockchainPage");import{i18n as pr}from"@lingui/core";import{Divider as sc}from"@rango-dev/ui";import to,{useState as ky}from"react";import{useNavigate as Ty}from"react-router-dom";import{i18n as ns}from"@lingui/core";import{BlockchainsChip as ir,Divider as Qu,Image as Hu,Skeleton as ay,Tooltip as ly,Typography as rs}from"@rango-dev/ui";import ue from"react";import{useEffect as iy}from"react";var zu=["ETH","COSMOS","OSMOSIS"];function ts(t,e,o){let n=JSON.parse(JSON.stringify(t)),r=[];if(n.sort(ny),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(ry(a)),r=n.splice(s)}return{list:n,more:r}}i(ts,"prepare");function ny(t,e){let o=zu,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(ny,"sortByMostUsedBlockchains");function ry(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(ry,"generateSortByPreferredBlockchainsFor");function qu(t,e){return!!e.list.find(o=>o.name===t)}i(qu,"isInVisibleList");function os(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=g();iy(()=>{if(e?.selected){let s=ts(t,o,e);qu(e.selected,s)||n(e?.selected)}},[e?.selected]);let r=ts(t,o,e);return{list:r.list,more:r.more,history:[]}}i(os,"usePrepareBlockchainList");import{styled as sy}from"@rango-dev/ui";var Gu=sy("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var py=12;function is(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:s}=t,a=os(e,{limit:10,selected:n?.name}),{fetchStatus:l}=g(),p=O.use.resetToBlockchain(),u=O.use.resetFromBlockchain(),m=a.more.length>0,c=a.more.length===1,f=!c&&m;return ue.createElement(ue.Fragment,null,ue.createElement(Qu,{size:12}),ue.createElement(rs,{variant:"label",size:"large"},ns.t("Select Blockchain")),ue.createElement(Qu,{size:12}),ue.createElement(Gu,null,l==="loading"&&Array.from(Array(py),d=>ue.createElement(ay,{key:d,variant:"rounded",height:50})),l==="success"&&ue.createElement(ue.Fragment,null,ue.createElement(ir,{selected:!n,onClick:()=>{o==="from"?u():p()}},ue.createElement(rs,{variant:"body",size:"xsmall",color:"secondary500"},ns.t("All"))),a.list.map(d=>ue.createElement(ly,{key:d.name,content:d.shortName,side:"bottom",sideOffset:2,container:M()},ue.createElement(ir,{key:d.name,selected:!!n&&n.name===d.name,onClick:()=>r(d)},ue.createElement(Hu,{src:d.logo,size:30})))),c?ue.createElement(ir,{key:a.more[0].name,selected:!!n&&n.name===a.more[0].name,onClick:()=>r(a.more[0])},ue.createElement(Hu,{src:a.more[0].logo,size:30})):null,f?ue.createElement(ir,{onClick:s,key:"more-blockchains"},ue.createElement(rs,{variant:"body",size:"xsmall",color:"secondary500"},ns._("More +{count}",{count:a.more.length}))):null)))}i(is,"BlockchainsSection");import{i18n as gs}from"@lingui/core";import{darkTheme as tc,Divider as eo,ExternalLinkIcon as my,Image as dy,ListItemButton as fy,NotFound as gy,PinIcon as hy,Skeleton as oc,Typography as lr,VirtualizedList as yy}from"@rango-dev/ui";import D,{forwardRef as Sy,useEffect as nc,useState as rc}from"react";import{Divider as Ru,ListItem as cy,Skeleton as Lo}from"@rango-dev/ui";import Xe from"react";import{css as Rt,darkTheme as Vu,ImageContainer as uy,styled as je,Typography as ju}from"@rango-dev/ui";var ss=Rt({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}),as=Rt({position:"relative",height:12,width:"30%",maxWidth:"150px"}),ls=Rt({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",bottom:"-8px"}),ps=Rt({transform:"translateY(12px)",visibility:"hidden","& a":{display:"flex",justifyContent:"center",alignItems:"center",fontSize:"$12",lineHeight:"$16",$$color:"$colors$neutral600",[`.${Vu} &`]:{$$color:"$colors$neutral700"},color:"$$color",textDecoration:"none"}}),us=Rt({}),cs=Rt(),Xu=je("div",{display:"flex",flexDirection:"column",flexGrow:1}),ms=je("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),sr=je("ul",{flexGrow:1,padding:0,margin:0,listStyle:"none","& li":{alignItems:"none","&:hover":{[`& .${as}`]:{[`& .${ps}`]:{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",visibility:"visible"},[`& .${us}`]:{bottom:"-15px"},[`& .${ss}`]:{position:"absolute",transform:"translateY(-12px)",visibility:"hidden"},[`& .${ls}`]:{position:"absolute",transform:"translateY(-12px)",bottom:"-10px"}}}}}),ds=je("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),fs=je(ju,{}),Ku=je("div",{textAlign:"right",width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",[`& .${cs}`]:{$$color:"$colors$neutral600",[`.${Vu} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),ar=je("div",{display:"flex",alignItems:"end",flexDirection:"column"}),mL=je("div",{display:"flex",alignItems:"center"}),Yu=je("div",{position:"relative",[`& ${uy}`]:{borderRadius:"$xm",overflow:"hidden"}}),Ju=je("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6}),Zu=je(ju,{width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"});function ec(t){return Xe.createElement(sr,null,Array.from(Array(t.size),e=>Xe.createElement(cy,{key:e,hasDivider:!0,start:Xe.createElement(Lo,{variant:"circular",width:35,height:35}),end:Xe.createElement(ar,null,Xe.createElement(Lo,{variant:"text",size:"large",width:70}),Xe.createElement(Ru,{size:4}),Xe.createElement(Lo,{variant:"text",size:"medium",width:50})),title:Xe.createElement("div",null,Xe.createElement(Lo,{variant:"text",size:"large",width:90}),Xe.createElement(Ru,{size:4}),Xe.createElement(Lo,{variant:"text",size:"medium",width:90}))})))}i(ec,"LoadingTokenList");var hs=20,Cy=i(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:s,customCssForTagTitle:a}=t,l=e.length;return D.createElement("div",{className:as()},o?D.createElement("div",{className:ss()},o):D.createElement(ms,{className:ls()},D.createElement(lr,{variant:"title",size:"xmedium"},r.symbol),D.createElement(eo,{direction:"horizontal",size:4}),D.createElement(ds,{css:s},D.createElement(fs,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&D.createElement("div",{className:`${ps()} ${!o&&us()}`},D.createElement("a",{href:n,target:"_blank",rel:"nofollow noreferrer",onClick:p=>p.stopPropagation()},l>10?`${e.slice(0,5)}...${e.slice(l-6,l)}`:e," ",D.createElement(eo,{size:4,direction:"horizontal"}),D.createElement(my,{color:"gray",size:12}))))},"renderDesc");function ic(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[s,a]=rc(e),l=g().fetchStatus,p=g().blockchains(),[u,m]=rc(!0),{getBalanceFor:c,loading:f}=H(),{isTokenPinned:d}=g(),v=Sy((S,k)=>D.createElement("div",{...S,ref:k,style:{...S.style,height:`${parseFloat(S.style?.height)+8*2}px`}})),y=i(()=>{a(e.slice(0,s.length+hs))},"loadNextPage");nc(()=>{m(e.length>s.length)},[s.length]),nc(()=>{a(e.slice(0,hs))},[e]);let h=i(()=>!s.length&&o?D.createElement(D.Fragment,null,D.createElement(eo,{size:32}),D.createElement(gy,{title:gs.t("No results found"),description:gs.t("Try using different keywords")})):D.createElement(yy,{Item:({index:S,style:k})=>{let x=s[S],A=Zo(c(x)),C=x.address||"",I=p.find(P=>P.name===x.blockchain),b=An(x.symbol,I?.color||""),T={$$color:b[`${x.symbol}100`],[`.${tc} &`]:{$$color:b[`${x.symbol}900`]},backgroundColor:"$$color"},W={$$color:b[`${x.symbol}700`],[`.${tc} &`]:{$$color:b[`${x.symbol}100`]},color:"$$color"};return D.createElement("div",{style:{...k,paddingRight:5}},D.createElement(fy,{style:{height:k?.height,width:"100%",overflow:"hidden"},"tab-index":S,key:`${x.symbol}${x.address}`,id:`${x.symbol}${x.address}`,hasDivider:!0,onClick:()=>n(s[S]),start:D.createElement(Yu,null,D.createElement(dy,{src:x.image,size:30}),d(x,t.type)&&D.createElement(Ju,null,D.createElement(hy,{size:12,color:"gray"}))),title:I?.type==="COSMOS"||x.name||!x.name&&!C?D.createElement(ms,null,D.createElement(lr,{variant:"title",size:"xmedium"},x.symbol),D.createElement(eo,{direction:"horizontal",size:4}),D.createElement(ds,{css:T},D.createElement(fs,{variant:"body",size:"xsmall",css:W},x.blockchain))):void 0,description:I?.info&&C&&I.type!=="COSMOS"?Cy({address:C,token:s[S],customCssForTag:T,customCssForTagTitle:W,name:x.name,url:I.info.addressUrl.split("{wallet}").join(C)}):x.name||void 0,end:f?D.createElement(ar,null,D.createElement(oc,{variant:"text",size:"large",width:70}),D.createElement(eo,{size:4}),D.createElement(oc,{variant:"text",size:"medium",width:50})):A&&D.createElement(Ku,null,D.createElement(Zu,{variant:"title",size:"small"},A.amount),D.createElement("div",null),A.usdValue&&D.createElement(lr,{variant:"body",className:cs(),size:"xsmall"},`$${A.usdValue}`))}))},hasNextPage:u,itemCount:s.length,loadNextPage:y,innerElementType:v,size:60,key:`${r}-${o}`}),"renderList");return D.createElement(Xu,null,D.createElement(lr,{variant:"label",size:"large"},gs.t("Select Token")),D.createElement(eo,{size:4}),l==="loading"&&D.createElement(ec,{size:hs}),l==="success"&&D.createElement(sr,null,h()))}i(ic,"TokenList");function ys(t){let{type:e}=t,o=Ty(),n=kt(),{fromBlockchain:r,toBlockchain:s,setFromToken:a,setToToken:l,setFromBlockchain:p,setToBlockchain:u}=O(),m=H.use.getBalanceFor(),[c,f]=ky(""),{isTokenPinned:d}=g(),y=(e==="source"?r:s)?.name??"",h=g().blockchains({type:e}),S=g().tokens({type:e,blockchain:y,searchFor:c}),x=ta(S,m,i(b=>d(b,e),"checkIsTokenPinned")),A=i(b=>{e==="source"?p(b):u(b)},"updateBlockchain"),C=i(b=>{e==="source"?a({token:b,meta:{blockchains:h,tokens:S}}):l({token:b,meta:{blockchains:h,tokens:S}})},"updateToken"),I={source:pr.t("Source"),destination:pr.t("Destination")};return to.createElement(Y,{header:{title:pr.t("Swap {type}",{type:I[e]})}},to.createElement(is,{blockchains:h,type:e=="source"?"from":"to",blockchain:e==="source"?r:s,onMoreClick:()=>o($.blockchains),onChange:b=>{A(b)}}),to.createElement(sc,{size:24}),to.createElement(ut,{value:c,autoFocus:!0,placeholder:pr.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>f(""),onChange:b=>f(b.target.value)}),to.createElement(sc,{size:16}),to.createElement(ic,{list:x,selectedBlockchain:y,searchedFor:c,type:e,onChange:b=>{C(b);let T=h.find(W=>b.blockchain===W.name);T&&A(T),n()}}))}i(ys,"SelectSwapItemsPage");import{i18n as $t}from"@lingui/core";import{ChevronRightIcon as ks,Divider as Ts,InfoIcon as Wy,List as Ny,ListItemButton as By,Skeleton as Ly,Switch as Py,Tooltip as My,Typography as _t}from"@rango-dev/ui";import j from"react";import{useNavigate as $y}from"react-router-dom";import{i18n as mc}from"@lingui/core";import{Divider as Ay,InfoIcon as by,TextField as Iy,Tooltip as Ey,Typography as dc}from"@rango-dev/ui";import Be from"react";import{Chip as wy,styled as Po,TextField as xy}from"@rango-dev/ui";var ac=Po("div",{paddingTop:"$5",padding:"$10 $5"}),lc=Po("div",{display:"flex",flexWrap:"wrap",gap:"$10",[`& ${xy}`]:{flex:"1 1 0",maxWidth:"127px",minWidth:"85px"}}),pc=Po("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),ur=Po("div",{maxWidth:"280px",padding:"$10"}),uc=Po(wy,{width:"61px",flexShrink:0});import{i18n as Ss}from"@lingui/core";import{Typography as vy}from"@rango-dev/ui";import Mo from"react";function cc(){return Mo.createElement(ur,null,Mo.createElement(vy,{variant:"label",size:"medium",color:"neutral700"},Ss.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),Mo.createElement("br",null),Mo.createElement("br",null),Mo.createElement("b",null,Ss.t("Warning")),":",Ss.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(cc,"SlippageTooltipContent");function Cs(){let{slippage:t,setSlippage:e,customSlippage:o,setCustomSlippage:n}=g();return Be.createElement(ac,null,Be.createElement(pc,null,Be.createElement(dc,{variant:"title",size:"xmedium"},mc.t("Slippage tolerance per swap")),Be.createElement(Ay,{direction:"horizontal",size:4}),Be.createElement(Ey,{container:M(),side:"top",sideOffset:4,content:Be.createElement(cc,null)},Be.createElement(by,{color:"gray"}))),Be.createElement(lc,null,da.map((r,s)=>{let a=`slippage-${s}`;return Be.createElement(Be.Fragment,null,Be.createElement(uc,{key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`}))}),Be.createElement(Iy,{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>=ya&&a<=ha?n(a):n(null)},suffix:o&&Be.createElement(dc,{variant:"body",size:"small"},"%"),placeholder:mc.t("Custom")})))}i(Cs,"Slippage");function fc(){let t=$y(),{theme:e}=g().config,o=g().fetchStatus,n=g().swappers(),r=g().disabledLiquiditySources,{config:{features:s}}=g(),a=Pe("theme",s),l=Pe("liquiditySource",s),p=Pe("language",s),u=g().infiniteApprove,m=g().toggleInfiniteApprove,c=on(n,r),f=c.filter(T=>T.type==="BRIDGE"||T.type==="AGGREGATOR"),d=f.length,v=f.filter(T=>T.selected).length,y=c.filter(T=>T.type==="DEX"),h=y.length,S=y.filter(T=>T.selected).length,k=i((T,W)=>{switch(o){case"loading":return j.createElement(Ly,{variant:"text",size:"medium",width:50});case"failed":return j.createElement(_t,{variant:"body",size:"medium",color:"$error500"},$t.t("Loading failed"));default:return j.createElement(_t,{variant:"body",size:"medium"},`${T} / ${W}`)}},"handleEndItem"),x={id:"bridge-item",title:j.createElement(_t,{variant:"title",size:"xmedium"},$t.t("Enabled bridges")),end:j.createElement(j.Fragment,null,k(v,d),j.createElement(Ts,{direction:"horizontal",size:8}),j.createElement(ks,{color:"black"})),onClick:()=>t($.bridges)},A={id:"exchange-item",title:j.createElement(_t,{variant:"title",size:"xmedium"},$t.t("Enabled exchanges")),end:j.createElement(j.Fragment,null,k(S,h),j.createElement(Ts,{direction:"horizontal",size:8}),j.createElement(ks,{color:"gray"})),onClick:()=>t($.exchanges)},C={id:"theme-item",title:j.createElement(_t,{variant:"title",size:"xmedium"},$t.t("Theme")),end:j.createElement(ks,{color:"gray"}),onClick:()=>t($.themes)},I={id:"infinite-approval-item",title:j.createElement(j.Fragment,null,j.createElement(_t,{variant:"title",size:"xmedium"},$t.t("Infinite approval")),j.createElement(Ts,{direction:"horizontal",size:4}),j.createElement(My,{side:"top",sideOffset:4,container:M(),content:j.createElement(ur,null,j.createElement(_t,{variant:"label",size:"medium",color:"neutral700"},$t.t("Enabling the 'Infinite approval' mode grants unrestricted access to smart contracts of DEXes/Bridges, allowing them to utilize the approved token amount without limitations.")))},j.createElement(Wy,{color:"gray"}))),end:j.createElement(Py,{checked:u}),onClick:m},b=l?[]:[x,A];return!e?.singleTheme&&!a&&b.push(C),b.push(I),j.createElement(Y,{header:{title:$t.t("Settings")}},j.createElement(ct,null,j.createElement(Cs,null),j.createElement(Ny,{type:j.createElement(By,{title:"_",id:"_",onClick:()=>console.log()}),items:b})))}i(fc,"SettingsPage");import{cancelSwap as xS}from"@rango-dev/queue-manager-rango-preset";import{useManager as vS}from"@rango-dev/queue-manager-react";import Kc from"react";import{i18n as ft}from"@lingui/core";import{getCurrentBlockchainOfOrNull as iS,getCurrentStep as sS,getRelatedWalletOrNull as aS}from"@rango-dev/queue-manager-rango-preset";import{Button as zc,CopyIcon as lS,Divider as pS,IconButton as uS,LinkIcon as cS,QuoteCost as mS,StepDetails as dS,Typography as no,useCopyToClipboard as fS}from"@rango-dev/ui";import{useWallets as gS}from"@rango-dev/wallets-react";import qc from"bignumber.js";import{PendingSwapNetworkStatus as Tr}from"rango-types";import X,{useEffect as Gc,useRef as hS,useState as Qc}from"react";import{useNavigate as yS}from"react-router-dom";import{i18n as At}from"@lingui/core";var _y=[At.t("Sunday"),At.t("Monday"),At.t("Tuesday"),At.t("Wednesday"),At.t("Thursday"),At.t("Friday"),At.t("Saturday")];function gc(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"):`${_y[e.getDay()]} ${o} ${n} ${r}`}, ${new Date(t).toLocaleTimeString()}`}i(gc,"timeSince");function hc(t){return t.finishTime?gc(parseInt(t.finishTime)):gc(parseInt(t.creationTime))}i(hc,"getSwapDate");import{Modal as Gy}from"@rango-dev/ui";import{PendingSwapNetworkStatus as dr}from"rango-types";import fr from"react";import{i18n as cr}from"@lingui/core";import{Button as yc,Divider as ws,MessageBox as Dy,Typography as Sc}from"@rango-dev/ui";import it from"react";var Cc=i(({onCancel:t,onClose:e})=>it.createElement(it.Fragment,null,it.createElement(ws,{size:20}),it.createElement(Dy,{type:"error",title:cr.t("Cancel Swap"),description:cr.t("Are you sure you want to cancel this swap?")}),it.createElement(ws,{size:32}),it.createElement(yc,{variant:"contained",type:"primary",size:"large",onClick:t},it.createElement(Sc,{variant:"title",size:"medium",color:"neutral100"},cr.t("Yes, Cancel it"))),it.createElement(ws,{size:12}),it.createElement(yc,{variant:"outlined",type:"primary",size:"large",onClick:e},it.createElement(Sc,{variant:"title",size:"medium",color:"primary"},cr.t("No, Continue")))),"CancelContent");import{i18n as mr}from"@lingui/core";import{Button as kc,Divider as xs,MessageBox as Fy,Typography as Tc}from"@rango-dev/ui";import st from"react";var wc=i(({onDelete:t,onClose:e})=>st.createElement(st.Fragment,null,st.createElement(xs,{size:20}),st.createElement(Fy,{type:"error",title:mr.t("Delete Transaction"),description:mr.t("Are you sure you want to delete this swap?")}),st.createElement(xs,{size:32}),st.createElement(kc,{variant:"contained",type:"primary",size:"large",onClick:t},st.createElement(Tc,{variant:"title",size:"medium",color:"neutral100"},mr.t("Yes, Delete it"))),st.createElement(xs,{size:12}),st.createElement(kc,{variant:"outlined",type:"primary",size:"large",onClick:e},st.createElement(Tc,{variant:"title",size:"medium",color:"primary"},mr.t("No, Cancel")))),"DeleteContent");import{i18n as vs}from"@lingui/core";import{PendingSwapNetworkStatus as As}from"rango-types";var bs={[As.WaitingForNetworkChange]:{type:"loading",title:vs.t("Change Network")},[As.WaitingForConnectingWallet]:{type:"warning",title:vs.t("Connect Wallet")},[As.NetworkChanged]:{type:"success",title:vs.t("Network Changed")}};import{MessageBox as Uy,Wallet as zy}from"@rango-dev/ui";import{useWallets as qy}from"@rango-dev/wallets-react";import $o from"react";import{styled as Oy}from"@rango-dev/ui";var xc=Oy("div",{display:"flex",justifyContent:"center"});var vc=i(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:s}=t,{connect:a,getWalletInfo:l,state:p}=qy(),u=n?.walletType,m=u?Wr(p(u)):null,c=u?l(u):null;return $o.createElement($o.Fragment,null,$o.createElement(Uy,{type:e,title:o,description:r}),s&&!!u&&!!m&&!!c&&$o.createElement(xc,null,$o.createElement(zy,{container:M(),title:c.name,image:c.img,type:u,state:m,link:c.installLink,onClick:async()=>a(u)})))},"WalletStateContent");function Is(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:s,message:a}=t,l=e===dr.WaitingForNetworkChange||e===dr.WaitingForConnectingWallet||e===dr.NetworkChanged;return fr.createElement(Gy,{open:!!e,onClose:o,container:document.getElementById(ke)||document.body},l&&fr.createElement(vc,{type:bs[e].type,title:bs[e].title,currentStepWallet:s,message:a,showWalletButton:e!==dr.WaitingForNetworkChange}),e==="delete"&&fr.createElement(wc,{onClose:o,onDelete:n}),e==="cancel"&&fr.createElement(Cc,{onClose:o,onCancel:r}))}i(Is,"SwapDetailsModal");import{i18n as _o}from"@lingui/core";import{Button as Es,Divider as gr,MessageBox as Ac,Modal as Qy,TokenAmount as Hy,Typography as hr}from"@rango-dev/ui";import de from"react";import{useNavigate as Vy}from"react-router-dom";function Ws(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=Vy();return de.createElement(Qy,{open:e,onClose:o,container:document.getElementById(ke)||document.body},n==="success"?de.createElement(Ac,{type:"success",title:_o.t("Swap Successful")},de.createElement(Hy,{direction:"vertical",tooltipContainer:M(),type:"output",centerAlign:!0,price:{value:r,usdValue:s,realUsdValue:a,realValue:l},token:p,chain:u,percentageChange:m}),de.createElement(gr,{size:12}),de.createElement(hr,{variant:"body",size:"medium",color:"neutral700",align:"center"},c)):de.createElement(Ac,{type:"error",title:_o.t("Transaction Failed"),description:c}),de.createElement(gr,{size:32}),n==="success"&&de.createElement(Es,{variant:"contained",type:"primary",size:"large",onClick:()=>{d("../../")}},de.createElement(hr,{variant:"title",size:"medium",color:"neutral100"},_o.t("Done"))),de.createElement(gr,{size:12}),f&&de.createElement(de.Fragment,null,de.createElement(Es,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(f,"_blank")},de.createElement(hr,{variant:"title",size:"medium",color:"primary"},_o.t("Diagnosis"))),de.createElement(gr,{size:12})),de.createElement(Es,{variant:"outlined",type:"primary",size:"large",onClick:o},de.createElement(hr,{variant:"title",size:"medium",color:"primary"},_o.t("See Details"))))}i(Ws,"SwapDetailsCompleteModal");import nS from"react";import{i18n as Ry}from"@lingui/core";import{Alert as Bc,IconButton as eS,LinkIcon as tS}from"@rango-dev/ui";import bt,{Fragment as oS}from"react";import{Alert as jy,ChevronDownIcon as Xy,ChevronUpIcon as Ky,IconButton as Yy}from"@rango-dev/ui";import yr,{useState as Jy}from"react";function bc(t){let{message:e}=t,[o,n]=Jy(!1);return yr.createElement(jy,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&yr.createElement(Yy,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?yr.createElement(Ky,{size:12,color:"gray"}):yr.createElement(Xy,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}i(bc,"FailedAlert");import{styled as Zy}from"@rango-dev/ui";var Ic=Zy("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as Ec}from"@lingui/core";import{Alert as Ns,Button as Wc}from"@rango-dev/ui";import{PendingSwapNetworkStatus as Bs}from"rango-types";import Do from"react";function Nc(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?Do.createElement(Ns,{type:"warning",title:n.shortMessage,action:Do.createElement(Wc,{size:"xxsmall",type:"warning",onClick:()=>{o(Bs.WaitingForNetworkChange),e().catch(s=>{console.log(s)})}},Ec.t("Change"))}):r===Bs.WaitingForConnectingWallet?Do.createElement(Ns,{type:"warning",title:n.shortMessage,action:Do.createElement(Wc,{size:"xxsmall",type:"warning",onClick:()=>{o(Bs.WaitingForConnectingWallet)}},Ec.t("Connect"))}):Do.createElement(Ns,{type:"warning",title:n.shortMessage})}i(Nc,"WarningAlert");function Ls(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:s,hasAlreadyProceededToSign:a}=t,l=co(s),p=s.status==="waitingForApproval"&&!l,u=s.status==="running"&&!l,m=u&&!a||p&&!s.explorerUrl?.length;return bt.createElement(Ic,null,s.explorerUrl?.map((c,f,d)=>{let v=f+c.url,y=f===d.length-1,h=(y&&u||p)&&!m,S=y&&s.status==="failed";return bt.createElement(oS,{key:v},bt.createElement(Bc,{type:y&&(h&&"loading"||S&&"error")||"success",title:c.description?`${c.description} Tx`:Ry.t("View transaction"),action:c.url&&bt.createElement(eS,{variant:"ghost",size:"xsmall",onClick:()=>window.open(c.url,"_blank")},bt.createElement(tS,{size:12}))}))}),m&&bt.createElement(Bc,{type:"loading",title:r.shortMessage}),s.status!=="failed"&&l&&bt.createElement(Nc,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),s.status==="failed"&&bt.createElement(bc,{message:r}))}i(Ls,"SwapDetailsAlerts");var Lc=2e3;var Pc=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:Me(s.fromBlockchain,e)??"",image:s.fromBlockchainLogo??""},price:{value:E(l,6,6),realValue:l}},to:{token:{displayName:s.toSymbol,image:s.toLogo},chain:{displayName:Me(s.toBlockchain,e)??"",image:s.toBlockchainLogo??""},price:{value:E(s.outputAmount||s.expectedOutputAmountHumanReadable,6,6),realValue:s.outputAmount||s.expectedOutputAmountHumanReadable}},swapper:{displayName:uo(s.swapperId,o),image:s.swapperLogo??"",type:s.swapperType},internalSwaps:s.internalSwaps?s.internalSwaps.map(p=>({from:{blockchain:Me(p.fromBlockchain,e)??""},to:{blockchain:Me(p.toBlockchain,e)??""},swapper:{displayName:uo(p.swapperId,o),image:p.swapperLogo??"",type:p.swapperType}})):[],alerts:nS.createElement(Ls,{step:s,hasAlreadyProceededToSign:r,...n})}})},"getSteps");function Mc(t){if(co(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(Mc,"getStepState");import{css as Fo,darkTheme as rS,styled as Dt}from"@rango-dev/ui";var Sr=Dt("div",{display:"flex",width:"100%",flexDirection:"column",alignItems:"center",height:"0",flexGrow:1}),Cr=Dt("div",{width:"100%"}),$c=Dt("div",{padding:"$0 $20 $20 $20",width:"100%",overflow:"auto"}),JM=Dt("div",{display:"flex",flexDirection:"column",gap:"$10"}),_c=Dt("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),ZM=Dt("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1}),oo=Fo({display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",padding:"$10 $20",borderBottom:"1px solid",$$color:"$colors$neutral300",[`.${rS} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color",color:"$neutral500"}),Dc=Fo({padding:"$5 0"}),kr=Fo({display:"flex",justifyContent:"center",alignItems:"center",height:"$24"}),Fc=Fo({display:"flex",width:"100%",padding:"$15 $20 $20",flexDirection:"column",alignItems:"start"}),Oc=Fo({width:"100%",padding:"0 $20 $10"}),Uc=Dt("a",{fontSize:"$16",fontWeight:"$400",color:"$neutral700",display:"flex",alignItems:"center",justifyContent:"center"});function Ps(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=O.use.retry(),f=yS(),[d,v]=fS(Lc),y=hS(null),[h,S]=Qc(null),[k,x]=Qc(null),A=i(()=>{r(),S(null)},"onCancel"),C=De.use.getUnreadNotifications(),I=De.use.setAsRead(),b=C(),T=sS(e),W=T?.networkStatus;Gc(()=>{b.find(Ye=>Ye.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(x(e.status),I(e.requestId))},[e.status]),Gc(()=>{J?S(Tr.WaitingForNetworkChange):W===Tr.WaitingForConnectingWallet||W===Tr.NetworkChanged?S(W):S(null)},[W]);let P=Ma(e),U=T?iS(e,T):null,w=T?aS(e,T):null,_=hc(e),B=$a(e),Q=i(ce=>!!l(ce)?.mobileWallet,"isMobileWallet"),J=W===Tr.WaitingForNetworkChange&&!!U&&!!w?.walletType&&(Q(w.walletType)||s(w.walletType,U)),ne=J?a.bind(null,w.walletType,U):void 0,ye=Pa(e,T),K=Pc({swap:e,switchNetwork:ne,showNetworkModal:W,setNetworkModal:S,message:ye,blockchains:p,swappers:u}),Z=K.length,[Ie,qe]=[e.steps[0],e.steps[Z-1]],Ee=qe.outputAmount||qe.expectedOutputAmountHumanReadable,io=e.steps.reduce((ce,Ye)=>ce+parseFloat(Ye.feeInUsd||""),0),Ft=e.steps.find(ce=>ce.diagnosisUrl)?.diagnosisUrl,gt=E(parseFloat(E(Ee,6,6))*(qe.toUsdPrice||0),4,4),F=E(parseFloat(e.inputAmount)*(Ie.fromUsdPrice||0),4,4),q=Ee?ae(new qc(Ee).multipliedBy(qe.toUsdPrice||0)):"",te=ae(new qc(e.inputAmount).multipliedBy(Ie.fromUsdPrice||0)),Se=$e(F,gt),at=e.status==="success"?ft.t({id:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:E(Ee,6,6),token:K[Z-1].to.token.displayName,conciseAddress:Ro(e.wallets[K[Z-1].to.chain.displayName]?.address||""),chain:K[Z-1].to.chain.displayName}}):`${ft.t("Transaction was not sent.")} ${P?ft.t({id:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:P.outputAmount,symbol:P.symbol,blockchain:P.blockchain}}):""}`;return X.createElement(Y,{noPadding:!0,header:{title:ft.t("Swap and Bridge"),onCancel:e.status==="running"?()=>S("cancel"):void 0,suffix:e.status!=="running"&&X.createElement(Vt,null,X.createElement(zc,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>S("delete")},X.createElement(no,{size:"medium",variant:"label",color:"error"},ft.t("Delete"))))},footer:B&&!k&&X.createElement(zc,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{c(e,{blockchains:p,tokens:m}),setTimeout(()=>{f("../../")},0)}},ft.t("Try again"))},X.createElement(Sr,null,X.createElement(Cr,null,X.createElement("div",{className:oo()},X.createElement(no,{variant:"label",size:"large",color:"neutral700"},`${ft.t("Request ID")}:`),X.createElement("div",{className:kr()},X.createElement(no,{variant:"label",size:"small",color:"neutral700"},o),X.createElement(uS,{variant:"ghost",onClick:v.bind(null,o||"")},X.createElement(lS,{size:16,color:"gray"})),X.createElement(Uc,{target:"_blank",href:`${Qs}/swap/${o}`},X.createElement(cS,{size:16})))),X.createElement("div",{className:oo()},X.createElement(no,{variant:"label",size:"large",color:"neutral700"},`${ft.t(e.finishTime?"Finished at":"Created at")}:`),X.createElement(no,{variant:"label",size:"small",color:"neutral700"},_))),X.createElement("div",{className:Fc()},X.createElement(mS,{fee:E(String(io),2,2),time:Ho(Vo(e.steps)),steps:Z}),X.createElement(So,{from:{price:{value:E(e.inputAmount,6,6),usdValue:F,realUsdValue:te,realValue:e.inputAmount},token:{displayName:K[0].from.token.displayName,image:K[0].from.token.image},chain:{image:K[0].from.chain.image,displayName:K[0].from.chain.displayName}},to:{price:{value:E(Ee,6,6),usdValue:gt,realUsdValue:q,realValue:Ee},token:{displayName:K[Z-1].to.token.displayName,image:K[Z-1].to.token.image},chain:{image:K[Z-1].to.chain.image,displayName:K[Z-1].to.chain.displayName}},percentageChange:E(Se,2,2),warningLevel:lt(Se??0)})),X.createElement("div",{className:Oc()},X.createElement(no,{variant:"title",size:"small"},ft.t("Swaps steps"))),X.createElement(pS,{size:8}),X.createElement($c,{ref:y},K.map((ce,Ye)=>{let Ot=Ye,so=Mc(e.steps[Ye]),cm=so==="error"||so==="in-progress"||so==="warning"||so==="completed"&&Ye===K.length-1;return X.createElement(dS,{key:Ot,step:ce,type:"swap-progress",ref:y,state:so,hasSeparator:Ye!==0,tabIndex:Ot,isFocused:cm,tooltipContainer:M()})}))),X.createElement(Is,{state:h,onClose:()=>S(null),onCancel:A,onDelete:n,message:ye.detailedMessage.content,currentStepWallet:w}),X.createElement(Ws,{open:!!k,diagnosisUrl:Ft,onClose:()=>x(null),status:e.status==="success"?"success":"failed",priceValue:E(Ee,6,6),usdValue:gt,realUsdValue:q,realValue:ae(Ee),percentageChange:E(Se,2,2),token:{displayName:K[Z-1].to.token.displayName,image:K[Z-1].to.token.image},chain:{image:K[Z-1].to.chain.image},description:at}))}i(Ps,"SwapDetails");import{i18n as xr}from"@lingui/core";import{Divider as jc,NotFound as wS,Skeleton as Uo,Typography as vr}from"@rango-dev/ui";import se from"react";import{i18n as SS}from"@lingui/core";import{Divider as CS,Skeleton as kS,Typography as TS}from"@rango-dev/ui";import le from"react";import{css as Ke,styled as Ms}from"@rango-dev/ui";var Hc=Ms("div",{width:"100%",height:"100%",padding:"$10 $20"}),Oo=Ms("div",{backgroundColor:"$neutral100",borderRadius:"$xm",padding:"$10 $15"}),wr=Ms("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"}),N$=Ke({display:"flex",justifyContent:"space-between",alignItems:"center"}),B$=Ke({display:"flex",justifyContent:"space-between",alignItems:"center"}),L$=Ke({paddingTop:"$15",display:"flex"}),P$=Ke({padding:"$15 $0"}),M$=Ke({width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"}),$$=Ke({paddingBottom:"$10"}),_$=Ke({display:"flex",justifyContent:"start",alignItems:"center"}),D$=Ke({paddingTop:"$5",display:"flex",alignItems:"center"}),F$=Ke({display:"flex",alignItems:"center"}),O$=Ke({padding:"$4 $6",display:"flex",justifyContent:"center",alignItems:"center"}),Vc=Ke({display:"flex",paddingTop:"$10",paddingBottom:"$5"});function $s(){return le.createElement(Hc,null,le.createElement(xo,{type:"swap-preview"}),le.createElement("div",{className:"swaps-steps"},le.createElement(TS,{variant:"title",size:"small"},SS.t("Swaps steps"))),le.createElement(le.Fragment,null,le.createElement(Oo,null,le.createElement(nt,{separator:!1}),le.createElement("div",{className:Vc()},le.createElement(CS,{direction:"horizontal",size:20}),le.createElement(kS,{height:22,variant:"rectangular"}))),le.createElement(wr,null),le.createElement(Oo,null,le.createElement(nt,{separator:!1})),le.createElement(wr,null),le.createElement(Oo,null,le.createElement(nt,{separator:!1})),le.createElement(wr,null),le.createElement(Oo,null,le.createElement(nt,{separator:!1}))))}i($s,"LoadingSwapDetails");function Xc(t){let{requestId:e,showSkeleton:o}=t;return se.createElement(Y,{noPadding:!0,header:{title:xr.t("Swap and Bridge"),suffix:se.createElement(Vt,null)}},o&&se.createElement(Sr,null,se.createElement(Cr,null,se.createElement("div",{className:oo()},se.createElement(vr,{variant:"label",size:"large",color:"neutral700"},`${xr.t("Request ID")}:`),se.createElement("div",{className:kr()},se.createElement(vr,{variant:"label",size:"small",color:"neutral700"},se.createElement(Uo,{width:60,height:10,variant:"rounded"})),se.createElement(jc,{direction:"horizontal",size:4}),se.createElement(Uo,{width:16,height:16,variant:"rectangular"}),se.createElement(jc,{direction:"horizontal",size:4}),se.createElement(Uo,{width:16,height:16,variant:"rectangular"}))),se.createElement("div",{className:oo()},se.createElement(vr,{className:Dc(),variant:"label",size:"large",color:"neutral700"},se.createElement(Uo,{width:60,height:10,variant:"rounded"})),se.createElement(vr,{variant:"label",size:"small",color:"neutral700"},se.createElement(Uo,{width:60,height:10,variant:"rounded"})))),se.createElement($s,null)),!o&&se.createElement(_c,null,se.createElement(wS,{title:xr.t("Not found"),description:xr.t({id:"Swap with request ID = {requestId} not found.",values:{requestId:e}})})))}i(Xc,"SwapDetailsPlaceholder");function Yc(){let{manager:t,state:e}=vS(),o=!e.loadedFromPersistor,n=Jt(t),r=ve.use.selectedSwapRequestId(),s=kt(),{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&&xS(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?Kc.createElement(Xc,{requestId:r||"",showSkeleton:l}):Kc.createElement(Ps,{swap:c,requestId:r||"",onCancel:u,onDelete:m})}i(Yc,"SwapDetailsPage");import{i18n as zo}from"@lingui/core";import{AutoThemeIcon as AS,DarkModeIcon as bS,LightModeIcon as IS,List as ES,ListItemButton as WS,Radio as _s,RadioRoot as NS,Typography as Ds}from"@rango-dev/ui";import Ae from"react";function Jc(){let{setTheme:t,theme:e}=g(),o=[{id:"light",value:"light",title:Ae.createElement(Ds,{variant:"title",size:"xmedium"},zo.t("Light")),onClick:()=>t("light"),start:Ae.createElement(IS,{color:"gray"}),end:Ae.createElement(_s,{value:"light"})},{id:"dark",value:"dark",title:Ae.createElement(Ds,{variant:"title",size:"xmedium"},zo.t("Dark")),onClick:()=>t("dark"),start:Ae.createElement(bS,{color:"gray"}),end:Ae.createElement(_s,{value:"dark"})},{id:"auto",value:"auto",title:Ae.createElement(Ds,{variant:"title",size:"xmedium"},zo.t("Auto")),onClick:()=>t("auto"),start:Ae.createElement(AS,{color:"gray"}),end:Ae.createElement(_s,{value:"auto"})}];return Ae.createElement(Y,{header:{title:zo.t("Theme")}},Ae.createElement(ct,null,Ae.createElement(NS,{onValueChange:n=>t(n),value:e},Ae.createElement(ES,{type:Ae.createElement(WS,{title:zo.t("Theme"),id:"_",onClick:()=>console.log()}),items:o}))))}i(Jc,"ThemePage");function Zc(){return BS([{path:$.home,element:be.createElement(Iu,null)},{path:$.fromSwap,children:[{index:!0,element:be.createElement(ys,{type:"source"})},{path:$.blockchains,element:be.createElement(es,{type:"source"})}]},{path:$.toSwap,children:[{index:!0,element:be.createElement(ys,{type:"destination"})},{path:$.blockchains,element:be.createElement(es,{type:"destination"})}]},{path:$.settings,children:[{index:!0,element:be.createElement(fc,null)},{path:$.themes,element:be.createElement(Jc,null)},{path:$.languages,element:be.createElement(Wu,null)},{path:$.exchanges,element:be.createElement(Ki,{sourceType:"Exchanges"})},{path:$.bridges,element:be.createElement(Ki,{sourceType:"Bridges"})}]},{path:$.swaps,children:[{index:!0,element:be.createElement(wu,null)},{path:$.swapDetails,element:be.createElement(Yc,null)}]},{path:$.wallets,element:be.createElement(zl,null)},{path:$.confirmSwap,element:be.createElement(du,null)}])}i(Zc,"AppRoutes");import{isApprovalTX as LS,MainEvents as em,RouteEventType as tm,StepEventType as ro,StepExecutionEventStatus as PS,useEvents as MS}from"@rango-dev/queue-manager-rango-preset";import{useEffect as om}from"react";import{StepExecutionBlockedEventStatus as Fs}from"@rango-dev/queue-manager-rango-preset";var Rc=[Fs.WAITING_FOR_CHANGE_WALLET_ACCOUNT,Fs.WAITING_FOR_NETWORK_CHANGE,Fs.WAITING_FOR_WALLET_CONNECT];function nm(){let t=g().tokens(),e=H.use.connectedWallets(),o=H.use.getWalletsDetails(),n=De.use.setNotification(),r=De.use.setAsRead(),s=MS();return om(()=>(s.on(em.StepEvent,a=>{let{event:l,step:p,route:u}=a;if(l.type===ro.TX_EXECUTION&&l.status===PS.TX_SENT&&!LS(p)||l.type===ro.SUCCEEDED){let c=e.find(d=>d.chain===p?.fromBlockchain),f=p?.fromBlockchain!==p?.toBlockchain&&e.find(d=>d.chain===p?.toBlockchain);c&&o([c],t),f&&o([f],t)}l.type===ro.TX_EXECUTION_BLOCKED&&Rc.includes(l.status)||l.type===ro.FAILED?n(l,u):(l.type===ro.TX_EXECUTION||l.type===ro.CHECK_STATUS)&&r(u.requestId)}),()=>s.all.clear()),[s,e.length]),om(()=>(s.on(em.RouteEvent,a=>{let{event:l,route:p}=a;(l.type===tm.FAILED||l.type===tm.SUCCEEDED)&&n(l,p)}),()=>s.all.clear()),[s,e.length]),null}i(nm,"WidgetEvents");import{globalCss as $S}from"@rango-dev/ui";var rm=i(()=>$S({"@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 _S}from"@rango-dev/ui";var im=_S("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 Ar(){rm();let{config:t}=g(),{activeTheme:e}=bn(t?.theme||{}),{activeLanguage:o}=Zt(),[n,r]=sm(""),[s,a]=sm(),l=FS(yn);return OS(()=>{De.persist.rehydrate(),l.onConnectWallet(r)},[]),qo.createElement(DS,{language:o},qo.createElement(im,{id:"swap-container",className:e()},qo.createElement(nm,null),qo.createElement(Ka,{lastConnectedWallet:n,disconnectedWallet:s,clearDisconnectedWallet:()=>{a(void 0)}},qo.createElement(Zc,null))))}i(Ar,"Main");import Us,{useMemo as nC}from"react";import{checkWaitingForNetworkChange as US,makeQueueDefinition as zS}from"@rango-dev/queue-manager-rango-preset";import{Provider as qS}from"@rango-dev/queue-manager-react";import{useWallets as GS}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as QS}from"@rango-dev/wallets-shared";import{isEvmBlockchain as HS}from"rango-types";import VS,{useMemo as jS}from"react";function XS(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:s,getWalletInfo:a}=GS(),l=jS(()=>zS({API_KEY:t.apiKey||Ut("API_KEY"),BASE_URL:Ut("BASE_URL")}),[t.apiKey]),p=g().blockchains(),m={blockchains:H.use.connectedWallets().map(k=>({accounts:[k],name:k.chain}))},c=i(async(k,x)=>{if(s(k,x))return r(k,x)},"switchNetwork"),f=i(k=>!!a(k).mobileWallet,"isMobileWallet"),d=p.filter(k=>k.enabled).reduce((k,x)=>(k[x.name]=x,k),{}),v=p.filter(HS),y=i(k=>{let{supportedChains:x}=a(k);return Ko(x)},"getSupportedChainNames"),h=e(),S={meta:{blockchains:d,evmBasedChains:v,evmNetworkChainInfo:QS(v),getSupportedChainNames:y},getSigners:o,wallets:m,providers:h,switchNetwork:c,canSwitchNetworkTo:s,connect:r,state:n,isMobileWallet:f};return VS.createElement(qS,{queuesDefs:[l],context:S,onPersistedDataLoaded:k=>{US(k)},isPaused:!1},t.children)}i(XS,"QueueManager");var am=XS;import{useManager as RS}from"@rango-dev/queue-manager-react";import eC,{createContext as tC,useContext as oC}from"react";import{cancelSwap as KS,getCurrentBlockchainOfOrNull as YS,getCurrentStep as JS,getRelatedWalletOrNull as ZS}from"@rango-dev/queue-manager-rango-preset";var Go=class{constructor(e,o){this.manager=e,this.actions=o}getAllSwaps(){return Jt(this.manager)}getCurrentStep(e){return this.getCurrentStepInfo(e).step}getCurrentStepWallet(e){return this.getCurrentStepInfo(e).wallet}getCurrentStepNetwork(e){return this.getCurrentStepInfo(e).network}retry(e,o){return this.actions.retrySwap(e,o)}cancel(e){let o=this.manager?.get(e);o&&KS(o)}getCurrentStepInfo(e){let o=JS(e);return{step:o,wallet:o?ZS(e,o):null,network:o?YS(e,o):null}}};i(Go,"WidgetHistory");var lm=tC(void 0);function Os(t){let{manager:e}=RS(),o=O.use.retry(),n=new Go(e,{retrySwap:o}),r=H.use.connectedWallets(),s=H.use.loading(),a=ea(r),l=H.use.getWalletsDetails(),p=g().blockchains(),u=g().tokens(),m=g().swappers(),c=g().fetchStatus,f=Zt().resetLanguage,d={history:n,wallets:{isLoading:s,details:r,totalBalance:a,refetch:l},meta:{blockchains:p,tokens:u,swappers:m,loadingStatus:c},resetLanguage:f};return eC.createElement(lm.Provider,{value:d},t.children)}i(Os,"WidgetInfo");function pm(){let t=oC(lm);if(!t)throw new Error("useWidget can only be used within the WidgetProvider component");return t}i(pm,"useWidget");function br(t){let{onUpdateState:e,config:o}=t;return nC(()=>{ia({API_KEY:o?.apiKey||Qo,BASE_URL:o?.apiUrl||Gs})},[o.apiKey,o.apiUrl]),Us.createElement(Sn,{config:o,onUpdateState:e},Us.createElement(am,{apiKey:o.apiKey},Us.createElement(Os,null,t.children)))}i(br,"WidgetProvider");function um(t){return t.config?.externalWallets?zs.createElement(Ar,null):zs.createElement(br,{config:t.config??Ir},zs.createElement(Ar,null))}i(um,"Widget");export{u1 as MainEvents,k1 as Networks,x1 as PendingSwapNetworkStatus,c1 as RouteEventType,m1 as StepEventType,d1 as StepExecutionBlockedEventStatus,f1 as StepExecutionEventStatus,S1 as WalletEvents,T1 as WalletTypes,um as Widget,br as WidgetProvider,Sn as WidgetWallets,Rr as customizedThemeTokens,y1 as readAccountAddress,Kl as useWallets,pm as useWidget,g1 as useWidgetEvents};
|
|
1
|
+
var Lm=Object.defineProperty;var i=(t,e)=>Lm(t,"name",{value:e,configurable:!0});import{MainEvents as m1,RouteEventType as d1,StepEventType as f1,StepExecutionBlockedEventStatus as g1,StepExecutionEventStatus as h1,useEvents as y1}from"@rango-dev/queue-manager-rango-preset";import{readAccountAddress as C1,useWallets as up,Events as k1}from"@rango-dev/wallets-react";import{Networks as w1,WalletTypes as x1}from"@rango-dev/wallets-shared";import{PendingSwapNetworkStatus as b1}from"rango-types";import{Events as ni,Provider as fd}from"@rango-dev/wallets-react";import{isEvmBlockchain as gd}from"rango-sdk";import Cn,{createContext as hd,useEffect as ri,useRef as yd,useState as Sd}from"react";import{useEffect as hn,useLayoutEffect as sl,useRef as yn}from"react";import Jm,{createContext as Zm,useContext as Rm,useEffect as ed,useRef as td}from"react";import{create as Km}from"zustand";import{persist as Ym}from"zustand/middleware";var Dr={apiKey:"",multiWallets:!0,enableNewLiquiditySources:!0,customDestination:!0},na=i((t,e,o)=>({config:{...Dr,...t},updateConfig:n=>{let r=o().config;e({config:{...r,...n}})}}),"createConfigSlice");import{RangoClient as Qm}from"rango-sdk";var jo="c6381a79-2817-4602-83bf-6a641a409e32",ra="https://api.rango.exchange",xe="rango-swap-box",ia="https://scan.rango.exchange";import{WalletState as tt}from"@rango-dev/ui";import{readAccountAddress as $m}from"@rango-dev/wallets-react";import{detectInstallLink as _m,getCosmosExperimentalChainInfo as Dm,isEvmAddress as Fm,KEPLR_COMPATIBLE_WALLETS as KC,Networks as pa}from"@rango-dev/wallets-shared";import Fr from"bignumber.js";import{isCosmosBlockchain as Om}from"rango-types";import Pm from"bignumber.js";var Ce=new Pm(0);import{WalletTypes as Mm}from"@rango-dev/wallets-shared";var sa=[Mm.LEAP];import{BigNumber as la}from"bignumber.js";var Xo=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 la(t),r=1,s=1e3;for(let a=0;a<60;a++)if(new la(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 Ko=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"),co=i(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function ie(t){return E(t,12,12).replace(/(?:\.0*|(\.\d+?)0*)$/,"$1")}i(ie,"formatTooltipNumbers");function Or(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(Or,"mapStatusToWalletState");function ua(t,e,o,n){return o.filter(r=>!sa.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=Or(t(r));return{title:s,image:a,link:_m(l),state:p,type:r}})}i(ua,"mapWalletTypesToWalletInfo");function Zo(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}i(Zo,"walletAndSupportedChainsNames");function ca(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}=$m(p),c=l.length>0,f=l.includes(m),d=m===pa.Unknown;if(c&&!f&&!d)return;let y=m===pa.Unknown&&Fm(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(ca,"prepareAccountsForWalletStore");function ma(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(ma,"getRequiredChains");function Ro(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}i(Ro,"isAccountAndWalletMatched");function da(t,e){let{blockChain:o,balances:n=[]}=t;return n?.map(r=>({chain:o,symbol:r.asset.symbol,ticker:r.asset.symbol,address:r.asset.address||null,rawAmount:r.amount.amount,decimal:r.amount.decimals,amount:new Fr(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:zm(o,r.asset.symbol,r.asset.address,e)||null}))||[]}i(da,"makeBalanceFor");function fa(t){return{...t,loading:!1,error:!0}}i(fa,"resetConnectedWalletState");var ga=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 Fr(s?.amount||Ce).multipliedBy(s?.usdPrice||0))?.reduce((s,a)=>s.plus(a),Ce)||Ce).toString();return Um(r)},"calculateWalletUsdValue");function Um(t){let e=t.toString().split(".");return e[0]=e[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),e.join(".")}i(Um,"numberWithThousandSeparator");var zm=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice"),en=i((t,e)=>{let o=Dm(Object.entries(t).map(([,n])=>n).filter(Om));return o&&o[e]?.experimental},"isExperimentalChain");function tn(t){return t?{...t,amount:E(t.amount,8,8),usdValue:E(t.usdValue,4,4)}:null}i(tn,"formatBalance");function qm(t,e){return t?.usdValue&&e?.usdValue?parseFloat(e.usdValue)-parseFloat(t.usdValue):!t?.usdValue&&e?.usdValue?1:t?.usdValue&&!e?.usdValue?-1:!t?.usdValue&&!e?.usdValue?parseFloat(e?.amount||"0")-parseFloat(t?.amount||"0"):0}i(qm,"sortTokensByBalance");function Gm(t,e,o){let n=o(t),r=o(e);return n===r?0:n?-1:1}i(Gm,"sortTokensByPinnedToken");function ha(t,e,o){return t.sort((n,r)=>{let s=e(n),a=e(r),l=Gm(n,r,o);return l!==0?l:qm(s,a)}),t}i(ha,"sortTokens");function Le(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}i(Le,"tokensAreEqual");function ya(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(ya,"sortWalletsBasedOnConnectionState");function on(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(on,"getConciseAddress");function Sa({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}i(Sa,"getAddress");function Ur(t){return`${t.blockchain}-${t.symbol}-${t.address??""}`}i(Ur,"createTokenHash");function nn(t){return t.flatMap(e=>e.balances).reduce((e,o)=>{let n={amount:o?.amount??"",decimals:o?.decimal??0,usdValue:o?.usdPrice?new Fr(o?.usdPrice??Ce).multipliedBy(o?.amount).toString():""},r=o?Ur({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(nn,"makeTokensBalance");var Ca=i((t,e)=>!!t.find(o=>o.chain===e&&o.loading),"isFetchingBalance");var zr={API_KEY:jo};function qt(t){return zr[t]||""}i(qt,"getConfig");function ka(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),zr=e,zr}i(ka,"initConfig");var Ta=20,wa=25,xa="Roboto",qr="theme-widget",mo=i((t,e)=>{let o=!1;if(e&&t){if(Array.isArray(e))o=!e.some(n=>Le(n,t));else if(!Array.isArray(e)&&e[t.blockchain]){o=e[t.blockchain].tokens.some(r=>Le(r,t));let n=e[t.blockchain].isExcluded;return!n&&!o||n&&o}}return o},"isTokenExcludedInConfig"),Gr=i((t,e)=>t&&e&&!e.includes(t.name),"isBlockchainExcludedInConfig");var rn,Gt=i(()=>rn||(rn=new Qm(qt("API_KEY"),qt("BASE_URL")),rn),"httpService");function Qt(t){return Array.from(new Set(t))}i(Qt,"removeDuplicateFrom");function Qr(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}i(Qr,"areEqual");function va(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}i(va,"debounce");function Nt(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}i(Nt,"containsText");var P=i(()=>document.getElementById(xe),"getContainer");function sn(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(sn,"getUniqueSwappersGroups");function ba(t,e){return t.swapperGroup<e.swapperGroup?-1:t.swapperGroup>e.swapperGroup?1:0}i(ba,"sortLiquiditySourcesByGroupTitle");function Pe(t,e){return e?.[t]==="hidden"}i(Pe,"isFeatureHidden");function an(t,e){return e?.[t]==="enabled"}i(an,"isFeatureEnabled");var Aa=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&&mo(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=>Le(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(ba)},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 Hm,French as Vm,Japanese as jm,Spanish as Xm}from"@rango-dev/ui";var Ia=[{title:"English",label:"English",local:"en",SVGFlag:Hm},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:Xm},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:Vm},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:jm}],fo="en";var Ea=[.5,1,3],Wa=1,Na=5,Ba=100,La=0;var Pa=i((t,e)=>({disabledLiquiditySources:[],theme:"auto",language:null,preferredBlockchains:[],slippage:Wa,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=Pe("theme",n),s=Pe("language",n),a=Pe("liquiditySource",n);t({...r&&{theme:"auto"},...s&&{language:fo},...a&&{disabledLiquiditySources:[]}})}}),"createSettingsSlice");function Ma(t){return Km()(Ym((...e)=>({...Aa(...e),...Pa(...e),...na(t,...e)}),{name:"user-settings",skipHydration:!0,partialize:e=>({theme:e.theme,language:e.language,affiliatePercent:e.affiliatePercent,affiliateRef:e.affiliateRef,affiliateWallets:e.affiliateWallets,slippage:e.slippage,customSlippage:e.customSlippage,infiniteApprove:e.infiniteApprove,preferredBlockchains:e.preferredBlockchains,disabledLiquiditySources:e.disabledLiquiditySources})}))}i(Ma,"createAppStore");var $a=Zm(null);function g(){let t=Rm($a);if(ed(()=>{t&&!t.persist.hasHydrated()&&t.persist.rehydrate()},[]),!t)throw new Error("Missing AppStoreContext.Provider in the tree");return t()}i(g,"useAppStore");function _a(t){let e=td();return e.current||(e.current=Ma(t.config)),Jm.createElement($a.Provider,{value:e.current},t.children)}i(_a,"AppStoreProvider");import Tt from"bignumber.js";import{create as ld}from"zustand";import{subscribeWithSelector as pd}from"zustand/middleware";import{getLastSuccessfulStep as sd}from"@rango-dev/queue-manager-rango-preset";import ET 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 Da(t,e){return e.find(o=>o.name===t)?.displayName}i(Da,"getBlockchainDisplayNameFor");function Me(t,e){return e.find(o=>o.name===t)?.shortName}i(Me,"getBlockchainShortNameFor");function go(t,e){return e.find(o=>o.id===t)?.swapperGroup}i(go,"getSwapperDisplayName");function Vr(t,e){return e.find(o=>Le(o,t))??null}i(Vr,"findToken");function jr(t,e){return e.find(o=>o.name===t)??null}i(jr,"findBlockchain");import{i18n as Ve}from"@lingui/core";import ke from"bignumber.js";import{PendingSwapNetworkStatus as cn}from"rango-types";function ln(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(ln,"getRequiredWallets");function pn(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}i(pn,"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 Fa(t){switch(t.type){case 0:return t.diagnosisMessage??j().noResultError.title;case 1:return j().genericServerError;default:return""}}i(Fa,"getQuoteErrorMessage");import{i18n as un}from"@lingui/core";var Bt=i(()=>({connectWallet:un.t("Connect Wallet"),swap:un.t("Swap"),swapAnyway:un.t("Swap anyway"),ethWarning:un.t("The route goes through Ethereum. Continue?")}),"swapButtonTitles");function Oa(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(Oa,"hasHighValueLoss");function Xr(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(Xr,"hasLimitError");function Kr(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(Kr,"getLimitErrorMessage");function Ua(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(Ua,"getSwapButtonState");function Yr(t,e,o){return!((!o||o.lte(Ce))&&t?.result&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t.result)}i(Yr,"canComputePriceImpact");function od(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(od,"requiredWallets");var nd=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice");function rd(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=nd(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new ke(r.amount).multipliedBy(s||0))}return o}i(rd,"getUsdFeeOfStep");function mn(t,e){return t.reduce((o,n)=>o.plus(rd(n,e)),Ce)}i(mn,"getTotalFeeInUsd");function Jr(t){let e=Ce;return e=e.plus(new ke(t.amount).multipliedBy(t.price||0)),e}i(Jr,"getUsdFee");function za(t){return t.reduce((e,o)=>e.plus(Jr(o)),Ce)}i(za,"getTotalFeesInUsd");function qa(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(qa,"getFeesGroup");function Zr(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(Zr,"checkSlippageErrors");function Ga(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(Ga,"checkSlippageWarnings");function dn(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(dn,"getMinRequiredSlippage");function Qa(t,e){return e?parseFloat(t)>=parseFloat(e):!0}i(Qa,"hasProperSlippage");function fn(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(fn,"createQuoteRequestBody");function Ha(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}i(Ha,"getWalletsForNewSwap");function Ht(t){return t.result?.outputAmount||null}i(Ht,"getQuoteOutputAmount");function Va(t,e){return new ke(e).div(new ke(t)).minus(1).multipliedBy(100).toNumber()}i(Va,"getPercentageChange");function ja(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(ja,"isOutputAmountChangedALot");function Xa(t,e,o){let n=t.validationStatus,r=ma(t);return e.sort((a,l)=>r.indexOf(a.chain)-r.indexOf(l.chain)).flatMap(a=>el(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:Me(a.asset.blockchain,o)}})})}i(Xa,"generateBalanceWarnings");function Ka(t,e){return(t?new ke(t):Ce).multipliedBy(e||0)}i(Ka,"calcOutputUsdValue");function ho(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==cn.NetworkChanged}i(ho,"isNetworkStatusInWarningState");function Ya(t,e){let o="bellow button or",n=t.extraMessage,r=t.extraMessageDetail;if(t.networkStatusExtraMessageDetail?.includes(o)&&(t.networkStatusExtraMessageDetail=t.networkStatusExtraMessageDetail.replace(o,"")),ho(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case cn.WaitingForConnectingWallet:n=n||Ve.t("Waiting for connecting wallet");break;case cn.WaitingForQueue:n=n||Ve.t("Waiting for other running tasks to be finished");break;case cn.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(Ya,"getSwapMessages");function Ja(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(Ja,"getLastConvertedTokenInFailedSwap");function Za(t){return t.status==="failed"&&!!t.finishTime&&new Date().getTime()-parseInt(t.finishTime)<4*3600*1e3}i(Za,"shouldRetrySwap");function Ra(t,e,o,n,r,s){return t||!e&&!od(n).every(a=>r.map(l=>l.chain).includes(a))||!!e&&!o||!!e&&!!o&&s&&!pn(s,o)}i(Ra,"confirmSwapDisabled");function Rr(t,e,o){return o&&t.find(n=>{let r=e?.split("--");return r?.length===1?n.symbol===r[0]&&n.address===null&&n.blockchain===o.name:n.symbol===r?.[0]&&n.address===r?.[1]&&n.blockchain===o.name})||null}i(Rr,"searchParamsToToken");function ol(t){return t?.result?.swaps[t?.result?.swaps.length-1].to.usdPrice}i(ol,"getQuoteToTokenUsdPrice");function ei(t,e){let o=t.result?.swaps||[],n=e.result?.swaps||[];return o.length!==n.length}i(ei,"isNumberOfSwapsChanged");function ti(t,e){let o=t.result?.swaps.map(r=>r.swapperId)||[],n=e.result?.swaps.map(r=>r.swapperId)||[];return!Qr(o,n)}i(ti,"isQuoteSwappersUpdated");function oi(t,e){let o=t.result?.swaps.map(r=>r.to.symbol)||[],n=e.result?.swaps.map(r=>r.to.symbol)||[];return!Qr(o,n)}i(oi,"isQuoteInternalCoinsUpdated");function nl(t,e){return ei(t,e)||ti(t,e)||oi(t,e)}i(nl,"isQuoteChanged");function el(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(el,"getRequiredBalanceOfWallet");function ct(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}i(ct,"getPriceImpactLevel");function rl(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],s=sd(t.steps),a={blockchain:r.toBlockchain,symbol:r.toSymbol,address:r.toSymbolAddress},l=jr(s?s.toBlockchain:n.fromBlockchain,e),p=jr(r.toBlockchain,e),u=Vr(s?{blockchain:l?.name??"",symbol:s.toSymbol,address:s.toSymbolAddress}:{blockchain:l?.name??"",symbol:n.fromSymbol,address:n.fromSymbolAddress},o),m=Vr(a,o),c=s?s.outputAmount??"":t.inputAmount;return{fromBlockchain:l,fromToken:u,toBlockchain:p,toToken:m,inputAmount:c}}i(rl,"createRetryQuote");function gn(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&&Oa(a,m)){let f=mn(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=dn(t),u=s>Na;if(Qa(e.userSlippage.toString(),p)){if(u&&parseFloat(p??"0")<s)return{type:3,slippage:s.toString()}}else return{type:2,recommendedSlippages:Ga(t,s),minRequiredSlippage:p};return null}i(gn,"generateQuoteWarnings");function $e(t,e){let o=typeof e=="string"?parseFloat(e)<=0:!e?.gt(0),n=!t||!e||o?null:Va(t.toString(),e.toString());return n&&n<0?n:null}i($e,"getPriceImpact");var il=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 ad=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=ad;var Lt=i((t,e)=>t?.usdPrice?new Tt(e||Ce).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),D=kt(ld()(pd(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 co(o.inputAmount)?(e&&(n=e.result?.outputAmount?new Tt(e.result?.outputAmount):null,r=Ka(e.result?.outputAmount,ol(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}=rl(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 al(){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=yn(void 0),S=yn(void 0),I=yn(void 0),A=yn(void 0);hn(()=>{t(u?.amount?.toString()||"")},[u?.amount]),sl(()=>{if(m==="success"){let v=c.find(L=>L.name===u?.from?.blockchain),x=f.find(L=>Le(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]),hn(()=>{mo(s,h)&&r({token:null}),Gr(l,C)&&n(null)},[h,C]),hn(()=>{mo(a,k)&&r({token:null}),Gr(p,T)&&o(null)},[k,T]),sl(()=>{if(m==="success"){let v=c.find(L=>L.name===u?.to?.blockchain),x=f.find(L=>Le(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]),hn(()=>{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(al,"useSyncStoresWithConfig");import{useEffect as dd}from"react";import{create as ud}from"zustand";import{subscribeWithSelector as cd}from"zustand/middleware";var V=kt(ud()(cd((t,e)=>({connectedWallets:[],balances:{},customDestination:"",loading:!1,connectWallet:(o,n)=>{let r=e().getWalletsDetails;t(s=>({loading:!0,connectedWallets:s.connectedWallets.filter(a=>a.walletType!==o[0].walletType).concat(o.map(a=>{let l=!s.connectedWallets.find(p=>p.chain===a.chain&&p.selected);return{balances:[],address:a.address,chain:a.chain,explorerUrl:null,walletType:a.walletType,selected:l,loading:!0,error:!1}}))})),r(o,n)},disconnectWallet:o=>{t(n=>{let r=n.connectedWallets.filter(l=>l.selected&&l.walletType!==o).map(l=>l.chain),s=n.connectedWallets.filter(l=>l.walletType!==o).map(l=>r.includes(l.chain)?l:(r.push(l.chain),{...l,selected:!0}));return{balances:nn(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=>Ro(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=>Ro(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:da(w,n),loading:!1}:f});return{loading:!1,balances:nn(m),connectedWallets:m}});else throw new Error("Wallet not found")}catch{t(l=>{let p=l.connectedWallets.map(m=>o.find(c=>Ro(c,m))?fa(m):m);return{loading:!1,balances:nn(p),connectedWallets:p}})}},getBalanceFor:o=>{let{balances:n}=e(),r=Ur(o);return n[r]??null}}))));import{allProviders as md}from"@rango-dev/provider-all";function Sn(t,e){let o=md({walletconnect2:{WC_PROJECT_ID:e?.walletConnectProjectId||""}});if(t){let n=[];return t.forEach(r=>{if(typeof r=="string"){let s=o.find(a=>a.config.type===r);s?n.push(s):console.warn(`Couldn't find ${r} provider. Please make sure you are passing the correct name.`)}else n.push(r)}),n}return o}i(Sn,"matchAndGenerateProviders");function ll(t,e){return Sn(t,e).map(r=>r.config.type)}i(ll,"configWalletsToWalletName");function pl(t,e){let o=V.use.clearConnectedWallet(),n=Sn(void 0,e);return dd(()=>{o(),n=Sn(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}i(pl,"useWalletProviders");var kn=hd({onConnectWallet:()=>{}});function Cd(t){let{updateConfig:e,updateSettings:o,fetch:n}=g(),r=g().blockchains(),s=g().tokens(),a={walletConnectProjectId:t.config?.walletConnectProjectId},[l,p]=Sd([]),{providers:u}=pl(t.config.wallets,a),{connectWallet:m,disconnectWallet:c}=V(),f=yd();al(),ri(()=>{n().catch(console.log)},[]),ri(()=>{t.config&&(e(t.config),o(t.config))},[t.config]);let d=r.filter(gd).map(y=>y.name),w=i((y,h,C,k,T)=>{if(h===ni.ACCOUNTS)if(C){let b=Zo(T.supportedBlockchains),S=ca(y,C,d,b,T.isContractWallet);p(S)}else c(y);if(h===ni.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===ni.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 ri(()=>{l.length&&m(l,s)},[l,s]),Cn.createElement(kn.Provider,{value:{onConnectWallet:y=>{f.current=y}}},Cn.createElement(fd,{allBlockChains:r,providers:u,onUpdateState:w,autoConnect:!0},t.children))}i(Cd,"Main");function Tn(t){let{config:e,...o}=t;return Cn.createElement(_a,{config:e},Cn.createElement(Cd,{...o,config:e}))}i(Tn,"WidgetWallets");import ta from"react";import{I18nManager as mC}from"@rango-dev/ui";import Ho,{useContext as dC,useEffect as fC,useState as Am}from"react";import{useQueueManager as Ed}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Wd}from"@rango-dev/wallets-react";import{isEvmBlockchain as Nd}from"rango-types";import wn,{Fragment as Bd}from"react";import{MemoryRouter as Ld,useInRouterContext as Pd}from"react-router";import{useWallets as Td}from"@rango-dev/wallets-react";import{useEffect as wd,useRef as xd}from"react";function ul(){let{connect:t,state:e}=Td(),o=xd({}),{fetchStatus:n}=g(),r=new URLSearchParams(location.search).get("autoConnect")||"",s=e(r);wd(()=>{n==="success"&&r&&s.installed&&!s.connecting&&!s.connected&&!o.current[r]&&(o.current[r]=!0,t(r))},[s,n])}i(ul,"useForceAutoConnect");import{useEffect as ii,useRef as si}from"react";import{createSearchParams as bd,useLocation as Ad,useSearchParams as Id}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 vd}from"zustand";var ve=kt(vd()(t=>({connectWalletsButtonDisabled:!1,selectedSwapRequestId:null,currentPage:"",setSelectedSwap:e=>t({selectedSwapRequestId:e}),setCurrentPage:e=>t({currentPage:e})})));function cl(){let t=si(!0),[e,o]=Id(),n=Ad(),r=si(n.search),s=si({}),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 ii(()=>{let b={};bd(r.current).forEach((I,A)=>{b[A]=I}),s.current=b;let S=n.pathname.split(M.swaps+"/")[1]||null;S&&T(S)},[]),ii(()=>{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]),ii(()=>{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=Rr(k,S,x||null),U=C.find(F=>F.name===I),W=Rr(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(cl,"UpdateUrl");function ml({children:t,...e}){let o=Pd(),n=o?Bd:Ld,r=g().blockchains(),{canSwitchNetworkTo:s}=Wd();ul();let a=r.filter(Nd);return Ed({lastConnectedWallet:e.lastConnectedWallet,clearDisconnectedWallet:e.clearDisconnectedWallet,disconnectedWallet:e.disconnectedWallet,evmChains:a,canSwitchNetworkTo:s}),wn.createElement(wn.Fragment,null,wn.createElement(n,null,t),o&&wn.createElement(cl,null))}i(ml,"AppRouter");import Ae from"react";import{useRoutes as sC}from"react-router-dom";import{i18n as ir}from"@lingui/core";import{useManager as dh}from"@rango-dev/queue-manager-react";import{Alert as Nu,Button as fh,css as Yi,Divider as gh,IconButton as Bu,SettingsIcon as hh,styled as Lu,Tooltip as yh,Typography as Sh,WalletIcon as Ch}from"@rango-dev/ui";import se,{useEffect as Bo,useLayoutEffect as kh,useRef as Th,useState as sr}from"react";import{flushSync as wh}from"react-dom";import{useNavigate as xh}from"react-router-dom";import{i18n as ot}from"@lingui/core";import{Alert as Ii,BalanceErrors as og,Button as cp,ChevronDownIcon as ng,ChevronLeftIcon as rg,Divider as Yt,MessageBox as ig,Modal as mp,Typography as Gn,WalletIcon as sg}from"@rango-dev/ui";import N,{useEffect as ag,useState as $t}from"react";import{useNavigate as lg}from"react-router-dom";import{i18n as xn}from"@lingui/core";function vn(t){switch(t.type){case 0:return xn.t("Route has been updated.");case 3:return xn.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return xn.t("Route swappers has been updated.");case 2:return xn.t("Route internal coins has been updated.");default:return""}}i(vn,"getQuoteUpdateWarningMessage");import En,{useLayoutEffect as Dd,useRef as Fd}from"react";import*as Vt from"@radix-ui/react-collapsible";import{keyframes as dl,styled as bn}from"@rango-dev/ui";var yo=300,$d=dl({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),_d=dl({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),fl=bn(Vt.Root,{borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),ai=bn(Vt.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit",cursor:"pointer"}),An=bn(Vt.Content,{overflow:"hidden",variants:{open:{true:{animation:`${$d} ${yo}ms ease-out`},false:{animation:`${_d} ${yo}ms ease-out`}}}}),In=bn("div",{transition:`all ${yo}ms ease`,display:"flex",alignItems:"center",variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}});function Wn(t){let{open:e,hasSelected:o,onOpenChange:n,children:r,onClickTrigger:s,trigger:a,triggerAnchor:l}=t,p=Fd(null);return Dd(()=>{e&&p.current&&setTimeout(()=>{p?.current?.scrollIntoView({behavior:"smooth"})},yo)},[e]),En.createElement(fl,{ref:p,className:"collapsible_root",selected:o&&e,open:e,onOpenChange:n},l==="top"&&En.createElement(ai,{className:"collapsible_trigger",onClick:s},a),En.createElement(An,{className:"collapsible_content",open:e},r),l==="bottom"&&En.createElement(ai,{className:"collapsible_trigger",onClick:s},a))}i(Wn,"CustomCollapsible");import{Button as Od,css as gl,darkTheme as jt,IconButton as Ud,styled as _e,TextField as zd}from"@rango-dev/ui";var hl=_e("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),yl=_e("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),qd=_e("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"}}}}),Sl=_e(qd,{alignSelf:"stretch",minHeight:"93px"}),Cl=_e("div",{padding:"$20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),kl=_e(Ud,{position:"absolute",left:"$20"}),Tl=_e("div",{paddingTop:"$20"}),wl=gl({display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),xl=_e("div",{padding:"$10 $0","& .button__content":{display:"flex",alignItems:"center"},"& .alarms":{paddingTop:"$5"},"& .collapsible_content":{backgroundColor:"$neutral100"},"& .collapsible_root":{backgroundColor:"$neutral200"}}),vl=gl({paddingTop:"$5"}),bl=_e("div",{display:"flex"}),Al=_e(zd,{backgroundColor:"$neutral100",padding:"$0 $15 $15 $15"}),Il=_e("div",{overflow:"visible",width:"100%"}),El=_e(Od,{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 Rf,Divider as bi,Image as eg,MessageBox as qn,Modal as sp,SelectableWallet as tg,Typography as ap,WalletState as lp}from"@rango-dev/ui";import ne,{useEffect as pp,useState as ko}from"react";import{WalletState as li}from"@rango-dev/ui";import{useWallets as Gd}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as Qd,WalletTypes as Nn}from"@rango-dev/wallets-shared";import{useEffect as Hd,useState as Vd}from"react";var jd=Object.values(Nn);function Bn(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:s,disconnect:a,getWalletInfo:l,connect:p}=Gd(),{connectedWallets:u}=V(),m=g().blockchains(),c=ll(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||jd,f=ua(s,l,c,o),d=ya(f),[w,y]=Vd(""),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===li.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===li.CONNECTING)||[];for(let I of S)a(I.type)},"disconnectConnectingWallets");Hd(()=>()=>{k()},[]);let T=i(S=>S.filter(A=>A.state!=li.NOT_INSTALLED&&![Nn.DEFAULT,Nn.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)=>en(A,I)&&h(S)&&!Qd.includes(S)||S==Nn.DEFAULT&&!T(f),"shouldExcludeWallet");return{list:d.filter(S=>!b(S.type,o??"",m)),error:w,handleClick:C}}i(Bn,"useWalletList");import{i18n as Rl}from"@lingui/core";import{styled as tp,Typography as Hf,Wallet as Vf,WalletState as jf}from"@rango-dev/ui";import Mt,{Fragment as Xf,useState as ep}from"react";import{BottomLogo as $f,Divider as _f,Header as Df}from"@rango-dev/ui";import Se from"react";import{useNavigate as Xd}from"react-router-dom";function wt(){let t=Xd();return()=>t(-1)}i(wt,"useNavigateBack");import{createTheme as mi,darkTheme as Rd,lightTheme as ef}from"@rango-dev/ui";import{useEffect as Bl,useState as tf}from"react";import{theme as Jd,darkColors as Zd}from"@rango-dev/ui";var Wl=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"),Ln=i((t,e)=>{let a={[t]:e};for(let l=1;l<10;l++)l<5&&(a={...a,[t+l*100]:Wl(e,(5-l)*25)}),l===5&&(a={...a,[t+l*100]:e}),l>5&&(a={...a,[t+l*100]:Wl(e,-((l-5)*25))});return a},"generateRangeColors"),pi=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=Ln(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,...Ln(s,a)}}return n?r:{}},"generateColors");var Nl=i(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),Kd=i(t=>{let e="",o;for(o=Math.abs(t);o>52;o=o/52|0)e=Nl(o%52)+e;return Nl(o%52)+e},"toAlphabeticName"),Yd=i((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),ui=i(t=>Kd(Yd(5381,JSON.stringify(t))>>>0),"toHash");function ci(t){let e=Jd.colors,o=pi({...e,...Zd},!0,t?.dark),n=pi(e,!1,t?.light),r=Object.keys(o).length>0,s=Object.keys(n).length>0,a,l;if(s){let p={colors:n};a={id:`${qr}-light-${ui(p)}`,tokens:p}}if(r){let p={colors:o};l={id:`${qr}-dark-${ui(p)}`,tokens:p}}return{light:a,dark:l}}i(ci,"customizedThemeTokens");function Pn(t){let{colors:e,fontFamily:o=xa,borderRadius:n=Ta,secondaryBorderRadius:r=wa,mode:s="auto"}=t,[a,l]=tf("light"),{setTheme:p,theme:u}=g(),{dark:m,light:c}=ci(e),f=mi({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),d=[f.className,ef.className],w=[f.className,Rd.className];if(c){let h=mi(c.id,c.tokens);d.push(h.className)}if(m){let h=mi(m.id,m.tokens);w.push(h.className)}return Bl(()=>{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)}},[]),Bl(()=>{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(Pn,"useTheme");import{ChevronLeftIcon as rf}from"@rango-dev/ui";import $l from"react";import{darkTheme as of,IconButton as nf,styled as So}from"@rango-dev/ui";var De=So(nf,{width:"$24",position:"relative",padding:"0",overflow:"unset"}),Ll=So("div",{position:"absolute",background:"$secondary500",[`.${of} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),Xt=So("div",{display:"flex",justifyContent:"flex-end",minWidth:"$40",button:{padding:0}}),Pl=So("div",{position:"absolute",backgroundColor:"$secondary500",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0"}),Ml=So("div",{padding:"$2",variants:{isRefetched:{true:{transform:"rotate(360deg)",transition:"transform 1s ease-in-out"}}}});function di(t){return $l.createElement(De,{variant:"ghost",size:"small",onClick:t.onClick},$l.createElement(rf,{color:"black",size:16}))}i(di,"BackButton");import{i18n as sf}from"@lingui/core";import{Button as af,Typography as lf}from"@rango-dev/ui";import fi from"react";function gi(t){return fi.createElement(Xt,null,fi.createElement(af,{variant:"ghost",onClick:t.onClick,size:"xsmall"},fi.createElement(lf,{variant:"label",size:"medium",color:"error500"},sf.t("Cancel"))))}i(gi,"CancelButton");import{i18n as pf}from"@lingui/core";import{Tooltip as uf,WalletIcon as cf}from"@rango-dev/ui";import Mn from"react";function hi(t){return Mn.createElement(uf,{container:t.container,side:"top",content:pf.t("Connect Wallet")},Mn.createElement(De,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&Mn.createElement(Ll,null),Mn.createElement(cf,{size:18,color:"black"})))}i(hi,"WalletButton");import{i18n as Fn}from"@lingui/core";import{NotificationsIcon as Nf,Popover as Bf,SettingsIcon as Lf,Tooltip as On,TransactionIcon as Pf}from"@rango-dev/ui";import fe from"react";import{i18n as Cf}from"@lingui/core";import{ChainToken as zl,ChevronRightIcon as kf,ListItemButton as Tf,Typography as wf}from"@rango-dev/ui";import je from"react";import{useNavigate as xf}from"react-router-dom";import{create as mf}from"zustand";import{persist as df,subscribeWithSelector as ff}from"zustand/middleware";var Fe=kt(mf()(df(ff((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 $n}from"@rango-dev/ui";var _l=$n("div",{padding:"$10",width:"350px",minHeight:"150px"}),Dl=$n("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),Fl=$n("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),Ol=$n("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as gf}from"@lingui/core";import{Divider as hf,NoNotificationIcon as yf,Typography as Sf}from"@rango-dev/ui";import _n from"react";function Ul(){return _n.createElement(Ol,null,_n.createElement(yf,{color:"secondary",size:26}),_n.createElement(hf,{size:12}),_n.createElement(Sf,{variant:"body",size:"medium",color:"neutral700"},gf.t("You have no notification")))}i(Ul,"NotificationNotFound");var vf=4;function yi(){let t=xf(),e=ve.use.setSelectedSwap(),{getUnreadNotifications:o}=Fe(),n=o(),r=g().blockchains(),s=g().tokens(),a=n.sort((p,u)=>u.creationTime-p.creationTime).slice(0,vf),l=i(p=>{e(p),t(`${M.swaps}/${p}`)},"handleOnClick");return je.createElement(_l,null,a.length?je.createElement(Dl,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(Tf,{key:p.requestId,onClick:()=>l(p.requestId),title:je.createElement(wf,{variant:"body",size:"small",color:"$neutral700"},Cf.t(p.event.message)),id:p.requestId,start:je.createElement(Fl,null,je.createElement("div",{className:"from-chain-token"},je.createElement(zl,{tokenImage:u?u.image:"",chainImage:m?m.logo:"",size:"small"})),je.createElement("div",{className:"to-chain-token"},je.createElement(zl,{tokenImage:c?c.image:"",chainImage:f?f.logo:"",size:"small"}))),end:je.createElement(kf,{size:12,color:"gray"})})})):je.createElement(Ul,null))}i(yi,"NotificationContent");import{RefreshProgressButton as bf}from"@rango-dev/ui";import Si,{useEffect as Af,useState as ql}from"react";var If=1e3,Gl=60,Ef=100;function Dn({onClick:t}){let[e,o]=ql(0),[n,r]=ql(!1),s=i(p=>{document.hidden&&p&&a(p)},"handleVisibilityChange");Af(()=>{let p;return t?p=window.setInterval(()=>{o(u=>u+1),e===Gl&&l()},If):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 Si.createElement(De,{variant:"ghost",size:"small",onClick:l,disabled:!t},Si.createElement(Ml,{onTransitionEnd:()=>r(!1),isRefetched:n},Si.createElement(bf,{size:24,color:t?"black":"gray",progress:e/Gl*Ef})))}i(Dn,"RefreshButton");import{Typography as Wf}from"@rango-dev/ui";import Ql from"react";function Hl(){let{getUnreadNotifications:t}=Fe(),e=t().length;return e?Ql.createElement(Pl,null,Ql.createElement(Wf,{variant:"body",size:"xsmall",color:"$background"},e)):null}i(Hl,"UnreadNotificationsBadge");function Ci(t){let{layoutRef:e,onClickRefresh:o,onClickHistory:n,onClickSettings:r}=t,{config:{features:s}}=g(),a=Pe("notification",s);return fe.createElement(fe.Fragment,null,fe.createElement(On,{container:P(),side:"top",content:Fn.t("Refresh")},fe.createElement(Dn,{onClick:o})),!a&&fe.createElement(Bf,{align:"center",collisionBoundary:e,collisionPadding:{right:20,left:20},container:P(),content:fe.createElement(yi,null)},fe.createElement("div",null,fe.createElement(On,{container:P(),side:"top",content:Fn.t("Notifications")},fe.createElement(De,{size:"small",variant:"ghost"},fe.createElement(Nf,{size:18,color:"black"}),fe.createElement(Hl,null))))),fe.createElement(On,{container:P(),side:"top",content:Fn.t("Settings")},fe.createElement(De,{size:"small",variant:"ghost",onClick:r},fe.createElement(Lf,{size:18,color:"black"}))),fe.createElement(On,{container:P(),side:"top",content:Fn.t("Transactions History")},fe.createElement(De,{size:"small",variant:"ghost",onClick:n},fe.createElement(Pf,{size:18,color:"black"}))))}i(Ci,"HomeButtons");import{darkTheme as Mf,styled as ki}from"@rango-dev/ui";var Vl=ki("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",[`.${Mf} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",variants:{fixedHeight:{true:{height:"100vh"},false:{height:"auto !important"}}}}),jl=ki("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"}}}}),Xl=ki("div",{backgroundColor:"$background","& .footer__content":{padding:"$0 $20"},"& .footer__logo":{padding:"$0 $20 $10 $20"}});function Ff(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}=Pn(m||{}),f=Pe("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(Vl,{ref:e,fixedHeight:l,id:xe,className:c()},Se.createElement(Df,{prefix:Se.createElement(Se.Fragment,null,h&&Se.createElement(di,{onClick:w})),title:n.title,suffix:Se.createElement(Se.Fragment,null,n.suffix,n.onWallet&&!f&&Se.createElement(hi,{container:P(),onClick:y,isConnected:!!p?.length}),n.onCancel&&Se.createElement(gi,{onClick:n.onCancel}))}),Se.createElement(jl,{noPadding:s},o),(a||r)&&Se.createElement(Xl,null,Se.createElement("div",{className:"footer__content"},r),a&&Se.createElement("div",{className:"footer__logo"},Se.createElement(_f,{size:12}),Se.createElement($f,null))))}i(Ff,"LayoutComponent");var J=Se.forwardRef(Ff);J.displayName="Layout";import{Divider as Gf,Modal as Qf}from"@rango-dev/ui";import wi from"react";import{i18n as Kt}from"@lingui/core";import{Image as zf,MessageBox as Ti,WalletState as qf}from"@rango-dev/ui";import Pt from"react";import{keyframes as Of,styled as Un}from"@rango-dev/ui";var Lb=Un("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),Kl=Un("div",{position:"relative"}),Uf=Of({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),Yl=Un("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Uf} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),Jl=Un("div",{"& img":{borderRadius:"50%"}});function Zl(t){let{state:e,image:o,error:n}=t;return e===qf.CONNECTED?Pt.createElement(Ti,{type:"success",title:Kt.t("Wallet Connected"),description:Kt.t("Your wallet is connected, you can use it to swap.")}):n?Pt.createElement(Ti,{type:"error",title:Kt.t("Failed to Connect"),description:n||Kt.t("Your wallet is not connected. Please try again.")}):Pt.createElement(Ti,{type:"loading",title:Kt.t("Connecting to your wallet"),description:Kt.t("Click connect in your wallet popup."),icon:Pt.createElement(Kl,null,Pt.createElement(Jl,null,Pt.createElement(zf,{src:o,size:45})),Pt.createElement(Yl,null))})}i(Zl,"ModalContent");function Co(t){let{open:e,onClose:o,...n}=t;return wi.createElement(Qf,{open:e,onClose:o,container:document.getElementById(xe)||document.body},wi.createElement(Zl,{...n}),wi.createElement(Gf,{direction:"vertical",size:32}))}i(Co,"WalletModal");var Kf=tp("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),Yf=tp("div",{textAlign:"center"}),zn=3e3,xi=300;function op(){let{config:t,fetchStatus:e}=g(),[o,n]=ep(!1),[r,s]=ep(""),a=null,{list:l,handleClick:p,error:u}=Bn({config:t,onBeforeConnect:d=>{a=setTimeout(()=>{n(!0),s(d)},xi)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},zn)}}),m=l.find(d=>d.type===r),c=m?.image||"",f=m?.state||jf.NOT_INSTALLED;return Mt.createElement(J,{header:{title:Rl.t("Connect Wallets")}},Mt.createElement(Yf,null,Mt.createElement(Hf,{variant:"title",size:"xmedium",align:"center"},Rl.t("Choose a wallet to connect.")),Mt.createElement(Kf,null,l.map((d,w)=>{let y=`wallet-${w}-${d.type}`;return Mt.createElement(Xf,{key:y},Mt.createElement(Vf,{...d,container:P(),onClick:h=>{p(h)},isLoading:e==="loading"}))}),Mt.createElement(Co,{open:!!o,onClose:()=>n(!1),image:c,state:f,error:u}))))}i(op,"WalletsPage");import{keyframes as Jf,styled as vi}from"@rango-dev/ui";var np=vi("div",{position:"relative"}),Zf=Jf({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),rp=vi("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Zf} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),ip=vi("div",{"& img":{borderRadius:"50%"}});function Ai(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]=ko(""),[c,f]=ko(null),[d,w]=ko(!1),[y,h]=ko(null),{suggestAndConnect:C}=up(),k=null,{list:T,error:b,handleClick:S}=Bn({config:a,chain:e,onBeforeConnect:W=>{k=setTimeout(()=>{m(W)},xi)},onConnect:()=>{k&&clearTimeout(k),setTimeout(()=>{m("")},zn)}}),[I,A]=ko(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");pp(()=>{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 pp(()=>{let W=null;return(y==="completed"||y==="rejected")&&(W=setTimeout(()=>h(null),zn)),()=>{W&&clearTimeout(W)}},[y]),ne.createElement(ne.Fragment,null,I.slice(0,r).map(W=>{let F=Sa({connectedWallets:l,walletType:W.type,chain:e}),_=F?on(F):"",K=en(p(),e),re=!l.find(we=>we.walletType===W.type&&we.chain===e),ae=K&&re&&W.state===lp.CONNECTED,he=ae?Xe.t({id:"Add {chain} chain",values:{chain:e}}):_,te=i(()=>{W.state===lp.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?Da(c.chain,p()):void 0;return ne.createElement(ne.Fragment,null,ne.createElement(Co,{open:u===W.type,onClose:()=>m(""),image:W.image,state:W.state,error:b}),!!c&&ne.createElement(sp,{open:!!c&&d,container:U,onClose:()=>{f(null)}},ne.createElement(qn,{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(bi,{size:18}),ne.createElement(bi,{size:32}),ne.createElement(Rf,{onClick:L.bind(null,c),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},Xe.t("Confirm")))),y&&ne.createElement(sp,{open:!!y,onClose:h.bind(null,null),container:U},y==="in-progress"&&ne.createElement(qn,{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(np,null,ne.createElement(ip,null,ne.createElement(eg,{src:W.image,size:45})),ne.createElement(rp,null))}),y==="completed"&&ne.createElement(qn,{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(qn,{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(bi,{direction:"vertical",size:32})),ne.createElement(tg,{key:W.type,description:he,onClick:te,selected:o(W.type,e),...W}))}),x&&ne.createElement(Sl,{selected:!1,onClick:s},ne.createElement(ap,{variant:"label",size:"medium"},Xe.t("Show more wallets"),ne.createElement(ap,{variant:"label",size:"medium",color:"$primary"},"\xA0+",v-(r??0)))))}i(Ai,"WalletList");var pg=2;function dp(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=ln(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&&!pn(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"),Ne=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(Fa(G.error)),!G.error&&(!Q?.balance?.messages.length||0>0)?Ge():T(Q?.balance?.messages??[])},"onConfirmWallets");ag(()=>{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),po=lg();return N.createElement(mp,{open:e,onClose:()=>{m||po("../",{replace:!0}),o()},dismissible:!h,container:zt,...!h&&{footer:N.createElement(bl,null,N.createElement(cp,{loading:s,disabled:Ra(s,L,v,p,K,F),onClick:Ne,variant:"contained",type:"primary",fullWidth:!0,size:"large"},ot.t("Confirm")))},...h&&{containerStyle:{padding:"$0"},header:N.createElement(Cl,null,N.createElement(kl,{variant:"ghost",onClick:C.bind(null,"")},N.createElement(rg,{size:16})),N.createElement(Gn,{variant:"headline",size:"small"},ot.t({id:"Your {blockchainName} wallets",values:{blockchainName:Me(h,l)}})))},anchor:"center"},N.createElement(mp,{open:k.length>0,onClose:T.bind(null,[]),container:zt},N.createElement(ig,{title:ot.t("Insufficient account balance"),type:"error",description:N.createElement(og,{messages:k??[]})},N.createElement(cp,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:Ge},ot.t("Proceed anyway")))),h&&N.createElement(Tl,null,N.createElement("div",{className:wl()},N.createElement(Ai,{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(Ii,{variant:"alarm",type:"error",title:ot.t(b)}),N.createElement(Yt,{size:12})),I&&N.createElement(N.Fragment,null,N.createElement(Ii,{variant:"alarm",type:"warning",title:vn(I)}),N.createElement(Yt,{size:12})),N.createElement(Il,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(hl,null,N.createElement(Gn,{variant:"title",size:"xmedium"},ot.t({id:"Your {blockchainName} wallets",values:{blockchainName:Q?.shortName}})),N.createElement(Gn,{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(yl,null,N.createElement(Ai,{chain:O,isSelected:he,selectWallet:we,limit:pg,onShowMore:()=>C(Q?.name??"")})),!Qe&&N.createElement(Yt,{size:32}),Qe&&a?.customDestination&&N.createElement(xl,null,N.createElement(Wn,{onOpenChange:ut=>{ut?_(F?.name??"")||re(He=>He.map(Be=>Be.chain===F?.name?{...Be,selected:!1}:Be)):Z()},hasSelected:!0,open:L,triggerAnchor:"top",trigger:N.createElement(El,{fullWidth:!0,variant:"default",suffix:N.createElement(In,{orientation:L?"up":"down"},N.createElement(ng,{size:10,color:"gray"}))},N.createElement("div",{className:"button__content"},N.createElement(sg,{size:18,color:"info"}),N.createElement(Yt,{size:4,direction:"horizontal"}),N.createElement(Gn,{variant:"label",size:"medium"},ot.t("Send to a different address")))),onClickTrigger:()=>U(ut=>!ut)},N.createElement(Yt,{size:4}),N.createElement(Al,{autoFocus:!0,placeholder:ot.t("Your destination address"),value:v,onChange:ut=>{x(ut.target.value)}})),te&&N.createElement("div",{className:vl()},N.createElement(Ii,{variant:"alarm",type:"error",title:ot.t({values:{destination:v},id:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}i(dp,"ConfirmWalletsModal");import{Divider as lh}from"@rango-dev/ui";import Ue from"react";import{i18n as Di}from"@lingui/core";import{Alert as Wg,Divider as Fi,InfoIcon as Ng,StepDetails as Bg,TokenAmount as Lg,Tooltip as zp,Typography as bo}from"@rango-dev/ui";import qp from"bignumber.js";import z,{useLayoutEffect as Pg,useRef as Gp,useState as Mg}from"react";import{styled as To}from"@rango-dev/ui";var fp=To("div",{paddingBottom:"$10"}),Ei=To("div",{width:"100%","& .position-top__skeleton":{paddingTop:"$10"}}),gp=To("div",{variants:{paddingTop:{true:{paddingTop:"$10"}}}}),hp=To("div",{paddingBottom:"$15"}),yp=To("div",{width:"100%",display:"flex"});import*as Qn from"@radix-ui/react-collapsible";import{css as Hn,darkTheme as nt,Image as Sp,styled as Oe,Typography as ug}from"@rango-dev/ui";var Wi=300,Cp=Oe(Qn.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"}}}}),kp=Hn({padding:"$10 $15"}),Tp=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"}}}]}),wp=Hn({width:"100%",padding:"$15 $15 $10 $15",cursor:"default"}),Jt=Hn({display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",".blockchainImage":{marginLeft:"-$8"}}),xp=Hn({paddingTop:"$10",display:"flex",alignItems:"center",".usd-value":{$$color:"$colors$neutral600",[`.${nt} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),vp=Oe(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:{[`& ${Sp}`]:{border:"1px $warning500 solid",borderRadius:"100%"}},false:{[`& ${Sp}`]:{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"}}}),bp=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"}}}}),Ap=Oe(An,{width:"100%",background:"inherit"}),Ni=Oe("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$2",transition:`all ${Wi}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"}),Ip=Oe("div",{display:"flex",justifyContent:"center",margin:"0 $15",borderTop:"1px solid",$$color:"$colors$neutral300",[`.${nt} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color"}),Ep=Oe("div",{width:"$16",height:"$16",justifyContent:"center",alignItems:"center",display:"flex"}),Bi=Oe(ug,{overflow:"hidden",textOverflow:"ellipsis",letterSpacing:.4}),Wp=Oe("div",{display:"flex",flexWrap:"wrap"}),Li=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 mg,CloseIcon as dg,Divider as Xn,IconButton as fg,Modal as gg,QuoteCost as hg,Tooltip as yg,Typography as Ke}from"@rango-dev/ui";import Sg from"bignumber.js";import q,{useState as Pp}from"react";import{i18n as wo}from"@lingui/core";var Pi={"Network Fee":wo.t("Network Fee"),"Swapper Fee":wo.t("Protocol Fee"),"Affiliate Fee":wo.t("Affiliate Fee"),"Outbound network fee":wo.t("Outbound Fee"),"Rango Fee":wo.t("Rango Fee")};import{css as cg,styled as Vn}from"@rango-dev/ui";var jn=Vn("div",{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"$5 0","&.total_payable_fee":{padding:"$12 0"}}),Mi=Vn("div",{width:"100%",borderTop:"1px solid $neutral300",margin:"$10 0"}),Np=Vn("div",{padding:"$20 0",display:"flex",flexDirection:"column","& .collapsible_trigger":{display:"flex",alignItems:"center"}}),Bp=Vn("div",{padding:"$20 $20 $10",textAlign:"center",position:"relative","._icon-button":{position:"absolute",zIndex:10,top:"$16",right:"$16"}}),Lp=cg({display:"flex",flexDirection:"row",alignItems:"center",padding:"$5","&:hover":{"& ._typography, & svg":{color:"$secondary"}}});var Cg=30,kg=i(t=>t.fee.isZero()?null:q.createElement(jn,null,q.createElement(Ke,{variant:"label",size:"medium",color:"neutral600"},t.label),q.createElement(Ke,{variant:"label",size:"medium"},"$",E(t.fee,4,4))),"NonPayableFee");function Mp(t){let[e,o]=Pp(!1),[n,r]=Pp(!1),{steps:s,quote:a}=t,l=g().tokens(),p=Xo(Ko(a.result?.swaps)),u=a.result?.swaps??[],m=P(),c=mn(u,l),f=qa(u);return q.createElement(q.Fragment,null,q.createElement(hg,{onClickFee:()=>o(!e),fee:E(c,2,2),feeWarning:c.gte(new Sg(Cg)),time:p,steps:s,tooltipGas:xt.t("View more info"),tooltipContainer:m}),q.createElement(gg,{container:m,open:e,header:q.createElement(Bp,null,q.createElement(Ke,{variant:"title",size:"medium"},xt.t("Gas & Fee Explanation")),q.createElement(fg,{onClick:()=>o(!1),variant:"ghost"},q.createElement(dg,{color:"gray",size:14}))),onClose:()=>o(!1)},q.createElement(Np,null,q.createElement(Ke,{variant:"title",size:"small"},xt.t("Details")),q.createElement(Xn,{size:10}),Object.entries(f.payable).flatMap(([d,w])=>w.map((y,h)=>{let C=`payable-fee-${h}`,k=Jr(y);return q.createElement(jn,{key:C},q.createElement(Ke,{variant:"label",size:"medium",color:"neutral600"},Pi[d]),q.createElement(yg,{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(jn,{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(Mi,null),Object.keys(f.nonePayable).length&&q.createElement(Wn,{triggerAnchor:"bottom",onClickTrigger:()=>r(d=>!d),trigger:q.createElement("div",{className:Lp()},q.createElement(Ke,{size:"small",variant:"body",color:"neutral700"},n?xt.t("Hide non-payable fees"):xt.t("Show non-payable fees")),q.createElement(Xn,{size:4,direction:"horizontal"}),q.createElement(In,{orientation:n?"up":"down"},q.createElement(mg,{size:12,color:"gray"}))),open:n},q.createElement(Ke,{size:"small",variant:"title"},xt.t("Description")),q.createElement(Xn,{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(Xn,{size:10}),Object.entries(f.nonePayable).map(([d,w],y)=>{let h=za(w),C=Pi[d],k=`non-payable-fee-${y}`;return q.createElement(kg,{key:k,fee:h,label:C})}),q.createElement(Mi,null)))))}i(Mp,"QuoteCostDetails");import{i18n as Dp}from"@lingui/core";import{TokenAmount as Fp}from"@rango-dev/ui";import Kn from"react";import{css as Tg,styled as wg}from"@rango-dev/ui";var $p=wg("div",{position:"relative",display:"flex",flexDirection:"column",width:"100%"}),_p=Tg({height:"14px",marginLeft:"14px",position:"absolute",borderLeft:"1px solid $foreground",top:"42%"});function xo(t){let{from:e,to:o,percentageChange:n,warningLevel:r}=t;return Kn.createElement($p,null,Kn.createElement(Fp,{direction:"horizontal",label:Dp.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}}),Kn.createElement("div",{className:_p()}),Kn.createElement(Fp,{direction:"horizontal",tooltipContainer:P(),label:Dp.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(xo,"QuoteSummary");import{i18n as Op}from"@lingui/core";import{ChevronDownIcon as xg,ChevronRightIcon as vg,Divider as $i,Image as bg,Tooltip as _i,Typography as Yn}from"@rango-dev/ui";import B,{useEffect as Ag,useState as Ig}from"react";var Jn=4,Zn=6,Eg=375,vo=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(bp,{className:r,state:a},B.createElement(bg,{src:n,size:16})))},"ImageComponent");function Up(t){let{quoteRef:e,recommended:o,setExpanded:n,steps:r,expanded:s}=t,a=P(),l=r.length,p=il(r),[u,m]=Ig(!1),c=i(()=>{window.innerWidth<Eg?m(!0):m(!1)},"handleResize");return Ag(()=>{window.addEventListener("resize",c)}),B.createElement(vp,{ref:f=>e.current=f,recommended:o,onClick:()=>n(f=>!f)},B.createElement("div",{className:Jt()},B.createElement(Yn,{variant:"body",size:"xsmall"},Op.t("Via:")),B.createElement($i,{direction:"horizontal",size:4}),r.map((f,d)=>{let w=`item-${d}`,y=B.createElement(Ni,null,B.createElement(vg,{size:12,color:"black"}));return u?B.createElement(B.Fragment,null,B.createElement(vo,{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<=Jn||l>Jn&&d<Jn-1?B.createElement(B.Fragment,null,B.createElement(vo,{content:f.swapper.displayName,src:f.swapper.image,state:f.state}),d!==l-1&&B.createElement(B.Fragment,null,y)):d===Jn-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(vo,{content:h.swapper.displayName,src:h.swapper.image,state:h.state,open:!1}),C!==l-1&&B.createElement(B.Fragment,null,y))}))},B.createElement(Li,{state:r.find((h,C)=>C>=d&&(h.state==="error"||h.state==="warning"))?.state},B.createElement(Yn,{size:"xsmall",variant:"body"},"+",l-d))))})),B.createElement("div",{className:Jt()},B.createElement("div",{className:"blockchains_section"},B.createElement("div",{className:Jt()},B.createElement(Yn,{variant:"body",size:"xsmall"},Op.t("Chains:")),B.createElement($i,{direction:"horizontal",size:4}),p.map((f,d)=>B.createElement(B.Fragment,null,p.length<=Zn||p.length>Zn&&d<Zn-1?B.createElement(vo,{key:f.displayName,content:"",src:f.image,open:!1,className:d!==0?"blockchainImage":""}):d===Zn-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(vo,{key:w.displayName,content:"",src:w.image,open:!1,className:y>d?"blockchainImage":""})))},B.createElement(Li,{className:"blockchainImage"},B.createElement(Yn,{size:"xsmall",variant:"body"},"+",p.length-d))))),B.createElement($i,{direction:"horizontal",size:32}))),B.createElement(Ni,{orientation:s?"up":"down"},B.createElement(xg,{size:12,color:"black"}))))}i(Up,"QuoteTrigger");function Oi(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]=Mg(t.expanded),f=Gp(null),d=Gp(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:go(x.swapperId,u),image:x.swapperLogo},from:{token:{displayName:x.from.symbol,image:x.from.logo},chain:{displayName:Me(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 qp(x.from.usdPrice??0).multipliedBy(x.fromAmount))}},to:{token:{displayName:x.to.symbol,image:x.to.logo},chain:{displayName:Me(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 qp(x.to.usdPrice??0).multipliedBy(x.toAmount))}},state:U,alerts:W||F?z.createElement(hp,null,z.createElement(Wg,{type:W?"error":"warning",title:r?.type===3?r?.recommendation:Di.t("Slippage Error:"),footer:z.createElement(yp,null,r?.type===3&&z.createElement(z.Fragment,null,z.createElement(bo,{size:"xsmall",variant:"body",color:"neutral900"},r.fromAmountRangeError),z.createElement(Fi,{direction:"horizontal",size:8}),z.createElement(bo,{size:"xsmall",variant:"body",color:"neutral900"},"|"),z.createElement(Fi,{direction:"horizontal",size:8}),z.createElement(bo,{size:"xsmall",variant:"body",color:"neutral900"},Di.t({id:"Yours: {amount} {symbol}",values:{amount:E(x.fromAmount,6,6),symbol:x?.from.symbol}}))),(r?.type===4||s?.type===2)&&z.createElement(bo,{size:"xsmall",variant:"body",color:"neutral900"},Di.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 Pg(()=>{m&&!d.current&&f.current&&setTimeout(()=>{f?.current?.scrollIntoView({behavior:"smooth"})},Wi),d.current=m},[m,d]),z.createElement(z.Fragment,null,z.createElement(Tp,{recommended:l,listItem:a==="list-item",basic:a==="basic"},z.createElement("div",{className:wp()},z.createElement(Mp,{steps:I,quote:e}),a==="basic"&&z.createElement("div",{className:xp()},z.createElement(Ep,null,z.createElement(Ng,{size:12,color:"gray"})),z.createElement(Wp,null,z.createElement(Bi,{size:"small",variant:"body"},`${w} ${S[0].from.token.displayName} = `),z.createElement(zp,{content:ie(n.value),container:A,open:n.value?void 0:!1},z.createElement(Bi,{size:"small",variant:"body"},"\xA0",`${y} ${S[S.length-1].to.token.displayName}`))),z.createElement(zp,{content:ie(n.usdValue),container:A,style:{display:"flex"}},z.createElement(bo,{color:"$neutral600",ml:2,size:"xsmall",variant:"body"},`($${h})`))),a==="list-item"&&z.createElement(Lg,{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(xo,{from:S[0].from,to:S[I-1].to,percentageChange:k,warningLevel:T}),z.createElement(Fi,{size:4}))),z.createElement(Cp,{recommended:l,open:m,onOpenChange:c},z.createElement(Up,{quoteRef:f,recommended:l,setExpanded:c,expanded:m,steps:S}),z.createElement(Ap,{open:m},z.createElement(Ip,null),z.createElement("div",{className:kp()},S.map((v,x)=>{let L=`item-${x}`;return z.createElement(Bg,{type:"quote-details",key:L,step:v,hasSeparator:x!==S.length-1,state:v.state,tooltipContainer:A})}))))))}i(Oi,"Quote");import{Divider as Dg,Skeleton as Fg}from"@rango-dev/ui";import mt from"react";import{darkTheme as $g,styled as Rn}from"@rango-dev/ui";var Qp=Rn("div",{$$color:"$colors$neutral100",[`.${$g} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",borderBottomLeftRadius:"$xm",borderBottomRightRadius:"$xm",padding:"$15 ",variants:{rounded:{true:{borderRadius:"$xm"}}}}),Hp=Rn("div",{paddingTop:"$2"}),Vp=Rn("div",{paddingLeft:"$8"}),jp=Rn("div",{borderLeft:"1px dashed black",minHeight:" 0",margin:"0px 11.5px",alignSelf:"stretch",variants:{hideSeparator:{true:{minHeight:"unset",height:"0"}}}});import{ChainToken as ru,Divider as _t,Skeleton as it}from"@rango-dev/ui";import H from"react";import{styled as rt}from"@rango-dev/ui";var Xp=rt("div",{display:"flex",justifyContent:"space-between",alignItems:"center",height:"22px"}),Kp=rt("div",{display:"flex"}),Yp=rt("div",{padding:"$15 $0 14px $0"}),Jp=rt("div",{padding:"$6 $0 $15 $0",display:"flex",flexDirection:"column"}),Zp=rt("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$5"}),Rp=rt("div",{display:"flex",justifyContent:"space-between",alignItems:"end"}),eu=rt("div",{height:"$28",marginLeft:"13px",borderLeft:"1px solid $neutral700"}),tu=rt("div",{width:"65%",display:"flex",justifyContent:"start"}),ou=rt("div",{display:"flex",flexDirection:"column",alignItems:"start",flexGrow:1,maxWidth:"148px"}),nu=rt("div",{padding:"$15 $0 $15 $0"});function Ao(t){let{type:e,tag:o=!1}=t,n=H.createElement(Rp,null,H.createElement(tu,null,H.createElement(ru,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),H.createElement(_t,{size:8,direction:"horizontal"}),H.createElement(ou,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(Xp,null,H.createElement(Kp,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(Yp,null,H.createElement(it,{height:15,width:148,variant:"rounded"})),e==="list-item"&&H.createElement(Jp,null,H.createElement(Zp,null,H.createElement(ru,{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(nu,null,n,H.createElement(eu,null),n)))}i(Ao,"QuoteSummarySkeleton");import{ChainToken as pu,Divider as zi,NextIcon as _g,Skeleton as er}from"@rango-dev/ui";import ue from"react";import{styled as Io}from"@rango-dev/ui";var iu=Io("div",{display:"flex",alignItems:"start"}),su=Io("div",{flexGrow:1,paddingTop:"$5",paddingBottom:"$10",display:"flex",alignItems:"center"}),Ui=Io("div",{display:"flex",alignItems:"center",flexGrow:1}),au=Io("div",{margin:"$0 $2",padding:"$4",display:"flex",justifyContent:"center",alignItems:"center"}),lu=Io("div",{display:"flex",alignItems:"center"});function st(t){let{separator:e=!0}=t;return ue.createElement(ue.Fragment,null,ue.createElement(lu,null,ue.createElement(er,{height:22,width:22,variant:"circular"}),ue.createElement(zi,{direction:"horizontal",size:8}),ue.createElement(er,{height:15,width:148,variant:"rounded"})),ue.createElement(iu,null,ue.createElement(jp,{hideSeparator:!e}),ue.createElement(su,null,ue.createElement(Ui,null,ue.createElement(pu,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ue.createElement(zi,{direction:"horizontal",size:8}),ue.createElement(er,{height:12,variant:"rounded"})),ue.createElement(au,null,ue.createElement(_g,{color:"gray",size:16})),ue.createElement(Ui,null,ue.createElement(pu,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ue.createElement(zi,{direction:"horizontal",size:8}),ue.createElement(er,{height:12,variant:"rounded"})))))}i(st,"StepSkeleton");function qi(t){let{type:e,expanded:o,tag:n=!1}=t;return mt.createElement(Qp,{rounded:e!=="basic"},mt.createElement(Ao,{type:e,tag:n}),mt.createElement(Hp,null,mt.createElement(Fg,{height:15,variant:"rounded"})),o&&mt.createElement(Vp,null,mt.createElement(Dg,{size:20}),mt.createElement(st,null),mt.createElement(st,null),mt.createElement(st,{separator:!1})))}i(qi,"QuoteSkeleton");import{i18n as rh}from"@lingui/core";import{Alert as ih,Button as sh,InfoIcon as ah}from"@rango-dev/ui";import Ee from"react";import{Alert as Og,Button as Ug,Divider as gu,NoRouteIcon as zg,RefreshIcon as qg,Typography as hu}from"@rango-dev/ui";import Ye from"react";import{i18n as uu}from"@lingui/core";function cu(t,e,o,n){return t?.type===1?{alert:{type:"warning",text:j().genericServerError,action:{onClick:n,title:uu.t("Retry")}},description:""}:e.length?{alert:{type:"warning",text:j().liquiditySourcesError.title,action:{onClick:()=>o(!0),title:uu.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(cu,"makeInfo");import{styled as Gi}from"@rango-dev/ui";var mu=Gi("div",{minHeight:"162px",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"}),du=Gi("div",{width:"100%"}),fu=Gi("div",{padding:"$6 $0"});function Qi(t){let{fetch:e,error:o}=t,n=g().disabledLiquiditySources,r=g().toggleAllLiquiditySources,s=g().swappers(),a=cu(o,n,()=>r(s,!0),e);return Ye.createElement(mu,null,Ye.createElement(zg,{size:24,color:"gray"}),Ye.createElement(gu,{size:4}),Ye.createElement(hu,{variant:"title",size:"small"},j().noResultError.title),!!a.description&&Ye.createElement(hu,{variant:"body",size:"small",align:"center",color:"neutral700"},a.description),Ye.createElement(gu,{size:4}),!!a.alert&&Ye.createElement(du,null,Ye.createElement(Og,{type:a.alert.type,title:a.alert.text,action:a.alert.action&&Ye.createElement(Ug,{size:"xsmall",type:a.alert.type,prefix:Ye.createElement(fu,null,Ye.createElement(qg,{size:8})),onClick:a.alert.action.onClick},a.alert.action.title),variant:"alarm"})))}i(Qi,"NoResult");import{i18n as Eo}from"@lingui/core";import{Button as Qg,Divider as wu,MessageBox as Hg,Modal as Vg,Typography as jg,WarningIcon as Xg}from"@rango-dev/ui";import at from"react";import{Typography as ku}from"@rango-dev/ui";import Vi from"react";import{darkTheme as Gg,styled as tr}from"@rango-dev/ui";var yu=tr("div",{width:"100%",paddingTop:"$10"}),Hi=tr("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),Su=tr("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%","._title":{$$color:"$colors$neutral600",[`.${Gg} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Cu=tr("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});function Tu(t){let{title:e,value:o,valueColor:n}=t;return Vi.createElement(Su,null,Vi.createElement(ku,{size:"medium",variant:"label",className:"_title"},e),Vi.createElement(ku,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}i(Tu,"QuoteErrorsModalItem");function xu(t){let{open:e,onClose:o,onConfirm:n,warning:r}=t,s=r.warningLevel==="high"?"error":"warning",a=[{title:Eo.t("Swapping"),value:E(r.inputUsdValue,4,4)},{title:Eo.t("Gas cost"),value:E(r.totalFee,2,2)},{title:Eo.t("Receiving"),value:E(r.outputUsdValue,4,4)},{title:Eo.t("Price impact"),value:E(r.priceImpact,2,2),valueColor:`${s}500`}];return at.createElement(Vg,{open:e,onClose:o,container:P()},at.createElement(Hg,{type:s,title:j().highValueLossError.impactTitle,description:j().highValueLossError.description}),at.createElement(Hi,null,at.createElement(wu,{size:20}),at.createElement(jg,{size:"small",variant:"title"},Eo.t("Details")),at.createElement(Hi,null,a.map((l,p)=>at.createElement(Tu,{key:p,...l})))),at.createElement(wu,{size:32}),at.createElement(Qg,{type:"primary",size:"large",prefix:at.createElement(Xg,null),fullWidth:!0,onClick:n},j().highValueLossError.confirmMessage))}i(xu,"HighValueLossWarningModal");import{i18n as ji}from"@lingui/core";function vu(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=ji.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=ji.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=ji.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(vu,"makeAlerts");import{i18n as eo}from"@lingui/core";import{Button as bu,Divider as Au,MessageBox as Kg,Modal as Yg,Typography as Jg}from"@rango-dev/ui";import Dt from"react";import{useNavigate as Zg}from"react-router-dom";function Iu(t){let{customSlippage:e,slippage:o}=g(),{open:n,onClose:r,onConfirm:s,warning:a}=t,l=Zg(),p=e??o;return Dt.createElement(Yg,{anchor:"bottom",open:n,prefix:Dt.createElement(bu,{size:"small",variant:"ghost",onClick:()=>l("../"+M.settings)},Dt.createElement(Jg,{variant:"label",size:"medium",color:"$neutral900"},eo.t("Change settings"))),container:P(),onClose:r},Dt.createElement(Kg,{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(Au,{size:18}),Dt.createElement(Au,{size:32}),Dt.createElement(bu,{size:"large",type:"primary",variant:"contained",fullWidth:!0,onClick:s},eo.t("Confirm anyway"))))}i(Iu,"SlippageWarningModal");import{Button as Rg,Divider as eh,MessageBox as th,Modal as oh,WarningIcon as nh}from"@rango-dev/ui";import Wo from"react";function Eu(t){let{open:e,onClose:o,onConfirm:n}=t;return Wo.createElement(oh,{open:e,onClose:o,container:P()},Wo.createElement(th,{type:"warning",title:j().unknownPriceError.impactTitle,description:j().unknownPriceError.description}),Wo.createElement(eh,{size:32}),Wo.createElement(Rg,{type:"primary",size:"large",prefix:Wo.createElement(nh,null),fullWidth:!0,onClick:n},j().unknownPriceError.confirmMessage))}i(Eu,"UnknownPriceWarningModal");function Xi(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=vu(e,o?.type===3||o?.type===4?o:null);return Ee.createElement(Ee.Fragment,null,m&&Ee.createElement(Qi,{error:o,fetch:n}),!!c&&Ee.createElement(yu,null,Ee.createElement(ih,{title:c.title,type:c.alertType,variant:"alarm",...c.action==="show-info"&&{action:Ee.createElement(Cu,{onClick:s},Ee.createElement(ah,{size:12,color:"gray"}))},...c.action==="change-settings"&&{action:Ee.createElement(sh,{size:"xxsmall",type:c.alertType,onClick:p},rh.t("Change"))}})),e&&Ee.createElement(Ee.Fragment,null,e.type===0&&Ee.createElement(xu,{...u,warning:e}),(e.type===3||e.type===2)&&Ee.createElement(Iu,{...u,warning:e}),e.type===1&&Ee.createElement(Eu,{...u,warning:e})))}i(Xi,"QuoteWarningsAndErrors");function No(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(Xi,{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(Ei,null,Ue.createElement(gp,{paddingTop:d==="top"},Ue.createElement(qi,{type:o,expanded:f}))),d==="top"&&Ue.createElement(fp,null,b),T?Ue.createElement(Ei,null,Ue.createElement(Oi,{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(lh,{size:16}),b))}i(No,"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 or(){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 Gt().getBestRoute(s,{signal:o.current.signal});return o.current=null,a}catch(a){throw a}finally{e(!1)}},"fetch"),loading:t,cancelFetch:n}}i(or,"useFetchQuote");function nr(t){if(!t.result)throw new Error(j().noResultError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});if(Xr(t)){let{swap:n,recommendation:r,fromAmountRangeError:s}=Kr(t);throw new Error("bridge limit error",{cause:{type:3,swap:n,recommendation:r,fromAmountRangeError:s}})}let o=Zr(t);if(o){let n=dn(t);throw new Error("",{cause:{type:4,recommendedSlippages:o,minRequiredSlippage:n}})}return t}i(nr,"throwErrorIfResponseIsNotValid");function Wu(t,e,o){let n=!1;t&&(n=nl(t,e));let r={quote:null,quoteUpdate:null,balance:null},s=gn(e,{fromToken:o.fromToken,toToken:o.toToken,tokens:o.meta.tokens,userSlippage:o.userSlippage});s&&(r.quote=s),t&&n&&(ja(t,e)?r.quoteUpdate={type:3,newOutputAmount:E(Ht(e)),percentageChange:E($e(Ht(t)??"",Ht(e)??""),null,2)}:ei(t,e)?r.quoteUpdate={type:0}:ti(t,e)?r.quoteUpdate={type:1}:oi(t,e)&&(r.quoteUpdate={type:2}));let a=Xa(e,o.selectedWallets,o.meta.blockchains);return a.length===0||(r.balance={messages:a}),r}i(Wu,"generateWarnings");function rr(t){return t?.code==="ERR_CANCELED"?{swap:null,error:{type:2},warnings:null}:t.cause?{swap:null,error:t.cause,warnings:null}:{swap:null,error:{type:1},warnings:null}}i(rr,"handleQuoteErrors");function Ki(){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}=or();return mh(()=>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=fn({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});an("experimentalRoute",h)&&(L.experimental=!0);let U;try{U=await T(L).then(K=>nr(K)),n(U)}catch(K){return rr(K)}let W={slippage:k.toString(),disabledSwappersGroups:f},F=ch(o.toString(),U,Ha(v),W,!1,{blockchains:w,tokens:y}),_=Wu(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(Ki,"useConfirmSwap");var vh=Lu("div",{position:"relative",width:"100%","& .quote-update__alert":{paddingTop:"$10"}}),bh=Lu("div",{width:"100%",display:"flex",justifyContent:"space-between",[`& ${Bu}`]:{width:"$48",height:"$48"}}),Ah=Yi({flexGrow:1,paddingRight:"$10"}),Ih=Yi({width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"}),Eh=Yi({display:"flex",justifyContent:"space-between",alignItems:"center"});function Pu(){let{quote:t,setInputAmount:e,selectedWallets:o,quoteWalletsConfirmed:n,setQuoteWalletConfirmed:r,customDestination:s,quoteWarningsConfirmed:a}=D(),l=xh(),[p,u]=sr(""),{connectedWallets:m}=V(),c=!n,[f,d]=sr(!1),w=ve.use.setSelectedSwap(),y=g().disabledLiquiditySources,h=Th(y),{manager:C}=dh(),{fetch:k,loading:T,cancelFetch:b}=Ki(),[S,I]=sr({swap:null,error:null,warnings:null}),[A,v]=sr(!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 Bo(()=>{!!h.current.length&&!y.length&&F(),h.current=y},[y.length]),Bo(()=>{c&&b()},[c]),Bo(()=>{c&&d(c)},[c]),Bo(()=>{c||k({selectedWallets:o,customDestination:s}).then(_=>I(_)).catch(_=>console.error(_))},[]),Bo(()=>{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=ln(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(()=>wh(d.bind(null,!0))),r(!1))},[S.warnings?.quote,o.length,m.length]),kh(()=>{t||l("../")},[]),se.createElement(J,{header:{title:ir.t("Confirm Swap"),onWallet:()=>{let _=`../${M.wallets}`;l(_)},suffix:se.createElement(yh,{container:P(),side:"bottom",content:ir.t("Settings")},se.createElement(De,{size:"small",variant:"ghost",onClick:()=>l("../"+M.settings)},se.createElement(hh,{size:18,color:"black"})))},footer:se.createElement(bh,null,se.createElement("div",{className:Ah()},se.createElement(fh,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:T,disabled:!!S.error,onClick:W},ir.t("Start Swap"))),se.createElement(Bu,{variant:"contained",type:"primary",size:"large",loading:T,onClick:d.bind(null,!0)},se.createElement(Ch,{size:24})))},f&&se.createElement(dp,{open:f,onClose:()=>d(!1),onCancel:b,loading:T,onCheckBalance:x}),se.createElement(vh,null,se.createElement("div",{className:Eh()},se.createElement(Sh,{variant:"title",size:"small"},ir.t("You get")),se.createElement("div",{className:Ih()},se.createElement(Dn,{onClick:!T&&!f&&!A?F:void 0}))),p&&se.createElement(se.Fragment,null,se.createElement(Nu,{type:"error",variant:"alarm",title:p}),se.createElement(gh,{size:12})),S.warnings?.quoteUpdate&&se.createElement("div",{className:"quote-update__alert"},se.createElement(Nu,{variant:"alarm",type:"warning",title:S.warnings.quoteUpdate&&vn(S.warnings.quoteUpdate)})),se.createElement(No,{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(Pu,"ConfirmSwapPage");import{i18n as ur}from"@lingui/core";import{useManager as _h}from"@rango-dev/queue-manager-react";import{Divider as Dh,NotFound as Fh,styled as zu}from"@rango-dev/ui";import At,{useState as Oh}from"react";import{useNavigate as Uh}from"react-router-dom";import{CloseIcon as Nh,IconButton as Bh,SearchIcon as Lh,TextField as Ph}from"@rango-dev/ui";import Lo from"react";import{styled as Wh}from"@rango-dev/ui";var Mu=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(Mu,null,Lo.createElement(Lh,{color:"black"})),suffix:!!a.length&&Lo.createElement(Bh,{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 es}from"@lingui/core";import{Divider as _u,SwapListItem as Du,Typography as Fu}from"@rango-dev/ui";import oe from"react";import{css as Mh,darkTheme as $h,styled as ar}from"@rango-dev/ui";var lr=Mh(),Ji=ar("div",{width:"100%",display:"flex",flexDirection:"column",[`& .${lr}`]:{$$color:"$colors$neutral600",[`.${$h} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Zi=ar("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),Ri=ar("div",{gap:"$10",display:"flex",flexDirection:"column"}),$u=ar("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});function ts(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,s=n?n(e):[{title:"History",swaps:e}];if(r){let a=[{},{}],l=[{title:es.t("Today"),swaps:a},{title:es.t("This month"),swaps:a}];return oe.createElement(oe.Fragment,null,l.map(p=>oe.createElement(oe.Fragment,{key:p.title},oe.createElement(Ji,null,oe.createElement(Zi,null,oe.createElement(Fu,{variant:"label",size:"medium",className:lr()},p.title)),oe.createElement(_u,{size:4}),oe.createElement(Ri,null,p.swaps.map((u,m)=>{let c=m+p.title;return oe.createElement(oe.Fragment,{key:c},oe.createElement(Du,{isLoading:!0}))}))))))}return oe.createElement(oe.Fragment,null,s.filter(a=>a.swaps.length>0).map(a=>oe.createElement(oe.Fragment,{key:a.title},oe.createElement(Ji,null,oe.createElement(Zi,null,oe.createElement(Fu,{variant:"label",size:"medium",className:lr()},a.title)),oe.createElement(_u,{size:4}),oe.createElement(Ri,null,a.swaps.map(l=>{let p=l.steps[0],u=l.steps[l.steps.length-1];return oe.createElement(oe.Fragment,{key:l.requestId},oe.createElement(Du,{requestId:l.requestId,creationTime:l.creationTime,status:l.status,onClick:o,tooltipContainer:P(),onlyShowTime:a.title===es.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(ts,"SwapsGroup");import{i18n as pr}from"@lingui/core";import Ou from"dayjs";var Uu=i(t=>{let e=new Map([["today",{title:pr.t("Today"),swaps:[]}],["week",{title:pr.t("This week"),swaps:[]}],["month",{title:pr.t("This month"),swaps:[]}],["year",{title:pr.t("This year"),swaps:[]}]]);function o(r,s){e.has(r)||e.set(r,{title:r,swaps:[]}),e.get(r)?.swaps.push(s)}i(o,"addYearsToOutput");let n=Ou();return t.forEach(r=>{let s=Number(r.creationTime),a=Ou(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 zh=zu("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",height:"100%",gap:15}),qh=zu("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),Gh=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 qu(){let t=ve.use.setSelectedSwap(),e=Uh(),{manager:o,state:n}=_h(),r=to(o).map(({swap:c})=>c),[s,a]=Oh(""),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)||Gh(c.steps,s)||et(c.requestId,s)));let m=!u?.length&&!l;return At.createElement(J,{header:{title:ur.t("History")}},At.createElement(zh,null,At.createElement(dt,{setValue:a,fullWidth:!0,variant:"contained",placeholder:ur.t("Search Transaction"),autoFocus:!0,onChange:p,value:s}),At.createElement(qh,null,m&&At.createElement($u,null,At.createElement(Dh,{size:32}),At.createElement(Fh,{title:ur.t("No results found"),description:s?ur.t("Try using different keywords"):""})),!m&&At.createElement(ts,{list:u,onSwapClick:c=>{t(c),e(c)},groupBy:Uu,isLoading:l}))))}i(qu,"HistoryPage");import{i18n as rs}from"@lingui/core";import{Button as Yh,styled as is,SwapInput as Vu,WarningIcon as Jh}from"@rango-dev/ui";import ze,{useEffect as Zh,useRef as Rh,useState as ey}from"react";import{useNavigate as ty}from"react-router-dom";import{ReverseIcon as Qh,styled as Gu}from"@rango-dev/ui";import os from"react";var Hh=Gu("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),Vh=Gu("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 os.createElement(Hh,null,os.createElement(Vh,{onClick:()=>{t()}},os.createElement(Qh,{size:12})))}i(Qu,"SwitchFromAndToButton");import{useCallback as jh,useEffect as Xh,useState as ns}from"react";var Kh=600;function Hu(){let{fetch:t,cancelFetch:e}=or(),{liquiditySources:o,enableNewLiquiditySources:n,features:r}=g().config,s=g().tokens(),{fromToken:a,toToken:l,inputAmount:p,inputUsdValue:u,quote:m,resetQuote:c,setQuote:f}=D(),{slippage:d,customSlippage:w,affiliatePercent:y,affiliateRef:h,affiliateWallets:C,disabledLiquiditySources:k}=g(),[T,b]=ns(!1),[S,I]=ns(null),[A,v]=ns(null),x=w??d,U=!a||!l||Le(a,l)||!co(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:Ne,affiliatePercent:zt,affiliateWallets:po}=K;if(T||W(!0),!U&&re&&ae){c();let O=fn({fromToken:re,toToken:ae,inputAmount:he,liquiditySources:te,excludeLiquiditySources:Z,disabledLiquiditySources:we,slippage:Ge,affiliateRef:Ne,affiliatePercent:zt,affiliateWallets:po});an("experimentalRoute",r)&&(O.experimental=!0),t(O).then(G=>{b(!1),f(G),nr(G);let Q=gn(G,{fromToken:re,toToken:ae,userSlippage:x,tokens:s});v(Q)}).catch(G=>{let{error:Q}=rr(G);(Q?.type===0||Q?.type===1)&&c(),Q?.type!==2&&(I(Q),b(!1))})}},"fetch"),_=jh(va(K=>{U||F(K)},Kh),[U]);return Xh(()=>{if(!co(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(Hu,"useSwapInput");var oy=is("div",{display:"flex",flexDirection:"column",overflowY:"visible","& .quote__container":{paddingTop:"$2"}}),ny=is("div",{position:"relative"}),ry=is("div",{display:"flex",flexDirection:"column",gap:5,alignSelf:"stretch"});function ju(){let t=ty(),{fetch:e,loading:o,error:n,warning:r}=Hu(),{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]=ey(!1),A=Rh(null),v=!!a&&Ca(k,a.name),x=!1,L=!Yr(w,m,c),U=!Yr(w,m,d),W=Ua({fetchMetaStatus:C,fetchingQuote:o,inputAmount:m,quote:w,anyWalletConnected:k.length>0,error:n,warning:r,needsToWarnEthOnPath:x}),F=s?T(s):null,_=tn(F)?.amount??"0",K=a&&s?E(F?.amount,F?.decimals):"0";Zh(()=>(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(Yh,{type:"primary",size:"large",disabled:W.disabled,prefix:W.action==="confirm-warning"&&ze.createElement(Jh,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:rs.t("Swap"),suffix:ze.createElement(Ci,{layoutRef:A.current,onClickRefresh:(w||n)&&!S?e:void 0,onClickHistory:()=>t(M.swaps),onClickSettings:()=>t(M.settings)})}},ze.createElement(oy,null,ze.createElement(ry,null,ze.createElement(ny,null,ze.createElement(Vu,{label:rs.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(Vu,{sharpBottomStyle:!!w?.result||o,label:rs.t("To"),mode:"To",fetchingQuote:o,chain:{displayName:p?.displayName||"",image:p?.logo||""},token:{displayName:l?.symbol||"",image:l?.image||""},percentageChange: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(No,{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(ju,"Home");import{i18n as Xu}from"@lingui/core";import{List as iy,ListItemButton as sy,Radio as ay,RadioRoot as ly,Typography as py}from"@rango-dev/ui";import It from"react";import{styled as cr}from"@rango-dev/ui";var ft=cr("div",{height:"100%",overflow:"hidden"}),Po=cr("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto"}),ss=cr("div",{width:80,display:"flex",justifyContent:"flex-end"}),as=cr("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});function oo(){let{setLanguage:t,language:e,config:o}=g(),n=Ia,r=o?.language||fo;return{activeLanguage:e||r,languages:n,defaultLanguage:r,changeLanguage:s=>t(s||fo),resetLanguage:()=>t(null)}}i(oo,"useLanguage");function Ku(){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(py,{variant:"title",size:"xmedium"},a),onClick:()=>e(r.local),end:It.createElement(ay,{value:s}),start:It.createElement(l,null)}});return It.createElement(J,{header:{title:Xu.t("Language")}},It.createElement(ft,null,It.createElement(ly,{value:t},It.createElement(iy,{type:It.createElement(sy,{title:Xu.t("language"),id:"_",onClick:()=>console.log()}),items:n}))))}i(Ku,"LanguagePage");import{i18n as gt}from"@lingui/core";import{Button as fy,Checkbox as gy,Image as hy,ListItemButton as yy,NotFound as Sy,Typography as Cy}from"@rango-dev/ui";import Te,{useState as ky}from"react";import{Checkbox as my,Skeleton as Ju}from"@rango-dev/ui";import Mo from"react";import{ListItem as uy,styled as cy}from"@rango-dev/ui";var Yu=cy(uy,{height:61});var dy=30;function ls(){return Mo.createElement(Po,null,Array.from(Array(dy),t=>Mo.createElement(Yu,{hasDivider:!0,key:t,start:Mo.createElement(Ju,{variant:"circular",width:35,height:35}),title:Mo.createElement(Ju,{variant:"text",size:"large",width:90}),end:Mo.createElement(my,{checked:!1})})))}i(ls,"LoadingLiquiditySourceList");function ps({sourceType:t}){let e=g().fetchStatus,o=g().swappers(),n=g().disabledLiquiditySources,[r,s]=ky(""),a=g().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 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(hy,{src:T,size:22,type:"circular"}),onClick:()=>a(k),end:Te.createElement(gy,{checked:C}),title:Te.createElement(Cy,{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(ss,null,Te.createElement(fy,{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(ls,null),!y.length&&r?Te.createElement(as,null,Te.createElement(Sy,{title:gt.t("No results found"),description:gt.t("Try using different keywords")})):e==="success"&&Te.createElement(Po,null,y.map(h=>Te.createElement(Te.Fragment,{key:h.id},Te.createElement(yy,{style:{height:"61px"},...h,selected:!1,hasDivider:!0}))))))}i(ps,"LiquiditySourcePage");import{i18n as ic}from"@lingui/core";import{Divider as ds,getCountCategories as Ny,SelectableCategoryList as By}from"@rango-dev/ui";import ht,{useState as sc}from"react";import{i18n as cs}from"@lingui/core";import{Divider as nc,Image as by,ListItemButton as Ay,NotFound as Iy,Typography as rc}from"@rango-dev/ui";import qe,{useEffect as Ey,useState as Wy}from"react";import{BlockchainCategories as us}from"@rango-dev/ui";import{TransactionType as mr}from"rango-sdk";var Ty=i((t,e)=>{switch(e){case us.ALL:return!0;case us.UTXO:return t.type===mr.TRANSFER;case us.OTHER:return t.type!==mr.TRANSFER&&t.type!==mr.COSMOS&&t.type!==mr.EVM;default:return t.type===e}},"filterByType"),Zu=i((t,e,o)=>t.filter(n=>Ty(n,o)).filter(n=>Nt(n.name,e)||Nt(n.displayName,e)),"filterBlockchains");import{ImageContainer as wy,styled as Ru}from"@rango-dev/ui";var ec=Ru("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),dr=Ru("ul",{padding:0,margin:0,listStyle:"none",overflowY:"auto",paddingRight:"$5",[`& ${wy}`]:{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as xy,Skeleton as tc}from"@rango-dev/ui";import fr from"react";var vy=20;function oc(){return fr.createElement(dr,null,Array.from(Array(vy),t=>fr.createElement(xy,{key:t,hasDivider:!0,start:fr.createElement(tc,{variant:"circular",width:35,height:35}),title:fr.createElement(tc,{variant:"text",size:"large",width:90})})))}i(oc,"LoadingBlockchainList");function ms(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[s,a]=Wy(e),{fetchStatus:l}=g();Ey(()=>{a([...Zu(e,o,r)])},[e,o,r]);let p=i(()=>!s.length&&o?qe.createElement(qe.Fragment,null,qe.createElement(nc,{size:32}),qe.createElement(Iy,{title:cs.t("No results found"),description:cs.t("Try using different keywords")})):qe.createElement(dr,{key:`${r}-${o}`},s.map(u=>qe.createElement(Ay,{key:`${u.name}-${u.chainId}`,hasDivider:!0,onClick:()=>n(u),start:qe.createElement(by,{src:u.logo,size:30}),title:qe.createElement(rc,{variant:"title",size:"medium"},u.displayName),id:u.chainId}))),"renderList");return qe.createElement(ec,null,qe.createElement(rc,{variant:"label",size:"large"},cs.t("Select Blockchain")),qe.createElement(nc,{size:4}),l==="loading"&&qe.createElement(oc,null),l==="success"&&p())}i(ms,"BlockchainList");function fs(t){let{type:e}=t,o=wt(),[n,r]=sc(""),[s,a]=sc("ALL"),l=D.use.setToBlockchain(),p=D.use.setFromBlockchain(),u=g().fetchStatus,m=g().blockchains({type:e}),f=Ny(m)!==1;return ht.createElement(J,{header:{title:ic.t("Select Blockchain")}},ht.createElement(ds,{size:12}),f&&ht.createElement(ht.Fragment,null,ht.createElement(By,{setCategory:a,category:s,blockchains:m,isLoading:u==="loading"}),ht.createElement(ds,{size:24})),ht.createElement(dt,{value:n,autoFocus:!0,placeholder:ic.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:d=>r(d.target.value)}),ht.createElement(ds,{size:16}),ht.createElement(ms,{list:m,searchedFor:n,blockchainCategory:s,onChange:d=>{e==="source"?p(d):l(d),o()}}))}i(fs,"SelectBlockchainPage");import{i18n as Cr}from"@lingui/core";import{Divider as Ac}from"@rango-dev/ui";import io,{useState as Ky}from"react";import{useNavigate as Yy}from"react-router-dom";import{i18n as ys}from"@lingui/core";import{BlockchainsChip as gr,Divider as uc,Image as cc,Skeleton as _y,Tooltip as Dy,Typography as Ss}from"@rango-dev/ui";import de from"react";import{useEffect as My}from"react";var ac=["ETH","COSMOS","OSMOSIS"];function gs(t,e,o){let n=JSON.parse(JSON.stringify(t)),r=[];if(n.sort(Ly),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(Py(a)),r=n.splice(s)}return{list:n,more:r}}i(gs,"prepare");function Ly(t,e){let o=ac,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(Ly,"sortByMostUsedBlockchains");function Py(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(Py,"generateSortByPreferredBlockchainsFor");function lc(t,e){return!!e.list.find(o=>o.name===t)}i(lc,"isInVisibleList");function hs(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=g();My(()=>{if(e?.selected){let s=gs(t,o,e);lc(e.selected,s)||n(e?.selected)}},[e?.selected]);let r=gs(t,o,e);return{list:r.list,more:r.more,history:[]}}i(hs,"usePrepareBlockchainList");import{styled as $y}from"@rango-dev/ui";var pc=$y("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var Fy=12;function Cs(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:s}=t,a=hs(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(uc,{size:12}),de.createElement(Ss,{variant:"label",size:"large"},ys.t("Select Blockchain")),de.createElement(uc,{size:12}),de.createElement(pc,null,l==="loading"&&Array.from(Array(Fy),d=>de.createElement(_y,{key:d,variant:"rounded",height:50})),l==="success"&&de.createElement(de.Fragment,null,de.createElement(gr,{selected:!n,onClick:()=>{o==="from"?u():p()}},de.createElement(Ss,{variant:"body",size:"xsmall",color:"secondary500"},ys.t("All"))),a.list.map(d=>de.createElement(Dy,{key:d.name,content:d.shortName,side:"bottom",sideOffset:2,container:P()},de.createElement(gr,{key:d.name,selected:!!n&&n.name===d.name,onClick:()=>r(d)},de.createElement(cc,{src:d.logo,size:30})))),c?de.createElement(gr,{key:a.more[0].name,selected:!!n&&n.name===a.more[0].name,onClick:()=>r(a.more[0])},de.createElement(cc,{src:a.more[0].logo,size:30})):null,f?de.createElement(gr,{onClick:s,key:"more-blockchains"},de.createElement(Ss,{variant:"body",size:"xsmall",color:"secondary500"},ys._("More +{count}",{count:a.more.length}))):null)))}i(Cs,"BlockchainsSection");import{i18n as Ws}from"@lingui/core";import{darkTheme as Tc,Divider as ro,ExternalLinkIcon as zy,Image as qy,ListItemButton as Gy,NotFound as Qy,PinIcon as Hy,Skeleton as wc,Typography as Sr,VirtualizedList as Vy}from"@rango-dev/ui";import $,{forwardRef as jy,useEffect as xc,useState as vc}from"react";import{Divider as Cc,ListItem as Uy,Skeleton as $o}from"@rango-dev/ui";import Ze from"react";import{css as no,darkTheme as mc,ImageContainer as Oy,styled as Je,Typography as dc}from"@rango-dev/ui";var ks=no({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}),Ts=no({position:"relative",height:12,width:"30%",maxWidth:"150px"}),ws=no({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",bottom:"-8px"}),xs=no({transform:"translateY(12px)",visibility:"hidden","& a":{display:"flex",justifyContent:"center",alignItems:"center",fontSize:"$12",lineHeight:"$16",$$color:"$colors$neutral600",[`.${mc} &`]:{$$color:"$colors$neutral700"},color:"$$color",textDecoration:"none"}}),vs=no({}),bs=no(),fc=Je("div",{display:"flex",flexDirection:"column",flexGrow:1}),As=Je("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),hr=Je("ul",{flexGrow:1,padding:0,margin:0,listStyle:"none","& li":{alignItems:"none","&:hover":{[`& .${Ts}`]:{[`& .${xs}`]:{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",visibility:"visible"},[`& .${vs}`]:{bottom:"-15px"},[`& .${ks}`]:{position:"absolute",transform:"translateY(-12px)",visibility:"hidden"},[`& .${ws}`]:{position:"absolute",transform:"translateY(-12px)",bottom:"-10px"}}}}}),Is=Je("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),Es=Je(dc,{}),gc=Je("div",{textAlign:"right",width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",[`& .${bs}`]:{$$color:"$colors$neutral600",[`.${mc} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),yr=Je("div",{display:"flex",alignItems:"end",flexDirection:"column"}),fP=Je("div",{display:"flex",alignItems:"center"}),hc=Je("div",{position:"relative",[`& ${Oy}`]:{borderRadius:"$xm",overflow:"hidden"}}),yc=Je("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6}),Sc=Je(dc,{width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"});function kc(t){return Ze.createElement(hr,null,Array.from(Array(t.size),e=>Ze.createElement(Uy,{key:e,hasDivider:!0,start:Ze.createElement($o,{variant:"circular",width:35,height:35}),end:Ze.createElement(yr,null,Ze.createElement($o,{variant:"text",size:"large",width:70}),Ze.createElement(Cc,{size:4}),Ze.createElement($o,{variant:"text",size:"medium",width:50})),title:Ze.createElement("div",null,Ze.createElement($o,{variant:"text",size:"large",width:90}),Ze.createElement(Cc,{size:4}),Ze.createElement($o,{variant:"text",size:"medium",width:90}))})))}i(kc,"LoadingTokenList");var Ns=20,Xy=i(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:s,customCssForTagTitle:a}=t,l=e.length;return $.createElement("div",{className:Ts()},o?$.createElement("div",{className:ks()},o):$.createElement(As,{className:ws()},$.createElement(Sr,{variant:"title",size:"xmedium"},r.symbol),$.createElement(ro,{direction:"horizontal",size:4}),$.createElement(Is,{css:s},$.createElement(Es,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&$.createElement("div",{className:`${xs()} ${!o&&vs()}`},$.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(zy,{color:"gray",size:12}))))},"renderDesc");function bc(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[s,a]=vc(e),l=g().fetchStatus,p=g().blockchains(),[u,m]=vc(!0),{getBalanceFor:c,loading:f}=V(),{isTokenPinned:d}=g(),w=jy((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+Ns))},"loadNextPage");xc(()=>{m(e.length>s.length)},[s.length]),xc(()=>{a(e.slice(0,Ns))},[e]);let h=i(()=>!s.length&&o?$.createElement($.Fragment,null,$.createElement(ro,{size:32}),$.createElement(Qy,{title:Ws.t("No results found"),description:Ws.t("Try using different keywords")})):$.createElement(Vy,{Item:({index:C,style:k})=>{let T=s[C],b=tn(c(T)),S=T.address||"",I=p.find(L=>L.name===T.blockchain),A=Ln(T.symbol,I?.color||""),v={$$color:A[`${T.symbol}100`],[`.${Tc} &`]:{$$color:A[`${T.symbol}900`]},backgroundColor:"$$color"},x={$$color:A[`${T.symbol}700`],[`.${Tc} &`]:{$$color:A[`${T.symbol}100`]},color:"$$color"};return $.createElement("div",{style:{...k,paddingRight:5}},$.createElement(Gy,{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(hc,null,$.createElement(qy,{src:T.image,size:30}),d(T,t.type)&&$.createElement(yc,null,$.createElement(Hy,{size:12,color:"gray"}))),title:I?.type==="COSMOS"||T.name||!T.name&&!S?$.createElement(As,null,$.createElement(Sr,{variant:"title",size:"xmedium"},T.symbol),$.createElement(ro,{direction:"horizontal",size:4}),$.createElement(Is,{css:v},$.createElement(Es,{variant:"body",size:"xsmall",css:x},T.blockchain))):void 0,description:I?.info&&S&&I.type!=="COSMOS"?Xy({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(yr,null,$.createElement(wc,{variant:"text",size:"large",width:70}),$.createElement(ro,{size:4}),$.createElement(wc,{variant:"text",size:"medium",width:50})):b&&$.createElement(gc,null,$.createElement(Sc,{variant:"title",size:"small"},b.amount),$.createElement("div",null),b.usdValue&&$.createElement(Sr,{variant:"body",className:bs(),size:"xsmall"},`$${b.usdValue}`))}))},hasNextPage:u,itemCount:s.length,loadNextPage:y,innerElementType:w,size:60,key:`${r}-${o}`}),"renderList");return $.createElement(fc,null,$.createElement(Sr,{variant:"label",size:"large"},Ws.t("Select Token")),$.createElement(ro,{size:4}),l==="loading"&&$.createElement(kc,{size:Ns}),l==="success"&&$.createElement(hr,null,h()))}i(bc,"TokenList");function Bs(t){let{type:e}=t,o=Yy(),n=wt(),{fromBlockchain:r,toBlockchain:s,setFromToken:a,setToToken:l,setFromBlockchain:p,setToBlockchain:u}=D(),m=V.use.getBalanceFor(),[c,f]=Ky(""),{isTokenPinned:d}=g(),y=(e==="source"?r:s)?.name??"",h=g().blockchains({type:e}),C=g().tokens({type:e,blockchain:y,searchFor:c}),T=ha(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:Cr.t("Source"),destination:Cr.t("Destination")};return io.createElement(J,{header:{title:Cr.t("Swap {type}",{type:I[e]})}},io.createElement(Cs,{blockchains:h,type:e=="source"?"from":"to",blockchain:e==="source"?r:s,onMoreClick:()=>o(M.blockchains),onChange:A=>{b(A)}}),io.createElement(Ac,{size:24}),io.createElement(dt,{value:c,autoFocus:!0,placeholder:Cr.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>f(""),onChange:A=>f(A.target.value)}),io.createElement(Ac,{size:16}),io.createElement(bc,{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(Bs,"SelectSwapItemsPage");import{i18n as Ft}from"@lingui/core";import{ChevronRightIcon as Ms,Divider as $s,InfoIcon as rS,List as iS,ListItemButton as sS,Skeleton as aS,Switch as lS,Tooltip as pS,Typography as Ot}from"@rango-dev/ui";import X from"react";import{useNavigate as uS}from"react-router-dom";import{i18n as Lc}from"@lingui/core";import{Divider as eS,InfoIcon as tS,TextField as oS,Tooltip as nS,Typography as Pc}from"@rango-dev/ui";import We from"react";import{Chip as Jy,styled as _o,TextField as Zy}from"@rango-dev/ui";var Ic=_o("div",{paddingTop:"$5",padding:"$10 $5"}),Ec=_o("div",{display:"flex",flexWrap:"wrap",gap:"$10",[`& ${Zy}`]:{flex:"1 1 0",maxWidth:"127px",minWidth:"85px"}}),Wc=_o("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),kr=_o("div",{maxWidth:"280px",padding:"$10"}),Nc=_o(Jy,{width:"61px",flexShrink:0});import{i18n as Ls}from"@lingui/core";import{Typography as Ry}from"@rango-dev/ui";import Do from"react";function Bc(){return Do.createElement(kr,null,Do.createElement(Ry,{variant:"label",size:"medium",color:"neutral700"},Ls.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),Do.createElement("br",null),Do.createElement("br",null),Do.createElement("b",null,Ls.t("Warning")),":",Ls.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(Bc,"SlippageTooltipContent");function Ps(){let{slippage:t,setSlippage:e,customSlippage:o,setCustomSlippage:n}=g();return We.createElement(Ic,null,We.createElement(Wc,null,We.createElement(Pc,{variant:"title",size:"xmedium"},Lc.t("Slippage tolerance per swap")),We.createElement(eS,{direction:"horizontal",size:4}),We.createElement(nS,{container:P(),side:"top",sideOffset:4,content:We.createElement(Bc,null)},We.createElement(tS,{color:"gray"}))),We.createElement(Ec,null,Ea.map((r,s)=>{let a=`slippage-${s}`;return We.createElement(We.Fragment,null,We.createElement(Nc,{key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`}))}),We.createElement(oS,{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<=Ba?n(a):n(null)},suffix:o&&We.createElement(Pc,{variant:"body",size:"small"},"%"),placeholder:Lc.t("Custom")})))}i(Ps,"Slippage");function Mc(){let t=uS(),{theme:e}=g().config,o=g().fetchStatus,n=g().swappers(),r=g().disabledLiquiditySources,{config:{features:s}}=g(),a=Pe("theme",s),l=Pe("liquiditySource",s),p=Pe("language",s),u=g().infiniteApprove,m=g().toggleInfiniteApprove,c=sn(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(aS,{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($s,{direction:"horizontal",size:8}),X.createElement(Ms,{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($s,{direction:"horizontal",size:8}),X.createElement(Ms,{color:"gray"})),onClick:()=>t(M.exchanges)},S={id:"theme-item",title:X.createElement(Ot,{variant:"title",size:"xmedium"},Ft.t("Theme")),end:X.createElement(Ms,{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($s,{direction:"horizontal",size:4}),X.createElement(pS,{side:"top",sideOffset:4,container:P(),content:X.createElement(kr,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(rS,{color:"gray"}))),end:X.createElement(lS,{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(Ps,null),X.createElement(iS,{type:X.createElement(sS,{title:"_",id:"_",onClick:()=>console.log()}),items:A})))}i(Mc,"SettingsPage");import{cancelSwap as ZS}from"@rango-dev/queue-manager-rango-preset";import{useManager as RS}from"@rango-dev/queue-manager-react";import gm from"react";import{i18n as yt}from"@lingui/core";import{getCurrentBlockchainOfOrNull as MS,getCurrentStep as $S,getRelatedWalletOrNull as _S}from"@rango-dev/queue-manager-rango-preset";import{Button as am,CopyIcon as DS,Divider as FS,IconButton as OS,LinkIcon as US,QuoteCost as zS,StepDetails as qS,Typography as ao,useCopyToClipboard as GS}from"@rango-dev/ui";import{useWallets as QS}from"@rango-dev/wallets-react";import lm from"bignumber.js";import{PendingSwapNetworkStatus as Br}from"rango-types";import Y,{useEffect as pm,useRef as HS,useState as um}from"react";import{useNavigate as VS}from"react-router-dom";import{i18n as Et}from"@lingui/core";var cS=[Et.t("Sunday"),Et.t("Monday"),Et.t("Tuesday"),Et.t("Wednesday"),Et.t("Thursday"),Et.t("Friday"),Et.t("Saturday")];function $c(t){let e=new Date(t),o=e.getDate(),n=e.toLocaleString("default",{month:"long"}),r=e.getFullYear();return`${e.getDay()===new Date().getDay()?Et.t("Today"):`${cS[e.getDay()]} ${o} ${n} ${r}`}, ${new Date(t).toLocaleTimeString()}`}i($c,"timeSince");function _c(t){return t.finishTime?$c(parseInt(t.finishTime)):$c(parseInt(t.creationTime))}i(_c,"getSwapDate");import{Modal as SS}from"@rango-dev/ui";import{PendingSwapNetworkStatus as xr}from"rango-types";import vr from"react";import{i18n as Tr}from"@lingui/core";import{Button as Dc,Divider as _s,MessageBox as mS,Typography as Fc}from"@rango-dev/ui";import lt from"react";var Oc=i(({onCancel:t,onClose:e})=>lt.createElement(lt.Fragment,null,lt.createElement(_s,{size:20}),lt.createElement(mS,{type:"error",title:Tr.t("Cancel Swap"),description:Tr.t("Are you sure you want to cancel this swap?")}),lt.createElement(_s,{size:32}),lt.createElement(Dc,{variant:"contained",type:"primary",size:"large",onClick:t},lt.createElement(Fc,{variant:"title",size:"medium",color:"neutral100"},Tr.t("Yes, Cancel it"))),lt.createElement(_s,{size:12}),lt.createElement(Dc,{variant:"outlined",type:"primary",size:"large",onClick:e},lt.createElement(Fc,{variant:"title",size:"medium",color:"primary"},Tr.t("No, Continue")))),"CancelContent");import{i18n as wr}from"@lingui/core";import{Button as Uc,Divider as Ds,MessageBox as dS,Typography as zc}from"@rango-dev/ui";import pt from"react";var qc=i(({onDelete:t,onClose:e})=>pt.createElement(pt.Fragment,null,pt.createElement(Ds,{size:20}),pt.createElement(dS,{type:"error",title:wr.t("Delete Transaction"),description:wr.t("Are you sure you want to delete this swap?")}),pt.createElement(Ds,{size:32}),pt.createElement(Uc,{variant:"contained",type:"primary",size:"large",onClick:t},pt.createElement(zc,{variant:"title",size:"medium",color:"neutral100"},wr.t("Yes, Delete it"))),pt.createElement(Ds,{size:12}),pt.createElement(Uc,{variant:"outlined",type:"primary",size:"large",onClick:e},pt.createElement(zc,{variant:"title",size:"medium",color:"primary"},wr.t("No, Cancel")))),"DeleteContent");import{i18n as Fs}from"@lingui/core";import{PendingSwapNetworkStatus as Os}from"rango-types";var Us={[Os.WaitingForNetworkChange]:{type:"loading",title:Fs.t("Change Network")},[Os.WaitingForConnectingWallet]:{type:"warning",title:Fs.t("Connect Wallet")},[Os.NetworkChanged]:{type:"success",title:Fs.t("Network Changed")}};import{MessageBox as gS,Wallet as hS}from"@rango-dev/ui";import{useWallets as yS}from"@rango-dev/wallets-react";import Fo from"react";import{styled as fS}from"@rango-dev/ui";var Gc=fS("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}=yS(),u=n?.walletType,m=u?Or(p(u)):null,c=u?l(u):null;return Fo.createElement(Fo.Fragment,null,Fo.createElement(gS,{type:e,title:o,description:r}),s&&!!u&&!!m&&!!c&&Fo.createElement(Gc,null,Fo.createElement(hS,{container:P(),title:c.name,image:c.img,type:u,state:m,link:c.installLink,onClick:async()=>a(u)})))},"WalletStateContent");function zs(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:s,message:a}=t,l=e===xr.WaitingForNetworkChange||e===xr.WaitingForConnectingWallet||e===xr.NetworkChanged;return vr.createElement(SS,{open:!!e,onClose:o,container:document.getElementById(xe)||document.body},l&&vr.createElement(Qc,{type:Us[e].type,title:Us[e].title,currentStepWallet:s,message:a,showWalletButton:e!==xr.WaitingForNetworkChange}),e==="delete"&&vr.createElement(qc,{onClose:o,onDelete:n}),e==="cancel"&&vr.createElement(Oc,{onClose:o,onCancel:r}))}i(zs,"SwapDetailsModal");import{i18n as Oo}from"@lingui/core";import{Button as qs,Divider as br,MessageBox as Hc,Modal as CS,TokenAmount as kS,Typography as Ar}from"@rango-dev/ui";import ge from"react";import{useNavigate as TS}from"react-router-dom";function Gs(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=TS();return ge.createElement(CS,{open:e,onClose:o,container:document.getElementById(xe)||document.body},n==="success"?ge.createElement(Hc,{type:"success",title:Oo.t("Swap Successful")},ge.createElement(kS,{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(br,{size:12}),ge.createElement(Ar,{variant:"body",size:"medium",color:"neutral700",align:"center"},c)):ge.createElement(Hc,{type:"error",title:Oo.t("Transaction Failed"),description:c}),ge.createElement(br,{size:32}),n==="success"&&ge.createElement(qs,{variant:"contained",type:"primary",size:"large",onClick:()=>{d("../../")}},ge.createElement(Ar,{variant:"title",size:"medium",color:"neutral100"},Oo.t("Done"))),ge.createElement(br,{size:12}),f&&ge.createElement(ge.Fragment,null,ge.createElement(qs,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(f,"_blank")},ge.createElement(Ar,{variant:"title",size:"medium",color:"primary"},Oo.t("Diagnosis"))),ge.createElement(br,{size:12})),ge.createElement(qs,{variant:"outlined",type:"primary",size:"large",onClick:o},ge.createElement(Ar,{variant:"title",size:"medium",color:"primary"},Oo.t("See Details"))))}i(Gs,"SwapDetailsCompleteModal");import LS from"react";import{i18n as ES}from"@lingui/core";import{Alert as Jc,IconButton as WS,LinkIcon as NS}from"@rango-dev/ui";import Wt,{Fragment as BS}from"react";import{Alert as wS,ChevronDownIcon as xS,ChevronUpIcon as vS,IconButton as bS}from"@rango-dev/ui";import Ir,{useState as AS}from"react";function Vc(t){let{message:e}=t,[o,n]=AS(!1);return Ir.createElement(wS,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&Ir.createElement(bS,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?Ir.createElement(vS,{size:12,color:"gray"}):Ir.createElement(xS,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}i(Vc,"FailedAlert");import{styled as IS}from"@rango-dev/ui";var jc=IS("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as Xc}from"@lingui/core";import{Alert as Qs,Button as Kc}from"@rango-dev/ui";import{PendingSwapNetworkStatus as Hs}from"rango-types";import Uo from"react";function Yc(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?Uo.createElement(Qs,{type:"warning",title:n.shortMessage,action:Uo.createElement(Kc,{size:"xxsmall",type:"warning",onClick:()=>{o(Hs.WaitingForNetworkChange),e().catch(s=>{console.log(s)})}},Xc.t("Change"))}):r===Hs.WaitingForConnectingWallet?Uo.createElement(Qs,{type:"warning",title:n.shortMessage,action:Uo.createElement(Kc,{size:"xxsmall",type:"warning",onClick:()=>{o(Hs.WaitingForConnectingWallet)}},Xc.t("Connect"))}):Uo.createElement(Qs,{type:"warning",title:n.shortMessage})}i(Yc,"WarningAlert");function Vs(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:s,hasAlreadyProceededToSign:a}=t,l=ho(s),p=s.status==="waitingForApproval"&&!l,u=s.status==="running"&&!l,m=u&&!a||p&&!s.explorerUrl?.length;return Wt.createElement(jc,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(BS,{key:w},Wt.createElement(Jc,{type:y&&(h&&"loading"||C&&"error")||"success",title:c.description?`${c.description} Tx`:ES.t("View transaction"),action:c.url&&Wt.createElement(WS,{variant:"ghost",size:"xsmall",onClick:()=>window.open(c.url,"_blank")},Wt.createElement(NS,{size:12}))}))}),m&&Wt.createElement(Jc,{type:"loading",title:r.shortMessage}),s.status!=="failed"&&l&&Wt.createElement(Yc,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),s.status==="failed"&&Wt.createElement(Vc,{message:r}))}i(Vs,"SwapDetailsAlerts");var Zc=2e3;var Rc=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:Me(s.fromBlockchain,e)??"",image:s.fromBlockchainLogo??""},price:{value:E(l,6,6),realValue:l}},to:{token:{displayName:s.toSymbol,image:s.toLogo},chain:{displayName:Me(s.toBlockchain,e)??"",image:s.toBlockchainLogo??""},price:{value:E(s.outputAmount||s.expectedOutputAmountHumanReadable,6,6),realValue:s.outputAmount||s.expectedOutputAmountHumanReadable}},swapper:{displayName:go(s.swapperId,o),image:s.swapperLogo??"",type:s.swapperType},internalSwaps:s.internalSwaps?s.internalSwaps.map(p=>({from:{blockchain:Me(p.fromBlockchain,e)??""},to:{blockchain:Me(p.toBlockchain,e)??""},swapper:{displayName:go(p.swapperId,o),image:p.swapperLogo??"",type:p.swapperType}})):[],alerts:LS.createElement(Vs,{step:s,hasAlreadyProceededToSign:r,...n})}})},"getSteps");function em(t){if(ho(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(em,"getStepState");import{css as zo,darkTheme as PS,styled as Ut}from"@rango-dev/ui";var Er=Ut("div",{display:"flex",width:"100%",flexDirection:"column",alignItems:"center",height:"0",flexGrow:1}),Wr=Ut("div",{width:"100%"}),tm=Ut("div",{padding:"$0 $20 $20 $20",width:"100%",overflow:"auto"}),R$=Ut("div",{display:"flex",flexDirection:"column",gap:"$10"}),om=Ut("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),e_=Ut("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1}),so=zo({display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",padding:"$10 $20",borderBottom:"1px solid",$$color:"$colors$neutral300",[`.${PS} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color",color:"$neutral500"}),nm=zo({padding:"$5 0"}),Nr=zo({display:"flex",justifyContent:"center",alignItems:"center",height:"$24"}),rm=zo({display:"flex",width:"100%",padding:"$15 $20 $20",flexDirection:"column",alignItems:"start"}),im=zo({width:"100%",padding:"0 $20 $10"}),sm=Ut("a",{fontSize:"$16",fontWeight:"$400",color:"$neutral700",display:"flex",alignItems:"center",justifyContent:"center"});function js(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:s,connect:a,getWalletInfo:l}=QS(),p=g().blockchains(),u=g().swappers(),m=g().tokens(),c=D.use.retry(),f=VS(),[d,w]=GS(Zc),y=HS(null),[h,C]=um(null),[k,T]=um(null),b=i(()=>{r(),C(null)},"onCancel"),S=Fe.use.getUnreadNotifications(),I=Fe.use.setAsRead(),A=S(),v=$S(e),x=v?.networkStatus;pm(()=>{A.find(Be=>Be.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(T(e.status),I(e.requestId))},[e.status]),pm(()=>{re?C(Br.WaitingForNetworkChange):x===Br.WaitingForConnectingWallet||x===Br.NetworkChanged?C(x):C(null)},[x]);let L=Ja(e),U=v?MS(e,v):null,W=v?_S(e,v):null,F=_c(e),_=Za(e),K=i(He=>!!l(He)?.mobileWallet,"isMobileWallet"),re=x===Br.WaitingForNetworkChange&&!!U&&!!W?.walletType&&(K(W.walletType)||s(W.walletType,U)),ae=re?a.bind(null,W.walletType,U):void 0,he=Ya(e,v),te=Rc({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]],Ne=Ge.outputAmount||Ge.expectedOutputAmountHumanReadable,zt=e.steps.reduce((He,Be)=>He+parseFloat(Be.feeInUsd||""),0),po=e.steps.find(He=>He.diagnosisUrl)?.diagnosisUrl,O=E(parseFloat(E(Ne,6,6))*(Ge.toUsdPrice||0),4,4),G=E(parseFloat(e.inputAmount)*(we.fromUsdPrice||0),4,4),Q=Ne?ie(new lm(Ne).multipliedBy(Ge.toUsdPrice||0)):"",Ie=ie(new lm(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(Ne,6,6),token:te[Z-1].to.token.displayName,conciseAddress:on(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(am,{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(am,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{c(e,{blockchains:p,tokens:m}),setTimeout(()=>{f("../../")},0)}},yt.t("Try again"))},Y.createElement(Er,null,Y.createElement(Wr,null,Y.createElement("div",{className:so()},Y.createElement(ao,{variant:"label",size:"large",color:"neutral700"},`${yt.t("Request ID")}:`),Y.createElement("div",{className:Nr()},Y.createElement(ao,{variant:"label",size:"small",color:"neutral700"},o),Y.createElement(OS,{variant:"ghost",onClick:w.bind(null,o||"")},Y.createElement(DS,{size:16,color:"gray"})),Y.createElement(sm,{target:"_blank",href:`${ia}/swap/${o}`},Y.createElement(US,{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:rm()},Y.createElement(zS,{fee:E(String(zt),2,2),time:Xo(Ko(e.steps)),steps:Z}),Y.createElement(xo,{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(Ne,6,6),usdValue:O,realUsdValue:Q,realValue:Ne},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:im()},Y.createElement(ao,{variant:"title",size:"small"},yt.t("Swaps steps"))),Y.createElement(FS,{size:8}),Y.createElement(tm,{ref:y},te.map((He,Be)=>{let oa=Be,uo=em(e.steps[Be]),Bm=uo==="error"||uo==="in-progress"||uo==="warning"||uo==="completed"&&Be===te.length-1;return Y.createElement(qS,{key:oa,step:He,type:"swap-progress",ref:y,state:uo,hasSeparator:Be!==0,tabIndex:oa,isFocused:Bm,tooltipContainer:P()})}))),Y.createElement(zs,{state:h,onClose:()=>C(null),onCancel:b,onDelete:n,message:he.detailedMessage.content,currentStepWallet:W}),Y.createElement(Gs,{open:!!k,diagnosisUrl:po,onClose:()=>T(null),status:e.status==="success"?"success":"failed",priceValue:E(Ne,6,6),usdValue:O,realUsdValue:Q,realValue:ie(Ne),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(js,"SwapDetails");import{i18n as Pr}from"@lingui/core";import{Divider as dm,NotFound as JS,Skeleton as Go,Typography as Mr}from"@rango-dev/ui";import le from"react";import{i18n as jS}from"@lingui/core";import{Divider as XS,Skeleton as KS,Typography as YS}from"@rango-dev/ui";import pe from"react";import{css as Re,styled as Xs}from"@rango-dev/ui";var cm=Xs("div",{width:"100%",height:"100%",padding:"$10 $20"}),qo=Xs("div",{backgroundColor:"$neutral100",borderRadius:"$xm",padding:"$10 $15"}),Lr=Xs("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"}),mm=Re({display:"flex",paddingTop:"$10",paddingBottom:"$5"});function Ks(){return pe.createElement(cm,null,pe.createElement(Ao,{type:"swap-preview"}),pe.createElement("div",{className:"swaps-steps"},pe.createElement(YS,{variant:"title",size:"small"},jS.t("Swaps steps"))),pe.createElement(pe.Fragment,null,pe.createElement(qo,null,pe.createElement(st,{separator:!1}),pe.createElement("div",{className:mm()},pe.createElement(XS,{direction:"horizontal",size:20}),pe.createElement(KS,{height:22,variant:"rectangular"}))),pe.createElement(Lr,null),pe.createElement(qo,null,pe.createElement(st,{separator:!1})),pe.createElement(Lr,null),pe.createElement(qo,null,pe.createElement(st,{separator:!1})),pe.createElement(Lr,null),pe.createElement(qo,null,pe.createElement(st,{separator:!1}))))}i(Ks,"LoadingSwapDetails");function fm(t){let{requestId:e,showSkeleton:o}=t;return le.createElement(J,{noPadding:!0,header:{title:Pr.t("Swap and Bridge"),suffix:le.createElement(Xt,null)}},o&&le.createElement(Er,null,le.createElement(Wr,null,le.createElement("div",{className:so()},le.createElement(Mr,{variant:"label",size:"large",color:"neutral700"},`${Pr.t("Request ID")}:`),le.createElement("div",{className:Nr()},le.createElement(Mr,{variant:"label",size:"small",color:"neutral700"},le.createElement(Go,{width:60,height:10,variant:"rounded"})),le.createElement(dm,{direction:"horizontal",size:4}),le.createElement(Go,{width:16,height:16,variant:"rectangular"}),le.createElement(dm,{direction:"horizontal",size:4}),le.createElement(Go,{width:16,height:16,variant:"rectangular"}))),le.createElement("div",{className:so()},le.createElement(Mr,{className:nm(),variant:"label",size:"large",color:"neutral700"},le.createElement(Go,{width:60,height:10,variant:"rounded"})),le.createElement(Mr,{variant:"label",size:"small",color:"neutral700"},le.createElement(Go,{width:60,height:10,variant:"rounded"})))),le.createElement(Ks,null)),!o&&le.createElement(om,null,le.createElement(JS,{title:Pr.t("Not found"),description:Pr.t({id:"Swap with request ID = {requestId} not found.",values:{requestId:e}})})))}i(fm,"SwapDetailsPlaceholder");function hm(){let{manager:t,state:e}=RS(),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&&ZS(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?gm.createElement(fm,{requestId:r||"",showSkeleton:l}):gm.createElement(js,{swap:c,requestId:r||"",onCancel:u,onDelete:m})}i(hm,"SwapDetailsPage");import{i18n as Qo}from"@lingui/core";import{AutoThemeIcon as eC,DarkModeIcon as tC,LightModeIcon as oC,List as nC,ListItemButton as rC,Radio as Ys,RadioRoot as iC,Typography as Js}from"@rango-dev/ui";import be from"react";function ym(){let{setTheme:t,theme:e}=g(),o=[{id:"light",value:"light",title:be.createElement(Js,{variant:"title",size:"xmedium"},Qo.t("Light")),onClick:()=>t("light"),start:be.createElement(oC,{color:"gray"}),end:be.createElement(Ys,{value:"light"})},{id:"dark",value:"dark",title:be.createElement(Js,{variant:"title",size:"xmedium"},Qo.t("Dark")),onClick:()=>t("dark"),start:be.createElement(tC,{color:"gray"}),end:be.createElement(Ys,{value:"dark"})},{id:"auto",value:"auto",title:be.createElement(Js,{variant:"title",size:"xmedium"},Qo.t("Auto")),onClick:()=>t("auto"),start:be.createElement(eC,{color:"gray"}),end:be.createElement(Ys,{value:"auto"})}];return be.createElement(J,{header:{title:Qo.t("Theme")}},be.createElement(ft,null,be.createElement(iC,{onValueChange:n=>t(n),value:e},be.createElement(nC,{type:be.createElement(rC,{title:Qo.t("Theme"),id:"_",onClick:()=>console.log()}),items:o}))))}i(ym,"ThemePage");function Sm(){return sC([{path:M.home,element:Ae.createElement(ju,null)},{path:M.fromSwap,children:[{index:!0,element:Ae.createElement(Bs,{type:"source"})},{path:M.blockchains,element:Ae.createElement(fs,{type:"source"})}]},{path:M.toSwap,children:[{index:!0,element:Ae.createElement(Bs,{type:"destination"})},{path:M.blockchains,element:Ae.createElement(fs,{type:"destination"})}]},{path:M.settings,children:[{index:!0,element:Ae.createElement(Mc,null)},{path:M.themes,element:Ae.createElement(ym,null)},{path:M.languages,element:Ae.createElement(Ku,null)},{path:M.exchanges,element:Ae.createElement(ps,{sourceType:"Exchanges"})},{path:M.bridges,element:Ae.createElement(ps,{sourceType:"Bridges"})}]},{path:M.swaps,children:[{index:!0,element:Ae.createElement(qu,null)},{path:M.swapDetails,element:Ae.createElement(hm,null)}]},{path:M.wallets,element:Ae.createElement(op,null)},{path:M.confirmSwap,element:Ae.createElement(Pu,null)}])}i(Sm,"AppRoutes");import{isApprovalTX as aC,MainEvents as km,RouteEventType as Tm,StepEventType as lo,StepExecutionEventStatus as lC,useEvents as pC}from"@rango-dev/queue-manager-rango-preset";import{useEffect as wm}from"react";import{StepExecutionBlockedEventStatus as Zs}from"@rango-dev/queue-manager-rango-preset";var Cm=[Zs.WAITING_FOR_CHANGE_WALLET_ACCOUNT,Zs.WAITING_FOR_NETWORK_CHANGE,Zs.WAITING_FOR_WALLET_CONNECT];function xm(){let t=g().tokens(),e=V.use.connectedWallets(),o=V.use.getWalletsDetails(),n=Fe.use.setNotification(),r=Fe.use.setAsRead(),s=pC();return wm(()=>(s.on(km.StepEvent,a=>{let{event:l,step:p,route:u}=a;if(l.type===lo.TX_EXECUTION&&l.status===lC.TX_SENT&&!aC(p)||l.type===lo.SUCCEEDED){let c=e.find(d=>d.chain===p?.fromBlockchain),f=p?.fromBlockchain!==p?.toBlockchain&&e.find(d=>d.chain===p?.toBlockchain);c&&o([c],t),f&&o([f],t)}l.type===lo.TX_EXECUTION_BLOCKED&&Cm.includes(l.status)||l.type===lo.FAILED?n(l,u):(l.type===lo.TX_EXECUTION||l.type===lo.CHECK_STATUS)&&r(u.requestId)}),()=>s.all.clear()),[s,e.length]),wm(()=>(s.on(km.RouteEvent,a=>{let{event:l,route:p}=a;(l.type===Tm.FAILED||l.type===Tm.SUCCEEDED)&&n(l,p)}),()=>s.all.clear()),[s,e.length]),null}i(xm,"WidgetEvents");import{globalCss as uC}from"@rango-dev/ui";var vm=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 bm=cC("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 $r(){vm();let{config:t}=g(),{activeTheme:e}=Pn(t?.theme||{}),{activeLanguage:o}=oo(),[n,r]=Am(""),[s,a]=Am(),l=dC(kn);return fC(()=>{Fe.persist.rehydrate(),l.onConnectWallet(r)},[]),Ho.createElement(mC,{language:o},Ho.createElement(bm,{id:"swap-container",className:e()},Ho.createElement(xm,null),Ho.createElement(ml,{lastConnectedWallet:n,disconnectedWallet:s,clearDisconnectedWallet:()=>{a(void 0)}},Ho.createElement(Sm,null))))}i($r,"Main");import ea,{useMemo as LC}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||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(kC),y=i(k=>{let{supportedChains:T}=a(k);return Zo(T)},"getSupportedChainNames"),h=e(),C={meta:{blockchains:d,evmBasedChains:w,evmNetworkChainInfo:CC(w),getSupportedChainNames:y},getSigners:o,wallets:m,providers:h,switchNetwork:c,canSwitchNetworkTo:s,connect:r,state:n,isMobileWallet:f};return TC.createElement(yC,{queuesDefs:[l],context:C,onPersistedDataLoaded:k=>{gC(k)},isPaused:!1},t.children)}i(xC,"QueueManager");var Im=xC;import{useManager as EC}from"@rango-dev/queue-manager-react";import WC,{createContext as NC,useContext as BC}from"react";import{cancelSwap as vC,getCurrentBlockchainOfOrNull as bC,getCurrentStep as AC,getRelatedWalletOrNull as IC}from"@rango-dev/queue-manager-rango-preset";var Vo=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&&vC(o)}getCurrentStepInfo(e){let o=AC(e);return{step:o,wallet:o?IC(e,o):null,network:o?bC(e,o):null}}};i(Vo,"WidgetHistory");var Em=NC(void 0);function Rs(t){let{manager:e}=EC(),o=D.use.retry(),n=new Vo(e,{retrySwap:o}),r=V.use.connectedWallets(),s=V.use.loading(),a=ga(r),l=V.use.getWalletsDetails(),p=g().blockchains(),u=g().tokens(),m=g().swappers(),c=g().fetchStatus,f=oo().resetLanguage,d={history:n,wallets:{isLoading:s,details:r,totalBalance:a,refetch:l},meta:{blockchains:p,tokens:u,swappers:m,loadingStatus:c},resetLanguage:f};return WC.createElement(Em.Provider,{value:d},t.children)}i(Rs,"WidgetInfo");function Wm(){let t=BC(Em);if(!t)throw new Error("useWidget can only be used within the WidgetProvider component");return t}i(Wm,"useWidget");function _r(t){let{onUpdateState:e,config:o}=t;return LC(()=>{ka({API_KEY:o?.apiKey||jo,BASE_URL:o?.apiUrl||ra})},[o.apiKey,o.apiUrl]),ea.createElement(Tn,{config:o,onUpdateState:e},ea.createElement(Im,{apiKey:o.apiKey},ea.createElement(Rs,null,t.children)))}i(_r,"WidgetProvider");function Nm(t){return t.config?.externalWallets?ta.createElement($r,null):ta.createElement(_r,{config:t.config??Dr},ta.createElement($r,null))}i(Nm,"Widget");export{m1 as MainEvents,w1 as Networks,b1 as PendingSwapNetworkStatus,d1 as RouteEventType,f1 as StepEventType,g1 as StepExecutionBlockedEventStatus,h1 as StepExecutionEventStatus,k1 as WalletEvents,x1 as WalletTypes,Nm as Widget,_r as WidgetProvider,Tn as WidgetWallets,ci as customizedThemeTokens,C1 as readAccountAddress,up as useWallets,Wm as useWidget,y1 as useWidgetEvents};
|
|
2
3
|
//# sourceMappingURL=index.js.map
|