@rango-dev/widget-embedded 0.42.3-next.2 → 0.42.3-next.3
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/NoResult/NoResult.d.ts.map +1 -1
- package/dist/components/NoResult/NoResult.types.d.ts +1 -0
- package/dist/components/NoResult/NoResult.types.d.ts.map +1 -1
- package/dist/components/QuoteWarningsAndErrors/QuoteWarningsAndErrors.d.ts.map +1 -1
- package/dist/components/QuoteWarningsAndErrors/QuoteWarningsAndErrors.helpers.d.ts +5 -3
- package/dist/components/QuoteWarningsAndErrors/QuoteWarningsAndErrors.helpers.d.ts.map +1 -1
- package/dist/components/QuoteWarningsAndErrors/QuoteWarningsAndErrors.styles.d.ts +440 -0
- package/dist/components/QuoteWarningsAndErrors/QuoteWarningsAndErrors.styles.d.ts.map +1 -1
- package/dist/components/QuoteWarningsAndErrors/QuoteWarningsAndErrors.types.d.ts +2 -0
- package/dist/components/QuoteWarningsAndErrors/QuoteWarningsAndErrors.types.d.ts.map +1 -1
- package/dist/components/QuoteWarningsAndErrors/SlippageWariningModal.d.ts.map +1 -1
- package/dist/components/Slippage/Slippage.d.ts.map +1 -1
- package/dist/components/Slippage/Slippage.styles.d.ts +162 -0
- package/dist/components/Slippage/Slippage.styles.d.ts.map +1 -1
- package/dist/components/SlippageWarningsAndErrors/SlippageWarningsAndErrors.d.ts +4 -0
- package/dist/components/SlippageWarningsAndErrors/SlippageWarningsAndErrors.d.ts.map +1 -0
- package/dist/components/SlippageWarningsAndErrors/SlippageWarningsAndErrors.helpers.d.ts +8 -0
- package/dist/components/SlippageWarningsAndErrors/SlippageWarningsAndErrors.helpers.d.ts.map +1 -0
- package/dist/components/SlippageWarningsAndErrors/SlippageWarningsAndErrors.types.d.ts +4 -0
- package/dist/components/SlippageWarningsAndErrors/SlippageWarningsAndErrors.types.d.ts.map +1 -0
- package/dist/components/SwapMetrics/SwapMetrics.constants.d.ts +5 -0
- package/dist/components/SwapMetrics/SwapMetrics.constants.d.ts.map +1 -0
- package/dist/components/SwapMetrics/SwapMetrics.d.ts +4 -0
- package/dist/components/SwapMetrics/SwapMetrics.d.ts.map +1 -0
- package/dist/components/SwapMetrics/SwapMetrics.helpers.d.ts +11 -0
- package/dist/components/SwapMetrics/SwapMetrics.helpers.d.ts.map +1 -0
- package/dist/components/SwapMetrics/SwapMetrics.styles.d.ts +482 -0
- package/dist/components/SwapMetrics/SwapMetrics.styles.d.ts.map +1 -0
- package/dist/components/SwapMetrics/SwapMetrics.types.d.ts +27 -0
- package/dist/components/SwapMetrics/SwapMetrics.types.d.ts.map +1 -0
- package/dist/components/SwapMetrics/index.d.ts +2 -0
- package/dist/components/SwapMetrics/index.d.ts.map +1 -0
- 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.map +1 -1
- package/dist/store/AppStore.d.ts +2 -0
- package/dist/store/AppStore.d.ts.map +1 -1
- package/dist/store/app.d.ts +2 -0
- package/dist/store/app.d.ts.map +1 -1
- package/dist/store/slices/settings.d.ts +3 -0
- package/dist/store/slices/settings.d.ts.map +1 -1
- package/dist/utils/settings.d.ts +2 -1
- package/dist/utils/settings.d.ts.map +1 -1
- package/dist/widget-embedded.build.json +1 -1
- package/package.json +1 -1
- package/src/components/NoResult/NoResult.tsx +4 -1
- package/src/components/NoResult/NoResult.types.ts +1 -0
- package/src/components/Quote/Quote.tsx +1 -1
- package/src/components/QuoteWarningsAndErrors/QuoteWarningsAndErrors.helpers.ts +29 -4
- package/src/components/QuoteWarningsAndErrors/QuoteWarningsAndErrors.styles.ts +10 -1
- package/src/components/QuoteWarningsAndErrors/QuoteWarningsAndErrors.tsx +38 -7
- package/src/components/QuoteWarningsAndErrors/QuoteWarningsAndErrors.types.ts +2 -0
- package/src/components/QuoteWarningsAndErrors/SlippageWariningModal.tsx +20 -21
- package/src/components/Slippage/Slippage.styles.ts +23 -0
- package/src/components/Slippage/Slippage.tsx +26 -20
- package/src/components/SlippageWarningsAndErrors/SlippageWarningsAndErrors.helpers.ts +33 -0
- package/src/components/SlippageWarningsAndErrors/SlippageWarningsAndErrors.tsx +48 -0
- package/src/components/SlippageWarningsAndErrors/SlippageWarningsAndErrors.types.ts +3 -0
- package/src/components/SwapMetrics/SwapMetrics.constants.ts +4 -0
- package/src/components/SwapMetrics/SwapMetrics.helpers.ts +76 -0
- package/src/components/SwapMetrics/SwapMetrics.styles.ts +32 -0
- package/src/components/SwapMetrics/SwapMetrics.tsx +134 -0
- package/src/components/SwapMetrics/SwapMetrics.types.ts +26 -0
- package/src/components/SwapMetrics/index.ts +1 -0
- package/src/hooks/useSwapInput.ts +1 -1
- package/src/pages/ConfirmSwapPage.tsx +6 -1
- package/src/pages/Home.tsx +61 -12
- package/src/store/app.ts +1 -0
- package/src/store/slices/settings.ts +11 -0
- package/src/utils/settings.ts +11 -4
package/dist/index.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
var Vy=Object.defineProperty;var i=(t,e)=>Vy(t,"name",{value:e,configurable:!0});import{EventSeverity as j7,RouteEventType as X7,StepEventType as Y7,StepExecutionBlockedEventStatus as Z7,StepExecutionEventStatus as J7}from"@rango-dev/queue-manager-rango-preset";import{legacyReadAccountAddress as e9}from"@rango-dev/wallets-core/legacy";import{useWallets as Ai,Events as o9}from"@rango-dev/wallets-react";import{Networks as r9,WalletTypes as i9}from"@rango-dev/wallets-shared";import{PendingSwapNetworkStatus as s9}from"rango-types";import{Divider as nT}from"@rango-dev/ui";import Zt,{useEffect as rT,useRef as iT,useState as xu}from"react";import{WalletState as sS}from"@rango-dev/ui";import{useWallets as lS}from"@rango-dev/wallets-react";import{useReducer as cS}from"react";import{BlockchainCategories as eS,WalletState as nt}from"@rango-dev/ui";import{legacyReadAccountAddress as tS}from"@rango-dev/wallets-core/legacy";import{detectInstallLink as oS,getCosmosExperimentalChainInfo as nS,isEvmAddress as rS,KEPLR_COMPATIBLE_WALLETS as S0,Networks as lp}from"@rango-dev/wallets-shared";import Fo from"bignumber.js";import{isCosmosBlockchain as iS}from"rango-types";import Ky from"bignumber.js";var pe=new Ky(0);import{WalletTypes as jy}from"@rango-dev/wallets-shared";var go="~",jc=[jy.LEAP];import{BlockchainCategories as Na,WalletState as Ry}from"@rango-dev/ui";import{TransactionType as Wr}from"rango-sdk";import{UI_ID as Xy}from"@rango-dev/ui";var Br="c6381a79-2817-4602-83bf-6a641a409e32",Xc="https://api.rango.exchange",Yc="https://explorer.rango.exchange",Ue={SWAP_BOX_ID:"rango-swap-box",EXPANDED_BOX_ID:"rango-expanded-box",...Xy};var Zc="Roboto",Aa=[{name:"Roboto",value:"Roboto",url:""},{name:"Times New Roman",value:"Times New Roman",url:"https://fonts.cdnfonts.com/css/times-new-roman"},{name:"Arial",value:"Arial",url:""},{name:"Open Sans",value:"Open Sans",url:"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap"},{name:"Noto Sans",value:"Noto Sans",url:"https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap"},{name:"Montserrat",value:"Montserrat",url:"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap"},{name:"Poppins",value:"Poppins",url:"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"},{name:"Roboto Condensed",value:"Roboto Condensed",url:"https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap"},{name:"Roboto Mono",value:"Roboto Mono",url:"https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap"},{name:"Oswald",value:"Oswald",url:"https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap"},{name:"Raleway",value:"Raleway",url:"https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap"},{name:"Sedan",value:"Sedan",url:"https://fonts.googleapis.com/css2?family=Sedan:ital@0;1&display=swap"},{name:"Inter",value:"Inter",url:"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap"},{name:"Rubik",value:"Rubik",url:"https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap"},{name:"Lora",value:"Lora",url:"https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&display=swap"},{name:"Barlow Condensed",value:"Barlow Condensed",url:"https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"}];function $o(t){return Array.from(new Set(t))}i($o,"removeDuplicateFrom");function Lr(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}i(Lr,"debounce");function ot(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}i(ot,"containsText");function ep(t,e){return t.toLowerCase()===e.toLowerCase()}i(ep,"exactText");function tp(t,e){return t.toLowerCase().startsWith(e.toLowerCase())}i(tp,"startWithText");var N=i(()=>document.getElementById(Ue.SWAP_BOX_ID),"getContainer"),ho=i(()=>document.getElementById(Ue.EXPANDED_BOX_ID),"getExpanded");function op(t,e,o){let n=!!e&&ep(e,t),r=!!o&&ep(o,t);return n!==r?n?-1:1:0}i(op,"compareExactMatchText");function Ba(t,e,o){let n=!!e&&ot(e,t),r=!!o&&ot(o,t);return n!==r?n?-1:1:n&&r&&e?.length!==o?.length?e?.length-o?.length:0}i(Ba,"compareContainsText");function Wa(t,e,o){let n=!!e&&tp(e,t),r=!!o&&tp(o,t);return n!==r?n?-1:1:n&&r&&e?.length!==o?.length?e?.length-o?.length:0}i(Wa,"compareStartWithText");function np(t,e,o){if(!o)return 0;let n=op(o,t.symbol,e.symbol);if(n)return n;if(o.length>=3){let r=op(o,t.name,e.name);if(r)return r}if(o.length>=2){let r=Wa(o,t.symbol,e.symbol);if(r)return r}if(o.length>=3){let r=Ba(o,t.symbol,e.symbol);if(r)return r}if(o.length>=3){let r=Wa(o,t.name,e.name);if(r)return r}if(o.length>=3){let r=Ba(o,t.name,e.name);if(r!==0)return r}if(o.length>=4){let r=Wa(o,t.address,e.address);if(r)return r}if(o.length>=4){let r=Ba(o,t.address,e.address);if(r!==0)return r}return 0}i(np,"compareWithSearchFor");var Mr=i((t,e)=>{switch(e){case Na.ALL:return!0;case Na.UTXO:return t===Wr.TRANSFER;case Na.OTHER:return t!==Wr.TRANSFER&&t!==Wr.COSMOS&&t!==Wr.EVM;default:return t===e}},"isBlockchainTypeInCategory"),rp=i(t=>Aa.find(o=>o.value===t)?.url,"getFontUrlByName");function ip(t,e){let o=!!t.find(n=>n.state===Ry.CONNECTED);return e===!1&&o}i(ip,"isSingleWalletActive");function ap(){let t,e;return(o,n)=>((!e||!t||t!==n)&&(t=n,e=o()),e)}i(ap,"memoizedResult");import{BigNumber as sp}from"bignumber.js";var bn=i(t=>{let e=Math.floor(t%60/15)*15,o=parseInt((t/60).toString());return o>=60?`${Math.floor(o/5)*5}:00`:`${o.toString().padStart(2,"0")}:${e.toString().padStart(2,"0")}`},"roundedSecondsToString"),M=i((t,e=null,o=null)=>{if(t==null||t==="")return"";let n=new sp(t),r=1,a=1e3;for(let s=0;s<60;s++)if(new sp(n.toFixed(s,r)).eq(n)){a=s;break}if(n.gte(1e4))return n.toFormat(0,r);if(n.gte(1e3)||n.gte(100))return n.toFormat(Math.min(a,Math.min(o||100,Math.max(e||0,1))),r);if(n.gte(1))return n.toFormat(Math.min(a,Math.min(o||100,Math.max(e||0,2))),r);if(n.gte(.01))return n.toFormat(Math.min(a,Math.min(o||100,Math.max(e||0,4))),r);for(let s=e||4;s<17;s++)if(n.gte(Math.pow(10,-s)))return n.toFormat(Math.min(a,Math.min(o||100,Math.max(e||0,s))),r);return n.isEqualTo(0)?"0":n.toFormat(Math.min(a,Math.min(o||100,Math.max(e||0,8))),r)},"numberToString");var Pr=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"),xn=i(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function En(t){return t.connected?nt.CONNECTED:t.connecting?nt.CONNECTING:t.installed?nt.DISCONNECTED:nt.NOT_INSTALLED}i(En,"mapStatusToWalletState");function cp(t,e,o,n){return o.filter(r=>!jc.includes(r)).filter(r=>{let{supportedChains:a,isContractWallet:s}=e(r),{installed:l,network:c}=t(r);return s&&(!l||!!n&&c!==n)?!1:n?!!a.find(p=>p.name===n):!0}).map(r=>{let{name:a,img:s,installLink:l,showOnMobile:c,needsNamespace:u,supportedChains:p,needsDerivationPath:m,properties:h,isHub:f}=e(r),d=$o(p.map(S=>S.type)),g=En(t(r));return{title:a,image:s,link:oS(l),state:g,type:r,showOnMobile:c,needsNamespace:u,blockchainTypes:d,needsDerivationPath:m,properties:h,isHub:f}})}i(cp,"mapWalletTypesToWalletInfo");function In(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}i(In,"walletAndSupportedChainsNames");function Ma(t,e,o,n,r){let a=[];function s(c,u,p){if(!!!a.find(h=>h.chain===c)){let h={address:u,chain:c,walletType:t,isContractWallet:p??!1};a.push(h)}}i(s,"addAccount");let l=n||[];return e.forEach(c=>{let{address:u,network:p}=tS(c),m=l.length>0,h=l.includes(p),f=p===lp.Unknown;if(m&&!h&&!f)return;let g=p===lp.Unknown&&rS(u);if(f&&!g)return;o.includes(p)||g?r?s(p,u.toLowerCase(),r):l.filter(C=>o.includes(C)).forEach(C=>{s(C,u.toLowerCase())}):s(p,u)}),a}i(Ma,"prepareAccountsForWalletStore");function yo(t){let{filter:e,quote:o}=t,n=new Set;return o?.swaps.forEach((r,a)=>{let s=r.from.blockchain,l=r.to.blockchain;if(n.add(s),r.internalSwaps){let{internalSwaps:c}=r;c.forEach((u,p)=>{let m=u.from.blockchain,h=u.to.blockchain,f=a===o.swaps.length-1,d=p===c.length-1;(!f&&!d||f&&l!==m||e==="all")&&n.add(m),e==="all"&&n.add(h)})}e==="all"&&n.add(l)}),Array.from(n)}i(yo,"getQuoteChains");function An(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}i(An,"isAccountAndWalletMatched");var pp=i(t=>{let e=Object.values(t).reduce((o,n)=>{let r=n.usdValue?La(n.usdValue,n.decimals):pe.toFixed();return o.plus(r)},new Fo(pe));return aS(e.toString())},"calculateWalletUsdValue");function aS(t){let e=t.toString().split(".");return e[0]=e[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),e.join(".")}i(aS,"numberWithThousandSeparator");var $r=i((t,e)=>{let o=nS(Object.entries(t).map(([,n])=>n).filter(iS));return o&&o[e]?.experimental},"isExperimentalChain");function La(t,e){return new Fo(t).shiftedBy(-e).toFixed()}i(La,"representAmountInNumber");function Fr(t){if(!t)return null;let e=La(t.amount,t.decimals),o=t.usdValue?La(t.usdValue,t.decimals):null,n=M(e,8,8),r=o?M(o,4,4):null;return t?{...t,amount:n,usdValue:r}:null}i(Fr,"formatBalance");function up(t,e){if(t?.usdValue||e?.usdValue){let o=t&&t.usdValue?new Fo(t.usdValue).shiftedBy(-t.decimals):pe,n=e&&e.usdValue?new Fo(e.usdValue).shiftedBy(-e.decimals):pe;return o.isEqualTo(n)?0:o.isGreaterThan(n)?-1:1}if(t?.amount||e?.amount){let o=t&&t.amount?new Fo(t.amount).shiftedBy(-t.decimals):pe,n=e&&e.amount?new Fo(e.amount).shiftedBy(-e.decimals):pe;return o.isEqualTo(n)?0:o.isGreaterThan(n)?-1:1}return 0}i(up,"compareTokenBalance");function Dt(t,e){return t?.blockchain===e?.blockchain&&t?.symbol.toLowerCase()===e?.symbol.toLowerCase()&&t?.address?.toLowerCase()===e?.address?.toLowerCase()}i(Dt,"areTokensEqual");function mp(t,e){return t.map(o=>({isPartiallyConnected:Nn(o,e(o.type).namespaces),...o})).sort((o,n)=>+(n.state===nt.CONNECTED&&!n.isPartiallyConnected)-+(o.state===nt.CONNECTED&&!o.isPartiallyConnected)||+(n.state===nt.CONNECTED)-+(o.state===nt.CONNECTED)||+(n.state===nt.DISCONNECTED||n.state===nt.CONNECTING)-+(o.state===nt.DISCONNECTED||o.state===nt.CONNECTING)).map(({isPartiallyConnected:o,...n})=>n)}i(mp,"sortWalletsBasedOnConnectionState");function Oo(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(Oo,"getConciseAddress");function dp({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}i(dp,"getAddress");var fp=i((t,e)=>!!t.find(o=>o.chain===e&&o.loading),"isFetchingBalance");function gp(t){return t.map(e=>e.state).join("-")}i(gp,"hashWalletsState");function hp(t,e){let o=new Set;return t.forEach(r=>{r.blockchainTypes.forEach(a=>{o.add(a)})}),e.filter(r=>o.has(r.type))}i(hp,"filterBlockchainsByWalletTypes");function yp(t,e){return e===eS.ALL?t:t.filter(o=>{for(let n of o.blockchainTypes)if(Mr(n,e))return!0;return!1})}i(yp,"filterWalletsByCategory");function Nn(t,e){return!t.isHub||!t.needsNamespace||t.state!==nt.CONNECTED?!1:t.needsNamespace.data.filter(r=>!r.unsupported).some(r=>!e?.get(r.value)?.connected)}i(Nn,"checkIsWalletPartiallyConnected");function Sp(t){return!!t.derivationPath}i(Sp,"isStateOnDerivationPathStep");function Cp(t){return!!t.namespace}i(Cp,"isStateOnNamespace");var Or={status:"init",namespace:null,derivationPath:null,selectedNamespaces:null};function Tp(t,e){switch(e.type){case"needsNamespace":return{...t,status:"namespace",namespace:e.payload,derivationPath:null};case"needsDerivationPath":return{...t,status:"derivationPath",derivationPath:e.payload};case"detached":return{...t,status:"detached",namespace:{targetWallet:e.payload.targetWallet},selectedNamespaces:e.payload.selectedNamespaces};case"reset":return Or;case"resetDerivation":return t.namespace?{...t,derivationPath:null,status:"namespace"}:Or;default:throw new Error("Action hasn't been defined.")}}i(Tp,"reducer");function Uo(){let{state:t,disconnect:e,connect:o}=lS(),[n,r]=cS(Tp,Or),a=i(async(p,m,h)=>{r({type:"reset"});try{let f=m?.map(d=>({...d,network:void 0}));return await o(p,f),{status:"connected"}}catch(f){let d=f?.message?`Error: ${f.message}`:"An unknown error happened during connecting wallet.";throw new Error(d,{cause:f})}},"runConnect"),s=i(async(p,m)=>{if(p.state===sS.DISCONNECTED){let f=!!p.isHub,d=p.properties?.find(g=>g.name==="detached")?.value;if(f&&!d?.length||!f&&!p.needsNamespace)return await a(p.type,void 0,m);if(f&&d?.length&&d.length>1||!f&&p.needsNamespace?.data.length&&p.needsNamespace.data.length>1)return r({type:"needsNamespace",payload:{targetWallet:p,defaultSelectedChains:m?.defaultSelectedChains}}),{status:"namespace"};if(f&&d?.length===1||!f&&p.needsNamespace?.data.length===1){if(p.needsNamespace&&p.needsDerivationPath){let g=p.needsNamespace.data[0];return r({type:"needsDerivationPath",payload:{providerType:p.type,providerImage:p.image,namespace:g.value}}),{status:"derivation-path"}}return await a(p.type,p.needsNamespace?.data.map(g=>({namespace:g.value})),m)}}if(p.isHub){let d=t(p.type).namespaces;if(Nn(p,d))return r({type:"detached",payload:{targetWallet:p,selectedNamespaces:null}}),{status:"Detached"}}return m?.disconnectIfConnected?(await u(p.type),{status:"disconnected"}):{status:"disconnected-unhandled"}},"handleConnect"),l=i(async(p,m)=>{let h=p.needsNamespace?.selection==="single",f=p.needsDerivationPath,d=m[0];if(!d)throw new Error("To confirm a namespace, you should select at least one namespace.");if(h&&f)return r({type:"needsDerivationPath",payload:{providerType:p.type,providerImage:p.image,namespace:d}}),{status:"derivation-path"};if(!Cp(n))throw new Error("Something went wrong on handling namespace. Please retry.");let g=m.map(S=>({namespace:S}));return r({type:"detached",payload:{targetWallet:p,selectedNamespaces:g?.map(S=>S.namespace)||null}}),{status:"Detached"}},"handleNamespace"),c=i(async p=>{if(!p)throw new Error("Derivation path is empty. Please make sure you've filled the field correctly.");if(!Sp(n))throw new Error("It seems you are filling derivation path without setting namespace before doing that. Please retry to connect.");let m=n.derivationPath.providerType,f=[{namespace:n.derivationPath.namespace,derivationPath:p}];return await a(m,f)},"handleDerivationPath"),u=i(async p=>{let m=t(p);return m.connected||m.connecting?(await e(p),{status:"disconnected"}):{status:"noop"}},"handleDisconnect");return{handleConnect:s,handleDisconnect:u,handleNamespace:l,handleDerivationPath:c,getState:()=>n,resetState:p=>{r(p==="derivation"?{type:"resetDerivation"}:{type:"reset"})}}}i(Uo,"useStatefulConnect");import{WalletState as Ya}from"@rango-dev/ui";import{useWallets as iC}from"@rango-dev/wallets-react";import{detectMobileScreens as aC,KEPLR_COMPATIBLE_WALLETS as sC,WalletTypes as Pn}from"@rango-dev/wallets-shared";import{useCallback as lC,useEffect as cC}from"react";import eC,{createContext as tC,useContext as oC,useEffect as nC,useRef as rC}from"react";import{create as JS}from"zustand";import{persist as RS}from"zustand/middleware";import{allProviders as pS}from"@rango-dev/provider-all";var Pa=class{static{i(this,"CacheService")}#e=new Map;get(e){return this.#e.get(e)}set(e,o){this.#e.set(e,o)}remove(e){this.#e.delete(e)}clear(){this.#e.clear()}},zo=new Pa;import{defineVersions as vp,pickVersion as wp,Provider as _a}from"@rango-dev/wallets-core";function bp({allProviders:t,configWallets:e}){if(e){let o=[];return e.forEach(n=>{if(typeof n=="string"){let r=t.find(a=>{let s=xp(a);return s instanceof _a?s.id===n:s.config.type===n});r?o.push(r):console.warn(`Couldn't find ${n} provider. Please make sure you are passing the correct name.`)}else n instanceof _a?o.push(vp().version("1.0.0",n).build()):o.push(vp().version("0.0.0",n).build())}),o}return t}i(bp,"matchAndGenerateProviders");function xp(t){try{return wp(t,"1.0.0")[1]}catch{return wp(t,"0.0.0")[1]}}i(xp,"pickProviderVersionWithFallbackToLegacy");function Ep(t){return t.map(o=>xp(o)).map(o=>o instanceof _a?o.id:o.config.type)}i(Ep,"configWalletsToWalletName");function Ur(t,e){return e.find(o=>o.name===t)?.displayName}i(Ur,"getBlockchainDisplayNameFor");function dt(t,e){return e.find(o=>o.name===t)?.shortName}i(dt,"getBlockchainShortNameFor");function Ip(t,e){return e.find(o=>o.name===t)?.logo}i(Ip,"getBlockchainImage");function Bn(t,e){return e.find(o=>o.id===t)?.title}i(Bn,"getSwapperDisplayName");function So(t,e){return e.find(o=>o.name===t)??null}i(So,"findBlockchain");function Da(t,e){if(!e||!t)return!1;for(let o of e.feeAssets)if(t?.blockchain===o?.blockchain&&t?.symbol===o?.symbol&&t?.address===o?.address)return!0;return!1}i(Da,"isTokenNative");function ft(t){return`${t.blockchain.toLowerCase()}-${t.symbol.toLowerCase()}-${(t.address??"").toLowerCase()}`}i(ft,"createTokenHash");function Ho(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}i(Ho,"isValidTokenAddress");function Wn(t){let{config:e,meta:o}=t,n={},r=e.tokens,a=i(l=>{l.forEach(c=>{typeof c!="string"&&(c=ft(c));let u=o.tokensMapByTokenHash.get(c);u&&(n[c]=u)})},"addTokens");if(Array.isArray(r))return r.length>0?(a(r),Object.values(n)):Array.from(o.tokensMapByTokenHash.values());if(!r)return Array.from(o.tokensMapByTokenHash.values());let s;if(e.blockchains?.length)s=e.blockchains;else{s=Object.keys(r);let l=new Set(s);Object.keys(o.tokensMapByBlockchainName).forEach(c=>{l.has(c)||a(o.tokensMapByBlockchainName[c])})}return s.forEach(l=>{let c=r[l];if(!c&&o.tokensMapByBlockchainName?.[l]){a(o.tokensMapByBlockchainName[l]);return}c&&(c.isExcluded?(a(o.tokensMapByBlockchainName[l]),c.tokens.forEach(u=>{let p=ft(u);delete n[p]})):a(c.tokens))}),Object.values(n)}i(Wn,"matchTokensFromConfigWithMeta");function zr(t){let{config:e}=t,o=e.from?.blockchains||[],n=e.to?.blockchains||[];if(!o.length||!n.length)return[];let r=[...o,...n],a=new Set(r);return Array.from(a)}i(zr,"getSupportedBlockchainsFromConfig");function Np(t){return{walletConnectProjectId:t?.walletConnectProjectId,trezorManifest:t?.trezorManifest,tonConnect:t?.tonConnect,walletConnectListedDesktopWalletLink:t.__UNSTABLE_OR_INTERNAL__?.walletConnectListedDesktopWalletLink}}i(Np,"makeProvidersOptionsFromConfig");var Hr={apiKey:"",title:void 0,multiWallets:!0,excludeLiquiditySources:!0,customDestination:!0,variant:"default",trezorManifest:{appUrl:"https://widget.rango.exchange/",email:"hi+trezorwidget@rango.exchange"},tonConnect:{manifestUrl:"https://raw.githubusercontent.com/rango-exchange/rango-types/main/assets/manifests/tonconnect-manifest.json"}},uS={clientUrl:void 0},mS={liquiditySources:void 0};function Ap(t){let e=Np(t),o={walletconnect2:{WC_PROJECT_ID:e?.walletConnectProjectId||"",DISABLE_MODAL_AND_OPEN_LINK:e?.walletConnectListedDesktopWalletLink},selectedProviders:t.wallets,trezor:e?.trezorManifest?{manifest:e.trezorManifest}:void 0,tonConnect:e?.tonConnect?.manifestUrl?{manifestUrl:e?.tonConnect.manifestUrl}:void 0};return pS(o).map(a=>a())}i(Ap,"generateProviders");var Bp=i((t,e,o)=>{let n=Ap({...Hr,...t});return{config:{...Hr,...t},iframe:uS,campaignMode:mS,allProviders:n,getLiquiditySources:()=>{let{config:r,campaignMode:a}=o();return a.liquiditySources?.length?a.liquiditySources:r.liquiditySources??[]},getDisabledLiquiditySources:()=>{let{disabledLiquiditySources:r,campaignMode:a}=o();return a.liquiditySources?.length?[]:r},excludeLiquiditySources:()=>{let{config:r,campaignMode:a}=o();return a.liquiditySources?.length?!1:!!r.excludeLiquiditySources},isInCampaignMode:()=>{let{campaignMode:r}=o();return!!r.liquiditySources?.length},updateConfig:r=>{let a=o().config,{_tokensMapByTokenHash:s,_tokensMapByBlockchainName:l}=o(),c=Wn({type:"source",config:{blockchains:r.from?.blockchains,tokens:r.from?.tokens},meta:{tokensMapByBlockchainName:l,tokensMapByTokenHash:s}}),u=Wn({type:"destination",config:{blockchains:r.to?.blockchains,tokens:r.to?.tokens},meta:{tokensMapByBlockchainName:l,tokensMapByTokenHash:s}});zo.set("supportedSourceTokens",c),zo.set("supportedDestinationTokens",u),e({config:{...a,...r}})},updateCampaignMode:(r,a)=>{let s=o().campaignMode;e({campaignMode:{...s,[r]:a}})},updateIframe:(r,a)=>{let s=o().iframe;e({iframe:{...s,[r]:a}})},buildAndSetProviders:()=>{let{config:r}=o(),a=Ap(r);e({allProviders:a})},getAvailableProviders:()=>{let{allProviders:r,config:a}=o(),s=Np(a);return bp({allProviders:r,configWallets:a.wallets,options:s})}}},"createConfigSlice");import{TransactionType as Wp}from"rango-types";var Lp=[Wp.EVM,Wp.SOLANA],Qr="https://raw.githubusercontent.com/rango-exchange/assets/refs/heads/main/common/unknown-image.png";import{RangoClient as dS}from"rango-sdk";var $a={API_KEY:Br};function $t(t){return $a[t]||""}i($t,"getConfig");function Mp(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),$a=e,$a}i(Mp,"initConfig");var Pp=20,_p=25,Fa="theme-widget",Oa=i((t,e)=>{let o=!1;if(e&&t){if(Array.isArray(e))o=!e.some(n=>Dt(n,t));else if(!Array.isArray(e)&&e[t.blockchain]){o=e[t.blockchain].tokens.some(r=>Dt(r,t));let n=e[t.blockchain].isExcluded;return!n&&!o||n&&o}}return o},"isTokenExcludedInConfig"),Ua=i((t,e)=>t&&e&&!e.includes(t.name),"isBlockchainExcludedInConfig"),Dp=i((t,e,o)=>o==="expanded"&&(t||e)||o==="full-expanded"&&e,"isVariantExpandable");var qr,rt=i(()=>qr||(qr=new dS($t("API_KEY"),$t("BASE_URL")),qr),"httpService");import{i18n as Up}from"@lingui/core";var $p=[.5,1,3],Fp=1,Gr=5,Ln=30,Op=0;function Vr(t,e){let o=t.map(a=>a.swapperGroup),n=[];return $o(t.map(a=>a.swapperGroup)).map(a=>{let s=t.find(l=>l.swapperGroup===a);if(s){let l=!0;o&&(l=o.some(c=>c===s.swapperGroup)),l&&s.types.map(c=>{n.push({id:s.swapperGroup,groupTitle:s.swapperGroup,logo:s.logo,type:c,selected:!e.includes(s.swapperGroup)})})}}),n}i(Vr,"getUniqueSwappersGroups");function zp(t,e){return t.swapperGroup<e.swapperGroup?-1:t.swapperGroup>e.swapperGroup?1:0}i(zp,"sortLiquiditySourcesByGroupTitle");function Ze(t,e){return e?.[t]==="hidden"}i(Ze,"isFeatureHidden");function Qo(t,e){return e?.[t]==="enabled"}i(Qo,"isRoutingEnabled");var Hp=i((t,e,o)=>Ze("customTokens",o)?t:t.concat(e),"addCustomTokensToSupportedTokens");function Qp(t){return t==Op?{type:"error",message:Up.t("Slippage must be greater than or equal to 0.01")}:t>Gr&&t<=Ln?{type:"warning",message:Up.t("Your transaction is at risk of being frontrun due to high slippage tolerance.")}:null}i(Qp,"getSlippageValidation");var qp=i((t,e)=>({_blockchainsMapByName:new Map,_tokensMapByTokenHash:new Map,_tokensMapByBlockchainName:{},_popularTokens:[],_swappers:[],fetchStatus:"loading",blockchains:o=>{let n=e()._blockchainsMapByName,r=Array.from(n?.values()||[]);if(!o||!o?.type)return r;let a=e().config;if(o.type==="custom-token"){let c=zr({config:a}),u=r;return c.length>0&&(u=u.filter(p=>c.includes(p.name))),u.filter(p=>Lp.includes(p.type))}let s=(o.type==="source"?a.from?.blockchains:a.to?.blockchains)??[];return r.filter(c=>!(s.length>0&&!s.includes(c.name)))},tokens:o=>{let{_tokensMapByTokenHash:n,_tokensMapByBlockchainName:r,config:a,_customTokens:s}=e(),l=Array.from(n.values()),c=e()._blockchainsMapByName;if(!o||!o.type)return l;let u=o.type==="source"?"from":"to",p=o.type==="source"?"supportedSourceTokens":"supportedDestinationTokens",m=zo.get(p);m?.length||(m=Wn({type:o.type,config:{blockchains:a[u]?.blockchains,tokens:a[u]?.tokens},meta:{tokensMapByTokenHash:n,tokensMapByBlockchainName:r}}),zo.set(p,m)),m=Hp(m,s,a.features);let h=e().blockchains({type:o.type});return m.filter(d=>o.blockchain&&d.blockchain!==o.blockchain||!h.some(g=>g.name===d.blockchain)?!1:o.searchFor?!!(ot(d.symbol,o.searchFor)||ot(d.address||"",o.searchFor)||ot(d.name||"",o.searchFor)):!0).sort((d,g)=>{let S=e().isTokenPinned(d,o.type),T=e().isTokenPinned(g,o.type);if(S!==T)return S?-1:1;if(o.getBalanceFor){let I=o.getBalanceFor(d),A=o.getBalanceFor(g),E=up(I,A);if(E!==0)return E}let C=c.get(d.blockchain),k=c.get(g.blockchain),w=Da(d,C),x=Da(g,k);if(w!==x)return w?-1:1;if(d.isPopular!==g.isPopular)return d.isPopular?-1:1;if(o.searchFor){let I=np(d,g,o.searchFor);if(I)return I}return d.isSecondaryCoin!==g.isSecondaryCoin?d.isSecondaryCoin?1:-1:C&&k?C.sort-k.sort:0})},findToken:o=>{let n=e()._tokensMapByTokenHash,r=e().customTokens(),a=ft(o),s=n.get(a);return s||(s=r.find(l=>ft(l)===a)),s},isTokenPinned:(o,n)=>!!(n==="source"?e().config.from?.pinnedTokens:e().config.to?.pinnedTokens)?.some(s=>Dt(s,o)),swappers:()=>{let{config:o,campaignMode:n}=e(),r=n.liquiditySources?.length?n.liquiditySources:null,a=r??o.liquiditySources,s=r?!1:o.excludeLiquiditySources;return e()._swappers.filter(u=>{let p=a?.includes(u.swapperGroup);return s||!a||a.length===0?!p:p}).sort(zp)},fetch:async()=>{try{let{routing:o}=e().config,n=Qo("enableCentralizedSwappers",o),r=await rt().getAllMetadata({enableCentralizedSwappers:n});t({fetchStatus:"success"});let a=new Map,s=new Map,l={},c=[],u=r.popularTokens,p=r.swappers.filter(f=>f.enabled),m=new Set;r.tokens.forEach(f=>{m.add(f.blockchain),c.push(f)}),r.blockchains.sort((f,d)=>f.sort-d.sort).forEach(f=>{f.enabled&&m.has(f.name)&&a.set(f.name,f)}),c.forEach(f=>{let d=ft(f);l[f.blockchain]||(l[f.blockchain]=[]),s.set(d,f),l[f.blockchain].push(d)}),t({_blockchainsMapByName:a,_tokensMapByTokenHash:s,_tokensMapByBlockchainName:l,_popularTokens:u,_swappers:p})}catch(o){throw t({fetchStatus:"failed"}),o}}}),"createDataSlice");import{Bengali as fS,Catalonia as gS,Chinese as Gp,Denmark as hS,English as yS,Finland as SS,French as CS,German as TS,Greece as kS,Hungary as vS,India as wS,Indonesian as bS,Italian as xS,Japanese as ES,Korea as IS,Lithuania as AS,Malay as NS,Netherlands as BS,Pakistan as WS,Philippines as LS,Poland as MS,Portuguese as PS,Russian as _S,SaudiArabia as DS,Serbia as $S,Slovakia as FS,SouthAfrica as OS,Spanish as US,Swahili as zS,Swedish as HS,Thai as QS,Turkish as qS,Ukrainian as GS,Vietnamese as VS}from"@rango-dev/ui";var Vp=[{title:"Afrikaans",label:"Afrikaans",local:"af",SVGFlag:OS},{title:"Arabic",label:"\u0639\u0631\u0628\u064A",local:"ar",SVGFlag:DS},{title:"Bengali",label:"\u09AC\u09BE\u0982\u09B2\u09BE",local:"bn",SVGFlag:fS},{title:"Catalan",label:"Catal\xE0",local:"ca",SVGFlag:gS},{title:"Chinese (Simplified)",label:"\u7B80\u4F53\u4E2D\u6587",local:"zh-CN",SVGFlag:Gp},{title:"Chinese (Traditional)",label:"\u4E2D\u6587\uFF08\u7E41\u9AD4)",local:"zh-TW",SVGFlag:Gp},{title:"Danish",label:"Dansk",local:"da",SVGFlag:hS},{title:"Dutch",label:"Nederlands",local:"nl",SVGFlag:BS},{title:"English",label:"English",local:"en",SVGFlag:yS},{title:"Filipino",label:"Filipino",local:"fil",SVGFlag:LS},{title:"Finnish",label:"Suomalainen",local:"fi",SVGFlag:SS},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:CS},{title:"German",label:"Deutsch",local:"de",SVGFlag:TS},{title:"Greek",label:"\u03B5\u03BB\u03BB\u03B7\u03BD\u03B9\u03BA\u03AC",local:"el",SVGFlag:kS},{title:"Hindi",label:"\u0939\u093F\u0902\u0926\u0940",local:"hi",SVGFlag:wS},{title:"Hungarian",label:"Magyar",local:"hu",SVGFlag:vS},{title:"Indonesian",label:"Indonesia",local:"id",SVGFlag:bS},{title:"Italian",label:"Italiana",local:"it",SVGFlag:xS},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:ES},{title:"Korean",label:"\uD55C\uAD6D\uC778",local:"ko",SVGFlag:IS},{title:"Lithuanian",label:"Lietuvi\u0173",local:"lt",SVGFlag:AS},{title:"Malay",label:"Melayu",local:"ms",SVGFlag:NS},{title:"Polish",label:"Polski",local:"pl",SVGFlag:MS},{title:"Portuguese",label:"Portugu\xEAs",local:"pt",SVGFlag:PS},{title:"Russian",label:"\u0420\u0443\u0441\u0441\u043A\u0438\u0439",local:"ru",SVGFlag:_S},{title:"Serbian",label:"C\u0440\u043F\u0441\u043A\u0438",local:"sr",SVGFlag:$S},{title:"Slovak",label:"Slovensk\xFD",local:"sk",SVGFlag:FS},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:US},{title:"Swahili",label:"Kiswahili",local:"sw",SVGFlag:zS},{title:"Swedish",label:"Svenska",local:"sv",SVGFlag:HS},{title:"Thai",label:"\u0E41\u0E1A\u0E1A\u0E44\u0E17\u0E22",local:"th",SVGFlag:QS},{title:"Turkish",label:"T\xFCrk\xE7e",local:"tr",SVGFlag:qS},{title:"Ukrainian",label:"Y\u043A\u0440\u0430\u0457\u043D\u0456",local:"uk",SVGFlag:GS},{title:"Urdu",label:"\u0627\u0631\u062F\u0648",local:"ur",SVGFlag:WS},{title:"Vietnamese",label:"Ti\u1EBFng Vi\u1EC7t",local:"vi",SVGFlag:VS}],qo="en";var Kp=i((t,e)=>({disabledLiquiditySources:[],theme:"auto",language:null,preferredBlockchains:[],slippage:Fp,customSlippage:null,infiniteApprove:!1,affiliateRef:null,affiliatePercent:null,affiliateWallets:null,_customTokens:[],addPreferredBlockchain:o=>{let n=e().preferredBlockchains;if(n.find((s,l)=>{let c=s===o,u=l<=9;return c&&u}))return;let a=n.filter(s=>!(s===o));t(()=>({preferredBlockchains:[o,...a]}))},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 a=$o(o.map(s=>s.swapperGroup));return a.length===r.disabledLiquiditySources.length?{disabledLiquiditySources:[]}:{disabledLiquiditySources:a}}),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,theme:r}=o,a=Ze("theme",n),s=Ze("language",n),l=Ze("liquiditySource",n),c=r?.singleTheme,u=o?.__UNSTABLE_OR_INTERNAL__?.autoUpdateSettings;t({...a&&{theme:o.theme?.mode||"auto"},...c&&{theme:o.theme?.mode||"light"},...s&&{language:o.language||qo},...l&&{disabledLiquiditySources:o.liquiditySources||[]},...u&&{language:o.language||qo}})},setCustomToken:o=>{e().fetchCustomTokensBalances({tokens:[o],connectedWallets:e().connectedWallets}),t(n=>({_customTokens:[o,...n._customTokens]}))},deleteCustomToken:o=>t(n=>({_customTokens:n._customTokens.filter(r=>r.address!==o.address)})),customTokens:()=>{let o=e().config,n=e()._customTokens,r=zr({config:o});return r.length?n.filter(a=>r.includes(a.blockchain)):n}}),"createSettingsSlice");import Xa from"bignumber.js";import KS from"mitt";var Ce=KS(),jS={on:Ce.on,off:Ce.off};import{WidgetEvents as jp}from"@rango-dev/queue-manager-rango-preset";var Ha=(o=>(o.QUOTE_INPUT_UPDATE="quoteInputUpdate",o.QUOTE_OUTPUT_UPDATE="quoteOutputUpdate",o))(Ha||{}),Qa=(o=>(o.CONNECT="connect",o.DISCONNECT="disconnect",o))(Qa||{}),qa=(e=>(e.CLICK_CONNECT_WALLET="clickConnectWallet",e))(qa||{}),Go=(a=>(a[a.RouteEvent=jp.RouteEvent]="RouteEvent",a[a.StepEvent=jp.StepEvent]="StepEvent",a.QuoteEvent="quoteEvent",a.WalletEvent="walletEvent",a.UiEvent="uiEvent",a))(Go||{});var Xp=i(t=>(e,o,n)=>t(i((...a)=>{let[s,...l]=a;e(c=>({...typeof s=="function"?s(c):s,lastUpdatedAt:+new Date}),...l)},"modifedSet"),o,n),"keepLastUpdated");import Yp from"bignumber.js";function Ft(t){return`${t.blockchain}${go}${t.address}${go}${t.symbol}`}i(Ft,"createAssetKey");function Zp(t,e){return`${Ft(e)}${go}${t}`}i(Zp,"createBalanceKey");function Mn(t){let[e,o,n]=t.split(go);return{address:o==="null"?null:o,blockchain:e,symbol:n}}i(Mn,"extractAssetFromBalanceKey");function Ga(t,e,o){return e.balances?.forEach(n=>{let r=n.price??t.findToken(n.asset)?.usdPrice;t._aggregatedBalances[Ft(n.asset)]?.forEach(s=>{o[s]&&(o[s]={...o[s],usdValue:r?new Yp(r??pe).multipliedBy(o[s].amount).toString():""})})}),o}i(Ga,"computeNextBalancesWithNewPrices");function Va(t,e){let o={};return t.balances?.forEach(n=>{let r=Zp(t.address,n.asset),a=n.amount.amount,s=n.amount.decimals,l=n.price??e().findToken(n.asset)?.usdPrice,c=l?new Yp(l??pe).multipliedBy(a).toString():"",u={amount:a,decimals:s,usdValue:c};o[r]=u}),o}i(Va,"createBalanceStateForNewAccount");function Ka(t,e){for(let o in e){let n=Mn(o),r=Ft(n);t[r]||(t[r]=[]),t[r].includes(o)||(t[r]=[...t[r],o])}return t}i(Ka,"updateAggregatedBalanceStateForNewAccount");function XS(t,e){let o=Mn(e),n=Ft(o);return t[n]&&(t[n]=t[n].filter(r=>r!==e)),t}i(XS,"removeBalanceFromAggregatedBalance");function ja(t,e,o){let n=t.connectedWallets.filter(c=>c.walletType===e);t.connectedWallets.forEach(c=>{c.walletType!==e&&(n=n.filter(u=>!(u.chain===c.chain&&u.address===c.address)))}),o?.chains&&o.chains.length>0&&(n=n.filter(c=>o.chains?.includes(c.chain))),o?.namespaces&&o.namespaces.length>0&&(n=n.filter(c=>c.namespace?o.namespaces?.includes(c.namespace):!1));let r={},a=t._aggregatedBalances,s=t._balances;return Object.keys(s).forEach(c=>{let u=Mn(c);!!n.find(m=>Zp(m.address,{address:u.address,blockchain:m.chain,symbol:u.symbol})===c)?a=XS(a,c):r[c]=s[c]}),{_balances:r,_aggregatedBalances:a}}i(ja,"computeNextStateAfterWalletBalanceRemoval");function YS(t,e){return e.find(o=>t.address===o.address&&t.chain===o.blockChain)}i(YS,"matchWalletDetailsWithConnectedWallet");var ZS=ap(),Jp=Xp((t,e)=>({_balances:{},_aggregatedBalances:{},connectedWallets:[],fetchingWallets:!1,lastUpdatedAt:+new Date,setConnectedWalletAsRefetching:o=>{t(n=>({fetchingWallets:!0,connectedWallets:n.connectedWallets.map(r=>o.find(a=>An(a,r))?{...r,loading:!0,error:!1}:r)}))},setConnectedWalletRetrievedData:(o,n)=>{t(r=>({fetchingWallets:!1,connectedWallets:r.connectedWallets.map(a=>o.find(s=>An(s,a))?{...a,loading:!1,error:!1,explorerUrl:YS(a,n)?.explorerUrl||a.explorerUrl}:a)}))},setConnectedWalletHasError:o=>{t(n=>({fetchingWallets:!1,connectedWallets:n.connectedWallets.map(r=>o.find(a=>An(a,r))?{...r,loading:!1,error:!0}:r)}))},addConnectedWallet:(o,n)=>{let r=e().connectedWallets,a=o.filter(s=>!r.some(l=>An(s,l)));if(a.length>0){let s=a.map(l=>{let c=!r.some(u=>u.chain===l.chain&&u.selected&&u.walletType!==l.walletType);return{address:l.address,chain:l.chain,isContractWallet:l.isContractWallet,explorerUrl:null,walletType:l.walletType,selected:c,namespace:n,loading:!1,error:!1}});t(l=>({connectedWallets:[...l.connectedWallets.filter(u=>!s.some(p=>p.walletType===u.walletType&&p.chain===u.chain)),...s]}))}},fetchCustomTokensBalances:async o=>{let{tokens:n,connectedWallets:r}=o,a=n.reduce((c,u)=>((c[u.blockchain]||=[]).push(u),c),{}),s=new Set,l=r.reduce((c,u)=>{let p=`${u.address}-${u.chain}`;return s.has(p)||(s.add(p),a[u.chain]&&(c[u.address]||(c[u.address]=[]),c[u.address].push(...a[u.chain]))),c},{});Object.entries(l).forEach(async([c,u])=>{try{let{balances:p}=await rt().getMultipleTokenBalance({assets:u.map(({symbol:m,address:h,blockchain:f})=>({symbol:m,address:h,blockchain:f})),walletAddress:c});if(p){let m=e()._balances,h=e()._aggregatedBalances;p.forEach(f=>{if(parseFloat(f.amount.amount)===0)return;let d={blockChain:f.asset.blockchain,balances:[f],address:c},g={_aggregatedBalances:e()._aggregatedBalances,findToken:e().findToken};Ga(g,d,m);let S=Va(d,e);h=Ka(h,S),m={...m,...S}}),t(f=>({_balances:{...f._balances,...m},_aggregatedBalances:h}))}}catch(p){console.error(p)}})},setWalletsAsSelected:o=>{let n=e().connectedWallets.map(r=>{let a=!!o.find(l=>l.chain===r.chain&&l.walletType!==r.walletType&&r.selected),s=!!o.find(l=>l.chain===r.chain&&l.walletType===r.walletType&&!r.selected);return a?{...r,selected:!1}:s?{...r,selected:!0}:r});t({connectedWallets:n})},newWalletConnected:async(o,n)=>{Ce.emit("walletEvent",{type:"connect",payload:{walletType:o[0].walletType,accounts:o}}),e().addConnectedWallet(o,n),e().fetchBalances(o)},removeBalancesForWallet:(o,n)=>{let r={_balances:e()._balances,_aggregatedBalances:e()._aggregatedBalances,connectedWallets:e().connectedWallets},{_balances:a,_aggregatedBalances:s}=ja(r,o,n);t({_balances:a,_aggregatedBalances:s})},disconnectNamespaces:(o,n)=>{if(e().connectedWallets.find(a=>a.walletType===o)){e().removeBalancesForWallet(o,{namespaces:n}),e()._changeSelectedWalletIfNeededOnRemove(o,{namespaces:n});let a=e().connectedWallets.filter(s=>s.namespace?!(s.walletType===o&&n.includes(s.namespace)):!0);t({connectedWallets:a})}},disconnectWallet:o=>{let n=e().connectedWallets.find(r=>r.walletType===o);if(Ce.emit("walletEvent",{type:"disconnect",payload:{walletType:o}}),n){e().removeBalancesForWallet(o),e()._changeSelectedWalletIfNeededOnRemove(o);let r=e().connectedWallets.filter(a=>a.walletType!==o);t({connectedWallets:r})}},_changeSelectedWalletIfNeededOnRemove:(o,n)=>{let r=e().connectedWallets;n?.namespaces&&n.namespaces.length>0&&(r=r.filter(s=>!!s.namespace&&n.namespaces?.includes(s.namespace)));let a=r.filter(s=>s.selected&&s.walletType===o).map(s=>s.chain);if(a.length>0){let s=e().connectedWallets.map(l=>a.includes(l.chain)?(a=a.filter(c=>c!==l.chain),{...l,selected:!0}):l);t({connectedWallets:s})}},clearConnectedWallet:()=>t({connectedWallets:[]}),fetchBalances:async(o,n)=>{let{shouldFetchCustomTokens:r=!0,selectedCustomTokens:a}=n||{};await e().fetchMainTokensBalances(o),r&&e().fetchCustomTokensBalances({tokens:a??e().customTokens(),connectedWallets:o})},fetchMainTokensBalances:async(o,n)=>{if(o.length===0)return;let r=o[0].walletType;e().setConnectedWalletAsRefetching(o);let a=o.map(c=>({address:c.address,blockchain:c.chain})),s;try{s=await rt().getWalletsDetails(a)}catch(c){e().setConnectedWalletHasError(o),console.error(`Request for fetching balances failed. cause: ${c}`);return}let l=s.wallets;if(l){let c=e()._balances,u=e()._aggregatedBalances;l.forEach(m=>{if(m.failed)return;let h={_balances:c,_aggregatedBalances:u,connectedWallets:e().connectedWallets,findToken:e().findToken};Ga(h,m,c);let{_balances:f,_aggregatedBalances:d}=ja(h,r,{chains:[m.blockChain]});if(u=d,c=f,!e().connectedWallets.find(S=>S.walletType===r&&S.address===m.address&&S.chain===m.blockChain))return;let g=Va(m,e);u=Ka(u,g),c={...c,...g}}),t(m=>({_balances:{...m._balances,...c},_aggregatedBalances:u})),e().setConnectedWalletRetrievedData(o,l);let{retryOnFailedBalances:p=!0}=n||{};if(p){let m=l.filter(h=>h.failed).map(h=>({chain:h.blockChain,walletType:r,address:h.address}));m.length>0&&await e().fetchMainTokensBalances(m,{retryOnFailedBalances:!1})}}else e().setConnectedWalletHasError(o),console.error("We couldn't fetch your account balances. Seem there is no information on blockchain for them yet.")},getBalances:()=>e()._balances,getBalanceFor:o=>{let n=e().getBalances(),r=Ft(o),a=e()._aggregatedBalances[r]||[];if(a.length===0)return null;if(a.length===1){let c=a[0];return n[c]}let l=n[a[0]];return a.forEach(c=>{let u=n[c],p=new Xa(u.amount),m=new Xa(l.amount);p.isGreaterThan(m)&&(l=u)}),l},getBalancesForWalletAddress:o=>{let n=e().getBalances();return Object.keys(n).reduce((s,l)=>{let c=n[l],[,,,u]=l.split(go);return u===o&&(s[l]=c),s},{})},getConnectedWalletsDetails:()=>ZS(()=>e().connectedWallets.map(n=>{let r=e().getBalancesForWalletAddress(n.address),a=Object.keys(r);return{...n,balances:a.reduce((s,l)=>{let c=r[l],u=Mn(l);if(u.blockchain===n.chain){let p=e().findToken(u),m=c.amount?new Xa(c.amount).shiftedBy(-c.decimals):pe;s.push({chain:n.chain,symbol:u.symbol,ticker:u.symbol,address:u.address,rawAmount:c.amount,decimal:c.decimals,amount:m.toString(),logo:p?.image||null,usdPrice:p?.usdPrice||null})}return s},[])}}),e().lastUpdatedAt)}));function Rp(t){return JS()(RS((...e)=>({...Jp(...e),...qp(...e),...Kp(...e),...Bp(t,...e)}),{name:"user-settings",skipHydration:!0,partialize:e=>({_customTokens:e._customTokens,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}),version:1,migrate:(e,o)=>{let n=e;return o===0&&(n._customTokens=n._customTokens.map(r=>({...r,warning:!0}))),n}}))}i(Rp,"createAppStore");var eu=tC(null);function y(){let t=oC(eu);if(nC(()=>{t&&!t.persist.hasHydrated()&&t.persist.rehydrate()},[]),!t)throw new Error("Missing AppStoreContext.Provider in the tree");return t()}i(y,"useAppStore");function tu(t){let e=rC();return e.current||(e.current=Rp(t.config)),eC.createElement(eu.Provider,{value:e.current},t.children)}i(tu,"AppStoreProvider");function Ct(t){let{chain:e}=t||{},{connectedWallets:o,getAvailableProviders:n}=y(),{state:r,getWalletInfo:a}=iC(),s=y().blockchains(),{handleDisconnect:l}=Uo(),c=Ep(n()),u=cp(r,a,c,e);u=aC()?u.filter(g=>g.showOnMobile!==!1&&r(g.type).installed):u;let p=mp(u,r),m=i(g=>!o.find(S=>S.walletType===g&&S.chain===e),"isExperimentalChainNotAdded"),h=lC(()=>{let g=u?.filter(S=>S.state===Ya.CONNECTING)||[];for(let S of g)l(S.type)},[gp(u)]);cC(()=>()=>{h()},[]);let f=i(g=>{let S=g.find(C=>C.type===Pn.DEFAULT);return!S||S.state===Ya.NOT_INSTALLED?!1:g.filter(C=>C.state!=Ya.NOT_INSTALLED&&![Pn.DEFAULT,Pn.WALLET_CONNECT_2,Pn.LEDGER].includes(C.type)&&a(C.type).supportedChains.filter(k=>k.type=="EVM").length>0).length==0},"shouldShowDefaultInjectedWallet"),d=i((g,S,T)=>$r(T,S)&&m(g)&&!sC.includes(g)||g==Pn.DEFAULT&&!f(u),"shouldExcludeWallet");return{list:p.filter(g=>!d(g.type,e??"",s)),terminateConnectingWallets:h}}i(Ct,"useWalletList");import{Modal as dC}from"@rango-dev/ui";import fC from"react";import{create as mC}from"zustand";var ou="rango-widget";var _n=class{constructor(e){this.state="not-initiated";this.events={};this.init=()=>{this.initEvents(),this.tryClaim()};this.forceClaim=()=>{if(!this.isClaimed()){let e={name:"force-claim",candidateId:this.tabId};this.channel.postMessage(e),setTimeout(()=>{this.isClaimed()||this.claim()},300)}};this.isClaimed=()=>this.state==="claimed";this.destroy=()=>{this.channel.removeEventListener("message",this.handleMessageEvent),document.removeEventListener("visibilitychange",this.handleVisibilityChange),document.removeEventListener("resume",this.handleResume)};this.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.`)}};this.handleVisibilityChange=async()=>{document.visibilityState==="visible"&&await this.tryClaim()};this.handleResume=async()=>{this.isClaimed()&&(await this.tryClaim(),this.isClaimed()||this.events.onRelease?.())};this.channel=new BroadcastChannel(ou),this.tabId=Math.trunc(Math.random()*1e5),this.events=e}static{i(this,"TabManager")}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}}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 uC=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"),Vo=uC;var te=Vo(mC()((t,e)=>({isActiveTab:!1,tabManagerInitiated:!1,showActivateTabModal:!1,watermark:"NONE",showProfileBanner:!1,fetchingApiConfig:!1,showCompactTokenSelector:!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})},setShowProfileBanner:o=>{t({showProfileBanner:o})},setShowCompactTokenSelector:o=>{t({showCompactTokenSelector:o})}}))),Co=new _n({onInit:()=>te.setState({tabManagerInitiated:!0}),onClaim:()=>te.setState({isActiveTab:!0,showActivateTabModal:!1}),onRelease:()=>te.setState({isActiveTab:!1})});function J(t){let{watermark:e}=te();return fC.createElement(dC,{hasWatermark:e==="FULL",...t},t.children)}i(J,"WatermarkedModal");import{i18n as Ro}from"@lingui/core";import{Alert as bC,Button as xC,Divider as Jr,Image as EC,MessageBox as IC,RadioRoot as AC}from"@rango-dev/ui";import ue,{useEffect as NC,useMemo as BC,useState as WC}from"react";import{Checkbox as TC,Radio as kC,Typography as vC}from"@rango-dev/ui";import Yt from"react";function Ko(t,e){return t.find(o=>o.name===e)?.logo}i(Ko,"getBlockchainLogo");import{Button as gC,darkTheme as hC,Image as yC,styled as Tt,Typography as SC}from"@rango-dev/ui";var Kr=Tt("ul",{padding:0,paddingTop:"$10",paddingBottom:"$20",margin:0}),jo=Tt("li",{backgroundColor:"$neutral200",padding:"$16",borderRadius:"$sm",variants:{clickable:{true:{cursor:"pointer"}},hasError:{true:{background:"$error100 ",[`.${hC} &`]:{backgroundColor:"$error700"}}},unsupported:{true:{cursor:"not-allowed",paddingTop:"$8",paddingBottom:"$8"}}}}),Xo=Tt("div",{display:"flex",gap:"$8",alignItems:"center"}),jr=Tt("div",{flex:"1",display:"flex",flexDirection:"column",justifyContent:"space-between",height:"$40",variants:{showSupportedChains:{true:{justifyContent:"space-between"},false:{justifyContent:"center"}}}}),ru=Tt("div",{flex:"1",display:"flex",alignItems:"center",gap:"$4",opacity:"0.5"}),Yo=Tt(yC,{variants:{disabled:{true:{opacity:"0.5"}}}}),Zo=Tt(gC,{minHeight:"$40"}),iu=Tt(SC,{maxWidth:"100px"}),au=Tt("div",{paddingLeft:"48px"}),su=Tt("div",{display:"flex",gap:"2px",cursor:"pointer",alignItems:"center",width:"fit-content"}),lu=Tt("div",{display:"flex",gap:"6px",alignItems:"center"});import{Image as pu,Tooltip as uu,Typography as CC}from"@rango-dev/ui";import Nt from"react";import{styled as cu}from"@rango-dev/ui";var Za=cu("div",{display:"flex",alignItems:"center",padding:0,margin:0}),Xr=cu("div",{marginLeft:"-5px",listStyleType:"none",backgroundColor:"$background",borderRadius:"$lg",minWidth:"15px",height:"15px",variants:{firstItem:{true:{marginLeft:0}}},display:"flex",alignItems:"center",justifyContent:"center"});var Ja=3;function Yr(t){let{chains:e}=t;return Nt.createElement(Za,null,e.slice(0,Ja).map((o,n)=>Nt.createElement(uu,{key:o.name,container:N(),side:"bottom",align:"start",content:o.name,sideOffset:4},Nt.createElement(Xr,{firstItem:n===0},Nt.createElement(pu,{src:o.logo,size:15})))),e.length>Ja&&Nt.createElement(uu,{container:N(),side:"bottom",align:"start",sideOffset:4,content:Nt.createElement(Za,null,e.map((o,n)=>Nt.createElement(Xr,{key:o.name,firstItem:n===0},Nt.createElement(pu,{src:o.logo,size:15}))))},Nt.createElement(Xr,null,Nt.createElement(CC,{variant:"body",size:"xsmall"},"+",e.length-Ja))))}i(Yr,"SupportedChainsList");function mu(t){let{onClick:e,type:o,namespace:n}=t,r=y().blockchains(),a=n.chains.length>1;return Yt.createElement(jo,{onClick:e,clickable:!0},Yt.createElement(Xo,null,Yt.createElement(Yo,{src:Ko(r,n.id),size:40}),Yt.createElement(jr,{showSupportedChains:a},Yt.createElement(vC,{variant:"label",size:"large"},n.label),a&&Yt.createElement(Yr,{chains:n.chains})),o==="radio"?Yt.createElement(kC,{value:n.value}):Yt.createElement(TC,{checked:t.value})))}i(mu,"NamespaceListItem");import{i18n as wC}from"@lingui/core";import{Typography as du}from"@rango-dev/ui";import Jo from"react";function Zr(t){let{namespace:e}=t,o=y().blockchains();return Jo.createElement(jo,{unsupported:!0},Jo.createElement(Xo,null,Jo.createElement(Yo,{src:Ko(o,e.id),size:40,disabled:!0}),Jo.createElement(ru,null,Jo.createElement(du,{variant:"label",size:"large"},e.label),Jo.createElement(du,{variant:"body",size:"xsmall"},wC.t("(Currently not supported)")))))}i(Zr,"NamespaceUnsupportedItem");function Dn(t){let{targetWallet:e}=t.value,o=e.needsNamespace?.selection==="single",n=e.image,[r,a]=WC([]),s=BC(()=>e.needsNamespace?.data.filter(m=>!m.unsupported),[e?.type]),l=i(m=>{a(o?[m]:h=>h.includes(m)?h.filter(f=>f!==m):h.concat(m))},"onSelect"),c=s?.length===r.length,u=i(()=>{if(o)throw new Error("onSelectAll should not be called on single selection mode.");c?a([]):s&&a(s.map(m=>m.value))},"onSelectAll"),p=i(m=>o?ue.createElement(AC,{value:r?.[0]},m):ue.createElement(ue.Fragment,null,m),"wrapRadioRoot");return NC(()=>{if(!o&&s)if(t.value.defaultSelectedChains?.length){let m=s.filter(h=>h.chains.some(f=>t.value.defaultSelectedChains?.includes(f.name)));a(m.map(h=>h.value))}else a(s.map(m=>m.value))},[]),ue.createElement(ue.Fragment,null,ue.createElement(IC,{type:"info",title:Ro.t("Connect {wallet}",{wallet:e.title}),description:Ro.t("This wallet supports multiple chains. Choose which chains you\u2019d like to connect."),icon:ue.createElement(EC,{src:n,size:45})}),o?ue.createElement(ue.Fragment,null,ue.createElement(Jr,{size:20}),ue.createElement(bC,{variant:"alarm",type:"info",title:Ro.t("This wallet can only connect to one chain at a time. ")})):ue.createElement(ue.Fragment,null,ue.createElement(Jr,{size:30}),ue.createElement(xC,{style:{marginLeft:"auto"},id:"widget-name-space-select-all-btn",size:"xsmall",variant:"ghost",type:"primary",onClick:u},c?Ro.t("Deselect all"):Ro.t("Select all"))),ue.createElement(Kr,null,p(ue.createElement(ue.Fragment,null,e.needsNamespace?.data.map((m,h,f)=>ue.createElement(ue.Fragment,{key:m.id},m.unsupported?ue.createElement(Zr,{namespace:m}):ue.createElement(mu,{value:r.includes(m.value),namespace:m,type:o?"radio":"checkbox",onClick:()=>l(m.value)}),h!==f.length-1&&ue.createElement(Jr,{size:10})))))),ue.createElement(Jr,{size:20}),ue.createElement(Zo,{id:"widget-name-space-confirm-btn",type:"primary",disabled:!r.length,onClick:()=>t.onConfirm(r)},Ro.t("Connect")))}i(Dn,"Namespaces");import{i18n as Ra}from"@lingui/core";import{Divider as es,Image as UC,MessageBox as zC}from"@rango-dev/ui";import it from"react";import{i18n as en}from"@lingui/core";import{Button as LC,ChevronDownIcon as MC,ChevronUpIcon as PC,Divider as _C,Spinner as DC,Typography as $n}from"@rango-dev/ui";import{useWallets as $C}from"@rango-dev/wallets-react";import Te,{useEffect as FC,useLayoutEffect as OC,useState as fu}from"react";var gu=i(function(e){let{walletType:o,namespace:n,initialConnect:r}=e,a=y().blockchains(),{connect:s,disconnect:l,state:c}=$C(),[u,p]=fu(null),[m,h]=fu(!1),d=c(o).namespaces?.get(n.value),g=d.accounts?.[0]?.split(":");FC(()=>h(!1),[u]),OC(()=>{r&&S(o,n.value)},[]);let S=i(async(k,w)=>{try{await s(k,[{namespace:w,network:""}])}catch(x){p(x)}},"handleConnectNamespace"),T=i(async k=>{p(null),k.connected?await l(o,[n.value]):S(o,n.value)},"handleButtonClick"),C=i(()=>d.connected?en.t("Disconnect"):u?en.t("Try again"):en.t("Connect"),"getButtonText");return Te.createElement(jo,{hasError:!!u},Te.createElement(Xo,null,Te.createElement(Yo,{src:Ko(a,n.id),size:40}),Te.createElement(jr,null,Te.createElement(lu,null,Te.createElement($n,{variant:"label",size:"large"},n.label),d.connected&&Te.createElement($n,{variant:"body",size:"small",color:"success500"},en.t("Connected")),!d.connected&&!!u&&Te.createElement($n,{variant:"body",size:"small",color:"error500"},en.t("Connection failed"))),d.connected&&Te.createElement(iu,{variant:"body",size:"small",color:"neutral700"},Oo(g?.[g?.length-1])),!d.connected&&u&&Te.createElement(su,{onClick:()=>h(k=>!k)},Te.createElement($n,{variant:"body",size:"small",color:"neutral700",style:{textDecoration:"underline",userSelect:"none",textDecorationSkipInk:"none"}},en.t("See why")),m?Te.createElement(PC,{size:12,color:"gray"}):Te.createElement(MC,{size:12,color:"gray"})),!d.connected&&!u&&n.chains.length>1&&Te.createElement(Yr,{chains:n.chains})),d.connecting?Te.createElement(DC,{color:"info"}):Te.createElement(LC,{id:"widget-name-space-connect-btn",variant:"ghost",type:d.connected?"error":"primary",size:"small",onClick:async()=>T(d)},C())),!d.connected&&!!u&&m&&Te.createElement(Te.Fragment,null,Te.createElement(_C,{size:4}),Te.createElement(au,null,Te.createElement($n,{variant:"body",size:"small",color:"neutral700"},u.cause?.message||u.message))))},"NamespaceDetachedItem");function Fn(t){let{selectedNamespaces:e,value:o}=t,{targetWallet:n}=o;return it.createElement(it.Fragment,null,it.createElement(zC,{type:"info",title:Ra.t("Connect {wallet}",{wallet:n.type}),description:Ra.t("This wallet supports multiple chains. Choose which chains you\u2019d like to connect or disconnect."),icon:it.createElement(UC,{src:n.image,size:45})}),it.createElement(es,{size:20}),it.createElement(Kr,null,n.needsNamespace?.data.map((r,a,s)=>it.createElement(it.Fragment,{key:r.id},r.unsupported?it.createElement(Zr,{namespace:r}):it.createElement(gu,{walletType:n.type,namespace:r,initialConnect:e?.includes(r.value)}),a!==s.length-1&&it.createElement(es,{size:10})))),it.createElement(es,{size:20}),it.createElement(Zo,{id:"widget-name-space-confirm-btn",type:"primary",onClick:t.onConfirm},Ra.t("Done")))}i(Fn,"Detached");import{i18n as tn}from"@lingui/core";import{Divider as yu,Image as GC,MessageBox as VC,Select as KC,TextField as jC}from"@rango-dev/ui";import gt,{useEffect as XC,useState as Su}from"react";import{namespaces as HC}from"@rango-dev/wallets-shared";var Rr={id:"custom",label:"Custom",generateDerivationPath:t=>t};function ts(t){let e=t?HC[t].derivationPaths:null;return e?[...e,Rr]:[]}i(ts,"getDerivationPaths");import{Button as QC,styled as os,Typography as qC}from"@rango-dev/ui";var hu=os("div",{paddingTop:"$30",paddingBottom:"$30",zIndex:10}),ns=os(qC,{paddingLeft:"$10"}),rs={height:"$40",backgroundColor:"$neutral200",borderRadius:"$sm"},fL=os(QC,{minHeight:"$40"});var Cu="0";function On(t){let{onConfirm:e}=t,{namespace:o,providerImage:n,providerType:r}=t.value,[a,s]=Su(null),[l,c]=Su(Cu),u=a===Rr.id,p=ts(o),m=i(({value:f})=>{let d=p?.find(g=>g.id===f);d&&(a===Rr.id&&Number.isNaN(Number(l))&&c(Cu),s(d.id))},"handleDerivationPathItemClick"),h=i(()=>{let f=p.find(d=>d.id===a);if(f)e(f.generateDerivationPath(l));else throw new Error("selectedDerivationPath can not be undefined")},"handleConfirm");return XC(()=>{s(ts(o)[0]?.id||null)},[o]),gt.createElement(gt.Fragment,null,gt.createElement(yu,{size:20}),gt.createElement(VC,{type:"info",title:tn.t("Select Derivation Path"),description:tn.t({id:"In order to connect to {type}, you must first select a Derivation Path",values:{type:r}}),icon:gt.createElement(GC,{src:n,size:45})}),gt.createElement(hu,null,gt.createElement(ns,{variant:"body",size:"xsmall",color:"$neutral600"},tn.t("Choose Derivation Path Template")),gt.createElement(KC,{value:a||"",options:p.map(f=>({value:f.id,label:f.label})),variant:"filled",handleItemClick:m,styles:{trigger:rs}}),gt.createElement(yu,{size:20}),gt.createElement(ns,{variant:"body",size:"xsmall",color:"$neutral600"},u?tn.t("Enter Path"):tn.t("Enter Index")),gt.createElement(jC,{type:u?"text":"number",variant:"contained",value:l,onChange:f=>c(f.target.value),style:rs})),gt.createElement(Zo,{id:"widget-derivation-path-confirm-btn",type:"primary",onClick:h,disabled:!p||!a||!l},tn.t("Confirm")))}i(On,"DerivationPath");import{i18n as on}from"@lingui/core";import{Image as JC,MessageBox as is,WalletState as RC}from"@rango-dev/ui";import{useWallets as eT}from"@rango-dev/wallets-react";import To from"react";import{keyframes as YC,styled as ei}from"@rango-dev/ui";var xL=ei("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),Tu=ei("div",{position:"relative"}),ZC=YC({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),ku=ei("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${ZC} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),vu=ei("div",{"& img":{borderRadius:"50%"}});function as(t){let{wallet:e,error:o}=t,{type:n,image:r}=e,{state:a}=eT();return En(a(n))===RC.CONNECTED?To.createElement(is,{type:"success",title:on.t("Wallet Connected"),description:on.t("Your wallet is connected, you can use it to swap.")}):o?To.createElement(is,{type:"error",title:on.t("Failed to Connect"),description:o||on.t("Your wallet is not connected. Please try again.")}):To.createElement(is,{type:"loading",title:on.t("Connecting to your wallet"),description:on.t("Click connect in your wallet popup."),icon:To.createElement(Tu,null,To.createElement(vu,null,To.createElement(JC,{src:r,size:45})),To.createElement(ku,null))})}i(as,"ConnectStatus");import{i18n as ss}from"@lingui/core";import{Button as tT,Divider as wu,MessageBox as oT}from"@rango-dev/ui";import ti from"react";function ls(t){let{displayName:e,onConfirm:o}=t;return ti.createElement(oT,{title:ss.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:e}}),type:"warning",description:ss.t({id:"Would you like to add the {blockchainDisplayName} experimental chain to your wallet?",values:{blockchainDisplayName:e}})},ti.createElement(wu,{size:18}),ti.createElement(wu,{size:32}),ti.createElement(tT,{id:"widget-experimental-chain-confirm-btn",onClick:o,variant:"outlined",type:"primary",fullWidth:!0,size:"large"},ss.t("Confirm")))}i(ls,"ExperimentalChain");function bu(t,e){return t().status==="init"&&!!e}i(bu,"isOnStatus");function Un(t){return t().status==="namespace"}i(Un,"isOnNamespace");function zn(t){return t().status==="derivationPath"}i(zn,"isOnDerivationPath");function Hn(t){return t().status==="detached"}i(Hn,"isOnDetached");var aT=3e3,sT=300;function ko(t){let e=iT(),[o,n]=xu(!1),[r,a]=xu(),s=i(k=>{a(k.message)},"catchErrorOnHandle"),{terminateConnectingWallets:l}=Ct(),{handleConnect:c,handleDerivationPath:u,handleNamespace:p,getState:m,resetState:h}=Uo(),f=i(k=>{p(t.wallet,k).then(C).catch(s)},"handleConfirmNamespaces"),d=i(()=>{S()},"handleDetachedConfirm"),g=i(k=>{if(!k)throw new Error("Derivation path is empty. Please make sure you've filled the field correctly.");u(k).then(C).catch(s)},"handleDerivationPathConfirm"),S=i(()=>{n(!1)},"handleClosingModal"),T=i(()=>{a(void 0),h(),n(!1),e.current&&clearTimeout(e.current)},"resetModalState"),C=i((k,w)=>{let x=k.status==="connected",I=["disconnected","disconnected-unhandled"].includes(k.status);x?(t.onConnect?.(),w||(e.current=setTimeout(S,aT))):I&&S()},"afterConnected");return rT(()=>{if(t.wallet){T();let k=!1,w=!0;i(()=>{setTimeout(()=>{w=!1,k||n(!0)},sT)},"beforeConnecting")(),c(t.wallet,{disconnectIfConnected:!0,defaultSelectedChains:t.options?.defaultSelectedChains}).then(I=>{["namespace","Detached","derivation-path"].includes(I.status)||(k=!0),C(I,w)}).catch(s)}},[t.wallet]),Zt.createElement(J,{open:o,onClose:S,onExit:()=>{T(),l(),t.onClose&&t.onClose()},container:N()},bu(m,t.wallet)&&Zt.createElement(Zt.Fragment,null,Zt.createElement(as,{wallet:{type:t.wallet.type,image:t.wallet.image},error:r}),Zt.createElement(nT,{direction:"vertical",size:32})),Un(m)&&Zt.createElement(Dn,{onConfirm:f,value:m().namespace}),zn(m)&&Zt.createElement(On,{onConfirm:g,value:m().derivationPath}),Hn(m)&&Zt.createElement(Fn,{onConfirm:d,value:m().namespace,selectedNamespaces:m().selectedNamespaces}))}i(ko,"StatefulConnectModal");import{Provider as mT}from"@rango-dev/wallets-react";import oi,{createContext as dT,useEffect as Bu,useMemo as fT,useRef as Wu}from"react";import{useEffect as lT}from"react";function Eu(t){return t.map(e=>typeof e=="string"?e:e.config.type).join("-")}i(Eu,"hashProviders");function cs(t,e){let{clearConnectedWallet:o,getAvailableProviders:n,buildAndSetProviders:r}=y(),a=n();return lT(()=>{o(),r()},[Eu(t??[]),e?.walletConnectProjectId,e?.walletConnectListedDesktopWalletLink]),{providers:a}}i(cs,"useWalletProviders");import{legacyFormatAddressWithNetwork as cT,legacyReadAccountAddress as Iu}from"@rango-dev/wallets-core/legacy";import{Events as nn}from"@rango-dev/wallets-react";import{isEvmBlockchain as pT}from"rango-sdk";function Au(t){let{newWalletConnected:e,disconnectWallet:o,disconnectNamespaces:n,connectedWallets:r,removeBalancesForWallet:a,blockchains:s}=y(),{onConnectWalletHandler:l,onDisconnectWalletHandler:c}=t,u=s().filter(pT).map(g=>g.name),p=i((g,S)=>{let[T,,C,k,w]=g,x={walletType:T,network:k.network??void 0,accounts:C};l.current?l.current(x):console.warn("onConnectWallet handler hasn't been set. Are you sure?");let I=Ma(T,C,u,S.supportedChainNames,w.isContractWallet);I.length&&e(I,w.namespace)},"onAccountsEvent"),m=i((g,S,T,C,k)=>{if(S===nn.ACCOUNTS){let w=In(k.supportedBlockchains);T&&p([g,S,T,C,k],{supportedChainNames:w})}S===nn.PROVIDER_DISCONNECTED&&(o(g),c.current?c.current(g):console.warn("onDisconnectWallet handler hasn't been set. Are you sure?")),S===nn.NAMESPACE_DISCONNECTED&&n(g,T)},"handleUpdatesForHub"),h=i((g,S,T,C,k)=>{if(S===nn.ACCOUNTS){let w=In(k.supportedBlockchains),x=[],I=[];if(T?.forEach(E=>{let{network:b}=Iu(E);u.includes(b)?x.push(E):I.push(E)}),r.filter(E=>E.walletType===g).map(E=>cT(E.address,E.chain)).length>0){if(x.length>0){let E=Ma(g,x,u,w,k.isContractWallet);a(g,{chains:E.map(b=>b.chain)})}I.length>0&&a(g,{chains:I.map(E=>{let{network:b}=Iu(E);return b})})}T?p([g,S,T,C,k],{supportedChainNames:w}):(o(g),c.current?c.current(g):console.warn("onDisconnectWallet handler hasn't been set. Are you sure?"))}},"handleUpdatesForLegacy"),f=i((g,S,T,C,k)=>{if(S===nn.CONNECTED&&T){let w={walletType:g,network:C.network??void 0,accounts:C.accounts??void 0};l.current?l.current(w):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}if(S===nn.NETWORK&&T){let w={walletType:g,network:T,accounts:C.accounts??void 0};l.current?l.current(w):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}},"handleUpdatesForBoth");return{handler:i((g,S,T,C,k)=>{k.isHub?m(g,S,T,C,k):h(g,S,T,C,k),f(g,S,T,C,k)},"handler")}}i(Au,"useUpdates");import{LegacyEvents as uT}from"@rango-dev/wallets-core/legacy";function Nu(t,e){let[o,n,r,a,s]=e;n!==uT.PROVIDER_DISCONNECTED&&t(o,n,r,a,s)}i(Nu,"propagateEvents");var ni=dT({onConnectWallet:()=>{},onDisconnectWallet:()=>{}});function gT(t){let{updateConfig:e,updateSettings:o,fetch:n,fetchStatus:r}=y(),a=y().blockchains(),s=y().config,l={walletConnectProjectId:s?.walletConnectProjectId,trezorManifest:s?.trezorManifest,tonConnect:s.tonConnect,walletConnectListedDesktopWalletLink:t.config.__UNSTABLE_OR_INTERNAL__?.walletConnectListedDesktopWalletLink},{providers:c}=cs(s.wallets,l),u=Wu(),p=Wu(),{handler:m}=Au({onConnectWalletHandler:u,onDisconnectWalletHandler:p});Bu(()=>{n().catch(console.log)},[]),Bu(()=>{t.config&&(e(t.config),o(t.config),window.__rango={config:s,dappConfig:t.config})},[t.config,r]);let h=te.use.isActiveTab(),f=fT(()=>({onConnectWallet:d=>{u.current=d},onDisconnectWallet:d=>{p.current=d}}),[]);return oi.createElement(ni.Provider,{value:f},oi.createElement(mT,{allBlockChains:a,providers:c,onUpdateState:(d,g,S,T,C)=>{let k=[d,g,S,T,C];m(...k),t.onUpdateState&&Nu(t.onUpdateState,k)},autoConnect:!!h,configs:{wallets:s.wallets}},t.children))}i(gT,"Main");function ri(t){let{config:e,...o}=t;return oi.createElement(tu,{config:e},oi.createElement(gT,{...o,config:e}))}i(ri,"WidgetWallets");import Ia from"react";import hT,{Fragment as yT}from"react";import{MemoryRouter as ST,useInRouterContext as CT}from"react-router";function Lu({children:t}){let o=CT()?yT:ST;return hT.createElement(o,null,t)}i(Lu,"AppRouter");import{I18nManager as IA}from"@rango-dev/ui";import Gc from"react";import $e from"react";import{useRoutes as fA}from"react-router-dom";var F={home:"/",fromSwap:"from-swap",toSwap:"to-swap",blockchains:"blockchains",settings:"settings",customTokens:"custom-tokens",addCustomTokens:"add-custom-tokens",liquiditySources:"liquidity-sources",bridges:"bridges",exchanges:"exchanges",languages:"languages",swaps:"swaps",wallets:"wallets",confirmSwap:"confirm-swap",swapDetails:":requestId",routes:"routes"};import{useEffect as an,useRef as di}from"react";import Je from"bignumber.js";import{create as wT}from"zustand";import{subscribeWithSelector as bT}from"zustand/middleware";import{i18n as kt}from"@lingui/core";import{getRelatedWalletOrNull as vT,RouteEventType as gP}from"@rango-dev/queue-manager-rango-preset";import qe from"bignumber.js";import{PendingSwapNetworkStatus as ui}from"rango-types";import{i18n as ze}from"@lingui/core";var oe=i(()=>({genericServerError:ze.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:ze.t("Please reset your liquidity sources."),description:ze.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources.")},noResultError:{title:ze.t("No Routes Found."),description:ze.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:ze.t("Bridge Limit Error: Please increase your amount."),decreaseAmount:ze.t("Bridge Limit Error: Please decrease your amount.")},highValueLossError:{impactTitle:ze.t("High Price Impact"),title:ze.t("Price impact is too high!"),description:ze.t("The price impact is significantly higher than the allowed amount."),confirmMessage:ze.t("Confirm high price impact")},quoteUpdatedWithHighValueLoss:{title:ze.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:ze.t("USD Price Unknown"),title:ze.t("USD Price Unknown, Cannot calculate Price Impact."),description:ze.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:ze.t("Confirm USD Price Unknown")}}),"errorMessages");function Mu(t){return t.type===0?t.diagnosisMessage??oe().noResultError.title:t.type===1?t.diagnosisMessage??oe().genericServerError:""}i(Mu,"getQuoteErrorMessage");import{i18n as ii}from"@lingui/core";var vo=i(()=>({connectWallet:ii.t("Connect Wallet"),swap:ii.t("Swap"),swapAnyway:ii.t("Swap anyway"),ethWarning:ii.t("The route goes through Ethereum. Continue?")}),"swapButtonTitles");function ps(t,e){return{"Network Fee":e("Network Fee"),"Swapper Fee":e("Protocol Fee"),"Affiliate Fee":e("Affiliate Fee"),"Outbound network fee":e("Outbound Fee"),"Rango Fee":e("Rango Fee")}[t]}i(ps,"getFeeLabel");var us=["RECOMMENDED","CENTRALIZED","LOWEST_FEE","FASTEST","HIGH_IMPACT"],Pu=100,_u=30,Du=15,$u=60;var Fu=[{threshold:-10,minInput:400},{threshold:-5,minInput:1e3}],Ou=[{threshold:-1,minInput:1e3},{threshold:-2,minInput:500}];import{getLastSuccessfulStep as kT}from"@rango-dev/queue-manager-rango-preset";import tP from"bignumber.js";function zu(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(zu,"getRequiredBalanceOfWallet");function Ut(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}i(Ut,"getPriceImpactLevel");function si(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],a=kT(t.steps),s={blockchain:r.toBlockchain,symbol:r.toSymbol,address:r.toSymbolAddress},l=So(a?a.toBlockchain:n.fromBlockchain,e),c=So(r.toBlockchain,e),u=o(a?{blockchain:l?.name??"",symbol:a.toSymbol,address:a.toSymbolAddress}:{blockchain:l?.name??"",symbol:n.fromSymbol,address:n.fromSymbolAddress}),p=o(s),m=a?a.outputAmount??"":t.inputAmount;return{fromBlockchain:l,fromToken:u,toBlockchain:c,toToken:p,inputAmount:m}}i(si,"createRetryQuote");function rn(t){let{previousQuote:e,currentQuote:o,findToken:n,userSlippage:r}=t,a=Qn(o),s=ht(o);if(o&&a&&s){let u=Ot(a.toString(),s.toString());if(!!u&&Vu(a,u)){let m=ci(o?.swaps,n),h=Ut(u);return{type:0,inputUsdValue:a,outputUsdValue:s,priceImpact:u,totalFee:m,warningLevel:h}}}if(e&&Xu(e,o))return{type:4,usdValueChange:M(ht(o)?.minus(ht(e)??0).toString()??"0",null,2),percentageChange:M(Ot(ht(e)??"1",ht(o)??"1"),null,2)};if(o&&(!a||!s))return{type:1};let l=pi(o.swaps),c=r>Gr;if(ju(t.userSlippage.toString(),l)){if(c&&parseFloat(l??"0")<r)return{type:3,slippage:r.toString()}}else return{type:2,recommendedSlippages:Ku(o,r),minRequiredSlippage:l};return null}i(rn,"generateQuoteWarnings");function Hu(t){return![4].includes(t.type)}i(Hu,"isQuoteWarningConfirmationRequired");function Ot(t,e){let o=typeof e=="string"?parseFloat(e)<=0:!e?.gt(0),n=!t||!e||o?null:ms(t.toString(),e.toString());return n&&n<0?n:null}i(Ot,"getPriceImpact");var Qu=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"),li=i((t,e)=>e.sort((o,n)=>{let r=i(u=>u.scores?.find(p=>p.preferenceType===t)?.score??0,"getScore"),a=r(o),s=r(n);if(a!==s)return s-a;let l=o.requestId.toLowerCase(),c=n.requestId.toLowerCase();return l.localeCompare(c)}),"sortQuotesBy"),qu=i((t,e,o)=>{if(!e.length)return null;if(!t)return{requestAmount:o,validationStatus:null,...e[0]};let n=new Set(t.swaps.map(a=>a.swapperId)),r=e.find(a=>{let s=new Set(a.swaps.map(l=>l.swapperId));return Array.from(n).every(l=>s.has(l))});return{requestAmount:o,validationStatus:null,...r||e[0]}},"getDefaultQuote"),Gu=i(t=>{let e=i((o,n)=>{let r=us.indexOf(o.value),a=us.indexOf(n.value);return r!==-1&&a!==-1?r-a:r!==-1?-1:a!==-1?1:0},"customSort");return t.sort(e)},"sortTags");function Vu(t,e){if(!t)return!1;let o=parseInt(e.toFixed(2)||"0");return Fu.some(({threshold:n,minInput:r})=>o<=n&&t.gte(new qe(r)))}i(Vu,"hasHighValueLoss");function Yu(t){return(t||[]).filter(e=>{let o=e.fromAmountMinValue?new qe(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new qe(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(Yu,"hasLimitError");function Zu(t){let e=(t||[]).filter(l=>{let c=l.fromAmountMinValue?new qe(l.fromAmountMinValue):null,u=l.fromAmountMaxValue?new qe(l.fromAmountMaxValue):null;return l.fromAmountRestrictionType==="EXCLUSIVE"?c?.gte(l.fromAmount)||u?.lte(l.fromAmount):c?.gt(l.fromAmount)||u?.lt(l.fromAmount)})[0],o=e.fromAmountMinValue?new qe(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new qe(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",a="",s="";return!r&&o&&o.gt(e.fromAmount)?(a=kt.t({id:"Required: >= {min} {symbol}",values:{min:M(o,6,6),symbol:e.from.symbol}}),s=oe().bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(a=kt.t({id:"Required: > {min} {symbol}",values:{min:M(o,6,6),symbol:e.from.symbol}}),s=oe().bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(a=kt.t({id:"Required: <= {max} {symbol}",values:{max:M(n,6,6),symbol:e.from.symbol}}),s=oe().bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(a=kt.t({id:"Required: < {max} {symbol}",values:{max:M(n,6,6),symbol:e.from.symbol}}),s=oe().bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:a,recommendation:s}}i(Zu,"getLimitErrorMessage");function Ju(t){let{fetchMetaStatus:e,anyWalletConnected:o,fetchingQuote:n,inputAmount:r,quote:a,warning:s,error:l,needsToWarnEthOnPath:c}=t;return e!=="success"?{title:vo().connectWallet,action:"connect-wallet",disabled:!0}:o?n||!a||l||!r||r==="0"?{title:vo().swap,action:"confirm-swap",disabled:!0}:s?{title:vo().swapAnyway,action:"confirm-warning",disabled:!1}:c?{title:vo().ethWarning,action:"confirm-warning",disabled:!1}:{title:vo().swap,action:"confirm-swap",disabled:!1}:{title:vo().connectWallet,action:"connect-wallet",disabled:!1}}i(Ju,"getSwapButtonState");function ds(t,e,o){let n=parseFloat(e||"0");return!(t&&(!o||o.lte(pe))&&e&&e!=="0"&&n!==0)}i(ds,"canComputePriceImpact");function fs(t,e){let o=pe;for(let n=0;n<t.fee.length;n++){let r=t.fee[n];if(r.expenseType==="DECREASE_FROM_OUTPUT")continue;let a=e(r.asset)?.usdPrice||null;o=o.plus(new qe(r.amount).multipliedBy(a||0))}return o}i(fs,"getUsdFeeOfStep");function ci(t,e){return t.reduce((o,n)=>o.plus(fs(n,e)),pe)}i(ci,"getTotalFeeInUsd");function gs(t){let e=pe;return e=e.plus(new qe(t.amount).multipliedBy(t.price||0)),e}i(gs,"getUsdFee");function Ru(t){return t.reduce((e,o)=>e.plus(gs(o)),pe)}i(Ru,"getTotalFeesInUsd");function em(t){return t.reduce((e,o)=>{for(let n of o.fee){let r=n.name,a=n.expenseType!=="DECREASE_FROM_OUTPUT"?e.payable:e.nonePayable;a[r]=[...a[r]||[],n]}return e},{payable:{},nonePayable:{}})}i(em,"getFeesGroup");function tm(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(tm,"checkSlippageErrors");function Ku(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(Ku,"checkSlippageWarnings");function pi(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(pi,"getMinRequiredSlippage");function ju(t,e){return e?parseFloat(t)>=parseFloat(e):!0}i(ju,"hasProperSlippage");function om(t){let{fromToken:e,toToken:o,inputAmount:n,wallets:r,selectedWallets:a,disabledLiquiditySources:s,liquiditySources:l,excludeLiquiditySources:c,slippage:u,affiliateRef:p,affiliatePercent:m,affiliateWallets:h,destination:f,contractCall:d}=t,g=a?.reduce((C,k)=>(C[k.chain]=k.address,C),{}),S=[];return r?.forEach(C=>{S.push({blockchain:C.chain,addresses:[C.address]})}),{amount:n.toString(),affiliateRef:p??void 0,affiliatePercent:m??void 0,affiliateWallets:h??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:g??{},slippage:u.toString(),contractCall:d,...f&&{destination:f},...c&&{swapperGroups:s.concat(l??[]),swappersGroupsExclude:!0},...!c&&{swapperGroups:l?.filter(C=>!s.includes(C)),swappersGroupsExclude:!1}}}i(om,"createQuoteRequestBody");function nm(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}i(nm,"getWalletsForNewSwap");function Qn(t){let e=t.requestAmount,o=t.swaps[0].from.usdPrice;if(!(!e||!o))return new qe(e).multipliedBy(o)}i(Qn,"getUsdInputFrom");function ht(t){let e=t?.outputAmount||null,o=t.swaps[t.swaps.length-1].to.usdPrice;if(!(!e||!o))return new qe(e).multipliedBy(o)}i(ht,"getUsdOutputFrom");function ms(t,e){return new qe(e).div(new qe(t)).minus(1).multipliedBy(Pu).toNumber()}i(ms,"getPercentageChange");function Xu(t,e){let o=Qn(t),n=ht(t),r=ht(e);if(!o||!n||!r)return!1;let a=ms(n.toString(),r.toString());return Ou.some(({threshold:s,minInput:l})=>a<=s&&o.isGreaterThanOrEqualTo(l))}i(Xu,"isOutputAmountChangedExcessively");function rm(t,e,o){let n=t.validationStatus,r=yo({filter:"required",quote:t});return e.sort((s,l)=>r.indexOf(s.chain)-r.indexOf(l.chain)).flatMap(s=>zu(s,n)||[]).filter(s=>!s.ok).map(s=>{let l=s.asset.symbol,c=M(new qe(s.currentAmount.amount).shiftedBy(-s.currentAmount.decimals),8,8),u=M(new qe(s.requiredAmount.amount).shiftedBy(-s.requiredAmount.decimals),8,8),p="";return s.reason==="FEE"&&(p=kt.t(" for network fee")),s.reason==="INPUT_ASSET"&&(p=kt.t(" for swap")),s.reason==="FEE_AND_INPUT_ASSET"&&(p=kt.t(" for input and network fee")),kt.t({id:"Needs \u2248 {requiredAmount} {symbol}{reason}, but you have {currentAmount} {symbol} in your {blockchain} wallet.",values:{requiredAmount:u,symbol:l,reason:p,currentAmount:c,blockchain:dt(s.asset.blockchain,o)}})})}i(rm,"generateBalanceWarnings");function qn(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==ui.NetworkChanged}i(qn,"isNetworkStatusInWarningState");function im(t,e,o){let n="bellow button or",r=t.extraMessage,a=t.extraMessageDetail;if(t.networkStatusExtraMessageDetail?.includes(n)&&(t.networkStatusExtraMessageDetail=t.networkStatusExtraMessageDetail.replace(n,"")),qn(e)){r=t.networkStatusExtraMessage||"",a=t.networkStatusExtraMessageDetail||"";let u=(e?vT(t,e):null)?.walletType,p=u?o?.(u)?.name:null;switch(e?.networkStatus){case ui.WaitingForConnectingWallet:r=p?kt.t("Connect {wallet}",{wallet:p}):r;break;case ui.WaitingForQueue:r=r||kt.t("Waiting for other running tasks to be finished");break;case ui.WaitingForNetworkChange:r=r||kt.t("Waiting for changing wallet network");break;default:r=r||"";break}}a=a||"",r=r||"";let l=r?.indexOf("code")!==-1&&r?.indexOf("reason")!==-1;return{shortMessage:r,detailedMessage:{content:a,long:l}}}i(im,"getSwapMessages");function am(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(am,"getLastConvertedTokenInFailedSwap");function sm(t){return t.status==="failed"}i(sm,"shouldRetrySwap");function lm(t,e,o,n,r,a){if(!n||t)return!0;let s=yo({filter:"all",quote:n}),l=yo({filter:"required",quote:n}),c=s.every(m=>r.some(h=>h.chain===m)),u=l.every(m=>r.some(h=>h.chain===m)),p=o&&a?Ho(a,o):!1;return!e&&!c||e&&!o||e&&!!o&&(!p||!u)}i(lm,"isConfirmSwapDisabled");function cm(t,e){return t.blockchain===e.blockchain&&t.symbol===e.symbol&&t.address===e.address}i(cm,"isTokensIdentical");var mi=i((t,e)=>t?.usdPrice?new Je(e||pe).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),O=Vo(wT()(bT(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new Je(0),outputUsdValue:new Je(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=pe,a=o.inputUsdValue;return xn(o.inputAmount)?(e&&(n=e?.outputAmount?new Je(e?.outputAmount):null,a=Qn(e)??pe,r=ht(e)??pe),{selectedQuote:e,...!!e&&{outputAmount:n,outputUsdValue:r,inputUsdValue:a}}):{}}),resetAlerts:()=>t(()=>({error:null,warning:null})),resetQuote:()=>t(()=>({selectedQuote:null,outputAmount:null,outputUsdValue:new Je(0),quotes:null,refetchQuote:!0,error:null,warning:null})),setFromBlockchain:e=>{t(o=>o.fromBlockchain?.name===e?.name?{}:{fromBlockchain:e,inputUsdValue:new Je(0),...o.fromToken&&{selectedQuote:null,fromToken:null,outputAmount:null,outputUsdValue:new Je(0)}})},setFromToken:e=>t(o=>({fromToken:e.token,...e.token&&{fromBlockchain:e.meta.blockchains.find(n=>n.name===e.token.blockchain)??null},...!!o.inputAmount&&{inputUsdValue:mi(e.token,o.inputAmount)}})),setToBlockchain:e=>{t(o=>o.toBlockchain?.name===e?.name?{}:{toBlockchain:e,...o.toToken&&{selectedQuote:null,toToken:null,outputAmount:null,outputUsdValue:new Je(0)}})},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:null,outputUsdValue:new Je(0),selectedQuote:null},...!!o.fromToken&&{inputUsdValue:mi(o.fromToken,e)}}))},retry:e=>{let{fromBlockchain:o,fromToken:n,toBlockchain:r,toToken:a,inputAmount:s}=e;t({fromBlockchain:o,fromToken:n,inputAmount:s,outputAmount:null,inputUsdValue:mi(n??null,s),outputUsdValue:new Je(0),toBlockchain:r,toToken:a,selectedQuote:null})},switchFromAndTo:()=>t(e=>({fromBlockchain:e.toBlockchain,fromToken:e.toToken,toBlockchain:e.fromBlockchain,toToken:e.fromToken,inputAmount:e.outputAmount?.toString()||"",inputUsdValue:e.toToken?mi(e.toToken,e.outputAmount?.toString()||""):new Je(0)})),resetFromBlockchain:()=>t(()=>({fromToken:null,fromBlockchain:null,outputUsdValue:new Je(0),inputUsdValue:new Je(0),inputAmount:"",outputAmount:null,selectedQuote:null})),resetToBlockchain:()=>t(()=>({toToken:null,toBlockchain:null,outputAmount:null,outputUsdValue:new Je(0),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})})))),pm=O.subscribe((t,e)=>{(t.fromBlockchain!==e.fromBlockchain||t.fromToken!==e.fromToken||t.toBlockchain!==e.toBlockchain||t.toToken!==e.toToken||t.inputAmount!==e.inputAmount)&&Ce.emit("quoteEvent",{type:"quoteInputUpdate",payload:{fromBlockchain:t.fromBlockchain?.name,toBlockchain:t.toBlockchain?.name,fromToken:t.fromToken?{symbol:t.fromToken.symbol,name:t.fromToken.name,address:t.fromToken.address}:void 0,toToken:t.toToken?{symbol:t.toToken.symbol,name:t.toToken.name,address:t.toToken.address}:void 0,requestAmount:t.inputAmount}}),t.selectedQuote?.requestId!==e.selectedQuote?.requestId&&Ce.emit("quoteEvent",{type:"quoteOutputUpdate",payload:t.selectedQuote?{requestAmount:t.selectedQuote.requestAmount,swaps:t.selectedQuote.swaps,outputAmount:t.selectedQuote.outputAmount,resultType:t.selectedQuote.resultType,tags:t.selectedQuote.tags}:null})});function um(){let{setInputAmount:t,setToToken:e,setToBlockchain:o,setFromBlockchain:n,resetQuote:r,setFromToken:a,fromToken:s,toToken:l,fromBlockchain:c,toBlockchain:u}=O(),p=y().config,m=y().fetchStatus,h=y().blockchains(),{findToken:f}=y(),{setAffiliateRef:d,setAffiliatePercent:g,setAffiliateWallets:S}=y(),T=p?.from?.tokens,C=p?.from?.blockchains,k=p?.to?.tokens,w=p?.to?.blockchains,x=di(void 0),I=di(void 0),A=di(void 0),E=di(void 0);an(()=>{typeof p.amount<"u"&&t(p.amount.toString())},[p?.amount]),an(()=>{if(m==="success"){r();let b=h.find(P=>P.name===p?.from?.blockchain),v=p?.from?.token,B=v&&f(v);(b||!b&&A.current)&&n(b??null),B?a({token:B,meta:{blockchains:h}}):!B&&x.current&&a({token:null}),A.current=p?.from?.blockchain,x.current=p?.from?.token}},[p?.from?.token?.symbol,p?.from?.token?.address,p?.from?.token?.blockchain,p?.from?.blockchain,m]),an(()=>{Oa(s,T)&&a({token:null}),Ua(c,C)&&n(null)},[T,C]),an(()=>{Oa(l,k)&&a({token:null}),Ua(u,w)&&o(null)},[k,w]),an(()=>{if(m==="success"){r();let b=h.find(P=>P.name===p?.to?.blockchain),v=p?.to?.token,B=v&&f(v);(b||!b&&E.current)&&o(b??null),B?e({token:B,meta:{blockchains:h}}):!B&&I.current&&e({token:null}),E.current=p?.to?.blockchain,I.current=p?.to?.token}},[p?.to?.token?.symbol,p?.to?.token?.address,p?.to?.token?.blockchain,p?.to?.blockchain,m]),an(()=>{d(p?.affiliate?.ref??null),g(p?.affiliate?.percent??null),S(p?.affiliate?.wallets??null)},[p?.affiliate?.ref,p?.affiliate?.percent,p?.affiliate?.wallets])}i(um,"useSyncStoresWithConfig");import{useEffect as Ss,useRef as xT}from"react";import{useInRouterContext as ET,useLocation as IT,useSearchParams as AT}from"react-router-dom";function hs(t,e){let o=t.split("--");return{blockchain:e.name,address:o?.[1]||null,symbol:o[0]}}i(hs,"convertTokenSearchParamToAsset");function ys(t){if(t)return`${t.symbol}${t.address?`--${t.address}`:""}`}i(ys,"tokenToSearchParam");function Ts(){let t=IT(),[e,o]=AT(),{fromBlockchain:n,toBlockchain:r,fromToken:a,toToken:s,inputAmount:l,setFromBlockchain:c,setToBlockchain:u,setFromToken:p,setToToken:m,setInputAmount:h}=O(),f=y().fetchStatus,d=y().blockchains(),g=ET(),{updateIframe:S,updateCampaignMode:T}=y(),C=y().isInCampaignMode(),k=xT(),{findToken:w}=y(),x=i(()=>{let A={};for(let[L,X]of e.entries())L.startsWith("utm_")&&(A[L]=X);let E=e.get("fromAmount"),b=e.get("fromBlockchain"),v=e.get("fromToken"),B=e.get("toBlockchain"),P=e.get("toToken"),_=e.get("autoConnect"),V=e.get("clientUrl"),ee=e.get("liquiditySources"),j=e.get("blockchain");return{fromAmount:E,fromBlockchain:b,fromToken:v,toBlockchain:B,toToken:P,autoConnect:_,clientUrl:V,liquiditySources:ee,utmQueryParams:A,blockchain:j}},"getUrlSearchParams"),I=i(A=>{for(let E in A)A[E]||delete A[E];o(A,{replace:!0})},"updateUrlSearchParams");Ss(()=>{let{autoConnect:A,clientUrl:E,utmQueryParams:b,blockchain:v}=x();g&&f==="success"&&I({fromBlockchain:n?.name,fromToken:ys(a),toBlockchain:r?.name,toToken:ys(s),fromAmount:l,autoConnect:A??void 0,clientUrl:E??void 0,blockchain:v??void 0,liquiditySources:C?k.current:void 0,...b})},[t.pathname,l,n,a,r,s,C]),Ss(()=>{if(!g)return;let A=x();if(!k.current&&A.liquiditySources&&(k.current=A.liquiditySources),A.fromAmount&&h(A.fromAmount),f==="success"){let E=d.find(P=>P.name===A.fromBlockchain),b=A.fromToken&&E?w(hs(A.fromToken,E)):void 0,v=d.find(P=>P.name===A.toBlockchain),B=A.toToken&&v?w(hs(A.toToken,v)):void 0;E&&(c(E),b&&p({token:b,meta:{blockchains:d}})),v&&(u(v),B&&m({token:B,meta:{blockchains:d}}))}},[f]),Ss(()=>{let{clientUrl:A,liquiditySources:E}=x();S("clientUrl",A||void 0),T("liquiditySources",E?.split(",")??void 0)},[])}i(Ts,"useSyncUrlAndStore");import{i18n as mn}from"@lingui/core";import{Alert as Yk,Button as Zk,darkTheme as Jk,Divider as Zs,DoneIcon as Rk,styled as ev,TextField as tv,Typography as ov}from"@rango-dev/ui";import Qe,{useState as nv}from"react";import{useNavigate as rv,useSearchParams as iv}from"react-router-dom";import{ChevronRightIcon as NT,Divider as hm,Image as BT,Typography as ym}from"@rango-dev/ui";import vt from"react";import{darkTheme as mm,styled as ks}from"@rango-dev/ui";var dm=ks("div",{display:"flex",justifyContent:"space-between",width:"100%",height:"$40",padding:"$4 $10",borderRadius:"$sm",cursor:"pointer",alignItems:"center",backgroundColor:"$neutral300",[`.${mm} &`]:{backgroundColor:"$neutral400"},"&:hover":{backgroundColor:"$secondary100",[`.${mm} &`]:{backgroundColor:"$neutral500"}},variants:{disabled:{true:{cursor:"default","&:hover":{borderColor:"$neutral300","& svg":{color:"$neutral700"}}}}}}),fm=ks("div",{display:"flex",flexDirection:"column",width:"100%",".title_typography":{textTransform:"capitalize"}}),gm=ks("div",{display:"flex"});function vs(t){let{onClick:e,value:o,title:n,hasLogo:r,placeholder:a,disabled:s}=t;return vt.createElement(fm,null,vt.createElement(ym,{size:"large",variant:"label"},n),vt.createElement(hm,{size:10}),vt.createElement(dm,{onClick:s?void 0:e,disabled:s},vt.createElement(gm,null,r&&vt.createElement(vt.Fragment,null,vt.createElement(BT,{src:o?.logo,size:16,useAsPlaceholder:!o?.logo,type:"circular"}),vt.createElement(hm,{size:4,direction:"horizontal"})),vt.createElement(ym,{className:"title_typography",size:"medium",variant:"label"},o?.name||a)),vt.createElement(NT,{size:12,color:"black"})))}i(vs,"BlockchainSelectorButton");import{i18n as Is}from"@lingui/core";import{Button as PT,Divider as km,MessageBox as _T}from"@rango-dev/ui";import Rt,{useEffect as vm,useState as As}from"react";import{i18n as fi}from"@lingui/core";import{Divider as wo,ExternalLinkIcon as LT,Image as MT,Typography as ln}from"@rango-dev/ui";import ke from"react";var Sm="https://blog.rango.exchange/understanding-the-risks-of-using-custom-token-contract-addresses-96022308eca4";function Cm(t,e){if(e.type==="COSMOS")return"";let o=e.info?.addressUrl;return!o||!t?"":o.replace("{wallet}",t)}i(Cm,"generateExplorerLink");import{Button as WT,darkTheme as sn,styled as ws}from"@rango-dev/ui";var bs=ws("a",{textDecoration:"none",color:"$colors$neutral700",[`.${sn} &`]:{color:"$colors$neutral900"},"& svg":{marginLeft:"$4",color:"$colors$neutral700",[`.${sn} &`]:{color:"$colors$neutral900"}},variants:{hasHover:{true:{"&:hover":{color:"$colors$secondary550",[`.${sn} &`]:{color:"$colors$secondary500"},"& svg":{color:"$colors$secondary550",[`.${sn} &`]:{color:"$colors$secondary500"}}}},false:{}}}}),Tm=ws("div",{display:"flex",justifyContent:"center",flexDirection:"column",alignItems:"center",textAlign:"center","& ._blockchain-name, & ._coin-source":{color:"$colors$neutral600",[`.${sn} &`]:{color:"$colors$neutral800"}},"& ._coin-source-name, & ._custom-token-description":{color:"$colors$neutral700",[`.${sn} &`]:{color:"$colors$neutral900"}}}),xs=ws(WT,{minHeight:"$40"});function Es(t){let{open:e,onClose:o,token:n,onExit:r,onSubmitClick:a,blockchain:s}=t,l=Cm(n.address,s),c=i(()=>window.open(Sm,"_blank"),"onClickLearnMore");return ke.createElement(J,{open:e,dismissible:!0,onClose:o,onExit:r,container:N()},ke.createElement(Tm,null,ke.createElement(MT,{src:n.image===""?Qr:n.image,size:45,type:"circular"}),ke.createElement(wo,{size:4}),ke.createElement(ln,{variant:"title",size:"medium"},n.symbol),ke.createElement(ln,{variant:"body",size:"small",className:"_blockchain-name"},s.displayName),ke.createElement(wo,{size:4}),ke.createElement(ln,{variant:"body",size:"medium"},l?ke.createElement(bs,{hasHover:!0,href:l,target:"_blank",rel:"nofollow noreferrer"},n.address,ke.createElement(LT,{size:12,color:"gray"})):ke.createElement(bs,null,n.address)),ke.createElement(wo,{size:4}),n.coinSource&&ke.createElement(ln,{className:"_coin-source",variant:"body",size:"xsmall"},fi.t("via")," ",ke.createElement(ln,{className:"_coin-source-name",variant:"body",size:"xsmall"},n.coinSource)),ke.createElement(wo,{size:"32"}),ke.createElement(ln,{size:"medium",variant:"body",className:"_custom-token-description"},fi.t("This token is not part of our verified token list. please verify its source and make sure to understand all associated risks before proceeding."))),ke.createElement(wo,{size:40}),ke.createElement(wo,{size:10}),ke.createElement(xs,{id:"widget-custom-token-modal-import-btn",variant:"contained",size:"large",type:"primary",fullWidth:!0,onClick:a},fi.t("Import Anyway")),ke.createElement(wo,{size:10}),ke.createElement(xs,{id:"widget-custom-token-modal-learn-more-btn",variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:c},fi.t("Learn More")))}i(Es,"CustomTokenModal");function Gn(t){let{token:e,blockchain:o,error:n,address:r,fetchCustomToken:a,onCloseErrorModal:s,onImport:l,onExitErrorModal:c,onExitImportModal:u}=t,{setCustomToken:p}=y(),[m,h]=As(!1),[f,d]=As(!1),[g,S]=As(!1),T=i(()=>{o&&a?.({blockchain:o.name,tokenAddress:r})},"getCustomToken"),C=i(()=>{n?.type!=="network-error"&&s?.(),h(!1)},"closeErrorModal"),k=i(()=>{S(!0),C()},"handleErrorModalButtonClick"),w=i(()=>{g&&n?.type==="network-error"&&(S(!1),T()),c()},"handleExit"),x=i(()=>{e&&(p(e),l())},"handleSubmit");return vm(()=>{n&&h(!0)},[n]),vm(()=>{o&&e&&d(!0)},[o,e]),Rt.createElement(Rt.Fragment,null,Rt.createElement(J,{open:m,dismissible:!0,onClose:C,onExit:w,container:N()},Rt.createElement(_T,{title:n?.title??"",type:"error",description:n?.message||Is.t("Failed Network, Please retry.")},Rt.createElement(km,{size:40}),Rt.createElement(km,{size:10}),Rt.createElement(PT,{id:`widget-add-custom-token-${n?.type==="network-error"?"retry":"add-another"}-btn`,variant:"contained",size:"large",type:"primary",fullWidth:!0,onClick:k},n?.type==="network-error"?Is.t("Retry"):Is.t("Add another custom token")))),o&&e&&Rt.createElement(Es,{blockchain:o,token:e,onSubmitClick:x,onClose:()=>d(!1),open:f,onExit:u}))}i(Gn,"ImportCustomToken");import{useManager as qk}from"@rango-dev/queue-manager-react";import{BottomLogo as Gk,Divider as Rm,Header as Vk}from"@rango-dev/ui";import Ae,{useEffect as ki,useLayoutEffect as Kk,useRef as ed,useState as td}from"react";import{useRef as DT}from"react";function Vn(){return window.self!==window.top}i(Vn,"isAppLoadedIntoIframe");function Ns(){let t=DT(null),{iframe:e}=y(),o=Vn()&&e.clientUrl,n=i(s=>{o&&window.top?.postMessage(s,e.clientUrl)},"send");return{send:n,connectHeightObserver:i(s=>{t.current=new ResizeObserver(l=>{for(let c of l)n({type:"widget_height",data:{height:c.contentRect.height}})}),t.current.observe(s)},"connectHeightObserver"),disconnectHeightObserver:i(()=>{t.current&&(t.current.disconnect(),t.current=null)},"disconnectHeightObserver")}}i(Ns,"useIframe");import{useNavigate as $T}from"react-router-dom";function He(){let t=$T();return()=>t(-1)}i(He,"useNavigateBack");import{useLayoutEffect as FT,useState as Kn}from"react";var wm=480,bm=768,xm=1024,Em=1200,OT=i(()=>{let[t,e]=Kn(!1),[o,n]=Kn(!1),[r,a]=Kn(!1),[s,l]=Kn(!1),[c,u]=Kn(!1),p=i(()=>{e(window.innerWidth<=wm),n(window.innerWidth>wm&&window.innerWidth<=bm),a(window.innerWidth>bm&&window.innerWidth<=xm),l(window.innerWidth>xm&&window.innerWidth<=Em),u(window.innerWidth>Em)},"handleResize");return FT(()=>(p(),window.addEventListener("resize",p),()=>window.removeEventListener("resize",p)),[]),{isMobile:t,isTablet:o,isNotebook:r,isLargeScreen:s,isExtraLargeScreen:c}},"useScreenDetect"),cn=OT;import{createTheme as Ds,darkTheme as RT,lightTheme as ek}from"@rango-dev/ui";import{useEffect as tk,useState as ok}from"react";import{theme as ZT,darkColors as JT}from"@rango-dev/ui";import Ps from"react";function UT(t){return t.startsWith("#")&&(t=t.slice(1)),t.length===3?`#${t.split("").reduce(function(n,r){return n+r+r},"")}`:`#${t}`}i(UT,"expandShortHexColor");function zT(t){return/[0-9]+$/.test(t)}i(zT,"isOverridingColor");function HT(t,e){return t.padStart(e,"0")}i(HT,"pad");function Bs(t){let e=Math.min(Math.max(Math.round(t),0),255);return HT(e.toString(16),2)}i(Bs,"intToHex");function QT(t){return`#${Bs(t.red)}${Bs(t.green)}${Bs(t.blue)}`}i(QT,"rgbToHex");function qT(t){let e=parseInt(t.slice(1,3),16),o=parseInt(t.slice(3,5),16),n=parseInt(t.slice(5,7),16);return{red:e,green:o,blue:n}}i(qT,"hexToRGB");function GT(t,e){let o=1-.11*e;return{red:t.red*o,green:t.green*o,blue:t.blue*o}}i(GT,"generateShade");function VT(t,e){let o=.11*e;return{red:t.red+(255-t.red)*o,green:t.green+(255-t.green)*o,blue:t.blue+(255-t.blue)*o}}i(VT,"generateTint");function KT(t){return Im(t,GT)}i(KT,"calculateShades");function jT(t){return Im(t,VT)}i(jT,"calculateTints");function Im(t,e){let o=qT(t),n=[];for(let r=1;r<9;r++)n.push(QT(e(o,r)));return n}i(Im,"calculateColors");function Ws(t,e,o){let a=jT(t).reverse().concat(t),s=KT(t),l=a.concat(s),c={},u=l.length;for(let p=0;p<u;p++){let m=100+(o?u-1-p:p)*50;c[`${e}${m}`]=l[p]}return c}i(Ws,"createTintsAndShades");function Ls(t,e,o){let n={...t};for(let r in e){let a=e[r],s=r==="neutral"&&!!o?.reverseNeutralRange;if(!["background","foreground"].includes(r)&&!zT(r)){let c=UT(a);Object.assign(n,Ws(c,r,s))}}return{...n,...e}}i(Ls,"expandToGenerateThemeColors");var Am=i(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),XT=i(t=>{let e="",o;for(o=Math.abs(t);o>52;o=o/52|0)e=Am(o%52)+e;return Am(o%52)+e},"toAlphabeticName"),YT=i((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),Ms=i(t=>XT(YT(5381,JSON.stringify(t))>>>0),"toHash");function _s(t){let e=ZT.colors,o={...e,...JT},n,r;if(t?.light){let s={colors:Ls(e,t.light)};n={id:`${Fa}-light-${Ms(s)}`,tokens:s}}if(t?.dark){let s={colors:Ls(o,t.dark,{reverseNeutralRange:!0})};r={id:`${Fa}-dark-${Ms(s)}`,tokens:s}}return{light:n,dark:r}}i(_s,"customizedThemeTokens");function Nm(t,e){if(t.length<=1)return t.map(({element:n,key:r})=>Ps.cloneElement(n,{key:r}));let o=[];return t.forEach((n,r)=>{let{element:a,key:s}=n;if(o.push(Ps.cloneElement(a,{key:s})),r<t.length-1){let l=`divider-${r}`;o.push(Ps.cloneElement(e,{key:l}))}}),o}i(Nm,"joinList");function Bm(){return window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches}i(Bm,"doesWindowPreferDarkColorScheme");function pn(t){let{colors:e,fontFamily:o=Zc,borderRadius:n=Pp,secondaryBorderRadius:r=_p}=t,[a,s]=ok(Bm()?"dark":"light"),{theme:l}=y(),{dark:c,light:u}=_s(e),p=Ds({shadows:t.shadows||{},radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),m=[p.className,ek.className],h=[p.className,RT.className];if(u){let d=Ds(u.id,u.tokens);m.push(d.className)}if(c){let d=Ds(c.id,c.tokens);h.push(d.className)}return tk(()=>{let d=i(g=>{g.matches?s("dark"):s("light")},"switchThemeListener");return Bm()&&s("dark"),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",d),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",d)}},[]),{activeTheme:i(()=>{let d=m.join(" "),g=h.join(" ");return l==="auto"?a==="dark"?g:d:l==="dark"?g:d},"getActiveTheme"),mode:l==="auto"?a:l}}i(pn,"useTheme");var yt=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 Wm}from"@lingui/core";import{Alert as nk,Button as rk}from"@rango-dev/ui";import Lm from"react";function $s(t){return Lm.createElement(nk,{action:Lm.createElement(rk,{id:"widget-active-tab-btn",onClick:t.onActivateTab,variant:"contained",size:"xxsmall",type:"warning"},Wm.t("Activate this tab")),type:"warning",variant:"alarm",title:Wm.t("Another tab is open and handles transactions.")})}i($s,"ActivateTabAlert");import{i18n as Fs}from"@lingui/core";import{Button as ik,Divider as ak,MessageBox as sk}from"@rango-dev/ui";import gi from"react";function Os(t){let{open:e,onClose:o,onConfirm:n}=t;return gi.createElement(J,{open:e,dismissible:!0,onClose:o,container:N()},gi.createElement(sk,{title:Fs.t("Activate current tab"),type:"warning",description:Fs.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.")},gi.createElement(ak,{size:20}),gi.createElement(ik,{id:"widget-modal-confirm-activate-tab-btn",variant:"contained",size:"large",type:"primary",fullWidth:!0,onClick:n},Fs.t("Confirm"))))}i(Os,"ActivateTabModal");import{ChevronLeftIcon as pk}from"@rango-dev/ui";import Um from"react";import{css as lk,darkTheme as Mm,IconButton as ck,styled as bo}from"@rango-dev/ui";var Bt=bo(ck,{width:"$24",position:"relative",padding:"0",overflow:"unset","&:hover":{backgroundColor:"$secondary100",[`.${Mm} &`]:{backgroundColor:"$neutral"}}}),Pm=bo("div",{position:"absolute",background:"$secondary500",[`.${Mm} &`]:{$$color:"$colors$secondary250"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),eo=bo("div",{display:"flex",justifyContent:"flex-end",minWidth:"$40",button:{padding:0}}),_m=bo("div",{position:"absolute",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0",variants:{isSever:{true:{backgroundColor:"$error500"},false:{backgroundColor:"$secondary500"}}}}),Dm=bo("div",{padding:"$2",variants:{isRefetched:{true:{transform:"rotate(360deg)",transition:"transform 1s ease-in-out"}}}}),$m=bo("div",{position:"absolute",right:"$4",top:"$4",backgroundColor:"$background",borderRadius:"100%"}),Fm=lk({display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center"}),Om=bo("div",{borderRadius:"100%",border:"1.5px transparent solid","&:not(:first-child)":{marginLeft:"-$6"},img:{borderRadius:"100%"}});function Us(t){return Um.createElement(Bt,{id:"widget-header-back-icon-btn",variant:"ghost",size:"small",onClick:t.onClick},Um.createElement(pk,{color:"black",size:16}))}i(Us,"BackButton");import{i18n as uk}from"@lingui/core";import{Button as mk,Typography as dk}from"@rango-dev/ui";import zs from"react";function Hs(t){return zs.createElement(eo,null,zs.createElement(mk,{id:"widget-header-cancel-btn",variant:"ghost",onClick:t.onClick,size:"xsmall"},zs.createElement(dk,{variant:"label",size:"medium",color:"error500"},uk.t("Cancel"))))}i(Hs,"CancelButton");import{i18n as fk}from"@lingui/core";import{Image as gk,Tooltip as hk,WalletIcon as yk}from"@rango-dev/ui";import xo from"react";function Qs(t){let{list:e}=Ct(),o=e.filter(r=>r.state==="connected"),n=o.length?xo.createElement("div",{className:Fm()},o.map(r=>xo.createElement(Om,{key:r.title},xo.createElement(gk,{src:r.image,size:14})))):fk.t("Connect Wallet");return xo.createElement(hk,{container:t.container,side:"bottom",content:n},xo.createElement(Bt,{id:"widget-header-wallet-icon-btn",variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&xo.createElement(Pm,null),xo.createElement(yk,{size:18,color:"black"})))}i(Qs,"WalletButton");import{i18n as yi}from"@lingui/core";import{NotificationsIcon as Mk,Popover as Pk,SettingsIcon as _k,Tooltip as Si,TransactionIcon as Dk}from"@rango-dev/ui";import Me from"react";import{Notifications as kk}from"@rango-dev/ui";import vk from"react";import{useNavigate as wk}from"react-router-dom";import{create as Sk}from"zustand";import{persist as Ck,subscribeWithSelector as Tk}from"zustand/middleware";var Ie=Vo(Sk()(Ck(Tk((t,e)=>({isSynced:!1,notifications:[],setNotification:(o,n)=>{let r=n.steps[0],a=n.steps[n.steps.length-1],s={event:o,creationTime:Date.now(),requestId:n.requestId,route:{creationTime:parseInt(n.creationTime),from:{blockchain:r.fromBlockchain,address:r.fromSymbolAddress,symbol:r.fromSymbol},to:{blockchain:a.toBlockchain,address:a.toSymbolAddress,symbol:a.toSymbol}}},l=e().notifications.filter(c=>c.requestId!==n.requestId);t(()=>({notifications:[...l,s]}))},removeNotification:o=>{t(n=>({notifications:n.notifications.filter(r=>r.requestId!==o)}))},getNotifications:()=>{let{isSynced:o,notifications:n}=e();return o?n.sort((r,a)=>r.route.creationTime&&!a.route.creationTime?-1:!r.route.creationTime&&a.route.creationTime?1:!r.route.creationTime&&!a.route.creationTime?a.creationTime-r.creationTime:a.route.creationTime-r.route.creationTime):[]},syncNotifications:o=>{let{isSynced:n,notifications:r}=e();if(!n){let a=[];r.forEach(s=>{o.some(c=>c.swap.requestId===s.requestId)&&a.push(s)}),t({isSynced:!0,notifications:a})}},clearNotifications:()=>t({notifications:[]})})),{name:"notification",skipHydration:!0,partialize:({isSynced:t,...e})=>e,version:1,migrate:(t,e)=>{if(e===0){let o=t.notifications;t.notifications=o.filter(n=>!n.read).map(({read:n,...r})=>r)}return t}})));function qs(){let t=wk(),{getNotifications:e,clearNotifications:o}=Ie(),n=e(),r=y().blockchains(),{findToken:a}=y();return vk.createElement(kk,{list:n,getBlockchainImage:l=>Ip(l,r),getTokenImage:l=>a(l)?.image,onClickItem:i(l=>{t(`${F.swaps}/${l}`)},"onClickItem"),onClearAll:o})}i(qs,"NotificationContent");import{useManager as bk}from"@rango-dev/queue-manager-react";import{InProgressIcon as xk}from"@rango-dev/ui";import zm from"react";var Ek=i(()=>{let{manager:t}=bk();return yt(t).map(({swap:o})=>o).find(o=>o.status==="running")?zm.createElement($m,null,zm.createElement(xk,{color:"info",size:6})):null},"InProgressTransactionBadge"),Hm=Ek;import{EventSeverity as Ik}from"@rango-dev/queue-manager-rango-preset";import{Typography as Ak}from"@rango-dev/ui";import Qm from"react";function qm(){let{getNotifications:t}=Ie(),e=t(),o=e.length,n=!!e.find(r=>r.event.messageSeverity===Ik.WARNING);return o?Qm.createElement(_m,{isSever:n},Qm.createElement(Ak,{variant:"body",size:"xsmall",color:"$background"},o)):null}i(qm,"NotificationsBadge");import{RefreshProgressButton as Nk}from"@rango-dev/ui";import Gs,{useEffect as Bk,useState as Gm}from"react";var Wk=1e3,Vm=60,Lk=100;function hi({onClick:t}){let[e,o]=Gm(0),[n,r]=Gm(!1),a=i(c=>{document.hidden&&c&&s(c)},"handleVisibilityChange");Bk(()=>{let c;return t?c=window.setInterval(()=>{o(u=>u+1),e===Vm&&l()},Wk):s(c),document.addEventListener("visibilitychange",()=>a(c)),()=>{document.removeEventListener("visibilitychange",()=>a(c)),c&&clearInterval(c)}},[e,t]);let s=i(c=>{c&&clearInterval(c),o(0)},"clearTimeout"),l=i(()=>{t?.(),o(0),r(!0)},"handleRefreshClick");return Gs.createElement(Bt,{id:"widget-header-refresh-icon-btn",variant:"ghost",size:"small",style:{paddingTop:0,paddingBottom:0},onClick:l,disabled:!t},Gs.createElement(Dm,{onTransitionEnd:()=>r(!1),isRefetched:n},Gs.createElement(Nk,{size:22,color:t?"black":"gray",progress:e/Vm*Lk})))}i(hi,"RefreshButton");function Eo(t){let{onClickRefresh:e,onClickHistory:o,onClickSettings:n,hidden:r=[],container:a}=t,{config:{features:s}}=y(),l=Ze("notification",s)||r.includes("notifications");return Me.createElement(Me.Fragment,null,!r.includes("refresh")&&Me.createElement(Si,{container:a||N(),side:"top",content:yi.t("Refresh")},Me.createElement(hi,{onClick:e})),!l&&Me.createElement(Pk,{align:"end",alignOffset:-88,sideOffset:15,collisionPadding:{right:20,left:20},container:N(),content:Me.createElement(qs,null)},Me.createElement("div",null,Me.createElement(Si,{container:N(),side:"top",content:yi.t("Notifications")},Me.createElement(Bt,{id:"widget-header-notification-icon-btn",size:"small",variant:"ghost"},Me.createElement(Mk,{size:18,color:"black"}),Me.createElement(qm,null))))),!r.includes("settings")&&Me.createElement(Si,{container:N(),side:"top",content:yi.t("Settings")},Me.createElement(Bt,{id:"widget-header-setting-icon-btn",size:"small",variant:"ghost",onClick:n},Me.createElement(_k,{size:18,color:"black"}))),!r.includes("history")&&Me.createElement(Si,{container:N(),side:"top",content:yi.t("History")},Me.createElement(Bt,{id:"widget-header-history-icon-btn",size:"small",variant:"ghost",onClick:o},Me.createElement(Dk,{size:18,color:"black"}),Me.createElement(Hm,null))))}i(Eo,"HeaderButtons");import{i18n as Vs}from"@lingui/core";import{Divider as jm,MessageBox as Ok,RefreshIcon as Uk}from"@rango-dev/ui";import un from"react";import{Button as $k,styled as Fk}from"@rango-dev/ui";var Km=Fk($k,{"& span":{display:"flex",justifyContent:"center",alignItems:"center"}});function Ks(t){let{open:e,onClose:o}=t;return un.createElement(J,{open:e,dismissible:!0,onClose:o,container:N()},un.createElement(Ok,{title:Vs.t("Something went wrong"),type:"error",description:Vs.t("Something went wrong. Please refresh the app.")},un.createElement(jm,{size:30}),un.createElement(Km,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:()=>location.reload()},un.createElement(Uk,{size:20,color:"primary"}),un.createElement(jm,{size:4,direction:"horizontal"}),Vs.t("Refresh"))))}i(Ks,"RefreshModal");function js(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(js,"onScrollContentAttachStatusToContainer");import{css as Hk,styled as Ci}from"@rango-dev/ui";var Ti=Hk({borderRadius:"$primary",display:"flex",flexDirection:"column",overflow:"hidden",boxShadow:"$mainContainer"}),Xm=Ci("div",{position:"relative",width:"100vw",minWidth:"300px",maxWidth:"390px",backgroundColor:"$background",variants:{height:{auto:{height:"auto",maxHeight:700},fixed:{minHeight:425,maxHeight:700,height:700}},showBanner:{true:{overflow:"visible"}}}}),Ym=Ci("div",{position:"relative",overflow:"hidden",flexGrow:1,display:"flex",flexDirection:"column",padding:0,overflowY:"auto"}),Zm=Ci("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"}}}),Jm=Ci("div",{width:"100%",position:"absolute",bottom:"-$10",transform:"translateY(100%)",overflow:"hidden"});function re(t){let{connectHeightObserver:e,disconnectHeightObserver:o}=Ns(),{children:n,header:r,footer:a,height:s="fixed"}=t,{fetchStatus:l,connectedWallets:c,config:{__UNSTABLE_OR_INTERNAL__:u}}=y(),[p,m]=td(!1),{config:{features:h,theme:f}}=y(),{watermark:d,setShowCompactTokenSelector:g}=te(),S=d==="FULL",{activeTheme:T}=pn(f||{}),[C,k]=td(!1),w=Ze("connectWalletButton",h),{isActiveTab:x,tabManagerInitiated:I,showActivateTabModal:A,setShowActivateTabModal:E,activateCurrentTab:b}=te(),v=He(),{manager:B}=qk(),{isTablet:P,isMobile:_}=cn(),ee=yt(B).map(({swap:R})=>R).some(R=>R.status==="running"),j=i(()=>b(Co.forceClaim,ee),"onActivateTab"),L=i(()=>{r.onWallet?.()},"onConnectWallet"),X=typeof r.hasBackButton>"u"||r.hasBackButton,se=ed(null),z=ed(null);return ki(()=>{let R=(u?.swapBoxBanner?.routes?.length??0)===0,le=!!u?.swapBoxBanner?.routes?.some(me=>location.pathname.endsWith(me));k(!!u?.swapBoxBanner&&(R||le))},[u?.swapBoxBanner?.routes?.toString(),location.pathname]),ki(()=>(Vn()&&z.current&&e(z.current),()=>{o()}),[]),ki(()=>(se.current?.addEventListener("scroll",js),()=>{se.current?.removeEventListener("scroll",js)}),[]),ki(()=>{m(l==="failed")},[l]),Kk(()=>{let R=s==="auto"||!z.current||Vn(),le=_||P,me=i(()=>{R||(le?z.current.style.height=`${window.innerHeight-z.current.offsetTop}px`:z.current.style.height=`${700}px`,g(parseFloat(z.current.style.height)<640))},"handler");return me(),window.addEventListener("resize",me),()=>window.removeEventListener("resize",me)},[s,_,P]),Ae.createElement(Xm,{height:s,id:Ue.SWAP_BOX_ID,className:`${T()} ${Ti()}`,ref:z,showBanner:C},Ae.createElement(Vk,{prefix:X?Ae.createElement(Us,{onClick:()=>{v(),r.onBack?.()}}):null,title:r.title,suffix:Ae.createElement(Ae.Fragment,null,r.suffix,r.onWallet&&!w&&Ae.createElement(Qs,{container:N(),onClick:L,isConnected:!!c?.length}),r.onCancel&&Ae.createElement(Hs,{onClick:r.onCancel}))}),Ae.createElement(Ym,{ref:se},n),Ae.createElement(Os,{open:A,onClose:()=>E(!1),onConfirm:j}),Ae.createElement(Zm,null,Ae.createElement("div",{className:"footer__content"},I&&!x&&Ae.createElement("div",{className:"footer__alert"},Ae.createElement($s,{onActivateTab:j}),Ae.createElement(Rm,{size:10})),a),Ae.createElement(Rm,{size:12}),Ae.createElement("div",{className:`footer__logo ${S?"logo__show":"logo__hidden"}`},Ae.createElement(Gk,null))),C&&Ae.createElement(Jm,null,u?.swapBoxBanner?.element),Ae.createElement(Ks,{open:p,onClose:()=>m(!1)}))}i(re,"Layout");import{styled as jk}from"@rango-dev/ui";var od="$20 $20 $10 $20",Xs=jk("div",{padding:od,overflowY:"auto",flexGrow:1});import{styled as Xk}from"@rango-dev/ui";var ie=Xk("div",{display:"flex",flexDirection:"column",padding:"20px 20px 10px",flexGrow:1,variants:{view:{true:{flexGrow:1,overflow:"hidden"}},compact:{true:{padding:0}}}});import{i18n as to}from"@lingui/core";import{useState as Ys}from"react";function nd(){let[t,e]=Ys(!1),[o,n]=Ys(null),[r,a]=Ys(null),{findToken:s}=y(),l=y().customTokens(),c=i(()=>{a(null),e(!1),n(null)},"resetState");function u(m,h){switch(m){case"duplicated":return{type:m,title:to.t("Duplicate Token"),message:to.t("The address you entered is duplicate, please enter a new address.")};case"token-exist":return{type:m,title:to.t("Token Already Exists"),message:to.t("There's no need to add this token again because it already exists and is supported by us.")};case"not-found":return{type:m,title:to.t("Token Not Found"),message:to.t({id:"Sorry, no token was found on {blockchain} chain with the provided address. please make sure you have entered the right token address.",values:{blockchain:h}})};case"network-error":return{type:m,title:to.t("Network error"),message:to.t("An error occurred while retrieving token data.")}}}return i(u,"produceErrorMessage"),{fetchCustomToken:i(async({blockchain:m,tokenAddress:h})=>{e(!0);try{if(l.some(T=>T.address?.toLowerCase()===h.toLowerCase())){let T=u("duplicated");n(T);return}let d=await rt().getCustomToken({blockchain:m,address:h});if(!d||!d.token||d.error){let T=u("not-found",m);n(T);return}let g=d.token;if(s({blockchain:g.blockchain,address:g.address,symbol:g.symbol})){let T=u("token-exist");n(T);return}return a({...g,warning:!0})}catch(f){if(f.code==="ERR_BAD_REQUEST"){let d=u("not-found",m);n(d);return}n(u("network-error"));return}finally{e(!1)}},"fetchCustomToken"),token:r,loading:t,error:o,resetState:c}}i(nd,"useFetchCustomToken");var av=ev("div",{display:"flex",justifyContent:"space-between",flexDirection:"column",flex:1,"& ._text-field":{padding:"$4 $10",backgroundColor:"$neutral300",[`.${Jk} &`]:{backgroundColor:"$neutral400"},borderRadius:"$sm",height:"$40"}});function rd(){let t=rv(),[e]=iv(),o=He(),n=y().blockchains(),r=e.get("blockchain")||"",a=So(r,n),[s,l]=nv(""),{fetchCustomToken:c,token:u,loading:p,error:m,resetState:h}=nd(),f=!!a&&Ho(a,s),d=!a||!s||!f,g=i(()=>{a&&c({blockchain:r,tokenAddress:s})},"getCustomToken");return Qe.createElement(re,{header:{title:mn.t("Add Custom Token")}},Qe.createElement(ie,null,Qe.createElement(av,null,Qe.createElement("div",null,Qe.createElement(vs,{onClick:()=>t(F.blockchains,{replace:!0}),hasLogo:!!a?.logo,value:a?{name:a.displayName,logo:a.logo}:void 0,title:mn.t("Select chain"),placeholder:mn.t("Select chain")}),Qe.createElement(Zs,{size:"24"}),Qe.createElement(ov,{size:"large",variant:"label"},mn.t("Enter Address")),Qe.createElement(Zs,{size:10}),Qe.createElement(tv,{fullWidth:!0,disabled:!a,variant:"contained",placeholder:mn.t("Enter token address"),size:"large",value:s,suffix:!!s&&f&&Qe.createElement(Rk,{color:"success",size:12}),onChange:S=>l(S.target.value)}),!f&&!!s&&Qe.createElement(Qe.Fragment,null,Qe.createElement(Zs,{size:4}),Qe.createElement(Yk,{type:"error",variant:"alarm",title:"Invalid Address"}))),Qe.createElement(Zk,{id:"widget-add-custom-token-import-btn",disabled:d,type:"primary",variant:"contained",loading:p,size:"large",onClick:g},mn.t("Import"))),Qe.createElement(Gn,{token:u,blockchain:a??void 0,address:s,error:m??void 0,fetchCustomToken:c,onCloseErrorModal:()=>{m?.type!=="network-error"&&l("")},onImport:o,onExitErrorModal:h,onExitImportModal:h})))}i(rd,"AddCustomTokenPage");import{i18n as Il}from"@lingui/core";import{useManager as Hw}from"@rango-dev/queue-manager-react";import{Alert as Qw,Button as qw,css as Nl,Divider as Al,IconButton as Kf,styled as Gw,Typography as Vw,WalletIcon as Kw}from"@rango-dev/ui";import _e,{useEffect as Xi,useLayoutEffect as jw,useRef as Xw,useState as ar}from"react";import{useNavigate as Yw}from"react-router-dom";import{i18n as Io}from"@lingui/core";import{Alert as Lv,BalanceErrors as Mv,Button as Bd,ChevronLeftIcon as Pv,Divider as il,MessageBox as _v,Typography as al}from"@rango-dev/ui";import ne,{useCallback as Dv,useEffect as Wd,useMemo as $v,useState as gn}from"react";import{useNavigate as Fv}from"react-router-dom";import{i18n as tl}from"@lingui/core";import{Alert as uv,ChevronDownIcon as mv,CloseIcon as dv,Divider as ud,IconButton as md,PasteIcon as fv,Typography as gv,WalletIcon as hv}from"@rango-dev/ui";import Pe,{useEffect as yv,useRef as Sv}from"react";import xi,{useRef as cv}from"react";import*as dn from"@radix-ui/react-collapsible";import{keyframes as id,styled as vi}from"@rango-dev/ui";var Js=300,sv=id({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),lv=id({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),ad=vi(dn.Root,{borderRadius:"$sm",overflow:"hidden",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),Rs=vi(dn.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit",cursor:"pointer"}),wi=vi(dn.Content,{overflow:"hidden",variants:{open:{true:{animation:`${sv} ${Js}ms ease-out`},false:{animation:`${lv} ${Js}ms ease-out`}}}}),bi=vi("div",{transition:`all ${Js}ms ease`,display:"flex",alignItems:"center",variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}});function Ei(t){let{open:e,hasSelected:o,onOpenChange:n,children:r,onClickTrigger:a,trigger:s,triggerAnchor:l}=t,c=cv(null);return xi.createElement(ad,{ref:c,className:"collapsible_root",selected:o&&e,open:e,onOpenChange:n},l==="top"&&xi.createElement(Rs,{className:"collapsible_trigger",onClick:a},s),xi.createElement(wi,{className:"collapsible_content",open:e},r),l==="bottom"&&xi.createElement(Rs,{className:"collapsible_trigger",onClick:a},s))}i(Ei,"CustomCollapsible");import{darkTheme as sd,styled as el,TextField as pv}from"@rango-dev/ui";var ld=el("div",{padding:"$10 $0","& .button__content":{display:"flex",alignItems:"center"},"& .alarms":{paddingTop:"$5"},"& .collapsible_content":{backgroundColor:"$neutral100"},"& .collapsible_root":{backgroundColor:"$neutral100"}}),cd=el(pv,{backgroundColor:"$neutral100",padding:"$15"}),pd=el("div",{width:"100%",borderRadius:"$sm",display:"flex",padding:"$15",justifyContent:"space-between",alignItems:"center",$$color:"$colors$neutral100",[`.${sd} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",borderBottomRightRadius:"0",borderBottomLeftRadius:"0","&:focus-visible":{$$background:"$colors$secondary100",[`.${sd} &`]:{$$background:"$colors$info700"},backgroundColor:"$$background",outline:0}});function dd(t){let{blockchain:e,handleOpenChange:o,open:n}=t,{customDestination:r,setCustomDestination:a}=O(),{config:s}=y(),l=y().blockchains(),c=Ur(e.name,l),u=Sv(null),p=s?.defaultCustomDestinations?.[e.name],m=navigator?.userAgent.includes("Firefox"),f=n&&!!r&&e&&!Ho(e,r),d=i(()=>{a("")},"handleClear"),g=i(async T=>{if(T.preventDefault(),navigator.clipboard!==void 0){let C=await navigator.clipboard.readText();a(C),u?.current?.focus()}},"handlePaste"),S=i(()=>r?Pe.createElement(md,{id:"widget-custom-destination-close-icon-btn",onClick:d,variant:"ghost"},Pe.createElement(dv,{size:12,color:"gray"})):m?null:Pe.createElement(md,{id:"widget-custom-destination-paste-icon-btn",onClick:g,variant:"ghost"},Pe.createElement(fv,{size:16})),"renderSuffix");return yv(()=>{!!p&&r===null&&(a(p),o(!0))},[p]),Pe.createElement(ld,null,Pe.createElement(Ei,{onOpenChange:o,hasSelected:!0,open:n,triggerAnchor:"top",trigger:Pe.createElement(pd,null,Pe.createElement("div",{className:"button__content"},Pe.createElement(hv,{size:18,color:"info"}),Pe.createElement(ud,{size:4,direction:"horizontal"}),Pe.createElement(gv,{variant:"label",size:"medium",color:n?"$neutral600":void 0},tl.t("Send to a different address"))),Pe.createElement(bi,{orientation:n?"up":"down"},Pe.createElement(mv,{size:10,color:"secondary"}))),onClickTrigger:()=>o(!n)},Pe.createElement(cd,{ref:u,style:{padding:0,paddingRight:r?"8px":"5px"},autoFocus:!r,placeholder:tl.t("Enter {blockchainName} address",{blockchainName:c}),value:r||"",suffix:S(),onChange:T=>{let C=T.target.value;a(C)}})),f&&Pe.createElement(Pe.Fragment,null,Pe.createElement(ud,{size:4}),Pe.createElement(uv,{variant:"alarm",type:"error",title:tl.t({values:{destination:r},id:"Address {destination} doesn't match the blockchain address pattern."})})))}i(dd,"CustomDestination");import{css as Cv,IconButton as Tv,SelectableWalletButton as kv,styled as oo}from"@rango-dev/ui";var fd=oo("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),gd=oo("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",columnGap:"$5",rowGap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),hd=oo(kv,{justifyContent:"center"}),yd=oo("div",{padding:"$20 $20 $15 $20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),Sd=oo(Tv,{position:"absolute",left:"$20"}),Cd=oo("div",{paddingTop:"$20"}),Td=Cv({display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),kd=oo("div",{display:"flex"}),vd=oo("div",{overflow:"visible",width:"100%"});import{i18n as nl}from"@lingui/core";import{warn as Ev}from"@rango-dev/logging-core";import{Divider as Iv,makeInfo as Av,SelectableWallet as Nv,Typography as Ad,WalletState as Ii}from"@rango-dev/ui";import Re,{useEffect as Nd,useState as Yn}from"react";import{Image as bv,MessageBox as xv}from"@rango-dev/ui";import Xn from"react";import{keyframes as vv,styled as ol}from"@rango-dev/ui";var wd=ol("div",{position:"relative"}),wv=vv({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),bd=ol("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${wv} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),xd=ol("div",{"& img":{borderRadius:"50%"}});import{i18n as fn}from"@lingui/core";function Ed(t,e){switch(t){case"in-progress":return{type:"loading",title:fn.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:e}}),description:fn.t({id:"Please approve the experimental chain pop-up in your wallet.",values:{blockchainDisplayName:e}})};case"completed":return{type:"success",title:fn.t({id:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:e}}),description:fn.t({id:"The {blockchainDisplayName} chain has been successfully added to your wallet.",values:{blockchainDisplayName:e}})};case"rejected":return{type:"error",title:fn.t("Request Rejected"),description:fn.t({id:"You've rejected adding {blockchainDisplayName} chain to your wallet.",values:{blockchainDisplayName:e}})};default:throw new Error(`Showing information about an experimentation chain status needs to be defined first. status: ${t}`)}}i(Ed,"generateMessageByStatus");function Id(t){let{status:e,displayName:o,image:n}=t,r=Ed(e,o),a=e=="in-progress";return Xn.createElement(xv,{type:r.type,title:r.title,description:r.description,icon:a?Xn.createElement(wd,null,Xn.createElement(xd,null,Xn.createElement(bv,{src:n,size:45})),Xn.createElement(bd,null)):void 0})}i(Id,"ExperimentalChainStatus");var Bv=7,Wv=3e3;function rl(t){let{chain:e,quoteChains:o,isSelected:n,selectWallet:r,limit:a,onShowMore:s}=t,l=te.use.isActiveTab(),{blockchains:c,connectedWallets:u}=y(),[p,m]=Yn(),[h,f]=Yn(null),[d,g]=Yn(!1),[S,T]=Yn(null),{suggestAndConnect:C}=Ai(),{list:k}=Ct({chain:e}),[w,x]=Yn(k),I=k.length,A=a&&I-a>0,E=i(async v=>{g(!1),T("in-progress");try{await C(v.walletType,v.chain),T("completed")}catch{T("rejected")}},"addExperimentalChain");Nd(()=>{x(v=>{let B=k.findIndex(P=>n(P.type,e));return A&&B>1?[k[B]].concat(k.filter((P,_)=>_!==B)):v.map(P=>k.find(_=>_.type===P.type)??P)})},[JSON.stringify(k)]);let b=document.getElementById(Ue.SWAP_BOX_ID);return Nd(()=>{let v=null;return(S==="completed"||S==="rejected")&&(v=setTimeout(()=>T(null),Wv)),()=>{v&&clearTimeout(v)}},[S]),Re.createElement(Re.Fragment,null,w.slice(0,a).map(v=>{let B=dp({connectedWallets:u,walletType:v.type,chain:e}),P=v.state===Ii.CONNECTED,_=B?Oo(B,Bv):"",V=(P&&v.isHub||!!v.needsNamespace)&&!_,ee=$r(c(),e),j=!u.find(me=>me.walletType===v.type&&me.chain===e),L=ee&&j&&v.state===Ii.CONNECTED,X=i(async()=>{v.state===Ii.DISCONNECTED||V?m(v):L?(f({walletType:v.type,chain:e,address:B??""}),g(!0)):r({walletType:v.type,chain:e,address:B??""})},"onSelectableWalletClick"),se=Av(v.state),z=i(()=>L?nl.t({id:"Add {chain} chain",values:{chain:e}}):V?nl.t("Chain not connected"):_||se.description,"getWalletDescription"),R=i(()=>v.state===Ii.CONNECTED?V?"neutral600":"neutral700":se.color,"getWalletDescriptionColor"),le=h?.chain?Ur(h.chain,c()):void 0;return Re.createElement(Re.Fragment,{key:`${v.title}_${le}`},!!h&&Re.createElement(J,{open:!!h&&d,container:b,onClose:()=>{f(null)}},Re.createElement(ls,{displayName:le,onConfirm:()=>{E(h)}})),S&&Re.createElement(J,{open:!!S,onClose:T.bind(null,null),container:b},Re.createElement(Id,{status:S,displayName:le,image:v.image}),Re.createElement(Iv,{direction:"vertical",size:32})),Re.createElement(Nv,{key:v.type,description:z(),descriptionColor:R(),onClick:X,selected:n(v.type,e),disabled:!l,...v}))}),Re.createElement(ko,{wallet:p,options:{defaultSelectedChains:o||[e]},onClose:()=>{m(void 0)},onConnect:()=>{t.onConnect&&(p?.type?t.onConnect(p.type):Ev(new Error("The selected wallet hasn't been detected after the connection process finished. It usually shouldn't happen.")))}}),A&&Re.createElement(hd,{selected:!1,onClick:s},Re.createElement(Ad,{variant:"label",size:"medium"},nl.t("Show more wallets"),Re.createElement(Ad,{variant:"label",size:"medium",color:"$primary"},"\xA0+",I-(a??0)))))}i(rl,"WalletList");var Ov=2;function Ld(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,loading:a}=t,s=Fv(),l=y().blockchains(),{selectedQuote:c,setSelectedWallets:u,quoteWalletsConfirmed:p,setQuoteWalletConfirmed:m,customDestination:h,setCustomDestination:f}=O(),{config:d,connectedWallets:g,setWalletsAsSelected:S}=y(),[T,C]=gn(""),[k,w]=gn([]),[x,I]=gn(""),[A,E]=gn(!!h),b=$v(()=>yo({filter:"all",quote:c}),[c]),v=yo({filter:"required",quote:c}),B=l.find(D=>D.name===c?.swaps[c?.swaps.length-1].to.blockchain),P=i(D=>v.includes(D),"isWalletRequiredFor"),_=Dv(()=>g.filter(D=>D.selected&&b.includes(D.chain)),[g,b]),[V,ee]=gn(_()),[j,L]=gn([]),X=i((D,q)=>L(K=>K.concat({blockchain:D,walletType:q})),"addNextSelectedWallets"),se=k.length>0,z=i((D,q)=>!!V.find(K=>K.walletType===D&&K.chain===q&&K.selected&&(P(q)||!P(q)&&!h)),"isSelected"),R=i((D,q,K)=>{let Se=!1;return D.map(de=>{if(de.chain===q){let Fe=de.selected;return!Se&&K?(Se=!0,Fe=!0):K||(Fe=!1),{...de,selected:Fe}}return de})},"updateSelectableWallets"),le=i(D=>{E(D),D?P(B?.name??"")||ee(q=>R(q,B?.name||"",!1)):(f(""),ee(q=>R(q,B?.name||"",!0)))},"handleCustomDestinationCollapsibleOpenChange"),me=i(D=>{if(T&&C(""),z(D.walletType,D.chain))return;let K=g.find(Se=>Se.walletType===D.walletType&&Se.chain===D.chain);K&&(n(),D.chain===B?.name&&A&&!P(B.name)&&(E(!1),f(null)),ee(Se=>Se.filter(de=>de.chain!==D.chain).concat({...K,selected:!0})))},"onChange"),ce=i(()=>{let D=V.filter(q=>q.selected);S(D),u(D),m(!0),o()},"onConfirmBalance"),mt=i(async()=>{w([]),I("");let D=await r?.({selectedWallets:V.filter(K=>K.selected),customDestination:h}),q=D.warnings;q?.balance?.messages&&w(q.balance.messages),D.error&&I(Mu(D.error)),!D.error&&!q?.balance?.messages.length?ce():w(q?.balance?.messages??[])},"onConfirmWallets");Wd(()=>{ee(D=>{let q=[];return D.forEach(K=>{!g.some(de=>de.chain===K.chain&&de.walletType===K.walletType&&de.address===K.address)||q.push(K)}),q=q.concat(g.filter(K=>!!!q.find(de=>de.chain===K.chain)&&K.selected&&b.includes(K.chain))),q})},[g,b]),Wd(()=>{let D=[];j.length>0&&(j.forEach(q=>{let K=g.find(Se=>Se.chain===q.blockchain&&Se.walletType===q.walletType);K?me(K):D.push(q)}),L(D))},[g,j]);let G=document.getElementById(Ue.SWAP_BOX_ID);return ne.createElement(J,{open:e,onClose:()=>{p||s("../",{replace:!0}),o()},dismissible:!T,container:G,...!T&&{styles:{container:{height:"100%"}},footer:ne.createElement(kd,null,ne.createElement(Bd,{id:"widget-confirm-wallet-modal-confirm-btn",loading:a,disabled:lm(a,A,h,c,V,B),onClick:mt,variant:"contained",type:"primary",fullWidth:!0,size:"large"},Io.t("Confirm")))},...T&&{styles:{container:{height:"100%",padding:"$0"}},header:ne.createElement(yd,null,ne.createElement(Sd,{id:"widget-confirm-wallet-modal-navigate-back-icon-btn",variant:"ghost",onClick:C.bind(null,"")},ne.createElement(Pv,{size:16})),ne.createElement(al,{variant:"headline",size:"small"},Io.t({id:"Your {blockchainName} wallets",values:{blockchainName:dt(T,l)}})))},anchor:"center"},ne.createElement(J,{open:se,onClose:w.bind(null,[]),container:G},ne.createElement(_v,{title:Io.t("Insufficient account balance"),type:"error",description:ne.createElement(Mv,{messages:k??[]})},ne.createElement(Bd,{id:"widget-confirm-wallet-modal-proceed-anyway-btn",variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:ce},Io.t("Proceed anyway")))),T&&ne.createElement(Cd,null,ne.createElement("div",{className:Td()},ne.createElement(rl,{chain:T,quoteChains:b,isSelected:z,selectWallet:me,onShowMore:()=>C(T),onConnect:D=>{X(T,D)}}))),!T&&ne.createElement(ne.Fragment,null,x&&ne.createElement(ne.Fragment,null,ne.createElement(Lv,{variant:"alarm",type:"error",title:Io.t(x)}),ne.createElement(il,{size:12})),ne.createElement(vd,null,b.map((D,q)=>{let K=l.find(Ye=>Ye.name===D),Se=`wallet-${q}`,de=q===b.length-1,Fe=de&&B&&d?.customDestination!==!1;return ne.createElement("div",{key:Se},ne.createElement(fd,null,ne.createElement(al,{variant:"title",size:"xmedium"},Io.t({id:"Your {blockchainName} wallets",values:{blockchainName:K?.shortName}})),ne.createElement(al,{variant:"label",color:"$neutral700",size:"medium"},Io.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:K?.shortName}}))),ne.createElement(il,{size:24}),ne.createElement(gd,null,ne.createElement(rl,{chain:D,quoteChains:b,isSelected:z,selectWallet:me,limit:Ov,onShowMore:()=>C(K?.name??""),onConnect:Ye=>{X(D,Ye)}})),!de&&ne.createElement(il,{size:32}),Fe&&ne.createElement(dd,{blockchain:B,open:A,handleOpenChange:le}))}))))}i(Ld,"ConfirmWalletsModal");import{i18n as rw}from"@lingui/core";import{Alert as iw,Button as aw,InfoIcon as sw}from"@rango-dev/ui";import st from"react";import{Alert as Hv,Button as Qv,Divider as cl,NoRouteIcon as qv,RefreshIcon as Gv,Typography as Od}from"@rango-dev/ui";import at from"react";import{i18n as Md}from"@lingui/core";var Uv=24,zv=60;function Pd(t,e,o,n){return t?.type===1?{alert:{type:"warning",text:oe().genericServerError,action:{onClick:n,title:Md.t("Retry")}},description:""}:e.length?{alert:{type:"warning",text:oe().liquiditySourcesError.title,action:{onClick:()=>o(!0),title:Md.t("Reset")}},description:oe().liquiditySourcesError.description}:t?.type===0&&t.diagnosisMessage?{alert:{type:"error",text:t.diagnosisMessage,action:null},description:""}:{alert:null,description:oe().noResultError.description}}i(Pd,"makeInfo");var sl=(o=>(o[o.small=Uv]="small",o[o.large=zv]="large",o))(sl||{}),ll=(o=>(o.small="small",o.large="medium",o))(ll||{});import{styled as Ni}from"@rango-dev/ui";var _d=Ni("div",{display:"flex",flexDirection:"column",alignItems:"center"}),Dd=Ni("div",{variants:{size:{small:{},large:{maxWidth:"316px"}}}}),$d=Ni("div",{variants:{size:{small:{width:"100%"},large:{}}}}),Fd=Ni("div",{padding:"$6 $0"});function Zn(t){let{fetch:e,error:o,size:n="small"}=t,r=y().getDisabledLiquiditySources(),a=y().toggleAllLiquiditySources,s=y().swappers(),l=Pd(o,r,()=>a(s,!0),e);return at.createElement(_d,null,at.createElement(qv,{size:sl[n],color:"gray"}),at.createElement(cl,{size:4}),at.createElement(Od,{variant:"title",size:ll[n]},oe().noResultError.title),n==="large"&&at.createElement(cl,{size:4}),!!l.description&&at.createElement(Dd,{size:n},at.createElement(Od,{variant:"body",size:"small",align:"center",color:"neutral700"},l.description)),at.createElement(cl,{size:n==="large"?"24":"4"}),!!l.alert&&at.createElement($d,{size:n},at.createElement(Hv,{type:l.alert.type,title:l.alert.text,titleAlign:"left",action:l.alert.action&&at.createElement(Qv,{size:"xsmall",id:"widget-no-result-alert-btn",type:l.alert.type,prefix:at.createElement(Fd,null,at.createElement(Gv,{size:8})),onClick:l.alert.action.onClick},l.alert.action.title),variant:"alarm"})))}i(Zn,"NoResult");import{i18n as Jn}from"@lingui/core";import{Button as Kv,Divider as jv,MessageBox as Xv,Typography as Yv,WarningIcon as Zv}from"@rango-dev/ui";import zt from"react";import{Typography as Qd}from"@rango-dev/ui";import ul from"react";import{darkTheme as Vv,styled as Bi}from"@rango-dev/ui";var Ud=Bi("div",{width:"100%"}),pl=Bi("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:"$5",width:"100%"}),zd=Bi("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%","._title":{$$color:"$colors$neutral600",[`.${Vv} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Hd=Bi("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});function qd(t){let{title:e,value:o,valueColor:n}=t;return ul.createElement(zd,null,ul.createElement(Qd,{size:"medium",variant:"label",className:"_title"},e),ul.createElement(Qd,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}i(qd,"QuoteErrorsModalItem");function Gd(t){let{open:e,onClose:o,onConfirm:n,warning:r,confirmationDisabled:a}=t,s=r.warningLevel==="high"?"error":"warning",l=[{title:Jn.t("Swapping"),value:M(r.inputUsdValue,4,4)},{title:Jn.t("Gas cost"),value:M(r.totalFee,2,2)},{title:Jn.t("Receiving"),value:M(r.outputUsdValue,4,4)},{title:Jn.t("Price impact"),value:M(r.priceImpact,2,2),valueColor:`${s}500`}];return zt.createElement(J,{footer:zt.createElement(Kv,{id:"widget-high-value-loss-warning-modal-confirm-btn",type:"primary",size:"large",prefix:zt.createElement(Zv,null),fullWidth:!0,disabled:a,onClick:n},oe().highValueLossError.confirmMessage),open:e,onClose:o,container:N()},zt.createElement(Xv,{type:s,title:oe().highValueLossError.impactTitle,description:oe().highValueLossError.description}),zt.createElement(pl,null,zt.createElement(jv,{size:"4"}),zt.createElement(Yv,{size:"small",variant:"title"},Jn.t("Details")),zt.createElement(pl,null,l.map((c,u)=>zt.createElement(qd,{key:u,...c})))))}i(Gd,"HighValueLossWarningModal");import{i18n as Wi}from"@lingui/core";function Vd(t,e){let o={alertType:"warning",title:"",action:null};if(e)return o.alertType="error",e.type===3&&(o.title=e.recommendation),e.type===4&&(o.title=Wi.t({id:"You need to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:e.minRequiredSlippage}}),o.action="change-settings"),o;if(t){switch(t.type){case 0:{Ut(t.priceImpact)==="high"&&(o.alertType="error"),o.action="show-info",o.title=oe().highValueLossError.title;break}case 4:{o.title=Wi.t({id:"Output amount changed by {percentageChange}% (${usdValueChange}).",values:{percentageChange:t.percentageChange,usdValueChange:t.usdValueChange}});break}case 1:{o.title=oe().unknownPriceError.title;break}case 2:{o.title=Wi.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:t.minRequiredSlippage}}),o.action="change-settings";break}case 3:{o.title=Wi.t("Caution, your slippage is high."),o.action="change-settings";break}default:break}return o}return null}i(Vd,"makeAlerts");import{i18n as hn}from"@lingui/core";import{Button as Kd,Divider as jd,MessageBox as Jv,Typography as Rv}from"@rango-dev/ui";import Ao from"react";import{useNavigate as ew}from"react-router-dom";function Xd(t){let{customSlippage:e,slippage:o}=y(),{open:n,onClose:r,onConfirm:a,warning:s,confirmationDisabled:l}=t,c=ew(),u=e??o;return Ao.createElement(J,{anchor:"bottom",open:n,prefix:Ao.createElement(Kd,{size:"small",id:"widget-slippage-warning-modal-change-settings-btn",variant:"ghost",onClick:()=>c("../"+F.settings)},Ao.createElement(Rv,{variant:"label",size:"medium",color:"$neutral900"},hn.t("Change settings"))),container:N(),onClose:r},Ao.createElement(Jv,{type:"warning",title:s.type===3?hn.t("High slippage"):hn.t("Low slippage"),description:s.type===3?hn.t({id:" Caution, your slippage is high (={userSlippage}). Your trade may be front run.",values:{userSlippage:u}}):hn.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:s.minRequiredSlippage}})},Ao.createElement(jd,{size:18}),Ao.createElement(jd,{size:32}),Ao.createElement(Kd,{id:"widget-slippage-warning-modal-confirm-anyway-btn",size:"large",type:"primary",variant:"contained",fullWidth:!0,disabled:l,onClick:a},hn.t("Confirm anyway"))))}i(Xd,"SlippageWarningModal");import{Button as tw,MessageBox as ow,WarningIcon as nw}from"@rango-dev/ui";import Li from"react";function Yd(t){let{open:e,onClose:o,onConfirm:n,confirmationDisabled:r}=t;return Li.createElement(J,{footer:Li.createElement(tw,{id:"widget-unknown-price-warning-modal-confirm-btn",type:"primary",size:"large",prefix:Li.createElement(nw,null),fullWidth:!0,disabled:r,onClick:n},oe().unknownPriceError.confirmMessage),open:e,onClose:o,container:N()},Li.createElement(ow,{type:"warning",title:oe().unknownPriceError.impactTitle,description:oe().unknownPriceError.description}))}i(Yd,"UnknownPriceWarningModal");function Rn(t){let{warning:e,error:o,couldChangeSettings:n,showWarningModal:r,confirmationDisabled:a,refetchQuote:s,onOpenWarningModal:l,onCloseWarningModal:c,onConfirmWarningModal:u,onChangeSettings:p}=t,m={confirmationDisabled:a,open:r,onClose:c,onConfirm:u},h=o?.type===0||o?.type===1,f=Vd(e,o?.type===3||o?.type===4?o:null);return f&&!n&&(f.action=null),st.createElement(st.Fragment,null,h&&st.createElement(Zn,{error:o,fetch:s}),!!f&&st.createElement(Ud,null,st.createElement(iw,{title:f.title,type:f.alertType,variant:"alarm",...f.action==="show-info"&&{action:st.createElement(Hd,{onClick:l},st.createElement(sw,{size:12,color:"gray"}))},...f.action==="change-settings"&&{action:st.createElement(aw,{id:"widget-quote-warning-error-change-settings-btn",size:"xxsmall",type:f.alertType,onClick:p},rw.t("Change"))}})),e&&st.createElement(st.Fragment,null,e.type===0&&st.createElement(Gd,{...m,warning:e}),(e.type===3||e.type===2)&&st.createElement(Xd,{...m,warning:e}),e.type===1&&st.createElement(Yd,{...m,warning:e})))}i(Rn,"QuoteWarningsAndErrors");import Dw from"bignumber.js";import Gi from"react";import{i18n as No}from"@lingui/core";import{Alert as ww,Divider as Sn,FullExpandedQuote as bw,InfoIcon as xw,NumericTooltip as xf,QuoteTag as Ew,StepDetails as Iw,TokenAmount as Aw,Typography as Cn}from"@rango-dev/ui";import Tl from"bignumber.js";import U,{useRef as Nw,useState as Bw}from"react";import{styled as ml}from"@rango-dev/ui";var dl=ml("div",{width:"100%","& .position-top__skeleton":{paddingTop:"$10"}}),Zd=ml("div",{paddingBottom:"$15",variants:{dense:{true:{paddingBottom:0}}}}),Jd=ml("div",{width:"100%",display:"flex"});import*as Mi from"@radix-ui/react-collapsible";import{Button as lw,css as er,darkTheme as Ne,Image as Rd,styled as Ge,Typography as cw}from"@rango-dev/ui";var pw=300,ef=Ge(Mi.Root,{display:"flex",flexDirection:"column",alignItems:"start",overflowX:"auto",overflowY:"hidden",width:"100%",borderRadius:"$xm",variants:{selected:{true:{},false:{$$color:"$colors$neutral400",[`.${Ne} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}},listItem:{true:{$$color:"$colors$neutral400",[`.${Ne} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"},false:{}}},compoundVariants:[{listItem:!1,selected:!0,css:{$$color:"$colors$secondary200",[`.${Ne} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"}}]}),tf=er({padding:"$10 $15"}),of=Ge(lw,{backgroundColor:"transparent",border:"1px solid $secondary550",[`.${Ne} &`]:{border:"1px solid $secondary"},transition:"background-color 0.3s ease","&:hover":{backgroundColor:"$secondary550",[`.${Ne} &`]:{backgroundColor:"$secondary"},".allRoutesLabel":{$$color:"$colors$background",[`.${Ne} &`]:{$$color:"$colors$foreground"},color:"$$color",transition:"color 0.3s ease"}}}),nf=Ge("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",[`.${Ne} &`]:{$$color:"$colors$neutral500"},backgroundColor:"$$color"}},basic:{true:{borderTopRightRadius:"0",borderTopLeftRadius:"0"}},listItem:{true:{$$color:"$colors$neutral200",[`.${Ne} &`]:{$$color:"$colors$neutral500"},backgroundColor:"$$color","&:hover":{"& .quote_container":{"& button":{backgroundColor:"$neutral500",[`.${Ne} &`]:{backgroundColor:"$neutral200"}},backgroundColor:"$neutral500",[`.${Ne} &`]:{backgroundColor:"$neutral200"}},backgroundColor:"$neutral300",[`.${Ne} &`]:{backgroundColor:"$neutral400"}},cursor:"pointer"},false:{}}},compoundVariants:[{listItem:!0,selected:!0,css:{outline:"1px solid $secondary"}},{listItem:!1,selected:!0,css:{$$color:"$colors$secondary100",[`.${Ne} &`]:{$$color:"$colors$secondary550"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}}},{listItem:!0,selected:!1,css:{cursor:"pointer","&:hover":{backgroundColor:"$neutral300",[`.${Ne} &`]:{backgroundColor:"$neutral400"}}}}]}),rf=er({width:"100%",padding:"$15 $15 $10 $15"}),af=er({display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center",paddingBottom:"$10",position:"relative"}),yn=er({display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",".blockchainImage":{marginLeft:"-$8"}}),sf=er({display:"flex",alignItems:"center",".usd-value":{$$color:"$colors$neutral600",[`.${Ne} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),lf=Ge(Mi.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:{[`& ${Rd}`]:{border:"1px $warning500 solid",borderRadius:"100%"}},false:{[`& ${Rd}`]:{border:"1px transparent solid",borderRadius:"100%"}}},selected:{true:{},false:{$$color:"$colors$neutral400",[`.${Ne} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}},listItem:{true:{$$color:"$colors$neutral400",[`.${Ne} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"},false:{}}},compoundVariants:[{listItem:!1,selected:!0,css:{$$color:"$colors$secondary200",[`.${Ne} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"}}],".blockchains_section":{display:"none"},"@xs":{".blockchains_section":{display:"block"}}}),cf=Ge("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"}}}}),pf=Ge(wi,{width:"100%",background:"inherit"}),fl=Ge("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$2",transition:`all ${pw}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),iz=Ge("div",{height:"$12",marginLeft:"$10",marginRight:"$10",borderLeft:"1px solid $foreground"}),uf=Ge("div",{display:"flex",justifyContent:"center",margin:"0 $15",borderTop:"1px solid",$$color:"$colors$neutral300",[`.${Ne} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color"}),mf=Ge("div",{width:"$16",height:"$16",justifyContent:"center",alignItems:"center",display:"flex"}),gl=Ge(cw,{overflow:"hidden",textOverflow:"ellipsis",letterSpacing:.4}),df=Ge("div",{display:"flex",flexWrap:"wrap"}),hl=Ge("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"}}}}),ff=Ge("div",{display:"flex"}),Pi=Ge("div",{width:"100%",borderTopWidth:"1px",borderTopStyle:"solid",borderTopColor:"$neutral",margin:"$5 0",[`.${Ne} &`]:{borderTopColor:"$neutral800"}});import{i18n as Wt}from"@lingui/core";import{ChevronDownIcon as mw,CloseIcon as dw,Divider as $i,IconButton as fw,NumericTooltip as gw,QuoteCost as hw,Typography as wt}from"@rango-dev/ui";import Y,{useState as Sf}from"react";import{css as uw,styled as _i}from"@rango-dev/ui";var Di=_i("div",{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"$5 0","&.total_payable_fee":{padding:"$12 0"}}),yl=_i("div",{width:"100%",borderTop:"1px solid $neutral300",margin:"$10 0"}),gf=_i("div",{padding:"$20 0",display:"flex",flexDirection:"column","& .collapsible_trigger":{display:"flex",alignItems:"center"}}),hf=_i("div",{padding:"$20 $20 $10",position:"relative","._icon-button":{position:"absolute",zIndex:10,top:"$16",right:"$16"}}),yf=uw({display:"flex",flexDirection:"row",alignItems:"center",padding:"$5","&:hover":{"& ._typography, & svg":{color:"$secondary"}}});var yw=i(t=>t.fee.isZero()?null:Y.createElement(Di,null,Y.createElement(wt,{variant:"label",size:"medium",color:"neutral600"},t.label),Y.createElement(wt,{variant:"label",size:"medium"},"$",M(t.fee,4,4))),"NonPayableFee");function Sl(t){let[e,o]=Sf(!1),[n,r]=Sf(!1),{steps:a,quote:s,fee:l,time:c,feeWarning:u,timeWarning:p,showModalFee:m,fullExpandedMode:h=!1}=t,f=s?.swaps??[],d=h?ho():N(),g=em(f);return Y.createElement(Y.Fragment,null,Y.createElement(hw,{onClickFee:m?S=>{S.stopPropagation(),o(!e)}:void 0,fee:l,feeWarning:u,timeWarning:p,time:c,steps:a,tooltipGas:m?Wt.t("View more info"):void 0,tooltipContainer:d}),Y.createElement(J,{container:d,open:e,anchor:h?"center":"bottom",styles:{container:{maxWidth:h?"484px":"unset"}},header:Y.createElement(hf,{style:{textAlign:h?"left":"center"}},Y.createElement(wt,{variant:"title",size:"medium"},Wt.t("Gas & Fee Explanation")),Y.createElement(fw,{id:"widget-quote-cost-details-modal-close-icon-btn",onClick:()=>o(!1),variant:"ghost"},Y.createElement(dw,{color:"gray",size:14}))),onClose:()=>{o(!1)}},Y.createElement(gf,null,Y.createElement(wt,{variant:"title",size:"small"},Wt.t("Details")),Y.createElement($i,{size:10}),Object.entries(g.payable).flatMap(([S,T])=>T.map((C,k)=>{let w=`payable-fee-${k}`,x=gs(C);return Y.createElement(Di,{key:w},Y.createElement(wt,{variant:"label",size:"medium",color:"neutral600"},ps(S,Wt.t)),Y.createElement(gw,{content:C.amount,container:d},Y.createElement(wt,{variant:"label",size:"medium"},M(C.amount,2,2)," ",C.asset.symbol," ($",M(x,4,4),")")))})),Y.createElement(Di,{className:"total_payable_fee"},Y.createElement(wt,{variant:"label",size:"medium"},Wt.t("Total Payable Fee")),Y.createElement(wt,{variant:"label",size:"medium"},"$",M(l,4,4))),Y.createElement(yl,null),Object.keys(g.nonePayable).length&&Y.createElement(Ei,{triggerAnchor:"bottom",onClickTrigger:()=>r(S=>!S),trigger:Y.createElement("div",{className:yf()},Y.createElement(wt,{size:"small",variant:"body",color:"neutral700"},n?Wt.t("Hide non-payable fees"):Wt.t("Show non-payable fees")),Y.createElement($i,{size:4,direction:"horizontal"}),Y.createElement(bi,{orientation:n?"up":"down"},Y.createElement(mw,{size:12,color:"gray"}))),open:n},Y.createElement(wt,{size:"small",variant:"title"},Wt.t("Description")),Y.createElement($i,{size:4}),Y.createElement(wt,{size:"small",variant:"body",color:"neutral700"},Wt.t(`The following fees are considered in the transaction output and
|
|
2
|
-
you won\u2019t need to pay extra gas for them.`)),Y.createElement($i,{size:10}),Object.entries(g.nonePayable).map(([S,T],C)=>{let k=Ru(T),w=ps(S,Wt.t),x=`non-payable-fee-${C}`;return Y.createElement(yw,{key:x,fee:k,label:w})}),Y.createElement(yl,null)))))}i(Sl,"QuoteCostDetails");import{i18n as kf}from"@lingui/core";import{TokenAmount as vf}from"@rango-dev/ui";import Fi from"react";import{css as Sw,styled as Cw}from"@rango-dev/ui";var Cf=Cw("div",{position:"relative",display:"flex",flexDirection:"column",width:"100%"}),Tf=Sw({height:"14px",marginLeft:"14px",position:"absolute",borderLeft:"1px solid $foreground",top:"42%"});function tr(t){let{from:e,to:o,percentageChange:n,warningLevel:r}=t;return Fi.createElement(Cf,null,Fi.createElement(vf,{direction:"horizontal",label:kf.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}}),Fi.createElement("div",{className:Tf()}),Fi.createElement(vf,{direction:"horizontal",tooltipContainer:N(),label:kf.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(tr,"QuoteSummary");import{i18n as wf}from"@lingui/core";import{ChevronDownIcon as Tw,ChevronRightIcon as kw,Divider as Cl,Image as vw,Tooltip as Hi,Typography as Oi}from"@rango-dev/ui";import H from"react";var Ui=4,zi=6,or=i(t=>{let{content:e,src:o,className:n,open:r,state:a,container:s}=t,l=s||N();return H.createElement(Hi,{container:l,side:"bottom",sideOffset:4,open:r,content:e},H.createElement(cf,{className:n,state:a},H.createElement(vw,{src:o,size:16})))},"ImageComponent");function bf(t){let{quoteRef:e,selected:o,setExpanded:n,steps:r,expanded:a,type:s,container:l}=t,c=l||N(),u=r.length,p=Qu(r),{isTablet:m,isMobile:h}=cn();return H.createElement(lf,{listItem:s==="list-item",ref:f=>e.current=f,selected:o,onClick:f=>{f.stopPropagation(),n(d=>!d)}},H.createElement("div",{className:yn()},H.createElement(Oi,{variant:"body",size:"xsmall"},wf.t("Via:")),H.createElement(Cl,{direction:"horizontal",size:4}),r.map((f,d)=>{let g=`item-${d}`,S=H.createElement(fl,null,H.createElement(kw,{size:12,color:"black"}));return h||m?H.createElement(H.Fragment,{key:g},H.createElement(or,{content:f.swapper.displayName,src:f.swapper.image??"",state:f.state,container:l}),d!==u-1&&H.createElement(H.Fragment,null,S)):H.createElement(H.Fragment,{key:g},u<=Ui||u>Ui&&d<Ui-1?H.createElement(H.Fragment,null,H.createElement(or,{content:f.swapper.displayName,src:f.swapper.image??"",state:f.state,container:l}),d!==u-1&&H.createElement(H.Fragment,null,S)):d===Ui-1&&H.createElement(Hi,{container:c,side:"bottom",align:"end",sideOffset:4,content:H.createElement("div",{className:yn()},S,r.map((T,C)=>{let k=`image-${C}`;return C>=d&&H.createElement(H.Fragment,{key:k},H.createElement(or,{content:T.swapper.displayName,src:T.swapper.image??"",state:T.state,open:!1}),C!==u-1&&H.createElement(H.Fragment,null,S))}))},H.createElement(hl,{state:r.find((T,C)=>C>=d&&(T.state==="error"||T.state==="warning"))?.state},H.createElement(Oi,{size:"xsmall",variant:"body"},"+",u-d))))})),H.createElement("div",{className:yn()},H.createElement("div",{className:"blockchains_section"},H.createElement("div",{className:yn()},H.createElement(Oi,{variant:"body",size:"xsmall"},wf.t("Chains:")),H.createElement(Cl,{direction:"horizontal",size:4}),p.map((f,d)=>H.createElement(H.Fragment,{key:f.displayName},p.length<=zi||p.length>zi&&d<zi-1?H.createElement(Hi,{container:c,side:"bottom",content:f.displayName,sideOffset:4},H.createElement(or,{content:"",src:f.image??"",open:!1,className:d!==0?"blockchainImage":""})):d===zi-1&&H.createElement(Hi,{container:c,side:"bottom",align:"end",sideOffset:4,content:H.createElement("div",{className:yn()},p.map((g,S)=>S>=d&&H.createElement(or,{key:g.displayName,content:"",src:g.image??"",open:!1,className:S>d?"blockchainImage":"",container:l})))},H.createElement(hl,{className:"blockchainImage"},H.createElement(Oi,{size:"xsmall",variant:"body"},"+",p.length-d))))),H.createElement(Cl,{direction:"horizontal",size:32}))),H.createElement(fl,{orientation:a?"up":"down"},H.createElement(Tw,{size:12,color:"black"}))))}i(bf,"QuoteTrigger");function kl(t){let{quote:e,input:o,output:n,error:r,warning:a,type:s,selected:l=!1,tagHidden:c=!0,showModalFee:u=!0,onClickAllRoutes:p,fullExpandedMode:m=!1,container:h}=t,f=y().blockchains(),{findToken:d}=y(),g=y().swappers(),{customSlippage:S,slippage:T}=y(),C=S||T,[k,w]=Bw(t.expanded),x=Nw(null),I=M(o.value,6,6),A=M(n.value,6,6),E=n.usdValue?M(n.usdValue,4,4):"",b=Ot(o.usdValue,n.usdValue??null),v=M(b,2,2),B=Ut(b??0),P=i((ce,mt)=>ce.map((G,D)=>{let q,K=r?.type===3&&r.swap.swapperId===G.swapperId,Se=r?.type===4&&r.recommendedSlippages?.has(D),de=a?.type===2&&a.recommendedSlippages?.has(D),Fe=K||Se,Ye=de;Fe?q="error":Ye&&(q="warning");let we=Fe?No.t("Slippage Error"):No.t("Slippage Warning");return K&&(we=No.t("Bridge Limit Error")),{swapper:{displayName:Bn(G.swapperId,g)??"",image:G.swapperLogo},from:{token:{displayName:G.from.symbol,image:G.from.logo},chain:{displayName:dt(G.from.blockchain,f)??"",image:G.from.blockchainLogo},price:{value:D===0&&!mt?M(o.value,6,6):M(G.fromAmount,6,6),usdValue:M((G.from.usdPrice??0)*parseFloat(G.fromAmount),4,4),realValue:D===0?o.value:G.fromAmount,realUsdValue:new Tl(G.from.usdPrice??0).multipliedBy(G.fromAmount).toString()}},to:{token:{displayName:G.to.symbol,image:G.to.logo},chain:{displayName:dt(G.to.blockchain,f)||"",image:G.to.blockchainLogo},price:{value:M(G.toAmount,6,6),usdValue:M((G.to.usdPrice??0)*parseFloat(G.toAmount),4,4),realValue:G.toAmount,realUsdValue:new Tl(G.to.usdPrice??0).multipliedBy(G.toAmount).toString()}},state:q,alerts:Fe||Ye?U.createElement(Zd,{dense:m},U.createElement(ww,{variant:"alarm",type:Fe?"error":"warning",title:we,footer:U.createElement(Jd,null,K&&U.createElement("div",null,U.createElement(Cn,{size:"xsmall",variant:"body",color:"neutral900"},r.fromAmountRangeError),U.createElement(Sn,{direction:"vertical",size:2}),U.createElement(Cn,{size:"xsmall",variant:"body",color:"neutral900"},No.t({id:"Yours: {amount} {symbol}",values:{amount:M(G.fromAmount,6,6),symbol:G?.from.symbol}}))),(Se||de)&&!K&&U.createElement("div",null,U.createElement(Cn,{size:"xsmall",variant:"body",color:"neutral900"},No.t({id:"Minimum required slippage: {minRequiredSlippage}",values:{...r?.type===4&&{minRequiredSlippage:r.recommendedSlippages?.get(D)},...a?.type===2&&{minRequiredSlippage:a.recommendedSlippages?.get(D)}}})),U.createElement(Sn,{direction:"vertical",size:2}),U.createElement(Cn,{size:"xsmall",variant:"body",color:"neutral900"},No.t({id:"Yours: {userSlippage}",values:{userSlippage:C}}))))})):void 0,time:bn(G.estimatedTimeInSeconds),fee:M(fs(G,d),2,2),internalSwaps:G.internalSwaps?P(G.internalSwaps):void 0}}),"getQuoteSteps"),_=P(e?.swaps??[]),V=_.length,ee=h||N(),j=Gu(t.quote.tags||[]),L=!!p,X=Pr(e?.swaps),se=bn(X),z=ci(e?.swaps??[],d),R=M(z,2,2),le=z.gte(new Tl(_u)),me=X/$u>=Du;return m?U.createElement(bw,{selected:l,fee:R,time:se,tooltipContainer:ho(),steps:_,tags:j,quoteCost:U.createElement(Sl,{quote:e,fullExpandedMode:!0,time:se,fee:R,feeWarning:le,timeWarning:me,showModalFee:u,steps:V}),percentageChange:v,warningLevel:B,outputPrice:{value:A,usdValue:E,realValue:n.value,realUsdValue:n.usdValue}}):U.createElement(nf,{selected:l,listItem:s==="list-item",basic:s==="basic"},U.createElement("div",{className:rf()},!c&&j.length?U.createElement(U.Fragment,null,U.createElement(ff,null,j.map((ce,mt)=>{let G=`${ce.value}_${mt}`;return U.createElement(U.Fragment,{key:G},U.createElement(Ew,{label:ce.label,value:ce.value}),U.createElement(Sn,{size:4,direction:"horizontal"}))})),U.createElement(Pi,null),!L&&U.createElement(Sn,{size:4})):null,U.createElement("div",{id:"portal-root",className:af()},U.createElement(Sl,{quote:e,time:se,fee:R,feeWarning:le,timeWarning:me,showModalFee:u,steps:V}),L&&U.createElement(of,{onClick:ce=>{ce.stopPropagation(),p()},size:"xxsmall",type:"secondary",variant:"default",css:{paddingLeft:"$10",paddingRight:"$10",paddingTop:"$5",paddingBottom:"$5"}},U.createElement(Cn,{color:"secondary",variant:"body",size:"xsmall",className:"allRoutesLabel"},No.t("See All Routes")))),s==="basic"&&U.createElement("div",{className:sf()},U.createElement(mf,null,U.createElement(xw,{size:12,color:"gray"})),U.createElement(df,null,U.createElement(gl,{size:"small",variant:"body"},`${I} ${_[0].from.token.displayName} = `),U.createElement(xf,{content:n.value,container:ee,open:n.value?void 0:!1},U.createElement(gl,{size:"small",variant:"body"},"\xA0",`${A} ${_[_.length-1].to.token.displayName}`))),U.createElement(xf,{content:n.usdValue,container:ee},U.createElement(Sn,{size:2,direction:"horizontal"}),U.createElement(Cn,{color:"$neutral600",size:"xsmall",variant:"body"},`($${E})`))),s==="list-item"&&U.createElement(Aw,{tooltipContainer:ee,type:"output",direction:"vertical",price:{value:A,usdValue:E,realValue:n.value,realUsdValue:n.usdValue},token:{displayName:_[V-1].to.token.displayName,image:_[V-1].to.token.image},chain:{image:_[V-1].to.chain.image},percentageChange:v,warningLevel:B}),s==="swap-preview"&&U.createElement(U.Fragment,null,U.createElement(tr,{from:_[0].from,to:_[V-1].to,percentageChange:v,warningLevel:B}),U.createElement(Sn,{size:4}))),U.createElement(ef,{selected:l,listItem:s==="list-item",open:k,className:"quote_container",onOpenChange:w},U.createElement(bf,{type:s,quoteRef:x,selected:l,setExpanded:w,container:ee,expanded:k,steps:_}),U.createElement(pf,{open:k},U.createElement(uf,null),U.createElement("div",{className:tf()},_.map((ce,mt)=>{let G=`item-${mt}`;return U.createElement(Iw,{type:"quote-details",key:G,tooltipContainer:ee,step:ce,hasSeparator:mt!==_.length-1,state:ce.state})})))))}i(kl,"Quote");import{Divider as Pw,Skeleton as _w}from"@rango-dev/ui";import Qt from"react";import{darkTheme as Ww,styled as Qi}from"@rango-dev/ui";var Ef=Qi("div",{$$color:"$colors$neutral100",[`.${Ww} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",borderBottomLeftRadius:"$xm",borderBottomRightRadius:"$xm",padding:"$15",variants:{rounded:{true:{borderRadius:"$xm"}},expanded:{true:{paddingBottom:"3px"},false:{paddingBottom:"$12"}}}}),If=Qi("div",{paddingTop:"$2"}),Af=Qi("div",{paddingLeft:"$8"}),Nf=Qi("div",{borderLeft:"1px dashed $foreground",minHeight:" 0",margin:"0px 11.5px",alignSelf:"stretch",variants:{hideSeparator:{true:{minHeight:"unset",height:"0"}}}});import{ChainToken as Of,Divider as bt,Skeleton as lt}from"@rango-dev/ui";import Q from"react";import{css as Lw,styled as Ht}from"@rango-dev/ui";var vl=Ht("div",{display:"flex"}),Bf=Ht("div",{padding:"$10 $0 $20"}),Wf=Ht("div",{padding:"14px $0 $20 $0",display:"flex",flexDirection:"column"}),Lf=Ht("div",{display:"flex",justifyContent:"start",alignItems:"center"}),Mf=Ht("div",{display:"flex",justifyContent:"space-between",alignItems:"end"}),Pf=Ht("div",{height:"$24",marginLeft:"13px",borderLeft:"1px solid $neutral700"}),_f=Ht("div",{width:"65%",display:"flex",justifyContent:"start"}),Df=Ht("div",{display:"flex",flexDirection:"column",alignItems:"start",flexGrow:1,maxWidth:"148px"}),$f=Ht("div",{padding:"$15 $0 $15 $0"}),Ff=Lw({display:"flex",justifyContent:"space-between",alignItems:"center"});function nr(t){let{type:e,tagHidden:o=!0}=t,n=Q.createElement(Mf,null,Q.createElement(_f,null,Q.createElement(Of,{loading:!0,size:"medium"}),Q.createElement(bt,{size:8,direction:"horizontal"}),Q.createElement(Df,null,Q.createElement(lt,{height:10,width:60,variant:"rounded"}),Q.createElement(bt,{size:4}),Q.createElement(lt,{height:15,variant:"rounded"}))),Q.createElement(lt,{height:12,width:64,variant:"rounded"})),r=e==="basic"&&!o;return Q.createElement("div",null,!o&&Q.createElement(Q.Fragment,null,Q.createElement(vl,null,Q.createElement(lt,{width:65,height:20,variant:"rounded"}),Q.createElement(bt,{size:4,direction:"horizontal"}),Q.createElement(lt,{width:65,height:20,variant:"rounded"}),Q.createElement(bt,{size:4,direction:"horizontal"}),Q.createElement(lt,{width:65,height:20,variant:"rounded"})),Q.createElement(Pi,null),!r&&Q.createElement(bt,{size:4})),Q.createElement("div",{className:Ff()},Q.createElement(vl,null,Q.createElement(lt,{width:60,height:10,variant:"rounded"}),Q.createElement(bt,{size:4,direction:"horizontal"}),Q.createElement(lt,{width:60,height:10,variant:"rounded"}),Q.createElement(bt,{size:4,direction:"horizontal"}),Q.createElement(lt,{width:60,height:10,variant:"rounded"})),r&&Q.createElement(lt,{width:85,height:24,variant:"rounded"})),e==="basic"&&Q.createElement(Bf,null,Q.createElement(lt,{height:15,width:148,variant:"rounded"})),e==="list-item"&&Q.createElement(Wf,null,Q.createElement(Lf,null,Q.createElement(Of,{loading:!0,size:"medium"}),Q.createElement(bt,{direction:"horizontal",size:4}),Q.createElement(lt,{height:15,width:150,variant:"rounded"})),Q.createElement(bt,{size:10}),Q.createElement(lt,{height:10,width:184,variant:"rounded"})),e==="swap-preview"&&Q.createElement(Q.Fragment,null,Q.createElement(bt,{size:4}),Q.createElement($f,null,n,Q.createElement(Pf,null),n),Q.createElement(bt,{size:12})))}i(nr,"QuoteSummarySkeleton");import{ChainToken as qf,Divider as bl,NextIcon as Mw,Skeleton as qi}from"@rango-dev/ui";import Be from"react";import{styled as rr}from"@rango-dev/ui";var Uf=rr("div",{display:"flex",alignItems:"start"}),zf=rr("div",{flexGrow:1,paddingTop:"$5",paddingBottom:"$10",display:"flex",alignItems:"center",variants:{extraSpace:{true:{paddingBottom:"$40"}}}}),wl=rr("div",{display:"flex",alignItems:"center",flexGrow:1}),Hf=rr("div",{margin:"$0 $2",padding:"$4",display:"flex",justifyContent:"center",alignItems:"center"}),Qf=rr("div",{display:"flex",alignItems:"center"});function Lt(t){let{separator:e=!0}=t;return Be.createElement(Be.Fragment,null,Be.createElement(Qf,null,Be.createElement(qi,{height:22,width:22,variant:"circular"}),Be.createElement(bl,{direction:"horizontal",size:8}),Be.createElement(qi,{height:15,width:148,variant:"rounded"})),Be.createElement(Uf,null,Be.createElement(Nf,{hideSeparator:!e}),Be.createElement(zf,{extraSpace:e},Be.createElement(wl,null,Be.createElement(qf,{size:"small",loading:!0}),Be.createElement(bl,{direction:"horizontal",size:8}),Be.createElement(qi,{height:12,variant:"rounded"})),Be.createElement(Hf,null,Be.createElement(Mw,{color:"gray",size:16})),Be.createElement(wl,null,Be.createElement(qf,{size:"small",loading:!0}),Be.createElement(bl,{direction:"horizontal",size:8}),Be.createElement(qi,{height:12,variant:"rounded"})))))}i(Lt,"StepSkeleton");function ir(t){let{type:e,expanded:o,tagHidden:n=!1}=t;return Qt.createElement(Ef,{expanded:o,rounded:e!=="basic"},Qt.createElement(nr,{type:e,tagHidden:n}),Qt.createElement(If,null,Qt.createElement(_w,{height:15,variant:"rounded"})),o&&Qt.createElement(Af,null,Qt.createElement(Pw,{size:24}),Qt.createElement(Lt,null),Qt.createElement(Lt,null),Qt.createElement(Lt,{separator:!1})))}i(ir,"QuoteSkeleton");function Bo(t){let{quote:e,type:o,loading:n,error:r,warning:a,expanded:s=!1,tagHidden:l,onClick:c,showModalFee:u,selected:p,onClickAllRoutes:m,fullExpandedMode:h=!1,container:f}=t,{inputAmount:d,inputUsdValue:g}=O(),S=e?.outputAmount?new Dw(e?.outputAmount):null,T=e?ht(e):null,k=!(r&&(r.type===0||r.type===1))&&e&&!n;return n?Gi.createElement(dl,null,Gi.createElement(ir,{tagHidden:l,type:o,expanded:s})):k?Gi.createElement(dl,{onClick:()=>c?.(e)},Gi.createElement(kl,{quote:e,error:r,container:f,showModalFee:u,warning:a,tagHidden:l,selected:p,type:o,expanded:s,onClickAllRoutes:m,fullExpandedMode:h,input:{value:d,usdValue:g?.toString()??""},output:{value:S?.toString()??"",usdValue:T?.toString()??""}})):null}i(Bo,"QuoteInfo");import{calculatePendingSwap as Uw}from"@rango-dev/queue-manager-rango-preset";import{useEffect as zw}from"react";import{useRef as $w,useState as Fw}from"react";var Ow=2e3;function Vi({request:t}){let[e,o]=Fw(!1),n=$w(null),r=i(()=>n.current?.abort(),"cancelFetch"),a=i(async l=>(await new Promise(c=>setTimeout(c,Ow)),await s(l,!1)),"retryFetch"),s=i(async(l,c=!1)=>{r(),n.current=new AbortController,o(!0);try{let u=await t(l,{signal:n.current.signal});return n.current=null,u}catch(u){if(c)return await a(l);throw u}finally{o(!1)}},"fetch");return{fetch:s,loading:e,cancelFetch:r}}i(Vi,"useFetch");function Gf(){let{fetch:t,loading:e,cancelFetch:o}=Vi({request:async(n,r)=>await rt().confirmRoute(n,r)});return{fetch:t,loading:e,cancelFetch:o}}i(Gf,"useFetchConfirmQuote");function Ki(t){if(!t.swaps)throw new Error(oe().noResultError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});let e=xl(t.swaps);if(e)throw new Error(e.message,{cause:e.options})}i(Ki,"throwErrorIfResponseIsNotValid");function xl(t){if(Yu(t)){let{swap:n,recommendation:r,fromAmountRangeError:a}=Zu(t);return{message:"bridge limit error",options:{type:3,swap:n,recommendation:r,fromAmountRangeError:a}}}let o=tm(t);if(o){let n=pi(t);return{message:"",options:{type:4,recommendedSlippages:o,minRequiredSlippage:n}}}return null}i(xl,"getQuoteError");function Vf(t){let{currentQuote:e,previousQuote:o,meta:n,selectedWallets:r,userSlippage:a,findToken:s}=t,l={quote:null,balance:null},c=rn({previousQuote:o,currentQuote:e,findToken:s,userSlippage:a});c&&(l.quote=c);let u=rm(e,r,n.blockchains);return u.length===0||(l.balance={messages:u}),l}i(Vf,"generateWarnings");function ji(t){return t?.code==="ERR_CANCELED"?{swap:null,error:{type:2},warnings:null}:t.cause?{swap:null,error:t.cause,warnings:null}:t?.code==="ERR_BAD_REQUEST"?{swap:null,error:{type:0,diagnosisMessage:t.response.data.error},warnings:null}:{swap:null,error:{type:1,diagnosisMessage:t.message},warnings:null}}i(ji,"handleQuoteErrors");function El(){let{fromToken:t,toToken:e,inputAmount:o,inputUsdValue:n,setSelectedQuote:r,selectedQuote:a,customDestination:s,resetAlerts:l}=O(),{slippage:c,customSlippage:u}=y(),p=y().getDisabledLiquiditySources(),m=y().blockchains(),h=y().tokens(),{findToken:f}=y(),d=u||c,{fetch:g,cancelFetch:S,loading:T}=Gf();return zw(()=>S,[]),{loading:T,fetch:i(async k=>{let w=k.selectedWallets,x=k?.customDestination??s;if(!t||!e||!o)return{quote:null,swap:null,error:null,warnings:null};let I=w.reduce((E,b)=>(E[b.chain]=b.address,E),{}),A={requestId:a?.requestId||"",selectedWallets:I,destination:x||void 0};try{return await g(A,!0).then(E=>{let{result:b}=E;if(!b)throw new Error(E.error??"Error fetching updated quote");Ki({diagnosisMessages:b.diagnosisMessages,requestId:b.requestId,swaps:b.result?.swaps});let v={outputAmount:b.result?.outputAmount,requestId:b.requestId,resultType:b.result?.resultType,swaps:b.result?.swaps||[],validationStatus:b.validationStatus,requestAmount:b.requestAmount};r(v);let B={slippage:d.toString(),disabledSwappersGroups:p},P=Vf({previousQuote:a??void 0,currentQuote:v,meta:{blockchains:m},selectedWallets:w,userSlippage:d,inputUsdValue:n,findToken:f});l();let _=!!P.balance,V=Uw(o.toString(),b,nm(w),B,!_,{blockchains:m,tokens:h});return{quote:v,swap:V,error:null,warnings:P}})}catch(E){return ji(E)}},"fetch"),cancelFetch:S}}i(El,"useConfirmSwap");var Zw=Gw("div",{width:"100%",display:"flex",justifyContent:"space-between",[`& ${Kf}`]:{width:"$48",height:"$48"}}),Jw=Nl({flexGrow:1,paddingRight:"$10"}),Rw=Nl({width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"}),eb=Nl({display:"flex",justifyContent:"space-between",alignItems:"center"});function jf(){let{selectedQuote:t,setInputAmount:e,selectedWallets:o,quoteWalletsConfirmed:n,customDestination:r,quoteWarningsConfirmed:a}=O(),s=Yw(),[l,c]=ar(""),u=!n,[p,m]=ar(!1),[h,f]=ar(!1),{isActiveTab:d}=te(),g=y().getDisabledLiquiditySources(),S=Xw(g),{manager:T}=Hw(),{fetch:C,loading:k,cancelFetch:w}=El(),[x,I]=ar({swap:null,error:null,warnings:null}),[A,E]=ar(!1),b=i(async({selectedWallets:L,customDestination:X})=>{let se=await C?.({selectedWallets:L,customDestination:X});return I(se),se},"onConfirmSwap"),v=i(async()=>{if(x.swap&&n)try{await T?.create("swap",{swapDetails:x.swap},{id:x.swap.requestId});let L=`../${F.swaps}/${x.swap.requestId}`;s(L,{replace:!0}),setTimeout(()=>{e("")},0)}catch(L){c("Error: "+L?.message)}},"addNewSwap"),B=i(async()=>{f(!0),await v(),f(!1)},"onConfirm"),P=i(async()=>{x.warnings?.quote&&Hu(x.warnings.quote)&&!a?E(!0):await B()},"onStartConfirmSwap"),_=i(async()=>{I({error:null,swap:null,warnings:null}),C({selectedWallets:o,customDestination:r}).then(L=>{I(L)}).catch(L=>console.error(L))},"onRefresh");Xi(()=>{!!S.current.length&&!g.length&&_(),S.current=g},[g.length]),Xi(()=>{u&&w()},[u]),Xi(()=>{u&&m(u)},[u]),Xi(()=>{u||C({selectedWallets:o,customDestination:r}).then(L=>I(L)).catch(L=>console.error(L))},[]),jw(()=>{t?.requestId||s(`../${location.search}`)},[t?.requestId]);let V=x.warnings?.quote??null,ee=x.error,j=[];if(l&&j.push(_e.createElement(Qw,{type:"error",variant:"alarm",title:l})),V||ee){let L=`../${F.settings}`;j.push(_e.createElement(Rn,{warning:V,error:ee,couldChangeSettings:!1,refetchQuote:_,showWarningModal:A,confirmationDisabled:!d,onOpenWarningModal:()=>E(!0),onCloseWarningModal:()=>E(!1),onConfirmWarningModal:async()=>{E(!1),await v()},onChangeSettings:()=>s(L)}))}return _e.createElement(re,{header:{title:Il.t("Confirm Swap"),onWallet:()=>{let L=`../${F.wallets}`;s(L)}},footer:_e.createElement(Zw,null,_e.createElement("div",{className:Jw()},_e.createElement(qw,{id:"widget-confirm-swap-start-btn",variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:k||h,disabled:!!x.error||!d,onClick:P},Il.t("Start Swap"))),_e.createElement(Kf,{id:"widget-confirm-swap-wallet-icon-btn",variant:"contained",type:"primary",size:"large",loading:k||h,disabled:!d,onClick:m.bind(null,!0)},_e.createElement(Kw,{size:24})))},p&&_e.createElement(Ld,{open:p,onClose:()=>m(!1),onCancel:w,loading:k,onCheckBalance:b}),_e.createElement(ie,null,_e.createElement("div",{className:eb()},_e.createElement(Vw,{variant:"title",size:"small"},Il.t("You get")),_e.createElement("div",{className:Rw()},_e.createElement(hi,{onClick:!k&&!p&&!A?_:void 0}))),_e.createElement(Al,{size:"12"}),Nm(j.map((L,X)=>({element:L,key:`alert-${X}`})),_e.createElement(Al,{size:10})),j.length>0?_e.createElement(Al,{size:10}):null,_e.createElement(Bo,{quote:t,type:"swap-preview",expanded:!0,tagHidden:!0,error:x.error,loading:k,warning:x.warnings?.quote??null})))}i(jf,"ConfirmSwapPage");import{i18n as Gt}from"@lingui/core";import{Button as zl,CustomTokensZeroStateDarkIcon as kb,CustomTokensZeroStateIcon as vb,DeleteIcon as wb,Divider as mr,IconButton as bb,MessageBox as xb,NotFound as Eb,styled as Ql}from"@rango-dev/ui";import he,{useState as Hl}from"react";import{useNavigate as Ib}from"react-router-dom";import{CloseIcon as ob,IconButton as nb,SearchIcon as rb,TextField as ib}from"@rango-dev/ui";import sr from"react";import{styled as tb}from"@rango-dev/ui";var Xf=tb("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function xt(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:a,value:s,style:l,setValue:c,suffix:u,...p}=t,m=s.length?sr.createElement(nb,{variant:"ghost",onClick:()=>c?.(""),size:"small"},sr.createElement(ob,{color:"gray",size:10})):null;return u&&(m=u),sr.createElement(ib,{prefix:sr.createElement(Xf,null,sr.createElement(rb,{color:"black"})),suffix:m,fullWidth:o,color:n,variant:e,style:{padding:10,borderRadius:25,alignItems:"center",...l},size:r,value:s,onChange:a,...p})}i(xt,"SearchInput");import{i18n as Ul}from"@lingui/core";import{Button as cb,CustomTokenWarning as pb,darkTheme as sg,Divider as qt,ExternalLinkIcon as ub,Image as mb,ListItem as db,NotFound as fb,PinIcon as gb,Skeleton as Wo,Typography as pr,VirtualizedList as hb}from"@rango-dev/ui";import W,{useState as yb}from"react";import{useTranslation as Sb}from"react-i18next";import{Divider as ig,ListItem as lb,Skeleton as cr}from"@rango-dev/ui";import Et from"react";import{css as Tn,darkTheme as Bl,ImageContainer as ab,ListItemButton as sb,styled as et,Typography as Yf}from"@rango-dev/ui";var Wl=Tn({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}),Ll=Tn({position:"relative",height:12,width:"30%",maxWidth:"150px"}),Ml=Tn({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",bottom:"-8px"}),Pl=Tn({transform:"translateY(12px)",visibility:"hidden",display:"flex","& a":{display:"flex",justifyContent:"center",alignItems:"center",fontSize:"$12",lineHeight:"$16",$$color:"$colors$neutral600",[`.${Bl} &`]:{$$color:"$colors$neutral700"},color:"$$color",textDecoration:"none"}}),_l=Tn({}),Dl=Tn(),Zf=et("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden",justifyContent:"center"}),$l=et("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),Yi=et("ul",{flexGrow:1,padding:0,margin:0,listStyle:"none","& li":{alignItems:"none","&:hover":{[`& .${Ll}`]:{[`& .${Pl}`]:{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",visibility:"visible"},[`& .${_l}`]:{bottom:"-15px"},[`& .${Wl}`]:{position:"absolute",transform:"translateY(-12px)",visibility:"hidden"},[`& .${Ml}`]:{position:"absolute",transform:"translateY(-12px)",bottom:"-10px"}}}}}),Jf=et(sb,{variants:{customToken:{true:{"&:hover":{cursor:"unset"}}}}}),Fl=et("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),Ol=et(Yf,{}),Rf=et("div",{textAlign:"right",width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",[`& .${Dl}`]:{$$color:"$colors$neutral600",[`.${Bl} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),lr=et("div",{display:"flex",alignItems:"end",flexDirection:"column"}),YQ=et("div",{display:"flex",alignItems:"center"}),eg=et("div",{position:"relative",[`& ${ab}`]:{borderRadius:"$xm",overflow:"hidden"}}),tg=et("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6}),og=et(Yf,{width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}),ng=et("a",{"& svg:hover":{color:"$colors$info"}}),rg=et("div",{paddingRight:"$5","& .widget-token-list-item-btn":{width:"100%",overflow:"hidden",height:"60px"},"& .widget-token-list-item-import-btn":{height:"$20",padding:"0 $10","& ._text":{display:"flex",justifyContent:"center",alignItems:"center"},"& ._typography":{[`.${Bl} &`]:{color:"$foreground"}}}});function ag(t){return Et.createElement(Yi,null,Array.from(Array(t.size),e=>Et.createElement(lb,{key:e,hasDivider:!0,start:Et.createElement(cr,{variant:"circular",width:35,height:35}),end:Et.createElement(lr,null,Et.createElement(cr,{variant:"text",size:"large",width:70}),Et.createElement(ig,{size:4}),Et.createElement(cr,{variant:"text",size:"medium",width:50})),title:Et.createElement("div",null,Et.createElement(cr,{variant:"text",size:"large",width:90}),Et.createElement(ig,{size:4}),Et.createElement(cr,{variant:"text",size:"medium",width:90}))})))}i(ag,"LoadingTokenList");var Cb=20,Tb=i(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:a,customCssForTagTitle:s}=t,l=e.length;return W.createElement("div",{className:Ll()},o?W.createElement("div",{className:Wl()},o):W.createElement($l,{className:Ml()},W.createElement(pr,{variant:"title",size:"xmedium"},r.symbol),W.createElement(qt,{direction:"horizontal",size:4}),W.createElement(Fl,{css:a},W.createElement(Ol,{variant:"body",size:"xsmall",css:s},r.blockchain))),!!e&&W.createElement("div",{className:`${Pl()} ${!o&&_l()}`},l>10?`${e.slice(0,5)}...${e.slice(l-6,l)}`:e," ",W.createElement(qt,{size:4,direction:"horizontal"}),W.createElement(ng,{href:n,target:"_blank",rel:"nofollow noreferrer",onClick:c=>c.stopPropagation()},W.createElement(ub,{size:12}))))},"renderDesc");function ur(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r,showTitle:a=!0,action:s,type:l,showWarning:c=!0}=t,u=y().fetchStatus,p=y().blockchains(),{getBalanceFor:m,fetchingWallets:h}=y(),{isTokenPinned:f}=y(),{setFromToken:d,setToToken:g}=O(),{t:S}=Sb(),T=He(),[C,k]=yb(null),w=i(()=>{l==="source"?d({token:C,meta:{blockchains:p}}):g({token:C,meta:{blockchains:p}})},"updateToken"),x=i(()=>{w(),T()},"handleImportToken"),I=i(b=>{if(b.customToken){let{customToken:B,...P}=b;return W.createElement(cb,{variant:"contained",type:"primary",size:"small",className:"widget-token-list-item-import-btn",onClick:i(V=>{V.stopPropagation(),k({...P,warning:!0})},"handleClick")},W.createElement(pr,{variant:"body",size:"xsmall",color:"background"},S("import")))}let v=Fr(m(b));return s?s(b):h?W.createElement(lr,null,W.createElement(Wo,{variant:"text",size:"large",width:70}),W.createElement(qt,{size:4}),W.createElement(Wo,{variant:"text",size:"medium",width:50})):v&&W.createElement(Rf,null,W.createElement(og,{variant:"title",size:"small"},v.amount),W.createElement("div",null),v.usdValue&&W.createElement(pr,{variant:"body",className:Dl(),size:"xsmall"},`$${v.usdValue}`))},"endRenderer"),A=i(()=>W.createElement(hb,{itemContent:b=>{let v=e[b];if(v==="skeleton")return W.createElement(db,{hasDivider:!0,start:W.createElement(Wo,{variant:"circular",width:35,height:35}),end:W.createElement(lr,null,W.createElement(Wo,{variant:"text",size:"large",width:70}),W.createElement(qt,{size:4}),W.createElement(Wo,{variant:"text",size:"medium",width:50})),title:W.createElement("div",null,W.createElement(Wo,{variant:"text",size:"large",width:90}),W.createElement(qt,{size:4}),W.createElement(Wo,{variant:"text",size:"medium",width:90}))});let B=v.address||"",P=p.find(L=>L.name===v.blockchain);if(!P)return null;let _=Ws(P.color,"main"),V={$$color:_.main150,[`.${sg} &`]:{$$color:_.main750},backgroundColor:"$$color"},ee={$$color:_.main750,[`.${sg} &`]:{$$color:_.main150},color:"$$color"},j=i(()=>{typeof v!="string"&&!v.customToken&&n?.(v)},"handleClick");return W.createElement(rg,null,W.createElement(Jf,{"tab-index":b,key:`${v.symbol}${v.address}`,id:`${v.symbol}${v.address}`,className:"widget-token-list-item-btn",hasDivider:!0,customToken:v.customToken,onClick:j,start:W.createElement(eg,null,W.createElement(mb,{src:v.image===""?Qr:v.image,size:30}),t.type!=="custom-token"&&f(v,t.type)&&W.createElement(tg,null,W.createElement(gb,{size:12,color:"gray"}))),title:P?.type==="COSMOS"||v.name||!v.name&&!B?W.createElement($l,null,W.createElement(pr,{variant:"title",size:"xmedium"},v.symbol),W.createElement(qt,{direction:"horizontal",size:4}),W.createElement(Fl,{css:V},W.createElement(Ol,{variant:"body",size:"xsmall",css:ee},v.blockchain)),c&&v.warning&&W.createElement(W.Fragment,null,W.createElement(qt,{direction:"horizontal",size:4}),W.createElement(pb,{container:N()}))):void 0,description:typeof v!="string"&&P?.info&&B&&P.type!=="COSMOS"?Tb({address:B,token:v,customCssForTag:V,customCssForTagTitle:ee,name:v.name,url:P.info.addressUrl.split("{wallet}").join(B)}):v.name||void 0,end:I(v)}))},totalCount:e.length,key:`${r}-${o}`}),"renderList"),E=C?So(C?.blockchain,p):null;return W.createElement(W.Fragment,null,a&&W.createElement(W.Fragment,null,W.createElement(pr,{variant:"label",size:"large"},Ul.t("Select Token")),W.createElement(qt,{size:4})),W.createElement(Zf,null,W.createElement(qt,{size:4}),u==="loading"&&W.createElement(ag,{size:Cb}),u==="success"&&(e.length?W.createElement(W.Fragment,null,W.createElement(Gn,{token:C,address:C?.address??"",blockchain:E??void 0,onImport:x,onExitErrorModal:()=>k(null),onExitImportModal:()=>k(null)}),W.createElement(Yi,{as:"ul"},A())):!!o&&W.createElement(fb,{title:Ul.t("No results found"),description:Ul.t("Try using different keywords")}))))}i(ur,"TokenList");var Ab=Ql("div",{display:"flex",justifyContent:"space-between",flexDirection:"column",flex:1}),Nb=Ql("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",flex:"0.75"}),Bb=Ql(bb,{"&:hover":{"& svg":{color:"$secondary550"}}});function lg(){let[t,e]=Hl(""),{deleteCustomToken:o}=y(),n=y().customTokens(),{fromToken:r,toToken:a,setFromToken:s,setToToken:l}=O(),{mode:c}=pn({}),u=Ib(),[p,m]=Hl(!1),[h,f]=Hl(),d=i(C=>{let k=C.target.value;e(k)},"handleSearch"),g=c==="dark",S=n.filter(C=>ot(C.symbol,t)||ot(C.address||"",t)||ot(C.name||"",t)),T=i(()=>{if(h){let C=a?ft(a):null,k=r?ft(r):null,w=ft(h);C===w?l({token:null}):k===w&&s({token:null}),o(h)}m(!1)},"handleDeleteCustomToken");return he.createElement(re,{header:{title:Gt.t("Custom Tokens")}},he.createElement(ie,null,he.createElement(Ab,null,n.length?he.createElement(he.Fragment,null,he.createElement(xt,{value:t,setValue:e,fullWidth:!0,color:"light",variant:"contained",placeholder:Gt.t("Search Token"),onChange:d}),he.createElement(mr,{size:16}),he.createElement(ur,{list:S,type:"custom-token",searchedFor:t,showTitle:!1,showWarning:!1,action:C=>he.createElement(Bb,{id:"widget-custom-token-delete-icon-btn",variant:"ghost",onClick:()=>{m(!0),f(C)}},he.createElement(wb,{size:12,color:"gray"}))})):he.createElement(Nb,null,he.createElement(Eb,{icon:g?he.createElement(kb,{size:200}):he.createElement(vb,{size:200}),title:Gt.t("No custom tokens"),description:Gt.t("press the button to add your custom token")})),he.createElement(mr,{size:20}),he.createElement(zl,{id:"widget-custom-token-add-btn",type:"primary",variant:"contained",size:"large",onClick:()=>u(F.addCustomTokens)},Gt.t("Add Custom Token"))),he.createElement(J,{open:p,dismissible:!0,onClose:()=>m(!1),container:N()},he.createElement(xb,{title:Gt.t("Delete Custom Token"),type:"error",description:Gt.t("Are you sure you want to Delete this Token?")},he.createElement(mr,{size:40}),he.createElement(mr,{size:10}),he.createElement(zl,{fullWidth:!0,id:"widget-custom-token-delete-modal-yes-btn",variant:"contained",type:"primary",size:"large",onClick:T},Gt.t("Yes, Delete it")),he.createElement(mr,{size:12}),he.createElement(zl,{id:"widget-custom-token-delete-modal-no-btn",fullWidth:!0,variant:"outlined",type:"primary",size:"large",onClick:()=>m(!1)},Gt.t("No, Continue"))))))}i(lg,"CustomTokensPage");import{i18n as Ke}from"@lingui/core";import{useManager as Yb}from"@rango-dev/queue-manager-react";import{Button as Yl,darkTheme as Zb,Divider as Mo,MessageBox as Jb,NotFound as Rb,styled as Zl,Typography as Ri}from"@rango-dev/ui";import{TransactionStatus as gr}from"rango-types";import ae,{useMemo as Ig,useState as ea}from"react";import{useNavigate as ex}from"react-router-dom";import{FilterIcon as $b,Popover as Fb}from"@rango-dev/ui";import Lo from"react";import{css as Wb,darkTheme as Zi,IconButton as Lb,styled as dr}from"@rango-dev/ui";var ql=dr("div",{position:"relative","&::before":{position:"absolute",right:"1px",top:"-1px",width:"$8",height:"$8",borderRadius:"100%",backgroundColor:"$neutral300",[`.${Zi} &`]:{backgroundColor:"$neutral400"},padding:"$2"},variants:{isSelect:{true:{"&::before":{content:""}}}}}),cg=dr(Lb,{width:"$36",height:"$36",position:"relative",padding:"0",overflow:"unset",backgroundColor:"$neutral300",[`.${Zi} &`]:{backgroundColor:"$neutral400"},"&:hover":{backgroundColor:"$secondary100",[`.${Zi} &`]:{backgroundColor:"$neutral"},[`& ${ql}::before`]:{backgroundColor:"$secondary100",[`.${Zi} &`]:{backgroundColor:"$neutral"}}},variants:{isSelect:{true:{border:"1px solid $secondary"}}}}),pg=dr("div",{position:"absolute",width:"$6",height:"$6",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"3px",top:"$0",right:"1px",backgroundColor:"$secondary500"}),ug=dr("div",{padding:"$15",borderRadius:"$sm",width:"248px",backgroundColor:"$background",zIndex:10}),mg=Wb({display:"flex",justifyContent:"space-between",alignItems:"center"}),dg=dr("ul",{margin:0,listStyle:"none",height:"100%",padding:0,".item-start-container":{paddingRight:"0 !important"}});import{i18n as fg}from"@lingui/core";import{Button as Mb,Divider as gg,ListItemButton as Pb,Radio as _b,RadioRoot as Db,Typography as hg}from"@rango-dev/ui";import ct from"react";function yg(t){let{filterBy:e,onClickItem:o}=t;return ct.createElement(ug,null,ct.createElement("div",{className:mg()},ct.createElement(hg,{size:"small",variant:"body"},fg.t("Status")),ct.createElement(Mb,{id:"widget-filter-selector-reset-btn",variant:"ghost",size:"xxsmall",onClick:()=>o("")},fg.t("Reset"))),ct.createElement(gg,{size:10}),ct.createElement(Db,{value:e},ct.createElement(dg,null,t.list.map((n,r)=>ct.createElement(Pb,{key:n.id,style:{height:"40px",width:"100%"},selected:!1,hasDivider:t.list.length-1!=r,id:n.id,title:ct.createElement(ct.Fragment,null,ct.createElement(gg,{direction:"horizontal",size:4}),ct.createElement(hg,{size:"medium",variant:"body"},n.title)),start:ct.createElement(_b,{value:n.id}),onClick:o})))))}i(yg,"FilterSelectorContent");function Gl(t){let{onClickItem:e,onOpenChange:o,filterBy:n,list:r,open:a}=t;return Lo.createElement("div",null,Lo.createElement(Fb,{open:a,align:"end",onOpenChange:o,container:N(),content:Lo.createElement(yg,{list:r,filterBy:n,onClickItem:s=>{e(s),o(!1)}})},Lo.createElement(cg,{id:"widget-filter-selector-filter-icon-btn",variant:"default",isSelect:!!n,onClick:()=>o(!t.open)},Lo.createElement(ql,{isSelect:!!n},Lo.createElement($b,{size:16,color:"black"}),!!n&&Lo.createElement(pg,null)))))}i(Gl,"FilterSelector");import{i18n as zb}from"@lingui/core";import{getCurrentStep as Hb}from"@rango-dev/queue-manager-rango-preset";import{Divider as vg,GroupedVirtualizedList as Qb,Skeleton as qb,SwapListItem as wg,Typography as Gb}from"@rango-dev/ui";import Ve,{useCallback as bg,useEffect as Vb,useRef as Kb,useState as jb}from"react";function Sg(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(Sg,"calculateGroupsSoFar");import{css as Ob,darkTheme as Ub,styled as fr}from"@rango-dev/ui";var Vl=Ob(),Cg=fr("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$5"}),Kl=fr("div",{width:"100%",display:"flex",flexDirection:"column",backgroundColor:"$background",padding:"$10 $5 0 $5",[`& .${Vl}`]:{$$color:"$colors$neutral600",[`.${Ub} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),jl=fr("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),Tg=fr("div",{gap:"$10",display:"flex",flexDirection:"column"}),kg=fr("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});var Xb=10;function Xl(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,[a,s]=jb([]),l=Kb(0),{swaps:c,groupCounts:u,groups:p}=n(e),m=bg(Sg,[]),h=bg(()=>{let f=e.length-l.current;f&&(l.current+=Math.min(f,Xb),s(m(u,l.current)))},[e.length]);if(Vb(()=>{r||h()},[r,h]),r){let f=[1,2];return Ve.createElement(Ve.Fragment,null,[f,f].map((g,S)=>Ve.createElement(Kl,{key:S},Ve.createElement(jl,null,Ve.createElement(qb,{variant:"text",width:60,size:"small"}),Ve.createElement(vg,{size:16})),Ve.createElement(vg,{size:4}),Ve.createElement(Tg,null,g.map((C,k)=>Ve.createElement(wg,{isLoading:!0,key:k}))))))}return Ve.createElement(Qb,{endReached:()=>{l.current<e.length&&h()},groupCounts:a,groupContent:f=>Ve.createElement(Kl,null,Ve.createElement(jl,null,Ve.createElement(Gb,{variant:"label",size:"medium",className:Vl()},p[f]))),itemContent:(f,d)=>{let g=c[f],S=Hb(g);if(!g)return null;let T=g.steps[0],C=g.steps[g.steps.length-1];return Ve.createElement(Cg,{key:g.requestId},Ve.createElement(wg,{requestId:g.requestId,creationTime:g.creationTime,status:g.status,onClick:o,currentStep:S,tooltipContainer:N(),onlyShowTime:p[d]===zb.t("Today"),swapTokenData:{from:{token:{image:T.fromLogo,displayName:T.fromSymbol},blockchain:{image:T.fromBlockchainLogo||""},amount:M(g.inputAmount,6,6),realAmount:g.inputAmount},to:{token:{image:C.toLogo,displayName:C.toSymbol},blockchain:{image:C.toBlockchainLogo||""},amount:M(C.outputAmount||C.expectedOutputAmountHumanReadable||"",6,6),realAmount:C.outputAmount||C.expectedOutputAmountHumanReadable||""}}}))}})}i(Xl,"HistoryGroupedList");import{i18n as Ji}from"@lingui/core";import xg from"dayjs";var Eg=i(t=>{let e=new Map([["today",{title:Ji.t("Today"),swaps:[]}],["week",{title:Ji.t("This week"),swaps:[]}],["month",{title:Ji.t("This month"),swaps:[]}],["year",{title:Ji.t("This year"),swaps:[]}]]);function o(c,u){e.has(c)||e.set(c,{title:c,swaps:[]}),e.get(c)?.swaps.push(u)}i(o,"addYearsToOutput");let n=xg();t.forEach(c=>{let u=Number(c.creationTime),p=xg(u);if(n.isSame(p,"day"))e.get("today")?.swaps.push(c);else if(n.isSame(p,"week"))e.get("week")?.swaps.push(c);else if(n.isSame(p,"month"))e.get("month")?.swaps.push(c);else if(n.isSame(p,"year"))e.get("year")?.swaps.push(c);else{let m=new Date(u).getFullYear().toString();o(m,c)}});let r=Array.from(e.values()).filter(c=>c.swaps.length>0),a=r.flatMap(c=>c.swaps),s=r.map(c=>c.swaps.length),l=r.map(c=>c.title);return{swaps:a,groupCounts:s,groups:l}},"groupSwapsByDate");var tx=Zl("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),ox=Zl("div",{display:"flex",justifyContent:"center",alignItems:"center"}),nx=Zl("div",{"._typography":{color:"$neutral700",[`.${Zb}&`]:{color:"$neutral900"}}}),rx=[{id:gr.SUCCESS,title:Ke.t("Complete")},{id:gr.RUNNING,title:Ke.t("Running")},{id:gr.FAILED,title:Ke.t("Failed")}],ix=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 Ag(){let t=ex(),{manager:e,state:o}=Yb(),n=yt(e).map(({swap:k})=>k),[r,a]=ea(""),[s,l]=ea(!1),c=!o.loadedFromPersistor,[u,p]=ea(""),[m,h]=ea(!1),f=i(k=>{let w=k.target.value;a(w)},"handleSearch"),d=Ig(()=>!r&&!u?n:n.filter(k=>{let{inputAmount:w,status:x,steps:I,requestId:A}=k;return(!r||At(w,r)||At(x,r)||ix(I,r)||At(A,r))&&(!u||u===x)}),[n,r,u]),g=!d?.length&&!c,S=i(()=>h(!1),"onCloseModal"),T=i(async()=>{try{await e?.clearQueue(),h(!1)}catch(k){console.log(k)}},"onClear"),C=Ig(()=>!n.some(k=>k.status===gr.SUCCESS||k.status===gr.FAILED),[n]);return ae.createElement(re,{header:{title:Ke.t("History"),suffix:ae.createElement(eo,null,ae.createElement(Yl,{id:"widget-history-clear-btn",disabled:C,variant:"ghost",size:"xsmall",onClick:()=>h(!0)},ae.createElement(Ri,{size:"medium",variant:"label",color:"error"},Ke.t("Clear"))))}},ae.createElement(ie,null,ae.createElement(ox,null,ae.createElement(xt,{setValue:a,fullWidth:!0,variant:"contained",placeholder:Ke.t("Search Transaction"),autoFocus:!0,onChange:f,style:{height:36},value:r}),ae.createElement(Mo,{size:10,direction:"horizontal"}),ae.createElement(Gl,{filterBy:u,open:s,onOpenChange:k=>l(k),onClickItem:k=>p(k),list:rx})),ae.createElement(Mo,{size:"16"}),ae.createElement(tx,null,g&&ae.createElement(kg,null,ae.createElement(Mo,{size:32}),ae.createElement(Rb,{title:r?Ke.t("No results found"):Ke.t("No transactions"),titleColor:r?void 0:"$info",hasIcon:!!r,description:r?Ke.t("Try using different keywords"):Ke.t("Your transaction history is stored locally and will appear here after you start a swap")})),!g&&ae.createElement(Xl,{list:d,onSwapClick:t,groupBy:Eg,isLoading:c}))),ae.createElement(J,{open:m,onClose:S,container:N()},ae.createElement(Mo,{size:20}),ae.createElement(Jb,{type:"warning",title:Ke.t("Clear Transaction History"),description:ae.createElement(nx,null,ae.createElement(Ri,{variant:"body",size:"medium"},Ke.t("Proceeding will remove all successful and failed transactions from the widget. Do you want to continue?")),ae.createElement(Mo,{size:"24"}),ae.createElement(Ri,{variant:"body",size:"small"},Ke.t("Note: This does not erase your transaction history on the chain; it only removes them here.")))}),ae.createElement(Mo,{size:30}),ae.createElement(Yl,{id:"widget-history-clear-modal-yes-btn",variant:"contained",type:"primary",size:"large",onClick:T},Ke.t("Yes, Clear the history")),ae.createElement(Mo,{size:10}),ae.createElement(Yl,{id:"widget-history-clear-modal-no-btn",variant:"outlined",type:"primary",size:"large",onClick:S},ae.createElement(Ri,{variant:"title",size:"medium",color:"primary"},Ke.t("No, Cancel")))))}i(Ag,"HistoryPage");import{i18n as Nx}from"@lingui/core";import{Button as Bx,Divider as Xg,styled as Wx,WarningIcon as Lx}from"@rango-dev/ui";import Mx from"bignumber.js";import je,{useEffect as Yg,useState as Zg}from"react";import{useNavigate as Px}from"react-router-dom";import{i18n as Bg}from"@lingui/core";import{Alert as sx,Divider as Jl,NoRouteIcon as lx,Typography as cx}from"@rango-dev/ui";import Po from"react";import{styled as ax}from"@rango-dev/ui";var Ng=ax("div",{display:"flex",flexDirection:"column",alignItems:"center"});function Rl(){let{fromToken:t,toToken:e}=O();return!!t&&!!e&&Dt(t,e)?Po.createElement(Ng,null,Po.createElement(Jl,{size:10}),Po.createElement(lx,{size:24,color:"gray"}),Po.createElement(Jl,{size:4}),Po.createElement(cx,{variant:"title",size:"small"},Bg.t("No Routes Found")),Po.createElement(Jl,{size:4}),Po.createElement(sx,{title:Bg.t("You cannot use the same token for From and To."),type:"warning",variant:"alarm"})):null}i(Rl,"SameTokensWarning");import{i18n as gx}from"@lingui/core";import{Header as hx}from"@rango-dev/ui";import so,{useEffect as yx,useState as Sx}from"react";import{i18n as ux}from"@lingui/core";import{Divider as tc,FullExpandedQuote as mx,Typography as dx}from"@rango-dev/ui";import ve from"react";import{styled as ec}from"@rango-dev/ui";var Wg=ec("div",{display:"flex",justifyContent:"center",flexDirection:"column",height:"100%"}),Lg=ec("div",{display:"flex",justifyContent:"space-between",alignItems:"center"}),Mg=ec("div",{width:"146px"});import{i18n as hr}from"@lingui/core";import{Select as px}from"@rango-dev/ui";import Pg from"react";function ta(t){let{updateQuotePartialState:e,sortStrategy:o}=O(),n=[{value:"SMART",label:hr.t("Smart Routing")},{value:"FEE",label:hr.t("Lowest Fee")},{value:"SPEED",label:hr.t("Fastest Transfer")},{value:"NET_OUTPUT",label:hr.t("Maximum Return")},{value:"PRICE",label:hr.t("Maximum Output")}];return Pg.createElement(Mg,null,Pg.createElement(px,{container:t.container,options:n,value:o,handleItemClick:r=>{e("sortStrategy",r.value)},variant:"filled"}))}i(ta,"SelectStrategy");var _g=3;function yr(t){let{loading:e,onClickOnQuote:o,fetch:n,showModalFee:r,hasSort:a=!0,fullExpandedMode:s=!1,container:l}=t,{selectedQuote:c,quotes:u,updateQuotePartialState:p,fromToken:m,toToken:h,sortStrategy:f,error:d}=O(),{slippage:g,customSlippage:S}=y(),{findToken:T}=y(),C=l||N(),k=!!u&&u.results.length,w=S??g,x=i(E=>{if(!m||!h||!u)return null;let b={requestAmount:u.requestAmount,validationStatus:null,...E};return rn({currentQuote:b,userSlippage:w,findToken:T})},"getQuoteWarning"),I=d?.type===0||d?.type===1,A=u?.results?li(f,u?.results):[];return ve.createElement(ve.Fragment,null,a&&ve.createElement(ve.Fragment,null,ve.createElement(Lg,null,ve.createElement(dx,{size:"xmedium",variant:"title"},ux.t("Sort by")),ve.createElement(ta,{container:C})),ve.createElement(tc,{size:"10"})),e&&Array.from({length:_g},(E,b)=>ve.createElement(ve.Fragment,{key:b},s?ve.createElement(mx,{loading:!0}):ve.createElement(ir,{tagHidden:!1,type:"list-item",expanded:!1}),b!==_g-1&&ve.createElement(tc,{size:16}))),!e&&ve.createElement(ve.Fragment,null,k?A.map((E,b)=>{let v=x(E),B=xl(E.swaps),P=A.length-1===b;return ve.createElement(ve.Fragment,{key:E.requestId},ve.createElement(Bo,{showModalFee:r,container:C,selected:c?.requestId===E.requestId,tagHidden:!1,quote:{...E,requestAmount:u.requestAmount,validationStatus:null},loading:e,error:B?.options||null,warning:v,fullExpandedMode:s,onClick:_=>{B||p("warning",v),p("error",B?.options||null),o(_)},type:"list-item"}),!P&&ve.createElement(tc,{size:16}))}):I&&ve.createElement(Wg,null,ve.createElement(Zn,{size:s?"large":"small",error:d,fetch:n}))))}i(yr,"Quotes");import{darkTheme as fx,styled as Dg}from"@rango-dev/ui";var $g=Dg("div",{transition:"width 0.2s, opacity 0.2s, margin-left 0.2s",height:"700px",width:"390px",position:"relative",opacity:1,marginLeft:"$16",backgroundColor:"$neutral100",[`.${fx} &`]:{backgroundColor:"$neutral300"},variants:{expandMode:{default:{width:"390px"},full:{width:"719px"}}},"&.is-hidden":{width:0,height:0,opacity:0,marginLeft:0}}),Fg=Dg("div",{position:"relative",overflow:"hidden",padding:"$20",flexGrow:1,display:"flex",flexDirection:"column",overflowY:"auto",borderRadius:"$primary",backgroundColor:"$background"});var Cx=100;function oc(t){let{fetch:e,loading:o,onClickOnQuote:n,onClickRefresh:r,isVisible:a}=t,[s,l]=Sx(!1),c=s?"":"is-hidden",{config:u}=y(),p=u?.variant==="full-expanded",m=ho();return yx(()=>{let h=null;return a?h=setTimeout(()=>{l(!0)},Cx):(l(!1),h&&clearTimeout(h)),()=>{h&&clearTimeout(h)}},[a]),so.createElement($g,{expandMode:u?.variant==="full-expanded"?"full":"default",className:`${c} ${Ti()}`,id:Ue.EXPANDED_BOX_ID},so.createElement(hx,{title:gx.t("Routes"),suffix:so.createElement(so.Fragment,null,so.createElement(ta,{container:m}),so.createElement(Eo,{container:m,onClickRefresh:r,hidden:["history","notifications","settings"]}))}),so.createElement(Fg,null,so.createElement(yr,{showModalFee:!0,fetch:e,hasSort:!1,loading:o,container:ho(),onClickOnQuote:n,fullExpandedMode:p})))}i(oc,"ExpandedQuotes");import{i18n as Gg}from"@lingui/core";import{SwapInput as Vg}from"@rango-dev/ui";import wx from"bignumber.js";import Sr from"react";import{ReverseIcon as vx}from"@rango-dev/ui";import rc from"react";import{keyframes as Tx,styled as Og}from"@rango-dev/ui";var nc=450,kx=Tx({"0%":{transform:"rotateX(0deg) rotateY(0deg) rotateZ(0deg)"},"33%":{transform:"rotateX(0deg) rotateZ(78deg) rotateY(66deg)"},"66%":{transform:"rotateX(0deg) rotateZ(163deg) rotateY(66deg)"},"100%":{transform:"rotateX(0deg) rotateZ(180deg) rotateY(0deg)"}}),Ug=Og("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),zg=Og("div",{borderRadius:"$md",border:"3px solid $background",background:"$neutral100",width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center",color:"$foreground","&.rotate":{"& svg":{animation:`${kx} ${nc}ms ease-in-out forwards`}},"&:hover":{color:"$secondary500",transform:"translateY(1px) scale(1.04)",boxShadow:"1px 1px 1px 1px rgba(0, 0, 0, 0.05)"}});function ic(){let t=O.use.switchFromAndTo();return rc.createElement(Ug,null,rc.createElement(zg,{onClick:e=>{let o=e.currentTarget;o.classList.add("rotate"),setTimeout(()=>{o.classList.remove("rotate")},nc),t()}},rc.createElement(vx,{size:12})))}i(ic,"SwitchFromAndToButton");import{styled as Hg}from"@rango-dev/ui";var Qg=Hg("div",{display:"flex",flexDirection:"column",gap:"$5",alignSelf:"stretch"}),qg=Hg("div",{position:"relative"});function ac(t){let{fetchingQuote:e,fetchMetaStatus:o,onClickToken:n,isExpandable:r}=t,{fromToken:a,fromBlockchain:s,toToken:l,toBlockchain:c,setInputAmount:u,inputAmount:p,inputUsdValue:m,outputAmount:h,outputUsdValue:f,selectedQuote:d}=O(),{connectedWallets:g,getBalanceFor:S}=y(),T=a?S(a):null,C=Fr(T)?.amount??"0",k=T?new wx(T.amount).shiftedBy(-T.decimals):pe,w=!!s&&fp(g,s.name),x=!ds(d,p,m),I=!ds(d,p,f),A=!m||!f||!f.gt(0)?null:Ot(m.toString(),f.toString());return Sr.createElement(Qg,null,Sr.createElement(qg,null,Sr.createElement(Vg,{label:Gg.t("From"),mode:"From",onInputChange:u,balance:C,chain:{displayName:s?.displayName||"",image:s?.logo},token:{displayName:a?.symbol||"",image:a?.image,securityWarning:!!a?.warning},onClickToken:()=>n("from"),price:{value:p,usdValue:x?void 0:M(m,4,4),realUsdValue:x?void 0:m?.toString(),error:x?oe().unknownPriceError.impactTitle:void 0},disabled:o==="failed",loading:o==="loading",loadingBalance:w,tooltipContainer:N(),onSelectMaxBalance:()=>{let E=M(k,T?.decimals),b=T?.amount?E.split(",").join(""):"";u(b)},anyWalletConnected:g.length>0}),Sr.createElement(ic,null)),Sr.createElement(Vg,{sharpBottomStyle:!r&&(!!d||e),label:Gg.t("To"),mode:"To",fetchingQuote:e,chain:{displayName:c?.displayName||"",image:c?.logo},token:{displayName:l?.symbol||"",image:l?.image,securityWarning:!!l?.warning},percentageChange:M(Ot(m,f),2,2),warningLevel:Ut(A??0),price:{value:M(h,6,6),usdValue:I?void 0:M(f,4,4),realValue:h?.toString(),realUsdValue:I?void 0:f?.toString(),error:I?oe().unknownPriceError.impactTitle:void 0},onClickToken:()=>n("to"),disabled:o==="failed",loading:o==="loading",tooltipContainer:N()}))}i(ac,"Inputs");import{useCallback as bx,useEffect as xx,useRef as Ex,useState as Ix}from"react";function Kg(){let{fetch:t,loading:e,cancelFetch:o}=Vi({request:async(n,r)=>await rt().getAllRoutes(n,r)});return{fetch:t,loading:e,cancelFetch:o}}i(Kg,"useFetchAllQuotes");var Ax=600;function oa({refetchQuote:t}){let{fetch:e,cancelFetch:o}=Kg(),{excludeLiquiditySources:n,routing:r}=y().config,{connectedWallets:a}=y(),l=a.some(le=>le.isContractWallet),{fromToken:c,toToken:u,inputAmount:p,inputUsdValue:m,selectedQuote:h,sortStrategy:f,resetQuote:d,error:g,warning:S,setSelectedQuote:T,updateQuotePartialState:C}=O(),{slippage:k,customSlippage:w,affiliatePercent:x,affiliateRef:I,affiliateWallets:A,fetchStatus:E}=y(),b=y().getLiquiditySources(),v=y().getDisabledLiquiditySources(),B=y().excludeLiquiditySources(),{findToken:P}=y(),[_,V]=Ix(!0),ee=Ex(p),j=w??k,X=!c||!u||Dt(c,u)||!xn(p),se=i(le=>{V(le)},"resetState"),z=i(le=>{let{fromToken:me,toToken:ce,inputAmount:mt,liquiditySources:G,excludeLiquiditySources:D,disabledLiquiditySources:q,slippage:K,affiliateRef:Se,affiliatePercent:de,affiliateWallets:Fe}=le;if(_||se(!0),!X&&me&&ce){d();let Ye=om({fromToken:me,toToken:ce,inputAmount:mt,liquiditySources:G,excludeLiquiditySources:D,disabledLiquiditySources:q,wallets:a,slippage:K,affiliateRef:Se,affiliatePercent:de,affiliateWallets:Fe,contractCall:l});Qo("experimental",r)&&(Ye.experimental=!0),Qo("avoidNativeFee",r)&&(Ye.avoidNativeFee=!0),Qo("enableCentralizedSwappers",r)&&(Ye.enableCentralizedSwappers=!0),r?.maxLength&&(Ye.maxLength=r.maxLength),e(Ye).then(we=>{let Oe=li(f,we.results),Xt=qu(h,Oe,we.requestAmount);V(!1),C("quotes",we),T(Xt),Ki({diagnosisMessages:we.diagnosisMessages,requestId:Xt?.requestId||"",swaps:Xt?.swaps});let fo=Xt&&rn({currentQuote:Xt,userSlippage:j,findToken:P});C("warning",fo)}).catch(we=>{let{error:Oe}=ji(we);(Oe?.type===0||Oe?.type===1)&&d(),Oe?.type!==2&&(C("error",Oe),V(!1))})}},"fetch"),R=bx(Lr(le=>{z(le)},Ax),[X]);return xx(()=>{if(!t){V(!1);return}if(E!=="success")return;if(X){V(!1),(h||g||S)&&d();return}if(!xn(p)||m?.eq(0)){se(!1),o();return}d(),se(!0);let le=z;return ee.current&&ee.current!=p&&(le=R),ee.current=p,le({inputAmount:p,fromToken:c,toToken:u,liquiditySources:b,excludeLiquiditySources:B,disabledLiquiditySources:v,slippage:j,affiliateRef:I,affiliatePercent:x,affiliateWallets:A,contractCall:l}),o},[E,p,c?.symbol,c?.address,c?.blockchain,u?.symbol,u?.address,u?.blockchain,X,b?.length,n,v.length,j,I,x,l,JSON.stringify(A)]),{fetch:()=>z({inputAmount:p,fromToken:c,toToken:u,liquiditySources:b,excludeLiquiditySources:B,disabledLiquiditySources:v,slippage:j,affiliateRef:I,affiliatePercent:x,affiliateWallets:A,contractCall:l}),loading:_}}i(oa,"useSwapInput");function jg(t,e){let o=!1,n={preventDefault(){o=!0},...t.payload===void 0&&{payload:t.payload}};Ce.emit("uiEvent",{type:t.type,payload:n}),o||e()}i(jg,"emitPreventableEvent");var _x=Wx("div",{display:"flex",alignItems:"flex-start",maxHeight:700,"& .footer__alert":{paddingTop:"0 !important"}}),Dx=300;function Jg(){let t=Px(),{fromToken:e,toToken:o,inputAmount:n,selectedQuote:r,refetchQuote:a,error:s,warning:l,quotes:c,setSelectedQuote:u,resetQuoteWallets:p,setQuoteWarningsConfirmed:m,updateQuotePartialState:h}=O(),[f,d]=Zg(!1),{isLargeScreen:g,isExtraLargeScreen:S}=cn(),{fetch:T,loading:C}=oa({refetchQuote:a}),{config:k,fetchStatus:w,connectedWallets:x}=y(),{isActiveTab:I}=te(),[A,E]=Zg(!1),v=Ju({fetchMetaStatus:w,fetchingQuote:C,inputAmount:n,quote:r,anyWalletConnected:x.length>0,error:s,warning:l,needsToWarnEthOnPath:!1}),B=Dp(g,S,k?.variant),P=!!n&&!!e&&!!o&&new Mx(n).gt(0)&&!cm(e,o),_=P&&w==="success"&&C,j=(!B||B&&c?.results.length)&&(l||s);Yg(()=>{p(),h("refetchQuote",!0)},[]),Yg(()=>{d(P)},[P]);let L=(r||s)&&!A?T:void 0,X=i(z=>{B&&f?(d(!1),setTimeout(()=>{t(z)},Dx)):t(z)},"onHandleNavigation"),se=i(z=>{r?.requestId!==z.requestId&&(E(!1),u(z))},"onClickOnQuote");return je.createElement(_x,null,je.createElement(re,{height:"auto",footer:je.createElement(Bx,{id:`widget-swap-${v.action}-btn`,type:"primary",size:"large",disabled:v.disabled||!I,prefix:v.action==="confirm-warning"&&je.createElement(Lx,null),fullWidth:!0,onClick:()=>{v.action==="connect-wallet"?jg({type:"clickConnectWallet"},()=>X(F.wallets)):v.action==="confirm-warning"?E(!0):X(F.confirmSwap)}},v.title),header:{onWallet:()=>{X(F.wallets)},hasBackButton:!1,title:k.title||Nx.t("Swap"),suffix:je.createElement(Eo,{hidden:B?["refresh"]:void 0,onClickRefresh:L,onClickHistory:()=>X(F.swaps),onClickSettings:()=>{X(F.settings)}})}},je.createElement(ie,null,je.createElement(ac,{fetchingQuote:_,fetchMetaStatus:w,isExpandable:B,onClickToken:z=>{X(z==="from"?F.fromSwap:F.toSwap)}}),je.createElement(Xg,{size:"2"}),B?null:je.createElement(Bo,{quote:r,loading:_,error:s,tagHidden:!1,warning:l,type:"basic",onClickAllRoutes:c&&c.results.length>1?()=>{h("refetchQuote",!1),X(F.routes)}:void 0}),j?je.createElement(je.Fragment,null,je.createElement(Xg,{size:"10"}),je.createElement(Rn,{warning:l,error:s,couldChangeSettings:!0,refetchQuote:T,showWarningModal:A,confirmationDisabled:!I,onOpenWarningModal:()=>E(!0),onCloseWarningModal:()=>E(!1),onConfirmWarningModal:()=>{E(!1),m(!0),X(F.confirmSwap)},onChangeSettings:()=>X(F.settings)})):null,je.createElement(Rl,null))),B?je.createElement(oc,{loading:_,onClickOnQuote:se,fetch:T,onClickRefresh:L,isVisible:f}):null)}i(Jg,"Home");import{i18n as Rg}from"@lingui/core";import{Alert as $x,Divider as Fx,List as Ox,ListItemButton as Ux,Radio as zx,RadioRoot as Hx,Typography as Qx}from"@rango-dev/ui";import Mt from"react";function lo(){let{setLanguage:t,language:e,config:o}=y(),n=Vp,r=o?.language||qo;return{activeLanguage:e||r,languages:n,defaultLanguage:r,changeLanguage:a=>t(a||qo),resetLanguage:()=>t(null)}}i(lo,"useLanguage");function eh(){let{activeLanguage:t,changeLanguage:e,languages:o}=lo(),n=He(),r=o.map(a=>{let{local:s,label:l,SVGFlag:c}=a;return{id:`widget-setting-languages-${s}-item-btn`,value:s,title:Mt.createElement(Qx,{variant:"title",size:"xmedium"},l),onClick:()=>{e(a.local),n()},end:Mt.createElement(zx,{value:s}),start:Mt.createElement(c,null)}});return Mt.createElement(re,{header:{title:Rg.t("Language")}},Mt.createElement(ie,null,Mt.createElement($x,{type:"warning",variant:"alarm",title:"Warning: We are using machine translation, so the translations may be inaccurate."}),Mt.createElement(Fx,{size:"8"}),Mt.createElement(Hx,{value:t},Mt.createElement(Ox,{type:Mt.createElement(Ux,{title:Rg.t("language"),id:"_",onClick:()=>console.log()}),items:r}))))}i(eh,"LanguagePage");import{i18n as Vt}from"@lingui/core";import{Button as jx,Checkbox as Xx,Image as Yx,ListItemButton as Zx,NotFound as Jx,Typography as Rx}from"@rango-dev/ui";import Xe,{useState as eE}from"react";import{Checkbox as Vx,Skeleton as oh}from"@rango-dev/ui";import Tr from"react";import{styled as sc}from"@rango-dev/ui";var Cr=sc("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto",variants:{disabled:{true:{pointerEvents:"none"}}}}),lc=sc("div",{width:80,display:"flex",justifyContent:"flex-end"}),cc=sc("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});import{ListItem as qx,styled as Gx}from"@rango-dev/ui";var th=Gx(qx,{height:61});var Kx=30;function pc(){return Tr.createElement(Cr,null,Array.from(Array(Kx),(t,e)=>Tr.createElement(th,{hasDivider:!0,key:e,start:Tr.createElement(oh,{variant:"circular",width:35,height:35}),title:Tr.createElement(oh,{variant:"text",size:"large",width:90}),end:Tr.createElement(Vx,{checked:!1})})))}i(pc,"LoadingLiquiditySourceList");function uc({sourceType:t}){let e=y().fetchStatus,o=y().swappers(),n=y().getDisabledLiquiditySources(),[r,a]=eE(""),s=y().toggleLiquiditySource,l=y().isInCampaignMode(),c=Vr(o,n),u={Exchanges:Vt.t("Exchanges"),Bridges:Vt.t("Bridges")},p=[];t==="Exchanges"&&p.push("DEX"),t==="Bridges"&&p.push("BRIDGE","AGGREGATOR","OFF_CHAIN");let m=c.filter(T=>p.includes(T.type)),h=m.length===m.filter(T=>T.selected).length,f=i(()=>{m.forEach(T=>{h?s(T.groupTitle):T.selected||s(T.groupTitle)})},"toggleAllSources"),d=m.map(T=>{let{selected:C,groupTitle:k,logo:w,id:x,...I}=T;return{id:`widget-setting-liquidity-source-${x.toLowerCase().replace(/\s+/g,"-")}-item-btn`,start:Xe.createElement(Yx,{src:w,size:22,type:"circular"}),onClick:()=>{l||s(k)},end:Xe.createElement(Xx,{checked:C,disabled:l}),title:Xe.createElement(Rx,{variant:"title",size:"xmedium"},Vt.t(k)),selected:C,groupTitle:k,logo:w,...I}}),g=i(T=>{let C=T.target.value;a(C)},"handleSearch"),S=d;return r&&(S=d.filter(T=>At(T.groupTitle,r))),Xe.createElement(re,{header:{title:Vt.t(t),suffix:Xe.createElement(lc,null,Xe.createElement(jx,{id:`widget-liquidity-source-${h?"deselect-all":"select-all"}-btn`,variant:"ghost",size:"xsmall",onClick:f},h?Vt.t("Deselect all"):Vt.t("Select all")))}},Xe.createElement(ie,{view:!0},Xe.createElement(xt,{value:r,setValue:a,fullWidth:!0,color:"light",variant:"contained",placeholder:Vt.t("Search {sourceType}",{sourceType:u[t]}),onChange:g}),e==="loading"&&Xe.createElement(pc,null),!S.length&&r?Xe.createElement(cc,null,Xe.createElement(Jx,{title:Vt.t("No results found"),description:Vt.t("Try using different keywords")})):e==="success"&&Xe.createElement(Cr,{disabled:l},S.map(T=>{let{groupTitle:C,...k}=T;return Xe.createElement(Xe.Fragment,{key:T.id},Xe.createElement(Zx,{style:{height:"61px"},...k,selected:!1,hasDivider:!0}))}))))}i(uc,"LiquiditySourcePage");import{i18n as tE}from"@lingui/core";import na from"react";import{useNavigate as oE}from"react-router-dom";function nh(){let t=oE(),e=He(),{selectedQuote:o,refetchQuote:n,setSelectedQuote:r,updateQuotePartialState:a,error:s}=O(),{fetch:l,loading:c}=oa({refetchQuote:n}),u=i(h=>{r(h),a("refetchQuote",!1),e()},"onClickOnQuote"),p=`../${F.settings}`,m=`../${F.wallets}`;return na.createElement(re,{header:{onWallet:()=>{t(m),a("refetchQuote",!0)},onBack:()=>{a("refetchQuote",!1)},title:tE.t("Routes"),suffix:na.createElement(Eo,{onClickRefresh:o||s?l:void 0,hidden:["notifications","history"],onClickSettings:()=>{t(p),a("refetchQuote",!0)}})}},na.createElement(ie,null,na.createElement(yr,{fetch:l,loading:c,onClickOnQuote:u})))}i(nh,"RoutesPage");import{i18n as ph}from"@lingui/core";import{Divider as uh,getCategoriesCount as mE,SelectableCategoryList as dE}from"@rango-dev/ui";import Kt,{useState as mh}from"react";import{useNavigate as fE}from"react-router-dom";import{i18n as mc}from"@lingui/core";import{Divider as aE,Image as sE,ListItemButton as lE,NotFound as cE,Typography as ch}from"@rango-dev/ui";import pt,{useEffect as pE,useState as uE}from"react";var rh=i((t,e,o)=>t.filter(n=>Mr(n.type,o)).filter(n=>ot(n.name,e)||ot(n.displayName,e)),"filterBlockchains");import{ImageContainer as nE,styled as ih}from"@rango-dev/ui";var ah=ih("div",{display:"flex",flexDirection:"column",overflow:"hidden",height:"100%",justifyContent:"center"}),ra=ih(Xs,{padding:0,margin:0,listStyle:"none",[`& ${nE}`]:{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as rE,Skeleton as sh}from"@rango-dev/ui";import ia from"react";var iE=20;function lh(){return ia.createElement(ra,null,Array.from(Array(iE),t=>ia.createElement(rE,{key:t,hasDivider:!0,start:ia.createElement(sh,{variant:"circular",width:35,height:35}),title:ia.createElement(sh,{variant:"text",size:"large",width:90})})))}i(lh,"LoadingBlockchainList");function dc(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r,showTitle:a=!0}=t,[s,l]=uE(e),{fetchStatus:c}=y();pE(()=>{l([...rh(e,o,r)])},[e,o,r]);let u=i(()=>!s.length&&o?pt.createElement(cE,{title:mc.t("No results found"),description:mc.t("Try using different keywords")}):pt.createElement(ra,{as:"ul",key:`${r}-${o}`},s.map(p=>pt.createElement(lE,{key:`${p.name}-${p.chainId}`,className:"widget-blockchain-list-item-btn",hasDivider:!0,onClick:()=>n(p),start:pt.createElement(sE,{src:p.logo,size:30}),title:pt.createElement(ch,{variant:"title",size:"medium"},p.displayName),id:p.name}))),"renderList");return pt.createElement(pt.Fragment,null,a&&pt.createElement(pt.Fragment,null,pt.createElement(ch,{variant:"label",size:"large"},mc.t("Select Chain")),pt.createElement(aE,{size:4})),pt.createElement(ah,null,c==="loading"&&pt.createElement(lh,null),c==="success"&&u()))}i(dc,"BlockchainList");function aa(t){let{type:e}=t,o=He(),[n,r]=mh(""),[a,s]=mh("ALL"),l=O.use.setToBlockchain(),c=O.use.setFromBlockchain(),{fetchStatus:u}=y(),p=fE(),m=y().blockchains({type:e}),h=mE(m),f=!t.hideCategory&&h!==1;return Kt.createElement(re,{header:{title:ph.t("Select Chain")}},Kt.createElement(ie,{view:!0},f&&Kt.createElement(Kt.Fragment,null,Kt.createElement(dE,{setCategory:s,category:a,blockchains:m,isLoading:u==="loading"}),Kt.createElement(uh,{size:24})),Kt.createElement(xt,{value:n,autoFocus:!0,placeholder:ph.t("Search Chain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:d=>r(d.target.value)}),Kt.createElement(uh,{size:16}),Kt.createElement(dc,{list:m,showTitle:e!=="custom-token",searchedFor:n,blockchainCategory:a,onChange:d=>{e==="custom-token"?p(`..?blockchain=${d.name}`,{replace:!0}):(e==="source"?c(d):l(d),o())}})))}i(aa,"SelectBlockchainPage");import{i18n as ca}from"@lingui/core";import{Divider as Ch,Spinner as NE}from"@rango-dev/ui";import co,{useEffect as BE,useState as WE}from"react";import{useNavigate as LE}from"react-router-dom";import{i18n as hc}from"@lingui/core";import{BlockchainsChip as sa,Divider as hh,Image as yh,Skeleton as TE,Tooltip as kE,Typography as yc}from"@rango-dev/ui";import be from"react";import{useEffect as yE}from"react";var dh=["ETH","COSMOS","OSMOSIS"];function fc(t,e,o){let n=JSON.parse(JSON.stringify(t)),r=[];if(n.sort(gE),o?.limit&&t.length>o.limit){let a=o.limit,s=e;if(e.length<=o.limit){let l=o.limit-e.length;for(let c=0;c<=l;c++){let u=n[c];s=s.filter(p=>u.name!==p)}}n.sort(hE(s)),r=n.splice(a)}return{list:n,more:r}}i(fc,"prepare");function gE(t,e){let o=dh,n=o.findIndex(l=>l===t.name),r=o.findIndex(l=>l===e.name),a=n>-1,s=r>-1;return a&&s?n>r?1:-1:a?-1:s?1:0}i(gE,"sortByMostUsedBlockchains");function hE(t){return i(function(o,n){let r=t.findIndex(c=>c===o.name),a=t.findIndex(c=>c===n.name),s=r>-1,l=a>-1;return s&&l?r>a?1:-1:t.includes(o.name)?-1:t.includes(n.name)?1:0},"sortByPreferred")}i(hE,"generateSortByPreferredBlockchainsFor");function fh(t,e){return!!e.list.find(o=>o.name===t)}i(fh,"isInVisibleList");function gc(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=y();yE(()=>{if(e?.selected){let a=fc(t,o,e);fh(e.selected,a)||n(e?.selected)}},[e?.selected]);let r=fc(t,o,e);return{list:r.list,more:r.more,history:[]}}i(gc,"usePrepareBlockchainList");import{styled as SE}from"@rango-dev/ui";var gh=SE("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var vE=6,wE=12;function Sc(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:a}=t,{showCompactTokenSelector:s}=te(),l=gc(e,{limit:s?4:10,selected:n?.name}),{fetchStatus:c}=y(),u=O.use.resetToBlockchain(),p=O.use.resetFromBlockchain(),m=l.more.length>0,h=l.more.length===1,f=!h&&m;return be.createElement(be.Fragment,null,!s&&be.createElement(be.Fragment,null,be.createElement(hh,{size:12}),be.createElement(yc,{variant:"label",size:"large"},hc.t("Select Chain"))),be.createElement(hh,{size:12}),be.createElement(gh,null,c==="loading"&&Array.from(Array(s?vE:wE),(d,g)=>be.createElement(TE,{key:g,variant:"rounded",height:50})),c==="success"&&be.createElement(be.Fragment,null,be.createElement(sa,{selected:!n,onClick:()=>{o==="from"?p():u()}},be.createElement(yc,{variant:"body",size:"xsmall",color:"secondary500"},hc.t("All"))),l.list.map(d=>be.createElement(kE,{key:d.name,content:d.shortName,side:"bottom",sideOffset:2,container:N()},be.createElement(sa,{key:d.name,selected:!!n&&n.name===d.name,onClick:()=>r(d)},be.createElement(yh,{src:d.logo,size:30})))),h?be.createElement(sa,{key:l.more[0].name,selected:!!n&&n.name===l.more[0].name,onClick:()=>r(l.more[0])},be.createElement(yh,{src:l.more[0].logo,size:30})):null,f?be.createElement(sa,{onClick:a,key:"more-blockchains"},be.createElement(yc,{variant:"body",size:"xsmall",color:"secondary500"},hc._("More +{count}",{count:l.more.length}))):null)))}i(Sc,"BlockchainsSection");import{useCallback as xE,useRef as EE,useState as Cc}from"react";function Tc(){let t=y().blockchains(),e=EE(null),{customTokens:o}=y(),[n,r]=Cc(!1),[a,s]=Cc([]),[l,c]=Cc(null),u=i(async(h,f)=>{c(null),r(!0),s([]);try{let d=await rt().searchCustomTokens({query:h,blockchain:f},{signal:e.current?.signal}),g=new Set(o().map(C=>Ft(C))),S=new Set(t.map(C=>C.name)),T=d.tokens.filter(C=>S.has(C.blockchain)&&!g.has(Ft(C)));s(T),r(!1)}catch(d){c(d instanceof Error?d.message:"something went wrong"),s([]),d?.name!=="CanceledError"&&r(!1)}},"fetch"),p=xE(Lr((h,f)=>{e.current?.signal.aborted||u(h,f)},600),[t.length]);return{fetch:(h,f)=>{e.current=new AbortController,s([]),r(!0),p(h,f)},cancel:i(()=>{e.current?.abort()},"cancel"),loading:n,tokens:a,error:l}}i(Tc,"useSearchCustomTokens");function la(t,e,o){return o&&t.length===1&&t[0].address===e?!1:t.length<20&&e.trim().length>=3}i(la,"shouldSearchForCustomTokens");function Sh(t,e,o,n,r){let a=[...t];return la(t,o,r)&&(a=n?[...a,"skeleton","skeleton","skeleton"]:[...a,...e.map(s=>({...s,customToken:!0,warning:!0}))]),a}i(Sh,"prepareTokensList");function pa(t){let{type:e}=t,o=LE(),n=He(),{fromBlockchain:r,toBlockchain:a,setFromToken:s,setToToken:l,setFromBlockchain:c,setToBlockchain:u}=O(),{getBalanceFor:p}=y(),{fetch:m,loading:h,tokens:f,cancel:d}=Tc(),[g,S]=WE(""),T=e==="source"?r:a,C=T?.name??"",k=y().blockchains({type:e}),w=y().tokens({type:e,blockchain:C,searchFor:g,getBalanceFor:p}),x=Sh(w,f,g,h,T?.name),I=i(b=>{e==="source"?c(b):u(b)},"updateBlockchain"),A=i(b=>{e==="source"?s({token:b,meta:{blockchains:k}}):l({token:b,meta:{blockchains:k}})},"updateToken"),E={source:ca.t("Source"),destination:ca.t("Destination")};return BE(()=>(la(w,g,T?.name)&&m(g,T?.name??void 0),()=>{d()}),[w.length,g,T?.name]),co.createElement(re,{header:{title:ca.t("Swap {type}",{type:E[e]})}},co.createElement(ie,null,co.createElement(Sc,{blockchains:k,type:e=="source"?"from":"to",blockchain:e==="source"?r:a,onMoreClick:()=>o(F.blockchains),onChange:b=>{I(b)}}),co.createElement(Ch,{size:24}),co.createElement(xt,{value:g,autoFocus:!0,placeholder:ca.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>S(""),onChange:b=>S(b.target.value),suffix:la(w,g,T?.name)&&h?co.createElement(NE,{size:12,color:"secondary"}):void 0}),co.createElement(Ch,{size:16}),co.createElement(ur,{list:x,selectedBlockchain:C,searchedFor:g,type:e,onChange:b=>{A(b);let v=k.find(B=>b.blockchain===B.name);v&&I(v),n()}})))}i(pa,"SelectSwapItemsPage");import{i18n as bc}from"@lingui/core";import{Alert as iI,Button as aI,styled as sI}from"@rango-dev/ui";import _o from"react";import{useInRouterContext as lI,useSearchParams as cI}from"react-router-dom";import{i18n as xh}from"@lingui/core";import{Alert as DE,Divider as vc,InfoIcon as $E,SlippageIcon as FE,TextField as OE,Tooltip as UE,Typography as Eh}from"@rango-dev/ui";import De from"react";import{Chip as ME,styled as kr,TextField as PE}from"@rango-dev/ui";var Th=kr("div",{paddingTop:"$5",padding:"$10 $5"}),kh=kr("div",{display:"flex",flexWrap:"wrap",gap:"$10",[`& ${PE}`]:{flex:"1 1 0",maxWidth:"127px",minWidth:"85px"}}),vh=kr("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),ua=kr("div",{maxWidth:"280px",padding:"$10"}),wh=kr(ME,{width:"61px",flexShrink:0});import{i18n as kc}from"@lingui/core";import{Typography as _E}from"@rango-dev/ui";import vr from"react";function bh(){return vr.createElement(ua,null,vr.createElement(_E,{variant:"label",size:"medium",color:"neutral700"},kc.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage."),vr.createElement("br",null),vr.createElement("br",null),vr.createElement("b",null,kc.t("Warning")),":\xA0",kc.t("This setting is applied to each step (e.g. 1Inch, Thorchain, etc.), meaning only that specific step will be reverted, not the entire route.")))}i(bh,"SlippageTooltipContent");function wc(){let{slippage:t,setSlippage:e,customSlippage:o,setCustomSlippage:n}=y(),r=o!==null?Qp(o):null,a=i(c=>{let u=c.target.value,p=parseFloat(u);if(isNaN(p))return n(null);let m=p;p>Ln&&(m=Ln),n(m)},"onSlippageValueChange"),s=i(c=>{o!==null&&n(null),e(c)},"onClickSlippageChip"),l=i(c=>{let u=c.target,p=/^(0|[1-9]\d*)(\.\d{1,2})?$/,m=u.value;p.test(m)||(u.value=m.slice(0,-1))},"onInput");return De.createElement(Th,null,De.createElement(vh,null,De.createElement(FE,{size:16,color:"gray"}),De.createElement(vc,{direction:"horizontal",size:4}),De.createElement(Eh,{variant:"title",size:"xmedium"},xh.t("Slippage tolerance per swap")),De.createElement(vc,{direction:"horizontal",size:4}),De.createElement(UE,{container:N(),side:"top",sideOffset:4,content:De.createElement(bh,null)},De.createElement($E,{color:"gray"}))),De.createElement(kh,null,$p.map((c,u)=>{let p=`slippage-${u}`;return De.createElement(wh,{key:p,onClick:()=>s(c),selected:o===null&&c===t,label:`${c.toString()}%`})}),De.createElement(OE,{type:"number",min:"0.01",max:"30",step:"0.01",onInput:l,fullWidth:!0,variant:"contained",value:o===null?"":o,color:"dark",onChange:a,suffix:o&&De.createElement(Eh,{variant:"body",size:"small"},"%"),placeholder:xh.t("Custom")})),r&&De.createElement(De.Fragment,null,De.createElement(vc,{size:10}),De.createElement(DE,{variant:"alarm",type:r.type,title:r.message})))}i(wc,"Slippage");import{i18n as St}from"@lingui/core";import{AutoThemeIcon as Ih,BridgesIcon as zE,ChevronRightIcon as ma,DarkModeIcon as Ah,Divider as wr,ExchangeIcon as HE,InfinityIcon as QE,InfoIcon as qE,LanguageIcon as GE,LightModeIcon as Nh,List as VE,ListItem as KE,ListItemButton as jE,Skeleton as XE,styled as YE,Switch as ZE,Tabs as JE,TargetIcon as RE,Tooltip as eI,Typography as tt}from"@rango-dev/ui";import $ from"react";import{useNavigate as tI}from"react-router-dom";var oI=YE("div",{width:"202px",height:"$40"}),nI=[{id:"light",icon:$.createElement(Nh,{color:"black",size:24}),tooltip:$.createElement(tt,{size:"xsmall",variant:"body"},St.t("Light"))},{id:"dark",icon:$.createElement(Ah,{color:"black",size:24}),tooltip:$.createElement(tt,{size:"xsmall",variant:"body"},St.t("Dark"))},{id:"auto",icon:$.createElement(Ih,{color:"black",size:24}),tooltip:$.createElement(tt,{size:"xsmall",variant:"body"},St.t("Auto"))}],rI=i(t=>{let e={color:"gray",size:16};switch(t){case"auto":return $.createElement(Ih,{...e});case"dark":return $.createElement(Ah,{...e});default:return $.createElement(Nh,{...e})}},"getThemeIcon");function Bh(){let t=tI(),{theme:e}=y().config,{setTheme:o,theme:n}=y(),{activeLanguage:r,languages:a}=lo(),s=a.find(L=>L.local===r)?.label,l=y().fetchStatus,c=y().swappers(),u=y().getDisabledLiquiditySources(),{config:{features:p}}=y(),m=y().customTokens(),h=Ze("theme",p),f=Ze("liquiditySource",p),d=Ze("language",p),g=Ze("customTokens",p),S=y().infiniteApprove,T=y().toggleInfiniteApprove,C=Vr(c,u),k=C.filter(L=>["BRIDGE","AGGREGATOR","OFF_CHAIN"].includes(L.type)),w=k.length,x=k.filter(L=>L.selected).length,I=C.filter(L=>L.type==="DEX"),A=I.length,E=I.filter(L=>L.selected).length,b=i((L,X)=>{switch(l){case"loading":return $.createElement(XE,{variant:"text",size:"medium",width:50});case"failed":return $.createElement(tt,{variant:"body",size:"medium",color:"$error500"},St.t("Loading failed"));default:return $.createElement(tt,{variant:"body",size:"medium"},`${L} / ${X}`)}},"handleSwapperEndItem"),v={id:"widget-setting-bridge-item-btn",title:$.createElement(tt,{variant:"title",size:"xmedium"},St.t("Bridges")),end:$.createElement($.Fragment,null,b(x,w),$.createElement(wr,{direction:"horizontal",size:8}),$.createElement(ma,{color:"black"})),onClick:()=>t(F.bridges),start:$.createElement(zE,{color:"gray",size:16})},B={id:"widget-setting-exchange-item-btn",title:$.createElement(tt,{variant:"title",size:"xmedium"},St.t("Exchanges")),end:$.createElement($.Fragment,null,b(E,A),$.createElement(wr,{direction:"horizontal",size:8}),$.createElement(ma,{color:"black"})),start:$.createElement(HE,{color:"gray",size:16}),onClick:()=>t(F.exchanges)},P={id:"widget-setting-custom-tokens-item-btn",title:$.createElement(tt,{variant:"title",size:"xmedium"},St.t("Custom Tokens")),end:$.createElement($.Fragment,null,$.createElement(tt,{variant:"body",size:"medium"},`${m.length}`),$.createElement(wr,{direction:"horizontal",size:8}),$.createElement(ma,{color:"black"})),start:$.createElement(RE,{color:"gray",size:16}),onClick:()=>t(F.customTokens)},_={id:"widget-setting-language-item-btn",title:$.createElement(tt,{variant:"title",size:"xmedium"},St.t("Language")),start:$.createElement(GE,{color:"gray",size:16}),end:$.createElement($.Fragment,null,$.createElement(tt,{variant:"body",size:"medium"},s),$.createElement(wr,{direction:"horizontal",size:8}),$.createElement(ma,{color:"black"})),onClick:()=>t(F.languages)},V={id:"widget-setting-infinite-approval-item-btn",title:$.createElement($.Fragment,null,$.createElement(tt,{variant:"title",size:"xmedium"},St.t("Infinite approval")),$.createElement(wr,{direction:"horizontal",size:4}),$.createElement(eI,{side:"top",sideOffset:4,container:N(),content:$.createElement(ua,null,$.createElement(tt,{variant:"label",size:"medium",color:"neutral700"},$.createElement("b",null,St.t("Warning")),":\xA0",St.t("Enabling the 'Infinite approval' mode grants unrestricted access to underlying smart contracts, allowing them to utilize the approved token amount without limitations.")))},$.createElement(qE,{color:"gray"}))),start:$.createElement(QE,{color:"gray",size:16}),end:$.createElement(ZE,{checked:S}),onClick:T},ee={id:"widget-setting-theme-item-btn",type:$.createElement(KE,null),title:$.createElement(tt,{variant:"title",size:"xmedium"},St.t("Theme")),end:$.createElement(oI,null,$.createElement(JE,{container:N(),items:nI,value:n,onChange:L=>o(L.id),type:"primary",borderRadius:"small"})),start:rI(n)},j=f?[]:[v,B];return g||j.push(P),d||j.push(_),j.push(V),!e?.singleTheme&&!h&&j.push(ee),$.createElement(VE,{type:$.createElement(jE,{hasDivider:!0,id:"_",onClick:()=>console.log()}),items:j})}i(Bh,"SettingsLists");var pI=sI("div",{paddingLeft:"$8"});function Wh(){let{isInCampaignMode:t,updateCampaignMode:e}=y(),o=t(),[,n]=cI(),r=lI(),a=i(()=>{r&&o&&(n(s=>(s.delete("liquiditySources"),s),{replace:!0}),e("liquiditySources",void 0))},"onClick");return _o.createElement(re,{header:{title:bc.t("Settings")}},_o.createElement(ie,null,o&&_o.createElement(iI,{type:"info",variant:"alarm",title:bc.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:_o.createElement(pI,null,_o.createElement(aI,{id:"widget-setting-exit-campaign-mode-btn",type:"secondary",size:"small",onClick:a},bc.t("Reset")))}),_o.createElement(wc,null),_o.createElement(Bh,null)))}i(Wh,"SettingsPage");import{i18n as eA}from"@lingui/core";import{cancelSwap as tA}from"@rango-dev/queue-manager-rango-preset";import{useManager as oA}from"@rango-dev/queue-manager-react";import{Alert as nA}from"@rango-dev/ui";import zc from"react";import{useParams as rA}from"react-router-dom";import{i18n as ut}from"@lingui/core";import{getCurrentNamespaceOfOrNull as _I,getCurrentStep as DI,getRelatedWalletOrNull as $I}from"@rango-dev/queue-manager-rango-preset";import{Button as dy,CopyIcon as FI,Divider as OI,DoneIcon as UI,IconButton as zI,QuoteCost as HI,RangoExplorerIcon as QI,StepDetails as qI,Tooltip as fy,Typography as Do,useCopyToClipboard as GI}from"@rango-dev/ui";import{useWallets as VI}from"@rango-dev/wallets-react";import gy from"bignumber.js";import{PendingSwapNetworkStatus as Ca}from"rango-types";import Z,{useEffect as hy,useRef as KI,useState as yy}from"react";import{useNavigate as jI}from"react-router-dom";import{i18n as po}from"@lingui/core";var uI=[po.t("Sunday"),po.t("Monday"),po.t("Tuesday"),po.t("Wednesday"),po.t("Thursday"),po.t("Friday"),po.t("Saturday")];function Lh(t){let e=new Date(t),o=e.getDate(),n=e.toLocaleString("default",{month:"long"}),r=e.getFullYear();return`${e.getDay()===new Date().getDay()?po.t("Today"):`${uI[e.getDay()]} ${o} ${n} ${r}`}, ${new Date(t).toLocaleTimeString()}`}i(Lh,"timeSince");function Mh(t){return t.finishTime?Lh(parseInt(t.finishTime)):Lh(parseInt(t.creationTime))}i(Mh,"getSwapDate");import{PendingSwapNetworkStatus as ga}from"rango-types";import ha from"react";import{i18n as da}from"@lingui/core";import{Button as Ph,Divider as xc,MessageBox as mI}from"@rango-dev/ui";import uo from"react";var _h=i(({onCancel:t,onClose:e})=>uo.createElement(uo.Fragment,null,uo.createElement(xc,{size:20}),uo.createElement(mI,{type:"error",title:da.t("Cancel Swap"),description:da.t("Are you sure you want to cancel this swap?")}),uo.createElement(xc,{size:32}),uo.createElement(Ph,{variant:"contained",id:"widget-swap-details-modal-cancel-swap-yes-btn",type:"primary",size:"large",onClick:t},da.t("Yes, Cancel it")),uo.createElement(xc,{size:12}),uo.createElement(Ph,{id:"widget-swap-details-modal-cancel-swap-no-btn",variant:"outlined",type:"primary",size:"large",onClick:e},da.t("No, Continue"))),"CancelContent");import{i18n as fa}from"@lingui/core";import{Button as Dh,Divider as Ec,MessageBox as dI,Typography as fI}from"@rango-dev/ui";import jt from"react";var $h=i(({onDelete:t,onClose:e})=>jt.createElement(jt.Fragment,null,jt.createElement(Ec,{size:20}),jt.createElement(dI,{type:"error",title:fa.t("Delete Transaction"),description:fa.t("Are you sure you want to delete this swap?")}),jt.createElement(Ec,{size:32}),jt.createElement(Dh,{id:"widget-swap-details-modal-delete-swap-yes-btn",variant:"contained",type:"primary",size:"large",onClick:t},fa.t("Yes, Delete it")),jt.createElement(Ec,{size:12}),jt.createElement(Dh,{id:"widget-swap-details-modal-delete-swap-no-btn",variant:"outlined",type:"primary",size:"large",onClick:e},jt.createElement(fI,{variant:"title",size:"medium",color:"primary"},fa.t("No, Cancel")))),"DeleteContent");import{i18n as Ic}from"@lingui/core";import{PendingSwapNetworkStatus as Ac}from"rango-types";var Nc={[Ac.WaitingForNetworkChange]:{type:"loading",title:Ic.t("Change Network")},[Ac.WaitingForConnectingWallet]:{type:"warning",title:Ic.t("Connect Wallet")},[Ac.NetworkChanged]:{type:"success",title:Ic.t("Network Changed")}};import{warn as gI}from"@rango-dev/logging-core";import{getCurrentStep as hI,getRelatedWalletOrNull as yI}from"@rango-dev/queue-manager-rango-preset";import{MessageBox as SI,Wallet as CI}from"@rango-dev/ui";import{useWallets as TI}from"@rango-dev/wallets-react";import kn,{useState as kI}from"react";import{styled as Bc}from"@rango-dev/ui";var Fh=Bc("div",{display:"flex",justifyContent:"center"}),i6=Bc("div",{maxWidth:280,"& ._typography":{wordWrap:"break-word",display:"block"}}),Oh=Bc("img",{width:"100%"});var Uh=i(t=>{let{type:e,title:o,swap:n,message:r,showWalletButton:a,walletButtonDisabled:s}=t,[l,c]=kI(),{getWalletInfo:u,state:p}=TI(),m=hI(n),h=m?yI(n,m):null,f=m?.fromBlockchain,d=h?.walletType,g=d?En(p(d)):null,S=d?u(d):null,T=a&&!!d&&!!g&&!!S,{list:C}=Ct(),k=i(()=>{if(d){let w=C.find(x=>x.type===d);w?c(w):gI(new Error(`It seems requested wallet to be connected is not available in the list. requested wallet: ${w}`))}},"handleWalletItemClick");return kn.createElement(kn.Fragment,null,kn.createElement(SI,{type:e,title:o,description:r}),T&&kn.createElement(Fh,null,kn.createElement(CI,{container:N(),title:S.name,image:S.img,type:d,state:g,link:S.installLink,disabled:s,onClick:k})),kn.createElement(ko,{wallet:l,onClose:()=>{c(void 0)},options:{defaultSelectedChains:f?[f]:void 0}}))},"WalletStateContent");function Wc(t){let{state:e,onClose:o,onDelete:n,onCancel:r,swap:a,message:s,walletButtonDisabled:l}=t,c=e===ga.WaitingForNetworkChange||e===ga.WaitingForConnectingWallet||e===ga.NetworkChanged;return ha.createElement(J,{open:!!e,onClose:o,container:document.getElementById(Ue.SWAP_BOX_ID)||document.body},c&&ha.createElement(Uh,{type:Nc[e].type,title:Nc[e].title,swap:a,message:s,walletButtonDisabled:l,showWalletButton:e!==ga.WaitingForNetworkChange}),e==="delete"&&ha.createElement($h,{onClose:o,onDelete:n}),e==="cancel"&&ha.createElement(_h,{onClose:o,onCancel:r}))}i(Wc,"SwapDetailsModal");import{i18n as br}from"@lingui/core";import{Button as Lc,Divider as xr,MessageBox as Qh,TokenAmount as vI,Typography as qh}from"@rango-dev/ui";import ye from"react";import{Link as wI,useNavigate as bI}from"react-router-dom";var zh="https://raw.githubusercontent.com/rango-exchange/assets/main/banners/widget/profile.jpg",Hh="/profile";function Mc(t){let{open:e,onClose:o,status:n,priceValue:r,usdValue:a,realUsdValue:s,realValue:l,token:c,chain:u,percentageChange:p,description:m,diagnosisUrl:h}=t,f=bI(),{showProfileBanner:d}=te();return ye.createElement(J,{open:e,onClose:o,container:document.getElementById(Ue.SWAP_BOX_ID)||document.body},n==="success"?ye.createElement(Qh,{type:"success",title:br.t("Swap Successful")},ye.createElement(vI,{direction:"vertical",tooltipContainer:N(),type:"output",centerAlign:!0,price:{value:r,usdValue:a,realUsdValue:s,realValue:l},token:c,chain:u,percentageChange:p}),ye.createElement(xr,{size:12}),ye.createElement(qh,{variant:"body",size:"medium",color:"neutral700",align:"center"},m)):ye.createElement(Qh,{type:"error",title:br.t("Transaction Failed"),description:m}),ye.createElement(xr,{size:30}),n==="success"&&ye.createElement(ye.Fragment,null,d&&ye.createElement(ye.Fragment,null,ye.createElement(wI,{to:Hh},ye.createElement(Oh,{src:zh,alt:"Profile Banner"})),ye.createElement(xr,{size:30})),ye.createElement(Lc,{id:"widget-swap-details-modal-done-btn",variant:"contained",type:"primary",size:"large",onClick:()=>{f("../../")}},br.t("Done"))),ye.createElement(xr,{size:12}),h&&ye.createElement(ye.Fragment,null,ye.createElement(Lc,{variant:"contained",id:"widget-swap-detail-modal-diagnosis-btn",type:"primary",size:"large",onClick:()=>window.open(h,"_blank")},br.t("Diagnosis")),ye.createElement(xr,{size:12})),ye.createElement(Lc,{id:"widget-swap-details-modal-see-details-btn",variant:"outlined",type:"primary",size:"large",onClick:o},ye.createElement(qh,{variant:"title",size:"medium",color:"primary"},br.t("See Details"))))}i(Mc,"SwapDetailsCompleteModal");import PI from"react";import{i18n as BI}from"@lingui/core";import{Alert as cy,IconButton as WI,LinkIcon as LI}from"@rango-dev/ui";import mo,{Fragment as MI}from"react";import{Alert as EI,ChevronDownIcon as II,IconButton as AI}from"@rango-dev/ui";import wn,{useState as NI}from"react";import{css as Er,darkTheme as Gh,styled as Pt,Typography as xI}from"@rango-dev/ui";var Vh=Pt(ie,{overflowY:"auto","& ._icon-button":{"&:hover":{"& svg":{color:"$secondary550",[`.${Gh} &`]:{color:"$secondary500"}}}}}),Kh=Pt("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),jh=Pt("div",{position:"sticky",top:0,zIndex:10,backgroundColor:"$background"}),Xh=Pt("div",{padding:"$0 $20 $20 $20"}),K6=Pt("div",{display:"flex",flexDirection:"column",gap:"$10"}),Yh=Pt("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),j6=Pt("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1}),vn=Er({display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",padding:"$10 $20",borderBottom:"1px solid",$$color:"$colors$neutral300",[`.${Gh} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color",color:"$neutral500"}),Zh=Er({padding:"$5 0"}),ya=Er({display:"flex",justifyContent:"center",alignItems:"center",height:"$24"}),Jh=Er({display:"flex",width:"100%",padding:"$15 $20 $20",flexDirection:"column",alignItems:"start"}),Rh=Er({width:"100%",padding:"0 $20 $10"}),ey=Pt("a",{fontSize:"$16",fontWeight:"$400",color:"$neutral700",display:"flex",alignItems:"center",justifyContent:"center"}),ty=Pt("div",{display:"flex",flexDirection:"column",gap:"$5"}),Sa=Pt(xI,{wordBreak:"break-word"});import{styled as Pc}from"@rango-dev/ui";var oy=Pc("div",{display:"flex",flexDirection:"column",gap:"$10"}),ny=Pc("div",{transition:"transform 0.3s ease-in-out",variants:{rotated:{true:{transform:"rotate(180deg)"}}}}),ry=Pc("div",{transition:"max-height 0.3s ease-in-out",maxHeight:"0px",overflow:"hidden",variants:{open:{true:{maxHeight:"200px"}}}});function iy(t){let{message:e}=t,[o,n]=NI(!1);return wn.createElement(EI,{type:"error",title:e.shortMessage,containerStyles:{"& .footer":{paddingTop:"$0"}},action:e.detailedMessage.content&&wn.createElement(AI,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},wn.createElement(ny,{rotated:o},wn.createElement(II,{size:12,color:"gray"}))),footer:wn.createElement(ry,{open:o},wn.createElement(Sa,{variant:"body",size:"xsmall",color:"neutral700"},e.detailedMessage.content))})}i(iy,"FailedAlert");import{i18n as ay}from"@lingui/core";import{Alert as _c,Button as sy}from"@rango-dev/ui";import{PendingSwapNetworkStatus as Dc}from"rango-types";import Ir from"react";function ly(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?Ir.createElement(_c,{type:"warning",title:n.shortMessage,action:Ir.createElement(sy,{id:"widget-swap-details-warning-alert-change-network-btn",size:"xxsmall",type:"warning",onClick:()=>{o(Dc.WaitingForNetworkChange),e().catch(a=>{console.log(a)})}},ay.t("Change"))}):r===Dc.WaitingForConnectingWallet?Ir.createElement(_c,{type:"warning",title:n.shortMessage,action:Ir.createElement(sy,{id:"widget-swap-details-warning-alert-connect-wallet-btn",size:"xxsmall",type:"warning",onClick:()=>{o(Dc.WaitingForConnectingWallet)}},ay.t("Connect"))}):Ir.createElement(_c,{type:"warning",title:n.shortMessage})}i(ly,"WarningAlert");function $c(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:a,hasAlreadyProceededToSign:s}=t,l=qn(a),c=a.status==="waitingForApproval"&&!l,u=a.status==="running"&&!l,p=u&&!s||c&&!a.explorerUrl?.length;return mo.createElement(oy,null,a.explorerUrl?.map((m,h,f)=>{let d=h+m.url,g=h===f.length-1,S=(g&&u||c)&&!p,T=g&&a.status==="failed";return mo.createElement(MI,{key:d},mo.createElement(cy,{type:g&&(S&&"loading"||T&&"error")||"success",title:m.description?`${m.description} Tx`:BI.t("View transaction"),action:m.url&&mo.createElement(WI,{id:"widget-swap-details-tx-link-icon-btn",variant:"ghost",size:"xsmall",onClick:()=>window.open(m.url,"_blank")},mo.createElement(LI,{size:12}))}))}),p&&mo.createElement(cy,{type:"loading",title:r.shortMessage}),a.status!=="failed"&&l&&mo.createElement(ly,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),a.status==="failed"&&mo.createElement(iy,{message:r}))}i($c,"SwapDetailsAlerts");var py=2e3;var uy=i(({swap:t,blockchains:e,swappers:o,...n})=>{let r=t.hasAlreadyProceededToSign!==!1;return t.steps.map((a,s)=>{let l=s===0?t.inputAmount:t.steps[s-1].outputAmount||t.steps[s-1].expectedOutputAmountHumanReadable;return{from:{token:{displayName:a.fromSymbol,image:a.fromLogo??""},chain:{displayName:dt(a.fromBlockchain,e)??"",image:a.fromBlockchainLogo??""},price:{value:M(l,6,6),realValue:l??""}},to:{token:{displayName:a.toSymbol,image:a.toLogo},chain:{displayName:dt(a.toBlockchain,e)??"",image:a.toBlockchainLogo??""},price:{value:M(a.outputAmount||a.expectedOutputAmountHumanReadable,6,6),realValue:a.outputAmount||a.expectedOutputAmountHumanReadable||""}},swapper:{displayName:Bn(a.swapperId,o)??"",image:a.swapperLogo??"",type:a.swapperType},internalSwaps:a.internalSwaps?a.internalSwaps.map(c=>({from:{chain:{displayName:dt(c.fromBlockchain,e)??"",image:c.fromBlockchainLogo??""}},to:{chain:{displayName:dt(c.toBlockchain,e)??"",image:c.toBlockchainLogo??""}},swapper:{displayName:Bn(c.swapperId,o)??"",image:c.swapperLogo??"",type:c.swapperType}})):[],alerts:PI.createElement($c,{step:a,hasAlreadyProceededToSign:r,...n})}})},"getSteps");function my(t){if(qn(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(my,"getStepState");function Fc(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:a,connect:s,getWalletInfo:l}=VI(),c=y().blockchains(),u=y().swappers(),{findToken:p}=y(),m=O.use.retry(),h=te.use.isActiveTab(),f=jI(),[d,g]=GI(py),S=KI(null),[T,C]=yy(null),[k,w]=yy(null),x=i(()=>{r(),C(null)},"onCancel"),I=Ie.use.getNotifications(),A=Ie.use.removeNotification(),E=I(),b=DI(e),v=b?.networkStatus;hy(()=>{E.find(Oe=>Oe.requestId===e.requestId)&&(e.status==="success"||e.status==="failed"?(w(e.status),A(e.requestId)):k&&w(null))},[e.status,e.requestId]),hy(()=>{L?C(Ca.WaitingForNetworkChange):v===Ca.WaitingForConnectingWallet||v===Ca.NetworkChanged?C(v):C(null)},[v]);let B=am(e),P=b?_I(e,b):null,_=b?$I(e,b):null,V=Mh(e),ee=sm(e),j=i(we=>!!l(we)?.mobileWallet,"isMobileWallet"),L=v===Ca.WaitingForNetworkChange&&!!P&&!!_?.walletType&&(j(_.walletType)||a(_.walletType,P.network)),X=L?s.bind(null,_.walletType,[{namespace:P.namespace,network:P.network}]):void 0,se=im(e,b,l),z=uy({swap:e,switchNetwork:X,showNetworkModal:v,setNetworkModal:C,message:se,blockchains:c,swappers:u}),R=z.length,[le,me]=[e.steps[0],e.steps[R-1]],ce=me.outputAmount||me.expectedOutputAmountHumanReadable,mt=e.steps.reduce((we,Oe)=>we+parseFloat(Oe.feeInUsd||""),0),G=e.steps.find(we=>we.diagnosisUrl)?.diagnosisUrl,D=M(parseFloat(ce||"0")*(me.toUsdPrice||0),4,4),q=M(parseFloat(e.inputAmount)*(le.fromUsdPrice||0),4,4),K=ce?new gy(ce).multipliedBy(me.toUsdPrice||0).toString():"",Se=new gy(e.inputAmount).multipliedBy(le.fromUsdPrice||0).toString(),de=Ot(q,D),Fe=se.detailedMessage.content||se.shortMessage,Ye=e.status==="success"?ut.t({id:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:M(ce,6,6),token:z[R-1].to.token.displayName,conciseAddress:Oo(e.wallets[z[R-1].to.chain.displayName]?.address||""),chain:z[R-1].to.chain.displayName}}):Z.createElement(ty,null,Z.createElement(Do,{variant:"body",size:"medium",color:"neutral700",align:"center"},Fe?"":ut.t("Transaction was not sent."),B?`${ut.t({id:"{amount} {symbol} on {blockchain} remains in your wallet.",values:{amount:B.outputAmount,symbol:B.symbol,blockchain:B.blockchain}})}`:""),Fe&&Z.createElement(Sa,{align:"center",variant:"body",size:"medium",color:"neutral700"},Z.createElement("b",null,"Reason:")," ",Fe));return Z.createElement(re,{header:{title:ut.t("Swap Details"),onCancel:e.status==="running"?()=>C("cancel"):void 0,suffix:e.status!=="running"&&Z.createElement(eo,null,Z.createElement(dy,{id:"widget-swap-details-delete-btn",variant:"ghost",type:"error",size:"xsmall",onClick:()=>C("delete")},Z.createElement(Do,{size:"medium",variant:"label",color:"error"},ut.t("Delete"))))},footer:ee&&!k&&Z.createElement(dy,{fullWidth:!0,id:"widget-swap-details-try-again-btn",variant:"contained",type:"primary",size:"large",onClick:()=>{let we=si(e,c,p);m(we),setTimeout(()=>{f("../../")},0)}},ut.t("Try again"))},Z.createElement(Vh,{compact:!0,ref:S},Z.createElement(jh,{className:vn()},Z.createElement(Do,{variant:"label",size:"large",color:"neutral700"},`${ut.t("Request ID")}`),Z.createElement("div",{className:ya()},Z.createElement(Do,{variant:"label",size:"small",color:"neutral700"},o),Z.createElement(fy,{container:N(),content:d?ut.t("Copied To Clipboard"):ut.t("Copy Request ID"),open:d||void 0,side:"bottom",alignOffset:-16,align:"end"},Z.createElement(zI,{id:"widget-swap-details-done-copy-icon-btn",variant:"ghost",onClick:g.bind(null,o||"")},d?Z.createElement(UI,{size:16,color:"secondary"}):Z.createElement(FI,{size:16,color:"gray"}))),Z.createElement(ey,{target:"_blank",href:`${Yc}/swap/${o}`},Z.createElement(fy,{container:N(),content:ut.t("View on Rango Explorer"),side:"bottom"},Z.createElement(QI,{size:20}))))),Z.createElement("div",{className:vn()},Z.createElement(Do,{variant:"label",size:"large",color:"neutral700"},e.finishTime?ut.t("Finished at"):ut.t("Created at")),Z.createElement(Do,{variant:"label",size:"small",color:"neutral700"},V)),Z.createElement("div",{className:Jh()},Z.createElement(HI,{fee:M(String(mt),2,2),time:bn(Pr(e.steps)),steps:R}),Z.createElement(tr,{from:{price:{value:M(e.inputAmount,6,6),usdValue:q,realUsdValue:Se,realValue:e.inputAmount},token:{displayName:z[0].from.token.displayName,image:z[0].from.token.image},chain:{image:z[0].from.chain.image,displayName:z[0].from.chain.displayName}},to:{price:{value:M(ce,6,6),usdValue:D,realUsdValue:K,realValue:ce||""},token:{displayName:z[R-1].to.token.displayName,image:z[R-1].to.token.image},chain:{image:z[R-1].to.chain.image,displayName:z[R-1].to.chain.displayName}},percentageChange:M(de,2,2),warningLevel:Ut(de??0)})),Z.createElement("div",{className:Rh()},Z.createElement(Do,{variant:"title",size:"small"},ut.t("Swaps steps"))),Z.createElement(OI,{size:8}),Z.createElement(Xh,null,z.map((we,Oe)=>{let Xt=Oe,fo=my(e.steps[Oe]),Gy=fo==="error"||fo==="in-progress"||fo==="warning"||fo==="completed"&&Oe===z.length-1;return Z.createElement(qI,{key:Xt,step:we,type:"swap-progress",ref:S,state:fo,hasSeparator:Oe!==0,tabIndex:Xt,isFocused:Gy,tooltipContainer:N()})}))),Z.createElement(Wc,{state:T,onClose:()=>C(null),onCancel:x,onDelete:n,message:se.detailedMessage.content,swap:e,walletButtonDisabled:!h}),Z.createElement(Mc,{open:!!k,diagnosisUrl:G,onClose:()=>w(null),status:e.status==="success"?"success":"failed",priceValue:M(ce,6,6),usdValue:D,realUsdValue:K,realValue:ce||"",percentageChange:M(de,2,2),token:{displayName:z[R-1].to.token.displayName,image:z[R-1].to.token.image},chain:{image:z[R-1].to.chain.image},description:Ye}))}i(Fc,"SwapDetails");import{i18n as ka}from"@lingui/core";import{Divider as Ty,NotFound as RI,Skeleton as Nr,Typography as va}from"@rango-dev/ui";import Ee from"react";import{i18n as XI}from"@lingui/core";import{Divider as YI,Skeleton as ZI,Typography as JI}from"@rango-dev/ui";import xe from"react";import{css as It,styled as Oc}from"@rango-dev/ui";var Sy=Oc("div",{width:"100%",height:"100%",padding:"$10 $20"}),Ar=Oc("div",{backgroundColor:"$neutral100",borderRadius:"$xm",padding:"$10 $15"}),Ta=Oc("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"}),a3=It({display:"flex",justifyContent:"space-between",alignItems:"center"}),s3=It({display:"flex",justifyContent:"space-between",alignItems:"center"}),l3=It({paddingTop:"$15",display:"flex"}),c3=It({padding:"$15 $0"}),p3=It({width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"}),u3=It({paddingBottom:"$10"}),m3=It({display:"flex",justifyContent:"start",alignItems:"center"}),d3=It({paddingTop:"$5",display:"flex",alignItems:"center"}),f3=It({display:"flex",alignItems:"center"}),g3=It({padding:"$4 $6",display:"flex",justifyContent:"center",alignItems:"center"}),Cy=It({display:"flex",paddingTop:"$10",paddingBottom:"$5"});function Uc(){return xe.createElement(Sy,null,xe.createElement(nr,{type:"swap-preview"}),xe.createElement("div",{className:"swaps-steps"},xe.createElement(JI,{variant:"title",size:"small"},XI.t("Swaps steps"))),xe.createElement(xe.Fragment,null,xe.createElement(Ar,null,xe.createElement(Lt,{separator:!1}),xe.createElement("div",{className:Cy()},xe.createElement(YI,{direction:"horizontal",size:20}),xe.createElement(ZI,{height:22,variant:"rectangular"}))),xe.createElement(Ta,null),xe.createElement(Ar,null,xe.createElement(Lt,{separator:!1})),xe.createElement(Ta,null),xe.createElement(Ar,null,xe.createElement(Lt,{separator:!1})),xe.createElement(Ta,null),xe.createElement(Ar,null,xe.createElement(Lt,{separator:!1}))))}i(Uc,"LoadingSwapDetails");function ky(t){let{requestId:e,showSkeleton:o}=t;return Ee.createElement(re,{header:{title:ka.t("Swap Details"),suffix:Ee.createElement(eo,null)}},o&&Ee.createElement(Kh,null,Ee.createElement("div",{className:vn()},Ee.createElement(va,{variant:"label",size:"large",color:"neutral700"},`${ka.t("Request ID")}`),Ee.createElement("div",{className:ya()},Ee.createElement(va,{variant:"label",size:"small",color:"neutral700"},Ee.createElement(Nr,{width:60,height:10,variant:"rounded"})),Ee.createElement(Ty,{direction:"horizontal",size:4}),Ee.createElement(Nr,{width:16,height:16,variant:"rectangular"}),Ee.createElement(Ty,{direction:"horizontal",size:4}),Ee.createElement(Nr,{width:16,height:16,variant:"rectangular"}))),Ee.createElement("div",{className:vn()},Ee.createElement(va,{className:Zh(),variant:"label",size:"large",color:"neutral700"},Ee.createElement(Nr,{width:60,height:10,variant:"rounded"})),Ee.createElement(va,{variant:"label",size:"small",color:"neutral700"},Ee.createElement(Nr,{width:60,height:10,variant:"rounded"}))),Ee.createElement(Uc,null)),!o&&Ee.createElement(Yh,null,Ee.createElement(RI,{title:ka.t("Not found"),description:ka.t({id:"Swap with request ID = {requestId} not found.",values:{requestId:e}})})))}i(ky,"SwapDetailsPlaceholder");function vy(){let{manager:t,state:e}=oA(),o=!e.loadedFromPersistor,n=yt(t),{requestId:r}=rA(),a=He(),{fetchStatus:s}=y();if(!r)return zc.createElement(nA,{containerStyles:{margin:"20px"},type:"error",title:eA.t("The request ID is necessary to display the swap details.")});let l=o||s==="loading",c=r?n.find(({swap:h})=>h.requestId===r):void 0,u=i(()=>{if(c?.id){let h=t?.get(c.id);h&&tA(h)}},"onCancel"),p=i(async()=>{if(c?.id)try{t?.deleteQueue(c.id),a()}catch(h){console.log(h)}},"onDelete"),m=c?.swap;return!m||l?zc.createElement(ky,{requestId:r,showSkeleton:l}):zc.createElement(Fc,{swap:m,requestId:r,onCancel:u,onDelete:p})}i(vy,"SwapDetailsPage");import{i18n as wy}from"@lingui/core";import{Divider as iA,getCategoriesCount as aA,SelectableCategoryList as sA,styled as xy,Typography as lA,Wallet as cA,WalletState as pA}from"@rango-dev/ui";import{useWallets as uA}from"@rango-dev/wallets-react";import _t,{useState as by}from"react";var mA=xy("div",{display:"flex",justifyContent:"center",alignItems:"center",columnGap:"$5",rowGap:"$10",flexWrap:"wrap",paddingTop:"$5"}),dA=xy(ie,{textAlign:"center"});function Ey(){let{fetchStatus:t}=y(),[e,o]=by("ALL"),n=y().blockchains(),{config:r}=y(),{state:a}=uA(),[s,l]=by(),c=te.use.isActiveTab(),{list:u}=Ct(),p=hp(u,n),h=aA(p)!==1,f=yp(u,e),d=i(g=>{ip(u,r.multiWallets)||l(g)},"handleWalletItemClick");return _t.createElement(re,{header:{title:wy.t("Connect Wallets")}},_t.createElement(dA,null,h&&_t.createElement(_t.Fragment,null,_t.createElement(sA,{setCategory:o,category:e,blockchains:p,isLoading:t==="loading"}),_t.createElement(iA,{size:24})),_t.createElement(lA,{variant:"title",size:"xmedium",align:"center"},wy.t("Choose a wallet to connect.")),_t.createElement(mA,null,f.map((g,S)=>{let C=a(g.type).namespaces,k=`wallet-${S}-${g.type}`,w=Nn(g,C);return _t.createElement(cA,{key:k,...g,state:w?pA.PARTIALLY_CONNECTED:g.state,container:N(),onClick:()=>d(g),isLoading:t==="loading",disabled:!c})}),_t.createElement(ko,{wallet:s,onClose:()=>{l(void 0)}}))))}i(Ey,"WalletsPage");function Iy(){return um(),Ts(),fA([{path:F.home,element:$e.createElement(Jg,null)},{path:F.routes,element:$e.createElement(nh,null)},{path:F.fromSwap,children:[{index:!0,element:$e.createElement(pa,{type:"source"})},{path:F.blockchains,element:$e.createElement(aa,{type:"source"})}]},{path:F.toSwap,children:[{index:!0,element:$e.createElement(pa,{type:"destination"})},{path:F.blockchains,element:$e.createElement(aa,{type:"destination"})}]},{path:F.settings,children:[{index:!0,element:$e.createElement(Wh,null)},{path:F.languages,element:$e.createElement(eh,null)},{path:F.exchanges,element:$e.createElement(uc,{sourceType:"Exchanges"})},{path:F.bridges,element:$e.createElement(uc,{sourceType:"Bridges"})},{path:F.customTokens,children:[{index:!0,element:$e.createElement(lg,null)},{path:F.addCustomTokens,children:[{index:!0,element:$e.createElement(rd,null)},{path:F.blockchains,element:$e.createElement(aa,{hideCategory:!0,type:"custom-token"})}]}]}]},{path:F.swaps,children:[{index:!0,element:$e.createElement(Ag,null)},{path:F.swapDetails,element:$e.createElement(vy,null)}]},{path:F.wallets,element:$e.createElement(Ey,null)},{path:F.confirmSwap,element:$e.createElement(jf,null)}])}i(Iy,"AppRoutes");import{useQueueManager as wA}from"@rango-dev/queue-manager-rango-preset";import{isEvmBlockchain as bA}from"rango-sdk";import{useContext as xA,useEffect as Py,useState as _y}from"react";import{globalCss as gA}from"@rango-dev/ui";var Ay=i(()=>gA({"@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')"})(),"globalFont");function Ny(){let{setWatermark:t,setShowProfileBanner:e}=te();return{fetchApiConfig:i(async()=>{let n=await fetch(`${$t("BASE_URL")}/meta/dapp/config?apiKey=${$t("API_KEY")}`);if(!n.ok)throw new Error(`Request failed with status: ${n.status} `);let r=await n.json();t(r.config.watermark),e(r.config.banners.profile)},"fetchApiConfig")}}i(Ny,"useFetchApiConfig");import{useWallets as hA}from"@rango-dev/wallets-react";import{useEffect as yA,useRef as SA}from"react";function By(){let{connect:t,state:e}=hA(),o=SA({}),{fetchStatus:n}=y(),r=new URLSearchParams(location.search).get("autoConnect")||"",a=e(r);yA(()=>{n==="success"&&r&&a.installed&&!a.connecting&&!a.connected&&!o.current[r]&&(o.current[r]=!0,t(r))},[a,n])}i(By,"useForceAutoConnect");import{isApprovalTX as CA,RouteEventType as Wy,StepEventType as Ly,StepExecutionEventStatus as TA,WidgetEvents as wa}from"@rango-dev/queue-manager-rango-preset";import{useEffect as My}from"react";function Hc(){let t=Ie.use.setNotification(),{connectedWallets:e,fetchBalances:o,customTokens:n}=y();My(()=>{let r=i(a=>{let{event:s,step:l,route:c}=a;if(s.type===Ly.TX_EXECUTION&&s.status===TA.TX_SENT&&!CA(l)||s.type===Ly.SUCCEEDED){let p=[],m=c.wallets[l?.fromBlockchain];if(m){let h=e.find(f=>f.address?.toLocaleLowerCase()===m.address?.toLocaleLowerCase()&&f.walletType===m.walletType&&f.chain===l?.fromBlockchain);h&&p.push(h)}if(l?.fromBlockchain!==l?.toBlockchain){let h=c.wallets[l?.toBlockchain];if(h){let f=e.find(d=>d.address?.toLocaleLowerCase()===h.address?.toLocaleLowerCase()&&d.walletType===h.walletType&&d.chain===l?.toBlockchain);f&&p.push(f)}}if(p.length>0){let h=n(),d=[{blockchain:l.fromBlockchain,address:l.fromSymbolAddress,symbol:l.fromSymbol},{blockchain:l.toBlockchain,address:l.toSymbolAddress,symbol:l.toSymbol}].filter(g=>h.some(S=>S.blockchain===g.blockchain&&S.address?.toLocaleLowerCase()===g.address?.toLocaleLowerCase()&&S.symbol?.toLocaleLowerCase()===g.symbol?.toLocaleLowerCase()));o(p,{selectedCustomTokens:d,shouldFetchCustomTokens:d.length>0})}}t(s,c)},"handleStepEvent");return Ce.on(wa.StepEvent,r),()=>Ce.off(wa.StepEvent,r)},[Ce,e]),My(()=>{let r=i(a=>{let{event:s,route:l}=a;(s.type===Wy.FAILED||s.type===Wy.SUCCEEDED)&&t(s,l)},"handleRouteEvent");return Ce.on(wa.RouteEvent,r),()=>Ce.off(wa.RouteEvent,r)},[Ce])}i(Hc,"useSubscribeToWidgetEvents");import{useManager as kA}from"@rango-dev/queue-manager-react";import{useEffect as vA}from"react";function Qc(){let{isSynced:t,syncNotifications:e}=Ie(),{manager:o,state:n}=kA();vA(()=>{Ie.persist.hasHydrated()&&n.loadedFromPersistor&&!t&&e(yt(o))},[Ie.persist.hasHydrated(),n.loadedFromPersistor,t])}i(Qc,"useSyncNotifications");function qc(){By(),Ay(),Hc(),Qc();let t=y().blockchains(),{canSwitchNetworkTo:e}=Ai(),[o,n]=_y(null),[r,a]=_y(),s=xA(ni),l=t.filter(bA),{fetchApiConfig:c}=Ny();Py(()=>()=>pm(),[]),wA({lastConnectedWallet:o,clearDisconnectedWallet:()=>{a(void 0)},disconnectedWallet:r,evmChains:l,canSwitchNetworkTo:e}),Py(()=>(Co.init(),Ie.persist.hasHydrated()||Ie.persist.rehydrate(),s.onConnectWallet(u=>{n(p=>{if(!p||p.walletType!==u.walletType)return u;let m={...p};return u.network&&(m.network=u.network),u.accounts&&(m.accounts=u.accounts),m})}),s.onDisconnectWallet(u=>{a(u),n(p=>u===p?.walletType?null:p)}),c().catch(console.log),Co.destroy),[])}i(qc,"useBootstrap");import{styled as EA}from"@rango-dev/ui";var Dy=EA("div",{fontFamily:"$widget",boxSizing:"border-box",textAlign:"left","& *, *::before, *::after":{boxSizing:"inherit"},"& *:focus-visible":{outlineColor:"$info500",transition:"none"},"& ul, ol, li":{listStyleType:"none"}});function ba(){qc();let{config:t}=y(),{activeTheme:e}=pn(t?.theme||{}),{activeLanguage:o}=lo();return Gc.createElement(IA,{language:o},Gc.createElement(Dy,{id:"swap-container",className:e()},Gc.createElement(Iy,null)))}i(ba,"Main");import{setSolanaSignerConfig as KA}from"@rango-dev/signer-solana";import Kc,{useEffect as Hy,useMemo as jA}from"react";import{useState as AA}from"react";var NA=i(()=>{let[t,e]=AA(null),o=i(a=>{let s=document.createElement("link");return s.href=a,s.rel="stylesheet",document.head.appendChild(s),s},"loadFont"),n=i(()=>{t&&(document.head.removeChild(t),e(null))},"unloadFont");return{handleLoadCustomFont:i(a=>{n();let s=rp(a);if(s){let l=o(s);e(l)}},"handleLoadCustomFont")}},"useFontLoader"),$y=NA;import{checkWaitingForNetworkChange as BA,makeQueueDefinition as WA}from"@rango-dev/queue-manager-rango-preset";import{Provider as LA}from"@rango-dev/queue-manager-react";import{useWallets as MA}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as PA}from"@rango-dev/wallets-shared";import{isEvmBlockchain as _A}from"rango-types";import DA,{useMemo as $A}from"react";function FA(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:a,getWalletInfo:s}=MA(),l=$A(()=>WA({API_KEY:t.apiKey||$t("API_KEY"),BASE_URL:$t("BASE_URL"),emitter:{emit:Ce.emit}}),[t.apiKey]),{blockchains:c,connectedWallets:u}=y(),p=c(),m={blockchains:u.map(w=>({accounts:[w],name:w.chain}))},h=i(async(w,x)=>a(w,x.network)?await r(w,[x]):void 0,"switchNetwork"),f=i(w=>!!s(w).mobileWallet,"isMobileWallet"),d=p.filter(w=>w.enabled).reduce((w,x)=>(w[x.name]=x,w),{}),g=p.filter(_A),S=i(w=>{let{supportedChains:x}=s(w);return In(x)},"getSupportedChainNames"),T=e(),C={meta:{blockchains:d,evmBasedChains:g,evmNetworkChainInfo:PA(g),getSupportedChainNames:S},getSigners:o,wallets:m,providers:T,switchNetwork:h,canSwitchNetworkTo:a,state:n,isMobileWallet:f},k=te.use.isActiveTab();return DA.createElement(LA,{queuesDefs:[l],context:C,onPersistedDataLoaded:w=>{BA(w)},isPaused:!k},t.children)}i(FA,"QueueManager");var Fy=FA;import{useManager as QA}from"@rango-dev/queue-manager-react";import qA,{createContext as GA,useContext as VA}from"react";function Oy(){let{findToken:t}=y(),e=y().blockchains(),o=y().tokens(),{setFromBlockchain:n,setFromToken:r,setToBlockchain:a,setToToken:s,setInputAmount:l}=O();return i(u=>{let{fromBlockchain:p,fromToken:m,toBlockchain:h,toToken:f,requestAmount:d}=u,g={blockchains:e,tokens:o};if(p!==void 0){let S=e.find(T=>T.name===p)??null;n(S)}if(m!==void 0){let S=m?t(m)??null:null;r({meta:g,token:S})}if(h!==void 0){let S=e.find(T=>T.name===h)??null;a(S)}if(f!==void 0){let S=f?t(f)??null:null;s({meta:g,token:S})}d!==void 0&&l(d)},"updateQuoteInputs")}i(Oy,"useUpdateQuoteInputs");import{cancelSwap as OA,getCurrentNamespaceOfOrNull as UA,getCurrentStep as zA,getRelatedWalletOrNull as HA}from"@rango-dev/queue-manager-rango-preset";var xa=class{static{i(this,"WidgetHistory")}constructor(e,o){this.manager=e,this.actions=o}getAllSwaps(){return yt(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){let n=si(e,o.blockchains,this.actions.findToken);return this.actions.retrySwap(n)}cancel(e){let o=this.manager?.get(e);o&&OA(o)}getCurrentStepInfo(e){let o=zA(e);return{step:o,wallet:o?HA(e,o):null,network:o?UA(e,o)?.network:null}}};var Uy=GA(void 0);function Vc(t){let{manager:e}=QA(),o=te.use.isActiveTab(),n=O.use.retry(),{findToken:r,getBalances:a,getConnectedWalletsDetails:s,fetchBalances:l}=y(),c=new xa(e,{retrySwap:n,findToken:r}),{fetchingWallets:u}=y(),p=pp(a()),m=y().blockchains(),h=y().tokens(),f=y().swappers(),d=y().fetchStatus,g=lo().resetLanguage,S=Ie().getNotifications(),T=Ie().clearNotifications,C=Oy(),{fromBlockchain:k,toBlockchain:w,fromToken:x,toToken:I,inputAmount:A}=O(),E={isActiveTab:o,setCurrentTabAsActive:Co.forceClaim,history:c,wallets:{isLoading:u,details:s(),totalBalance:p,refetch:async b=>l(b)},meta:{blockchains:m,tokens:h,swappers:f,loadingStatus:d,findToken:r},resetLanguage:g,notifications:{list:S,clearAll:T},quote:{quoteInputs:{fromBlockchain:k?.name??null,fromToken:x?{symbol:x.symbol,blockchain:x.blockchain,address:x.address}:null,toBlockchain:w?.name??null,toToken:I?{symbol:I.symbol,blockchain:I.blockchain,address:I.address}:null,requestAmount:A},updateQuoteInputs:C}};return qA.createElement(Uy.Provider,{value:E},t.children)}i(Vc,"WidgetInfo");function zy(){let t=VA(Uy);if(!t)throw new Error("useWidget can only be used within the WidgetProvider component");return t}i(zy,"useWidget");function Ea(t){let{onUpdateState:e,config:o}=t,n=t.config?.theme?.fontFamily,{handleLoadCustomFont:r}=$y();return Hy(()=>{n&&r(n)},[n]),jA(()=>{Mp({API_KEY:o?.apiKey||Br,BASE_URL:o?.apiUrl||Xc})},[o.apiKey,o.apiUrl]),Hy(()=>{t.config?.signers?.customSolanaRPC&&KA("customRPC",t.config.signers.customSolanaRPC)},[t.config?.signers?.customSolanaRPC]),Kc.createElement(ri,{config:o,onUpdateState:e},Kc.createElement(Fy,{apiKey:o.apiKey},Kc.createElement(Vc,null,t.children)))}i(Ea,"WidgetProvider");function Qy(t){let e=t.config?.externalWallets;return Ia.createElement(Lu,null,e?Ia.createElement(ba,null):Ia.createElement(Ea,{config:t.config??Hr},Ia.createElement(ba,null)))}i(Qy,"Widget");function qy(){let{on:t,off:e}=Ce;return{on:t,off:e}}i(qy,"useWidgetEvents");var v9={DerivationPath:On,Namespaces:Dn,Detached:Fn,isOnDerivationPath:zn,isOnNamespace:Un,isOnDetached:Hn};export{j7 as EventSeverity,Go as MainEvents,r9 as Networks,s9 as PendingSwapNetworkStatus,Ha as QuoteEventTypes,X7 as RouteEventType,Aa as SUPPORTED_FONTS,v9 as StatefulConnect,Y7 as StepEventType,Z7 as StepExecutionBlockedEventStatus,J7 as StepExecutionEventStatus,Ue as UI_ID,qa as UiEventTypes,Qa as WalletEventTypes,o9 as WalletEvents,i9 as WalletTypes,Qy as Widget,Go as WidgetEvents,Ea as WidgetProvider,ri as WidgetWallets,_s as customizedThemeTokens,e9 as readAccountAddress,Uo as useStatefulConnect,Ct as useWalletList,Ai as useWallets,zy as useWidget,qy as useWidgetEvents,jS as widgetEventEmitter};
|
|
1
|
+
var mS=Object.defineProperty;var i=(t,e)=>mS(t,"name",{value:e,configurable:!0});import{EventSeverity as cZ,RouteEventType as uZ,StepEventType as mZ,StepExecutionBlockedEventStatus as dZ,StepExecutionEventStatus as fZ}from"@rango-dev/queue-manager-rango-preset";import{legacyReadAccountAddress as hZ}from"@rango-dev/wallets-core/legacy";import{useWallets as _i,Events as SZ}from"@rango-dev/wallets-react";import{Networks as TZ,WalletTypes as kZ}from"@rango-dev/wallets-shared";import{PendingSwapNetworkStatus as wZ}from"rango-types";import{Divider as wT}from"@rango-dev/ui";import Rt,{useEffect as xT,useRef as bT,useState as _u}from"react";import{WalletState as IS}from"@rango-dev/ui";import{useWallets as AS}from"@rango-dev/wallets-react";import{useReducer as NS}from"react";import{BlockchainCategories as TS,WalletState as it}from"@rango-dev/ui";import{legacyReadAccountAddress as kS}from"@rango-dev/wallets-core/legacy";import{detectInstallLink as vS,getCosmosExperimentalChainInfo as wS,isEvmAddress as xS,KEPLR_COMPATIBLE_WALLETS as Z0,Networks as kc}from"@rango-dev/wallets-shared";import zo from"bignumber.js";import{isCosmosBlockchain as bS}from"rango-types";import dS from"bignumber.js";var me=new dS(0);import{WalletTypes as fS}from"@rango-dev/wallets-shared";var So="~",sc=[fS.LEAP];import{BlockchainCategories as Da,WalletState as CS}from"@rango-dev/ui";import{TransactionType as Fr}from"rango-sdk";import{UI_ID as gS}from"@rango-dev/ui";var $r="c6381a79-2817-4602-83bf-6a641a409e32",lc="https://api.rango.exchange",pc="https://explorer.rango.exchange",Qe={SWAP_BOX_ID:"rango-swap-box",EXPANDED_BOX_ID:"rango-expanded-box",...gS};var cc="Roboto",_a=[{name:"Roboto",value:"Roboto",url:""},{name:"Times New Roman",value:"Times New Roman",url:"https://fonts.cdnfonts.com/css/times-new-roman"},{name:"Arial",value:"Arial",url:""},{name:"Open Sans",value:"Open Sans",url:"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap"},{name:"Noto Sans",value:"Noto Sans",url:"https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap"},{name:"Montserrat",value:"Montserrat",url:"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap"},{name:"Poppins",value:"Poppins",url:"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"},{name:"Roboto Condensed",value:"Roboto Condensed",url:"https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap"},{name:"Roboto Mono",value:"Roboto Mono",url:"https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap"},{name:"Oswald",value:"Oswald",url:"https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap"},{name:"Raleway",value:"Raleway",url:"https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap"},{name:"Sedan",value:"Sedan",url:"https://fonts.googleapis.com/css2?family=Sedan:ital@0;1&display=swap"},{name:"Inter",value:"Inter",url:"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap"},{name:"Rubik",value:"Rubik",url:"https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap"},{name:"Lora",value:"Lora",url:"https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&display=swap"},{name:"Barlow Condensed",value:"Barlow Condensed",url:"https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"}];function Uo(t){return Array.from(new Set(t))}i(Uo,"removeDuplicateFrom");function Or(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}i(Or,"debounce");function rt(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}i(rt,"containsText");function dc(t,e){return t.toLowerCase()===e.toLowerCase()}i(dc,"exactText");function fc(t,e){return t.toLowerCase().startsWith(e.toLowerCase())}i(fc,"startWithText");var A=i(()=>document.getElementById(Qe.SWAP_BOX_ID),"getContainer"),Co=i(()=>document.getElementById(Qe.EXPANDED_BOX_ID),"getExpanded");function gc(t,e,o){let n=!!e&&dc(e,t),r=!!o&&dc(o,t);return n!==r?n?-1:1:0}i(gc,"compareExactMatchText");function $a(t,e,o){let n=!!e&&rt(e,t),r=!!o&&rt(o,t);return n!==r?n?-1:1:n&&r&&e?.length!==o?.length?e?.length-o?.length:0}i($a,"compareContainsText");function Fa(t,e,o){let n=!!e&&fc(e,t),r=!!o&&fc(o,t);return n!==r?n?-1:1:n&&r&&e?.length!==o?.length?e?.length-o?.length:0}i(Fa,"compareStartWithText");function hc(t,e,o){if(!o)return 0;let n=gc(o,t.symbol,e.symbol);if(n)return n;if(o.length>=3){let r=gc(o,t.name,e.name);if(r)return r}if(o.length>=2){let r=Fa(o,t.symbol,e.symbol);if(r)return r}if(o.length>=3){let r=$a(o,t.symbol,e.symbol);if(r)return r}if(o.length>=3){let r=Fa(o,t.name,e.name);if(r)return r}if(o.length>=3){let r=$a(o,t.name,e.name);if(r!==0)return r}if(o.length>=4){let r=Fa(o,t.address,e.address);if(r)return r}if(o.length>=4){let r=$a(o,t.address,e.address);if(r!==0)return r}return 0}i(hc,"compareWithSearchFor");var Ur=i((t,e)=>{switch(e){case Da.ALL:return!0;case Da.UTXO:return t===Fr.TRANSFER;case Da.OTHER:return t!==Fr.TRANSFER&&t!==Fr.COSMOS&&t!==Fr.EVM;default:return t===e}},"isBlockchainTypeInCategory"),yc=i(t=>_a.find(o=>o.value===t)?.url,"getFontUrlByName");function Sc(t,e){let o=!!t.find(n=>n.state===CS.CONNECTED);return e===!1&&o}i(Sc,"isSingleWalletActive");function Cc(){let t,e;return(o,n)=>((!e||!t||t!==n)&&(t=n,e=o()),e)}i(Cc,"memoizedResult");import{BigNumber as Tc}from"bignumber.js";var Bn=i(t=>{let e=Math.floor(t%60/15)*15,o=parseInt((t/60).toString());return o>=60?`${Math.floor(o/5)*5}:00`:`${o.toString().padStart(2,"0")}:${e.toString().padStart(2,"0")}`},"roundedSecondsToString"),_=i((t,e=null,o=null)=>{if(t==null||t==="")return"";let n=new Tc(t),r=1,a=1e3;for(let s=0;s<60;s++)if(new Tc(n.toFixed(s,r)).eq(n)){a=s;break}if(n.gte(1e4))return n.toFormat(0,r);if(n.gte(1e3)||n.gte(100))return n.toFormat(Math.min(a,Math.min(o||100,Math.max(e||0,1))),r);if(n.gte(1))return n.toFormat(Math.min(a,Math.min(o||100,Math.max(e||0,2))),r);if(n.gte(.01))return n.toFormat(Math.min(a,Math.min(o||100,Math.max(e||0,4))),r);for(let s=e||4;s<17;s++)if(n.gte(Math.pow(10,-s)))return n.toFormat(Math.min(a,Math.min(o||100,Math.max(e||0,s))),r);return n.isEqualTo(0)?"0":n.toFormat(Math.min(a,Math.min(o||100,Math.max(e||0,8))),r)},"numberToString");var zr=i(t=>t?.reduce((e,o)=>e+(o.estimatedTimeInSeconds??0),0)||0,"totalArrivalTime");var Nt=i((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),Wn=i(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function Ln(t){return t.connected?it.CONNECTED:t.connecting?it.CONNECTING:t.installed?it.DISCONNECTED:it.NOT_INSTALLED}i(Ln,"mapStatusToWalletState");function vc(t,e,o,n){return o.filter(r=>!sc.includes(r)).filter(r=>{let{supportedChains:a,isContractWallet:s}=e(r),{installed:l,network:p}=t(r);return s&&(!l||!!n&&p!==n)?!1:n?!!a.find(u=>u.name===n):!0}).map(r=>{let{name:a,img:s,installLink:l,showOnMobile:p,needsNamespace:c,supportedChains:u,needsDerivationPath:m,properties:h,isHub:g}=e(r),d=Uo(u.map(y=>y.type)),f=Ln(t(r));return{title:a,image:s,link:vS(l),state:f,type:r,showOnMobile:p,needsNamespace:c,blockchainTypes:d,needsDerivationPath:m,properties:h,isHub:g}})}i(vc,"mapWalletTypesToWalletInfo");function Mn(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}i(Mn,"walletAndSupportedChainsNames");function Ua(t,e,o,n,r){let a=[];function s(p,c,u){if(!!!a.find(h=>h.chain===p)){let h={address:c,chain:p,walletType:t,isContractWallet:u??!1};a.push(h)}}i(s,"addAccount");let l=n||[];return e.forEach(p=>{let{address:c,network:u}=kS(p),m=l.length>0,h=l.includes(u),g=u===kc.Unknown;if(m&&!h&&!g)return;let f=u===kc.Unknown&&xS(c);if(g&&!f)return;o.includes(u)||f?r?s(u,c.toLowerCase(),r):l.filter(C=>o.includes(C)).forEach(C=>{s(C,c.toLowerCase())}):s(u,c)}),a}i(Ua,"prepareAccountsForWalletStore");function To(t){let{filter:e,quote:o}=t,n=new Set;return o?.swaps.forEach((r,a)=>{let s=r.from.blockchain,l=r.to.blockchain;if(n.add(s),r.internalSwaps){let{internalSwaps:p}=r;p.forEach((c,u)=>{let m=c.from.blockchain,h=c.to.blockchain,g=a===o.swaps.length-1,d=u===p.length-1;(!g&&!d||g&&l!==m||e==="all")&&n.add(m),e==="all"&&n.add(h)})}e==="all"&&n.add(l)}),Array.from(n)}i(To,"getQuoteChains");function Pn(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}i(Pn,"isAccountAndWalletMatched");var wc=i(t=>{let e=Object.values(t).reduce((o,n)=>{let r=n.usdValue?Oa(n.usdValue,n.decimals):me.toFixed();return o.plus(r)},new zo(me));return ES(e.toString())},"calculateWalletUsdValue");function ES(t){let e=t.toString().split(".");return e[0]=e[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),e.join(".")}i(ES,"numberWithThousandSeparator");var qr=i((t,e)=>{let o=wS(Object.entries(t).map(([,n])=>n).filter(bS));return o&&o[e]?.experimental},"isExperimentalChain");function Oa(t,e){return new zo(t).shiftedBy(-e).toFixed()}i(Oa,"representAmountInNumber");function Gr(t){if(!t)return null;let e=Oa(t.amount,t.decimals),o=t.usdValue?Oa(t.usdValue,t.decimals):null,n=_(e,8,8),r=o?_(o,4,4):null;return t?{...t,amount:n,usdValue:r}:null}i(Gr,"formatBalance");function xc(t,e){if(t?.usdValue||e?.usdValue){let o=t&&t.usdValue?new zo(t.usdValue).shiftedBy(-t.decimals):me,n=e&&e.usdValue?new zo(e.usdValue).shiftedBy(-e.decimals):me;return o.isEqualTo(n)?0:o.isGreaterThan(n)?-1:1}if(t?.amount||e?.amount){let o=t&&t.amount?new zo(t.amount).shiftedBy(-t.decimals):me,n=e&&e.amount?new zo(e.amount).shiftedBy(-e.decimals):me;return o.isEqualTo(n)?0:o.isGreaterThan(n)?-1:1}return 0}i(xc,"compareTokenBalance");function Ft(t,e){return t?.blockchain===e?.blockchain&&t?.symbol.toLowerCase()===e?.symbol.toLowerCase()&&t?.address?.toLowerCase()===e?.address?.toLowerCase()}i(Ft,"areTokensEqual");function bc(t,e){return t.map(o=>({isPartiallyConnected:_n(o,e(o.type).namespaces),...o})).sort((o,n)=>+(n.state===it.CONNECTED&&!n.isPartiallyConnected)-+(o.state===it.CONNECTED&&!o.isPartiallyConnected)||+(n.state===it.CONNECTED)-+(o.state===it.CONNECTED)||+(n.state===it.DISCONNECTED||n.state===it.CONNECTING)-+(o.state===it.DISCONNECTED||o.state===it.CONNECTING)).map(({isPartiallyConnected:o,...n})=>n)}i(bc,"sortWalletsBasedOnConnectionState");function Qo(t,e=8,o=3){if(t.length<2*e+o)return t;let n=t.slice(0,e),r=t.slice(-e);return`${n}${".".repeat(o)}${r}`}i(Qo,"getConciseAddress");function Ec({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}i(Ec,"getAddress");var Ic=i((t,e)=>!!t.find(o=>o.chain===e&&o.loading),"isFetchingBalance");function Ac(t){return t.map(e=>e.state).join("-")}i(Ac,"hashWalletsState");function Nc(t,e){let o=new Set;return t.forEach(r=>{r.blockchainTypes.forEach(a=>{o.add(a)})}),e.filter(r=>o.has(r.type))}i(Nc,"filterBlockchainsByWalletTypes");function Bc(t,e){return e===TS.ALL?t:t.filter(o=>{for(let n of o.blockchainTypes)if(Ur(n,e))return!0;return!1})}i(Bc,"filterWalletsByCategory");function _n(t,e){return!t.isHub||!t.needsNamespace||t.state!==it.CONNECTED?!1:t.needsNamespace.data.filter(r=>!r.unsupported).some(r=>!e?.get(r.value)?.connected)}i(_n,"checkIsWalletPartiallyConnected");function Wc(t){return!!t.derivationPath}i(Wc,"isStateOnDerivationPathStep");function Lc(t){return!!t.namespace}i(Lc,"isStateOnNamespace");var Vr={status:"init",namespace:null,derivationPath:null,selectedNamespaces:null};function Mc(t,e){switch(e.type){case"needsNamespace":return{...t,status:"namespace",namespace:e.payload,derivationPath:null};case"needsDerivationPath":return{...t,status:"derivationPath",derivationPath:e.payload};case"detached":return{...t,status:"detached",namespace:{targetWallet:e.payload.targetWallet},selectedNamespaces:e.payload.selectedNamespaces};case"reset":return Vr;case"resetDerivation":return t.namespace?{...t,derivationPath:null,status:"namespace"}:Vr;default:throw new Error("Action hasn't been defined.")}}i(Mc,"reducer");function Ho(){let{state:t,disconnect:e,connect:o}=AS(),[n,r]=NS(Mc,Vr),a=i(async(u,m,h)=>{r({type:"reset"});try{let g=m?.map(d=>({...d,network:void 0}));return await o(u,g),{status:"connected"}}catch(g){let d=g?.message?`Error: ${g.message}`:"An unknown error happened during connecting wallet.";throw new Error(d,{cause:g})}},"runConnect"),s=i(async(u,m)=>{if(u.state===IS.DISCONNECTED){let g=!!u.isHub,d=u.properties?.find(f=>f.name==="detached")?.value;if(g&&!d?.length||!g&&!u.needsNamespace)return await a(u.type,void 0,m);if(g&&d?.length&&d.length>1||!g&&u.needsNamespace?.data.length&&u.needsNamespace.data.length>1)return r({type:"needsNamespace",payload:{targetWallet:u,defaultSelectedChains:m?.defaultSelectedChains}}),{status:"namespace"};if(g&&d?.length===1||!g&&u.needsNamespace?.data.length===1){if(u.needsNamespace&&u.needsDerivationPath){let f=u.needsNamespace.data[0];return r({type:"needsDerivationPath",payload:{providerType:u.type,providerImage:u.image,namespace:f.value}}),{status:"derivation-path"}}return await a(u.type,u.needsNamespace?.data.map(f=>({namespace:f.value})),m)}}if(u.isHub){let d=t(u.type).namespaces;if(_n(u,d))return r({type:"detached",payload:{targetWallet:u,selectedNamespaces:null}}),{status:"Detached"}}return m?.disconnectIfConnected?(await c(u.type),{status:"disconnected"}):{status:"disconnected-unhandled"}},"handleConnect"),l=i(async(u,m)=>{let h=u.needsNamespace?.selection==="single",g=u.needsDerivationPath,d=m[0];if(!d)throw new Error("To confirm a namespace, you should select at least one namespace.");if(h&&g)return r({type:"needsDerivationPath",payload:{providerType:u.type,providerImage:u.image,namespace:d}}),{status:"derivation-path"};if(!Lc(n))throw new Error("Something went wrong on handling namespace. Please retry.");let f=m.map(y=>({namespace:y}));return r({type:"detached",payload:{targetWallet:u,selectedNamespaces:f?.map(y=>y.namespace)||null}}),{status:"Detached"}},"handleNamespace"),p=i(async u=>{if(!u)throw new Error("Derivation path is empty. Please make sure you've filled the field correctly.");if(!Wc(n))throw new Error("It seems you are filling derivation path without setting namespace before doing that. Please retry to connect.");let m=n.derivationPath.providerType,g=[{namespace:n.derivationPath.namespace,derivationPath:u}];return await a(m,g)},"handleDerivationPath"),c=i(async u=>{let m=t(u);return m.connected||m.connecting?(await e(u),{status:"disconnected"}):{status:"noop"}},"handleDisconnect");return{handleConnect:s,handleDisconnect:c,handleNamespace:l,handleDerivationPath:p,getState:()=>n,resetState:u=>{r(u==="derivation"?{type:"resetDerivation"}:{type:"reset"})}}}i(Ho,"useStatefulConnect");import{WalletState as ns}from"@rango-dev/ui";import{useWallets as bC}from"@rango-dev/wallets-react";import{detectMobileScreens as EC,KEPLR_COMPATIBLE_WALLETS as IC,WalletTypes as Un}from"@rango-dev/wallets-shared";import{useCallback as AC,useEffect as NC}from"react";import TC,{createContext as kC,useContext as vC,useEffect as wC,useRef as xC}from"react";import{create as SC}from"zustand";import{persist as CC}from"zustand/middleware";import{allProviders as BS}from"@rango-dev/provider-all";var za=class{static{i(this,"CacheService")}#e=new Map;get(e){return this.#e.get(e)}set(e,o){this.#e.set(e,o)}remove(e){this.#e.delete(e)}clear(){this.#e.clear()}},qo=new za;import{defineVersions as _c,pickVersion as Dc,Provider as Qa}from"@rango-dev/wallets-core";function $c({allProviders:t,configWallets:e}){if(e){let o=[];return e.forEach(n=>{if(typeof n=="string"){let r=t.find(a=>{let s=Fc(a);return s instanceof Qa?s.id===n:s.config.type===n});r?o.push(r):console.warn(`Couldn't find ${n} provider. Please make sure you are passing the correct name.`)}else n instanceof Qa?o.push(_c().version("1.0.0",n).build()):o.push(_c().version("0.0.0",n).build())}),o}return t}i($c,"matchAndGenerateProviders");function Fc(t){try{return Dc(t,"1.0.0")[1]}catch{return Dc(t,"0.0.0")[1]}}i(Fc,"pickProviderVersionWithFallbackToLegacy");function Oc(t){return t.map(o=>Fc(o)).map(o=>o instanceof Qa?o.id:o.config.type)}i(Oc,"configWalletsToWalletName");function Kr(t,e){return e.find(o=>o.name===t)?.displayName}i(Kr,"getBlockchainDisplayNameFor");function ft(t,e){return e.find(o=>o.name===t)?.shortName}i(ft,"getBlockchainShortNameFor");function Uc(t,e){return e.find(o=>o.name===t)?.logo}i(Uc,"getBlockchainImage");function Dn(t,e){return e.find(o=>o.id===t)?.title}i(Dn,"getSwapperDisplayName");function ko(t,e){return e.find(o=>o.name===t)??null}i(ko,"findBlockchain");function Ha(t,e){if(!e||!t)return!1;for(let o of e.feeAssets)if(t?.blockchain===o?.blockchain&&t?.symbol===o?.symbol&&t?.address===o?.address)return!0;return!1}i(Ha,"isTokenNative");function gt(t){return`${t.blockchain.toLowerCase()}-${t.symbol.toLowerCase()}-${(t.address??"").toLowerCase()}`}i(gt,"createTokenHash");function Go(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}i(Go,"isValidTokenAddress");function $n(t){let{config:e,meta:o}=t,n={},r=e.tokens,a=i(l=>{l.forEach(p=>{typeof p!="string"&&(p=gt(p));let c=o.tokensMapByTokenHash.get(p);c&&(n[p]=c)})},"addTokens");if(Array.isArray(r))return r.length>0?(a(r),Object.values(n)):Array.from(o.tokensMapByTokenHash.values());if(!r)return Array.from(o.tokensMapByTokenHash.values());let s;if(e.blockchains?.length)s=e.blockchains;else{s=Object.keys(r);let l=new Set(s);Object.keys(o.tokensMapByBlockchainName).forEach(p=>{l.has(p)||a(o.tokensMapByBlockchainName[p])})}return s.forEach(l=>{let p=r[l];if(!p&&o.tokensMapByBlockchainName?.[l]){a(o.tokensMapByBlockchainName[l]);return}p&&(p.isExcluded?(a(o.tokensMapByBlockchainName[l]),p.tokens.forEach(c=>{let u=gt(c);delete n[u]})):a(p.tokens))}),Object.values(n)}i($n,"matchTokensFromConfigWithMeta");function jr(t){let{config:e}=t,o=e.from?.blockchains||[],n=e.to?.blockchains||[];if(!o.length||!n.length)return[];let r=[...o,...n],a=new Set(r);return Array.from(a)}i(jr,"getSupportedBlockchainsFromConfig");function Qc(t){return{walletConnectProjectId:t?.walletConnectProjectId,trezorManifest:t?.trezorManifest,tonConnect:t?.tonConnect,walletConnectListedDesktopWalletLink:t.__UNSTABLE_OR_INTERNAL__?.walletConnectListedDesktopWalletLink}}i(Qc,"makeProvidersOptionsFromConfig");var Xr={apiKey:"",title:void 0,multiWallets:!0,excludeLiquiditySources:!0,customDestination:!0,variant:"default",trezorManifest:{appUrl:"https://widget.rango.exchange/",email:"hi+trezorwidget@rango.exchange"},tonConnect:{manifestUrl:"https://raw.githubusercontent.com/rango-exchange/rango-types/main/assets/manifests/tonconnect-manifest.json"}},WS={clientUrl:void 0},LS={liquiditySources:void 0};function zc(t){let e=Qc(t),o={walletconnect2:{WC_PROJECT_ID:e?.walletConnectProjectId||"",DISABLE_MODAL_AND_OPEN_LINK:e?.walletConnectListedDesktopWalletLink},selectedProviders:t.wallets,trezor:e?.trezorManifest?{manifest:e.trezorManifest}:void 0,tonConnect:e?.tonConnect?.manifestUrl?{manifestUrl:e?.tonConnect.manifestUrl}:void 0};return BS(o).map(a=>a())}i(zc,"generateProviders");var Hc=i((t,e,o)=>{let n=zc({...Xr,...t});return{config:{...Xr,...t},iframe:WS,campaignMode:LS,allProviders:n,getLiquiditySources:()=>{let{config:r,campaignMode:a}=o();return a.liquiditySources?.length?a.liquiditySources:r.liquiditySources??[]},getDisabledLiquiditySources:()=>{let{disabledLiquiditySources:r,campaignMode:a}=o();return a.liquiditySources?.length?[]:r},excludeLiquiditySources:()=>{let{config:r,campaignMode:a}=o();return a.liquiditySources?.length?!1:!!r.excludeLiquiditySources},isInCampaignMode:()=>{let{campaignMode:r}=o();return!!r.liquiditySources?.length},updateConfig:r=>{let a=o().config,{_tokensMapByTokenHash:s,_tokensMapByBlockchainName:l}=o(),p=$n({type:"source",config:{blockchains:r.from?.blockchains,tokens:r.from?.tokens},meta:{tokensMapByBlockchainName:l,tokensMapByTokenHash:s}}),c=$n({type:"destination",config:{blockchains:r.to?.blockchains,tokens:r.to?.tokens},meta:{tokensMapByBlockchainName:l,tokensMapByTokenHash:s}});qo.set("supportedSourceTokens",p),qo.set("supportedDestinationTokens",c),e({config:{...a,...r}})},updateCampaignMode:(r,a)=>{let s=o().campaignMode;e({campaignMode:{...s,[r]:a}})},updateIframe:(r,a)=>{let s=o().iframe;e({iframe:{...s,[r]:a}})},buildAndSetProviders:()=>{let{config:r}=o(),a=zc(r);e({allProviders:a})},getAvailableProviders:()=>{let{allProviders:r,config:a}=o(),s=Qc(a);return $c({allProviders:r,configWallets:a.wallets,options:s})}}},"createConfigSlice");import{TransactionType as qc}from"rango-types";var Gc=[qc.EVM,qc.SOLANA],Yr="https://raw.githubusercontent.com/rango-exchange/assets/refs/heads/main/common/unknown-image.png";import{RangoClient as MS}from"rango-sdk";var qa={API_KEY:$r};function Ot(t){return qa[t]||""}i(Ot,"getConfig");function Vc(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),qa=e,qa}i(Vc,"initConfig");var Kc=20,jc=25,Ga="theme-widget",Va=i((t,e)=>{let o=!1;if(e&&t){if(Array.isArray(e))o=!e.some(n=>Ft(n,t));else if(!Array.isArray(e)&&e[t.blockchain]){o=e[t.blockchain].tokens.some(r=>Ft(r,t));let n=e[t.blockchain].isExcluded;return!n&&!o||n&&o}}return o},"isTokenExcludedInConfig"),Ka=i((t,e)=>t&&e&&!e.includes(t.name),"isBlockchainExcludedInConfig"),Xc=i((t,e,o)=>o==="expanded"&&(t||e)||o==="full-expanded"&&e,"isVariantExpandable");var Zr,at=i(()=>Zr||(Zr=new MS(Ot("API_KEY"),Ot("BASE_URL")),Zr),"httpService");import{i18n as Jc}from"@lingui/core";var Yc=[.5,1,3],Jr=1,Vo=5,Fn=30,Rr=0;import{WidgetEvents as Zc}from"@rango-dev/queue-manager-rango-preset";var ja=(o=>(o.QUOTE_INPUT_UPDATE="quoteInputUpdate",o.QUOTE_OUTPUT_UPDATE="quoteOutputUpdate",o))(ja||{}),Xa=(o=>(o.CONNECT="connect",o.DISCONNECT="disconnect",o))(Xa||{}),Ya=(e=>(e.CLICK_CONNECT_WALLET="clickConnectWallet",e))(Ya||{}),Ko=(a=>(a[a.RouteEvent=Zc.RouteEvent]="RouteEvent",a[a.StepEvent=Zc.StepEvent]="StepEvent",a.QuoteEvent="quoteEvent",a.WalletEvent="walletEvent",a.UiEvent="uiEvent",a))(Ko||{});function ei(t,e){let o=t.map(a=>a.swapperGroup),n=[];return Uo(t.map(a=>a.swapperGroup)).map(a=>{let s=t.find(l=>l.swapperGroup===a);if(s){let l=!0;o&&(l=o.some(p=>p===s.swapperGroup)),l&&s.types.map(p=>{n.push({id:s.swapperGroup,groupTitle:s.swapperGroup,logo:s.logo,type:p,selected:!e.includes(s.swapperGroup)})})}}),n}i(ei,"getUniqueSwappersGroups");function Rc(t,e){return t.swapperGroup<e.swapperGroup?-1:t.swapperGroup>e.swapperGroup?1:0}i(Rc,"sortLiquiditySourcesByGroupTitle");function Re(t,e){return e?.[t]==="hidden"}i(Re,"isFeatureHidden");function jo(t,e){return e?.[t]==="enabled"}i(jo,"isRoutingEnabled");var eu=i((t,e,o)=>Re("customTokens",o)?t:t.concat(e),"addCustomTokensToSupportedTokens");function Xo(t){return t==Rr?{type:"error",message:Jc.t("Slippage must be greater than or equal to 0.01")}:t>Vo&&t<=Fn?{type:"warning",message:Jc.t("Your transaction is at risk of being frontrun due to high slippage tolerance."),quoteValidation:{type:3,slippage:t.toString()}}:null}i(Xo,"getSlippageValidation");var tu=i((t,e)=>({_blockchainsMapByName:new Map,_tokensMapByTokenHash:new Map,_tokensMapByBlockchainName:{},_popularTokens:[],_swappers:[],fetchStatus:"loading",blockchains:o=>{let n=e()._blockchainsMapByName,r=Array.from(n?.values()||[]);if(!o||!o?.type)return r;let a=e().config;if(o.type==="custom-token"){let p=jr({config:a}),c=r;return p.length>0&&(c=c.filter(u=>p.includes(u.name))),c.filter(u=>Gc.includes(u.type))}let s=(o.type==="source"?a.from?.blockchains:a.to?.blockchains)??[];return r.filter(p=>!(s.length>0&&!s.includes(p.name)))},tokens:o=>{let{_tokensMapByTokenHash:n,_tokensMapByBlockchainName:r,config:a,_customTokens:s}=e(),l=Array.from(n.values()),p=e()._blockchainsMapByName;if(!o||!o.type)return l;let c=o.type==="source"?"from":"to",u=o.type==="source"?"supportedSourceTokens":"supportedDestinationTokens",m=qo.get(u);m?.length||(m=$n({type:o.type,config:{blockchains:a[c]?.blockchains,tokens:a[c]?.tokens},meta:{tokensMapByTokenHash:n,tokensMapByBlockchainName:r}}),qo.set(u,m)),m=eu(m,s,a.features);let h=e().blockchains({type:o.type});return m.filter(d=>o.blockchain&&d.blockchain!==o.blockchain||!h.some(f=>f.name===d.blockchain)?!1:o.searchFor?!!(rt(d.symbol,o.searchFor)||rt(d.address||"",o.searchFor)||rt(d.name||"",o.searchFor)):!0).sort((d,f)=>{let y=e().isTokenPinned(d,o.type),T=e().isTokenPinned(f,o.type);if(y!==T)return y?-1:1;if(o.getBalanceFor){let I=o.getBalanceFor(d),N=o.getBalanceFor(f),E=xc(I,N);if(E!==0)return E}let C=p.get(d.blockchain),k=p.get(f.blockchain),v=Ha(d,C),b=Ha(f,k);if(v!==b)return v?-1:1;if(d.isPopular!==f.isPopular)return d.isPopular?-1:1;if(o.searchFor){let I=hc(d,f,o.searchFor);if(I)return I}return d.isSecondaryCoin!==f.isSecondaryCoin?d.isSecondaryCoin?1:-1:C&&k?C.sort-k.sort:0})},findToken:o=>{let n=e()._tokensMapByTokenHash,r=e().customTokens(),a=gt(o),s=n.get(a);return s||(s=r.find(l=>gt(l)===a)),s},isTokenPinned:(o,n)=>!!(n==="source"?e().config.from?.pinnedTokens:e().config.to?.pinnedTokens)?.some(s=>Ft(s,o)),swappers:()=>{let{config:o,campaignMode:n}=e(),r=n.liquiditySources?.length?n.liquiditySources:null,a=r??o.liquiditySources,s=r?!1:o.excludeLiquiditySources;return e()._swappers.filter(c=>{let u=a?.includes(c.swapperGroup);return s||!a||a.length===0?!u:u}).sort(Rc)},fetch:async()=>{try{let{routing:o}=e().config,n=jo("enableCentralizedSwappers",o),r=await at().getAllMetadata({enableCentralizedSwappers:n});t({fetchStatus:"success"});let a=new Map,s=new Map,l={},p=[],c=r.popularTokens,u=r.swappers.filter(g=>g.enabled),m=new Set;r.tokens.forEach(g=>{m.add(g.blockchain),p.push(g)}),r.blockchains.sort((g,d)=>g.sort-d.sort).forEach(g=>{g.enabled&&m.has(g.name)&&a.set(g.name,g)}),p.forEach(g=>{let d=gt(g);l[g.blockchain]||(l[g.blockchain]=[]),s.set(d,g),l[g.blockchain].push(d)}),t({_blockchainsMapByName:a,_tokensMapByTokenHash:s,_tokensMapByBlockchainName:l,_popularTokens:c,_swappers:u})}catch(o){throw t({fetchStatus:"failed"}),o}}}),"createDataSlice");import{Bengali as PS,Catalonia as _S,Chinese as ou,Denmark as DS,English as $S,Finland as FS,French as OS,German as US,Greece as zS,Hungary as QS,India as HS,Indonesian as qS,Italian as GS,Japanese as VS,Korea as KS,Lithuania as jS,Malay as XS,Netherlands as YS,Pakistan as ZS,Philippines as JS,Poland as RS,Portuguese as eC,Russian as tC,SaudiArabia as oC,Serbia as nC,Slovakia as rC,SouthAfrica as iC,Spanish as aC,Swahili as sC,Swedish as lC,Thai as pC,Turkish as cC,Ukrainian as uC,Vietnamese as mC}from"@rango-dev/ui";var nu=[{title:"Afrikaans",label:"Afrikaans",local:"af",SVGFlag:iC},{title:"Arabic",label:"\u0639\u0631\u0628\u064A",local:"ar",SVGFlag:oC},{title:"Bengali",label:"\u09AC\u09BE\u0982\u09B2\u09BE",local:"bn",SVGFlag:PS},{title:"Catalan",label:"Catal\xE0",local:"ca",SVGFlag:_S},{title:"Chinese (Simplified)",label:"\u7B80\u4F53\u4E2D\u6587",local:"zh-CN",SVGFlag:ou},{title:"Chinese (Traditional)",label:"\u4E2D\u6587\uFF08\u7E41\u9AD4)",local:"zh-TW",SVGFlag:ou},{title:"Danish",label:"Dansk",local:"da",SVGFlag:DS},{title:"Dutch",label:"Nederlands",local:"nl",SVGFlag:YS},{title:"English",label:"English",local:"en",SVGFlag:$S},{title:"Filipino",label:"Filipino",local:"fil",SVGFlag:JS},{title:"Finnish",label:"Suomalainen",local:"fi",SVGFlag:FS},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:OS},{title:"German",label:"Deutsch",local:"de",SVGFlag:US},{title:"Greek",label:"\u03B5\u03BB\u03BB\u03B7\u03BD\u03B9\u03BA\u03AC",local:"el",SVGFlag:zS},{title:"Hindi",label:"\u0939\u093F\u0902\u0926\u0940",local:"hi",SVGFlag:HS},{title:"Hungarian",label:"Magyar",local:"hu",SVGFlag:QS},{title:"Indonesian",label:"Indonesia",local:"id",SVGFlag:qS},{title:"Italian",label:"Italiana",local:"it",SVGFlag:GS},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:VS},{title:"Korean",label:"\uD55C\uAD6D\uC778",local:"ko",SVGFlag:KS},{title:"Lithuanian",label:"Lietuvi\u0173",local:"lt",SVGFlag:jS},{title:"Malay",label:"Melayu",local:"ms",SVGFlag:XS},{title:"Polish",label:"Polski",local:"pl",SVGFlag:RS},{title:"Portuguese",label:"Portugu\xEAs",local:"pt",SVGFlag:eC},{title:"Russian",label:"\u0420\u0443\u0441\u0441\u043A\u0438\u0439",local:"ru",SVGFlag:tC},{title:"Serbian",label:"C\u0440\u043F\u0441\u043A\u0438",local:"sr",SVGFlag:nC},{title:"Slovak",label:"Slovensk\xFD",local:"sk",SVGFlag:rC},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:aC},{title:"Swahili",label:"Kiswahili",local:"sw",SVGFlag:sC},{title:"Swedish",label:"Svenska",local:"sv",SVGFlag:lC},{title:"Thai",label:"\u0E41\u0E1A\u0E1A\u0E44\u0E17\u0E22",local:"th",SVGFlag:pC},{title:"Turkish",label:"T\xFCrk\xE7e",local:"tr",SVGFlag:cC},{title:"Ukrainian",label:"Y\u043A\u0440\u0430\u0457\u043D\u0456",local:"uk",SVGFlag:uC},{title:"Urdu",label:"\u0627\u0631\u062F\u0648",local:"ur",SVGFlag:ZS},{title:"Vietnamese",label:"Ti\u1EBFng Vi\u1EC7t",local:"vi",SVGFlag:mC}],Yo="en";var ru=i((t,e)=>({disabledLiquiditySources:[],theme:"auto",language:null,preferredBlockchains:[],slippage:Jr,customSlippage:null,infiniteApprove:!1,affiliateRef:null,affiliatePercent:null,affiliateWallets:null,_customTokens:[],quoteTokensRate:"default",changeQuoteTokensRate:()=>t(o=>({quoteTokensRate:o.quoteTokensRate==="default"?"reversed":"default"})),addPreferredBlockchain:o=>{let n=e().preferredBlockchains;if(n.find((s,l)=>{let p=s===o,c=l<=9;return p&&c}))return;let a=n.filter(s=>!(s===o));t(()=>({preferredBlockchains:[o,...a]}))},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 a=Uo(o.map(s=>s.swapperGroup));return a.length===r.disabledLiquiditySources.length?{disabledLiquiditySources:[]}:{disabledLiquiditySources:a}}),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,theme:r}=o,a=Re("theme",n),s=Re("language",n),l=Re("liquiditySource",n),p=r?.singleTheme,c=o?.__UNSTABLE_OR_INTERNAL__?.autoUpdateSettings;t({...a&&{theme:o.theme?.mode||"auto"},...p&&{theme:o.theme?.mode||"light"},...s&&{language:o.language||Yo},...l&&{disabledLiquiditySources:o.liquiditySources||[]},...c&&{language:o.language||Yo}})},setCustomToken:o=>{e().fetchCustomTokensBalances({tokens:[o],connectedWallets:e().connectedWallets}),t(n=>({_customTokens:[o,...n._customTokens]}))},deleteCustomToken:o=>t(n=>({_customTokens:n._customTokens.filter(r=>r.address!==o.address)})),customTokens:()=>{let o=e().config,n=e()._customTokens,r=jr({config:o});return r.length?n.filter(a=>r.includes(a.blockchain)):n}}),"createSettingsSlice");import os from"bignumber.js";import dC from"mitt";var Te=dC(),fC={on:Te.on,off:Te.off};var iu=i(t=>(e,o,n)=>t(i((...a)=>{let[s,...l]=a;e(p=>({...typeof s=="function"?s(p):s,lastUpdatedAt:+new Date}),...l)},"modifedSet"),o,n),"keepLastUpdated");import au from"bignumber.js";function Ut(t){return`${t.blockchain}${So}${t.address}${So}${t.symbol}`}i(Ut,"createAssetKey");function su(t,e){return`${Ut(e)}${So}${t}`}i(su,"createBalanceKey");function On(t){let[e,o,n]=t.split(So);return{address:o==="null"?null:o,blockchain:e,symbol:n}}i(On,"extractAssetFromBalanceKey");function Ja(t,e,o){return e.balances?.forEach(n=>{let r=n.price??t.findToken(n.asset)?.usdPrice;t._aggregatedBalances[Ut(n.asset)]?.forEach(s=>{o[s]&&(o[s]={...o[s],usdValue:r?new au(r??me).multipliedBy(o[s].amount).toString():""})})}),o}i(Ja,"computeNextBalancesWithNewPrices");function Ra(t,e){let o={};return t.balances?.forEach(n=>{let r=su(t.address,n.asset),a=n.amount.amount,s=n.amount.decimals,l=n.price??e().findToken(n.asset)?.usdPrice,p=l?new au(l??me).multipliedBy(a).toString():"",c={amount:a,decimals:s,usdValue:p};o[r]=c}),o}i(Ra,"createBalanceStateForNewAccount");function es(t,e){for(let o in e){let n=On(o),r=Ut(n);t[r]||(t[r]=[]),t[r].includes(o)||(t[r]=[...t[r],o])}return t}i(es,"updateAggregatedBalanceStateForNewAccount");function gC(t,e){let o=On(e),n=Ut(o);return t[n]&&(t[n]=t[n].filter(r=>r!==e)),t}i(gC,"removeBalanceFromAggregatedBalance");function ts(t,e,o){let n=t.connectedWallets.filter(p=>p.walletType===e);t.connectedWallets.forEach(p=>{p.walletType!==e&&(n=n.filter(c=>!(c.chain===p.chain&&c.address===p.address)))}),o?.chains&&o.chains.length>0&&(n=n.filter(p=>o.chains?.includes(p.chain))),o?.namespaces&&o.namespaces.length>0&&(n=n.filter(p=>p.namespace?o.namespaces?.includes(p.namespace):!1));let r={},a=t._aggregatedBalances,s=t._balances;return Object.keys(s).forEach(p=>{let c=On(p);!!n.find(m=>su(m.address,{address:c.address,blockchain:m.chain,symbol:c.symbol})===p)?a=gC(a,p):r[p]=s[p]}),{_balances:r,_aggregatedBalances:a}}i(ts,"computeNextStateAfterWalletBalanceRemoval");function hC(t,e){return e.find(o=>t.address===o.address&&t.chain===o.blockChain)}i(hC,"matchWalletDetailsWithConnectedWallet");var yC=Cc(),lu=iu((t,e)=>({_balances:{},_aggregatedBalances:{},connectedWallets:[],fetchingWallets:!1,lastUpdatedAt:+new Date,setConnectedWalletAsRefetching:o=>{t(n=>({fetchingWallets:!0,connectedWallets:n.connectedWallets.map(r=>o.find(a=>Pn(a,r))?{...r,loading:!0,error:!1}:r)}))},setConnectedWalletRetrievedData:(o,n)=>{t(r=>({fetchingWallets:!1,connectedWallets:r.connectedWallets.map(a=>o.find(s=>Pn(s,a))?{...a,loading:!1,error:!1,explorerUrl:hC(a,n)?.explorerUrl||a.explorerUrl}:a)}))},setConnectedWalletHasError:o=>{t(n=>({fetchingWallets:!1,connectedWallets:n.connectedWallets.map(r=>o.find(a=>Pn(a,r))?{...r,loading:!1,error:!0}:r)}))},addConnectedWallet:(o,n)=>{let r=e().connectedWallets,a=o.filter(s=>!r.some(l=>Pn(s,l)));if(a.length>0){let s=a.map(l=>{let p=!r.some(c=>c.chain===l.chain&&c.selected&&c.walletType!==l.walletType);return{address:l.address,chain:l.chain,isContractWallet:l.isContractWallet,explorerUrl:null,walletType:l.walletType,selected:p,namespace:n,loading:!1,error:!1}});t(l=>({connectedWallets:[...l.connectedWallets.filter(c=>!s.some(u=>u.walletType===c.walletType&&u.chain===c.chain)),...s]}))}},fetchCustomTokensBalances:async o=>{let{tokens:n,connectedWallets:r}=o,a=n.reduce((p,c)=>((p[c.blockchain]||=[]).push(c),p),{}),s=new Set,l=r.reduce((p,c)=>{let u=`${c.address}-${c.chain}`;return s.has(u)||(s.add(u),a[c.chain]&&(p[c.address]||(p[c.address]=[]),p[c.address].push(...a[c.chain]))),p},{});Object.entries(l).forEach(async([p,c])=>{try{let{balances:u}=await at().getMultipleTokenBalance({assets:c.map(({symbol:m,address:h,blockchain:g})=>({symbol:m,address:h,blockchain:g})),walletAddress:p});if(u){let m=e()._balances,h=e()._aggregatedBalances;u.forEach(g=>{if(parseFloat(g.amount.amount)===0)return;let d={blockChain:g.asset.blockchain,balances:[g],address:p},f={_aggregatedBalances:e()._aggregatedBalances,findToken:e().findToken};Ja(f,d,m);let y=Ra(d,e);h=es(h,y),m={...m,...y}}),t(g=>({_balances:{...g._balances,...m},_aggregatedBalances:h}))}}catch(u){console.error(u)}})},setWalletsAsSelected:o=>{let n=e().connectedWallets.map(r=>{let a=!!o.find(l=>l.chain===r.chain&&l.walletType!==r.walletType&&r.selected),s=!!o.find(l=>l.chain===r.chain&&l.walletType===r.walletType&&!r.selected);return a?{...r,selected:!1}:s?{...r,selected:!0}:r});t({connectedWallets:n})},newWalletConnected:async(o,n)=>{Te.emit("walletEvent",{type:"connect",payload:{walletType:o[0].walletType,accounts:o}}),e().addConnectedWallet(o,n),e().fetchBalances(o)},removeBalancesForWallet:(o,n)=>{let r={_balances:e()._balances,_aggregatedBalances:e()._aggregatedBalances,connectedWallets:e().connectedWallets},{_balances:a,_aggregatedBalances:s}=ts(r,o,n);t({_balances:a,_aggregatedBalances:s})},disconnectNamespaces:(o,n)=>{if(e().connectedWallets.find(a=>a.walletType===o)){e().removeBalancesForWallet(o,{namespaces:n}),e()._changeSelectedWalletIfNeededOnRemove(o,{namespaces:n});let a=e().connectedWallets.filter(s=>s.namespace?!(s.walletType===o&&n.includes(s.namespace)):!0);t({connectedWallets:a})}},disconnectWallet:o=>{let n=e().connectedWallets.find(r=>r.walletType===o);if(Te.emit("walletEvent",{type:"disconnect",payload:{walletType:o}}),n){e().removeBalancesForWallet(o),e()._changeSelectedWalletIfNeededOnRemove(o);let r=e().connectedWallets.filter(a=>a.walletType!==o);t({connectedWallets:r})}},_changeSelectedWalletIfNeededOnRemove:(o,n)=>{let r=e().connectedWallets;n?.namespaces&&n.namespaces.length>0&&(r=r.filter(s=>!!s.namespace&&n.namespaces?.includes(s.namespace)));let a=r.filter(s=>s.selected&&s.walletType===o).map(s=>s.chain);if(a.length>0){let s=e().connectedWallets.map(l=>a.includes(l.chain)?(a=a.filter(p=>p!==l.chain),{...l,selected:!0}):l);t({connectedWallets:s})}},clearConnectedWallet:()=>t({connectedWallets:[]}),fetchBalances:async(o,n)=>{let{shouldFetchCustomTokens:r=!0,selectedCustomTokens:a}=n||{};await e().fetchMainTokensBalances(o),r&&e().fetchCustomTokensBalances({tokens:a??e().customTokens(),connectedWallets:o})},fetchMainTokensBalances:async(o,n)=>{if(o.length===0)return;let r=o[0].walletType;e().setConnectedWalletAsRefetching(o);let a=o.map(p=>({address:p.address,blockchain:p.chain})),s;try{s=await at().getWalletsDetails(a)}catch(p){e().setConnectedWalletHasError(o),console.error(`Request for fetching balances failed. cause: ${p}`);return}let l=s.wallets;if(l){let p=e()._balances,c=e()._aggregatedBalances;l.forEach(m=>{if(m.failed)return;let h={_balances:p,_aggregatedBalances:c,connectedWallets:e().connectedWallets,findToken:e().findToken};Ja(h,m,p);let{_balances:g,_aggregatedBalances:d}=ts(h,r,{chains:[m.blockChain]});if(c=d,p=g,!e().connectedWallets.find(y=>y.walletType===r&&y.address===m.address&&y.chain===m.blockChain))return;let f=Ra(m,e);c=es(c,f),p={...p,...f}}),t(m=>({_balances:{...m._balances,...p},_aggregatedBalances:c})),e().setConnectedWalletRetrievedData(o,l);let{retryOnFailedBalances:u=!0}=n||{};if(u){let m=l.filter(h=>h.failed).map(h=>({chain:h.blockChain,walletType:r,address:h.address}));m.length>0&&await e().fetchMainTokensBalances(m,{retryOnFailedBalances:!1})}}else e().setConnectedWalletHasError(o),console.error("We couldn't fetch your account balances. Seem there is no information on blockchain for them yet.")},getBalances:()=>e()._balances,getBalanceFor:o=>{let n=e().getBalances(),r=Ut(o),a=e()._aggregatedBalances[r]||[];if(a.length===0)return null;if(a.length===1){let p=a[0];return n[p]}let l=n[a[0]];return a.forEach(p=>{let c=n[p],u=new os(c.amount),m=new os(l.amount);u.isGreaterThan(m)&&(l=c)}),l},getBalancesForWalletAddress:o=>{let n=e().getBalances();return Object.keys(n).reduce((s,l)=>{let p=n[l],[,,,c]=l.split(So);return c===o&&(s[l]=p),s},{})},getConnectedWalletsDetails:()=>yC(()=>e().connectedWallets.map(n=>{let r=e().getBalancesForWalletAddress(n.address),a=Object.keys(r);return{...n,balances:a.reduce((s,l)=>{let p=r[l],c=On(l);if(c.blockchain===n.chain){let u=e().findToken(c),m=p.amount?new os(p.amount).shiftedBy(-p.decimals):me;s.push({chain:n.chain,symbol:c.symbol,ticker:c.symbol,address:c.address,rawAmount:p.amount,decimal:p.decimals,amount:m.toString(),logo:u?.image||null,usdPrice:u?.usdPrice||null})}return s},[])}}),e().lastUpdatedAt)}));function pu(t){return SC()(CC((...e)=>({...lu(...e),...tu(...e),...ru(...e),...Hc(t,...e)}),{name:"user-settings",skipHydration:!0,partialize:e=>({_customTokens:e._customTokens,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,quoteTokensRate:e.quoteTokensRate}),version:1,migrate:(e,o)=>{let n=e;return o===0&&(n._customTokens=n._customTokens.map(r=>({...r,warning:!0}))),n}}))}i(pu,"createAppStore");var cu=kC(null);function S(){let t=vC(cu);if(wC(()=>{t&&!t.persist.hasHydrated()&&t.persist.rehydrate()},[]),!t)throw new Error("Missing AppStoreContext.Provider in the tree");return t()}i(S,"useAppStore");function uu(t){let e=xC();return e.current||(e.current=pu(t.config)),TC.createElement(cu.Provider,{value:e.current},t.children)}i(uu,"AppStoreProvider");function Tt(t){let{chain:e}=t||{},{connectedWallets:o,getAvailableProviders:n}=S(),{state:r,getWalletInfo:a}=bC(),s=S().blockchains(),{handleDisconnect:l}=Ho(),p=Oc(n()),c=vc(r,a,p,e);c=EC()?c.filter(f=>f.showOnMobile!==!1&&r(f.type).installed):c;let u=bc(c,r),m=i(f=>!o.find(y=>y.walletType===f&&y.chain===e),"isExperimentalChainNotAdded"),h=AC(()=>{let f=c?.filter(y=>y.state===ns.CONNECTING)||[];for(let y of f)l(y.type)},[Ac(c)]);NC(()=>()=>{h()},[]);let g=i(f=>{let y=f.find(C=>C.type===Un.DEFAULT);return!y||y.state===ns.NOT_INSTALLED?!1:f.filter(C=>C.state!=ns.NOT_INSTALLED&&![Un.DEFAULT,Un.WALLET_CONNECT_2,Un.LEDGER].includes(C.type)&&a(C.type).supportedChains.filter(k=>k.type=="EVM").length>0).length==0},"shouldShowDefaultInjectedWallet"),d=i((f,y,T)=>qr(T,y)&&m(f)&&!IC.includes(f)||f==Un.DEFAULT&&!g(c),"shouldExcludeWallet");return{list:u.filter(f=>!d(f.type,e??"",s)),terminateConnectingWallets:h}}i(Tt,"useWalletList");import{Modal as MC}from"@rango-dev/ui";import PC from"react";import{create as LC}from"zustand";var mu="rango-widget";var zn=class{constructor(e){this.state="not-initiated";this.events={};this.init=()=>{this.initEvents(),this.tryClaim()};this.forceClaim=()=>{if(!this.isClaimed()){let e={name:"force-claim",candidateId:this.tabId};this.channel.postMessage(e),setTimeout(()=>{this.isClaimed()||this.claim()},300)}};this.isClaimed=()=>this.state==="claimed";this.destroy=()=>{this.channel.removeEventListener("message",this.handleMessageEvent),document.removeEventListener("visibilitychange",this.handleVisibilityChange),document.removeEventListener("resume",this.handleResume)};this.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.`)}};this.handleVisibilityChange=async()=>{document.visibilityState==="visible"&&await this.tryClaim()};this.handleResume=async()=>{this.isClaimed()&&(await this.tryClaim(),this.isClaimed()||this.events.onRelease?.())};this.channel=new BroadcastChannel(mu),this.tabId=Math.trunc(Math.random()*1e5),this.events=e}static{i(this,"TabManager")}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}}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 WC=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"),Zo=WC;var te=Zo(LC()((t,e)=>({isActiveTab:!1,tabManagerInitiated:!1,showActivateTabModal:!1,watermark:"NONE",showProfileBanner:!1,fetchingApiConfig:!1,showCompactTokenSelector:!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})},setShowProfileBanner:o=>{t({showProfileBanner:o})},setShowCompactTokenSelector:o=>{t({showCompactTokenSelector:o})}}))),wo=new zn({onInit:()=>te.setState({tabManagerInitiated:!0}),onClaim:()=>te.setState({isActiveTab:!0,showActivateTabModal:!1}),onRelease:()=>te.setState({isActiveTab:!1})});function J(t){let{watermark:e}=te();return PC.createElement(MC,{hasWatermark:e==="FULL",...t},t.children)}i(J,"WatermarkedModal");import{i18n as rn}from"@lingui/core";import{Alert as qC,Button as GC,Divider as ai,Image as VC,MessageBox as KC,RadioRoot as jC}from"@rango-dev/ui";import de,{useEffect as XC,useMemo as YC,useState as ZC}from"react";import{Checkbox as UC,Radio as zC,Typography as QC}from"@rango-dev/ui";import Jt from"react";function Jo(t,e){return t.find(o=>o.name===e)?.logo}i(Jo,"getBlockchainLogo");import{Button as _C,darkTheme as DC,Image as $C,styled as kt,Typography as FC}from"@rango-dev/ui";var ti=kt("ul",{padding:0,paddingTop:"$10",paddingBottom:"$20",margin:0}),Ro=kt("li",{backgroundColor:"$neutral200",padding:"$16",borderRadius:"$sm",variants:{clickable:{true:{cursor:"pointer"}},hasError:{true:{background:"$error100 ",[`.${DC} &`]:{backgroundColor:"$error700"}}},unsupported:{true:{cursor:"not-allowed",paddingTop:"$8",paddingBottom:"$8"}}}}),en=kt("div",{display:"flex",gap:"$8",alignItems:"center"}),oi=kt("div",{flex:"1",display:"flex",flexDirection:"column",justifyContent:"space-between",height:"$40",variants:{showSupportedChains:{true:{justifyContent:"space-between"},false:{justifyContent:"center"}}}}),fu=kt("div",{flex:"1",display:"flex",alignItems:"center",gap:"$4",opacity:"0.5"}),tn=kt($C,{variants:{disabled:{true:{opacity:"0.5"}}}}),on=kt(_C,{minHeight:"$40"}),gu=kt(FC,{maxWidth:"100px"}),hu=kt("div",{paddingLeft:"48px"}),yu=kt("div",{display:"flex",gap:"2px",cursor:"pointer",alignItems:"center",width:"fit-content"}),Su=kt("div",{display:"flex",gap:"6px",alignItems:"center"});import{Image as Tu,Tooltip as ku,Typography as OC}from"@rango-dev/ui";import Bt from"react";import{styled as Cu}from"@rango-dev/ui";var rs=Cu("div",{display:"flex",alignItems:"center",padding:0,margin:0}),ni=Cu("div",{marginLeft:"-5px",listStyleType:"none",backgroundColor:"$background",borderRadius:"$lg",minWidth:"15px",height:"15px",variants:{firstItem:{true:{marginLeft:0}}},display:"flex",alignItems:"center",justifyContent:"center"});var is=3;function ri(t){let{chains:e}=t;return Bt.createElement(rs,null,e.slice(0,is).map((o,n)=>Bt.createElement(ku,{key:o.name,container:A(),side:"bottom",align:"start",content:o.name,sideOffset:4},Bt.createElement(ni,{firstItem:n===0},Bt.createElement(Tu,{src:o.logo,size:15})))),e.length>is&&Bt.createElement(ku,{container:A(),side:"bottom",align:"start",sideOffset:4,content:Bt.createElement(rs,null,e.map((o,n)=>Bt.createElement(ni,{key:o.name,firstItem:n===0},Bt.createElement(Tu,{src:o.logo,size:15}))))},Bt.createElement(ni,null,Bt.createElement(OC,{variant:"body",size:"xsmall"},"+",e.length-is))))}i(ri,"SupportedChainsList");function vu(t){let{onClick:e,type:o,namespace:n}=t,r=S().blockchains(),a=n.chains.length>1;return Jt.createElement(Ro,{onClick:e,clickable:!0},Jt.createElement(en,null,Jt.createElement(tn,{src:Jo(r,n.id),size:40}),Jt.createElement(oi,{showSupportedChains:a},Jt.createElement(QC,{variant:"label",size:"large"},n.label),a&&Jt.createElement(ri,{chains:n.chains})),o==="radio"?Jt.createElement(zC,{value:n.value}):Jt.createElement(UC,{checked:t.value})))}i(vu,"NamespaceListItem");import{i18n as HC}from"@lingui/core";import{Typography as wu}from"@rango-dev/ui";import nn from"react";function ii(t){let{namespace:e}=t,o=S().blockchains();return nn.createElement(Ro,{unsupported:!0},nn.createElement(en,null,nn.createElement(tn,{src:Jo(o,e.id),size:40,disabled:!0}),nn.createElement(fu,null,nn.createElement(wu,{variant:"label",size:"large"},e.label),nn.createElement(wu,{variant:"body",size:"xsmall"},HC.t("(Currently not supported)")))))}i(ii,"NamespaceUnsupportedItem");function Qn(t){let{targetWallet:e}=t.value,o=e.needsNamespace?.selection==="single",n=e.image,[r,a]=ZC([]),s=YC(()=>e.needsNamespace?.data.filter(m=>!m.unsupported),[e?.type]),l=i(m=>{a(o?[m]:h=>h.includes(m)?h.filter(g=>g!==m):h.concat(m))},"onSelect"),p=s?.length===r.length,c=i(()=>{if(o)throw new Error("onSelectAll should not be called on single selection mode.");p?a([]):s&&a(s.map(m=>m.value))},"onSelectAll"),u=i(m=>o?de.createElement(jC,{value:r?.[0]},m):de.createElement(de.Fragment,null,m),"wrapRadioRoot");return XC(()=>{if(!o&&s)if(t.value.defaultSelectedChains?.length){let m=s.filter(h=>h.chains.some(g=>t.value.defaultSelectedChains?.includes(g.name)));a(m.map(h=>h.value))}else a(s.map(m=>m.value))},[]),de.createElement(de.Fragment,null,de.createElement(KC,{type:"info",title:rn.t("Connect {wallet}",{wallet:e.title}),description:rn.t("This wallet supports multiple chains. Choose which chains you\u2019d like to connect."),icon:de.createElement(VC,{src:n,size:45})}),o?de.createElement(de.Fragment,null,de.createElement(ai,{size:20}),de.createElement(qC,{variant:"alarm",type:"info",title:rn.t("This wallet can only connect to one chain at a time. ")})):de.createElement(de.Fragment,null,de.createElement(ai,{size:30}),de.createElement(GC,{style:{marginLeft:"auto"},id:"widget-name-space-select-all-btn",size:"xsmall",variant:"ghost",type:"primary",onClick:c},p?rn.t("Deselect all"):rn.t("Select all"))),de.createElement(ti,null,u(de.createElement(de.Fragment,null,e.needsNamespace?.data.map((m,h,g)=>de.createElement(de.Fragment,{key:m.id},m.unsupported?de.createElement(ii,{namespace:m}):de.createElement(vu,{value:r.includes(m.value),namespace:m,type:o?"radio":"checkbox",onClick:()=>l(m.value)}),h!==g.length-1&&de.createElement(ai,{size:10})))))),de.createElement(ai,{size:20}),de.createElement(on,{id:"widget-name-space-confirm-btn",type:"primary",disabled:!r.length,onClick:()=>t.onConfirm(r)},rn.t("Connect")))}i(Qn,"Namespaces");import{i18n as as}from"@lingui/core";import{Divider as ss,Image as aT,MessageBox as sT}from"@rango-dev/ui";import st from"react";import{i18n as an}from"@lingui/core";import{Button as JC,ChevronDownIcon as RC,ChevronUpIcon as eT,Divider as tT,Spinner as oT,Typography as Hn}from"@rango-dev/ui";import{useWallets as nT}from"@rango-dev/wallets-react";import ke,{useEffect as rT,useLayoutEffect as iT,useState as xu}from"react";var bu=i(function(e){let{walletType:o,namespace:n,initialConnect:r}=e,a=S().blockchains(),{connect:s,disconnect:l,state:p}=nT(),[c,u]=xu(null),[m,h]=xu(!1),d=p(o).namespaces?.get(n.value),f=d.accounts?.[0]?.split(":");rT(()=>h(!1),[c]),iT(()=>{r&&y(o,n.value)},[]);let y=i(async(k,v)=>{try{await s(k,[{namespace:v,network:""}])}catch(b){u(b)}},"handleConnectNamespace"),T=i(async k=>{u(null),k.connected?await l(o,[n.value]):y(o,n.value)},"handleButtonClick"),C=i(()=>d.connected?an.t("Disconnect"):c?an.t("Try again"):an.t("Connect"),"getButtonText");return ke.createElement(Ro,{hasError:!!c},ke.createElement(en,null,ke.createElement(tn,{src:Jo(a,n.id),size:40}),ke.createElement(oi,null,ke.createElement(Su,null,ke.createElement(Hn,{variant:"label",size:"large"},n.label),d.connected&&ke.createElement(Hn,{variant:"body",size:"small",color:"success500"},an.t("Connected")),!d.connected&&!!c&&ke.createElement(Hn,{variant:"body",size:"small",color:"error500"},an.t("Connection failed"))),d.connected&&ke.createElement(gu,{variant:"body",size:"small",color:"neutral700"},Qo(f?.[f?.length-1])),!d.connected&&c&&ke.createElement(yu,{onClick:()=>h(k=>!k)},ke.createElement(Hn,{variant:"body",size:"small",color:"neutral700",style:{textDecoration:"underline",userSelect:"none",textDecorationSkipInk:"none"}},an.t("See why")),m?ke.createElement(eT,{size:12,color:"gray"}):ke.createElement(RC,{size:12,color:"gray"})),!d.connected&&!c&&n.chains.length>1&&ke.createElement(ri,{chains:n.chains})),d.connecting?ke.createElement(oT,{color:"info"}):ke.createElement(JC,{id:"widget-name-space-connect-btn",variant:"ghost",type:d.connected?"error":"primary",size:"small",onClick:async()=>T(d)},C())),!d.connected&&!!c&&m&&ke.createElement(ke.Fragment,null,ke.createElement(tT,{size:4}),ke.createElement(hu,null,ke.createElement(Hn,{variant:"body",size:"small",color:"neutral700"},c.cause?.message||c.message))))},"NamespaceDetachedItem");function qn(t){let{selectedNamespaces:e,value:o}=t,{targetWallet:n}=o;return st.createElement(st.Fragment,null,st.createElement(sT,{type:"info",title:as.t("Connect {wallet}",{wallet:n.type}),description:as.t("This wallet supports multiple chains. Choose which chains you\u2019d like to connect or disconnect."),icon:st.createElement(aT,{src:n.image,size:45})}),st.createElement(ss,{size:20}),st.createElement(ti,null,n.needsNamespace?.data.map((r,a,s)=>st.createElement(st.Fragment,{key:r.id},r.unsupported?st.createElement(ii,{namespace:r}):st.createElement(bu,{walletType:n.type,namespace:r,initialConnect:e?.includes(r.value)}),a!==s.length-1&&st.createElement(ss,{size:10})))),st.createElement(ss,{size:20}),st.createElement(on,{id:"widget-name-space-confirm-btn",type:"primary",onClick:t.onConfirm},as.t("Done")))}i(qn,"Detached");import{i18n as sn}from"@lingui/core";import{Divider as Iu,Image as uT,MessageBox as mT,Select as dT,TextField as fT}from"@rango-dev/ui";import ht,{useEffect as gT,useState as Au}from"react";import{namespaces as lT}from"@rango-dev/wallets-shared";var si={id:"custom",label:"Custom",generateDerivationPath:t=>t};function ls(t){let e=t?lT[t].derivationPaths:null;return e?[...e,si]:[]}i(ls,"getDerivationPaths");import{Button as pT,styled as ps,Typography as cT}from"@rango-dev/ui";var Eu=ps("div",{paddingTop:"$30",paddingBottom:"$30",zIndex:10}),cs=ps(cT,{paddingLeft:"$10"}),us={height:"$40",backgroundColor:"$neutral200",borderRadius:"$sm"},jL=ps(pT,{minHeight:"$40"});var Nu="0";function Gn(t){let{onConfirm:e}=t,{namespace:o,providerImage:n,providerType:r}=t.value,[a,s]=Au(null),[l,p]=Au(Nu),c=a===si.id,u=ls(o),m=i(({value:g})=>{let d=u?.find(f=>f.id===g);d&&(a===si.id&&Number.isNaN(Number(l))&&p(Nu),s(d.id))},"handleDerivationPathItemClick"),h=i(()=>{let g=u.find(d=>d.id===a);if(g)e(g.generateDerivationPath(l));else throw new Error("selectedDerivationPath can not be undefined")},"handleConfirm");return gT(()=>{s(ls(o)[0]?.id||null)},[o]),ht.createElement(ht.Fragment,null,ht.createElement(Iu,{size:20}),ht.createElement(mT,{type:"info",title:sn.t("Select Derivation Path"),description:sn.t({id:"In order to connect to {type}, you must first select a Derivation Path",values:{type:r}}),icon:ht.createElement(uT,{src:n,size:45})}),ht.createElement(Eu,null,ht.createElement(cs,{variant:"body",size:"xsmall",color:"$neutral600"},sn.t("Choose Derivation Path Template")),ht.createElement(dT,{value:a||"",options:u.map(g=>({value:g.id,label:g.label})),variant:"filled",handleItemClick:m,styles:{trigger:us}}),ht.createElement(Iu,{size:20}),ht.createElement(cs,{variant:"body",size:"xsmall",color:"$neutral600"},c?sn.t("Enter Path"):sn.t("Enter Index")),ht.createElement(fT,{type:c?"text":"number",variant:"contained",value:l,onChange:g=>p(g.target.value),style:us})),ht.createElement(on,{id:"widget-derivation-path-confirm-btn",type:"primary",onClick:h,disabled:!u||!a||!l},sn.t("Confirm")))}i(Gn,"DerivationPath");import{i18n as ln}from"@lingui/core";import{Image as ST,MessageBox as ms,WalletState as CT}from"@rango-dev/ui";import{useWallets as TT}from"@rango-dev/wallets-react";import xo from"react";import{keyframes as hT,styled as li}from"@rango-dev/ui";var iM=li("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),Bu=li("div",{position:"relative"}),yT=hT({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),Wu=li("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${yT} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),Lu=li("div",{"& img":{borderRadius:"50%"}});function ds(t){let{wallet:e,error:o}=t,{type:n,image:r}=e,{state:a}=TT();return Ln(a(n))===CT.CONNECTED?xo.createElement(ms,{type:"success",title:ln.t("Wallet Connected"),description:ln.t("Your wallet is connected, you can use it to swap.")}):o?xo.createElement(ms,{type:"error",title:ln.t("Failed to Connect"),description:o||ln.t("Your wallet is not connected. Please try again.")}):xo.createElement(ms,{type:"loading",title:ln.t("Connecting to your wallet"),description:ln.t("Click connect in your wallet popup."),icon:xo.createElement(Bu,null,xo.createElement(Lu,null,xo.createElement(ST,{src:r,size:45})),xo.createElement(Wu,null))})}i(ds,"ConnectStatus");import{i18n as fs}from"@lingui/core";import{Button as kT,Divider as Mu,MessageBox as vT}from"@rango-dev/ui";import pi from"react";function gs(t){let{displayName:e,onConfirm:o}=t;return pi.createElement(vT,{title:fs.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:e}}),type:"warning",description:fs.t({id:"Would you like to add the {blockchainDisplayName} experimental chain to your wallet?",values:{blockchainDisplayName:e}})},pi.createElement(Mu,{size:18}),pi.createElement(Mu,{size:32}),pi.createElement(kT,{id:"widget-experimental-chain-confirm-btn",onClick:o,variant:"outlined",type:"primary",fullWidth:!0,size:"large"},fs.t("Confirm")))}i(gs,"ExperimentalChain");function Pu(t,e){return t().status==="init"&&!!e}i(Pu,"isOnStatus");function Vn(t){return t().status==="namespace"}i(Vn,"isOnNamespace");function Kn(t){return t().status==="derivationPath"}i(Kn,"isOnDerivationPath");function jn(t){return t().status==="detached"}i(jn,"isOnDetached");var ET=3e3,IT=300;function bo(t){let e=bT(),[o,n]=_u(!1),[r,a]=_u(),s=i(k=>{a(k.message)},"catchErrorOnHandle"),{terminateConnectingWallets:l}=Tt(),{handleConnect:p,handleDerivationPath:c,handleNamespace:u,getState:m,resetState:h}=Ho(),g=i(k=>{u(t.wallet,k).then(C).catch(s)},"handleConfirmNamespaces"),d=i(()=>{y()},"handleDetachedConfirm"),f=i(k=>{if(!k)throw new Error("Derivation path is empty. Please make sure you've filled the field correctly.");c(k).then(C).catch(s)},"handleDerivationPathConfirm"),y=i(()=>{n(!1)},"handleClosingModal"),T=i(()=>{a(void 0),h(),n(!1),e.current&&clearTimeout(e.current)},"resetModalState"),C=i((k,v)=>{let b=k.status==="connected",I=["disconnected","disconnected-unhandled"].includes(k.status);b?(t.onConnect?.(),v||(e.current=setTimeout(y,ET))):I&&y()},"afterConnected");return xT(()=>{if(t.wallet){T();let k=!1,v=!0;i(()=>{setTimeout(()=>{v=!1,k||n(!0)},IT)},"beforeConnecting")(),p(t.wallet,{disconnectIfConnected:!0,defaultSelectedChains:t.options?.defaultSelectedChains}).then(I=>{["namespace","Detached","derivation-path"].includes(I.status)||(k=!0),C(I,v)}).catch(s)}},[t.wallet]),Rt.createElement(J,{open:o,onClose:y,onExit:()=>{T(),l(),t.onClose&&t.onClose()},container:A()},Pu(m,t.wallet)&&Rt.createElement(Rt.Fragment,null,Rt.createElement(ds,{wallet:{type:t.wallet.type,image:t.wallet.image},error:r}),Rt.createElement(wT,{direction:"vertical",size:32})),Vn(m)&&Rt.createElement(Qn,{onConfirm:g,value:m().namespace}),Kn(m)&&Rt.createElement(Gn,{onConfirm:f,value:m().derivationPath}),jn(m)&&Rt.createElement(qn,{onConfirm:d,value:m().namespace,selectedNamespaces:m().selectedNamespaces}))}i(bo,"StatefulConnectModal");import{Provider as LT}from"@rango-dev/wallets-react";import ci,{createContext as MT,useEffect as Uu,useMemo as PT,useRef as zu}from"react";import{useEffect as AT}from"react";function Du(t){return t.map(e=>typeof e=="string"?e:e.config.type).join("-")}i(Du,"hashProviders");function hs(t,e){let{clearConnectedWallet:o,getAvailableProviders:n,buildAndSetProviders:r}=S(),a=n();return AT(()=>{o(),r()},[Du(t??[]),e?.walletConnectProjectId,e?.walletConnectListedDesktopWalletLink]),{providers:a}}i(hs,"useWalletProviders");import{legacyFormatAddressWithNetwork as NT,legacyReadAccountAddress as $u}from"@rango-dev/wallets-core/legacy";import{Events as pn}from"@rango-dev/wallets-react";import{isEvmBlockchain as BT}from"rango-sdk";function Fu(t){let{newWalletConnected:e,disconnectWallet:o,disconnectNamespaces:n,connectedWallets:r,removeBalancesForWallet:a,blockchains:s}=S(),{onConnectWalletHandler:l,onDisconnectWalletHandler:p}=t,c=s().filter(BT).map(f=>f.name),u=i((f,y)=>{let[T,,C,k,v]=f,b={walletType:T,network:k.network??void 0,accounts:C};l.current?l.current(b):console.warn("onConnectWallet handler hasn't been set. Are you sure?");let I=Ua(T,C,c,y.supportedChainNames,v.isContractWallet);I.length&&e(I,v.namespace)},"onAccountsEvent"),m=i((f,y,T,C,k)=>{if(y===pn.ACCOUNTS){let v=Mn(k.supportedBlockchains);T&&u([f,y,T,C,k],{supportedChainNames:v})}y===pn.PROVIDER_DISCONNECTED&&(o(f),p.current?p.current(f):console.warn("onDisconnectWallet handler hasn't been set. Are you sure?")),y===pn.NAMESPACE_DISCONNECTED&&n(f,T)},"handleUpdatesForHub"),h=i((f,y,T,C,k)=>{if(y===pn.ACCOUNTS){let v=Mn(k.supportedBlockchains),b=[],I=[];if(T?.forEach(E=>{let{network:x}=$u(E);c.includes(x)?b.push(E):I.push(E)}),r.filter(E=>E.walletType===f).map(E=>NT(E.address,E.chain)).length>0){if(b.length>0){let E=Ua(f,b,c,v,k.isContractWallet);a(f,{chains:E.map(x=>x.chain)})}I.length>0&&a(f,{chains:I.map(E=>{let{network:x}=$u(E);return x})})}T?u([f,y,T,C,k],{supportedChainNames:v}):(o(f),p.current?p.current(f):console.warn("onDisconnectWallet handler hasn't been set. Are you sure?"))}},"handleUpdatesForLegacy"),g=i((f,y,T,C,k)=>{if(y===pn.CONNECTED&&T){let v={walletType:f,network:C.network??void 0,accounts:C.accounts??void 0};l.current?l.current(v):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}if(y===pn.NETWORK&&T){let v={walletType:f,network:T,accounts:C.accounts??void 0};l.current?l.current(v):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}},"handleUpdatesForBoth");return{handler:i((f,y,T,C,k)=>{k.isHub?m(f,y,T,C,k):h(f,y,T,C,k),g(f,y,T,C,k)},"handler")}}i(Fu,"useUpdates");import{LegacyEvents as WT}from"@rango-dev/wallets-core/legacy";function Ou(t,e){let[o,n,r,a,s]=e;n!==WT.PROVIDER_DISCONNECTED&&t(o,n,r,a,s)}i(Ou,"propagateEvents");var ui=MT({onConnectWallet:()=>{},onDisconnectWallet:()=>{}});function _T(t){let{updateConfig:e,updateSettings:o,fetch:n,fetchStatus:r}=S(),a=S().blockchains(),s=S().config,l={walletConnectProjectId:s?.walletConnectProjectId,trezorManifest:s?.trezorManifest,tonConnect:s.tonConnect,walletConnectListedDesktopWalletLink:t.config.__UNSTABLE_OR_INTERNAL__?.walletConnectListedDesktopWalletLink},{providers:p}=hs(s.wallets,l),c=zu(),u=zu(),{handler:m}=Fu({onConnectWalletHandler:c,onDisconnectWalletHandler:u});Uu(()=>{n().catch(console.log)},[]),Uu(()=>{t.config&&(e(t.config),o(t.config),window.__rango={config:s,dappConfig:t.config})},[t.config,r]);let h=te.use.isActiveTab(),g=PT(()=>({onConnectWallet:d=>{c.current=d},onDisconnectWallet:d=>{u.current=d}}),[]);return ci.createElement(ui.Provider,{value:g},ci.createElement(LT,{allBlockChains:a,providers:p,onUpdateState:(d,f,y,T,C)=>{let k=[d,f,y,T,C];m(...k),t.onUpdateState&&Ou(t.onUpdateState,k)},autoConnect:!!h,configs:{wallets:s.wallets}},t.children))}i(_T,"Main");function mi(t){let{config:e,...o}=t;return ci.createElement(uu,{config:e},ci.createElement(_T,{...o,config:e}))}i(mi,"WidgetWallets");import Pa from"react";import DT,{Fragment as $T}from"react";import{MemoryRouter as FT,useInRouterContext as OT}from"react-router";function Qu({children:t}){let o=OT()?$T:FT;return DT.createElement(o,null,t)}i(Qu,"AppRouter");import{I18nManager as a0}from"@rango-dev/ui";import rc from"react";import Oe from"react";import{useRoutes as KA}from"react-router-dom";var F={home:"/",fromSwap:"from-swap",toSwap:"to-swap",blockchains:"blockchains",settings:"settings",customTokens:"custom-tokens",addCustomTokens:"add-custom-tokens",liquiditySources:"liquidity-sources",bridges:"bridges",exchanges:"exchanges",languages:"languages",swaps:"swaps",wallets:"wallets",confirmSwap:"confirm-swap",swapDetails:":requestId",routes:"routes"};import{useEffect as un,useRef as Ti}from"react";import et from"bignumber.js";import{create as HT}from"zustand";import{subscribeWithSelector as qT}from"zustand/middleware";import{i18n as vt}from"@lingui/core";import{getRelatedWalletOrNull as QT,RouteEventType as XP}from"@rango-dev/queue-manager-rango-preset";import Ve from"bignumber.js";import{PendingSwapNetworkStatus as Si}from"rango-types";import{i18n as He}from"@lingui/core";var oe=i(()=>({genericServerError:He.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:He.t("Please reset your liquidity sources."),description:He.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources.")},noResultError:{title:He.t("No Routes Found."),description:He.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:He.t("Bridge Limit Error: Please increase your amount."),decreaseAmount:He.t("Bridge Limit Error: Please decrease your amount.")},highValueLossError:{impactTitle:He.t("High Price Impact"),title:He.t("Price impact is too high!"),description:He.t("The price impact is significantly higher than the allowed amount."),confirmMessage:He.t("Confirm high price impact")},quoteUpdatedWithHighValueLoss:{title:He.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:He.t("USD Price Unknown"),title:He.t("USD Price Unknown, Cannot calculate Price Impact."),description:He.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:He.t("Confirm USD Price Unknown")}}),"errorMessages");function Hu(t){return t.type===0?t.diagnosisMessage??oe().noResultError.title:t.type===1?t.diagnosisMessage??oe().genericServerError:""}i(Hu,"getQuoteErrorMessage");import{i18n as di}from"@lingui/core";var Eo=i(()=>({connectWallet:di.t("Connect Wallet"),swap:di.t("Swap"),swapAnyway:di.t("Swap anyway"),ethWarning:di.t("The route goes through Ethereum. Continue?")}),"swapButtonTitles");function ys(t,e){return{"Network Fee":e("Network Fee"),"Swapper Fee":e("Protocol Fee"),"Affiliate Fee":e("Affiliate Fee"),"Outbound network fee":e("Outbound Fee"),"Rango Fee":e("Rango Fee")}[t]}i(ys,"getFeeLabel");var Ss=["RECOMMENDED","CENTRALIZED","LOWEST_FEE","FASTEST","HIGH_IMPACT"],qu=100,Gu=30,Vu=15,Ku=60;var ju=[{threshold:-10,minInput:400},{threshold:-5,minInput:1e3}],Xu=[{threshold:-1,minInput:1e3},{threshold:-2,minInput:500}];import{getLastSuccessfulStep as zT}from"@rango-dev/queue-manager-rango-preset";import _P from"bignumber.js";function Zu(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(Zu,"getRequiredBalanceOfWallet");function Qt(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}i(Qt,"getPriceImpactLevel");function fi(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],a=zT(t.steps),s={blockchain:r.toBlockchain,symbol:r.toSymbol,address:r.toSymbolAddress},l=ko(a?a.toBlockchain:n.fromBlockchain,e),p=ko(r.toBlockchain,e),c=o(a?{blockchain:l?.name??"",symbol:a.toSymbol,address:a.toSymbolAddress}:{blockchain:l?.name??"",symbol:n.fromSymbol,address:n.fromSymbolAddress}),u=o(s),m=a?a.outputAmount??"":t.inputAmount;return{fromBlockchain:l,fromToken:c,toBlockchain:p,toToken:u,inputAmount:m}}i(fi,"createRetryQuote");function cn(t){let{previousQuote:e,currentQuote:o,findToken:n,userSlippage:r}=t,a=Xn(o),s=yt(o);if(o&&a&&s){let c=zt(a.toString(),s.toString());if(!!c&&om(a,c)){let m=hi(o?.swaps,n),h=Qt(c);return{type:0,inputUsdValue:a,outputUsdValue:s,priceImpact:c,totalFee:m,warningLevel:h}}}if(e&&im(e,o))return{type:4,usdValueChange:_(yt(o)?.minus(yt(e)??0).toString()??"0",null,2),percentageChange:_(zt(yt(e)??"1",yt(o)??"1"),null,2)};if(o&&(!a||!s))return{type:1};let l=yi(o.swaps),p=r>Vo;if(rm(t.userSlippage.toString(),l)){if(p&&parseFloat(l??"0")<r)return{type:3,slippage:r.toString()}}else return{type:2,recommendedSlippages:nm(o,r),minRequiredSlippage:l};return null}i(cn,"generateQuoteWarnings");function Ju(t){return![4].includes(t.type)}i(Ju,"isQuoteWarningConfirmationRequired");function zt(t,e){let o=typeof e=="string"?parseFloat(e)<=0:!e?.gt(0),n=!t||!e||o?null:Cs(t.toString(),e.toString());return n&&n<0?n:null}i(zt,"getPriceImpact");var Ru=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"),gi=i((t,e)=>e.sort((o,n)=>{let r=i(c=>c.scores?.find(u=>u.preferenceType===t)?.score??0,"getScore"),a=r(o),s=r(n);if(a!==s)return s-a;let l=o.requestId.toLowerCase(),p=n.requestId.toLowerCase();return l.localeCompare(p)}),"sortQuotesBy"),em=i((t,e,o)=>{if(!e.length)return null;if(!t)return{requestAmount:o,validationStatus:null,...e[0]};let n=new Set(t.swaps.map(a=>a.swapperId)),r=e.find(a=>{let s=new Set(a.swaps.map(l=>l.swapperId));return Array.from(n).every(l=>s.has(l))});return{requestAmount:o,validationStatus:null,...r||e[0]}},"getDefaultQuote"),tm=i(t=>{let e=i((o,n)=>{let r=Ss.indexOf(o.value),a=Ss.indexOf(n.value);return r!==-1&&a!==-1?r-a:r!==-1?-1:a!==-1?1:0},"customSort");return t.sort(e)},"sortTags");function om(t,e){if(!t)return!1;let o=parseInt(e.toFixed(2)||"0");return ju.some(({threshold:n,minInput:r})=>o<=n&&t.gte(new Ve(r)))}i(om,"hasHighValueLoss");function am(t){return(t||[]).filter(e=>{let o=e.fromAmountMinValue?new Ve(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Ve(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(am,"hasLimitError");function sm(t){let e=(t||[]).filter(l=>{let p=l.fromAmountMinValue?new Ve(l.fromAmountMinValue):null,c=l.fromAmountMaxValue?new Ve(l.fromAmountMaxValue):null;return l.fromAmountRestrictionType==="EXCLUSIVE"?p?.gte(l.fromAmount)||c?.lte(l.fromAmount):p?.gt(l.fromAmount)||c?.lt(l.fromAmount)})[0],o=e.fromAmountMinValue?new Ve(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Ve(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",a="",s="";return!r&&o&&o.gt(e.fromAmount)?(a=vt.t({id:"Required: >= {min} {symbol}",values:{min:_(o,6,6),symbol:e.from.symbol}}),s=oe().bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(a=vt.t({id:"Required: > {min} {symbol}",values:{min:_(o,6,6),symbol:e.from.symbol}}),s=oe().bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(a=vt.t({id:"Required: <= {max} {symbol}",values:{max:_(n,6,6),symbol:e.from.symbol}}),s=oe().bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(a=vt.t({id:"Required: < {max} {symbol}",values:{max:_(n,6,6),symbol:e.from.symbol}}),s=oe().bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:a,recommendation:s}}i(sm,"getLimitErrorMessage");function lm(t){let{fetchMetaStatus:e,anyWalletConnected:o,fetchingQuote:n,inputAmount:r,quote:a,warning:s,error:l,needsToWarnEthOnPath:p}=t;return e!=="success"?{title:Eo().connectWallet,action:"connect-wallet",disabled:!0}:o?n||!a||l||!r||r==="0"?{title:Eo().swap,action:"confirm-swap",disabled:!0}:s?{title:Eo().swapAnyway,action:"confirm-warning",disabled:!1}:p?{title:Eo().ethWarning,action:"confirm-warning",disabled:!1}:{title:Eo().swap,action:"confirm-swap",disabled:!1}:{title:Eo().connectWallet,action:"connect-wallet",disabled:!1}}i(lm,"getSwapButtonState");function Ts(t,e,o){let n=parseFloat(e||"0");return!(t&&(!o||o.lte(me))&&e&&e!=="0"&&n!==0)}i(Ts,"canComputePriceImpact");function ks(t,e){let o=me;for(let n=0;n<t.fee.length;n++){let r=t.fee[n];if(r.expenseType==="DECREASE_FROM_OUTPUT")continue;let a=e(r.asset)?.usdPrice||null;o=o.plus(new Ve(r.amount).multipliedBy(a||0))}return o}i(ks,"getUsdFeeOfStep");function hi(t,e){return t.reduce((o,n)=>o.plus(ks(n,e)),me)}i(hi,"getTotalFeeInUsd");function vs(t){let e=me;return e=e.plus(new Ve(t.amount).multipliedBy(t.price||0)),e}i(vs,"getUsdFee");function pm(t){return t.reduce((e,o)=>e.plus(vs(o)),me)}i(pm,"getTotalFeesInUsd");function cm(t){return t.reduce((e,o)=>{for(let n of o.fee){let r=n.name,a=n.expenseType!=="DECREASE_FROM_OUTPUT"?e.payable:e.nonePayable;a[r]=[...a[r]||[],n]}return e},{payable:{},nonePayable:{}})}i(cm,"getFeesGroup");function um(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(um,"checkSlippageErrors");function nm(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(nm,"checkSlippageWarnings");function yi(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(yi,"getMinRequiredSlippage");function rm(t,e){return e?parseFloat(t)>=parseFloat(e):!0}i(rm,"hasProperSlippage");function mm(t){let{fromToken:e,toToken:o,inputAmount:n,wallets:r,selectedWallets:a,disabledLiquiditySources:s,liquiditySources:l,excludeLiquiditySources:p,slippage:c,affiliateRef:u,affiliatePercent:m,affiliateWallets:h,destination:g,contractCall:d}=t,f=a?.reduce((C,k)=>(C[k.chain]=k.address,C),{}),y=[];return r?.forEach(C=>{y.push({blockchain:C.chain,addresses:[C.address]})}),{amount:n.toString(),affiliateRef:u??void 0,affiliatePercent:m??void 0,affiliateWallets:h??void 0,from:{address:e.address,blockchain:e.blockchain,symbol:e.symbol},to:{address:o.address,blockchain:o.blockchain,symbol:o.symbol},connectedWallets:y,selectedWallets:f??{},slippage:c.toString(),contractCall:d,...g&&{destination:g},...p&&{swapperGroups:s.concat(l??[]),swappersGroupsExclude:!0},...!p&&{swapperGroups:l?.filter(C=>!s.includes(C)),swappersGroupsExclude:!1}}}i(mm,"createQuoteRequestBody");function dm(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}i(dm,"getWalletsForNewSwap");function Xn(t){let e=t.requestAmount,o=t.swaps[0].from.usdPrice;if(!(!e||!o))return new Ve(e).multipliedBy(o)}i(Xn,"getUsdInputFrom");function yt(t){let e=t?.outputAmount||null,o=t.swaps[t.swaps.length-1].to.usdPrice;if(!(!e||!o))return new Ve(e).multipliedBy(o)}i(yt,"getUsdOutputFrom");function Cs(t,e){return new Ve(e).div(new Ve(t)).minus(1).multipliedBy(qu).toNumber()}i(Cs,"getPercentageChange");function im(t,e){let o=Xn(t),n=yt(t),r=yt(e);if(!o||!n||!r)return!1;let a=Cs(n.toString(),r.toString());return Xu.some(({threshold:s,minInput:l})=>a<=s&&o.isGreaterThanOrEqualTo(l))}i(im,"isOutputAmountChangedExcessively");function fm(t,e,o){let n=t.validationStatus,r=To({filter:"required",quote:t});return e.sort((s,l)=>r.indexOf(s.chain)-r.indexOf(l.chain)).flatMap(s=>Zu(s,n)||[]).filter(s=>!s.ok).map(s=>{let l=s.asset.symbol,p=_(new Ve(s.currentAmount.amount).shiftedBy(-s.currentAmount.decimals),8,8),c=_(new Ve(s.requiredAmount.amount).shiftedBy(-s.requiredAmount.decimals),8,8),u="";return s.reason==="FEE"&&(u=vt.t(" for network fee")),s.reason==="INPUT_ASSET"&&(u=vt.t(" for swap")),s.reason==="FEE_AND_INPUT_ASSET"&&(u=vt.t(" for input and network fee")),vt.t({id:"Needs \u2248 {requiredAmount} {symbol}{reason}, but you have {currentAmount} {symbol} in your {blockchain} wallet.",values:{requiredAmount:c,symbol:l,reason:u,currentAmount:p,blockchain:ft(s.asset.blockchain,o)}})})}i(fm,"generateBalanceWarnings");function Yn(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==Si.NetworkChanged}i(Yn,"isNetworkStatusInWarningState");function gm(t,e,o){let n="bellow button or",r=t.extraMessage,a=t.extraMessageDetail;if(t.networkStatusExtraMessageDetail?.includes(n)&&(t.networkStatusExtraMessageDetail=t.networkStatusExtraMessageDetail.replace(n,"")),Yn(e)){r=t.networkStatusExtraMessage||"",a=t.networkStatusExtraMessageDetail||"";let c=(e?QT(t,e):null)?.walletType,u=c?o?.(c)?.name:null;switch(e?.networkStatus){case Si.WaitingForConnectingWallet:r=u?vt.t("Connect {wallet}",{wallet:u}):r;break;case Si.WaitingForQueue:r=r||vt.t("Waiting for other running tasks to be finished");break;case Si.WaitingForNetworkChange:r=r||vt.t("Waiting for changing wallet network");break;default:r=r||"";break}}a=a||"",r=r||"";let l=r?.indexOf("code")!==-1&&r?.indexOf("reason")!==-1;return{shortMessage:r,detailedMessage:{content:a,long:l}}}i(gm,"getSwapMessages");function hm(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(hm,"getLastConvertedTokenInFailedSwap");function ym(t){return t.status==="failed"}i(ym,"shouldRetrySwap");function Sm(t,e,o,n,r,a){if(!n||t)return!0;let s=To({filter:"all",quote:n}),l=To({filter:"required",quote:n}),p=s.every(m=>r.some(h=>h.chain===m)),c=l.every(m=>r.some(h=>h.chain===m)),u=o&&a?Go(a,o):!1;return!e&&!p||e&&!o||e&&!!o&&(!u||!c)}i(Sm,"isConfirmSwapDisabled");function Cm(t,e){return t.blockchain===e.blockchain&&t.symbol===e.symbol&&t.address===e.address}i(Cm,"isTokensIdentical");var Ci=i((t,e)=>t?.usdPrice?new et(e||me).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),O=Zo(HT()(qT(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new et(0),outputUsdValue:new et(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=me,a=o.inputUsdValue;return Wn(o.inputAmount)?(e&&(n=e?.outputAmount?new et(e?.outputAmount):null,a=Xn(e)??me,r=yt(e)??me),{selectedQuote:e,...!!e&&{outputAmount:n,outputUsdValue:r,inputUsdValue:a}}):{}}),resetAlerts:()=>t(()=>({error:null,warning:null})),resetQuote:()=>t(()=>({selectedQuote:null,outputAmount:null,outputUsdValue:new et(0),quotes:null,refetchQuote:!0,error:null,warning:null})),setFromBlockchain:e=>{t(o=>o.fromBlockchain?.name===e?.name?{}:{fromBlockchain:e,inputUsdValue:new et(0),...o.fromToken&&{selectedQuote:null,fromToken:null,outputAmount:null,outputUsdValue:new et(0)}})},setFromToken:e=>t(o=>({fromToken:e.token,...e.token&&{fromBlockchain:e.meta.blockchains.find(n=>n.name===e.token.blockchain)??null},...!!o.inputAmount&&{inputUsdValue:Ci(e.token,o.inputAmount)}})),setToBlockchain:e=>{t(o=>o.toBlockchain?.name===e?.name?{}:{toBlockchain:e,...o.toToken&&{selectedQuote:null,toToken:null,outputAmount:null,outputUsdValue:new et(0)}})},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:null,outputUsdValue:new et(0),selectedQuote:null},...!!o.fromToken&&{inputUsdValue:Ci(o.fromToken,e)}}))},retry:e=>{let{fromBlockchain:o,fromToken:n,toBlockchain:r,toToken:a,inputAmount:s}=e;t({fromBlockchain:o,fromToken:n,inputAmount:s,outputAmount:null,inputUsdValue:Ci(n??null,s),outputUsdValue:new et(0),toBlockchain:r,toToken:a,selectedQuote:null})},switchFromAndTo:()=>t(e=>({fromBlockchain:e.toBlockchain,fromToken:e.toToken,toBlockchain:e.fromBlockchain,toToken:e.fromToken,inputAmount:e.outputAmount?.toString()||"",inputUsdValue:e.toToken?Ci(e.toToken,e.outputAmount?.toString()||""):new et(0)})),resetFromBlockchain:()=>t(()=>({fromToken:null,fromBlockchain:null,outputUsdValue:new et(0),inputUsdValue:new et(0),inputAmount:"",outputAmount:null,selectedQuote:null})),resetToBlockchain:()=>t(()=>({toToken:null,toBlockchain:null,outputAmount:null,outputUsdValue:new et(0),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})})))),Tm=O.subscribe((t,e)=>{(t.fromBlockchain!==e.fromBlockchain||t.fromToken!==e.fromToken||t.toBlockchain!==e.toBlockchain||t.toToken!==e.toToken||t.inputAmount!==e.inputAmount)&&Te.emit("quoteEvent",{type:"quoteInputUpdate",payload:{fromBlockchain:t.fromBlockchain?.name,toBlockchain:t.toBlockchain?.name,fromToken:t.fromToken?{symbol:t.fromToken.symbol,name:t.fromToken.name,address:t.fromToken.address}:void 0,toToken:t.toToken?{symbol:t.toToken.symbol,name:t.toToken.name,address:t.toToken.address}:void 0,requestAmount:t.inputAmount}}),t.selectedQuote?.requestId!==e.selectedQuote?.requestId&&Te.emit("quoteEvent",{type:"quoteOutputUpdate",payload:t.selectedQuote?{requestAmount:t.selectedQuote.requestAmount,swaps:t.selectedQuote.swaps,outputAmount:t.selectedQuote.outputAmount,resultType:t.selectedQuote.resultType,tags:t.selectedQuote.tags}:null})});function km(){let{setInputAmount:t,setToToken:e,setToBlockchain:o,setFromBlockchain:n,resetQuote:r,setFromToken:a,fromToken:s,toToken:l,fromBlockchain:p,toBlockchain:c}=O(),u=S().config,m=S().fetchStatus,h=S().blockchains(),{findToken:g}=S(),{setAffiliateRef:d,setAffiliatePercent:f,setAffiliateWallets:y}=S(),T=u?.from?.tokens,C=u?.from?.blockchains,k=u?.to?.tokens,v=u?.to?.blockchains,b=Ti(void 0),I=Ti(void 0),N=Ti(void 0),E=Ti(void 0);un(()=>{typeof u.amount<"u"&&t(u.amount.toString())},[u?.amount]),un(()=>{if(m==="success"){r();let x=h.find(P=>P.name===u?.from?.blockchain),w=u?.from?.token,B=w&&g(w);(x||!x&&N.current)&&n(x??null),B?a({token:B,meta:{blockchains:h}}):!B&&b.current&&a({token:null}),N.current=u?.from?.blockchain,b.current=u?.from?.token}},[u?.from?.token?.symbol,u?.from?.token?.address,u?.from?.token?.blockchain,u?.from?.blockchain,m]),un(()=>{Va(s,T)&&a({token:null}),Ka(p,C)&&n(null)},[T,C]),un(()=>{Va(l,k)&&a({token:null}),Ka(c,v)&&o(null)},[k,v]),un(()=>{if(m==="success"){r();let x=h.find(P=>P.name===u?.to?.blockchain),w=u?.to?.token,B=w&&g(w);(x||!x&&E.current)&&o(x??null),B?e({token:B,meta:{blockchains:h}}):!B&&I.current&&e({token:null}),E.current=u?.to?.blockchain,I.current=u?.to?.token}},[u?.to?.token?.symbol,u?.to?.token?.address,u?.to?.token?.blockchain,u?.to?.blockchain,m]),un(()=>{d(u?.affiliate?.ref??null),f(u?.affiliate?.percent??null),y(u?.affiliate?.wallets??null)},[u?.affiliate?.ref,u?.affiliate?.percent,u?.affiliate?.wallets])}i(km,"useSyncStoresWithConfig");import{useEffect as bs,useRef as GT}from"react";import{useInRouterContext as VT,useLocation as KT,useSearchParams as jT}from"react-router-dom";function ws(t,e){let o=t.split("--");return{blockchain:e.name,address:o?.[1]||null,symbol:o[0]}}i(ws,"convertTokenSearchParamToAsset");function xs(t){if(t)return`${t.symbol}${t.address?`--${t.address}`:""}`}i(xs,"tokenToSearchParam");function Is(){let t=KT(),[e,o]=jT(),{fromBlockchain:n,toBlockchain:r,fromToken:a,toToken:s,inputAmount:l,setFromBlockchain:p,setToBlockchain:c,setFromToken:u,setToToken:m,setInputAmount:h}=O(),g=S().fetchStatus,d=S().blockchains(),f=VT(),{updateIframe:y,updateCampaignMode:T}=S(),C=S().isInCampaignMode(),k=GT(),{findToken:v}=S(),b=i(()=>{let N={};for(let[L,ae]of e.entries())L.startsWith("utm_")&&(N[L]=ae);let E=e.get("fromAmount"),x=e.get("fromBlockchain"),w=e.get("fromToken"),B=e.get("toBlockchain"),P=e.get("toToken"),$=e.get("autoConnect"),H=e.get("clientUrl"),R=e.get("liquiditySources"),K=e.get("blockchain");return{fromAmount:E,fromBlockchain:x,fromToken:w,toBlockchain:B,toToken:P,autoConnect:$,clientUrl:H,liquiditySources:R,utmQueryParams:N,blockchain:K}},"getUrlSearchParams"),I=i(N=>{for(let E in N)N[E]||delete N[E];o(N,{replace:!0})},"updateUrlSearchParams");bs(()=>{let{autoConnect:N,clientUrl:E,utmQueryParams:x,blockchain:w}=b();f&&g==="success"&&I({fromBlockchain:n?.name,fromToken:xs(a),toBlockchain:r?.name,toToken:xs(s),fromAmount:l,autoConnect:N??void 0,clientUrl:E??void 0,blockchain:w??void 0,liquiditySources:C?k.current:void 0,...x})},[t.pathname,l,n,a,r,s,C]),bs(()=>{if(!f)return;let N=b();if(!k.current&&N.liquiditySources&&(k.current=N.liquiditySources),N.fromAmount&&h(N.fromAmount),g==="success"){let E=d.find(P=>P.name===N.fromBlockchain),x=N.fromToken&&E?v(ws(N.fromToken,E)):void 0,w=d.find(P=>P.name===N.toBlockchain),B=N.toToken&&w?v(ws(N.toToken,w)):void 0;E&&(p(E),x&&u({token:x,meta:{blockchains:d}})),w&&(c(w),B&&m({token:B,meta:{blockchains:d}}))}},[g]),bs(()=>{let{clientUrl:N,liquiditySources:E}=b();y("clientUrl",N||void 0),T("liquiditySources",E?.split(",")??void 0)},[])}i(Is,"useSyncUrlAndStore");import{i18n as hn}from"@lingui/core";import{Alert as hv,Button as yv,darkTheme as Sv,Divider as rl,DoneIcon as Cv,styled as Tv,TextField as kv,Typography as vv}from"@rango-dev/ui";import Ge,{useState as wv}from"react";import{useNavigate as xv,useSearchParams as bv}from"react-router-dom";import{ChevronRightIcon as XT,Divider as Em,Image as YT,Typography as Im}from"@rango-dev/ui";import wt from"react";import{darkTheme as vm,styled as As}from"@rango-dev/ui";var wm=As("div",{display:"flex",justifyContent:"space-between",width:"100%",height:"$40",padding:"$4 $10",borderRadius:"$sm",cursor:"pointer",alignItems:"center",backgroundColor:"$neutral300",[`.${vm} &`]:{backgroundColor:"$neutral400"},"&:hover":{backgroundColor:"$secondary100",[`.${vm} &`]:{backgroundColor:"$neutral500"}},variants:{disabled:{true:{cursor:"default","&:hover":{borderColor:"$neutral300","& svg":{color:"$neutral700"}}}}}}),xm=As("div",{display:"flex",flexDirection:"column",width:"100%",".title_typography":{textTransform:"capitalize"}}),bm=As("div",{display:"flex"});function Ns(t){let{onClick:e,value:o,title:n,hasLogo:r,placeholder:a,disabled:s}=t;return wt.createElement(xm,null,wt.createElement(Im,{size:"large",variant:"label"},n),wt.createElement(Em,{size:10}),wt.createElement(wm,{onClick:s?void 0:e,disabled:s},wt.createElement(bm,null,r&&wt.createElement(wt.Fragment,null,wt.createElement(YT,{src:o?.logo,size:16,useAsPlaceholder:!o?.logo,type:"circular"}),wt.createElement(Em,{size:4,direction:"horizontal"})),wt.createElement(Im,{className:"title_typography",size:"medium",variant:"label"},o?.name||a)),wt.createElement(XT,{size:12,color:"black"})))}i(Ns,"BlockchainSelectorButton");import{i18n as Ps}from"@lingui/core";import{Button as ek,Divider as Wm,MessageBox as tk}from"@rango-dev/ui";import eo,{useEffect as Lm,useState as _s}from"react";import{i18n as ki}from"@lingui/core";import{Divider as Io,ExternalLinkIcon as JT,Image as RT,Typography as dn}from"@rango-dev/ui";import ve from"react";var Am="https://blog.rango.exchange/understanding-the-risks-of-using-custom-token-contract-addresses-96022308eca4";function Nm(t,e){if(e.type==="COSMOS")return"";let o=e.info?.addressUrl;return!o||!t?"":o.replace("{wallet}",t)}i(Nm,"generateExplorerLink");import{Button as ZT,darkTheme as mn,styled as Bs}from"@rango-dev/ui";var Ws=Bs("a",{textDecoration:"none",color:"$colors$neutral700",[`.${mn} &`]:{color:"$colors$neutral900"},"& svg":{marginLeft:"$4",color:"$colors$neutral700",[`.${mn} &`]:{color:"$colors$neutral900"}},variants:{hasHover:{true:{"&:hover":{color:"$colors$secondary550",[`.${mn} &`]:{color:"$colors$secondary500"},"& svg":{color:"$colors$secondary550",[`.${mn} &`]:{color:"$colors$secondary500"}}}},false:{}}}}),Bm=Bs("div",{display:"flex",justifyContent:"center",flexDirection:"column",alignItems:"center",textAlign:"center","& ._blockchain-name, & ._coin-source":{color:"$colors$neutral600",[`.${mn} &`]:{color:"$colors$neutral800"}},"& ._coin-source-name, & ._custom-token-description":{color:"$colors$neutral700",[`.${mn} &`]:{color:"$colors$neutral900"}}}),Ls=Bs(ZT,{minHeight:"$40"});function Ms(t){let{open:e,onClose:o,token:n,onExit:r,onSubmitClick:a,blockchain:s}=t,l=Nm(n.address,s),p=i(()=>window.open(Am,"_blank"),"onClickLearnMore");return ve.createElement(J,{open:e,dismissible:!0,onClose:o,onExit:r,container:A()},ve.createElement(Bm,null,ve.createElement(RT,{src:n.image===""?Yr:n.image,size:45,type:"circular"}),ve.createElement(Io,{size:4}),ve.createElement(dn,{variant:"title",size:"medium"},n.symbol),ve.createElement(dn,{variant:"body",size:"small",className:"_blockchain-name"},s.displayName),ve.createElement(Io,{size:4}),ve.createElement(dn,{variant:"body",size:"medium"},l?ve.createElement(Ws,{hasHover:!0,href:l,target:"_blank",rel:"nofollow noreferrer"},n.address,ve.createElement(JT,{size:12,color:"gray"})):ve.createElement(Ws,null,n.address)),ve.createElement(Io,{size:4}),n.coinSource&&ve.createElement(dn,{className:"_coin-source",variant:"body",size:"xsmall"},ki.t("via")," ",ve.createElement(dn,{className:"_coin-source-name",variant:"body",size:"xsmall"},n.coinSource)),ve.createElement(Io,{size:"32"}),ve.createElement(dn,{size:"medium",variant:"body",className:"_custom-token-description"},ki.t("This token is not part of our verified token list. please verify its source and make sure to understand all associated risks before proceeding."))),ve.createElement(Io,{size:40}),ve.createElement(Io,{size:10}),ve.createElement(Ls,{id:"widget-custom-token-modal-import-btn",variant:"contained",size:"large",type:"primary",fullWidth:!0,onClick:a},ki.t("Import Anyway")),ve.createElement(Io,{size:10}),ve.createElement(Ls,{id:"widget-custom-token-modal-learn-more-btn",variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:p},ki.t("Learn More")))}i(Ms,"CustomTokenModal");function Zn(t){let{token:e,blockchain:o,error:n,address:r,fetchCustomToken:a,onCloseErrorModal:s,onImport:l,onExitErrorModal:p,onExitImportModal:c}=t,{setCustomToken:u}=S(),[m,h]=_s(!1),[g,d]=_s(!1),[f,y]=_s(!1),T=i(()=>{o&&a?.({blockchain:o.name,tokenAddress:r})},"getCustomToken"),C=i(()=>{n?.type!=="network-error"&&s?.(),h(!1)},"closeErrorModal"),k=i(()=>{y(!0),C()},"handleErrorModalButtonClick"),v=i(()=>{f&&n?.type==="network-error"&&(y(!1),T()),p()},"handleExit"),b=i(()=>{e&&(u(e),l())},"handleSubmit");return Lm(()=>{n&&h(!0)},[n]),Lm(()=>{o&&e&&d(!0)},[o,e]),eo.createElement(eo.Fragment,null,eo.createElement(J,{open:m,dismissible:!0,onClose:C,onExit:v,container:A()},eo.createElement(tk,{title:n?.title??"",type:"error",description:n?.message||Ps.t("Failed Network, Please retry.")},eo.createElement(Wm,{size:40}),eo.createElement(Wm,{size:10}),eo.createElement(ek,{id:`widget-add-custom-token-${n?.type==="network-error"?"retry":"add-another"}-btn`,variant:"contained",size:"large",type:"primary",fullWidth:!0,onClick:k},n?.type==="network-error"?Ps.t("Retry"):Ps.t("Add another custom token")))),o&&e&&eo.createElement(Ms,{blockchain:o,token:e,onSubmitClick:b,onClose:()=>d(!1),open:g,onExit:c}))}i(Zn,"ImportCustomToken");import{useManager as cv}from"@rango-dev/queue-manager-react";import{BottomLogo as uv,Divider as pd,Header as mv}from"@rango-dev/ui";import Ne,{useEffect as Ai,useLayoutEffect as dv,useRef as cd,useState as ud}from"react";import{useRef as ok}from"react";function Jn(){return window.self!==window.top}i(Jn,"isAppLoadedIntoIframe");function Ds(){let t=ok(null),{iframe:e}=S(),o=Jn()&&e.clientUrl,n=i(s=>{o&&window.top?.postMessage(s,e.clientUrl)},"send");return{send:n,connectHeightObserver:i(s=>{t.current=new ResizeObserver(l=>{for(let p of l)n({type:"widget_height",data:{height:p.contentRect.height}})}),t.current.observe(s)},"connectHeightObserver"),disconnectHeightObserver:i(()=>{t.current&&(t.current.disconnect(),t.current=null)},"disconnectHeightObserver")}}i(Ds,"useIframe");import{useNavigate as nk}from"react-router-dom";function qe(){let t=nk();return()=>t(-1)}i(qe,"useNavigateBack");import{useLayoutEffect as rk,useState as Rn}from"react";var Mm=480,Pm=768,_m=1024,Dm=1200,ik=i(()=>{let[t,e]=Rn(!1),[o,n]=Rn(!1),[r,a]=Rn(!1),[s,l]=Rn(!1),[p,c]=Rn(!1),u=i(()=>{e(window.innerWidth<=Mm),n(window.innerWidth>Mm&&window.innerWidth<=Pm),a(window.innerWidth>Pm&&window.innerWidth<=_m),l(window.innerWidth>_m&&window.innerWidth<=Dm),c(window.innerWidth>Dm)},"handleResize");return rk(()=>(u(),window.addEventListener("resize",u),()=>window.removeEventListener("resize",u)),[]),{isMobile:t,isTablet:o,isNotebook:r,isLargeScreen:s,isExtraLargeScreen:p}},"useScreenDetect"),fn=ik;import{createTheme as Hs,darkTheme as Ck,lightTheme as Tk}from"@rango-dev/ui";import{useEffect as kk,useState as vk}from"react";import{theme as yk,darkColors as Sk}from"@rango-dev/ui";import zs from"react";function ak(t){return t.startsWith("#")&&(t=t.slice(1)),t.length===3?`#${t.split("").reduce(function(n,r){return n+r+r},"")}`:`#${t}`}i(ak,"expandShortHexColor");function sk(t){return/[0-9]+$/.test(t)}i(sk,"isOverridingColor");function lk(t,e){return t.padStart(e,"0")}i(lk,"pad");function $s(t){let e=Math.min(Math.max(Math.round(t),0),255);return lk(e.toString(16),2)}i($s,"intToHex");function pk(t){return`#${$s(t.red)}${$s(t.green)}${$s(t.blue)}`}i(pk,"rgbToHex");function ck(t){let e=parseInt(t.slice(1,3),16),o=parseInt(t.slice(3,5),16),n=parseInt(t.slice(5,7),16);return{red:e,green:o,blue:n}}i(ck,"hexToRGB");function uk(t,e){let o=1-.11*e;return{red:t.red*o,green:t.green*o,blue:t.blue*o}}i(uk,"generateShade");function mk(t,e){let o=.11*e;return{red:t.red+(255-t.red)*o,green:t.green+(255-t.green)*o,blue:t.blue+(255-t.blue)*o}}i(mk,"generateTint");function dk(t){return $m(t,uk)}i(dk,"calculateShades");function fk(t){return $m(t,mk)}i(fk,"calculateTints");function $m(t,e){let o=ck(t),n=[];for(let r=1;r<9;r++)n.push(pk(e(o,r)));return n}i($m,"calculateColors");function Fs(t,e,o){let a=fk(t).reverse().concat(t),s=dk(t),l=a.concat(s),p={},c=l.length;for(let u=0;u<c;u++){let m=100+(o?c-1-u:u)*50;p[`${e}${m}`]=l[u]}return p}i(Fs,"createTintsAndShades");function Os(t,e,o){let n={...t};for(let r in e){let a=e[r],s=r==="neutral"&&!!o?.reverseNeutralRange;if(!["background","foreground"].includes(r)&&!sk(r)){let p=ak(a);Object.assign(n,Fs(p,r,s))}}return{...n,...e}}i(Os,"expandToGenerateThemeColors");var Fm=i(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),gk=i(t=>{let e="",o;for(o=Math.abs(t);o>52;o=o/52|0)e=Fm(o%52)+e;return Fm(o%52)+e},"toAlphabeticName"),hk=i((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),Us=i(t=>gk(hk(5381,JSON.stringify(t))>>>0),"toHash");function Qs(t){let e=yk.colors,o={...e,...Sk},n,r;if(t?.light){let s={colors:Os(e,t.light)};n={id:`${Ga}-light-${Us(s)}`,tokens:s}}if(t?.dark){let s={colors:Os(o,t.dark,{reverseNeutralRange:!0})};r={id:`${Ga}-dark-${Us(s)}`,tokens:s}}return{light:n,dark:r}}i(Qs,"customizedThemeTokens");function Om(t,e){if(t.length<=1)return t.map(({element:n,key:r})=>zs.cloneElement(n,{key:r}));let o=[];return t.forEach((n,r)=>{let{element:a,key:s}=n;if(o.push(zs.cloneElement(a,{key:s})),r<t.length-1){let l=`divider-${r}`;o.push(zs.cloneElement(e,{key:l}))}}),o}i(Om,"joinList");function Um(){return window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches}i(Um,"doesWindowPreferDarkColorScheme");function to(t){let{colors:e,fontFamily:o=cc,borderRadius:n=Kc,secondaryBorderRadius:r=jc}=t,[a,s]=vk(Um()?"dark":"light"),{theme:l}=S(),{dark:p,light:c}=Qs(e),u=Hs({shadows:t.shadows||{},radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),m=[u.className,Tk.className],h=[u.className,Ck.className];if(c){let d=Hs(c.id,c.tokens);m.push(d.className)}if(p){let d=Hs(p.id,p.tokens);h.push(d.className)}return kk(()=>{let d=i(f=>{f.matches?s("dark"):s("light")},"switchThemeListener");return Um()&&s("dark"),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",d),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",d)}},[]),{activeTheme:i(()=>{let d=m.join(" "),f=h.join(" ");return l==="auto"?a==="dark"?f:d:l==="dark"?f:d},"getActiveTheme"),mode:l==="auto"?a:l}}i(to,"useTheme");var St=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 zm}from"@lingui/core";import{Alert as wk,Button as xk}from"@rango-dev/ui";import Qm from"react";function qs(t){return Qm.createElement(wk,{action:Qm.createElement(xk,{id:"widget-active-tab-btn",onClick:t.onActivateTab,variant:"contained",size:"xxsmall",type:"warning"},zm.t("Activate this tab")),type:"warning",variant:"alarm",title:zm.t("Another tab is open and handles transactions.")})}i(qs,"ActivateTabAlert");import{i18n as Gs}from"@lingui/core";import{Button as bk,Divider as Ek,MessageBox as Ik}from"@rango-dev/ui";import vi from"react";function Vs(t){let{open:e,onClose:o,onConfirm:n}=t;return vi.createElement(J,{open:e,dismissible:!0,onClose:o,container:A()},vi.createElement(Ik,{title:Gs.t("Activate current tab"),type:"warning",description:Gs.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.")},vi.createElement(Ek,{size:20}),vi.createElement(bk,{id:"widget-modal-confirm-activate-tab-btn",variant:"contained",size:"large",type:"primary",fullWidth:!0,onClick:n},Gs.t("Confirm"))))}i(Vs,"ActivateTabModal");import{ChevronLeftIcon as Bk}from"@rango-dev/ui";import Ym from"react";import{css as Ak,darkTheme as Hm,IconButton as Nk,styled as Ao}from"@rango-dev/ui";var Lt=Ao(Nk,{width:"$24",position:"relative",padding:"0",overflow:"unset","&:hover":{backgroundColor:"$secondary100",[`.${Hm} &`]:{backgroundColor:"$neutral"}}}),qm=Ao("div",{position:"absolute",background:"$secondary500",[`.${Hm} &`]:{$$color:"$colors$secondary250"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),oo=Ao("div",{display:"flex",justifyContent:"flex-end",minWidth:"$40",button:{padding:0}}),Gm=Ao("div",{position:"absolute",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0",variants:{isSever:{true:{backgroundColor:"$error500"},false:{backgroundColor:"$secondary500"}}}}),Vm=Ao("div",{padding:"$2",variants:{isRefetched:{true:{transform:"rotate(360deg)",transition:"transform 1s ease-in-out"}}}}),Km=Ao("div",{position:"absolute",right:"$4",top:"$4",backgroundColor:"$background",borderRadius:"100%"}),jm=Ak({display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center"}),Xm=Ao("div",{borderRadius:"100%",border:"1.5px transparent solid","&:not(:first-child)":{marginLeft:"-$6"},img:{borderRadius:"100%"}});function Ks(t){return Ym.createElement(Lt,{id:"widget-header-back-icon-btn",variant:"ghost",size:"small",onClick:t.onClick},Ym.createElement(Bk,{color:"black",size:16}))}i(Ks,"BackButton");import{i18n as Wk}from"@lingui/core";import{Button as Lk,Typography as Mk}from"@rango-dev/ui";import js from"react";function Xs(t){return js.createElement(oo,null,js.createElement(Lk,{id:"widget-header-cancel-btn",variant:"ghost",onClick:t.onClick,size:"xsmall"},js.createElement(Mk,{variant:"label",size:"medium",color:"error500"},Wk.t("Cancel"))))}i(Xs,"CancelButton");import{i18n as Pk}from"@lingui/core";import{Image as _k,Tooltip as Dk,WalletIcon as $k}from"@rango-dev/ui";import No from"react";function Ys(t){let{list:e}=Tt(),o=e.filter(r=>r.state==="connected"),n=o.length?No.createElement("div",{className:jm()},o.map(r=>No.createElement(Xm,{key:r.title},No.createElement(_k,{src:r.image,size:14})))):Pk.t("Connect Wallet");return No.createElement(Dk,{container:t.container,side:"bottom",content:n},No.createElement(Lt,{id:"widget-header-wallet-icon-btn",variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&No.createElement(qm,null),No.createElement($k,{size:18,color:"black"})))}i(Ys,"WalletButton");import{i18n as xi}from"@lingui/core";import{NotificationsIcon as Rk,Popover as ev,SettingsIcon as tv,Tooltip as bi,TransactionIcon as ov}from"@rango-dev/ui";import Pe from"react";import{Notifications as zk}from"@rango-dev/ui";import Qk from"react";import{useNavigate as Hk}from"react-router-dom";import{create as Fk}from"zustand";import{persist as Ok,subscribeWithSelector as Uk}from"zustand/middleware";var Ae=Zo(Fk()(Ok(Uk((t,e)=>({isSynced:!1,notifications:[],setNotification:(o,n)=>{let r=n.steps[0],a=n.steps[n.steps.length-1],s={event:o,creationTime:Date.now(),requestId:n.requestId,route:{creationTime:parseInt(n.creationTime),from:{blockchain:r.fromBlockchain,address:r.fromSymbolAddress,symbol:r.fromSymbol},to:{blockchain:a.toBlockchain,address:a.toSymbolAddress,symbol:a.toSymbol}}},l=e().notifications.filter(p=>p.requestId!==n.requestId);t(()=>({notifications:[...l,s]}))},removeNotification:o=>{t(n=>({notifications:n.notifications.filter(r=>r.requestId!==o)}))},getNotifications:()=>{let{isSynced:o,notifications:n}=e();return o?n.sort((r,a)=>r.route.creationTime&&!a.route.creationTime?-1:!r.route.creationTime&&a.route.creationTime?1:!r.route.creationTime&&!a.route.creationTime?a.creationTime-r.creationTime:a.route.creationTime-r.route.creationTime):[]},syncNotifications:o=>{let{isSynced:n,notifications:r}=e();if(!n){let a=[];r.forEach(s=>{o.some(p=>p.swap.requestId===s.requestId)&&a.push(s)}),t({isSynced:!0,notifications:a})}},clearNotifications:()=>t({notifications:[]})})),{name:"notification",skipHydration:!0,partialize:({isSynced:t,...e})=>e,version:1,migrate:(t,e)=>{if(e===0){let o=t.notifications;t.notifications=o.filter(n=>!n.read).map(({read:n,...r})=>r)}return t}})));function Zs(){let t=Hk(),{getNotifications:e,clearNotifications:o}=Ae(),n=e(),r=S().blockchains(),{findToken:a}=S();return Qk.createElement(zk,{list:n,getBlockchainImage:l=>Uc(l,r),getTokenImage:l=>a(l)?.image,onClickItem:i(l=>{t(`${F.swaps}/${l}`)},"onClickItem"),onClearAll:o})}i(Zs,"NotificationContent");import{useManager as qk}from"@rango-dev/queue-manager-react";import{InProgressIcon as Gk}from"@rango-dev/ui";import Zm from"react";var Vk=i(()=>{let{manager:t}=qk();return St(t).map(({swap:o})=>o).find(o=>o.status==="running")?Zm.createElement(Km,null,Zm.createElement(Gk,{color:"info",size:6})):null},"InProgressTransactionBadge"),Jm=Vk;import{EventSeverity as Kk}from"@rango-dev/queue-manager-rango-preset";import{Typography as jk}from"@rango-dev/ui";import Rm from"react";function ed(){let{getNotifications:t}=Ae(),e=t(),o=e.length,n=!!e.find(r=>r.event.messageSeverity===Kk.WARNING);return o?Rm.createElement(Gm,{isSever:n},Rm.createElement(jk,{variant:"body",size:"xsmall",color:"$background"},o)):null}i(ed,"NotificationsBadge");import{RefreshProgressButton as Xk}from"@rango-dev/ui";import Js,{useEffect as Yk,useState as td}from"react";var Zk=1e3,od=60,Jk=100;function wi({onClick:t}){let[e,o]=td(0),[n,r]=td(!1),a=i(p=>{document.hidden&&p&&s(p)},"handleVisibilityChange");Yk(()=>{let p;return t?p=window.setInterval(()=>{o(c=>c+1),e===od&&l()},Zk):s(p),document.addEventListener("visibilitychange",()=>a(p)),()=>{document.removeEventListener("visibilitychange",()=>a(p)),p&&clearInterval(p)}},[e,t]);let s=i(p=>{p&&clearInterval(p),o(0)},"clearTimeout"),l=i(()=>{t?.(),o(0),r(!0)},"handleRefreshClick");return Js.createElement(Lt,{id:"widget-header-refresh-icon-btn",variant:"ghost",size:"small",style:{paddingTop:0,paddingBottom:0},onClick:l,disabled:!t},Js.createElement(Vm,{onTransitionEnd:()=>r(!1),isRefetched:n},Js.createElement(Xk,{size:22,color:t?"black":"gray",progress:e/od*Jk})))}i(wi,"RefreshButton");function Bo(t){let{onClickRefresh:e,onClickHistory:o,onClickSettings:n,hidden:r=[],container:a}=t,{config:{features:s}}=S(),l=Re("notification",s)||r.includes("notifications");return Pe.createElement(Pe.Fragment,null,!r.includes("refresh")&&Pe.createElement(bi,{container:a||A(),side:"top",content:xi.t("Refresh")},Pe.createElement(wi,{onClick:e})),!l&&Pe.createElement(ev,{align:"end",alignOffset:-88,sideOffset:15,collisionPadding:{right:20,left:20},container:A(),content:Pe.createElement(Zs,null)},Pe.createElement("div",null,Pe.createElement(bi,{container:A(),side:"top",content:xi.t("Notifications")},Pe.createElement(Lt,{id:"widget-header-notification-icon-btn",size:"small",variant:"ghost"},Pe.createElement(Rk,{size:18,color:"black"}),Pe.createElement(ed,null))))),!r.includes("settings")&&Pe.createElement(bi,{container:A(),side:"top",content:xi.t("Settings")},Pe.createElement(Lt,{id:"widget-header-setting-icon-btn",size:"small",variant:"ghost",onClick:n},Pe.createElement(tv,{size:18,color:"black"}))),!r.includes("history")&&Pe.createElement(bi,{container:A(),side:"top",content:xi.t("History")},Pe.createElement(Lt,{id:"widget-header-history-icon-btn",size:"small",variant:"ghost",onClick:o},Pe.createElement(ov,{size:18,color:"black"}),Pe.createElement(Jm,null))))}i(Bo,"HeaderButtons");import{i18n as Rs}from"@lingui/core";import{Divider as rd,MessageBox as iv,RefreshIcon as av}from"@rango-dev/ui";import gn from"react";import{Button as nv,styled as rv}from"@rango-dev/ui";var nd=rv(nv,{"& span":{display:"flex",justifyContent:"center",alignItems:"center"}});function el(t){let{open:e,onClose:o}=t;return gn.createElement(J,{open:e,dismissible:!0,onClose:o,container:A()},gn.createElement(iv,{title:Rs.t("Something went wrong"),type:"error",description:Rs.t("Something went wrong. Please refresh the app.")},gn.createElement(rd,{size:30}),gn.createElement(nd,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:()=>location.reload()},gn.createElement(av,{size:20,color:"primary"}),gn.createElement(rd,{size:4,direction:"horizontal"}),Rs.t("Refresh"))))}i(el,"RefreshModal");function tl(t){let e=t.target;if(e){let o=e.scrollTop,n=A();o>1?n.classList.add("rng-scrolled"):n.classList.remove("rng-scrolled")}}i(tl,"onScrollContentAttachStatusToContainer");import{css as lv,styled as Ei}from"@rango-dev/ui";var Ii=lv({borderRadius:"$primary",display:"flex",flexDirection:"column",overflow:"hidden",boxShadow:"$mainContainer"}),id=Ei("div",{position:"relative",width:"100vw",minWidth:"300px",maxWidth:"390px",backgroundColor:"$background",variants:{height:{auto:{height:"auto",maxHeight:700},fixed:{minHeight:425,maxHeight:700,height:700}},showBanner:{true:{overflow:"visible"}}}}),ad=Ei("div",{position:"relative",overflow:"hidden",flexGrow:1,display:"flex",flexDirection:"column",padding:0,overflowY:"auto"}),sd=Ei("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"}}}),ld=Ei("div",{width:"100%",position:"absolute",bottom:"-$10",transform:"translateY(100%)",overflow:"hidden"});function ie(t){let{connectHeightObserver:e,disconnectHeightObserver:o}=Ds(),{children:n,header:r,footer:a,height:s="fixed"}=t,{fetchStatus:l,connectedWallets:p,config:{__UNSTABLE_OR_INTERNAL__:c}}=S(),[u,m]=ud(!1),{config:{features:h,theme:g}}=S(),{watermark:d,setShowCompactTokenSelector:f}=te(),y=d==="FULL",{activeTheme:T}=to(g||{}),[C,k]=ud(!1),v=Re("connectWalletButton",h),{isActiveTab:b,tabManagerInitiated:I,showActivateTabModal:N,setShowActivateTabModal:E,activateCurrentTab:x}=te(),w=qe(),{manager:B}=cv(),{isTablet:P,isMobile:$}=fn(),R=St(B).map(({swap:Z})=>Z).some(Z=>Z.status==="running"),K=i(()=>x(wo.forceClaim,R),"onActivateTab"),L=i(()=>{r.onWallet?.()},"onConnectWallet"),ae=typeof r.hasBackButton>"u"||r.hasBackButton,re=cd(null),Q=cd(null);return Ai(()=>{let Z=(c?.swapBoxBanner?.routes?.length??0)===0,le=!!c?.swapBoxBanner?.routes?.some(ue=>location.pathname.endsWith(ue));k(!!c?.swapBoxBanner&&(Z||le))},[c?.swapBoxBanner?.routes?.toString(),location.pathname]),Ai(()=>(Jn()&&Q.current&&e(Q.current),()=>{o()}),[]),Ai(()=>(re.current?.addEventListener("scroll",tl),()=>{re.current?.removeEventListener("scroll",tl)}),[]),Ai(()=>{m(l==="failed")},[l]),dv(()=>{let Z=s==="auto"||!Q.current||Jn(),le=$||P,ue=i(()=>{Z||(le?Q.current.style.height=`${window.innerHeight-Q.current.offsetTop}px`:Q.current.style.height=`${700}px`,f(parseFloat(Q.current.style.height)<640))},"handler");return ue(),window.addEventListener("resize",ue),()=>window.removeEventListener("resize",ue)},[s,$,P]),Ne.createElement(id,{height:s,id:Qe.SWAP_BOX_ID,className:`${T()} ${Ii()}`,ref:Q,showBanner:C},Ne.createElement(mv,{prefix:ae?Ne.createElement(Ks,{onClick:()=>{w(),r.onBack?.()}}):null,title:r.title,suffix:Ne.createElement(Ne.Fragment,null,r.suffix,r.onWallet&&!v&&Ne.createElement(Ys,{container:A(),onClick:L,isConnected:!!p?.length}),r.onCancel&&Ne.createElement(Xs,{onClick:r.onCancel}))}),Ne.createElement(ad,{ref:re},n),Ne.createElement(Vs,{open:N,onClose:()=>E(!1),onConfirm:K}),Ne.createElement(sd,null,Ne.createElement("div",{className:"footer__content"},I&&!b&&Ne.createElement("div",{className:"footer__alert"},Ne.createElement(qs,{onActivateTab:K}),Ne.createElement(pd,{size:10})),a),Ne.createElement(pd,{size:12}),Ne.createElement("div",{className:`footer__logo ${y?"logo__show":"logo__hidden"}`},Ne.createElement(uv,null))),C&&Ne.createElement(ld,null,c?.swapBoxBanner?.element),Ne.createElement(el,{open:u,onClose:()=>m(!1)}))}i(ie,"Layout");import{styled as fv}from"@rango-dev/ui";var md="$20 $20 $10 $20",ol=fv("div",{padding:md,overflowY:"auto",flexGrow:1});import{styled as gv}from"@rango-dev/ui";var pe=gv("div",{display:"flex",flexDirection:"column",padding:"20px 20px 10px",flexGrow:1,variants:{view:{true:{flexGrow:1,overflow:"hidden"}},compact:{true:{padding:0}}}});import{i18n as no}from"@lingui/core";import{useState as nl}from"react";function dd(){let[t,e]=nl(!1),[o,n]=nl(null),[r,a]=nl(null),{findToken:s}=S(),l=S().customTokens(),p=i(()=>{a(null),e(!1),n(null)},"resetState");function c(m,h){switch(m){case"duplicated":return{type:m,title:no.t("Duplicate Token"),message:no.t("The address you entered is duplicate, please enter a new address.")};case"token-exist":return{type:m,title:no.t("Token Already Exists"),message:no.t("There's no need to add this token again because it already exists and is supported by us.")};case"not-found":return{type:m,title:no.t("Token Not Found"),message:no.t({id:"Sorry, no token was found on {blockchain} chain with the provided address. please make sure you have entered the right token address.",values:{blockchain:h}})};case"network-error":return{type:m,title:no.t("Network error"),message:no.t("An error occurred while retrieving token data.")}}}return i(c,"produceErrorMessage"),{fetchCustomToken:i(async({blockchain:m,tokenAddress:h})=>{e(!0);try{if(l.some(T=>T.address?.toLowerCase()===h.toLowerCase())){let T=c("duplicated");n(T);return}let d=await at().getCustomToken({blockchain:m,address:h});if(!d||!d.token||d.error){let T=c("not-found",m);n(T);return}let f=d.token;if(s({blockchain:f.blockchain,address:f.address,symbol:f.symbol})){let T=c("token-exist");n(T);return}return a({...f,warning:!0})}catch(g){if(g.code==="ERR_BAD_REQUEST"){let d=c("not-found",m);n(d);return}n(c("network-error"));return}finally{e(!1)}},"fetchCustomToken"),token:r,loading:t,error:o,resetState:p}}i(dd,"useFetchCustomToken");var Ev=Tv("div",{display:"flex",justifyContent:"space-between",flexDirection:"column",flex:1,"& ._text-field":{padding:"$4 $10",backgroundColor:"$neutral300",[`.${Sv} &`]:{backgroundColor:"$neutral400"},borderRadius:"$sm",height:"$40"}});function fd(){let t=xv(),[e]=bv(),o=qe(),n=S().blockchains(),r=e.get("blockchain")||"",a=ko(r,n),[s,l]=wv(""),{fetchCustomToken:p,token:c,loading:u,error:m,resetState:h}=dd(),g=!!a&&Go(a,s),d=!a||!s||!g,f=i(()=>{a&&p({blockchain:r,tokenAddress:s})},"getCustomToken");return Ge.createElement(ie,{header:{title:hn.t("Add Custom Token")}},Ge.createElement(pe,null,Ge.createElement(Ev,null,Ge.createElement("div",null,Ge.createElement(Ns,{onClick:()=>t(F.blockchains,{replace:!0}),hasLogo:!!a?.logo,value:a?{name:a.displayName,logo:a.logo}:void 0,title:hn.t("Select chain"),placeholder:hn.t("Select chain")}),Ge.createElement(rl,{size:"24"}),Ge.createElement(vv,{size:"large",variant:"label"},hn.t("Enter Address")),Ge.createElement(rl,{size:10}),Ge.createElement(kv,{fullWidth:!0,disabled:!a,variant:"contained",placeholder:hn.t("Enter token address"),size:"large",value:s,suffix:!!s&&g&&Ge.createElement(Cv,{color:"success",size:12}),onChange:y=>l(y.target.value)}),!g&&!!s&&Ge.createElement(Ge.Fragment,null,Ge.createElement(rl,{size:4}),Ge.createElement(hv,{type:"error",variant:"alarm",title:"Invalid Address"}))),Ge.createElement(yv,{id:"widget-add-custom-token-import-btn",disabled:d,type:"primary",variant:"contained",loading:u,size:"large",onClick:f},hn.t("Import"))),Ge.createElement(Zn,{token:c,blockchain:a??void 0,address:s,error:m??void 0,fetchCustomToken:p,onCloseErrorModal:()=>{m?.type!=="network-error"&&l("")},onImport:o,onExitErrorModal:h,onExitImportModal:h})))}i(fd,"AddCustomTokenPage");import{i18n as _l}from"@lingui/core";import{useManager as cx}from"@rango-dev/queue-manager-react";import{Alert as ux,Button as mx,css as $l,Divider as Dl,IconButton as rg,styled as dx,Typography as fx,WalletIcon as gx}from"@rango-dev/ui";import De,{useEffect as ea,useLayoutEffect as hx,useRef as yx,useState as dr}from"react";import{useNavigate as Sx}from"react-router-dom";import{i18n as Wo}from"@lingui/core";import{Alert as Jv,BalanceErrors as Rv,Button as Ud,ChevronLeftIcon as ew,Divider as ml,MessageBox as tw,Typography as dl}from"@rango-dev/ui";import ne,{useCallback as ow,useEffect as zd,useMemo as nw,useState as Cn}from"react";import{useNavigate as rw}from"react-router-dom";import{i18n as ll}from"@lingui/core";import{Alert as Wv,ChevronDownIcon as Lv,CloseIcon as Mv,Divider as kd,IconButton as vd,PasteIcon as Pv,Typography as _v,WalletIcon as Dv}from"@rango-dev/ui";import _e,{useEffect as $v,useRef as Fv}from"react";import Li,{useRef as Nv}from"react";import*as yn from"@radix-ui/react-collapsible";import{keyframes as gd,styled as Ni}from"@rango-dev/ui";var il=300,Iv=gd({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),Av=gd({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),hd=Ni(yn.Root,{borderRadius:"$sm",overflow:"hidden",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),al=Ni(yn.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit",cursor:"pointer"}),Bi=Ni(yn.Content,{overflow:"hidden",variants:{open:{true:{animation:`${Iv} ${il}ms ease-out`},false:{animation:`${Av} ${il}ms ease-out`}}}}),Wi=Ni("div",{transition:`all ${il}ms ease`,display:"flex",alignItems:"center",variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}});function Mi(t){let{open:e,hasSelected:o,onOpenChange:n,children:r,onClickTrigger:a,trigger:s,triggerAnchor:l}=t,p=Nv(null);return Li.createElement(hd,{ref:p,className:"collapsible_root",selected:o&&e,open:e,onOpenChange:n},l==="top"&&Li.createElement(al,{className:"collapsible_trigger",onClick:a},s),Li.createElement(Bi,{className:"collapsible_content",open:e},r),l==="bottom"&&Li.createElement(al,{className:"collapsible_trigger",onClick:a},s))}i(Mi,"CustomCollapsible");import{darkTheme as yd,styled as sl,TextField as Bv}from"@rango-dev/ui";var Sd=sl("div",{padding:"$10 $0","& .button__content":{display:"flex",alignItems:"center"},"& .alarms":{paddingTop:"$5"},"& .collapsible_content":{backgroundColor:"$neutral100"},"& .collapsible_root":{backgroundColor:"$neutral100"}}),Cd=sl(Bv,{backgroundColor:"$neutral100",padding:"$15"}),Td=sl("div",{width:"100%",borderRadius:"$sm",display:"flex",padding:"$15",justifyContent:"space-between",alignItems:"center",$$color:"$colors$neutral100",[`.${yd} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",borderBottomRightRadius:"0",borderBottomLeftRadius:"0","&:focus-visible":{$$background:"$colors$secondary100",[`.${yd} &`]:{$$background:"$colors$info700"},backgroundColor:"$$background",outline:0}});function wd(t){let{blockchain:e,handleOpenChange:o,open:n}=t,{customDestination:r,setCustomDestination:a}=O(),{config:s}=S(),l=S().blockchains(),p=Kr(e.name,l),c=Fv(null),u=s?.defaultCustomDestinations?.[e.name],m=navigator?.userAgent.includes("Firefox"),g=n&&!!r&&e&&!Go(e,r),d=i(()=>{a("")},"handleClear"),f=i(async T=>{if(T.preventDefault(),navigator.clipboard!==void 0){let C=await navigator.clipboard.readText();a(C),c?.current?.focus()}},"handlePaste"),y=i(()=>r?_e.createElement(vd,{id:"widget-custom-destination-close-icon-btn",onClick:d,variant:"ghost"},_e.createElement(Mv,{size:12,color:"gray"})):m?null:_e.createElement(vd,{id:"widget-custom-destination-paste-icon-btn",onClick:f,variant:"ghost"},_e.createElement(Pv,{size:16})),"renderSuffix");return $v(()=>{!!u&&r===null&&(a(u),o(!0))},[u]),_e.createElement(Sd,null,_e.createElement(Mi,{onOpenChange:o,hasSelected:!0,open:n,triggerAnchor:"top",trigger:_e.createElement(Td,null,_e.createElement("div",{className:"button__content"},_e.createElement(Dv,{size:18,color:"info"}),_e.createElement(kd,{size:4,direction:"horizontal"}),_e.createElement(_v,{variant:"label",size:"medium",color:n?"$neutral600":void 0},ll.t("Send to a different address"))),_e.createElement(Wi,{orientation:n?"up":"down"},_e.createElement(Lv,{size:10,color:"secondary"}))),onClickTrigger:()=>o(!n)},_e.createElement(Cd,{ref:c,style:{padding:0,paddingRight:r?"8px":"5px"},autoFocus:!r,placeholder:ll.t("Enter {blockchainName} address",{blockchainName:p}),value:r||"",suffix:y(),onChange:T=>{let C=T.target.value;a(C)}})),g&&_e.createElement(_e.Fragment,null,_e.createElement(kd,{size:4}),_e.createElement(Wv,{variant:"alarm",type:"error",title:ll.t({values:{destination:r},id:"Address {destination} doesn't match the blockchain address pattern."})})))}i(wd,"CustomDestination");import{css as Ov,IconButton as Uv,SelectableWalletButton as zv,styled as ro}from"@rango-dev/ui";var xd=ro("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),bd=ro("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",columnGap:"$5",rowGap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),Ed=ro(zv,{justifyContent:"center"}),Id=ro("div",{padding:"$20 $20 $15 $20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),Ad=ro(Uv,{position:"absolute",left:"$20"}),Nd=ro("div",{paddingTop:"$20"}),Bd=Ov({display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),Wd=ro("div",{display:"flex"}),Ld=ro("div",{overflow:"visible",width:"100%"});import{i18n as cl}from"@lingui/core";import{warn as Vv}from"@rango-dev/logging-core";import{Divider as Kv,makeInfo as jv,SelectableWallet as Xv,Typography as Fd,WalletState as Pi}from"@rango-dev/ui";import tt,{useEffect as Od,useState as or}from"react";import{Image as qv,MessageBox as Gv}from"@rango-dev/ui";import tr from"react";import{keyframes as Qv,styled as pl}from"@rango-dev/ui";var Md=pl("div",{position:"relative"}),Hv=Qv({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),Pd=pl("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Hv} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),_d=pl("div",{"& img":{borderRadius:"50%"}});import{i18n as Sn}from"@lingui/core";function Dd(t,e){switch(t){case"in-progress":return{type:"loading",title:Sn.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:e}}),description:Sn.t({id:"Please approve the experimental chain pop-up in your wallet.",values:{blockchainDisplayName:e}})};case"completed":return{type:"success",title:Sn.t({id:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:e}}),description:Sn.t({id:"The {blockchainDisplayName} chain has been successfully added to your wallet.",values:{blockchainDisplayName:e}})};case"rejected":return{type:"error",title:Sn.t("Request Rejected"),description:Sn.t({id:"You've rejected adding {blockchainDisplayName} chain to your wallet.",values:{blockchainDisplayName:e}})};default:throw new Error(`Showing information about an experimentation chain status needs to be defined first. status: ${t}`)}}i(Dd,"generateMessageByStatus");function $d(t){let{status:e,displayName:o,image:n}=t,r=Dd(e,o),a=e=="in-progress";return tr.createElement(Gv,{type:r.type,title:r.title,description:r.description,icon:a?tr.createElement(Md,null,tr.createElement(_d,null,tr.createElement(qv,{src:n,size:45})),tr.createElement(Pd,null)):void 0})}i($d,"ExperimentalChainStatus");var Yv=7,Zv=3e3;function ul(t){let{chain:e,quoteChains:o,isSelected:n,selectWallet:r,limit:a,onShowMore:s}=t,l=te.use.isActiveTab(),{blockchains:p,connectedWallets:c}=S(),[u,m]=or(),[h,g]=or(null),[d,f]=or(!1),[y,T]=or(null),{suggestAndConnect:C}=_i(),{list:k}=Tt({chain:e}),[v,b]=or(k),I=k.length,N=a&&I-a>0,E=i(async w=>{f(!1),T("in-progress");try{await C(w.walletType,w.chain),T("completed")}catch{T("rejected")}},"addExperimentalChain");Od(()=>{b(w=>{let B=k.findIndex(P=>n(P.type,e));return N&&B>1?[k[B]].concat(k.filter((P,$)=>$!==B)):w.map(P=>k.find($=>$.type===P.type)??P)})},[JSON.stringify(k)]);let x=document.getElementById(Qe.SWAP_BOX_ID);return Od(()=>{let w=null;return(y==="completed"||y==="rejected")&&(w=setTimeout(()=>T(null),Zv)),()=>{w&&clearTimeout(w)}},[y]),tt.createElement(tt.Fragment,null,v.slice(0,a).map(w=>{let B=Ec({connectedWallets:c,walletType:w.type,chain:e}),P=w.state===Pi.CONNECTED,$=B?Qo(B,Yv):"",H=(P&&w.isHub||!!w.needsNamespace)&&!$,R=qr(p(),e),K=!c.find(ue=>ue.walletType===w.type&&ue.chain===e),L=R&&K&&w.state===Pi.CONNECTED,ae=i(async()=>{w.state===Pi.DISCONNECTED||H?m(w):L?(g({walletType:w.type,chain:e,address:B??""}),f(!0)):r({walletType:w.type,chain:e,address:B??""})},"onSelectableWalletClick"),re=jv(w.state),Q=i(()=>L?cl.t({id:"Add {chain} chain",values:{chain:e}}):H?cl.t("Chain not connected"):$||re.description,"getWalletDescription"),Z=i(()=>w.state===Pi.CONNECTED?H?"neutral600":"neutral700":re.color,"getWalletDescriptionColor"),le=h?.chain?Kr(h.chain,p()):void 0;return tt.createElement(tt.Fragment,{key:`${w.title}_${le}`},!!h&&tt.createElement(J,{open:!!h&&d,container:x,onClose:()=>{g(null)}},tt.createElement(gs,{displayName:le,onConfirm:()=>{E(h)}})),y&&tt.createElement(J,{open:!!y,onClose:T.bind(null,null),container:x},tt.createElement($d,{status:y,displayName:le,image:w.image}),tt.createElement(Kv,{direction:"vertical",size:32})),tt.createElement(Xv,{key:w.type,description:Q(),descriptionColor:Z(),onClick:ae,selected:n(w.type,e),disabled:!l,...w}))}),tt.createElement(bo,{wallet:u,options:{defaultSelectedChains:o||[e]},onClose:()=>{m(void 0)},onConnect:()=>{t.onConnect&&(u?.type?t.onConnect(u.type):Vv(new Error("The selected wallet hasn't been detected after the connection process finished. It usually shouldn't happen.")))}}),N&&tt.createElement(Ed,{selected:!1,onClick:s},tt.createElement(Fd,{variant:"label",size:"medium"},cl.t("Show more wallets"),tt.createElement(Fd,{variant:"label",size:"medium",color:"$primary"},"\xA0+",I-(a??0)))))}i(ul,"WalletList");var iw=2;function Qd(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,loading:a}=t,s=rw(),l=S().blockchains(),{selectedQuote:p,setSelectedWallets:c,quoteWalletsConfirmed:u,setQuoteWalletConfirmed:m,customDestination:h,setCustomDestination:g}=O(),{config:d,connectedWallets:f,setWalletsAsSelected:y}=S(),[T,C]=Cn(""),[k,v]=Cn([]),[b,I]=Cn(""),[N,E]=Cn(!!h),x=nw(()=>To({filter:"all",quote:p}),[p]),w=To({filter:"required",quote:p}),B=l.find(W=>W.name===p?.swaps[p?.swaps.length-1].to.blockchain),P=i(W=>w.includes(W),"isWalletRequiredFor"),$=ow(()=>f.filter(W=>W.selected&&x.includes(W.chain)),[f,x]),[H,R]=Cn($()),[K,L]=Cn([]),ae=i((W,G)=>L(j=>j.concat({blockchain:W,walletType:G})),"addNextSelectedWallets"),re=k.length>0,Q=i((W,G)=>!!H.find(j=>j.walletType===W&&j.chain===G&&j.selected&&(P(G)||!P(G)&&!h)),"isSelected"),Z=i((W,G,j)=>{let ee=!1;return W.map(fe=>{if(fe.chain===G){let Ue=fe.selected;return!ee&&j?(ee=!0,Ue=!0):j||(Ue=!1),{...fe,selected:Ue}}return fe})},"updateSelectableWallets"),le=i(W=>{E(W),W?P(B?.name??"")||R(G=>Z(G,B?.name||"",!1)):(g(""),R(G=>Z(G,B?.name||"",!0)))},"handleCustomDestinationCollapsibleOpenChange"),ue=i(W=>{if(T&&C(""),Q(W.walletType,W.chain))return;let j=f.find(ee=>ee.walletType===W.walletType&&ee.chain===W.chain);j&&(n(),W.chain===B?.name&&N&&!P(B.name)&&(E(!1),g(null)),R(ee=>ee.filter(fe=>fe.chain!==W.chain).concat({...j,selected:!0})))},"onChange"),se=i(()=>{let W=H.filter(G=>G.selected);y(W),c(W),m(!0),o()},"onConfirmBalance"),Ze=i(async()=>{v([]),I("");let W=await r?.({selectedWallets:H.filter(j=>j.selected),customDestination:h}),G=W.warnings;G?.balance?.messages&&v(G.balance.messages),W.error&&I(Hu(W.error)),!W.error&&!G?.balance?.messages.length?se():v(G?.balance?.messages??[])},"onConfirmWallets");zd(()=>{R(W=>{let G=[];return W.forEach(j=>{!f.some(fe=>fe.chain===j.chain&&fe.walletType===j.walletType&&fe.address===j.address)||G.push(j)}),G=G.concat(f.filter(j=>!!!G.find(fe=>fe.chain===j.chain)&&j.selected&&x.includes(j.chain))),G})},[f,x]),zd(()=>{let W=[];K.length>0&&(K.forEach(G=>{let j=f.find(ee=>ee.chain===G.blockchain&&ee.walletType===G.walletType);j?ue(j):W.push(G)}),L(W))},[f,K]);let q=document.getElementById(Qe.SWAP_BOX_ID);return ne.createElement(J,{open:e,onClose:()=>{u||s("../",{replace:!0}),o()},dismissible:!T,container:q,...!T&&{styles:{container:{height:"100%"}},footer:ne.createElement(Wd,null,ne.createElement(Ud,{id:"widget-confirm-wallet-modal-confirm-btn",loading:a,disabled:Sm(a,N,h,p,H,B),onClick:Ze,variant:"contained",type:"primary",fullWidth:!0,size:"large"},Wo.t("Confirm")))},...T&&{styles:{container:{height:"100%",padding:"$0"}},header:ne.createElement(Id,null,ne.createElement(Ad,{id:"widget-confirm-wallet-modal-navigate-back-icon-btn",variant:"ghost",onClick:C.bind(null,"")},ne.createElement(ew,{size:16})),ne.createElement(dl,{variant:"headline",size:"small"},Wo.t({id:"Your {blockchainName} wallets",values:{blockchainName:ft(T,l)}})))},anchor:"center"},ne.createElement(J,{open:re,onClose:v.bind(null,[]),container:q},ne.createElement(tw,{title:Wo.t("Insufficient account balance"),type:"error",description:ne.createElement(Rv,{messages:k??[]})},ne.createElement(Ud,{id:"widget-confirm-wallet-modal-proceed-anyway-btn",variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:se},Wo.t("Proceed anyway")))),T&&ne.createElement(Nd,null,ne.createElement("div",{className:Bd()},ne.createElement(ul,{chain:T,quoteChains:x,isSelected:Q,selectWallet:ue,onShowMore:()=>C(T),onConnect:W=>{ae(T,W)}}))),!T&&ne.createElement(ne.Fragment,null,b&&ne.createElement(ne.Fragment,null,ne.createElement(Jv,{variant:"alarm",type:"error",title:Wo.t(b)}),ne.createElement(ml,{size:12})),ne.createElement(Ld,null,x.map((W,G)=>{let j=l.find(Je=>Je.name===W),ee=`wallet-${G}`,fe=G===x.length-1,Ue=fe&&B&&d?.customDestination!==!1;return ne.createElement("div",{key:ee},ne.createElement(xd,null,ne.createElement(dl,{variant:"title",size:"xmedium"},Wo.t({id:"Your {blockchainName} wallets",values:{blockchainName:j?.shortName}})),ne.createElement(dl,{variant:"label",color:"$neutral700",size:"medium"},Wo.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:j?.shortName}}))),ne.createElement(ml,{size:24}),ne.createElement(bd,null,ne.createElement(ul,{chain:W,quoteChains:x,isSelected:Q,selectWallet:ue,limit:iw,onShowMore:()=>C(j?.name??""),onConnect:Je=>{ae(W,Je)}})),!fe&&ne.createElement(ml,{size:32}),Ue&&ne.createElement(wd,{blockchain:B,open:N,handleOpenChange:le}))}))))}i(Qd,"ConfirmWalletsModal");import{i18n as Ew}from"@lingui/core";import{Alert as Iw,Button as Aw,Divider as lf,InfoIcon as Nw}from"@rango-dev/ui";import Fe from"react";import{Alert as lw,Button as pw,Divider as hl,NoRouteIcon as cw,RefreshIcon as uw,Typography as Xd}from"@rango-dev/ui";import lt from"react";import{i18n as Hd}from"@lingui/core";var aw=24,sw=60;function qd(t,e,o,n){return t?.type===1?{alert:{type:"warning",text:oe().genericServerError,action:{onClick:n,title:Hd.t("Retry")}},description:""}:e.length?{alert:{type:"warning",text:oe().liquiditySourcesError.title,action:{onClick:()=>o(!0),title:Hd.t("Reset")}},description:oe().liquiditySourcesError.description}:t?.type===0&&t.diagnosisMessage?{alert:{type:"error",text:t.diagnosisMessage,action:null},description:""}:{alert:null,description:oe().noResultError.description}}i(qd,"makeInfo");var fl=(o=>(o[o.small=aw]="small",o[o.large=sw]="large",o))(fl||{}),gl=(o=>(o.small="small",o.large="medium",o))(gl||{});import{styled as Di}from"@rango-dev/ui";var Gd=Di("div",{display:"flex",flexDirection:"column",alignItems:"center"}),Vd=Di("div",{variants:{size:{small:{},large:{maxWidth:"316px"}}}}),Kd=Di("div",{variants:{size:{small:{width:"100%"},large:{}}}}),jd=Di("div",{padding:"$6 $0"});function nr(t){let{fetch:e,error:o,size:n="small",skipAlerts:r}=t,a=S().getDisabledLiquiditySources(),s=S().toggleAllLiquiditySources,l=S().swappers(),p=qd(o,a,()=>s(l,!0),e);return r&&(p.alert=null),lt.createElement(Gd,null,lt.createElement(cw,{size:fl[n],color:"gray"}),lt.createElement(hl,{size:4}),lt.createElement(Xd,{variant:"title",size:gl[n]},oe().noResultError.title),n==="large"&<.createElement(hl,{size:4}),!!p.description&<.createElement(Vd,{size:n},lt.createElement(Xd,{variant:"body",size:"small",align:"center",color:"neutral700"},p.description)),lt.createElement(hl,{size:n==="large"?"24":"4"}),!!p.alert&<.createElement(Kd,{size:n},lt.createElement(lw,{type:p.alert.type,title:p.alert.text,titleAlign:"left",action:p.alert.action&<.createElement(pw,{size:"xsmall",id:"widget-no-result-alert-btn",type:p.alert.type,prefix:lt.createElement(jd,null,lt.createElement(uw,{size:8})),onClick:p.alert.action.onClick},p.alert.action.title),variant:"alarm"})))}i(nr,"NoResult");import{i18n as ir}from"@lingui/core";import{Button as fw,Divider as gw,MessageBox as hw,Typography as yw,WarningIcon as Sw}from"@rango-dev/ui";import Ht from"react";import{Typography as ef}from"@rango-dev/ui";import Sl from"react";import{Button as mw,darkTheme as dw,styled as rr}from"@rango-dev/ui";var Yd=rr("div",{width:"100%"}),yl=rr("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:"$5",width:"100%"}),Zd=rr("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%","._title":{$$color:"$colors$neutral600",[`.${dw} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Jd=rr("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"}),Rd=rr(mw,{"& ._text":{gap:"$5",display:"flex",alignItems:"center",justifyContent:"center"}});function tf(t){let{title:e,value:o,valueColor:n}=t;return Sl.createElement(Zd,null,Sl.createElement(ef,{size:"medium",variant:"label",className:"_title"},e),Sl.createElement(ef,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}i(tf,"QuoteErrorsModalItem");function of(t){let{open:e,onClose:o,onConfirm:n,warning:r,confirmationDisabled:a}=t,s=r.warningLevel==="high"?"error":"warning",l=[{title:ir.t("Swapping"),value:_(r.inputUsdValue,4,4)},{title:ir.t("Gas cost"),value:_(r.totalFee,2,2)},{title:ir.t("Receiving"),value:_(r.outputUsdValue,4,4)},{title:ir.t("Price impact"),value:_(r.priceImpact,2,2),valueColor:`${s}500`}];return Ht.createElement(J,{footer:Ht.createElement(fw,{id:"widget-high-value-loss-warning-modal-confirm-btn",type:"primary",size:"large",prefix:Ht.createElement(Sw,null),fullWidth:!0,disabled:a,onClick:n},oe().highValueLossError.confirmMessage),open:e,onClose:o,container:A()},Ht.createElement(hw,{type:s,title:oe().highValueLossError.impactTitle,description:oe().highValueLossError.description}),Ht.createElement(yl,null,Ht.createElement(gw,{size:"4"}),Ht.createElement(yw,{size:"small",variant:"title"},ir.t("Details")),Ht.createElement(yl,null,l.map((p,c)=>Ht.createElement(tf,{key:c,...p})))))}i(of,"HighValueLossWarningModal");import{i18n as Tn}from"@lingui/core";function nf(t,e){let o={alertType:"warning",title:"",action:null,actionButtonTitle:null};if(e)return o.alertType="error",e.type===3&&(o.title=e.recommendation),e.type===4&&(o.title=Tn.t({id:"You need to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:e.minRequiredSlippage}}),o.action="change-slippage",o.actionButtonTitle=Tn.t("Increase")),o;if(t){switch(t.type){case 0:{Qt(t.priceImpact)==="high"&&(o.alertType="error"),o.action="show-info",o.title=oe().highValueLossError.title;break}case 4:{o.title=Tn.t({id:"Output amount changed by {percentageChange}% (${usdValueChange}).",values:{percentageChange:t.percentageChange,usdValueChange:t.usdValueChange}});break}case 1:{o.title=oe().unknownPriceError.title;break}case 2:{o.title=Tn.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:t.minRequiredSlippage}}),o.action="change-slippage",o.actionButtonTitle=Tn.t("Increase");break}case 3:{o.title=Tn.t("Caution, your slippage is high."),o.action="change-settings";break}default:break}return o}return null}i(nf,"makeAlerts");function rf(t,e){return e?.type===4?Number(e.minRequiredSlippage):t?.type===2?Number(t.minRequiredSlippage):null}i(rf,"getRequiredSlippage");import{i18n as kn}from"@lingui/core";import{Button as Cw,Divider as Cl,MessageBox as Tw,WarningIcon as kw}from"@rango-dev/ui";import po from"react";import{useNavigate as vw}from"react-router-dom";function af(t){let{open:e,onClose:o,onConfirm:n,warning:r,confirmationDisabled:a}=t,s=vw();return po.createElement(J,{anchor:"bottom",open:e,container:A(),onClose:o},po.createElement(Tw,{type:"warning",title:r.type===3?kn.t("High slippage"):kn.t("Low slippage"),description:r.type===3?kn.t("Caution, your slippage is high. Your trade may be front run."):kn.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:r.minRequiredSlippage}})},po.createElement(Cl,{size:18}),po.createElement(Cl,{size:32}),po.createElement(Rd,{id:"widget-slippage-warning-modal-confirm-anyway-btn",size:"large",type:"primary",variant:"contained",fullWidth:!0,disabled:a,onClick:n},po.createElement(kw,{color:"white",size:16}),kn.t("Swap anyway")),po.createElement(Cl,{size:10}),po.createElement(Cw,{id:"widget-slippage-warning-modal-change-slippage-btn",size:"large",type:"primary",variant:"outlined",fullWidth:!0,disabled:a,onClick:()=>s("../"+F.settings)},kn.t("Change Slippage"))))}i(af,"SlippageWarningModal");import{Button as ww,MessageBox as xw,WarningIcon as bw}from"@rango-dev/ui";import $i from"react";function sf(t){let{open:e,onClose:o,onConfirm:n,confirmationDisabled:r}=t;return $i.createElement(J,{footer:$i.createElement(ww,{id:"widget-unknown-price-warning-modal-confirm-btn",type:"primary",size:"large",prefix:$i.createElement(bw,null),fullWidth:!0,disabled:r,onClick:n},oe().unknownPriceError.confirmMessage),open:e,onClose:o,container:A()},$i.createElement(xw,{type:"warning",title:oe().unknownPriceError.impactTitle,description:oe().unknownPriceError.description}))}i(sf,"UnknownPriceWarningModal");function ar(t){let{warning:e,error:o,couldChangeSettings:n,showWarningModal:r,confirmationDisabled:a,skipAlerts:s,refetchQuote:l,onOpenWarningModal:p,onCloseWarningModal:c,onConfirmWarningModal:u,onChangeSettings:m,onChangeSlippage:h}=t,g={confirmationDisabled:a,open:r,onClose:c,onConfirm:u},d=o?.type===0||o?.type===1,f=nf(e,o?.type===3||o?.type===4?o:null);f&&!n&&(f.action=null);let y=!!f&&!s,T=i(C=>{if(C==="change-slippage"){let k=o?.type===3||o?.type===4?o:null,v=rf(e,k);h?.(v)}else C==="change-settings"&&m()},"onclickActionButton");return Fe.createElement(Fe.Fragment,null,d&&Fe.createElement(Fe.Fragment,null,Fe.createElement(lf,{size:10}),Fe.createElement(nr,{skipAlerts:s,error:o,fetch:l})),y&&Fe.createElement(Yd,null,Fe.createElement(lf,{size:10}),Fe.createElement(Iw,{title:f.title,type:f.alertType,variant:"alarm",...f.action==="show-info"&&{action:Fe.createElement(Jd,{onClick:p},Fe.createElement(Nw,{size:12,color:"gray"}))},...(f.action==="change-settings"||f.action==="change-slippage")&&{action:Fe.createElement(Aw,{id:"widget-quote-warning-error-change-settings-btn",size:"xxsmall",type:f.alertType,onClick:()=>T(f.action)},f.actionButtonTitle||Ew.t("Change"))}})),e&&Fe.createElement(Fe.Fragment,null,e.type===0&&Fe.createElement(of,{...g,warning:e}),(e.type===3||e.type===2)&&Fe.createElement(af,{...g,warning:e}),e.type===1&&Fe.createElement(sf,{...g,warning:e})))}i(ar,"QuoteWarningsAndErrors");import rx from"bignumber.js";import Yi from"react";import{i18n as Lo}from"@lingui/core";import{Alert as Gw,Divider as wn,FullExpandedQuote as Vw,InfoIcon as Kw,NumericTooltip as Df,QuoteTag as jw,StepDetails as Xw,TokenAmount as Yw,Typography as xn}from"@rango-dev/ui";import Al from"bignumber.js";import U,{useRef as Zw,useState as Jw}from"react";import{styled as Tl}from"@rango-dev/ui";var kl=Tl("div",{width:"100%","& .position-top__skeleton":{paddingTop:"$10"}}),pf=Tl("div",{paddingBottom:"$15",variants:{dense:{true:{paddingBottom:0}}}}),cf=Tl("div",{width:"100%",display:"flex"});import*as Fi from"@radix-ui/react-collapsible";import{Button as Bw,css as sr,darkTheme as Be,Image as uf,styled as Ke,Typography as Ww}from"@rango-dev/ui";var Lw=300,mf=Ke(Fi.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$secondary200",[`.${Be} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"}}]}),df=sr({padding:"$10 $15"}),ff=Ke(Bw,{backgroundColor:"transparent",border:"1px solid $secondary550",[`.${Be} &`]:{border:"1px solid $secondary"},transition:"background-color 0.3s ease","&:hover":{backgroundColor:"$secondary550",[`.${Be} &`]:{backgroundColor:"$secondary"},".allRoutesLabel":{$$color:"$colors$background",[`.${Be} &`]:{$$color:"$colors$foreground"},color:"$$color",transition:"color 0.3s ease"}}}),gf=Ke("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":{"& .quote_container":{"& button":{backgroundColor:"$neutral500",[`.${Be} &`]:{backgroundColor:"$neutral200"}},backgroundColor:"$neutral500",[`.${Be} &`]:{backgroundColor:"$neutral200"}},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$secondary100",[`.${Be} &`]:{$$color:"$colors$secondary550"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}}},{listItem:!0,selected:!1,css:{cursor:"pointer","&:hover":{backgroundColor:"$neutral300",[`.${Be} &`]:{backgroundColor:"$neutral400"}}}}]}),hf=sr({width:"100%",padding:"$15 $15 $10 $15"}),yf=sr({display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center",paddingBottom:"$10",position:"relative"}),vn=sr({display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",".blockchainImage":{marginLeft:"-$8"}}),Sf=sr({display:"flex",alignItems:"center",".usd-value":{$$color:"$colors$neutral600",[`.${Be} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Cf=Ke(Fi.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:{[`& ${uf}`]:{border:"1px $warning500 solid",borderRadius:"100%"}},false:{[`& ${uf}`]:{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$secondary200",[`.${Be} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"}}],".blockchains_section":{display:"none"},"@xs":{".blockchains_section":{display:"block"}}}),Tf=Ke("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"}}}}),kf=Ke(Bi,{width:"100%",background:"inherit"}),vl=Ke("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$2",transition:`all ${Lw}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),Oz=Ke("div",{height:"$12",marginLeft:"$10",marginRight:"$10",borderLeft:"1px solid $foreground"}),vf=Ke("div",{display:"flex",justifyContent:"center",margin:"0 $15",borderTop:"1px solid",$$color:"$colors$neutral300",[`.${Be} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color"}),wf=Ke("div",{width:"$16",height:"$16",justifyContent:"center",alignItems:"center",display:"flex"}),wl=Ke(Ww,{overflow:"hidden",textOverflow:"ellipsis",letterSpacing:.4}),xf=Ke("div",{display:"flex",flexWrap:"wrap"}),xl=Ke("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"}}}}),bf=Ke("div",{display:"flex"}),Oi=Ke("div",{width:"100%",borderTopWidth:"1px",borderTopStyle:"solid",borderTopColor:"$neutral",margin:"$5 0",[`.${Be} &`]:{borderTopColor:"$neutral800"}});import{i18n as Mt}from"@lingui/core";import{ChevronDownIcon as Pw,CloseIcon as _w,Divider as Qi,IconButton as Dw,NumericTooltip as $w,QuoteCost as Fw,Typography as xt}from"@rango-dev/ui";import X,{useState as Nf}from"react";import{css as Mw,styled as Ui}from"@rango-dev/ui";var zi=Ui("div",{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"$5 0","&.total_payable_fee":{padding:"$12 0"}}),bl=Ui("div",{width:"100%",borderTop:"1px solid $neutral300",margin:"$10 0"}),Ef=Ui("div",{padding:"$20 0",display:"flex",flexDirection:"column","& .collapsible_trigger":{display:"flex",alignItems:"center"}}),If=Ui("div",{padding:"$20 $20 $10",position:"relative","._icon-button":{position:"absolute",zIndex:10,top:"$16",right:"$16"}}),Af=Mw({display:"flex",flexDirection:"row",alignItems:"center",padding:"$5","&:hover":{"& ._typography, & svg":{color:"$secondary"}}});var Ow=i(t=>t.fee.isZero()?null:X.createElement(zi,null,X.createElement(xt,{variant:"label",size:"medium",color:"neutral600"},t.label),X.createElement(xt,{variant:"label",size:"medium"},"$",_(t.fee,4,4))),"NonPayableFee");function El(t){let[e,o]=Nf(!1),[n,r]=Nf(!1),{steps:a,quote:s,fee:l,time:p,feeWarning:c,timeWarning:u,showModalFee:m,fullExpandedMode:h=!1}=t,g=s?.swaps??[],d=h?Co():A(),f=cm(g);return X.createElement(X.Fragment,null,X.createElement(Fw,{onClickFee:m?y=>{y.stopPropagation(),o(!e)}:void 0,fee:l,feeWarning:c,timeWarning:u,time:p,steps:a,tooltipGas:m?Mt.t("View more info"):void 0,tooltipContainer:d}),X.createElement(J,{container:d,open:e,anchor:h?"center":"bottom",styles:{container:{maxWidth:h?"484px":"unset"}},header:X.createElement(If,{style:{textAlign:h?"left":"center"}},X.createElement(xt,{variant:"title",size:"medium"},Mt.t("Gas & Fee Explanation")),X.createElement(Dw,{id:"widget-quote-cost-details-modal-close-icon-btn",onClick:()=>o(!1),variant:"ghost"},X.createElement(_w,{color:"gray",size:14}))),onClose:()=>{o(!1)}},X.createElement(Ef,null,X.createElement(xt,{variant:"title",size:"small"},Mt.t("Details")),X.createElement(Qi,{size:10}),Object.entries(f.payable).flatMap(([y,T])=>T.map((C,k)=>{let v=`payable-fee-${k}`,b=vs(C);return X.createElement(zi,{key:v},X.createElement(xt,{variant:"label",size:"medium",color:"neutral600"},ys(y,Mt.t)),X.createElement($w,{content:C.amount,container:d},X.createElement(xt,{variant:"label",size:"medium"},_(C.amount,2,2)," ",C.asset.symbol," ($",_(b,4,4),")")))})),X.createElement(zi,{className:"total_payable_fee"},X.createElement(xt,{variant:"label",size:"medium"},Mt.t("Total Payable Fee")),X.createElement(xt,{variant:"label",size:"medium"},"$",_(l,4,4))),X.createElement(bl,null),Object.keys(f.nonePayable).length&&X.createElement(Mi,{triggerAnchor:"bottom",onClickTrigger:()=>r(y=>!y),trigger:X.createElement("div",{className:Af()},X.createElement(xt,{size:"small",variant:"body",color:"neutral700"},n?Mt.t("Hide non-payable fees"):Mt.t("Show non-payable fees")),X.createElement(Qi,{size:4,direction:"horizontal"}),X.createElement(Wi,{orientation:n?"up":"down"},X.createElement(Pw,{size:12,color:"gray"}))),open:n},X.createElement(xt,{size:"small",variant:"title"},Mt.t("Description")),X.createElement(Qi,{size:4}),X.createElement(xt,{size:"small",variant:"body",color:"neutral700"},Mt.t(`The following fees are considered in the transaction output and
|
|
2
|
+
you won\u2019t need to pay extra gas for them.`)),X.createElement(Qi,{size:10}),Object.entries(f.nonePayable).map(([y,T],C)=>{let k=pm(T),v=ys(y,Mt.t),b=`non-payable-fee-${C}`;return X.createElement(Ow,{key:b,fee:k,label:v})}),X.createElement(bl,null)))))}i(El,"QuoteCostDetails");import{i18n as Lf}from"@lingui/core";import{TokenAmount as Mf}from"@rango-dev/ui";import Hi from"react";import{css as Uw,styled as zw}from"@rango-dev/ui";var Bf=zw("div",{position:"relative",display:"flex",flexDirection:"column",width:"100%"}),Wf=Uw({height:"14px",marginLeft:"14px",position:"absolute",borderLeft:"1px solid $foreground",top:"42%"});function lr(t){let{from:e,to:o,percentageChange:n,warningLevel:r}=t;return Hi.createElement(Bf,null,Hi.createElement(Mf,{direction:"horizontal",label:Lf.t("Swap input"),type:"input",tooltipContainer:A(),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}}),Hi.createElement("div",{className:Wf()}),Hi.createElement(Mf,{direction:"horizontal",tooltipContainer:A(),label:Lf.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(lr,"QuoteSummary");import{i18n as Pf}from"@lingui/core";import{ChevronDownIcon as Qw,ChevronRightIcon as Hw,Divider as Il,Image as qw,Tooltip as Ki,Typography as qi}from"@rango-dev/ui";import z from"react";var Gi=4,Vi=6,pr=i(t=>{let{content:e,src:o,className:n,open:r,state:a,container:s}=t,l=s||A();return z.createElement(Ki,{container:l,side:"bottom",sideOffset:4,open:r,content:e},z.createElement(Tf,{className:n,state:a},z.createElement(qw,{src:o,size:16})))},"ImageComponent");function _f(t){let{quoteRef:e,selected:o,setExpanded:n,steps:r,expanded:a,type:s,container:l}=t,p=l||A(),c=r.length,u=Ru(r),{isTablet:m,isMobile:h}=fn();return z.createElement(Cf,{listItem:s==="list-item",ref:g=>e.current=g,selected:o,onClick:g=>{g.stopPropagation(),n(d=>!d)}},z.createElement("div",{className:vn()},z.createElement(qi,{variant:"body",size:"xsmall"},Pf.t("Via:")),z.createElement(Il,{direction:"horizontal",size:4}),r.map((g,d)=>{let f=`item-${d}`,y=z.createElement(vl,null,z.createElement(Hw,{size:12,color:"black"}));return h||m?z.createElement(z.Fragment,{key:f},z.createElement(pr,{content:g.swapper.displayName,src:g.swapper.image??"",state:g.state,container:l}),d!==c-1&&z.createElement(z.Fragment,null,y)):z.createElement(z.Fragment,{key:f},c<=Gi||c>Gi&&d<Gi-1?z.createElement(z.Fragment,null,z.createElement(pr,{content:g.swapper.displayName,src:g.swapper.image??"",state:g.state,container:l}),d!==c-1&&z.createElement(z.Fragment,null,y)):d===Gi-1&&z.createElement(Ki,{container:p,side:"bottom",align:"end",sideOffset:4,content:z.createElement("div",{className:vn()},y,r.map((T,C)=>{let k=`image-${C}`;return C>=d&&z.createElement(z.Fragment,{key:k},z.createElement(pr,{content:T.swapper.displayName,src:T.swapper.image??"",state:T.state,open:!1}),C!==c-1&&z.createElement(z.Fragment,null,y))}))},z.createElement(xl,{state:r.find((T,C)=>C>=d&&(T.state==="error"||T.state==="warning"))?.state},z.createElement(qi,{size:"xsmall",variant:"body"},"+",c-d))))})),z.createElement("div",{className:vn()},z.createElement("div",{className:"blockchains_section"},z.createElement("div",{className:vn()},z.createElement(qi,{variant:"body",size:"xsmall"},Pf.t("Chains:")),z.createElement(Il,{direction:"horizontal",size:4}),u.map((g,d)=>z.createElement(z.Fragment,{key:g.displayName},u.length<=Vi||u.length>Vi&&d<Vi-1?z.createElement(Ki,{container:p,side:"bottom",content:g.displayName,sideOffset:4},z.createElement(pr,{content:"",src:g.image??"",open:!1,className:d!==0?"blockchainImage":""})):d===Vi-1&&z.createElement(Ki,{container:p,side:"bottom",align:"end",sideOffset:4,content:z.createElement("div",{className:vn()},u.map((f,y)=>y>=d&&z.createElement(pr,{key:f.displayName,content:"",src:f.image??"",open:!1,className:y>d?"blockchainImage":"",container:l})))},z.createElement(xl,{className:"blockchainImage"},z.createElement(qi,{size:"xsmall",variant:"body"},"+",u.length-d))))),z.createElement(Il,{direction:"horizontal",size:32}))),z.createElement(vl,{orientation:a?"up":"down"},z.createElement(Qw,{size:12,color:"black"}))))}i(_f,"QuoteTrigger");function Nl(t){let{quote:e,input:o,output:n,error:r,warning:a,type:s,selected:l=!1,tagHidden:p=!0,showModalFee:c=!0,onClickAllRoutes:u,fullExpandedMode:m=!1,container:h}=t,g=S().blockchains(),{findToken:d}=S(),f=S().swappers(),{customSlippage:y,slippage:T}=S(),C=y||T,[k,v]=Jw(t.expanded),b=Zw(null),I=_(o.value,6,6),N=_(n.value,6,6),E=n.usdValue?_(n.usdValue,4,4):"",x=zt(o.usdValue,n.usdValue??null),w=_(x,2,2),B=Qt(x??0),P=i((se,Ze)=>se.map((q,W)=>{let G,j=r?.type===3&&r.swap.swapperId===q.swapperId,ee=r?.type===4&&r.recommendedSlippages?.has(W),fe=a?.type===2&&a.recommendedSlippages?.has(W),Ue=j||ee,Je=fe;Ue?G="error":Je&&(G="warning");let xe=Ue?Lo.t("Slippage Error"):Lo.t("Slippage Warning");return j&&(xe=Lo.t("Bridge Limit Error")),{swapper:{displayName:Dn(q.swapperId,f)??"",image:q.swapperLogo},from:{token:{displayName:q.from.symbol,image:q.from.logo},chain:{displayName:ft(q.from.blockchain,g)??"",image:q.from.blockchainLogo},price:{value:W===0&&!Ze?_(o.value,6,6):_(q.fromAmount,6,6),usdValue:_((q.from.usdPrice??0)*parseFloat(q.fromAmount),4,4),realValue:W===0?o.value:q.fromAmount,realUsdValue:new Al(q.from.usdPrice??0).multipliedBy(q.fromAmount).toString()}},to:{token:{displayName:q.to.symbol,image:q.to.logo},chain:{displayName:ft(q.to.blockchain,g)||"",image:q.to.blockchainLogo},price:{value:_(q.toAmount,6,6),usdValue:_((q.to.usdPrice??0)*parseFloat(q.toAmount),4,4),realValue:q.toAmount,realUsdValue:new Al(q.to.usdPrice??0).multipliedBy(q.toAmount).toString()}},state:G,alerts:Ue||Je?U.createElement(pf,{dense:m},U.createElement(Gw,{variant:"alarm",type:Ue?"error":"warning",title:xe,footer:U.createElement(cf,null,j&&U.createElement("div",null,U.createElement(xn,{size:"xsmall",variant:"body",color:"neutral900"},r.fromAmountRangeError),U.createElement(wn,{direction:"vertical",size:2}),U.createElement(xn,{size:"xsmall",variant:"body",color:"neutral900"},Lo.t({id:"Yours: {amount} {symbol}",values:{amount:_(q.fromAmount,6,6),symbol:q?.from.symbol}}))),(ee||fe)&&!j&&U.createElement("div",null,U.createElement(xn,{size:"xsmall",variant:"body",color:"neutral900"},Lo.t({id:"Minimum suggested slippage: {minRequiredSlippage}",values:{...r?.type===4&&{minRequiredSlippage:r.recommendedSlippages?.get(W)},...a?.type===2&&{minRequiredSlippage:a.recommendedSlippages?.get(W)}}})),U.createElement(wn,{direction:"vertical",size:2}),U.createElement(xn,{size:"xsmall",variant:"body",color:"neutral900"},Lo.t({id:"Yours: {userSlippage}",values:{userSlippage:C}}))))})):void 0,time:Bn(q.estimatedTimeInSeconds),fee:_(ks(q,d),2,2),internalSwaps:q.internalSwaps?P(q.internalSwaps):void 0}}),"getQuoteSteps"),$=P(e?.swaps??[]),H=$.length,R=h||A(),K=tm(t.quote.tags||[]),L=!!u,ae=zr(e?.swaps),re=Bn(ae),Q=hi(e?.swaps??[],d),Z=_(Q,2,2),le=Q.gte(new Al(Gu)),ue=ae/Ku>=Vu;return m?U.createElement(Vw,{selected:l,fee:Z,time:re,tooltipContainer:Co(),steps:$,tags:K,quoteCost:U.createElement(El,{quote:e,fullExpandedMode:!0,time:re,fee:Z,feeWarning:le,timeWarning:ue,showModalFee:c,steps:H}),percentageChange:w,warningLevel:B,outputPrice:{value:N,usdValue:E,realValue:n.value,realUsdValue:n.usdValue}}):U.createElement(gf,{selected:l,listItem:s==="list-item",basic:s==="basic"},U.createElement("div",{className:hf()},!p&&K.length?U.createElement(U.Fragment,null,U.createElement(bf,null,K.map((se,Ze)=>{let q=`${se.value}_${Ze}`;return U.createElement(U.Fragment,{key:q},U.createElement(jw,{label:se.label,value:se.value}),U.createElement(wn,{size:4,direction:"horizontal"}))})),U.createElement(Oi,null),!L&&U.createElement(wn,{size:4})):null,U.createElement("div",{id:"portal-root",className:yf()},U.createElement(El,{quote:e,time:re,fee:Z,feeWarning:le,timeWarning:ue,showModalFee:c,steps:H}),L&&U.createElement(ff,{onClick:se=>{se.stopPropagation(),u()},size:"xxsmall",type:"secondary",variant:"default",css:{paddingLeft:"$10",paddingRight:"$10",paddingTop:"$5",paddingBottom:"$5"}},U.createElement(xn,{color:"secondary",variant:"body",size:"xsmall",className:"allRoutesLabel"},Lo.t("See All Routes")))),s==="basic"&&U.createElement("div",{className:Sf()},U.createElement(wf,null,U.createElement(Kw,{size:12,color:"gray"})),U.createElement(xf,null,U.createElement(wl,{size:"small",variant:"body"},`${I} ${$[0].from.token.displayName} = `),U.createElement(Df,{content:n.value,container:R,open:n.value?void 0:!1},U.createElement(wl,{size:"small",variant:"body"},"\xA0",`${N} ${$[$.length-1].to.token.displayName}`))),U.createElement(Df,{content:n.usdValue,container:R},U.createElement(wn,{size:2,direction:"horizontal"}),U.createElement(xn,{color:"$neutral600",size:"xsmall",variant:"body"},`($${E})`))),s==="list-item"&&U.createElement(Yw,{tooltipContainer:R,type:"output",direction:"vertical",price:{value:N,usdValue:E,realValue:n.value,realUsdValue:n.usdValue},token:{displayName:$[H-1].to.token.displayName,image:$[H-1].to.token.image},chain:{image:$[H-1].to.chain.image},percentageChange:w,warningLevel:B}),s==="swap-preview"&&U.createElement(U.Fragment,null,U.createElement(lr,{from:$[0].from,to:$[H-1].to,percentageChange:w,warningLevel:B}),U.createElement(wn,{size:4}))),U.createElement(mf,{selected:l,listItem:s==="list-item",open:k,className:"quote_container",onOpenChange:v},U.createElement(_f,{type:s,quoteRef:b,selected:l,setExpanded:v,container:R,expanded:k,steps:$}),U.createElement(kf,{open:k},U.createElement(vf,null),U.createElement("div",{className:df()},$.map((se,Ze)=>{let q=`item-${Ze}`;return U.createElement(Xw,{type:"quote-details",key:q,tooltipContainer:R,step:se,hasSeparator:Ze!==$.length-1,state:se.state})})))))}i(Nl,"Quote");import{Divider as ox,Skeleton as nx}from"@rango-dev/ui";import Gt from"react";import{darkTheme as Rw,styled as ji}from"@rango-dev/ui";var $f=ji("div",{$$color:"$colors$neutral100",[`.${Rw} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",borderBottomLeftRadius:"$xm",borderBottomRightRadius:"$xm",padding:"$15",variants:{rounded:{true:{borderRadius:"$xm"}},expanded:{true:{paddingBottom:"3px"},false:{paddingBottom:"$12"}}}}),Ff=ji("div",{paddingTop:"$2"}),Of=ji("div",{paddingLeft:"$8"}),Uf=ji("div",{borderLeft:"1px dashed $foreground",minHeight:" 0",margin:"0px 11.5px",alignSelf:"stretch",variants:{hideSeparator:{true:{minHeight:"unset",height:"0"}}}});import{ChainToken as Yf,Divider as bt,Skeleton as pt}from"@rango-dev/ui";import V from"react";import{css as ex,styled as qt}from"@rango-dev/ui";var Bl=qt("div",{display:"flex"}),zf=qt("div",{padding:"$10 $0 $20"}),Qf=qt("div",{padding:"14px $0 $20 $0",display:"flex",flexDirection:"column"}),Hf=qt("div",{display:"flex",justifyContent:"start",alignItems:"center"}),qf=qt("div",{display:"flex",justifyContent:"space-between",alignItems:"end"}),Gf=qt("div",{height:"$24",marginLeft:"13px",borderLeft:"1px solid $neutral700"}),Vf=qt("div",{width:"65%",display:"flex",justifyContent:"start"}),Kf=qt("div",{display:"flex",flexDirection:"column",alignItems:"start",flexGrow:1,maxWidth:"148px"}),jf=qt("div",{padding:"$15 $0 $15 $0"}),Xf=ex({display:"flex",justifyContent:"space-between",alignItems:"center"});function cr(t){let{type:e,tagHidden:o=!0}=t,n=V.createElement(qf,null,V.createElement(Vf,null,V.createElement(Yf,{loading:!0,size:"medium"}),V.createElement(bt,{size:8,direction:"horizontal"}),V.createElement(Kf,null,V.createElement(pt,{height:10,width:60,variant:"rounded"}),V.createElement(bt,{size:4}),V.createElement(pt,{height:15,variant:"rounded"}))),V.createElement(pt,{height:12,width:64,variant:"rounded"})),r=e==="basic"&&!o;return V.createElement("div",null,!o&&V.createElement(V.Fragment,null,V.createElement(Bl,null,V.createElement(pt,{width:65,height:20,variant:"rounded"}),V.createElement(bt,{size:4,direction:"horizontal"}),V.createElement(pt,{width:65,height:20,variant:"rounded"}),V.createElement(bt,{size:4,direction:"horizontal"}),V.createElement(pt,{width:65,height:20,variant:"rounded"})),V.createElement(Oi,null),!r&&V.createElement(bt,{size:4})),V.createElement("div",{className:Xf()},V.createElement(Bl,null,V.createElement(pt,{width:60,height:10,variant:"rounded"}),V.createElement(bt,{size:4,direction:"horizontal"}),V.createElement(pt,{width:60,height:10,variant:"rounded"}),V.createElement(bt,{size:4,direction:"horizontal"}),V.createElement(pt,{width:60,height:10,variant:"rounded"})),r&&V.createElement(pt,{width:85,height:24,variant:"rounded"})),e==="basic"&&V.createElement(zf,null,V.createElement(pt,{height:15,width:148,variant:"rounded"})),e==="list-item"&&V.createElement(Qf,null,V.createElement(Hf,null,V.createElement(Yf,{loading:!0,size:"medium"}),V.createElement(bt,{direction:"horizontal",size:4}),V.createElement(pt,{height:15,width:150,variant:"rounded"})),V.createElement(bt,{size:10}),V.createElement(pt,{height:10,width:184,variant:"rounded"})),e==="swap-preview"&&V.createElement(V.Fragment,null,V.createElement(bt,{size:4}),V.createElement(jf,null,n,V.createElement(Gf,null),n),V.createElement(bt,{size:12})))}i(cr,"QuoteSummarySkeleton");import{ChainToken as tg,Divider as Ll,NextIcon as tx,Skeleton as Xi}from"@rango-dev/ui";import We from"react";import{styled as ur}from"@rango-dev/ui";var Zf=ur("div",{display:"flex",alignItems:"start"}),Jf=ur("div",{flexGrow:1,paddingTop:"$5",paddingBottom:"$10",display:"flex",alignItems:"center",variants:{extraSpace:{true:{paddingBottom:"$40"}}}}),Wl=ur("div",{display:"flex",alignItems:"center",flexGrow:1}),Rf=ur("div",{margin:"$0 $2",padding:"$4",display:"flex",justifyContent:"center",alignItems:"center"}),eg=ur("div",{display:"flex",alignItems:"center"});function Pt(t){let{separator:e=!0}=t;return We.createElement(We.Fragment,null,We.createElement(eg,null,We.createElement(Xi,{height:22,width:22,variant:"circular"}),We.createElement(Ll,{direction:"horizontal",size:8}),We.createElement(Xi,{height:15,width:148,variant:"rounded"})),We.createElement(Zf,null,We.createElement(Uf,{hideSeparator:!e}),We.createElement(Jf,{extraSpace:e},We.createElement(Wl,null,We.createElement(tg,{size:"small",loading:!0}),We.createElement(Ll,{direction:"horizontal",size:8}),We.createElement(Xi,{height:12,variant:"rounded"})),We.createElement(Rf,null,We.createElement(tx,{color:"gray",size:16})),We.createElement(Wl,null,We.createElement(tg,{size:"small",loading:!0}),We.createElement(Ll,{direction:"horizontal",size:8}),We.createElement(Xi,{height:12,variant:"rounded"})))))}i(Pt,"StepSkeleton");function mr(t){let{type:e,expanded:o,tagHidden:n=!1}=t;return Gt.createElement($f,{expanded:o,rounded:e!=="basic"},Gt.createElement(cr,{type:e,tagHidden:n}),Gt.createElement(Ff,null,Gt.createElement(nx,{height:15,variant:"rounded"})),o&&Gt.createElement(Of,null,Gt.createElement(ox,{size:24}),Gt.createElement(Pt,null),Gt.createElement(Pt,null),Gt.createElement(Pt,{separator:!1})))}i(mr,"QuoteSkeleton");function Mo(t){let{quote:e,type:o,loading:n,error:r,warning:a,expanded:s=!1,tagHidden:l,onClick:p,showModalFee:c,selected:u,onClickAllRoutes:m,fullExpandedMode:h=!1,container:g}=t,{inputAmount:d,inputUsdValue:f}=O(),y=e?.outputAmount?new rx(e?.outputAmount):null,T=e?yt(e):null,k=!(r&&(r.type===0||r.type===1))&&e&&!n;return n?Yi.createElement(kl,null,Yi.createElement(mr,{tagHidden:l,type:o,expanded:s})):k?Yi.createElement(kl,{onClick:()=>p?.(e)},Yi.createElement(Nl,{quote:e,error:r,container:g,showModalFee:c,warning:a,tagHidden:l,selected:u,type:o,expanded:s,onClickAllRoutes:m,fullExpandedMode:h,input:{value:d,usdValue:f?.toString()??""},output:{value:y?.toString()??"",usdValue:T?.toString()??""}})):null}i(Mo,"QuoteInfo");import{calculatePendingSwap as lx}from"@rango-dev/queue-manager-rango-preset";import{useEffect as px}from"react";import{useRef as ix,useState as ax}from"react";var sx=2e3;function Zi({request:t}){let[e,o]=ax(!1),n=ix(null),r=i(()=>n.current?.abort(),"cancelFetch"),a=i(async l=>(await new Promise(p=>setTimeout(p,sx)),await s(l,!1)),"retryFetch"),s=i(async(l,p=!1)=>{r(),n.current=new AbortController,o(!0);try{let c=await t(l,{signal:n.current.signal});return n.current=null,c}catch(c){if(p)return await a(l);throw c}finally{o(!1)}},"fetch");return{fetch:s,loading:e,cancelFetch:r}}i(Zi,"useFetch");function og(){let{fetch:t,loading:e,cancelFetch:o}=Zi({request:async(n,r)=>await at().confirmRoute(n,r)});return{fetch:t,loading:e,cancelFetch:o}}i(og,"useFetchConfirmQuote");function Ji(t){if(!t.swaps)throw new Error(oe().noResultError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});let e=Ml(t.swaps);if(e)throw new Error(e.message,{cause:e.options})}i(Ji,"throwErrorIfResponseIsNotValid");function Ml(t){if(am(t)){let{swap:n,recommendation:r,fromAmountRangeError:a}=sm(t);return{message:"bridge limit error",options:{type:3,swap:n,recommendation:r,fromAmountRangeError:a}}}let o=um(t);if(o){let n=yi(t);return{message:"",options:{type:4,recommendedSlippages:o,minRequiredSlippage:n}}}return null}i(Ml,"getQuoteError");function ng(t){let{currentQuote:e,previousQuote:o,meta:n,selectedWallets:r,userSlippage:a,findToken:s}=t,l={quote:null,balance:null},p=cn({previousQuote:o,currentQuote:e,findToken:s,userSlippage:a});p&&(l.quote=p);let c=fm(e,r,n.blockchains);return c.length===0||(l.balance={messages:c}),l}i(ng,"generateWarnings");function Ri(t){return t?.code==="ERR_CANCELED"?{swap:null,error:{type:2},warnings:null}:t.cause?{swap:null,error:t.cause,warnings:null}:t?.code==="ERR_BAD_REQUEST"?{swap:null,error:{type:0,diagnosisMessage:t.response.data.error},warnings:null}:{swap:null,error:{type:1,diagnosisMessage:t.message},warnings:null}}i(Ri,"handleQuoteErrors");function Pl(){let{fromToken:t,toToken:e,inputAmount:o,inputUsdValue:n,setSelectedQuote:r,selectedQuote:a,customDestination:s,resetAlerts:l}=O(),{slippage:p,customSlippage:c}=S(),u=S().getDisabledLiquiditySources(),m=S().blockchains(),h=S().tokens(),{findToken:g}=S(),d=c||p,{fetch:f,cancelFetch:y,loading:T}=og();return px(()=>y,[]),{loading:T,fetch:i(async k=>{let v=k.selectedWallets,b=k?.customDestination??s;if(!t||!e||!o)return{quote:null,swap:null,error:null,warnings:null};let I=v.reduce((E,x)=>(E[x.chain]=x.address,E),{}),N={requestId:a?.requestId||"",selectedWallets:I,destination:b||void 0};try{return await f(N,!0).then(E=>{let{result:x}=E;if(!x)throw new Error(E.error??"Error fetching updated quote");Ji({diagnosisMessages:x.diagnosisMessages,requestId:x.requestId,swaps:x.result?.swaps});let w={outputAmount:x.result?.outputAmount,requestId:x.requestId,resultType:x.result?.resultType,swaps:x.result?.swaps||[],validationStatus:x.validationStatus,requestAmount:x.requestAmount};r(w);let B={slippage:d.toString(),disabledSwappersGroups:u},P=ng({previousQuote:a??void 0,currentQuote:w,meta:{blockchains:m},selectedWallets:v,userSlippage:d,inputUsdValue:n,findToken:g});l();let $=!!P.balance,H=lx(o.toString(),x,dm(v),B,!$,{blockchains:m,tokens:h});return{quote:w,swap:H,error:null,warnings:P}})}catch(E){return Ri(E)}},"fetch"),cancelFetch:y}}i(Pl,"useConfirmSwap");var Cx=dx("div",{width:"100%",display:"flex",justifyContent:"space-between",[`& ${rg}`]:{width:"$48",height:"$48"}}),Tx=$l({flexGrow:1,paddingRight:"$10"}),kx=$l({width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"}),vx=$l({display:"flex",justifyContent:"space-between",alignItems:"center"});function ig(){let{selectedQuote:t,setInputAmount:e,selectedWallets:o,quoteWalletsConfirmed:n,customDestination:r,quoteWarningsConfirmed:a}=O(),s=Sx(),[l,p]=dr(""),c=!n,[u,m]=dr(!1),[h,g]=dr(!1),{isActiveTab:d}=te(),f=S().getDisabledLiquiditySources(),y=yx(f),{manager:T}=cx(),{fetch:C,loading:k,cancelFetch:v}=Pl(),[b,I]=dr({swap:null,error:null,warnings:null}),[N,E]=dr(!1),x=i(async({selectedWallets:L,customDestination:ae})=>{let re=await C?.({selectedWallets:L,customDestination:ae});return I(re),re},"onConfirmSwap"),w=i(async()=>{if(b.swap&&n)try{await T?.create("swap",{swapDetails:b.swap},{id:b.swap.requestId});let L=`../${F.swaps}/${b.swap.requestId}`;s(L,{replace:!0}),setTimeout(()=>{e("")},0)}catch(L){p("Error: "+L?.message)}},"addNewSwap"),B=i(async()=>{g(!0),await w(),g(!1)},"onConfirm"),P=i(async()=>{b.warnings?.quote&&Ju(b.warnings.quote)&&!a?E(!0):await B()},"onStartConfirmSwap"),$=i(async()=>{I({error:null,swap:null,warnings:null}),C({selectedWallets:o,customDestination:r}).then(L=>{I(L)}).catch(L=>console.error(L))},"onRefresh");ea(()=>{!!y.current.length&&!f.length&&$(),y.current=f},[f.length]),ea(()=>{c&&v()},[c]),ea(()=>{c&&m(c)},[c]),ea(()=>{c||C({selectedWallets:o,customDestination:r}).then(L=>I(L)).catch(L=>console.error(L))},[]),hx(()=>{t?.requestId||s(`../${location.search}`)},[t?.requestId]);let H=b.warnings?.quote??null,R=b.error,K=[];if(l&&K.push(De.createElement(ux,{type:"error",variant:"alarm",title:l})),H||R){let L=`../${F.settings}`;K.push(De.createElement(ar,{warning:H,error:R,couldChangeSettings:!1,refetchQuote:$,skipAlerts:R?.type===4||H?.type===2,showWarningModal:N,confirmationDisabled:!d,onOpenWarningModal:()=>E(!0),onCloseWarningModal:()=>E(!1),onConfirmWarningModal:async()=>{E(!1),await w()},onChangeSettings:()=>s(L)}))}return De.createElement(ie,{header:{title:_l.t("Confirm Swap"),onWallet:()=>{let L=`../${F.wallets}`;s(L)}},footer:De.createElement(Cx,null,De.createElement("div",{className:Tx()},De.createElement(mx,{id:"widget-confirm-swap-start-btn",variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:k||h,disabled:!!b.error||!d,onClick:P},_l.t("Start Swap"))),De.createElement(rg,{id:"widget-confirm-swap-wallet-icon-btn",variant:"contained",type:"primary",size:"large",loading:k||h,disabled:!d,onClick:m.bind(null,!0)},De.createElement(gx,{size:24})))},u&&De.createElement(Qd,{open:u,onClose:()=>m(!1),onCancel:v,loading:k,onCheckBalance:x}),De.createElement(pe,null,De.createElement("div",{className:vx()},De.createElement(fx,{variant:"title",size:"small"},_l.t("You get")),De.createElement("div",{className:kx()},De.createElement(wi,{onClick:!k&&!u&&!N?$:void 0}))),De.createElement(Dl,{size:"12"}),Om(K.map((L,ae)=>({element:L,key:`alert-${ae}`})),De.createElement(Dl,{size:10})),K.length>0?De.createElement(Dl,{size:10}):null,De.createElement(Mo,{quote:t,type:"swap-preview",expanded:!0,tagHidden:!0,error:b.error,loading:k,warning:b.warnings?.quote??null})))}i(ig,"ConfirmSwapPage");import{i18n as Kt}from"@lingui/core";import{Button as Xl,CustomTokensZeroStateDarkIcon as Hx,CustomTokensZeroStateIcon as qx,DeleteIcon as Gx,Divider as Cr,IconButton as Vx,MessageBox as Kx,NotFound as jx,styled as Zl}from"@rango-dev/ui";import ye,{useState as Yl}from"react";import{useNavigate as Xx}from"react-router-dom";import{CloseIcon as xx,IconButton as bx,SearchIcon as Ex,TextField as Ix}from"@rango-dev/ui";import fr from"react";import{styled as wx}from"@rango-dev/ui";var ag=wx("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function Et(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:a,value:s,style:l,setValue:p,suffix:c,...u}=t,m=s.length?fr.createElement(bx,{variant:"ghost",onClick:()=>p?.(""),size:"small"},fr.createElement(xx,{color:"gray",size:10})):null;return c&&(m=c),fr.createElement(Ix,{prefix:fr.createElement(ag,null,fr.createElement(Ex,{color:"black"})),suffix:m,fullWidth:o,color:n,variant:e,style:{padding:10,borderRadius:25,alignItems:"center",...l},size:r,value:s,onChange:a,...u})}i(Et,"SearchInput");import{i18n as jl}from"@lingui/core";import{Button as Wx,CustomTokenWarning as Lx,darkTheme as Sg,Divider as Vt,ExternalLinkIcon as Mx,Image as Px,ListItem as _x,NotFound as Dx,PinIcon as $x,Skeleton as Po,Typography as yr,VirtualizedList as Fx}from"@rango-dev/ui";import M,{useState as Ox}from"react";import{useTranslation as Ux}from"react-i18next";import{Divider as hg,ListItem as Bx,Skeleton as hr}from"@rango-dev/ui";import It from"react";import{css as bn,darkTheme as Fl,ImageContainer as Ax,ListItemButton as Nx,styled as ot,Typography as sg}from"@rango-dev/ui";var Ol=bn({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}),Ul=bn({position:"relative",height:12,width:"30%",maxWidth:"150px"}),zl=bn({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",bottom:"-8px"}),Ql=bn({transform:"translateY(12px)",visibility:"hidden",display:"flex","& a":{display:"flex",justifyContent:"center",alignItems:"center",fontSize:"$12",lineHeight:"$16",$$color:"$colors$neutral600",[`.${Fl} &`]:{$$color:"$colors$neutral700"},color:"$$color",textDecoration:"none"}}),Hl=bn({}),ql=bn(),lg=ot("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden",justifyContent:"center"}),Gl=ot("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),ta=ot("ul",{flexGrow:1,padding:0,margin:0,listStyle:"none","& li":{alignItems:"none","&:hover":{[`& .${Ul}`]:{[`& .${Ql}`]:{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",visibility:"visible"},[`& .${Hl}`]:{bottom:"-15px"},[`& .${Ol}`]:{position:"absolute",transform:"translateY(-12px)",visibility:"hidden"},[`& .${zl}`]:{position:"absolute",transform:"translateY(-12px)",bottom:"-10px"}}}}}),pg=ot(Nx,{variants:{customToken:{true:{"&:hover":{cursor:"unset"}}}}}),Vl=ot("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),Kl=ot(sg,{}),cg=ot("div",{textAlign:"right",width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",[`& .${ql}`]:{$$color:"$colors$neutral600",[`.${Fl} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),gr=ot("div",{display:"flex",alignItems:"end",flexDirection:"column"}),Wq=ot("div",{display:"flex",alignItems:"center"}),ug=ot("div",{position:"relative",[`& ${Ax}`]:{borderRadius:"$xm",overflow:"hidden"}}),mg=ot("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6}),dg=ot(sg,{width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}),fg=ot("a",{"& svg:hover":{color:"$colors$info"}}),gg=ot("div",{paddingRight:"$5","& .widget-token-list-item-btn":{width:"100%",overflow:"hidden",height:"60px"},"& .widget-token-list-item-import-btn":{height:"$20",padding:"0 $10","& ._text":{display:"flex",justifyContent:"center",alignItems:"center"},"& ._typography":{[`.${Fl} &`]:{color:"$foreground"}}}});function yg(t){return It.createElement(ta,null,Array.from(Array(t.size),e=>It.createElement(Bx,{key:e,hasDivider:!0,start:It.createElement(hr,{variant:"circular",width:35,height:35}),end:It.createElement(gr,null,It.createElement(hr,{variant:"text",size:"large",width:70}),It.createElement(hg,{size:4}),It.createElement(hr,{variant:"text",size:"medium",width:50})),title:It.createElement("div",null,It.createElement(hr,{variant:"text",size:"large",width:90}),It.createElement(hg,{size:4}),It.createElement(hr,{variant:"text",size:"medium",width:90}))})))}i(yg,"LoadingTokenList");var zx=20,Qx=i(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:a,customCssForTagTitle:s}=t,l=e.length;return M.createElement("div",{className:Ul()},o?M.createElement("div",{className:Ol()},o):M.createElement(Gl,{className:zl()},M.createElement(yr,{variant:"title",size:"xmedium"},r.symbol),M.createElement(Vt,{direction:"horizontal",size:4}),M.createElement(Vl,{css:a},M.createElement(Kl,{variant:"body",size:"xsmall",css:s},r.blockchain))),!!e&&M.createElement("div",{className:`${Ql()} ${!o&&Hl()}`},l>10?`${e.slice(0,5)}...${e.slice(l-6,l)}`:e," ",M.createElement(Vt,{size:4,direction:"horizontal"}),M.createElement(fg,{href:n,target:"_blank",rel:"nofollow noreferrer",onClick:p=>p.stopPropagation()},M.createElement(Mx,{size:12}))))},"renderDesc");function Sr(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r,showTitle:a=!0,action:s,type:l,showWarning:p=!0}=t,c=S().fetchStatus,u=S().blockchains(),{getBalanceFor:m,fetchingWallets:h}=S(),{isTokenPinned:g}=S(),{setFromToken:d,setToToken:f}=O(),{t:y}=Ux(),T=qe(),[C,k]=Ox(null),v=i(()=>{l==="source"?d({token:C,meta:{blockchains:u}}):f({token:C,meta:{blockchains:u}})},"updateToken"),b=i(()=>{v(),T()},"handleImportToken"),I=i(x=>{if(x.customToken){let{customToken:B,...P}=x;return M.createElement(Wx,{variant:"contained",type:"primary",size:"small",className:"widget-token-list-item-import-btn",onClick:i(H=>{H.stopPropagation(),k({...P,warning:!0})},"handleClick")},M.createElement(yr,{variant:"body",size:"xsmall",color:"background"},y("import")))}let w=Gr(m(x));return s?s(x):h?M.createElement(gr,null,M.createElement(Po,{variant:"text",size:"large",width:70}),M.createElement(Vt,{size:4}),M.createElement(Po,{variant:"text",size:"medium",width:50})):w&&M.createElement(cg,null,M.createElement(dg,{variant:"title",size:"small"},w.amount),M.createElement("div",null),w.usdValue&&M.createElement(yr,{variant:"body",className:ql(),size:"xsmall"},`$${w.usdValue}`))},"endRenderer"),N=i(()=>M.createElement(Fx,{itemContent:x=>{let w=e[x];if(w==="skeleton")return M.createElement(_x,{hasDivider:!0,start:M.createElement(Po,{variant:"circular",width:35,height:35}),end:M.createElement(gr,null,M.createElement(Po,{variant:"text",size:"large",width:70}),M.createElement(Vt,{size:4}),M.createElement(Po,{variant:"text",size:"medium",width:50})),title:M.createElement("div",null,M.createElement(Po,{variant:"text",size:"large",width:90}),M.createElement(Vt,{size:4}),M.createElement(Po,{variant:"text",size:"medium",width:90}))});let B=w.address||"",P=u.find(L=>L.name===w.blockchain);if(!P)return null;let $=Fs(P.color,"main"),H={$$color:$.main150,[`.${Sg} &`]:{$$color:$.main750},backgroundColor:"$$color"},R={$$color:$.main750,[`.${Sg} &`]:{$$color:$.main150},color:"$$color"},K=i(()=>{typeof w!="string"&&!w.customToken&&n?.(w)},"handleClick");return M.createElement(gg,null,M.createElement(pg,{"tab-index":x,key:`${w.symbol}${w.address}`,id:`${w.symbol}${w.address}`,className:"widget-token-list-item-btn",hasDivider:!0,customToken:w.customToken,onClick:K,start:M.createElement(ug,null,M.createElement(Px,{src:w.image===""?Yr:w.image,size:30}),t.type!=="custom-token"&&g(w,t.type)&&M.createElement(mg,null,M.createElement($x,{size:12,color:"gray"}))),title:P?.type==="COSMOS"||w.name||!w.name&&!B?M.createElement(Gl,null,M.createElement(yr,{variant:"title",size:"xmedium"},w.symbol),M.createElement(Vt,{direction:"horizontal",size:4}),M.createElement(Vl,{css:H},M.createElement(Kl,{variant:"body",size:"xsmall",css:R},w.blockchain)),p&&w.warning&&M.createElement(M.Fragment,null,M.createElement(Vt,{direction:"horizontal",size:4}),M.createElement(Lx,{container:A()}))):void 0,description:typeof w!="string"&&P?.info&&B&&P.type!=="COSMOS"?Qx({address:B,token:w,customCssForTag:H,customCssForTagTitle:R,name:w.name,url:P.info.addressUrl.split("{wallet}").join(B)}):w.name||void 0,end:I(w)}))},totalCount:e.length,key:`${r}-${o}`}),"renderList"),E=C?ko(C?.blockchain,u):null;return M.createElement(M.Fragment,null,a&&M.createElement(M.Fragment,null,M.createElement(yr,{variant:"label",size:"large"},jl.t("Select Token")),M.createElement(Vt,{size:4})),M.createElement(lg,null,M.createElement(Vt,{size:4}),c==="loading"&&M.createElement(yg,{size:zx}),c==="success"&&(e.length?M.createElement(M.Fragment,null,M.createElement(Zn,{token:C,address:C?.address??"",blockchain:E??void 0,onImport:b,onExitErrorModal:()=>k(null),onExitImportModal:()=>k(null)}),M.createElement(ta,{as:"ul"},N())):!!o&&M.createElement(Dx,{title:jl.t("No results found"),description:jl.t("Try using different keywords")}))))}i(Sr,"TokenList");var Yx=Zl("div",{display:"flex",justifyContent:"space-between",flexDirection:"column",flex:1}),Zx=Zl("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",flex:"0.75"}),Jx=Zl(Vx,{"&:hover":{"& svg":{color:"$secondary550"}}});function Cg(){let[t,e]=Yl(""),{deleteCustomToken:o}=S(),n=S().customTokens(),{fromToken:r,toToken:a,setFromToken:s,setToToken:l}=O(),{mode:p}=to({}),c=Xx(),[u,m]=Yl(!1),[h,g]=Yl(),d=i(C=>{let k=C.target.value;e(k)},"handleSearch"),f=p==="dark",y=n.filter(C=>rt(C.symbol,t)||rt(C.address||"",t)||rt(C.name||"",t)),T=i(()=>{if(h){let C=a?gt(a):null,k=r?gt(r):null,v=gt(h);C===v?l({token:null}):k===v&&s({token:null}),o(h)}m(!1)},"handleDeleteCustomToken");return ye.createElement(ie,{header:{title:Kt.t("Custom Tokens")}},ye.createElement(pe,null,ye.createElement(Yx,null,n.length?ye.createElement(ye.Fragment,null,ye.createElement(Et,{value:t,setValue:e,fullWidth:!0,color:"light",variant:"contained",placeholder:Kt.t("Search Token"),onChange:d}),ye.createElement(Cr,{size:16}),ye.createElement(Sr,{list:y,type:"custom-token",searchedFor:t,showTitle:!1,showWarning:!1,action:C=>ye.createElement(Jx,{id:"widget-custom-token-delete-icon-btn",variant:"ghost",onClick:()=>{m(!0),g(C)}},ye.createElement(Gx,{size:12,color:"gray"}))})):ye.createElement(Zx,null,ye.createElement(jx,{icon:f?ye.createElement(Hx,{size:200}):ye.createElement(qx,{size:200}),title:Kt.t("No custom tokens"),description:Kt.t("press the button to add your custom token")})),ye.createElement(Cr,{size:20}),ye.createElement(Xl,{id:"widget-custom-token-add-btn",type:"primary",variant:"contained",size:"large",onClick:()=>c(F.addCustomTokens)},Kt.t("Add Custom Token"))),ye.createElement(J,{open:u,dismissible:!0,onClose:()=>m(!1),container:A()},ye.createElement(Kx,{title:Kt.t("Delete Custom Token"),type:"error",description:Kt.t("Are you sure you want to Delete this Token?")},ye.createElement(Cr,{size:40}),ye.createElement(Cr,{size:10}),ye.createElement(Xl,{fullWidth:!0,id:"widget-custom-token-delete-modal-yes-btn",variant:"contained",type:"primary",size:"large",onClick:T},Kt.t("Yes, Delete it")),ye.createElement(Cr,{size:12}),ye.createElement(Xl,{id:"widget-custom-token-delete-modal-no-btn",fullWidth:!0,variant:"outlined",type:"primary",size:"large",onClick:()=>m(!1)},Kt.t("No, Continue"))))))}i(Cg,"CustomTokensPage");import{i18n as Xe}from"@lingui/core";import{useManager as Sb}from"@rango-dev/queue-manager-react";import{Button as rp,darkTheme as Cb,Divider as Do,MessageBox as Tb,NotFound as kb,styled as ip,Typography as ra}from"@rango-dev/ui";import{TransactionStatus as vr}from"rango-types";import ce,{useMemo as Fg,useState as ia}from"react";import{useNavigate as vb}from"react-router-dom";import{FilterIcon as ib,Popover as ab}from"@rango-dev/ui";import _o from"react";import{css as Rx,darkTheme as oa,IconButton as eb,styled as Tr}from"@rango-dev/ui";var Jl=Tr("div",{position:"relative","&::before":{position:"absolute",right:"1px",top:"-1px",width:"$8",height:"$8",borderRadius:"100%",backgroundColor:"$neutral300",[`.${oa} &`]:{backgroundColor:"$neutral400"},padding:"$2"},variants:{isSelect:{true:{"&::before":{content:""}}}}}),Tg=Tr(eb,{width:"$36",height:"$36",position:"relative",padding:"0",overflow:"unset",backgroundColor:"$neutral300",[`.${oa} &`]:{backgroundColor:"$neutral400"},"&:hover":{backgroundColor:"$secondary100",[`.${oa} &`]:{backgroundColor:"$neutral"},[`& ${Jl}::before`]:{backgroundColor:"$secondary100",[`.${oa} &`]:{backgroundColor:"$neutral"}}},variants:{isSelect:{true:{border:"1px solid $secondary"}}}}),kg=Tr("div",{position:"absolute",width:"$6",height:"$6",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"3px",top:"$0",right:"1px",backgroundColor:"$secondary500"}),vg=Tr("div",{padding:"$15",borderRadius:"$sm",width:"248px",backgroundColor:"$background",zIndex:10}),wg=Rx({display:"flex",justifyContent:"space-between",alignItems:"center"}),xg=Tr("ul",{margin:0,listStyle:"none",height:"100%",padding:0,".item-start-container":{paddingRight:"0 !important"}});import{i18n as bg}from"@lingui/core";import{Button as tb,Divider as Eg,ListItemButton as ob,Radio as nb,RadioRoot as rb,Typography as Ig}from"@rango-dev/ui";import ct from"react";function Ag(t){let{filterBy:e,onClickItem:o}=t;return ct.createElement(vg,null,ct.createElement("div",{className:wg()},ct.createElement(Ig,{size:"small",variant:"body"},bg.t("Status")),ct.createElement(tb,{id:"widget-filter-selector-reset-btn",variant:"ghost",size:"xxsmall",onClick:()=>o("")},bg.t("Reset"))),ct.createElement(Eg,{size:10}),ct.createElement(rb,{value:e},ct.createElement(xg,null,t.list.map((n,r)=>ct.createElement(ob,{key:n.id,style:{height:"40px",width:"100%"},selected:!1,hasDivider:t.list.length-1!=r,id:n.id,title:ct.createElement(ct.Fragment,null,ct.createElement(Eg,{direction:"horizontal",size:4}),ct.createElement(Ig,{size:"medium",variant:"body"},n.title)),start:ct.createElement(nb,{value:n.id}),onClick:o})))))}i(Ag,"FilterSelectorContent");function Rl(t){let{onClickItem:e,onOpenChange:o,filterBy:n,list:r,open:a}=t;return _o.createElement("div",null,_o.createElement(ab,{open:a,align:"end",onOpenChange:o,container:A(),content:_o.createElement(Ag,{list:r,filterBy:n,onClickItem:s=>{e(s),o(!1)}})},_o.createElement(Tg,{id:"widget-filter-selector-filter-icon-btn",variant:"default",isSelect:!!n,onClick:()=>o(!t.open)},_o.createElement(Jl,{isSelect:!!n},_o.createElement(ib,{size:16,color:"black"}),!!n&&_o.createElement(kg,null)))))}i(Rl,"FilterSelector");import{i18n as pb}from"@lingui/core";import{getCurrentStep as cb}from"@rango-dev/queue-manager-rango-preset";import{Divider as Mg,GroupedVirtualizedList as ub,Skeleton as mb,SwapListItem as Pg,Typography as db}from"@rango-dev/ui";import je,{useCallback as _g,useEffect as fb,useRef as gb,useState as hb}from"react";function Ng(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(Ng,"calculateGroupsSoFar");import{css as sb,darkTheme as lb,styled as kr}from"@rango-dev/ui";var ep=sb(),Bg=kr("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$5"}),tp=kr("div",{width:"100%",display:"flex",flexDirection:"column",backgroundColor:"$background",padding:"$10 $5 0 $5",[`& .${ep}`]:{$$color:"$colors$neutral600",[`.${lb} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),op=kr("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),Wg=kr("div",{gap:"$10",display:"flex",flexDirection:"column"}),Lg=kr("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});var yb=10;function np(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,[a,s]=hb([]),l=gb(0),{swaps:p,groupCounts:c,groups:u}=n(e),m=_g(Ng,[]),h=_g(()=>{let g=e.length-l.current;g&&(l.current+=Math.min(g,yb),s(m(c,l.current)))},[e.length]);if(fb(()=>{r||h()},[r,h]),r){let g=[1,2];return je.createElement(je.Fragment,null,[g,g].map((f,y)=>je.createElement(tp,{key:y},je.createElement(op,null,je.createElement(mb,{variant:"text",width:60,size:"small"}),je.createElement(Mg,{size:16})),je.createElement(Mg,{size:4}),je.createElement(Wg,null,f.map((C,k)=>je.createElement(Pg,{isLoading:!0,key:k}))))))}return je.createElement(ub,{endReached:()=>{l.current<e.length&&h()},groupCounts:a,groupContent:g=>je.createElement(tp,null,je.createElement(op,null,je.createElement(db,{variant:"label",size:"medium",className:ep()},u[g]))),itemContent:(g,d)=>{let f=p[g],y=cb(f);if(!f)return null;let T=f.steps[0],C=f.steps[f.steps.length-1];return je.createElement(Bg,{key:f.requestId},je.createElement(Pg,{requestId:f.requestId,creationTime:f.creationTime,status:f.status,onClick:o,currentStep:y,tooltipContainer:A(),onlyShowTime:u[d]===pb.t("Today"),swapTokenData:{from:{token:{image:T.fromLogo,displayName:T.fromSymbol},blockchain:{image:T.fromBlockchainLogo||""},amount:_(f.inputAmount,6,6),realAmount:f.inputAmount},to:{token:{image:C.toLogo,displayName:C.toSymbol},blockchain:{image:C.toBlockchainLogo||""},amount:_(C.outputAmount||C.expectedOutputAmountHumanReadable||"",6,6),realAmount:C.outputAmount||C.expectedOutputAmountHumanReadable||""}}}))}})}i(np,"HistoryGroupedList");import{i18n as na}from"@lingui/core";import Dg from"dayjs";var $g=i(t=>{let e=new Map([["today",{title:na.t("Today"),swaps:[]}],["week",{title:na.t("This week"),swaps:[]}],["month",{title:na.t("This month"),swaps:[]}],["year",{title:na.t("This year"),swaps:[]}]]);function o(p,c){e.has(p)||e.set(p,{title:p,swaps:[]}),e.get(p)?.swaps.push(c)}i(o,"addYearsToOutput");let n=Dg();t.forEach(p=>{let c=Number(p.creationTime),u=Dg(c);if(n.isSame(u,"day"))e.get("today")?.swaps.push(p);else if(n.isSame(u,"week"))e.get("week")?.swaps.push(p);else if(n.isSame(u,"month"))e.get("month")?.swaps.push(p);else if(n.isSame(u,"year"))e.get("year")?.swaps.push(p);else{let m=new Date(c).getFullYear().toString();o(m,p)}});let r=Array.from(e.values()).filter(p=>p.swaps.length>0),a=r.flatMap(p=>p.swaps),s=r.map(p=>p.swaps.length),l=r.map(p=>p.title);return{swaps:a,groupCounts:s,groups:l}},"groupSwapsByDate");var wb=ip("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),xb=ip("div",{display:"flex",justifyContent:"center",alignItems:"center"}),bb=ip("div",{"._typography":{color:"$neutral700",[`.${Cb}&`]:{color:"$neutral900"}}}),Eb=[{id:vr.SUCCESS,title:Xe.t("Complete")},{id:vr.RUNNING,title:Xe.t("Running")},{id:vr.FAILED,title:Xe.t("Failed")}],Ib=i((t,e)=>t?.length?t.filter(o=>Nt(o.fromBlockchain,e)||Nt(o.toBlockchain,e)||Nt(o.toSymbol,e)||Nt(o.fromSymbol,e)).length:!1,"isStepContainsText");function Og(){let t=vb(),{manager:e,state:o}=Sb(),n=St(e).map(({swap:k})=>k),[r,a]=ia(""),[s,l]=ia(!1),p=!o.loadedFromPersistor,[c,u]=ia(""),[m,h]=ia(!1),g=i(k=>{let v=k.target.value;a(v)},"handleSearch"),d=Fg(()=>!r&&!c?n:n.filter(k=>{let{inputAmount:v,status:b,steps:I,requestId:N}=k;return(!r||Nt(v,r)||Nt(b,r)||Ib(I,r)||Nt(N,r))&&(!c||c===b)}),[n,r,c]),f=!d?.length&&!p,y=i(()=>h(!1),"onCloseModal"),T=i(async()=>{try{await e?.clearQueue(),h(!1)}catch(k){console.log(k)}},"onClear"),C=Fg(()=>!n.some(k=>k.status===vr.SUCCESS||k.status===vr.FAILED),[n]);return ce.createElement(ie,{header:{title:Xe.t("History"),suffix:ce.createElement(oo,null,ce.createElement(rp,{id:"widget-history-clear-btn",disabled:C,variant:"ghost",size:"xsmall",onClick:()=>h(!0)},ce.createElement(ra,{size:"medium",variant:"label",color:"error"},Xe.t("Clear"))))}},ce.createElement(pe,null,ce.createElement(xb,null,ce.createElement(Et,{setValue:a,fullWidth:!0,variant:"contained",placeholder:Xe.t("Search Transaction"),autoFocus:!0,onChange:g,style:{height:36},value:r}),ce.createElement(Do,{size:10,direction:"horizontal"}),ce.createElement(Rl,{filterBy:c,open:s,onOpenChange:k=>l(k),onClickItem:k=>u(k),list:Eb})),ce.createElement(Do,{size:"16"}),ce.createElement(wb,null,f&&ce.createElement(Lg,null,ce.createElement(Do,{size:32}),ce.createElement(kb,{title:r?Xe.t("No results found"):Xe.t("No transactions"),titleColor:r?void 0:"$info",hasIcon:!!r,description:r?Xe.t("Try using different keywords"):Xe.t("Your transaction history is stored locally and will appear here after you start a swap")})),!f&&ce.createElement(np,{list:d,onSwapClick:t,groupBy:$g,isLoading:p}))),ce.createElement(J,{open:m,onClose:y,container:A()},ce.createElement(Do,{size:20}),ce.createElement(Tb,{type:"warning",title:Xe.t("Clear Transaction History"),description:ce.createElement(bb,null,ce.createElement(ra,{variant:"body",size:"medium"},Xe.t("Proceeding will remove all successful and failed transactions from the widget. Do you want to continue?")),ce.createElement(Do,{size:"24"}),ce.createElement(ra,{variant:"body",size:"small"},Xe.t("Note: This does not erase your transaction history on the chain; it only removes them here.")))}),ce.createElement(Do,{size:30}),ce.createElement(rp,{id:"widget-history-clear-modal-yes-btn",variant:"contained",type:"primary",size:"large",onClick:T},Xe.t("Yes, Clear the history")),ce.createElement(Do,{size:10}),ce.createElement(rp,{id:"widget-history-clear-modal-no-btn",variant:"outlined",type:"primary",size:"large",onClick:y},ce.createElement(ra,{variant:"title",size:"medium",color:"primary"},Xe.t("No, Cancel")))))}i(Og,"HistoryPage");import{i18n as lE}from"@lingui/core";import{Button as pE,Divider as Cp,styled as cE,WarningIcon as uE}from"@rango-dev/ui";import mE from"bignumber.js";import Se,{useEffect as gh,useState as hh}from"react";import{useNavigate as dE}from"react-router-dom";import{i18n as zg}from"@lingui/core";import{Alert as Nb,Divider as ap,NoRouteIcon as Bb,Typography as Wb}from"@rango-dev/ui";import $o from"react";import{styled as Ab}from"@rango-dev/ui";var Ug=Ab("div",{display:"flex",flexDirection:"column",alignItems:"center"});function sp(){let{fromToken:t,toToken:e}=O();return!!t&&!!e&&Ft(t,e)?$o.createElement(Ug,null,$o.createElement(ap,{size:10}),$o.createElement(Bb,{size:24,color:"gray"}),$o.createElement(ap,{size:4}),$o.createElement(Wb,{variant:"title",size:"small"},zg.t("No Routes Found")),$o.createElement(ap,{size:4}),$o.createElement(Nb,{title:zg.t("You cannot use the same token for From and To."),type:"warning",variant:"alarm"})):null}i(sp,"SameTokensWarning");import{Alert as Lb,Button as Mb}from"@rango-dev/ui";import Hg from"react";import{i18n as aa}from"@lingui/core";function Qg(t){let e=null;return t===Rr?(e={alertType:"error",action:"reset-slippage",actionButtonTitle:aa.t("Reset"),title:aa.t("Slippage cannot be set lower than 0.01%.")},e):t>Vo?(e={alertType:"warning",action:"change-settings",actionButtonTitle:aa.t("Change"),title:aa.t("Caution, your slippage is high!")},e):null}i(Qg,"makeAlerts");function qg(t){let{slippage:e,customSlippage:o,setSlippage:n,setCustomSlippage:r}=S(),{onChangeSettings:a}=t,l=Qg(o!==null?o:e),p=i(c=>{c==="reset-slippage"?(n(Jr),r(null)):c==="change-settings"&&a()},"onClickActionButton");return l?Hg.createElement(Lb,{title:l.title,type:l.alertType,variant:"alarm",action:Hg.createElement(Mb,{id:"widget-slippage-warning-error-change-settings-or-reset-slippage-btn",size:"xxsmall",type:l.alertType,onClick:()=>p(l.action)},l.actionButtonTitle)}):null}i(qg,"SlippageWarningsAndErrors");import{i18n as Fb}from"@lingui/core";import{IconButton as Ob,ReverseIcon as Ub,Skeleton as zb,Tooltip as Qb,Typography as wr}from"@rango-dev/ui";import ut from"react";import sa from"bignumber.js";function Vg(t){let{error:e,isDarkTheme:o,warning:n}=t,{quoteError:r,slippageError:a}=e,{quoteWarning:s,slippageWarning:l}=n,p=!!a||r?.type===4,c=!!l||s?.type===2;return p?"$error500":c?"$warning500":o?"$neutral600":"$neutral700"}i(Vg,"getSlippageColor");function Kg(t){let{toTokenUsdPrice:e,fromTokenUsdPrice:o}=t;if(!e||!o)return{rawValue:"0",displayValue:"0"};let n=new sa(e),r=new sa(o),a=n.dividedBy(r),s;return a.isLessThan(1)?s=a.toFixed(14):a.toFixed(0).length>10?s=a.toFixed(0).slice(0,10):s=a.toFixed(2),{displayValue:s,rawValue:a.toFixed()}}i(Kg,"getUsdExchangeRate");function jg(t,e){let o=new sa(t).multipliedBy(e);return o.isLessThan(.001)?"$0":`$${o.decimalPlaces(2,sa.ROUND_DOWN).toFormat(2)}`}i(jg,"formatTokenValueInUsd");import{darkTheme as Db,styled as pp,Typography as $b}from"@rango-dev/ui";var Xg=pp("div",{display:"flex",padding:"$4",justifyContent:"space-between",alignItems:"center"}),Yg=pp("div",{display:"flex",alignItems:"center",gap:"$2","& .rate-text":{color:"$neutral700",[`.${Db} &`]:{color:"$neutral700"}},"& ._icon-button":{transform:"rotate(90deg)",width:"$16",height:"$16"}}),cp=pp($b,{maxWidth:"$32",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"});function up(t){let{slippage:e,customSlippage:o,quoteTokensRate:n,changeQuoteTokensRate:r}=S(),{quoteError:a,quoteWarning:s,fromToken:l,toToken:p,quote:c,loading:u}=t,m=o!==null?o:e,{mode:h}=to({}),g=Xo(m),d=h==="dark",f=n==="default",y={quoteError:a,slippageError:g?.type==="error"?g.message:null},T={quoteWarning:s,slippageWarning:g?.type==="warning"?g.message:null},C=c?.swaps[0].from||l,k=c?.swaps[c?.swaps.length-1].to||p,v=f?C:k,b=f?k:C,I=Number(f?c?.outputAmount:c?.requestAmount),N=Number(f?c?.requestAmount:c?.outputAmount),E=I||v.usdPrice,x=N||b.usdPrice,{rawValue:w,displayValue:B}=Kg({toTokenUsdPrice:x,fromTokenUsdPrice:E});return ut.createElement(Xg,null,ut.createElement(wr,{variant:y||T?"label":"body",size:y||T?"medium":"small",color:Vg({error:y,warning:T,isDarkTheme:d})},Fb.t("Slippage:")," ",m,"%"),u?ut.createElement(zb,{height:16,width:104,variant:"rounded"}):E&&x&&ut.createElement(Yg,null,ut.createElement(wr,{className:"rate-text",variant:"body",size:"small"},"1"),ut.createElement(cp,{className:"rate-text",variant:"body",size:"small"},b.symbol),ut.createElement(Ob,{id:"widget-home-page-change-rate-button",onClick:r},ut.createElement(Ub,{size:14,color:"secondary"})),ut.createElement(Qb,{container:A(),side:"top",sideOffset:4,content:ut.createElement(wr,{className:"rate-text",variant:"body",size:"small"},w)},ut.createElement(wr,{className:"rate-text",variant:"body",size:"small"},B)),ut.createElement(cp,{className:"rate-text",variant:"body",size:"small"},v.symbol),v.usdPrice&&ut.createElement(wr,{color:"neutral600",variant:"body",size:"small"},"~",jg(Number(w),v.usdPrice))))}i(up,"SwapMetrics");import{i18n as jb}from"@lingui/core";import{Header as Xb}from"@rango-dev/ui";import co,{useEffect as Yb,useState as Zb}from"react";import{i18n as qb}from"@lingui/core";import{Divider as dp,FullExpandedQuote as Gb,Typography as Vb}from"@rango-dev/ui";import we from"react";import{styled as mp}from"@rango-dev/ui";var Zg=mp("div",{display:"flex",justifyContent:"center",flexDirection:"column",height:"100%"}),Jg=mp("div",{display:"flex",justifyContent:"space-between",alignItems:"center"}),Rg=mp("div",{width:"146px"});import{i18n as xr}from"@lingui/core";import{Select as Hb}from"@rango-dev/ui";import eh from"react";function la(t){let{updateQuotePartialState:e,sortStrategy:o}=O(),n=[{value:"SMART",label:xr.t("Smart Routing")},{value:"FEE",label:xr.t("Lowest Fee")},{value:"SPEED",label:xr.t("Fastest Transfer")},{value:"NET_OUTPUT",label:xr.t("Maximum Return")},{value:"PRICE",label:xr.t("Maximum Output")}];return eh.createElement(Rg,null,eh.createElement(Hb,{container:t.container,options:n,value:o,handleItemClick:r=>{e("sortStrategy",r.value)},variant:"filled"}))}i(la,"SelectStrategy");var th=3;function br(t){let{loading:e,onClickOnQuote:o,fetch:n,showModalFee:r,hasSort:a=!0,fullExpandedMode:s=!1,container:l}=t,{selectedQuote:p,quotes:c,updateQuotePartialState:u,fromToken:m,toToken:h,sortStrategy:g,error:d}=O(),{slippage:f,customSlippage:y}=S(),{findToken:T}=S(),C=l||A(),k=!!c&&c.results.length,v=y??f,b=i(E=>{if(!m||!h||!c)return null;let x={requestAmount:c.requestAmount,validationStatus:null,...E};return cn({currentQuote:x,userSlippage:v,findToken:T})},"getQuoteWarning"),I=d?.type===0||d?.type===1,N=c?.results?gi(g,c?.results):[];return we.createElement(we.Fragment,null,a&&we.createElement(we.Fragment,null,we.createElement(Jg,null,we.createElement(Vb,{size:"xmedium",variant:"title"},qb.t("Sort by")),we.createElement(la,{container:C})),we.createElement(dp,{size:"10"})),e&&Array.from({length:th},(E,x)=>we.createElement(we.Fragment,{key:x},s?we.createElement(Gb,{loading:!0}):we.createElement(mr,{tagHidden:!1,type:"list-item",expanded:!1}),x!==th-1&&we.createElement(dp,{size:16}))),!e&&we.createElement(we.Fragment,null,k?N.map((E,x)=>{let w=b(E),B=Ml(E.swaps),P=N.length-1===x;return we.createElement(we.Fragment,{key:E.requestId},we.createElement(Mo,{showModalFee:r,container:C,selected:p?.requestId===E.requestId,tagHidden:!1,quote:{...E,requestAmount:c.requestAmount,validationStatus:null},loading:e,error:B?.options||null,warning:w,fullExpandedMode:s,onClick:$=>{B||u("warning",w),u("error",B?.options||null),o($)},type:"list-item"}),!P&&we.createElement(dp,{size:16}))}):I&&we.createElement(Zg,null,we.createElement(nr,{size:s?"large":"small",error:d,fetch:n}))))}i(br,"Quotes");import{darkTheme as Kb,styled as oh}from"@rango-dev/ui";var nh=oh("div",{transition:"width 0.2s, opacity 0.2s, margin-left 0.2s",height:"700px",width:"390px",position:"relative",opacity:1,marginLeft:"$16",backgroundColor:"$neutral100",[`.${Kb} &`]:{backgroundColor:"$neutral300"},variants:{expandMode:{default:{width:"390px"},full:{width:"719px"}}},"&.is-hidden":{width:0,height:0,opacity:0,marginLeft:0}}),rh=oh("div",{position:"relative",overflow:"hidden",padding:"$20",flexGrow:1,display:"flex",flexDirection:"column",overflowY:"auto",borderRadius:"$primary",backgroundColor:"$background"});var Jb=100;function fp(t){let{fetch:e,loading:o,onClickOnQuote:n,onClickRefresh:r,isVisible:a}=t,[s,l]=Zb(!1),p=s?"":"is-hidden",{config:c}=S(),u=c?.variant==="full-expanded",m=Co();return Yb(()=>{let h=null;return a?h=setTimeout(()=>{l(!0)},Jb):(l(!1),h&&clearTimeout(h)),()=>{h&&clearTimeout(h)}},[a]),co.createElement(nh,{expandMode:c?.variant==="full-expanded"?"full":"default",className:`${p} ${Ii()}`,id:Qe.EXPANDED_BOX_ID},co.createElement(Xb,{title:jb.t("Routes"),suffix:co.createElement(co.Fragment,null,co.createElement(la,{container:m}),co.createElement(Bo,{container:m,onClickRefresh:r,hidden:["history","notifications","settings"]}))}),co.createElement(rh,null,co.createElement(br,{showModalFee:!0,fetch:e,hasSort:!1,loading:o,container:Co(),onClickOnQuote:n,fullExpandedMode:u})))}i(fp,"ExpandedQuotes");import{i18n as uh}from"@lingui/core";import{SwapInput as mh}from"@rango-dev/ui";import oE from"bignumber.js";import Er from"react";import{ReverseIcon as tE}from"@rango-dev/ui";import hp from"react";import{keyframes as Rb,styled as ih}from"@rango-dev/ui";var gp=450,eE=Rb({"0%":{transform:"rotateX(0deg) rotateY(0deg) rotateZ(0deg)"},"33%":{transform:"rotateX(0deg) rotateZ(78deg) rotateY(66deg)"},"66%":{transform:"rotateX(0deg) rotateZ(163deg) rotateY(66deg)"},"100%":{transform:"rotateX(0deg) rotateZ(180deg) rotateY(0deg)"}}),ah=ih("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),sh=ih("div",{borderRadius:"$md",border:"3px solid $background",background:"$neutral100",width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center",color:"$foreground","&.rotate":{"& svg":{animation:`${eE} ${gp}ms ease-in-out forwards`}},"&:hover":{color:"$secondary500",transform:"translateY(1px) scale(1.04)",boxShadow:"1px 1px 1px 1px rgba(0, 0, 0, 0.05)"}});function yp(){let t=O.use.switchFromAndTo();return hp.createElement(ah,null,hp.createElement(sh,{onClick:e=>{let o=e.currentTarget;o.classList.add("rotate"),setTimeout(()=>{o.classList.remove("rotate")},gp),t()}},hp.createElement(tE,{size:12})))}i(yp,"SwitchFromAndToButton");import{styled as lh}from"@rango-dev/ui";var ph=lh("div",{display:"flex",flexDirection:"column",gap:"$5",alignSelf:"stretch"}),ch=lh("div",{position:"relative"});function Sp(t){let{fetchingQuote:e,fetchMetaStatus:o,onClickToken:n,isExpandable:r}=t,{fromToken:a,fromBlockchain:s,toToken:l,toBlockchain:p,setInputAmount:c,inputAmount:u,inputUsdValue:m,outputAmount:h,outputUsdValue:g,selectedQuote:d}=O(),{connectedWallets:f,getBalanceFor:y}=S(),T=a?y(a):null,C=Gr(T)?.amount??"0",k=T?new oE(T.amount).shiftedBy(-T.decimals):me,v=!!s&&Ic(f,s.name),b=!Ts(d,u,m),I=!Ts(d,u,g),N=!m||!g||!g.gt(0)?null:zt(m.toString(),g.toString());return Er.createElement(ph,null,Er.createElement(ch,null,Er.createElement(mh,{label:uh.t("From"),mode:"From",onInputChange:c,balance:C,chain:{displayName:s?.displayName||"",image:s?.logo},token:{displayName:a?.symbol||"",image:a?.image,securityWarning:!!a?.warning},onClickToken:()=>n("from"),price:{value:u,usdValue:b?void 0:_(m,4,4),realUsdValue:b?void 0:m?.toString(),error:b?oe().unknownPriceError.impactTitle:void 0},disabled:o==="failed",loading:o==="loading",loadingBalance:v,tooltipContainer:A(),onSelectMaxBalance:()=>{let E=_(k,T?.decimals),x=T?.amount?E.split(",").join(""):"";c(x)},anyWalletConnected:f.length>0}),Er.createElement(yp,null)),Er.createElement(mh,{sharpBottomStyle:!r&&(!!d||e),label:uh.t("To"),mode:"To",fetchingQuote:e,chain:{displayName:p?.displayName||"",image:p?.logo},token:{displayName:l?.symbol||"",image:l?.image,securityWarning:!!l?.warning},percentageChange:_(zt(m,g),2,2),warningLevel:Qt(N??0),price:{value:_(h,6,6),usdValue:I?void 0:_(g,4,4),realValue:h?.toString(),realUsdValue:I?void 0:g?.toString(),error:I?oe().unknownPriceError.impactTitle:void 0},onClickToken:()=>n("to"),disabled:o==="failed",loading:o==="loading",tooltipContainer:A()}))}i(Sp,"Inputs");import{useCallback as nE,useEffect as rE,useRef as iE,useState as aE}from"react";function dh(){let{fetch:t,loading:e,cancelFetch:o}=Zi({request:async(n,r)=>await at().getAllRoutes(n,r)});return{fetch:t,loading:e,cancelFetch:o}}i(dh,"useFetchAllQuotes");var sE=600;function pa({refetchQuote:t}){let{fetch:e,cancelFetch:o}=dh(),{excludeLiquiditySources:n,routing:r}=S().config,{connectedWallets:a}=S(),l=a.some(le=>le.isContractWallet),{fromToken:p,toToken:c,inputAmount:u,inputUsdValue:m,selectedQuote:h,sortStrategy:g,resetQuote:d,error:f,warning:y,setSelectedQuote:T,updateQuotePartialState:C}=O(),{slippage:k,customSlippage:v,affiliatePercent:b,affiliateRef:I,affiliateWallets:N,fetchStatus:E}=S(),x=S().getLiquiditySources(),w=S().getDisabledLiquiditySources(),B=S().excludeLiquiditySources(),{findToken:P}=S(),[$,H]=aE(!0),R=iE(u),K=v??k,ae=!p||!c||Ft(p,c)||!Wn(u),re=i(le=>{H(le)},"resetState"),Q=i(le=>{let{fromToken:ue,toToken:se,inputAmount:Ze,liquiditySources:q,excludeLiquiditySources:W,disabledLiquiditySources:G,slippage:j,affiliateRef:ee,affiliatePercent:fe,affiliateWallets:Ue}=le;if($||re(!0),!ae&&ue&&se){d();let Je=mm({fromToken:ue,toToken:se,inputAmount:Ze,liquiditySources:q,excludeLiquiditySources:W,disabledLiquiditySources:G,wallets:a,slippage:j,affiliateRef:ee,affiliatePercent:fe,affiliateWallets:Ue,contractCall:l});jo("experimental",r)&&(Je.experimental=!0),jo("avoidNativeFee",r)&&(Je.avoidNativeFee=!0),jo("enableCentralizedSwappers",r)&&(Je.enableCentralizedSwappers=!0),r?.maxLength&&(Je.maxLength=r.maxLength),e(Je).then(xe=>{let ze=gi(g,xe.results),Zt=em(h,ze,xe.requestAmount);H(!1),C("quotes",xe),T(Zt),Ji({diagnosisMessages:xe.diagnosisMessages,requestId:Zt?.requestId||"",swaps:Zt?.swaps});let yo=Zt&&cn({currentQuote:Zt,userSlippage:K,findToken:P});C("warning",yo)}).catch(xe=>{let{error:ze}=Ri(xe);(ze?.type===0||ze?.type===1)&&d(),ze?.type!==2&&(C("error",ze),H(!1))})}},"fetch"),Z=nE(Or(le=>{Q(le)},sE),[ae]);return rE(()=>{if(!t){H(!1);return}if(E!=="success")return;if(ae){H(!1),(h||f||y)&&d();return}if(!Wn(u)&&m?.eq(0)){re(!1),o();return}d(),re(!0);let le=Q;return R.current&&R.current!=u&&(le=Z),R.current=u,le({inputAmount:u,fromToken:p,toToken:c,liquiditySources:x,excludeLiquiditySources:B,disabledLiquiditySources:w,slippage:K,affiliateRef:I,affiliatePercent:b,affiliateWallets:N,contractCall:l}),o},[E,u,p?.symbol,p?.address,p?.blockchain,c?.symbol,c?.address,c?.blockchain,ae,x?.length,n,w.length,K,I,b,l,JSON.stringify(N)]),{fetch:()=>Q({inputAmount:u,fromToken:p,toToken:c,liquiditySources:x,excludeLiquiditySources:B,disabledLiquiditySources:w,slippage:K,affiliateRef:I,affiliatePercent:b,affiliateWallets:N,contractCall:l}),loading:$}}i(pa,"useSwapInput");function fh(t,e){let o=!1,n={preventDefault(){o=!0},...t.payload===void 0&&{payload:t.payload}};Te.emit("uiEvent",{type:t.type,payload:n}),o||e()}i(fh,"emitPreventableEvent");var fE=cE("div",{display:"flex",alignItems:"flex-start",maxHeight:700,"& .footer__alert":{paddingTop:"0 !important"}}),gE=300;function yh(){let t=dE(),{fromToken:e,toToken:o,inputAmount:n,selectedQuote:r,refetchQuote:a,error:s,warning:l,quotes:p,setSelectedQuote:c,resetQuoteWallets:u,setQuoteWarningsConfirmed:m,updateQuotePartialState:h}=O(),[g,d]=hh(!1),{isLargeScreen:f,isExtraLargeScreen:y}=fn(),{fetch:T,loading:C}=pa({refetchQuote:a}),{config:k,fetchStatus:v,connectedWallets:b,customSlippage:I,slippage:N,setSlippage:E,setCustomSlippage:x}=S(),{isActiveTab:w}=te(),[B,P]=hh(!1),H=Xo(I!==null?I:N),K=lm({fetchMetaStatus:v,fetchingQuote:C,inputAmount:n,quote:r,anyWalletConnected:b.length>0,error:s,warning:l,needsToWarnEthOnPath:!1}),L=Xc(f,y,k?.variant),ae=!!n&&!!e&&!!o&&new mE(n).gt(0)&&!Cm(e,o),re=ae&&v==="success"&&C,Q=H?.quoteValidation||l,ue=(!L||L&&p?.results.length)&&(Q||s),se=!!e&&!!o,Ze=se&&!!H,q=(r||s)&&!B?T:void 0,W=i(ee=>{L&&g?(d(!1),setTimeout(()=>{t(ee)},gE)):t(ee)},"onHandleNavigation"),G=i(ee=>{r?.requestId!==ee.requestId&&(P(!1),c(ee))},"onClickOnQuote"),j=i(ee=>{ee&&(E(ee),x(null))},"onChangeSlippage");return gh(()=>{u(),h("refetchQuote",!0)},[]),gh(()=>{d(ae)},[ae]),Se.createElement(fE,null,Se.createElement(ie,{height:"auto",footer:Se.createElement(pE,{id:`widget-swap-${K.action}-btn`,type:"primary",size:"large",disabled:K.disabled||!w,prefix:K.action==="confirm-warning"&&Se.createElement(uE,null),fullWidth:!0,onClick:()=>{K.action==="connect-wallet"?fh({type:"clickConnectWallet"},()=>W(F.wallets)):K.action==="confirm-warning"?P(!0):W(F.confirmSwap)}},K.title),header:{onWallet:()=>{W(F.wallets)},hasBackButton:!1,title:k.title||lE.t("Swap"),suffix:Se.createElement(Bo,{hidden:L?["refresh"]:void 0,onClickRefresh:q,onClickHistory:()=>W(F.swaps),onClickSettings:()=>{W(F.settings)}})}},Se.createElement(pe,null,Se.createElement(Sp,{fetchingQuote:re,fetchMetaStatus:v,isExpandable:L,onClickToken:ee=>{W(ee==="from"?F.fromSwap:F.toSwap)}}),Se.createElement(Cp,{size:"2"}),L?null:Se.createElement(Mo,{quote:r,loading:re,error:s,tagHidden:!1,warning:Q,type:"basic",onClickAllRoutes:p&&p.results.length>1?()=>{h("refetchQuote",!1),W(F.routes)}:void 0}),se&&Se.createElement(Se.Fragment,null,Se.createElement(Cp,{size:8}),Se.createElement(up,{quoteError:s,quoteWarning:Q,fromToken:e,toToken:o,quote:r,loading:re})),ue?Se.createElement(Se.Fragment,null,Se.createElement(ar,{warning:Q,error:s,skipAlerts:!!H,couldChangeSettings:!0,refetchQuote:T,showWarningModal:B,confirmationDisabled:!w,onOpenWarningModal:()=>P(!0),onCloseWarningModal:()=>P(!1),onChangeSlippage:j,onConfirmWarningModal:()=>{P(!1),m(!0),W(F.confirmSwap)},onChangeSettings:()=>W(F.settings)})):null,Ze&&Se.createElement(Se.Fragment,null,Se.createElement(Cp,{size:"10"}),Se.createElement(qg,{onChangeSettings:()=>W(F.settings)})),Se.createElement(sp,null))),L?Se.createElement(fp,{loading:re,onClickOnQuote:G,fetch:T,onClickRefresh:q,isVisible:g}):null)}i(yh,"Home");import{i18n as Sh}from"@lingui/core";import{Alert as hE,Divider as yE,List as SE,ListItemButton as CE,Radio as TE,RadioRoot as kE,Typography as vE}from"@rango-dev/ui";import _t from"react";function uo(){let{setLanguage:t,language:e,config:o}=S(),n=nu,r=o?.language||Yo;return{activeLanguage:e||r,languages:n,defaultLanguage:r,changeLanguage:a=>t(a||Yo),resetLanguage:()=>t(null)}}i(uo,"useLanguage");function Ch(){let{activeLanguage:t,changeLanguage:e,languages:o}=uo(),n=qe(),r=o.map(a=>{let{local:s,label:l,SVGFlag:p}=a;return{id:`widget-setting-languages-${s}-item-btn`,value:s,title:_t.createElement(vE,{variant:"title",size:"xmedium"},l),onClick:()=>{e(a.local),n()},end:_t.createElement(TE,{value:s}),start:_t.createElement(p,null)}});return _t.createElement(ie,{header:{title:Sh.t("Language")}},_t.createElement(pe,null,_t.createElement(hE,{type:"warning",variant:"alarm",title:"Warning: We are using machine translation, so the translations may be inaccurate."}),_t.createElement(yE,{size:"8"}),_t.createElement(kE,{value:t},_t.createElement(SE,{type:_t.createElement(CE,{title:Sh.t("language"),id:"_",onClick:()=>console.log()}),items:r}))))}i(Ch,"LanguagePage");import{i18n as jt}from"@lingui/core";import{Button as IE,Checkbox as AE,Image as NE,ListItemButton as BE,NotFound as WE,Typography as LE}from"@rango-dev/ui";import Ye,{useState as ME}from"react";import{Checkbox as bE,Skeleton as kh}from"@rango-dev/ui";import Ar from"react";import{styled as Tp}from"@rango-dev/ui";var Ir=Tp("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto",variants:{disabled:{true:{pointerEvents:"none"}}}}),kp=Tp("div",{width:80,display:"flex",justifyContent:"flex-end"}),vp=Tp("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});import{ListItem as wE,styled as xE}from"@rango-dev/ui";var Th=xE(wE,{height:61});var EE=30;function wp(){return Ar.createElement(Ir,null,Array.from(Array(EE),(t,e)=>Ar.createElement(Th,{hasDivider:!0,key:e,start:Ar.createElement(kh,{variant:"circular",width:35,height:35}),title:Ar.createElement(kh,{variant:"text",size:"large",width:90}),end:Ar.createElement(bE,{checked:!1})})))}i(wp,"LoadingLiquiditySourceList");function xp({sourceType:t}){let e=S().fetchStatus,o=S().swappers(),n=S().getDisabledLiquiditySources(),[r,a]=ME(""),s=S().toggleLiquiditySource,l=S().isInCampaignMode(),p=ei(o,n),c={Exchanges:jt.t("Exchanges"),Bridges:jt.t("Bridges")},u=[];t==="Exchanges"&&u.push("DEX"),t==="Bridges"&&u.push("BRIDGE","AGGREGATOR","OFF_CHAIN");let m=p.filter(T=>u.includes(T.type)),h=m.length===m.filter(T=>T.selected).length,g=i(()=>{m.forEach(T=>{h?s(T.groupTitle):T.selected||s(T.groupTitle)})},"toggleAllSources"),d=m.map(T=>{let{selected:C,groupTitle:k,logo:v,id:b,...I}=T;return{id:`widget-setting-liquidity-source-${b.toLowerCase().replace(/\s+/g,"-")}-item-btn`,start:Ye.createElement(NE,{src:v,size:22,type:"circular"}),onClick:()=>{l||s(k)},end:Ye.createElement(AE,{checked:C,disabled:l}),title:Ye.createElement(LE,{variant:"title",size:"xmedium"},jt.t(k)),selected:C,groupTitle:k,logo:v,...I}}),f=i(T=>{let C=T.target.value;a(C)},"handleSearch"),y=d;return r&&(y=d.filter(T=>Nt(T.groupTitle,r))),Ye.createElement(ie,{header:{title:jt.t(t),suffix:Ye.createElement(kp,null,Ye.createElement(IE,{id:`widget-liquidity-source-${h?"deselect-all":"select-all"}-btn`,variant:"ghost",size:"xsmall",onClick:g},h?jt.t("Deselect all"):jt.t("Select all")))}},Ye.createElement(pe,{view:!0},Ye.createElement(Et,{value:r,setValue:a,fullWidth:!0,color:"light",variant:"contained",placeholder:jt.t("Search {sourceType}",{sourceType:c[t]}),onChange:f}),e==="loading"&&Ye.createElement(wp,null),!y.length&&r?Ye.createElement(vp,null,Ye.createElement(WE,{title:jt.t("No results found"),description:jt.t("Try using different keywords")})):e==="success"&&Ye.createElement(Ir,{disabled:l},y.map(T=>{let{groupTitle:C,...k}=T;return Ye.createElement(Ye.Fragment,{key:T.id},Ye.createElement(BE,{style:{height:"61px"},...k,selected:!1,hasDivider:!0}))}))))}i(xp,"LiquiditySourcePage");import{i18n as PE}from"@lingui/core";import ca from"react";import{useNavigate as _E}from"react-router-dom";function vh(){let t=_E(),e=qe(),{selectedQuote:o,refetchQuote:n,setSelectedQuote:r,updateQuotePartialState:a,error:s}=O(),{fetch:l,loading:p}=pa({refetchQuote:n}),c=i(h=>{r(h),a("refetchQuote",!1),e()},"onClickOnQuote"),u=`../${F.settings}`,m=`../${F.wallets}`;return ca.createElement(ie,{header:{onWallet:()=>{t(m),a("refetchQuote",!0)},onBack:()=>{a("refetchQuote",!1)},title:PE.t("Routes"),suffix:ca.createElement(Bo,{onClickRefresh:o||s?l:void 0,hidden:["notifications","history"],onClickSettings:()=>{t(u),a("refetchQuote",!0)}})}},ca.createElement(pe,null,ca.createElement(br,{fetch:l,loading:p,onClickOnQuote:c})))}i(vh,"RoutesPage");import{i18n as Nh}from"@lingui/core";import{Divider as Bh,getCategoriesCount as GE,SelectableCategoryList as VE}from"@rango-dev/ui";import Xt,{useState as Wh}from"react";import{useNavigate as KE}from"react-router-dom";import{i18n as bp}from"@lingui/core";import{Divider as OE,Image as UE,ListItemButton as zE,NotFound as QE,Typography as Ah}from"@rango-dev/ui";import mt,{useEffect as HE,useState as qE}from"react";var wh=i((t,e,o)=>t.filter(n=>Ur(n.type,o)).filter(n=>rt(n.name,e)||rt(n.displayName,e)),"filterBlockchains");import{ImageContainer as DE,styled as xh}from"@rango-dev/ui";var bh=xh("div",{display:"flex",flexDirection:"column",overflow:"hidden",height:"100%",justifyContent:"center"}),ua=xh(ol,{padding:0,margin:0,listStyle:"none",[`& ${DE}`]:{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as $E,Skeleton as Eh}from"@rango-dev/ui";import ma from"react";var FE=20;function Ih(){return ma.createElement(ua,null,Array.from(Array(FE),t=>ma.createElement($E,{key:t,hasDivider:!0,start:ma.createElement(Eh,{variant:"circular",width:35,height:35}),title:ma.createElement(Eh,{variant:"text",size:"large",width:90})})))}i(Ih,"LoadingBlockchainList");function Ep(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r,showTitle:a=!0}=t,[s,l]=qE(e),{fetchStatus:p}=S();HE(()=>{l([...wh(e,o,r)])},[e,o,r]);let c=i(()=>!s.length&&o?mt.createElement(QE,{title:bp.t("No results found"),description:bp.t("Try using different keywords")}):mt.createElement(ua,{as:"ul",key:`${r}-${o}`},s.map(u=>mt.createElement(zE,{key:`${u.name}-${u.chainId}`,className:"widget-blockchain-list-item-btn",hasDivider:!0,onClick:()=>n(u),start:mt.createElement(UE,{src:u.logo,size:30}),title:mt.createElement(Ah,{variant:"title",size:"medium"},u.displayName),id:u.name}))),"renderList");return mt.createElement(mt.Fragment,null,a&&mt.createElement(mt.Fragment,null,mt.createElement(Ah,{variant:"label",size:"large"},bp.t("Select Chain")),mt.createElement(OE,{size:4})),mt.createElement(bh,null,p==="loading"&&mt.createElement(Ih,null),p==="success"&&c()))}i(Ep,"BlockchainList");function da(t){let{type:e}=t,o=qe(),[n,r]=Wh(""),[a,s]=Wh("ALL"),l=O.use.setToBlockchain(),p=O.use.setFromBlockchain(),{fetchStatus:c}=S(),u=KE(),m=S().blockchains({type:e}),h=GE(m),g=!t.hideCategory&&h!==1;return Xt.createElement(ie,{header:{title:Nh.t("Select Chain")}},Xt.createElement(pe,{view:!0},g&&Xt.createElement(Xt.Fragment,null,Xt.createElement(VE,{setCategory:s,category:a,blockchains:m,isLoading:c==="loading"}),Xt.createElement(Bh,{size:24})),Xt.createElement(Et,{value:n,autoFocus:!0,placeholder:Nh.t("Search Chain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:d=>r(d.target.value)}),Xt.createElement(Bh,{size:16}),Xt.createElement(Ep,{list:m,showTitle:e!=="custom-token",searchedFor:n,blockchainCategory:a,onChange:d=>{e==="custom-token"?u(`..?blockchain=${d.name}`,{replace:!0}):(e==="source"?p(d):l(d),o())}})))}i(da,"SelectBlockchainPage");import{i18n as ha}from"@lingui/core";import{Divider as Fh,Spinner as lI}from"@rango-dev/ui";import mo,{useEffect as pI,useState as cI}from"react";import{useNavigate as uI}from"react-router-dom";import{i18n as Np}from"@lingui/core";import{BlockchainsChip as fa,Divider as _h,Image as Dh,Skeleton as RE,Tooltip as eI,Typography as Bp}from"@rango-dev/ui";import be from"react";import{useEffect as YE}from"react";var Lh=["ETH","COSMOS","OSMOSIS"];function Ip(t,e,o){let n=JSON.parse(JSON.stringify(t)),r=[];if(n.sort(jE),o?.limit&&t.length>o.limit){let a=o.limit,s=e;if(e.length<=o.limit){let l=o.limit-e.length;for(let p=0;p<=l;p++){let c=n[p];s=s.filter(u=>c.name!==u)}}n.sort(XE(s)),r=n.splice(a)}return{list:n,more:r}}i(Ip,"prepare");function jE(t,e){let o=Lh,n=o.findIndex(l=>l===t.name),r=o.findIndex(l=>l===e.name),a=n>-1,s=r>-1;return a&&s?n>r?1:-1:a?-1:s?1:0}i(jE,"sortByMostUsedBlockchains");function XE(t){return i(function(o,n){let r=t.findIndex(p=>p===o.name),a=t.findIndex(p=>p===n.name),s=r>-1,l=a>-1;return s&&l?r>a?1:-1:t.includes(o.name)?-1:t.includes(n.name)?1:0},"sortByPreferred")}i(XE,"generateSortByPreferredBlockchainsFor");function Mh(t,e){return!!e.list.find(o=>o.name===t)}i(Mh,"isInVisibleList");function Ap(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=S();YE(()=>{if(e?.selected){let a=Ip(t,o,e);Mh(e.selected,a)||n(e?.selected)}},[e?.selected]);let r=Ip(t,o,e);return{list:r.list,more:r.more,history:[]}}i(Ap,"usePrepareBlockchainList");import{styled as ZE}from"@rango-dev/ui";var Ph=ZE("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var tI=6,oI=12;function Wp(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:a}=t,{showCompactTokenSelector:s}=te(),l=Ap(e,{limit:s?4:10,selected:n?.name}),{fetchStatus:p}=S(),c=O.use.resetToBlockchain(),u=O.use.resetFromBlockchain(),m=l.more.length>0,h=l.more.length===1,g=!h&&m;return be.createElement(be.Fragment,null,!s&&be.createElement(be.Fragment,null,be.createElement(_h,{size:12}),be.createElement(Bp,{variant:"label",size:"large"},Np.t("Select Chain"))),be.createElement(_h,{size:12}),be.createElement(Ph,null,p==="loading"&&Array.from(Array(s?tI:oI),(d,f)=>be.createElement(RE,{key:f,variant:"rounded",height:50})),p==="success"&&be.createElement(be.Fragment,null,be.createElement(fa,{selected:!n,onClick:()=>{o==="from"?u():c()}},be.createElement(Bp,{variant:"body",size:"xsmall",color:"secondary500"},Np.t("All"))),l.list.map(d=>be.createElement(eI,{key:d.name,content:d.shortName,side:"bottom",sideOffset:2,container:A()},be.createElement(fa,{key:d.name,selected:!!n&&n.name===d.name,onClick:()=>r(d)},be.createElement(Dh,{src:d.logo,size:30})))),h?be.createElement(fa,{key:l.more[0].name,selected:!!n&&n.name===l.more[0].name,onClick:()=>r(l.more[0])},be.createElement(Dh,{src:l.more[0].logo,size:30})):null,g?be.createElement(fa,{onClick:a,key:"more-blockchains"},be.createElement(Bp,{variant:"body",size:"xsmall",color:"secondary500"},Np._("More +{count}",{count:l.more.length}))):null)))}i(Wp,"BlockchainsSection");import{useCallback as rI,useRef as iI,useState as Lp}from"react";function Mp(){let t=S().blockchains(),e=iI(null),{customTokens:o}=S(),[n,r]=Lp(!1),[a,s]=Lp([]),[l,p]=Lp(null),c=i(async(h,g)=>{p(null),r(!0),s([]);try{let d=await at().searchCustomTokens({query:h,blockchain:g},{signal:e.current?.signal}),f=new Set(o().map(C=>Ut(C))),y=new Set(t.map(C=>C.name)),T=d.tokens.filter(C=>y.has(C.blockchain)&&!f.has(Ut(C)));s(T),r(!1)}catch(d){p(d instanceof Error?d.message:"something went wrong"),s([]),d?.name!=="CanceledError"&&r(!1)}},"fetch"),u=rI(Or((h,g)=>{e.current?.signal.aborted||c(h,g)},600),[t.length]);return{fetch:(h,g)=>{e.current=new AbortController,s([]),r(!0),u(h,g)},cancel:i(()=>{e.current?.abort()},"cancel"),loading:n,tokens:a,error:l}}i(Mp,"useSearchCustomTokens");function ga(t,e,o){return o&&t.length===1&&t[0].address===e?!1:t.length<20&&e.trim().length>=3}i(ga,"shouldSearchForCustomTokens");function $h(t,e,o,n,r){let a=[...t];return ga(t,o,r)&&(a=n?[...a,"skeleton","skeleton","skeleton"]:[...a,...e.map(s=>({...s,customToken:!0,warning:!0}))]),a}i($h,"prepareTokensList");function ya(t){let{type:e}=t,o=uI(),n=qe(),{fromBlockchain:r,toBlockchain:a,setFromToken:s,setToToken:l,setFromBlockchain:p,setToBlockchain:c}=O(),{getBalanceFor:u}=S(),{fetch:m,loading:h,tokens:g,cancel:d}=Mp(),[f,y]=cI(""),T=e==="source"?r:a,C=T?.name??"",k=S().blockchains({type:e}),v=S().tokens({type:e,blockchain:C,searchFor:f,getBalanceFor:u}),b=$h(v,g,f,h,T?.name),I=i(x=>{e==="source"?p(x):c(x)},"updateBlockchain"),N=i(x=>{e==="source"?s({token:x,meta:{blockchains:k}}):l({token:x,meta:{blockchains:k}})},"updateToken"),E={source:ha.t("Source"),destination:ha.t("Destination")};return pI(()=>(ga(v,f,T?.name)&&m(f,T?.name??void 0),()=>{d()}),[v.length,f,T?.name]),mo.createElement(ie,{header:{title:ha.t("Swap {type}",{type:E[e]})}},mo.createElement(pe,null,mo.createElement(Wp,{blockchains:k,type:e=="source"?"from":"to",blockchain:e==="source"?r:a,onMoreClick:()=>o(F.blockchains),onChange:x=>{I(x)}}),mo.createElement(Fh,{size:24}),mo.createElement(Et,{value:f,autoFocus:!0,placeholder:ha.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>y(""),onChange:x=>y(x.target.value),suffix:ga(v,f,T?.name)&&h?mo.createElement(lI,{size:12,color:"secondary"}):void 0}),mo.createElement(Fh,{size:16}),mo.createElement(Sr,{list:b,selectedBlockchain:C,searchedFor:f,type:e,onChange:x=>{N(x);let w=k.find(B=>x.blockchain===B.name);w&&I(w),n()}})))}i(ya,"SelectSwapItemsPage");import{i18n as $p}from"@lingui/core";import{Alert as FI,Button as OI,styled as UI}from"@rango-dev/ui";import Fo from"react";import{useInRouterContext as zI,useSearchParams as QI}from"react-router-dom";import{i18n as Gh}from"@lingui/core";import{Alert as gI,Divider as _p,InfoIcon as hI,SlippageIcon as yI,TextField as SI,Tooltip as CI,Typography as Vh}from"@rango-dev/ui";import $e from"react";import{Chip as mI,styled as En,TextField as dI}from"@rango-dev/ui";var Oh=En("div",{paddingTop:"$5",padding:"$10 $5"}),Uh=En("div",{display:"flex",flexWrap:"wrap",gap:"$10",[`& ${dI}`]:{flex:"1 1 0",maxWidth:"127px",minWidth:"85px"}}),zh=En("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),Sa=En("div",{maxWidth:"280px",padding:"$10"}),Qh=En(mI,{width:"61px",flexShrink:0}),Hh=En("div",{borderWidth:1,borderStyle:"solid",borderRadius:"$xs",flex:1,variants:{status:{safe:{borderColor:"$secondary500"},error:{borderColor:"$error500"},warning:{borderColor:"$warning500"},empty:{borderWidth:0}}}});import{i18n as Pp}from"@lingui/core";import{Typography as fI}from"@rango-dev/ui";import Nr from"react";function qh(){return Nr.createElement(Sa,null,Nr.createElement(fI,{variant:"label",size:"medium",color:"neutral700"},Pp.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage."),Nr.createElement("br",null),Nr.createElement("br",null),Nr.createElement("b",null,Pp.t("Warning")),":\xA0",Pp.t("This setting is applied to each step (e.g. 1Inch, Thorchain, etc.), meaning only that specific step will be reverted, not the entire route.")))}i(qh,"SlippageTooltipContent");function Dp(){let{slippage:t,setSlippage:e,customSlippage:o,setCustomSlippage:n}=S(),r=o!==null?Xo(o):null,a=i(p=>{let c=p.target.value,u=parseFloat(c);if(isNaN(u))return n(null);let m=u;u>Fn&&(m=Fn),n(m)},"onSlippageValueChange"),s=i(p=>{o!==null&&n(null),e(p)},"onClickSlippageChip"),l=i(p=>{let c=p.target,u=/^(0|[1-9]\d*)(\.\d{1,2})?$/,m=c.value;u.test(m)||(c.value=m.slice(0,-1))},"onInput");return $e.createElement(Oh,null,$e.createElement(zh,null,$e.createElement(yI,{size:16,color:"gray"}),$e.createElement(_p,{direction:"horizontal",size:4}),$e.createElement(Vh,{variant:"title",size:"xmedium"},Gh.t("Slippage tolerance per swap")),$e.createElement(_p,{direction:"horizontal",size:4}),$e.createElement(CI,{container:A(),side:"top",sideOffset:4,content:$e.createElement(qh,null)},$e.createElement(hI,{color:"gray"}))),$e.createElement(Uh,null,Yc.map((p,c)=>{let u=`slippage-${c}`;return $e.createElement(Qh,{key:u,onClick:()=>s(p),selected:o===null&&p===t,label:`${p.toString()}%`})}),$e.createElement(Hh,{status:r?.type||(o?"safe":"empty")},$e.createElement(SI,{type:"number",min:"0.01",max:"30",step:"0.01",onInput:l,fullWidth:!0,variant:"contained",value:o===null?"":o,color:"dark",onChange:a,suffix:o&&$e.createElement(Vh,{variant:"body",size:"small"},"%"),placeholder:Gh.t("Custom")}))),r&&$e.createElement($e.Fragment,null,$e.createElement(_p,{size:10}),$e.createElement(gI,{variant:"alarm",type:r.type,title:r.message})))}i(Dp,"Slippage");import{i18n as Ct}from"@lingui/core";import{AutoThemeIcon as Kh,BridgesIcon as TI,ChevronRightIcon as Ca,DarkModeIcon as jh,Divider as Br,ExchangeIcon as kI,InfinityIcon as vI,InfoIcon as wI,LanguageIcon as xI,LightModeIcon as Xh,List as bI,ListItem as EI,ListItemButton as II,Skeleton as AI,styled as NI,Switch as BI,Tabs as WI,TargetIcon as LI,Tooltip as MI,Typography as nt}from"@rango-dev/ui";import D from"react";import{useNavigate as PI}from"react-router-dom";var _I=NI("div",{width:"202px",height:"$40"}),DI=[{id:"light",icon:D.createElement(Xh,{color:"black",size:24}),tooltip:D.createElement(nt,{size:"xsmall",variant:"body"},Ct.t("Light"))},{id:"dark",icon:D.createElement(jh,{color:"black",size:24}),tooltip:D.createElement(nt,{size:"xsmall",variant:"body"},Ct.t("Dark"))},{id:"auto",icon:D.createElement(Kh,{color:"black",size:24}),tooltip:D.createElement(nt,{size:"xsmall",variant:"body"},Ct.t("Auto"))}],$I=i(t=>{let e={color:"gray",size:16};switch(t){case"auto":return D.createElement(Kh,{...e});case"dark":return D.createElement(jh,{...e});default:return D.createElement(Xh,{...e})}},"getThemeIcon");function Yh(){let t=PI(),{theme:e}=S().config,{setTheme:o,theme:n}=S(),{activeLanguage:r,languages:a}=uo(),s=a.find(L=>L.local===r)?.label,l=S().fetchStatus,p=S().swappers(),c=S().getDisabledLiquiditySources(),{config:{features:u}}=S(),m=S().customTokens(),h=Re("theme",u),g=Re("liquiditySource",u),d=Re("language",u),f=Re("customTokens",u),y=S().infiniteApprove,T=S().toggleInfiniteApprove,C=ei(p,c),k=C.filter(L=>["BRIDGE","AGGREGATOR","OFF_CHAIN"].includes(L.type)),v=k.length,b=k.filter(L=>L.selected).length,I=C.filter(L=>L.type==="DEX"),N=I.length,E=I.filter(L=>L.selected).length,x=i((L,ae)=>{switch(l){case"loading":return D.createElement(AI,{variant:"text",size:"medium",width:50});case"failed":return D.createElement(nt,{variant:"body",size:"medium",color:"$error500"},Ct.t("Loading failed"));default:return D.createElement(nt,{variant:"body",size:"medium"},`${L} / ${ae}`)}},"handleSwapperEndItem"),w={id:"widget-setting-bridge-item-btn",title:D.createElement(nt,{variant:"title",size:"xmedium"},Ct.t("Bridges")),end:D.createElement(D.Fragment,null,x(b,v),D.createElement(Br,{direction:"horizontal",size:8}),D.createElement(Ca,{color:"black"})),onClick:()=>t(F.bridges),start:D.createElement(TI,{color:"gray",size:16})},B={id:"widget-setting-exchange-item-btn",title:D.createElement(nt,{variant:"title",size:"xmedium"},Ct.t("Exchanges")),end:D.createElement(D.Fragment,null,x(E,N),D.createElement(Br,{direction:"horizontal",size:8}),D.createElement(Ca,{color:"black"})),start:D.createElement(kI,{color:"gray",size:16}),onClick:()=>t(F.exchanges)},P={id:"widget-setting-custom-tokens-item-btn",title:D.createElement(nt,{variant:"title",size:"xmedium"},Ct.t("Custom Tokens")),end:D.createElement(D.Fragment,null,D.createElement(nt,{variant:"body",size:"medium"},`${m.length}`),D.createElement(Br,{direction:"horizontal",size:8}),D.createElement(Ca,{color:"black"})),start:D.createElement(LI,{color:"gray",size:16}),onClick:()=>t(F.customTokens)},$={id:"widget-setting-language-item-btn",title:D.createElement(nt,{variant:"title",size:"xmedium"},Ct.t("Language")),start:D.createElement(xI,{color:"gray",size:16}),end:D.createElement(D.Fragment,null,D.createElement(nt,{variant:"body",size:"medium"},s),D.createElement(Br,{direction:"horizontal",size:8}),D.createElement(Ca,{color:"black"})),onClick:()=>t(F.languages)},H={id:"widget-setting-infinite-approval-item-btn",title:D.createElement(D.Fragment,null,D.createElement(nt,{variant:"title",size:"xmedium"},Ct.t("Infinite approval")),D.createElement(Br,{direction:"horizontal",size:4}),D.createElement(MI,{side:"top",sideOffset:4,container:A(),content:D.createElement(Sa,null,D.createElement(nt,{variant:"label",size:"medium",color:"neutral700"},D.createElement("b",null,Ct.t("Warning")),":\xA0",Ct.t("Enabling the 'Infinite approval' mode grants unrestricted access to underlying smart contracts, allowing them to utilize the approved token amount without limitations.")))},D.createElement(wI,{color:"gray"}))),start:D.createElement(vI,{color:"gray",size:16}),end:D.createElement(BI,{checked:y}),onClick:T},R={id:"widget-setting-theme-item-btn",type:D.createElement(EI,null),title:D.createElement(nt,{variant:"title",size:"xmedium"},Ct.t("Theme")),end:D.createElement(_I,null,D.createElement(WI,{container:A(),items:DI,value:n,onChange:L=>o(L.id),type:"primary",borderRadius:"small"})),start:$I(n)},K=g?[]:[w,B];return f||K.push(P),d||K.push($),K.push(H),!e?.singleTheme&&!h&&K.push(R),D.createElement(bI,{type:D.createElement(II,{hasDivider:!0,id:"_",onClick:()=>console.log()}),items:K})}i(Yh,"SettingsLists");var HI=UI("div",{paddingLeft:"$8"});function Zh(){let{isInCampaignMode:t,updateCampaignMode:e}=S(),o=t(),[,n]=QI(),r=zI(),a=i(()=>{r&&o&&(n(s=>(s.delete("liquiditySources"),s),{replace:!0}),e("liquiditySources",void 0))},"onClick");return Fo.createElement(ie,{header:{title:$p.t("Settings")}},Fo.createElement(pe,null,o&&Fo.createElement(FI,{type:"info",variant:"alarm",title:$p.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:Fo.createElement(HI,null,Fo.createElement(OI,{id:"widget-setting-exit-campaign-mode-btn",type:"secondary",size:"small",onClick:a},$p.t("Reset")))}),Fo.createElement(Dp,null),Fo.createElement(Yh,null)))}i(Zh,"SettingsPage");import{i18n as MA}from"@lingui/core";import{cancelSwap as PA}from"@rango-dev/queue-manager-rango-preset";import{useManager as _A}from"@rango-dev/queue-manager-react";import{Alert as DA}from"@rango-dev/ui";import ec from"react";import{useParams as $A}from"react-router-dom";import{i18n as dt}from"@lingui/core";import{getCurrentNamespaceOfOrNull as fA,getCurrentStep as gA,getRelatedWalletOrNull as hA}from"@rango-dev/queue-manager-rango-preset";import{Button as My,CopyIcon as yA,Divider as SA,DoneIcon as CA,IconButton as TA,QuoteCost as kA,RangoExplorerIcon as vA,StepDetails as wA,Tooltip as Py,Typography as Oo,useCopyToClipboard as xA}from"@rango-dev/ui";import{useWallets as bA}from"@rango-dev/wallets-react";import _y from"bignumber.js";import{PendingSwapNetworkStatus as Ea}from"rango-types";import Y,{useEffect as Dy,useRef as EA,useState as $y}from"react";import{useNavigate as IA}from"react-router-dom";import{i18n as fo}from"@lingui/core";var qI=[fo.t("Sunday"),fo.t("Monday"),fo.t("Tuesday"),fo.t("Wednesday"),fo.t("Thursday"),fo.t("Friday"),fo.t("Saturday")];function Jh(t){let e=new Date(t),o=e.getDate(),n=e.toLocaleString("default",{month:"long"}),r=e.getFullYear();return`${e.getDay()===new Date().getDay()?fo.t("Today"):`${qI[e.getDay()]} ${o} ${n} ${r}`}, ${new Date(t).toLocaleTimeString()}`}i(Jh,"timeSince");function Rh(t){return t.finishTime?Jh(parseInt(t.finishTime)):Jh(parseInt(t.creationTime))}i(Rh,"getSwapDate");import{PendingSwapNetworkStatus as va}from"rango-types";import wa from"react";import{i18n as Ta}from"@lingui/core";import{Button as ey,Divider as Fp,MessageBox as GI}from"@rango-dev/ui";import go from"react";var ty=i(({onCancel:t,onClose:e})=>go.createElement(go.Fragment,null,go.createElement(Fp,{size:20}),go.createElement(GI,{type:"error",title:Ta.t("Cancel Swap"),description:Ta.t("Are you sure you want to cancel this swap?")}),go.createElement(Fp,{size:32}),go.createElement(ey,{variant:"contained",id:"widget-swap-details-modal-cancel-swap-yes-btn",type:"primary",size:"large",onClick:t},Ta.t("Yes, Cancel it")),go.createElement(Fp,{size:12}),go.createElement(ey,{id:"widget-swap-details-modal-cancel-swap-no-btn",variant:"outlined",type:"primary",size:"large",onClick:e},Ta.t("No, Continue"))),"CancelContent");import{i18n as ka}from"@lingui/core";import{Button as oy,Divider as Op,MessageBox as VI,Typography as KI}from"@rango-dev/ui";import Yt from"react";var ny=i(({onDelete:t,onClose:e})=>Yt.createElement(Yt.Fragment,null,Yt.createElement(Op,{size:20}),Yt.createElement(VI,{type:"error",title:ka.t("Delete Transaction"),description:ka.t("Are you sure you want to delete this swap?")}),Yt.createElement(Op,{size:32}),Yt.createElement(oy,{id:"widget-swap-details-modal-delete-swap-yes-btn",variant:"contained",type:"primary",size:"large",onClick:t},ka.t("Yes, Delete it")),Yt.createElement(Op,{size:12}),Yt.createElement(oy,{id:"widget-swap-details-modal-delete-swap-no-btn",variant:"outlined",type:"primary",size:"large",onClick:e},Yt.createElement(KI,{variant:"title",size:"medium",color:"primary"},ka.t("No, Cancel")))),"DeleteContent");import{i18n as Up}from"@lingui/core";import{PendingSwapNetworkStatus as zp}from"rango-types";var Qp={[zp.WaitingForNetworkChange]:{type:"loading",title:Up.t("Change Network")},[zp.WaitingForConnectingWallet]:{type:"warning",title:Up.t("Connect Wallet")},[zp.NetworkChanged]:{type:"success",title:Up.t("Network Changed")}};import{warn as jI}from"@rango-dev/logging-core";import{getCurrentStep as XI,getRelatedWalletOrNull as YI}from"@rango-dev/queue-manager-rango-preset";import{MessageBox as ZI,Wallet as JI}from"@rango-dev/ui";import{useWallets as RI}from"@rango-dev/wallets-react";import In,{useState as eA}from"react";import{styled as Hp}from"@rango-dev/ui";var ry=Hp("div",{display:"flex",justifyContent:"center"}),kj=Hp("div",{maxWidth:280,"& ._typography":{wordWrap:"break-word",display:"block"}}),iy=Hp("img",{width:"100%"});var ay=i(t=>{let{type:e,title:o,swap:n,message:r,showWalletButton:a,walletButtonDisabled:s}=t,[l,p]=eA(),{getWalletInfo:c,state:u}=RI(),m=XI(n),h=m?YI(n,m):null,g=m?.fromBlockchain,d=h?.walletType,f=d?Ln(u(d)):null,y=d?c(d):null,T=a&&!!d&&!!f&&!!y,{list:C}=Tt(),k=i(()=>{if(d){let v=C.find(b=>b.type===d);v?p(v):jI(new Error(`It seems requested wallet to be connected is not available in the list. requested wallet: ${v}`))}},"handleWalletItemClick");return In.createElement(In.Fragment,null,In.createElement(ZI,{type:e,title:o,description:r}),T&&In.createElement(ry,null,In.createElement(JI,{container:A(),title:y.name,image:y.img,type:d,state:f,link:y.installLink,disabled:s,onClick:k})),In.createElement(bo,{wallet:l,onClose:()=>{p(void 0)},options:{defaultSelectedChains:g?[g]:void 0}}))},"WalletStateContent");function qp(t){let{state:e,onClose:o,onDelete:n,onCancel:r,swap:a,message:s,walletButtonDisabled:l}=t,p=e===va.WaitingForNetworkChange||e===va.WaitingForConnectingWallet||e===va.NetworkChanged;return wa.createElement(J,{open:!!e,onClose:o,container:document.getElementById(Qe.SWAP_BOX_ID)||document.body},p&&wa.createElement(ay,{type:Qp[e].type,title:Qp[e].title,swap:a,message:s,walletButtonDisabled:l,showWalletButton:e!==va.WaitingForNetworkChange}),e==="delete"&&wa.createElement(ny,{onClose:o,onDelete:n}),e==="cancel"&&wa.createElement(ty,{onClose:o,onCancel:r}))}i(qp,"SwapDetailsModal");import{i18n as Wr}from"@lingui/core";import{Button as Gp,Divider as Lr,MessageBox as py,TokenAmount as tA,Typography as cy}from"@rango-dev/ui";import Ce from"react";import{Link as oA,useNavigate as nA}from"react-router-dom";var sy="https://raw.githubusercontent.com/rango-exchange/assets/main/banners/widget/profile.jpg",ly="/profile";function Vp(t){let{open:e,onClose:o,status:n,priceValue:r,usdValue:a,realUsdValue:s,realValue:l,token:p,chain:c,percentageChange:u,description:m,diagnosisUrl:h}=t,g=nA(),{showProfileBanner:d}=te();return Ce.createElement(J,{open:e,onClose:o,container:document.getElementById(Qe.SWAP_BOX_ID)||document.body},n==="success"?Ce.createElement(py,{type:"success",title:Wr.t("Swap Successful")},Ce.createElement(tA,{direction:"vertical",tooltipContainer:A(),type:"output",centerAlign:!0,price:{value:r,usdValue:a,realUsdValue:s,realValue:l},token:p,chain:c,percentageChange:u}),Ce.createElement(Lr,{size:12}),Ce.createElement(cy,{variant:"body",size:"medium",color:"neutral700",align:"center"},m)):Ce.createElement(py,{type:"error",title:Wr.t("Transaction Failed"),description:m}),Ce.createElement(Lr,{size:30}),n==="success"&&Ce.createElement(Ce.Fragment,null,d&&Ce.createElement(Ce.Fragment,null,Ce.createElement(oA,{to:ly},Ce.createElement(iy,{src:sy,alt:"Profile Banner"})),Ce.createElement(Lr,{size:30})),Ce.createElement(Gp,{id:"widget-swap-details-modal-done-btn",variant:"contained",type:"primary",size:"large",onClick:()=>{g("../../")}},Wr.t("Done"))),Ce.createElement(Lr,{size:12}),h&&Ce.createElement(Ce.Fragment,null,Ce.createElement(Gp,{variant:"contained",id:"widget-swap-detail-modal-diagnosis-btn",type:"primary",size:"large",onClick:()=>window.open(h,"_blank")},Wr.t("Diagnosis")),Ce.createElement(Lr,{size:12})),Ce.createElement(Gp,{id:"widget-swap-details-modal-see-details-btn",variant:"outlined",type:"primary",size:"large",onClick:o},Ce.createElement(cy,{variant:"title",size:"medium",color:"primary"},Wr.t("See Details"))))}i(Vp,"SwapDetailsCompleteModal");import dA from"react";import{i18n as pA}from"@lingui/core";import{Alert as Ny,IconButton as cA,LinkIcon as uA}from"@rango-dev/ui";import ho,{Fragment as mA}from"react";import{Alert as iA,ChevronDownIcon as aA,IconButton as sA}from"@rango-dev/ui";import Nn,{useState as lA}from"react";import{css as Mr,darkTheme as uy,styled as Dt,Typography as rA}from"@rango-dev/ui";var my=Dt(pe,{overflowY:"auto","& ._icon-button":{"&:hover":{"& svg":{color:"$secondary550",[`.${uy} &`]:{color:"$secondary500"}}}}}),dy=Dt("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),fy=Dt("div",{position:"sticky",top:0,zIndex:10,backgroundColor:"$background"}),gy=Dt("div",{padding:"$0 $20 $20 $20"}),p3=Dt("div",{display:"flex",flexDirection:"column",gap:"$10"}),hy=Dt("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),c3=Dt("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1}),An=Mr({display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",padding:"$10 $20",borderBottom:"1px solid",$$color:"$colors$neutral300",[`.${uy} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color",color:"$neutral500"}),yy=Mr({padding:"$5 0"}),xa=Mr({display:"flex",justifyContent:"center",alignItems:"center",height:"$24"}),Sy=Mr({display:"flex",width:"100%",padding:"$15 $20 $20",flexDirection:"column",alignItems:"start"}),Cy=Mr({width:"100%",padding:"0 $20 $10"}),Ty=Dt("a",{fontSize:"$16",fontWeight:"$400",color:"$neutral700",display:"flex",alignItems:"center",justifyContent:"center"}),ky=Dt("div",{display:"flex",flexDirection:"column",gap:"$5"}),ba=Dt(rA,{wordBreak:"break-word"});import{styled as Kp}from"@rango-dev/ui";var vy=Kp("div",{display:"flex",flexDirection:"column",gap:"$10"}),wy=Kp("div",{transition:"transform 0.3s ease-in-out",variants:{rotated:{true:{transform:"rotate(180deg)"}}}}),xy=Kp("div",{transition:"max-height 0.3s ease-in-out",maxHeight:"0px",overflow:"hidden",variants:{open:{true:{maxHeight:"200px"}}}});function by(t){let{message:e}=t,[o,n]=lA(!1);return Nn.createElement(iA,{type:"error",title:e.shortMessage,containerStyles:{"& .footer":{paddingTop:"$0"}},action:e.detailedMessage.content&&Nn.createElement(sA,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},Nn.createElement(wy,{rotated:o},Nn.createElement(aA,{size:12,color:"gray"}))),footer:Nn.createElement(xy,{open:o},Nn.createElement(ba,{variant:"body",size:"xsmall",color:"neutral700"},e.detailedMessage.content))})}i(by,"FailedAlert");import{i18n as Ey}from"@lingui/core";import{Alert as jp,Button as Iy}from"@rango-dev/ui";import{PendingSwapNetworkStatus as Xp}from"rango-types";import Pr from"react";function Ay(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?Pr.createElement(jp,{type:"warning",title:n.shortMessage,action:Pr.createElement(Iy,{id:"widget-swap-details-warning-alert-change-network-btn",size:"xxsmall",type:"warning",onClick:()=>{o(Xp.WaitingForNetworkChange),e().catch(a=>{console.log(a)})}},Ey.t("Change"))}):r===Xp.WaitingForConnectingWallet?Pr.createElement(jp,{type:"warning",title:n.shortMessage,action:Pr.createElement(Iy,{id:"widget-swap-details-warning-alert-connect-wallet-btn",size:"xxsmall",type:"warning",onClick:()=>{o(Xp.WaitingForConnectingWallet)}},Ey.t("Connect"))}):Pr.createElement(jp,{type:"warning",title:n.shortMessage})}i(Ay,"WarningAlert");function Yp(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:a,hasAlreadyProceededToSign:s}=t,l=Yn(a),p=a.status==="waitingForApproval"&&!l,c=a.status==="running"&&!l,u=c&&!s||p&&!a.explorerUrl?.length;return ho.createElement(vy,null,a.explorerUrl?.map((m,h,g)=>{let d=h+m.url,f=h===g.length-1,y=(f&&c||p)&&!u,T=f&&a.status==="failed";return ho.createElement(mA,{key:d},ho.createElement(Ny,{type:f&&(y&&"loading"||T&&"error")||"success",title:m.description?`${m.description} Tx`:pA.t("View transaction"),action:m.url&&ho.createElement(cA,{id:"widget-swap-details-tx-link-icon-btn",variant:"ghost",size:"xsmall",onClick:()=>window.open(m.url,"_blank")},ho.createElement(uA,{size:12}))}))}),u&&ho.createElement(Ny,{type:"loading",title:r.shortMessage}),a.status!=="failed"&&l&&ho.createElement(Ay,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),a.status==="failed"&&ho.createElement(by,{message:r}))}i(Yp,"SwapDetailsAlerts");var By=2e3;var Wy=i(({swap:t,blockchains:e,swappers:o,...n})=>{let r=t.hasAlreadyProceededToSign!==!1;return t.steps.map((a,s)=>{let l=s===0?t.inputAmount:t.steps[s-1].outputAmount||t.steps[s-1].expectedOutputAmountHumanReadable;return{from:{token:{displayName:a.fromSymbol,image:a.fromLogo??""},chain:{displayName:ft(a.fromBlockchain,e)??"",image:a.fromBlockchainLogo??""},price:{value:_(l,6,6),realValue:l??""}},to:{token:{displayName:a.toSymbol,image:a.toLogo},chain:{displayName:ft(a.toBlockchain,e)??"",image:a.toBlockchainLogo??""},price:{value:_(a.outputAmount||a.expectedOutputAmountHumanReadable,6,6),realValue:a.outputAmount||a.expectedOutputAmountHumanReadable||""}},swapper:{displayName:Dn(a.swapperId,o)??"",image:a.swapperLogo??"",type:a.swapperType},internalSwaps:a.internalSwaps?a.internalSwaps.map(p=>({from:{chain:{displayName:ft(p.fromBlockchain,e)??"",image:p.fromBlockchainLogo??""}},to:{chain:{displayName:ft(p.toBlockchain,e)??"",image:p.toBlockchainLogo??""}},swapper:{displayName:Dn(p.swapperId,o)??"",image:p.swapperLogo??"",type:p.swapperType}})):[],alerts:dA.createElement(Yp,{step:a,hasAlreadyProceededToSign:r,...n})}})},"getSteps");function Ly(t){if(Yn(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(Ly,"getStepState");function Zp(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:a,connect:s,getWalletInfo:l}=bA(),p=S().blockchains(),c=S().swappers(),{findToken:u}=S(),m=O.use.retry(),h=te.use.isActiveTab(),g=IA(),[d,f]=xA(By),y=EA(null),[T,C]=$y(null),[k,v]=$y(null),b=i(()=>{r(),C(null)},"onCancel"),I=Ae.use.getNotifications(),N=Ae.use.removeNotification(),E=I(),x=gA(e),w=x?.networkStatus;Dy(()=>{E.find(ze=>ze.requestId===e.requestId)&&(e.status==="success"||e.status==="failed"?(v(e.status),N(e.requestId)):k&&v(null))},[e.status,e.requestId]),Dy(()=>{L?C(Ea.WaitingForNetworkChange):w===Ea.WaitingForConnectingWallet||w===Ea.NetworkChanged?C(w):C(null)},[w]);let B=hm(e),P=x?fA(e,x):null,$=x?hA(e,x):null,H=Rh(e),R=ym(e),K=i(xe=>!!l(xe)?.mobileWallet,"isMobileWallet"),L=w===Ea.WaitingForNetworkChange&&!!P&&!!$?.walletType&&(K($.walletType)||a($.walletType,P.network)),ae=L?s.bind(null,$.walletType,[{namespace:P.namespace,network:P.network}]):void 0,re=gm(e,x,l),Q=Wy({swap:e,switchNetwork:ae,showNetworkModal:w,setNetworkModal:C,message:re,blockchains:p,swappers:c}),Z=Q.length,[le,ue]=[e.steps[0],e.steps[Z-1]],se=ue.outputAmount||ue.expectedOutputAmountHumanReadable,Ze=e.steps.reduce((xe,ze)=>xe+parseFloat(ze.feeInUsd||""),0),q=e.steps.find(xe=>xe.diagnosisUrl)?.diagnosisUrl,W=_(parseFloat(se||"0")*(ue.toUsdPrice||0),4,4),G=_(parseFloat(e.inputAmount)*(le.fromUsdPrice||0),4,4),j=se?new _y(se).multipliedBy(ue.toUsdPrice||0).toString():"",ee=new _y(e.inputAmount).multipliedBy(le.fromUsdPrice||0).toString(),fe=zt(G,W),Ue=re.detailedMessage.content||re.shortMessage,Je=e.status==="success"?dt.t({id:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:_(se,6,6),token:Q[Z-1].to.token.displayName,conciseAddress:Qo(e.wallets[Q[Z-1].to.chain.displayName]?.address||""),chain:Q[Z-1].to.chain.displayName}}):Y.createElement(ky,null,Y.createElement(Oo,{variant:"body",size:"medium",color:"neutral700",align:"center"},Ue?"":dt.t("Transaction was not sent."),B?`${dt.t({id:"{amount} {symbol} on {blockchain} remains in your wallet.",values:{amount:B.outputAmount,symbol:B.symbol,blockchain:B.blockchain}})}`:""),Ue&&Y.createElement(ba,{align:"center",variant:"body",size:"medium",color:"neutral700"},Y.createElement("b",null,"Reason:")," ",Ue));return Y.createElement(ie,{header:{title:dt.t("Swap Details"),onCancel:e.status==="running"?()=>C("cancel"):void 0,suffix:e.status!=="running"&&Y.createElement(oo,null,Y.createElement(My,{id:"widget-swap-details-delete-btn",variant:"ghost",type:"error",size:"xsmall",onClick:()=>C("delete")},Y.createElement(Oo,{size:"medium",variant:"label",color:"error"},dt.t("Delete"))))},footer:R&&!k&&Y.createElement(My,{fullWidth:!0,id:"widget-swap-details-try-again-btn",variant:"contained",type:"primary",size:"large",onClick:()=>{let xe=fi(e,p,u);m(xe),setTimeout(()=>{g("../../")},0)}},dt.t("Try again"))},Y.createElement(my,{compact:!0,ref:y},Y.createElement(fy,{className:An()},Y.createElement(Oo,{variant:"label",size:"large",color:"neutral700"},`${dt.t("Request ID")}`),Y.createElement("div",{className:xa()},Y.createElement(Oo,{variant:"label",size:"small",color:"neutral700"},o),Y.createElement(Py,{container:A(),content:d?dt.t("Copied To Clipboard"):dt.t("Copy Request ID"),open:d||void 0,side:"bottom",alignOffset:-16,align:"end"},Y.createElement(TA,{id:"widget-swap-details-done-copy-icon-btn",variant:"ghost",onClick:f.bind(null,o||"")},d?Y.createElement(CA,{size:16,color:"secondary"}):Y.createElement(yA,{size:16,color:"gray"}))),Y.createElement(Ty,{target:"_blank",href:`${pc}/swap/${o}`},Y.createElement(Py,{container:A(),content:dt.t("View on Rango Explorer"),side:"bottom"},Y.createElement(vA,{size:20}))))),Y.createElement("div",{className:An()},Y.createElement(Oo,{variant:"label",size:"large",color:"neutral700"},e.finishTime?dt.t("Finished at"):dt.t("Created at")),Y.createElement(Oo,{variant:"label",size:"small",color:"neutral700"},H)),Y.createElement("div",{className:Sy()},Y.createElement(kA,{fee:_(String(Ze),2,2),time:Bn(zr(e.steps)),steps:Z}),Y.createElement(lr,{from:{price:{value:_(e.inputAmount,6,6),usdValue:G,realUsdValue:ee,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:_(se,6,6),usdValue:W,realUsdValue:j,realValue:se||""},token:{displayName:Q[Z-1].to.token.displayName,image:Q[Z-1].to.token.image},chain:{image:Q[Z-1].to.chain.image,displayName:Q[Z-1].to.chain.displayName}},percentageChange:_(fe,2,2),warningLevel:Qt(fe??0)})),Y.createElement("div",{className:Cy()},Y.createElement(Oo,{variant:"title",size:"small"},dt.t("Swaps steps"))),Y.createElement(SA,{size:8}),Y.createElement(gy,null,Q.map((xe,ze)=>{let Zt=ze,yo=Ly(e.steps[ze]),uS=yo==="error"||yo==="in-progress"||yo==="warning"||yo==="completed"&&ze===Q.length-1;return Y.createElement(wA,{key:Zt,step:xe,type:"swap-progress",ref:y,state:yo,hasSeparator:ze!==0,tabIndex:Zt,isFocused:uS,tooltipContainer:A()})}))),Y.createElement(qp,{state:T,onClose:()=>C(null),onCancel:b,onDelete:n,message:re.detailedMessage.content,swap:e,walletButtonDisabled:!h}),Y.createElement(Vp,{open:!!k,diagnosisUrl:q,onClose:()=>v(null),status:e.status==="success"?"success":"failed",priceValue:_(se,6,6),usdValue:W,realUsdValue:j,realValue:se||"",percentageChange:_(fe,2,2),token:{displayName:Q[Z-1].to.token.displayName,image:Q[Z-1].to.token.image},chain:{image:Q[Z-1].to.chain.image},description:Je}))}i(Zp,"SwapDetails");import{i18n as Aa}from"@lingui/core";import{Divider as Uy,NotFound as LA,Skeleton as Dr,Typography as Na}from"@rango-dev/ui";import Ie from"react";import{i18n as AA}from"@lingui/core";import{Divider as NA,Skeleton as BA,Typography as WA}from"@rango-dev/ui";import Ee from"react";import{css as At,styled as Jp}from"@rango-dev/ui";var Fy=Jp("div",{width:"100%",height:"100%",padding:"$10 $20"}),_r=Jp("div",{backgroundColor:"$neutral100",borderRadius:"$xm",padding:"$10 $15"}),Ia=Jp("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"}),vX=At({display:"flex",justifyContent:"space-between",alignItems:"center"}),wX=At({display:"flex",justifyContent:"space-between",alignItems:"center"}),xX=At({paddingTop:"$15",display:"flex"}),bX=At({padding:"$15 $0"}),EX=At({width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"}),IX=At({paddingBottom:"$10"}),AX=At({display:"flex",justifyContent:"start",alignItems:"center"}),NX=At({paddingTop:"$5",display:"flex",alignItems:"center"}),BX=At({display:"flex",alignItems:"center"}),WX=At({padding:"$4 $6",display:"flex",justifyContent:"center",alignItems:"center"}),Oy=At({display:"flex",paddingTop:"$10",paddingBottom:"$5"});function Rp(){return Ee.createElement(Fy,null,Ee.createElement(cr,{type:"swap-preview"}),Ee.createElement("div",{className:"swaps-steps"},Ee.createElement(WA,{variant:"title",size:"small"},AA.t("Swaps steps"))),Ee.createElement(Ee.Fragment,null,Ee.createElement(_r,null,Ee.createElement(Pt,{separator:!1}),Ee.createElement("div",{className:Oy()},Ee.createElement(NA,{direction:"horizontal",size:20}),Ee.createElement(BA,{height:22,variant:"rectangular"}))),Ee.createElement(Ia,null),Ee.createElement(_r,null,Ee.createElement(Pt,{separator:!1})),Ee.createElement(Ia,null),Ee.createElement(_r,null,Ee.createElement(Pt,{separator:!1})),Ee.createElement(Ia,null),Ee.createElement(_r,null,Ee.createElement(Pt,{separator:!1}))))}i(Rp,"LoadingSwapDetails");function zy(t){let{requestId:e,showSkeleton:o}=t;return Ie.createElement(ie,{header:{title:Aa.t("Swap Details"),suffix:Ie.createElement(oo,null)}},o&&Ie.createElement(dy,null,Ie.createElement("div",{className:An()},Ie.createElement(Na,{variant:"label",size:"large",color:"neutral700"},`${Aa.t("Request ID")}`),Ie.createElement("div",{className:xa()},Ie.createElement(Na,{variant:"label",size:"small",color:"neutral700"},Ie.createElement(Dr,{width:60,height:10,variant:"rounded"})),Ie.createElement(Uy,{direction:"horizontal",size:4}),Ie.createElement(Dr,{width:16,height:16,variant:"rectangular"}),Ie.createElement(Uy,{direction:"horizontal",size:4}),Ie.createElement(Dr,{width:16,height:16,variant:"rectangular"}))),Ie.createElement("div",{className:An()},Ie.createElement(Na,{className:yy(),variant:"label",size:"large",color:"neutral700"},Ie.createElement(Dr,{width:60,height:10,variant:"rounded"})),Ie.createElement(Na,{variant:"label",size:"small",color:"neutral700"},Ie.createElement(Dr,{width:60,height:10,variant:"rounded"}))),Ie.createElement(Rp,null)),!o&&Ie.createElement(hy,null,Ie.createElement(LA,{title:Aa.t("Not found"),description:Aa.t({id:"Swap with request ID = {requestId} not found.",values:{requestId:e}})})))}i(zy,"SwapDetailsPlaceholder");function Qy(){let{manager:t,state:e}=_A(),o=!e.loadedFromPersistor,n=St(t),{requestId:r}=$A(),a=qe(),{fetchStatus:s}=S();if(!r)return ec.createElement(DA,{containerStyles:{margin:"20px"},type:"error",title:MA.t("The request ID is necessary to display the swap details.")});let l=o||s==="loading",p=r?n.find(({swap:h})=>h.requestId===r):void 0,c=i(()=>{if(p?.id){let h=t?.get(p.id);h&&PA(h)}},"onCancel"),u=i(async()=>{if(p?.id)try{t?.deleteQueue(p.id),a()}catch(h){console.log(h)}},"onDelete"),m=p?.swap;return!m||l?ec.createElement(zy,{requestId:r,showSkeleton:l}):ec.createElement(Zp,{swap:m,requestId:r,onCancel:c,onDelete:u})}i(Qy,"SwapDetailsPage");import{i18n as Hy}from"@lingui/core";import{Divider as FA,getCategoriesCount as OA,SelectableCategoryList as UA,styled as Gy,Typography as zA,Wallet as QA,WalletState as HA}from"@rango-dev/ui";import{useWallets as qA}from"@rango-dev/wallets-react";import $t,{useState as qy}from"react";var GA=Gy("div",{display:"flex",justifyContent:"center",alignItems:"center",columnGap:"$5",rowGap:"$10",flexWrap:"wrap",paddingTop:"$5"}),VA=Gy(pe,{textAlign:"center"});function Vy(){let{fetchStatus:t}=S(),[e,o]=qy("ALL"),n=S().blockchains(),{config:r}=S(),{state:a}=qA(),[s,l]=qy(),p=te.use.isActiveTab(),{list:c}=Tt(),u=Nc(c,n),h=OA(u)!==1,g=Bc(c,e),d=i(f=>{Sc(c,r.multiWallets)||l(f)},"handleWalletItemClick");return $t.createElement(ie,{header:{title:Hy.t("Connect Wallets")}},$t.createElement(VA,null,h&&$t.createElement($t.Fragment,null,$t.createElement(UA,{setCategory:o,category:e,blockchains:u,isLoading:t==="loading"}),$t.createElement(FA,{size:24})),$t.createElement(zA,{variant:"title",size:"xmedium",align:"center"},Hy.t("Choose a wallet to connect.")),$t.createElement(GA,null,g.map((f,y)=>{let C=a(f.type).namespaces,k=`wallet-${y}-${f.type}`,v=_n(f,C);return $t.createElement(QA,{key:k,...f,state:v?HA.PARTIALLY_CONNECTED:f.state,container:A(),onClick:()=>d(f),isLoading:t==="loading",disabled:!p})}),$t.createElement(bo,{wallet:s,onClose:()=>{l(void 0)}}))))}i(Vy,"WalletsPage");function Ky(){return km(),Is(),KA([{path:F.home,element:Oe.createElement(yh,null)},{path:F.routes,element:Oe.createElement(vh,null)},{path:F.fromSwap,children:[{index:!0,element:Oe.createElement(ya,{type:"source"})},{path:F.blockchains,element:Oe.createElement(da,{type:"source"})}]},{path:F.toSwap,children:[{index:!0,element:Oe.createElement(ya,{type:"destination"})},{path:F.blockchains,element:Oe.createElement(da,{type:"destination"})}]},{path:F.settings,children:[{index:!0,element:Oe.createElement(Zh,null)},{path:F.languages,element:Oe.createElement(Ch,null)},{path:F.exchanges,element:Oe.createElement(xp,{sourceType:"Exchanges"})},{path:F.bridges,element:Oe.createElement(xp,{sourceType:"Bridges"})},{path:F.customTokens,children:[{index:!0,element:Oe.createElement(Cg,null)},{path:F.addCustomTokens,children:[{index:!0,element:Oe.createElement(fd,null)},{path:F.blockchains,element:Oe.createElement(da,{hideCategory:!0,type:"custom-token"})}]}]}]},{path:F.swaps,children:[{index:!0,element:Oe.createElement(Og,null)},{path:F.swapDetails,element:Oe.createElement(Qy,null)}]},{path:F.wallets,element:Oe.createElement(Vy,null)},{path:F.confirmSwap,element:Oe.createElement(ig,null)}])}i(Ky,"AppRoutes");import{useQueueManager as o0}from"@rango-dev/queue-manager-rango-preset";import{isEvmBlockchain as n0}from"rango-sdk";import{useContext as r0,useEffect as eS,useState as tS}from"react";import{globalCss as jA}from"@rango-dev/ui";var jy=i(()=>jA({"@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')"})(),"globalFont");function Xy(){let{setWatermark:t,setShowProfileBanner:e}=te();return{fetchApiConfig:i(async()=>{let n=await fetch(`${Ot("BASE_URL")}/meta/dapp/config?apiKey=${Ot("API_KEY")}`);if(!n.ok)throw new Error(`Request failed with status: ${n.status} `);let r=await n.json();t(r.config.watermark),e(r.config.banners.profile)},"fetchApiConfig")}}i(Xy,"useFetchApiConfig");import{useWallets as XA}from"@rango-dev/wallets-react";import{useEffect as YA,useRef as ZA}from"react";function Yy(){let{connect:t,state:e}=XA(),o=ZA({}),{fetchStatus:n}=S(),r=new URLSearchParams(location.search).get("autoConnect")||"",a=e(r);YA(()=>{n==="success"&&r&&a.installed&&!a.connecting&&!a.connected&&!o.current[r]&&(o.current[r]=!0,t(r))},[a,n])}i(Yy,"useForceAutoConnect");import{isApprovalTX as JA,RouteEventType as Zy,StepEventType as Jy,StepExecutionEventStatus as RA,WidgetEvents as Ba}from"@rango-dev/queue-manager-rango-preset";import{useEffect as Ry}from"react";function tc(){let t=Ae.use.setNotification(),{connectedWallets:e,fetchBalances:o,customTokens:n}=S();Ry(()=>{let r=i(a=>{let{event:s,step:l,route:p}=a;if(s.type===Jy.TX_EXECUTION&&s.status===RA.TX_SENT&&!JA(l)||s.type===Jy.SUCCEEDED){let u=[],m=p.wallets[l?.fromBlockchain];if(m){let h=e.find(g=>g.address?.toLocaleLowerCase()===m.address?.toLocaleLowerCase()&&g.walletType===m.walletType&&g.chain===l?.fromBlockchain);h&&u.push(h)}if(l?.fromBlockchain!==l?.toBlockchain){let h=p.wallets[l?.toBlockchain];if(h){let g=e.find(d=>d.address?.toLocaleLowerCase()===h.address?.toLocaleLowerCase()&&d.walletType===h.walletType&&d.chain===l?.toBlockchain);g&&u.push(g)}}if(u.length>0){let h=n(),d=[{blockchain:l.fromBlockchain,address:l.fromSymbolAddress,symbol:l.fromSymbol},{blockchain:l.toBlockchain,address:l.toSymbolAddress,symbol:l.toSymbol}].filter(f=>h.some(y=>y.blockchain===f.blockchain&&y.address?.toLocaleLowerCase()===f.address?.toLocaleLowerCase()&&y.symbol?.toLocaleLowerCase()===f.symbol?.toLocaleLowerCase()));o(u,{selectedCustomTokens:d,shouldFetchCustomTokens:d.length>0})}}t(s,p)},"handleStepEvent");return Te.on(Ba.StepEvent,r),()=>Te.off(Ba.StepEvent,r)},[Te,e]),Ry(()=>{let r=i(a=>{let{event:s,route:l}=a;(s.type===Zy.FAILED||s.type===Zy.SUCCEEDED)&&t(s,l)},"handleRouteEvent");return Te.on(Ba.RouteEvent,r),()=>Te.off(Ba.RouteEvent,r)},[Te])}i(tc,"useSubscribeToWidgetEvents");import{useManager as e0}from"@rango-dev/queue-manager-react";import{useEffect as t0}from"react";function oc(){let{isSynced:t,syncNotifications:e}=Ae(),{manager:o,state:n}=e0();t0(()=>{Ae.persist.hasHydrated()&&n.loadedFromPersistor&&!t&&e(St(o))},[Ae.persist.hasHydrated(),n.loadedFromPersistor,t])}i(oc,"useSyncNotifications");function nc(){Yy(),jy(),tc(),oc();let t=S().blockchains(),{canSwitchNetworkTo:e}=_i(),[o,n]=tS(null),[r,a]=tS(),s=r0(ui),l=t.filter(n0),{fetchApiConfig:p}=Xy();eS(()=>()=>Tm(),[]),o0({lastConnectedWallet:o,clearDisconnectedWallet:()=>{a(void 0)},disconnectedWallet:r,evmChains:l,canSwitchNetworkTo:e}),eS(()=>(wo.init(),Ae.persist.hasHydrated()||Ae.persist.rehydrate(),s.onConnectWallet(c=>{n(u=>{if(!u||u.walletType!==c.walletType)return c;let m={...u};return c.network&&(m.network=c.network),c.accounts&&(m.accounts=c.accounts),m})}),s.onDisconnectWallet(c=>{a(c),n(u=>c===u?.walletType?null:u)}),p().catch(console.log),wo.destroy),[])}i(nc,"useBootstrap");import{styled as i0}from"@rango-dev/ui";var oS=i0("div",{fontFamily:"$widget",boxSizing:"border-box",textAlign:"left","& *, *::before, *::after":{boxSizing:"inherit"},"& *:focus-visible":{outlineColor:"$info500",transition:"none"},"& ul, ol, li":{listStyleType:"none"}});function Wa(){nc();let{config:t}=S(),{activeTheme:e}=to(t?.theme||{}),{activeLanguage:o}=uo();return rc.createElement(a0,{language:o},rc.createElement(oS,{id:"swap-container",className:e()},rc.createElement(Ky,null)))}i(Wa,"Main");import{setSolanaSignerConfig as E0}from"@rango-dev/signer-solana";import ac,{useEffect as lS,useMemo as I0}from"react";import{useState as s0}from"react";var l0=i(()=>{let[t,e]=s0(null),o=i(a=>{let s=document.createElement("link");return s.href=a,s.rel="stylesheet",document.head.appendChild(s),s},"loadFont"),n=i(()=>{t&&(document.head.removeChild(t),e(null))},"unloadFont");return{handleLoadCustomFont:i(a=>{n();let s=yc(a);if(s){let l=o(s);e(l)}},"handleLoadCustomFont")}},"useFontLoader"),nS=l0;import{checkWaitingForNetworkChange as p0,makeQueueDefinition as c0}from"@rango-dev/queue-manager-rango-preset";import{Provider as u0}from"@rango-dev/queue-manager-react";import{useWallets as m0}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as d0}from"@rango-dev/wallets-shared";import{isEvmBlockchain as f0}from"rango-types";import g0,{useMemo as h0}from"react";function y0(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:a,getWalletInfo:s}=m0(),l=h0(()=>c0({API_KEY:t.apiKey||Ot("API_KEY"),BASE_URL:Ot("BASE_URL"),emitter:{emit:Te.emit}}),[t.apiKey]),{blockchains:p,connectedWallets:c}=S(),u=p(),m={blockchains:c.map(v=>({accounts:[v],name:v.chain}))},h=i(async(v,b)=>a(v,b.network)?await r(v,[b]):void 0,"switchNetwork"),g=i(v=>!!s(v).mobileWallet,"isMobileWallet"),d=u.filter(v=>v.enabled).reduce((v,b)=>(v[b.name]=b,v),{}),f=u.filter(f0),y=i(v=>{let{supportedChains:b}=s(v);return Mn(b)},"getSupportedChainNames"),T=e(),C={meta:{blockchains:d,evmBasedChains:f,evmNetworkChainInfo:d0(f),getSupportedChainNames:y},getSigners:o,wallets:m,providers:T,switchNetwork:h,canSwitchNetworkTo:a,state:n,isMobileWallet:g},k=te.use.isActiveTab();return g0.createElement(u0,{queuesDefs:[l],context:C,onPersistedDataLoaded:v=>{p0(v)},isPaused:!k},t.children)}i(y0,"QueueManager");var rS=y0;import{useManager as v0}from"@rango-dev/queue-manager-react";import w0,{createContext as x0,useContext as b0}from"react";function iS(){let{findToken:t}=S(),e=S().blockchains(),o=S().tokens(),{setFromBlockchain:n,setFromToken:r,setToBlockchain:a,setToToken:s,setInputAmount:l}=O();return i(c=>{let{fromBlockchain:u,fromToken:m,toBlockchain:h,toToken:g,requestAmount:d}=c,f={blockchains:e,tokens:o};if(u!==void 0){let y=e.find(T=>T.name===u)??null;n(y)}if(m!==void 0){let y=m?t(m)??null:null;r({meta:f,token:y})}if(h!==void 0){let y=e.find(T=>T.name===h)??null;a(y)}if(g!==void 0){let y=g?t(g)??null:null;s({meta:f,token:y})}d!==void 0&&l(d)},"updateQuoteInputs")}i(iS,"useUpdateQuoteInputs");import{cancelSwap as S0,getCurrentNamespaceOfOrNull as C0,getCurrentStep as T0,getRelatedWalletOrNull as k0}from"@rango-dev/queue-manager-rango-preset";var La=class{static{i(this,"WidgetHistory")}constructor(e,o){this.manager=e,this.actions=o}getAllSwaps(){return St(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){let n=fi(e,o.blockchains,this.actions.findToken);return this.actions.retrySwap(n)}cancel(e){let o=this.manager?.get(e);o&&S0(o)}getCurrentStepInfo(e){let o=T0(e);return{step:o,wallet:o?k0(e,o):null,network:o?C0(e,o)?.network:null}}};var aS=x0(void 0);function ic(t){let{manager:e}=v0(),o=te.use.isActiveTab(),n=O.use.retry(),{findToken:r,getBalances:a,getConnectedWalletsDetails:s,fetchBalances:l}=S(),p=new La(e,{retrySwap:n,findToken:r}),{fetchingWallets:c}=S(),u=wc(a()),m=S().blockchains(),h=S().tokens(),g=S().swappers(),d=S().fetchStatus,f=uo().resetLanguage,y=Ae().getNotifications(),T=Ae().clearNotifications,C=iS(),{fromBlockchain:k,toBlockchain:v,fromToken:b,toToken:I,inputAmount:N}=O(),E={isActiveTab:o,setCurrentTabAsActive:wo.forceClaim,history:p,wallets:{isLoading:c,details:s(),totalBalance:u,refetch:async x=>l(x)},meta:{blockchains:m,tokens:h,swappers:g,loadingStatus:d,findToken:r},resetLanguage:f,notifications:{list:y,clearAll:T},quote:{quoteInputs:{fromBlockchain:k?.name??null,fromToken:b?{symbol:b.symbol,blockchain:b.blockchain,address:b.address}:null,toBlockchain:v?.name??null,toToken:I?{symbol:I.symbol,blockchain:I.blockchain,address:I.address}:null,requestAmount:N},updateQuoteInputs:C}};return w0.createElement(aS.Provider,{value:E},t.children)}i(ic,"WidgetInfo");function sS(){let t=b0(aS);if(!t)throw new Error("useWidget can only be used within the WidgetProvider component");return t}i(sS,"useWidget");function Ma(t){let{onUpdateState:e,config:o}=t,n=t.config?.theme?.fontFamily,{handleLoadCustomFont:r}=nS();return lS(()=>{n&&r(n)},[n]),I0(()=>{Vc({API_KEY:o?.apiKey||$r,BASE_URL:o?.apiUrl||lc})},[o.apiKey,o.apiUrl]),lS(()=>{t.config?.signers?.customSolanaRPC&&E0("customRPC",t.config.signers.customSolanaRPC)},[t.config?.signers?.customSolanaRPC]),ac.createElement(mi,{config:o,onUpdateState:e},ac.createElement(rS,{apiKey:o.apiKey},ac.createElement(ic,null,t.children)))}i(Ma,"WidgetProvider");function pS(t){let e=t.config?.externalWallets;return Pa.createElement(Qu,null,e?Pa.createElement(Wa,null):Pa.createElement(Ma,{config:t.config??Xr},Pa.createElement(Wa,null)))}i(pS,"Widget");function cS(){let{on:t,off:e}=Te;return{on:t,off:e}}i(cS,"useWidgetEvents");var FZ={DerivationPath:Gn,Namespaces:Qn,Detached:qn,isOnDerivationPath:Kn,isOnNamespace:Vn,isOnDetached:jn};export{cZ as EventSeverity,Ko as MainEvents,TZ as Networks,wZ as PendingSwapNetworkStatus,ja as QuoteEventTypes,uZ as RouteEventType,_a as SUPPORTED_FONTS,FZ as StatefulConnect,mZ as StepEventType,dZ as StepExecutionBlockedEventStatus,fZ as StepExecutionEventStatus,Qe as UI_ID,Ya as UiEventTypes,Xa as WalletEventTypes,SZ as WalletEvents,kZ as WalletTypes,pS as Widget,Ko as WidgetEvents,Ma as WidgetProvider,mi as WidgetWallets,Qs as customizedThemeTokens,hZ as readAccountAddress,Ho as useStatefulConnect,Tt as useWalletList,_i as useWallets,sS as useWidget,cS as useWidgetEvents,fC as widgetEventEmitter};
|
|
3
3
|
//# sourceMappingURL=index.js.map
|