@rango-dev/widget-embedded 0.20.1-next.0 → 0.20.1-next.1
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/ConfirmWalletsModal.d.ts.map +1 -1
- package/dist/components/ConfirmWalletsModal/WalletList.d.ts.map +1 -1
- package/dist/components/Layout/Layout.d.ts.map +1 -1
- package/dist/components/SwapDetailsModal/SwapDetailsCompleteModal.d.ts.map +1 -1
- package/dist/components/SwapDetailsModal/SwapDetailsModal.d.ts.map +1 -1
- package/dist/components/WalletModal/WalletModal.d.ts.map +1 -1
- package/dist/constants/index.d.ts +1 -0
- package/dist/constants/index.d.ts.map +1 -1
- package/dist/containers/App/App.styles.d.ts.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +4 -4
- package/dist/utils/common.d.ts.map +1 -1
- package/package.json +2 -2
- package/src/components/ConfirmWalletsModal/ConfirmWalletsModal.tsx +4 -1
- package/src/components/ConfirmWalletsModal/WalletList.tsx +4 -1
- package/src/components/Layout/Layout.styles.ts +3 -3
- package/src/components/Layout/Layout.tsx +9 -2
- package/src/components/SwapDetailsModal/SwapDetailsCompleteModal.tsx +3 -1
- package/src/components/SwapDetailsModal/SwapDetailsModal.tsx +3 -1
- package/src/components/WalletModal/WalletModal.tsx +3 -1
- package/src/constants/index.ts +1 -0
- package/src/containers/App/App.styles.ts +1 -2
- package/src/utils/common.ts +3 -1
package/dist/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var Fu=Object.defineProperty;var i=(t,e)=>Fu(t,"name",{value:e,configurable:!0});import{MainEvents as j_,RouteEventType as K_,StepEventType as X_,StepExecutionBlockedEventStatus as Y_,StepExecutionEventStatus as J_,useEvents as Z_}from"@rango-dev/queue-manager-rango-preset";import{readAccountAddress as eD,useWallets as Tl,Events as tD}from"@rango-dev/wallets-react";import{Networks as nD,WalletTypes as rD}from"@rango-dev/wallets-shared";import{PendingSwapNetworkStatus as sD}from"rango-types";import{Events as Lr,Provider as km}from"@rango-dev/wallets-react";import{isEvmBlockchain as Tm}from"rango-sdk";import rn,{createContext as wm,useEffect as va,useRef as xm}from"react";import{useEffect as en,useLayoutEffect as ka,useMemo as tn,useRef as on}from"react";import nm,{createContext as rm,useContext as im,useEffect as sm,useRef as am}from"react";import{create as tm}from"zustand";import{persist as om}from"zustand/middleware";var mr={apiKey:"",multiWallets:!0,enableNewLiquiditySources:!0,customDestination:!0},Ts=i((t,e,o)=>({config:{...mr,...t},updateConfig:n=>{let r=o().config;e({config:{...r,...n}})}}),"createConfigSlice");import{RangoClient as Ou}from"rango-sdk";var No="c6381a79-2817-4602-83bf-6a641a409e32",ws="https://api.rango.exchange";var dr={API_KEY:No};function Pt(t){return dr[t]||""}i(Pt,"getConfig");function xs(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),dr=e,dr}i(xs,"initConfig");var vs=20,bs=25,As="Roboto",fr="theme-widget";var Bo,$t=i(()=>Bo||(Bo=new Ou(Pt("API_KEY"),Pt("BASE_URL")),Bo),"httpService");function Mt(t){return Array.from(new Set(t))}i(Mt,"removeDuplicateFrom");function gr(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}i(gr,"areEqual");function Es(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}i(Es,"debounce");function wt(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}i(wt,"containsText");var j=i(()=>document.getElementById("swap-box"),"getContainer");function Po(t,e){let o=t.map(s=>s.swapperGroup),n=[];return Mt(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(Po,"getUniqueSwappersGroups");function Is(t,e){return t.swapperGroup<e.swapperGroup?-1:t.swapperGroup>e.swapperGroup?1:0}i(Is,"sortLiquiditySourcesByGroupTitle");function We(t,e){return e?.[t]==="hidden"}i(We,"isFeatureHidden");function $o(t,e){return e?.[t]==="enabled"}i($o,"isFeatureEnabled");import{WalletState as Ke}from"@rango-dev/ui";import{readAccountAddress as zu}from"@rango-dev/wallets-react";import{detectInstallLink as Gu,getCosmosExperimentalChainInfo as Hu,isEvmAddress as Qu,KEPLR_COMPATIBLE_WALLETS as eC,Networks as Ns}from"@rango-dev/wallets-shared";import hr from"bignumber.js";import{isCosmosBlockchain as Vu}from"rango-types";import Uu from"bignumber.js";var Ae=new Uu(0);import{WalletTypes as qu}from"@rango-dev/wallets-shared";var Ws=[qu.LEAP];import{BigNumber as Ls}from"bignumber.js";var Mo=i(t=>{let e=(t%60).toString().padStart(2,"0");return`${parseInt((t/60).toString()).toString().padStart(2,"0")}:${e}`},"secondsToString"),W=i((t,e=null,o=null)=>{if(t==null||t==="")return"";let n=new Ls(t),r=1,s=1e3;for(let a=0;a<60;a++)if(new Ls(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 _o=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"),eo=i(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function Do(t,e=4){let o=parseFloat(t);if(isNaN(o))return t;let n=Math.pow(10,e);return(Math.round(o*n)/n).toString()}i(Do,"limitDecimalPlaces");function yr(t){switch(!0){case t.connected:return Ke.CONNECTED;case t.connecting:return Ke.CONNECTING;case!t.installed:return Ke.NOT_INSTALLED;default:return Ke.DISCONNECTED}}i(yr,"mapStatusToWalletState");function Bs(t,e,o,n){return o.filter(r=>!Ws.includes(r)).filter(r=>{let{supportedChains:s,isContractWallet:a}=e(r),{installed:l,network:p}=t(r);return a&&(!l||!!n&&p!==n)?!1:n?!!s.find(u=>u.name===n):!0}).map(r=>{let{name:s,img:a,installLink:l}=e(r),p=yr(t(r));return{title:s,image:a,link:Gu(l),state:p,type:r}})}i(Bs,"mapWalletTypesToWalletInfo");function Uo(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}i(Uo,"walletAndSupportedChainsNames");function Ps(t,e,o,n,r){let s=[];function a(p,c){if(!!!s.find(m=>m.chain===p)){let m={address:c,chain:p,walletType:t};s.push(m)}}i(a,"addAccount");let l=n||[];return e.forEach(p=>{let{address:c,network:u}=zu(p),m=l.length>0,g=l.includes(u),f=u===Ns.Unknown;if(m&&!g&&!f)return;let S=u===Ns.Unknown&&Qu(c);if(f&&!S)return;o.includes(u)||S?r?a(u,c.toLowerCase()):l.filter(T=>o.includes(T)).forEach(T=>{a(T,c.toLowerCase())}):a(u,c)}),s}i(Ps,"prepareAccountsForWalletStore");function $s(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($s,"getRequiredChains");function qo(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}i(qo,"isAccountAndWalletMatched");function Ms(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 hr(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:Ku(o,r.asset.symbol,r.asset.address,e)||null}))||[]}i(Ms,"makeBalanceFor");function _s(t){return{...t,loading:!1,error:!0}}i(_s,"resetConnectedWalletState");var Ds=i(t=>{let e=new Set,n=t?.reduce((s,a)=>s.findIndex(l=>l.address===a.address&&l.chain===a.chain)===-1?[...s,a]:s,[])?.map(s=>{let a={name:s.chain,accounts:[]};return e.has(s.address)||e.add(s.address),e.forEach(l=>{s.address===l&&a.accounts.push(s)}),a}),r=W(n?.flatMap(s=>s.accounts)?.flatMap(s=>s?.balances)?.map(s=>new hr(s?.amount||Ae).multipliedBy(s?.usdPrice||0))?.reduce((s,a)=>s.plus(a),Ae)||Ae).toString();return ju(r)},"calculateWalletUsdValue");function ju(t){let e=t.toString().split(".");return e[0]=e[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),e.join(".")}i(ju,"numberWithThousandSeparator");var Ku=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice"),zo=i((t,e)=>{let o=Hu(Object.entries(t).map(([,n])=>n).filter(Vu));return o&&o[e]?.experimental},"isExperimentalChain");function Go(t){return t?{...t,amount:W(t.amount,8,8),usdValue:W(t.usdValue,4,4)}:null}i(Go,"formatBalance");function Xu(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(Xu,"sortTokensByBalance");function Yu(t,e,o){let n=o(t),r=o(e);return n===r?0:n?-1:1}i(Yu,"sortTokensByPinnedToken");function Fs(t,e,o){return t.sort((n,r)=>{let s=e(n),a=e(r),l=Yu(n,r,o);return l!==0?l:Xu(s,a)}),t}i(Fs,"sortTokens");function Le(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}i(Le,"tokensAreEqual");function Os(t){return t.sort((e,o)=>+(o.state===Ke.CONNECTED)-+(e.state===Ke.CONNECTED)||+(o.state===Ke.DISCONNECTED||o.state===Ke.CONNECTING)-+(e.state===Ke.DISCONNECTED||e.state===Ke.CONNECTING))}i(Os,"sortWalletsBasedOnConnectionState");function Ho(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(Ho,"getConciseAddress");function Us({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}i(Us,"getAddress");function Sr(t){return`${t.blockchain}-${t.symbol}-${t.address??""}`}i(Sr,"createTokenHash");function Qo(t){return t.flatMap(e=>e.balances).reduce((e,o)=>{let n={amount:o?.amount??"",decimals:o?.decimal??0,usdValue:o?.usdPrice?new hr(o?.usdPrice??Ae).multipliedBy(o?.amount).toString():""},r=o?Sr({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(Qo,"makeTokensBalance");var qs=i((t,e)=>!!t.find(o=>o.chain===e&&o.loading),"isFetchingBalance");var zs=i((t,e)=>({_blockchains:[],_tokens:[],_popularTokens:[],_swappers:[],fetchStatus:"loading",blockchains:o=>{let n=e()._blockchains;if(!o||!o?.type)return n;let r=e().config,s=(o.type==="source"?r.from?.blockchains:r.to?.blockchains)??[];return n.filter(l=>!(s.length>0&&!s.includes(l.name)))},tokens:o=>{let n=e()._tokens;if(!o||!o?.type)return n;let r=e().config,s=(o.type==="source"?r.from?.tokens:r.to?.tokens)??[],a=e().blockchains({type:o.type});return n.filter(p=>s.length>0&&!s.some(c=>Le(c,p))||o.blockchain&&p.blockchain!==o.blockchain||!a.some(c=>c.name===p.blockchain)?!1:o.searchFor?!!(wt(p.symbol,o.searchFor)||wt(p.address||"",o.searchFor)||wt(p.name||"",o.searchFor)):!0).sort((p,c)=>e().isTokenPinned(p,o.type)?-1:e().isTokenPinned(c,o.type)||p.isSecondaryCoin?1:c.isSecondaryCoin||!p.address&&c.address?-1:p.address&&!c.address?1:0)},isTokenPinned:(o,n)=>!!(n==="source"?e().config.from?.pinnedTokens:e().config.to?.pinnedTokens)?.some(a=>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(Is)},fetch:async()=>{try{let o=await $t().getAllMetadata();t({fetchStatus:"success"});let n=[],r=[],s=o.popularTokens,a=o.swappers,l=new Set;o.tokens.forEach(p=>{l.add(p.blockchain),r.push(p)}),o.blockchains.forEach(p=>{p.enabled&&l.has(p.name)&&n.push(p)}),n.sort((p,c)=>p.sort-c.sort),t({_blockchains:n,_tokens:r,_popularTokens:s,_swappers:a})}catch(o){throw t({fetchStatus:"failed"}),o}}}),"createDataSlice");import{English as Ju,French as Zu,Japanese as Ru,Spanish as em}from"@rango-dev/ui";var Gs=[{title:"English",label:"English",local:"en",SVGFlag:Ju},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:em},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:Zu},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:Ru}],_t="en";var Hs=[.5,1,3],Qs=1,Vs=5,js=100,Ks=0;var Xs=i((t,e)=>({disabledLiquiditySources:[],theme:"auto",language:_t,preferredBlockchains:[],slippage:Qs,customSlippage:null,infiniteApprove:!1,affiliateRef:null,affiliatePercent:null,affiliateWallets:null,addPreferredBlockchain:o=>{let n=e().preferredBlockchains;if(n.find((a,l)=>{let p=a===o,c=l<=10-1;return p&&c}))return;let s=n.filter(a=>!(a===o));t(()=>({preferredBlockchains:[o,...s]}))},setSlippage:o=>t(()=>({slippage:o})),setCustomSlippage:o=>t(()=>({customSlippage:o})),setAffiliateRef:o=>t(()=>({affiliateRef:o})),setAffiliatePercent:o=>t(()=>({affiliatePercent:o})),setAffiliateWallets:o=>t(()=>({affiliateWallets:o})),toggleAllLiquiditySources:(o,n)=>t(r=>{if(n)return{disabledLiquiditySources:[]};let s=Mt(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=We("theme",n),s=We("language",n),a=We("liquiditySource",n);t({...r&&{theme:"auto"},...s&&{language:_t},...a&&{disabledLiquiditySources:[]}})}}),"createSettingsSlice");function Ys(t){return tm()(om((...e)=>({...zs(...e),...Xs(...e),...Ts(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(Ys,"createAppStore");var Js=rm(null);function d(){let t=im(Js);if(sm(()=>{t&&!t.persist.hasHydrated()&&t.persist.rehydrate()},[]),!t)throw new Error("Missing AppStoreContext.Provider in the tree");return t()}i(d,"useAppStore");function Zs(t){let e=am();return e.current||(e.current=Ys(t.config)),nm.createElement(Js.Provider,{value:e.current},t.children)}i(Zs,"AppStoreProvider");import gt from"bignumber.js";import{create as fm}from"zustand";import{subscribeWithSelector as gm}from"zustand/middleware";import{getLastSuccessfulStep as mm}from"@rango-dev/queue-manager-rango-preset";import Sk from"bignumber.js";var mt=(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))(mt||{});function Rs(t,e){return e.find(o=>o.name===t)?.displayName}i(Rs,"getBlockchainDisplayNameFor");function Xe(t,e){return e.find(o=>o.name===t)?.shortName}i(Xe,"getBlockchainShortNameFor");function ea(t,e){return e.find(o=>o.id===t)?.swapperGroup}i(ea,"getSwapperDisplayName");function kr(t,e){return e.find(o=>Le(o,t))??null}i(kr,"findToken");function Tr(t,e){return e.find(o=>o.name===t)??null}i(Tr,"findBlockchain");import{i18n as De}from"@lingui/core";import ke from"bignumber.js";import{PendingSwapNetworkStatus as Xo}from"rango-types";function Vo(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(Vo,"getRequiredWallets");function jo(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}i(jo,"isValidAddress");import{i18n as me}from"@lingui/core";var Q=i(()=>({genericServerError:me.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:me.t("Please reset your liquidity sources."),description:me.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources.")},noResultError:{title:me.t("No Routes Found."),description:me.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:me.t("Bridge Limit Error: Please increase your amount."),decreaseAmount:me.t("Bridge Limit Error: Please decrease your amount.")},highValueLossError:{impactTitle:me.t("High Price Impact"),title:me.t("Price impact is too high!"),description:me.t("The price impact is significantly higher than the allowed amount. If you are sure, continue, otherwise, change the swap."),confirmMessage:me.t("Confirm high price impact")},quoteUpdatedWithHighValueLoss:{title:me.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:me.t("USD Price Unknown"),title:me.t("USD Price Unknown, Cannot calculate Price Impact."),description:me.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:me.t("Confirm USD Price Unknown")}}),"errorMessages");function ta(t){switch(t.type){case 0:return t.diagnosisMessage??Q().noResultError.title;case 1:return Q().genericServerError;default:return""}}i(ta,"getQuoteErrorMessage");import{i18n as Ko}from"@lingui/core";var xt=i(()=>({connectWallet:Ko.t("Connect Wallet"),swap:Ko.t("Swap"),swapAnyway:Ko.t("Swap anyway"),ethWarning:Ko.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 wr(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(wr,"hasLimitError");function xr(t){let e=(t.result?.swaps||[]).filter(l=>{let p=l.fromAmountMinValue?new ke(l.fromAmountMinValue):null,c=l.fromAmountMaxValue?new ke(l.fromAmountMaxValue):null;return l.fromAmountRestrictionType==="EXCLUSIVE"?p?.gte(l.fromAmount)||c?.lte(l.fromAmount):p?.gt(l.fromAmount)||c?.lt(l.fromAmount)})[0],o=e.fromAmountMinValue?new 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=De.t({id:"Required: >= {min} {symbol}",values:{min:W(o,6,6),symbol:e.from.symbol}}),a=Q().bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(s=De.t({id:"Required: > {min} {symbol}",values:{min:W(o,6,6),symbol:e.from.symbol}}),a=Q().bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(s=De.t({id:"Required: <= {max} {symbol}",values:{max:W(n,6,6),symbol:e.from.symbol}}),a=Q().bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(s=De.t({id:"Required: < {max} {symbol}",values:{max:W(n,6,6),symbol:e.from.symbol}}),a=Q().bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:s,recommendation:a}}i(xr,"getLimitErrorMessage");function na(t){let{fetchMetaStatus:e,anyWalletConnected:o,fetchingQuote:n,inputAmount:r,quote:s,warning:a,error:l,needsToWarnEthOnPath:p}=t;return e!=="success"?{title:xt().connectWallet,action:"connect-wallet",disabled:!0}:o?n||!s||!s.result||l||!r||r==="0"?{title:xt().swap,action:"confirm-swap",disabled:!0}:a?{title:xt().swapAnyway,action:"confirm-warning",disabled:!1}:p?{title:xt().ethWarning,action:"confirm-warning",disabled:!1}:{title:xt().swap,action:"confirm-swap",disabled:!1}:{title:xt().connectWallet,action:"connect-wallet",disabled:!1}}i(na,"getSwapButtonState");function vr(t,e,o){return!((!o||o.lte(Ae))&&t?.result&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t.result)}i(vr,"canComputePriceImpact");function lm(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(lm,"requiredWallets");var pm=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice");function cm(t,e){let o=Ae;for(let n=0;n<t.fee.length;n++){let r=t.fee[n];if(r.expenseType==="DECREASE_FROM_OUTPUT")continue;let s=pm(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new ke(r.amount).multipliedBy(s||0))}return o}i(cm,"getUsdFeeOfStep");function Yo(t,e){return t.reduce((o,n)=>o.plus(cm(n,e)),Ae)}i(Yo,"getTotalFeeInUsd");function br(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(br,"checkSlippageErrors");function ra(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(ra,"checkSlippageWarnings");function Jo(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(Jo,"getMinRequiredSlippage");function ia(t,e){return e?parseFloat(t)>=parseFloat(e):!0}i(ia,"hasProperSlippage");function Zo(t){let{fromToken:e,toToken:o,inputAmount:n,wallets:r,selectedWallets:s,disabledLiquiditySources:a,liquiditySources:l,excludeLiquiditySources:p,slippage:c,affiliateRef:u,affiliatePercent:m,affiliateWallets:g,initialQuote:f,destination:k}=t,S=s?.reduce((A,C)=>(A[C.chain]=C.address,A),{}),h=[];r?.forEach(A=>{let C=h.find(v=>v.blockchain===A.chain);C?C.addresses.push(A.address):h.push({blockchain:A.chain,addresses:[A.address]})});let b=!!f,T=Mt((f?.result?.swaps||[]).reduce((A,C)=>(A.push(C.from.blockchain,C.to.blockchain),C.internalSwaps&&Array.isArray(C.internalSwaps)&&C.internalSwaps.map(v=>{A.push(v.from.blockchain,v.to.blockchain)}),A),[]));return{amount:n.toString(),affiliateRef:u??void 0,affiliatePercent:m??void 0,affiliateWallets:g??void 0,checkPrerequisites:b,from:{address:e.address,blockchain:e.blockchain,symbol:e.symbol},to:{address:o.address,blockchain:o.blockchain,symbol:o.symbol},connectedWallets:h,selectedWallets:S??{},slippage:c.toString(),...k&&{destination:k},...p&&{swapperGroups:a.concat(l??[]),swappersGroupsExclude:!0},...!p&&{swapperGroups:l?.filter(A=>!a.includes(A)),swappersGroupsExclude:!1},...b&&{blockchains:T}}}i(Zo,"createQuoteRequestBody");function sa(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}i(sa,"getWalletsForNewSwap");function Dt(t){return t.result?.outputAmount||null}i(Dt,"getQuoteOutputAmount");function aa(t,e){return new ke(e).div(new ke(t)).minus(1).multipliedBy(100).toNumber()}i(aa,"getPercentageChange");function la(t,e){let o=Dt(t),n=Dt(e);if(!o||!n)return!1;let r=Ne(o,n);return r?r<=-1:!0}i(la,"isOutputAmountChangedALot");function pa(t,e,o){let n=t.validationStatus,r=$s(t);return e.sort((a,l)=>r.indexOf(a.chain)-r.indexOf(l.chain)).flatMap(a=>ga(a,n)||[]).filter(a=>!a.ok).map(a=>{let l=a.asset.symbol,p=W(new ke(a.currentAmount.amount).shiftedBy(-a.currentAmount.decimals),8,8),c=W(new ke(a.requiredAmount.amount).shiftedBy(-a.requiredAmount.decimals),8,8),u="";return a.reason==="FEE"&&(u=De.t(" for network fee")),a.reason==="INPUT_ASSET"&&(u=De.t(" for swap")),a.reason==="FEE_AND_INPUT_ASSET"&&(u=De.t(" for input and network fee")),De.t({id:"Needs \u2248 {requiredAmount} {symbol}{reason}, but you have {currentAmount} {symbol} in your {blockchain} wallet.",values:{requiredAmount:c,symbol:l,reason:u,currentAmount:p,blockchain:Xe(a.asset.blockchain,o)}})})}i(pa,"generateBalanceWarnings");function ca(t,e){return(t?new ke(t):Ae).multipliedBy(e||0)}i(ca,"calcOutputUsdValue");function to(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==Xo.NetworkChanged}i(to,"isNetworkStatusInWarningState");function ua(t,e){let o="bellow button or",n=t.extraMessage,r=t.extraMessageDetail;if(t.networkStatusExtraMessageDetail?.includes(o)&&(t.networkStatusExtraMessageDetail=t.networkStatusExtraMessageDetail.replace(o,"")),to(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case Xo.WaitingForConnectingWallet:n=n||De.t("Waiting for connecting wallet");break;case Xo.WaitingForQueue:n=n||De.t("Waiting for other running tasks to be finished");break;case Xo.WaitingForNetworkChange:n=n||De.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(ua,"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 da(t){return t.status==="failed"&&!!t.finishTime&&new Date().getTime()-parseInt(t.finishTime)<4*3600*1e3}i(da,"shouldRetrySwap");function fa(t,e,o,n,r,s){return t||!e&&!lm(n).every(a=>r.map(l=>l.chain).includes(a))||!!e&&!o||!!e&&!!o&&s&&!jo(s,o)}i(fa,"confirmSwapDisabled");function Ar(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(Ar,"searchParamsToToken");function ya(t){return t?.result?.swaps[t?.result?.swaps.length-1].to.usdPrice}i(ya,"getQuoteToTokenUsdPrice");function Er(t,e){let o=t.result?.swaps||[],n=e.result?.swaps||[];return o.length!==n.length}i(Er,"isNumberOfSwapsChanged");function Ir(t,e){let o=t.result?.swaps.map(r=>r.swapperId)||[],n=e.result?.swaps.map(r=>r.swapperId)||[];return!gr(o,n)}i(Ir,"isQuoteSwappersUpdated");function Wr(t,e){let o=t.result?.swaps.map(r=>r.to.symbol)||[],n=e.result?.swaps.map(r=>r.to.symbol)||[];return!gr(o,n)}i(Wr,"isQuoteInternalCoinsUpdated");function Sa(t,e){return Er(t,e)||Ir(t,e)||Wr(t,e)}i(Sa,"isQuoteChanged");function ga(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(ga,"getRequiredBalanceOfWallet");function it(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}i(it,"getPriceImpactLevel");function Ca(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],s=mm(t.steps),a={blockchain:r.toBlockchain,symbol:r.toSymbol,address:r.toSymbolAddress},l=Tr(s?s.toBlockchain:n.fromBlockchain,e),p=Tr(r.toBlockchain,e),c=kr(s?{blockchain:l?.name??"",symbol:s.toSymbol,address:s.toSymbolAddress}:{blockchain:l?.name??"",symbol:n.fromSymbol,address:n.fromSymbolAddress},o),u=kr(a,o),m=s?s.outputAmount??"":t.inputAmount;return{fromBlockchain:l,fromToken:c,toBlockchain:p,toToken:u,inputAmount:m}}i(Ca,"createRetryQuote");function Ro(t,e){let{fromToken:o,toToken:n,tokens:r,userSlippage:s}=e,a=vt(o,t.requestAmount),l=vt(n,t.result?.outputAmount??"");if(t.result&&a&&l){let u=Ne(a.toString(),l.toString());if(!!u&&oa(a,u)){let g=Yo(t.result.swaps,r),f=it(u);return{type:0,inputUsdValue:a,outputUsdValue:l,priceImpact:u,totalFee:g,warningLevel:f}}}else if(t.result&&(!a||!l))return{type:1};let p=Jo(t),c=s>Vs;if(ia(e.userSlippage.toString(),p)){if(c&&parseFloat(p??"0")<s)return{type:3,slippage:s.toString()}}else return{type:2,recommendedSlippages:ra(t,s),minRequiredSlippage:p};return null}i(Ro,"generateQuoteWarnings");function Ne(t,e){let o=typeof e=="string"?parseFloat(e)<=0:!e?.gt(0),n=!t||!e||o?null:aa(t.toString(),e.toString());return n&&n<0?n:null}i(Ne,"getPriceImpact");var dm=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"),ft=dm;var vt=i((t,e)=>t?.usdPrice?new gt(e||Ae).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),O=ft(fm()(gm(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new gt(0),outputUsdValue:new gt(0),toBlockchain:null,toToken:null,quote:null,quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:"",quoteWarningsConfirmed:!1,setQuote:e=>t(o=>{let n=null,r=Ae;return eo(o.inputAmount)?(e&&(n=e.result?.outputAmount?new gt(e.result?.outputAmount):null,r=ca(e.result?.outputAmount,ya(e)||o.toToken?.usdPrice)),{quote:e,...!!e&&{outputAmount:n,outputUsdValue:r}}):{}}),resetQuote:()=>t(()=>({quote:null,outputAmount:null,outputUsdValue:new gt(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:vt(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 gt(0),outputUsdValue:new gt(0),quote:null},...!!o.fromToken&&{inputUsdValue:vt(o.fromToken,e)}}))},retry:(e,o)=>{let{tokens:n,blockchains:r}=o,{fromBlockchain:s,fromToken:a,toBlockchain:l,toToken:p,inputAmount:c}=Ca(e,r,n);t({fromBlockchain:s,fromToken:a,inputAmount:c,outputAmount:null,inputUsdValue:vt(a??null,c),outputUsdValue:new gt(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:vt(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 Ta(){let{setInputAmount:t,setToToken:e,setToBlockchain:o,setFromBlockchain:n,setFromToken:r,fromToken:s,toToken:a,fromBlockchain:l,toBlockchain:p}=O(),c=d().config,u=d().fetchStatus,m=d().blockchains(),g=d().tokens(),{setAffiliateRef:f,setAffiliatePercent:k,setAffiliateWallets:S}=d(),h=tn(()=>c?.from?.tokens,[c?.from?.tokens]),b=tn(()=>c?.from?.blockchains,[c?.from?.blockchains]),T=tn(()=>c?.to?.tokens,[c?.to?.tokens]),w=tn(()=>c?.to?.blockchains,[c?.to?.blockchains]),A=on(void 0),C=on(void 0),v=on(void 0),E=on(void 0);en(()=>{t(c?.amount?.toString()||"")},[c?.amount]),ka(()=>{if(u==="success"){let y=m.find($=>$.name===c?.from?.blockchain),P=g.find($=>Le($,c?.from?.token||null));(y||!y&&v.current)&&n(y??null),P?r({token:P,meta:{blockchains:m,tokens:g}}):!P&&A.current&&r({token:null}),v.current=c?.from?.blockchain,A.current=c?.from?.token}},[c?.from?.token?.symbol,c?.from?.token?.address,c?.from?.token?.blockchain,c?.from?.blockchain,u]),en(()=>{s&&h&&(h.some(y=>Le(y,s))||r({token:null})),l&&b&&(b.includes(l.name)||n(null))},[h,b]),en(()=>{a&&T&&(T.some(y=>Le(y,a))||e({token:null})),p&&w&&(w.includes(p.name)||o(null))},[T,w]),ka(()=>{if(u==="success"){let y=m.find($=>$.name===c?.to?.blockchain),P=g.find($=>Le($,c?.to?.token||null));(y||!y&&E.current)&&o(y??null),P?e({token:P,meta:{blockchains:m,tokens:g}}):!P&&C.current&&e({token:null}),E.current=c?.to?.blockchain,C.current=c?.to?.token}},[c?.to?.token?.symbol,c?.to?.token?.address,c?.to?.token?.blockchain,c?.to?.blockchain,u]),en(()=>{f(c?.affiliate?.ref??null),k(c?.affiliate?.percent??null),S(c?.affiliate?.wallets??null)},[c?.affiliate?.ref,c?.affiliate?.percent,c?.affiliate?.wallets])}i(Ta,"useSyncStoresWithConfig");import{useEffect as Cm}from"react";import{create as hm}from"zustand";import{subscribeWithSelector as ym}from"zustand/middleware";var z=ft(hm()(ym((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:Qo(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=>qo(p,l))?{...l,loading:!0}:l)}));try{let a=o.map(({address:c,chain:u})=>({address:c,blockchain:u})),p=(await $t().getWalletsDetails(a)).wallets;if(p)t(c=>{let u=c.connectedWallets.map(g=>{let f=o.find(S=>qo(S,g)),k=p.find(S=>S.address===g.address&&S.blockChain===g.chain);return k?.failed&&f&&r&&s([f],n,!1),f&&k?{...g,explorerUrl:k.explorerUrl,balances:Ms(k,n),loading:!1}:g});return{loading:!1,balances:Qo(u),connectedWallets:u}});else throw new Error("Wallet not found")}catch{t(l=>{let p=l.connectedWallets.map(u=>o.find(m=>qo(m,u))?_s(u):u);return{loading:!1,balances:Qo(p),connectedWallets:p}})}},getBalanceFor:o=>{let{balances:n}=e(),r=Sr(o);return n[r]??null}}))));import{allProviders as Sm}from"@rango-dev/provider-all";function nn(t,e){let o=Sm({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(nn,"matchAndGenerateProviders");function wa(t,e){return nn(t,e).map(r=>r.config.type)}i(wa,"configWalletsToWalletName");function xa(t,e){let o=z.use.clearConnectedWallet(),n=nn(void 0,e);return Cm(()=>{o(),n=nn(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}i(xa,"useWalletProviders");var sn=wm({onConnectWallet:()=>{}});function vm(t){let{updateConfig:e,updateSettings:o,fetch:n}=d(),r=d().blockchains(),s=d().tokens(),a={walletConnectProjectId:t.config?.walletConnectProjectId},{providers:l}=xa(t.config.wallets,a),{connectWallet:p,disconnectWallet:c}=z(),u=xm();Ta(),va(()=>{n().catch(console.log)},[]),va(()=>{t.config&&(e(t.config),o(t.config))},[t.config]);let m=r.filter(Tm).map(f=>f.name),g=i((f,k,S,h,b)=>{if(k===Lr.ACCOUNTS)if(S){let T=Uo(b.supportedBlockchains),w=Ps(f,S,m,T,b.isContractWallet);p(w,s)}else c(f);if(k===Lr.ACCOUNTS&&h.connected){let T=`${f}-${h.network}-${S}`;h.connected&&(u.current?u.current(T):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(k===Lr.NETWORK&&h.network){let T=`${f}-${h.network}`;u.current?u.current(T):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(f,k,S,h,b)},"onUpdateState");return rn.createElement(sn.Provider,{value:{onConnectWallet:f=>{u.current=f}}},rn.createElement(km,{allBlockChains:r,providers:l,onUpdateState:g,autoConnect:!0},t.children))}i(vm,"Main");function an(t){let{config:e,...o}=t;return rn.createElement(Zs,{config:e},rn.createElement(vm,{...o,config:e}))}i(an,"WidgetWallets");import ks from"react";import{I18nManager as aS}from"@rango-dev/ui";import Wo,{useContext as lS,useEffect as Bu,useState as Pu}from"react";import{useQueueManager as Pm}from"@rango-dev/queue-manager-rango-preset";import{useWallets as $m}from"@rango-dev/wallets-react";import{isEvmBlockchain as Mm}from"rango-types";import ln,{Fragment as _m}from"react";import{MemoryRouter as Dm,useInRouterContext as Fm}from"react-router";import{useWallets as Am}from"@rango-dev/wallets-react";import{useEffect as Em,useRef as Im}from"react";function ba(){let{connect:t,state:e}=Am(),o=Im({}),{fetchStatus:n}=d(),r=new URLSearchParams(location.search).get("autoConnect")||"",s=e(r);Em(()=>{n==="success"&&r&&s.installed&&!s.connecting&&!s.connected&&!o.current[r]&&(o.current[r]=!0,t(r))},[s,n])}i(ba,"useForceAutoConnect");import{useEffect as Nr,useRef as Br}from"react";import{createSearchParams as Lm,useLocation as Nm,useSearchParams as Bm}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 Wm}from"zustand";var Te=ft(Wm()(t=>({connectWalletsButtonDisabled:!1,selectedSwapRequestId:null,currentPage:"",setSelectedSwap:e=>t({selectedSwapRequestId:e}),setCurrentPage:e=>t({currentPage:e})})));function Aa(){let t=Br(!0),[e,o]=Bm(),n=Nm(),r=Br(n.search),s=Br({}),a=O.use.fromBlockchain(),l=O.use.toBlockchain(),p=O.use.fromToken(),c=O.use.toToken(),u=O.use.setFromBlockchain(),m=O.use.setFromToken(),g=O.use.setToBlockchain(),f=O.use.setToToken(),k=O.use.inputAmount(),S=O.use.setInputAmount(),h=d().fetchStatus,b=d().blockchains(),T=d().tokens(),w=Te.use.setSelectedSwap();return Nr(()=>{let A={};Lm(r.current).forEach((v,E)=>{A[E]=v}),s.current=A;let C=n.pathname.split(M.swaps+"/")[1]||null;C&&w(C)},[]),Nr(()=>{if(!t.current){let A="",C="",v="",E="",y="",P=s.current["autoConnect"];h!=="success"?(A=s.current["fromBlockchain"],C=s.current["fromToken"],v=s.current["toBlockchain"],E=s.current["toToken"],y=s.current["fromAmount"]||k):(A=a?.name||"",C=(p?.symbol||"")+(p?.address?`--${p?.address}`:""),v=l?.name||"",E=(c?.symbol||"")+(c?.address?`--${c?.address}`:""),y=k),o({...A&&{["fromBlockchain"]:A},...C&&{["fromToken"]:C},...v&&{["toBlockchain"]:v},...E&&{["toToken"]:E},...y&&{["fromAmount"]:y.toString()},...P&&{["autoConnect"]:P}},{replace:!0})}t.current=!1},[n.pathname,k,a,p,l,c]),Nr(()=>{if(h==="success"){let A=e.get("fromBlockchain"),C=e.get("fromToken"),v=e.get("toBlockchain"),E=e.get("toToken"),y=e.get("fromAmount"),P=b.find(_=>_.name===A),$=Ar(T,C,P||null),N=b.find(_=>_.name===v),x=Ar(T,E,N||null);P&&(u(P),$&&m({token:$,meta:{blockchains:b,tokens:T}})),N&&(g(N),x&&f({token:x,meta:{blockchains:b,tokens:T}})),y&&S(y)}},[h]),null}i(Aa,"UpdateUrl");function Ea({children:t,...e}){let o=Fm(),n=o?_m:Dm,r=d().blockchains(),{canSwitchNetworkTo:s}=$m();ba();let a=r.filter(Mm);return Pm({lastConnectedWallet:e.lastConnectedWallet,clearDisconnectedWallet:e.clearDisconnectedWallet,disconnectedWallet:e.disconnectedWallet,evmChains:a,canSwitchNetworkTo:s}),ln.createElement(ln.Fragment,null,ln.createElement(n,null,t),o&&ln.createElement(Aa,null))}i(Ea,"AppRouter");import ve from"react";import{useRoutes as Ky}from"react-router-dom";import{i18n as Bn}from"@lingui/core";import{useManager as Xf}from"@rango-dev/queue-manager-react";import{Alert as Bp,Button as Pp,css as mi,Divider as Yf,IconButton as $p,RefreshIcon as Jf,SettingsIcon as Zf,styled as Mp,Tooltip as Rf,Typography as eg,WalletIcon as tg}from"@rango-dev/ui";import ee,{useEffect as ho,useLayoutEffect as og,useRef as ng,useState as Pn}from"react";import{flushSync as rg}from"react-dom";import{useNavigate as ig}from"react-router-dom";import{i18n as st}from"@lingui/core";import{Alert as jr,BalanceErrors as Kd,Button as wl,ChevronDownIcon as Xd,ChevronLeftIcon as Yd,Divider as zt,MessageBox as Jd,Modal as xl,Typography as xn,WalletIcon as Zd}from"@rango-dev/ui";import L,{useEffect as Rd,useLayoutEffect as ef,useRef as tf,useState as Et}from"react";import{useNavigate as of}from"react-router-dom";import{i18n as pn}from"@lingui/core";function cn(t){switch(t.type){case 0:return pn.t("Route has been updated.");case 3:return pn.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return pn.t("Route swappers has been updated.");case 2:return pn.t("Route internal coins has been updated.");default:return""}}i(cn,"getQuoteUpdateWarningMessage");import*as Ot from"@radix-ui/react-collapsible";import{Button as Um,css as Ia,darkTheme as Ft,IconButton as qm,keyframes as Wa,styled as de,TextField as zm}from"@rango-dev/ui";var oo=300,Gm=Wa({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),Hm=Wa({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),La=de("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),Na=de("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),Qm=de("button",{borderRadius:"$xm",padding:"$10",border:"0",display:"flex",justifyContent:"center",$$color:"$colors$neutral100",[`.${Ft} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",alignItems:"center",cursor:"pointer",width:110,position:"relative","&:hover":{$$color:"$colors$info100",[`.${Ft} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$color:"$colors$info100",[`.${Ft} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color",outline:0},variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary",outlineStyle:"solid"}}}}),Ba=de(Qm,{alignSelf:"stretch",minHeight:"93px"}),Pa=de(Ot.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit"}),$a=de("div",{padding:"$20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),Ma=de(qm,{position:"absolute",left:"$20"}),_a=de("div",{paddingTop:"$20"}),Da=Ia({display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),Fa=de(Ot.Root,{backgroundColor:"$neutral200",borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),Oa=de(Um,{width:"100%",borderRadius:"$sm !important",padding:"$15 !important",justifyContent:"space-between",alignItems:"center",$$color:"$colors$neutral100",[`.${Ft} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color","&:hover":{$$color:"$colors$info100",[`.${Ft} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$background:"$colors$info100",[`.${Ft} &`]:{$$background:"$colors$info700"},backgroundColor:"$$background",outline:0}}),Ua=de("div",{padding:"$10 $0","& .button__content":{display:"flex",alignItems:"center"},"& .alarms":{paddingTop:"5px"}}),qa=Ia({paddingTop:"5px"}),za=de("div",{transition:`all ${oo}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),Ga=de("div",{display:"flex"}),Ha=de(zm,{backgroundColor:"$neutral100",padding:"$0 $15 $15 $15"}),un=de(Ot.Content,{backgroundColor:"$neutral100",overflow:"hidden",variants:{open:{true:{animation:`${Gm} ${oo}ms ease-out`},false:{animation:`${Hm} ${oo}ms ease-out`}}}}),Qa=de("div",{overflow:"visible",width:"100%"});import{i18n as Ue}from"@lingui/core";import{Button as Qd,Divider as Qr,Image as Vd,MessageBox as wn,Modal as yl,SelectableWallet as jd,Typography as Sl,WalletState as Cl}from"@rango-dev/ui";import R,{useEffect as kl,useState as ro}from"react";import{WalletState as Pr}from"@rango-dev/ui";import{useWallets as Vm}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as jm,WalletTypes as mn}from"@rango-dev/wallets-shared";import{useEffect as Km,useState as Xm}from"react";var Ym=Object.values(mn);function dn(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:s,disconnect:a,getWalletInfo:l,connect:p}=Vm(),{connectedWallets:c}=z(),u=d().blockchains(),m=wa(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||Ym,g=Bs(s,l,m,o),f=Os(g),[k,S]=Xm(""),h=i(C=>!c.find(v=>v.walletType===C&&v.chain===o),"isExperimentalChainNotAdded"),b=i(async C=>{let v=s(C);try{if(k&&S(""),v.connected)await a(C);else{let E=!!g.find(y=>y.state===Pr.CONNECTED);if(!e?.multiWallets&&E)return;n?.(C),await p(C),r?.(C)}}catch(E){S("Error: "+E?.message)}},"handleClick"),T=i(()=>{let C=g?.filter(v=>v.state===Pr.CONNECTING)||[];for(let v of C)a(v.type)},"disconnectConnectingWallets");Km(()=>()=>{T()},[]);let w=i(C=>C.filter(E=>E.state!=Pr.NOT_INSTALLED&&![mn.DEFAULT,mn.WALLET_CONNECT_2].includes(E.type)&&l(E.type).supportedChains.filter(y=>y.type=="EVM").length>0).length==0,"shouldShowDefaultInjectedWallet"),A=i((C,v,E)=>zo(E,v)&&h(C)&&!jm.includes(C)||C==mn.DEFAULT&&!w(g),"shouldExcludeWallet");return{list:f.filter(C=>!A(C.type,o??"",u)),error:k,handleClick:b}}i(dn,"useWalletList");import{i18n as cl}from"@lingui/core";import{styled as ml,Typography as Dd,Wallet as Fd,WalletState as Od}from"@rango-dev/ui";import At,{Fragment as Ud,useState as ul}from"react";import{BottomLogo as Ed,Divider as Id,Header as Wd}from"@rango-dev/ui";import fe from"react";import{useNavigate as Jm}from"react-router-dom";function ht(){let t=Jm();return()=>t(-1)}i(ht,"useNavigateBack");import{ChevronLeftIcon as ed}from"@rango-dev/ui";import Ka from"react";import{darkTheme as Zm,IconButton as Rm,styled as fn}from"@rango-dev/ui";var Fe=fn(Rm,{width:"$24",position:"relative",padding:"0",overflow:"unset"}),Va=fn("div",{position:"absolute",background:"$secondary500",[`.${Zm} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),Ut=fn("div",{display:"flex",justifyContent:"flex-end",width:"$40"}),ja=fn("div",{position:"absolute",backgroundColor:"$secondary500",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0"});function $r(t){return Ka.createElement(Fe,{variant:"ghost",size:"small",onClick:t.onClick},Ka.createElement(ed,{color:"black",size:16}))}i($r,"BackButton");import{i18n as td}from"@lingui/core";import{Button as od,Typography as nd}from"@rango-dev/ui";import Mr from"react";function _r(t){return Mr.createElement(Ut,null,Mr.createElement(od,{variant:"ghost",onClick:t.onClick,size:"xsmall"},Mr.createElement(nd,{variant:"label",size:"medium",color:"error500"},td.t("Cancel"))))}i(_r,"CancelButton");import{i18n as rd}from"@lingui/core";import{Tooltip as id,WalletIcon as sd}from"@rango-dev/ui";import gn from"react";function Dr(t){return gn.createElement(id,{container:t.container,side:"top",content:rd.t("Connect Wallet")},gn.createElement(Fe,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&gn.createElement(Va,null),gn.createElement(sd,{size:18,color:"black"})))}i(Dr,"WalletButton");import{i18n as Sn}from"@lingui/core";import{NotificationsIcon as Td,Popover as wd,RefreshIcon as xd,SettingsIcon as vd,Tooltip as Cn,TransactionIcon as bd}from"@rango-dev/ui";import ce from"react";import{i18n as fd}from"@lingui/core";import{ChainToken as el,ChevronRightIcon as gd,ListItemButton as hd,Typography as yd}from"@rango-dev/ui";import Oe from"react";import{useNavigate as Sd}from"react-router-dom";import{create as ad}from"zustand";import{persist as ld,subscribeWithSelector as pd}from"zustand/middleware";var Be=ft(ad()(ld(pd((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 hn}from"@rango-dev/ui";var Xa=hn("div",{padding:"$10",width:"350px",minHeight:"150px"}),Ya=hn("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),Ja=hn("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),Za=hn("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as cd}from"@lingui/core";import{Divider as ud,NoNotificationIcon as md,Typography as dd}from"@rango-dev/ui";import yn from"react";function Ra(){return yn.createElement(Za,null,yn.createElement(md,{color:"secondary",size:26}),yn.createElement(ud,{size:12}),yn.createElement(dd,{variant:"body",size:"medium",color:"neutral700"},cd.t("You have no notification")))}i(Ra,"NotificationNotFound");var Cd=4;function Fr(){let t=Sd(),e=Te.use.setSelectedSwap(),{getUnreadNotifications:o}=Be(),n=o(),r=d().blockchains(),s=d().tokens(),a=n.sort((p,c)=>c.creationTime-p.creationTime).slice(0,Cd),l=i(p=>{e(p),t(`${M.swaps}/${p}`)},"handleOnClick");return Oe.createElement(Xa,null,a.length?Oe.createElement(Ya,null,a.map(p=>{let c=s.find(f=>f.address===p.route.from.tokenAddress&&f.blockchain===p.route.from.blockchain&&f.symbol===p.route.from.tokenSymbol),u=r.find(f=>f.name===p.route.from.blockchain),m=s.find(f=>f.address===p.route.to.tokenAddress&&f.blockchain===p.route.to.blockchain&&f.symbol===p.route.to.tokenSymbol),g=r.find(f=>f.name===p.route.to.blockchain);return Oe.createElement(hd,{key:p.requestId,onClick:()=>l(p.requestId),title:Oe.createElement(yd,{variant:"body",size:"small",color:"$neutral700"},fd.t(p.event.message)),id:p.requestId,start:Oe.createElement(Ja,null,Oe.createElement("div",{className:"from-chain-token"},Oe.createElement(el,{tokenImage:c?c.image:"",chainImage:u?u.logo:"",size:"small"})),Oe.createElement("div",{className:"to-chain-token"},Oe.createElement(el,{tokenImage:m?m.image:"",chainImage:g?g.logo:"",size:"small"}))),end:Oe.createElement(gd,{size:12,color:"gray"})})})):Oe.createElement(Ra,null))}i(Fr,"NotificationContent");import{Typography as kd}from"@rango-dev/ui";import tl from"react";function ol(){let{getUnreadNotifications:t}=Be(),e=t().length;return e?tl.createElement(ja,null,tl.createElement(kd,{variant:"body",size:"xsmall",color:"$background"},e)):null}i(ol,"UnreadNotificationsBadge");function Or(t){let{layoutRef:e,onClickRefresh:o,onClickHistory:n,onClickSettings:r,onClickNotifications:s}=t,{config:{features:a}}=d(),l=We("notification",a);return ce.createElement(ce.Fragment,null,ce.createElement(Cn,{container:j(),side:"top",content:Sn.t("Refresh")},ce.createElement(Fe,{variant:"ghost",size:"small",onClick:o,disabled:!o},ce.createElement(xd,{size:16,color:o?"black":"gray"}))),!l&&ce.createElement(Cn,{container:j(),side:"top",content:Sn.t("Notifications")},ce.createElement(wd,{align:"center",collisionBoundary:e,collisionPadding:{right:20,left:20},container:j(),content:ce.createElement(Fr,null)},ce.createElement(Fe,{size:"small",variant:"ghost",onClick:s},ce.createElement(Td,{size:18,color:"black"}),ce.createElement(ol,null)))),ce.createElement(Cn,{container:j(),side:"top",content:Sn.t("Settings")},ce.createElement(Fe,{size:"small",variant:"ghost",onClick:r},ce.createElement(vd,{size:18,color:"black"}))),ce.createElement(Cn,{container:j(),side:"top",content:Sn.t("Transactions History")},ce.createElement(Fe,{size:"small",variant:"ghost",onClick:n},ce.createElement(bd,{size:18,color:"black"}))))}i(Or,"HomeButtons");import{darkTheme as Ad,styled as Ur}from"@rango-dev/ui";var nl=Ur("div",{position:"relative",display:"flex",flexDirection:"column",borderRadius:"$primary",overflow:"hidden !important",boxShadow:"15px 15px 15px 0px rgba(0, 0, 0, 0.05)",width:"95vw",minWidth:"300px",maxWidth:"390px",maxHeight:"700px",textAlign:"left",$$color:"$colors$neutral100",[`.${Ad} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",variants:{fixedHeight:{true:{height:"95vh"},false:{height:"auto"}}}}),rl=Ur("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"}}}}),il=Ur("div",{backgroundColor:"$background","& .footer__content":{padding:"$0 $20"},"& .footer__logo":{padding:"$0 $20 $10 $20"}});function Ld(t,e){let{children:o,header:n,footer:r,noPadding:s,hasLogo:a=!0,fixedHeight:l=!0}=t,p=z.use.connectedWallets(),{config:{features:c}}=d(),u=We("connectWalletButton",c),m=Te.use.connectWalletsButtonDisabled(),g=ht(),f=i(()=>{!m&&n.onWallet&&n.onWallet()},"onConnectWallet"),k=typeof n.hasBackButton>"u"||n.hasBackButton;return fe.createElement(nl,{ref:e,fixedHeight:l,id:"swap-box"},fe.createElement(Wd,{prefix:fe.createElement(fe.Fragment,null,k&&fe.createElement($r,{onClick:g})),title:n.title,suffix:fe.createElement(fe.Fragment,null,n.suffix,n.onWallet&&!u&&fe.createElement(Dr,{container:j(),onClick:f,isConnected:!!p?.length}),n.onCancel&&fe.createElement(_r,{onClick:n.onCancel}))}),fe.createElement(rl,{noPadding:s},o),(a||r)&&fe.createElement(il,null,fe.createElement("div",{className:"footer__content"},r),a&&fe.createElement("div",{className:"footer__logo"},fe.createElement(Id,{size:12}),fe.createElement(Ed,null))))}i(Ld,"LayoutComponent");var K=fe.forwardRef(Ld);K.displayName="Layout";import{Divider as Md,Modal as _d}from"@rango-dev/ui";import zr from"react";import{i18n as qt}from"@lingui/core";import{Image as Pd,MessageBox as qr,WalletState as $d}from"@rango-dev/ui";import bt from"react";import{keyframes as Nd,styled as kn}from"@rango-dev/ui";var Hx=kn("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),sl=kn("div",{position:"relative"}),Bd=Nd({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),al=kn("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Bd} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),ll=kn("div",{"& img":{borderRadius:"50%"}});function pl(t){let{state:e,image:o,error:n}=t;return e===$d.CONNECTED?bt.createElement(qr,{type:"success",title:qt.t("Wallet Connected"),description:qt.t("Your wallet is connected, you can use it to swap.")}):n?bt.createElement(qr,{type:"error",title:qt.t("Failed to Connect"),description:n||qt.t("Your wallet is not connected. Please try again.")}):bt.createElement(qr,{type:"loading",title:qt.t("Connecting to your wallet"),description:qt.t("Click connect in your wallet popup."),icon:bt.createElement(sl,null,bt.createElement(ll,null,bt.createElement(Pd,{src:o,size:45})),bt.createElement(al,null))})}i(pl,"ModalContent");function no(t){let{open:e,onClose:o,...n}=t;return zr.createElement(_d,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},zr.createElement(pl,{...n}),zr.createElement(Md,{direction:"vertical",size:32}))}i(no,"WalletModal");var qd=ml("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),zd=ml("div",{textAlign:"center"}),Tn=3e3,Gr=300;function dl(){let{config:t,fetchStatus:e}=d(),[o,n]=ul(!1),[r,s]=ul(""),a=null,{list:l,handleClick:p,error:c}=dn({config:t,onBeforeConnect:f=>{a=setTimeout(()=>{n(!0),s(f)},Gr)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},Tn)}}),u=l.find(f=>f.type===r),m=u?.image||"",g=u?.state||Od.NOT_INSTALLED;return At.createElement(K,{header:{title:cl.t("Connect Wallets")}},At.createElement(zd,null,At.createElement(Dd,{variant:"title",size:"xmedium",align:"center"},cl.t("Choose a wallet to connect.")),At.createElement(qd,null,l.map((f,k)=>{let S=`wallet-${k}-${f.type}`;return At.createElement(Ud,{key:S},At.createElement(Fd,{...f,container:j(),onClick:h=>{p(h)},isLoading:e==="loading"}))}),At.createElement(no,{open:!!o,onClose:()=>n(!1),image:m,state:g,error:c}))))}i(dl,"WalletsPage");import{keyframes as Gd,styled as Hr}from"@rango-dev/ui";var fl=Hr("div",{position:"relative"}),Hd=Gd({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),gl=Hr("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Hd} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),hl=Hr("div",{"& img":{borderRadius:"50%"}});function Vr(t){let{chain:e,isSelected:o,selectWallet:n,limit:r,onShowMore:s}=t,{config:a}=d(),l=z.use.connectedWallets(),{blockchains:p}=d(),[c,u]=ro(""),[m,g]=ro(null),[f,k]=ro(!1),[S,h]=ro(null),{suggestAndConnect:b}=Tl(),T=null,{list:w,error:A,handleClick:C}=dn({config:a,chain:e,onBeforeConnect:x=>{T=setTimeout(()=>{u(x)},Gr)},onConnect:()=>{T&&clearTimeout(T),setTimeout(()=>{u("")},Tn)}}),[v,E]=ro(w),y=w.length,P=r&&y-r>0,$=i(async x=>{k(!1),h("in-progress");try{await b(x.walletType,x.chain),h("completed")}catch{h("rejected")}},"addExperimentalChain");kl(()=>{E(x=>{let _=w.findIndex(I=>o(I.type,e));return P&&_>1?[w[_]].concat(w.filter((I,G)=>G!==_)):x.map(I=>w.find(G=>G.type===I.type)??I)})},[JSON.stringify(w)]);let N=document.querySelector("#swap-box");return kl(()=>{let x=null;return(S==="completed"||S==="rejected")&&(x=setTimeout(()=>h(null),Tn)),()=>{x&&clearTimeout(x)}},[S]),R.createElement(R.Fragment,null,v.slice(0,r).map(x=>{let _=Us({connectedWallets:l,walletType:x.type,chain:e}),I=_?Ho(_):"",G=zo(p(),e),J=!l.find(ye=>ye.walletType===x.type&&ye.chain===e),te=G&&J&&x.state===Cl.CONNECTED,H=te?Ue.t({id:"Add {chain} chain",values:{chain:e}}):I,re=i(()=>{x.state===Cl.DISCONNECTED?C(x.type):te?(g({walletType:x.type,chain:e,address:_??""}),k(!0)):n({walletType:x.type,chain:e,address:_??""})},"onClick"),he=m?.chain?Rs(m.chain,p()):void 0;return R.createElement(R.Fragment,null,R.createElement(no,{open:c===x.type,onClose:()=>u(""),image:x.image,state:x.state,error:A}),!!m&&R.createElement(yl,{open:!!m&&f,container:N,onClose:()=>{g(null)}},R.createElement(wn,{title:Ue.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:he}}),type:"warning",description:Ue.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:he}})},R.createElement(Qr,{size:18}),R.createElement(Qr,{size:32}),R.createElement(Qd,{onClick:$.bind(null,m),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},Ue.t("Confirm")))),S&&R.createElement(yl,{open:!!S,onClose:h.bind(null,null),container:N},S==="in-progress"&&R.createElement(wn,{type:"loading",title:Ue.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:he}}),description:Ue.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:he}}),icon:R.createElement(fl,null,R.createElement(hl,null,R.createElement(Vd,{src:x.image,size:45})),R.createElement(gl,null))}),S==="completed"&&R.createElement(wn,{type:"success",title:Ue.t({id:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:he}}),description:Ue.t({id:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:he}})}),S==="rejected"&&R.createElement(wn,{type:"error",title:Ue.t("Request Rejected"),description:Ue.t({id:"You've rejected adding {blockchainDisplayName} chain to your wallet.",values:{blockchainDisplayName:he}})}),R.createElement(Qr,{direction:"vertical",size:32})),R.createElement(jd,{key:x.type,description:H,onClick:re,selected:o(x.type,e),...x}))}),P&&R.createElement(Ba,{selected:!1,onClick:s},R.createElement(Sl,{variant:"label",size:"medium"},Ue.t("Show more wallets"),R.createElement(Sl,{variant:"label",size:"medium",color:"$primary"},"\xA0+",y-(r??0)))))}i(Vr,"WalletList");var nf=2;function vl(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,loading:s}=t,a=d().config,l=d().blockchains(),{quote:p,setSelectedWallets:c,quoteWalletsConfirmed:u,setQuoteWalletConfirmed:m,customDestination:g,setCustomDestination:f}=O(),{connectedWallets:k,selectWallets:S}=z(),[h,b]=Et(""),[T,w]=Et([]),[A,C]=Et(""),[v,E]=Et(null),[y,P]=Et(g),[$,N]=Et(!!g),x=tf(null),_=Vo(p),I=l.find(D=>D.name===p?.result?.swaps[p?.result?.swaps.length-1].to.blockchain),G=i(D=>!!p?.result?.swaps.find(Y=>Y.from.blockchain===D),"isWalletRequiredFor"),[J,te]=Et(k.filter(D=>D.selected&&_.includes(D.chain))),H=l.find(D=>D.name===I?.name),re=i((D,Y)=>!!J.find(U=>U.walletType===D&&U.chain===Y&&U.selected&&(G(Y)||!G(Y)&&!y)),"isSelected"),he=!!y&&$&&H&&!jo(H,y),ye=i(()=>{N(!1),P(""),te(D=>{let Y=!1;return D.map(U=>!Y&&U.chain===I?.name?(Y=!0,{...U,selected:!0}):U)})},"resetCustomDestination"),_e=i(D=>{if(h&&b(""),re(D.walletType,D.chain))return;let U=k.find(ie=>ie.walletType===D.walletType&&ie.chain===D.chain);U&&(n(),D.chain===I?.name&&$&&(N(!1),P("")),te(ie=>ie.filter(Ve=>Ve.chain!==D.chain).concat({...U,selected:!0})))},"onChange"),Bt=i(()=>{let D=J.filter(Y=>Y.selected);S(D),c(D),f(y),m(!0),o()},"onConfirmBalance"),Rt=i(async()=>{w([]),C(""),E(null);let D=k.filter(ie=>J.find(Ve=>Ve.chain===ie.chain&&Ve.walletType===ie.walletType)),Y=await r?.({selectedWallets:D,customDestination:y}),U=Y.warnings;U?.balance?.messages&&w(U.balance.messages),U?.quoteUpdate&&E(U.quoteUpdate),Y.error&&C(ta(Y.error)),!Y.error&&(!U?.balance?.messages.length||0>0)?Bt():w(U?.balance?.messages??[])},"onConfirmWallets");Rd(()=>{te(D=>D.concat(k.filter(Y=>!!!D.find(ie=>ie.chain===Y.chain)&&Y.selected&&_.includes(Y.chain))))},[k.length]),ef(()=>{$&&x.current&&setTimeout(()=>{x?.current?.scrollIntoView({behavior:"smooth"})},oo)},[$]);let rt=document.querySelector("#swap-box"),Qe=of();return L.createElement(xl,{open:e,onClose:()=>{u||Qe("../",{replace:!0}),o()},dismissible:!h,container:rt,...!h&&{footer:L.createElement(Ga,null,L.createElement(wl,{loading:s,disabled:fa(s,$,y,p,J,I),onClick:Rt,variant:"contained",type:"primary",fullWidth:!0,size:"large"},"Confirm"))},...h&&{containerStyle:{padding:"$0"},header:L.createElement($a,null,L.createElement(Ma,{variant:"ghost",onClick:b.bind(null,"")},L.createElement(Yd,{size:16})),L.createElement(xn,{variant:"headline",size:"small"},st.t({id:"Your {blockchainName} wallets",values:{blockchainName:Xe(h,l)}})))},anchor:"center"},L.createElement(xl,{open:T.length>0,onClose:w.bind(null,[]),container:rt},L.createElement(Jd,{title:st.t("Insufficient account balance"),type:"error",description:L.createElement(Kd,{messages:T??[]})},L.createElement(wl,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:Bt},st.t("Proceed anyway")))),h&&L.createElement(_a,null,L.createElement("div",{className:Da()},L.createElement(Vr,{chain:h,isSelected:re,selectWallet:_e,onShowMore:b.bind(null,h)}))),!h&&L.createElement(L.Fragment,null,A&&L.createElement(L.Fragment,null,L.createElement(jr,{variant:"alarm",type:"error",title:st.t(A)}),L.createElement(zt,{size:12})),v&&L.createElement(L.Fragment,null,L.createElement(jr,{variant:"alarm",type:"warning",title:cn(v)}),L.createElement(zt,{size:12})),L.createElement(Qa,null,_.map((D,Y)=>{let U=l.find(be=>be.name===D),ie=`wallet-${Y}`,Ve=Y===_.length-1;return L.createElement("div",{key:ie},L.createElement(La,null,L.createElement(xn,{variant:"title",size:"xmedium"},st.t({id:"Your {blockchainName} wallets",values:{blockchainName:U?.shortName}})),L.createElement(xn,{variant:"label",color:"$neutral700",size:"medium"},st.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:U?.shortName}}))),L.createElement(zt,{size:24}),L.createElement(Na,null,L.createElement(Vr,{chain:D,isSelected:re,selectWallet:_e,limit:nf,onShowMore:()=>b(U?.name??"")})),!Ve&&L.createElement(zt,{size:32}),Ve&&a?.customDestination&&L.createElement(Ua,null,L.createElement(Fa,{ref:x,selected:$,open:$,onOpenChange:be=>{be?G(I?.name??"")||te(cr=>cr.map(ur=>ur.chain===I?.name?{...ur,selected:!1}:ur)):ye()}},L.createElement(Pa,{onClick:()=>N(be=>!be)},L.createElement(Oa,{fullWidth:!0,variant:"default",suffix:L.createElement(za,{orientation:$?"up":"down"},L.createElement(Xd,{size:10,color:"gray"}))},L.createElement("div",{className:"button__content"},L.createElement(Zd,{size:18,color:"info"}),L.createElement(zt,{size:4,direction:"horizontal"}),L.createElement(xn,{variant:"label",size:"medium"},st.t("Send to a different address"))))),L.createElement(un,{open:$},L.createElement(L.Fragment,null,L.createElement(zt,{size:4}),L.createElement(Ha,{autoFocus:!0,placeholder:st.t("Your destination address"),value:y,onChange:be=>{P(be.target.value)}})))),he&&L.createElement("div",{className:qa()},L.createElement(jr,{variant:"alarm",type:"error",title:st.t({values:{destination:y},id:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}i(vl,"ConfirmWalletsModal");import{Divider as Hf}from"@rango-dev/ui";import Pe from"react";import{i18n as Rr}from"@lingui/core";import{Alert as lf,ChevronDownIcon as pf,ChevronRightIcon as cf,Divider as ei,Image as Gl,InfoIcon as uf,QuoteCost as mf,StepDetails as df,TokenAmount as ff,Tooltip as Hl,Typography as ao}from"@rango-dev/ui";import B,{useLayoutEffect as gf,useRef as Ql,useState as hf}from"react";import{styled as io}from"@rango-dev/ui";var bl=io("div",{paddingBottom:"$10"}),Kr=io("div",{width:"100%","& .position-top__skeleton":{paddingTop:"$10"}}),Al=io("div",{variants:{paddingTop:{true:{paddingTop:"$10"}}}}),El=io("div",{paddingBottom:"$15"}),Il=io("div",{width:"100%",display:"flex"});import*as vn from"@radix-ui/react-collapsible";import{css as Xr,darkTheme as Ye,Image as Wl,styled as Je,Typography as rf}from"@rango-dev/ui";var Yr=300,Ll=Je(vn.Root,{display:"flex",flexDirection:"column",alignItems:"start",overflowX:"auto",overflowY:"hidden",width:"100%",borderRadius:"$xm",cursor:"default",variants:{recommended:{true:{$$color:"$colors$info300",[`.${Ye} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"},false:{$$color:"$colors$neutral400",[`.${Ye} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}}}}),Nl=Xr({padding:"$10 $15"}),Bl=Je("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",[`.${Ye} &`]:{$$color:"$colors$secondary600"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}},false:{$$color:"$colors$neutral200",[`.${Ye} &`]:{$$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",[`.${Ye} &`]:{$$color:"$colors$secondary700"},backgroundColor:"$$color"}}},{listItem:!0,recommended:!1,css:{"&:hover":{$$color:"$colors$neutral300",[`.${Ye} &`]:{$$color:"$colors$neutral400"},backgroundColor:"$$color"}}}]}),Pl=Xr({width:"100%",padding:"$15 $15 $10 $15",cursor:"default"}),$l=Xr({paddingTop:"$10",display:"flex",alignItems:"center",".usd-value":{$$color:"$colors$neutral600",[`.${Ye} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Ml=Je(vn.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:{[`& ${Wl}`]:{border:"1px $warning500 solid",borderRadius:"100%"}},false:{[`& ${Wl}`]:{border:"1px transparent solid",borderRadius:"100%"}}},recommended:{true:{$$color:"$colors$info300",[`.${Ye} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"},false:{$$color:"$colors$neutral400",[`.${Ye} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}}},"& div:nth-child(1)":{display:"flex"}}),Jr=Je("div",{width:"18px",height:"18px",borderRadius:"100%",border:"1.5px transparent solid",display:"flex",justifyContent:"center",alignItems:"center",variants:{state:{error:{borderColor:"$error500"},warning:{borderColor:"$warning500"}}}}),_l=Je(un,{width:"100%",background:"inherit"}),Zr=Je("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$2",transition:`all ${Yr}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),Zv=Je("div",{height:"$12",marginLeft:"$10",marginRight:"$10",borderLeft:"1px solid $foreground"}),Dl=Je("div",{display:"flex",justifyContent:"center",margin:"0 $15",borderTop:"1px solid",$$color:"$colors$neutral300",[`.${Ye} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color"}),Fl=Je("div",{width:"$16",height:"$16",justifyContent:"center",alignItems:"center",display:"flex"}),Ol=Je(rf,{width:"100%",overflow:"hidden",textOverflow:"ellipsis",letterSpacing:.4});import{TokenAmount as zl}from"@rango-dev/ui";import bn from"react";import{css as sf,styled as af}from"@rango-dev/ui";var Ul=af("div",{position:"relative",display:"flex",flexDirection:"column",width:"100%"}),ql=sf({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 bn.createElement(Ul,null,bn.createElement(zl,{direction:"horizontal",label:"Swap input",type:"input",price:{value:e.price.value,usdValue:e.price.usdValue},token:{displayName:e.token.displayName,image:e.token.image},chain:{image:e.chain.image}}),bn.createElement("div",{className:ql()}),bn.createElement(zl,{direction:"horizontal",label:"Estimated output",type:"output",price:{value:o.price.value,usdValue:o.price.usdValue},token:{displayName:o.token.displayName,image:o.token.image},chain:{image:o.chain.image},percentageChange:n,warningLevel:r}))}i(so,"QuoteSummary");function ti(t){let{quote:e,input:o,output:n,error:r,warning:s,type:a,recommended:l=!0}=t,p=d().tokens(),c=d().blockchains(),u=d().swappers(),[m,g]=hf(t.expanded),f=Ql(null),k=Ql(m),S=W(Yo(e.result?.swaps??[],p),2,2),h=Mo(_o(e.result?.swaps)),b=W(o.value,6,6),T=W(n.value,6,6),w=n.usdValue?W(n.usdValue,4,4):"",A=Ne(o.usdValue,n.usdValue??null),C=W(A,2,2),v=it(A??0),y=i(N=>N.map((x,_)=>{let I,G=r?.type===3&&r.swap.swapperId===x.swapperId||r?.type===4&&r.recommendedSlippages?.has(_),J=s?.type===2&&s.recommendedSlippages?.has(_);return G?I="error":J&&(I="warning"),{swapper:{displayName:ea(x.swapperId,u),image:x.swapperLogo},from:{token:{displayName:x.from.symbol,image:x.from.logo},chain:{displayName:Xe(x.from.blockchain,c),image:x.from.blockchainLogo},price:{value:_===0?W(o.value,6,6):W(x.fromAmount,6,6),usdValue:W((x.from.usdPrice??0)*parseFloat(x.fromAmount),4,4)}},to:{token:{displayName:x.to.symbol,image:x.to.logo},chain:{displayName:Xe(x.to.blockchain,c),image:x.to.blockchainLogo},price:{value:W(x.toAmount,6,6),usdValue:W((x.to.usdPrice??0)*parseFloat(x.toAmount),4,4)}},state:I,alerts:G||J?B.createElement(El,null,B.createElement(lf,{type:G?"error":"warning",title:r?.type===3?r?.recommendation:Rr.t("Slippage Error:"),footer:B.createElement(Il,null,r?.type===3&&B.createElement(B.Fragment,null,B.createElement(ao,{size:"xsmall",variant:"body",color:"neutral900"},r.fromAmountRangeError),B.createElement(ei,{direction:"horizontal",size:8}),B.createElement(ao,{size:"xsmall",variant:"body",color:"neutral900"},"|"),B.createElement(ei,{direction:"horizontal",size:8}),B.createElement(ao,{size:"xsmall",variant:"body",color:"neutral900"},Rr.t({id:"Yours: {amount} {symbol}",values:{amount:W(x.fromAmount,6,6),symbol:x?.from.symbol}}))),(r?.type===4||s?.type===2)&&B.createElement(ao,{size:"xsmall",variant:"body",color:"neutral900"},Rr.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??[]),P=y.length,$=j();return gf(()=>{m&&!k.current&&f.current&&setTimeout(()=>{f?.current?.scrollIntoView({behavior:"smooth"})},Yr),k.current=m},[m,k]),B.createElement(B.Fragment,null,B.createElement(Bl,{recommended:l,listItem:a==="list-item",basic:a==="basic"},B.createElement("div",{className:Pl()},B.createElement(mf,{fee:S,time:h,steps:P}),a==="basic"&&B.createElement("div",{className:$l()},B.createElement(Fl,null,B.createElement(uf,{size:12,color:"gray"})),B.createElement(Ol,{size:"small",variant:"body"},`${b} ${y[0].from.token.displayName} = ${T} ${y[y.length-1].to.token.displayName}`),B.createElement(ao,{color:"$neutral600",ml:2,size:"xsmall",variant:"body"},`($${w})`)),a==="list-item"&&B.createElement(ff,{type:"output",direction:"vertical",price:{value:T,usdValue:w},token:{displayName:y[P-1].to.token.displayName,image:y[P-1].to.token.image},chain:{image:y[P-1].to.chain.image},percentageChange:C,warningLevel:v}),a==="swap-preview"&&B.createElement(B.Fragment,null,B.createElement(so,{from:y[0].from,to:y[P-1].to,percentageChange:C,warningLevel:v}),B.createElement(ei,{size:4}))),B.createElement(Ll,{recommended:l,open:m,onOpenChange:g},B.createElement(Ml,{ref:N=>f.current=N,recommended:l,onClick:()=>g(N=>!N)},B.createElement("div",null,y.map((N,x)=>{let _=`item-${x}`,I=B.createElement(Zr,null,B.createElement(cf,{size:12,color:"black",...N.state&&{color:N.state==="error"?"error":"warning"}}));return B.createElement(B.Fragment,{key:_},B.createElement(Hl,{container:$,side:"bottom",sideOffset:4,content:N.from.chain.displayName},B.createElement(Jr,{state:N.state||y[x-1]?.state},B.createElement(Gl,{src:N.from.chain.image,size:16}))),x===P-1&&B.createElement(B.Fragment,null,I,B.createElement(Hl,{container:$,side:"bottom",sideOffset:4,content:N.to.chain.displayName},B.createElement(Jr,{state:N.state},B.createElement(Gl,{src:N.to.chain.image,size:16})))),x!==P-1&&B.createElement(B.Fragment,null,I))})),B.createElement(Zr,{orientation:m?"up":"down"},B.createElement(pf,{size:12,color:"black"}))),B.createElement(_l,{open:m},B.createElement(Dl,null),B.createElement("div",{className:Nl()},y.map((N,x)=>{let _=`item-${x}`;return B.createElement(df,{type:"quote-details",key:_,step:N,hasSeparator:x!==y.length-1,state:N.state})}))))))}i(ti,"Quote");import{Divider as Cf,Skeleton as kf}from"@rango-dev/ui";import at from"react";import{darkTheme as yf,styled as An}from"@rango-dev/ui";var Vl=An("div",{$$color:"$colors$neutral100",[`.${yf} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",borderBottomLeftRadius:"$xm",borderBottomRightRadius:"$xm",padding:"$15 ",variants:{rounded:{true:{borderRadius:"$xm"}}}}),jl=An("div",{paddingTop:"$2"}),Kl=An("div",{paddingLeft:"$8"}),Xl=An("div",{borderLeft:"1px dashed black",minHeight:" 0",margin:"0px 11.5px",alignSelf:"stretch",variants:{hideSeparator:{true:{minHeight:"unset",height:"0"}}}});import{ChainToken as sp,Divider as It,Skeleton as Re}from"@rango-dev/ui";import q from"react";import{styled as Ze}from"@rango-dev/ui";var Yl=Ze("div",{display:"flex",justifyContent:"space-between",alignItems:"center",height:"22px"}),Jl=Ze("div",{display:"flex"}),Zl=Ze("div",{padding:"$15 $0 14px $0"}),Rl=Ze("div",{padding:"$6 $0 $15 $0",display:"flex",flexDirection:"column"}),ep=Ze("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$5"}),tp=Ze("div",{display:"flex",justifyContent:"space-between",alignItems:"end"}),op=Ze("div",{height:"$28",marginLeft:"13px",borderLeft:"1px solid $neutral700"}),np=Ze("div",{width:"65%",display:"flex",justifyContent:"start"}),rp=Ze("div",{display:"flex",flexDirection:"column",alignItems:"start",flexGrow:1,maxWidth:"148px"}),ip=Ze("div",{padding:"$15 $0 $15 $0"});function co(t){let{type:e,tag:o=!1}=t,n=q.createElement(tp,null,q.createElement(np,null,q.createElement(sp,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),q.createElement(It,{size:8,direction:"horizontal"}),q.createElement(rp,null,q.createElement(Re,{height:10,width:60,variant:"rounded"}),q.createElement(It,{size:4}),q.createElement(Re,{height:15,variant:"rounded"}))),q.createElement(Re,{height:12,width:64,variant:"rounded"}));return q.createElement("div",null,q.createElement(Yl,null,q.createElement(Jl,null,q.createElement(Re,{width:60,height:10,variant:"rounded"}),q.createElement(It,{size:4,direction:"horizontal"}),q.createElement(Re,{width:60,height:10,variant:"rounded"}),q.createElement(It,{size:4,direction:"horizontal"}),q.createElement(Re,{width:60,height:10,variant:"rounded"})),o&&q.createElement(Re,{height:22,width:100,variant:"rounded"})),e==="basic"&&q.createElement(Zl,null,q.createElement(Re,{height:15,width:148,variant:"rounded"})),e==="list-item"&&q.createElement(Rl,null,q.createElement(ep,null,q.createElement(sp,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),q.createElement(It,{direction:"horizontal",size:4}),q.createElement(Re,{height:15,width:150,variant:"rounded"})),q.createElement(It,{size:4}),q.createElement(Re,{height:10,width:184,variant:"rounded"})),e==="swap-preview"&&q.createElement(q.Fragment,null,q.createElement(It,{size:4}),q.createElement(ip,null,n,q.createElement(op,null),n)))}i(co,"QuoteSummarySkeleton");import{ChainToken as up,Divider as ni,NextIcon as Sf,Skeleton as En}from"@rango-dev/ui";import ae from"react";import{styled as uo}from"@rango-dev/ui";var ap=uo("div",{display:"flex",alignItems:"start"}),lp=uo("div",{flexGrow:1,paddingTop:"$5",paddingBottom:"$10",display:"flex",alignItems:"center"}),oi=uo("div",{display:"flex",alignItems:"center",flexGrow:1}),pp=uo("div",{margin:"$0 $2",padding:"$4",display:"flex",justifyContent:"center",alignItems:"center"}),cp=uo("div",{display:"flex",alignItems:"center"});function et(t){let{separator:e=!0}=t;return ae.createElement(ae.Fragment,null,ae.createElement(cp,null,ae.createElement(En,{height:22,width:22,variant:"circular"}),ae.createElement(ni,{direction:"horizontal",size:8}),ae.createElement(En,{height:15,width:148,variant:"rounded"})),ae.createElement(ap,null,ae.createElement(Xl,{hideSeparator:!e}),ae.createElement(lp,null,ae.createElement(oi,null,ae.createElement(up,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ae.createElement(ni,{direction:"horizontal",size:8}),ae.createElement(En,{height:12,variant:"rounded"})),ae.createElement(pp,null,ae.createElement(Sf,{color:"gray",size:16})),ae.createElement(oi,null,ae.createElement(up,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ae.createElement(ni,{direction:"horizontal",size:8}),ae.createElement(En,{height:12,variant:"rounded"})))))}i(et,"StepSkeleton");function ri(t){let{type:e,expanded:o,tag:n=!1}=t;return at.createElement(Vl,{rounded:e!=="basic"},at.createElement(co,{type:e,tag:n}),at.createElement(jl,null,at.createElement(kf,{height:15,variant:"rounded"})),o&&at.createElement(Kl,null,at.createElement(Cf,{size:20}),at.createElement(et,null),at.createElement(et,null),at.createElement(et,{separator:!1})))}i(ri,"QuoteSkeleton");import{i18n as Uf}from"@lingui/core";import{Alert as qf,Button as zf,InfoIcon as Gf}from"@rango-dev/ui";import Ee from"react";import{Alert as Tf,Button as wf,Divider as yp,NoRouteIcon as xf,RefreshIcon as vf,Typography as Sp}from"@rango-dev/ui";import qe from"react";import{i18n as mp}from"@lingui/core";function dp(t,e,o,n){return t?.type===1?{alert:{type:"warning",text:Q().genericServerError,action:{onClick:n,title:mp.t("Retry")}},description:""}:e.length?{alert:{type:"warning",text:Q().liquiditySourcesError.title,action:{onClick:()=>o(!0),title:mp.t("Reset")}},description:Q().liquiditySourcesError.description}:t?.type===0&&t.diagnosisMessage?{alert:{type:"error",text:t.diagnosisMessage,action:null},description:""}:{alert:null,description:Q().noResultError.description}}i(dp,"makeInfo");import{styled as ii}from"@rango-dev/ui";var fp=ii("div",{minHeight:"162px",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"}),gp=ii("div",{width:"100%"}),hp=ii("div",{padding:"$6 $0"});function si(t){let{fetch:e,error:o}=t,n=d().disabledLiquiditySources,r=d().toggleAllLiquiditySources,s=d().swappers(),a=dp(o,n,()=>r(s,!0),e);return qe.createElement(fp,null,qe.createElement(xf,{size:24,color:"gray"}),qe.createElement(yp,{size:4}),qe.createElement(Sp,{variant:"title",size:"small"},Q().noResultError.title),!!a.description&&qe.createElement(Sp,{variant:"body",size:"small",align:"center",color:"neutral700"},a.description),qe.createElement(yp,{size:4}),!!a.alert&&qe.createElement(gp,null,qe.createElement(Tf,{type:a.alert.type,title:a.alert.text,action:a.alert.action&&qe.createElement(wf,{size:"xsmall",type:a.alert.type,prefix:qe.createElement(hp,null,qe.createElement(vf,{size:8})),onClick:a.alert.action.onClick},a.alert.action.title),variant:"alarm"})))}i(si,"NoResult");import{i18n as mo}from"@lingui/core";import{Button as Af,Divider as vp,MessageBox as Ef,Modal as If,Typography as Wf,WarningIcon as Lf}from"@rango-dev/ui";import tt from"react";import{Typography as wp}from"@rango-dev/ui";import li from"react";import{darkTheme as bf,styled as In}from"@rango-dev/ui";var Cp=In("div",{width:"100%",paddingTop:"$10"}),ai=In("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),kp=In("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%","._title":{$$color:"$colors$neutral600",[`.${bf} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Tp=In("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});function xp(t){let{title:e,value:o,valueColor:n}=t;return li.createElement(kp,null,li.createElement(wp,{size:"medium",variant:"label",className:"_title"},e),li.createElement(wp,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}i(xp,"QuoteErrorsModalItem");function bp(t){let{open:e,onClose:o,onConfirm:n,warning:r}=t,s=r.warningLevel==="high"?"error":"warning",a=[{title:mo.t("Swapping"),value:W(r.inputUsdValue,4,4)},{title:mo.t("Gas cost"),value:W(r.totalFee,2,2)},{title:mo.t("Receiving"),value:W(r.outputUsdValue,4,4)},{title:mo.t("Price impact"),value:W(r.priceImpact,2,2),valueColor:`${s}500`}];return tt.createElement(If,{open:e,onClose:o,container:j()},tt.createElement(Ef,{type:s,title:Q().highValueLossError.impactTitle,description:Q().highValueLossError.description}),tt.createElement(ai,null,tt.createElement(vp,{size:20}),tt.createElement(Wf,{size:"small",variant:"title"},mo.t("Details")),tt.createElement(ai,null,a.map((l,p)=>tt.createElement(xp,{key:p,...l})))),tt.createElement(vp,{size:32}),tt.createElement(Af,{type:"primary",size:"large",prefix:tt.createElement(Lf,null),fullWidth:!0,onClick:n},Q().highValueLossError.confirmMessage))}i(bp,"HighValueLossWarningModal");import{i18n as pi}from"@lingui/core";function Ap(t,e){let o={alertType:"warning",title:"",action:"show-info"};return t?(t.type===0&&(it(t.priceImpact)==="high"&&(o.alertType="error"),o.action=null,o.title=Q().highValueLossError.title),t.type===1&&(o.title=Q().unknownPriceError.title),t.type===2&&(o.title=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(Ap,"makeAlerts");import{i18n as Gt}from"@lingui/core";import{Button as Ep,Divider as Ip,MessageBox as Nf,Modal as Bf,Typography as Pf}from"@rango-dev/ui";import Wt from"react";import{useNavigate as $f}from"react-router-dom";function Wp(t){let{customSlippage:e,slippage:o}=d(),{open:n,onClose:r,onConfirm:s,warning:a}=t,l=$f(),p=e??o;return Wt.createElement(Bf,{anchor:"bottom",open:n,prefix:Wt.createElement(Ep,{size:"small",variant:"ghost",onClick:()=>l("../"+M.settings)},Wt.createElement(Pf,{variant:"label",size:"medium",color:"$neutral900"},Gt.t("Change settings"))),container:j(),onClose:r},Wt.createElement(Nf,{type:"warning",title:a.type===3?Gt.t("High slippage"):Gt.t("Low slippage"),description:a.type===3?Gt.t({id:" Caution, your slippage is high (={userSlippage}). Your trade may be front run.",values:{userSlippage:p}}):Gt.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:a.minRequiredSlippage}})},Wt.createElement(Ip,{size:18}),Wt.createElement(Ip,{size:32}),Wt.createElement(Ep,{size:"large",type:"primary",variant:"contained",fullWidth:!0,onClick:s},Gt.t("Confirm anyway"))))}i(Wp,"SlippageWarningModal");import{Button as Mf,Divider as _f,MessageBox as Df,Modal as Ff,WarningIcon as Of}from"@rango-dev/ui";import fo from"react";function Lp(t){let{open:e,onClose:o,onConfirm:n}=t;return fo.createElement(Ff,{open:e,onClose:o,container:j()},fo.createElement(Df,{type:"warning",title:Q().unknownPriceError.impactTitle,description:Q().unknownPriceError.description}),fo.createElement(_f,{size:32}),fo.createElement(Mf,{type:"primary",size:"large",prefix:fo.createElement(Of,null),fullWidth:!0,onClick:n},Q().unknownPriceError.confirmMessage))}i(Lp,"UnknownPriceWarningModal");function ci(t){let{warning:e,error:o,refetchQuote:n,showWarningModal:r,onOpenWarningModal:s,onCloseWarningModal:a,onConfirmWarningModal:l,onChangeSettings:p}=t,c={open:r,onClose:a,onConfirm:l},u=o?.type===0||o?.type===1,m=Ap(e,o?.type===3||o?.type===4?o:null);return Ee.createElement(Ee.Fragment,null,u&&Ee.createElement(si,{error:o,fetch:n}),!!m&&Ee.createElement(Cp,null,Ee.createElement(qf,{title:m.title,type:m.alertType,variant:"alarm",...m.action==="show-info"&&{action:Ee.createElement(Tp,{onClick:s},Ee.createElement(Gf,{size:12,color:"gray"}))},...m.action==="change-settings"&&{action:Ee.createElement(zf,{size:"xxsmall",type:m.alertType,onClick:p},Uf.t("Change"))}})),e&&Ee.createElement(Ee.Fragment,null,e.type===0&&Ee.createElement(bp,{...c,warning:e}),(e.type===3||e.type===2)&&Ee.createElement(Wp,{...c,warning:e}),e.type===1&&Ee.createElement(Lp,{...c,warning:e})))}i(ci,"QuoteWarningsAndErrors");function go(t){let{quote:e,type:o,loading:n,error:r,warning:s,refetchQuote:a,showWarningModal:l,onOpenWarningModal:p,onCloseWarningModal:c,onConfirmWarningModal:u,onChangeSettings:m,expanded:g=!1,alertPosition:f="bottom"}=t,{inputAmount:k,inputUsdValue:S,outputUsdValue:h,outputAmount:b}=O(),w=!(r&&(r.type===0||r.type===1))&&e&&e.result&&!n,A=(s||r)&&Pe.createElement(ci,{warning:s,error:r,loading:n,refetchQuote:a,showWarningModal:l,onOpenWarningModal:p,onCloseWarningModal:c,onConfirmWarningModal:u,onChangeSettings:m});return Pe.createElement(Pe.Fragment,null,n&&Pe.createElement(Kr,null,Pe.createElement(Al,{paddingTop:f==="top"},Pe.createElement(ri,{type:o,expanded:g}))),f==="top"&&Pe.createElement(bl,null,A),w?Pe.createElement(Kr,null,Pe.createElement(ti,{quote:e,error:r,warning:s,type:o,expanded:g,recommended:!0,input:{value:k,usdValue:S?.toString()??""},output:{value:b?.toString()??"",usdValue:h?.toString()??""}})):null,f==="bottom"&&Pe.createElement(Pe.Fragment,null,!s&&!r&&Pe.createElement(Hf,{size:16}),A))}i(go,"QuoteInfo");import{calculatePendingSwap as jf}from"@rango-dev/queue-manager-rango-preset";import{useEffect as Kf}from"react";import{useRef as Qf,useState as Vf}from"react";function Wn(){let[t,e]=Vf(!1),o=Qf(null),n=i(()=>o.current?.abort(),"cancel");return{fetch:i(async s=>{n(),o.current=new AbortController,e(!0);try{let a=await $t().getBestRoute(s,{signal:o.current.signal});return o.current=null,a}catch(a){throw a}finally{e(!1)}},"fetch"),loading:t,cancelFetch:n}}i(Wn,"useFetchQuote");function Ln(t){if(!t.result)throw new Error(Q().noResultError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});if(wr(t)){let{swap:n,recommendation:r,fromAmountRangeError:s}=xr(t);throw new Error("bridge limit error",{cause:{type:3,swap:n,recommendation:r,fromAmountRangeError:s}})}let o=br(t);if(o){let n=Jo(t);throw new Error("",{cause:{type:4,recommendedSlippages:o,minRequiredSlippage:n}})}return t}i(Ln,"throwErrorIfResponseIsNotValid");function Np(t,e,o){let n=!1;t&&(n=Sa(t,e));let r={quote:null,quoteUpdate:null,balance:null},s=Ro(e,{fromToken:o.fromToken,toToken:o.toToken,tokens:o.meta.tokens,userSlippage:o.userSlippage});s&&(r.quote=s),t&&n&&(la(t,e)?r.quoteUpdate={type:3,newOutputAmount:W(Dt(e)),percentageChange:W(Ne(Dt(t)??"",Dt(e)??""),null,2)}:Er(t,e)?r.quoteUpdate={type:0}:Ir(t,e)?r.quoteUpdate={type:1}:Wr(t,e)&&(r.quoteUpdate={type:2}));let a=pa(e,o.selectedWallets,o.meta.blockchains);return a.length===0||(r.balance={messages:a}),r}i(Np,"generateWarnings");function Nn(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(Nn,"handleQuoteErrors");function ui(){let{fromToken:t,toToken:e,inputAmount:o,setQuote:n,quote:r,customDestination:s,setQuoteWarningsConfirmed:a}=O(),{slippage:l,customSlippage:p,affiliatePercent:c,affiliateRef:u,affiliateWallets:m,disabledLiquiditySources:g}=d(),{connectedWallets:f}=z(),k=d().blockchains(),S=d().tokens(),{features:h}=d().config,{enableNewLiquiditySources:b}=d().config,T=p||l,{fetch:w,cancelFetch:A,loading:C}=Wn();return Kf(()=>A,[]),{loading:C,fetch:i(async E=>{let y=E.selectedWallets,P=E?.customDestination??s;if(!t||!e||!o)return{quote:null,swap:null,error:null,warnings:null};let $=Zo({fromToken:t,toToken:e,inputAmount:o,wallets:f,selectedWallets:y,excludeLiquiditySources:b,disabledLiquiditySources:g,slippage:T,affiliateRef:u,affiliatePercent:c,affiliateWallets:m,initialQuote:r??void 0,destination:P});$o("experimentalRoute",h)&&($.experimental=!0);let N;try{N=await w($).then(G=>Ln(G)),n(N)}catch(G){return Nn(G)}let x={slippage:T.toString(),disabledSwappersGroups:g},_=jf(o.toString(),N,sa(y),x,!1,{blockchains:k,tokens:S}),I=Np(r??void 0,N,{fromToken:t,toToken:e,meta:{blockchains:k,tokens:S},selectedWallets:y,userSlippage:T});return I.quoteUpdate&&a(!1),{quote:N,swap:_,error:null,warnings:I}},"fetch"),cancelFetch:A}}i(ui,"useConfirmSwap");var sg=Mp("div",{position:"relative",width:"100%","& .quote-update__alert":{paddingTop:"$10"}}),ag=Mp("div",{width:"100%",display:"flex",justifyContent:"space-between",[`& ${$p}`]:{width:"$48",height:"$48"}}),lg=mi({flexGrow:1,paddingRight:"$10"}),pg=mi({width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"}),cg=mi({display:"flex",justifyContent:"space-between",alignItems:"center"});function _p(){let{quote:t,setInputAmount:e,selectedWallets:o,quoteWalletsConfirmed:n,setQuoteWalletConfirmed:r,customDestination:s,quoteWarningsConfirmed:a}=O(),l=ig(),[p,c]=Pn(""),{connectedWallets:u}=z(),m=!n,[g,f]=Pn(!1),k=Te.use.setSelectedSwap(),S=d().disabledLiquiditySources,h=ng(S),{manager:b}=Xf(),{fetch:T,loading:w,cancelFetch:A}=ui(),[C,v]=Pn({swap:null,error:null,warnings:null}),[E,y]=Pn(!1),P=i(async({selectedWallets:I,customDestination:G})=>{let J=await T?.({selectedWallets:I,customDestination:G});return v(J),J},"onConfirmSwap"),$=i(async()=>{if(C.swap&&n)try{await b?.create("swap",{swapDetails:C.swap},{id:C.swap.requestId}),k(C.swap.requestId);let I=`../${M.swaps}/${C.swap.requestId}`;l(I,{replace:!0}),setTimeout(()=>{e("")},0)}catch(I){c("Error: "+I?.message)}},"addNewSwap"),N=i(async()=>{await $()},"onConfirm"),x=i(async()=>{C?.warnings?.quote&&!a?y(!0):await N()},"onStartConfirmSwap"),_=i(async()=>{v({error:null,swap:null,warnings:null}),T({selectedWallets:o,customDestination:s}).then(I=>{v(I)}).catch(I=>console.error(I))},"onRefresh");return ho(()=>{!!h.current.length&&!S.length&&_(),h.current=S},[S.length]),ho(()=>{m&&A()},[m]),ho(()=>{m&&f(m)},[m]),ho(()=>{m||T({selectedWallets:o,customDestination:s}).then(I=>v(I)).catch(I=>console.error(I))},[]),ho(()=>{let I=C.warnings?.quote?.type&&Object.values(mt).includes(C.warnings?.quote?.type),G=o.length<1||!o.every(te=>u.find(H=>te.address===H.address&&te.walletType===H.walletType&&te.chain===H.chain)),J=!1;if(I){let te=Vo(t),H=t?.result?.swaps[t.result.swaps.length-1].to.blockchain;!!t?.result?.swaps.find(ye=>ye.from.blockchain===H)||(te=te.slice(-te.length,te.length-1)),te.every(ye=>o.find(_e=>_e.chain===ye))||(J=!0)}t&&(G||J)&&(queueMicrotask(()=>rg(f.bind(null,!0))),r(!1))},[C.warnings?.quote,o.length,u.length]),og(()=>{t||l("../")},[]),ee.createElement(K,{header:{title:Bn.t("Confirm Swap"),onWallet:()=>{let I=`../${M.wallets}`;l(I)},suffix:ee.createElement(Rf,{container:j(),side:"bottom",content:Bn.t("Settings")},ee.createElement(Fe,{size:"small",variant:"ghost",onClick:()=>l("../"+M.settings)},ee.createElement(Zf,{size:18,color:"black"})))},footer:ee.createElement(ag,null,ee.createElement("div",{className:lg()},ee.createElement(Pp,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:w,disabled:!!C.error,onClick:x},Bn.t("Start Swap"))),ee.createElement($p,{variant:"contained",type:"primary",size:"large",loading:w,onClick:f.bind(null,!0)},ee.createElement(tg,{size:24})))},g&&ee.createElement(vl,{open:g,onClose:()=>f(!1),onCancel:A,loading:w,onCheckBalance:P}),ee.createElement(sg,null,ee.createElement("div",{className:cg()},ee.createElement(eg,{variant:"title",size:"small"},Bn.t("You get")),ee.createElement(Pp,{style:{padding:"0"},variant:"ghost",disabled:w,onClick:_},ee.createElement("div",{className:pg()},ee.createElement(Jf,{size:16})))),p&&ee.createElement(ee.Fragment,null,ee.createElement(Bp,{type:"error",variant:"alarm",title:p}),ee.createElement(Yf,{size:12})),C.warnings?.quoteUpdate&&ee.createElement("div",{className:"quote-update__alert"},ee.createElement(Bp,{variant:"alarm",type:"warning",title:C.warnings.quoteUpdate&&cn(C.warnings.quoteUpdate)})),ee.createElement(go,{quote:t,type:"swap-preview",expanded:!0,alertPosition:"top",error:C.error,loading:w,warning:C.warnings?.quote??null,refetchQuote:_,showWarningModal:E,onOpenWarningModal:()=>y(!0),onCloseWarningModal:()=>y(!1),onConfirmWarningModal:async()=>{y(!1),await $()},onChangeSettings:()=>l("../"+M.settings)})))}i(_p,"ConfirmSwapPage");import{i18n as _n}from"@lingui/core";import{useManager as Sg}from"@rango-dev/queue-manager-react";import{Divider as Cg,NotFound as kg,styled as Qp}from"@rango-dev/ui";import Ct,{useState as Tg}from"react";import{useNavigate as wg}from"react-router-dom";import{CloseIcon as mg,IconButton as dg,SearchIcon as fg,TextField as gg}from"@rango-dev/ui";import yo from"react";import{styled as ug}from"@rango-dev/ui";var Dp=ug("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function lt(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:s,value:a,setValue:l,...p}=t;return yo.createElement(gg,{prefix:yo.createElement(Dp,null,yo.createElement(fg,{color:"black"})),suffix:!!a.length&&yo.createElement(dg,{variant:"ghost",onClick:()=>l?.(""),size:"small"},yo.createElement(mg,{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(lt,"SearchInput");import{i18n as Op}from"@lingui/core";import{Divider as Up,SwapListItem as qp,Typography as zp}from"@rango-dev/ui";import Z from"react";import{css as hg,darkTheme as yg,styled as $n}from"@rango-dev/ui";var Mn=hg(),di=$n("div",{width:"100%",display:"flex",flexDirection:"column",[`& .${Mn}`]:{$$color:"$colors$neutral600",[`.${yg} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),fi=$n("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),gi=$n("div",{gap:"$10",display:"flex",flexDirection:"column"}),Fp=$n("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});function hi(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,s=n?n(e):[{title:"History",swaps:e}];if(r){let a=[{},{}];return Z.createElement(Z.Fragment,null,[{title:"Today",swaps:a},{title:"Last month",swaps:a}].map(p=>Z.createElement(Z.Fragment,{key:p.title},Z.createElement(di,null,Z.createElement(fi,null,Z.createElement(zp,{variant:"label",size:"medium",className:Mn()},Op.t(p.title))),Z.createElement(Up,{size:4}),Z.createElement(gi,null,p.swaps.map((c,u)=>{let m=u+p.title;return Z.createElement(Z.Fragment,{key:m},Z.createElement(qp,{isLoading:!0}))}))))))}return Z.createElement(Z.Fragment,null,s.filter(a=>a.swaps.length>0).map(a=>Z.createElement(Z.Fragment,{key:a.title},Z.createElement(di,null,Z.createElement(fi,null,Z.createElement(zp,{variant:"label",size:"medium",className:Mn()},Op.t(a.title))),Z.createElement(Up,{size:4}),Z.createElement(gi,null,a.swaps.map(l=>{let p=l.steps[0],c=l.steps[l.steps.length-1];return Z.createElement(Z.Fragment,{key:l.requestId},Z.createElement(qp,{requestId:l.requestId,creationTime:l.creationTime,status:l.status,onClick:o,onlyShowTime:a.title==="Today",swapTokenData:{from:{token:{image:p.fromLogo,displayName:p.fromSymbol},blockchain:{image:p.fromBlockchainLogo||""},amount:Do(l.inputAmount)},to:{token:{image:c.toLogo,displayName:c.toSymbol},blockchain:{image:c.toBlockchainLogo||""},amount:Do(c.outputAmount||""),estimatedAmount:Do(c.expectedOutputAmountHumanReadable||"")}}}))}))))))}i(hi,"SwapsGroup");import Gp from"dayjs";var Hp=i(t=>{let e=new Map([["today",{title:"Today",swaps:[]}],["month",{title:"Last month",swaps:[]}],["year",{title:"Last year",swaps:[]}],["history",{title:"History",swaps:[]}]]),o=Gp();return t.forEach(n=>{let r=Gp(Number(n.creationTime));o.isSame(r,"day")?e.get("today")?.swaps.push(n):o.isSame(r,"month")?e.get("month")?.swaps.push(n):o.isSame(r,"year")?e.get("year")?.swaps.push(n):e.get("history")?.swaps.push(n)}),Array.from(e.values())},"groupSwapsByDate");var Ht=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 xg=Qp("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",height:"100%",gap:15}),vg=Qp("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),bg=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 Vp(){let t=Te.use.setSelectedSwap(),e=wg(),{manager:o,state:n}=Sg(),r=Ht(o).map(({swap:m})=>m),[s,a]=Tg(""),l=!n.loadedFromPersistor,p=i(m=>{let g=m.target.value;a(g)},"searchHandler"),c=r;s&&(c=r.filter(m=>je(m.inputAmount,s)||je(m.status,s)||bg(m.steps,s)||je(m.requestId,s)));let u=!c?.length&&!l;return Ct.createElement(K,{header:{title:_n.t("History")}},Ct.createElement(xg,null,Ct.createElement(lt,{setValue:a,fullWidth:!0,variant:"contained",placeholder:_n.t("Search Transaction"),autoFocus:!0,onChange:p,value:s}),Ct.createElement(vg,null,u&&Ct.createElement(Fp,null,Ct.createElement(Cg,{size:32}),Ct.createElement(kg,{title:_n.t("No results found"),description:s?_n.t("Try using different keywords"):""})),!u&&Ct.createElement(hi,{list:c,onSwapClick:m=>{t(m),e(m)},groupBy:Hp,isLoading:l}))))}i(Vp,"HistoryPage");import{i18n as Ci}from"@lingui/core";import{Button as Bg,styled as ki,SwapInput as Yp,WarningIcon as Pg}from"@rango-dev/ui";import $e,{useEffect as $g,useRef as Mg,useState as _g}from"react";import{useNavigate as Dg}from"react-router-dom";import{ReverseIcon as Ag,styled as jp}from"@rango-dev/ui";import yi from"react";var Eg=jp("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),Ig=jp("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 Kp(){let t=O.use.switchFromAndTo();return yi.createElement(Eg,null,yi.createElement(Ig,{onClick:()=>{t()}},yi.createElement(Ag,{size:12})))}i(Kp,"SwitchFromAndToButton");import{useCallback as Wg,useEffect as Lg,useState as Si}from"react";var Ng=600;function Xp(){let{fetch:t,cancelFetch:e}=Wn(),{liquiditySources:o,enableNewLiquiditySources:n,features:r}=d().config,s=d().tokens(),{fromToken:a,toToken:l,inputAmount:p,inputUsdValue:c,resetQuote:u,setQuote:m}=O(),{slippage:g,customSlippage:f,affiliatePercent:k,affiliateRef:S,affiliateWallets:h,disabledLiquiditySources:b}=d(),[T,w]=Si(!1),[A,C]=Si(null),[v,E]=Si(null),y=f??g,$=!a||!l||Le(a,l)||!eo(p),N=i(I=>{w(I),C(null),E(null)},"resetState"),x=i(I=>{let{fromToken:G,toToken:J,inputAmount:te,liquiditySources:H,excludeLiquiditySources:re,disabledLiquiditySources:he,slippage:ye,affiliateRef:_e,affiliatePercent:Bt,affiliateWallets:Rt}=I;if(T||N(!0),!$&&G&&J){u();let rt=Zo({fromToken:G,toToken:J,inputAmount:te,liquiditySources:H,excludeLiquiditySources:re,disabledLiquiditySources:he,slippage:ye,affiliateRef:_e,affiliatePercent:Bt,affiliateWallets:Rt});$o("experimentalRoute",r)&&(rt.experimental=!0),t(rt).then(Qe=>{w(!1),m(Qe),Ln(Qe);let D=Ro(Qe,{fromToken:G,toToken:J,userSlippage:y,tokens:s});E(D)}).catch(Qe=>{let{error:D}=Nn(Qe);(D?.type===0||D?.type===1)&&u(),D?.type!==2&&(C(D),w(!1))})}},"fetch"),_=Wg(Es(I=>{$||x(I)},Ng),[$]);return Lg(()=>{if(!eo(p)||c?.eq(0)){N(!1),e();return}if(!$)return u(),N(!0),_({inputAmount:p,fromToken:a,toToken:l,liquiditySources:o,excludeLiquiditySources:n,disabledLiquiditySources:b,slippage:y,affiliateRef:S,affiliatePercent:k,affiliateWallets:h}),e},[p,a?.symbol,a?.address,a?.blockchain,l?.symbol,l?.address,l?.blockchain,$,o?.length,n,b.length,y,S,k,JSON.stringify(h)]),{fetch:()=>x({inputAmount:p,fromToken:a,toToken:l,liquiditySources:o,excludeLiquiditySources:n,disabledLiquiditySources:b,slippage:y,affiliateRef:S,affiliatePercent:k,affiliateWallets:h}),loading:T,error:A,warning:v}}i(Xp,"useSwapInput");var Fg=ki("div",{display:"flex",flexDirection:"column",overflowY:"visible","& .quote__container":{paddingTop:"$2"}}),Og=ki("div",{position:"relative"}),Ug=ki("div",{display:"flex",flexDirection:"column",gap:5,alignSelf:"stretch"});function Jp(){let t=Dg(),{fetch:e,loading:o,error:n,warning:r}=Xp(),{fromToken:s,fromBlockchain:a,toToken:l,toBlockchain:p,setInputAmount:c,inputAmount:u,inputUsdValue:m,outputAmount:g,outputUsdValue:f,quote:k,resetQuoteWallets:S,setQuoteWarningsConfirmed:h}=O(),b=d().fetchStatus,{connectedWallets:T,getBalanceFor:w}=z(),A=Te.use.setCurrentPage(),[C,v]=_g(!1),E=Mg(null),y=!!a&&qs(T,a.name),P=!1,$=!vr(k,u,m),N=!vr(k,u,f),x=na({fetchMetaStatus:b,fetchingQuote:o,inputAmount:u,quote:k,anyWalletConnected:T.length>0,error:n,warning:r,needsToWarnEthOnPath:P}),_=s?w(s):null,I=Go(_)?.amount??"0",G=a&&s?W(_?.amount,_?.decimals):"0";$g(()=>(A(M.home),S(),A.bind(null,"")),[]);let J=!m||!f||!f.gt(0)?null:Ne(m.toString(),f.toString());return $e.createElement(K,{ref:E,fixedHeight:!1,hasLogo:!0,footer:$e.createElement(Bg,{type:"primary",size:"large",disabled:x.disabled,prefix:x.action==="confirm-warning"&&$e.createElement(Pg,null),fullWidth:!0,onClick:()=>{x.action==="connect-wallet"?t(M.wallets):x.action==="confirm-warning"?v(!0):t(M.confirmSwap)}},x.title),header:{onWallet:()=>{t(M.wallets)},hasBackButton:!1,title:Ci.t("Swap"),suffix:$e.createElement(Or,{layoutRef:E.current,onClickRefresh:k||n?e:void 0,onClickHistory:()=>t(M.swaps),onClickSettings:()=>t(M.settings)})}},$e.createElement(Fg,null,$e.createElement(Ug,null,$e.createElement(Og,null,$e.createElement(Yp,{label:Ci.t("From"),mode:"From",onInputChange:c,balance:I,chain:{displayName:a?.displayName||"",image:a?.logo||""},token:{displayName:s?.symbol||"",image:s?.image||""},onClickToken:()=>t(M.fromSwap),price:{value:u,usdValue:$?void 0:W(m,4,4),error:$?Q().unknownPriceError.impactTitle:void 0},disabled:b==="failed",loading:b==="loading",loadingBalance:y,onSelectMaxBalance:()=>{I!=="0"&&c(G.split(",").join(""))}}),$e.createElement(Kp,null)),$e.createElement(Yp,{sharpBottomStyle:!!k?.result||o,label:Ci.t("To"),mode:"To",fetchingQuote:o,chain:{displayName:p?.displayName||"",image:p?.logo||""},token:{displayName:l?.symbol||"",image:l?.image||""},percentageChange:W(Ne(m,f),2,2),warningLevel:it(J??0),price:{value:W(g,6,6),usdValue:N?void 0:W(f,4,4),error:N?Q().unknownPriceError.impactTitle:void 0},onClickToken:()=>t(M.toSwap),disabled:b==="failed",loading:b==="loading"})),$e.createElement("div",{className:"quote__container"},$e.createElement(go,{quote:k,loading:o,error:n,warning:r,type:"basic",refetchQuote:e,showWarningModal:C,onOpenWarningModal:()=>v(!0),onCloseWarningModal:()=>v(!1),onConfirmWarningModal:()=>{v(!1),h(!0),t(M.confirmSwap)},onChangeSettings:()=>t(M.settings)}))))}i(Jp,"Home");import{i18n as Zp}from"@lingui/core";import{List as qg,ListItemButton as zg,Radio as Gg,RadioRoot as Hg,Typography as Qg}from"@rango-dev/ui";import kt from"react";import{styled as Dn}from"@rango-dev/ui";var pt=Dn("div",{height:"100%",overflow:"hidden"}),So=Dn("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto"}),Ti=Dn("div",{width:80,display:"flex",justifyContent:"flex-end"}),wi=Dn("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});function Fn(){let{setLanguage:t,language:e}=d();return{activeLanguage:e,languages:Gs,defaultLanguage:_t,changeLanguage:r=>t(r||_t)}}i(Fn,"useLanguage");function Rp(){let{activeLanguage:t,changeLanguage:e,languages:o}=Fn(),n=o.map(r=>{let{local:s,label:a,SVGFlag:l}=r;return{id:s,value:s,title:kt.createElement(Qg,{variant:"title",size:"xmedium"},a),onClick:()=>e(r.local),end:kt.createElement(Gg,{value:s}),start:kt.createElement(l,null)}});return kt.createElement(K,{header:{title:Zp.t("Language")}},kt.createElement(pt,null,kt.createElement(Hg,{value:t},kt.createElement(qg,{type:kt.createElement(zg,{title:Zp.t("language"),id:"_",onClick:()=>console.log()}),items:n}))))}i(Rp,"LanguagePage");import{i18n as Qt}from"@lingui/core";import{Button as Yg,Checkbox as Jg,Image as Zg,ListItemButton as Rg,NotFound as eh,Typography as th}from"@rango-dev/ui";import ge,{useState as oh}from"react";import{Checkbox as Kg,Skeleton as tc}from"@rango-dev/ui";import Co from"react";import{ListItem as Vg,styled as jg}from"@rango-dev/ui";var ec=jg(Vg,{height:61});var Xg=30;function xi(){return Co.createElement(So,null,Array.from(Array(Xg),t=>Co.createElement(ec,{hasDivider:!0,key:t,start:Co.createElement(tc,{variant:"circular",width:35,height:35}),title:Co.createElement(tc,{variant:"text",size:"large",width:90}),end:Co.createElement(Kg,{checked:!1})})))}i(xi,"LoadingLiquiditySourceList");function vi({sourceType:t}){let e=d().fetchStatus,o=d().swappers(),n=d().disabledLiquiditySources,[r,s]=oh(""),a=d().toggleLiquiditySource,l=Po(o,n),p=[];t==="Exchanges"&&p.push("DEX"),t==="Bridges"&&(p.push("BRIDGE"),p.push("AGGREGATOR"));let c=l.filter(S=>p.includes(S.type)),u=c.length===c.filter(S=>S.selected).length,m=i(()=>{c.forEach(S=>{u?a(S.groupTitle):S.selected||a(S.groupTitle)})},"toggleAllSources"),g=c.map(S=>{let{selected:h,groupTitle:b,logo:T}=S;return{start:ge.createElement(Zg,{src:T,size:22,type:"circular"}),onClick:()=>a(b),end:ge.createElement(Jg,{checked:h}),title:ge.createElement(th,{variant:"title",size:"xmedium"},Qt.t(b)),...S}}),f=i(S=>{let h=S.target.value;s(h)},"searchHandler"),k=g;return r&&(k=g.filter(S=>je(S.groupTitle,r))),ge.createElement(K,{header:{title:Qt.t(t),suffix:ge.createElement(Ti,null,ge.createElement(Yg,{variant:"ghost",size:"xsmall",onClick:m},Qt.t(u?"Deselect all":"Select all")))}},ge.createElement(pt,null,ge.createElement(lt,{value:r,setValue:s,fullWidth:!0,color:"light",variant:"contained",placeholder:Qt.t("Search {sourceType}",{sourceType:t}),onChange:f}),e==="loading"&&ge.createElement(xi,null),!k.length&&r?ge.createElement(wi,null,ge.createElement(eh,{title:Qt.t("No results found"),description:Qt.t("Try using different keywords")})):e==="success"&&ge.createElement(So,null,k.map(S=>ge.createElement(ge.Fragment,{key:S.id},ge.createElement(Rg,{style:{height:"61px"},...S,selected:!1,hasDivider:!0}))))))}i(vi,"LiquiditySourcePage");import{i18n as pc}from"@lingui/core";import{Divider as Ii,getCountCategories as mh,SelectableCategoryList as dh}from"@rango-dev/ui";import ct,{useState as cc}from"react";import{i18n as Ai}from"@lingui/core";import{Divider as ac,Image as ah,ListItemButton as lh,NotFound as ph,Typography as lc}from"@rango-dev/ui";import Me,{useEffect as ch,useState as uh}from"react";import{BlockchainCategories as bi}from"@rango-dev/ui";import{TransactionType as On}from"rango-sdk";var nh=i((t,e)=>{switch(e){case bi.ALL:return!0;case bi.UTXO:return t.type===On.TRANSFER;case bi.OTHER:return t.type!==On.TRANSFER&&t.type!==On.COSMOS&&t.type!==On.EVM;default:return t.type===e}},"filterByType"),oc=i((t,e,o)=>t.filter(n=>nh(n,o)).filter(n=>wt(n.name,e)||wt(n.displayName,e)),"filterBlockchains");import{ImageContainer as rh,styled as nc}from"@rango-dev/ui";var rc=nc("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),Un=nc("ul",{padding:0,margin:0,listStyle:"none",overflowY:"auto",paddingRight:"$5",[`& ${rh}`]:{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as ih,Skeleton as ic}from"@rango-dev/ui";import qn from"react";var sh=20;function sc(){return qn.createElement(Un,null,Array.from(Array(sh),t=>qn.createElement(ih,{key:t,hasDivider:!0,start:qn.createElement(ic,{variant:"circular",width:35,height:35}),title:qn.createElement(ic,{variant:"text",size:"large",width:90})})))}i(sc,"LoadingBlockchainList");function Ei(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[s,a]=uh(e),{fetchStatus:l}=d();ch(()=>{a([...oc(e,o,r)])},[e,o,r]);let p=i(()=>!s.length&&o?Me.createElement(Me.Fragment,null,Me.createElement(ac,{size:32}),Me.createElement(ph,{title:Ai.t("No results found"),description:Ai.t("Try using different keywords")})):Me.createElement(Un,{key:`${r}-${o}`},s.map(c=>Me.createElement(lh,{key:`${c.name}-${c.chainId}`,hasDivider:!0,onClick:()=>n(c),start:Me.createElement(ah,{src:c.logo,size:30}),title:Me.createElement(lc,{variant:"title",size:"medium"},c.displayName),id:c.chainId}))),"renderList");return Me.createElement(rc,null,Me.createElement(lc,{variant:"label",size:"large"},Ai.t("Select Blockchain")),Me.createElement(ac,{size:4}),l==="loading"&&Me.createElement(sc,null),l==="success"&&p())}i(Ei,"BlockchainList");function Wi(t){let{type:e}=t,o=ht(),[n,r]=cc(""),[s,a]=cc("ALL"),l=O.use.setToBlockchain(),p=O.use.setFromBlockchain(),c=d().fetchStatus,u=d().blockchains({type:e}),g=mh(u)!==1;return ct.createElement(K,{header:{title:pc.t("Select Blockchain")}},ct.createElement(Ii,{size:12}),g&&ct.createElement(ct.Fragment,null,ct.createElement(dh,{setCategory:a,category:s,blockchains:u,isLoading:c==="loading"}),ct.createElement(Ii,{size:24})),ct.createElement(lt,{value:n,autoFocus:!0,placeholder:pc.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:f=>r(f.target.value)}),ct.createElement(Ii,{size:16}),ct.createElement(Ei,{list:u,searchedFor:n,blockchainCategory:s,onChange:f=>{e==="source"?p(f):l(f),o()}}))}i(Wi,"SelectBlockchainPage");import{i18n as Nc}from"@lingui/core";import{Divider as Bc}from"@rango-dev/ui";import Kt,{useState as Nh}from"react";import{useNavigate as Bh}from"react-router-dom";import{i18n as Bi}from"@lingui/core";import{BlockchainsChip as zn,Divider as fc,Image as gc,Skeleton as Sh,Tooltip as Ch,Typography as Pi}from"@rango-dev/ui";import le from"react";import{useEffect as hh}from"react";var uc=["ETH","COSMOS","OSMOSIS"];function Li(t,e,o){let n=JSON.parse(JSON.stringify(t)),r=[];if(n.sort(fh),o?.limit&&t.length>o.limit){let s=o.limit,a=e;if(e.length<=o.limit){let l=o.limit-e.length;for(let p=0;p<=l;p++){let c=n[p];a=a.filter(u=>c.name!==u)}}n.sort(gh(a)),r=n.splice(s)}return{list:n,more:r}}i(Li,"prepare");function fh(t,e){let o=uc,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(fh,"sortByMostUsedBlockchains");function gh(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(gh,"generateSortByPreferredBlockchainsFor");function mc(t,e){return!!e.list.find(o=>o.name===t)}i(mc,"isInVisibleList");function Ni(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=d();hh(()=>{if(e?.selected){let s=Li(t,o,e);mc(e.selected,s)||n(e?.selected)}},[e?.selected]);let r=Li(t,o,e);return{list:r.list,more:r.more,history:[]}}i(Ni,"usePrepareBlockchainList");import{styled as yh}from"@rango-dev/ui";var dc=yh("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var kh=12;function $i(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:s}=t,a=Ni(e,{limit:10,selected:n?.name}),{fetchStatus:l}=d(),p=O.use.resetToBlockchain(),c=O.use.resetFromBlockchain(),u=a.more.length>0,m=a.more.length===1,g=!m&&u;return le.createElement(le.Fragment,null,le.createElement(fc,{size:12}),le.createElement(Pi,{variant:"label",size:"large"},Bi.t("Select Blockchain")),le.createElement(fc,{size:12}),le.createElement(dc,null,l==="loading"&&Array.from(Array(kh),f=>le.createElement(Sh,{key:f,variant:"rounded",height:50})),l==="success"&&le.createElement(le.Fragment,null,le.createElement(zn,{selected:!n,onClick:()=>{o==="from"?c():p()}},le.createElement(Pi,{variant:"body",size:"xsmall",color:"secondary500"},Bi.t("All"))),a.list.map(f=>le.createElement(Ch,{key:f.name,content:f.shortName,side:"bottom",sideOffset:2,container:j()},le.createElement(zn,{key:f.name,selected:!!n&&n.name===f.name,onClick:()=>r(f)},le.createElement(gc,{src:f.logo,size:30})))),m?le.createElement(zn,{key:a.more[0].name,selected:!!n&&n.name===a.more[0].name,onClick:()=>r(a.more[0])},le.createElement(gc,{src:a.more[0].logo,size:30})):null,g?le.createElement(zn,{onClick:s,key:"more-blockchains"},le.createElement(Pi,{variant:"body",size:"xsmall",color:"secondary500"},Bi._("More +{count}",{count:a.more.length}))):null)))}i($i,"BlockchainsSection");import{i18n as Qi}from"@lingui/core";import{darkTheme as Ac,Divider as jt,ExternalLinkIcon as xh,Image as vh,ListItemButton as bh,NotFound as Ah,PinIcon as Eh,Skeleton as Ec,Typography as Vn,VirtualizedList as Ih}from"@rango-dev/ui";import F,{forwardRef as Wh,useEffect as Ic,useState as Wc}from"react";var hc=i((t,e)=>{t=t.replace(/^#/,""),t.length===3&&(t=t[0]+t[0]+t[1]+t[1]+t[2]+t[2]);let[s,a,l]=t.match(/.{2}/g);[s,a,l]=[parseInt(s,16)+e,parseInt(a,16)+e,parseInt(l,16)+e],s=Math.max(Math.min(255,s),0).toString(16),a=Math.max(Math.min(255,a),0).toString(16),l=Math.max(Math.min(255,l),0).toString(16);let p=(s.length<2?"0":"")+s,c=(a.length<2?"0":"")+a,u=(l.length<2?"0":"")+l;return`#${p}${c}${u}`},"colorShade"),Gn=i((t,e)=>{let a={[t]:e};for(let l=1;l<10;l++)l<5&&(a={...a,[t+l*100]:hc(e,(5-l)*25)}),l===5&&(a={...a,[t+l*100]:e}),l>5&&(a={...a,[t+l*100]:hc(e,-((l-5)*25))});return a},"generateRangeColors"),Mi=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=Gn(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,...Gn(s,a)}}return n?r:{}},"generateColors");import{Divider as vc,ListItem as wh,Skeleton as ko}from"@rango-dev/ui";import Ge from"react";import{css as Vt,darkTheme as yc,ImageContainer as Th,styled as ze,Typography as Sc}from"@rango-dev/ui";var _i=Vt({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}),Di=Vt({position:"relative",height:12,width:"30%",maxWidth:"150px"}),Fi=Vt({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",bottom:"-8px"}),Oi=Vt({transform:"translateY(12px)",visibility:"hidden","& a":{display:"flex",justifyContent:"center",alignItems:"center",fontSize:"$12",lineHeight:"$16",$$color:"$colors$neutral600",[`.${yc} &`]:{$$color:"$colors$neutral700"},color:"$$color",textDecoration:"none"}}),Ui=Vt({}),qi=Vt(),Cc=ze("div",{display:"flex",flexDirection:"column",flexGrow:1}),zi=ze("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),Hn=ze("ul",{flexGrow:1,padding:0,margin:0,listStyle:"none","& li":{alignItems:"none","&:hover":{[`& .${Di}`]:{[`& .${Oi}`]:{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",visibility:"visible"},[`& .${Ui}`]:{bottom:"-15px"},[`& .${_i}`]:{position:"absolute",transform:"translateY(-12px)",visibility:"hidden"},[`& .${Fi}`]:{position:"absolute",transform:"translateY(-12px)",bottom:"-10px"}}}}}),Gi=ze("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),Hi=ze(Sc,{}),kc=ze("div",{textAlign:"right",width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",[`& .${qi}`]:{$$color:"$colors$neutral600",[`.${yc} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Qn=ze("div",{display:"flex",alignItems:"end",flexDirection:"column"}),qL=ze("div",{display:"flex",alignItems:"center"}),Tc=ze("div",{position:"relative",[`& ${Th}`]:{borderRadius:"$xm",overflow:"hidden"}}),wc=ze("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6}),xc=ze(Sc,{width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"});function bc(t){return Ge.createElement(Hn,null,Array.from(Array(t.size),e=>Ge.createElement(wh,{key:e,hasDivider:!0,start:Ge.createElement(ko,{variant:"circular",width:35,height:35}),end:Ge.createElement(Qn,null,Ge.createElement(ko,{variant:"text",size:"large",width:70}),Ge.createElement(vc,{size:4}),Ge.createElement(ko,{variant:"text",size:"medium",width:50})),title:Ge.createElement("div",null,Ge.createElement(ko,{variant:"text",size:"large",width:90}),Ge.createElement(vc,{size:4}),Ge.createElement(ko,{variant:"text",size:"medium",width:90}))})))}i(bc,"LoadingTokenList");var Vi=20,Lh=i(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:s,customCssForTagTitle:a}=t,l=e.length;return F.createElement("div",{className:Di()},o?F.createElement("div",{className:_i()},o):F.createElement(zi,{className:Fi()},F.createElement(Vn,{variant:"title",size:"xmedium"},r.symbol),F.createElement(jt,{direction:"horizontal",size:4}),F.createElement(Gi,{css:s},F.createElement(Hi,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&F.createElement("div",{className:`${Oi()} ${!o&&Ui()}`},F.createElement("a",{href:n,target:"_blank",rel:"nofollow noreferrer",onClick:p=>p.stopPropagation()},l>10?`${e.slice(0,5)}...${e.slice(l-6,l)}`:e," ",F.createElement(jt,{size:4,direction:"horizontal"}),F.createElement(xh,{color:"gray",size:12}))))},"renderDesc");function Lc(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[s,a]=Wc(e),l=d().fetchStatus,p=d().blockchains(),[c,u]=Wc(!0),{getBalanceFor:m,loading:g}=z(),{isTokenPinned:f}=d(),k=Wh((b,T)=>F.createElement("div",{...b,ref:T,style:{...b.style,height:`${parseFloat(b.style?.height)+8*2}px`}})),S=i(()=>{a(e.slice(0,s.length+Vi))},"loadNextPage");Ic(()=>{u(e.length>s.length)},[s.length]),Ic(()=>{a(e.slice(0,Vi))},[e]);let h=i(()=>!s.length&&o?F.createElement(F.Fragment,null,F.createElement(jt,{size:32}),F.createElement(Ah,{title:Qi.t("No results found"),description:Qi.t("Try using different keywords")})):F.createElement(Ih,{Item:({index:b,style:T})=>{let w=s[b],A=Go(m(w)),C=w.address||"",v=p.find($=>$.name===w.blockchain),E=Gn(w.symbol,v?.color||""),y={$$color:E[`${w.symbol}100`],[`.${Ac} &`]:{$$color:E[`${w.symbol}900`]},backgroundColor:"$$color"},P={$$color:E[`${w.symbol}700`],[`.${Ac} &`]:{$$color:E[`${w.symbol}100`]},color:"$$color"};return F.createElement("div",{style:{...T,paddingRight:5}},F.createElement(bh,{style:{height:T?.height,width:"100%",overflow:"hidden"},"tab-index":b,key:`${w.symbol}${w.address}`,id:`${w.symbol}${w.address}`,hasDivider:!0,onClick:()=>n(s[b]),start:F.createElement(Tc,null,F.createElement(vh,{src:w.image,size:30}),f(w,t.type)&&F.createElement(wc,null,F.createElement(Eh,{size:12,color:"gray"}))),title:v?.type==="COSMOS"||w.name||!w.name&&!C?F.createElement(zi,null,F.createElement(Vn,{variant:"title",size:"xmedium"},w.symbol),F.createElement(jt,{direction:"horizontal",size:4}),F.createElement(Gi,{css:y},F.createElement(Hi,{variant:"body",size:"xsmall",css:P},w.blockchain))):void 0,description:v?.info&&C&&v.type!=="COSMOS"?Lh({address:C,token:s[b],customCssForTag:y,customCssForTagTitle:P,name:w.name,url:v.info.addressUrl.split("{wallet}").join(C)}):w.name||void 0,end:g?F.createElement(Qn,null,F.createElement(Ec,{variant:"text",size:"large",width:70}),F.createElement(jt,{size:4}),F.createElement(Ec,{variant:"text",size:"medium",width:50})):A&&F.createElement(kc,null,F.createElement(xc,{variant:"title",size:"small"},A.amount),F.createElement("div",null),A.usdValue&&F.createElement(Vn,{variant:"body",className:qi(),size:"xsmall"},`$${A.usdValue}`))}))},hasNextPage:c,itemCount:s.length,loadNextPage:S,innerElementType:k,size:60,key:`${r}-${o}`}),"renderList");return F.createElement(Cc,null,F.createElement(Vn,{variant:"label",size:"large"},Qi.t("Select Token")),F.createElement(jt,{size:4}),l==="loading"&&F.createElement(bc,{size:Vi}),l==="success"&&F.createElement(Hn,null,h()))}i(Lc,"TokenList");function ji(t){let{type:e}=t,o=Bh(),n=ht(),{fromBlockchain:r,toBlockchain:s,setFromToken:a,setToToken:l,setFromBlockchain:p,setToBlockchain:c}=O(),u=z.use.getBalanceFor(),[m,g]=Nh(""),{isTokenPinned:f}=d(),S=(e==="source"?r:s)?.name??"",h=d().blockchains({type:e}),b=d().tokens({type:e,blockchain:S,searchFor:m}),w=Fs(b,u,i(v=>f(v,e),"checkIsTokenPinned")),A=i(v=>{e==="source"?p(v):c(v)},"updateBlockchain"),C=i(v=>{e==="source"?a({token:v,meta:{blockchains:h,tokens:b}}):l({token:v,meta:{blockchains:h,tokens:b}})},"updateToken");return Kt.createElement(K,{header:{title:Nc.t("Swap {type}",{type:e})}},Kt.createElement($i,{blockchains:h,type:e=="source"?"from":"to",blockchain:e==="source"?r:s,onMoreClick:()=>o(M.blockchains),onChange:v=>{A(v)}}),Kt.createElement(Bc,{size:24}),Kt.createElement(lt,{value:m,autoFocus:!0,placeholder:Nc.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>g(""),onChange:v=>g(v.target.value)}),Kt.createElement(Bc,{size:16}),Kt.createElement(Lc,{list:w,selectedBlockchain:S,searchedFor:m,type:e,onChange:v=>{C(v);let E=h.find(y=>v.blockchain===y.name);E&&A(E),n()}}))}i(ji,"SelectSwapItemsPage");import{i18n as Lt}from"@lingui/core";import{ChevronRightIcon as Yi,Divider as Ji,InfoIcon as Uh,List as qh,ListItemButton as zh,Skeleton as Gh,Switch as Hh,Tooltip as Qh,Typography as Nt}from"@rango-dev/ui";import V from"react";import{useNavigate as Vh}from"react-router-dom";import{i18n as Fc}from"@lingui/core";import{Divider as _h,InfoIcon as Dh,TextField as Fh,Tooltip as Oh,Typography as Oc}from"@rango-dev/ui";import Ie from"react";import{Chip as Ph,styled as To,TextField as $h}from"@rango-dev/ui";var Pc=To("div",{paddingTop:"$5",padding:"$10 $5"}),$c=To("div",{display:"flex",flexWrap:"wrap",gap:"$10",[`& ${$h}`]:{flex:"1 1 0",maxWidth:"127px",minWidth:"85px"}}),Mc=To("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),jn=To("div",{maxWidth:"280px",padding:"$10"}),_c=To(Ph,{width:"61px",flexShrink:0});import{i18n as Ki}from"@lingui/core";import{Typography as Mh}from"@rango-dev/ui";import wo from"react";function Dc(){return wo.createElement(jn,null,wo.createElement(Mh,{variant:"label",size:"medium",color:"neutral700"},Ki.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),wo.createElement("br",null),wo.createElement("br",null),wo.createElement("b",null,Ki.t("Warning")),":",Ki.t("This setting is applied per step, e.g. 1Inch, Thorchain, etc. and only that step will be reverted, not the whole transaction")))}i(Dc,"SlippageTooltipContent");function Xi(){let{slippage:t,setSlippage:e,customSlippage:o,setCustomSlippage:n}=d();return Ie.createElement(Pc,null,Ie.createElement(Mc,null,Ie.createElement(Oc,{variant:"title",size:"xmedium"},Fc.t("Slippage tolerance per swap")),Ie.createElement(_h,{direction:"horizontal",size:4}),Ie.createElement(Oh,{container:j(),side:"top",sideOffset:4,content:Ie.createElement(Dc,null)},Ie.createElement(Dh,{color:"gray"}))),Ie.createElement($c,null,Hs.map((r,s)=>{let a=`slippage-${s}`;return Ie.createElement(Ie.Fragment,null,Ie.createElement(_c,{key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`}))}),Ie.createElement(Fh,{type:"number",min:"0.01",max:"30",step:"0.01",fullWidth:!0,variant:"contained",value:o||"",color:"dark",onChange:r=>{let s=parseFloat(r.target.value);(!s||s>=Ks&&s<=js)&&n(s)},suffix:o&&Ie.createElement(Oc,{variant:"body",size:"small"},"%"),placeholder:Fc.t("Custom")})))}i(Xi,"Slippage");function Uc(){let t=Vh(),{theme:e}=d().config,o=d().fetchStatus,n=d().swappers(),r=d().disabledLiquiditySources,{config:{features:s}}=d(),a=We("theme",s),l=We("liquiditySource",s),p=We("language",s),c=d().infiniteApprove,u=d().toggleInfiniteApprove,m=Po(n,r),g=m.filter(y=>y.type==="BRIDGE"||y.type==="AGGREGATOR"),f=g.length,k=g.filter(y=>y.selected).length,S=m.filter(y=>y.type==="DEX"),h=S.length,b=S.filter(y=>y.selected).length,T=i((y,P)=>{switch(o){case"loading":return V.createElement(Gh,{variant:"text",size:"medium",width:50});case"failed":return V.createElement(Nt,{variant:"body",size:"medium",color:"$error500"},Lt.t("Loading failed"));default:return V.createElement(Nt,{variant:"body",size:"medium"},`${y} / ${P}`)}},"handleEndItem"),w={id:"bridge-item",title:V.createElement(Nt,{variant:"title",size:"xmedium"},Lt.t("Enabled bridges")),end:V.createElement(V.Fragment,null,T(k,f),V.createElement(Ji,{direction:"horizontal",size:8}),V.createElement(Yi,{color:"black"})),onClick:()=>t(M.bridges)},A={id:"exchange-item",title:V.createElement(Nt,{variant:"title",size:"xmedium"},Lt.t("Enabled exchanges")),end:V.createElement(V.Fragment,null,T(b,h),V.createElement(Ji,{direction:"horizontal",size:8}),V.createElement(Yi,{color:"gray"})),onClick:()=>t(M.exchanges)},C={id:"theme-item",title:V.createElement(Nt,{variant:"title",size:"xmedium"},Lt.t("Theme")),end:V.createElement(Yi,{color:"gray"}),onClick:()=>t(M.themes)},v={id:"infinite-approval-item",title:V.createElement(V.Fragment,null,V.createElement(Nt,{variant:"title",size:"xmedium"},Lt.t("Infinite approval")),V.createElement(Ji,{direction:"horizontal",size:4}),V.createElement(Qh,{side:"top",sideOffset:4,container:j(),content:V.createElement(jn,null,V.createElement(Nt,{variant:"label",size:"medium",color:"neutral700"},Lt.t("Enabling the 'Infinite approval' mode grants unrestricted access to smart contracts of DEXes/Bridges, allowing them to utilize the approved token amount without limitations.")))},V.createElement(Uh,{color:"gray"}))),end:V.createElement(Hh,{checked:c}),onClick:u},E=l?[]:[w,A];return!e?.singleTheme&&!a&&E.push(C),E.push(v),V.createElement(K,{header:{title:Lt.t("Settings")}},V.createElement(pt,null,V.createElement(Xi,null),V.createElement(qh,{type:V.createElement(zh,{title:"_",id:"_",onClick:()=>console.log()}),items:E})))}i(Uc,"SettingsPage");import{cancelSwap as Uy}from"@rango-dev/queue-manager-rango-preset";import{useManager as qy}from"@rango-dev/queue-manager-react";import Su from"react";import{i18n as ut}from"@lingui/core";import{getCurrentBlockchainOfOrNull as Ty,getCurrentStep as wy,getRelatedWalletOrNull as xy}from"@rango-dev/queue-manager-rango-preset";import{Button as uu,CopyIcon as vy,Divider as by,IconButton as Ay,QuoteCost as Ey,StepDetails as Iy,Typography as Jt,useCopyToClipboard as Wy}from"@rango-dev/ui";import{useWallets as Ly}from"@rango-dev/wallets-react";import{PendingSwapNetworkStatus as ir}from"rango-types";import X,{useEffect as mu,useRef as Ny,useState as du}from"react";import{useNavigate as By}from"react-router-dom";import{i18n as we}from"@lingui/core";var jh=1e3,Kh=31536e3,Xh=2592e3,Yh=86400,Jh=3600,Zh=60;function qc(t){let e=Math.floor((Date.now()-t)/jh),n=[{turningPoint:Kh,label:we.t("year"),pluralLabel:we.t("years")},{turningPoint:Xh,label:we.t("month"),pluralLabel:we.t("months")},{turningPoint:Yh,label:we.t("day"),pluralLabel:we.t("days")},{turningPoint:Jh,label:we.t("hour"),pluralLabel:we.t("hours")},{turningPoint:Zh,label:we.t("minute"),pluralLabel:we.t("minutes")}].sort((r,s)=>s.turningPoint-r.turningPoint);for(let r of n){let{turningPoint:s,label:a,pluralLabel:l}=r,p=Math.floor(e/s);if(p>1)return`${p} ${l}`;if(p===1)return`${p} ${a}`}return e>1?`${e} ${we.t("seconds")}`:`${e} ${we.t("second")}`}i(qc,"timeSince");function zc(t){return t.finishTime?we.t({id:"{time} ago",values:{time:qc(parseInt(t.finishTime))}}):we.t({id:"{time} ago",values:{time:qc(parseInt(t.creationTime))}})}i(zc,"getSwapDate");import{Modal as iy}from"@rango-dev/ui";import{PendingSwapNetworkStatus as Yn}from"rango-types";import Jn from"react";import{i18n as Kn}from"@lingui/core";import{Button as Gc,Divider as Zi,MessageBox as Rh,Typography as Hc}from"@rango-dev/ui";import ot from"react";var Qc=i(({onCancel:t,onClose:e})=>ot.createElement(ot.Fragment,null,ot.createElement(Zi,{size:20}),ot.createElement(Rh,{type:"error",title:Kn.t("Cancel Swap"),description:Kn.t("Are you sure you want to cancel this swap?")}),ot.createElement(Zi,{size:32}),ot.createElement(Gc,{variant:"contained",type:"primary",size:"large",onClick:t},ot.createElement(Hc,{variant:"title",size:"medium",color:"neutral100"},Kn.t("Yes, Cancel it"))),ot.createElement(Zi,{size:12}),ot.createElement(Gc,{variant:"outlined",type:"primary",size:"large",onClick:e},ot.createElement(Hc,{variant:"title",size:"medium",color:"primary"},Kn.t("No, Continue")))),"CancelContent");import{i18n as Xn}from"@lingui/core";import{Button as Vc,Divider as Ri,MessageBox as ey,Typography as jc}from"@rango-dev/ui";import nt from"react";var Kc=i(({onDelete:t,onClose:e})=>nt.createElement(nt.Fragment,null,nt.createElement(Ri,{size:20}),nt.createElement(ey,{type:"error",title:Xn.t("Delete Transaction"),description:Xn.t("Are you sure you want to delete this swap?")}),nt.createElement(Ri,{size:32}),nt.createElement(Vc,{variant:"contained",type:"primary",size:"large",onClick:t},nt.createElement(jc,{variant:"title",size:"medium",color:"neutral100"},Xn.t("Yes, Delete it"))),nt.createElement(Ri,{size:12}),nt.createElement(Vc,{variant:"outlined",type:"primary",size:"large",onClick:e},nt.createElement(jc,{variant:"title",size:"medium",color:"primary"},Xn.t("No, Cancel")))),"DeleteContent");import{i18n as es}from"@lingui/core";import{PendingSwapNetworkStatus as ts}from"rango-types";var os={[ts.WaitingForNetworkChange]:{type:"loading",title:es.t("Change Network")},[ts.WaitingForConnectingWallet]:{type:"warning",title:es.t("Connect Wallet")},[ts.NetworkChanged]:{type:"success",title:es.t("Network Changed")}};import{MessageBox as oy,Wallet as ny}from"@rango-dev/ui";import{useWallets as ry}from"@rango-dev/wallets-react";import xo from"react";import{styled as ty}from"@rango-dev/ui";var Xc=ty("div",{display:"flex",justifyContent:"center"});var Yc=i(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:s}=t,{connect:a,getWalletInfo:l,state:p}=ry(),c=n?.walletType,u=c?yr(p(c)):null,m=c?l(c):null;return xo.createElement(xo.Fragment,null,xo.createElement(oy,{type:e,title:o,description:r}),s&&!!c&&!!u&&!!m&&xo.createElement(Xc,null,xo.createElement(ny,{container:j(),title:m.name,image:m.img,type:c,state:u,link:m.installLink,onClick:async()=>a(c)})))},"WalletStateContent");function ns(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:s,message:a}=t,l=e===Yn.WaitingForNetworkChange||e===Yn.WaitingForConnectingWallet||e===Yn.NetworkChanged;return Jn.createElement(iy,{open:!!e,onClose:o,container:document.getElementById("swap-box")||document.body},l&&Jn.createElement(Yc,{type:os[e].type,title:os[e].title,currentStepWallet:s,message:a,showWalletButton:e!==Yn.WaitingForNetworkChange}),e==="delete"&&Jn.createElement(Kc,{onClose:o,onDelete:n}),e==="cancel"&&Jn.createElement(Qc,{onClose:o,onCancel:r}))}i(ns,"SwapDetailsModal");import{i18n as vo}from"@lingui/core";import{Button as rs,Divider as Zn,MessageBox as Jc,Modal as sy,TokenAmount as ay,Typography as Rn}from"@rango-dev/ui";import ue from"react";import{useNavigate as ly}from"react-router-dom";function is(t){let{open:e,onClose:o,status:n,priceValue:r,usdValue:s,token:a,chain:l,percentageChange:p,description:c,diagnosisUrl:u}=t,m=ly();return ue.createElement(sy,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},n==="success"?ue.createElement(Jc,{type:"success",title:vo.t("Swap Successful")},ue.createElement(ay,{direction:"vertical",type:"output",centerAlign:!0,price:{value:r,usdValue:s},token:a,chain:l,percentageChange:p}),ue.createElement(Zn,{size:12}),ue.createElement(Rn,{variant:"body",size:"medium",color:"neutral700",align:"center"},c)):ue.createElement(Jc,{type:"error",title:vo.t("Transaction Failed"),description:c}),ue.createElement(Zn,{size:32}),n==="success"&&ue.createElement(rs,{variant:"contained",type:"primary",size:"large",onClick:()=>{m("../../")}},ue.createElement(Rn,{variant:"title",size:"medium",color:"neutral100"},vo.t("Done"))),ue.createElement(Zn,{size:12}),u&&ue.createElement(ue.Fragment,null,ue.createElement(rs,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(u,"_blank")},ue.createElement(Rn,{variant:"title",size:"medium",color:"primary"},vo.t("Diagnosis"))),ue.createElement(Zn,{size:12})),ue.createElement(rs,{variant:"outlined",type:"primary",size:"large",onClick:o},ue.createElement(Rn,{variant:"title",size:"medium",color:"primary"},vo.t("See Details"))))}i(is,"SwapDetailsCompleteModal");import Cy from"react";import{i18n as gy}from"@lingui/core";import{Alert as nu,IconButton as hy,LinkIcon as yy}from"@rango-dev/ui";import Tt,{Fragment as Sy}from"react";import{Alert as py,ChevronDownIcon as cy,ChevronUpIcon as uy,IconButton as my}from"@rango-dev/ui";import er,{useState as dy}from"react";function Zc(t){let{message:e}=t,[o,n]=dy(!1);return er.createElement(py,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&er.createElement(my,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?er.createElement(uy,{size:12,color:"gray"}):er.createElement(cy,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}i(Zc,"FailedAlert");import{styled as fy}from"@rango-dev/ui";var Rc=fy("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as eu}from"@lingui/core";import{Alert as ss,Button as tu}from"@rango-dev/ui";import{PendingSwapNetworkStatus as as}from"rango-types";import bo from"react";function ou(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?bo.createElement(ss,{type:"warning",title:n.shortMessage,action:bo.createElement(tu,{size:"xxsmall",type:"warning",onClick:()=>{o(as.WaitingForNetworkChange),e().catch(s=>{console.log(s)})}},eu.t("Change"))}):r===as.WaitingForConnectingWallet?bo.createElement(ss,{type:"warning",title:n.shortMessage,action:bo.createElement(tu,{size:"xxsmall",type:"warning",onClick:()=>{o(as.WaitingForConnectingWallet)}},eu.t("Connect"))}):bo.createElement(ss,{type:"warning",title:n.shortMessage})}i(ou,"WarningAlert");function ls(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:s,hasAlreadyProceededToSign:a}=t,l=to(s),p=s.status==="waitingForApproval"&&!l,c=s.status==="running"&&!l;return Tt.createElement(Rc,null,s.explorerUrl?.map((u,m,g)=>{let f=m+u.url,k=m===g.length-1,S=k&&c||p,h=k&&s.status==="failed";return Tt.createElement(Sy,{key:f},Tt.createElement(nu,{type:S&&"loading"||h&&"error"||"success",title:u.description?`${u.description} Tx`:gy.t("View transaction"),action:u.url&&Tt.createElement(hy,{variant:"ghost",size:"xsmall",onClick:()=>window.open(u.url,"_blank")},Tt.createElement(yy,{size:16}))}))}),(c&&!a||p&&!s.explorerUrl?.length)&&Tt.createElement(nu,{type:"loading",title:r.shortMessage}),s.status!=="failed"&&l&&Tt.createElement(ou,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),s.status==="failed"&&Tt.createElement(Zc,{message:r}))}i(ls,"SwapDetailsAlerts");var ru=2e3;var iu=i(({swap:t,blockchains:e,...o})=>{let n=t.hasAlreadyProceededToSign!==!1;return t.steps.map((r,s)=>{let a=s===0?t.inputAmount:t.steps[s-1].outputAmount;return{from:{token:{displayName:r.fromSymbol,image:r.fromLogo??""},chain:{displayName:Xe(r.fromBlockchain,e)??"",image:r.fromBlockchainLogo??""},price:{value:W(a,6,6)}},to:{token:{displayName:r.toSymbol,image:r.toLogo},chain:{displayName:Xe(r.toBlockchain,e)??"",image:r.toBlockchainLogo??""},price:{value:W(r.outputAmount||r.expectedOutputAmountHumanReadable,6,6)}},swapper:{displayName:r.swapperId,image:r.swapperLogo??""},alerts:Cy.createElement(ls,{step:r,hasAlreadyProceededToSign:n,...o})}})},"getSteps");function su(t){if(to(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(su,"getStepState");import{css as tr,darkTheme as ky,styled as Xt}from"@rango-dev/ui";var or=Xt("div",{display:"flex",width:"100%",flexDirection:"column",alignItems:"center",height:"0",flexGrow:1}),nr=Xt("div",{width:"100%"}),au=Xt("div",{padding:"$0 $20 $20 $20",width:"100%",overflow:"auto"}),xP=Xt("div",{display:"flex",flexDirection:"column",gap:"$10"}),lu=Xt("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),vP=Xt("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1}),Yt=tr({display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",padding:"$10 $20",borderBottom:"1px solid",$$color:"$colors$neutral300",[`.${ky} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color",color:"$neutral500"}),rr=tr({display:"flex",justifyContent:"center",alignItems:"center",height:"$24"}),pu=tr({display:"flex",width:"100%",padding:"$15 $20 $20",flexDirection:"column",alignItems:"start"}),cu=tr({width:"100%",padding:"0 $20 $10"});function ps(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:s,connect:a,getWalletInfo:l}=Ly(),p=d().blockchains(),c=d().tokens(),u=O.use.retry(),m=By(),[g,f]=Wy(ru),k=Ny(null),[S,h]=du(null),[b,T]=du(null),w=i(()=>{r(),h(null)},"onCancel"),A=Be.use.getUnreadNotifications(),C=Be.use.setAsRead(),v=A(),E=wy(e),y=E?.networkStatus;mu(()=>{v.find(ie=>ie.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(T(e.status),C(e.requestId))},[e.status]),mu(()=>{G?h(ir.WaitingForNetworkChange):y===ir.WaitingForConnectingWallet||y===ir.NetworkChanged?h(y):h(null)},[y]);let P=ma(e),$=E?Ty(e,E):null,N=E?xy(e,E):null,x=zc(e),_=da(e),I=i(U=>!!l(U)?.mobileWallet,"isMobileWallet"),G=y===ir.WaitingForNetworkChange&&!!$&&!!N?.walletType&&(I(N.walletType)||s(N.walletType,$)),J=G?a.bind(null,N.walletType,$):void 0,te=ua(e,E),H=iu({swap:e,switchNetwork:J,showNetworkModal:y,setNetworkModal:h,message:te,blockchains:p}),re=H.length,[he,ye]=[e.steps[0],e.steps[re-1]],_e=ye.outputAmount||ye.expectedOutputAmountHumanReadable,Bt=e.steps.reduce((U,ie)=>U+parseFloat(ie.feeInUsd||""),0),Rt=e.steps.find(U=>U.diagnosisUrl)?.diagnosisUrl,rt=W(parseFloat(W(_e,6,6))*(ye.toUsdPrice||0),4,4),Qe=W(parseFloat(e.inputAmount)*(he.fromUsdPrice||0),4,4),D=Ne(Qe,rt),Y=e.status==="success"?ut.t({id:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:W(_e,6,6),token:H[re-1].to.token.displayName,conciseAddress:Ho(e.wallets[H[re-1].to.chain.displayName]?.address||""),chain:H[re-1].to.chain.displayName}}):`${ut.t("Transaction was not sent.")} ${P?ut.t({id:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:P.outputAmount,symbol:P.symbol,blockchain:P.blockchain}}):""}`;return X.createElement(K,{noPadding:!0,header:{title:ut.t("Swap and Bridge"),onCancel:e.status==="running"?()=>h("cancel"):void 0,suffix:e.status!=="running"&&X.createElement(Ut,null,X.createElement(uu,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>h("delete")},X.createElement(Jt,{size:"medium",variant:"label",color:"error"},ut.t("Delete"))))},footer:_&&!b&&X.createElement(uu,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{u(e,{blockchains:p,tokens:c}),setTimeout(()=>{m("../../")},0)}},ut.t("Try again"))},X.createElement(or,null,X.createElement(nr,null,X.createElement("div",{className:Yt()},X.createElement(Jt,{variant:"label",size:"large",color:"neutral700"},`${ut.t("Request ID")}:`),X.createElement("div",{className:rr()},X.createElement(Jt,{variant:"label",size:"small",color:"neutral700"},o),X.createElement(Ay,{variant:"ghost",onClick:f.bind(null,o||"")},X.createElement(vy,{size:16,color:"gray"})))),X.createElement("div",{className:Yt()},X.createElement(Jt,{variant:"label",size:"large",color:"neutral700"},`${ut.t("Created at")}:`),X.createElement(Jt,{variant:"label",size:"small",color:"neutral700"},x))),X.createElement("div",{className:pu()},X.createElement(Ey,{fee:W(String(Bt),2,2),time:Mo(_o(e.steps)),steps:re}),X.createElement(so,{from:{price:{value:W(e.inputAmount,6,6),usdValue:Qe},token:{displayName:H[0].from.token.displayName,image:H[0].from.token.image},chain:{image:H[0].from.chain.image,displayName:H[0].from.chain.displayName}},to:{price:{value:W(_e,6,6),usdValue:rt},token:{displayName:H[re-1].to.token.displayName,image:H[re-1].to.token.image},chain:{image:H[re-1].to.chain.image,displayName:H[re-1].to.chain.displayName}},percentageChange:W(D,2,2),warningLevel:it(D??0)})),X.createElement("div",{className:cu()},X.createElement(Jt,{variant:"title",size:"small"},ut.t("Swaps steps"))),X.createElement(by,{size:8}),X.createElement(au,{ref:k},H.map((U,ie)=>{let Ve=ie,be=su(e.steps[ie]),cr=be==="error"||be==="in-progress"||be==="warning"||be==="completed"&&ie===H.length-1;return X.createElement(Iy,{key:Ve,step:U,type:"swap-progress",ref:k,state:be,hasSeparator:ie!==0,tabIndex:Ve,isFocused:cr})}))),X.createElement(ns,{state:S,onClose:()=>h(null),onCancel:w,onDelete:n,message:te.detailedMessage.content,currentStepWallet:N}),X.createElement(is,{open:!!b,diagnosisUrl:Rt,onClose:()=>T(null),status:e.status==="success"?"success":"failed",priceValue:W(_e,6,6),usdValue:rt,percentageChange:W(D,2,2),token:{displayName:H[re-1].to.token.displayName,image:H[re-1].to.token.image},chain:{image:H[re-1].to.chain.image},description:Y}))}i(ps,"SwapDetails");import{i18n as Eo}from"@lingui/core";import{CopyIcon as Dy,IconButton as Fy,NotFound as Oy,Skeleton as hu,Typography as ar}from"@rango-dev/ui";import pe from"react";import{i18n as Py}from"@lingui/core";import{Divider as $y,Skeleton as My,Typography as _y}from"@rango-dev/ui";import se from"react";import{css as He,styled as cs}from"@rango-dev/ui";var fu=cs("div",{width:"100%",height:"100%",padding:"$10 $20"}),Ao=cs("div",{backgroundColor:"$neutral100",borderRadius:"$xm",padding:"$10 $15"}),sr=cs("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"}),RP=He({display:"flex",justifyContent:"space-between",alignItems:"center"}),e$=He({display:"flex",justifyContent:"space-between",alignItems:"center"}),t$=He({paddingTop:"$15",display:"flex"}),o$=He({padding:"$15 $0"}),n$=He({width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"}),r$=He({paddingBottom:"$10"}),i$=He({display:"flex",justifyContent:"start",alignItems:"center"}),s$=He({paddingTop:"$5",display:"flex",alignItems:"center"}),a$=He({display:"flex",alignItems:"center"}),l$=He({padding:"$4 $6",display:"flex",justifyContent:"center",alignItems:"center"}),gu=He({display:"flex",paddingTop:"$10",paddingBottom:"$5"});function us(){return se.createElement(fu,null,se.createElement(co,{type:"swap-preview"}),se.createElement("div",{className:"swaps-steps"},se.createElement(_y,{variant:"title",size:"small"},Py.t("Swaps steps"))),se.createElement(se.Fragment,null,se.createElement(Ao,null,se.createElement(et,{separator:!1}),se.createElement("div",{className:gu()},se.createElement($y,{direction:"horizontal",size:20}),se.createElement(My,{height:22,variant:"rectangular"}))),se.createElement(sr,null),se.createElement(Ao,null,se.createElement(et,{separator:!1})),se.createElement(sr,null),se.createElement(Ao,null,se.createElement(et,{separator:!1})),se.createElement(sr,null),se.createElement(Ao,null,se.createElement(et,{separator:!1}))))}i(us,"LoadingSwapDetails");function yu(t){let{requestId:e,showSkeleton:o}=t;return pe.createElement(K,{noPadding:!0,header:{title:Eo.t("Swap and Bridge"),suffix:pe.createElement(Ut,null)}},o&&pe.createElement(or,null,pe.createElement(nr,null,pe.createElement("div",{className:Yt()},pe.createElement(ar,{variant:"label",size:"large",color:"neutral700"},`${Eo.t("Request ID")}:`),pe.createElement("div",{className:rr()},pe.createElement(ar,{variant:"label",size:"small",color:"neutral700"},pe.createElement(hu,{width:60,height:10,variant:"rounded"})),pe.createElement(Fy,{variant:"ghost"},pe.createElement(Dy,{size:16,color:"gray"})))),pe.createElement("div",{className:Yt()},pe.createElement(ar,{variant:"label",size:"large",color:"neutral700"},`${Eo.t("Created at")}:`),pe.createElement(ar,{variant:"label",size:"small",color:"neutral700"},pe.createElement(hu,{width:60,height:10,variant:"rounded"})))),pe.createElement(us,null)),!o&&pe.createElement(lu,null,pe.createElement(Oy,{title:Eo.t("Not found"),description:Eo.t({id:"Swap with request ID = {requestId} not found.",values:{requestId:e}})})))}i(yu,"SwapDetailsPlaceholder");function Cu(){let{manager:t,state:e}=qy(),o=!e.loadedFromPersistor,n=Ht(t),r=Te.use.selectedSwapRequestId(),s=ht(),{fetchStatus:a}=d(),l=o||a==="loading",p=n.find(({swap:g})=>g.requestId===r),c=i(()=>{if(p?.id){let g=t?.get(p.id);g&&Uy(g)}},"onCancel"),u=i(async()=>{if(p?.id)try{t?.deleteQueue(p.id),s()}catch(g){console.log(g)}},"onDelete"),m=p?.swap;return!m||l?Su.createElement(yu,{requestId:r||"",showSkeleton:l}):Su.createElement(ps,{swap:m,requestId:r||"",onCancel:c,onDelete:u})}i(Cu,"SwapDetailsPage");import{i18n as Io}from"@lingui/core";import{AutoThemeIcon as zy,DarkModeIcon as Gy,LightModeIcon as Hy,List as Qy,ListItemButton as Vy,Radio as ms,RadioRoot as jy,Typography as ds}from"@rango-dev/ui";import xe from"react";function ku(){let{setTheme:t,theme:e}=d(),o=[{id:"light",value:"light",title:xe.createElement(ds,{variant:"title",size:"xmedium"},Io.t("Light")),onClick:()=>t("light"),start:xe.createElement(Hy,{color:"gray"}),end:xe.createElement(ms,{value:"light"})},{id:"dark",value:"dark",title:xe.createElement(ds,{variant:"title",size:"xmedium"},Io.t("Dark")),onClick:()=>t("dark"),start:xe.createElement(Gy,{color:"gray"}),end:xe.createElement(ms,{value:"dark"})},{id:"auto",value:"auto",title:xe.createElement(ds,{variant:"title",size:"xmedium"},Io.t("Auto")),onClick:()=>t("auto"),start:xe.createElement(zy,{color:"gray"}),end:xe.createElement(ms,{value:"auto"})}];return xe.createElement(K,{header:{title:Io.t("Theme")}},xe.createElement(pt,null,xe.createElement(jy,{onValueChange:n=>t(n),value:e},xe.createElement(Qy,{type:xe.createElement(Vy,{title:Io.t("Theme"),id:"_",onClick:()=>console.log()}),items:o}))))}i(ku,"ThemePage");function Tu(){return Ky([{path:M.home,element:ve.createElement(Jp,null)},{path:M.fromSwap,children:[{index:!0,element:ve.createElement(ji,{type:"source"})},{path:M.blockchains,element:ve.createElement(Wi,{type:"source"})}]},{path:M.toSwap,children:[{index:!0,element:ve.createElement(ji,{type:"destination"})},{path:M.blockchains,element:ve.createElement(Wi,{type:"destination"})}]},{path:M.settings,children:[{index:!0,element:ve.createElement(Uc,null)},{path:M.themes,element:ve.createElement(ku,null)},{path:M.languages,element:ve.createElement(Rp,null)},{path:M.exchanges,element:ve.createElement(vi,{sourceType:"Exchanges"})},{path:M.bridges,element:ve.createElement(vi,{sourceType:"Bridges"})}]},{path:M.swaps,children:[{index:!0,element:ve.createElement(Vp,null)},{path:M.swapDetails,element:ve.createElement(Cu,null)}]},{path:M.wallets,element:ve.createElement(dl,null)},{path:M.confirmSwap,element:ve.createElement(_p,null)}])}i(Tu,"AppRoutes");import{isApprovalTX as Xy,MainEvents as xu,RouteEventType as vu,StepEventType as Zt,StepExecutionEventStatus as Yy,useEvents as Jy}from"@rango-dev/queue-manager-rango-preset";import{useEffect as bu}from"react";import{StepExecutionBlockedEventStatus as fs}from"@rango-dev/queue-manager-rango-preset";var wu=[fs.WAITING_FOR_CHANGE_WALLET_ACCOUNT,fs.WAITING_FOR_NETWORK_CHANGE,fs.WAITING_FOR_WALLET_CONNECT];function Au(){let t=d().tokens(),e=z.use.connectedWallets(),o=z.use.getWalletsDetails(),n=Be.use.setNotification(),r=Be.use.setAsRead(),s=Jy();return bu(()=>(s.on(xu.StepEvent,a=>{let{event:l,step:p,route:c}=a;if(l.type===Zt.TX_EXECUTION&&l.status===Yy.TX_SENT&&!Xy(p)||l.type===Zt.SUCCEEDED){let m=e.find(f=>f.chain===p?.fromBlockchain),g=p?.fromBlockchain!==p?.toBlockchain&&e.find(f=>f.chain===p?.toBlockchain);m&&o([m],t),g&&o([g],t)}l.type===Zt.TX_EXECUTION_BLOCKED&&wu.includes(l.status)||l.type===Zt.FAILED?n(l,c):(l.type===Zt.TX_EXECUTION||l.type===Zt.CHECK_STATUS)&&r(c.requestId)}),()=>s.all.clear()),[s,e.length]),bu(()=>(s.on(xu.RouteEvent,a=>{let{event:l,route:p}=a;(l.type===vu.FAILED||l.type===vu.SUCCEEDED)&&n(l,p)}),()=>s.all.clear()),[s,e.length]),null}i(Au,"WidgetEvents");import{globalCss as Zy}from"@rango-dev/ui";var Eu=i(()=>Zy({"@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{createTheme as ys,darkTheme as nS,lightTheme as rS}from"@rango-dev/ui";import{useEffect as Wu,useState as iS}from"react";import{theme as tS,darkColors as oS}from"@rango-dev/ui";var Iu=i(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),Ry=i(t=>{let e="",o;for(o=Math.abs(t);o>52;o=o/52|0)e=Iu(o%52)+e;return Iu(o%52)+e},"toAlphabeticName"),eS=i((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),gs=i(t=>Ry(eS(5381,JSON.stringify(t))>>>0),"toHash");function hs(t){let e=tS.colors,o=Mi({...e,...oS},!0,t?.dark),n=Mi(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:`${fr}-light-${gs(p)}`,tokens:p}}if(r){let p={colors:o};l={id:`${fr}-dark-${gs(p)}`,tokens:p}}return{light:a,dark:l}}i(hs,"customizedThemeTokens");function Lu(t){let{colors:e,fontFamily:o=As,borderRadius:n=vs,secondaryBorderRadius:r=bs,mode:s="auto"}=t,[a,l]=iS("light"),{setTheme:p,theme:c}=d(),{dark:u,light:m}=hs(e),g=ys({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),f=[g.className,rS.className],k=[g.className,nS.className];if(m){let h=ys(m.id,m.tokens);f.push(h.className)}if(u){let h=ys(u.id,u.tokens);k.push(h.className)}return Wu(()=>{let h=i(b=>{b.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)}},[]),Wu(()=>{s!=="auto"&&p(s)},[s]),{activeTheme:i(()=>{let h=f.join(" "),b=k.join(" ");return c==="auto"?a==="dark"?b:h:c==="dark"?b:h},"getActiveTheme")}}i(Lu,"useTheme");import{styled as sS}from"@rango-dev/ui";var Nu=sS("div",{width:"100%",display:"flex",justifyContent:"center",alignItems:"center",fontFamily:"$widget",boxSizing:"border-box","& *, *::before, *::after":{boxSizing:"inherit",listStyleType:"none"},"& *:focus-visible":{outlineColor:"$info500",transition:"none"}});function lr(){Eu();let{config:t}=d(),{activeTheme:e}=Lu(t?.theme||{}),{activeLanguage:o,changeLanguage:n}=Fn(),[r,s]=Pu(""),[a,l]=Pu(),p=lS(sn);return Bu(()=>{Be.persist.rehydrate(),p.onConnectWallet(s)},[]),Bu(()=>{n(t?.language)},[t?.language]),Wo.createElement(aS,{language:o},Wo.createElement(Nu,{id:"swap-container",className:e()},Wo.createElement(Au,null),Wo.createElement(Ea,{lastConnectedWallet:r,disconnectedWallet:a,clearDisconnectedWallet:()=>{l(void 0)}},Wo.createElement(Tu,null))))}i(lr,"Main");import Cs,{useMemo as AS}from"react";import{checkWaitingForNetworkChange as pS,makeQueueDefinition as cS}from"@rango-dev/queue-manager-rango-preset";import{Provider as uS}from"@rango-dev/queue-manager-react";import{useWallets as mS}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as dS}from"@rango-dev/wallets-shared";import{isEvmBlockchain as fS}from"rango-types";import gS,{useMemo as hS}from"react";function yS(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:s,getWalletInfo:a}=mS(),l=hS(()=>cS({API_KEY:t.apiKey||Pt("API_KEY"),BASE_URL:Pt("BASE_URL")}),[t.apiKey]),p=d().blockchains(),u={blockchains:z.use.connectedWallets().map(T=>({accounts:[T],name:T.chain}))},m=i(async(T,w)=>{if(s(T,w))return r(T,w)},"switchNetwork"),g=i(T=>!!a(T).mobileWallet,"isMobileWallet"),f=p.filter(T=>T.enabled).reduce((T,w)=>(T[w.name]=w,T),{}),k=p.filter(fS),S=i(T=>{let{supportedChains:w}=a(T);return Uo(w)},"getSupportedChainNames"),h=e(),b={meta:{blockchains:f,evmBasedChains:k,evmNetworkChainInfo:dS(k),getSupportedChainNames:S},getSigners:o,wallets:u,providers:h,switchNetwork:m,canSwitchNetworkTo:s,connect:r,state:n,isMobileWallet:g};return gS.createElement(uS,{queuesDefs:[l],context:b,onPersistedDataLoaded:T=>{pS(T)},isPaused:!1},t.children)}i(yS,"QueueManager");var $u=yS;import{useManager as wS}from"@rango-dev/queue-manager-react";import xS,{createContext as vS,useContext as bS}from"react";import{cancelSwap as SS,getCurrentBlockchainOfOrNull as CS,getCurrentStep as kS,getRelatedWalletOrNull as TS}from"@rango-dev/queue-manager-rango-preset";var Lo=class{constructor(e,o){this.manager=e,this.actions=o}getAllSwaps(){return Ht(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&&SS(o)}getCurrentStepInfo(e){let o=kS(e);return{step:o,wallet:o?TS(e,o):null,network:o?CS(e,o):null}}};i(Lo,"WidgetHistory");var Mu=vS(void 0);function Ss(t){let{manager:e}=wS(),o=O.use.retry(),n=new Lo(e,{retrySwap:o}),r=z.use.connectedWallets(),s=z.use.loading(),a=Ds(r),l=z.use.getWalletsDetails(),p=d().blockchains(),c=d().tokens(),u=d().swappers(),m=d().fetchStatus,g={history:n,wallets:{isLoading:s,details:r,totalBalance:a,refetch:l},meta:{blockchains:p,tokens:c,swappers:u,loadingStatus:m}};return xS.createElement(Mu.Provider,{value:g},t.children)}i(Ss,"WidgetInfo");function _u(){let t=bS(Mu);if(!t)throw new Error("useWidget can only be used within the WidgetProvider component");return t}i(_u,"useWidget");function pr(t){let{onUpdateState:e,config:o}=t;return AS(()=>{xs({API_KEY:o?.apiKey||No,BASE_URL:o?.apiUrl||ws})},[o]),Cs.createElement(an,{config:o,onUpdateState:e},Cs.createElement($u,{apiKey:o.apiKey},Cs.createElement(Ss,null,t.children)))}i(pr,"WidgetProvider");function Du(t){return t.config?.externalWallets?ks.createElement(lr,null):ks.createElement(pr,{config:t.config??mr},ks.createElement(lr,null))}i(Du,"Widget");export{j_ as MainEvents,nD as Networks,sD as PendingSwapNetworkStatus,K_ as RouteEventType,X_ as StepEventType,Y_ as StepExecutionBlockedEventStatus,J_ as StepExecutionEventStatus,tD as WalletEvents,rD as WalletTypes,Du as Widget,pr as WidgetProvider,an as WidgetWallets,hs as customizedThemeTokens,eD as readAccountAddress,Tl as useWallets,_u as useWidget,Z_ as useWidgetEvents};
|
|
1
|
+
var Ou=Object.defineProperty;var i=(t,e)=>Ou(t,"name",{value:e,configurable:!0});import{MainEvents as oD,RouteEventType as nD,StepEventType as rD,StepExecutionBlockedEventStatus as iD,StepExecutionEventStatus as sD,useEvents as aD}from"@rango-dev/queue-manager-rango-preset";import{readAccountAddress as pD,useWallets as bl,Events as cD}from"@rango-dev/wallets-react";import{Networks as mD,WalletTypes as dD}from"@rango-dev/wallets-shared";import{PendingSwapNetworkStatus as gD}from"rango-types";import{Events as Lr,Provider as Tm}from"@rango-dev/wallets-react";import{isEvmBlockchain as wm}from"rango-sdk";import sn,{createContext as xm,useEffect as ba,useRef as vm}from"react";import{useEffect as tn,useLayoutEffect as wa,useMemo as on,useRef as nn}from"react";import rm,{createContext as im,useContext as sm,useEffect as am,useRef as lm}from"react";import{create as om}from"zustand";import{persist as nm}from"zustand/middleware";var fr={apiKey:"",multiWallets:!0,enableNewLiquiditySources:!0,customDestination:!0},xs=i((t,e,o)=>({config:{...fr,...t},updateConfig:n=>{let r=o().config;e({config:{...r,...n}})}}),"createConfigSlice");import{RangoClient as Uu}from"rango-sdk";var Lo="c6381a79-2817-4602-83bf-6a641a409e32",vs="https://api.rango.exchange",Se="rango-swap-box";var gr={API_KEY:Lo};function $t(t){return gr[t]||""}i($t,"getConfig");function As(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),gr=e,gr}i(As,"initConfig");var bs=20,Es=25,Is="Roboto",hr="theme-widget";var Po,Mt=i(()=>Po||(Po=new Uu($t("API_KEY"),$t("BASE_URL")),Po),"httpService");function _t(t){return Array.from(new Set(t))}i(_t,"removeDuplicateFrom");function yr(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}i(yr,"areEqual");function Ws(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}i(Ws,"debounce");function xt(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}i(xt,"containsText");var j=i(()=>document.getElementById(Se),"getContainer");function $o(t,e){let o=t.map(s=>s.swapperGroup),n=[];return _t(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($o,"getUniqueSwappersGroups");function Ns(t,e){return t.swapperGroup<e.swapperGroup?-1:t.swapperGroup>e.swapperGroup?1:0}i(Ns,"sortLiquiditySourcesByGroupTitle");function Ne(t,e){return e?.[t]==="hidden"}i(Ne,"isFeatureHidden");function Mo(t,e){return e?.[t]==="enabled"}i(Mo,"isFeatureEnabled");import{WalletState as Ke}from"@rango-dev/ui";import{readAccountAddress as Gu}from"@rango-dev/wallets-react";import{detectInstallLink as Hu,getCosmosExperimentalChainInfo as Qu,isEvmAddress as Vu,KEPLR_COMPATIBLE_WALLETS as oC,Networks as Ps}from"@rango-dev/wallets-shared";import Sr from"bignumber.js";import{isCosmosBlockchain as ju}from"rango-types";import qu from"bignumber.js";var Ee=new qu(0);import{WalletTypes as zu}from"@rango-dev/wallets-shared";var Bs=[zu.LEAP];import{BigNumber as Ls}from"bignumber.js";var _o=i(t=>{let e=(t%60).toString().padStart(2,"0");return`${parseInt((t/60).toString()).toString().padStart(2,"0")}:${e}`},"secondsToString"),W=i((t,e=null,o=null)=>{if(t==null||t==="")return"";let n=new Ls(t),r=1,s=1e3;for(let a=0;a<60;a++)if(new Ls(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 Do=i(t=>t?.reduce((e,o)=>e+(o.estimatedTimeInSeconds??0),0)||0,"totalArrivalTime");var Xe=i((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),to=i(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function Fo(t,e=4){let o=parseFloat(t);if(isNaN(o))return t;let n=Math.pow(10,e);return(Math.round(o*n)/n).toString()}i(Fo,"limitDecimalPlaces");function Cr(t){switch(!0){case t.connected:return Ke.CONNECTED;case t.connecting:return Ke.CONNECTING;case!t.installed:return Ke.NOT_INSTALLED;default:return Ke.DISCONNECTED}}i(Cr,"mapStatusToWalletState");function $s(t,e,o,n){return o.filter(r=>!Bs.includes(r)).filter(r=>{let{supportedChains:s,isContractWallet:a}=e(r),{installed:l,network:p}=t(r);return a&&(!l||!!n&&p!==n)?!1:n?!!s.find(u=>u.name===n):!0}).map(r=>{let{name:s,img:a,installLink:l}=e(r),p=Cr(t(r));return{title:s,image:a,link:Hu(l),state:p,type:r}})}i($s,"mapWalletTypesToWalletInfo");function qo(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}i(qo,"walletAndSupportedChainsNames");function Ms(t,e,o,n,r){let s=[];function a(p,c){if(!!!s.find(m=>m.chain===p)){let m={address:c,chain:p,walletType:t};s.push(m)}}i(a,"addAccount");let l=n||[];return e.forEach(p=>{let{address:c,network:u}=Gu(p),m=l.length>0,g=l.includes(u),f=u===Ps.Unknown;if(m&&!g&&!f)return;let S=u===Ps.Unknown&&Vu(c);if(f&&!S)return;o.includes(u)||S?r?a(u,c.toLowerCase()):l.filter(T=>o.includes(T)).forEach(T=>{a(T,c.toLowerCase())}):a(u,c)}),s}i(Ms,"prepareAccountsForWalletStore");function _s(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(_s,"getRequiredChains");function zo(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}i(zo,"isAccountAndWalletMatched");function Ds(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 Sr(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:Ku(o,r.asset.symbol,r.asset.address,e)||null}))||[]}i(Ds,"makeBalanceFor");function Fs(t){return{...t,loading:!1,error:!0}}i(Fs,"resetConnectedWalletState");var Os=i(t=>{let e=new Set,n=t?.reduce((s,a)=>s.findIndex(l=>l.address===a.address&&l.chain===a.chain)===-1?[...s,a]:s,[])?.map(s=>{let a={name:s.chain,accounts:[]};return e.has(s.address)||e.add(s.address),e.forEach(l=>{s.address===l&&a.accounts.push(s)}),a}),r=W(n?.flatMap(s=>s.accounts)?.flatMap(s=>s?.balances)?.map(s=>new Sr(s?.amount||Ee).multipliedBy(s?.usdPrice||0))?.reduce((s,a)=>s.plus(a),Ee)||Ee).toString();return Xu(r)},"calculateWalletUsdValue");function Xu(t){let e=t.toString().split(".");return e[0]=e[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),e.join(".")}i(Xu,"numberWithThousandSeparator");var Ku=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice"),Go=i((t,e)=>{let o=Qu(Object.entries(t).map(([,n])=>n).filter(ju));return o&&o[e]?.experimental},"isExperimentalChain");function Ho(t){return t?{...t,amount:W(t.amount,8,8),usdValue:W(t.usdValue,4,4)}:null}i(Ho,"formatBalance");function Yu(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(Yu,"sortTokensByBalance");function Ju(t,e,o){let n=o(t),r=o(e);return n===r?0:n?-1:1}i(Ju,"sortTokensByPinnedToken");function Us(t,e,o){return t.sort((n,r)=>{let s=e(n),a=e(r),l=Ju(n,r,o);return l!==0?l:Yu(s,a)}),t}i(Us,"sortTokens");function Be(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}i(Be,"tokensAreEqual");function qs(t){return t.sort((e,o)=>+(o.state===Ke.CONNECTED)-+(e.state===Ke.CONNECTED)||+(o.state===Ke.DISCONNECTED||o.state===Ke.CONNECTING)-+(e.state===Ke.DISCONNECTED||e.state===Ke.CONNECTING))}i(qs,"sortWalletsBasedOnConnectionState");function Qo(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(Qo,"getConciseAddress");function zs({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}i(zs,"getAddress");function kr(t){return`${t.blockchain}-${t.symbol}-${t.address??""}`}i(kr,"createTokenHash");function Vo(t){return t.flatMap(e=>e.balances).reduce((e,o)=>{let n={amount:o?.amount??"",decimals:o?.decimal??0,usdValue:o?.usdPrice?new Sr(o?.usdPrice??Ee).multipliedBy(o?.amount).toString():""},r=o?kr({symbol:o.symbol,blockchain:o.chain,address:o.address}):null,s=r?e[r]:null;return r&&(!s||s&&s.amount<n.amount)&&(e[r]=n),e},{})}i(Vo,"makeTokensBalance");var Gs=i((t,e)=>!!t.find(o=>o.chain===e&&o.loading),"isFetchingBalance");var Hs=i((t,e)=>({_blockchains:[],_tokens:[],_popularTokens:[],_swappers:[],fetchStatus:"loading",blockchains:o=>{let n=e()._blockchains;if(!o||!o?.type)return n;let r=e().config,s=(o.type==="source"?r.from?.blockchains:r.to?.blockchains)??[];return n.filter(l=>!(s.length>0&&!s.includes(l.name)))},tokens:o=>{let n=e()._tokens;if(!o||!o?.type)return n;let r=e().config,s=(o.type==="source"?r.from?.tokens:r.to?.tokens)??[],a=e().blockchains({type:o.type});return n.filter(p=>s.length>0&&!s.some(c=>Be(c,p))||o.blockchain&&p.blockchain!==o.blockchain||!a.some(c=>c.name===p.blockchain)?!1:o.searchFor?!!(xt(p.symbol,o.searchFor)||xt(p.address||"",o.searchFor)||xt(p.name||"",o.searchFor)):!0).sort((p,c)=>e().isTokenPinned(p,o.type)?-1:e().isTokenPinned(c,o.type)||p.isSecondaryCoin?1:c.isSecondaryCoin||!p.address&&c.address?-1:p.address&&!c.address?1:0)},isTokenPinned:(o,n)=>!!(n==="source"?e().config.from?.pinnedTokens:e().config.to?.pinnedTokens)?.some(a=>Be(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(Ns)},fetch:async()=>{try{let o=await Mt().getAllMetadata();t({fetchStatus:"success"});let n=[],r=[],s=o.popularTokens,a=o.swappers,l=new Set;o.tokens.forEach(p=>{l.add(p.blockchain),r.push(p)}),o.blockchains.forEach(p=>{p.enabled&&l.has(p.name)&&n.push(p)}),n.sort((p,c)=>p.sort-c.sort),t({_blockchains:n,_tokens:r,_popularTokens:s,_swappers:a})}catch(o){throw t({fetchStatus:"failed"}),o}}}),"createDataSlice");import{English as Zu,French as Ru,Japanese as em,Spanish as tm}from"@rango-dev/ui";var Qs=[{title:"English",label:"English",local:"en",SVGFlag:Zu},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:tm},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:Ru},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:em}],Dt="en";var Vs=[.5,1,3],js=1,Xs=5,Ks=100,Ys=0;var Js=i((t,e)=>({disabledLiquiditySources:[],theme:"auto",language:Dt,preferredBlockchains:[],slippage:js,customSlippage:null,infiniteApprove:!1,affiliateRef:null,affiliatePercent:null,affiliateWallets:null,addPreferredBlockchain:o=>{let n=e().preferredBlockchains;if(n.find((a,l)=>{let p=a===o,c=l<=10-1;return p&&c}))return;let s=n.filter(a=>!(a===o));t(()=>({preferredBlockchains:[o,...s]}))},setSlippage:o=>t(()=>({slippage:o})),setCustomSlippage:o=>t(()=>({customSlippage:o})),setAffiliateRef:o=>t(()=>({affiliateRef:o})),setAffiliatePercent:o=>t(()=>({affiliatePercent:o})),setAffiliateWallets:o=>t(()=>({affiliateWallets:o})),toggleAllLiquiditySources:(o,n)=>t(r=>{if(n)return{disabledLiquiditySources:[]};let s=_t(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=Ne("theme",n),s=Ne("language",n),a=Ne("liquiditySource",n);t({...r&&{theme:"auto"},...s&&{language:Dt},...a&&{disabledLiquiditySources:[]}})}}),"createSettingsSlice");function Zs(t){return om()(nm((...e)=>({...Hs(...e),...Js(...e),...xs(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(Zs,"createAppStore");var Rs=im(null);function d(){let t=sm(Rs);if(am(()=>{t&&!t.persist.hasHydrated()&&t.persist.rehydrate()},[]),!t)throw new Error("Missing AppStoreContext.Provider in the tree");return t()}i(d,"useAppStore");function ea(t){let e=lm();return e.current||(e.current=Zs(t.config)),rm.createElement(Rs.Provider,{value:e.current},t.children)}i(ea,"AppStoreProvider");import ht from"bignumber.js";import{create as gm}from"zustand";import{subscribeWithSelector as hm}from"zustand/middleware";import{getLastSuccessfulStep as dm}from"@rango-dev/queue-manager-rango-preset";import kk from"bignumber.js";var dt=(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))(dt||{});function ta(t,e){return e.find(o=>o.name===t)?.displayName}i(ta,"getBlockchainDisplayNameFor");function Ye(t,e){return e.find(o=>o.name===t)?.shortName}i(Ye,"getBlockchainShortNameFor");function oa(t,e){return e.find(o=>o.id===t)?.swapperGroup}i(oa,"getSwapperDisplayName");function wr(t,e){return e.find(o=>Be(o,t))??null}i(wr,"findToken");function xr(t,e){return e.find(o=>o.name===t)??null}i(xr,"findBlockchain");import{i18n as Fe}from"@lingui/core";import Te from"bignumber.js";import{PendingSwapNetworkStatus as Yo}from"rango-types";function jo(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(jo,"getRequiredWallets");function Xo(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}i(Xo,"isValidAddress");import{i18n as me}from"@lingui/core";var Q=i(()=>({genericServerError:me.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:me.t("Please reset your liquidity sources."),description:me.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources.")},noResultError:{title:me.t("No Routes Found."),description:me.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:me.t("Bridge Limit Error: Please increase your amount."),decreaseAmount:me.t("Bridge Limit Error: Please decrease your amount.")},highValueLossError:{impactTitle:me.t("High Price Impact"),title:me.t("Price impact is too high!"),description:me.t("The price impact is significantly higher than the allowed amount. If you are sure, continue, otherwise, change the swap."),confirmMessage:me.t("Confirm high price impact")},quoteUpdatedWithHighValueLoss:{title:me.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:me.t("USD Price Unknown"),title:me.t("USD Price Unknown, Cannot calculate Price Impact."),description:me.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:me.t("Confirm USD Price Unknown")}}),"errorMessages");function na(t){switch(t.type){case 0:return t.diagnosisMessage??Q().noResultError.title;case 1:return Q().genericServerError;default:return""}}i(na,"getQuoteErrorMessage");import{i18n as Ko}from"@lingui/core";var vt=i(()=>({connectWallet:Ko.t("Connect Wallet"),swap:Ko.t("Swap"),swapAnyway:Ko.t("Swap anyway"),ethWarning:Ko.t("The route goes through Ethereum. Continue?")}),"swapButtonTitles");function ra(t,e){return(parseInt(e.toFixed(2)||"0")<=-10&&t?.gte(new Te(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new Te(1e3)))??!1}i(ra,"hasHighValueLoss");function vr(t){return(t?.result?.swaps||[]).filter(e=>{let o=e.fromAmountMinValue?new Te(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Te(e.fromAmountMaxValue):null;return e.fromAmountRestrictionType==="EXCLUSIVE"?o?.gte(e.fromAmount)||n?.lte(e.fromAmount):o?.gt(e.fromAmount)||n?.lt(e.fromAmount)}).length>0}i(vr,"hasLimitError");function Ar(t){let e=(t.result?.swaps||[]).filter(l=>{let p=l.fromAmountMinValue?new Te(l.fromAmountMinValue):null,c=l.fromAmountMaxValue?new Te(l.fromAmountMaxValue):null;return l.fromAmountRestrictionType==="EXCLUSIVE"?p?.gte(l.fromAmount)||c?.lte(l.fromAmount):p?.gt(l.fromAmount)||c?.lt(l.fromAmount)})[0],o=e.fromAmountMinValue?new Te(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Te(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",s="",a="";return!r&&o&&o.gt(e.fromAmount)?(s=Fe.t({id:"Required: >= {min} {symbol}",values:{min:W(o,6,6),symbol:e.from.symbol}}),a=Q().bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(s=Fe.t({id:"Required: > {min} {symbol}",values:{min:W(o,6,6),symbol:e.from.symbol}}),a=Q().bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(s=Fe.t({id:"Required: <= {max} {symbol}",values:{max:W(n,6,6),symbol:e.from.symbol}}),a=Q().bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(s=Fe.t({id:"Required: < {max} {symbol}",values:{max:W(n,6,6),symbol:e.from.symbol}}),a=Q().bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:s,recommendation:a}}i(Ar,"getLimitErrorMessage");function ia(t){let{fetchMetaStatus:e,anyWalletConnected:o,fetchingQuote:n,inputAmount:r,quote:s,warning:a,error:l,needsToWarnEthOnPath:p}=t;return e!=="success"?{title:vt().connectWallet,action:"connect-wallet",disabled:!0}:o?n||!s||!s.result||l||!r||r==="0"?{title:vt().swap,action:"confirm-swap",disabled:!0}:a?{title:vt().swapAnyway,action:"confirm-warning",disabled:!1}:p?{title:vt().ethWarning,action:"confirm-warning",disabled:!1}:{title:vt().swap,action:"confirm-swap",disabled:!1}:{title:vt().connectWallet,action:"connect-wallet",disabled:!1}}i(ia,"getSwapButtonState");function br(t,e,o){return!((!o||o.lte(Ee))&&t?.result&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t.result)}i(br,"canComputePriceImpact");function pm(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(pm,"requiredWallets");var cm=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice");function um(t,e){let o=Ee;for(let n=0;n<t.fee.length;n++){let r=t.fee[n];if(r.expenseType==="DECREASE_FROM_OUTPUT")continue;let s=cm(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new Te(r.amount).multipliedBy(s||0))}return o}i(um,"getUsdFeeOfStep");function Jo(t,e){return t.reduce((o,n)=>o.plus(um(n,e)),Ee)}i(Jo,"getTotalFeeInUsd");function Er(t){let e=new Map;return t.result?.swaps.forEach((o,n)=>{o.recommendedSlippage?.error&&e.set(n,o.recommendedSlippage.slippage)}),e.size>0?e:null}i(Er,"checkSlippageErrors");function sa(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(sa,"checkSlippageWarnings");function Zo(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(Zo,"getMinRequiredSlippage");function aa(t,e){return e?parseFloat(t)>=parseFloat(e):!0}i(aa,"hasProperSlippage");function Ro(t){let{fromToken:e,toToken:o,inputAmount:n,wallets:r,selectedWallets:s,disabledLiquiditySources:a,liquiditySources:l,excludeLiquiditySources:p,slippage:c,affiliateRef:u,affiliatePercent:m,affiliateWallets:g,initialQuote:f,destination:k}=t,S=s?.reduce((b,C)=>(b[C.chain]=C.address,b),{}),h=[];r?.forEach(b=>{let C=h.find(v=>v.blockchain===b.chain);C?C.addresses.push(b.address):h.push({blockchain:b.chain,addresses:[b.address]})});let A=!!f,T=_t((f?.result?.swaps||[]).reduce((b,C)=>(b.push(C.from.blockchain,C.to.blockchain),C.internalSwaps&&Array.isArray(C.internalSwaps)&&C.internalSwaps.map(v=>{b.push(v.from.blockchain,v.to.blockchain)}),b),[]));return{amount:n.toString(),affiliateRef:u??void 0,affiliatePercent:m??void 0,affiliateWallets:g??void 0,checkPrerequisites:A,from:{address:e.address,blockchain:e.blockchain,symbol:e.symbol},to:{address:o.address,blockchain:o.blockchain,symbol:o.symbol},connectedWallets:h,selectedWallets:S??{},slippage:c.toString(),...k&&{destination:k},...p&&{swapperGroups:a.concat(l??[]),swappersGroupsExclude:!0},...!p&&{swapperGroups:l?.filter(b=>!a.includes(b)),swappersGroupsExclude:!1},...A&&{blockchains:T}}}i(Ro,"createQuoteRequestBody");function la(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}i(la,"getWalletsForNewSwap");function Ft(t){return t.result?.outputAmount||null}i(Ft,"getQuoteOutputAmount");function pa(t,e){return new Te(e).div(new Te(t)).minus(1).multipliedBy(100).toNumber()}i(pa,"getPercentageChange");function ca(t,e){let o=Ft(t),n=Ft(e);if(!o||!n)return!1;let r=Le(o,n);return r?r<=-1:!0}i(ca,"isOutputAmountChangedALot");function ua(t,e,o){let n=t.validationStatus,r=_s(t);return e.sort((a,l)=>r.indexOf(a.chain)-r.indexOf(l.chain)).flatMap(a=>ya(a,n)||[]).filter(a=>!a.ok).map(a=>{let l=a.asset.symbol,p=W(new Te(a.currentAmount.amount).shiftedBy(-a.currentAmount.decimals),8,8),c=W(new Te(a.requiredAmount.amount).shiftedBy(-a.requiredAmount.decimals),8,8),u="";return a.reason==="FEE"&&(u=Fe.t(" for network fee")),a.reason==="INPUT_ASSET"&&(u=Fe.t(" for swap")),a.reason==="FEE_AND_INPUT_ASSET"&&(u=Fe.t(" for input and network fee")),Fe.t({id:"Needs \u2248 {requiredAmount} {symbol}{reason}, but you have {currentAmount} {symbol} in your {blockchain} wallet.",values:{requiredAmount:c,symbol:l,reason:u,currentAmount:p,blockchain:Ye(a.asset.blockchain,o)}})})}i(ua,"generateBalanceWarnings");function ma(t,e){return(t?new Te(t):Ee).multipliedBy(e||0)}i(ma,"calcOutputUsdValue");function oo(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==Yo.NetworkChanged}i(oo,"isNetworkStatusInWarningState");function da(t,e){let o="bellow button or",n=t.extraMessage,r=t.extraMessageDetail;if(t.networkStatusExtraMessageDetail?.includes(o)&&(t.networkStatusExtraMessageDetail=t.networkStatusExtraMessageDetail.replace(o,"")),oo(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case Yo.WaitingForConnectingWallet:n=n||Fe.t("Waiting for connecting wallet");break;case Yo.WaitingForQueue:n=n||Fe.t("Waiting for other running tasks to be finished");break;case Yo.WaitingForNetworkChange:n=n||Fe.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(da,"getSwapMessages");function fa(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(fa,"getLastConvertedTokenInFailedSwap");function ga(t){return t.status==="failed"&&!!t.finishTime&&new Date().getTime()-parseInt(t.finishTime)<4*3600*1e3}i(ga,"shouldRetrySwap");function ha(t,e,o,n,r,s){return t||!e&&!pm(n).every(a=>r.map(l=>l.chain).includes(a))||!!e&&!o||!!e&&!!o&&s&&!Xo(s,o)}i(ha,"confirmSwapDisabled");function Ir(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(Ir,"searchParamsToToken");function Ca(t){return t?.result?.swaps[t?.result?.swaps.length-1].to.usdPrice}i(Ca,"getQuoteToTokenUsdPrice");function Wr(t,e){let o=t.result?.swaps||[],n=e.result?.swaps||[];return o.length!==n.length}i(Wr,"isNumberOfSwapsChanged");function Nr(t,e){let o=t.result?.swaps.map(r=>r.swapperId)||[],n=e.result?.swaps.map(r=>r.swapperId)||[];return!yr(o,n)}i(Nr,"isQuoteSwappersUpdated");function Br(t,e){let o=t.result?.swaps.map(r=>r.to.symbol)||[],n=e.result?.swaps.map(r=>r.to.symbol)||[];return!yr(o,n)}i(Br,"isQuoteInternalCoinsUpdated");function ka(t,e){return Wr(t,e)||Nr(t,e)||Br(t,e)}i(ka,"isQuoteChanged");function ya(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(ya,"getRequiredBalanceOfWallet");function st(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}i(st,"getPriceImpactLevel");function Ta(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],s=dm(t.steps),a={blockchain:r.toBlockchain,symbol:r.toSymbol,address:r.toSymbolAddress},l=xr(s?s.toBlockchain:n.fromBlockchain,e),p=xr(r.toBlockchain,e),c=wr(s?{blockchain:l?.name??"",symbol:s.toSymbol,address:s.toSymbolAddress}:{blockchain:l?.name??"",symbol:n.fromSymbol,address:n.fromSymbolAddress},o),u=wr(a,o),m=s?s.outputAmount??"":t.inputAmount;return{fromBlockchain:l,fromToken:c,toBlockchain:p,toToken:u,inputAmount:m}}i(Ta,"createRetryQuote");function en(t,e){let{fromToken:o,toToken:n,tokens:r,userSlippage:s}=e,a=At(o,t.requestAmount),l=At(n,t.result?.outputAmount??"");if(t.result&&a&&l){let u=Le(a.toString(),l.toString());if(!!u&&ra(a,u)){let g=Jo(t.result.swaps,r),f=st(u);return{type:0,inputUsdValue:a,outputUsdValue:l,priceImpact:u,totalFee:g,warningLevel:f}}}else if(t.result&&(!a||!l))return{type:1};let p=Zo(t),c=s>Xs;if(aa(e.userSlippage.toString(),p)){if(c&&parseFloat(p??"0")<s)return{type:3,slippage:s.toString()}}else return{type:2,recommendedSlippages:sa(t,s),minRequiredSlippage:p};return null}i(en,"generateQuoteWarnings");function Le(t,e){let o=typeof e=="string"?parseFloat(e)<=0:!e?.gt(0),n=!t||!e||o?null:pa(t.toString(),e.toString());return n&&n<0?n:null}i(Le,"getPriceImpact");var fm=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"),gt=fm;var At=i((t,e)=>t?.usdPrice?new ht(e||Ee).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),O=gt(gm()(hm(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new ht(0),outputUsdValue:new ht(0),toBlockchain:null,toToken:null,quote:null,quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:"",quoteWarningsConfirmed:!1,setQuote:e=>t(o=>{let n=null,r=Ee;return to(o.inputAmount)?(e&&(n=e.result?.outputAmount?new ht(e.result?.outputAmount):null,r=ma(e.result?.outputAmount,Ca(e)||o.toToken?.usdPrice)),{quote:e,...!!e&&{outputAmount:n,outputUsdValue:r}}):{}}),resetQuote:()=>t(()=>({quote:null,outputAmount:null,outputUsdValue:new ht(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:At(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 ht(0),outputUsdValue:new ht(0),quote:null},...!!o.fromToken&&{inputUsdValue:At(o.fromToken,e)}}))},retry:(e,o)=>{let{tokens:n,blockchains:r}=o,{fromBlockchain:s,fromToken:a,toBlockchain:l,toToken:p,inputAmount:c}=Ta(e,r,n);t({fromBlockchain:s,fromToken:a,inputAmount:c,outputAmount:null,inputUsdValue:At(a??null,c),outputUsdValue:new ht(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:At(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 xa(){let{setInputAmount:t,setToToken:e,setToBlockchain:o,setFromBlockchain:n,setFromToken:r,fromToken:s,toToken:a,fromBlockchain:l,toBlockchain:p}=O(),c=d().config,u=d().fetchStatus,m=d().blockchains(),g=d().tokens(),{setAffiliateRef:f,setAffiliatePercent:k,setAffiliateWallets:S}=d(),h=on(()=>c?.from?.tokens,[c?.from?.tokens]),A=on(()=>c?.from?.blockchains,[c?.from?.blockchains]),T=on(()=>c?.to?.tokens,[c?.to?.tokens]),w=on(()=>c?.to?.blockchains,[c?.to?.blockchains]),b=nn(void 0),C=nn(void 0),v=nn(void 0),E=nn(void 0);tn(()=>{t(c?.amount?.toString()||"")},[c?.amount]),wa(()=>{if(u==="success"){let y=m.find($=>$.name===c?.from?.blockchain),P=g.find($=>Be($,c?.from?.token||null));(y||!y&&v.current)&&n(y??null),P?r({token:P,meta:{blockchains:m,tokens:g}}):!P&&b.current&&r({token:null}),v.current=c?.from?.blockchain,b.current=c?.from?.token}},[c?.from?.token?.symbol,c?.from?.token?.address,c?.from?.token?.blockchain,c?.from?.blockchain,u]),tn(()=>{s&&h&&(h.some(y=>Be(y,s))||r({token:null})),l&&A&&(A.includes(l.name)||n(null))},[h,A]),tn(()=>{a&&T&&(T.some(y=>Be(y,a))||e({token:null})),p&&w&&(w.includes(p.name)||o(null))},[T,w]),wa(()=>{if(u==="success"){let y=m.find($=>$.name===c?.to?.blockchain),P=g.find($=>Be($,c?.to?.token||null));(y||!y&&E.current)&&o(y??null),P?e({token:P,meta:{blockchains:m,tokens:g}}):!P&&C.current&&e({token:null}),E.current=c?.to?.blockchain,C.current=c?.to?.token}},[c?.to?.token?.symbol,c?.to?.token?.address,c?.to?.token?.blockchain,c?.to?.blockchain,u]),tn(()=>{f(c?.affiliate?.ref??null),k(c?.affiliate?.percent??null),S(c?.affiliate?.wallets??null)},[c?.affiliate?.ref,c?.affiliate?.percent,c?.affiliate?.wallets])}i(xa,"useSyncStoresWithConfig");import{useEffect as km}from"react";import{create as ym}from"zustand";import{subscribeWithSelector as Sm}from"zustand/middleware";var z=gt(ym()(Sm((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:Vo(s),connectedWallets:s}})},selectWallets:o=>t(n=>({connectedWallets:n.connectedWallets.map(r=>{let s=!!o.find(l=>l.chain===r.chain&&l.walletType!==r.walletType&&r.selected),a=!!o.find(l=>l.chain===r.chain&&l.walletType===r.walletType&&!r.selected);return s?{...r,selected:!1}:a?{...r,selected:!0}:r})})),clearConnectedWallet:()=>t(()=>({connectedWallets:[],selectedWallets:[]})),getWalletsDetails:async(o,n,r=!0)=>{let s=e().getWalletsDetails;t(a=>({loading:!0,connectedWallets:a.connectedWallets.map(l=>o.find(p=>zo(p,l))?{...l,loading:!0}:l)}));try{let a=o.map(({address:c,chain:u})=>({address:c,blockchain:u})),p=(await Mt().getWalletsDetails(a)).wallets;if(p)t(c=>{let u=c.connectedWallets.map(g=>{let f=o.find(S=>zo(S,g)),k=p.find(S=>S.address===g.address&&S.blockChain===g.chain);return k?.failed&&f&&r&&s([f],n,!1),f&&k?{...g,explorerUrl:k.explorerUrl,balances:Ds(k,n),loading:!1}:g});return{loading:!1,balances:Vo(u),connectedWallets:u}});else throw new Error("Wallet not found")}catch{t(l=>{let p=l.connectedWallets.map(u=>o.find(m=>zo(m,u))?Fs(u):u);return{loading:!1,balances:Vo(p),connectedWallets:p}})}},getBalanceFor:o=>{let{balances:n}=e(),r=kr(o);return n[r]??null}}))));import{allProviders as Cm}from"@rango-dev/provider-all";function rn(t,e){let o=Cm({walletconnect2:{WC_PROJECT_ID:e?.walletConnectProjectId||""}});if(t){let n=[];return t.forEach(r=>{if(typeof r=="string"){let s=o.find(a=>a.config.type===r);s?n.push(s):console.warn(`Couldn't find ${r} provider. Please make sure you are passing the correct name.`)}else n.push(r)}),n}return o}i(rn,"matchAndGenerateProviders");function va(t,e){return rn(t,e).map(r=>r.config.type)}i(va,"configWalletsToWalletName");function Aa(t,e){let o=z.use.clearConnectedWallet(),n=rn(void 0,e);return km(()=>{o(),n=rn(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}i(Aa,"useWalletProviders");var an=xm({onConnectWallet:()=>{}});function Am(t){let{updateConfig:e,updateSettings:o,fetch:n}=d(),r=d().blockchains(),s=d().tokens(),a={walletConnectProjectId:t.config?.walletConnectProjectId},{providers:l}=Aa(t.config.wallets,a),{connectWallet:p,disconnectWallet:c}=z(),u=vm();xa(),ba(()=>{n().catch(console.log)},[]),ba(()=>{t.config&&(e(t.config),o(t.config))},[t.config]);let m=r.filter(wm).map(f=>f.name),g=i((f,k,S,h,A)=>{if(k===Lr.ACCOUNTS)if(S){let T=qo(A.supportedBlockchains),w=Ms(f,S,m,T,A.isContractWallet);p(w,s)}else c(f);if(k===Lr.ACCOUNTS&&h.connected){let T=`${f}-${h.network}-${S}`;h.connected&&(u.current?u.current(T):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(k===Lr.NETWORK&&h.network){let T=`${f}-${h.network}`;u.current?u.current(T):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(f,k,S,h,A)},"onUpdateState");return sn.createElement(an.Provider,{value:{onConnectWallet:f=>{u.current=f}}},sn.createElement(Tm,{allBlockChains:r,providers:l,onUpdateState:g,autoConnect:!0},t.children))}i(Am,"Main");function ln(t){let{config:e,...o}=t;return sn.createElement(ea,{config:e},sn.createElement(Am,{...o,config:e}))}i(ln,"WidgetWallets");import ws from"react";import{I18nManager as lS}from"@rango-dev/ui";import No,{useContext as pS,useEffect as Pu,useState as $u}from"react";import{useQueueManager as $m}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Mm}from"@rango-dev/wallets-react";import{isEvmBlockchain as _m}from"rango-types";import pn,{Fragment as Dm}from"react";import{MemoryRouter as Fm,useInRouterContext as Om}from"react-router";import{useWallets as Em}from"@rango-dev/wallets-react";import{useEffect as Im,useRef as Wm}from"react";function Ea(){let{connect:t,state:e}=Em(),o=Wm({}),{fetchStatus:n}=d(),r=new URLSearchParams(location.search).get("autoConnect")||"",s=e(r);Im(()=>{n==="success"&&r&&s.installed&&!s.connecting&&!s.connected&&!o.current[r]&&(o.current[r]=!0,t(r))},[s,n])}i(Ea,"useForceAutoConnect");import{useEffect as Pr,useRef as $r}from"react";import{createSearchParams as Bm,useLocation as Lm,useSearchParams as Pm}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 Nm}from"zustand";var we=gt(Nm()(t=>({connectWalletsButtonDisabled:!1,selectedSwapRequestId:null,currentPage:"",setSelectedSwap:e=>t({selectedSwapRequestId:e}),setCurrentPage:e=>t({currentPage:e})})));function Ia(){let t=$r(!0),[e,o]=Pm(),n=Lm(),r=$r(n.search),s=$r({}),a=O.use.fromBlockchain(),l=O.use.toBlockchain(),p=O.use.fromToken(),c=O.use.toToken(),u=O.use.setFromBlockchain(),m=O.use.setFromToken(),g=O.use.setToBlockchain(),f=O.use.setToToken(),k=O.use.inputAmount(),S=O.use.setInputAmount(),h=d().fetchStatus,A=d().blockchains(),T=d().tokens(),w=we.use.setSelectedSwap();return Pr(()=>{let b={};Bm(r.current).forEach((v,E)=>{b[E]=v}),s.current=b;let C=n.pathname.split(M.swaps+"/")[1]||null;C&&w(C)},[]),Pr(()=>{if(!t.current){let b="",C="",v="",E="",y="",P=s.current["autoConnect"];h!=="success"?(b=s.current["fromBlockchain"],C=s.current["fromToken"],v=s.current["toBlockchain"],E=s.current["toToken"],y=s.current["fromAmount"]||k):(b=a?.name||"",C=(p?.symbol||"")+(p?.address?`--${p?.address}`:""),v=l?.name||"",E=(c?.symbol||"")+(c?.address?`--${c?.address}`:""),y=k),o({...b&&{["fromBlockchain"]:b},...C&&{["fromToken"]:C},...v&&{["toBlockchain"]:v},...E&&{["toToken"]:E},...y&&{["fromAmount"]:y.toString()},...P&&{["autoConnect"]:P}},{replace:!0})}t.current=!1},[n.pathname,k,a,p,l,c]),Pr(()=>{if(h==="success"){let b=e.get("fromBlockchain"),C=e.get("fromToken"),v=e.get("toBlockchain"),E=e.get("toToken"),y=e.get("fromAmount"),P=A.find(_=>_.name===b),$=Ir(T,C,P||null),B=A.find(_=>_.name===v),x=Ir(T,E,B||null);P&&(u(P),$&&m({token:$,meta:{blockchains:A,tokens:T}})),B&&(g(B),x&&f({token:x,meta:{blockchains:A,tokens:T}})),y&&S(y)}},[h]),null}i(Ia,"UpdateUrl");function Wa({children:t,...e}){let o=Om(),n=o?Dm:Fm,r=d().blockchains(),{canSwitchNetworkTo:s}=Mm();Ea();let a=r.filter(_m);return $m({lastConnectedWallet:e.lastConnectedWallet,clearDisconnectedWallet:e.clearDisconnectedWallet,disconnectedWallet:e.disconnectedWallet,evmChains:a,canSwitchNetworkTo:s}),pn.createElement(pn.Fragment,null,pn.createElement(n,null,t),o&&pn.createElement(Ia,null))}i(Wa,"AppRouter");import Ae from"react";import{useRoutes as oS}from"react-router-dom";import{i18n as Mn}from"@lingui/core";import{useManager as ng}from"@rango-dev/queue-manager-react";import{Alert as Dp,Button as Fp,css as Si,Divider as rg,IconButton as Op,RefreshIcon as ig,SettingsIcon as sg,styled as Up,Tooltip as ag,Typography as lg,WalletIcon as pg}from"@rango-dev/ui";import ee,{useEffect as yo,useLayoutEffect as cg,useRef as ug,useState as _n}from"react";import{flushSync as mg}from"react-dom";import{useNavigate as dg}from"react-router-dom";import{i18n as at}from"@lingui/core";import{Alert as Rr,BalanceErrors as of,Button as El,ChevronDownIcon as nf,ChevronLeftIcon as rf,Divider as Gt,MessageBox as sf,Modal as Il,Typography as bn,WalletIcon as af}from"@rango-dev/ui";import N,{useEffect as lf,useLayoutEffect as pf,useRef as cf,useState as It}from"react";import{useNavigate as uf}from"react-router-dom";import{i18n as cn}from"@lingui/core";function un(t){switch(t.type){case 0:return cn.t("Route has been updated.");case 3:return cn.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return cn.t("Route swappers has been updated.");case 2:return cn.t("Route internal coins has been updated.");default:return""}}i(un,"getQuoteUpdateWarningMessage");import*as Ut from"@radix-ui/react-collapsible";import{Button as qm,css as Na,darkTheme as Ot,IconButton as zm,keyframes as Ba,styled as de,TextField as Gm}from"@rango-dev/ui";var no=300,Hm=Ba({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),Qm=Ba({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),La=de("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),Pa=de("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),Vm=de("button",{borderRadius:"$xm",padding:"$10",border:"0",display:"flex",justifyContent:"center",$$color:"$colors$neutral100",[`.${Ot} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",alignItems:"center",cursor:"pointer",width:110,position:"relative","&:hover":{$$color:"$colors$info100",[`.${Ot} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$color:"$colors$info100",[`.${Ot} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color",outline:0},variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary",outlineStyle:"solid"}}}}),$a=de(Vm,{alignSelf:"stretch",minHeight:"93px"}),Ma=de(Ut.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit"}),_a=de("div",{padding:"$20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),Da=de(zm,{position:"absolute",left:"$20"}),Fa=de("div",{paddingTop:"$20"}),Oa=Na({display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),Ua=de(Ut.Root,{backgroundColor:"$neutral200",borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),qa=de(qm,{width:"100%",borderRadius:"$sm !important",padding:"$15 !important",justifyContent:"space-between",alignItems:"center",$$color:"$colors$neutral100",[`.${Ot} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color","&:hover":{$$color:"$colors$info100",[`.${Ot} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$background:"$colors$info100",[`.${Ot} &`]:{$$background:"$colors$info700"},backgroundColor:"$$background",outline:0}}),za=de("div",{padding:"$10 $0","& .button__content":{display:"flex",alignItems:"center"},"& .alarms":{paddingTop:"5px"}}),Ga=Na({paddingTop:"5px"}),Ha=de("div",{transition:`all ${no}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),Qa=de("div",{display:"flex"}),Va=de(Gm,{backgroundColor:"$neutral100",padding:"$0 $15 $15 $15"}),mn=de(Ut.Content,{backgroundColor:"$neutral100",overflow:"hidden",variants:{open:{true:{animation:`${Hm} ${no}ms ease-out`},false:{animation:`${Qm} ${no}ms ease-out`}}}}),ja=de("div",{overflow:"visible",width:"100%"});import{i18n as qe}from"@lingui/core";import{Button as Rd,Divider as Jr,Image as ef,MessageBox as An,Modal as wl,SelectableWallet as tf,Typography as xl,WalletState as vl}from"@rango-dev/ui";import R,{useEffect as Al,useState as io}from"react";import{WalletState as Mr}from"@rango-dev/ui";import{useWallets as jm}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as Xm,WalletTypes as dn}from"@rango-dev/wallets-shared";import{useEffect as Km,useState as Ym}from"react";var Jm=Object.values(dn);function fn(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:s,disconnect:a,getWalletInfo:l,connect:p}=jm(),{connectedWallets:c}=z(),u=d().blockchains(),m=va(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||Jm,g=$s(s,l,m,o),f=qs(g),[k,S]=Ym(""),h=i(C=>!c.find(v=>v.walletType===C&&v.chain===o),"isExperimentalChainNotAdded"),A=i(async C=>{let v=s(C);try{if(k&&S(""),v.connected)await a(C);else{let E=!!g.find(y=>y.state===Mr.CONNECTED);if(!e?.multiWallets&&E)return;n?.(C),await p(C),r?.(C)}}catch(E){S("Error: "+E?.message)}},"handleClick"),T=i(()=>{let C=g?.filter(v=>v.state===Mr.CONNECTING)||[];for(let v of C)a(v.type)},"disconnectConnectingWallets");Km(()=>()=>{T()},[]);let w=i(C=>C.filter(E=>E.state!=Mr.NOT_INSTALLED&&![dn.DEFAULT,dn.WALLET_CONNECT_2].includes(E.type)&&l(E.type).supportedChains.filter(y=>y.type=="EVM").length>0).length==0,"shouldShowDefaultInjectedWallet"),b=i((C,v,E)=>Go(E,v)&&h(C)&&!Xm.includes(C)||C==dn.DEFAULT&&!w(g),"shouldExcludeWallet");return{list:f.filter(C=>!b(C.type,o??"",u)),error:k,handleClick:A}}i(fn,"useWalletList");import{i18n as gl}from"@lingui/core";import{styled as yl,Typography as Qd,Wallet as Vd,WalletState as jd}from"@rango-dev/ui";import Et,{Fragment as Xd,useState as hl}from"react";import{BottomLogo as Md,Divider as _d,Header as Dd}from"@rango-dev/ui";import fe from"react";import{useNavigate as Zm}from"react-router-dom";function yt(){let t=Zm();return()=>t(-1)}i(yt,"useNavigateBack");import{createTheme as Or,darkTheme as nd,lightTheme as rd}from"@rango-dev/ui";import{useEffect as Ya,useState as id}from"react";import{theme as td,darkColors as od}from"@rango-dev/ui";var Xa=i((t,e)=>{t=t.replace(/^#/,""),t.length===3&&(t=t[0]+t[0]+t[1]+t[1]+t[2]+t[2]);let[s,a,l]=t.match(/.{2}/g);[s,a,l]=[parseInt(s,16)+e,parseInt(a,16)+e,parseInt(l,16)+e],s=Math.max(Math.min(255,s),0).toString(16),a=Math.max(Math.min(255,a),0).toString(16),l=Math.max(Math.min(255,l),0).toString(16);let p=(s.length<2?"0":"")+s,c=(a.length<2?"0":"")+a,u=(l.length<2?"0":"")+l;return`#${p}${c}${u}`},"colorShade"),gn=i((t,e)=>{let a={[t]:e};for(let l=1;l<10;l++)l<5&&(a={...a,[t+l*100]:Xa(e,(5-l)*25)}),l===5&&(a={...a,[t+l*100]:e}),l>5&&(a={...a,[t+l*100]:Xa(e,-((l-5)*25))});return a},"generateRangeColors"),_r=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=gn(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,...gn(s,a)}}return n?r:{}},"generateColors");var Ka=i(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),Rm=i(t=>{let e="",o;for(o=Math.abs(t);o>52;o=o/52|0)e=Ka(o%52)+e;return Ka(o%52)+e},"toAlphabeticName"),ed=i((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),Dr=i(t=>Rm(ed(5381,JSON.stringify(t))>>>0),"toHash");function Fr(t){let e=td.colors,o=_r({...e,...od},!0,t?.dark),n=_r(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:`${hr}-light-${Dr(p)}`,tokens:p}}if(r){let p={colors:o};l={id:`${hr}-dark-${Dr(p)}`,tokens:p}}return{light:a,dark:l}}i(Fr,"customizedThemeTokens");function hn(t){let{colors:e,fontFamily:o=Is,borderRadius:n=bs,secondaryBorderRadius:r=Es,mode:s="auto"}=t,[a,l]=id("light"),{setTheme:p,theme:c}=d(),{dark:u,light:m}=Fr(e),g=Or({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),f=[g.className,rd.className],k=[g.className,nd.className];if(m){let h=Or(m.id,m.tokens);f.push(h.className)}if(u){let h=Or(u.id,u.tokens);k.push(h.className)}return Ya(()=>{let h=i(A=>{A.matches?l("dark"):l("light")},"switchThemeListener");return window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches&&l("dark"),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",h),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",h)}},[]),Ya(()=>{s!=="auto"&&p(s)},[s]),{activeTheme:i(()=>{let h=f.join(" "),A=k.join(" ");return c==="auto"?a==="dark"?A:h:c==="dark"?A:h},"getActiveTheme")}}i(hn,"useTheme");import{ChevronLeftIcon as ld}from"@rango-dev/ui";import Ra from"react";import{darkTheme as sd,IconButton as ad,styled as yn}from"@rango-dev/ui";var Oe=yn(ad,{width:"$24",position:"relative",padding:"0",overflow:"unset"}),Ja=yn("div",{position:"absolute",background:"$secondary500",[`.${sd} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),qt=yn("div",{display:"flex",justifyContent:"flex-end",width:"$40"}),Za=yn("div",{position:"absolute",backgroundColor:"$secondary500",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0"});function Ur(t){return Ra.createElement(Oe,{variant:"ghost",size:"small",onClick:t.onClick},Ra.createElement(ld,{color:"black",size:16}))}i(Ur,"BackButton");import{i18n as pd}from"@lingui/core";import{Button as cd,Typography as ud}from"@rango-dev/ui";import qr from"react";function zr(t){return qr.createElement(qt,null,qr.createElement(cd,{variant:"ghost",onClick:t.onClick,size:"xsmall"},qr.createElement(ud,{variant:"label",size:"medium",color:"error500"},pd.t("Cancel"))))}i(zr,"CancelButton");import{i18n as md}from"@lingui/core";import{Tooltip as dd,WalletIcon as fd}from"@rango-dev/ui";import Sn from"react";function Gr(t){return Sn.createElement(dd,{container:t.container,side:"top",content:md.t("Connect Wallet")},Sn.createElement(Oe,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&Sn.createElement(Ja,null),Sn.createElement(fd,{size:18,color:"black"})))}i(Gr,"WalletButton");import{i18n as Tn}from"@lingui/core";import{NotificationsIcon as Wd,Popover as Nd,RefreshIcon as Bd,SettingsIcon as Ld,Tooltip as wn,TransactionIcon as Pd}from"@rango-dev/ui";import ce from"react";import{i18n as wd}from"@lingui/core";import{ChainToken as il,ChevronRightIcon as xd,ListItemButton as vd,Typography as Ad}from"@rango-dev/ui";import Ue from"react";import{useNavigate as bd}from"react-router-dom";import{create as gd}from"zustand";import{persist as hd,subscribeWithSelector as yd}from"zustand/middleware";var Pe=gt(gd()(hd(yd((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 Cn}from"@rango-dev/ui";var el=Cn("div",{padding:"$10",width:"350px",minHeight:"150px"}),tl=Cn("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),ol=Cn("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),nl=Cn("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as Sd}from"@lingui/core";import{Divider as Cd,NoNotificationIcon as kd,Typography as Td}from"@rango-dev/ui";import kn from"react";function rl(){return kn.createElement(nl,null,kn.createElement(kd,{color:"secondary",size:26}),kn.createElement(Cd,{size:12}),kn.createElement(Td,{variant:"body",size:"medium",color:"neutral700"},Sd.t("You have no notification")))}i(rl,"NotificationNotFound");var Ed=4;function Hr(){let t=bd(),e=we.use.setSelectedSwap(),{getUnreadNotifications:o}=Pe(),n=o(),r=d().blockchains(),s=d().tokens(),a=n.sort((p,c)=>c.creationTime-p.creationTime).slice(0,Ed),l=i(p=>{e(p),t(`${M.swaps}/${p}`)},"handleOnClick");return Ue.createElement(el,null,a.length?Ue.createElement(tl,null,a.map(p=>{let c=s.find(f=>f.address===p.route.from.tokenAddress&&f.blockchain===p.route.from.blockchain&&f.symbol===p.route.from.tokenSymbol),u=r.find(f=>f.name===p.route.from.blockchain),m=s.find(f=>f.address===p.route.to.tokenAddress&&f.blockchain===p.route.to.blockchain&&f.symbol===p.route.to.tokenSymbol),g=r.find(f=>f.name===p.route.to.blockchain);return Ue.createElement(vd,{key:p.requestId,onClick:()=>l(p.requestId),title:Ue.createElement(Ad,{variant:"body",size:"small",color:"$neutral700"},wd.t(p.event.message)),id:p.requestId,start:Ue.createElement(ol,null,Ue.createElement("div",{className:"from-chain-token"},Ue.createElement(il,{tokenImage:c?c.image:"",chainImage:u?u.logo:"",size:"small"})),Ue.createElement("div",{className:"to-chain-token"},Ue.createElement(il,{tokenImage:m?m.image:"",chainImage:g?g.logo:"",size:"small"}))),end:Ue.createElement(xd,{size:12,color:"gray"})})})):Ue.createElement(rl,null))}i(Hr,"NotificationContent");import{Typography as Id}from"@rango-dev/ui";import sl from"react";function al(){let{getUnreadNotifications:t}=Pe(),e=t().length;return e?sl.createElement(Za,null,sl.createElement(Id,{variant:"body",size:"xsmall",color:"$background"},e)):null}i(al,"UnreadNotificationsBadge");function Qr(t){let{layoutRef:e,onClickRefresh:o,onClickHistory:n,onClickSettings:r,onClickNotifications:s}=t,{config:{features:a}}=d(),l=Ne("notification",a);return ce.createElement(ce.Fragment,null,ce.createElement(wn,{container:j(),side:"top",content:Tn.t("Refresh")},ce.createElement(Oe,{variant:"ghost",size:"small",onClick:o,disabled:!o},ce.createElement(Bd,{size:16,color:o?"black":"gray"}))),!l&&ce.createElement(wn,{container:j(),side:"top",content:Tn.t("Notifications")},ce.createElement(Nd,{align:"center",collisionBoundary:e,collisionPadding:{right:20,left:20},container:j(),content:ce.createElement(Hr,null)},ce.createElement(Oe,{size:"small",variant:"ghost",onClick:s},ce.createElement(Wd,{size:18,color:"black"}),ce.createElement(al,null)))),ce.createElement(wn,{container:j(),side:"top",content:Tn.t("Settings")},ce.createElement(Oe,{size:"small",variant:"ghost",onClick:r},ce.createElement(Ld,{size:18,color:"black"}))),ce.createElement(wn,{container:j(),side:"top",content:Tn.t("Transactions History")},ce.createElement(Oe,{size:"small",variant:"ghost",onClick:n},ce.createElement(Pd,{size:18,color:"black"}))))}i(Qr,"HomeButtons");import{darkTheme as $d,styled as Vr}from"@rango-dev/ui";var ll=Vr("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",[`.${$d} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",variants:{fixedHeight:{true:{height:"100vh"},false:{height:"auto !important"}}}}),pl=Vr("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"}}}}),cl=Vr("div",{backgroundColor:"$background","& .footer__content":{padding:"$0 $20"},"& .footer__logo":{padding:"$0 $20 $10 $20"}});function Fd(t,e){let{children:o,header:n,footer:r,noPadding:s,hasLogo:a=!0,fixedHeight:l=!0}=t,p=z.use.connectedWallets(),{config:{features:c,theme:u}}=d(),{activeTheme:m}=hn(u||{}),g=Ne("connectWalletButton",c),f=we.use.connectWalletsButtonDisabled(),k=yt(),S=i(()=>{!f&&n.onWallet&&n.onWallet()},"onConnectWallet"),h=typeof n.hasBackButton>"u"||n.hasBackButton;return fe.createElement(ll,{ref:e,fixedHeight:l,id:Se,className:m()},fe.createElement(Dd,{prefix:fe.createElement(fe.Fragment,null,h&&fe.createElement(Ur,{onClick:k})),title:n.title,suffix:fe.createElement(fe.Fragment,null,n.suffix,n.onWallet&&!g&&fe.createElement(Gr,{container:j(),onClick:S,isConnected:!!p?.length}),n.onCancel&&fe.createElement(zr,{onClick:n.onCancel}))}),fe.createElement(pl,{noPadding:s},o),(a||r)&&fe.createElement(cl,null,fe.createElement("div",{className:"footer__content"},r),a&&fe.createElement("div",{className:"footer__logo"},fe.createElement(_d,{size:12}),fe.createElement(Md,null))))}i(Fd,"LayoutComponent");var X=fe.forwardRef(Fd);X.displayName="Layout";import{Divider as Gd,Modal as Hd}from"@rango-dev/ui";import Xr from"react";import{i18n as zt}from"@lingui/core";import{Image as qd,MessageBox as jr,WalletState as zd}from"@rango-dev/ui";import bt from"react";import{keyframes as Od,styled as xn}from"@rango-dev/ui";var uv=xn("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),ul=xn("div",{position:"relative"}),Ud=Od({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),ml=xn("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Ud} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),dl=xn("div",{"& img":{borderRadius:"50%"}});function fl(t){let{state:e,image:o,error:n}=t;return e===zd.CONNECTED?bt.createElement(jr,{type:"success",title:zt.t("Wallet Connected"),description:zt.t("Your wallet is connected, you can use it to swap.")}):n?bt.createElement(jr,{type:"error",title:zt.t("Failed to Connect"),description:n||zt.t("Your wallet is not connected. Please try again.")}):bt.createElement(jr,{type:"loading",title:zt.t("Connecting to your wallet"),description:zt.t("Click connect in your wallet popup."),icon:bt.createElement(ul,null,bt.createElement(dl,null,bt.createElement(qd,{src:o,size:45})),bt.createElement(ml,null))})}i(fl,"ModalContent");function ro(t){let{open:e,onClose:o,...n}=t;return Xr.createElement(Hd,{open:e,onClose:o,container:document.getElementById(Se)||document.body},Xr.createElement(fl,{...n}),Xr.createElement(Gd,{direction:"vertical",size:32}))}i(ro,"WalletModal");var Kd=yl("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),Yd=yl("div",{textAlign:"center"}),vn=3e3,Kr=300;function Sl(){let{config:t,fetchStatus:e}=d(),[o,n]=hl(!1),[r,s]=hl(""),a=null,{list:l,handleClick:p,error:c}=fn({config:t,onBeforeConnect:f=>{a=setTimeout(()=>{n(!0),s(f)},Kr)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},vn)}}),u=l.find(f=>f.type===r),m=u?.image||"",g=u?.state||jd.NOT_INSTALLED;return Et.createElement(X,{header:{title:gl.t("Connect Wallets")}},Et.createElement(Yd,null,Et.createElement(Qd,{variant:"title",size:"xmedium",align:"center"},gl.t("Choose a wallet to connect.")),Et.createElement(Kd,null,l.map((f,k)=>{let S=`wallet-${k}-${f.type}`;return Et.createElement(Xd,{key:S},Et.createElement(Vd,{...f,container:j(),onClick:h=>{p(h)},isLoading:e==="loading"}))}),Et.createElement(ro,{open:!!o,onClose:()=>n(!1),image:m,state:g,error:c}))))}i(Sl,"WalletsPage");import{keyframes as Jd,styled as Yr}from"@rango-dev/ui";var Cl=Yr("div",{position:"relative"}),Zd=Jd({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),kl=Yr("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Zd} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),Tl=Yr("div",{"& img":{borderRadius:"50%"}});function Zr(t){let{chain:e,isSelected:o,selectWallet:n,limit:r,onShowMore:s}=t,{config:a}=d(),l=z.use.connectedWallets(),{blockchains:p}=d(),[c,u]=io(""),[m,g]=io(null),[f,k]=io(!1),[S,h]=io(null),{suggestAndConnect:A}=bl(),T=null,{list:w,error:b,handleClick:C}=fn({config:a,chain:e,onBeforeConnect:x=>{T=setTimeout(()=>{u(x)},Kr)},onConnect:()=>{T&&clearTimeout(T),setTimeout(()=>{u("")},vn)}}),[v,E]=io(w),y=w.length,P=r&&y-r>0,$=i(async x=>{k(!1),h("in-progress");try{await A(x.walletType,x.chain),h("completed")}catch{h("rejected")}},"addExperimentalChain");Al(()=>{E(x=>{let _=w.findIndex(I=>o(I.type,e));return P&&_>1?[w[_]].concat(w.filter((I,G)=>G!==_)):x.map(I=>w.find(G=>G.type===I.type)??I)})},[JSON.stringify(w)]);let B=document.getElementById(Se);return Al(()=>{let x=null;return(S==="completed"||S==="rejected")&&(x=setTimeout(()=>h(null),vn)),()=>{x&&clearTimeout(x)}},[S]),R.createElement(R.Fragment,null,v.slice(0,r).map(x=>{let _=zs({connectedWallets:l,walletType:x.type,chain:e}),I=_?Qo(_):"",G=Go(p(),e),J=!l.find(ye=>ye.walletType===x.type&&ye.chain===e),te=G&&J&&x.state===vl.CONNECTED,H=te?qe.t({id:"Add {chain} chain",values:{chain:e}}):I,re=i(()=>{x.state===vl.DISCONNECTED?C(x.type):te?(g({walletType:x.type,chain:e,address:_??""}),k(!0)):n({walletType:x.type,chain:e,address:_??""})},"onClick"),he=m?.chain?ta(m.chain,p()):void 0;return R.createElement(R.Fragment,null,R.createElement(ro,{open:c===x.type,onClose:()=>u(""),image:x.image,state:x.state,error:b}),!!m&&R.createElement(wl,{open:!!m&&f,container:B,onClose:()=>{g(null)}},R.createElement(An,{title:qe.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:he}}),type:"warning",description:qe.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:he}})},R.createElement(Jr,{size:18}),R.createElement(Jr,{size:32}),R.createElement(Rd,{onClick:$.bind(null,m),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},qe.t("Confirm")))),S&&R.createElement(wl,{open:!!S,onClose:h.bind(null,null),container:B},S==="in-progress"&&R.createElement(An,{type:"loading",title:qe.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:he}}),description:qe.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:he}}),icon:R.createElement(Cl,null,R.createElement(Tl,null,R.createElement(ef,{src:x.image,size:45})),R.createElement(kl,null))}),S==="completed"&&R.createElement(An,{type:"success",title:qe.t({id:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:he}}),description:qe.t({id:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:he}})}),S==="rejected"&&R.createElement(An,{type:"error",title:qe.t("Request Rejected"),description:qe.t({id:"You've rejected adding {blockchainDisplayName} chain to your wallet.",values:{blockchainDisplayName:he}})}),R.createElement(Jr,{direction:"vertical",size:32})),R.createElement(tf,{key:x.type,description:H,onClick:re,selected:o(x.type,e),...x}))}),P&&R.createElement($a,{selected:!1,onClick:s},R.createElement(xl,{variant:"label",size:"medium"},qe.t("Show more wallets"),R.createElement(xl,{variant:"label",size:"medium",color:"$primary"},"\xA0+",y-(r??0)))))}i(Zr,"WalletList");var mf=2;function Wl(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,loading:s}=t,a=d().config,l=d().blockchains(),{quote:p,setSelectedWallets:c,quoteWalletsConfirmed:u,setQuoteWalletConfirmed:m,customDestination:g,setCustomDestination:f}=O(),{connectedWallets:k,selectWallets:S}=z(),[h,A]=It(""),[T,w]=It([]),[b,C]=It(""),[v,E]=It(null),[y,P]=It(g),[$,B]=It(!!g),x=cf(null),_=jo(p),I=l.find(D=>D.name===p?.result?.swaps[p?.result?.swaps.length-1].to.blockchain),G=i(D=>!!p?.result?.swaps.find(Y=>Y.from.blockchain===D),"isWalletRequiredFor"),[J,te]=It(k.filter(D=>D.selected&&_.includes(D.chain))),H=l.find(D=>D.name===I?.name),re=i((D,Y)=>!!J.find(U=>U.walletType===D&&U.chain===Y&&U.selected&&(G(Y)||!G(Y)&&!y)),"isSelected"),he=!!y&&$&&H&&!Xo(H,y),ye=i(()=>{B(!1),P(""),te(D=>{let Y=!1;return D.map(U=>!Y&&U.chain===I?.name?(Y=!0,{...U,selected:!0}):U)})},"resetCustomDestination"),De=i(D=>{if(h&&A(""),re(D.walletType,D.chain))return;let U=k.find(ie=>ie.walletType===D.walletType&&ie.chain===D.chain);U&&(n(),D.chain===I?.name&&$&&(B(!1),P("")),te(ie=>ie.filter(je=>je.chain!==D.chain).concat({...U,selected:!0})))},"onChange"),Pt=i(()=>{let D=J.filter(Y=>Y.selected);S(D),c(D),f(y),m(!0),o()},"onConfirmBalance"),eo=i(async()=>{w([]),C(""),E(null);let D=k.filter(ie=>J.find(je=>je.chain===ie.chain&&je.walletType===ie.walletType)),Y=await r?.({selectedWallets:D,customDestination:y}),U=Y.warnings;U?.balance?.messages&&w(U.balance.messages),U?.quoteUpdate&&E(U.quoteUpdate),Y.error&&C(na(Y.error)),!Y.error&&(!U?.balance?.messages.length||0>0)?Pt():w(U?.balance?.messages??[])},"onConfirmWallets");lf(()=>{te(D=>D.concat(k.filter(Y=>!!!D.find(ie=>ie.chain===Y.chain)&&Y.selected&&_.includes(Y.chain))))},[k.length]),pf(()=>{$&&x.current&&setTimeout(()=>{x?.current?.scrollIntoView({behavior:"smooth"})},no)},[$]);let it=document.getElementById(Se),Ve=uf();return N.createElement(Il,{open:e,onClose:()=>{u||Ve("../",{replace:!0}),o()},dismissible:!h,container:it,...!h&&{footer:N.createElement(Qa,null,N.createElement(El,{loading:s,disabled:ha(s,$,y,p,J,I),onClick:eo,variant:"contained",type:"primary",fullWidth:!0,size:"large"},"Confirm"))},...h&&{containerStyle:{padding:"$0"},header:N.createElement(_a,null,N.createElement(Da,{variant:"ghost",onClick:A.bind(null,"")},N.createElement(rf,{size:16})),N.createElement(bn,{variant:"headline",size:"small"},at.t({id:"Your {blockchainName} wallets",values:{blockchainName:Ye(h,l)}})))},anchor:"center"},N.createElement(Il,{open:T.length>0,onClose:w.bind(null,[]),container:it},N.createElement(sf,{title:at.t("Insufficient account balance"),type:"error",description:N.createElement(of,{messages:T??[]})},N.createElement(El,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:Pt},at.t("Proceed anyway")))),h&&N.createElement(Fa,null,N.createElement("div",{className:Oa()},N.createElement(Zr,{chain:h,isSelected:re,selectWallet:De,onShowMore:A.bind(null,h)}))),!h&&N.createElement(N.Fragment,null,b&&N.createElement(N.Fragment,null,N.createElement(Rr,{variant:"alarm",type:"error",title:at.t(b)}),N.createElement(Gt,{size:12})),v&&N.createElement(N.Fragment,null,N.createElement(Rr,{variant:"alarm",type:"warning",title:un(v)}),N.createElement(Gt,{size:12})),N.createElement(ja,null,_.map((D,Y)=>{let U=l.find(be=>be.name===D),ie=`wallet-${Y}`,je=Y===_.length-1;return N.createElement("div",{key:ie},N.createElement(La,null,N.createElement(bn,{variant:"title",size:"xmedium"},at.t({id:"Your {blockchainName} wallets",values:{blockchainName:U?.shortName}})),N.createElement(bn,{variant:"label",color:"$neutral700",size:"medium"},at.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:U?.shortName}}))),N.createElement(Gt,{size:24}),N.createElement(Pa,null,N.createElement(Zr,{chain:D,isSelected:re,selectWallet:De,limit:mf,onShowMore:()=>A(U?.name??"")})),!je&&N.createElement(Gt,{size:32}),je&&a?.customDestination&&N.createElement(za,null,N.createElement(Ua,{ref:x,selected:$,open:$,onOpenChange:be=>{be?G(I?.name??"")||te(mr=>mr.map(dr=>dr.chain===I?.name?{...dr,selected:!1}:dr)):ye()}},N.createElement(Ma,{onClick:()=>B(be=>!be)},N.createElement(qa,{fullWidth:!0,variant:"default",suffix:N.createElement(Ha,{orientation:$?"up":"down"},N.createElement(nf,{size:10,color:"gray"}))},N.createElement("div",{className:"button__content"},N.createElement(af,{size:18,color:"info"}),N.createElement(Gt,{size:4,direction:"horizontal"}),N.createElement(bn,{variant:"label",size:"medium"},at.t("Send to a different address"))))),N.createElement(mn,{open:$},N.createElement(N.Fragment,null,N.createElement(Gt,{size:4}),N.createElement(Va,{autoFocus:!0,placeholder:at.t("Your destination address"),value:y,onChange:be=>{P(be.target.value)}})))),he&&N.createElement("div",{className:Ga()},N.createElement(Rr,{variant:"alarm",type:"error",title:at.t({values:{destination:y},id:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}i(Wl,"ConfirmWalletsModal");import{Divider as Zf}from"@rango-dev/ui";import $e from"react";import{i18n as ii}from"@lingui/core";import{Alert as hf,ChevronDownIcon as yf,ChevronRightIcon as Sf,Divider as si,Image as Xl,InfoIcon as Cf,QuoteCost as kf,StepDetails as Tf,TokenAmount as wf,Tooltip as Kl,Typography as lo}from"@rango-dev/ui";import L,{useLayoutEffect as xf,useRef as Yl,useState as vf}from"react";import{styled as so}from"@rango-dev/ui";var Nl=so("div",{paddingBottom:"$10"}),ei=so("div",{width:"100%","& .position-top__skeleton":{paddingTop:"$10"}}),Bl=so("div",{variants:{paddingTop:{true:{paddingTop:"$10"}}}}),Ll=so("div",{paddingBottom:"$15"}),Pl=so("div",{width:"100%",display:"flex"});import*as En from"@radix-ui/react-collapsible";import{css as ti,darkTheme as Je,Image as $l,styled as Ze,Typography as df}from"@rango-dev/ui";var oi=300,Ml=Ze(En.Root,{display:"flex",flexDirection:"column",alignItems:"start",overflowX:"auto",overflowY:"hidden",width:"100%",borderRadius:"$xm",cursor:"default",variants:{recommended:{true:{$$color:"$colors$info300",[`.${Je} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"},false:{$$color:"$colors$neutral400",[`.${Je} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}}}}),_l=ti({padding:"$10 $15"}),Dl=Ze("div",{borderRadius:"$xm",display:"flex",flexDirection:"column",alignItems:"start",justifyContent:"space-between",color:"$foreground",cursor:"pointer",boxSizing:"border-box",position:"relative",variants:{recommended:{true:{$$color:"$colors$info100",[`.${Je} &`]:{$$color:"$colors$secondary600"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}},false:{$$color:"$colors$neutral200",[`.${Je} &`]:{$$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",[`.${Je} &`]:{$$color:"$colors$secondary700"},backgroundColor:"$$color"}}},{listItem:!0,recommended:!1,css:{"&:hover":{$$color:"$colors$neutral300",[`.${Je} &`]:{$$color:"$colors$neutral400"},backgroundColor:"$$color"}}}]}),Fl=ti({width:"100%",padding:"$15 $15 $10 $15",cursor:"default"}),Ol=ti({paddingTop:"$10",display:"flex",alignItems:"center",".usd-value":{$$color:"$colors$neutral600",[`.${Je} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Ul=Ze(En.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:{[`& ${$l}`]:{border:"1px $warning500 solid",borderRadius:"100%"}},false:{[`& ${$l}`]:{border:"1px transparent solid",borderRadius:"100%"}}},recommended:{true:{$$color:"$colors$info300",[`.${Je} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"},false:{$$color:"$colors$neutral400",[`.${Je} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}}},"& div:nth-child(1)":{display:"flex"}}),ni=Ze("div",{width:"18px",height:"18px",borderRadius:"100%",border:"1.5px transparent solid",display:"flex",justifyContent:"center",alignItems:"center",variants:{state:{error:{borderColor:"$error500"},warning:{borderColor:"$warning500"}}}}),ql=Ze(mn,{width:"100%",background:"inherit"}),ri=Ze("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$2",transition:`all ${oi}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),wA=Ze("div",{height:"$12",marginLeft:"$10",marginRight:"$10",borderLeft:"1px solid $foreground"}),zl=Ze("div",{display:"flex",justifyContent:"center",margin:"0 $15",borderTop:"1px solid",$$color:"$colors$neutral300",[`.${Je} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color"}),Gl=Ze("div",{width:"$16",height:"$16",justifyContent:"center",alignItems:"center",display:"flex"}),Hl=Ze(df,{width:"100%",overflow:"hidden",textOverflow:"ellipsis",letterSpacing:.4});import{TokenAmount as jl}from"@rango-dev/ui";import In from"react";import{css as ff,styled as gf}from"@rango-dev/ui";var Ql=gf("div",{position:"relative",display:"flex",flexDirection:"column",width:"100%"}),Vl=ff({height:"14px",marginLeft:"14px",position:"absolute",borderLeft:"1px solid $foreground",top:"42%"});function ao(t){let{from:e,to:o,percentageChange:n,warningLevel:r}=t;return In.createElement(Ql,null,In.createElement(jl,{direction:"horizontal",label:"Swap input",type:"input",price:{value:e.price.value,usdValue:e.price.usdValue},token:{displayName:e.token.displayName,image:e.token.image},chain:{image:e.chain.image}}),In.createElement("div",{className:Vl()}),In.createElement(jl,{direction:"horizontal",label:"Estimated output",type:"output",price:{value:o.price.value,usdValue:o.price.usdValue},token:{displayName:o.token.displayName,image:o.token.image},chain:{image:o.chain.image},percentageChange:n,warningLevel:r}))}i(ao,"QuoteSummary");function ai(t){let{quote:e,input:o,output:n,error:r,warning:s,type:a,recommended:l=!0}=t,p=d().tokens(),c=d().blockchains(),u=d().swappers(),[m,g]=vf(t.expanded),f=Yl(null),k=Yl(m),S=W(Jo(e.result?.swaps??[],p),2,2),h=_o(Do(e.result?.swaps)),A=W(o.value,6,6),T=W(n.value,6,6),w=n.usdValue?W(n.usdValue,4,4):"",b=Le(o.usdValue,n.usdValue??null),C=W(b,2,2),v=st(b??0),y=i(B=>B.map((x,_)=>{let I,G=r?.type===3&&r.swap.swapperId===x.swapperId||r?.type===4&&r.recommendedSlippages?.has(_),J=s?.type===2&&s.recommendedSlippages?.has(_);return G?I="error":J&&(I="warning"),{swapper:{displayName:oa(x.swapperId,u),image:x.swapperLogo},from:{token:{displayName:x.from.symbol,image:x.from.logo},chain:{displayName:Ye(x.from.blockchain,c),image:x.from.blockchainLogo},price:{value:_===0?W(o.value,6,6):W(x.fromAmount,6,6),usdValue:W((x.from.usdPrice??0)*parseFloat(x.fromAmount),4,4)}},to:{token:{displayName:x.to.symbol,image:x.to.logo},chain:{displayName:Ye(x.to.blockchain,c),image:x.to.blockchainLogo},price:{value:W(x.toAmount,6,6),usdValue:W((x.to.usdPrice??0)*parseFloat(x.toAmount),4,4)}},state:I,alerts:G||J?L.createElement(Ll,null,L.createElement(hf,{type:G?"error":"warning",title:r?.type===3?r?.recommendation:ii.t("Slippage Error:"),footer:L.createElement(Pl,null,r?.type===3&&L.createElement(L.Fragment,null,L.createElement(lo,{size:"xsmall",variant:"body",color:"neutral900"},r.fromAmountRangeError),L.createElement(si,{direction:"horizontal",size:8}),L.createElement(lo,{size:"xsmall",variant:"body",color:"neutral900"},"|"),L.createElement(si,{direction:"horizontal",size:8}),L.createElement(lo,{size:"xsmall",variant:"body",color:"neutral900"},ii.t({id:"Yours: {amount} {symbol}",values:{amount:W(x.fromAmount,6,6),symbol:x?.from.symbol}}))),(r?.type===4||s?.type===2)&&L.createElement(lo,{size:"xsmall",variant:"body",color:"neutral900"},ii.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??[]),P=y.length,$=j();return xf(()=>{m&&!k.current&&f.current&&setTimeout(()=>{f?.current?.scrollIntoView({behavior:"smooth"})},oi),k.current=m},[m,k]),L.createElement(L.Fragment,null,L.createElement(Dl,{recommended:l,listItem:a==="list-item",basic:a==="basic"},L.createElement("div",{className:Fl()},L.createElement(kf,{fee:S,time:h,steps:P}),a==="basic"&&L.createElement("div",{className:Ol()},L.createElement(Gl,null,L.createElement(Cf,{size:12,color:"gray"})),L.createElement(Hl,{size:"small",variant:"body"},`${A} ${y[0].from.token.displayName} = ${T} ${y[y.length-1].to.token.displayName}`),L.createElement(lo,{color:"$neutral600",ml:2,size:"xsmall",variant:"body"},`($${w})`)),a==="list-item"&&L.createElement(wf,{type:"output",direction:"vertical",price:{value:T,usdValue:w},token:{displayName:y[P-1].to.token.displayName,image:y[P-1].to.token.image},chain:{image:y[P-1].to.chain.image},percentageChange:C,warningLevel:v}),a==="swap-preview"&&L.createElement(L.Fragment,null,L.createElement(ao,{from:y[0].from,to:y[P-1].to,percentageChange:C,warningLevel:v}),L.createElement(si,{size:4}))),L.createElement(Ml,{recommended:l,open:m,onOpenChange:g},L.createElement(Ul,{ref:B=>f.current=B,recommended:l,onClick:()=>g(B=>!B)},L.createElement("div",null,y.map((B,x)=>{let _=`item-${x}`,I=L.createElement(ri,null,L.createElement(Sf,{size:12,color:"black",...B.state&&{color:B.state==="error"?"error":"warning"}}));return L.createElement(L.Fragment,{key:_},L.createElement(Kl,{container:$,side:"bottom",sideOffset:4,content:B.from.chain.displayName},L.createElement(ni,{state:B.state||y[x-1]?.state},L.createElement(Xl,{src:B.from.chain.image,size:16}))),x===P-1&&L.createElement(L.Fragment,null,I,L.createElement(Kl,{container:$,side:"bottom",sideOffset:4,content:B.to.chain.displayName},L.createElement(ni,{state:B.state},L.createElement(Xl,{src:B.to.chain.image,size:16})))),x!==P-1&&L.createElement(L.Fragment,null,I))})),L.createElement(ri,{orientation:m?"up":"down"},L.createElement(yf,{size:12,color:"black"}))),L.createElement(ql,{open:m},L.createElement(zl,null),L.createElement("div",{className:_l()},y.map((B,x)=>{let _=`item-${x}`;return L.createElement(Tf,{type:"quote-details",key:_,step:B,hasSeparator:x!==y.length-1,state:B.state})}))))))}i(ai,"Quote");import{Divider as Ef,Skeleton as If}from"@rango-dev/ui";import lt from"react";import{darkTheme as Af,styled as Wn}from"@rango-dev/ui";var Jl=Wn("div",{$$color:"$colors$neutral100",[`.${Af} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",borderBottomLeftRadius:"$xm",borderBottomRightRadius:"$xm",padding:"$15 ",variants:{rounded:{true:{borderRadius:"$xm"}}}}),Zl=Wn("div",{paddingTop:"$2"}),Rl=Wn("div",{paddingLeft:"$8"}),ep=Wn("div",{borderLeft:"1px dashed black",minHeight:" 0",margin:"0px 11.5px",alignSelf:"stretch",variants:{hideSeparator:{true:{minHeight:"unset",height:"0"}}}});import{ChainToken as up,Divider as Wt,Skeleton as et}from"@rango-dev/ui";import q from"react";import{styled as Re}from"@rango-dev/ui";var tp=Re("div",{display:"flex",justifyContent:"space-between",alignItems:"center",height:"22px"}),op=Re("div",{display:"flex"}),np=Re("div",{padding:"$15 $0 14px $0"}),rp=Re("div",{padding:"$6 $0 $15 $0",display:"flex",flexDirection:"column"}),ip=Re("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$5"}),sp=Re("div",{display:"flex",justifyContent:"space-between",alignItems:"end"}),ap=Re("div",{height:"$28",marginLeft:"13px",borderLeft:"1px solid $neutral700"}),lp=Re("div",{width:"65%",display:"flex",justifyContent:"start"}),pp=Re("div",{display:"flex",flexDirection:"column",alignItems:"start",flexGrow:1,maxWidth:"148px"}),cp=Re("div",{padding:"$15 $0 $15 $0"});function uo(t){let{type:e,tag:o=!1}=t,n=q.createElement(sp,null,q.createElement(lp,null,q.createElement(up,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),q.createElement(Wt,{size:8,direction:"horizontal"}),q.createElement(pp,null,q.createElement(et,{height:10,width:60,variant:"rounded"}),q.createElement(Wt,{size:4}),q.createElement(et,{height:15,variant:"rounded"}))),q.createElement(et,{height:12,width:64,variant:"rounded"}));return q.createElement("div",null,q.createElement(tp,null,q.createElement(op,null,q.createElement(et,{width:60,height:10,variant:"rounded"}),q.createElement(Wt,{size:4,direction:"horizontal"}),q.createElement(et,{width:60,height:10,variant:"rounded"}),q.createElement(Wt,{size:4,direction:"horizontal"}),q.createElement(et,{width:60,height:10,variant:"rounded"})),o&&q.createElement(et,{height:22,width:100,variant:"rounded"})),e==="basic"&&q.createElement(np,null,q.createElement(et,{height:15,width:148,variant:"rounded"})),e==="list-item"&&q.createElement(rp,null,q.createElement(ip,null,q.createElement(up,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),q.createElement(Wt,{direction:"horizontal",size:4}),q.createElement(et,{height:15,width:150,variant:"rounded"})),q.createElement(Wt,{size:4}),q.createElement(et,{height:10,width:184,variant:"rounded"})),e==="swap-preview"&&q.createElement(q.Fragment,null,q.createElement(Wt,{size:4}),q.createElement(cp,null,n,q.createElement(ap,null),n)))}i(uo,"QuoteSummarySkeleton");import{ChainToken as hp,Divider as pi,NextIcon as bf,Skeleton as Nn}from"@rango-dev/ui";import ae from"react";import{styled as mo}from"@rango-dev/ui";var mp=mo("div",{display:"flex",alignItems:"start"}),dp=mo("div",{flexGrow:1,paddingTop:"$5",paddingBottom:"$10",display:"flex",alignItems:"center"}),li=mo("div",{display:"flex",alignItems:"center",flexGrow:1}),fp=mo("div",{margin:"$0 $2",padding:"$4",display:"flex",justifyContent:"center",alignItems:"center"}),gp=mo("div",{display:"flex",alignItems:"center"});function tt(t){let{separator:e=!0}=t;return ae.createElement(ae.Fragment,null,ae.createElement(gp,null,ae.createElement(Nn,{height:22,width:22,variant:"circular"}),ae.createElement(pi,{direction:"horizontal",size:8}),ae.createElement(Nn,{height:15,width:148,variant:"rounded"})),ae.createElement(mp,null,ae.createElement(ep,{hideSeparator:!e}),ae.createElement(dp,null,ae.createElement(li,null,ae.createElement(hp,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ae.createElement(pi,{direction:"horizontal",size:8}),ae.createElement(Nn,{height:12,variant:"rounded"})),ae.createElement(fp,null,ae.createElement(bf,{color:"gray",size:16})),ae.createElement(li,null,ae.createElement(hp,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ae.createElement(pi,{direction:"horizontal",size:8}),ae.createElement(Nn,{height:12,variant:"rounded"})))))}i(tt,"StepSkeleton");function ci(t){let{type:e,expanded:o,tag:n=!1}=t;return lt.createElement(Jl,{rounded:e!=="basic"},lt.createElement(uo,{type:e,tag:n}),lt.createElement(Zl,null,lt.createElement(If,{height:15,variant:"rounded"})),o&<.createElement(Rl,null,lt.createElement(Ef,{size:20}),lt.createElement(tt,null),lt.createElement(tt,null),lt.createElement(tt,{separator:!1})))}i(ci,"QuoteSkeleton");import{i18n as Xf}from"@lingui/core";import{Alert as Kf,Button as Yf,InfoIcon as Jf}from"@rango-dev/ui";import Ie from"react";import{Alert as Wf,Button as Nf,Divider as wp,NoRouteIcon as Bf,RefreshIcon as Lf,Typography as xp}from"@rango-dev/ui";import ze from"react";import{i18n as yp}from"@lingui/core";function Sp(t,e,o,n){return t?.type===1?{alert:{type:"warning",text:Q().genericServerError,action:{onClick:n,title:yp.t("Retry")}},description:""}:e.length?{alert:{type:"warning",text:Q().liquiditySourcesError.title,action:{onClick:()=>o(!0),title:yp.t("Reset")}},description:Q().liquiditySourcesError.description}:t?.type===0&&t.diagnosisMessage?{alert:{type:"error",text:t.diagnosisMessage,action:null},description:""}:{alert:null,description:Q().noResultError.description}}i(Sp,"makeInfo");import{styled as ui}from"@rango-dev/ui";var Cp=ui("div",{minHeight:"162px",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"}),kp=ui("div",{width:"100%"}),Tp=ui("div",{padding:"$6 $0"});function mi(t){let{fetch:e,error:o}=t,n=d().disabledLiquiditySources,r=d().toggleAllLiquiditySources,s=d().swappers(),a=Sp(o,n,()=>r(s,!0),e);return ze.createElement(Cp,null,ze.createElement(Bf,{size:24,color:"gray"}),ze.createElement(wp,{size:4}),ze.createElement(xp,{variant:"title",size:"small"},Q().noResultError.title),!!a.description&&ze.createElement(xp,{variant:"body",size:"small",align:"center",color:"neutral700"},a.description),ze.createElement(wp,{size:4}),!!a.alert&&ze.createElement(kp,null,ze.createElement(Wf,{type:a.alert.type,title:a.alert.text,action:a.alert.action&&ze.createElement(Nf,{size:"xsmall",type:a.alert.type,prefix:ze.createElement(Tp,null,ze.createElement(Lf,{size:8})),onClick:a.alert.action.onClick},a.alert.action.title),variant:"alarm"})))}i(mi,"NoResult");import{i18n as fo}from"@lingui/core";import{Button as $f,Divider as Wp,MessageBox as Mf,Modal as _f,Typography as Df,WarningIcon as Ff}from"@rango-dev/ui";import ot from"react";import{Typography as Ep}from"@rango-dev/ui";import fi from"react";import{darkTheme as Pf,styled as Bn}from"@rango-dev/ui";var vp=Bn("div",{width:"100%",paddingTop:"$10"}),di=Bn("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),Ap=Bn("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%","._title":{$$color:"$colors$neutral600",[`.${Pf} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),bp=Bn("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});function Ip(t){let{title:e,value:o,valueColor:n}=t;return fi.createElement(Ap,null,fi.createElement(Ep,{size:"medium",variant:"label",className:"_title"},e),fi.createElement(Ep,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}i(Ip,"QuoteErrorsModalItem");function Np(t){let{open:e,onClose:o,onConfirm:n,warning:r}=t,s=r.warningLevel==="high"?"error":"warning",a=[{title:fo.t("Swapping"),value:W(r.inputUsdValue,4,4)},{title:fo.t("Gas cost"),value:W(r.totalFee,2,2)},{title:fo.t("Receiving"),value:W(r.outputUsdValue,4,4)},{title:fo.t("Price impact"),value:W(r.priceImpact,2,2),valueColor:`${s}500`}];return ot.createElement(_f,{open:e,onClose:o,container:j()},ot.createElement(Mf,{type:s,title:Q().highValueLossError.impactTitle,description:Q().highValueLossError.description}),ot.createElement(di,null,ot.createElement(Wp,{size:20}),ot.createElement(Df,{size:"small",variant:"title"},fo.t("Details")),ot.createElement(di,null,a.map((l,p)=>ot.createElement(Ip,{key:p,...l})))),ot.createElement(Wp,{size:32}),ot.createElement($f,{type:"primary",size:"large",prefix:ot.createElement(Ff,null),fullWidth:!0,onClick:n},Q().highValueLossError.confirmMessage))}i(Np,"HighValueLossWarningModal");import{i18n as gi}from"@lingui/core";function Bp(t,e){let o={alertType:"warning",title:"",action:"show-info"};return t?(t.type===0&&(st(t.priceImpact)==="high"&&(o.alertType="error"),o.action=null,o.title=Q().highValueLossError.title),t.type===1&&(o.title=Q().unknownPriceError.title),t.type===2&&(o.title=gi.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:t.minRequiredSlippage}}),o.action="change-settings"),t.type===3&&(o.title=gi.t("Caution, your slippage is high.")),o):e?(o.alertType="error",e.type===3&&(o.title=e.recommendation,o.action="show-info"),e.type===4&&(o.title=gi.t({id:"You need to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:e.minRequiredSlippage}}),o.action="change-settings"),o):null}i(Bp,"makeAlerts");import{i18n as Ht}from"@lingui/core";import{Button as Lp,Divider as Pp,MessageBox as Of,Modal as Uf,Typography as qf}from"@rango-dev/ui";import Nt from"react";import{useNavigate as zf}from"react-router-dom";function $p(t){let{customSlippage:e,slippage:o}=d(),{open:n,onClose:r,onConfirm:s,warning:a}=t,l=zf(),p=e??o;return Nt.createElement(Uf,{anchor:"bottom",open:n,prefix:Nt.createElement(Lp,{size:"small",variant:"ghost",onClick:()=>l("../"+M.settings)},Nt.createElement(qf,{variant:"label",size:"medium",color:"$neutral900"},Ht.t("Change settings"))),container:j(),onClose:r},Nt.createElement(Of,{type:"warning",title:a.type===3?Ht.t("High slippage"):Ht.t("Low slippage"),description:a.type===3?Ht.t({id:" Caution, your slippage is high (={userSlippage}). Your trade may be front run.",values:{userSlippage:p}}):Ht.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:a.minRequiredSlippage}})},Nt.createElement(Pp,{size:18}),Nt.createElement(Pp,{size:32}),Nt.createElement(Lp,{size:"large",type:"primary",variant:"contained",fullWidth:!0,onClick:s},Ht.t("Confirm anyway"))))}i($p,"SlippageWarningModal");import{Button as Gf,Divider as Hf,MessageBox as Qf,Modal as Vf,WarningIcon as jf}from"@rango-dev/ui";import go from"react";function Mp(t){let{open:e,onClose:o,onConfirm:n}=t;return go.createElement(Vf,{open:e,onClose:o,container:j()},go.createElement(Qf,{type:"warning",title:Q().unknownPriceError.impactTitle,description:Q().unknownPriceError.description}),go.createElement(Hf,{size:32}),go.createElement(Gf,{type:"primary",size:"large",prefix:go.createElement(jf,null),fullWidth:!0,onClick:n},Q().unknownPriceError.confirmMessage))}i(Mp,"UnknownPriceWarningModal");function hi(t){let{warning:e,error:o,refetchQuote:n,showWarningModal:r,onOpenWarningModal:s,onCloseWarningModal:a,onConfirmWarningModal:l,onChangeSettings:p}=t,c={open:r,onClose:a,onConfirm:l},u=o?.type===0||o?.type===1,m=Bp(e,o?.type===3||o?.type===4?o:null);return Ie.createElement(Ie.Fragment,null,u&&Ie.createElement(mi,{error:o,fetch:n}),!!m&&Ie.createElement(vp,null,Ie.createElement(Kf,{title:m.title,type:m.alertType,variant:"alarm",...m.action==="show-info"&&{action:Ie.createElement(bp,{onClick:s},Ie.createElement(Jf,{size:12,color:"gray"}))},...m.action==="change-settings"&&{action:Ie.createElement(Yf,{size:"xxsmall",type:m.alertType,onClick:p},Xf.t("Change"))}})),e&&Ie.createElement(Ie.Fragment,null,e.type===0&&Ie.createElement(Np,{...c,warning:e}),(e.type===3||e.type===2)&&Ie.createElement($p,{...c,warning:e}),e.type===1&&Ie.createElement(Mp,{...c,warning:e})))}i(hi,"QuoteWarningsAndErrors");function ho(t){let{quote:e,type:o,loading:n,error:r,warning:s,refetchQuote:a,showWarningModal:l,onOpenWarningModal:p,onCloseWarningModal:c,onConfirmWarningModal:u,onChangeSettings:m,expanded:g=!1,alertPosition:f="bottom"}=t,{inputAmount:k,inputUsdValue:S,outputUsdValue:h,outputAmount:A}=O(),w=!(r&&(r.type===0||r.type===1))&&e&&e.result&&!n,b=(s||r)&&$e.createElement(hi,{warning:s,error:r,loading:n,refetchQuote:a,showWarningModal:l,onOpenWarningModal:p,onCloseWarningModal:c,onConfirmWarningModal:u,onChangeSettings:m});return $e.createElement($e.Fragment,null,n&&$e.createElement(ei,null,$e.createElement(Bl,{paddingTop:f==="top"},$e.createElement(ci,{type:o,expanded:g}))),f==="top"&&$e.createElement(Nl,null,b),w?$e.createElement(ei,null,$e.createElement(ai,{quote:e,error:r,warning:s,type:o,expanded:g,recommended:!0,input:{value:k,usdValue:S?.toString()??""},output:{value:A?.toString()??"",usdValue:h?.toString()??""}})):null,f==="bottom"&&$e.createElement($e.Fragment,null,!s&&!r&&$e.createElement(Zf,{size:16}),b))}i(ho,"QuoteInfo");import{calculatePendingSwap as tg}from"@rango-dev/queue-manager-rango-preset";import{useEffect as og}from"react";import{useRef as Rf,useState as eg}from"react";function Ln(){let[t,e]=eg(!1),o=Rf(null),n=i(()=>o.current?.abort(),"cancel");return{fetch:i(async s=>{n(),o.current=new AbortController,e(!0);try{let a=await Mt().getBestRoute(s,{signal:o.current.signal});return o.current=null,a}catch(a){throw a}finally{e(!1)}},"fetch"),loading:t,cancelFetch:n}}i(Ln,"useFetchQuote");function Pn(t){if(!t.result)throw new Error(Q().noResultError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});if(vr(t)){let{swap:n,recommendation:r,fromAmountRangeError:s}=Ar(t);throw new Error("bridge limit error",{cause:{type:3,swap:n,recommendation:r,fromAmountRangeError:s}})}let o=Er(t);if(o){let n=Zo(t);throw new Error("",{cause:{type:4,recommendedSlippages:o,minRequiredSlippage:n}})}return t}i(Pn,"throwErrorIfResponseIsNotValid");function _p(t,e,o){let n=!1;t&&(n=ka(t,e));let r={quote:null,quoteUpdate:null,balance:null},s=en(e,{fromToken:o.fromToken,toToken:o.toToken,tokens:o.meta.tokens,userSlippage:o.userSlippage});s&&(r.quote=s),t&&n&&(ca(t,e)?r.quoteUpdate={type:3,newOutputAmount:W(Ft(e)),percentageChange:W(Le(Ft(t)??"",Ft(e)??""),null,2)}:Wr(t,e)?r.quoteUpdate={type:0}:Nr(t,e)?r.quoteUpdate={type:1}:Br(t,e)&&(r.quoteUpdate={type:2}));let a=ua(e,o.selectedWallets,o.meta.blockchains);return a.length===0||(r.balance={messages:a}),r}i(_p,"generateWarnings");function $n(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($n,"handleQuoteErrors");function yi(){let{fromToken:t,toToken:e,inputAmount:o,setQuote:n,quote:r,customDestination:s,setQuoteWarningsConfirmed:a}=O(),{slippage:l,customSlippage:p,affiliatePercent:c,affiliateRef:u,affiliateWallets:m,disabledLiquiditySources:g}=d(),{connectedWallets:f}=z(),k=d().blockchains(),S=d().tokens(),{features:h}=d().config,{enableNewLiquiditySources:A}=d().config,T=p||l,{fetch:w,cancelFetch:b,loading:C}=Ln();return og(()=>b,[]),{loading:C,fetch:i(async E=>{let y=E.selectedWallets,P=E?.customDestination??s;if(!t||!e||!o)return{quote:null,swap:null,error:null,warnings:null};let $=Ro({fromToken:t,toToken:e,inputAmount:o,wallets:f,selectedWallets:y,excludeLiquiditySources:A,disabledLiquiditySources:g,slippage:T,affiliateRef:u,affiliatePercent:c,affiliateWallets:m,initialQuote:r??void 0,destination:P});Mo("experimentalRoute",h)&&($.experimental=!0);let B;try{B=await w($).then(G=>Pn(G)),n(B)}catch(G){return $n(G)}let x={slippage:T.toString(),disabledSwappersGroups:g},_=tg(o.toString(),B,la(y),x,!1,{blockchains:k,tokens:S}),I=_p(r??void 0,B,{fromToken:t,toToken:e,meta:{blockchains:k,tokens:S},selectedWallets:y,userSlippage:T});return I.quoteUpdate&&a(!1),{quote:B,swap:_,error:null,warnings:I}},"fetch"),cancelFetch:b}}i(yi,"useConfirmSwap");var fg=Up("div",{position:"relative",width:"100%","& .quote-update__alert":{paddingTop:"$10"}}),gg=Up("div",{width:"100%",display:"flex",justifyContent:"space-between",[`& ${Op}`]:{width:"$48",height:"$48"}}),hg=Si({flexGrow:1,paddingRight:"$10"}),yg=Si({width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"}),Sg=Si({display:"flex",justifyContent:"space-between",alignItems:"center"});function qp(){let{quote:t,setInputAmount:e,selectedWallets:o,quoteWalletsConfirmed:n,setQuoteWalletConfirmed:r,customDestination:s,quoteWarningsConfirmed:a}=O(),l=dg(),[p,c]=_n(""),{connectedWallets:u}=z(),m=!n,[g,f]=_n(!1),k=we.use.setSelectedSwap(),S=d().disabledLiquiditySources,h=ug(S),{manager:A}=ng(),{fetch:T,loading:w,cancelFetch:b}=yi(),[C,v]=_n({swap:null,error:null,warnings:null}),[E,y]=_n(!1),P=i(async({selectedWallets:I,customDestination:G})=>{let J=await T?.({selectedWallets:I,customDestination:G});return v(J),J},"onConfirmSwap"),$=i(async()=>{if(C.swap&&n)try{await A?.create("swap",{swapDetails:C.swap},{id:C.swap.requestId}),k(C.swap.requestId);let I=`../${M.swaps}/${C.swap.requestId}`;l(I,{replace:!0}),setTimeout(()=>{e("")},0)}catch(I){c("Error: "+I?.message)}},"addNewSwap"),B=i(async()=>{await $()},"onConfirm"),x=i(async()=>{C?.warnings?.quote&&!a?y(!0):await B()},"onStartConfirmSwap"),_=i(async()=>{v({error:null,swap:null,warnings:null}),T({selectedWallets:o,customDestination:s}).then(I=>{v(I)}).catch(I=>console.error(I))},"onRefresh");return yo(()=>{!!h.current.length&&!S.length&&_(),h.current=S},[S.length]),yo(()=>{m&&b()},[m]),yo(()=>{m&&f(m)},[m]),yo(()=>{m||T({selectedWallets:o,customDestination:s}).then(I=>v(I)).catch(I=>console.error(I))},[]),yo(()=>{let I=C.warnings?.quote?.type&&Object.values(dt).includes(C.warnings?.quote?.type),G=o.length<1||!o.every(te=>u.find(H=>te.address===H.address&&te.walletType===H.walletType&&te.chain===H.chain)),J=!1;if(I){let te=jo(t),H=t?.result?.swaps[t.result.swaps.length-1].to.blockchain;!!t?.result?.swaps.find(ye=>ye.from.blockchain===H)||(te=te.slice(-te.length,te.length-1)),te.every(ye=>o.find(De=>De.chain===ye))||(J=!0)}t&&(G||J)&&(queueMicrotask(()=>mg(f.bind(null,!0))),r(!1))},[C.warnings?.quote,o.length,u.length]),cg(()=>{t||l("../")},[]),ee.createElement(X,{header:{title:Mn.t("Confirm Swap"),onWallet:()=>{let I=`../${M.wallets}`;l(I)},suffix:ee.createElement(ag,{container:j(),side:"bottom",content:Mn.t("Settings")},ee.createElement(Oe,{size:"small",variant:"ghost",onClick:()=>l("../"+M.settings)},ee.createElement(sg,{size:18,color:"black"})))},footer:ee.createElement(gg,null,ee.createElement("div",{className:hg()},ee.createElement(Fp,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:w,disabled:!!C.error,onClick:x},Mn.t("Start Swap"))),ee.createElement(Op,{variant:"contained",type:"primary",size:"large",loading:w,onClick:f.bind(null,!0)},ee.createElement(pg,{size:24})))},g&&ee.createElement(Wl,{open:g,onClose:()=>f(!1),onCancel:b,loading:w,onCheckBalance:P}),ee.createElement(fg,null,ee.createElement("div",{className:Sg()},ee.createElement(lg,{variant:"title",size:"small"},Mn.t("You get")),ee.createElement(Fp,{style:{padding:"0"},variant:"ghost",disabled:w,onClick:_},ee.createElement("div",{className:yg()},ee.createElement(ig,{size:16})))),p&&ee.createElement(ee.Fragment,null,ee.createElement(Dp,{type:"error",variant:"alarm",title:p}),ee.createElement(rg,{size:12})),C.warnings?.quoteUpdate&&ee.createElement("div",{className:"quote-update__alert"},ee.createElement(Dp,{variant:"alarm",type:"warning",title:C.warnings.quoteUpdate&&un(C.warnings.quoteUpdate)})),ee.createElement(ho,{quote:t,type:"swap-preview",expanded:!0,alertPosition:"top",error:C.error,loading:w,warning:C.warnings?.quote??null,refetchQuote:_,showWarningModal:E,onOpenWarningModal:()=>y(!0),onCloseWarningModal:()=>y(!1),onConfirmWarningModal:async()=>{y(!1),await $()},onChangeSettings:()=>l("../"+M.settings)})))}i(qp,"ConfirmSwapPage");import{i18n as On}from"@lingui/core";import{useManager as bg}from"@rango-dev/queue-manager-react";import{Divider as Eg,NotFound as Ig,styled as Yp}from"@rango-dev/ui";import kt,{useState as Wg}from"react";import{useNavigate as Ng}from"react-router-dom";import{CloseIcon as kg,IconButton as Tg,SearchIcon as wg,TextField as xg}from"@rango-dev/ui";import So from"react";import{styled as Cg}from"@rango-dev/ui";var zp=Cg("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function pt(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:s,value:a,setValue:l,...p}=t;return So.createElement(xg,{prefix:So.createElement(zp,null,So.createElement(wg,{color:"black"})),suffix:!!a.length&&So.createElement(Tg,{variant:"ghost",onClick:()=>l?.(""),size:"small"},So.createElement(kg,{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(pt,"SearchInput");import{i18n as Hp}from"@lingui/core";import{Divider as Qp,SwapListItem as Vp,Typography as jp}from"@rango-dev/ui";import Z from"react";import{css as vg,darkTheme as Ag,styled as Dn}from"@rango-dev/ui";var Fn=vg(),Ci=Dn("div",{width:"100%",display:"flex",flexDirection:"column",[`& .${Fn}`]:{$$color:"$colors$neutral600",[`.${Ag} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),ki=Dn("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),Ti=Dn("div",{gap:"$10",display:"flex",flexDirection:"column"}),Gp=Dn("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});function wi(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,s=n?n(e):[{title:"History",swaps:e}];if(r){let a=[{},{}];return Z.createElement(Z.Fragment,null,[{title:"Today",swaps:a},{title:"Last month",swaps:a}].map(p=>Z.createElement(Z.Fragment,{key:p.title},Z.createElement(Ci,null,Z.createElement(ki,null,Z.createElement(jp,{variant:"label",size:"medium",className:Fn()},Hp.t(p.title))),Z.createElement(Qp,{size:4}),Z.createElement(Ti,null,p.swaps.map((c,u)=>{let m=u+p.title;return Z.createElement(Z.Fragment,{key:m},Z.createElement(Vp,{isLoading:!0}))}))))))}return Z.createElement(Z.Fragment,null,s.filter(a=>a.swaps.length>0).map(a=>Z.createElement(Z.Fragment,{key:a.title},Z.createElement(Ci,null,Z.createElement(ki,null,Z.createElement(jp,{variant:"label",size:"medium",className:Fn()},Hp.t(a.title))),Z.createElement(Qp,{size:4}),Z.createElement(Ti,null,a.swaps.map(l=>{let p=l.steps[0],c=l.steps[l.steps.length-1];return Z.createElement(Z.Fragment,{key:l.requestId},Z.createElement(Vp,{requestId:l.requestId,creationTime:l.creationTime,status:l.status,onClick:o,onlyShowTime:a.title==="Today",swapTokenData:{from:{token:{image:p.fromLogo,displayName:p.fromSymbol},blockchain:{image:p.fromBlockchainLogo||""},amount:Fo(l.inputAmount)},to:{token:{image:c.toLogo,displayName:c.toSymbol},blockchain:{image:c.toBlockchainLogo||""},amount:Fo(c.outputAmount||""),estimatedAmount:Fo(c.expectedOutputAmountHumanReadable||"")}}}))}))))))}i(wi,"SwapsGroup");import Xp from"dayjs";var Kp=i(t=>{let e=new Map([["today",{title:"Today",swaps:[]}],["month",{title:"Last month",swaps:[]}],["year",{title:"Last year",swaps:[]}],["history",{title:"History",swaps:[]}]]),o=Xp();return t.forEach(n=>{let r=Xp(Number(n.creationTime));o.isSame(r,"day")?e.get("today")?.swaps.push(n):o.isSame(r,"month")?e.get("month")?.swaps.push(n):o.isSame(r,"year")?e.get("year")?.swaps.push(n):e.get("history")?.swaps.push(n)}),Array.from(e.values())},"groupSwapsByDate");var Qt=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 Bg=Yp("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",height:"100%",gap:15}),Lg=Yp("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),Pg=i((t,e)=>t?.length?t.filter(o=>Xe(o.fromBlockchain,e)||Xe(o.toBlockchain,e)||Xe(o.toSymbol,e)||Xe(o.fromSymbol,e)).length:!1,"isStepContainsText");function Jp(){let t=we.use.setSelectedSwap(),e=Ng(),{manager:o,state:n}=bg(),r=Qt(o).map(({swap:m})=>m),[s,a]=Wg(""),l=!n.loadedFromPersistor,p=i(m=>{let g=m.target.value;a(g)},"searchHandler"),c=r;s&&(c=r.filter(m=>Xe(m.inputAmount,s)||Xe(m.status,s)||Pg(m.steps,s)||Xe(m.requestId,s)));let u=!c?.length&&!l;return kt.createElement(X,{header:{title:On.t("History")}},kt.createElement(Bg,null,kt.createElement(pt,{setValue:a,fullWidth:!0,variant:"contained",placeholder:On.t("Search Transaction"),autoFocus:!0,onChange:p,value:s}),kt.createElement(Lg,null,u&&kt.createElement(Gp,null,kt.createElement(Eg,{size:32}),kt.createElement(Ig,{title:On.t("No results found"),description:s?On.t("Try using different keywords"):""})),!u&&kt.createElement(wi,{list:c,onSwapClick:m=>{t(m),e(m)},groupBy:Kp,isLoading:l}))))}i(Jp,"HistoryPage");import{i18n as Ai}from"@lingui/core";import{Button as Ug,styled as bi,SwapInput as tc,WarningIcon as qg}from"@rango-dev/ui";import Me,{useEffect as zg,useRef as Gg,useState as Hg}from"react";import{useNavigate as Qg}from"react-router-dom";import{ReverseIcon as $g,styled as Zp}from"@rango-dev/ui";import xi from"react";var Mg=Zp("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),_g=Zp("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 Rp(){let t=O.use.switchFromAndTo();return xi.createElement(Mg,null,xi.createElement(_g,{onClick:()=>{t()}},xi.createElement($g,{size:12})))}i(Rp,"SwitchFromAndToButton");import{useCallback as Dg,useEffect as Fg,useState as vi}from"react";var Og=600;function ec(){let{fetch:t,cancelFetch:e}=Ln(),{liquiditySources:o,enableNewLiquiditySources:n,features:r}=d().config,s=d().tokens(),{fromToken:a,toToken:l,inputAmount:p,inputUsdValue:c,resetQuote:u,setQuote:m}=O(),{slippage:g,customSlippage:f,affiliatePercent:k,affiliateRef:S,affiliateWallets:h,disabledLiquiditySources:A}=d(),[T,w]=vi(!1),[b,C]=vi(null),[v,E]=vi(null),y=f??g,$=!a||!l||Be(a,l)||!to(p),B=i(I=>{w(I),C(null),E(null)},"resetState"),x=i(I=>{let{fromToken:G,toToken:J,inputAmount:te,liquiditySources:H,excludeLiquiditySources:re,disabledLiquiditySources:he,slippage:ye,affiliateRef:De,affiliatePercent:Pt,affiliateWallets:eo}=I;if(T||B(!0),!$&&G&&J){u();let it=Ro({fromToken:G,toToken:J,inputAmount:te,liquiditySources:H,excludeLiquiditySources:re,disabledLiquiditySources:he,slippage:ye,affiliateRef:De,affiliatePercent:Pt,affiliateWallets:eo});Mo("experimentalRoute",r)&&(it.experimental=!0),t(it).then(Ve=>{w(!1),m(Ve),Pn(Ve);let D=en(Ve,{fromToken:G,toToken:J,userSlippage:y,tokens:s});E(D)}).catch(Ve=>{let{error:D}=$n(Ve);(D?.type===0||D?.type===1)&&u(),D?.type!==2&&(C(D),w(!1))})}},"fetch"),_=Dg(Ws(I=>{$||x(I)},Og),[$]);return Fg(()=>{if(!to(p)||c?.eq(0)){B(!1),e();return}if(!$)return u(),B(!0),_({inputAmount:p,fromToken:a,toToken:l,liquiditySources:o,excludeLiquiditySources:n,disabledLiquiditySources:A,slippage:y,affiliateRef:S,affiliatePercent:k,affiliateWallets:h}),e},[p,a?.symbol,a?.address,a?.blockchain,l?.symbol,l?.address,l?.blockchain,$,o?.length,n,A.length,y,S,k,JSON.stringify(h)]),{fetch:()=>x({inputAmount:p,fromToken:a,toToken:l,liquiditySources:o,excludeLiquiditySources:n,disabledLiquiditySources:A,slippage:y,affiliateRef:S,affiliatePercent:k,affiliateWallets:h}),loading:T,error:b,warning:v}}i(ec,"useSwapInput");var Vg=bi("div",{display:"flex",flexDirection:"column",overflowY:"visible","& .quote__container":{paddingTop:"$2"}}),jg=bi("div",{position:"relative"}),Xg=bi("div",{display:"flex",flexDirection:"column",gap:5,alignSelf:"stretch"});function oc(){let t=Qg(),{fetch:e,loading:o,error:n,warning:r}=ec(),{fromToken:s,fromBlockchain:a,toToken:l,toBlockchain:p,setInputAmount:c,inputAmount:u,inputUsdValue:m,outputAmount:g,outputUsdValue:f,quote:k,resetQuoteWallets:S,setQuoteWarningsConfirmed:h}=O(),A=d().fetchStatus,{connectedWallets:T,getBalanceFor:w}=z(),b=we.use.setCurrentPage(),[C,v]=Hg(!1),E=Gg(null),y=!!a&&Gs(T,a.name),P=!1,$=!br(k,u,m),B=!br(k,u,f),x=ia({fetchMetaStatus:A,fetchingQuote:o,inputAmount:u,quote:k,anyWalletConnected:T.length>0,error:n,warning:r,needsToWarnEthOnPath:P}),_=s?w(s):null,I=Ho(_)?.amount??"0",G=a&&s?W(_?.amount,_?.decimals):"0";zg(()=>(b(M.home),S(),b.bind(null,"")),[]);let J=!m||!f||!f.gt(0)?null:Le(m.toString(),f.toString());return Me.createElement(X,{ref:E,fixedHeight:!1,hasLogo:!0,footer:Me.createElement(Ug,{type:"primary",size:"large",disabled:x.disabled,prefix:x.action==="confirm-warning"&&Me.createElement(qg,null),fullWidth:!0,onClick:()=>{x.action==="connect-wallet"?t(M.wallets):x.action==="confirm-warning"?v(!0):t(M.confirmSwap)}},x.title),header:{onWallet:()=>{t(M.wallets)},hasBackButton:!1,title:Ai.t("Swap"),suffix:Me.createElement(Qr,{layoutRef:E.current,onClickRefresh:k||n?e:void 0,onClickHistory:()=>t(M.swaps),onClickSettings:()=>t(M.settings)})}},Me.createElement(Vg,null,Me.createElement(Xg,null,Me.createElement(jg,null,Me.createElement(tc,{label:Ai.t("From"),mode:"From",onInputChange:c,balance:I,chain:{displayName:a?.displayName||"",image:a?.logo||""},token:{displayName:s?.symbol||"",image:s?.image||""},onClickToken:()=>t(M.fromSwap),price:{value:u,usdValue:$?void 0:W(m,4,4),error:$?Q().unknownPriceError.impactTitle:void 0},disabled:A==="failed",loading:A==="loading",loadingBalance:y,onSelectMaxBalance:()=>{I!=="0"&&c(G.split(",").join(""))}}),Me.createElement(Rp,null)),Me.createElement(tc,{sharpBottomStyle:!!k?.result||o,label:Ai.t("To"),mode:"To",fetchingQuote:o,chain:{displayName:p?.displayName||"",image:p?.logo||""},token:{displayName:l?.symbol||"",image:l?.image||""},percentageChange:W(Le(m,f),2,2),warningLevel:st(J??0),price:{value:W(g,6,6),usdValue:B?void 0:W(f,4,4),error:B?Q().unknownPriceError.impactTitle:void 0},onClickToken:()=>t(M.toSwap),disabled:A==="failed",loading:A==="loading"})),Me.createElement("div",{className:"quote__container"},Me.createElement(ho,{quote:k,loading:o,error:n,warning:r,type:"basic",refetchQuote:e,showWarningModal:C,onOpenWarningModal:()=>v(!0),onCloseWarningModal:()=>v(!1),onConfirmWarningModal:()=>{v(!1),h(!0),t(M.confirmSwap)},onChangeSettings:()=>t(M.settings)}))))}i(oc,"Home");import{i18n as nc}from"@lingui/core";import{List as Kg,ListItemButton as Yg,Radio as Jg,RadioRoot as Zg,Typography as Rg}from"@rango-dev/ui";import Tt from"react";import{styled as Un}from"@rango-dev/ui";var ct=Un("div",{height:"100%",overflow:"hidden"}),Co=Un("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto"}),Ei=Un("div",{width:80,display:"flex",justifyContent:"flex-end"}),Ii=Un("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});function qn(){let{setLanguage:t,language:e}=d();return{activeLanguage:e,languages:Qs,defaultLanguage:Dt,changeLanguage:r=>t(r||Dt)}}i(qn,"useLanguage");function rc(){let{activeLanguage:t,changeLanguage:e,languages:o}=qn(),n=o.map(r=>{let{local:s,label:a,SVGFlag:l}=r;return{id:s,value:s,title:Tt.createElement(Rg,{variant:"title",size:"xmedium"},a),onClick:()=>e(r.local),end:Tt.createElement(Jg,{value:s}),start:Tt.createElement(l,null)}});return Tt.createElement(X,{header:{title:nc.t("Language")}},Tt.createElement(ct,null,Tt.createElement(Zg,{value:t},Tt.createElement(Kg,{type:Tt.createElement(Yg,{title:nc.t("language"),id:"_",onClick:()=>console.log()}),items:n}))))}i(rc,"LanguagePage");import{i18n as Vt}from"@lingui/core";import{Button as rh,Checkbox as ih,Image as sh,ListItemButton as ah,NotFound as lh,Typography as ph}from"@rango-dev/ui";import ge,{useState as ch}from"react";import{Checkbox as oh,Skeleton as sc}from"@rango-dev/ui";import ko from"react";import{ListItem as eh,styled as th}from"@rango-dev/ui";var ic=th(eh,{height:61});var nh=30;function Wi(){return ko.createElement(Co,null,Array.from(Array(nh),t=>ko.createElement(ic,{hasDivider:!0,key:t,start:ko.createElement(sc,{variant:"circular",width:35,height:35}),title:ko.createElement(sc,{variant:"text",size:"large",width:90}),end:ko.createElement(oh,{checked:!1})})))}i(Wi,"LoadingLiquiditySourceList");function Ni({sourceType:t}){let e=d().fetchStatus,o=d().swappers(),n=d().disabledLiquiditySources,[r,s]=ch(""),a=d().toggleLiquiditySource,l=$o(o,n),p=[];t==="Exchanges"&&p.push("DEX"),t==="Bridges"&&(p.push("BRIDGE"),p.push("AGGREGATOR"));let c=l.filter(S=>p.includes(S.type)),u=c.length===c.filter(S=>S.selected).length,m=i(()=>{c.forEach(S=>{u?a(S.groupTitle):S.selected||a(S.groupTitle)})},"toggleAllSources"),g=c.map(S=>{let{selected:h,groupTitle:A,logo:T}=S;return{start:ge.createElement(sh,{src:T,size:22,type:"circular"}),onClick:()=>a(A),end:ge.createElement(ih,{checked:h}),title:ge.createElement(ph,{variant:"title",size:"xmedium"},Vt.t(A)),...S}}),f=i(S=>{let h=S.target.value;s(h)},"searchHandler"),k=g;return r&&(k=g.filter(S=>Xe(S.groupTitle,r))),ge.createElement(X,{header:{title:Vt.t(t),suffix:ge.createElement(Ei,null,ge.createElement(rh,{variant:"ghost",size:"xsmall",onClick:m},Vt.t(u?"Deselect all":"Select all")))}},ge.createElement(ct,null,ge.createElement(pt,{value:r,setValue:s,fullWidth:!0,color:"light",variant:"contained",placeholder:Vt.t("Search {sourceType}",{sourceType:t}),onChange:f}),e==="loading"&&ge.createElement(Wi,null),!k.length&&r?ge.createElement(Ii,null,ge.createElement(lh,{title:Vt.t("No results found"),description:Vt.t("Try using different keywords")})):e==="success"&&ge.createElement(Co,null,k.map(S=>ge.createElement(ge.Fragment,{key:S.id},ge.createElement(ah,{style:{height:"61px"},...S,selected:!1,hasDivider:!0}))))))}i(Ni,"LiquiditySourcePage");import{i18n as fc}from"@lingui/core";import{Divider as $i,getCountCategories as kh,SelectableCategoryList as Th}from"@rango-dev/ui";import ut,{useState as gc}from"react";import{i18n as Li}from"@lingui/core";import{Divider as mc,Image as gh,ListItemButton as hh,NotFound as yh,Typography as dc}from"@rango-dev/ui";import _e,{useEffect as Sh,useState as Ch}from"react";import{BlockchainCategories as Bi}from"@rango-dev/ui";import{TransactionType as zn}from"rango-sdk";var uh=i((t,e)=>{switch(e){case Bi.ALL:return!0;case Bi.UTXO:return t.type===zn.TRANSFER;case Bi.OTHER:return t.type!==zn.TRANSFER&&t.type!==zn.COSMOS&&t.type!==zn.EVM;default:return t.type===e}},"filterByType"),ac=i((t,e,o)=>t.filter(n=>uh(n,o)).filter(n=>xt(n.name,e)||xt(n.displayName,e)),"filterBlockchains");import{ImageContainer as mh,styled as lc}from"@rango-dev/ui";var pc=lc("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),Gn=lc("ul",{padding:0,margin:0,listStyle:"none",overflowY:"auto",paddingRight:"$5",[`& ${mh}`]:{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as dh,Skeleton as cc}from"@rango-dev/ui";import Hn from"react";var fh=20;function uc(){return Hn.createElement(Gn,null,Array.from(Array(fh),t=>Hn.createElement(dh,{key:t,hasDivider:!0,start:Hn.createElement(cc,{variant:"circular",width:35,height:35}),title:Hn.createElement(cc,{variant:"text",size:"large",width:90})})))}i(uc,"LoadingBlockchainList");function Pi(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[s,a]=Ch(e),{fetchStatus:l}=d();Sh(()=>{a([...ac(e,o,r)])},[e,o,r]);let p=i(()=>!s.length&&o?_e.createElement(_e.Fragment,null,_e.createElement(mc,{size:32}),_e.createElement(yh,{title:Li.t("No results found"),description:Li.t("Try using different keywords")})):_e.createElement(Gn,{key:`${r}-${o}`},s.map(c=>_e.createElement(hh,{key:`${c.name}-${c.chainId}`,hasDivider:!0,onClick:()=>n(c),start:_e.createElement(gh,{src:c.logo,size:30}),title:_e.createElement(dc,{variant:"title",size:"medium"},c.displayName),id:c.chainId}))),"renderList");return _e.createElement(pc,null,_e.createElement(dc,{variant:"label",size:"large"},Li.t("Select Blockchain")),_e.createElement(mc,{size:4}),l==="loading"&&_e.createElement(uc,null),l==="success"&&p())}i(Pi,"BlockchainList");function Mi(t){let{type:e}=t,o=yt(),[n,r]=gc(""),[s,a]=gc("ALL"),l=O.use.setToBlockchain(),p=O.use.setFromBlockchain(),c=d().fetchStatus,u=d().blockchains({type:e}),g=kh(u)!==1;return ut.createElement(X,{header:{title:fc.t("Select Blockchain")}},ut.createElement($i,{size:12}),g&&ut.createElement(ut.Fragment,null,ut.createElement(Th,{setCategory:a,category:s,blockchains:u,isLoading:c==="loading"}),ut.createElement($i,{size:24})),ut.createElement(pt,{value:n,autoFocus:!0,placeholder:fc.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:f=>r(f.target.value)}),ut.createElement($i,{size:16}),ut.createElement(Pi,{list:u,searchedFor:n,blockchainCategory:s,onChange:f=>{e==="source"?p(f):l(f),o()}}))}i(Mi,"SelectBlockchainPage");import{i18n as Mc}from"@lingui/core";import{Divider as _c}from"@rango-dev/ui";import Kt,{useState as Oh}from"react";import{useNavigate as Uh}from"react-router-dom";import{i18n as Fi}from"@lingui/core";import{BlockchainsChip as Qn,Divider as Cc,Image as kc,Skeleton as bh,Tooltip as Eh,Typography as Oi}from"@rango-dev/ui";import le from"react";import{useEffect as vh}from"react";var hc=["ETH","COSMOS","OSMOSIS"];function _i(t,e,o){let n=JSON.parse(JSON.stringify(t)),r=[];if(n.sort(wh),o?.limit&&t.length>o.limit){let s=o.limit,a=e;if(e.length<=o.limit){let l=o.limit-e.length;for(let p=0;p<=l;p++){let c=n[p];a=a.filter(u=>c.name!==u)}}n.sort(xh(a)),r=n.splice(s)}return{list:n,more:r}}i(_i,"prepare");function wh(t,e){let o=hc,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(wh,"sortByMostUsedBlockchains");function xh(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(xh,"generateSortByPreferredBlockchainsFor");function yc(t,e){return!!e.list.find(o=>o.name===t)}i(yc,"isInVisibleList");function Di(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=d();vh(()=>{if(e?.selected){let s=_i(t,o,e);yc(e.selected,s)||n(e?.selected)}},[e?.selected]);let r=_i(t,o,e);return{list:r.list,more:r.more,history:[]}}i(Di,"usePrepareBlockchainList");import{styled as Ah}from"@rango-dev/ui";var Sc=Ah("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var Ih=12;function Ui(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:s}=t,a=Di(e,{limit:10,selected:n?.name}),{fetchStatus:l}=d(),p=O.use.resetToBlockchain(),c=O.use.resetFromBlockchain(),u=a.more.length>0,m=a.more.length===1,g=!m&&u;return le.createElement(le.Fragment,null,le.createElement(Cc,{size:12}),le.createElement(Oi,{variant:"label",size:"large"},Fi.t("Select Blockchain")),le.createElement(Cc,{size:12}),le.createElement(Sc,null,l==="loading"&&Array.from(Array(Ih),f=>le.createElement(bh,{key:f,variant:"rounded",height:50})),l==="success"&&le.createElement(le.Fragment,null,le.createElement(Qn,{selected:!n,onClick:()=>{o==="from"?c():p()}},le.createElement(Oi,{variant:"body",size:"xsmall",color:"secondary500"},Fi.t("All"))),a.list.map(f=>le.createElement(Eh,{key:f.name,content:f.shortName,side:"bottom",sideOffset:2,container:j()},le.createElement(Qn,{key:f.name,selected:!!n&&n.name===f.name,onClick:()=>r(f)},le.createElement(kc,{src:f.logo,size:30})))),m?le.createElement(Qn,{key:a.more[0].name,selected:!!n&&n.name===a.more[0].name,onClick:()=>r(a.more[0])},le.createElement(kc,{src:a.more[0].logo,size:30})):null,g?le.createElement(Qn,{onClick:s,key:"more-blockchains"},le.createElement(Oi,{variant:"body",size:"xsmall",color:"secondary500"},Fi._("More +{count}",{count:a.more.length}))):null)))}i(Ui,"BlockchainsSection");import{i18n as Yi}from"@lingui/core";import{darkTheme as Nc,Divider as Xt,ExternalLinkIcon as Bh,Image as Lh,ListItemButton as Ph,NotFound as $h,PinIcon as Mh,Skeleton as Bc,Typography as Xn,VirtualizedList as _h}from"@rango-dev/ui";import F,{forwardRef as Dh,useEffect as Lc,useState as Pc}from"react";import{Divider as Ic,ListItem as Nh,Skeleton as To}from"@rango-dev/ui";import He from"react";import{css as jt,darkTheme as Tc,ImageContainer as Wh,styled as Ge,Typography as wc}from"@rango-dev/ui";var qi=jt({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}),zi=jt({position:"relative",height:12,width:"30%",maxWidth:"150px"}),Gi=jt({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",bottom:"-8px"}),Hi=jt({transform:"translateY(12px)",visibility:"hidden","& a":{display:"flex",justifyContent:"center",alignItems:"center",fontSize:"$12",lineHeight:"$16",$$color:"$colors$neutral600",[`.${Tc} &`]:{$$color:"$colors$neutral700"},color:"$$color",textDecoration:"none"}}),Qi=jt({}),Vi=jt(),xc=Ge("div",{display:"flex",flexDirection:"column",flexGrow:1}),ji=Ge("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),Vn=Ge("ul",{flexGrow:1,padding:0,margin:0,listStyle:"none","& li":{alignItems:"none","&:hover":{[`& .${zi}`]:{[`& .${Hi}`]:{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",visibility:"visible"},[`& .${Qi}`]:{bottom:"-15px"},[`& .${qi}`]:{position:"absolute",transform:"translateY(-12px)",visibility:"hidden"},[`& .${Gi}`]:{position:"absolute",transform:"translateY(-12px)",bottom:"-10px"}}}}}),Xi=Ge("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),Ki=Ge(wc,{}),vc=Ge("div",{textAlign:"right",width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",[`& .${Vi}`]:{$$color:"$colors$neutral600",[`.${Tc} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),jn=Ge("div",{display:"flex",alignItems:"end",flexDirection:"column"}),pB=Ge("div",{display:"flex",alignItems:"center"}),Ac=Ge("div",{position:"relative",[`& ${Wh}`]:{borderRadius:"$xm",overflow:"hidden"}}),bc=Ge("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6}),Ec=Ge(wc,{width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"});function Wc(t){return He.createElement(Vn,null,Array.from(Array(t.size),e=>He.createElement(Nh,{key:e,hasDivider:!0,start:He.createElement(To,{variant:"circular",width:35,height:35}),end:He.createElement(jn,null,He.createElement(To,{variant:"text",size:"large",width:70}),He.createElement(Ic,{size:4}),He.createElement(To,{variant:"text",size:"medium",width:50})),title:He.createElement("div",null,He.createElement(To,{variant:"text",size:"large",width:90}),He.createElement(Ic,{size:4}),He.createElement(To,{variant:"text",size:"medium",width:90}))})))}i(Wc,"LoadingTokenList");var Ji=20,Fh=i(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:s,customCssForTagTitle:a}=t,l=e.length;return F.createElement("div",{className:zi()},o?F.createElement("div",{className:qi()},o):F.createElement(ji,{className:Gi()},F.createElement(Xn,{variant:"title",size:"xmedium"},r.symbol),F.createElement(Xt,{direction:"horizontal",size:4}),F.createElement(Xi,{css:s},F.createElement(Ki,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&F.createElement("div",{className:`${Hi()} ${!o&&Qi()}`},F.createElement("a",{href:n,target:"_blank",rel:"nofollow noreferrer",onClick:p=>p.stopPropagation()},l>10?`${e.slice(0,5)}...${e.slice(l-6,l)}`:e," ",F.createElement(Xt,{size:4,direction:"horizontal"}),F.createElement(Bh,{color:"gray",size:12}))))},"renderDesc");function $c(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[s,a]=Pc(e),l=d().fetchStatus,p=d().blockchains(),[c,u]=Pc(!0),{getBalanceFor:m,loading:g}=z(),{isTokenPinned:f}=d(),k=Dh((A,T)=>F.createElement("div",{...A,ref:T,style:{...A.style,height:`${parseFloat(A.style?.height)+8*2}px`}})),S=i(()=>{a(e.slice(0,s.length+Ji))},"loadNextPage");Lc(()=>{u(e.length>s.length)},[s.length]),Lc(()=>{a(e.slice(0,Ji))},[e]);let h=i(()=>!s.length&&o?F.createElement(F.Fragment,null,F.createElement(Xt,{size:32}),F.createElement($h,{title:Yi.t("No results found"),description:Yi.t("Try using different keywords")})):F.createElement(_h,{Item:({index:A,style:T})=>{let w=s[A],b=Ho(m(w)),C=w.address||"",v=p.find($=>$.name===w.blockchain),E=gn(w.symbol,v?.color||""),y={$$color:E[`${w.symbol}100`],[`.${Nc} &`]:{$$color:E[`${w.symbol}900`]},backgroundColor:"$$color"},P={$$color:E[`${w.symbol}700`],[`.${Nc} &`]:{$$color:E[`${w.symbol}100`]},color:"$$color"};return F.createElement("div",{style:{...T,paddingRight:5}},F.createElement(Ph,{style:{height:T?.height,width:"100%",overflow:"hidden"},"tab-index":A,key:`${w.symbol}${w.address}`,id:`${w.symbol}${w.address}`,hasDivider:!0,onClick:()=>n(s[A]),start:F.createElement(Ac,null,F.createElement(Lh,{src:w.image,size:30}),f(w,t.type)&&F.createElement(bc,null,F.createElement(Mh,{size:12,color:"gray"}))),title:v?.type==="COSMOS"||w.name||!w.name&&!C?F.createElement(ji,null,F.createElement(Xn,{variant:"title",size:"xmedium"},w.symbol),F.createElement(Xt,{direction:"horizontal",size:4}),F.createElement(Xi,{css:y},F.createElement(Ki,{variant:"body",size:"xsmall",css:P},w.blockchain))):void 0,description:v?.info&&C&&v.type!=="COSMOS"?Fh({address:C,token:s[A],customCssForTag:y,customCssForTagTitle:P,name:w.name,url:v.info.addressUrl.split("{wallet}").join(C)}):w.name||void 0,end:g?F.createElement(jn,null,F.createElement(Bc,{variant:"text",size:"large",width:70}),F.createElement(Xt,{size:4}),F.createElement(Bc,{variant:"text",size:"medium",width:50})):b&&F.createElement(vc,null,F.createElement(Ec,{variant:"title",size:"small"},b.amount),F.createElement("div",null),b.usdValue&&F.createElement(Xn,{variant:"body",className:Vi(),size:"xsmall"},`$${b.usdValue}`))}))},hasNextPage:c,itemCount:s.length,loadNextPage:S,innerElementType:k,size:60,key:`${r}-${o}`}),"renderList");return F.createElement(xc,null,F.createElement(Xn,{variant:"label",size:"large"},Yi.t("Select Token")),F.createElement(Xt,{size:4}),l==="loading"&&F.createElement(Wc,{size:Ji}),l==="success"&&F.createElement(Vn,null,h()))}i($c,"TokenList");function Zi(t){let{type:e}=t,o=Uh(),n=yt(),{fromBlockchain:r,toBlockchain:s,setFromToken:a,setToToken:l,setFromBlockchain:p,setToBlockchain:c}=O(),u=z.use.getBalanceFor(),[m,g]=Oh(""),{isTokenPinned:f}=d(),S=(e==="source"?r:s)?.name??"",h=d().blockchains({type:e}),A=d().tokens({type:e,blockchain:S,searchFor:m}),w=Us(A,u,i(v=>f(v,e),"checkIsTokenPinned")),b=i(v=>{e==="source"?p(v):c(v)},"updateBlockchain"),C=i(v=>{e==="source"?a({token:v,meta:{blockchains:h,tokens:A}}):l({token:v,meta:{blockchains:h,tokens:A}})},"updateToken");return Kt.createElement(X,{header:{title:Mc.t("Swap {type}",{type:e})}},Kt.createElement(Ui,{blockchains:h,type:e=="source"?"from":"to",blockchain:e==="source"?r:s,onMoreClick:()=>o(M.blockchains),onChange:v=>{b(v)}}),Kt.createElement(_c,{size:24}),Kt.createElement(pt,{value:m,autoFocus:!0,placeholder:Mc.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>g(""),onChange:v=>g(v.target.value)}),Kt.createElement(_c,{size:16}),Kt.createElement($c,{list:w,selectedBlockchain:S,searchedFor:m,type:e,onChange:v=>{C(v);let E=h.find(y=>v.blockchain===y.name);E&&b(E),n()}}))}i(Zi,"SelectSwapItemsPage");import{i18n as Bt}from"@lingui/core";import{ChevronRightIcon as ts,Divider as os,InfoIcon as Xh,List as Kh,ListItemButton as Yh,Skeleton as Jh,Switch as Zh,Tooltip as Rh,Typography as Lt}from"@rango-dev/ui";import V from"react";import{useNavigate as ey}from"react-router-dom";import{i18n as zc}from"@lingui/core";import{Divider as Hh,InfoIcon as Qh,TextField as Vh,Tooltip as jh,Typography as Gc}from"@rango-dev/ui";import We from"react";import{Chip as qh,styled as wo,TextField as zh}from"@rango-dev/ui";var Dc=wo("div",{paddingTop:"$5",padding:"$10 $5"}),Fc=wo("div",{display:"flex",flexWrap:"wrap",gap:"$10",[`& ${zh}`]:{flex:"1 1 0",maxWidth:"127px",minWidth:"85px"}}),Oc=wo("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),Kn=wo("div",{maxWidth:"280px",padding:"$10"}),Uc=wo(qh,{width:"61px",flexShrink:0});import{i18n as Ri}from"@lingui/core";import{Typography as Gh}from"@rango-dev/ui";import xo from"react";function qc(){return xo.createElement(Kn,null,xo.createElement(Gh,{variant:"label",size:"medium",color:"neutral700"},Ri.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),xo.createElement("br",null),xo.createElement("br",null),xo.createElement("b",null,Ri.t("Warning")),":",Ri.t("This setting is applied per step, e.g. 1Inch, Thorchain, etc. and only that step will be reverted, not the whole transaction")))}i(qc,"SlippageTooltipContent");function es(){let{slippage:t,setSlippage:e,customSlippage:o,setCustomSlippage:n}=d();return We.createElement(Dc,null,We.createElement(Oc,null,We.createElement(Gc,{variant:"title",size:"xmedium"},zc.t("Slippage tolerance per swap")),We.createElement(Hh,{direction:"horizontal",size:4}),We.createElement(jh,{container:j(),side:"top",sideOffset:4,content:We.createElement(qc,null)},We.createElement(Qh,{color:"gray"}))),We.createElement(Fc,null,Vs.map((r,s)=>{let a=`slippage-${s}`;return We.createElement(We.Fragment,null,We.createElement(Uc,{key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`}))}),We.createElement(Vh,{type:"number",min:"0.01",max:"30",step:"0.01",fullWidth:!0,variant:"contained",value:o||"",color:"dark",onChange:r=>{let s=parseFloat(r.target.value);(!s||s>=Ys&&s<=Ks)&&n(s)},suffix:o&&We.createElement(Gc,{variant:"body",size:"small"},"%"),placeholder:zc.t("Custom")})))}i(es,"Slippage");function Hc(){let t=ey(),{theme:e}=d().config,o=d().fetchStatus,n=d().swappers(),r=d().disabledLiquiditySources,{config:{features:s}}=d(),a=Ne("theme",s),l=Ne("liquiditySource",s),p=Ne("language",s),c=d().infiniteApprove,u=d().toggleInfiniteApprove,m=$o(n,r),g=m.filter(y=>y.type==="BRIDGE"||y.type==="AGGREGATOR"),f=g.length,k=g.filter(y=>y.selected).length,S=m.filter(y=>y.type==="DEX"),h=S.length,A=S.filter(y=>y.selected).length,T=i((y,P)=>{switch(o){case"loading":return V.createElement(Jh,{variant:"text",size:"medium",width:50});case"failed":return V.createElement(Lt,{variant:"body",size:"medium",color:"$error500"},Bt.t("Loading failed"));default:return V.createElement(Lt,{variant:"body",size:"medium"},`${y} / ${P}`)}},"handleEndItem"),w={id:"bridge-item",title:V.createElement(Lt,{variant:"title",size:"xmedium"},Bt.t("Enabled bridges")),end:V.createElement(V.Fragment,null,T(k,f),V.createElement(os,{direction:"horizontal",size:8}),V.createElement(ts,{color:"black"})),onClick:()=>t(M.bridges)},b={id:"exchange-item",title:V.createElement(Lt,{variant:"title",size:"xmedium"},Bt.t("Enabled exchanges")),end:V.createElement(V.Fragment,null,T(A,h),V.createElement(os,{direction:"horizontal",size:8}),V.createElement(ts,{color:"gray"})),onClick:()=>t(M.exchanges)},C={id:"theme-item",title:V.createElement(Lt,{variant:"title",size:"xmedium"},Bt.t("Theme")),end:V.createElement(ts,{color:"gray"}),onClick:()=>t(M.themes)},v={id:"infinite-approval-item",title:V.createElement(V.Fragment,null,V.createElement(Lt,{variant:"title",size:"xmedium"},Bt.t("Infinite approval")),V.createElement(os,{direction:"horizontal",size:4}),V.createElement(Rh,{side:"top",sideOffset:4,container:j(),content:V.createElement(Kn,null,V.createElement(Lt,{variant:"label",size:"medium",color:"neutral700"},Bt.t("Enabling the 'Infinite approval' mode grants unrestricted access to smart contracts of DEXes/Bridges, allowing them to utilize the approved token amount without limitations.")))},V.createElement(Xh,{color:"gray"}))),end:V.createElement(Zh,{checked:c}),onClick:u},E=l?[]:[w,b];return!e?.singleTheme&&!a&&E.push(C),E.push(v),V.createElement(X,{header:{title:Bt.t("Settings")}},V.createElement(ct,null,V.createElement(es,null),V.createElement(Kh,{type:V.createElement(Yh,{title:"_",id:"_",onClick:()=>console.log()}),items:E})))}i(Hc,"SettingsPage");import{cancelSwap as Xy}from"@rango-dev/queue-manager-rango-preset";import{useManager as Ky}from"@rango-dev/queue-manager-react";import wu from"react";import{i18n as mt}from"@lingui/core";import{getCurrentBlockchainOfOrNull as Wy,getCurrentStep as Ny,getRelatedWalletOrNull as By}from"@rango-dev/queue-manager-rango-preset";import{Button as gu,CopyIcon as Ly,Divider as Py,IconButton as $y,QuoteCost as My,StepDetails as _y,Typography as Zt,useCopyToClipboard as Dy}from"@rango-dev/ui";import{useWallets as Fy}from"@rango-dev/wallets-react";import{PendingSwapNetworkStatus as ar}from"rango-types";import K,{useEffect as hu,useRef as Oy,useState as yu}from"react";import{useNavigate as Uy}from"react-router-dom";import{i18n as xe}from"@lingui/core";var ty=1e3,oy=31536e3,ny=2592e3,ry=86400,iy=3600,sy=60;function Qc(t){let e=Math.floor((Date.now()-t)/ty),n=[{turningPoint:oy,label:xe.t("year"),pluralLabel:xe.t("years")},{turningPoint:ny,label:xe.t("month"),pluralLabel:xe.t("months")},{turningPoint:ry,label:xe.t("day"),pluralLabel:xe.t("days")},{turningPoint:iy,label:xe.t("hour"),pluralLabel:xe.t("hours")},{turningPoint:sy,label:xe.t("minute"),pluralLabel:xe.t("minutes")}].sort((r,s)=>s.turningPoint-r.turningPoint);for(let r of n){let{turningPoint:s,label:a,pluralLabel:l}=r,p=Math.floor(e/s);if(p>1)return`${p} ${l}`;if(p===1)return`${p} ${a}`}return e>1?`${e} ${xe.t("seconds")}`:`${e} ${xe.t("second")}`}i(Qc,"timeSince");function Vc(t){return t.finishTime?xe.t({id:"{time} ago",values:{time:Qc(parseInt(t.finishTime))}}):xe.t({id:"{time} ago",values:{time:Qc(parseInt(t.creationTime))}})}i(Vc,"getSwapDate");import{Modal as dy}from"@rango-dev/ui";import{PendingSwapNetworkStatus as Zn}from"rango-types";import Rn from"react";import{i18n as Yn}from"@lingui/core";import{Button as jc,Divider as ns,MessageBox as ay,Typography as Xc}from"@rango-dev/ui";import nt from"react";var Kc=i(({onCancel:t,onClose:e})=>nt.createElement(nt.Fragment,null,nt.createElement(ns,{size:20}),nt.createElement(ay,{type:"error",title:Yn.t("Cancel Swap"),description:Yn.t("Are you sure you want to cancel this swap?")}),nt.createElement(ns,{size:32}),nt.createElement(jc,{variant:"contained",type:"primary",size:"large",onClick:t},nt.createElement(Xc,{variant:"title",size:"medium",color:"neutral100"},Yn.t("Yes, Cancel it"))),nt.createElement(ns,{size:12}),nt.createElement(jc,{variant:"outlined",type:"primary",size:"large",onClick:e},nt.createElement(Xc,{variant:"title",size:"medium",color:"primary"},Yn.t("No, Continue")))),"CancelContent");import{i18n as Jn}from"@lingui/core";import{Button as Yc,Divider as rs,MessageBox as ly,Typography as Jc}from"@rango-dev/ui";import rt from"react";var Zc=i(({onDelete:t,onClose:e})=>rt.createElement(rt.Fragment,null,rt.createElement(rs,{size:20}),rt.createElement(ly,{type:"error",title:Jn.t("Delete Transaction"),description:Jn.t("Are you sure you want to delete this swap?")}),rt.createElement(rs,{size:32}),rt.createElement(Yc,{variant:"contained",type:"primary",size:"large",onClick:t},rt.createElement(Jc,{variant:"title",size:"medium",color:"neutral100"},Jn.t("Yes, Delete it"))),rt.createElement(rs,{size:12}),rt.createElement(Yc,{variant:"outlined",type:"primary",size:"large",onClick:e},rt.createElement(Jc,{variant:"title",size:"medium",color:"primary"},Jn.t("No, Cancel")))),"DeleteContent");import{i18n as is}from"@lingui/core";import{PendingSwapNetworkStatus as ss}from"rango-types";var as={[ss.WaitingForNetworkChange]:{type:"loading",title:is.t("Change Network")},[ss.WaitingForConnectingWallet]:{type:"warning",title:is.t("Connect Wallet")},[ss.NetworkChanged]:{type:"success",title:is.t("Network Changed")}};import{MessageBox as cy,Wallet as uy}from"@rango-dev/ui";import{useWallets as my}from"@rango-dev/wallets-react";import vo from"react";import{styled as py}from"@rango-dev/ui";var Rc=py("div",{display:"flex",justifyContent:"center"});var eu=i(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:s}=t,{connect:a,getWalletInfo:l,state:p}=my(),c=n?.walletType,u=c?Cr(p(c)):null,m=c?l(c):null;return vo.createElement(vo.Fragment,null,vo.createElement(cy,{type:e,title:o,description:r}),s&&!!c&&!!u&&!!m&&vo.createElement(Rc,null,vo.createElement(uy,{container:j(),title:m.name,image:m.img,type:c,state:u,link:m.installLink,onClick:async()=>a(c)})))},"WalletStateContent");function ls(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:s,message:a}=t,l=e===Zn.WaitingForNetworkChange||e===Zn.WaitingForConnectingWallet||e===Zn.NetworkChanged;return Rn.createElement(dy,{open:!!e,onClose:o,container:document.getElementById(Se)||document.body},l&&Rn.createElement(eu,{type:as[e].type,title:as[e].title,currentStepWallet:s,message:a,showWalletButton:e!==Zn.WaitingForNetworkChange}),e==="delete"&&Rn.createElement(Zc,{onClose:o,onDelete:n}),e==="cancel"&&Rn.createElement(Kc,{onClose:o,onCancel:r}))}i(ls,"SwapDetailsModal");import{i18n as Ao}from"@lingui/core";import{Button as ps,Divider as er,MessageBox as tu,Modal as fy,TokenAmount as gy,Typography as tr}from"@rango-dev/ui";import ue from"react";import{useNavigate as hy}from"react-router-dom";function cs(t){let{open:e,onClose:o,status:n,priceValue:r,usdValue:s,token:a,chain:l,percentageChange:p,description:c,diagnosisUrl:u}=t,m=hy();return ue.createElement(fy,{open:e,onClose:o,container:document.getElementById(Se)||document.body},n==="success"?ue.createElement(tu,{type:"success",title:Ao.t("Swap Successful")},ue.createElement(gy,{direction:"vertical",type:"output",centerAlign:!0,price:{value:r,usdValue:s},token:a,chain:l,percentageChange:p}),ue.createElement(er,{size:12}),ue.createElement(tr,{variant:"body",size:"medium",color:"neutral700",align:"center"},c)):ue.createElement(tu,{type:"error",title:Ao.t("Transaction Failed"),description:c}),ue.createElement(er,{size:32}),n==="success"&&ue.createElement(ps,{variant:"contained",type:"primary",size:"large",onClick:()=>{m("../../")}},ue.createElement(tr,{variant:"title",size:"medium",color:"neutral100"},Ao.t("Done"))),ue.createElement(er,{size:12}),u&&ue.createElement(ue.Fragment,null,ue.createElement(ps,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(u,"_blank")},ue.createElement(tr,{variant:"title",size:"medium",color:"primary"},Ao.t("Diagnosis"))),ue.createElement(er,{size:12})),ue.createElement(ps,{variant:"outlined",type:"primary",size:"large",onClick:o},ue.createElement(tr,{variant:"title",size:"medium",color:"primary"},Ao.t("See Details"))))}i(cs,"SwapDetailsCompleteModal");import Ey from"react";import{i18n as xy}from"@lingui/core";import{Alert as au,IconButton as vy,LinkIcon as Ay}from"@rango-dev/ui";import wt,{Fragment as by}from"react";import{Alert as yy,ChevronDownIcon as Sy,ChevronUpIcon as Cy,IconButton as ky}from"@rango-dev/ui";import or,{useState as Ty}from"react";function ou(t){let{message:e}=t,[o,n]=Ty(!1);return or.createElement(yy,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&or.createElement(ky,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?or.createElement(Cy,{size:12,color:"gray"}):or.createElement(Sy,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}i(ou,"FailedAlert");import{styled as wy}from"@rango-dev/ui";var nu=wy("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as ru}from"@lingui/core";import{Alert as us,Button as iu}from"@rango-dev/ui";import{PendingSwapNetworkStatus as ms}from"rango-types";import bo from"react";function su(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?bo.createElement(us,{type:"warning",title:n.shortMessage,action:bo.createElement(iu,{size:"xxsmall",type:"warning",onClick:()=>{o(ms.WaitingForNetworkChange),e().catch(s=>{console.log(s)})}},ru.t("Change"))}):r===ms.WaitingForConnectingWallet?bo.createElement(us,{type:"warning",title:n.shortMessage,action:bo.createElement(iu,{size:"xxsmall",type:"warning",onClick:()=>{o(ms.WaitingForConnectingWallet)}},ru.t("Connect"))}):bo.createElement(us,{type:"warning",title:n.shortMessage})}i(su,"WarningAlert");function ds(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:s,hasAlreadyProceededToSign:a}=t,l=oo(s),p=s.status==="waitingForApproval"&&!l,c=s.status==="running"&&!l;return wt.createElement(nu,null,s.explorerUrl?.map((u,m,g)=>{let f=m+u.url,k=m===g.length-1,S=k&&c||p,h=k&&s.status==="failed";return wt.createElement(by,{key:f},wt.createElement(au,{type:S&&"loading"||h&&"error"||"success",title:u.description?`${u.description} Tx`:xy.t("View transaction"),action:u.url&&wt.createElement(vy,{variant:"ghost",size:"xsmall",onClick:()=>window.open(u.url,"_blank")},wt.createElement(Ay,{size:16}))}))}),(c&&!a||p&&!s.explorerUrl?.length)&&wt.createElement(au,{type:"loading",title:r.shortMessage}),s.status!=="failed"&&l&&wt.createElement(su,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),s.status==="failed"&&wt.createElement(ou,{message:r}))}i(ds,"SwapDetailsAlerts");var lu=2e3;var pu=i(({swap:t,blockchains:e,...o})=>{let n=t.hasAlreadyProceededToSign!==!1;return t.steps.map((r,s)=>{let a=s===0?t.inputAmount:t.steps[s-1].outputAmount;return{from:{token:{displayName:r.fromSymbol,image:r.fromLogo??""},chain:{displayName:Ye(r.fromBlockchain,e)??"",image:r.fromBlockchainLogo??""},price:{value:W(a,6,6)}},to:{token:{displayName:r.toSymbol,image:r.toLogo},chain:{displayName:Ye(r.toBlockchain,e)??"",image:r.toBlockchainLogo??""},price:{value:W(r.outputAmount||r.expectedOutputAmountHumanReadable,6,6)}},swapper:{displayName:r.swapperId,image:r.swapperLogo??""},alerts:Ey.createElement(ds,{step:r,hasAlreadyProceededToSign:n,...o})}})},"getSteps");function cu(t){if(oo(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(cu,"getStepState");import{css as nr,darkTheme as Iy,styled as Yt}from"@rango-dev/ui";var rr=Yt("div",{display:"flex",width:"100%",flexDirection:"column",alignItems:"center",height:"0",flexGrow:1}),ir=Yt("div",{width:"100%"}),uu=Yt("div",{padding:"$0 $20 $20 $20",width:"100%",overflow:"auto"}),jP=Yt("div",{display:"flex",flexDirection:"column",gap:"$10"}),mu=Yt("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),XP=Yt("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1}),Jt=nr({display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",padding:"$10 $20",borderBottom:"1px solid",$$color:"$colors$neutral300",[`.${Iy} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color",color:"$neutral500"}),sr=nr({display:"flex",justifyContent:"center",alignItems:"center",height:"$24"}),du=nr({display:"flex",width:"100%",padding:"$15 $20 $20",flexDirection:"column",alignItems:"start"}),fu=nr({width:"100%",padding:"0 $20 $10"});function fs(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:s,connect:a,getWalletInfo:l}=Fy(),p=d().blockchains(),c=d().tokens(),u=O.use.retry(),m=Uy(),[g,f]=Dy(lu),k=Oy(null),[S,h]=yu(null),[A,T]=yu(null),w=i(()=>{r(),h(null)},"onCancel"),b=Pe.use.getUnreadNotifications(),C=Pe.use.setAsRead(),v=b(),E=Ny(e),y=E?.networkStatus;hu(()=>{v.find(ie=>ie.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(T(e.status),C(e.requestId))},[e.status]),hu(()=>{G?h(ar.WaitingForNetworkChange):y===ar.WaitingForConnectingWallet||y===ar.NetworkChanged?h(y):h(null)},[y]);let P=fa(e),$=E?Wy(e,E):null,B=E?By(e,E):null,x=Vc(e),_=ga(e),I=i(U=>!!l(U)?.mobileWallet,"isMobileWallet"),G=y===ar.WaitingForNetworkChange&&!!$&&!!B?.walletType&&(I(B.walletType)||s(B.walletType,$)),J=G?a.bind(null,B.walletType,$):void 0,te=da(e,E),H=pu({swap:e,switchNetwork:J,showNetworkModal:y,setNetworkModal:h,message:te,blockchains:p}),re=H.length,[he,ye]=[e.steps[0],e.steps[re-1]],De=ye.outputAmount||ye.expectedOutputAmountHumanReadable,Pt=e.steps.reduce((U,ie)=>U+parseFloat(ie.feeInUsd||""),0),eo=e.steps.find(U=>U.diagnosisUrl)?.diagnosisUrl,it=W(parseFloat(W(De,6,6))*(ye.toUsdPrice||0),4,4),Ve=W(parseFloat(e.inputAmount)*(he.fromUsdPrice||0),4,4),D=Le(Ve,it),Y=e.status==="success"?mt.t({id:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:W(De,6,6),token:H[re-1].to.token.displayName,conciseAddress:Qo(e.wallets[H[re-1].to.chain.displayName]?.address||""),chain:H[re-1].to.chain.displayName}}):`${mt.t("Transaction was not sent.")} ${P?mt.t({id:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:P.outputAmount,symbol:P.symbol,blockchain:P.blockchain}}):""}`;return K.createElement(X,{noPadding:!0,header:{title:mt.t("Swap and Bridge"),onCancel:e.status==="running"?()=>h("cancel"):void 0,suffix:e.status!=="running"&&K.createElement(qt,null,K.createElement(gu,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>h("delete")},K.createElement(Zt,{size:"medium",variant:"label",color:"error"},mt.t("Delete"))))},footer:_&&!A&&K.createElement(gu,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{u(e,{blockchains:p,tokens:c}),setTimeout(()=>{m("../../")},0)}},mt.t("Try again"))},K.createElement(rr,null,K.createElement(ir,null,K.createElement("div",{className:Jt()},K.createElement(Zt,{variant:"label",size:"large",color:"neutral700"},`${mt.t("Request ID")}:`),K.createElement("div",{className:sr()},K.createElement(Zt,{variant:"label",size:"small",color:"neutral700"},o),K.createElement($y,{variant:"ghost",onClick:f.bind(null,o||"")},K.createElement(Ly,{size:16,color:"gray"})))),K.createElement("div",{className:Jt()},K.createElement(Zt,{variant:"label",size:"large",color:"neutral700"},`${mt.t("Created at")}:`),K.createElement(Zt,{variant:"label",size:"small",color:"neutral700"},x))),K.createElement("div",{className:du()},K.createElement(My,{fee:W(String(Pt),2,2),time:_o(Do(e.steps)),steps:re}),K.createElement(ao,{from:{price:{value:W(e.inputAmount,6,6),usdValue:Ve},token:{displayName:H[0].from.token.displayName,image:H[0].from.token.image},chain:{image:H[0].from.chain.image,displayName:H[0].from.chain.displayName}},to:{price:{value:W(De,6,6),usdValue:it},token:{displayName:H[re-1].to.token.displayName,image:H[re-1].to.token.image},chain:{image:H[re-1].to.chain.image,displayName:H[re-1].to.chain.displayName}},percentageChange:W(D,2,2),warningLevel:st(D??0)})),K.createElement("div",{className:fu()},K.createElement(Zt,{variant:"title",size:"small"},mt.t("Swaps steps"))),K.createElement(Py,{size:8}),K.createElement(uu,{ref:k},H.map((U,ie)=>{let je=ie,be=cu(e.steps[ie]),mr=be==="error"||be==="in-progress"||be==="warning"||be==="completed"&&ie===H.length-1;return K.createElement(_y,{key:je,step:U,type:"swap-progress",ref:k,state:be,hasSeparator:ie!==0,tabIndex:je,isFocused:mr})}))),K.createElement(ls,{state:S,onClose:()=>h(null),onCancel:w,onDelete:n,message:te.detailedMessage.content,currentStepWallet:B}),K.createElement(cs,{open:!!A,diagnosisUrl:eo,onClose:()=>T(null),status:e.status==="success"?"success":"failed",priceValue:W(De,6,6),usdValue:it,percentageChange:W(D,2,2),token:{displayName:H[re-1].to.token.displayName,image:H[re-1].to.token.image},chain:{image:H[re-1].to.chain.image},description:Y}))}i(fs,"SwapDetails");import{i18n as Io}from"@lingui/core";import{CopyIcon as Qy,IconButton as Vy,NotFound as jy,Skeleton as ku,Typography as pr}from"@rango-dev/ui";import pe from"react";import{i18n as qy}from"@lingui/core";import{Divider as zy,Skeleton as Gy,Typography as Hy}from"@rango-dev/ui";import se from"react";import{css as Qe,styled as gs}from"@rango-dev/ui";var Su=gs("div",{width:"100%",height:"100%",padding:"$10 $20"}),Eo=gs("div",{backgroundColor:"$neutral100",borderRadius:"$xm",padding:"$10 $15"}),lr=gs("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"}),x$=Qe({display:"flex",justifyContent:"space-between",alignItems:"center"}),v$=Qe({display:"flex",justifyContent:"space-between",alignItems:"center"}),A$=Qe({paddingTop:"$15",display:"flex"}),b$=Qe({padding:"$15 $0"}),E$=Qe({width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"}),I$=Qe({paddingBottom:"$10"}),W$=Qe({display:"flex",justifyContent:"start",alignItems:"center"}),N$=Qe({paddingTop:"$5",display:"flex",alignItems:"center"}),B$=Qe({display:"flex",alignItems:"center"}),L$=Qe({padding:"$4 $6",display:"flex",justifyContent:"center",alignItems:"center"}),Cu=Qe({display:"flex",paddingTop:"$10",paddingBottom:"$5"});function hs(){return se.createElement(Su,null,se.createElement(uo,{type:"swap-preview"}),se.createElement("div",{className:"swaps-steps"},se.createElement(Hy,{variant:"title",size:"small"},qy.t("Swaps steps"))),se.createElement(se.Fragment,null,se.createElement(Eo,null,se.createElement(tt,{separator:!1}),se.createElement("div",{className:Cu()},se.createElement(zy,{direction:"horizontal",size:20}),se.createElement(Gy,{height:22,variant:"rectangular"}))),se.createElement(lr,null),se.createElement(Eo,null,se.createElement(tt,{separator:!1})),se.createElement(lr,null),se.createElement(Eo,null,se.createElement(tt,{separator:!1})),se.createElement(lr,null),se.createElement(Eo,null,se.createElement(tt,{separator:!1}))))}i(hs,"LoadingSwapDetails");function Tu(t){let{requestId:e,showSkeleton:o}=t;return pe.createElement(X,{noPadding:!0,header:{title:Io.t("Swap and Bridge"),suffix:pe.createElement(qt,null)}},o&&pe.createElement(rr,null,pe.createElement(ir,null,pe.createElement("div",{className:Jt()},pe.createElement(pr,{variant:"label",size:"large",color:"neutral700"},`${Io.t("Request ID")}:`),pe.createElement("div",{className:sr()},pe.createElement(pr,{variant:"label",size:"small",color:"neutral700"},pe.createElement(ku,{width:60,height:10,variant:"rounded"})),pe.createElement(Vy,{variant:"ghost"},pe.createElement(Qy,{size:16,color:"gray"})))),pe.createElement("div",{className:Jt()},pe.createElement(pr,{variant:"label",size:"large",color:"neutral700"},`${Io.t("Created at")}:`),pe.createElement(pr,{variant:"label",size:"small",color:"neutral700"},pe.createElement(ku,{width:60,height:10,variant:"rounded"})))),pe.createElement(hs,null)),!o&&pe.createElement(mu,null,pe.createElement(jy,{title:Io.t("Not found"),description:Io.t({id:"Swap with request ID = {requestId} not found.",values:{requestId:e}})})))}i(Tu,"SwapDetailsPlaceholder");function xu(){let{manager:t,state:e}=Ky(),o=!e.loadedFromPersistor,n=Qt(t),r=we.use.selectedSwapRequestId(),s=yt(),{fetchStatus:a}=d(),l=o||a==="loading",p=n.find(({swap:g})=>g.requestId===r),c=i(()=>{if(p?.id){let g=t?.get(p.id);g&&Xy(g)}},"onCancel"),u=i(async()=>{if(p?.id)try{t?.deleteQueue(p.id),s()}catch(g){console.log(g)}},"onDelete"),m=p?.swap;return!m||l?wu.createElement(Tu,{requestId:r||"",showSkeleton:l}):wu.createElement(fs,{swap:m,requestId:r||"",onCancel:c,onDelete:u})}i(xu,"SwapDetailsPage");import{i18n as Wo}from"@lingui/core";import{AutoThemeIcon as Yy,DarkModeIcon as Jy,LightModeIcon as Zy,List as Ry,ListItemButton as eS,Radio as ys,RadioRoot as tS,Typography as Ss}from"@rango-dev/ui";import ve from"react";function vu(){let{setTheme:t,theme:e}=d(),o=[{id:"light",value:"light",title:ve.createElement(Ss,{variant:"title",size:"xmedium"},Wo.t("Light")),onClick:()=>t("light"),start:ve.createElement(Zy,{color:"gray"}),end:ve.createElement(ys,{value:"light"})},{id:"dark",value:"dark",title:ve.createElement(Ss,{variant:"title",size:"xmedium"},Wo.t("Dark")),onClick:()=>t("dark"),start:ve.createElement(Jy,{color:"gray"}),end:ve.createElement(ys,{value:"dark"})},{id:"auto",value:"auto",title:ve.createElement(Ss,{variant:"title",size:"xmedium"},Wo.t("Auto")),onClick:()=>t("auto"),start:ve.createElement(Yy,{color:"gray"}),end:ve.createElement(ys,{value:"auto"})}];return ve.createElement(X,{header:{title:Wo.t("Theme")}},ve.createElement(ct,null,ve.createElement(tS,{onValueChange:n=>t(n),value:e},ve.createElement(Ry,{type:ve.createElement(eS,{title:Wo.t("Theme"),id:"_",onClick:()=>console.log()}),items:o}))))}i(vu,"ThemePage");function Au(){return oS([{path:M.home,element:Ae.createElement(oc,null)},{path:M.fromSwap,children:[{index:!0,element:Ae.createElement(Zi,{type:"source"})},{path:M.blockchains,element:Ae.createElement(Mi,{type:"source"})}]},{path:M.toSwap,children:[{index:!0,element:Ae.createElement(Zi,{type:"destination"})},{path:M.blockchains,element:Ae.createElement(Mi,{type:"destination"})}]},{path:M.settings,children:[{index:!0,element:Ae.createElement(Hc,null)},{path:M.themes,element:Ae.createElement(vu,null)},{path:M.languages,element:Ae.createElement(rc,null)},{path:M.exchanges,element:Ae.createElement(Ni,{sourceType:"Exchanges"})},{path:M.bridges,element:Ae.createElement(Ni,{sourceType:"Bridges"})}]},{path:M.swaps,children:[{index:!0,element:Ae.createElement(Jp,null)},{path:M.swapDetails,element:Ae.createElement(xu,null)}]},{path:M.wallets,element:Ae.createElement(Sl,null)},{path:M.confirmSwap,element:Ae.createElement(qp,null)}])}i(Au,"AppRoutes");import{isApprovalTX as nS,MainEvents as Eu,RouteEventType as Iu,StepEventType as Rt,StepExecutionEventStatus as rS,useEvents as iS}from"@rango-dev/queue-manager-rango-preset";import{useEffect as Wu}from"react";import{StepExecutionBlockedEventStatus as Cs}from"@rango-dev/queue-manager-rango-preset";var bu=[Cs.WAITING_FOR_CHANGE_WALLET_ACCOUNT,Cs.WAITING_FOR_NETWORK_CHANGE,Cs.WAITING_FOR_WALLET_CONNECT];function Nu(){let t=d().tokens(),e=z.use.connectedWallets(),o=z.use.getWalletsDetails(),n=Pe.use.setNotification(),r=Pe.use.setAsRead(),s=iS();return Wu(()=>(s.on(Eu.StepEvent,a=>{let{event:l,step:p,route:c}=a;if(l.type===Rt.TX_EXECUTION&&l.status===rS.TX_SENT&&!nS(p)||l.type===Rt.SUCCEEDED){let m=e.find(f=>f.chain===p?.fromBlockchain),g=p?.fromBlockchain!==p?.toBlockchain&&e.find(f=>f.chain===p?.toBlockchain);m&&o([m],t),g&&o([g],t)}l.type===Rt.TX_EXECUTION_BLOCKED&&bu.includes(l.status)||l.type===Rt.FAILED?n(l,c):(l.type===Rt.TX_EXECUTION||l.type===Rt.CHECK_STATUS)&&r(c.requestId)}),()=>s.all.clear()),[s,e.length]),Wu(()=>(s.on(Eu.RouteEvent,a=>{let{event:l,route:p}=a;(l.type===Iu.FAILED||l.type===Iu.SUCCEEDED)&&n(l,p)}),()=>s.all.clear()),[s,e.length]),null}i(Nu,"WidgetEvents");import{globalCss as sS}from"@rango-dev/ui";var Bu=i(()=>sS({"@import":["url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap')","url('https://fonts.cdnfonts.com/css/times-new-roman')"]})(),"globalFont");import{styled as aS}from"@rango-dev/ui";var Lu=aS("div",{display:"flex",justifyContent:"center",alignItems:"center",fontFamily:"$widget",boxSizing:"border-box","& *, *::before, *::after":{boxSizing:"inherit"},"& *:focus-visible":{outlineColor:"$info500",transition:"none"},"& ul, ol, li":{listStyleType:"none"}});function cr(){Bu();let{config:t}=d(),{activeTheme:e}=hn(t?.theme||{}),{activeLanguage:o,changeLanguage:n}=qn(),[r,s]=$u(""),[a,l]=$u(),p=pS(an);return Pu(()=>{Pe.persist.rehydrate(),p.onConnectWallet(s)},[]),Pu(()=>{n(t?.language)},[t?.language]),No.createElement(lS,{language:o},No.createElement(Lu,{id:"swap-container",className:e()},No.createElement(Nu,null),No.createElement(Wa,{lastConnectedWallet:r,disconnectedWallet:a,clearDisconnectedWallet:()=>{l(void 0)}},No.createElement(Au,null))))}i(cr,"Main");import Ts,{useMemo as ES}from"react";import{checkWaitingForNetworkChange as cS,makeQueueDefinition as uS}from"@rango-dev/queue-manager-rango-preset";import{Provider as mS}from"@rango-dev/queue-manager-react";import{useWallets as dS}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as fS}from"@rango-dev/wallets-shared";import{isEvmBlockchain as gS}from"rango-types";import hS,{useMemo as yS}from"react";function SS(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:s,getWalletInfo:a}=dS(),l=yS(()=>uS({API_KEY:t.apiKey||$t("API_KEY"),BASE_URL:$t("BASE_URL")}),[t.apiKey]),p=d().blockchains(),u={blockchains:z.use.connectedWallets().map(T=>({accounts:[T],name:T.chain}))},m=i(async(T,w)=>{if(s(T,w))return r(T,w)},"switchNetwork"),g=i(T=>!!a(T).mobileWallet,"isMobileWallet"),f=p.filter(T=>T.enabled).reduce((T,w)=>(T[w.name]=w,T),{}),k=p.filter(gS),S=i(T=>{let{supportedChains:w}=a(T);return qo(w)},"getSupportedChainNames"),h=e(),A={meta:{blockchains:f,evmBasedChains:k,evmNetworkChainInfo:fS(k),getSupportedChainNames:S},getSigners:o,wallets:u,providers:h,switchNetwork:m,canSwitchNetworkTo:s,connect:r,state:n,isMobileWallet:g};return hS.createElement(mS,{queuesDefs:[l],context:A,onPersistedDataLoaded:T=>{cS(T)},isPaused:!1},t.children)}i(SS,"QueueManager");var Mu=SS;import{useManager as xS}from"@rango-dev/queue-manager-react";import vS,{createContext as AS,useContext as bS}from"react";import{cancelSwap as CS,getCurrentBlockchainOfOrNull as kS,getCurrentStep as TS,getRelatedWalletOrNull as wS}from"@rango-dev/queue-manager-rango-preset";var Bo=class{constructor(e,o){this.manager=e,this.actions=o}getAllSwaps(){return Qt(this.manager)}getCurrentStep(e){return this.getCurrentStepInfo(e).step}getCurrentStepWallet(e){return this.getCurrentStepInfo(e).wallet}getCurrentStepNetwork(e){return this.getCurrentStepInfo(e).network}retry(e,o){return this.actions.retrySwap(e,o)}cancel(e){let o=this.manager?.get(e);o&&CS(o)}getCurrentStepInfo(e){let o=TS(e);return{step:o,wallet:o?wS(e,o):null,network:o?kS(e,o):null}}};i(Bo,"WidgetHistory");var _u=AS(void 0);function ks(t){let{manager:e}=xS(),o=O.use.retry(),n=new Bo(e,{retrySwap:o}),r=z.use.connectedWallets(),s=z.use.loading(),a=Os(r),l=z.use.getWalletsDetails(),p=d().blockchains(),c=d().tokens(),u=d().swappers(),m=d().fetchStatus,g={history:n,wallets:{isLoading:s,details:r,totalBalance:a,refetch:l},meta:{blockchains:p,tokens:c,swappers:u,loadingStatus:m}};return vS.createElement(_u.Provider,{value:g},t.children)}i(ks,"WidgetInfo");function Du(){let t=bS(_u);if(!t)throw new Error("useWidget can only be used within the WidgetProvider component");return t}i(Du,"useWidget");function ur(t){let{onUpdateState:e,config:o}=t;return ES(()=>{As({API_KEY:o?.apiKey||Lo,BASE_URL:o?.apiUrl||vs})},[o]),Ts.createElement(ln,{config:o,onUpdateState:e},Ts.createElement(Mu,{apiKey:o.apiKey},Ts.createElement(ks,null,t.children)))}i(ur,"WidgetProvider");function Fu(t){return t.config?.externalWallets?ws.createElement(cr,null):ws.createElement(ur,{config:t.config??fr},ws.createElement(cr,null))}i(Fu,"Widget");export{oD as MainEvents,mD as Networks,gD as PendingSwapNetworkStatus,nD as RouteEventType,rD as StepEventType,iD as StepExecutionBlockedEventStatus,sD as StepExecutionEventStatus,cD as WalletEvents,dD as WalletTypes,Fu as Widget,ur as WidgetProvider,ln as WidgetWallets,Fr as customizedThemeTokens,pD as readAccountAddress,bl as useWallets,Du as useWidget,aD as useWidgetEvents};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|