@rango-dev/widget-embedded 0.17.1-next.10 → 0.17.1-next.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Quote/Quote.styles.d.ts.map +1 -1
- package/dist/components/QuoteWarningsAndErrors/QuoteWarningsAndErrors.styles.d.ts.map +1 -1
- package/dist/components/SwapsGroup/SwapsGroup.d.ts.map +1 -1
- package/dist/components/SwapsGroup/SwapsGroup.styles.d.ts.map +1 -1
- package/dist/components/TokenList/TokenList.styles.d.ts.map +1 -1
- package/dist/index.d.ts +2 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +3 -3
- package/dist/utils/colors.d.ts.map +1 -1
- package/package.json +2 -2
- package/src/components/Quote/Quote.styles.ts +7 -0
- package/src/components/QuoteWarningsAndErrors/QuoteErrorsModalItem.tsx +1 -1
- package/src/components/QuoteWarningsAndErrors/QuoteWarningsAndErrors.styles.ts +8 -1
- package/src/components/SwapsGroup/SwapsGroup.styles.ts +8 -1
- package/src/components/SwapsGroup/SwapsGroup.tsx +0 -2
- package/src/components/TokenList/TokenList.styles.ts +14 -2
- package/src/components/TokenList/TokenList.tsx +1 -1
- package/src/index.ts +2 -0
- package/src/utils/colors.ts +2 -1
package/dist/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var Mu=Object.defineProperty;var s=(t,e)=>Mu(t,"name",{value:e,configurable:!0});import{MainEvents as y$,RouteEventType as S$,StepEventType as C$,StepExecutionBlockedEventStatus as k$,StepExecutionEventStatus as T$,useEvents as w$}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Wl}from"@rango-dev/wallets-react";import{Events as lr,Provider as ac}from"@rango-dev/wallets-react";import{isEvmBlockchain as lc}from"rango-sdk";import Oo,{createContext as pc,useEffect as uc,useRef as cc}from"react";import{useEffect as Ku}from"react";import{create as Qu}from"zustand";import{subscribeWithSelector as Vu}from"zustand/middleware";import{RangoClient as Pu}from"rango-sdk";var Yi="c6381a79-2817-4602-83bf-6a641a409e32";var or={API_KEY:Yi};function Eo(t){return or[t]}s(Eo,"getConfig");function Ji(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),or=e,or}s(Ji,"initConfig");var Zi=20,Ri=25,es="Roboto",nr="theme-widget";var Ao,It=s(()=>Ao||(Ao=new Pu(Eo("API_KEY")),Ao),"httpService");import{WalletState as Ge}from"@rango-dev/ui";import{readAccountAddress as Du}from"@rango-dev/wallets-react";import{detectInstallLink as Fu,getCosmosExperimentalChainInfo as Ou,isEvmAddress as Uu,KEPLR_COMPATIBLE_WALLETS as Iy,Networks as ns}from"@rango-dev/wallets-shared";import rr from"bignumber.js";import{isCosmosBlockchain as zu}from"rango-types";import $u from"bignumber.js";var be=new $u(0);import{WalletTypes as _u}from"@rango-dev/wallets-shared";var ts=[_u.LEAP];import{BigNumber as os}from"bignumber.js";var Io=s(t=>{let e=(t%60).toString().padStart(2,"0");return`${parseInt((t/60).toString()).toString().padStart(2,"0")}:${e}`},"secondsToString"),N=s((t,e=null,o=null)=>{if(t==null||t==="")return"";let n=new os(t),r=1,i=1e3;for(let a=0;a<60;a++)if(new os(n.toFixed(a,r)).eq(n)){i=a;break}if(n.gte(1e4))return n.toFormat(0,r);if(n.gte(1e3)||n.gte(100))return n.toFormat(Math.min(i,Math.min(o||100,Math.max(e||0,1))),r);if(n.gte(1))return n.toFormat(Math.min(i,Math.min(o||100,Math.max(e||0,2))),r);if(n.gte(.01))return n.toFormat(Math.min(i,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(i,Math.min(o||100,Math.max(e||0,a))),r);return n.isEqualTo(0)?"0":n.toFormat(Math.min(i,Math.min(o||100,Math.max(e||0,8))),r)},"numberToString");var Wo=s(t=>t?.reduce((e,o)=>e+(o.estimatedTimeInSeconds??0),0)||0,"totalArrivalTime");var qe=s((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),Xt=s(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function No(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()}s(No,"limitDecimalPlaces");function qu(t){switch(!0){case t.connected:return Ge.CONNECTED;case t.connecting:return Ge.CONNECTING;case!t.installed:return Ge.NOT_INSTALLED;default:return Ge.DISCONNECTED}}s(qu,"mapStatusToWalletState");function rs(t,e,o,n){return o.filter(r=>!ts.includes(r)).filter(r=>{let{supportedChains:i,isContractWallet:a}=e(r),{installed:l,network:p}=t(r);return a&&(!l||!!n&&p!==n)?!1:n?!!i.find(m=>m.name===n):!0}).map(r=>{let{name:i,img:a,installLink:l}=e(r),p=qu(t(r));return{title:i,image:a,link:Fu(l),state:p,type:r}})}s(rs,"mapWalletTypesToWalletInfo");function Bo(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}s(Bo,"walletAndSupportedChainsNames");function is(t,e,o,n,r){let i=[];function a(p,u){if(!!!i.find(c=>c.chain===p)){let c={address:u,chain:p,walletType:t};i.push(c)}}s(a,"addAccount");let l=n||[];return e.forEach(p=>{let{address:u,network:m}=Du(p),c=l.length>0,g=l.includes(m),y=m===ns.Unknown;if(c&&!g&&!y)return;let T=m===ns.Unknown&&Uu(u);if(y&&!T)return;o.includes(m)||T?r?a(m,u.toLowerCase()):l.filter(f=>o.includes(f)).forEach(f=>{a(f,u.toLowerCase())}):a(m,u)}),i}s(is,"prepareAccountsForWalletStore");function ss(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(i=>{let a=i.from.blockchain,l=i.to.blockchain;e.includes(a)||e.push(a),e.includes(l)||e.push(l)})}),e}s(ss,"getRequiredChains");function Wt(t,e,o,n){if(t.length===0)return null;let r=t.filter(i=>i.chain===e);return r.length===0?null:r.map(i=>i.balances?.find(a=>n!==null&&a.address===n||n===null&&a.address===n&&a.symbol===o)||null).filter(i=>i!==null).sort((i,a)=>parseFloat(a?.amount||"0")-parseFloat(i?.amount||"1")).find(()=>!0)||null}s(Wt,"getBalanceFromWallet");function Lo(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}s(Lo,"isAccountAndWalletMatched");function as(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 rr(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:Mo(o,r.asset.symbol,r.asset.address,e)||null}))||[]}s(as,"makeBalanceFor");function ls(t){return{...t,loading:!1,error:!0}}s(ls,"resetConnectedWalletState");var Mo=s((t,e,o,n)=>n?.find(i=>i.blockchain===t&&i.symbol?.toUpperCase()===e?.toUpperCase()&&i.address===o)?.usdPrice||null,"getUsdPrice"),Po=s((t,e)=>{let o=Ou(Object.entries(t).map(([,n])=>n).filter(zu));return o&&o[e]?.experimental},"isExperimentalChain");function Gu(t,e){return t.map(({balance:o,...n})=>{let r=N(new rr(Wt(e,n.blockchain,n.symbol,n.address)?.amount||be)),i="";return n.usdPrice&&(i=N(new rr(Wt(e,n.blockchain,n.symbol,n.address)?.amount||be).multipliedBy(n.usdPrice))),{...n,...r!=="0"&&{balance:{amount:r,usdValue:i}}}})}s(Gu,"getTokensWithBalance");function ps(t,e){let o=e.length>0?Gu(t,e):t;return o.sort((n,r)=>n.balance?.usdValue&&r.balance?.usdValue?parseFloat(r.balance.usdValue)-parseFloat(n.balance.usdValue):!n.balance?.usdValue&&r.balance?.usdValue?1:n.balance?.usdValue&&!r.balance?.usdValue?-1:!n.balance?.usdValue&&!r.balance?.usdValue?parseFloat(r.balance?.amount||"0")-parseFloat(n.balance?.amount||"0"):0),o}s(ps,"getTokensBalanceFromWalletAndSort");function Ae(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}s(Ae,"tokensAreEqual");function us(t){return t.sort((e,o)=>+(o.state===Ge.CONNECTED)-+(e.state===Ge.CONNECTED)||+(o.state===Ge.DISCONNECTED||o.state===Ge.CONNECTING)-+(e.state===Ge.DISCONNECTED||e.state===Ge.CONNECTING))}s(us,"sortWalletsBasedOnConnectionState");function $o(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}`}s($o,"getConciseAddress");function cs({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}s(cs,"getAddress");var Hu=s(t=>{let e=t;e.use={};for(let o of Object.keys(e.getState()))e.use[o]=()=>e(n=>n[o]);return e},"createSelectors"),He=Hu;var H=He(Qu()(Vu((t,e)=>({connectedWallets:[],customDestination:"",loading:!1,connectWallet:(o,n)=>{let r=e().getWalletsDetails;t(i=>({loading:!0,connectedWallets:i.connectedWallets.filter(a=>a.walletType!==o[0].walletType).concat(o.map(a=>{let l=!i.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(i=>i.selected&&i.walletType!==o).map(i=>i.chain);return{connectedWallets:n.connectedWallets.filter(i=>i.walletType!==o).map(i=>r.includes(i.chain)?i:(r.push(i.chain),{...i,selected:!0}))}})},selectWallets:o=>t(n=>({connectedWallets:n.connectedWallets.map(r=>{let i=!!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 i?{...r,selected:!1}:a?{...r,selected:!0}:r})})),clearConnectedWallet:()=>t(()=>({connectedWallets:[],selectedWallets:[]})),getWalletsDetails:async(o,n,r=!0)=>{let i=e().getWalletsDetails;t(a=>({loading:!0,connectedWallets:a.connectedWallets.map(l=>o.find(p=>Lo(p,l))?{...l,loading:!0}:l)}));try{let a=o.map(({address:u,chain:m})=>({address:u,blockchain:m})),p=(await It().getWalletsDetails(a)).wallets;if(p)t(u=>({loading:!1,connectedWallets:u.connectedWallets.map(m=>{let c=o.find(y=>Lo(y,m)),g=p.find(y=>y.address===m.address&&y.blockChain===m.chain);return g?.failed&&c&&r&&i([c],n,!1),c&&g?{...m,explorerUrl:g.explorerUrl,balances:as(g,n)}:m})}));else throw new Error("Wallet not found")}catch{t(l=>({loading:!1,connectedWallets:l.connectedWallets.map(p=>o.find(u=>Lo(u,p))?ls(p):p)}))}}}))));import{allProviders as ju}from"@rango-dev/provider-all";function _o(t,e){let o=ju({walletconnect2:{WC_PROJECT_ID:e?.walletConnectProjectId||""}});if(t){let n=[];return t.forEach(r=>{if(typeof r=="string"){let i=o.find(a=>a.config.type===r);i?n.push(i):console.warn(`Couldn't find ${r} provider. Please make sure you are passing the correct name.`)}else n.push(r)}),n}return o}s(_o,"matchAndGenerateProviders");function ms(t,e){return _o(t,e).map(r=>r.config.type)}s(ms,"configWalletsToWalletName");function ds(t,e){let o=H.use.clearConnectedWallet(),n=_o(void 0,e);return Ku(()=>{o(),n=_o(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}s(ds,"useWalletProviders");import nc,{createContext as rc,useContext as ic,useRef as sc}from"react";import{create as oc}from"zustand";var ir={apiKey:"",multiWallets:!0,enableNewLiquiditySources:!0},fs=s((t,e,o)=>({config:{...ir,...t},updateConfig:n=>{let r=o().config;e({config:{...r,...n}})}}),"createConfigSlice");function Nt(t){return Array.from(new Set(t))}s(Nt,"removeDuplicateFrom");function sr(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}s(sr,"areEqual");function gs(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}s(gs,"debounce");function yt(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}s(yt,"containsText");var ee=s(()=>document.getElementById("swap-box"),"getContainer");import{create as Ru}from"zustand";import{persist as ec,subscribeWithSelector as tc}from"zustand/middleware";import{English as Xu,French as Yu,Japanese as Ju,Spanish as Zu}from"@rango-dev/ui";var hs=[{title:"English",label:"English",local:"en",SVGFlag:Xu},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:Zu},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:Yu},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:Ju}],Do="en";var ys=[.5,1,3],Ss=1,Cs=5,ks=100,Ts=0;var D=He(Ru()(ec(tc((t,e)=>({preferredBlockchains:[],slippage:Ss,customSlippage:null,infiniteApprove:!1,affiliateRef:null,affiliatePercent:null,affiliateWallets:null,disabledLiquiditySources:[],theme:"auto",language:Do,addPreferredBlockchain:o=>{let n=e().preferredBlockchains;if(n.find((a,l)=>{let p=a===o,u=l<=10-1;return p&&u}))return;let i=n.filter(a=>!(a===o));t(()=>({preferredBlockchains:[o,...i]}))},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 i=Nt(o.map(a=>a.swapperGroup));return i.length===r.disabledLiquiditySources.length?{disabledLiquiditySources:[]}:{disabledLiquiditySources:i}}),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}))})),{name:"user-settings",skipHydration:!0})));function Fo(t){let e=D.use.disabledLiquiditySources(),o=t.map(i=>i.swapperGroup),n=[];return Nt(t.map(i=>i.swapperGroup)).map(i=>{let a=t.find(l=>l.swapperGroup===i);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}s(Fo,"getUniqueSwappersGroups");function ws(t,e){return t.swapperGroup<e.swapperGroup?-1:t.swapperGroup>e.swapperGroup?1:0}s(ws,"sortLiquiditySourcesByGroupTitle");var vs=s((t,e)=>({_blockchains:[],_tokens:[],_popularTokens:[],_swappers:[],fetchStatus:"loading",blockchains:o=>{let n=e()._blockchains;if(!o||!o?.type)return n;let r=e().config,i=(o.type==="source"?r.from?.blockchains:r.to?.blockchains)??[];return n.filter(l=>!(i.length>0&&!i.includes(l.name)))},tokens:o=>{let n=e()._tokens;if(!o||!o?.type)return n;let r=e().config,i=(o.type==="source"?r.from?.tokens:r.to?.tokens)??[],a=e().blockchains({type:o.type});return n.filter(p=>i.length>0&&!i.some(u=>Ae(u,p))||o.blockchain&&p.blockchain!==o.blockchain||!a.some(u=>u.name===p.blockchain)?!1:o.searchFor?!!(yt(p.symbol,o.searchFor)||yt(p.address||"",o.searchFor)||yt(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=>Ae(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(ws)},fetch:async()=>{try{let o=await It().getAllMetadata();t({fetchStatus:"success"});let n=[],r=[],i=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:i,_swappers:a})}catch(o){throw t({fetchStatus:"failed"}),o}}}),"createDataSlice");function xs(t){return oc()((...e)=>({...vs(...e),...fs(t,...e)}))}s(xs,"createAppStore");var bs=rc(null);function v(){let t=ic(bs);if(!t)throw new Error("Missing AppStoreContext.Provider in the tree");return t()}s(v,"useAppStore");function Es(t){let e=sc();return e.current||(e.current=xs(t.config)),nc.createElement(bs.Provider,{value:e.current},t.children)}s(Es,"AppStoreProvider");var Uo=pc({onConnectWallet:()=>{}});function mc(t){let e=v().updateConfig,o=v().blockchains(),n=v().tokens(),r={walletConnectProjectId:t.config?.walletConnectProjectId},{providers:i}=ds(t.config.wallets,r),a=H.use.disconnectWallet(),l=H.use.connectWallet(),p=cc();uc(()=>{t.config&&e(t.config)},[t.config]);let u=o.filter(lc).map(c=>c.name),m=s((c,g,y,k,T)=>{if(g===lr.ACCOUNTS)if(y){let h=Bo(T.supportedBlockchains),x=is(c,y,u,h,T.isContractWallet);l(x,n)}else a(c);if(g===lr.ACCOUNTS&&k.connected){let h=`${c}-${k.network}-${y}`;k.connected&&(p.current?p.current(h):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(g===lr.NETWORK&&k.network){let h=`${c}-${k.network}`;p.current?p.current(h):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(c,g,y,k,T)},"onUpdateState");return Oo.createElement(Uo.Provider,{value:{onConnectWallet:c=>{p.current=c}}},Oo.createElement(ac,{allBlockChains:o,providers:i,onUpdateState:m,autoConnect:!0},t.children))}s(mc,"Main");function zo(t){let{config:e,...o}=t;return Oo.createElement(Es,{config:e},Oo.createElement(mc,{...o,config:e}))}s(zo,"WidgetWallets");import Xi from"react";import{I18nManager as Vh}from"@rango-dev/ui";import xo,{useContext as jh,useEffect as Au,useMemo as Kh,useState as Iu}from"react";import{useQueueManager as dd}from"@rango-dev/queue-manager-rango-preset";import{useWallets as fd}from"@rango-dev/wallets-react";import{isEvmBlockchain as gd}from"rango-types";import Tt,{useEffect as hd,useRef as yd}from"react";import{MemoryRouter as Sd,useInRouterContext as Cd}from"react-router";import{useLocation as kd,useNavigate as Td}from"react-router-dom";var S={home:"/",fromSwap:"from-swap",fromBlockchain:"/from-swap/blockchains",toBlockchain:"/to-swap/blockchains",toSwap:"to-swap",settings:"settings",liquiditySources:"/settings/liquidity-sources",themes:"/settings/themes",bridges:"/settings/bridges",exchanges:"/settings/exchanges",languages:"/settings/languages",swaps:"swaps",wallets:"wallets",confirmSwap:"confirm-swap",swapDetails:"swaps/:requestId"};import{useWallets as fc}from"@rango-dev/wallets-react";import{useEffect as gc,useRef as hc}from"react";function As(){let{connect:t,state:e}=fc(),o=hc({}),{fetchStatus:n}=v(),r=new URLSearchParams(location.search).get("autoConnect")||"",i=e(r);gc(()=>{n==="success"&&r&&i.installed&&!i.connecting&&!i.connected&&!o.current[r]&&(o.current[r]=!0,t(r))},[i,n])}s(As,"useForceAutoConnect");import{i18n as zr}from"@lingui/core";import{Button as td,styled as qr,SwapInput as pl,WarningIcon as od}from"@rango-dev/ui";import De,{useEffect as nd,useRef as rd,useState as id}from"react";import{useNavigate as sd}from"react-router-dom";import{ChevronLeftIcon as Cc}from"@rango-dev/ui";import Ns from"react";import{darkTheme as yc,IconButton as Sc,styled as qo}from"@rango-dev/ui";var Ne=qo(Sc,{width:"$24",position:"relative",padding:"0",overflow:"unset"}),Is=qo("div",{position:"absolute",background:"$secondary500",[`.${yc} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),Bt=qo("div",{display:"flex",justifyContent:"flex-end",width:"$40"}),Ws=qo("div",{position:"absolute",backgroundColor:"$secondary500",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0"});function pr(t){return Ns.createElement(Ne,{variant:"ghost",size:"small",onClick:t.onClick},Ns.createElement(Cc,{color:"black",size:16}))}s(pr,"BackButton");import{i18n as kc}from"@lingui/core";import{Button as Tc,Typography as wc}from"@rango-dev/ui";import ur from"react";function cr(t){return ur.createElement(Bt,null,ur.createElement(Tc,{variant:"ghost",onClick:t.onClick,size:"xsmall"},ur.createElement(wc,{variant:"label",size:"medium",color:"error500"},kc.t("Cancel"))))}s(cr,"CancelButton");import{i18n as vc}from"@lingui/core";import{Tooltip as xc,WalletIcon as bc}from"@rango-dev/ui";import Go from"react";function mr(t){return Go.createElement(xc,{container:t.container,side:"top",content:vc.t("Connect Wallet")},Go.createElement(Ne,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&Go.createElement(Is,null),Go.createElement(bc,{size:18,color:"black"})))}s(mr,"WalletButton");import{i18n as Vo}from"@lingui/core";import{NotificationsIcon as zc,Popover as qc,RefreshIcon as Gc,SettingsIcon as Hc,Tooltip as jo,TransactionIcon as Qc}from"@rango-dev/ui";import ue from"react";import{i18n as Pc}from"@lingui/core";import{ChainToken as _s,ChevronRightIcon as $c,ListItemButton as _c,Typography as Dc}from"@rango-dev/ui";import Be from"react";import{useNavigate as Fc}from"react-router-dom";import{create as Ec}from"zustand";import{persist as Ac,subscribeWithSelector as Ic}from"zustand/middleware";var Ie=He(Ec()(Ac(Ic((t,e)=>({notifications:[],setNotification:(o,n)=>{let r=n.steps[0],i=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:i.toBlockchain,tokenSymbol:i.toSymbol,tokenAddress:i.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{create as Wc}from"zustand";var Ce=He(Wc()(t=>({connectWalletsButtonDisabled:!1,selectedSwapRequestId:null,currentPage:"",setSelectedSwap:e=>t({selectedSwapRequestId:e}),setCurrentPage:e=>t({currentPage:e})})));import{styled as Ho}from"@rango-dev/ui";var Bs=Ho("div",{padding:"$10",width:"350px",minHeight:"150px"}),Ls=Ho("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),Ms=Ho("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),Ps=Ho("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as Nc}from"@lingui/core";import{Divider as Bc,NoNotificationIcon as Lc,Typography as Mc}from"@rango-dev/ui";import Qo from"react";function $s(){return Qo.createElement(Ps,null,Qo.createElement(Lc,{color:"secondary",size:26}),Qo.createElement(Bc,{size:12}),Qo.createElement(Mc,{variant:"body",size:"medium",color:"neutral700"},Nc.t("You have no notification")))}s($s,"NotificationNotFound");var Oc=4;function dr(){let t=Fc(),e=Ce.use.setSelectedSwap(),{getUnreadNotifications:o}=Ie(),n=o(),r=v().blockchains(),i=v().tokens(),a=n.sort((p,u)=>u.creationTime-p.creationTime).slice(0,Oc),l=s(p=>{e(p),t(`/swaps/${p}`)},"handleOnClick");return Be.createElement(Bs,null,a.length?Be.createElement(Ls,null,a.map(p=>{let u=i.find(y=>y.address===p.route.from.tokenAddress&&y.blockchain===p.route.from.blockchain&&y.symbol===p.route.from.tokenSymbol),m=r.find(y=>y.name===p.route.from.blockchain),c=i.find(y=>y.address===p.route.to.tokenAddress&&y.blockchain===p.route.to.blockchain&&y.symbol===p.route.to.tokenSymbol),g=r.find(y=>y.name===p.route.to.blockchain);return Be.createElement(_c,{key:p.requestId,onClick:()=>l(p.requestId),title:Be.createElement(Dc,{variant:"body",size:"small",color:"$neutral700"},Pc.t(p.event.message)),id:p.requestId,start:Be.createElement(Ms,null,Be.createElement("div",{className:"from-chain-token"},Be.createElement(_s,{tokenImage:u?u.image:"",chainImage:m?m.logo:"",size:"small"})),Be.createElement("div",{className:"to-chain-token"},Be.createElement(_s,{tokenImage:c?c.image:"",chainImage:g?g.logo:"",size:"small"}))),end:Be.createElement($c,{size:12,color:"gray"})})})):Be.createElement($s,null))}s(dr,"NotificationContent");import{Typography as Uc}from"@rango-dev/ui";import Ds from"react";function Fs(){let{getUnreadNotifications:t}=Ie(),e=t().length;return e?Ds.createElement(Ws,null,Ds.createElement(Uc,{variant:"body",size:"xsmall",color:"$background"},e)):null}s(Fs,"UnreadNotificationsBadge");function fr(t){let{layoutRef:e,onClickRefresh:o,onClickHistory:n,onClickSettings:r,onClickNotifications:i}=t;return ue.createElement(ue.Fragment,null,ue.createElement(jo,{container:ee(),side:"top",content:Vo.t("Refresh")},ue.createElement(Ne,{variant:"ghost",size:"small",onClick:o,disabled:!o},ue.createElement(Gc,{size:16,color:o?"black":"gray"}))),ue.createElement(jo,{container:ee(),side:"top",content:Vo.t("Notifications")},ue.createElement(qc,{align:"center",collisionBoundary:e,collisionPadding:{right:20,left:20},container:ee(),content:ue.createElement(dr,null)},ue.createElement(Ne,{size:"small",variant:"ghost",onClick:i},ue.createElement(zc,{size:18,color:"black"}),ue.createElement(Fs,null)))),ue.createElement(jo,{container:ee(),side:"top",content:Vo.t("Settings")},ue.createElement(Ne,{size:"small",variant:"ghost",onClick:r},ue.createElement(Hc,{size:18,color:"black"}))),ue.createElement(jo,{container:ee(),side:"top",content:Vo.t("Transactions History")},ue.createElement(Ne,{size:"small",variant:"ghost",onClick:n},ue.createElement(Qc,{size:18,color:"black"}))))}s(fr,"HomeButtons");import{BottomLogo as jc,Divider as Kc,Header as Xc}from"@rango-dev/ui";import de from"react";import{useNavigate as Yc}from"react-router-dom";import{darkTheme as Vc,styled as gr}from"@rango-dev/ui";var Os=gr("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",[`.${Vc} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",variants:{fixedHeight:{true:{height:"95vh"},false:{height:"auto"}}}}),Us=gr("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"}}}}),zs=gr("div",{backgroundColor:"$background","& .footer__content":{padding:"$0 $20"},"& .footer__logo":{padding:"$0 $20 $10 $20"}});function Jc(t,e){let{children:o,header:n,footer:r,noPadding:i,hasLogo:a=!0,fixedHeight:l=!0}=t,p=H.use.connectedWallets(),u=Ce.use.connectWalletsButtonDisabled(),m=Yc(),c=s(()=>{u||m("/"+S.wallets)},"onConnectWallet");return de.createElement(Os,{ref:e,fixedHeight:l,id:"swap-box"},de.createElement(Xc,{prefix:de.createElement(de.Fragment,null,n.onBack&&de.createElement(pr,{onClick:n.onBack})),title:n.title,suffix:de.createElement(de.Fragment,null,n.suffix,n.hasConnectWallet&&de.createElement(mr,{container:ee(),onClick:c,isConnected:!!p?.length}),n.onCancel&&de.createElement(cr,{onClick:n.onCancel}))}),de.createElement(Us,{noPadding:i},o),(a||r)&&de.createElement(zs,null,de.createElement("div",{className:"footer__content"},r),a&&de.createElement("div",{className:"footer__logo"},de.createElement(Kc,{size:12}),de.createElement(jc,null))))}s(Jc,"LayoutComponent");var K=de.forwardRef(Jc);K.displayName="Layout";import{ReverseIcon as sm,styled as aa}from"@rango-dev/ui";import Er from"react";import at from"bignumber.js";import{create as rm}from"zustand";import{subscribeWithSelector as im}from"zustand/middleware";import{getLastSuccessfulStep as nm}from"@rango-dev/queue-manager-rango-preset";import uT from"bignumber.js";var rt=(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))(rt||{});function qs(t,e){return e.find(o=>o.name===t)?.displayName}s(qs,"getBlockchainDisplayNameFor");function hr(t,e){return e.find(o=>o.name===t)?.shortName}s(hr,"getBlockchainShortNameFor");function yr(t,e){return e.find(o=>Ae(o,t))??null}s(yr,"findToken");function Sr(t,e){return e.find(o=>o.name===t)??null}s(Sr,"findBlockchain");import{i18n as Le}from"@lingui/core";import{PendingSwapNetworkStatus as Jo}from"@rango-dev/queue-manager-rango-preset";import ke from"bignumber.js";function Ko(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,i=e[e.length-1];n!=i&&e.push(n),i=e[e.length-1],r!=i&&e.push(r)}),e}s(Ko,"getRequiredWallets");function Xo(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}s(Xo,"isValidAddress");import{i18n as fe}from"@lingui/core";var q=s(()=>({genericServerError:fe.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:fe.t("Please reset your liquidity sources."),description:fe.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources")},noResultError:{title:fe.t("No Routes Found"),description:fe.t("Reasons why Rango couldn't find a route: low liquidity on token, very low input amount or no routes available for the selected input/output token combination.")},bridgeLimitErrors:{increaseAmount:fe.t("Bridge Limit Error: Please increase your amount"),decreaseAmount:fe.t("Bridge Limit Error: Please decrease your amount")},highValueLossError:{impactTitle:fe.t("High Price Impact"),title:fe.t("Price impact is too high!"),description:fe.t("The price impact is significantly higher than the allowed amount. If you are sure, continue, otherwise, change the swap."),confirmMessage:fe.t("Confirm High price impact")},quoteUpdatedWithHighValueLoss:{title:fe.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:fe.t("USD Price Unknown"),title:fe.t("USD Price Unknown, Cannot calculate Price Impact."),description:fe.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:fe.t("Confirm USD Price Unknown")}}),"errorMessages");function Gs(t){switch(t.type){case 0:return t.diagnosisMessage??q().noResultError.title;case 1:return q().genericServerError;default:return""}}s(Gs,"getQuoteErrorMessage");import{i18n as Yo}from"@lingui/core";var St=s(()=>({connectWallet:Yo.t("Connect Wallet"),swap:Yo.t("Swap"),swapAnyway:Yo.t("Swap anyway"),ethWarning:Yo.t("The route goes through Ethereum. Continue?")}),"swapButtonTitles");function Hs(t,e){return!t||!e||t.lte(be)||e.lte(be)?0:e.div(t).minus(1).multipliedBy(100).toNumber()}s(Hs,"getOutputRatio");function en(t,e){return(parseInt(e.toFixed(2)||"0")<=-10&&t?.gte(new ke(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new ke(1e3)))??!1}s(en,"hasHighValueLoss");function Yt(t){return(t?.result?.swaps||[]).filter(e=>{let o=e.fromAmountMinValue?new ke(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new ke(e.fromAmountMaxValue):null;return e.fromAmountRestrictionType==="EXCLUSIVE"?o?.gte(e.fromAmount)||n?.lte(e.fromAmount):o?.gt(e.fromAmount)||n?.lt(e.fromAmount)}).length>0}s(Yt,"hasLimitError");function Cr(t){let e=(t.result?.swaps||[]).filter(l=>{let p=l.fromAmountMinValue?new ke(l.fromAmountMinValue):null,u=l.fromAmountMaxValue?new ke(l.fromAmountMaxValue):null;return l.fromAmountRestrictionType==="EXCLUSIVE"?p?.gte(l.fromAmount)||u?.lte(l.fromAmount):p?.gt(l.fromAmount)||u?.lt(l.fromAmount)})[0],o=e.fromAmountMinValue?new ke(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new ke(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",i="",a="";return!r&&o&&o.gt(e.fromAmount)?(i=Le.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)&&(i=Le.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)?(i=Le.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)&&(i=Le.t({id:"Required: < {max} {symbol}",values:{max:N(n,6,6),symbol:e.from.symbol}}),a=q().bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:i,recommendation:a}}s(Cr,"getLimitErrorMessage");function Qs(t,e,o,n,r,i,a,l,p){return t!=="success"?{title:St().connectWallet,state:"waitForConnecting",disabled:!0}:e.length==0?{title:St().connectWallet,state:"waitForConnecting",disabled:!1}:o||!n||!n.result||r||!p||p==="0"?{title:St().swap,disabled:!0,state:"swap"}:i||a?{title:St().swapAnyway,disabled:!1,hasWarning:!0,state:"needToConfirm"}:l?{title:St().ethWarning,disabled:!1,hasWarning:!0,state:"warning"}:{title:St().swap,disabled:!1,state:"swap"}}s(Qs,"getSwapButtonState");function kr(t,e,o){return!((!o||o.lte(be))&&t?.result&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t.result)}s(kr,"canComputePriceImpact");function Rc(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,i=e[e.length-1];n!=i&&e.push(n),i=e[e.length-1],r!=i&&e.push(r)}),e}s(Rc,"requiredWallets");var em=s((t,e,o,n)=>n?.find(i=>i.blockchain===t&&i.symbol?.toUpperCase()===e?.toUpperCase()&&i.address===o)?.usdPrice||null,"getUsdPrice");function tm(t,e){let o=be;for(let n=0;n<t.fee.length;n++){let r=t.fee[n];if(r.expenseType==="DECREASE_FROM_OUTPUT")continue;let i=em(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new ke(r.amount).multipliedBy(i||0))}return o}s(tm,"getUsdFeeOfStep");function tn(t,e){return t.reduce((o,n)=>o.plus(tm(n,e)),be)}s(tn,"getTotalFeeInUsd");function Tr(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}s(Tr,"checkSlippageErrors");function Vs(t,e){let o=new Map;return t.result?.swaps.forEach((n,r)=>{n.recommendedSlippage?.slippage&&parseInt(n.recommendedSlippage?.slippage)>e&&o.set(r,n.recommendedSlippage.slippage)}),o.size>0?o:null}s(Vs,"checkSlippageWarnings");function on(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}s(on,"getMinRequiredSlippage");function js(t,e){return e?parseFloat(t)>=parseFloat(e):!0}s(js,"hasProperSlippage");function nn(t){let{fromToken:e,toToken:o,inputAmount:n,wallets:r,selectedWallets:i,disabledLiquiditySources:a,liquiditySources:l,excludeLiquiditySources:p,slippage:u,affiliateRef:m,affiliatePercent:c,affiliateWallets:g,initialQuote:y,destination:k}=t,T=i?.reduce((d,C)=>(d[C.chain]=C.address,d),{}),h=[];r?.forEach(d=>{let C=h.find(E=>E.blockchain===d.chain);C?C.addresses.push(d.address):h.push({blockchain:d.chain,addresses:[d.address]})});let x=!!y,f=Nt((y?.result?.swaps||[]).reduce((d,C)=>(d.push(C.from.blockchain,C.to.blockchain),C.internalSwaps&&Array.isArray(C.internalSwaps)&&C.internalSwaps.map(E=>{d.push(E.from.blockchain,E.to.blockchain)}),d),[]));return{amount:n.toString(),affiliateRef:m??void 0,affiliatePercent:c??void 0,affiliateWallets:g??void 0,checkPrerequisites:x,from:{address:e.address,blockchain:e.blockchain,symbol:e.symbol},to:{address:o.address,blockchain:o.blockchain,symbol:o.symbol},connectedWallets:h,selectedWallets:T??{},slippage:u.toString(),...k&&{destination:k},...p&&{swapperGroups:a.concat(l??[]),swappersGroupsExclude:!0},...!p&&{swapperGroups:l?.filter(d=>!a.includes(d)),swappersGroupsExclude:!1},...x&&{blockchains:f}}}s(nn,"createQuoteRequestBody");function Ks(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}s(Ks,"getWalletsForNewSwap");function Lt(t){return t.result?.outputAmount||null}s(Lt,"getQuoteOutputAmount");function st(t,e){return new ke(e).div(new ke(t)).minus(1).multipliedBy(100).toNumber()}s(st,"getPercentageChange");function Xs(t,e){let o=Lt(t),n=Lt(e);if(!o||!n)return!1;let r=st(o,n);return r?r<=-1:!0}s(Xs,"isOutputAmountChangedALot");function Ys(t,e){let o=t.validationStatus,n=ss(t);return e.sort((i,a)=>n.indexOf(i.chain)-n.indexOf(a.chain)).flatMap(i=>oa(i,o)||[]).filter(i=>!i.ok).map(i=>{let a=i.asset.symbol,l=N(new ke(i.currentAmount.amount).shiftedBy(-i.currentAmount.decimals),8,8),p=N(new ke(i.requiredAmount.amount).shiftedBy(-i.requiredAmount.decimals),8,8),u="";return i.reason==="FEE"&&(u=Le.t(" for network fee")),i.reason==="INPUT_ASSET"&&(u=Le.t(" for swap")),i.reason==="FEE_AND_INPUT_ASSET"&&(u=Le.t(" for input and network fee")),Le.t({id:"Needs \u2248 {requiredAmount} {symbol}{reason}, but you have {currentAmount} {symbol} in your {blockchain} wallet.",values:{requiredAmount:p,symbol:a,reason:u,currentAmount:l,blockchain:i.asset.blockchain}})})}s(Ys,"getBalanceWarnings");function Js(t,e){return(t?new ke(t):be).multipliedBy(e||0)}s(Js,"calcOutputUsdValue");function Jt(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==Jo.NetworkChanged}s(Jt,"isNetworkStatusInWarningState");function Zs(t,e){let o="bellow button or",n=t.extraMessage,r=t.extraMessageDetail;if(t.networkStatusExtraMessageDetail?.includes(o)&&(t.networkStatusExtraMessageDetail=t.networkStatusExtraMessageDetail.replace(o,"")),Jt(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case Jo.WaitingForConnectingWallet:n=n||Le.t("Waiting for connecting wallet");break;case Jo.WaitingForQueue:n=n||Le.t("Waiting for other running tasks to be finished");break;case Jo.WaitingForNetworkChange:n=n||Le.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}}}s(Zs,"getSwapMessages");function Rs(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}s(Rs,"getLastConvertedTokenInFailedSwap");function ea(t){return t.status==="failed"&&!!t.finishTime&&new Date().getTime()-parseInt(t.finishTime)<4*3600*1e3}s(ea,"shouldRetrySwap");function ta(t,e,o,n,r,i){return t||!e&&!Rc(n).every(a=>r.map(l=>l.chain).includes(a))||!!e&&!o||!!e&&!!o&&i&&!Xo(i,o)}s(ta,"confirmSwapDisabled");function wr(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}s(wr,"searchParamsToToken");function ra(t){return t?.result?.swaps[t?.result?.swaps.length-1].to.usdPrice}s(ra,"getQuoteToTokenUsdPrice");function vr(t,e){let o=t.result?.swaps||[],n=e.result?.swaps||[];return o.length!==n.length}s(vr,"isNumberOfSwapsChanged");function xr(t,e){let o=t.result?.swaps.map(r=>r.swapperId)||[],n=e.result?.swaps.map(r=>r.swapperId)||[];return!sr(o,n)}s(xr,"isQuoteSwappersUpdated");function br(t,e){let o=t.result?.swaps.map(r=>r.to.symbol)||[],n=e.result?.swaps.map(r=>r.to.symbol)||[];return!sr(o,n)}s(br,"isQuoteInternalCoinsUpdated");function ia(t,e){return vr(t,e)||xr(t,e)||br(t,e)}s(ia,"isQuoteChanged");function oa(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}s(oa,"getRequiredBalanceOfWallet");function Xe(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}s(Xe,"getPriceImpactLevel");function sa(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],i=nm(t.steps),a={blockchain:r.toBlockchain,symbol:r.toSymbol,address:r.toSymbolAddress},l=Sr(i?i.toBlockchain:n.fromBlockchain,e),p=Sr(r.toBlockchain,e),u=yr(i?{blockchain:l?.name??"",symbol:i.toSymbol,address:i.toSymbolAddress}:{blockchain:l?.name??"",symbol:n.fromSymbol,address:n.fromSymbolAddress},o),m=yr(a,o),c=i?i.outputAmount??"":t.inputAmount;return{fromBlockchain:l,fromToken:u,toBlockchain:p,toToken:m,inputAmount:c}}s(sa,"createRetryQuote");function rn(t,e){let{fromToken:o,toToken:n,tokens:r,userSlippage:i}=e,a=Ct(o,t.requestAmount),l=Ct(n,t.result?.outputAmount??"");if(t.result&&a&&l){let m=st(a.toString(),l.toString());if(en(a,m)){let g=tn(t.result.swaps,r),y=Xe(m);return{type:0,inputUsdValue:a,outputUsdValue:l,priceImpact:m,totalFee:g,warningLevel:y}}}else if(t.result&&(!a||!l))return{type:1};let p=on(t),u=i>Cs;if(js(e.userSlippage.toString(),p)){if(u&&parseFloat(p??"0")<i)return{type:3,slippage:i.toString()}}else return{type:2,recommendedSlippages:Vs(t,i),minRequiredSlippage:p};return null}s(rn,"generateQuoteWarnings");function Mt(t,e){let o=typeof e=="string"?parseFloat(e)<=0:!e?.gt(0);return!t||!e||o?null:st(t.toString(),e.toString())}s(Mt,"getPriceImpact");var Ct=s((t,e)=>t?.usdPrice?new at(e||be).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),P=He(rm()(im(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new at(0),outputUsdValue:new at(0),toBlockchain:null,toToken:null,quote:null,quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:"",quoteWarningsConfirmed:!1,setQuote:e=>t(o=>{let n=null,r=be;return Xt(o.inputAmount)?(e&&(n=e.result?.outputAmount?new at(e.result?.outputAmount):null,r=Js(e.result?.outputAmount,ra(e)||o.toToken?.usdPrice)),{quote:e,...!!e&&{outputAmount:n,outputUsdValue:r}}):{}}),resetQuote:()=>t(()=>({quote:null,outputAmount:null,outputUsdValue:new at(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:Ct(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 at(0),outputUsdValue:new at(0),quote:null},...!!o.fromToken&&{inputUsdValue:Ct(o.fromToken,e)}}))},retry:(e,o)=>{let{tokens:n,blockchains:r}=o,{fromBlockchain:i,fromToken:a,toBlockchain:l,toToken:p,inputAmount:u}=sa(e,r,n);t({fromBlockchain:i,fromToken:a,inputAmount:u,outputAmount:null,inputUsdValue:Ct(a??null,u),outputUsdValue:new at(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:Ct(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})}))));var am=aa("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),lm=aa("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 la(){let t=P.use.switchFromAndTo();return Er.createElement(am,null,Er.createElement(lm,{onClick:()=>{t()}},Er.createElement(sm,{size:12})))}s(la,"SwitchFromAndToButton");import{Divider as Xm}from"@rango-dev/ui";import ct from"react";import{i18n as Nr}from"@lingui/core";import{Alert as gm,ChevronDownIcon as hm,ChevronRightIcon as Pa,Divider as Br,Image as $a,InfoIcon as ym,QuoteCost as Sm,StepDetails as Cm,TokenAmount as km,Tooltip as _a,Typography as _t}from"@rango-dev/ui";import B,{useLayoutEffect as Tm,useRef as wm,useState as vm}from"react";import{styled as Ar}from"@rango-dev/ui";var Ir=Ar("div",{width:"100%",paddingTop:"$2"}),pa=Ar("div",{paddingBottom:"$15"}),ua=Ar("div",{width:"100%",display:"flex"});import*as an from"@radix-ui/react-collapsible";import{darkTheme as Ye,styled as lt}from"@rango-dev/ui";import*as $t from"@radix-ui/react-collapsible";import{Button as pm,darkTheme as Pt,IconButton as um,keyframes as ca,styled as he,TextField as cm}from"@rango-dev/ui";var Zt=300,mm=ca({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),dm=ca({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),ma=he("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),da=he("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}),fa=he("button",{borderRadius:"$xm",padding:"$10",border:"0",display:"flex",justifyContent:"center",$$color:"$colors$neutral100",[`.${Pt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",alignItems:"center",cursor:"pointer",width:110,position:"relative","&:hover":{$$color:"$colors$info100",[`.${Pt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$color:"$colors$info100",[`.${Pt} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color",outline:0},variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary",outlineStyle:"solid"}}}}),ga=he($t.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit"}),ha=he("div",{padding:"$20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),ya=he(um,{position:"absolute",left:"$20"}),Sa=he("div",{paddingTop:"$20","& .wallets-list":{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}}),Ca=he($t.Root,{backgroundColor:"$neutral200",borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),ka=he(pm,{width:"100%",borderRadius:"$sm !important",padding:"$15 !important",justifyContent:"space-between",alignItems:"center",$$color:"$colors$neutral100",[`.${Pt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color","&:hover":{$$color:"$colors$info100",[`.${Pt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$background:"$colors$info100",[`.${Pt} &`]:{$$background:"$colors$info700"},backgroundColor:"$$background",outline:0}}),Ta=he("div",{padding:"$10 $0","& .button__content":{display:"flex",justifyContent:"center",alignItems:"center"},"& .alarms":{paddingTop:"5px"}}),wa=he("div",{transition:`all ${Zt}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),va=he("div",{display:"flex"}),xa=he(cm,{padding:"$0 $15 $15 $15"}),sn=he($t.Content,{overflow:"hidden",variants:{open:{true:{animation:`${mm} ${Zt}ms ease-out`},false:{animation:`${dm} ${Zt}ms ease-out`}}}}),ba=he("div",{overflow:"visible",width:"100%"});var Wr=300,Ea=lt(an.Root,{display:"flex",flexDirection:"column",alignItems:"start",overflowX:"auto",overflowY:"hidden",width:"100%",borderRadius:"$xm",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"}}),Aa=lt("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"},"& .basic-info":{paddingTop:"$10",display:"flex",alignItems:"center"}}),Ia=lt(an.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:{[`& ${Image}`]:{border:"1px $warning500 solid",borderRadius:"100%"}},false:{[`& ${Image}`]:{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"}}),Wa=lt(sn,{width:"100%"}),ln=lt("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$2",transition:`all ${Wr}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),zT=lt("div",{height:"$12",marginLeft:"$10",marginRight:"$10",borderLeft:"1px solid $foreground"}),Na=lt("div",{display:"flex",justifyContent:"center",margin:"0 $15",borderTop:"1px solid",$$color:"$colors$neutral300",[`.${Ye} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color"}),Ba=lt("div",{width:"$16",height:"$16",justifyContent:"center",alignItems:"center",display:"flex"});import{TokenAmount as Ma}from"@rango-dev/ui";import pn from"react";import{styled as fm}from"@rango-dev/ui";var La=fm("div",{position:"relative",display:"flex",flexDirection:"column",width:"100%","& .separator":{height:"14px",marginLeft:"14px",position:"absolute",borderLeft:"1px solid $foreground",top:"42%"}});function Rt(t){let{from:e,to:o,percentageChange:n,warningLevel:r}=t;return pn.createElement(La,null,pn.createElement(Ma,{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}}),pn.createElement("div",{className:"separator"}),pn.createElement(Ma,{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}))}s(Rt,"QuoteSummary");function Lr(t){let{quote:e,input:o,output:n,error:r,warning:i,type:a,recommended:l=!0}=t,p=v().tokens(),[u,m]=vm(t.expanded),c=wm(null),g=N(tn(e.result?.swaps??[],p),2,2),y=Io(Wo(e.result?.swaps)),k=Mt(o.usdValue,n.usdValue??null),T=N(String(k),2,2),h=Xe(k??0),f=s(d=>d.map((C,E)=>{let $,I=r?.type===3&&r.swap.swapperId===C.swapperId||i?.type===2&&i.recommendedSlippages?.has(E),_=i?.type===2&&i.recommendedSlippages?.has(E);return I?$="error":_&&($="warning"),{swapper:{displayName:C.swapperId,image:C.swapperLogo},from:{token:{displayName:C.from.symbol,image:C.from.logo},chain:{displayName:C.from.blockchain,image:C.from.blockchainLogo},price:{value:E===0?N(o.value,6,6):C.fromAmount}},to:{token:{displayName:C.to.symbol,image:C.to.logo},chain:{displayName:C.to.blockchain,image:C.to.blockchainLogo},price:{value:C.toAmount}},state:$,alerts:I||_?B.createElement(pa,null,B.createElement(gm,{type:I?"error":"warning",title:r?.type===3?r?.recommendation:Nr.t("Slippage Error:"),footer:B.createElement(ua,null,r?.type===3&&B.createElement(B.Fragment,null,B.createElement(_t,{size:"xsmall",variant:"body",color:"neutral900"},r.fromAmountRangeError),B.createElement(Br,{direction:"horizontal",size:8}),B.createElement(_t,{size:"xsmall",variant:"body",color:"neutral900"},"|"),B.createElement(Br,{direction:"horizontal",size:8}),B.createElement(_t,{size:"xsmall",variant:"body",color:"neutral900"},Nr.t({id:"Yours: {amount} {symbol}",values:{amount:N(C.fromAmount,6,6),symbol:C?.from.symbol}}))),(r?.type===4||i?.type===2)&&B.createElement(_t,{size:"xsmall",variant:"body",color:"neutral900"},Nr.t({id:"min required Slippage: {minRequiredSlippage}",values:{...r?.type===4&&{minRequiredSlippage:r.recommendedSlippages?.get(E)},...i?.type===2&&{minRequiredSlippage:i.recommendedSlippages?.get(E)}}})))})):void 0}}),"getQuoteSteps")(e.result?.swaps??[]),w=f.length;return Tm(()=>{u&&c.current&&setTimeout(()=>{c?.current?.scrollIntoView({behavior:"smooth"})},Wr)},[u]),B.createElement(B.Fragment,null,B.createElement(Aa,{recommended:l,listItem:a==="list-item",basic:a==="basic"},B.createElement("div",{className:"summary"},B.createElement(Sm,{fee:g,time:y,steps:w}),a==="basic"&&B.createElement("div",{className:"basic-info"},B.createElement(Ba,null,B.createElement(ym,{size:12,color:"gray"})),B.createElement(_t,{size:"small",variant:"body",style:{letterSpacing:.4}},`${o.value} ${f[0].from.token.displayName} = ${n.value} ${f[f.length-1].to.token.displayName}`),B.createElement(_t,{color:"$neutral600",ml:2,size:"xsmall",variant:"body"},`($${n.usdValue})`)),a==="list-item"&&B.createElement(km,{type:"output",direction:"vertical",price:{value:n.value,usdValue:n.usdValue},token:{displayName:f[w-1].to.token.displayName,image:f[w-1].to.token.image},chain:{image:f[w-1].to.chain.image},percentageChange:T,warningLevel:h}),a==="swap-preview"&&B.createElement(B.Fragment,null,B.createElement(Rt,{from:f[0].from,to:f[w-1].to,percentageChange:T,warningLevel:h}),B.createElement(Br,{size:4}))),B.createElement(Ea,{recommended:l,open:u,onOpenChange:m},B.createElement(Ia,{ref:d=>c.current=d,recommended:l,onClick:m.bind(null,d=>!d)},B.createElement("div",null,f.map((d,C)=>{let E=`item-${C}`;return B.createElement(B.Fragment,{key:E},B.createElement(_a,{container:t.tooltipContainer,side:"bottom",sideOffset:4,content:d.from.chain.displayName},B.createElement($a,{src:d.from.chain.image,size:16})),C===w-1&&B.createElement(B.Fragment,null,B.createElement(ln,null,B.createElement(Pa,{size:12,color:"black"})),B.createElement(_a,{container:t.tooltipContainer,side:"bottom",sideOffset:4,content:d.to.chain.displayName},B.createElement($a,{src:d.to.chain.image,size:16}))),C!==w-1&&B.createElement(ln,null,B.createElement(Pa,{size:12,color:"black"})))})),B.createElement(ln,{orientation:u?"up":"down"},B.createElement(hm,{size:12,color:"black"}))),B.createElement(Wa,{open:u},B.createElement(Na,null),B.createElement("div",{className:"steps-details"},f.map((d,C)=>{let E=`item-${C}`;return B.createElement(Cm,{type:"quote-details",key:E,step:d,hasSeparator:C!==f.length-1,state:d.state})}))))))}s(Lr,"Quote");import{ChainToken as un,Divider as Me,NextIcon as bm,Skeleton as ye}from"@rango-dev/ui";import A from"react";import{darkTheme as xm,styled as Da}from"@rango-dev/ui";var Fa=Da("div",{$$color:"$colors$neutral100",[`.${xm} &`]:{$$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"}}),Oa=Da("div",{borderLeft:"1px dashed black",minHeight:" 64px",margin:"0px 11.5px",alignSelf:"stretch",variants:{hideSeparator:{true:{minHeight:"unset",height:"0"}}}});function Mr(t){let{separator:e=!0}=t;return A.createElement(A.Fragment,null,A.createElement("div",{className:"step__title"},A.createElement(ye,{height:22,width:22,variant:"circular"}),A.createElement(Me,{direction:"horizontal",size:8}),A.createElement(ye,{height:15,width:148,variant:"rounded"})),A.createElement("div",{className:"step__content"},A.createElement(Oa,{hideSeparator:!e}),A.createElement("div",{className:"step__tokens"},A.createElement("div",{className:"step__token-info"},A.createElement(un,{size:"small",loading:!0,chainImage:"",tokenImage:""}),A.createElement(Me,{direction:"horizontal",size:8}),A.createElement(ye,{height:12,width:76,variant:"rounded"})),A.createElement("div",{className:"step__icon-container"},A.createElement(bm,{color:"gray",size:16})),A.createElement("div",{className:"step__token-info"},A.createElement(un,{size:"small",loading:!0,chainImage:"",tokenImage:""}),A.createElement(Me,{direction:"horizontal",size:8}),A.createElement(ye,{height:12,width:76,variant:"rounded"})))))}s(Mr,"StepSkeleton");function Pr(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(un,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),A.createElement(Me,{size:8,direction:"horizontal"}),A.createElement("div",{className:"token-amount__label"},A.createElement(ye,{height:10,width:60,variant:"rounded"}),A.createElement(Me,{size:4}),A.createElement(ye,{height:15,width:148,variant:"rounded"}))),A.createElement(ye,{height:12,width:64,variant:"rounded"}));return A.createElement(Fa,null,A.createElement("div",{className:"cost-and-tag"},A.createElement("div",{className:"cost"},A.createElement(ye,{width:60,height:10,variant:"rounded"}),A.createElement(Me,{size:4,direction:"horizontal"}),A.createElement(ye,{width:60,height:10,variant:"rounded"}),A.createElement(Me,{size:4,direction:"horizontal"}),A.createElement(ye,{width:60,height:10,variant:"rounded"})),n&&A.createElement(ye,{height:22,width:100,variant:"rounded"})),e==="basic"&&A.createElement("div",{className:"basic-summary"},A.createElement(ye,{height:15,width:148,variant:"rounded"})),e==="list-item"&&A.createElement("div",{className:"output"},A.createElement("div",{className:"output__token-info"},A.createElement(un,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),A.createElement(Me,{direction:"horizontal",size:4}),A.createElement(ye,{height:15,width:150,variant:"rounded"})),A.createElement(Me,{size:4}),A.createElement(ye,{height:10,width:184,variant:"rounded"})),e==="swap-preview"&&A.createElement(A.Fragment,null,A.createElement(Me,{size:4}),A.createElement("div",{className:"swap-preview"},r,A.createElement("div",{className:"quote-summary__separator"}),r)),A.createElement("div",{className:"chains"},A.createElement(ye,{height:15,width:321,variant:"rounded"})),o&&A.createElement("div",{className:"steps"},A.createElement(Me,{size:20}),A.createElement(Mr,null),A.createElement(Mr,null),A.createElement(Mr,{separator:!1})))}s(Pr,"QuoteSkeleton");import{i18n as Hm}from"@lingui/core";import{Alert as Qm,Button as Vm,InfoIcon as jm}from"@rango-dev/ui";import Ee from"react";import{useNavigate as Km}from"react-router-dom";import{Alert as Em,Button as Am,Divider as Qa,NoRouteIcon as Im,RefreshIcon as Wm,Typography as Va}from"@rango-dev/ui";import Pe from"react";import{i18n as Ua}from"@lingui/core";function za(t,e,o,n){return t?.type===1?{alert:{type:"warning",text:q().genericServerError,action:{onClick:n,title:Ua.t("Retry")}},description:""}:t?.type===0&&t.diagnosisMessage?{alert:{type:"error",text:t.diagnosisMessage,action:null},description:""}:e.length?{alert:{type:"warning",text:q().liquiditySourcesError.title,action:{onClick:()=>o(!0),title:Ua.t("Reset")}},description:q().liquiditySourcesError.description}:{alert:null,description:q().noResultError.description}}s(za,"makeInfo");import{styled as $r}from"@rango-dev/ui";var qa=$r("div",{minHeight:"162px",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"}),Ga=$r("div",{width:"100%"}),Ha=$r("div",{padding:"$6 $0"});function _r(t){let{fetch:e,error:o}=t,n=D.use.disabledLiquiditySources(),r=D.use.toggleAllLiquiditySources(),i=v().swappers(),a=za(o,n,()=>r(i,!0),e);return Pe.createElement(qa,null,Pe.createElement(Im,{size:24,color:"gray"}),Pe.createElement(Qa,{size:4}),Pe.createElement(Va,{variant:"title",size:"small"},q().noResultError.title),!!a.description&&Pe.createElement(Va,{variant:"body",size:"small",align:"center",color:"neutral700"},a.description),Pe.createElement(Qa,{size:4}),!!a.alert&&Pe.createElement(Ga,null,Pe.createElement(Em,{type:a.alert.type,title:a.alert.text,action:a.alert.action&&Pe.createElement(Am,{size:"xsmall",type:a.alert.type,prefix:Pe.createElement(Ha,null,Pe.createElement(Wm,{size:8})),onClick:a.alert.action.onClick},a.alert.action.title),variant:"alarm"})))}s(_r,"NoResult");import{i18n as oo}from"@lingui/core";import{Button as Nm,Divider as Za,MessageBox as Bm,Modal as Lm,Typography as Mm,WarningIcon as Pm}from"@rango-dev/ui";import Qe from"react";import{Typography as Ya}from"@rango-dev/ui";import Fr from"react";import{styled as cn}from"@rango-dev/ui";var ja=cn("div",{width:"100%",paddingTop:"$10"}),Dr=cn("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),Ka=cn("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%"}),Xa=cn("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});function Ja(t){let{title:e,value:o,valueColor:n}=t;return Fr.createElement(Ka,null,Fr.createElement(Ya,{size:"medium",variant:"label",color:"neutral600"},e),Fr.createElement(Ya,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}s(Ja,"QuoteErrorsModalItem");function Ra(t){let{open:e,onClose:o,onConfirm:n,warning:r}=t,i=r.warningLevel==="high"?"error":"warning",a=[{title:oo.t("Swapping"),value:N(r.inputUsdValue,4,4)},{title:oo.t("Gas cost"),value:N(r.totalFee,2,2)},{title:oo.t("Receiving"),value:N(r.outputUsdValue,4,4)},{title:oo.t("Price impact"),value:N(r.priceImpact,2,2),valueColor:`${i}500`}];return Qe.createElement(Lm,{open:e,onClose:o,container:ee()},Qe.createElement(Bm,{type:i,title:q().highValueLossError.impactTitle,description:q().highValueLossError.description}),Qe.createElement(Dr,null,Qe.createElement(Za,{size:20}),Qe.createElement(Mm,{size:"small",variant:"title"},oo.t("Details")),Qe.createElement(Dr,null,a.map((l,p)=>Qe.createElement(Ja,{key:p,...l})))),Qe.createElement(Za,{size:32}),Qe.createElement(Nm,{type:"primary",size:"large",prefix:Qe.createElement(Pm,null),fullWidth:!0,onClick:n},q().highValueLossError.confirmMessage))}s(Ra,"HighValueLossWarningModal");import{i18n as el}from"@lingui/core";function tl(t,e){let o={alertType:"warning",title:"",action:"show-info"};return t?(t.type===0&&(Xe(t.priceImpact)==="high"&&(o.alertType="error"),o.title=q().highValueLossError.title),t.type===1&&(o.title=q().unknownPriceError.title),t.type===2&&(o.title=el.t({id:"minimum required slippage for this route: {minRequiredSlippage}",values:{minRequiredSlippage:t.minRequiredSlippage}})),t.type===3&&(o.title=el.t("Caution, your slippage is high")),o):e?(o.alertType="error",e.type===3&&(o.title=e.recommendation,o.action=null),e.type===4&&(o.title="",o.action="change-settings"),o):null}s(tl,"makeAlerts");import{i18n as Dt}from"@lingui/core";import{Button as ol,Divider as nl,MessageBox as $m,Modal as _m,Typography as Dm}from"@rango-dev/ui";import kt from"react";import{useNavigate as Fm}from"react-router-dom";function rl(t){let{customSlippage:e,slippage:o}=D(),{open:n,onClose:r,onConfirm:i,warning:a}=t,l=Fm(),p=e??o;return kt.createElement(_m,{anchor:"bottom",open:n,prefix:kt.createElement(ol,{size:"small",variant:"ghost",onClick:()=>l("/"+S.settings)},kt.createElement(Dm,{variant:"label",size:"medium",color:"$neutral900"},Dt.t("Change settings"))),container:ee(),onClose:r},kt.createElement($m,{type:"warning",title:a.type===3?Dt.t("High slippage"):Dt.t("Low slippage"),description:a.type===3?Dt.t({id:" Caution, your slippage is high (={userSlippage}). Your trade may be front run.",values:{userSlippage:p}}):Dt.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:a.minRequiredSlippage}})},kt.createElement(nl,{size:18}),kt.createElement(nl,{size:32}),kt.createElement(ol,{size:"large",type:"primary",variant:"contained",fullWidth:!0,onClick:i},Dt.t("Confirm anyway"))))}s(rl,"SlippageWarningModal");import{Button as Om,Divider as Um,MessageBox as zm,Modal as qm,WarningIcon as Gm}from"@rango-dev/ui";import no from"react";function il(t){let{open:e,onClose:o,onConfirm:n}=t;return no.createElement(qm,{open:e,onClose:o,container:ee()},no.createElement(zm,{type:"warning",title:q().unknownPriceError.impactTitle,description:q().unknownPriceError.description}),no.createElement(Um,{size:32}),no.createElement(Om,{type:"primary",size:"large",prefix:no.createElement(Gm,null),fullWidth:!0,onClick:n},q().unknownPriceError.confirmMessage))}s(il,"UnknownPriceWarningModal");function Or(t){let{warning:e,error:o,refetchQuote:n,showWarningModal:r,onOpenWarningModal:i,onCloseWarningModal:a,onConfirmWarningModal:l}=t,p=Km(),u={open:r,onClose:a,onConfirm:l},m=o?.type===0||o?.type===1,c=tl(e,o?.type===3||o?.type===4?o:null);return Ee.createElement(Ee.Fragment,null,m&&Ee.createElement(_r,{error:o,fetch:n}),!!c&&Ee.createElement(ja,null,Ee.createElement(Qm,{title:c.title,type:c.alertType,variant:"alarm",action:c.action==="show-info"?Ee.createElement(Xa,{onClick:i},Ee.createElement(jm,{size:12,color:"gray"})):Ee.createElement(Vm,{size:"xsmall",type:"error",onClick:()=>p(S.settings)},Hm.t("Change Settings"))})),e&&Ee.createElement(Ee.Fragment,null,e.type===0&&Ee.createElement(Ra,{...u,warning:e}),(e.type===3||e.type===2)&&Ee.createElement(rl,{...u,warning:e}),e.type===1&&Ee.createElement(il,{...u,warning:e})))}s(Or,"QuoteWarningsAndErrors");function ro(t){let{quote:e,type:o,loading:n,error:r,warning:i,refetchQuote:a,showWarningModal:l,onOpenWarningModal:p,onCloseWarningModal:u,onConfirmWarningModal:m,expanded:c=!1}=t,{inputAmount:g,inputUsdValue:y,outputUsdValue:k,outputAmount:T}=P(),h=e&&e.result&&!n;return ct.createElement(ct.Fragment,null,n&&ct.createElement(Ir,null,ct.createElement(Pr,{type:o,expanded:c})),h?ct.createElement(Ir,null,ct.createElement(Lr,{quote:e,error:r,warning:i,type:o,expanded:c,recommended:!0,input:{value:N(g,6,6),usdValue:N(y,4,4)},output:{value:N(T,6,6),usdValue:N(k,4,4)}})):null,!i&&!r&&ct.createElement(Xm,{size:16}),(i||r)&&ct.createElement(Or,{warning:i,error:r,loading:n,refetchQuote:a,showWarningModal:l,onOpenWarningModal:p,onCloseWarningModal:u,onConfirmWarningModal:m}))}s(ro,"QuoteInfo");import{useEffect as al,useRef as Rm,useState as Ur}from"react";function mn(t){if(!t.result)throw new Error(q().noResultError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});if(Yt(t)){let{swap:n,recommendation:r,fromAmountRangeError:i}=Cr(t);throw new Error("bridge limit error",{cause:{type:3,swap:n,recommendation:r,fromAmountRangeError:i}})}let o=Tr(t);if(o){let n=on(t);throw new Error("",{cause:{type:4,recommendedSlippages:o,minRequiredSlippage:n}})}return t}s(mn,"throwErrorIfResponseIsNotValid");function sl(t,e,o){let n=ia(t,e),r={quote:null,quoteUpdate:null,balance:null},i=rn(e,{fromToken:o.fromToken,toToken:o.toToken,tokens:o.tokens,userSlippage:o.userSlippage});i&&(r.quote=i),n&&(Xs(t,e)?r.quoteUpdate={type:3,newOutputAmount:N(Lt(e)),percentageChange:N(st(Lt(t)??"",Lt(e)??""),null,2)}:vr(t,e)?r.quoteUpdate={type:0}:xr(t,e)?r.quoteUpdate={type:1}:br(t,e)&&(r.quoteUpdate={type:2}));let a=Ys(e,o.selectedWallets);return a.length===0||(r.balance={messages:a}),r}s(sl,"generateWarnings");function dn(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}}s(dn,"handleQuoteErrors");import{useRef as Jm,useState as Zm}from"react";function fn(){let[t,e]=Zm(!1),o=Jm(null),n=s(()=>o.current?.abort(),"cancel");return{fetch:s(async i=>{n(),o.current=new AbortController,e(!0);try{let a=await It().getBestRoute(i,{signal:o.current.signal});return o.current=null,a}catch(a){throw a}finally{e(!1)}},"fetch"),loading:t,cancelFetch:n}}s(fn,"useFetchQuote");var ed=600;function ll(){let{fetch:t,cancelFetch:e}=fn(),{liquiditySources:o,enableNewLiquiditySources:n}=v().config,r=v().tokens(),{fromToken:i,toToken:a,inputAmount:l,inputUsdValue:p,resetQuote:u,setQuote:m}=P(),{slippage:c,customSlippage:g,affiliatePercent:y,affiliateRef:k,affiliateWallets:T,disabledLiquiditySources:h}=D(),[x,f]=Ur(!1),[w,d]=Ur(null),[C,E]=Ur(null),$=Rm(h),I=g??c,L=!i||!a||Ae(i,a)||!Xt(l),Q=s(F=>{f(F),d(null),E(null)},"resetState"),b=s(()=>{if(x||Q(!0),!L){u();let F=nn({fromToken:i,toToken:a,inputAmount:l,liquiditySources:o,excludeLiquiditySources:n,disabledLiquiditySources:h,slippage:I,affiliateRef:k,affiliatePercent:y,affiliateWallets:T});t(F).then(O=>{f(!1),m(O),mn(O);let ne=rn(O,{fromToken:i,toToken:a,userSlippage:I,tokens:r});E(ne)}).catch(O=>{let{error:ne}=dn(O);(ne?.type===0||ne?.type===1)&&u(),ne?.type!==2&&(d(ne),f(!1))})}},"fetch"),z=gs(()=>{L||b()},ed);return al(()=>{if(!Xt(l)||p?.eq(0)){Q(!1),e();return}if(!L)return u(),Q(!0),z(),e},[l,L]),al(()=>{let F=!!$.current.length&&!h.length;return!L&&F&&b(),$.current=h,e},[h.length]),{fetch:b,loading:x,error:w,warning:C}}s(ll,"useSwapInput");var ad=qr("div",{display:"flex",flexDirection:"column",overflowY:"visible"}),ld=qr("div",{position:"relative"}),pd=qr("div",{display:"flex",flexDirection:"column",gap:5,alignSelf:"stretch"});function gn(){let t=sd(),{fetch:e,loading:o,error:n,warning:r}=ll(),{fromToken:i,fromBlockchain:a,toToken:l,toBlockchain:p,setInputAmount:u,inputAmount:m,inputUsdValue:c,outputAmount:g,outputUsdValue:y,quote:k,resetQuoteWallets:T,setQuoteWarningsConfirmed:h}=P(),x=v().fetchStatus,f=H.use.connectedWallets(),w=Ce.use.setCurrentPage(),[d,C]=id(!1),E=rd(null),$=!1,I=Hs(c,y),_=en(c,I),L=!kr(k,m,c),Q=!kr(k,m,y),b=Qs(x,f,o,k,Yt(k),_,L||Q,$,m),z=a&&i?N(Wt(f,a?.name,i?.symbol,i?.address)?.amount||"0",8,8):"0",F=a&&i?N(Wt(f,a?.name,i?.symbol,i?.address)?.amount||"0",Wt(f,a?.name,i?.symbol,i?.address)?.decimal):"0";nd(()=>(w(S.home),T(),w.bind(null,"")),[]);let O=!c||!y||!y.gt(0)?null:st(c.toString(),y.toString());return De.createElement(K,{ref:E,fixedHeight:!1,hasLogo:!0,footer:De.createElement(td,{type:"primary",size:"large",disabled:b.disabled,prefix:!b.disabled&&b.hasWarning&&De.createElement(od,null),fullWidth:!0,onClick:()=>{b.state==="waitForConnecting"?t(S.wallets):r?C(!0):t(S.confirmSwap)}},b.title),header:{hasConnectWallet:!0,title:zr.t("Swap"),suffix:De.createElement(fr,{layoutRef:E.current,onClickRefresh:k||n?e:void 0,onClickHistory:()=>t(S.swaps),onClickSettings:()=>t(S.settings)})}},De.createElement(ad,null,De.createElement(pd,null,De.createElement(ld,null,De.createElement(pl,{label:zr.t("From"),mode:"From",onInputChange:u,balance:z,chain:{displayName:a?.displayName||"",image:a?.logo||""},token:{displayName:i?.symbol||"",image:i?.image||""},onClickToken:()=>t("from-swap"),price:{value:m,usdValue:L?void 0:N(c,4,4),error:L?q().unknownPriceError.impactTitle:void 0},disabled:x==="failed",loading:x==="loading",onSelectMaxBalance:()=>{z!=="0"&&u(F.split(",").join(""))}}),De.createElement(la,null)),De.createElement(pl,{sharpBottomStyle:!!k?.result||o,label:zr.t("To"),mode:"To",chain:{displayName:p?.displayName||"",image:p?.logo||""},token:{displayName:l?.symbol||"",image:l?.image||""},percentageChange:N(Mt(c,y),2,2),warningLevel:Xe(O??0),price:{value:N(g,6,6),usdValue:Q?void 0:N(y,4,4),error:Q?q().unknownPriceError.impactTitle:void 0},onClickToken:()=>t("to-swap"),disabled:x==="failed",loading:x==="loading"})),De.createElement(ro,{quote:k,loading:o,error:n,warning:r,type:"basic",refetchQuote:e,showWarningModal:d,onOpenWarningModal:()=>C(!0),onCloseWarningModal:()=>C(!1),onConfirmWarningModal:()=>{C(!1),h(!0),t(S.confirmSwap)}})))}s(gn,"Home");import{useEffect as Gr,useRef as Hr}from"react";import{createSearchParams as ud,useLocation as cd,useSearchParams as md}from"react-router-dom";import{useEffect as Ft,useMemo as hn,useRef as yn}from"react";function ul(){let{setInputAmount:t,setToToken:e,setToBlockchain:o,setFromBlockchain:n,setFromToken:r,fromToken:i,toToken:a,fromBlockchain:l,toBlockchain:p}=P(),u=v().config,m=v().fetchStatus,c=v().blockchains(),g=v().tokens(),{setAffiliateRef:y,setAffiliatePercent:k,setAffiliateWallets:T}=D(),h=hn(()=>u?.from?.tokens,[u?.from?.tokens]),x=hn(()=>u?.from?.blockchains,[u?.from?.blockchains]),f=hn(()=>u?.to?.tokens,[u?.to?.tokens]),w=hn(()=>u?.to?.blockchains,[u?.to?.blockchains]),d=yn(void 0),C=yn(void 0),E=yn(void 0),$=yn(void 0);Ft(()=>{t(u?.amount?.toString()||"")},[u?.amount]),Ft(()=>{if(m==="success"){let I=c.find(L=>L.name===u?.from?.blockchain),_=g.find(L=>Ae(L,u?.from?.token||null));(I||!I&&E.current)&&n(I??null),_?r({token:_,meta:{blockchains:c,tokens:g}}):!_&&d.current&&r({token:null}),E.current=u?.from?.blockchain,d.current=u?.from?.token}},[u?.from?.token?.symbol,u?.from?.token?.address,u?.from?.token?.blockchain,u?.from?.blockchain,m]),Ft(()=>{i&&h&&(h.some(I=>Ae(I,i))||r({token:null})),l&&x&&(x.includes(l.name)||n(null))},[h,x]),Ft(()=>{a&&f&&(f.some(I=>Ae(I,a))||e({token:null})),p&&w&&(w.includes(p.name)||o(null))},[f,w]),Ft(()=>{if(m==="success"){let I=c.find(L=>L.name===u?.to?.blockchain),_=g.find(L=>Ae(L,u?.to?.token||null));(I||!I&&$.current)&&o(I??null),_?e({token:_,meta:{blockchains:c,tokens:g}}):!_&&C.current&&e({token:null}),$.current=u?.to?.blockchain,C.current=u?.to?.token}},[u?.to?.token?.symbol,u?.to?.token?.address,u?.to?.token?.blockchain,u?.to?.blockchain,m]),Ft(()=>{y(u?.affiliate?.ref??null),k(u?.affiliate?.percent??null),T(u?.affiliate?.wallets??null)},[u?.affiliate?.ref,u?.affiliate?.percent,u?.affiliate?.wallets])}s(ul,"useSyncStoresWithConfig");function cl(){let t=Hr(!0),[e,o]=md(),n=cd(),r=Hr(n.search),i=Hr({}),a=P.use.fromBlockchain(),l=P.use.toBlockchain(),p=P.use.fromToken(),u=P.use.toToken(),m=P.use.setFromBlockchain(),c=P.use.setFromToken(),g=P.use.setToBlockchain(),y=P.use.setToToken(),k=P.use.inputAmount(),T=P.use.setInputAmount(),h=v().fetchStatus,x=v().blockchains(),f=v().tokens(),w=Ce.use.setSelectedSwap();return ul(),Gr(()=>{let d={};ud(r.current).forEach((E,$)=>{d[$]=E}),i.current=d;let C=n.pathname.split(S.swaps+"/")[1]||null;C&&w(C)},[]),Gr(()=>{if(!t.current){let d="",C="",E="",$="",I="",_=i.current["autoConnect"];if(h!=="success")d=i.current["fromBlockchain"],C=i.current["fromToken"],E=i.current["toBlockchain"],$=i.current["toToken"],I=i.current["fromAmount"]||k;else{if(n.state==="redirect")return;d=a?.name||"",C=(p?.symbol||"")+(p?.address?`--${p?.address}`:""),E=l?.name||"",$=(u?.symbol||"")+(u?.address?`--${u?.address}`:""),I=k}o({...d&&{["fromBlockchain"]:d},...C&&{["fromToken"]:C},...E&&{["toBlockchain"]:E},...$&&{["toToken"]:$},...I&&{["fromAmount"]:I.toString()},..._&&{["autoConnect"]:_}},{replace:!0})}t.current=!1},[n.pathname,k,a,p,l,u]),Gr(()=>{if(h==="success"){let d=e.get("fromBlockchain"),C=e.get("fromToken"),E=e.get("toBlockchain"),$=e.get("toToken"),I=e.get("fromAmount"),_=x.find(z=>z.name===d),L=wr(f,C,_||null),Q=x.find(z=>z.name===E),b=wr(f,$,Q||null);_&&(m(_),L&&c({token:L,meta:{blockchains:x,tokens:f}})),Q&&(g(Q),b&&y({token:b,meta:{blockchains:x,tokens:f}})),I&&T(I)}},[h]),null}s(cl,"UpdateUrl");function wd(t){let e=kd(),o=Td(),n=yd(!0),r=e.pathname.split("/"),a=r[r.length-1]===S.confirmSwap&&n.current;return hd(()=>{a&&o("."),n.current=!1},[]),a?Tt.createElement(gn,null):Tt.createElement(Tt.Fragment,null," ",t.children)}s(wd,"Route");function ml({children:t,...e}){let o=Cd(),n=o?wd:Sd,r=v().blockchains(),{canSwitchNetworkTo:i}=fd();As();let a=r.filter(gd);return dd({lastConnectedWallet:e.lastConnectedWallet,clearDisconnectedWallet:e.clearDisconnectedWallet,disconnectedWallet:e.disconnectedWallet,evmChains:a,canSwitchNetworkTo:i}),Tt.createElement(Tt.Fragment,null,Tt.createElement(n,null,t),o&&Tt.createElement(cl,null))}s(ml,"AppRouter");import xe from"react";import{useRoutes as Lh}from"react-router-dom";import{i18n as bn}from"@lingui/core";import{useManager as af}from"@rango-dev/queue-manager-react";import{Alert as Ml,Button as Pl,Divider as $l,IconButton as _l,RefreshIcon as lf,SettingsIcon as pf,styled as Dl,Tooltip as uf,Typography as cf,WalletIcon as mf}from"@rango-dev/ui";import Y,{useEffect as En,useState as An}from"react";import{flushSync as df}from"react-dom";import{useNavigate as ff}from"react-router-dom";import{i18n as Je}from"@lingui/core";import{Alert as Jr,BalanceErrors as Kd,Button as Nl,ChevronDownIcon as Xd,ChevronLeftIcon as Yd,Divider as Ut,MessageBox as Jd,Modal as Bl,Typography as xn,WalletIcon as Zd}from"@rango-dev/ui";import W,{useEffect as Rd,useLayoutEffect as ef,useRef as tf,useState as xt}from"react";import{useNavigate as of}from"react-router-dom";import{i18n as Sn}from"@lingui/core";function Cn(t){switch(t.type){case 0:return Sn.t("Route has been updated.");case 3:return Sn.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return Sn.t("Route swappers has been updated.");case 2:return Sn.t("Route internal coins has been updated.");default:return""}}s(Cn,"getQuoteUpdateWarningMessage");import{i18n as Fe}from"@lingui/core";import{Button as Qd,Divider as Xr,Image as Vd,MessageBox as vn,Modal as bl,SelectableWallet as jd,Typography as El,WalletState as Al}from"@rango-dev/ui";import oe,{useEffect as Il,useState as so}from"react";import{WalletState as dl}from"@rango-dev/ui";import{useWallets as vd}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as xd,WalletTypes as bd}from"@rango-dev/wallets-shared";import{useEffect as Ed,useState as Ad}from"react";var Id=Object.values(bd);function kn(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:i,disconnect:a,getWalletInfo:l,connect:p}=vd(),{connectedWallets:u}=H(),m=v().blockchains(),c=ms(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||Id,g=rs(i,l,c,o),y=us(g),[k,T]=Ad(""),h=s(d=>!u.find(C=>C.walletType===d&&C.chain===o),"isExperimentalChainNotAdded"),x=s(async d=>{let C=i(d);try{if(k&&T(""),C.connected)await a(d);else{let E=!!g.find($=>$.state===dl.CONNECTED);if(!e?.multiWallets&&E)return;n?.(d),await p(d),r?.(d)}}catch(E){T("Error: "+E?.message)}},"handleClick"),f=s(()=>{let d=g?.filter(C=>C.state===dl.CONNECTING)||[];for(let C of d)a(C.type)},"disconnectConnectingWallets");Ed(()=>()=>{f()},[]);let w=s((d,C,E)=>Po(E,C)&&h(d)&&!xd.includes(d),"shouldExcludeWallet");return{list:y.filter(d=>!w(d.type,o??"",m)),error:k,handleClick:x}}s(kn,"useWalletList");import{i18n as Sl}from"@lingui/core";import{styled as kl,Typography as Dd,Wallet as Fd,WalletState as Od}from"@rango-dev/ui";import vt,{Fragment as Ud,useState as Cl}from"react";import{Divider as Md,Modal as Pd}from"@rango-dev/ui";import Vr from"react";import{i18n as Ot}from"@lingui/core";import{Image as Bd,MessageBox as Qr,WalletState as Ld}from"@rango-dev/ui";import wt from"react";import{keyframes as Wd,styled as Tn}from"@rango-dev/ui";var Ob=Tn("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),fl=Tn("div",{position:"relative"}),Nd=Wd({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),gl=Tn("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}),hl=Tn("div",{"& img":{borderRadius:"50%"}});function yl(t){let{state:e,image:o,error:n}=t;return e===Ld.CONNECTED?wt.createElement(Qr,{type:"success",title:Ot.t("Wallet Connected"),description:Ot.t("Your wallet is connected, you can use it to swap.")}):n?wt.createElement(Qr,{type:"error",title:Ot.t("Failed to Connect"),description:n||Ot.t("Your wallet is not connected. Please try again.")}):wt.createElement(Qr,{type:"loading",title:Ot.t("Connecting to your wallet"),description:Ot.t("Click connect in your wallet popup."),icon:wt.createElement(fl,null,wt.createElement(hl,null,wt.createElement(Bd,{src:o,size:45})),wt.createElement(gl,null))})}s(yl,"ModalContent");function io(t){let{open:e,onClose:o,...n}=t;return Vr.createElement(Pd,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},Vr.createElement(yl,{...n}),Vr.createElement(Md,{direction:"vertical",size:32}))}s(io,"WalletModal");import{useInRouterContext as $d,useNavigate as _d}from"react-router-dom";function re(){let t=$d(),e=_d(),o=P.use.quoteWalletsConfirmed();return S,{navigateBackFrom:s(r=>{if(r===S.swapDetails)return e("/"+S.swaps,{replace:!0});if(!t||window.history.state&&window.history.state.idx>0)e(-1);else{if([S.settings,S.wallets].includes(r)&&o)return e("/"+S.confirmSwap,{replace:!0});[S.fromSwap,S.toSwap,S.settings,S.wallets,S.swaps,S.confirmSwap].includes(r)?e(S.home,{replace:!0}):r===S.fromBlockchain?e("/"+S.fromSwap,{replace:!0}):r===S.toBlockchain?e("/"+S.fromSwap,{replace:!0}):r===S.liquiditySources&&e("/"+S.settings,{replace:!0})}},"navigateBackFrom")}}s(re,"useNavigateBack");var zd=kl("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline",paddingTop:"$15",height:"100%"}),qd=kl("div",{textAlign:"center"}),wn=3e3,jr=300;function Tl(){let{config:t,fetchStatus:e}=v(),{navigateBackFrom:o}=re(),[n,r]=Cl(!1),[i,a]=Cl(""),l=null,{list:p,handleClick:u,error:m}=kn({config:t,onBeforeConnect:k=>{l=setTimeout(()=>{r(!0),a(k)},jr)},onConnect:()=>{l&&clearTimeout(l),setTimeout(()=>{r(!1)},wn)}}),c=p.find(k=>k.type===i),g=c?.image||"",y=c?.state||Od.NOT_INSTALLED;return vt.createElement(K,{header:{title:Sl.t("Connect Wallets"),onBack:()=>o(S.wallets)}},vt.createElement(qd,null,vt.createElement(Dd,{variant:"title",size:"xmedium",align:"center"},Sl.t("Choose a wallet to connect.")),vt.createElement(zd,null,p.map((k,T)=>{let h=`wallet-${T}-${k.type}`;return vt.createElement(Ud,{key:h},vt.createElement(Fd,{...k,container:ee(),onClick:x=>{u(x)},isLoading:e==="loading"}))}),vt.createElement(io,{open:!!n,onClose:()=>r(!1),image:g,state:y,error:m}))))}s(Tl,"WalletsPage");import{keyframes as Gd,styled as Kr}from"@rango-dev/ui";var wl=Kr("div",{position:"relative"}),Hd=Gd({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),vl=Kr("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Hd} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),xl=Kr("div",{"& img":{borderRadius:"50%"}});function Yr(t){let{chain:e,isSelected:o,selectWallet:n,limit:r,onShowMore:i}=t,{config:a}=v(),l=H.use.connectedWallets(),{blockchains:p}=v(),[u,m]=so(""),[c,g]=so(null),[y,k]=so(!1),[T,h]=so(null),{suggestAndConnect:x}=Wl(),f=null,{list:w,error:d,handleClick:C}=kn({config:a,chain:e,onBeforeConnect:b=>{f=setTimeout(()=>{m(b)},jr)},onConnect:()=>{f&&clearTimeout(f),setTimeout(()=>{m("")},wn)}}),[E,$]=so(w),I=w.length,_=r&&I-r>0,L=s(async b=>{k(!1),h("in-progress");try{await x(b.walletType,b.chain),h("completed")}catch{h("rejected")}},"addExperimentalChain");Il(()=>{$(b=>{let z=w.findIndex(F=>o(F.type,e));return _&&z>1?[w[z]].concat(w.filter((F,O)=>O!==z)):b.map(F=>w.find(O=>O.type===F.type)??F)})},[JSON.stringify(w)]);let Q=document.querySelector("#swap-box");return Il(()=>{let b=null;return(T==="completed"||T==="rejected")&&(b=setTimeout(()=>h(null),wn)),()=>{b&&clearTimeout(b)}},[T]),oe.createElement(oe.Fragment,null,E.slice(0,r).map(b=>{let z=cs({connectedWallets:l,walletType:b.type,chain:e}),F=z?$o(z):"",O=Po(p(),e),ne=!l.find(ot=>ot.walletType===b.type&&ot.chain===e),Ue=O&&ne&&b.state===Al.CONNECTED,tt=Ue?Fe.t({id:"Add {chain} chain",values:{chain:e}}):F,V=s(()=>{b.state===Al.DISCONNECTED?C(b.type):Ue?(g({walletType:b.type,chain:e,address:z??""}),k(!0)):n({walletType:b.type,chain:e,address:z??""})},"onClick"),Z=c?.chain?qs(c.chain,p()):void 0;return oe.createElement(oe.Fragment,null,oe.createElement(io,{open:u===b.type,onClose:()=>m(""),image:b.image,state:b.state,error:d}),!!c&&oe.createElement(bl,{open:!!c&&y,container:Q,onClose:()=>{g(null)}},oe.createElement(vn,{title:Fe.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:Z}}),type:"warning",description:Fe.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:Z}})},oe.createElement(Xr,{size:18}),oe.createElement(Xr,{size:32}),oe.createElement(Qd,{onClick:L.bind(null,c),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},Fe.t("Confirm")))),T&&oe.createElement(bl,{open:!!T,onClose:h.bind(null,null),container:Q},T==="in-progress"&&oe.createElement(vn,{type:"loading",title:Fe.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:Z}}),description:Fe.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:Z}}),icon:oe.createElement(wl,null,oe.createElement(xl,null,oe.createElement(Vd,{src:b.image,size:45})),oe.createElement(vl,null))}),T==="completed"&&oe.createElement(vn,{type:"success",title:Fe.t({id:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:Z}}),description:Fe.t({id:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:Z}})}),T==="rejected"&&oe.createElement(vn,{type:"error",title:Fe.t("Request Rejected"),description:Fe.t({id:"You've rejected adding {blockchainDisplayName} chain to your wallet.",values:{blockchainDisplayName:Z}})}),oe.createElement(Xr,{direction:"vertical",size:32})),oe.createElement(jd,{key:b.type,description:tt,onClick:V,selected:o(b.type,e),...b}))}),_&&oe.createElement(fa,{selected:!1,onClick:i.bind(null)},oe.createElement(El,{variant:"label",size:"medium"},Fe.t("Show more wallets"),oe.createElement(El,{variant:"label",size:"medium",color:"$primary"},"\xA0+",I-(r??0)))))}s(Yr,"WalletList");var nf=2;function Ll(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,loading:i}=t,a=v().config,l=v().blockchains(),{quote:p,setSelectedWallets:u,quoteWalletsConfirmed:m,setQuoteWalletConfirmed:c,customDestination:g,setCustomDestination:y}=P(),{connectedWallets:k,selectWallets:T}=H(),[h,x]=xt(""),[f,w]=xt([]),[d,C]=xt(""),[E,$]=xt(null),[I,_]=xt(g),[L,Q]=xt(!!g),b=tf(null),z=Ko(p),F=l.find(U=>U.name===p?.result?.swaps[p?.result?.swaps.length-1].to.blockchain),O=s(U=>!!p?.result?.swaps.find(j=>j.from.blockchain===U),"isWalletRequiredFor"),[ne,Ue]=xt(k.filter(U=>U.selected&&z.includes(U.chain))),tt=l.find(U=>U.name===F?.name),V=s((U,j)=>!!ne.find(R=>R.walletType===U&&R.chain===j&&R.selected&&(O(j)||!O(j)&&!I)),"isSelected"),Z=!!I&&L&&tt&&!Xo(tt,I),ot=s(()=>{Q(!1),_(""),Ue(U=>{let j=!1;return U.map(R=>!j&&R.chain===F?.name?(j=!0,{...R,selected:!0}):R)})},"resetCustomDestination"),nt=s(U=>{if(h&&x(""),V(U.walletType,U.chain))return;let R=k.find(ae=>ae.walletType===U.walletType&&ae.chain===U.chain);R&&(n(),U.chain===F?.name&&L&&(Q(!1),_("")),Ue(ae=>ae.filter(me=>me.chain!==U.chain).concat({...R,selected:!0})))},"onChange"),gt=s(()=>{let U=ne.filter(j=>j.selected);T(U),u(U),y(I),c(!0),o()},"onConfirmBalance"),tr=s(async()=>{w([]),C(""),$(null);let U=k.filter(ae=>ne.find(me=>me.chain===ae.chain&&me.walletType===ae.walletType)),j=await r?.({selectedWallets:U,customDestination:I}),R=j.warnings;R?.balance?.messages&&w(R.balance.messages),R?.quoteUpdate&&$(R.quoteUpdate),j.error&&C(Gs(j.error)),!j.error&&(!R?.balance?.messages.length||0>0)?gt():w(R?.balance?.messages??[])},"onConfirmWallets");Rd(()=>{Ue(U=>U.concat(k.filter(j=>!!!U.find(ae=>ae.chain===j.chain)&&j.selected&&z.includes(j.chain))))},[k.length]),ef(()=>{L&&b.current&&setTimeout(()=>{b?.current?.scrollIntoView({behavior:"smooth"})},Zt)},[L]);let bo=document.querySelector("#swap-box"),jt=of();return W.createElement(Bl,{open:e,onClose:()=>{m||jt(S.home,{replace:!0}),o()},dismissible:!h,container:bo,...!h&&{footer:W.createElement(va,null,W.createElement(Nl,{loading:i,disabled:ta(i,L,I,p,ne,F),onClick:tr,variant:"contained",type:"primary",fullWidth:!0,size:"large"},"Confirm"))},...h&&{containerStyle:{padding:"$0"},header:W.createElement(ha,null,W.createElement(ya,{variant:"ghost",onClick:x.bind(null,"")},W.createElement(Yd,{size:16})),W.createElement(xn,{variant:"headline",size:"small"},Je.t({id:"Your {blockchainName} wallets",values:{blockchainName:h}})))},anchor:"center"},W.createElement(Bl,{open:f.length>0,onClose:w.bind(null,[]),container:bo},W.createElement(Jd,{title:Je.t("Insufficient account balance"),type:"error",description:W.createElement(Kd,{messages:f??[]})},W.createElement(Nl,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:gt},Je.t("Proceed anyway")))),h&&W.createElement(Sa,null,W.createElement("div",{className:"wallets-list"},W.createElement(Yr,{chain:h,isSelected:V,selectWallet:nt,onShowMore:x.bind(null,h)}))),!h&&W.createElement(W.Fragment,null,d&&W.createElement(W.Fragment,null,W.createElement(Jr,{variant:"alarm",type:"error",title:Je.t(d)}),W.createElement(Ut,{size:12})),E&&W.createElement(W.Fragment,null,W.createElement(Jr,{variant:"alarm",type:"warning",title:Cn(E)}),W.createElement(Ut,{size:12})),W.createElement(ba,null,z.map((U,j)=>{let R=l.find(ze=>ze.name===U),ae=`wallet-${j}`,me=j===z.length-1;return W.createElement("div",{key:ae},W.createElement(ma,null,W.createElement(xn,{variant:"title",size:"xmedium"},Je.t({id:"Your {blockchainName} wallets",values:{blockchainName:R?.displayName}})),W.createElement(xn,{variant:"label",color:"$neutral700",size:"medium"},Je.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:R?.displayName}}))),W.createElement(Ut,{size:24}),W.createElement(da,null,W.createElement(Yr,{chain:U,isSelected:V,selectWallet:nt,limit:nf,onShowMore:()=>x(R?.name??"")})),!me&&W.createElement(Ut,{size:32}),me&&a?.customDestination&&W.createElement(Ta,null,W.createElement(Ca,{ref:b,selected:L,open:L,onOpenChange:ze=>{ze?O(F?.name??"")||Ue(ht=>ht.map(Kt=>Kt.chain===F?.name?{...Kt,selected:!1}:Kt)):ot()}},W.createElement(ga,{onClick:()=>Q(ze=>!ze)},W.createElement(ka,{fullWidth:!0,variant:"default",suffix:W.createElement(wa,{orientation:L?"up":"down"},W.createElement(Xd,{size:10,color:"gray"}))},W.createElement("div",{className:"button__content"},W.createElement(Zd,{size:18,color:"info"}),W.createElement(Ut,{size:4,direction:"horizontal"}),W.createElement(xn,{variant:"label",size:"medium"},Je.t("Send to a different address"))))),W.createElement(sn,{open:L},W.createElement(W.Fragment,null,W.createElement(Ut,{size:4}),W.createElement(xa,{autoFocus:!0,placeholder:Je.t("Your destination address"),value:I,onChange:ze=>{_(ze.target.value)}})))),Z&&W.createElement("div",{className:"alarms"},W.createElement(Jr,{variant:"alarm",type:"error",title:Je.t({values:{destination:I},id:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}s(Ll,"ConfirmWalletsModal");import{calculatePendingSwap as rf}from"@rango-dev/queue-manager-rango-preset";import{useEffect as sf}from"react";function Zr(){let{fromToken:t,toToken:e,inputAmount:o,setQuote:n,resetQuote:r,quote:i,customDestination:a,setQuoteWarningsConfirmed:l}=P(),{slippage:p,customSlippage:u,affiliatePercent:m,affiliateRef:c,affiliateWallets:g,disabledLiquiditySources:y}=D(),{connectedWallets:k}=H(),T=v().blockchains(),h=v().tokens(),x=u||p,{fetch:f,cancelFetch:w,loading:d}=fn();return sf(()=>w,[]),{loading:d,fetch:s(async E=>{let $=E.selectedWallets,I=E?.customDestination??a;if(!t||!e||!o||!i)return{quote:null,swap:null,error:null,warnings:null};let _=nn({fromToken:t,toToken:e,inputAmount:o,wallets:k,selectedWallets:$,disabledLiquiditySources:y,slippage:x,affiliateRef:c,affiliatePercent:m,affiliateWallets:g,initialQuote:i,destination:I}),L;try{L=await f(_).then(F=>mn(F)),n(L)}catch(F){let O=dn(F);return(O.error?.type===0||O.error?.type===1)&&r(),O}let Q={slippage:x.toString(),disabledSwappersGroups:y},b=rf(o.toString(),L,Ks($),Q,!1,{blockchains:T,tokens:h}),z=sl(i,L,{fromToken:t,toToken:e,tokens:h,selectedWallets:$,userSlippage:x});return z.quoteUpdate&&l(!1),{quote:L,swap:b,error:null,warnings:z}},"fetch"),cancelFetch:w}}s(Zr,"useConfirmSwap");var gf=Dl("div",{position:"relative",width:"100%","& .description":{display:"flex",justifyContent:"space-between",alignItems:"center",paddingBottom:"$10"},"& .icon":{width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"}}),hf=Dl("div",{width:"100%",display:"flex",justifyContent:"space-between","& .confirm-button":{flexGrow:1,paddingRight:"$10"},[`& ${_l}`]:{width:"$48",height:"$48"}});function Fl(){let{quote:t,setInputAmount:e,selectedWallets:o,quoteWalletsConfirmed:n,setQuoteWalletConfirmed:r,customDestination:i,quoteWarningsConfirmed:a}=P(),l=ff(),[p,u]=An(""),{connectedWallets:m}=H(),c=!n,[g,y]=An(!1),k=Ce.use.setSelectedSwap(),{manager:T}=af(),{fetch:h,loading:x,cancelFetch:f}=Zr(),[w,d]=An({swap:null,error:null,warnings:null}),[C,E]=An(!1),$=s(async({selectedWallets:b,customDestination:z})=>{let F=await h?.({selectedWallets:b,customDestination:z});return d(F),F},"onConfirmSwap"),I=s(async()=>{if(w.swap&&n)try{await T?.create("swap",{swapDetails:w.swap},{id:w.swap.requestId}),k(w.swap.requestId),l("/"+S.swaps+`/${w.swap.requestId}`,{replace:!0}),setTimeout(()=>{e("")},0)}catch(b){u("Error: "+b?.message)}},"addNewSwap"),_=s(async()=>{await I()},"onConfirm"),L=s(async()=>{w?.warnings?.quote&&!a?E(!0):await _()},"onStartConfirmSwap"),Q=s(async()=>{d({error:null,swap:null,warnings:null}),h({selectedWallets:o}).then(b=>{d(b)}).catch(b=>console.error(b))},"onRefresh");return En(()=>{c&&f()},[c]),En(()=>{c&&y(c)},[c]),En(()=>{c||h({selectedWallets:o,customDestination:i}).then(b=>d(b)).catch(b=>console.error(b))},[]),En(()=>{let b=w.warnings?.quote?.type&&Object.values(rt).includes(w.warnings?.quote?.type),z=o.length<1||!o.every(O=>m.find(ne=>O.address===ne.address&&O.walletType===ne.walletType&&O.chain===ne.chain)),F=!1;if(b){let O=Ko(t),ne=t?.result?.swaps[t.result.swaps.length-1].to.blockchain;!!t?.result?.swaps.find(V=>V.from.blockchain===ne)||(O=O.slice(-O.length,O.length-1)),O.every(V=>o.find(Z=>Z.chain===V))||(F=!0)}t&&(z||F)&&(queueMicrotask(()=>df(y.bind(null,!0))),r(!1))},[w.warnings?.quote,o.length,m.length]),Y.createElement(K,{header:{title:bn.t("Confirm Swap"),onBack:()=>l(-1),hasConnectWallet:!0,suffix:Y.createElement(uf,{container:ee(),side:"bottom",content:bn.t("Settings")},Y.createElement(Ne,{size:"small",variant:"ghost",onClick:()=>l("/"+S.settings)},Y.createElement(pf,{size:18,color:"black"})))},footer:Y.createElement(hf,null,Y.createElement("div",{className:"confirm-button"},Y.createElement(Pl,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:x,disabled:!!w.error,onClick:L},bn.t("Start Swap"))),Y.createElement(_l,{variant:"contained",type:"primary",size:"large",loading:x,onClick:y.bind(null,!0)},Y.createElement(mf,{size:24})))},g&&Y.createElement(Ll,{open:g,onClose:()=>y(!1),onCancel:f,loading:x,onCheckBalance:$}),Y.createElement(gf,null,Y.createElement("div",{className:"description"},Y.createElement(cf,{variant:"title",size:"small"},bn.t("You get")),Y.createElement(Pl,{style:{padding:"0"},variant:"ghost",disabled:x,onClick:Q},Y.createElement("div",{className:"icon"},Y.createElement(lf,{size:16})))),p&&Y.createElement(Y.Fragment,null,Y.createElement(Ml,{type:"error",variant:"alarm",title:p}),Y.createElement($l,{size:12})),w.warnings?.quoteUpdate&&Y.createElement(Y.Fragment,null,Y.createElement(Ml,{variant:"alarm",type:"warning",title:w.warnings.quoteUpdate&&Cn(w.warnings.quoteUpdate)}),Y.createElement($l,{size:12})),Y.createElement(ro,{quote:t,type:"swap-preview",expanded:!0,error:w.error,loading:x,warning:w.warnings?.quote??null,refetchQuote:Q,showWarningModal:C,onOpenWarningModal:()=>E(!0),onCloseWarningModal:()=>E(!1),onConfirmWarningModal:async()=>{E(!1),await I()}})))}s(Fl,"ConfirmSwapPage");import{i18n as Wn}from"@lingui/core";import{useManager as wf}from"@rango-dev/queue-manager-react";import{Divider as vf,NotFound as xf,styled as jl}from"@rango-dev/ui";import mt,{useState as bf}from"react";import{useNavigate as Ef}from"react-router-dom";import{CloseIcon as Sf,IconButton as Cf,SearchIcon as kf,TextField as Tf}from"@rango-dev/ui";import ao from"react";import{styled as yf}from"@rango-dev/ui";var Ol=yf("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function Ze(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:i,value:a,setValue:l,...p}=t;return ao.createElement(Tf,{prefix:ao.createElement(Ol,null,ao.createElement(kf,{color:"black"})),suffix:!!a.length&&ao.createElement(Cf,{variant:"ghost",onClick:()=>l?.(""),size:"small"},ao.createElement(Sf,{color:"gray",size:10})),fullWidth:o,color:n,variant:e,style:{padding:10,borderRadius:25,alignItems:"center"},size:r,value:a,onChange:i,...p})}s(Ze,"SearchInput");import{i18n as zl}from"@lingui/core";import{Divider as ql,SwapListItem as Gl,Typography as Hl}from"@rango-dev/ui";import te from"react";import{styled as In}from"@rango-dev/ui";var Rr=In("div",{width:"100%",display:"flex",flexDirection:"column"}),ei=In("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),ti=In("div",{gap:"$10",display:"flex",flexDirection:"column"}),Ul=In("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});function oi(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,i=n?n(e):[{title:"History",swaps:e}];if(r){let a=[{},{}];return te.createElement(te.Fragment,null,[{title:"Today",swaps:a},{title:"Last month",swaps:a}].map(p=>te.createElement(te.Fragment,{key:p.title},te.createElement(Rr,null,te.createElement(ei,null,te.createElement(Hl,{variant:"label",size:"medium",color:"neutral600",className:"group-title"},zl.t(p.title))),te.createElement(ql,{size:4}),te.createElement(ti,null,p.swaps.map((u,m)=>{let c=m+p.title;return te.createElement(te.Fragment,{key:c},te.createElement(Gl,{isLoading:!0}))}))))))}return te.createElement(te.Fragment,null,i.filter(a=>a.swaps.length>0).map(a=>te.createElement(te.Fragment,{key:a.title},te.createElement(Rr,null,te.createElement(ei,null,te.createElement(Hl,{variant:"label",size:"medium",color:"neutral600",className:"group-title"},zl.t(a.title))),te.createElement(ql,{size:4}),te.createElement(ti,null,a.swaps.map(l=>{let p=l.steps[0],u=l.steps[l.steps.length-1];return te.createElement(te.Fragment,{key:l.requestId},te.createElement(Gl,{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:No(l.inputAmount)},to:{token:{image:u.toLogo,displayName:u.toSymbol},blockchain:{image:u.toBlockchainLogo||""},amount:No(u.outputAmount||""),estimatedAmount:No(u.expectedOutputAmountHumanReadable||"")}}}))}))))))}s(oi,"SwapsGroup");import Ql from"dayjs";var Vl=s(t=>{let e=new Map([["today",{title:"Today",swaps:[]}],["month",{title:"Last month",swaps:[]}],["year",{title:"Last year",swaps:[]}],["history",{title:"History",swaps:[]}]]),o=Ql();return t.forEach(n=>{let r=Ql(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=s(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 Af=jl("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",height:"100%",gap:15}),If=jl("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),Wf=s((t,e)=>t?.length?t.filter(o=>qe(o.fromBlockchain,e)||qe(o.toBlockchain,e)||qe(o.toSymbol,e)||qe(o.fromSymbol,e)).length:!1,"isStepContainsText");function Kl(){let t=Ce.use.setSelectedSwap(),e=Ef(),{navigateBackFrom:o}=re(),{manager:n,state:r}=wf(),i=zt(n).map(({swap:g})=>g),[a,l]=bf(""),p=!r.loadedFromPersistor,u=s(g=>{let y=g.target.value;l(y)},"searchHandler"),m=i;a&&(m=i.filter(g=>qe(g.inputAmount,a)||qe(g.status,a)||Wf(g.steps,a)||qe(g.requestId,a)));let c=!m?.length&&!p;return mt.createElement(K,{header:{onBack:()=>o(S.swaps),title:Wn.t("History")}},mt.createElement(Af,null,mt.createElement(Ze,{setValue:l,fullWidth:!0,variant:"contained",placeholder:Wn.t("Search Transaction"),autoFocus:!0,onChange:u,value:a}),mt.createElement(If,null,c&&mt.createElement(Ul,null,mt.createElement(vf,{size:32}),mt.createElement(xf,{title:Wn.t("No results found"),description:a?Wn.t("Try using different keywords"):""})),!c&&mt.createElement(oi,{list:m,onSwapClick:g=>{t(g),e(`${g}`,{replace:!0})},groupBy:Vl,isLoading:p}))))}s(Kl,"HistoryPage");import{i18n as Xl}from"@lingui/core";import{List as Nf,ListItemButton as Bf,Radio as Lf,RadioRoot as Mf,Typography as Pf}from"@rango-dev/ui";import dt from"react";import{styled as Nn}from"@rango-dev/ui";var Re=Nn("div",{height:"100%",overflow:"hidden"}),lo=Nn("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto"}),ni=Nn("div",{width:80,display:"flex",justifyContent:"flex-end"}),ri=Nn("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});function Bn(){let t=D.use.language(),e=D.use.setLanguage();return{activeLanguage:t,languages:hs,defaultLanguage:Do,changeLanguage:e}}s(Bn,"useLanguage");function Yl(){let{navigateBackFrom:t}=re(),{activeLanguage:e,changeLanguage:o,languages:n}=Bn(),r=n.map(i=>{let{local:a,label:l,SVGFlag:p}=i;return{id:a,value:a,title:dt.createElement(Pf,{variant:"title",size:"xmedium"},l),onClick:()=>o(i.local),end:dt.createElement(Lf,{value:a}),start:dt.createElement(p,null)}});return dt.createElement(K,{header:{onBack:()=>t(S.settings),title:Xl.t("Language")}},dt.createElement(Re,null,dt.createElement(Mf,{value:e},dt.createElement(Nf,{type:dt.createElement(Bf,{title:Xl.t("language"),id:"_",onClick:()=>console.log()}),items:r}))))}s(Yl,"LanguagePage");import{i18n as qt}from"@lingui/core";import{Button as Of,Checkbox as Uf,Image as zf,ListItemButton as qf,NotFound as Gf,Typography as Hf}from"@rango-dev/ui";import Se,{useState as Qf}from"react";import{Checkbox as Df,Skeleton as Zl}from"@rango-dev/ui";import po from"react";import{ListItem as $f,styled as _f}from"@rango-dev/ui";var Jl=_f($f,{height:61});var Ff=30;function ii(){return po.createElement(lo,null,Array.from(Array(Ff),t=>po.createElement(Jl,{hasDivider:!0,key:t,start:po.createElement(Zl,{variant:"circular",width:35,height:35}),title:po.createElement(Zl,{variant:"text",size:"large",width:90}),end:po.createElement(Df,{checked:!1})})))}s(ii,"LoadingLiquiditySourceList");function si({sourceType:t}){let e=v().fetchStatus,o=v().swappers(),[n,r]=Qf(""),i=D.use.toggleLiquiditySource(),{navigateBackFrom:a}=re(),l=Fo(o),p=[];t==="Exchanges"&&p.push("DEX"),t==="Bridges"&&(p.push("BRIDGE"),p.push("AGGREGATOR"));let u=l.filter(T=>p.includes(T.type)),m=u.length===u.filter(T=>T.selected).length,c=s(()=>{u.forEach(T=>{m?i(T.groupTitle):T.selected||i(T.groupTitle)})},"toggleAllSources"),g=u.map(T=>{let{selected:h,groupTitle:x,logo:f}=T;return{start:Se.createElement(zf,{src:f,size:22,type:"circular"}),onClick:()=>i(x),end:Se.createElement(Uf,{checked:h}),title:Se.createElement(Hf,{variant:"title",size:"xmedium"},qt.t(x)),...T}}),y=s(T=>{let h=T.target.value;r(h)},"searchHandler"),k=g;return n&&(k=g.filter(T=>qe(T.groupTitle,n))),Se.createElement(K,{header:{onBack:()=>a(S.settings),title:qt.t(t),suffix:Se.createElement(ni,null,Se.createElement(Of,{variant:"ghost",size:"xsmall",onClick:c},qt.t(m?"Deselect all":"Select all")))}},Se.createElement(Re,null,Se.createElement(Ze,{value:n,setValue:r,fullWidth:!0,color:"light",variant:"contained",placeholder:qt.t("Search {sourceType}",{sourceType:t}),onChange:y}),e==="loading"&&Se.createElement(ii,null),!k.length&&n?Se.createElement(ri,null,Se.createElement(Gf,{title:qt.t("No results found"),description:qt.t("Try using different keywords")})):e==="success"&&Se.createElement(lo,null,k.map(T=>Se.createElement(Se.Fragment,{key:T.id},Se.createElement(qf,{style:{height:"61px"},...T,selected:!1,hasDivider:!0}))))))}s(si,"LiquiditySourcePage");import{i18n as sp}from"@lingui/core";import{Divider as ui,SelectableCategoryList as eg}from"@rango-dev/ui";import bt,{useState as ap}from"react";import{i18n as li}from"@lingui/core";import{Divider as rp,Image as Xf,ListItemButton as Yf,NotFound as Jf,Typography as ip}from"@rango-dev/ui";import We,{useEffect as Zf,useState as Rf}from"react";import{BlockchainCategories as ai}from"@rango-dev/ui";import{TransactionType as Ln}from"rango-sdk";var Vf=s((t,e)=>{switch(e){case ai.ALL:return!0;case ai.UTXO:return t.type===Ln.TRANSFER;case ai.OTHER:return t.type!==Ln.TRANSFER&&t.type!==Ln.COSMOS&&t.type!==Ln.EVM;default:return t.type===e}},"filterByType"),Rl=s((t,e,o)=>t.filter(n=>Vf(n,o)).filter(n=>yt(n.name,e)||yt(n.displayName,e)),"filterBlockchains");import{styled as ep}from"@rango-dev/ui";var tp=ep("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),Mn=ep("ul",{padding:0,margin:0,listStyle:"none",overflowY:"auto",paddingRight:"$5",".image-container":{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as jf,Skeleton as op}from"@rango-dev/ui";import Pn from"react";var Kf=20;function np(){return Pn.createElement(Mn,null,Array.from(Array(Kf),t=>Pn.createElement(jf,{key:t,hasDivider:!0,start:Pn.createElement(op,{variant:"circular",width:35,height:35}),title:Pn.createElement(op,{variant:"text",size:"large",width:90})})))}s(np,"LoadingBlockchainList");function pi(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[i,a]=Rf(e),{fetchStatus:l}=v();Zf(()=>{a([...Rl(e,o,r)])},[e,o,r]);let p=s(()=>!i.length&&o?We.createElement(We.Fragment,null,We.createElement(rp,{size:32}),We.createElement(Jf,{title:li.t("No results found"),description:li.t("Try using different keywords")})):We.createElement(Mn,{key:`${r}-${o}`},i.map(u=>We.createElement(Yf,{key:`${u.name}-${u.chainId}`,hasDivider:!0,onClick:()=>n(u),start:We.createElement(Xf,{src:u.logo,size:30}),title:We.createElement(ip,{variant:"title",size:"medium"},u.displayName),id:u.chainId}))),"renderList");return We.createElement(tp,null,We.createElement(ip,{variant:"label",size:"large"},li.t("Select Blockchain")),We.createElement(rp,{size:4}),l==="loading"&&We.createElement(np,null),l==="success"&&p())}s(pi,"BlockchainList");function ci(t){let{type:e}=t,{navigateBackFrom:o}=re(),[n,r]=ap(""),[i,a]=ap("ALL"),l=P.use.setToBlockchain(),p=P.use.setFromBlockchain(),u=v().fetchStatus,m=v().blockchains({type:e}),c=e==="source"?"fromBlockchain":"toBlockchain";return bt.createElement(K,{header:{onBack:()=>{o(S[c])},title:sp.t("Select Blockchain")}},bt.createElement(ui,{size:12}),bt.createElement(eg,{setCategory:a,category:i,blockchains:m,isLoading:u==="loading"}),bt.createElement(ui,{size:24}),bt.createElement(Ze,{value:n,autoFocus:!0,placeholder:sp.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:g=>r(g.target.value)}),bt.createElement(ui,{size:16}),bt.createElement(pi,{list:m,searchedFor:n,blockchainCategory:i,onChange:g=>{e==="source"?p(g):l(g),o(S[c])}}))}s(ci,"SelectBlockchainPage");import{i18n as bp}from"@lingui/core";import{Divider as Ep}from"@rango-dev/ui";import Gt,{useState as yg}from"react";import{useNavigate as Sg}from"react-router-dom";import{i18n as di}from"@lingui/core";import{BlockchainsChip as $n,Divider as cp,Image as mp,Skeleton as ig,Typography as fi}from"@rango-dev/ui";import ge from"react";import{useEffect as ng}from"react";var lp=["ETH","COSMOS","OSMOSIS"];function pp(t,e,o){let n=JSON.parse(JSON.stringify(t)),r=[];if(n.sort(tg),o?.limit&&t.length>o.limit){let i=o.limit,a=e;if(e.length<=o.limit)for(let l=0;l<o.limit;l++){let p=n[l];a=a.filter(u=>p.name!==u)}n.sort(og(a)),r=n.splice(i)}return{list:n,more:r}}s(pp,"prepare");function tg(t,e){let o=lp,n=o.findIndex(l=>l===t.name),r=o.findIndex(l=>l===e.name),i=n>-1,a=r>-1;return i&&a?n>r?1:-1:i?-1:a?1:0}s(tg,"sortByMostUsedBlockchains");function og(t){return s(function(o,n){let r=t.findIndex(p=>p===o.name),i=t.findIndex(p=>p===n.name),a=r>-1,l=i>-1;return a&&l?r>i?1:-1:t.includes(o.name)?-1:t.includes(n.name)?1:0},"sortByPreferred")}s(og,"generateSortByPreferredBlockchainsFor");function mi(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=D();ng(()=>{e?.selected&&n(e?.selected)},[e?.selected]);let r=pp(t,o,e);return{list:r.list,more:r.more,history:[]}}s(mi,"usePrepareBlockchainList");import{styled as rg}from"@rango-dev/ui";var up=rg("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var sg=12;function gi(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:i}=t,a=mi(e,{limit:10,selected:n?.name}),{fetchStatus:l}=v(),p=P.use.resetToBlockchain(),u=P.use.resetFromBlockchain(),m=a.more.length>0,c=a.more.length===1,g=!c&&m;return ge.createElement("div",null,ge.createElement(cp,{size:12}),ge.createElement(fi,{variant:"label",size:"large"},di.t("Select Blockchain")),ge.createElement(cp,{size:12}),ge.createElement(up,null,l==="loading"&&Array.from(Array(sg),y=>ge.createElement(ig,{key:y,variant:"rounded",height:50})),l==="success"&&ge.createElement(ge.Fragment,null,ge.createElement($n,{selected:!n,onClick:()=>{o==="from"?u():p()}},ge.createElement(fi,{variant:"body",size:"xsmall",color:"secondary500"},di.t("All"))),a.list.map(y=>ge.createElement($n,{key:y.name,selected:!!n&&n.name===y.name,onClick:()=>r(y)},ge.createElement(mp,{src:y.logo,size:30}))),c?ge.createElement($n,{key:a.more[0].name,selected:!!n&&n.name===a.more[0].name,onClick:()=>r(a.more[0])},ge.createElement(mp,{src:a.more[0].logo,size:30})):null,g?ge.createElement($n,{onClick:i,key:"more-blockchains"},ge.createElement(fi,{variant:"body",size:"xsmall",color:"secondary500"},di._("More +{count}",{count:a.more.length}))):null)))}s(gi,"BlockchainsSection");import{i18n as ki}from"@lingui/core";import{darkTheme as kp,Divider as co,ExternalLinkIcon as pg,Image as ug,ListItemButton as cg,NotFound as mg,PinIcon as dg,Skeleton as Tp,Typography as mo,VirtualizedList as fg}from"@rango-dev/ui";import M,{forwardRef as gg,useEffect as wp,useState as vp}from"react";var dp=s((t,e)=>{t=t.replace(/^#/,""),t.length===3&&(t=t[0]+t[0]+t[1]+t[1]+t[2]+t[2]);let[i,a,l]=t.match(/.{2}/g);[i,a,l]=[parseInt(i,16)+e,parseInt(a,16)+e,parseInt(l,16)+e],i=Math.max(Math.min(255,i),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=(i.length<2?"0":"")+i,u=(a.length<2?"0":"")+a,m=(l.length<2?"0":"")+l;return`#${p}${u}${m}`},"colorShade"),_n=s((t,e)=>{let a={[t]:e};for(let l=1;l<10;l++)l<5&&(a={...a,[t+l*100]:dp(e,(5-l)*32)}),l===5&&(a={...a,[t+l*100]:e}),l>5&&(a={...a,[t+l*100]:dp(e,-((l-5)*32))});return a},"generateRangeColors"),hi=s((t,e,o)=>{if(!o||!Object.entries(o).length)return{};let n=!1,r={...t};for(let i in o){let a=o[i];if(a&&a!==t[i])if(n=!0,i==="background"||i==="foreground")r={...r,[i]:a};else if(i==="neutral"&&e){let l=_n(i,a);r={...r,[`${i}100`]:l[`${i}900`],[`${i}200`]:l[`${i}800`],[`${i}300`]:l[`${i}700`],[`${i}400`]:l[`${i}600`],[`${i}500`]:l[`${i}500`],[`${i}600`]:l[`${i}400`],[`${i}700`]:l[`${i}300`],[`${i}800`]:l[`${i}200`],[`${i}900`]:l[`${i}100`]}}else r={...r,..._n(i,a)}}return n?r:{}},"generateColors");import{Divider as Sp,ListItem as lg,Skeleton as uo}from"@rango-dev/ui";import Oe from"react";import{styled as Ve,Typography as ag}from"@rango-dev/ui";var fp=Ve("div",{display:"flex",flexDirection:"column",flexGrow:1}),yi=Ve("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),Dn=Ve("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:"$neutral600",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"}}}}}),Si=Ve("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),Ci=Ve(ag,{}),gp=Ve("div",{textAlign:"right"}),Fn=Ve("ul",{display:"flex",alignItems:"end",flexDirection:"column"}),yW=Ve("div",{display:"flex",alignItems:"center"}),hp=Ve("div",{position:"relative",".image-container":{borderRadius:"$xm",overflow:"hidden"}}),yp=Ve("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6});function Cp(t){return Oe.createElement(Dn,null,Array.from(Array(t.size),e=>Oe.createElement(lg,{key:e,hasDivider:!0,start:Oe.createElement(uo,{variant:"circular",width:35,height:35}),end:Oe.createElement(Fn,null,Oe.createElement(uo,{variant:"text",size:"large",width:70}),Oe.createElement(Sp,{size:4}),Oe.createElement(uo,{variant:"text",size:"medium",width:50})),title:Oe.createElement("div",null,Oe.createElement(uo,{variant:"text",size:"large",width:90}),Oe.createElement(Sp,{size:4}),Oe.createElement(uo,{variant:"text",size:"medium",width:90}))})))}s(Cp,"LoadingTokenList");var Ti=20,hg=s(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:i,customCssForTagTitle:a}=t,l=e.length;return M.createElement("div",{className:"description"},o?M.createElement("div",{className:"token-name"},o):M.createElement(yi,{className:"token-title"},M.createElement(mo,{variant:"title",size:"xmedium"},r.symbol),M.createElement(co,{direction:"horizontal",size:4}),M.createElement(Si,{css:i},M.createElement(Ci,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&M.createElement("div",{className:`token-address ${!o&&"token-address-without-name"}`},M.createElement("a",{href:n,target:"_blank",rel:"nofollow noreferrer",onClick:p=>p.stopPropagation()},l>10?`${e.slice(0,5)}...${e.slice(l-6,l)}`:e," ",M.createElement(pg,{color:"gray",size:12}))))},"renderDesc");function xp(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[i,a]=vp(e),l=v().fetchStatus,p=v().blockchains(),[u,m]=vp(!0),c=H.use.loading(),{isTokenPinned:g}=v(),y=gg((h,x)=>M.createElement("div",{...h,ref:x,style:{...h.style,height:`${parseFloat(h.style?.height)+8*2}px`}})),k=s(()=>{a(e.slice(0,i.length+Ti))},"loadNextPage");wp(()=>{m(e.length>i.length)},[i.length]),wp(()=>{a(e.slice(0,Ti))},[e]);let T=s(()=>!i.length&&o?M.createElement(M.Fragment,null,M.createElement(co,{size:32}),M.createElement(mg,{title:ki.t("No results found"),description:ki.t("Try using different keywords")})):M.createElement(fg,{Item:({index:h,style:x})=>{let f=i[h],w=f.address||"",d=p.find(I=>I.name===f.blockchain),C=_n(f.symbol,d?.color||""),E={$$color:C[`${f.symbol}100`],[`.${kp} &`]:{$$color:C[`${f.symbol}900`]},backgroundColor:"$$color"},$={$$color:C[`${f.symbol}700`],[`.${kp} &`]:{$$color:C[`${f.symbol}100`]},color:"$$color"};return M.createElement("div",{style:{...x,paddingRight:5}},M.createElement(cg,{style:{height:x?.height},"tab-index":h,key:`${f.symbol}${f.address}`,id:`${f.symbol}${f.address}`,hasDivider:!0,onClick:()=>n(i[h]),start:M.createElement(hp,null,M.createElement(ug,{src:f.image,size:30}),g(f)&&M.createElement(yp,null,M.createElement(dg,{size:12,color:"gray"}))),title:d?.type==="COSMOS"||f.name||!f.name&&!w?M.createElement(yi,null,M.createElement(mo,{variant:"title",size:"xmedium"},f.symbol),M.createElement(co,{direction:"horizontal",size:4}),M.createElement(Si,{css:E},M.createElement(Ci,{variant:"body",size:"xsmall",css:$},f.blockchain))):void 0,description:d?.info&&w&&d.type!=="COSMOS"?hg({address:w,token:i[h],customCssForTag:E,customCssForTagTitle:$,name:f.name,url:d.info.addressUrl.split("{wallet}").join(w)}):f.name||void 0,end:c?M.createElement(Fn,null,M.createElement(Tp,{variant:"text",size:"large",width:70}),M.createElement(co,{size:4}),M.createElement(Tp,{variant:"text",size:"medium",width:50})):i[h]?.balance&&M.createElement(gp,null,M.createElement(mo,{variant:"title",size:"small"},f.balance?.amount),M.createElement("div",null),f.balance?.usdValue&&M.createElement(mo,{variant:"body",color:"neutral600",size:"xsmall"},`$${f.balance?.usdValue}`))}))},hasNextPage:u,itemCount:i.length,loadNextPage:k,innerElementType:y,size:60,key:`${r}-${o}`}),"renderList");return M.createElement(fp,null,M.createElement(mo,{variant:"label",size:"large"},ki.t("Select Token")),M.createElement(co,{size:4}),l==="loading"&&M.createElement(Cp,{size:Ti}),l==="success"&&M.createElement(Dn,null,T()))}s(xp,"TokenList");function wi(t){let{type:e}=t,o=Sg(),{navigateBackFrom:n}=re(),{fromBlockchain:r,toBlockchain:i,setFromToken:a,setToToken:l,setFromBlockchain:p,setToBlockchain:u}=P(),{connectedWallets:m}=H(),[c,g]=yg(""),k=(e==="source"?r:i)?.name??"",T=v().blockchains({type:e}),h=v().tokens({type:e,blockchain:k,searchFor:c}),x=ps(h,m),f=s(d=>{e==="source"?p(d):u(d)},"updateBlockchain"),w=s(d=>{e==="source"?a({token:d,meta:{blockchains:T,tokens:h}}):l({token:d,meta:{blockchains:T,tokens:h}})},"updateToken");return Gt.createElement(K,{header:{onBack:()=>n(e==="source"?S.fromSwap:S.toSwap),title:bp.t("Swap {type}",{type:e==="source"?"from":"to"})}},Gt.createElement(gi,{blockchains:T,type:e=="source"?"from":"to",blockchain:e==="source"?r:i,onMoreClick:()=>o(e==="source"?S.fromBlockchain:S.toBlockchain),onChange:d=>{f(d)}}),Gt.createElement(Ep,{size:24}),Gt.createElement(Ze,{value:c,autoFocus:!0,placeholder:bp.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>g(""),onChange:d=>g(d.target.value)}),Gt.createElement(Ep,{size:16}),Gt.createElement(xp,{list:x,selectedBlockchain:k,searchedFor:c,onChange:d=>{w(d);let C=T.find(E=>d.blockchain===E.name);C&&f(C),n(S.fromSwap)}}))}s(wi,"SelectSwapItemsPage");import{i18n as Et}from"@lingui/core";import{ChevronRightIcon as bi,Divider as Ei,InfoIcon as xg,List as bg,ListItemButton as Eg,Skeleton as Ag,Switch as Ig,Tooltip as Wg,Typography as At}from"@rango-dev/ui";import G from"react";import{useNavigate as Ng}from"react-router-dom";import{i18n as Bp}from"@lingui/core";import{Chip as kg,Divider as Lp,InfoIcon as Tg,TextField as wg,Tooltip as vg,Typography as Mp}from"@rango-dev/ui";import Te from"react";import{styled as On}from"@rango-dev/ui";var Ap=On("div",{paddingTop:"$5",paddingBottom:"30px"}),Ip=On("div",{display:"flex",alignItems:"center",justifyContent:"start"}),Wp=On("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),Un=On("div",{maxWidth:"300px",padding:"$10"});import{i18n as vi}from"@lingui/core";import{Typography as Cg}from"@rango-dev/ui";import fo from"react";function Np(){return fo.createElement(Un,null,fo.createElement(Cg,{variant:"label",size:"medium",color:"neutral700"},vi.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,vi.t("Warning")),":",vi.t("This setting is applied per step, e.g. 1Inch, Thorchain, etc. and only that step will be reverted, not the whole transaction")))}s(Np,"SlippageTooltipContent");function xi(){let t=D.use.slippage(),e=D.use.setSlippage(),o=D.use.customSlippage(),n=D.use.setCustomSlippage();return Te.createElement(Ap,null,Te.createElement(Wp,null,Te.createElement(Mp,{variant:"title",size:"xmedium"},Bp.t("Slippage tolerance per swap")),Te.createElement(Lp,{direction:"horizontal",size:4}),Te.createElement(vg,{container:ee(),side:"top",content:Te.createElement(Np,null)},Te.createElement(Tg,{color:"gray"}))),Te.createElement(Ip,null,ys.map((r,i)=>{let a=`slippage-${i}`;return Te.createElement(Te.Fragment,null,Te.createElement(kg,{style:{width:"64px",flexShrink:0},key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`}),Te.createElement(Lp,{direction:"horizontal",size:8}))}),Te.createElement(wg,{type:"number",min:"0.01",max:"30",step:"0.01",fullWidth:!0,variant:"contained",value:o||"",color:"dark",onChange:r=>{let i=parseFloat(r.target.value);(!i||i>=Ts&&i<=ks)&&n(i)},suffix:o&&Te.createElement(Mp,{variant:"body",size:"small"},"%"),placeholder:Bp.t("Custom")})))}s(xi,"Slippage");function Pp(){let t=Ng(),{theme:e}=v().config,o=v().fetchStatus,n=v().swappers(),{navigateBackFrom:r}=re(),i=D.use.infiniteApprove(),a=D.use.toggleInfiniteApprove(),l=Fo(n),p=l.filter(d=>d.type==="BRIDGE"||d.type==="AGGREGATOR"),u=p.length,m=p.filter(d=>d.selected).length,c=l.filter(d=>d.type==="DEX"),g=c.length,y=c.filter(d=>d.selected).length,k=s((d,C)=>{switch(o){case"loading":return G.createElement(Ag,{variant:"text",size:"medium",width:50});case"failed":return G.createElement(At,{variant:"body",size:"medium",color:"$error500"},Et.t("Loading failed"));default:return G.createElement(At,{variant:"body",size:"medium"},`${d} / ${C}`)}},"handleEndItem"),T={id:"bridge-item",title:G.createElement(At,{variant:"title",size:"xmedium"},Et.t("Enabled bridges")),end:G.createElement(G.Fragment,null,k(m,u),G.createElement(Ei,{direction:"horizontal",size:8}),G.createElement(bi,{color:"black"})),onClick:()=>t(S.bridges)},h={id:"exchange-item",title:G.createElement(At,{variant:"title",size:"xmedium"},Et.t("Enabled exchanges")),end:G.createElement(G.Fragment,null,k(y,g),G.createElement(Ei,{direction:"horizontal",size:8}),G.createElement(bi,{color:"gray"})),onClick:()=>t(S.exchanges)},x={id:"theme-item",title:G.createElement(At,{variant:"title",size:"xmedium"},Et.t("Theme")),end:G.createElement(bi,{color:"gray"}),onClick:()=>t(S.themes)},f={id:"infinite-approval-item",title:G.createElement(G.Fragment,null,G.createElement(At,{variant:"title",size:"xmedium"},Et.t("Infinite Approval")),G.createElement(Ei,{direction:"horizontal",size:4}),G.createElement(Wg,{side:"top",container:ee(),content:G.createElement(Un,null,G.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.")))},G.createElement(xg,{color:"gray"}))),end:G.createElement(Ig,{checked:i}),onClick:a},w=[T,h];return e?.singleTheme||w.push(x),w.push(f),G.createElement(K,{header:{onBack:()=>r(S.settings),title:Et.t("Setting")}},G.createElement(Re,null,G.createElement(xi,null),G.createElement(bg,{type:G.createElement(Eg,{title:"_",id:"_",onClick:()=>console.log()}),items:w})))}s(Pp,"SettingsPage");import{cancelSwap as xh}from"@rango-dev/queue-manager-rango-preset";import{useManager as bh}from"@rango-dev/queue-manager-react";import mu from"react";import{i18n as et}from"@lingui/core";import{getCurrentBlockchainOfOrNull as ih,getCurrentStep as sh,getRelatedWalletOrNull as ah,PendingSwapNetworkStatus as Yn}from"@rango-dev/queue-manager-rango-preset";import{Button as ru,CopyIcon as lh,Divider as ph,IconButton as uh,QuoteCost as ch,StepDetails as mh,Typography as Qt,useCopyToClipboard as dh}from"@rango-dev/ui";import{useWallets as fh}from"@rango-dev/wallets-react";import X,{useEffect as iu,useRef as gh,useState as su}from"react";import{useNavigate as hh}from"react-router-dom";import{i18n as we}from"@lingui/core";var Bg=1e3,Lg=31536e3,Mg=2592e3,Pg=86400,$g=3600,_g=60;function $p(t){let e=Math.floor((Date.now()-t)/Bg),n=[{turningPoint:Lg,label:we.t("year"),pluralLabel:we.t("years")},{turningPoint:Mg,label:we.t("month"),pluralLabel:we.t("months")},{turningPoint:Pg,label:we.t("day"),pluralLabel:we.t("days")},{turningPoint:$g,label:we.t("hour"),pluralLabel:we.t("hours")},{turningPoint:_g,label:we.t("minute"),pluralLabel:we.t("minutes")}].sort((r,i)=>i.turningPoint-r.turningPoint);for(let r of n){let{turningPoint:i,label:a,pluralLabel:l}=r,p=Math.floor(e/i);if(p>1)return`${p} ${l}`;if(p===1)return`${p} ${a}`}return e>1?`${e} ${we.t("seconds")}`:`${e} ${we.t("second")}`}s($p,"timeSince");function _p(t){return t.finishTime?we.t({id:"{time} ago",values:{time:$p(parseInt(t.finishTime))}}):we.t({id:"{time} ago",values:{time:$p(parseInt(t.creationTime))}})}s(_p,"getSwapDate");import{PendingSwapNetworkStatus as Gn}from"@rango-dev/queue-manager-rango-preset";import{Modal as Gg}from"@rango-dev/ui";import Hn from"react";import{i18n as zn}from"@lingui/core";import{Button as Dp,Divider as Ai,MessageBox as Dg,Typography as Fp}from"@rango-dev/ui";import je from"react";var Op=s(({onCancel:t,onClose:e})=>je.createElement(je.Fragment,null,je.createElement(Ai,{size:20}),je.createElement(Dg,{type:"error",title:zn.t("Transaction Cancel"),description:zn.t("Are you sure you want to Cancel this swap?")}),je.createElement(Ai,{size:32}),je.createElement(Dp,{variant:"contained",type:"primary",size:"large",onClick:t},je.createElement(Fp,{variant:"title",size:"medium",color:"neutral100"},zn.t("Yes, Cancel it"))),je.createElement(Ai,{size:12}),je.createElement(Dp,{variant:"outlined",type:"primary",size:"large",onClick:e},je.createElement(Fp,{variant:"title",size:"medium",color:"primary"},zn.t("No, Continue")))),"CancelContent");import{i18n as qn}from"@lingui/core";import{Button as Up,Divider as Ii,MessageBox as Fg,Typography as zp}from"@rango-dev/ui";import Ke from"react";var qp=s(({onDelete:t,onClose:e})=>Ke.createElement(Ke.Fragment,null,Ke.createElement(Ii,{size:20}),Ke.createElement(Fg,{type:"error",title:qn.t("Delete Transaction"),description:qn.t("Are you sure you want to delete this swap?")}),Ke.createElement(Ii,{size:32}),Ke.createElement(Up,{variant:"contained",type:"primary",size:"large",onClick:t},Ke.createElement(zp,{variant:"title",size:"medium",color:"neutral100"},qn.t("Yes, Delete it"))),Ke.createElement(Ii,{size:12}),Ke.createElement(Up,{variant:"outlined",type:"primary",size:"large",onClick:e},Ke.createElement(zp,{variant:"title",size:"medium",color:"primary"},qn.t("No, Cancel")))),"DeleteContent");import{i18n as Wi}from"@lingui/core";import{PendingSwapNetworkStatus as Ni}from"@rango-dev/queue-manager-rango-preset";var Bi={[Ni.WaitingForNetworkChange]:{type:"loading",title:Wi.t("Change Network")},[Ni.WaitingForConnectingWallet]:{type:"warning",title:Wi.t("Connect Wallet")},[Ni.NetworkChanged]:{type:"success",title:Wi.t("Network Changed")}};import{MessageBox as Ug,Wallet as zg,WalletState as Hp}from"@rango-dev/ui";import{useWallets as qg}from"@rango-dev/wallets-react";import go from"react";import{styled as Og}from"@rango-dev/ui";var Gp=Og("div",{display:"flex",justifyContent:"center"});var Qp=s(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:i}=t,{connect:a,getWalletInfo:l,state:p}=qg(),u=n?.walletType,c=u&&p(u).connected?Hp.CONNECTED:Hp.DISCONNECTED;return go.createElement(go.Fragment,null,go.createElement(Ug,{type:e,title:o,description:r}),i&&u&&go.createElement(Gp,null,go.createElement(zg,{container:ee(),title:l(u).name,image:l(u).img,type:u,state:c,onClick:async()=>a(u)})))},"WalletStateContent");function Li(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:i,message:a}=t,l=e===Gn.WaitingForNetworkChange||e===Gn.WaitingForConnectingWallet||e===Gn.NetworkChanged;return Hn.createElement(Gg,{open:!!e,onClose:o,container:document.getElementById("swap-box")||document.body},l&&Hn.createElement(Qp,{type:Bi[e].type,title:Bi[e].title,currentStepWallet:i,message:a,showWalletButton:e!==Gn.WaitingForNetworkChange}),e==="delete"&&Hn.createElement(qp,{onClose:o,onDelete:n}),e==="cancel"&&Hn.createElement(Op,{onClose:o,onCancel:r}))}s(Li,"SwapDetailsModal");import{i18n as ho}from"@lingui/core";import{Button as Mi,Divider as Qn,MessageBox as Vp,Modal as Hg,TokenAmount as Qg,Typography as Vn}from"@rango-dev/ui";import ce from"react";import{useNavigate as Vg}from"react-router-dom";function Pi(t){let{open:e,onClose:o,status:n,priceValue:r,usdValue:i,token:a,chain:l,percentageChange:p,description:u,diagnosisUrl:m}=t,c=Vg();return ce.createElement(Hg,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},n==="success"?ce.createElement(Vp,{type:"success",title:ho.t("Swap Successful")},ce.createElement(Qg,{direction:"vertical",type:"output",centerAlign:!0,price:{value:r,usdValue:i},token:a,chain:l,percentageChange:p}),ce.createElement(Qn,{size:12}),ce.createElement(Vn,{variant:"body",size:"medium",color:"neutral700",align:"center"},u)):ce.createElement(Vp,{type:"error",title:ho.t("Transaction Failed"),description:u}),ce.createElement(Qn,{size:32}),n==="success"&&ce.createElement(Mi,{variant:"contained",type:"primary",size:"large",onClick:()=>c(S.home)},ce.createElement(Vn,{variant:"title",size:"medium",color:"neutral100"},ho.t("Done"))),ce.createElement(Qn,{size:12}),m&&ce.createElement(ce.Fragment,null,ce.createElement(Mi,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(m,"_blank")},ce.createElement(Vn,{variant:"title",size:"medium",color:"primary"},ho.t("Diagnosis"))),ce.createElement(Qn,{size:12})),ce.createElement(Mi,{variant:"outlined",type:"primary",size:"large",onClick:o},ce.createElement(Vn,{variant:"title",size:"medium",color:"primary"},ho.t("See Details"))))}s(Pi,"SwapDetailsCompleteModal");import nh from"react";import{i18n as Rg}from"@lingui/core";import{Alert as Zp,IconButton as eh,LinkIcon as th}from"@rango-dev/ui";import ft,{Fragment as oh}from"react";import{Alert as jg,ChevronDownIcon as Kg,ChevronUpIcon as Xg,IconButton as Yg}from"@rango-dev/ui";import jn,{useState as Jg}from"react";function jp(t){let{message:e}=t,[o,n]=Jg(!1);return jn.createElement(jg,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&jn.createElement(Yg,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?jn.createElement(Xg,{size:12,color:"gray"}):jn.createElement(Kg,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}s(jp,"FailedAlert");import{styled as Zg}from"@rango-dev/ui";var Kp=Zg("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as Xp}from"@lingui/core";import{PendingSwapNetworkStatus as $i}from"@rango-dev/queue-manager-rango-preset";import{Alert as _i,Button as Yp}from"@rango-dev/ui";import yo from"react";function Jp(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?yo.createElement(_i,{type:"warning",title:n.shortMessage,action:yo.createElement(Yp,{size:"xxsmall",type:"warning",onClick:()=>{o($i.WaitingForNetworkChange),e().catch(i=>{console.log(i)})}},Xp.t("Change"))}):r===$i.WaitingForConnectingWallet?yo.createElement(_i,{type:"warning",title:n.shortMessage,action:yo.createElement(Yp,{size:"xxsmall",type:"warning",onClick:()=>{o($i.WaitingForConnectingWallet)}},Xp.t("Connect"))}):yo.createElement(_i,{type:"warning",title:n.shortMessage})}s(Jp,"WarningAlert");function Di(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:i,hasAlreadyProceededToSign:a}=t,l=Jt(i),p=i.status==="waitingForApproval"&&!l,u=i.status==="running"&&!l;return ft.createElement(Kp,null,i.explorerUrl?.map((m,c,g)=>{let y=c+m.url,k=c===g.length-1,T=k&&u||p,h=k&&i.status==="failed";return ft.createElement(oh,{key:y},ft.createElement(Zp,{type:T&&"loading"||h&&"error"||"success",title:m.description?`${m.description} Tx`:Rg.t("View transaction"),action:m.url&&ft.createElement(eh,{variant:"ghost",size:"xsmall",onClick:()=>window.open(m.url,"_blank")},ft.createElement(th,{size:16}))}))}),(u&&!a||p&&!i.explorerUrl?.length)&&ft.createElement(Zp,{type:"loading",title:r.shortMessage}),i.status!=="failed"&&l&&ft.createElement(Jp,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),i.status==="failed"&&ft.createElement(jp,{message:r}))}s(Di,"SwapDetailsAlerts");var Rp=2e3;var eu=s(({swap:t,blockchains:e,...o})=>{let n=t.hasAlreadyProceededToSign!==!1;return t.steps.map((r,i)=>{let a=i===0?t.inputAmount:t.steps[i-1].outputAmount;return{from:{token:{displayName:r.fromSymbol,image:r.fromLogo??""},chain:{displayName:hr(r.fromBlockchain,e)??"",image:r.fromBlockchainLogo??""},price:{value:N(a,6,6)}},to:{token:{displayName:r.toSymbol,image:r.toLogo},chain:{displayName:hr(r.toBlockchain,e)??"",image:r.toBlockchainLogo??""},price:{value:N(r.outputAmount||r.expectedOutputAmountHumanReadable,6,6)}},swapper:{displayName:r.swapperId,image:r.swapperLogo??""},alerts:nh.createElement(Di,{step:r,hasAlreadyProceededToSign:n,...o})}})},"getSteps");function tu(t){if(Jt(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"}}s(tu,"getStepState");import{darkTheme as rh,styled as Ht}from"@rango-dev/ui";var Kn=Ht("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",[`.${rh} &`]:{$$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"}}),Xn=Ht("div",{width:"100%"}),ou=Ht("div",{padding:"$0 $20 $20 $20",width:"100%",overflow:"auto"}),eL=Ht("div",{display:"flex",flexDirection:"column",gap:"$10"}),nu=Ht("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),tL=Ht("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1});function Fi(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:i,connect:a,getWalletInfo:l}=fh(),p=v().blockchains(),u=v().tokens(),m=P.use.retry(),c=hh(),{navigateBackFrom:g}=re(),[y,k]=dh(Rp),T=gh(null),[h,x]=su(null),[f,w]=su(null),d=s(()=>{r(),x(null)},"onCancel"),C=Ie.use.getUnreadNotifications(),E=Ie.use.setAsRead(),$=C(),I=sh(e),_=I?.networkStatus;iu(()=>{$.find(me=>me.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(w(e.status),E(e.requestId))},[e.status]),iu(()=>{ne?x(Yn.WaitingForNetworkChange):_===Yn.WaitingForConnectingWallet||_===Yn.NetworkChanged?x(_):x(null)},[_]);let L=Rs(e),Q=I?ih(e,I):null,b=I?ah(e,I):null,z=_p(e),F=ea(e),O=s(ae=>!!l(ae)?.mobileWallet,"isMobileWallet"),ne=_===Yn.WaitingForNetworkChange&&!!Q&&!!b?.walletType&&(O(b.walletType)||i(b.walletType,Q)),Ue=ne?a.bind(null,b.walletType,Q):void 0,tt=Zs(e,I),V=eu({swap:e,switchNetwork:Ue,showNetworkModal:_,setNetworkModal:x,message:tt,blockchains:p}),Z=V.length,[ot,nt]=[e.steps[0],e.steps[Z-1]],gt=nt.outputAmount||nt.expectedOutputAmountHumanReadable,tr=e.steps.reduce((ae,me)=>ae+parseFloat(me.feeInUsd||""),0),bo=e.steps.find(ae=>ae.diagnosisUrl)?.diagnosisUrl,jt=N(String(parseFloat(N(gt,6,6))*(Mo(nt.toBlockchain,nt.toSymbol,nt.toSymbolAddress,u)||0)),4,4),U=N(String(parseFloat(e.inputAmount)*(Mo(ot.fromBlockchain,ot.fromSymbol,ot.fromSymbolAddress,u)||0)),4,4),j=Mt(U,jt),R=e.status==="success"?et.t({id:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:N(gt,6,6),token:V[Z-1].to.token.displayName,conciseAddress:$o(e.wallets[V[Z-1].to.chain.displayName]?.address||""),chain:V[Z-1].to.chain.displayName}}):`${et.t("Transaction was not sent.")} ${L?et.t({id:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:L.outputAmount,symbol:L.symbol,blockchain:L.blockchain}}):""}`;return X.createElement(K,{noPadding:!0,header:{title:et.t("Swap and Bridge"),onBack:()=>g(S.swapDetails),onCancel:e.status==="running"?()=>x("cancel"):void 0,suffix:e.status!=="running"&&X.createElement(Bt,null,X.createElement(ru,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>x("delete")},X.createElement(Qt,{size:"medium",variant:"label",color:"error"},et.t("Delete"))))},footer:F&&!f&&X.createElement(ru,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{m(e,{blockchains:p,tokens:u}),setTimeout(()=>{c(S.home)},0)}},et.t("Try again"))},X.createElement(Kn,null,X.createElement(Xn,null,X.createElement("div",{className:"row"},X.createElement(Qt,{variant:"label",size:"large",color:"neutral700"},`${et.t("Request ID")}:`),X.createElement("div",{className:"request-id"},X.createElement(Qt,{variant:"label",size:"small",color:"neutral700"},o),X.createElement(uh,{variant:"ghost",onClick:k.bind(null,o||"")},X.createElement(lh,{size:16,color:"gray"})))),X.createElement("div",{className:"row"},X.createElement(Qt,{variant:"label",size:"large",color:"neutral700"},`${et.t("Created at")}:`),X.createElement(Qt,{variant:"label",size:"small",color:"neutral700"},z))),X.createElement("div",{className:"output"},X.createElement(ch,{fee:N(String(tr),2,2),time:Io(Wo(e.steps)),steps:Z}),X.createElement(Rt,{from:{price:{value:N(e.inputAmount,6,6),usdValue:U},token:{displayName:V[0].from.token.displayName,image:V[0].from.token.image},chain:{image:V[0].from.chain.image,displayName:V[0].from.chain.displayName}},to:{price:{value:N(gt,6,6),usdValue:jt},token:{displayName:V[Z-1].to.token.displayName,image:V[Z-1].to.token.image},chain:{image:V[Z-1].to.chain.image,displayName:V[Z-1].to.chain.displayName}},percentageChange:N(String(j),2,2),warningLevel:Xe(j??0)})),X.createElement("div",{className:"title-steps"},X.createElement(Qt,{variant:"title",size:"small"},et.t("Swaps steps"))),X.createElement(ph,{size:8}),X.createElement(ou,{ref:T},V.map((ae,me)=>{let ze=me,ht=tu(e.steps[me]),Kt=ht==="error"||ht==="in-progress"||ht==="warning"||ht==="completed"&&me===V.length-1;return X.createElement(mh,{key:ze,step:ae,type:"swap-progress",ref:T,state:ht,hasSeparator:me!==0,tabIndex:ze,isFocused:Kt})}))),X.createElement(Li,{state:h,onClose:()=>x(null),onCancel:d,onDelete:n,message:tt.detailedMessage.content,currentStepWallet:b}),X.createElement(Pi,{open:!!f,diagnosisUrl:bo,onClose:()=>w(null),status:e.status==="success"?"success":"failed",priceValue:N(gt,6,6),usdValue:jt,percentageChange:N(String(j),2,2),token:{displayName:V[Z-1].to.token.displayName,image:V[Z-1].to.token.image},chain:{image:V[Z-1].to.chain.image},description:R}))}s(Fi,"SwapDetails");import{i18n as wo}from"@lingui/core";import{CopyIcon as Th,IconButton as wh,NotFound as vh,Skeleton as uu,Typography as Zn}from"@rango-dev/ui";import pe from"react";import{i18n as Sh}from"@lingui/core";import{ChainToken as Ch,Divider as Ui,Skeleton as To,Typography as kh}from"@rango-dev/ui";import J from"react";import{styled as Oi}from"@rango-dev/ui";var au=Oi("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"}}),lu=Oi("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"}}),Jn=Oi("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"});import{ChainToken as pu,Divider as So,NextIcon as yh,Skeleton as Co}from"@rango-dev/ui";import le from"react";function ko(t){let{extraInfo:e}=t;return le.createElement(lu,null,le.createElement("div",{className:"step-title"},le.createElement(Co,{height:28,width:28,variant:"circular"}),le.createElement(So,{direction:"horizontal",size:8}),le.createElement(Co,{height:15,width:148,variant:"rounded"})),le.createElement("div",{className:"step-tokens"},le.createElement(So,{direction:"horizontal",size:20}),le.createElement("div",{className:"step-token-info"},le.createElement(pu,{size:"small",loading:!0,chainImage:"",tokenImage:""}),le.createElement(So,{direction:"horizontal",size:8}),le.createElement(Co,{height:12,width:76,variant:"rounded"})),le.createElement("div",{className:"step-icon-container"},le.createElement(yh,{color:"gray",size:16})),le.createElement("div",{className:"step-token-info"},le.createElement(pu,{size:"small",loading:!0,chainImage:"",tokenImage:""}),le.createElement(So,{direction:"horizontal",size:8}),le.createElement(Co,{height:12,width:76,variant:"rounded"}))),e&&le.createElement("div",{className:"extra-info"},le.createElement(So,{direction:"horizontal",size:20}),le.createElement(Co,{height:22,width:297,variant:"rectangular"})))}s(ko,"LoadingSwapDetailStep");function zi(){let t=J.createElement("div",{className:"quote-summary-item"},J.createElement("div",{className:"token-amount"},J.createElement(Ch,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),J.createElement(Ui,{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(au,null,J.createElement("div",{className:"cost"},J.createElement(To,{width:60,height:10,variant:"rounded"}),J.createElement(Ui,{size:4,direction:"horizontal"}),J.createElement(To,{width:60,height:10,variant:"rounded"}),J.createElement(Ui,{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(kh,{variant:"title",size:"small"},Sh.t("Swaps steps"))),J.createElement("div",{className:"step-container"},J.createElement(ko,{extraInfo:!0}),J.createElement(Jn,null),J.createElement(ko,null),J.createElement(Jn,null),J.createElement(ko,null),J.createElement(Jn,null),J.createElement(ko,null)))}s(zi,"LoadingSwapDetails");function cu(t){let{requestId:e,showSkeleton:o}=t,{navigateBackFrom:n}=re();return pe.createElement(K,{noPadding:!0,header:{title:wo.t("Swap and Bridge"),onBack:()=>n(S.swapDetails),suffix:pe.createElement(Bt,null)}},o&&pe.createElement(Kn,null,pe.createElement(Xn,null,pe.createElement("div",{className:"row"},pe.createElement(Zn,{variant:"label",size:"large",color:"neutral700"},`${wo.t("Request ID")}:`),pe.createElement("div",{className:"request-id"},pe.createElement(Zn,{variant:"label",size:"small",color:"neutral700"},pe.createElement(uu,{width:60,height:10,variant:"rounded"})),pe.createElement(wh,{variant:"ghost"},pe.createElement(Th,{size:16,color:"gray"})))),pe.createElement("div",{className:"row"},pe.createElement(Zn,{variant:"label",size:"large",color:"neutral700"},`${wo.t("Created at")}:`),pe.createElement(Zn,{variant:"label",size:"small",color:"neutral700"},pe.createElement(uu,{width:60,height:10,variant:"rounded"})))),pe.createElement(zi,null)),!o&&pe.createElement(nu,null,pe.createElement(vh,{title:wo.t("Not found"),description:wo.t({id:"Swap with request ID = {requestId} not found.",values:{requestId:e}})})))}s(cu,"SwapDetailsPlaceholder");function du(){let{manager:t,state:e}=bh(),o=!e.loadedFromPersistor,n=zt(t),r=Ce.use.selectedSwapRequestId(),{navigateBackFrom:i}=re(),{fetchStatus:a}=v(),l=o||a==="loading",p=n.find(({swap:g})=>g.requestId===r),u=s(()=>{if(p?.id){let g=t?.get(p.id);g&&xh(g)}},"onCancel"),m=s(async()=>{if(p?.id)try{await t?.deleteQueue(p.id),i(S.swapDetails)}catch(g){console.log(g)}},"onDelete"),c=p?.swap;return!c||l?mu.createElement(cu,{requestId:r||"",showSkeleton:l}):mu.createElement(Fi,{swap:c,requestId:r||"",onCancel:u,onDelete:m})}s(du,"SwapDetailsPage");import{i18n as vo}from"@lingui/core";import{AutoThemeIcon as Eh,DarkModeIcon as Ah,LightModeIcon as Ih,List as Wh,ListItemButton as Nh,Radio as qi,RadioRoot as Bh,Typography as Gi}from"@rango-dev/ui";import ve from"react";function fu(){let{navigateBackFrom:t}=re(),e=D.use.theme(),o=D.use.setTheme(),n=[{id:"light",value:"light",title:ve.createElement(Gi,{variant:"title",size:"xmedium"},vo.t("Light")),onClick:()=>o("light"),start:ve.createElement(Ih,{color:"gray"}),end:ve.createElement(qi,{value:"light"})},{id:"dark",value:"dark",title:ve.createElement(Gi,{variant:"title",size:"xmedium"},vo.t("Dark")),onClick:()=>o("dark"),start:ve.createElement(Ah,{color:"gray"}),end:ve.createElement(qi,{value:"dark"})},{id:"auto",value:"auto",title:ve.createElement(Gi,{variant:"title",size:"xmedium"},vo.t("Auto")),onClick:()=>o("auto"),start:ve.createElement(Eh,{color:"gray"}),end:ve.createElement(qi,{value:"auto"})}];return ve.createElement(K,{header:{onBack:()=>t(S.settings),title:vo.t("Theme")}},ve.createElement(Re,null,ve.createElement(Bh,{onValueChange:r=>o(r),value:e},ve.createElement(Wh,{type:ve.createElement(Nh,{title:vo.t("Theme"),id:"_",onClick:()=>console.log()}),items:n}))))}s(fu,"ThemePage");var Mh=s(t=>t.replace("/",""),"getAbsolutePath");function gu(){return Lh([{path:S.home,element:xe.createElement(gn,null)},{path:S.fromSwap,element:xe.createElement(wi,{type:"source"})},{path:S.toSwap,element:xe.createElement(wi,{type:"destination"})},{path:S.fromBlockchain,element:xe.createElement(ci,{type:"source"})},{path:S.toBlockchain,element:xe.createElement(ci,{type:"destination"})},{path:S.settings,element:xe.createElement(Pp,null)},{path:S.themes,element:xe.createElement(fu,null)},{path:S.languages,element:xe.createElement(Yl,null)},{path:S.exchanges,element:xe.createElement(si,{sourceType:"Exchanges"})},{path:S.bridges,element:xe.createElement(si,{sourceType:"Bridges"})},{path:S.swaps,element:xe.createElement(Kl,null)},{path:S.swapDetails,element:xe.createElement(du,null)},{path:S.wallets,element:xe.createElement(Tl,null)},{path:Mh(S.confirmSwap),element:xe.createElement(Fl,null)}])}s(gu,"AppRoutes");import{isApprovalTX as Ph,MainEvents as yu,RouteEventType as Su,StepEventType as Vt,StepExecutionEventStatus as $h,useEvents as _h}from"@rango-dev/queue-manager-rango-preset";import{useEffect as Cu}from"react";import{StepExecutionBlockedEventStatus as Hi}from"@rango-dev/queue-manager-rango-preset";var hu=[Hi.WAITING_FOR_CHANGE_WALLET_ACCOUNT,Hi.WAITING_FOR_NETWORK_CHANGE,Hi.WAITING_FOR_WALLET_CONNECT];function ku(){let t=v().tokens(),e=H.use.connectedWallets(),o=H.use.getWalletsDetails(),n=Ie.use.setNotification(),r=Ie.use.setAsRead(),i=_h();return Cu(()=>(i.on(yu.StepEvent,a=>{let{event:l,step:p,route:u}=a;if(l.type===Vt.TX_EXECUTION&&l.status===$h.TX_SENT&&!Ph(p)||l.type===Vt.SUCCEEDED){let c=e.find(y=>y.chain===p?.fromBlockchain),g=p?.fromBlockchain!==p?.toBlockchain&&e.find(y=>y.chain===p?.toBlockchain);c&&o([c],t),g&&o([g],t)}l.type===Vt.TX_EXECUTION_BLOCKED&&hu.includes(l.status)||l.type===Vt.FAILED?n(l,u):(l.type===Vt.TX_EXECUTION||l.type===Vt.CHECK_STATUS)&&r(u.requestId)}),()=>i.all.clear()),[i,e.length]),Cu(()=>(i.on(yu.RouteEvent,a=>{let{event:l,route:p}=a;(l.type===Su.FAILED||l.type===Su.SUCCEEDED)&&n(l,p)}),()=>i.all.clear()),[i,e.length]),null}s(ku,"WidgetEvents");import{globalCss as Dh}from"@rango-dev/ui";var Tu=s(()=>Dh({"@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 Vi,darkTheme as qh,lightTheme as Gh}from"@rango-dev/ui";import{useEffect as xu,useState as Hh}from"react";import{theme as Uh,darkColors as zh}from"@rango-dev/ui";var wu=s(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),Fh=s(t=>{let e="",o;for(o=Math.abs(t);o>52;o=o/52|0)e=wu(o%52)+e;return wu(o%52)+e},"toAlphabeticName"),Oh=s((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),Qi=s(t=>Fh(Oh(5381,JSON.stringify(t))>>>0),"toHash");function vu(t){let e=Uh.colors,o=hi({...e,...zh},!0,t?.dark),n=hi(e,!1,t?.light),r=Object.keys(o).length>0,i=Object.keys(n).length>0,a,l;if(i){let p={colors:n};a={id:`${nr}-light-${Qi(p)}`,tokens:p}}if(r){let p={colors:o};l={id:`${nr}-dark-${Qi(p)}`,tokens:p}}return{light:a,dark:l}}s(vu,"customizedThemeTokens");function bu(t){let{colors:e,fontFamily:o=es,borderRadius:n=Zi,secondaryBorderRadius:r=Ri,mode:i="auto"}=t,[a,l]=Hh("light"),p=D.use.theme(),u=D.use.setTheme(),{dark:m,light:c}=vu(e),g=Vi({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),y=[g.className,Gh.className],k=[g.className,qh.className];if(c){let h=Vi(c.id,c.tokens);y.push(h.className)}if(m){let h=Vi(m.id,m.tokens);k.push(h.className)}return xu(()=>{let h=s(x=>{x.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)}},[]),xu(()=>{i!=="auto"&&u(i)},[i]),{activeTheme:s(()=>{let h=y.join(" "),x=k.join(" ");return p==="auto"?a==="dark"?x:h:p==="dark"?x:h},"getActiveTheme")}}s(bu,"useTheme");import{styled as Qh}from"@rango-dev/ui";var Eu=Qh("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 Rn(){Tu();let{fetch:t,config:e}=v(),{activeTheme:o}=bu(e?.theme||{}),{activeLanguage:n,changeLanguage:r}=Bn(),[i,a]=Iu(""),[l,p]=Iu(),u=jh(Uo);return Kh(()=>{e?.apiKey&&Ji({API_KEY:e?.apiKey})},[e]),Au(()=>{t().catch(),D.persist.rehydrate(),Ie.persist.rehydrate(),u.onConnectWallet(a)},[]),Au(()=>{e?.language&&r(e.language)},[e?.language]),xo.createElement(Vh,{language:n},xo.createElement(Eu,{id:"swap-container",className:o()},xo.createElement(ku,null),xo.createElement(ml,{lastConnectedWallet:i,disconnectedWallet:l,clearDisconnectedWallet:()=>{p(void 0)}},xo.createElement(gu,null))))}s(Rn,"Main");import Ki from"react";import{checkWaitingForNetworkChange as Xh,makeQueueDefinition as Yh}from"@rango-dev/queue-manager-rango-preset";import{Provider as Jh}from"@rango-dev/queue-manager-react";import{useWallets as Zh}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as Rh}from"@rango-dev/wallets-shared";import{isEvmBlockchain as ey}from"rango-types";import ty,{useMemo as oy}from"react";function ny(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:i,getWalletInfo:a}=Zh(),l=oy(()=>Yh({API_KEY:t.apiKey||Eo("API_KEY")}),[t.apiKey]),p=v().blockchains(),m={blockchains:H.use.connectedWallets().map(f=>({accounts:[f],name:f.chain}))},c=s(async(f,w)=>{if(i(f,w))return r(f,w)},"switchNetwork"),g=s(f=>!!a(f).mobileWallet,"isMobileWallet"),y=p.filter(f=>f.enabled).reduce((f,w)=>(f[w.name]=w,f),{}),k=p.filter(ey),T=s(f=>{let{supportedChains:w}=a(f);return Bo(w)},"getSupportedChainNames"),h=e(),x={meta:{blockchains:y,evmBasedChains:k,evmNetworkChainInfo:Rh(k),getSupportedChainNames:T},getSigners:o,wallets:m,providers:h,switchNetwork:c,canSwitchNetworkTo:i,connect:r,state:n,isMobileWallet:g};return ty.createElement(Jh,{queuesDefs:[l],context:x,onPersistedDataLoaded:f=>{Xh(f)},isPaused:!1},t.children)}s(ny,"QueueManager");var Wu=ny;import{useManager as ry}from"@rango-dev/queue-manager-react";import iy,{createContext as sy,useContext as ay,useMemo as ly}from"react";var Nu=sy(void 0);function ji(t){let{manager:e}=ry(),o=zt(e),n=ly(()=>({swaps:o}),[e,o]);return iy.createElement(Nu.Provider,{value:n},t.children)}s(ji,"WidgetInfo");function Bu(){let t=ay(Nu);if(!t)throw new Error("useWidget can only be used within the WidgetProvider component");return t}s(Bu,"useWidget");function er(t){let{onUpdateState:e,config:o}=t;return Ki.createElement(zo,{config:o,onUpdateState:e},Ki.createElement(Wu,{apiKey:o.apiKey},Ki.createElement(ji,null,t.children)))}s(er,"WidgetProvider");function Lu(t){return t.config?.externalWallets?Xi.createElement(Rn,null):Xi.createElement(er,{config:t.config??ir},Xi.createElement(Rn,null))}s(Lu,"Widget");export{y$ as MainEvents,S$ as RouteEventType,C$ as StepEventType,k$ as StepExecutionBlockedEventStatus,T$ as StepExecutionEventStatus,Lu as Widget,er as WidgetProvider,zo as WidgetWallets,Wl as useWallets,Bu as useWidget,w$ as useWidgetEvents};
|
|
1
|
+
var $u=Object.defineProperty;var s=(t,e)=>$u(t,"name",{value:e,configurable:!0});import{MainEvents as kP,RouteEventType as TP,StepEventType as wP,StepExecutionBlockedEventStatus as vP,StepExecutionEventStatus as xP,useEvents as bP}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Nl}from"@rango-dev/wallets-react";import{Events as lr,Provider as lc}from"@rango-dev/wallets-react";import{isEvmBlockchain as pc}from"rango-sdk";import Oo,{createContext as uc,useEffect as cc,useRef as mc}from"react";import{useEffect as Xu}from"react";import{create as Vu}from"zustand";import{subscribeWithSelector as ju}from"zustand/middleware";import{RangoClient as Pu}from"rango-sdk";var Ji="c6381a79-2817-4602-83bf-6a641a409e32";var or={API_KEY:Ji};function Eo(t){return or[t]}s(Eo,"getConfig");function Zi(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),or=e,or}s(Zi,"initConfig");var Ri=20,es=25,ts="Roboto",nr="theme-widget";var Ao,It=s(()=>Ao||(Ao=new Pu(Eo("API_KEY")),Ao),"httpService");import{WalletState as Ge}from"@rango-dev/ui";import{readAccountAddress as Fu}from"@rango-dev/wallets-react";import{detectInstallLink as Ou,getCosmosExperimentalChainInfo as Uu,isEvmAddress as zu,KEPLR_COMPATIBLE_WALLETS as By,Networks as rs}from"@rango-dev/wallets-shared";import rr from"bignumber.js";import{isCosmosBlockchain as qu}from"rango-types";import _u from"bignumber.js";var be=new _u(0);import{WalletTypes as Du}from"@rango-dev/wallets-shared";var os=[Du.LEAP];import{BigNumber as ns}from"bignumber.js";var Io=s(t=>{let e=(t%60).toString().padStart(2,"0");return`${parseInt((t/60).toString()).toString().padStart(2,"0")}:${e}`},"secondsToString"),N=s((t,e=null,o=null)=>{if(t==null||t==="")return"";let n=new ns(t),r=1,i=1e3;for(let a=0;a<60;a++)if(new ns(n.toFixed(a,r)).eq(n)){i=a;break}if(n.gte(1e4))return n.toFormat(0,r);if(n.gte(1e3)||n.gte(100))return n.toFormat(Math.min(i,Math.min(o||100,Math.max(e||0,1))),r);if(n.gte(1))return n.toFormat(Math.min(i,Math.min(o||100,Math.max(e||0,2))),r);if(n.gte(.01))return n.toFormat(Math.min(i,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(i,Math.min(o||100,Math.max(e||0,a))),r);return n.isEqualTo(0)?"0":n.toFormat(Math.min(i,Math.min(o||100,Math.max(e||0,8))),r)},"numberToString");var Wo=s(t=>t?.reduce((e,o)=>e+(o.estimatedTimeInSeconds??0),0)||0,"totalArrivalTime");var qe=s((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),Xt=s(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function No(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()}s(No,"limitDecimalPlaces");function Gu(t){switch(!0){case t.connected:return Ge.CONNECTED;case t.connecting:return Ge.CONNECTING;case!t.installed:return Ge.NOT_INSTALLED;default:return Ge.DISCONNECTED}}s(Gu,"mapStatusToWalletState");function is(t,e,o,n){return o.filter(r=>!os.includes(r)).filter(r=>{let{supportedChains:i,isContractWallet:a}=e(r),{installed:l,network:p}=t(r);return a&&(!l||!!n&&p!==n)?!1:n?!!i.find(m=>m.name===n):!0}).map(r=>{let{name:i,img:a,installLink:l}=e(r),p=Gu(t(r));return{title:i,image:a,link:Ou(l),state:p,type:r}})}s(is,"mapWalletTypesToWalletInfo");function Bo(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}s(Bo,"walletAndSupportedChainsNames");function ss(t,e,o,n,r){let i=[];function a(p,u){if(!!!i.find(c=>c.chain===p)){let c={address:u,chain:p,walletType:t};i.push(c)}}s(a,"addAccount");let l=n||[];return e.forEach(p=>{let{address:u,network:m}=Fu(p),c=l.length>0,g=l.includes(m),y=m===rs.Unknown;if(c&&!g&&!y)return;let T=m===rs.Unknown&&zu(u);if(y&&!T)return;o.includes(m)||T?r?a(m,u.toLowerCase()):l.filter(f=>o.includes(f)).forEach(f=>{a(f,u.toLowerCase())}):a(m,u)}),i}s(ss,"prepareAccountsForWalletStore");function as(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(i=>{let a=i.from.blockchain,l=i.to.blockchain;e.includes(a)||e.push(a),e.includes(l)||e.push(l)})}),e}s(as,"getRequiredChains");function Wt(t,e,o,n){if(t.length===0)return null;let r=t.filter(i=>i.chain===e);return r.length===0?null:r.map(i=>i.balances?.find(a=>n!==null&&a.address===n||n===null&&a.address===n&&a.symbol===o)||null).filter(i=>i!==null).sort((i,a)=>parseFloat(a?.amount||"0")-parseFloat(i?.amount||"1")).find(()=>!0)||null}s(Wt,"getBalanceFromWallet");function Lo(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}s(Lo,"isAccountAndWalletMatched");function ls(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 rr(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:Mo(o,r.asset.symbol,r.asset.address,e)||null}))||[]}s(ls,"makeBalanceFor");function ps(t){return{...t,loading:!1,error:!0}}s(ps,"resetConnectedWalletState");var Mo=s((t,e,o,n)=>n?.find(i=>i.blockchain===t&&i.symbol?.toUpperCase()===e?.toUpperCase()&&i.address===o)?.usdPrice||null,"getUsdPrice"),$o=s((t,e)=>{let o=Uu(Object.entries(t).map(([,n])=>n).filter(qu));return o&&o[e]?.experimental},"isExperimentalChain");function Hu(t,e){return t.map(({balance:o,...n})=>{let r=N(new rr(Wt(e,n.blockchain,n.symbol,n.address)?.amount||be)),i="";return n.usdPrice&&(i=N(new rr(Wt(e,n.blockchain,n.symbol,n.address)?.amount||be).multipliedBy(n.usdPrice))),{...n,...r!=="0"&&{balance:{amount:r,usdValue:i}}}})}s(Hu,"getTokensWithBalance");function us(t,e){let o=e.length>0?Hu(t,e):t;return o.sort((n,r)=>n.balance?.usdValue&&r.balance?.usdValue?parseFloat(r.balance.usdValue)-parseFloat(n.balance.usdValue):!n.balance?.usdValue&&r.balance?.usdValue?1:n.balance?.usdValue&&!r.balance?.usdValue?-1:!n.balance?.usdValue&&!r.balance?.usdValue?parseFloat(r.balance?.amount||"0")-parseFloat(n.balance?.amount||"0"):0),o}s(us,"getTokensBalanceFromWalletAndSort");function Ae(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}s(Ae,"tokensAreEqual");function cs(t){return t.sort((e,o)=>+(o.state===Ge.CONNECTED)-+(e.state===Ge.CONNECTED)||+(o.state===Ge.DISCONNECTED||o.state===Ge.CONNECTING)-+(e.state===Ge.DISCONNECTED||e.state===Ge.CONNECTING))}s(cs,"sortWalletsBasedOnConnectionState");function Po(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}`}s(Po,"getConciseAddress");function ms({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}s(ms,"getAddress");var Qu=s(t=>{let e=t;e.use={};for(let o of Object.keys(e.getState()))e.use[o]=()=>e(n=>n[o]);return e},"createSelectors"),He=Qu;var H=He(Vu()(ju((t,e)=>({connectedWallets:[],customDestination:"",loading:!1,connectWallet:(o,n)=>{let r=e().getWalletsDetails;t(i=>({loading:!0,connectedWallets:i.connectedWallets.filter(a=>a.walletType!==o[0].walletType).concat(o.map(a=>{let l=!i.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(i=>i.selected&&i.walletType!==o).map(i=>i.chain);return{connectedWallets:n.connectedWallets.filter(i=>i.walletType!==o).map(i=>r.includes(i.chain)?i:(r.push(i.chain),{...i,selected:!0}))}})},selectWallets:o=>t(n=>({connectedWallets:n.connectedWallets.map(r=>{let i=!!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 i?{...r,selected:!1}:a?{...r,selected:!0}:r})})),clearConnectedWallet:()=>t(()=>({connectedWallets:[],selectedWallets:[]})),getWalletsDetails:async(o,n,r=!0)=>{let i=e().getWalletsDetails;t(a=>({loading:!0,connectedWallets:a.connectedWallets.map(l=>o.find(p=>Lo(p,l))?{...l,loading:!0}:l)}));try{let a=o.map(({address:u,chain:m})=>({address:u,blockchain:m})),p=(await It().getWalletsDetails(a)).wallets;if(p)t(u=>({loading:!1,connectedWallets:u.connectedWallets.map(m=>{let c=o.find(y=>Lo(y,m)),g=p.find(y=>y.address===m.address&&y.blockChain===m.chain);return g?.failed&&c&&r&&i([c],n,!1),c&&g?{...m,explorerUrl:g.explorerUrl,balances:ls(g,n)}:m})}));else throw new Error("Wallet not found")}catch{t(l=>({loading:!1,connectedWallets:l.connectedWallets.map(p=>o.find(u=>Lo(u,p))?ps(p):p)}))}}}))));import{allProviders as Ku}from"@rango-dev/provider-all";function _o(t,e){let o=Ku({walletconnect2:{WC_PROJECT_ID:e?.walletConnectProjectId||""}});if(t){let n=[];return t.forEach(r=>{if(typeof r=="string"){let i=o.find(a=>a.config.type===r);i?n.push(i):console.warn(`Couldn't find ${r} provider. Please make sure you are passing the correct name.`)}else n.push(r)}),n}return o}s(_o,"matchAndGenerateProviders");function ds(t,e){return _o(t,e).map(r=>r.config.type)}s(ds,"configWalletsToWalletName");function fs(t,e){let o=H.use.clearConnectedWallet(),n=_o(void 0,e);return Xu(()=>{o(),n=_o(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}s(fs,"useWalletProviders");import rc,{createContext as ic,useContext as sc,useRef as ac}from"react";import{create as nc}from"zustand";var ir={apiKey:"",multiWallets:!0,enableNewLiquiditySources:!0},gs=s((t,e,o)=>({config:{...ir,...t},updateConfig:n=>{let r=o().config;e({config:{...r,...n}})}}),"createConfigSlice");function Nt(t){return Array.from(new Set(t))}s(Nt,"removeDuplicateFrom");function sr(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}s(sr,"areEqual");function hs(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}s(hs,"debounce");function yt(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}s(yt,"containsText");var ee=s(()=>document.getElementById("swap-box"),"getContainer");import{create as ec}from"zustand";import{persist as tc,subscribeWithSelector as oc}from"zustand/middleware";import{English as Yu,French as Ju,Japanese as Zu,Spanish as Ru}from"@rango-dev/ui";var ys=[{title:"English",label:"English",local:"en",SVGFlag:Yu},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:Ru},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:Ju},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:Zu}],Do="en";var Ss=[.5,1,3],Cs=1,ks=5,Ts=100,ws=0;var D=He(ec()(tc(oc((t,e)=>({preferredBlockchains:[],slippage:Cs,customSlippage:null,infiniteApprove:!1,affiliateRef:null,affiliatePercent:null,affiliateWallets:null,disabledLiquiditySources:[],theme:"auto",language:Do,addPreferredBlockchain:o=>{let n=e().preferredBlockchains;if(n.find((a,l)=>{let p=a===o,u=l<=10-1;return p&&u}))return;let i=n.filter(a=>!(a===o));t(()=>({preferredBlockchains:[o,...i]}))},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 i=Nt(o.map(a=>a.swapperGroup));return i.length===r.disabledLiquiditySources.length?{disabledLiquiditySources:[]}:{disabledLiquiditySources:i}}),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}))})),{name:"user-settings",skipHydration:!0})));function Fo(t){let e=D.use.disabledLiquiditySources(),o=t.map(i=>i.swapperGroup),n=[];return Nt(t.map(i=>i.swapperGroup)).map(i=>{let a=t.find(l=>l.swapperGroup===i);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}s(Fo,"getUniqueSwappersGroups");function vs(t,e){return t.swapperGroup<e.swapperGroup?-1:t.swapperGroup>e.swapperGroup?1:0}s(vs,"sortLiquiditySourcesByGroupTitle");var xs=s((t,e)=>({_blockchains:[],_tokens:[],_popularTokens:[],_swappers:[],fetchStatus:"loading",blockchains:o=>{let n=e()._blockchains;if(!o||!o?.type)return n;let r=e().config,i=(o.type==="source"?r.from?.blockchains:r.to?.blockchains)??[];return n.filter(l=>!(i.length>0&&!i.includes(l.name)))},tokens:o=>{let n=e()._tokens;if(!o||!o?.type)return n;let r=e().config,i=(o.type==="source"?r.from?.tokens:r.to?.tokens)??[],a=e().blockchains({type:o.type});return n.filter(p=>i.length>0&&!i.some(u=>Ae(u,p))||o.blockchain&&p.blockchain!==o.blockchain||!a.some(u=>u.name===p.blockchain)?!1:o.searchFor?!!(yt(p.symbol,o.searchFor)||yt(p.address||"",o.searchFor)||yt(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=>Ae(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 It().getAllMetadata();t({fetchStatus:"success"});let n=[],r=[],i=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:i,_swappers:a})}catch(o){throw t({fetchStatus:"failed"}),o}}}),"createDataSlice");function bs(t){return nc()((...e)=>({...xs(...e),...gs(t,...e)}))}s(bs,"createAppStore");var Es=ic(null);function v(){let t=sc(Es);if(!t)throw new Error("Missing AppStoreContext.Provider in the tree");return t()}s(v,"useAppStore");function As(t){let e=ac();return e.current||(e.current=bs(t.config)),rc.createElement(Es.Provider,{value:e.current},t.children)}s(As,"AppStoreProvider");var Uo=uc({onConnectWallet:()=>{}});function dc(t){let e=v().updateConfig,o=v().blockchains(),n=v().tokens(),r={walletConnectProjectId:t.config?.walletConnectProjectId},{providers:i}=fs(t.config.wallets,r),a=H.use.disconnectWallet(),l=H.use.connectWallet(),p=mc();cc(()=>{t.config&&e(t.config)},[t.config]);let u=o.filter(pc).map(c=>c.name),m=s((c,g,y,k,T)=>{if(g===lr.ACCOUNTS)if(y){let h=Bo(T.supportedBlockchains),x=ss(c,y,u,h,T.isContractWallet);l(x,n)}else a(c);if(g===lr.ACCOUNTS&&k.connected){let h=`${c}-${k.network}-${y}`;k.connected&&(p.current?p.current(h):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(g===lr.NETWORK&&k.network){let h=`${c}-${k.network}`;p.current?p.current(h):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(c,g,y,k,T)},"onUpdateState");return Oo.createElement(Uo.Provider,{value:{onConnectWallet:c=>{p.current=c}}},Oo.createElement(lc,{allBlockChains:o,providers:i,onUpdateState:m,autoConnect:!0},t.children))}s(dc,"Main");function zo(t){let{config:e,...o}=t;return Oo.createElement(As,{config:e},Oo.createElement(dc,{...o,config:e}))}s(zo,"WidgetWallets");import Yi from"react";import{I18nManager as Xh}from"@rango-dev/ui";import xo,{useContext as Yh,useEffect as Iu,useMemo as Jh,useState as Wu}from"react";import{useQueueManager as gd}from"@rango-dev/queue-manager-rango-preset";import{useWallets as hd}from"@rango-dev/wallets-react";import{isEvmBlockchain as yd}from"rango-types";import Tt,{useEffect as Sd,useRef as Cd}from"react";import{MemoryRouter as kd,useInRouterContext as Td}from"react-router";import{useLocation as wd,useNavigate as vd}from"react-router-dom";var S={home:"/",fromSwap:"from-swap",fromBlockchain:"/from-swap/blockchains",toBlockchain:"/to-swap/blockchains",toSwap:"to-swap",settings:"settings",liquiditySources:"/settings/liquidity-sources",themes:"/settings/themes",bridges:"/settings/bridges",exchanges:"/settings/exchanges",languages:"/settings/languages",swaps:"swaps",wallets:"wallets",confirmSwap:"confirm-swap",swapDetails:"swaps/:requestId"};import{useWallets as gc}from"@rango-dev/wallets-react";import{useEffect as hc,useRef as yc}from"react";function Is(){let{connect:t,state:e}=gc(),o=yc({}),{fetchStatus:n}=v(),r=new URLSearchParams(location.search).get("autoConnect")||"",i=e(r);hc(()=>{n==="success"&&r&&i.installed&&!i.connecting&&!i.connected&&!o.current[r]&&(o.current[r]=!0,t(r))},[i,n])}s(Is,"useForceAutoConnect");import{i18n as zr}from"@lingui/core";import{Button as nd,styled as qr,SwapInput as ul,WarningIcon as rd}from"@rango-dev/ui";import De,{useEffect as id,useRef as sd,useState as ad}from"react";import{useNavigate as ld}from"react-router-dom";import{ChevronLeftIcon as kc}from"@rango-dev/ui";import Bs from"react";import{darkTheme as Sc,IconButton as Cc,styled as qo}from"@rango-dev/ui";var Ne=qo(Cc,{width:"$24",position:"relative",padding:"0",overflow:"unset"}),Ws=qo("div",{position:"absolute",background:"$secondary500",[`.${Sc} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),Bt=qo("div",{display:"flex",justifyContent:"flex-end",width:"$40"}),Ns=qo("div",{position:"absolute",backgroundColor:"$secondary500",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0"});function pr(t){return Bs.createElement(Ne,{variant:"ghost",size:"small",onClick:t.onClick},Bs.createElement(kc,{color:"black",size:16}))}s(pr,"BackButton");import{i18n as Tc}from"@lingui/core";import{Button as wc,Typography as vc}from"@rango-dev/ui";import ur from"react";function cr(t){return ur.createElement(Bt,null,ur.createElement(wc,{variant:"ghost",onClick:t.onClick,size:"xsmall"},ur.createElement(vc,{variant:"label",size:"medium",color:"error500"},Tc.t("Cancel"))))}s(cr,"CancelButton");import{i18n as xc}from"@lingui/core";import{Tooltip as bc,WalletIcon as Ec}from"@rango-dev/ui";import Go from"react";function mr(t){return Go.createElement(bc,{container:t.container,side:"top",content:xc.t("Connect Wallet")},Go.createElement(Ne,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&Go.createElement(Ws,null),Go.createElement(Ec,{size:18,color:"black"})))}s(mr,"WalletButton");import{i18n as Vo}from"@lingui/core";import{NotificationsIcon as qc,Popover as Gc,RefreshIcon as Hc,SettingsIcon as Qc,Tooltip as jo,TransactionIcon as Vc}from"@rango-dev/ui";import ue from"react";import{i18n as Pc}from"@lingui/core";import{ChainToken as Ds,ChevronRightIcon as _c,ListItemButton as Dc,Typography as Fc}from"@rango-dev/ui";import Be from"react";import{useNavigate as Oc}from"react-router-dom";import{create as Ac}from"zustand";import{persist as Ic,subscribeWithSelector as Wc}from"zustand/middleware";var Ie=He(Ac()(Ic(Wc((t,e)=>({notifications:[],setNotification:(o,n)=>{let r=n.steps[0],i=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:i.toBlockchain,tokenSymbol:i.toSymbol,tokenAddress:i.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{create as Nc}from"zustand";var Ce=He(Nc()(t=>({connectWalletsButtonDisabled:!1,selectedSwapRequestId:null,currentPage:"",setSelectedSwap:e=>t({selectedSwapRequestId:e}),setCurrentPage:e=>t({currentPage:e})})));import{styled as Ho}from"@rango-dev/ui";var Ls=Ho("div",{padding:"$10",width:"350px",minHeight:"150px"}),Ms=Ho("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),$s=Ho("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),Ps=Ho("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as Bc}from"@lingui/core";import{Divider as Lc,NoNotificationIcon as Mc,Typography as $c}from"@rango-dev/ui";import Qo from"react";function _s(){return Qo.createElement(Ps,null,Qo.createElement(Mc,{color:"secondary",size:26}),Qo.createElement(Lc,{size:12}),Qo.createElement($c,{variant:"body",size:"medium",color:"neutral700"},Bc.t("You have no notification")))}s(_s,"NotificationNotFound");var Uc=4;function dr(){let t=Oc(),e=Ce.use.setSelectedSwap(),{getUnreadNotifications:o}=Ie(),n=o(),r=v().blockchains(),i=v().tokens(),a=n.sort((p,u)=>u.creationTime-p.creationTime).slice(0,Uc),l=s(p=>{e(p),t(`/swaps/${p}`)},"handleOnClick");return Be.createElement(Ls,null,a.length?Be.createElement(Ms,null,a.map(p=>{let u=i.find(y=>y.address===p.route.from.tokenAddress&&y.blockchain===p.route.from.blockchain&&y.symbol===p.route.from.tokenSymbol),m=r.find(y=>y.name===p.route.from.blockchain),c=i.find(y=>y.address===p.route.to.tokenAddress&&y.blockchain===p.route.to.blockchain&&y.symbol===p.route.to.tokenSymbol),g=r.find(y=>y.name===p.route.to.blockchain);return Be.createElement(Dc,{key:p.requestId,onClick:()=>l(p.requestId),title:Be.createElement(Fc,{variant:"body",size:"small",color:"$neutral700"},Pc.t(p.event.message)),id:p.requestId,start:Be.createElement($s,null,Be.createElement("div",{className:"from-chain-token"},Be.createElement(Ds,{tokenImage:u?u.image:"",chainImage:m?m.logo:"",size:"small"})),Be.createElement("div",{className:"to-chain-token"},Be.createElement(Ds,{tokenImage:c?c.image:"",chainImage:g?g.logo:"",size:"small"}))),end:Be.createElement(_c,{size:12,color:"gray"})})})):Be.createElement(_s,null))}s(dr,"NotificationContent");import{Typography as zc}from"@rango-dev/ui";import Fs from"react";function Os(){let{getUnreadNotifications:t}=Ie(),e=t().length;return e?Fs.createElement(Ns,null,Fs.createElement(zc,{variant:"body",size:"xsmall",color:"$background"},e)):null}s(Os,"UnreadNotificationsBadge");function fr(t){let{layoutRef:e,onClickRefresh:o,onClickHistory:n,onClickSettings:r,onClickNotifications:i}=t;return ue.createElement(ue.Fragment,null,ue.createElement(jo,{container:ee(),side:"top",content:Vo.t("Refresh")},ue.createElement(Ne,{variant:"ghost",size:"small",onClick:o,disabled:!o},ue.createElement(Hc,{size:16,color:o?"black":"gray"}))),ue.createElement(jo,{container:ee(),side:"top",content:Vo.t("Notifications")},ue.createElement(Gc,{align:"center",collisionBoundary:e,collisionPadding:{right:20,left:20},container:ee(),content:ue.createElement(dr,null)},ue.createElement(Ne,{size:"small",variant:"ghost",onClick:i},ue.createElement(qc,{size:18,color:"black"}),ue.createElement(Os,null)))),ue.createElement(jo,{container:ee(),side:"top",content:Vo.t("Settings")},ue.createElement(Ne,{size:"small",variant:"ghost",onClick:r},ue.createElement(Qc,{size:18,color:"black"}))),ue.createElement(jo,{container:ee(),side:"top",content:Vo.t("Transactions History")},ue.createElement(Ne,{size:"small",variant:"ghost",onClick:n},ue.createElement(Vc,{size:18,color:"black"}))))}s(fr,"HomeButtons");import{BottomLogo as Kc,Divider as Xc,Header as Yc}from"@rango-dev/ui";import de from"react";import{useNavigate as Jc}from"react-router-dom";import{darkTheme as jc,styled as gr}from"@rango-dev/ui";var Us=gr("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",[`.${jc} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",variants:{fixedHeight:{true:{height:"95vh"},false:{height:"auto"}}}}),zs=gr("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"}}}}),qs=gr("div",{backgroundColor:"$background","& .footer__content":{padding:"$0 $20"},"& .footer__logo":{padding:"$0 $20 $10 $20"}});function Zc(t,e){let{children:o,header:n,footer:r,noPadding:i,hasLogo:a=!0,fixedHeight:l=!0}=t,p=H.use.connectedWallets(),u=Ce.use.connectWalletsButtonDisabled(),m=Jc(),c=s(()=>{u||m("/"+S.wallets)},"onConnectWallet");return de.createElement(Us,{ref:e,fixedHeight:l,id:"swap-box"},de.createElement(Yc,{prefix:de.createElement(de.Fragment,null,n.onBack&&de.createElement(pr,{onClick:n.onBack})),title:n.title,suffix:de.createElement(de.Fragment,null,n.suffix,n.hasConnectWallet&&de.createElement(mr,{container:ee(),onClick:c,isConnected:!!p?.length}),n.onCancel&&de.createElement(cr,{onClick:n.onCancel}))}),de.createElement(zs,{noPadding:i},o),(a||r)&&de.createElement(qs,null,de.createElement("div",{className:"footer__content"},r),a&&de.createElement("div",{className:"footer__logo"},de.createElement(Xc,{size:12}),de.createElement(Kc,null))))}s(Zc,"LayoutComponent");var K=de.forwardRef(Zc);K.displayName="Layout";import{ReverseIcon as am,styled as la}from"@rango-dev/ui";import Er from"react";import at from"bignumber.js";import{create as im}from"zustand";import{subscribeWithSelector as sm}from"zustand/middleware";import{getLastSuccessfulStep as rm}from"@rango-dev/queue-manager-rango-preset";import dT from"bignumber.js";var rt=(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))(rt||{});function Gs(t,e){return e.find(o=>o.name===t)?.displayName}s(Gs,"getBlockchainDisplayNameFor");function hr(t,e){return e.find(o=>o.name===t)?.shortName}s(hr,"getBlockchainShortNameFor");function yr(t,e){return e.find(o=>Ae(o,t))??null}s(yr,"findToken");function Sr(t,e){return e.find(o=>o.name===t)??null}s(Sr,"findBlockchain");import{i18n as Le}from"@lingui/core";import{PendingSwapNetworkStatus as Jo}from"@rango-dev/queue-manager-rango-preset";import ke from"bignumber.js";function Ko(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,i=e[e.length-1];n!=i&&e.push(n),i=e[e.length-1],r!=i&&e.push(r)}),e}s(Ko,"getRequiredWallets");function Xo(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}s(Xo,"isValidAddress");import{i18n as fe}from"@lingui/core";var q=s(()=>({genericServerError:fe.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:fe.t("Please reset your liquidity sources."),description:fe.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources")},noResultError:{title:fe.t("No Routes Found"),description:fe.t("Reasons why Rango couldn't find a route: low liquidity on token, very low input amount or no routes available for the selected input/output token combination.")},bridgeLimitErrors:{increaseAmount:fe.t("Bridge Limit Error: Please increase your amount"),decreaseAmount:fe.t("Bridge Limit Error: Please decrease your amount")},highValueLossError:{impactTitle:fe.t("High Price Impact"),title:fe.t("Price impact is too high!"),description:fe.t("The price impact is significantly higher than the allowed amount. If you are sure, continue, otherwise, change the swap."),confirmMessage:fe.t("Confirm High price impact")},quoteUpdatedWithHighValueLoss:{title:fe.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:fe.t("USD Price Unknown"),title:fe.t("USD Price Unknown, Cannot calculate Price Impact."),description:fe.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:fe.t("Confirm USD Price Unknown")}}),"errorMessages");function Hs(t){switch(t.type){case 0:return t.diagnosisMessage??q().noResultError.title;case 1:return q().genericServerError;default:return""}}s(Hs,"getQuoteErrorMessage");import{i18n as Yo}from"@lingui/core";var St=s(()=>({connectWallet:Yo.t("Connect Wallet"),swap:Yo.t("Swap"),swapAnyway:Yo.t("Swap anyway"),ethWarning:Yo.t("The route goes through Ethereum. Continue?")}),"swapButtonTitles");function Qs(t,e){return!t||!e||t.lte(be)||e.lte(be)?0:e.div(t).minus(1).multipliedBy(100).toNumber()}s(Qs,"getOutputRatio");function en(t,e){return(parseInt(e.toFixed(2)||"0")<=-10&&t?.gte(new ke(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new ke(1e3)))??!1}s(en,"hasHighValueLoss");function Yt(t){return(t?.result?.swaps||[]).filter(e=>{let o=e.fromAmountMinValue?new ke(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new ke(e.fromAmountMaxValue):null;return e.fromAmountRestrictionType==="EXCLUSIVE"?o?.gte(e.fromAmount)||n?.lte(e.fromAmount):o?.gt(e.fromAmount)||n?.lt(e.fromAmount)}).length>0}s(Yt,"hasLimitError");function Cr(t){let e=(t.result?.swaps||[]).filter(l=>{let p=l.fromAmountMinValue?new ke(l.fromAmountMinValue):null,u=l.fromAmountMaxValue?new ke(l.fromAmountMaxValue):null;return l.fromAmountRestrictionType==="EXCLUSIVE"?p?.gte(l.fromAmount)||u?.lte(l.fromAmount):p?.gt(l.fromAmount)||u?.lt(l.fromAmount)})[0],o=e.fromAmountMinValue?new ke(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new ke(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",i="",a="";return!r&&o&&o.gt(e.fromAmount)?(i=Le.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)&&(i=Le.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)?(i=Le.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)&&(i=Le.t({id:"Required: < {max} {symbol}",values:{max:N(n,6,6),symbol:e.from.symbol}}),a=q().bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:i,recommendation:a}}s(Cr,"getLimitErrorMessage");function Vs(t,e,o,n,r,i,a,l,p){return t!=="success"?{title:St().connectWallet,state:"waitForConnecting",disabled:!0}:e.length==0?{title:St().connectWallet,state:"waitForConnecting",disabled:!1}:o||!n||!n.result||r||!p||p==="0"?{title:St().swap,disabled:!0,state:"swap"}:i||a?{title:St().swapAnyway,disabled:!1,hasWarning:!0,state:"needToConfirm"}:l?{title:St().ethWarning,disabled:!1,hasWarning:!0,state:"warning"}:{title:St().swap,disabled:!1,state:"swap"}}s(Vs,"getSwapButtonState");function kr(t,e,o){return!((!o||o.lte(be))&&t?.result&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t.result)}s(kr,"canComputePriceImpact");function em(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,i=e[e.length-1];n!=i&&e.push(n),i=e[e.length-1],r!=i&&e.push(r)}),e}s(em,"requiredWallets");var tm=s((t,e,o,n)=>n?.find(i=>i.blockchain===t&&i.symbol?.toUpperCase()===e?.toUpperCase()&&i.address===o)?.usdPrice||null,"getUsdPrice");function om(t,e){let o=be;for(let n=0;n<t.fee.length;n++){let r=t.fee[n];if(r.expenseType==="DECREASE_FROM_OUTPUT")continue;let i=tm(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new ke(r.amount).multipliedBy(i||0))}return o}s(om,"getUsdFeeOfStep");function tn(t,e){return t.reduce((o,n)=>o.plus(om(n,e)),be)}s(tn,"getTotalFeeInUsd");function Tr(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}s(Tr,"checkSlippageErrors");function js(t,e){let o=new Map;return t.result?.swaps.forEach((n,r)=>{n.recommendedSlippage?.slippage&&parseInt(n.recommendedSlippage?.slippage)>e&&o.set(r,n.recommendedSlippage.slippage)}),o.size>0?o:null}s(js,"checkSlippageWarnings");function on(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}s(on,"getMinRequiredSlippage");function Ks(t,e){return e?parseFloat(t)>=parseFloat(e):!0}s(Ks,"hasProperSlippage");function nn(t){let{fromToken:e,toToken:o,inputAmount:n,wallets:r,selectedWallets:i,disabledLiquiditySources:a,liquiditySources:l,excludeLiquiditySources:p,slippage:u,affiliateRef:m,affiliatePercent:c,affiliateWallets:g,initialQuote:y,destination:k}=t,T=i?.reduce((d,C)=>(d[C.chain]=C.address,d),{}),h=[];r?.forEach(d=>{let C=h.find(E=>E.blockchain===d.chain);C?C.addresses.push(d.address):h.push({blockchain:d.chain,addresses:[d.address]})});let x=!!y,f=Nt((y?.result?.swaps||[]).reduce((d,C)=>(d.push(C.from.blockchain,C.to.blockchain),C.internalSwaps&&Array.isArray(C.internalSwaps)&&C.internalSwaps.map(E=>{d.push(E.from.blockchain,E.to.blockchain)}),d),[]));return{amount:n.toString(),affiliateRef:m??void 0,affiliatePercent:c??void 0,affiliateWallets:g??void 0,checkPrerequisites:x,from:{address:e.address,blockchain:e.blockchain,symbol:e.symbol},to:{address:o.address,blockchain:o.blockchain,symbol:o.symbol},connectedWallets:h,selectedWallets:T??{},slippage:u.toString(),...k&&{destination:k},...p&&{swapperGroups:a.concat(l??[]),swappersGroupsExclude:!0},...!p&&{swapperGroups:l?.filter(d=>!a.includes(d)),swappersGroupsExclude:!1},...x&&{blockchains:f}}}s(nn,"createQuoteRequestBody");function Xs(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}s(Xs,"getWalletsForNewSwap");function Lt(t){return t.result?.outputAmount||null}s(Lt,"getQuoteOutputAmount");function st(t,e){return new ke(e).div(new ke(t)).minus(1).multipliedBy(100).toNumber()}s(st,"getPercentageChange");function Ys(t,e){let o=Lt(t),n=Lt(e);if(!o||!n)return!1;let r=st(o,n);return r?r<=-1:!0}s(Ys,"isOutputAmountChangedALot");function Js(t,e){let o=t.validationStatus,n=as(t);return e.sort((i,a)=>n.indexOf(i.chain)-n.indexOf(a.chain)).flatMap(i=>na(i,o)||[]).filter(i=>!i.ok).map(i=>{let a=i.asset.symbol,l=N(new ke(i.currentAmount.amount).shiftedBy(-i.currentAmount.decimals),8,8),p=N(new ke(i.requiredAmount.amount).shiftedBy(-i.requiredAmount.decimals),8,8),u="";return i.reason==="FEE"&&(u=Le.t(" for network fee")),i.reason==="INPUT_ASSET"&&(u=Le.t(" for swap")),i.reason==="FEE_AND_INPUT_ASSET"&&(u=Le.t(" for input and network fee")),Le.t({id:"Needs \u2248 {requiredAmount} {symbol}{reason}, but you have {currentAmount} {symbol} in your {blockchain} wallet.",values:{requiredAmount:p,symbol:a,reason:u,currentAmount:l,blockchain:i.asset.blockchain}})})}s(Js,"getBalanceWarnings");function Zs(t,e){return(t?new ke(t):be).multipliedBy(e||0)}s(Zs,"calcOutputUsdValue");function Jt(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==Jo.NetworkChanged}s(Jt,"isNetworkStatusInWarningState");function Rs(t,e){let o="bellow button or",n=t.extraMessage,r=t.extraMessageDetail;if(t.networkStatusExtraMessageDetail?.includes(o)&&(t.networkStatusExtraMessageDetail=t.networkStatusExtraMessageDetail.replace(o,"")),Jt(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case Jo.WaitingForConnectingWallet:n=n||Le.t("Waiting for connecting wallet");break;case Jo.WaitingForQueue:n=n||Le.t("Waiting for other running tasks to be finished");break;case Jo.WaitingForNetworkChange:n=n||Le.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}}}s(Rs,"getSwapMessages");function ea(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}s(ea,"getLastConvertedTokenInFailedSwap");function ta(t){return t.status==="failed"&&!!t.finishTime&&new Date().getTime()-parseInt(t.finishTime)<4*3600*1e3}s(ta,"shouldRetrySwap");function oa(t,e,o,n,r,i){return t||!e&&!em(n).every(a=>r.map(l=>l.chain).includes(a))||!!e&&!o||!!e&&!!o&&i&&!Xo(i,o)}s(oa,"confirmSwapDisabled");function wr(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}s(wr,"searchParamsToToken");function ia(t){return t?.result?.swaps[t?.result?.swaps.length-1].to.usdPrice}s(ia,"getQuoteToTokenUsdPrice");function vr(t,e){let o=t.result?.swaps||[],n=e.result?.swaps||[];return o.length!==n.length}s(vr,"isNumberOfSwapsChanged");function xr(t,e){let o=t.result?.swaps.map(r=>r.swapperId)||[],n=e.result?.swaps.map(r=>r.swapperId)||[];return!sr(o,n)}s(xr,"isQuoteSwappersUpdated");function br(t,e){let o=t.result?.swaps.map(r=>r.to.symbol)||[],n=e.result?.swaps.map(r=>r.to.symbol)||[];return!sr(o,n)}s(br,"isQuoteInternalCoinsUpdated");function sa(t,e){return vr(t,e)||xr(t,e)||br(t,e)}s(sa,"isQuoteChanged");function na(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}s(na,"getRequiredBalanceOfWallet");function Ye(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}s(Ye,"getPriceImpactLevel");function aa(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],i=rm(t.steps),a={blockchain:r.toBlockchain,symbol:r.toSymbol,address:r.toSymbolAddress},l=Sr(i?i.toBlockchain:n.fromBlockchain,e),p=Sr(r.toBlockchain,e),u=yr(i?{blockchain:l?.name??"",symbol:i.toSymbol,address:i.toSymbolAddress}:{blockchain:l?.name??"",symbol:n.fromSymbol,address:n.fromSymbolAddress},o),m=yr(a,o),c=i?i.outputAmount??"":t.inputAmount;return{fromBlockchain:l,fromToken:u,toBlockchain:p,toToken:m,inputAmount:c}}s(aa,"createRetryQuote");function rn(t,e){let{fromToken:o,toToken:n,tokens:r,userSlippage:i}=e,a=Ct(o,t.requestAmount),l=Ct(n,t.result?.outputAmount??"");if(t.result&&a&&l){let m=st(a.toString(),l.toString());if(en(a,m)){let g=tn(t.result.swaps,r),y=Ye(m);return{type:0,inputUsdValue:a,outputUsdValue:l,priceImpact:m,totalFee:g,warningLevel:y}}}else if(t.result&&(!a||!l))return{type:1};let p=on(t),u=i>ks;if(Ks(e.userSlippage.toString(),p)){if(u&&parseFloat(p??"0")<i)return{type:3,slippage:i.toString()}}else return{type:2,recommendedSlippages:js(t,i),minRequiredSlippage:p};return null}s(rn,"generateQuoteWarnings");function Mt(t,e){let o=typeof e=="string"?parseFloat(e)<=0:!e?.gt(0);return!t||!e||o?null:st(t.toString(),e.toString())}s(Mt,"getPriceImpact");var Ct=s((t,e)=>t?.usdPrice?new at(e||be).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),$=He(im()(sm(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new at(0),outputUsdValue:new at(0),toBlockchain:null,toToken:null,quote:null,quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:"",quoteWarningsConfirmed:!1,setQuote:e=>t(o=>{let n=null,r=be;return Xt(o.inputAmount)?(e&&(n=e.result?.outputAmount?new at(e.result?.outputAmount):null,r=Zs(e.result?.outputAmount,ia(e)||o.toToken?.usdPrice)),{quote:e,...!!e&&{outputAmount:n,outputUsdValue:r}}):{}}),resetQuote:()=>t(()=>({quote:null,outputAmount:null,outputUsdValue:new at(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:Ct(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 at(0),outputUsdValue:new at(0),quote:null},...!!o.fromToken&&{inputUsdValue:Ct(o.fromToken,e)}}))},retry:(e,o)=>{let{tokens:n,blockchains:r}=o,{fromBlockchain:i,fromToken:a,toBlockchain:l,toToken:p,inputAmount:u}=aa(e,r,n);t({fromBlockchain:i,fromToken:a,inputAmount:u,outputAmount:null,inputUsdValue:Ct(a??null,u),outputUsdValue:new at(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:Ct(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})}))));var lm=la("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),pm=la("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 pa(){let t=$.use.switchFromAndTo();return Er.createElement(lm,null,Er.createElement(pm,{onClick:()=>{t()}},Er.createElement(am,{size:12})))}s(pa,"SwitchFromAndToButton");import{Divider as Jm}from"@rango-dev/ui";import ct from"react";import{i18n as Nr}from"@lingui/core";import{Alert as hm,ChevronDownIcon as ym,ChevronRightIcon as Pa,Divider as Br,Image as _a,InfoIcon as Sm,QuoteCost as Cm,StepDetails as km,TokenAmount as Tm,Tooltip as Da,Typography as _t}from"@rango-dev/ui";import B,{useLayoutEffect as wm,useRef as vm,useState as xm}from"react";import{styled as Ar}from"@rango-dev/ui";var Ir=Ar("div",{width:"100%",paddingTop:"$2"}),ua=Ar("div",{paddingBottom:"$15"}),ca=Ar("div",{width:"100%",display:"flex"});import*as an from"@radix-ui/react-collapsible";import{darkTheme as Qe,styled as lt}from"@rango-dev/ui";import*as Pt from"@radix-ui/react-collapsible";import{Button as um,darkTheme as $t,IconButton as cm,keyframes as ma,styled as he,TextField as mm}from"@rango-dev/ui";var Zt=300,dm=ma({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),fm=ma({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),da=he("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),fa=he("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}),ga=he("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"}}}}),ha=he(Pt.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit"}),ya=he("div",{padding:"$20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),Sa=he(cm,{position:"absolute",left:"$20"}),Ca=he("div",{paddingTop:"$20","& .wallets-list":{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}}),ka=he(Pt.Root,{backgroundColor:"$neutral200",borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),Ta=he(um,{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}}),wa=he("div",{padding:"$10 $0","& .button__content":{display:"flex",justifyContent:"center",alignItems:"center"},"& .alarms":{paddingTop:"5px"}}),va=he("div",{transition:`all ${Zt}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),xa=he("div",{display:"flex"}),ba=he(mm,{padding:"$0 $15 $15 $15"}),sn=he(Pt.Content,{overflow:"hidden",variants:{open:{true:{animation:`${dm} ${Zt}ms ease-out`},false:{animation:`${fm} ${Zt}ms ease-out`}}}}),Ea=he("div",{overflow:"visible",width:"100%"});var Wr=300,Aa=lt(an.Root,{display:"flex",flexDirection:"column",alignItems:"start",overflowX:"auto",overflowY:"hidden",width:"100%",borderRadius:"$xm",variants:{recommended:{true:{$$color:"$colors$info300",[`.${Qe} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"},false:{$$color:"$colors$neutral400",[`.${Qe} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}}},"& .steps-details":{padding:"$10 $15"}}),Ia=lt("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",[`.${Qe} &`]:{$$color:"$colors$secondary600"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}},false:{$$color:"$colors$neutral200",[`.${Qe} &`]:{$$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",[`.${Qe} &`]:{$$color:"$colors$secondary700"},backgroundColor:"$$color"}}},{listItem:!0,recommended:!1,css:{"&:hover":{$$color:"$colors$neutral300",[`.${Qe} &`]:{$$color:"$colors$neutral400"},backgroundColor:"$$color"}}}],"& .summary":{width:"100%",padding:"$15 $15 $10 $15"},"& .basic-info":{paddingTop:"$10",display:"flex",alignItems:"center",".usd-value":{$$color:"$colors$neutral600",[`.${Qe} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}}),Wa=lt(an.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:{[`& ${Image}`]:{border:"1px $warning500 solid",borderRadius:"100%"}},false:{[`& ${Image}`]:{border:"1px transparent solid",borderRadius:"100%"}}},recommended:{true:{$$color:"$colors$info300",[`.${Qe} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"},false:{$$color:"$colors$neutral400",[`.${Qe} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}}},"& div:nth-child(1)":{display:"flex"}}),Na=lt(sn,{width:"100%"}),ln=lt("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$2",transition:`all ${Wr}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),HT=lt("div",{height:"$12",marginLeft:"$10",marginRight:"$10",borderLeft:"1px solid $foreground"}),Ba=lt("div",{display:"flex",justifyContent:"center",margin:"0 $15",borderTop:"1px solid",$$color:"$colors$neutral300",[`.${Qe} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color"}),La=lt("div",{width:"$16",height:"$16",justifyContent:"center",alignItems:"center",display:"flex"});import{TokenAmount as $a}from"@rango-dev/ui";import pn from"react";import{styled as gm}from"@rango-dev/ui";var Ma=gm("div",{position:"relative",display:"flex",flexDirection:"column",width:"100%","& .separator":{height:"14px",marginLeft:"14px",position:"absolute",borderLeft:"1px solid $foreground",top:"42%"}});function Rt(t){let{from:e,to:o,percentageChange:n,warningLevel:r}=t;return pn.createElement(Ma,null,pn.createElement($a,{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}}),pn.createElement("div",{className:"separator"}),pn.createElement($a,{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}))}s(Rt,"QuoteSummary");function Lr(t){let{quote:e,input:o,output:n,error:r,warning:i,type:a,recommended:l=!0}=t,p=v().tokens(),[u,m]=xm(t.expanded),c=vm(null),g=N(tn(e.result?.swaps??[],p),2,2),y=Io(Wo(e.result?.swaps)),k=Mt(o.usdValue,n.usdValue??null),T=N(String(k),2,2),h=Ye(k??0),f=s(d=>d.map((C,E)=>{let P,I=r?.type===3&&r.swap.swapperId===C.swapperId||i?.type===2&&i.recommendedSlippages?.has(E),_=i?.type===2&&i.recommendedSlippages?.has(E);return I?P="error":_&&(P="warning"),{swapper:{displayName:C.swapperId,image:C.swapperLogo},from:{token:{displayName:C.from.symbol,image:C.from.logo},chain:{displayName:C.from.blockchain,image:C.from.blockchainLogo},price:{value:E===0?N(o.value,6,6):C.fromAmount}},to:{token:{displayName:C.to.symbol,image:C.to.logo},chain:{displayName:C.to.blockchain,image:C.to.blockchainLogo},price:{value:C.toAmount}},state:P,alerts:I||_?B.createElement(ua,null,B.createElement(hm,{type:I?"error":"warning",title:r?.type===3?r?.recommendation:Nr.t("Slippage Error:"),footer:B.createElement(ca,null,r?.type===3&&B.createElement(B.Fragment,null,B.createElement(_t,{size:"xsmall",variant:"body",color:"neutral900"},r.fromAmountRangeError),B.createElement(Br,{direction:"horizontal",size:8}),B.createElement(_t,{size:"xsmall",variant:"body",color:"neutral900"},"|"),B.createElement(Br,{direction:"horizontal",size:8}),B.createElement(_t,{size:"xsmall",variant:"body",color:"neutral900"},Nr.t({id:"Yours: {amount} {symbol}",values:{amount:N(C.fromAmount,6,6),symbol:C?.from.symbol}}))),(r?.type===4||i?.type===2)&&B.createElement(_t,{size:"xsmall",variant:"body",color:"neutral900"},Nr.t({id:"min required Slippage: {minRequiredSlippage}",values:{...r?.type===4&&{minRequiredSlippage:r.recommendedSlippages?.get(E)},...i?.type===2&&{minRequiredSlippage:i.recommendedSlippages?.get(E)}}})))})):void 0}}),"getQuoteSteps")(e.result?.swaps??[]),w=f.length;return wm(()=>{u&&c.current&&setTimeout(()=>{c?.current?.scrollIntoView({behavior:"smooth"})},Wr)},[u]),B.createElement(B.Fragment,null,B.createElement(Ia,{recommended:l,listItem:a==="list-item",basic:a==="basic"},B.createElement("div",{className:"summary"},B.createElement(Cm,{fee:g,time:y,steps:w}),a==="basic"&&B.createElement("div",{className:"basic-info"},B.createElement(La,null,B.createElement(Sm,{size:12,color:"gray"})),B.createElement(_t,{size:"small",variant:"body",style:{letterSpacing:.4}},`${o.value} ${f[0].from.token.displayName} = ${n.value} ${f[f.length-1].to.token.displayName}`),B.createElement(_t,{color:"$neutral600",ml:2,size:"xsmall",variant:"body"},`($${n.usdValue})`)),a==="list-item"&&B.createElement(Tm,{type:"output",direction:"vertical",price:{value:n.value,usdValue:n.usdValue},token:{displayName:f[w-1].to.token.displayName,image:f[w-1].to.token.image},chain:{image:f[w-1].to.chain.image},percentageChange:T,warningLevel:h}),a==="swap-preview"&&B.createElement(B.Fragment,null,B.createElement(Rt,{from:f[0].from,to:f[w-1].to,percentageChange:T,warningLevel:h}),B.createElement(Br,{size:4}))),B.createElement(Aa,{recommended:l,open:u,onOpenChange:m},B.createElement(Wa,{ref:d=>c.current=d,recommended:l,onClick:m.bind(null,d=>!d)},B.createElement("div",null,f.map((d,C)=>{let E=`item-${C}`;return B.createElement(B.Fragment,{key:E},B.createElement(Da,{container:t.tooltipContainer,side:"bottom",sideOffset:4,content:d.from.chain.displayName},B.createElement(_a,{src:d.from.chain.image,size:16})),C===w-1&&B.createElement(B.Fragment,null,B.createElement(ln,null,B.createElement(Pa,{size:12,color:"black"})),B.createElement(Da,{container:t.tooltipContainer,side:"bottom",sideOffset:4,content:d.to.chain.displayName},B.createElement(_a,{src:d.to.chain.image,size:16}))),C!==w-1&&B.createElement(ln,null,B.createElement(Pa,{size:12,color:"black"})))})),B.createElement(ln,{orientation:u?"up":"down"},B.createElement(ym,{size:12,color:"black"}))),B.createElement(Na,{open:u},B.createElement(Ba,null),B.createElement("div",{className:"steps-details"},f.map((d,C)=>{let E=`item-${C}`;return B.createElement(km,{type:"quote-details",key:E,step:d,hasSeparator:C!==f.length-1,state:d.state})}))))))}s(Lr,"Quote");import{ChainToken as un,Divider as Me,NextIcon as Em,Skeleton as ye}from"@rango-dev/ui";import A from"react";import{darkTheme as bm,styled as Fa}from"@rango-dev/ui";var Oa=Fa("div",{$$color:"$colors$neutral100",[`.${bm} &`]:{$$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"}}),Ua=Fa("div",{borderLeft:"1px dashed black",minHeight:" 64px",margin:"0px 11.5px",alignSelf:"stretch",variants:{hideSeparator:{true:{minHeight:"unset",height:"0"}}}});function Mr(t){let{separator:e=!0}=t;return A.createElement(A.Fragment,null,A.createElement("div",{className:"step__title"},A.createElement(ye,{height:22,width:22,variant:"circular"}),A.createElement(Me,{direction:"horizontal",size:8}),A.createElement(ye,{height:15,width:148,variant:"rounded"})),A.createElement("div",{className:"step__content"},A.createElement(Ua,{hideSeparator:!e}),A.createElement("div",{className:"step__tokens"},A.createElement("div",{className:"step__token-info"},A.createElement(un,{size:"small",loading:!0,chainImage:"",tokenImage:""}),A.createElement(Me,{direction:"horizontal",size:8}),A.createElement(ye,{height:12,width:76,variant:"rounded"})),A.createElement("div",{className:"step__icon-container"},A.createElement(Em,{color:"gray",size:16})),A.createElement("div",{className:"step__token-info"},A.createElement(un,{size:"small",loading:!0,chainImage:"",tokenImage:""}),A.createElement(Me,{direction:"horizontal",size:8}),A.createElement(ye,{height:12,width:76,variant:"rounded"})))))}s(Mr,"StepSkeleton");function $r(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(un,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),A.createElement(Me,{size:8,direction:"horizontal"}),A.createElement("div",{className:"token-amount__label"},A.createElement(ye,{height:10,width:60,variant:"rounded"}),A.createElement(Me,{size:4}),A.createElement(ye,{height:15,width:148,variant:"rounded"}))),A.createElement(ye,{height:12,width:64,variant:"rounded"}));return A.createElement(Oa,null,A.createElement("div",{className:"cost-and-tag"},A.createElement("div",{className:"cost"},A.createElement(ye,{width:60,height:10,variant:"rounded"}),A.createElement(Me,{size:4,direction:"horizontal"}),A.createElement(ye,{width:60,height:10,variant:"rounded"}),A.createElement(Me,{size:4,direction:"horizontal"}),A.createElement(ye,{width:60,height:10,variant:"rounded"})),n&&A.createElement(ye,{height:22,width:100,variant:"rounded"})),e==="basic"&&A.createElement("div",{className:"basic-summary"},A.createElement(ye,{height:15,width:148,variant:"rounded"})),e==="list-item"&&A.createElement("div",{className:"output"},A.createElement("div",{className:"output__token-info"},A.createElement(un,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),A.createElement(Me,{direction:"horizontal",size:4}),A.createElement(ye,{height:15,width:150,variant:"rounded"})),A.createElement(Me,{size:4}),A.createElement(ye,{height:10,width:184,variant:"rounded"})),e==="swap-preview"&&A.createElement(A.Fragment,null,A.createElement(Me,{size:4}),A.createElement("div",{className:"swap-preview"},r,A.createElement("div",{className:"quote-summary__separator"}),r)),A.createElement("div",{className:"chains"},A.createElement(ye,{height:15,width:321,variant:"rounded"})),o&&A.createElement("div",{className:"steps"},A.createElement(Me,{size:20}),A.createElement(Mr,null),A.createElement(Mr,null),A.createElement(Mr,{separator:!1})))}s($r,"QuoteSkeleton");import{i18n as Vm}from"@lingui/core";import{Alert as jm,Button as Km,InfoIcon as Xm}from"@rango-dev/ui";import Ee from"react";import{useNavigate as Ym}from"react-router-dom";import{Alert as Am,Button as Im,Divider as Va,NoRouteIcon as Wm,RefreshIcon as Nm,Typography as ja}from"@rango-dev/ui";import $e from"react";import{i18n as za}from"@lingui/core";function qa(t,e,o,n){return t?.type===1?{alert:{type:"warning",text:q().genericServerError,action:{onClick:n,title:za.t("Retry")}},description:""}:t?.type===0&&t.diagnosisMessage?{alert:{type:"error",text:t.diagnosisMessage,action:null},description:""}:e.length?{alert:{type:"warning",text:q().liquiditySourcesError.title,action:{onClick:()=>o(!0),title:za.t("Reset")}},description:q().liquiditySourcesError.description}:{alert:null,description:q().noResultError.description}}s(qa,"makeInfo");import{styled as Pr}from"@rango-dev/ui";var Ga=Pr("div",{minHeight:"162px",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"}),Ha=Pr("div",{width:"100%"}),Qa=Pr("div",{padding:"$6 $0"});function _r(t){let{fetch:e,error:o}=t,n=D.use.disabledLiquiditySources(),r=D.use.toggleAllLiquiditySources(),i=v().swappers(),a=qa(o,n,()=>r(i,!0),e);return $e.createElement(Ga,null,$e.createElement(Wm,{size:24,color:"gray"}),$e.createElement(Va,{size:4}),$e.createElement(ja,{variant:"title",size:"small"},q().noResultError.title),!!a.description&&$e.createElement(ja,{variant:"body",size:"small",align:"center",color:"neutral700"},a.description),$e.createElement(Va,{size:4}),!!a.alert&&$e.createElement(Ha,null,$e.createElement(Am,{type:a.alert.type,title:a.alert.text,action:a.alert.action&&$e.createElement(Im,{size:"xsmall",type:a.alert.type,prefix:$e.createElement(Qa,null,$e.createElement(Nm,{size:8})),onClick:a.alert.action.onClick},a.alert.action.title),variant:"alarm"})))}s(_r,"NoResult");import{i18n as oo}from"@lingui/core";import{Button as Lm,Divider as Ra,MessageBox as Mm,Modal as $m,Typography as Pm,WarningIcon as _m}from"@rango-dev/ui";import Ve from"react";import{Typography as Ja}from"@rango-dev/ui";import Fr from"react";import{darkTheme as Bm,styled as cn}from"@rango-dev/ui";var Ka=cn("div",{width:"100%",paddingTop:"$10"}),Dr=cn("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),Xa=cn("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%","._title":{$$color:"$colors$neutral600",[`.${Bm} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Ya=cn("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});function Za(t){let{title:e,value:o,valueColor:n}=t;return Fr.createElement(Xa,null,Fr.createElement(Ja,{size:"medium",variant:"label",className:"_title"},e),Fr.createElement(Ja,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}s(Za,"QuoteErrorsModalItem");function el(t){let{open:e,onClose:o,onConfirm:n,warning:r}=t,i=r.warningLevel==="high"?"error":"warning",a=[{title:oo.t("Swapping"),value:N(r.inputUsdValue,4,4)},{title:oo.t("Gas cost"),value:N(r.totalFee,2,2)},{title:oo.t("Receiving"),value:N(r.outputUsdValue,4,4)},{title:oo.t("Price impact"),value:N(r.priceImpact,2,2),valueColor:`${i}500`}];return Ve.createElement($m,{open:e,onClose:o,container:ee()},Ve.createElement(Mm,{type:i,title:q().highValueLossError.impactTitle,description:q().highValueLossError.description}),Ve.createElement(Dr,null,Ve.createElement(Ra,{size:20}),Ve.createElement(Pm,{size:"small",variant:"title"},oo.t("Details")),Ve.createElement(Dr,null,a.map((l,p)=>Ve.createElement(Za,{key:p,...l})))),Ve.createElement(Ra,{size:32}),Ve.createElement(Lm,{type:"primary",size:"large",prefix:Ve.createElement(_m,null),fullWidth:!0,onClick:n},q().highValueLossError.confirmMessage))}s(el,"HighValueLossWarningModal");import{i18n as tl}from"@lingui/core";function ol(t,e){let o={alertType:"warning",title:"",action:"show-info"};return t?(t.type===0&&(Ye(t.priceImpact)==="high"&&(o.alertType="error"),o.title=q().highValueLossError.title),t.type===1&&(o.title=q().unknownPriceError.title),t.type===2&&(o.title=tl.t({id:"minimum required slippage for this route: {minRequiredSlippage}",values:{minRequiredSlippage:t.minRequiredSlippage}})),t.type===3&&(o.title=tl.t("Caution, your slippage is high")),o):e?(o.alertType="error",e.type===3&&(o.title=e.recommendation,o.action=null),e.type===4&&(o.title="",o.action="change-settings"),o):null}s(ol,"makeAlerts");import{i18n as Dt}from"@lingui/core";import{Button as nl,Divider as rl,MessageBox as Dm,Modal as Fm,Typography as Om}from"@rango-dev/ui";import kt from"react";import{useNavigate as Um}from"react-router-dom";function il(t){let{customSlippage:e,slippage:o}=D(),{open:n,onClose:r,onConfirm:i,warning:a}=t,l=Um(),p=e??o;return kt.createElement(Fm,{anchor:"bottom",open:n,prefix:kt.createElement(nl,{size:"small",variant:"ghost",onClick:()=>l("/"+S.settings)},kt.createElement(Om,{variant:"label",size:"medium",color:"$neutral900"},Dt.t("Change settings"))),container:ee(),onClose:r},kt.createElement(Dm,{type:"warning",title:a.type===3?Dt.t("High slippage"):Dt.t("Low slippage"),description:a.type===3?Dt.t({id:" Caution, your slippage is high (={userSlippage}). Your trade may be front run.",values:{userSlippage:p}}):Dt.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:a.minRequiredSlippage}})},kt.createElement(rl,{size:18}),kt.createElement(rl,{size:32}),kt.createElement(nl,{size:"large",type:"primary",variant:"contained",fullWidth:!0,onClick:i},Dt.t("Confirm anyway"))))}s(il,"SlippageWarningModal");import{Button as zm,Divider as qm,MessageBox as Gm,Modal as Hm,WarningIcon as Qm}from"@rango-dev/ui";import no from"react";function sl(t){let{open:e,onClose:o,onConfirm:n}=t;return no.createElement(Hm,{open:e,onClose:o,container:ee()},no.createElement(Gm,{type:"warning",title:q().unknownPriceError.impactTitle,description:q().unknownPriceError.description}),no.createElement(qm,{size:32}),no.createElement(zm,{type:"primary",size:"large",prefix:no.createElement(Qm,null),fullWidth:!0,onClick:n},q().unknownPriceError.confirmMessage))}s(sl,"UnknownPriceWarningModal");function Or(t){let{warning:e,error:o,refetchQuote:n,showWarningModal:r,onOpenWarningModal:i,onCloseWarningModal:a,onConfirmWarningModal:l}=t,p=Ym(),u={open:r,onClose:a,onConfirm:l},m=o?.type===0||o?.type===1,c=ol(e,o?.type===3||o?.type===4?o:null);return Ee.createElement(Ee.Fragment,null,m&&Ee.createElement(_r,{error:o,fetch:n}),!!c&&Ee.createElement(Ka,null,Ee.createElement(jm,{title:c.title,type:c.alertType,variant:"alarm",action:c.action==="show-info"?Ee.createElement(Ya,{onClick:i},Ee.createElement(Xm,{size:12,color:"gray"})):Ee.createElement(Km,{size:"xsmall",type:"error",onClick:()=>p(S.settings)},Vm.t("Change Settings"))})),e&&Ee.createElement(Ee.Fragment,null,e.type===0&&Ee.createElement(el,{...u,warning:e}),(e.type===3||e.type===2)&&Ee.createElement(il,{...u,warning:e}),e.type===1&&Ee.createElement(sl,{...u,warning:e})))}s(Or,"QuoteWarningsAndErrors");function ro(t){let{quote:e,type:o,loading:n,error:r,warning:i,refetchQuote:a,showWarningModal:l,onOpenWarningModal:p,onCloseWarningModal:u,onConfirmWarningModal:m,expanded:c=!1}=t,{inputAmount:g,inputUsdValue:y,outputUsdValue:k,outputAmount:T}=$(),h=e&&e.result&&!n;return ct.createElement(ct.Fragment,null,n&&ct.createElement(Ir,null,ct.createElement($r,{type:o,expanded:c})),h?ct.createElement(Ir,null,ct.createElement(Lr,{quote:e,error:r,warning:i,type:o,expanded:c,recommended:!0,input:{value:N(g,6,6),usdValue:N(y,4,4)},output:{value:N(T,6,6),usdValue:N(k,4,4)}})):null,!i&&!r&&ct.createElement(Jm,{size:16}),(i||r)&&ct.createElement(Or,{warning:i,error:r,loading:n,refetchQuote:a,showWarningModal:l,onOpenWarningModal:p,onCloseWarningModal:u,onConfirmWarningModal:m}))}s(ro,"QuoteInfo");import{useEffect as ll,useRef as td,useState as Ur}from"react";function mn(t){if(!t.result)throw new Error(q().noResultError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});if(Yt(t)){let{swap:n,recommendation:r,fromAmountRangeError:i}=Cr(t);throw new Error("bridge limit error",{cause:{type:3,swap:n,recommendation:r,fromAmountRangeError:i}})}let o=Tr(t);if(o){let n=on(t);throw new Error("",{cause:{type:4,recommendedSlippages:o,minRequiredSlippage:n}})}return t}s(mn,"throwErrorIfResponseIsNotValid");function al(t,e,o){let n=sa(t,e),r={quote:null,quoteUpdate:null,balance:null},i=rn(e,{fromToken:o.fromToken,toToken:o.toToken,tokens:o.tokens,userSlippage:o.userSlippage});i&&(r.quote=i),n&&(Ys(t,e)?r.quoteUpdate={type:3,newOutputAmount:N(Lt(e)),percentageChange:N(st(Lt(t)??"",Lt(e)??""),null,2)}:vr(t,e)?r.quoteUpdate={type:0}:xr(t,e)?r.quoteUpdate={type:1}:br(t,e)&&(r.quoteUpdate={type:2}));let a=Js(e,o.selectedWallets);return a.length===0||(r.balance={messages:a}),r}s(al,"generateWarnings");function dn(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}}s(dn,"handleQuoteErrors");import{useRef as Rm,useState as ed}from"react";function fn(){let[t,e]=ed(!1),o=Rm(null),n=s(()=>o.current?.abort(),"cancel");return{fetch:s(async i=>{n(),o.current=new AbortController,e(!0);try{let a=await It().getBestRoute(i,{signal:o.current.signal});return o.current=null,a}catch(a){throw a}finally{e(!1)}},"fetch"),loading:t,cancelFetch:n}}s(fn,"useFetchQuote");var od=600;function pl(){let{fetch:t,cancelFetch:e}=fn(),{liquiditySources:o,enableNewLiquiditySources:n}=v().config,r=v().tokens(),{fromToken:i,toToken:a,inputAmount:l,inputUsdValue:p,resetQuote:u,setQuote:m}=$(),{slippage:c,customSlippage:g,affiliatePercent:y,affiliateRef:k,affiliateWallets:T,disabledLiquiditySources:h}=D(),[x,f]=Ur(!1),[w,d]=Ur(null),[C,E]=Ur(null),P=td(h),I=g??c,L=!i||!a||Ae(i,a)||!Xt(l),Q=s(F=>{f(F),d(null),E(null)},"resetState"),b=s(()=>{if(x||Q(!0),!L){u();let F=nn({fromToken:i,toToken:a,inputAmount:l,liquiditySources:o,excludeLiquiditySources:n,disabledLiquiditySources:h,slippage:I,affiliateRef:k,affiliatePercent:y,affiliateWallets:T});t(F).then(O=>{f(!1),m(O),mn(O);let ne=rn(O,{fromToken:i,toToken:a,userSlippage:I,tokens:r});E(ne)}).catch(O=>{let{error:ne}=dn(O);(ne?.type===0||ne?.type===1)&&u(),ne?.type!==2&&(d(ne),f(!1))})}},"fetch"),z=hs(()=>{L||b()},od);return ll(()=>{if(!Xt(l)||p?.eq(0)){Q(!1),e();return}if(!L)return u(),Q(!0),z(),e},[l,L]),ll(()=>{let F=!!P.current.length&&!h.length;return!L&&F&&b(),P.current=h,e},[h.length]),{fetch:b,loading:x,error:w,warning:C}}s(pl,"useSwapInput");var pd=qr("div",{display:"flex",flexDirection:"column",overflowY:"visible"}),ud=qr("div",{position:"relative"}),cd=qr("div",{display:"flex",flexDirection:"column",gap:5,alignSelf:"stretch"});function gn(){let t=ld(),{fetch:e,loading:o,error:n,warning:r}=pl(),{fromToken:i,fromBlockchain:a,toToken:l,toBlockchain:p,setInputAmount:u,inputAmount:m,inputUsdValue:c,outputAmount:g,outputUsdValue:y,quote:k,resetQuoteWallets:T,setQuoteWarningsConfirmed:h}=$(),x=v().fetchStatus,f=H.use.connectedWallets(),w=Ce.use.setCurrentPage(),[d,C]=ad(!1),E=sd(null),P=!1,I=Qs(c,y),_=en(c,I),L=!kr(k,m,c),Q=!kr(k,m,y),b=Vs(x,f,o,k,Yt(k),_,L||Q,P,m),z=a&&i?N(Wt(f,a?.name,i?.symbol,i?.address)?.amount||"0",8,8):"0",F=a&&i?N(Wt(f,a?.name,i?.symbol,i?.address)?.amount||"0",Wt(f,a?.name,i?.symbol,i?.address)?.decimal):"0";id(()=>(w(S.home),T(),w.bind(null,"")),[]);let O=!c||!y||!y.gt(0)?null:st(c.toString(),y.toString());return De.createElement(K,{ref:E,fixedHeight:!1,hasLogo:!0,footer:De.createElement(nd,{type:"primary",size:"large",disabled:b.disabled,prefix:!b.disabled&&b.hasWarning&&De.createElement(rd,null),fullWidth:!0,onClick:()=>{b.state==="waitForConnecting"?t(S.wallets):r?C(!0):t(S.confirmSwap)}},b.title),header:{hasConnectWallet:!0,title:zr.t("Swap"),suffix:De.createElement(fr,{layoutRef:E.current,onClickRefresh:k||n?e:void 0,onClickHistory:()=>t(S.swaps),onClickSettings:()=>t(S.settings)})}},De.createElement(pd,null,De.createElement(cd,null,De.createElement(ud,null,De.createElement(ul,{label:zr.t("From"),mode:"From",onInputChange:u,balance:z,chain:{displayName:a?.displayName||"",image:a?.logo||""},token:{displayName:i?.symbol||"",image:i?.image||""},onClickToken:()=>t("from-swap"),price:{value:m,usdValue:L?void 0:N(c,4,4),error:L?q().unknownPriceError.impactTitle:void 0},disabled:x==="failed",loading:x==="loading",onSelectMaxBalance:()=>{z!=="0"&&u(F.split(",").join(""))}}),De.createElement(pa,null)),De.createElement(ul,{sharpBottomStyle:!!k?.result||o,label:zr.t("To"),mode:"To",chain:{displayName:p?.displayName||"",image:p?.logo||""},token:{displayName:l?.symbol||"",image:l?.image||""},percentageChange:N(Mt(c,y),2,2),warningLevel:Ye(O??0),price:{value:N(g,6,6),usdValue:Q?void 0:N(y,4,4),error:Q?q().unknownPriceError.impactTitle:void 0},onClickToken:()=>t("to-swap"),disabled:x==="failed",loading:x==="loading"})),De.createElement(ro,{quote:k,loading:o,error:n,warning:r,type:"basic",refetchQuote:e,showWarningModal:d,onOpenWarningModal:()=>C(!0),onCloseWarningModal:()=>C(!1),onConfirmWarningModal:()=>{C(!1),h(!0),t(S.confirmSwap)}})))}s(gn,"Home");import{useEffect as Gr,useRef as Hr}from"react";import{createSearchParams as md,useLocation as dd,useSearchParams as fd}from"react-router-dom";import{useEffect as Ft,useMemo as hn,useRef as yn}from"react";function cl(){let{setInputAmount:t,setToToken:e,setToBlockchain:o,setFromBlockchain:n,setFromToken:r,fromToken:i,toToken:a,fromBlockchain:l,toBlockchain:p}=$(),u=v().config,m=v().fetchStatus,c=v().blockchains(),g=v().tokens(),{setAffiliateRef:y,setAffiliatePercent:k,setAffiliateWallets:T}=D(),h=hn(()=>u?.from?.tokens,[u?.from?.tokens]),x=hn(()=>u?.from?.blockchains,[u?.from?.blockchains]),f=hn(()=>u?.to?.tokens,[u?.to?.tokens]),w=hn(()=>u?.to?.blockchains,[u?.to?.blockchains]),d=yn(void 0),C=yn(void 0),E=yn(void 0),P=yn(void 0);Ft(()=>{t(u?.amount?.toString()||"")},[u?.amount]),Ft(()=>{if(m==="success"){let I=c.find(L=>L.name===u?.from?.blockchain),_=g.find(L=>Ae(L,u?.from?.token||null));(I||!I&&E.current)&&n(I??null),_?r({token:_,meta:{blockchains:c,tokens:g}}):!_&&d.current&&r({token:null}),E.current=u?.from?.blockchain,d.current=u?.from?.token}},[u?.from?.token?.symbol,u?.from?.token?.address,u?.from?.token?.blockchain,u?.from?.blockchain,m]),Ft(()=>{i&&h&&(h.some(I=>Ae(I,i))||r({token:null})),l&&x&&(x.includes(l.name)||n(null))},[h,x]),Ft(()=>{a&&f&&(f.some(I=>Ae(I,a))||e({token:null})),p&&w&&(w.includes(p.name)||o(null))},[f,w]),Ft(()=>{if(m==="success"){let I=c.find(L=>L.name===u?.to?.blockchain),_=g.find(L=>Ae(L,u?.to?.token||null));(I||!I&&P.current)&&o(I??null),_?e({token:_,meta:{blockchains:c,tokens:g}}):!_&&C.current&&e({token:null}),P.current=u?.to?.blockchain,C.current=u?.to?.token}},[u?.to?.token?.symbol,u?.to?.token?.address,u?.to?.token?.blockchain,u?.to?.blockchain,m]),Ft(()=>{y(u?.affiliate?.ref??null),k(u?.affiliate?.percent??null),T(u?.affiliate?.wallets??null)},[u?.affiliate?.ref,u?.affiliate?.percent,u?.affiliate?.wallets])}s(cl,"useSyncStoresWithConfig");function ml(){let t=Hr(!0),[e,o]=fd(),n=dd(),r=Hr(n.search),i=Hr({}),a=$.use.fromBlockchain(),l=$.use.toBlockchain(),p=$.use.fromToken(),u=$.use.toToken(),m=$.use.setFromBlockchain(),c=$.use.setFromToken(),g=$.use.setToBlockchain(),y=$.use.setToToken(),k=$.use.inputAmount(),T=$.use.setInputAmount(),h=v().fetchStatus,x=v().blockchains(),f=v().tokens(),w=Ce.use.setSelectedSwap();return cl(),Gr(()=>{let d={};md(r.current).forEach((E,P)=>{d[P]=E}),i.current=d;let C=n.pathname.split(S.swaps+"/")[1]||null;C&&w(C)},[]),Gr(()=>{if(!t.current){let d="",C="",E="",P="",I="",_=i.current["autoConnect"];if(h!=="success")d=i.current["fromBlockchain"],C=i.current["fromToken"],E=i.current["toBlockchain"],P=i.current["toToken"],I=i.current["fromAmount"]||k;else{if(n.state==="redirect")return;d=a?.name||"",C=(p?.symbol||"")+(p?.address?`--${p?.address}`:""),E=l?.name||"",P=(u?.symbol||"")+(u?.address?`--${u?.address}`:""),I=k}o({...d&&{["fromBlockchain"]:d},...C&&{["fromToken"]:C},...E&&{["toBlockchain"]:E},...P&&{["toToken"]:P},...I&&{["fromAmount"]:I.toString()},..._&&{["autoConnect"]:_}},{replace:!0})}t.current=!1},[n.pathname,k,a,p,l,u]),Gr(()=>{if(h==="success"){let d=e.get("fromBlockchain"),C=e.get("fromToken"),E=e.get("toBlockchain"),P=e.get("toToken"),I=e.get("fromAmount"),_=x.find(z=>z.name===d),L=wr(f,C,_||null),Q=x.find(z=>z.name===E),b=wr(f,P,Q||null);_&&(m(_),L&&c({token:L,meta:{blockchains:x,tokens:f}})),Q&&(g(Q),b&&y({token:b,meta:{blockchains:x,tokens:f}})),I&&T(I)}},[h]),null}s(ml,"UpdateUrl");function xd(t){let e=wd(),o=vd(),n=Cd(!0),r=e.pathname.split("/"),a=r[r.length-1]===S.confirmSwap&&n.current;return Sd(()=>{a&&o("."),n.current=!1},[]),a?Tt.createElement(gn,null):Tt.createElement(Tt.Fragment,null," ",t.children)}s(xd,"Route");function dl({children:t,...e}){let o=Td(),n=o?xd:kd,r=v().blockchains(),{canSwitchNetworkTo:i}=hd();Is();let a=r.filter(yd);return gd({lastConnectedWallet:e.lastConnectedWallet,clearDisconnectedWallet:e.clearDisconnectedWallet,disconnectedWallet:e.disconnectedWallet,evmChains:a,canSwitchNetworkTo:i}),Tt.createElement(Tt.Fragment,null,Tt.createElement(n,null,t),o&&Tt.createElement(ml,null))}s(dl,"AppRouter");import xe from"react";import{useRoutes as Ph}from"react-router-dom";import{i18n as bn}from"@lingui/core";import{useManager as pf}from"@rango-dev/queue-manager-react";import{Alert as $l,Button as Pl,Divider as _l,IconButton as Dl,RefreshIcon as uf,SettingsIcon as cf,styled as Fl,Tooltip as mf,Typography as df,WalletIcon as ff}from"@rango-dev/ui";import Y,{useEffect as En,useState as An}from"react";import{flushSync as gf}from"react-dom";import{useNavigate as hf}from"react-router-dom";import{i18n as Je}from"@lingui/core";import{Alert as Jr,BalanceErrors as Yd,Button as Bl,ChevronDownIcon as Jd,ChevronLeftIcon as Zd,Divider as Ut,MessageBox as Rd,Modal as Ll,Typography as xn,WalletIcon as ef}from"@rango-dev/ui";import W,{useEffect as tf,useLayoutEffect as of,useRef as nf,useState as xt}from"react";import{useNavigate as rf}from"react-router-dom";import{i18n as Sn}from"@lingui/core";function Cn(t){switch(t.type){case 0:return Sn.t("Route has been updated.");case 3:return Sn.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return Sn.t("Route swappers has been updated.");case 2:return Sn.t("Route internal coins has been updated.");default:return""}}s(Cn,"getQuoteUpdateWarningMessage");import{i18n as Fe}from"@lingui/core";import{Button as jd,Divider as Xr,Image as Kd,MessageBox as vn,Modal as El,SelectableWallet as Xd,Typography as Al,WalletState as Il}from"@rango-dev/ui";import oe,{useEffect as Wl,useState as so}from"react";import{WalletState as fl}from"@rango-dev/ui";import{useWallets as bd}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as Ed,WalletTypes as Ad}from"@rango-dev/wallets-shared";import{useEffect as Id,useState as Wd}from"react";var Nd=Object.values(Ad);function kn(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:i,disconnect:a,getWalletInfo:l,connect:p}=bd(),{connectedWallets:u}=H(),m=v().blockchains(),c=ds(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||Nd,g=is(i,l,c,o),y=cs(g),[k,T]=Wd(""),h=s(d=>!u.find(C=>C.walletType===d&&C.chain===o),"isExperimentalChainNotAdded"),x=s(async d=>{let C=i(d);try{if(k&&T(""),C.connected)await a(d);else{let E=!!g.find(P=>P.state===fl.CONNECTED);if(!e?.multiWallets&&E)return;n?.(d),await p(d),r?.(d)}}catch(E){T("Error: "+E?.message)}},"handleClick"),f=s(()=>{let d=g?.filter(C=>C.state===fl.CONNECTING)||[];for(let C of d)a(C.type)},"disconnectConnectingWallets");Id(()=>()=>{f()},[]);let w=s((d,C,E)=>$o(E,C)&&h(d)&&!Ed.includes(d),"shouldExcludeWallet");return{list:y.filter(d=>!w(d.type,o??"",m)),error:k,handleClick:x}}s(kn,"useWalletList");import{i18n as Cl}from"@lingui/core";import{styled as Tl,Typography as Od,Wallet as Ud,WalletState as zd}from"@rango-dev/ui";import vt,{Fragment as qd,useState as kl}from"react";import{Divider as Pd,Modal as _d}from"@rango-dev/ui";import Vr from"react";import{i18n as Ot}from"@lingui/core";import{Image as Md,MessageBox as Qr,WalletState as $d}from"@rango-dev/ui";import wt from"react";import{keyframes as Bd,styled as Tn}from"@rango-dev/ui";var qb=Tn("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),gl=Tn("div",{position:"relative"}),Ld=Bd({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),hl=Tn("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Ld} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),yl=Tn("div",{"& img":{borderRadius:"50%"}});function Sl(t){let{state:e,image:o,error:n}=t;return e===$d.CONNECTED?wt.createElement(Qr,{type:"success",title:Ot.t("Wallet Connected"),description:Ot.t("Your wallet is connected, you can use it to swap.")}):n?wt.createElement(Qr,{type:"error",title:Ot.t("Failed to Connect"),description:n||Ot.t("Your wallet is not connected. Please try again.")}):wt.createElement(Qr,{type:"loading",title:Ot.t("Connecting to your wallet"),description:Ot.t("Click connect in your wallet popup."),icon:wt.createElement(gl,null,wt.createElement(yl,null,wt.createElement(Md,{src:o,size:45})),wt.createElement(hl,null))})}s(Sl,"ModalContent");function io(t){let{open:e,onClose:o,...n}=t;return Vr.createElement(_d,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},Vr.createElement(Sl,{...n}),Vr.createElement(Pd,{direction:"vertical",size:32}))}s(io,"WalletModal");import{useInRouterContext as Dd,useNavigate as Fd}from"react-router-dom";function re(){let t=Dd(),e=Fd(),o=$.use.quoteWalletsConfirmed();return S,{navigateBackFrom:s(r=>{if(r===S.swapDetails)return e("/"+S.swaps,{replace:!0});if(!t||window.history.state&&window.history.state.idx>0)e(-1);else{if([S.settings,S.wallets].includes(r)&&o)return e("/"+S.confirmSwap,{replace:!0});[S.fromSwap,S.toSwap,S.settings,S.wallets,S.swaps,S.confirmSwap].includes(r)?e(S.home,{replace:!0}):r===S.fromBlockchain?e("/"+S.fromSwap,{replace:!0}):r===S.toBlockchain?e("/"+S.fromSwap,{replace:!0}):r===S.liquiditySources&&e("/"+S.settings,{replace:!0})}},"navigateBackFrom")}}s(re,"useNavigateBack");var Gd=Tl("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline",paddingTop:"$15",height:"100%"}),Hd=Tl("div",{textAlign:"center"}),wn=3e3,jr=300;function wl(){let{config:t,fetchStatus:e}=v(),{navigateBackFrom:o}=re(),[n,r]=kl(!1),[i,a]=kl(""),l=null,{list:p,handleClick:u,error:m}=kn({config:t,onBeforeConnect:k=>{l=setTimeout(()=>{r(!0),a(k)},jr)},onConnect:()=>{l&&clearTimeout(l),setTimeout(()=>{r(!1)},wn)}}),c=p.find(k=>k.type===i),g=c?.image||"",y=c?.state||zd.NOT_INSTALLED;return vt.createElement(K,{header:{title:Cl.t("Connect Wallets"),onBack:()=>o(S.wallets)}},vt.createElement(Hd,null,vt.createElement(Od,{variant:"title",size:"xmedium",align:"center"},Cl.t("Choose a wallet to connect.")),vt.createElement(Gd,null,p.map((k,T)=>{let h=`wallet-${T}-${k.type}`;return vt.createElement(qd,{key:h},vt.createElement(Ud,{...k,container:ee(),onClick:x=>{u(x)},isLoading:e==="loading"}))}),vt.createElement(io,{open:!!n,onClose:()=>r(!1),image:g,state:y,error:m}))))}s(wl,"WalletsPage");import{keyframes as Qd,styled as Kr}from"@rango-dev/ui";var vl=Kr("div",{position:"relative"}),Vd=Qd({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),xl=Kr("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Vd} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),bl=Kr("div",{"& img":{borderRadius:"50%"}});function Yr(t){let{chain:e,isSelected:o,selectWallet:n,limit:r,onShowMore:i}=t,{config:a}=v(),l=H.use.connectedWallets(),{blockchains:p}=v(),[u,m]=so(""),[c,g]=so(null),[y,k]=so(!1),[T,h]=so(null),{suggestAndConnect:x}=Nl(),f=null,{list:w,error:d,handleClick:C}=kn({config:a,chain:e,onBeforeConnect:b=>{f=setTimeout(()=>{m(b)},jr)},onConnect:()=>{f&&clearTimeout(f),setTimeout(()=>{m("")},wn)}}),[E,P]=so(w),I=w.length,_=r&&I-r>0,L=s(async b=>{k(!1),h("in-progress");try{await x(b.walletType,b.chain),h("completed")}catch{h("rejected")}},"addExperimentalChain");Wl(()=>{P(b=>{let z=w.findIndex(F=>o(F.type,e));return _&&z>1?[w[z]].concat(w.filter((F,O)=>O!==z)):b.map(F=>w.find(O=>O.type===F.type)??F)})},[JSON.stringify(w)]);let Q=document.querySelector("#swap-box");return Wl(()=>{let b=null;return(T==="completed"||T==="rejected")&&(b=setTimeout(()=>h(null),wn)),()=>{b&&clearTimeout(b)}},[T]),oe.createElement(oe.Fragment,null,E.slice(0,r).map(b=>{let z=ms({connectedWallets:l,walletType:b.type,chain:e}),F=z?Po(z):"",O=$o(p(),e),ne=!l.find(ot=>ot.walletType===b.type&&ot.chain===e),Ue=O&&ne&&b.state===Il.CONNECTED,tt=Ue?Fe.t({id:"Add {chain} chain",values:{chain:e}}):F,V=s(()=>{b.state===Il.DISCONNECTED?C(b.type):Ue?(g({walletType:b.type,chain:e,address:z??""}),k(!0)):n({walletType:b.type,chain:e,address:z??""})},"onClick"),Z=c?.chain?Gs(c.chain,p()):void 0;return oe.createElement(oe.Fragment,null,oe.createElement(io,{open:u===b.type,onClose:()=>m(""),image:b.image,state:b.state,error:d}),!!c&&oe.createElement(El,{open:!!c&&y,container:Q,onClose:()=>{g(null)}},oe.createElement(vn,{title:Fe.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:Z}}),type:"warning",description:Fe.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:Z}})},oe.createElement(Xr,{size:18}),oe.createElement(Xr,{size:32}),oe.createElement(jd,{onClick:L.bind(null,c),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},Fe.t("Confirm")))),T&&oe.createElement(El,{open:!!T,onClose:h.bind(null,null),container:Q},T==="in-progress"&&oe.createElement(vn,{type:"loading",title:Fe.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:Z}}),description:Fe.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:Z}}),icon:oe.createElement(vl,null,oe.createElement(bl,null,oe.createElement(Kd,{src:b.image,size:45})),oe.createElement(xl,null))}),T==="completed"&&oe.createElement(vn,{type:"success",title:Fe.t({id:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:Z}}),description:Fe.t({id:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:Z}})}),T==="rejected"&&oe.createElement(vn,{type:"error",title:Fe.t("Request Rejected"),description:Fe.t({id:"You've rejected adding {blockchainDisplayName} chain to your wallet.",values:{blockchainDisplayName:Z}})}),oe.createElement(Xr,{direction:"vertical",size:32})),oe.createElement(Xd,{key:b.type,description:tt,onClick:V,selected:o(b.type,e),...b}))}),_&&oe.createElement(ga,{selected:!1,onClick:i.bind(null)},oe.createElement(Al,{variant:"label",size:"medium"},Fe.t("Show more wallets"),oe.createElement(Al,{variant:"label",size:"medium",color:"$primary"},"\xA0+",I-(r??0)))))}s(Yr,"WalletList");var sf=2;function Ml(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,loading:i}=t,a=v().config,l=v().blockchains(),{quote:p,setSelectedWallets:u,quoteWalletsConfirmed:m,setQuoteWalletConfirmed:c,customDestination:g,setCustomDestination:y}=$(),{connectedWallets:k,selectWallets:T}=H(),[h,x]=xt(""),[f,w]=xt([]),[d,C]=xt(""),[E,P]=xt(null),[I,_]=xt(g),[L,Q]=xt(!!g),b=nf(null),z=Ko(p),F=l.find(U=>U.name===p?.result?.swaps[p?.result?.swaps.length-1].to.blockchain),O=s(U=>!!p?.result?.swaps.find(j=>j.from.blockchain===U),"isWalletRequiredFor"),[ne,Ue]=xt(k.filter(U=>U.selected&&z.includes(U.chain))),tt=l.find(U=>U.name===F?.name),V=s((U,j)=>!!ne.find(R=>R.walletType===U&&R.chain===j&&R.selected&&(O(j)||!O(j)&&!I)),"isSelected"),Z=!!I&&L&&tt&&!Xo(tt,I),ot=s(()=>{Q(!1),_(""),Ue(U=>{let j=!1;return U.map(R=>!j&&R.chain===F?.name?(j=!0,{...R,selected:!0}):R)})},"resetCustomDestination"),nt=s(U=>{if(h&&x(""),V(U.walletType,U.chain))return;let R=k.find(ae=>ae.walletType===U.walletType&&ae.chain===U.chain);R&&(n(),U.chain===F?.name&&L&&(Q(!1),_("")),Ue(ae=>ae.filter(me=>me.chain!==U.chain).concat({...R,selected:!0})))},"onChange"),gt=s(()=>{let U=ne.filter(j=>j.selected);T(U),u(U),y(I),c(!0),o()},"onConfirmBalance"),tr=s(async()=>{w([]),C(""),P(null);let U=k.filter(ae=>ne.find(me=>me.chain===ae.chain&&me.walletType===ae.walletType)),j=await r?.({selectedWallets:U,customDestination:I}),R=j.warnings;R?.balance?.messages&&w(R.balance.messages),R?.quoteUpdate&&P(R.quoteUpdate),j.error&&C(Hs(j.error)),!j.error&&(!R?.balance?.messages.length||0>0)?gt():w(R?.balance?.messages??[])},"onConfirmWallets");tf(()=>{Ue(U=>U.concat(k.filter(j=>!!!U.find(ae=>ae.chain===j.chain)&&j.selected&&z.includes(j.chain))))},[k.length]),of(()=>{L&&b.current&&setTimeout(()=>{b?.current?.scrollIntoView({behavior:"smooth"})},Zt)},[L]);let bo=document.querySelector("#swap-box"),jt=rf();return W.createElement(Ll,{open:e,onClose:()=>{m||jt(S.home,{replace:!0}),o()},dismissible:!h,container:bo,...!h&&{footer:W.createElement(xa,null,W.createElement(Bl,{loading:i,disabled:oa(i,L,I,p,ne,F),onClick:tr,variant:"contained",type:"primary",fullWidth:!0,size:"large"},"Confirm"))},...h&&{containerStyle:{padding:"$0"},header:W.createElement(ya,null,W.createElement(Sa,{variant:"ghost",onClick:x.bind(null,"")},W.createElement(Zd,{size:16})),W.createElement(xn,{variant:"headline",size:"small"},Je.t({id:"Your {blockchainName} wallets",values:{blockchainName:h}})))},anchor:"center"},W.createElement(Ll,{open:f.length>0,onClose:w.bind(null,[]),container:bo},W.createElement(Rd,{title:Je.t("Insufficient account balance"),type:"error",description:W.createElement(Yd,{messages:f??[]})},W.createElement(Bl,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:gt},Je.t("Proceed anyway")))),h&&W.createElement(Ca,null,W.createElement("div",{className:"wallets-list"},W.createElement(Yr,{chain:h,isSelected:V,selectWallet:nt,onShowMore:x.bind(null,h)}))),!h&&W.createElement(W.Fragment,null,d&&W.createElement(W.Fragment,null,W.createElement(Jr,{variant:"alarm",type:"error",title:Je.t(d)}),W.createElement(Ut,{size:12})),E&&W.createElement(W.Fragment,null,W.createElement(Jr,{variant:"alarm",type:"warning",title:Cn(E)}),W.createElement(Ut,{size:12})),W.createElement(Ea,null,z.map((U,j)=>{let R=l.find(ze=>ze.name===U),ae=`wallet-${j}`,me=j===z.length-1;return W.createElement("div",{key:ae},W.createElement(da,null,W.createElement(xn,{variant:"title",size:"xmedium"},Je.t({id:"Your {blockchainName} wallets",values:{blockchainName:R?.displayName}})),W.createElement(xn,{variant:"label",color:"$neutral700",size:"medium"},Je.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:R?.displayName}}))),W.createElement(Ut,{size:24}),W.createElement(fa,null,W.createElement(Yr,{chain:U,isSelected:V,selectWallet:nt,limit:sf,onShowMore:()=>x(R?.name??"")})),!me&&W.createElement(Ut,{size:32}),me&&a?.customDestination&&W.createElement(wa,null,W.createElement(ka,{ref:b,selected:L,open:L,onOpenChange:ze=>{ze?O(F?.name??"")||Ue(ht=>ht.map(Kt=>Kt.chain===F?.name?{...Kt,selected:!1}:Kt)):ot()}},W.createElement(ha,{onClick:()=>Q(ze=>!ze)},W.createElement(Ta,{fullWidth:!0,variant:"default",suffix:W.createElement(va,{orientation:L?"up":"down"},W.createElement(Jd,{size:10,color:"gray"}))},W.createElement("div",{className:"button__content"},W.createElement(ef,{size:18,color:"info"}),W.createElement(Ut,{size:4,direction:"horizontal"}),W.createElement(xn,{variant:"label",size:"medium"},Je.t("Send to a different address"))))),W.createElement(sn,{open:L},W.createElement(W.Fragment,null,W.createElement(Ut,{size:4}),W.createElement(ba,{autoFocus:!0,placeholder:Je.t("Your destination address"),value:I,onChange:ze=>{_(ze.target.value)}})))),Z&&W.createElement("div",{className:"alarms"},W.createElement(Jr,{variant:"alarm",type:"error",title:Je.t({values:{destination:I},id:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}s(Ml,"ConfirmWalletsModal");import{calculatePendingSwap as af}from"@rango-dev/queue-manager-rango-preset";import{useEffect as lf}from"react";function Zr(){let{fromToken:t,toToken:e,inputAmount:o,setQuote:n,resetQuote:r,quote:i,customDestination:a,setQuoteWarningsConfirmed:l}=$(),{slippage:p,customSlippage:u,affiliatePercent:m,affiliateRef:c,affiliateWallets:g,disabledLiquiditySources:y}=D(),{connectedWallets:k}=H(),T=v().blockchains(),h=v().tokens(),x=u||p,{fetch:f,cancelFetch:w,loading:d}=fn();return lf(()=>w,[]),{loading:d,fetch:s(async E=>{let P=E.selectedWallets,I=E?.customDestination??a;if(!t||!e||!o||!i)return{quote:null,swap:null,error:null,warnings:null};let _=nn({fromToken:t,toToken:e,inputAmount:o,wallets:k,selectedWallets:P,disabledLiquiditySources:y,slippage:x,affiliateRef:c,affiliatePercent:m,affiliateWallets:g,initialQuote:i,destination:I}),L;try{L=await f(_).then(F=>mn(F)),n(L)}catch(F){let O=dn(F);return(O.error?.type===0||O.error?.type===1)&&r(),O}let Q={slippage:x.toString(),disabledSwappersGroups:y},b=af(o.toString(),L,Xs(P),Q,!1,{blockchains:T,tokens:h}),z=al(i,L,{fromToken:t,toToken:e,tokens:h,selectedWallets:P,userSlippage:x});return z.quoteUpdate&&l(!1),{quote:L,swap:b,error:null,warnings:z}},"fetch"),cancelFetch:w}}s(Zr,"useConfirmSwap");var yf=Fl("div",{position:"relative",width:"100%","& .description":{display:"flex",justifyContent:"space-between",alignItems:"center",paddingBottom:"$10"},"& .icon":{width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"}}),Sf=Fl("div",{width:"100%",display:"flex",justifyContent:"space-between","& .confirm-button":{flexGrow:1,paddingRight:"$10"},[`& ${Dl}`]:{width:"$48",height:"$48"}});function Ol(){let{quote:t,setInputAmount:e,selectedWallets:o,quoteWalletsConfirmed:n,setQuoteWalletConfirmed:r,customDestination:i,quoteWarningsConfirmed:a}=$(),l=hf(),[p,u]=An(""),{connectedWallets:m}=H(),c=!n,[g,y]=An(!1),k=Ce.use.setSelectedSwap(),{manager:T}=pf(),{fetch:h,loading:x,cancelFetch:f}=Zr(),[w,d]=An({swap:null,error:null,warnings:null}),[C,E]=An(!1),P=s(async({selectedWallets:b,customDestination:z})=>{let F=await h?.({selectedWallets:b,customDestination:z});return d(F),F},"onConfirmSwap"),I=s(async()=>{if(w.swap&&n)try{await T?.create("swap",{swapDetails:w.swap},{id:w.swap.requestId}),k(w.swap.requestId),l("/"+S.swaps+`/${w.swap.requestId}`,{replace:!0}),setTimeout(()=>{e("")},0)}catch(b){u("Error: "+b?.message)}},"addNewSwap"),_=s(async()=>{await I()},"onConfirm"),L=s(async()=>{w?.warnings?.quote&&!a?E(!0):await _()},"onStartConfirmSwap"),Q=s(async()=>{d({error:null,swap:null,warnings:null}),h({selectedWallets:o}).then(b=>{d(b)}).catch(b=>console.error(b))},"onRefresh");return En(()=>{c&&f()},[c]),En(()=>{c&&y(c)},[c]),En(()=>{c||h({selectedWallets:o,customDestination:i}).then(b=>d(b)).catch(b=>console.error(b))},[]),En(()=>{let b=w.warnings?.quote?.type&&Object.values(rt).includes(w.warnings?.quote?.type),z=o.length<1||!o.every(O=>m.find(ne=>O.address===ne.address&&O.walletType===ne.walletType&&O.chain===ne.chain)),F=!1;if(b){let O=Ko(t),ne=t?.result?.swaps[t.result.swaps.length-1].to.blockchain;!!t?.result?.swaps.find(V=>V.from.blockchain===ne)||(O=O.slice(-O.length,O.length-1)),O.every(V=>o.find(Z=>Z.chain===V))||(F=!0)}t&&(z||F)&&(queueMicrotask(()=>gf(y.bind(null,!0))),r(!1))},[w.warnings?.quote,o.length,m.length]),Y.createElement(K,{header:{title:bn.t("Confirm Swap"),onBack:()=>l(-1),hasConnectWallet:!0,suffix:Y.createElement(mf,{container:ee(),side:"bottom",content:bn.t("Settings")},Y.createElement(Ne,{size:"small",variant:"ghost",onClick:()=>l("/"+S.settings)},Y.createElement(cf,{size:18,color:"black"})))},footer:Y.createElement(Sf,null,Y.createElement("div",{className:"confirm-button"},Y.createElement(Pl,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:x,disabled:!!w.error,onClick:L},bn.t("Start Swap"))),Y.createElement(Dl,{variant:"contained",type:"primary",size:"large",loading:x,onClick:y.bind(null,!0)},Y.createElement(ff,{size:24})))},g&&Y.createElement(Ml,{open:g,onClose:()=>y(!1),onCancel:f,loading:x,onCheckBalance:P}),Y.createElement(yf,null,Y.createElement("div",{className:"description"},Y.createElement(df,{variant:"title",size:"small"},bn.t("You get")),Y.createElement(Pl,{style:{padding:"0"},variant:"ghost",disabled:x,onClick:Q},Y.createElement("div",{className:"icon"},Y.createElement(uf,{size:16})))),p&&Y.createElement(Y.Fragment,null,Y.createElement($l,{type:"error",variant:"alarm",title:p}),Y.createElement(_l,{size:12})),w.warnings?.quoteUpdate&&Y.createElement(Y.Fragment,null,Y.createElement($l,{variant:"alarm",type:"warning",title:w.warnings.quoteUpdate&&Cn(w.warnings.quoteUpdate)}),Y.createElement(_l,{size:12})),Y.createElement(ro,{quote:t,type:"swap-preview",expanded:!0,error:w.error,loading:x,warning:w.warnings?.quote??null,refetchQuote:Q,showWarningModal:C,onOpenWarningModal:()=>E(!0),onCloseWarningModal:()=>E(!1),onConfirmWarningModal:async()=>{E(!1),await I()}})))}s(Ol,"ConfirmSwapPage");import{i18n as Wn}from"@lingui/core";import{useManager as bf}from"@rango-dev/queue-manager-react";import{Divider as Ef,NotFound as Af,styled as Kl}from"@rango-dev/ui";import mt,{useState as If}from"react";import{useNavigate as Wf}from"react-router-dom";import{CloseIcon as kf,IconButton as Tf,SearchIcon as wf,TextField as vf}from"@rango-dev/ui";import ao from"react";import{styled as Cf}from"@rango-dev/ui";var Ul=Cf("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function Ze(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:i,value:a,setValue:l,...p}=t;return ao.createElement(vf,{prefix:ao.createElement(Ul,null,ao.createElement(wf,{color:"black"})),suffix:!!a.length&&ao.createElement(Tf,{variant:"ghost",onClick:()=>l?.(""),size:"small"},ao.createElement(kf,{color:"gray",size:10})),fullWidth:o,color:n,variant:e,style:{padding:10,borderRadius:25,alignItems:"center"},size:r,value:a,onChange:i,...p})}s(Ze,"SearchInput");import{i18n as ql}from"@lingui/core";import{Divider as Gl,SwapListItem as Hl,Typography as Ql}from"@rango-dev/ui";import te from"react";import{darkTheme as xf,styled as In}from"@rango-dev/ui";var Rr=In("div",{width:"100%",display:"flex",flexDirection:"column",".group-title":{$$color:"$colors$neutral600",[`.${xf} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),ei=In("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),ti=In("div",{gap:"$10",display:"flex",flexDirection:"column"}),zl=In("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});function oi(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,i=n?n(e):[{title:"History",swaps:e}];if(r){let a=[{},{}];return te.createElement(te.Fragment,null,[{title:"Today",swaps:a},{title:"Last month",swaps:a}].map(p=>te.createElement(te.Fragment,{key:p.title},te.createElement(Rr,null,te.createElement(ei,null,te.createElement(Ql,{variant:"label",size:"medium",className:"group-title"},ql.t(p.title))),te.createElement(Gl,{size:4}),te.createElement(ti,null,p.swaps.map((u,m)=>{let c=m+p.title;return te.createElement(te.Fragment,{key:c},te.createElement(Hl,{isLoading:!0}))}))))))}return te.createElement(te.Fragment,null,i.filter(a=>a.swaps.length>0).map(a=>te.createElement(te.Fragment,{key:a.title},te.createElement(Rr,null,te.createElement(ei,null,te.createElement(Ql,{variant:"label",size:"medium",className:"group-title"},ql.t(a.title))),te.createElement(Gl,{size:4}),te.createElement(ti,null,a.swaps.map(l=>{let p=l.steps[0],u=l.steps[l.steps.length-1];return te.createElement(te.Fragment,{key:l.requestId},te.createElement(Hl,{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:No(l.inputAmount)},to:{token:{image:u.toLogo,displayName:u.toSymbol},blockchain:{image:u.toBlockchainLogo||""},amount:No(u.outputAmount||""),estimatedAmount:No(u.expectedOutputAmountHumanReadable||"")}}}))}))))))}s(oi,"SwapsGroup");import Vl from"dayjs";var jl=s(t=>{let e=new Map([["today",{title:"Today",swaps:[]}],["month",{title:"Last month",swaps:[]}],["year",{title:"Last year",swaps:[]}],["history",{title:"History",swaps:[]}]]),o=Vl();return t.forEach(n=>{let r=Vl(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=s(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 Nf=Kl("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",height:"100%",gap:15}),Bf=Kl("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),Lf=s((t,e)=>t?.length?t.filter(o=>qe(o.fromBlockchain,e)||qe(o.toBlockchain,e)||qe(o.toSymbol,e)||qe(o.fromSymbol,e)).length:!1,"isStepContainsText");function Xl(){let t=Ce.use.setSelectedSwap(),e=Wf(),{navigateBackFrom:o}=re(),{manager:n,state:r}=bf(),i=zt(n).map(({swap:g})=>g),[a,l]=If(""),p=!r.loadedFromPersistor,u=s(g=>{let y=g.target.value;l(y)},"searchHandler"),m=i;a&&(m=i.filter(g=>qe(g.inputAmount,a)||qe(g.status,a)||Lf(g.steps,a)||qe(g.requestId,a)));let c=!m?.length&&!p;return mt.createElement(K,{header:{onBack:()=>o(S.swaps),title:Wn.t("History")}},mt.createElement(Nf,null,mt.createElement(Ze,{setValue:l,fullWidth:!0,variant:"contained",placeholder:Wn.t("Search Transaction"),autoFocus:!0,onChange:u,value:a}),mt.createElement(Bf,null,c&&mt.createElement(zl,null,mt.createElement(Ef,{size:32}),mt.createElement(Af,{title:Wn.t("No results found"),description:a?Wn.t("Try using different keywords"):""})),!c&&mt.createElement(oi,{list:m,onSwapClick:g=>{t(g),e(`${g}`,{replace:!0})},groupBy:jl,isLoading:p}))))}s(Xl,"HistoryPage");import{i18n as Yl}from"@lingui/core";import{List as Mf,ListItemButton as $f,Radio as Pf,RadioRoot as _f,Typography as Df}from"@rango-dev/ui";import dt from"react";import{styled as Nn}from"@rango-dev/ui";var Re=Nn("div",{height:"100%",overflow:"hidden"}),lo=Nn("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto"}),ni=Nn("div",{width:80,display:"flex",justifyContent:"flex-end"}),ri=Nn("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});function Bn(){let t=D.use.language(),e=D.use.setLanguage();return{activeLanguage:t,languages:ys,defaultLanguage:Do,changeLanguage:e}}s(Bn,"useLanguage");function Jl(){let{navigateBackFrom:t}=re(),{activeLanguage:e,changeLanguage:o,languages:n}=Bn(),r=n.map(i=>{let{local:a,label:l,SVGFlag:p}=i;return{id:a,value:a,title:dt.createElement(Df,{variant:"title",size:"xmedium"},l),onClick:()=>o(i.local),end:dt.createElement(Pf,{value:a}),start:dt.createElement(p,null)}});return dt.createElement(K,{header:{onBack:()=>t(S.settings),title:Yl.t("Language")}},dt.createElement(Re,null,dt.createElement(_f,{value:e},dt.createElement(Mf,{type:dt.createElement($f,{title:Yl.t("language"),id:"_",onClick:()=>console.log()}),items:r}))))}s(Jl,"LanguagePage");import{i18n as qt}from"@lingui/core";import{Button as qf,Checkbox as Gf,Image as Hf,ListItemButton as Qf,NotFound as Vf,Typography as jf}from"@rango-dev/ui";import Se,{useState as Kf}from"react";import{Checkbox as Uf,Skeleton as Rl}from"@rango-dev/ui";import po from"react";import{ListItem as Ff,styled as Of}from"@rango-dev/ui";var Zl=Of(Ff,{height:61});var zf=30;function ii(){return po.createElement(lo,null,Array.from(Array(zf),t=>po.createElement(Zl,{hasDivider:!0,key:t,start:po.createElement(Rl,{variant:"circular",width:35,height:35}),title:po.createElement(Rl,{variant:"text",size:"large",width:90}),end:po.createElement(Uf,{checked:!1})})))}s(ii,"LoadingLiquiditySourceList");function si({sourceType:t}){let e=v().fetchStatus,o=v().swappers(),[n,r]=Kf(""),i=D.use.toggleLiquiditySource(),{navigateBackFrom:a}=re(),l=Fo(o),p=[];t==="Exchanges"&&p.push("DEX"),t==="Bridges"&&(p.push("BRIDGE"),p.push("AGGREGATOR"));let u=l.filter(T=>p.includes(T.type)),m=u.length===u.filter(T=>T.selected).length,c=s(()=>{u.forEach(T=>{m?i(T.groupTitle):T.selected||i(T.groupTitle)})},"toggleAllSources"),g=u.map(T=>{let{selected:h,groupTitle:x,logo:f}=T;return{start:Se.createElement(Hf,{src:f,size:22,type:"circular"}),onClick:()=>i(x),end:Se.createElement(Gf,{checked:h}),title:Se.createElement(jf,{variant:"title",size:"xmedium"},qt.t(x)),...T}}),y=s(T=>{let h=T.target.value;r(h)},"searchHandler"),k=g;return n&&(k=g.filter(T=>qe(T.groupTitle,n))),Se.createElement(K,{header:{onBack:()=>a(S.settings),title:qt.t(t),suffix:Se.createElement(ni,null,Se.createElement(qf,{variant:"ghost",size:"xsmall",onClick:c},qt.t(m?"Deselect all":"Select all")))}},Se.createElement(Re,null,Se.createElement(Ze,{value:n,setValue:r,fullWidth:!0,color:"light",variant:"contained",placeholder:qt.t("Search {sourceType}",{sourceType:t}),onChange:y}),e==="loading"&&Se.createElement(ii,null),!k.length&&n?Se.createElement(ri,null,Se.createElement(Vf,{title:qt.t("No results found"),description:qt.t("Try using different keywords")})):e==="success"&&Se.createElement(lo,null,k.map(T=>Se.createElement(Se.Fragment,{key:T.id},Se.createElement(Qf,{style:{height:"61px"},...T,selected:!1,hasDivider:!0}))))))}s(si,"LiquiditySourcePage");import{i18n as ap}from"@lingui/core";import{Divider as ui,SelectableCategoryList as ng}from"@rango-dev/ui";import bt,{useState as lp}from"react";import{i18n as li}from"@lingui/core";import{Divider as ip,Image as Zf,ListItemButton as Rf,NotFound as eg,Typography as sp}from"@rango-dev/ui";import We,{useEffect as tg,useState as og}from"react";import{BlockchainCategories as ai}from"@rango-dev/ui";import{TransactionType as Ln}from"rango-sdk";var Xf=s((t,e)=>{switch(e){case ai.ALL:return!0;case ai.UTXO:return t.type===Ln.TRANSFER;case ai.OTHER:return t.type!==Ln.TRANSFER&&t.type!==Ln.COSMOS&&t.type!==Ln.EVM;default:return t.type===e}},"filterByType"),ep=s((t,e,o)=>t.filter(n=>Xf(n,o)).filter(n=>yt(n.name,e)||yt(n.displayName,e)),"filterBlockchains");import{styled as tp}from"@rango-dev/ui";var op=tp("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),Mn=tp("ul",{padding:0,margin:0,listStyle:"none",overflowY:"auto",paddingRight:"$5",".image-container":{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as Yf,Skeleton as np}from"@rango-dev/ui";import $n from"react";var Jf=20;function rp(){return $n.createElement(Mn,null,Array.from(Array(Jf),t=>$n.createElement(Yf,{key:t,hasDivider:!0,start:$n.createElement(np,{variant:"circular",width:35,height:35}),title:$n.createElement(np,{variant:"text",size:"large",width:90})})))}s(rp,"LoadingBlockchainList");function pi(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[i,a]=og(e),{fetchStatus:l}=v();tg(()=>{a([...ep(e,o,r)])},[e,o,r]);let p=s(()=>!i.length&&o?We.createElement(We.Fragment,null,We.createElement(ip,{size:32}),We.createElement(eg,{title:li.t("No results found"),description:li.t("Try using different keywords")})):We.createElement(Mn,{key:`${r}-${o}`},i.map(u=>We.createElement(Rf,{key:`${u.name}-${u.chainId}`,hasDivider:!0,onClick:()=>n(u),start:We.createElement(Zf,{src:u.logo,size:30}),title:We.createElement(sp,{variant:"title",size:"medium"},u.displayName),id:u.chainId}))),"renderList");return We.createElement(op,null,We.createElement(sp,{variant:"label",size:"large"},li.t("Select Blockchain")),We.createElement(ip,{size:4}),l==="loading"&&We.createElement(rp,null),l==="success"&&p())}s(pi,"BlockchainList");function ci(t){let{type:e}=t,{navigateBackFrom:o}=re(),[n,r]=lp(""),[i,a]=lp("ALL"),l=$.use.setToBlockchain(),p=$.use.setFromBlockchain(),u=v().fetchStatus,m=v().blockchains({type:e}),c=e==="source"?"fromBlockchain":"toBlockchain";return bt.createElement(K,{header:{onBack:()=>{o(S[c])},title:ap.t("Select Blockchain")}},bt.createElement(ui,{size:12}),bt.createElement(ng,{setCategory:a,category:i,blockchains:m,isLoading:u==="loading"}),bt.createElement(ui,{size:24}),bt.createElement(Ze,{value:n,autoFocus:!0,placeholder:ap.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:g=>r(g.target.value)}),bt.createElement(ui,{size:16}),bt.createElement(pi,{list:m,searchedFor:n,blockchainCategory:i,onChange:g=>{e==="source"?p(g):l(g),o(S[c])}}))}s(ci,"SelectBlockchainPage");import{i18n as Ap}from"@lingui/core";import{Divider as Ip}from"@rango-dev/ui";import Gt,{useState as kg}from"react";import{useNavigate as Tg}from"react-router-dom";import{i18n as di}from"@lingui/core";import{BlockchainsChip as Pn,Divider as mp,Image as dp,Skeleton as lg,Typography as fi}from"@rango-dev/ui";import ge from"react";import{useEffect as sg}from"react";var pp=["ETH","COSMOS","OSMOSIS"];function up(t,e,o){let n=JSON.parse(JSON.stringify(t)),r=[];if(n.sort(rg),o?.limit&&t.length>o.limit){let i=o.limit,a=e;if(e.length<=o.limit)for(let l=0;l<o.limit;l++){let p=n[l];a=a.filter(u=>p.name!==u)}n.sort(ig(a)),r=n.splice(i)}return{list:n,more:r}}s(up,"prepare");function rg(t,e){let o=pp,n=o.findIndex(l=>l===t.name),r=o.findIndex(l=>l===e.name),i=n>-1,a=r>-1;return i&&a?n>r?1:-1:i?-1:a?1:0}s(rg,"sortByMostUsedBlockchains");function ig(t){return s(function(o,n){let r=t.findIndex(p=>p===o.name),i=t.findIndex(p=>p===n.name),a=r>-1,l=i>-1;return a&&l?r>i?1:-1:t.includes(o.name)?-1:t.includes(n.name)?1:0},"sortByPreferred")}s(ig,"generateSortByPreferredBlockchainsFor");function mi(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=D();sg(()=>{e?.selected&&n(e?.selected)},[e?.selected]);let r=up(t,o,e);return{list:r.list,more:r.more,history:[]}}s(mi,"usePrepareBlockchainList");import{styled as ag}from"@rango-dev/ui";var cp=ag("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var pg=12;function gi(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:i}=t,a=mi(e,{limit:10,selected:n?.name}),{fetchStatus:l}=v(),p=$.use.resetToBlockchain(),u=$.use.resetFromBlockchain(),m=a.more.length>0,c=a.more.length===1,g=!c&&m;return ge.createElement("div",null,ge.createElement(mp,{size:12}),ge.createElement(fi,{variant:"label",size:"large"},di.t("Select Blockchain")),ge.createElement(mp,{size:12}),ge.createElement(cp,null,l==="loading"&&Array.from(Array(pg),y=>ge.createElement(lg,{key:y,variant:"rounded",height:50})),l==="success"&&ge.createElement(ge.Fragment,null,ge.createElement(Pn,{selected:!n,onClick:()=>{o==="from"?u():p()}},ge.createElement(fi,{variant:"body",size:"xsmall",color:"secondary500"},di.t("All"))),a.list.map(y=>ge.createElement(Pn,{key:y.name,selected:!!n&&n.name===y.name,onClick:()=>r(y)},ge.createElement(dp,{src:y.logo,size:30}))),c?ge.createElement(Pn,{key:a.more[0].name,selected:!!n&&n.name===a.more[0].name,onClick:()=>r(a.more[0])},ge.createElement(dp,{src:a.more[0].logo,size:30})):null,g?ge.createElement(Pn,{onClick:i,key:"more-blockchains"},ge.createElement(fi,{variant:"body",size:"xsmall",color:"secondary500"},di._("More +{count}",{count:a.more.length}))):null)))}s(gi,"BlockchainsSection");import{i18n as ki}from"@lingui/core";import{darkTheme as wp,Divider as co,ExternalLinkIcon as mg,Image as dg,ListItemButton as fg,NotFound as gg,PinIcon as hg,Skeleton as vp,Typography as mo,VirtualizedList as yg}from"@rango-dev/ui";import M,{forwardRef as Sg,useEffect as xp,useState as bp}from"react";var fp=s((t,e)=>{t=t.replace(/^#/,""),t.length===3&&(t=t[0]+t[0]+t[1]+t[1]+t[2]+t[2]);let[i,a,l]=t.match(/.{2}/g);[i,a,l]=[parseInt(i,16)+e,parseInt(a,16)+e,parseInt(l,16)+e],i=Math.max(Math.min(255,i),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=(i.length<2?"0":"")+i,u=(a.length<2?"0":"")+a,m=(l.length<2?"0":"")+l;return`#${p}${u}${m}`},"colorShade"),_n=s((t,e)=>{let a={[t]:e};for(let l=1;l<10;l++)l<5&&(a={...a,[t+l*100]:fp(e,(5-l)*25)}),l===5&&(a={...a,[t+l*100]:e}),l>5&&(a={...a,[t+l*100]:fp(e,-((l-5)*25))});return a},"generateRangeColors"),hi=s((t,e,o)=>{if(!o||!Object.entries(o).length)return{};let n=!1,r={...t};for(let i in o){let a=o[i];if(a&&a!==t[i])if(n=!0,i==="background"||i==="foreground")r={...r,[i]:a};else if(i==="neutral"&&e){let l=_n(i,a);r={...r,[`${i}100`]:l[`${i}900`],[`${i}200`]:l[`${i}800`],[`${i}300`]:l[`${i}700`],[`${i}400`]:l[`${i}600`],[`${i}500`]:l[`${i}500`],[`${i}600`]:l[`${i}400`],[`${i}700`]:l[`${i}300`],[`${i}800`]:l[`${i}200`],[`${i}900`]:l[`${i}100`]}}else r={...r,..._n(i,a)}}return n?r:{}},"generateColors");import{Divider as kp,ListItem as cg,Skeleton as uo}from"@rango-dev/ui";import Oe from"react";import{darkTheme as gp,styled as je,Typography as ug}from"@rango-dev/ui";var hp=je("div",{display:"flex",flexDirection:"column",flexGrow:1}),yi=je("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),Dn=je("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",[`.${gp} &`]:{$$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"}}}}}),Si=je("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),Ci=je(ug,{}),yp=je("div",{textAlign:"right",".usd-value":{$$color:"$colors$neutral600",[`.${gp} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Fn=je("ul",{display:"flex",alignItems:"end",flexDirection:"column"}),kW=je("div",{display:"flex",alignItems:"center"}),Sp=je("div",{position:"relative",".image-container":{borderRadius:"$xm",overflow:"hidden"}}),Cp=je("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6});function Tp(t){return Oe.createElement(Dn,null,Array.from(Array(t.size),e=>Oe.createElement(cg,{key:e,hasDivider:!0,start:Oe.createElement(uo,{variant:"circular",width:35,height:35}),end:Oe.createElement(Fn,null,Oe.createElement(uo,{variant:"text",size:"large",width:70}),Oe.createElement(kp,{size:4}),Oe.createElement(uo,{variant:"text",size:"medium",width:50})),title:Oe.createElement("div",null,Oe.createElement(uo,{variant:"text",size:"large",width:90}),Oe.createElement(kp,{size:4}),Oe.createElement(uo,{variant:"text",size:"medium",width:90}))})))}s(Tp,"LoadingTokenList");var Ti=20,Cg=s(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:i,customCssForTagTitle:a}=t,l=e.length;return M.createElement("div",{className:"description"},o?M.createElement("div",{className:"token-name"},o):M.createElement(yi,{className:"token-title"},M.createElement(mo,{variant:"title",size:"xmedium"},r.symbol),M.createElement(co,{direction:"horizontal",size:4}),M.createElement(Si,{css:i},M.createElement(Ci,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&M.createElement("div",{className:`token-address ${!o&&"token-address-without-name"}`},M.createElement("a",{href:n,target:"_blank",rel:"nofollow noreferrer",onClick:p=>p.stopPropagation()},l>10?`${e.slice(0,5)}...${e.slice(l-6,l)}`:e," ",M.createElement(mg,{color:"gray",size:12}))))},"renderDesc");function Ep(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[i,a]=bp(e),l=v().fetchStatus,p=v().blockchains(),[u,m]=bp(!0),c=H.use.loading(),{isTokenPinned:g}=v(),y=Sg((h,x)=>M.createElement("div",{...h,ref:x,style:{...h.style,height:`${parseFloat(h.style?.height)+8*2}px`}})),k=s(()=>{a(e.slice(0,i.length+Ti))},"loadNextPage");xp(()=>{m(e.length>i.length)},[i.length]),xp(()=>{a(e.slice(0,Ti))},[e]);let T=s(()=>!i.length&&o?M.createElement(M.Fragment,null,M.createElement(co,{size:32}),M.createElement(gg,{title:ki.t("No results found"),description:ki.t("Try using different keywords")})):M.createElement(yg,{Item:({index:h,style:x})=>{let f=i[h],w=f.address||"",d=p.find(I=>I.name===f.blockchain),C=_n(f.symbol,d?.color||""),E={$$color:C[`${f.symbol}100`],[`.${wp} &`]:{$$color:C[`${f.symbol}900`]},backgroundColor:"$$color"},P={$$color:C[`${f.symbol}700`],[`.${wp} &`]:{$$color:C[`${f.symbol}100`]},color:"$$color"};return M.createElement("div",{style:{...x,paddingRight:5}},M.createElement(fg,{style:{height:x?.height},"tab-index":h,key:`${f.symbol}${f.address}`,id:`${f.symbol}${f.address}`,hasDivider:!0,onClick:()=>n(i[h]),start:M.createElement(Sp,null,M.createElement(dg,{src:f.image,size:30}),g(f)&&M.createElement(Cp,null,M.createElement(hg,{size:12,color:"gray"}))),title:d?.type==="COSMOS"||f.name||!f.name&&!w?M.createElement(yi,null,M.createElement(mo,{variant:"title",size:"xmedium"},f.symbol),M.createElement(co,{direction:"horizontal",size:4}),M.createElement(Si,{css:E},M.createElement(Ci,{variant:"body",size:"xsmall",css:P},f.blockchain))):void 0,description:d?.info&&w&&d.type!=="COSMOS"?Cg({address:w,token:i[h],customCssForTag:E,customCssForTagTitle:P,name:f.name,url:d.info.addressUrl.split("{wallet}").join(w)}):f.name||void 0,end:c?M.createElement(Fn,null,M.createElement(vp,{variant:"text",size:"large",width:70}),M.createElement(co,{size:4}),M.createElement(vp,{variant:"text",size:"medium",width:50})):i[h]?.balance&&M.createElement(yp,null,M.createElement(mo,{variant:"title",size:"small"},f.balance?.amount),M.createElement("div",null),f.balance?.usdValue&&M.createElement(mo,{variant:"body",className:"usd-value",size:"xsmall"},`$${f.balance?.usdValue}`))}))},hasNextPage:u,itemCount:i.length,loadNextPage:k,innerElementType:y,size:60,key:`${r}-${o}`}),"renderList");return M.createElement(hp,null,M.createElement(mo,{variant:"label",size:"large"},ki.t("Select Token")),M.createElement(co,{size:4}),l==="loading"&&M.createElement(Tp,{size:Ti}),l==="success"&&M.createElement(Dn,null,T()))}s(Ep,"TokenList");function wi(t){let{type:e}=t,o=Tg(),{navigateBackFrom:n}=re(),{fromBlockchain:r,toBlockchain:i,setFromToken:a,setToToken:l,setFromBlockchain:p,setToBlockchain:u}=$(),{connectedWallets:m}=H(),[c,g]=kg(""),k=(e==="source"?r:i)?.name??"",T=v().blockchains({type:e}),h=v().tokens({type:e,blockchain:k,searchFor:c}),x=us(h,m),f=s(d=>{e==="source"?p(d):u(d)},"updateBlockchain"),w=s(d=>{e==="source"?a({token:d,meta:{blockchains:T,tokens:h}}):l({token:d,meta:{blockchains:T,tokens:h}})},"updateToken");return Gt.createElement(K,{header:{onBack:()=>n(e==="source"?S.fromSwap:S.toSwap),title:Ap.t("Swap {type}",{type:e==="source"?"from":"to"})}},Gt.createElement(gi,{blockchains:T,type:e=="source"?"from":"to",blockchain:e==="source"?r:i,onMoreClick:()=>o(e==="source"?S.fromBlockchain:S.toBlockchain),onChange:d=>{f(d)}}),Gt.createElement(Ip,{size:24}),Gt.createElement(Ze,{value:c,autoFocus:!0,placeholder:Ap.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>g(""),onChange:d=>g(d.target.value)}),Gt.createElement(Ip,{size:16}),Gt.createElement(Ep,{list:x,selectedBlockchain:k,searchedFor:c,onChange:d=>{w(d);let C=T.find(E=>d.blockchain===E.name);C&&f(C),n(S.fromSwap)}}))}s(wi,"SelectSwapItemsPage");import{i18n as Et}from"@lingui/core";import{ChevronRightIcon as bi,Divider as Ei,InfoIcon as Ag,List as Ig,ListItemButton as Wg,Skeleton as Ng,Switch as Bg,Tooltip as Lg,Typography as At}from"@rango-dev/ui";import G from"react";import{useNavigate as Mg}from"react-router-dom";import{i18n as Mp}from"@lingui/core";import{Chip as vg,Divider as $p,InfoIcon as xg,TextField as bg,Tooltip as Eg,Typography as Pp}from"@rango-dev/ui";import Te from"react";import{styled as On}from"@rango-dev/ui";var Wp=On("div",{paddingTop:"$5",paddingBottom:"30px"}),Np=On("div",{display:"flex",alignItems:"center",justifyContent:"start"}),Bp=On("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),Un=On("div",{maxWidth:"300px",padding:"$10"});import{i18n as vi}from"@lingui/core";import{Typography as wg}from"@rango-dev/ui";import fo from"react";function Lp(){return fo.createElement(Un,null,fo.createElement(wg,{variant:"label",size:"medium",color:"neutral700"},vi.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,vi.t("Warning")),":",vi.t("This setting is applied per step, e.g. 1Inch, Thorchain, etc. and only that step will be reverted, not the whole transaction")))}s(Lp,"SlippageTooltipContent");function xi(){let t=D.use.slippage(),e=D.use.setSlippage(),o=D.use.customSlippage(),n=D.use.setCustomSlippage();return Te.createElement(Wp,null,Te.createElement(Bp,null,Te.createElement(Pp,{variant:"title",size:"xmedium"},Mp.t("Slippage tolerance per swap")),Te.createElement($p,{direction:"horizontal",size:4}),Te.createElement(Eg,{container:ee(),side:"top",content:Te.createElement(Lp,null)},Te.createElement(xg,{color:"gray"}))),Te.createElement(Np,null,Ss.map((r,i)=>{let a=`slippage-${i}`;return Te.createElement(Te.Fragment,null,Te.createElement(vg,{style:{width:"64px",flexShrink:0},key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`}),Te.createElement($p,{direction:"horizontal",size:8}))}),Te.createElement(bg,{type:"number",min:"0.01",max:"30",step:"0.01",fullWidth:!0,variant:"contained",value:o||"",color:"dark",onChange:r=>{let i=parseFloat(r.target.value);(!i||i>=ws&&i<=Ts)&&n(i)},suffix:o&&Te.createElement(Pp,{variant:"body",size:"small"},"%"),placeholder:Mp.t("Custom")})))}s(xi,"Slippage");function _p(){let t=Mg(),{theme:e}=v().config,o=v().fetchStatus,n=v().swappers(),{navigateBackFrom:r}=re(),i=D.use.infiniteApprove(),a=D.use.toggleInfiniteApprove(),l=Fo(n),p=l.filter(d=>d.type==="BRIDGE"||d.type==="AGGREGATOR"),u=p.length,m=p.filter(d=>d.selected).length,c=l.filter(d=>d.type==="DEX"),g=c.length,y=c.filter(d=>d.selected).length,k=s((d,C)=>{switch(o){case"loading":return G.createElement(Ng,{variant:"text",size:"medium",width:50});case"failed":return G.createElement(At,{variant:"body",size:"medium",color:"$error500"},Et.t("Loading failed"));default:return G.createElement(At,{variant:"body",size:"medium"},`${d} / ${C}`)}},"handleEndItem"),T={id:"bridge-item",title:G.createElement(At,{variant:"title",size:"xmedium"},Et.t("Enabled bridges")),end:G.createElement(G.Fragment,null,k(m,u),G.createElement(Ei,{direction:"horizontal",size:8}),G.createElement(bi,{color:"black"})),onClick:()=>t(S.bridges)},h={id:"exchange-item",title:G.createElement(At,{variant:"title",size:"xmedium"},Et.t("Enabled exchanges")),end:G.createElement(G.Fragment,null,k(y,g),G.createElement(Ei,{direction:"horizontal",size:8}),G.createElement(bi,{color:"gray"})),onClick:()=>t(S.exchanges)},x={id:"theme-item",title:G.createElement(At,{variant:"title",size:"xmedium"},Et.t("Theme")),end:G.createElement(bi,{color:"gray"}),onClick:()=>t(S.themes)},f={id:"infinite-approval-item",title:G.createElement(G.Fragment,null,G.createElement(At,{variant:"title",size:"xmedium"},Et.t("Infinite Approval")),G.createElement(Ei,{direction:"horizontal",size:4}),G.createElement(Lg,{side:"top",container:ee(),content:G.createElement(Un,null,G.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.")))},G.createElement(Ag,{color:"gray"}))),end:G.createElement(Bg,{checked:i}),onClick:a},w=[T,h];return e?.singleTheme||w.push(x),w.push(f),G.createElement(K,{header:{onBack:()=>r(S.settings),title:Et.t("Setting")}},G.createElement(Re,null,G.createElement(xi,null),G.createElement(Ig,{type:G.createElement(Wg,{title:"_",id:"_",onClick:()=>console.log()}),items:w})))}s(_p,"SettingsPage");import{cancelSwap as Ah}from"@rango-dev/queue-manager-rango-preset";import{useManager as Ih}from"@rango-dev/queue-manager-react";import fu from"react";import{i18n as et}from"@lingui/core";import{getCurrentBlockchainOfOrNull as lh,getCurrentStep as ph,getRelatedWalletOrNull as uh,PendingSwapNetworkStatus as Yn}from"@rango-dev/queue-manager-rango-preset";import{Button as su,CopyIcon as ch,Divider as mh,IconButton as dh,QuoteCost as fh,StepDetails as gh,Typography as Qt,useCopyToClipboard as hh}from"@rango-dev/ui";import{useWallets as yh}from"@rango-dev/wallets-react";import X,{useEffect as au,useRef as Sh,useState as lu}from"react";import{useNavigate as Ch}from"react-router-dom";import{i18n as we}from"@lingui/core";var $g=1e3,Pg=31536e3,_g=2592e3,Dg=86400,Fg=3600,Og=60;function Dp(t){let e=Math.floor((Date.now()-t)/$g),n=[{turningPoint:Pg,label:we.t("year"),pluralLabel:we.t("years")},{turningPoint:_g,label:we.t("month"),pluralLabel:we.t("months")},{turningPoint:Dg,label:we.t("day"),pluralLabel:we.t("days")},{turningPoint:Fg,label:we.t("hour"),pluralLabel:we.t("hours")},{turningPoint:Og,label:we.t("minute"),pluralLabel:we.t("minutes")}].sort((r,i)=>i.turningPoint-r.turningPoint);for(let r of n){let{turningPoint:i,label:a,pluralLabel:l}=r,p=Math.floor(e/i);if(p>1)return`${p} ${l}`;if(p===1)return`${p} ${a}`}return e>1?`${e} ${we.t("seconds")}`:`${e} ${we.t("second")}`}s(Dp,"timeSince");function Fp(t){return t.finishTime?we.t({id:"{time} ago",values:{time:Dp(parseInt(t.finishTime))}}):we.t({id:"{time} ago",values:{time:Dp(parseInt(t.creationTime))}})}s(Fp,"getSwapDate");import{PendingSwapNetworkStatus as Gn}from"@rango-dev/queue-manager-rango-preset";import{Modal as Vg}from"@rango-dev/ui";import Hn from"react";import{i18n as zn}from"@lingui/core";import{Button as Op,Divider as Ai,MessageBox as Ug,Typography as Up}from"@rango-dev/ui";import Ke from"react";var zp=s(({onCancel:t,onClose:e})=>Ke.createElement(Ke.Fragment,null,Ke.createElement(Ai,{size:20}),Ke.createElement(Ug,{type:"error",title:zn.t("Transaction Cancel"),description:zn.t("Are you sure you want to Cancel this swap?")}),Ke.createElement(Ai,{size:32}),Ke.createElement(Op,{variant:"contained",type:"primary",size:"large",onClick:t},Ke.createElement(Up,{variant:"title",size:"medium",color:"neutral100"},zn.t("Yes, Cancel it"))),Ke.createElement(Ai,{size:12}),Ke.createElement(Op,{variant:"outlined",type:"primary",size:"large",onClick:e},Ke.createElement(Up,{variant:"title",size:"medium",color:"primary"},zn.t("No, Continue")))),"CancelContent");import{i18n as qn}from"@lingui/core";import{Button as qp,Divider as Ii,MessageBox as zg,Typography as Gp}from"@rango-dev/ui";import Xe from"react";var Hp=s(({onDelete:t,onClose:e})=>Xe.createElement(Xe.Fragment,null,Xe.createElement(Ii,{size:20}),Xe.createElement(zg,{type:"error",title:qn.t("Delete Transaction"),description:qn.t("Are you sure you want to delete this swap?")}),Xe.createElement(Ii,{size:32}),Xe.createElement(qp,{variant:"contained",type:"primary",size:"large",onClick:t},Xe.createElement(Gp,{variant:"title",size:"medium",color:"neutral100"},qn.t("Yes, Delete it"))),Xe.createElement(Ii,{size:12}),Xe.createElement(qp,{variant:"outlined",type:"primary",size:"large",onClick:e},Xe.createElement(Gp,{variant:"title",size:"medium",color:"primary"},qn.t("No, Cancel")))),"DeleteContent");import{i18n as Wi}from"@lingui/core";import{PendingSwapNetworkStatus as Ni}from"@rango-dev/queue-manager-rango-preset";var Bi={[Ni.WaitingForNetworkChange]:{type:"loading",title:Wi.t("Change Network")},[Ni.WaitingForConnectingWallet]:{type:"warning",title:Wi.t("Connect Wallet")},[Ni.NetworkChanged]:{type:"success",title:Wi.t("Network Changed")}};import{MessageBox as Gg,Wallet as Hg,WalletState as Vp}from"@rango-dev/ui";import{useWallets as Qg}from"@rango-dev/wallets-react";import go from"react";import{styled as qg}from"@rango-dev/ui";var Qp=qg("div",{display:"flex",justifyContent:"center"});var jp=s(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:i}=t,{connect:a,getWalletInfo:l,state:p}=Qg(),u=n?.walletType,c=u&&p(u).connected?Vp.CONNECTED:Vp.DISCONNECTED;return go.createElement(go.Fragment,null,go.createElement(Gg,{type:e,title:o,description:r}),i&&u&&go.createElement(Qp,null,go.createElement(Hg,{container:ee(),title:l(u).name,image:l(u).img,type:u,state:c,onClick:async()=>a(u)})))},"WalletStateContent");function Li(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:i,message:a}=t,l=e===Gn.WaitingForNetworkChange||e===Gn.WaitingForConnectingWallet||e===Gn.NetworkChanged;return Hn.createElement(Vg,{open:!!e,onClose:o,container:document.getElementById("swap-box")||document.body},l&&Hn.createElement(jp,{type:Bi[e].type,title:Bi[e].title,currentStepWallet:i,message:a,showWalletButton:e!==Gn.WaitingForNetworkChange}),e==="delete"&&Hn.createElement(Hp,{onClose:o,onDelete:n}),e==="cancel"&&Hn.createElement(zp,{onClose:o,onCancel:r}))}s(Li,"SwapDetailsModal");import{i18n as ho}from"@lingui/core";import{Button as Mi,Divider as Qn,MessageBox as Kp,Modal as jg,TokenAmount as Kg,Typography as Vn}from"@rango-dev/ui";import ce from"react";import{useNavigate as Xg}from"react-router-dom";function $i(t){let{open:e,onClose:o,status:n,priceValue:r,usdValue:i,token:a,chain:l,percentageChange:p,description:u,diagnosisUrl:m}=t,c=Xg();return ce.createElement(jg,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},n==="success"?ce.createElement(Kp,{type:"success",title:ho.t("Swap Successful")},ce.createElement(Kg,{direction:"vertical",type:"output",centerAlign:!0,price:{value:r,usdValue:i},token:a,chain:l,percentageChange:p}),ce.createElement(Qn,{size:12}),ce.createElement(Vn,{variant:"body",size:"medium",color:"neutral700",align:"center"},u)):ce.createElement(Kp,{type:"error",title:ho.t("Transaction Failed"),description:u}),ce.createElement(Qn,{size:32}),n==="success"&&ce.createElement(Mi,{variant:"contained",type:"primary",size:"large",onClick:()=>c(S.home)},ce.createElement(Vn,{variant:"title",size:"medium",color:"neutral100"},ho.t("Done"))),ce.createElement(Qn,{size:12}),m&&ce.createElement(ce.Fragment,null,ce.createElement(Mi,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(m,"_blank")},ce.createElement(Vn,{variant:"title",size:"medium",color:"primary"},ho.t("Diagnosis"))),ce.createElement(Qn,{size:12})),ce.createElement(Mi,{variant:"outlined",type:"primary",size:"large",onClick:o},ce.createElement(Vn,{variant:"title",size:"medium",color:"primary"},ho.t("See Details"))))}s($i,"SwapDetailsCompleteModal");import sh from"react";import{i18n as oh}from"@lingui/core";import{Alert as eu,IconButton as nh,LinkIcon as rh}from"@rango-dev/ui";import ft,{Fragment as ih}from"react";import{Alert as Yg,ChevronDownIcon as Jg,ChevronUpIcon as Zg,IconButton as Rg}from"@rango-dev/ui";import jn,{useState as eh}from"react";function Xp(t){let{message:e}=t,[o,n]=eh(!1);return jn.createElement(Yg,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&jn.createElement(Rg,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?jn.createElement(Zg,{size:12,color:"gray"}):jn.createElement(Jg,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}s(Xp,"FailedAlert");import{styled as th}from"@rango-dev/ui";var Yp=th("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as Jp}from"@lingui/core";import{PendingSwapNetworkStatus as Pi}from"@rango-dev/queue-manager-rango-preset";import{Alert as _i,Button as Zp}from"@rango-dev/ui";import yo from"react";function Rp(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?yo.createElement(_i,{type:"warning",title:n.shortMessage,action:yo.createElement(Zp,{size:"xxsmall",type:"warning",onClick:()=>{o(Pi.WaitingForNetworkChange),e().catch(i=>{console.log(i)})}},Jp.t("Change"))}):r===Pi.WaitingForConnectingWallet?yo.createElement(_i,{type:"warning",title:n.shortMessage,action:yo.createElement(Zp,{size:"xxsmall",type:"warning",onClick:()=>{o(Pi.WaitingForConnectingWallet)}},Jp.t("Connect"))}):yo.createElement(_i,{type:"warning",title:n.shortMessage})}s(Rp,"WarningAlert");function Di(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:i,hasAlreadyProceededToSign:a}=t,l=Jt(i),p=i.status==="waitingForApproval"&&!l,u=i.status==="running"&&!l;return ft.createElement(Yp,null,i.explorerUrl?.map((m,c,g)=>{let y=c+m.url,k=c===g.length-1,T=k&&u||p,h=k&&i.status==="failed";return ft.createElement(ih,{key:y},ft.createElement(eu,{type:T&&"loading"||h&&"error"||"success",title:m.description?`${m.description} Tx`:oh.t("View transaction"),action:m.url&&ft.createElement(nh,{variant:"ghost",size:"xsmall",onClick:()=>window.open(m.url,"_blank")},ft.createElement(rh,{size:16}))}))}),(u&&!a||p&&!i.explorerUrl?.length)&&ft.createElement(eu,{type:"loading",title:r.shortMessage}),i.status!=="failed"&&l&&ft.createElement(Rp,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),i.status==="failed"&&ft.createElement(Xp,{message:r}))}s(Di,"SwapDetailsAlerts");var tu=2e3;var ou=s(({swap:t,blockchains:e,...o})=>{let n=t.hasAlreadyProceededToSign!==!1;return t.steps.map((r,i)=>{let a=i===0?t.inputAmount:t.steps[i-1].outputAmount;return{from:{token:{displayName:r.fromSymbol,image:r.fromLogo??""},chain:{displayName:hr(r.fromBlockchain,e)??"",image:r.fromBlockchainLogo??""},price:{value:N(a,6,6)}},to:{token:{displayName:r.toSymbol,image:r.toLogo},chain:{displayName:hr(r.toBlockchain,e)??"",image:r.toBlockchainLogo??""},price:{value:N(r.outputAmount||r.expectedOutputAmountHumanReadable,6,6)}},swapper:{displayName:r.swapperId,image:r.swapperLogo??""},alerts:sh.createElement(Di,{step:r,hasAlreadyProceededToSign:n,...o})}})},"getSteps");function nu(t){if(Jt(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"}}s(nu,"getStepState");import{darkTheme as ah,styled as Ht}from"@rango-dev/ui";var Kn=Ht("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",[`.${ah} &`]:{$$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"}}),Xn=Ht("div",{width:"100%"}),ru=Ht("div",{padding:"$0 $20 $20 $20",width:"100%",overflow:"auto"}),nL=Ht("div",{display:"flex",flexDirection:"column",gap:"$10"}),iu=Ht("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),rL=Ht("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1});function Fi(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:i,connect:a,getWalletInfo:l}=yh(),p=v().blockchains(),u=v().tokens(),m=$.use.retry(),c=Ch(),{navigateBackFrom:g}=re(),[y,k]=hh(tu),T=Sh(null),[h,x]=lu(null),[f,w]=lu(null),d=s(()=>{r(),x(null)},"onCancel"),C=Ie.use.getUnreadNotifications(),E=Ie.use.setAsRead(),P=C(),I=ph(e),_=I?.networkStatus;au(()=>{P.find(me=>me.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(w(e.status),E(e.requestId))},[e.status]),au(()=>{ne?x(Yn.WaitingForNetworkChange):_===Yn.WaitingForConnectingWallet||_===Yn.NetworkChanged?x(_):x(null)},[_]);let L=ea(e),Q=I?lh(e,I):null,b=I?uh(e,I):null,z=Fp(e),F=ta(e),O=s(ae=>!!l(ae)?.mobileWallet,"isMobileWallet"),ne=_===Yn.WaitingForNetworkChange&&!!Q&&!!b?.walletType&&(O(b.walletType)||i(b.walletType,Q)),Ue=ne?a.bind(null,b.walletType,Q):void 0,tt=Rs(e,I),V=ou({swap:e,switchNetwork:Ue,showNetworkModal:_,setNetworkModal:x,message:tt,blockchains:p}),Z=V.length,[ot,nt]=[e.steps[0],e.steps[Z-1]],gt=nt.outputAmount||nt.expectedOutputAmountHumanReadable,tr=e.steps.reduce((ae,me)=>ae+parseFloat(me.feeInUsd||""),0),bo=e.steps.find(ae=>ae.diagnosisUrl)?.diagnosisUrl,jt=N(String(parseFloat(N(gt,6,6))*(Mo(nt.toBlockchain,nt.toSymbol,nt.toSymbolAddress,u)||0)),4,4),U=N(String(parseFloat(e.inputAmount)*(Mo(ot.fromBlockchain,ot.fromSymbol,ot.fromSymbolAddress,u)||0)),4,4),j=Mt(U,jt),R=e.status==="success"?et.t({id:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:N(gt,6,6),token:V[Z-1].to.token.displayName,conciseAddress:Po(e.wallets[V[Z-1].to.chain.displayName]?.address||""),chain:V[Z-1].to.chain.displayName}}):`${et.t("Transaction was not sent.")} ${L?et.t({id:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:L.outputAmount,symbol:L.symbol,blockchain:L.blockchain}}):""}`;return X.createElement(K,{noPadding:!0,header:{title:et.t("Swap and Bridge"),onBack:()=>g(S.swapDetails),onCancel:e.status==="running"?()=>x("cancel"):void 0,suffix:e.status!=="running"&&X.createElement(Bt,null,X.createElement(su,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>x("delete")},X.createElement(Qt,{size:"medium",variant:"label",color:"error"},et.t("Delete"))))},footer:F&&!f&&X.createElement(su,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{m(e,{blockchains:p,tokens:u}),setTimeout(()=>{c(S.home)},0)}},et.t("Try again"))},X.createElement(Kn,null,X.createElement(Xn,null,X.createElement("div",{className:"row"},X.createElement(Qt,{variant:"label",size:"large",color:"neutral700"},`${et.t("Request ID")}:`),X.createElement("div",{className:"request-id"},X.createElement(Qt,{variant:"label",size:"small",color:"neutral700"},o),X.createElement(dh,{variant:"ghost",onClick:k.bind(null,o||"")},X.createElement(ch,{size:16,color:"gray"})))),X.createElement("div",{className:"row"},X.createElement(Qt,{variant:"label",size:"large",color:"neutral700"},`${et.t("Created at")}:`),X.createElement(Qt,{variant:"label",size:"small",color:"neutral700"},z))),X.createElement("div",{className:"output"},X.createElement(fh,{fee:N(String(tr),2,2),time:Io(Wo(e.steps)),steps:Z}),X.createElement(Rt,{from:{price:{value:N(e.inputAmount,6,6),usdValue:U},token:{displayName:V[0].from.token.displayName,image:V[0].from.token.image},chain:{image:V[0].from.chain.image,displayName:V[0].from.chain.displayName}},to:{price:{value:N(gt,6,6),usdValue:jt},token:{displayName:V[Z-1].to.token.displayName,image:V[Z-1].to.token.image},chain:{image:V[Z-1].to.chain.image,displayName:V[Z-1].to.chain.displayName}},percentageChange:N(String(j),2,2),warningLevel:Ye(j??0)})),X.createElement("div",{className:"title-steps"},X.createElement(Qt,{variant:"title",size:"small"},et.t("Swaps steps"))),X.createElement(mh,{size:8}),X.createElement(ru,{ref:T},V.map((ae,me)=>{let ze=me,ht=nu(e.steps[me]),Kt=ht==="error"||ht==="in-progress"||ht==="warning"||ht==="completed"&&me===V.length-1;return X.createElement(gh,{key:ze,step:ae,type:"swap-progress",ref:T,state:ht,hasSeparator:me!==0,tabIndex:ze,isFocused:Kt})}))),X.createElement(Li,{state:h,onClose:()=>x(null),onCancel:d,onDelete:n,message:tt.detailedMessage.content,currentStepWallet:b}),X.createElement($i,{open:!!f,diagnosisUrl:bo,onClose:()=>w(null),status:e.status==="success"?"success":"failed",priceValue:N(gt,6,6),usdValue:jt,percentageChange:N(String(j),2,2),token:{displayName:V[Z-1].to.token.displayName,image:V[Z-1].to.token.image},chain:{image:V[Z-1].to.chain.image},description:R}))}s(Fi,"SwapDetails");import{i18n as wo}from"@lingui/core";import{CopyIcon as xh,IconButton as bh,NotFound as Eh,Skeleton as mu,Typography as Zn}from"@rango-dev/ui";import pe from"react";import{i18n as Th}from"@lingui/core";import{ChainToken as wh,Divider as Ui,Skeleton as To,Typography as vh}from"@rango-dev/ui";import J from"react";import{styled as Oi}from"@rango-dev/ui";var pu=Oi("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"}}),uu=Oi("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"}}),Jn=Oi("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"});import{ChainToken as cu,Divider as So,NextIcon as kh,Skeleton as Co}from"@rango-dev/ui";import le from"react";function ko(t){let{extraInfo:e}=t;return le.createElement(uu,null,le.createElement("div",{className:"step-title"},le.createElement(Co,{height:28,width:28,variant:"circular"}),le.createElement(So,{direction:"horizontal",size:8}),le.createElement(Co,{height:15,width:148,variant:"rounded"})),le.createElement("div",{className:"step-tokens"},le.createElement(So,{direction:"horizontal",size:20}),le.createElement("div",{className:"step-token-info"},le.createElement(cu,{size:"small",loading:!0,chainImage:"",tokenImage:""}),le.createElement(So,{direction:"horizontal",size:8}),le.createElement(Co,{height:12,width:76,variant:"rounded"})),le.createElement("div",{className:"step-icon-container"},le.createElement(kh,{color:"gray",size:16})),le.createElement("div",{className:"step-token-info"},le.createElement(cu,{size:"small",loading:!0,chainImage:"",tokenImage:""}),le.createElement(So,{direction:"horizontal",size:8}),le.createElement(Co,{height:12,width:76,variant:"rounded"}))),e&&le.createElement("div",{className:"extra-info"},le.createElement(So,{direction:"horizontal",size:20}),le.createElement(Co,{height:22,width:297,variant:"rectangular"})))}s(ko,"LoadingSwapDetailStep");function zi(){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(Ui,{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(pu,null,J.createElement("div",{className:"cost"},J.createElement(To,{width:60,height:10,variant:"rounded"}),J.createElement(Ui,{size:4,direction:"horizontal"}),J.createElement(To,{width:60,height:10,variant:"rounded"}),J.createElement(Ui,{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(vh,{variant:"title",size:"small"},Th.t("Swaps steps"))),J.createElement("div",{className:"step-container"},J.createElement(ko,{extraInfo:!0}),J.createElement(Jn,null),J.createElement(ko,null),J.createElement(Jn,null),J.createElement(ko,null),J.createElement(Jn,null),J.createElement(ko,null)))}s(zi,"LoadingSwapDetails");function du(t){let{requestId:e,showSkeleton:o}=t,{navigateBackFrom:n}=re();return pe.createElement(K,{noPadding:!0,header:{title:wo.t("Swap and Bridge"),onBack:()=>n(S.swapDetails),suffix:pe.createElement(Bt,null)}},o&&pe.createElement(Kn,null,pe.createElement(Xn,null,pe.createElement("div",{className:"row"},pe.createElement(Zn,{variant:"label",size:"large",color:"neutral700"},`${wo.t("Request ID")}:`),pe.createElement("div",{className:"request-id"},pe.createElement(Zn,{variant:"label",size:"small",color:"neutral700"},pe.createElement(mu,{width:60,height:10,variant:"rounded"})),pe.createElement(bh,{variant:"ghost"},pe.createElement(xh,{size:16,color:"gray"})))),pe.createElement("div",{className:"row"},pe.createElement(Zn,{variant:"label",size:"large",color:"neutral700"},`${wo.t("Created at")}:`),pe.createElement(Zn,{variant:"label",size:"small",color:"neutral700"},pe.createElement(mu,{width:60,height:10,variant:"rounded"})))),pe.createElement(zi,null)),!o&&pe.createElement(iu,null,pe.createElement(Eh,{title:wo.t("Not found"),description:wo.t({id:"Swap with request ID = {requestId} not found.",values:{requestId:e}})})))}s(du,"SwapDetailsPlaceholder");function gu(){let{manager:t,state:e}=Ih(),o=!e.loadedFromPersistor,n=zt(t),r=Ce.use.selectedSwapRequestId(),{navigateBackFrom:i}=re(),{fetchStatus:a}=v(),l=o||a==="loading",p=n.find(({swap:g})=>g.requestId===r),u=s(()=>{if(p?.id){let g=t?.get(p.id);g&&Ah(g)}},"onCancel"),m=s(async()=>{if(p?.id)try{await t?.deleteQueue(p.id),i(S.swapDetails)}catch(g){console.log(g)}},"onDelete"),c=p?.swap;return!c||l?fu.createElement(du,{requestId:r||"",showSkeleton:l}):fu.createElement(Fi,{swap:c,requestId:r||"",onCancel:u,onDelete:m})}s(gu,"SwapDetailsPage");import{i18n as vo}from"@lingui/core";import{AutoThemeIcon as Wh,DarkModeIcon as Nh,LightModeIcon as Bh,List as Lh,ListItemButton as Mh,Radio as qi,RadioRoot as $h,Typography as Gi}from"@rango-dev/ui";import ve from"react";function hu(){let{navigateBackFrom:t}=re(),e=D.use.theme(),o=D.use.setTheme(),n=[{id:"light",value:"light",title:ve.createElement(Gi,{variant:"title",size:"xmedium"},vo.t("Light")),onClick:()=>o("light"),start:ve.createElement(Bh,{color:"gray"}),end:ve.createElement(qi,{value:"light"})},{id:"dark",value:"dark",title:ve.createElement(Gi,{variant:"title",size:"xmedium"},vo.t("Dark")),onClick:()=>o("dark"),start:ve.createElement(Nh,{color:"gray"}),end:ve.createElement(qi,{value:"dark"})},{id:"auto",value:"auto",title:ve.createElement(Gi,{variant:"title",size:"xmedium"},vo.t("Auto")),onClick:()=>o("auto"),start:ve.createElement(Wh,{color:"gray"}),end:ve.createElement(qi,{value:"auto"})}];return ve.createElement(K,{header:{onBack:()=>t(S.settings),title:vo.t("Theme")}},ve.createElement(Re,null,ve.createElement($h,{onValueChange:r=>o(r),value:e},ve.createElement(Lh,{type:ve.createElement(Mh,{title:vo.t("Theme"),id:"_",onClick:()=>console.log()}),items:n}))))}s(hu,"ThemePage");var _h=s(t=>t.replace("/",""),"getAbsolutePath");function yu(){return Ph([{path:S.home,element:xe.createElement(gn,null)},{path:S.fromSwap,element:xe.createElement(wi,{type:"source"})},{path:S.toSwap,element:xe.createElement(wi,{type:"destination"})},{path:S.fromBlockchain,element:xe.createElement(ci,{type:"source"})},{path:S.toBlockchain,element:xe.createElement(ci,{type:"destination"})},{path:S.settings,element:xe.createElement(_p,null)},{path:S.themes,element:xe.createElement(hu,null)},{path:S.languages,element:xe.createElement(Jl,null)},{path:S.exchanges,element:xe.createElement(si,{sourceType:"Exchanges"})},{path:S.bridges,element:xe.createElement(si,{sourceType:"Bridges"})},{path:S.swaps,element:xe.createElement(Xl,null)},{path:S.swapDetails,element:xe.createElement(gu,null)},{path:S.wallets,element:xe.createElement(wl,null)},{path:_h(S.confirmSwap),element:xe.createElement(Ol,null)}])}s(yu,"AppRoutes");import{isApprovalTX as Dh,MainEvents as Cu,RouteEventType as ku,StepEventType as Vt,StepExecutionEventStatus as Fh,useEvents as Oh}from"@rango-dev/queue-manager-rango-preset";import{useEffect as Tu}from"react";import{StepExecutionBlockedEventStatus as Hi}from"@rango-dev/queue-manager-rango-preset";var Su=[Hi.WAITING_FOR_CHANGE_WALLET_ACCOUNT,Hi.WAITING_FOR_NETWORK_CHANGE,Hi.WAITING_FOR_WALLET_CONNECT];function wu(){let t=v().tokens(),e=H.use.connectedWallets(),o=H.use.getWalletsDetails(),n=Ie.use.setNotification(),r=Ie.use.setAsRead(),i=Oh();return Tu(()=>(i.on(Cu.StepEvent,a=>{let{event:l,step:p,route:u}=a;if(l.type===Vt.TX_EXECUTION&&l.status===Fh.TX_SENT&&!Dh(p)||l.type===Vt.SUCCEEDED){let c=e.find(y=>y.chain===p?.fromBlockchain),g=p?.fromBlockchain!==p?.toBlockchain&&e.find(y=>y.chain===p?.toBlockchain);c&&o([c],t),g&&o([g],t)}l.type===Vt.TX_EXECUTION_BLOCKED&&Su.includes(l.status)||l.type===Vt.FAILED?n(l,u):(l.type===Vt.TX_EXECUTION||l.type===Vt.CHECK_STATUS)&&r(u.requestId)}),()=>i.all.clear()),[i,e.length]),Tu(()=>(i.on(Cu.RouteEvent,a=>{let{event:l,route:p}=a;(l.type===ku.FAILED||l.type===ku.SUCCEEDED)&&n(l,p)}),()=>i.all.clear()),[i,e.length]),null}s(wu,"WidgetEvents");import{globalCss as Uh}from"@rango-dev/ui";var vu=s(()=>Uh({"@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 Qh,lightTheme as Vh}from"@rango-dev/ui";import{useEffect as bu,useState as jh}from"react";import{theme as Gh,darkColors as Hh}from"@rango-dev/ui";var xu=s(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),zh=s(t=>{let e="",o;for(o=Math.abs(t);o>52;o=o/52|0)e=xu(o%52)+e;return xu(o%52)+e},"toAlphabeticName"),qh=s((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),Qi=s(t=>zh(qh(5381,JSON.stringify(t))>>>0),"toHash");function Vi(t){let e=Gh.colors,o=hi({...e,...Hh},!0,t?.dark),n=hi(e,!1,t?.light),r=Object.keys(o).length>0,i=Object.keys(n).length>0,a,l;if(i){let p={colors:n};a={id:`${nr}-light-${Qi(p)}`,tokens:p}}if(r){let p={colors:o};l={id:`${nr}-dark-${Qi(p)}`,tokens:p}}return{light:a,dark:l}}s(Vi,"customizedThemeTokens");function Eu(t){let{colors:e,fontFamily:o=ts,borderRadius:n=Ri,secondaryBorderRadius:r=es,mode:i="auto"}=t,[a,l]=jh("light"),p=D.use.theme(),u=D.use.setTheme(),{dark:m,light:c}=Vi(e),g=ji({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),y=[g.className,Vh.className],k=[g.className,Qh.className];if(c){let h=ji(c.id,c.tokens);y.push(h.className)}if(m){let h=ji(m.id,m.tokens);k.push(h.className)}return bu(()=>{let h=s(x=>{x.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)}},[]),bu(()=>{i!=="auto"&&u(i)},[i]),{activeTheme:s(()=>{let h=y.join(" "),x=k.join(" ");return p==="auto"?a==="dark"?x:h:p==="dark"?x:h},"getActiveTheme")}}s(Eu,"useTheme");import{styled as Kh}from"@rango-dev/ui";var Au=Kh("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 Rn(){vu();let{fetch:t,config:e}=v(),{activeTheme:o}=Eu(e?.theme||{}),{activeLanguage:n,changeLanguage:r}=Bn(),[i,a]=Wu(""),[l,p]=Wu(),u=Yh(Uo);return Jh(()=>{e?.apiKey&&Zi({API_KEY:e?.apiKey})},[e]),Iu(()=>{t().catch(),D.persist.rehydrate(),Ie.persist.rehydrate(),u.onConnectWallet(a)},[]),Iu(()=>{e?.language&&r(e.language)},[e?.language]),xo.createElement(Xh,{language:n},xo.createElement(Au,{id:"swap-container",className:o()},xo.createElement(wu,null),xo.createElement(dl,{lastConnectedWallet:i,disconnectedWallet:l,clearDisconnectedWallet:()=>{p(void 0)}},xo.createElement(yu,null))))}s(Rn,"Main");import Xi from"react";import{checkWaitingForNetworkChange as Zh,makeQueueDefinition as Rh}from"@rango-dev/queue-manager-rango-preset";import{Provider as ey}from"@rango-dev/queue-manager-react";import{useWallets as ty}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as oy}from"@rango-dev/wallets-shared";import{isEvmBlockchain as ny}from"rango-types";import ry,{useMemo as iy}from"react";function sy(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:i,getWalletInfo:a}=ty(),l=iy(()=>Rh({API_KEY:t.apiKey||Eo("API_KEY")}),[t.apiKey]),p=v().blockchains(),m={blockchains:H.use.connectedWallets().map(f=>({accounts:[f],name:f.chain}))},c=s(async(f,w)=>{if(i(f,w))return r(f,w)},"switchNetwork"),g=s(f=>!!a(f).mobileWallet,"isMobileWallet"),y=p.filter(f=>f.enabled).reduce((f,w)=>(f[w.name]=w,f),{}),k=p.filter(ny),T=s(f=>{let{supportedChains:w}=a(f);return Bo(w)},"getSupportedChainNames"),h=e(),x={meta:{blockchains:y,evmBasedChains:k,evmNetworkChainInfo:oy(k),getSupportedChainNames:T},getSigners:o,wallets:m,providers:h,switchNetwork:c,canSwitchNetworkTo:i,connect:r,state:n,isMobileWallet:g};return ry.createElement(ey,{queuesDefs:[l],context:x,onPersistedDataLoaded:f=>{Zh(f)},isPaused:!1},t.children)}s(sy,"QueueManager");var Nu=sy;import{useManager as ay}from"@rango-dev/queue-manager-react";import ly,{createContext as py,useContext as uy,useMemo as cy}from"react";var Bu=py(void 0);function Ki(t){let{manager:e}=ay(),o=zt(e),n=cy(()=>({swaps:o}),[e,o]);return ly.createElement(Bu.Provider,{value:n},t.children)}s(Ki,"WidgetInfo");function Lu(){let t=uy(Bu);if(!t)throw new Error("useWidget can only be used within the WidgetProvider component");return t}s(Lu,"useWidget");function er(t){let{onUpdateState:e,config:o}=t;return Xi.createElement(zo,{config:o,onUpdateState:e},Xi.createElement(Nu,{apiKey:o.apiKey},Xi.createElement(Ki,null,t.children)))}s(er,"WidgetProvider");function Mu(t){return t.config?.externalWallets?Yi.createElement(Rn,null):Yi.createElement(er,{config:t.config??ir},Yi.createElement(Rn,null))}s(Mu,"Widget");export{kP as MainEvents,TP as RouteEventType,wP as StepEventType,vP as StepExecutionBlockedEventStatus,xP as StepExecutionEventStatus,Mu as Widget,er as WidgetProvider,zo as WidgetWallets,Vi as customizedThemeTokens,Nl as useWallets,Lu as useWidget,bP as useWidgetEvents};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|