@rango-dev/widget-embedded 0.17.1-next.30 → 0.17.1-next.31

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.
Files changed (43) hide show
  1. package/dist/components/ConfirmWalletsModal/ConfirmWallets.styles.d.ts +314 -0
  2. package/dist/components/ConfirmWalletsModal/ConfirmWallets.styles.d.ts.map +1 -1
  3. package/dist/components/ConfirmWalletsModal/ConfirmWalletsModal.d.ts.map +1 -1
  4. package/dist/components/LoadingSwapDetails/LoadingSwapDetailStep.d.ts.map +1 -1
  5. package/dist/components/LoadingSwapDetails/LoadingSwapDetails.d.ts.map +1 -1
  6. package/dist/components/LoadingSwapDetails/LoadingSwapDetails.styles.d.ts +1727 -0
  7. package/dist/components/LoadingSwapDetails/LoadingSwapDetails.styles.d.ts.map +1 -1
  8. package/dist/components/Quote/Quote.d.ts.map +1 -1
  9. package/dist/components/Quote/Quote.styles.d.ts +471 -0
  10. package/dist/components/Quote/Quote.styles.d.ts.map +1 -1
  11. package/dist/components/Quote/QuoteSummary.styles.d.ts +157 -0
  12. package/dist/components/Quote/QuoteSummary.styles.d.ts.map +1 -1
  13. package/dist/components/SwapDetails/SwapDetails.Placeholder.d.ts.map +1 -1
  14. package/dist/components/SwapDetails/SwapDetails.d.ts.map +1 -1
  15. package/dist/components/SwapDetails/SwapDetails.styles.d.ts +628 -0
  16. package/dist/components/SwapDetails/SwapDetails.styles.d.ts.map +1 -1
  17. package/dist/components/SwapsGroup/SwapsGroup.styles.d.ts +157 -0
  18. package/dist/components/SwapsGroup/SwapsGroup.styles.d.ts.map +1 -1
  19. package/dist/components/TokenList/TokenList.d.ts.map +1 -1
  20. package/dist/components/TokenList/TokenList.styles.d.ts +942 -0
  21. package/dist/components/TokenList/TokenList.styles.d.ts.map +1 -1
  22. package/dist/index.js +1 -1
  23. package/dist/index.js.map +3 -3
  24. package/dist/pages/ConfirmSwapPage.d.ts.map +1 -1
  25. package/package.json +2 -2
  26. package/src/components/BlockchainList/BlockchainList.styles.ts +2 -2
  27. package/src/components/ConfirmWalletsModal/ConfirmWallets.styles.ts +12 -6
  28. package/src/components/ConfirmWalletsModal/ConfirmWalletsModal.tsx +4 -2
  29. package/src/components/LoadingSwapDetails/LoadingSwapDetailStep.tsx +14 -7
  30. package/src/components/LoadingSwapDetails/LoadingSwapDetails.styles.ts +63 -60
  31. package/src/components/LoadingSwapDetails/LoadingSwapDetails.tsx +17 -8
  32. package/src/components/Quote/Quote.styles.ts +22 -19
  33. package/src/components/Quote/Quote.tsx +6 -3
  34. package/src/components/Quote/QuoteSummary.styles.ts +9 -8
  35. package/src/components/Quote/QuoteSummary.tsx +2 -2
  36. package/src/components/SwapDetails/SwapDetails.Placeholder.tsx +5 -3
  37. package/src/components/SwapDetails/SwapDetails.styles.ts +37 -33
  38. package/src/components/SwapDetails/SwapDetails.tsx +14 -6
  39. package/src/components/SwapsGroup/SwapsGroup.styles.ts +4 -2
  40. package/src/components/SwapsGroup/SwapsGroup.tsx +3 -3
  41. package/src/components/TokenList/TokenList.styles.ts +52 -43
  42. package/src/components/TokenList/TokenList.tsx +13 -5
  43. package/src/pages/ConfirmSwapPage.tsx +24 -19
