@rango-dev/widget-embedded 0.23.1-next.1 → 0.23.1-next.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/AppRoutes.d.ts.map +1 -1
- package/dist/components/Layout/Layout.styles.d.ts +162 -0
- package/dist/components/Layout/Layout.styles.d.ts.map +1 -1
- package/dist/components/NoResult/NoResult.d.ts.map +1 -1
- package/dist/components/NoResult/NoResult.styles.d.ts.map +1 -1
- package/dist/components/Quote/Quote.d.ts.map +1 -1
- package/dist/components/Quote/Quote.types.d.ts +2 -0
- package/dist/components/Quote/Quote.types.d.ts.map +1 -1
- package/dist/components/Quote/QuoteCostDetails.d.ts.map +1 -1
- package/dist/components/Quote/{QuoteTrigger .d.ts → QuoteTrigger.d.ts} +1 -1
- package/dist/components/Quote/QuoteTrigger.d.ts.map +1 -0
- package/dist/components/QuoteWarningsAndErrors/HighValueLossWarningModal.d.ts.map +1 -1
- package/dist/components/QuoteWarningsAndErrors/QuoteWarningsAndErrors.types.d.ts +0 -1
- package/dist/components/QuoteWarningsAndErrors/QuoteWarningsAndErrors.types.d.ts.map +1 -1
- package/dist/components/QuoteWarningsAndErrors/UnknownPriceWarningModal.d.ts.map +1 -1
- package/dist/components/Quotes/Quotes.d.ts +4 -0
- package/dist/components/Quotes/Quotes.d.ts.map +1 -0
- package/dist/components/Quotes/Quotes.styles.d.ts +487 -0
- package/dist/components/Quotes/Quotes.styles.d.ts.map +1 -0
- package/dist/components/Quotes/Quotes.types.d.ts +9 -0
- package/dist/components/Quotes/Quotes.types.d.ts.map +1 -0
- package/dist/components/Quotes/SelectStrategy.d.ts +5 -0
- package/dist/components/Quotes/SelectStrategy.d.ts.map +1 -0
- package/dist/components/Quotes/index.d.ts +2 -0
- package/dist/components/Quotes/index.d.ts.map +1 -0
- package/dist/components/common/ActivateTabAlert/ActivateTabAlert.d.ts.map +1 -1
- package/dist/constants/index.d.ts +1 -0
- package/dist/constants/index.d.ts.map +1 -1
- package/dist/constants/navigationRoutes.d.ts +0 -1
- package/dist/constants/navigationRoutes.d.ts.map +1 -1
- package/dist/constants/quote.d.ts +4 -3
- package/dist/constants/quote.d.ts.map +1 -1
- package/dist/constants/settings.d.ts +6 -0
- package/dist/constants/settings.d.ts.map +1 -0
- package/dist/containers/ExpandedQuotes/ExpandedQuotes.d.ts +5 -0
- package/dist/containers/ExpandedQuotes/ExpandedQuotes.d.ts.map +1 -0
- package/dist/containers/ExpandedQuotes/ExpandedQuotes.styles.d.ts +325 -0
- package/dist/containers/ExpandedQuotes/ExpandedQuotes.styles.d.ts.map +1 -0
- package/dist/containers/ExpandedQuotes/ExpandedQuotes.types.d.ts +9 -0
- package/dist/containers/ExpandedQuotes/ExpandedQuotes.types.d.ts.map +1 -0
- package/dist/containers/ExpandedQuotes/index.d.ts +2 -0
- package/dist/containers/ExpandedQuotes/index.d.ts.map +1 -0
- package/dist/containers/Inputs/Inputs.d.ts +4 -0
- package/dist/containers/Inputs/Inputs.d.ts.map +1 -0
- package/dist/containers/Inputs/Inputs.styles.d.ts +325 -0
- package/dist/containers/Inputs/Inputs.styles.d.ts.map +1 -0
- package/dist/containers/Inputs/Inputs.types.d.ts +7 -0
- package/dist/containers/Inputs/Inputs.types.d.ts.map +1 -0
- package/dist/containers/Inputs/index.d.ts +2 -0
- package/dist/containers/Inputs/index.d.ts.map +1 -0
- package/dist/containers/QuoteInfo/QuoteInfo.d.ts.map +1 -1
- package/dist/containers/QuoteInfo/QuoteInfo.types.d.ts +1 -0
- package/dist/containers/QuoteInfo/QuoteInfo.types.d.ts.map +1 -1
- package/dist/containers/Settings/Lists.d.ts +3 -0
- package/dist/containers/Settings/Lists.d.ts.map +1 -0
- package/dist/hooks/useMobileDetect.d.ts +3 -0
- package/dist/hooks/useMobileDetect.d.ts.map +1 -0
- package/dist/hooks/useSwapInput.d.ts.map +1 -1
- package/dist/index.d.ts +2 -2
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +2 -2
- package/dist/index.js.map +4 -4
- package/dist/pages/ConfirmSwapPage.d.ts.map +1 -1
- package/dist/pages/Home.d.ts +1 -0
- package/dist/pages/Home.d.ts.map +1 -1
- package/dist/pages/Routes.d.ts.map +1 -1
- package/dist/pages/SettingsPage.d.ts.map +1 -1
- package/dist/types/config.d.ts +5 -0
- package/dist/types/config.d.ts.map +1 -1
- package/dist/utils/common.d.ts +1 -0
- package/dist/utils/common.d.ts.map +1 -1
- package/package.json +6 -6
- package/src/components/AppRoutes.tsx +0 -5
- package/src/components/Layout/Layout.styles.ts +12 -7
- package/src/components/Layout/Layout.tsx +6 -6
- package/src/components/NoResult/NoResult.styles.ts +0 -2
- package/src/components/NoResult/NoResult.tsx +1 -0
- package/src/components/Quote/Quote.styles.ts +1 -1
- package/src/components/Quote/Quote.tsx +4 -2
- package/src/components/Quote/Quote.types.ts +2 -0
- package/src/components/Quote/QuoteCostDetails.tsx +10 -6
- package/src/components/Quote/{QuoteTrigger .tsx → QuoteTrigger.tsx} +3 -16
- package/src/components/QuoteWarningsAndErrors/HighValueLossWarningModal.tsx +15 -12
- package/src/components/QuoteWarningsAndErrors/QuoteWarningsAndErrors.types.ts +0 -1
- package/src/components/QuoteWarningsAndErrors/UnknownPriceWarningModal.tsx +16 -13
- package/src/components/Quotes/Quotes.styles.ts +18 -0
- package/src/components/Quotes/Quotes.tsx +134 -0
- package/src/components/Quotes/Quotes.types.ts +9 -0
- package/src/components/Quotes/SelectStrategy.tsx +33 -0
- package/src/components/Quotes/index.ts +1 -0
- package/src/components/common/ActivateTabAlert/ActivateTabAlert.tsx +2 -4
- package/src/constants/index.ts +1 -0
- package/src/constants/navigationRoutes.ts +0 -1
- package/src/constants/quote.ts +22 -7
- package/src/constants/settings.ts +5 -0
- package/src/containers/ExpandedQuotes/ExpandedQuotes.styles.ts +30 -0
- package/src/containers/ExpandedQuotes/ExpandedQuotes.tsx +71 -0
- package/src/containers/ExpandedQuotes/ExpandedQuotes.types.ts +9 -0
- package/src/containers/ExpandedQuotes/index.ts +1 -0
- package/src/containers/Inputs/Inputs.styles.ts +12 -0
- package/src/containers/Inputs/Inputs.tsx +165 -0
- package/src/containers/Inputs/Inputs.types.ts +7 -0
- package/src/containers/Inputs/index.ts +1 -0
- package/src/containers/QuoteInfo/QuoteInfo.tsx +2 -0
- package/src/containers/QuoteInfo/QuoteInfo.types.ts +1 -0
- package/src/containers/Settings/Lists.tsx +265 -0
- package/src/hooks/useMobileDetect.ts +21 -0
- package/src/hooks/useSwapInput.ts +3 -1
- package/src/index.ts +2 -0
- package/src/pages/ConfirmSwapPage.tsx +0 -1
- package/src/pages/Home.tsx +146 -230
- package/src/pages/Routes.tsx +6 -69
- package/src/pages/SettingsPage.tsx +6 -184
- package/src/types/config.ts +6 -0
- package/src/utils/common.ts +3 -0
- package/dist/components/Quote/QuoteTrigger .d.ts.map +0 -1
- package/dist/pages/ThemePage.d.ts +0 -3
- package/dist/pages/ThemePage.d.ts.map +0 -1
- package/src/pages/ThemePage.tsx +0 -90
package/dist/index.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
var ad=Object.defineProperty;var i=(t,e)=>ad(t,"name",{value:e,configurable:!0});import{EventSeverity as Sq,MainEvents as Cq,RouteEventType as Tq,StepEventType as kq,StepExecutionBlockedEventStatus as wq,StepExecutionEventStatus as vq,useEvents as xq}from"@rango-dev/queue-manager-rango-preset";import{readAccountAddress as Iq,useWallets as $p,Events as Aq}from"@rango-dev/wallets-react";import{Networks as Wq,WalletTypes as Lq}from"@rango-dev/wallets-shared";import{PendingSwapNetworkStatus as Nq}from"rango-types";import{UI_ID as ld}from"@rango-dev/ui";var on="c6381a79-2817-4602-83bf-6a641a409e32",ca="https://api.rango.exchange",ma="https://scan.rango.exchange",We={SWAP_BOX_ID:"rango-swap-box",...ld};import{Events as ei,Provider as zd}from"@rango-dev/wallets-react";import{isEvmBlockchain as Qd}from"rango-sdk";import Sn,{createContext as Hd,useEffect as Ja,useRef as Gd}from"react";import{useEffect as bd}from"react";import{create as wd}from"zustand";import{subscribeWithSelector as vd}from"zustand/middleware";import{RangoClient as Td}from"rango-sdk";import{WalletState as st}from"@rango-dev/ui";import{readAccountAddress as cd}from"@rango-dev/wallets-react";import{detectInstallLink as md,getCosmosExperimentalChainInfo as dd,isEvmAddress as fd,KEPLR_COMPATIBLE_WALLETS as JT,Networks as ha}from"@rango-dev/wallets-shared";import Gr from"bignumber.js";import{isCosmosBlockchain as gd}from"rango-types";import pd from"bignumber.js";var Le=new pd(0);import{WalletTypes as ud}from"@rango-dev/wallets-shared";var da=[ud.LEAP];import{BigNumber as ga}from"bignumber.js";var nn=i(t=>{let e=(t%60).toString().padStart(2,"0");return`${parseInt((t/60).toString()).toString().padStart(2,"0")}:${e}`},"secondsToString"),E=i((t,e=null,o=null)=>{if(t==null||t==="")return"";let n=new ga(t),r=1,s=1e3;for(let a=0;a<60;a++)if(new ga(n.toFixed(a,r)).eq(n)){s=a;break}if(n.gte(1e4))return n.toFormat(0,r);if(n.gte(1e3)||n.gte(100))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,1))),r);if(n.gte(1))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,2))),r);if(n.gte(.01))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,4))),r);for(let a=e||4;a<17;a++)if(n.gte(Math.pow(10,-a)))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,a))),r);return n.isEqualTo(0)?"0":n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,8))),r)},"numberToString");var rn=i(t=>t?.reduce((e,o)=>e+(o.estimatedTimeInSeconds??0),0)||0,"totalArrivalTime");var it=i((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),So=i(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function ue(t){return E(t,12,12).replace(/(?:\.0*|(\.\d+?)0*)$/,"$1")}i(ue,"formatTooltipNumbers");function Vr(t){switch(!0){case t.connected:return st.CONNECTED;case t.connecting:return st.CONNECTING;case!t.installed:return st.NOT_INSTALLED;default:return st.DISCONNECTED}}i(Vr,"mapStatusToWalletState");function ya(t,e,o,n){return o.filter(r=>!da.includes(r)).filter(r=>{let{supportedChains:s,isContractWallet:a}=e(r),{installed:l,network:p}=t(r);return a&&(!l||!!n&&p!==n)?!1:n?!!s.find(c=>c.name===n):!0}).map(r=>{let{name:s,img:a,installLink:l}=e(r),p=Vr(t(r));return{title:s,image:a,link:md(l),state:p,type:r}})}i(ya,"mapWalletTypesToWalletInfo");function ln(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}i(ln,"walletAndSupportedChainsNames");function Sa(t,e,o,n,r){let s=[];function a(p,u){if(!!!s.find(h=>h.chain===p)){let h={address:u,chain:p,walletType:t};s.push(h)}}i(a,"addAccount");let l=n||[];return e.forEach(p=>{let{address:u,network:c}=cd(p),h=l.length>0,m=l.includes(c),d=c===ha.Unknown;if(h&&!m&&!d)return;let C=c===ha.Unknown&&fd(u);if(d&&!C)return;o.includes(c)||C?r?a(c,u.toLowerCase()):l.filter(w=>o.includes(w)).forEach(w=>{a(w,u.toLowerCase())}):a(c,u)}),s}i(Sa,"prepareAccountsForWalletStore");function Ca(t){let e=[];return t?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain;e.includes(n)||e.push(n),e.includes(r)||e.push(r),o.internalSwaps&&Array.isArray(o.internalSwaps)&&o.internalSwaps.forEach(s=>{let a=s.from.blockchain,l=s.to.blockchain;e.includes(a)||e.push(a),e.includes(l)||e.push(l)})}),e}i(Ca,"getRequiredChains");function pn(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}i(pn,"isAccountAndWalletMatched");function Ta(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 Gr(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:yd(o,r.asset.symbol,r.asset.address,e)||null}))||[]}i(Ta,"makeBalanceFor");function ka(t){return{...t,loading:!1,error:!0}}i(ka,"resetConnectedWalletState");var wa=i(t=>{let e=new Set,n=t?.reduce((s,a)=>s.findIndex(l=>l.address===a.address&&l.chain===a.chain)===-1?[...s,a]:s,[])?.map(s=>{let a={name:s.chain,accounts:[]};return e.has(s.address)||e.add(s.address),e.forEach(l=>{s.address===l&&a.accounts.push(s)}),a}),r=E(n?.flatMap(s=>s.accounts)?.flatMap(s=>s?.balances)?.map(s=>new Gr(s?.amount||Le).multipliedBy(s?.usdPrice||0))?.reduce((s,a)=>s.plus(a),Le)||Le).toString();return hd(r)},"calculateWalletUsdValue");function hd(t){let e=t.toString().split(".");return e[0]=e[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),e.join(".")}i(hd,"numberWithThousandSeparator");var yd=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice"),un=i((t,e)=>{let o=dd(Object.entries(t).map(([,n])=>n).filter(gd));return o&&o[e]?.experimental},"isExperimentalChain");function cn(t){return t?{...t,amount:E(t.amount,8,8),usdValue:E(t.usdValue,4,4)}:null}i(cn,"formatBalance");function Sd(t,e){return t?.usdValue&&e?.usdValue?parseFloat(e.usdValue)-parseFloat(t.usdValue):!t?.usdValue&&e?.usdValue?1:t?.usdValue&&!e?.usdValue?-1:!t?.usdValue&&!e?.usdValue?parseFloat(e?.amount||"0")-parseFloat(t?.amount||"0"):0}i(Sd,"sortTokensByBalance");function Cd(t,e,o){let n=o(t),r=o(e);return n===r?0:n?-1:1}i(Cd,"sortTokensByPinnedToken");function va(t,e,o){return t.sort((n,r)=>{let s=e(n),a=e(r),l=Cd(n,r,o);return l!==0?l:Sd(s,a)}),t}i(va,"sortTokens");function Me(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}i(Me,"areTokensEqual");function xa(t){return t.sort((e,o)=>+(o.state===st.CONNECTED)-+(e.state===st.CONNECTED)||+(o.state===st.DISCONNECTED||o.state===st.CONNECTING)-+(e.state===st.DISCONNECTED||e.state===st.CONNECTING))}i(xa,"sortWalletsBasedOnConnectionState");function mn(t,e=8,o=3){if(t.length<2*e+o)return t;let n=t.slice(0,e),r=t.slice(-e);return`${n}${".".repeat(o)}${r}`}i(mn,"getConciseAddress");function ba({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}i(ba,"getAddress");function jr(t){return`${t.blockchain}-${t.symbol}-${t.address??""}`}i(jr,"createTokenHash");function dn(t){return t.flatMap(e=>e.balances).reduce((e,o)=>{let n={amount:o?.amount??"",decimals:o?.decimal??0,usdValue:o?.usdPrice?new Gr(o?.usdPrice??Le).multipliedBy(o?.amount).toString():""},r=o?jr({symbol:o.symbol,blockchain:o.chain,address:o.address}):null,s=r?e[r]:null;return r&&(!s||s&&s.amount<n.amount)&&(e[r]=n),e},{})}i(dn,"makeTokensBalance");var Ia=i((t,e)=>!!t.find(o=>o.chain===e&&o.loading),"isFetchingBalance");function Aa(t){return t.map(e=>e.state).join("-")}i(Aa,"hashWalletsState");var Kr={API_KEY:on};function gt(t){return Kr[t]||""}i(gt,"getConfig");function Ea(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),Kr=e,Kr}i(Ea,"initConfig");var Wa=20,La=25,Ma="Roboto",Xr="theme-widget",Co=i((t,e)=>{let o=!1;if(e&&t){if(Array.isArray(e))o=!e.some(n=>Me(n,t));else if(!Array.isArray(e)&&e[t.blockchain]){o=e[t.blockchain].tokens.some(r=>Me(r,t));let n=e[t.blockchain].isExcluded;return!n&&!o||n&&o}}return o},"isTokenExcludedInConfig"),Yr=i((t,e)=>t&&e&&!e.includes(t.name),"isBlockchainExcludedInConfig");var fn,At=i(()=>fn||(fn=new Td(gt("API_KEY"),gt("BASE_URL")),fn),"httpService");var kd=i(t=>{let e=t;e.use={};for(let o of Object.keys(e.getState()))e.use[o]=()=>e(n=>n[o]);return e},"createSelectors"),Et=kd;var X=Et(wd()(vd((t,e)=>({connectedWallets:[],balances:{},loading:!1,connectWallet:(o,n)=>{let r=e().getWalletsDetails;t(s=>({loading:!0,connectedWallets:s.connectedWallets.filter(a=>a.walletType!==o[0].walletType).concat(o.map(a=>{let l=!s.connectedWallets.find(p=>p.chain===a.chain&&p.selected);return{balances:[],address:a.address,chain:a.chain,explorerUrl:null,walletType:a.walletType,selected:l,loading:!0,error:!1}}))})),r(o,n)},disconnectWallet:o=>{t(n=>{let r=n.connectedWallets.filter(l=>l.selected&&l.walletType!==o).map(l=>l.chain),s=n.connectedWallets.filter(l=>l.walletType!==o).map(l=>r.includes(l.chain)?l:(r.push(l.chain),{...l,selected:!0}));return{balances:dn(s),connectedWallets:s}})},selectWallets:o=>t(n=>({connectedWallets:n.connectedWallets.map(r=>{let s=!!o.find(l=>l.chain===r.chain&&l.walletType!==r.walletType&&r.selected),a=!!o.find(l=>l.chain===r.chain&&l.walletType===r.walletType&&!r.selected);return s?{...r,selected:!1}:a?{...r,selected:!0}:r})})),clearConnectedWallet:()=>t(()=>({connectedWallets:[],selectedWallets:[]})),getWalletsDetails:async(o,n,r=!0)=>{let s=e().getWalletsDetails;t(a=>({loading:!0,connectedWallets:a.connectedWallets.map(l=>o.find(p=>pn(p,l))?{...l,loading:!0}:l)}));try{let a=o.map(({address:u,chain:c})=>({address:u,blockchain:c})),p=(await At().getWalletsDetails(a)).wallets;if(p)t(u=>{let c=u.connectedWallets.map(m=>{let d=o.find(C=>pn(C,m)),S=p.find(C=>C.address===m.address&&C.blockChain===m.chain);return S?.failed&&d&&r&&s([d],n,!1),d&&S?{...m,explorerUrl:S.explorerUrl,balances:Ta(S,n),loading:!1}:m});return{loading:!1,balances:dn(c),connectedWallets:c}});else throw new Error("Wallet not found")}catch{t(l=>{let p=l.connectedWallets.map(c=>o.find(h=>pn(h,c))?ka(c):c);return{loading:!1,balances:dn(p),connectedWallets:p}})}},getBalanceFor:o=>{let{balances:n}=e(),r=jr(o);return n[r]??null}}))));import{allProviders as xd}from"@rango-dev/provider-all";function gn(t,e){let o=xd({walletconnect2:{WC_PROJECT_ID:e?.walletConnectProjectId||""}});if(t){let n=[];return t.forEach(r=>{if(typeof r=="string"){let s=o.find(a=>a.config.type===r);s?n.push(s):console.warn(`Couldn't find ${r} provider. Please make sure you are passing the correct name.`)}else n.push(r)}),n}return o}i(gn,"matchAndGenerateProviders");function Na(t,e){return gn(t,e).map(r=>r.config.type)}i(Na,"configWalletsToWalletName");function Ba(t,e){let o=X.use.clearConnectedWallet(),n=gn(void 0,e);return bd(()=>{o(),n=gn(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}i(Ba,"useWalletProviders");import $d,{createContext as _d,useContext as Dd,useEffect as Fd,useRef as Ud}from"react";import{create as Bd}from"zustand";import{persist as Pd}from"zustand/middleware";var Jr={apiKey:"",title:void 0,multiWallets:!0,enableNewLiquiditySources:!0,customDestination:!0},Id={clientUrl:void 0},Ad={liquiditySources:void 0},Pa=i((t,e,o)=>({config:{...Jr,...t},iframe:Id,campaignMode:Ad,getLiquiditySources:()=>{let{config:n,campaignMode:r}=o();return r.liquiditySources?.length?r.liquiditySources:n.liquiditySources??[]},getDisabledLiquiditySources:()=>{let{disabledLiquiditySources:n,campaignMode:r}=o();return r.liquiditySources?.length?[]:n},excludeLiquiditySources:()=>{let{config:n,campaignMode:r}=o();return r.liquiditySources?.length?!1:!!n.enableNewLiquiditySources},isInCampaignMode:()=>{let{campaignMode:n}=o();return!!n.liquiditySources?.length},updateConfig:n=>{let r=o().config;e({config:{...r,...n}})},updateCampaignMode:(n,r)=>{let s=o().campaignMode;e({campaignMode:{...s,[n]:r}})},updateIframe:(n,r)=>{let s=o().iframe;e({iframe:{...s,[n]:r}})}}),"createConfigSlice");function hn(t){return Array.from(new Set(t))}i(hn,"removeDuplicateFrom");function Zr(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}i(Zr,"areEqual");function $a(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}i($a,"debounce");function Ot(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}i(Ot,"containsText");var N=i(()=>document.getElementById(We.SWAP_BOX_ID),"getContainer");function yn(t,e){let o=t.map(s=>s.swapperGroup),n=[];return hn(t.map(s=>s.swapperGroup)).map(s=>{let a=t.find(l=>l.swapperGroup===s);if(a){let l=!0;o&&(l=o.some(p=>p===a.swapperGroup)),l&&a.types.map(p=>{n.push({id:a.swapperGroup,groupTitle:a.swapperGroup,logo:a.logo,type:p,selected:!e.includes(a.swapperGroup)})})}}),n}i(yn,"getUniqueSwappersGroups");function _a(t,e){return t.swapperGroup<e.swapperGroup?-1:t.swapperGroup>e.swapperGroup?1:0}i(_a,"sortLiquiditySourcesByGroupTitle");function He(t,e){return e?.[t]==="hidden"}i(He,"isFeatureHidden");function Da(t,e){return e?.[t]==="enabled"}i(Da,"isFeatureEnabled");var Fa=i((t,e)=>({_blockchains:[],_tokens:[],_popularTokens:[],_swappers:[],fetchStatus:"loading",blockchains:o=>{let n=e()._blockchains;if(!o||!o?.type)return n;let r=e().config,s=(o.type==="source"?r.from?.blockchains:r.to?.blockchains)??[];return n.filter(l=>!(s.length>0&&!s.includes(l.name)))},tokens:o=>{let n=e()._tokens;if(!o||!o?.type)return n;let r=e().config,s=(o.type==="source"?r.from?.tokens:r.to?.tokens)??{},a=e().blockchains({type:o.type});return n.filter(p=>s&&Co(p,s)||o.blockchain&&p.blockchain!==o.blockchain||!a.some(u=>u.name===p.blockchain)?!1:o.searchFor?!!(Ot(p.symbol,o.searchFor)||Ot(p.address||"",o.searchFor)||Ot(p.name||"",o.searchFor)):!0).sort((p,u)=>e().isTokenPinned(p,o.type)?-1:e().isTokenPinned(u,o.type)||p.isSecondaryCoin?1:u.isSecondaryCoin||!p.address&&u.address?-1:p.address&&!u.address?1:0)},isTokenPinned:(o,n)=>!!(n==="source"?e().config.from?.pinnedTokens:e().config.to?.pinnedTokens)?.some(a=>Me(a,o)),swappers:()=>{let{config:o,campaignMode:n}=e(),r=n.liquiditySources?.length?n.liquiditySources:null,s=r??o.liquiditySources,a=r?!1:o.enableNewLiquiditySources;return e()._swappers.filter(u=>{let c=s?.includes(u.swapperGroup);return a||!s||s.length===0?!c:c}).sort(_a)},fetch:async()=>{try{let o=await At().getAllMetadata();t({fetchStatus:"success"});let n=[],r=[],s=o.popularTokens,a=o.swappers,l=new Set;o.tokens.forEach(p=>{l.add(p.blockchain),r.push(p)}),o.blockchains.forEach(p=>{p.enabled&&l.has(p.name)&&n.push(p)}),n.sort((p,u)=>p.sort-u.sort),t({_blockchains:n,_tokens:r,_popularTokens:s,_swappers:a})}catch(o){throw t({fetchStatus:"failed"}),o}}}),"createDataSlice");import{English as Ed,French as Wd,Japanese as Ld,Portuguese as Md,Spanish as Nd}from"@rango-dev/ui";var Ua=[{title:"English",label:"English",local:"en",SVGFlag:Ed},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:Nd},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:Wd},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:Ld},{title:"Portuguese",label:"Portugu\xEAs",local:"pt",SVGFlag:Md}],To="en";var Oa=[.5,1,3],qa=1,za=5,Qa=100,Ha=0;var Ga=i((t,e)=>({disabledLiquiditySources:[],theme:"auto",language:null,preferredBlockchains:[],slippage:qa,customSlippage:null,infiniteApprove:!1,affiliateRef:null,affiliatePercent:null,affiliateWallets:null,addPreferredBlockchain:o=>{let n=e().preferredBlockchains;if(n.find((a,l)=>{let p=a===o,u=l<=9;return p&&u}))return;let s=n.filter(a=>!(a===o));t(()=>({preferredBlockchains:[o,...s]}))},setSlippage:o=>t(()=>({slippage:o})),setCustomSlippage:o=>t(()=>({customSlippage:o})),setAffiliateRef:o=>t(()=>({affiliateRef:o})),setAffiliatePercent:o=>t(()=>({affiliatePercent:o})),setAffiliateWallets:o=>t(()=>({affiliateWallets:o})),toggleAllLiquiditySources:(o,n)=>t(r=>{if(n)return{disabledLiquiditySources:[]};let s=hn(o.map(a=>a.swapperGroup));return s.length===r.disabledLiquiditySources.length?{disabledLiquiditySources:[]}:{disabledLiquiditySources:s}}),toggleInfiniteApprove:()=>t(o=>({infiniteApprove:!o.infiniteApprove})),toggleLiquiditySource:o=>t(n=>n.disabledLiquiditySources.includes(o)?{disabledLiquiditySources:n.disabledLiquiditySources.filter(r=>r!=o)}:{disabledLiquiditySources:n.disabledLiquiditySources.concat(o)}),setTheme:o=>t(()=>({theme:o})),setLanguage:o=>t(()=>({language:o})),updateSettings:o=>{let{features:n}=o,r=He("theme",n),s=He("language",n),a=He("liquiditySource",n);t({...r&&{theme:"auto"},...s&&{language:To},...a&&{disabledLiquiditySources:[]}})}}),"createSettingsSlice");function Va(t){return Bd()(Pd((...e)=>({...Fa(...e),...Ga(...e),...Pa(t,...e)}),{name:"user-settings",skipHydration:!0,partialize:e=>({theme:e.theme,language:e.language,affiliatePercent:e.affiliatePercent,affiliateRef:e.affiliateRef,affiliateWallets:e.affiliateWallets,slippage:e.slippage,customSlippage:e.customSlippage,infiniteApprove:e.infiniteApprove,preferredBlockchains:e.preferredBlockchains,disabledLiquiditySources:e.disabledLiquiditySources})}))}i(Va,"createAppStore");var ja=_d(null);function g(){let t=Dd(ja);if(Fd(()=>{t&&!t.persist.hasHydrated()&&t.persist.rehydrate()},[]),!t)throw new Error("Missing AppStoreContext.Provider in the tree");return t()}i(g,"useAppStore");function Ka(t){let e=Ud();return e.current||(e.current=Va(t.config)),$d.createElement(ja.Provider,{value:e.current},t.children)}i(Ka,"AppStoreProvider");import{create as qd}from"zustand";var Xa="rango-widget";var ko=class{static{i(this,"TabManager")}tabId;state="not-initiated";lastTryClaim;events={};channel;constructor(e){this.channel=new BroadcastChannel(Xa),this.tabId=Math.trunc(Math.random()*1e5),this.events=e}init=()=>{this.initEvents(),this.tryClaim()};forceClaim=()=>{if(!this.isClaimed()){let e={name:"force-claim",candidateId:this.tabId};this.channel.postMessage(e),setTimeout(()=>{this.isClaimed()||this.claim()},300)}};isClaimed=()=>this.state==="claimed";destroy=()=>{this.channel.removeEventListener("message",this.handleMessageEvent),document.removeEventListener("visibilitychange",this.handleVisibilityChange),document.removeEventListener("resume",this.handleResume)};initEvents(){this.channel.addEventListener("message",this.handleMessageEvent),document.addEventListener("visibilitychange",this.handleVisibilityChange),document.addEventListener("resume",this.handleResume)}claimedByCurrentTab(e){let o=this.lastTryClaim&&this.lastTryClaim<e;if(this.isClaimed()||o){let n={name:"pong"};this.channel.postMessage(n);return}}handleMessageEvent=e=>{let o=e.data.name;switch(o){case"ping":this.claimedByCurrentTab(e.data.pingAt);break;case"pong":this.alreadyClaimedByAnotherTab();break;case"force-claim":this.forceRelease(e.data.candidateId);break;case"force-release":this.tabId===e.data.candidateId&&this.claim();break;default:throw new Error(`${o} is not supported.`)}};handleVisibilityChange=async()=>{document.visibilityState==="visible"&&await this.tryClaim()};handleResume=async()=>{this.isClaimed()&&(await this.tryClaim(),this.isClaimed()||this.events.onRelease?.())};alreadyClaimedByAnotherTab(){this.resetLastCheck()}async tryClaim(){return this.setLastCheck(),new Promise(e=>{setTimeout(()=>{this.check(),e()},300)})}check(){this.state==="not-initiated"&&this.events.onInit?.(),this.lastTryClaim?(this.claim(),this.resetLastCheck()):this.state="not-claimed"}claim(){this.state="claimed",this.events.onClaim?.()}setLastCheck(){this.lastTryClaim=Date.now();let e={name:"ping",pingAt:this.lastTryClaim};this.channel.postMessage(e)}resetLastCheck(){this.lastTryClaim=void 0}forceRelease(e){if(this.isClaimed()){this.state="not-claimed",this.events.onRelease?.();let o={name:"force-release",candidateId:e};this.channel.postMessage(o)}}};var ne=Et(qd()((t,e)=>({isActiveTab:!1,tabManagerInitiated:!1,showActivateTabModal:!1,watermark:"NONE",fetchingApiConfig:!1,activateCurrentTab:(o,n)=>{let{showActivateTabModal:r}=e();!r&&n?t({showActivateTabModal:!0}):(r||!n)&&o()},setShowActivateTabModal:o=>{t({showActivateTabModal:o})},setWatermark:o=>{t({watermark:o})}}))),qt=new ko({onInit:()=>ne.setState({tabManagerInitiated:!0}),onClaim:()=>ne.setState({isActiveTab:!0,showActivateTabModal:!1}),onRelease:()=>ne.setState({isActiveTab:!1})});var Cn=Hd({onConnectWallet:()=>{}});function Vd(t){let{updateConfig:e,updateSettings:o,fetch:n}=g(),r=g().blockchains(),s=g().tokens(),a={walletConnectProjectId:t.config?.walletConnectProjectId},{providers:l}=Ba(t.config.wallets,a),{connectWallet:p,disconnectWallet:u}=X(),c=Gd();Ja(()=>{n().catch(console.log)},[]),Ja(()=>{t.config&&(e(t.config),o(t.config))},[t.config]);let h=r.filter(Qd).map(S=>S.name),m=i((S,C,y,f,w)=>{if(C===ei.ACCOUNTS)if(y){let k=ln(w.supportedBlockchains),v=Sa(S,y,h,k,w.isContractWallet);v.length&&p(v,s)}else u(S);if(C===ei.ACCOUNTS&&f.connected){let k=`${S}-${f.network}-${y}`;f.connected&&(c.current?c.current(k):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(C===ei.NETWORK&&f.network){let k=`${S}-${f.network}`;c.current?c.current(k):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(S,C,y,f,w)},"onUpdateState"),d=ne.use.isActiveTab();return Sn.createElement(Cn.Provider,{value:{onConnectWallet:S=>{c.current=S}}},Sn.createElement(zd,{allBlockChains:r,providers:l,onUpdateState:m,autoConnect:!!d},t.children))}i(Vd,"Main");function Tn(t){let{config:e,...o}=t;return Sn.createElement(Ka,{config:e},Sn.createElement(Vd,{...o,config:e}))}i(Tn,"WidgetWallets");import pa,{useEffect as $T}from"react";import{I18nManager as fT}from"@rango-dev/ui";import tn,{useContext as gT,useEffect as hT,useState as td}from"react";import{useQueueManager as Yd}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Jd}from"@rango-dev/wallets-react";import{isEvmBlockchain as Zd}from"rango-types";import Rd,{Fragment as ef}from"react";import{MemoryRouter as tf,useInRouterContext as of}from"react-router";import{useWallets as jd}from"@rango-dev/wallets-react";import{useEffect as Kd,useRef as Xd}from"react";function Ra(){let{connect:t,state:e}=jd(),o=Xd({}),{fetchStatus:n}=g(),r=new URLSearchParams(location.search).get("autoConnect")||"",s=e(r);Kd(()=>{n==="success"&&r&&s.installed&&!s.connecting&&!s.connected&&!o.current[r]&&(o.current[r]=!0,t(r))},[s,n])}i(Ra,"useForceAutoConnect");function el({children:t,...e}){let n=of()?ef:tf,r=g().blockchains(),{canSwitchNetworkTo:s}=Jd();Ra();let a=r.filter(Zd);return Yd({lastConnectedWallet:e.lastConnectedWallet,clearDisconnectedWallet:e.clearDisconnectedWallet,disconnectedWallet:e.disconnectedWallet,evmChains:a,canSwitchNetworkTo:s}),Rd.createElement(n,null,t)}i(el,"AppRouter");import De from"react";import{useRoutes as lT}from"react-router-dom";var P={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",routes:"routes"};import{useEffect as eo,useRef as Wn}from"react";import Lt from"bignumber.js";import{create as pf}from"zustand";import{subscribeWithSelector as uf}from"zustand/middleware";import{getLastSuccessfulStep as lf}from"@rango-dev/queue-manager-rango-preset";import $v from"bignumber.js";import{i18n as at}from"@lingui/core";var ti={"Network Fee":at.t("Network Fee"),"Swapper Fee":at.t("Protocol Fee"),"Affiliate Fee":at.t("Affiliate Fee"),"Outbound network fee":at.t("Outbound Fee"),"Rango Fee":at.t("Rango Fee")},Rw={SPEED:at.t("Fastest Transfer"),NET_OUTPUT:at.t("Maximum Return"),FEE:at.t("Lowest Fee"),PRICE:at.t("Maximum Output"),SMART:at.t("Smart Routing")},oi=["RECOMMENDED","CENTRALIZED","LOWEST_FEE","FASTEST","HIGH_IMPACT"],tl=30;var Wt=(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))(Wt||{});function ol(t,e){return e.find(o=>o.name===t)?.displayName}i(ol,"getBlockchainDisplayNameFor");function Ge(t,e){return e.find(o=>o.name===t)?.shortName}i(Ge,"getBlockchainShortNameFor");function wo(t,e){return e.find(o=>o.id===t)?.swapperGroup}i(wo,"getSwapperDisplayName");function ni(t,e){return e.find(o=>Me(o,t))??null}i(ni,"findToken");function ri(t,e){return e.find(o=>o.name===t)??null}i(ri,"findBlockchain");import{i18n as Ye}from"@lingui/core";import Ne from"bignumber.js";import{PendingSwapNetworkStatus as xn}from"rango-types";function kn(t){let e=[];return t?.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,s=e[e.length-1];n!=s&&e.push(n),s=e[e.length-1],r!=s&&e.push(r)}),e}i(kn,"getRequiredWallets");function wn(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}i(wn,"isValidAddress");import{i18n as be}from"@lingui/core";var Y=i(()=>({genericServerError:be.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:be.t("Please reset your liquidity sources."),description:be.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources.")},noResultError:{title:be.t("No Routes Found."),description:be.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:be.t("Bridge Limit Error: Please increase your amount."),decreaseAmount:be.t("Bridge Limit Error: Please decrease your amount.")},highValueLossError:{impactTitle:be.t("High Price Impact"),title:be.t("Price impact is too high!"),description:be.t("The price impact is significantly higher than the allowed amount. If you are sure, continue, otherwise, change the swap."),confirmMessage:be.t("Confirm high price impact")},quoteUpdatedWithHighValueLoss:{title:be.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:be.t("USD Price Unknown"),title:be.t("USD Price Unknown, Cannot calculate Price Impact."),description:be.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:be.t("Confirm USD Price Unknown")}}),"errorMessages");function nl(t){switch(t.type){case 0:return t.diagnosisMessage??Y().noResultError.title;case 1:return Y().genericServerError;default:return""}}i(nl,"getQuoteErrorMessage");import{i18n as vn}from"@lingui/core";var Qt=i(()=>({connectWallet:vn.t("Connect Wallet"),swap:vn.t("Swap"),swapAnyway:vn.t("Swap anyway"),ethWarning:vn.t("The route goes through Ethereum. Continue?")}),"swapButtonTitles");function rl(t,e){return(parseInt(e.toFixed(2)||"0")<=-10&&t?.gte(new Ne(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new Ne(1e3)))??!1}i(rl,"hasHighValueLoss");function il(t){return(t||[]).filter(e=>{let o=e.fromAmountMinValue?new Ne(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Ne(e.fromAmountMaxValue):null;return e.fromAmountRestrictionType==="EXCLUSIVE"?o?.gte(e.fromAmount)||n?.lte(e.fromAmount):o?.gt(e.fromAmount)||n?.lt(e.fromAmount)}).length>0}i(il,"hasLimitError");function sl(t){let e=(t||[]).filter(l=>{let p=l.fromAmountMinValue?new Ne(l.fromAmountMinValue):null,u=l.fromAmountMaxValue?new Ne(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 Ne(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Ne(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",s="",a="";return!r&&o&&o.gt(e.fromAmount)?(s=Ye.t({id:"Required: >= {min} {symbol}",values:{min:E(o,6,6),symbol:e.from.symbol}}),a=Y().bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(s=Ye.t({id:"Required: > {min} {symbol}",values:{min:E(o,6,6),symbol:e.from.symbol}}),a=Y().bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(s=Ye.t({id:"Required: <= {max} {symbol}",values:{max:E(n,6,6),symbol:e.from.symbol}}),a=Y().bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(s=Ye.t({id:"Required: < {max} {symbol}",values:{max:E(n,6,6),symbol:e.from.symbol}}),a=Y().bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:s,recommendation:a}}i(sl,"getLimitErrorMessage");function al(t){let{fetchMetaStatus:e,anyWalletConnected:o,fetchingQuote:n,inputAmount:r,quote:s,warning:a,error:l,needsToWarnEthOnPath:p}=t;return e!=="success"?{title:Qt().connectWallet,action:"connect-wallet",disabled:!0}:o?n||!s||l||!r||r==="0"?{title:Qt().swap,action:"confirm-swap",disabled:!0}:a?{title:Qt().swapAnyway,action:"confirm-warning",disabled:!1}:p?{title:Qt().ethWarning,action:"confirm-warning",disabled:!1}:{title:Qt().swap,action:"confirm-swap",disabled:!1}:{title:Qt().connectWallet,action:"connect-wallet",disabled:!1}}i(al,"getSwapButtonState");function ii(t,e,o){return!((!o||o.lte(Le))&&t&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t)}i(ii,"canComputePriceImpact");function nf(t){let e=[];return t?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,s=e[e.length-1];n!=s&&e.push(n),s=e[e.length-1],r!=s&&e.push(r)}),e}i(nf,"requiredWallets");var rf=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice");function sf(t,e){let o=Le;for(let n=0;n<t.fee.length;n++){let r=t.fee[n];if(r.expenseType==="DECREASE_FROM_OUTPUT")continue;let s=rf(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new Ne(r.amount).multipliedBy(s||0))}return o}i(sf,"getUsdFeeOfStep");function bn(t,e){return t.reduce((o,n)=>o.plus(sf(n,e)),Le)}i(bn,"getTotalFeeInUsd");function si(t){let e=Le;return e=e.plus(new Ne(t.amount).multipliedBy(t.price||0)),e}i(si,"getUsdFee");function ll(t){return t.reduce((e,o)=>e.plus(si(o)),Le)}i(ll,"getTotalFeesInUsd");function pl(t){return t.reduce((e,o)=>{for(let n of o.fee){let r=n.name,s=n.expenseType!=="DECREASE_FROM_OUTPUT"?e.payable:e.nonePayable;s[r]=[...s[r]||[],n]}return e},{payable:{},nonePayable:{}})}i(pl,"getFeesGroup");function ul(t){let e=new Map;return t.forEach((o,n)=>{o.recommendedSlippage?.error&&e.set(n,o.recommendedSlippage.slippage)}),e.size>0?e:null}i(ul,"checkSlippageErrors");function cl(t,e){let o=new Map;return t?.swaps.forEach((n,r)=>{n.recommendedSlippage?.slippage&&parseFloat(n.recommendedSlippage.slippage)>e&&o.set(r,n.recommendedSlippage.slippage)}),o.size>0?o:null}i(cl,"checkSlippageWarnings");function In(t){return t.map(o=>o.recommendedSlippage)?.map(o=>o?.slippage||"0")?.filter(o=>parseFloat(o)>0)?.sort((o,n)=>parseFloat(n)-parseFloat(o))?.find(()=>!0)||null}i(In,"getMinRequiredSlippage");function ml(t,e){return e?parseFloat(t)>=parseFloat(e):!0}i(ml,"hasProperSlippage");function dl(t){let{fromToken:e,toToken:o,inputAmount:n,wallets:r,selectedWallets:s,disabledLiquiditySources:a,liquiditySources:l,excludeLiquiditySources:p,slippage:u,affiliateRef:c,affiliatePercent:h,affiliateWallets:m,destination:d}=t,S=s?.reduce((f,w)=>(f[w.chain]=w.address,f),{}),C=[];return r?.forEach(f=>{C.push({blockchain:f.chain,addresses:[f.address]})}),{amount:n.toString(),affiliateRef:c??void 0,affiliatePercent:h??void 0,affiliateWallets:m??void 0,from:{address:e.address,blockchain:e.blockchain,symbol:e.symbol},to:{address:o.address,blockchain:o.blockchain,symbol:o.symbol},connectedWallets:C,selectedWallets:S??{},slippage:u.toString(),...d&&{destination:d},...p&&{swapperGroups:a.concat(l??[]),swappersGroupsExclude:!0},...!p&&{swapperGroups:l?.filter(f=>!a.includes(f)),swappersGroupsExclude:!1}}}i(dl,"createQuoteRequestBody");function fl(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}i(fl,"getWalletsForNewSwap");function Zt(t){return t?.outputAmount||null}i(Zt,"getQuoteOutputAmount");function gl(t,e){return new Ne(e).div(new Ne(t)).minus(1).multipliedBy(100).toNumber()}i(gl,"getPercentageChange");function hl(t,e){let o=Zt(t),n=Zt(e);if(!o||!n)return!1;let r=Ve(o,n);return r?r<=-1:!0}i(hl,"isOutputAmountChangedALot");function yl(t,e,o){let n=t.validationStatus,r=Ca(t);return e.sort((a,l)=>r.indexOf(a.chain)-r.indexOf(l.chain)).flatMap(a=>wl(a,n)||[]).filter(a=>!a.ok).map(a=>{let l=a.asset.symbol,p=E(new Ne(a.currentAmount.amount).shiftedBy(-a.currentAmount.decimals),8,8),u=E(new Ne(a.requiredAmount.amount).shiftedBy(-a.requiredAmount.decimals),8,8),c="";return a.reason==="FEE"&&(c=Ye.t(" for network fee")),a.reason==="INPUT_ASSET"&&(c=Ye.t(" for swap")),a.reason==="FEE_AND_INPUT_ASSET"&&(c=Ye.t(" for input and network fee")),Ye.t({id:"Needs \u2248 {requiredAmount} {symbol}{reason}, but you have {currentAmount} {symbol} in your {blockchain} wallet.",values:{requiredAmount:u,symbol:l,reason:c,currentAmount:p,blockchain:Ge(a.asset.blockchain,o)}})})}i(yl,"generateBalanceWarnings");function An(t,e){return(t?new Ne(t):Le).multipliedBy(e||0)}i(An,"calcOutputUsdValue");function vo(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==xn.NetworkChanged}i(vo,"isNetworkStatusInWarningState");function Sl(t,e){let o="bellow button or",n=t.extraMessage,r=t.extraMessageDetail;if(t.networkStatusExtraMessageDetail?.includes(o)&&(t.networkStatusExtraMessageDetail=t.networkStatusExtraMessageDetail.replace(o,"")),vo(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case xn.WaitingForConnectingWallet:n=n||Ye.t("Waiting for connecting wallet");break;case xn.WaitingForQueue:n=n||Ye.t("Waiting for other running tasks to be finished");break;case xn.WaitingForNetworkChange:n=n||Ye.t("Waiting for changing wallet network");break;default:n=n||"";break}r=r||"",n=n||"";let a=n?.indexOf("code")!==-1&&n?.indexOf("reason")!==-1;return{shortMessage:n,detailedMessage:{content:r,long:a}}}i(Sl,"getSwapMessages");function Cl(t){let e=null;if(t.status==="failed"){let o=t.steps.slice().reverse().filter(n=>n.status==="success")[0];o&&(e={blockchain:o.toBlockchain,symbol:o.toSymbol,outputAmount:o.outputAmount,address:o.toSymbolAddress})}return e}i(Cl,"getLastConvertedTokenInFailedSwap");function Tl(t){return t.status==="failed"&&!!t.finishTime&&new Date().getTime()-parseInt(t.finishTime)<4*3600*1e3}i(Tl,"shouldRetrySwap");function kl(t,e,o,n,r,s){return t||!e&&!nf(n).every(a=>r.map(l=>l.chain).includes(a))||!!e&&!o||!!e&&!!o&&s&&!wn(s,o)}i(kl,"confirmSwapDisabled");function En(t){let e=t?.swaps||[];return e[e.length-1].to.usdPrice}i(En,"getQuoteToTokenUsdPrice");function ai(t,e){let o=t?.swaps||[],n=e?.swaps||[];return o.length!==n.length}i(ai,"isNumberOfSwapsChanged");function li(t,e){let o=t?.swaps.map(r=>r.swapperId)||[],n=e?.swaps.map(r=>r.swapperId)||[];return!Zr(o,n)}i(li,"isQuoteSwappersUpdated");function pi(t,e){let o=t?.swaps.map(r=>r.to.symbol)||[],n=e?.swaps.map(r=>r.to.symbol)||[];return!Zr(o,n)}i(pi,"isQuoteInternalCoinsUpdated");function xl(t,e){return ai(t,e)||li(t,e)||pi(t,e)}i(xl,"isQuoteChanged");function wl(t,e){if(e===null)return null;let o=e?.find(n=>n.blockchain===t.chain)?.wallets.find(n=>n.address?.toLowerCase()===t.address.toLowerCase());return o?o.requiredAssets:null}i(wl,"getRequiredBalanceOfWallet");function ht(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}i(ht,"getPriceImpactLevel");function bl(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],s=lf(t.steps),a={blockchain:r.toBlockchain,symbol:r.toSymbol,address:r.toSymbolAddress},l=ri(s?s.toBlockchain:n.fromBlockchain,e),p=ri(r.toBlockchain,e),u=ni(s?{blockchain:l?.name??"",symbol:s.toSymbol,address:s.toSymbolAddress}:{blockchain:l?.name??"",symbol:n.fromSymbol,address:n.fromSymbolAddress},o),c=ni(a,o),h=s?s.outputAmount??"":t.inputAmount;return{fromBlockchain:l,fromToken:u,toBlockchain:p,toToken:c,inputAmount:h}}i(bl,"createRetryQuote");function Rt(t,e){let{fromToken:o,toToken:n,tokens:r,userSlippage:s}=e,a=Ht(o,t.requestAmount),l=Ht(n,t?.outputAmount??"");if(t&&a&&l){let c=Ve(a.toString(),l.toString());if(!!c&&rl(a,c)){let m=bn(t?.swaps,r),d=ht(c);return{type:0,inputUsdValue:a,outputUsdValue:l,priceImpact:c,totalFee:m,warningLevel:d}}}else if(t&&(!a||!l))return{type:1};let p=In(t.swaps),u=s>za;if(ml(e.userSlippage.toString(),p)){if(u&&parseFloat(p??"0")<s)return{type:3,slippage:s.toString()}}else return{type:2,recommendedSlippages:cl(t,s),minRequiredSlippage:p};return null}i(Rt,"generateQuoteWarnings");function Ve(t,e){let o=typeof e=="string"?parseFloat(e)<=0:!e?.gt(0),n=!t||!e||o?null:gl(t.toString(),e.toString());return n&&n<0?n:null}i(Ve,"getPriceImpact");var Il=i(t=>{let e=new Set,o=[];return t.forEach(n=>{e.has(n.from.chain.displayName)||(e.add(n.from.chain.displayName),o.push(n.from.chain)),e.has(n.to.chain.displayName)||(e.add(n.to.chain.displayName),o.push(n.to.chain))}),o},"getUniqueBlockchains"),Al=i((t,e)=>e.sort((o,n)=>{let r=i(u=>u.scores?.find(c=>c.preferenceType===t)?.score??0,"getScore"),s=r(o),a=r(n);if(s!==a)return a-s;let l=o.requestId.toLowerCase(),p=n.requestId.toLowerCase();return l.localeCompare(p)}),"sortQuotesBy"),El=i((t,e,o)=>{if(!e.length)return null;if(!t)return{requestAmount:o,...e[0]};let n=new Set(t.swaps.map(s=>s.swapperId)),r=e.find(s=>{let a=new Set(s.swaps.map(l=>l.swapperId));return Array.from(n).every(l=>a.has(l))});return{requestAmount:o,...r||e[0]}},"getDefaultQuote"),Wl=i(t=>{let e=i((o,n)=>{let r=oi.indexOf(o.value),s=oi.indexOf(n.value);return r!==-1&&s!==-1?r-s:r!==-1?-1:s!==-1?1:0},"customSort");return t.sort(e)},"sortTags");var Ht=i((t,e)=>t?.usdPrice?new Lt(e||Le).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),K=Et(pf()(uf(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new Lt(0),outputUsdValue:new Lt(0),toBlockchain:null,toToken:null,refetchQuote:!0,sortStrategy:"SMART",selectedQuote:null,quotes:null,error:null,warning:null,quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:null,quoteWarningsConfirmed:!1,updateQuotePartialState:(e,o)=>t(n=>({...n,[e]:o})),setSelectedQuote:e=>t(o=>{let n=null,r=Le;return So(o.inputAmount)?(e&&(n=e?.outputAmount?new Lt(e?.outputAmount):null,r=An(e?.outputAmount,En(e)||o.toToken?.usdPrice)),{selectedQuote:e,...!!e&&{outputAmount:n,outputUsdValue:r}}):{}}),resetAlerts:()=>t(()=>({error:null,warning:null})),resetQuote:()=>t(()=>({selectedQuote:null,outputAmount:null,outputUsdValue:new Lt(0),quotes:null,refetchQuote:!0,error:null,warning:null})),setFromBlockchain:e=>{t(o=>o.fromBlockchain?.name===e?.name?{}:{fromBlockchain:e,...o.fromToken&&{selectedQuote: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:Ht(e.token,o.inputAmount)}})),setToBlockchain:e=>{t(o=>o.toBlockchain?.name===e?.name?{}:{toBlockchain:e,...o.toToken&&{selectedQuote: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 Lt(0),outputUsdValue:new Lt(0),selectedQuote:null},...!!o.fromToken&&{inputUsdValue:Ht(o.fromToken,e)}}))},retry:(e,o)=>{let{tokens:n,blockchains:r}=o,{fromBlockchain:s,fromToken:a,toBlockchain:l,toToken:p,inputAmount:u}=bl(e,r,n);t({fromBlockchain:s,fromToken:a,inputAmount:u,outputAmount:null,inputUsdValue:Ht(a??null,u),outputUsdValue:new Lt(0),toBlockchain:l,toToken:p,selectedQuote:null})},switchFromAndTo:()=>t(e=>({fromBlockchain:e.toBlockchain,fromToken:e.toToken,toBlockchain:e.fromBlockchain,toToken:e.fromToken,inputAmount:e.outputAmount?.toString()||"",inputUsdValue:Ht(e.toToken,e.outputAmount?.toString()||"")})),resetFromBlockchain:()=>t(()=>({fromToken:null,fromBlockchain:null,outputAmount:null,outputUsdValue:null,selectedQuote:null})),resetToBlockchain:()=>t(()=>({toToken:null,toBlockchain:null,outputAmount:null,outputUsdValue:null,selectedQuote:null})),setQuoteWalletConfirmed:e=>t({quoteWalletsConfirmed:e}),setSelectedWallets:e=>t({selectedWallets:e}),setCustomDestination:e=>t({customDestination:e}),resetQuoteWallets:()=>t({quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:null}),setQuoteWarningsConfirmed:e=>t({quoteWarningsConfirmed:e})}))));function Ll(){let{setInputAmount:t,setToToken:e,setToBlockchain:o,setFromBlockchain:n,setFromToken:r,fromToken:s,toToken:a,fromBlockchain:l,toBlockchain:p}=K(),u=g().config,c=g().fetchStatus,h=g().blockchains(),m=g().tokens(),{setAffiliateRef:d,setAffiliatePercent:S,setAffiliateWallets:C}=g(),y=u?.from?.tokens,f=u?.from?.blockchains,w=u?.to?.tokens,k=u?.to?.blockchains,v=Wn(void 0),I=Wn(void 0),A=Wn(void 0),T=Wn(void 0);eo(()=>{t(u?.amount?.toString()||"")},[u?.amount]),eo(()=>{if(c==="success"){let x=h.find(M=>M.name===u?.from?.blockchain),L=m.find(M=>Me(M,u?.from?.token||null));(x||!x&&A.current)&&n(x??null),L?r({token:L,meta:{blockchains:h,tokens:m}}):!L&&v.current&&r({token:null}),A.current=u?.from?.blockchain,v.current=u?.from?.token}},[u?.from?.token?.symbol,u?.from?.token?.address,u?.from?.token?.blockchain,u?.from?.blockchain,c]),eo(()=>{Co(s,y)&&r({token:null}),Yr(l,f)&&n(null)},[y,f]),eo(()=>{Co(a,w)&&r({token:null}),Yr(p,k)&&o(null)},[w,k]),eo(()=>{if(c==="success"){let x=h.find(M=>M.name===u?.to?.blockchain),L=m.find(M=>Me(M,u?.to?.token||null));(x||!x&&T.current)&&o(x??null),L?e({token:L,meta:{blockchains:h,tokens:m}}):!L&&I.current&&e({token:null}),T.current=u?.to?.blockchain,I.current=u?.to?.token}},[u?.to?.token?.symbol,u?.to?.token?.address,u?.to?.token?.blockchain,u?.to?.blockchain,c]),eo(()=>{d(u?.affiliate?.ref??null),S(u?.affiliate?.percent??null),C(u?.affiliate?.wallets??null)},[u?.affiliate?.ref,u?.affiliate?.percent,u?.affiliate?.wallets])}i(Ll,"useSyncStoresWithConfig");import{useEffect as mi,useRef as cf}from"react";import{useInRouterContext as mf,useLocation as df,useSearchParams as ff}from"react-router-dom";function ui(t,e,o){return o&&t.find(n=>{let r=e?.split("--");return r?.length===1?n.symbol===r[0]&&n.address===null&&n.blockchain===o.name:n.symbol===r?.[0]&&n.address===r?.[1]&&n.blockchain===o.name})||null}i(ui,"searchParamToToken");function ci(t){if(t)return`${t.symbol}${t.address?`--${t.address}`:""}`}i(ci,"tokenToSearchParam");function di(){let t=df(),[e,o]=ff(),{fromBlockchain:n,toBlockchain:r,fromToken:s,toToken:a,inputAmount:l,setFromBlockchain:p,setToBlockchain:u,setFromToken:c,setToToken:h,setInputAmount:m}=K(),d=g().fetchStatus,S=g().blockchains(),C=g().tokens(),y=mf(),{updateIframe:f,updateCampaignMode:w}=g(),k=g().isInCampaignMode(),v=cf(),I=i(()=>{let T=e.get("fromAmount"),x=e.get("fromBlockchain"),L=e.get("fromToken"),M=e.get("toBlockchain"),D=e.get("toToken"),V=e.get("autoConnect"),J=e.get("clientUrl"),oe=e.get("liquiditySources");return{fromAmount:T,fromBlockchain:x,fromToken:L,toBlockchain:M,toToken:D,autoConnect:V,clientUrl:J,liquiditySources:oe}},"getUrlSearchParams"),A=i(T=>{for(let x in T)T[x]||delete T[x];o(T,{replace:!0})},"updateUrlSearchParams");mi(()=>{let{autoConnect:T,clientUrl:x}=I();y&&d==="success"&&A({fromBlockchain:n?.name,fromToken:ci(s),toBlockchain:r?.name,toToken:ci(a),fromAmount:l,autoConnect:T??void 0,clientUrl:x??void 0,liquiditySources:k?v.current:void 0})},[t.pathname,l,n,s,r,a,k]),mi(()=>{if(!y)return;let T=I();if(!v.current&&T.liquiditySources&&(v.current=T.liquiditySources),T.fromAmount&&m(T.fromAmount),d==="success"){let x=S.find(V=>V.name===T.fromBlockchain),L=ui(C,T.fromToken,x??null),M=S.find(V=>V.name===T.toBlockchain),D=ui(C,T.toToken,M??null);x&&(p(x),L&&c({token:L,meta:{blockchains:S,tokens:C}})),M&&(u(M),D&&h({token:D,meta:{blockchains:S,tokens:C}}))}},[d]),mi(()=>{let{clientUrl:T,liquiditySources:x}=I();f("clientUrl",T||void 0),w("liquiditySources",x?.split(",")??void 0)},[])}i(di,"useSyncUrlAndStore");import{i18n as gr}from"@lingui/core";import{useManager as Rh}from"@rango-dev/queue-manager-react";import{Alert as Ru,Button as ey,css as as,Divider as ss,IconButton as ec,SettingsIcon as ty,styled as oy,Tooltip as ny,Typography as ry,WalletIcon as iy}from"@rango-dev/ui";import ce,{useEffect as Oo,useLayoutEffect as sy,useRef as ay,useState as hr}from"react";import{flushSync as ly}from"react-dom";import{useLocation as py,useNavigate as uy}from"react-router-dom";import{i18n as pt}from"@lingui/core";import{Alert as Ui,BalanceErrors as Hg,Button as _p,ChevronDownIcon as Gg,ChevronLeftIcon as Vg,Divider as so,MessageBox as jg,Typography as Zn,WalletIcon as Kg}from"@rango-dev/ui";import $,{useEffect as Xg,useState as ao}from"react";import{useNavigate as Yg}from"react-router-dom";import{i18n as Ln}from"@lingui/core";function Mn(t){switch(t.type){case 0:return Ln.t("Route has been updated.");case 3:return Ln.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return Ln.t("Route swappers has been updated.");case 2:return Ln.t("Route internal coins has been updated.");default:return""}}i(Mn,"getQuoteUpdateWarningMessage");import{Modal as hf}from"@rango-dev/ui";import yf from"react";function le(t){let{watermark:e}=ne();return yf.createElement(hf,{hasWatermark:e==="FULL",...t},t.children)}i(le,"WatermarkedModal");import $n,{useRef as Tf}from"react";import*as to from"@radix-ui/react-collapsible";import{keyframes as Ml,styled as Nn}from"@rango-dev/ui";var fi=300,Sf=Ml({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),Cf=Ml({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),Nl=Nn(to.Root,{borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),gi=Nn(to.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit",cursor:"pointer"}),Bn=Nn(to.Content,{overflow:"hidden",variants:{open:{true:{animation:`${Sf} ${fi}ms ease-out`},false:{animation:`${Cf} ${fi}ms ease-out`}}}}),Pn=Nn("div",{transition:`all ${fi}ms ease`,display:"flex",alignItems:"center",variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}});function _n(t){let{open:e,hasSelected:o,onOpenChange:n,children:r,onClickTrigger:s,trigger:a,triggerAnchor:l}=t,p=Tf(null);return $n.createElement(Nl,{ref:p,className:"collapsible_root",selected:o&&e,open:e,onOpenChange:n},l==="top"&&$n.createElement(gi,{className:"collapsible_trigger",onClick:s},a),$n.createElement(Bn,{className:"collapsible_content",open:e},r),l==="bottom"&&$n.createElement(gi,{className:"collapsible_trigger",onClick:s},a))}i(_n,"CustomCollapsible");import{Button as kf,css as Bl,darkTheme as oo,IconButton as wf,styled as je,TextField as vf}from"@rango-dev/ui";var Pl=je("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),$l=je("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),xf=je("button",{borderRadius:"$xm",padding:"$10",border:"0",display:"flex",justifyContent:"center",$$color:"$colors$neutral100",[`.${oo} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",alignItems:"center",cursor:"pointer",width:110,position:"relative","&:hover":{$$color:"$colors$info100",[`.${oo} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$color:"$colors$info100",[`.${oo} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color",outline:0},variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary",outlineStyle:"solid"}}}}),_l=je(xf,{alignSelf:"stretch",minHeight:"93px"}),Dl=je("div",{padding:"$20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),Fl=je(wf,{position:"absolute",left:"$20"}),Ul=je("div",{paddingTop:"$20"}),Ol=Bl({display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),ql=je("div",{padding:"$10 $0","& .button__content":{display:"flex",alignItems:"center"},"& .alarms":{paddingTop:"$5"},"& .collapsible_content":{backgroundColor:"$neutral100"},"& .collapsible_root":{backgroundColor:"$neutral200"}}),zl=Bl({paddingTop:"$5"}),Ql=je("div",{display:"flex"}),Hl=je(vf,{backgroundColor:"$neutral100",padding:"$0 $15 $15 $15"}),Gl=je("div",{overflow:"visible",width:"100%"}),Vl=je(kf,{width:"100%",borderRadius:"$sm !important",padding:"$15 !important",justifyContent:"space-between",alignItems:"center",$$color:"$colors$neutral100",[`.${oo} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color","&:hover":{$$color:"$colors$info100",[`.${oo} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$background:"$colors$info100",[`.${oo} &`]:{$$background:"$colors$info700"},backgroundColor:"$$background",outline:0}});import{i18n as Ze}from"@lingui/core";import{Button as Og,Divider as Di,Image as qg,MessageBox as Jn,SelectableWallet as zg,Typography as Np,WalletState as Bp}from"@rango-dev/ui";import pe,{useEffect as Pp,useState as Eo}from"react";import{WalletState as hi}from"@rango-dev/ui";import{useWallets as bf}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as If,WalletTypes as Dn}from"@rango-dev/wallets-shared";import{useCallback as Af,useEffect as Ef,useState as Wf}from"react";var Lf=Object.values(Dn);function Fn(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:s,disconnect:a,getWalletInfo:l,connect:p}=bf(),{connectedWallets:u}=X(),c=g().blockchains(),h=Na(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||Lf,m=ya(s,l,h,o),d=xa(m),[S,C]=Wf(""),y=i(I=>!u.find(A=>A.walletType===I&&A.chain===o),"isExperimentalChainNotAdded"),f=i(async I=>{let A=s(I);try{if(S&&C(""),A.connected)await a(I);else{let T=!!m.find(x=>x.state===hi.CONNECTED);if(!e?.multiWallets&&T)return;n?.(I),await p(I),r?.(I)}}catch(T){C("Error: "+T?.message)}},"handleClick"),w=Af(()=>{let I=m?.filter(A=>A.state===hi.CONNECTING)||[];for(let A of I)a(A.type)},[Aa(m)]);Ef(()=>()=>{w()},[]);let k=i(I=>I.filter(T=>T.state!=hi.NOT_INSTALLED&&![Dn.DEFAULT,Dn.WALLET_CONNECT_2].includes(T.type)&&l(T.type).supportedChains.filter(x=>x.type=="EVM").length>0).length==0,"shouldShowDefaultInjectedWallet"),v=i((I,A,T)=>un(T,A)&&y(I)&&!If.includes(I)||I==Dn.DEFAULT&&!k(m),"shouldExcludeWallet");return{list:d.filter(I=>!v(I.type,o??"",c)),error:S,handleClick:f,disconnectConnectingWallets:w}}i(Fn,"useWalletList");import{i18n as bp}from"@lingui/core";import{styled as Ap,Typography as Bg,Wallet as Pg,WalletState as $g}from"@rango-dev/ui";import io,{useState as Ip}from"react";import{useManager as vg}from"@rango-dev/queue-manager-react";import{BottomLogo as xg,Divider as yp,Header as bg}from"@rango-dev/ui";import fe,{useEffect as Sp,useRef as Cp}from"react";import{useRef as Mf}from"react";function Un(){return window.self!==window.top}i(Un,"isAppLoadedIntoIframe");function yi(){let t=Mf(null),{iframe:e}=g(),o=Un()&&e.clientUrl,n=i(a=>{o&&window.top?.postMessage(a,e.clientUrl)},"send");return{send:n,connectHeightObserver:i(a=>{t.current=new ResizeObserver(l=>{for(let p of l)n({type:"widget_height",data:{height:p.contentRect.height}})}),t.current.observe(a)},"connectHeightObserver"),disconnectHeightObserver:i(()=>{t.current&&(t.current.disconnect(),t.current=null)},"disconnectHeightObserver")}}i(yi,"useIframe");import{useNavigate as Nf}from"react-router-dom";function lt(){let t=Nf();return()=>t(-1)}i(lt,"useNavigateBack");import{createTheme as ki,darkTheme as Df,lightTheme as Ff}from"@rango-dev/ui";import{useEffect as Yl,useState as Uf}from"react";import{theme as $f,darkColors as _f}from"@rango-dev/ui";var jl=i((t,e)=>{t=t.replace(/^#/,""),t.length===3&&(t=t[0]+t[0]+t[1]+t[1]+t[2]+t[2]);let[s,a,l]=t.match(/.{2}/g);[s,a,l]=[parseInt(s,16)+e,parseInt(a,16)+e,parseInt(l,16)+e],s=Math.max(Math.min(255,s),0).toString(16),a=Math.max(Math.min(255,a),0).toString(16),l=Math.max(Math.min(255,l),0).toString(16);let p=(s.length<2?"0":"")+s,u=(a.length<2?"0":"")+a,c=(l.length<2?"0":"")+l;return`#${p}${u}${c}`},"colorShade"),On=i((t,e)=>{let a={[t]:e};for(let l=1;l<10;l++)l<5&&(a={...a,[t+l*100]:jl(e,(5-l)*25)}),l===5&&(a={...a,[t+l*100]:e}),l>5&&(a={...a,[t+l*100]:jl(e,-((l-5)*25))});return a},"generateRangeColors"),Si=i((t,e,o)=>{if(!o||!Object.entries(o).length)return{};let n=!1,r={...t};for(let s in o){let a=o[s];if(a&&a!==t[s])if(n=!0,s==="background"||s==="foreground")r={...r,[s]:a};else if(s==="neutral"&&e){let l=On(s,a);r={...r,[`${s}100`]:l[`${s}900`],[`${s}200`]:l[`${s}800`],[`${s}300`]:l[`${s}700`],[`${s}400`]:l[`${s}600`],[`${s}500`]:l[`${s}500`],[`${s}600`]:l[`${s}400`],[`${s}700`]:l[`${s}300`],[`${s}800`]:l[`${s}200`],[`${s}900`]:l[`${s}100`]}}else r={...r,...On(s,a)}}return n?r:{}},"generateColors");var Kl=i(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),Bf=i(t=>{let e="",o;for(o=Math.abs(t);o>52;o=o/52|0)e=Kl(o%52)+e;return Kl(o%52)+e},"toAlphabeticName"),Pf=i((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),Ci=i(t=>Bf(Pf(5381,JSON.stringify(t))>>>0),"toHash");function Ti(t){let e=$f.colors,o=Si({...e,..._f},!0,t?.dark),n=Si(e,!1,t?.light),r=Object.keys(o).length>0,s=Object.keys(n).length>0,a,l;if(s){let p={colors:n};a={id:`${Xr}-light-${Ci(p)}`,tokens:p}}if(r){let p={colors:o};l={id:`${Xr}-dark-${Ci(p)}`,tokens:p}}return{light:a,dark:l}}i(Ti,"customizedThemeTokens");function Xl(t,e){if(t.length<=1)return t;let o=[];return t.forEach((n,r)=>{o.push(n),r<t.length-1&&o.push(e)}),o}i(Xl,"joinList");function qn(t){let{colors:e,fontFamily:o=Ma,borderRadius:n=Wa,secondaryBorderRadius:r=La,mode:s="auto"}=t,[a,l]=Uf("light"),{setTheme:p,theme:u}=g(),{dark:c,light:h}=Ti(e),m=ki({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),d=[m.className,Ff.className],S=[m.className,Df.className];if(h){let y=ki(h.id,h.tokens);d.push(y.className)}if(c){let y=ki(c.id,c.tokens);S.push(y.className)}return Yl(()=>{let y=i(f=>{f.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",y),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",y)}},[]),Yl(()=>{s!=="auto"&&p(s)},[s]),{activeTheme:i(()=>{let y=d.join(" "),f=S.join(" ");return u==="auto"?a==="dark"?f:y:u==="dark"?f:y},"getActiveTheme")}}i(qn,"useTheme");var Mt=i(t=>{let e=[];return t?.getAll().forEach((o,n)=>{let r=o.list.getStorage();r?.swapDetails&&e.push({id:n,swap:r?.swapDetails})}),e.sort((o,n)=>Number(n.swap.creationTime)-Number(o.swap.creationTime))},"getPendingSwaps");import{i18n as Jl}from"@lingui/core";import{Alert as Of,Button as qf}from"@rango-dev/ui";import Zl from"react";function wi(t){return Zl.createElement(Of,{action:Zl.createElement(qf,{onClick:t.onActivateTab,variant:"contained",size:"xxsmall",type:"warning"},Jl.t("Activate")),type:"warning",variant:"alarm",title:Jl.t("Another tab is open and handles transactions. You can activate this tab.")})}i(wi,"ActivateTabAlert");import{i18n as vi}from"@lingui/core";import{Button as zf,Divider as Qf,MessageBox as Hf}from"@rango-dev/ui";import zn from"react";function xi(t){let{open:e,onClose:o,onConfirm:n}=t;return zn.createElement(le,{open:e,dismissible:!0,onClose:o,container:N()},zn.createElement(Hf,{title:vi.t("Activate current tab"),type:"warning",description:vi.t("Currently, some transactions are running and being handled by other browser tab. If you activate this tab, all transactions that are already in the transaction sign step will expire.")},zn.createElement(Qf,{size:20}),zn.createElement(zf,{variant:"contained",size:"large",type:"primary",fullWidth:!0,onClick:n},vi.t("Confirm"))))}i(xi,"ActivateTabModal");import{ChevronLeftIcon as jf}from"@rango-dev/ui";import op from"react";import{darkTheme as Gf,IconButton as Vf,styled as xo}from"@rango-dev/ui";var Ke=xo(Vf,{width:"$24",position:"relative",padding:"0",overflow:"unset"}),Rl=xo("div",{position:"absolute",background:"$secondary500",[`.${Gf} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),no=xo("div",{display:"flex",justifyContent:"flex-end",minWidth:"$40",button:{padding:0}}),ep=xo("div",{position:"absolute",backgroundColor:"$secondary500",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0"}),tp=xo("div",{padding:"$2",variants:{isRefetched:{true:{transform:"rotate(360deg)",transition:"transform 1s ease-in-out"}}}});function bi(t){return op.createElement(Ke,{variant:"ghost",size:"small",onClick:t.onClick},op.createElement(jf,{color:"black",size:16}))}i(bi,"BackButton");import{i18n as Kf}from"@lingui/core";import{Button as Xf,Typography as Yf}from"@rango-dev/ui";import Ii from"react";function Ai(t){return Ii.createElement(no,null,Ii.createElement(Xf,{variant:"ghost",onClick:t.onClick,size:"xsmall"},Ii.createElement(Yf,{variant:"label",size:"medium",color:"error500"},Kf.t("Cancel"))))}i(Ai,"CancelButton");import{i18n as Jf}from"@lingui/core";import{Tooltip as Zf,WalletIcon as Rf}from"@rango-dev/ui";import Qn from"react";function Ei(t){return Qn.createElement(Zf,{container:t.container,side:"top",content:Jf.t("Connect Wallet")},Qn.createElement(Ke,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&Qn.createElement(Rl,null),Qn.createElement(Rf,{size:18,color:"black"})))}i(Ei,"WalletButton");import{i18n as jn}from"@lingui/core";import{NotificationsIcon as Cg,Popover as Tg,SettingsIcon as kg,Tooltip as Kn,TransactionIcon as wg}from"@rango-dev/ui";import ve from"react";import{i18n as ag}from"@lingui/core";import{EventSeverity as lg}from"@rango-dev/queue-manager-rango-preset";import{ChainToken as lp,ChevronRightIcon as pg,ListItemButton as ug,Typography as cg}from"@rango-dev/ui";import Je from"react";import{useNavigate as mg}from"react-router-dom";import{create as eg}from"zustand";import{persist as tg,subscribeWithSelector as og}from"zustand/middleware";var Oe=Et(eg()(tg(og((t,e)=>({notifications:[],setNotification:(o,n)=>{let r=n.steps[0],s=n.steps[n.steps.length-1],a={event:o,creationTime:Date.now(),read:!1,requestId:n.requestId,route:{from:{blockchain:r.fromBlockchain,address:r.fromSymbolAddress,symbol:r.fromSymbol},to:{blockchain:s.toBlockchain,address:s.toSymbolAddress,symbol:s.toSymbol}}},l=e().notifications.filter(p=>p.requestId!==n.requestId);t(()=>({notifications:[...l,a]}))},setAsRead:o=>{t(n=>({notifications:n.notifications.map(r=>r.requestId===o?{...r,read:!0}:r)}))},getUnreadNotifications:()=>e().notifications.filter(o=>!o.read)})),{name:"notification",skipHydration:!0})));import{styled as Hn}from"@rango-dev/ui";var np=Hn("div",{padding:"$10",width:"350px",maxWidth:"90vw",minHeight:"150px"}),rp=Hn("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),ip=Hn("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),sp=Hn("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as ng}from"@lingui/core";import{Divider as rg,NoNotificationIcon as ig,Typography as sg}from"@rango-dev/ui";import Gn from"react";function ap(){return Gn.createElement(sp,null,Gn.createElement(ig,{color:"secondary",size:26}),Gn.createElement(rg,{size:12}),Gn.createElement(sg,{variant:"body",size:"medium",color:"neutral700"},ng.t("There are no notifications.")))}i(ap,"NotificationNotFound");var dg=4;function Wi(){let t=mg(),{getUnreadNotifications:e}=Oe(),o=e(),n=g().blockchains(),r=g().tokens(),s=o.sort((l,p)=>p.creationTime-l.creationTime).slice(0,dg),a=i(l=>{t(`${P.swaps}/${l}`)},"handleOnClick");return Je.createElement(np,null,s.length?Je.createElement(rp,null,s.map(l=>{let{route:p,requestId:u,event:c}=l,h=r.find(C=>Me(C,p.from)),m=n.find(C=>C.name===p.from.blockchain),d=r.find(C=>Me(C,p.to)),S=n.find(C=>C.name===p.to.blockchain);return Je.createElement(ug,{key:u,onClick:()=>a(u),title:Je.createElement(cg,{variant:"body",size:"small",color:c.messageSeverity===lg.WARNING?"$foreground":"$neutral700"},ag.t(c.message)),id:u,start:Je.createElement(ip,null,Je.createElement("div",{className:"from-chain-token"},Je.createElement(lp,{tokenImage:h?h.image:"",chainImage:m?m.logo:"",size:"small"})),Je.createElement("div",{className:"to-chain-token"},Je.createElement(lp,{tokenImage:d?d.image:"",chainImage:S?S.logo:"",size:"small"}))),end:Je.createElement(pg,{size:12,color:"gray"})})})):Je.createElement(ap,null))}i(Wi,"NotificationContent");import{RefreshProgressButton as fg}from"@rango-dev/ui";import Li,{useEffect as gg,useState as pp}from"react";var hg=1e3,up=60,yg=100;function Vn({onClick:t}){let[e,o]=pp(0),[n,r]=pp(!1),s=i(p=>{document.hidden&&p&&a(p)},"handleVisibilityChange");gg(()=>{let p;return t?p=window.setInterval(()=>{o(u=>u+1),e===up&&l()},hg):a(p),document.addEventListener("visibilitychange",()=>s(p)),()=>{document.removeEventListener("visibilitychange",()=>s(p)),p&&clearInterval(p)}},[e,t]);let a=i(p=>{p&&clearInterval(p),o(0)},"clearTimeout"),l=i(()=>{t?.(),o(0),r(!0)},"handleRefreshClick");return Li.createElement(Ke,{variant:"ghost",size:"small",onClick:l,disabled:!t},Li.createElement(tp,{onTransitionEnd:()=>r(!1),isRefetched:n},Li.createElement(fg,{size:24,color:t?"black":"gray",progress:e/up*yg})))}i(Vn,"RefreshButton");import{Typography as Sg}from"@rango-dev/ui";import cp from"react";function mp(){let{getUnreadNotifications:t}=Oe(),e=t().length;return e?cp.createElement(ep,null,cp.createElement(Sg,{variant:"body",size:"xsmall",color:"$background"},e)):null}i(mp,"UnreadNotificationsBadge");function bo(t){let{onClickRefresh:e,onClickHistory:o,onClickSettings:n,hidden:r=[]}=t,{config:{features:s}}=g(),a=He("notification",s)||r.includes("notifications");return ve.createElement(ve.Fragment,null,!r.includes("refresh")&&ve.createElement(Kn,{container:N(),side:"top",content:jn.t("Refresh")},ve.createElement(Vn,{onClick:e})),!a&&ve.createElement(Tg,{align:"end",alignOffset:-88,collisionPadding:{right:20,left:20},container:N(),content:ve.createElement(Wi,null)},ve.createElement("div",null,ve.createElement(Kn,{container:N(),side:"top",content:jn.t("Notifications")},ve.createElement(Ke,{size:"small",variant:"ghost"},ve.createElement(Cg,{size:18,color:"black"}),ve.createElement(mp,null))))),!r.includes("settings")&&ve.createElement(Kn,{container:N(),side:"top",content:jn.t("Settings")},ve.createElement(Ke,{size:"small",variant:"ghost",onClick:n},ve.createElement(kg,{size:18,color:"black"}))),!r.includes("history")&&ve.createElement(Kn,{container:N(),side:"top",content:jn.t("Transactions History")},ve.createElement(Ke,{size:"small",variant:"ghost",onClick:o},ve.createElement(wg,{size:18,color:"black"}))))}i(bo,"HeaderButtons");function Mi(t){let e=t.target;if(e){let o=e.scrollTop,n=N();o>1?n.classList.add("rng-scrolled"):n.classList.remove("rng-scrolled")}}i(Mi,"onScrollContentAttachStatusToContainer");import{styled as Ni}from"@rango-dev/ui";var dp="700px",fp=Ni("div",{position:"relative",display:"flex",flexDirection:"column",borderRadius:"$primary",width:"100vw",minWidth:"300px",maxWidth:"390px",boxShadow:"15px 15px 15px 0px rgba(0, 0, 0, 0.05)",overflow:"hidden",backgroundColor:"$background",variants:{height:{auto:{height:"auto",maxHeight:dp},fixed:{height:dp}}}}),gp=Ni("div",{position:"relative",overflow:"hidden",flexGrow:1,display:"flex",flexDirection:"column",padding:0,overflowY:"auto"}),hp=Ni("div",{padding:"0 $20 $10","& .footer__logo":{opacity:0,transition:"opacity 1s ease-in-out","&.logo__show":{opacity:1},"&.logo__hidden":{visibility:"hidden"}}});function te(t){let{connectHeightObserver:e,disconnectHeightObserver:o}=yi(),{children:n,header:r,footer:s,height:a="fixed"}=t,l=X.use.connectedWallets(),{config:{features:p,theme:u}}=g(),{watermark:c}=ne(),h=c==="FULL",{activeTheme:m}=qn(u||{}),d=He("connectWalletButton",p),{isActiveTab:S,tabManagerInitiated:C,showActivateTabModal:y,setShowActivateTabModal:f,activateCurrentTab:w}=ne(),k=lt(),{manager:v}=vg(),A=Mt(v).map(({swap:V})=>V).some(V=>V.status==="running"),T=i(()=>w(qt.forceClaim,A),"onActivateTab"),x=i(()=>{r.onWallet?.()},"onConnectWallet"),L=typeof r.hasBackButton>"u"||r.hasBackButton,M=Cp(null),D=Cp(null);return Sp(()=>(Un()&&D.current&&e(D.current),()=>{o()}),[]),Sp(()=>(M.current?.addEventListener("scroll",Mi),()=>{M.current?.removeEventListener("scroll",Mi)}),[]),fe.createElement(fp,{height:a,id:We.SWAP_BOX_ID,className:m(),ref:D},fe.createElement(bg,{prefix:fe.createElement(fe.Fragment,null,L&&fe.createElement(bi,{onClick:()=>{k(),r.onBack&&r.onBack()}})),title:r.title,suffix:fe.createElement(fe.Fragment,null,r.suffix,r.onWallet&&!d&&fe.createElement(Ei,{container:N(),onClick:x,isConnected:!!l?.length}),r.onCancel&&fe.createElement(Ai,{onClick:r.onCancel}))}),fe.createElement(gp,{ref:M},n),fe.createElement(xi,{open:y,onClose:()=>f(!1),onConfirm:T}),fe.createElement(hp,null,fe.createElement("div",{className:"footer__content"},s,C&&!S&&fe.createElement(fe.Fragment,null,fe.createElement(yp,{size:12}),fe.createElement(wi,{onActivateTab:T}))),fe.createElement(yp,{size:12}),fe.createElement("div",{className:`footer__logo ${h?"logo__show":"logo__hidden"}`},fe.createElement(xg,null))))}i(te,"Layout");import{styled as Ig}from"@rango-dev/ui";var Tp="$20 $20 $10 $20",Io=Ig("div",{padding:Tp,overflowY:"auto",flexGrow:1});import{styled as Ag}from"@rango-dev/ui";var se=Ag("div",{display:"flex",flexDirection:"column",padding:"20px 20px 10px",flexGrow:1,variants:{view:{true:{flexGrow:1,overflow:"hidden"}},compact:{true:{padding:0}}}});import{Divider as Ng}from"@rango-dev/ui";import Pi from"react";import{i18n as ro}from"@lingui/core";import{Image as Lg,MessageBox as Bi,WalletState as Mg}from"@rango-dev/ui";import Gt from"react";import{keyframes as Eg,styled as Xn}from"@rango-dev/ui";var HA=Xn("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),kp=Xn("div",{position:"relative"}),Wg=Eg({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),wp=Xn("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Wg} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),vp=Xn("div",{"& img":{borderRadius:"50%"}});function xp(t){let{state:e,image:o,error:n}=t;return e===Mg.CONNECTED?Gt.createElement(Bi,{type:"success",title:ro.t("Wallet Connected"),description:ro.t("Your wallet is connected, you can use it to swap.")}):n?Gt.createElement(Bi,{type:"error",title:ro.t("Failed to Connect"),description:n||ro.t("Your wallet is not connected. Please try again.")}):Gt.createElement(Bi,{type:"loading",title:ro.t("Connecting to your wallet"),description:ro.t("Click connect in your wallet popup."),icon:Gt.createElement(kp,null,Gt.createElement(vp,null,Gt.createElement(Lg,{src:o,size:45})),Gt.createElement(wp,null))})}i(xp,"ModalContent");function Ao(t){let{open:e,onClose:o,...n}=t;return Pi.createElement(le,{open:e,onClose:o,container:document.getElementById(We.SWAP_BOX_ID)||document.body},Pi.createElement(xp,{...n}),Pi.createElement(Ng,{direction:"vertical",size:32}))}i(Ao,"WalletModal");var _g=Ap("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),Dg=Ap(se,{textAlign:"center"}),Yn=3e3,$i=300;function Ep(){let{config:t,fetchStatus:e}=g(),[o,n]=Ip(!1),[r,s]=Ip(""),a=null,l=ne.use.isActiveTab(),{list:p,handleClick:u,error:c,disconnectConnectingWallets:h}=Fn({config:t,onBeforeConnect:y=>{a=setTimeout(()=>{n(!0),s(y)},$i)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},Yn)}}),m=i(()=>{h(),n(!1)},"handleCloseWalletModal"),d=p.find(y=>y.type===r),S=d?.image||"",C=d?.state||$g.NOT_INSTALLED;return io.createElement(te,{header:{title:bp.t("Connect Wallets")}},io.createElement(Dg,null,io.createElement(Bg,{variant:"title",size:"xmedium",align:"center"},bp.t("Choose a wallet to connect.")),io.createElement(_g,null,p.map((y,f)=>{let w=`wallet-${f}-${y.type}`;return io.createElement(Pg,{key:w,...y,container:N(),onClick:k=>{u(k)},isLoading:e==="loading",disabled:!l})}),io.createElement(Ao,{open:!!o,onClose:m,image:S,state:C,error:c}))))}i(Ep,"WalletsPage");import{keyframes as Fg,styled as _i}from"@rango-dev/ui";var Wp=_i("div",{position:"relative"}),Ug=Fg({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),Lp=_i("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Ug} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),Mp=_i("div",{"& img":{borderRadius:"50%"}});var Qg=7;function Fi(t){let{chain:e,isSelected:o,selectWallet:n,limit:r,onShowMore:s}=t,{config:a}=g(),l=ne.use.isActiveTab(),p=X.use.connectedWallets(),{blockchains:u}=g(),[c,h]=Eo(""),[m,d]=Eo(null),[S,C]=Eo(!1),[y,f]=Eo(null),{suggestAndConnect:w}=$p(),k=null,{list:v,error:I,handleClick:A,disconnectConnectingWallets:T}=Fn({config:a,chain:e,onBeforeConnect:b=>{k=setTimeout(()=>{h(b)},$i)},onConnect:()=>{k&&clearTimeout(k),setTimeout(()=>{h("")},Yn)}}),[x,L]=Eo(v),M=v.length,D=r&&M-r>0,V=i(async b=>{C(!1),f("in-progress");try{await w(b.walletType,b.chain),f("completed")}catch{f("rejected")}},"addExperimentalChain");Pp(()=>{L(b=>{let W=v.findIndex(q=>o(q.type,e));return D&&W>1?[v[W]].concat(v.filter((q,F)=>F!==W)):b.map(q=>v.find(F=>F.type===q.type)??q)})},[JSON.stringify(v)]);let J=document.getElementById(We.SWAP_BOX_ID);Pp(()=>{let b=null;return(y==="completed"||y==="rejected")&&(b=setTimeout(()=>f(null),Yn)),()=>{b&&clearTimeout(b)}},[y]);let oe=i(()=>{T(),h("")},"handleCloseWalletModal");return pe.createElement(pe.Fragment,null,x.slice(0,r).map(b=>{let W=ba({connectedWallets:p,walletType:b.type,chain:e}),q=W?mn(W,Qg):"",F=un(u(),e),ae=!p.find(ke=>ke.walletType===b.type&&ke.chain===e),Q=F&&ae&&b.state===Bp.CONNECTED,j=Q?Ze.t({id:"Add {chain} chain",values:{chain:e}}):q,Ee=i(()=>{b.state===Bp.DISCONNECTED?A(b.type):Q?(d({walletType:b.type,chain:e,address:W??""}),C(!0)):n({walletType:b.type,chain:e,address:W??""})},"onClick"),Te=m?.chain?ol(m.chain,u()):void 0;return pe.createElement(pe.Fragment,null,pe.createElement(Ao,{open:c===b.type,onClose:oe,image:b.image,state:b.state,error:I}),!!m&&pe.createElement(le,{open:!!m&&S,container:J,onClose:()=>{d(null)}},pe.createElement(Jn,{title:Ze.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:Te}}),type:"warning",description:Ze.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:Te}})},pe.createElement(Di,{size:18}),pe.createElement(Di,{size:32}),pe.createElement(Og,{onClick:V.bind(null,m),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},Ze.t("Confirm")))),y&&pe.createElement(le,{open:!!y,onClose:f.bind(null,null),container:J},y==="in-progress"&&pe.createElement(Jn,{type:"loading",title:Ze.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:Te}}),description:Ze.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:Te}}),icon:pe.createElement(Wp,null,pe.createElement(Mp,null,pe.createElement(qg,{src:b.image,size:45})),pe.createElement(Lp,null))}),y==="completed"&&pe.createElement(Jn,{type:"success",title:Ze.t({id:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:Te}}),description:Ze.t({id:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:Te}})}),y==="rejected"&&pe.createElement(Jn,{type:"error",title:Ze.t("Request Rejected"),description:Ze.t({id:"You've rejected adding {blockchainDisplayName} chain to your wallet.",values:{blockchainDisplayName:Te}})}),pe.createElement(Di,{direction:"vertical",size:32})),pe.createElement(zg,{key:b.type,description:j,onClick:Ee,selected:o(b.type,e),disabled:!l,...b}))}),D&&pe.createElement(_l,{selected:!1,onClick:s},pe.createElement(Np,{variant:"label",size:"medium"},Ze.t("Show more wallets"),pe.createElement(Np,{variant:"label",size:"medium",color:"$primary"},"\xA0+",M-(r??0)))))}i(Fi,"WalletList");var Jg=2;function Dp(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,loading:s}=t,a=g().config,l=g().blockchains(),{selectedQuote:p,setSelectedWallets:u,quoteWalletsConfirmed:c,setQuoteWalletConfirmed:h,customDestination:m,setCustomDestination:d}=K(),{connectedWallets:S,selectWallets:C}=X(),[y,f]=ao(""),[w,k]=ao([]),[v,I]=ao(""),[A,T]=ao(null),[x,L]=ao(!!m),M=kn(p?.swaps||null),D=l.find(z=>z.name===p?.swaps[p?.swaps.length-1].to.blockchain),V=i(z=>!!p?.swaps.find(Z=>Z.from.blockchain===z),"isWalletRequiredFor"),J=i(()=>S.filter(z=>z.selected&&M.includes(z.chain)),"getInitialSelectableWallets"),[oe,b]=ao(J()),W=l.find(z=>z.name===D?.name),q=w.length>0,F=i((z,Z)=>!!oe.find(R=>R.walletType===z&&R.chain===Z&&R.selected&&(V(Z)||!V(Z)&&!m)),"isSelected"),ae=!!m&&x&&W&&!wn(W,m),Q=i(()=>{L(!1),d(null),b(z=>{let Z=!1;return z.map(R=>!Z&&R.chain===D?.name?(Z=!0,{...R,selected:!0}):R)})},"resetCustomDestination"),j=i(z=>{if(y&&f(""),F(z.walletType,z.chain))return;let R=S.find(me=>me.walletType===z.walletType&&me.chain===z.chain);R&&(n(),z.chain===D?.name&&x&&(L(!1),d(null)),b(me=>me.filter(xe=>xe.chain!==z.chain).concat({...R,selected:!0})))},"onChange"),Ee=i(()=>{let z=oe.filter(Z=>Z.selected);C(z),u(z),h(!0),o()},"onConfirmBalance"),Te=i(async()=>{k([]),I(""),T(null);let z=S.filter(me=>oe.find(xe=>xe.chain===me.chain&&xe.walletType===me.walletType)),Z=await r?.({selectedWallets:z,customDestination:m}),R=Z.warnings;R?.balance?.messages&&k(R.balance.messages),R?.quoteUpdate&&T(R.quoteUpdate),Z.error&&I(nl(Z.error)),!Z.error&&!R?.balance?.messages.length?Ee():k(R?.balance?.messages??[])},"onConfirmWallets");Xg(()=>{b(z=>z.concat(S.filter(Z=>!!!z.find(me=>me.chain===Z.chain)&&Z.selected&&M.includes(Z.chain))))},[S.length]);let ke=document.getElementById(We.SWAP_BOX_ID),dt=Yg();return $.createElement(le,{open:e,onClose:()=>{c||dt("../",{replace:!0}),o()},dismissible:!y,container:ke,...!y&&{footer:$.createElement(Ql,null,$.createElement(_p,{loading:s,disabled:kl(s,x,m,p,oe,D),onClick:Te,variant:"contained",type:"primary",fullWidth:!0,size:"large"},pt.t("Confirm")))},...y&&{styles:{container:{padding:"$0"}},header:$.createElement(Dl,null,$.createElement(Fl,{variant:"ghost",onClick:f.bind(null,"")},$.createElement(Vg,{size:16})),$.createElement(Zn,{variant:"headline",size:"small"},pt.t({id:"Your {blockchainName} wallets",values:{blockchainName:Ge(y,l)}})))},anchor:"center"},$.createElement(le,{open:q,onClose:k.bind(null,[]),container:ke},$.createElement(jg,{title:pt.t("Insufficient account balance"),type:"error",description:$.createElement(Hg,{messages:w??[]})},$.createElement(_p,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:Ee},pt.t("Proceed anyway")))),y&&$.createElement(Ul,null,$.createElement("div",{className:Ol()},$.createElement(Fi,{chain:y,isSelected:F,selectWallet:j,onShowMore:f.bind(null,y)}))),!y&&$.createElement($.Fragment,null,v&&$.createElement($.Fragment,null,$.createElement(Ui,{variant:"alarm",type:"error",title:pt.t(v)}),$.createElement(so,{size:12})),A&&$.createElement($.Fragment,null,$.createElement(Ui,{variant:"alarm",type:"warning",title:Mn(A)}),$.createElement(so,{size:12})),$.createElement(Gl,null,M.map((z,Z)=>{let R=l.find(we=>we.name===z),me=`wallet-${Z}`,xe=Z===M.length-1;return $.createElement("div",{key:me},$.createElement(Pl,null,$.createElement(Zn,{variant:"title",size:"xmedium"},pt.t({id:"Your {blockchainName} wallets",values:{blockchainName:R?.shortName}})),$.createElement(Zn,{variant:"label",color:"$neutral700",size:"medium"},pt.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:R?.shortName}}))),$.createElement(so,{size:24}),$.createElement($l,null,$.createElement(Fi,{chain:z,isSelected:F,selectWallet:j,limit:Jg,onShowMore:()=>f(R?.name??"")})),!xe&&$.createElement(so,{size:32}),xe&&a?.customDestination&&$.createElement(ql,null,$.createElement(_n,{onOpenChange:we=>{we?V(D?.name??"")||b(ft=>ft.map(Ue=>Ue.chain===D?.name?{...Ue,selected:!1}:Ue)):Q()},hasSelected:!0,open:x,triggerAnchor:"top",trigger:$.createElement(Vl,{fullWidth:!0,variant:"default",suffix:$.createElement(Pn,{orientation:x?"up":"down"},$.createElement(Gg,{size:10,color:"gray"}))},$.createElement("div",{className:"button__content"},$.createElement(Kg,{size:18,color:"info"}),$.createElement(so,{size:4,direction:"horizontal"}),$.createElement(Zn,{variant:"label",size:"medium"},pt.t("Send to a different address")))),onClickTrigger:()=>L(we=>!we)},$.createElement(so,{size:4}),$.createElement(Hl,{autoFocus:!0,placeholder:pt.t("Your destination address"),value:m||"",onChange:we=>{let ft=we.target.value;ft.length?d(ft.length?ft:null):(L(!1),d(null))}})),ae&&$.createElement("div",{className:zl()},$.createElement(Ui,{variant:"alarm",type:"error",title:pt.t({values:{destination:m},id:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}i(Dp,"ConfirmWalletsModal");import{i18n as fh}from"@lingui/core";import{Alert as gh,Button as hh,InfoIcon as yh}from"@rango-dev/ui";import qe from"react";import{Alert as Zg,Button as Rg,Divider as Qp,NoRouteIcon as eh,RefreshIcon as th,Typography as Hp}from"@rango-dev/ui";import Re from"react";import{i18n as Fp}from"@lingui/core";function Up(t,e,o,n){return t?.type===1?{alert:{type:"warning",text:Y().genericServerError,action:{onClick:n,title:Fp.t("Retry")}},description:""}:e.length?{alert:{type:"warning",text:Y().liquiditySourcesError.title,action:{onClick:()=>o(!0),title:Fp.t("Reset")}},description:Y().liquiditySourcesError.description}:t?.type===0&&t.diagnosisMessage?{alert:{type:"error",text:t.diagnosisMessage,action:null},description:""}:{alert:null,description:Y().noResultError.description}}i(Up,"makeInfo");import{styled as Oi}from"@rango-dev/ui";var Op=Oi("div",{minHeight:"162px",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"}),qp=Oi("div",{width:"100%"}),zp=Oi("div",{padding:"$6 $0"});function qi(t){let{fetch:e,error:o}=t,n=g().getDisabledLiquiditySources(),r=g().toggleAllLiquiditySources,s=g().swappers(),a=Up(o,n,()=>r(s,!0),e);return Re.createElement(Op,null,Re.createElement(eh,{size:24,color:"gray"}),Re.createElement(Qp,{size:4}),Re.createElement(Hp,{variant:"title",size:"small"},Y().noResultError.title),!!a.description&&Re.createElement(Hp,{variant:"body",size:"small",align:"center",color:"neutral700"},a.description),Re.createElement(Qp,{size:4}),!!a.alert&&Re.createElement(qp,null,Re.createElement(Zg,{type:a.alert.type,title:a.alert.text,action:a.alert.action&&Re.createElement(Rg,{size:"xsmall",type:a.alert.type,prefix:Re.createElement(zp,null,Re.createElement(th,{size:8})),onClick:a.alert.action.onClick},a.alert.action.title),variant:"alarm"})))}i(qi,"NoResult");import{i18n as Wo}from"@lingui/core";import{Button as nh,Divider as Yp,MessageBox as rh,Typography as ih,WarningIcon as sh}from"@rango-dev/ui";import ut from"react";import{Typography as Kp}from"@rango-dev/ui";import Qi from"react";import{darkTheme as oh,styled as Rn}from"@rango-dev/ui";var Gp=Rn("div",{width:"100%"}),zi=Rn("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),Vp=Rn("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%","._title":{$$color:"$colors$neutral600",[`.${oh} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),jp=Rn("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});function Xp(t){let{title:e,value:o,valueColor:n}=t;return Qi.createElement(Vp,null,Qi.createElement(Kp,{size:"medium",variant:"label",className:"_title"},e),Qi.createElement(Kp,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}i(Xp,"QuoteErrorsModalItem");function Jp(t){let{open:e,onClose:o,onConfirm:n,warning:r,confirmationDisabled:s}=t,a=r.warningLevel==="high"?"error":"warning",l=[{title:Wo.t("Swapping"),value:E(r.inputUsdValue,4,4)},{title:Wo.t("Gas cost"),value:E(r.totalFee,2,2)},{title:Wo.t("Receiving"),value:E(r.outputUsdValue,4,4)},{title:Wo.t("Price impact"),value:E(r.priceImpact,2,2),valueColor:`${a}500`}];return ut.createElement(le,{open:e,onClose:o,container:N()},ut.createElement(rh,{type:a,title:Y().highValueLossError.impactTitle,description:Y().highValueLossError.description}),ut.createElement(zi,null,ut.createElement(Yp,{size:20}),ut.createElement(ih,{size:"small",variant:"title"},Wo.t("Details")),ut.createElement(zi,null,l.map((p,u)=>ut.createElement(Xp,{key:u,...p})))),ut.createElement(Yp,{size:32}),ut.createElement(nh,{type:"primary",size:"large",prefix:ut.createElement(sh,null),fullWidth:!0,disabled:s,onClick:n},Y().highValueLossError.confirmMessage))}i(Jp,"HighValueLossWarningModal");import{i18n as Hi}from"@lingui/core";function Zp(t,e){let o={alertType:"warning",title:"",action:"show-info"};return e?(o.alertType="error",e.type===3&&(o.title=e.recommendation,o.action="show-info"),e.type===4&&(o.title=Hi.t({id:"You need to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:e.minRequiredSlippage}}),o.action="change-settings"),o):t?(t.type===0&&(ht(t.priceImpact)==="high"&&(o.alertType="error"),o.action=null,o.title=Y().highValueLossError.title),t.type===1&&(o.title=Y().unknownPriceError.title),t.type===2&&(o.title=Hi.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:t.minRequiredSlippage}}),o.action="change-settings"),t.type===3&&(o.title=Hi.t("Caution, your slippage is high.")),o):null}i(Zp,"makeAlerts");import{i18n as lo}from"@lingui/core";import{Button as Rp,Divider as eu,MessageBox as ah,Typography as lh}from"@rango-dev/ui";import Kt from"react";import{useNavigate as ph}from"react-router-dom";function tu(t){let{customSlippage:e,slippage:o}=g(),{open:n,onClose:r,onConfirm:s,warning:a,confirmationDisabled:l}=t,p=ph(),u=e??o;return Kt.createElement(le,{anchor:"bottom",open:n,prefix:Kt.createElement(Rp,{size:"small",variant:"ghost",onClick:()=>p("../"+P.settings)},Kt.createElement(lh,{variant:"label",size:"medium",color:"$neutral900"},lo.t("Change settings"))),container:N(),onClose:r},Kt.createElement(ah,{type:"warning",title:a.type===3?lo.t("High slippage"):lo.t("Low slippage"),description:a.type===3?lo.t({id:" Caution, your slippage is high (={userSlippage}). Your trade may be front run.",values:{userSlippage:u}}):lo.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:a.minRequiredSlippage}})},Kt.createElement(eu,{size:18}),Kt.createElement(eu,{size:32}),Kt.createElement(Rp,{size:"large",type:"primary",variant:"contained",fullWidth:!0,disabled:l,onClick:s},lo.t("Confirm anyway"))))}i(tu,"SlippageWarningModal");import{Button as uh,Divider as ch,MessageBox as mh,WarningIcon as dh}from"@rango-dev/ui";import Lo from"react";function ou(t){let{open:e,onClose:o,onConfirm:n,confirmationDisabled:r}=t;return Lo.createElement(le,{open:e,onClose:o,container:N()},Lo.createElement(mh,{type:"warning",title:Y().unknownPriceError.impactTitle,description:Y().unknownPriceError.description}),Lo.createElement(ch,{size:32}),Lo.createElement(uh,{type:"primary",size:"large",prefix:Lo.createElement(dh,null),fullWidth:!0,disabled:r,onClick:n},Y().unknownPriceError.confirmMessage))}i(ou,"UnknownPriceWarningModal");function Mo(t){let{warning:e,error:o,showWarningModal:n,confirmationDisabled:r,refetchQuote:s,onOpenWarningModal:a,onCloseWarningModal:l,onConfirmWarningModal:p,onChangeSettings:u}=t,c={confirmationDisabled:r,open:n,onClose:l,onConfirm:p},h=o?.type===0||o?.type===1,m=Zp(e,o?.type===3||o?.type===4?o:null);return qe.createElement(qe.Fragment,null,h&&qe.createElement(qi,{error:o,fetch:s}),!!m&&qe.createElement(Gp,null,qe.createElement(gh,{title:m.title,type:m.alertType,variant:"alarm",...m.action==="show-info"&&{action:qe.createElement(jp,{onClick:a},qe.createElement(yh,{size:12,color:"gray"}))},...m.action==="change-settings"&&{action:qe.createElement(hh,{size:"xxsmall",type:m.alertType,onClick:u},fh.t("Change"))}})),e&&qe.createElement(qe.Fragment,null,e.type===0&&qe.createElement(Jp,{...c,warning:e}),(e.type===3||e.type===2)&&qe.createElement(tu,{...c,warning:e}),e.type===1&&qe.createElement(ou,{...c,warning:e})))}i(Mo,"QuoteWarningsAndErrors");import Kh from"bignumber.js";import cr from"react";import{i18n as $o}from"@lingui/core";import{Alert as _h,Divider as _o,InfoIcon as Dh,QuoteTag as Fh,StepDetails as Uh,TokenAmount as Oh,Tooltip as Mu,Typography as uo}from"@rango-dev/ui";import Ri from"bignumber.js";import B,{useRef as qh,useState as zh}from"react";import{styled as Gi}from"@rango-dev/ui";var Vi=Gi("div",{width:"100%","& .position-top__skeleton":{paddingTop:"$10"}}),nu=Gi("div",{paddingBottom:"$15"}),ru=Gi("div",{width:"100%",display:"flex"});import*as er from"@radix-ui/react-collapsible";import{Button as Sh,css as No,darkTheme as Be,Image as iu,styled as Pe,Typography as Ch}from"@rango-dev/ui";var Th=300,su=Pe(er.Root,{display:"flex",flexDirection:"column",alignItems:"start",overflowX:"auto",overflowY:"hidden",width:"100%",borderRadius:"$xm",variants:{selected:{true:{},false:{$$color:"$colors$neutral400",[`.${Be} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}},listItem:{true:{$$color:"$colors$neutral400",[`.${Be} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"},false:{}}},compoundVariants:[{listItem:!1,selected:!0,css:{$$color:"$colors$info300",[`.${Be} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"}},{listItem:!0,selected:!1,css:{cursor:"pointer","&:hover":{backgroundColor:"$neutral300",[`.${Be} &`]:{backgroundColor:"$neutral400"}}}}]}),au=No({padding:"$10 $15"}),lu=Pe(Sh,{backgroundColor:"transparent",border:"1px solid $secondary"}),pu=Pe("div",{borderRadius:"$xm",display:"flex",flexDirection:"column",alignItems:"start",justifyContent:"space-between",color:"$foreground",boxSizing:"border-box",position:"relative",variants:{selected:{true:{},false:{$$color:"$colors$neutral200",[`.${Be} &`]:{$$color:"$colors$neutral500"},backgroundColor:"$$color"}},basic:{true:{borderTopRightRadius:"0",borderTopLeftRadius:"0"}},listItem:{true:{$$color:"$colors$neutral200",[`.${Be} &`]:{$$color:"$colors$neutral500"},backgroundColor:"$$color","&:hover":{backgroundColor:"$neutral300",[`.${Be} &`]:{backgroundColor:"$neutral400"}},cursor:"pointer"},false:{}}},compoundVariants:[{listItem:!0,selected:!0,css:{border:"1px solid $secondary"}},{listItem:!1,selected:!0,css:{$$color:"$colors$info100",[`.${Be} &`]:{$$color:"$colors$secondary600"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}}},{listItem:!0,selected:!1,css:{cursor:"pointer","&:hover":{backgroundColor:"$neutral300",[`.${Be} &`]:{backgroundColor:"$neutral400"}}}}]}),uu=No({width:"100%",padding:"$15 $15 $10 $15"}),cu=No({display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center",paddingBottom:"$10",position:"relative"}),po=No({display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",".blockchainImage":{marginLeft:"-$8"}}),mu=No({display:"flex",alignItems:"center",".usd-value":{$$color:"$colors$neutral600",[`.${Be} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),du=Pe(er.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:{[`& ${iu}`]:{border:"1px $warning500 solid",borderRadius:"100%"}},false:{[`& ${iu}`]:{border:"1px transparent solid",borderRadius:"100%"}}},selected:{true:{},false:{$$color:"$colors$neutral400",[`.${Be} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}},listItem:{true:{$$color:"$colors$neutral400",[`.${Be} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"},false:{}}},compoundVariants:[{listItem:!1,selected:!0,css:{$$color:"$colors$info300",[`.${Be} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"}}],".blockchains_section":{display:"none"},"@xs":{".blockchains_section":{display:"block"}}}),fu=Pe("div",{width:"18px",height:"18px",borderRadius:"100%",display:"flex",justifyContent:"center",alignItems:"center",border:"1.5px transparent solid",img:{borderRadius:"100%"},variants:{state:{error:{borderColor:"$error500"},warning:{borderColor:"$warning500"}}}}),gu=Pe(Bn,{width:"100%",background:"inherit"}),ji=Pe("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$2",transition:`all ${Th}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),EW=Pe("div",{height:"$12",marginLeft:"$10",marginRight:"$10",borderLeft:"1px solid $foreground"}),hu=Pe("div",{display:"flex",justifyContent:"center",margin:"0 $15",borderTop:"1px solid",$$color:"$colors$neutral300",[`.${Be} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color"}),yu=Pe("div",{width:"$16",height:"$16",justifyContent:"center",alignItems:"center",display:"flex"}),Ki=Pe(Ch,{overflow:"hidden",textOverflow:"ellipsis",letterSpacing:.4}),Su=Pe("div",{display:"flex",flexWrap:"wrap"}),Xi=Pe("div",{width:"18px",height:"18px",borderRadius:"100%",backgroundColor:"$background",cursor:"default",display:"flex",justifyContent:"center",alignItems:"center",border:"1.5px transparent solid",variants:{state:{error:{borderColor:"$error500"},warning:{borderColor:"$warning500"}}}}),Cu=Pe("div",{display:"flex"}),tr=Pe("div",{width:"100%",borderTopWidth:"1px",borderTopStyle:"solid",borderTopColor:"$neutral",margin:"$5 0",[`.${Be} &`]:{borderTopColor:"$neutral400"}});import{i18n as Pt}from"@lingui/core";import{ChevronDownIcon as wh,CloseIcon as vh,Divider as rr,IconButton as xh,QuoteCost as bh,Tooltip as Ih,Typography as et}from"@rango-dev/ui";import H,{useState as vu}from"react";import{css as kh,styled as or}from"@rango-dev/ui";var nr=or("div",{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"$5 0","&.total_payable_fee":{padding:"$12 0"}}),Yi=or("div",{width:"100%",borderTop:"1px solid $neutral300",margin:"$10 0"}),Tu=or("div",{padding:"$20 0",display:"flex",flexDirection:"column","& .collapsible_trigger":{display:"flex",alignItems:"center"}}),ku=or("div",{padding:"$20 $20 $10",textAlign:"center",position:"relative","._icon-button":{position:"absolute",zIndex:10,top:"$16",right:"$16"}}),wu=kh({display:"flex",flexDirection:"row",alignItems:"center",padding:"$5","&:hover":{"& ._typography, & svg":{color:"$secondary"}}});var Ah=i(t=>t.fee.isZero()?null:H.createElement(nr,null,H.createElement(et,{variant:"label",size:"medium",color:"neutral600"},t.label),H.createElement(et,{variant:"label",size:"medium"},"$",E(t.fee,4,4))),"NonPayableFee");function xu(t){let[e,o]=vu(!1),[n,r]=vu(!1),{steps:s,quote:a,fee:l,time:p,feeWarning:u}=t,c=a?.swaps??[],h=N(),m=pl(c);return H.createElement(H.Fragment,null,H.createElement(bh,{onClickFee:d=>{d.stopPropagation(),o(!e)},fee:l,feeWarning:u,time:p,steps:s,tooltipGas:Pt.t("View more info"),tooltipContainer:h}),H.createElement(le,{container:h,open:e,header:H.createElement(ku,null,H.createElement(et,{variant:"title",size:"medium"},Pt.t("Gas & Fee Explanation")),H.createElement(xh,{onClick:()=>o(!1),variant:"ghost"},H.createElement(vh,{color:"gray",size:14}))),onClose:()=>{o(!1)}},H.createElement(Tu,null,H.createElement(et,{variant:"title",size:"small"},Pt.t("Details")),H.createElement(rr,{size:10}),Object.entries(m.payable).flatMap(([d,S])=>S.map((C,y)=>{let f=`payable-fee-${y}`,w=si(C);return H.createElement(nr,{key:f},H.createElement(et,{variant:"label",size:"medium",color:"neutral600"},ti[d]),H.createElement(Ih,{content:ue(C.amount),container:h},H.createElement(et,{variant:"label",size:"medium"},E(C.amount,2,2)," ",C.asset.symbol," ($",E(w,4,4),")")))})),H.createElement(nr,{className:"total_payable_fee"},H.createElement(et,{variant:"label",size:"medium"},Pt.t("Total Payable Fee")),H.createElement(et,{variant:"label",size:"medium"},"$",E(l,4,4))),H.createElement(Yi,null),Object.keys(m.nonePayable).length&&H.createElement(_n,{triggerAnchor:"bottom",onClickTrigger:()=>r(d=>!d),trigger:H.createElement("div",{className:wu()},H.createElement(et,{size:"small",variant:"body",color:"neutral700"},n?Pt.t("Hide non-payable fees"):Pt.t("Show non-payable fees")),H.createElement(rr,{size:4,direction:"horizontal"}),H.createElement(Pn,{orientation:n?"up":"down"},H.createElement(wh,{size:12,color:"gray"}))),open:n},H.createElement(et,{size:"small",variant:"title"},Pt.t("Description")),H.createElement(rr,{size:4}),H.createElement(et,{size:"small",variant:"body",color:"neutral700"},Pt.t(`The following fees are considered in the transaction output and
|
|
2
|
-
you won\u2019t need to pay extra gas for them.`)),H.createElement(rr,{size:10}),Object.entries(m.nonePayable).map(([d,S],C)=>{let y=ll(S),f=ti[d],w=`non-payable-fee-${C}`;return H.createElement(Ah,{key:w,fee:y,label:f})}),H.createElement(Yi,null)))))}i(xu,"QuoteCostDetails");import{i18n as Au}from"@lingui/core";import{TokenAmount as Eu}from"@rango-dev/ui";import ir from"react";import{css as Eh,styled as Wh}from"@rango-dev/ui";var bu=Wh("div",{position:"relative",display:"flex",flexDirection:"column",width:"100%"}),Iu=Eh({height:"14px",marginLeft:"14px",position:"absolute",borderLeft:"1px solid $foreground",top:"42%"});function Bo(t){let{from:e,to:o,percentageChange:n,warningLevel:r}=t;return ir.createElement(bu,null,ir.createElement(Eu,{direction:"horizontal",label:Au.t("Swap input"),type:"input",tooltipContainer:N(),price:{value:e.price.value,usdValue:e.price.usdValue,realValue:e.price.realValue,realUsdValue:e.price.realUsdValue},token:{displayName:e.token.displayName,image:e.token.image},chain:{image:e.chain.image}}),ir.createElement("div",{className:Iu()}),ir.createElement(Eu,{direction:"horizontal",tooltipContainer:N(),label:Au.t("Estimated output"),type:"output",price:{value:o.price.value,usdValue:o.price.usdValue,realValue:o.price.realValue,realUsdValue:o.price.realUsdValue},token:{displayName:o.token.displayName,image:o.token.image},chain:{image:o.chain.image},percentageChange:n,warningLevel:r}))}i(Bo,"QuoteSummary");import{i18n as Wu}from"@lingui/core";import{ChevronDownIcon as Lh,ChevronRightIcon as Mh,Divider as Ji,Image as Nh,Tooltip as Zi,Typography as sr}from"@rango-dev/ui";import _,{useEffect as Bh,useState as Ph}from"react";var ar=4,lr=6,$h=375,Po=i(t=>{let e=N(),{content:o,src:n,className:r,open:s,state:a}=t;return _.createElement(Zi,{container:e,side:"bottom",sideOffset:4,open:s,content:o},_.createElement(fu,{className:r,state:a},_.createElement(Nh,{src:n,size:16})))},"ImageComponent");function Lu(t){let{quoteRef:e,selected:o,setExpanded:n,steps:r,expanded:s,type:a}=t,l=N(),p=r.length,u=Il(r),[c,h]=Ph(!1),m=i(()=>{window.innerWidth<$h?h(!0):h(!1)},"handleResize");return Bh(()=>{window.addEventListener("resize",m)}),_.createElement(du,{listItem:a==="list-item",ref:d=>e.current=d,selected:o,onClick:d=>{d.stopPropagation(),n(S=>!S)}},_.createElement("div",{className:po()},_.createElement(sr,{variant:"body",size:"xsmall"},Wu.t("Via:")),_.createElement(Ji,{direction:"horizontal",size:4}),r.map((d,S)=>{let C=`item-${S}`,y=_.createElement(ji,null,_.createElement(Mh,{size:12,color:"black"}));return c?_.createElement(_.Fragment,null,_.createElement(Po,{content:d.swapper.displayName,src:d.swapper.image,state:d.state}),S!==p-1&&_.createElement(_.Fragment,null,y)):_.createElement(_.Fragment,{key:C},p<=ar||p>ar&&S<ar-1?_.createElement(_.Fragment,null,_.createElement(Po,{content:d.swapper.displayName,src:d.swapper.image,state:d.state}),S!==p-1&&_.createElement(_.Fragment,null,y)):S===ar-1&&_.createElement(Zi,{container:l,side:"bottom",align:"right",sideOffset:4,content:_.createElement("div",{className:po()},y,r.map((f,w)=>{let k=`image-${w}`;return w>=S&&_.createElement(_.Fragment,{key:k},_.createElement(Po,{content:f.swapper.displayName,src:f.swapper.image,state:f.state,open:!1}),w!==p-1&&_.createElement(_.Fragment,null,y))}))},_.createElement(Xi,{state:r.find((f,w)=>w>=S&&(f.state==="error"||f.state==="warning"))?.state},_.createElement(sr,{size:"xsmall",variant:"body"},"+",p-S))))})),_.createElement("div",{className:po()},_.createElement("div",{className:"blockchains_section"},_.createElement("div",{className:po()},_.createElement(sr,{variant:"body",size:"xsmall"},Wu.t("Chains:")),_.createElement(Ji,{direction:"horizontal",size:4}),u.map((d,S)=>_.createElement(_.Fragment,null,u.length<=lr||u.length>lr&&S<lr-1?_.createElement(Po,{key:d.displayName,content:"",src:d.image,open:!1,className:S!==0?"blockchainImage":""}):S===lr-1&&_.createElement(Zi,{container:l,side:"bottom",align:"right",sideOffset:4,content:_.createElement("div",{className:po()},u.map((C,y)=>y>=S&&_.createElement(Po,{key:C.displayName,content:"",src:C.image,open:!1,className:y>S?"blockchainImage":""})))},_.createElement(Xi,{className:"blockchainImage"},_.createElement(sr,{size:"xsmall",variant:"body"},"+",u.length-S))))),_.createElement(Ji,{direction:"horizontal",size:32}))),_.createElement(ji,{orientation:s?"up":"down"},_.createElement(Lh,{size:12,color:"black"}))))}i(Lu,"QuoteTrigger");function es(t){let{quote:e,input:o,output:n,error:r,warning:s,type:a,selected:l=!1,tagHidden:p=!0,onClickAllRoutes:u}=t,c=g().blockchains(),h=g().tokens(),m=g().swappers(),[d,S]=zh(t.expanded),C=qh(null),y=E(o.value,6,6),f=E(n.value,6,6),w=n.usdValue?E(n.usdValue,4,4):"",k=Ve(o.usdValue,n.usdValue??null),v=E(k,2,2),I=ht(k??0),T=i(b=>b.map((W,q)=>{let F,ae=r?.type===3&&r.swap.swapperId===W.swapperId||r?.type===4&&r.recommendedSlippages?.has(q),Q=s?.type===2&&s.recommendedSlippages?.has(q);ae?F="error":Q&&(F="warning");let j=ae?$o.t("Slippage Error"):$o.t("Slippage Warning");return r?.type===3&&(j=r?.recommendation),{swapper:{displayName:wo(W.swapperId,m),image:W.swapperLogo},from:{token:{displayName:W.from.symbol,image:W.from.logo},chain:{displayName:Ge(W.from.blockchain,c),image:W.from.blockchainLogo},price:{value:q===0?E(o.value,6,6):E(W.fromAmount,6,6),usdValue:E((W.from.usdPrice??0)*parseFloat(W.fromAmount),4,4),realValue:ue(q===0?o.value:W.fromAmount),realUsdValue:ue(new Ri(W.from.usdPrice??0).multipliedBy(W.fromAmount))}},to:{token:{displayName:W.to.symbol,image:W.to.logo},chain:{displayName:Ge(W.to.blockchain,c),image:W.to.blockchainLogo},price:{value:E(W.toAmount,6,6),usdValue:E((W.to.usdPrice??0)*parseFloat(W.toAmount),4,4),realValue:ue(W.toAmount),realUsdValue:ue(new Ri(W.to.usdPrice??0).multipliedBy(W.toAmount))}},state:F,alerts:ae||Q?B.createElement(nu,null,B.createElement(_h,{variant:"alarm",type:ae?"error":"warning",title:j,footer:B.createElement(ru,null,r?.type===3&&B.createElement(B.Fragment,null,B.createElement(uo,{size:"xsmall",variant:"body",color:"neutral900"},r.fromAmountRangeError),B.createElement(_o,{direction:"horizontal",size:8}),B.createElement(uo,{size:"xsmall",variant:"body",color:"neutral900"},"|"),B.createElement(_o,{direction:"horizontal",size:8}),B.createElement(uo,{size:"xsmall",variant:"body",color:"neutral900"},$o.t({id:"Yours: {amount} {symbol}",values:{amount:E(W.fromAmount,6,6),symbol:W?.from.symbol}}))),(r?.type===4||s?.type===2)&&B.createElement(uo,{size:"xsmall",variant:"body",color:"neutral900"},$o.t({id:"Minimum required slippage is {minRequiredSlippage}",values:{...r?.type===4&&{minRequiredSlippage:r.recommendedSlippages?.get(q)},...s?.type===2&&{minRequiredSlippage:s.recommendedSlippages?.get(q)}}})))})):void 0}}),"getQuoteSteps")(e?.swaps??[]),x=T.length,L=N(),M=Wl(t.quote.tags||[]),D=!!u,V=nn(rn(e?.swaps)),J=bn(e?.swaps??[],h),oe=E(J,2,2);return B.createElement(B.Fragment,null,B.createElement(pu,{selected:l,listItem:a==="list-item",basic:a==="basic"},B.createElement("div",{className:uu()},!p&&M.length?B.createElement(B.Fragment,null,B.createElement(Cu,null,M.map((b,W)=>{let q=`${b.value}_${W}`;return B.createElement(B.Fragment,null,B.createElement(Fh,{label:b.label,key:q,value:b.value}),B.createElement(_o,{size:4,direction:"horizontal"}))})),B.createElement(tr,null),!D&&B.createElement(_o,{size:4})):null,B.createElement("div",{id:"portal-root",className:cu()},B.createElement(xu,{steps:x,quote:e,time:V,fee:oe,feeWarning:J.gte(new Ri(tl))}),D&&B.createElement(lu,{onClick:b=>{b.stopPropagation(),u()},size:"xxsmall",type:"secondary",variant:"default"},B.createElement(uo,{color:"secondary",variant:"label",size:"medium"},$o.t("See All Routes")))),a==="basic"&&B.createElement("div",{className:mu()},B.createElement(yu,null,B.createElement(Dh,{size:12,color:"gray"})),B.createElement(Su,null,B.createElement(Ki,{size:"small",variant:"body"},`${y} ${T[0].from.token.displayName} = `),B.createElement(Mu,{content:ue(n.value),container:L,open:n.value?void 0:!1},B.createElement(Ki,{size:"small",variant:"body"},"\xA0",`${f} ${T[T.length-1].to.token.displayName}`))),B.createElement(Mu,{content:ue(n.usdValue),container:L,style:{display:"flex"}},B.createElement(uo,{color:"$neutral600",ml:2,size:"xsmall",variant:"body"},`($${w})`))),a==="list-item"&&B.createElement(Oh,{tooltipContainer:L,type:"output",direction:"vertical",price:{value:f,usdValue:w,realValue:ue(n.value),realUsdValue:ue(n.usdValue)},token:{displayName:T[x-1].to.token.displayName,image:T[x-1].to.token.image},chain:{image:T[x-1].to.chain.image},percentageChange:v,warningLevel:I}),a==="swap-preview"&&B.createElement(B.Fragment,null,B.createElement(Bo,{from:T[0].from,to:T[x-1].to,percentageChange:v,warningLevel:I}),B.createElement(_o,{size:4}))),B.createElement(su,{selected:l,listItem:a==="list-item",open:d,onOpenChange:S},B.createElement(Lu,{type:a,quoteRef:C,selected:l,setExpanded:S,expanded:d,steps:T}),B.createElement(gu,{open:d},B.createElement(hu,null),B.createElement("div",{className:au()},T.map((b,W)=>{let q=`item-${W}`;return B.createElement(Uh,{type:"quote-details",key:q,tooltipContainer:L,step:b,hasSeparator:W!==T.length-1,state:b.state})}))))))}i(es,"Quote");import{Divider as Vh,Skeleton as jh}from"@rango-dev/ui";import St from"react";import{darkTheme as Qh,styled as pr}from"@rango-dev/ui";var Nu=pr("div",{$$color:"$colors$neutral100",[`.${Qh} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",borderBottomLeftRadius:"$xm",borderBottomRightRadius:"$xm",padding:"$15 ",variants:{rounded:{true:{borderRadius:"$xm"}}}}),Bu=pr("div",{paddingTop:"$2"}),Pu=pr("div",{paddingLeft:"$8"}),$u=pr("div",{borderLeft:"1px dashed black",minHeight:" 0",margin:"0px 11.5px",alignSelf:"stretch",variants:{hideSeparator:{true:{minHeight:"unset",height:"0"}}}});import{ChainToken as Gu,Divider as ct,Skeleton as ze}from"@rango-dev/ui";import U from"react";import{css as Hh,styled as yt}from"@rango-dev/ui";var ts=yt("div",{display:"flex"}),_u=yt("div",{padding:"$10 $0 $20"}),Du=yt("div",{padding:"$12 $0 $20 $0",display:"flex",flexDirection:"column"}),Fu=yt("div",{display:"flex",justifyContent:"start",alignItems:"center"}),Uu=yt("div",{display:"flex",justifyContent:"space-between",alignItems:"end"}),Ou=yt("div",{height:"$28",marginLeft:"13px",borderLeft:"1px solid $neutral700"}),qu=yt("div",{width:"65%",display:"flex",justifyContent:"start"}),zu=yt("div",{display:"flex",flexDirection:"column",alignItems:"start",flexGrow:1,maxWidth:"148px"}),Qu=yt("div",{padding:"$15 $0 $15 $0"}),Hu=Hh({display:"flex",justifyContent:"space-between",alignItems:"center"});function Do(t){let{type:e,tagHidden:o=!0}=t,n=U.createElement(Uu,null,U.createElement(qu,null,U.createElement(Gu,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),U.createElement(ct,{size:8,direction:"horizontal"}),U.createElement(zu,null,U.createElement(ze,{height:10,width:60,variant:"rounded"}),U.createElement(ct,{size:4}),U.createElement(ze,{height:15,variant:"rounded"}))),U.createElement(ze,{height:12,width:64,variant:"rounded"})),r=e==="basic"&&!o;return U.createElement("div",null,!o&&U.createElement(U.Fragment,null,U.createElement(ts,null,U.createElement(ze,{width:65,height:14,variant:"rounded"}),U.createElement(ct,{size:4,direction:"horizontal"}),U.createElement(ze,{width:65,height:14,variant:"rounded"}),U.createElement(ct,{size:4,direction:"horizontal"}),U.createElement(ze,{width:65,height:14,variant:"rounded"})),U.createElement(tr,null),!r&&U.createElement(ct,{size:4})),U.createElement("div",{className:Hu()},U.createElement(ts,null,U.createElement(ze,{width:60,height:10,variant:"rounded"}),U.createElement(ct,{size:4,direction:"horizontal"}),U.createElement(ze,{width:60,height:10,variant:"rounded"}),U.createElement(ct,{size:4,direction:"horizontal"}),U.createElement(ze,{width:60,height:10,variant:"rounded"})),r&&U.createElement(ze,{width:100,height:22,variant:"rounded"})),e==="basic"&&U.createElement(_u,null,U.createElement(ze,{height:15,width:148,variant:"rounded"})),e==="list-item"&&U.createElement(Du,null,U.createElement(Fu,null,U.createElement(Gu,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),U.createElement(ct,{direction:"horizontal",size:4}),U.createElement(ze,{height:15,width:150,variant:"rounded"})),U.createElement(ct,{size:10}),U.createElement(ze,{height:10,width:184,variant:"rounded"})),e==="swap-preview"&&U.createElement(U.Fragment,null,U.createElement(ct,{size:4}),U.createElement(Qu,null,n,U.createElement(Ou,null),n)))}i(Do,"QuoteSummarySkeleton");import{ChainToken as Yu,Divider as ns,NextIcon as Gh,Skeleton as ur}from"@rango-dev/ui";import he from"react";import{styled as Fo}from"@rango-dev/ui";var Vu=Fo("div",{display:"flex",alignItems:"start"}),ju=Fo("div",{flexGrow:1,paddingTop:"$5",paddingBottom:"$10",display:"flex",alignItems:"center"}),os=Fo("div",{display:"flex",alignItems:"center",flexGrow:1}),Ku=Fo("div",{margin:"$0 $2",padding:"$4",display:"flex",justifyContent:"center",alignItems:"center"}),Xu=Fo("div",{display:"flex",alignItems:"center"});function mt(t){let{separator:e=!0}=t;return he.createElement(he.Fragment,null,he.createElement(Xu,null,he.createElement(ur,{height:22,width:22,variant:"circular"}),he.createElement(ns,{direction:"horizontal",size:8}),he.createElement(ur,{height:15,width:148,variant:"rounded"})),he.createElement(Vu,null,he.createElement($u,{hideSeparator:!e}),he.createElement(ju,null,he.createElement(os,null,he.createElement(Yu,{size:"small",loading:!0,chainImage:"",tokenImage:""}),he.createElement(ns,{direction:"horizontal",size:8}),he.createElement(ur,{height:12,variant:"rounded"})),he.createElement(Ku,null,he.createElement(Gh,{color:"gray",size:16})),he.createElement(os,null,he.createElement(Yu,{size:"small",loading:!0,chainImage:"",tokenImage:""}),he.createElement(ns,{direction:"horizontal",size:8}),he.createElement(ur,{height:12,variant:"rounded"})))))}i(mt,"StepSkeleton");function Uo(t){let{type:e,expanded:o,tagHidden:n=!1}=t;return St.createElement(Nu,{rounded:e!=="basic"},St.createElement(Do,{type:e,tagHidden:n}),St.createElement(Bu,null,St.createElement(jh,{height:15,variant:"rounded"})),o&&St.createElement(Pu,null,St.createElement(Vh,{size:20}),St.createElement(mt,null),St.createElement(mt,null),St.createElement(mt,{separator:!1})))}i(Uo,"QuoteSkeleton");function Xt(t){let{quote:e,type:o,loading:n,error:r,warning:s,expanded:a=!1,tagHidden:l,onClick:p,selected:u,onClickAllRoutes:c}=t,{inputAmount:h,inputUsdValue:m,toToken:d}=K(),S=e?.outputAmount?new Kh(e?.outputAmount):null,C=e?.outputAmount?An(e?.outputAmount,En(e)||d?.usdPrice):null,f=!(r&&(r.type===0||r.type===1))&&e&&!n;return n?cr.createElement(Vi,null,cr.createElement(Uo,{tagHidden:l,type:o,expanded:a})):f?cr.createElement(Vi,{onClick:()=>p?.(e)},cr.createElement(es,{quote:e,error:r,warning:s,tagHidden:l,selected:u,type:o,expanded:a,onClickAllRoutes:c,input:{value:h,usdValue:m?.toString()??""},output:{value:S?.toString()??"",usdValue:C?.toString()??""}})):null}i(Xt,"QuoteInfo");import{calculatePendingSwap as Jh}from"@rango-dev/queue-manager-rango-preset";import{useEffect as Zh}from"react";import{useRef as Xh,useState as Yh}from"react";function mr({request:t}){let[e,o]=Yh(!1),n=Xh(null),r=i(()=>n.current?.abort(),"cancelFetch");return{fetch:i(async a=>{r(),n.current=new AbortController,o(!0);try{let l=await t(a,{signal:n.current.signal});return n.current=null,l}catch(l){throw l}finally{o(!1)}},"fetch"),loading:e,cancelFetch:r}}i(mr,"useFetch");function Ju(){let{fetch:t,loading:e,cancelFetch:o}=mr({request:async(n,r)=>await At().confirmRouteRequest(n,r)});return{fetch:t,loading:e,cancelFetch:o}}i(Ju,"useFetchConfirmQuote");function dr(t){if(!t.swaps)throw new Error(Y().noResultError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});let e=rs(t.swaps);if(e)throw new Error(e.message,{cause:e.options})}i(dr,"throwErrorIfResponseIsNotValid");function rs(t){if(il(t)){let{swap:n,recommendation:r,fromAmountRangeError:s}=sl(t);return{message:"bridge limit error",options:{type:3,swap:n,recommendation:r,fromAmountRangeError:s}}}let o=ul(t);if(o){let n=In(t);return{message:"",options:{type:4,recommendedSlippages:o,minRequiredSlippage:n}}}return null}i(rs,"getQuoteError");function Zu(t,e,o){let n=!1;t&&(n=xl(t,e));let r={quote:null,quoteUpdate:null,balance:null},s=Rt(e,{fromToken:o.fromToken,toToken:o.toToken,tokens:o.meta.tokens,userSlippage:o.userSlippage});s&&(r.quote=s),t&&n&&(hl(t,e)?r.quoteUpdate={type:3,newOutputAmount:E(Zt(e)),percentageChange:E(Ve(Zt(t)??"",Zt(e)??""),null,2)}:ai(t,e)?r.quoteUpdate={type:0}:li(t,e)?r.quoteUpdate={type:1}:pi(t,e)&&(r.quoteUpdate={type:2}));let a=yl(e,o.selectedWallets,o.meta.blockchains);return a.length===0||(r.balance={messages:a}),r}i(Zu,"generateWarnings");function fr(t){return t?.code==="ERR_CANCELED"?{swap:null,error:{type:2},warnings:null}:t.cause?{swap:null,error:t.cause,warnings:null}:{swap:null,error:{type:1},warnings:null}}i(fr,"handleQuoteErrors");function is(){let{fromToken:t,toToken:e,inputAmount:o,setSelectedQuote:n,selectedQuote:r,customDestination:s,setQuoteWarningsConfirmed:a,resetAlerts:l}=K(),{slippage:p,customSlippage:u}=g(),c=g().getDisabledLiquiditySources(),h=g().blockchains(),m=g().tokens(),d=u||p,{fetch:S,cancelFetch:C,loading:y}=Ju();return Zh(()=>C,[]),{loading:y,fetch:i(async w=>{let k=w.selectedWallets,v=w?.customDestination??s;if(!t||!e||!o)return{quote:null,swap:null,error:null,warnings:null};let I=k.reduce((T,x)=>(T[x.chain]=x.address,T),{}),A={requestId:r?.requestId||"",selectedWallets:I,destination:v||void 0};try{return await S(A).then(T=>{let{result:x}=T;dr({diagnosisMessages:x.diagnosisMessages,requestId:x.requestId,swaps:x.result?.swaps});let L={outputAmount:x.result?.outputAmount,requestId:x.requestId,resultType:x.result?.resultType,swaps:x.result?.swaps||[],validationStatus:x.validationStatus,requestAmount:x.requestAmount};n(L);let M={slippage:d.toString(),disabledSwappersGroups:c},D=Jh(o.toString(),x,fl(k),M,!1,{blockchains:h,tokens:m}),V=Zu(r??void 0,L,{fromToken:t,toToken:e,meta:{blockchains:h,tokens:m},selectedWallets:k,userSlippage:d});return V.quoteUpdate&&a(!1),l(),{quote:L,swap:D,error:null,warnings:V}})}catch(T){return fr(T)}},"fetch"),cancelFetch:C}}i(is,"useConfirmSwap");var cy=oy("div",{width:"100%",display:"flex",justifyContent:"space-between",[`& ${ec}`]:{width:"$48",height:"$48"}}),my=as({flexGrow:1,paddingRight:"$10"}),dy=as({width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"}),fy=as({display:"flex",justifyContent:"space-between",alignItems:"center"});function tc(){let{selectedQuote:t,setInputAmount:e,selectedWallets:o,quoteWalletsConfirmed:n,setQuoteWalletConfirmed:r,customDestination:s,quoteWarningsConfirmed:a}=K(),l=uy(),p=py(),[u,c]=hr(""),{connectedWallets:h}=X(),m=!n,[d,S]=hr(!1),{isActiveTab:C}=ne(),y=g().getDisabledLiquiditySources(),f=ay(y),{manager:w}=Rh(),{fetch:k,loading:v,cancelFetch:I}=is(),[A,T]=hr({swap:null,error:null,warnings:null}),[x,L]=hr(!1),M=i(async({selectedWallets:F,customDestination:ae})=>{let Q=await k?.({selectedWallets:F,customDestination:ae});return T(Q),Q},"onConfirmSwap"),D=i(async()=>{if(A.swap&&n)try{await w?.create("swap",{swapDetails:A.swap},{id:A.swap.requestId});let F=`../${P.swaps}/${A.swap.requestId}`;l(F,{replace:!0}),setTimeout(()=>{e("")},0)}catch(F){c("Error: "+F?.message)}},"addNewSwap"),V=i(async()=>{await D()},"onConfirm"),J=i(async()=>{A?.warnings?.quote&&!a?L(!0):await V()},"onStartConfirmSwap"),oe=i(async()=>{T({error:null,swap:null,warnings:null}),k({selectedWallets:o,customDestination:s}).then(F=>{T(F)}).catch(F=>console.error(F))},"onRefresh");Oo(()=>{!!f.current.length&&!y.length&&oe(),f.current=y},[y.length]),Oo(()=>{m&&I()},[m]),Oo(()=>{m&&S(m)},[m]),Oo(()=>{m||k({selectedWallets:o,customDestination:s}).then(F=>T(F)).catch(F=>console.error(F))},[]),Oo(()=>{let F=A.warnings?.quote?.type&&Object.values(Wt).includes(A.warnings?.quote?.type),ae=o.length<1||!o.every(j=>h.find(Ee=>j.address===Ee.address&&j.walletType===Ee.walletType&&j.chain===Ee.chain)),Q=!1;if(F){let j=kn(t?.swaps||null),Ee=t?.swaps[t.swaps.length-1].to.blockchain;!!t?.swaps.find(dt=>dt.from.blockchain===Ee)||(j=j.slice(-j.length,j.length-1)),j.every(dt=>o.find(z=>z.chain===dt))||(Q=!0)}t&&(ae||Q)&&(queueMicrotask(()=>ly(S.bind(null,!0))),r(!1))},[A.warnings?.quote,o.length,h.length]),sy(()=>{t||l(`../${p.search}`)},[]);let b=A.warnings?.quote??null,W=A.error,q=[];if(u&&q.push(ce.createElement(Ru,{type:"error",variant:"alarm",title:u})),A.warnings?.quoteUpdate&&q.push(ce.createElement(Ru,{variant:"alarm",type:"warning",title:A.warnings.quoteUpdate&&Mn(A.warnings.quoteUpdate)})),b||W){let F=`../${P.settings}`;q.push(ce.createElement(Mo,{warning:b,error:W,loading:v,refetchQuote:oe,showWarningModal:x,confirmationDisabled:!C,onOpenWarningModal:()=>L(!0),onCloseWarningModal:()=>L(!1),onConfirmWarningModal:async()=>{L(!1),await D()},onChangeSettings:()=>l(F)}))}return ce.createElement(te,{header:{title:gr.t("Confirm Swap"),onWallet:()=>{let F=`../${P.wallets}`;l(F)},suffix:ce.createElement(ny,{container:N(),side:"bottom",content:gr.t("Settings")},ce.createElement(Ke,{size:"small",variant:"ghost",onClick:()=>l("../"+P.settings)},ce.createElement(ty,{size:18,color:"black"})))},footer:ce.createElement(cy,null,ce.createElement("div",{className:my()},ce.createElement(ey,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:v,disabled:!!A.error||!C,onClick:J},gr.t("Start Swap"))),ce.createElement(ec,{variant:"contained",type:"primary",size:"large",loading:v,onClick:S.bind(null,!0)},ce.createElement(iy,{size:24})))},d&&ce.createElement(Dp,{open:d,onClose:()=>S(!1),onCancel:I,loading:v,onCheckBalance:M}),ce.createElement(se,null,ce.createElement("div",{className:fy()},ce.createElement(ry,{variant:"title",size:"small"},gr.t("You get")),ce.createElement("div",{className:dy()},ce.createElement(Vn,{onClick:!v&&!d&&!x?oe:void 0}))),ce.createElement(ss,{size:"12"}),Xl(q,ce.createElement(ss,{size:10})),q.length>0?ce.createElement(ss,{size:10}):null,ce.createElement(Xt,{quote:t,type:"swap-preview",expanded:!0,selected:!0,tagHidden:!0,error:A.error,loading:v,warning:A.warnings?.quote??null})))}i(tc,"ConfirmSwapPage");import{i18n as Sr}from"@lingui/core";import{useManager as Ly}from"@rango-dev/queue-manager-react";import{Divider as mc,NotFound as My,styled as Ny}from"@rango-dev/ui";import Tt,{useState as By}from"react";import{useNavigate as Py}from"react-router-dom";import{i18n as yy}from"@lingui/core";import{Divider as sc,GroupedVirtualizedList as Sy,Skeleton as Cy,SwapListItem as ac,Typography as Ty}from"@rango-dev/ui";import $e,{useCallback as lc,useEffect as ky,useRef as wy,useState as vy}from"react";function oc(t,e){let o=[],n=0;do{let r=t[n];o.push(Math.min(r,e)),e-=r,n++}while(e>0&&n<=t.length);return o}i(oc,"calculateGroupsSoFar");import{css as gy,darkTheme as hy,styled as qo}from"@rango-dev/ui";var ls=gy(),nc=qo("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$5"}),ps=qo("div",{width:"100%",display:"flex",flexDirection:"column",backgroundColor:"$background",padding:"$10 $5 0 $5",[`& .${ls}`]:{$$color:"$colors$neutral600",[`.${hy} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),us=qo("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),rc=qo("div",{gap:"$10",display:"flex",flexDirection:"column"}),ic=qo("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});var xy=10;function cs(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,[s,a]=vy([]),l=wy(0),{swaps:p,groupCounts:u,groups:c}=n(e),h=lc(oc,[]),m=lc(()=>{let d=e.length-l.current;d&&(l.current+=Math.min(d,xy),a(h(u,l.current)))},[e.length]);if(ky(()=>{r||m()},[r,m]),r){let d=[1,2];return $e.createElement($e.Fragment,null,[d,d].map((C,y)=>$e.createElement(ps,{key:y},$e.createElement(us,null,$e.createElement(Cy,{variant:"text",width:60,size:"small"}),$e.createElement(sc,{size:16})),$e.createElement(sc,{size:4}),$e.createElement(rc,null,C.map((w,k)=>$e.createElement(ac,{isLoading:!0,key:k}))))))}return $e.createElement(Sy,{endReached:()=>{l.current<e.length&&m()},groupCounts:s,groupContent:d=>$e.createElement(ps,null,$e.createElement(us,null,$e.createElement(Ty,{variant:"label",size:"medium",className:ls()},c[d]))),itemContent:(d,S)=>{let C=p[d];if(!C)return null;let y=C.steps[0],f=C.steps[C.steps.length-1];return $e.createElement(nc,{key:C.requestId},$e.createElement(ac,{requestId:C.requestId,creationTime:C.creationTime,status:C.status,onClick:o,tooltipContainer:N(),onlyShowTime:c[S]===yy.t("Today"),swapTokenData:{from:{token:{image:y.fromLogo,displayName:y.fromSymbol},blockchain:{image:y.fromBlockchainLogo||""},amount:E(C.inputAmount,6,6),realAmount:ue(C.inputAmount)},to:{token:{image:f.toLogo,displayName:f.toSymbol},blockchain:{image:f.toBlockchainLogo||""},amount:E(f.outputAmount||f.expectedOutputAmountHumanReadable||"",6,6),realAmount:ue(f.outputAmount||f.expectedOutputAmountHumanReadable)}}}))}})}i(cs,"HistoryGroupedList");import{CloseIcon as Iy,IconButton as Ay,SearchIcon as Ey,TextField as Wy}from"@rango-dev/ui";import zo from"react";import{styled as by}from"@rango-dev/ui";var pc=by("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function Ct(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:s,value:a,setValue:l,...p}=t;return zo.createElement(Wy,{prefix:zo.createElement(pc,null,zo.createElement(Ey,{color:"black"})),suffix:!!a.length&&zo.createElement(Ay,{variant:"ghost",onClick:()=>l?.(""),size:"small"},zo.createElement(Iy,{color:"gray",size:10})),fullWidth:o,color:n,variant:e,style:{padding:10,borderRadius:25,alignItems:"center"},size:r,value:a,onChange:s,...p})}i(Ct,"SearchInput");import{i18n as yr}from"@lingui/core";import uc from"dayjs";var cc=i(t=>{let e=new Map([["today",{title:yr.t("Today"),swaps:[]}],["week",{title:yr.t("This week"),swaps:[]}],["month",{title:yr.t("This month"),swaps:[]}],["year",{title:yr.t("This year"),swaps:[]}]]);function o(p,u){e.has(p)||e.set(p,{title:p,swaps:[]}),e.get(p)?.swaps.push(u)}i(o,"addYearsToOutput");let n=uc();t.forEach(p=>{let u=Number(p.creationTime),c=uc(u);if(n.isSame(c,"day"))e.get("today")?.swaps.push(p);else if(n.isSame(c,"week"))e.get("week")?.swaps.push(p);else if(n.isSame(c,"month"))e.get("month")?.swaps.push(p);else if(n.isSame(c,"year"))e.get("year")?.swaps.push(p);else{let h=new Date(u).getFullYear().toString();o(h,p)}});let r=Array.from(e.values()).filter(p=>p.swaps.length>0),s=r.flatMap(p=>p.swaps),a=r.map(p=>p.swaps.length),l=r.map(p=>p.title);return{swaps:s,groupCounts:a,groups:l}},"groupSwapsByDate");var $y=Ny("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),_y=i((t,e)=>t?.length?t.filter(o=>it(o.fromBlockchain,e)||it(o.toBlockchain,e)||it(o.toSymbol,e)||it(o.fromSymbol,e)).length:!1,"isStepContainsText");function dc(){let t=Py(),{manager:e,state:o}=Ly(),n=Mt(e).map(({swap:c})=>c),[r,s]=By(""),a=!o.loadedFromPersistor,l=i(c=>{let h=c.target.value;s(h)},"searchHandler"),p=n;r&&(p=n.filter(c=>it(c.inputAmount,r)||it(c.status,r)||_y(c.steps,r)||it(c.requestId,r)));let u=!p?.length&&!a;return Tt.createElement(te,{header:{title:Sr.t("History")}},Tt.createElement(se,null,Tt.createElement(Ct,{setValue:s,fullWidth:!0,variant:"contained",placeholder:Sr.t("Search Transaction"),autoFocus:!0,onChange:l,value:r}),Tt.createElement(mc,{size:"16"}),Tt.createElement($y,null,u&&Tt.createElement(ic,null,Tt.createElement(mc,{size:32}),Tt.createElement(My,{title:Sr.t("No results found"),description:r?Sr.t("Try using different keywords"):""})),!u&&Tt.createElement(cs,{list:p,onSwapClick:t,groupBy:cc,isLoading:a}))))}i(dc,"HistoryPage");import{i18n as ds}from"@lingui/core";import{Button as Hy,Divider as yc,styled as Cc,SwapInput as Sc,WarningIcon as Gy}from"@rango-dev/ui";import Ie,{useEffect as Vy,useState as jy}from"react";import{useNavigate as Ky}from"react-router-dom";import{ReverseIcon as Dy,styled as fc}from"@rango-dev/ui";import ms from"react";var Fy=fc("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),Uy=fc("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 gc(){let t=K.use.switchFromAndTo();return ms.createElement(Fy,null,ms.createElement(Uy,{onClick:()=>{t()}},ms.createElement(Dy,{size:12})))}i(gc,"SwitchFromAndToButton");import{useCallback as Oy,useEffect as qy,useState as zy}from"react";function hc(){let{fetch:t,loading:e,cancelFetch:o}=mr({request:async(n,r)=>await At().getAllRoutes(n,r)});return{fetch:t,loading:e,cancelFetch:o}}i(hc,"useFetchAllQuotes");var Qy=600;function Cr({refetchQuote:t}){let{fetch:e,cancelFetch:o}=hc(),{enableNewLiquiditySources:n,features:r}=g().config,s=X.use.connectedWallets(),a=g().tokens(),{fromToken:l,toToken:p,inputAmount:u,inputUsdValue:c,selectedQuote:h,sortStrategy:m,resetQuote:d,setSelectedQuote:S,updateQuotePartialState:C}=K(),{slippage:y,customSlippage:f,affiliatePercent:w,affiliateRef:k,affiliateWallets:v,fetchStatus:I}=g(),A=g().getLiquiditySources(),T=g().getDisabledLiquiditySources(),x=g().excludeLiquiditySources(),[L,M]=zy(!0),D=f??y,J=!l||!p||Me(l,p)||!So(u),oe=i(q=>{M(q)},"resetState"),b=i(q=>{let{fromToken:F,toToken:ae,inputAmount:Q,liquiditySources:j,excludeLiquiditySources:Ee,disabledLiquiditySources:Te,slippage:ke,affiliateRef:dt,affiliatePercent:z,affiliateWallets:Z}=q;if(L||oe(!0),!J&&F&&ae){d();let R=dl({fromToken:F,toToken:ae,inputAmount:Q,liquiditySources:j,excludeLiquiditySources:Ee,disabledLiquiditySources:Te,wallets:s,slippage:ke,affiliateRef:dt,affiliatePercent:z,affiliateWallets:Z});Da("experimentalRoute",r)&&(R.experimental=!0),e(R).then(me=>{let xe=Al(m,me.results),we=El(h,xe,me.requestAmount);M(!1),C("quotes",me),S(we),dr({diagnosisMessages:me.diagnosisMessages,requestId:we?.requestId||"",swaps:we?.swaps});let ft=we&&Rt(we,{fromToken:F,toToken:ae,userSlippage:D,tokens:a});C("warning",ft)}).catch(me=>{let{error:xe}=fr(me);(xe?.type===0||xe?.type===1)&&d(),xe?.type!==2&&(C("error",xe),M(!1))})}},"fetch"),W=Oy($a(q=>{J||b(q)},Qy),[J]);return qy(()=>{if(!t){M(!1);return}if(I==="success"){if(J){M(!1),h&&d();return}if(!So(u)||c?.eq(0)){oe(!1),o();return}return d(),oe(!0),W({inputAmount:u,fromToken:l,toToken:p,liquiditySources:A,excludeLiquiditySources:x,disabledLiquiditySources:T,slippage:D,affiliateRef:k,affiliatePercent:w,affiliateWallets:v}),o}},[I,u,l?.symbol,l?.address,l?.blockchain,p?.symbol,p?.address,p?.blockchain,J,A?.length,n,T.length,D,k,w,JSON.stringify(v)]),{fetch:()=>b({inputAmount:u,fromToken:l,toToken:p,liquiditySources:A,excludeLiquiditySources:x,disabledLiquiditySources:T,slippage:D,affiliateRef:k,affiliatePercent:w,affiliateWallets:v}),loading:L}}i(Cr,"useSwapInput");var Xy=Cc("div",{position:"relative"}),Yy=Cc("div",{display:"flex",flexDirection:"column",gap:5,alignSelf:"stretch"});function Tc(){let t=Ky(),{fromToken:e,fromBlockchain:o,toToken:n,toBlockchain:r,setInputAmount:s,inputAmount:a,inputUsdValue:l,outputAmount:p,outputUsdValue:u,selectedQuote:c,refetchQuote:h,error:m,warning:d,quotes:S,resetQuoteWallets:C,setQuoteWarningsConfirmed:y,updateQuotePartialState:f}=K(),{fetch:w,loading:k}=Cr({refetchQuote:h}),{config:v,fetchStatus:I}=g(),{connectedWallets:A,getBalanceFor:T}=X(),{isActiveTab:x}=ne(),[L,M]=jy(!1),D=!!o&&Ia(A,o.name),V=!1,J=!ii(c,a,l),oe=!ii(c,a,u),b=al({fetchMetaStatus:I,fetchingQuote:k,inputAmount:a,quote:c,anyWalletConnected:A.length>0,error:m,warning:d,needsToWarnEthOnPath:V}),W=e?T(e):null,q=cn(W)?.amount??"0",F=o&&e&&W?.amount?E(W?.amount,W?.decimals):"0",ae=I==="success"&&!!a&&!!e&&!!n&&k;Vy(()=>{C(),f("refetchQuote",!0)},[]);let Q=!l||!u||!u.gt(0)?null:Ve(l.toString(),u.toString());return Ie.createElement(te,{height:"auto",footer:Ie.createElement(Hy,{type:"primary",size:"large",disabled:b.disabled||!x,prefix:b.action==="confirm-warning"&&Ie.createElement(Gy,null),fullWidth:!0,onClick:()=>{b.action==="connect-wallet"?t(P.wallets):b.action==="confirm-warning"?M(!0):t(P.confirmSwap)}},b.title),header:{onWallet:()=>{t(P.wallets)},hasBackButton:!1,title:v.title||ds.t("Swap"),suffix:Ie.createElement(bo,{onClickRefresh:(c||m)&&!L?w:void 0,onClickHistory:()=>t(P.swaps),onClickSettings:()=>t(P.settings)})}},Ie.createElement(se,null,Ie.createElement(Yy,null,Ie.createElement(Xy,null,Ie.createElement(Sc,{label:ds.t("From"),mode:"From",onInputChange:s,balance:q,chain:{displayName:o?.displayName||"",image:o?.logo||""},token:{displayName:e?.symbol||"",image:e?.image||""},onClickToken:()=>t(P.fromSwap),price:{value:a,usdValue:J?void 0:E(l,4,4),realUsdValue:J?void 0:ue(l),error:J?Y().unknownPriceError.impactTitle:void 0},disabled:I==="failed",loading:I==="loading",loadingBalance:D,tooltipContainer:N(),onSelectMaxBalance:()=>{s(F.split(",").join(""))}}),Ie.createElement(gc,null)),Ie.createElement(Sc,{sharpBottomStyle:!!c||ae,label:ds.t("To"),mode:"To",fetchingQuote:ae,chain:{displayName:r?.displayName||"",image:r?.logo||""},token:{displayName:n?.symbol||"",image:n?.image||""},percentageChange:E(Ve(l,u),2,2),warningLevel:ht(Q??0),price:{value:E(p,6,6),usdValue:oe?void 0:E(u,4,4),realValue:ue(p),realUsdValue:oe?void 0:ue(u),error:oe?Y().unknownPriceError.impactTitle:void 0},onClickToken:()=>t(P.toSwap),disabled:I==="failed",loading:I==="loading",tooltipContainer:N()})),Ie.createElement(yc,{size:"2"}),Ie.createElement(Xt,{quote:c,loading:ae,error:m,tagHidden:!1,warning:d,type:"basic",onClickAllRoutes:S&&S.results.length>1?()=>{f("refetchQuote",!1),t(P.routes)}:void 0}),d||m?Ie.createElement(Ie.Fragment,null,Ie.createElement(yc,{size:"10"}),Ie.createElement(Mo,{warning:d,error:m,loading:ae,refetchQuote:w,showWarningModal:L,confirmationDisabled:!x,onOpenWarningModal:()=>M(!0),onCloseWarningModal:()=>M(!1),onConfirmWarningModal:()=>{M(!1),y(!0),t(P.confirmSwap)},onChangeSettings:()=>t(P.settings)})):null))}i(Tc,"Home");import{i18n as kc}from"@lingui/core";import{List as Jy,ListItemButton as Zy,Radio as Ry,RadioRoot as eS,Typography as tS}from"@rango-dev/ui";import $t from"react";function co(){let{setLanguage:t,language:e,config:o}=g(),n=Ua,r=o?.language||To;return{activeLanguage:e||r,languages:n,defaultLanguage:r,changeLanguage:s=>t(s||To),resetLanguage:()=>t(null)}}i(co,"useLanguage");function wc(){let{activeLanguage:t,changeLanguage:e,languages:o}=co(),n=o.map(r=>{let{local:s,label:a,SVGFlag:l}=r;return{id:s,value:s,title:$t.createElement(tS,{variant:"title",size:"xmedium"},a),onClick:()=>e(r.local),end:$t.createElement(Ry,{value:s}),start:$t.createElement(l,null)}});return $t.createElement(te,{header:{title:kc.t("Language")}},$t.createElement(se,null,$t.createElement(eS,{value:t},$t.createElement(Jy,{type:$t.createElement(Zy,{title:kc.t("language"),id:"_",onClick:()=>console.log()}),items:n}))))}i(wc,"LanguagePage");import{i18n as kt}from"@lingui/core";import{Button as sS,Checkbox as aS,Image as lS,ListItemButton as pS,NotFound as uS,Typography as cS}from"@rango-dev/ui";import _e,{useState as mS}from"react";import{Checkbox as rS,Skeleton as xc}from"@rango-dev/ui";import Ho from"react";import{styled as fs}from"@rango-dev/ui";var Qo=fs("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto",variants:{disabled:{true:{pointerEvents:"none"}}}}),gs=fs("div",{width:80,display:"flex",justifyContent:"flex-end"}),hs=fs("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});import{ListItem as oS,styled as nS}from"@rango-dev/ui";var vc=nS(oS,{height:61});var iS=30;function ys(){return Ho.createElement(Qo,null,Array.from(Array(iS),t=>Ho.createElement(vc,{hasDivider:!0,key:t,start:Ho.createElement(xc,{variant:"circular",width:35,height:35}),title:Ho.createElement(xc,{variant:"text",size:"large",width:90}),end:Ho.createElement(rS,{checked:!1})})))}i(ys,"LoadingLiquiditySourceList");function Ss({sourceType:t}){let e=g().fetchStatus,o=g().swappers(),n=g().getDisabledLiquiditySources(),[r,s]=mS(""),a=g().toggleLiquiditySource,l=g().isInCampaignMode(),p=yn(o,n),u={Exchanges:kt.t("Exchanges"),Bridges:kt.t("Bridges")},c=[];t==="Exchanges"&&c.push("DEX"),t==="Bridges"&&(c.push("BRIDGE"),c.push("AGGREGATOR"));let h=p.filter(f=>c.includes(f.type)),m=h.length===h.filter(f=>f.selected).length,d=i(()=>{h.forEach(f=>{m?a(f.groupTitle):f.selected||a(f.groupTitle)})},"toggleAllSources"),S=h.map(f=>{let{selected:w,groupTitle:k,logo:v}=f;return{start:_e.createElement(lS,{src:v,size:22,type:"circular"}),onClick:()=>{l||a(k)},end:_e.createElement(aS,{checked:w,disabled:l}),title:_e.createElement(cS,{variant:"title",size:"xmedium"},kt.t(k)),...f}}),C=i(f=>{let w=f.target.value;s(w)},"searchHandler"),y=S;return r&&(y=S.filter(f=>it(f.groupTitle,r))),_e.createElement(te,{header:{title:kt.t(t),suffix:_e.createElement(gs,null,_e.createElement(sS,{variant:"ghost",size:"xsmall",onClick:d},m?kt.t("Deselect all"):kt.t("Select all")))}},_e.createElement(se,{view:!0},_e.createElement(Ct,{value:r,setValue:s,fullWidth:!0,color:"light",variant:"contained",placeholder:kt.t("Search {sourceType}",{sourceType:u[t]}),onChange:C}),e==="loading"&&_e.createElement(ys,null),!y.length&&r?_e.createElement(hs,null,_e.createElement(uS,{title:kt.t("No results found"),description:kt.t("Try using different keywords")})):e==="success"&&_e.createElement(Qo,{disabled:l},y.map(f=>_e.createElement(_e.Fragment,{key:f.id},_e.createElement(pS,{style:{height:"61px"},...f,selected:!1,hasDivider:!0}))))))}i(Ss,"LiquiditySourcePage");import{i18n as dS}from"@lingui/core";import{Divider as bc}from"@rango-dev/ui";import tt from"react";import{useNavigate as fS}from"react-router-dom";var gS=3;function Ic(){let t=fS(),e=lt(),{selectedQuote:o,quotes:n,refetchQuote:r,setSelectedQuote:s,updateQuotePartialState:a,fromToken:l,toToken:p,error:u}=K(),{slippage:c,customSlippage:h}=g(),m=g().tokens(),d=h??c,{fetch:S,loading:C}=Cr({refetchQuote:r}),y=i(v=>{s(v),a("refetchQuote",!1),e()},"onClickOnQuote"),f=i(v=>{if(!l||!p||!n)return null;let I={requestAmount:n.requestAmount,...v};return Rt(I,{fromToken:l,toToken:p,userSlippage:d,tokens:m})},"getQuoteWarning"),w=`../${P.settings}`,k=`../${P.wallets}`;return tt.createElement(te,{header:{onWallet:()=>{t(k)},onBack:()=>{a("refetchQuote",!1)},title:dS.t("Routes"),suffix:tt.createElement(bo,{onClickRefresh:o||u?S:void 0,hidden:["notifications","history"],onClickSettings:()=>t(w)})}},tt.createElement(se,null,C?Array.from({length:gS},(v,I)=>tt.createElement(tt.Fragment,{key:I},tt.createElement(Uo,{tagHidden:!1,type:"list-item",expanded:!1}),tt.createElement(bc,{size:16}))):!!n&&n.results?.map(v=>{let I=f(v),A=rs(v.swaps);return tt.createElement(tt.Fragment,{key:v.requestId},tt.createElement(Xt,{selected:o?.requestId===v.requestId,tagHidden:!1,quote:{...v,requestAmount:n.requestAmount},loading:C,error:A?.options||null,warning:I,onClick:T=>{a("warning",I),a("error",A?.options||null),y(T)},type:"list-item"}),tt.createElement(bc,{size:16}))})))}i(Ic,"RoutesPage");import{i18n as Pc}from"@lingui/core";import{Divider as $c,getCountCategories as bS,SelectableCategoryList as IS}from"@rango-dev/ui";import wt,{useState as _c}from"react";import{i18n as Ts}from"@lingui/core";import{Divider as Nc,Image as TS,ListItemButton as kS,NotFound as wS,Typography as Bc}from"@rango-dev/ui";import Xe,{useEffect as vS,useState as xS}from"react";import{BlockchainCategories as Cs}from"@rango-dev/ui";import{TransactionType as Tr}from"rango-sdk";var hS=i((t,e)=>{switch(e){case Cs.ALL:return!0;case Cs.UTXO:return t.type===Tr.TRANSFER;case Cs.OTHER:return t.type!==Tr.TRANSFER&&t.type!==Tr.COSMOS&&t.type!==Tr.EVM;default:return t.type===e}},"filterByType"),Ac=i((t,e,o)=>t.filter(n=>hS(n,o)).filter(n=>Ot(n.name,e)||Ot(n.displayName,e)),"filterBlockchains");import{ImageContainer as yS,styled as Ec}from"@rango-dev/ui";var Wc=Ec("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),kr=Ec(Io,{padding:0,margin:0,listStyle:"none",[`& ${yS}`]:{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as SS,Skeleton as Lc}from"@rango-dev/ui";import wr from"react";var CS=20;function Mc(){return wr.createElement(kr,null,Array.from(Array(CS),t=>wr.createElement(SS,{key:t,hasDivider:!0,start:wr.createElement(Lc,{variant:"circular",width:35,height:35}),title:wr.createElement(Lc,{variant:"text",size:"large",width:90})})))}i(Mc,"LoadingBlockchainList");function ks(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[s,a]=xS(e),{fetchStatus:l}=g();vS(()=>{a([...Ac(e,o,r)])},[e,o,r]);let p=i(()=>!s.length&&o?Xe.createElement(Xe.Fragment,null,Xe.createElement(Nc,{size:32}),Xe.createElement(wS,{title:Ts.t("No results found"),description:Ts.t("Try using different keywords")})):Xe.createElement(kr,{as:"ul",key:`${r}-${o}`},s.map(u=>Xe.createElement(kS,{key:`${u.name}-${u.chainId}`,hasDivider:!0,onClick:()=>n(u),start:Xe.createElement(TS,{src:u.logo,size:30}),title:Xe.createElement(Bc,{variant:"title",size:"medium"},u.displayName),id:u.chainId}))),"renderList");return Xe.createElement(Wc,null,Xe.createElement(Bc,{variant:"label",size:"large"},Ts.t("Select Blockchain")),Xe.createElement(Nc,{size:4}),l==="loading"&&Xe.createElement(Mc,null),l==="success"&&p())}i(ks,"BlockchainList");function ws(t){let{type:e}=t,o=lt(),[n,r]=_c(""),[s,a]=_c("ALL"),l=K.use.setToBlockchain(),p=K.use.setFromBlockchain(),u=g().fetchStatus,c=g().blockchains({type:e}),m=bS(c)!==1;return wt.createElement(te,{header:{title:Pc.t("Select Blockchain")}},wt.createElement(se,{view:!0},m&&wt.createElement(wt.Fragment,null,wt.createElement(IS,{setCategory:a,category:s,blockchains:c,isLoading:u==="loading"}),wt.createElement($c,{size:24})),wt.createElement(Ct,{value:n,autoFocus:!0,placeholder:Pc.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:d=>r(d.target.value)}),wt.createElement($c,{size:16}),wt.createElement(ks,{list:c,searchedFor:n,blockchainCategory:s,onChange:d=>{e==="source"?p(d):l(d),o()}})))}i(ws,"SelectBlockchainPage");import{i18n as Ar}from"@lingui/core";import{Divider as om}from"@rango-dev/ui";import Yt,{useState as QS}from"react";import{useNavigate as HS}from"react-router-dom";import{i18n as bs}from"@lingui/core";import{BlockchainsChip as vr,Divider as Oc,Image as qc,Skeleton as MS,Tooltip as NS,Typography as Is}from"@rango-dev/ui";import Ce from"react";import{useEffect as WS}from"react";var Dc=["ETH","COSMOS","OSMOSIS"];function vs(t,e,o){let n=JSON.parse(JSON.stringify(t)),r=[];if(n.sort(AS),o?.limit&&t.length>o.limit){let s=o.limit,a=e;if(e.length<=o.limit){let l=o.limit-e.length;for(let p=0;p<=l;p++){let u=n[p];a=a.filter(c=>u.name!==c)}}n.sort(ES(a)),r=n.splice(s)}return{list:n,more:r}}i(vs,"prepare");function AS(t,e){let o=Dc,n=o.findIndex(l=>l===t.name),r=o.findIndex(l=>l===e.name),s=n>-1,a=r>-1;return s&&a?n>r?1:-1:s?-1:a?1:0}i(AS,"sortByMostUsedBlockchains");function ES(t){return i(function(o,n){let r=t.findIndex(p=>p===o.name),s=t.findIndex(p=>p===n.name),a=r>-1,l=s>-1;return a&&l?r>s?1:-1:t.includes(o.name)?-1:t.includes(n.name)?1:0},"sortByPreferred")}i(ES,"generateSortByPreferredBlockchainsFor");function Fc(t,e){return!!e.list.find(o=>o.name===t)}i(Fc,"isInVisibleList");function xs(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=g();WS(()=>{if(e?.selected){let s=vs(t,o,e);Fc(e.selected,s)||n(e?.selected)}},[e?.selected]);let r=vs(t,o,e);return{list:r.list,more:r.more,history:[]}}i(xs,"usePrepareBlockchainList");import{styled as LS}from"@rango-dev/ui";var Uc=LS("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var BS=12;function As(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:s}=t,a=xs(e,{limit:10,selected:n?.name}),{fetchStatus:l}=g(),p=K.use.resetToBlockchain(),u=K.use.resetFromBlockchain(),c=a.more.length>0,h=a.more.length===1,m=!h&&c;return Ce.createElement(Ce.Fragment,null,Ce.createElement(Oc,{size:12}),Ce.createElement(Is,{variant:"label",size:"large"},bs.t("Select Blockchain")),Ce.createElement(Oc,{size:12}),Ce.createElement(Uc,null,l==="loading"&&Array.from(Array(BS),d=>Ce.createElement(MS,{key:d,variant:"rounded",height:50})),l==="success"&&Ce.createElement(Ce.Fragment,null,Ce.createElement(vr,{selected:!n,onClick:()=>{o==="from"?u():p()}},Ce.createElement(Is,{variant:"body",size:"xsmall",color:"secondary500"},bs.t("All"))),a.list.map(d=>Ce.createElement(NS,{key:d.name,content:d.shortName,side:"bottom",sideOffset:2,container:N()},Ce.createElement(vr,{key:d.name,selected:!!n&&n.name===d.name,onClick:()=>r(d)},Ce.createElement(qc,{src:d.logo,size:30})))),h?Ce.createElement(vr,{key:a.more[0].name,selected:!!n&&n.name===a.more[0].name,onClick:()=>r(a.more[0])},Ce.createElement(qc,{src:a.more[0].logo,size:30})):null,m?Ce.createElement(vr,{onClick:s,key:"more-blockchains"},Ce.createElement(Is,{variant:"body",size:"xsmall",color:"secondary500"},bs._("More +{count}",{count:a.more.length}))):null)))}i(As,"BlockchainsSection");import{i18n as Ds}from"@lingui/core";import{darkTheme as Jc,Divider as fo,ExternalLinkIcon as _S,Image as DS,ListItemButton as FS,NotFound as US,PinIcon as OS,Skeleton as Zc,Typography as Ir,VirtualizedList as qS}from"@rango-dev/ui";import O,{useEffect as Rc,useState as em}from"react";import{Divider as Xc,ListItem as $S,Skeleton as Go}from"@rango-dev/ui";import nt from"react";import{css as mo,darkTheme as zc,ImageContainer as PS,styled as ot,Typography as Qc}from"@rango-dev/ui";var Es=mo({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}),Ws=mo({position:"relative",height:12,width:"30%",maxWidth:"150px"}),Ls=mo({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",bottom:"-8px"}),Ms=mo({transform:"translateY(12px)",visibility:"hidden","& a":{display:"flex",justifyContent:"center",alignItems:"center",fontSize:"$12",lineHeight:"$16",$$color:"$colors$neutral600",[`.${zc} &`]:{$$color:"$colors$neutral700"},color:"$$color",textDecoration:"none"}}),Ns=mo({}),Bs=mo(),Hc=ot("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),Ps=ot("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),xr=ot("ul",{flexGrow:1,padding:0,margin:0,listStyle:"none","& li":{alignItems:"none","&:hover":{[`& .${Ws}`]:{[`& .${Ms}`]:{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",visibility:"visible"},[`& .${Ns}`]:{bottom:"-15px"},[`& .${Es}`]:{position:"absolute",transform:"translateY(-12px)",visibility:"hidden"},[`& .${Ls}`]:{position:"absolute",transform:"translateY(-12px)",bottom:"-10px"}}}}}),$s=ot("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),_s=ot(Qc,{}),Gc=ot("div",{textAlign:"right",width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",[`& .${Bs}`]:{$$color:"$colors$neutral600",[`.${zc} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),br=ot("div",{display:"flex",alignItems:"end",flexDirection:"column"}),a_=ot("div",{display:"flex",alignItems:"center"}),Vc=ot("div",{position:"relative",[`& ${PS}`]:{borderRadius:"$xm",overflow:"hidden"}}),jc=ot("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6}),Kc=ot(Qc,{width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"});function Yc(t){return nt.createElement(xr,null,Array.from(Array(t.size),e=>nt.createElement($S,{key:e,hasDivider:!0,start:nt.createElement(Go,{variant:"circular",width:35,height:35}),end:nt.createElement(br,null,nt.createElement(Go,{variant:"text",size:"large",width:70}),nt.createElement(Xc,{size:4}),nt.createElement(Go,{variant:"text",size:"medium",width:50})),title:nt.createElement("div",null,nt.createElement(Go,{variant:"text",size:"large",width:90}),nt.createElement(Xc,{size:4}),nt.createElement(Go,{variant:"text",size:"medium",width:90}))})))}i(Yc,"LoadingTokenList");var Fs=20,zS=i(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:s,customCssForTagTitle:a}=t,l=e.length;return O.createElement("div",{className:Ws()},o?O.createElement("div",{className:Es()},o):O.createElement(Ps,{className:Ls()},O.createElement(Ir,{variant:"title",size:"xmedium"},r.symbol),O.createElement(fo,{direction:"horizontal",size:4}),O.createElement($s,{css:s},O.createElement(_s,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&O.createElement("div",{className:`${Ms()} ${!o&&Ns()}`},O.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," ",O.createElement(fo,{size:4,direction:"horizontal"}),O.createElement(_S,{color:"gray",size:12}))))},"renderDesc");function tm(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[s,a]=em(e),l=g().fetchStatus,p=g().blockchains(),[u,c]=em(!0),{getBalanceFor:h,loading:m}=X(),{isTokenPinned:d}=g(),S=i(()=>{a(e.slice(0,s.length+Fs))},"loadNextPage");Rc(()=>{c(e.length>s.length)},[s.length]),Rc(()=>{a(e.slice(0,Fs))},[e]);let C=i(()=>!s.length&&o?O.createElement(O.Fragment,null,O.createElement(fo,{size:32}),O.createElement(US,{title:Ds.t("No results found"),description:Ds.t("Try using different keywords")})):O.createElement(qS,{endReached:u?S:void 0,itemContent:y=>{let f=s[y],w=cn(h(f)),k=f.address||"",v=p.find(x=>x.name===f.blockchain),I=On(f.symbol,v?.color||""),A={$$color:I[`${f.symbol}100`],[`.${Jc} &`]:{$$color:I[`${f.symbol}900`]},backgroundColor:"$$color"},T={$$color:I[`${f.symbol}700`],[`.${Jc} &`]:{$$color:I[`${f.symbol}100`]},color:"$$color"};return O.createElement("div",{style:{paddingRight:5}},O.createElement(FS,{style:{width:"100%",overflow:"hidden"},"tab-index":y,key:`${f.symbol}${f.address}`,id:`${f.symbol}${f.address}`,hasDivider:!0,onClick:()=>n(s[y]),start:O.createElement(Vc,null,O.createElement(DS,{src:f.image,size:30}),d(f,t.type)&&O.createElement(jc,null,O.createElement(OS,{size:12,color:"gray"}))),title:v?.type==="COSMOS"||f.name||!f.name&&!k?O.createElement(Ps,null,O.createElement(Ir,{variant:"title",size:"xmedium"},f.symbol),O.createElement(fo,{direction:"horizontal",size:4}),O.createElement($s,{css:A},O.createElement(_s,{variant:"body",size:"xsmall",css:T},f.blockchain))):void 0,description:v?.info&&k&&v.type!=="COSMOS"?zS({address:k,token:s[y],customCssForTag:A,customCssForTagTitle:T,name:f.name,url:v.info.addressUrl.split("{wallet}").join(k)}):f.name||void 0,end:m?O.createElement(br,null,O.createElement(Zc,{variant:"text",size:"large",width:70}),O.createElement(fo,{size:4}),O.createElement(Zc,{variant:"text",size:"medium",width:50})):w&&O.createElement(Gc,null,O.createElement(Kc,{variant:"title",size:"small"},w.amount),O.createElement("div",null),w.usdValue&&O.createElement(Ir,{variant:"body",className:Bs(),size:"xsmall"},`$${w.usdValue}`))}))},totalCount:s.length,key:`${r}-${o}`}),"renderList");return O.createElement(Hc,null,O.createElement(Ir,{variant:"label",size:"large"},Ds.t("Select Token")),O.createElement(fo,{size:4}),l==="loading"&&O.createElement(Yc,{size:Fs}),l==="success"&&O.createElement(xr,{as:"ul"},C()))}i(tm,"TokenList");function Us(t){let{type:e}=t,o=HS(),n=lt(),{fromBlockchain:r,toBlockchain:s,setFromToken:a,setToToken:l,setFromBlockchain:p,setToBlockchain:u}=K(),c=X.use.getBalanceFor(),[h,m]=QS(""),{isTokenPinned:d}=g(),C=(e==="source"?r:s)?.name??"",y=g().blockchains({type:e}),f=g().tokens({type:e,blockchain:C,searchFor:h}),k=va(f,c,i(T=>d(T,e),"checkIsTokenPinned")),v=i(T=>{e==="source"?p(T):u(T)},"updateBlockchain"),I=i(T=>{e==="source"?a({token:T,meta:{blockchains:y,tokens:f}}):l({token:T,meta:{blockchains:y,tokens:f}})},"updateToken"),A={source:Ar.t("Source"),destination:Ar.t("Destination")};return Yt.createElement(te,{header:{title:Ar.t("Swap {type}",{type:A[e]})}},Yt.createElement(se,null,Yt.createElement(As,{blockchains:y,type:e=="source"?"from":"to",blockchain:e==="source"?r:s,onMoreClick:()=>o(P.blockchains),onChange:T=>{v(T)}}),Yt.createElement(om,{size:24}),Yt.createElement(Ct,{value:h,autoFocus:!0,placeholder:Ar.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>m(""),onChange:T=>m(T.target.value)}),Yt.createElement(om,{size:16}),Yt.createElement(tm,{list:k,selectedBlockchain:C,searchedFor:h,type:e,onChange:T=>{I(T);let x=y.find(L=>T.blockchain===L.name);x&&v(x),n()}})))}i(Us,"SelectSwapItemsPage");import{i18n as vt}from"@lingui/core";import{Alert as ZS,Button as RS,ChevronRightIcon as Wr,Divider as zs,InfoIcon as eC,List as tC,ListItemButton as oC,Skeleton as nC,styled as rC,Switch as iC,Tooltip as sC,Typography as _t}from"@rango-dev/ui";import G from"react";import{useInRouterContext as aC,useNavigate as lC,useSearchParams as pC}from"react-router-dom";import{i18n as lm}from"@lingui/core";import{Divider as KS,InfoIcon as XS,TextField as YS,Tooltip as JS,Typography as pm}from"@rango-dev/ui";import Qe from"react";import{Chip as GS,styled as Vo,TextField as VS}from"@rango-dev/ui";var nm=Vo("div",{paddingTop:"$5",padding:"$10 $5"}),rm=Vo("div",{display:"flex",flexWrap:"wrap",gap:"$10",[`& ${VS}`]:{flex:"1 1 0",maxWidth:"127px",minWidth:"85px"}}),im=Vo("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),Er=Vo("div",{maxWidth:"280px",padding:"$10"}),sm=Vo(GS,{width:"61px",flexShrink:0});import{i18n as Os}from"@lingui/core";import{Typography as jS}from"@rango-dev/ui";import jo from"react";function am(){return jo.createElement(Er,null,jo.createElement(jS,{variant:"label",size:"medium",color:"neutral700"},Os.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),jo.createElement("br",null),jo.createElement("br",null),jo.createElement("b",null,Os.t("Warning")),":",Os.t("This setting is applied per step (e.g. 1Inch, Thorchain, etc) which means only the step will be reverted, not the whole transaction.")))}i(am,"SlippageTooltipContent");function qs(){let{slippage:t,setSlippage:e,customSlippage:o,setCustomSlippage:n}=g();return Qe.createElement(nm,null,Qe.createElement(im,null,Qe.createElement(pm,{variant:"title",size:"xmedium"},lm.t("Slippage tolerance per swap")),Qe.createElement(KS,{direction:"horizontal",size:4}),Qe.createElement(JS,{container:N(),side:"top",sideOffset:4,content:Qe.createElement(am,null)},Qe.createElement(XS,{color:"gray"}))),Qe.createElement(rm,null,Oa.map((r,s)=>{let a=`slippage-${s}`;return Qe.createElement(Qe.Fragment,null,Qe.createElement(sm,{key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`}))}),Qe.createElement(YS,{type:"number",min:"0.01",max:"30",step:"0.01",fullWidth:!0,variant:"contained",value:o||"",color:"dark",onChange:r=>{let s=r.target.value,a=parseFloat(s);a>=Ha&&a<=Qa?n(a):n(null)},suffix:o&&Qe.createElement(pm,{variant:"body",size:"small"},"%"),placeholder:lm.t("Custom")})))}i(qs,"Slippage");var uC=rC("div",{paddingLeft:"$8"});function um(){let t=lC(),{theme:e}=g().config,o=g().fetchStatus,n=g().swappers(),r=g().getDisabledLiquiditySources(),{config:{features:s},isInCampaignMode:a,updateCampaignMode:l}=g(),p=a(),u=He("theme",s),c=He("liquiditySource",s),h=He("language",s),m=g().infiniteApprove,d=g().toggleInfiniteApprove,S=yn(n,r),C=S.filter(b=>b.type==="BRIDGE"||b.type==="AGGREGATOR"),y=C.length,f=C.filter(b=>b.selected).length,w=S.filter(b=>b.type==="DEX"),k=w.length,v=w.filter(b=>b.selected).length,I=i((b,W)=>{switch(o){case"loading":return G.createElement(nC,{variant:"text",size:"medium",width:50});case"failed":return G.createElement(_t,{variant:"body",size:"medium",color:"$error500"},vt.t("Loading failed"));default:return G.createElement(_t,{variant:"body",size:"medium"},`${b} / ${W}`)}},"handleEndItem"),A={id:"bridge-item",title:G.createElement(_t,{variant:"title",size:"xmedium"},vt.t("Enabled bridges")),end:G.createElement(G.Fragment,null,I(f,y),G.createElement(zs,{direction:"horizontal",size:8}),G.createElement(Wr,{color:"black"})),onClick:()=>t(P.bridges)},T={id:"exchange-item",title:G.createElement(_t,{variant:"title",size:"xmedium"},vt.t("Enabled exchanges")),end:G.createElement(G.Fragment,null,I(v,k),G.createElement(zs,{direction:"horizontal",size:8}),G.createElement(Wr,{color:"gray"})),onClick:()=>t(P.exchanges)},x={id:"language-item",title:G.createElement(_t,{variant:"title",size:"xmedium"},vt.t("Language")),end:G.createElement(Wr,{color:"gray"}),onClick:()=>t(P.languages)},L={id:"theme-item",title:G.createElement(_t,{variant:"title",size:"xmedium"},vt.t("Theme")),end:G.createElement(Wr,{color:"gray"}),onClick:()=>t(P.themes)},M={id:"infinite-approval-item",title:G.createElement(G.Fragment,null,G.createElement(_t,{variant:"title",size:"xmedium"},vt.t("Infinite approval")),G.createElement(zs,{direction:"horizontal",size:4}),G.createElement(sC,{side:"top",sideOffset:4,container:N(),content:G.createElement(Er,null,G.createElement(_t,{variant:"label",size:"medium",color:"neutral700"},vt.t("Enabling the 'Infinite approval' mode grants unrestricted access to smart contracts of DEXes/Bridges, allowing them to utilize the approved token amount without limitations.")))},G.createElement(eC,{color:"gray"}))),end:G.createElement(iC,{checked:m}),onClick:d},D=c?[]:[A,T];h||D.push(x),!e?.singleTheme&&!u&&D.push(L),D.push(M);let[,V]=pC(),J=aC(),oe=i(()=>{J&&p&&(V(b=>(b.delete("liquiditySources"),b),{replace:!0}),l("liquiditySources",void 0))},"onClick");return G.createElement(te,{header:{title:vt.t("Settings")}},G.createElement(se,null,p&&G.createElement(ZS,{type:"info",variant:"alarm",title:vt.t("Currently, you're in campaign mode with restrictions on liquidity sources. Would you like to switch out of this mode and make use of all available liquidity sources?"),action:G.createElement(uC,null,G.createElement(RS,{type:"secondary",size:"small",onClick:oe},"Reset"))}),G.createElement(qs,null),G.createElement(tC,{type:G.createElement(oC,{title:"_",id:"_",onClick:()=>console.log()}),items:D})))}i(um,"SettingsPage");import{i18n as JC}from"@lingui/core";import{cancelSwap as ZC}from"@rango-dev/queue-manager-rango-preset";import{useManager as RC}from"@rango-dev/queue-manager-react";import{Alert as eT}from"@rango-dev/ui";import ra from"react";import{useParams as tT}from"react-router-dom";import{i18n as bt}from"@lingui/core";import{getCurrentBlockchainOfOrNull as BC,getCurrentStep as PC,getRelatedWalletOrNull as $C}from"@rango-dev/queue-manager-rango-preset";import{Button as _m,CopyIcon as _C,Divider as DC,IconButton as FC,LinkIcon as UC,QuoteCost as OC,StepDetails as qC,Typography as ho,useCopyToClipboard as zC}from"@rango-dev/ui";import{useWallets as QC}from"@rango-dev/wallets-react";import Dm from"bignumber.js";import{PendingSwapNetworkStatus as Fr}from"rango-types";import ee,{useEffect as Fm,useRef as HC,useState as Um}from"react";import{useNavigate as GC}from"react-router-dom";import{i18n as Dt}from"@lingui/core";var cC=[Dt.t("Sunday"),Dt.t("Monday"),Dt.t("Tuesday"),Dt.t("Wednesday"),Dt.t("Thursday"),Dt.t("Friday"),Dt.t("Saturday")];function cm(t){let e=new Date(t),o=e.getDate(),n=e.toLocaleString("default",{month:"long"}),r=e.getFullYear();return`${e.getDay()===new Date().getDay()?Dt.t("Today"):`${cC[e.getDay()]} ${o} ${n} ${r}`}, ${new Date(t).toLocaleTimeString()}`}i(cm,"timeSince");function mm(t){return t.finishTime?cm(parseInt(t.finishTime)):cm(parseInt(t.creationTime))}i(mm,"getSwapDate");import{PendingSwapNetworkStatus as Nr}from"rango-types";import Br from"react";import{i18n as Lr}from"@lingui/core";import{Button as dm,Divider as Qs,MessageBox as mC}from"@rango-dev/ui";import Ft from"react";var fm=i(({onCancel:t,onClose:e})=>Ft.createElement(Ft.Fragment,null,Ft.createElement(Qs,{size:20}),Ft.createElement(mC,{type:"error",title:Lr.t("Cancel Swap"),description:Lr.t("Are you sure you want to cancel this swap?")}),Ft.createElement(Qs,{size:32}),Ft.createElement(dm,{variant:"contained",type:"primary",size:"large",onClick:t},Lr.t("Yes, Cancel it")),Ft.createElement(Qs,{size:12}),Ft.createElement(dm,{variant:"outlined",type:"primary",size:"large",onClick:e},Lr.t("No, Continue"))),"CancelContent");import{i18n as Mr}from"@lingui/core";import{Button as gm,Divider as Hs,MessageBox as dC,Typography as fC}from"@rango-dev/ui";import xt from"react";var hm=i(({onDelete:t,onClose:e})=>xt.createElement(xt.Fragment,null,xt.createElement(Hs,{size:20}),xt.createElement(dC,{type:"error",title:Mr.t("Delete Transaction"),description:Mr.t("Are you sure you want to delete this swap?")}),xt.createElement(Hs,{size:32}),xt.createElement(gm,{variant:"contained",type:"primary",size:"large",onClick:t},Mr.t("Yes, Delete it")),xt.createElement(Hs,{size:12}),xt.createElement(gm,{variant:"outlined",type:"primary",size:"large",onClick:e},xt.createElement(fC,{variant:"title",size:"medium",color:"primary"},Mr.t("No, Cancel")))),"DeleteContent");import{i18n as Gs}from"@lingui/core";import{PendingSwapNetworkStatus as Vs}from"rango-types";var js={[Vs.WaitingForNetworkChange]:{type:"loading",title:Gs.t("Change Network")},[Vs.WaitingForConnectingWallet]:{type:"warning",title:Gs.t("Connect Wallet")},[Vs.NetworkChanged]:{type:"success",title:Gs.t("Network Changed")}};import{MessageBox as hC,Wallet as yC}from"@rango-dev/ui";import{useWallets as SC}from"@rango-dev/wallets-react";import Ko from"react";import{styled as gC}from"@rango-dev/ui";var ym=gC("div",{display:"flex",justifyContent:"center"});var Sm=i(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:s,walletButtonDisabled:a}=t,{connect:l,getWalletInfo:p,state:u}=SC(),c=n?.walletType,h=c?Vr(u(c)):null,m=c?p(c):null;return Ko.createElement(Ko.Fragment,null,Ko.createElement(hC,{type:e,title:o,description:r}),s&&!!c&&!!h&&!!m&&Ko.createElement(ym,null,Ko.createElement(yC,{container:N(),title:m.name,image:m.img,type:c,state:h,link:m.installLink,disabled:a,onClick:async()=>l(c)})))},"WalletStateContent");function Ks(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:s,message:a,walletButtonDisabled:l}=t,p=e===Nr.WaitingForNetworkChange||e===Nr.WaitingForConnectingWallet||e===Nr.NetworkChanged;return Br.createElement(le,{open:!!e,onClose:o,container:document.getElementById(We.SWAP_BOX_ID)||document.body},p&&Br.createElement(Sm,{type:js[e].type,title:js[e].title,currentStepWallet:s,message:a,walletButtonDisabled:l,showWalletButton:e!==Nr.WaitingForNetworkChange}),e==="delete"&&Br.createElement(hm,{onClose:o,onDelete:n}),e==="cancel"&&Br.createElement(fm,{onClose:o,onCancel:r}))}i(Ks,"SwapDetailsModal");import{i18n as Xo}from"@lingui/core";import{Button as Xs,Divider as Pr,MessageBox as Cm,TokenAmount as CC,Typography as Ys}from"@rango-dev/ui";import Ae from"react";import{useNavigate as TC}from"react-router-dom";function Js(t){let{open:e,onClose:o,status:n,priceValue:r,usdValue:s,realUsdValue:a,realValue:l,token:p,chain:u,percentageChange:c,description:h,diagnosisUrl:m}=t,d=TC();return Ae.createElement(le,{open:e,onClose:o,container:document.getElementById(We.SWAP_BOX_ID)||document.body},n==="success"?Ae.createElement(Cm,{type:"success",title:Xo.t("Swap Successful")},Ae.createElement(CC,{direction:"vertical",tooltipContainer:N(),type:"output",centerAlign:!0,price:{value:r,usdValue:s,realUsdValue:a,realValue:l},token:p,chain:u,percentageChange:c}),Ae.createElement(Pr,{size:12}),Ae.createElement(Ys,{variant:"body",size:"medium",color:"neutral700",align:"center"},h)):Ae.createElement(Cm,{type:"error",title:Xo.t("Transaction Failed"),description:h}),Ae.createElement(Pr,{size:32}),n==="success"&&Ae.createElement(Xs,{variant:"contained",type:"primary",size:"large",onClick:()=>{d("../../")}},Ae.createElement(Ys,{variant:"title",size:"medium",color:"neutral100"},Xo.t("Done"))),Ae.createElement(Pr,{size:12}),m&&Ae.createElement(Ae.Fragment,null,Ae.createElement(Xs,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(m,"_blank")},Xo.t("Diagnosis")),Ae.createElement(Pr,{size:12})),Ae.createElement(Xs,{variant:"outlined",type:"primary",size:"large",onClick:o},Ae.createElement(Ys,{variant:"title",size:"medium",color:"primary"},Xo.t("See Details"))))}i(Js,"SwapDetailsCompleteModal");import MC from"react";import{i18n as AC}from"@lingui/core";import{Alert as bm,IconButton as EC,LinkIcon as WC}from"@rango-dev/ui";import Ut,{Fragment as LC}from"react";import{Alert as kC,ChevronDownIcon as wC,ChevronUpIcon as vC,IconButton as xC}from"@rango-dev/ui";import $r,{useState as bC}from"react";function Tm(t){let{message:e}=t,[o,n]=bC(!1);return $r.createElement(kC,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&$r.createElement(xC,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?$r.createElement(vC,{size:12,color:"gray"}):$r.createElement(wC,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}i(Tm,"FailedAlert");import{styled as IC}from"@rango-dev/ui";var km=IC("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as wm}from"@lingui/core";import{Alert as Zs,Button as vm}from"@rango-dev/ui";import{PendingSwapNetworkStatus as Rs}from"rango-types";import Yo from"react";function xm(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?Yo.createElement(Zs,{type:"warning",title:n.shortMessage,action:Yo.createElement(vm,{size:"xxsmall",type:"warning",onClick:()=>{o(Rs.WaitingForNetworkChange),e().catch(s=>{console.log(s)})}},wm.t("Change"))}):r===Rs.WaitingForConnectingWallet?Yo.createElement(Zs,{type:"warning",title:n.shortMessage,action:Yo.createElement(vm,{size:"xxsmall",type:"warning",onClick:()=>{o(Rs.WaitingForConnectingWallet)}},wm.t("Connect"))}):Yo.createElement(Zs,{type:"warning",title:n.shortMessage})}i(xm,"WarningAlert");function ea(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:s,hasAlreadyProceededToSign:a}=t,l=vo(s),p=s.status==="waitingForApproval"&&!l,u=s.status==="running"&&!l,c=u&&!a||p&&!s.explorerUrl?.length;return Ut.createElement(km,null,s.explorerUrl?.map((h,m,d)=>{let S=m+h.url,C=m===d.length-1,y=(C&&u||p)&&!c,f=C&&s.status==="failed";return Ut.createElement(LC,{key:S},Ut.createElement(bm,{type:C&&(y&&"loading"||f&&"error")||"success",title:h.description?`${h.description} Tx`:AC.t("View transaction"),action:h.url&&Ut.createElement(EC,{variant:"ghost",size:"xsmall",onClick:()=>window.open(h.url,"_blank")},Ut.createElement(WC,{size:12}))}))}),c&&Ut.createElement(bm,{type:"loading",title:r.shortMessage}),s.status!=="failed"&&l&&Ut.createElement(xm,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),s.status==="failed"&&Ut.createElement(Tm,{message:r}))}i(ea,"SwapDetailsAlerts");var Im=2e3;var Am=i(({swap:t,blockchains:e,swappers:o,...n})=>{let r=t.hasAlreadyProceededToSign!==!1;return t.steps.map((s,a)=>{let l=a===0?t.inputAmount:t.steps[a-1].outputAmount||t.steps[a-1].expectedOutputAmountHumanReadable;return{from:{token:{displayName:s.fromSymbol,image:s.fromLogo??""},chain:{displayName:Ge(s.fromBlockchain,e)??"",image:s.fromBlockchainLogo??""},price:{value:E(l,6,6),realValue:l}},to:{token:{displayName:s.toSymbol,image:s.toLogo},chain:{displayName:Ge(s.toBlockchain,e)??"",image:s.toBlockchainLogo??""},price:{value:E(s.outputAmount||s.expectedOutputAmountHumanReadable,6,6),realValue:s.outputAmount||s.expectedOutputAmountHumanReadable}},swapper:{displayName:wo(s.swapperId,o),image:s.swapperLogo??"",type:s.swapperType},internalSwaps:s.internalSwaps?s.internalSwaps.map(p=>({from:{blockchain:Ge(p.fromBlockchain,e)??""},to:{blockchain:Ge(p.toBlockchain,e)??""},swapper:{displayName:wo(p.swapperId,o),image:p.swapperLogo??"",type:p.swapperType}})):[],alerts:MC.createElement(ea,{step:s,hasAlreadyProceededToSign:r,...n})}})},"getSteps");function Em(t){if(vo(t)&&t.status!=="failed"&&t.status!=="success")return"warning";switch(t.status){case"created":return"default";case"approved":case"waitingForApproval":case"running":return"in-progress";case"failed":return"error";case"success":return"completed"}}i(Em,"getStepState");import{css as Jo,darkTheme as NC,styled as Jt}from"@rango-dev/ui";var Wm=Jt("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),_r=Jt("div",{width:"100%"}),Lm=Jt(Io,{padding:"$0 $20 $20 $20"}),KF=Jt("div",{display:"flex",flexDirection:"column",gap:"$10"}),Mm=Jt("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),XF=Jt("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1}),go=Jo({display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",padding:"$10 $20",borderBottom:"1px solid",$$color:"$colors$neutral300",[`.${NC} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color",color:"$neutral500"}),Nm=Jo({padding:"$5 0"}),Dr=Jo({display:"flex",justifyContent:"center",alignItems:"center",height:"$24"}),Bm=Jo({display:"flex",width:"100%",padding:"$15 $20 $20",flexDirection:"column",alignItems:"start"}),Pm=Jo({width:"100%",padding:"0 $20 $10"}),$m=Jt("a",{fontSize:"$16",fontWeight:"$400",color:"$neutral700",display:"flex",alignItems:"center",justifyContent:"center"});function ta(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:s,connect:a,getWalletInfo:l}=QC(),p=g().blockchains(),u=g().swappers(),c=g().tokens(),h=K.use.retry(),m=ne.use.isActiveTab(),d=GC(),[S,C]=zC(Im),y=HC(null),[f,w]=Um(null),[k,v]=Um(null),I=i(()=>{r(),w(null)},"onCancel"),A=Oe.use.getUnreadNotifications(),T=Oe.use.setAsRead(),x=A(),L=PC(e),M=L?.networkStatus;Fm(()=>{x.find(It=>It.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(v(e.status),T(e.requestId))},[e.status]),Fm(()=>{q?w(Fr.WaitingForNetworkChange):M===Fr.WaitingForConnectingWallet||M===Fr.NetworkChanged?w(M):w(null)},[M]);let D=Cl(e),V=L?BC(e,L):null,J=L?$C(e,L):null,oe=mm(e),b=Tl(e),W=i(Ue=>!!l(Ue)?.mobileWallet,"isMobileWallet"),q=M===Fr.WaitingForNetworkChange&&!!V&&!!J?.walletType&&(W(J.walletType)||s(J.walletType,V)),F=q?a.bind(null,J.walletType,V):void 0,ae=Sl(e,L),Q=Am({swap:e,switchNetwork:F,showNetworkModal:M,setNetworkModal:w,message:ae,blockchains:p,swappers:u}),j=Q.length,[Ee,Te]=[e.steps[0],e.steps[j-1]],ke=Te.outputAmount||Te.expectedOutputAmountHumanReadable,dt=e.steps.reduce((Ue,It)=>Ue+parseFloat(It.feeInUsd||""),0),z=e.steps.find(Ue=>Ue.diagnosisUrl)?.diagnosisUrl,Z=E(parseFloat(E(ke,6,6))*(Te.toUsdPrice||0),4,4),R=E(parseFloat(e.inputAmount)*(Ee.fromUsdPrice||0),4,4),me=ke?ue(new Dm(ke).multipliedBy(Te.toUsdPrice||0)):"",xe=ue(new Dm(e.inputAmount).multipliedBy(Ee.fromUsdPrice||0)),we=Ve(R,Z),ft=e.status==="success"?bt.t({id:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:E(ke,6,6),token:Q[j-1].to.token.displayName,conciseAddress:mn(e.wallets[Q[j-1].to.chain.displayName]?.address||""),chain:Q[j-1].to.chain.displayName}}):`${bt.t("Transaction was not sent.")} ${D?bt.t({id:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:D.outputAmount,symbol:D.symbol,blockchain:D.blockchain}}):""}`;return ee.createElement(te,{header:{title:bt.t("Swap and Bridge"),onCancel:e.status==="running"?()=>w("cancel"):void 0,suffix:e.status!=="running"&&ee.createElement(no,null,ee.createElement(_m,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>w("delete")},ee.createElement(ho,{size:"medium",variant:"label",color:"error"},bt.t("Delete"))))},footer:b&&!k&&ee.createElement(_m,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{h(e,{blockchains:p,tokens:c}),setTimeout(()=>{d("../../")},0)}},bt.t("Try again"))},ee.createElement(se,{compact:!0,view:!0},ee.createElement(_r,null,ee.createElement("div",{className:go()},ee.createElement(ho,{variant:"label",size:"large",color:"neutral700"},`${bt.t("Request ID")}:`),ee.createElement("div",{className:Dr()},ee.createElement(ho,{variant:"label",size:"small",color:"neutral700"},o),ee.createElement(FC,{variant:"ghost",onClick:C.bind(null,o||"")},ee.createElement(_C,{size:16,color:"gray"})),ee.createElement($m,{target:"_blank",href:`${ma}/swap/${o}`},ee.createElement(UC,{size:16})))),ee.createElement("div",{className:go()},ee.createElement(ho,{variant:"label",size:"large",color:"neutral700"},`${bt.t(e.finishTime?"Finished at":"Created at")}:`),ee.createElement(ho,{variant:"label",size:"small",color:"neutral700"},oe))),ee.createElement("div",{className:Bm()},ee.createElement(OC,{fee:E(String(dt),2,2),time:nn(rn(e.steps)),steps:j}),ee.createElement(Bo,{from:{price:{value:E(e.inputAmount,6,6),usdValue:R,realUsdValue:xe,realValue:e.inputAmount},token:{displayName:Q[0].from.token.displayName,image:Q[0].from.token.image},chain:{image:Q[0].from.chain.image,displayName:Q[0].from.chain.displayName}},to:{price:{value:E(ke,6,6),usdValue:Z,realUsdValue:me,realValue:ke},token:{displayName:Q[j-1].to.token.displayName,image:Q[j-1].to.token.image},chain:{image:Q[j-1].to.chain.image,displayName:Q[j-1].to.chain.displayName}},percentageChange:E(we,2,2),warningLevel:ht(we??0)})),ee.createElement("div",{className:Pm()},ee.createElement(ho,{variant:"title",size:"small"},bt.t("Swaps steps"))),ee.createElement(DC,{size:8}),ee.createElement(Lm,{ref:y},Q.map((Ue,It)=>{let ua=It,yo=Em(e.steps[It]),sd=yo==="error"||yo==="in-progress"||yo==="warning"||yo==="completed"&&It===Q.length-1;return ee.createElement(qC,{key:ua,step:Ue,type:"swap-progress",ref:y,state:yo,hasSeparator:It!==0,tabIndex:ua,isFocused:sd,tooltipContainer:N()})}))),ee.createElement(Ks,{state:f,onClose:()=>w(null),onCancel:I,onDelete:n,message:ae.detailedMessage.content,currentStepWallet:J,walletButtonDisabled:!m}),ee.createElement(Js,{open:!!k,diagnosisUrl:z,onClose:()=>v(null),status:e.status==="success"?"success":"failed",priceValue:E(ke,6,6),usdValue:Z,realUsdValue:me,realValue:ue(ke),percentageChange:E(we,2,2),token:{displayName:Q[j-1].to.token.displayName,image:Q[j-1].to.token.image},chain:{image:Q[j-1].to.chain.image},description:ft}))}i(ta,"SwapDetails");import{i18n as Or}from"@lingui/core";import{Divider as zm,NotFound as YC,Skeleton as Ro,Typography as qr}from"@rango-dev/ui";import de from"react";import{i18n as VC}from"@lingui/core";import{Divider as jC,Skeleton as KC,Typography as XC}from"@rango-dev/ui";import ge from"react";import{css as rt,styled as oa}from"@rango-dev/ui";var Om=oa("div",{width:"100%",height:"100%",padding:"$10 $20"}),Zo=oa("div",{backgroundColor:"$neutral100",borderRadius:"$xm",padding:"$10 $15"}),Ur=oa("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"}),E1=rt({display:"flex",justifyContent:"space-between",alignItems:"center"}),W1=rt({display:"flex",justifyContent:"space-between",alignItems:"center"}),L1=rt({paddingTop:"$15",display:"flex"}),M1=rt({padding:"$15 $0"}),N1=rt({width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"}),B1=rt({paddingBottom:"$10"}),P1=rt({display:"flex",justifyContent:"start",alignItems:"center"}),$1=rt({paddingTop:"$5",display:"flex",alignItems:"center"}),_1=rt({display:"flex",alignItems:"center"}),D1=rt({padding:"$4 $6",display:"flex",justifyContent:"center",alignItems:"center"}),qm=rt({display:"flex",paddingTop:"$10",paddingBottom:"$5"});function na(){return ge.createElement(Om,null,ge.createElement(Do,{type:"swap-preview"}),ge.createElement("div",{className:"swaps-steps"},ge.createElement(XC,{variant:"title",size:"small"},VC.t("Swaps steps"))),ge.createElement(ge.Fragment,null,ge.createElement(Zo,null,ge.createElement(mt,{separator:!1}),ge.createElement("div",{className:qm()},ge.createElement(jC,{direction:"horizontal",size:20}),ge.createElement(KC,{height:22,variant:"rectangular"}))),ge.createElement(Ur,null),ge.createElement(Zo,null,ge.createElement(mt,{separator:!1})),ge.createElement(Ur,null),ge.createElement(Zo,null,ge.createElement(mt,{separator:!1})),ge.createElement(Ur,null),ge.createElement(Zo,null,ge.createElement(mt,{separator:!1}))))}i(na,"LoadingSwapDetails");function Qm(t){let{requestId:e,showSkeleton:o}=t;return de.createElement(te,{header:{title:Or.t("Swap and Bridge"),suffix:de.createElement(no,null)}},o&&de.createElement(Wm,null,de.createElement(_r,null,de.createElement("div",{className:go()},de.createElement(qr,{variant:"label",size:"large",color:"neutral700"},`${Or.t("Request ID")}:`),de.createElement("div",{className:Dr()},de.createElement(qr,{variant:"label",size:"small",color:"neutral700"},de.createElement(Ro,{width:60,height:10,variant:"rounded"})),de.createElement(zm,{direction:"horizontal",size:4}),de.createElement(Ro,{width:16,height:16,variant:"rectangular"}),de.createElement(zm,{direction:"horizontal",size:4}),de.createElement(Ro,{width:16,height:16,variant:"rectangular"}))),de.createElement("div",{className:go()},de.createElement(qr,{className:Nm(),variant:"label",size:"large",color:"neutral700"},de.createElement(Ro,{width:60,height:10,variant:"rounded"})),de.createElement(qr,{variant:"label",size:"small",color:"neutral700"},de.createElement(Ro,{width:60,height:10,variant:"rounded"})))),de.createElement(na,null)),!o&&de.createElement(Mm,null,de.createElement(YC,{title:Or.t("Not found"),description:Or.t({id:"Swap with request ID = {requestId} not found.",values:{requestId:e}})})))}i(Qm,"SwapDetailsPlaceholder");function Hm(){let{manager:t,state:e}=RC(),o=!e.loadedFromPersistor,n=Mt(t),{requestId:r}=tT(),s=lt(),{fetchStatus:a}=g();if(!r)return ra.createElement(eT,{containerStyles:{margin:"20px"},type:"error",title:JC.t("The request ID is necessary to display the swap details.")});let l=o||a==="loading",p=r?n.find(({swap:m})=>m.requestId===r):void 0,u=i(()=>{if(p?.id){let m=t?.get(p.id);m&&ZC(m)}},"onCancel"),c=i(async()=>{if(p?.id)try{t?.deleteQueue(p.id),s()}catch(m){console.log(m)}},"onDelete"),h=p?.swap;return!h||l?ra.createElement(Qm,{requestId:r,showSkeleton:l}):ra.createElement(ta,{swap:h,requestId:r,onCancel:u,onDelete:c})}i(Hm,"SwapDetailsPage");import{i18n as en}from"@lingui/core";import{AutoThemeIcon as oT,DarkModeIcon as nT,LightModeIcon as rT,List as iT,ListItemButton as sT,Radio as ia,RadioRoot as aT,Typography as sa}from"@rango-dev/ui";import Fe from"react";function Gm(){let{setTheme:t,theme:e}=g(),o=[{id:"light",value:"light",title:Fe.createElement(sa,{variant:"title",size:"xmedium"},en.t("Light")),onClick:()=>t("light"),start:Fe.createElement(rT,{color:"gray"}),end:Fe.createElement(ia,{value:"light"})},{id:"dark",value:"dark",title:Fe.createElement(sa,{variant:"title",size:"xmedium"},en.t("Dark")),onClick:()=>t("dark"),start:Fe.createElement(nT,{color:"gray"}),end:Fe.createElement(ia,{value:"dark"})},{id:"auto",value:"auto",title:Fe.createElement(sa,{variant:"title",size:"xmedium"},en.t("Auto")),onClick:()=>t("auto"),start:Fe.createElement(oT,{color:"gray"}),end:Fe.createElement(ia,{value:"auto"})}];return Fe.createElement(te,{header:{title:en.t("Theme")}},Fe.createElement(se,null,Fe.createElement(aT,{onValueChange:n=>t(n),value:e},Fe.createElement(iT,{type:Fe.createElement(sT,{title:en.t("Theme"),id:"_",onClick:()=>console.log()}),items:o}))))}i(Gm,"ThemePage");function Vm(){return Ll(),di(),lT([{path:P.home,element:De.createElement(Tc,null)},{path:P.routes,element:De.createElement(Ic,null)},{path:P.fromSwap,children:[{index:!0,element:De.createElement(Us,{type:"source"})},{path:P.blockchains,element:De.createElement(ws,{type:"source"})}]},{path:P.toSwap,children:[{index:!0,element:De.createElement(Us,{type:"destination"})},{path:P.blockchains,element:De.createElement(ws,{type:"destination"})}]},{path:P.settings,children:[{index:!0,element:De.createElement(um,null)},{path:P.themes,element:De.createElement(Gm,null)},{path:P.languages,element:De.createElement(wc,null)},{path:P.exchanges,element:De.createElement(Ss,{sourceType:"Exchanges"})},{path:P.bridges,element:De.createElement(Ss,{sourceType:"Bridges"})}]},{path:P.swaps,children:[{index:!0,element:De.createElement(dc,null)},{path:P.swapDetails,element:De.createElement(Hm,null)}]},{path:P.wallets,element:De.createElement(Ep,null)},{path:P.confirmSwap,element:De.createElement(tc,null)}])}i(Vm,"AppRoutes");import{isApprovalTX as pT,MainEvents as jm,RouteEventType as Km,StepEventType as Xm,StepExecutionEventStatus as uT,useEvents as cT}from"@rango-dev/queue-manager-rango-preset";import{useEffect as Ym}from"react";function Jm(){let t=g().tokens(),e=X.use.connectedWallets(),o=X.use.getWalletsDetails(),n=Oe.use.setNotification(),r=cT();return Ym(()=>(r.on(jm.StepEvent,s=>{let{event:a,step:l,route:p}=s;if(a.type===Xm.TX_EXECUTION&&a.status===uT.TX_SENT&&!pT(l)||a.type===Xm.SUCCEEDED){let c=e.find(m=>m.chain===l?.fromBlockchain),h=l?.fromBlockchain!==l?.toBlockchain&&e.find(m=>m.chain===l?.toBlockchain);c&&o([c],t),h&&o([h],t)}n(a,p)}),()=>r.all.clear()),[r,e.length]),Ym(()=>(r.on(jm.RouteEvent,s=>{let{event:a,route:l}=s;(a.type===Km.FAILED||a.type===Km.SUCCEEDED)&&n(a,l)}),()=>r.all.clear()),[r,e.length]),null}i(Jm,"WidgetEvents");import{globalCss as mT}from"@rango-dev/ui";var Zm=i(()=>mT({"@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");function Rm(){let{setWatermark:t}=ne();return{fetchApiConfig:i(async()=>{let o=await fetch(`${gt("BASE_URL")}/meta/dapp/config?apiKey=${gt("API_KEY")}`);if(!o.ok)throw new Error(`Request failed with status: ${o.status} `);let n=await o.json();t(n.config.watermark)},"fetchApiConfig")}}i(Rm,"useFetchApiConfig");import{styled as dT}from"@rango-dev/ui";var ed=dT("div",{display:"flex",justifyContent:"center",alignItems:"center",fontFamily:"$widget",boxSizing:"border-box",textAlign:"left","& *, *::before, *::after":{boxSizing:"inherit"},"& *:focus-visible":{outlineColor:"$info500",transition:"none"},"& ul, ol, li":{listStyleType:"none"}});function zr(){Zm();let{config:t}=g(),{activeTheme:e}=qn(t?.theme||{}),{activeLanguage:o}=co(),[n,r]=td(""),[s,a]=td(),l=gT(Cn),{fetchApiConfig:p}=Rm();return hT(()=>{Oe.persist.rehydrate(),l.onConnectWallet(r),p().catch(console.log)},[]),tn.createElement(fT,{language:o},tn.createElement(ed,{id:"swap-container",className:e()},tn.createElement(Jm,null),tn.createElement(el,{lastConnectedWallet:n,disconnectedWallet:s,clearDisconnectedWallet:()=>{a(void 0)}},tn.createElement(Vm,null))))}i(zr,"Main");import la,{useMemo as PT}from"react";import{checkWaitingForNetworkChange as yT,makeQueueDefinition as ST}from"@rango-dev/queue-manager-rango-preset";import{Provider as CT}from"@rango-dev/queue-manager-react";import{useWallets as TT}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as kT}from"@rango-dev/wallets-shared";import{isEvmBlockchain as wT}from"rango-types";import vT,{useMemo as xT}from"react";function bT(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:s,getWalletInfo:a}=TT(),l=xT(()=>ST({API_KEY:t.apiKey||gt("API_KEY"),BASE_URL:gt("BASE_URL")}),[t.apiKey]),p=g().blockchains(),c={blockchains:X.use.connectedWallets().map(k=>({accounts:[k],name:k.chain}))},h=i(async(k,v)=>{if(s(k,v))return r(k,v)},"switchNetwork"),m=i(k=>!!a(k).mobileWallet,"isMobileWallet"),d=p.filter(k=>k.enabled).reduce((k,v)=>(k[v.name]=v,k),{}),S=p.filter(wT),C=i(k=>{let{supportedChains:v}=a(k);return ln(v)},"getSupportedChainNames"),y=e(),f={meta:{blockchains:d,evmBasedChains:S,evmNetworkChainInfo:kT(S),getSupportedChainNames:C},getSigners:o,wallets:c,providers:y,switchNetwork:h,canSwitchNetworkTo:s,connect:r,state:n,isMobileWallet:m},w=ne.use.isActiveTab();return vT.createElement(CT,{queuesDefs:[l],context:f,onPersistedDataLoaded:k=>{yT(k)},isPaused:!w},t.children)}i(bT,"QueueManager");var od=bT;import{useManager as LT}from"@rango-dev/queue-manager-react";import MT,{createContext as NT,useContext as BT}from"react";import{cancelSwap as IT,getCurrentBlockchainOfOrNull as AT,getCurrentStep as ET,getRelatedWalletOrNull as WT}from"@rango-dev/queue-manager-rango-preset";var Qr=class{static{i(this,"WidgetHistory")}manager;actions;constructor(e,o){this.manager=e,this.actions=o}getAllSwaps(){return Mt(this.manager)}getCurrentStep(e){return this.getCurrentStepInfo(e).step}getCurrentStepWallet(e){return this.getCurrentStepInfo(e).wallet}getCurrentStepNetwork(e){return this.getCurrentStepInfo(e).network}retry(e,o){return this.actions.retrySwap(e,o)}cancel(e){let o=this.manager?.get(e);o&&IT(o)}getCurrentStepInfo(e){let o=ET(e);return{step:o,wallet:o?WT(e,o):null,network:o?AT(e,o):null}}};var nd=NT(void 0);function aa(t){let{manager:e}=LT(),o=ne.use.isActiveTab(),n=K.use.retry(),r=new Qr(e,{retrySwap:n}),s=X.use.connectedWallets(),a=X.use.loading(),l=wa(s),p=X.use.getWalletsDetails(),u=g().blockchains(),c=g().tokens(),h=g().swappers(),m=g().fetchStatus,d=co().resetLanguage,S=Oe().getUnreadNotifications(),C={isActiveTab:o,setCurrentTabAsActive:qt.forceClaim,history:r,wallets:{isLoading:a,details:s,totalBalance:l,refetch:p},meta:{blockchains:u,tokens:c,swappers:h,loadingStatus:m},resetLanguage:d,notifications:{list:S}};return MT.createElement(nd.Provider,{value:C},t.children)}i(aa,"WidgetInfo");function rd(){let t=BT(nd);if(!t)throw new Error("useWidget can only be used within the WidgetProvider component");return t}i(rd,"useWidget");function Hr(t){let{onUpdateState:e,config:o}=t;return PT(()=>{Ea({API_KEY:o?.apiKey||on,BASE_URL:o?.apiUrl||ca})},[o.apiKey,o.apiUrl]),la.createElement(Tn,{config:o,onUpdateState:e},la.createElement(od,{apiKey:o.apiKey},la.createElement(aa,null,t.children)))}i(Hr,"WidgetProvider");function id(t){return $T(()=>(qt.init(),qt.destroy),[]),t.config?.externalWallets?pa.createElement(zr,null):pa.createElement(Hr,{config:t.config??Jr},pa.createElement(zr,null))}i(id,"Widget");export{Sq as EventSeverity,Cq as MainEvents,Wq as Networks,Nq as PendingSwapNetworkStatus,Tq as RouteEventType,kq as StepEventType,wq as StepExecutionBlockedEventStatus,vq as StepExecutionEventStatus,We as UI_ID,Aq as WalletEvents,Lq as WalletTypes,id as Widget,Hr as WidgetProvider,Tn as WidgetWallets,Ti as customizedThemeTokens,Iq as readAccountAddress,$p as useWallets,rd as useWidget,xq as useWidgetEvents};
|
|
1
|
+
var Ld=Object.defineProperty;var i=(t,e)=>Ld(t,"name",{value:e,configurable:!0});import{EventSeverity as lQ,MainEvents as pQ,RouteEventType as uQ,StepEventType as cQ,StepExecutionBlockedEventStatus as mQ,StepExecutionEventStatus as dQ,useEvents as fQ}from"@rango-dev/queue-manager-rango-preset";import{readAccountAddress as hQ,useWallets as Gp,Events as yQ}from"@rango-dev/wallets-react";import{Networks as CQ,WalletTypes as TQ}from"@rango-dev/wallets-shared";import{PendingSwapNetworkStatus as wQ}from"rango-types";import{UI_ID as Md}from"@rango-dev/ui";var rn="c6381a79-2817-4602-83bf-6a641a409e32",ka="https://api.rango.exchange",wa="https://scan.rango.exchange",Te={SWAP_BOX_ID:"rango-swap-box",EXPANDED_BOX_ID:"rango-expanded-box",...Md};import{Events as ai,Provider as mf}from"@rango-dev/wallets-react";import{isEvmBlockchain as df}from"rango-sdk";import Tn,{createContext as ff,useEffect as ll,useRef as gf}from"react";import{useEffect as Xd}from"react";import{create as Gd}from"zustand";import{subscribeWithSelector as Vd}from"zustand/middleware";import{RangoClient as Qd}from"rango-sdk";import{WalletState as lt}from"@rango-dev/ui";import{readAccountAddress as Pd}from"@rango-dev/wallets-react";import{detectInstallLink as $d,getCosmosExperimentalChainInfo as _d,isEvmAddress as Dd,KEPLR_COMPATIBLE_WALLETS as $k,Networks as Ia}from"@rango-dev/wallets-shared";import Zr from"bignumber.js";import{isCosmosBlockchain as Fd}from"rango-types";import Nd from"bignumber.js";var Le=new Nd(0);import{WalletTypes as Bd}from"@rango-dev/wallets-shared";var xa=[Bd.LEAP];import{BigNumber as ba}from"bignumber.js";var sn=i(t=>{let e=(t%60).toString().padStart(2,"0");return`${parseInt((t/60).toString()).toString().padStart(2,"0")}:${e}`},"secondsToString"),E=i((t,e=null,o=null)=>{if(t==null||t==="")return"";let n=new ba(t),r=1,s=1e3;for(let a=0;a<60;a++)if(new ba(n.toFixed(a,r)).eq(n)){s=a;break}if(n.gte(1e4))return n.toFormat(0,r);if(n.gte(1e3)||n.gte(100))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,1))),r);if(n.gte(1))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,2))),r);if(n.gte(.01))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,4))),r);for(let a=e||4;a<17;a++)if(n.gte(Math.pow(10,-a)))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,a))),r);return n.isEqualTo(0)?"0":n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,8))),r)},"numberToString");var an=i(t=>t?.reduce((e,o)=>e+(o.estimatedTimeInSeconds??0),0)||0,"totalArrivalTime");var at=i((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),To=i(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function le(t){return E(t,12,12).replace(/(?:\.0*|(\.\d+?)0*)$/,"$1")}i(le,"formatTooltipNumbers");function Rr(t){switch(!0){case t.connected:return lt.CONNECTED;case t.connecting:return lt.CONNECTING;case!t.installed:return lt.NOT_INSTALLED;default:return lt.DISCONNECTED}}i(Rr,"mapStatusToWalletState");function Aa(t,e,o,n){return o.filter(r=>!xa.includes(r)).filter(r=>{let{supportedChains:s,isContractWallet:a}=e(r),{installed:l,network:p}=t(r);return a&&(!l||!!n&&p!==n)?!1:n?!!s.find(c=>c.name===n):!0}).map(r=>{let{name:s,img:a,installLink:l}=e(r),p=Rr(t(r));return{title:s,image:a,link:$d(l),state:p,type:r}})}i(Aa,"mapWalletTypesToWalletInfo");function un(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}i(un,"walletAndSupportedChainsNames");function Ea(t,e,o,n,r){let s=[];function a(p,u){if(!!!s.find(d=>d.chain===p)){let d={address:u,chain:p,walletType:t};s.push(d)}}i(a,"addAccount");let l=n||[];return e.forEach(p=>{let{address:u,network:c}=Pd(p),d=l.length>0,m=l.includes(c),h=c===Ia.Unknown;if(d&&!m&&!h)return;let S=c===Ia.Unknown&&Dd(u);if(h&&!S)return;o.includes(c)||S?r?a(c,u.toLowerCase()):l.filter(x=>o.includes(x)).forEach(x=>{a(x,u.toLowerCase())}):a(c,u)}),s}i(Ea,"prepareAccountsForWalletStore");function Wa(t){let e=[];return t?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain;e.includes(n)||e.push(n),e.includes(r)||e.push(r),o.internalSwaps&&Array.isArray(o.internalSwaps)&&o.internalSwaps.forEach(s=>{let a=s.from.blockchain,l=s.to.blockchain;e.includes(a)||e.push(a),e.includes(l)||e.push(l)})}),e}i(Wa,"getRequiredChains");function cn(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}i(cn,"isAccountAndWalletMatched");function La(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 Zr(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:Od(o,r.asset.symbol,r.asset.address,e)||null}))||[]}i(La,"makeBalanceFor");function Ma(t){return{...t,loading:!1,error:!0}}i(Ma,"resetConnectedWalletState");var Na=i(t=>{let e=new Set,n=t?.reduce((s,a)=>s.findIndex(l=>l.address===a.address&&l.chain===a.chain)===-1?[...s,a]:s,[])?.map(s=>{let a={name:s.chain,accounts:[]};return e.has(s.address)||e.add(s.address),e.forEach(l=>{s.address===l&&a.accounts.push(s)}),a}),r=E(n?.flatMap(s=>s.accounts)?.flatMap(s=>s?.balances)?.map(s=>new Zr(s?.amount||Le).multipliedBy(s?.usdPrice||0))?.reduce((s,a)=>s.plus(a),Le)||Le).toString();return Ud(r)},"calculateWalletUsdValue");function Ud(t){let e=t.toString().split(".");return e[0]=e[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),e.join(".")}i(Ud,"numberWithThousandSeparator");var Od=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice"),mn=i((t,e)=>{let o=_d(Object.entries(t).map(([,n])=>n).filter(Fd));return o&&o[e]?.experimental},"isExperimentalChain");function dn(t){return t?{...t,amount:E(t.amount,8,8),usdValue:E(t.usdValue,4,4)}:null}i(dn,"formatBalance");function qd(t,e){return t?.usdValue&&e?.usdValue?parseFloat(e.usdValue)-parseFloat(t.usdValue):!t?.usdValue&&e?.usdValue?1:t?.usdValue&&!e?.usdValue?-1:!t?.usdValue&&!e?.usdValue?parseFloat(e?.amount||"0")-parseFloat(t?.amount||"0"):0}i(qd,"sortTokensByBalance");function zd(t,e,o){let n=o(t),r=o(e);return n===r?0:n?-1:1}i(zd,"sortTokensByPinnedToken");function Ba(t,e,o){return t.sort((n,r)=>{let s=e(n),a=e(r),l=zd(n,r,o);return l!==0?l:qd(s,a)}),t}i(Ba,"sortTokens");function Me(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}i(Me,"areTokensEqual");function Pa(t){return t.sort((e,o)=>+(o.state===lt.CONNECTED)-+(e.state===lt.CONNECTED)||+(o.state===lt.DISCONNECTED||o.state===lt.CONNECTING)-+(e.state===lt.DISCONNECTED||e.state===lt.CONNECTING))}i(Pa,"sortWalletsBasedOnConnectionState");function fn(t,e=8,o=3){if(t.length<2*e+o)return t;let n=t.slice(0,e),r=t.slice(-e);return`${n}${".".repeat(o)}${r}`}i(fn,"getConciseAddress");function $a({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}i($a,"getAddress");function ei(t){return`${t.blockchain}-${t.symbol}-${t.address??""}`}i(ei,"createTokenHash");function gn(t){return t.flatMap(e=>e.balances).reduce((e,o)=>{let n={amount:o?.amount??"",decimals:o?.decimal??0,usdValue:o?.usdPrice?new Zr(o?.usdPrice??Le).multipliedBy(o?.amount).toString():""},r=o?ei({symbol:o.symbol,blockchain:o.chain,address:o.address}):null,s=r?e[r]:null;return r&&(!s||s&&s.amount<n.amount)&&(e[r]=n),e},{})}i(gn,"makeTokensBalance");var _a=i((t,e)=>!!t.find(o=>o.chain===e&&o.loading),"isFetchingBalance");function Da(t){return t.map(e=>e.state).join("-")}i(Da,"hashWalletsState");var ti={API_KEY:rn};function ht(t){return ti[t]||""}i(ht,"getConfig");function Fa(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),ti=e,ti}i(Fa,"initConfig");var Ua=20,Oa=25,qa="Roboto",oi="theme-widget",ko=i((t,e)=>{let o=!1;if(e&&t){if(Array.isArray(e))o=!e.some(n=>Me(n,t));else if(!Array.isArray(e)&&e[t.blockchain]){o=e[t.blockchain].tokens.some(r=>Me(r,t));let n=e[t.blockchain].isExcluded;return!n&&!o||n&&o}}return o},"isTokenExcludedInConfig"),ni=i((t,e)=>t&&e&&!e.includes(t.name),"isBlockchainExcludedInConfig");var hn,At=i(()=>hn||(hn=new Qd(ht("API_KEY"),ht("BASE_URL")),hn),"httpService");var Hd=i(t=>{let e=t;e.use={};for(let o of Object.keys(e.getState()))e.use[o]=()=>e(n=>n[o]);return e},"createSelectors"),Et=Hd;var K=Et(Gd()(Vd((t,e)=>({connectedWallets:[],balances:{},loading:!1,connectWallet:(o,n)=>{let r=e().getWalletsDetails;t(s=>({loading:!0,connectedWallets:s.connectedWallets.filter(a=>a.walletType!==o[0].walletType).concat(o.map(a=>{let l=!s.connectedWallets.find(p=>p.chain===a.chain&&p.selected);return{balances:[],address:a.address,chain:a.chain,explorerUrl:null,walletType:a.walletType,selected:l,loading:!0,error:!1}}))})),r(o,n)},disconnectWallet:o=>{t(n=>{let r=n.connectedWallets.filter(l=>l.selected&&l.walletType!==o).map(l=>l.chain),s=n.connectedWallets.filter(l=>l.walletType!==o).map(l=>r.includes(l.chain)?l:(r.push(l.chain),{...l,selected:!0}));return{balances:gn(s),connectedWallets:s}})},selectWallets:o=>t(n=>({connectedWallets:n.connectedWallets.map(r=>{let s=!!o.find(l=>l.chain===r.chain&&l.walletType!==r.walletType&&r.selected),a=!!o.find(l=>l.chain===r.chain&&l.walletType===r.walletType&&!r.selected);return s?{...r,selected:!1}:a?{...r,selected:!0}:r})})),clearConnectedWallet:()=>t(()=>({connectedWallets:[],selectedWallets:[]})),getWalletsDetails:async(o,n,r=!0)=>{let s=e().getWalletsDetails;t(a=>({loading:!0,connectedWallets:a.connectedWallets.map(l=>o.find(p=>cn(p,l))?{...l,loading:!0}:l)}));try{let a=o.map(({address:u,chain:c})=>({address:u,blockchain:c})),p=(await At().getWalletsDetails(a)).wallets;if(p)t(u=>{let c=u.connectedWallets.map(m=>{let h=o.find(S=>cn(S,m)),C=p.find(S=>S.address===m.address&&S.blockChain===m.chain);return C?.failed&&h&&r&&s([h],n,!1),h&&C?{...m,explorerUrl:C.explorerUrl,balances:La(C,n),loading:!1}:m});return{loading:!1,balances:gn(c),connectedWallets:c}});else throw new Error("Wallet not found")}catch{t(l=>{let p=l.connectedWallets.map(c=>o.find(d=>cn(d,c))?Ma(c):c);return{loading:!1,balances:gn(p),connectedWallets:p}})}},getBalanceFor:o=>{let{balances:n}=e(),r=ei(o);return n[r]??null}}))));import{allProviders as jd}from"@rango-dev/provider-all";function yn(t,e){let o=jd({walletconnect2:{WC_PROJECT_ID:e?.walletConnectProjectId||""}});if(t){let n=[];return t.forEach(r=>{if(typeof r=="string"){let s=o.find(a=>a.config.type===r);s?n.push(s):console.warn(`Couldn't find ${r} provider. Please make sure you are passing the correct name.`)}else n.push(r)}),n}return o}i(yn,"matchAndGenerateProviders");function za(t,e){return yn(t,e).map(r=>r.config.type)}i(za,"configWalletsToWalletName");function Qa(t,e){let o=K.use.clearConnectedWallet(),n=yn(void 0,e);return Xd(()=>{o(),n=yn(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}i(Qa,"useWalletProviders");import rf,{createContext as sf,useContext as af,useEffect as lf,useRef as pf}from"react";import{create as of}from"zustand";import{persist as nf}from"zustand/middleware";var ri={apiKey:"",title:void 0,multiWallets:!0,enableNewLiquiditySources:!0,customDestination:!0},Kd={clientUrl:void 0},Yd={liquiditySources:void 0},Ha=i((t,e,o)=>({config:{...ri,...t},iframe:Kd,campaignMode:Yd,getLiquiditySources:()=>{let{config:n,campaignMode:r}=o();return r.liquiditySources?.length?r.liquiditySources:n.liquiditySources??[]},getDisabledLiquiditySources:()=>{let{disabledLiquiditySources:n,campaignMode:r}=o();return r.liquiditySources?.length?[]:n},excludeLiquiditySources:()=>{let{config:n,campaignMode:r}=o();return r.liquiditySources?.length?!1:!!n.enableNewLiquiditySources},isInCampaignMode:()=>{let{campaignMode:n}=o();return!!n.liquiditySources?.length},updateConfig:n=>{let r=o().config;e({config:{...r,...n}})},updateCampaignMode:(n,r)=>{let s=o().campaignMode;e({campaignMode:{...s,[n]:r}})},updateIframe:(n,r)=>{let s=o().iframe;e({iframe:{...s,[n]:r}})}}),"createConfigSlice");function Sn(t){return Array.from(new Set(t))}i(Sn,"removeDuplicateFrom");function ii(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}i(ii,"areEqual");function Ga(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}i(Ga,"debounce");function qt(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}i(qt,"containsText");var N=i(()=>document.getElementById(Te.SWAP_BOX_ID),"getContainer"),Va=i(()=>document.getElementById(Te.EXPANDED_BOX_ID),"getExpanded");function Cn(t,e){let o=t.map(s=>s.swapperGroup),n=[];return Sn(t.map(s=>s.swapperGroup)).map(s=>{let a=t.find(l=>l.swapperGroup===s);if(a){let l=!0;o&&(l=o.some(p=>p===a.swapperGroup)),l&&a.types.map(p=>{n.push({id:a.swapperGroup,groupTitle:a.swapperGroup,logo:a.logo,type:p,selected:!e.includes(a.swapperGroup)})})}}),n}i(Cn,"getUniqueSwappersGroups");function ja(t,e){return t.swapperGroup<e.swapperGroup?-1:t.swapperGroup>e.swapperGroup?1:0}i(ja,"sortLiquiditySourcesByGroupTitle");function Ge(t,e){return e?.[t]==="hidden"}i(Ge,"isFeatureHidden");function Xa(t,e){return e?.[t]==="enabled"}i(Xa,"isFeatureEnabled");var Ka=i((t,e)=>({_blockchains:[],_tokens:[],_popularTokens:[],_swappers:[],fetchStatus:"loading",blockchains:o=>{let n=e()._blockchains;if(!o||!o?.type)return n;let r=e().config,s=(o.type==="source"?r.from?.blockchains:r.to?.blockchains)??[];return n.filter(l=>!(s.length>0&&!s.includes(l.name)))},tokens:o=>{let n=e()._tokens;if(!o||!o?.type)return n;let r=e().config,s=(o.type==="source"?r.from?.tokens:r.to?.tokens)??{},a=e().blockchains({type:o.type});return n.filter(p=>s&&ko(p,s)||o.blockchain&&p.blockchain!==o.blockchain||!a.some(u=>u.name===p.blockchain)?!1:o.searchFor?!!(qt(p.symbol,o.searchFor)||qt(p.address||"",o.searchFor)||qt(p.name||"",o.searchFor)):!0).sort((p,u)=>e().isTokenPinned(p,o.type)?-1:e().isTokenPinned(u,o.type)||p.isSecondaryCoin?1:u.isSecondaryCoin||!p.address&&u.address?-1:p.address&&!u.address?1:0)},isTokenPinned:(o,n)=>!!(n==="source"?e().config.from?.pinnedTokens:e().config.to?.pinnedTokens)?.some(a=>Me(a,o)),swappers:()=>{let{config:o,campaignMode:n}=e(),r=n.liquiditySources?.length?n.liquiditySources:null,s=r??o.liquiditySources,a=r?!1:o.enableNewLiquiditySources;return e()._swappers.filter(u=>{let c=s?.includes(u.swapperGroup);return a||!s||s.length===0?!c:c}).sort(ja)},fetch:async()=>{try{let o=await At().getAllMetadata();t({fetchStatus:"success"});let n=[],r=[],s=o.popularTokens,a=o.swappers,l=new Set;o.tokens.forEach(p=>{l.add(p.blockchain),r.push(p)}),o.blockchains.forEach(p=>{p.enabled&&l.has(p.name)&&n.push(p)}),n.sort((p,u)=>p.sort-u.sort),t({_blockchains:n,_tokens:r,_popularTokens:s,_swappers:a})}catch(o){throw t({fetchStatus:"failed"}),o}}}),"createDataSlice");import{English as Jd,French as Zd,Japanese as Rd,Portuguese as ef,Spanish as tf}from"@rango-dev/ui";var Ya=[{title:"English",label:"English",local:"en",SVGFlag:Jd},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:tf},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:Zd},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:Rd},{title:"Portuguese",label:"Portugu\xEAs",local:"pt",SVGFlag:ef}],wo="en";var Ja=[.5,1,3],Za=1,Ra=5,el=100,tl=0;var ol=i((t,e)=>({disabledLiquiditySources:[],theme:"auto",language:null,preferredBlockchains:[],slippage:Za,customSlippage:null,infiniteApprove:!1,affiliateRef:null,affiliatePercent:null,affiliateWallets:null,addPreferredBlockchain:o=>{let n=e().preferredBlockchains;if(n.find((a,l)=>{let p=a===o,u=l<=9;return p&&u}))return;let s=n.filter(a=>!(a===o));t(()=>({preferredBlockchains:[o,...s]}))},setSlippage:o=>t(()=>({slippage:o})),setCustomSlippage:o=>t(()=>({customSlippage:o})),setAffiliateRef:o=>t(()=>({affiliateRef:o})),setAffiliatePercent:o=>t(()=>({affiliatePercent:o})),setAffiliateWallets:o=>t(()=>({affiliateWallets:o})),toggleAllLiquiditySources:(o,n)=>t(r=>{if(n)return{disabledLiquiditySources:[]};let s=Sn(o.map(a=>a.swapperGroup));return s.length===r.disabledLiquiditySources.length?{disabledLiquiditySources:[]}:{disabledLiquiditySources:s}}),toggleInfiniteApprove:()=>t(o=>({infiniteApprove:!o.infiniteApprove})),toggleLiquiditySource:o=>t(n=>n.disabledLiquiditySources.includes(o)?{disabledLiquiditySources:n.disabledLiquiditySources.filter(r=>r!=o)}:{disabledLiquiditySources:n.disabledLiquiditySources.concat(o)}),setTheme:o=>t(()=>({theme:o})),setLanguage:o=>t(()=>({language:o})),updateSettings:o=>{let{features:n}=o,r=Ge("theme",n),s=Ge("language",n),a=Ge("liquiditySource",n);t({...r&&{theme:"auto"},...s&&{language:wo},...a&&{disabledLiquiditySources:[]}})}}),"createSettingsSlice");function nl(t){return of()(nf((...e)=>({...Ka(...e),...ol(...e),...Ha(t,...e)}),{name:"user-settings",skipHydration:!0,partialize:e=>({theme:e.theme,language:e.language,affiliatePercent:e.affiliatePercent,affiliateRef:e.affiliateRef,affiliateWallets:e.affiliateWallets,slippage:e.slippage,customSlippage:e.customSlippage,infiniteApprove:e.infiniteApprove,preferredBlockchains:e.preferredBlockchains,disabledLiquiditySources:e.disabledLiquiditySources})}))}i(nl,"createAppStore");var rl=sf(null);function g(){let t=af(rl);if(lf(()=>{t&&!t.persist.hasHydrated()&&t.persist.rehydrate()},[]),!t)throw new Error("Missing AppStoreContext.Provider in the tree");return t()}i(g,"useAppStore");function il(t){let e=pf();return e.current||(e.current=nl(t.config)),rf.createElement(rl.Provider,{value:e.current},t.children)}i(il,"AppStoreProvider");import{create as cf}from"zustand";var sl="rango-widget";var xo=class{static{i(this,"TabManager")}tabId;state="not-initiated";lastTryClaim;events={};channel;constructor(e){this.channel=new BroadcastChannel(sl),this.tabId=Math.trunc(Math.random()*1e5),this.events=e}init=()=>{this.initEvents(),this.tryClaim()};forceClaim=()=>{if(!this.isClaimed()){let e={name:"force-claim",candidateId:this.tabId};this.channel.postMessage(e),setTimeout(()=>{this.isClaimed()||this.claim()},300)}};isClaimed=()=>this.state==="claimed";destroy=()=>{this.channel.removeEventListener("message",this.handleMessageEvent),document.removeEventListener("visibilitychange",this.handleVisibilityChange),document.removeEventListener("resume",this.handleResume)};initEvents(){this.channel.addEventListener("message",this.handleMessageEvent),document.addEventListener("visibilitychange",this.handleVisibilityChange),document.addEventListener("resume",this.handleResume)}claimedByCurrentTab(e){let o=this.lastTryClaim&&this.lastTryClaim<e;if(this.isClaimed()||o){let n={name:"pong"};this.channel.postMessage(n);return}}handleMessageEvent=e=>{let o=e.data.name;switch(o){case"ping":this.claimedByCurrentTab(e.data.pingAt);break;case"pong":this.alreadyClaimedByAnotherTab();break;case"force-claim":this.forceRelease(e.data.candidateId);break;case"force-release":this.tabId===e.data.candidateId&&this.claim();break;default:throw new Error(`${o} is not supported.`)}};handleVisibilityChange=async()=>{document.visibilityState==="visible"&&await this.tryClaim()};handleResume=async()=>{this.isClaimed()&&(await this.tryClaim(),this.isClaimed()||this.events.onRelease?.())};alreadyClaimedByAnotherTab(){this.resetLastCheck()}async tryClaim(){return this.setLastCheck(),new Promise(e=>{setTimeout(()=>{this.check(),e()},300)})}check(){this.state==="not-initiated"&&this.events.onInit?.(),this.lastTryClaim?(this.claim(),this.resetLastCheck()):this.state="not-claimed"}claim(){this.state="claimed",this.events.onClaim?.()}setLastCheck(){this.lastTryClaim=Date.now();let e={name:"ping",pingAt:this.lastTryClaim};this.channel.postMessage(e)}resetLastCheck(){this.lastTryClaim=void 0}forceRelease(e){if(this.isClaimed()){this.state="not-claimed",this.events.onRelease?.();let o={name:"force-release",candidateId:e};this.channel.postMessage(o)}}};var ee=Et(cf()((t,e)=>({isActiveTab:!1,tabManagerInitiated:!1,showActivateTabModal:!1,watermark:"NONE",fetchingApiConfig:!1,activateCurrentTab:(o,n)=>{let{showActivateTabModal:r}=e();!r&&n?t({showActivateTabModal:!0}):(r||!n)&&o()},setShowActivateTabModal:o=>{t({showActivateTabModal:o})},setWatermark:o=>{t({watermark:o})}}))),zt=new xo({onInit:()=>ee.setState({tabManagerInitiated:!0}),onClaim:()=>ee.setState({isActiveTab:!0,showActivateTabModal:!1}),onRelease:()=>ee.setState({isActiveTab:!1})});var kn=ff({onConnectWallet:()=>{}});function hf(t){let{updateConfig:e,updateSettings:o,fetch:n}=g(),r=g().blockchains(),s=g().tokens(),a={walletConnectProjectId:t.config?.walletConnectProjectId},{providers:l}=Qa(t.config.wallets,a),{connectWallet:p,disconnectWallet:u}=K(),c=gf();ll(()=>{n().catch(console.log)},[]),ll(()=>{t.config&&(e(t.config),o(t.config))},[t.config]);let d=r.filter(df).map(C=>C.name),m=i((C,S,y,f,x)=>{if(S===ai.ACCOUNTS)if(y){let k=un(x.supportedBlockchains),v=Ea(C,y,d,k,x.isContractWallet);v.length&&p(v,s)}else u(C);if(S===ai.ACCOUNTS&&f.connected){let k=`${C}-${f.network}-${y}`;f.connected&&(c.current?c.current(k):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(S===ai.NETWORK&&f.network){let k=`${C}-${f.network}`;c.current?c.current(k):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(C,S,y,f,x)},"onUpdateState"),h=ee.use.isActiveTab();return Tn.createElement(kn.Provider,{value:{onConnectWallet:C=>{c.current=C}}},Tn.createElement(mf,{allBlockChains:r,providers:l,onUpdateState:m,autoConnect:!!h},t.children))}i(hf,"Main");function wn(t){let{config:e,...o}=t;return Tn.createElement(il,{config:e},Tn.createElement(hf,{...o,config:e}))}i(wn,"WidgetWallets");import Ca,{useEffect as Ck}from"react";import{I18nManager as ZT}from"@rango-dev/ui";import nn,{useContext as RT,useEffect as ek,useState as vd}from"react";import{useQueueManager as Tf}from"@rango-dev/queue-manager-rango-preset";import{useWallets as kf}from"@rango-dev/wallets-react";import{isEvmBlockchain as wf}from"rango-types";import xf,{Fragment as vf}from"react";import{MemoryRouter as bf,useInRouterContext as If}from"react-router";import{useWallets as yf}from"@rango-dev/wallets-react";import{useEffect as Sf,useRef as Cf}from"react";function ul(){let{connect:t,state:e}=yf(),o=Cf({}),{fetchStatus:n}=g(),r=new URLSearchParams(location.search).get("autoConnect")||"",s=e(r);Sf(()=>{n==="success"&&r&&s.installed&&!s.connecting&&!s.connected&&!o.current[r]&&(o.current[r]=!0,t(r))},[s,n])}i(ul,"useForceAutoConnect");function cl({children:t,...e}){let n=If()?vf:bf,r=g().blockchains(),{canSwitchNetworkTo:s}=kf();ul();let a=r.filter(wf);return Tf({lastConnectedWallet:e.lastConnectedWallet,clearDisconnectedWallet:e.clearDisconnectedWallet,disconnectedWallet:e.disconnectedWallet,evmChains:a,canSwitchNetworkTo:s}),xf.createElement(n,null,t)}i(cl,"AppRouter");import Ue from"react";import{useRoutes as VT}from"react-router-dom";var F={home:"/",fromSwap:"from-swap",toSwap:"to-swap",blockchains:"blockchains",settings:"settings",liquiditySources:"liquidity-sources",bridges:"bridges",exchanges:"exchanges",languages:"languages",swaps:"swaps",wallets:"wallets",confirmSwap:"confirm-swap",swapDetails:":requestId",routes:"routes"};import{useEffect as oo,useRef as Nn}from"react";import Mt from"bignumber.js";import{create as Nf}from"zustand";import{subscribeWithSelector as Bf}from"zustand/middleware";import{getLastSuccessfulStep as Mf}from"@rango-dev/queue-manager-rango-preset";import Sv from"bignumber.js";import{i18n as pt}from"@lingui/core";var li={"Network Fee":pt.t("Network Fee"),"Swapper Fee":pt.t("Protocol Fee"),"Affiliate Fee":pt.t("Affiliate Fee"),"Outbound network fee":pt.t("Outbound Fee"),"Rango Fee":pt.t("Rango Fee")},pi=[{value:"SMART",label:pt.t("Smart Routing")},{value:"FEE",label:pt.t("Lowest Fee")},{value:"SPEED",label:pt.t("Fastest Transfer")},{value:"NET_OUTPUT",label:pt.t("Maximum Return")},{value:"PRICE",label:pt.t("Maximum Output")}],ui=["RECOMMENDED","CENTRALIZED","LOWEST_FEE","FASTEST","HIGH_IMPACT"],ml=30;var Wt=(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))(Wt||{});function dl(t,e){return e.find(o=>o.name===t)?.displayName}i(dl,"getBlockchainDisplayNameFor");function Ve(t,e){return e.find(o=>o.name===t)?.shortName}i(Ve,"getBlockchainShortNameFor");function vo(t,e){return e.find(o=>o.id===t)?.swapperGroup}i(vo,"getSwapperDisplayName");function ci(t,e){return e.find(o=>Me(o,t))??null}i(ci,"findToken");function mi(t,e){return e.find(o=>o.name===t)??null}i(mi,"findBlockchain");import{i18n as Je}from"@lingui/core";import Ne from"bignumber.js";import{PendingSwapNetworkStatus as In}from"rango-types";function xn(t){let e=[];return t?.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,s=e[e.length-1];n!=s&&e.push(n),s=e[e.length-1],r!=s&&e.push(r)}),e}i(xn,"getRequiredWallets");function vn(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}i(vn,"isValidAddress");import{i18n as Ee}from"@lingui/core";var Y=i(()=>({genericServerError:Ee.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:Ee.t("Please reset your liquidity sources."),description:Ee.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources.")},noResultError:{title:Ee.t("No Routes Found."),description:Ee.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:Ee.t("Bridge Limit Error: Please increase your amount."),decreaseAmount:Ee.t("Bridge Limit Error: Please decrease your amount.")},highValueLossError:{impactTitle:Ee.t("High Price Impact"),title:Ee.t("Price impact is too high!"),description:Ee.t("The price impact is significantly higher than the allowed amount. If you are sure, continue, otherwise, change the swap."),confirmMessage:Ee.t("Confirm high price impact")},quoteUpdatedWithHighValueLoss:{title:Ee.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:Ee.t("USD Price Unknown"),title:Ee.t("USD Price Unknown, Cannot calculate Price Impact."),description:Ee.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:Ee.t("Confirm USD Price Unknown")}}),"errorMessages");function fl(t){switch(t.type){case 0:return t.diagnosisMessage??Y().noResultError.title;case 1:return Y().genericServerError;default:return""}}i(fl,"getQuoteErrorMessage");import{i18n as bn}from"@lingui/core";var Qt=i(()=>({connectWallet:bn.t("Connect Wallet"),swap:bn.t("Swap"),swapAnyway:bn.t("Swap anyway"),ethWarning:bn.t("The route goes through Ethereum. Continue?")}),"swapButtonTitles");function gl(t,e){return(parseInt(e.toFixed(2)||"0")<=-10&&t?.gte(new Ne(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new Ne(1e3)))??!1}i(gl,"hasHighValueLoss");function hl(t){return(t||[]).filter(e=>{let o=e.fromAmountMinValue?new Ne(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Ne(e.fromAmountMaxValue):null;return e.fromAmountRestrictionType==="EXCLUSIVE"?o?.gte(e.fromAmount)||n?.lte(e.fromAmount):o?.gt(e.fromAmount)||n?.lt(e.fromAmount)}).length>0}i(hl,"hasLimitError");function yl(t){let e=(t||[]).filter(l=>{let p=l.fromAmountMinValue?new Ne(l.fromAmountMinValue):null,u=l.fromAmountMaxValue?new Ne(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 Ne(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Ne(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",s="",a="";return!r&&o&&o.gt(e.fromAmount)?(s=Je.t({id:"Required: >= {min} {symbol}",values:{min:E(o,6,6),symbol:e.from.symbol}}),a=Y().bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(s=Je.t({id:"Required: > {min} {symbol}",values:{min:E(o,6,6),symbol:e.from.symbol}}),a=Y().bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(s=Je.t({id:"Required: <= {max} {symbol}",values:{max:E(n,6,6),symbol:e.from.symbol}}),a=Y().bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(s=Je.t({id:"Required: < {max} {symbol}",values:{max:E(n,6,6),symbol:e.from.symbol}}),a=Y().bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:s,recommendation:a}}i(yl,"getLimitErrorMessage");function Sl(t){let{fetchMetaStatus:e,anyWalletConnected:o,fetchingQuote:n,inputAmount:r,quote:s,warning:a,error:l,needsToWarnEthOnPath:p}=t;return e!=="success"?{title:Qt().connectWallet,action:"connect-wallet",disabled:!0}:o?n||!s||l||!r||r==="0"?{title:Qt().swap,action:"confirm-swap",disabled:!0}:a?{title:Qt().swapAnyway,action:"confirm-warning",disabled:!1}:p?{title:Qt().ethWarning,action:"confirm-warning",disabled:!1}:{title:Qt().swap,action:"confirm-swap",disabled:!1}:{title:Qt().connectWallet,action:"connect-wallet",disabled:!1}}i(Sl,"getSwapButtonState");function di(t,e,o){return!((!o||o.lte(Le))&&t&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t)}i(di,"canComputePriceImpact");function Af(t){let e=[];return t?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,s=e[e.length-1];n!=s&&e.push(n),s=e[e.length-1],r!=s&&e.push(r)}),e}i(Af,"requiredWallets");var Ef=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice");function Wf(t,e){let o=Le;for(let n=0;n<t.fee.length;n++){let r=t.fee[n];if(r.expenseType==="DECREASE_FROM_OUTPUT")continue;let s=Ef(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new Ne(r.amount).multipliedBy(s||0))}return o}i(Wf,"getUsdFeeOfStep");function An(t,e){return t.reduce((o,n)=>o.plus(Wf(n,e)),Le)}i(An,"getTotalFeeInUsd");function fi(t){let e=Le;return e=e.plus(new Ne(t.amount).multipliedBy(t.price||0)),e}i(fi,"getUsdFee");function Cl(t){return t.reduce((e,o)=>e.plus(fi(o)),Le)}i(Cl,"getTotalFeesInUsd");function Tl(t){return t.reduce((e,o)=>{for(let n of o.fee){let r=n.name,s=n.expenseType!=="DECREASE_FROM_OUTPUT"?e.payable:e.nonePayable;s[r]=[...s[r]||[],n]}return e},{payable:{},nonePayable:{}})}i(Tl,"getFeesGroup");function kl(t){let e=new Map;return t.forEach((o,n)=>{o.recommendedSlippage?.error&&e.set(n,o.recommendedSlippage.slippage)}),e.size>0?e:null}i(kl,"checkSlippageErrors");function wl(t,e){let o=new Map;return t?.swaps.forEach((n,r)=>{n.recommendedSlippage?.slippage&&parseFloat(n.recommendedSlippage.slippage)>e&&o.set(r,n.recommendedSlippage.slippage)}),o.size>0?o:null}i(wl,"checkSlippageWarnings");function En(t){return t.map(o=>o.recommendedSlippage)?.map(o=>o?.slippage||"0")?.filter(o=>parseFloat(o)>0)?.sort((o,n)=>parseFloat(n)-parseFloat(o))?.find(()=>!0)||null}i(En,"getMinRequiredSlippage");function xl(t,e){return e?parseFloat(t)>=parseFloat(e):!0}i(xl,"hasProperSlippage");function vl(t){let{fromToken:e,toToken:o,inputAmount:n,wallets:r,selectedWallets:s,disabledLiquiditySources:a,liquiditySources:l,excludeLiquiditySources:p,slippage:u,affiliateRef:c,affiliatePercent:d,affiliateWallets:m,destination:h}=t,C=s?.reduce((f,x)=>(f[x.chain]=x.address,f),{}),S=[];return r?.forEach(f=>{S.push({blockchain:f.chain,addresses:[f.address]})}),{amount:n.toString(),affiliateRef:c??void 0,affiliatePercent:d??void 0,affiliateWallets:m??void 0,from:{address:e.address,blockchain:e.blockchain,symbol:e.symbol},to:{address:o.address,blockchain:o.blockchain,symbol:o.symbol},connectedWallets:S,selectedWallets:C??{},slippage:u.toString(),...h&&{destination:h},...p&&{swapperGroups:a.concat(l??[]),swappersGroupsExclude:!0},...!p&&{swapperGroups:l?.filter(f=>!a.includes(f)),swappersGroupsExclude:!1}}}i(vl,"createQuoteRequestBody");function bl(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}i(bl,"getWalletsForNewSwap");function eo(t){return t?.outputAmount||null}i(eo,"getQuoteOutputAmount");function Il(t,e){return new Ne(e).div(new Ne(t)).minus(1).multipliedBy(100).toNumber()}i(Il,"getPercentageChange");function Al(t,e){let o=eo(t),n=eo(e);if(!o||!n)return!1;let r=je(o,n);return r?r<=-1:!0}i(Al,"isOutputAmountChangedALot");function El(t,e,o){let n=t.validationStatus,r=Wa(t);return e.sort((a,l)=>r.indexOf(a.chain)-r.indexOf(l.chain)).flatMap(a=>Bl(a,n)||[]).filter(a=>!a.ok).map(a=>{let l=a.asset.symbol,p=E(new Ne(a.currentAmount.amount).shiftedBy(-a.currentAmount.decimals),8,8),u=E(new Ne(a.requiredAmount.amount).shiftedBy(-a.requiredAmount.decimals),8,8),c="";return a.reason==="FEE"&&(c=Je.t(" for network fee")),a.reason==="INPUT_ASSET"&&(c=Je.t(" for swap")),a.reason==="FEE_AND_INPUT_ASSET"&&(c=Je.t(" for input and network fee")),Je.t({id:"Needs \u2248 {requiredAmount} {symbol}{reason}, but you have {currentAmount} {symbol} in your {blockchain} wallet.",values:{requiredAmount:u,symbol:l,reason:c,currentAmount:p,blockchain:Ve(a.asset.blockchain,o)}})})}i(El,"generateBalanceWarnings");function Wn(t,e){return(t?new Ne(t):Le).multipliedBy(e||0)}i(Wn,"calcOutputUsdValue");function bo(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==In.NetworkChanged}i(bo,"isNetworkStatusInWarningState");function Wl(t,e){let o="bellow button or",n=t.extraMessage,r=t.extraMessageDetail;if(t.networkStatusExtraMessageDetail?.includes(o)&&(t.networkStatusExtraMessageDetail=t.networkStatusExtraMessageDetail.replace(o,"")),bo(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case In.WaitingForConnectingWallet:n=n||Je.t("Waiting for connecting wallet");break;case In.WaitingForQueue:n=n||Je.t("Waiting for other running tasks to be finished");break;case In.WaitingForNetworkChange:n=n||Je.t("Waiting for changing wallet network");break;default:n=n||"";break}r=r||"",n=n||"";let a=n?.indexOf("code")!==-1&&n?.indexOf("reason")!==-1;return{shortMessage:n,detailedMessage:{content:r,long:a}}}i(Wl,"getSwapMessages");function Ll(t){let e=null;if(t.status==="failed"){let o=t.steps.slice().reverse().filter(n=>n.status==="success")[0];o&&(e={blockchain:o.toBlockchain,symbol:o.toSymbol,outputAmount:o.outputAmount,address:o.toSymbolAddress})}return e}i(Ll,"getLastConvertedTokenInFailedSwap");function Ml(t){return t.status==="failed"&&!!t.finishTime&&new Date().getTime()-parseInt(t.finishTime)<4*3600*1e3}i(Ml,"shouldRetrySwap");function Nl(t,e,o,n,r,s){return t||!e&&!Af(n).every(a=>r.map(l=>l.chain).includes(a))||!!e&&!o||!!e&&!!o&&s&&!vn(s,o)}i(Nl,"confirmSwapDisabled");function Ln(t){let e=t?.swaps||[];return e[e.length-1].to.usdPrice}i(Ln,"getQuoteToTokenUsdPrice");function gi(t,e){let o=t?.swaps||[],n=e?.swaps||[];return o.length!==n.length}i(gi,"isNumberOfSwapsChanged");function hi(t,e){let o=t?.swaps.map(r=>r.swapperId)||[],n=e?.swaps.map(r=>r.swapperId)||[];return!ii(o,n)}i(hi,"isQuoteSwappersUpdated");function yi(t,e){let o=t?.swaps.map(r=>r.to.symbol)||[],n=e?.swaps.map(r=>r.to.symbol)||[];return!ii(o,n)}i(yi,"isQuoteInternalCoinsUpdated");function $l(t,e){return gi(t,e)||hi(t,e)||yi(t,e)}i($l,"isQuoteChanged");function Bl(t,e){if(e===null)return null;let o=e?.find(n=>n.blockchain===t.chain)?.wallets.find(n=>n.address?.toLowerCase()===t.address.toLowerCase());return o?o.requiredAssets:null}i(Bl,"getRequiredBalanceOfWallet");function yt(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}i(yt,"getPriceImpactLevel");function _l(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],s=Mf(t.steps),a={blockchain:r.toBlockchain,symbol:r.toSymbol,address:r.toSymbolAddress},l=mi(s?s.toBlockchain:n.fromBlockchain,e),p=mi(r.toBlockchain,e),u=ci(s?{blockchain:l?.name??"",symbol:s.toSymbol,address:s.toSymbolAddress}:{blockchain:l?.name??"",symbol:n.fromSymbol,address:n.fromSymbolAddress},o),c=ci(a,o),d=s?s.outputAmount??"":t.inputAmount;return{fromBlockchain:l,fromToken:u,toBlockchain:p,toToken:c,inputAmount:d}}i(_l,"createRetryQuote");function to(t,e){let{fromToken:o,toToken:n,tokens:r,userSlippage:s}=e,a=Ht(o,t.requestAmount),l=Ht(n,t?.outputAmount??"");if(t&&a&&l){let c=je(a.toString(),l.toString());if(!!c&&gl(a,c)){let m=An(t?.swaps,r),h=yt(c);return{type:0,inputUsdValue:a,outputUsdValue:l,priceImpact:c,totalFee:m,warningLevel:h}}}else if(t&&(!a||!l))return{type:1};let p=En(t.swaps),u=s>Ra;if(xl(e.userSlippage.toString(),p)){if(u&&parseFloat(p??"0")<s)return{type:3,slippage:s.toString()}}else return{type:2,recommendedSlippages:wl(t,s),minRequiredSlippage:p};return null}i(to,"generateQuoteWarnings");function je(t,e){let o=typeof e=="string"?parseFloat(e)<=0:!e?.gt(0),n=!t||!e||o?null:Il(t.toString(),e.toString());return n&&n<0?n:null}i(je,"getPriceImpact");var Dl=i(t=>{let e=new Set,o=[];return t.forEach(n=>{e.has(n.from.chain.displayName)||(e.add(n.from.chain.displayName),o.push(n.from.chain)),e.has(n.to.chain.displayName)||(e.add(n.to.chain.displayName),o.push(n.to.chain))}),o},"getUniqueBlockchains"),Mn=i((t,e)=>e.sort((o,n)=>{let r=i(u=>u.scores?.find(c=>c.preferenceType===t)?.score??0,"getScore"),s=r(o),a=r(n);if(s!==a)return a-s;let l=o.requestId.toLowerCase(),p=n.requestId.toLowerCase();return l.localeCompare(p)}),"sortQuotesBy"),Fl=i((t,e,o)=>{if(!e.length)return null;if(!t)return{requestAmount:o,...e[0]};let n=new Set(t.swaps.map(s=>s.swapperId)),r=e.find(s=>{let a=new Set(s.swaps.map(l=>l.swapperId));return Array.from(n).every(l=>a.has(l))});return{requestAmount:o,...r||e[0]}},"getDefaultQuote"),Ul=i(t=>{let e=i((o,n)=>{let r=ui.indexOf(o.value),s=ui.indexOf(n.value);return r!==-1&&s!==-1?r-s:r!==-1?-1:s!==-1?1:0},"customSort");return t.sort(e)},"sortTags");var Ht=i((t,e)=>t?.usdPrice?new Mt(e||Le).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),Q=Et(Nf()(Bf(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new Mt(0),outputUsdValue:new Mt(0),toBlockchain:null,toToken:null,refetchQuote:!0,sortStrategy:"SMART",selectedQuote:null,quotes:null,error:null,warning:null,quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:null,quoteWarningsConfirmed:!1,updateQuotePartialState:(e,o)=>t(n=>({...n,[e]:o})),setSelectedQuote:e=>t(o=>{let n=null,r=Le;return To(o.inputAmount)?(e&&(n=e?.outputAmount?new Mt(e?.outputAmount):null,r=Wn(e?.outputAmount,Ln(e)||o.toToken?.usdPrice)),{selectedQuote:e,...!!e&&{outputAmount:n,outputUsdValue:r}}):{}}),resetAlerts:()=>t(()=>({error:null,warning:null})),resetQuote:()=>t(()=>({selectedQuote:null,outputAmount:null,outputUsdValue:new Mt(0),quotes:null,refetchQuote:!0,error:null,warning:null})),setFromBlockchain:e=>{t(o=>o.fromBlockchain?.name===e?.name?{}:{fromBlockchain:e,...o.fromToken&&{selectedQuote: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:Ht(e.token,o.inputAmount)}})),setToBlockchain:e=>{t(o=>o.toBlockchain?.name===e?.name?{}:{toBlockchain:e,...o.toToken&&{selectedQuote:null,toToken:null,outputAmount:null,outputUsdValue:null}})},setToToken:e=>t(()=>({toToken:e.token,...e.token&&{toBlockchain:e.meta.blockchains.find(o=>o.name===e.token.blockchain)??null}})),setInputAmount:e=>{t(o=>({inputAmount:e,...!e&&{outputAmount:new Mt(0),outputUsdValue:new Mt(0),selectedQuote:null},...!!o.fromToken&&{inputUsdValue:Ht(o.fromToken,e)}}))},retry:(e,o)=>{let{tokens:n,blockchains:r}=o,{fromBlockchain:s,fromToken:a,toBlockchain:l,toToken:p,inputAmount:u}=_l(e,r,n);t({fromBlockchain:s,fromToken:a,inputAmount:u,outputAmount:null,inputUsdValue:Ht(a??null,u),outputUsdValue:new Mt(0),toBlockchain:l,toToken:p,selectedQuote:null})},switchFromAndTo:()=>t(e=>({fromBlockchain:e.toBlockchain,fromToken:e.toToken,toBlockchain:e.fromBlockchain,toToken:e.fromToken,inputAmount:e.outputAmount?.toString()||"",inputUsdValue:Ht(e.toToken,e.outputAmount?.toString()||"")})),resetFromBlockchain:()=>t(()=>({fromToken:null,fromBlockchain:null,outputAmount:null,outputUsdValue:null,selectedQuote:null})),resetToBlockchain:()=>t(()=>({toToken:null,toBlockchain:null,outputAmount:null,outputUsdValue:null,selectedQuote:null})),setQuoteWalletConfirmed:e=>t({quoteWalletsConfirmed:e}),setSelectedWallets:e=>t({selectedWallets:e}),setCustomDestination:e=>t({customDestination:e}),resetQuoteWallets:()=>t({quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:null}),setQuoteWarningsConfirmed:e=>t({quoteWarningsConfirmed:e})}))));function Ol(){let{setInputAmount:t,setToToken:e,setToBlockchain:o,setFromBlockchain:n,setFromToken:r,fromToken:s,toToken:a,fromBlockchain:l,toBlockchain:p}=Q(),u=g().config,c=g().fetchStatus,d=g().blockchains(),m=g().tokens(),{setAffiliateRef:h,setAffiliatePercent:C,setAffiliateWallets:S}=g(),y=u?.from?.tokens,f=u?.from?.blockchains,x=u?.to?.tokens,k=u?.to?.blockchains,v=Nn(void 0),I=Nn(void 0),b=Nn(void 0),T=Nn(void 0);oo(()=>{t(u?.amount?.toString()||"")},[u?.amount]),oo(()=>{if(c==="success"){let w=d.find(L=>L.name===u?.from?.blockchain),W=m.find(L=>Me(L,u?.from?.token||null));(w||!w&&b.current)&&n(w??null),W?r({token:W,meta:{blockchains:d,tokens:m}}):!W&&v.current&&r({token:null}),b.current=u?.from?.blockchain,v.current=u?.from?.token}},[u?.from?.token?.symbol,u?.from?.token?.address,u?.from?.token?.blockchain,u?.from?.blockchain,c]),oo(()=>{ko(s,y)&&r({token:null}),ni(l,f)&&n(null)},[y,f]),oo(()=>{ko(a,x)&&r({token:null}),ni(p,k)&&o(null)},[x,k]),oo(()=>{if(c==="success"){let w=d.find(L=>L.name===u?.to?.blockchain),W=m.find(L=>Me(L,u?.to?.token||null));(w||!w&&T.current)&&o(w??null),W?e({token:W,meta:{blockchains:d,tokens:m}}):!W&&I.current&&e({token:null}),T.current=u?.to?.blockchain,I.current=u?.to?.token}},[u?.to?.token?.symbol,u?.to?.token?.address,u?.to?.token?.blockchain,u?.to?.blockchain,c]),oo(()=>{h(u?.affiliate?.ref??null),C(u?.affiliate?.percent??null),S(u?.affiliate?.wallets??null)},[u?.affiliate?.ref,u?.affiliate?.percent,u?.affiliate?.wallets])}i(Ol,"useSyncStoresWithConfig");import{useEffect as Ti,useRef as Pf}from"react";import{useInRouterContext as $f,useLocation as _f,useSearchParams as Df}from"react-router-dom";function Si(t,e,o){return o&&t.find(n=>{let r=e?.split("--");return r?.length===1?n.symbol===r[0]&&n.address===null&&n.blockchain===o.name:n.symbol===r?.[0]&&n.address===r?.[1]&&n.blockchain===o.name})||null}i(Si,"searchParamToToken");function Ci(t){if(t)return`${t.symbol}${t.address?`--${t.address}`:""}`}i(Ci,"tokenToSearchParam");function ki(){let t=_f(),[e,o]=Df(),{fromBlockchain:n,toBlockchain:r,fromToken:s,toToken:a,inputAmount:l,setFromBlockchain:p,setToBlockchain:u,setFromToken:c,setToToken:d,setInputAmount:m}=Q(),h=g().fetchStatus,C=g().blockchains(),S=g().tokens(),y=$f(),{updateIframe:f,updateCampaignMode:x}=g(),k=g().isInCampaignMode(),v=Pf(),I=i(()=>{let T=e.get("fromAmount"),w=e.get("fromBlockchain"),W=e.get("fromToken"),L=e.get("toBlockchain"),B=e.get("toToken"),q=e.get("autoConnect"),ae=e.get("clientUrl"),fe=e.get("liquiditySources");return{fromAmount:T,fromBlockchain:w,fromToken:W,toBlockchain:L,toToken:B,autoConnect:q,clientUrl:ae,liquiditySources:fe}},"getUrlSearchParams"),b=i(T=>{for(let w in T)T[w]||delete T[w];o(T,{replace:!0})},"updateUrlSearchParams");Ti(()=>{let{autoConnect:T,clientUrl:w}=I();y&&h==="success"&&b({fromBlockchain:n?.name,fromToken:Ci(s),toBlockchain:r?.name,toToken:Ci(a),fromAmount:l,autoConnect:T??void 0,clientUrl:w??void 0,liquiditySources:k?v.current:void 0})},[t.pathname,l,n,s,r,a,k]),Ti(()=>{if(!y)return;let T=I();if(!v.current&&T.liquiditySources&&(v.current=T.liquiditySources),T.fromAmount&&m(T.fromAmount),h==="success"){let w=C.find(q=>q.name===T.fromBlockchain),W=Si(S,T.fromToken,w??null),L=C.find(q=>q.name===T.toBlockchain),B=Si(S,T.toToken,L??null);w&&(p(w),W&&c({token:W,meta:{blockchains:C,tokens:S}})),L&&(u(L),B&&d({token:B,meta:{blockchains:C,tokens:S}}))}},[h]),Ti(()=>{let{clientUrl:T,liquiditySources:w}=I();f("clientUrl",T||void 0),x("liquiditySources",w?.split(",")??void 0)},[])}i(ki,"useSyncUrlAndStore");import{i18n as kr}from"@lingui/core";import{useManager as vy}from"@rango-dev/queue-manager-react";import{Alert as lc,Button as by,css as fs,Divider as ds,IconButton as pc,SettingsIcon as Iy,styled as Ay,Tooltip as Ey,Typography as Wy,WalletIcon as Ly}from"@rango-dev/ui";import pe,{useEffect as qo,useLayoutEffect as My,useRef as Ny,useState as wr}from"react";import{flushSync as By}from"react-dom";import{useLocation as Py,useNavigate as $y}from"react-router-dom";import{i18n as ct}from"@lingui/core";import{Alert as ji,BalanceErrors as fh,Button as Vp,ChevronDownIcon as gh,ChevronLeftIcon as hh,Divider as lo,MessageBox as yh,Typography as or,WalletIcon as Sh}from"@rango-dev/ui";import $,{useEffect as Ch,useState as po}from"react";import{useNavigate as Th}from"react-router-dom";import{i18n as Bn}from"@lingui/core";function Pn(t){switch(t.type){case 0:return Bn.t("Route has been updated.");case 3:return Bn.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return Bn.t("Route swappers has been updated.");case 2:return Bn.t("Route internal coins has been updated.");default:return""}}i(Pn,"getQuoteUpdateWarningMessage");import{Modal as Uf}from"@rango-dev/ui";import Of from"react";function re(t){let{watermark:e}=ee();return Of.createElement(Uf,{hasWatermark:e==="FULL",...t},t.children)}i(re,"WatermarkedModal");import Fn,{useRef as Qf}from"react";import*as no from"@radix-ui/react-collapsible";import{keyframes as ql,styled as $n}from"@rango-dev/ui";var wi=300,qf=ql({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),zf=ql({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),zl=$n(no.Root,{borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),xi=$n(no.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit",cursor:"pointer"}),_n=$n(no.Content,{overflow:"hidden",variants:{open:{true:{animation:`${qf} ${wi}ms ease-out`},false:{animation:`${zf} ${wi}ms ease-out`}}}}),Dn=$n("div",{transition:`all ${wi}ms ease`,display:"flex",alignItems:"center",variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}});function Un(t){let{open:e,hasSelected:o,onOpenChange:n,children:r,onClickTrigger:s,trigger:a,triggerAnchor:l}=t,p=Qf(null);return Fn.createElement(zl,{ref:p,className:"collapsible_root",selected:o&&e,open:e,onOpenChange:n},l==="top"&&Fn.createElement(xi,{className:"collapsible_trigger",onClick:s},a),Fn.createElement(_n,{className:"collapsible_content",open:e},r),l==="bottom"&&Fn.createElement(xi,{className:"collapsible_trigger",onClick:s},a))}i(Un,"CustomCollapsible");import{Button as Hf,css as Ql,darkTheme as ro,IconButton as Gf,styled as Xe,TextField as Vf}from"@rango-dev/ui";var Hl=Xe("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),Gl=Xe("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),jf=Xe("button",{borderRadius:"$xm",padding:"$10",border:"0",display:"flex",justifyContent:"center",$$color:"$colors$neutral100",[`.${ro} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",alignItems:"center",cursor:"pointer",width:110,position:"relative","&:hover":{$$color:"$colors$info100",[`.${ro} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$color:"$colors$info100",[`.${ro} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color",outline:0},variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary",outlineStyle:"solid"}}}}),Vl=Xe(jf,{alignSelf:"stretch",minHeight:"93px"}),jl=Xe("div",{padding:"$20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),Xl=Xe(Gf,{position:"absolute",left:"$20"}),Kl=Xe("div",{paddingTop:"$20"}),Yl=Ql({display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),Jl=Xe("div",{padding:"$10 $0","& .button__content":{display:"flex",alignItems:"center"},"& .alarms":{paddingTop:"$5"},"& .collapsible_content":{backgroundColor:"$neutral100"},"& .collapsible_root":{backgroundColor:"$neutral200"}}),Zl=Ql({paddingTop:"$5"}),Rl=Xe("div",{display:"flex"}),ep=Xe(Vf,{backgroundColor:"$neutral100",padding:"$0 $15 $15 $15"}),tp=Xe("div",{overflow:"visible",width:"100%"}),op=Xe(Hf,{width:"100%",borderRadius:"$sm !important",padding:"$15 !important",justifyContent:"space-between",alignItems:"center",$$color:"$colors$neutral100",[`.${ro} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color","&:hover":{$$color:"$colors$info100",[`.${ro} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$background:"$colors$info100",[`.${ro} &`]:{$$background:"$colors$info700"},backgroundColor:"$$background",outline:0}});import{i18n as Re}from"@lingui/core";import{Button as uh,Divider as Gi,Image as ch,MessageBox as tr,SelectableWallet as mh,Typography as zp,WalletState as Qp}from"@rango-dev/ui";import se,{useEffect as Hp,useState as Wo}from"react";import{WalletState as vi}from"@rango-dev/ui";import{useWallets as Xf}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as Kf,WalletTypes as On}from"@rango-dev/wallets-shared";import{useCallback as Yf,useEffect as Jf,useState as Zf}from"react";var Rf=Object.values(On);function qn(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:s,disconnect:a,getWalletInfo:l,connect:p}=Xf(),{connectedWallets:u}=K(),c=g().blockchains(),d=za(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||Rf,m=Aa(s,l,d,o),h=Pa(m),[C,S]=Zf(""),y=i(I=>!u.find(b=>b.walletType===I&&b.chain===o),"isExperimentalChainNotAdded"),f=i(async I=>{let b=s(I);try{if(C&&S(""),b.connected)await a(I);else{let T=!!m.find(w=>w.state===vi.CONNECTED);if(!e?.multiWallets&&T)return;n?.(I),await p(I),r?.(I)}}catch(T){S("Error: "+T?.message)}},"handleClick"),x=Yf(()=>{let I=m?.filter(b=>b.state===vi.CONNECTING)||[];for(let b of I)a(b.type)},[Da(m)]);Jf(()=>()=>{x()},[]);let k=i(I=>I.filter(T=>T.state!=vi.NOT_INSTALLED&&![On.DEFAULT,On.WALLET_CONNECT_2].includes(T.type)&&l(T.type).supportedChains.filter(w=>w.type=="EVM").length>0).length==0,"shouldShowDefaultInjectedWallet"),v=i((I,b,T)=>mn(T,b)&&y(I)&&!Kf.includes(I)||I==On.DEFAULT&&!k(m),"shouldExcludeWallet");return{list:h.filter(I=>!v(I.type,o??"",c)),error:C,handleClick:f,disconnectConnectingWallets:x}}i(qn,"useWalletList");import{i18n as $p}from"@lingui/core";import{styled as Dp,Typography as nh,Wallet as rh,WalletState as ih}from"@rango-dev/ui";import ao,{useState as _p}from"react";import{useManager as jg}from"@rango-dev/queue-manager-react";import{BottomLogo as Xg,Divider as Ap,Header as Kg}from"@rango-dev/ui";import he,{useEffect as Ep,useRef as Wp}from"react";import{useRef as eg}from"react";function zn(){return window.self!==window.top}i(zn,"isAppLoadedIntoIframe");function bi(){let t=eg(null),{iframe:e}=g(),o=zn()&&e.clientUrl,n=i(a=>{o&&window.top?.postMessage(a,e.clientUrl)},"send");return{send:n,connectHeightObserver:i(a=>{t.current=new ResizeObserver(l=>{for(let p of l)n({type:"widget_height",data:{height:p.contentRect.height}})}),t.current.observe(a)},"connectHeightObserver"),disconnectHeightObserver:i(()=>{t.current&&(t.current.disconnect(),t.current=null)},"disconnectHeightObserver")}}i(bi,"useIframe");import{useNavigate as tg}from"react-router-dom";function ut(){let t=tg();return()=>t(-1)}i(ut,"useNavigateBack");import{createTheme as Wi,darkTheme as sg,lightTheme as ag}from"@rango-dev/ui";import{useEffect as sp,useState as lg}from"react";import{theme as rg,darkColors as ig}from"@rango-dev/ui";var np=i((t,e)=>{t=t.replace(/^#/,""),t.length===3&&(t=t[0]+t[0]+t[1]+t[1]+t[2]+t[2]);let[s,a,l]=t.match(/.{2}/g);[s,a,l]=[parseInt(s,16)+e,parseInt(a,16)+e,parseInt(l,16)+e],s=Math.max(Math.min(255,s),0).toString(16),a=Math.max(Math.min(255,a),0).toString(16),l=Math.max(Math.min(255,l),0).toString(16);let p=(s.length<2?"0":"")+s,u=(a.length<2?"0":"")+a,c=(l.length<2?"0":"")+l;return`#${p}${u}${c}`},"colorShade"),Qn=i((t,e)=>{let a={[t]:e};for(let l=1;l<10;l++)l<5&&(a={...a,[t+l*100]:np(e,(5-l)*25)}),l===5&&(a={...a,[t+l*100]:e}),l>5&&(a={...a,[t+l*100]:np(e,-((l-5)*25))});return a},"generateRangeColors"),Ii=i((t,e,o)=>{if(!o||!Object.entries(o).length)return{};let n=!1,r={...t};for(let s in o){let a=o[s];if(a&&a!==t[s])if(n=!0,s==="background"||s==="foreground")r={...r,[s]:a};else if(s==="neutral"&&e){let l=Qn(s,a);r={...r,[`${s}100`]:l[`${s}900`],[`${s}200`]:l[`${s}800`],[`${s}300`]:l[`${s}700`],[`${s}400`]:l[`${s}600`],[`${s}500`]:l[`${s}500`],[`${s}600`]:l[`${s}400`],[`${s}700`]:l[`${s}300`],[`${s}800`]:l[`${s}200`],[`${s}900`]:l[`${s}100`]}}else r={...r,...Qn(s,a)}}return n?r:{}},"generateColors");var rp=i(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),og=i(t=>{let e="",o;for(o=Math.abs(t);o>52;o=o/52|0)e=rp(o%52)+e;return rp(o%52)+e},"toAlphabeticName"),ng=i((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),Ai=i(t=>og(ng(5381,JSON.stringify(t))>>>0),"toHash");function Ei(t){let e=rg.colors,o=Ii({...e,...ig},!0,t?.dark),n=Ii(e,!1,t?.light),r=Object.keys(o).length>0,s=Object.keys(n).length>0,a,l;if(s){let p={colors:n};a={id:`${oi}-light-${Ai(p)}`,tokens:p}}if(r){let p={colors:o};l={id:`${oi}-dark-${Ai(p)}`,tokens:p}}return{light:a,dark:l}}i(Ei,"customizedThemeTokens");function ip(t,e){if(t.length<=1)return t;let o=[];return t.forEach((n,r)=>{o.push(n),r<t.length-1&&o.push(e)}),o}i(ip,"joinList");function Hn(t){let{colors:e,fontFamily:o=qa,borderRadius:n=Ua,secondaryBorderRadius:r=Oa,mode:s="auto"}=t,[a,l]=lg("light"),{setTheme:p,theme:u}=g(),{dark:c,light:d}=Ei(e),m=Wi({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),h=[m.className,ag.className],C=[m.className,sg.className];if(d){let y=Wi(d.id,d.tokens);h.push(y.className)}if(c){let y=Wi(c.id,c.tokens);C.push(y.className)}return sp(()=>{let y=i(f=>{f.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",y),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",y)}},[]),sp(()=>{s!=="auto"&&p(s)},[s]),{activeTheme:i(()=>{let y=h.join(" "),f=C.join(" ");return u==="auto"?a==="dark"?f:y:u==="dark"?f:y},"getActiveTheme")}}i(Hn,"useTheme");var Nt=i(t=>{let e=[];return t?.getAll().forEach((o,n)=>{let r=o.list.getStorage();r?.swapDetails&&e.push({id:n,swap:r?.swapDetails})}),e.sort((o,n)=>Number(n.swap.creationTime)-Number(o.swap.creationTime))},"getPendingSwaps");import{i18n as ap}from"@lingui/core";import{Alert as pg,Button as ug}from"@rango-dev/ui";import lp from"react";function Li(t){return lp.createElement(pg,{action:lp.createElement(ug,{onClick:t.onActivateTab,variant:"contained",size:"xxsmall",type:"warning"},ap.t("Activate this tab")),type:"warning",variant:"alarm",title:ap.t("Another tab is open and handles transactions.")})}i(Li,"ActivateTabAlert");import{i18n as Mi}from"@lingui/core";import{Button as cg,Divider as mg,MessageBox as dg}from"@rango-dev/ui";import Gn from"react";function Ni(t){let{open:e,onClose:o,onConfirm:n}=t;return Gn.createElement(re,{open:e,dismissible:!0,onClose:o,container:N()},Gn.createElement(dg,{title:Mi.t("Activate current tab"),type:"warning",description:Mi.t("Currently, some transactions are running and being handled by other browser tab. If you activate this tab, all transactions that are already in the transaction sign step will expire.")},Gn.createElement(mg,{size:20}),Gn.createElement(cg,{variant:"contained",size:"large",type:"primary",fullWidth:!0,onClick:n},Mi.t("Confirm"))))}i(Ni,"ActivateTabModal");import{ChevronLeftIcon as hg}from"@rango-dev/ui";import mp from"react";import{darkTheme as fg,IconButton as gg,styled as Io}from"@rango-dev/ui";var Ke=Io(gg,{width:"$24",position:"relative",padding:"0",overflow:"unset"}),pp=Io("div",{position:"absolute",background:"$secondary500",[`.${fg} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),io=Io("div",{display:"flex",justifyContent:"flex-end",minWidth:"$40",button:{padding:0}}),up=Io("div",{position:"absolute",backgroundColor:"$secondary500",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0"}),cp=Io("div",{padding:"$2",variants:{isRefetched:{true:{transform:"rotate(360deg)",transition:"transform 1s ease-in-out"}}}});function Bi(t){return mp.createElement(Ke,{variant:"ghost",size:"small",onClick:t.onClick},mp.createElement(hg,{color:"black",size:16}))}i(Bi,"BackButton");import{i18n as yg}from"@lingui/core";import{Button as Sg,Typography as Cg}from"@rango-dev/ui";import Pi from"react";function $i(t){return Pi.createElement(io,null,Pi.createElement(Sg,{variant:"ghost",onClick:t.onClick,size:"xsmall"},Pi.createElement(Cg,{variant:"label",size:"medium",color:"error500"},yg.t("Cancel"))))}i($i,"CancelButton");import{i18n as Tg}from"@lingui/core";import{Tooltip as kg,WalletIcon as wg}from"@rango-dev/ui";import Vn from"react";function _i(t){return Vn.createElement(kg,{container:t.container,side:"top",content:Tg.t("Connect Wallet")},Vn.createElement(Ke,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&Vn.createElement(pp,null),Vn.createElement(wg,{size:18,color:"black"})))}i(_i,"WalletButton");import{i18n as Yn}from"@lingui/core";import{NotificationsIcon as zg,Popover as Qg,SettingsIcon as Hg,Tooltip as Jn,TransactionIcon as Gg}from"@rango-dev/ui";import Ie from"react";import{i18n as Lg}from"@lingui/core";import{EventSeverity as Mg}from"@rango-dev/queue-manager-rango-preset";import{ChainToken as Sp,ChevronRightIcon as Ng,ListItemButton as Bg,Typography as Pg}from"@rango-dev/ui";import Ze from"react";import{useNavigate as $g}from"react-router-dom";import{create as xg}from"zustand";import{persist as vg,subscribeWithSelector as bg}from"zustand/middleware";var Oe=Et(xg()(vg(bg((t,e)=>({notifications:[],setNotification:(o,n)=>{let r=n.steps[0],s=n.steps[n.steps.length-1],a={event:o,creationTime:Date.now(),read:!1,requestId:n.requestId,route:{from:{blockchain:r.fromBlockchain,address:r.fromSymbolAddress,symbol:r.fromSymbol},to:{blockchain:s.toBlockchain,address:s.toSymbolAddress,symbol:s.toSymbol}}},l=e().notifications.filter(p=>p.requestId!==n.requestId);t(()=>({notifications:[...l,a]}))},setAsRead:o=>{t(n=>({notifications:n.notifications.map(r=>r.requestId===o?{...r,read:!0}:r)}))},getUnreadNotifications:()=>e().notifications.filter(o=>!o.read)})),{name:"notification",skipHydration:!0})));import{styled as jn}from"@rango-dev/ui";var dp=jn("div",{padding:"$10",width:"350px",maxWidth:"90vw",minHeight:"150px"}),fp=jn("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),gp=jn("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),hp=jn("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as Ig}from"@lingui/core";import{Divider as Ag,NoNotificationIcon as Eg,Typography as Wg}from"@rango-dev/ui";import Xn from"react";function yp(){return Xn.createElement(hp,null,Xn.createElement(Eg,{color:"secondary",size:26}),Xn.createElement(Ag,{size:12}),Xn.createElement(Wg,{variant:"body",size:"medium",color:"neutral700"},Ig.t("There are no notifications.")))}i(yp,"NotificationNotFound");var _g=4;function Di(){let t=$g(),{getUnreadNotifications:e}=Oe(),o=e(),n=g().blockchains(),r=g().tokens(),s=o.sort((l,p)=>p.creationTime-l.creationTime).slice(0,_g),a=i(l=>{t(`${F.swaps}/${l}`)},"handleOnClick");return Ze.createElement(dp,null,s.length?Ze.createElement(fp,null,s.map(l=>{let{route:p,requestId:u,event:c}=l,d=r.find(S=>Me(S,p.from)),m=n.find(S=>S.name===p.from.blockchain),h=r.find(S=>Me(S,p.to)),C=n.find(S=>S.name===p.to.blockchain);return Ze.createElement(Bg,{key:u,onClick:()=>a(u),title:Ze.createElement(Pg,{variant:"body",size:"small",color:c.messageSeverity===Mg.WARNING?"$foreground":"$neutral700"},Lg.t(c.message)),id:u,start:Ze.createElement(gp,null,Ze.createElement("div",{className:"from-chain-token"},Ze.createElement(Sp,{tokenImage:d?d.image:"",chainImage:m?m.logo:"",size:"small"})),Ze.createElement("div",{className:"to-chain-token"},Ze.createElement(Sp,{tokenImage:h?h.image:"",chainImage:C?C.logo:"",size:"small"}))),end:Ze.createElement(Ng,{size:12,color:"gray"})})})):Ze.createElement(yp,null))}i(Di,"NotificationContent");import{RefreshProgressButton as Dg}from"@rango-dev/ui";import Fi,{useEffect as Fg,useState as Cp}from"react";var Ug=1e3,Tp=60,Og=100;function Kn({onClick:t}){let[e,o]=Cp(0),[n,r]=Cp(!1),s=i(p=>{document.hidden&&p&&a(p)},"handleVisibilityChange");Fg(()=>{let p;return t?p=window.setInterval(()=>{o(u=>u+1),e===Tp&&l()},Ug):a(p),document.addEventListener("visibilitychange",()=>s(p)),()=>{document.removeEventListener("visibilitychange",()=>s(p)),p&&clearInterval(p)}},[e,t]);let a=i(p=>{p&&clearInterval(p),o(0)},"clearTimeout"),l=i(()=>{t?.(),o(0),r(!0)},"handleRefreshClick");return Fi.createElement(Ke,{variant:"ghost",size:"small",onClick:l,disabled:!t},Fi.createElement(cp,{onTransitionEnd:()=>r(!1),isRefetched:n},Fi.createElement(Dg,{size:24,color:t?"black":"gray",progress:e/Tp*Og})))}i(Kn,"RefreshButton");import{Typography as qg}from"@rango-dev/ui";import kp from"react";function wp(){let{getUnreadNotifications:t}=Oe(),e=t().length;return e?kp.createElement(up,null,kp.createElement(qg,{variant:"body",size:"xsmall",color:"$background"},e)):null}i(wp,"UnreadNotificationsBadge");function Gt(t){let{onClickRefresh:e,onClickHistory:o,onClickSettings:n,hidden:r=[]}=t,{config:{features:s}}=g(),a=Ge("notification",s)||r.includes("notifications");return Ie.createElement(Ie.Fragment,null,!r.includes("refresh")&&Ie.createElement(Jn,{container:N(),side:"top",content:Yn.t("Refresh")},Ie.createElement(Kn,{onClick:e})),!a&&Ie.createElement(Qg,{align:"end",alignOffset:-88,collisionPadding:{right:20,left:20},container:N(),content:Ie.createElement(Di,null)},Ie.createElement("div",null,Ie.createElement(Jn,{container:N(),side:"top",content:Yn.t("Notifications")},Ie.createElement(Ke,{size:"small",variant:"ghost"},Ie.createElement(zg,{size:18,color:"black"}),Ie.createElement(wp,null))))),!r.includes("settings")&&Ie.createElement(Jn,{container:N(),side:"top",content:Yn.t("Settings")},Ie.createElement(Ke,{size:"small",variant:"ghost",onClick:n},Ie.createElement(Hg,{size:18,color:"black"}))),!r.includes("history")&&Ie.createElement(Jn,{container:N(),side:"top",content:Yn.t("Transactions History")},Ie.createElement(Ke,{size:"small",variant:"ghost",onClick:o},Ie.createElement(Gg,{size:18,color:"black"}))))}i(Gt,"HeaderButtons");function Ui(t){let e=t.target;if(e){let o=e.scrollTop,n=N();o>1?n.classList.add("rng-scrolled"):n.classList.remove("rng-scrolled")}}i(Ui,"onScrollContentAttachStatusToContainer");import{css as Vg,styled as Oi}from"@rango-dev/ui";var xp="700px",Zn=Vg({borderRadius:"$primary",display:"flex",flexDirection:"column",overflow:"hidden",boxShadow:"15px 15px 15px 0px rgba(0, 0, 0, 0.05)"}),vp=Oi("div",{position:"relative",width:"100vw",minWidth:"300px",maxWidth:"390px",backgroundColor:"$background",variants:{height:{auto:{height:"auto",maxHeight:xp},fixed:{height:xp}}}}),bp=Oi("div",{position:"relative",overflow:"hidden",flexGrow:1,display:"flex",flexDirection:"column",padding:0,overflowY:"auto"}),Ip=Oi("div",{padding:"0 $20 $10","& .footer__alert":{paddingTop:"$10"},"& .footer__logo":{opacity:0,transition:"opacity 1s ease-in-out","&.logo__show":{opacity:1},"&.logo__hidden":{visibility:"hidden"}}});function ne(t){let{connectHeightObserver:e,disconnectHeightObserver:o}=bi(),{children:n,header:r,footer:s,height:a="fixed"}=t,l=K.use.connectedWallets(),{config:{features:p,theme:u}}=g(),{watermark:c}=ee(),d=c==="FULL",{activeTheme:m}=Hn(u||{}),h=Ge("connectWalletButton",p),{isActiveTab:C,tabManagerInitiated:S,showActivateTabModal:y,setShowActivateTabModal:f,activateCurrentTab:x}=ee(),k=ut(),{manager:v}=jg(),b=Nt(v).map(({swap:q})=>q).some(q=>q.status==="running"),T=i(()=>x(zt.forceClaim,b),"onActivateTab"),w=i(()=>{r.onWallet?.()},"onConnectWallet"),W=typeof r.hasBackButton>"u"||r.hasBackButton,L=Wp(null),B=Wp(null);return Ep(()=>(zn()&&B.current&&e(B.current),()=>{o()}),[]),Ep(()=>(L.current?.addEventListener("scroll",Ui),()=>{L.current?.removeEventListener("scroll",Ui)}),[]),he.createElement(vp,{height:a,id:Te.SWAP_BOX_ID,className:`${m()} ${Zn()}`,ref:B},he.createElement(Kg,{prefix:he.createElement(he.Fragment,null,W&&he.createElement(Bi,{onClick:()=>{k(),r.onBack&&r.onBack()}})),title:r.title,suffix:he.createElement(he.Fragment,null,r.suffix,r.onWallet&&!h&&he.createElement(_i,{container:N(),onClick:w,isConnected:!!l?.length}),r.onCancel&&he.createElement($i,{onClick:r.onCancel}))}),he.createElement(bp,{ref:L},n),he.createElement(Ni,{open:y,onClose:()=>f(!1),onConfirm:T}),he.createElement(Ip,null,he.createElement("div",{className:"footer__content"},S&&!C&&he.createElement("div",{className:"footer__alert"},he.createElement(Li,{onActivateTab:T}),he.createElement(Ap,{size:10})),s),he.createElement(Ap,{size:12}),he.createElement("div",{className:`footer__logo ${d?"logo__show":"logo__hidden"}`},he.createElement(Xg,null))))}i(ne,"Layout");import{styled as Yg}from"@rango-dev/ui";var Lp="$20 $20 $10 $20",Ao=Yg("div",{padding:Lp,overflowY:"auto",flexGrow:1});import{styled as Jg}from"@rango-dev/ui";var ie=Jg("div",{display:"flex",flexDirection:"column",padding:"20px 20px 10px",flexGrow:1,variants:{view:{true:{flexGrow:1,overflow:"hidden"}},compact:{true:{padding:0}}}});import{Divider as oh}from"@rango-dev/ui";import zi from"react";import{i18n as so}from"@lingui/core";import{Image as eh,MessageBox as qi,WalletState as th}from"@rango-dev/ui";import Vt from"react";import{keyframes as Zg,styled as Rn}from"@rango-dev/ui";var AE=Rn("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),Mp=Rn("div",{position:"relative"}),Rg=Zg({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),Np=Rn("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Rg} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),Bp=Rn("div",{"& img":{borderRadius:"50%"}});function Pp(t){let{state:e,image:o,error:n}=t;return e===th.CONNECTED?Vt.createElement(qi,{type:"success",title:so.t("Wallet Connected"),description:so.t("Your wallet is connected, you can use it to swap.")}):n?Vt.createElement(qi,{type:"error",title:so.t("Failed to Connect"),description:n||so.t("Your wallet is not connected. Please try again.")}):Vt.createElement(qi,{type:"loading",title:so.t("Connecting to your wallet"),description:so.t("Click connect in your wallet popup."),icon:Vt.createElement(Mp,null,Vt.createElement(Bp,null,Vt.createElement(eh,{src:o,size:45})),Vt.createElement(Np,null))})}i(Pp,"ModalContent");function Eo(t){let{open:e,onClose:o,...n}=t;return zi.createElement(re,{open:e,onClose:o,container:document.getElementById(Te.SWAP_BOX_ID)||document.body},zi.createElement(Pp,{...n}),zi.createElement(oh,{direction:"vertical",size:32}))}i(Eo,"WalletModal");var sh=Dp("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),ah=Dp(ie,{textAlign:"center"}),er=3e3,Qi=300;function Fp(){let{config:t,fetchStatus:e}=g(),[o,n]=_p(!1),[r,s]=_p(""),a=null,l=ee.use.isActiveTab(),{list:p,handleClick:u,error:c,disconnectConnectingWallets:d}=qn({config:t,onBeforeConnect:y=>{a=setTimeout(()=>{n(!0),s(y)},Qi)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},er)}}),m=i(()=>{d(),n(!1)},"handleCloseWalletModal"),h=p.find(y=>y.type===r),C=h?.image||"",S=h?.state||ih.NOT_INSTALLED;return ao.createElement(ne,{header:{title:$p.t("Connect Wallets")}},ao.createElement(ah,null,ao.createElement(nh,{variant:"title",size:"xmedium",align:"center"},$p.t("Choose a wallet to connect.")),ao.createElement(sh,null,p.map((y,f)=>{let x=`wallet-${f}-${y.type}`;return ao.createElement(rh,{key:x,...y,container:N(),onClick:k=>{u(k)},isLoading:e==="loading",disabled:!l})}),ao.createElement(Eo,{open:!!o,onClose:m,image:C,state:S,error:c}))))}i(Fp,"WalletsPage");import{keyframes as lh,styled as Hi}from"@rango-dev/ui";var Up=Hi("div",{position:"relative"}),ph=lh({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),Op=Hi("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${ph} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),qp=Hi("div",{"& img":{borderRadius:"50%"}});var dh=7;function Vi(t){let{chain:e,isSelected:o,selectWallet:n,limit:r,onShowMore:s}=t,{config:a}=g(),l=ee.use.isActiveTab(),p=K.use.connectedWallets(),{blockchains:u}=g(),[c,d]=Wo(""),[m,h]=Wo(null),[C,S]=Wo(!1),[y,f]=Wo(null),{suggestAndConnect:x}=Gp(),k=null,{list:v,error:I,handleClick:b,disconnectConnectingWallets:T}=qn({config:a,chain:e,onBeforeConnect:D=>{k=setTimeout(()=>{d(D)},Qi)},onConnect:()=>{k&&clearTimeout(k),setTimeout(()=>{d("")},er)}}),[w,W]=Wo(v),L=v.length,B=r&&L-r>0,q=i(async D=>{S(!1),f("in-progress");try{await x(D.walletType,D.chain),f("completed")}catch{f("rejected")}},"addExperimentalChain");Hp(()=>{W(D=>{let V=v.findIndex(A=>o(A.type,e));return B&&V>1?[v[V]].concat(v.filter((A,M)=>M!==V)):D.map(A=>v.find(M=>M.type===A.type)??A)})},[JSON.stringify(v)]);let ae=document.getElementById(Te.SWAP_BOX_ID);Hp(()=>{let D=null;return(y==="completed"||y==="rejected")&&(D=setTimeout(()=>f(null),er)),()=>{D&&clearTimeout(D)}},[y]);let fe=i(()=>{T(),d("")},"handleCloseWalletModal");return se.createElement(se.Fragment,null,w.slice(0,r).map(D=>{let V=$a({connectedWallets:p,walletType:D.type,chain:e}),A=V?fn(V,dh):"",M=mn(u(),e),ce=!p.find(be=>be.walletType===D.type&&be.chain===e),H=M&&ce&&D.state===Qp.CONNECTED,j=H?Re.t({id:"Add {chain} chain",values:{chain:e}}):A,Se=i(()=>{D.state===Qp.DISCONNECTED?b(D.type):H?(h({walletType:D.type,chain:e,address:V??""}),S(!0)):n({walletType:D.type,chain:e,address:V??""})},"onClick"),ve=m?.chain?dl(m.chain,u()):void 0;return se.createElement(se.Fragment,null,se.createElement(Eo,{open:c===D.type,onClose:fe,image:D.image,state:D.state,error:I}),!!m&&se.createElement(re,{open:!!m&&C,container:ae,onClose:()=>{h(null)}},se.createElement(tr,{title:Re.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:ve}}),type:"warning",description:Re.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:ve}})},se.createElement(Gi,{size:18}),se.createElement(Gi,{size:32}),se.createElement(uh,{onClick:q.bind(null,m),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},Re.t("Confirm")))),y&&se.createElement(re,{open:!!y,onClose:f.bind(null,null),container:ae},y==="in-progress"&&se.createElement(tr,{type:"loading",title:Re.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:ve}}),description:Re.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:ve}}),icon:se.createElement(Up,null,se.createElement(qp,null,se.createElement(ch,{src:D.image,size:45})),se.createElement(Op,null))}),y==="completed"&&se.createElement(tr,{type:"success",title:Re.t({id:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:ve}}),description:Re.t({id:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:ve}})}),y==="rejected"&&se.createElement(tr,{type:"error",title:Re.t("Request Rejected"),description:Re.t({id:"You've rejected adding {blockchainDisplayName} chain to your wallet.",values:{blockchainDisplayName:ve}})}),se.createElement(Gi,{direction:"vertical",size:32})),se.createElement(mh,{key:D.type,description:j,onClick:Se,selected:o(D.type,e),disabled:!l,...D}))}),B&&se.createElement(Vl,{selected:!1,onClick:s},se.createElement(zp,{variant:"label",size:"medium"},Re.t("Show more wallets"),se.createElement(zp,{variant:"label",size:"medium",color:"$primary"},"\xA0+",L-(r??0)))))}i(Vi,"WalletList");var kh=2;function jp(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,loading:s}=t,a=g().config,l=g().blockchains(),{selectedQuote:p,setSelectedWallets:u,quoteWalletsConfirmed:c,setQuoteWalletConfirmed:d,customDestination:m,setCustomDestination:h}=Q(),{connectedWallets:C,selectWallets:S}=K(),[y,f]=po(""),[x,k]=po([]),[v,I]=po(""),[b,T]=po(null),[w,W]=po(!!m),L=xn(p?.swaps||null),B=l.find(G=>G.name===p?.swaps[p?.swaps.length-1].to.blockchain),q=i(G=>!!p?.swaps.find(J=>J.from.blockchain===G),"isWalletRequiredFor"),ae=i(()=>C.filter(G=>G.selected&&L.includes(G.chain)),"getInitialSelectableWallets"),[fe,D]=po(ae()),V=l.find(G=>G.name===B?.name),A=x.length>0,M=i((G,J)=>!!fe.find(R=>R.walletType===G&&R.chain===J&&R.selected&&(q(J)||!q(J)&&!m)),"isSelected"),ce=!!m&&w&&V&&!vn(V,m),H=i(()=>{W(!1),h(null),D(G=>{let J=!1;return G.map(R=>!J&&R.chain===B?.name?(J=!0,{...R,selected:!0}):R)})},"resetCustomDestination"),j=i(G=>{if(y&&f(""),M(G.walletType,G.chain))return;let R=C.find(Ae=>Ae.walletType===G.walletType&&Ae.chain===G.chain);R&&(n(),G.chain===B?.name&&w&&(W(!1),h(null)),D(Ae=>Ae.filter(He=>He.chain!==G.chain).concat({...R,selected:!0})))},"onChange"),Se=i(()=>{let G=fe.filter(J=>J.selected);S(G),u(G),d(!0),o()},"onConfirmBalance"),ve=i(async()=>{k([]),I(""),T(null);let G=C.filter(Ae=>fe.find(He=>He.chain===Ae.chain&&He.walletType===Ae.walletType)),J=await r?.({selectedWallets:G,customDestination:m}),R=J.warnings;R?.balance?.messages&&k(R.balance.messages),R?.quoteUpdate&&T(R.quoteUpdate),J.error&&I(fl(J.error)),!J.error&&!R?.balance?.messages.length?Se():k(R?.balance?.messages??[])},"onConfirmWallets");Ch(()=>{D(G=>G.concat(C.filter(J=>!!!G.find(Ae=>Ae.chain===J.chain)&&J.selected&&L.includes(J.chain))))},[C.length]);let be=document.getElementById(Te.SWAP_BOX_ID),gt=Th();return $.createElement(re,{open:e,onClose:()=>{c||gt("../",{replace:!0}),o()},dismissible:!y,container:be,...!y&&{footer:$.createElement(Rl,null,$.createElement(Vp,{loading:s,disabled:Nl(s,w,m,p,fe,B),onClick:ve,variant:"contained",type:"primary",fullWidth:!0,size:"large"},ct.t("Confirm")))},...y&&{styles:{container:{padding:"$0"}},header:$.createElement(jl,null,$.createElement(Xl,{variant:"ghost",onClick:f.bind(null,"")},$.createElement(hh,{size:16})),$.createElement(or,{variant:"headline",size:"small"},ct.t({id:"Your {blockchainName} wallets",values:{blockchainName:Ve(y,l)}})))},anchor:"center"},$.createElement(re,{open:A,onClose:k.bind(null,[]),container:be},$.createElement(yh,{title:ct.t("Insufficient account balance"),type:"error",description:$.createElement(fh,{messages:x??[]})},$.createElement(Vp,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:Se},ct.t("Proceed anyway")))),y&&$.createElement(Kl,null,$.createElement("div",{className:Yl()},$.createElement(Vi,{chain:y,isSelected:M,selectWallet:j,onShowMore:f.bind(null,y)}))),!y&&$.createElement($.Fragment,null,v&&$.createElement($.Fragment,null,$.createElement(ji,{variant:"alarm",type:"error",title:ct.t(v)}),$.createElement(lo,{size:12})),b&&$.createElement($.Fragment,null,$.createElement(ji,{variant:"alarm",type:"warning",title:Pn(b)}),$.createElement(lo,{size:12})),$.createElement(tp,null,L.map((G,J)=>{let R=l.find(Ce=>Ce.name===G),Ae=`wallet-${J}`,He=J===L.length-1;return $.createElement("div",{key:Ae},$.createElement(Hl,null,$.createElement(or,{variant:"title",size:"xmedium"},ct.t({id:"Your {blockchainName} wallets",values:{blockchainName:R?.shortName}})),$.createElement(or,{variant:"label",color:"$neutral700",size:"medium"},ct.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:R?.shortName}}))),$.createElement(lo,{size:24}),$.createElement(Gl,null,$.createElement(Vi,{chain:G,isSelected:M,selectWallet:j,limit:kh,onShowMore:()=>f(R?.name??"")})),!He&&$.createElement(lo,{size:32}),He&&a?.customDestination&&$.createElement(Jl,null,$.createElement(Un,{onOpenChange:Ce=>{Ce?q(B?.name??"")||D(De=>De.map(ge=>ge.chain===B?.name?{...ge,selected:!1}:ge)):H()},hasSelected:!0,open:w,triggerAnchor:"top",trigger:$.createElement(op,{fullWidth:!0,variant:"default",suffix:$.createElement(Dn,{orientation:w?"up":"down"},$.createElement(gh,{size:10,color:"gray"}))},$.createElement("div",{className:"button__content"},$.createElement(Sh,{size:18,color:"info"}),$.createElement(lo,{size:4,direction:"horizontal"}),$.createElement(or,{variant:"label",size:"medium"},ct.t("Send to a different address")))),onClickTrigger:()=>W(Ce=>!Ce)},$.createElement(lo,{size:4}),$.createElement(ep,{autoFocus:!0,placeholder:ct.t("Your destination address"),value:m||"",onChange:Ce=>{let De=Ce.target.value;De.length?h(De.length?De:null):(W(!1),h(null))}})),ce&&$.createElement("div",{className:Zl()},$.createElement(ji,{variant:"alarm",type:"error",title:ct.t({values:{destination:m},id:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}i(jp,"ConfirmWalletsModal");import{i18n as Fh}from"@lingui/core";import{Alert as Uh,Button as Oh,InfoIcon as qh}from"@rango-dev/ui";import qe from"react";import{Alert as wh,Button as xh,Divider as Rp,NoRouteIcon as vh,RefreshIcon as bh,Typography as eu}from"@rango-dev/ui";import et from"react";import{i18n as Xp}from"@lingui/core";function Kp(t,e,o,n){return t?.type===1?{alert:{type:"warning",text:Y().genericServerError,action:{onClick:n,title:Xp.t("Retry")}},description:""}:e.length?{alert:{type:"warning",text:Y().liquiditySourcesError.title,action:{onClick:()=>o(!0),title:Xp.t("Reset")}},description:Y().liquiditySourcesError.description}:t?.type===0&&t.diagnosisMessage?{alert:{type:"error",text:t.diagnosisMessage,action:null},description:""}:{alert:null,description:Y().noResultError.description}}i(Kp,"makeInfo");import{styled as Xi}from"@rango-dev/ui";var Yp=Xi("div",{display:"flex",flexDirection:"column",alignItems:"center"}),Jp=Xi("div",{width:"100%"}),Zp=Xi("div",{padding:"$6 $0"});function Lo(t){let{fetch:e,error:o}=t,n=g().getDisabledLiquiditySources(),r=g().toggleAllLiquiditySources,s=g().swappers(),a=Kp(o,n,()=>r(s,!0),e);return et.createElement(Yp,null,et.createElement(vh,{size:24,color:"gray"}),et.createElement(Rp,{size:4}),et.createElement(eu,{variant:"title",size:"small"},Y().noResultError.title),!!a.description&&et.createElement(eu,{variant:"body",size:"small",align:"center",color:"neutral700"},a.description),et.createElement(Rp,{size:4}),!!a.alert&&et.createElement(Jp,null,et.createElement(wh,{type:a.alert.type,title:a.alert.text,titleAlign:"center",action:a.alert.action&&et.createElement(xh,{size:"xsmall",type:a.alert.type,prefix:et.createElement(Zp,null,et.createElement(bh,{size:8})),onClick:a.alert.action.onClick},a.alert.action.title),variant:"alarm"})))}i(Lo,"NoResult");import{i18n as Mo}from"@lingui/core";import{Button as Ah,Divider as Eh,MessageBox as Wh,Typography as Lh,WarningIcon as Mh}from"@rango-dev/ui";import St from"react";import{Typography as ru}from"@rango-dev/ui";import Yi from"react";import{darkTheme as Ih,styled as nr}from"@rango-dev/ui";var tu=nr("div",{width:"100%"}),Ki=nr("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),ou=nr("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%","._title":{$$color:"$colors$neutral600",[`.${Ih} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),nu=nr("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});function iu(t){let{title:e,value:o,valueColor:n}=t;return Yi.createElement(ou,null,Yi.createElement(ru,{size:"medium",variant:"label",className:"_title"},e),Yi.createElement(ru,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}i(iu,"QuoteErrorsModalItem");function su(t){let{open:e,onClose:o,onConfirm:n,warning:r,confirmationDisabled:s}=t,a=r.warningLevel==="high"?"error":"warning",l=[{title:Mo.t("Swapping"),value:E(r.inputUsdValue,4,4)},{title:Mo.t("Gas cost"),value:E(r.totalFee,2,2)},{title:Mo.t("Receiving"),value:E(r.outputUsdValue,4,4)},{title:Mo.t("Price impact"),value:E(r.priceImpact,2,2),valueColor:`${a}500`}];return St.createElement(re,{footer:St.createElement(Ah,{type:"primary",size:"large",prefix:St.createElement(Mh,null),fullWidth:!0,disabled:s,onClick:n},Y().highValueLossError.confirmMessage),open:e,onClose:o,container:N()},St.createElement(Wh,{type:a,title:Y().highValueLossError.impactTitle,description:Y().highValueLossError.description}),St.createElement(Ki,null,St.createElement(Eh,{size:20}),St.createElement(Lh,{size:"small",variant:"title"},Mo.t("Details")),St.createElement(Ki,null,l.map((p,u)=>St.createElement(iu,{key:u,...p})))))}i(su,"HighValueLossWarningModal");import{i18n as Ji}from"@lingui/core";function au(t,e){let o={alertType:"warning",title:"",action:"show-info"};return e?(o.alertType="error",e.type===3&&(o.title=e.recommendation,o.action="show-info"),e.type===4&&(o.title=Ji.t({id:"You need to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:e.minRequiredSlippage}}),o.action="change-settings"),o):t?(t.type===0&&(yt(t.priceImpact)==="high"&&(o.alertType="error"),o.action=null,o.title=Y().highValueLossError.title),t.type===1&&(o.title=Y().unknownPriceError.title),t.type===2&&(o.title=Ji.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:t.minRequiredSlippage}}),o.action="change-settings"),t.type===3&&(o.title=Ji.t("Caution, your slippage is high.")),o):null}i(au,"makeAlerts");import{i18n as uo}from"@lingui/core";import{Button as lu,Divider as pu,MessageBox as Nh,Typography as Bh}from"@rango-dev/ui";import Kt from"react";import{useNavigate as Ph}from"react-router-dom";function uu(t){let{customSlippage:e,slippage:o}=g(),{open:n,onClose:r,onConfirm:s,warning:a,confirmationDisabled:l}=t,p=Ph(),u=e??o;return Kt.createElement(re,{anchor:"bottom",open:n,prefix:Kt.createElement(lu,{size:"small",variant:"ghost",onClick:()=>p("../"+F.settings)},Kt.createElement(Bh,{variant:"label",size:"medium",color:"$neutral900"},uo.t("Change settings"))),container:N(),onClose:r},Kt.createElement(Nh,{type:"warning",title:a.type===3?uo.t("High slippage"):uo.t("Low slippage"),description:a.type===3?uo.t({id:" Caution, your slippage is high (={userSlippage}). Your trade may be front run.",values:{userSlippage:u}}):uo.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:a.minRequiredSlippage}})},Kt.createElement(pu,{size:18}),Kt.createElement(pu,{size:32}),Kt.createElement(lu,{size:"large",type:"primary",variant:"contained",fullWidth:!0,disabled:l,onClick:s},uo.t("Confirm anyway"))))}i(uu,"SlippageWarningModal");import{Button as $h,MessageBox as _h,WarningIcon as Dh}from"@rango-dev/ui";import rr from"react";function cu(t){let{open:e,onClose:o,onConfirm:n,confirmationDisabled:r}=t;return rr.createElement(re,{footer:rr.createElement($h,{type:"primary",size:"large",prefix:rr.createElement(Dh,null),fullWidth:!0,disabled:r,onClick:n},Y().unknownPriceError.confirmMessage),open:e,onClose:o,container:N()},rr.createElement(_h,{type:"warning",title:Y().unknownPriceError.impactTitle,description:Y().unknownPriceError.description}))}i(cu,"UnknownPriceWarningModal");function No(t){let{warning:e,error:o,showWarningModal:n,confirmationDisabled:r,refetchQuote:s,onOpenWarningModal:a,onCloseWarningModal:l,onConfirmWarningModal:p,onChangeSettings:u}=t,c={confirmationDisabled:r,open:n,onClose:l,onConfirm:p},d=o?.type===0||o?.type===1,m=au(e,o?.type===3||o?.type===4?o:null);return qe.createElement(qe.Fragment,null,d&&qe.createElement(Lo,{error:o,fetch:s}),!!m&&qe.createElement(tu,null,qe.createElement(Uh,{title:m.title,type:m.alertType,variant:"alarm",...m.action==="show-info"&&{action:qe.createElement(nu,{onClick:a},qe.createElement(qh,{size:12,color:"gray"}))},...m.action==="change-settings"&&{action:qe.createElement(Oh,{size:"xxsmall",type:m.alertType,onClick:u},Fh.t("Change"))}})),e&&qe.createElement(qe.Fragment,null,e.type===0&&qe.createElement(su,{...c,warning:e}),(e.type===3||e.type===2)&&qe.createElement(uu,{...c,warning:e}),e.type===1&&qe.createElement(cu,{...c,warning:e})))}i(No,"QuoteWarningsAndErrors");import Cy from"bignumber.js";import yr from"react";import{i18n as _o}from"@lingui/core";import{Alert as ay,Divider as Do,InfoIcon as ly,QuoteTag as py,StepDetails as uy,TokenAmount as cy,Tooltip as Ou,Typography as mo}from"@rango-dev/ui";import ss from"bignumber.js";import P,{useRef as my,useState as dy}from"react";import{styled as Zi}from"@rango-dev/ui";var Ri=Zi("div",{width:"100%","& .position-top__skeleton":{paddingTop:"$10"}}),mu=Zi("div",{paddingBottom:"$15"}),du=Zi("div",{width:"100%",display:"flex"});import*as ir from"@radix-ui/react-collapsible";import{Button as zh,css as Bo,darkTheme as Be,Image as fu,styled as Pe,Typography as Qh}from"@rango-dev/ui";var Hh=300,gu=Pe(ir.Root,{display:"flex",flexDirection:"column",alignItems:"start",overflowX:"auto",overflowY:"hidden",width:"100%",borderRadius:"$xm",variants:{selected:{true:{},false:{$$color:"$colors$neutral400",[`.${Be} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}},listItem:{true:{$$color:"$colors$neutral400",[`.${Be} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"},false:{}}},compoundVariants:[{listItem:!1,selected:!0,css:{$$color:"$colors$info300",[`.${Be} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"}},{listItem:!0,selected:!1,css:{cursor:"pointer","&:hover":{backgroundColor:"$neutral300",[`.${Be} &`]:{backgroundColor:"$neutral400"}}}}]}),hu=Bo({padding:"$10 $15"}),yu=Pe(zh,{backgroundColor:"transparent",border:"1px solid $secondary"}),Su=Pe("div",{borderRadius:"$xm",display:"flex",flexDirection:"column",alignItems:"start",justifyContent:"space-between",color:"$foreground",boxSizing:"border-box",position:"relative",variants:{selected:{true:{},false:{$$color:"$colors$neutral200",[`.${Be} &`]:{$$color:"$colors$neutral500"},backgroundColor:"$$color"}},basic:{true:{borderTopRightRadius:"0",borderTopLeftRadius:"0"}},listItem:{true:{$$color:"$colors$neutral200",[`.${Be} &`]:{$$color:"$colors$neutral500"},backgroundColor:"$$color","&:hover":{backgroundColor:"$neutral300",[`.${Be} &`]:{backgroundColor:"$neutral400"}},cursor:"pointer"},false:{}}},compoundVariants:[{listItem:!0,selected:!0,css:{outline:"1px solid $secondary"}},{listItem:!1,selected:!0,css:{$$color:"$colors$info100",[`.${Be} &`]:{$$color:"$colors$secondary600"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}}},{listItem:!0,selected:!1,css:{cursor:"pointer","&:hover":{backgroundColor:"$neutral300",[`.${Be} &`]:{backgroundColor:"$neutral400"}}}}]}),Cu=Bo({width:"100%",padding:"$15 $15 $10 $15"}),Tu=Bo({display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center",paddingBottom:"$10",position:"relative"}),co=Bo({display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",".blockchainImage":{marginLeft:"-$8"}}),ku=Bo({display:"flex",alignItems:"center",".usd-value":{$$color:"$colors$neutral600",[`.${Be} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),wu=Pe(ir.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:{[`& ${fu}`]:{border:"1px $warning500 solid",borderRadius:"100%"}},false:{[`& ${fu}`]:{border:"1px transparent solid",borderRadius:"100%"}}},selected:{true:{},false:{$$color:"$colors$neutral400",[`.${Be} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}},listItem:{true:{$$color:"$colors$neutral400",[`.${Be} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"},false:{}}},compoundVariants:[{listItem:!1,selected:!0,css:{$$color:"$colors$info300",[`.${Be} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"}}],".blockchains_section":{display:"none"},"@xs":{".blockchains_section":{display:"block"}}}),xu=Pe("div",{width:"18px",height:"18px",borderRadius:"100%",display:"flex",justifyContent:"center",alignItems:"center",border:"1.5px transparent solid",img:{borderRadius:"100%"},variants:{state:{error:{borderColor:"$error500"},warning:{borderColor:"$warning500"}}}}),vu=Pe(_n,{width:"100%",background:"inherit"}),es=Pe("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$2",transition:`all ${Hh}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),cL=Pe("div",{height:"$12",marginLeft:"$10",marginRight:"$10",borderLeft:"1px solid $foreground"}),bu=Pe("div",{display:"flex",justifyContent:"center",margin:"0 $15",borderTop:"1px solid",$$color:"$colors$neutral300",[`.${Be} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color"}),Iu=Pe("div",{width:"$16",height:"$16",justifyContent:"center",alignItems:"center",display:"flex"}),ts=Pe(Qh,{overflow:"hidden",textOverflow:"ellipsis",letterSpacing:.4}),Au=Pe("div",{display:"flex",flexWrap:"wrap"}),os=Pe("div",{width:"18px",height:"18px",borderRadius:"100%",backgroundColor:"$background",cursor:"default",display:"flex",justifyContent:"center",alignItems:"center",border:"1.5px transparent solid",variants:{state:{error:{borderColor:"$error500"},warning:{borderColor:"$warning500"}}}}),Eu=Pe("div",{display:"flex"}),sr=Pe("div",{width:"100%",borderTopWidth:"1px",borderTopStyle:"solid",borderTopColor:"$neutral",margin:"$5 0",[`.${Be} &`]:{borderTopColor:"$neutral400"}});import{i18n as $t}from"@lingui/core";import{ChevronDownIcon as Vh,CloseIcon as jh,Divider as pr,IconButton as Xh,QuoteCost as Kh,Tooltip as Yh,Typography as tt}from"@rango-dev/ui";import X,{useState as Nu}from"react";import{css as Gh,styled as ar}from"@rango-dev/ui";var lr=ar("div",{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"$5 0","&.total_payable_fee":{padding:"$12 0"}}),ns=ar("div",{width:"100%",borderTop:"1px solid $neutral300",margin:"$10 0"}),Wu=ar("div",{padding:"$20 0",display:"flex",flexDirection:"column","& .collapsible_trigger":{display:"flex",alignItems:"center"}}),Lu=ar("div",{padding:"$20 $20 $10",textAlign:"center",position:"relative","._icon-button":{position:"absolute",zIndex:10,top:"$16",right:"$16"}}),Mu=Gh({display:"flex",flexDirection:"row",alignItems:"center",padding:"$5","&:hover":{"& ._typography, & svg":{color:"$secondary"}}});var Jh=i(t=>t.fee.isZero()?null:X.createElement(lr,null,X.createElement(tt,{variant:"label",size:"medium",color:"neutral600"},t.label),X.createElement(tt,{variant:"label",size:"medium"},"$",E(t.fee,4,4))),"NonPayableFee");function Bu(t){let[e,o]=Nu(!1),[n,r]=Nu(!1),{steps:s,quote:a,fee:l,time:p,feeWarning:u,showModalFee:c}=t,d=a?.swaps??[],m=N(),h=Tl(d);return X.createElement(X.Fragment,null,X.createElement(Kh,{onClickFee:c?C=>{C.stopPropagation(),o(!e)}:void 0,fee:l,feeWarning:u,time:p,steps:s,tooltipGas:c?$t.t("View more info"):void 0,tooltipContainer:m}),X.createElement(re,{container:m,open:e,header:X.createElement(Lu,null,X.createElement(tt,{variant:"title",size:"medium"},$t.t("Gas & Fee Explanation")),X.createElement(Xh,{onClick:()=>o(!1),variant:"ghost"},X.createElement(jh,{color:"gray",size:14}))),onClose:()=>{o(!1)}},X.createElement(Wu,null,X.createElement(tt,{variant:"title",size:"small"},$t.t("Details")),X.createElement(pr,{size:10}),Object.entries(h.payable).flatMap(([C,S])=>S.map((y,f)=>{let x=`payable-fee-${f}`,k=fi(y);return X.createElement(lr,{key:x},X.createElement(tt,{variant:"label",size:"medium",color:"neutral600"},li[C]),X.createElement(Yh,{content:le(y.amount),container:m},X.createElement(tt,{variant:"label",size:"medium"},E(y.amount,2,2)," ",y.asset.symbol," ($",E(k,4,4),")")))})),X.createElement(lr,{className:"total_payable_fee"},X.createElement(tt,{variant:"label",size:"medium"},$t.t("Total Payable Fee")),X.createElement(tt,{variant:"label",size:"medium"},"$",E(l,4,4))),X.createElement(ns,null),Object.keys(h.nonePayable).length&&X.createElement(Un,{triggerAnchor:"bottom",onClickTrigger:()=>r(C=>!C),trigger:X.createElement("div",{className:Mu()},X.createElement(tt,{size:"small",variant:"body",color:"neutral700"},n?$t.t("Hide non-payable fees"):$t.t("Show non-payable fees")),X.createElement(pr,{size:4,direction:"horizontal"}),X.createElement(Dn,{orientation:n?"up":"down"},X.createElement(Vh,{size:12,color:"gray"}))),open:n},X.createElement(tt,{size:"small",variant:"title"},$t.t("Description")),X.createElement(pr,{size:4}),X.createElement(tt,{size:"small",variant:"body",color:"neutral700"},$t.t(`The following fees are considered in the transaction output and
|
|
2
|
+
you won\u2019t need to pay extra gas for them.`)),X.createElement(pr,{size:10}),Object.entries(h.nonePayable).map(([C,S],y)=>{let f=Cl(S),x=li[C],k=`non-payable-fee-${y}`;return X.createElement(Jh,{key:k,fee:f,label:x})}),X.createElement(ns,null)))))}i(Bu,"QuoteCostDetails");import{i18n as _u}from"@lingui/core";import{TokenAmount as Du}from"@rango-dev/ui";import ur from"react";import{css as Zh,styled as Rh}from"@rango-dev/ui";var Pu=Rh("div",{position:"relative",display:"flex",flexDirection:"column",width:"100%"}),$u=Zh({height:"14px",marginLeft:"14px",position:"absolute",borderLeft:"1px solid $foreground",top:"42%"});function Po(t){let{from:e,to:o,percentageChange:n,warningLevel:r}=t;return ur.createElement(Pu,null,ur.createElement(Du,{direction:"horizontal",label:_u.t("Swap input"),type:"input",tooltipContainer:N(),price:{value:e.price.value,usdValue:e.price.usdValue,realValue:e.price.realValue,realUsdValue:e.price.realUsdValue},token:{displayName:e.token.displayName,image:e.token.image},chain:{image:e.chain.image}}),ur.createElement("div",{className:$u()}),ur.createElement(Du,{direction:"horizontal",tooltipContainer:N(),label:_u.t("Estimated output"),type:"output",price:{value:o.price.value,usdValue:o.price.usdValue,realValue:o.price.realValue,realUsdValue:o.price.realUsdValue},token:{displayName:o.token.displayName,image:o.token.image},chain:{image:o.chain.image},percentageChange:n,warningLevel:r}))}i(Po,"QuoteSummary");import{i18n as Fu}from"@lingui/core";import{ChevronDownIcon as ry,ChevronRightIcon as iy,Divider as rs,Image as sy,Tooltip as is,Typography as mr}from"@rango-dev/ui";import _ from"react";import{useEffect as ey,useState as ty}from"react";var oy=768,ny=i(()=>{let[t,e]=ty(!1),o=i(()=>{e(window.innerWidth<oy)},"handleResize");return ey(()=>(o(),window.addEventListener("resize",o),()=>window.removeEventListener("resize",o)),[]),t},"useMobileDetect"),cr=ny;var dr=4,fr=6,$o=i(t=>{let e=N(),{content:o,src:n,className:r,open:s,state:a}=t;return _.createElement(is,{container:e,side:"bottom",sideOffset:4,open:s,content:o},_.createElement(xu,{className:r,state:a},_.createElement(sy,{src:n,size:16})))},"ImageComponent");function Uu(t){let{quoteRef:e,selected:o,setExpanded:n,steps:r,expanded:s,type:a}=t,l=N(),p=r.length,u=Dl(r),c=cr();return _.createElement(wu,{listItem:a==="list-item",ref:d=>e.current=d,selected:o,onClick:d=>{d.stopPropagation(),n(m=>!m)}},_.createElement("div",{className:co()},_.createElement(mr,{variant:"body",size:"xsmall"},Fu.t("Via:")),_.createElement(rs,{direction:"horizontal",size:4}),r.map((d,m)=>{let h=`item-${m}`,C=_.createElement(es,null,_.createElement(iy,{size:12,color:"black"}));return c?_.createElement(_.Fragment,null,_.createElement($o,{content:d.swapper.displayName,src:d.swapper.image,state:d.state}),m!==p-1&&_.createElement(_.Fragment,null,C)):_.createElement(_.Fragment,{key:h},p<=dr||p>dr&&m<dr-1?_.createElement(_.Fragment,null,_.createElement($o,{content:d.swapper.displayName,src:d.swapper.image,state:d.state}),m!==p-1&&_.createElement(_.Fragment,null,C)):m===dr-1&&_.createElement(is,{container:l,side:"bottom",align:"right",sideOffset:4,content:_.createElement("div",{className:co()},C,r.map((S,y)=>{let f=`image-${y}`;return y>=m&&_.createElement(_.Fragment,{key:f},_.createElement($o,{content:S.swapper.displayName,src:S.swapper.image,state:S.state,open:!1}),y!==p-1&&_.createElement(_.Fragment,null,C))}))},_.createElement(os,{state:r.find((S,y)=>y>=m&&(S.state==="error"||S.state==="warning"))?.state},_.createElement(mr,{size:"xsmall",variant:"body"},"+",p-m))))})),_.createElement("div",{className:co()},_.createElement("div",{className:"blockchains_section"},_.createElement("div",{className:co()},_.createElement(mr,{variant:"body",size:"xsmall"},Fu.t("Chains:")),_.createElement(rs,{direction:"horizontal",size:4}),u.map((d,m)=>_.createElement(_.Fragment,null,u.length<=fr||u.length>fr&&m<fr-1?_.createElement($o,{key:d.displayName,content:"",src:d.image,open:!1,className:m!==0?"blockchainImage":""}):m===fr-1&&_.createElement(is,{container:l,side:"bottom",align:"right",sideOffset:4,content:_.createElement("div",{className:co()},u.map((h,C)=>C>=m&&_.createElement($o,{key:h.displayName,content:"",src:h.image,open:!1,className:C>m?"blockchainImage":""})))},_.createElement(os,{className:"blockchainImage"},_.createElement(mr,{size:"xsmall",variant:"body"},"+",u.length-m))))),_.createElement(rs,{direction:"horizontal",size:32}))),_.createElement(es,{orientation:s?"up":"down"},_.createElement(ry,{size:12,color:"black"}))))}i(Uu,"QuoteTrigger");function as(t){let{quote:e,input:o,output:n,error:r,warning:s,type:a,selected:l=!1,tagHidden:p=!0,showModalFee:u=!0,onClickAllRoutes:c}=t,d=g().blockchains(),m=g().tokens(),h=g().swappers(),[C,S]=dy(t.expanded),y=my(null),f=E(o.value,6,6),x=E(n.value,6,6),k=n.usdValue?E(n.usdValue,4,4):"",v=je(o.usdValue,n.usdValue??null),I=E(v,2,2),b=yt(v??0),w=i(V=>V.map((A,M)=>{let ce,H=r?.type===3&&r.swap.swapperId===A.swapperId||r?.type===4&&r.recommendedSlippages?.has(M),j=s?.type===2&&s.recommendedSlippages?.has(M);H?ce="error":j&&(ce="warning");let Se=H?_o.t("Slippage Error"):_o.t("Slippage Warning");return r?.type===3&&(Se=r?.recommendation),{swapper:{displayName:vo(A.swapperId,h),image:A.swapperLogo},from:{token:{displayName:A.from.symbol,image:A.from.logo},chain:{displayName:Ve(A.from.blockchain,d),image:A.from.blockchainLogo},price:{value:M===0?E(o.value,6,6):E(A.fromAmount,6,6),usdValue:E((A.from.usdPrice??0)*parseFloat(A.fromAmount),4,4),realValue:le(M===0?o.value:A.fromAmount),realUsdValue:le(new ss(A.from.usdPrice??0).multipliedBy(A.fromAmount))}},to:{token:{displayName:A.to.symbol,image:A.to.logo},chain:{displayName:Ve(A.to.blockchain,d),image:A.to.blockchainLogo},price:{value:E(A.toAmount,6,6),usdValue:E((A.to.usdPrice??0)*parseFloat(A.toAmount),4,4),realValue:le(A.toAmount),realUsdValue:le(new ss(A.to.usdPrice??0).multipliedBy(A.toAmount))}},state:ce,alerts:H||j?P.createElement(mu,null,P.createElement(ay,{variant:"alarm",type:H?"error":"warning",title:Se,footer:P.createElement(du,null,r?.type===3&&P.createElement(P.Fragment,null,P.createElement(mo,{size:"xsmall",variant:"body",color:"neutral900"},r.fromAmountRangeError),P.createElement(Do,{direction:"horizontal",size:8}),P.createElement(mo,{size:"xsmall",variant:"body",color:"neutral900"},"|"),P.createElement(Do,{direction:"horizontal",size:8}),P.createElement(mo,{size:"xsmall",variant:"body",color:"neutral900"},_o.t({id:"Yours: {amount} {symbol}",values:{amount:E(A.fromAmount,6,6),symbol:A?.from.symbol}}))),(r?.type===4||s?.type===2)&&P.createElement(mo,{size:"xsmall",variant:"body",color:"neutral900"},_o.t({id:"Minimum required slippage is {minRequiredSlippage}",values:{...r?.type===4&&{minRequiredSlippage:r.recommendedSlippages?.get(M)},...s?.type===2&&{minRequiredSlippage:s.recommendedSlippages?.get(M)}}})))})):void 0}}),"getQuoteSteps")(e?.swaps??[]),W=w.length,L=N(),B=Ul(t.quote.tags||[]),q=!!c,ae=sn(an(e?.swaps)),fe=An(e?.swaps??[],m),D=E(fe,2,2);return P.createElement(P.Fragment,null,P.createElement(Su,{selected:l,listItem:a==="list-item",basic:a==="basic"},P.createElement("div",{className:Cu()},!p&&B.length?P.createElement(P.Fragment,null,P.createElement(Eu,null,B.map((V,A)=>{let M=`${V.value}_${A}`;return P.createElement(P.Fragment,null,P.createElement(py,{label:V.label,key:M,value:V.value}),P.createElement(Do,{size:4,direction:"horizontal"}))})),P.createElement(sr,null),!q&&P.createElement(Do,{size:4})):null,P.createElement("div",{id:"portal-root",className:Tu()},P.createElement(Bu,{quote:e,time:ae,fee:D,feeWarning:fe.gte(new ss(ml)),showModalFee:u,steps:W}),q&&P.createElement(yu,{onClick:V=>{V.stopPropagation(),c()},size:"xxsmall",type:"secondary",variant:"default"},P.createElement(mo,{color:"secondary",variant:"label",size:"medium"},_o.t("See All Routes")))),a==="basic"&&P.createElement("div",{className:ku()},P.createElement(Iu,null,P.createElement(ly,{size:12,color:"gray"})),P.createElement(Au,null,P.createElement(ts,{size:"small",variant:"body"},`${f} ${w[0].from.token.displayName} = `),P.createElement(Ou,{content:le(n.value),container:L,open:n.value?void 0:!1},P.createElement(ts,{size:"small",variant:"body"},"\xA0",`${x} ${w[w.length-1].to.token.displayName}`))),P.createElement(Ou,{content:le(n.usdValue),container:L,style:{display:"flex"}},P.createElement(mo,{color:"$neutral600",ml:2,size:"xsmall",variant:"body"},`($${k})`))),a==="list-item"&&P.createElement(cy,{tooltipContainer:L,type:"output",direction:"vertical",price:{value:x,usdValue:k,realValue:le(n.value),realUsdValue:le(n.usdValue)},token:{displayName:w[W-1].to.token.displayName,image:w[W-1].to.token.image},chain:{image:w[W-1].to.chain.image},percentageChange:I,warningLevel:b}),a==="swap-preview"&&P.createElement(P.Fragment,null,P.createElement(Po,{from:w[0].from,to:w[W-1].to,percentageChange:I,warningLevel:b}),P.createElement(Do,{size:4}))),P.createElement(gu,{selected:l,listItem:a==="list-item",open:C,onOpenChange:S},P.createElement(Uu,{type:a,quoteRef:y,selected:l,setExpanded:S,expanded:C,steps:w}),P.createElement(vu,{open:C},P.createElement(bu,null),P.createElement("div",{className:hu()},w.map((V,A)=>{let M=`item-${A}`;return P.createElement(uy,{type:"quote-details",key:M,tooltipContainer:L,step:V,hasSeparator:A!==w.length-1,state:V.state})}))))))}i(as,"Quote");import{Divider as yy,Skeleton as Sy}from"@rango-dev/ui";import Tt from"react";import{darkTheme as fy,styled as gr}from"@rango-dev/ui";var qu=gr("div",{$$color:"$colors$neutral100",[`.${fy} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",borderBottomLeftRadius:"$xm",borderBottomRightRadius:"$xm",padding:"$15 ",variants:{rounded:{true:{borderRadius:"$xm"}}}}),zu=gr("div",{paddingTop:"$2"}),Qu=gr("div",{paddingLeft:"$8"}),Hu=gr("div",{borderLeft:"1px dashed black",minHeight:" 0",margin:"0px 11.5px",alignSelf:"stretch",variants:{hideSeparator:{true:{minHeight:"unset",height:"0"}}}});import{ChainToken as ec,Divider as mt,Skeleton as ze}from"@rango-dev/ui";import O from"react";import{css as gy,styled as Ct}from"@rango-dev/ui";var ls=Ct("div",{display:"flex"}),Gu=Ct("div",{padding:"$10 $0 $20"}),Vu=Ct("div",{padding:"$12 $0 $20 $0",display:"flex",flexDirection:"column"}),ju=Ct("div",{display:"flex",justifyContent:"start",alignItems:"center"}),Xu=Ct("div",{display:"flex",justifyContent:"space-between",alignItems:"end"}),Ku=Ct("div",{height:"$28",marginLeft:"13px",borderLeft:"1px solid $neutral700"}),Yu=Ct("div",{width:"65%",display:"flex",justifyContent:"start"}),Ju=Ct("div",{display:"flex",flexDirection:"column",alignItems:"start",flexGrow:1,maxWidth:"148px"}),Zu=Ct("div",{padding:"$15 $0 $15 $0"}),Ru=gy({display:"flex",justifyContent:"space-between",alignItems:"center"});function Fo(t){let{type:e,tagHidden:o=!0}=t,n=O.createElement(Xu,null,O.createElement(Yu,null,O.createElement(ec,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),O.createElement(mt,{size:8,direction:"horizontal"}),O.createElement(Ju,null,O.createElement(ze,{height:10,width:60,variant:"rounded"}),O.createElement(mt,{size:4}),O.createElement(ze,{height:15,variant:"rounded"}))),O.createElement(ze,{height:12,width:64,variant:"rounded"})),r=e==="basic"&&!o;return O.createElement("div",null,!o&&O.createElement(O.Fragment,null,O.createElement(ls,null,O.createElement(ze,{width:65,height:14,variant:"rounded"}),O.createElement(mt,{size:4,direction:"horizontal"}),O.createElement(ze,{width:65,height:14,variant:"rounded"}),O.createElement(mt,{size:4,direction:"horizontal"}),O.createElement(ze,{width:65,height:14,variant:"rounded"})),O.createElement(sr,null),!r&&O.createElement(mt,{size:4})),O.createElement("div",{className:Ru()},O.createElement(ls,null,O.createElement(ze,{width:60,height:10,variant:"rounded"}),O.createElement(mt,{size:4,direction:"horizontal"}),O.createElement(ze,{width:60,height:10,variant:"rounded"}),O.createElement(mt,{size:4,direction:"horizontal"}),O.createElement(ze,{width:60,height:10,variant:"rounded"})),r&&O.createElement(ze,{width:100,height:22,variant:"rounded"})),e==="basic"&&O.createElement(Gu,null,O.createElement(ze,{height:15,width:148,variant:"rounded"})),e==="list-item"&&O.createElement(Vu,null,O.createElement(ju,null,O.createElement(ec,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),O.createElement(mt,{direction:"horizontal",size:4}),O.createElement(ze,{height:15,width:150,variant:"rounded"})),O.createElement(mt,{size:10}),O.createElement(ze,{height:10,width:184,variant:"rounded"})),e==="swap-preview"&&O.createElement(O.Fragment,null,O.createElement(mt,{size:4}),O.createElement(Zu,null,n,O.createElement(Ku,null),n)))}i(Fo,"QuoteSummarySkeleton");import{ChainToken as ic,Divider as us,NextIcon as hy,Skeleton as hr}from"@rango-dev/ui";import ye from"react";import{styled as Uo}from"@rango-dev/ui";var tc=Uo("div",{display:"flex",alignItems:"start"}),oc=Uo("div",{flexGrow:1,paddingTop:"$5",paddingBottom:"$10",display:"flex",alignItems:"center"}),ps=Uo("div",{display:"flex",alignItems:"center",flexGrow:1}),nc=Uo("div",{margin:"$0 $2",padding:"$4",display:"flex",justifyContent:"center",alignItems:"center"}),rc=Uo("div",{display:"flex",alignItems:"center"});function dt(t){let{separator:e=!0}=t;return ye.createElement(ye.Fragment,null,ye.createElement(rc,null,ye.createElement(hr,{height:22,width:22,variant:"circular"}),ye.createElement(us,{direction:"horizontal",size:8}),ye.createElement(hr,{height:15,width:148,variant:"rounded"})),ye.createElement(tc,null,ye.createElement(Hu,{hideSeparator:!e}),ye.createElement(oc,null,ye.createElement(ps,null,ye.createElement(ic,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ye.createElement(us,{direction:"horizontal",size:8}),ye.createElement(hr,{height:12,variant:"rounded"})),ye.createElement(nc,null,ye.createElement(hy,{color:"gray",size:16})),ye.createElement(ps,null,ye.createElement(ic,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ye.createElement(us,{direction:"horizontal",size:8}),ye.createElement(hr,{height:12,variant:"rounded"})))))}i(dt,"StepSkeleton");function Oo(t){let{type:e,expanded:o,tagHidden:n=!1}=t;return Tt.createElement(qu,{rounded:e!=="basic"},Tt.createElement(Fo,{type:e,tagHidden:n}),Tt.createElement(zu,null,Tt.createElement(Sy,{height:15,variant:"rounded"})),o&&Tt.createElement(Qu,null,Tt.createElement(yy,{size:20}),Tt.createElement(dt,null),Tt.createElement(dt,null),Tt.createElement(dt,{separator:!1})))}i(Oo,"QuoteSkeleton");function Yt(t){let{quote:e,type:o,loading:n,error:r,warning:s,expanded:a=!1,tagHidden:l,onClick:p,showModalFee:u,selected:c,onClickAllRoutes:d}=t,{inputAmount:m,inputUsdValue:h,toToken:C}=Q(),S=e?.outputAmount?new Cy(e?.outputAmount):null,y=e?.outputAmount?Wn(e?.outputAmount,Ln(e)||C?.usdPrice):null,x=!(r&&(r.type===0||r.type===1))&&e&&!n;return n?yr.createElement(Ri,null,yr.createElement(Oo,{tagHidden:l,type:o,expanded:a})):x?yr.createElement(Ri,{onClick:()=>p?.(e)},yr.createElement(as,{quote:e,error:r,showModalFee:u,warning:s,tagHidden:l,selected:c,type:o,expanded:a,onClickAllRoutes:d,input:{value:m,usdValue:h?.toString()??""},output:{value:S?.toString()??"",usdValue:y?.toString()??""}})):null}i(Yt,"QuoteInfo");import{calculatePendingSwap as wy}from"@rango-dev/queue-manager-rango-preset";import{useEffect as xy}from"react";import{useRef as Ty,useState as ky}from"react";function Sr({request:t}){let[e,o]=ky(!1),n=Ty(null),r=i(()=>n.current?.abort(),"cancelFetch");return{fetch:i(async a=>{r(),n.current=new AbortController,o(!0);try{let l=await t(a,{signal:n.current.signal});return n.current=null,l}catch(l){throw l}finally{o(!1)}},"fetch"),loading:e,cancelFetch:r}}i(Sr,"useFetch");function sc(){let{fetch:t,loading:e,cancelFetch:o}=Sr({request:async(n,r)=>await At().confirmRouteRequest(n,r)});return{fetch:t,loading:e,cancelFetch:o}}i(sc,"useFetchConfirmQuote");function Cr(t){if(!t.swaps)throw new Error(Y().noResultError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});let e=cs(t.swaps);if(e)throw new Error(e.message,{cause:e.options})}i(Cr,"throwErrorIfResponseIsNotValid");function cs(t){if(hl(t)){let{swap:n,recommendation:r,fromAmountRangeError:s}=yl(t);return{message:"bridge limit error",options:{type:3,swap:n,recommendation:r,fromAmountRangeError:s}}}let o=kl(t);if(o){let n=En(t);return{message:"",options:{type:4,recommendedSlippages:o,minRequiredSlippage:n}}}return null}i(cs,"getQuoteError");function ac(t,e,o){let n=!1;t&&(n=$l(t,e));let r={quote:null,quoteUpdate:null,balance:null},s=to(e,{fromToken:o.fromToken,toToken:o.toToken,tokens:o.meta.tokens,userSlippage:o.userSlippage});s&&(r.quote=s),t&&n&&(Al(t,e)?r.quoteUpdate={type:3,newOutputAmount:E(eo(e)),percentageChange:E(je(eo(t)??"",eo(e)??""),null,2)}:gi(t,e)?r.quoteUpdate={type:0}:hi(t,e)?r.quoteUpdate={type:1}:yi(t,e)&&(r.quoteUpdate={type:2}));let a=El(e,o.selectedWallets,o.meta.blockchains);return a.length===0||(r.balance={messages:a}),r}i(ac,"generateWarnings");function Tr(t){return t?.code==="ERR_CANCELED"?{swap:null,error:{type:2},warnings:null}:t.cause?{swap:null,error:t.cause,warnings:null}:{swap:null,error:{type:1},warnings:null}}i(Tr,"handleQuoteErrors");function ms(){let{fromToken:t,toToken:e,inputAmount:o,setSelectedQuote:n,selectedQuote:r,customDestination:s,setQuoteWarningsConfirmed:a,resetAlerts:l}=Q(),{slippage:p,customSlippage:u}=g(),c=g().getDisabledLiquiditySources(),d=g().blockchains(),m=g().tokens(),h=u||p,{fetch:C,cancelFetch:S,loading:y}=sc();return xy(()=>S,[]),{loading:y,fetch:i(async x=>{let k=x.selectedWallets,v=x?.customDestination??s;if(!t||!e||!o)return{quote:null,swap:null,error:null,warnings:null};let I=k.reduce((T,w)=>(T[w.chain]=w.address,T),{}),b={requestId:r?.requestId||"",selectedWallets:I,destination:v||void 0};try{return await C(b).then(T=>{let{result:w}=T;Cr({diagnosisMessages:w.diagnosisMessages,requestId:w.requestId,swaps:w.result?.swaps});let W={outputAmount:w.result?.outputAmount,requestId:w.requestId,resultType:w.result?.resultType,swaps:w.result?.swaps||[],validationStatus:w.validationStatus,requestAmount:w.requestAmount};n(W);let L={slippage:h.toString(),disabledSwappersGroups:c},B=wy(o.toString(),w,bl(k),L,!1,{blockchains:d,tokens:m}),q=ac(r??void 0,W,{fromToken:t,toToken:e,meta:{blockchains:d,tokens:m},selectedWallets:k,userSlippage:h});return q.quoteUpdate&&a(!1),l(),{quote:W,swap:B,error:null,warnings:q}})}catch(T){return Tr(T)}},"fetch"),cancelFetch:S}}i(ms,"useConfirmSwap");var _y=Ay("div",{width:"100%",display:"flex",justifyContent:"space-between",[`& ${pc}`]:{width:"$48",height:"$48"}}),Dy=fs({flexGrow:1,paddingRight:"$10"}),Fy=fs({width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"}),Uy=fs({display:"flex",justifyContent:"space-between",alignItems:"center"});function uc(){let{selectedQuote:t,setInputAmount:e,selectedWallets:o,quoteWalletsConfirmed:n,setQuoteWalletConfirmed:r,customDestination:s,quoteWarningsConfirmed:a}=Q(),l=$y(),p=Py(),[u,c]=wr(""),{connectedWallets:d}=K(),m=!n,[h,C]=wr(!1),{isActiveTab:S}=ee(),y=g().getDisabledLiquiditySources(),f=Ny(y),{manager:x}=vy(),{fetch:k,loading:v,cancelFetch:I}=ms(),[b,T]=wr({swap:null,error:null,warnings:null}),[w,W]=wr(!1),L=i(async({selectedWallets:M,customDestination:ce})=>{let H=await k?.({selectedWallets:M,customDestination:ce});return T(H),H},"onConfirmSwap"),B=i(async()=>{if(b.swap&&n)try{await x?.create("swap",{swapDetails:b.swap},{id:b.swap.requestId});let M=`../${F.swaps}/${b.swap.requestId}`;l(M,{replace:!0}),setTimeout(()=>{e("")},0)}catch(M){c("Error: "+M?.message)}},"addNewSwap"),q=i(async()=>{await B()},"onConfirm"),ae=i(async()=>{b?.warnings?.quote&&!a?W(!0):await q()},"onStartConfirmSwap"),fe=i(async()=>{T({error:null,swap:null,warnings:null}),k({selectedWallets:o,customDestination:s}).then(M=>{T(M)}).catch(M=>console.error(M))},"onRefresh");qo(()=>{!!f.current.length&&!y.length&&fe(),f.current=y},[y.length]),qo(()=>{m&&I()},[m]),qo(()=>{m&&C(m)},[m]),qo(()=>{m||k({selectedWallets:o,customDestination:s}).then(M=>T(M)).catch(M=>console.error(M))},[]),qo(()=>{let M=b.warnings?.quote?.type&&Object.values(Wt).includes(b.warnings?.quote?.type),ce=o.length<1||!o.every(j=>d.find(Se=>j.address===Se.address&&j.walletType===Se.walletType&&j.chain===Se.chain)),H=!1;if(M){let j=xn(t?.swaps||null),Se=t?.swaps[t.swaps.length-1].to.blockchain;!!t?.swaps.find(gt=>gt.from.blockchain===Se)||(j=j.slice(-j.length,j.length-1)),j.every(gt=>o.find(G=>G.chain===gt))||(H=!0)}t&&(ce||H)&&(queueMicrotask(()=>By(C.bind(null,!0))),r(!1))},[b.warnings?.quote,o.length,d.length]),My(()=>{t||l(`../${p.search}`)},[]);let D=b.warnings?.quote??null,V=b.error,A=[];if(u&&A.push(pe.createElement(lc,{type:"error",variant:"alarm",title:u})),b.warnings?.quoteUpdate&&A.push(pe.createElement(lc,{variant:"alarm",type:"warning",title:b.warnings.quoteUpdate&&Pn(b.warnings.quoteUpdate)})),D||V){let M=`../${F.settings}`;A.push(pe.createElement(No,{warning:D,error:V,refetchQuote:fe,showWarningModal:w,confirmationDisabled:!S,onOpenWarningModal:()=>W(!0),onCloseWarningModal:()=>W(!1),onConfirmWarningModal:async()=>{W(!1),await B()},onChangeSettings:()=>l(M)}))}return pe.createElement(ne,{header:{title:kr.t("Confirm Swap"),onWallet:()=>{let M=`../${F.wallets}`;l(M)},suffix:pe.createElement(Ey,{container:N(),side:"bottom",content:kr.t("Settings")},pe.createElement(Ke,{size:"small",variant:"ghost",onClick:()=>l("../"+F.settings)},pe.createElement(Iy,{size:18,color:"black"})))},footer:pe.createElement(_y,null,pe.createElement("div",{className:Dy()},pe.createElement(by,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:v,disabled:!!b.error||!S,onClick:ae},kr.t("Start Swap"))),pe.createElement(pc,{variant:"contained",type:"primary",size:"large",loading:v,onClick:C.bind(null,!0)},pe.createElement(Ly,{size:24})))},h&&pe.createElement(jp,{open:h,onClose:()=>C(!1),onCancel:I,loading:v,onCheckBalance:L}),pe.createElement(ie,null,pe.createElement("div",{className:Uy()},pe.createElement(Wy,{variant:"title",size:"small"},kr.t("You get")),pe.createElement("div",{className:Fy()},pe.createElement(Kn,{onClick:!v&&!h&&!w?fe:void 0}))),pe.createElement(ds,{size:"12"}),ip(A,pe.createElement(ds,{size:10})),A.length>0?pe.createElement(ds,{size:10}):null,pe.createElement(Yt,{quote:t,type:"swap-preview",expanded:!0,selected:!0,tagHidden:!0,error:b.error,loading:v,warning:b.warnings?.quote??null})))}i(uc,"ConfirmSwapPage");import{i18n as vr}from"@lingui/core";import{useManager as tS}from"@rango-dev/queue-manager-react";import{Divider as kc,NotFound as oS,styled as nS}from"@rango-dev/ui";import wt,{useState as rS}from"react";import{useNavigate as iS}from"react-router-dom";import{i18n as zy}from"@lingui/core";import{Divider as gc,GroupedVirtualizedList as Qy,Skeleton as Hy,SwapListItem as hc,Typography as Gy}from"@rango-dev/ui";import $e,{useCallback as yc,useEffect as Vy,useRef as jy,useState as Xy}from"react";function cc(t,e){let o=[],n=0;do{let r=t[n];o.push(Math.min(r,e)),e-=r,n++}while(e>0&&n<=t.length);return o}i(cc,"calculateGroupsSoFar");import{css as Oy,darkTheme as qy,styled as zo}from"@rango-dev/ui";var gs=Oy(),mc=zo("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$5"}),hs=zo("div",{width:"100%",display:"flex",flexDirection:"column",backgroundColor:"$background",padding:"$10 $5 0 $5",[`& .${gs}`]:{$$color:"$colors$neutral600",[`.${qy} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),ys=zo("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),dc=zo("div",{gap:"$10",display:"flex",flexDirection:"column"}),fc=zo("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});var Ky=10;function Ss(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,[s,a]=Xy([]),l=jy(0),{swaps:p,groupCounts:u,groups:c}=n(e),d=yc(cc,[]),m=yc(()=>{let h=e.length-l.current;h&&(l.current+=Math.min(h,Ky),a(d(u,l.current)))},[e.length]);if(Vy(()=>{r||m()},[r,m]),r){let h=[1,2];return $e.createElement($e.Fragment,null,[h,h].map((S,y)=>$e.createElement(hs,{key:y},$e.createElement(ys,null,$e.createElement(Hy,{variant:"text",width:60,size:"small"}),$e.createElement(gc,{size:16})),$e.createElement(gc,{size:4}),$e.createElement(dc,null,S.map((x,k)=>$e.createElement(hc,{isLoading:!0,key:k}))))))}return $e.createElement(Qy,{endReached:()=>{l.current<e.length&&m()},groupCounts:s,groupContent:h=>$e.createElement(hs,null,$e.createElement(ys,null,$e.createElement(Gy,{variant:"label",size:"medium",className:gs()},c[h]))),itemContent:(h,C)=>{let S=p[h];if(!S)return null;let y=S.steps[0],f=S.steps[S.steps.length-1];return $e.createElement(mc,{key:S.requestId},$e.createElement(hc,{requestId:S.requestId,creationTime:S.creationTime,status:S.status,onClick:o,tooltipContainer:N(),onlyShowTime:c[C]===zy.t("Today"),swapTokenData:{from:{token:{image:y.fromLogo,displayName:y.fromSymbol},blockchain:{image:y.fromBlockchainLogo||""},amount:E(S.inputAmount,6,6),realAmount:le(S.inputAmount)},to:{token:{image:f.toLogo,displayName:f.toSymbol},blockchain:{image:f.toBlockchainLogo||""},amount:E(f.outputAmount||f.expectedOutputAmountHumanReadable||"",6,6),realAmount:le(f.outputAmount||f.expectedOutputAmountHumanReadable)}}}))}})}i(Ss,"HistoryGroupedList");import{CloseIcon as Jy,IconButton as Zy,SearchIcon as Ry,TextField as eS}from"@rango-dev/ui";import Qo from"react";import{styled as Yy}from"@rango-dev/ui";var Sc=Yy("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function kt(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:s,value:a,setValue:l,...p}=t;return Qo.createElement(eS,{prefix:Qo.createElement(Sc,null,Qo.createElement(Ry,{color:"black"})),suffix:!!a.length&&Qo.createElement(Zy,{variant:"ghost",onClick:()=>l?.(""),size:"small"},Qo.createElement(Jy,{color:"gray",size:10})),fullWidth:o,color:n,variant:e,style:{padding:10,borderRadius:25,alignItems:"center"},size:r,value:a,onChange:s,...p})}i(kt,"SearchInput");import{i18n as xr}from"@lingui/core";import Cc from"dayjs";var Tc=i(t=>{let e=new Map([["today",{title:xr.t("Today"),swaps:[]}],["week",{title:xr.t("This week"),swaps:[]}],["month",{title:xr.t("This month"),swaps:[]}],["year",{title:xr.t("This year"),swaps:[]}]]);function o(p,u){e.has(p)||e.set(p,{title:p,swaps:[]}),e.get(p)?.swaps.push(u)}i(o,"addYearsToOutput");let n=Cc();t.forEach(p=>{let u=Number(p.creationTime),c=Cc(u);if(n.isSame(c,"day"))e.get("today")?.swaps.push(p);else if(n.isSame(c,"week"))e.get("week")?.swaps.push(p);else if(n.isSame(c,"month"))e.get("month")?.swaps.push(p);else if(n.isSame(c,"year"))e.get("year")?.swaps.push(p);else{let d=new Date(u).getFullYear().toString();o(d,p)}});let r=Array.from(e.values()).filter(p=>p.swaps.length>0),s=r.flatMap(p=>p.swaps),a=r.map(p=>p.swaps.length),l=r.map(p=>p.title);return{swaps:s,groupCounts:a,groups:l}},"groupSwapsByDate");var sS=nS("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),aS=i((t,e)=>t?.length?t.filter(o=>at(o.fromBlockchain,e)||at(o.toBlockchain,e)||at(o.toSymbol,e)||at(o.fromSymbol,e)).length:!1,"isStepContainsText");function wc(){let t=iS(),{manager:e,state:o}=tS(),n=Nt(e).map(({swap:c})=>c),[r,s]=rS(""),a=!o.loadedFromPersistor,l=i(c=>{let d=c.target.value;s(d)},"searchHandler"),p=n;r&&(p=n.filter(c=>at(c.inputAmount,r)||at(c.status,r)||aS(c.steps,r)||at(c.requestId,r)));let u=!p?.length&&!a;return wt.createElement(ne,{header:{title:vr.t("History")}},wt.createElement(ie,null,wt.createElement(kt,{setValue:s,fullWidth:!0,variant:"contained",placeholder:vr.t("Search Transaction"),autoFocus:!0,onChange:l,value:r}),wt.createElement(kc,{size:"16"}),wt.createElement(sS,null,u&&wt.createElement(fc,null,wt.createElement(kc,{size:32}),wt.createElement(oS,{title:vr.t("No results found"),description:r?vr.t("Try using different keywords"):""})),!u&&wt.createElement(Ss,{list:p,onSwapClick:t,groupBy:Tc,isLoading:a}))))}i(wc,"HistoryPage");import{i18n as bS}from"@lingui/core";import{Button as IS,Divider as Fc,styled as AS,WarningIcon as ES}from"@rango-dev/ui";import Fe,{useEffect as Uc,useState as Oc}from"react";import{useNavigate as WS}from"react-router-dom";import{i18n as dS}from"@lingui/core";import{Header as fS}from"@rango-dev/ui";import _t,{useEffect as gS,useState as hS}from"react";import{i18n as pS}from"@lingui/core";import{Divider as Ts,Typography as uS}from"@rango-dev/ui";import me from"react";import{styled as Cs}from"@rango-dev/ui";var xc=Cs("div",{display:"flex",justifyContent:"center",flexDirection:"column",height:"100%"}),vc=Cs("div",{display:"flex",justifyContent:"space-between",alignItems:"center"}),bc=Cs("div",{width:"146px"});import{Select as lS}from"@rango-dev/ui";import Ic from"react";function br(t){let{updateQuotePartialState:e,sortStrategy:o}=Q();return Ic.createElement(bc,null,Ic.createElement(lS,{container:t.container,options:pi,value:pi.find(n=>n.value===o),handleItemClick:n=>{e("sortStrategy",n.value)}}))}i(br,"SelectStrategy");var cS=3;function Ho(t){let{loading:e,onClickOnQuote:o,fetch:n,showModalFee:r,hasSort:s=!0}=t,{selectedQuote:a,quotes:l,updateQuotePartialState:p,fromToken:u,toToken:c,sortStrategy:d,error:m}=Q(),{slippage:h,customSlippage:C}=g(),S=g().tokens(),y=!!l&&l.results.length,f=C??h,x=i(I=>{if(!u||!c||!l)return null;let b={requestAmount:l.requestAmount,...I};return to(b,{fromToken:u,toToken:c,userSlippage:f,tokens:S})},"getQuoteWarning"),k=m?.type===0||m?.type===1,v=l?.results?Mn(d,l?.results):[];return me.createElement(me.Fragment,null,e&&Array.from({length:cS},(I,b)=>me.createElement(me.Fragment,{key:b},me.createElement(Oo,{tagHidden:!1,type:"list-item",expanded:!1}),me.createElement(Ts,{size:16}))),!e&&me.createElement(me.Fragment,null,s&&me.createElement(me.Fragment,null,me.createElement(vc,null,me.createElement(uS,{size:"xmedium",variant:"title"},pS.t("Sort by")),me.createElement(br,{container:N()})),me.createElement(Ts,{size:"10"})),y?v.map(I=>{let b=x(I),T=cs(I.swaps);return me.createElement(me.Fragment,{key:I.requestId},me.createElement(Yt,{showModalFee:r,selected:a?.requestId===I.requestId,tagHidden:!1,quote:{...I,requestAmount:l.requestAmount},loading:e,error:T?.options||null,warning:b,onClick:w=>{T||p("warning",b),p("error",T?.options||null),o(w)},type:"list-item"}),me.createElement(Ts,{size:16}))}):k&&me.createElement(xc,null,me.createElement(Lo,{error:m,fetch:n}))))}i(Ho,"Quotes");import{darkTheme as mS,styled as Ac}from"@rango-dev/ui";var Ec=Ac("div",{transition:"width 0.2s, opacity 0.2s, margin-left 0.2s",height:"700px",width:"390px",opacity:1,marginLeft:"$16",backgroundColor:"$neutral100",[`.${mS} &`]:{backgroundColor:"$neutral300"},"&.is-hidden":{width:0,opacity:0,marginLeft:0}}),Wc=Ac("div",{position:"relative",overflow:"hidden",padding:"$20",flexGrow:1,display:"flex",flexDirection:"column",overflowY:"auto",borderRadius:"$primary",backgroundColor:"$background"});var yS=100;function ks(t){let{fetch:e,loading:o,onClickOnQuote:n,onClickRefresh:r,isVisible:s}=t,[a,l]=hS(!1),p=a?"":"is-hidden";return gS(()=>{let u=null;return s?u=setTimeout(()=>{l(!0)},yS):(l(!1),u&&clearTimeout(u)),()=>{u&&clearTimeout(u)}},[s]),_t.createElement(Ec,{className:`${p} ${Zn()}`,id:Te.EXPANDED_BOX_ID},_t.createElement(fS,{title:dS.t("Routes"),suffix:_t.createElement(_t.Fragment,null,_t.createElement(br,{container:Va()}),_t.createElement(Gt,{onClickRefresh:r,hidden:["history","notifications","settings"]}))}),_t.createElement(Wc,null,_t.createElement(Ho,{showModalFee:!1,fetch:e,hasSort:!1,loading:o,onClickOnQuote:n})))}i(ks,"ExpandedQuotes");import{i18n as $c}from"@lingui/core";import{SwapInput as _c}from"@rango-dev/ui";import Go from"react";import{ReverseIcon as SS,styled as Lc}from"@rango-dev/ui";import ws from"react";var CS=Lc("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),TS=Lc("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 Mc(){let t=Q.use.switchFromAndTo();return ws.createElement(CS,null,ws.createElement(TS,{onClick:()=>{t()}},ws.createElement(SS,{size:12})))}i(Mc,"SwitchFromAndToButton");import{styled as Nc}from"@rango-dev/ui";var Bc=Nc("div",{display:"flex",flexDirection:"column",gap:"$5",alignSelf:"stretch"}),Pc=Nc("div",{position:"relative"});function xs(t){let{fetchingQuote:e,fetchMetaStatus:o,onClickToken:n}=t,{fromToken:r,fromBlockchain:s,toToken:a,toBlockchain:l,setInputAmount:p,inputAmount:u,inputUsdValue:c,outputAmount:d,outputUsdValue:m,selectedQuote:h}=Q(),{connectedWallets:C,getBalanceFor:S}=K(),y=r?S(r):null,f=dn(y)?.amount??"0",x=s&&r?E(y?.amount,y?.decimals):"0",k=!!s&&_a(C,s.name),v=!di(h,u,c),I=!di(h,u,m),b=!c||!m||!m.gt(0)?null:je(c.toString(),m.toString());return Go.createElement(Bc,null,Go.createElement(Pc,null,Go.createElement(_c,{label:$c.t("From"),mode:"From",onInputChange:p,balance:f,chain:{displayName:s?.displayName||"",image:s?.logo||""},token:{displayName:r?.symbol||"",image:r?.image||""},onClickToken:()=>n("from"),price:{value:u,usdValue:v?void 0:E(c,4,4),realUsdValue:v?void 0:le(c),error:v?Y().unknownPriceError.impactTitle:void 0},disabled:o==="failed",loading:o==="loading",loadingBalance:k,tooltipContainer:N(),onSelectMaxBalance:()=>{f!=="0"&&p(x.split(",").join(""))}}),Go.createElement(Mc,null)),Go.createElement(_c,{sharpBottomStyle:!!h||e,label:$c.t("To"),mode:"To",fetchingQuote:e,chain:{displayName:l?.displayName||"",image:l?.logo||""},token:{displayName:a?.symbol||"",image:a?.image||""},percentageChange:E(je(c,m),2,2),warningLevel:yt(b??0),price:{value:E(d,6,6),usdValue:I?void 0:E(m,4,4),realValue:le(d),realUsdValue:I?void 0:le(m),error:I?Y().unknownPriceError.impactTitle:void 0},onClickToken:()=>n("to"),disabled:o==="failed",loading:o==="loading",tooltipContainer:N()}))}i(xs,"Inputs");import{useCallback as kS,useEffect as wS,useState as xS}from"react";function Dc(){let{fetch:t,loading:e,cancelFetch:o}=Sr({request:async(n,r)=>await At().getAllRoutes(n,r)});return{fetch:t,loading:e,cancelFetch:o}}i(Dc,"useFetchAllQuotes");var vS=600;function Ir({refetchQuote:t}){let{fetch:e,cancelFetch:o}=Dc(),{enableNewLiquiditySources:n,features:r}=g().config,s=K.use.connectedWallets(),a=g().tokens(),{fromToken:l,toToken:p,inputAmount:u,inputUsdValue:c,selectedQuote:d,sortStrategy:m,resetQuote:h,error:C,warning:S,setSelectedQuote:y,updateQuotePartialState:f}=Q(),{slippage:x,customSlippage:k,affiliatePercent:v,affiliateRef:I,affiliateWallets:b,fetchStatus:T}=g(),w=g().getLiquiditySources(),W=g().getDisabledLiquiditySources(),L=g().excludeLiquiditySources(),[B,q]=xS(!0),ae=k??x,D=!l||!p||Me(l,p)||!To(u),V=i(ce=>{q(ce)},"resetState"),A=i(ce=>{let{fromToken:H,toToken:j,inputAmount:Se,liquiditySources:ve,excludeLiquiditySources:be,disabledLiquiditySources:gt,slippage:G,affiliateRef:J,affiliatePercent:R,affiliateWallets:Ae}=ce;if(B||V(!0),!D&&H&&j){h();let He=vl({fromToken:H,toToken:j,inputAmount:Se,liquiditySources:ve,excludeLiquiditySources:be,disabledLiquiditySources:gt,wallets:s,slippage:G,affiliateRef:J,affiliatePercent:R,affiliateWallets:Ae});Xa("experimentalRoute",r)&&(He.experimental=!0),e(He).then(Ce=>{let De=Mn(m,Ce.results),ge=Fl(d,De,Ce.requestAmount);q(!1),f("quotes",Ce),y(ge),Cr({diagnosisMessages:Ce.diagnosisMessages,requestId:ge?.requestId||"",swaps:ge?.swaps});let st=ge&&to(ge,{fromToken:H,toToken:j,userSlippage:ae,tokens:a});f("warning",st)}).catch(Ce=>{let{error:De}=Tr(Ce);(De?.type===0||De?.type===1)&&h(),De?.type!==2&&(f("error",De),q(!1))})}},"fetch"),M=kS(Ga(ce=>{D||A(ce)},vS),[D]);return wS(()=>{if(!t){q(!1);return}if(T==="success"){if(D){q(!1),(d||C||S)&&h();return}if(!To(u)||c?.eq(0)){V(!1),o();return}return h(),V(!0),M({inputAmount:u,fromToken:l,toToken:p,liquiditySources:w,excludeLiquiditySources:L,disabledLiquiditySources:W,slippage:ae,affiliateRef:I,affiliatePercent:v,affiliateWallets:b}),o}},[T,u,l?.symbol,l?.address,l?.blockchain,p?.symbol,p?.address,p?.blockchain,D,w?.length,n,W.length,ae,I,v,JSON.stringify(b)]),{fetch:()=>A({inputAmount:u,fromToken:l,toToken:p,liquiditySources:w,excludeLiquiditySources:L,disabledLiquiditySources:W,slippage:ae,affiliateRef:I,affiliatePercent:v,affiliateWallets:b}),loading:B}}i(Ir,"useSwapInput");var LS=AS("div",{display:"grid",gridTemplateColumns:"auto auto",alignItems:"flex-start",height:700,"& .footer__alert":{paddingTop:"0"}}),MS=300;function qc(){let t=WS(),{fromToken:e,toToken:o,inputAmount:n,selectedQuote:r,refetchQuote:s,error:a,warning:l,quotes:p,setSelectedQuote:u,resetQuoteWallets:c,setQuoteWarningsConfirmed:d,updateQuotePartialState:m}=Q(),[h,C]=Oc(!1),S=cr(),{fetch:y,loading:f}=Ir({refetchQuote:s}),{config:x,fetchStatus:k}=g(),{connectedWallets:v}=K(),{isActiveTab:I}=ee(),[b,T]=Oc(!1),W=Sl({fetchMetaStatus:k,fetchingQuote:f,inputAmount:n,quote:r,anyWalletConnected:v.length>0,error:a,warning:l,needsToWarnEthOnPath:!1}),L=x?.variant==="expandable"&&!S,B=!!n&&!!e&&!!o&&n!=="0",q=B&&k==="success"&&f,D=(!L||L&&p?.results.length)&&(l||a);Uc(()=>{c(),m("refetchQuote",!0)},[]),Uc(()=>{C(B)},[B]);let V=(r||a)&&!b?y:void 0,A=i(M=>{L&&h?(C(!1),setTimeout(()=>{t(M)},MS)):t(M)},"onHandleNavigation");return Fe.createElement(LS,null,Fe.createElement(ne,{height:"auto",footer:Fe.createElement(IS,{type:"primary",size:"large",disabled:W.disabled||!I,prefix:W.action==="confirm-warning"&&Fe.createElement(ES,null),fullWidth:!0,onClick:()=>{W.action==="connect-wallet"?A(F.wallets):W.action==="confirm-warning"?T(!0):A(F.confirmSwap)}},W.title),header:{onWallet:()=>{A(F.wallets)},hasBackButton:!1,title:x.title||bS.t("Swap"),suffix:Fe.createElement(Gt,{hidden:L?["refresh"]:void 0,onClickRefresh:V,onClickHistory:()=>A(F.swaps),onClickSettings:()=>{A(F.settings)}})}},Fe.createElement(ie,null,Fe.createElement(xs,{fetchingQuote:q,fetchMetaStatus:k,onClickToken:M=>{A(M==="from"?F.fromSwap:F.toSwap)}}),Fe.createElement(Fc,{size:"2"}),L?null:Fe.createElement(Yt,{quote:r,loading:q,error:a,tagHidden:!1,warning:l,type:"basic",onClickAllRoutes:p&&p.results.length>1?()=>{m("refetchQuote",!1),A(F.routes)}:void 0}),D?Fe.createElement(Fe.Fragment,null,Fe.createElement(Fc,{size:"10"}),Fe.createElement(No,{warning:l,error:a,refetchQuote:y,showWarningModal:b,confirmationDisabled:!I,onOpenWarningModal:()=>T(!0),onCloseWarningModal:()=>T(!1),onConfirmWarningModal:()=>{T(!1),d(!0),A(F.confirmSwap)},onChangeSettings:()=>A(F.settings)})):null)),L?Fe.createElement(ks,{loading:q,onClickOnQuote:M=>u(M),fetch:y,onClickRefresh:V,isVisible:h}):null)}i(qc,"Home");import{i18n as zc}from"@lingui/core";import{List as NS,ListItemButton as BS,Radio as PS,RadioRoot as $S,Typography as _S}from"@rango-dev/ui";import Dt from"react";function fo(){let{setLanguage:t,language:e,config:o}=g(),n=Ya,r=o?.language||wo;return{activeLanguage:e||r,languages:n,defaultLanguage:r,changeLanguage:s=>t(s||wo),resetLanguage:()=>t(null)}}i(fo,"useLanguage");function Qc(){let{activeLanguage:t,changeLanguage:e,languages:o}=fo(),n=o.map(r=>{let{local:s,label:a,SVGFlag:l}=r;return{id:s,value:s,title:Dt.createElement(_S,{variant:"title",size:"xmedium"},a),onClick:()=>e(r.local),end:Dt.createElement(PS,{value:s}),start:Dt.createElement(l,null)}});return Dt.createElement(ne,{header:{title:zc.t("Language")}},Dt.createElement(ie,null,Dt.createElement($S,{value:t},Dt.createElement(NS,{type:Dt.createElement(BS,{title:zc.t("language"),id:"_",onClick:()=>console.log()}),items:n}))))}i(Qc,"LanguagePage");import{i18n as xt}from"@lingui/core";import{Button as qS,Checkbox as zS,Image as QS,ListItemButton as HS,NotFound as GS,Typography as VS}from"@rango-dev/ui";import _e,{useState as jS}from"react";import{Checkbox as US,Skeleton as Gc}from"@rango-dev/ui";import jo from"react";import{styled as vs}from"@rango-dev/ui";var Vo=vs("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto",variants:{disabled:{true:{pointerEvents:"none"}}}}),bs=vs("div",{width:80,display:"flex",justifyContent:"flex-end"}),Is=vs("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});import{ListItem as DS,styled as FS}from"@rango-dev/ui";var Hc=FS(DS,{height:61});var OS=30;function As(){return jo.createElement(Vo,null,Array.from(Array(OS),t=>jo.createElement(Hc,{hasDivider:!0,key:t,start:jo.createElement(Gc,{variant:"circular",width:35,height:35}),title:jo.createElement(Gc,{variant:"text",size:"large",width:90}),end:jo.createElement(US,{checked:!1})})))}i(As,"LoadingLiquiditySourceList");function Es({sourceType:t}){let e=g().fetchStatus,o=g().swappers(),n=g().getDisabledLiquiditySources(),[r,s]=jS(""),a=g().toggleLiquiditySource,l=g().isInCampaignMode(),p=Cn(o,n),u={Exchanges:xt.t("Exchanges"),Bridges:xt.t("Bridges")},c=[];t==="Exchanges"&&c.push("DEX"),t==="Bridges"&&(c.push("BRIDGE"),c.push("AGGREGATOR"));let d=p.filter(f=>c.includes(f.type)),m=d.length===d.filter(f=>f.selected).length,h=i(()=>{d.forEach(f=>{m?a(f.groupTitle):f.selected||a(f.groupTitle)})},"toggleAllSources"),C=d.map(f=>{let{selected:x,groupTitle:k,logo:v}=f;return{start:_e.createElement(QS,{src:v,size:22,type:"circular"}),onClick:()=>{l||a(k)},end:_e.createElement(zS,{checked:x,disabled:l}),title:_e.createElement(VS,{variant:"title",size:"xmedium"},xt.t(k)),...f}}),S=i(f=>{let x=f.target.value;s(x)},"searchHandler"),y=C;return r&&(y=C.filter(f=>at(f.groupTitle,r))),_e.createElement(ne,{header:{title:xt.t(t),suffix:_e.createElement(bs,null,_e.createElement(qS,{variant:"ghost",size:"xsmall",onClick:h},m?xt.t("Deselect all"):xt.t("Select all")))}},_e.createElement(ie,{view:!0},_e.createElement(kt,{value:r,setValue:s,fullWidth:!0,color:"light",variant:"contained",placeholder:xt.t("Search {sourceType}",{sourceType:u[t]}),onChange:S}),e==="loading"&&_e.createElement(As,null),!y.length&&r?_e.createElement(Is,null,_e.createElement(GS,{title:xt.t("No results found"),description:xt.t("Try using different keywords")})):e==="success"&&_e.createElement(Vo,{disabled:l},y.map(f=>_e.createElement(_e.Fragment,{key:f.id},_e.createElement(HS,{style:{height:"61px"},...f,selected:!1,hasDivider:!0}))))))}i(Es,"LiquiditySourcePage");import{i18n as XS}from"@lingui/core";import Ar from"react";import{useNavigate as KS}from"react-router-dom";function Vc(){let t=KS(),e=ut(),{selectedQuote:o,refetchQuote:n,setSelectedQuote:r,updateQuotePartialState:s,error:a}=Q(),{fetch:l,loading:p}=Ir({refetchQuote:n}),u=i(m=>{r(m),s("refetchQuote",!1),e()},"onClickOnQuote"),c=`../${F.settings}`,d=`../${F.wallets}`;return Ar.createElement(ne,{header:{onWallet:()=>{t(d)},onBack:()=>{s("refetchQuote",!1)},title:XS.t("Routes"),suffix:Ar.createElement(Gt,{onClickRefresh:o||a?l:void 0,hidden:["notifications","history"],onClickSettings:()=>t(c)})}},Ar.createElement(ie,null,Ar.createElement(Ho,{fetch:l,loading:p,onClickOnQuote:u})))}i(Vc,"RoutesPage");import{i18n as em}from"@lingui/core";import{Divider as tm,getCountCategories as iC,SelectableCategoryList as sC}from"@rango-dev/ui";import vt,{useState as om}from"react";import{i18n as Ls}from"@lingui/core";import{Divider as Zc,Image as eC,ListItemButton as tC,NotFound as oC,Typography as Rc}from"@rango-dev/ui";import Ye,{useEffect as nC,useState as rC}from"react";import{BlockchainCategories as Ws}from"@rango-dev/ui";import{TransactionType as Er}from"rango-sdk";var YS=i((t,e)=>{switch(e){case Ws.ALL:return!0;case Ws.UTXO:return t.type===Er.TRANSFER;case Ws.OTHER:return t.type!==Er.TRANSFER&&t.type!==Er.COSMOS&&t.type!==Er.EVM;default:return t.type===e}},"filterByType"),jc=i((t,e,o)=>t.filter(n=>YS(n,o)).filter(n=>qt(n.name,e)||qt(n.displayName,e)),"filterBlockchains");import{ImageContainer as JS,styled as Xc}from"@rango-dev/ui";var Kc=Xc("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),Wr=Xc(Ao,{padding:0,margin:0,listStyle:"none",[`& ${JS}`]:{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as ZS,Skeleton as Yc}from"@rango-dev/ui";import Lr from"react";var RS=20;function Jc(){return Lr.createElement(Wr,null,Array.from(Array(RS),t=>Lr.createElement(ZS,{key:t,hasDivider:!0,start:Lr.createElement(Yc,{variant:"circular",width:35,height:35}),title:Lr.createElement(Yc,{variant:"text",size:"large",width:90})})))}i(Jc,"LoadingBlockchainList");function Ms(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[s,a]=rC(e),{fetchStatus:l}=g();nC(()=>{a([...jc(e,o,r)])},[e,o,r]);let p=i(()=>!s.length&&o?Ye.createElement(Ye.Fragment,null,Ye.createElement(Zc,{size:32}),Ye.createElement(oC,{title:Ls.t("No results found"),description:Ls.t("Try using different keywords")})):Ye.createElement(Wr,{as:"ul",key:`${r}-${o}`},s.map(u=>Ye.createElement(tC,{key:`${u.name}-${u.chainId}`,hasDivider:!0,onClick:()=>n(u),start:Ye.createElement(eC,{src:u.logo,size:30}),title:Ye.createElement(Rc,{variant:"title",size:"medium"},u.displayName),id:u.chainId}))),"renderList");return Ye.createElement(Kc,null,Ye.createElement(Rc,{variant:"label",size:"large"},Ls.t("Select Blockchain")),Ye.createElement(Zc,{size:4}),l==="loading"&&Ye.createElement(Jc,null),l==="success"&&p())}i(Ms,"BlockchainList");function Ns(t){let{type:e}=t,o=ut(),[n,r]=om(""),[s,a]=om("ALL"),l=Q.use.setToBlockchain(),p=Q.use.setFromBlockchain(),u=g().fetchStatus,c=g().blockchains({type:e}),m=iC(c)!==1;return vt.createElement(ne,{header:{title:em.t("Select Blockchain")}},vt.createElement(ie,{view:!0},m&&vt.createElement(vt.Fragment,null,vt.createElement(sC,{setCategory:a,category:s,blockchains:c,isLoading:u==="loading"}),vt.createElement(tm,{size:24})),vt.createElement(kt,{value:n,autoFocus:!0,placeholder:em.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:h=>r(h.target.value)}),vt.createElement(tm,{size:16}),vt.createElement(Ms,{list:c,searchedFor:n,blockchainCategory:s,onChange:h=>{e==="source"?p(h):l(h),o()}})))}i(Ns,"SelectBlockchainPage");import{i18n as $r}from"@lingui/core";import{Divider as wm}from"@rango-dev/ui";import Jt,{useState as xC}from"react";import{useNavigate as vC}from"react-router-dom";import{i18n as $s}from"@lingui/core";import{BlockchainsChip as Mr,Divider as sm,Image as am,Skeleton as cC,Tooltip as mC,Typography as _s}from"@rango-dev/ui";import xe from"react";import{useEffect as pC}from"react";var nm=["ETH","COSMOS","OSMOSIS"];function Bs(t,e,o){let n=JSON.parse(JSON.stringify(t)),r=[];if(n.sort(aC),o?.limit&&t.length>o.limit){let s=o.limit,a=e;if(e.length<=o.limit){let l=o.limit-e.length;for(let p=0;p<=l;p++){let u=n[p];a=a.filter(c=>u.name!==c)}}n.sort(lC(a)),r=n.splice(s)}return{list:n,more:r}}i(Bs,"prepare");function aC(t,e){let o=nm,n=o.findIndex(l=>l===t.name),r=o.findIndex(l=>l===e.name),s=n>-1,a=r>-1;return s&&a?n>r?1:-1:s?-1:a?1:0}i(aC,"sortByMostUsedBlockchains");function lC(t){return i(function(o,n){let r=t.findIndex(p=>p===o.name),s=t.findIndex(p=>p===n.name),a=r>-1,l=s>-1;return a&&l?r>s?1:-1:t.includes(o.name)?-1:t.includes(n.name)?1:0},"sortByPreferred")}i(lC,"generateSortByPreferredBlockchainsFor");function rm(t,e){return!!e.list.find(o=>o.name===t)}i(rm,"isInVisibleList");function Ps(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=g();pC(()=>{if(e?.selected){let s=Bs(t,o,e);rm(e.selected,s)||n(e?.selected)}},[e?.selected]);let r=Bs(t,o,e);return{list:r.list,more:r.more,history:[]}}i(Ps,"usePrepareBlockchainList");import{styled as uC}from"@rango-dev/ui";var im=uC("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var dC=12;function Ds(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:s}=t,a=Ps(e,{limit:10,selected:n?.name}),{fetchStatus:l}=g(),p=Q.use.resetToBlockchain(),u=Q.use.resetFromBlockchain(),c=a.more.length>0,d=a.more.length===1,m=!d&&c;return xe.createElement(xe.Fragment,null,xe.createElement(sm,{size:12}),xe.createElement(_s,{variant:"label",size:"large"},$s.t("Select Blockchain")),xe.createElement(sm,{size:12}),xe.createElement(im,null,l==="loading"&&Array.from(Array(dC),h=>xe.createElement(cC,{key:h,variant:"rounded",height:50})),l==="success"&&xe.createElement(xe.Fragment,null,xe.createElement(Mr,{selected:!n,onClick:()=>{o==="from"?u():p()}},xe.createElement(_s,{variant:"body",size:"xsmall",color:"secondary500"},$s.t("All"))),a.list.map(h=>xe.createElement(mC,{key:h.name,content:h.shortName,side:"bottom",sideOffset:2,container:N()},xe.createElement(Mr,{key:h.name,selected:!!n&&n.name===h.name,onClick:()=>r(h)},xe.createElement(am,{src:h.logo,size:30})))),d?xe.createElement(Mr,{key:a.more[0].name,selected:!!n&&n.name===a.more[0].name,onClick:()=>r(a.more[0])},xe.createElement(am,{src:a.more[0].logo,size:30})):null,m?xe.createElement(Mr,{onClick:s,key:"more-blockchains"},xe.createElement(_s,{variant:"body",size:"xsmall",color:"secondary500"},$s._("More +{count}",{count:a.more.length}))):null)))}i(Ds,"BlockchainsSection");import{i18n as js}from"@lingui/core";import{darkTheme as ym,Divider as ho,ExternalLinkIcon as hC,Image as yC,ListItemButton as SC,NotFound as CC,PinIcon as TC,Skeleton as Sm,Typography as Pr,VirtualizedList as kC}from"@rango-dev/ui";import z,{useEffect as Cm,useState as Tm}from"react";import{Divider as gm,ListItem as gC,Skeleton as Xo}from"@rango-dev/ui";import nt from"react";import{css as go,darkTheme as lm,ImageContainer as fC,styled as ot,Typography as pm}from"@rango-dev/ui";var Fs=go({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}),Us=go({position:"relative",height:12,width:"30%",maxWidth:"150px"}),Os=go({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",bottom:"-8px"}),qs=go({transform:"translateY(12px)",visibility:"hidden","& a":{display:"flex",justifyContent:"center",alignItems:"center",fontSize:"$12",lineHeight:"$16",$$color:"$colors$neutral600",[`.${lm} &`]:{$$color:"$colors$neutral700"},color:"$$color",textDecoration:"none"}}),zs=go({}),Qs=go(),um=ot("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),Hs=ot("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),Nr=ot("ul",{flexGrow:1,padding:0,margin:0,listStyle:"none","& li":{alignItems:"none","&:hover":{[`& .${Us}`]:{[`& .${qs}`]:{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",visibility:"visible"},[`& .${zs}`]:{bottom:"-15px"},[`& .${Fs}`]:{position:"absolute",transform:"translateY(-12px)",visibility:"hidden"},[`& .${Os}`]:{position:"absolute",transform:"translateY(-12px)",bottom:"-10px"}}}}}),Gs=ot("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),Vs=ot(pm,{}),cm=ot("div",{textAlign:"right",width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",[`& .${Qs}`]:{$$color:"$colors$neutral600",[`.${lm} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Br=ot("div",{display:"flex",alignItems:"end",flexDirection:"column"}),XD=ot("div",{display:"flex",alignItems:"center"}),mm=ot("div",{position:"relative",[`& ${fC}`]:{borderRadius:"$xm",overflow:"hidden"}}),dm=ot("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6}),fm=ot(pm,{width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"});function hm(t){return nt.createElement(Nr,null,Array.from(Array(t.size),e=>nt.createElement(gC,{key:e,hasDivider:!0,start:nt.createElement(Xo,{variant:"circular",width:35,height:35}),end:nt.createElement(Br,null,nt.createElement(Xo,{variant:"text",size:"large",width:70}),nt.createElement(gm,{size:4}),nt.createElement(Xo,{variant:"text",size:"medium",width:50})),title:nt.createElement("div",null,nt.createElement(Xo,{variant:"text",size:"large",width:90}),nt.createElement(gm,{size:4}),nt.createElement(Xo,{variant:"text",size:"medium",width:90}))})))}i(hm,"LoadingTokenList");var Xs=20,wC=i(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:s,customCssForTagTitle:a}=t,l=e.length;return z.createElement("div",{className:Us()},o?z.createElement("div",{className:Fs()},o):z.createElement(Hs,{className:Os()},z.createElement(Pr,{variant:"title",size:"xmedium"},r.symbol),z.createElement(ho,{direction:"horizontal",size:4}),z.createElement(Gs,{css:s},z.createElement(Vs,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&z.createElement("div",{className:`${qs()} ${!o&&zs()}`},z.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," ",z.createElement(ho,{size:4,direction:"horizontal"}),z.createElement(hC,{color:"gray",size:12}))))},"renderDesc");function km(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[s,a]=Tm(e),l=g().fetchStatus,p=g().blockchains(),[u,c]=Tm(!0),{getBalanceFor:d,loading:m}=K(),{isTokenPinned:h}=g(),C=i(()=>{a(e.slice(0,s.length+Xs))},"loadNextPage");Cm(()=>{c(e.length>s.length)},[s.length]),Cm(()=>{a(e.slice(0,Xs))},[e]);let S=i(()=>!s.length&&o?z.createElement(z.Fragment,null,z.createElement(ho,{size:32}),z.createElement(CC,{title:js.t("No results found"),description:js.t("Try using different keywords")})):z.createElement(kC,{endReached:u?C:void 0,itemContent:y=>{let f=s[y],x=dn(d(f)),k=f.address||"",v=p.find(w=>w.name===f.blockchain),I=Qn(f.symbol,v?.color||""),b={$$color:I[`${f.symbol}100`],[`.${ym} &`]:{$$color:I[`${f.symbol}900`]},backgroundColor:"$$color"},T={$$color:I[`${f.symbol}700`],[`.${ym} &`]:{$$color:I[`${f.symbol}100`]},color:"$$color"};return z.createElement("div",{style:{paddingRight:5}},z.createElement(SC,{style:{width:"100%",overflow:"hidden"},"tab-index":y,key:`${f.symbol}${f.address}`,id:`${f.symbol}${f.address}`,hasDivider:!0,onClick:()=>n(s[y]),start:z.createElement(mm,null,z.createElement(yC,{src:f.image,size:30}),h(f,t.type)&&z.createElement(dm,null,z.createElement(TC,{size:12,color:"gray"}))),title:v?.type==="COSMOS"||f.name||!f.name&&!k?z.createElement(Hs,null,z.createElement(Pr,{variant:"title",size:"xmedium"},f.symbol),z.createElement(ho,{direction:"horizontal",size:4}),z.createElement(Gs,{css:b},z.createElement(Vs,{variant:"body",size:"xsmall",css:T},f.blockchain))):void 0,description:v?.info&&k&&v.type!=="COSMOS"?wC({address:k,token:s[y],customCssForTag:b,customCssForTagTitle:T,name:f.name,url:v.info.addressUrl.split("{wallet}").join(k)}):f.name||void 0,end:m?z.createElement(Br,null,z.createElement(Sm,{variant:"text",size:"large",width:70}),z.createElement(ho,{size:4}),z.createElement(Sm,{variant:"text",size:"medium",width:50})):x&&z.createElement(cm,null,z.createElement(fm,{variant:"title",size:"small"},x.amount),z.createElement("div",null),x.usdValue&&z.createElement(Pr,{variant:"body",className:Qs(),size:"xsmall"},`$${x.usdValue}`))}))},totalCount:s.length,key:`${r}-${o}`}),"renderList");return z.createElement(um,null,z.createElement(Pr,{variant:"label",size:"large"},js.t("Select Token")),z.createElement(ho,{size:4}),l==="loading"&&z.createElement(hm,{size:Xs}),l==="success"&&z.createElement(Nr,{as:"ul"},S()))}i(km,"TokenList");function Ks(t){let{type:e}=t,o=vC(),n=ut(),{fromBlockchain:r,toBlockchain:s,setFromToken:a,setToToken:l,setFromBlockchain:p,setToBlockchain:u}=Q(),c=K.use.getBalanceFor(),[d,m]=xC(""),{isTokenPinned:h}=g(),S=(e==="source"?r:s)?.name??"",y=g().blockchains({type:e}),f=g().tokens({type:e,blockchain:S,searchFor:d}),k=Ba(f,c,i(T=>h(T,e),"checkIsTokenPinned")),v=i(T=>{e==="source"?p(T):u(T)},"updateBlockchain"),I=i(T=>{e==="source"?a({token:T,meta:{blockchains:y,tokens:f}}):l({token:T,meta:{blockchains:y,tokens:f}})},"updateToken"),b={source:$r.t("Source"),destination:$r.t("Destination")};return Jt.createElement(ne,{header:{title:$r.t("Swap {type}",{type:b[e]})}},Jt.createElement(ie,null,Jt.createElement(Ds,{blockchains:y,type:e=="source"?"from":"to",blockchain:e==="source"?r:s,onMoreClick:()=>o(F.blockchains),onChange:T=>{v(T)}}),Jt.createElement(wm,{size:24}),Jt.createElement(kt,{value:d,autoFocus:!0,placeholder:$r.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>m(""),onChange:T=>m(T.target.value)}),Jt.createElement(wm,{size:16}),Jt.createElement(km,{list:k,selectedBlockchain:S,searchedFor:d,type:e,onChange:T=>{I(T);let w=y.find(W=>T.blockchain===W.name);w&&v(w),n()}})))}i(Ks,"SelectSwapItemsPage");import{i18n as ea}from"@lingui/core";import{Alert as KC,Button as YC,styled as JC}from"@rango-dev/ui";import Zt from"react";import{useInRouterContext as ZC,useSearchParams as RC}from"react-router-dom";import{i18n as Em}from"@lingui/core";import{Divider as EC,InfoIcon as WC,TextField as LC,Tooltip as MC,Typography as Wm}from"@rango-dev/ui";import Qe from"react";import{Chip as bC,styled as Ko,TextField as IC}from"@rango-dev/ui";var xm=Ko("div",{paddingTop:"$5",padding:"$10 $5"}),vm=Ko("div",{display:"flex",flexWrap:"wrap",gap:"$10",[`& ${IC}`]:{flex:"1 1 0",maxWidth:"127px",minWidth:"85px"}}),bm=Ko("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),_r=Ko("div",{maxWidth:"280px",padding:"$10"}),Im=Ko(bC,{width:"61px",flexShrink:0});import{i18n as Ys}from"@lingui/core";import{Typography as AC}from"@rango-dev/ui";import Yo from"react";function Am(){return Yo.createElement(_r,null,Yo.createElement(AC,{variant:"label",size:"medium",color:"neutral700"},Ys.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),Yo.createElement("br",null),Yo.createElement("br",null),Yo.createElement("b",null,Ys.t("Warning")),":",Ys.t("This setting is applied per step (e.g. 1Inch, Thorchain, etc) which means only the step will be reverted, not the whole transaction.")))}i(Am,"SlippageTooltipContent");function Js(){let{slippage:t,setSlippage:e,customSlippage:o,setCustomSlippage:n}=g();return Qe.createElement(xm,null,Qe.createElement(bm,null,Qe.createElement(Wm,{variant:"title",size:"xmedium"},Em.t("Slippage tolerance per swap")),Qe.createElement(EC,{direction:"horizontal",size:4}),Qe.createElement(MC,{container:N(),side:"top",sideOffset:4,content:Qe.createElement(Am,null)},Qe.createElement(WC,{color:"gray"}))),Qe.createElement(vm,null,Ja.map((r,s)=>{let a=`slippage-${s}`;return Qe.createElement(Qe.Fragment,null,Qe.createElement(Im,{key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`}))}),Qe.createElement(LC,{type:"number",min:"0.01",max:"30",step:"0.01",fullWidth:!0,variant:"contained",value:o||"",color:"dark",onChange:r=>{let s=r.target.value,a=parseFloat(s);a>=tl&&a<=el?n(a):n(null)},suffix:o&&Qe.createElement(Wm,{variant:"body",size:"small"},"%"),placeholder:Em.t("Custom")})))}i(Js,"Slippage");import{i18n as ft}from"@lingui/core";import{AutoThemeIcon as Lm,BridgeIcon as NC,ChevronRightIcon as Zs,DarkModeIcon as Mm,Divider as Rs,DoneIcon as BC,ExchangeIcon as PC,InfoIcon as $C,LanguageIcon as _C,LightModeIcon as Nm,List as DC,ListItem as FC,ListItemButton as UC,Skeleton as OC,styled as qC,Switch as zC,Tabs as QC,Tooltip as HC,Typography as rt}from"@rango-dev/ui";import U from"react";import{useNavigate as GC}from"react-router-dom";var VC=qC("div",{width:"202px",height:"$40"}),jC=[{id:"light",icon:U.createElement(Nm,{color:"black",size:16}),tooltip:U.createElement(rt,{size:"xsmall",variant:"body"},ft.t("Light"))},{id:"dark",icon:U.createElement(Mm,{color:"black",size:16}),tooltip:U.createElement(rt,{size:"xsmall",variant:"body"},ft.t("Dark"))},{id:"auto",icon:U.createElement(Lm,{color:"black",size:16}),tooltip:U.createElement(rt,{size:"xsmall",variant:"body"},ft.t("Auto"))}],XC=i(t=>{let e={color:"gray",size:12};switch(t){case"auto":return U.createElement(Lm,{...e});case"dark":return U.createElement(Mm,{...e});default:return U.createElement(Nm,{...e})}},"getThemeIcon");function Bm(){let t=GC(),{theme:e}=g().config,{setTheme:o,theme:n}=g(),r=g().fetchStatus,s=g().swappers(),a=g().getDisabledLiquiditySources(),{config:{features:l}}=g(),p=Ge("theme",l),u=Ge("liquiditySource",l),c=Ge("language",l),d=g().infiniteApprove,m=g().toggleInfiniteApprove,h=Cn(s,a),C=h.filter(B=>B.type==="BRIDGE"||B.type==="AGGREGATOR"),S=C.length,y=C.filter(B=>B.selected).length,f=h.filter(B=>B.type==="DEX"),x=f.length,k=f.filter(B=>B.selected).length,v=i((B,q)=>{switch(r){case"loading":return U.createElement(OC,{variant:"text",size:"medium",width:50});case"failed":return U.createElement(rt,{variant:"body",size:"medium",color:"$error500"},ft.t("Loading failed"));default:return U.createElement(rt,{variant:"body",size:"medium"},`${B} / ${q}`)}},"handleEndItem"),I={id:"bridge-item",title:U.createElement(rt,{variant:"title",size:"xmedium"},ft.t("Enabled bridges")),end:U.createElement(U.Fragment,null,v(y,S),U.createElement(Rs,{direction:"horizontal",size:8}),U.createElement(Zs,{color:"black"})),onClick:()=>t(F.bridges),start:U.createElement(NC,{color:"gray",size:12})},b={id:"exchange-item",title:U.createElement(rt,{variant:"title",size:"xmedium"},ft.t("Enabled exchanges")),end:U.createElement(U.Fragment,null,v(k,x),U.createElement(Rs,{direction:"horizontal",size:8}),U.createElement(Zs,{color:"gray"})),start:U.createElement(PC,{color:"gray",size:12}),onClick:()=>t(F.exchanges)},T={id:"language-item",title:U.createElement(rt,{variant:"title",size:"xmedium"},ft.t("Language")),start:U.createElement(_C,{color:"gray",size:12}),end:U.createElement(Zs,{color:"gray"}),onClick:()=>t(F.languages)},w={id:"infinite-approval-item",title:U.createElement(U.Fragment,null,U.createElement(rt,{variant:"title",size:"xmedium"},ft.t("Infinite approval")),U.createElement(Rs,{direction:"horizontal",size:4}),U.createElement(HC,{side:"top",sideOffset:4,container:N(),content:U.createElement(_r,null,U.createElement(rt,{variant:"label",size:"medium",color:"neutral700"},ft.t("Enabling the 'Infinite approval' mode grants unrestricted access to smart contracts of DEXes/Bridges, allowing them to utilize the approved token amount without limitations.")))},U.createElement($C,{color:"gray"}))),start:U.createElement(BC,{color:"gray",size:12}),end:U.createElement(zC,{checked:d}),onClick:m},W={id:"theme-item",type:U.createElement(FC,null),title:U.createElement(rt,{variant:"title",size:"xmedium"},ft.t("Theme")),end:U.createElement(VC,null,U.createElement(QC,{container:N(),items:jC,value:n,onChange:B=>o(B.id),type:"primary",borderRadius:"small"})),start:XC(n)},L=u?[]:[I,b];return c||L.push(T),L.push(w),!e?.singleTheme&&!p&&L.push(W),U.createElement(DC,{type:U.createElement(UC,{hasDivider:!0,id:"_",onClick:()=>console.log()}),items:L})}i(Bm,"SettingsLists");var eT=JC("div",{paddingLeft:"$8"});function Pm(){let{isInCampaignMode:t,updateCampaignMode:e}=g(),o=t(),[,n]=RC(),r=ZC(),s=i(()=>{r&&o&&(n(a=>(a.delete("liquiditySources"),a),{replace:!0}),e("liquiditySources",void 0))},"onClick");return Zt.createElement(ne,{header:{title:ea.t("Settings")}},Zt.createElement(ie,null,o&&Zt.createElement(KC,{type:"info",variant:"alarm",title:ea.t("Currently, you're in campaign mode with restrictions on liquidity sources. Would you like to switch out of this mode and make use of all available liquidity sources?"),action:Zt.createElement(eT,null,Zt.createElement(YC,{type:"secondary",size:"small",onClick:s},ea.t("Reset")))}),Zt.createElement(Js,null),Zt.createElement(Bm,null)))}i(Pm,"SettingsPage");import{i18n as qT}from"@lingui/core";import{cancelSwap as zT}from"@rango-dev/queue-manager-rango-preset";import{useManager as QT}from"@rango-dev/queue-manager-react";import{Alert as HT}from"@rango-dev/ui";import ha from"react";import{useParams as GT}from"react-router-dom";import{i18n as It}from"@lingui/core";import{getCurrentBlockchainOfOrNull as xT,getCurrentStep as vT,getRelatedWalletOrNull as bT}from"@rango-dev/queue-manager-rango-preset";import{Button as sd,CopyIcon as IT,Divider as AT,IconButton as ET,LinkIcon as WT,QuoteCost as LT,StepDetails as MT,Typography as So,useCopyToClipboard as NT}from"@rango-dev/ui";import{useWallets as BT}from"@rango-dev/wallets-react";import ad from"bignumber.js";import{PendingSwapNetworkStatus as Gr}from"rango-types";import Z,{useEffect as ld,useRef as PT,useState as pd}from"react";import{useNavigate as $T}from"react-router-dom";import{i18n as Ft}from"@lingui/core";var tT=[Ft.t("Sunday"),Ft.t("Monday"),Ft.t("Tuesday"),Ft.t("Wednesday"),Ft.t("Thursday"),Ft.t("Friday"),Ft.t("Saturday")];function $m(t){let e=new Date(t),o=e.getDate(),n=e.toLocaleString("default",{month:"long"}),r=e.getFullYear();return`${e.getDay()===new Date().getDay()?Ft.t("Today"):`${tT[e.getDay()]} ${o} ${n} ${r}`}, ${new Date(t).toLocaleTimeString()}`}i($m,"timeSince");function _m(t){return t.finishTime?$m(parseInt(t.finishTime)):$m(parseInt(t.creationTime))}i(_m,"getSwapDate");import{PendingSwapNetworkStatus as Ur}from"rango-types";import Or from"react";import{i18n as Dr}from"@lingui/core";import{Button as Dm,Divider as ta,MessageBox as oT}from"@rango-dev/ui";import Ut from"react";var Fm=i(({onCancel:t,onClose:e})=>Ut.createElement(Ut.Fragment,null,Ut.createElement(ta,{size:20}),Ut.createElement(oT,{type:"error",title:Dr.t("Cancel Swap"),description:Dr.t("Are you sure you want to cancel this swap?")}),Ut.createElement(ta,{size:32}),Ut.createElement(Dm,{variant:"contained",type:"primary",size:"large",onClick:t},Dr.t("Yes, Cancel it")),Ut.createElement(ta,{size:12}),Ut.createElement(Dm,{variant:"outlined",type:"primary",size:"large",onClick:e},Dr.t("No, Continue"))),"CancelContent");import{i18n as Fr}from"@lingui/core";import{Button as Um,Divider as oa,MessageBox as nT,Typography as rT}from"@rango-dev/ui";import bt from"react";var Om=i(({onDelete:t,onClose:e})=>bt.createElement(bt.Fragment,null,bt.createElement(oa,{size:20}),bt.createElement(nT,{type:"error",title:Fr.t("Delete Transaction"),description:Fr.t("Are you sure you want to delete this swap?")}),bt.createElement(oa,{size:32}),bt.createElement(Um,{variant:"contained",type:"primary",size:"large",onClick:t},Fr.t("Yes, Delete it")),bt.createElement(oa,{size:12}),bt.createElement(Um,{variant:"outlined",type:"primary",size:"large",onClick:e},bt.createElement(rT,{variant:"title",size:"medium",color:"primary"},Fr.t("No, Cancel")))),"DeleteContent");import{i18n as na}from"@lingui/core";import{PendingSwapNetworkStatus as ra}from"rango-types";var ia={[ra.WaitingForNetworkChange]:{type:"loading",title:na.t("Change Network")},[ra.WaitingForConnectingWallet]:{type:"warning",title:na.t("Connect Wallet")},[ra.NetworkChanged]:{type:"success",title:na.t("Network Changed")}};import{MessageBox as sT,Wallet as aT}from"@rango-dev/ui";import{useWallets as lT}from"@rango-dev/wallets-react";import Jo from"react";import{styled as iT}from"@rango-dev/ui";var qm=iT("div",{display:"flex",justifyContent:"center"});var zm=i(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:s,walletButtonDisabled:a}=t,{connect:l,getWalletInfo:p,state:u}=lT(),c=n?.walletType,d=c?Rr(u(c)):null,m=c?p(c):null;return Jo.createElement(Jo.Fragment,null,Jo.createElement(sT,{type:e,title:o,description:r}),s&&!!c&&!!d&&!!m&&Jo.createElement(qm,null,Jo.createElement(aT,{container:N(),title:m.name,image:m.img,type:c,state:d,link:m.installLink,disabled:a,onClick:async()=>l(c)})))},"WalletStateContent");function sa(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:s,message:a,walletButtonDisabled:l}=t,p=e===Ur.WaitingForNetworkChange||e===Ur.WaitingForConnectingWallet||e===Ur.NetworkChanged;return Or.createElement(re,{open:!!e,onClose:o,container:document.getElementById(Te.SWAP_BOX_ID)||document.body},p&&Or.createElement(zm,{type:ia[e].type,title:ia[e].title,currentStepWallet:s,message:a,walletButtonDisabled:l,showWalletButton:e!==Ur.WaitingForNetworkChange}),e==="delete"&&Or.createElement(Om,{onClose:o,onDelete:n}),e==="cancel"&&Or.createElement(Fm,{onClose:o,onCancel:r}))}i(sa,"SwapDetailsModal");import{i18n as Zo}from"@lingui/core";import{Button as aa,Divider as qr,MessageBox as Qm,TokenAmount as pT,Typography as la}from"@rango-dev/ui";import We from"react";import{useNavigate as uT}from"react-router-dom";function pa(t){let{open:e,onClose:o,status:n,priceValue:r,usdValue:s,realUsdValue:a,realValue:l,token:p,chain:u,percentageChange:c,description:d,diagnosisUrl:m}=t,h=uT();return We.createElement(re,{open:e,onClose:o,container:document.getElementById(Te.SWAP_BOX_ID)||document.body},n==="success"?We.createElement(Qm,{type:"success",title:Zo.t("Swap Successful")},We.createElement(pT,{direction:"vertical",tooltipContainer:N(),type:"output",centerAlign:!0,price:{value:r,usdValue:s,realUsdValue:a,realValue:l},token:p,chain:u,percentageChange:c}),We.createElement(qr,{size:12}),We.createElement(la,{variant:"body",size:"medium",color:"neutral700",align:"center"},d)):We.createElement(Qm,{type:"error",title:Zo.t("Transaction Failed"),description:d}),We.createElement(qr,{size:32}),n==="success"&&We.createElement(aa,{variant:"contained",type:"primary",size:"large",onClick:()=>{h("../../")}},We.createElement(la,{variant:"title",size:"medium",color:"neutral100"},Zo.t("Done"))),We.createElement(qr,{size:12}),m&&We.createElement(We.Fragment,null,We.createElement(aa,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(m,"_blank")},Zo.t("Diagnosis")),We.createElement(qr,{size:12})),We.createElement(aa,{variant:"outlined",type:"primary",size:"large",onClick:o},We.createElement(la,{variant:"title",size:"medium",color:"primary"},Zo.t("See Details"))))}i(pa,"SwapDetailsCompleteModal");import kT from"react";import{i18n as yT}from"@lingui/core";import{Alert as Km,IconButton as ST,LinkIcon as CT}from"@rango-dev/ui";import Ot,{Fragment as TT}from"react";import{Alert as cT,ChevronDownIcon as mT,ChevronUpIcon as dT,IconButton as fT}from"@rango-dev/ui";import zr,{useState as gT}from"react";function Hm(t){let{message:e}=t,[o,n]=gT(!1);return zr.createElement(cT,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&zr.createElement(fT,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?zr.createElement(dT,{size:12,color:"gray"}):zr.createElement(mT,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}i(Hm,"FailedAlert");import{styled as hT}from"@rango-dev/ui";var Gm=hT("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as Vm}from"@lingui/core";import{Alert as ua,Button as jm}from"@rango-dev/ui";import{PendingSwapNetworkStatus as ca}from"rango-types";import Ro from"react";function Xm(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?Ro.createElement(ua,{type:"warning",title:n.shortMessage,action:Ro.createElement(jm,{size:"xxsmall",type:"warning",onClick:()=>{o(ca.WaitingForNetworkChange),e().catch(s=>{console.log(s)})}},Vm.t("Change"))}):r===ca.WaitingForConnectingWallet?Ro.createElement(ua,{type:"warning",title:n.shortMessage,action:Ro.createElement(jm,{size:"xxsmall",type:"warning",onClick:()=>{o(ca.WaitingForConnectingWallet)}},Vm.t("Connect"))}):Ro.createElement(ua,{type:"warning",title:n.shortMessage})}i(Xm,"WarningAlert");function ma(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:s,hasAlreadyProceededToSign:a}=t,l=bo(s),p=s.status==="waitingForApproval"&&!l,u=s.status==="running"&&!l,c=u&&!a||p&&!s.explorerUrl?.length;return Ot.createElement(Gm,null,s.explorerUrl?.map((d,m,h)=>{let C=m+d.url,S=m===h.length-1,y=(S&&u||p)&&!c,f=S&&s.status==="failed";return Ot.createElement(TT,{key:C},Ot.createElement(Km,{type:S&&(y&&"loading"||f&&"error")||"success",title:d.description?`${d.description} Tx`:yT.t("View transaction"),action:d.url&&Ot.createElement(ST,{variant:"ghost",size:"xsmall",onClick:()=>window.open(d.url,"_blank")},Ot.createElement(CT,{size:12}))}))}),c&&Ot.createElement(Km,{type:"loading",title:r.shortMessage}),s.status!=="failed"&&l&&Ot.createElement(Xm,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),s.status==="failed"&&Ot.createElement(Hm,{message:r}))}i(ma,"SwapDetailsAlerts");var Ym=2e3;var Jm=i(({swap:t,blockchains:e,swappers:o,...n})=>{let r=t.hasAlreadyProceededToSign!==!1;return t.steps.map((s,a)=>{let l=a===0?t.inputAmount:t.steps[a-1].outputAmount||t.steps[a-1].expectedOutputAmountHumanReadable;return{from:{token:{displayName:s.fromSymbol,image:s.fromLogo??""},chain:{displayName:Ve(s.fromBlockchain,e)??"",image:s.fromBlockchainLogo??""},price:{value:E(l,6,6),realValue:l}},to:{token:{displayName:s.toSymbol,image:s.toLogo},chain:{displayName:Ve(s.toBlockchain,e)??"",image:s.toBlockchainLogo??""},price:{value:E(s.outputAmount||s.expectedOutputAmountHumanReadable,6,6),realValue:s.outputAmount||s.expectedOutputAmountHumanReadable}},swapper:{displayName:vo(s.swapperId,o),image:s.swapperLogo??"",type:s.swapperType},internalSwaps:s.internalSwaps?s.internalSwaps.map(p=>({from:{blockchain:Ve(p.fromBlockchain,e)??""},to:{blockchain:Ve(p.toBlockchain,e)??""},swapper:{displayName:vo(p.swapperId,o),image:p.swapperLogo??"",type:p.swapperType}})):[],alerts:kT.createElement(ma,{step:s,hasAlreadyProceededToSign:r,...n})}})},"getSteps");function Zm(t){if(bo(t)&&t.status!=="failed"&&t.status!=="success")return"warning";switch(t.status){case"created":return"default";case"approved":case"waitingForApproval":case"running":return"in-progress";case"failed":return"error";case"success":return"completed"}}i(Zm,"getStepState");import{css as en,darkTheme as wT,styled as Rt}from"@rango-dev/ui";var Rm=Rt("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),Qr=Rt("div",{width:"100%"}),ed=Rt(Ao,{padding:"$0 $20 $20 $20"}),VU=Rt("div",{display:"flex",flexDirection:"column",gap:"$10"}),td=Rt("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),jU=Rt("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1}),yo=en({display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",padding:"$10 $20",borderBottom:"1px solid",$$color:"$colors$neutral300",[`.${wT} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color",color:"$neutral500"}),od=en({padding:"$5 0"}),Hr=en({display:"flex",justifyContent:"center",alignItems:"center",height:"$24"}),nd=en({display:"flex",width:"100%",padding:"$15 $20 $20",flexDirection:"column",alignItems:"start"}),rd=en({width:"100%",padding:"0 $20 $10"}),id=Rt("a",{fontSize:"$16",fontWeight:"$400",color:"$neutral700",display:"flex",alignItems:"center",justifyContent:"center"});function da(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:s,connect:a,getWalletInfo:l}=BT(),p=g().blockchains(),u=g().swappers(),c=g().tokens(),d=Q.use.retry(),m=ee.use.isActiveTab(),h=$T(),[C,S]=NT(Ym),y=PT(null),[f,x]=pd(null),[k,v]=pd(null),I=i(()=>{r(),x(null)},"onCancel"),b=Oe.use.getUnreadNotifications(),T=Oe.use.setAsRead(),w=b(),W=vT(e),L=W?.networkStatus;ld(()=>{w.find(st=>st.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(v(e.status),T(e.requestId))},[e.status]),ld(()=>{A?x(Gr.WaitingForNetworkChange):L===Gr.WaitingForConnectingWallet||L===Gr.NetworkChanged?x(L):x(null)},[L]);let B=Ll(e),q=W?xT(e,W):null,ae=W?bT(e,W):null,fe=_m(e),D=Ml(e),V=i(ge=>!!l(ge)?.mobileWallet,"isMobileWallet"),A=L===Gr.WaitingForNetworkChange&&!!q&&!!ae?.walletType&&(V(ae.walletType)||s(ae.walletType,q)),M=A?a.bind(null,ae.walletType,q):void 0,ce=Wl(e,W),H=Jm({swap:e,switchNetwork:M,showNetworkModal:L,setNetworkModal:x,message:ce,blockchains:p,swappers:u}),j=H.length,[Se,ve]=[e.steps[0],e.steps[j-1]],be=ve.outputAmount||ve.expectedOutputAmountHumanReadable,gt=e.steps.reduce((ge,st)=>ge+parseFloat(st.feeInUsd||""),0),G=e.steps.find(ge=>ge.diagnosisUrl)?.diagnosisUrl,J=E(parseFloat(E(be,6,6))*(ve.toUsdPrice||0),4,4),R=E(parseFloat(e.inputAmount)*(Se.fromUsdPrice||0),4,4),Ae=be?le(new ad(be).multipliedBy(ve.toUsdPrice||0)):"",He=le(new ad(e.inputAmount).multipliedBy(Se.fromUsdPrice||0)),Ce=je(R,J),De=e.status==="success"?It.t({id:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:E(be,6,6),token:H[j-1].to.token.displayName,conciseAddress:fn(e.wallets[H[j-1].to.chain.displayName]?.address||""),chain:H[j-1].to.chain.displayName}}):`${It.t("Transaction was not sent.")} ${B?It.t({id:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:B.outputAmount,symbol:B.symbol,blockchain:B.blockchain}}):""}`;return Z.createElement(ne,{header:{title:It.t("Swap and Bridge"),onCancel:e.status==="running"?()=>x("cancel"):void 0,suffix:e.status!=="running"&&Z.createElement(io,null,Z.createElement(sd,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>x("delete")},Z.createElement(So,{size:"medium",variant:"label",color:"error"},It.t("Delete"))))},footer:D&&!k&&Z.createElement(sd,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{d(e,{blockchains:p,tokens:c}),setTimeout(()=>{h("../../")},0)}},It.t("Try again"))},Z.createElement(ie,{compact:!0,view:!0},Z.createElement(Qr,null,Z.createElement("div",{className:yo()},Z.createElement(So,{variant:"label",size:"large",color:"neutral700"},`${It.t("Request ID")}:`),Z.createElement("div",{className:Hr()},Z.createElement(So,{variant:"label",size:"small",color:"neutral700"},o),Z.createElement(ET,{variant:"ghost",onClick:S.bind(null,o||"")},Z.createElement(IT,{size:16,color:"gray"})),Z.createElement(id,{target:"_blank",href:`${wa}/swap/${o}`},Z.createElement(WT,{size:16})))),Z.createElement("div",{className:yo()},Z.createElement(So,{variant:"label",size:"large",color:"neutral700"},`${It.t(e.finishTime?"Finished at":"Created at")}:`),Z.createElement(So,{variant:"label",size:"small",color:"neutral700"},fe))),Z.createElement("div",{className:nd()},Z.createElement(LT,{fee:E(String(gt),2,2),time:sn(an(e.steps)),steps:j}),Z.createElement(Po,{from:{price:{value:E(e.inputAmount,6,6),usdValue:R,realUsdValue:He,realValue:e.inputAmount},token:{displayName:H[0].from.token.displayName,image:H[0].from.token.image},chain:{image:H[0].from.chain.image,displayName:H[0].from.chain.displayName}},to:{price:{value:E(be,6,6),usdValue:J,realUsdValue:Ae,realValue:be},token:{displayName:H[j-1].to.token.displayName,image:H[j-1].to.token.image},chain:{image:H[j-1].to.chain.image,displayName:H[j-1].to.chain.displayName}},percentageChange:E(Ce,2,2),warningLevel:yt(Ce??0)})),Z.createElement("div",{className:rd()},Z.createElement(So,{variant:"title",size:"small"},It.t("Swaps steps"))),Z.createElement(AT,{size:8}),Z.createElement(ed,{ref:y},H.map((ge,st)=>{let Ta=st,Co=Zm(e.steps[st]),Wd=Co==="error"||Co==="in-progress"||Co==="warning"||Co==="completed"&&st===H.length-1;return Z.createElement(MT,{key:Ta,step:ge,type:"swap-progress",ref:y,state:Co,hasSeparator:st!==0,tabIndex:Ta,isFocused:Wd,tooltipContainer:N()})}))),Z.createElement(sa,{state:f,onClose:()=>x(null),onCancel:I,onDelete:n,message:ce.detailedMessage.content,currentStepWallet:ae,walletButtonDisabled:!m}),Z.createElement(pa,{open:!!k,diagnosisUrl:G,onClose:()=>v(null),status:e.status==="success"?"success":"failed",priceValue:E(be,6,6),usdValue:J,realUsdValue:Ae,realValue:le(be),percentageChange:E(Ce,2,2),token:{displayName:H[j-1].to.token.displayName,image:H[j-1].to.token.image},chain:{image:H[j-1].to.chain.image},description:De}))}i(da,"SwapDetails");import{i18n as jr}from"@lingui/core";import{Divider as md,NotFound as OT,Skeleton as on,Typography as Xr}from"@rango-dev/ui";import ue from"react";import{i18n as _T}from"@lingui/core";import{Divider as DT,Skeleton as FT,Typography as UT}from"@rango-dev/ui";import de from"react";import{css as it,styled as fa}from"@rango-dev/ui";var ud=fa("div",{width:"100%",height:"100%",padding:"$10 $20"}),tn=fa("div",{backgroundColor:"$neutral100",borderRadius:"$xm",padding:"$10 $15"}),Vr=fa("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"}),IO=it({display:"flex",justifyContent:"space-between",alignItems:"center"}),AO=it({display:"flex",justifyContent:"space-between",alignItems:"center"}),EO=it({paddingTop:"$15",display:"flex"}),WO=it({padding:"$15 $0"}),LO=it({width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"}),MO=it({paddingBottom:"$10"}),NO=it({display:"flex",justifyContent:"start",alignItems:"center"}),BO=it({paddingTop:"$5",display:"flex",alignItems:"center"}),PO=it({display:"flex",alignItems:"center"}),$O=it({padding:"$4 $6",display:"flex",justifyContent:"center",alignItems:"center"}),cd=it({display:"flex",paddingTop:"$10",paddingBottom:"$5"});function ga(){return de.createElement(ud,null,de.createElement(Fo,{type:"swap-preview"}),de.createElement("div",{className:"swaps-steps"},de.createElement(UT,{variant:"title",size:"small"},_T.t("Swaps steps"))),de.createElement(de.Fragment,null,de.createElement(tn,null,de.createElement(dt,{separator:!1}),de.createElement("div",{className:cd()},de.createElement(DT,{direction:"horizontal",size:20}),de.createElement(FT,{height:22,variant:"rectangular"}))),de.createElement(Vr,null),de.createElement(tn,null,de.createElement(dt,{separator:!1})),de.createElement(Vr,null),de.createElement(tn,null,de.createElement(dt,{separator:!1})),de.createElement(Vr,null),de.createElement(tn,null,de.createElement(dt,{separator:!1}))))}i(ga,"LoadingSwapDetails");function dd(t){let{requestId:e,showSkeleton:o}=t;return ue.createElement(ne,{header:{title:jr.t("Swap and Bridge"),suffix:ue.createElement(io,null)}},o&&ue.createElement(Rm,null,ue.createElement(Qr,null,ue.createElement("div",{className:yo()},ue.createElement(Xr,{variant:"label",size:"large",color:"neutral700"},`${jr.t("Request ID")}:`),ue.createElement("div",{className:Hr()},ue.createElement(Xr,{variant:"label",size:"small",color:"neutral700"},ue.createElement(on,{width:60,height:10,variant:"rounded"})),ue.createElement(md,{direction:"horizontal",size:4}),ue.createElement(on,{width:16,height:16,variant:"rectangular"}),ue.createElement(md,{direction:"horizontal",size:4}),ue.createElement(on,{width:16,height:16,variant:"rectangular"}))),ue.createElement("div",{className:yo()},ue.createElement(Xr,{className:od(),variant:"label",size:"large",color:"neutral700"},ue.createElement(on,{width:60,height:10,variant:"rounded"})),ue.createElement(Xr,{variant:"label",size:"small",color:"neutral700"},ue.createElement(on,{width:60,height:10,variant:"rounded"})))),ue.createElement(ga,null)),!o&&ue.createElement(td,null,ue.createElement(OT,{title:jr.t("Not found"),description:jr.t({id:"Swap with request ID = {requestId} not found.",values:{requestId:e}})})))}i(dd,"SwapDetailsPlaceholder");function fd(){let{manager:t,state:e}=QT(),o=!e.loadedFromPersistor,n=Nt(t),{requestId:r}=GT(),s=ut(),{fetchStatus:a}=g();if(!r)return ha.createElement(HT,{containerStyles:{margin:"20px"},type:"error",title:qT.t("The request ID is necessary to display the swap details.")});let l=o||a==="loading",p=r?n.find(({swap:m})=>m.requestId===r):void 0,u=i(()=>{if(p?.id){let m=t?.get(p.id);m&&zT(m)}},"onCancel"),c=i(async()=>{if(p?.id)try{t?.deleteQueue(p.id),s()}catch(m){console.log(m)}},"onDelete"),d=p?.swap;return!d||l?ha.createElement(dd,{requestId:r,showSkeleton:l}):ha.createElement(da,{swap:d,requestId:r,onCancel:u,onDelete:c})}i(fd,"SwapDetailsPage");function gd(){return Ol(),ki(),VT([{path:F.home,element:Ue.createElement(qc,null)},{path:F.routes,element:Ue.createElement(Vc,null)},{path:F.fromSwap,children:[{index:!0,element:Ue.createElement(Ks,{type:"source"})},{path:F.blockchains,element:Ue.createElement(Ns,{type:"source"})}]},{path:F.toSwap,children:[{index:!0,element:Ue.createElement(Ks,{type:"destination"})},{path:F.blockchains,element:Ue.createElement(Ns,{type:"destination"})}]},{path:F.settings,children:[{index:!0,element:Ue.createElement(Pm,null)},{path:F.languages,element:Ue.createElement(Qc,null)},{path:F.exchanges,element:Ue.createElement(Es,{sourceType:"Exchanges"})},{path:F.bridges,element:Ue.createElement(Es,{sourceType:"Bridges"})}]},{path:F.swaps,children:[{index:!0,element:Ue.createElement(wc,null)},{path:F.swapDetails,element:Ue.createElement(fd,null)}]},{path:F.wallets,element:Ue.createElement(Fp,null)},{path:F.confirmSwap,element:Ue.createElement(uc,null)}])}i(gd,"AppRoutes");import{isApprovalTX as jT,MainEvents as hd,RouteEventType as yd,StepEventType as Sd,StepExecutionEventStatus as XT,useEvents as KT}from"@rango-dev/queue-manager-rango-preset";import{useEffect as Cd}from"react";function Td(){let t=g().tokens(),e=K.use.connectedWallets(),o=K.use.getWalletsDetails(),n=Oe.use.setNotification(),r=KT();return Cd(()=>(r.on(hd.StepEvent,s=>{let{event:a,step:l,route:p}=s;if(a.type===Sd.TX_EXECUTION&&a.status===XT.TX_SENT&&!jT(l)||a.type===Sd.SUCCEEDED){let c=e.find(m=>m.chain===l?.fromBlockchain),d=l?.fromBlockchain!==l?.toBlockchain&&e.find(m=>m.chain===l?.toBlockchain);c&&o([c],t),d&&o([d],t)}n(a,p)}),()=>r.all.clear()),[r,e.length]),Cd(()=>(r.on(hd.RouteEvent,s=>{let{event:a,route:l}=s;(a.type===yd.FAILED||a.type===yd.SUCCEEDED)&&n(a,l)}),()=>r.all.clear()),[r,e.length]),null}i(Td,"WidgetEvents");import{globalCss as YT}from"@rango-dev/ui";var kd=i(()=>YT({"@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");function wd(){let{setWatermark:t}=ee();return{fetchApiConfig:i(async()=>{let o=await fetch(`${ht("BASE_URL")}/meta/dapp/config?apiKey=${ht("API_KEY")}`);if(!o.ok)throw new Error(`Request failed with status: ${o.status} `);let n=await o.json();t(n.config.watermark)},"fetchApiConfig")}}i(wd,"useFetchApiConfig");import{styled as JT}from"@rango-dev/ui";var xd=JT("div",{display:"flex",justifyContent:"center",alignItems:"center",fontFamily:"$widget",boxSizing:"border-box",textAlign:"left","& *, *::before, *::after":{boxSizing:"inherit"},"& *:focus-visible":{outlineColor:"$info500",transition:"none"},"& ul, ol, li":{listStyleType:"none"}});function Kr(){kd();let{config:t}=g(),{activeTheme:e}=Hn(t?.theme||{}),{activeLanguage:o}=fo(),[n,r]=vd(""),[s,a]=vd(),l=RT(kn),{fetchApiConfig:p}=wd();return ek(()=>{Oe.persist.rehydrate(),l.onConnectWallet(r),p().catch(console.log)},[]),nn.createElement(ZT,{language:o},nn.createElement(xd,{id:"swap-container",className:e()},nn.createElement(Td,null),nn.createElement(cl,{lastConnectedWallet:n,disconnectedWallet:s,clearDisconnectedWallet:()=>{a(void 0)}},nn.createElement(gd,null))))}i(Kr,"Main");import Sa,{useMemo as Sk}from"react";import{checkWaitingForNetworkChange as tk,makeQueueDefinition as ok}from"@rango-dev/queue-manager-rango-preset";import{Provider as nk}from"@rango-dev/queue-manager-react";import{useWallets as rk}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as ik}from"@rango-dev/wallets-shared";import{isEvmBlockchain as sk}from"rango-types";import ak,{useMemo as lk}from"react";function pk(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:s,getWalletInfo:a}=rk(),l=lk(()=>ok({API_KEY:t.apiKey||ht("API_KEY"),BASE_URL:ht("BASE_URL")}),[t.apiKey]),p=g().blockchains(),c={blockchains:K.use.connectedWallets().map(k=>({accounts:[k],name:k.chain}))},d=i(async(k,v)=>{if(s(k,v))return r(k,v)},"switchNetwork"),m=i(k=>!!a(k).mobileWallet,"isMobileWallet"),h=p.filter(k=>k.enabled).reduce((k,v)=>(k[v.name]=v,k),{}),C=p.filter(sk),S=i(k=>{let{supportedChains:v}=a(k);return un(v)},"getSupportedChainNames"),y=e(),f={meta:{blockchains:h,evmBasedChains:C,evmNetworkChainInfo:ik(C),getSupportedChainNames:S},getSigners:o,wallets:c,providers:y,switchNetwork:d,canSwitchNetworkTo:s,connect:r,state:n,isMobileWallet:m},x=ee.use.isActiveTab();return ak.createElement(nk,{queuesDefs:[l],context:f,onPersistedDataLoaded:k=>{tk(k)},isPaused:!x},t.children)}i(pk,"QueueManager");var bd=pk;import{useManager as fk}from"@rango-dev/queue-manager-react";import gk,{createContext as hk,useContext as yk}from"react";import{cancelSwap as uk,getCurrentBlockchainOfOrNull as ck,getCurrentStep as mk,getRelatedWalletOrNull as dk}from"@rango-dev/queue-manager-rango-preset";var Yr=class{static{i(this,"WidgetHistory")}manager;actions;constructor(e,o){this.manager=e,this.actions=o}getAllSwaps(){return Nt(this.manager)}getCurrentStep(e){return this.getCurrentStepInfo(e).step}getCurrentStepWallet(e){return this.getCurrentStepInfo(e).wallet}getCurrentStepNetwork(e){return this.getCurrentStepInfo(e).network}retry(e,o){return this.actions.retrySwap(e,o)}cancel(e){let o=this.manager?.get(e);o&&uk(o)}getCurrentStepInfo(e){let o=mk(e);return{step:o,wallet:o?dk(e,o):null,network:o?ck(e,o):null}}};var Id=hk(void 0);function ya(t){let{manager:e}=fk(),o=ee.use.isActiveTab(),n=Q.use.retry(),r=new Yr(e,{retrySwap:n}),s=K.use.connectedWallets(),a=K.use.loading(),l=Na(s),p=K.use.getWalletsDetails(),u=g().blockchains(),c=g().tokens(),d=g().swappers(),m=g().fetchStatus,h=fo().resetLanguage,C=Oe().getUnreadNotifications(),S={isActiveTab:o,setCurrentTabAsActive:zt.forceClaim,history:r,wallets:{isLoading:a,details:s,totalBalance:l,refetch:p},meta:{blockchains:u,tokens:c,swappers:d,loadingStatus:m},resetLanguage:h,notifications:{list:C}};return gk.createElement(Id.Provider,{value:S},t.children)}i(ya,"WidgetInfo");function Ad(){let t=yk(Id);if(!t)throw new Error("useWidget can only be used within the WidgetProvider component");return t}i(Ad,"useWidget");function Jr(t){let{onUpdateState:e,config:o}=t;return Sk(()=>{Fa({API_KEY:o?.apiKey||rn,BASE_URL:o?.apiUrl||ka})},[o.apiKey,o.apiUrl]),Sa.createElement(wn,{config:o,onUpdateState:e},Sa.createElement(bd,{apiKey:o.apiKey},Sa.createElement(ya,null,t.children)))}i(Jr,"WidgetProvider");function Ed(t){return Ck(()=>(zt.init(),zt.destroy),[]),t.config?.externalWallets?Ca.createElement(Kr,null):Ca.createElement(Jr,{config:t.config??ri},Ca.createElement(Kr,null))}i(Ed,"Widget");export{lQ as EventSeverity,pQ as MainEvents,CQ as Networks,wQ as PendingSwapNetworkStatus,uQ as RouteEventType,cQ as StepEventType,mQ as StepExecutionBlockedEventStatus,dQ as StepExecutionEventStatus,Te as UI_ID,yQ as WalletEvents,TQ as WalletTypes,Ed as Widget,Jr as WidgetProvider,wn as WidgetWallets,Ei as customizedThemeTokens,hQ as readAccountAddress,Gp as useWallets,Ad as useWidget,fQ as useWidgetEvents};
|
|
3
3
|
//# sourceMappingURL=index.js.map
|