@rango-dev/widget-embedded 0.17.1-next.17 → 0.17.1-next.18

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/components/NotificationContent/NotificationContent.d.ts.map +1 -1
  2. package/dist/index.js +1 -1
  3. package/dist/index.js.map +3 -3
  4. package/package.json +1 -1
  5. package/src/components/NotificationContent/NotificationContent.tsx +2 -1
package/dist/index.js CHANGED
@@ -1,2 +1,2 @@
1
- var Du=Object.defineProperty;var s=(t,e)=>Du(t,"name",{value:e,configurable:!0});import{MainEvents as R$,RouteEventType as eP,StepEventType as tP,StepExecutionBlockedEventStatus as oP,StepExecutionEventStatus as nP,useEvents as rP}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Ml}from"@rango-dev/wallets-react";import{Events as pr,Provider as cc}from"@rango-dev/wallets-react";import{isEvmBlockchain as mc}from"rango-sdk";import Fo,{createContext as dc,useEffect as fc,useRef as gc}from"react";import{useEffect as Zu}from"react";import{create as Xu}from"zustand";import{subscribeWithSelector as Yu}from"zustand/middleware";import{RangoClient as Fu}from"rango-sdk";var Eo="c6381a79-2817-4602-83bf-6a641a409e32",Ri="https://api.rango.exchange";var nr={API_KEY:Eo};function At(t){return nr[t]||""}s(At,"getConfig");function es(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),nr=e,nr}s(es,"initConfig");var ts=20,os=25,ns="Roboto",rr="theme-widget";var Ao,It=s(()=>Ao||(Ao=new Fu(At("API_KEY"),At("BASE_URL")),Ao),"httpService");import{WalletState as He}from"@rango-dev/ui";import{readAccountAddress as zu}from"@rango-dev/wallets-react";import{detectInstallLink as qu,getCosmosExperimentalChainInfo as Gu,isEvmAddress as Hu,KEPLR_COMPATIBLE_WALLETS as Ly,Networks as ss}from"@rango-dev/wallets-shared";import ir from"bignumber.js";import{isCosmosBlockchain as Qu}from"rango-types";import Ou from"bignumber.js";var Ee=new Ou(0);import{WalletTypes as Uu}from"@rango-dev/wallets-shared";var rs=[Uu.LEAP];import{BigNumber as is}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"),W=s((t,e=null,o=null)=>{if(t==null||t==="")return"";let n=new is(t),r=1,i=1e3;for(let a=0;a<60;a++)if(new is(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 Ge=s((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),jt=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 Vu(t){switch(!0){case t.connected:return He.CONNECTED;case t.connecting:return He.CONNECTING;case!t.installed:return He.NOT_INSTALLED;default:return He.DISCONNECTED}}s(Vu,"mapStatusToWalletState");function as(t,e,o,n){return o.filter(r=>!rs.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=Vu(t(r));return{title:i,image:a,link:qu(l),state:p,type:r}})}s(as,"mapWalletTypesToWalletInfo");function Lo(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}s(Lo,"walletAndSupportedChainsNames");function ls(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}=zu(p),c=l.length>0,S=l.includes(m),f=m===ss.Unknown;if(c&&!S&&!f)return;let x=m===ss.Unknown&&Hu(u);if(f&&!x)return;o.includes(m)||x?r?a(m,u.toLowerCase()):l.filter(d=>o.includes(d)).forEach(d=>{a(d,u.toLowerCase())}):a(m,u)}),i}s(ls,"prepareAccountsForWalletStore");function ps(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(ps,"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 Bo(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}s(Bo,"isAccountAndWalletMatched");function us(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 ir(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:Mo(o,r.asset.symbol,r.asset.address,e)||null}))||[]}s(us,"makeBalanceFor");function cs(t){return{...t,loading:!1,error:!0}}s(cs,"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=Gu(Object.entries(t).map(([,n])=>n).filter(Qu));return o&&o[e]?.experimental},"isExperimentalChain");function ju(t,e){return t.map(({balance:o,...n})=>{let r=W(new ir(Wt(e,n.blockchain,n.symbol,n.address)?.amount||Ee)),i="";return n.usdPrice&&(i=W(new ir(Wt(e,n.blockchain,n.symbol,n.address)?.amount||Ee).multipliedBy(n.usdPrice))),{...n,...r!=="0"&&{balance:{amount:r,usdValue:i}}}})}s(ju,"getTokensWithBalance");function ms(t,e){let o=e.length>0?ju(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(ms,"getTokensBalanceFromWalletAndSort");function Ie(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}s(Ie,"tokensAreEqual");function ds(t){return t.sort((e,o)=>+(o.state===He.CONNECTED)-+(e.state===He.CONNECTED)||+(o.state===He.DISCONNECTED||o.state===He.CONNECTING)-+(e.state===He.DISCONNECTED||e.state===He.CONNECTING))}s(ds,"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 fs({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}s(fs,"getAddress");var Ku=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"),Qe=Ku;var V=Qe(Xu()(Yu((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=>Bo(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(f=>Bo(f,m)),S=p.find(f=>f.address===m.address&&f.blockChain===m.chain);return S?.failed&&c&&r&&i([c],n,!1),c&&S?{...m,explorerUrl:S.explorerUrl,balances:us(S,n)}:m})}));else throw new Error("Wallet not found")}catch{t(l=>({loading:!1,connectedWallets:l.connectedWallets.map(p=>o.find(u=>Bo(u,p))?cs(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 gs(t,e){return _o(t,e).map(r=>r.config.type)}s(gs,"configWalletsToWalletName");function hs(t,e){let o=V.use.clearConnectedWallet(),n=_o(void 0,e);return Zu(()=>{o(),n=_o(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}s(hs,"useWalletProviders");import ac,{createContext as lc,useContext as pc,useRef as uc}from"react";import{create as sc}from"zustand";var sr={apiKey:"",multiWallets:!0,enableNewLiquiditySources:!0},ys=s((t,e,o)=>({config:{...sr,...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 ar(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}s(ar,"areEqual");function Ss(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}s(Ss,"debounce");function gt(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}s(gt,"containsText");var R=s(()=>document.getElementById("swap-box"),"getContainer");import{create as nc}from"zustand";import{persist as rc,subscribeWithSelector as ic}from"zustand/middleware";import{English as Ru,French as ec,Japanese as tc,Spanish as oc}from"@rango-dev/ui";var Cs=[{title:"English",label:"English",local:"en",SVGFlag:Ru},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:oc},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:ec},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:tc}],Kt="en";var ks=[.5,1,3],Ts=1,ws=5,vs=100,xs=0;var D=Qe(nc()(rc(ic((t,e)=>({preferredBlockchains:[],slippage:Ts,customSlippage:null,infiniteApprove:!1,affiliateRef:null,affiliatePercent:null,affiliateWallets:null,disabledLiquiditySources:[],theme:"auto",language:Kt,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 Do(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(Do,"getUniqueSwappersGroups");function bs(t,e){return t.swapperGroup<e.swapperGroup?-1:t.swapperGroup>e.swapperGroup?1:0}s(bs,"sortLiquiditySourcesByGroupTitle");var Es=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=>Ie(u,p))||o.blockchain&&p.blockchain!==o.blockchain||!a.some(u=>u.name===p.blockchain)?!1:o.searchFor?!!(gt(p.symbol,o.searchFor)||gt(p.address||"",o.searchFor)||gt(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=>Ie(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(bs)},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 As(t){return sc()((...e)=>({...Es(...e),...ys(t,...e)}))}s(As,"createAppStore");var Is=lc(null);function T(){let t=pc(Is);if(!t)throw new Error("Missing AppStoreContext.Provider in the tree");return t()}s(T,"useAppStore");function Ws(t){let e=uc();return e.current||(e.current=As(t.config)),ac.createElement(Is.Provider,{value:e.current},t.children)}s(Ws,"AppStoreProvider");var Oo=dc({onConnectWallet:()=>{}});function hc(t){let e=T().updateConfig,o=T().blockchains(),n=T().tokens(),r={walletConnectProjectId:t.config?.walletConnectProjectId},{providers:i}=hs(t.config.wallets,r),a=V.use.disconnectWallet(),l=V.use.connectWallet(),p=gc();fc(()=>{t.config&&e(t.config)},[t.config]);let u=o.filter(mc).map(c=>c.name),m=s((c,S,f,y,x)=>{if(S===pr.ACCOUNTS)if(f){let g=Lo(x.supportedBlockchains),w=ls(c,f,u,g,x.isContractWallet);l(w,n)}else a(c);if(S===pr.ACCOUNTS&&y.connected){let g=`${c}-${y.network}-${f}`;y.connected&&(p.current?p.current(g):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(S===pr.NETWORK&&y.network){let g=`${c}-${y.network}`;p.current?p.current(g):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(c,S,f,y,x)},"onUpdateState");return Fo.createElement(Oo.Provider,{value:{onConnectWallet:c=>{p.current=c}}},Fo.createElement(cc,{allBlockChains:o,providers:i,onUpdateState:m,autoConnect:!0},t.children))}s(hc,"Main");function Uo(t){let{config:e,...o}=t;return Fo.createElement(Ws,{config:e},Fo.createElement(hc,{...o,config:e}))}s(Uo,"WidgetWallets");import Zi from"react";import{I18nManager as Xh}from"@rango-dev/ui";import vo,{useContext as Yh,useEffect as Lu,useState as Bu}from"react";import{useQueueManager as Sd}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Cd}from"@rango-dev/wallets-react";import{isEvmBlockchain as kd}from"rango-types";import Ct,{useEffect as Td,useRef as wd}from"react";import{MemoryRouter as vd,useInRouterContext as xd}from"react-router";import{useLocation as bd,useNavigate as Ed}from"react-router-dom";var L={home:"/",fromSwap:"from-swap",toSwap:"to-swap",blockchains:"blockchains",settings:"settings",liquiditySources:"liquidity-sources",themes:"themes",bridges:"bridges",exchanges:"exchanges",languages:"languages",swaps:"swaps",wallets:"wallets",confirmSwap:"confirm-swap",swapDetails:":requestId"};import{useWallets as Sc}from"@rango-dev/wallets-react";import{useEffect as Cc,useRef as kc}from"react";function Ns(){let{connect:t,state:e}=Sc(),o=kc({}),{fetchStatus:n}=T(),r=new URLSearchParams(location.search).get("autoConnect")||"",i=e(r);Cc(()=>{n==="success"&&r&&i.installed&&!i.connecting&&!i.connected&&!o.current[r]&&(o.current[r]=!0,t(r))},[i,n])}s(Ns,"useForceAutoConnect");import{i18n as qr}from"@lingui/core";import{Button as sd,styled as Gr,SwapInput as dl,WarningIcon as ad}from"@rango-dev/ui";import Fe,{useEffect as ld,useRef as pd,useState as ud}from"react";import{useNavigate as cd}from"react-router-dom";import{ChevronLeftIcon as vc}from"@rango-dev/ui";import Ms from"react";import{darkTheme as Tc,IconButton as wc,styled as zo}from"@rango-dev/ui";var Le=zo(wc,{width:"$24",position:"relative",padding:"0",overflow:"unset"}),Ls=zo("div",{position:"absolute",background:"$secondary500",[`.${Tc} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),Lt=zo("div",{display:"flex",justifyContent:"flex-end",width:"$40"}),Bs=zo("div",{position:"absolute",backgroundColor:"$secondary500",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0"});function ur(t){return Ms.createElement(Le,{variant:"ghost",size:"small",onClick:t.onClick},Ms.createElement(vc,{color:"black",size:16}))}s(ur,"BackButton");import{i18n as xc}from"@lingui/core";import{Button as bc,Typography as Ec}from"@rango-dev/ui";import cr from"react";function mr(t){return cr.createElement(Lt,null,cr.createElement(bc,{variant:"ghost",onClick:t.onClick,size:"xsmall"},cr.createElement(Ec,{variant:"label",size:"medium",color:"error500"},xc.t("Cancel"))))}s(mr,"CancelButton");import{i18n as Ac}from"@lingui/core";import{Tooltip as Ic,WalletIcon as Wc}from"@rango-dev/ui";import qo from"react";function dr(t){return qo.createElement(Ic,{container:t.container,side:"top",content:Ac.t("Connect Wallet")},qo.createElement(Le,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&qo.createElement(Ls,null),qo.createElement(Wc,{size:18,color:"black"})))}s(dr,"WalletButton");import{i18n as Qo}from"@lingui/core";import{NotificationsIcon as Qc,Popover as Vc,RefreshIcon as jc,SettingsIcon as Kc,Tooltip as Vo,TransactionIcon as Xc}from"@rango-dev/ui";import ue from"react";import{i18n as Fc}from"@lingui/core";import{ChainToken as Os,ChevronRightIcon as Oc,ListItemButton as Uc,Typography as zc}from"@rango-dev/ui";import Be from"react";import{useNavigate as qc}from"react-router-dom";import{create as Nc}from"zustand";import{persist as Lc,subscribeWithSelector as Bc}from"zustand/middleware";var We=Qe(Nc()(Lc(Bc((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 Mc}from"zustand";var Ce=Qe(Mc()(t=>({connectWalletsButtonDisabled:!1,selectedSwapRequestId:null,currentPage:"",setSelectedSwap:e=>t({selectedSwapRequestId:e}),setCurrentPage:e=>t({currentPage:e})})));import{styled as Go}from"@rango-dev/ui";var $s=Go("div",{padding:"$10",width:"350px",minHeight:"150px"}),Ps=Go("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),_s=Go("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),Ds=Go("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as $c}from"@lingui/core";import{Divider as Pc,NoNotificationIcon as _c,Typography as Dc}from"@rango-dev/ui";import Ho from"react";function Fs(){return Ho.createElement(Ds,null,Ho.createElement(_c,{color:"secondary",size:26}),Ho.createElement(Pc,{size:12}),Ho.createElement(Dc,{variant:"body",size:"medium",color:"neutral700"},$c.t("You have no notification")))}s(Fs,"NotificationNotFound");var Gc=4;function fr(){let t=qc(),e=Ce.use.setSelectedSwap(),{getUnreadNotifications:o}=We(),n=o(),r=T().blockchains(),i=T().tokens(),a=n.sort((p,u)=>u.creationTime-p.creationTime).slice(0,Gc),l=s(p=>{e(p),t(`${p}`)},"handleOnClick");return Be.createElement($s,null,a.length?Be.createElement(Ps,null,a.map(p=>{let u=i.find(f=>f.address===p.route.from.tokenAddress&&f.blockchain===p.route.from.blockchain&&f.symbol===p.route.from.tokenSymbol),m=r.find(f=>f.name===p.route.from.blockchain),c=i.find(f=>f.address===p.route.to.tokenAddress&&f.blockchain===p.route.to.blockchain&&f.symbol===p.route.to.tokenSymbol),S=r.find(f=>f.name===p.route.to.blockchain);return Be.createElement(Uc,{key:p.requestId,onClick:()=>l(p.requestId),title:Be.createElement(zc,{variant:"body",size:"small",color:"$neutral700"},Fc.t(p.event.message)),id:p.requestId,start:Be.createElement(_s,null,Be.createElement("div",{className:"from-chain-token"},Be.createElement(Os,{tokenImage:u?u.image:"",chainImage:m?m.logo:"",size:"small"})),Be.createElement("div",{className:"to-chain-token"},Be.createElement(Os,{tokenImage:c?c.image:"",chainImage:S?S.logo:"",size:"small"}))),end:Be.createElement(Oc,{size:12,color:"gray"})})})):Be.createElement(Fs,null))}s(fr,"NotificationContent");import{Typography as Hc}from"@rango-dev/ui";import Us from"react";function zs(){let{getUnreadNotifications:t}=We(),e=t().length;return e?Us.createElement(Bs,null,Us.createElement(Hc,{variant:"body",size:"xsmall",color:"$background"},e)):null}s(zs,"UnreadNotificationsBadge");function gr(t){let{layoutRef:e,onClickRefresh:o,onClickHistory:n,onClickSettings:r,onClickNotifications:i}=t;return ue.createElement(ue.Fragment,null,ue.createElement(Vo,{container:R(),side:"top",content:Qo.t("Refresh")},ue.createElement(Le,{variant:"ghost",size:"small",onClick:o,disabled:!o},ue.createElement(jc,{size:16,color:o?"black":"gray"}))),ue.createElement(Vo,{container:R(),side:"top",content:Qo.t("Notifications")},ue.createElement(Vc,{align:"center",collisionBoundary:e,collisionPadding:{right:20,left:20},container:R(),content:ue.createElement(fr,null)},ue.createElement(Le,{size:"small",variant:"ghost",onClick:i},ue.createElement(Qc,{size:18,color:"black"}),ue.createElement(zs,null)))),ue.createElement(Vo,{container:R(),side:"top",content:Qo.t("Settings")},ue.createElement(Le,{size:"small",variant:"ghost",onClick:r},ue.createElement(Kc,{size:18,color:"black"}))),ue.createElement(Vo,{container:R(),side:"top",content:Qo.t("Transactions History")},ue.createElement(Le,{size:"small",variant:"ghost",onClick:n},ue.createElement(Xc,{size:18,color:"black"}))))}s(gr,"HomeButtons");import{BottomLogo as Zc,Divider as Rc,Header as em}from"@rango-dev/ui";import me from"react";import{useNavigate as Yc}from"react-router-dom";function ot(){let t=Yc();return()=>t(-1)}s(ot,"useNavigateBack");import{darkTheme as Jc,styled as hr}from"@rango-dev/ui";var qs=hr("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"}}}}),Gs=hr("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"}}}}),Hs=hr("div",{backgroundColor:"$background","& .footer__content":{padding:"$0 $20"},"& .footer__logo":{padding:"$0 $20 $10 $20"}});function tm(t,e){let{children:o,header:n,footer:r,noPadding:i,hasLogo:a=!0,fixedHeight:l=!0}=t,p=V.use.connectedWallets(),u=Ce.use.connectWalletsButtonDisabled(),m=ot(),c=s(()=>{!u&&n.onWallet&&n.onWallet()},"onConnectWallet"),S=typeof n.hasBackButton>"u"||n.hasBackButton;return me.createElement(qs,{ref:e,fixedHeight:l,id:"swap-box"},me.createElement(em,{prefix:me.createElement(me.Fragment,null,S&&me.createElement(ur,{onClick:m})),title:n.title,suffix:me.createElement(me.Fragment,null,n.suffix,n.onWallet&&me.createElement(dr,{container:R(),onClick:c,isConnected:!!p?.length}),n.onCancel&&me.createElement(mr,{onClick:n.onCancel}))}),me.createElement(Gs,{noPadding:i},o),(a||r)&&me.createElement(Hs,null,me.createElement("div",{className:"footer__content"},r),a&&me.createElement("div",{className:"footer__logo"},me.createElement(Rc,{size:12}),me.createElement(Zc,null))))}s(tm,"LayoutComponent");var j=me.forwardRef(tm);j.displayName="Layout";import{ReverseIcon as um,styled as ua}from"@rango-dev/ui";import Ar from"react";import st from"bignumber.js";import{create as lm}from"zustand";import{subscribeWithSelector as pm}from"zustand/middleware";import{getLastSuccessfulStep as am}from"@rango-dev/queue-manager-rango-preset";import gT from"bignumber.js";var nt=(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))(nt||{});function Qs(t,e){return e.find(o=>o.name===t)?.displayName}s(Qs,"getBlockchainDisplayNameFor");function yr(t,e){return e.find(o=>o.name===t)?.shortName}s(yr,"getBlockchainShortNameFor");function Sr(t,e){return e.find(o=>Ie(o,t))??null}s(Sr,"findToken");function Cr(t,e){return e.find(o=>o.name===t)??null}s(Cr,"findBlockchain");import{i18n as Me}from"@lingui/core";import{PendingSwapNetworkStatus as Yo}from"@rango-dev/queue-manager-rango-preset";import ke from"bignumber.js";function jo(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(jo,"getRequiredWallets");function Ko(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}s(Ko,"isValidAddress");import{i18n as de}from"@lingui/core";var G=s(()=>({genericServerError:de.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:de.t("Please reset your liquidity sources."),description:de.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources")},noResultError:{title:de.t("No Routes Found"),description:de.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:de.t("Bridge Limit Error: Please increase your amount"),decreaseAmount:de.t("Bridge Limit Error: Please decrease your amount")},highValueLossError:{impactTitle:de.t("High Price Impact"),title:de.t("Price impact is too high!"),description:de.t("The price impact is significantly higher than the allowed amount. If you are sure, continue, otherwise, change the swap."),confirmMessage:de.t("Confirm High price impact")},quoteUpdatedWithHighValueLoss:{title:de.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:de.t("USD Price Unknown"),title:de.t("USD Price Unknown, Cannot calculate Price Impact."),description:de.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:de.t("Confirm USD Price Unknown")}}),"errorMessages");function Vs(t){switch(t.type){case 0:return t.diagnosisMessage??G().noResultError.title;case 1:return G().genericServerError;default:return""}}s(Vs,"getQuoteErrorMessage");import{i18n as Xo}from"@lingui/core";var ht=s(()=>({connectWallet:Xo.t("Connect Wallet"),swap:Xo.t("Swap"),swapAnyway:Xo.t("Swap anyway"),ethWarning:Xo.t("The route goes through Ethereum. Continue?")}),"swapButtonTitles");function js(t,e){return!t||!e||t.lte(Ee)||e.lte(Ee)?0:e.div(t).minus(1).multipliedBy(100).toNumber()}s(js,"getOutputRatio");function Ro(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(Ro,"hasHighValueLoss");function Xt(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(Xt,"hasLimitError");function kr(t){let e=(t.result?.swaps||[]).filter(l=>{let p=l.fromAmountMinValue?new ke(l.fromAmountMinValue):null,u=l.fromAmountMaxValue?new ke(l.fromAmountMaxValue):null;return l.fromAmountRestrictionType==="EXCLUSIVE"?p?.gte(l.fromAmount)||u?.lte(l.fromAmount):p?.gt(l.fromAmount)||u?.lt(l.fromAmount)})[0],o=e.fromAmountMinValue?new ke(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new ke(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",i="",a="";return!r&&o&&o.gt(e.fromAmount)?(i=Me.t({id:"Required: >= {min} {symbol}",values:{min:W(o,6,6),symbol:e.from.symbol}}),a=G().bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(i=Me.t({id:"Required: > {min} {symbol}",values:{min:W(o,6,6),symbol:e.from.symbol}}),a=G().bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(i=Me.t({id:"Required: <= {max} {symbol}",values:{max:W(n,6,6),symbol:e.from.symbol}}),a=G().bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(i=Me.t({id:"Required: < {max} {symbol}",values:{max:W(n,6,6),symbol:e.from.symbol}}),a=G().bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:i,recommendation:a}}s(kr,"getLimitErrorMessage");function Ks(t,e,o,n,r,i,a,l,p){return t!=="success"?{title:ht().connectWallet,state:"waitForConnecting",disabled:!0}:e.length==0?{title:ht().connectWallet,state:"waitForConnecting",disabled:!1}:o||!n||!n.result||r||!p||p==="0"?{title:ht().swap,disabled:!0,state:"swap"}:i||a?{title:ht().swapAnyway,disabled:!1,hasWarning:!0,state:"needToConfirm"}:l?{title:ht().ethWarning,disabled:!1,hasWarning:!0,state:"warning"}:{title:ht().swap,disabled:!1,state:"swap"}}s(Ks,"getSwapButtonState");function Tr(t,e,o){return!((!o||o.lte(Ee))&&t?.result&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t.result)}s(Tr,"canComputePriceImpact");function nm(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(nm,"requiredWallets");var rm=s((t,e,o,n)=>n?.find(i=>i.blockchain===t&&i.symbol?.toUpperCase()===e?.toUpperCase()&&i.address===o)?.usdPrice||null,"getUsdPrice");function im(t,e){let o=Ee;for(let n=0;n<t.fee.length;n++){let r=t.fee[n];if(r.expenseType==="DECREASE_FROM_OUTPUT")continue;let i=rm(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new ke(r.amount).multipliedBy(i||0))}return o}s(im,"getUsdFeeOfStep");function en(t,e){return t.reduce((o,n)=>o.plus(im(n,e)),Ee)}s(en,"getTotalFeeInUsd");function wr(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(wr,"checkSlippageErrors");function Xs(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(Xs,"checkSlippageWarnings");function tn(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(tn,"getMinRequiredSlippage");function Ys(t,e){return e?parseFloat(t)>=parseFloat(e):!0}s(Ys,"hasProperSlippage");function on(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:S,initialQuote:f,destination:y}=t,x=i?.reduce((h,C)=>(h[C.chain]=C.address,h),{}),g=[];r?.forEach(h=>{let C=g.find(A=>A.blockchain===h.chain);C?C.addresses.push(h.address):g.push({blockchain:h.chain,addresses:[h.address]})});let w=!!f,d=Nt((f?.result?.swaps||[]).reduce((h,C)=>(h.push(C.from.blockchain,C.to.blockchain),C.internalSwaps&&Array.isArray(C.internalSwaps)&&C.internalSwaps.map(A=>{h.push(A.from.blockchain,A.to.blockchain)}),h),[]));return{amount:n.toString(),affiliateRef:m??void 0,affiliatePercent:c??void 0,affiliateWallets:S??void 0,checkPrerequisites:w,from:{address:e.address,blockchain:e.blockchain,symbol:e.symbol},to:{address:o.address,blockchain:o.blockchain,symbol:o.symbol},connectedWallets:g,selectedWallets:x??{},slippage:u.toString(),...y&&{destination:y},...p&&{swapperGroups:a.concat(l??[]),swappersGroupsExclude:!0},...!p&&{swapperGroups:l?.filter(h=>!a.includes(h)),swappersGroupsExclude:!1},...w&&{blockchains:d}}}s(on,"createQuoteRequestBody");function Js(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}s(Js,"getWalletsForNewSwap");function Bt(t){return t.result?.outputAmount||null}s(Bt,"getQuoteOutputAmount");function it(t,e){return new ke(e).div(new ke(t)).minus(1).multipliedBy(100).toNumber()}s(it,"getPercentageChange");function Zs(t,e){let o=Bt(t),n=Bt(e);if(!o||!n)return!1;let r=it(o,n);return r?r<=-1:!0}s(Zs,"isOutputAmountChangedALot");function Rs(t,e){let o=t.validationStatus,n=ps(t);return e.sort((i,a)=>n.indexOf(i.chain)-n.indexOf(a.chain)).flatMap(i=>ia(i,o)||[]).filter(i=>!i.ok).map(i=>{let a=i.asset.symbol,l=W(new ke(i.currentAmount.amount).shiftedBy(-i.currentAmount.decimals),8,8),p=W(new ke(i.requiredAmount.amount).shiftedBy(-i.requiredAmount.decimals),8,8),u="";return i.reason==="FEE"&&(u=Me.t(" for network fee")),i.reason==="INPUT_ASSET"&&(u=Me.t(" for swap")),i.reason==="FEE_AND_INPUT_ASSET"&&(u=Me.t(" for input and network fee")),Me.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(Rs,"getBalanceWarnings");function ea(t,e){return(t?new ke(t):Ee).multipliedBy(e||0)}s(ea,"calcOutputUsdValue");function Yt(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==Yo.NetworkChanged}s(Yt,"isNetworkStatusInWarningState");function ta(t,e){let o="bellow button or",n=t.extraMessage,r=t.extraMessageDetail;if(t.networkStatusExtraMessageDetail?.includes(o)&&(t.networkStatusExtraMessageDetail=t.networkStatusExtraMessageDetail.replace(o,"")),Yt(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case Yo.WaitingForConnectingWallet:n=n||Me.t("Waiting for connecting wallet");break;case Yo.WaitingForQueue:n=n||Me.t("Waiting for other running tasks to be finished");break;case Yo.WaitingForNetworkChange:n=n||Me.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(ta,"getSwapMessages");function oa(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(oa,"getLastConvertedTokenInFailedSwap");function na(t){return t.status==="failed"&&!!t.finishTime&&new Date().getTime()-parseInt(t.finishTime)<4*3600*1e3}s(na,"shouldRetrySwap");function ra(t,e,o,n,r,i){return t||!e&&!nm(n).every(a=>r.map(l=>l.chain).includes(a))||!!e&&!o||!!e&&!!o&&i&&!Ko(i,o)}s(ra,"confirmSwapDisabled");function vr(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(vr,"searchParamsToToken");function aa(t){return t?.result?.swaps[t?.result?.swaps.length-1].to.usdPrice}s(aa,"getQuoteToTokenUsdPrice");function xr(t,e){let o=t.result?.swaps||[],n=e.result?.swaps||[];return o.length!==n.length}s(xr,"isNumberOfSwapsChanged");function br(t,e){let o=t.result?.swaps.map(r=>r.swapperId)||[],n=e.result?.swaps.map(r=>r.swapperId)||[];return!ar(o,n)}s(br,"isQuoteSwappersUpdated");function Er(t,e){let o=t.result?.swaps.map(r=>r.to.symbol)||[],n=e.result?.swaps.map(r=>r.to.symbol)||[];return!ar(o,n)}s(Er,"isQuoteInternalCoinsUpdated");function la(t,e){return xr(t,e)||br(t,e)||Er(t,e)}s(la,"isQuoteChanged");function ia(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(ia,"getRequiredBalanceOfWallet");function Je(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}s(Je,"getPriceImpactLevel");function pa(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],i=am(t.steps),a={blockchain:r.toBlockchain,symbol:r.toSymbol,address:r.toSymbolAddress},l=Cr(i?i.toBlockchain:n.fromBlockchain,e),p=Cr(r.toBlockchain,e),u=Sr(i?{blockchain:l?.name??"",symbol:i.toSymbol,address:i.toSymbolAddress}:{blockchain:l?.name??"",symbol:n.fromSymbol,address:n.fromSymbolAddress},o),m=Sr(a,o),c=i?i.outputAmount??"":t.inputAmount;return{fromBlockchain:l,fromToken:u,toBlockchain:p,toToken:m,inputAmount:c}}s(pa,"createRetryQuote");function nn(t,e){let{fromToken:o,toToken:n,tokens:r,userSlippage:i}=e,a=yt(o,t.requestAmount),l=yt(n,t.result?.outputAmount??"");if(t.result&&a&&l){let m=it(a.toString(),l.toString());if(Ro(a,m)){let S=en(t.result.swaps,r),f=Je(m);return{type:0,inputUsdValue:a,outputUsdValue:l,priceImpact:m,totalFee:S,warningLevel:f}}}else if(t.result&&(!a||!l))return{type:1};let p=tn(t),u=i>ws;if(Ys(e.userSlippage.toString(),p)){if(u&&parseFloat(p??"0")<i)return{type:3,slippage:i.toString()}}else return{type:2,recommendedSlippages:Xs(t,i),minRequiredSlippage:p};return null}s(nn,"generateQuoteWarnings");function Mt(t,e){let o=typeof e=="string"?parseFloat(e)<=0:!e?.gt(0);return!t||!e||o?null:it(t.toString(),e.toString())}s(Mt,"getPriceImpact");var yt=s((t,e)=>t?.usdPrice?new st(e||Ee).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),P=Qe(lm()(pm(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new st(0),outputUsdValue:new st(0),toBlockchain:null,toToken:null,quote:null,quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:"",quoteWarningsConfirmed:!1,setQuote:e=>t(o=>{let n=null,r=Ee;return jt(o.inputAmount)?(e&&(n=e.result?.outputAmount?new st(e.result?.outputAmount):null,r=ea(e.result?.outputAmount,aa(e)||o.toToken?.usdPrice)),{quote:e,...!!e&&{outputAmount:n,outputUsdValue:r}}):{}}),resetQuote:()=>t(()=>({quote:null,outputAmount:null,outputUsdValue:new st(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:yt(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 st(0),outputUsdValue:new st(0),quote:null},...!!o.fromToken&&{inputUsdValue:yt(o.fromToken,e)}}))},retry:(e,o)=>{let{tokens:n,blockchains:r}=o,{fromBlockchain:i,fromToken:a,toBlockchain:l,toToken:p,inputAmount:u}=pa(e,r,n);t({fromBlockchain:i,fromToken:a,inputAmount:u,outputAmount:null,inputUsdValue:yt(a??null,u),outputUsdValue:new st(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:yt(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 cm=ua("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),mm=ua("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 ca(){let t=P.use.switchFromAndTo();return Ar.createElement(cm,null,Ar.createElement(mm,{onClick:()=>{t()}},Ar.createElement(um,{size:12})))}s(ca,"SwitchFromAndToButton");import{Divider as ed}from"@rango-dev/ui";import ut from"react";import{i18n as Lr}from"@lingui/core";import{Alert as Cm,ChevronDownIcon as km,ChevronRightIcon as Fa,Divider as Br,Image as Oa,InfoIcon as Tm,QuoteCost as wm,StepDetails as vm,TokenAmount as xm,Tooltip as Ua,Typography as _t}from"@rango-dev/ui";import N,{useLayoutEffect as bm,useRef as Em,useState as Am}from"react";import{styled as Ir}from"@rango-dev/ui";var Wr=Ir("div",{width:"100%",paddingTop:"$2"}),ma=Ir("div",{paddingBottom:"$15"}),da=Ir("div",{width:"100%",display:"flex"});import*as sn from"@radix-ui/react-collapsible";import{darkTheme as Ve,Image as Wa,styled as at}from"@rango-dev/ui";import*as Pt from"@radix-ui/react-collapsible";import{Button as dm,darkTheme as $t,IconButton as fm,keyframes as fa,styled as he,TextField as gm}from"@rango-dev/ui";var Jt=300,hm=fa({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),ym=fa({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),ga=he("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),ha=he("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}),ya=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"}}}}),Sa=he(Pt.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit"}),Ca=he("div",{padding:"$20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),ka=he(fm,{position:"absolute",left:"$20"}),Ta=he("div",{paddingTop:"$20","& .wallets-list":{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}}),wa=he(Pt.Root,{backgroundColor:"$neutral200",borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),va=he(dm,{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}}),xa=he("div",{padding:"$10 $0","& .button__content":{display:"flex",justifyContent:"center",alignItems:"center"},"& .alarms":{paddingTop:"5px"}}),ba=he("div",{transition:`all ${Jt}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),Ea=he("div",{display:"flex"}),Aa=he(gm,{padding:"$0 $15 $15 $15"}),rn=he(Pt.Content,{overflow:"hidden",variants:{open:{true:{animation:`${hm} ${Jt}ms ease-out`},false:{animation:`${ym} ${Jt}ms ease-out`}}}}),Ia=he("div",{overflow:"visible",width:"100%"});var Nr=300,Na=at(sn.Root,{display:"flex",flexDirection:"column",alignItems:"start",overflowX:"auto",overflowY:"hidden",width:"100%",borderRadius:"$xm",variants:{recommended:{true:{$$color:"$colors$info300",[`.${Ve} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"},false:{$$color:"$colors$neutral400",[`.${Ve} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}}},"& .steps-details":{padding:"$10 $15"}}),La=at("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",[`.${Ve} &`]:{$$color:"$colors$secondary600"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}},false:{$$color:"$colors$neutral200",[`.${Ve} &`]:{$$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",[`.${Ve} &`]:{$$color:"$colors$secondary700"},backgroundColor:"$$color"}}},{listItem:!0,recommended:!1,css:{"&:hover":{$$color:"$colors$neutral300",[`.${Ve} &`]:{$$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",[`.${Ve} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}}),Ba=at(sn.Trigger,{display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",height:"$36",padding:"$10 $15",boxSizing:"border-box",cursor:"pointer",border:"none",outline:"none",backgroundColor:"transparent",variants:{error:{true:{[`& ${Wa}`]:{border:"1px $warning500 solid",borderRadius:"100%"}},false:{[`& ${Wa}`]:{border:"1px transparent solid",borderRadius:"100%"}}},recommended:{true:{$$color:"$colors$info300",[`.${Ve} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"},false:{$$color:"$colors$neutral400",[`.${Ve} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}}},"& div:nth-child(1)":{display:"flex"}}),Ma=at(rn,{width:"100%"}),an=at("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$2",transition:`all ${Nr}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),VT=at("div",{height:"$12",marginLeft:"$10",marginRight:"$10",borderLeft:"1px solid $foreground"}),$a=at("div",{display:"flex",justifyContent:"center",margin:"0 $15",borderTop:"1px solid",$$color:"$colors$neutral300",[`.${Ve} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color"}),Pa=at("div",{width:"$16",height:"$16",justifyContent:"center",alignItems:"center",display:"flex"});import{TokenAmount as Da}from"@rango-dev/ui";import ln from"react";import{styled as Sm}from"@rango-dev/ui";var _a=Sm("div",{position:"relative",display:"flex",flexDirection:"column",width:"100%","& .separator":{height:"14px",marginLeft:"14px",position:"absolute",borderLeft:"1px solid $foreground",top:"42%"}});function Zt(t){let{from:e,to:o,percentageChange:n,warningLevel:r}=t;return ln.createElement(_a,null,ln.createElement(Da,{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}}),ln.createElement("div",{className:"separator"}),ln.createElement(Da,{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(Zt,"QuoteSummary");function Mr(t){let{quote:e,input:o,output:n,error:r,warning:i,type:a,recommended:l=!0}=t,p=T().tokens(),[u,m]=Am(t.expanded),c=Em(null),S=W(en(e.result?.swaps??[],p),2,2),f=Io(Wo(e.result?.swaps)),y=Mt(o.usdValue,n.usdValue??null),x=W(String(y),2,2),g=Je(y??0),d=s(h=>h.map((C,A)=>{let B,E=r?.type===3&&r.swap.swapperId===C.swapperId||i?.type===2&&i.recommendedSlippages?.has(A),$=i?.type===2&&i.recommendedSlippages?.has(A);return E?B="error":$&&(B="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:A===0?W(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:B,alerts:E||$?N.createElement(ma,null,N.createElement(Cm,{type:E?"error":"warning",title:r?.type===3?r?.recommendation:Lr.t("Slippage Error:"),footer:N.createElement(da,null,r?.type===3&&N.createElement(N.Fragment,null,N.createElement(_t,{size:"xsmall",variant:"body",color:"neutral900"},r.fromAmountRangeError),N.createElement(Br,{direction:"horizontal",size:8}),N.createElement(_t,{size:"xsmall",variant:"body",color:"neutral900"},"|"),N.createElement(Br,{direction:"horizontal",size:8}),N.createElement(_t,{size:"xsmall",variant:"body",color:"neutral900"},Lr.t({id:"Yours: {amount} {symbol}",values:{amount:W(C.fromAmount,6,6),symbol:C?.from.symbol}}))),(r?.type===4||i?.type===2)&&N.createElement(_t,{size:"xsmall",variant:"body",color:"neutral900"},Lr.t({id:"min required Slippage: {minRequiredSlippage}",values:{...r?.type===4&&{minRequiredSlippage:r.recommendedSlippages?.get(A)},...i?.type===2&&{minRequiredSlippage:i.recommendedSlippages?.get(A)}}})))})):void 0}}),"getQuoteSteps")(e.result?.swaps??[]),k=d.length;return bm(()=>{u&&c.current&&setTimeout(()=>{c?.current?.scrollIntoView({behavior:"smooth"})},Nr)},[u]),N.createElement(N.Fragment,null,N.createElement(La,{recommended:l,listItem:a==="list-item",basic:a==="basic"},N.createElement("div",{className:"summary"},N.createElement(wm,{fee:S,time:f,steps:k}),a==="basic"&&N.createElement("div",{className:"basic-info"},N.createElement(Pa,null,N.createElement(Tm,{size:12,color:"gray"})),N.createElement(_t,{size:"small",variant:"body",style:{letterSpacing:.4}},`${o.value} ${d[0].from.token.displayName} = ${n.value} ${d[d.length-1].to.token.displayName}`),N.createElement(_t,{color:"$neutral600",ml:2,size:"xsmall",variant:"body"},`($${n.usdValue})`)),a==="list-item"&&N.createElement(xm,{type:"output",direction:"vertical",price:{value:n.value,usdValue:n.usdValue},token:{displayName:d[k-1].to.token.displayName,image:d[k-1].to.token.image},chain:{image:d[k-1].to.chain.image},percentageChange:x,warningLevel:g}),a==="swap-preview"&&N.createElement(N.Fragment,null,N.createElement(Zt,{from:d[0].from,to:d[k-1].to,percentageChange:x,warningLevel:g}),N.createElement(Br,{size:4}))),N.createElement(Na,{recommended:l,open:u,onOpenChange:m},N.createElement(Ba,{ref:h=>c.current=h,recommended:l,onClick:m.bind(null,h=>!h)},N.createElement("div",null,d.map((h,C)=>{let A=`item-${C}`;return N.createElement(N.Fragment,{key:A},N.createElement(Ua,{container:t.tooltipContainer,side:"bottom",sideOffset:4,content:h.from.chain.displayName},N.createElement(Oa,{src:h.from.chain.image,size:16})),C===k-1&&N.createElement(N.Fragment,null,N.createElement(an,null,N.createElement(Fa,{size:12,color:"black"})),N.createElement(Ua,{container:t.tooltipContainer,side:"bottom",sideOffset:4,content:h.to.chain.displayName},N.createElement(Oa,{src:h.to.chain.image,size:16}))),C!==k-1&&N.createElement(an,null,N.createElement(Fa,{size:12,color:"black"})))})),N.createElement(an,{orientation:u?"up":"down"},N.createElement(km,{size:12,color:"black"}))),N.createElement(Ma,{open:u},N.createElement($a,null),N.createElement("div",{className:"steps-details"},d.map((h,C)=>{let A=`item-${C}`;return N.createElement(vm,{type:"quote-details",key:A,step:h,hasSeparator:C!==d.length-1,state:h.state})}))))))}s(Mr,"Quote");import{ChainToken as pn,Divider as $e,NextIcon as Wm,Skeleton as ye}from"@rango-dev/ui";import b from"react";import{darkTheme as Im,styled as za}from"@rango-dev/ui";var qa=za("div",{$$color:"$colors$neutral100",[`.${Im} &`]:{$$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"}}),Ga=za("div",{borderLeft:"1px dashed black",minHeight:" 64px",margin:"0px 11.5px",alignSelf:"stretch",variants:{hideSeparator:{true:{minHeight:"unset",height:"0"}}}});function $r(t){let{separator:e=!0}=t;return b.createElement(b.Fragment,null,b.createElement("div",{className:"step__title"},b.createElement(ye,{height:22,width:22,variant:"circular"}),b.createElement($e,{direction:"horizontal",size:8}),b.createElement(ye,{height:15,width:148,variant:"rounded"})),b.createElement("div",{className:"step__content"},b.createElement(Ga,{hideSeparator:!e}),b.createElement("div",{className:"step__tokens"},b.createElement("div",{className:"step__token-info"},b.createElement(pn,{size:"small",loading:!0,chainImage:"",tokenImage:""}),b.createElement($e,{direction:"horizontal",size:8}),b.createElement(ye,{height:12,width:76,variant:"rounded"})),b.createElement("div",{className:"step__icon-container"},b.createElement(Wm,{color:"gray",size:16})),b.createElement("div",{className:"step__token-info"},b.createElement(pn,{size:"small",loading:!0,chainImage:"",tokenImage:""}),b.createElement($e,{direction:"horizontal",size:8}),b.createElement(ye,{height:12,width:76,variant:"rounded"})))))}s($r,"StepSkeleton");function Pr(t){let{type:e,expanded:o,tag:n=!1}=t,r=b.createElement("div",{className:"quote-summary"},b.createElement("div",{className:"token-amount"},b.createElement(pn,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),b.createElement($e,{size:8,direction:"horizontal"}),b.createElement("div",{className:"token-amount__label"},b.createElement(ye,{height:10,width:60,variant:"rounded"}),b.createElement($e,{size:4}),b.createElement(ye,{height:15,width:148,variant:"rounded"}))),b.createElement(ye,{height:12,width:64,variant:"rounded"}));return b.createElement(qa,null,b.createElement("div",{className:"cost-and-tag"},b.createElement("div",{className:"cost"},b.createElement(ye,{width:60,height:10,variant:"rounded"}),b.createElement($e,{size:4,direction:"horizontal"}),b.createElement(ye,{width:60,height:10,variant:"rounded"}),b.createElement($e,{size:4,direction:"horizontal"}),b.createElement(ye,{width:60,height:10,variant:"rounded"})),n&&b.createElement(ye,{height:22,width:100,variant:"rounded"})),e==="basic"&&b.createElement("div",{className:"basic-summary"},b.createElement(ye,{height:15,width:148,variant:"rounded"})),e==="list-item"&&b.createElement("div",{className:"output"},b.createElement("div",{className:"output__token-info"},b.createElement(pn,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),b.createElement($e,{direction:"horizontal",size:4}),b.createElement(ye,{height:15,width:150,variant:"rounded"})),b.createElement($e,{size:4}),b.createElement(ye,{height:10,width:184,variant:"rounded"})),e==="swap-preview"&&b.createElement(b.Fragment,null,b.createElement($e,{size:4}),b.createElement("div",{className:"swap-preview"},r,b.createElement("div",{className:"quote-summary__separator"}),r)),b.createElement("div",{className:"chains"},b.createElement(ye,{height:15,width:321,variant:"rounded"})),o&&b.createElement("div",{className:"steps"},b.createElement($e,{size:20}),b.createElement($r,null),b.createElement($r,null),b.createElement($r,{separator:!1})))}s(Pr,"QuoteSkeleton");import{i18n as Xm}from"@lingui/core";import{Alert as Ym,Button as Jm,InfoIcon as Zm}from"@rango-dev/ui";import Ae from"react";import{useNavigate as Rm}from"react-router-dom";import{Alert as Nm,Button as Lm,Divider as Xa,NoRouteIcon as Bm,RefreshIcon as Mm,Typography as Ya}from"@rango-dev/ui";import Pe from"react";import{i18n as Ha}from"@lingui/core";function Qa(t,e,o,n){return t?.type===1?{alert:{type:"warning",text:G().genericServerError,action:{onClick:n,title:Ha.t("Retry")}},description:""}:t?.type===0&&t.diagnosisMessage?{alert:{type:"error",text:t.diagnosisMessage,action:null},description:""}:e.length?{alert:{type:"warning",text:G().liquiditySourcesError.title,action:{onClick:()=>o(!0),title:Ha.t("Reset")}},description:G().liquiditySourcesError.description}:{alert:null,description:G().noResultError.description}}s(Qa,"makeInfo");import{styled as _r}from"@rango-dev/ui";var Va=_r("div",{minHeight:"162px",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"}),ja=_r("div",{width:"100%"}),Ka=_r("div",{padding:"$6 $0"});function Dr(t){let{fetch:e,error:o}=t,n=D.use.disabledLiquiditySources(),r=D.use.toggleAllLiquiditySources(),i=T().swappers(),a=Qa(o,n,()=>r(i,!0),e);return Pe.createElement(Va,null,Pe.createElement(Bm,{size:24,color:"gray"}),Pe.createElement(Xa,{size:4}),Pe.createElement(Ya,{variant:"title",size:"small"},G().noResultError.title),!!a.description&&Pe.createElement(Ya,{variant:"body",size:"small",align:"center",color:"neutral700"},a.description),Pe.createElement(Xa,{size:4}),!!a.alert&&Pe.createElement(ja,null,Pe.createElement(Nm,{type:a.alert.type,title:a.alert.text,action:a.alert.action&&Pe.createElement(Lm,{size:"xsmall",type:a.alert.type,prefix:Pe.createElement(Ka,null,Pe.createElement(Mm,{size:8})),onClick:a.alert.action.onClick},a.alert.action.title),variant:"alarm"})))}s(Dr,"NoResult");import{i18n as to}from"@lingui/core";import{Button as Pm,Divider as ol,MessageBox as _m,Modal as Dm,Typography as Fm,WarningIcon as Om}from"@rango-dev/ui";import je from"react";import{Typography as el}from"@rango-dev/ui";import Or from"react";import{darkTheme as $m,styled as un}from"@rango-dev/ui";var Ja=un("div",{width:"100%",paddingTop:"$10"}),Fr=un("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),Za=un("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%","._title":{$$color:"$colors$neutral600",[`.${$m} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Ra=un("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});function tl(t){let{title:e,value:o,valueColor:n}=t;return Or.createElement(Za,null,Or.createElement(el,{size:"medium",variant:"label",className:"_title"},e),Or.createElement(el,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}s(tl,"QuoteErrorsModalItem");function nl(t){let{open:e,onClose:o,onConfirm:n,warning:r}=t,i=r.warningLevel==="high"?"error":"warning",a=[{title:to.t("Swapping"),value:W(r.inputUsdValue,4,4)},{title:to.t("Gas cost"),value:W(r.totalFee,2,2)},{title:to.t("Receiving"),value:W(r.outputUsdValue,4,4)},{title:to.t("Price impact"),value:W(r.priceImpact,2,2),valueColor:`${i}500`}];return je.createElement(Dm,{open:e,onClose:o,container:R()},je.createElement(_m,{type:i,title:G().highValueLossError.impactTitle,description:G().highValueLossError.description}),je.createElement(Fr,null,je.createElement(ol,{size:20}),je.createElement(Fm,{size:"small",variant:"title"},to.t("Details")),je.createElement(Fr,null,a.map((l,p)=>je.createElement(tl,{key:p,...l})))),je.createElement(ol,{size:32}),je.createElement(Pm,{type:"primary",size:"large",prefix:je.createElement(Om,null),fullWidth:!0,onClick:n},G().highValueLossError.confirmMessage))}s(nl,"HighValueLossWarningModal");import{i18n as rl}from"@lingui/core";function il(t,e){let o={alertType:"warning",title:"",action:"show-info"};return t?(t.type===0&&(Je(t.priceImpact)==="high"&&(o.alertType="error"),o.title=G().highValueLossError.title),t.type===1&&(o.title=G().unknownPriceError.title),t.type===2&&(o.title=rl.t({id:"minimum required slippage for this route: {minRequiredSlippage}",values:{minRequiredSlippage:t.minRequiredSlippage}})),t.type===3&&(o.title=rl.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(il,"makeAlerts");import{i18n as Dt}from"@lingui/core";import{Button as sl,Divider as al,MessageBox as Um,Modal as zm,Typography as qm}from"@rango-dev/ui";import St from"react";import{useNavigate as Gm}from"react-router-dom";function ll(t){let{customSlippage:e,slippage:o}=D(),{open:n,onClose:r,onConfirm:i,warning:a}=t,l=Gm(),p=e??o;return St.createElement(zm,{anchor:"bottom",open:n,prefix:St.createElement(sl,{size:"small",variant:"ghost",onClick:()=>l("../"+L.settings)},St.createElement(qm,{variant:"label",size:"medium",color:"$neutral900"},Dt.t("Change settings"))),container:R(),onClose:r},St.createElement(Um,{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}})},St.createElement(al,{size:18}),St.createElement(al,{size:32}),St.createElement(sl,{size:"large",type:"primary",variant:"contained",fullWidth:!0,onClick:i},Dt.t("Confirm anyway"))))}s(ll,"SlippageWarningModal");import{Button as Hm,Divider as Qm,MessageBox as Vm,Modal as jm,WarningIcon as Km}from"@rango-dev/ui";import oo from"react";function pl(t){let{open:e,onClose:o,onConfirm:n}=t;return oo.createElement(jm,{open:e,onClose:o,container:R()},oo.createElement(Vm,{type:"warning",title:G().unknownPriceError.impactTitle,description:G().unknownPriceError.description}),oo.createElement(Qm,{size:32}),oo.createElement(Hm,{type:"primary",size:"large",prefix:oo.createElement(Km,null),fullWidth:!0,onClick:n},G().unknownPriceError.confirmMessage))}s(pl,"UnknownPriceWarningModal");function Ur(t){let{warning:e,error:o,refetchQuote:n,showWarningModal:r,onOpenWarningModal:i,onCloseWarningModal:a,onConfirmWarningModal:l}=t,p=Rm(),u={open:r,onClose:a,onConfirm:l},m=o?.type===0||o?.type===1,c=il(e,o?.type===3||o?.type===4?o:null);return Ae.createElement(Ae.Fragment,null,m&&Ae.createElement(Dr,{error:o,fetch:n}),!!c&&Ae.createElement(Ja,null,Ae.createElement(Ym,{title:c.title,type:c.alertType,variant:"alarm",action:c.action==="show-info"?Ae.createElement(Ra,{onClick:i},Ae.createElement(Zm,{size:12,color:"gray"})):Ae.createElement(Jm,{size:"xsmall",type:"error",onClick:()=>p(L.settings)},Xm.t("Change Settings"))})),e&&Ae.createElement(Ae.Fragment,null,e.type===0&&Ae.createElement(nl,{...u,warning:e}),(e.type===3||e.type===2)&&Ae.createElement(ll,{...u,warning:e}),e.type===1&&Ae.createElement(pl,{...u,warning:e})))}s(Ur,"QuoteWarningsAndErrors");function no(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:S,inputUsdValue:f,outputUsdValue:y,outputAmount:x}=P(),g=e&&e.result&&!n;return ut.createElement(ut.Fragment,null,n&&ut.createElement(Wr,null,ut.createElement(Pr,{type:o,expanded:c})),g?ut.createElement(Wr,null,ut.createElement(Mr,{quote:e,error:r,warning:i,type:o,expanded:c,recommended:!0,input:{value:W(S,6,6),usdValue:W(f,4,4)},output:{value:W(x,6,6),usdValue:W(y,4,4)}})):null,!i&&!r&&ut.createElement(ed,{size:16}),(i||r)&&ut.createElement(Ur,{warning:i,error:r,loading:n,refetchQuote:a,showWarningModal:l,onOpenWarningModal:p,onCloseWarningModal:u,onConfirmWarningModal:m}))}s(no,"QuoteInfo");import{useEffect as cl,useRef as rd,useState as zr}from"react";function cn(t){if(!t.result)throw new Error(G().noResultError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});if(Xt(t)){let{swap:n,recommendation:r,fromAmountRangeError:i}=kr(t);throw new Error("bridge limit error",{cause:{type:3,swap:n,recommendation:r,fromAmountRangeError:i}})}let o=wr(t);if(o){let n=tn(t);throw new Error("",{cause:{type:4,recommendedSlippages:o,minRequiredSlippage:n}})}return t}s(cn,"throwErrorIfResponseIsNotValid");function ul(t,e,o){let n=la(t,e),r={quote:null,quoteUpdate:null,balance:null},i=nn(e,{fromToken:o.fromToken,toToken:o.toToken,tokens:o.tokens,userSlippage:o.userSlippage});i&&(r.quote=i),n&&(Zs(t,e)?r.quoteUpdate={type:3,newOutputAmount:W(Bt(e)),percentageChange:W(it(Bt(t)??"",Bt(e)??""),null,2)}:xr(t,e)?r.quoteUpdate={type:0}:br(t,e)?r.quoteUpdate={type:1}:Er(t,e)&&(r.quoteUpdate={type:2}));let a=Rs(e,o.selectedWallets);return a.length===0||(r.balance={messages:a}),r}s(ul,"generateWarnings");function mn(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(mn,"handleQuoteErrors");import{useRef as od,useState as nd}from"react";function dn(){let[t,e]=nd(!1),o=od(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(dn,"useFetchQuote");var id=600;function ml(){let{fetch:t,cancelFetch:e}=dn(),{liquiditySources:o,enableNewLiquiditySources:n,experimental:r}=T().config,i=T().tokens(),{fromToken:a,toToken:l,inputAmount:p,inputUsdValue:u,resetQuote:m,setQuote:c}=P(),{slippage:S,customSlippage:f,affiliatePercent:y,affiliateRef:x,affiliateWallets:g,disabledLiquiditySources:w}=D(),[d,k]=zr(!1),[h,C]=zr(null),[A,B]=zr(null),E=rd(w),$=f??S,F=!a||!l||Ie(a,l)||!jt(p),v=s(O=>{k(O),C(null),B(null)},"resetState"),z=s(()=>{if(d||v(!0),!F){m();let O=on({fromToken:a,toToken:l,inputAmount:p,liquiditySources:o,excludeLiquiditySources:n,disabledLiquiditySources:w,slippage:$,affiliateRef:x,affiliatePercent:y,affiliateWallets:g});r?.routing&&(O.experimental=!0),t(O).then(Z=>{k(!1),c(Z),cn(Z);let le=nn(Z,{fromToken:a,toToken:l,userSlippage:$,tokens:i});B(le)}).catch(Z=>{let{error:le}=mn(Z);(le?.type===0||le?.type===1)&&m(),le?.type!==2&&(C(le),k(!1))})}},"fetch"),H=Ss(()=>{F||z()},id);return cl(()=>{if(!jt(p)||u?.eq(0)){v(!1),e();return}if(!F)return m(),v(!0),H(),e},[p,F]),cl(()=>{let O=!!E.current.length&&!w.length;return!F&&O&&z(),E.current=w,e},[w.length]),{fetch:z,loading:d,error:h,warning:A}}s(ml,"useSwapInput");var md=Gr("div",{display:"flex",flexDirection:"column",overflowY:"visible"}),dd=Gr("div",{position:"relative"}),fd=Gr("div",{display:"flex",flexDirection:"column",gap:5,alignSelf:"stretch"});function fn(){let t=cd(),{fetch:e,loading:o,error:n,warning:r}=ml(),{fromToken:i,fromBlockchain:a,toToken:l,toBlockchain:p,setInputAmount:u,inputAmount:m,inputUsdValue:c,outputAmount:S,outputUsdValue:f,quote:y,resetQuoteWallets:x,setQuoteWarningsConfirmed:g}=P(),w=T().fetchStatus,d=V.use.connectedWallets(),k=Ce.use.setCurrentPage(),[h,C]=ud(!1),A=pd(null),B=!1,E=js(c,f),$=Ro(c,E),_=!Tr(y,m,c),F=!Tr(y,m,f),v=Ks(w,d,o,y,Xt(y),$,_||F,B,m),z=a&&i?W(Wt(d,a?.name,i?.symbol,i?.address)?.amount||"0",8,8):"0",H=a&&i?W(Wt(d,a?.name,i?.symbol,i?.address)?.amount||"0",Wt(d,a?.name,i?.symbol,i?.address)?.decimal):"0";ld(()=>(k(L.home),x(),k.bind(null,"")),[]);let O=!c||!f||!f.gt(0)?null:it(c.toString(),f.toString());return Fe.createElement(j,{ref:A,fixedHeight:!1,hasLogo:!0,footer:Fe.createElement(sd,{type:"primary",size:"large",disabled:v.disabled,prefix:!v.disabled&&v.hasWarning&&Fe.createElement(ad,null),fullWidth:!0,onClick:()=>{v.state==="waitForConnecting"?t(L.wallets):r?C(!0):t(L.confirmSwap)}},v.title),header:{onWallet:()=>{t(L.wallets)},hasBackButton:!1,title:qr.t("Swap"),suffix:Fe.createElement(gr,{layoutRef:A.current,onClickRefresh:y||n?e:void 0,onClickHistory:()=>t(L.swaps),onClickSettings:()=>t(L.settings)})}},Fe.createElement(md,null,Fe.createElement(fd,null,Fe.createElement(dd,null,Fe.createElement(dl,{label:qr.t("From"),mode:"From",onInputChange:u,balance:z,chain:{displayName:a?.displayName||"",image:a?.logo||""},token:{displayName:i?.symbol||"",image:i?.image||""},onClickToken:()=>t(L.fromSwap),price:{value:m,usdValue:_?void 0:W(c,4,4),error:_?G().unknownPriceError.impactTitle:void 0},disabled:w==="failed",loading:w==="loading",onSelectMaxBalance:()=>{z!=="0"&&u(H.split(",").join(""))}}),Fe.createElement(ca,null)),Fe.createElement(dl,{sharpBottomStyle:!!y?.result||o,label:qr.t("To"),mode:"To",chain:{displayName:p?.displayName||"",image:p?.logo||""},token:{displayName:l?.symbol||"",image:l?.image||""},percentageChange:W(Mt(c,f),2,2),warningLevel:Je(O??0),price:{value:W(S,6,6),usdValue:F?void 0:W(f,4,4),error:F?G().unknownPriceError.impactTitle:void 0},onClickToken:()=>t(L.toSwap),disabled:w==="failed",loading:w==="loading"})),Fe.createElement(no,{quote:y,loading:o,error:n,warning:r,type:"basic",refetchQuote:e,showWarningModal:h,onOpenWarningModal:()=>C(!0),onCloseWarningModal:()=>C(!1),onConfirmWarningModal:()=>{C(!1),g(!0),t(L.confirmSwap)}})))}s(fn,"Home");import{useEffect as Hr,useRef as Qr}from"react";import{createSearchParams as gd,useLocation as hd,useSearchParams as yd}from"react-router-dom";import{useEffect as Ft,useMemo as gn,useRef as hn}from"react";function fl(){let{setInputAmount:t,setToToken:e,setToBlockchain:o,setFromBlockchain:n,setFromToken:r,fromToken:i,toToken:a,fromBlockchain:l,toBlockchain:p}=P(),u=T().config,m=T().fetchStatus,c=T().blockchains(),S=T().tokens(),{setAffiliateRef:f,setAffiliatePercent:y,setAffiliateWallets:x}=D(),g=gn(()=>u?.from?.tokens,[u?.from?.tokens]),w=gn(()=>u?.from?.blockchains,[u?.from?.blockchains]),d=gn(()=>u?.to?.tokens,[u?.to?.tokens]),k=gn(()=>u?.to?.blockchains,[u?.to?.blockchains]),h=hn(void 0),C=hn(void 0),A=hn(void 0),B=hn(void 0);Ft(()=>{t(u?.amount?.toString()||"")},[u?.amount]),Ft(()=>{if(m==="success"){let E=c.find(_=>_.name===u?.from?.blockchain),$=S.find(_=>Ie(_,u?.from?.token||null));(E||!E&&A.current)&&n(E??null),$?r({token:$,meta:{blockchains:c,tokens:S}}):!$&&h.current&&r({token:null}),A.current=u?.from?.blockchain,h.current=u?.from?.token}},[u?.from?.token?.symbol,u?.from?.token?.address,u?.from?.token?.blockchain,u?.from?.blockchain,m]),Ft(()=>{i&&g&&(g.some(E=>Ie(E,i))||r({token:null})),l&&w&&(w.includes(l.name)||n(null))},[g,w]),Ft(()=>{a&&d&&(d.some(E=>Ie(E,a))||e({token:null})),p&&k&&(k.includes(p.name)||o(null))},[d,k]),Ft(()=>{if(m==="success"){let E=c.find(_=>_.name===u?.to?.blockchain),$=S.find(_=>Ie(_,u?.to?.token||null));(E||!E&&B.current)&&o(E??null),$?e({token:$,meta:{blockchains:c,tokens:S}}):!$&&C.current&&e({token:null}),B.current=u?.to?.blockchain,C.current=u?.to?.token}},[u?.to?.token?.symbol,u?.to?.token?.address,u?.to?.token?.blockchain,u?.to?.blockchain,m]),Ft(()=>{f(u?.affiliate?.ref??null),y(u?.affiliate?.percent??null),x(u?.affiliate?.wallets??null)},[u?.affiliate?.ref,u?.affiliate?.percent,u?.affiliate?.wallets])}s(fl,"useSyncStoresWithConfig");function gl(){let t=Qr(!0),[e,o]=yd(),n=hd(),r=Qr(n.search),i=Qr({}),a=P.use.fromBlockchain(),l=P.use.toBlockchain(),p=P.use.fromToken(),u=P.use.toToken(),m=P.use.setFromBlockchain(),c=P.use.setFromToken(),S=P.use.setToBlockchain(),f=P.use.setToToken(),y=P.use.inputAmount(),x=P.use.setInputAmount(),g=T().fetchStatus,w=T().blockchains(),d=T().tokens(),k=Ce.use.setSelectedSwap();return fl(),Hr(()=>{let h={};gd(r.current).forEach((A,B)=>{h[B]=A}),i.current=h;let C=n.pathname.split(L.swaps+"/")[1]||null;C&&k(C)},[]),Hr(()=>{if(!t.current){let h="",C="",A="",B="",E="",$=i.current["autoConnect"];g!=="success"?(h=i.current["fromBlockchain"],C=i.current["fromToken"],A=i.current["toBlockchain"],B=i.current["toToken"],E=i.current["fromAmount"]||y):(h=a?.name||"",C=(p?.symbol||"")+(p?.address?`--${p?.address}`:""),A=l?.name||"",B=(u?.symbol||"")+(u?.address?`--${u?.address}`:""),E=y),o({...h&&{["fromBlockchain"]:h},...C&&{["fromToken"]:C},...A&&{["toBlockchain"]:A},...B&&{["toToken"]:B},...E&&{["fromAmount"]:E.toString()},...$&&{["autoConnect"]:$}},{replace:!0})}t.current=!1},[n.pathname,y,a,p,l,u]),Hr(()=>{if(g==="success"){let h=e.get("fromBlockchain"),C=e.get("fromToken"),A=e.get("toBlockchain"),B=e.get("toToken"),E=e.get("fromAmount"),$=w.find(z=>z.name===h),_=vr(d,C,$||null),F=w.find(z=>z.name===A),v=vr(d,B,F||null);$&&(m($),_&&c({token:_,meta:{blockchains:w,tokens:d}})),F&&(S(F),v&&f({token:v,meta:{blockchains:w,tokens:d}})),E&&x(E)}},[g]),null}s(gl,"UpdateUrl");function Ad(t){let e=bd(),o=Ed(),n=wd(!0),r=e.pathname.split("/"),a=r[r.length-1]===L.confirmSwap&&n.current;return Td(()=>{a&&o("."),n.current=!1},[]),a?Ct.createElement(fn,null):Ct.createElement(Ct.Fragment,null," ",t.children)}s(Ad,"Route");function hl({children:t,...e}){let o=xd(),n=o?Ad:vd,r=T().blockchains(),{canSwitchNetworkTo:i}=Cd();Ns();let a=r.filter(kd);return Sd({lastConnectedWallet:e.lastConnectedWallet,clearDisconnectedWallet:e.clearDisconnectedWallet,disconnectedWallet:e.disconnectedWallet,evmChains:a,canSwitchNetworkTo:i}),Ct.createElement(Ct.Fragment,null,Ct.createElement(n,null,t),o&&Ct.createElement(gl,null))}s(hl,"AppRouter");import xe from"react";import{useRoutes as _h}from"react-router-dom";import{i18n as xn}from"@lingui/core";import{useManager as uf}from"@rango-dev/queue-manager-react";import{Alert as Dl,Button as Fl,Divider as Ol,IconButton as Ul,RefreshIcon as cf,SettingsIcon as mf,styled as zl,Tooltip as df,Typography as ff,WalletIcon as gf}from"@rango-dev/ui";import Y,{useEffect as bn,useState as En}from"react";import{flushSync as hf}from"react-dom";import{useNavigate as yf}from"react-router-dom";import{i18n as Ze}from"@lingui/core";import{Alert as Zr,BalanceErrors as Jd,Button as $l,ChevronDownIcon as Zd,ChevronLeftIcon as Rd,Divider as Ut,MessageBox as ef,Modal as Pl,Typography as vn,WalletIcon as tf}from"@rango-dev/ui";import I,{useEffect as of,useLayoutEffect as nf,useRef as rf,useState as wt}from"react";import{useNavigate as sf}from"react-router-dom";import{i18n as yn}from"@lingui/core";function Sn(t){switch(t.type){case 0:return yn.t("Route has been updated.");case 3:return yn.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return yn.t("Route swappers has been updated.");case 2:return yn.t("Route internal coins has been updated.");default:return""}}s(Sn,"getQuoteUpdateWarningMessage");import{i18n as Oe}from"@lingui/core";import{Button as Kd,Divider as Yr,Image as Xd,MessageBox as wn,Modal as Wl,SelectableWallet as Yd,Typography as Nl,WalletState as Ll}from"@rango-dev/ui";import oe,{useEffect as Bl,useState as io}from"react";import{WalletState as yl}from"@rango-dev/ui";import{useWallets as Id}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as Wd,WalletTypes as Nd}from"@rango-dev/wallets-shared";import{useEffect as Ld,useState as Bd}from"react";var Md=Object.values(Nd);function Cn(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:i,disconnect:a,getWalletInfo:l,connect:p}=Id(),{connectedWallets:u}=V(),m=T().blockchains(),c=gs(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||Md,S=as(i,l,c,o),f=ds(S),[y,x]=Bd(""),g=s(h=>!u.find(C=>C.walletType===h&&C.chain===o),"isExperimentalChainNotAdded"),w=s(async h=>{let C=i(h);try{if(y&&x(""),C.connected)await a(h);else{let A=!!S.find(B=>B.state===yl.CONNECTED);if(!e?.multiWallets&&A)return;n?.(h),await p(h),r?.(h)}}catch(A){x("Error: "+A?.message)}},"handleClick"),d=s(()=>{let h=S?.filter(C=>C.state===yl.CONNECTING)||[];for(let C of h)a(C.type)},"disconnectConnectingWallets");Ld(()=>()=>{d()},[]);let k=s((h,C,A)=>$o(A,C)&&g(h)&&!Wd.includes(h),"shouldExcludeWallet");return{list:f.filter(h=>!k(h.type,o??"",m)),error:y,handleClick:w}}s(Cn,"useWalletList");import{i18n as wl}from"@lingui/core";import{styled as xl,Typography as Ud,Wallet as zd,WalletState as qd}from"@rango-dev/ui";import Tt,{Fragment as Gd,useState as vl}from"react";import{Divider as Fd,Modal as Od}from"@rango-dev/ui";import jr from"react";import{i18n as Ot}from"@lingui/core";import{Image as _d,MessageBox as Vr,WalletState as Dd}from"@rango-dev/ui";import kt from"react";import{keyframes as $d,styled as kn}from"@rango-dev/ui";var Hb=kn("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),Sl=kn("div",{position:"relative"}),Pd=$d({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),Cl=kn("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Pd} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),kl=kn("div",{"& img":{borderRadius:"50%"}});function Tl(t){let{state:e,image:o,error:n}=t;return e===Dd.CONNECTED?kt.createElement(Vr,{type:"success",title:Ot.t("Wallet Connected"),description:Ot.t("Your wallet is connected, you can use it to swap.")}):n?kt.createElement(Vr,{type:"error",title:Ot.t("Failed to Connect"),description:n||Ot.t("Your wallet is not connected. Please try again.")}):kt.createElement(Vr,{type:"loading",title:Ot.t("Connecting to your wallet"),description:Ot.t("Click connect in your wallet popup."),icon:kt.createElement(Sl,null,kt.createElement(kl,null,kt.createElement(_d,{src:o,size:45})),kt.createElement(Cl,null))})}s(Tl,"ModalContent");function ro(t){let{open:e,onClose:o,...n}=t;return jr.createElement(Od,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},jr.createElement(Tl,{...n}),jr.createElement(Fd,{direction:"vertical",size:32}))}s(ro,"WalletModal");var Hd=xl("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline",paddingTop:"$15",height:"100%"}),Qd=xl("div",{textAlign:"center"}),Tn=3e3,Kr=300;function bl(){let{config:t,fetchStatus:e}=T(),[o,n]=vl(!1),[r,i]=vl(""),a=null,{list:l,handleClick:p,error:u}=Cn({config:t,onBeforeConnect:f=>{a=setTimeout(()=>{n(!0),i(f)},Kr)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},Tn)}}),m=l.find(f=>f.type===r),c=m?.image||"",S=m?.state||qd.NOT_INSTALLED;return Tt.createElement(j,{header:{title:wl.t("Connect Wallets")}},Tt.createElement(Qd,null,Tt.createElement(Ud,{variant:"title",size:"xmedium",align:"center"},wl.t("Choose a wallet to connect.")),Tt.createElement(Hd,null,l.map((f,y)=>{let x=`wallet-${y}-${f.type}`;return Tt.createElement(Gd,{key:x},Tt.createElement(zd,{...f,container:R(),onClick:g=>{p(g)},isLoading:e==="loading"}))}),Tt.createElement(ro,{open:!!o,onClose:()=>n(!1),image:c,state:S,error:u}))))}s(bl,"WalletsPage");import{keyframes as Vd,styled as Xr}from"@rango-dev/ui";var El=Xr("div",{position:"relative"}),jd=Vd({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),Al=Xr("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${jd} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),Il=Xr("div",{"& img":{borderRadius:"50%"}});function Jr(t){let{chain:e,isSelected:o,selectWallet:n,limit:r,onShowMore:i}=t,{config:a}=T(),l=V.use.connectedWallets(),{blockchains:p}=T(),[u,m]=io(""),[c,S]=io(null),[f,y]=io(!1),[x,g]=io(null),{suggestAndConnect:w}=Ml(),d=null,{list:k,error:h,handleClick:C}=Cn({config:a,chain:e,onBeforeConnect:v=>{d=setTimeout(()=>{m(v)},Kr)},onConnect:()=>{d&&clearTimeout(d),setTimeout(()=>{m("")},Tn)}}),[A,B]=io(k),E=k.length,$=r&&E-r>0,_=s(async v=>{y(!1),g("in-progress");try{await w(v.walletType,v.chain),g("completed")}catch{g("rejected")}},"addExperimentalChain");Bl(()=>{B(v=>{let z=k.findIndex(H=>o(H.type,e));return $&&z>1?[k[z]].concat(k.filter((H,O)=>O!==z)):v.map(H=>k.find(O=>O.type===H.type)??H)})},[JSON.stringify(k)]);let F=document.querySelector("#swap-box");return Bl(()=>{let v=null;return(x==="completed"||x==="rejected")&&(v=setTimeout(()=>g(null),Tn)),()=>{v&&clearTimeout(v)}},[x]),oe.createElement(oe.Fragment,null,A.slice(0,r).map(v=>{let z=fs({connectedWallets:l,walletType:v.type,chain:e}),H=z?Po(z):"",O=$o(p(),e),Z=!l.find(ze=>ze.walletType===v.type&&ze.chain===e),le=O&&Z&&v.state===Ll.CONNECTED,te=le?Oe.t({id:"Add {chain} chain",values:{chain:e}}):H,ne=s(()=>{v.state===Ll.DISCONNECTED?C(v.type):le?(S({walletType:v.type,chain:e,address:z??""}),y(!0)):n({walletType:v.type,chain:e,address:z??""})},"onClick"),ge=c?.chain?Qs(c.chain,p()):void 0;return oe.createElement(oe.Fragment,null,oe.createElement(ro,{open:u===v.type,onClose:()=>m(""),image:v.image,state:v.state,error:h}),!!c&&oe.createElement(Wl,{open:!!c&&f,container:F,onClose:()=>{S(null)}},oe.createElement(wn,{title:Oe.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:ge}}),type:"warning",description:Oe.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:ge}})},oe.createElement(Yr,{size:18}),oe.createElement(Yr,{size:32}),oe.createElement(Kd,{onClick:_.bind(null,c),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},Oe.t("Confirm")))),x&&oe.createElement(Wl,{open:!!x,onClose:g.bind(null,null),container:F},x==="in-progress"&&oe.createElement(wn,{type:"loading",title:Oe.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:ge}}),description:Oe.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:ge}}),icon:oe.createElement(El,null,oe.createElement(Il,null,oe.createElement(Xd,{src:v.image,size:45})),oe.createElement(Al,null))}),x==="completed"&&oe.createElement(wn,{type:"success",title:Oe.t({id:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:ge}}),description:Oe.t({id:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:ge}})}),x==="rejected"&&oe.createElement(wn,{type:"error",title:Oe.t("Request Rejected"),description:Oe.t({id:"You've rejected adding {blockchainDisplayName} chain to your wallet.",values:{blockchainDisplayName:ge}})}),oe.createElement(Yr,{direction:"vertical",size:32})),oe.createElement(Yd,{key:v.type,description:te,onClick:ne,selected:o(v.type,e),...v}))}),$&&oe.createElement(ya,{selected:!1,onClick:i.bind(null)},oe.createElement(Nl,{variant:"label",size:"medium"},Oe.t("Show more wallets"),oe.createElement(Nl,{variant:"label",size:"medium",color:"$primary"},"\xA0+",E-(r??0)))))}s(Jr,"WalletList");var af=2;function _l(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,loading:i}=t,a=T().config,l=T().blockchains(),{quote:p,setSelectedWallets:u,quoteWalletsConfirmed:m,setQuoteWalletConfirmed:c,customDestination:S,setCustomDestination:f}=P(),{connectedWallets:y,selectWallets:x}=V(),[g,w]=wt(""),[d,k]=wt([]),[h,C]=wt(""),[A,B]=wt(null),[E,$]=wt(S),[_,F]=wt(!!S),v=rf(null),z=jo(p),H=l.find(U=>U.name===p?.result?.swaps[p?.result?.swaps.length-1].to.blockchain),O=s(U=>!!p?.result?.swaps.find(X=>X.from.blockchain===U),"isWalletRequiredFor"),[Z,le]=wt(y.filter(U=>U.selected&&z.includes(U.chain))),te=l.find(U=>U.name===H?.name),ne=s((U,X)=>!!Z.find(q=>q.walletType===U&&q.chain===X&&q.selected&&(O(X)||!O(X)&&!E)),"isSelected"),ge=!!E&&_&&te&&!Ko(te,E),ze=s(()=>{F(!1),$(""),le(U=>{let X=!1;return U.map(q=>!X&&q.chain===H?.name?(X=!0,{...q,selected:!0}):q)})},"resetCustomDestination"),ft=s(U=>{if(g&&w(""),ne(U.walletType,U.chain))return;let q=y.find(se=>se.walletType===U.walletType&&se.chain===U.chain);q&&(n(),U.chain===H?.name&&_&&(F(!1),$("")),le(se=>se.filter(qe=>qe.chain!==U.chain).concat({...q,selected:!0})))},"onChange"),xo=s(()=>{let U=Z.filter(X=>X.selected);x(U),u(U),f(E),c(!0),o()},"onConfirmBalance"),er=s(async()=>{k([]),C(""),B(null);let U=y.filter(se=>Z.find(qe=>qe.chain===se.chain&&qe.walletType===se.walletType)),X=await r?.({selectedWallets:U,customDestination:E}),q=X.warnings;q?.balance?.messages&&k(q.balance.messages),q?.quoteUpdate&&B(q.quoteUpdate),X.error&&C(Vs(X.error)),!X.error&&(!q?.balance?.messages.length||0>0)?xo():k(q?.balance?.messages??[])},"onConfirmWallets");of(()=>{le(U=>U.concat(y.filter(X=>!!!U.find(se=>se.chain===X.chain)&&X.selected&&z.includes(X.chain))))},[y.length]),nf(()=>{_&&v.current&&setTimeout(()=>{v?.current?.scrollIntoView({behavior:"smooth"})},Jt)},[_]);let Et=document.querySelector("#swap-box"),bo=sf();return I.createElement(Pl,{open:e,onClose:()=>{m||bo("../",{replace:!0}),o()},dismissible:!g,container:Et,...!g&&{footer:I.createElement(Ea,null,I.createElement($l,{loading:i,disabled:ra(i,_,E,p,Z,H),onClick:er,variant:"contained",type:"primary",fullWidth:!0,size:"large"},"Confirm"))},...g&&{containerStyle:{padding:"$0"},header:I.createElement(Ca,null,I.createElement(ka,{variant:"ghost",onClick:w.bind(null,"")},I.createElement(Rd,{size:16})),I.createElement(vn,{variant:"headline",size:"small"},Ze.t({id:"Your {blockchainName} wallets",values:{blockchainName:g}})))},anchor:"center"},I.createElement(Pl,{open:d.length>0,onClose:k.bind(null,[]),container:Et},I.createElement(ef,{title:Ze.t("Insufficient account balance"),type:"error",description:I.createElement(Jd,{messages:d??[]})},I.createElement($l,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:xo},Ze.t("Proceed anyway")))),g&&I.createElement(Ta,null,I.createElement("div",{className:"wallets-list"},I.createElement(Jr,{chain:g,isSelected:ne,selectWallet:ft,onShowMore:w.bind(null,g)}))),!g&&I.createElement(I.Fragment,null,h&&I.createElement(I.Fragment,null,I.createElement(Zr,{variant:"alarm",type:"error",title:Ze.t(h)}),I.createElement(Ut,{size:12})),A&&I.createElement(I.Fragment,null,I.createElement(Zr,{variant:"alarm",type:"warning",title:Sn(A)}),I.createElement(Ut,{size:12})),I.createElement(Ia,null,z.map((U,X)=>{let q=l.find(be=>be.name===U),se=`wallet-${X}`,qe=X===z.length-1;return I.createElement("div",{key:se},I.createElement(ga,null,I.createElement(vn,{variant:"title",size:"xmedium"},Ze.t({id:"Your {blockchainName} wallets",values:{blockchainName:q?.displayName}})),I.createElement(vn,{variant:"label",color:"$neutral700",size:"medium"},Ze.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:q?.displayName}}))),I.createElement(Ut,{size:24}),I.createElement(ha,null,I.createElement(Jr,{chain:U,isSelected:ne,selectWallet:ft,limit:af,onShowMore:()=>w(q?.name??"")})),!qe&&I.createElement(Ut,{size:32}),qe&&a?.customDestination&&I.createElement(xa,null,I.createElement(wa,{ref:v,selected:_,open:_,onOpenChange:be=>{be?O(H?.name??"")||le(tr=>tr.map(or=>or.chain===H?.name?{...or,selected:!1}:or)):ze()}},I.createElement(Sa,{onClick:()=>F(be=>!be)},I.createElement(va,{fullWidth:!0,variant:"default",suffix:I.createElement(ba,{orientation:_?"up":"down"},I.createElement(Zd,{size:10,color:"gray"}))},I.createElement("div",{className:"button__content"},I.createElement(tf,{size:18,color:"info"}),I.createElement(Ut,{size:4,direction:"horizontal"}),I.createElement(vn,{variant:"label",size:"medium"},Ze.t("Send to a different address"))))),I.createElement(rn,{open:_},I.createElement(I.Fragment,null,I.createElement(Ut,{size:4}),I.createElement(Aa,{autoFocus:!0,placeholder:Ze.t("Your destination address"),value:E,onChange:be=>{$(be.target.value)}})))),ge&&I.createElement("div",{className:"alarms"},I.createElement(Zr,{variant:"alarm",type:"error",title:Ze.t({values:{destination:E},id:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}s(_l,"ConfirmWalletsModal");import{calculatePendingSwap as lf}from"@rango-dev/queue-manager-rango-preset";import{useEffect as pf}from"react";function Rr(){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:S,disabledLiquiditySources:f}=D(),{connectedWallets:y}=V(),x=T().blockchains(),g=T().tokens(),{experimental:w}=T().config,d=u||p,{fetch:k,cancelFetch:h,loading:C}=dn();return pf(()=>h,[]),{loading:C,fetch:s(async B=>{let E=B.selectedWallets,$=B?.customDestination??a;if(!t||!e||!o||!i)return{quote:null,swap:null,error:null,warnings:null};let _=on({fromToken:t,toToken:e,inputAmount:o,wallets:y,selectedWallets:E,disabledLiquiditySources:f,slippage:d,affiliateRef:c,affiliatePercent:m,affiliateWallets:S,initialQuote:i,destination:$});w?.routing&&(_.experimental=!0);let F;try{F=await k(_).then(O=>cn(O)),n(F)}catch(O){let Z=mn(O);return(Z.error?.type===0||Z.error?.type===1)&&r(),Z}let v={slippage:d.toString(),disabledSwappersGroups:f},z=lf(o.toString(),F,Js(E),v,!1,{blockchains:x,tokens:g}),H=ul(i,F,{fromToken:t,toToken:e,tokens:g,selectedWallets:E,userSlippage:d});return H.quoteUpdate&&l(!1),{quote:F,swap:z,error:null,warnings:H}},"fetch"),cancelFetch:h}}s(Rr,"useConfirmSwap");var Sf=zl("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"}}),Cf=zl("div",{width:"100%",display:"flex",justifyContent:"space-between","& .confirm-button":{flexGrow:1,paddingRight:"$10"},[`& ${Ul}`]:{width:"$48",height:"$48"}});function ql(){let{quote:t,setInputAmount:e,selectedWallets:o,quoteWalletsConfirmed:n,setQuoteWalletConfirmed:r,customDestination:i,quoteWarningsConfirmed:a}=P(),l=yf(),[p,u]=En(""),{connectedWallets:m}=V(),c=!n,[S,f]=En(!1),y=Ce.use.setSelectedSwap(),{manager:x}=uf(),{fetch:g,loading:w,cancelFetch:d}=Rr(),[k,h]=En({swap:null,error:null,warnings:null}),[C,A]=En(!1),B=s(async({selectedWallets:v,customDestination:z})=>{let H=await g?.({selectedWallets:v,customDestination:z});return h(H),H},"onConfirmSwap"),E=s(async()=>{if(k.swap&&n)try{await x?.create("swap",{swapDetails:k.swap},{id:k.swap.requestId}),y(k.swap.requestId);let v=`../${L.swaps}/${k.swap.requestId}`;l(v,{replace:!0}),setTimeout(()=>{e("")},0)}catch(v){u("Error: "+v?.message)}},"addNewSwap"),$=s(async()=>{await E()},"onConfirm"),_=s(async()=>{k?.warnings?.quote&&!a?A(!0):await $()},"onStartConfirmSwap"),F=s(async()=>{h({error:null,swap:null,warnings:null}),g({selectedWallets:o}).then(v=>{h(v)}).catch(v=>console.error(v))},"onRefresh");return bn(()=>{c&&d()},[c]),bn(()=>{c&&f(c)},[c]),bn(()=>{c||g({selectedWallets:o,customDestination:i}).then(v=>h(v)).catch(v=>console.error(v))},[]),bn(()=>{let v=k.warnings?.quote?.type&&Object.values(nt).includes(k.warnings?.quote?.type),z=o.length<1||!o.every(O=>m.find(Z=>O.address===Z.address&&O.walletType===Z.walletType&&O.chain===Z.chain)),H=!1;if(v){let O=jo(t),Z=t?.result?.swaps[t.result.swaps.length-1].to.blockchain;!!t?.result?.swaps.find(ne=>ne.from.blockchain===Z)||(O=O.slice(-O.length,O.length-1)),O.every(ne=>o.find(ge=>ge.chain===ne))||(H=!0)}t&&(z||H)&&(queueMicrotask(()=>hf(f.bind(null,!0))),r(!1))},[k.warnings?.quote,o.length,m.length]),Y.createElement(j,{header:{title:xn.t("Confirm Swap"),onWallet:()=>{let v=`../${L.wallets}`;l(v)},suffix:Y.createElement(df,{container:R(),side:"bottom",content:xn.t("Settings")},Y.createElement(Le,{size:"small",variant:"ghost",onClick:()=>l("../"+L.settings)},Y.createElement(mf,{size:18,color:"black"})))},footer:Y.createElement(Cf,null,Y.createElement("div",{className:"confirm-button"},Y.createElement(Fl,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:w,disabled:!!k.error,onClick:_},xn.t("Start Swap"))),Y.createElement(Ul,{variant:"contained",type:"primary",size:"large",loading:w,onClick:f.bind(null,!0)},Y.createElement(gf,{size:24})))},S&&Y.createElement(_l,{open:S,onClose:()=>f(!1),onCancel:d,loading:w,onCheckBalance:B}),Y.createElement(Sf,null,Y.createElement("div",{className:"description"},Y.createElement(ff,{variant:"title",size:"small"},xn.t("You get")),Y.createElement(Fl,{style:{padding:"0"},variant:"ghost",disabled:w,onClick:F},Y.createElement("div",{className:"icon"},Y.createElement(cf,{size:16})))),p&&Y.createElement(Y.Fragment,null,Y.createElement(Dl,{type:"error",variant:"alarm",title:p}),Y.createElement(Ol,{size:12})),k.warnings?.quoteUpdate&&Y.createElement(Y.Fragment,null,Y.createElement(Dl,{variant:"alarm",type:"warning",title:k.warnings.quoteUpdate&&Sn(k.warnings.quoteUpdate)}),Y.createElement(Ol,{size:12})),Y.createElement(no,{quote:t,type:"swap-preview",expanded:!0,error:k.error,loading:w,warning:k.warnings?.quote??null,refetchQuote:F,showWarningModal:C,onOpenWarningModal:()=>A(!0),onCloseWarningModal:()=>A(!1),onConfirmWarningModal:async()=>{A(!1),await E()}})))}s(ql,"ConfirmSwapPage");import{i18n as In}from"@lingui/core";import{useManager as Ef}from"@rango-dev/queue-manager-react";import{Divider as Af,NotFound as If,styled as Jl}from"@rango-dev/ui";import ct,{useState as Wf}from"react";import{useNavigate as Nf}from"react-router-dom";import{CloseIcon as Tf,IconButton as wf,SearchIcon as vf,TextField as xf}from"@rango-dev/ui";import so from"react";import{styled as kf}from"@rango-dev/ui";var Gl=kf("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function Re(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:i,value:a,setValue:l,...p}=t;return so.createElement(xf,{prefix:so.createElement(Gl,null,so.createElement(vf,{color:"black"})),suffix:!!a.length&&so.createElement(wf,{variant:"ghost",onClick:()=>l?.(""),size:"small"},so.createElement(Tf,{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(Re,"SearchInput");import{i18n as Ql}from"@lingui/core";import{Divider as Vl,SwapListItem as jl,Typography as Kl}from"@rango-dev/ui";import ee from"react";import{darkTheme as bf,styled as An}from"@rango-dev/ui";var ei=An("div",{width:"100%",display:"flex",flexDirection:"column",".group-title":{$$color:"$colors$neutral600",[`.${bf} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),ti=An("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),oi=An("div",{gap:"$10",display:"flex",flexDirection:"column"}),Hl=An("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});function ni(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,i=n?n(e):[{title:"History",swaps:e}];if(r){let a=[{},{}];return ee.createElement(ee.Fragment,null,[{title:"Today",swaps:a},{title:"Last month",swaps:a}].map(p=>ee.createElement(ee.Fragment,{key:p.title},ee.createElement(ei,null,ee.createElement(ti,null,ee.createElement(Kl,{variant:"label",size:"medium",className:"group-title"},Ql.t(p.title))),ee.createElement(Vl,{size:4}),ee.createElement(oi,null,p.swaps.map((u,m)=>{let c=m+p.title;return ee.createElement(ee.Fragment,{key:c},ee.createElement(jl,{isLoading:!0}))}))))))}return ee.createElement(ee.Fragment,null,i.filter(a=>a.swaps.length>0).map(a=>ee.createElement(ee.Fragment,{key:a.title},ee.createElement(ei,null,ee.createElement(ti,null,ee.createElement(Kl,{variant:"label",size:"medium",className:"group-title"},Ql.t(a.title))),ee.createElement(Vl,{size:4}),ee.createElement(oi,null,a.swaps.map(l=>{let p=l.steps[0],u=l.steps[l.steps.length-1];return ee.createElement(ee.Fragment,{key:l.requestId},ee.createElement(jl,{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(ni,"SwapsGroup");import Xl from"dayjs";var Yl=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=Xl();return t.forEach(n=>{let r=Xl(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 Lf=Jl("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",height:"100%",gap:15}),Bf=Jl("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),Mf=s((t,e)=>t?.length?t.filter(o=>Ge(o.fromBlockchain,e)||Ge(o.toBlockchain,e)||Ge(o.toSymbol,e)||Ge(o.fromSymbol,e)).length:!1,"isStepContainsText");function Zl(){let t=Ce.use.setSelectedSwap(),e=Nf(),{manager:o,state:n}=Ef(),r=zt(o).map(({swap:c})=>c),[i,a]=Wf(""),l=!n.loadedFromPersistor,p=s(c=>{let S=c.target.value;a(S)},"searchHandler"),u=r;i&&(u=r.filter(c=>Ge(c.inputAmount,i)||Ge(c.status,i)||Mf(c.steps,i)||Ge(c.requestId,i)));let m=!u?.length&&!l;return ct.createElement(j,{header:{title:In.t("History")}},ct.createElement(Lf,null,ct.createElement(Re,{setValue:a,fullWidth:!0,variant:"contained",placeholder:In.t("Search Transaction"),autoFocus:!0,onChange:p,value:i}),ct.createElement(Bf,null,m&&ct.createElement(Hl,null,ct.createElement(Af,{size:32}),ct.createElement(If,{title:In.t("No results found"),description:i?In.t("Try using different keywords"):""})),!m&&ct.createElement(ni,{list:u,onSwapClick:c=>{t(c),e(c)},groupBy:Yl,isLoading:l}))))}s(Zl,"HistoryPage");import{i18n as Rl}from"@lingui/core";import{List as $f,ListItemButton as Pf,Radio as _f,RadioRoot as Df,Typography as Ff}from"@rango-dev/ui";import mt from"react";import{styled as Wn}from"@rango-dev/ui";var et=Wn("div",{height:"100%",overflow:"hidden"}),ao=Wn("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto"}),ri=Wn("div",{width:80,display:"flex",justifyContent:"flex-end"}),ii=Wn("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});function Nn(){let t=D.use.language(),e=D.use.setLanguage();return{activeLanguage:t,languages:Cs,defaultLanguage:Kt,changeLanguage:r=>e(r||Kt)}}s(Nn,"useLanguage");function ep(){let{activeLanguage:t,changeLanguage:e,languages:o}=Nn(),n=o.map(r=>{let{local:i,label:a,SVGFlag:l}=r;return{id:i,value:i,title:mt.createElement(Ff,{variant:"title",size:"xmedium"},a),onClick:()=>e(r.local),end:mt.createElement(_f,{value:i}),start:mt.createElement(l,null)}});return mt.createElement(j,{header:{title:Rl.t("Language")}},mt.createElement(et,null,mt.createElement(Df,{value:t},mt.createElement($f,{type:mt.createElement(Pf,{title:Rl.t("language"),id:"_",onClick:()=>console.log()}),items:n}))))}s(ep,"LanguagePage");import{i18n as qt}from"@lingui/core";import{Button as Gf,Checkbox as Hf,Image as Qf,ListItemButton as Vf,NotFound as jf,Typography as Kf}from"@rango-dev/ui";import Se,{useState as Xf}from"react";import{Checkbox as zf,Skeleton as op}from"@rango-dev/ui";import lo from"react";import{ListItem as Of,styled as Uf}from"@rango-dev/ui";var tp=Uf(Of,{height:61});var qf=30;function si(){return lo.createElement(ao,null,Array.from(Array(qf),t=>lo.createElement(tp,{hasDivider:!0,key:t,start:lo.createElement(op,{variant:"circular",width:35,height:35}),title:lo.createElement(op,{variant:"text",size:"large",width:90}),end:lo.createElement(zf,{checked:!1})})))}s(si,"LoadingLiquiditySourceList");function ai({sourceType:t}){let e=T().fetchStatus,o=T().swappers(),[n,r]=Xf(""),i=D.use.toggleLiquiditySource(),a=Do(o),l=[];t==="Exchanges"&&l.push("DEX"),t==="Bridges"&&(l.push("BRIDGE"),l.push("AGGREGATOR"));let p=a.filter(y=>l.includes(y.type)),u=p.length===p.filter(y=>y.selected).length,m=s(()=>{p.forEach(y=>{u?i(y.groupTitle):y.selected||i(y.groupTitle)})},"toggleAllSources"),c=p.map(y=>{let{selected:x,groupTitle:g,logo:w}=y;return{start:Se.createElement(Qf,{src:w,size:22,type:"circular"}),onClick:()=>i(g),end:Se.createElement(Hf,{checked:x}),title:Se.createElement(Kf,{variant:"title",size:"xmedium"},qt.t(g)),...y}}),S=s(y=>{let x=y.target.value;r(x)},"searchHandler"),f=c;return n&&(f=c.filter(y=>Ge(y.groupTitle,n))),Se.createElement(j,{header:{title:qt.t(t),suffix:Se.createElement(ri,null,Se.createElement(Gf,{variant:"ghost",size:"xsmall",onClick:m},qt.t(u?"Deselect all":"Select all")))}},Se.createElement(et,null,Se.createElement(Re,{value:n,setValue:r,fullWidth:!0,color:"light",variant:"contained",placeholder:qt.t("Search {sourceType}",{sourceType:t}),onChange:S}),e==="loading"&&Se.createElement(si,null),!f.length&&n?Se.createElement(ii,null,Se.createElement(jf,{title:qt.t("No results found"),description:qt.t("Try using different keywords")})):e==="success"&&Se.createElement(ao,null,f.map(y=>Se.createElement(Se.Fragment,{key:y.id},Se.createElement(Vf,{style:{height:"61px"},...y,selected:!1,hasDivider:!0}))))))}s(ai,"LiquiditySourcePage");import{i18n as up}from"@lingui/core";import{Divider as ci,SelectableCategoryList as rg}from"@rango-dev/ui";import vt,{useState as cp}from"react";import{i18n as pi}from"@lingui/core";import{Divider as lp,Image as Rf,ListItemButton as eg,NotFound as tg,Typography as pp}from"@rango-dev/ui";import Ne,{useEffect as og,useState as ng}from"react";import{BlockchainCategories as li}from"@rango-dev/ui";import{TransactionType as Ln}from"rango-sdk";var Yf=s((t,e)=>{switch(e){case li.ALL:return!0;case li.UTXO:return t.type===Ln.TRANSFER;case li.OTHER:return t.type!==Ln.TRANSFER&&t.type!==Ln.COSMOS&&t.type!==Ln.EVM;default:return t.type===e}},"filterByType"),np=s((t,e,o)=>t.filter(n=>Yf(n,o)).filter(n=>gt(n.name,e)||gt(n.displayName,e)),"filterBlockchains");import{styled as rp}from"@rango-dev/ui";var ip=rp("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),Bn=rp("ul",{padding:0,margin:0,listStyle:"none",overflowY:"auto",paddingRight:"$5",".image-container":{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as Jf,Skeleton as sp}from"@rango-dev/ui";import Mn from"react";var Zf=20;function ap(){return Mn.createElement(Bn,null,Array.from(Array(Zf),t=>Mn.createElement(Jf,{key:t,hasDivider:!0,start:Mn.createElement(sp,{variant:"circular",width:35,height:35}),title:Mn.createElement(sp,{variant:"text",size:"large",width:90})})))}s(ap,"LoadingBlockchainList");function ui(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[i,a]=ng(e),{fetchStatus:l}=T();og(()=>{a([...np(e,o,r)])},[e,o,r]);let p=s(()=>!i.length&&o?Ne.createElement(Ne.Fragment,null,Ne.createElement(lp,{size:32}),Ne.createElement(tg,{title:pi.t("No results found"),description:pi.t("Try using different keywords")})):Ne.createElement(Bn,{key:`${r}-${o}`},i.map(u=>Ne.createElement(eg,{key:`${u.name}-${u.chainId}`,hasDivider:!0,onClick:()=>n(u),start:Ne.createElement(Rf,{src:u.logo,size:30}),title:Ne.createElement(pp,{variant:"title",size:"medium"},u.displayName),id:u.chainId}))),"renderList");return Ne.createElement(ip,null,Ne.createElement(pp,{variant:"label",size:"large"},pi.t("Select Blockchain")),Ne.createElement(lp,{size:4}),l==="loading"&&Ne.createElement(ap,null),l==="success"&&p())}s(ui,"BlockchainList");function mi(t){let{type:e}=t,o=ot(),[n,r]=cp(""),[i,a]=cp("ALL"),l=P.use.setToBlockchain(),p=P.use.setFromBlockchain(),u=T().fetchStatus,m=T().blockchains({type:e});return vt.createElement(j,{header:{title:up.t("Select Blockchain")}},vt.createElement(ci,{size:12}),vt.createElement(rg,{setCategory:a,category:i,blockchains:m,isLoading:u==="loading"}),vt.createElement(ci,{size:24}),vt.createElement(Re,{value:n,autoFocus:!0,placeholder:up.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:c=>r(c.target.value)}),vt.createElement(ci,{size:16}),vt.createElement(ui,{list:m,searchedFor:n,blockchainCategory:i,onChange:c=>{e==="source"?p(c):l(c),o()}}))}s(mi,"SelectBlockchainPage");import{i18n as Np}from"@lingui/core";import{Divider as Lp}from"@rango-dev/ui";import Gt,{useState as Tg}from"react";import{useNavigate as wg}from"react-router-dom";import{i18n as gi}from"@lingui/core";import{BlockchainsChip as $n,Divider as gp,Image as hp,Skeleton as pg,Typography as hi}from"@rango-dev/ui";import fe from"react";import{useEffect as ag}from"react";var mp=["ETH","COSMOS","OSMOSIS"];function di(t,e,o){let n=JSON.parse(JSON.stringify(t)),r=[];if(n.sort(ig),o?.limit&&t.length>o.limit){let i=o.limit,a=e;if(e.length<=o.limit){let l=o.limit-e.length;for(let p=0;p<=l;p++){let u=n[p];a=a.filter(m=>u.name!==m)}}n.sort(sg(a)),r=n.splice(i)}return{list:n,more:r}}s(di,"prepare");function ig(t,e){let o=mp,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(ig,"sortByMostUsedBlockchains");function sg(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(sg,"generateSortByPreferredBlockchainsFor");function dp(t,e){return!!e.list.find(o=>o.name===t)}s(dp,"isInVisibleList");function fi(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=D();ag(()=>{if(e?.selected){let i=di(t,o,e);dp(e.selected,i)||n(e?.selected)}},[e?.selected]);let r=di(t,o,e);return{list:r.list,more:r.more,history:[]}}s(fi,"usePrepareBlockchainList");import{styled as lg}from"@rango-dev/ui";var fp=lg("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var ug=12;function yi(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:i}=t,a=fi(e,{limit:10,selected:n?.name}),{fetchStatus:l}=T(),p=P.use.resetToBlockchain(),u=P.use.resetFromBlockchain(),m=a.more.length>0,c=a.more.length===1,S=!c&&m;return fe.createElement("div",null,fe.createElement(gp,{size:12}),fe.createElement(hi,{variant:"label",size:"large"},gi.t("Select Blockchain")),fe.createElement(gp,{size:12}),fe.createElement(fp,null,l==="loading"&&Array.from(Array(ug),f=>fe.createElement(pg,{key:f,variant:"rounded",height:50})),l==="success"&&fe.createElement(fe.Fragment,null,fe.createElement($n,{selected:!n,onClick:()=>{o==="from"?u():p()}},fe.createElement(hi,{variant:"body",size:"xsmall",color:"secondary500"},gi.t("All"))),a.list.map(f=>fe.createElement($n,{key:f.name,selected:!!n&&n.name===f.name,onClick:()=>r(f)},fe.createElement(hp,{src:f.logo,size:30}))),c?fe.createElement($n,{key:a.more[0].name,selected:!!n&&n.name===a.more[0].name,onClick:()=>r(a.more[0])},fe.createElement(hp,{src:a.more[0].logo,size:30})):null,S?fe.createElement($n,{onClick:i,key:"more-blockchains"},fe.createElement(hi,{variant:"body",size:"xsmall",color:"secondary500"},gi._("More +{count}",{count:a.more.length}))):null)))}s(yi,"BlockchainsSection");import{i18n as wi}from"@lingui/core";import{darkTheme as bp,Divider as uo,ExternalLinkIcon as dg,Image as fg,ListItemButton as gg,NotFound as hg,PinIcon as yg,Skeleton as Ep,Typography as co,VirtualizedList as Sg}from"@rango-dev/ui";import M,{forwardRef as Cg,useEffect as Ap,useState as Ip}from"react";var yp=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"),Pn=s((t,e)=>{let a={[t]:e};for(let l=1;l<10;l++)l<5&&(a={...a,[t+l*100]:yp(e,(5-l)*25)}),l===5&&(a={...a,[t+l*100]:e}),l>5&&(a={...a,[t+l*100]:yp(e,-((l-5)*25))});return a},"generateRangeColors"),Si=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=Pn(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,...Pn(i,a)}}return n?r:{}},"generateColors");import{Divider as vp,ListItem as mg,Skeleton as po}from"@rango-dev/ui";import Ue from"react";import{darkTheme as Sp,styled as Ke,Typography as cg}from"@rango-dev/ui";var Cp=Ke("div",{display:"flex",flexDirection:"column",flexGrow:1}),Ci=Ke("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),_n=Ke("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",[`.${Sp} &`]:{$$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"}}}}}),ki=Ke("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),Ti=Ke(cg,{}),kp=Ke("div",{textAlign:"right",".usd-value":{$$color:"$colors$neutral600",[`.${Sp} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Dn=Ke("ul",{display:"flex",alignItems:"end",flexDirection:"column"}),aW=Ke("div",{display:"flex",alignItems:"center"}),Tp=Ke("div",{position:"relative",".image-container":{borderRadius:"$xm",overflow:"hidden"}}),wp=Ke("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6});function xp(t){return Ue.createElement(_n,null,Array.from(Array(t.size),e=>Ue.createElement(mg,{key:e,hasDivider:!0,start:Ue.createElement(po,{variant:"circular",width:35,height:35}),end:Ue.createElement(Dn,null,Ue.createElement(po,{variant:"text",size:"large",width:70}),Ue.createElement(vp,{size:4}),Ue.createElement(po,{variant:"text",size:"medium",width:50})),title:Ue.createElement("div",null,Ue.createElement(po,{variant:"text",size:"large",width:90}),Ue.createElement(vp,{size:4}),Ue.createElement(po,{variant:"text",size:"medium",width:90}))})))}s(xp,"LoadingTokenList");var vi=20,kg=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(Ci,{className:"token-title"},M.createElement(co,{variant:"title",size:"xmedium"},r.symbol),M.createElement(uo,{direction:"horizontal",size:4}),M.createElement(ki,{css:i},M.createElement(Ti,{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(dg,{color:"gray",size:12}))))},"renderDesc");function Wp(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[i,a]=Ip(e),l=T().fetchStatus,p=T().blockchains(),[u,m]=Ip(!0),c=V.use.loading(),{isTokenPinned:S}=T(),f=Cg((g,w)=>M.createElement("div",{...g,ref:w,style:{...g.style,height:`${parseFloat(g.style?.height)+8*2}px`}})),y=s(()=>{a(e.slice(0,i.length+vi))},"loadNextPage");Ap(()=>{m(e.length>i.length)},[i.length]),Ap(()=>{a(e.slice(0,vi))},[e]);let x=s(()=>!i.length&&o?M.createElement(M.Fragment,null,M.createElement(uo,{size:32}),M.createElement(hg,{title:wi.t("No results found"),description:wi.t("Try using different keywords")})):M.createElement(Sg,{Item:({index:g,style:w})=>{let d=i[g],k=d.address||"",h=p.find(E=>E.name===d.blockchain),C=Pn(d.symbol,h?.color||""),A={$$color:C[`${d.symbol}100`],[`.${bp} &`]:{$$color:C[`${d.symbol}900`]},backgroundColor:"$$color"},B={$$color:C[`${d.symbol}700`],[`.${bp} &`]:{$$color:C[`${d.symbol}100`]},color:"$$color"};return M.createElement("div",{style:{...w,paddingRight:5}},M.createElement(gg,{style:{height:w?.height},"tab-index":g,key:`${d.symbol}${d.address}`,id:`${d.symbol}${d.address}`,hasDivider:!0,onClick:()=>n(i[g]),start:M.createElement(Tp,null,M.createElement(fg,{src:d.image,size:30}),S(d)&&M.createElement(wp,null,M.createElement(yg,{size:12,color:"gray"}))),title:h?.type==="COSMOS"||d.name||!d.name&&!k?M.createElement(Ci,null,M.createElement(co,{variant:"title",size:"xmedium"},d.symbol),M.createElement(uo,{direction:"horizontal",size:4}),M.createElement(ki,{css:A},M.createElement(Ti,{variant:"body",size:"xsmall",css:B},d.blockchain))):void 0,description:h?.info&&k&&h.type!=="COSMOS"?kg({address:k,token:i[g],customCssForTag:A,customCssForTagTitle:B,name:d.name,url:h.info.addressUrl.split("{wallet}").join(k)}):d.name||void 0,end:c?M.createElement(Dn,null,M.createElement(Ep,{variant:"text",size:"large",width:70}),M.createElement(uo,{size:4}),M.createElement(Ep,{variant:"text",size:"medium",width:50})):i[g]?.balance&&M.createElement(kp,null,M.createElement(co,{variant:"title",size:"small"},d.balance?.amount),M.createElement("div",null),d.balance?.usdValue&&M.createElement(co,{variant:"body",className:"usd-value",size:"xsmall"},`$${d.balance?.usdValue}`))}))},hasNextPage:u,itemCount:i.length,loadNextPage:y,innerElementType:f,size:60,key:`${r}-${o}`}),"renderList");return M.createElement(Cp,null,M.createElement(co,{variant:"label",size:"large"},wi.t("Select Token")),M.createElement(uo,{size:4}),l==="loading"&&M.createElement(xp,{size:vi}),l==="success"&&M.createElement(_n,null,x()))}s(Wp,"TokenList");function xi(t){let{type:e}=t,o=wg(),n=ot(),{fromBlockchain:r,toBlockchain:i,setFromToken:a,setToToken:l,setFromBlockchain:p,setToBlockchain:u}=P(),{connectedWallets:m}=V(),[c,S]=Tg(""),y=(e==="source"?r:i)?.name??"",x=T().blockchains({type:e}),g=T().tokens({type:e,blockchain:y,searchFor:c}),w=ms(g,m),d=s(h=>{e==="source"?p(h):u(h)},"updateBlockchain"),k=s(h=>{e==="source"?a({token:h,meta:{blockchains:x,tokens:g}}):l({token:h,meta:{blockchains:x,tokens:g}})},"updateToken");return Gt.createElement(j,{header:{title:Np.t("Swap {type}",{type:e})}},Gt.createElement(yi,{blockchains:x,type:e=="source"?"from":"to",blockchain:e==="source"?r:i,onMoreClick:()=>o(L.blockchains),onChange:h=>{d(h)}}),Gt.createElement(Lp,{size:24}),Gt.createElement(Re,{value:c,autoFocus:!0,placeholder:Np.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>S(""),onChange:h=>S(h.target.value)}),Gt.createElement(Lp,{size:16}),Gt.createElement(Wp,{list:w,selectedBlockchain:y,searchedFor:c,onChange:h=>{k(h);let C=x.find(A=>h.blockchain===A.name);C&&d(C),n()}}))}s(xi,"SelectSwapItemsPage");import{i18n as xt}from"@lingui/core";import{ChevronRightIcon as Ai,Divider as Ii,InfoIcon as Ig,List as Wg,ListItemButton as Ng,Skeleton as Lg,Switch as Bg,Tooltip as Mg,Typography as bt}from"@rango-dev/ui";import Q from"react";import{useNavigate as $g}from"react-router-dom";import{i18n as _p}from"@lingui/core";import{Chip as xg,Divider as Dp,InfoIcon as bg,TextField as Eg,Tooltip as Ag,Typography as Fp}from"@rango-dev/ui";import Te from"react";import{styled as Fn}from"@rango-dev/ui";var Bp=Fn("div",{paddingTop:"$5",paddingBottom:"30px"}),Mp=Fn("div",{display:"flex",alignItems:"center",justifyContent:"start"}),$p=Fn("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),On=Fn("div",{maxWidth:"300px",padding:"$10"});import{i18n as bi}from"@lingui/core";import{Typography as vg}from"@rango-dev/ui";import mo from"react";function Pp(){return mo.createElement(On,null,mo.createElement(vg,{variant:"label",size:"medium",color:"neutral700"},bi.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),mo.createElement("br",null),mo.createElement("br",null),mo.createElement("b",null,bi.t("Warning")),":",bi.t("This setting is applied per step, e.g. 1Inch, Thorchain, etc. and only that step will be reverted, not the whole transaction")))}s(Pp,"SlippageTooltipContent");function Ei(){let t=D.use.slippage(),e=D.use.setSlippage(),o=D.use.customSlippage(),n=D.use.setCustomSlippage();return Te.createElement(Bp,null,Te.createElement($p,null,Te.createElement(Fp,{variant:"title",size:"xmedium"},_p.t("Slippage tolerance per swap")),Te.createElement(Dp,{direction:"horizontal",size:4}),Te.createElement(Ag,{container:R(),side:"top",content:Te.createElement(Pp,null)},Te.createElement(bg,{color:"gray"}))),Te.createElement(Mp,null,ks.map((r,i)=>{let a=`slippage-${i}`;return Te.createElement(Te.Fragment,null,Te.createElement(xg,{style:{width:"64px",flexShrink:0},key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`}),Te.createElement(Dp,{direction:"horizontal",size:8}))}),Te.createElement(Eg,{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>=xs&&i<=vs)&&n(i)},suffix:o&&Te.createElement(Fp,{variant:"body",size:"small"},"%"),placeholder:_p.t("Custom")})))}s(Ei,"Slippage");function Op(){let t=$g(),{theme:e}=T().config,o=T().fetchStatus,n=T().swappers(),r=D.use.infiniteApprove(),i=D.use.toggleInfiniteApprove(),a=Do(n),l=a.filter(k=>k.type==="BRIDGE"||k.type==="AGGREGATOR"),p=l.length,u=l.filter(k=>k.selected).length,m=a.filter(k=>k.type==="DEX"),c=m.length,S=m.filter(k=>k.selected).length,f=s((k,h)=>{switch(o){case"loading":return Q.createElement(Lg,{variant:"text",size:"medium",width:50});case"failed":return Q.createElement(bt,{variant:"body",size:"medium",color:"$error500"},xt.t("Loading failed"));default:return Q.createElement(bt,{variant:"body",size:"medium"},`${k} / ${h}`)}},"handleEndItem"),y={id:"bridge-item",title:Q.createElement(bt,{variant:"title",size:"xmedium"},xt.t("Enabled bridges")),end:Q.createElement(Q.Fragment,null,f(u,p),Q.createElement(Ii,{direction:"horizontal",size:8}),Q.createElement(Ai,{color:"black"})),onClick:()=>t(L.bridges)},x={id:"exchange-item",title:Q.createElement(bt,{variant:"title",size:"xmedium"},xt.t("Enabled exchanges")),end:Q.createElement(Q.Fragment,null,f(S,c),Q.createElement(Ii,{direction:"horizontal",size:8}),Q.createElement(Ai,{color:"gray"})),onClick:()=>t(L.exchanges)},g={id:"theme-item",title:Q.createElement(bt,{variant:"title",size:"xmedium"},xt.t("Theme")),end:Q.createElement(Ai,{color:"gray"}),onClick:()=>t(L.themes)},w={id:"infinite-approval-item",title:Q.createElement(Q.Fragment,null,Q.createElement(bt,{variant:"title",size:"xmedium"},xt.t("Infinite Approval")),Q.createElement(Ii,{direction:"horizontal",size:4}),Q.createElement(Mg,{side:"top",container:R(),content:Q.createElement(On,null,Q.createElement(bt,{variant:"label",size:"medium",color:"neutral700"},xt.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.")))},Q.createElement(Ig,{color:"gray"}))),end:Q.createElement(Bg,{checked:r}),onClick:i},d=[y,x];return e?.singleTheme||d.push(g),d.push(w),Q.createElement(j,{header:{title:xt.t("Setting")}},Q.createElement(et,null,Q.createElement(Ei,null),Q.createElement(Wg,{type:Q.createElement(Ng,{title:"_",id:"_",onClick:()=>console.log()}),items:d})))}s(Op,"SettingsPage");import{cancelSwap as Ih}from"@rango-dev/queue-manager-rango-preset";import{useManager as Wh}from"@rango-dev/queue-manager-react";import yu from"react";import{i18n as tt}from"@lingui/core";import{getCurrentBlockchainOfOrNull as ph,getCurrentStep as uh,getRelatedWalletOrNull as ch,PendingSwapNetworkStatus as Xn}from"@rango-dev/queue-manager-rango-preset";import{Button as pu,CopyIcon as mh,Divider as dh,IconButton as fh,QuoteCost as gh,StepDetails as hh,Typography as Qt,useCopyToClipboard as yh}from"@rango-dev/ui";import{useWallets as Sh}from"@rango-dev/wallets-react";import K,{useEffect as uu,useRef as Ch,useState as cu}from"react";import{useNavigate as kh}from"react-router-dom";import{i18n as we}from"@lingui/core";var Pg=1e3,_g=31536e3,Dg=2592e3,Fg=86400,Og=3600,Ug=60;function Up(t){let e=Math.floor((Date.now()-t)/Pg),n=[{turningPoint:_g,label:we.t("year"),pluralLabel:we.t("years")},{turningPoint:Dg,label:we.t("month"),pluralLabel:we.t("months")},{turningPoint:Fg,label:we.t("day"),pluralLabel:we.t("days")},{turningPoint:Og,label:we.t("hour"),pluralLabel:we.t("hours")},{turningPoint:Ug,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(Up,"timeSince");function zp(t){return t.finishTime?we.t({id:"{time} ago",values:{time:Up(parseInt(t.finishTime))}}):we.t({id:"{time} ago",values:{time:Up(parseInt(t.creationTime))}})}s(zp,"getSwapDate");import{PendingSwapNetworkStatus as qn}from"@rango-dev/queue-manager-rango-preset";import{Modal as jg}from"@rango-dev/ui";import Gn from"react";import{i18n as Un}from"@lingui/core";import{Button as qp,Divider as Wi,MessageBox as zg,Typography as Gp}from"@rango-dev/ui";import Xe from"react";var Hp=s(({onCancel:t,onClose:e})=>Xe.createElement(Xe.Fragment,null,Xe.createElement(Wi,{size:20}),Xe.createElement(zg,{type:"error",title:Un.t("Transaction Cancel"),description:Un.t("Are you sure you want to Cancel this swap?")}),Xe.createElement(Wi,{size:32}),Xe.createElement(qp,{variant:"contained",type:"primary",size:"large",onClick:t},Xe.createElement(Gp,{variant:"title",size:"medium",color:"neutral100"},Un.t("Yes, Cancel it"))),Xe.createElement(Wi,{size:12}),Xe.createElement(qp,{variant:"outlined",type:"primary",size:"large",onClick:e},Xe.createElement(Gp,{variant:"title",size:"medium",color:"primary"},Un.t("No, Continue")))),"CancelContent");import{i18n as zn}from"@lingui/core";import{Button as Qp,Divider as Ni,MessageBox as qg,Typography as Vp}from"@rango-dev/ui";import Ye from"react";var jp=s(({onDelete:t,onClose:e})=>Ye.createElement(Ye.Fragment,null,Ye.createElement(Ni,{size:20}),Ye.createElement(qg,{type:"error",title:zn.t("Delete Transaction"),description:zn.t("Are you sure you want to delete this swap?")}),Ye.createElement(Ni,{size:32}),Ye.createElement(Qp,{variant:"contained",type:"primary",size:"large",onClick:t},Ye.createElement(Vp,{variant:"title",size:"medium",color:"neutral100"},zn.t("Yes, Delete it"))),Ye.createElement(Ni,{size:12}),Ye.createElement(Qp,{variant:"outlined",type:"primary",size:"large",onClick:e},Ye.createElement(Vp,{variant:"title",size:"medium",color:"primary"},zn.t("No, Cancel")))),"DeleteContent");import{i18n as Li}from"@lingui/core";import{PendingSwapNetworkStatus as Bi}from"@rango-dev/queue-manager-rango-preset";var Mi={[Bi.WaitingForNetworkChange]:{type:"loading",title:Li.t("Change Network")},[Bi.WaitingForConnectingWallet]:{type:"warning",title:Li.t("Connect Wallet")},[Bi.NetworkChanged]:{type:"success",title:Li.t("Network Changed")}};import{MessageBox as Hg,Wallet as Qg,WalletState as Xp}from"@rango-dev/ui";import{useWallets as Vg}from"@rango-dev/wallets-react";import fo from"react";import{styled as Gg}from"@rango-dev/ui";var Kp=Gg("div",{display:"flex",justifyContent:"center"});var Yp=s(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:i}=t,{connect:a,getWalletInfo:l,state:p}=Vg(),u=n?.walletType,c=u&&p(u).connected?Xp.CONNECTED:Xp.DISCONNECTED;return fo.createElement(fo.Fragment,null,fo.createElement(Hg,{type:e,title:o,description:r}),i&&u&&fo.createElement(Kp,null,fo.createElement(Qg,{container:R(),title:l(u).name,image:l(u).img,type:u,state:c,onClick:async()=>a(u)})))},"WalletStateContent");function $i(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:i,message:a}=t,l=e===qn.WaitingForNetworkChange||e===qn.WaitingForConnectingWallet||e===qn.NetworkChanged;return Gn.createElement(jg,{open:!!e,onClose:o,container:document.getElementById("swap-box")||document.body},l&&Gn.createElement(Yp,{type:Mi[e].type,title:Mi[e].title,currentStepWallet:i,message:a,showWalletButton:e!==qn.WaitingForNetworkChange}),e==="delete"&&Gn.createElement(jp,{onClose:o,onDelete:n}),e==="cancel"&&Gn.createElement(Hp,{onClose:o,onCancel:r}))}s($i,"SwapDetailsModal");import{i18n as go}from"@lingui/core";import{Button as Pi,Divider as Hn,MessageBox as Jp,Modal as Kg,TokenAmount as Xg,Typography as Qn}from"@rango-dev/ui";import ce from"react";import{useNavigate as Yg}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=Yg();return ce.createElement(Kg,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},n==="success"?ce.createElement(Jp,{type:"success",title:go.t("Swap Successful")},ce.createElement(Xg,{direction:"vertical",type:"output",centerAlign:!0,price:{value:r,usdValue:i},token:a,chain:l,percentageChange:p}),ce.createElement(Hn,{size:12}),ce.createElement(Qn,{variant:"body",size:"medium",color:"neutral700",align:"center"},u)):ce.createElement(Jp,{type:"error",title:go.t("Transaction Failed"),description:u}),ce.createElement(Hn,{size:32}),n==="success"&&ce.createElement(Pi,{variant:"contained",type:"primary",size:"large",onClick:()=>{c("../../")}},ce.createElement(Qn,{variant:"title",size:"medium",color:"neutral100"},go.t("Done"))),ce.createElement(Hn,{size:12}),m&&ce.createElement(ce.Fragment,null,ce.createElement(Pi,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(m,"_blank")},ce.createElement(Qn,{variant:"title",size:"medium",color:"primary"},go.t("Diagnosis"))),ce.createElement(Hn,{size:12})),ce.createElement(Pi,{variant:"outlined",type:"primary",size:"large",onClick:o},ce.createElement(Qn,{variant:"title",size:"medium",color:"primary"},go.t("See Details"))))}s(_i,"SwapDetailsCompleteModal");import ah from"react";import{i18n as nh}from"@lingui/core";import{Alert as nu,IconButton as rh,LinkIcon as ih}from"@rango-dev/ui";import dt,{Fragment as sh}from"react";import{Alert as Jg,ChevronDownIcon as Zg,ChevronUpIcon as Rg,IconButton as eh}from"@rango-dev/ui";import Vn,{useState as th}from"react";function Zp(t){let{message:e}=t,[o,n]=th(!1);return Vn.createElement(Jg,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&Vn.createElement(eh,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?Vn.createElement(Rg,{size:12,color:"gray"}):Vn.createElement(Zg,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}s(Zp,"FailedAlert");import{styled as oh}from"@rango-dev/ui";var Rp=oh("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as eu}from"@lingui/core";import{PendingSwapNetworkStatus as Di}from"@rango-dev/queue-manager-rango-preset";import{Alert as Fi,Button as tu}from"@rango-dev/ui";import ho from"react";function ou(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?ho.createElement(Fi,{type:"warning",title:n.shortMessage,action:ho.createElement(tu,{size:"xxsmall",type:"warning",onClick:()=>{o(Di.WaitingForNetworkChange),e().catch(i=>{console.log(i)})}},eu.t("Change"))}):r===Di.WaitingForConnectingWallet?ho.createElement(Fi,{type:"warning",title:n.shortMessage,action:ho.createElement(tu,{size:"xxsmall",type:"warning",onClick:()=>{o(Di.WaitingForConnectingWallet)}},eu.t("Connect"))}):ho.createElement(Fi,{type:"warning",title:n.shortMessage})}s(ou,"WarningAlert");function Oi(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:i,hasAlreadyProceededToSign:a}=t,l=Yt(i),p=i.status==="waitingForApproval"&&!l,u=i.status==="running"&&!l;return dt.createElement(Rp,null,i.explorerUrl?.map((m,c,S)=>{let f=c+m.url,y=c===S.length-1,x=y&&u||p,g=y&&i.status==="failed";return dt.createElement(sh,{key:f},dt.createElement(nu,{type:x&&"loading"||g&&"error"||"success",title:m.description?`${m.description} Tx`:nh.t("View transaction"),action:m.url&&dt.createElement(rh,{variant:"ghost",size:"xsmall",onClick:()=>window.open(m.url,"_blank")},dt.createElement(ih,{size:16}))}))}),(u&&!a||p&&!i.explorerUrl?.length)&&dt.createElement(nu,{type:"loading",title:r.shortMessage}),i.status!=="failed"&&l&&dt.createElement(ou,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),i.status==="failed"&&dt.createElement(Zp,{message:r}))}s(Oi,"SwapDetailsAlerts");var ru=2e3;var iu=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:yr(r.fromBlockchain,e)??"",image:r.fromBlockchainLogo??""},price:{value:W(a,6,6)}},to:{token:{displayName:r.toSymbol,image:r.toLogo},chain:{displayName:yr(r.toBlockchain,e)??"",image:r.toBlockchainLogo??""},price:{value:W(r.outputAmount||r.expectedOutputAmountHumanReadable,6,6)}},swapper:{displayName:r.swapperId,image:r.swapperLogo??""},alerts:ah.createElement(Oi,{step:r,hasAlreadyProceededToSign:n,...o})}})},"getSteps");function su(t){if(Yt(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(su,"getStepState");import{darkTheme as lh,styled as Ht}from"@rango-dev/ui";var jn=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",[`.${lh} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color",color:"$neutral500"},"& .request-id":{display:"flex",justifyContent:"center",alignItems:"center",height:"$24"},"& .output":{display:"flex",width:"100%",padding:"$15 $20 $20",flexDirection:"column",alignItems:"start"},"& .title-steps":{textAlign:"left",width:"100%",padding:"0 $20 $10"}}),Kn=Ht("div",{width:"100%"}),au=Ht("div",{padding:"$0 $20 $20 $20",width:"100%",overflow:"auto"}),qL=Ht("div",{display:"flex",flexDirection:"column",gap:"$10"}),lu=Ht("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),GL=Ht("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1});function Ui(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:i,connect:a,getWalletInfo:l}=Sh(),p=T().blockchains(),u=T().tokens(),m=P.use.retry(),c=kh(),[S,f]=yh(ru),y=Ch(null),[x,g]=cu(null),[w,d]=cu(null),k=s(()=>{r(),g(null)},"onCancel"),h=We.use.getUnreadNotifications(),C=We.use.setAsRead(),A=h(),B=uh(e),E=B?.networkStatus;uu(()=>{A.find(se=>se.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(d(e.status),C(e.requestId))},[e.status]),uu(()=>{O?g(Xn.WaitingForNetworkChange):E===Xn.WaitingForConnectingWallet||E===Xn.NetworkChanged?g(E):g(null)},[E]);let $=oa(e),_=B?ph(e,B):null,F=B?ch(e,B):null,v=zp(e),z=na(e),H=s(q=>!!l(q)?.mobileWallet,"isMobileWallet"),O=E===Xn.WaitingForNetworkChange&&!!_&&!!F?.walletType&&(H(F.walletType)||i(F.walletType,_)),Z=O?a.bind(null,F.walletType,_):void 0,le=ta(e,B),te=iu({swap:e,switchNetwork:Z,showNetworkModal:E,setNetworkModal:g,message:le,blockchains:p}),ne=te.length,[ge,ze]=[e.steps[0],e.steps[ne-1]],ft=ze.outputAmount||ze.expectedOutputAmountHumanReadable,xo=e.steps.reduce((q,se)=>q+parseFloat(se.feeInUsd||""),0),er=e.steps.find(q=>q.diagnosisUrl)?.diagnosisUrl,Et=W(String(parseFloat(W(ft,6,6))*(Mo(ze.toBlockchain,ze.toSymbol,ze.toSymbolAddress,u)||0)),4,4),bo=W(String(parseFloat(e.inputAmount)*(Mo(ge.fromBlockchain,ge.fromSymbol,ge.fromSymbolAddress,u)||0)),4,4),U=Mt(bo,Et),X=e.status==="success"?tt.t({id:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:W(ft,6,6),token:te[ne-1].to.token.displayName,conciseAddress:Po(e.wallets[te[ne-1].to.chain.displayName]?.address||""),chain:te[ne-1].to.chain.displayName}}):`${tt.t("Transaction was not sent.")} ${$?tt.t({id:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:$.outputAmount,symbol:$.symbol,blockchain:$.blockchain}}):""}`;return K.createElement(j,{noPadding:!0,header:{title:tt.t("Swap and Bridge"),onCancel:e.status==="running"?()=>g("cancel"):void 0,suffix:e.status!=="running"&&K.createElement(Lt,null,K.createElement(pu,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>g("delete")},K.createElement(Qt,{size:"medium",variant:"label",color:"error"},tt.t("Delete"))))},footer:z&&!w&&K.createElement(pu,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{m(e,{blockchains:p,tokens:u}),setTimeout(()=>{c("../../")},0)}},tt.t("Try again"))},K.createElement(jn,null,K.createElement(Kn,null,K.createElement("div",{className:"row"},K.createElement(Qt,{variant:"label",size:"large",color:"neutral700"},`${tt.t("Request ID")}:`),K.createElement("div",{className:"request-id"},K.createElement(Qt,{variant:"label",size:"small",color:"neutral700"},o),K.createElement(fh,{variant:"ghost",onClick:f.bind(null,o||"")},K.createElement(mh,{size:16,color:"gray"})))),K.createElement("div",{className:"row"},K.createElement(Qt,{variant:"label",size:"large",color:"neutral700"},`${tt.t("Created at")}:`),K.createElement(Qt,{variant:"label",size:"small",color:"neutral700"},v))),K.createElement("div",{className:"output"},K.createElement(gh,{fee:W(String(xo),2,2),time:Io(Wo(e.steps)),steps:ne}),K.createElement(Zt,{from:{price:{value:W(e.inputAmount,6,6),usdValue:bo},token:{displayName:te[0].from.token.displayName,image:te[0].from.token.image},chain:{image:te[0].from.chain.image,displayName:te[0].from.chain.displayName}},to:{price:{value:W(ft,6,6),usdValue:Et},token:{displayName:te[ne-1].to.token.displayName,image:te[ne-1].to.token.image},chain:{image:te[ne-1].to.chain.image,displayName:te[ne-1].to.chain.displayName}},percentageChange:W(String(U),2,2),warningLevel:Je(U??0)})),K.createElement("div",{className:"title-steps"},K.createElement(Qt,{variant:"title",size:"small"},tt.t("Swaps steps"))),K.createElement(dh,{size:8}),K.createElement(au,{ref:y},te.map((q,se)=>{let qe=se,be=su(e.steps[se]),tr=be==="error"||be==="in-progress"||be==="warning"||be==="completed"&&se===te.length-1;return K.createElement(hh,{key:qe,step:q,type:"swap-progress",ref:y,state:be,hasSeparator:se!==0,tabIndex:qe,isFocused:tr})}))),K.createElement($i,{state:x,onClose:()=>g(null),onCancel:k,onDelete:n,message:le.detailedMessage.content,currentStepWallet:F}),K.createElement(_i,{open:!!w,diagnosisUrl:er,onClose:()=>d(null),status:e.status==="success"?"success":"failed",priceValue:W(ft,6,6),usdValue:Et,percentageChange:W(String(U),2,2),token:{displayName:te[ne-1].to.token.displayName,image:te[ne-1].to.token.image},chain:{image:te[ne-1].to.chain.image},description:X}))}s(Ui,"SwapDetails");import{i18n as To}from"@lingui/core";import{CopyIcon as bh,IconButton as Eh,NotFound as Ah,Skeleton as gu,Typography as Jn}from"@rango-dev/ui";import pe from"react";import{i18n as wh}from"@lingui/core";import{ChainToken as vh,Divider as qi,Skeleton as ko,Typography as xh}from"@rango-dev/ui";import J from"react";import{styled as zi}from"@rango-dev/ui";var mu=zi("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"}}),du=zi("div",{backgroundColor:"$neutral100",borderRadius:"$xm",padding:"$10 $15",".step-title":{display:"flex",justifyContent:"start",alignItems:"center"},".step-tokens":{paddingTop:"$5",display:"flex",alignItems:"center"},".step-token-info":{display:"flex",alignItems:"center"},".step-icon-container":{padding:"$4 $6",display:"flex",justifyContent:"center",alignItems:"center"},".extra-info":{display:"flex",paddingTop:"$10",paddingBottom:"$5"}}),Yn=zi("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"});import{ChainToken as fu,Divider as yo,NextIcon as Th,Skeleton as So}from"@rango-dev/ui";import ae from"react";function Co(t){let{extraInfo:e}=t;return ae.createElement(du,null,ae.createElement("div",{className:"step-title"},ae.createElement(So,{height:28,width:28,variant:"circular"}),ae.createElement(yo,{direction:"horizontal",size:8}),ae.createElement(So,{height:15,width:148,variant:"rounded"})),ae.createElement("div",{className:"step-tokens"},ae.createElement(yo,{direction:"horizontal",size:20}),ae.createElement("div",{className:"step-token-info"},ae.createElement(fu,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ae.createElement(yo,{direction:"horizontal",size:8}),ae.createElement(So,{height:12,width:76,variant:"rounded"})),ae.createElement("div",{className:"step-icon-container"},ae.createElement(Th,{color:"gray",size:16})),ae.createElement("div",{className:"step-token-info"},ae.createElement(fu,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ae.createElement(yo,{direction:"horizontal",size:8}),ae.createElement(So,{height:12,width:76,variant:"rounded"}))),e&&ae.createElement("div",{className:"extra-info"},ae.createElement(yo,{direction:"horizontal",size:20}),ae.createElement(So,{height:22,width:297,variant:"rectangular"})))}s(Co,"LoadingSwapDetailStep");function Gi(){let t=J.createElement("div",{className:"quote-summary-item"},J.createElement("div",{className:"token-amount"},J.createElement(vh,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),J.createElement(qi,{size:8,direction:"horizontal"}),J.createElement(ko,{height:15,width:148,variant:"rounded"})),J.createElement(ko,{height:12,width:64,variant:"rounded"}));return J.createElement(mu,null,J.createElement("div",{className:"cost"},J.createElement(ko,{width:60,height:10,variant:"rounded"}),J.createElement(qi,{size:4,direction:"horizontal"}),J.createElement(ko,{width:60,height:10,variant:"rounded"}),J.createElement(qi,{size:4,direction:"horizontal"}),J.createElement(ko,{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(xh,{variant:"title",size:"small"},wh.t("Swaps steps"))),J.createElement("div",{className:"step-container"},J.createElement(Co,{extraInfo:!0}),J.createElement(Yn,null),J.createElement(Co,null),J.createElement(Yn,null),J.createElement(Co,null),J.createElement(Yn,null),J.createElement(Co,null)))}s(Gi,"LoadingSwapDetails");function hu(t){let{requestId:e,showSkeleton:o}=t;return pe.createElement(j,{noPadding:!0,header:{title:To.t("Swap and Bridge"),suffix:pe.createElement(Lt,null)}},o&&pe.createElement(jn,null,pe.createElement(Kn,null,pe.createElement("div",{className:"row"},pe.createElement(Jn,{variant:"label",size:"large",color:"neutral700"},`${To.t("Request ID")}:`),pe.createElement("div",{className:"request-id"},pe.createElement(Jn,{variant:"label",size:"small",color:"neutral700"},pe.createElement(gu,{width:60,height:10,variant:"rounded"})),pe.createElement(Eh,{variant:"ghost"},pe.createElement(bh,{size:16,color:"gray"})))),pe.createElement("div",{className:"row"},pe.createElement(Jn,{variant:"label",size:"large",color:"neutral700"},`${To.t("Created at")}:`),pe.createElement(Jn,{variant:"label",size:"small",color:"neutral700"},pe.createElement(gu,{width:60,height:10,variant:"rounded"})))),pe.createElement(Gi,null)),!o&&pe.createElement(lu,null,pe.createElement(Ah,{title:To.t("Not found"),description:To.t({id:"Swap with request ID = {requestId} not found.",values:{requestId:e}})})))}s(hu,"SwapDetailsPlaceholder");function Su(){let{manager:t,state:e}=Wh(),o=!e.loadedFromPersistor,n=zt(t),r=Ce.use.selectedSwapRequestId(),i=ot(),{fetchStatus:a}=T(),l=o||a==="loading",p=n.find(({swap:S})=>S.requestId===r),u=s(()=>{if(p?.id){let S=t?.get(p.id);S&&Ih(S)}},"onCancel"),m=s(async()=>{if(p?.id)try{t?.deleteQueue(p.id),i()}catch(S){console.log(S)}},"onDelete"),c=p?.swap;return!c||l?yu.createElement(hu,{requestId:r||"",showSkeleton:l}):yu.createElement(Ui,{swap:c,requestId:r||"",onCancel:u,onDelete:m})}s(Su,"SwapDetailsPage");import{i18n as wo}from"@lingui/core";import{AutoThemeIcon as Nh,DarkModeIcon as Lh,LightModeIcon as Bh,List as Mh,ListItemButton as $h,Radio as Hi,RadioRoot as Ph,Typography as Qi}from"@rango-dev/ui";import ve from"react";function Cu(){let t=D.use.theme(),e=D.use.setTheme(),o=[{id:"light",value:"light",title:ve.createElement(Qi,{variant:"title",size:"xmedium"},wo.t("Light")),onClick:()=>e("light"),start:ve.createElement(Bh,{color:"gray"}),end:ve.createElement(Hi,{value:"light"})},{id:"dark",value:"dark",title:ve.createElement(Qi,{variant:"title",size:"xmedium"},wo.t("Dark")),onClick:()=>e("dark"),start:ve.createElement(Lh,{color:"gray"}),end:ve.createElement(Hi,{value:"dark"})},{id:"auto",value:"auto",title:ve.createElement(Qi,{variant:"title",size:"xmedium"},wo.t("Auto")),onClick:()=>e("auto"),start:ve.createElement(Nh,{color:"gray"}),end:ve.createElement(Hi,{value:"auto"})}];return ve.createElement(j,{header:{title:wo.t("Theme")}},ve.createElement(et,null,ve.createElement(Ph,{onValueChange:n=>e(n),value:t},ve.createElement(Mh,{type:ve.createElement($h,{title:wo.t("Theme"),id:"_",onClick:()=>console.log()}),items:o}))))}s(Cu,"ThemePage");function ku(){return _h([{path:L.home,element:xe.createElement(fn,null)},{path:L.fromSwap,children:[{index:!0,element:xe.createElement(xi,{type:"source"})},{path:L.blockchains,element:xe.createElement(mi,{type:"source"})}]},{path:L.toSwap,children:[{index:!0,element:xe.createElement(xi,{type:"destination"})},{path:L.blockchains,element:xe.createElement(mi,{type:"destination"})}]},{path:L.settings,children:[{index:!0,element:xe.createElement(Op,null)},{path:L.themes,element:xe.createElement(Cu,null)},{path:L.languages,element:xe.createElement(ep,null)},{path:L.exchanges,element:xe.createElement(ai,{sourceType:"Exchanges"})},{path:L.bridges,element:xe.createElement(ai,{sourceType:"Bridges"})}]},{path:L.swaps,children:[{index:!0,element:xe.createElement(Zl,null)},{path:L.swapDetails,element:xe.createElement(Su,null)}]},{path:L.wallets,element:xe.createElement(bl,null)},{path:L.confirmSwap,element:xe.createElement(ql,null)}])}s(ku,"AppRoutes");import{isApprovalTX as Dh,MainEvents as wu,RouteEventType as vu,StepEventType as Vt,StepExecutionEventStatus as Fh,useEvents as Oh}from"@rango-dev/queue-manager-rango-preset";import{useEffect as xu}from"react";import{StepExecutionBlockedEventStatus as Vi}from"@rango-dev/queue-manager-rango-preset";var Tu=[Vi.WAITING_FOR_CHANGE_WALLET_ACCOUNT,Vi.WAITING_FOR_NETWORK_CHANGE,Vi.WAITING_FOR_WALLET_CONNECT];function bu(){let t=T().tokens(),e=V.use.connectedWallets(),o=V.use.getWalletsDetails(),n=We.use.setNotification(),r=We.use.setAsRead(),i=Oh();return xu(()=>(i.on(wu.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(f=>f.chain===p?.fromBlockchain),S=p?.fromBlockchain!==p?.toBlockchain&&e.find(f=>f.chain===p?.toBlockchain);c&&o([c],t),S&&o([S],t)}l.type===Vt.TX_EXECUTION_BLOCKED&&Tu.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]),xu(()=>(i.on(wu.RouteEvent,a=>{let{event:l,route:p}=a;(l.type===vu.FAILED||l.type===vu.SUCCEEDED)&&n(l,p)}),()=>i.all.clear()),[i,e.length]),null}s(bu,"WidgetEvents");import{globalCss as Uh}from"@rango-dev/ui";var Eu=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 Xi,darkTheme as Qh,lightTheme as Vh}from"@rango-dev/ui";import{useEffect as Iu,useState as jh}from"react";import{theme as Gh,darkColors as Hh}from"@rango-dev/ui";var Au=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=Au(o%52)+e;return Au(o%52)+e},"toAlphabeticName"),qh=s((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),ji=s(t=>zh(qh(5381,JSON.stringify(t))>>>0),"toHash");function Ki(t){let e=Gh.colors,o=Si({...e,...Hh},!0,t?.dark),n=Si(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:`${rr}-light-${ji(p)}`,tokens:p}}if(r){let p={colors:o};l={id:`${rr}-dark-${ji(p)}`,tokens:p}}return{light:a,dark:l}}s(Ki,"customizedThemeTokens");function Wu(t){let{colors:e,fontFamily:o=ns,borderRadius:n=ts,secondaryBorderRadius:r=os,mode:i="auto"}=t,[a,l]=jh("light"),p=D.use.theme(),u=D.use.setTheme(),{dark:m,light:c}=Ki(e),S=Xi({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),f=[S.className,Vh.className],y=[S.className,Qh.className];if(c){let g=Xi(c.id,c.tokens);f.push(g.className)}if(m){let g=Xi(m.id,m.tokens);y.push(g.className)}return Iu(()=>{let g=s(w=>{w.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",g),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",g)}},[]),Iu(()=>{i!=="auto"&&u(i)},[i]),{activeTheme:s(()=>{let g=f.join(" "),w=y.join(" ");return p==="auto"?a==="dark"?w:g:p==="dark"?w:g},"getActiveTheme")}}s(Wu,"useTheme");import{styled as Kh}from"@rango-dev/ui";var Nu=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 Zn(){Eu();let{fetch:t,config:e}=T(),{activeTheme:o}=Wu(e?.theme||{}),{activeLanguage:n,changeLanguage:r}=Nn(),[i,a]=Bu(""),[l,p]=Bu(),u=Yh(Oo);return Lu(()=>{t().catch(),D.persist.rehydrate(),We.persist.rehydrate(),u.onConnectWallet(a)},[]),Lu(()=>{r(e?.language)},[e?.language]),vo.createElement(Xh,{language:n},vo.createElement(Nu,{id:"swap-container",className:o()},vo.createElement(bu,null),vo.createElement(hl,{lastConnectedWallet:i,disconnectedWallet:l,clearDisconnectedWallet:()=>{p(void 0)}},vo.createElement(ku,null))))}s(Zn,"Main");import Ji,{useMemo as cy}from"react";import{checkWaitingForNetworkChange as Jh,makeQueueDefinition as Zh}from"@rango-dev/queue-manager-rango-preset";import{Provider as Rh}from"@rango-dev/queue-manager-react";import{useWallets as ey}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as ty}from"@rango-dev/wallets-shared";import{isEvmBlockchain as oy}from"rango-types";import ny,{useMemo as ry}from"react";function iy(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:i,getWalletInfo:a}=ey(),l=ry(()=>Zh({API_KEY:t.apiKey||At("API_KEY"),BASE_URL:At("BASE_URL")}),[t.apiKey]),p=T().blockchains(),m={blockchains:V.use.connectedWallets().map(d=>({accounts:[d],name:d.chain}))},c=s(async(d,k)=>{if(i(d,k))return r(d,k)},"switchNetwork"),S=s(d=>!!a(d).mobileWallet,"isMobileWallet"),f=p.filter(d=>d.enabled).reduce((d,k)=>(d[k.name]=k,d),{}),y=p.filter(oy),x=s(d=>{let{supportedChains:k}=a(d);return Lo(k)},"getSupportedChainNames"),g=e(),w={meta:{blockchains:f,evmBasedChains:y,evmNetworkChainInfo:ty(y),getSupportedChainNames:x},getSigners:o,wallets:m,providers:g,switchNetwork:c,canSwitchNetworkTo:i,connect:r,state:n,isMobileWallet:S};return ny.createElement(Rh,{queuesDefs:[l],context:w,onPersistedDataLoaded:d=>{Jh(d)},isPaused:!1},t.children)}s(iy,"QueueManager");var Mu=iy;import{useManager as sy}from"@rango-dev/queue-manager-react";import ay,{createContext as ly,useContext as py,useMemo as uy}from"react";var $u=ly(void 0);function Yi(t){let{manager:e}=sy(),o=zt(e),n=uy(()=>({swaps:o}),[e,o]);return ay.createElement($u.Provider,{value:n},t.children)}s(Yi,"WidgetInfo");function Pu(){let t=py($u);if(!t)throw new Error("useWidget can only be used within the WidgetProvider component");return t}s(Pu,"useWidget");function Rn(t){let{onUpdateState:e,config:o}=t;return cy(()=>{es({API_KEY:o?.apiKey||Eo,BASE_URL:o?.apiUrl||Ri})},[o]),Ji.createElement(Uo,{config:o,onUpdateState:e},Ji.createElement(Mu,{apiKey:o.apiKey},Ji.createElement(Yi,null,t.children)))}s(Rn,"WidgetProvider");function _u(t){return t.config?.externalWallets?Zi.createElement(Zn,null):Zi.createElement(Rn,{config:t.config??sr},Zi.createElement(Zn,null))}s(_u,"Widget");export{R$ as MainEvents,eP as RouteEventType,tP as StepEventType,oP as StepExecutionBlockedEventStatus,nP as StepExecutionEventStatus,_u as Widget,Rn as WidgetProvider,Uo as WidgetWallets,Ki as customizedThemeTokens,Ml as useWallets,Pu as useWidget,rP as useWidgetEvents};
1
+ var Du=Object.defineProperty;var s=(t,e)=>Du(t,"name",{value:e,configurable:!0});import{MainEvents as eP,RouteEventType as tP,StepEventType as oP,StepExecutionBlockedEventStatus as nP,StepExecutionEventStatus as rP,useEvents as iP}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Ml}from"@rango-dev/wallets-react";import{Events as pr,Provider as cc}from"@rango-dev/wallets-react";import{isEvmBlockchain as mc}from"rango-sdk";import Fo,{createContext as dc,useEffect as fc,useRef as gc}from"react";import{useEffect as Zu}from"react";import{create as Xu}from"zustand";import{subscribeWithSelector as Yu}from"zustand/middleware";import{RangoClient as Fu}from"rango-sdk";var Eo="c6381a79-2817-4602-83bf-6a641a409e32",Ri="https://api.rango.exchange";var nr={API_KEY:Eo};function At(t){return nr[t]||""}s(At,"getConfig");function es(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),nr=e,nr}s(es,"initConfig");var ts=20,os=25,ns="Roboto",rr="theme-widget";var Ao,It=s(()=>Ao||(Ao=new Fu(At("API_KEY"),At("BASE_URL")),Ao),"httpService");import{WalletState as He}from"@rango-dev/ui";import{readAccountAddress as zu}from"@rango-dev/wallets-react";import{detectInstallLink as qu,getCosmosExperimentalChainInfo as Gu,isEvmAddress as Hu,KEPLR_COMPATIBLE_WALLETS as Ly,Networks as ss}from"@rango-dev/wallets-shared";import ir from"bignumber.js";import{isCosmosBlockchain as Qu}from"rango-types";import Ou from"bignumber.js";var Ee=new Ou(0);import{WalletTypes as Uu}from"@rango-dev/wallets-shared";var rs=[Uu.LEAP];import{BigNumber as is}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"),W=s((t,e=null,o=null)=>{if(t==null||t==="")return"";let n=new is(t),r=1,i=1e3;for(let a=0;a<60;a++)if(new is(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 Ge=s((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),jt=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 Vu(t){switch(!0){case t.connected:return He.CONNECTED;case t.connecting:return He.CONNECTING;case!t.installed:return He.NOT_INSTALLED;default:return He.DISCONNECTED}}s(Vu,"mapStatusToWalletState");function as(t,e,o,n){return o.filter(r=>!rs.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=Vu(t(r));return{title:i,image:a,link:qu(l),state:p,type:r}})}s(as,"mapWalletTypesToWalletInfo");function Lo(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}s(Lo,"walletAndSupportedChainsNames");function ls(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}=zu(p),c=l.length>0,S=l.includes(m),f=m===ss.Unknown;if(c&&!S&&!f)return;let x=m===ss.Unknown&&Hu(u);if(f&&!x)return;o.includes(m)||x?r?a(m,u.toLowerCase()):l.filter(d=>o.includes(d)).forEach(d=>{a(d,u.toLowerCase())}):a(m,u)}),i}s(ls,"prepareAccountsForWalletStore");function ps(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(ps,"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 Bo(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}s(Bo,"isAccountAndWalletMatched");function us(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 ir(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:Mo(o,r.asset.symbol,r.asset.address,e)||null}))||[]}s(us,"makeBalanceFor");function cs(t){return{...t,loading:!1,error:!0}}s(cs,"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=Gu(Object.entries(t).map(([,n])=>n).filter(Qu));return o&&o[e]?.experimental},"isExperimentalChain");function ju(t,e){return t.map(({balance:o,...n})=>{let r=W(new ir(Wt(e,n.blockchain,n.symbol,n.address)?.amount||Ee)),i="";return n.usdPrice&&(i=W(new ir(Wt(e,n.blockchain,n.symbol,n.address)?.amount||Ee).multipliedBy(n.usdPrice))),{...n,...r!=="0"&&{balance:{amount:r,usdValue:i}}}})}s(ju,"getTokensWithBalance");function ms(t,e){let o=e.length>0?ju(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(ms,"getTokensBalanceFromWalletAndSort");function Ie(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}s(Ie,"tokensAreEqual");function ds(t){return t.sort((e,o)=>+(o.state===He.CONNECTED)-+(e.state===He.CONNECTED)||+(o.state===He.DISCONNECTED||o.state===He.CONNECTING)-+(e.state===He.DISCONNECTED||e.state===He.CONNECTING))}s(ds,"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 fs({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}s(fs,"getAddress");var Ku=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"),Qe=Ku;var V=Qe(Xu()(Yu((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=>Bo(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(f=>Bo(f,m)),S=p.find(f=>f.address===m.address&&f.blockChain===m.chain);return S?.failed&&c&&r&&i([c],n,!1),c&&S?{...m,explorerUrl:S.explorerUrl,balances:us(S,n)}:m})}));else throw new Error("Wallet not found")}catch{t(l=>({loading:!1,connectedWallets:l.connectedWallets.map(p=>o.find(u=>Bo(u,p))?cs(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 gs(t,e){return _o(t,e).map(r=>r.config.type)}s(gs,"configWalletsToWalletName");function hs(t,e){let o=V.use.clearConnectedWallet(),n=_o(void 0,e);return Zu(()=>{o(),n=_o(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}s(hs,"useWalletProviders");import ac,{createContext as lc,useContext as pc,useRef as uc}from"react";import{create as sc}from"zustand";var sr={apiKey:"",multiWallets:!0,enableNewLiquiditySources:!0},ys=s((t,e,o)=>({config:{...sr,...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 ar(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}s(ar,"areEqual");function Ss(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}s(Ss,"debounce");function gt(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}s(gt,"containsText");var R=s(()=>document.getElementById("swap-box"),"getContainer");import{create as nc}from"zustand";import{persist as rc,subscribeWithSelector as ic}from"zustand/middleware";import{English as Ru,French as ec,Japanese as tc,Spanish as oc}from"@rango-dev/ui";var Cs=[{title:"English",label:"English",local:"en",SVGFlag:Ru},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:oc},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:ec},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:tc}],Kt="en";var ks=[.5,1,3],Ts=1,ws=5,vs=100,xs=0;var D=Qe(nc()(rc(ic((t,e)=>({preferredBlockchains:[],slippage:Ts,customSlippage:null,infiniteApprove:!1,affiliateRef:null,affiliatePercent:null,affiliateWallets:null,disabledLiquiditySources:[],theme:"auto",language:Kt,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 Do(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(Do,"getUniqueSwappersGroups");function bs(t,e){return t.swapperGroup<e.swapperGroup?-1:t.swapperGroup>e.swapperGroup?1:0}s(bs,"sortLiquiditySourcesByGroupTitle");var Es=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=>Ie(u,p))||o.blockchain&&p.blockchain!==o.blockchain||!a.some(u=>u.name===p.blockchain)?!1:o.searchFor?!!(gt(p.symbol,o.searchFor)||gt(p.address||"",o.searchFor)||gt(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=>Ie(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(bs)},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 As(t){return sc()((...e)=>({...Es(...e),...ys(t,...e)}))}s(As,"createAppStore");var Is=lc(null);function T(){let t=pc(Is);if(!t)throw new Error("Missing AppStoreContext.Provider in the tree");return t()}s(T,"useAppStore");function Ws(t){let e=uc();return e.current||(e.current=As(t.config)),ac.createElement(Is.Provider,{value:e.current},t.children)}s(Ws,"AppStoreProvider");var Oo=dc({onConnectWallet:()=>{}});function hc(t){let e=T().updateConfig,o=T().blockchains(),n=T().tokens(),r={walletConnectProjectId:t.config?.walletConnectProjectId},{providers:i}=hs(t.config.wallets,r),a=V.use.disconnectWallet(),l=V.use.connectWallet(),p=gc();fc(()=>{t.config&&e(t.config)},[t.config]);let u=o.filter(mc).map(c=>c.name),m=s((c,S,f,y,x)=>{if(S===pr.ACCOUNTS)if(f){let g=Lo(x.supportedBlockchains),w=ls(c,f,u,g,x.isContractWallet);l(w,n)}else a(c);if(S===pr.ACCOUNTS&&y.connected){let g=`${c}-${y.network}-${f}`;y.connected&&(p.current?p.current(g):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(S===pr.NETWORK&&y.network){let g=`${c}-${y.network}`;p.current?p.current(g):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(c,S,f,y,x)},"onUpdateState");return Fo.createElement(Oo.Provider,{value:{onConnectWallet:c=>{p.current=c}}},Fo.createElement(cc,{allBlockChains:o,providers:i,onUpdateState:m,autoConnect:!0},t.children))}s(hc,"Main");function Uo(t){let{config:e,...o}=t;return Fo.createElement(Ws,{config:e},Fo.createElement(hc,{...o,config:e}))}s(Uo,"WidgetWallets");import Zi from"react";import{I18nManager as Xh}from"@rango-dev/ui";import vo,{useContext as Yh,useEffect as Lu,useState as Bu}from"react";import{useQueueManager as Sd}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Cd}from"@rango-dev/wallets-react";import{isEvmBlockchain as kd}from"rango-types";import Ct,{useEffect as Td,useRef as wd}from"react";import{MemoryRouter as vd,useInRouterContext as xd}from"react-router";import{useLocation as bd,useNavigate as Ed}from"react-router-dom";var L={home:"/",fromSwap:"from-swap",toSwap:"to-swap",blockchains:"blockchains",settings:"settings",liquiditySources:"liquidity-sources",themes:"themes",bridges:"bridges",exchanges:"exchanges",languages:"languages",swaps:"swaps",wallets:"wallets",confirmSwap:"confirm-swap",swapDetails:":requestId"};import{useWallets as Sc}from"@rango-dev/wallets-react";import{useEffect as Cc,useRef as kc}from"react";function Ns(){let{connect:t,state:e}=Sc(),o=kc({}),{fetchStatus:n}=T(),r=new URLSearchParams(location.search).get("autoConnect")||"",i=e(r);Cc(()=>{n==="success"&&r&&i.installed&&!i.connecting&&!i.connected&&!o.current[r]&&(o.current[r]=!0,t(r))},[i,n])}s(Ns,"useForceAutoConnect");import{i18n as qr}from"@lingui/core";import{Button as sd,styled as Gr,SwapInput as dl,WarningIcon as ad}from"@rango-dev/ui";import Fe,{useEffect as ld,useRef as pd,useState as ud}from"react";import{useNavigate as cd}from"react-router-dom";import{ChevronLeftIcon as vc}from"@rango-dev/ui";import Ms from"react";import{darkTheme as Tc,IconButton as wc,styled as zo}from"@rango-dev/ui";var Le=zo(wc,{width:"$24",position:"relative",padding:"0",overflow:"unset"}),Ls=zo("div",{position:"absolute",background:"$secondary500",[`.${Tc} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),Lt=zo("div",{display:"flex",justifyContent:"flex-end",width:"$40"}),Bs=zo("div",{position:"absolute",backgroundColor:"$secondary500",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0"});function ur(t){return Ms.createElement(Le,{variant:"ghost",size:"small",onClick:t.onClick},Ms.createElement(vc,{color:"black",size:16}))}s(ur,"BackButton");import{i18n as xc}from"@lingui/core";import{Button as bc,Typography as Ec}from"@rango-dev/ui";import cr from"react";function mr(t){return cr.createElement(Lt,null,cr.createElement(bc,{variant:"ghost",onClick:t.onClick,size:"xsmall"},cr.createElement(Ec,{variant:"label",size:"medium",color:"error500"},xc.t("Cancel"))))}s(mr,"CancelButton");import{i18n as Ac}from"@lingui/core";import{Tooltip as Ic,WalletIcon as Wc}from"@rango-dev/ui";import qo from"react";function dr(t){return qo.createElement(Ic,{container:t.container,side:"top",content:Ac.t("Connect Wallet")},qo.createElement(Le,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&qo.createElement(Ls,null),qo.createElement(Wc,{size:18,color:"black"})))}s(dr,"WalletButton");import{i18n as Qo}from"@lingui/core";import{NotificationsIcon as Qc,Popover as Vc,RefreshIcon as jc,SettingsIcon as Kc,Tooltip as Vo,TransactionIcon as Xc}from"@rango-dev/ui";import ue from"react";import{i18n as Fc}from"@lingui/core";import{ChainToken as Os,ChevronRightIcon as Oc,ListItemButton as Uc,Typography as zc}from"@rango-dev/ui";import Be from"react";import{useNavigate as qc}from"react-router-dom";import{create as Nc}from"zustand";import{persist as Lc,subscribeWithSelector as Bc}from"zustand/middleware";var We=Qe(Nc()(Lc(Bc((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 Mc}from"zustand";var Ce=Qe(Mc()(t=>({connectWalletsButtonDisabled:!1,selectedSwapRequestId:null,currentPage:"",setSelectedSwap:e=>t({selectedSwapRequestId:e}),setCurrentPage:e=>t({currentPage:e})})));import{styled as Go}from"@rango-dev/ui";var $s=Go("div",{padding:"$10",width:"350px",minHeight:"150px"}),Ps=Go("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),_s=Go("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),Ds=Go("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as $c}from"@lingui/core";import{Divider as Pc,NoNotificationIcon as _c,Typography as Dc}from"@rango-dev/ui";import Ho from"react";function Fs(){return Ho.createElement(Ds,null,Ho.createElement(_c,{color:"secondary",size:26}),Ho.createElement(Pc,{size:12}),Ho.createElement(Dc,{variant:"body",size:"medium",color:"neutral700"},$c.t("You have no notification")))}s(Fs,"NotificationNotFound");var Gc=4;function fr(){let t=qc(),e=Ce.use.setSelectedSwap(),{getUnreadNotifications:o}=We(),n=o(),r=T().blockchains(),i=T().tokens(),a=n.sort((p,u)=>u.creationTime-p.creationTime).slice(0,Gc),l=s(p=>{e(p),t(`${L.swaps}/${p}`)},"handleOnClick");return Be.createElement($s,null,a.length?Be.createElement(Ps,null,a.map(p=>{let u=i.find(f=>f.address===p.route.from.tokenAddress&&f.blockchain===p.route.from.blockchain&&f.symbol===p.route.from.tokenSymbol),m=r.find(f=>f.name===p.route.from.blockchain),c=i.find(f=>f.address===p.route.to.tokenAddress&&f.blockchain===p.route.to.blockchain&&f.symbol===p.route.to.tokenSymbol),S=r.find(f=>f.name===p.route.to.blockchain);return Be.createElement(Uc,{key:p.requestId,onClick:()=>l(p.requestId),title:Be.createElement(zc,{variant:"body",size:"small",color:"$neutral700"},Fc.t(p.event.message)),id:p.requestId,start:Be.createElement(_s,null,Be.createElement("div",{className:"from-chain-token"},Be.createElement(Os,{tokenImage:u?u.image:"",chainImage:m?m.logo:"",size:"small"})),Be.createElement("div",{className:"to-chain-token"},Be.createElement(Os,{tokenImage:c?c.image:"",chainImage:S?S.logo:"",size:"small"}))),end:Be.createElement(Oc,{size:12,color:"gray"})})})):Be.createElement(Fs,null))}s(fr,"NotificationContent");import{Typography as Hc}from"@rango-dev/ui";import Us from"react";function zs(){let{getUnreadNotifications:t}=We(),e=t().length;return e?Us.createElement(Bs,null,Us.createElement(Hc,{variant:"body",size:"xsmall",color:"$background"},e)):null}s(zs,"UnreadNotificationsBadge");function gr(t){let{layoutRef:e,onClickRefresh:o,onClickHistory:n,onClickSettings:r,onClickNotifications:i}=t;return ue.createElement(ue.Fragment,null,ue.createElement(Vo,{container:R(),side:"top",content:Qo.t("Refresh")},ue.createElement(Le,{variant:"ghost",size:"small",onClick:o,disabled:!o},ue.createElement(jc,{size:16,color:o?"black":"gray"}))),ue.createElement(Vo,{container:R(),side:"top",content:Qo.t("Notifications")},ue.createElement(Vc,{align:"center",collisionBoundary:e,collisionPadding:{right:20,left:20},container:R(),content:ue.createElement(fr,null)},ue.createElement(Le,{size:"small",variant:"ghost",onClick:i},ue.createElement(Qc,{size:18,color:"black"}),ue.createElement(zs,null)))),ue.createElement(Vo,{container:R(),side:"top",content:Qo.t("Settings")},ue.createElement(Le,{size:"small",variant:"ghost",onClick:r},ue.createElement(Kc,{size:18,color:"black"}))),ue.createElement(Vo,{container:R(),side:"top",content:Qo.t("Transactions History")},ue.createElement(Le,{size:"small",variant:"ghost",onClick:n},ue.createElement(Xc,{size:18,color:"black"}))))}s(gr,"HomeButtons");import{BottomLogo as Zc,Divider as Rc,Header as em}from"@rango-dev/ui";import me from"react";import{useNavigate as Yc}from"react-router-dom";function ot(){let t=Yc();return()=>t(-1)}s(ot,"useNavigateBack");import{darkTheme as Jc,styled as hr}from"@rango-dev/ui";var qs=hr("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"}}}}),Gs=hr("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"}}}}),Hs=hr("div",{backgroundColor:"$background","& .footer__content":{padding:"$0 $20"},"& .footer__logo":{padding:"$0 $20 $10 $20"}});function tm(t,e){let{children:o,header:n,footer:r,noPadding:i,hasLogo:a=!0,fixedHeight:l=!0}=t,p=V.use.connectedWallets(),u=Ce.use.connectWalletsButtonDisabled(),m=ot(),c=s(()=>{!u&&n.onWallet&&n.onWallet()},"onConnectWallet"),S=typeof n.hasBackButton>"u"||n.hasBackButton;return me.createElement(qs,{ref:e,fixedHeight:l,id:"swap-box"},me.createElement(em,{prefix:me.createElement(me.Fragment,null,S&&me.createElement(ur,{onClick:m})),title:n.title,suffix:me.createElement(me.Fragment,null,n.suffix,n.onWallet&&me.createElement(dr,{container:R(),onClick:c,isConnected:!!p?.length}),n.onCancel&&me.createElement(mr,{onClick:n.onCancel}))}),me.createElement(Gs,{noPadding:i},o),(a||r)&&me.createElement(Hs,null,me.createElement("div",{className:"footer__content"},r),a&&me.createElement("div",{className:"footer__logo"},me.createElement(Rc,{size:12}),me.createElement(Zc,null))))}s(tm,"LayoutComponent");var j=me.forwardRef(tm);j.displayName="Layout";import{ReverseIcon as um,styled as ua}from"@rango-dev/ui";import Ar from"react";import st from"bignumber.js";import{create as lm}from"zustand";import{subscribeWithSelector as pm}from"zustand/middleware";import{getLastSuccessfulStep as am}from"@rango-dev/queue-manager-rango-preset";import hT from"bignumber.js";var nt=(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))(nt||{});function Qs(t,e){return e.find(o=>o.name===t)?.displayName}s(Qs,"getBlockchainDisplayNameFor");function yr(t,e){return e.find(o=>o.name===t)?.shortName}s(yr,"getBlockchainShortNameFor");function Sr(t,e){return e.find(o=>Ie(o,t))??null}s(Sr,"findToken");function Cr(t,e){return e.find(o=>o.name===t)??null}s(Cr,"findBlockchain");import{i18n as Me}from"@lingui/core";import{PendingSwapNetworkStatus as Yo}from"@rango-dev/queue-manager-rango-preset";import ke from"bignumber.js";function jo(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(jo,"getRequiredWallets");function Ko(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}s(Ko,"isValidAddress");import{i18n as de}from"@lingui/core";var G=s(()=>({genericServerError:de.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:de.t("Please reset your liquidity sources."),description:de.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources")},noResultError:{title:de.t("No Routes Found"),description:de.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:de.t("Bridge Limit Error: Please increase your amount"),decreaseAmount:de.t("Bridge Limit Error: Please decrease your amount")},highValueLossError:{impactTitle:de.t("High Price Impact"),title:de.t("Price impact is too high!"),description:de.t("The price impact is significantly higher than the allowed amount. If you are sure, continue, otherwise, change the swap."),confirmMessage:de.t("Confirm High price impact")},quoteUpdatedWithHighValueLoss:{title:de.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:de.t("USD Price Unknown"),title:de.t("USD Price Unknown, Cannot calculate Price Impact."),description:de.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:de.t("Confirm USD Price Unknown")}}),"errorMessages");function Vs(t){switch(t.type){case 0:return t.diagnosisMessage??G().noResultError.title;case 1:return G().genericServerError;default:return""}}s(Vs,"getQuoteErrorMessage");import{i18n as Xo}from"@lingui/core";var ht=s(()=>({connectWallet:Xo.t("Connect Wallet"),swap:Xo.t("Swap"),swapAnyway:Xo.t("Swap anyway"),ethWarning:Xo.t("The route goes through Ethereum. Continue?")}),"swapButtonTitles");function js(t,e){return!t||!e||t.lte(Ee)||e.lte(Ee)?0:e.div(t).minus(1).multipliedBy(100).toNumber()}s(js,"getOutputRatio");function Ro(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(Ro,"hasHighValueLoss");function Xt(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(Xt,"hasLimitError");function kr(t){let e=(t.result?.swaps||[]).filter(l=>{let p=l.fromAmountMinValue?new ke(l.fromAmountMinValue):null,u=l.fromAmountMaxValue?new ke(l.fromAmountMaxValue):null;return l.fromAmountRestrictionType==="EXCLUSIVE"?p?.gte(l.fromAmount)||u?.lte(l.fromAmount):p?.gt(l.fromAmount)||u?.lt(l.fromAmount)})[0],o=e.fromAmountMinValue?new ke(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new ke(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",i="",a="";return!r&&o&&o.gt(e.fromAmount)?(i=Me.t({id:"Required: >= {min} {symbol}",values:{min:W(o,6,6),symbol:e.from.symbol}}),a=G().bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(i=Me.t({id:"Required: > {min} {symbol}",values:{min:W(o,6,6),symbol:e.from.symbol}}),a=G().bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(i=Me.t({id:"Required: <= {max} {symbol}",values:{max:W(n,6,6),symbol:e.from.symbol}}),a=G().bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(i=Me.t({id:"Required: < {max} {symbol}",values:{max:W(n,6,6),symbol:e.from.symbol}}),a=G().bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:i,recommendation:a}}s(kr,"getLimitErrorMessage");function Ks(t,e,o,n,r,i,a,l,p){return t!=="success"?{title:ht().connectWallet,state:"waitForConnecting",disabled:!0}:e.length==0?{title:ht().connectWallet,state:"waitForConnecting",disabled:!1}:o||!n||!n.result||r||!p||p==="0"?{title:ht().swap,disabled:!0,state:"swap"}:i||a?{title:ht().swapAnyway,disabled:!1,hasWarning:!0,state:"needToConfirm"}:l?{title:ht().ethWarning,disabled:!1,hasWarning:!0,state:"warning"}:{title:ht().swap,disabled:!1,state:"swap"}}s(Ks,"getSwapButtonState");function Tr(t,e,o){return!((!o||o.lte(Ee))&&t?.result&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t.result)}s(Tr,"canComputePriceImpact");function nm(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(nm,"requiredWallets");var rm=s((t,e,o,n)=>n?.find(i=>i.blockchain===t&&i.symbol?.toUpperCase()===e?.toUpperCase()&&i.address===o)?.usdPrice||null,"getUsdPrice");function im(t,e){let o=Ee;for(let n=0;n<t.fee.length;n++){let r=t.fee[n];if(r.expenseType==="DECREASE_FROM_OUTPUT")continue;let i=rm(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new ke(r.amount).multipliedBy(i||0))}return o}s(im,"getUsdFeeOfStep");function en(t,e){return t.reduce((o,n)=>o.plus(im(n,e)),Ee)}s(en,"getTotalFeeInUsd");function wr(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(wr,"checkSlippageErrors");function Xs(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(Xs,"checkSlippageWarnings");function tn(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(tn,"getMinRequiredSlippage");function Ys(t,e){return e?parseFloat(t)>=parseFloat(e):!0}s(Ys,"hasProperSlippage");function on(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:S,initialQuote:f,destination:y}=t,x=i?.reduce((h,C)=>(h[C.chain]=C.address,h),{}),g=[];r?.forEach(h=>{let C=g.find(A=>A.blockchain===h.chain);C?C.addresses.push(h.address):g.push({blockchain:h.chain,addresses:[h.address]})});let w=!!f,d=Nt((f?.result?.swaps||[]).reduce((h,C)=>(h.push(C.from.blockchain,C.to.blockchain),C.internalSwaps&&Array.isArray(C.internalSwaps)&&C.internalSwaps.map(A=>{h.push(A.from.blockchain,A.to.blockchain)}),h),[]));return{amount:n.toString(),affiliateRef:m??void 0,affiliatePercent:c??void 0,affiliateWallets:S??void 0,checkPrerequisites:w,from:{address:e.address,blockchain:e.blockchain,symbol:e.symbol},to:{address:o.address,blockchain:o.blockchain,symbol:o.symbol},connectedWallets:g,selectedWallets:x??{},slippage:u.toString(),...y&&{destination:y},...p&&{swapperGroups:a.concat(l??[]),swappersGroupsExclude:!0},...!p&&{swapperGroups:l?.filter(h=>!a.includes(h)),swappersGroupsExclude:!1},...w&&{blockchains:d}}}s(on,"createQuoteRequestBody");function Js(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}s(Js,"getWalletsForNewSwap");function Bt(t){return t.result?.outputAmount||null}s(Bt,"getQuoteOutputAmount");function it(t,e){return new ke(e).div(new ke(t)).minus(1).multipliedBy(100).toNumber()}s(it,"getPercentageChange");function Zs(t,e){let o=Bt(t),n=Bt(e);if(!o||!n)return!1;let r=it(o,n);return r?r<=-1:!0}s(Zs,"isOutputAmountChangedALot");function Rs(t,e){let o=t.validationStatus,n=ps(t);return e.sort((i,a)=>n.indexOf(i.chain)-n.indexOf(a.chain)).flatMap(i=>ia(i,o)||[]).filter(i=>!i.ok).map(i=>{let a=i.asset.symbol,l=W(new ke(i.currentAmount.amount).shiftedBy(-i.currentAmount.decimals),8,8),p=W(new ke(i.requiredAmount.amount).shiftedBy(-i.requiredAmount.decimals),8,8),u="";return i.reason==="FEE"&&(u=Me.t(" for network fee")),i.reason==="INPUT_ASSET"&&(u=Me.t(" for swap")),i.reason==="FEE_AND_INPUT_ASSET"&&(u=Me.t(" for input and network fee")),Me.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(Rs,"getBalanceWarnings");function ea(t,e){return(t?new ke(t):Ee).multipliedBy(e||0)}s(ea,"calcOutputUsdValue");function Yt(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==Yo.NetworkChanged}s(Yt,"isNetworkStatusInWarningState");function ta(t,e){let o="bellow button or",n=t.extraMessage,r=t.extraMessageDetail;if(t.networkStatusExtraMessageDetail?.includes(o)&&(t.networkStatusExtraMessageDetail=t.networkStatusExtraMessageDetail.replace(o,"")),Yt(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case Yo.WaitingForConnectingWallet:n=n||Me.t("Waiting for connecting wallet");break;case Yo.WaitingForQueue:n=n||Me.t("Waiting for other running tasks to be finished");break;case Yo.WaitingForNetworkChange:n=n||Me.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(ta,"getSwapMessages");function oa(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(oa,"getLastConvertedTokenInFailedSwap");function na(t){return t.status==="failed"&&!!t.finishTime&&new Date().getTime()-parseInt(t.finishTime)<4*3600*1e3}s(na,"shouldRetrySwap");function ra(t,e,o,n,r,i){return t||!e&&!nm(n).every(a=>r.map(l=>l.chain).includes(a))||!!e&&!o||!!e&&!!o&&i&&!Ko(i,o)}s(ra,"confirmSwapDisabled");function vr(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(vr,"searchParamsToToken");function aa(t){return t?.result?.swaps[t?.result?.swaps.length-1].to.usdPrice}s(aa,"getQuoteToTokenUsdPrice");function xr(t,e){let o=t.result?.swaps||[],n=e.result?.swaps||[];return o.length!==n.length}s(xr,"isNumberOfSwapsChanged");function br(t,e){let o=t.result?.swaps.map(r=>r.swapperId)||[],n=e.result?.swaps.map(r=>r.swapperId)||[];return!ar(o,n)}s(br,"isQuoteSwappersUpdated");function Er(t,e){let o=t.result?.swaps.map(r=>r.to.symbol)||[],n=e.result?.swaps.map(r=>r.to.symbol)||[];return!ar(o,n)}s(Er,"isQuoteInternalCoinsUpdated");function la(t,e){return xr(t,e)||br(t,e)||Er(t,e)}s(la,"isQuoteChanged");function ia(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(ia,"getRequiredBalanceOfWallet");function Je(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}s(Je,"getPriceImpactLevel");function pa(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],i=am(t.steps),a={blockchain:r.toBlockchain,symbol:r.toSymbol,address:r.toSymbolAddress},l=Cr(i?i.toBlockchain:n.fromBlockchain,e),p=Cr(r.toBlockchain,e),u=Sr(i?{blockchain:l?.name??"",symbol:i.toSymbol,address:i.toSymbolAddress}:{blockchain:l?.name??"",symbol:n.fromSymbol,address:n.fromSymbolAddress},o),m=Sr(a,o),c=i?i.outputAmount??"":t.inputAmount;return{fromBlockchain:l,fromToken:u,toBlockchain:p,toToken:m,inputAmount:c}}s(pa,"createRetryQuote");function nn(t,e){let{fromToken:o,toToken:n,tokens:r,userSlippage:i}=e,a=yt(o,t.requestAmount),l=yt(n,t.result?.outputAmount??"");if(t.result&&a&&l){let m=it(a.toString(),l.toString());if(Ro(a,m)){let S=en(t.result.swaps,r),f=Je(m);return{type:0,inputUsdValue:a,outputUsdValue:l,priceImpact:m,totalFee:S,warningLevel:f}}}else if(t.result&&(!a||!l))return{type:1};let p=tn(t),u=i>ws;if(Ys(e.userSlippage.toString(),p)){if(u&&parseFloat(p??"0")<i)return{type:3,slippage:i.toString()}}else return{type:2,recommendedSlippages:Xs(t,i),minRequiredSlippage:p};return null}s(nn,"generateQuoteWarnings");function Mt(t,e){let o=typeof e=="string"?parseFloat(e)<=0:!e?.gt(0);return!t||!e||o?null:it(t.toString(),e.toString())}s(Mt,"getPriceImpact");var yt=s((t,e)=>t?.usdPrice?new st(e||Ee).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),P=Qe(lm()(pm(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new st(0),outputUsdValue:new st(0),toBlockchain:null,toToken:null,quote:null,quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:"",quoteWarningsConfirmed:!1,setQuote:e=>t(o=>{let n=null,r=Ee;return jt(o.inputAmount)?(e&&(n=e.result?.outputAmount?new st(e.result?.outputAmount):null,r=ea(e.result?.outputAmount,aa(e)||o.toToken?.usdPrice)),{quote:e,...!!e&&{outputAmount:n,outputUsdValue:r}}):{}}),resetQuote:()=>t(()=>({quote:null,outputAmount:null,outputUsdValue:new st(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:yt(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 st(0),outputUsdValue:new st(0),quote:null},...!!o.fromToken&&{inputUsdValue:yt(o.fromToken,e)}}))},retry:(e,o)=>{let{tokens:n,blockchains:r}=o,{fromBlockchain:i,fromToken:a,toBlockchain:l,toToken:p,inputAmount:u}=pa(e,r,n);t({fromBlockchain:i,fromToken:a,inputAmount:u,outputAmount:null,inputUsdValue:yt(a??null,u),outputUsdValue:new st(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:yt(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 cm=ua("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),mm=ua("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 ca(){let t=P.use.switchFromAndTo();return Ar.createElement(cm,null,Ar.createElement(mm,{onClick:()=>{t()}},Ar.createElement(um,{size:12})))}s(ca,"SwitchFromAndToButton");import{Divider as ed}from"@rango-dev/ui";import ut from"react";import{i18n as Lr}from"@lingui/core";import{Alert as Cm,ChevronDownIcon as km,ChevronRightIcon as Fa,Divider as Br,Image as Oa,InfoIcon as Tm,QuoteCost as wm,StepDetails as vm,TokenAmount as xm,Tooltip as Ua,Typography as _t}from"@rango-dev/ui";import N,{useLayoutEffect as bm,useRef as Em,useState as Am}from"react";import{styled as Ir}from"@rango-dev/ui";var Wr=Ir("div",{width:"100%",paddingTop:"$2"}),ma=Ir("div",{paddingBottom:"$15"}),da=Ir("div",{width:"100%",display:"flex"});import*as sn from"@radix-ui/react-collapsible";import{darkTheme as Ve,Image as Wa,styled as at}from"@rango-dev/ui";import*as Pt from"@radix-ui/react-collapsible";import{Button as dm,darkTheme as $t,IconButton as fm,keyframes as fa,styled as he,TextField as gm}from"@rango-dev/ui";var Jt=300,hm=fa({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),ym=fa({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),ga=he("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),ha=he("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}),ya=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"}}}}),Sa=he(Pt.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit"}),Ca=he("div",{padding:"$20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),ka=he(fm,{position:"absolute",left:"$20"}),Ta=he("div",{paddingTop:"$20","& .wallets-list":{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}}),wa=he(Pt.Root,{backgroundColor:"$neutral200",borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),va=he(dm,{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}}),xa=he("div",{padding:"$10 $0","& .button__content":{display:"flex",justifyContent:"center",alignItems:"center"},"& .alarms":{paddingTop:"5px"}}),ba=he("div",{transition:`all ${Jt}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),Ea=he("div",{display:"flex"}),Aa=he(gm,{padding:"$0 $15 $15 $15"}),rn=he(Pt.Content,{overflow:"hidden",variants:{open:{true:{animation:`${hm} ${Jt}ms ease-out`},false:{animation:`${ym} ${Jt}ms ease-out`}}}}),Ia=he("div",{overflow:"visible",width:"100%"});var Nr=300,Na=at(sn.Root,{display:"flex",flexDirection:"column",alignItems:"start",overflowX:"auto",overflowY:"hidden",width:"100%",borderRadius:"$xm",variants:{recommended:{true:{$$color:"$colors$info300",[`.${Ve} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"},false:{$$color:"$colors$neutral400",[`.${Ve} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}}},"& .steps-details":{padding:"$10 $15"}}),La=at("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",[`.${Ve} &`]:{$$color:"$colors$secondary600"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}},false:{$$color:"$colors$neutral200",[`.${Ve} &`]:{$$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",[`.${Ve} &`]:{$$color:"$colors$secondary700"},backgroundColor:"$$color"}}},{listItem:!0,recommended:!1,css:{"&:hover":{$$color:"$colors$neutral300",[`.${Ve} &`]:{$$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",[`.${Ve} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}}),Ba=at(sn.Trigger,{display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",height:"$36",padding:"$10 $15",boxSizing:"border-box",cursor:"pointer",border:"none",outline:"none",backgroundColor:"transparent",variants:{error:{true:{[`& ${Wa}`]:{border:"1px $warning500 solid",borderRadius:"100%"}},false:{[`& ${Wa}`]:{border:"1px transparent solid",borderRadius:"100%"}}},recommended:{true:{$$color:"$colors$info300",[`.${Ve} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"},false:{$$color:"$colors$neutral400",[`.${Ve} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}}},"& div:nth-child(1)":{display:"flex"}}),Ma=at(rn,{width:"100%"}),an=at("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$2",transition:`all ${Nr}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),jT=at("div",{height:"$12",marginLeft:"$10",marginRight:"$10",borderLeft:"1px solid $foreground"}),$a=at("div",{display:"flex",justifyContent:"center",margin:"0 $15",borderTop:"1px solid",$$color:"$colors$neutral300",[`.${Ve} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color"}),Pa=at("div",{width:"$16",height:"$16",justifyContent:"center",alignItems:"center",display:"flex"});import{TokenAmount as Da}from"@rango-dev/ui";import ln from"react";import{styled as Sm}from"@rango-dev/ui";var _a=Sm("div",{position:"relative",display:"flex",flexDirection:"column",width:"100%","& .separator":{height:"14px",marginLeft:"14px",position:"absolute",borderLeft:"1px solid $foreground",top:"42%"}});function Zt(t){let{from:e,to:o,percentageChange:n,warningLevel:r}=t;return ln.createElement(_a,null,ln.createElement(Da,{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}}),ln.createElement("div",{className:"separator"}),ln.createElement(Da,{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(Zt,"QuoteSummary");function Mr(t){let{quote:e,input:o,output:n,error:r,warning:i,type:a,recommended:l=!0}=t,p=T().tokens(),[u,m]=Am(t.expanded),c=Em(null),S=W(en(e.result?.swaps??[],p),2,2),f=Io(Wo(e.result?.swaps)),y=Mt(o.usdValue,n.usdValue??null),x=W(String(y),2,2),g=Je(y??0),d=s(h=>h.map((C,A)=>{let B,E=r?.type===3&&r.swap.swapperId===C.swapperId||i?.type===2&&i.recommendedSlippages?.has(A),$=i?.type===2&&i.recommendedSlippages?.has(A);return E?B="error":$&&(B="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:A===0?W(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:B,alerts:E||$?N.createElement(ma,null,N.createElement(Cm,{type:E?"error":"warning",title:r?.type===3?r?.recommendation:Lr.t("Slippage Error:"),footer:N.createElement(da,null,r?.type===3&&N.createElement(N.Fragment,null,N.createElement(_t,{size:"xsmall",variant:"body",color:"neutral900"},r.fromAmountRangeError),N.createElement(Br,{direction:"horizontal",size:8}),N.createElement(_t,{size:"xsmall",variant:"body",color:"neutral900"},"|"),N.createElement(Br,{direction:"horizontal",size:8}),N.createElement(_t,{size:"xsmall",variant:"body",color:"neutral900"},Lr.t({id:"Yours: {amount} {symbol}",values:{amount:W(C.fromAmount,6,6),symbol:C?.from.symbol}}))),(r?.type===4||i?.type===2)&&N.createElement(_t,{size:"xsmall",variant:"body",color:"neutral900"},Lr.t({id:"min required Slippage: {minRequiredSlippage}",values:{...r?.type===4&&{minRequiredSlippage:r.recommendedSlippages?.get(A)},...i?.type===2&&{minRequiredSlippage:i.recommendedSlippages?.get(A)}}})))})):void 0}}),"getQuoteSteps")(e.result?.swaps??[]),k=d.length;return bm(()=>{u&&c.current&&setTimeout(()=>{c?.current?.scrollIntoView({behavior:"smooth"})},Nr)},[u]),N.createElement(N.Fragment,null,N.createElement(La,{recommended:l,listItem:a==="list-item",basic:a==="basic"},N.createElement("div",{className:"summary"},N.createElement(wm,{fee:S,time:f,steps:k}),a==="basic"&&N.createElement("div",{className:"basic-info"},N.createElement(Pa,null,N.createElement(Tm,{size:12,color:"gray"})),N.createElement(_t,{size:"small",variant:"body",style:{letterSpacing:.4}},`${o.value} ${d[0].from.token.displayName} = ${n.value} ${d[d.length-1].to.token.displayName}`),N.createElement(_t,{color:"$neutral600",ml:2,size:"xsmall",variant:"body"},`($${n.usdValue})`)),a==="list-item"&&N.createElement(xm,{type:"output",direction:"vertical",price:{value:n.value,usdValue:n.usdValue},token:{displayName:d[k-1].to.token.displayName,image:d[k-1].to.token.image},chain:{image:d[k-1].to.chain.image},percentageChange:x,warningLevel:g}),a==="swap-preview"&&N.createElement(N.Fragment,null,N.createElement(Zt,{from:d[0].from,to:d[k-1].to,percentageChange:x,warningLevel:g}),N.createElement(Br,{size:4}))),N.createElement(Na,{recommended:l,open:u,onOpenChange:m},N.createElement(Ba,{ref:h=>c.current=h,recommended:l,onClick:m.bind(null,h=>!h)},N.createElement("div",null,d.map((h,C)=>{let A=`item-${C}`;return N.createElement(N.Fragment,{key:A},N.createElement(Ua,{container:t.tooltipContainer,side:"bottom",sideOffset:4,content:h.from.chain.displayName},N.createElement(Oa,{src:h.from.chain.image,size:16})),C===k-1&&N.createElement(N.Fragment,null,N.createElement(an,null,N.createElement(Fa,{size:12,color:"black"})),N.createElement(Ua,{container:t.tooltipContainer,side:"bottom",sideOffset:4,content:h.to.chain.displayName},N.createElement(Oa,{src:h.to.chain.image,size:16}))),C!==k-1&&N.createElement(an,null,N.createElement(Fa,{size:12,color:"black"})))})),N.createElement(an,{orientation:u?"up":"down"},N.createElement(km,{size:12,color:"black"}))),N.createElement(Ma,{open:u},N.createElement($a,null),N.createElement("div",{className:"steps-details"},d.map((h,C)=>{let A=`item-${C}`;return N.createElement(vm,{type:"quote-details",key:A,step:h,hasSeparator:C!==d.length-1,state:h.state})}))))))}s(Mr,"Quote");import{ChainToken as pn,Divider as $e,NextIcon as Wm,Skeleton as ye}from"@rango-dev/ui";import b from"react";import{darkTheme as Im,styled as za}from"@rango-dev/ui";var qa=za("div",{$$color:"$colors$neutral100",[`.${Im} &`]:{$$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"}}),Ga=za("div",{borderLeft:"1px dashed black",minHeight:" 64px",margin:"0px 11.5px",alignSelf:"stretch",variants:{hideSeparator:{true:{minHeight:"unset",height:"0"}}}});function $r(t){let{separator:e=!0}=t;return b.createElement(b.Fragment,null,b.createElement("div",{className:"step__title"},b.createElement(ye,{height:22,width:22,variant:"circular"}),b.createElement($e,{direction:"horizontal",size:8}),b.createElement(ye,{height:15,width:148,variant:"rounded"})),b.createElement("div",{className:"step__content"},b.createElement(Ga,{hideSeparator:!e}),b.createElement("div",{className:"step__tokens"},b.createElement("div",{className:"step__token-info"},b.createElement(pn,{size:"small",loading:!0,chainImage:"",tokenImage:""}),b.createElement($e,{direction:"horizontal",size:8}),b.createElement(ye,{height:12,width:76,variant:"rounded"})),b.createElement("div",{className:"step__icon-container"},b.createElement(Wm,{color:"gray",size:16})),b.createElement("div",{className:"step__token-info"},b.createElement(pn,{size:"small",loading:!0,chainImage:"",tokenImage:""}),b.createElement($e,{direction:"horizontal",size:8}),b.createElement(ye,{height:12,width:76,variant:"rounded"})))))}s($r,"StepSkeleton");function Pr(t){let{type:e,expanded:o,tag:n=!1}=t,r=b.createElement("div",{className:"quote-summary"},b.createElement("div",{className:"token-amount"},b.createElement(pn,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),b.createElement($e,{size:8,direction:"horizontal"}),b.createElement("div",{className:"token-amount__label"},b.createElement(ye,{height:10,width:60,variant:"rounded"}),b.createElement($e,{size:4}),b.createElement(ye,{height:15,width:148,variant:"rounded"}))),b.createElement(ye,{height:12,width:64,variant:"rounded"}));return b.createElement(qa,null,b.createElement("div",{className:"cost-and-tag"},b.createElement("div",{className:"cost"},b.createElement(ye,{width:60,height:10,variant:"rounded"}),b.createElement($e,{size:4,direction:"horizontal"}),b.createElement(ye,{width:60,height:10,variant:"rounded"}),b.createElement($e,{size:4,direction:"horizontal"}),b.createElement(ye,{width:60,height:10,variant:"rounded"})),n&&b.createElement(ye,{height:22,width:100,variant:"rounded"})),e==="basic"&&b.createElement("div",{className:"basic-summary"},b.createElement(ye,{height:15,width:148,variant:"rounded"})),e==="list-item"&&b.createElement("div",{className:"output"},b.createElement("div",{className:"output__token-info"},b.createElement(pn,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),b.createElement($e,{direction:"horizontal",size:4}),b.createElement(ye,{height:15,width:150,variant:"rounded"})),b.createElement($e,{size:4}),b.createElement(ye,{height:10,width:184,variant:"rounded"})),e==="swap-preview"&&b.createElement(b.Fragment,null,b.createElement($e,{size:4}),b.createElement("div",{className:"swap-preview"},r,b.createElement("div",{className:"quote-summary__separator"}),r)),b.createElement("div",{className:"chains"},b.createElement(ye,{height:15,width:321,variant:"rounded"})),o&&b.createElement("div",{className:"steps"},b.createElement($e,{size:20}),b.createElement($r,null),b.createElement($r,null),b.createElement($r,{separator:!1})))}s(Pr,"QuoteSkeleton");import{i18n as Xm}from"@lingui/core";import{Alert as Ym,Button as Jm,InfoIcon as Zm}from"@rango-dev/ui";import Ae from"react";import{useNavigate as Rm}from"react-router-dom";import{Alert as Nm,Button as Lm,Divider as Xa,NoRouteIcon as Bm,RefreshIcon as Mm,Typography as Ya}from"@rango-dev/ui";import Pe from"react";import{i18n as Ha}from"@lingui/core";function Qa(t,e,o,n){return t?.type===1?{alert:{type:"warning",text:G().genericServerError,action:{onClick:n,title:Ha.t("Retry")}},description:""}:t?.type===0&&t.diagnosisMessage?{alert:{type:"error",text:t.diagnosisMessage,action:null},description:""}:e.length?{alert:{type:"warning",text:G().liquiditySourcesError.title,action:{onClick:()=>o(!0),title:Ha.t("Reset")}},description:G().liquiditySourcesError.description}:{alert:null,description:G().noResultError.description}}s(Qa,"makeInfo");import{styled as _r}from"@rango-dev/ui";var Va=_r("div",{minHeight:"162px",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"}),ja=_r("div",{width:"100%"}),Ka=_r("div",{padding:"$6 $0"});function Dr(t){let{fetch:e,error:o}=t,n=D.use.disabledLiquiditySources(),r=D.use.toggleAllLiquiditySources(),i=T().swappers(),a=Qa(o,n,()=>r(i,!0),e);return Pe.createElement(Va,null,Pe.createElement(Bm,{size:24,color:"gray"}),Pe.createElement(Xa,{size:4}),Pe.createElement(Ya,{variant:"title",size:"small"},G().noResultError.title),!!a.description&&Pe.createElement(Ya,{variant:"body",size:"small",align:"center",color:"neutral700"},a.description),Pe.createElement(Xa,{size:4}),!!a.alert&&Pe.createElement(ja,null,Pe.createElement(Nm,{type:a.alert.type,title:a.alert.text,action:a.alert.action&&Pe.createElement(Lm,{size:"xsmall",type:a.alert.type,prefix:Pe.createElement(Ka,null,Pe.createElement(Mm,{size:8})),onClick:a.alert.action.onClick},a.alert.action.title),variant:"alarm"})))}s(Dr,"NoResult");import{i18n as to}from"@lingui/core";import{Button as Pm,Divider as ol,MessageBox as _m,Modal as Dm,Typography as Fm,WarningIcon as Om}from"@rango-dev/ui";import je from"react";import{Typography as el}from"@rango-dev/ui";import Or from"react";import{darkTheme as $m,styled as un}from"@rango-dev/ui";var Ja=un("div",{width:"100%",paddingTop:"$10"}),Fr=un("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),Za=un("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%","._title":{$$color:"$colors$neutral600",[`.${$m} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Ra=un("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});function tl(t){let{title:e,value:o,valueColor:n}=t;return Or.createElement(Za,null,Or.createElement(el,{size:"medium",variant:"label",className:"_title"},e),Or.createElement(el,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}s(tl,"QuoteErrorsModalItem");function nl(t){let{open:e,onClose:o,onConfirm:n,warning:r}=t,i=r.warningLevel==="high"?"error":"warning",a=[{title:to.t("Swapping"),value:W(r.inputUsdValue,4,4)},{title:to.t("Gas cost"),value:W(r.totalFee,2,2)},{title:to.t("Receiving"),value:W(r.outputUsdValue,4,4)},{title:to.t("Price impact"),value:W(r.priceImpact,2,2),valueColor:`${i}500`}];return je.createElement(Dm,{open:e,onClose:o,container:R()},je.createElement(_m,{type:i,title:G().highValueLossError.impactTitle,description:G().highValueLossError.description}),je.createElement(Fr,null,je.createElement(ol,{size:20}),je.createElement(Fm,{size:"small",variant:"title"},to.t("Details")),je.createElement(Fr,null,a.map((l,p)=>je.createElement(tl,{key:p,...l})))),je.createElement(ol,{size:32}),je.createElement(Pm,{type:"primary",size:"large",prefix:je.createElement(Om,null),fullWidth:!0,onClick:n},G().highValueLossError.confirmMessage))}s(nl,"HighValueLossWarningModal");import{i18n as rl}from"@lingui/core";function il(t,e){let o={alertType:"warning",title:"",action:"show-info"};return t?(t.type===0&&(Je(t.priceImpact)==="high"&&(o.alertType="error"),o.title=G().highValueLossError.title),t.type===1&&(o.title=G().unknownPriceError.title),t.type===2&&(o.title=rl.t({id:"minimum required slippage for this route: {minRequiredSlippage}",values:{minRequiredSlippage:t.minRequiredSlippage}})),t.type===3&&(o.title=rl.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(il,"makeAlerts");import{i18n as Dt}from"@lingui/core";import{Button as sl,Divider as al,MessageBox as Um,Modal as zm,Typography as qm}from"@rango-dev/ui";import St from"react";import{useNavigate as Gm}from"react-router-dom";function ll(t){let{customSlippage:e,slippage:o}=D(),{open:n,onClose:r,onConfirm:i,warning:a}=t,l=Gm(),p=e??o;return St.createElement(zm,{anchor:"bottom",open:n,prefix:St.createElement(sl,{size:"small",variant:"ghost",onClick:()=>l("../"+L.settings)},St.createElement(qm,{variant:"label",size:"medium",color:"$neutral900"},Dt.t("Change settings"))),container:R(),onClose:r},St.createElement(Um,{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}})},St.createElement(al,{size:18}),St.createElement(al,{size:32}),St.createElement(sl,{size:"large",type:"primary",variant:"contained",fullWidth:!0,onClick:i},Dt.t("Confirm anyway"))))}s(ll,"SlippageWarningModal");import{Button as Hm,Divider as Qm,MessageBox as Vm,Modal as jm,WarningIcon as Km}from"@rango-dev/ui";import oo from"react";function pl(t){let{open:e,onClose:o,onConfirm:n}=t;return oo.createElement(jm,{open:e,onClose:o,container:R()},oo.createElement(Vm,{type:"warning",title:G().unknownPriceError.impactTitle,description:G().unknownPriceError.description}),oo.createElement(Qm,{size:32}),oo.createElement(Hm,{type:"primary",size:"large",prefix:oo.createElement(Km,null),fullWidth:!0,onClick:n},G().unknownPriceError.confirmMessage))}s(pl,"UnknownPriceWarningModal");function Ur(t){let{warning:e,error:o,refetchQuote:n,showWarningModal:r,onOpenWarningModal:i,onCloseWarningModal:a,onConfirmWarningModal:l}=t,p=Rm(),u={open:r,onClose:a,onConfirm:l},m=o?.type===0||o?.type===1,c=il(e,o?.type===3||o?.type===4?o:null);return Ae.createElement(Ae.Fragment,null,m&&Ae.createElement(Dr,{error:o,fetch:n}),!!c&&Ae.createElement(Ja,null,Ae.createElement(Ym,{title:c.title,type:c.alertType,variant:"alarm",action:c.action==="show-info"?Ae.createElement(Ra,{onClick:i},Ae.createElement(Zm,{size:12,color:"gray"})):Ae.createElement(Jm,{size:"xsmall",type:"error",onClick:()=>p(L.settings)},Xm.t("Change Settings"))})),e&&Ae.createElement(Ae.Fragment,null,e.type===0&&Ae.createElement(nl,{...u,warning:e}),(e.type===3||e.type===2)&&Ae.createElement(ll,{...u,warning:e}),e.type===1&&Ae.createElement(pl,{...u,warning:e})))}s(Ur,"QuoteWarningsAndErrors");function no(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:S,inputUsdValue:f,outputUsdValue:y,outputAmount:x}=P(),g=e&&e.result&&!n;return ut.createElement(ut.Fragment,null,n&&ut.createElement(Wr,null,ut.createElement(Pr,{type:o,expanded:c})),g?ut.createElement(Wr,null,ut.createElement(Mr,{quote:e,error:r,warning:i,type:o,expanded:c,recommended:!0,input:{value:W(S,6,6),usdValue:W(f,4,4)},output:{value:W(x,6,6),usdValue:W(y,4,4)}})):null,!i&&!r&&ut.createElement(ed,{size:16}),(i||r)&&ut.createElement(Ur,{warning:i,error:r,loading:n,refetchQuote:a,showWarningModal:l,onOpenWarningModal:p,onCloseWarningModal:u,onConfirmWarningModal:m}))}s(no,"QuoteInfo");import{useEffect as cl,useRef as rd,useState as zr}from"react";function cn(t){if(!t.result)throw new Error(G().noResultError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});if(Xt(t)){let{swap:n,recommendation:r,fromAmountRangeError:i}=kr(t);throw new Error("bridge limit error",{cause:{type:3,swap:n,recommendation:r,fromAmountRangeError:i}})}let o=wr(t);if(o){let n=tn(t);throw new Error("",{cause:{type:4,recommendedSlippages:o,minRequiredSlippage:n}})}return t}s(cn,"throwErrorIfResponseIsNotValid");function ul(t,e,o){let n=la(t,e),r={quote:null,quoteUpdate:null,balance:null},i=nn(e,{fromToken:o.fromToken,toToken:o.toToken,tokens:o.tokens,userSlippage:o.userSlippage});i&&(r.quote=i),n&&(Zs(t,e)?r.quoteUpdate={type:3,newOutputAmount:W(Bt(e)),percentageChange:W(it(Bt(t)??"",Bt(e)??""),null,2)}:xr(t,e)?r.quoteUpdate={type:0}:br(t,e)?r.quoteUpdate={type:1}:Er(t,e)&&(r.quoteUpdate={type:2}));let a=Rs(e,o.selectedWallets);return a.length===0||(r.balance={messages:a}),r}s(ul,"generateWarnings");function mn(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(mn,"handleQuoteErrors");import{useRef as od,useState as nd}from"react";function dn(){let[t,e]=nd(!1),o=od(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(dn,"useFetchQuote");var id=600;function ml(){let{fetch:t,cancelFetch:e}=dn(),{liquiditySources:o,enableNewLiquiditySources:n,experimental:r}=T().config,i=T().tokens(),{fromToken:a,toToken:l,inputAmount:p,inputUsdValue:u,resetQuote:m,setQuote:c}=P(),{slippage:S,customSlippage:f,affiliatePercent:y,affiliateRef:x,affiliateWallets:g,disabledLiquiditySources:w}=D(),[d,k]=zr(!1),[h,C]=zr(null),[A,B]=zr(null),E=rd(w),$=f??S,F=!a||!l||Ie(a,l)||!jt(p),v=s(O=>{k(O),C(null),B(null)},"resetState"),z=s(()=>{if(d||v(!0),!F){m();let O=on({fromToken:a,toToken:l,inputAmount:p,liquiditySources:o,excludeLiquiditySources:n,disabledLiquiditySources:w,slippage:$,affiliateRef:x,affiliatePercent:y,affiliateWallets:g});r?.routing&&(O.experimental=!0),t(O).then(Z=>{k(!1),c(Z),cn(Z);let le=nn(Z,{fromToken:a,toToken:l,userSlippage:$,tokens:i});B(le)}).catch(Z=>{let{error:le}=mn(Z);(le?.type===0||le?.type===1)&&m(),le?.type!==2&&(C(le),k(!1))})}},"fetch"),H=Ss(()=>{F||z()},id);return cl(()=>{if(!jt(p)||u?.eq(0)){v(!1),e();return}if(!F)return m(),v(!0),H(),e},[p,F]),cl(()=>{let O=!!E.current.length&&!w.length;return!F&&O&&z(),E.current=w,e},[w.length]),{fetch:z,loading:d,error:h,warning:A}}s(ml,"useSwapInput");var md=Gr("div",{display:"flex",flexDirection:"column",overflowY:"visible"}),dd=Gr("div",{position:"relative"}),fd=Gr("div",{display:"flex",flexDirection:"column",gap:5,alignSelf:"stretch"});function fn(){let t=cd(),{fetch:e,loading:o,error:n,warning:r}=ml(),{fromToken:i,fromBlockchain:a,toToken:l,toBlockchain:p,setInputAmount:u,inputAmount:m,inputUsdValue:c,outputAmount:S,outputUsdValue:f,quote:y,resetQuoteWallets:x,setQuoteWarningsConfirmed:g}=P(),w=T().fetchStatus,d=V.use.connectedWallets(),k=Ce.use.setCurrentPage(),[h,C]=ud(!1),A=pd(null),B=!1,E=js(c,f),$=Ro(c,E),_=!Tr(y,m,c),F=!Tr(y,m,f),v=Ks(w,d,o,y,Xt(y),$,_||F,B,m),z=a&&i?W(Wt(d,a?.name,i?.symbol,i?.address)?.amount||"0",8,8):"0",H=a&&i?W(Wt(d,a?.name,i?.symbol,i?.address)?.amount||"0",Wt(d,a?.name,i?.symbol,i?.address)?.decimal):"0";ld(()=>(k(L.home),x(),k.bind(null,"")),[]);let O=!c||!f||!f.gt(0)?null:it(c.toString(),f.toString());return Fe.createElement(j,{ref:A,fixedHeight:!1,hasLogo:!0,footer:Fe.createElement(sd,{type:"primary",size:"large",disabled:v.disabled,prefix:!v.disabled&&v.hasWarning&&Fe.createElement(ad,null),fullWidth:!0,onClick:()=>{v.state==="waitForConnecting"?t(L.wallets):r?C(!0):t(L.confirmSwap)}},v.title),header:{onWallet:()=>{t(L.wallets)},hasBackButton:!1,title:qr.t("Swap"),suffix:Fe.createElement(gr,{layoutRef:A.current,onClickRefresh:y||n?e:void 0,onClickHistory:()=>t(L.swaps),onClickSettings:()=>t(L.settings)})}},Fe.createElement(md,null,Fe.createElement(fd,null,Fe.createElement(dd,null,Fe.createElement(dl,{label:qr.t("From"),mode:"From",onInputChange:u,balance:z,chain:{displayName:a?.displayName||"",image:a?.logo||""},token:{displayName:i?.symbol||"",image:i?.image||""},onClickToken:()=>t(L.fromSwap),price:{value:m,usdValue:_?void 0:W(c,4,4),error:_?G().unknownPriceError.impactTitle:void 0},disabled:w==="failed",loading:w==="loading",onSelectMaxBalance:()=>{z!=="0"&&u(H.split(",").join(""))}}),Fe.createElement(ca,null)),Fe.createElement(dl,{sharpBottomStyle:!!y?.result||o,label:qr.t("To"),mode:"To",chain:{displayName:p?.displayName||"",image:p?.logo||""},token:{displayName:l?.symbol||"",image:l?.image||""},percentageChange:W(Mt(c,f),2,2),warningLevel:Je(O??0),price:{value:W(S,6,6),usdValue:F?void 0:W(f,4,4),error:F?G().unknownPriceError.impactTitle:void 0},onClickToken:()=>t(L.toSwap),disabled:w==="failed",loading:w==="loading"})),Fe.createElement(no,{quote:y,loading:o,error:n,warning:r,type:"basic",refetchQuote:e,showWarningModal:h,onOpenWarningModal:()=>C(!0),onCloseWarningModal:()=>C(!1),onConfirmWarningModal:()=>{C(!1),g(!0),t(L.confirmSwap)}})))}s(fn,"Home");import{useEffect as Hr,useRef as Qr}from"react";import{createSearchParams as gd,useLocation as hd,useSearchParams as yd}from"react-router-dom";import{useEffect as Ft,useMemo as gn,useRef as hn}from"react";function fl(){let{setInputAmount:t,setToToken:e,setToBlockchain:o,setFromBlockchain:n,setFromToken:r,fromToken:i,toToken:a,fromBlockchain:l,toBlockchain:p}=P(),u=T().config,m=T().fetchStatus,c=T().blockchains(),S=T().tokens(),{setAffiliateRef:f,setAffiliatePercent:y,setAffiliateWallets:x}=D(),g=gn(()=>u?.from?.tokens,[u?.from?.tokens]),w=gn(()=>u?.from?.blockchains,[u?.from?.blockchains]),d=gn(()=>u?.to?.tokens,[u?.to?.tokens]),k=gn(()=>u?.to?.blockchains,[u?.to?.blockchains]),h=hn(void 0),C=hn(void 0),A=hn(void 0),B=hn(void 0);Ft(()=>{t(u?.amount?.toString()||"")},[u?.amount]),Ft(()=>{if(m==="success"){let E=c.find(_=>_.name===u?.from?.blockchain),$=S.find(_=>Ie(_,u?.from?.token||null));(E||!E&&A.current)&&n(E??null),$?r({token:$,meta:{blockchains:c,tokens:S}}):!$&&h.current&&r({token:null}),A.current=u?.from?.blockchain,h.current=u?.from?.token}},[u?.from?.token?.symbol,u?.from?.token?.address,u?.from?.token?.blockchain,u?.from?.blockchain,m]),Ft(()=>{i&&g&&(g.some(E=>Ie(E,i))||r({token:null})),l&&w&&(w.includes(l.name)||n(null))},[g,w]),Ft(()=>{a&&d&&(d.some(E=>Ie(E,a))||e({token:null})),p&&k&&(k.includes(p.name)||o(null))},[d,k]),Ft(()=>{if(m==="success"){let E=c.find(_=>_.name===u?.to?.blockchain),$=S.find(_=>Ie(_,u?.to?.token||null));(E||!E&&B.current)&&o(E??null),$?e({token:$,meta:{blockchains:c,tokens:S}}):!$&&C.current&&e({token:null}),B.current=u?.to?.blockchain,C.current=u?.to?.token}},[u?.to?.token?.symbol,u?.to?.token?.address,u?.to?.token?.blockchain,u?.to?.blockchain,m]),Ft(()=>{f(u?.affiliate?.ref??null),y(u?.affiliate?.percent??null),x(u?.affiliate?.wallets??null)},[u?.affiliate?.ref,u?.affiliate?.percent,u?.affiliate?.wallets])}s(fl,"useSyncStoresWithConfig");function gl(){let t=Qr(!0),[e,o]=yd(),n=hd(),r=Qr(n.search),i=Qr({}),a=P.use.fromBlockchain(),l=P.use.toBlockchain(),p=P.use.fromToken(),u=P.use.toToken(),m=P.use.setFromBlockchain(),c=P.use.setFromToken(),S=P.use.setToBlockchain(),f=P.use.setToToken(),y=P.use.inputAmount(),x=P.use.setInputAmount(),g=T().fetchStatus,w=T().blockchains(),d=T().tokens(),k=Ce.use.setSelectedSwap();return fl(),Hr(()=>{let h={};gd(r.current).forEach((A,B)=>{h[B]=A}),i.current=h;let C=n.pathname.split(L.swaps+"/")[1]||null;C&&k(C)},[]),Hr(()=>{if(!t.current){let h="",C="",A="",B="",E="",$=i.current["autoConnect"];g!=="success"?(h=i.current["fromBlockchain"],C=i.current["fromToken"],A=i.current["toBlockchain"],B=i.current["toToken"],E=i.current["fromAmount"]||y):(h=a?.name||"",C=(p?.symbol||"")+(p?.address?`--${p?.address}`:""),A=l?.name||"",B=(u?.symbol||"")+(u?.address?`--${u?.address}`:""),E=y),o({...h&&{["fromBlockchain"]:h},...C&&{["fromToken"]:C},...A&&{["toBlockchain"]:A},...B&&{["toToken"]:B},...E&&{["fromAmount"]:E.toString()},...$&&{["autoConnect"]:$}},{replace:!0})}t.current=!1},[n.pathname,y,a,p,l,u]),Hr(()=>{if(g==="success"){let h=e.get("fromBlockchain"),C=e.get("fromToken"),A=e.get("toBlockchain"),B=e.get("toToken"),E=e.get("fromAmount"),$=w.find(z=>z.name===h),_=vr(d,C,$||null),F=w.find(z=>z.name===A),v=vr(d,B,F||null);$&&(m($),_&&c({token:_,meta:{blockchains:w,tokens:d}})),F&&(S(F),v&&f({token:v,meta:{blockchains:w,tokens:d}})),E&&x(E)}},[g]),null}s(gl,"UpdateUrl");function Ad(t){let e=bd(),o=Ed(),n=wd(!0),r=e.pathname.split("/"),a=r[r.length-1]===L.confirmSwap&&n.current;return Td(()=>{a&&o("."),n.current=!1},[]),a?Ct.createElement(fn,null):Ct.createElement(Ct.Fragment,null," ",t.children)}s(Ad,"Route");function hl({children:t,...e}){let o=xd(),n=o?Ad:vd,r=T().blockchains(),{canSwitchNetworkTo:i}=Cd();Ns();let a=r.filter(kd);return Sd({lastConnectedWallet:e.lastConnectedWallet,clearDisconnectedWallet:e.clearDisconnectedWallet,disconnectedWallet:e.disconnectedWallet,evmChains:a,canSwitchNetworkTo:i}),Ct.createElement(Ct.Fragment,null,Ct.createElement(n,null,t),o&&Ct.createElement(gl,null))}s(hl,"AppRouter");import xe from"react";import{useRoutes as _h}from"react-router-dom";import{i18n as xn}from"@lingui/core";import{useManager as uf}from"@rango-dev/queue-manager-react";import{Alert as Dl,Button as Fl,Divider as Ol,IconButton as Ul,RefreshIcon as cf,SettingsIcon as mf,styled as zl,Tooltip as df,Typography as ff,WalletIcon as gf}from"@rango-dev/ui";import Y,{useEffect as bn,useState as En}from"react";import{flushSync as hf}from"react-dom";import{useNavigate as yf}from"react-router-dom";import{i18n as Ze}from"@lingui/core";import{Alert as Zr,BalanceErrors as Jd,Button as $l,ChevronDownIcon as Zd,ChevronLeftIcon as Rd,Divider as Ut,MessageBox as ef,Modal as Pl,Typography as vn,WalletIcon as tf}from"@rango-dev/ui";import I,{useEffect as of,useLayoutEffect as nf,useRef as rf,useState as wt}from"react";import{useNavigate as sf}from"react-router-dom";import{i18n as yn}from"@lingui/core";function Sn(t){switch(t.type){case 0:return yn.t("Route has been updated.");case 3:return yn.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return yn.t("Route swappers has been updated.");case 2:return yn.t("Route internal coins has been updated.");default:return""}}s(Sn,"getQuoteUpdateWarningMessage");import{i18n as Oe}from"@lingui/core";import{Button as Kd,Divider as Yr,Image as Xd,MessageBox as wn,Modal as Wl,SelectableWallet as Yd,Typography as Nl,WalletState as Ll}from"@rango-dev/ui";import oe,{useEffect as Bl,useState as io}from"react";import{WalletState as yl}from"@rango-dev/ui";import{useWallets as Id}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as Wd,WalletTypes as Nd}from"@rango-dev/wallets-shared";import{useEffect as Ld,useState as Bd}from"react";var Md=Object.values(Nd);function Cn(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:i,disconnect:a,getWalletInfo:l,connect:p}=Id(),{connectedWallets:u}=V(),m=T().blockchains(),c=gs(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||Md,S=as(i,l,c,o),f=ds(S),[y,x]=Bd(""),g=s(h=>!u.find(C=>C.walletType===h&&C.chain===o),"isExperimentalChainNotAdded"),w=s(async h=>{let C=i(h);try{if(y&&x(""),C.connected)await a(h);else{let A=!!S.find(B=>B.state===yl.CONNECTED);if(!e?.multiWallets&&A)return;n?.(h),await p(h),r?.(h)}}catch(A){x("Error: "+A?.message)}},"handleClick"),d=s(()=>{let h=S?.filter(C=>C.state===yl.CONNECTING)||[];for(let C of h)a(C.type)},"disconnectConnectingWallets");Ld(()=>()=>{d()},[]);let k=s((h,C,A)=>$o(A,C)&&g(h)&&!Wd.includes(h),"shouldExcludeWallet");return{list:f.filter(h=>!k(h.type,o??"",m)),error:y,handleClick:w}}s(Cn,"useWalletList");import{i18n as wl}from"@lingui/core";import{styled as xl,Typography as Ud,Wallet as zd,WalletState as qd}from"@rango-dev/ui";import Tt,{Fragment as Gd,useState as vl}from"react";import{Divider as Fd,Modal as Od}from"@rango-dev/ui";import jr from"react";import{i18n as Ot}from"@lingui/core";import{Image as _d,MessageBox as Vr,WalletState as Dd}from"@rango-dev/ui";import kt from"react";import{keyframes as $d,styled as kn}from"@rango-dev/ui";var Qb=kn("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),Sl=kn("div",{position:"relative"}),Pd=$d({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),Cl=kn("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Pd} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),kl=kn("div",{"& img":{borderRadius:"50%"}});function Tl(t){let{state:e,image:o,error:n}=t;return e===Dd.CONNECTED?kt.createElement(Vr,{type:"success",title:Ot.t("Wallet Connected"),description:Ot.t("Your wallet is connected, you can use it to swap.")}):n?kt.createElement(Vr,{type:"error",title:Ot.t("Failed to Connect"),description:n||Ot.t("Your wallet is not connected. Please try again.")}):kt.createElement(Vr,{type:"loading",title:Ot.t("Connecting to your wallet"),description:Ot.t("Click connect in your wallet popup."),icon:kt.createElement(Sl,null,kt.createElement(kl,null,kt.createElement(_d,{src:o,size:45})),kt.createElement(Cl,null))})}s(Tl,"ModalContent");function ro(t){let{open:e,onClose:o,...n}=t;return jr.createElement(Od,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},jr.createElement(Tl,{...n}),jr.createElement(Fd,{direction:"vertical",size:32}))}s(ro,"WalletModal");var Hd=xl("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline",paddingTop:"$15",height:"100%"}),Qd=xl("div",{textAlign:"center"}),Tn=3e3,Kr=300;function bl(){let{config:t,fetchStatus:e}=T(),[o,n]=vl(!1),[r,i]=vl(""),a=null,{list:l,handleClick:p,error:u}=Cn({config:t,onBeforeConnect:f=>{a=setTimeout(()=>{n(!0),i(f)},Kr)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},Tn)}}),m=l.find(f=>f.type===r),c=m?.image||"",S=m?.state||qd.NOT_INSTALLED;return Tt.createElement(j,{header:{title:wl.t("Connect Wallets")}},Tt.createElement(Qd,null,Tt.createElement(Ud,{variant:"title",size:"xmedium",align:"center"},wl.t("Choose a wallet to connect.")),Tt.createElement(Hd,null,l.map((f,y)=>{let x=`wallet-${y}-${f.type}`;return Tt.createElement(Gd,{key:x},Tt.createElement(zd,{...f,container:R(),onClick:g=>{p(g)},isLoading:e==="loading"}))}),Tt.createElement(ro,{open:!!o,onClose:()=>n(!1),image:c,state:S,error:u}))))}s(bl,"WalletsPage");import{keyframes as Vd,styled as Xr}from"@rango-dev/ui";var El=Xr("div",{position:"relative"}),jd=Vd({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),Al=Xr("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${jd} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),Il=Xr("div",{"& img":{borderRadius:"50%"}});function Jr(t){let{chain:e,isSelected:o,selectWallet:n,limit:r,onShowMore:i}=t,{config:a}=T(),l=V.use.connectedWallets(),{blockchains:p}=T(),[u,m]=io(""),[c,S]=io(null),[f,y]=io(!1),[x,g]=io(null),{suggestAndConnect:w}=Ml(),d=null,{list:k,error:h,handleClick:C}=Cn({config:a,chain:e,onBeforeConnect:v=>{d=setTimeout(()=>{m(v)},Kr)},onConnect:()=>{d&&clearTimeout(d),setTimeout(()=>{m("")},Tn)}}),[A,B]=io(k),E=k.length,$=r&&E-r>0,_=s(async v=>{y(!1),g("in-progress");try{await w(v.walletType,v.chain),g("completed")}catch{g("rejected")}},"addExperimentalChain");Bl(()=>{B(v=>{let z=k.findIndex(H=>o(H.type,e));return $&&z>1?[k[z]].concat(k.filter((H,O)=>O!==z)):v.map(H=>k.find(O=>O.type===H.type)??H)})},[JSON.stringify(k)]);let F=document.querySelector("#swap-box");return Bl(()=>{let v=null;return(x==="completed"||x==="rejected")&&(v=setTimeout(()=>g(null),Tn)),()=>{v&&clearTimeout(v)}},[x]),oe.createElement(oe.Fragment,null,A.slice(0,r).map(v=>{let z=fs({connectedWallets:l,walletType:v.type,chain:e}),H=z?Po(z):"",O=$o(p(),e),Z=!l.find(ze=>ze.walletType===v.type&&ze.chain===e),le=O&&Z&&v.state===Ll.CONNECTED,te=le?Oe.t({id:"Add {chain} chain",values:{chain:e}}):H,ne=s(()=>{v.state===Ll.DISCONNECTED?C(v.type):le?(S({walletType:v.type,chain:e,address:z??""}),y(!0)):n({walletType:v.type,chain:e,address:z??""})},"onClick"),ge=c?.chain?Qs(c.chain,p()):void 0;return oe.createElement(oe.Fragment,null,oe.createElement(ro,{open:u===v.type,onClose:()=>m(""),image:v.image,state:v.state,error:h}),!!c&&oe.createElement(Wl,{open:!!c&&f,container:F,onClose:()=>{S(null)}},oe.createElement(wn,{title:Oe.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:ge}}),type:"warning",description:Oe.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:ge}})},oe.createElement(Yr,{size:18}),oe.createElement(Yr,{size:32}),oe.createElement(Kd,{onClick:_.bind(null,c),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},Oe.t("Confirm")))),x&&oe.createElement(Wl,{open:!!x,onClose:g.bind(null,null),container:F},x==="in-progress"&&oe.createElement(wn,{type:"loading",title:Oe.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:ge}}),description:Oe.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:ge}}),icon:oe.createElement(El,null,oe.createElement(Il,null,oe.createElement(Xd,{src:v.image,size:45})),oe.createElement(Al,null))}),x==="completed"&&oe.createElement(wn,{type:"success",title:Oe.t({id:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:ge}}),description:Oe.t({id:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:ge}})}),x==="rejected"&&oe.createElement(wn,{type:"error",title:Oe.t("Request Rejected"),description:Oe.t({id:"You've rejected adding {blockchainDisplayName} chain to your wallet.",values:{blockchainDisplayName:ge}})}),oe.createElement(Yr,{direction:"vertical",size:32})),oe.createElement(Yd,{key:v.type,description:te,onClick:ne,selected:o(v.type,e),...v}))}),$&&oe.createElement(ya,{selected:!1,onClick:i.bind(null)},oe.createElement(Nl,{variant:"label",size:"medium"},Oe.t("Show more wallets"),oe.createElement(Nl,{variant:"label",size:"medium",color:"$primary"},"\xA0+",E-(r??0)))))}s(Jr,"WalletList");var af=2;function _l(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,loading:i}=t,a=T().config,l=T().blockchains(),{quote:p,setSelectedWallets:u,quoteWalletsConfirmed:m,setQuoteWalletConfirmed:c,customDestination:S,setCustomDestination:f}=P(),{connectedWallets:y,selectWallets:x}=V(),[g,w]=wt(""),[d,k]=wt([]),[h,C]=wt(""),[A,B]=wt(null),[E,$]=wt(S),[_,F]=wt(!!S),v=rf(null),z=jo(p),H=l.find(U=>U.name===p?.result?.swaps[p?.result?.swaps.length-1].to.blockchain),O=s(U=>!!p?.result?.swaps.find(X=>X.from.blockchain===U),"isWalletRequiredFor"),[Z,le]=wt(y.filter(U=>U.selected&&z.includes(U.chain))),te=l.find(U=>U.name===H?.name),ne=s((U,X)=>!!Z.find(q=>q.walletType===U&&q.chain===X&&q.selected&&(O(X)||!O(X)&&!E)),"isSelected"),ge=!!E&&_&&te&&!Ko(te,E),ze=s(()=>{F(!1),$(""),le(U=>{let X=!1;return U.map(q=>!X&&q.chain===H?.name?(X=!0,{...q,selected:!0}):q)})},"resetCustomDestination"),ft=s(U=>{if(g&&w(""),ne(U.walletType,U.chain))return;let q=y.find(se=>se.walletType===U.walletType&&se.chain===U.chain);q&&(n(),U.chain===H?.name&&_&&(F(!1),$("")),le(se=>se.filter(qe=>qe.chain!==U.chain).concat({...q,selected:!0})))},"onChange"),xo=s(()=>{let U=Z.filter(X=>X.selected);x(U),u(U),f(E),c(!0),o()},"onConfirmBalance"),er=s(async()=>{k([]),C(""),B(null);let U=y.filter(se=>Z.find(qe=>qe.chain===se.chain&&qe.walletType===se.walletType)),X=await r?.({selectedWallets:U,customDestination:E}),q=X.warnings;q?.balance?.messages&&k(q.balance.messages),q?.quoteUpdate&&B(q.quoteUpdate),X.error&&C(Vs(X.error)),!X.error&&(!q?.balance?.messages.length||0>0)?xo():k(q?.balance?.messages??[])},"onConfirmWallets");of(()=>{le(U=>U.concat(y.filter(X=>!!!U.find(se=>se.chain===X.chain)&&X.selected&&z.includes(X.chain))))},[y.length]),nf(()=>{_&&v.current&&setTimeout(()=>{v?.current?.scrollIntoView({behavior:"smooth"})},Jt)},[_]);let Et=document.querySelector("#swap-box"),bo=sf();return I.createElement(Pl,{open:e,onClose:()=>{m||bo("../",{replace:!0}),o()},dismissible:!g,container:Et,...!g&&{footer:I.createElement(Ea,null,I.createElement($l,{loading:i,disabled:ra(i,_,E,p,Z,H),onClick:er,variant:"contained",type:"primary",fullWidth:!0,size:"large"},"Confirm"))},...g&&{containerStyle:{padding:"$0"},header:I.createElement(Ca,null,I.createElement(ka,{variant:"ghost",onClick:w.bind(null,"")},I.createElement(Rd,{size:16})),I.createElement(vn,{variant:"headline",size:"small"},Ze.t({id:"Your {blockchainName} wallets",values:{blockchainName:g}})))},anchor:"center"},I.createElement(Pl,{open:d.length>0,onClose:k.bind(null,[]),container:Et},I.createElement(ef,{title:Ze.t("Insufficient account balance"),type:"error",description:I.createElement(Jd,{messages:d??[]})},I.createElement($l,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:xo},Ze.t("Proceed anyway")))),g&&I.createElement(Ta,null,I.createElement("div",{className:"wallets-list"},I.createElement(Jr,{chain:g,isSelected:ne,selectWallet:ft,onShowMore:w.bind(null,g)}))),!g&&I.createElement(I.Fragment,null,h&&I.createElement(I.Fragment,null,I.createElement(Zr,{variant:"alarm",type:"error",title:Ze.t(h)}),I.createElement(Ut,{size:12})),A&&I.createElement(I.Fragment,null,I.createElement(Zr,{variant:"alarm",type:"warning",title:Sn(A)}),I.createElement(Ut,{size:12})),I.createElement(Ia,null,z.map((U,X)=>{let q=l.find(be=>be.name===U),se=`wallet-${X}`,qe=X===z.length-1;return I.createElement("div",{key:se},I.createElement(ga,null,I.createElement(vn,{variant:"title",size:"xmedium"},Ze.t({id:"Your {blockchainName} wallets",values:{blockchainName:q?.displayName}})),I.createElement(vn,{variant:"label",color:"$neutral700",size:"medium"},Ze.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:q?.displayName}}))),I.createElement(Ut,{size:24}),I.createElement(ha,null,I.createElement(Jr,{chain:U,isSelected:ne,selectWallet:ft,limit:af,onShowMore:()=>w(q?.name??"")})),!qe&&I.createElement(Ut,{size:32}),qe&&a?.customDestination&&I.createElement(xa,null,I.createElement(wa,{ref:v,selected:_,open:_,onOpenChange:be=>{be?O(H?.name??"")||le(tr=>tr.map(or=>or.chain===H?.name?{...or,selected:!1}:or)):ze()}},I.createElement(Sa,{onClick:()=>F(be=>!be)},I.createElement(va,{fullWidth:!0,variant:"default",suffix:I.createElement(ba,{orientation:_?"up":"down"},I.createElement(Zd,{size:10,color:"gray"}))},I.createElement("div",{className:"button__content"},I.createElement(tf,{size:18,color:"info"}),I.createElement(Ut,{size:4,direction:"horizontal"}),I.createElement(vn,{variant:"label",size:"medium"},Ze.t("Send to a different address"))))),I.createElement(rn,{open:_},I.createElement(I.Fragment,null,I.createElement(Ut,{size:4}),I.createElement(Aa,{autoFocus:!0,placeholder:Ze.t("Your destination address"),value:E,onChange:be=>{$(be.target.value)}})))),ge&&I.createElement("div",{className:"alarms"},I.createElement(Zr,{variant:"alarm",type:"error",title:Ze.t({values:{destination:E},id:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}s(_l,"ConfirmWalletsModal");import{calculatePendingSwap as lf}from"@rango-dev/queue-manager-rango-preset";import{useEffect as pf}from"react";function Rr(){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:S,disabledLiquiditySources:f}=D(),{connectedWallets:y}=V(),x=T().blockchains(),g=T().tokens(),{experimental:w}=T().config,d=u||p,{fetch:k,cancelFetch:h,loading:C}=dn();return pf(()=>h,[]),{loading:C,fetch:s(async B=>{let E=B.selectedWallets,$=B?.customDestination??a;if(!t||!e||!o||!i)return{quote:null,swap:null,error:null,warnings:null};let _=on({fromToken:t,toToken:e,inputAmount:o,wallets:y,selectedWallets:E,disabledLiquiditySources:f,slippage:d,affiliateRef:c,affiliatePercent:m,affiliateWallets:S,initialQuote:i,destination:$});w?.routing&&(_.experimental=!0);let F;try{F=await k(_).then(O=>cn(O)),n(F)}catch(O){let Z=mn(O);return(Z.error?.type===0||Z.error?.type===1)&&r(),Z}let v={slippage:d.toString(),disabledSwappersGroups:f},z=lf(o.toString(),F,Js(E),v,!1,{blockchains:x,tokens:g}),H=ul(i,F,{fromToken:t,toToken:e,tokens:g,selectedWallets:E,userSlippage:d});return H.quoteUpdate&&l(!1),{quote:F,swap:z,error:null,warnings:H}},"fetch"),cancelFetch:h}}s(Rr,"useConfirmSwap");var Sf=zl("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"}}),Cf=zl("div",{width:"100%",display:"flex",justifyContent:"space-between","& .confirm-button":{flexGrow:1,paddingRight:"$10"},[`& ${Ul}`]:{width:"$48",height:"$48"}});function ql(){let{quote:t,setInputAmount:e,selectedWallets:o,quoteWalletsConfirmed:n,setQuoteWalletConfirmed:r,customDestination:i,quoteWarningsConfirmed:a}=P(),l=yf(),[p,u]=En(""),{connectedWallets:m}=V(),c=!n,[S,f]=En(!1),y=Ce.use.setSelectedSwap(),{manager:x}=uf(),{fetch:g,loading:w,cancelFetch:d}=Rr(),[k,h]=En({swap:null,error:null,warnings:null}),[C,A]=En(!1),B=s(async({selectedWallets:v,customDestination:z})=>{let H=await g?.({selectedWallets:v,customDestination:z});return h(H),H},"onConfirmSwap"),E=s(async()=>{if(k.swap&&n)try{await x?.create("swap",{swapDetails:k.swap},{id:k.swap.requestId}),y(k.swap.requestId);let v=`../${L.swaps}/${k.swap.requestId}`;l(v,{replace:!0}),setTimeout(()=>{e("")},0)}catch(v){u("Error: "+v?.message)}},"addNewSwap"),$=s(async()=>{await E()},"onConfirm"),_=s(async()=>{k?.warnings?.quote&&!a?A(!0):await $()},"onStartConfirmSwap"),F=s(async()=>{h({error:null,swap:null,warnings:null}),g({selectedWallets:o}).then(v=>{h(v)}).catch(v=>console.error(v))},"onRefresh");return bn(()=>{c&&d()},[c]),bn(()=>{c&&f(c)},[c]),bn(()=>{c||g({selectedWallets:o,customDestination:i}).then(v=>h(v)).catch(v=>console.error(v))},[]),bn(()=>{let v=k.warnings?.quote?.type&&Object.values(nt).includes(k.warnings?.quote?.type),z=o.length<1||!o.every(O=>m.find(Z=>O.address===Z.address&&O.walletType===Z.walletType&&O.chain===Z.chain)),H=!1;if(v){let O=jo(t),Z=t?.result?.swaps[t.result.swaps.length-1].to.blockchain;!!t?.result?.swaps.find(ne=>ne.from.blockchain===Z)||(O=O.slice(-O.length,O.length-1)),O.every(ne=>o.find(ge=>ge.chain===ne))||(H=!0)}t&&(z||H)&&(queueMicrotask(()=>hf(f.bind(null,!0))),r(!1))},[k.warnings?.quote,o.length,m.length]),Y.createElement(j,{header:{title:xn.t("Confirm Swap"),onWallet:()=>{let v=`../${L.wallets}`;l(v)},suffix:Y.createElement(df,{container:R(),side:"bottom",content:xn.t("Settings")},Y.createElement(Le,{size:"small",variant:"ghost",onClick:()=>l("../"+L.settings)},Y.createElement(mf,{size:18,color:"black"})))},footer:Y.createElement(Cf,null,Y.createElement("div",{className:"confirm-button"},Y.createElement(Fl,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:w,disabled:!!k.error,onClick:_},xn.t("Start Swap"))),Y.createElement(Ul,{variant:"contained",type:"primary",size:"large",loading:w,onClick:f.bind(null,!0)},Y.createElement(gf,{size:24})))},S&&Y.createElement(_l,{open:S,onClose:()=>f(!1),onCancel:d,loading:w,onCheckBalance:B}),Y.createElement(Sf,null,Y.createElement("div",{className:"description"},Y.createElement(ff,{variant:"title",size:"small"},xn.t("You get")),Y.createElement(Fl,{style:{padding:"0"},variant:"ghost",disabled:w,onClick:F},Y.createElement("div",{className:"icon"},Y.createElement(cf,{size:16})))),p&&Y.createElement(Y.Fragment,null,Y.createElement(Dl,{type:"error",variant:"alarm",title:p}),Y.createElement(Ol,{size:12})),k.warnings?.quoteUpdate&&Y.createElement(Y.Fragment,null,Y.createElement(Dl,{variant:"alarm",type:"warning",title:k.warnings.quoteUpdate&&Sn(k.warnings.quoteUpdate)}),Y.createElement(Ol,{size:12})),Y.createElement(no,{quote:t,type:"swap-preview",expanded:!0,error:k.error,loading:w,warning:k.warnings?.quote??null,refetchQuote:F,showWarningModal:C,onOpenWarningModal:()=>A(!0),onCloseWarningModal:()=>A(!1),onConfirmWarningModal:async()=>{A(!1),await E()}})))}s(ql,"ConfirmSwapPage");import{i18n as In}from"@lingui/core";import{useManager as Ef}from"@rango-dev/queue-manager-react";import{Divider as Af,NotFound as If,styled as Jl}from"@rango-dev/ui";import ct,{useState as Wf}from"react";import{useNavigate as Nf}from"react-router-dom";import{CloseIcon as Tf,IconButton as wf,SearchIcon as vf,TextField as xf}from"@rango-dev/ui";import so from"react";import{styled as kf}from"@rango-dev/ui";var Gl=kf("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function Re(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:i,value:a,setValue:l,...p}=t;return so.createElement(xf,{prefix:so.createElement(Gl,null,so.createElement(vf,{color:"black"})),suffix:!!a.length&&so.createElement(wf,{variant:"ghost",onClick:()=>l?.(""),size:"small"},so.createElement(Tf,{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(Re,"SearchInput");import{i18n as Ql}from"@lingui/core";import{Divider as Vl,SwapListItem as jl,Typography as Kl}from"@rango-dev/ui";import ee from"react";import{darkTheme as bf,styled as An}from"@rango-dev/ui";var ei=An("div",{width:"100%",display:"flex",flexDirection:"column",".group-title":{$$color:"$colors$neutral600",[`.${bf} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),ti=An("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),oi=An("div",{gap:"$10",display:"flex",flexDirection:"column"}),Hl=An("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});function ni(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,i=n?n(e):[{title:"History",swaps:e}];if(r){let a=[{},{}];return ee.createElement(ee.Fragment,null,[{title:"Today",swaps:a},{title:"Last month",swaps:a}].map(p=>ee.createElement(ee.Fragment,{key:p.title},ee.createElement(ei,null,ee.createElement(ti,null,ee.createElement(Kl,{variant:"label",size:"medium",className:"group-title"},Ql.t(p.title))),ee.createElement(Vl,{size:4}),ee.createElement(oi,null,p.swaps.map((u,m)=>{let c=m+p.title;return ee.createElement(ee.Fragment,{key:c},ee.createElement(jl,{isLoading:!0}))}))))))}return ee.createElement(ee.Fragment,null,i.filter(a=>a.swaps.length>0).map(a=>ee.createElement(ee.Fragment,{key:a.title},ee.createElement(ei,null,ee.createElement(ti,null,ee.createElement(Kl,{variant:"label",size:"medium",className:"group-title"},Ql.t(a.title))),ee.createElement(Vl,{size:4}),ee.createElement(oi,null,a.swaps.map(l=>{let p=l.steps[0],u=l.steps[l.steps.length-1];return ee.createElement(ee.Fragment,{key:l.requestId},ee.createElement(jl,{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(ni,"SwapsGroup");import Xl from"dayjs";var Yl=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=Xl();return t.forEach(n=>{let r=Xl(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 Lf=Jl("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",height:"100%",gap:15}),Bf=Jl("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),Mf=s((t,e)=>t?.length?t.filter(o=>Ge(o.fromBlockchain,e)||Ge(o.toBlockchain,e)||Ge(o.toSymbol,e)||Ge(o.fromSymbol,e)).length:!1,"isStepContainsText");function Zl(){let t=Ce.use.setSelectedSwap(),e=Nf(),{manager:o,state:n}=Ef(),r=zt(o).map(({swap:c})=>c),[i,a]=Wf(""),l=!n.loadedFromPersistor,p=s(c=>{let S=c.target.value;a(S)},"searchHandler"),u=r;i&&(u=r.filter(c=>Ge(c.inputAmount,i)||Ge(c.status,i)||Mf(c.steps,i)||Ge(c.requestId,i)));let m=!u?.length&&!l;return ct.createElement(j,{header:{title:In.t("History")}},ct.createElement(Lf,null,ct.createElement(Re,{setValue:a,fullWidth:!0,variant:"contained",placeholder:In.t("Search Transaction"),autoFocus:!0,onChange:p,value:i}),ct.createElement(Bf,null,m&&ct.createElement(Hl,null,ct.createElement(Af,{size:32}),ct.createElement(If,{title:In.t("No results found"),description:i?In.t("Try using different keywords"):""})),!m&&ct.createElement(ni,{list:u,onSwapClick:c=>{t(c),e(c)},groupBy:Yl,isLoading:l}))))}s(Zl,"HistoryPage");import{i18n as Rl}from"@lingui/core";import{List as $f,ListItemButton as Pf,Radio as _f,RadioRoot as Df,Typography as Ff}from"@rango-dev/ui";import mt from"react";import{styled as Wn}from"@rango-dev/ui";var et=Wn("div",{height:"100%",overflow:"hidden"}),ao=Wn("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto"}),ri=Wn("div",{width:80,display:"flex",justifyContent:"flex-end"}),ii=Wn("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});function Nn(){let t=D.use.language(),e=D.use.setLanguage();return{activeLanguage:t,languages:Cs,defaultLanguage:Kt,changeLanguage:r=>e(r||Kt)}}s(Nn,"useLanguage");function ep(){let{activeLanguage:t,changeLanguage:e,languages:o}=Nn(),n=o.map(r=>{let{local:i,label:a,SVGFlag:l}=r;return{id:i,value:i,title:mt.createElement(Ff,{variant:"title",size:"xmedium"},a),onClick:()=>e(r.local),end:mt.createElement(_f,{value:i}),start:mt.createElement(l,null)}});return mt.createElement(j,{header:{title:Rl.t("Language")}},mt.createElement(et,null,mt.createElement(Df,{value:t},mt.createElement($f,{type:mt.createElement(Pf,{title:Rl.t("language"),id:"_",onClick:()=>console.log()}),items:n}))))}s(ep,"LanguagePage");import{i18n as qt}from"@lingui/core";import{Button as Gf,Checkbox as Hf,Image as Qf,ListItemButton as Vf,NotFound as jf,Typography as Kf}from"@rango-dev/ui";import Se,{useState as Xf}from"react";import{Checkbox as zf,Skeleton as op}from"@rango-dev/ui";import lo from"react";import{ListItem as Of,styled as Uf}from"@rango-dev/ui";var tp=Uf(Of,{height:61});var qf=30;function si(){return lo.createElement(ao,null,Array.from(Array(qf),t=>lo.createElement(tp,{hasDivider:!0,key:t,start:lo.createElement(op,{variant:"circular",width:35,height:35}),title:lo.createElement(op,{variant:"text",size:"large",width:90}),end:lo.createElement(zf,{checked:!1})})))}s(si,"LoadingLiquiditySourceList");function ai({sourceType:t}){let e=T().fetchStatus,o=T().swappers(),[n,r]=Xf(""),i=D.use.toggleLiquiditySource(),a=Do(o),l=[];t==="Exchanges"&&l.push("DEX"),t==="Bridges"&&(l.push("BRIDGE"),l.push("AGGREGATOR"));let p=a.filter(y=>l.includes(y.type)),u=p.length===p.filter(y=>y.selected).length,m=s(()=>{p.forEach(y=>{u?i(y.groupTitle):y.selected||i(y.groupTitle)})},"toggleAllSources"),c=p.map(y=>{let{selected:x,groupTitle:g,logo:w}=y;return{start:Se.createElement(Qf,{src:w,size:22,type:"circular"}),onClick:()=>i(g),end:Se.createElement(Hf,{checked:x}),title:Se.createElement(Kf,{variant:"title",size:"xmedium"},qt.t(g)),...y}}),S=s(y=>{let x=y.target.value;r(x)},"searchHandler"),f=c;return n&&(f=c.filter(y=>Ge(y.groupTitle,n))),Se.createElement(j,{header:{title:qt.t(t),suffix:Se.createElement(ri,null,Se.createElement(Gf,{variant:"ghost",size:"xsmall",onClick:m},qt.t(u?"Deselect all":"Select all")))}},Se.createElement(et,null,Se.createElement(Re,{value:n,setValue:r,fullWidth:!0,color:"light",variant:"contained",placeholder:qt.t("Search {sourceType}",{sourceType:t}),onChange:S}),e==="loading"&&Se.createElement(si,null),!f.length&&n?Se.createElement(ii,null,Se.createElement(jf,{title:qt.t("No results found"),description:qt.t("Try using different keywords")})):e==="success"&&Se.createElement(ao,null,f.map(y=>Se.createElement(Se.Fragment,{key:y.id},Se.createElement(Vf,{style:{height:"61px"},...y,selected:!1,hasDivider:!0}))))))}s(ai,"LiquiditySourcePage");import{i18n as up}from"@lingui/core";import{Divider as ci,SelectableCategoryList as rg}from"@rango-dev/ui";import vt,{useState as cp}from"react";import{i18n as pi}from"@lingui/core";import{Divider as lp,Image as Rf,ListItemButton as eg,NotFound as tg,Typography as pp}from"@rango-dev/ui";import Ne,{useEffect as og,useState as ng}from"react";import{BlockchainCategories as li}from"@rango-dev/ui";import{TransactionType as Ln}from"rango-sdk";var Yf=s((t,e)=>{switch(e){case li.ALL:return!0;case li.UTXO:return t.type===Ln.TRANSFER;case li.OTHER:return t.type!==Ln.TRANSFER&&t.type!==Ln.COSMOS&&t.type!==Ln.EVM;default:return t.type===e}},"filterByType"),np=s((t,e,o)=>t.filter(n=>Yf(n,o)).filter(n=>gt(n.name,e)||gt(n.displayName,e)),"filterBlockchains");import{styled as rp}from"@rango-dev/ui";var ip=rp("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),Bn=rp("ul",{padding:0,margin:0,listStyle:"none",overflowY:"auto",paddingRight:"$5",".image-container":{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as Jf,Skeleton as sp}from"@rango-dev/ui";import Mn from"react";var Zf=20;function ap(){return Mn.createElement(Bn,null,Array.from(Array(Zf),t=>Mn.createElement(Jf,{key:t,hasDivider:!0,start:Mn.createElement(sp,{variant:"circular",width:35,height:35}),title:Mn.createElement(sp,{variant:"text",size:"large",width:90})})))}s(ap,"LoadingBlockchainList");function ui(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[i,a]=ng(e),{fetchStatus:l}=T();og(()=>{a([...np(e,o,r)])},[e,o,r]);let p=s(()=>!i.length&&o?Ne.createElement(Ne.Fragment,null,Ne.createElement(lp,{size:32}),Ne.createElement(tg,{title:pi.t("No results found"),description:pi.t("Try using different keywords")})):Ne.createElement(Bn,{key:`${r}-${o}`},i.map(u=>Ne.createElement(eg,{key:`${u.name}-${u.chainId}`,hasDivider:!0,onClick:()=>n(u),start:Ne.createElement(Rf,{src:u.logo,size:30}),title:Ne.createElement(pp,{variant:"title",size:"medium"},u.displayName),id:u.chainId}))),"renderList");return Ne.createElement(ip,null,Ne.createElement(pp,{variant:"label",size:"large"},pi.t("Select Blockchain")),Ne.createElement(lp,{size:4}),l==="loading"&&Ne.createElement(ap,null),l==="success"&&p())}s(ui,"BlockchainList");function mi(t){let{type:e}=t,o=ot(),[n,r]=cp(""),[i,a]=cp("ALL"),l=P.use.setToBlockchain(),p=P.use.setFromBlockchain(),u=T().fetchStatus,m=T().blockchains({type:e});return vt.createElement(j,{header:{title:up.t("Select Blockchain")}},vt.createElement(ci,{size:12}),vt.createElement(rg,{setCategory:a,category:i,blockchains:m,isLoading:u==="loading"}),vt.createElement(ci,{size:24}),vt.createElement(Re,{value:n,autoFocus:!0,placeholder:up.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:c=>r(c.target.value)}),vt.createElement(ci,{size:16}),vt.createElement(ui,{list:m,searchedFor:n,blockchainCategory:i,onChange:c=>{e==="source"?p(c):l(c),o()}}))}s(mi,"SelectBlockchainPage");import{i18n as Np}from"@lingui/core";import{Divider as Lp}from"@rango-dev/ui";import Gt,{useState as Tg}from"react";import{useNavigate as wg}from"react-router-dom";import{i18n as gi}from"@lingui/core";import{BlockchainsChip as $n,Divider as gp,Image as hp,Skeleton as pg,Typography as hi}from"@rango-dev/ui";import fe from"react";import{useEffect as ag}from"react";var mp=["ETH","COSMOS","OSMOSIS"];function di(t,e,o){let n=JSON.parse(JSON.stringify(t)),r=[];if(n.sort(ig),o?.limit&&t.length>o.limit){let i=o.limit,a=e;if(e.length<=o.limit){let l=o.limit-e.length;for(let p=0;p<=l;p++){let u=n[p];a=a.filter(m=>u.name!==m)}}n.sort(sg(a)),r=n.splice(i)}return{list:n,more:r}}s(di,"prepare");function ig(t,e){let o=mp,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(ig,"sortByMostUsedBlockchains");function sg(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(sg,"generateSortByPreferredBlockchainsFor");function dp(t,e){return!!e.list.find(o=>o.name===t)}s(dp,"isInVisibleList");function fi(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=D();ag(()=>{if(e?.selected){let i=di(t,o,e);dp(e.selected,i)||n(e?.selected)}},[e?.selected]);let r=di(t,o,e);return{list:r.list,more:r.more,history:[]}}s(fi,"usePrepareBlockchainList");import{styled as lg}from"@rango-dev/ui";var fp=lg("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var ug=12;function yi(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:i}=t,a=fi(e,{limit:10,selected:n?.name}),{fetchStatus:l}=T(),p=P.use.resetToBlockchain(),u=P.use.resetFromBlockchain(),m=a.more.length>0,c=a.more.length===1,S=!c&&m;return fe.createElement("div",null,fe.createElement(gp,{size:12}),fe.createElement(hi,{variant:"label",size:"large"},gi.t("Select Blockchain")),fe.createElement(gp,{size:12}),fe.createElement(fp,null,l==="loading"&&Array.from(Array(ug),f=>fe.createElement(pg,{key:f,variant:"rounded",height:50})),l==="success"&&fe.createElement(fe.Fragment,null,fe.createElement($n,{selected:!n,onClick:()=>{o==="from"?u():p()}},fe.createElement(hi,{variant:"body",size:"xsmall",color:"secondary500"},gi.t("All"))),a.list.map(f=>fe.createElement($n,{key:f.name,selected:!!n&&n.name===f.name,onClick:()=>r(f)},fe.createElement(hp,{src:f.logo,size:30}))),c?fe.createElement($n,{key:a.more[0].name,selected:!!n&&n.name===a.more[0].name,onClick:()=>r(a.more[0])},fe.createElement(hp,{src:a.more[0].logo,size:30})):null,S?fe.createElement($n,{onClick:i,key:"more-blockchains"},fe.createElement(hi,{variant:"body",size:"xsmall",color:"secondary500"},gi._("More +{count}",{count:a.more.length}))):null)))}s(yi,"BlockchainsSection");import{i18n as wi}from"@lingui/core";import{darkTheme as bp,Divider as uo,ExternalLinkIcon as dg,Image as fg,ListItemButton as gg,NotFound as hg,PinIcon as yg,Skeleton as Ep,Typography as co,VirtualizedList as Sg}from"@rango-dev/ui";import M,{forwardRef as Cg,useEffect as Ap,useState as Ip}from"react";var yp=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"),Pn=s((t,e)=>{let a={[t]:e};for(let l=1;l<10;l++)l<5&&(a={...a,[t+l*100]:yp(e,(5-l)*25)}),l===5&&(a={...a,[t+l*100]:e}),l>5&&(a={...a,[t+l*100]:yp(e,-((l-5)*25))});return a},"generateRangeColors"),Si=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=Pn(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,...Pn(i,a)}}return n?r:{}},"generateColors");import{Divider as vp,ListItem as mg,Skeleton as po}from"@rango-dev/ui";import Ue from"react";import{darkTheme as Sp,styled as Ke,Typography as cg}from"@rango-dev/ui";var Cp=Ke("div",{display:"flex",flexDirection:"column",flexGrow:1}),Ci=Ke("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),_n=Ke("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",[`.${Sp} &`]:{$$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"}}}}}),ki=Ke("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),Ti=Ke(cg,{}),kp=Ke("div",{textAlign:"right",".usd-value":{$$color:"$colors$neutral600",[`.${Sp} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Dn=Ke("ul",{display:"flex",alignItems:"end",flexDirection:"column"}),lW=Ke("div",{display:"flex",alignItems:"center"}),Tp=Ke("div",{position:"relative",".image-container":{borderRadius:"$xm",overflow:"hidden"}}),wp=Ke("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6});function xp(t){return Ue.createElement(_n,null,Array.from(Array(t.size),e=>Ue.createElement(mg,{key:e,hasDivider:!0,start:Ue.createElement(po,{variant:"circular",width:35,height:35}),end:Ue.createElement(Dn,null,Ue.createElement(po,{variant:"text",size:"large",width:70}),Ue.createElement(vp,{size:4}),Ue.createElement(po,{variant:"text",size:"medium",width:50})),title:Ue.createElement("div",null,Ue.createElement(po,{variant:"text",size:"large",width:90}),Ue.createElement(vp,{size:4}),Ue.createElement(po,{variant:"text",size:"medium",width:90}))})))}s(xp,"LoadingTokenList");var vi=20,kg=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(Ci,{className:"token-title"},M.createElement(co,{variant:"title",size:"xmedium"},r.symbol),M.createElement(uo,{direction:"horizontal",size:4}),M.createElement(ki,{css:i},M.createElement(Ti,{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(dg,{color:"gray",size:12}))))},"renderDesc");function Wp(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[i,a]=Ip(e),l=T().fetchStatus,p=T().blockchains(),[u,m]=Ip(!0),c=V.use.loading(),{isTokenPinned:S}=T(),f=Cg((g,w)=>M.createElement("div",{...g,ref:w,style:{...g.style,height:`${parseFloat(g.style?.height)+8*2}px`}})),y=s(()=>{a(e.slice(0,i.length+vi))},"loadNextPage");Ap(()=>{m(e.length>i.length)},[i.length]),Ap(()=>{a(e.slice(0,vi))},[e]);let x=s(()=>!i.length&&o?M.createElement(M.Fragment,null,M.createElement(uo,{size:32}),M.createElement(hg,{title:wi.t("No results found"),description:wi.t("Try using different keywords")})):M.createElement(Sg,{Item:({index:g,style:w})=>{let d=i[g],k=d.address||"",h=p.find(E=>E.name===d.blockchain),C=Pn(d.symbol,h?.color||""),A={$$color:C[`${d.symbol}100`],[`.${bp} &`]:{$$color:C[`${d.symbol}900`]},backgroundColor:"$$color"},B={$$color:C[`${d.symbol}700`],[`.${bp} &`]:{$$color:C[`${d.symbol}100`]},color:"$$color"};return M.createElement("div",{style:{...w,paddingRight:5}},M.createElement(gg,{style:{height:w?.height},"tab-index":g,key:`${d.symbol}${d.address}`,id:`${d.symbol}${d.address}`,hasDivider:!0,onClick:()=>n(i[g]),start:M.createElement(Tp,null,M.createElement(fg,{src:d.image,size:30}),S(d)&&M.createElement(wp,null,M.createElement(yg,{size:12,color:"gray"}))),title:h?.type==="COSMOS"||d.name||!d.name&&!k?M.createElement(Ci,null,M.createElement(co,{variant:"title",size:"xmedium"},d.symbol),M.createElement(uo,{direction:"horizontal",size:4}),M.createElement(ki,{css:A},M.createElement(Ti,{variant:"body",size:"xsmall",css:B},d.blockchain))):void 0,description:h?.info&&k&&h.type!=="COSMOS"?kg({address:k,token:i[g],customCssForTag:A,customCssForTagTitle:B,name:d.name,url:h.info.addressUrl.split("{wallet}").join(k)}):d.name||void 0,end:c?M.createElement(Dn,null,M.createElement(Ep,{variant:"text",size:"large",width:70}),M.createElement(uo,{size:4}),M.createElement(Ep,{variant:"text",size:"medium",width:50})):i[g]?.balance&&M.createElement(kp,null,M.createElement(co,{variant:"title",size:"small"},d.balance?.amount),M.createElement("div",null),d.balance?.usdValue&&M.createElement(co,{variant:"body",className:"usd-value",size:"xsmall"},`$${d.balance?.usdValue}`))}))},hasNextPage:u,itemCount:i.length,loadNextPage:y,innerElementType:f,size:60,key:`${r}-${o}`}),"renderList");return M.createElement(Cp,null,M.createElement(co,{variant:"label",size:"large"},wi.t("Select Token")),M.createElement(uo,{size:4}),l==="loading"&&M.createElement(xp,{size:vi}),l==="success"&&M.createElement(_n,null,x()))}s(Wp,"TokenList");function xi(t){let{type:e}=t,o=wg(),n=ot(),{fromBlockchain:r,toBlockchain:i,setFromToken:a,setToToken:l,setFromBlockchain:p,setToBlockchain:u}=P(),{connectedWallets:m}=V(),[c,S]=Tg(""),y=(e==="source"?r:i)?.name??"",x=T().blockchains({type:e}),g=T().tokens({type:e,blockchain:y,searchFor:c}),w=ms(g,m),d=s(h=>{e==="source"?p(h):u(h)},"updateBlockchain"),k=s(h=>{e==="source"?a({token:h,meta:{blockchains:x,tokens:g}}):l({token:h,meta:{blockchains:x,tokens:g}})},"updateToken");return Gt.createElement(j,{header:{title:Np.t("Swap {type}",{type:e})}},Gt.createElement(yi,{blockchains:x,type:e=="source"?"from":"to",blockchain:e==="source"?r:i,onMoreClick:()=>o(L.blockchains),onChange:h=>{d(h)}}),Gt.createElement(Lp,{size:24}),Gt.createElement(Re,{value:c,autoFocus:!0,placeholder:Np.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>S(""),onChange:h=>S(h.target.value)}),Gt.createElement(Lp,{size:16}),Gt.createElement(Wp,{list:w,selectedBlockchain:y,searchedFor:c,onChange:h=>{k(h);let C=x.find(A=>h.blockchain===A.name);C&&d(C),n()}}))}s(xi,"SelectSwapItemsPage");import{i18n as xt}from"@lingui/core";import{ChevronRightIcon as Ai,Divider as Ii,InfoIcon as Ig,List as Wg,ListItemButton as Ng,Skeleton as Lg,Switch as Bg,Tooltip as Mg,Typography as bt}from"@rango-dev/ui";import Q from"react";import{useNavigate as $g}from"react-router-dom";import{i18n as _p}from"@lingui/core";import{Chip as xg,Divider as Dp,InfoIcon as bg,TextField as Eg,Tooltip as Ag,Typography as Fp}from"@rango-dev/ui";import Te from"react";import{styled as Fn}from"@rango-dev/ui";var Bp=Fn("div",{paddingTop:"$5",paddingBottom:"30px"}),Mp=Fn("div",{display:"flex",alignItems:"center",justifyContent:"start"}),$p=Fn("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),On=Fn("div",{maxWidth:"300px",padding:"$10"});import{i18n as bi}from"@lingui/core";import{Typography as vg}from"@rango-dev/ui";import mo from"react";function Pp(){return mo.createElement(On,null,mo.createElement(vg,{variant:"label",size:"medium",color:"neutral700"},bi.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),mo.createElement("br",null),mo.createElement("br",null),mo.createElement("b",null,bi.t("Warning")),":",bi.t("This setting is applied per step, e.g. 1Inch, Thorchain, etc. and only that step will be reverted, not the whole transaction")))}s(Pp,"SlippageTooltipContent");function Ei(){let t=D.use.slippage(),e=D.use.setSlippage(),o=D.use.customSlippage(),n=D.use.setCustomSlippage();return Te.createElement(Bp,null,Te.createElement($p,null,Te.createElement(Fp,{variant:"title",size:"xmedium"},_p.t("Slippage tolerance per swap")),Te.createElement(Dp,{direction:"horizontal",size:4}),Te.createElement(Ag,{container:R(),side:"top",content:Te.createElement(Pp,null)},Te.createElement(bg,{color:"gray"}))),Te.createElement(Mp,null,ks.map((r,i)=>{let a=`slippage-${i}`;return Te.createElement(Te.Fragment,null,Te.createElement(xg,{style:{width:"64px",flexShrink:0},key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`}),Te.createElement(Dp,{direction:"horizontal",size:8}))}),Te.createElement(Eg,{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>=xs&&i<=vs)&&n(i)},suffix:o&&Te.createElement(Fp,{variant:"body",size:"small"},"%"),placeholder:_p.t("Custom")})))}s(Ei,"Slippage");function Op(){let t=$g(),{theme:e}=T().config,o=T().fetchStatus,n=T().swappers(),r=D.use.infiniteApprove(),i=D.use.toggleInfiniteApprove(),a=Do(n),l=a.filter(k=>k.type==="BRIDGE"||k.type==="AGGREGATOR"),p=l.length,u=l.filter(k=>k.selected).length,m=a.filter(k=>k.type==="DEX"),c=m.length,S=m.filter(k=>k.selected).length,f=s((k,h)=>{switch(o){case"loading":return Q.createElement(Lg,{variant:"text",size:"medium",width:50});case"failed":return Q.createElement(bt,{variant:"body",size:"medium",color:"$error500"},xt.t("Loading failed"));default:return Q.createElement(bt,{variant:"body",size:"medium"},`${k} / ${h}`)}},"handleEndItem"),y={id:"bridge-item",title:Q.createElement(bt,{variant:"title",size:"xmedium"},xt.t("Enabled bridges")),end:Q.createElement(Q.Fragment,null,f(u,p),Q.createElement(Ii,{direction:"horizontal",size:8}),Q.createElement(Ai,{color:"black"})),onClick:()=>t(L.bridges)},x={id:"exchange-item",title:Q.createElement(bt,{variant:"title",size:"xmedium"},xt.t("Enabled exchanges")),end:Q.createElement(Q.Fragment,null,f(S,c),Q.createElement(Ii,{direction:"horizontal",size:8}),Q.createElement(Ai,{color:"gray"})),onClick:()=>t(L.exchanges)},g={id:"theme-item",title:Q.createElement(bt,{variant:"title",size:"xmedium"},xt.t("Theme")),end:Q.createElement(Ai,{color:"gray"}),onClick:()=>t(L.themes)},w={id:"infinite-approval-item",title:Q.createElement(Q.Fragment,null,Q.createElement(bt,{variant:"title",size:"xmedium"},xt.t("Infinite Approval")),Q.createElement(Ii,{direction:"horizontal",size:4}),Q.createElement(Mg,{side:"top",container:R(),content:Q.createElement(On,null,Q.createElement(bt,{variant:"label",size:"medium",color:"neutral700"},xt.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.")))},Q.createElement(Ig,{color:"gray"}))),end:Q.createElement(Bg,{checked:r}),onClick:i},d=[y,x];return e?.singleTheme||d.push(g),d.push(w),Q.createElement(j,{header:{title:xt.t("Setting")}},Q.createElement(et,null,Q.createElement(Ei,null),Q.createElement(Wg,{type:Q.createElement(Ng,{title:"_",id:"_",onClick:()=>console.log()}),items:d})))}s(Op,"SettingsPage");import{cancelSwap as Ih}from"@rango-dev/queue-manager-rango-preset";import{useManager as Wh}from"@rango-dev/queue-manager-react";import yu from"react";import{i18n as tt}from"@lingui/core";import{getCurrentBlockchainOfOrNull as ph,getCurrentStep as uh,getRelatedWalletOrNull as ch,PendingSwapNetworkStatus as Xn}from"@rango-dev/queue-manager-rango-preset";import{Button as pu,CopyIcon as mh,Divider as dh,IconButton as fh,QuoteCost as gh,StepDetails as hh,Typography as Qt,useCopyToClipboard as yh}from"@rango-dev/ui";import{useWallets as Sh}from"@rango-dev/wallets-react";import K,{useEffect as uu,useRef as Ch,useState as cu}from"react";import{useNavigate as kh}from"react-router-dom";import{i18n as we}from"@lingui/core";var Pg=1e3,_g=31536e3,Dg=2592e3,Fg=86400,Og=3600,Ug=60;function Up(t){let e=Math.floor((Date.now()-t)/Pg),n=[{turningPoint:_g,label:we.t("year"),pluralLabel:we.t("years")},{turningPoint:Dg,label:we.t("month"),pluralLabel:we.t("months")},{turningPoint:Fg,label:we.t("day"),pluralLabel:we.t("days")},{turningPoint:Og,label:we.t("hour"),pluralLabel:we.t("hours")},{turningPoint:Ug,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(Up,"timeSince");function zp(t){return t.finishTime?we.t({id:"{time} ago",values:{time:Up(parseInt(t.finishTime))}}):we.t({id:"{time} ago",values:{time:Up(parseInt(t.creationTime))}})}s(zp,"getSwapDate");import{PendingSwapNetworkStatus as qn}from"@rango-dev/queue-manager-rango-preset";import{Modal as jg}from"@rango-dev/ui";import Gn from"react";import{i18n as Un}from"@lingui/core";import{Button as qp,Divider as Wi,MessageBox as zg,Typography as Gp}from"@rango-dev/ui";import Xe from"react";var Hp=s(({onCancel:t,onClose:e})=>Xe.createElement(Xe.Fragment,null,Xe.createElement(Wi,{size:20}),Xe.createElement(zg,{type:"error",title:Un.t("Transaction Cancel"),description:Un.t("Are you sure you want to Cancel this swap?")}),Xe.createElement(Wi,{size:32}),Xe.createElement(qp,{variant:"contained",type:"primary",size:"large",onClick:t},Xe.createElement(Gp,{variant:"title",size:"medium",color:"neutral100"},Un.t("Yes, Cancel it"))),Xe.createElement(Wi,{size:12}),Xe.createElement(qp,{variant:"outlined",type:"primary",size:"large",onClick:e},Xe.createElement(Gp,{variant:"title",size:"medium",color:"primary"},Un.t("No, Continue")))),"CancelContent");import{i18n as zn}from"@lingui/core";import{Button as Qp,Divider as Ni,MessageBox as qg,Typography as Vp}from"@rango-dev/ui";import Ye from"react";var jp=s(({onDelete:t,onClose:e})=>Ye.createElement(Ye.Fragment,null,Ye.createElement(Ni,{size:20}),Ye.createElement(qg,{type:"error",title:zn.t("Delete Transaction"),description:zn.t("Are you sure you want to delete this swap?")}),Ye.createElement(Ni,{size:32}),Ye.createElement(Qp,{variant:"contained",type:"primary",size:"large",onClick:t},Ye.createElement(Vp,{variant:"title",size:"medium",color:"neutral100"},zn.t("Yes, Delete it"))),Ye.createElement(Ni,{size:12}),Ye.createElement(Qp,{variant:"outlined",type:"primary",size:"large",onClick:e},Ye.createElement(Vp,{variant:"title",size:"medium",color:"primary"},zn.t("No, Cancel")))),"DeleteContent");import{i18n as Li}from"@lingui/core";import{PendingSwapNetworkStatus as Bi}from"@rango-dev/queue-manager-rango-preset";var Mi={[Bi.WaitingForNetworkChange]:{type:"loading",title:Li.t("Change Network")},[Bi.WaitingForConnectingWallet]:{type:"warning",title:Li.t("Connect Wallet")},[Bi.NetworkChanged]:{type:"success",title:Li.t("Network Changed")}};import{MessageBox as Hg,Wallet as Qg,WalletState as Xp}from"@rango-dev/ui";import{useWallets as Vg}from"@rango-dev/wallets-react";import fo from"react";import{styled as Gg}from"@rango-dev/ui";var Kp=Gg("div",{display:"flex",justifyContent:"center"});var Yp=s(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:i}=t,{connect:a,getWalletInfo:l,state:p}=Vg(),u=n?.walletType,c=u&&p(u).connected?Xp.CONNECTED:Xp.DISCONNECTED;return fo.createElement(fo.Fragment,null,fo.createElement(Hg,{type:e,title:o,description:r}),i&&u&&fo.createElement(Kp,null,fo.createElement(Qg,{container:R(),title:l(u).name,image:l(u).img,type:u,state:c,onClick:async()=>a(u)})))},"WalletStateContent");function $i(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:i,message:a}=t,l=e===qn.WaitingForNetworkChange||e===qn.WaitingForConnectingWallet||e===qn.NetworkChanged;return Gn.createElement(jg,{open:!!e,onClose:o,container:document.getElementById("swap-box")||document.body},l&&Gn.createElement(Yp,{type:Mi[e].type,title:Mi[e].title,currentStepWallet:i,message:a,showWalletButton:e!==qn.WaitingForNetworkChange}),e==="delete"&&Gn.createElement(jp,{onClose:o,onDelete:n}),e==="cancel"&&Gn.createElement(Hp,{onClose:o,onCancel:r}))}s($i,"SwapDetailsModal");import{i18n as go}from"@lingui/core";import{Button as Pi,Divider as Hn,MessageBox as Jp,Modal as Kg,TokenAmount as Xg,Typography as Qn}from"@rango-dev/ui";import ce from"react";import{useNavigate as Yg}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=Yg();return ce.createElement(Kg,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},n==="success"?ce.createElement(Jp,{type:"success",title:go.t("Swap Successful")},ce.createElement(Xg,{direction:"vertical",type:"output",centerAlign:!0,price:{value:r,usdValue:i},token:a,chain:l,percentageChange:p}),ce.createElement(Hn,{size:12}),ce.createElement(Qn,{variant:"body",size:"medium",color:"neutral700",align:"center"},u)):ce.createElement(Jp,{type:"error",title:go.t("Transaction Failed"),description:u}),ce.createElement(Hn,{size:32}),n==="success"&&ce.createElement(Pi,{variant:"contained",type:"primary",size:"large",onClick:()=>{c("../../")}},ce.createElement(Qn,{variant:"title",size:"medium",color:"neutral100"},go.t("Done"))),ce.createElement(Hn,{size:12}),m&&ce.createElement(ce.Fragment,null,ce.createElement(Pi,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(m,"_blank")},ce.createElement(Qn,{variant:"title",size:"medium",color:"primary"},go.t("Diagnosis"))),ce.createElement(Hn,{size:12})),ce.createElement(Pi,{variant:"outlined",type:"primary",size:"large",onClick:o},ce.createElement(Qn,{variant:"title",size:"medium",color:"primary"},go.t("See Details"))))}s(_i,"SwapDetailsCompleteModal");import ah from"react";import{i18n as nh}from"@lingui/core";import{Alert as nu,IconButton as rh,LinkIcon as ih}from"@rango-dev/ui";import dt,{Fragment as sh}from"react";import{Alert as Jg,ChevronDownIcon as Zg,ChevronUpIcon as Rg,IconButton as eh}from"@rango-dev/ui";import Vn,{useState as th}from"react";function Zp(t){let{message:e}=t,[o,n]=th(!1);return Vn.createElement(Jg,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&Vn.createElement(eh,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?Vn.createElement(Rg,{size:12,color:"gray"}):Vn.createElement(Zg,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}s(Zp,"FailedAlert");import{styled as oh}from"@rango-dev/ui";var Rp=oh("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as eu}from"@lingui/core";import{PendingSwapNetworkStatus as Di}from"@rango-dev/queue-manager-rango-preset";import{Alert as Fi,Button as tu}from"@rango-dev/ui";import ho from"react";function ou(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?ho.createElement(Fi,{type:"warning",title:n.shortMessage,action:ho.createElement(tu,{size:"xxsmall",type:"warning",onClick:()=>{o(Di.WaitingForNetworkChange),e().catch(i=>{console.log(i)})}},eu.t("Change"))}):r===Di.WaitingForConnectingWallet?ho.createElement(Fi,{type:"warning",title:n.shortMessage,action:ho.createElement(tu,{size:"xxsmall",type:"warning",onClick:()=>{o(Di.WaitingForConnectingWallet)}},eu.t("Connect"))}):ho.createElement(Fi,{type:"warning",title:n.shortMessage})}s(ou,"WarningAlert");function Oi(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:i,hasAlreadyProceededToSign:a}=t,l=Yt(i),p=i.status==="waitingForApproval"&&!l,u=i.status==="running"&&!l;return dt.createElement(Rp,null,i.explorerUrl?.map((m,c,S)=>{let f=c+m.url,y=c===S.length-1,x=y&&u||p,g=y&&i.status==="failed";return dt.createElement(sh,{key:f},dt.createElement(nu,{type:x&&"loading"||g&&"error"||"success",title:m.description?`${m.description} Tx`:nh.t("View transaction"),action:m.url&&dt.createElement(rh,{variant:"ghost",size:"xsmall",onClick:()=>window.open(m.url,"_blank")},dt.createElement(ih,{size:16}))}))}),(u&&!a||p&&!i.explorerUrl?.length)&&dt.createElement(nu,{type:"loading",title:r.shortMessage}),i.status!=="failed"&&l&&dt.createElement(ou,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),i.status==="failed"&&dt.createElement(Zp,{message:r}))}s(Oi,"SwapDetailsAlerts");var ru=2e3;var iu=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:yr(r.fromBlockchain,e)??"",image:r.fromBlockchainLogo??""},price:{value:W(a,6,6)}},to:{token:{displayName:r.toSymbol,image:r.toLogo},chain:{displayName:yr(r.toBlockchain,e)??"",image:r.toBlockchainLogo??""},price:{value:W(r.outputAmount||r.expectedOutputAmountHumanReadable,6,6)}},swapper:{displayName:r.swapperId,image:r.swapperLogo??""},alerts:ah.createElement(Oi,{step:r,hasAlreadyProceededToSign:n,...o})}})},"getSteps");function su(t){if(Yt(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(su,"getStepState");import{darkTheme as lh,styled as Ht}from"@rango-dev/ui";var jn=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",[`.${lh} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color",color:"$neutral500"},"& .request-id":{display:"flex",justifyContent:"center",alignItems:"center",height:"$24"},"& .output":{display:"flex",width:"100%",padding:"$15 $20 $20",flexDirection:"column",alignItems:"start"},"& .title-steps":{textAlign:"left",width:"100%",padding:"0 $20 $10"}}),Kn=Ht("div",{width:"100%"}),au=Ht("div",{padding:"$0 $20 $20 $20",width:"100%",overflow:"auto"}),GL=Ht("div",{display:"flex",flexDirection:"column",gap:"$10"}),lu=Ht("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),HL=Ht("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1});function Ui(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:i,connect:a,getWalletInfo:l}=Sh(),p=T().blockchains(),u=T().tokens(),m=P.use.retry(),c=kh(),[S,f]=yh(ru),y=Ch(null),[x,g]=cu(null),[w,d]=cu(null),k=s(()=>{r(),g(null)},"onCancel"),h=We.use.getUnreadNotifications(),C=We.use.setAsRead(),A=h(),B=uh(e),E=B?.networkStatus;uu(()=>{A.find(se=>se.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(d(e.status),C(e.requestId))},[e.status]),uu(()=>{O?g(Xn.WaitingForNetworkChange):E===Xn.WaitingForConnectingWallet||E===Xn.NetworkChanged?g(E):g(null)},[E]);let $=oa(e),_=B?ph(e,B):null,F=B?ch(e,B):null,v=zp(e),z=na(e),H=s(q=>!!l(q)?.mobileWallet,"isMobileWallet"),O=E===Xn.WaitingForNetworkChange&&!!_&&!!F?.walletType&&(H(F.walletType)||i(F.walletType,_)),Z=O?a.bind(null,F.walletType,_):void 0,le=ta(e,B),te=iu({swap:e,switchNetwork:Z,showNetworkModal:E,setNetworkModal:g,message:le,blockchains:p}),ne=te.length,[ge,ze]=[e.steps[0],e.steps[ne-1]],ft=ze.outputAmount||ze.expectedOutputAmountHumanReadable,xo=e.steps.reduce((q,se)=>q+parseFloat(se.feeInUsd||""),0),er=e.steps.find(q=>q.diagnosisUrl)?.diagnosisUrl,Et=W(String(parseFloat(W(ft,6,6))*(Mo(ze.toBlockchain,ze.toSymbol,ze.toSymbolAddress,u)||0)),4,4),bo=W(String(parseFloat(e.inputAmount)*(Mo(ge.fromBlockchain,ge.fromSymbol,ge.fromSymbolAddress,u)||0)),4,4),U=Mt(bo,Et),X=e.status==="success"?tt.t({id:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:W(ft,6,6),token:te[ne-1].to.token.displayName,conciseAddress:Po(e.wallets[te[ne-1].to.chain.displayName]?.address||""),chain:te[ne-1].to.chain.displayName}}):`${tt.t("Transaction was not sent.")} ${$?tt.t({id:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:$.outputAmount,symbol:$.symbol,blockchain:$.blockchain}}):""}`;return K.createElement(j,{noPadding:!0,header:{title:tt.t("Swap and Bridge"),onCancel:e.status==="running"?()=>g("cancel"):void 0,suffix:e.status!=="running"&&K.createElement(Lt,null,K.createElement(pu,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>g("delete")},K.createElement(Qt,{size:"medium",variant:"label",color:"error"},tt.t("Delete"))))},footer:z&&!w&&K.createElement(pu,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{m(e,{blockchains:p,tokens:u}),setTimeout(()=>{c("../../")},0)}},tt.t("Try again"))},K.createElement(jn,null,K.createElement(Kn,null,K.createElement("div",{className:"row"},K.createElement(Qt,{variant:"label",size:"large",color:"neutral700"},`${tt.t("Request ID")}:`),K.createElement("div",{className:"request-id"},K.createElement(Qt,{variant:"label",size:"small",color:"neutral700"},o),K.createElement(fh,{variant:"ghost",onClick:f.bind(null,o||"")},K.createElement(mh,{size:16,color:"gray"})))),K.createElement("div",{className:"row"},K.createElement(Qt,{variant:"label",size:"large",color:"neutral700"},`${tt.t("Created at")}:`),K.createElement(Qt,{variant:"label",size:"small",color:"neutral700"},v))),K.createElement("div",{className:"output"},K.createElement(gh,{fee:W(String(xo),2,2),time:Io(Wo(e.steps)),steps:ne}),K.createElement(Zt,{from:{price:{value:W(e.inputAmount,6,6),usdValue:bo},token:{displayName:te[0].from.token.displayName,image:te[0].from.token.image},chain:{image:te[0].from.chain.image,displayName:te[0].from.chain.displayName}},to:{price:{value:W(ft,6,6),usdValue:Et},token:{displayName:te[ne-1].to.token.displayName,image:te[ne-1].to.token.image},chain:{image:te[ne-1].to.chain.image,displayName:te[ne-1].to.chain.displayName}},percentageChange:W(String(U),2,2),warningLevel:Je(U??0)})),K.createElement("div",{className:"title-steps"},K.createElement(Qt,{variant:"title",size:"small"},tt.t("Swaps steps"))),K.createElement(dh,{size:8}),K.createElement(au,{ref:y},te.map((q,se)=>{let qe=se,be=su(e.steps[se]),tr=be==="error"||be==="in-progress"||be==="warning"||be==="completed"&&se===te.length-1;return K.createElement(hh,{key:qe,step:q,type:"swap-progress",ref:y,state:be,hasSeparator:se!==0,tabIndex:qe,isFocused:tr})}))),K.createElement($i,{state:x,onClose:()=>g(null),onCancel:k,onDelete:n,message:le.detailedMessage.content,currentStepWallet:F}),K.createElement(_i,{open:!!w,diagnosisUrl:er,onClose:()=>d(null),status:e.status==="success"?"success":"failed",priceValue:W(ft,6,6),usdValue:Et,percentageChange:W(String(U),2,2),token:{displayName:te[ne-1].to.token.displayName,image:te[ne-1].to.token.image},chain:{image:te[ne-1].to.chain.image},description:X}))}s(Ui,"SwapDetails");import{i18n as To}from"@lingui/core";import{CopyIcon as bh,IconButton as Eh,NotFound as Ah,Skeleton as gu,Typography as Jn}from"@rango-dev/ui";import pe from"react";import{i18n as wh}from"@lingui/core";import{ChainToken as vh,Divider as qi,Skeleton as ko,Typography as xh}from"@rango-dev/ui";import J from"react";import{styled as zi}from"@rango-dev/ui";var mu=zi("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"}}),du=zi("div",{backgroundColor:"$neutral100",borderRadius:"$xm",padding:"$10 $15",".step-title":{display:"flex",justifyContent:"start",alignItems:"center"},".step-tokens":{paddingTop:"$5",display:"flex",alignItems:"center"},".step-token-info":{display:"flex",alignItems:"center"},".step-icon-container":{padding:"$4 $6",display:"flex",justifyContent:"center",alignItems:"center"},".extra-info":{display:"flex",paddingTop:"$10",paddingBottom:"$5"}}),Yn=zi("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"});import{ChainToken as fu,Divider as yo,NextIcon as Th,Skeleton as So}from"@rango-dev/ui";import ae from"react";function Co(t){let{extraInfo:e}=t;return ae.createElement(du,null,ae.createElement("div",{className:"step-title"},ae.createElement(So,{height:28,width:28,variant:"circular"}),ae.createElement(yo,{direction:"horizontal",size:8}),ae.createElement(So,{height:15,width:148,variant:"rounded"})),ae.createElement("div",{className:"step-tokens"},ae.createElement(yo,{direction:"horizontal",size:20}),ae.createElement("div",{className:"step-token-info"},ae.createElement(fu,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ae.createElement(yo,{direction:"horizontal",size:8}),ae.createElement(So,{height:12,width:76,variant:"rounded"})),ae.createElement("div",{className:"step-icon-container"},ae.createElement(Th,{color:"gray",size:16})),ae.createElement("div",{className:"step-token-info"},ae.createElement(fu,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ae.createElement(yo,{direction:"horizontal",size:8}),ae.createElement(So,{height:12,width:76,variant:"rounded"}))),e&&ae.createElement("div",{className:"extra-info"},ae.createElement(yo,{direction:"horizontal",size:20}),ae.createElement(So,{height:22,width:297,variant:"rectangular"})))}s(Co,"LoadingSwapDetailStep");function Gi(){let t=J.createElement("div",{className:"quote-summary-item"},J.createElement("div",{className:"token-amount"},J.createElement(vh,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),J.createElement(qi,{size:8,direction:"horizontal"}),J.createElement(ko,{height:15,width:148,variant:"rounded"})),J.createElement(ko,{height:12,width:64,variant:"rounded"}));return J.createElement(mu,null,J.createElement("div",{className:"cost"},J.createElement(ko,{width:60,height:10,variant:"rounded"}),J.createElement(qi,{size:4,direction:"horizontal"}),J.createElement(ko,{width:60,height:10,variant:"rounded"}),J.createElement(qi,{size:4,direction:"horizontal"}),J.createElement(ko,{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(xh,{variant:"title",size:"small"},wh.t("Swaps steps"))),J.createElement("div",{className:"step-container"},J.createElement(Co,{extraInfo:!0}),J.createElement(Yn,null),J.createElement(Co,null),J.createElement(Yn,null),J.createElement(Co,null),J.createElement(Yn,null),J.createElement(Co,null)))}s(Gi,"LoadingSwapDetails");function hu(t){let{requestId:e,showSkeleton:o}=t;return pe.createElement(j,{noPadding:!0,header:{title:To.t("Swap and Bridge"),suffix:pe.createElement(Lt,null)}},o&&pe.createElement(jn,null,pe.createElement(Kn,null,pe.createElement("div",{className:"row"},pe.createElement(Jn,{variant:"label",size:"large",color:"neutral700"},`${To.t("Request ID")}:`),pe.createElement("div",{className:"request-id"},pe.createElement(Jn,{variant:"label",size:"small",color:"neutral700"},pe.createElement(gu,{width:60,height:10,variant:"rounded"})),pe.createElement(Eh,{variant:"ghost"},pe.createElement(bh,{size:16,color:"gray"})))),pe.createElement("div",{className:"row"},pe.createElement(Jn,{variant:"label",size:"large",color:"neutral700"},`${To.t("Created at")}:`),pe.createElement(Jn,{variant:"label",size:"small",color:"neutral700"},pe.createElement(gu,{width:60,height:10,variant:"rounded"})))),pe.createElement(Gi,null)),!o&&pe.createElement(lu,null,pe.createElement(Ah,{title:To.t("Not found"),description:To.t({id:"Swap with request ID = {requestId} not found.",values:{requestId:e}})})))}s(hu,"SwapDetailsPlaceholder");function Su(){let{manager:t,state:e}=Wh(),o=!e.loadedFromPersistor,n=zt(t),r=Ce.use.selectedSwapRequestId(),i=ot(),{fetchStatus:a}=T(),l=o||a==="loading",p=n.find(({swap:S})=>S.requestId===r),u=s(()=>{if(p?.id){let S=t?.get(p.id);S&&Ih(S)}},"onCancel"),m=s(async()=>{if(p?.id)try{t?.deleteQueue(p.id),i()}catch(S){console.log(S)}},"onDelete"),c=p?.swap;return!c||l?yu.createElement(hu,{requestId:r||"",showSkeleton:l}):yu.createElement(Ui,{swap:c,requestId:r||"",onCancel:u,onDelete:m})}s(Su,"SwapDetailsPage");import{i18n as wo}from"@lingui/core";import{AutoThemeIcon as Nh,DarkModeIcon as Lh,LightModeIcon as Bh,List as Mh,ListItemButton as $h,Radio as Hi,RadioRoot as Ph,Typography as Qi}from"@rango-dev/ui";import ve from"react";function Cu(){let t=D.use.theme(),e=D.use.setTheme(),o=[{id:"light",value:"light",title:ve.createElement(Qi,{variant:"title",size:"xmedium"},wo.t("Light")),onClick:()=>e("light"),start:ve.createElement(Bh,{color:"gray"}),end:ve.createElement(Hi,{value:"light"})},{id:"dark",value:"dark",title:ve.createElement(Qi,{variant:"title",size:"xmedium"},wo.t("Dark")),onClick:()=>e("dark"),start:ve.createElement(Lh,{color:"gray"}),end:ve.createElement(Hi,{value:"dark"})},{id:"auto",value:"auto",title:ve.createElement(Qi,{variant:"title",size:"xmedium"},wo.t("Auto")),onClick:()=>e("auto"),start:ve.createElement(Nh,{color:"gray"}),end:ve.createElement(Hi,{value:"auto"})}];return ve.createElement(j,{header:{title:wo.t("Theme")}},ve.createElement(et,null,ve.createElement(Ph,{onValueChange:n=>e(n),value:t},ve.createElement(Mh,{type:ve.createElement($h,{title:wo.t("Theme"),id:"_",onClick:()=>console.log()}),items:o}))))}s(Cu,"ThemePage");function ku(){return _h([{path:L.home,element:xe.createElement(fn,null)},{path:L.fromSwap,children:[{index:!0,element:xe.createElement(xi,{type:"source"})},{path:L.blockchains,element:xe.createElement(mi,{type:"source"})}]},{path:L.toSwap,children:[{index:!0,element:xe.createElement(xi,{type:"destination"})},{path:L.blockchains,element:xe.createElement(mi,{type:"destination"})}]},{path:L.settings,children:[{index:!0,element:xe.createElement(Op,null)},{path:L.themes,element:xe.createElement(Cu,null)},{path:L.languages,element:xe.createElement(ep,null)},{path:L.exchanges,element:xe.createElement(ai,{sourceType:"Exchanges"})},{path:L.bridges,element:xe.createElement(ai,{sourceType:"Bridges"})}]},{path:L.swaps,children:[{index:!0,element:xe.createElement(Zl,null)},{path:L.swapDetails,element:xe.createElement(Su,null)}]},{path:L.wallets,element:xe.createElement(bl,null)},{path:L.confirmSwap,element:xe.createElement(ql,null)}])}s(ku,"AppRoutes");import{isApprovalTX as Dh,MainEvents as wu,RouteEventType as vu,StepEventType as Vt,StepExecutionEventStatus as Fh,useEvents as Oh}from"@rango-dev/queue-manager-rango-preset";import{useEffect as xu}from"react";import{StepExecutionBlockedEventStatus as Vi}from"@rango-dev/queue-manager-rango-preset";var Tu=[Vi.WAITING_FOR_CHANGE_WALLET_ACCOUNT,Vi.WAITING_FOR_NETWORK_CHANGE,Vi.WAITING_FOR_WALLET_CONNECT];function bu(){let t=T().tokens(),e=V.use.connectedWallets(),o=V.use.getWalletsDetails(),n=We.use.setNotification(),r=We.use.setAsRead(),i=Oh();return xu(()=>(i.on(wu.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(f=>f.chain===p?.fromBlockchain),S=p?.fromBlockchain!==p?.toBlockchain&&e.find(f=>f.chain===p?.toBlockchain);c&&o([c],t),S&&o([S],t)}l.type===Vt.TX_EXECUTION_BLOCKED&&Tu.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]),xu(()=>(i.on(wu.RouteEvent,a=>{let{event:l,route:p}=a;(l.type===vu.FAILED||l.type===vu.SUCCEEDED)&&n(l,p)}),()=>i.all.clear()),[i,e.length]),null}s(bu,"WidgetEvents");import{globalCss as Uh}from"@rango-dev/ui";var Eu=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 Xi,darkTheme as Qh,lightTheme as Vh}from"@rango-dev/ui";import{useEffect as Iu,useState as jh}from"react";import{theme as Gh,darkColors as Hh}from"@rango-dev/ui";var Au=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=Au(o%52)+e;return Au(o%52)+e},"toAlphabeticName"),qh=s((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),ji=s(t=>zh(qh(5381,JSON.stringify(t))>>>0),"toHash");function Ki(t){let e=Gh.colors,o=Si({...e,...Hh},!0,t?.dark),n=Si(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:`${rr}-light-${ji(p)}`,tokens:p}}if(r){let p={colors:o};l={id:`${rr}-dark-${ji(p)}`,tokens:p}}return{light:a,dark:l}}s(Ki,"customizedThemeTokens");function Wu(t){let{colors:e,fontFamily:o=ns,borderRadius:n=ts,secondaryBorderRadius:r=os,mode:i="auto"}=t,[a,l]=jh("light"),p=D.use.theme(),u=D.use.setTheme(),{dark:m,light:c}=Ki(e),S=Xi({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),f=[S.className,Vh.className],y=[S.className,Qh.className];if(c){let g=Xi(c.id,c.tokens);f.push(g.className)}if(m){let g=Xi(m.id,m.tokens);y.push(g.className)}return Iu(()=>{let g=s(w=>{w.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",g),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",g)}},[]),Iu(()=>{i!=="auto"&&u(i)},[i]),{activeTheme:s(()=>{let g=f.join(" "),w=y.join(" ");return p==="auto"?a==="dark"?w:g:p==="dark"?w:g},"getActiveTheme")}}s(Wu,"useTheme");import{styled as Kh}from"@rango-dev/ui";var Nu=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 Zn(){Eu();let{fetch:t,config:e}=T(),{activeTheme:o}=Wu(e?.theme||{}),{activeLanguage:n,changeLanguage:r}=Nn(),[i,a]=Bu(""),[l,p]=Bu(),u=Yh(Oo);return Lu(()=>{t().catch(),D.persist.rehydrate(),We.persist.rehydrate(),u.onConnectWallet(a)},[]),Lu(()=>{r(e?.language)},[e?.language]),vo.createElement(Xh,{language:n},vo.createElement(Nu,{id:"swap-container",className:o()},vo.createElement(bu,null),vo.createElement(hl,{lastConnectedWallet:i,disconnectedWallet:l,clearDisconnectedWallet:()=>{p(void 0)}},vo.createElement(ku,null))))}s(Zn,"Main");import Ji,{useMemo as cy}from"react";import{checkWaitingForNetworkChange as Jh,makeQueueDefinition as Zh}from"@rango-dev/queue-manager-rango-preset";import{Provider as Rh}from"@rango-dev/queue-manager-react";import{useWallets as ey}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as ty}from"@rango-dev/wallets-shared";import{isEvmBlockchain as oy}from"rango-types";import ny,{useMemo as ry}from"react";function iy(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:i,getWalletInfo:a}=ey(),l=ry(()=>Zh({API_KEY:t.apiKey||At("API_KEY"),BASE_URL:At("BASE_URL")}),[t.apiKey]),p=T().blockchains(),m={blockchains:V.use.connectedWallets().map(d=>({accounts:[d],name:d.chain}))},c=s(async(d,k)=>{if(i(d,k))return r(d,k)},"switchNetwork"),S=s(d=>!!a(d).mobileWallet,"isMobileWallet"),f=p.filter(d=>d.enabled).reduce((d,k)=>(d[k.name]=k,d),{}),y=p.filter(oy),x=s(d=>{let{supportedChains:k}=a(d);return Lo(k)},"getSupportedChainNames"),g=e(),w={meta:{blockchains:f,evmBasedChains:y,evmNetworkChainInfo:ty(y),getSupportedChainNames:x},getSigners:o,wallets:m,providers:g,switchNetwork:c,canSwitchNetworkTo:i,connect:r,state:n,isMobileWallet:S};return ny.createElement(Rh,{queuesDefs:[l],context:w,onPersistedDataLoaded:d=>{Jh(d)},isPaused:!1},t.children)}s(iy,"QueueManager");var Mu=iy;import{useManager as sy}from"@rango-dev/queue-manager-react";import ay,{createContext as ly,useContext as py,useMemo as uy}from"react";var $u=ly(void 0);function Yi(t){let{manager:e}=sy(),o=zt(e),n=uy(()=>({swaps:o}),[e,o]);return ay.createElement($u.Provider,{value:n},t.children)}s(Yi,"WidgetInfo");function Pu(){let t=py($u);if(!t)throw new Error("useWidget can only be used within the WidgetProvider component");return t}s(Pu,"useWidget");function Rn(t){let{onUpdateState:e,config:o}=t;return cy(()=>{es({API_KEY:o?.apiKey||Eo,BASE_URL:o?.apiUrl||Ri})},[o]),Ji.createElement(Uo,{config:o,onUpdateState:e},Ji.createElement(Mu,{apiKey:o.apiKey},Ji.createElement(Yi,null,t.children)))}s(Rn,"WidgetProvider");function _u(t){return t.config?.externalWallets?Zi.createElement(Zn,null):Zi.createElement(Rn,{config:t.config??sr},Zi.createElement(Zn,null))}s(_u,"Widget");export{eP as MainEvents,tP as RouteEventType,oP as StepEventType,nP as StepExecutionBlockedEventStatus,rP as StepExecutionEventStatus,_u as Widget,Rn as WidgetProvider,Uo as WidgetWallets,Ki as customizedThemeTokens,Ml as useWallets,Pu as useWidget,iP as useWidgetEvents};
2
2
  //# sourceMappingURL=index.js.map