package/dist/index.js CHANGED
@@ -1,2 +1,2 @@
1
- var Qu=Object.defineProperty;var i=(t,e)=>Qu(t,"name",{value:e,configurable:!0});import{MainEvents as d$,RouteEventType as f$,StepEventType as g$,StepExecutionBlockedEventStatus as h$,StepExecutionEventStatus as y$,useEvents as S$}from"@rango-dev/queue-manager-rango-preset";import{readAccountAddress as k$,useWallets as Za,Events as T$}from"@rango-dev/wallets-react";import{Networks as v$,WalletTypes as x$}from"@rango-dev/wallets-shared";import{Events as Cr,Provider as Ec}from"@rango-dev/wallets-react";import{isEvmBlockchain as Ac}from"rango-sdk";import Ro,{createContext as Ic,useEffect as na,useRef as Wc}from"react";import{useEffect as Xo,useLayoutEffect as Rs,useMemo as Yo,useRef as Jo}from"react";import pc,{createContext as uc,useContext as cc,useEffect as mc,useRef as dc}from"react";import{create as ac}from"zustand";import{persist as lc}from"zustand/middleware";var or={apiKey:"",multiWallets:!0,enableNewLiquiditySources:!0},ts=i((t,e,o)=>({config:{...or,...t},updateConfig:n=>{let r=o().config;e({config:{...r,...n}})}}),"createConfigSlice");import{RangoClient as Vu}from"rango-sdk";var Eo="c6381a79-2817-4602-83bf-6a641a409e32",os="https://api.rango.exchange";var nr={API_KEY:Eo};function Wt(t){return nr[t]||""}i(Wt,"getConfig");function ns(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),nr=e,nr}i(ns,"initConfig");var rs=20,is=25,ss="Roboto",rr="theme-widget";var Ao,Nt=i(()=>Ao||(Ao=new Vu(Wt("API_KEY"),Wt("BASE_URL")),Ao),"httpService");function Lt(t){return Array.from(new Set(t))}i(Lt,"removeDuplicateFrom");function ir(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}i(ir,"areEqual");function as(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}i(as,"debounce");function Ct(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}i(Ct,"containsText");var j=i(()=>document.getElementById("swap-box"),"getContainer");function Io(t,e){let o=t.map(s=>s.swapperGroup),n=[];return Lt(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(Io,"getUniqueSwappersGroups");function ls(t,e){return t.swapperGroup<e.swapperGroup?-1:t.swapperGroup>e.swapperGroup?1:0}i(ls,"sortLiquiditySourcesByGroupTitle");function Ne(t,e){return e?.[t]==="hidden"}i(Ne,"isFeatureHidden");function Wo(t,e){return e?.[t]==="enabled"}i(Wo,"isFeatureEnabled");import{WalletState as Ke}from"@rango-dev/ui";import{readAccountAddress as Xu}from"@rango-dev/wallets-react";import{detectInstallLink as Yu,getCosmosExperimentalChainInfo as Ju,isEvmAddress as Zu,KEPLR_COMPATIBLE_WALLETS as Ky,Networks as cs}from"@rango-dev/wallets-shared";import sr from"bignumber.js";import{isCosmosBlockchain as Ru}from"rango-types";import ju from"bignumber.js";var Ie=new ju(0);import{WalletTypes as Ku}from"@rango-dev/wallets-shared";var ps=[Ku.LEAP];import{BigNumber as us}from"bignumber.js";var No=i(t=>{let e=(t%60).toString().padStart(2,"0");return`${parseInt((t/60).toString()).toString().padStart(2,"0")}:${e}`},"secondsToString"),N=i((t,e=null,o=null)=>{if(t==null||t==="")return"";let n=new us(t),r=1,s=1e3;for(let a=0;a<60;a++)if(new us(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 Lo=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"),Kt=i(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function Bo(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(Bo,"limitDecimalPlaces");function ec(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(ec,"mapStatusToWalletState");function ms(t,e,o,n){return o.filter(r=>!ps.includes(r)).filter(r=>{let{supportedChains:s,isContractWallet:a}=e(r),{installed:l,network:p}=t(r);return a&&(!l||!!n&&p!==n)?!1:n?!!s.find(c=>c.name===n):!0}).map(r=>{let{name:s,img:a,installLink:l}=e(r),p=ec(t(r));return{title:s,image:a,link:Yu(l),state:p,type:r}})}i(ms,"mapWalletTypesToWalletInfo");function $o(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}i($o,"walletAndSupportedChainsNames");function ds(t,e,o,n,r){let s=[];function a(p,u){if(!!!s.find(m=>m.chain===p)){let m={address:u,chain:p,walletType:t};s.push(m)}}i(a,"addAccount");let l=n||[];return e.forEach(p=>{let{address:u,network:c}=Xu(p),m=l.length>0,g=l.includes(c),f=c===cs.Unknown;if(m&&!g&&!f)return;let y=c===cs.Unknown&&Zu(u);if(f&&!y)return;o.includes(c)||y?r?a(c,u.toLowerCase()):l.filter(T=>o.includes(T)).forEach(T=>{a(T,u.toLowerCase())}):a(c,u)}),s}i(ds,"prepareAccountsForWalletStore");function fs(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(fs,"getRequiredChains");function _o(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}i(_o,"isAccountAndWalletMatched");function gs(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:oc(o,r.asset.symbol,r.asset.address,e)||null}))||[]}i(gs,"makeBalanceFor");function hs(t){return{...t,loading:!1,error:!0}}i(hs,"resetConnectedWalletState");var ys=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=N(n?.flatMap(s=>s.accounts)?.flatMap(s=>s?.balances)?.map(s=>new sr(s?.amount||Ie).multipliedBy(s?.usdPrice||0))?.reduce((s,a)=>s.plus(a),Ie)||Ie).toString();return tc(r)},"calculateWalletUsdValue");function tc(t){let e=t.toString().split(".");return e[0]=e[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),e.join(".")}i(tc,"numberWithThousandSeparator");var oc=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice"),Do=i((t,e)=>{let o=Ju(Object.entries(t).map(([,n])=>n).filter(Ru));return o&&o[e]?.experimental},"isExperimentalChain");function Fo(t){return t?{...t,amount:N(t.amount,8,8),usdValue:N(t.usdValue,4,4)}:null}i(Fo,"formatBalance");function Ss(t,e){return t.sort((o,n)=>{let r=e(o),s=e(n);return r?.usdValue&&s?.usdValue?parseFloat(s.usdValue)-parseFloat(r.usdValue):!r?.usdValue&&s?.usdValue?1:r?.usdValue&&!s?.usdValue?-1:!r?.usdValue&&!s?.usdValue?parseFloat(s?.amount||"0")-parseFloat(r?.amount||"0"):0}),t}i(Ss,"sortTokensByBalance");function Le(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}i(Le,"tokensAreEqual");function Cs(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(Cs,"sortWalletsBasedOnConnectionState");function Uo(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(Uo,"getConciseAddress");function ks({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}i(ks,"getAddress");function ar(t){return`${t.blockchain}-${t.symbol}-${t.address??""}`}i(ar,"createTokenHash");function Oo(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??Ie).multipliedBy(o?.amount).toString():""},r=o?ar({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(Oo,"makeTokensBalance");var Ts=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(u=>Le(u,p))||o.blockchain&&p.blockchain!==o.blockchain||!a.some(u=>u.name===p.blockchain)?!1:o.searchFor?!!(Ct(p.symbol,o.searchFor)||Ct(p.address||"",o.searchFor)||Ct(p.name||"",o.searchFor)):!0).sort((p,u)=>e().isTokenPinned(p)?-1:e().isTokenPinned(u)||p.isSecondaryCoin?1:u.isSecondaryCoin||!p.address&&u.address?-1:p.address&&!u.address?1:0)},isTokenPinned:o=>!!e().config.pinnedTokens?.some(r=>Le(r,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(ls)},fetch:async()=>{try{let o=await Nt().getAllMetadata();t({fetchStatus:"success"});let n=[],r=[],s=o.popularTokens,a=o.swappers,l=new Set;o.tokens.forEach(p=>{l.add(p.blockchain),r.push(p)}),o.blockchains.forEach(p=>{p.enabled&&l.has(p.name)&&n.push(p)}),n.sort((p,u)=>p.sort-u.sort),t({_blockchains:n,_tokens:r,_popularTokens:s,_swappers:a})}catch(o){throw t({fetchStatus:"failed"}),o}}}),"createDataSlice");import{English as nc,French as rc,Japanese as ic,Spanish as sc}from"@rango-dev/ui";var ws=[{title:"English",label:"English",local:"en",SVGFlag:nc},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:sc},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:rc},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:ic}],Bt="en";var vs=[.5,1,3],xs=1,bs=5,Es=100,As=0;var Is=i((t,e)=>({disabledLiquiditySources:[],theme:"auto",language:Bt,preferredBlockchains:[],slippage:xs,customSlippage:null,infiniteApprove:!1,affiliateRef:null,affiliatePercent:null,affiliateWallets:null,addPreferredBlockchain:o=>{let n=e().preferredBlockchains;if(n.find((a,l)=>{let p=a===o,u=l<=10-1;return p&&u}))return;let s=n.filter(a=>!(a===o));t(()=>({preferredBlockchains:[o,...s]}))},setSlippage:o=>t(()=>({slippage:o})),setCustomSlippage:o=>t(()=>({customSlippage:o})),setAffiliateRef:o=>t(()=>({affiliateRef:o})),setAffiliatePercent:o=>t(()=>({affiliatePercent:o})),setAffiliateWallets:o=>t(()=>({affiliateWallets:o})),toggleAllLiquiditySources:(o,n)=>t(r=>{if(n)return{disabledLiquiditySources:[]};let s=Lt(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:Bt},...a&&{disabledLiquiditySources:[]}})}}),"createSettingsSlice");function Ws(t){return ac()(lc((...e)=>({...Ts(...e),...Is(...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(Ws,"createAppStore");var Ns=uc(null);function d(){let t=cc(Ns);if(mc(()=>{t&&!t.persist.hasHydrated()&&t.persist.rehydrate()},[]),!t)throw new Error("Missing AppStoreContext.Provider in the tree");return t()}i(d,"useAppStore");function Ls(t){let e=dc();return e.current||(e.current=Ws(t.config)),pc.createElement(Ns.Provider,{value:e.current},t.children)}i(Ls,"AppStoreProvider");import mt from"bignumber.js";import{create as kc}from"zustand";import{subscribeWithSelector as Tc}from"zustand/middleware";import{getLastSuccessfulStep as Sc}from"@rango-dev/queue-manager-rango-preset";import mC from"bignumber.js";var pt=(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))(pt||{});function Bs(t,e){return e.find(o=>o.name===t)?.displayName}i(Bs,"getBlockchainDisplayNameFor");function Xe(t,e){return e.find(o=>o.name===t)?.shortName}i(Xe,"getBlockchainShortNameFor");function Ps(t,e){return e.find(o=>o.id===t)?.swapperGroup}i(Ps,"getSwapperDisplayName");function pr(t,e){return e.find(o=>Le(o,t))??null}i(pr,"findToken");function ur(t,e){return e.find(o=>o.name===t)??null}i(ur,"findBlockchain");import{i18n as Fe}from"@lingui/core";import Te from"bignumber.js";import{PendingSwapNetworkStatus as Go}from"rango-types";function qo(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(qo,"getRequiredWallets");function zo(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}i(zo,"isValidAddress");import{i18n as ce}from"@lingui/core";var Q=i(()=>({genericServerError:ce.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:ce.t("Please reset your liquidity sources."),description:ce.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources.")},noResultError:{title:ce.t("No Routes Found."),description:ce.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:ce.t("Bridge Limit Error: Please increase your amount."),decreaseAmount:ce.t("Bridge Limit Error: Please decrease your amount.")},highValueLossError:{impactTitle:ce.t("High Price Impact"),title:ce.t("Price impact is too high!"),description:ce.t("The price impact is significantly higher than the allowed amount. If you are sure, continue, otherwise, change the swap."),confirmMessage:ce.t("Confirm high price impact")},quoteUpdatedWithHighValueLoss:{title:ce.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:ce.t("USD Price Unknown"),title:ce.t("USD Price Unknown, Cannot calculate Price Impact."),description:ce.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:ce.t("Confirm USD Price Unknown")}}),"errorMessages");function Ms(t){switch(t.type){case 0:return t.diagnosisMessage??Q().noResultError.title;case 1:return Q().genericServerError;default:return""}}i(Ms,"getQuoteErrorMessage");import{i18n as Ho}from"@lingui/core";var kt=i(()=>({connectWallet:Ho.t("Connect Wallet"),swap:Ho.t("Swap"),swapAnyway:Ho.t("Swap anyway"),ethWarning:Ho.t("The route goes through Ethereum. Continue?")}),"swapButtonTitles");function $s(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($s,"hasHighValueLoss");function cr(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(cr,"hasLimitError");function mr(t){let e=(t.result?.swaps||[]).filter(l=>{let p=l.fromAmountMinValue?new Te(l.fromAmountMinValue):null,u=l.fromAmountMaxValue?new Te(l.fromAmountMaxValue):null;return l.fromAmountRestrictionType==="EXCLUSIVE"?p?.gte(l.fromAmount)||u?.lte(l.fromAmount):p?.gt(l.fromAmount)||u?.lt(l.fromAmount)})[0],o=e.fromAmountMinValue?new 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:N(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:N(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:N(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:N(n,6,6),symbol:e.from.symbol}}),a=Q().bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:s,recommendation:a}}i(mr,"getLimitErrorMessage");function _s(t){let{fetchMetaStatus:e,anyWalletConnected:o,fetchingQuote:n,inputAmount:r,quote:s,warning:a,error:l,needsToWarnEthOnPath:p}=t;return e!=="success"?{title:kt().connectWallet,action:"connect-wallet",disabled:!0}:o?n||!s||!s.result||l||!r||r==="0"?{title:kt().swap,action:"confirm-swap",disabled:!0}:a?{title:kt().swapAnyway,action:"confirm-warning",disabled:!1}:p?{title:kt().ethWarning,action:"confirm-warning",disabled:!1}:{title:kt().swap,action:"confirm-swap",disabled:!1}:{title:kt().connectWallet,action:"connect-wallet",disabled:!1}}i(_s,"getSwapButtonState");function dr(t,e,o){return!((!o||o.lte(Ie))&&t?.result&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t.result)}i(dr,"canComputePriceImpact");function fc(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(fc,"requiredWallets");var gc=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice");function hc(t,e){let o=Ie;for(let n=0;n<t.fee.length;n++){let r=t.fee[n];if(r.expenseType==="DECREASE_FROM_OUTPUT")continue;let s=gc(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new Te(r.amount).multipliedBy(s||0))}return o}i(hc,"getUsdFeeOfStep");function Qo(t,e){return t.reduce((o,n)=>o.plus(hc(n,e)),Ie)}i(Qo,"getTotalFeeInUsd");function fr(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(fr,"checkSlippageErrors");function Ds(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(Ds,"checkSlippageWarnings");function Vo(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(Vo,"getMinRequiredSlippage");function Fs(t,e){return e?parseFloat(t)>=parseFloat(e):!0}i(Fs,"hasProperSlippage");function jo(t){let{fromToken:e,toToken:o,inputAmount:n,wallets:r,selectedWallets:s,disabledLiquiditySources:a,liquiditySources:l,excludeLiquiditySources:p,slippage:u,affiliateRef:c,affiliatePercent:m,affiliateWallets:g,initialQuote:f,destination:k}=t,y=s?.reduce((S,w)=>(S[w.chain]=w.address,S),{}),h=[];r?.forEach(S=>{let w=h.find(A=>A.blockchain===S.chain);w?w.addresses.push(S.address):h.push({blockchain:S.chain,addresses:[S.address]})});let b=!!f,T=Lt((f?.result?.swaps||[]).reduce((S,w)=>(S.push(w.from.blockchain,w.to.blockchain),w.internalSwaps&&Array.isArray(w.internalSwaps)&&w.internalSwaps.map(A=>{S.push(A.from.blockchain,A.to.blockchain)}),S),[]));return{amount:n.toString(),affiliateRef:c??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:y??{},slippage:u.toString(),...k&&{destination:k},...p&&{swapperGroups:a.concat(l??[]),swappersGroupsExclude:!0},...!p&&{swapperGroups:l?.filter(S=>!a.includes(S)),swappersGroupsExclude:!1},...b&&{blockchains:T}}}i(jo,"createQuoteRequestBody");function Us(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}i(Us,"getWalletsForNewSwap");function Pt(t){return t.result?.outputAmount||null}i(Pt,"getQuoteOutputAmount");function Os(t,e){return new Te(e).div(new Te(t)).minus(1).multipliedBy(100).toNumber()}i(Os,"getPercentageChange");function qs(t,e){let o=Pt(t),n=Pt(e);if(!o||!n)return!1;let r=Be(o,n);return r?r<=-1:!0}i(qs,"isOutputAmountChangedALot");function zs(t,e,o){let n=t.validationStatus,r=fs(t);return e.sort((a,l)=>r.indexOf(a.chain)-r.indexOf(l.chain)).flatMap(a=>Ks(a,n)||[]).filter(a=>!a.ok).map(a=>{let l=a.asset.symbol,p=N(new Te(a.currentAmount.amount).shiftedBy(-a.currentAmount.decimals),8,8),u=N(new Te(a.requiredAmount.amount).shiftedBy(-a.requiredAmount.decimals),8,8),c="";return a.reason==="FEE"&&(c=Fe.t(" for network fee")),a.reason==="INPUT_ASSET"&&(c=Fe.t(" for swap")),a.reason==="FEE_AND_INPUT_ASSET"&&(c=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:u,symbol:l,reason:c,currentAmount:p,blockchain:Xe(a.asset.blockchain,o)}})})}i(zs,"generateBalanceWarnings");function Hs(t,e){return(t?new Te(t):Ie).multipliedBy(e||0)}i(Hs,"calcOutputUsdValue");function Xt(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==Go.NetworkChanged}i(Xt,"isNetworkStatusInWarningState");function Gs(t,e){let o="bellow button or",n=t.extraMessage,r=t.extraMessageDetail;if(t.networkStatusExtraMessageDetail?.includes(o)&&(t.networkStatusExtraMessageDetail=t.networkStatusExtraMessageDetail.replace(o,"")),Xt(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case Go.WaitingForConnectingWallet:n=n||Fe.t("Waiting for connecting wallet");break;case Go.WaitingForQueue:n=n||Fe.t("Waiting for other running tasks to be finished");break;case Go.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(Gs,"getSwapMessages");function Qs(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(Qs,"getLastConvertedTokenInFailedSwap");function Vs(t){return t.status==="failed"&&!!t.finishTime&&new Date().getTime()-parseInt(t.finishTime)<4*3600*1e3}i(Vs,"shouldRetrySwap");function js(t,e,o,n,r,s){return t||!e&&!fc(n).every(a=>r.map(l=>l.chain).includes(a))||!!e&&!o||!!e&&!!o&&s&&!zo(s,o)}i(js,"confirmSwapDisabled");function gr(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(gr,"searchParamsToToken");function Ys(t){return t?.result?.swaps[t?.result?.swaps.length-1].to.usdPrice}i(Ys,"getQuoteToTokenUsdPrice");function hr(t,e){let o=t.result?.swaps||[],n=e.result?.swaps||[];return o.length!==n.length}i(hr,"isNumberOfSwapsChanged");function yr(t,e){let o=t.result?.swaps.map(r=>r.swapperId)||[],n=e.result?.swaps.map(r=>r.swapperId)||[];return!ir(o,n)}i(yr,"isQuoteSwappersUpdated");function Sr(t,e){let o=t.result?.swaps.map(r=>r.to.symbol)||[],n=e.result?.swaps.map(r=>r.to.symbol)||[];return!ir(o,n)}i(Sr,"isQuoteInternalCoinsUpdated");function Js(t,e){return hr(t,e)||yr(t,e)||Sr(t,e)}i(Js,"isQuoteChanged");function Ks(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(Ks,"getRequiredBalanceOfWallet");function ot(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}i(ot,"getPriceImpactLevel");function Zs(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],s=Sc(t.steps),a={blockchain:r.toBlockchain,symbol:r.toSymbol,address:r.toSymbolAddress},l=ur(s?s.toBlockchain:n.fromBlockchain,e),p=ur(r.toBlockchain,e),u=pr(s?{blockchain:l?.name??"",symbol:s.toSymbol,address:s.toSymbolAddress}:{blockchain:l?.name??"",symbol:n.fromSymbol,address:n.fromSymbolAddress},o),c=pr(a,o),m=s?s.outputAmount??"":t.inputAmount;return{fromBlockchain:l,fromToken:u,toBlockchain:p,toToken:c,inputAmount:m}}i(Zs,"createRetryQuote");function Ko(t,e){let{fromToken:o,toToken:n,tokens:r,userSlippage:s}=e,a=Tt(o,t.requestAmount),l=Tt(n,t.result?.outputAmount??"");if(t.result&&a&&l){let c=Be(a.toString(),l.toString());if(!!c&&$s(a,c)){let g=Qo(t.result.swaps,r),f=ot(c);return{type:0,inputUsdValue:a,outputUsdValue:l,priceImpact:c,totalFee:g,warningLevel:f}}}else if(t.result&&(!a||!l))return{type:1};let p=Vo(t),u=s>bs;if(Fs(e.userSlippage.toString(),p)){if(u&&parseFloat(p??"0")<s)return{type:3,slippage:s.toString()}}else return{type:2,recommendedSlippages:Ds(t,s),minRequiredSlippage:p};return null}i(Ko,"generateQuoteWarnings");function Be(t,e){let o=typeof e=="string"?parseFloat(e)<=0:!e?.gt(0),n=!t||!e||o?null:Os(t.toString(),e.toString());return n&&n<0?n:null}i(Be,"getPriceImpact");var Cc=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"),ct=Cc;var Tt=i((t,e)=>t?.usdPrice?new mt(e||Ie).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),O=ct(kc()(Tc(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new mt(0),outputUsdValue:new mt(0),toBlockchain:null,toToken:null,quote:null,quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:"",quoteWarningsConfirmed:!1,setQuote:e=>t(o=>{let n=null,r=Ie;return Kt(o.inputAmount)?(e&&(n=e.result?.outputAmount?new mt(e.result?.outputAmount):null,r=Hs(e.result?.outputAmount,Ys(e)||o.toToken?.usdPrice)),{quote:e,...!!e&&{outputAmount:n,outputUsdValue:r}}):{}}),resetQuote:()=>t(()=>({quote:null,outputAmount:null,outputUsdValue:new mt(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:Tt(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 mt(0),outputUsdValue:new mt(0),quote:null},...!!o.fromToken&&{inputUsdValue:Tt(o.fromToken,e)}}))},retry:(e,o)=>{let{tokens:n,blockchains:r}=o,{fromBlockchain:s,fromToken:a,toBlockchain:l,toToken:p,inputAmount:u}=Zs(e,r,n);t({fromBlockchain:s,fromToken:a,inputAmount:u,outputAmount:null,inputUsdValue:Tt(a??null,u),outputUsdValue:new mt(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:Tt(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 ea(){let{setInputAmount:t,setToToken:e,setToBlockchain:o,setFromBlockchain:n,setFromToken:r,fromToken:s,toToken:a,fromBlockchain:l,toBlockchain:p}=O(),u=d().config,c=d().fetchStatus,m=d().blockchains(),g=d().tokens(),{setAffiliateRef:f,setAffiliatePercent:k,setAffiliateWallets:y}=d(),h=Yo(()=>u?.from?.tokens,[u?.from?.tokens]),b=Yo(()=>u?.from?.blockchains,[u?.from?.blockchains]),T=Yo(()=>u?.to?.tokens,[u?.to?.tokens]),v=Yo(()=>u?.to?.blockchains,[u?.to?.blockchains]),S=Jo(void 0),w=Jo(void 0),A=Jo(void 0),M=Jo(void 0);Xo(()=>{t(u?.amount?.toString()||"")},[u?.amount]),Rs(()=>{if(c==="success"){let C=m.find($=>$.name===u?.from?.blockchain),P=g.find($=>Le($,u?.from?.token||null));(C||!C&&A.current)&&n(C??null),P?r({token:P,meta:{blockchains:m,tokens:g}}):!P&&S.current&&r({token:null}),A.current=u?.from?.blockchain,S.current=u?.from?.token}},[u?.from?.token?.symbol,u?.from?.token?.address,u?.from?.token?.blockchain,u?.from?.blockchain,c]),Xo(()=>{s&&h&&(h.some(C=>Le(C,s))||r({token:null})),l&&b&&(b.includes(l.name)||n(null))},[h,b]),Xo(()=>{a&&T&&(T.some(C=>Le(C,a))||e({token:null})),p&&v&&(v.includes(p.name)||o(null))},[T,v]),Rs(()=>{if(c==="success"){let C=m.find($=>$.name===u?.to?.blockchain),P=g.find($=>Le($,u?.to?.token||null));(C||!C&&M.current)&&o(C??null),P?e({token:P,meta:{blockchains:m,tokens:g}}):!P&&w.current&&e({token:null}),M.current=u?.to?.blockchain,w.current=u?.to?.token}},[u?.to?.token?.symbol,u?.to?.token?.address,u?.to?.token?.blockchain,u?.to?.blockchain,c]),Xo(()=>{f(u?.affiliate?.ref??null),k(u?.affiliate?.percent??null),y(u?.affiliate?.wallets??null)},[u?.affiliate?.ref,u?.affiliate?.percent,u?.affiliate?.wallets])}i(ea,"useSyncStoresWithConfig");import{useEffect as bc}from"react";import{create as wc}from"zustand";import{subscribeWithSelector as vc}from"zustand/middleware";var z=ct(wc()(vc((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:Oo(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=>_o(p,l))?{...l,loading:!0}:l)}));try{let a=o.map(({address:u,chain:c})=>({address:u,blockchain:c})),p=(await Nt().getWalletsDetails(a)).wallets;if(p)t(u=>{let c=u.connectedWallets.map(g=>{let f=o.find(y=>_o(y,g)),k=p.find(y=>y.address===g.address&&y.blockChain===g.chain);return k?.failed&&f&&r&&s([f],n,!1),f&&k?{...g,explorerUrl:k.explorerUrl,balances:gs(k,n),loading:!1}:g});return{loading:!1,balances:Oo(c),connectedWallets:c}});else throw new Error("Wallet not found")}catch{t(l=>{let p=l.connectedWallets.map(c=>o.find(m=>_o(m,c))?hs(c):c);return{loading:!1,balances:Oo(p),connectedWallets:p}})}},getBalanceFor:o=>{let{balances:n}=e(),r=ar(o);return n[r]??null}}))));import{allProviders as xc}from"@rango-dev/provider-all";function Zo(t,e){let o=xc({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(Zo,"matchAndGenerateProviders");function ta(t,e){return Zo(t,e).map(r=>r.config.type)}i(ta,"configWalletsToWalletName");function oa(t,e){let o=z.use.clearConnectedWallet(),n=Zo(void 0,e);return bc(()=>{o(),n=Zo(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}i(oa,"useWalletProviders");var en=Ic({onConnectWallet:()=>{}});function Nc(t){let{updateConfig:e,updateSettings:o,fetch:n}=d(),r=d().blockchains(),s=d().tokens(),a={walletConnectProjectId:t.config?.walletConnectProjectId},{providers:l}=oa(t.config.wallets,a),{connectWallet:p,disconnectWallet:u}=z(),c=Wc();ea(),na(()=>{n().catch(console.log)},[]),na(()=>{t.config&&(e(t.config),o(t.config))},[t.config]);let m=r.filter(Ac).map(f=>f.name),g=i((f,k,y,h,b)=>{if(k===Cr.ACCOUNTS)if(y){let T=$o(b.supportedBlockchains),v=ds(f,y,m,T,b.isContractWallet);p(v,s)}else u(f);if(k===Cr.ACCOUNTS&&h.connected){let T=`${f}-${h.network}-${y}`;h.connected&&(c.current?c.current(T):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(k===Cr.NETWORK&&h.network){let T=`${f}-${h.network}`;c.current?c.current(T):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(f,k,y,h,b)},"onUpdateState");return Ro.createElement(en.Provider,{value:{onConnectWallet:f=>{c.current=f}}},Ro.createElement(Ec,{allBlockChains:r,providers:l,onUpdateState:g,autoConnect:!0},t.children))}i(Nc,"Main");function tn(t){let{config:e,...o}=t;return Ro.createElement(Ls,{config:e},Ro.createElement(Nc,{...o,config:e}))}i(tn,"WidgetWallets");import es from"react";import{I18nManager as ty}from"@rango-dev/ui";import xo,{useContext as oy,useEffect as Uu,useState as Ou}from"react";import{useQueueManager as Uc}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Oc}from"@rango-dev/wallets-react";import{isEvmBlockchain as qc}from"rango-types";import on,{Fragment as zc}from"react";import{MemoryRouter as Hc,useInRouterContext as Gc}from"react-router";import{useWallets as Bc}from"@rango-dev/wallets-react";import{useEffect as Pc,useRef as Mc}from"react";function ra(){let{connect:t,state:e}=Bc(),o=Mc({}),{fetchStatus:n}=d(),r=new URLSearchParams(location.search).get("autoConnect")||"",s=e(r);Pc(()=>{n==="success"&&r&&s.installed&&!s.connecting&&!s.connected&&!o.current[r]&&(o.current[r]=!0,t(r))},[s,n])}i(ra,"useForceAutoConnect");import{useEffect as kr,useRef as Tr}from"react";import{createSearchParams as _c,useLocation as Dc,useSearchParams as Fc}from"react-router-dom";var _={home:"/",fromSwap:"from-swap",toSwap:"to-swap",blockchains:"blockchains",settings:"settings",liquiditySources:"liquidity-sources",themes:"themes",bridges:"bridges",exchanges:"exchanges",languages:"languages",swaps:"swaps",wallets:"wallets",confirmSwap:"confirm-swap",swapDetails:":requestId"};import{create as $c}from"zustand";var we=ct($c()(t=>({connectWalletsButtonDisabled:!1,selectedSwapRequestId:null,currentPage:"",setSelectedSwap:e=>t({selectedSwapRequestId:e}),setCurrentPage:e=>t({currentPage:e})})));function ia(){let t=Tr(!0),[e,o]=Fc(),n=Dc(),r=Tr(n.search),s=Tr({}),a=O.use.fromBlockchain(),l=O.use.toBlockchain(),p=O.use.fromToken(),u=O.use.toToken(),c=O.use.setFromBlockchain(),m=O.use.setFromToken(),g=O.use.setToBlockchain(),f=O.use.setToToken(),k=O.use.inputAmount(),y=O.use.setInputAmount(),h=d().fetchStatus,b=d().blockchains(),T=d().tokens(),v=we.use.setSelectedSwap();return kr(()=>{let S={};_c(r.current).forEach((A,M)=>{S[M]=A}),s.current=S;let w=n.pathname.split(_.swaps+"/")[1]||null;w&&v(w)},[]),kr(()=>{if(!t.current){let S="",w="",A="",M="",C="",P=s.current["autoConnect"];h!=="success"?(S=s.current["fromBlockchain"],w=s.current["fromToken"],A=s.current["toBlockchain"],M=s.current["toToken"],C=s.current["fromAmount"]||k):(S=a?.name||"",w=(p?.symbol||"")+(p?.address?`--${p?.address}`:""),A=l?.name||"",M=(u?.symbol||"")+(u?.address?`--${u?.address}`:""),C=k),o({...S&&{["fromBlockchain"]:S},...w&&{["fromToken"]:w},...A&&{["toBlockchain"]:A},...M&&{["toToken"]:M},...C&&{["fromAmount"]:C.toString()},...P&&{["autoConnect"]:P}},{replace:!0})}t.current=!1},[n.pathname,k,a,p,l,u]),kr(()=>{if(h==="success"){let S=e.get("fromBlockchain"),w=e.get("fromToken"),A=e.get("toBlockchain"),M=e.get("toToken"),C=e.get("fromAmount"),P=b.find(F=>F.name===S),$=gr(T,w,P||null),W=b.find(F=>F.name===A),x=gr(T,M,W||null);P&&(c(P),$&&m({token:$,meta:{blockchains:b,tokens:T}})),W&&(g(W),x&&f({token:x,meta:{blockchains:b,tokens:T}})),C&&y(C)}},[h]),null}i(ia,"UpdateUrl");function sa({children:t,...e}){let o=Gc(),n=o?zc:Hc,r=d().blockchains(),{canSwitchNetworkTo:s}=Oc();ra();let a=r.filter(qc);return Uc({lastConnectedWallet:e.lastConnectedWallet,clearDisconnectedWallet:e.clearDisconnectedWallet,disconnectedWallet:e.disconnectedWallet,evmChains:a,canSwitchNetworkTo:s}),on.createElement(on.Fragment,null,on.createElement(n,null,t),o&&on.createElement(ia,null))}i(sa,"AppRouter");import Ee from"react";import{useRoutes as zh}from"react-router-dom";import{i18n as bn}from"@lingui/core";import{useManager as Yd}from"@rango-dev/queue-manager-react";import{Alert as ql,Button as zl,Divider as Jd,IconButton as Hl,RefreshIcon as Zd,SettingsIcon as Rd,styled as Gl,Tooltip as ef,Typography as tf,WalletIcon as of}from"@rango-dev/ui";import ee,{useEffect as so,useLayoutEffect as nf,useRef as rf,useState as En}from"react";import{flushSync as sf}from"react-dom";import{useNavigate as af}from"react-router-dom";import{i18n as nt}from"@lingui/core";import{Alert as $r,BalanceErrors as ed,Button as Ra,ChevronDownIcon as td,ChevronLeftIcon as od,Divider as Ft,MessageBox as nd,Modal as el,Typography as yn,WalletIcon as rd}from"@rango-dev/ui";import L,{useEffect as id,useLayoutEffect as sd,useRef as ad,useState as xt}from"react";import{useNavigate as ld}from"react-router-dom";import{i18n as nn}from"@lingui/core";function rn(t){switch(t.type){case 0:return nn.t("Route has been updated.");case 3:return nn.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return nn.t("Route swappers has been updated.");case 2:return nn.t("Route internal coins has been updated.");default:return""}}i(rn,"getQuoteUpdateWarningMessage");import*as $t from"@radix-ui/react-collapsible";import{Button as Vc,darkTheme as Mt,IconButton as jc,keyframes as aa,styled as fe,TextField as Kc}from"@rango-dev/ui";var Yt=300,Xc=aa({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),Yc=aa({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),la=fe("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),pa=fe("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}),ua=fe("button",{borderRadius:"$xm",padding:"$10",border:"0",display:"flex",justifyContent:"center",$$color:"$colors$neutral100",[`.${Mt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",alignItems:"center",cursor:"pointer",width:110,position:"relative","&:hover":{$$color:"$colors$info100",[`.${Mt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$color:"$colors$info100",[`.${Mt} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color",outline:0},variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary",outlineStyle:"solid"}}}}),ca=fe($t.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit"}),ma=fe("div",{padding:"$20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),da=fe(jc,{position:"absolute",left:"$20"}),fa=fe("div",{paddingTop:"$20","& .wallets-list":{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}}),ga=fe($t.Root,{backgroundColor:"$neutral200",borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),ha=fe(Vc,{width:"100%",borderRadius:"$sm !important",padding:"$15 !important",justifyContent:"space-between",alignItems:"center",$$color:"$colors$neutral100",[`.${Mt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color","&:hover":{$$color:"$colors$info100",[`.${Mt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$background:"$colors$info100",[`.${Mt} &`]:{$$background:"$colors$info700"},backgroundColor:"$$background",outline:0}}),ya=fe("div",{padding:"$10 $0","& .button__content":{display:"flex",justifyContent:"center",alignItems:"center"},"& .alarms":{paddingTop:"5px"}}),Sa=fe("div",{transition:`all ${Yt}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),Ca=fe("div",{display:"flex"}),ka=fe(Kc,{padding:"$0 $15 $15 $15"}),sn=fe($t.Content,{overflow:"hidden",variants:{open:{true:{animation:`${Xc} ${Yt}ms ease-out`},false:{animation:`${Yc} ${Yt}ms ease-out`}}}}),Ta=fe("div",{overflow:"visible",width:"100%"});import{i18n as qe}from"@lingui/core";import{Button as Jm,Divider as Pr,Image as Zm,MessageBox as hn,Modal as Ka,SelectableWallet as Rm,Typography as Xa,WalletState as Ya}from"@rango-dev/ui";import R,{useEffect as Ja,useState as Zt}from"react";import{WalletState as wa}from"@rango-dev/ui";import{useWallets as Jc}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as Zc,WalletTypes as Rc}from"@rango-dev/wallets-shared";import{useEffect as em,useState as tm}from"react";var om=Object.values(Rc);function an(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:s,disconnect:a,getWalletInfo:l,connect:p}=Jc(),{connectedWallets:u}=z(),c=d().blockchains(),m=ta(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||om,g=ms(s,l,m,o),f=Cs(g),[k,y]=tm(""),h=i(S=>!u.find(w=>w.walletType===S&&w.chain===o),"isExperimentalChainNotAdded"),b=i(async S=>{let w=s(S);try{if(k&&y(""),w.connected)await a(S);else{let A=!!g.find(M=>M.state===wa.CONNECTED);if(!e?.multiWallets&&A)return;n?.(S),await p(S),r?.(S)}}catch(A){y("Error: "+A?.message)}},"handleClick"),T=i(()=>{let S=g?.filter(w=>w.state===wa.CONNECTING)||[];for(let w of S)a(w.type)},"disconnectConnectingWallets");em(()=>()=>{T()},[]);let v=i((S,w,A)=>Do(A,w)&&h(S)&&!Zc.includes(S),"shouldExcludeWallet");return{list:f.filter(S=>!v(S.type,o??"",c)),error:k,handleClick:b}}i(an,"useWalletList");import{i18n as qa}from"@lingui/core";import{styled as Ha,Typography as Hm,Wallet as Gm,WalletState as Qm}from"@rango-dev/ui";import vt,{Fragment as Vm,useState as za}from"react";import{BottomLogo as Pm,Divider as Mm,Header as $m}from"@rango-dev/ui";import me from"react";import{useNavigate as nm}from"react-router-dom";function dt(){let t=nm();return()=>t(-1)}i(dt,"useNavigateBack");import{ChevronLeftIcon as sm}from"@rango-dev/ui";import ba from"react";import{darkTheme as rm,IconButton as im,styled as ln}from"@rango-dev/ui";var Ue=ln(im,{width:"$24",position:"relative",padding:"0",overflow:"unset"}),va=ln("div",{position:"absolute",background:"$secondary500",[`.${rm} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),_t=ln("div",{display:"flex",justifyContent:"flex-end",width:"$40"}),xa=ln("div",{position:"absolute",backgroundColor:"$secondary500",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0"});function wr(t){return ba.createElement(Ue,{variant:"ghost",size:"small",onClick:t.onClick},ba.createElement(sm,{color:"black",size:16}))}i(wr,"BackButton");import{i18n as am}from"@lingui/core";import{Button as lm,Typography as pm}from"@rango-dev/ui";import vr from"react";function xr(t){return vr.createElement(_t,null,vr.createElement(lm,{variant:"ghost",onClick:t.onClick,size:"xsmall"},vr.createElement(pm,{variant:"label",size:"medium",color:"error500"},am.t("Cancel"))))}i(xr,"CancelButton");import{i18n as um}from"@lingui/core";import{Tooltip as cm,WalletIcon as mm}from"@rango-dev/ui";import pn from"react";function br(t){return pn.createElement(cm,{container:t.container,side:"top",content:um.t("Connect Wallet")},pn.createElement(Ue,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&pn.createElement(va,null),pn.createElement(mm,{size:18,color:"black"})))}i(br,"WalletButton");import{i18n as mn}from"@lingui/core";import{NotificationsIcon as Am,Popover as Im,RefreshIcon as Wm,SettingsIcon as Nm,Tooltip as dn,TransactionIcon as Lm}from"@rango-dev/ui";import pe from"react";import{i18n as km}from"@lingui/core";import{ChainToken as La,ChevronRightIcon as Tm,ListItemButton as wm,Typography as vm}from"@rango-dev/ui";import Oe from"react";import{useNavigate as xm}from"react-router-dom";import{create as dm}from"zustand";import{persist as fm,subscribeWithSelector as gm}from"zustand/middleware";var Pe=ct(dm()(fm(gm((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 un}from"@rango-dev/ui";var Ea=un("div",{padding:"$10",width:"350px",minHeight:"150px"}),Aa=un("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),Ia=un("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),Wa=un("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as hm}from"@lingui/core";import{Divider as ym,NoNotificationIcon as Sm,Typography as Cm}from"@rango-dev/ui";import cn from"react";function Na(){return cn.createElement(Wa,null,cn.createElement(Sm,{color:"secondary",size:26}),cn.createElement(ym,{size:12}),cn.createElement(Cm,{variant:"body",size:"medium",color:"neutral700"},hm.t("You have no notification")))}i(Na,"NotificationNotFound");var bm=4;function Er(){let t=xm(),e=we.use.setSelectedSwap(),{getUnreadNotifications:o}=Pe(),n=o(),r=d().blockchains(),s=d().tokens(),a=n.sort((p,u)=>u.creationTime-p.creationTime).slice(0,bm),l=i(p=>{e(p),t(`${_.swaps}/${p}`)},"handleOnClick");return Oe.createElement(Ea,null,a.length?Oe.createElement(Aa,null,a.map(p=>{let u=s.find(f=>f.address===p.route.from.tokenAddress&&f.blockchain===p.route.from.blockchain&&f.symbol===p.route.from.tokenSymbol),c=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(wm,{key:p.requestId,onClick:()=>l(p.requestId),title:Oe.createElement(vm,{variant:"body",size:"small",color:"$neutral700"},km.t(p.event.message)),id:p.requestId,start:Oe.createElement(Ia,null,Oe.createElement("div",{className:"from-chain-token"},Oe.createElement(La,{tokenImage:u?u.image:"",chainImage:c?c.logo:"",size:"small"})),Oe.createElement("div",{className:"to-chain-token"},Oe.createElement(La,{tokenImage:m?m.image:"",chainImage:g?g.logo:"",size:"small"}))),end:Oe.createElement(Tm,{size:12,color:"gray"})})})):Oe.createElement(Na,null))}i(Er,"NotificationContent");import{Typography as Em}from"@rango-dev/ui";import Ba from"react";function Pa(){let{getUnreadNotifications:t}=Pe(),e=t().length;return e?Ba.createElement(xa,null,Ba.createElement(Em,{variant:"body",size:"xsmall",color:"$background"},e)):null}i(Pa,"UnreadNotificationsBadge");function Ar(t){let{layoutRef:e,onClickRefresh:o,onClickHistory:n,onClickSettings:r,onClickNotifications:s}=t,{config:{features:a}}=d(),l=Ne("notification",a);return pe.createElement(pe.Fragment,null,pe.createElement(dn,{container:j(),side:"top",content:mn.t("Refresh")},pe.createElement(Ue,{variant:"ghost",size:"small",onClick:o,disabled:!o},pe.createElement(Wm,{size:16,color:o?"black":"gray"}))),!l&&pe.createElement(dn,{container:j(),side:"top",content:mn.t("Notifications")},pe.createElement(Im,{align:"center",collisionBoundary:e,collisionPadding:{right:20,left:20},container:j(),content:pe.createElement(Er,null)},pe.createElement(Ue,{size:"small",variant:"ghost",onClick:s},pe.createElement(Am,{size:18,color:"black"}),pe.createElement(Pa,null)))),pe.createElement(dn,{container:j(),side:"top",content:mn.t("Settings")},pe.createElement(Ue,{size:"small",variant:"ghost",onClick:r},pe.createElement(Nm,{size:18,color:"black"}))),pe.createElement(dn,{container:j(),side:"top",content:mn.t("Transactions History")},pe.createElement(Ue,{size:"small",variant:"ghost",onClick:n},pe.createElement(Lm,{size:18,color:"black"}))))}i(Ar,"HomeButtons");import{darkTheme as Bm,styled as Ir}from"@rango-dev/ui";var Ma=Ir("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",maxWidth:"390px",maxHeight:"700px",$$color:"$colors$neutral100",[`.${Bm} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",variants:{fixedHeight:{true:{height:"95vh"},false:{height:"auto"}}}}),$a=Ir("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"}}}}),_a=Ir("div",{backgroundColor:"$background","& .footer__content":{padding:"$0 $20"},"& .footer__logo":{padding:"$0 $20 $10 $20"}});function _m(t,e){let{children:o,header:n,footer:r,noPadding:s,hasLogo:a=!0,fixedHeight:l=!0}=t,p=z.use.connectedWallets(),{config:{features:u}}=d(),c=Ne("connectWalletButton",u),m=we.use.connectWalletsButtonDisabled(),g=dt(),f=i(()=>{!m&&n.onWallet&&n.onWallet()},"onConnectWallet"),k=typeof n.hasBackButton>"u"||n.hasBackButton;return me.createElement(Ma,{ref:e,fixedHeight:l,id:"swap-box"},me.createElement($m,{prefix:me.createElement(me.Fragment,null,k&&me.createElement(wr,{onClick:g})),title:n.title,suffix:me.createElement(me.Fragment,null,n.suffix,n.onWallet&&!c&&me.createElement(br,{container:j(),onClick:f,isConnected:!!p?.length}),n.onCancel&&me.createElement(xr,{onClick:n.onCancel}))}),me.createElement($a,{noPadding:s},o),(a||r)&&me.createElement(_a,null,me.createElement("div",{className:"footer__content"},r),a&&me.createElement("div",{className:"footer__logo"},me.createElement(Mm,{size:12}),me.createElement(Pm,null))))}i(_m,"LayoutComponent");var K=me.forwardRef(_m);K.displayName="Layout";import{Divider as qm,Modal as zm}from"@rango-dev/ui";import Nr from"react";import{i18n as Dt}from"@lingui/core";import{Image as Um,MessageBox as Wr,WalletState as Om}from"@rango-dev/ui";import wt from"react";import{keyframes as Dm,styled as fn}from"@rango-dev/ui";var Fw=fn("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),Da=fn("div",{position:"relative"}),Fm=Dm({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),Fa=fn("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Fm} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),Ua=fn("div",{"& img":{borderRadius:"50%"}});function Oa(t){let{state:e,image:o,error:n}=t;return e===Om.CONNECTED?wt.createElement(Wr,{type:"success",title:Dt.t("Wallet Connected"),description:Dt.t("Your wallet is connected, you can use it to swap.")}):n?wt.createElement(Wr,{type:"error",title:Dt.t("Failed to Connect"),description:n||Dt.t("Your wallet is not connected. Please try again.")}):wt.createElement(Wr,{type:"loading",title:Dt.t("Connecting to your wallet"),description:Dt.t("Click connect in your wallet popup."),icon:wt.createElement(Da,null,wt.createElement(Ua,null,wt.createElement(Um,{src:o,size:45})),wt.createElement(Fa,null))})}i(Oa,"ModalContent");function Jt(t){let{open:e,onClose:o,...n}=t;return Nr.createElement(zm,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},Nr.createElement(Oa,{...n}),Nr.createElement(qm,{direction:"vertical",size:32}))}i(Jt,"WalletModal");var jm=Ha("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline",paddingTop:"$15",height:"100%"}),Km=Ha("div",{textAlign:"center"}),gn=3e3,Lr=300;function Ga(){let{config:t,fetchStatus:e}=d(),[o,n]=za(!1),[r,s]=za(""),a=null,{list:l,handleClick:p,error:u}=an({config:t,onBeforeConnect:f=>{a=setTimeout(()=>{n(!0),s(f)},Lr)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},gn)}}),c=l.find(f=>f.type===r),m=c?.image||"",g=c?.state||Qm.NOT_INSTALLED;return vt.createElement(K,{header:{title:qa.t("Connect Wallets")}},vt.createElement(Km,null,vt.createElement(Hm,{variant:"title",size:"xmedium",align:"center"},qa.t("Choose a wallet to connect.")),vt.createElement(jm,null,l.map((f,k)=>{let y=`wallet-${k}-${f.type}`;return vt.createElement(Vm,{key:y},vt.createElement(Gm,{...f,container:j(),onClick:h=>{p(h)},isLoading:e==="loading"}))}),vt.createElement(Jt,{open:!!o,onClose:()=>n(!1),image:m,state:g,error:u}))))}i(Ga,"WalletsPage");import{keyframes as Xm,styled as Br}from"@rango-dev/ui";var Qa=Br("div",{position:"relative"}),Ym=Xm({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),Va=Br("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Ym} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),ja=Br("div",{"& img":{borderRadius:"50%"}});function Mr(t){let{chain:e,isSelected:o,selectWallet:n,limit:r,onShowMore:s}=t,{config:a}=d(),l=z.use.connectedWallets(),{blockchains:p}=d(),[u,c]=Zt(""),[m,g]=Zt(null),[f,k]=Zt(!1),[y,h]=Zt(null),{suggestAndConnect:b}=Za(),T=null,{list:v,error:S,handleClick:w}=an({config:a,chain:e,onBeforeConnect:x=>{T=setTimeout(()=>{c(x)},Lr)},onConnect:()=>{T&&clearTimeout(T),setTimeout(()=>{c("")},gn)}}),[A,M]=Zt(v),C=v.length,P=r&&C-r>0,$=i(async x=>{k(!1),h("in-progress");try{await b(x.walletType,x.chain),h("completed")}catch{h("rejected")}},"addExperimentalChain");Ja(()=>{M(x=>{let F=v.findIndex(I=>o(I.type,e));return P&&F>1?[v[F]].concat(v.filter((I,H)=>H!==F)):x.map(I=>v.find(H=>H.type===I.type)??I)})},[JSON.stringify(v)]);let W=document.querySelector("#swap-box");return Ja(()=>{let x=null;return(y==="completed"||y==="rejected")&&(x=setTimeout(()=>h(null),gn)),()=>{x&&clearTimeout(x)}},[y]),R.createElement(R.Fragment,null,A.slice(0,r).map(x=>{let F=ks({connectedWallets:l,walletType:x.type,chain:e}),I=F?Uo(F):"",H=Do(p(),e),te=!l.find(Se=>Se.walletType===x.type&&Se.chain===e),oe=H&&te&&x.state===Ya.CONNECTED,G=oe?qe.t({id:"Add {chain} chain",values:{chain:e}}):I,ie=i(()=>{x.state===Ya.DISCONNECTED?w(x.type):oe?(g({walletType:x.type,chain:e,address:F??""}),k(!0)):n({walletType:x.type,chain:e,address:F??""})},"onClick"),ye=m?.chain?Bs(m.chain,p()):void 0;return R.createElement(R.Fragment,null,R.createElement(Jt,{open:u===x.type,onClose:()=>c(""),image:x.image,state:x.state,error:S}),!!m&&R.createElement(Ka,{open:!!m&&f,container:W,onClose:()=>{g(null)}},R.createElement(hn,{title:qe.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:ye}}),type:"warning",description:qe.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:ye}})},R.createElement(Pr,{size:18}),R.createElement(Pr,{size:32}),R.createElement(Jm,{onClick:$.bind(null,m),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},qe.t("Confirm")))),y&&R.createElement(Ka,{open:!!y,onClose:h.bind(null,null),container:W},y==="in-progress"&&R.createElement(hn,{type:"loading",title:qe.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:ye}}),description:qe.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:ye}}),icon:R.createElement(Qa,null,R.createElement(ja,null,R.createElement(Zm,{src:x.image,size:45})),R.createElement(Va,null))}),y==="completed"&&R.createElement(hn,{type:"success",title:qe.t({id:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:ye}}),description:qe.t({id:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:ye}})}),y==="rejected"&&R.createElement(hn,{type:"error",title:qe.t("Request Rejected"),description:qe.t({id:"You've rejected adding {blockchainDisplayName} chain to your wallet.",values:{blockchainDisplayName:ye}})}),R.createElement(Pr,{direction:"vertical",size:32})),R.createElement(Rm,{key:x.type,description:G,onClick:ie,selected:o(x.type,e),...x}))}),P&&R.createElement(ua,{selected:!1,onClick:s.bind(null)},R.createElement(Xa,{variant:"label",size:"medium"},qe.t("Show more wallets"),R.createElement(Xa,{variant:"label",size:"medium",color:"$primary"},"\xA0+",C-(r??0)))))}i(Mr,"WalletList");var pd=2;function tl(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,loading:s}=t,a=d().config,l=d().blockchains(),{quote:p,setSelectedWallets:u,quoteWalletsConfirmed:c,setQuoteWalletConfirmed:m,customDestination:g,setCustomDestination:f}=O(),{connectedWallets:k,selectWallets:y}=z(),[h,b]=xt(""),[T,v]=xt([]),[S,w]=xt(""),[A,M]=xt(null),[C,P]=xt(g),[$,W]=xt(!!g),x=ad(null),F=qo(p),I=l.find(D=>D.name===p?.result?.swaps[p?.result?.swaps.length-1].to.blockchain),H=i(D=>!!p?.result?.swaps.find(Y=>Y.from.blockchain===D),"isWalletRequiredFor"),[te,oe]=xt(k.filter(D=>D.selected&&F.includes(D.chain))),G=l.find(D=>D.name===I?.name),ie=i((D,Y)=>!!te.find(q=>q.walletType===D&&q.chain===Y&&q.selected&&(H(Y)||!H(Y)&&!C)),"isSelected"),ye=!!C&&$&&G&&!zo(G,C),Se=i(()=>{W(!1),P(""),oe(D=>{let Y=!1;return D.map(q=>!Y&&q.chain===I?.name?(Y=!0,{...q,selected:!0}):q)})},"resetCustomDestination"),De=i(D=>{if(h&&b(""),ie(D.walletType,D.chain))return;let q=k.find(se=>se.walletType===D.walletType&&se.chain===D.chain);q&&(n(),D.chain===I?.name&&$&&(W(!1),P("")),oe(se=>se.filter(Ve=>Ve.chain!==D.chain).concat({...q,selected:!0})))},"onChange"),It=i(()=>{let D=te.filter(Y=>Y.selected);y(D),u(D),f(C),m(!0),o()},"onConfirmBalance"),jt=i(async()=>{v([]),w(""),M(null);let D=k.filter(se=>te.find(Ve=>Ve.chain===se.chain&&Ve.walletType===se.walletType)),Y=await r?.({selectedWallets:D,customDestination:C}),q=Y.warnings;q?.balance?.messages&&v(q.balance.messages),q?.quoteUpdate&&M(q.quoteUpdate),Y.error&&w(Ms(Y.error)),!Y.error&&(!q?.balance?.messages.length||0>0)?It():v(q?.balance?.messages??[])},"onConfirmWallets");id(()=>{oe(D=>D.concat(k.filter(Y=>!!!D.find(se=>se.chain===Y.chain)&&Y.selected&&F.includes(Y.chain))))},[k.length]),sd(()=>{$&&x.current&&setTimeout(()=>{x?.current?.scrollIntoView({behavior:"smooth"})},Yt)},[$]);let tt=document.querySelector("#swap-box"),Qe=ld();return L.createElement(el,{open:e,onClose:()=>{c||Qe("../",{replace:!0}),o()},dismissible:!h,container:tt,...!h&&{footer:L.createElement(Ca,null,L.createElement(Ra,{loading:s,disabled:js(s,$,C,p,te,I),onClick:jt,variant:"contained",type:"primary",fullWidth:!0,size:"large"},"Confirm"))},...h&&{containerStyle:{padding:"$0"},header:L.createElement(ma,null,L.createElement(da,{variant:"ghost",onClick:b.bind(null,"")},L.createElement(od,{size:16})),L.createElement(yn,{variant:"headline",size:"small"},nt.t({id:"Your {blockchainName} wallets",values:{blockchainName:Xe(h,l)}})))},anchor:"center"},L.createElement(el,{open:T.length>0,onClose:v.bind(null,[]),container:tt},L.createElement(nd,{title:nt.t("Insufficient account balance"),type:"error",description:L.createElement(ed,{messages:T??[]})},L.createElement(Ra,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:It},nt.t("Proceed anyway")))),h&&L.createElement(fa,null,L.createElement("div",{className:"wallets-list"},L.createElement(Mr,{chain:h,isSelected:ie,selectWallet:De,onShowMore:b.bind(null,h)}))),!h&&L.createElement(L.Fragment,null,S&&L.createElement(L.Fragment,null,L.createElement($r,{variant:"alarm",type:"error",title:nt.t(S)}),L.createElement(Ft,{size:12})),A&&L.createElement(L.Fragment,null,L.createElement($r,{variant:"alarm",type:"warning",title:rn(A)}),L.createElement(Ft,{size:12})),L.createElement(Ta,null,F.map((D,Y)=>{let q=l.find(Ae=>Ae.name===D),se=`wallet-${Y}`,Ve=Y===F.length-1;return L.createElement("div",{key:se},L.createElement(la,null,L.createElement(yn,{variant:"title",size:"xmedium"},nt.t({id:"Your {blockchainName} wallets",values:{blockchainName:q?.shortName}})),L.createElement(yn,{variant:"label",color:"$neutral700",size:"medium"},nt.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:q?.shortName}}))),L.createElement(Ft,{size:24}),L.createElement(pa,null,L.createElement(Mr,{chain:D,isSelected:ie,selectWallet:De,limit:pd,onShowMore:()=>b(q?.name??"")})),!Ve&&L.createElement(Ft,{size:32}),Ve&&a?.customDestination&&L.createElement(ya,null,L.createElement(ga,{ref:x,selected:$,open:$,onOpenChange:Ae=>{Ae?H(I?.name??"")||oe(er=>er.map(tr=>tr.chain===I?.name?{...tr,selected:!1}:tr)):Se()}},L.createElement(ca,{onClick:()=>W(Ae=>!Ae)},L.createElement(ha,{fullWidth:!0,variant:"default",suffix:L.createElement(Sa,{orientation:$?"up":"down"},L.createElement(td,{size:10,color:"gray"}))},L.createElement("div",{className:"button__content"},L.createElement(rd,{size:18,color:"info"}),L.createElement(Ft,{size:4,direction:"horizontal"}),L.createElement(yn,{variant:"label",size:"medium"},nt.t("Send to a different address"))))),L.createElement(sn,{open:$},L.createElement(L.Fragment,null,L.createElement(Ft,{size:4}),L.createElement(ka,{autoFocus:!0,placeholder:nt.t("Your destination address"),value:C,onChange:Ae=>{P(Ae.target.value)}})))),ye&&L.createElement("div",{className:"alarms"},L.createElement($r,{variant:"alarm",type:"error",title:nt.t({values:{destination:C},id:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}i(tl,"ConfirmWalletsModal");import{Divider as Qd}from"@rango-dev/ui";import Me from"react";import{i18n as Or}from"@lingui/core";import{Alert as cd,ChevronDownIcon as md,ChevronRightIcon as dd,Divider as qr,Image as gl,InfoIcon as fd,QuoteCost as gd,StepDetails as hd,TokenAmount as yd,Tooltip as hl,Typography as Ut}from"@rango-dev/ui";import B,{useLayoutEffect as Sd,useRef as yl,useState as Cd}from"react";import{styled as Rt}from"@rango-dev/ui";var ol=Rt("div",{paddingBottom:"$10"}),_r=Rt("div",{width:"100%","& .position-top__skeleton":{paddingTop:"$10"}}),nl=Rt("div",{variants:{paddingTop:{true:{paddingTop:"$10"}}}}),rl=Rt("div",{paddingBottom:"$15"}),il=Rt("div",{width:"100%",display:"flex"});import*as Sn from"@radix-ui/react-collapsible";import{darkTheme as Ye,Image as sl,styled as rt}from"@rango-dev/ui";var Dr=300,al=rt(Sn.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"}}},"& .steps-details":{padding:"$10 $15"}}),ll=rt("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"}}}],"& .summary":{width:"100%",padding:"$15 $15 $10 $15",cursor:"default"},"& .basic-info":{paddingTop:"$10",display:"flex",alignItems:"center",".usd-value":{$$color:"$colors$neutral600",[`.${Ye} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}}),pl=rt(Sn.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:{[`& ${sl}`]:{border:"1px $warning500 solid",borderRadius:"100%"}},false:{[`& ${sl}`]:{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"}}),Fr=rt("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"}}}}),ul=rt(sn,{width:"100%"}),Ur=rt("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$2",transition:`all ${Dr}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),Vv=rt("div",{height:"$12",marginLeft:"$10",marginRight:"$10",borderLeft:"1px solid $foreground"}),cl=rt("div",{display:"flex",justifyContent:"center",margin:"0 $15",borderTop:"1px solid",$$color:"$colors$neutral300",[`.${Ye} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color"}),ml=rt("div",{width:"$16",height:"$16",justifyContent:"center",alignItems:"center",display:"flex"});import{TokenAmount as fl}from"@rango-dev/ui";import Cn from"react";import{styled as ud}from"@rango-dev/ui";var dl=ud("div",{position:"relative",display:"flex",flexDirection:"column",width:"100%","& .separator":{height:"14px",marginLeft:"14px",position:"absolute",borderLeft:"1px solid $foreground",top:"42%"}});function eo(t){let{from:e,to:o,percentageChange:n,warningLevel:r}=t;return Cn.createElement(dl,null,Cn.createElement(fl,{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}}),Cn.createElement("div",{className:"separator"}),Cn.createElement(fl,{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(eo,"QuoteSummary");function zr(t){let{quote:e,input:o,output:n,error:r,warning:s,type:a,recommended:l=!0}=t,p=d().tokens(),u=d().blockchains(),c=d().swappers(),[m,g]=Cd(t.expanded),f=yl(null),k=yl(m),y=N(Qo(e.result?.swaps??[],p),2,2),h=No(Lo(e.result?.swaps)),b=N(o.value,6,6),T=N(n.value,6,6),v=n.usdValue?N(n.usdValue,4,4):"",S=Be(o.usdValue,n.usdValue??null),w=N(S,2,2),A=ot(S??0),C=i(W=>W.map((x,F)=>{let I,H=r?.type===3&&r.swap.swapperId===x.swapperId||r?.type===4&&r.recommendedSlippages?.has(F),te=s?.type===2&&s.recommendedSlippages?.has(F);return H?I="error":te&&(I="warning"),{swapper:{displayName:Ps(x.swapperId,c),image:x.swapperLogo},from:{token:{displayName:x.from.symbol,image:x.from.logo},chain:{displayName:Xe(x.from.blockchain,u),image:x.from.blockchainLogo},price:{value:F===0?N(o.value,6,6):N(x.fromAmount,6,6),usdValue:N((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,u),image:x.to.blockchainLogo},price:{value:N(x.toAmount,6,6),usdValue:N((x.to.usdPrice??0)*parseFloat(x.toAmount),4,4)}},state:I,alerts:H||te?B.createElement(rl,null,B.createElement(cd,{type:H?"error":"warning",title:r?.type===3?r?.recommendation:Or.t("Slippage Error:"),footer:B.createElement(il,null,r?.type===3&&B.createElement(B.Fragment,null,B.createElement(Ut,{size:"xsmall",variant:"body",color:"neutral900"},r.fromAmountRangeError),B.createElement(qr,{direction:"horizontal",size:8}),B.createElement(Ut,{size:"xsmall",variant:"body",color:"neutral900"},"|"),B.createElement(qr,{direction:"horizontal",size:8}),B.createElement(Ut,{size:"xsmall",variant:"body",color:"neutral900"},Or.t({id:"Yours: {amount} {symbol}",values:{amount:N(x.fromAmount,6,6),symbol:x?.from.symbol}}))),(r?.type===4||s?.type===2)&&B.createElement(Ut,{size:"xsmall",variant:"body",color:"neutral900"},Or.t({id:"Minimum required slippage is {minRequiredSlippage}",values:{...r?.type===4&&{minRequiredSlippage:r.recommendedSlippages?.get(F)},...s?.type===2&&{minRequiredSlippage:s.recommendedSlippages?.get(F)}}})))})):void 0}}),"getQuoteSteps")(e.result?.swaps??[]),P=C.length,$=j();return Sd(()=>{m&&!k.current&&f.current&&setTimeout(()=>{f?.current?.scrollIntoView({behavior:"smooth"})},Dr),k.current=m},[m,k]),B.createElement(B.Fragment,null,B.createElement(ll,{recommended:l,listItem:a==="list-item",basic:a==="basic"},B.createElement("div",{className:"summary"},B.createElement(gd,{fee:y,time:h,steps:P}),a==="basic"&&B.createElement("div",{className:"basic-info"},B.createElement(ml,null,B.createElement(fd,{size:12,color:"gray"})),B.createElement(Ut,{size:"small",variant:"body",style:{letterSpacing:.4}},`${b} ${C[0].from.token.displayName} = ${T} ${C[C.length-1].to.token.displayName}`),B.createElement(Ut,{color:"$neutral600",ml:2,size:"xsmall",variant:"body"},`($${v})`)),a==="list-item"&&B.createElement(yd,{type:"output",direction:"vertical",price:{value:T,usdValue:v},token:{displayName:C[P-1].to.token.displayName,image:C[P-1].to.token.image},chain:{image:C[P-1].to.chain.image},percentageChange:w,warningLevel:A}),a==="swap-preview"&&B.createElement(B.Fragment,null,B.createElement(eo,{from:C[0].from,to:C[P-1].to,percentageChange:w,warningLevel:A}),B.createElement(qr,{size:4}))),B.createElement(al,{recommended:l,open:m,onOpenChange:g},B.createElement(pl,{ref:W=>f.current=W,recommended:l,onClick:()=>g(W=>!W)},B.createElement("div",null,C.map((W,x)=>{let F=`item-${x}`,I=B.createElement(Ur,null,B.createElement(dd,{size:12,color:"black",...W.state&&{color:W.state==="error"?"error":"warning"}}));return B.createElement(B.Fragment,{key:F},B.createElement(hl,{container:$,side:"bottom",sideOffset:4,content:W.from.chain.displayName},B.createElement(Fr,{state:W.state||C[x-1]?.state},B.createElement(gl,{src:W.from.chain.image,size:16}))),x===P-1&&B.createElement(B.Fragment,null,I,B.createElement(hl,{container:$,side:"bottom",sideOffset:4,content:W.to.chain.displayName},B.createElement(Fr,{state:W.state},B.createElement(gl,{src:W.to.chain.image,size:16})))),x!==P-1&&B.createElement(B.Fragment,null,I))})),B.createElement(Ur,{orientation:m?"up":"down"},B.createElement(md,{size:12,color:"black"}))),B.createElement(ul,{open:m},B.createElement(cl,null),B.createElement("div",{className:"steps-details"},C.map((W,x)=>{let F=`item-${x}`;return B.createElement(hd,{type:"quote-details",key:F,step:W,hasSeparator:x!==C.length-1,state:W.state})}))))))}i(zr,"Quote");import{ChainToken as kn,Divider as ze,NextIcon as Td,Skeleton as ge}from"@rango-dev/ui";import E from"react";import{darkTheme as kd,styled as Sl}from"@rango-dev/ui";var Cl=Sl("div",{$$color:"$colors$neutral100",[`.${kd} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",borderBottomLeftRadius:"$xm",borderBottomRightRadius:"$xm",padding:"$15 ","& .cost-and-tag":{display:"flex",justifyContent:"space-between",alignItems:"center",height:"22px"},variants:{rounded:{true:{borderRadius:"$xm"}}},"& .cost":{display:"flex"},"& .basic-summary":{padding:"$15 $0 14px $0"},"& .output":{padding:"$6 $0 $15 $0",display:"flex",flexDirection:"column"},"& .output__token-info":{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$5"},"& .quote-summary":{display:"flex",justifyContent:"space-between",alignItems:"end"},"& .quote-summary__separator":{height:"$28",marginLeft:"13px",borderLeft:"1px solid $neutral700"},"& .token-amount":{display:"flex",justifyContent:"space-between"},"& .token-amount__label":{display:"flex",flexDirection:"column",alignItems:"start"},"& .chains":{paddingTop:"$2"},"& .swap-preview":{padding:"$15 $0 $15 $0"},"& .steps":{paddingLeft:"$8"},"& .step__title":{display:"flex",alignItems:"center"},"& .step__content":{display:"flex",alignItems:"start"},"& .step__tokens":{paddingTop:"$5",paddingBottom:"$10",display:"flex",alignItems:"center"},"& .step__token-info":{display:"flex",alignItems:"center"},"& .step__icon-container":{margin:"$0 $2",padding:"$4",display:"flex",justifyContent:"center",alignItems:"center"}}),kl=Sl("div",{borderLeft:"1px dashed black",minHeight:" 64px",margin:"0px 11.5px",alignSelf:"stretch",variants:{hideSeparator:{true:{minHeight:"unset",height:"0"}}}});function Hr(t){let{separator:e=!0}=t;return E.createElement(E.Fragment,null,E.createElement("div",{className:"step__title"},E.createElement(ge,{height:22,width:22,variant:"circular"}),E.createElement(ze,{direction:"horizontal",size:8}),E.createElement(ge,{height:15,width:148,variant:"rounded"})),E.createElement("div",{className:"step__content"},E.createElement(kl,{hideSeparator:!e}),E.createElement("div",{className:"step__tokens"},E.createElement("div",{className:"step__token-info"},E.createElement(kn,{size:"small",loading:!0,chainImage:"",tokenImage:""}),E.createElement(ze,{direction:"horizontal",size:8}),E.createElement(ge,{height:12,width:76,variant:"rounded"})),E.createElement("div",{className:"step__icon-container"},E.createElement(Td,{color:"gray",size:16})),E.createElement("div",{className:"step__token-info"},E.createElement(kn,{size:"small",loading:!0,chainImage:"",tokenImage:""}),E.createElement(ze,{direction:"horizontal",size:8}),E.createElement(ge,{height:12,width:76,variant:"rounded"})))))}i(Hr,"StepSkeleton");function Gr(t){let{type:e,expanded:o,tag:n=!1}=t,r=E.createElement("div",{className:"quote-summary"},E.createElement("div",{className:"token-amount"},E.createElement(kn,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),E.createElement(ze,{size:8,direction:"horizontal"}),E.createElement("div",{className:"token-amount__label"},E.createElement(ge,{height:10,width:60,variant:"rounded"}),E.createElement(ze,{size:4}),E.createElement(ge,{height:15,width:148,variant:"rounded"}))),E.createElement(ge,{height:12,width:64,variant:"rounded"}));return E.createElement(Cl,{rounded:e!=="basic"},E.createElement("div",{className:"cost-and-tag"},E.createElement("div",{className:"cost"},E.createElement(ge,{width:60,height:10,variant:"rounded"}),E.createElement(ze,{size:4,direction:"horizontal"}),E.createElement(ge,{width:60,height:10,variant:"rounded"}),E.createElement(ze,{size:4,direction:"horizontal"}),E.createElement(ge,{width:60,height:10,variant:"rounded"})),n&&E.createElement(ge,{height:22,width:100,variant:"rounded"})),e==="basic"&&E.createElement("div",{className:"basic-summary"},E.createElement(ge,{height:15,width:148,variant:"rounded"})),e==="list-item"&&E.createElement("div",{className:"output"},E.createElement("div",{className:"output__token-info"},E.createElement(kn,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),E.createElement(ze,{direction:"horizontal",size:4}),E.createElement(ge,{height:15,width:150,variant:"rounded"})),E.createElement(ze,{size:4}),E.createElement(ge,{height:10,width:184,variant:"rounded"})),e==="swap-preview"&&E.createElement(E.Fragment,null,E.createElement(ze,{size:4}),E.createElement("div",{className:"swap-preview"},r,E.createElement("div",{className:"quote-summary__separator"}),r)),E.createElement("div",{className:"chains"},E.createElement(ge,{height:15,width:321,variant:"rounded"})),o&&E.createElement("div",{className:"steps"},E.createElement(ze,{size:20}),E.createElement(Hr,null),E.createElement(Hr,null),E.createElement(Hr,{separator:!1})))}i(Gr,"QuoteSkeleton");import{i18n as qd}from"@lingui/core";import{Alert as zd,Button as Hd,InfoIcon as Gd}from"@rango-dev/ui";import We from"react";import{Alert as wd,Button as vd,Divider as El,NoRouteIcon as xd,RefreshIcon as bd,Typography as Al}from"@rango-dev/ui";import He from"react";import{i18n as Tl}from"@lingui/core";function wl(t,e,o,n){return t?.type===1?{alert:{type:"warning",text:Q().genericServerError,action:{onClick:n,title:Tl.t("Retry")}},description:""}:e.length?{alert:{type:"warning",text:Q().liquiditySourcesError.title,action:{onClick:()=>o(!0),title:Tl.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(wl,"makeInfo");import{styled as Qr}from"@rango-dev/ui";var vl=Qr("div",{minHeight:"162px",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"}),xl=Qr("div",{width:"100%"}),bl=Qr("div",{padding:"$6 $0"});function Vr(t){let{fetch:e,error:o}=t,n=d().disabledLiquiditySources,r=d().toggleAllLiquiditySources,s=d().swappers(),a=wl(o,n,()=>r(s,!0),e);return He.createElement(vl,null,He.createElement(xd,{size:24,color:"gray"}),He.createElement(El,{size:4}),He.createElement(Al,{variant:"title",size:"small"},Q().noResultError.title),!!a.description&&He.createElement(Al,{variant:"body",size:"small",align:"center",color:"neutral700"},a.description),He.createElement(El,{size:4}),!!a.alert&&He.createElement(xl,null,He.createElement(wd,{type:a.alert.type,title:a.alert.text,action:a.alert.action&&He.createElement(vd,{size:"xsmall",type:a.alert.type,prefix:He.createElement(bl,null,He.createElement(bd,{size:8})),onClick:a.alert.action.onClick},a.alert.action.title),variant:"alarm"})))}i(Vr,"NoResult");import{i18n as no}from"@lingui/core";import{Button as Ad,Divider as Pl,MessageBox as Id,Modal as Wd,Typography as Nd,WarningIcon as Ld}from"@rango-dev/ui";import Je from"react";import{Typography as Ll}from"@rango-dev/ui";import Kr from"react";import{darkTheme as Ed,styled as Tn}from"@rango-dev/ui";var Il=Tn("div",{width:"100%",paddingTop:"$10"}),jr=Tn("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),Wl=Tn("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%","._title":{$$color:"$colors$neutral600",[`.${Ed} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Nl=Tn("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});function Bl(t){let{title:e,value:o,valueColor:n}=t;return Kr.createElement(Wl,null,Kr.createElement(Ll,{size:"medium",variant:"label",className:"_title"},e),Kr.createElement(Ll,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}i(Bl,"QuoteErrorsModalItem");function Ml(t){let{open:e,onClose:o,onConfirm:n,warning:r}=t,s=r.warningLevel==="high"?"error":"warning",a=[{title:no.t("Swapping"),value:N(r.inputUsdValue,4,4)},{title:no.t("Gas cost"),value:N(r.totalFee,2,2)},{title:no.t("Receiving"),value:N(r.outputUsdValue,4,4)},{title:no.t("Price impact"),value:N(r.priceImpact,2,2),valueColor:`${s}500`}];return Je.createElement(Wd,{open:e,onClose:o,container:j()},Je.createElement(Id,{type:s,title:Q().highValueLossError.impactTitle,description:Q().highValueLossError.description}),Je.createElement(jr,null,Je.createElement(Pl,{size:20}),Je.createElement(Nd,{size:"small",variant:"title"},no.t("Details")),Je.createElement(jr,null,a.map((l,p)=>Je.createElement(Bl,{key:p,...l})))),Je.createElement(Pl,{size:32}),Je.createElement(Ad,{type:"primary",size:"large",prefix:Je.createElement(Ld,null),fullWidth:!0,onClick:n},Q().highValueLossError.confirmMessage))}i(Ml,"HighValueLossWarningModal");import{i18n as Xr}from"@lingui/core";function $l(t,e){let o={alertType:"warning",title:"",action:"show-info"};return t?(t.type===0&&(ot(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=Xr.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=Xr.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=Xr.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($l,"makeAlerts");import{i18n as Ot}from"@lingui/core";import{Button as _l,Divider as Dl,MessageBox as Bd,Modal as Pd,Typography as Md}from"@rango-dev/ui";import bt from"react";import{useNavigate as $d}from"react-router-dom";function Fl(t){let{customSlippage:e,slippage:o}=d(),{open:n,onClose:r,onConfirm:s,warning:a}=t,l=$d(),p=e??o;return bt.createElement(Pd,{anchor:"bottom",open:n,prefix:bt.createElement(_l,{size:"small",variant:"ghost",onClick:()=>l("../"+_.settings)},bt.createElement(Md,{variant:"label",size:"medium",color:"$neutral900"},Ot.t("Change settings"))),container:j(),onClose:r},bt.createElement(Bd,{type:"warning",title:a.type===3?Ot.t("High slippage"):Ot.t("Low slippage"),description:a.type===3?Ot.t({id:" Caution, your slippage is high (={userSlippage}). Your trade may be front run.",values:{userSlippage:p}}):Ot.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:a.minRequiredSlippage}})},bt.createElement(Dl,{size:18}),bt.createElement(Dl,{size:32}),bt.createElement(_l,{size:"large",type:"primary",variant:"contained",fullWidth:!0,onClick:s},Ot.t("Confirm anyway"))))}i(Fl,"SlippageWarningModal");import{Button as _d,Divider as Dd,MessageBox as Fd,Modal as Ud,WarningIcon as Od}from"@rango-dev/ui";import ro from"react";function Ul(t){let{open:e,onClose:o,onConfirm:n}=t;return ro.createElement(Ud,{open:e,onClose:o,container:j()},ro.createElement(Fd,{type:"warning",title:Q().unknownPriceError.impactTitle,description:Q().unknownPriceError.description}),ro.createElement(Dd,{size:32}),ro.createElement(_d,{type:"primary",size:"large",prefix:ro.createElement(Od,null),fullWidth:!0,onClick:n},Q().unknownPriceError.confirmMessage))}i(Ul,"UnknownPriceWarningModal");function Yr(t){let{warning:e,error:o,refetchQuote:n,showWarningModal:r,onOpenWarningModal:s,onCloseWarningModal:a,onConfirmWarningModal:l,onChangeSettings:p}=t,u={open:r,onClose:a,onConfirm:l},c=o?.type===0||o?.type===1,m=$l(e,o?.type===3||o?.type===4?o:null);return We.createElement(We.Fragment,null,c&&We.createElement(Vr,{error:o,fetch:n}),!!m&&We.createElement(Il,null,We.createElement(zd,{title:m.title,type:m.alertType,variant:"alarm",...m.action==="show-info"&&{action:We.createElement(Nl,{onClick:s},We.createElement(Gd,{size:12,color:"gray"}))},...m.action==="change-settings"&&{action:We.createElement(Hd,{size:"xxsmall",type:m.alertType,onClick:p},qd.t("Change"))}})),e&&We.createElement(We.Fragment,null,e.type===0&&We.createElement(Ml,{...u,warning:e}),(e.type===3||e.type===2)&&We.createElement(Fl,{...u,warning:e}),e.type===1&&We.createElement(Ul,{...u,warning:e})))}i(Yr,"QuoteWarningsAndErrors");function io(t){let{quote:e,type:o,loading:n,error:r,warning:s,refetchQuote:a,showWarningModal:l,onOpenWarningModal:p,onCloseWarningModal:u,onConfirmWarningModal:c,onChangeSettings:m,expanded:g=!1,alertPosition:f="bottom"}=t,{inputAmount:k,inputUsdValue:y,outputUsdValue:h,outputAmount:b}=O(),v=!(r&&(r.type===0||r.type===1))&&e&&e.result&&!n,S=(s||r)&&Me.createElement(Yr,{warning:s,error:r,loading:n,refetchQuote:a,showWarningModal:l,onOpenWarningModal:p,onCloseWarningModal:u,onConfirmWarningModal:c,onChangeSettings:m});return Me.createElement(Me.Fragment,null,n&&Me.createElement(_r,null,Me.createElement(nl,{paddingTop:f==="top"},Me.createElement(Gr,{type:o,expanded:g}))),f==="top"&&Me.createElement(ol,null,S),v?Me.createElement(_r,null,Me.createElement(zr,{quote:e,error:r,warning:s,type:o,expanded:g,recommended:!0,input:{value:k,usdValue:y?.toString()??""},output:{value:b?.toString()??"",usdValue:h?.toString()??""}})):null,f==="bottom"&&Me.createElement(Me.Fragment,null,!s&&!r&&Me.createElement(Qd,{size:16}),S))}i(io,"QuoteInfo");import{calculatePendingSwap as Kd}from"@rango-dev/queue-manager-rango-preset";import{useEffect as Xd}from"react";import{useRef as Vd,useState as jd}from"react";function wn(){let[t,e]=jd(!1),o=Vd(null),n=i(()=>o.current?.abort(),"cancel");return{fetch:i(async s=>{n(),o.current=new AbortController,e(!0);try{let a=await Nt().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 vn(t){if(!t.result)throw new Error(Q().noResultError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});if(cr(t)){let{swap:n,recommendation:r,fromAmountRangeError:s}=mr(t);throw new Error("bridge limit error",{cause:{type:3,swap:n,recommendation:r,fromAmountRangeError:s}})}let o=fr(t);if(o){let n=Vo(t);throw new Error("",{cause:{type:4,recommendedSlippages:o,minRequiredSlippage:n}})}return t}i(vn,"throwErrorIfResponseIsNotValid");function Ol(t,e,o){let n=!1;t&&(n=Js(t,e));let r={quote:null,quoteUpdate:null,balance:null},s=Ko(e,{fromToken:o.fromToken,toToken:o.toToken,tokens:o.meta.tokens,userSlippage:o.userSlippage});s&&(r.quote=s),t&&n&&(qs(t,e)?r.quoteUpdate={type:3,newOutputAmount:N(Pt(e)),percentageChange:N(Be(Pt(t)??"",Pt(e)??""),null,2)}:hr(t,e)?r.quoteUpdate={type:0}:yr(t,e)?r.quoteUpdate={type:1}:Sr(t,e)&&(r.quoteUpdate={type:2}));let a=zs(e,o.selectedWallets,o.meta.blockchains);return a.length===0||(r.balance={messages:a}),r}i(Ol,"generateWarnings");function xn(t){return t?.code==="ERR_CANCELED"?{swap:null,error:{type:2},warnings:null}:t.cause?{swap:null,error:t.cause,warnings:null}:{swap:null,error:{type:1},warnings:null}}i(xn,"handleQuoteErrors");function Jr(){let{fromToken:t,toToken:e,inputAmount:o,setQuote:n,quote:r,customDestination:s,setQuoteWarningsConfirmed:a}=O(),{slippage:l,customSlippage:p,affiliatePercent:u,affiliateRef:c,affiliateWallets:m,disabledLiquiditySources:g}=d(),{connectedWallets:f}=z(),k=d().blockchains(),y=d().tokens(),{features:h}=d().config,{enableNewLiquiditySources:b}=d().config,T=p||l,{fetch:v,cancelFetch:S,loading:w}=wn();return Xd(()=>S,[]),{loading:w,fetch:i(async M=>{let C=M.selectedWallets,P=M?.customDestination??s;if(!t||!e||!o)return{quote:null,swap:null,error:null,warnings:null};let $=jo({fromToken:t,toToken:e,inputAmount:o,wallets:f,selectedWallets:C,excludeLiquiditySources:b,disabledLiquiditySources:g,slippage:T,affiliateRef:c,affiliatePercent:u,affiliateWallets:m,initialQuote:r??void 0,destination:P});Wo("experimentalRoute",h)&&($.experimental=!0);let W;try{W=await v($).then(H=>vn(H)),n(W)}catch(H){return xn(H)}let x={slippage:T.toString(),disabledSwappersGroups:g},F=Kd(o.toString(),W,Us(C),x,!1,{blockchains:k,tokens:y}),I=Ol(r??void 0,W,{fromToken:t,toToken:e,meta:{blockchains:k,tokens:y},selectedWallets:C,userSlippage:T});return I.quoteUpdate&&a(!1),{quote:W,swap:F,error:null,warnings:I}},"fetch"),cancelFetch:S}}i(Jr,"useConfirmSwap");var lf=Gl("div",{position:"relative",width:"100%","& .description":{display:"flex",justifyContent:"space-between",alignItems:"center"},"& .icon":{width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"},"& .quote-update__alert":{paddingTop:"$10"}}),pf=Gl("div",{width:"100%",display:"flex",justifyContent:"space-between","& .confirm-button":{flexGrow:1,paddingRight:"$10"},[`& ${Hl}`]:{width:"$48",height:"$48"}});function Ql(){let{quote:t,setInputAmount:e,selectedWallets:o,quoteWalletsConfirmed:n,setQuoteWalletConfirmed:r,customDestination:s,quoteWarningsConfirmed:a}=O(),l=af(),[p,u]=En(""),{connectedWallets:c}=z(),m=!n,[g,f]=En(!1),k=we.use.setSelectedSwap(),y=d().disabledLiquiditySources,h=rf(y),{manager:b}=Yd(),{fetch:T,loading:v,cancelFetch:S}=Jr(),[w,A]=En({swap:null,error:null,warnings:null}),[M,C]=En(!1),P=i(async({selectedWallets:I,customDestination:H})=>{let te=await T?.({selectedWallets:I,customDestination:H});return A(te),te},"onConfirmSwap"),$=i(async()=>{if(w.swap&&n)try{await b?.create("swap",{swapDetails:w.swap},{id:w.swap.requestId}),k(w.swap.requestId);let I=`../${_.swaps}/${w.swap.requestId}`;l(I,{replace:!0}),setTimeout(()=>{e("")},0)}catch(I){u("Error: "+I?.message)}},"addNewSwap"),W=i(async()=>{await $()},"onConfirm"),x=i(async()=>{w?.warnings?.quote&&!a?C(!0):await W()},"onStartConfirmSwap"),F=i(async()=>{A({error:null,swap:null,warnings:null}),T({selectedWallets:o,customDestination:s}).then(I=>{A(I)}).catch(I=>console.error(I))},"onRefresh");return so(()=>{!!h.current.length&&!y.length&&F(),h.current=y},[y.length]),so(()=>{m&&S()},[m]),so(()=>{m&&f(m)},[m]),so(()=>{m||T({selectedWallets:o,customDestination:s}).then(I=>A(I)).catch(I=>console.error(I))},[]),so(()=>{let I=w.warnings?.quote?.type&&Object.values(pt).includes(w.warnings?.quote?.type),H=o.length<1||!o.every(oe=>c.find(G=>oe.address===G.address&&oe.walletType===G.walletType&&oe.chain===G.chain)),te=!1;if(I){let oe=qo(t),G=t?.result?.swaps[t.result.swaps.length-1].to.blockchain;!!t?.result?.swaps.find(Se=>Se.from.blockchain===G)||(oe=oe.slice(-oe.length,oe.length-1)),oe.every(Se=>o.find(De=>De.chain===Se))||(te=!0)}t&&(H||te)&&(queueMicrotask(()=>sf(f.bind(null,!0))),r(!1))},[w.warnings?.quote,o.length,c.length]),nf(()=>{t||l("../")},[]),ee.createElement(K,{header:{title:bn.t("Confirm Swap"),onWallet:()=>{let I=`../${_.wallets}`;l(I)},suffix:ee.createElement(ef,{container:j(),side:"bottom",content:bn.t("Settings")},ee.createElement(Ue,{size:"small",variant:"ghost",onClick:()=>l("../"+_.settings)},ee.createElement(Rd,{size:18,color:"black"})))},footer:ee.createElement(pf,null,ee.createElement("div",{className:"confirm-button"},ee.createElement(zl,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:v,disabled:!!w.error,onClick:x},bn.t("Start Swap"))),ee.createElement(Hl,{variant:"contained",type:"primary",size:"large",loading:v,onClick:f.bind(null,!0)},ee.createElement(of,{size:24})))},g&&ee.createElement(tl,{open:g,onClose:()=>f(!1),onCancel:S,loading:v,onCheckBalance:P}),ee.createElement(lf,null,ee.createElement("div",{className:"description"},ee.createElement(tf,{variant:"title",size:"small"},bn.t("You get")),ee.createElement(zl,{style:{padding:"0"},variant:"ghost",disabled:v,onClick:F},ee.createElement("div",{className:"icon"},ee.createElement(Zd,{size:16})))),p&&ee.createElement(ee.Fragment,null,ee.createElement(ql,{type:"error",variant:"alarm",title:p}),ee.createElement(Jd,{size:12})),w.warnings?.quoteUpdate&&ee.createElement("div",{className:"quote-update__alert"},ee.createElement(ql,{variant:"alarm",type:"warning",title:w.warnings.quoteUpdate&&rn(w.warnings.quoteUpdate)})),ee.createElement(io,{quote:t,type:"swap-preview",expanded:!0,alertPosition:"top",error:w.error,loading:v,warning:w.warnings?.quote??null,refetchQuote:F,showWarningModal:M,onOpenWarningModal:()=>C(!0),onCloseWarningModal:()=>C(!1),onConfirmWarningModal:async()=>{C(!1),await $()},onChangeSettings:()=>l("../"+_.settings)})))}i(Ql,"ConfirmSwapPage");import{i18n as In}from"@lingui/core";import{useManager as hf}from"@rango-dev/queue-manager-react";import{Divider as yf,NotFound as Sf,styled as ep}from"@rango-dev/ui";import ht,{useState as Cf}from"react";import{useNavigate as kf}from"react-router-dom";import{CloseIcon as cf,IconButton as mf,SearchIcon as df,TextField as ff}from"@rango-dev/ui";import ao from"react";import{styled as uf}from"@rango-dev/ui";var Vl=uf("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function it(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:s,value:a,setValue:l,...p}=t;return ao.createElement(ff,{prefix:ao.createElement(Vl,null,ao.createElement(df,{color:"black"})),suffix:!!a.length&&ao.createElement(mf,{variant:"ghost",onClick:()=>l?.(""),size:"small"},ao.createElement(cf,{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(it,"SearchInput");import{i18n as Kl}from"@lingui/core";import{Divider as Xl,SwapListItem as Yl,Typography as Jl}from"@rango-dev/ui";import Z from"react";import{darkTheme as gf,styled as An}from"@rango-dev/ui";var Zr=An("div",{width:"100%",display:"flex",flexDirection:"column",".group-title":{$$color:"$colors$neutral600",[`.${gf} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Rr=An("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),ei=An("div",{gap:"$10",display:"flex",flexDirection:"column"}),jl=An("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});function ti(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(Zr,null,Z.createElement(Rr,null,Z.createElement(Jl,{variant:"label",size:"medium",className:"group-title"},Kl.t(p.title))),Z.createElement(Xl,{size:4}),Z.createElement(ei,null,p.swaps.map((u,c)=>{let m=c+p.title;return Z.createElement(Z.Fragment,{key:m},Z.createElement(Yl,{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(Zr,null,Z.createElement(Rr,null,Z.createElement(Jl,{variant:"label",size:"medium",className:"group-title"},Kl.t(a.title))),Z.createElement(Xl,{size:4}),Z.createElement(ei,null,a.swaps.map(l=>{let p=l.steps[0],u=l.steps[l.steps.length-1];return Z.createElement(Z.Fragment,{key:l.requestId},Z.createElement(Yl,{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:Bo(l.inputAmount)},to:{token:{image:u.toLogo,displayName:u.toSymbol},blockchain:{image:u.toBlockchainLogo||""},amount:Bo(u.outputAmount||""),estimatedAmount:Bo(u.expectedOutputAmountHumanReadable||"")}}}))}))))))}i(ti,"SwapsGroup");import Zl from"dayjs";var Rl=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=Zl();return t.forEach(n=>{let r=Zl(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 Tf=ep("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",height:"100%",gap:15}),wf=ep("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),vf=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 tp(){let t=we.use.setSelectedSwap(),e=kf(),{manager:o,state:n}=hf(),r=qt(o).map(({swap:m})=>m),[s,a]=Cf(""),l=!n.loadedFromPersistor,p=i(m=>{let g=m.target.value;a(g)},"searchHandler"),u=r;s&&(u=r.filter(m=>je(m.inputAmount,s)||je(m.status,s)||vf(m.steps,s)||je(m.requestId,s)));let c=!u?.length&&!l;return ht.createElement(K,{header:{title:In.t("History")}},ht.createElement(Tf,null,ht.createElement(it,{setValue:a,fullWidth:!0,variant:"contained",placeholder:In.t("Search Transaction"),autoFocus:!0,onChange:p,value:s}),ht.createElement(wf,null,c&&ht.createElement(jl,null,ht.createElement(yf,{size:32}),ht.createElement(Sf,{title:In.t("No results found"),description:s?In.t("Try using different keywords"):""})),!c&&ht.createElement(ti,{list:u,onSwapClick:m=>{t(m),e(m)},groupBy:Rl,isLoading:l}))))}i(tp,"HistoryPage");import{i18n as ri}from"@lingui/core";import{Button as Nf,styled as ii,SwapInput as ip,WarningIcon as Lf}from"@rango-dev/ui";import $e,{useEffect as Bf,useRef as Pf,useState as Mf}from"react";import{useNavigate as $f}from"react-router-dom";import{ReverseIcon as xf,styled as op}from"@rango-dev/ui";import oi from"react";var bf=op("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),Ef=op("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 np(){let t=O.use.switchFromAndTo();return oi.createElement(bf,null,oi.createElement(Ef,{onClick:()=>{t()}},oi.createElement(xf,{size:12})))}i(np,"SwitchFromAndToButton");import{useCallback as Af,useEffect as If,useState as ni}from"react";var Wf=600;function rp(){let{fetch:t,cancelFetch:e}=wn(),{liquiditySources:o,enableNewLiquiditySources:n,features:r}=d().config,s=d().tokens(),{fromToken:a,toToken:l,inputAmount:p,inputUsdValue:u,resetQuote:c,setQuote:m}=O(),{slippage:g,customSlippage:f,affiliatePercent:k,affiliateRef:y,affiliateWallets:h,disabledLiquiditySources:b}=d(),[T,v]=ni(!1),[S,w]=ni(null),[A,M]=ni(null),C=f??g,$=!a||!l||Le(a,l)||!Kt(p),W=i(I=>{v(I),w(null),M(null)},"resetState"),x=i(I=>{let{fromToken:H,toToken:te,inputAmount:oe,liquiditySources:G,excludeLiquiditySources:ie,disabledLiquiditySources:ye,slippage:Se,affiliateRef:De,affiliatePercent:It,affiliateWallets:jt}=I;if(T||W(!0),!$&&H&&te){c();let tt=jo({fromToken:H,toToken:te,inputAmount:oe,liquiditySources:G,excludeLiquiditySources:ie,disabledLiquiditySources:ye,slippage:Se,affiliateRef:De,affiliatePercent:It,affiliateWallets:jt});Wo("experimentalRoute",r)&&(tt.experimental=!0),t(tt).then(Qe=>{v(!1),m(Qe),vn(Qe);let D=Ko(Qe,{fromToken:H,toToken:te,userSlippage:C,tokens:s});M(D)}).catch(Qe=>{let{error:D}=xn(Qe);(D?.type===0||D?.type===1)&&c(),D?.type!==2&&(w(D),v(!1))})}},"fetch"),F=Af(as(I=>{$||x(I)},Wf),[$]);return If(()=>{if(!Kt(p)||u?.eq(0)){W(!1),e();return}if(!$)return c(),W(!0),F({inputAmount:p,fromToken:a,toToken:l,liquiditySources:o,excludeLiquiditySources:n,disabledLiquiditySources:b,slippage:C,affiliateRef:y,affiliatePercent:k,affiliateWallets:h}),e},[p,a?.symbol,a?.address,a?.blockchain,l?.symbol,l?.address,l?.blockchain,$,o?.length,n,b.length,C,y,k,JSON.stringify(h)]),{fetch:()=>x({inputAmount:p,fromToken:a,toToken:l,liquiditySources:o,excludeLiquiditySources:n,disabledLiquiditySources:b,slippage:C,affiliateRef:y,affiliatePercent:k,affiliateWallets:h}),loading:T,error:S,warning:A}}i(rp,"useSwapInput");var _f=ii("div",{display:"flex",flexDirection:"column",overflowY:"visible","& .quote__container":{paddingTop:"$2"}}),Df=ii("div",{position:"relative"}),Ff=ii("div",{display:"flex",flexDirection:"column",gap:5,alignSelf:"stretch"});function sp(){let t=$f(),{fetch:e,loading:o,error:n,warning:r}=rp(),{fromToken:s,fromBlockchain:a,toToken:l,toBlockchain:p,setInputAmount:u,inputAmount:c,inputUsdValue:m,outputAmount:g,outputUsdValue:f,quote:k,resetQuoteWallets:y,setQuoteWarningsConfirmed:h}=O(),b=d().fetchStatus,{connectedWallets:T,getBalanceFor:v}=z(),S=we.use.setCurrentPage(),[w,A]=Mf(!1),M=Pf(null),C=!1,P=!dr(k,c,m),$=!dr(k,c,f),W=_s({fetchMetaStatus:b,fetchingQuote:o,inputAmount:c,quote:k,anyWalletConnected:T.length>0,error:n,warning:r,needsToWarnEthOnPath:C}),x=s?v(s):null,F=Fo(x)?.amount??"0",I=a&&s?N(x?.amount,x?.decimals):"0";Bf(()=>(S(_.home),y(),S.bind(null,"")),[]);let H=!m||!f||!f.gt(0)?null:Be(m.toString(),f.toString());return $e.createElement(K,{ref:M,fixedHeight:!1,hasLogo:!0,footer:$e.createElement(Nf,{type:"primary",size:"large",disabled:W.disabled,prefix:W.action==="confirm-warning"&&$e.createElement(Lf,null),fullWidth:!0,onClick:()=>{W.action==="connect-wallet"?t(_.wallets):W.action==="confirm-warning"?A(!0):t(_.confirmSwap)}},W.title),header:{onWallet:()=>{t(_.wallets)},hasBackButton:!1,title:ri.t("Swap"),suffix:$e.createElement(Ar,{layoutRef:M.current,onClickRefresh:k||n?e:void 0,onClickHistory:()=>t(_.swaps),onClickSettings:()=>t(_.settings)})}},$e.createElement(_f,null,$e.createElement(Ff,null,$e.createElement(Df,null,$e.createElement(ip,{label:ri.t("From"),mode:"From",onInputChange:u,balance:F,chain:{displayName:a?.displayName||"",image:a?.logo||""},token:{displayName:s?.symbol||"",image:s?.image||""},onClickToken:()=>t(_.fromSwap),price:{value:c,usdValue:P?void 0:N(m,4,4),error:P?Q().unknownPriceError.impactTitle:void 0},disabled:b==="failed",loading:b==="loading",onSelectMaxBalance:()=>{F!=="0"&&u(I.split(",").join(""))}}),$e.createElement(np,null)),$e.createElement(ip,{sharpBottomStyle:!!k?.result||o,label:ri.t("To"),mode:"To",fetchingQuote:o,chain:{displayName:p?.displayName||"",image:p?.logo||""},token:{displayName:l?.symbol||"",image:l?.image||""},percentageChange:N(Be(m,f),2,2),warningLevel:ot(H??0),price:{value:N(g,6,6),usdValue:$?void 0:N(f,4,4),error:$?Q().unknownPriceError.impactTitle:void 0},onClickToken:()=>t(_.toSwap),disabled:b==="failed",loading:b==="loading"})),$e.createElement("div",{className:"quote__container"},$e.createElement(io,{quote:k,loading:o,error:n,warning:r,type:"basic",refetchQuote:e,showWarningModal:w,onOpenWarningModal:()=>A(!0),onCloseWarningModal:()=>A(!1),onConfirmWarningModal:()=>{A(!1),h(!0),t(_.confirmSwap)},onChangeSettings:()=>t(_.settings)}))))}i(sp,"Home");import{i18n as ap}from"@lingui/core";import{List as Uf,ListItemButton as Of,Radio as qf,RadioRoot as zf,Typography as Hf}from"@rango-dev/ui";import yt from"react";import{styled as Wn}from"@rango-dev/ui";var st=Wn("div",{height:"100%",overflow:"hidden"}),lo=Wn("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto"}),si=Wn("div",{width:80,display:"flex",justifyContent:"flex-end"}),ai=Wn("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});function Nn(){let{setLanguage:t,language:e}=d();return{activeLanguage:e,languages:ws,defaultLanguage:Bt,changeLanguage:r=>t(r||Bt)}}i(Nn,"useLanguage");function lp(){let{activeLanguage:t,changeLanguage:e,languages:o}=Nn(),n=o.map(r=>{let{local:s,label:a,SVGFlag:l}=r;return{id:s,value:s,title:yt.createElement(Hf,{variant:"title",size:"xmedium"},a),onClick:()=>e(r.local),end:yt.createElement(qf,{value:s}),start:yt.createElement(l,null)}});return yt.createElement(K,{header:{title:ap.t("Language")}},yt.createElement(st,null,yt.createElement(zf,{value:t},yt.createElement(Uf,{type:yt.createElement(Of,{title:ap.t("language"),id:"_",onClick:()=>console.log()}),items:n}))))}i(lp,"LanguagePage");import{i18n as zt}from"@lingui/core";import{Button as Kf,Checkbox as Xf,Image as Yf,ListItemButton as Jf,NotFound as Zf,Typography as Rf}from"@rango-dev/ui";import he,{useState as eg}from"react";import{Checkbox as Vf,Skeleton as up}from"@rango-dev/ui";import po from"react";import{ListItem as Gf,styled as Qf}from"@rango-dev/ui";var pp=Qf(Gf,{height:61});var jf=30;function li(){return po.createElement(lo,null,Array.from(Array(jf),t=>po.createElement(pp,{hasDivider:!0,key:t,start:po.createElement(up,{variant:"circular",width:35,height:35}),title:po.createElement(up,{variant:"text",size:"large",width:90}),end:po.createElement(Vf,{checked:!1})})))}i(li,"LoadingLiquiditySourceList");function pi({sourceType:t}){let e=d().fetchStatus,o=d().swappers(),n=d().disabledLiquiditySources,[r,s]=eg(""),a=d().toggleLiquiditySource,l=Io(o,n),p=[];t==="Exchanges"&&p.push("DEX"),t==="Bridges"&&(p.push("BRIDGE"),p.push("AGGREGATOR"));let u=l.filter(y=>p.includes(y.type)),c=u.length===u.filter(y=>y.selected).length,m=i(()=>{u.forEach(y=>{c?a(y.groupTitle):y.selected||a(y.groupTitle)})},"toggleAllSources"),g=u.map(y=>{let{selected:h,groupTitle:b,logo:T}=y;return{start:he.createElement(Yf,{src:T,size:22,type:"circular"}),onClick:()=>a(b),end:he.createElement(Xf,{checked:h}),title:he.createElement(Rf,{variant:"title",size:"xmedium"},zt.t(b)),...y}}),f=i(y=>{let h=y.target.value;s(h)},"searchHandler"),k=g;return r&&(k=g.filter(y=>je(y.groupTitle,r))),he.createElement(K,{header:{title:zt.t(t),suffix:he.createElement(si,null,he.createElement(Kf,{variant:"ghost",size:"xsmall",onClick:m},zt.t(c?"Deselect all":"Select all")))}},he.createElement(st,null,he.createElement(it,{value:r,setValue:s,fullWidth:!0,color:"light",variant:"contained",placeholder:zt.t("Search {sourceType}",{sourceType:t}),onChange:f}),e==="loading"&&he.createElement(li,null),!k.length&&r?he.createElement(ai,null,he.createElement(Zf,{title:zt.t("No results found"),description:zt.t("Try using different keywords")})):e==="success"&&he.createElement(lo,null,k.map(y=>he.createElement(he.Fragment,{key:y.id},he.createElement(Jf,{style:{height:"61px"},...y,selected:!1,hasDivider:!0}))))))}i(pi,"LiquiditySourcePage");import{i18n as Sp}from"@lingui/core";import{Divider as di,getCountCategories as pg,SelectableCategoryList as ug}from"@rango-dev/ui";import at,{useState as Cp}from"react";import{i18n as ci}from"@lingui/core";import{Divider as hp,Image as rg,ListItemButton as ig,NotFound as sg,Typography as yp}from"@rango-dev/ui";import _e,{useEffect as ag,useState as lg}from"react";import{BlockchainCategories as ui}from"@rango-dev/ui";import{TransactionType as Ln}from"rango-sdk";var tg=i((t,e)=>{switch(e){case ui.ALL:return!0;case ui.UTXO:return t.type===Ln.TRANSFER;case ui.OTHER:return t.type!==Ln.TRANSFER&&t.type!==Ln.COSMOS&&t.type!==Ln.EVM;default:return t.type===e}},"filterByType"),cp=i((t,e,o)=>t.filter(n=>tg(n,o)).filter(n=>Ct(n.name,e)||Ct(n.displayName,e)),"filterBlockchains");import{styled as mp}from"@rango-dev/ui";var dp=mp("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),Bn=mp("ul",{padding:0,margin:0,listStyle:"none",overflowY:"auto",paddingRight:"$5",".image-container":{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as og,Skeleton as fp}from"@rango-dev/ui";import Pn from"react";var ng=20;function gp(){return Pn.createElement(Bn,null,Array.from(Array(ng),t=>Pn.createElement(og,{key:t,hasDivider:!0,start:Pn.createElement(fp,{variant:"circular",width:35,height:35}),title:Pn.createElement(fp,{variant:"text",size:"large",width:90})})))}i(gp,"LoadingBlockchainList");function mi(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[s,a]=lg(e),{fetchStatus:l}=d();ag(()=>{a([...cp(e,o,r)])},[e,o,r]);let p=i(()=>!s.length&&o?_e.createElement(_e.Fragment,null,_e.createElement(hp,{size:32}),_e.createElement(sg,{title:ci.t("No results found"),description:ci.t("Try using different keywords")})):_e.createElement(Bn,{key:`${r}-${o}`},s.map(u=>_e.createElement(ig,{key:`${u.name}-${u.chainId}`,hasDivider:!0,onClick:()=>n(u),start:_e.createElement(rg,{src:u.logo,size:30}),title:_e.createElement(yp,{variant:"title",size:"medium"},u.displayName),id:u.chainId}))),"renderList");return _e.createElement(dp,null,_e.createElement(yp,{variant:"label",size:"large"},ci.t("Select Blockchain")),_e.createElement(hp,{size:4}),l==="loading"&&_e.createElement(gp,null),l==="success"&&p())}i(mi,"BlockchainList");function fi(t){let{type:e}=t,o=dt(),[n,r]=Cp(""),[s,a]=Cp("ALL"),l=O.use.setToBlockchain(),p=O.use.setFromBlockchain(),u=d().fetchStatus,c=d().blockchains({type:e}),g=pg(c)!==1;return at.createElement(K,{header:{title:Sp.t("Select Blockchain")}},at.createElement(di,{size:12}),g&&at.createElement(at.Fragment,null,at.createElement(ug,{setCategory:a,category:s,blockchains:c,isLoading:u==="loading"}),at.createElement(di,{size:24})),at.createElement(it,{value:n,autoFocus:!0,placeholder:Sp.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:f=>r(f.target.value)}),at.createElement(di,{size:16}),at.createElement(mi,{list:c,searchedFor:n,blockchainCategory:s,onChange:f=>{e==="source"?p(f):l(f),o()}}))}i(fi,"SelectBlockchainPage");import{i18n as Fp}from"@lingui/core";import{Divider as Up}from"@rango-dev/ui";import Ht,{useState as Ag}from"react";import{useNavigate as Ig}from"react-router-dom";import{i18n as yi}from"@lingui/core";import{BlockchainsChip as Mn,Divider as vp,Image as xp,Skeleton as gg,Typography as Si}from"@rango-dev/ui";import de from"react";import{useEffect as dg}from"react";var kp=["ETH","COSMOS","OSMOSIS"];function gi(t,e,o){let n=JSON.parse(JSON.stringify(t)),r=[];if(n.sort(cg),o?.limit&&t.length>o.limit){let s=o.limit,a=e;if(e.length<=o.limit){let l=o.limit-e.length;for(let p=0;p<=l;p++){let u=n[p];a=a.filter(c=>u.name!==c)}}n.sort(mg(a)),r=n.splice(s)}return{list:n,more:r}}i(gi,"prepare");function cg(t,e){let o=kp,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(cg,"sortByMostUsedBlockchains");function mg(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(mg,"generateSortByPreferredBlockchainsFor");function Tp(t,e){return!!e.list.find(o=>o.name===t)}i(Tp,"isInVisibleList");function hi(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=d();dg(()=>{if(e?.selected){let s=gi(t,o,e);Tp(e.selected,s)||n(e?.selected)}},[e?.selected]);let r=gi(t,o,e);return{list:r.list,more:r.more,history:[]}}i(hi,"usePrepareBlockchainList");import{styled as fg}from"@rango-dev/ui";var wp=fg("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var hg=12;function Ci(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:s}=t,a=hi(e,{limit:10,selected:n?.name}),{fetchStatus:l}=d(),p=O.use.resetToBlockchain(),u=O.use.resetFromBlockchain(),c=a.more.length>0,m=a.more.length===1,g=!m&&c;return de.createElement("div",null,de.createElement(vp,{size:12}),de.createElement(Si,{variant:"label",size:"large"},yi.t("Select Blockchain")),de.createElement(vp,{size:12}),de.createElement(wp,null,l==="loading"&&Array.from(Array(hg),f=>de.createElement(gg,{key:f,variant:"rounded",height:50})),l==="success"&&de.createElement(de.Fragment,null,de.createElement(Mn,{selected:!n,onClick:()=>{o==="from"?u():p()}},de.createElement(Si,{variant:"body",size:"xsmall",color:"secondary500"},yi.t("All"))),a.list.map(f=>de.createElement(Mn,{key:f.name,selected:!!n&&n.name===f.name,onClick:()=>r(f)},de.createElement(xp,{src:f.logo,size:30}))),m?de.createElement(Mn,{key:a.more[0].name,selected:!!n&&n.name===a.more[0].name,onClick:()=>r(a.more[0])},de.createElement(xp,{src:a.more[0].logo,size:30})):null,g?de.createElement(Mn,{onClick:s,key:"more-blockchains"},de.createElement(Si,{variant:"body",size:"xsmall",color:"secondary500"},yi._("More +{count}",{count:a.more.length}))):null)))}i(Ci,"BlockchainsSection");import{i18n as xi}from"@lingui/core";import{darkTheme as Pp,Divider as co,ExternalLinkIcon as Cg,Image as kg,ListItemButton as Tg,NotFound as wg,PinIcon as vg,Skeleton as Mp,Typography as mo,VirtualizedList as xg}from"@rango-dev/ui";import U,{forwardRef as bg,useEffect as $p,useState as _p}from"react";var bp=i((t,e)=>{t=t.replace(/^#/,""),t.length===3&&(t=t[0]+t[0]+t[1]+t[1]+t[2]+t[2]);let[s,a,l]=t.match(/.{2}/g);[s,a,l]=[parseInt(s,16)+e,parseInt(a,16)+e,parseInt(l,16)+e],s=Math.max(Math.min(255,s),0).toString(16),a=Math.max(Math.min(255,a),0).toString(16),l=Math.max(Math.min(255,l),0).toString(16);let p=(s.length<2?"0":"")+s,u=(a.length<2?"0":"")+a,c=(l.length<2?"0":"")+l;return`#${p}${u}${c}`},"colorShade"),$n=i((t,e)=>{let a={[t]:e};for(let l=1;l<10;l++)l<5&&(a={...a,[t+l*100]:bp(e,(5-l)*25)}),l===5&&(a={...a,[t+l*100]:e}),l>5&&(a={...a,[t+l*100]:bp(e,-((l-5)*25))});return a},"generateRangeColors"),ki=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=$n(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,...$n(s,a)}}return n?r:{}},"generateColors");import{Divider as Lp,ListItem as Sg,Skeleton as uo}from"@rango-dev/ui";import Ge from"react";import{darkTheme as Ep,styled as Ze,Typography as yg}from"@rango-dev/ui";var Ap=Ze("div",{display:"flex",flexDirection:"column",flexGrow:1}),Ti=Ze("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),_n=Ze("ul",{flexGrow:1,padding:0,margin:0,listStyle:"none","& li":{alignItems:"none",".description":{position:"relative",height:12,width:150,".token-title":{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",bottom:"-8px"},".token-address":{transform:"translateY(12px)",visibility:"hidden","& a":{fontSize:"$12",lineHeight:"$16",$$color:"$colors$neutral600",[`.${Ep} &`]:{$$color:"$colors$neutral700"},color:"$$color",textDecoration:"none"}},".token-name":{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}},"&:hover":{".description":{".token-address":{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",visibility:"visible"},".token-address-without-name":{bottom:"-15px"},".token-name":{position:"absolute",transform:"translateY(-12px)",visibility:"hidden"},".token-title":{position:"absolute",transform:"translateY(-12px)",bottom:"-10px"}}}}}),wi=Ze("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),vi=Ze(yg,{}),Ip=Ze("div",{textAlign:"right",".usd-value":{$$color:"$colors$neutral600",[`.${Ep} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Dn=Ze("ul",{display:"flex",alignItems:"end",flexDirection:"column"}),dW=Ze("div",{display:"flex",alignItems:"center"}),Wp=Ze("div",{position:"relative",".image-container":{borderRadius:"$xm",overflow:"hidden"}}),Np=Ze("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6});function Bp(t){return Ge.createElement(_n,null,Array.from(Array(t.size),e=>Ge.createElement(Sg,{key:e,hasDivider:!0,start:Ge.createElement(uo,{variant:"circular",width:35,height:35}),end:Ge.createElement(Dn,null,Ge.createElement(uo,{variant:"text",size:"large",width:70}),Ge.createElement(Lp,{size:4}),Ge.createElement(uo,{variant:"text",size:"medium",width:50})),title:Ge.createElement("div",null,Ge.createElement(uo,{variant:"text",size:"large",width:90}),Ge.createElement(Lp,{size:4}),Ge.createElement(uo,{variant:"text",size:"medium",width:90}))})))}i(Bp,"LoadingTokenList");var bi=20,Eg=i(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:s,customCssForTagTitle:a}=t,l=e.length;return U.createElement("div",{className:"description"},o?U.createElement("div",{className:"token-name"},o):U.createElement(Ti,{className:"token-title"},U.createElement(mo,{variant:"title",size:"xmedium"},r.symbol),U.createElement(co,{direction:"horizontal",size:4}),U.createElement(wi,{css:s},U.createElement(vi,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&U.createElement("div",{className:`token-address ${!o&&"token-address-without-name"}`},U.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," ",U.createElement(Cg,{color:"gray",size:12}))))},"renderDesc");function Dp(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[s,a]=_p(e),l=d().fetchStatus,p=d().blockchains(),[u,c]=_p(!0),{getBalanceFor:m,loading:g}=z(),{isTokenPinned:f}=d(),k=bg((b,T)=>U.createElement("div",{...b,ref:T,style:{...b.style,height:`${parseFloat(b.style?.height)+8*2}px`}})),y=i(()=>{a(e.slice(0,s.length+bi))},"loadNextPage");$p(()=>{c(e.length>s.length)},[s.length]),$p(()=>{a(e.slice(0,bi))},[e]);let h=i(()=>!s.length&&o?U.createElement(U.Fragment,null,U.createElement(co,{size:32}),U.createElement(wg,{title:xi.t("No results found"),description:xi.t("Try using different keywords")})):U.createElement(xg,{Item:({index:b,style:T})=>{let v=s[b],S=Fo(m(v)),w=v.address||"",A=p.find($=>$.name===v.blockchain),M=$n(v.symbol,A?.color||""),C={$$color:M[`${v.symbol}100`],[`.${Pp} &`]:{$$color:M[`${v.symbol}900`]},backgroundColor:"$$color"},P={$$color:M[`${v.symbol}700`],[`.${Pp} &`]:{$$color:M[`${v.symbol}100`]},color:"$$color"};return U.createElement("div",{style:{...T,paddingRight:5}},U.createElement(Tg,{style:{height:T?.height},"tab-index":b,key:`${v.symbol}${v.address}`,id:`${v.symbol}${v.address}`,hasDivider:!0,onClick:()=>n(s[b]),start:U.createElement(Wp,null,U.createElement(kg,{src:v.image,size:30}),f(v)&&U.createElement(Np,null,U.createElement(vg,{size:12,color:"gray"}))),title:A?.type==="COSMOS"||v.name||!v.name&&!w?U.createElement(Ti,null,U.createElement(mo,{variant:"title",size:"xmedium"},v.symbol),U.createElement(co,{direction:"horizontal",size:4}),U.createElement(wi,{css:C},U.createElement(vi,{variant:"body",size:"xsmall",css:P},v.blockchain))):void 0,description:A?.info&&w&&A.type!=="COSMOS"?Eg({address:w,token:s[b],customCssForTag:C,customCssForTagTitle:P,name:v.name,url:A.info.addressUrl.split("{wallet}").join(w)}):v.name||void 0,end:g?U.createElement(Dn,null,U.createElement(Mp,{variant:"text",size:"large",width:70}),U.createElement(co,{size:4}),U.createElement(Mp,{variant:"text",size:"medium",width:50})):S&&U.createElement(Ip,null,U.createElement(mo,{variant:"title",size:"small"},S.amount),U.createElement("div",null),S.usdValue&&U.createElement(mo,{variant:"body",className:"usd-value",size:"xsmall"},`$${S.usdValue}`))}))},hasNextPage:u,itemCount:s.length,loadNextPage:y,innerElementType:k,size:60,key:`${r}-${o}`}),"renderList");return U.createElement(Ap,null,U.createElement(mo,{variant:"label",size:"large"},xi.t("Select Token")),U.createElement(co,{size:4}),l==="loading"&&U.createElement(Bp,{size:bi}),l==="success"&&U.createElement(_n,null,h()))}i(Dp,"TokenList");function Ei(t){let{type:e}=t,o=Ig(),n=dt(),{fromBlockchain:r,toBlockchain:s,setFromToken:a,setToToken:l,setFromBlockchain:p,setToBlockchain:u}=O(),c=z.use.getBalanceFor(),[m,g]=Ag(""),k=(e==="source"?r:s)?.name??"",y=d().blockchains({type:e}),h=d().tokens({type:e,blockchain:k,searchFor:m}),b=Ss(h,c),T=i(S=>{e==="source"?p(S):u(S)},"updateBlockchain"),v=i(S=>{e==="source"?a({token:S,meta:{blockchains:y,tokens:h}}):l({token:S,meta:{blockchains:y,tokens:h}})},"updateToken");return Ht.createElement(K,{header:{title:Fp.t("Swap {type}",{type:e})}},Ht.createElement(Ci,{blockchains:y,type:e=="source"?"from":"to",blockchain:e==="source"?r:s,onMoreClick:()=>o(_.blockchains),onChange:S=>{T(S)}}),Ht.createElement(Up,{size:24}),Ht.createElement(it,{value:m,autoFocus:!0,placeholder:Fp.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>g(""),onChange:S=>g(S.target.value)}),Ht.createElement(Up,{size:16}),Ht.createElement(Dp,{list:b,selectedBlockchain:k,searchedFor:m,onChange:S=>{v(S);let w=y.find(A=>S.blockchain===A.name);w&&T(w),n()}}))}i(Ei,"SelectSwapItemsPage");import{i18n as Et}from"@lingui/core";import{ChevronRightIcon as Wi,Divider as Ni,InfoIcon as Mg,List as $g,ListItemButton as _g,Skeleton as Dg,Switch as Fg,Tooltip as Ug,Typography as At}from"@rango-dev/ui";import V from"react";import{useNavigate as Og}from"react-router-dom";import{i18n as Gp}from"@lingui/core";import{Chip as Ng,Divider as Qp,InfoIcon as Lg,TextField as Bg,Tooltip as Pg,Typography as Vp}from"@rango-dev/ui";import ve from"react";import{styled as Fn}from"@rango-dev/ui";var Op=Fn("div",{paddingTop:"$5",paddingBottom:"30px"}),qp=Fn("div",{display:"flex",alignItems:"center",justifyContent:"start"}),zp=Fn("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),Un=Fn("div",{maxWidth:"300px",padding:"$10"});import{i18n as Ai}from"@lingui/core";import{Typography as Wg}from"@rango-dev/ui";import fo from"react";function Hp(){return fo.createElement(Un,null,fo.createElement(Wg,{variant:"label",size:"medium",color:"neutral700"},Ai.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),fo.createElement("br",null),fo.createElement("br",null),fo.createElement("b",null,Ai.t("Warning")),":",Ai.t("This setting is applied per step, e.g. 1Inch, Thorchain, etc. and only that step will be reverted, not the whole transaction")))}i(Hp,"SlippageTooltipContent");function Ii(){let{slippage:t,setSlippage:e,customSlippage:o,setCustomSlippage:n}=d();return ve.createElement(Op,null,ve.createElement(zp,null,ve.createElement(Vp,{variant:"title",size:"xmedium"},Gp.t("Slippage tolerance per swap")),ve.createElement(Qp,{direction:"horizontal",size:4}),ve.createElement(Pg,{container:j(),side:"top",content:ve.createElement(Hp,null)},ve.createElement(Lg,{color:"gray"}))),ve.createElement(qp,null,vs.map((r,s)=>{let a=`slippage-${s}`;return ve.createElement(ve.Fragment,null,ve.createElement(Ng,{style:{width:"64px",flexShrink:0},key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`}),ve.createElement(Qp,{direction:"horizontal",size:8}))}),ve.createElement(Bg,{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>=As&&s<=Es)&&n(s)},suffix:o&&ve.createElement(Vp,{variant:"body",size:"small"},"%"),placeholder:Gp.t("Custom")})))}i(Ii,"Slippage");function jp(){let t=Og(),{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),u=d().infiniteApprove,c=d().toggleInfiniteApprove,m=Io(n,r),g=m.filter(C=>C.type==="BRIDGE"||C.type==="AGGREGATOR"),f=g.length,k=g.filter(C=>C.selected).length,y=m.filter(C=>C.type==="DEX"),h=y.length,b=y.filter(C=>C.selected).length,T=i((C,P)=>{switch(o){case"loading":return V.createElement(Dg,{variant:"text",size:"medium",width:50});case"failed":return V.createElement(At,{variant:"body",size:"medium",color:"$error500"},Et.t("Loading failed"));default:return V.createElement(At,{variant:"body",size:"medium"},`${C} / ${P}`)}},"handleEndItem"),v={id:"bridge-item",title:V.createElement(At,{variant:"title",size:"xmedium"},Et.t("Enabled bridges")),end:V.createElement(V.Fragment,null,T(k,f),V.createElement(Ni,{direction:"horizontal",size:8}),V.createElement(Wi,{color:"black"})),onClick:()=>t(_.bridges)},S={id:"exchange-item",title:V.createElement(At,{variant:"title",size:"xmedium"},Et.t("Enabled exchanges")),end:V.createElement(V.Fragment,null,T(b,h),V.createElement(Ni,{direction:"horizontal",size:8}),V.createElement(Wi,{color:"gray"})),onClick:()=>t(_.exchanges)},w={id:"theme-item",title:V.createElement(At,{variant:"title",size:"xmedium"},Et.t("Theme")),end:V.createElement(Wi,{color:"gray"}),onClick:()=>t(_.themes)},A={id:"infinite-approval-item",title:V.createElement(V.Fragment,null,V.createElement(At,{variant:"title",size:"xmedium"},Et.t("Infinite Approval")),V.createElement(Ni,{direction:"horizontal",size:4}),V.createElement(Ug,{side:"top",container:j(),content:V.createElement(Un,null,V.createElement(At,{variant:"label",size:"medium",color:"neutral700"},Et.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(Mg,{color:"gray"}))),end:V.createElement(Fg,{checked:u}),onClick:c},M=l?[]:[v,S];return!e?.singleTheme&&!a&&M.push(w),M.push(A),V.createElement(K,{header:{title:Et.t("Setting")}},V.createElement(st,null,V.createElement(Ii,null),V.createElement($g,{type:V.createElement(_g,{title:"_",id:"_",onClick:()=>console.log()}),items:M})))}i(jp,"SettingsPage");import{cancelSwap as Mh}from"@rango-dev/queue-manager-rango-preset";import{useManager as $h}from"@rango-dev/queue-manager-react";import bu from"react";import{i18n as lt}from"@lingui/core";import{getCurrentBlockchainOfOrNull as gh,getCurrentStep as hh,getRelatedWalletOrNull as yh}from"@rango-dev/queue-manager-rango-preset";import{Button as yu,CopyIcon as Sh,Divider as Ch,IconButton as kh,QuoteCost as Th,StepDetails as wh,Typography as Qt,useCopyToClipboard as vh}from"@rango-dev/ui";import{useWallets as xh}from"@rango-dev/wallets-react";import{PendingSwapNetworkStatus as Xn}from"rango-types";import X,{useEffect as Su,useRef as bh,useState as Cu}from"react";import{useNavigate as Eh}from"react-router-dom";import{i18n as xe}from"@lingui/core";var qg=1e3,zg=31536e3,Hg=2592e3,Gg=86400,Qg=3600,Vg=60;function Kp(t){let e=Math.floor((Date.now()-t)/qg),n=[{turningPoint:zg,label:xe.t("year"),pluralLabel:xe.t("years")},{turningPoint:Hg,label:xe.t("month"),pluralLabel:xe.t("months")},{turningPoint:Gg,label:xe.t("day"),pluralLabel:xe.t("days")},{turningPoint:Qg,label:xe.t("hour"),pluralLabel:xe.t("hours")},{turningPoint:Vg,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(Kp,"timeSince");function Xp(t){return t.finishTime?xe.t({id:"{time} ago",values:{time:Kp(parseInt(t.finishTime))}}):xe.t({id:"{time} ago",values:{time:Kp(parseInt(t.creationTime))}})}i(Xp,"getSwapDate");import{Modal as Rg}from"@rango-dev/ui";import{PendingSwapNetworkStatus as zn}from"rango-types";import Hn from"react";import{i18n as On}from"@lingui/core";import{Button as Yp,Divider as Li,MessageBox as jg,Typography as Jp}from"@rango-dev/ui";import Re from"react";var Zp=i(({onCancel:t,onClose:e})=>Re.createElement(Re.Fragment,null,Re.createElement(Li,{size:20}),Re.createElement(jg,{type:"error",title:On.t("Cancel Swap"),description:On.t("Are you sure you want to cancel this swap?")}),Re.createElement(Li,{size:32}),Re.createElement(Yp,{variant:"contained",type:"primary",size:"large",onClick:t},Re.createElement(Jp,{variant:"title",size:"medium",color:"neutral100"},On.t("Yes, Cancel it"))),Re.createElement(Li,{size:12}),Re.createElement(Yp,{variant:"outlined",type:"primary",size:"large",onClick:e},Re.createElement(Jp,{variant:"title",size:"medium",color:"primary"},On.t("No, Continue")))),"CancelContent");import{i18n as qn}from"@lingui/core";import{Button as Rp,Divider as Bi,MessageBox as Kg,Typography as eu}from"@rango-dev/ui";import et from"react";var tu=i(({onDelete:t,onClose:e})=>et.createElement(et.Fragment,null,et.createElement(Bi,{size:20}),et.createElement(Kg,{type:"error",title:qn.t("Delete Transaction"),description:qn.t("Are you sure you want to delete this swap?")}),et.createElement(Bi,{size:32}),et.createElement(Rp,{variant:"contained",type:"primary",size:"large",onClick:t},et.createElement(eu,{variant:"title",size:"medium",color:"neutral100"},qn.t("Yes, Delete it"))),et.createElement(Bi,{size:12}),et.createElement(Rp,{variant:"outlined",type:"primary",size:"large",onClick:e},et.createElement(eu,{variant:"title",size:"medium",color:"primary"},qn.t("No, Cancel")))),"DeleteContent");import{i18n as Pi}from"@lingui/core";import{PendingSwapNetworkStatus as Mi}from"rango-types";var $i={[Mi.WaitingForNetworkChange]:{type:"loading",title:Pi.t("Change Network")},[Mi.WaitingForConnectingWallet]:{type:"warning",title:Pi.t("Connect Wallet")},[Mi.NetworkChanged]:{type:"success",title:Pi.t("Network Changed")}};import{MessageBox as Yg,Wallet as Jg,WalletState as nu}from"@rango-dev/ui";import{useWallets as Zg}from"@rango-dev/wallets-react";import go from"react";import{styled as Xg}from"@rango-dev/ui";var ou=Xg("div",{display:"flex",justifyContent:"center"});var ru=i(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:s}=t,{connect:a,getWalletInfo:l,state:p}=Zg(),u=n?.walletType,m=u&&p(u).connected?nu.CONNECTED:nu.DISCONNECTED;return go.createElement(go.Fragment,null,go.createElement(Yg,{type:e,title:o,description:r}),s&&u&&go.createElement(ou,null,go.createElement(Jg,{container:j(),title:l(u).name,image:l(u).img,type:u,state:m,onClick:async()=>a(u)})))},"WalletStateContent");function _i(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 Hn.createElement(Rg,{open:!!e,onClose:o,container:document.getElementById("swap-box")||document.body},l&&Hn.createElement(ru,{type:$i[e].type,title:$i[e].title,currentStepWallet:s,message:a,showWalletButton:e!==zn.WaitingForNetworkChange}),e==="delete"&&Hn.createElement(tu,{onClose:o,onDelete:n}),e==="cancel"&&Hn.createElement(Zp,{onClose:o,onCancel:r}))}i(_i,"SwapDetailsModal");import{i18n as ho}from"@lingui/core";import{Button as Di,Divider as Gn,MessageBox as iu,Modal as eh,TokenAmount as th,Typography as Qn}from"@rango-dev/ui";import ue from"react";import{useNavigate as oh}from"react-router-dom";function Fi(t){let{open:e,onClose:o,status:n,priceValue:r,usdValue:s,token:a,chain:l,percentageChange:p,description:u,diagnosisUrl:c}=t,m=oh();return ue.createElement(eh,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},n==="success"?ue.createElement(iu,{type:"success",title:ho.t("Swap Successful")},ue.createElement(th,{direction:"vertical",type:"output",centerAlign:!0,price:{value:r,usdValue:s},token:a,chain:l,percentageChange:p}),ue.createElement(Gn,{size:12}),ue.createElement(Qn,{variant:"body",size:"medium",color:"neutral700",align:"center"},u)):ue.createElement(iu,{type:"error",title:ho.t("Transaction Failed"),description:u}),ue.createElement(Gn,{size:32}),n==="success"&&ue.createElement(Di,{variant:"contained",type:"primary",size:"large",onClick:()=>{m("../../")}},ue.createElement(Qn,{variant:"title",size:"medium",color:"neutral100"},ho.t("Done"))),ue.createElement(Gn,{size:12}),c&&ue.createElement(ue.Fragment,null,ue.createElement(Di,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(c,"_blank")},ue.createElement(Qn,{variant:"title",size:"medium",color:"primary"},ho.t("Diagnosis"))),ue.createElement(Gn,{size:12})),ue.createElement(Di,{variant:"outlined",type:"primary",size:"large",onClick:o},ue.createElement(Qn,{variant:"title",size:"medium",color:"primary"},ho.t("See Details"))))}i(Fi,"SwapDetailsCompleteModal");import dh from"react";import{i18n as ph}from"@lingui/core";import{Alert as cu,IconButton as uh,LinkIcon as ch}from"@rango-dev/ui";import St,{Fragment as mh}from"react";import{Alert as nh,ChevronDownIcon as rh,ChevronUpIcon as ih,IconButton as sh}from"@rango-dev/ui";import Vn,{useState as ah}from"react";function su(t){let{message:e}=t,[o,n]=ah(!1);return Vn.createElement(nh,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&Vn.createElement(sh,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?Vn.createElement(ih,{size:12,color:"gray"}):Vn.createElement(rh,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}i(su,"FailedAlert");import{styled as lh}from"@rango-dev/ui";var au=lh("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as lu}from"@lingui/core";import{Alert as Ui,Button as pu}from"@rango-dev/ui";import{PendingSwapNetworkStatus as Oi}from"rango-types";import yo from"react";function uu(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?yo.createElement(Ui,{type:"warning",title:n.shortMessage,action:yo.createElement(pu,{size:"xxsmall",type:"warning",onClick:()=>{o(Oi.WaitingForNetworkChange),e().catch(s=>{console.log(s)})}},lu.t("Change"))}):r===Oi.WaitingForConnectingWallet?yo.createElement(Ui,{type:"warning",title:n.shortMessage,action:yo.createElement(pu,{size:"xxsmall",type:"warning",onClick:()=>{o(Oi.WaitingForConnectingWallet)}},lu.t("Connect"))}):yo.createElement(Ui,{type:"warning",title:n.shortMessage})}i(uu,"WarningAlert");function qi(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:s,hasAlreadyProceededToSign:a}=t,l=Xt(s),p=s.status==="waitingForApproval"&&!l,u=s.status==="running"&&!l;return St.createElement(au,null,s.explorerUrl?.map((c,m,g)=>{let f=m+c.url,k=m===g.length-1,y=k&&u||p,h=k&&s.status==="failed";return St.createElement(mh,{key:f},St.createElement(cu,{type:y&&"loading"||h&&"error"||"success",title:c.description?`${c.description} Tx`:ph.t("View transaction"),action:c.url&&St.createElement(uh,{variant:"ghost",size:"xsmall",onClick:()=>window.open(c.url,"_blank")},St.createElement(ch,{size:16}))}))}),(u&&!a||p&&!s.explorerUrl?.length)&&St.createElement(cu,{type:"loading",title:r.shortMessage}),s.status!=="failed"&&l&&St.createElement(uu,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),s.status==="failed"&&St.createElement(su,{message:r}))}i(qi,"SwapDetailsAlerts");var mu=2e3;var du=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:N(a,6,6)}},to:{token:{displayName:r.toSymbol,image:r.toLogo},chain:{displayName:Xe(r.toBlockchain,e)??"",image:r.toBlockchainLogo??""},price:{value:N(r.outputAmount||r.expectedOutputAmountHumanReadable,6,6)}},swapper:{displayName:r.swapperId,image:r.swapperLogo??""},alerts:dh.createElement(qi,{step:r,hasAlreadyProceededToSign:n,...o})}})},"getSteps");function fu(t){if(Xt(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(fu,"getStepState");import{darkTheme as fh,styled as Gt}from"@rango-dev/ui";var jn=Gt("div",{display:"flex",width:"100%",flexDirection:"column",alignItems:"center",height:"0",flexGrow:1,"& .row":{display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",padding:"$10 $20",borderBottom:"1px solid",$$color:"$colors$neutral300",[`.${fh} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color",color:"$neutral500"},"& .request-id":{display:"flex",justifyContent:"center",alignItems:"center",height:"$24"},"& .output":{display:"flex",width:"100%",padding:"$15 $20 $20",flexDirection:"column",alignItems:"start"},"& .title-steps":{textAlign:"left",width:"100%",padding:"0 $20 $10"}}),Kn=Gt("div",{width:"100%"}),gu=Gt("div",{padding:"$0 $20 $20 $20",width:"100%",overflow:"auto"}),KL=Gt("div",{display:"flex",flexDirection:"column",gap:"$10"}),hu=Gt("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),XL=Gt("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1});function zi(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:s,connect:a,getWalletInfo:l}=xh(),p=d().blockchains(),u=d().tokens(),c=O.use.retry(),m=Eh(),[g,f]=vh(mu),k=bh(null),[y,h]=Cu(null),[b,T]=Cu(null),v=i(()=>{r(),h(null)},"onCancel"),S=Pe.use.getUnreadNotifications(),w=Pe.use.setAsRead(),A=S(),M=hh(e),C=M?.networkStatus;Su(()=>{A.find(se=>se.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(T(e.status),w(e.requestId))},[e.status]),Su(()=>{H?h(Xn.WaitingForNetworkChange):C===Xn.WaitingForConnectingWallet||C===Xn.NetworkChanged?h(C):h(null)},[C]);let P=Qs(e),$=M?gh(e,M):null,W=M?yh(e,M):null,x=Xp(e),F=Vs(e),I=i(q=>!!l(q)?.mobileWallet,"isMobileWallet"),H=C===Xn.WaitingForNetworkChange&&!!$&&!!W?.walletType&&(I(W.walletType)||s(W.walletType,$)),te=H?a.bind(null,W.walletType,$):void 0,oe=Gs(e,M),G=du({swap:e,switchNetwork:te,showNetworkModal:C,setNetworkModal:h,message:oe,blockchains:p}),ie=G.length,[ye,Se]=[e.steps[0],e.steps[ie-1]],De=Se.outputAmount||Se.expectedOutputAmountHumanReadable,It=e.steps.reduce((q,se)=>q+parseFloat(se.feeInUsd||""),0),jt=e.steps.find(q=>q.diagnosisUrl)?.diagnosisUrl,tt=N(parseFloat(N(De,6,6))*(Se.toUsdPrice||0),4,4),Qe=N(parseFloat(e.inputAmount)*(ye.fromUsdPrice||0),4,4),D=Be(Qe,tt),Y=e.status==="success"?lt.t({id:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:N(De,6,6),token:G[ie-1].to.token.displayName,conciseAddress:Uo(e.wallets[G[ie-1].to.chain.displayName]?.address||""),chain:G[ie-1].to.chain.displayName}}):`${lt.t("Transaction was not sent.")} ${P?lt.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:lt.t("Swap and Bridge"),onCancel:e.status==="running"?()=>h("cancel"):void 0,suffix:e.status!=="running"&&X.createElement(_t,null,X.createElement(yu,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>h("delete")},X.createElement(Qt,{size:"medium",variant:"label",color:"error"},lt.t("Delete"))))},footer:F&&!b&&X.createElement(yu,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{c(e,{blockchains:p,tokens:u}),setTimeout(()=>{m("../../")},0)}},lt.t("Try again"))},X.createElement(jn,null,X.createElement(Kn,null,X.createElement("div",{className:"row"},X.createElement(Qt,{variant:"label",size:"large",color:"neutral700"},`${lt.t("Request ID")}:`),X.createElement("div",{className:"request-id"},X.createElement(Qt,{variant:"label",size:"small",color:"neutral700"},o),X.createElement(kh,{variant:"ghost",onClick:f.bind(null,o||"")},X.createElement(Sh,{size:16,color:"gray"})))),X.createElement("div",{className:"row"},X.createElement(Qt,{variant:"label",size:"large",color:"neutral700"},`${lt.t("Created at")}:`),X.createElement(Qt,{variant:"label",size:"small",color:"neutral700"},x))),X.createElement("div",{className:"output"},X.createElement(Th,{fee:N(String(It),2,2),time:No(Lo(e.steps)),steps:ie}),X.createElement(eo,{from:{price:{value:N(e.inputAmount,6,6),usdValue:Qe},token:{displayName:G[0].from.token.displayName,image:G[0].from.token.image},chain:{image:G[0].from.chain.image,displayName:G[0].from.chain.displayName}},to:{price:{value:N(De,6,6),usdValue:tt},token:{displayName:G[ie-1].to.token.displayName,image:G[ie-1].to.token.image},chain:{image:G[ie-1].to.chain.image,displayName:G[ie-1].to.chain.displayName}},percentageChange:N(D,2,2),warningLevel:ot(D??0)})),X.createElement("div",{className:"title-steps"},X.createElement(Qt,{variant:"title",size:"small"},lt.t("Swaps steps"))),X.createElement(Ch,{size:8}),X.createElement(gu,{ref:k},G.map((q,se)=>{let Ve=se,Ae=fu(e.steps[se]),er=Ae==="error"||Ae==="in-progress"||Ae==="warning"||Ae==="completed"&&se===G.length-1;return X.createElement(wh,{key:Ve,step:q,type:"swap-progress",ref:k,state:Ae,hasSeparator:se!==0,tabIndex:Ve,isFocused:er})}))),X.createElement(_i,{state:y,onClose:()=>h(null),onCancel:v,onDelete:n,message:oe.detailedMessage.content,currentStepWallet:W}),X.createElement(Fi,{open:!!b,diagnosisUrl:jt,onClose:()=>T(null),status:e.status==="success"?"success":"failed",priceValue:N(De,6,6),usdValue:tt,percentageChange:N(D,2,2),token:{displayName:G[ie-1].to.token.displayName,image:G[ie-1].to.token.image},chain:{image:G[ie-1].to.chain.image},description:Y}))}i(zi,"SwapDetails");import{i18n as wo}from"@lingui/core";import{CopyIcon as Lh,IconButton as Bh,NotFound as Ph,Skeleton as vu,Typography as Jn}from"@rango-dev/ui";import le from"react";import{i18n as Ih}from"@lingui/core";import{ChainToken as Wh,Divider as Gi,Skeleton as To,Typography as Nh}from"@rango-dev/ui";import J from"react";import{styled as Hi}from"@rango-dev/ui";var ku=Hi("div",{width:"100%",height:"100%",padding:"$0 $20",".cost":{paddingTop:"$15",display:"flex"},".quote-summary":{padding:"$15 $0"},".quote-summary-item":{display:"flex",justifyContent:"space-between",alignItems:"center"},".token-amount":{display:"flex",justifyContent:"space-between",alignItems:"center"},".quote-summary-separator":{width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"},".swaps-steps":{paddingBottom:"$10"}}),Tu=Hi("div",{backgroundColor:"$neutral100",borderRadius:"$xm",padding:"$10 $15",".step-title":{display:"flex",justifyContent:"start",alignItems:"center"},".step-tokens":{paddingTop:"$5",display:"flex",alignItems:"center"},".step-token-info":{display:"flex",alignItems:"center"},".step-icon-container":{padding:"$4 $6",display:"flex",justifyContent:"center",alignItems:"center"},".extra-info":{display:"flex",paddingTop:"$10",paddingBottom:"$5"}}),Yn=Hi("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"});import{ChainToken as wu,Divider as So,NextIcon as Ah,Skeleton as Co}from"@rango-dev/ui";import ae from"react";function ko(t){let{extraInfo:e}=t;return ae.createElement(Tu,null,ae.createElement("div",{className:"step-title"},ae.createElement(Co,{height:28,width:28,variant:"circular"}),ae.createElement(So,{direction:"horizontal",size:8}),ae.createElement(Co,{height:15,width:148,variant:"rounded"})),ae.createElement("div",{className:"step-tokens"},ae.createElement(So,{direction:"horizontal",size:20}),ae.createElement("div",{className:"step-token-info"},ae.createElement(wu,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ae.createElement(So,{direction:"horizontal",size:8}),ae.createElement(Co,{height:12,width:76,variant:"rounded"})),ae.createElement("div",{className:"step-icon-container"},ae.createElement(Ah,{color:"gray",size:16})),ae.createElement("div",{className:"step-token-info"},ae.createElement(wu,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ae.createElement(So,{direction:"horizontal",size:8}),ae.createElement(Co,{height:12,width:76,variant:"rounded"}))),e&&ae.createElement("div",{className:"extra-info"},ae.createElement(So,{direction:"horizontal",size:20}),ae.createElement(Co,{height:22,width:297,variant:"rectangular"})))}i(ko,"LoadingSwapDetailStep");function Qi(){let t=J.createElement("div",{className:"quote-summary-item"},J.createElement("div",{className:"token-amount"},J.createElement(Wh,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),J.createElement(Gi,{size:8,direction:"horizontal"}),J.createElement(To,{height:15,width:148,variant:"rounded"})),J.createElement(To,{height:12,width:64,variant:"rounded"}));return J.createElement(ku,null,J.createElement("div",{className:"cost"},J.createElement(To,{width:60,height:10,variant:"rounded"}),J.createElement(Gi,{size:4,direction:"horizontal"}),J.createElement(To,{width:60,height:10,variant:"rounded"}),J.createElement(Gi,{size:4,direction:"horizontal"}),J.createElement(To,{width:60,height:10,variant:"rounded"})),J.createElement("div",{className:"quote-summary"},t,J.createElement("div",{className:"quote-summary-separator"}),t),J.createElement("div",{className:"swaps-steps"},J.createElement(Nh,{variant:"title",size:"small"},Ih.t("Swaps steps"))),J.createElement("div",{className:"step-container"},J.createElement(ko,{extraInfo:!0}),J.createElement(Yn,null),J.createElement(ko,null),J.createElement(Yn,null),J.createElement(ko,null),J.createElement(Yn,null),J.createElement(ko,null)))}i(Qi,"LoadingSwapDetails");function xu(t){let{requestId:e,showSkeleton:o}=t;return le.createElement(K,{noPadding:!0,header:{title:wo.t("Swap and Bridge"),suffix:le.createElement(_t,null)}},o&&le.createElement(jn,null,le.createElement(Kn,null,le.createElement("div",{className:"row"},le.createElement(Jn,{variant:"label",size:"large",color:"neutral700"},`${wo.t("Request ID")}:`),le.createElement("div",{className:"request-id"},le.createElement(Jn,{variant:"label",size:"small",color:"neutral700"},le.createElement(vu,{width:60,height:10,variant:"rounded"})),le.createElement(Bh,{variant:"ghost"},le.createElement(Lh,{size:16,color:"gray"})))),le.createElement("div",{className:"row"},le.createElement(Jn,{variant:"label",size:"large",color:"neutral700"},`${wo.t("Created at")}:`),le.createElement(Jn,{variant:"label",size:"small",color:"neutral700"},le.createElement(vu,{width:60,height:10,variant:"rounded"})))),le.createElement(Qi,null)),!o&&le.createElement(hu,null,le.createElement(Ph,{title:wo.t("Not found"),description:wo.t({id:"Swap with request ID = {requestId} not found.",values:{requestId:e}})})))}i(xu,"SwapDetailsPlaceholder");function Eu(){let{manager:t,state:e}=$h(),o=!e.loadedFromPersistor,n=qt(t),r=we.use.selectedSwapRequestId(),s=dt(),{fetchStatus:a}=d(),l=o||a==="loading",p=n.find(({swap:g})=>g.requestId===r),u=i(()=>{if(p?.id){let g=t?.get(p.id);g&&Mh(g)}},"onCancel"),c=i(async()=>{if(p?.id)try{t?.deleteQueue(p.id),s()}catch(g){console.log(g)}},"onDelete"),m=p?.swap;return!m||l?bu.createElement(xu,{requestId:r||"",showSkeleton:l}):bu.createElement(zi,{swap:m,requestId:r||"",onCancel:u,onDelete:c})}i(Eu,"SwapDetailsPage");import{i18n as vo}from"@lingui/core";import{AutoThemeIcon as _h,DarkModeIcon as Dh,LightModeIcon as Fh,List as Uh,ListItemButton as Oh,Radio as Vi,RadioRoot as qh,Typography as ji}from"@rango-dev/ui";import be from"react";function Au(){let{setTheme:t,theme:e}=d(),o=[{id:"light",value:"light",title:be.createElement(ji,{variant:"title",size:"xmedium"},vo.t("Light")),onClick:()=>t("light"),start:be.createElement(Fh,{color:"gray"}),end:be.createElement(Vi,{value:"light"})},{id:"dark",value:"dark",title:be.createElement(ji,{variant:"title",size:"xmedium"},vo.t("Dark")),onClick:()=>t("dark"),start:be.createElement(Dh,{color:"gray"}),end:be.createElement(Vi,{value:"dark"})},{id:"auto",value:"auto",title:be.createElement(ji,{variant:"title",size:"xmedium"},vo.t("Auto")),onClick:()=>t("auto"),start:be.createElement(_h,{color:"gray"}),end:be.createElement(Vi,{value:"auto"})}];return be.createElement(K,{header:{title:vo.t("Theme")}},be.createElement(st,null,be.createElement(qh,{onValueChange:n=>t(n),value:e},be.createElement(Uh,{type:be.createElement(Oh,{title:vo.t("Theme"),id:"_",onClick:()=>console.log()}),items:o}))))}i(Au,"ThemePage");function Iu(){return zh([{path:_.home,element:Ee.createElement(sp,null)},{path:_.fromSwap,children:[{index:!0,element:Ee.createElement(Ei,{type:"source"})},{path:_.blockchains,element:Ee.createElement(fi,{type:"source"})}]},{path:_.toSwap,children:[{index:!0,element:Ee.createElement(Ei,{type:"destination"})},{path:_.blockchains,element:Ee.createElement(fi,{type:"destination"})}]},{path:_.settings,children:[{index:!0,element:Ee.createElement(jp,null)},{path:_.themes,element:Ee.createElement(Au,null)},{path:_.languages,element:Ee.createElement(lp,null)},{path:_.exchanges,element:Ee.createElement(pi,{sourceType:"Exchanges"})},{path:_.bridges,element:Ee.createElement(pi,{sourceType:"Bridges"})}]},{path:_.swaps,children:[{index:!0,element:Ee.createElement(tp,null)},{path:_.swapDetails,element:Ee.createElement(Eu,null)}]},{path:_.wallets,element:Ee.createElement(Ga,null)},{path:_.confirmSwap,element:Ee.createElement(Ql,null)}])}i(Iu,"AppRoutes");import{isApprovalTX as Hh,MainEvents as Nu,RouteEventType as Lu,StepEventType as Vt,StepExecutionEventStatus as Gh,useEvents as Qh}from"@rango-dev/queue-manager-rango-preset";import{useEffect as Bu}from"react";import{StepExecutionBlockedEventStatus as Ki}from"@rango-dev/queue-manager-rango-preset";var Wu=[Ki.WAITING_FOR_CHANGE_WALLET_ACCOUNT,Ki.WAITING_FOR_NETWORK_CHANGE,Ki.WAITING_FOR_WALLET_CONNECT];function Pu(){let t=d().tokens(),e=z.use.connectedWallets(),o=z.use.getWalletsDetails(),n=Pe.use.setNotification(),r=Pe.use.setAsRead(),s=Qh();return Bu(()=>(s.on(Nu.StepEvent,a=>{let{event:l,step:p,route:u}=a;if(l.type===Vt.TX_EXECUTION&&l.status===Gh.TX_SENT&&!Hh(p)||l.type===Vt.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===Vt.TX_EXECUTION_BLOCKED&&Wu.includes(l.status)||l.type===Vt.FAILED?n(l,u):(l.type===Vt.TX_EXECUTION||l.type===Vt.CHECK_STATUS)&&r(u.requestId)}),()=>s.all.clear()),[s,e.length]),Bu(()=>(s.on(Nu.RouteEvent,a=>{let{event:l,route:p}=a;(l.type===Lu.FAILED||l.type===Lu.SUCCEEDED)&&n(l,p)}),()=>s.all.clear()),[s,e.length]),null}i(Pu,"WidgetEvents");import{globalCss as Vh}from"@rango-dev/ui";var Mu=i(()=>Vh({"@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 Ji,darkTheme as Jh,lightTheme as Zh}from"@rango-dev/ui";import{useEffect as _u,useState as Rh}from"react";import{theme as Xh,darkColors as Yh}from"@rango-dev/ui";var $u=i(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),jh=i(t=>{let e="",o;for(o=Math.abs(t);o>52;o=o/52|0)e=$u(o%52)+e;return $u(o%52)+e},"toAlphabeticName"),Kh=i((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),Xi=i(t=>jh(Kh(5381,JSON.stringify(t))>>>0),"toHash");function Yi(t){let e=Xh.colors,o=ki({...e,...Yh},!0,t?.dark),n=ki(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:`${rr}-light-${Xi(p)}`,tokens:p}}if(r){let p={colors:o};l={id:`${rr}-dark-${Xi(p)}`,tokens:p}}return{light:a,dark:l}}i(Yi,"customizedThemeTokens");function Du(t){let{colors:e,fontFamily:o=ss,borderRadius:n=rs,secondaryBorderRadius:r=is,mode:s="auto"}=t,[a,l]=Rh("light"),{setTheme:p,theme:u}=d(),{dark:c,light:m}=Yi(e),g=Ji({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),f=[g.className,Zh.className],k=[g.className,Jh.className];if(m){let h=Ji(m.id,m.tokens);f.push(h.className)}if(c){let h=Ji(c.id,c.tokens);k.push(h.className)}return _u(()=>{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)}},[]),_u(()=>{s!=="auto"&&p(s)},[s]),{activeTheme:i(()=>{let h=f.join(" "),b=k.join(" ");return u==="auto"?a==="dark"?b:h:u==="dark"?b:h},"getActiveTheme")}}i(Du,"useTheme");import{styled as ey}from"@rango-dev/ui";var Fu=ey("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 Zn(){Mu();let{config:t}=d(),{activeTheme:e}=Du(t?.theme||{}),{activeLanguage:o,changeLanguage:n}=Nn(),[r,s]=Ou(""),[a,l]=Ou(),p=oy(en);return Uu(()=>{Pe.persist.rehydrate(),p.onConnectWallet(s)},[]),Uu(()=>{n(t?.language)},[t?.language]),xo.createElement(ty,{language:o},xo.createElement(Fu,{id:"swap-container",className:e()},xo.createElement(Pu,null),xo.createElement(sa,{lastConnectedWallet:r,disconnectedWallet:a,clearDisconnectedWallet:()=>{l(void 0)}},xo.createElement(Iu,null))))}i(Zn,"Main");import Ri,{useMemo as ky}from"react";import{checkWaitingForNetworkChange as ny,makeQueueDefinition as ry}from"@rango-dev/queue-manager-rango-preset";import{Provider as iy}from"@rango-dev/queue-manager-react";import{useWallets as sy}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as ay}from"@rango-dev/wallets-shared";import{isEvmBlockchain as ly}from"rango-types";import py,{useMemo as uy}from"react";function cy(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:s,getWalletInfo:a}=sy(),l=uy(()=>ry({API_KEY:t.apiKey||Wt("API_KEY"),BASE_URL:Wt("BASE_URL")}),[t.apiKey]),p=d().blockchains(),c={blockchains:z.use.connectedWallets().map(T=>({accounts:[T],name:T.chain}))},m=i(async(T,v)=>{if(s(T,v))return r(T,v)},"switchNetwork"),g=i(T=>!!a(T).mobileWallet,"isMobileWallet"),f=p.filter(T=>T.enabled).reduce((T,v)=>(T[v.name]=v,T),{}),k=p.filter(ly),y=i(T=>{let{supportedChains:v}=a(T);return $o(v)},"getSupportedChainNames"),h=e(),b={meta:{blockchains:f,evmBasedChains:k,evmNetworkChainInfo:ay(k),getSupportedChainNames:y},getSigners:o,wallets:c,providers:h,switchNetwork:m,canSwitchNetworkTo:s,connect:r,state:n,isMobileWallet:g};return py.createElement(iy,{queuesDefs:[l],context:b,onPersistedDataLoaded:T=>{ny(T)},isPaused:!1},t.children)}i(cy,"QueueManager");var qu=cy;import{useManager as hy}from"@rango-dev/queue-manager-react";import yy,{createContext as Sy,useContext as Cy}from"react";import{cancelSwap as my,getCurrentBlockchainOfOrNull as dy,getCurrentStep as fy,getRelatedWalletOrNull as gy}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&&my(o)}getCurrentStepInfo(e){let o=fy(e);return{step:o,wallet:o?gy(e,o):null,network:o?dy(e,o):null}}};i(bo,"WidgetHistory");var zu=Sy(void 0);function Zi(t){let{manager:e}=hy(),o=O.use.retry(),n=new bo(e,{retrySwap:o}),r=z.use.connectedWallets(),s=z.use.loading(),a=ys(r),l=z.use.getWalletsDetails(),p=d().blockchains(),u=d().tokens(),c=d().swappers(),m=d().fetchStatus,g={history:n,wallets:{isLoading:s,details:r,totalBalance:a,refetch:l},meta:{blockchains:p,tokens:u,swappers:c,loadingStatus:m}};return yy.createElement(zu.Provider,{value:g},t.children)}i(Zi,"WidgetInfo");function Hu(){let t=Cy(zu);if(!t)throw new Error("useWidget can only be used within the WidgetProvider component");return t}i(Hu,"useWidget");function Rn(t){let{onUpdateState:e,config:o}=t;return ky(()=>{ns({API_KEY:o?.apiKey||Eo,BASE_URL:o?.apiUrl||os})},[o]),Ri.createElement(tn,{config:o,onUpdateState:e},Ri.createElement(qu,{apiKey:o.apiKey},Ri.createElement(Zi,null,t.children)))}i(Rn,"WidgetProvider");function Gu(t){return t.config?.externalWallets?es.createElement(Zn,null):es.createElement(Rn,{config:t.config??or},es.createElement(Zn,null))}i(Gu,"Widget");export{d$ as MainEvents,v$ as Networks,f$ as RouteEventType,g$ as StepEventType,h$ as StepExecutionBlockedEventStatus,y$ as StepExecutionEventStatus,T$ as WalletEvents,x$ as WalletTypes,Gu as Widget,Rn as WidgetProvider,tn as WidgetWallets,Yi as customizedThemeTokens,k$ as readAccountAddress,Za as useWallets,Hu as useWidget,S$ as useWidgetEvents};
1
+ var bu=Object.defineProperty;var i=(t,e)=>bu(t,"name",{value:e,configurable:!0});import{MainEvents as e_,RouteEventType as t_,StepEventType as o_,StepExecutionBlockedEventStatus as n_,StepExecutionEventStatus as r_,useEvents as i_}from"@rango-dev/queue-manager-rango-preset";import{readAccountAddress as a_,useWallets as hl,Events as l_}from"@rango-dev/wallets-react";import{Networks as c_,WalletTypes as u_}from"@rango-dev/wallets-shared";import{Events as br,Provider as sm}from"@rango-dev/wallets-react";import{isEvmBlockchain as am}from"rango-sdk";import on,{createContext as lm,useEffect as Sa,useRef as pm}from"react";import{useEffect as Zo,useLayoutEffect as fa,useMemo as Ro,useRef as en}from"react";import Hu,{createContext as Gu,useContext as Qu,useEffect as Vu,useRef as ju}from"react";import{create as qu}from"zustand";import{persist as zu}from"zustand/middleware";var lr={apiKey:"",multiWallets:!0,enableNewLiquiditySources:!0},hs=i((t,e,o)=>({config:{...lr,...t},updateConfig:n=>{let r=o().config;e({config:{...r,...n}})}}),"createConfigSlice");import{RangoClient as Au}from"rango-sdk";var Wo="c6381a79-2817-4602-83bf-6a641a409e32",ys="https://api.rango.exchange";var pr={API_KEY:Wo};function Nt(t){return pr[t]||""}i(Nt,"getConfig");function Ss(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),pr=e,pr}i(Ss,"initConfig");var Cs=20,ks=25,Ts="Roboto",cr="theme-widget";var No,Lt=i(()=>No||(No=new Au(Nt("API_KEY"),Nt("BASE_URL")),No),"httpService");function Bt(t){return Array.from(new Set(t))}i(Bt,"removeDuplicateFrom");function ur(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}i(ur,"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 kt(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}i(kt,"containsText");var j=i(()=>document.getElementById("swap-box"),"getContainer");function Lo(t,e){let o=t.map(s=>s.swapperGroup),n=[];return Bt(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(Lo,"getUniqueSwappersGroups");function vs(t,e){return t.swapperGroup<e.swapperGroup?-1:t.swapperGroup>e.swapperGroup?1:0}i(vs,"sortLiquiditySourcesByGroupTitle");function Ne(t,e){return e?.[t]==="hidden"}i(Ne,"isFeatureHidden");function Bo(t,e){return e?.[t]==="enabled"}i(Bo,"isFeatureEnabled");import{WalletState as Xe}from"@rango-dev/ui";import{readAccountAddress as Wu}from"@rango-dev/wallets-react";import{detectInstallLink as Nu,getCosmosExperimentalChainInfo as Lu,isEvmAddress as Bu,KEPLR_COMPATIBLE_WALLETS as $S,Networks as As}from"@rango-dev/wallets-shared";import mr from"bignumber.js";import{isCosmosBlockchain as Pu}from"rango-types";import Eu from"bignumber.js";var Ie=new Eu(0);import{WalletTypes as Iu}from"@rango-dev/wallets-shared";var xs=[Iu.LEAP];import{BigNumber as bs}from"bignumber.js";var Po=i(t=>{let e=(t%60).toString().padStart(2,"0");return`${parseInt((t/60).toString()).toString().padStart(2,"0")}:${e}`},"secondsToString"),N=i((t,e=null,o=null)=>{if(t==null||t==="")return"";let n=new bs(t),r=1,s=1e3;for(let a=0;a<60;a++)if(new bs(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 Mo=i(t=>t?.reduce((e,o)=>e+(o.estimatedTimeInSeconds??0),0)||0,"totalArrivalTime");var Ke=i((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),Jt=i(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function $o(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($o,"limitDecimalPlaces");function Mu(t){switch(!0){case t.connected:return Xe.CONNECTED;case t.connecting:return Xe.CONNECTING;case!t.installed:return Xe.NOT_INSTALLED;default:return Xe.DISCONNECTED}}i(Mu,"mapStatusToWalletState");function Es(t,e,o,n){return o.filter(r=>!xs.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=Mu(t(r));return{title:s,image:a,link:Nu(l),state:p,type:r}})}i(Es,"mapWalletTypesToWalletInfo");function Fo(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}i(Fo,"walletAndSupportedChainsNames");function Is(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}=Wu(p),m=l.length>0,g=l.includes(u),f=u===As.Unknown;if(m&&!g&&!f)return;let y=u===As.Unknown&&Bu(c);if(f&&!y)return;o.includes(u)||y?r?a(u,c.toLowerCase()):l.filter(T=>o.includes(T)).forEach(T=>{a(T,c.toLowerCase())}):a(u,c)}),s}i(Is,"prepareAccountsForWalletStore");function Ws(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(Ws,"getRequiredChains");function Uo(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}i(Uo,"isAccountAndWalletMatched");function Ns(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 mr(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:_u(o,r.asset.symbol,r.asset.address,e)||null}))||[]}i(Ns,"makeBalanceFor");function Ls(t){return{...t,loading:!1,error:!0}}i(Ls,"resetConnectedWalletState");var Bs=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=N(n?.flatMap(s=>s.accounts)?.flatMap(s=>s?.balances)?.map(s=>new mr(s?.amount||Ie).multipliedBy(s?.usdPrice||0))?.reduce((s,a)=>s.plus(a),Ie)||Ie).toString();return $u(r)},"calculateWalletUsdValue");function $u(t){let e=t.toString().split(".");return e[0]=e[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),e.join(".")}i($u,"numberWithThousandSeparator");var _u=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice"),Oo=i((t,e)=>{let o=Lu(Object.entries(t).map(([,n])=>n).filter(Pu));return o&&o[e]?.experimental},"isExperimentalChain");function qo(t){return t?{...t,amount:N(t.amount,8,8),usdValue:N(t.usdValue,4,4)}:null}i(qo,"formatBalance");function Ps(t,e){return t.sort((o,n)=>{let r=e(o),s=e(n);return r?.usdValue&&s?.usdValue?parseFloat(s.usdValue)-parseFloat(r.usdValue):!r?.usdValue&&s?.usdValue?1:r?.usdValue&&!s?.usdValue?-1:!r?.usdValue&&!s?.usdValue?parseFloat(s?.amount||"0")-parseFloat(r?.amount||"0"):0}),t}i(Ps,"sortTokensByBalance");function Le(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}i(Le,"tokensAreEqual");function Ms(t){return t.sort((e,o)=>+(o.state===Xe.CONNECTED)-+(e.state===Xe.CONNECTED)||+(o.state===Xe.DISCONNECTED||o.state===Xe.CONNECTING)-+(e.state===Xe.DISCONNECTED||e.state===Xe.CONNECTING))}i(Ms,"sortWalletsBasedOnConnectionState");function zo(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(zo,"getConciseAddress");function $s({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}i($s,"getAddress");function dr(t){return`${t.blockchain}-${t.symbol}-${t.address??""}`}i(dr,"createTokenHash");function Ho(t){return t.flatMap(e=>e.balances).reduce((e,o)=>{let n={amount:o?.amount??"",decimals:o?.decimal??0,usdValue:o?.usdPrice?new mr(o?.usdPrice??Ie).multipliedBy(o?.amount).toString():""},r=o?dr({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(Ho,"makeTokensBalance");var _s=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?!!(kt(p.symbol,o.searchFor)||kt(p.address||"",o.searchFor)||kt(p.name||"",o.searchFor)):!0).sort((p,c)=>e().isTokenPinned(p)?-1:e().isTokenPinned(c)||p.isSecondaryCoin?1:c.isSecondaryCoin||!p.address&&c.address?-1:p.address&&!c.address?1:0)},isTokenPinned:o=>!!e().config.pinnedTokens?.some(r=>Le(r,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(vs)},fetch:async()=>{try{let o=await Lt().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 Du,French as Fu,Japanese as Uu,Spanish as Ou}from"@rango-dev/ui";var Ds=[{title:"English",label:"English",local:"en",SVGFlag:Du},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:Ou},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:Fu},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:Uu}],Pt="en";var Fs=[.5,1,3],Us=1,Os=5,qs=100,zs=0;var Hs=i((t,e)=>({disabledLiquiditySources:[],theme:"auto",language:Pt,preferredBlockchains:[],slippage:Us,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=Bt(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:Pt},...a&&{disabledLiquiditySources:[]}})}}),"createSettingsSlice");function Gs(t){return qu()(zu((...e)=>({..._s(...e),...Hs(...e),...hs(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(Gs,"createAppStore");var Qs=Gu(null);function d(){let t=Qu(Qs);if(Vu(()=>{t&&!t.persist.hasHydrated()&&t.persist.rehydrate()},[]),!t)throw new Error("Missing AppStoreContext.Provider in the tree");return t()}i(d,"useAppStore");function Vs(t){let e=ju();return e.current||(e.current=Gs(t.config)),Hu.createElement(Qs.Provider,{value:e.current},t.children)}i(Vs,"AppStoreProvider");import dt from"bignumber.js";import{create as em}from"zustand";import{subscribeWithSelector as tm}from"zustand/middleware";import{getLastSuccessfulStep as Zu}from"@rango-dev/queue-manager-rango-preset";import RC from"bignumber.js";var ct=(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))(ct||{});function js(t,e){return e.find(o=>o.name===t)?.displayName}i(js,"getBlockchainDisplayNameFor");function Ye(t,e){return e.find(o=>o.name===t)?.shortName}i(Ye,"getBlockchainShortNameFor");function Ks(t,e){return e.find(o=>o.id===t)?.swapperGroup}i(Ks,"getSwapperDisplayName");function gr(t,e){return e.find(o=>Le(o,t))??null}i(gr,"findToken");function hr(t,e){return e.find(o=>o.name===t)??null}i(hr,"findBlockchain");import{i18n as Fe}from"@lingui/core";import Te from"bignumber.js";import{PendingSwapNetworkStatus as jo}from"rango-types";function Go(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(Go,"getRequiredWallets");function Qo(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}i(Qo,"isValidAddress");import{i18n as ue}from"@lingui/core";var Q=i(()=>({genericServerError:ue.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:ue.t("Please reset your liquidity sources."),description:ue.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources.")},noResultError:{title:ue.t("No Routes Found."),description:ue.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:ue.t("Bridge Limit Error: Please increase your amount."),decreaseAmount:ue.t("Bridge Limit Error: Please decrease your amount.")},highValueLossError:{impactTitle:ue.t("High Price Impact"),title:ue.t("Price impact is too high!"),description:ue.t("The price impact is significantly higher than the allowed amount. If you are sure, continue, otherwise, change the swap."),confirmMessage:ue.t("Confirm high price impact")},quoteUpdatedWithHighValueLoss:{title:ue.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:ue.t("USD Price Unknown"),title:ue.t("USD Price Unknown, Cannot calculate Price Impact."),description:ue.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:ue.t("Confirm USD Price Unknown")}}),"errorMessages");function Xs(t){switch(t.type){case 0:return t.diagnosisMessage??Q().noResultError.title;case 1:return Q().genericServerError;default:return""}}i(Xs,"getQuoteErrorMessage");import{i18n as Vo}from"@lingui/core";var Tt=i(()=>({connectWallet:Vo.t("Connect Wallet"),swap:Vo.t("Swap"),swapAnyway:Vo.t("Swap anyway"),ethWarning:Vo.t("The route goes through Ethereum. Continue?")}),"swapButtonTitles");function Ys(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(Ys,"hasHighValueLoss");function yr(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(yr,"hasLimitError");function Sr(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:N(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:N(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:N(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:N(n,6,6),symbol:e.from.symbol}}),a=Q().bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:s,recommendation:a}}i(Sr,"getLimitErrorMessage");function Js(t){let{fetchMetaStatus:e,anyWalletConnected:o,fetchingQuote:n,inputAmount:r,quote:s,warning:a,error:l,needsToWarnEthOnPath:p}=t;return e!=="success"?{title:Tt().connectWallet,action:"connect-wallet",disabled:!0}:o?n||!s||!s.result||l||!r||r==="0"?{title:Tt().swap,action:"confirm-swap",disabled:!0}:a?{title:Tt().swapAnyway,action:"confirm-warning",disabled:!1}:p?{title:Tt().ethWarning,action:"confirm-warning",disabled:!1}:{title:Tt().swap,action:"confirm-swap",disabled:!1}:{title:Tt().connectWallet,action:"connect-wallet",disabled:!1}}i(Js,"getSwapButtonState");function Cr(t,e,o){return!((!o||o.lte(Ie))&&t?.result&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t.result)}i(Cr,"canComputePriceImpact");function Ku(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(Ku,"requiredWallets");var Xu=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice");function Yu(t,e){let o=Ie;for(let n=0;n<t.fee.length;n++){let r=t.fee[n];if(r.expenseType==="DECREASE_FROM_OUTPUT")continue;let s=Xu(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new Te(r.amount).multipliedBy(s||0))}return o}i(Yu,"getUsdFeeOfStep");function Ko(t,e){return t.reduce((o,n)=>o.plus(Yu(n,e)),Ie)}i(Ko,"getTotalFeeInUsd");function kr(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(kr,"checkSlippageErrors");function Zs(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(Zs,"checkSlippageWarnings");function Xo(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(Xo,"getMinRequiredSlippage");function Rs(t,e){return e?parseFloat(t)>=parseFloat(e):!0}i(Rs,"hasProperSlippage");function Yo(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,y=s?.reduce((S,w)=>(S[w.chain]=w.address,S),{}),h=[];r?.forEach(S=>{let w=h.find(E=>E.blockchain===S.chain);w?w.addresses.push(S.address):h.push({blockchain:S.chain,addresses:[S.address]})});let b=!!f,T=Bt((f?.result?.swaps||[]).reduce((S,w)=>(S.push(w.from.blockchain,w.to.blockchain),w.internalSwaps&&Array.isArray(w.internalSwaps)&&w.internalSwaps.map(E=>{S.push(E.from.blockchain,E.to.blockchain)}),S),[]));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:y??{},slippage:c.toString(),...k&&{destination:k},...p&&{swapperGroups:a.concat(l??[]),swappersGroupsExclude:!0},...!p&&{swapperGroups:l?.filter(S=>!a.includes(S)),swappersGroupsExclude:!1},...b&&{blockchains:T}}}i(Yo,"createQuoteRequestBody");function ea(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}i(ea,"getWalletsForNewSwap");function Mt(t){return t.result?.outputAmount||null}i(Mt,"getQuoteOutputAmount");function ta(t,e){return new Te(e).div(new Te(t)).minus(1).multipliedBy(100).toNumber()}i(ta,"getPercentageChange");function oa(t,e){let o=Mt(t),n=Mt(e);if(!o||!n)return!1;let r=Be(o,n);return r?r<=-1:!0}i(oa,"isOutputAmountChangedALot");function na(t,e,o){let n=t.validationStatus,r=Ws(t);return e.sort((a,l)=>r.indexOf(a.chain)-r.indexOf(l.chain)).flatMap(a=>pa(a,n)||[]).filter(a=>!a.ok).map(a=>{let l=a.asset.symbol,p=N(new Te(a.currentAmount.amount).shiftedBy(-a.currentAmount.decimals),8,8),c=N(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(na,"generateBalanceWarnings");function ra(t,e){return(t?new Te(t):Ie).multipliedBy(e||0)}i(ra,"calcOutputUsdValue");function Zt(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==jo.NetworkChanged}i(Zt,"isNetworkStatusInWarningState");function ia(t,e){let o="bellow button or",n=t.extraMessage,r=t.extraMessageDetail;if(t.networkStatusExtraMessageDetail?.includes(o)&&(t.networkStatusExtraMessageDetail=t.networkStatusExtraMessageDetail.replace(o,"")),Zt(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case jo.WaitingForConnectingWallet:n=n||Fe.t("Waiting for connecting wallet");break;case jo.WaitingForQueue:n=n||Fe.t("Waiting for other running tasks to be finished");break;case jo.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(ia,"getSwapMessages");function sa(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(sa,"getLastConvertedTokenInFailedSwap");function aa(t){return t.status==="failed"&&!!t.finishTime&&new Date().getTime()-parseInt(t.finishTime)<4*3600*1e3}i(aa,"shouldRetrySwap");function la(t,e,o,n,r,s){return t||!e&&!Ku(n).every(a=>r.map(l=>l.chain).includes(a))||!!e&&!o||!!e&&!!o&&s&&!Qo(s,o)}i(la,"confirmSwapDisabled");function Tr(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(Tr,"searchParamsToToken");function ua(t){return t?.result?.swaps[t?.result?.swaps.length-1].to.usdPrice}i(ua,"getQuoteToTokenUsdPrice");function wr(t,e){let o=t.result?.swaps||[],n=e.result?.swaps||[];return o.length!==n.length}i(wr,"isNumberOfSwapsChanged");function vr(t,e){let o=t.result?.swaps.map(r=>r.swapperId)||[],n=e.result?.swaps.map(r=>r.swapperId)||[];return!ur(o,n)}i(vr,"isQuoteSwappersUpdated");function xr(t,e){let o=t.result?.swaps.map(r=>r.to.symbol)||[],n=e.result?.swaps.map(r=>r.to.symbol)||[];return!ur(o,n)}i(xr,"isQuoteInternalCoinsUpdated");function ma(t,e){return wr(t,e)||vr(t,e)||xr(t,e)}i(ma,"isQuoteChanged");function pa(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(pa,"getRequiredBalanceOfWallet");function nt(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}i(nt,"getPriceImpactLevel");function da(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],s=Zu(t.steps),a={blockchain:r.toBlockchain,symbol:r.toSymbol,address:r.toSymbolAddress},l=hr(s?s.toBlockchain:n.fromBlockchain,e),p=hr(r.toBlockchain,e),c=gr(s?{blockchain:l?.name??"",symbol:s.toSymbol,address:s.toSymbolAddress}:{blockchain:l?.name??"",symbol:n.fromSymbol,address:n.fromSymbolAddress},o),u=gr(a,o),m=s?s.outputAmount??"":t.inputAmount;return{fromBlockchain:l,fromToken:c,toBlockchain:p,toToken:u,inputAmount:m}}i(da,"createRetryQuote");function Jo(t,e){let{fromToken:o,toToken:n,tokens:r,userSlippage:s}=e,a=wt(o,t.requestAmount),l=wt(n,t.result?.outputAmount??"");if(t.result&&a&&l){let u=Be(a.toString(),l.toString());if(!!u&&Ys(a,u)){let g=Ko(t.result.swaps,r),f=nt(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=Xo(t),c=s>Os;if(Rs(e.userSlippage.toString(),p)){if(c&&parseFloat(p??"0")<s)return{type:3,slippage:s.toString()}}else return{type:2,recommendedSlippages:Zs(t,s),minRequiredSlippage:p};return null}i(Jo,"generateQuoteWarnings");function Be(t,e){let o=typeof e=="string"?parseFloat(e)<=0:!e?.gt(0),n=!t||!e||o?null:ta(t.toString(),e.toString());return n&&n<0?n:null}i(Be,"getPriceImpact");var Ru=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"),mt=Ru;var wt=i((t,e)=>t?.usdPrice?new dt(e||Ie).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),O=mt(em()(tm(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new dt(0),outputUsdValue:new dt(0),toBlockchain:null,toToken:null,quote:null,quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:"",quoteWarningsConfirmed:!1,setQuote:e=>t(o=>{let n=null,r=Ie;return Jt(o.inputAmount)?(e&&(n=e.result?.outputAmount?new dt(e.result?.outputAmount):null,r=ra(e.result?.outputAmount,ua(e)||o.toToken?.usdPrice)),{quote:e,...!!e&&{outputAmount:n,outputUsdValue:r}}):{}}),resetQuote:()=>t(()=>({quote:null,outputAmount:null,outputUsdValue:new dt(0)})),setFromBlockchain:e=>{t(o=>o.fromBlockchain?.name===e?.name?{}:{fromBlockchain:e,...o.fromToken&&{quote:null,fromToken:null,outputAmount:null,outputUsdValue:null}})},setFromToken:e=>t(o=>({fromToken:e.token,...e.token&&{fromBlockchain:e.meta.blockchains.find(n=>n.name===e.token.blockchain)??null},...!!o.inputAmount&&{inputUsdValue:wt(e.token,o.inputAmount)}})),setToBlockchain:e=>{t(o=>o.toBlockchain?.name===e?.name?{}:{toBlockchain:e,...o.toToken&&{quote:null,toToken:null,outputAmount:null,outputUsdValue:null}})},setToToken:e=>t(()=>({toToken:e.token,...e.token&&{toBlockchain:e.meta.blockchains.find(o=>o.name===e.token.blockchain)??null}})),setInputAmount:e=>{t(o=>({inputAmount:e,...!e&&{outputAmount:new dt(0),outputUsdValue:new dt(0),quote:null},...!!o.fromToken&&{inputUsdValue:wt(o.fromToken,e)}}))},retry:(e,o)=>{let{tokens:n,blockchains:r}=o,{fromBlockchain:s,fromToken:a,toBlockchain:l,toToken:p,inputAmount:c}=da(e,r,n);t({fromBlockchain:s,fromToken:a,inputAmount:c,outputAmount:null,inputUsdValue:wt(a??null,c),outputUsdValue:new dt(0),toBlockchain:l,toToken:p,quote:null})},switchFromAndTo:()=>t(e=>({fromBlockchain:e.toBlockchain,fromToken:e.toToken,toBlockchain:e.fromBlockchain,toToken:e.fromToken,inputAmount:e.outputAmount?.toString()||"",inputUsdValue:wt(e.toToken,e.outputAmount?.toString()||"")})),resetFromBlockchain:()=>t(()=>({fromToken:null,fromBlockchain:null,outputAmount:null,outputUsdValue:null,quote:null})),resetToBlockchain:()=>t(()=>({toToken:null,toBlockchain:null,outputAmount:null,outputUsdValue:null,quote:null})),setQuoteWalletConfirmed:e=>t({quoteWalletsConfirmed:e}),setSelectedWallets:e=>t({selectedWallets:e}),setCustomDestination:e=>t({customDestination:e}),resetQuoteWallets:()=>t({quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:""}),setQuoteWarningsConfirmed:e=>t({quoteWarningsConfirmed:e})}))));function ga(){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:y}=d(),h=Ro(()=>c?.from?.tokens,[c?.from?.tokens]),b=Ro(()=>c?.from?.blockchains,[c?.from?.blockchains]),T=Ro(()=>c?.to?.tokens,[c?.to?.tokens]),v=Ro(()=>c?.to?.blockchains,[c?.to?.blockchains]),S=en(void 0),w=en(void 0),E=en(void 0),M=en(void 0);Zo(()=>{t(c?.amount?.toString()||"")},[c?.amount]),fa(()=>{if(u==="success"){let C=m.find($=>$.name===c?.from?.blockchain),P=g.find($=>Le($,c?.from?.token||null));(C||!C&&E.current)&&n(C??null),P?r({token:P,meta:{blockchains:m,tokens:g}}):!P&&S.current&&r({token:null}),E.current=c?.from?.blockchain,S.current=c?.from?.token}},[c?.from?.token?.symbol,c?.from?.token?.address,c?.from?.token?.blockchain,c?.from?.blockchain,u]),Zo(()=>{s&&h&&(h.some(C=>Le(C,s))||r({token:null})),l&&b&&(b.includes(l.name)||n(null))},[h,b]),Zo(()=>{a&&T&&(T.some(C=>Le(C,a))||e({token:null})),p&&v&&(v.includes(p.name)||o(null))},[T,v]),fa(()=>{if(u==="success"){let C=m.find($=>$.name===c?.to?.blockchain),P=g.find($=>Le($,c?.to?.token||null));(C||!C&&M.current)&&o(C??null),P?e({token:P,meta:{blockchains:m,tokens:g}}):!P&&w.current&&e({token:null}),M.current=c?.to?.blockchain,w.current=c?.to?.token}},[c?.to?.token?.symbol,c?.to?.token?.address,c?.to?.token?.blockchain,c?.to?.blockchain,u]),Zo(()=>{f(c?.affiliate?.ref??null),k(c?.affiliate?.percent??null),y(c?.affiliate?.wallets??null)},[c?.affiliate?.ref,c?.affiliate?.percent,c?.affiliate?.wallets])}i(ga,"useSyncStoresWithConfig");import{useEffect as im}from"react";import{create as om}from"zustand";import{subscribeWithSelector as nm}from"zustand/middleware";var z=mt(om()(nm((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:Ho(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=>Uo(p,l))?{...l,loading:!0}:l)}));try{let a=o.map(({address:c,chain:u})=>({address:c,blockchain:u})),p=(await Lt().getWalletsDetails(a)).wallets;if(p)t(c=>{let u=c.connectedWallets.map(g=>{let f=o.find(y=>Uo(y,g)),k=p.find(y=>y.address===g.address&&y.blockChain===g.chain);return k?.failed&&f&&r&&s([f],n,!1),f&&k?{...g,explorerUrl:k.explorerUrl,balances:Ns(k,n),loading:!1}:g});return{loading:!1,balances:Ho(u),connectedWallets:u}});else throw new Error("Wallet not found")}catch{t(l=>{let p=l.connectedWallets.map(u=>o.find(m=>Uo(m,u))?Ls(u):u);return{loading:!1,balances:Ho(p),connectedWallets:p}})}},getBalanceFor:o=>{let{balances:n}=e(),r=dr(o);return n[r]??null}}))));import{allProviders as rm}from"@rango-dev/provider-all";function tn(t,e){let o=rm({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(tn,"matchAndGenerateProviders");function ha(t,e){return tn(t,e).map(r=>r.config.type)}i(ha,"configWalletsToWalletName");function ya(t,e){let o=z.use.clearConnectedWallet(),n=tn(void 0,e);return im(()=>{o(),n=tn(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}i(ya,"useWalletProviders");var nn=lm({onConnectWallet:()=>{}});function cm(t){let{updateConfig:e,updateSettings:o,fetch:n}=d(),r=d().blockchains(),s=d().tokens(),a={walletConnectProjectId:t.config?.walletConnectProjectId},{providers:l}=ya(t.config.wallets,a),{connectWallet:p,disconnectWallet:c}=z(),u=pm();ga(),Sa(()=>{n().catch(console.log)},[]),Sa(()=>{t.config&&(e(t.config),o(t.config))},[t.config]);let m=r.filter(am).map(f=>f.name),g=i((f,k,y,h,b)=>{if(k===br.ACCOUNTS)if(y){let T=Fo(b.supportedBlockchains),v=Is(f,y,m,T,b.isContractWallet);p(v,s)}else c(f);if(k===br.ACCOUNTS&&h.connected){let T=`${f}-${h.network}-${y}`;h.connected&&(u.current?u.current(T):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(k===br.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,y,h,b)},"onUpdateState");return on.createElement(nn.Provider,{value:{onConnectWallet:f=>{u.current=f}}},on.createElement(sm,{allBlockChains:r,providers:l,onUpdateState:g,autoConnect:!0},t.children))}i(cm,"Main");function rn(t){let{config:e,...o}=t;return on.createElement(Vs,{config:e},on.createElement(cm,{...o,config:e}))}i(rn,"WidgetWallets");import gs from"react";import{I18nManager as zy}from"@rango-dev/ui";import Eo,{useContext as Hy,useEffect as Cu,useState as ku}from"react";import{useQueueManager as Cm}from"@rango-dev/queue-manager-rango-preset";import{useWallets as km}from"@rango-dev/wallets-react";import{isEvmBlockchain as Tm}from"rango-types";import sn,{Fragment as wm}from"react";import{MemoryRouter as vm,useInRouterContext as xm}from"react-router";import{useWallets as mm}from"@rango-dev/wallets-react";import{useEffect as dm,useRef as fm}from"react";function Ca(){let{connect:t,state:e}=mm(),o=fm({}),{fetchStatus:n}=d(),r=new URLSearchParams(location.search).get("autoConnect")||"",s=e(r);dm(()=>{n==="success"&&r&&s.installed&&!s.connecting&&!s.connected&&!o.current[r]&&(o.current[r]=!0,t(r))},[s,n])}i(Ca,"useForceAutoConnect");import{useEffect as Ar,useRef as Er}from"react";import{createSearchParams as hm,useLocation as ym,useSearchParams as Sm}from"react-router-dom";var _={home:"/",fromSwap:"from-swap",toSwap:"to-swap",blockchains:"blockchains",settings:"settings",liquiditySources:"liquidity-sources",themes:"themes",bridges:"bridges",exchanges:"exchanges",languages:"languages",swaps:"swaps",wallets:"wallets",confirmSwap:"confirm-swap",swapDetails:":requestId"};import{create as gm}from"zustand";var we=mt(gm()(t=>({connectWalletsButtonDisabled:!1,selectedSwapRequestId:null,currentPage:"",setSelectedSwap:e=>t({selectedSwapRequestId:e}),setCurrentPage:e=>t({currentPage:e})})));function ka(){let t=Er(!0),[e,o]=Sm(),n=ym(),r=Er(n.search),s=Er({}),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(),y=O.use.setInputAmount(),h=d().fetchStatus,b=d().blockchains(),T=d().tokens(),v=we.use.setSelectedSwap();return Ar(()=>{let S={};hm(r.current).forEach((E,M)=>{S[M]=E}),s.current=S;let w=n.pathname.split(_.swaps+"/")[1]||null;w&&v(w)},[]),Ar(()=>{if(!t.current){let S="",w="",E="",M="",C="",P=s.current["autoConnect"];h!=="success"?(S=s.current["fromBlockchain"],w=s.current["fromToken"],E=s.current["toBlockchain"],M=s.current["toToken"],C=s.current["fromAmount"]||k):(S=a?.name||"",w=(p?.symbol||"")+(p?.address?`--${p?.address}`:""),E=l?.name||"",M=(c?.symbol||"")+(c?.address?`--${c?.address}`:""),C=k),o({...S&&{["fromBlockchain"]:S},...w&&{["fromToken"]:w},...E&&{["toBlockchain"]:E},...M&&{["toToken"]:M},...C&&{["fromAmount"]:C.toString()},...P&&{["autoConnect"]:P}},{replace:!0})}t.current=!1},[n.pathname,k,a,p,l,c]),Ar(()=>{if(h==="success"){let S=e.get("fromBlockchain"),w=e.get("fromToken"),E=e.get("toBlockchain"),M=e.get("toToken"),C=e.get("fromAmount"),P=b.find(F=>F.name===S),$=Tr(T,w,P||null),W=b.find(F=>F.name===E),x=Tr(T,M,W||null);P&&(u(P),$&&m({token:$,meta:{blockchains:b,tokens:T}})),W&&(g(W),x&&f({token:x,meta:{blockchains:b,tokens:T}})),C&&y(C)}},[h]),null}i(ka,"UpdateUrl");function Ta({children:t,...e}){let o=xm(),n=o?wm:vm,r=d().blockchains(),{canSwitchNetworkTo:s}=km();Ca();let a=r.filter(Tm);return Cm({lastConnectedWallet:e.lastConnectedWallet,clearDisconnectedWallet:e.clearDisconnectedWallet,disconnectedWallet:e.disconnectedWallet,evmChains:a,canSwitchNetworkTo:s}),sn.createElement(sn.Fragment,null,sn.createElement(n,null,t),o&&sn.createElement(ka,null))}i(Ta,"AppRouter");import Ae from"react";import{useRoutes as Wy}from"react-router-dom";import{i18n as In}from"@lingui/core";import{useManager as Bf}from"@rango-dev/queue-manager-react";import{Alert as pp,Button as cp,css as ii,Divider as Pf,IconButton as up,RefreshIcon as Mf,SettingsIcon as $f,styled as mp,Tooltip as _f,Typography as Df,WalletIcon as Ff}from"@rango-dev/ui";import ee,{useEffect as po,useLayoutEffect as Uf,useRef as Of,useState as Wn}from"react";import{flushSync as qf}from"react-dom";import{useNavigate as zf}from"react-router-dom";import{i18n as rt}from"@lingui/core";import{Alert as qr,BalanceErrors as Md,Button as yl,ChevronDownIcon as $d,ChevronLeftIcon as _d,Divider as Ut,MessageBox as Dd,Modal as Sl,Typography as kn,WalletIcon as Fd}from"@rango-dev/ui";import L,{useEffect as Ud,useLayoutEffect as Od,useRef as qd,useState as bt}from"react";import{useNavigate as zd}from"react-router-dom";import{i18n as an}from"@lingui/core";function ln(t){switch(t.type){case 0:return an.t("Route has been updated.");case 3:return an.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return an.t("Route swappers has been updated.");case 2:return an.t("Route internal coins has been updated.");default:return""}}i(ln,"getQuoteUpdateWarningMessage");import*as _t from"@radix-ui/react-collapsible";import{Button as Am,css as wa,darkTheme as $t,IconButton as Em,keyframes as va,styled as fe,TextField as Im}from"@rango-dev/ui";var Rt=300,Wm=va({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),Nm=va({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),xa=fe("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),ba=fe("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}),Aa=fe("button",{borderRadius:"$xm",padding:"$10",border:"0",display:"flex",justifyContent:"center",$$color:"$colors$neutral100",[`.${$t} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",alignItems:"center",cursor:"pointer",width:110,position:"relative","&:hover":{$$color:"$colors$info100",[`.${$t} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$color:"$colors$info100",[`.${$t} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color",outline:0},variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary",outlineStyle:"solid"}}}}),Ea=fe(_t.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit"}),Ia=fe("div",{padding:"$20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),Wa=fe(Em,{position:"absolute",left:"$20"}),Na=fe("div",{paddingTop:"$20"}),La=wa({display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}),Ba=fe(_t.Root,{backgroundColor:"$neutral200",borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),Pa=fe(Am,{width:"100%",borderRadius:"$sm !important",padding:"$15 !important",justifyContent:"space-between",alignItems:"center",$$color:"$colors$neutral100",[`.${$t} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color","&:hover":{$$color:"$colors$info100",[`.${$t} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$background:"$colors$info100",[`.${$t} &`]:{$$background:"$colors$info700"},backgroundColor:"$$background",outline:0}}),Ma=fe("div",{padding:"$10 $0","& .button__content":{display:"flex",justifyContent:"center",alignItems:"center"},"& .alarms":{paddingTop:"5px"}}),$a=wa({paddingTop:"5px"}),_a=fe("div",{transition:`all ${Rt}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),Da=fe("div",{display:"flex"}),Fa=fe(Im,{padding:"$0 $15 $15 $15"}),pn=fe(_t.Content,{overflow:"hidden",variants:{open:{true:{animation:`${Wm} ${Rt}ms ease-out`},false:{animation:`${Nm} ${Rt}ms ease-out`}}}}),Ua=fe("div",{overflow:"visible",width:"100%"});import{i18n as qe}from"@lingui/core";import{Button as Ld,Divider as Ur,Image as Bd,MessageBox as Cn,Modal as ml,SelectableWallet as Pd,Typography as dl,WalletState as fl}from"@rango-dev/ui";import R,{useEffect as gl,useState as to}from"react";import{WalletState as Oa}from"@rango-dev/ui";import{useWallets as Lm}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as Bm,WalletTypes as Pm}from"@rango-dev/wallets-shared";import{useEffect as Mm,useState as $m}from"react";var _m=Object.values(Pm);function cn(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:s,disconnect:a,getWalletInfo:l,connect:p}=Lm(),{connectedWallets:c}=z(),u=d().blockchains(),m=ha(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||_m,g=Es(s,l,m,o),f=Ms(g),[k,y]=$m(""),h=i(S=>!c.find(w=>w.walletType===S&&w.chain===o),"isExperimentalChainNotAdded"),b=i(async S=>{let w=s(S);try{if(k&&y(""),w.connected)await a(S);else{let E=!!g.find(M=>M.state===Oa.CONNECTED);if(!e?.multiWallets&&E)return;n?.(S),await p(S),r?.(S)}}catch(E){y("Error: "+E?.message)}},"handleClick"),T=i(()=>{let S=g?.filter(w=>w.state===Oa.CONNECTING)||[];for(let w of S)a(w.type)},"disconnectConnectingWallets");Mm(()=>()=>{T()},[]);let v=i((S,w,E)=>Oo(E,w)&&h(S)&&!Bm.includes(S),"shouldExcludeWallet");return{list:f.filter(S=>!v(S.type,o??"",u)),error:k,handleClick:b}}i(cn,"useWalletList");import{i18n as il}from"@lingui/core";import{styled as al,Typography as vd,Wallet as xd,WalletState as bd}from"@rango-dev/ui";import xt,{Fragment as Ad,useState as sl}from"react";import{BottomLogo as dd,Divider as fd,Header as gd}from"@rango-dev/ui";import me from"react";import{useNavigate as Dm}from"react-router-dom";function ft(){let t=Dm();return()=>t(-1)}i(ft,"useNavigateBack");import{ChevronLeftIcon as Om}from"@rango-dev/ui";import Ha from"react";import{darkTheme as Fm,IconButton as Um,styled as un}from"@rango-dev/ui";var Ue=un(Um,{width:"$24",position:"relative",padding:"0",overflow:"unset"}),qa=un("div",{position:"absolute",background:"$secondary500",[`.${Fm} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),Dt=un("div",{display:"flex",justifyContent:"flex-end",width:"$40"}),za=un("div",{position:"absolute",backgroundColor:"$secondary500",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0"});function Ir(t){return Ha.createElement(Ue,{variant:"ghost",size:"small",onClick:t.onClick},Ha.createElement(Om,{color:"black",size:16}))}i(Ir,"BackButton");import{i18n as qm}from"@lingui/core";import{Button as zm,Typography as Hm}from"@rango-dev/ui";import Wr from"react";function Nr(t){return Wr.createElement(Dt,null,Wr.createElement(zm,{variant:"ghost",onClick:t.onClick,size:"xsmall"},Wr.createElement(Hm,{variant:"label",size:"medium",color:"error500"},qm.t("Cancel"))))}i(Nr,"CancelButton");import{i18n as Gm}from"@lingui/core";import{Tooltip as Qm,WalletIcon as Vm}from"@rango-dev/ui";import mn from"react";function Lr(t){return mn.createElement(Qm,{container:t.container,side:"top",content:Gm.t("Connect Wallet")},mn.createElement(Ue,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&mn.createElement(qa,null),mn.createElement(Vm,{size:18,color:"black"})))}i(Lr,"WalletButton");import{i18n as gn}from"@lingui/core";import{NotificationsIcon as ad,Popover as ld,RefreshIcon as pd,SettingsIcon as cd,Tooltip as hn,TransactionIcon as ud}from"@rango-dev/ui";import pe from"react";import{i18n as ed}from"@lingui/core";import{ChainToken as Xa,ChevronRightIcon as td,ListItemButton as od,Typography as nd}from"@rango-dev/ui";import Oe from"react";import{useNavigate as rd}from"react-router-dom";import{create as jm}from"zustand";import{persist as Km,subscribeWithSelector as Xm}from"zustand/middleware";var Pe=mt(jm()(Km(Xm((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 dn}from"@rango-dev/ui";var Ga=dn("div",{padding:"$10",width:"350px",minHeight:"150px"}),Qa=dn("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),Va=dn("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),ja=dn("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as Ym}from"@lingui/core";import{Divider as Jm,NoNotificationIcon as Zm,Typography as Rm}from"@rango-dev/ui";import fn from"react";function Ka(){return fn.createElement(ja,null,fn.createElement(Zm,{color:"secondary",size:26}),fn.createElement(Jm,{size:12}),fn.createElement(Rm,{variant:"body",size:"medium",color:"neutral700"},Ym.t("You have no notification")))}i(Ka,"NotificationNotFound");var id=4;function Br(){let t=rd(),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,id),l=i(p=>{e(p),t(`${_.swaps}/${p}`)},"handleOnClick");return Oe.createElement(Ga,null,a.length?Oe.createElement(Qa,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(od,{key:p.requestId,onClick:()=>l(p.requestId),title:Oe.createElement(nd,{variant:"body",size:"small",color:"$neutral700"},ed.t(p.event.message)),id:p.requestId,start:Oe.createElement(Va,null,Oe.createElement("div",{className:"from-chain-token"},Oe.createElement(Xa,{tokenImage:c?c.image:"",chainImage:u?u.logo:"",size:"small"})),Oe.createElement("div",{className:"to-chain-token"},Oe.createElement(Xa,{tokenImage:m?m.image:"",chainImage:g?g.logo:"",size:"small"}))),end:Oe.createElement(td,{size:12,color:"gray"})})})):Oe.createElement(Ka,null))}i(Br,"NotificationContent");import{Typography as sd}from"@rango-dev/ui";import Ya from"react";function Ja(){let{getUnreadNotifications:t}=Pe(),e=t().length;return e?Ya.createElement(za,null,Ya.createElement(sd,{variant:"body",size:"xsmall",color:"$background"},e)):null}i(Ja,"UnreadNotificationsBadge");function Pr(t){let{layoutRef:e,onClickRefresh:o,onClickHistory:n,onClickSettings:r,onClickNotifications:s}=t,{config:{features:a}}=d(),l=Ne("notification",a);return pe.createElement(pe.Fragment,null,pe.createElement(hn,{container:j(),side:"top",content:gn.t("Refresh")},pe.createElement(Ue,{variant:"ghost",size:"small",onClick:o,disabled:!o},pe.createElement(pd,{size:16,color:o?"black":"gray"}))),!l&&pe.createElement(hn,{container:j(),side:"top",content:gn.t("Notifications")},pe.createElement(ld,{align:"center",collisionBoundary:e,collisionPadding:{right:20,left:20},container:j(),content:pe.createElement(Br,null)},pe.createElement(Ue,{size:"small",variant:"ghost",onClick:s},pe.createElement(ad,{size:18,color:"black"}),pe.createElement(Ja,null)))),pe.createElement(hn,{container:j(),side:"top",content:gn.t("Settings")},pe.createElement(Ue,{size:"small",variant:"ghost",onClick:r},pe.createElement(cd,{size:18,color:"black"}))),pe.createElement(hn,{container:j(),side:"top",content:gn.t("Transactions History")},pe.createElement(Ue,{size:"small",variant:"ghost",onClick:n},pe.createElement(ud,{size:18,color:"black"}))))}i(Pr,"HomeButtons");import{darkTheme as md,styled as Mr}from"@rango-dev/ui";var Za=Mr("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",maxWidth:"390px",maxHeight:"700px",$$color:"$colors$neutral100",[`.${md} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",variants:{fixedHeight:{true:{height:"95vh"},false:{height:"auto"}}}}),Ra=Mr("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"}}}}),el=Mr("div",{backgroundColor:"$background","& .footer__content":{padding:"$0 $20"},"& .footer__logo":{padding:"$0 $20 $10 $20"}});function hd(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=Ne("connectWalletButton",c),m=we.use.connectWalletsButtonDisabled(),g=ft(),f=i(()=>{!m&&n.onWallet&&n.onWallet()},"onConnectWallet"),k=typeof n.hasBackButton>"u"||n.hasBackButton;return me.createElement(Za,{ref:e,fixedHeight:l,id:"swap-box"},me.createElement(gd,{prefix:me.createElement(me.Fragment,null,k&&me.createElement(Ir,{onClick:g})),title:n.title,suffix:me.createElement(me.Fragment,null,n.suffix,n.onWallet&&!u&&me.createElement(Lr,{container:j(),onClick:f,isConnected:!!p?.length}),n.onCancel&&me.createElement(Nr,{onClick:n.onCancel}))}),me.createElement(Ra,{noPadding:s},o),(a||r)&&me.createElement(el,null,me.createElement("div",{className:"footer__content"},r),a&&me.createElement("div",{className:"footer__logo"},me.createElement(fd,{size:12}),me.createElement(dd,null))))}i(hd,"LayoutComponent");var K=me.forwardRef(hd);K.displayName="Layout";import{Divider as Td,Modal as wd}from"@rango-dev/ui";import _r from"react";import{i18n as Ft}from"@lingui/core";import{Image as Cd,MessageBox as $r,WalletState as kd}from"@rango-dev/ui";import vt from"react";import{keyframes as yd,styled as yn}from"@rango-dev/ui";var bv=yn("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),tl=yn("div",{position:"relative"}),Sd=yd({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),ol=yn("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Sd} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),nl=yn("div",{"& img":{borderRadius:"50%"}});function rl(t){let{state:e,image:o,error:n}=t;return e===kd.CONNECTED?vt.createElement($r,{type:"success",title:Ft.t("Wallet Connected"),description:Ft.t("Your wallet is connected, you can use it to swap.")}):n?vt.createElement($r,{type:"error",title:Ft.t("Failed to Connect"),description:n||Ft.t("Your wallet is not connected. Please try again.")}):vt.createElement($r,{type:"loading",title:Ft.t("Connecting to your wallet"),description:Ft.t("Click connect in your wallet popup."),icon:vt.createElement(tl,null,vt.createElement(nl,null,vt.createElement(Cd,{src:o,size:45})),vt.createElement(ol,null))})}i(rl,"ModalContent");function eo(t){let{open:e,onClose:o,...n}=t;return _r.createElement(wd,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},_r.createElement(rl,{...n}),_r.createElement(Td,{direction:"vertical",size:32}))}i(eo,"WalletModal");var Ed=al("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline",paddingTop:"$15",height:"100%"}),Id=al("div",{textAlign:"center"}),Sn=3e3,Dr=300;function ll(){let{config:t,fetchStatus:e}=d(),[o,n]=sl(!1),[r,s]=sl(""),a=null,{list:l,handleClick:p,error:c}=cn({config:t,onBeforeConnect:f=>{a=setTimeout(()=>{n(!0),s(f)},Dr)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},Sn)}}),u=l.find(f=>f.type===r),m=u?.image||"",g=u?.state||bd.NOT_INSTALLED;return xt.createElement(K,{header:{title:il.t("Connect Wallets")}},xt.createElement(Id,null,xt.createElement(vd,{variant:"title",size:"xmedium",align:"center"},il.t("Choose a wallet to connect.")),xt.createElement(Ed,null,l.map((f,k)=>{let y=`wallet-${k}-${f.type}`;return xt.createElement(Ad,{key:y},xt.createElement(xd,{...f,container:j(),onClick:h=>{p(h)},isLoading:e==="loading"}))}),xt.createElement(eo,{open:!!o,onClose:()=>n(!1),image:m,state:g,error:c}))))}i(ll,"WalletsPage");import{keyframes as Wd,styled as Fr}from"@rango-dev/ui";var pl=Fr("div",{position:"relative"}),Nd=Wd({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),cl=Fr("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Nd} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),ul=Fr("div",{"& img":{borderRadius:"50%"}});function Or(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]=to(""),[m,g]=to(null),[f,k]=to(!1),[y,h]=to(null),{suggestAndConnect:b}=hl(),T=null,{list:v,error:S,handleClick:w}=cn({config:a,chain:e,onBeforeConnect:x=>{T=setTimeout(()=>{u(x)},Dr)},onConnect:()=>{T&&clearTimeout(T),setTimeout(()=>{u("")},Sn)}}),[E,M]=to(v),C=v.length,P=r&&C-r>0,$=i(async x=>{k(!1),h("in-progress");try{await b(x.walletType,x.chain),h("completed")}catch{h("rejected")}},"addExperimentalChain");gl(()=>{M(x=>{let F=v.findIndex(I=>o(I.type,e));return P&&F>1?[v[F]].concat(v.filter((I,H)=>H!==F)):x.map(I=>v.find(H=>H.type===I.type)??I)})},[JSON.stringify(v)]);let W=document.querySelector("#swap-box");return gl(()=>{let x=null;return(y==="completed"||y==="rejected")&&(x=setTimeout(()=>h(null),Sn)),()=>{x&&clearTimeout(x)}},[y]),R.createElement(R.Fragment,null,E.slice(0,r).map(x=>{let F=$s({connectedWallets:l,walletType:x.type,chain:e}),I=F?zo(F):"",H=Oo(p(),e),te=!l.find(Se=>Se.walletType===x.type&&Se.chain===e),oe=H&&te&&x.state===fl.CONNECTED,G=oe?qe.t({id:"Add {chain} chain",values:{chain:e}}):I,ie=i(()=>{x.state===fl.DISCONNECTED?w(x.type):oe?(g({walletType:x.type,chain:e,address:F??""}),k(!0)):n({walletType:x.type,chain:e,address:F??""})},"onClick"),ye=m?.chain?js(m.chain,p()):void 0;return R.createElement(R.Fragment,null,R.createElement(eo,{open:c===x.type,onClose:()=>u(""),image:x.image,state:x.state,error:S}),!!m&&R.createElement(ml,{open:!!m&&f,container:W,onClose:()=>{g(null)}},R.createElement(Cn,{title:qe.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:ye}}),type:"warning",description:qe.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:ye}})},R.createElement(Ur,{size:18}),R.createElement(Ur,{size:32}),R.createElement(Ld,{onClick:$.bind(null,m),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},qe.t("Confirm")))),y&&R.createElement(ml,{open:!!y,onClose:h.bind(null,null),container:W},y==="in-progress"&&R.createElement(Cn,{type:"loading",title:qe.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:ye}}),description:qe.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:ye}}),icon:R.createElement(pl,null,R.createElement(ul,null,R.createElement(Bd,{src:x.image,size:45})),R.createElement(cl,null))}),y==="completed"&&R.createElement(Cn,{type:"success",title:qe.t({id:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:ye}}),description:qe.t({id:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:ye}})}),y==="rejected"&&R.createElement(Cn,{type:"error",title:qe.t("Request Rejected"),description:qe.t({id:"You've rejected adding {blockchainDisplayName} chain to your wallet.",values:{blockchainDisplayName:ye}})}),R.createElement(Ur,{direction:"vertical",size:32})),R.createElement(Pd,{key:x.type,description:G,onClick:ie,selected:o(x.type,e),...x}))}),P&&R.createElement(Aa,{selected:!1,onClick:s.bind(null)},R.createElement(dl,{variant:"label",size:"medium"},qe.t("Show more wallets"),R.createElement(dl,{variant:"label",size:"medium",color:"$primary"},"\xA0+",C-(r??0)))))}i(Or,"WalletList");var Hd=2;function Cl(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:y}=z(),[h,b]=bt(""),[T,v]=bt([]),[S,w]=bt(""),[E,M]=bt(null),[C,P]=bt(g),[$,W]=bt(!!g),x=qd(null),F=Go(p),I=l.find(D=>D.name===p?.result?.swaps[p?.result?.swaps.length-1].to.blockchain),H=i(D=>!!p?.result?.swaps.find(Y=>Y.from.blockchain===D),"isWalletRequiredFor"),[te,oe]=bt(k.filter(D=>D.selected&&F.includes(D.chain))),G=l.find(D=>D.name===I?.name),ie=i((D,Y)=>!!te.find(q=>q.walletType===D&&q.chain===Y&&q.selected&&(H(Y)||!H(Y)&&!C)),"isSelected"),ye=!!C&&$&&G&&!Qo(G,C),Se=i(()=>{W(!1),P(""),oe(D=>{let Y=!1;return D.map(q=>!Y&&q.chain===I?.name?(Y=!0,{...q,selected:!0}):q)})},"resetCustomDestination"),De=i(D=>{if(h&&b(""),ie(D.walletType,D.chain))return;let q=k.find(se=>se.walletType===D.walletType&&se.chain===D.chain);q&&(n(),D.chain===I?.name&&$&&(W(!1),P("")),oe(se=>se.filter(je=>je.chain!==D.chain).concat({...q,selected:!0})))},"onChange"),Wt=i(()=>{let D=te.filter(Y=>Y.selected);y(D),c(D),f(C),m(!0),o()},"onConfirmBalance"),Yt=i(async()=>{v([]),w(""),M(null);let D=k.filter(se=>te.find(je=>je.chain===se.chain&&je.walletType===se.walletType)),Y=await r?.({selectedWallets:D,customDestination:C}),q=Y.warnings;q?.balance?.messages&&v(q.balance.messages),q?.quoteUpdate&&M(q.quoteUpdate),Y.error&&w(Xs(Y.error)),!Y.error&&(!q?.balance?.messages.length||0>0)?Wt():v(q?.balance?.messages??[])},"onConfirmWallets");Ud(()=>{oe(D=>D.concat(k.filter(Y=>!!!D.find(se=>se.chain===Y.chain)&&Y.selected&&F.includes(Y.chain))))},[k.length]),Od(()=>{$&&x.current&&setTimeout(()=>{x?.current?.scrollIntoView({behavior:"smooth"})},Rt)},[$]);let ot=document.querySelector("#swap-box"),Ve=zd();return L.createElement(Sl,{open:e,onClose:()=>{u||Ve("../",{replace:!0}),o()},dismissible:!h,container:ot,...!h&&{footer:L.createElement(Da,null,L.createElement(yl,{loading:s,disabled:la(s,$,C,p,te,I),onClick:Yt,variant:"contained",type:"primary",fullWidth:!0,size:"large"},"Confirm"))},...h&&{containerStyle:{padding:"$0"},header:L.createElement(Ia,null,L.createElement(Wa,{variant:"ghost",onClick:b.bind(null,"")},L.createElement(_d,{size:16})),L.createElement(kn,{variant:"headline",size:"small"},rt.t({id:"Your {blockchainName} wallets",values:{blockchainName:Ye(h,l)}})))},anchor:"center"},L.createElement(Sl,{open:T.length>0,onClose:v.bind(null,[]),container:ot},L.createElement(Dd,{title:rt.t("Insufficient account balance"),type:"error",description:L.createElement(Md,{messages:T??[]})},L.createElement(yl,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:Wt},rt.t("Proceed anyway")))),h&&L.createElement(Na,null,L.createElement("div",{className:La()},L.createElement(Or,{chain:h,isSelected:ie,selectWallet:De,onShowMore:b.bind(null,h)}))),!h&&L.createElement(L.Fragment,null,S&&L.createElement(L.Fragment,null,L.createElement(qr,{variant:"alarm",type:"error",title:rt.t(S)}),L.createElement(Ut,{size:12})),E&&L.createElement(L.Fragment,null,L.createElement(qr,{variant:"alarm",type:"warning",title:ln(E)}),L.createElement(Ut,{size:12})),L.createElement(Ua,null,F.map((D,Y)=>{let q=l.find(Ee=>Ee.name===D),se=`wallet-${Y}`,je=Y===F.length-1;return L.createElement("div",{key:se},L.createElement(xa,null,L.createElement(kn,{variant:"title",size:"xmedium"},rt.t({id:"Your {blockchainName} wallets",values:{blockchainName:q?.shortName}})),L.createElement(kn,{variant:"label",color:"$neutral700",size:"medium"},rt.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:q?.shortName}}))),L.createElement(Ut,{size:24}),L.createElement(ba,null,L.createElement(Or,{chain:D,isSelected:ie,selectWallet:De,limit:Hd,onShowMore:()=>b(q?.name??"")})),!je&&L.createElement(Ut,{size:32}),je&&a?.customDestination&&L.createElement(Ma,null,L.createElement(Ba,{ref:x,selected:$,open:$,onOpenChange:Ee=>{Ee?H(I?.name??"")||oe(sr=>sr.map(ar=>ar.chain===I?.name?{...ar,selected:!1}:ar)):Se()}},L.createElement(Ea,{onClick:()=>W(Ee=>!Ee)},L.createElement(Pa,{fullWidth:!0,variant:"default",suffix:L.createElement(_a,{orientation:$?"up":"down"},L.createElement($d,{size:10,color:"gray"}))},L.createElement("div",{className:"button__content"},L.createElement(Fd,{size:18,color:"info"}),L.createElement(Ut,{size:4,direction:"horizontal"}),L.createElement(kn,{variant:"label",size:"medium"},rt.t("Send to a different address"))))),L.createElement(pn,{open:$},L.createElement(L.Fragment,null,L.createElement(Ut,{size:4}),L.createElement(Fa,{autoFocus:!0,placeholder:rt.t("Your destination address"),value:C,onChange:Ee=>{P(Ee.target.value)}})))),ye&&L.createElement("div",{className:$a()},L.createElement(qr,{variant:"alarm",type:"error",title:rt.t({values:{destination:C},id:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}i(Cl,"ConfirmWalletsModal");import{Divider as Ef}from"@rango-dev/ui";import Me from"react";import{i18n as jr}from"@lingui/core";import{Alert as Vd,ChevronDownIcon as jd,ChevronRightIcon as Kd,Divider as Kr,Image as Dl,InfoIcon as Xd,QuoteCost as Yd,StepDetails as Jd,TokenAmount as Zd,Tooltip as Fl,Typography as Ot}from"@rango-dev/ui";import B,{useLayoutEffect as Rd,useRef as Ul,useState as ef}from"react";import{styled as oo}from"@rango-dev/ui";var kl=oo("div",{paddingBottom:"$10"}),zr=oo("div",{width:"100%","& .position-top__skeleton":{paddingTop:"$10"}}),Tl=oo("div",{variants:{paddingTop:{true:{paddingTop:"$10"}}}}),wl=oo("div",{paddingBottom:"$15"}),vl=oo("div",{width:"100%",display:"flex"});import*as Tn from"@radix-ui/react-collapsible";import{css as Hr,darkTheme as Je,Image as xl,styled as it}from"@rango-dev/ui";var Gr=300,bl=it(Tn.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"}}}}),Al=Hr({padding:"$10 $15"}),El=it("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"}}}]}),Il=Hr({width:"100%",padding:"$15 $15 $10 $15",cursor:"default"}),Wl=Hr({paddingTop:"$10",display:"flex",alignItems:"center",".usd-value":{$$color:"$colors$neutral600",[`.${Je} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Nl=it(Tn.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:{[`& ${xl}`]:{border:"1px $warning500 solid",borderRadius:"100%"}},false:{[`& ${xl}`]:{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"}}),Qr=it("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"}}}}),Ll=it(pn,{width:"100%"}),Vr=it("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$2",transition:`all ${Gr}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),Px=it("div",{height:"$12",marginLeft:"$10",marginRight:"$10",borderLeft:"1px solid $foreground"}),Bl=it("div",{display:"flex",justifyContent:"center",margin:"0 $15",borderTop:"1px solid",$$color:"$colors$neutral300",[`.${Je} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color"}),Pl=it("div",{width:"$16",height:"$16",justifyContent:"center",alignItems:"center",display:"flex"});import{TokenAmount as _l}from"@rango-dev/ui";import wn from"react";import{css as Gd,styled as Qd}from"@rango-dev/ui";var Ml=Qd("div",{position:"relative",display:"flex",flexDirection:"column",width:"100%"}),$l=Gd({height:"14px",marginLeft:"14px",position:"absolute",borderLeft:"1px solid $foreground",top:"42%"});function no(t){let{from:e,to:o,percentageChange:n,warningLevel:r}=t;return wn.createElement(Ml,null,wn.createElement(_l,{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}}),wn.createElement("div",{className:$l()}),wn.createElement(_l,{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(no,"QuoteSummary");function Xr(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]=ef(t.expanded),f=Ul(null),k=Ul(m),y=N(Ko(e.result?.swaps??[],p),2,2),h=Po(Mo(e.result?.swaps)),b=N(o.value,6,6),T=N(n.value,6,6),v=n.usdValue?N(n.usdValue,4,4):"",S=Be(o.usdValue,n.usdValue??null),w=N(S,2,2),E=nt(S??0),C=i(W=>W.map((x,F)=>{let I,H=r?.type===3&&r.swap.swapperId===x.swapperId||r?.type===4&&r.recommendedSlippages?.has(F),te=s?.type===2&&s.recommendedSlippages?.has(F);return H?I="error":te&&(I="warning"),{swapper:{displayName:Ks(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:F===0?N(o.value,6,6):N(x.fromAmount,6,6),usdValue:N((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:N(x.toAmount,6,6),usdValue:N((x.to.usdPrice??0)*parseFloat(x.toAmount),4,4)}},state:I,alerts:H||te?B.createElement(wl,null,B.createElement(Vd,{type:H?"error":"warning",title:r?.type===3?r?.recommendation:jr.t("Slippage Error:"),footer:B.createElement(vl,null,r?.type===3&&B.createElement(B.Fragment,null,B.createElement(Ot,{size:"xsmall",variant:"body",color:"neutral900"},r.fromAmountRangeError),B.createElement(Kr,{direction:"horizontal",size:8}),B.createElement(Ot,{size:"xsmall",variant:"body",color:"neutral900"},"|"),B.createElement(Kr,{direction:"horizontal",size:8}),B.createElement(Ot,{size:"xsmall",variant:"body",color:"neutral900"},jr.t({id:"Yours: {amount} {symbol}",values:{amount:N(x.fromAmount,6,6),symbol:x?.from.symbol}}))),(r?.type===4||s?.type===2)&&B.createElement(Ot,{size:"xsmall",variant:"body",color:"neutral900"},jr.t({id:"Minimum required slippage is {minRequiredSlippage}",values:{...r?.type===4&&{minRequiredSlippage:r.recommendedSlippages?.get(F)},...s?.type===2&&{minRequiredSlippage:s.recommendedSlippages?.get(F)}}})))})):void 0}}),"getQuoteSteps")(e.result?.swaps??[]),P=C.length,$=j();return Rd(()=>{m&&!k.current&&f.current&&setTimeout(()=>{f?.current?.scrollIntoView({behavior:"smooth"})},Gr),k.current=m},[m,k]),B.createElement(B.Fragment,null,B.createElement(El,{recommended:l,listItem:a==="list-item",basic:a==="basic"},B.createElement("div",{className:Il()},B.createElement(Yd,{fee:y,time:h,steps:P}),a==="basic"&&B.createElement("div",{className:Wl()},B.createElement(Pl,null,B.createElement(Xd,{size:12,color:"gray"})),B.createElement(Ot,{size:"small",variant:"body",style:{letterSpacing:.4}},`${b} ${C[0].from.token.displayName} = ${T} ${C[C.length-1].to.token.displayName}`),B.createElement(Ot,{color:"$neutral600",ml:2,size:"xsmall",variant:"body"},`($${v})`)),a==="list-item"&&B.createElement(Zd,{type:"output",direction:"vertical",price:{value:T,usdValue:v},token:{displayName:C[P-1].to.token.displayName,image:C[P-1].to.token.image},chain:{image:C[P-1].to.chain.image},percentageChange:w,warningLevel:E}),a==="swap-preview"&&B.createElement(B.Fragment,null,B.createElement(no,{from:C[0].from,to:C[P-1].to,percentageChange:w,warningLevel:E}),B.createElement(Kr,{size:4}))),B.createElement(bl,{recommended:l,open:m,onOpenChange:g},B.createElement(Nl,{ref:W=>f.current=W,recommended:l,onClick:()=>g(W=>!W)},B.createElement("div",null,C.map((W,x)=>{let F=`item-${x}`,I=B.createElement(Vr,null,B.createElement(Kd,{size:12,color:"black",...W.state&&{color:W.state==="error"?"error":"warning"}}));return B.createElement(B.Fragment,{key:F},B.createElement(Fl,{container:$,side:"bottom",sideOffset:4,content:W.from.chain.displayName},B.createElement(Qr,{state:W.state||C[x-1]?.state},B.createElement(Dl,{src:W.from.chain.image,size:16}))),x===P-1&&B.createElement(B.Fragment,null,I,B.createElement(Fl,{container:$,side:"bottom",sideOffset:4,content:W.to.chain.displayName},B.createElement(Qr,{state:W.state},B.createElement(Dl,{src:W.to.chain.image,size:16})))),x!==P-1&&B.createElement(B.Fragment,null,I))})),B.createElement(Vr,{orientation:m?"up":"down"},B.createElement(jd,{size:12,color:"black"}))),B.createElement(Ll,{open:m},B.createElement(Bl,null),B.createElement("div",{className:Al()},C.map((W,x)=>{let F=`item-${x}`;return B.createElement(Jd,{type:"quote-details",key:F,step:W,hasSeparator:x!==C.length-1,state:W.state})}))))))}i(Xr,"Quote");import{ChainToken as vn,Divider as ze,NextIcon as of,Skeleton as ge}from"@rango-dev/ui";import A from"react";import{darkTheme as tf,styled as Ol}from"@rango-dev/ui";var ql=Ol("div",{$$color:"$colors$neutral100",[`.${tf} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",borderBottomLeftRadius:"$xm",borderBottomRightRadius:"$xm",padding:"$15 ","& .cost-and-tag":{display:"flex",justifyContent:"space-between",alignItems:"center",height:"22px"},variants:{rounded:{true:{borderRadius:"$xm"}}},"& .cost":{display:"flex"},"& .basic-summary":{padding:"$15 $0 14px $0"},"& .output":{padding:"$6 $0 $15 $0",display:"flex",flexDirection:"column"},"& .output__token-info":{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$5"},"& .quote-summary":{display:"flex",justifyContent:"space-between",alignItems:"end"},"& .quote-summary__separator":{height:"$28",marginLeft:"13px",borderLeft:"1px solid $neutral700"},"& .token-amount":{display:"flex",justifyContent:"space-between"},"& .token-amount__label":{display:"flex",flexDirection:"column",alignItems:"start"},"& .chains":{paddingTop:"$2"},"& .swap-preview":{padding:"$15 $0 $15 $0"},"& .steps":{paddingLeft:"$8"},"& .step__title":{display:"flex",alignItems:"center"},"& .step__content":{display:"flex",alignItems:"start"},"& .step__tokens":{paddingTop:"$5",paddingBottom:"$10",display:"flex",alignItems:"center"},"& .step__token-info":{display:"flex",alignItems:"center"},"& .step__icon-container":{margin:"$0 $2",padding:"$4",display:"flex",justifyContent:"center",alignItems:"center"}}),zl=Ol("div",{borderLeft:"1px dashed black",minHeight:" 64px",margin:"0px 11.5px",alignSelf:"stretch",variants:{hideSeparator:{true:{minHeight:"unset",height:"0"}}}});function Yr(t){let{separator:e=!0}=t;return A.createElement(A.Fragment,null,A.createElement("div",{className:"step__title"},A.createElement(ge,{height:22,width:22,variant:"circular"}),A.createElement(ze,{direction:"horizontal",size:8}),A.createElement(ge,{height:15,width:148,variant:"rounded"})),A.createElement("div",{className:"step__content"},A.createElement(zl,{hideSeparator:!e}),A.createElement("div",{className:"step__tokens"},A.createElement("div",{className:"step__token-info"},A.createElement(vn,{size:"small",loading:!0,chainImage:"",tokenImage:""}),A.createElement(ze,{direction:"horizontal",size:8}),A.createElement(ge,{height:12,width:76,variant:"rounded"})),A.createElement("div",{className:"step__icon-container"},A.createElement(of,{color:"gray",size:16})),A.createElement("div",{className:"step__token-info"},A.createElement(vn,{size:"small",loading:!0,chainImage:"",tokenImage:""}),A.createElement(ze,{direction:"horizontal",size:8}),A.createElement(ge,{height:12,width:76,variant:"rounded"})))))}i(Yr,"StepSkeleton");function Jr(t){let{type:e,expanded:o,tag:n=!1}=t,r=A.createElement("div",{className:"quote-summary"},A.createElement("div",{className:"token-amount"},A.createElement(vn,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),A.createElement(ze,{size:8,direction:"horizontal"}),A.createElement("div",{className:"token-amount__label"},A.createElement(ge,{height:10,width:60,variant:"rounded"}),A.createElement(ze,{size:4}),A.createElement(ge,{height:15,width:148,variant:"rounded"}))),A.createElement(ge,{height:12,width:64,variant:"rounded"}));return A.createElement(ql,{rounded:e!=="basic"},A.createElement("div",{className:"cost-and-tag"},A.createElement("div",{className:"cost"},A.createElement(ge,{width:60,height:10,variant:"rounded"}),A.createElement(ze,{size:4,direction:"horizontal"}),A.createElement(ge,{width:60,height:10,variant:"rounded"}),A.createElement(ze,{size:4,direction:"horizontal"}),A.createElement(ge,{width:60,height:10,variant:"rounded"})),n&&A.createElement(ge,{height:22,width:100,variant:"rounded"})),e==="basic"&&A.createElement("div",{className:"basic-summary"},A.createElement(ge,{height:15,width:148,variant:"rounded"})),e==="list-item"&&A.createElement("div",{className:"output"},A.createElement("div",{className:"output__token-info"},A.createElement(vn,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),A.createElement(ze,{direction:"horizontal",size:4}),A.createElement(ge,{height:15,width:150,variant:"rounded"})),A.createElement(ze,{size:4}),A.createElement(ge,{height:10,width:184,variant:"rounded"})),e==="swap-preview"&&A.createElement(A.Fragment,null,A.createElement(ze,{size:4}),A.createElement("div",{className:"swap-preview"},r,A.createElement("div",{className:"quote-summary__separator"}),r)),A.createElement("div",{className:"chains"},A.createElement(ge,{height:15,width:321,variant:"rounded"})),o&&A.createElement("div",{className:"steps"},A.createElement(ze,{size:20}),A.createElement(Yr,null),A.createElement(Yr,null),A.createElement(Yr,{separator:!1})))}i(Jr,"QuoteSkeleton");import{i18n as vf}from"@lingui/core";import{Alert as xf,Button as bf,InfoIcon as Af}from"@rango-dev/ui";import We from"react";import{Alert as nf,Button as rf,Divider as Kl,NoRouteIcon as sf,RefreshIcon as af,Typography as Xl}from"@rango-dev/ui";import He from"react";import{i18n as Hl}from"@lingui/core";function Gl(t,e,o,n){return t?.type===1?{alert:{type:"warning",text:Q().genericServerError,action:{onClick:n,title:Hl.t("Retry")}},description:""}:e.length?{alert:{type:"warning",text:Q().liquiditySourcesError.title,action:{onClick:()=>o(!0),title:Hl.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(Gl,"makeInfo");import{styled as Zr}from"@rango-dev/ui";var Ql=Zr("div",{minHeight:"162px",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"}),Vl=Zr("div",{width:"100%"}),jl=Zr("div",{padding:"$6 $0"});function Rr(t){let{fetch:e,error:o}=t,n=d().disabledLiquiditySources,r=d().toggleAllLiquiditySources,s=d().swappers(),a=Gl(o,n,()=>r(s,!0),e);return He.createElement(Ql,null,He.createElement(sf,{size:24,color:"gray"}),He.createElement(Kl,{size:4}),He.createElement(Xl,{variant:"title",size:"small"},Q().noResultError.title),!!a.description&&He.createElement(Xl,{variant:"body",size:"small",align:"center",color:"neutral700"},a.description),He.createElement(Kl,{size:4}),!!a.alert&&He.createElement(Vl,null,He.createElement(nf,{type:a.alert.type,title:a.alert.text,action:a.alert.action&&He.createElement(rf,{size:"xsmall",type:a.alert.type,prefix:He.createElement(jl,null,He.createElement(af,{size:8})),onClick:a.alert.action.onClick},a.alert.action.title),variant:"alarm"})))}i(Rr,"NoResult");import{i18n as so}from"@lingui/core";import{Button as pf,Divider as tp,MessageBox as cf,Modal as uf,Typography as mf,WarningIcon as df}from"@rango-dev/ui";import Ze from"react";import{Typography as Rl}from"@rango-dev/ui";import ti from"react";import{darkTheme as lf,styled as xn}from"@rango-dev/ui";var Yl=xn("div",{width:"100%",paddingTop:"$10"}),ei=xn("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),Jl=xn("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%","._title":{$$color:"$colors$neutral600",[`.${lf} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Zl=xn("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});function ep(t){let{title:e,value:o,valueColor:n}=t;return ti.createElement(Jl,null,ti.createElement(Rl,{size:"medium",variant:"label",className:"_title"},e),ti.createElement(Rl,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}i(ep,"QuoteErrorsModalItem");function op(t){let{open:e,onClose:o,onConfirm:n,warning:r}=t,s=r.warningLevel==="high"?"error":"warning",a=[{title:so.t("Swapping"),value:N(r.inputUsdValue,4,4)},{title:so.t("Gas cost"),value:N(r.totalFee,2,2)},{title:so.t("Receiving"),value:N(r.outputUsdValue,4,4)},{title:so.t("Price impact"),value:N(r.priceImpact,2,2),valueColor:`${s}500`}];return Ze.createElement(uf,{open:e,onClose:o,container:j()},Ze.createElement(cf,{type:s,title:Q().highValueLossError.impactTitle,description:Q().highValueLossError.description}),Ze.createElement(ei,null,Ze.createElement(tp,{size:20}),Ze.createElement(mf,{size:"small",variant:"title"},so.t("Details")),Ze.createElement(ei,null,a.map((l,p)=>Ze.createElement(ep,{key:p,...l})))),Ze.createElement(tp,{size:32}),Ze.createElement(pf,{type:"primary",size:"large",prefix:Ze.createElement(df,null),fullWidth:!0,onClick:n},Q().highValueLossError.confirmMessage))}i(op,"HighValueLossWarningModal");import{i18n as oi}from"@lingui/core";function np(t,e){let o={alertType:"warning",title:"",action:"show-info"};return t?(t.type===0&&(nt(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=oi.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:t.minRequiredSlippage}}),o.action="change-settings"),t.type===3&&(o.title=oi.t("Caution, your slippage is high.")),o):e?(o.alertType="error",e.type===3&&(o.title=e.recommendation,o.action="show-info"),e.type===4&&(o.title=oi.t({id:"You need to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:e.minRequiredSlippage}}),o.action="change-settings"),o):null}i(np,"makeAlerts");import{i18n as qt}from"@lingui/core";import{Button as rp,Divider as ip,MessageBox as ff,Modal as gf,Typography as hf}from"@rango-dev/ui";import At from"react";import{useNavigate as yf}from"react-router-dom";function sp(t){let{customSlippage:e,slippage:o}=d(),{open:n,onClose:r,onConfirm:s,warning:a}=t,l=yf(),p=e??o;return At.createElement(gf,{anchor:"bottom",open:n,prefix:At.createElement(rp,{size:"small",variant:"ghost",onClick:()=>l("../"+_.settings)},At.createElement(hf,{variant:"label",size:"medium",color:"$neutral900"},qt.t("Change settings"))),container:j(),onClose:r},At.createElement(ff,{type:"warning",title:a.type===3?qt.t("High slippage"):qt.t("Low slippage"),description:a.type===3?qt.t({id:" Caution, your slippage is high (={userSlippage}). Your trade may be front run.",values:{userSlippage:p}}):qt.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:a.minRequiredSlippage}})},At.createElement(ip,{size:18}),At.createElement(ip,{size:32}),At.createElement(rp,{size:"large",type:"primary",variant:"contained",fullWidth:!0,onClick:s},qt.t("Confirm anyway"))))}i(sp,"SlippageWarningModal");import{Button as Sf,Divider as Cf,MessageBox as kf,Modal as Tf,WarningIcon as wf}from"@rango-dev/ui";import ao from"react";function ap(t){let{open:e,onClose:o,onConfirm:n}=t;return ao.createElement(Tf,{open:e,onClose:o,container:j()},ao.createElement(kf,{type:"warning",title:Q().unknownPriceError.impactTitle,description:Q().unknownPriceError.description}),ao.createElement(Cf,{size:32}),ao.createElement(Sf,{type:"primary",size:"large",prefix:ao.createElement(wf,null),fullWidth:!0,onClick:n},Q().unknownPriceError.confirmMessage))}i(ap,"UnknownPriceWarningModal");function ni(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=np(e,o?.type===3||o?.type===4?o:null);return We.createElement(We.Fragment,null,u&&We.createElement(Rr,{error:o,fetch:n}),!!m&&We.createElement(Yl,null,We.createElement(xf,{title:m.title,type:m.alertType,variant:"alarm",...m.action==="show-info"&&{action:We.createElement(Zl,{onClick:s},We.createElement(Af,{size:12,color:"gray"}))},...m.action==="change-settings"&&{action:We.createElement(bf,{size:"xxsmall",type:m.alertType,onClick:p},vf.t("Change"))}})),e&&We.createElement(We.Fragment,null,e.type===0&&We.createElement(op,{...c,warning:e}),(e.type===3||e.type===2)&&We.createElement(sp,{...c,warning:e}),e.type===1&&We.createElement(ap,{...c,warning:e})))}i(ni,"QuoteWarningsAndErrors");function lo(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:y,outputUsdValue:h,outputAmount:b}=O(),v=!(r&&(r.type===0||r.type===1))&&e&&e.result&&!n,S=(s||r)&&Me.createElement(ni,{warning:s,error:r,loading:n,refetchQuote:a,showWarningModal:l,onOpenWarningModal:p,onCloseWarningModal:c,onConfirmWarningModal:u,onChangeSettings:m});return Me.createElement(Me.Fragment,null,n&&Me.createElement(zr,null,Me.createElement(Tl,{paddingTop:f==="top"},Me.createElement(Jr,{type:o,expanded:g}))),f==="top"&&Me.createElement(kl,null,S),v?Me.createElement(zr,null,Me.createElement(Xr,{quote:e,error:r,warning:s,type:o,expanded:g,recommended:!0,input:{value:k,usdValue:y?.toString()??""},output:{value:b?.toString()??"",usdValue:h?.toString()??""}})):null,f==="bottom"&&Me.createElement(Me.Fragment,null,!s&&!r&&Me.createElement(Ef,{size:16}),S))}i(lo,"QuoteInfo");import{calculatePendingSwap as Nf}from"@rango-dev/queue-manager-rango-preset";import{useEffect as Lf}from"react";import{useRef as If,useState as Wf}from"react";function bn(){let[t,e]=Wf(!1),o=If(null),n=i(()=>o.current?.abort(),"cancel");return{fetch:i(async s=>{n(),o.current=new AbortController,e(!0);try{let a=await Lt().getBestRoute(s,{signal:o.current.signal});return o.current=null,a}catch(a){throw a}finally{e(!1)}},"fetch"),loading:t,cancelFetch:n}}i(bn,"useFetchQuote");function An(t){if(!t.result)throw new Error(Q().noResultError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});if(yr(t)){let{swap:n,recommendation:r,fromAmountRangeError:s}=Sr(t);throw new Error("bridge limit error",{cause:{type:3,swap:n,recommendation:r,fromAmountRangeError:s}})}let o=kr(t);if(o){let n=Xo(t);throw new Error("",{cause:{type:4,recommendedSlippages:o,minRequiredSlippage:n}})}return t}i(An,"throwErrorIfResponseIsNotValid");function lp(t,e,o){let n=!1;t&&(n=ma(t,e));let r={quote:null,quoteUpdate:null,balance:null},s=Jo(e,{fromToken:o.fromToken,toToken:o.toToken,tokens:o.meta.tokens,userSlippage:o.userSlippage});s&&(r.quote=s),t&&n&&(oa(t,e)?r.quoteUpdate={type:3,newOutputAmount:N(Mt(e)),percentageChange:N(Be(Mt(t)??"",Mt(e)??""),null,2)}:wr(t,e)?r.quoteUpdate={type:0}:vr(t,e)?r.quoteUpdate={type:1}:xr(t,e)&&(r.quoteUpdate={type:2}));let a=na(e,o.selectedWallets,o.meta.blockchains);return a.length===0||(r.balance={messages:a}),r}i(lp,"generateWarnings");function En(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(En,"handleQuoteErrors");function ri(){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(),y=d().tokens(),{features:h}=d().config,{enableNewLiquiditySources:b}=d().config,T=p||l,{fetch:v,cancelFetch:S,loading:w}=bn();return Lf(()=>S,[]),{loading:w,fetch:i(async M=>{let C=M.selectedWallets,P=M?.customDestination??s;if(!t||!e||!o)return{quote:null,swap:null,error:null,warnings:null};let $=Yo({fromToken:t,toToken:e,inputAmount:o,wallets:f,selectedWallets:C,excludeLiquiditySources:b,disabledLiquiditySources:g,slippage:T,affiliateRef:u,affiliatePercent:c,affiliateWallets:m,initialQuote:r??void 0,destination:P});Bo("experimentalRoute",h)&&($.experimental=!0);let W;try{W=await v($).then(H=>An(H)),n(W)}catch(H){return En(H)}let x={slippage:T.toString(),disabledSwappersGroups:g},F=Nf(o.toString(),W,ea(C),x,!1,{blockchains:k,tokens:y}),I=lp(r??void 0,W,{fromToken:t,toToken:e,meta:{blockchains:k,tokens:y},selectedWallets:C,userSlippage:T});return I.quoteUpdate&&a(!1),{quote:W,swap:F,error:null,warnings:I}},"fetch"),cancelFetch:S}}i(ri,"useConfirmSwap");var Hf=mp("div",{position:"relative",width:"100%","& .quote-update__alert":{paddingTop:"$10"}}),Gf=mp("div",{width:"100%",display:"flex",justifyContent:"space-between",[`& ${up}`]:{width:"$48",height:"$48"}}),Qf=ii({flexGrow:1,paddingRight:"$10"}),Vf=ii({width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"}),jf=ii({display:"flex",justifyContent:"space-between",alignItems:"center"});function dp(){let{quote:t,setInputAmount:e,selectedWallets:o,quoteWalletsConfirmed:n,setQuoteWalletConfirmed:r,customDestination:s,quoteWarningsConfirmed:a}=O(),l=zf(),[p,c]=Wn(""),{connectedWallets:u}=z(),m=!n,[g,f]=Wn(!1),k=we.use.setSelectedSwap(),y=d().disabledLiquiditySources,h=Of(y),{manager:b}=Bf(),{fetch:T,loading:v,cancelFetch:S}=ri(),[w,E]=Wn({swap:null,error:null,warnings:null}),[M,C]=Wn(!1),P=i(async({selectedWallets:I,customDestination:H})=>{let te=await T?.({selectedWallets:I,customDestination:H});return E(te),te},"onConfirmSwap"),$=i(async()=>{if(w.swap&&n)try{await b?.create("swap",{swapDetails:w.swap},{id:w.swap.requestId}),k(w.swap.requestId);let I=`../${_.swaps}/${w.swap.requestId}`;l(I,{replace:!0}),setTimeout(()=>{e("")},0)}catch(I){c("Error: "+I?.message)}},"addNewSwap"),W=i(async()=>{await $()},"onConfirm"),x=i(async()=>{w?.warnings?.quote&&!a?C(!0):await W()},"onStartConfirmSwap"),F=i(async()=>{E({error:null,swap:null,warnings:null}),T({selectedWallets:o,customDestination:s}).then(I=>{E(I)}).catch(I=>console.error(I))},"onRefresh");return po(()=>{!!h.current.length&&!y.length&&F(),h.current=y},[y.length]),po(()=>{m&&S()},[m]),po(()=>{m&&f(m)},[m]),po(()=>{m||T({selectedWallets:o,customDestination:s}).then(I=>E(I)).catch(I=>console.error(I))},[]),po(()=>{let I=w.warnings?.quote?.type&&Object.values(ct).includes(w.warnings?.quote?.type),H=o.length<1||!o.every(oe=>u.find(G=>oe.address===G.address&&oe.walletType===G.walletType&&oe.chain===G.chain)),te=!1;if(I){let oe=Go(t),G=t?.result?.swaps[t.result.swaps.length-1].to.blockchain;!!t?.result?.swaps.find(Se=>Se.from.blockchain===G)||(oe=oe.slice(-oe.length,oe.length-1)),oe.every(Se=>o.find(De=>De.chain===Se))||(te=!0)}t&&(H||te)&&(queueMicrotask(()=>qf(f.bind(null,!0))),r(!1))},[w.warnings?.quote,o.length,u.length]),Uf(()=>{t||l("../")},[]),ee.createElement(K,{header:{title:In.t("Confirm Swap"),onWallet:()=>{let I=`../${_.wallets}`;l(I)},suffix:ee.createElement(_f,{container:j(),side:"bottom",content:In.t("Settings")},ee.createElement(Ue,{size:"small",variant:"ghost",onClick:()=>l("../"+_.settings)},ee.createElement($f,{size:18,color:"black"})))},footer:ee.createElement(Gf,null,ee.createElement("div",{className:Qf()},ee.createElement(cp,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:v,disabled:!!w.error,onClick:x},In.t("Start Swap"))),ee.createElement(up,{variant:"contained",type:"primary",size:"large",loading:v,onClick:f.bind(null,!0)},ee.createElement(Ff,{size:24})))},g&&ee.createElement(Cl,{open:g,onClose:()=>f(!1),onCancel:S,loading:v,onCheckBalance:P}),ee.createElement(Hf,null,ee.createElement("div",{className:jf()},ee.createElement(Df,{variant:"title",size:"small"},In.t("You get")),ee.createElement(cp,{style:{padding:"0"},variant:"ghost",disabled:v,onClick:F},ee.createElement("div",{className:Vf()},ee.createElement(Mf,{size:16})))),p&&ee.createElement(ee.Fragment,null,ee.createElement(pp,{type:"error",variant:"alarm",title:p}),ee.createElement(Pf,{size:12})),w.warnings?.quoteUpdate&&ee.createElement("div",{className:"quote-update__alert"},ee.createElement(pp,{variant:"alarm",type:"warning",title:w.warnings.quoteUpdate&&ln(w.warnings.quoteUpdate)})),ee.createElement(lo,{quote:t,type:"swap-preview",expanded:!0,alertPosition:"top",error:w.error,loading:v,warning:w.warnings?.quote??null,refetchQuote:F,showWarningModal:M,onOpenWarningModal:()=>C(!0),onCloseWarningModal:()=>C(!1),onConfirmWarningModal:async()=>{C(!1),await $()},onChangeSettings:()=>l("../"+_.settings)})))}i(dp,"ConfirmSwapPage");import{i18n as Bn}from"@lingui/core";import{useManager as tg}from"@rango-dev/queue-manager-react";import{Divider as og,NotFound as ng,styled as wp}from"@rango-dev/ui";import yt,{useState as rg}from"react";import{useNavigate as ig}from"react-router-dom";import{CloseIcon as Xf,IconButton as Yf,SearchIcon as Jf,TextField as Zf}from"@rango-dev/ui";import co from"react";import{styled as Kf}from"@rango-dev/ui";var fp=Kf("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function st(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:s,value:a,setValue:l,...p}=t;return co.createElement(Zf,{prefix:co.createElement(fp,null,co.createElement(Jf,{color:"black"})),suffix:!!a.length&&co.createElement(Yf,{variant:"ghost",onClick:()=>l?.(""),size:"small"},co.createElement(Xf,{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(st,"SearchInput");import{i18n as hp}from"@lingui/core";import{Divider as yp,SwapListItem as Sp,Typography as Cp}from"@rango-dev/ui";import Z from"react";import{css as Rf,darkTheme as eg,styled as Nn}from"@rango-dev/ui";var Ln=Rf(),si=Nn("div",{width:"100%",display:"flex",flexDirection:"column",[`& .${Ln}`]:{$$color:"$colors$neutral600",[`.${eg} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),ai=Nn("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),li=Nn("div",{gap:"$10",display:"flex",flexDirection:"column"}),gp=Nn("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});function pi(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(si,null,Z.createElement(ai,null,Z.createElement(Cp,{variant:"label",size:"medium",className:Ln()},hp.t(p.title))),Z.createElement(yp,{size:4}),Z.createElement(li,null,p.swaps.map((c,u)=>{let m=u+p.title;return Z.createElement(Z.Fragment,{key:m},Z.createElement(Sp,{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(si,null,Z.createElement(ai,null,Z.createElement(Cp,{variant:"label",size:"medium",className:Ln()},hp.t(a.title))),Z.createElement(yp,{size:4}),Z.createElement(li,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(Sp,{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:$o(l.inputAmount)},to:{token:{image:c.toLogo,displayName:c.toSymbol},blockchain:{image:c.toBlockchainLogo||""},amount:$o(c.outputAmount||""),estimatedAmount:$o(c.expectedOutputAmountHumanReadable||"")}}}))}))))))}i(pi,"SwapsGroup");import kp from"dayjs";var Tp=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=kp();return t.forEach(n=>{let r=kp(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 zt=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 sg=wp("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",height:"100%",gap:15}),ag=wp("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),lg=i((t,e)=>t?.length?t.filter(o=>Ke(o.fromBlockchain,e)||Ke(o.toBlockchain,e)||Ke(o.toSymbol,e)||Ke(o.fromSymbol,e)).length:!1,"isStepContainsText");function vp(){let t=we.use.setSelectedSwap(),e=ig(),{manager:o,state:n}=tg(),r=zt(o).map(({swap:m})=>m),[s,a]=rg(""),l=!n.loadedFromPersistor,p=i(m=>{let g=m.target.value;a(g)},"searchHandler"),c=r;s&&(c=r.filter(m=>Ke(m.inputAmount,s)||Ke(m.status,s)||lg(m.steps,s)||Ke(m.requestId,s)));let u=!c?.length&&!l;return yt.createElement(K,{header:{title:Bn.t("History")}},yt.createElement(sg,null,yt.createElement(st,{setValue:a,fullWidth:!0,variant:"contained",placeholder:Bn.t("Search Transaction"),autoFocus:!0,onChange:p,value:s}),yt.createElement(ag,null,u&&yt.createElement(gp,null,yt.createElement(og,{size:32}),yt.createElement(ng,{title:Bn.t("No results found"),description:s?Bn.t("Try using different keywords"):""})),!u&&yt.createElement(pi,{list:c,onSwapClick:m=>{t(m),e(m)},groupBy:Tp,isLoading:l}))))}i(vp,"HistoryPage");import{i18n as mi}from"@lingui/core";import{Button as gg,styled as di,SwapInput as Ep,WarningIcon as hg}from"@rango-dev/ui";import $e,{useEffect as yg,useRef as Sg,useState as Cg}from"react";import{useNavigate as kg}from"react-router-dom";import{ReverseIcon as pg,styled as xp}from"@rango-dev/ui";import ci from"react";var cg=xp("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),ug=xp("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 bp(){let t=O.use.switchFromAndTo();return ci.createElement(cg,null,ci.createElement(ug,{onClick:()=>{t()}},ci.createElement(pg,{size:12})))}i(bp,"SwitchFromAndToButton");import{useCallback as mg,useEffect as dg,useState as ui}from"react";var fg=600;function Ap(){let{fetch:t,cancelFetch:e}=bn(),{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:y,affiliateWallets:h,disabledLiquiditySources:b}=d(),[T,v]=ui(!1),[S,w]=ui(null),[E,M]=ui(null),C=f??g,$=!a||!l||Le(a,l)||!Jt(p),W=i(I=>{v(I),w(null),M(null)},"resetState"),x=i(I=>{let{fromToken:H,toToken:te,inputAmount:oe,liquiditySources:G,excludeLiquiditySources:ie,disabledLiquiditySources:ye,slippage:Se,affiliateRef:De,affiliatePercent:Wt,affiliateWallets:Yt}=I;if(T||W(!0),!$&&H&&te){u();let ot=Yo({fromToken:H,toToken:te,inputAmount:oe,liquiditySources:G,excludeLiquiditySources:ie,disabledLiquiditySources:ye,slippage:Se,affiliateRef:De,affiliatePercent:Wt,affiliateWallets:Yt});Bo("experimentalRoute",r)&&(ot.experimental=!0),t(ot).then(Ve=>{v(!1),m(Ve),An(Ve);let D=Jo(Ve,{fromToken:H,toToken:te,userSlippage:C,tokens:s});M(D)}).catch(Ve=>{let{error:D}=En(Ve);(D?.type===0||D?.type===1)&&u(),D?.type!==2&&(w(D),v(!1))})}},"fetch"),F=mg(ws(I=>{$||x(I)},fg),[$]);return dg(()=>{if(!Jt(p)||c?.eq(0)){W(!1),e();return}if(!$)return u(),W(!0),F({inputAmount:p,fromToken:a,toToken:l,liquiditySources:o,excludeLiquiditySources:n,disabledLiquiditySources:b,slippage:C,affiliateRef:y,affiliatePercent:k,affiliateWallets:h}),e},[p,a?.symbol,a?.address,a?.blockchain,l?.symbol,l?.address,l?.blockchain,$,o?.length,n,b.length,C,y,k,JSON.stringify(h)]),{fetch:()=>x({inputAmount:p,fromToken:a,toToken:l,liquiditySources:o,excludeLiquiditySources:n,disabledLiquiditySources:b,slippage:C,affiliateRef:y,affiliatePercent:k,affiliateWallets:h}),loading:T,error:S,warning:E}}i(Ap,"useSwapInput");var Tg=di("div",{display:"flex",flexDirection:"column",overflowY:"visible","& .quote__container":{paddingTop:"$2"}}),wg=di("div",{position:"relative"}),vg=di("div",{display:"flex",flexDirection:"column",gap:5,alignSelf:"stretch"});function Ip(){let t=kg(),{fetch:e,loading:o,error:n,warning:r}=Ap(),{fromToken:s,fromBlockchain:a,toToken:l,toBlockchain:p,setInputAmount:c,inputAmount:u,inputUsdValue:m,outputAmount:g,outputUsdValue:f,quote:k,resetQuoteWallets:y,setQuoteWarningsConfirmed:h}=O(),b=d().fetchStatus,{connectedWallets:T,getBalanceFor:v}=z(),S=we.use.setCurrentPage(),[w,E]=Cg(!1),M=Sg(null),C=!1,P=!Cr(k,u,m),$=!Cr(k,u,f),W=Js({fetchMetaStatus:b,fetchingQuote:o,inputAmount:u,quote:k,anyWalletConnected:T.length>0,error:n,warning:r,needsToWarnEthOnPath:C}),x=s?v(s):null,F=qo(x)?.amount??"0",I=a&&s?N(x?.amount,x?.decimals):"0";yg(()=>(S(_.home),y(),S.bind(null,"")),[]);let H=!m||!f||!f.gt(0)?null:Be(m.toString(),f.toString());return $e.createElement(K,{ref:M,fixedHeight:!1,hasLogo:!0,footer:$e.createElement(gg,{type:"primary",size:"large",disabled:W.disabled,prefix:W.action==="confirm-warning"&&$e.createElement(hg,null),fullWidth:!0,onClick:()=>{W.action==="connect-wallet"?t(_.wallets):W.action==="confirm-warning"?E(!0):t(_.confirmSwap)}},W.title),header:{onWallet:()=>{t(_.wallets)},hasBackButton:!1,title:mi.t("Swap"),suffix:$e.createElement(Pr,{layoutRef:M.current,onClickRefresh:k||n?e:void 0,onClickHistory:()=>t(_.swaps),onClickSettings:()=>t(_.settings)})}},$e.createElement(Tg,null,$e.createElement(vg,null,$e.createElement(wg,null,$e.createElement(Ep,{label:mi.t("From"),mode:"From",onInputChange:c,balance:F,chain:{displayName:a?.displayName||"",image:a?.logo||""},token:{displayName:s?.symbol||"",image:s?.image||""},onClickToken:()=>t(_.fromSwap),price:{value:u,usdValue:P?void 0:N(m,4,4),error:P?Q().unknownPriceError.impactTitle:void 0},disabled:b==="failed",loading:b==="loading",onSelectMaxBalance:()=>{F!=="0"&&c(I.split(",").join(""))}}),$e.createElement(bp,null)),$e.createElement(Ep,{sharpBottomStyle:!!k?.result||o,label:mi.t("To"),mode:"To",fetchingQuote:o,chain:{displayName:p?.displayName||"",image:p?.logo||""},token:{displayName:l?.symbol||"",image:l?.image||""},percentageChange:N(Be(m,f),2,2),warningLevel:nt(H??0),price:{value:N(g,6,6),usdValue:$?void 0:N(f,4,4),error:$?Q().unknownPriceError.impactTitle:void 0},onClickToken:()=>t(_.toSwap),disabled:b==="failed",loading:b==="loading"})),$e.createElement("div",{className:"quote__container"},$e.createElement(lo,{quote:k,loading:o,error:n,warning:r,type:"basic",refetchQuote:e,showWarningModal:w,onOpenWarningModal:()=>E(!0),onCloseWarningModal:()=>E(!1),onConfirmWarningModal:()=>{E(!1),h(!0),t(_.confirmSwap)},onChangeSettings:()=>t(_.settings)}))))}i(Ip,"Home");import{i18n as Wp}from"@lingui/core";import{List as xg,ListItemButton as bg,Radio as Ag,RadioRoot as Eg,Typography as Ig}from"@rango-dev/ui";import St from"react";import{styled as Pn}from"@rango-dev/ui";var at=Pn("div",{height:"100%",overflow:"hidden"}),uo=Pn("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto"}),fi=Pn("div",{width:80,display:"flex",justifyContent:"flex-end"}),gi=Pn("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});function Mn(){let{setLanguage:t,language:e}=d();return{activeLanguage:e,languages:Ds,defaultLanguage:Pt,changeLanguage:r=>t(r||Pt)}}i(Mn,"useLanguage");function Np(){let{activeLanguage:t,changeLanguage:e,languages:o}=Mn(),n=o.map(r=>{let{local:s,label:a,SVGFlag:l}=r;return{id:s,value:s,title:St.createElement(Ig,{variant:"title",size:"xmedium"},a),onClick:()=>e(r.local),end:St.createElement(Ag,{value:s}),start:St.createElement(l,null)}});return St.createElement(K,{header:{title:Wp.t("Language")}},St.createElement(at,null,St.createElement(Eg,{value:t},St.createElement(xg,{type:St.createElement(bg,{title:Wp.t("language"),id:"_",onClick:()=>console.log()}),items:n}))))}i(Np,"LanguagePage");import{i18n as Ht}from"@lingui/core";import{Button as Pg,Checkbox as Mg,Image as $g,ListItemButton as _g,NotFound as Dg,Typography as Fg}from"@rango-dev/ui";import he,{useState as Ug}from"react";import{Checkbox as Lg,Skeleton as Bp}from"@rango-dev/ui";import mo from"react";import{ListItem as Wg,styled as Ng}from"@rango-dev/ui";var Lp=Ng(Wg,{height:61});var Bg=30;function hi(){return mo.createElement(uo,null,Array.from(Array(Bg),t=>mo.createElement(Lp,{hasDivider:!0,key:t,start:mo.createElement(Bp,{variant:"circular",width:35,height:35}),title:mo.createElement(Bp,{variant:"text",size:"large",width:90}),end:mo.createElement(Lg,{checked:!1})})))}i(hi,"LoadingLiquiditySourceList");function yi({sourceType:t}){let e=d().fetchStatus,o=d().swappers(),n=d().disabledLiquiditySources,[r,s]=Ug(""),a=d().toggleLiquiditySource,l=Lo(o,n),p=[];t==="Exchanges"&&p.push("DEX"),t==="Bridges"&&(p.push("BRIDGE"),p.push("AGGREGATOR"));let c=l.filter(y=>p.includes(y.type)),u=c.length===c.filter(y=>y.selected).length,m=i(()=>{c.forEach(y=>{u?a(y.groupTitle):y.selected||a(y.groupTitle)})},"toggleAllSources"),g=c.map(y=>{let{selected:h,groupTitle:b,logo:T}=y;return{start:he.createElement($g,{src:T,size:22,type:"circular"}),onClick:()=>a(b),end:he.createElement(Mg,{checked:h}),title:he.createElement(Fg,{variant:"title",size:"xmedium"},Ht.t(b)),...y}}),f=i(y=>{let h=y.target.value;s(h)},"searchHandler"),k=g;return r&&(k=g.filter(y=>Ke(y.groupTitle,r))),he.createElement(K,{header:{title:Ht.t(t),suffix:he.createElement(fi,null,he.createElement(Pg,{variant:"ghost",size:"xsmall",onClick:m},Ht.t(u?"Deselect all":"Select all")))}},he.createElement(at,null,he.createElement(st,{value:r,setValue:s,fullWidth:!0,color:"light",variant:"contained",placeholder:Ht.t("Search {sourceType}",{sourceType:t}),onChange:f}),e==="loading"&&he.createElement(hi,null),!k.length&&r?he.createElement(gi,null,he.createElement(Dg,{title:Ht.t("No results found"),description:Ht.t("Try using different keywords")})):e==="success"&&he.createElement(uo,null,k.map(y=>he.createElement(he.Fragment,{key:y.id},he.createElement(_g,{style:{height:"61px"},...y,selected:!1,hasDivider:!0}))))))}i(yi,"LiquiditySourcePage");import{i18n as Op}from"@lingui/core";import{Divider as Ti,getCountCategories as Xg,SelectableCategoryList as Yg}from"@rango-dev/ui";import lt,{useState as qp}from"react";import{i18n as Ci}from"@lingui/core";import{Divider as Fp,Image as Gg,ListItemButton as Qg,NotFound as Vg,Typography as Up}from"@rango-dev/ui";import _e,{useEffect as jg,useState as Kg}from"react";import{BlockchainCategories as Si}from"@rango-dev/ui";import{TransactionType as $n}from"rango-sdk";var Og=i((t,e)=>{switch(e){case Si.ALL:return!0;case Si.UTXO:return t.type===$n.TRANSFER;case Si.OTHER:return t.type!==$n.TRANSFER&&t.type!==$n.COSMOS&&t.type!==$n.EVM;default:return t.type===e}},"filterByType"),Pp=i((t,e,o)=>t.filter(n=>Og(n,o)).filter(n=>kt(n.name,e)||kt(n.displayName,e)),"filterBlockchains");import{ImageContainer as qg,styled as Mp}from"@rango-dev/ui";var $p=Mp("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),_n=Mp("ul",{padding:0,margin:0,listStyle:"none",overflowY:"auto",paddingRight:"$5",[`& ${qg}`]:{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as zg,Skeleton as _p}from"@rango-dev/ui";import Dn from"react";var Hg=20;function Dp(){return Dn.createElement(_n,null,Array.from(Array(Hg),t=>Dn.createElement(zg,{key:t,hasDivider:!0,start:Dn.createElement(_p,{variant:"circular",width:35,height:35}),title:Dn.createElement(_p,{variant:"text",size:"large",width:90})})))}i(Dp,"LoadingBlockchainList");function ki(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[s,a]=Kg(e),{fetchStatus:l}=d();jg(()=>{a([...Pp(e,o,r)])},[e,o,r]);let p=i(()=>!s.length&&o?_e.createElement(_e.Fragment,null,_e.createElement(Fp,{size:32}),_e.createElement(Vg,{title:Ci.t("No results found"),description:Ci.t("Try using different keywords")})):_e.createElement(_n,{key:`${r}-${o}`},s.map(c=>_e.createElement(Qg,{key:`${c.name}-${c.chainId}`,hasDivider:!0,onClick:()=>n(c),start:_e.createElement(Gg,{src:c.logo,size:30}),title:_e.createElement(Up,{variant:"title",size:"medium"},c.displayName),id:c.chainId}))),"renderList");return _e.createElement($p,null,_e.createElement(Up,{variant:"label",size:"large"},Ci.t("Select Blockchain")),_e.createElement(Fp,{size:4}),l==="loading"&&_e.createElement(Dp,null),l==="success"&&p())}i(ki,"BlockchainList");function wi(t){let{type:e}=t,o=ft(),[n,r]=qp(""),[s,a]=qp("ALL"),l=O.use.setToBlockchain(),p=O.use.setFromBlockchain(),c=d().fetchStatus,u=d().blockchains({type:e}),g=Xg(u)!==1;return lt.createElement(K,{header:{title:Op.t("Select Blockchain")}},lt.createElement(Ti,{size:12}),g&&lt.createElement(lt.Fragment,null,lt.createElement(Yg,{setCategory:a,category:s,blockchains:u,isLoading:c==="loading"}),lt.createElement(Ti,{size:24})),lt.createElement(st,{value:n,autoFocus:!0,placeholder:Op.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:f=>r(f.target.value)}),lt.createElement(Ti,{size:16}),lt.createElement(ki,{list:u,searchedFor:n,blockchainCategory:s,onChange:f=>{e==="source"?p(f):l(f),o()}}))}i(wi,"SelectBlockchainPage");import{i18n as sc}from"@lingui/core";import{Divider as ac}from"@rango-dev/ui";import Qt,{useState as fh}from"react";import{useNavigate as gh}from"react-router-dom";import{i18n as bi}from"@lingui/core";import{BlockchainsChip as Fn,Divider as Qp,Image as Vp,Skeleton as th,Typography as Ai}from"@rango-dev/ui";import de from"react";import{useEffect as Rg}from"react";var zp=["ETH","COSMOS","OSMOSIS"];function vi(t,e,o){let n=JSON.parse(JSON.stringify(t)),r=[];if(n.sort(Jg),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(Zg(a)),r=n.splice(s)}return{list:n,more:r}}i(vi,"prepare");function Jg(t,e){let o=zp,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(Jg,"sortByMostUsedBlockchains");function Zg(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(Zg,"generateSortByPreferredBlockchainsFor");function Hp(t,e){return!!e.list.find(o=>o.name===t)}i(Hp,"isInVisibleList");function xi(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=d();Rg(()=>{if(e?.selected){let s=vi(t,o,e);Hp(e.selected,s)||n(e?.selected)}},[e?.selected]);let r=vi(t,o,e);return{list:r.list,more:r.more,history:[]}}i(xi,"usePrepareBlockchainList");import{styled as eh}from"@rango-dev/ui";var Gp=eh("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var oh=12;function Ei(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:s}=t,a=xi(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 de.createElement("div",null,de.createElement(Qp,{size:12}),de.createElement(Ai,{variant:"label",size:"large"},bi.t("Select Blockchain")),de.createElement(Qp,{size:12}),de.createElement(Gp,null,l==="loading"&&Array.from(Array(oh),f=>de.createElement(th,{key:f,variant:"rounded",height:50})),l==="success"&&de.createElement(de.Fragment,null,de.createElement(Fn,{selected:!n,onClick:()=>{o==="from"?c():p()}},de.createElement(Ai,{variant:"body",size:"xsmall",color:"secondary500"},bi.t("All"))),a.list.map(f=>de.createElement(Fn,{key:f.name,selected:!!n&&n.name===f.name,onClick:()=>r(f)},de.createElement(Vp,{src:f.logo,size:30}))),m?de.createElement(Fn,{key:a.more[0].name,selected:!!n&&n.name===a.more[0].name,onClick:()=>r(a.more[0])},de.createElement(Vp,{src:a.more[0].logo,size:30})):null,g?de.createElement(Fn,{onClick:s,key:"more-blockchains"},de.createElement(Ai,{variant:"body",size:"xsmall",color:"secondary500"},bi._("More +{count}",{count:a.more.length}))):null)))}i(Ei,"BlockchainsSection");import{i18n as Fi}from"@lingui/core";import{darkTheme as tc,Divider as go,ExternalLinkIcon as sh,Image as ah,ListItemButton as lh,NotFound as ph,PinIcon as ch,Skeleton as oc,Typography as ho,VirtualizedList as uh}from"@rango-dev/ui";import U,{forwardRef as mh,useEffect as nc,useState as rc}from"react";var jp=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"),Un=i((t,e)=>{let a={[t]:e};for(let l=1;l<10;l++)l<5&&(a={...a,[t+l*100]:jp(e,(5-l)*25)}),l===5&&(a={...a,[t+l*100]:e}),l>5&&(a={...a,[t+l*100]:jp(e,-((l-5)*25))});return a},"generateRangeColors"),Ii=i((t,e,o)=>{if(!o||!Object.entries(o).length)return{};let n=!1,r={...t};for(let s in o){let a=o[s];if(a&&a!==t[s])if(n=!0,s==="background"||s==="foreground")r={...r,[s]:a};else if(s==="neutral"&&e){let l=Un(s,a);r={...r,[`${s}100`]:l[`${s}900`],[`${s}200`]:l[`${s}800`],[`${s}300`]:l[`${s}700`],[`${s}400`]:l[`${s}600`],[`${s}500`]:l[`${s}500`],[`${s}600`]:l[`${s}400`],[`${s}700`]:l[`${s}300`],[`${s}800`]:l[`${s}200`],[`${s}900`]:l[`${s}100`]}}else r={...r,...Un(s,a)}}return n?r:{}},"generateColors");import{Divider as Rp,ListItem as ih,Skeleton as fo}from"@rango-dev/ui";import Ge from"react";import{css as Gt,darkTheme as Kp,ImageContainer as nh,styled as Re,Typography as rh}from"@rango-dev/ui";var Wi=Gt({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}),Ni=Gt({position:"relative",height:12,width:150}),Li=Gt({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",bottom:"-8px"}),Bi=Gt({transform:"translateY(12px)",visibility:"hidden","& a":{fontSize:"$12",lineHeight:"$16",$$color:"$colors$neutral600",[`.${Kp} &`]:{$$color:"$colors$neutral700"},color:"$$color",textDecoration:"none"}}),Pi=Gt({}),Mi=Gt(),Xp=Re("div",{display:"flex",flexDirection:"column",flexGrow:1}),$i=Re("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),On=Re("ul",{flexGrow:1,padding:0,margin:0,listStyle:"none","& li":{alignItems:"none","&:hover":{[`& .${Ni}`]:{[`& .${Bi}`]:{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",visibility:"visible"},[`& .${Pi}`]:{bottom:"-15px"},[`& .${Wi}`]:{position:"absolute",transform:"translateY(-12px)",visibility:"hidden"},[`& .${Li}`]:{position:"absolute",transform:"translateY(-12px)",bottom:"-10px"}}}}}),_i=Re("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),Di=Re(rh,{}),Yp=Re("div",{textAlign:"right",[`& .${Mi}`]:{$$color:"$colors$neutral600",[`.${Kp} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),qn=Re("ul",{display:"flex",alignItems:"end",flexDirection:"column"}),eN=Re("div",{display:"flex",alignItems:"center"}),Jp=Re("div",{position:"relative",[`& ${nh}`]:{borderRadius:"$xm",overflow:"hidden"}}),Zp=Re("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6});function ec(t){return Ge.createElement(On,null,Array.from(Array(t.size),e=>Ge.createElement(ih,{key:e,hasDivider:!0,start:Ge.createElement(fo,{variant:"circular",width:35,height:35}),end:Ge.createElement(qn,null,Ge.createElement(fo,{variant:"text",size:"large",width:70}),Ge.createElement(Rp,{size:4}),Ge.createElement(fo,{variant:"text",size:"medium",width:50})),title:Ge.createElement("div",null,Ge.createElement(fo,{variant:"text",size:"large",width:90}),Ge.createElement(Rp,{size:4}),Ge.createElement(fo,{variant:"text",size:"medium",width:90}))})))}i(ec,"LoadingTokenList");var Ui=20,dh=i(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:s,customCssForTagTitle:a}=t,l=e.length;return U.createElement("div",{className:Ni()},o?U.createElement("div",{className:Wi()},o):U.createElement($i,{className:Li()},U.createElement(ho,{variant:"title",size:"xmedium"},r.symbol),U.createElement(go,{direction:"horizontal",size:4}),U.createElement(_i,{css:s},U.createElement(Di,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&U.createElement("div",{className:`${Bi()} ${!o&&Pi()}`},U.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," ",U.createElement(sh,{color:"gray",size:12}))))},"renderDesc");function ic(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[s,a]=rc(e),l=d().fetchStatus,p=d().blockchains(),[c,u]=rc(!0),{getBalanceFor:m,loading:g}=z(),{isTokenPinned:f}=d(),k=mh((b,T)=>U.createElement("div",{...b,ref:T,style:{...b.style,height:`${parseFloat(b.style?.height)+8*2}px`}})),y=i(()=>{a(e.slice(0,s.length+Ui))},"loadNextPage");nc(()=>{u(e.length>s.length)},[s.length]),nc(()=>{a(e.slice(0,Ui))},[e]);let h=i(()=>!s.length&&o?U.createElement(U.Fragment,null,U.createElement(go,{size:32}),U.createElement(ph,{title:Fi.t("No results found"),description:Fi.t("Try using different keywords")})):U.createElement(uh,{Item:({index:b,style:T})=>{let v=s[b],S=qo(m(v)),w=v.address||"",E=p.find($=>$.name===v.blockchain),M=Un(v.symbol,E?.color||""),C={$$color:M[`${v.symbol}100`],[`.${tc} &`]:{$$color:M[`${v.symbol}900`]},backgroundColor:"$$color"},P={$$color:M[`${v.symbol}700`],[`.${tc} &`]:{$$color:M[`${v.symbol}100`]},color:"$$color"};return U.createElement("div",{style:{...T,paddingRight:5}},U.createElement(lh,{style:{height:T?.height},"tab-index":b,key:`${v.symbol}${v.address}`,id:`${v.symbol}${v.address}`,hasDivider:!0,onClick:()=>n(s[b]),start:U.createElement(Jp,null,U.createElement(ah,{src:v.image,size:30}),f(v)&&U.createElement(Zp,null,U.createElement(ch,{size:12,color:"gray"}))),title:E?.type==="COSMOS"||v.name||!v.name&&!w?U.createElement($i,null,U.createElement(ho,{variant:"title",size:"xmedium"},v.symbol),U.createElement(go,{direction:"horizontal",size:4}),U.createElement(_i,{css:C},U.createElement(Di,{variant:"body",size:"xsmall",css:P},v.blockchain))):void 0,description:E?.info&&w&&E.type!=="COSMOS"?dh({address:w,token:s[b],customCssForTag:C,customCssForTagTitle:P,name:v.name,url:E.info.addressUrl.split("{wallet}").join(w)}):v.name||void 0,end:g?U.createElement(qn,null,U.createElement(oc,{variant:"text",size:"large",width:70}),U.createElement(go,{size:4}),U.createElement(oc,{variant:"text",size:"medium",width:50})):S&&U.createElement(Yp,null,U.createElement(ho,{variant:"title",size:"small"},S.amount),U.createElement("div",null),S.usdValue&&U.createElement(ho,{variant:"body",className:Mi(),size:"xsmall"},`$${S.usdValue}`))}))},hasNextPage:c,itemCount:s.length,loadNextPage:y,innerElementType:k,size:60,key:`${r}-${o}`}),"renderList");return U.createElement(Xp,null,U.createElement(ho,{variant:"label",size:"large"},Fi.t("Select Token")),U.createElement(go,{size:4}),l==="loading"&&U.createElement(ec,{size:Ui}),l==="success"&&U.createElement(On,null,h()))}i(ic,"TokenList");function Oi(t){let{type:e}=t,o=gh(),n=ft(),{fromBlockchain:r,toBlockchain:s,setFromToken:a,setToToken:l,setFromBlockchain:p,setToBlockchain:c}=O(),u=z.use.getBalanceFor(),[m,g]=fh(""),k=(e==="source"?r:s)?.name??"",y=d().blockchains({type:e}),h=d().tokens({type:e,blockchain:k,searchFor:m}),b=Ps(h,u),T=i(S=>{e==="source"?p(S):c(S)},"updateBlockchain"),v=i(S=>{e==="source"?a({token:S,meta:{blockchains:y,tokens:h}}):l({token:S,meta:{blockchains:y,tokens:h}})},"updateToken");return Qt.createElement(K,{header:{title:sc.t("Swap {type}",{type:e})}},Qt.createElement(Ei,{blockchains:y,type:e=="source"?"from":"to",blockchain:e==="source"?r:s,onMoreClick:()=>o(_.blockchains),onChange:S=>{T(S)}}),Qt.createElement(ac,{size:24}),Qt.createElement(st,{value:m,autoFocus:!0,placeholder:sc.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>g(""),onChange:S=>g(S.target.value)}),Qt.createElement(ac,{size:16}),Qt.createElement(ic,{list:b,selectedBlockchain:k,searchedFor:m,onChange:S=>{v(S);let w=y.find(E=>S.blockchain===E.name);w&&T(w),n()}}))}i(Oi,"SelectSwapItemsPage");import{i18n as Et}from"@lingui/core";import{ChevronRightIcon as Hi,Divider as Gi,InfoIcon as Th,List as wh,ListItemButton as vh,Skeleton as xh,Switch as bh,Tooltip as Ah,Typography as It}from"@rango-dev/ui";import V from"react";import{useNavigate as Eh}from"react-router-dom";import{i18n as mc}from"@lingui/core";import{Chip as yh,Divider as dc,InfoIcon as Sh,TextField as Ch,Tooltip as kh,Typography as fc}from"@rango-dev/ui";import ve from"react";import{styled as zn}from"@rango-dev/ui";var lc=zn("div",{paddingTop:"$5",paddingBottom:"30px"}),pc=zn("div",{display:"flex",alignItems:"center",justifyContent:"start"}),cc=zn("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),Hn=zn("div",{maxWidth:"300px",padding:"$10"});import{i18n as qi}from"@lingui/core";import{Typography as hh}from"@rango-dev/ui";import yo from"react";function uc(){return yo.createElement(Hn,null,yo.createElement(hh,{variant:"label",size:"medium",color:"neutral700"},qi.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),yo.createElement("br",null),yo.createElement("br",null),yo.createElement("b",null,qi.t("Warning")),":",qi.t("This setting is applied per step, e.g. 1Inch, Thorchain, etc. and only that step will be reverted, not the whole transaction")))}i(uc,"SlippageTooltipContent");function zi(){let{slippage:t,setSlippage:e,customSlippage:o,setCustomSlippage:n}=d();return ve.createElement(lc,null,ve.createElement(cc,null,ve.createElement(fc,{variant:"title",size:"xmedium"},mc.t("Slippage tolerance per swap")),ve.createElement(dc,{direction:"horizontal",size:4}),ve.createElement(kh,{container:j(),side:"top",content:ve.createElement(uc,null)},ve.createElement(Sh,{color:"gray"}))),ve.createElement(pc,null,Fs.map((r,s)=>{let a=`slippage-${s}`;return ve.createElement(ve.Fragment,null,ve.createElement(yh,{style:{width:"64px",flexShrink:0},key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`}),ve.createElement(dc,{direction:"horizontal",size:8}))}),ve.createElement(Ch,{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>=zs&&s<=qs)&&n(s)},suffix:o&&ve.createElement(fc,{variant:"body",size:"small"},"%"),placeholder:mc.t("Custom")})))}i(zi,"Slippage");function gc(){let t=Eh(),{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=Lo(n,r),g=m.filter(C=>C.type==="BRIDGE"||C.type==="AGGREGATOR"),f=g.length,k=g.filter(C=>C.selected).length,y=m.filter(C=>C.type==="DEX"),h=y.length,b=y.filter(C=>C.selected).length,T=i((C,P)=>{switch(o){case"loading":return V.createElement(xh,{variant:"text",size:"medium",width:50});case"failed":return V.createElement(It,{variant:"body",size:"medium",color:"$error500"},Et.t("Loading failed"));default:return V.createElement(It,{variant:"body",size:"medium"},`${C} / ${P}`)}},"handleEndItem"),v={id:"bridge-item",title:V.createElement(It,{variant:"title",size:"xmedium"},Et.t("Enabled bridges")),end:V.createElement(V.Fragment,null,T(k,f),V.createElement(Gi,{direction:"horizontal",size:8}),V.createElement(Hi,{color:"black"})),onClick:()=>t(_.bridges)},S={id:"exchange-item",title:V.createElement(It,{variant:"title",size:"xmedium"},Et.t("Enabled exchanges")),end:V.createElement(V.Fragment,null,T(b,h),V.createElement(Gi,{direction:"horizontal",size:8}),V.createElement(Hi,{color:"gray"})),onClick:()=>t(_.exchanges)},w={id:"theme-item",title:V.createElement(It,{variant:"title",size:"xmedium"},Et.t("Theme")),end:V.createElement(Hi,{color:"gray"}),onClick:()=>t(_.themes)},E={id:"infinite-approval-item",title:V.createElement(V.Fragment,null,V.createElement(It,{variant:"title",size:"xmedium"},Et.t("Infinite Approval")),V.createElement(Gi,{direction:"horizontal",size:4}),V.createElement(Ah,{side:"top",container:j(),content:V.createElement(Hn,null,V.createElement(It,{variant:"label",size:"medium",color:"neutral700"},Et.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(Th,{color:"gray"}))),end:V.createElement(bh,{checked:c}),onClick:u},M=l?[]:[v,S];return!e?.singleTheme&&!a&&M.push(w),M.push(E),V.createElement(K,{header:{title:Et.t("Setting")}},V.createElement(at,null,V.createElement(zi,null),V.createElement(wh,{type:V.createElement(vh,{title:"_",id:"_",onClick:()=>console.log()}),items:M})))}i(gc,"SettingsPage");import{cancelSwap as Ty}from"@rango-dev/queue-manager-rango-preset";import{useManager as wy}from"@rango-dev/queue-manager-react";import iu from"react";import{i18n as pt}from"@lingui/core";import{getCurrentBlockchainOfOrNull as oy,getCurrentStep as ny,getRelatedWalletOrNull as ry}from"@rango-dev/queue-manager-rango-preset";import{Button as qc,CopyIcon as iy,Divider as sy,IconButton as ay,QuoteCost as ly,StepDetails as py,Typography as Kt,useCopyToClipboard as cy}from"@rango-dev/ui";import{useWallets as uy}from"@rango-dev/wallets-react";import{PendingSwapNetworkStatus as tr}from"rango-types";import X,{useEffect as zc,useRef as my,useState as Hc}from"react";import{useNavigate as dy}from"react-router-dom";import{i18n as xe}from"@lingui/core";var Ih=1e3,Wh=31536e3,Nh=2592e3,Lh=86400,Bh=3600,Ph=60;function hc(t){let e=Math.floor((Date.now()-t)/Ih),n=[{turningPoint:Wh,label:xe.t("year"),pluralLabel:xe.t("years")},{turningPoint:Nh,label:xe.t("month"),pluralLabel:xe.t("months")},{turningPoint:Lh,label:xe.t("day"),pluralLabel:xe.t("days")},{turningPoint:Bh,label:xe.t("hour"),pluralLabel:xe.t("hours")},{turningPoint:Ph,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(hc,"timeSince");function yc(t){return t.finishTime?xe.t({id:"{time} ago",values:{time:hc(parseInt(t.finishTime))}}):xe.t({id:"{time} ago",values:{time:hc(parseInt(t.creationTime))}})}i(yc,"getSwapDate");import{Modal as Oh}from"@rango-dev/ui";import{PendingSwapNetworkStatus as Vn}from"rango-types";import jn from"react";import{i18n as Gn}from"@lingui/core";import{Button as Sc,Divider as Qi,MessageBox as Mh,Typography as Cc}from"@rango-dev/ui";import et from"react";var kc=i(({onCancel:t,onClose:e})=>et.createElement(et.Fragment,null,et.createElement(Qi,{size:20}),et.createElement(Mh,{type:"error",title:Gn.t("Cancel Swap"),description:Gn.t("Are you sure you want to cancel this swap?")}),et.createElement(Qi,{size:32}),et.createElement(Sc,{variant:"contained",type:"primary",size:"large",onClick:t},et.createElement(Cc,{variant:"title",size:"medium",color:"neutral100"},Gn.t("Yes, Cancel it"))),et.createElement(Qi,{size:12}),et.createElement(Sc,{variant:"outlined",type:"primary",size:"large",onClick:e},et.createElement(Cc,{variant:"title",size:"medium",color:"primary"},Gn.t("No, Continue")))),"CancelContent");import{i18n as Qn}from"@lingui/core";import{Button as Tc,Divider as Vi,MessageBox as $h,Typography as wc}from"@rango-dev/ui";import tt from"react";var vc=i(({onDelete:t,onClose:e})=>tt.createElement(tt.Fragment,null,tt.createElement(Vi,{size:20}),tt.createElement($h,{type:"error",title:Qn.t("Delete Transaction"),description:Qn.t("Are you sure you want to delete this swap?")}),tt.createElement(Vi,{size:32}),tt.createElement(Tc,{variant:"contained",type:"primary",size:"large",onClick:t},tt.createElement(wc,{variant:"title",size:"medium",color:"neutral100"},Qn.t("Yes, Delete it"))),tt.createElement(Vi,{size:12}),tt.createElement(Tc,{variant:"outlined",type:"primary",size:"large",onClick:e},tt.createElement(wc,{variant:"title",size:"medium",color:"primary"},Qn.t("No, Cancel")))),"DeleteContent");import{i18n as ji}from"@lingui/core";import{PendingSwapNetworkStatus as Ki}from"rango-types";var Xi={[Ki.WaitingForNetworkChange]:{type:"loading",title:ji.t("Change Network")},[Ki.WaitingForConnectingWallet]:{type:"warning",title:ji.t("Connect Wallet")},[Ki.NetworkChanged]:{type:"success",title:ji.t("Network Changed")}};import{MessageBox as Dh,Wallet as Fh,WalletState as bc}from"@rango-dev/ui";import{useWallets as Uh}from"@rango-dev/wallets-react";import So from"react";import{styled as _h}from"@rango-dev/ui";var xc=_h("div",{display:"flex",justifyContent:"center"});var Ac=i(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:s}=t,{connect:a,getWalletInfo:l,state:p}=Uh(),c=n?.walletType,m=c&&p(c).connected?bc.CONNECTED:bc.DISCONNECTED;return So.createElement(So.Fragment,null,So.createElement(Dh,{type:e,title:o,description:r}),s&&c&&So.createElement(xc,null,So.createElement(Fh,{container:j(),title:l(c).name,image:l(c).img,type:c,state:m,onClick:async()=>a(c)})))},"WalletStateContent");function Yi(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:s,message:a}=t,l=e===Vn.WaitingForNetworkChange||e===Vn.WaitingForConnectingWallet||e===Vn.NetworkChanged;return jn.createElement(Oh,{open:!!e,onClose:o,container:document.getElementById("swap-box")||document.body},l&&jn.createElement(Ac,{type:Xi[e].type,title:Xi[e].title,currentStepWallet:s,message:a,showWalletButton:e!==Vn.WaitingForNetworkChange}),e==="delete"&&jn.createElement(vc,{onClose:o,onDelete:n}),e==="cancel"&&jn.createElement(kc,{onClose:o,onCancel:r}))}i(Yi,"SwapDetailsModal");import{i18n as Co}from"@lingui/core";import{Button as Ji,Divider as Kn,MessageBox as Ec,Modal as qh,TokenAmount as zh,Typography as Xn}from"@rango-dev/ui";import ce from"react";import{useNavigate as Hh}from"react-router-dom";function Zi(t){let{open:e,onClose:o,status:n,priceValue:r,usdValue:s,token:a,chain:l,percentageChange:p,description:c,diagnosisUrl:u}=t,m=Hh();return ce.createElement(qh,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},n==="success"?ce.createElement(Ec,{type:"success",title:Co.t("Swap Successful")},ce.createElement(zh,{direction:"vertical",type:"output",centerAlign:!0,price:{value:r,usdValue:s},token:a,chain:l,percentageChange:p}),ce.createElement(Kn,{size:12}),ce.createElement(Xn,{variant:"body",size:"medium",color:"neutral700",align:"center"},c)):ce.createElement(Ec,{type:"error",title:Co.t("Transaction Failed"),description:c}),ce.createElement(Kn,{size:32}),n==="success"&&ce.createElement(Ji,{variant:"contained",type:"primary",size:"large",onClick:()=>{m("../../")}},ce.createElement(Xn,{variant:"title",size:"medium",color:"neutral100"},Co.t("Done"))),ce.createElement(Kn,{size:12}),u&&ce.createElement(ce.Fragment,null,ce.createElement(Ji,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(u,"_blank")},ce.createElement(Xn,{variant:"title",size:"medium",color:"primary"},Co.t("Diagnosis"))),ce.createElement(Kn,{size:12})),ce.createElement(Ji,{variant:"outlined",type:"primary",size:"large",onClick:o},ce.createElement(Xn,{variant:"title",size:"medium",color:"primary"},Co.t("See Details"))))}i(Zi,"SwapDetailsCompleteModal");import ey from"react";import{i18n as Yh}from"@lingui/core";import{Alert as Pc,IconButton as Jh,LinkIcon as Zh}from"@rango-dev/ui";import Ct,{Fragment as Rh}from"react";import{Alert as Gh,ChevronDownIcon as Qh,ChevronUpIcon as Vh,IconButton as jh}from"@rango-dev/ui";import Yn,{useState as Kh}from"react";function Ic(t){let{message:e}=t,[o,n]=Kh(!1);return Yn.createElement(Gh,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&Yn.createElement(jh,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?Yn.createElement(Vh,{size:12,color:"gray"}):Yn.createElement(Qh,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}i(Ic,"FailedAlert");import{styled as Xh}from"@rango-dev/ui";var Wc=Xh("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as Nc}from"@lingui/core";import{Alert as Ri,Button as Lc}from"@rango-dev/ui";import{PendingSwapNetworkStatus as es}from"rango-types";import ko from"react";function Bc(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?ko.createElement(Ri,{type:"warning",title:n.shortMessage,action:ko.createElement(Lc,{size:"xxsmall",type:"warning",onClick:()=>{o(es.WaitingForNetworkChange),e().catch(s=>{console.log(s)})}},Nc.t("Change"))}):r===es.WaitingForConnectingWallet?ko.createElement(Ri,{type:"warning",title:n.shortMessage,action:ko.createElement(Lc,{size:"xxsmall",type:"warning",onClick:()=>{o(es.WaitingForConnectingWallet)}},Nc.t("Connect"))}):ko.createElement(Ri,{type:"warning",title:n.shortMessage})}i(Bc,"WarningAlert");function ts(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:s,hasAlreadyProceededToSign:a}=t,l=Zt(s),p=s.status==="waitingForApproval"&&!l,c=s.status==="running"&&!l;return Ct.createElement(Wc,null,s.explorerUrl?.map((u,m,g)=>{let f=m+u.url,k=m===g.length-1,y=k&&c||p,h=k&&s.status==="failed";return Ct.createElement(Rh,{key:f},Ct.createElement(Pc,{type:y&&"loading"||h&&"error"||"success",title:u.description?`${u.description} Tx`:Yh.t("View transaction"),action:u.url&&Ct.createElement(Jh,{variant:"ghost",size:"xsmall",onClick:()=>window.open(u.url,"_blank")},Ct.createElement(Zh,{size:16}))}))}),(c&&!a||p&&!s.explorerUrl?.length)&&Ct.createElement(Pc,{type:"loading",title:r.shortMessage}),s.status!=="failed"&&l&&Ct.createElement(Bc,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),s.status==="failed"&&Ct.createElement(Ic,{message:r}))}i(ts,"SwapDetailsAlerts");var Mc=2e3;var $c=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:N(a,6,6)}},to:{token:{displayName:r.toSymbol,image:r.toLogo},chain:{displayName:Ye(r.toBlockchain,e)??"",image:r.toBlockchainLogo??""},price:{value:N(r.outputAmount||r.expectedOutputAmountHumanReadable,6,6)}},swapper:{displayName:r.swapperId,image:r.swapperLogo??""},alerts:ey.createElement(ts,{step:r,hasAlreadyProceededToSign:n,...o})}})},"getSteps");function _c(t){if(Zt(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(_c,"getStepState");import{css as Jn,darkTheme as ty,styled as Vt}from"@rango-dev/ui";var Zn=Vt("div",{display:"flex",width:"100%",flexDirection:"column",alignItems:"center",height:"0",flexGrow:1}),Rn=Vt("div",{width:"100%"}),Dc=Vt("div",{padding:"$0 $20 $20 $20",width:"100%",overflow:"auto"}),$B=Vt("div",{display:"flex",flexDirection:"column",gap:"$10"}),Fc=Vt("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),_B=Vt("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1}),jt=Jn({display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",padding:"$10 $20",borderBottom:"1px solid",$$color:"$colors$neutral300",[`.${ty} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color",color:"$neutral500"}),er=Jn({display:"flex",justifyContent:"center",alignItems:"center",height:"$24"}),Uc=Jn({display:"flex",width:"100%",padding:"$15 $20 $20",flexDirection:"column",alignItems:"start"}),Oc=Jn({textAlign:"left",width:"100%",padding:"0 $20 $10"});function os(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:s,connect:a,getWalletInfo:l}=uy(),p=d().blockchains(),c=d().tokens(),u=O.use.retry(),m=dy(),[g,f]=cy(Mc),k=my(null),[y,h]=Hc(null),[b,T]=Hc(null),v=i(()=>{r(),h(null)},"onCancel"),S=Pe.use.getUnreadNotifications(),w=Pe.use.setAsRead(),E=S(),M=ny(e),C=M?.networkStatus;zc(()=>{E.find(se=>se.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(T(e.status),w(e.requestId))},[e.status]),zc(()=>{H?h(tr.WaitingForNetworkChange):C===tr.WaitingForConnectingWallet||C===tr.NetworkChanged?h(C):h(null)},[C]);let P=sa(e),$=M?oy(e,M):null,W=M?ry(e,M):null,x=yc(e),F=aa(e),I=i(q=>!!l(q)?.mobileWallet,"isMobileWallet"),H=C===tr.WaitingForNetworkChange&&!!$&&!!W?.walletType&&(I(W.walletType)||s(W.walletType,$)),te=H?a.bind(null,W.walletType,$):void 0,oe=ia(e,M),G=$c({swap:e,switchNetwork:te,showNetworkModal:C,setNetworkModal:h,message:oe,blockchains:p}),ie=G.length,[ye,Se]=[e.steps[0],e.steps[ie-1]],De=Se.outputAmount||Se.expectedOutputAmountHumanReadable,Wt=e.steps.reduce((q,se)=>q+parseFloat(se.feeInUsd||""),0),Yt=e.steps.find(q=>q.diagnosisUrl)?.diagnosisUrl,ot=N(parseFloat(N(De,6,6))*(Se.toUsdPrice||0),4,4),Ve=N(parseFloat(e.inputAmount)*(ye.fromUsdPrice||0),4,4),D=Be(Ve,ot),Y=e.status==="success"?pt.t({id:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:N(De,6,6),token:G[ie-1].to.token.displayName,conciseAddress:zo(e.wallets[G[ie-1].to.chain.displayName]?.address||""),chain:G[ie-1].to.chain.displayName}}):`${pt.t("Transaction was not sent.")} ${P?pt.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:pt.t("Swap and Bridge"),onCancel:e.status==="running"?()=>h("cancel"):void 0,suffix:e.status!=="running"&&X.createElement(Dt,null,X.createElement(qc,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>h("delete")},X.createElement(Kt,{size:"medium",variant:"label",color:"error"},pt.t("Delete"))))},footer:F&&!b&&X.createElement(qc,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{u(e,{blockchains:p,tokens:c}),setTimeout(()=>{m("../../")},0)}},pt.t("Try again"))},X.createElement(Zn,null,X.createElement(Rn,null,X.createElement("div",{className:jt()},X.createElement(Kt,{variant:"label",size:"large",color:"neutral700"},`${pt.t("Request ID")}:`),X.createElement("div",{className:er()},X.createElement(Kt,{variant:"label",size:"small",color:"neutral700"},o),X.createElement(ay,{variant:"ghost",onClick:f.bind(null,o||"")},X.createElement(iy,{size:16,color:"gray"})))),X.createElement("div",{className:jt()},X.createElement(Kt,{variant:"label",size:"large",color:"neutral700"},`${pt.t("Created at")}:`),X.createElement(Kt,{variant:"label",size:"small",color:"neutral700"},x))),X.createElement("div",{className:Uc()},X.createElement(ly,{fee:N(String(Wt),2,2),time:Po(Mo(e.steps)),steps:ie}),X.createElement(no,{from:{price:{value:N(e.inputAmount,6,6),usdValue:Ve},token:{displayName:G[0].from.token.displayName,image:G[0].from.token.image},chain:{image:G[0].from.chain.image,displayName:G[0].from.chain.displayName}},to:{price:{value:N(De,6,6),usdValue:ot},token:{displayName:G[ie-1].to.token.displayName,image:G[ie-1].to.token.image},chain:{image:G[ie-1].to.chain.image,displayName:G[ie-1].to.chain.displayName}},percentageChange:N(D,2,2),warningLevel:nt(D??0)})),X.createElement("div",{className:Oc()},X.createElement(Kt,{variant:"title",size:"small"},pt.t("Swaps steps"))),X.createElement(sy,{size:8}),X.createElement(Dc,{ref:k},G.map((q,se)=>{let je=se,Ee=_c(e.steps[se]),sr=Ee==="error"||Ee==="in-progress"||Ee==="warning"||Ee==="completed"&&se===G.length-1;return X.createElement(py,{key:je,step:q,type:"swap-progress",ref:k,state:Ee,hasSeparator:se!==0,tabIndex:je,isFocused:sr})}))),X.createElement(Yi,{state:y,onClose:()=>h(null),onCancel:v,onDelete:n,message:oe.detailedMessage.content,currentStepWallet:W}),X.createElement(Zi,{open:!!b,diagnosisUrl:Yt,onClose:()=>T(null),status:e.status==="success"?"success":"failed",priceValue:N(De,6,6),usdValue:ot,percentageChange:N(D,2,2),token:{displayName:G[ie-1].to.token.displayName,image:G[ie-1].to.token.image},chain:{image:G[ie-1].to.chain.image},description:Y}))}i(os,"SwapDetails");import{i18n as bo}from"@lingui/core";import{CopyIcon as Sy,IconButton as Cy,NotFound as ky,Skeleton as nu,Typography as nr}from"@rango-dev/ui";import le from"react";import{i18n as gy}from"@lingui/core";import{ChainToken as hy,Divider as is,Skeleton as xo,Typography as yy}from"@rango-dev/ui";import J from"react";import{css as Qe,styled as ns}from"@rango-dev/ui";var Gc=ns("div",{width:"100%",height:"100%",padding:"$0 $20"}),Qc=ns("div",{backgroundColor:"$neutral100",borderRadius:"$xm",padding:"$10 $15"}),or=ns("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"}),Vc=Qe({display:"flex",justifyContent:"space-between",alignItems:"center"}),jc=Qe({display:"flex",justifyContent:"space-between",alignItems:"center"}),Kc=Qe({paddingTop:"$15",display:"flex"}),Xc=Qe({padding:"$15 $0"}),Yc=Qe({width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"}),Jc=Qe({paddingBottom:"$10"}),Zc=Qe({display:"flex",justifyContent:"start",alignItems:"center"}),Rc=Qe({paddingTop:"$5",display:"flex",alignItems:"center"}),rs=Qe({display:"flex",alignItems:"center"}),eu=Qe({padding:"$4 $6",display:"flex",justifyContent:"center",alignItems:"center"}),tu=Qe({display:"flex",paddingTop:"$10",paddingBottom:"$5"});import{ChainToken as ou,Divider as To,NextIcon as fy,Skeleton as wo}from"@rango-dev/ui";import ae from"react";function vo(t){let{extraInfo:e}=t;return ae.createElement(Qc,null,ae.createElement("div",{className:Zc()},ae.createElement(wo,{height:28,width:28,variant:"circular"}),ae.createElement(To,{direction:"horizontal",size:8}),ae.createElement(wo,{height:15,width:148,variant:"rounded"})),ae.createElement("div",{className:Rc()},ae.createElement(To,{direction:"horizontal",size:20}),ae.createElement("div",{className:rs()},ae.createElement(ou,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ae.createElement(To,{direction:"horizontal",size:8}),ae.createElement(wo,{height:12,width:76,variant:"rounded"})),ae.createElement("div",{className:eu()},ae.createElement(fy,{color:"gray",size:16})),ae.createElement("div",{className:rs()},ae.createElement(ou,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ae.createElement(To,{direction:"horizontal",size:8}),ae.createElement(wo,{height:12,width:76,variant:"rounded"}))),e&&ae.createElement("div",{className:tu()},ae.createElement(To,{direction:"horizontal",size:20}),ae.createElement(wo,{height:22,width:297,variant:"rectangular"})))}i(vo,"LoadingSwapDetailStep");function ss(){let t=J.createElement("div",{className:Vc()},J.createElement("div",{className:jc()},J.createElement(hy,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),J.createElement(is,{size:8,direction:"horizontal"}),J.createElement(xo,{height:15,width:148,variant:"rounded"})),J.createElement(xo,{height:12,width:64,variant:"rounded"}));return J.createElement(Gc,null,J.createElement("div",{className:Kc()},J.createElement(xo,{width:60,height:10,variant:"rounded"}),J.createElement(is,{size:4,direction:"horizontal"}),J.createElement(xo,{width:60,height:10,variant:"rounded"}),J.createElement(is,{size:4,direction:"horizontal"}),J.createElement(xo,{width:60,height:10,variant:"rounded"})),J.createElement("div",{className:Xc()},t,J.createElement("div",{className:Yc()}),t),J.createElement("div",{className:Jc()},J.createElement(yy,{variant:"title",size:"small"},gy.t("Swaps steps"))),J.createElement("div",null,J.createElement(vo,{extraInfo:!0}),J.createElement(or,null),J.createElement(vo,null),J.createElement(or,null),J.createElement(vo,null),J.createElement(or,null),J.createElement(vo,null)))}i(ss,"LoadingSwapDetails");function ru(t){let{requestId:e,showSkeleton:o}=t;return le.createElement(K,{noPadding:!0,header:{title:bo.t("Swap and Bridge"),suffix:le.createElement(Dt,null)}},o&&le.createElement(Zn,null,le.createElement(Rn,null,le.createElement("div",{className:jt()},le.createElement(nr,{variant:"label",size:"large",color:"neutral700"},`${bo.t("Request ID")}:`),le.createElement("div",{className:er()},le.createElement(nr,{variant:"label",size:"small",color:"neutral700"},le.createElement(nu,{width:60,height:10,variant:"rounded"})),le.createElement(Cy,{variant:"ghost"},le.createElement(Sy,{size:16,color:"gray"})))),le.createElement("div",{className:jt()},le.createElement(nr,{variant:"label",size:"large",color:"neutral700"},`${bo.t("Created at")}:`),le.createElement(nr,{variant:"label",size:"small",color:"neutral700"},le.createElement(nu,{width:60,height:10,variant:"rounded"})))),le.createElement(ss,null)),!o&&le.createElement(Fc,null,le.createElement(ky,{title:bo.t("Not found"),description:bo.t({id:"Swap with request ID = {requestId} not found.",values:{requestId:e}})})))}i(ru,"SwapDetailsPlaceholder");function su(){let{manager:t,state:e}=wy(),o=!e.loadedFromPersistor,n=zt(t),r=we.use.selectedSwapRequestId(),s=ft(),{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&&Ty(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?iu.createElement(ru,{requestId:r||"",showSkeleton:l}):iu.createElement(os,{swap:m,requestId:r||"",onCancel:c,onDelete:u})}i(su,"SwapDetailsPage");import{i18n as Ao}from"@lingui/core";import{AutoThemeIcon as vy,DarkModeIcon as xy,LightModeIcon as by,List as Ay,ListItemButton as Ey,Radio as as,RadioRoot as Iy,Typography as ls}from"@rango-dev/ui";import be from"react";function au(){let{setTheme:t,theme:e}=d(),o=[{id:"light",value:"light",title:be.createElement(ls,{variant:"title",size:"xmedium"},Ao.t("Light")),onClick:()=>t("light"),start:be.createElement(by,{color:"gray"}),end:be.createElement(as,{value:"light"})},{id:"dark",value:"dark",title:be.createElement(ls,{variant:"title",size:"xmedium"},Ao.t("Dark")),onClick:()=>t("dark"),start:be.createElement(xy,{color:"gray"}),end:be.createElement(as,{value:"dark"})},{id:"auto",value:"auto",title:be.createElement(ls,{variant:"title",size:"xmedium"},Ao.t("Auto")),onClick:()=>t("auto"),start:be.createElement(vy,{color:"gray"}),end:be.createElement(as,{value:"auto"})}];return be.createElement(K,{header:{title:Ao.t("Theme")}},be.createElement(at,null,be.createElement(Iy,{onValueChange:n=>t(n),value:e},be.createElement(Ay,{type:be.createElement(Ey,{title:Ao.t("Theme"),id:"_",onClick:()=>console.log()}),items:o}))))}i(au,"ThemePage");function lu(){return Wy([{path:_.home,element:Ae.createElement(Ip,null)},{path:_.fromSwap,children:[{index:!0,element:Ae.createElement(Oi,{type:"source"})},{path:_.blockchains,element:Ae.createElement(wi,{type:"source"})}]},{path:_.toSwap,children:[{index:!0,element:Ae.createElement(Oi,{type:"destination"})},{path:_.blockchains,element:Ae.createElement(wi,{type:"destination"})}]},{path:_.settings,children:[{index:!0,element:Ae.createElement(gc,null)},{path:_.themes,element:Ae.createElement(au,null)},{path:_.languages,element:Ae.createElement(Np,null)},{path:_.exchanges,element:Ae.createElement(yi,{sourceType:"Exchanges"})},{path:_.bridges,element:Ae.createElement(yi,{sourceType:"Bridges"})}]},{path:_.swaps,children:[{index:!0,element:Ae.createElement(vp,null)},{path:_.swapDetails,element:Ae.createElement(su,null)}]},{path:_.wallets,element:Ae.createElement(ll,null)},{path:_.confirmSwap,element:Ae.createElement(dp,null)}])}i(lu,"AppRoutes");import{isApprovalTX as Ny,MainEvents as cu,RouteEventType as uu,StepEventType as Xt,StepExecutionEventStatus as Ly,useEvents as By}from"@rango-dev/queue-manager-rango-preset";import{useEffect as mu}from"react";import{StepExecutionBlockedEventStatus as ps}from"@rango-dev/queue-manager-rango-preset";var pu=[ps.WAITING_FOR_CHANGE_WALLET_ACCOUNT,ps.WAITING_FOR_NETWORK_CHANGE,ps.WAITING_FOR_WALLET_CONNECT];function du(){let t=d().tokens(),e=z.use.connectedWallets(),o=z.use.getWalletsDetails(),n=Pe.use.setNotification(),r=Pe.use.setAsRead(),s=By();return mu(()=>(s.on(cu.StepEvent,a=>{let{event:l,step:p,route:c}=a;if(l.type===Xt.TX_EXECUTION&&l.status===Ly.TX_SENT&&!Ny(p)||l.type===Xt.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===Xt.TX_EXECUTION_BLOCKED&&pu.includes(l.status)||l.type===Xt.FAILED?n(l,c):(l.type===Xt.TX_EXECUTION||l.type===Xt.CHECK_STATUS)&&r(c.requestId)}),()=>s.all.clear()),[s,e.length]),mu(()=>(s.on(cu.RouteEvent,a=>{let{event:l,route:p}=a;(l.type===uu.FAILED||l.type===uu.SUCCEEDED)&&n(l,p)}),()=>s.all.clear()),[s,e.length]),null}i(du,"WidgetEvents");import{globalCss as Py}from"@rango-dev/ui";var fu=i(()=>Py({"@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 ms,darkTheme as Fy,lightTheme as Uy}from"@rango-dev/ui";import{useEffect as hu,useState as Oy}from"react";import{theme as _y,darkColors as Dy}from"@rango-dev/ui";var gu=i(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),My=i(t=>{let e="",o;for(o=Math.abs(t);o>52;o=o/52|0)e=gu(o%52)+e;return gu(o%52)+e},"toAlphabeticName"),$y=i((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),cs=i(t=>My($y(5381,JSON.stringify(t))>>>0),"toHash");function us(t){let e=_y.colors,o=Ii({...e,...Dy},!0,t?.dark),n=Ii(e,!1,t?.light),r=Object.keys(o).length>0,s=Object.keys(n).length>0,a,l;if(s){let p={colors:n};a={id:`${cr}-light-${cs(p)}`,tokens:p}}if(r){let p={colors:o};l={id:`${cr}-dark-${cs(p)}`,tokens:p}}return{light:a,dark:l}}i(us,"customizedThemeTokens");function yu(t){let{colors:e,fontFamily:o=Ts,borderRadius:n=Cs,secondaryBorderRadius:r=ks,mode:s="auto"}=t,[a,l]=Oy("light"),{setTheme:p,theme:c}=d(),{dark:u,light:m}=us(e),g=ms({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),f=[g.className,Uy.className],k=[g.className,Fy.className];if(m){let h=ms(m.id,m.tokens);f.push(h.className)}if(u){let h=ms(u.id,u.tokens);k.push(h.className)}return hu(()=>{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)}},[]),hu(()=>{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(yu,"useTheme");import{styled as qy}from"@rango-dev/ui";var Su=qy("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 rr(){fu();let{config:t}=d(),{activeTheme:e}=yu(t?.theme||{}),{activeLanguage:o,changeLanguage:n}=Mn(),[r,s]=ku(""),[a,l]=ku(),p=Hy(nn);return Cu(()=>{Pe.persist.rehydrate(),p.onConnectWallet(s)},[]),Cu(()=>{n(t?.language)},[t?.language]),Eo.createElement(zy,{language:o},Eo.createElement(Su,{id:"swap-container",className:e()},Eo.createElement(du,null),Eo.createElement(Ta,{lastConnectedWallet:r,disconnectedWallet:a,clearDisconnectedWallet:()=>{l(void 0)}},Eo.createElement(lu,null))))}i(rr,"Main");import fs,{useMemo as aS}from"react";import{checkWaitingForNetworkChange as Gy,makeQueueDefinition as Qy}from"@rango-dev/queue-manager-rango-preset";import{Provider as Vy}from"@rango-dev/queue-manager-react";import{useWallets as jy}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as Ky}from"@rango-dev/wallets-shared";import{isEvmBlockchain as Xy}from"rango-types";import Yy,{useMemo as Jy}from"react";function Zy(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:s,getWalletInfo:a}=jy(),l=Jy(()=>Qy({API_KEY:t.apiKey||Nt("API_KEY"),BASE_URL:Nt("BASE_URL")}),[t.apiKey]),p=d().blockchains(),u={blockchains:z.use.connectedWallets().map(T=>({accounts:[T],name:T.chain}))},m=i(async(T,v)=>{if(s(T,v))return r(T,v)},"switchNetwork"),g=i(T=>!!a(T).mobileWallet,"isMobileWallet"),f=p.filter(T=>T.enabled).reduce((T,v)=>(T[v.name]=v,T),{}),k=p.filter(Xy),y=i(T=>{let{supportedChains:v}=a(T);return Fo(v)},"getSupportedChainNames"),h=e(),b={meta:{blockchains:f,evmBasedChains:k,evmNetworkChainInfo:Ky(k),getSupportedChainNames:y},getSigners:o,wallets:u,providers:h,switchNetwork:m,canSwitchNetworkTo:s,connect:r,state:n,isMobileWallet:g};return Yy.createElement(Vy,{queuesDefs:[l],context:b,onPersistedDataLoaded:T=>{Gy(T)},isPaused:!1},t.children)}i(Zy,"QueueManager");var Tu=Zy;import{useManager as nS}from"@rango-dev/queue-manager-react";import rS,{createContext as iS,useContext as sS}from"react";import{cancelSwap as Ry,getCurrentBlockchainOfOrNull as eS,getCurrentStep as tS,getRelatedWalletOrNull as oS}from"@rango-dev/queue-manager-rango-preset";var Io=class{constructor(e,o){this.manager=e,this.actions=o}getAllSwaps(){return zt(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&&Ry(o)}getCurrentStepInfo(e){let o=tS(e);return{step:o,wallet:o?oS(e,o):null,network:o?eS(e,o):null}}};i(Io,"WidgetHistory");var wu=iS(void 0);function ds(t){let{manager:e}=nS(),o=O.use.retry(),n=new Io(e,{retrySwap:o}),r=z.use.connectedWallets(),s=z.use.loading(),a=Bs(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 rS.createElement(wu.Provider,{value:g},t.children)}i(ds,"WidgetInfo");function vu(){let t=sS(wu);if(!t)throw new Error("useWidget can only be used within the WidgetProvider component");return t}i(vu,"useWidget");function ir(t){let{onUpdateState:e,config:o}=t;return aS(()=>{Ss({API_KEY:o?.apiKey||Wo,BASE_URL:o?.apiUrl||ys})},[o]),fs.createElement(rn,{config:o,onUpdateState:e},fs.createElement(Tu,{apiKey:o.apiKey},fs.createElement(ds,null,t.children)))}i(ir,"WidgetProvider");function xu(t){return t.config?.externalWallets?gs.createElement(rr,null):gs.createElement(ir,{config:t.config??lr},gs.createElement(rr,null))}i(xu,"Widget");export{e_ as MainEvents,c_ as Networks,t_ as RouteEventType,o_ as StepEventType,n_ as StepExecutionBlockedEventStatus,r_ as StepExecutionEventStatus,l_ as WalletEvents,u_ as WalletTypes,xu as Widget,ir as WidgetProvider,rn as WidgetWallets,us as customizedThemeTokens,a_ as readAccountAddress,hl as useWallets,vu as useWidget,i_ as useWidgetEvents};
2
2
  //# sourceMappingURL=index.js.map