@rango-dev/widget-embedded 0.23.1-next.9 → 0.24.1
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/CHANGELOG.md +41 -0
- package/dist/components/AppRouter.d.ts +1 -6
- package/dist/components/AppRouter.d.ts.map +1 -1
- package/dist/components/ConfirmWalletsModal/ConfirmWallets.styles.d.ts +1 -283
- package/dist/components/ConfirmWalletsModal/ConfirmWallets.styles.d.ts.map +1 -1
- package/dist/components/ConfirmWalletsModal/ConfirmWalletsModal.d.ts.map +1 -1
- package/dist/components/HeaderButtons/HeaderButtons.d.ts.map +1 -1
- package/dist/components/HeaderButtons/HeaderButtons.styles.d.ts +489 -1
- package/dist/components/HeaderButtons/HeaderButtons.styles.d.ts.map +1 -1
- package/dist/components/HeaderButtons/InProgressTransactionBadge.d.ts +4 -0
- package/dist/components/HeaderButtons/InProgressTransactionBadge.d.ts.map +1 -0
- package/dist/components/HeaderButtons/RefreshButton.d.ts.map +1 -1
- package/dist/components/HeaderButtons/UnreadNotificationsBadge.d.ts.map +1 -1
- package/dist/components/HeaderButtons/WalletButton.d.ts.map +1 -1
- package/dist/components/LoadingLiquiditySourceList/LoadingLiquiditySourceList.styles.d.ts +1 -1
- package/dist/components/LoadingLiquiditySourceList/LoadingLiquiditySourceList.styles.d.ts.map +1 -1
- package/dist/components/NoResult/NoResult.d.ts.map +1 -1
- package/dist/components/NoResult/NoResult.helpers.d.ts +8 -0
- package/dist/components/NoResult/NoResult.helpers.d.ts.map +1 -1
- package/dist/components/NoResult/NoResult.styles.d.ts +167 -1
- package/dist/components/NoResult/NoResult.styles.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/NotificationContent/NotificationContent.d.ts.map +1 -1
- package/dist/components/NotificationContent/NotificationContent.styles.d.ts +165 -0
- package/dist/components/NotificationContent/NotificationContent.styles.d.ts.map +1 -1
- package/dist/components/Quote/Quote.d.ts.map +1 -1
- package/dist/components/Quote/Quote.styles.d.ts.map +1 -1
- package/dist/components/Quote/Quote.types.d.ts +1 -0
- package/dist/components/Quote/Quote.types.d.ts.map +1 -1
- package/dist/components/Quote/QuoteTrigger.d.ts.map +1 -1
- package/dist/components/QuoteSkeleton/QuoteSkeleton.styles.d.ts +1 -0
- package/dist/components/QuoteSkeleton/QuoteSkeleton.styles.d.ts.map +1 -1
- package/dist/components/QuoteSkeleton/QuoteSummarySkeleton.d.ts.map +1 -1
- package/dist/components/QuoteSkeleton/StepSkeleton.styles.d.ts +3 -1
- package/dist/components/QuoteSkeleton/StepSkeleton.styles.d.ts.map +1 -1
- package/dist/components/Quotes/Quotes.d.ts.map +1 -1
- package/dist/components/Quotes/Quotes.types.d.ts +1 -0
- package/dist/components/Quotes/Quotes.types.d.ts.map +1 -1
- package/dist/components/Quotes/SelectStrategy.d.ts.map +1 -1
- package/dist/components/Slippage/Slippage.d.ts.map +1 -1
- package/dist/components/SwapDetails/SwapDetails.d.ts.map +1 -1
- package/dist/components/SwapDetailsModal/SwapDetailsModal.WalletState.d.ts.map +1 -1
- package/dist/components/TokenList/TokenList.d.ts.map +1 -1
- package/dist/constants/index.d.ts +1 -1
- package/dist/constants/index.d.ts.map +1 -1
- package/dist/constants/languages.d.ts.map +1 -1
- package/dist/constants/quote.d.ts +1 -5
- package/dist/constants/quote.d.ts.map +1 -1
- package/dist/constants/searchFor.d.ts +7 -0
- package/dist/constants/searchFor.d.ts.map +1 -0
- package/dist/containers/App/App.d.ts.map +1 -1
- package/dist/containers/App/App.styles.d.ts.map +1 -1
- package/dist/containers/ExpandedQuotes/ExpandedQuotes.d.ts.map +1 -1
- package/dist/containers/ExpandedQuotes/ExpandedQuotes.styles.d.ts +3 -1
- package/dist/containers/ExpandedQuotes/ExpandedQuotes.styles.d.ts.map +1 -1
- package/dist/containers/Inputs/Inputs.d.ts.map +1 -1
- package/dist/containers/Inputs/Inputs.types.d.ts +1 -0
- package/dist/containers/Inputs/Inputs.types.d.ts.map +1 -1
- package/dist/containers/QuoteInfo/QuoteInfo.d.ts.map +1 -1
- package/dist/containers/QuoteInfo/QuoteInfo.types.d.ts +1 -0
- package/dist/containers/QuoteInfo/QuoteInfo.types.d.ts.map +1 -1
- package/dist/containers/Settings/Lists.d.ts.map +1 -1
- package/dist/containers/Wallets/Wallets.d.ts.map +1 -1
- package/dist/containers/Wallets/Wallets.types.d.ts +13 -2
- package/dist/containers/Wallets/Wallets.types.d.ts.map +1 -1
- package/dist/containers/Widget/Widget.d.ts.map +1 -1
- package/dist/hooks/useBootstrap/index.d.ts +2 -0
- package/dist/hooks/useBootstrap/index.d.ts.map +1 -0
- package/dist/hooks/useBootstrap/useBootstrap.d.ts +2 -0
- package/dist/hooks/useBootstrap/useBootstrap.d.ts.map +1 -0
- package/dist/hooks/useScreenDetect.d.ts +9 -0
- package/dist/hooks/useScreenDetect.d.ts.map +1 -0
- package/dist/hooks/useSwapInput.d.ts.map +1 -1
- package/dist/hooks/useTheme.d.ts.map +1 -1
- package/dist/hooks/useWalletList.d.ts.map +1 -1
- package/dist/index.js +2 -2
- package/dist/index.js.map +4 -4
- package/dist/pages/ConfirmSwapPage.d.ts.map +1 -1
- package/dist/pages/Home.d.ts.map +1 -1
- package/dist/pages/LanguagePage.d.ts.map +1 -1
- package/dist/pages/LiquiditySourcePage.d.ts.map +1 -1
- package/dist/pages/SelectSwapItemsPage.d.ts.map +1 -1
- package/dist/pages/SettingsPage.d.ts.map +1 -1
- package/dist/store/AppStore.d.ts +2 -2
- package/dist/store/app.d.ts +2 -2
- package/dist/store/slices/config.d.ts.map +1 -1
- package/dist/store/slices/data.d.ts +3 -1
- package/dist/store/slices/data.d.ts.map +1 -1
- package/dist/store/slices/settings.d.ts.map +1 -1
- package/dist/types/config.d.ts +9 -5
- package/dist/types/config.d.ts.map +1 -1
- package/dist/utils/colors.d.ts +5 -3
- package/dist/utils/colors.d.ts.map +1 -1
- package/dist/utils/common.d.ts +4 -0
- package/dist/utils/common.d.ts.map +1 -1
- package/dist/utils/configs.d.ts +2 -1
- package/dist/utils/configs.d.ts.map +1 -1
- package/dist/utils/meta.d.ts +1 -0
- package/dist/utils/meta.d.ts.map +1 -1
- package/dist/utils/swap.d.ts +2 -0
- package/dist/utils/swap.d.ts.map +1 -1
- package/dist/utils/ui.d.ts +5 -2
- package/dist/utils/ui.d.ts.map +1 -1
- package/dist/utils/wallets.d.ts +1 -1
- package/dist/utils/wallets.d.ts.map +1 -1
- package/package.json +7 -6
- package/src/components/AppRouter.tsx +1 -29
- package/src/components/ConfirmWalletsModal/ConfirmWallets.styles.ts +6 -12
- package/src/components/ConfirmWalletsModal/ConfirmWalletsModal.tsx +7 -11
- package/src/components/ConfirmWalletsModal/WalletList.tsx +2 -2
- package/src/components/HeaderButtons/HeaderButtons.styles.ts +43 -2
- package/src/components/HeaderButtons/HeaderButtons.tsx +2 -0
- package/src/components/HeaderButtons/InProgressTransactionBadge.tsx +26 -0
- package/src/components/HeaderButtons/RefreshButton.tsx +2 -1
- package/src/components/HeaderButtons/UnreadNotificationsBadge.tsx +10 -2
- package/src/components/HeaderButtons/WalletButton.tsx +26 -6
- package/src/components/LoadingLiquiditySourceList/LoadingLiquiditySourceList.styles.ts +1 -1
- package/src/components/LoadingLiquiditySourceList/LoadingLiquiditySourceList.tsx +4 -4
- package/src/components/NoResult/NoResult.helpers.ts +13 -0
- package/src/components/NoResult/NoResult.styles.ts +19 -1
- package/src/components/NoResult/NoResult.tsx +27 -16
- package/src/components/NoResult/NoResult.types.ts +1 -0
- package/src/components/NotificationContent/NotificationContent.styles.ts +14 -1
- package/src/components/NotificationContent/NotificationContent.tsx +49 -39
- package/src/components/Quote/Quote.styles.ts +13 -14
- package/src/components/Quote/Quote.tsx +166 -145
- package/src/components/Quote/Quote.types.ts +1 -0
- package/src/components/Quote/QuoteTrigger.tsx +19 -14
- package/src/components/QuoteSkeleton/QuoteSkeleton.styles.ts +10 -2
- package/src/components/QuoteSkeleton/QuoteSkeleton.tsx +2 -2
- package/src/components/QuoteSkeleton/QuoteSummarySkeleton.styles.ts +2 -2
- package/src/components/QuoteSkeleton/QuoteSummarySkeleton.tsx +5 -4
- package/src/components/QuoteSkeleton/StepSkeleton.styles.ts +7 -0
- package/src/components/QuoteSkeleton/StepSkeleton.tsx +1 -1
- package/src/components/QuoteWarningsAndErrors/HighValueLossWarningModal.tsx +1 -1
- package/src/components/QuoteWarningsAndErrors/QuoteWarningsAndErrors.helpers.ts +3 -3
- package/src/components/QuoteWarningsAndErrors/QuoteWarningsAndErrors.styles.ts +1 -1
- package/src/components/Quotes/Quotes.tsx +33 -21
- package/src/components/Quotes/Quotes.types.ts +1 -0
- package/src/components/Quotes/SelectStrategy.tsx +27 -10
- package/src/components/Slippage/Slippage.tsx +11 -13
- package/src/components/SwapDetails/SwapDetails.tsx +3 -1
- package/src/components/SwapDetailsModal/SwapDetailsModal.WalletState.tsx +5 -1
- package/src/components/TokenList/TokenList.tsx +9 -8
- package/src/constants/errors.ts +1 -1
- package/src/constants/index.ts +1 -1
- package/src/constants/languages.ts +27 -1
- package/src/constants/quote.ts +1 -24
- package/src/constants/searchFor.ts +6 -0
- package/src/containers/App/App.styles.ts +0 -4
- package/src/containers/App/App.tsx +4 -28
- package/src/containers/ExpandedQuotes/ExpandedQuotes.styles.ts +13 -0
- package/src/containers/ExpandedQuotes/ExpandedQuotes.tsx +5 -0
- package/src/containers/Inputs/Inputs.tsx +2 -3
- package/src/containers/Inputs/Inputs.types.ts +1 -0
- package/src/containers/QuoteInfo/QuoteInfo.tsx +2 -0
- package/src/containers/QuoteInfo/QuoteInfo.types.ts +1 -0
- package/src/containers/Settings/Lists.tsx +28 -13
- package/src/containers/Wallets/Wallets.tsx +27 -10
- package/src/containers/Wallets/Wallets.types.ts +13 -2
- package/src/containers/Widget/Widget.tsx +13 -13
- package/src/hooks/useBootstrap/index.ts +1 -0
- package/src/hooks/useBootstrap/useBootstrap.ts +72 -0
- package/src/hooks/useScreenDetect.ts +49 -0
- package/src/hooks/useSwapInput.ts +7 -2
- package/src/hooks/useTheme.ts +1 -8
- package/src/hooks/useWalletList.ts +12 -0
- package/src/pages/ConfirmSwapPage.tsx +14 -5
- package/src/pages/Home.tsx +29 -7
- package/src/pages/LanguagePage.tsx +14 -1
- package/src/pages/LiquiditySourcePage.tsx +4 -3
- package/src/pages/SelectSwapItemsPage.tsx +2 -7
- package/src/pages/SettingsPage.tsx +0 -1
- package/src/store/slices/config.ts +3 -2
- package/src/store/slices/data.ts +82 -34
- package/src/store/slices/settings.ts +10 -4
- package/src/types/config.ts +9 -5
- package/src/utils/colors.ts +106 -75
- package/src/utils/common.ts +181 -0
- package/src/utils/configs.ts +12 -1
- package/src/utils/meta.ts +21 -0
- package/src/utils/swap.ts +12 -5
- package/src/utils/ui.ts +7 -5
- package/src/utils/wallets.ts +5 -47
- package/dist/hooks/useMobileDetect.d.ts +0 -3
- package/dist/hooks/useMobileDetect.d.ts.map +0 -1
- package/src/hooks/useMobileDetect.ts +0 -21
package/dist/index.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
var Ld=Object.defineProperty;var i=(t,e)=>Ld(t,"name",{value:e,configurable:!0});import{EventSeverity as lQ,MainEvents as pQ,RouteEventType as uQ,StepEventType as cQ,StepExecutionBlockedEventStatus as mQ,StepExecutionEventStatus as dQ,useEvents as fQ}from"@rango-dev/queue-manager-rango-preset";import{readAccountAddress as hQ,useWallets as Gp,Events as yQ}from"@rango-dev/wallets-react";import{Networks as CQ,WalletTypes as TQ}from"@rango-dev/wallets-shared";import{PendingSwapNetworkStatus as wQ}from"rango-types";import{UI_ID as Md}from"@rango-dev/ui";var rn="c6381a79-2817-4602-83bf-6a641a409e32",ka="https://api.rango.exchange",wa="https://scan.rango.exchange",Te={SWAP_BOX_ID:"rango-swap-box",EXPANDED_BOX_ID:"rango-expanded-box",...Md};import{Events as ai,Provider as mf}from"@rango-dev/wallets-react";import{isEvmBlockchain as df}from"rango-sdk";import Tn,{createContext as ff,useEffect as ll,useRef as gf}from"react";import{useEffect as Xd}from"react";import{create as Gd}from"zustand";import{subscribeWithSelector as Vd}from"zustand/middleware";import{RangoClient as Qd}from"rango-sdk";import{WalletState as lt}from"@rango-dev/ui";import{readAccountAddress as Pd}from"@rango-dev/wallets-react";import{detectInstallLink as $d,getCosmosExperimentalChainInfo as _d,isEvmAddress as Dd,KEPLR_COMPATIBLE_WALLETS as $k,Networks as Ia}from"@rango-dev/wallets-shared";import Zr from"bignumber.js";import{isCosmosBlockchain as Fd}from"rango-types";import Nd from"bignumber.js";var Le=new Nd(0);import{WalletTypes as Bd}from"@rango-dev/wallets-shared";var xa=[Bd.LEAP];import{BigNumber as ba}from"bignumber.js";var sn=i(t=>{let e=(t%60).toString().padStart(2,"0");return`${parseInt((t/60).toString()).toString().padStart(2,"0")}:${e}`},"secondsToString"),E=i((t,e=null,o=null)=>{if(t==null||t==="")return"";let n=new ba(t),r=1,s=1e3;for(let a=0;a<60;a++)if(new ba(n.toFixed(a,r)).eq(n)){s=a;break}if(n.gte(1e4))return n.toFormat(0,r);if(n.gte(1e3)||n.gte(100))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,1))),r);if(n.gte(1))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,2))),r);if(n.gte(.01))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,4))),r);for(let a=e||4;a<17;a++)if(n.gte(Math.pow(10,-a)))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,a))),r);return n.isEqualTo(0)?"0":n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,8))),r)},"numberToString");var an=i(t=>t?.reduce((e,o)=>e+(o.estimatedTimeInSeconds??0),0)||0,"totalArrivalTime");var at=i((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),To=i(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function le(t){return E(t,12,12).replace(/(?:\.0*|(\.\d+?)0*)$/,"$1")}i(le,"formatTooltipNumbers");function Rr(t){switch(!0){case t.connected:return lt.CONNECTED;case t.connecting:return lt.CONNECTING;case!t.installed:return lt.NOT_INSTALLED;default:return lt.DISCONNECTED}}i(Rr,"mapStatusToWalletState");function Aa(t,e,o,n){return o.filter(r=>!xa.includes(r)).filter(r=>{let{supportedChains:s,isContractWallet:a}=e(r),{installed:l,network:p}=t(r);return a&&(!l||!!n&&p!==n)?!1:n?!!s.find(c=>c.name===n):!0}).map(r=>{let{name:s,img:a,installLink:l}=e(r),p=Rr(t(r));return{title:s,image:a,link:$d(l),state:p,type:r}})}i(Aa,"mapWalletTypesToWalletInfo");function un(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}i(un,"walletAndSupportedChainsNames");function Ea(t,e,o,n,r){let s=[];function a(p,u){if(!!!s.find(d=>d.chain===p)){let d={address:u,chain:p,walletType:t};s.push(d)}}i(a,"addAccount");let l=n||[];return e.forEach(p=>{let{address:u,network:c}=Pd(p),d=l.length>0,m=l.includes(c),h=c===Ia.Unknown;if(d&&!m&&!h)return;let S=c===Ia.Unknown&&Dd(u);if(h&&!S)return;o.includes(c)||S?r?a(c,u.toLowerCase()):l.filter(x=>o.includes(x)).forEach(x=>{a(x,u.toLowerCase())}):a(c,u)}),s}i(Ea,"prepareAccountsForWalletStore");function Wa(t){let e=[];return t?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain;e.includes(n)||e.push(n),e.includes(r)||e.push(r),o.internalSwaps&&Array.isArray(o.internalSwaps)&&o.internalSwaps.forEach(s=>{let a=s.from.blockchain,l=s.to.blockchain;e.includes(a)||e.push(a),e.includes(l)||e.push(l)})}),e}i(Wa,"getRequiredChains");function cn(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}i(cn,"isAccountAndWalletMatched");function La(t,e){let{blockChain:o,balances:n=[]}=t;return n?.map(r=>({chain:o,symbol:r.asset.symbol,ticker:r.asset.symbol,address:r.asset.address||null,rawAmount:r.amount.amount,decimal:r.amount.decimals,amount:new Zr(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:Od(o,r.asset.symbol,r.asset.address,e)||null}))||[]}i(La,"makeBalanceFor");function Ma(t){return{...t,loading:!1,error:!0}}i(Ma,"resetConnectedWalletState");var Na=i(t=>{let e=new Set,n=t?.reduce((s,a)=>s.findIndex(l=>l.address===a.address&&l.chain===a.chain)===-1?[...s,a]:s,[])?.map(s=>{let a={name:s.chain,accounts:[]};return e.has(s.address)||e.add(s.address),e.forEach(l=>{s.address===l&&a.accounts.push(s)}),a}),r=E(n?.flatMap(s=>s.accounts)?.flatMap(s=>s?.balances)?.map(s=>new Zr(s?.amount||Le).multipliedBy(s?.usdPrice||0))?.reduce((s,a)=>s.plus(a),Le)||Le).toString();return Ud(r)},"calculateWalletUsdValue");function Ud(t){let e=t.toString().split(".");return e[0]=e[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),e.join(".")}i(Ud,"numberWithThousandSeparator");var Od=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice"),mn=i((t,e)=>{let o=_d(Object.entries(t).map(([,n])=>n).filter(Fd));return o&&o[e]?.experimental},"isExperimentalChain");function dn(t){return t?{...t,amount:E(t.amount,8,8),usdValue:E(t.usdValue,4,4)}:null}i(dn,"formatBalance");function qd(t,e){return t?.usdValue&&e?.usdValue?parseFloat(e.usdValue)-parseFloat(t.usdValue):!t?.usdValue&&e?.usdValue?1:t?.usdValue&&!e?.usdValue?-1:!t?.usdValue&&!e?.usdValue?parseFloat(e?.amount||"0")-parseFloat(t?.amount||"0"):0}i(qd,"sortTokensByBalance");function zd(t,e,o){let n=o(t),r=o(e);return n===r?0:n?-1:1}i(zd,"sortTokensByPinnedToken");function Ba(t,e,o){return t.sort((n,r)=>{let s=e(n),a=e(r),l=zd(n,r,o);return l!==0?l:qd(s,a)}),t}i(Ba,"sortTokens");function Me(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}i(Me,"areTokensEqual");function Pa(t){return t.sort((e,o)=>+(o.state===lt.CONNECTED)-+(e.state===lt.CONNECTED)||+(o.state===lt.DISCONNECTED||o.state===lt.CONNECTING)-+(e.state===lt.DISCONNECTED||e.state===lt.CONNECTING))}i(Pa,"sortWalletsBasedOnConnectionState");function fn(t,e=8,o=3){if(t.length<2*e+o)return t;let n=t.slice(0,e),r=t.slice(-e);return`${n}${".".repeat(o)}${r}`}i(fn,"getConciseAddress");function $a({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}i($a,"getAddress");function ei(t){return`${t.blockchain}-${t.symbol}-${t.address??""}`}i(ei,"createTokenHash");function gn(t){return t.flatMap(e=>e.balances).reduce((e,o)=>{let n={amount:o?.amount??"",decimals:o?.decimal??0,usdValue:o?.usdPrice?new Zr(o?.usdPrice??Le).multipliedBy(o?.amount).toString():""},r=o?ei({symbol:o.symbol,blockchain:o.chain,address:o.address}):null,s=r?e[r]:null;return r&&(!s||s&&s.amount<n.amount)&&(e[r]=n),e},{})}i(gn,"makeTokensBalance");var _a=i((t,e)=>!!t.find(o=>o.chain===e&&o.loading),"isFetchingBalance");function Da(t){return t.map(e=>e.state).join("-")}i(Da,"hashWalletsState");var ti={API_KEY:rn};function ht(t){return ti[t]||""}i(ht,"getConfig");function Fa(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),ti=e,ti}i(Fa,"initConfig");var Ua=20,Oa=25,qa="Roboto",oi="theme-widget",ko=i((t,e)=>{let o=!1;if(e&&t){if(Array.isArray(e))o=!e.some(n=>Me(n,t));else if(!Array.isArray(e)&&e[t.blockchain]){o=e[t.blockchain].tokens.some(r=>Me(r,t));let n=e[t.blockchain].isExcluded;return!n&&!o||n&&o}}return o},"isTokenExcludedInConfig"),ni=i((t,e)=>t&&e&&!e.includes(t.name),"isBlockchainExcludedInConfig");var hn,At=i(()=>hn||(hn=new Qd(ht("API_KEY"),ht("BASE_URL")),hn),"httpService");var Hd=i(t=>{let e=t;e.use={};for(let o of Object.keys(e.getState()))e.use[o]=()=>e(n=>n[o]);return e},"createSelectors"),Et=Hd;var K=Et(Gd()(Vd((t,e)=>({connectedWallets:[],balances:{},loading:!1,connectWallet:(o,n)=>{let r=e().getWalletsDetails;t(s=>({loading:!0,connectedWallets:s.connectedWallets.filter(a=>a.walletType!==o[0].walletType).concat(o.map(a=>{let l=!s.connectedWallets.find(p=>p.chain===a.chain&&p.selected);return{balances:[],address:a.address,chain:a.chain,explorerUrl:null,walletType:a.walletType,selected:l,loading:!0,error:!1}}))})),r(o,n)},disconnectWallet:o=>{t(n=>{let r=n.connectedWallets.filter(l=>l.selected&&l.walletType!==o).map(l=>l.chain),s=n.connectedWallets.filter(l=>l.walletType!==o).map(l=>r.includes(l.chain)?l:(r.push(l.chain),{...l,selected:!0}));return{balances:gn(s),connectedWallets:s}})},selectWallets:o=>t(n=>({connectedWallets:n.connectedWallets.map(r=>{let s=!!o.find(l=>l.chain===r.chain&&l.walletType!==r.walletType&&r.selected),a=!!o.find(l=>l.chain===r.chain&&l.walletType===r.walletType&&!r.selected);return s?{...r,selected:!1}:a?{...r,selected:!0}:r})})),clearConnectedWallet:()=>t(()=>({connectedWallets:[],selectedWallets:[]})),getWalletsDetails:async(o,n,r=!0)=>{let s=e().getWalletsDetails;t(a=>({loading:!0,connectedWallets:a.connectedWallets.map(l=>o.find(p=>cn(p,l))?{...l,loading:!0}:l)}));try{let a=o.map(({address:u,chain:c})=>({address:u,blockchain:c})),p=(await At().getWalletsDetails(a)).wallets;if(p)t(u=>{let c=u.connectedWallets.map(m=>{let h=o.find(S=>cn(S,m)),C=p.find(S=>S.address===m.address&&S.blockChain===m.chain);return C?.failed&&h&&r&&s([h],n,!1),h&&C?{...m,explorerUrl:C.explorerUrl,balances:La(C,n),loading:!1}:m});return{loading:!1,balances:gn(c),connectedWallets:c}});else throw new Error("Wallet not found")}catch{t(l=>{let p=l.connectedWallets.map(c=>o.find(d=>cn(d,c))?Ma(c):c);return{loading:!1,balances:gn(p),connectedWallets:p}})}},getBalanceFor:o=>{let{balances:n}=e(),r=ei(o);return n[r]??null}}))));import{allProviders as jd}from"@rango-dev/provider-all";function yn(t,e){let o=jd({walletconnect2:{WC_PROJECT_ID:e?.walletConnectProjectId||""}});if(t){let n=[];return t.forEach(r=>{if(typeof r=="string"){let s=o.find(a=>a.config.type===r);s?n.push(s):console.warn(`Couldn't find ${r} provider. Please make sure you are passing the correct name.`)}else n.push(r)}),n}return o}i(yn,"matchAndGenerateProviders");function za(t,e){return yn(t,e).map(r=>r.config.type)}i(za,"configWalletsToWalletName");function Qa(t,e){let o=K.use.clearConnectedWallet(),n=yn(void 0,e);return Xd(()=>{o(),n=yn(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}i(Qa,"useWalletProviders");import rf,{createContext as sf,useContext as af,useEffect as lf,useRef as pf}from"react";import{create as of}from"zustand";import{persist as nf}from"zustand/middleware";var ri={apiKey:"",title:void 0,multiWallets:!0,enableNewLiquiditySources:!0,customDestination:!0},Kd={clientUrl:void 0},Yd={liquiditySources:void 0},Ha=i((t,e,o)=>({config:{...ri,...t},iframe:Kd,campaignMode:Yd,getLiquiditySources:()=>{let{config:n,campaignMode:r}=o();return r.liquiditySources?.length?r.liquiditySources:n.liquiditySources??[]},getDisabledLiquiditySources:()=>{let{disabledLiquiditySources:n,campaignMode:r}=o();return r.liquiditySources?.length?[]:n},excludeLiquiditySources:()=>{let{config:n,campaignMode:r}=o();return r.liquiditySources?.length?!1:!!n.enableNewLiquiditySources},isInCampaignMode:()=>{let{campaignMode:n}=o();return!!n.liquiditySources?.length},updateConfig:n=>{let r=o().config;e({config:{...r,...n}})},updateCampaignMode:(n,r)=>{let s=o().campaignMode;e({campaignMode:{...s,[n]:r}})},updateIframe:(n,r)=>{let s=o().iframe;e({iframe:{...s,[n]:r}})}}),"createConfigSlice");function Sn(t){return Array.from(new Set(t))}i(Sn,"removeDuplicateFrom");function ii(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}i(ii,"areEqual");function Ga(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}i(Ga,"debounce");function qt(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}i(qt,"containsText");var N=i(()=>document.getElementById(Te.SWAP_BOX_ID),"getContainer"),Va=i(()=>document.getElementById(Te.EXPANDED_BOX_ID),"getExpanded");function Cn(t,e){let o=t.map(s=>s.swapperGroup),n=[];return Sn(t.map(s=>s.swapperGroup)).map(s=>{let a=t.find(l=>l.swapperGroup===s);if(a){let l=!0;o&&(l=o.some(p=>p===a.swapperGroup)),l&&a.types.map(p=>{n.push({id:a.swapperGroup,groupTitle:a.swapperGroup,logo:a.logo,type:p,selected:!e.includes(a.swapperGroup)})})}}),n}i(Cn,"getUniqueSwappersGroups");function ja(t,e){return t.swapperGroup<e.swapperGroup?-1:t.swapperGroup>e.swapperGroup?1:0}i(ja,"sortLiquiditySourcesByGroupTitle");function Ge(t,e){return e?.[t]==="hidden"}i(Ge,"isFeatureHidden");function Xa(t,e){return e?.[t]==="enabled"}i(Xa,"isFeatureEnabled");var Ka=i((t,e)=>({_blockchains:[],_tokens:[],_popularTokens:[],_swappers:[],fetchStatus:"loading",blockchains:o=>{let n=e()._blockchains;if(!o||!o?.type)return n;let r=e().config,s=(o.type==="source"?r.from?.blockchains:r.to?.blockchains)??[];return n.filter(l=>!(s.length>0&&!s.includes(l.name)))},tokens:o=>{let n=e()._tokens;if(!o||!o?.type)return n;let r=e().config,s=(o.type==="source"?r.from?.tokens:r.to?.tokens)??{},a=e().blockchains({type:o.type});return n.filter(p=>s&&ko(p,s)||o.blockchain&&p.blockchain!==o.blockchain||!a.some(u=>u.name===p.blockchain)?!1:o.searchFor?!!(qt(p.symbol,o.searchFor)||qt(p.address||"",o.searchFor)||qt(p.name||"",o.searchFor)):!0).sort((p,u)=>e().isTokenPinned(p,o.type)?-1:e().isTokenPinned(u,o.type)||p.isSecondaryCoin?1:u.isSecondaryCoin||!p.address&&u.address?-1:p.address&&!u.address?1:0)},isTokenPinned:(o,n)=>!!(n==="source"?e().config.from?.pinnedTokens:e().config.to?.pinnedTokens)?.some(a=>Me(a,o)),swappers:()=>{let{config:o,campaignMode:n}=e(),r=n.liquiditySources?.length?n.liquiditySources:null,s=r??o.liquiditySources,a=r?!1:o.enableNewLiquiditySources;return e()._swappers.filter(u=>{let c=s?.includes(u.swapperGroup);return a||!s||s.length===0?!c:c}).sort(ja)},fetch:async()=>{try{let o=await At().getAllMetadata();t({fetchStatus:"success"});let n=[],r=[],s=o.popularTokens,a=o.swappers,l=new Set;o.tokens.forEach(p=>{l.add(p.blockchain),r.push(p)}),o.blockchains.forEach(p=>{p.enabled&&l.has(p.name)&&n.push(p)}),n.sort((p,u)=>p.sort-u.sort),t({_blockchains:n,_tokens:r,_popularTokens:s,_swappers:a})}catch(o){throw t({fetchStatus:"failed"}),o}}}),"createDataSlice");import{English as Jd,French as Zd,Japanese as Rd,Portuguese as ef,Spanish as tf}from"@rango-dev/ui";var Ya=[{title:"English",label:"English",local:"en",SVGFlag:Jd},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:tf},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:Zd},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:Rd},{title:"Portuguese",label:"Portugu\xEAs",local:"pt",SVGFlag:ef}],wo="en";var Ja=[.5,1,3],Za=1,Ra=5,el=100,tl=0;var ol=i((t,e)=>({disabledLiquiditySources:[],theme:"auto",language:null,preferredBlockchains:[],slippage:Za,customSlippage:null,infiniteApprove:!1,affiliateRef:null,affiliatePercent:null,affiliateWallets:null,addPreferredBlockchain:o=>{let n=e().preferredBlockchains;if(n.find((a,l)=>{let p=a===o,u=l<=9;return p&&u}))return;let s=n.filter(a=>!(a===o));t(()=>({preferredBlockchains:[o,...s]}))},setSlippage:o=>t(()=>({slippage:o})),setCustomSlippage:o=>t(()=>({customSlippage:o})),setAffiliateRef:o=>t(()=>({affiliateRef:o})),setAffiliatePercent:o=>t(()=>({affiliatePercent:o})),setAffiliateWallets:o=>t(()=>({affiliateWallets:o})),toggleAllLiquiditySources:(o,n)=>t(r=>{if(n)return{disabledLiquiditySources:[]};let s=Sn(o.map(a=>a.swapperGroup));return s.length===r.disabledLiquiditySources.length?{disabledLiquiditySources:[]}:{disabledLiquiditySources:s}}),toggleInfiniteApprove:()=>t(o=>({infiniteApprove:!o.infiniteApprove})),toggleLiquiditySource:o=>t(n=>n.disabledLiquiditySources.includes(o)?{disabledLiquiditySources:n.disabledLiquiditySources.filter(r=>r!=o)}:{disabledLiquiditySources:n.disabledLiquiditySources.concat(o)}),setTheme:o=>t(()=>({theme:o})),setLanguage:o=>t(()=>({language:o})),updateSettings:o=>{let{features:n}=o,r=Ge("theme",n),s=Ge("language",n),a=Ge("liquiditySource",n);t({...r&&{theme:"auto"},...s&&{language:wo},...a&&{disabledLiquiditySources:[]}})}}),"createSettingsSlice");function nl(t){return of()(nf((...e)=>({...Ka(...e),...ol(...e),...Ha(t,...e)}),{name:"user-settings",skipHydration:!0,partialize:e=>({theme:e.theme,language:e.language,affiliatePercent:e.affiliatePercent,affiliateRef:e.affiliateRef,affiliateWallets:e.affiliateWallets,slippage:e.slippage,customSlippage:e.customSlippage,infiniteApprove:e.infiniteApprove,preferredBlockchains:e.preferredBlockchains,disabledLiquiditySources:e.disabledLiquiditySources})}))}i(nl,"createAppStore");var rl=sf(null);function g(){let t=af(rl);if(lf(()=>{t&&!t.persist.hasHydrated()&&t.persist.rehydrate()},[]),!t)throw new Error("Missing AppStoreContext.Provider in the tree");return t()}i(g,"useAppStore");function il(t){let e=pf();return e.current||(e.current=nl(t.config)),rf.createElement(rl.Provider,{value:e.current},t.children)}i(il,"AppStoreProvider");import{create as cf}from"zustand";var sl="rango-widget";var xo=class{static{i(this,"TabManager")}tabId;state="not-initiated";lastTryClaim;events={};channel;constructor(e){this.channel=new BroadcastChannel(sl),this.tabId=Math.trunc(Math.random()*1e5),this.events=e}init=()=>{this.initEvents(),this.tryClaim()};forceClaim=()=>{if(!this.isClaimed()){let e={name:"force-claim",candidateId:this.tabId};this.channel.postMessage(e),setTimeout(()=>{this.isClaimed()||this.claim()},300)}};isClaimed=()=>this.state==="claimed";destroy=()=>{this.channel.removeEventListener("message",this.handleMessageEvent),document.removeEventListener("visibilitychange",this.handleVisibilityChange),document.removeEventListener("resume",this.handleResume)};initEvents(){this.channel.addEventListener("message",this.handleMessageEvent),document.addEventListener("visibilitychange",this.handleVisibilityChange),document.addEventListener("resume",this.handleResume)}claimedByCurrentTab(e){let o=this.lastTryClaim&&this.lastTryClaim<e;if(this.isClaimed()||o){let n={name:"pong"};this.channel.postMessage(n);return}}handleMessageEvent=e=>{let o=e.data.name;switch(o){case"ping":this.claimedByCurrentTab(e.data.pingAt);break;case"pong":this.alreadyClaimedByAnotherTab();break;case"force-claim":this.forceRelease(e.data.candidateId);break;case"force-release":this.tabId===e.data.candidateId&&this.claim();break;default:throw new Error(`${o} is not supported.`)}};handleVisibilityChange=async()=>{document.visibilityState==="visible"&&await this.tryClaim()};handleResume=async()=>{this.isClaimed()&&(await this.tryClaim(),this.isClaimed()||this.events.onRelease?.())};alreadyClaimedByAnotherTab(){this.resetLastCheck()}async tryClaim(){return this.setLastCheck(),new Promise(e=>{setTimeout(()=>{this.check(),e()},300)})}check(){this.state==="not-initiated"&&this.events.onInit?.(),this.lastTryClaim?(this.claim(),this.resetLastCheck()):this.state="not-claimed"}claim(){this.state="claimed",this.events.onClaim?.()}setLastCheck(){this.lastTryClaim=Date.now();let e={name:"ping",pingAt:this.lastTryClaim};this.channel.postMessage(e)}resetLastCheck(){this.lastTryClaim=void 0}forceRelease(e){if(this.isClaimed()){this.state="not-claimed",this.events.onRelease?.();let o={name:"force-release",candidateId:e};this.channel.postMessage(o)}}};var ee=Et(cf()((t,e)=>({isActiveTab:!1,tabManagerInitiated:!1,showActivateTabModal:!1,watermark:"NONE",fetchingApiConfig:!1,activateCurrentTab:(o,n)=>{let{showActivateTabModal:r}=e();!r&&n?t({showActivateTabModal:!0}):(r||!n)&&o()},setShowActivateTabModal:o=>{t({showActivateTabModal:o})},setWatermark:o=>{t({watermark:o})}}))),zt=new xo({onInit:()=>ee.setState({tabManagerInitiated:!0}),onClaim:()=>ee.setState({isActiveTab:!0,showActivateTabModal:!1}),onRelease:()=>ee.setState({isActiveTab:!1})});var kn=ff({onConnectWallet:()=>{}});function hf(t){let{updateConfig:e,updateSettings:o,fetch:n}=g(),r=g().blockchains(),s=g().tokens(),a={walletConnectProjectId:t.config?.walletConnectProjectId},{providers:l}=Qa(t.config.wallets,a),{connectWallet:p,disconnectWallet:u}=K(),c=gf();ll(()=>{n().catch(console.log)},[]),ll(()=>{t.config&&(e(t.config),o(t.config))},[t.config]);let d=r.filter(df).map(C=>C.name),m=i((C,S,y,f,x)=>{if(S===ai.ACCOUNTS)if(y){let k=un(x.supportedBlockchains),v=Ea(C,y,d,k,x.isContractWallet);v.length&&p(v,s)}else u(C);if(S===ai.ACCOUNTS&&f.connected){let k=`${C}-${f.network}-${y}`;f.connected&&(c.current?c.current(k):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(S===ai.NETWORK&&f.network){let k=`${C}-${f.network}`;c.current?c.current(k):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(C,S,y,f,x)},"onUpdateState"),h=ee.use.isActiveTab();return Tn.createElement(kn.Provider,{value:{onConnectWallet:C=>{c.current=C}}},Tn.createElement(mf,{allBlockChains:r,providers:l,onUpdateState:m,autoConnect:!!h},t.children))}i(hf,"Main");function wn(t){let{config:e,...o}=t;return Tn.createElement(il,{config:e},Tn.createElement(hf,{...o,config:e}))}i(wn,"WidgetWallets");import Ca,{useEffect as Ck}from"react";import{I18nManager as ZT}from"@rango-dev/ui";import nn,{useContext as RT,useEffect as ek,useState as vd}from"react";import{useQueueManager as Tf}from"@rango-dev/queue-manager-rango-preset";import{useWallets as kf}from"@rango-dev/wallets-react";import{isEvmBlockchain as wf}from"rango-types";import xf,{Fragment as vf}from"react";import{MemoryRouter as bf,useInRouterContext as If}from"react-router";import{useWallets as yf}from"@rango-dev/wallets-react";import{useEffect as Sf,useRef as Cf}from"react";function ul(){let{connect:t,state:e}=yf(),o=Cf({}),{fetchStatus:n}=g(),r=new URLSearchParams(location.search).get("autoConnect")||"",s=e(r);Sf(()=>{n==="success"&&r&&s.installed&&!s.connecting&&!s.connected&&!o.current[r]&&(o.current[r]=!0,t(r))},[s,n])}i(ul,"useForceAutoConnect");function cl({children:t,...e}){let n=If()?vf:bf,r=g().blockchains(),{canSwitchNetworkTo:s}=kf();ul();let a=r.filter(wf);return Tf({lastConnectedWallet:e.lastConnectedWallet,clearDisconnectedWallet:e.clearDisconnectedWallet,disconnectedWallet:e.disconnectedWallet,evmChains:a,canSwitchNetworkTo:s}),xf.createElement(n,null,t)}i(cl,"AppRouter");import Ue from"react";import{useRoutes as VT}from"react-router-dom";var F={home:"/",fromSwap:"from-swap",toSwap:"to-swap",blockchains:"blockchains",settings:"settings",liquiditySources:"liquidity-sources",bridges:"bridges",exchanges:"exchanges",languages:"languages",swaps:"swaps",wallets:"wallets",confirmSwap:"confirm-swap",swapDetails:":requestId",routes:"routes"};import{useEffect as oo,useRef as Nn}from"react";import Mt from"bignumber.js";import{create as Nf}from"zustand";import{subscribeWithSelector as Bf}from"zustand/middleware";import{getLastSuccessfulStep as Mf}from"@rango-dev/queue-manager-rango-preset";import Sv from"bignumber.js";import{i18n as pt}from"@lingui/core";var li={"Network Fee":pt.t("Network Fee"),"Swapper Fee":pt.t("Protocol Fee"),"Affiliate Fee":pt.t("Affiliate Fee"),"Outbound network fee":pt.t("Outbound Fee"),"Rango Fee":pt.t("Rango Fee")},pi=[{value:"SMART",label:pt.t("Smart Routing")},{value:"FEE",label:pt.t("Lowest Fee")},{value:"SPEED",label:pt.t("Fastest Transfer")},{value:"NET_OUTPUT",label:pt.t("Maximum Return")},{value:"PRICE",label:pt.t("Maximum Output")}],ui=["RECOMMENDED","CENTRALIZED","LOWEST_FEE","FASTEST","HIGH_IMPACT"],ml=30;var Wt=(r=>(r[r.HIGH_VALUE_LOSS=0]="HIGH_VALUE_LOSS",r[r.UNKNOWN_PRICE=1]="UNKNOWN_PRICE",r[r.INSUFFICIENT_SLIPPAGE=2]="INSUFFICIENT_SLIPPAGE",r[r.HIGH_SLIPPAGE=3]="HIGH_SLIPPAGE",r))(Wt||{});function dl(t,e){return e.find(o=>o.name===t)?.displayName}i(dl,"getBlockchainDisplayNameFor");function Ve(t,e){return e.find(o=>o.name===t)?.shortName}i(Ve,"getBlockchainShortNameFor");function vo(t,e){return e.find(o=>o.id===t)?.swapperGroup}i(vo,"getSwapperDisplayName");function ci(t,e){return e.find(o=>Me(o,t))??null}i(ci,"findToken");function mi(t,e){return e.find(o=>o.name===t)??null}i(mi,"findBlockchain");import{i18n as Je}from"@lingui/core";import Ne from"bignumber.js";import{PendingSwapNetworkStatus as In}from"rango-types";function xn(t){let e=[];return t?.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,s=e[e.length-1];n!=s&&e.push(n),s=e[e.length-1],r!=s&&e.push(r)}),e}i(xn,"getRequiredWallets");function vn(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}i(vn,"isValidAddress");import{i18n as Ee}from"@lingui/core";var Y=i(()=>({genericServerError:Ee.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:Ee.t("Please reset your liquidity sources."),description:Ee.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources.")},noResultError:{title:Ee.t("No Routes Found."),description:Ee.t("Reasons why Rango couldn't find a route: low liquidity on token, very low input amount or no routes available for the selected input/output token combination.")},bridgeLimitErrors:{increaseAmount:Ee.t("Bridge Limit Error: Please increase your amount."),decreaseAmount:Ee.t("Bridge Limit Error: Please decrease your amount.")},highValueLossError:{impactTitle:Ee.t("High Price Impact"),title:Ee.t("Price impact is too high!"),description:Ee.t("The price impact is significantly higher than the allowed amount. If you are sure, continue, otherwise, change the swap."),confirmMessage:Ee.t("Confirm high price impact")},quoteUpdatedWithHighValueLoss:{title:Ee.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:Ee.t("USD Price Unknown"),title:Ee.t("USD Price Unknown, Cannot calculate Price Impact."),description:Ee.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:Ee.t("Confirm USD Price Unknown")}}),"errorMessages");function fl(t){switch(t.type){case 0:return t.diagnosisMessage??Y().noResultError.title;case 1:return Y().genericServerError;default:return""}}i(fl,"getQuoteErrorMessage");import{i18n as bn}from"@lingui/core";var Qt=i(()=>({connectWallet:bn.t("Connect Wallet"),swap:bn.t("Swap"),swapAnyway:bn.t("Swap anyway"),ethWarning:bn.t("The route goes through Ethereum. Continue?")}),"swapButtonTitles");function gl(t,e){return(parseInt(e.toFixed(2)||"0")<=-10&&t?.gte(new Ne(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new Ne(1e3)))??!1}i(gl,"hasHighValueLoss");function hl(t){return(t||[]).filter(e=>{let o=e.fromAmountMinValue?new Ne(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Ne(e.fromAmountMaxValue):null;return e.fromAmountRestrictionType==="EXCLUSIVE"?o?.gte(e.fromAmount)||n?.lte(e.fromAmount):o?.gt(e.fromAmount)||n?.lt(e.fromAmount)}).length>0}i(hl,"hasLimitError");function yl(t){let e=(t||[]).filter(l=>{let p=l.fromAmountMinValue?new Ne(l.fromAmountMinValue):null,u=l.fromAmountMaxValue?new Ne(l.fromAmountMaxValue):null;return l.fromAmountRestrictionType==="EXCLUSIVE"?p?.gte(l.fromAmount)||u?.lte(l.fromAmount):p?.gt(l.fromAmount)||u?.lt(l.fromAmount)})[0],o=e.fromAmountMinValue?new Ne(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Ne(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",s="",a="";return!r&&o&&o.gt(e.fromAmount)?(s=Je.t({id:"Required: >= {min} {symbol}",values:{min:E(o,6,6),symbol:e.from.symbol}}),a=Y().bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(s=Je.t({id:"Required: > {min} {symbol}",values:{min:E(o,6,6),symbol:e.from.symbol}}),a=Y().bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(s=Je.t({id:"Required: <= {max} {symbol}",values:{max:E(n,6,6),symbol:e.from.symbol}}),a=Y().bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(s=Je.t({id:"Required: < {max} {symbol}",values:{max:E(n,6,6),symbol:e.from.symbol}}),a=Y().bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:s,recommendation:a}}i(yl,"getLimitErrorMessage");function Sl(t){let{fetchMetaStatus:e,anyWalletConnected:o,fetchingQuote:n,inputAmount:r,quote:s,warning:a,error:l,needsToWarnEthOnPath:p}=t;return e!=="success"?{title:Qt().connectWallet,action:"connect-wallet",disabled:!0}:o?n||!s||l||!r||r==="0"?{title:Qt().swap,action:"confirm-swap",disabled:!0}:a?{title:Qt().swapAnyway,action:"confirm-warning",disabled:!1}:p?{title:Qt().ethWarning,action:"confirm-warning",disabled:!1}:{title:Qt().swap,action:"confirm-swap",disabled:!1}:{title:Qt().connectWallet,action:"connect-wallet",disabled:!1}}i(Sl,"getSwapButtonState");function di(t,e,o){return!((!o||o.lte(Le))&&t&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t)}i(di,"canComputePriceImpact");function Af(t){let e=[];return t?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,s=e[e.length-1];n!=s&&e.push(n),s=e[e.length-1],r!=s&&e.push(r)}),e}i(Af,"requiredWallets");var Ef=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice");function Wf(t,e){let o=Le;for(let n=0;n<t.fee.length;n++){let r=t.fee[n];if(r.expenseType==="DECREASE_FROM_OUTPUT")continue;let s=Ef(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new Ne(r.amount).multipliedBy(s||0))}return o}i(Wf,"getUsdFeeOfStep");function An(t,e){return t.reduce((o,n)=>o.plus(Wf(n,e)),Le)}i(An,"getTotalFeeInUsd");function fi(t){let e=Le;return e=e.plus(new Ne(t.amount).multipliedBy(t.price||0)),e}i(fi,"getUsdFee");function Cl(t){return t.reduce((e,o)=>e.plus(fi(o)),Le)}i(Cl,"getTotalFeesInUsd");function Tl(t){return t.reduce((e,o)=>{for(let n of o.fee){let r=n.name,s=n.expenseType!=="DECREASE_FROM_OUTPUT"?e.payable:e.nonePayable;s[r]=[...s[r]||[],n]}return e},{payable:{},nonePayable:{}})}i(Tl,"getFeesGroup");function kl(t){let e=new Map;return t.forEach((o,n)=>{o.recommendedSlippage?.error&&e.set(n,o.recommendedSlippage.slippage)}),e.size>0?e:null}i(kl,"checkSlippageErrors");function wl(t,e){let o=new Map;return t?.swaps.forEach((n,r)=>{n.recommendedSlippage?.slippage&&parseFloat(n.recommendedSlippage.slippage)>e&&o.set(r,n.recommendedSlippage.slippage)}),o.size>0?o:null}i(wl,"checkSlippageWarnings");function En(t){return t.map(o=>o.recommendedSlippage)?.map(o=>o?.slippage||"0")?.filter(o=>parseFloat(o)>0)?.sort((o,n)=>parseFloat(n)-parseFloat(o))?.find(()=>!0)||null}i(En,"getMinRequiredSlippage");function xl(t,e){return e?parseFloat(t)>=parseFloat(e):!0}i(xl,"hasProperSlippage");function vl(t){let{fromToken:e,toToken:o,inputAmount:n,wallets:r,selectedWallets:s,disabledLiquiditySources:a,liquiditySources:l,excludeLiquiditySources:p,slippage:u,affiliateRef:c,affiliatePercent:d,affiliateWallets:m,destination:h}=t,C=s?.reduce((f,x)=>(f[x.chain]=x.address,f),{}),S=[];return r?.forEach(f=>{S.push({blockchain:f.chain,addresses:[f.address]})}),{amount:n.toString(),affiliateRef:c??void 0,affiliatePercent:d??void 0,affiliateWallets:m??void 0,from:{address:e.address,blockchain:e.blockchain,symbol:e.symbol},to:{address:o.address,blockchain:o.blockchain,symbol:o.symbol},connectedWallets:S,selectedWallets:C??{},slippage:u.toString(),...h&&{destination:h},...p&&{swapperGroups:a.concat(l??[]),swappersGroupsExclude:!0},...!p&&{swapperGroups:l?.filter(f=>!a.includes(f)),swappersGroupsExclude:!1}}}i(vl,"createQuoteRequestBody");function bl(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}i(bl,"getWalletsForNewSwap");function eo(t){return t?.outputAmount||null}i(eo,"getQuoteOutputAmount");function Il(t,e){return new Ne(e).div(new Ne(t)).minus(1).multipliedBy(100).toNumber()}i(Il,"getPercentageChange");function Al(t,e){let o=eo(t),n=eo(e);if(!o||!n)return!1;let r=je(o,n);return r?r<=-1:!0}i(Al,"isOutputAmountChangedALot");function El(t,e,o){let n=t.validationStatus,r=Wa(t);return e.sort((a,l)=>r.indexOf(a.chain)-r.indexOf(l.chain)).flatMap(a=>Bl(a,n)||[]).filter(a=>!a.ok).map(a=>{let l=a.asset.symbol,p=E(new Ne(a.currentAmount.amount).shiftedBy(-a.currentAmount.decimals),8,8),u=E(new Ne(a.requiredAmount.amount).shiftedBy(-a.requiredAmount.decimals),8,8),c="";return a.reason==="FEE"&&(c=Je.t(" for network fee")),a.reason==="INPUT_ASSET"&&(c=Je.t(" for swap")),a.reason==="FEE_AND_INPUT_ASSET"&&(c=Je.t(" for input and network fee")),Je.t({id:"Needs \u2248 {requiredAmount} {symbol}{reason}, but you have {currentAmount} {symbol} in your {blockchain} wallet.",values:{requiredAmount:u,symbol:l,reason:c,currentAmount:p,blockchain:Ve(a.asset.blockchain,o)}})})}i(El,"generateBalanceWarnings");function Wn(t,e){return(t?new Ne(t):Le).multipliedBy(e||0)}i(Wn,"calcOutputUsdValue");function bo(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==In.NetworkChanged}i(bo,"isNetworkStatusInWarningState");function Wl(t,e){let o="bellow button or",n=t.extraMessage,r=t.extraMessageDetail;if(t.networkStatusExtraMessageDetail?.includes(o)&&(t.networkStatusExtraMessageDetail=t.networkStatusExtraMessageDetail.replace(o,"")),bo(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case In.WaitingForConnectingWallet:n=n||Je.t("Waiting for connecting wallet");break;case In.WaitingForQueue:n=n||Je.t("Waiting for other running tasks to be finished");break;case In.WaitingForNetworkChange:n=n||Je.t("Waiting for changing wallet network");break;default:n=n||"";break}r=r||"",n=n||"";let a=n?.indexOf("code")!==-1&&n?.indexOf("reason")!==-1;return{shortMessage:n,detailedMessage:{content:r,long:a}}}i(Wl,"getSwapMessages");function Ll(t){let e=null;if(t.status==="failed"){let o=t.steps.slice().reverse().filter(n=>n.status==="success")[0];o&&(e={blockchain:o.toBlockchain,symbol:o.toSymbol,outputAmount:o.outputAmount,address:o.toSymbolAddress})}return e}i(Ll,"getLastConvertedTokenInFailedSwap");function Ml(t){return t.status==="failed"&&!!t.finishTime&&new Date().getTime()-parseInt(t.finishTime)<4*3600*1e3}i(Ml,"shouldRetrySwap");function Nl(t,e,o,n,r,s){return t||!e&&!Af(n).every(a=>r.map(l=>l.chain).includes(a))||!!e&&!o||!!e&&!!o&&s&&!vn(s,o)}i(Nl,"confirmSwapDisabled");function Ln(t){let e=t?.swaps||[];return e[e.length-1].to.usdPrice}i(Ln,"getQuoteToTokenUsdPrice");function gi(t,e){let o=t?.swaps||[],n=e?.swaps||[];return o.length!==n.length}i(gi,"isNumberOfSwapsChanged");function hi(t,e){let o=t?.swaps.map(r=>r.swapperId)||[],n=e?.swaps.map(r=>r.swapperId)||[];return!ii(o,n)}i(hi,"isQuoteSwappersUpdated");function yi(t,e){let o=t?.swaps.map(r=>r.to.symbol)||[],n=e?.swaps.map(r=>r.to.symbol)||[];return!ii(o,n)}i(yi,"isQuoteInternalCoinsUpdated");function $l(t,e){return gi(t,e)||hi(t,e)||yi(t,e)}i($l,"isQuoteChanged");function Bl(t,e){if(e===null)return null;let o=e?.find(n=>n.blockchain===t.chain)?.wallets.find(n=>n.address?.toLowerCase()===t.address.toLowerCase());return o?o.requiredAssets:null}i(Bl,"getRequiredBalanceOfWallet");function yt(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}i(yt,"getPriceImpactLevel");function _l(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],s=Mf(t.steps),a={blockchain:r.toBlockchain,symbol:r.toSymbol,address:r.toSymbolAddress},l=mi(s?s.toBlockchain:n.fromBlockchain,e),p=mi(r.toBlockchain,e),u=ci(s?{blockchain:l?.name??"",symbol:s.toSymbol,address:s.toSymbolAddress}:{blockchain:l?.name??"",symbol:n.fromSymbol,address:n.fromSymbolAddress},o),c=ci(a,o),d=s?s.outputAmount??"":t.inputAmount;return{fromBlockchain:l,fromToken:u,toBlockchain:p,toToken:c,inputAmount:d}}i(_l,"createRetryQuote");function to(t,e){let{fromToken:o,toToken:n,tokens:r,userSlippage:s}=e,a=Ht(o,t.requestAmount),l=Ht(n,t?.outputAmount??"");if(t&&a&&l){let c=je(a.toString(),l.toString());if(!!c&&gl(a,c)){let m=An(t?.swaps,r),h=yt(c);return{type:0,inputUsdValue:a,outputUsdValue:l,priceImpact:c,totalFee:m,warningLevel:h}}}else if(t&&(!a||!l))return{type:1};let p=En(t.swaps),u=s>Ra;if(xl(e.userSlippage.toString(),p)){if(u&&parseFloat(p??"0")<s)return{type:3,slippage:s.toString()}}else return{type:2,recommendedSlippages:wl(t,s),minRequiredSlippage:p};return null}i(to,"generateQuoteWarnings");function je(t,e){let o=typeof e=="string"?parseFloat(e)<=0:!e?.gt(0),n=!t||!e||o?null:Il(t.toString(),e.toString());return n&&n<0?n:null}i(je,"getPriceImpact");var Dl=i(t=>{let e=new Set,o=[];return t.forEach(n=>{e.has(n.from.chain.displayName)||(e.add(n.from.chain.displayName),o.push(n.from.chain)),e.has(n.to.chain.displayName)||(e.add(n.to.chain.displayName),o.push(n.to.chain))}),o},"getUniqueBlockchains"),Mn=i((t,e)=>e.sort((o,n)=>{let r=i(u=>u.scores?.find(c=>c.preferenceType===t)?.score??0,"getScore"),s=r(o),a=r(n);if(s!==a)return a-s;let l=o.requestId.toLowerCase(),p=n.requestId.toLowerCase();return l.localeCompare(p)}),"sortQuotesBy"),Fl=i((t,e,o)=>{if(!e.length)return null;if(!t)return{requestAmount:o,...e[0]};let n=new Set(t.swaps.map(s=>s.swapperId)),r=e.find(s=>{let a=new Set(s.swaps.map(l=>l.swapperId));return Array.from(n).every(l=>a.has(l))});return{requestAmount:o,...r||e[0]}},"getDefaultQuote"),Ul=i(t=>{let e=i((o,n)=>{let r=ui.indexOf(o.value),s=ui.indexOf(n.value);return r!==-1&&s!==-1?r-s:r!==-1?-1:s!==-1?1:0},"customSort");return t.sort(e)},"sortTags");var Ht=i((t,e)=>t?.usdPrice?new Mt(e||Le).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),Q=Et(Nf()(Bf(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new Mt(0),outputUsdValue:new Mt(0),toBlockchain:null,toToken:null,refetchQuote:!0,sortStrategy:"SMART",selectedQuote:null,quotes:null,error:null,warning:null,quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:null,quoteWarningsConfirmed:!1,updateQuotePartialState:(e,o)=>t(n=>({...n,[e]:o})),setSelectedQuote:e=>t(o=>{let n=null,r=Le;return To(o.inputAmount)?(e&&(n=e?.outputAmount?new Mt(e?.outputAmount):null,r=Wn(e?.outputAmount,Ln(e)||o.toToken?.usdPrice)),{selectedQuote:e,...!!e&&{outputAmount:n,outputUsdValue:r}}):{}}),resetAlerts:()=>t(()=>({error:null,warning:null})),resetQuote:()=>t(()=>({selectedQuote:null,outputAmount:null,outputUsdValue:new Mt(0),quotes:null,refetchQuote:!0,error:null,warning:null})),setFromBlockchain:e=>{t(o=>o.fromBlockchain?.name===e?.name?{}:{fromBlockchain:e,...o.fromToken&&{selectedQuote:null,fromToken:null,outputAmount:null,outputUsdValue:null}})},setFromToken:e=>t(o=>({fromToken:e.token,...e.token&&{fromBlockchain:e.meta.blockchains.find(n=>n.name===e.token.blockchain)??null},...!!o.inputAmount&&{inputUsdValue:Ht(e.token,o.inputAmount)}})),setToBlockchain:e=>{t(o=>o.toBlockchain?.name===e?.name?{}:{toBlockchain:e,...o.toToken&&{selectedQuote:null,toToken:null,outputAmount:null,outputUsdValue:null}})},setToToken:e=>t(()=>({toToken:e.token,...e.token&&{toBlockchain:e.meta.blockchains.find(o=>o.name===e.token.blockchain)??null}})),setInputAmount:e=>{t(o=>({inputAmount:e,...!e&&{outputAmount:new Mt(0),outputUsdValue:new Mt(0),selectedQuote:null},...!!o.fromToken&&{inputUsdValue:Ht(o.fromToken,e)}}))},retry:(e,o)=>{let{tokens:n,blockchains:r}=o,{fromBlockchain:s,fromToken:a,toBlockchain:l,toToken:p,inputAmount:u}=_l(e,r,n);t({fromBlockchain:s,fromToken:a,inputAmount:u,outputAmount:null,inputUsdValue:Ht(a??null,u),outputUsdValue:new Mt(0),toBlockchain:l,toToken:p,selectedQuote:null})},switchFromAndTo:()=>t(e=>({fromBlockchain:e.toBlockchain,fromToken:e.toToken,toBlockchain:e.fromBlockchain,toToken:e.fromToken,inputAmount:e.outputAmount?.toString()||"",inputUsdValue:Ht(e.toToken,e.outputAmount?.toString()||"")})),resetFromBlockchain:()=>t(()=>({fromToken:null,fromBlockchain:null,outputAmount:null,outputUsdValue:null,selectedQuote:null})),resetToBlockchain:()=>t(()=>({toToken:null,toBlockchain:null,outputAmount:null,outputUsdValue:null,selectedQuote:null})),setQuoteWalletConfirmed:e=>t({quoteWalletsConfirmed:e}),setSelectedWallets:e=>t({selectedWallets:e}),setCustomDestination:e=>t({customDestination:e}),resetQuoteWallets:()=>t({quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:null}),setQuoteWarningsConfirmed:e=>t({quoteWarningsConfirmed:e})}))));function Ol(){let{setInputAmount:t,setToToken:e,setToBlockchain:o,setFromBlockchain:n,setFromToken:r,fromToken:s,toToken:a,fromBlockchain:l,toBlockchain:p}=Q(),u=g().config,c=g().fetchStatus,d=g().blockchains(),m=g().tokens(),{setAffiliateRef:h,setAffiliatePercent:C,setAffiliateWallets:S}=g(),y=u?.from?.tokens,f=u?.from?.blockchains,x=u?.to?.tokens,k=u?.to?.blockchains,v=Nn(void 0),I=Nn(void 0),b=Nn(void 0),T=Nn(void 0);oo(()=>{t(u?.amount?.toString()||"")},[u?.amount]),oo(()=>{if(c==="success"){let w=d.find(L=>L.name===u?.from?.blockchain),W=m.find(L=>Me(L,u?.from?.token||null));(w||!w&&b.current)&&n(w??null),W?r({token:W,meta:{blockchains:d,tokens:m}}):!W&&v.current&&r({token:null}),b.current=u?.from?.blockchain,v.current=u?.from?.token}},[u?.from?.token?.symbol,u?.from?.token?.address,u?.from?.token?.blockchain,u?.from?.blockchain,c]),oo(()=>{ko(s,y)&&r({token:null}),ni(l,f)&&n(null)},[y,f]),oo(()=>{ko(a,x)&&r({token:null}),ni(p,k)&&o(null)},[x,k]),oo(()=>{if(c==="success"){let w=d.find(L=>L.name===u?.to?.blockchain),W=m.find(L=>Me(L,u?.to?.token||null));(w||!w&&T.current)&&o(w??null),W?e({token:W,meta:{blockchains:d,tokens:m}}):!W&&I.current&&e({token:null}),T.current=u?.to?.blockchain,I.current=u?.to?.token}},[u?.to?.token?.symbol,u?.to?.token?.address,u?.to?.token?.blockchain,u?.to?.blockchain,c]),oo(()=>{h(u?.affiliate?.ref??null),C(u?.affiliate?.percent??null),S(u?.affiliate?.wallets??null)},[u?.affiliate?.ref,u?.affiliate?.percent,u?.affiliate?.wallets])}i(Ol,"useSyncStoresWithConfig");import{useEffect as Ti,useRef as Pf}from"react";import{useInRouterContext as $f,useLocation as _f,useSearchParams as Df}from"react-router-dom";function Si(t,e,o){return o&&t.find(n=>{let r=e?.split("--");return r?.length===1?n.symbol===r[0]&&n.address===null&&n.blockchain===o.name:n.symbol===r?.[0]&&n.address===r?.[1]&&n.blockchain===o.name})||null}i(Si,"searchParamToToken");function Ci(t){if(t)return`${t.symbol}${t.address?`--${t.address}`:""}`}i(Ci,"tokenToSearchParam");function ki(){let t=_f(),[e,o]=Df(),{fromBlockchain:n,toBlockchain:r,fromToken:s,toToken:a,inputAmount:l,setFromBlockchain:p,setToBlockchain:u,setFromToken:c,setToToken:d,setInputAmount:m}=Q(),h=g().fetchStatus,C=g().blockchains(),S=g().tokens(),y=$f(),{updateIframe:f,updateCampaignMode:x}=g(),k=g().isInCampaignMode(),v=Pf(),I=i(()=>{let T=e.get("fromAmount"),w=e.get("fromBlockchain"),W=e.get("fromToken"),L=e.get("toBlockchain"),B=e.get("toToken"),q=e.get("autoConnect"),ae=e.get("clientUrl"),fe=e.get("liquiditySources");return{fromAmount:T,fromBlockchain:w,fromToken:W,toBlockchain:L,toToken:B,autoConnect:q,clientUrl:ae,liquiditySources:fe}},"getUrlSearchParams"),b=i(T=>{for(let w in T)T[w]||delete T[w];o(T,{replace:!0})},"updateUrlSearchParams");Ti(()=>{let{autoConnect:T,clientUrl:w}=I();y&&h==="success"&&b({fromBlockchain:n?.name,fromToken:Ci(s),toBlockchain:r?.name,toToken:Ci(a),fromAmount:l,autoConnect:T??void 0,clientUrl:w??void 0,liquiditySources:k?v.current:void 0})},[t.pathname,l,n,s,r,a,k]),Ti(()=>{if(!y)return;let T=I();if(!v.current&&T.liquiditySources&&(v.current=T.liquiditySources),T.fromAmount&&m(T.fromAmount),h==="success"){let w=C.find(q=>q.name===T.fromBlockchain),W=Si(S,T.fromToken,w??null),L=C.find(q=>q.name===T.toBlockchain),B=Si(S,T.toToken,L??null);w&&(p(w),W&&c({token:W,meta:{blockchains:C,tokens:S}})),L&&(u(L),B&&d({token:B,meta:{blockchains:C,tokens:S}}))}},[h]),Ti(()=>{let{clientUrl:T,liquiditySources:w}=I();f("clientUrl",T||void 0),x("liquiditySources",w?.split(",")??void 0)},[])}i(ki,"useSyncUrlAndStore");import{i18n as kr}from"@lingui/core";import{useManager as vy}from"@rango-dev/queue-manager-react";import{Alert as lc,Button as by,css as fs,Divider as ds,IconButton as pc,SettingsIcon as Iy,styled as Ay,Tooltip as Ey,Typography as Wy,WalletIcon as Ly}from"@rango-dev/ui";import pe,{useEffect as qo,useLayoutEffect as My,useRef as Ny,useState as wr}from"react";import{flushSync as By}from"react-dom";import{useLocation as Py,useNavigate as $y}from"react-router-dom";import{i18n as ct}from"@lingui/core";import{Alert as ji,BalanceErrors as fh,Button as Vp,ChevronDownIcon as gh,ChevronLeftIcon as hh,Divider as lo,MessageBox as yh,Typography as or,WalletIcon as Sh}from"@rango-dev/ui";import $,{useEffect as Ch,useState as po}from"react";import{useNavigate as Th}from"react-router-dom";import{i18n as Bn}from"@lingui/core";function Pn(t){switch(t.type){case 0:return Bn.t("Route has been updated.");case 3:return Bn.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return Bn.t("Route swappers has been updated.");case 2:return Bn.t("Route internal coins has been updated.");default:return""}}i(Pn,"getQuoteUpdateWarningMessage");import{Modal as Uf}from"@rango-dev/ui";import Of from"react";function re(t){let{watermark:e}=ee();return Of.createElement(Uf,{hasWatermark:e==="FULL",...t},t.children)}i(re,"WatermarkedModal");import Fn,{useRef as Qf}from"react";import*as no from"@radix-ui/react-collapsible";import{keyframes as ql,styled as $n}from"@rango-dev/ui";var wi=300,qf=ql({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),zf=ql({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),zl=$n(no.Root,{borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),xi=$n(no.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit",cursor:"pointer"}),_n=$n(no.Content,{overflow:"hidden",variants:{open:{true:{animation:`${qf} ${wi}ms ease-out`},false:{animation:`${zf} ${wi}ms ease-out`}}}}),Dn=$n("div",{transition:`all ${wi}ms ease`,display:"flex",alignItems:"center",variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}});function Un(t){let{open:e,hasSelected:o,onOpenChange:n,children:r,onClickTrigger:s,trigger:a,triggerAnchor:l}=t,p=Qf(null);return Fn.createElement(zl,{ref:p,className:"collapsible_root",selected:o&&e,open:e,onOpenChange:n},l==="top"&&Fn.createElement(xi,{className:"collapsible_trigger",onClick:s},a),Fn.createElement(_n,{className:"collapsible_content",open:e},r),l==="bottom"&&Fn.createElement(xi,{className:"collapsible_trigger",onClick:s},a))}i(Un,"CustomCollapsible");import{Button as Hf,css as Ql,darkTheme as ro,IconButton as Gf,styled as Xe,TextField as Vf}from"@rango-dev/ui";var Hl=Xe("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),Gl=Xe("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),jf=Xe("button",{borderRadius:"$xm",padding:"$10",border:"0",display:"flex",justifyContent:"center",$$color:"$colors$neutral100",[`.${ro} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",alignItems:"center",cursor:"pointer",width:110,position:"relative","&:hover":{$$color:"$colors$info100",[`.${ro} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$color:"$colors$info100",[`.${ro} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color",outline:0},variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary",outlineStyle:"solid"}}}}),Vl=Xe(jf,{alignSelf:"stretch",minHeight:"93px"}),jl=Xe("div",{padding:"$20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),Xl=Xe(Gf,{position:"absolute",left:"$20"}),Kl=Xe("div",{paddingTop:"$20"}),Yl=Ql({display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),Jl=Xe("div",{padding:"$10 $0","& .button__content":{display:"flex",alignItems:"center"},"& .alarms":{paddingTop:"$5"},"& .collapsible_content":{backgroundColor:"$neutral100"},"& .collapsible_root":{backgroundColor:"$neutral200"}}),Zl=Ql({paddingTop:"$5"}),Rl=Xe("div",{display:"flex"}),ep=Xe(Vf,{backgroundColor:"$neutral100",padding:"$0 $15 $15 $15"}),tp=Xe("div",{overflow:"visible",width:"100%"}),op=Xe(Hf,{width:"100%",borderRadius:"$sm !important",padding:"$15 !important",justifyContent:"space-between",alignItems:"center",$$color:"$colors$neutral100",[`.${ro} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color","&:hover":{$$color:"$colors$info100",[`.${ro} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$background:"$colors$info100",[`.${ro} &`]:{$$background:"$colors$info700"},backgroundColor:"$$background",outline:0}});import{i18n as Re}from"@lingui/core";import{Button as uh,Divider as Gi,Image as ch,MessageBox as tr,SelectableWallet as mh,Typography as zp,WalletState as Qp}from"@rango-dev/ui";import se,{useEffect as Hp,useState as Wo}from"react";import{WalletState as vi}from"@rango-dev/ui";import{useWallets as Xf}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as Kf,WalletTypes as On}from"@rango-dev/wallets-shared";import{useCallback as Yf,useEffect as Jf,useState as Zf}from"react";var Rf=Object.values(On);function qn(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:s,disconnect:a,getWalletInfo:l,connect:p}=Xf(),{connectedWallets:u}=K(),c=g().blockchains(),d=za(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||Rf,m=Aa(s,l,d,o),h=Pa(m),[C,S]=Zf(""),y=i(I=>!u.find(b=>b.walletType===I&&b.chain===o),"isExperimentalChainNotAdded"),f=i(async I=>{let b=s(I);try{if(C&&S(""),b.connected)await a(I);else{let T=!!m.find(w=>w.state===vi.CONNECTED);if(!e?.multiWallets&&T)return;n?.(I),await p(I),r?.(I)}}catch(T){S("Error: "+T?.message)}},"handleClick"),x=Yf(()=>{let I=m?.filter(b=>b.state===vi.CONNECTING)||[];for(let b of I)a(b.type)},[Da(m)]);Jf(()=>()=>{x()},[]);let k=i(I=>I.filter(T=>T.state!=vi.NOT_INSTALLED&&![On.DEFAULT,On.WALLET_CONNECT_2].includes(T.type)&&l(T.type).supportedChains.filter(w=>w.type=="EVM").length>0).length==0,"shouldShowDefaultInjectedWallet"),v=i((I,b,T)=>mn(T,b)&&y(I)&&!Kf.includes(I)||I==On.DEFAULT&&!k(m),"shouldExcludeWallet");return{list:h.filter(I=>!v(I.type,o??"",c)),error:C,handleClick:f,disconnectConnectingWallets:x}}i(qn,"useWalletList");import{i18n as $p}from"@lingui/core";import{styled as Dp,Typography as nh,Wallet as rh,WalletState as ih}from"@rango-dev/ui";import ao,{useState as _p}from"react";import{useManager as jg}from"@rango-dev/queue-manager-react";import{BottomLogo as Xg,Divider as Ap,Header as Kg}from"@rango-dev/ui";import he,{useEffect as Ep,useRef as Wp}from"react";import{useRef as eg}from"react";function zn(){return window.self!==window.top}i(zn,"isAppLoadedIntoIframe");function bi(){let t=eg(null),{iframe:e}=g(),o=zn()&&e.clientUrl,n=i(a=>{o&&window.top?.postMessage(a,e.clientUrl)},"send");return{send:n,connectHeightObserver:i(a=>{t.current=new ResizeObserver(l=>{for(let p of l)n({type:"widget_height",data:{height:p.contentRect.height}})}),t.current.observe(a)},"connectHeightObserver"),disconnectHeightObserver:i(()=>{t.current&&(t.current.disconnect(),t.current=null)},"disconnectHeightObserver")}}i(bi,"useIframe");import{useNavigate as tg}from"react-router-dom";function ut(){let t=tg();return()=>t(-1)}i(ut,"useNavigateBack");import{createTheme as Wi,darkTheme as sg,lightTheme as ag}from"@rango-dev/ui";import{useEffect as sp,useState as lg}from"react";import{theme as rg,darkColors as ig}from"@rango-dev/ui";var np=i((t,e)=>{t=t.replace(/^#/,""),t.length===3&&(t=t[0]+t[0]+t[1]+t[1]+t[2]+t[2]);let[s,a,l]=t.match(/.{2}/g);[s,a,l]=[parseInt(s,16)+e,parseInt(a,16)+e,parseInt(l,16)+e],s=Math.max(Math.min(255,s),0).toString(16),a=Math.max(Math.min(255,a),0).toString(16),l=Math.max(Math.min(255,l),0).toString(16);let p=(s.length<2?"0":"")+s,u=(a.length<2?"0":"")+a,c=(l.length<2?"0":"")+l;return`#${p}${u}${c}`},"colorShade"),Qn=i((t,e)=>{let a={[t]:e};for(let l=1;l<10;l++)l<5&&(a={...a,[t+l*100]:np(e,(5-l)*25)}),l===5&&(a={...a,[t+l*100]:e}),l>5&&(a={...a,[t+l*100]:np(e,-((l-5)*25))});return a},"generateRangeColors"),Ii=i((t,e,o)=>{if(!o||!Object.entries(o).length)return{};let n=!1,r={...t};for(let s in o){let a=o[s];if(a&&a!==t[s])if(n=!0,s==="background"||s==="foreground")r={...r,[s]:a};else if(s==="neutral"&&e){let l=Qn(s,a);r={...r,[`${s}100`]:l[`${s}900`],[`${s}200`]:l[`${s}800`],[`${s}300`]:l[`${s}700`],[`${s}400`]:l[`${s}600`],[`${s}500`]:l[`${s}500`],[`${s}600`]:l[`${s}400`],[`${s}700`]:l[`${s}300`],[`${s}800`]:l[`${s}200`],[`${s}900`]:l[`${s}100`]}}else r={...r,...Qn(s,a)}}return n?r:{}},"generateColors");var rp=i(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),og=i(t=>{let e="",o;for(o=Math.abs(t);o>52;o=o/52|0)e=rp(o%52)+e;return rp(o%52)+e},"toAlphabeticName"),ng=i((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),Ai=i(t=>og(ng(5381,JSON.stringify(t))>>>0),"toHash");function Ei(t){let e=rg.colors,o=Ii({...e,...ig},!0,t?.dark),n=Ii(e,!1,t?.light),r=Object.keys(o).length>0,s=Object.keys(n).length>0,a,l;if(s){let p={colors:n};a={id:`${oi}-light-${Ai(p)}`,tokens:p}}if(r){let p={colors:o};l={id:`${oi}-dark-${Ai(p)}`,tokens:p}}return{light:a,dark:l}}i(Ei,"customizedThemeTokens");function ip(t,e){if(t.length<=1)return t;let o=[];return t.forEach((n,r)=>{o.push(n),r<t.length-1&&o.push(e)}),o}i(ip,"joinList");function Hn(t){let{colors:e,fontFamily:o=qa,borderRadius:n=Ua,secondaryBorderRadius:r=Oa,mode:s="auto"}=t,[a,l]=lg("light"),{setTheme:p,theme:u}=g(),{dark:c,light:d}=Ei(e),m=Wi({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),h=[m.className,ag.className],C=[m.className,sg.className];if(d){let y=Wi(d.id,d.tokens);h.push(y.className)}if(c){let y=Wi(c.id,c.tokens);C.push(y.className)}return sp(()=>{let y=i(f=>{f.matches?l("dark"):l("light")},"switchThemeListener");return window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches&&l("dark"),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",y),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",y)}},[]),sp(()=>{s!=="auto"&&p(s)},[s]),{activeTheme:i(()=>{let y=h.join(" "),f=C.join(" ");return u==="auto"?a==="dark"?f:y:u==="dark"?f:y},"getActiveTheme")}}i(Hn,"useTheme");var Nt=i(t=>{let e=[];return t?.getAll().forEach((o,n)=>{let r=o.list.getStorage();r?.swapDetails&&e.push({id:n,swap:r?.swapDetails})}),e.sort((o,n)=>Number(n.swap.creationTime)-Number(o.swap.creationTime))},"getPendingSwaps");import{i18n as ap}from"@lingui/core";import{Alert as pg,Button as ug}from"@rango-dev/ui";import lp from"react";function Li(t){return lp.createElement(pg,{action:lp.createElement(ug,{onClick:t.onActivateTab,variant:"contained",size:"xxsmall",type:"warning"},ap.t("Activate this tab")),type:"warning",variant:"alarm",title:ap.t("Another tab is open and handles transactions.")})}i(Li,"ActivateTabAlert");import{i18n as Mi}from"@lingui/core";import{Button as cg,Divider as mg,MessageBox as dg}from"@rango-dev/ui";import Gn from"react";function Ni(t){let{open:e,onClose:o,onConfirm:n}=t;return Gn.createElement(re,{open:e,dismissible:!0,onClose:o,container:N()},Gn.createElement(dg,{title:Mi.t("Activate current tab"),type:"warning",description:Mi.t("Currently, some transactions are running and being handled by other browser tab. If you activate this tab, all transactions that are already in the transaction sign step will expire.")},Gn.createElement(mg,{size:20}),Gn.createElement(cg,{variant:"contained",size:"large",type:"primary",fullWidth:!0,onClick:n},Mi.t("Confirm"))))}i(Ni,"ActivateTabModal");import{ChevronLeftIcon as hg}from"@rango-dev/ui";import mp from"react";import{darkTheme as fg,IconButton as gg,styled as Io}from"@rango-dev/ui";var Ke=Io(gg,{width:"$24",position:"relative",padding:"0",overflow:"unset"}),pp=Io("div",{position:"absolute",background:"$secondary500",[`.${fg} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),io=Io("div",{display:"flex",justifyContent:"flex-end",minWidth:"$40",button:{padding:0}}),up=Io("div",{position:"absolute",backgroundColor:"$secondary500",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0"}),cp=Io("div",{padding:"$2",variants:{isRefetched:{true:{transform:"rotate(360deg)",transition:"transform 1s ease-in-out"}}}});function Bi(t){return mp.createElement(Ke,{variant:"ghost",size:"small",onClick:t.onClick},mp.createElement(hg,{color:"black",size:16}))}i(Bi,"BackButton");import{i18n as yg}from"@lingui/core";import{Button as Sg,Typography as Cg}from"@rango-dev/ui";import Pi from"react";function $i(t){return Pi.createElement(io,null,Pi.createElement(Sg,{variant:"ghost",onClick:t.onClick,size:"xsmall"},Pi.createElement(Cg,{variant:"label",size:"medium",color:"error500"},yg.t("Cancel"))))}i($i,"CancelButton");import{i18n as Tg}from"@lingui/core";import{Tooltip as kg,WalletIcon as wg}from"@rango-dev/ui";import Vn from"react";function _i(t){return Vn.createElement(kg,{container:t.container,side:"top",content:Tg.t("Connect Wallet")},Vn.createElement(Ke,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&Vn.createElement(pp,null),Vn.createElement(wg,{size:18,color:"black"})))}i(_i,"WalletButton");import{i18n as Yn}from"@lingui/core";import{NotificationsIcon as zg,Popover as Qg,SettingsIcon as Hg,Tooltip as Jn,TransactionIcon as Gg}from"@rango-dev/ui";import Ie from"react";import{i18n as Lg}from"@lingui/core";import{EventSeverity as Mg}from"@rango-dev/queue-manager-rango-preset";import{ChainToken as Sp,ChevronRightIcon as Ng,ListItemButton as Bg,Typography as Pg}from"@rango-dev/ui";import Ze from"react";import{useNavigate as $g}from"react-router-dom";import{create as xg}from"zustand";import{persist as vg,subscribeWithSelector as bg}from"zustand/middleware";var Oe=Et(xg()(vg(bg((t,e)=>({notifications:[],setNotification:(o,n)=>{let r=n.steps[0],s=n.steps[n.steps.length-1],a={event:o,creationTime:Date.now(),read:!1,requestId:n.requestId,route:{from:{blockchain:r.fromBlockchain,address:r.fromSymbolAddress,symbol:r.fromSymbol},to:{blockchain:s.toBlockchain,address:s.toSymbolAddress,symbol:s.toSymbol}}},l=e().notifications.filter(p=>p.requestId!==n.requestId);t(()=>({notifications:[...l,a]}))},setAsRead:o=>{t(n=>({notifications:n.notifications.map(r=>r.requestId===o?{...r,read:!0}:r)}))},getUnreadNotifications:()=>e().notifications.filter(o=>!o.read)})),{name:"notification",skipHydration:!0})));import{styled as jn}from"@rango-dev/ui";var dp=jn("div",{padding:"$10",width:"350px",maxWidth:"90vw",minHeight:"150px"}),fp=jn("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),gp=jn("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),hp=jn("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as Ig}from"@lingui/core";import{Divider as Ag,NoNotificationIcon as Eg,Typography as Wg}from"@rango-dev/ui";import Xn from"react";function yp(){return Xn.createElement(hp,null,Xn.createElement(Eg,{color:"secondary",size:26}),Xn.createElement(Ag,{size:12}),Xn.createElement(Wg,{variant:"body",size:"medium",color:"neutral700"},Ig.t("There are no notifications.")))}i(yp,"NotificationNotFound");var _g=4;function Di(){let t=$g(),{getUnreadNotifications:e}=Oe(),o=e(),n=g().blockchains(),r=g().tokens(),s=o.sort((l,p)=>p.creationTime-l.creationTime).slice(0,_g),a=i(l=>{t(`${F.swaps}/${l}`)},"handleOnClick");return Ze.createElement(dp,null,s.length?Ze.createElement(fp,null,s.map(l=>{let{route:p,requestId:u,event:c}=l,d=r.find(S=>Me(S,p.from)),m=n.find(S=>S.name===p.from.blockchain),h=r.find(S=>Me(S,p.to)),C=n.find(S=>S.name===p.to.blockchain);return Ze.createElement(Bg,{key:u,onClick:()=>a(u),title:Ze.createElement(Pg,{variant:"body",size:"small",color:c.messageSeverity===Mg.WARNING?"$foreground":"$neutral700"},Lg.t(c.message)),id:u,start:Ze.createElement(gp,null,Ze.createElement("div",{className:"from-chain-token"},Ze.createElement(Sp,{tokenImage:d?d.image:"",chainImage:m?m.logo:"",size:"small"})),Ze.createElement("div",{className:"to-chain-token"},Ze.createElement(Sp,{tokenImage:h?h.image:"",chainImage:C?C.logo:"",size:"small"}))),end:Ze.createElement(Ng,{size:12,color:"gray"})})})):Ze.createElement(yp,null))}i(Di,"NotificationContent");import{RefreshProgressButton as Dg}from"@rango-dev/ui";import Fi,{useEffect as Fg,useState as Cp}from"react";var Ug=1e3,Tp=60,Og=100;function Kn({onClick:t}){let[e,o]=Cp(0),[n,r]=Cp(!1),s=i(p=>{document.hidden&&p&&a(p)},"handleVisibilityChange");Fg(()=>{let p;return t?p=window.setInterval(()=>{o(u=>u+1),e===Tp&&l()},Ug):a(p),document.addEventListener("visibilitychange",()=>s(p)),()=>{document.removeEventListener("visibilitychange",()=>s(p)),p&&clearInterval(p)}},[e,t]);let a=i(p=>{p&&clearInterval(p),o(0)},"clearTimeout"),l=i(()=>{t?.(),o(0),r(!0)},"handleRefreshClick");return Fi.createElement(Ke,{variant:"ghost",size:"small",onClick:l,disabled:!t},Fi.createElement(cp,{onTransitionEnd:()=>r(!1),isRefetched:n},Fi.createElement(Dg,{size:24,color:t?"black":"gray",progress:e/Tp*Og})))}i(Kn,"RefreshButton");import{Typography as qg}from"@rango-dev/ui";import kp from"react";function wp(){let{getUnreadNotifications:t}=Oe(),e=t().length;return e?kp.createElement(up,null,kp.createElement(qg,{variant:"body",size:"xsmall",color:"$background"},e)):null}i(wp,"UnreadNotificationsBadge");function Gt(t){let{onClickRefresh:e,onClickHistory:o,onClickSettings:n,hidden:r=[]}=t,{config:{features:s}}=g(),a=Ge("notification",s)||r.includes("notifications");return Ie.createElement(Ie.Fragment,null,!r.includes("refresh")&&Ie.createElement(Jn,{container:N(),side:"top",content:Yn.t("Refresh")},Ie.createElement(Kn,{onClick:e})),!a&&Ie.createElement(Qg,{align:"end",alignOffset:-88,collisionPadding:{right:20,left:20},container:N(),content:Ie.createElement(Di,null)},Ie.createElement("div",null,Ie.createElement(Jn,{container:N(),side:"top",content:Yn.t("Notifications")},Ie.createElement(Ke,{size:"small",variant:"ghost"},Ie.createElement(zg,{size:18,color:"black"}),Ie.createElement(wp,null))))),!r.includes("settings")&&Ie.createElement(Jn,{container:N(),side:"top",content:Yn.t("Settings")},Ie.createElement(Ke,{size:"small",variant:"ghost",onClick:n},Ie.createElement(Hg,{size:18,color:"black"}))),!r.includes("history")&&Ie.createElement(Jn,{container:N(),side:"top",content:Yn.t("Transactions History")},Ie.createElement(Ke,{size:"small",variant:"ghost",onClick:o},Ie.createElement(Gg,{size:18,color:"black"}))))}i(Gt,"HeaderButtons");function Ui(t){let e=t.target;if(e){let o=e.scrollTop,n=N();o>1?n.classList.add("rng-scrolled"):n.classList.remove("rng-scrolled")}}i(Ui,"onScrollContentAttachStatusToContainer");import{css as Vg,styled as Oi}from"@rango-dev/ui";var xp="700px",Zn=Vg({borderRadius:"$primary",display:"flex",flexDirection:"column",overflow:"hidden",boxShadow:"15px 15px 15px 0px rgba(0, 0, 0, 0.05)"}),vp=Oi("div",{position:"relative",width:"100vw",minWidth:"300px",maxWidth:"390px",backgroundColor:"$background",variants:{height:{auto:{height:"auto",maxHeight:xp},fixed:{height:xp}}}}),bp=Oi("div",{position:"relative",overflow:"hidden",flexGrow:1,display:"flex",flexDirection:"column",padding:0,overflowY:"auto"}),Ip=Oi("div",{padding:"0 $20 $10","& .footer__alert":{paddingTop:"$10"},"& .footer__logo":{opacity:0,transition:"opacity 1s ease-in-out","&.logo__show":{opacity:1},"&.logo__hidden":{visibility:"hidden"}}});function ne(t){let{connectHeightObserver:e,disconnectHeightObserver:o}=bi(),{children:n,header:r,footer:s,height:a="fixed"}=t,l=K.use.connectedWallets(),{config:{features:p,theme:u}}=g(),{watermark:c}=ee(),d=c==="FULL",{activeTheme:m}=Hn(u||{}),h=Ge("connectWalletButton",p),{isActiveTab:C,tabManagerInitiated:S,showActivateTabModal:y,setShowActivateTabModal:f,activateCurrentTab:x}=ee(),k=ut(),{manager:v}=jg(),b=Nt(v).map(({swap:q})=>q).some(q=>q.status==="running"),T=i(()=>x(zt.forceClaim,b),"onActivateTab"),w=i(()=>{r.onWallet?.()},"onConnectWallet"),W=typeof r.hasBackButton>"u"||r.hasBackButton,L=Wp(null),B=Wp(null);return Ep(()=>(zn()&&B.current&&e(B.current),()=>{o()}),[]),Ep(()=>(L.current?.addEventListener("scroll",Ui),()=>{L.current?.removeEventListener("scroll",Ui)}),[]),he.createElement(vp,{height:a,id:Te.SWAP_BOX_ID,className:`${m()} ${Zn()}`,ref:B},he.createElement(Kg,{prefix:he.createElement(he.Fragment,null,W&&he.createElement(Bi,{onClick:()=>{k(),r.onBack&&r.onBack()}})),title:r.title,suffix:he.createElement(he.Fragment,null,r.suffix,r.onWallet&&!h&&he.createElement(_i,{container:N(),onClick:w,isConnected:!!l?.length}),r.onCancel&&he.createElement($i,{onClick:r.onCancel}))}),he.createElement(bp,{ref:L},n),he.createElement(Ni,{open:y,onClose:()=>f(!1),onConfirm:T}),he.createElement(Ip,null,he.createElement("div",{className:"footer__content"},S&&!C&&he.createElement("div",{className:"footer__alert"},he.createElement(Li,{onActivateTab:T}),he.createElement(Ap,{size:10})),s),he.createElement(Ap,{size:12}),he.createElement("div",{className:`footer__logo ${d?"logo__show":"logo__hidden"}`},he.createElement(Xg,null))))}i(ne,"Layout");import{styled as Yg}from"@rango-dev/ui";var Lp="$20 $20 $10 $20",Ao=Yg("div",{padding:Lp,overflowY:"auto",flexGrow:1});import{styled as Jg}from"@rango-dev/ui";var ie=Jg("div",{display:"flex",flexDirection:"column",padding:"20px 20px 10px",flexGrow:1,variants:{view:{true:{flexGrow:1,overflow:"hidden"}},compact:{true:{padding:0}}}});import{Divider as oh}from"@rango-dev/ui";import zi from"react";import{i18n as so}from"@lingui/core";import{Image as eh,MessageBox as qi,WalletState as th}from"@rango-dev/ui";import Vt from"react";import{keyframes as Zg,styled as Rn}from"@rango-dev/ui";var AE=Rn("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),Mp=Rn("div",{position:"relative"}),Rg=Zg({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),Np=Rn("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Rg} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),Bp=Rn("div",{"& img":{borderRadius:"50%"}});function Pp(t){let{state:e,image:o,error:n}=t;return e===th.CONNECTED?Vt.createElement(qi,{type:"success",title:so.t("Wallet Connected"),description:so.t("Your wallet is connected, you can use it to swap.")}):n?Vt.createElement(qi,{type:"error",title:so.t("Failed to Connect"),description:n||so.t("Your wallet is not connected. Please try again.")}):Vt.createElement(qi,{type:"loading",title:so.t("Connecting to your wallet"),description:so.t("Click connect in your wallet popup."),icon:Vt.createElement(Mp,null,Vt.createElement(Bp,null,Vt.createElement(eh,{src:o,size:45})),Vt.createElement(Np,null))})}i(Pp,"ModalContent");function Eo(t){let{open:e,onClose:o,...n}=t;return zi.createElement(re,{open:e,onClose:o,container:document.getElementById(Te.SWAP_BOX_ID)||document.body},zi.createElement(Pp,{...n}),zi.createElement(oh,{direction:"vertical",size:32}))}i(Eo,"WalletModal");var sh=Dp("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),ah=Dp(ie,{textAlign:"center"}),er=3e3,Qi=300;function Fp(){let{config:t,fetchStatus:e}=g(),[o,n]=_p(!1),[r,s]=_p(""),a=null,l=ee.use.isActiveTab(),{list:p,handleClick:u,error:c,disconnectConnectingWallets:d}=qn({config:t,onBeforeConnect:y=>{a=setTimeout(()=>{n(!0),s(y)},Qi)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},er)}}),m=i(()=>{d(),n(!1)},"handleCloseWalletModal"),h=p.find(y=>y.type===r),C=h?.image||"",S=h?.state||ih.NOT_INSTALLED;return ao.createElement(ne,{header:{title:$p.t("Connect Wallets")}},ao.createElement(ah,null,ao.createElement(nh,{variant:"title",size:"xmedium",align:"center"},$p.t("Choose a wallet to connect.")),ao.createElement(sh,null,p.map((y,f)=>{let x=`wallet-${f}-${y.type}`;return ao.createElement(rh,{key:x,...y,container:N(),onClick:k=>{u(k)},isLoading:e==="loading",disabled:!l})}),ao.createElement(Eo,{open:!!o,onClose:m,image:C,state:S,error:c}))))}i(Fp,"WalletsPage");import{keyframes as lh,styled as Hi}from"@rango-dev/ui";var Up=Hi("div",{position:"relative"}),ph=lh({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),Op=Hi("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${ph} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),qp=Hi("div",{"& img":{borderRadius:"50%"}});var dh=7;function Vi(t){let{chain:e,isSelected:o,selectWallet:n,limit:r,onShowMore:s}=t,{config:a}=g(),l=ee.use.isActiveTab(),p=K.use.connectedWallets(),{blockchains:u}=g(),[c,d]=Wo(""),[m,h]=Wo(null),[C,S]=Wo(!1),[y,f]=Wo(null),{suggestAndConnect:x}=Gp(),k=null,{list:v,error:I,handleClick:b,disconnectConnectingWallets:T}=qn({config:a,chain:e,onBeforeConnect:D=>{k=setTimeout(()=>{d(D)},Qi)},onConnect:()=>{k&&clearTimeout(k),setTimeout(()=>{d("")},er)}}),[w,W]=Wo(v),L=v.length,B=r&&L-r>0,q=i(async D=>{S(!1),f("in-progress");try{await x(D.walletType,D.chain),f("completed")}catch{f("rejected")}},"addExperimentalChain");Hp(()=>{W(D=>{let V=v.findIndex(A=>o(A.type,e));return B&&V>1?[v[V]].concat(v.filter((A,M)=>M!==V)):D.map(A=>v.find(M=>M.type===A.type)??A)})},[JSON.stringify(v)]);let ae=document.getElementById(Te.SWAP_BOX_ID);Hp(()=>{let D=null;return(y==="completed"||y==="rejected")&&(D=setTimeout(()=>f(null),er)),()=>{D&&clearTimeout(D)}},[y]);let fe=i(()=>{T(),d("")},"handleCloseWalletModal");return se.createElement(se.Fragment,null,w.slice(0,r).map(D=>{let V=$a({connectedWallets:p,walletType:D.type,chain:e}),A=V?fn(V,dh):"",M=mn(u(),e),ce=!p.find(be=>be.walletType===D.type&&be.chain===e),H=M&&ce&&D.state===Qp.CONNECTED,j=H?Re.t({id:"Add {chain} chain",values:{chain:e}}):A,Se=i(()=>{D.state===Qp.DISCONNECTED?b(D.type):H?(h({walletType:D.type,chain:e,address:V??""}),S(!0)):n({walletType:D.type,chain:e,address:V??""})},"onClick"),ve=m?.chain?dl(m.chain,u()):void 0;return se.createElement(se.Fragment,null,se.createElement(Eo,{open:c===D.type,onClose:fe,image:D.image,state:D.state,error:I}),!!m&&se.createElement(re,{open:!!m&&C,container:ae,onClose:()=>{h(null)}},se.createElement(tr,{title:Re.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:ve}}),type:"warning",description:Re.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:ve}})},se.createElement(Gi,{size:18}),se.createElement(Gi,{size:32}),se.createElement(uh,{onClick:q.bind(null,m),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},Re.t("Confirm")))),y&&se.createElement(re,{open:!!y,onClose:f.bind(null,null),container:ae},y==="in-progress"&&se.createElement(tr,{type:"loading",title:Re.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:ve}}),description:Re.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:ve}}),icon:se.createElement(Up,null,se.createElement(qp,null,se.createElement(ch,{src:D.image,size:45})),se.createElement(Op,null))}),y==="completed"&&se.createElement(tr,{type:"success",title:Re.t({id:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:ve}}),description:Re.t({id:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:ve}})}),y==="rejected"&&se.createElement(tr,{type:"error",title:Re.t("Request Rejected"),description:Re.t({id:"You've rejected adding {blockchainDisplayName} chain to your wallet.",values:{blockchainDisplayName:ve}})}),se.createElement(Gi,{direction:"vertical",size:32})),se.createElement(mh,{key:D.type,description:j,onClick:Se,selected:o(D.type,e),disabled:!l,...D}))}),B&&se.createElement(Vl,{selected:!1,onClick:s},se.createElement(zp,{variant:"label",size:"medium"},Re.t("Show more wallets"),se.createElement(zp,{variant:"label",size:"medium",color:"$primary"},"\xA0+",L-(r??0)))))}i(Vi,"WalletList");var kh=2;function jp(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,loading:s}=t,a=g().config,l=g().blockchains(),{selectedQuote:p,setSelectedWallets:u,quoteWalletsConfirmed:c,setQuoteWalletConfirmed:d,customDestination:m,setCustomDestination:h}=Q(),{connectedWallets:C,selectWallets:S}=K(),[y,f]=po(""),[x,k]=po([]),[v,I]=po(""),[b,T]=po(null),[w,W]=po(!!m),L=xn(p?.swaps||null),B=l.find(G=>G.name===p?.swaps[p?.swaps.length-1].to.blockchain),q=i(G=>!!p?.swaps.find(J=>J.from.blockchain===G),"isWalletRequiredFor"),ae=i(()=>C.filter(G=>G.selected&&L.includes(G.chain)),"getInitialSelectableWallets"),[fe,D]=po(ae()),V=l.find(G=>G.name===B?.name),A=x.length>0,M=i((G,J)=>!!fe.find(R=>R.walletType===G&&R.chain===J&&R.selected&&(q(J)||!q(J)&&!m)),"isSelected"),ce=!!m&&w&&V&&!vn(V,m),H=i(()=>{W(!1),h(null),D(G=>{let J=!1;return G.map(R=>!J&&R.chain===B?.name?(J=!0,{...R,selected:!0}):R)})},"resetCustomDestination"),j=i(G=>{if(y&&f(""),M(G.walletType,G.chain))return;let R=C.find(Ae=>Ae.walletType===G.walletType&&Ae.chain===G.chain);R&&(n(),G.chain===B?.name&&w&&(W(!1),h(null)),D(Ae=>Ae.filter(He=>He.chain!==G.chain).concat({...R,selected:!0})))},"onChange"),Se=i(()=>{let G=fe.filter(J=>J.selected);S(G),u(G),d(!0),o()},"onConfirmBalance"),ve=i(async()=>{k([]),I(""),T(null);let G=C.filter(Ae=>fe.find(He=>He.chain===Ae.chain&&He.walletType===Ae.walletType)),J=await r?.({selectedWallets:G,customDestination:m}),R=J.warnings;R?.balance?.messages&&k(R.balance.messages),R?.quoteUpdate&&T(R.quoteUpdate),J.error&&I(fl(J.error)),!J.error&&!R?.balance?.messages.length?Se():k(R?.balance?.messages??[])},"onConfirmWallets");Ch(()=>{D(G=>G.concat(C.filter(J=>!!!G.find(Ae=>Ae.chain===J.chain)&&J.selected&&L.includes(J.chain))))},[C.length]);let be=document.getElementById(Te.SWAP_BOX_ID),gt=Th();return $.createElement(re,{open:e,onClose:()=>{c||gt("../",{replace:!0}),o()},dismissible:!y,container:be,...!y&&{footer:$.createElement(Rl,null,$.createElement(Vp,{loading:s,disabled:Nl(s,w,m,p,fe,B),onClick:ve,variant:"contained",type:"primary",fullWidth:!0,size:"large"},ct.t("Confirm")))},...y&&{styles:{container:{padding:"$0"}},header:$.createElement(jl,null,$.createElement(Xl,{variant:"ghost",onClick:f.bind(null,"")},$.createElement(hh,{size:16})),$.createElement(or,{variant:"headline",size:"small"},ct.t({id:"Your {blockchainName} wallets",values:{blockchainName:Ve(y,l)}})))},anchor:"center"},$.createElement(re,{open:A,onClose:k.bind(null,[]),container:be},$.createElement(yh,{title:ct.t("Insufficient account balance"),type:"error",description:$.createElement(fh,{messages:x??[]})},$.createElement(Vp,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:Se},ct.t("Proceed anyway")))),y&&$.createElement(Kl,null,$.createElement("div",{className:Yl()},$.createElement(Vi,{chain:y,isSelected:M,selectWallet:j,onShowMore:f.bind(null,y)}))),!y&&$.createElement($.Fragment,null,v&&$.createElement($.Fragment,null,$.createElement(ji,{variant:"alarm",type:"error",title:ct.t(v)}),$.createElement(lo,{size:12})),b&&$.createElement($.Fragment,null,$.createElement(ji,{variant:"alarm",type:"warning",title:Pn(b)}),$.createElement(lo,{size:12})),$.createElement(tp,null,L.map((G,J)=>{let R=l.find(Ce=>Ce.name===G),Ae=`wallet-${J}`,He=J===L.length-1;return $.createElement("div",{key:Ae},$.createElement(Hl,null,$.createElement(or,{variant:"title",size:"xmedium"},ct.t({id:"Your {blockchainName} wallets",values:{blockchainName:R?.shortName}})),$.createElement(or,{variant:"label",color:"$neutral700",size:"medium"},ct.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:R?.shortName}}))),$.createElement(lo,{size:24}),$.createElement(Gl,null,$.createElement(Vi,{chain:G,isSelected:M,selectWallet:j,limit:kh,onShowMore:()=>f(R?.name??"")})),!He&&$.createElement(lo,{size:32}),He&&a?.customDestination&&$.createElement(Jl,null,$.createElement(Un,{onOpenChange:Ce=>{Ce?q(B?.name??"")||D(De=>De.map(ge=>ge.chain===B?.name?{...ge,selected:!1}:ge)):H()},hasSelected:!0,open:w,triggerAnchor:"top",trigger:$.createElement(op,{fullWidth:!0,variant:"default",suffix:$.createElement(Dn,{orientation:w?"up":"down"},$.createElement(gh,{size:10,color:"gray"}))},$.createElement("div",{className:"button__content"},$.createElement(Sh,{size:18,color:"info"}),$.createElement(lo,{size:4,direction:"horizontal"}),$.createElement(or,{variant:"label",size:"medium"},ct.t("Send to a different address")))),onClickTrigger:()=>W(Ce=>!Ce)},$.createElement(lo,{size:4}),$.createElement(ep,{autoFocus:!0,placeholder:ct.t("Your destination address"),value:m||"",onChange:Ce=>{let De=Ce.target.value;De.length?h(De.length?De:null):(W(!1),h(null))}})),ce&&$.createElement("div",{className:Zl()},$.createElement(ji,{variant:"alarm",type:"error",title:ct.t({values:{destination:m},id:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}i(jp,"ConfirmWalletsModal");import{i18n as Fh}from"@lingui/core";import{Alert as Uh,Button as Oh,InfoIcon as qh}from"@rango-dev/ui";import qe from"react";import{Alert as wh,Button as xh,Divider as Rp,NoRouteIcon as vh,RefreshIcon as bh,Typography as eu}from"@rango-dev/ui";import et from"react";import{i18n as Xp}from"@lingui/core";function Kp(t,e,o,n){return t?.type===1?{alert:{type:"warning",text:Y().genericServerError,action:{onClick:n,title:Xp.t("Retry")}},description:""}:e.length?{alert:{type:"warning",text:Y().liquiditySourcesError.title,action:{onClick:()=>o(!0),title:Xp.t("Reset")}},description:Y().liquiditySourcesError.description}:t?.type===0&&t.diagnosisMessage?{alert:{type:"error",text:t.diagnosisMessage,action:null},description:""}:{alert:null,description:Y().noResultError.description}}i(Kp,"makeInfo");import{styled as Xi}from"@rango-dev/ui";var Yp=Xi("div",{display:"flex",flexDirection:"column",alignItems:"center"}),Jp=Xi("div",{width:"100%"}),Zp=Xi("div",{padding:"$6 $0"});function Lo(t){let{fetch:e,error:o}=t,n=g().getDisabledLiquiditySources(),r=g().toggleAllLiquiditySources,s=g().swappers(),a=Kp(o,n,()=>r(s,!0),e);return et.createElement(Yp,null,et.createElement(vh,{size:24,color:"gray"}),et.createElement(Rp,{size:4}),et.createElement(eu,{variant:"title",size:"small"},Y().noResultError.title),!!a.description&&et.createElement(eu,{variant:"body",size:"small",align:"center",color:"neutral700"},a.description),et.createElement(Rp,{size:4}),!!a.alert&&et.createElement(Jp,null,et.createElement(wh,{type:a.alert.type,title:a.alert.text,titleAlign:"center",action:a.alert.action&&et.createElement(xh,{size:"xsmall",type:a.alert.type,prefix:et.createElement(Zp,null,et.createElement(bh,{size:8})),onClick:a.alert.action.onClick},a.alert.action.title),variant:"alarm"})))}i(Lo,"NoResult");import{i18n as Mo}from"@lingui/core";import{Button as Ah,Divider as Eh,MessageBox as Wh,Typography as Lh,WarningIcon as Mh}from"@rango-dev/ui";import St from"react";import{Typography as ru}from"@rango-dev/ui";import Yi from"react";import{darkTheme as Ih,styled as nr}from"@rango-dev/ui";var tu=nr("div",{width:"100%"}),Ki=nr("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),ou=nr("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%","._title":{$$color:"$colors$neutral600",[`.${Ih} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),nu=nr("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});function iu(t){let{title:e,value:o,valueColor:n}=t;return Yi.createElement(ou,null,Yi.createElement(ru,{size:"medium",variant:"label",className:"_title"},e),Yi.createElement(ru,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}i(iu,"QuoteErrorsModalItem");function su(t){let{open:e,onClose:o,onConfirm:n,warning:r,confirmationDisabled:s}=t,a=r.warningLevel==="high"?"error":"warning",l=[{title:Mo.t("Swapping"),value:E(r.inputUsdValue,4,4)},{title:Mo.t("Gas cost"),value:E(r.totalFee,2,2)},{title:Mo.t("Receiving"),value:E(r.outputUsdValue,4,4)},{title:Mo.t("Price impact"),value:E(r.priceImpact,2,2),valueColor:`${a}500`}];return St.createElement(re,{footer:St.createElement(Ah,{type:"primary",size:"large",prefix:St.createElement(Mh,null),fullWidth:!0,disabled:s,onClick:n},Y().highValueLossError.confirmMessage),open:e,onClose:o,container:N()},St.createElement(Wh,{type:a,title:Y().highValueLossError.impactTitle,description:Y().highValueLossError.description}),St.createElement(Ki,null,St.createElement(Eh,{size:20}),St.createElement(Lh,{size:"small",variant:"title"},Mo.t("Details")),St.createElement(Ki,null,l.map((p,u)=>St.createElement(iu,{key:u,...p})))))}i(su,"HighValueLossWarningModal");import{i18n as Ji}from"@lingui/core";function au(t,e){let o={alertType:"warning",title:"",action:"show-info"};return e?(o.alertType="error",e.type===3&&(o.title=e.recommendation,o.action="show-info"),e.type===4&&(o.title=Ji.t({id:"You need to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:e.minRequiredSlippage}}),o.action="change-settings"),o):t?(t.type===0&&(yt(t.priceImpact)==="high"&&(o.alertType="error"),o.action=null,o.title=Y().highValueLossError.title),t.type===1&&(o.title=Y().unknownPriceError.title),t.type===2&&(o.title=Ji.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:t.minRequiredSlippage}}),o.action="change-settings"),t.type===3&&(o.title=Ji.t("Caution, your slippage is high.")),o):null}i(au,"makeAlerts");import{i18n as uo}from"@lingui/core";import{Button as lu,Divider as pu,MessageBox as Nh,Typography as Bh}from"@rango-dev/ui";import Kt from"react";import{useNavigate as Ph}from"react-router-dom";function uu(t){let{customSlippage:e,slippage:o}=g(),{open:n,onClose:r,onConfirm:s,warning:a,confirmationDisabled:l}=t,p=Ph(),u=e??o;return Kt.createElement(re,{anchor:"bottom",open:n,prefix:Kt.createElement(lu,{size:"small",variant:"ghost",onClick:()=>p("../"+F.settings)},Kt.createElement(Bh,{variant:"label",size:"medium",color:"$neutral900"},uo.t("Change settings"))),container:N(),onClose:r},Kt.createElement(Nh,{type:"warning",title:a.type===3?uo.t("High slippage"):uo.t("Low slippage"),description:a.type===3?uo.t({id:" Caution, your slippage is high (={userSlippage}). Your trade may be front run.",values:{userSlippage:u}}):uo.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:a.minRequiredSlippage}})},Kt.createElement(pu,{size:18}),Kt.createElement(pu,{size:32}),Kt.createElement(lu,{size:"large",type:"primary",variant:"contained",fullWidth:!0,disabled:l,onClick:s},uo.t("Confirm anyway"))))}i(uu,"SlippageWarningModal");import{Button as $h,MessageBox as _h,WarningIcon as Dh}from"@rango-dev/ui";import rr from"react";function cu(t){let{open:e,onClose:o,onConfirm:n,confirmationDisabled:r}=t;return rr.createElement(re,{footer:rr.createElement($h,{type:"primary",size:"large",prefix:rr.createElement(Dh,null),fullWidth:!0,disabled:r,onClick:n},Y().unknownPriceError.confirmMessage),open:e,onClose:o,container:N()},rr.createElement(_h,{type:"warning",title:Y().unknownPriceError.impactTitle,description:Y().unknownPriceError.description}))}i(cu,"UnknownPriceWarningModal");function No(t){let{warning:e,error:o,showWarningModal:n,confirmationDisabled:r,refetchQuote:s,onOpenWarningModal:a,onCloseWarningModal:l,onConfirmWarningModal:p,onChangeSettings:u}=t,c={confirmationDisabled:r,open:n,onClose:l,onConfirm:p},d=o?.type===0||o?.type===1,m=au(e,o?.type===3||o?.type===4?o:null);return qe.createElement(qe.Fragment,null,d&&qe.createElement(Lo,{error:o,fetch:s}),!!m&&qe.createElement(tu,null,qe.createElement(Uh,{title:m.title,type:m.alertType,variant:"alarm",...m.action==="show-info"&&{action:qe.createElement(nu,{onClick:a},qe.createElement(qh,{size:12,color:"gray"}))},...m.action==="change-settings"&&{action:qe.createElement(Oh,{size:"xxsmall",type:m.alertType,onClick:u},Fh.t("Change"))}})),e&&qe.createElement(qe.Fragment,null,e.type===0&&qe.createElement(su,{...c,warning:e}),(e.type===3||e.type===2)&&qe.createElement(uu,{...c,warning:e}),e.type===1&&qe.createElement(cu,{...c,warning:e})))}i(No,"QuoteWarningsAndErrors");import Cy from"bignumber.js";import yr from"react";import{i18n as _o}from"@lingui/core";import{Alert as ay,Divider as Do,InfoIcon as ly,QuoteTag as py,StepDetails as uy,TokenAmount as cy,Tooltip as Ou,Typography as mo}from"@rango-dev/ui";import ss from"bignumber.js";import P,{useRef as my,useState as dy}from"react";import{styled as Zi}from"@rango-dev/ui";var Ri=Zi("div",{width:"100%","& .position-top__skeleton":{paddingTop:"$10"}}),mu=Zi("div",{paddingBottom:"$15"}),du=Zi("div",{width:"100%",display:"flex"});import*as ir from"@radix-ui/react-collapsible";import{Button as zh,css as Bo,darkTheme as Be,Image as fu,styled as Pe,Typography as Qh}from"@rango-dev/ui";var Hh=300,gu=Pe(ir.Root,{display:"flex",flexDirection:"column",alignItems:"start",overflowX:"auto",overflowY:"hidden",width:"100%",borderRadius:"$xm",variants:{selected:{true:{},false:{$$color:"$colors$neutral400",[`.${Be} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}},listItem:{true:{$$color:"$colors$neutral400",[`.${Be} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"},false:{}}},compoundVariants:[{listItem:!1,selected:!0,css:{$$color:"$colors$info300",[`.${Be} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"}},{listItem:!0,selected:!1,css:{cursor:"pointer","&:hover":{backgroundColor:"$neutral300",[`.${Be} &`]:{backgroundColor:"$neutral400"}}}}]}),hu=Bo({padding:"$10 $15"}),yu=Pe(zh,{backgroundColor:"transparent",border:"1px solid $secondary"}),Su=Pe("div",{borderRadius:"$xm",display:"flex",flexDirection:"column",alignItems:"start",justifyContent:"space-between",color:"$foreground",boxSizing:"border-box",position:"relative",variants:{selected:{true:{},false:{$$color:"$colors$neutral200",[`.${Be} &`]:{$$color:"$colors$neutral500"},backgroundColor:"$$color"}},basic:{true:{borderTopRightRadius:"0",borderTopLeftRadius:"0"}},listItem:{true:{$$color:"$colors$neutral200",[`.${Be} &`]:{$$color:"$colors$neutral500"},backgroundColor:"$$color","&:hover":{backgroundColor:"$neutral300",[`.${Be} &`]:{backgroundColor:"$neutral400"}},cursor:"pointer"},false:{}}},compoundVariants:[{listItem:!0,selected:!0,css:{outline:"1px solid $secondary"}},{listItem:!1,selected:!0,css:{$$color:"$colors$info100",[`.${Be} &`]:{$$color:"$colors$secondary600"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}}},{listItem:!0,selected:!1,css:{cursor:"pointer","&:hover":{backgroundColor:"$neutral300",[`.${Be} &`]:{backgroundColor:"$neutral400"}}}}]}),Cu=Bo({width:"100%",padding:"$15 $15 $10 $15"}),Tu=Bo({display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center",paddingBottom:"$10",position:"relative"}),co=Bo({display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",".blockchainImage":{marginLeft:"-$8"}}),ku=Bo({display:"flex",alignItems:"center",".usd-value":{$$color:"$colors$neutral600",[`.${Be} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),wu=Pe(ir.Trigger,{display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",height:"$36",padding:"$10 $15",boxSizing:"border-box",cursor:"pointer",border:"none",outline:"none",backgroundColor:"transparent",variants:{error:{true:{[`& ${fu}`]:{border:"1px $warning500 solid",borderRadius:"100%"}},false:{[`& ${fu}`]:{border:"1px transparent solid",borderRadius:"100%"}}},selected:{true:{},false:{$$color:"$colors$neutral400",[`.${Be} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}},listItem:{true:{$$color:"$colors$neutral400",[`.${Be} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"},false:{}}},compoundVariants:[{listItem:!1,selected:!0,css:{$$color:"$colors$info300",[`.${Be} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"}}],".blockchains_section":{display:"none"},"@xs":{".blockchains_section":{display:"block"}}}),xu=Pe("div",{width:"18px",height:"18px",borderRadius:"100%",display:"flex",justifyContent:"center",alignItems:"center",border:"1.5px transparent solid",img:{borderRadius:"100%"},variants:{state:{error:{borderColor:"$error500"},warning:{borderColor:"$warning500"}}}}),vu=Pe(_n,{width:"100%",background:"inherit"}),es=Pe("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$2",transition:`all ${Hh}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),cL=Pe("div",{height:"$12",marginLeft:"$10",marginRight:"$10",borderLeft:"1px solid $foreground"}),bu=Pe("div",{display:"flex",justifyContent:"center",margin:"0 $15",borderTop:"1px solid",$$color:"$colors$neutral300",[`.${Be} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color"}),Iu=Pe("div",{width:"$16",height:"$16",justifyContent:"center",alignItems:"center",display:"flex"}),ts=Pe(Qh,{overflow:"hidden",textOverflow:"ellipsis",letterSpacing:.4}),Au=Pe("div",{display:"flex",flexWrap:"wrap"}),os=Pe("div",{width:"18px",height:"18px",borderRadius:"100%",backgroundColor:"$background",cursor:"default",display:"flex",justifyContent:"center",alignItems:"center",border:"1.5px transparent solid",variants:{state:{error:{borderColor:"$error500"},warning:{borderColor:"$warning500"}}}}),Eu=Pe("div",{display:"flex"}),sr=Pe("div",{width:"100%",borderTopWidth:"1px",borderTopStyle:"solid",borderTopColor:"$neutral",margin:"$5 0",[`.${Be} &`]:{borderTopColor:"$neutral400"}});import{i18n as $t}from"@lingui/core";import{ChevronDownIcon as Vh,CloseIcon as jh,Divider as pr,IconButton as Xh,QuoteCost as Kh,Tooltip as Yh,Typography as tt}from"@rango-dev/ui";import X,{useState as Nu}from"react";import{css as Gh,styled as ar}from"@rango-dev/ui";var lr=ar("div",{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"$5 0","&.total_payable_fee":{padding:"$12 0"}}),ns=ar("div",{width:"100%",borderTop:"1px solid $neutral300",margin:"$10 0"}),Wu=ar("div",{padding:"$20 0",display:"flex",flexDirection:"column","& .collapsible_trigger":{display:"flex",alignItems:"center"}}),Lu=ar("div",{padding:"$20 $20 $10",textAlign:"center",position:"relative","._icon-button":{position:"absolute",zIndex:10,top:"$16",right:"$16"}}),Mu=Gh({display:"flex",flexDirection:"row",alignItems:"center",padding:"$5","&:hover":{"& ._typography, & svg":{color:"$secondary"}}});var Jh=i(t=>t.fee.isZero()?null:X.createElement(lr,null,X.createElement(tt,{variant:"label",size:"medium",color:"neutral600"},t.label),X.createElement(tt,{variant:"label",size:"medium"},"$",E(t.fee,4,4))),"NonPayableFee");function Bu(t){let[e,o]=Nu(!1),[n,r]=Nu(!1),{steps:s,quote:a,fee:l,time:p,feeWarning:u,showModalFee:c}=t,d=a?.swaps??[],m=N(),h=Tl(d);return X.createElement(X.Fragment,null,X.createElement(Kh,{onClickFee:c?C=>{C.stopPropagation(),o(!e)}:void 0,fee:l,feeWarning:u,time:p,steps:s,tooltipGas:c?$t.t("View more info"):void 0,tooltipContainer:m}),X.createElement(re,{container:m,open:e,header:X.createElement(Lu,null,X.createElement(tt,{variant:"title",size:"medium"},$t.t("Gas & Fee Explanation")),X.createElement(Xh,{onClick:()=>o(!1),variant:"ghost"},X.createElement(jh,{color:"gray",size:14}))),onClose:()=>{o(!1)}},X.createElement(Wu,null,X.createElement(tt,{variant:"title",size:"small"},$t.t("Details")),X.createElement(pr,{size:10}),Object.entries(h.payable).flatMap(([C,S])=>S.map((y,f)=>{let x=`payable-fee-${f}`,k=fi(y);return X.createElement(lr,{key:x},X.createElement(tt,{variant:"label",size:"medium",color:"neutral600"},li[C]),X.createElement(Yh,{content:le(y.amount),container:m},X.createElement(tt,{variant:"label",size:"medium"},E(y.amount,2,2)," ",y.asset.symbol," ($",E(k,4,4),")")))})),X.createElement(lr,{className:"total_payable_fee"},X.createElement(tt,{variant:"label",size:"medium"},$t.t("Total Payable Fee")),X.createElement(tt,{variant:"label",size:"medium"},"$",E(l,4,4))),X.createElement(ns,null),Object.keys(h.nonePayable).length&&X.createElement(Un,{triggerAnchor:"bottom",onClickTrigger:()=>r(C=>!C),trigger:X.createElement("div",{className:Mu()},X.createElement(tt,{size:"small",variant:"body",color:"neutral700"},n?$t.t("Hide non-payable fees"):$t.t("Show non-payable fees")),X.createElement(pr,{size:4,direction:"horizontal"}),X.createElement(Dn,{orientation:n?"up":"down"},X.createElement(Vh,{size:12,color:"gray"}))),open:n},X.createElement(tt,{size:"small",variant:"title"},$t.t("Description")),X.createElement(pr,{size:4}),X.createElement(tt,{size:"small",variant:"body",color:"neutral700"},$t.t(`The following fees are considered in the transaction output and
|
|
2
|
-
you won\u2019t need to pay extra gas for them.`)),X.createElement(pr,{size:10}),Object.entries(h.nonePayable).map(([C,S],y)=>{let f=Cl(S),x=li[C],k=`non-payable-fee-${y}`;return X.createElement(Jh,{key:k,fee:f,label:x})}),X.createElement(ns,null)))))}i(Bu,"QuoteCostDetails");import{i18n as _u}from"@lingui/core";import{TokenAmount as Du}from"@rango-dev/ui";import ur from"react";import{css as Zh,styled as Rh}from"@rango-dev/ui";var Pu=Rh("div",{position:"relative",display:"flex",flexDirection:"column",width:"100%"}),$u=Zh({height:"14px",marginLeft:"14px",position:"absolute",borderLeft:"1px solid $foreground",top:"42%"});function Po(t){let{from:e,to:o,percentageChange:n,warningLevel:r}=t;return ur.createElement(Pu,null,ur.createElement(Du,{direction:"horizontal",label:_u.t("Swap input"),type:"input",tooltipContainer:N(),price:{value:e.price.value,usdValue:e.price.usdValue,realValue:e.price.realValue,realUsdValue:e.price.realUsdValue},token:{displayName:e.token.displayName,image:e.token.image},chain:{image:e.chain.image}}),ur.createElement("div",{className:$u()}),ur.createElement(Du,{direction:"horizontal",tooltipContainer:N(),label:_u.t("Estimated output"),type:"output",price:{value:o.price.value,usdValue:o.price.usdValue,realValue:o.price.realValue,realUsdValue:o.price.realUsdValue},token:{displayName:o.token.displayName,image:o.token.image},chain:{image:o.chain.image},percentageChange:n,warningLevel:r}))}i(Po,"QuoteSummary");import{i18n as Fu}from"@lingui/core";import{ChevronDownIcon as ry,ChevronRightIcon as iy,Divider as rs,Image as sy,Tooltip as is,Typography as mr}from"@rango-dev/ui";import _ from"react";import{useEffect as ey,useState as ty}from"react";var oy=768,ny=i(()=>{let[t,e]=ty(!1),o=i(()=>{e(window.innerWidth<oy)},"handleResize");return ey(()=>(o(),window.addEventListener("resize",o),()=>window.removeEventListener("resize",o)),[]),t},"useMobileDetect"),cr=ny;var dr=4,fr=6,$o=i(t=>{let e=N(),{content:o,src:n,className:r,open:s,state:a}=t;return _.createElement(is,{container:e,side:"bottom",sideOffset:4,open:s,content:o},_.createElement(xu,{className:r,state:a},_.createElement(sy,{src:n,size:16})))},"ImageComponent");function Uu(t){let{quoteRef:e,selected:o,setExpanded:n,steps:r,expanded:s,type:a}=t,l=N(),p=r.length,u=Dl(r),c=cr();return _.createElement(wu,{listItem:a==="list-item",ref:d=>e.current=d,selected:o,onClick:d=>{d.stopPropagation(),n(m=>!m)}},_.createElement("div",{className:co()},_.createElement(mr,{variant:"body",size:"xsmall"},Fu.t("Via:")),_.createElement(rs,{direction:"horizontal",size:4}),r.map((d,m)=>{let h=`item-${m}`,C=_.createElement(es,null,_.createElement(iy,{size:12,color:"black"}));return c?_.createElement(_.Fragment,null,_.createElement($o,{content:d.swapper.displayName,src:d.swapper.image,state:d.state}),m!==p-1&&_.createElement(_.Fragment,null,C)):_.createElement(_.Fragment,{key:h},p<=dr||p>dr&&m<dr-1?_.createElement(_.Fragment,null,_.createElement($o,{content:d.swapper.displayName,src:d.swapper.image,state:d.state}),m!==p-1&&_.createElement(_.Fragment,null,C)):m===dr-1&&_.createElement(is,{container:l,side:"bottom",align:"right",sideOffset:4,content:_.createElement("div",{className:co()},C,r.map((S,y)=>{let f=`image-${y}`;return y>=m&&_.createElement(_.Fragment,{key:f},_.createElement($o,{content:S.swapper.displayName,src:S.swapper.image,state:S.state,open:!1}),y!==p-1&&_.createElement(_.Fragment,null,C))}))},_.createElement(os,{state:r.find((S,y)=>y>=m&&(S.state==="error"||S.state==="warning"))?.state},_.createElement(mr,{size:"xsmall",variant:"body"},"+",p-m))))})),_.createElement("div",{className:co()},_.createElement("div",{className:"blockchains_section"},_.createElement("div",{className:co()},_.createElement(mr,{variant:"body",size:"xsmall"},Fu.t("Chains:")),_.createElement(rs,{direction:"horizontal",size:4}),u.map((d,m)=>_.createElement(_.Fragment,null,u.length<=fr||u.length>fr&&m<fr-1?_.createElement($o,{key:d.displayName,content:"",src:d.image,open:!1,className:m!==0?"blockchainImage":""}):m===fr-1&&_.createElement(is,{container:l,side:"bottom",align:"right",sideOffset:4,content:_.createElement("div",{className:co()},u.map((h,C)=>C>=m&&_.createElement($o,{key:h.displayName,content:"",src:h.image,open:!1,className:C>m?"blockchainImage":""})))},_.createElement(os,{className:"blockchainImage"},_.createElement(mr,{size:"xsmall",variant:"body"},"+",u.length-m))))),_.createElement(rs,{direction:"horizontal",size:32}))),_.createElement(es,{orientation:s?"up":"down"},_.createElement(ry,{size:12,color:"black"}))))}i(Uu,"QuoteTrigger");function as(t){let{quote:e,input:o,output:n,error:r,warning:s,type:a,selected:l=!1,tagHidden:p=!0,showModalFee:u=!0,onClickAllRoutes:c}=t,d=g().blockchains(),m=g().tokens(),h=g().swappers(),[C,S]=dy(t.expanded),y=my(null),f=E(o.value,6,6),x=E(n.value,6,6),k=n.usdValue?E(n.usdValue,4,4):"",v=je(o.usdValue,n.usdValue??null),I=E(v,2,2),b=yt(v??0),w=i(V=>V.map((A,M)=>{let ce,H=r?.type===3&&r.swap.swapperId===A.swapperId||r?.type===4&&r.recommendedSlippages?.has(M),j=s?.type===2&&s.recommendedSlippages?.has(M);H?ce="error":j&&(ce="warning");let Se=H?_o.t("Slippage Error"):_o.t("Slippage Warning");return r?.type===3&&(Se=r?.recommendation),{swapper:{displayName:vo(A.swapperId,h),image:A.swapperLogo},from:{token:{displayName:A.from.symbol,image:A.from.logo},chain:{displayName:Ve(A.from.blockchain,d),image:A.from.blockchainLogo},price:{value:M===0?E(o.value,6,6):E(A.fromAmount,6,6),usdValue:E((A.from.usdPrice??0)*parseFloat(A.fromAmount),4,4),realValue:le(M===0?o.value:A.fromAmount),realUsdValue:le(new ss(A.from.usdPrice??0).multipliedBy(A.fromAmount))}},to:{token:{displayName:A.to.symbol,image:A.to.logo},chain:{displayName:Ve(A.to.blockchain,d),image:A.to.blockchainLogo},price:{value:E(A.toAmount,6,6),usdValue:E((A.to.usdPrice??0)*parseFloat(A.toAmount),4,4),realValue:le(A.toAmount),realUsdValue:le(new ss(A.to.usdPrice??0).multipliedBy(A.toAmount))}},state:ce,alerts:H||j?P.createElement(mu,null,P.createElement(ay,{variant:"alarm",type:H?"error":"warning",title:Se,footer:P.createElement(du,null,r?.type===3&&P.createElement(P.Fragment,null,P.createElement(mo,{size:"xsmall",variant:"body",color:"neutral900"},r.fromAmountRangeError),P.createElement(Do,{direction:"horizontal",size:8}),P.createElement(mo,{size:"xsmall",variant:"body",color:"neutral900"},"|"),P.createElement(Do,{direction:"horizontal",size:8}),P.createElement(mo,{size:"xsmall",variant:"body",color:"neutral900"},_o.t({id:"Yours: {amount} {symbol}",values:{amount:E(A.fromAmount,6,6),symbol:A?.from.symbol}}))),(r?.type===4||s?.type===2)&&P.createElement(mo,{size:"xsmall",variant:"body",color:"neutral900"},_o.t({id:"Minimum required slippage is {minRequiredSlippage}",values:{...r?.type===4&&{minRequiredSlippage:r.recommendedSlippages?.get(M)},...s?.type===2&&{minRequiredSlippage:s.recommendedSlippages?.get(M)}}})))})):void 0}}),"getQuoteSteps")(e?.swaps??[]),W=w.length,L=N(),B=Ul(t.quote.tags||[]),q=!!c,ae=sn(an(e?.swaps)),fe=An(e?.swaps??[],m),D=E(fe,2,2);return P.createElement(P.Fragment,null,P.createElement(Su,{selected:l,listItem:a==="list-item",basic:a==="basic"},P.createElement("div",{className:Cu()},!p&&B.length?P.createElement(P.Fragment,null,P.createElement(Eu,null,B.map((V,A)=>{let M=`${V.value}_${A}`;return P.createElement(P.Fragment,null,P.createElement(py,{label:V.label,key:M,value:V.value}),P.createElement(Do,{size:4,direction:"horizontal"}))})),P.createElement(sr,null),!q&&P.createElement(Do,{size:4})):null,P.createElement("div",{id:"portal-root",className:Tu()},P.createElement(Bu,{quote:e,time:ae,fee:D,feeWarning:fe.gte(new ss(ml)),showModalFee:u,steps:W}),q&&P.createElement(yu,{onClick:V=>{V.stopPropagation(),c()},size:"xxsmall",type:"secondary",variant:"default"},P.createElement(mo,{color:"secondary",variant:"label",size:"medium"},_o.t("See All Routes")))),a==="basic"&&P.createElement("div",{className:ku()},P.createElement(Iu,null,P.createElement(ly,{size:12,color:"gray"})),P.createElement(Au,null,P.createElement(ts,{size:"small",variant:"body"},`${f} ${w[0].from.token.displayName} = `),P.createElement(Ou,{content:le(n.value),container:L,open:n.value?void 0:!1},P.createElement(ts,{size:"small",variant:"body"},"\xA0",`${x} ${w[w.length-1].to.token.displayName}`))),P.createElement(Ou,{content:le(n.usdValue),container:L,style:{display:"flex"}},P.createElement(mo,{color:"$neutral600",ml:2,size:"xsmall",variant:"body"},`($${k})`))),a==="list-item"&&P.createElement(cy,{tooltipContainer:L,type:"output",direction:"vertical",price:{value:x,usdValue:k,realValue:le(n.value),realUsdValue:le(n.usdValue)},token:{displayName:w[W-1].to.token.displayName,image:w[W-1].to.token.image},chain:{image:w[W-1].to.chain.image},percentageChange:I,warningLevel:b}),a==="swap-preview"&&P.createElement(P.Fragment,null,P.createElement(Po,{from:w[0].from,to:w[W-1].to,percentageChange:I,warningLevel:b}),P.createElement(Do,{size:4}))),P.createElement(gu,{selected:l,listItem:a==="list-item",open:C,onOpenChange:S},P.createElement(Uu,{type:a,quoteRef:y,selected:l,setExpanded:S,expanded:C,steps:w}),P.createElement(vu,{open:C},P.createElement(bu,null),P.createElement("div",{className:hu()},w.map((V,A)=>{let M=`item-${A}`;return P.createElement(uy,{type:"quote-details",key:M,tooltipContainer:L,step:V,hasSeparator:A!==w.length-1,state:V.state})}))))))}i(as,"Quote");import{Divider as yy,Skeleton as Sy}from"@rango-dev/ui";import Tt from"react";import{darkTheme as fy,styled as gr}from"@rango-dev/ui";var qu=gr("div",{$$color:"$colors$neutral100",[`.${fy} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",borderBottomLeftRadius:"$xm",borderBottomRightRadius:"$xm",padding:"$15 ",variants:{rounded:{true:{borderRadius:"$xm"}}}}),zu=gr("div",{paddingTop:"$2"}),Qu=gr("div",{paddingLeft:"$8"}),Hu=gr("div",{borderLeft:"1px dashed black",minHeight:" 0",margin:"0px 11.5px",alignSelf:"stretch",variants:{hideSeparator:{true:{minHeight:"unset",height:"0"}}}});import{ChainToken as ec,Divider as mt,Skeleton as ze}from"@rango-dev/ui";import O from"react";import{css as gy,styled as Ct}from"@rango-dev/ui";var ls=Ct("div",{display:"flex"}),Gu=Ct("div",{padding:"$10 $0 $20"}),Vu=Ct("div",{padding:"$12 $0 $20 $0",display:"flex",flexDirection:"column"}),ju=Ct("div",{display:"flex",justifyContent:"start",alignItems:"center"}),Xu=Ct("div",{display:"flex",justifyContent:"space-between",alignItems:"end"}),Ku=Ct("div",{height:"$28",marginLeft:"13px",borderLeft:"1px solid $neutral700"}),Yu=Ct("div",{width:"65%",display:"flex",justifyContent:"start"}),Ju=Ct("div",{display:"flex",flexDirection:"column",alignItems:"start",flexGrow:1,maxWidth:"148px"}),Zu=Ct("div",{padding:"$15 $0 $15 $0"}),Ru=gy({display:"flex",justifyContent:"space-between",alignItems:"center"});function Fo(t){let{type:e,tagHidden:o=!0}=t,n=O.createElement(Xu,null,O.createElement(Yu,null,O.createElement(ec,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),O.createElement(mt,{size:8,direction:"horizontal"}),O.createElement(Ju,null,O.createElement(ze,{height:10,width:60,variant:"rounded"}),O.createElement(mt,{size:4}),O.createElement(ze,{height:15,variant:"rounded"}))),O.createElement(ze,{height:12,width:64,variant:"rounded"})),r=e==="basic"&&!o;return O.createElement("div",null,!o&&O.createElement(O.Fragment,null,O.createElement(ls,null,O.createElement(ze,{width:65,height:14,variant:"rounded"}),O.createElement(mt,{size:4,direction:"horizontal"}),O.createElement(ze,{width:65,height:14,variant:"rounded"}),O.createElement(mt,{size:4,direction:"horizontal"}),O.createElement(ze,{width:65,height:14,variant:"rounded"})),O.createElement(sr,null),!r&&O.createElement(mt,{size:4})),O.createElement("div",{className:Ru()},O.createElement(ls,null,O.createElement(ze,{width:60,height:10,variant:"rounded"}),O.createElement(mt,{size:4,direction:"horizontal"}),O.createElement(ze,{width:60,height:10,variant:"rounded"}),O.createElement(mt,{size:4,direction:"horizontal"}),O.createElement(ze,{width:60,height:10,variant:"rounded"})),r&&O.createElement(ze,{width:100,height:22,variant:"rounded"})),e==="basic"&&O.createElement(Gu,null,O.createElement(ze,{height:15,width:148,variant:"rounded"})),e==="list-item"&&O.createElement(Vu,null,O.createElement(ju,null,O.createElement(ec,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),O.createElement(mt,{direction:"horizontal",size:4}),O.createElement(ze,{height:15,width:150,variant:"rounded"})),O.createElement(mt,{size:10}),O.createElement(ze,{height:10,width:184,variant:"rounded"})),e==="swap-preview"&&O.createElement(O.Fragment,null,O.createElement(mt,{size:4}),O.createElement(Zu,null,n,O.createElement(Ku,null),n)))}i(Fo,"QuoteSummarySkeleton");import{ChainToken as ic,Divider as us,NextIcon as hy,Skeleton as hr}from"@rango-dev/ui";import ye from"react";import{styled as Uo}from"@rango-dev/ui";var tc=Uo("div",{display:"flex",alignItems:"start"}),oc=Uo("div",{flexGrow:1,paddingTop:"$5",paddingBottom:"$10",display:"flex",alignItems:"center"}),ps=Uo("div",{display:"flex",alignItems:"center",flexGrow:1}),nc=Uo("div",{margin:"$0 $2",padding:"$4",display:"flex",justifyContent:"center",alignItems:"center"}),rc=Uo("div",{display:"flex",alignItems:"center"});function dt(t){let{separator:e=!0}=t;return ye.createElement(ye.Fragment,null,ye.createElement(rc,null,ye.createElement(hr,{height:22,width:22,variant:"circular"}),ye.createElement(us,{direction:"horizontal",size:8}),ye.createElement(hr,{height:15,width:148,variant:"rounded"})),ye.createElement(tc,null,ye.createElement(Hu,{hideSeparator:!e}),ye.createElement(oc,null,ye.createElement(ps,null,ye.createElement(ic,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ye.createElement(us,{direction:"horizontal",size:8}),ye.createElement(hr,{height:12,variant:"rounded"})),ye.createElement(nc,null,ye.createElement(hy,{color:"gray",size:16})),ye.createElement(ps,null,ye.createElement(ic,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ye.createElement(us,{direction:"horizontal",size:8}),ye.createElement(hr,{height:12,variant:"rounded"})))))}i(dt,"StepSkeleton");function Oo(t){let{type:e,expanded:o,tagHidden:n=!1}=t;return Tt.createElement(qu,{rounded:e!=="basic"},Tt.createElement(Fo,{type:e,tagHidden:n}),Tt.createElement(zu,null,Tt.createElement(Sy,{height:15,variant:"rounded"})),o&&Tt.createElement(Qu,null,Tt.createElement(yy,{size:20}),Tt.createElement(dt,null),Tt.createElement(dt,null),Tt.createElement(dt,{separator:!1})))}i(Oo,"QuoteSkeleton");function Yt(t){let{quote:e,type:o,loading:n,error:r,warning:s,expanded:a=!1,tagHidden:l,onClick:p,showModalFee:u,selected:c,onClickAllRoutes:d}=t,{inputAmount:m,inputUsdValue:h,toToken:C}=Q(),S=e?.outputAmount?new Cy(e?.outputAmount):null,y=e?.outputAmount?Wn(e?.outputAmount,Ln(e)||C?.usdPrice):null,x=!(r&&(r.type===0||r.type===1))&&e&&!n;return n?yr.createElement(Ri,null,yr.createElement(Oo,{tagHidden:l,type:o,expanded:a})):x?yr.createElement(Ri,{onClick:()=>p?.(e)},yr.createElement(as,{quote:e,error:r,showModalFee:u,warning:s,tagHidden:l,selected:c,type:o,expanded:a,onClickAllRoutes:d,input:{value:m,usdValue:h?.toString()??""},output:{value:S?.toString()??"",usdValue:y?.toString()??""}})):null}i(Yt,"QuoteInfo");import{calculatePendingSwap as wy}from"@rango-dev/queue-manager-rango-preset";import{useEffect as xy}from"react";import{useRef as Ty,useState as ky}from"react";function Sr({request:t}){let[e,o]=ky(!1),n=Ty(null),r=i(()=>n.current?.abort(),"cancelFetch");return{fetch:i(async a=>{r(),n.current=new AbortController,o(!0);try{let l=await t(a,{signal:n.current.signal});return n.current=null,l}catch(l){throw l}finally{o(!1)}},"fetch"),loading:e,cancelFetch:r}}i(Sr,"useFetch");function sc(){let{fetch:t,loading:e,cancelFetch:o}=Sr({request:async(n,r)=>await At().confirmRouteRequest(n,r)});return{fetch:t,loading:e,cancelFetch:o}}i(sc,"useFetchConfirmQuote");function Cr(t){if(!t.swaps)throw new Error(Y().noResultError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});let e=cs(t.swaps);if(e)throw new Error(e.message,{cause:e.options})}i(Cr,"throwErrorIfResponseIsNotValid");function cs(t){if(hl(t)){let{swap:n,recommendation:r,fromAmountRangeError:s}=yl(t);return{message:"bridge limit error",options:{type:3,swap:n,recommendation:r,fromAmountRangeError:s}}}let o=kl(t);if(o){let n=En(t);return{message:"",options:{type:4,recommendedSlippages:o,minRequiredSlippage:n}}}return null}i(cs,"getQuoteError");function ac(t,e,o){let n=!1;t&&(n=$l(t,e));let r={quote:null,quoteUpdate:null,balance:null},s=to(e,{fromToken:o.fromToken,toToken:o.toToken,tokens:o.meta.tokens,userSlippage:o.userSlippage});s&&(r.quote=s),t&&n&&(Al(t,e)?r.quoteUpdate={type:3,newOutputAmount:E(eo(e)),percentageChange:E(je(eo(t)??"",eo(e)??""),null,2)}:gi(t,e)?r.quoteUpdate={type:0}:hi(t,e)?r.quoteUpdate={type:1}:yi(t,e)&&(r.quoteUpdate={type:2}));let a=El(e,o.selectedWallets,o.meta.blockchains);return a.length===0||(r.balance={messages:a}),r}i(ac,"generateWarnings");function Tr(t){return t?.code==="ERR_CANCELED"?{swap:null,error:{type:2},warnings:null}:t.cause?{swap:null,error:t.cause,warnings:null}:{swap:null,error:{type:1},warnings:null}}i(Tr,"handleQuoteErrors");function ms(){let{fromToken:t,toToken:e,inputAmount:o,setSelectedQuote:n,selectedQuote:r,customDestination:s,setQuoteWarningsConfirmed:a,resetAlerts:l}=Q(),{slippage:p,customSlippage:u}=g(),c=g().getDisabledLiquiditySources(),d=g().blockchains(),m=g().tokens(),h=u||p,{fetch:C,cancelFetch:S,loading:y}=sc();return xy(()=>S,[]),{loading:y,fetch:i(async x=>{let k=x.selectedWallets,v=x?.customDestination??s;if(!t||!e||!o)return{quote:null,swap:null,error:null,warnings:null};let I=k.reduce((T,w)=>(T[w.chain]=w.address,T),{}),b={requestId:r?.requestId||"",selectedWallets:I,destination:v||void 0};try{return await C(b).then(T=>{let{result:w}=T;Cr({diagnosisMessages:w.diagnosisMessages,requestId:w.requestId,swaps:w.result?.swaps});let W={outputAmount:w.result?.outputAmount,requestId:w.requestId,resultType:w.result?.resultType,swaps:w.result?.swaps||[],validationStatus:w.validationStatus,requestAmount:w.requestAmount};n(W);let L={slippage:h.toString(),disabledSwappersGroups:c},B=wy(o.toString(),w,bl(k),L,!1,{blockchains:d,tokens:m}),q=ac(r??void 0,W,{fromToken:t,toToken:e,meta:{blockchains:d,tokens:m},selectedWallets:k,userSlippage:h});return q.quoteUpdate&&a(!1),l(),{quote:W,swap:B,error:null,warnings:q}})}catch(T){return Tr(T)}},"fetch"),cancelFetch:S}}i(ms,"useConfirmSwap");var _y=Ay("div",{width:"100%",display:"flex",justifyContent:"space-between",[`& ${pc}`]:{width:"$48",height:"$48"}}),Dy=fs({flexGrow:1,paddingRight:"$10"}),Fy=fs({width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"}),Uy=fs({display:"flex",justifyContent:"space-between",alignItems:"center"});function uc(){let{selectedQuote:t,setInputAmount:e,selectedWallets:o,quoteWalletsConfirmed:n,setQuoteWalletConfirmed:r,customDestination:s,quoteWarningsConfirmed:a}=Q(),l=$y(),p=Py(),[u,c]=wr(""),{connectedWallets:d}=K(),m=!n,[h,C]=wr(!1),{isActiveTab:S}=ee(),y=g().getDisabledLiquiditySources(),f=Ny(y),{manager:x}=vy(),{fetch:k,loading:v,cancelFetch:I}=ms(),[b,T]=wr({swap:null,error:null,warnings:null}),[w,W]=wr(!1),L=i(async({selectedWallets:M,customDestination:ce})=>{let H=await k?.({selectedWallets:M,customDestination:ce});return T(H),H},"onConfirmSwap"),B=i(async()=>{if(b.swap&&n)try{await x?.create("swap",{swapDetails:b.swap},{id:b.swap.requestId});let M=`../${F.swaps}/${b.swap.requestId}`;l(M,{replace:!0}),setTimeout(()=>{e("")},0)}catch(M){c("Error: "+M?.message)}},"addNewSwap"),q=i(async()=>{await B()},"onConfirm"),ae=i(async()=>{b?.warnings?.quote&&!a?W(!0):await q()},"onStartConfirmSwap"),fe=i(async()=>{T({error:null,swap:null,warnings:null}),k({selectedWallets:o,customDestination:s}).then(M=>{T(M)}).catch(M=>console.error(M))},"onRefresh");qo(()=>{!!f.current.length&&!y.length&&fe(),f.current=y},[y.length]),qo(()=>{m&&I()},[m]),qo(()=>{m&&C(m)},[m]),qo(()=>{m||k({selectedWallets:o,customDestination:s}).then(M=>T(M)).catch(M=>console.error(M))},[]),qo(()=>{let M=b.warnings?.quote?.type&&Object.values(Wt).includes(b.warnings?.quote?.type),ce=o.length<1||!o.every(j=>d.find(Se=>j.address===Se.address&&j.walletType===Se.walletType&&j.chain===Se.chain)),H=!1;if(M){let j=xn(t?.swaps||null),Se=t?.swaps[t.swaps.length-1].to.blockchain;!!t?.swaps.find(gt=>gt.from.blockchain===Se)||(j=j.slice(-j.length,j.length-1)),j.every(gt=>o.find(G=>G.chain===gt))||(H=!0)}t&&(ce||H)&&(queueMicrotask(()=>By(C.bind(null,!0))),r(!1))},[b.warnings?.quote,o.length,d.length]),My(()=>{t||l(`../${p.search}`)},[]);let D=b.warnings?.quote??null,V=b.error,A=[];if(u&&A.push(pe.createElement(lc,{type:"error",variant:"alarm",title:u})),b.warnings?.quoteUpdate&&A.push(pe.createElement(lc,{variant:"alarm",type:"warning",title:b.warnings.quoteUpdate&&Pn(b.warnings.quoteUpdate)})),D||V){let M=`../${F.settings}`;A.push(pe.createElement(No,{warning:D,error:V,refetchQuote:fe,showWarningModal:w,confirmationDisabled:!S,onOpenWarningModal:()=>W(!0),onCloseWarningModal:()=>W(!1),onConfirmWarningModal:async()=>{W(!1),await B()},onChangeSettings:()=>l(M)}))}return pe.createElement(ne,{header:{title:kr.t("Confirm Swap"),onWallet:()=>{let M=`../${F.wallets}`;l(M)},suffix:pe.createElement(Ey,{container:N(),side:"bottom",content:kr.t("Settings")},pe.createElement(Ke,{size:"small",variant:"ghost",onClick:()=>l("../"+F.settings)},pe.createElement(Iy,{size:18,color:"black"})))},footer:pe.createElement(_y,null,pe.createElement("div",{className:Dy()},pe.createElement(by,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:v,disabled:!!b.error||!S,onClick:ae},kr.t("Start Swap"))),pe.createElement(pc,{variant:"contained",type:"primary",size:"large",loading:v,onClick:C.bind(null,!0)},pe.createElement(Ly,{size:24})))},h&&pe.createElement(jp,{open:h,onClose:()=>C(!1),onCancel:I,loading:v,onCheckBalance:L}),pe.createElement(ie,null,pe.createElement("div",{className:Uy()},pe.createElement(Wy,{variant:"title",size:"small"},kr.t("You get")),pe.createElement("div",{className:Fy()},pe.createElement(Kn,{onClick:!v&&!h&&!w?fe:void 0}))),pe.createElement(ds,{size:"12"}),ip(A,pe.createElement(ds,{size:10})),A.length>0?pe.createElement(ds,{size:10}):null,pe.createElement(Yt,{quote:t,type:"swap-preview",expanded:!0,selected:!0,tagHidden:!0,error:b.error,loading:v,warning:b.warnings?.quote??null})))}i(uc,"ConfirmSwapPage");import{i18n as vr}from"@lingui/core";import{useManager as tS}from"@rango-dev/queue-manager-react";import{Divider as kc,NotFound as oS,styled as nS}from"@rango-dev/ui";import wt,{useState as rS}from"react";import{useNavigate as iS}from"react-router-dom";import{i18n as zy}from"@lingui/core";import{Divider as gc,GroupedVirtualizedList as Qy,Skeleton as Hy,SwapListItem as hc,Typography as Gy}from"@rango-dev/ui";import $e,{useCallback as yc,useEffect as Vy,useRef as jy,useState as Xy}from"react";function cc(t,e){let o=[],n=0;do{let r=t[n];o.push(Math.min(r,e)),e-=r,n++}while(e>0&&n<=t.length);return o}i(cc,"calculateGroupsSoFar");import{css as Oy,darkTheme as qy,styled as zo}from"@rango-dev/ui";var gs=Oy(),mc=zo("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$5"}),hs=zo("div",{width:"100%",display:"flex",flexDirection:"column",backgroundColor:"$background",padding:"$10 $5 0 $5",[`& .${gs}`]:{$$color:"$colors$neutral600",[`.${qy} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),ys=zo("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),dc=zo("div",{gap:"$10",display:"flex",flexDirection:"column"}),fc=zo("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});var Ky=10;function Ss(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,[s,a]=Xy([]),l=jy(0),{swaps:p,groupCounts:u,groups:c}=n(e),d=yc(cc,[]),m=yc(()=>{let h=e.length-l.current;h&&(l.current+=Math.min(h,Ky),a(d(u,l.current)))},[e.length]);if(Vy(()=>{r||m()},[r,m]),r){let h=[1,2];return $e.createElement($e.Fragment,null,[h,h].map((S,y)=>$e.createElement(hs,{key:y},$e.createElement(ys,null,$e.createElement(Hy,{variant:"text",width:60,size:"small"}),$e.createElement(gc,{size:16})),$e.createElement(gc,{size:4}),$e.createElement(dc,null,S.map((x,k)=>$e.createElement(hc,{isLoading:!0,key:k}))))))}return $e.createElement(Qy,{endReached:()=>{l.current<e.length&&m()},groupCounts:s,groupContent:h=>$e.createElement(hs,null,$e.createElement(ys,null,$e.createElement(Gy,{variant:"label",size:"medium",className:gs()},c[h]))),itemContent:(h,C)=>{let S=p[h];if(!S)return null;let y=S.steps[0],f=S.steps[S.steps.length-1];return $e.createElement(mc,{key:S.requestId},$e.createElement(hc,{requestId:S.requestId,creationTime:S.creationTime,status:S.status,onClick:o,tooltipContainer:N(),onlyShowTime:c[C]===zy.t("Today"),swapTokenData:{from:{token:{image:y.fromLogo,displayName:y.fromSymbol},blockchain:{image:y.fromBlockchainLogo||""},amount:E(S.inputAmount,6,6),realAmount:le(S.inputAmount)},to:{token:{image:f.toLogo,displayName:f.toSymbol},blockchain:{image:f.toBlockchainLogo||""},amount:E(f.outputAmount||f.expectedOutputAmountHumanReadable||"",6,6),realAmount:le(f.outputAmount||f.expectedOutputAmountHumanReadable)}}}))}})}i(Ss,"HistoryGroupedList");import{CloseIcon as Jy,IconButton as Zy,SearchIcon as Ry,TextField as eS}from"@rango-dev/ui";import Qo from"react";import{styled as Yy}from"@rango-dev/ui";var Sc=Yy("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function kt(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:s,value:a,setValue:l,...p}=t;return Qo.createElement(eS,{prefix:Qo.createElement(Sc,null,Qo.createElement(Ry,{color:"black"})),suffix:!!a.length&&Qo.createElement(Zy,{variant:"ghost",onClick:()=>l?.(""),size:"small"},Qo.createElement(Jy,{color:"gray",size:10})),fullWidth:o,color:n,variant:e,style:{padding:10,borderRadius:25,alignItems:"center"},size:r,value:a,onChange:s,...p})}i(kt,"SearchInput");import{i18n as xr}from"@lingui/core";import Cc from"dayjs";var Tc=i(t=>{let e=new Map([["today",{title:xr.t("Today"),swaps:[]}],["week",{title:xr.t("This week"),swaps:[]}],["month",{title:xr.t("This month"),swaps:[]}],["year",{title:xr.t("This year"),swaps:[]}]]);function o(p,u){e.has(p)||e.set(p,{title:p,swaps:[]}),e.get(p)?.swaps.push(u)}i(o,"addYearsToOutput");let n=Cc();t.forEach(p=>{let u=Number(p.creationTime),c=Cc(u);if(n.isSame(c,"day"))e.get("today")?.swaps.push(p);else if(n.isSame(c,"week"))e.get("week")?.swaps.push(p);else if(n.isSame(c,"month"))e.get("month")?.swaps.push(p);else if(n.isSame(c,"year"))e.get("year")?.swaps.push(p);else{let d=new Date(u).getFullYear().toString();o(d,p)}});let r=Array.from(e.values()).filter(p=>p.swaps.length>0),s=r.flatMap(p=>p.swaps),a=r.map(p=>p.swaps.length),l=r.map(p=>p.title);return{swaps:s,groupCounts:a,groups:l}},"groupSwapsByDate");var sS=nS("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),aS=i((t,e)=>t?.length?t.filter(o=>at(o.fromBlockchain,e)||at(o.toBlockchain,e)||at(o.toSymbol,e)||at(o.fromSymbol,e)).length:!1,"isStepContainsText");function wc(){let t=iS(),{manager:e,state:o}=tS(),n=Nt(e).map(({swap:c})=>c),[r,s]=rS(""),a=!o.loadedFromPersistor,l=i(c=>{let d=c.target.value;s(d)},"searchHandler"),p=n;r&&(p=n.filter(c=>at(c.inputAmount,r)||at(c.status,r)||aS(c.steps,r)||at(c.requestId,r)));let u=!p?.length&&!a;return wt.createElement(ne,{header:{title:vr.t("History")}},wt.createElement(ie,null,wt.createElement(kt,{setValue:s,fullWidth:!0,variant:"contained",placeholder:vr.t("Search Transaction"),autoFocus:!0,onChange:l,value:r}),wt.createElement(kc,{size:"16"}),wt.createElement(sS,null,u&&wt.createElement(fc,null,wt.createElement(kc,{size:32}),wt.createElement(oS,{title:vr.t("No results found"),description:r?vr.t("Try using different keywords"):""})),!u&&wt.createElement(Ss,{list:p,onSwapClick:t,groupBy:Tc,isLoading:a}))))}i(wc,"HistoryPage");import{i18n as bS}from"@lingui/core";import{Button as IS,Divider as Fc,styled as AS,WarningIcon as ES}from"@rango-dev/ui";import Fe,{useEffect as Uc,useState as Oc}from"react";import{useNavigate as WS}from"react-router-dom";import{i18n as dS}from"@lingui/core";import{Header as fS}from"@rango-dev/ui";import _t,{useEffect as gS,useState as hS}from"react";import{i18n as pS}from"@lingui/core";import{Divider as Ts,Typography as uS}from"@rango-dev/ui";import me from"react";import{styled as Cs}from"@rango-dev/ui";var xc=Cs("div",{display:"flex",justifyContent:"center",flexDirection:"column",height:"100%"}),vc=Cs("div",{display:"flex",justifyContent:"space-between",alignItems:"center"}),bc=Cs("div",{width:"146px"});import{Select as lS}from"@rango-dev/ui";import Ic from"react";function br(t){let{updateQuotePartialState:e,sortStrategy:o}=Q();return Ic.createElement(bc,null,Ic.createElement(lS,{container:t.container,options:pi,value:pi.find(n=>n.value===o),handleItemClick:n=>{e("sortStrategy",n.value)}}))}i(br,"SelectStrategy");var cS=3;function Ho(t){let{loading:e,onClickOnQuote:o,fetch:n,showModalFee:r,hasSort:s=!0}=t,{selectedQuote:a,quotes:l,updateQuotePartialState:p,fromToken:u,toToken:c,sortStrategy:d,error:m}=Q(),{slippage:h,customSlippage:C}=g(),S=g().tokens(),y=!!l&&l.results.length,f=C??h,x=i(I=>{if(!u||!c||!l)return null;let b={requestAmount:l.requestAmount,...I};return to(b,{fromToken:u,toToken:c,userSlippage:f,tokens:S})},"getQuoteWarning"),k=m?.type===0||m?.type===1,v=l?.results?Mn(d,l?.results):[];return me.createElement(me.Fragment,null,e&&Array.from({length:cS},(I,b)=>me.createElement(me.Fragment,{key:b},me.createElement(Oo,{tagHidden:!1,type:"list-item",expanded:!1}),me.createElement(Ts,{size:16}))),!e&&me.createElement(me.Fragment,null,s&&me.createElement(me.Fragment,null,me.createElement(vc,null,me.createElement(uS,{size:"xmedium",variant:"title"},pS.t("Sort by")),me.createElement(br,{container:N()})),me.createElement(Ts,{size:"10"})),y?v.map(I=>{let b=x(I),T=cs(I.swaps);return me.createElement(me.Fragment,{key:I.requestId},me.createElement(Yt,{showModalFee:r,selected:a?.requestId===I.requestId,tagHidden:!1,quote:{...I,requestAmount:l.requestAmount},loading:e,error:T?.options||null,warning:b,onClick:w=>{T||p("warning",b),p("error",T?.options||null),o(w)},type:"list-item"}),me.createElement(Ts,{size:16}))}):k&&me.createElement(xc,null,me.createElement(Lo,{error:m,fetch:n}))))}i(Ho,"Quotes");import{darkTheme as mS,styled as Ac}from"@rango-dev/ui";var Ec=Ac("div",{transition:"width 0.2s, opacity 0.2s, margin-left 0.2s",height:"700px",width:"390px",opacity:1,marginLeft:"$16",backgroundColor:"$neutral100",[`.${mS} &`]:{backgroundColor:"$neutral300"},"&.is-hidden":{width:0,opacity:0,marginLeft:0}}),Wc=Ac("div",{position:"relative",overflow:"hidden",padding:"$20",flexGrow:1,display:"flex",flexDirection:"column",overflowY:"auto",borderRadius:"$primary",backgroundColor:"$background"});var yS=100;function ks(t){let{fetch:e,loading:o,onClickOnQuote:n,onClickRefresh:r,isVisible:s}=t,[a,l]=hS(!1),p=a?"":"is-hidden";return gS(()=>{let u=null;return s?u=setTimeout(()=>{l(!0)},yS):(l(!1),u&&clearTimeout(u)),()=>{u&&clearTimeout(u)}},[s]),_t.createElement(Ec,{className:`${p} ${Zn()}`,id:Te.EXPANDED_BOX_ID},_t.createElement(fS,{title:dS.t("Routes"),suffix:_t.createElement(_t.Fragment,null,_t.createElement(br,{container:Va()}),_t.createElement(Gt,{onClickRefresh:r,hidden:["history","notifications","settings"]}))}),_t.createElement(Wc,null,_t.createElement(Ho,{showModalFee:!1,fetch:e,hasSort:!1,loading:o,onClickOnQuote:n})))}i(ks,"ExpandedQuotes");import{i18n as $c}from"@lingui/core";import{SwapInput as _c}from"@rango-dev/ui";import Go from"react";import{ReverseIcon as SS,styled as Lc}from"@rango-dev/ui";import ws from"react";var CS=Lc("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),TS=Lc("div",{borderRadius:"$md",border:"3px solid $background",background:"$neutral100",width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center",color:"$foreground","&:hover":{color:"$secondary500"}});function Mc(){let t=Q.use.switchFromAndTo();return ws.createElement(CS,null,ws.createElement(TS,{onClick:()=>{t()}},ws.createElement(SS,{size:12})))}i(Mc,"SwitchFromAndToButton");import{styled as Nc}from"@rango-dev/ui";var Bc=Nc("div",{display:"flex",flexDirection:"column",gap:"$5",alignSelf:"stretch"}),Pc=Nc("div",{position:"relative"});function xs(t){let{fetchingQuote:e,fetchMetaStatus:o,onClickToken:n}=t,{fromToken:r,fromBlockchain:s,toToken:a,toBlockchain:l,setInputAmount:p,inputAmount:u,inputUsdValue:c,outputAmount:d,outputUsdValue:m,selectedQuote:h}=Q(),{connectedWallets:C,getBalanceFor:S}=K(),y=r?S(r):null,f=dn(y)?.amount??"0",x=s&&r?E(y?.amount,y?.decimals):"0",k=!!s&&_a(C,s.name),v=!di(h,u,c),I=!di(h,u,m),b=!c||!m||!m.gt(0)?null:je(c.toString(),m.toString());return Go.createElement(Bc,null,Go.createElement(Pc,null,Go.createElement(_c,{label:$c.t("From"),mode:"From",onInputChange:p,balance:f,chain:{displayName:s?.displayName||"",image:s?.logo||""},token:{displayName:r?.symbol||"",image:r?.image||""},onClickToken:()=>n("from"),price:{value:u,usdValue:v?void 0:E(c,4,4),realUsdValue:v?void 0:le(c),error:v?Y().unknownPriceError.impactTitle:void 0},disabled:o==="failed",loading:o==="loading",loadingBalance:k,tooltipContainer:N(),onSelectMaxBalance:()=>{f!=="0"&&p(x.split(",").join(""))}}),Go.createElement(Mc,null)),Go.createElement(_c,{sharpBottomStyle:!!h||e,label:$c.t("To"),mode:"To",fetchingQuote:e,chain:{displayName:l?.displayName||"",image:l?.logo||""},token:{displayName:a?.symbol||"",image:a?.image||""},percentageChange:E(je(c,m),2,2),warningLevel:yt(b??0),price:{value:E(d,6,6),usdValue:I?void 0:E(m,4,4),realValue:le(d),realUsdValue:I?void 0:le(m),error:I?Y().unknownPriceError.impactTitle:void 0},onClickToken:()=>n("to"),disabled:o==="failed",loading:o==="loading",tooltipContainer:N()}))}i(xs,"Inputs");import{useCallback as kS,useEffect as wS,useState as xS}from"react";function Dc(){let{fetch:t,loading:e,cancelFetch:o}=Sr({request:async(n,r)=>await At().getAllRoutes(n,r)});return{fetch:t,loading:e,cancelFetch:o}}i(Dc,"useFetchAllQuotes");var vS=600;function Ir({refetchQuote:t}){let{fetch:e,cancelFetch:o}=Dc(),{enableNewLiquiditySources:n,features:r}=g().config,s=K.use.connectedWallets(),a=g().tokens(),{fromToken:l,toToken:p,inputAmount:u,inputUsdValue:c,selectedQuote:d,sortStrategy:m,resetQuote:h,error:C,warning:S,setSelectedQuote:y,updateQuotePartialState:f}=Q(),{slippage:x,customSlippage:k,affiliatePercent:v,affiliateRef:I,affiliateWallets:b,fetchStatus:T}=g(),w=g().getLiquiditySources(),W=g().getDisabledLiquiditySources(),L=g().excludeLiquiditySources(),[B,q]=xS(!0),ae=k??x,D=!l||!p||Me(l,p)||!To(u),V=i(ce=>{q(ce)},"resetState"),A=i(ce=>{let{fromToken:H,toToken:j,inputAmount:Se,liquiditySources:ve,excludeLiquiditySources:be,disabledLiquiditySources:gt,slippage:G,affiliateRef:J,affiliatePercent:R,affiliateWallets:Ae}=ce;if(B||V(!0),!D&&H&&j){h();let He=vl({fromToken:H,toToken:j,inputAmount:Se,liquiditySources:ve,excludeLiquiditySources:be,disabledLiquiditySources:gt,wallets:s,slippage:G,affiliateRef:J,affiliatePercent:R,affiliateWallets:Ae});Xa("experimentalRoute",r)&&(He.experimental=!0),e(He).then(Ce=>{let De=Mn(m,Ce.results),ge=Fl(d,De,Ce.requestAmount);q(!1),f("quotes",Ce),y(ge),Cr({diagnosisMessages:Ce.diagnosisMessages,requestId:ge?.requestId||"",swaps:ge?.swaps});let st=ge&&to(ge,{fromToken:H,toToken:j,userSlippage:ae,tokens:a});f("warning",st)}).catch(Ce=>{let{error:De}=Tr(Ce);(De?.type===0||De?.type===1)&&h(),De?.type!==2&&(f("error",De),q(!1))})}},"fetch"),M=kS(Ga(ce=>{D||A(ce)},vS),[D]);return wS(()=>{if(!t){q(!1);return}if(T==="success"){if(D){q(!1),(d||C||S)&&h();return}if(!To(u)||c?.eq(0)){V(!1),o();return}return h(),V(!0),M({inputAmount:u,fromToken:l,toToken:p,liquiditySources:w,excludeLiquiditySources:L,disabledLiquiditySources:W,slippage:ae,affiliateRef:I,affiliatePercent:v,affiliateWallets:b}),o}},[T,u,l?.symbol,l?.address,l?.blockchain,p?.symbol,p?.address,p?.blockchain,D,w?.length,n,W.length,ae,I,v,JSON.stringify(b)]),{fetch:()=>A({inputAmount:u,fromToken:l,toToken:p,liquiditySources:w,excludeLiquiditySources:L,disabledLiquiditySources:W,slippage:ae,affiliateRef:I,affiliatePercent:v,affiliateWallets:b}),loading:B}}i(Ir,"useSwapInput");var LS=AS("div",{display:"grid",gridTemplateColumns:"auto auto",alignItems:"flex-start",height:700,"& .footer__alert":{paddingTop:"0"}}),MS=300;function qc(){let t=WS(),{fromToken:e,toToken:o,inputAmount:n,selectedQuote:r,refetchQuote:s,error:a,warning:l,quotes:p,setSelectedQuote:u,resetQuoteWallets:c,setQuoteWarningsConfirmed:d,updateQuotePartialState:m}=Q(),[h,C]=Oc(!1),S=cr(),{fetch:y,loading:f}=Ir({refetchQuote:s}),{config:x,fetchStatus:k}=g(),{connectedWallets:v}=K(),{isActiveTab:I}=ee(),[b,T]=Oc(!1),W=Sl({fetchMetaStatus:k,fetchingQuote:f,inputAmount:n,quote:r,anyWalletConnected:v.length>0,error:a,warning:l,needsToWarnEthOnPath:!1}),L=x?.variant==="expandable"&&!S,B=!!n&&!!e&&!!o&&n!=="0",q=B&&k==="success"&&f,D=(!L||L&&p?.results.length)&&(l||a);Uc(()=>{c(),m("refetchQuote",!0)},[]),Uc(()=>{C(B)},[B]);let V=(r||a)&&!b?y:void 0,A=i(M=>{L&&h?(C(!1),setTimeout(()=>{t(M)},MS)):t(M)},"onHandleNavigation");return Fe.createElement(LS,null,Fe.createElement(ne,{height:"auto",footer:Fe.createElement(IS,{type:"primary",size:"large",disabled:W.disabled||!I,prefix:W.action==="confirm-warning"&&Fe.createElement(ES,null),fullWidth:!0,onClick:()=>{W.action==="connect-wallet"?A(F.wallets):W.action==="confirm-warning"?T(!0):A(F.confirmSwap)}},W.title),header:{onWallet:()=>{A(F.wallets)},hasBackButton:!1,title:x.title||bS.t("Swap"),suffix:Fe.createElement(Gt,{hidden:L?["refresh"]:void 0,onClickRefresh:V,onClickHistory:()=>A(F.swaps),onClickSettings:()=>{A(F.settings)}})}},Fe.createElement(ie,null,Fe.createElement(xs,{fetchingQuote:q,fetchMetaStatus:k,onClickToken:M=>{A(M==="from"?F.fromSwap:F.toSwap)}}),Fe.createElement(Fc,{size:"2"}),L?null:Fe.createElement(Yt,{quote:r,loading:q,error:a,tagHidden:!1,warning:l,type:"basic",onClickAllRoutes:p&&p.results.length>1?()=>{m("refetchQuote",!1),A(F.routes)}:void 0}),D?Fe.createElement(Fe.Fragment,null,Fe.createElement(Fc,{size:"10"}),Fe.createElement(No,{warning:l,error:a,refetchQuote:y,showWarningModal:b,confirmationDisabled:!I,onOpenWarningModal:()=>T(!0),onCloseWarningModal:()=>T(!1),onConfirmWarningModal:()=>{T(!1),d(!0),A(F.confirmSwap)},onChangeSettings:()=>A(F.settings)})):null)),L?Fe.createElement(ks,{loading:q,onClickOnQuote:M=>u(M),fetch:y,onClickRefresh:V,isVisible:h}):null)}i(qc,"Home");import{i18n as zc}from"@lingui/core";import{List as NS,ListItemButton as BS,Radio as PS,RadioRoot as $S,Typography as _S}from"@rango-dev/ui";import Dt from"react";function fo(){let{setLanguage:t,language:e,config:o}=g(),n=Ya,r=o?.language||wo;return{activeLanguage:e||r,languages:n,defaultLanguage:r,changeLanguage:s=>t(s||wo),resetLanguage:()=>t(null)}}i(fo,"useLanguage");function Qc(){let{activeLanguage:t,changeLanguage:e,languages:o}=fo(),n=o.map(r=>{let{local:s,label:a,SVGFlag:l}=r;return{id:s,value:s,title:Dt.createElement(_S,{variant:"title",size:"xmedium"},a),onClick:()=>e(r.local),end:Dt.createElement(PS,{value:s}),start:Dt.createElement(l,null)}});return Dt.createElement(ne,{header:{title:zc.t("Language")}},Dt.createElement(ie,null,Dt.createElement($S,{value:t},Dt.createElement(NS,{type:Dt.createElement(BS,{title:zc.t("language"),id:"_",onClick:()=>console.log()}),items:n}))))}i(Qc,"LanguagePage");import{i18n as xt}from"@lingui/core";import{Button as qS,Checkbox as zS,Image as QS,ListItemButton as HS,NotFound as GS,Typography as VS}from"@rango-dev/ui";import _e,{useState as jS}from"react";import{Checkbox as US,Skeleton as Gc}from"@rango-dev/ui";import jo from"react";import{styled as vs}from"@rango-dev/ui";var Vo=vs("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto",variants:{disabled:{true:{pointerEvents:"none"}}}}),bs=vs("div",{width:80,display:"flex",justifyContent:"flex-end"}),Is=vs("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});import{ListItem as DS,styled as FS}from"@rango-dev/ui";var Hc=FS(DS,{height:61});var OS=30;function As(){return jo.createElement(Vo,null,Array.from(Array(OS),t=>jo.createElement(Hc,{hasDivider:!0,key:t,start:jo.createElement(Gc,{variant:"circular",width:35,height:35}),title:jo.createElement(Gc,{variant:"text",size:"large",width:90}),end:jo.createElement(US,{checked:!1})})))}i(As,"LoadingLiquiditySourceList");function Es({sourceType:t}){let e=g().fetchStatus,o=g().swappers(),n=g().getDisabledLiquiditySources(),[r,s]=jS(""),a=g().toggleLiquiditySource,l=g().isInCampaignMode(),p=Cn(o,n),u={Exchanges:xt.t("Exchanges"),Bridges:xt.t("Bridges")},c=[];t==="Exchanges"&&c.push("DEX"),t==="Bridges"&&(c.push("BRIDGE"),c.push("AGGREGATOR"));let d=p.filter(f=>c.includes(f.type)),m=d.length===d.filter(f=>f.selected).length,h=i(()=>{d.forEach(f=>{m?a(f.groupTitle):f.selected||a(f.groupTitle)})},"toggleAllSources"),C=d.map(f=>{let{selected:x,groupTitle:k,logo:v}=f;return{start:_e.createElement(QS,{src:v,size:22,type:"circular"}),onClick:()=>{l||a(k)},end:_e.createElement(zS,{checked:x,disabled:l}),title:_e.createElement(VS,{variant:"title",size:"xmedium"},xt.t(k)),...f}}),S=i(f=>{let x=f.target.value;s(x)},"searchHandler"),y=C;return r&&(y=C.filter(f=>at(f.groupTitle,r))),_e.createElement(ne,{header:{title:xt.t(t),suffix:_e.createElement(bs,null,_e.createElement(qS,{variant:"ghost",size:"xsmall",onClick:h},m?xt.t("Deselect all"):xt.t("Select all")))}},_e.createElement(ie,{view:!0},_e.createElement(kt,{value:r,setValue:s,fullWidth:!0,color:"light",variant:"contained",placeholder:xt.t("Search {sourceType}",{sourceType:u[t]}),onChange:S}),e==="loading"&&_e.createElement(As,null),!y.length&&r?_e.createElement(Is,null,_e.createElement(GS,{title:xt.t("No results found"),description:xt.t("Try using different keywords")})):e==="success"&&_e.createElement(Vo,{disabled:l},y.map(f=>_e.createElement(_e.Fragment,{key:f.id},_e.createElement(HS,{style:{height:"61px"},...f,selected:!1,hasDivider:!0}))))))}i(Es,"LiquiditySourcePage");import{i18n as XS}from"@lingui/core";import Ar from"react";import{useNavigate as KS}from"react-router-dom";function Vc(){let t=KS(),e=ut(),{selectedQuote:o,refetchQuote:n,setSelectedQuote:r,updateQuotePartialState:s,error:a}=Q(),{fetch:l,loading:p}=Ir({refetchQuote:n}),u=i(m=>{r(m),s("refetchQuote",!1),e()},"onClickOnQuote"),c=`../${F.settings}`,d=`../${F.wallets}`;return Ar.createElement(ne,{header:{onWallet:()=>{t(d)},onBack:()=>{s("refetchQuote",!1)},title:XS.t("Routes"),suffix:Ar.createElement(Gt,{onClickRefresh:o||a?l:void 0,hidden:["notifications","history"],onClickSettings:()=>t(c)})}},Ar.createElement(ie,null,Ar.createElement(Ho,{fetch:l,loading:p,onClickOnQuote:u})))}i(Vc,"RoutesPage");import{i18n as em}from"@lingui/core";import{Divider as tm,getCountCategories as iC,SelectableCategoryList as sC}from"@rango-dev/ui";import vt,{useState as om}from"react";import{i18n as Ls}from"@lingui/core";import{Divider as Zc,Image as eC,ListItemButton as tC,NotFound as oC,Typography as Rc}from"@rango-dev/ui";import Ye,{useEffect as nC,useState as rC}from"react";import{BlockchainCategories as Ws}from"@rango-dev/ui";import{TransactionType as Er}from"rango-sdk";var YS=i((t,e)=>{switch(e){case Ws.ALL:return!0;case Ws.UTXO:return t.type===Er.TRANSFER;case Ws.OTHER:return t.type!==Er.TRANSFER&&t.type!==Er.COSMOS&&t.type!==Er.EVM;default:return t.type===e}},"filterByType"),jc=i((t,e,o)=>t.filter(n=>YS(n,o)).filter(n=>qt(n.name,e)||qt(n.displayName,e)),"filterBlockchains");import{ImageContainer as JS,styled as Xc}from"@rango-dev/ui";var Kc=Xc("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),Wr=Xc(Ao,{padding:0,margin:0,listStyle:"none",[`& ${JS}`]:{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as ZS,Skeleton as Yc}from"@rango-dev/ui";import Lr from"react";var RS=20;function Jc(){return Lr.createElement(Wr,null,Array.from(Array(RS),t=>Lr.createElement(ZS,{key:t,hasDivider:!0,start:Lr.createElement(Yc,{variant:"circular",width:35,height:35}),title:Lr.createElement(Yc,{variant:"text",size:"large",width:90})})))}i(Jc,"LoadingBlockchainList");function Ms(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[s,a]=rC(e),{fetchStatus:l}=g();nC(()=>{a([...jc(e,o,r)])},[e,o,r]);let p=i(()=>!s.length&&o?Ye.createElement(Ye.Fragment,null,Ye.createElement(Zc,{size:32}),Ye.createElement(oC,{title:Ls.t("No results found"),description:Ls.t("Try using different keywords")})):Ye.createElement(Wr,{as:"ul",key:`${r}-${o}`},s.map(u=>Ye.createElement(tC,{key:`${u.name}-${u.chainId}`,hasDivider:!0,onClick:()=>n(u),start:Ye.createElement(eC,{src:u.logo,size:30}),title:Ye.createElement(Rc,{variant:"title",size:"medium"},u.displayName),id:u.chainId}))),"renderList");return Ye.createElement(Kc,null,Ye.createElement(Rc,{variant:"label",size:"large"},Ls.t("Select Blockchain")),Ye.createElement(Zc,{size:4}),l==="loading"&&Ye.createElement(Jc,null),l==="success"&&p())}i(Ms,"BlockchainList");function Ns(t){let{type:e}=t,o=ut(),[n,r]=om(""),[s,a]=om("ALL"),l=Q.use.setToBlockchain(),p=Q.use.setFromBlockchain(),u=g().fetchStatus,c=g().blockchains({type:e}),m=iC(c)!==1;return vt.createElement(ne,{header:{title:em.t("Select Blockchain")}},vt.createElement(ie,{view:!0},m&&vt.createElement(vt.Fragment,null,vt.createElement(sC,{setCategory:a,category:s,blockchains:c,isLoading:u==="loading"}),vt.createElement(tm,{size:24})),vt.createElement(kt,{value:n,autoFocus:!0,placeholder:em.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:h=>r(h.target.value)}),vt.createElement(tm,{size:16}),vt.createElement(Ms,{list:c,searchedFor:n,blockchainCategory:s,onChange:h=>{e==="source"?p(h):l(h),o()}})))}i(Ns,"SelectBlockchainPage");import{i18n as $r}from"@lingui/core";import{Divider as wm}from"@rango-dev/ui";import Jt,{useState as xC}from"react";import{useNavigate as vC}from"react-router-dom";import{i18n as $s}from"@lingui/core";import{BlockchainsChip as Mr,Divider as sm,Image as am,Skeleton as cC,Tooltip as mC,Typography as _s}from"@rango-dev/ui";import xe from"react";import{useEffect as pC}from"react";var nm=["ETH","COSMOS","OSMOSIS"];function Bs(t,e,o){let n=JSON.parse(JSON.stringify(t)),r=[];if(n.sort(aC),o?.limit&&t.length>o.limit){let s=o.limit,a=e;if(e.length<=o.limit){let l=o.limit-e.length;for(let p=0;p<=l;p++){let u=n[p];a=a.filter(c=>u.name!==c)}}n.sort(lC(a)),r=n.splice(s)}return{list:n,more:r}}i(Bs,"prepare");function aC(t,e){let o=nm,n=o.findIndex(l=>l===t.name),r=o.findIndex(l=>l===e.name),s=n>-1,a=r>-1;return s&&a?n>r?1:-1:s?-1:a?1:0}i(aC,"sortByMostUsedBlockchains");function lC(t){return i(function(o,n){let r=t.findIndex(p=>p===o.name),s=t.findIndex(p=>p===n.name),a=r>-1,l=s>-1;return a&&l?r>s?1:-1:t.includes(o.name)?-1:t.includes(n.name)?1:0},"sortByPreferred")}i(lC,"generateSortByPreferredBlockchainsFor");function rm(t,e){return!!e.list.find(o=>o.name===t)}i(rm,"isInVisibleList");function Ps(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=g();pC(()=>{if(e?.selected){let s=Bs(t,o,e);rm(e.selected,s)||n(e?.selected)}},[e?.selected]);let r=Bs(t,o,e);return{list:r.list,more:r.more,history:[]}}i(Ps,"usePrepareBlockchainList");import{styled as uC}from"@rango-dev/ui";var im=uC("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var dC=12;function Ds(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:s}=t,a=Ps(e,{limit:10,selected:n?.name}),{fetchStatus:l}=g(),p=Q.use.resetToBlockchain(),u=Q.use.resetFromBlockchain(),c=a.more.length>0,d=a.more.length===1,m=!d&&c;return xe.createElement(xe.Fragment,null,xe.createElement(sm,{size:12}),xe.createElement(_s,{variant:"label",size:"large"},$s.t("Select Blockchain")),xe.createElement(sm,{size:12}),xe.createElement(im,null,l==="loading"&&Array.from(Array(dC),h=>xe.createElement(cC,{key:h,variant:"rounded",height:50})),l==="success"&&xe.createElement(xe.Fragment,null,xe.createElement(Mr,{selected:!n,onClick:()=>{o==="from"?u():p()}},xe.createElement(_s,{variant:"body",size:"xsmall",color:"secondary500"},$s.t("All"))),a.list.map(h=>xe.createElement(mC,{key:h.name,content:h.shortName,side:"bottom",sideOffset:2,container:N()},xe.createElement(Mr,{key:h.name,selected:!!n&&n.name===h.name,onClick:()=>r(h)},xe.createElement(am,{src:h.logo,size:30})))),d?xe.createElement(Mr,{key:a.more[0].name,selected:!!n&&n.name===a.more[0].name,onClick:()=>r(a.more[0])},xe.createElement(am,{src:a.more[0].logo,size:30})):null,m?xe.createElement(Mr,{onClick:s,key:"more-blockchains"},xe.createElement(_s,{variant:"body",size:"xsmall",color:"secondary500"},$s._("More +{count}",{count:a.more.length}))):null)))}i(Ds,"BlockchainsSection");import{i18n as js}from"@lingui/core";import{darkTheme as ym,Divider as ho,ExternalLinkIcon as hC,Image as yC,ListItemButton as SC,NotFound as CC,PinIcon as TC,Skeleton as Sm,Typography as Pr,VirtualizedList as kC}from"@rango-dev/ui";import z,{useEffect as Cm,useState as Tm}from"react";import{Divider as gm,ListItem as gC,Skeleton as Xo}from"@rango-dev/ui";import nt from"react";import{css as go,darkTheme as lm,ImageContainer as fC,styled as ot,Typography as pm}from"@rango-dev/ui";var Fs=go({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}),Us=go({position:"relative",height:12,width:"30%",maxWidth:"150px"}),Os=go({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",bottom:"-8px"}),qs=go({transform:"translateY(12px)",visibility:"hidden","& a":{display:"flex",justifyContent:"center",alignItems:"center",fontSize:"$12",lineHeight:"$16",$$color:"$colors$neutral600",[`.${lm} &`]:{$$color:"$colors$neutral700"},color:"$$color",textDecoration:"none"}}),zs=go({}),Qs=go(),um=ot("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),Hs=ot("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),Nr=ot("ul",{flexGrow:1,padding:0,margin:0,listStyle:"none","& li":{alignItems:"none","&:hover":{[`& .${Us}`]:{[`& .${qs}`]:{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",visibility:"visible"},[`& .${zs}`]:{bottom:"-15px"},[`& .${Fs}`]:{position:"absolute",transform:"translateY(-12px)",visibility:"hidden"},[`& .${Os}`]:{position:"absolute",transform:"translateY(-12px)",bottom:"-10px"}}}}}),Gs=ot("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),Vs=ot(pm,{}),cm=ot("div",{textAlign:"right",width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",[`& .${Qs}`]:{$$color:"$colors$neutral600",[`.${lm} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Br=ot("div",{display:"flex",alignItems:"end",flexDirection:"column"}),XD=ot("div",{display:"flex",alignItems:"center"}),mm=ot("div",{position:"relative",[`& ${fC}`]:{borderRadius:"$xm",overflow:"hidden"}}),dm=ot("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6}),fm=ot(pm,{width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"});function hm(t){return nt.createElement(Nr,null,Array.from(Array(t.size),e=>nt.createElement(gC,{key:e,hasDivider:!0,start:nt.createElement(Xo,{variant:"circular",width:35,height:35}),end:nt.createElement(Br,null,nt.createElement(Xo,{variant:"text",size:"large",width:70}),nt.createElement(gm,{size:4}),nt.createElement(Xo,{variant:"text",size:"medium",width:50})),title:nt.createElement("div",null,nt.createElement(Xo,{variant:"text",size:"large",width:90}),nt.createElement(gm,{size:4}),nt.createElement(Xo,{variant:"text",size:"medium",width:90}))})))}i(hm,"LoadingTokenList");var Xs=20,wC=i(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:s,customCssForTagTitle:a}=t,l=e.length;return z.createElement("div",{className:Us()},o?z.createElement("div",{className:Fs()},o):z.createElement(Hs,{className:Os()},z.createElement(Pr,{variant:"title",size:"xmedium"},r.symbol),z.createElement(ho,{direction:"horizontal",size:4}),z.createElement(Gs,{css:s},z.createElement(Vs,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&z.createElement("div",{className:`${qs()} ${!o&&zs()}`},z.createElement("a",{href:n,target:"_blank",rel:"nofollow noreferrer",onClick:p=>p.stopPropagation()},l>10?`${e.slice(0,5)}...${e.slice(l-6,l)}`:e," ",z.createElement(ho,{size:4,direction:"horizontal"}),z.createElement(hC,{color:"gray",size:12}))))},"renderDesc");function km(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[s,a]=Tm(e),l=g().fetchStatus,p=g().blockchains(),[u,c]=Tm(!0),{getBalanceFor:d,loading:m}=K(),{isTokenPinned:h}=g(),C=i(()=>{a(e.slice(0,s.length+Xs))},"loadNextPage");Cm(()=>{c(e.length>s.length)},[s.length]),Cm(()=>{a(e.slice(0,Xs))},[e]);let S=i(()=>!s.length&&o?z.createElement(z.Fragment,null,z.createElement(ho,{size:32}),z.createElement(CC,{title:js.t("No results found"),description:js.t("Try using different keywords")})):z.createElement(kC,{endReached:u?C:void 0,itemContent:y=>{let f=s[y],x=dn(d(f)),k=f.address||"",v=p.find(w=>w.name===f.blockchain),I=Qn(f.symbol,v?.color||""),b={$$color:I[`${f.symbol}100`],[`.${ym} &`]:{$$color:I[`${f.symbol}900`]},backgroundColor:"$$color"},T={$$color:I[`${f.symbol}700`],[`.${ym} &`]:{$$color:I[`${f.symbol}100`]},color:"$$color"};return z.createElement("div",{style:{paddingRight:5}},z.createElement(SC,{style:{width:"100%",overflow:"hidden"},"tab-index":y,key:`${f.symbol}${f.address}`,id:`${f.symbol}${f.address}`,hasDivider:!0,onClick:()=>n(s[y]),start:z.createElement(mm,null,z.createElement(yC,{src:f.image,size:30}),h(f,t.type)&&z.createElement(dm,null,z.createElement(TC,{size:12,color:"gray"}))),title:v?.type==="COSMOS"||f.name||!f.name&&!k?z.createElement(Hs,null,z.createElement(Pr,{variant:"title",size:"xmedium"},f.symbol),z.createElement(ho,{direction:"horizontal",size:4}),z.createElement(Gs,{css:b},z.createElement(Vs,{variant:"body",size:"xsmall",css:T},f.blockchain))):void 0,description:v?.info&&k&&v.type!=="COSMOS"?wC({address:k,token:s[y],customCssForTag:b,customCssForTagTitle:T,name:f.name,url:v.info.addressUrl.split("{wallet}").join(k)}):f.name||void 0,end:m?z.createElement(Br,null,z.createElement(Sm,{variant:"text",size:"large",width:70}),z.createElement(ho,{size:4}),z.createElement(Sm,{variant:"text",size:"medium",width:50})):x&&z.createElement(cm,null,z.createElement(fm,{variant:"title",size:"small"},x.amount),z.createElement("div",null),x.usdValue&&z.createElement(Pr,{variant:"body",className:Qs(),size:"xsmall"},`$${x.usdValue}`))}))},totalCount:s.length,key:`${r}-${o}`}),"renderList");return z.createElement(um,null,z.createElement(Pr,{variant:"label",size:"large"},js.t("Select Token")),z.createElement(ho,{size:4}),l==="loading"&&z.createElement(hm,{size:Xs}),l==="success"&&z.createElement(Nr,{as:"ul"},S()))}i(km,"TokenList");function Ks(t){let{type:e}=t,o=vC(),n=ut(),{fromBlockchain:r,toBlockchain:s,setFromToken:a,setToToken:l,setFromBlockchain:p,setToBlockchain:u}=Q(),c=K.use.getBalanceFor(),[d,m]=xC(""),{isTokenPinned:h}=g(),S=(e==="source"?r:s)?.name??"",y=g().blockchains({type:e}),f=g().tokens({type:e,blockchain:S,searchFor:d}),k=Ba(f,c,i(T=>h(T,e),"checkIsTokenPinned")),v=i(T=>{e==="source"?p(T):u(T)},"updateBlockchain"),I=i(T=>{e==="source"?a({token:T,meta:{blockchains:y,tokens:f}}):l({token:T,meta:{blockchains:y,tokens:f}})},"updateToken"),b={source:$r.t("Source"),destination:$r.t("Destination")};return Jt.createElement(ne,{header:{title:$r.t("Swap {type}",{type:b[e]})}},Jt.createElement(ie,null,Jt.createElement(Ds,{blockchains:y,type:e=="source"?"from":"to",blockchain:e==="source"?r:s,onMoreClick:()=>o(F.blockchains),onChange:T=>{v(T)}}),Jt.createElement(wm,{size:24}),Jt.createElement(kt,{value:d,autoFocus:!0,placeholder:$r.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>m(""),onChange:T=>m(T.target.value)}),Jt.createElement(wm,{size:16}),Jt.createElement(km,{list:k,selectedBlockchain:S,searchedFor:d,type:e,onChange:T=>{I(T);let w=y.find(W=>T.blockchain===W.name);w&&v(w),n()}})))}i(Ks,"SelectSwapItemsPage");import{i18n as ea}from"@lingui/core";import{Alert as KC,Button as YC,styled as JC}from"@rango-dev/ui";import Zt from"react";import{useInRouterContext as ZC,useSearchParams as RC}from"react-router-dom";import{i18n as Em}from"@lingui/core";import{Divider as EC,InfoIcon as WC,TextField as LC,Tooltip as MC,Typography as Wm}from"@rango-dev/ui";import Qe from"react";import{Chip as bC,styled as Ko,TextField as IC}from"@rango-dev/ui";var xm=Ko("div",{paddingTop:"$5",padding:"$10 $5"}),vm=Ko("div",{display:"flex",flexWrap:"wrap",gap:"$10",[`& ${IC}`]:{flex:"1 1 0",maxWidth:"127px",minWidth:"85px"}}),bm=Ko("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),_r=Ko("div",{maxWidth:"280px",padding:"$10"}),Im=Ko(bC,{width:"61px",flexShrink:0});import{i18n as Ys}from"@lingui/core";import{Typography as AC}from"@rango-dev/ui";import Yo from"react";function Am(){return Yo.createElement(_r,null,Yo.createElement(AC,{variant:"label",size:"medium",color:"neutral700"},Ys.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),Yo.createElement("br",null),Yo.createElement("br",null),Yo.createElement("b",null,Ys.t("Warning")),":",Ys.t("This setting is applied per step (e.g. 1Inch, Thorchain, etc) which means only the step will be reverted, not the whole transaction.")))}i(Am,"SlippageTooltipContent");function Js(){let{slippage:t,setSlippage:e,customSlippage:o,setCustomSlippage:n}=g();return Qe.createElement(xm,null,Qe.createElement(bm,null,Qe.createElement(Wm,{variant:"title",size:"xmedium"},Em.t("Slippage tolerance per swap")),Qe.createElement(EC,{direction:"horizontal",size:4}),Qe.createElement(MC,{container:N(),side:"top",sideOffset:4,content:Qe.createElement(Am,null)},Qe.createElement(WC,{color:"gray"}))),Qe.createElement(vm,null,Ja.map((r,s)=>{let a=`slippage-${s}`;return Qe.createElement(Qe.Fragment,null,Qe.createElement(Im,{key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`}))}),Qe.createElement(LC,{type:"number",min:"0.01",max:"30",step:"0.01",fullWidth:!0,variant:"contained",value:o||"",color:"dark",onChange:r=>{let s=r.target.value,a=parseFloat(s);a>=tl&&a<=el?n(a):n(null)},suffix:o&&Qe.createElement(Wm,{variant:"body",size:"small"},"%"),placeholder:Em.t("Custom")})))}i(Js,"Slippage");import{i18n as ft}from"@lingui/core";import{AutoThemeIcon as Lm,BridgeIcon as NC,ChevronRightIcon as Zs,DarkModeIcon as Mm,Divider as Rs,DoneIcon as BC,ExchangeIcon as PC,InfoIcon as $C,LanguageIcon as _C,LightModeIcon as Nm,List as DC,ListItem as FC,ListItemButton as UC,Skeleton as OC,styled as qC,Switch as zC,Tabs as QC,Tooltip as HC,Typography as rt}from"@rango-dev/ui";import U from"react";import{useNavigate as GC}from"react-router-dom";var VC=qC("div",{width:"202px",height:"$40"}),jC=[{id:"light",icon:U.createElement(Nm,{color:"black",size:16}),tooltip:U.createElement(rt,{size:"xsmall",variant:"body"},ft.t("Light"))},{id:"dark",icon:U.createElement(Mm,{color:"black",size:16}),tooltip:U.createElement(rt,{size:"xsmall",variant:"body"},ft.t("Dark"))},{id:"auto",icon:U.createElement(Lm,{color:"black",size:16}),tooltip:U.createElement(rt,{size:"xsmall",variant:"body"},ft.t("Auto"))}],XC=i(t=>{let e={color:"gray",size:12};switch(t){case"auto":return U.createElement(Lm,{...e});case"dark":return U.createElement(Mm,{...e});default:return U.createElement(Nm,{...e})}},"getThemeIcon");function Bm(){let t=GC(),{theme:e}=g().config,{setTheme:o,theme:n}=g(),r=g().fetchStatus,s=g().swappers(),a=g().getDisabledLiquiditySources(),{config:{features:l}}=g(),p=Ge("theme",l),u=Ge("liquiditySource",l),c=Ge("language",l),d=g().infiniteApprove,m=g().toggleInfiniteApprove,h=Cn(s,a),C=h.filter(B=>B.type==="BRIDGE"||B.type==="AGGREGATOR"),S=C.length,y=C.filter(B=>B.selected).length,f=h.filter(B=>B.type==="DEX"),x=f.length,k=f.filter(B=>B.selected).length,v=i((B,q)=>{switch(r){case"loading":return U.createElement(OC,{variant:"text",size:"medium",width:50});case"failed":return U.createElement(rt,{variant:"body",size:"medium",color:"$error500"},ft.t("Loading failed"));default:return U.createElement(rt,{variant:"body",size:"medium"},`${B} / ${q}`)}},"handleEndItem"),I={id:"bridge-item",title:U.createElement(rt,{variant:"title",size:"xmedium"},ft.t("Enabled bridges")),end:U.createElement(U.Fragment,null,v(y,S),U.createElement(Rs,{direction:"horizontal",size:8}),U.createElement(Zs,{color:"black"})),onClick:()=>t(F.bridges),start:U.createElement(NC,{color:"gray",size:12})},b={id:"exchange-item",title:U.createElement(rt,{variant:"title",size:"xmedium"},ft.t("Enabled exchanges")),end:U.createElement(U.Fragment,null,v(k,x),U.createElement(Rs,{direction:"horizontal",size:8}),U.createElement(Zs,{color:"gray"})),start:U.createElement(PC,{color:"gray",size:12}),onClick:()=>t(F.exchanges)},T={id:"language-item",title:U.createElement(rt,{variant:"title",size:"xmedium"},ft.t("Language")),start:U.createElement(_C,{color:"gray",size:12}),end:U.createElement(Zs,{color:"gray"}),onClick:()=>t(F.languages)},w={id:"infinite-approval-item",title:U.createElement(U.Fragment,null,U.createElement(rt,{variant:"title",size:"xmedium"},ft.t("Infinite approval")),U.createElement(Rs,{direction:"horizontal",size:4}),U.createElement(HC,{side:"top",sideOffset:4,container:N(),content:U.createElement(_r,null,U.createElement(rt,{variant:"label",size:"medium",color:"neutral700"},ft.t("Enabling the 'Infinite approval' mode grants unrestricted access to smart contracts of DEXes/Bridges, allowing them to utilize the approved token amount without limitations.")))},U.createElement($C,{color:"gray"}))),start:U.createElement(BC,{color:"gray",size:12}),end:U.createElement(zC,{checked:d}),onClick:m},W={id:"theme-item",type:U.createElement(FC,null),title:U.createElement(rt,{variant:"title",size:"xmedium"},ft.t("Theme")),end:U.createElement(VC,null,U.createElement(QC,{container:N(),items:jC,value:n,onChange:B=>o(B.id),type:"primary",borderRadius:"small"})),start:XC(n)},L=u?[]:[I,b];return c||L.push(T),L.push(w),!e?.singleTheme&&!p&&L.push(W),U.createElement(DC,{type:U.createElement(UC,{hasDivider:!0,id:"_",onClick:()=>console.log()}),items:L})}i(Bm,"SettingsLists");var eT=JC("div",{paddingLeft:"$8"});function Pm(){let{isInCampaignMode:t,updateCampaignMode:e}=g(),o=t(),[,n]=RC(),r=ZC(),s=i(()=>{r&&o&&(n(a=>(a.delete("liquiditySources"),a),{replace:!0}),e("liquiditySources",void 0))},"onClick");return Zt.createElement(ne,{header:{title:ea.t("Settings")}},Zt.createElement(ie,null,o&&Zt.createElement(KC,{type:"info",variant:"alarm",title:ea.t("Currently, you're in campaign mode with restrictions on liquidity sources. Would you like to switch out of this mode and make use of all available liquidity sources?"),action:Zt.createElement(eT,null,Zt.createElement(YC,{type:"secondary",size:"small",onClick:s},ea.t("Reset")))}),Zt.createElement(Js,null),Zt.createElement(Bm,null)))}i(Pm,"SettingsPage");import{i18n as qT}from"@lingui/core";import{cancelSwap as zT}from"@rango-dev/queue-manager-rango-preset";import{useManager as QT}from"@rango-dev/queue-manager-react";import{Alert as HT}from"@rango-dev/ui";import ha from"react";import{useParams as GT}from"react-router-dom";import{i18n as It}from"@lingui/core";import{getCurrentBlockchainOfOrNull as xT,getCurrentStep as vT,getRelatedWalletOrNull as bT}from"@rango-dev/queue-manager-rango-preset";import{Button as sd,CopyIcon as IT,Divider as AT,IconButton as ET,LinkIcon as WT,QuoteCost as LT,StepDetails as MT,Typography as So,useCopyToClipboard as NT}from"@rango-dev/ui";import{useWallets as BT}from"@rango-dev/wallets-react";import ad from"bignumber.js";import{PendingSwapNetworkStatus as Gr}from"rango-types";import Z,{useEffect as ld,useRef as PT,useState as pd}from"react";import{useNavigate as $T}from"react-router-dom";import{i18n as Ft}from"@lingui/core";var tT=[Ft.t("Sunday"),Ft.t("Monday"),Ft.t("Tuesday"),Ft.t("Wednesday"),Ft.t("Thursday"),Ft.t("Friday"),Ft.t("Saturday")];function $m(t){let e=new Date(t),o=e.getDate(),n=e.toLocaleString("default",{month:"long"}),r=e.getFullYear();return`${e.getDay()===new Date().getDay()?Ft.t("Today"):`${tT[e.getDay()]} ${o} ${n} ${r}`}, ${new Date(t).toLocaleTimeString()}`}i($m,"timeSince");function _m(t){return t.finishTime?$m(parseInt(t.finishTime)):$m(parseInt(t.creationTime))}i(_m,"getSwapDate");import{PendingSwapNetworkStatus as Ur}from"rango-types";import Or from"react";import{i18n as Dr}from"@lingui/core";import{Button as Dm,Divider as ta,MessageBox as oT}from"@rango-dev/ui";import Ut from"react";var Fm=i(({onCancel:t,onClose:e})=>Ut.createElement(Ut.Fragment,null,Ut.createElement(ta,{size:20}),Ut.createElement(oT,{type:"error",title:Dr.t("Cancel Swap"),description:Dr.t("Are you sure you want to cancel this swap?")}),Ut.createElement(ta,{size:32}),Ut.createElement(Dm,{variant:"contained",type:"primary",size:"large",onClick:t},Dr.t("Yes, Cancel it")),Ut.createElement(ta,{size:12}),Ut.createElement(Dm,{variant:"outlined",type:"primary",size:"large",onClick:e},Dr.t("No, Continue"))),"CancelContent");import{i18n as Fr}from"@lingui/core";import{Button as Um,Divider as oa,MessageBox as nT,Typography as rT}from"@rango-dev/ui";import bt from"react";var Om=i(({onDelete:t,onClose:e})=>bt.createElement(bt.Fragment,null,bt.createElement(oa,{size:20}),bt.createElement(nT,{type:"error",title:Fr.t("Delete Transaction"),description:Fr.t("Are you sure you want to delete this swap?")}),bt.createElement(oa,{size:32}),bt.createElement(Um,{variant:"contained",type:"primary",size:"large",onClick:t},Fr.t("Yes, Delete it")),bt.createElement(oa,{size:12}),bt.createElement(Um,{variant:"outlined",type:"primary",size:"large",onClick:e},bt.createElement(rT,{variant:"title",size:"medium",color:"primary"},Fr.t("No, Cancel")))),"DeleteContent");import{i18n as na}from"@lingui/core";import{PendingSwapNetworkStatus as ra}from"rango-types";var ia={[ra.WaitingForNetworkChange]:{type:"loading",title:na.t("Change Network")},[ra.WaitingForConnectingWallet]:{type:"warning",title:na.t("Connect Wallet")},[ra.NetworkChanged]:{type:"success",title:na.t("Network Changed")}};import{MessageBox as sT,Wallet as aT}from"@rango-dev/ui";import{useWallets as lT}from"@rango-dev/wallets-react";import Jo from"react";import{styled as iT}from"@rango-dev/ui";var qm=iT("div",{display:"flex",justifyContent:"center"});var zm=i(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:s,walletButtonDisabled:a}=t,{connect:l,getWalletInfo:p,state:u}=lT(),c=n?.walletType,d=c?Rr(u(c)):null,m=c?p(c):null;return Jo.createElement(Jo.Fragment,null,Jo.createElement(sT,{type:e,title:o,description:r}),s&&!!c&&!!d&&!!m&&Jo.createElement(qm,null,Jo.createElement(aT,{container:N(),title:m.name,image:m.img,type:c,state:d,link:m.installLink,disabled:a,onClick:async()=>l(c)})))},"WalletStateContent");function sa(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:s,message:a,walletButtonDisabled:l}=t,p=e===Ur.WaitingForNetworkChange||e===Ur.WaitingForConnectingWallet||e===Ur.NetworkChanged;return Or.createElement(re,{open:!!e,onClose:o,container:document.getElementById(Te.SWAP_BOX_ID)||document.body},p&&Or.createElement(zm,{type:ia[e].type,title:ia[e].title,currentStepWallet:s,message:a,walletButtonDisabled:l,showWalletButton:e!==Ur.WaitingForNetworkChange}),e==="delete"&&Or.createElement(Om,{onClose:o,onDelete:n}),e==="cancel"&&Or.createElement(Fm,{onClose:o,onCancel:r}))}i(sa,"SwapDetailsModal");import{i18n as Zo}from"@lingui/core";import{Button as aa,Divider as qr,MessageBox as Qm,TokenAmount as pT,Typography as la}from"@rango-dev/ui";import We from"react";import{useNavigate as uT}from"react-router-dom";function pa(t){let{open:e,onClose:o,status:n,priceValue:r,usdValue:s,realUsdValue:a,realValue:l,token:p,chain:u,percentageChange:c,description:d,diagnosisUrl:m}=t,h=uT();return We.createElement(re,{open:e,onClose:o,container:document.getElementById(Te.SWAP_BOX_ID)||document.body},n==="success"?We.createElement(Qm,{type:"success",title:Zo.t("Swap Successful")},We.createElement(pT,{direction:"vertical",tooltipContainer:N(),type:"output",centerAlign:!0,price:{value:r,usdValue:s,realUsdValue:a,realValue:l},token:p,chain:u,percentageChange:c}),We.createElement(qr,{size:12}),We.createElement(la,{variant:"body",size:"medium",color:"neutral700",align:"center"},d)):We.createElement(Qm,{type:"error",title:Zo.t("Transaction Failed"),description:d}),We.createElement(qr,{size:32}),n==="success"&&We.createElement(aa,{variant:"contained",type:"primary",size:"large",onClick:()=>{h("../../")}},We.createElement(la,{variant:"title",size:"medium",color:"neutral100"},Zo.t("Done"))),We.createElement(qr,{size:12}),m&&We.createElement(We.Fragment,null,We.createElement(aa,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(m,"_blank")},Zo.t("Diagnosis")),We.createElement(qr,{size:12})),We.createElement(aa,{variant:"outlined",type:"primary",size:"large",onClick:o},We.createElement(la,{variant:"title",size:"medium",color:"primary"},Zo.t("See Details"))))}i(pa,"SwapDetailsCompleteModal");import kT from"react";import{i18n as yT}from"@lingui/core";import{Alert as Km,IconButton as ST,LinkIcon as CT}from"@rango-dev/ui";import Ot,{Fragment as TT}from"react";import{Alert as cT,ChevronDownIcon as mT,ChevronUpIcon as dT,IconButton as fT}from"@rango-dev/ui";import zr,{useState as gT}from"react";function Hm(t){let{message:e}=t,[o,n]=gT(!1);return zr.createElement(cT,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&zr.createElement(fT,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?zr.createElement(dT,{size:12,color:"gray"}):zr.createElement(mT,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}i(Hm,"FailedAlert");import{styled as hT}from"@rango-dev/ui";var Gm=hT("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as Vm}from"@lingui/core";import{Alert as ua,Button as jm}from"@rango-dev/ui";import{PendingSwapNetworkStatus as ca}from"rango-types";import Ro from"react";function Xm(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?Ro.createElement(ua,{type:"warning",title:n.shortMessage,action:Ro.createElement(jm,{size:"xxsmall",type:"warning",onClick:()=>{o(ca.WaitingForNetworkChange),e().catch(s=>{console.log(s)})}},Vm.t("Change"))}):r===ca.WaitingForConnectingWallet?Ro.createElement(ua,{type:"warning",title:n.shortMessage,action:Ro.createElement(jm,{size:"xxsmall",type:"warning",onClick:()=>{o(ca.WaitingForConnectingWallet)}},Vm.t("Connect"))}):Ro.createElement(ua,{type:"warning",title:n.shortMessage})}i(Xm,"WarningAlert");function ma(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:s,hasAlreadyProceededToSign:a}=t,l=bo(s),p=s.status==="waitingForApproval"&&!l,u=s.status==="running"&&!l,c=u&&!a||p&&!s.explorerUrl?.length;return Ot.createElement(Gm,null,s.explorerUrl?.map((d,m,h)=>{let C=m+d.url,S=m===h.length-1,y=(S&&u||p)&&!c,f=S&&s.status==="failed";return Ot.createElement(TT,{key:C},Ot.createElement(Km,{type:S&&(y&&"loading"||f&&"error")||"success",title:d.description?`${d.description} Tx`:yT.t("View transaction"),action:d.url&&Ot.createElement(ST,{variant:"ghost",size:"xsmall",onClick:()=>window.open(d.url,"_blank")},Ot.createElement(CT,{size:12}))}))}),c&&Ot.createElement(Km,{type:"loading",title:r.shortMessage}),s.status!=="failed"&&l&&Ot.createElement(Xm,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),s.status==="failed"&&Ot.createElement(Hm,{message:r}))}i(ma,"SwapDetailsAlerts");var Ym=2e3;var Jm=i(({swap:t,blockchains:e,swappers:o,...n})=>{let r=t.hasAlreadyProceededToSign!==!1;return t.steps.map((s,a)=>{let l=a===0?t.inputAmount:t.steps[a-1].outputAmount||t.steps[a-1].expectedOutputAmountHumanReadable;return{from:{token:{displayName:s.fromSymbol,image:s.fromLogo??""},chain:{displayName:Ve(s.fromBlockchain,e)??"",image:s.fromBlockchainLogo??""},price:{value:E(l,6,6),realValue:l}},to:{token:{displayName:s.toSymbol,image:s.toLogo},chain:{displayName:Ve(s.toBlockchain,e)??"",image:s.toBlockchainLogo??""},price:{value:E(s.outputAmount||s.expectedOutputAmountHumanReadable,6,6),realValue:s.outputAmount||s.expectedOutputAmountHumanReadable}},swapper:{displayName:vo(s.swapperId,o),image:s.swapperLogo??"",type:s.swapperType},internalSwaps:s.internalSwaps?s.internalSwaps.map(p=>({from:{blockchain:Ve(p.fromBlockchain,e)??""},to:{blockchain:Ve(p.toBlockchain,e)??""},swapper:{displayName:vo(p.swapperId,o),image:p.swapperLogo??"",type:p.swapperType}})):[],alerts:kT.createElement(ma,{step:s,hasAlreadyProceededToSign:r,...n})}})},"getSteps");function Zm(t){if(bo(t)&&t.status!=="failed"&&t.status!=="success")return"warning";switch(t.status){case"created":return"default";case"approved":case"waitingForApproval":case"running":return"in-progress";case"failed":return"error";case"success":return"completed"}}i(Zm,"getStepState");import{css as en,darkTheme as wT,styled as Rt}from"@rango-dev/ui";var Rm=Rt("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),Qr=Rt("div",{width:"100%"}),ed=Rt(Ao,{padding:"$0 $20 $20 $20"}),VU=Rt("div",{display:"flex",flexDirection:"column",gap:"$10"}),td=Rt("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),jU=Rt("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1}),yo=en({display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",padding:"$10 $20",borderBottom:"1px solid",$$color:"$colors$neutral300",[`.${wT} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color",color:"$neutral500"}),od=en({padding:"$5 0"}),Hr=en({display:"flex",justifyContent:"center",alignItems:"center",height:"$24"}),nd=en({display:"flex",width:"100%",padding:"$15 $20 $20",flexDirection:"column",alignItems:"start"}),rd=en({width:"100%",padding:"0 $20 $10"}),id=Rt("a",{fontSize:"$16",fontWeight:"$400",color:"$neutral700",display:"flex",alignItems:"center",justifyContent:"center"});function da(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:s,connect:a,getWalletInfo:l}=BT(),p=g().blockchains(),u=g().swappers(),c=g().tokens(),d=Q.use.retry(),m=ee.use.isActiveTab(),h=$T(),[C,S]=NT(Ym),y=PT(null),[f,x]=pd(null),[k,v]=pd(null),I=i(()=>{r(),x(null)},"onCancel"),b=Oe.use.getUnreadNotifications(),T=Oe.use.setAsRead(),w=b(),W=vT(e),L=W?.networkStatus;ld(()=>{w.find(st=>st.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(v(e.status),T(e.requestId))},[e.status]),ld(()=>{A?x(Gr.WaitingForNetworkChange):L===Gr.WaitingForConnectingWallet||L===Gr.NetworkChanged?x(L):x(null)},[L]);let B=Ll(e),q=W?xT(e,W):null,ae=W?bT(e,W):null,fe=_m(e),D=Ml(e),V=i(ge=>!!l(ge)?.mobileWallet,"isMobileWallet"),A=L===Gr.WaitingForNetworkChange&&!!q&&!!ae?.walletType&&(V(ae.walletType)||s(ae.walletType,q)),M=A?a.bind(null,ae.walletType,q):void 0,ce=Wl(e,W),H=Jm({swap:e,switchNetwork:M,showNetworkModal:L,setNetworkModal:x,message:ce,blockchains:p,swappers:u}),j=H.length,[Se,ve]=[e.steps[0],e.steps[j-1]],be=ve.outputAmount||ve.expectedOutputAmountHumanReadable,gt=e.steps.reduce((ge,st)=>ge+parseFloat(st.feeInUsd||""),0),G=e.steps.find(ge=>ge.diagnosisUrl)?.diagnosisUrl,J=E(parseFloat(E(be,6,6))*(ve.toUsdPrice||0),4,4),R=E(parseFloat(e.inputAmount)*(Se.fromUsdPrice||0),4,4),Ae=be?le(new ad(be).multipliedBy(ve.toUsdPrice||0)):"",He=le(new ad(e.inputAmount).multipliedBy(Se.fromUsdPrice||0)),Ce=je(R,J),De=e.status==="success"?It.t({id:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:E(be,6,6),token:H[j-1].to.token.displayName,conciseAddress:fn(e.wallets[H[j-1].to.chain.displayName]?.address||""),chain:H[j-1].to.chain.displayName}}):`${It.t("Transaction was not sent.")} ${B?It.t({id:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:B.outputAmount,symbol:B.symbol,blockchain:B.blockchain}}):""}`;return Z.createElement(ne,{header:{title:It.t("Swap and Bridge"),onCancel:e.status==="running"?()=>x("cancel"):void 0,suffix:e.status!=="running"&&Z.createElement(io,null,Z.createElement(sd,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>x("delete")},Z.createElement(So,{size:"medium",variant:"label",color:"error"},It.t("Delete"))))},footer:D&&!k&&Z.createElement(sd,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{d(e,{blockchains:p,tokens:c}),setTimeout(()=>{h("../../")},0)}},It.t("Try again"))},Z.createElement(ie,{compact:!0,view:!0},Z.createElement(Qr,null,Z.createElement("div",{className:yo()},Z.createElement(So,{variant:"label",size:"large",color:"neutral700"},`${It.t("Request ID")}:`),Z.createElement("div",{className:Hr()},Z.createElement(So,{variant:"label",size:"small",color:"neutral700"},o),Z.createElement(ET,{variant:"ghost",onClick:S.bind(null,o||"")},Z.createElement(IT,{size:16,color:"gray"})),Z.createElement(id,{target:"_blank",href:`${wa}/swap/${o}`},Z.createElement(WT,{size:16})))),Z.createElement("div",{className:yo()},Z.createElement(So,{variant:"label",size:"large",color:"neutral700"},`${It.t(e.finishTime?"Finished at":"Created at")}:`),Z.createElement(So,{variant:"label",size:"small",color:"neutral700"},fe))),Z.createElement("div",{className:nd()},Z.createElement(LT,{fee:E(String(gt),2,2),time:sn(an(e.steps)),steps:j}),Z.createElement(Po,{from:{price:{value:E(e.inputAmount,6,6),usdValue:R,realUsdValue:He,realValue:e.inputAmount},token:{displayName:H[0].from.token.displayName,image:H[0].from.token.image},chain:{image:H[0].from.chain.image,displayName:H[0].from.chain.displayName}},to:{price:{value:E(be,6,6),usdValue:J,realUsdValue:Ae,realValue:be},token:{displayName:H[j-1].to.token.displayName,image:H[j-1].to.token.image},chain:{image:H[j-1].to.chain.image,displayName:H[j-1].to.chain.displayName}},percentageChange:E(Ce,2,2),warningLevel:yt(Ce??0)})),Z.createElement("div",{className:rd()},Z.createElement(So,{variant:"title",size:"small"},It.t("Swaps steps"))),Z.createElement(AT,{size:8}),Z.createElement(ed,{ref:y},H.map((ge,st)=>{let Ta=st,Co=Zm(e.steps[st]),Wd=Co==="error"||Co==="in-progress"||Co==="warning"||Co==="completed"&&st===H.length-1;return Z.createElement(MT,{key:Ta,step:ge,type:"swap-progress",ref:y,state:Co,hasSeparator:st!==0,tabIndex:Ta,isFocused:Wd,tooltipContainer:N()})}))),Z.createElement(sa,{state:f,onClose:()=>x(null),onCancel:I,onDelete:n,message:ce.detailedMessage.content,currentStepWallet:ae,walletButtonDisabled:!m}),Z.createElement(pa,{open:!!k,diagnosisUrl:G,onClose:()=>v(null),status:e.status==="success"?"success":"failed",priceValue:E(be,6,6),usdValue:J,realUsdValue:Ae,realValue:le(be),percentageChange:E(Ce,2,2),token:{displayName:H[j-1].to.token.displayName,image:H[j-1].to.token.image},chain:{image:H[j-1].to.chain.image},description:De}))}i(da,"SwapDetails");import{i18n as jr}from"@lingui/core";import{Divider as md,NotFound as OT,Skeleton as on,Typography as Xr}from"@rango-dev/ui";import ue from"react";import{i18n as _T}from"@lingui/core";import{Divider as DT,Skeleton as FT,Typography as UT}from"@rango-dev/ui";import de from"react";import{css as it,styled as fa}from"@rango-dev/ui";var ud=fa("div",{width:"100%",height:"100%",padding:"$10 $20"}),tn=fa("div",{backgroundColor:"$neutral100",borderRadius:"$xm",padding:"$10 $15"}),Vr=fa("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"}),IO=it({display:"flex",justifyContent:"space-between",alignItems:"center"}),AO=it({display:"flex",justifyContent:"space-between",alignItems:"center"}),EO=it({paddingTop:"$15",display:"flex"}),WO=it({padding:"$15 $0"}),LO=it({width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"}),MO=it({paddingBottom:"$10"}),NO=it({display:"flex",justifyContent:"start",alignItems:"center"}),BO=it({paddingTop:"$5",display:"flex",alignItems:"center"}),PO=it({display:"flex",alignItems:"center"}),$O=it({padding:"$4 $6",display:"flex",justifyContent:"center",alignItems:"center"}),cd=it({display:"flex",paddingTop:"$10",paddingBottom:"$5"});function ga(){return de.createElement(ud,null,de.createElement(Fo,{type:"swap-preview"}),de.createElement("div",{className:"swaps-steps"},de.createElement(UT,{variant:"title",size:"small"},_T.t("Swaps steps"))),de.createElement(de.Fragment,null,de.createElement(tn,null,de.createElement(dt,{separator:!1}),de.createElement("div",{className:cd()},de.createElement(DT,{direction:"horizontal",size:20}),de.createElement(FT,{height:22,variant:"rectangular"}))),de.createElement(Vr,null),de.createElement(tn,null,de.createElement(dt,{separator:!1})),de.createElement(Vr,null),de.createElement(tn,null,de.createElement(dt,{separator:!1})),de.createElement(Vr,null),de.createElement(tn,null,de.createElement(dt,{separator:!1}))))}i(ga,"LoadingSwapDetails");function dd(t){let{requestId:e,showSkeleton:o}=t;return ue.createElement(ne,{header:{title:jr.t("Swap and Bridge"),suffix:ue.createElement(io,null)}},o&&ue.createElement(Rm,null,ue.createElement(Qr,null,ue.createElement("div",{className:yo()},ue.createElement(Xr,{variant:"label",size:"large",color:"neutral700"},`${jr.t("Request ID")}:`),ue.createElement("div",{className:Hr()},ue.createElement(Xr,{variant:"label",size:"small",color:"neutral700"},ue.createElement(on,{width:60,height:10,variant:"rounded"})),ue.createElement(md,{direction:"horizontal",size:4}),ue.createElement(on,{width:16,height:16,variant:"rectangular"}),ue.createElement(md,{direction:"horizontal",size:4}),ue.createElement(on,{width:16,height:16,variant:"rectangular"}))),ue.createElement("div",{className:yo()},ue.createElement(Xr,{className:od(),variant:"label",size:"large",color:"neutral700"},ue.createElement(on,{width:60,height:10,variant:"rounded"})),ue.createElement(Xr,{variant:"label",size:"small",color:"neutral700"},ue.createElement(on,{width:60,height:10,variant:"rounded"})))),ue.createElement(ga,null)),!o&&ue.createElement(td,null,ue.createElement(OT,{title:jr.t("Not found"),description:jr.t({id:"Swap with request ID = {requestId} not found.",values:{requestId:e}})})))}i(dd,"SwapDetailsPlaceholder");function fd(){let{manager:t,state:e}=QT(),o=!e.loadedFromPersistor,n=Nt(t),{requestId:r}=GT(),s=ut(),{fetchStatus:a}=g();if(!r)return ha.createElement(HT,{containerStyles:{margin:"20px"},type:"error",title:qT.t("The request ID is necessary to display the swap details.")});let l=o||a==="loading",p=r?n.find(({swap:m})=>m.requestId===r):void 0,u=i(()=>{if(p?.id){let m=t?.get(p.id);m&&zT(m)}},"onCancel"),c=i(async()=>{if(p?.id)try{t?.deleteQueue(p.id),s()}catch(m){console.log(m)}},"onDelete"),d=p?.swap;return!d||l?ha.createElement(dd,{requestId:r,showSkeleton:l}):ha.createElement(da,{swap:d,requestId:r,onCancel:u,onDelete:c})}i(fd,"SwapDetailsPage");function gd(){return Ol(),ki(),VT([{path:F.home,element:Ue.createElement(qc,null)},{path:F.routes,element:Ue.createElement(Vc,null)},{path:F.fromSwap,children:[{index:!0,element:Ue.createElement(Ks,{type:"source"})},{path:F.blockchains,element:Ue.createElement(Ns,{type:"source"})}]},{path:F.toSwap,children:[{index:!0,element:Ue.createElement(Ks,{type:"destination"})},{path:F.blockchains,element:Ue.createElement(Ns,{type:"destination"})}]},{path:F.settings,children:[{index:!0,element:Ue.createElement(Pm,null)},{path:F.languages,element:Ue.createElement(Qc,null)},{path:F.exchanges,element:Ue.createElement(Es,{sourceType:"Exchanges"})},{path:F.bridges,element:Ue.createElement(Es,{sourceType:"Bridges"})}]},{path:F.swaps,children:[{index:!0,element:Ue.createElement(wc,null)},{path:F.swapDetails,element:Ue.createElement(fd,null)}]},{path:F.wallets,element:Ue.createElement(Fp,null)},{path:F.confirmSwap,element:Ue.createElement(uc,null)}])}i(gd,"AppRoutes");import{isApprovalTX as jT,MainEvents as hd,RouteEventType as yd,StepEventType as Sd,StepExecutionEventStatus as XT,useEvents as KT}from"@rango-dev/queue-manager-rango-preset";import{useEffect as Cd}from"react";function Td(){let t=g().tokens(),e=K.use.connectedWallets(),o=K.use.getWalletsDetails(),n=Oe.use.setNotification(),r=KT();return Cd(()=>(r.on(hd.StepEvent,s=>{let{event:a,step:l,route:p}=s;if(a.type===Sd.TX_EXECUTION&&a.status===XT.TX_SENT&&!jT(l)||a.type===Sd.SUCCEEDED){let c=e.find(m=>m.chain===l?.fromBlockchain),d=l?.fromBlockchain!==l?.toBlockchain&&e.find(m=>m.chain===l?.toBlockchain);c&&o([c],t),d&&o([d],t)}n(a,p)}),()=>r.all.clear()),[r,e.length]),Cd(()=>(r.on(hd.RouteEvent,s=>{let{event:a,route:l}=s;(a.type===yd.FAILED||a.type===yd.SUCCEEDED)&&n(a,l)}),()=>r.all.clear()),[r,e.length]),null}i(Td,"WidgetEvents");import{globalCss as YT}from"@rango-dev/ui";var kd=i(()=>YT({"@import":["url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap')","url('https://fonts.cdnfonts.com/css/times-new-roman')"]})(),"globalFont");function wd(){let{setWatermark:t}=ee();return{fetchApiConfig:i(async()=>{let o=await fetch(`${ht("BASE_URL")}/meta/dapp/config?apiKey=${ht("API_KEY")}`);if(!o.ok)throw new Error(`Request failed with status: ${o.status} `);let n=await o.json();t(n.config.watermark)},"fetchApiConfig")}}i(wd,"useFetchApiConfig");import{styled as JT}from"@rango-dev/ui";var xd=JT("div",{display:"flex",justifyContent:"center",alignItems:"center",fontFamily:"$widget",boxSizing:"border-box",textAlign:"left","& *, *::before, *::after":{boxSizing:"inherit"},"& *:focus-visible":{outlineColor:"$info500",transition:"none"},"& ul, ol, li":{listStyleType:"none"}});function Kr(){kd();let{config:t}=g(),{activeTheme:e}=Hn(t?.theme||{}),{activeLanguage:o}=fo(),[n,r]=vd(""),[s,a]=vd(),l=RT(kn),{fetchApiConfig:p}=wd();return ek(()=>{Oe.persist.rehydrate(),l.onConnectWallet(r),p().catch(console.log)},[]),nn.createElement(ZT,{language:o},nn.createElement(xd,{id:"swap-container",className:e()},nn.createElement(Td,null),nn.createElement(cl,{lastConnectedWallet:n,disconnectedWallet:s,clearDisconnectedWallet:()=>{a(void 0)}},nn.createElement(gd,null))))}i(Kr,"Main");import Sa,{useMemo as Sk}from"react";import{checkWaitingForNetworkChange as tk,makeQueueDefinition as ok}from"@rango-dev/queue-manager-rango-preset";import{Provider as nk}from"@rango-dev/queue-manager-react";import{useWallets as rk}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as ik}from"@rango-dev/wallets-shared";import{isEvmBlockchain as sk}from"rango-types";import ak,{useMemo as lk}from"react";function pk(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:s,getWalletInfo:a}=rk(),l=lk(()=>ok({API_KEY:t.apiKey||ht("API_KEY"),BASE_URL:ht("BASE_URL")}),[t.apiKey]),p=g().blockchains(),c={blockchains:K.use.connectedWallets().map(k=>({accounts:[k],name:k.chain}))},d=i(async(k,v)=>{if(s(k,v))return r(k,v)},"switchNetwork"),m=i(k=>!!a(k).mobileWallet,"isMobileWallet"),h=p.filter(k=>k.enabled).reduce((k,v)=>(k[v.name]=v,k),{}),C=p.filter(sk),S=i(k=>{let{supportedChains:v}=a(k);return un(v)},"getSupportedChainNames"),y=e(),f={meta:{blockchains:h,evmBasedChains:C,evmNetworkChainInfo:ik(C),getSupportedChainNames:S},getSigners:o,wallets:c,providers:y,switchNetwork:d,canSwitchNetworkTo:s,connect:r,state:n,isMobileWallet:m},x=ee.use.isActiveTab();return ak.createElement(nk,{queuesDefs:[l],context:f,onPersistedDataLoaded:k=>{tk(k)},isPaused:!x},t.children)}i(pk,"QueueManager");var bd=pk;import{useManager as fk}from"@rango-dev/queue-manager-react";import gk,{createContext as hk,useContext as yk}from"react";import{cancelSwap as uk,getCurrentBlockchainOfOrNull as ck,getCurrentStep as mk,getRelatedWalletOrNull as dk}from"@rango-dev/queue-manager-rango-preset";var Yr=class{static{i(this,"WidgetHistory")}manager;actions;constructor(e,o){this.manager=e,this.actions=o}getAllSwaps(){return Nt(this.manager)}getCurrentStep(e){return this.getCurrentStepInfo(e).step}getCurrentStepWallet(e){return this.getCurrentStepInfo(e).wallet}getCurrentStepNetwork(e){return this.getCurrentStepInfo(e).network}retry(e,o){return this.actions.retrySwap(e,o)}cancel(e){let o=this.manager?.get(e);o&&uk(o)}getCurrentStepInfo(e){let o=mk(e);return{step:o,wallet:o?dk(e,o):null,network:o?ck(e,o):null}}};var Id=hk(void 0);function ya(t){let{manager:e}=fk(),o=ee.use.isActiveTab(),n=Q.use.retry(),r=new Yr(e,{retrySwap:n}),s=K.use.connectedWallets(),a=K.use.loading(),l=Na(s),p=K.use.getWalletsDetails(),u=g().blockchains(),c=g().tokens(),d=g().swappers(),m=g().fetchStatus,h=fo().resetLanguage,C=Oe().getUnreadNotifications(),S={isActiveTab:o,setCurrentTabAsActive:zt.forceClaim,history:r,wallets:{isLoading:a,details:s,totalBalance:l,refetch:p},meta:{blockchains:u,tokens:c,swappers:d,loadingStatus:m},resetLanguage:h,notifications:{list:C}};return gk.createElement(Id.Provider,{value:S},t.children)}i(ya,"WidgetInfo");function Ad(){let t=yk(Id);if(!t)throw new Error("useWidget can only be used within the WidgetProvider component");return t}i(Ad,"useWidget");function Jr(t){let{onUpdateState:e,config:o}=t;return Sk(()=>{Fa({API_KEY:o?.apiKey||rn,BASE_URL:o?.apiUrl||ka})},[o.apiKey,o.apiUrl]),Sa.createElement(wn,{config:o,onUpdateState:e},Sa.createElement(bd,{apiKey:o.apiKey},Sa.createElement(ya,null,t.children)))}i(Jr,"WidgetProvider");function Ed(t){return Ck(()=>(zt.init(),zt.destroy),[]),t.config?.externalWallets?Ca.createElement(Kr,null):Ca.createElement(Jr,{config:t.config??ri},Ca.createElement(Kr,null))}i(Ed,"Widget");export{lQ as EventSeverity,pQ as MainEvents,CQ as Networks,wQ as PendingSwapNetworkStatus,uQ as RouteEventType,cQ as StepEventType,mQ as StepExecutionBlockedEventStatus,dQ as StepExecutionEventStatus,Te as UI_ID,yQ as WalletEvents,TQ as WalletTypes,Ed as Widget,Jr as WidgetProvider,wn as WidgetWallets,Ei as customizedThemeTokens,hQ as readAccountAddress,Gp as useWallets,Ad as useWidget,fQ as useWidgetEvents};
|
|
1
|
+
var pf=Object.defineProperty;var i=(t,e)=>pf(t,"name",{value:e,configurable:!0});import{EventSeverity as MH,MainEvents as BH,RouteEventType as _H,StepEventType as PH,StepExecutionBlockedEventStatus as $H,StepExecutionEventStatus as DH,useEvents as FH}from"@rango-dev/queue-manager-rango-preset";import{readAccountAddress as UH,useWallets as ar,Events as qH}from"@rango-dev/wallets-react";import{Networks as QH,WalletTypes as HH}from"@rango-dev/wallets-shared";import{PendingSwapNetworkStatus as VH}from"rango-types";import{UI_ID as cf}from"@rango-dev/ui";var mn="c6381a79-2817-4602-83bf-6a641a409e32",Ba="https://api.rango.exchange",_a="https://explorer.rango.exchange",ke={SWAP_BOX_ID:"rango-swap-box",EXPANDED_BOX_ID:"rango-expanded-box",...cf};import{Events as wi,Provider as tg}from"@rango-dev/wallets-react";import{isEvmBlockchain as og}from"rango-sdk";import An,{createContext as ng,useEffect as El,useMemo as rg,useRef as Al}from"react";import{useEffect as bf}from"react";import{create as wf}from"zustand";import{subscribeWithSelector as xf}from"zustand/middleware";import{RangoClient as Tf}from"rango-sdk";import{WalletState as ct}from"@rango-dev/ui";import{readAccountAddress as df}from"@rango-dev/wallets-react";import{detectInstallLink as ff,getCosmosExperimentalChainInfo as gf,isEvmAddress as hf,KEPLR_COMPATIBLE_WALLETS as _w,Networks as Fa}from"@rango-dev/wallets-shared";import li from"bignumber.js";import{isCosmosBlockchain as yf}from"rango-types";import uf from"bignumber.js";var Ne=new uf(0);import{WalletTypes as mf}from"@rango-dev/wallets-shared";var Pa=[mf.LEAP];import{BigNumber as Da}from"bignumber.js";var dn=i(t=>{let e=(t%60).toString().padStart(2,"0");return`${parseInt((t/60).toString()).toString().padStart(2,"0")}:${e}`},"secondsToString"),W=i((t,e=null,o=null)=>{if(t==null||t==="")return"";let n=new Da(t),r=1,s=1e3;for(let a=0;a<60;a++)if(new Da(n.toFixed(a,r)).eq(n)){s=a;break}if(n.gte(1e4))return n.toFormat(0,r);if(n.gte(1e3)||n.gte(100))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,1))),r);if(n.gte(1))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,2))),r);if(n.gte(.01))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,4))),r);for(let a=e||4;a<17;a++)if(n.gte(Math.pow(10,-a)))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,a))),r);return n.isEqualTo(0)?"0":n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,8))),r)},"numberToString");var fn=i(t=>t?.reduce((e,o)=>e+(o.estimatedTimeInSeconds??0),0)||0,"totalArrivalTime");var pt=i((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),wo=i(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function pe(t){return W(t,12,12).replace(/(?:\.0*|(\.\d+?)0*)$/,"$1")}i(pe,"formatTooltipNumbers");function pi(t){switch(!0){case t.connected:return ct.CONNECTED;case t.connecting:return ct.CONNECTING;case!t.installed:return ct.NOT_INSTALLED;default:return ct.DISCONNECTED}}i(pi,"mapStatusToWalletState");function Oa(t,e,o,n){return o.filter(r=>!Pa.includes(r)).filter(r=>{let{supportedChains:s,isContractWallet:a}=e(r),{installed:l,network:p}=t(r);return a&&(!l||!!n&&p!==n)?!1:n?!!s.find(u=>u.name===n):!0}).map(r=>{let{name:s,img:a,installLink:l}=e(r),p=pi(t(r));return{title:s,image:a,link:ff(l),state:p,type:r}})}i(Oa,"mapWalletTypesToWalletInfo");function yn(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}i(yn,"walletAndSupportedChainsNames");function Ua(t,e,o,n,r){let s=[];function a(p,c){if(!!!s.find(d=>d.chain===p)){let d={address:c,chain:p,walletType:t};s.push(d)}}i(a,"addAccount");let l=n||[];return e.forEach(p=>{let{address:c,network:u}=df(p),d=l.length>0,m=l.includes(u),f=u===Fa.Unknown;if(d&&!m&&!f)return;let C=u===Fa.Unknown&&hf(c);if(f&&!C)return;o.includes(u)||C?r?a(u,c.toLowerCase()):l.filter(k=>o.includes(k)).forEach(k=>{a(k,c.toLowerCase())}):a(u,c)}),s}i(Ua,"prepareAccountsForWalletStore");function qa(t){let e=[];return t?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain;e.includes(n)||e.push(n),e.includes(r)||e.push(r),o.internalSwaps&&Array.isArray(o.internalSwaps)&&o.internalSwaps.forEach(s=>{let a=s.from.blockchain,l=s.to.blockchain;e.includes(a)||e.push(a),e.includes(l)||e.push(l)})}),e}i(qa,"getRequiredChains");function Sn(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}i(Sn,"isAccountAndWalletMatched");function za(t,e){let{blockChain:o,balances:n=[]}=t;return n?.map(r=>({chain:o,symbol:r.asset.symbol,ticker:r.asset.symbol,address:r.asset.address||null,rawAmount:r.amount.amount,decimal:r.amount.decimals,amount:new li(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:Cf(o,r.asset.symbol,r.asset.address,e)||null}))||[]}i(za,"makeBalanceFor");function Qa(t){return{...t,loading:!1,error:!0}}i(Qa,"resetConnectedWalletState");var Ha=i(t=>{let e=new Set,n=t?.reduce((s,a)=>s.findIndex(l=>l.address===a.address&&l.chain===a.chain)===-1?[...s,a]:s,[])?.map(s=>{let a={name:s.chain,accounts:[]};return e.has(s.address)||e.add(s.address),e.forEach(l=>{s.address===l&&a.accounts.push(s)}),a}),r=W(n?.flatMap(s=>s.accounts)?.flatMap(s=>s?.balances)?.map(s=>new li(s?.amount||Ne).multipliedBy(s?.usdPrice||0))?.reduce((s,a)=>s.plus(a),Ne)||Ne).toString();return Sf(r)},"calculateWalletUsdValue");function Sf(t){let e=t.toString().split(".");return e[0]=e[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),e.join(".")}i(Sf,"numberWithThousandSeparator");var Cf=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice"),Cn=i((t,e)=>{let o=gf(Object.entries(t).map(([,n])=>n).filter(yf));return o&&o[e]?.experimental},"isExperimentalChain");function Tn(t){return t?{...t,amount:W(t.amount,8,8),usdValue:W(t.usdValue,4,4)}:null}i(Tn,"formatBalance");function Ga(t,e){return t?.usdValue||e?.usdValue?parseFloat(e?.usdValue||"0")-parseFloat(t?.usdValue||"0"):t?.amount||e?.amount?parseFloat(e?.amount||"0")-parseFloat(t?.amount||"0"):0}i(Ga,"compareTokenBalance");function Le(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}i(Le,"areTokensEqual");function Va(t){return t.sort((e,o)=>+(o.state===ct.CONNECTED)-+(e.state===ct.CONNECTED)||+(o.state===ct.DISCONNECTED||o.state===ct.CONNECTING)-+(e.state===ct.DISCONNECTED||e.state===ct.CONNECTING))}i(Va,"sortWalletsBasedOnConnectionState");function kn(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(kn,"getConciseAddress");function ja({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}i(ja,"getAddress");function ci(t){return`${t.blockchain}-${t.symbol}-${t.address??""}`}i(ci,"createTokenHash");function wn(t){return t.flatMap(e=>e.balances).reduce((e,o)=>{let n={amount:o?.amount??"",decimals:o?.decimal??0,usdValue:o?.usdPrice?new li(o?.usdPrice??Ne).multipliedBy(o?.amount).toString():""},r=o?ci({symbol:o.symbol,blockchain:o.chain,address:o.address}):null,s=r?e[r]:null;return r&&(!s||s&&s.amount<n.amount)&&(e[r]=n),e},{})}i(wn,"makeTokensBalance");var Xa=i((t,e)=>!!t.find(o=>o.chain===e&&o.loading),"isFetchingBalance");function Ka(t){return t.map(e=>e.state).join("-")}i(Ka,"hashWalletsState");var ui={API_KEY:mn};function ht(t){return ui[t]||""}i(ht,"getConfig");function Ya(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),ui=e,ui}i(Ya,"initConfig");var Ja=20,Za=25,Ra="Roboto",mi="theme-widget",xo=i((t,e)=>{let o=!1;if(e&&t){if(Array.isArray(e))o=!e.some(n=>Le(n,t));else if(!Array.isArray(e)&&e[t.blockchain]){o=e[t.blockchain].tokens.some(r=>Le(r,t));let n=e[t.blockchain].isExcluded;return!n&&!o||n&&o}}return o},"isTokenExcludedInConfig"),di=i((t,e)=>t&&e&&!e.includes(t.name),"isBlockchainExcludedInConfig"),el=i((t,e,o)=>o==="expanded"&&(t||e)||o==="full-expanded"&&e,"isVariantExpandable");var xn,At=i(()=>xn||(xn=new Tf(ht("API_KEY"),ht("BASE_URL")),xn),"httpService");var kf=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"),Wt=kf;var Y=Wt(wf()(xf((t,e)=>({connectedWallets:[],balances:{},loading:!1,connectWallet:(o,n)=>{let r=e().getWalletsDetails;t(s=>({loading:!0,connectedWallets:s.connectedWallets.filter(a=>a.walletType!==o[0].walletType).concat(o.map(a=>{let l=!s.connectedWallets.find(p=>p.chain===a.chain&&p.selected);return{balances:[],address:a.address,chain:a.chain,explorerUrl:null,walletType:a.walletType,selected:l,loading:!0,error:!1}}))})),r(o,n)},disconnectWallet:o=>{t(n=>{let r=n.connectedWallets.filter(l=>l.selected&&l.walletType!==o).map(l=>l.chain),s=n.connectedWallets.filter(l=>l.walletType!==o).map(l=>r.includes(l.chain)?l:(r.push(l.chain),{...l,selected:!0}));return{balances:wn(s),connectedWallets:s}})},selectWallets:o=>t(n=>({connectedWallets:n.connectedWallets.map(r=>{let s=!!o.find(l=>l.chain===r.chain&&l.walletType!==r.walletType&&r.selected),a=!!o.find(l=>l.chain===r.chain&&l.walletType===r.walletType&&!r.selected);return s?{...r,selected:!1}:a?{...r,selected:!0}:r})})),clearConnectedWallet:()=>t(()=>({connectedWallets:[],selectedWallets:[]})),getWalletsDetails:async(o,n,r=!0)=>{let s=e().getWalletsDetails;t(a=>({loading:!0,connectedWallets:a.connectedWallets.map(l=>o.find(p=>Sn(p,l))?{...l,loading:!0}:l)}));try{let a=o.map(({address:c,chain:u})=>({address:c,blockchain:u})),p=(await At().getWalletsDetails(a)).wallets;if(p)t(c=>{let u=c.connectedWallets.map(m=>{let f=o.find(C=>Sn(C,m)),S=p.find(C=>C.address===m.address&&C.blockChain===m.chain);return S?.failed&&f&&r&&s([f],n,!1),f&&S?{...m,explorerUrl:S.explorerUrl,balances:za(S,n),loading:!1}:m});return{loading:!1,balances:wn(u),connectedWallets:u}});else throw new Error("Wallet not found")}catch{t(l=>{let p=l.connectedWallets.map(u=>o.find(d=>Sn(d,u))?Qa(u):u);return{loading:!1,balances:wn(p),connectedWallets:p}})}},getBalanceFor:o=>{let{balances:n}=e(),r=ci(o);return n[r]??null}}))));import{allProviders as vf}from"@rango-dev/provider-all";function vn(t,e){let o=vf({walletconnect2:{WC_PROJECT_ID:e?.walletConnectProjectId||""}});if(t){let n=[];return t.forEach(r=>{if(typeof r=="string"){let s=o.find(a=>a.config.type===r);s?n.push(s):console.warn(`Couldn't find ${r} provider. Please make sure you are passing the correct name.`)}else n.push(r)}),n}return o}i(vn,"matchAndGenerateProviders");function tl(t,e){return vn(t,e).map(r=>r.config.type)}i(tl,"configWalletsToWalletName");function ol(t,e){let o=Y.use.clearConnectedWallet(),n=vn(void 0,e);return bf(()=>{o(),n=vn(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}i(ol,"useWalletProviders");import Xf,{createContext as Kf,useContext as Yf,useEffect as Jf,useRef as Zf}from"react";import{create as Vf}from"zustand";import{persist as jf}from"zustand/middleware";var fi={apiKey:"",title:void 0,multiWallets:!0,excludeLiquiditySources:!0,customDestination:!0,variant:"default"},If={clientUrl:void 0},Ef={liquiditySources:void 0},nl=i((t,e,o)=>({config:{...fi,...t},iframe:If,campaignMode:Ef,getLiquiditySources:()=>{let{config:n,campaignMode:r}=o();return r.liquiditySources?.length?r.liquiditySources:n.liquiditySources??[]},getDisabledLiquiditySources:()=>{let{disabledLiquiditySources:n,campaignMode:r}=o();return r.liquiditySources?.length?[]:n},excludeLiquiditySources:()=>{let{config:n,campaignMode:r}=o();return r.liquiditySources?.length?!1:!!n.excludeLiquiditySources},isInCampaignMode:()=>{let{campaignMode:n}=o();return!!n.liquiditySources?.length},updateConfig:n=>{let r=o().config;e({config:{...r,...n}})},updateCampaignMode:(n,r)=>{let s=o().campaignMode;e({campaignMode:{...s,[n]:r}})},updateIframe:(n,r)=>{let s=o().iframe;e({iframe:{...s,[n]:r}})}}),"createConfigSlice");function bn(t){return Array.from(new Set(t))}i(bn,"removeDuplicateFrom");function yi(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}i(yi,"areEqual");function pl(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}i(pl,"debounce");function yt(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}i(yt,"containsText");function sl(t,e){return t.toLowerCase()===e.toLowerCase()}i(sl,"exactText");function al(t,e){return t.toLowerCase().startsWith(e.toLowerCase())}i(al,"startWithText");var L=i(()=>document.getElementById(ke.SWAP_BOX_ID),"getContainer"),In=i(()=>document.getElementById(ke.EXPANDED_BOX_ID),"getExpanded");function ll(t,e,o){let n=!!e&&sl(e,t),r=!!o&&sl(o,t);return n!==r?n?-1:1:0}i(ll,"compareExactMatchText");function gi(t,e,o){let n=!!e&&yt(e,t),r=!!o&&yt(o,t);return n!==r?n?-1:1:n&&r&&e?.length!==o?.length?e?.length-o?.length:0}i(gi,"compareContainsText");function hi(t,e,o){let n=!!e&&al(e,t),r=!!o&&al(o,t);return n!==r?n?-1:1:n&&r&&e?.length!==o?.length?e?.length-o?.length:0}i(hi,"compareStartWithText");function cl(t,e,o){if(!o)return 0;let n=ll(o,t.symbol,e.symbol);if(n)return n;if(o.length>=3){let r=ll(o,t.name,e.name);if(r)return r}if(o.length>=2){let r=hi(o,t.symbol,e.symbol);if(r)return r}if(o.length>=3){let r=gi(o,t.symbol,e.symbol);if(r)return r}if(o.length>=3){let r=hi(o,t.name,e.name);if(r)return r}if(o.length>=3){let r=gi(o,t.name,e.name);if(r!==0)return r}if(o.length>=4){let r=hi(o,t.address,e.address);if(r)return r}if(o.length>=4){let r=gi(o,t.address,e.address);if(r!==0)return r}return 0}i(cl,"compareWithSearchFor");function ul(t,e){return e.find(o=>o.name===t)?.displayName}i(ul,"getBlockchainDisplayNameFor");function Ve(t,e){return e.find(o=>o.name===t)?.shortName}i(Ve,"getBlockchainShortNameFor");function vo(t,e){return e.find(o=>o.id===t)?.swapperGroup}i(vo,"getSwapperDisplayName");function Si(t,e){return e.find(o=>Le(o,t))??null}i(Si,"findToken");function Ci(t,e){return e.find(o=>o.name===t)??null}i(Ci,"findBlockchain");function Ti(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(Ti,"isTokenNative");function En(t,e){let o=t.map(s=>s.swapperGroup),n=[];return bn(t.map(s=>s.swapperGroup)).map(s=>{let a=t.find(l=>l.swapperGroup===s);if(a){let l=!0;o&&(l=o.some(p=>p===a.swapperGroup)),l&&a.types.map(p=>{n.push({id:a.swapperGroup,groupTitle:a.swapperGroup,logo:a.logo,type:p,selected:!e.includes(a.swapperGroup)})})}}),n}i(En,"getUniqueSwappersGroups");function ml(t,e){return t.swapperGroup<e.swapperGroup?-1:t.swapperGroup>e.swapperGroup?1:0}i(ml,"sortLiquiditySourcesByGroupTitle");function je(t,e){return e?.[t]==="hidden"}i(je,"isFeatureHidden");function dl(t,e){return e?.[t]==="enabled"}i(dl,"isFeatureEnabled");var fl=i((t,e)=>({_blockchainsMapByName:new Map,_tokens:[],_popularTokens:[],_swappers:[],fetchStatus:"loading",blockchains:o=>{let n=e()._blockchainsMapByName,r=Array.from(n?.values()||[]);if(!o||!o?.type)return r;let s=e().config,a=(o.type==="source"?s.from?.blockchains:s.to?.blockchains)??[];return r.filter(p=>!(a.length>0&&!a.includes(p.name)))},tokens:o=>{let n=e()._tokens,r=e()._blockchainsMapByName;if(!o||!o?.type)return n;let s=e().config,a=(o.type==="source"?s.from?.tokens:s.to?.tokens)??{},l=e().blockchains({type:o.type});return n.filter(c=>a&&xo(c,a)||o.blockchain&&c.blockchain!==o.blockchain||!l.some(u=>u.name===c.blockchain)?!1:o.searchFor?!!(yt(c.symbol,o.searchFor)||yt(c.address||"",o.searchFor)||yt(c.name||"",o.searchFor)):!0).sort((c,u)=>{let d=e().isTokenPinned(c,o.type),m=e().isTokenPinned(u,o.type);if(d!==m)return d?-1:1;if(o.getBalanceFor){let y=o.getBalanceFor(c),k=o.getBalanceFor(u),T=Ga(y,k);if(T!==0)return T}if(c.isPopular!==u.isPopular)return c.isPopular?-1:1;if(o.searchFor){let y=cl(c,u,o.searchFor);if(y)return y}let f=r.get(c.blockchain),S=r.get(u.blockchain),C=Ti(c,f),h=Ti(u,S);return C!==h?C?-1:1:c.isSecondaryCoin!==u.isSecondaryCoin?c.isSecondaryCoin?1:-1:f&&S?f.sort-S.sort:0})},isTokenPinned:(o,n)=>!!(n==="source"?e().config.from?.pinnedTokens:e().config.to?.pinnedTokens)?.some(a=>Le(a,o)),swappers:()=>{let{config:o,campaignMode:n}=e(),r=n.liquiditySources?.length?n.liquiditySources:null,s=r??o.liquiditySources,a=r?!1:o.excludeLiquiditySources;return e()._swappers.filter(c=>{let u=s?.includes(c.swapperGroup);return a||!s||s.length===0?!u:u}).sort(ml)},fetch:async()=>{try{let{enableCentralizedSwappers:o}=e().config,n=await At().getAllMetadata({enableCentralizedSwappers:o});t({fetchStatus:"success"});let r=new Map,s=[],a=n.popularTokens,l=n.swappers,p=new Set;n.tokens.forEach(u=>{p.add(u.blockchain),s.push(u)}),n.blockchains.sort((u,d)=>u.sort-d.sort).forEach(u=>{u.enabled&&p.has(u.name)&&r.set(u.name,u)}),t({_blockchainsMapByName:r,_tokens:s,_popularTokens:a,_swappers:l})}catch(o){throw t({fetchStatus:"failed"}),o}}}),"createDataSlice");import{Chinese as Lf,English as Mf,Finland as Bf,French as _f,German as Pf,Greece as $f,Italian as Df,Japanese as Ff,Netherlands as Of,Poland as Uf,Portuguese as qf,Russian as zf,Spanish as Qf,Swedish as Hf,Ukrainian as Gf}from"@rango-dev/ui";var gl=[{title:"English",label:"English",local:"en",SVGFlag:Mf},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:Qf},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:_f},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:Ff},{title:"Portuguese",label:"Portugu\xEAs",local:"pt",SVGFlag:qf},{title:"Chinese",label:"\u4E2D\u56FD\u4EBA",local:"zh",SVGFlag:Lf},{title:"Russian",label:"\u0420\u0443\u0441\u0441\u043A\u0438\u0439",local:"ru",SVGFlag:zf},{title:"German",label:"Deutsch",local:"de",SVGFlag:Pf},{title:"Ukrainian",label:"\u0423\u043A\u0440\u0430\u0457\u043D\u0456",local:"uk",SVGFlag:Gf},{title:"Swedish",label:"svenska",local:"sv",SVGFlag:Hf},{title:"Finnish",label:"Suomalainen",local:"fi",SVGFlag:Bf},{title:"Dutch",label:"Nederlands",local:"nl",SVGFlag:Of},{title:"Greek",label:"Grieks",local:"el",SVGFlag:$f},{title:"Italian",label:"Italiana",local:"it",SVGFlag:Df},{title:"Polish",label:"Polski",local:"pl",SVGFlag:Uf}],bo="en";var hl=[.5,1,3],yl=1,Sl=5,Cl=100,Tl=0;var kl=i((t,e)=>({disabledLiquiditySources:[],theme:"auto",language:null,preferredBlockchains:[],slippage:yl,customSlippage:null,infiniteApprove:!1,affiliateRef:null,affiliatePercent:null,affiliateWallets:null,addPreferredBlockchain:o=>{let n=e().preferredBlockchains;if(n.find((a,l)=>{let p=a===o,c=l<=9;return p&&c}))return;let s=n.filter(a=>!(a===o));t(()=>({preferredBlockchains:[o,...s]}))},setSlippage:o=>t(()=>({slippage:o})),setCustomSlippage:o=>t(()=>({customSlippage:o})),setAffiliateRef:o=>t(()=>({affiliateRef:o})),setAffiliatePercent:o=>t(()=>({affiliatePercent:o})),setAffiliateWallets:o=>t(()=>({affiliateWallets:o})),toggleAllLiquiditySources:(o,n)=>t(r=>{if(n)return{disabledLiquiditySources:[]};let s=bn(o.map(a=>a.swapperGroup));return s.length===r.disabledLiquiditySources.length?{disabledLiquiditySources:[]}:{disabledLiquiditySources:s}}),toggleInfiniteApprove:()=>t(o=>({infiniteApprove:!o.infiniteApprove})),toggleLiquiditySource:o=>t(n=>n.disabledLiquiditySources.includes(o)?{disabledLiquiditySources:n.disabledLiquiditySources.filter(r=>r!=o)}:{disabledLiquiditySources:n.disabledLiquiditySources.concat(o)}),setTheme:o=>t(()=>({theme:o})),setLanguage:o=>t(()=>({language:o})),updateSettings:o=>{let{features:n,theme:r}=o,s=je("theme",n),a=je("language",n),l=je("liquiditySource",n),p=r?.singleTheme;t({...s&&{theme:o.theme?.mode||"auto"},...p&&{theme:o.theme?.mode||"light"},...a&&{language:o.language||bo},...l&&{disabledLiquiditySources:o.liquiditySources||[]}})}}),"createSettingsSlice");function wl(t){return Vf()(jf((...e)=>({...fl(...e),...kl(...e),...nl(t,...e)}),{name:"user-settings",skipHydration:!0,partialize:e=>({theme:e.theme,language:e.language,affiliatePercent:e.affiliatePercent,affiliateRef:e.affiliateRef,affiliateWallets:e.affiliateWallets,slippage:e.slippage,customSlippage:e.customSlippage,infiniteApprove:e.infiniteApprove,preferredBlockchains:e.preferredBlockchains,disabledLiquiditySources:e.disabledLiquiditySources})}))}i(wl,"createAppStore");var xl=Kf(null);function g(){let t=Yf(xl);if(Jf(()=>{t&&!t.persist.hasHydrated()&&t.persist.rehydrate()},[]),!t)throw new Error("Missing AppStoreContext.Provider in the tree");return t()}i(g,"useAppStore");function vl(t){let e=Zf();return e.current||(e.current=wl(t.config)),Xf.createElement(xl.Provider,{value:e.current},t.children)}i(vl,"AppStoreProvider");import{create as eg}from"zustand";var bl="rango-widget";var Io=class{static{i(this,"TabManager")}tabId;state="not-initiated";lastTryClaim;events={};channel;constructor(e){this.channel=new BroadcastChannel(bl),this.tabId=Math.trunc(Math.random()*1e5),this.events=e}init=()=>{this.initEvents(),this.tryClaim()};forceClaim=()=>{if(!this.isClaimed()){let e={name:"force-claim",candidateId:this.tabId};this.channel.postMessage(e),setTimeout(()=>{this.isClaimed()||this.claim()},300)}};isClaimed=()=>this.state==="claimed";destroy=()=>{this.channel.removeEventListener("message",this.handleMessageEvent),document.removeEventListener("visibilitychange",this.handleVisibilityChange),document.removeEventListener("resume",this.handleResume)};initEvents(){this.channel.addEventListener("message",this.handleMessageEvent),document.addEventListener("visibilitychange",this.handleVisibilityChange),document.addEventListener("resume",this.handleResume)}claimedByCurrentTab(e){let o=this.lastTryClaim&&this.lastTryClaim<e;if(this.isClaimed()||o){let n={name:"pong"};this.channel.postMessage(n);return}}handleMessageEvent=e=>{let o=e.data.name;switch(o){case"ping":this.claimedByCurrentTab(e.data.pingAt);break;case"pong":this.alreadyClaimedByAnotherTab();break;case"force-claim":this.forceRelease(e.data.candidateId);break;case"force-release":this.tabId===e.data.candidateId&&this.claim();break;default:throw new Error(`${o} is not supported.`)}};handleVisibilityChange=async()=>{document.visibilityState==="visible"&&await this.tryClaim()};handleResume=async()=>{this.isClaimed()&&(await this.tryClaim(),this.isClaimed()||this.events.onRelease?.())};alreadyClaimedByAnotherTab(){this.resetLastCheck()}async tryClaim(){return this.setLastCheck(),new Promise(e=>{setTimeout(()=>{this.check(),e()},300)})}check(){this.state==="not-initiated"&&this.events.onInit?.(),this.lastTryClaim?(this.claim(),this.resetLastCheck()):this.state="not-claimed"}claim(){this.state="claimed",this.events.onClaim?.()}setLastCheck(){this.lastTryClaim=Date.now();let e={name:"ping",pingAt:this.lastTryClaim};this.channel.postMessage(e)}resetLastCheck(){this.lastTryClaim=void 0}forceRelease(e){if(this.isClaimed()){this.state="not-claimed",this.events.onRelease?.();let o={name:"force-release",candidateId:e};this.channel.postMessage(o)}}};var ne=Wt(eg()((t,e)=>({isActiveTab:!1,tabManagerInitiated:!1,showActivateTabModal:!1,watermark:"NONE",fetchingApiConfig:!1,activateCurrentTab:(o,n)=>{let{showActivateTabModal:r}=e();!r&&n?t({showActivateTabModal:!0}):(r||!n)&&o()},setShowActivateTabModal:o=>{t({showActivateTabModal:o})},setWatermark:o=>{t({watermark:o})}}))),qt=new Io({onInit:()=>ne.setState({tabManagerInitiated:!0}),onClaim:()=>ne.setState({isActiveTab:!0,showActivateTabModal:!1}),onRelease:()=>ne.setState({isActiveTab:!1})});var Wn=ng({onConnectWallet:()=>{},onDisconnectWallet:()=>{}});function ig(t){let{updateConfig:e,updateSettings:o,fetch:n}=g(),r=g().blockchains(),s=g().tokens(),a={walletConnectProjectId:t.config?.walletConnectProjectId},{providers:l}=ol(t.config.wallets,a),{connectWallet:p,disconnectWallet:c}=Y(),u=Al(),d=Al();El(()=>{n().catch(console.log)},[]),El(()=>{t.config&&(e(t.config),o(t.config))},[t.config]);let m=r.filter(og).map(h=>h.name),f=i((h,y,k,T,x)=>{if(y===wi.ACCOUNTS)if(k){let I=yn(x.supportedBlockchains),E=Ua(h,k,m,I,x.isContractWallet);E.length&&p(E,s)}else c(h),d.current?d.current(h):console.warn("onDisconnectWallet handler hasn't been set. Are you sure?");if(y===wi.ACCOUNTS&&T.connected){let I=`${h}-${T.network}-${k}`;T.connected&&(u.current?u.current(I):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(y===wi.NETWORK&&T.network){let I=`${h}-${T.network}`;u.current?u.current(I):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(h,y,k,T,x)},"onUpdateState"),S=ne.use.isActiveTab(),C=rg(()=>({onConnectWallet:h=>{u.current=h},onDisconnectWallet:h=>{d.current=h}}),[]);return An.createElement(Wn.Provider,{value:C},An.createElement(tg,{allBlockChains:r,providers:l,onUpdateState:f,autoConnect:!!S},t.children))}i(ig,"Main");function Nn(t){let{config:e,...o}=t;return An.createElement(vl,{config:e},An.createElement(ig,{...o,config:e}))}i(Nn,"WidgetWallets");import ai from"react";import sg,{Fragment as ag}from"react";import{MemoryRouter as lg,useInRouterContext as pg}from"react-router";function Wl({children:t}){let o=pg()?ag:lg;return sg.createElement(o,null,t)}i(Wl,"AppRouter");import{I18nManager as ew}from"@rango-dev/ui";import ni from"react";import ze from"react";import{useRoutes as Uk}from"react-router-dom";var F={home:"/",fromSwap:"from-swap",toSwap:"to-swap",blockchains:"blockchains",settings:"settings",liquiditySources:"liquidity-sources",bridges:"bridges",exchanges:"exchanges",languages:"languages",swaps:"swaps",wallets:"wallets",confirmSwap:"confirm-swap",swapDetails:":requestId",routes:"routes"};import{useEffect as ro,useRef as Un}from"react";import Mt from"bignumber.js";import{create as gg}from"zustand";import{subscribeWithSelector as hg}from"zustand/middleware";import{getLastSuccessfulStep as fg}from"@rango-dev/queue-manager-rango-preset";import lb from"bignumber.js";import{i18n as Eo}from"@lingui/core";var xi={"Network Fee":Eo.t("Network Fee"),"Swapper Fee":Eo.t("Protocol Fee"),"Affiliate Fee":Eo.t("Affiliate Fee"),"Outbound network fee":Eo.t("Outbound Fee"),"Rango Fee":Eo.t("Rango Fee")},vi=["RECOMMENDED","CENTRALIZED","LOWEST_FEE","FASTEST","HIGH_IMPACT"],Nl=30;var Nt=(r=>(r[r.HIGH_VALUE_LOSS=0]="HIGH_VALUE_LOSS",r[r.UNKNOWN_PRICE=1]="UNKNOWN_PRICE",r[r.INSUFFICIENT_SLIPPAGE=2]="INSUFFICIENT_SLIPPAGE",r[r.HIGH_SLIPPAGE=3]="HIGH_SLIPPAGE",r))(Nt||{});import{i18n as tt}from"@lingui/core";import Me from"bignumber.js";import{PendingSwapNetworkStatus as _n}from"rango-types";function Ln(t){let e=[];return t?.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,s=e[e.length-1];n!=s&&e.push(n),s=e[e.length-1],r!=s&&e.push(r)}),e}i(Ln,"getRequiredWallets");function Mn(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}i(Mn,"isValidAddress");import{i18n as Ee}from"@lingui/core";var R=i(()=>({genericServerError:Ee.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:Ee.t("Please reset your liquidity sources."),description:Ee.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources.")},noResultError:{title:Ee.t("No Routes Found."),description:Ee.t("Reasons why Rango couldn't find a route: low liquidity on token, very low input amount or no routes available for the selected input/output token combination.")},bridgeLimitErrors:{increaseAmount:Ee.t("Bridge Limit Error: Please increase your amount."),decreaseAmount:Ee.t("Bridge Limit Error: Please decrease your amount.")},highValueLossError:{impactTitle:Ee.t("High Price Impact"),title:Ee.t("Price impact is too high!"),description:Ee.t("The price impact is significantly higher than the allowed amount."),confirmMessage:Ee.t("Confirm high price impact")},quoteUpdatedWithHighValueLoss:{title:Ee.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:Ee.t("USD Price Unknown"),title:Ee.t("USD Price Unknown, Cannot calculate Price Impact."),description:Ee.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:Ee.t("Confirm USD Price Unknown")}}),"errorMessages");function Ll(t){switch(t.type){case 0:return t.diagnosisMessage??R().noResultError.title;case 1:return R().genericServerError;default:return""}}i(Ll,"getQuoteErrorMessage");import{i18n as Bn}from"@lingui/core";var zt=i(()=>({connectWallet:Bn.t("Connect Wallet"),swap:Bn.t("Swap"),swapAnyway:Bn.t("Swap anyway"),ethWarning:Bn.t("The route goes through Ethereum. Continue?")}),"swapButtonTitles");function Ml(t,e){return(parseInt(e.toFixed(2)||"0")<=-10&&t?.gte(new Me(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new Me(1e3)))??!1}i(Ml,"hasHighValueLoss");function Bl(t){return(t||[]).filter(e=>{let o=e.fromAmountMinValue?new Me(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Me(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(Bl,"hasLimitError");function _l(t){let e=(t||[]).filter(l=>{let p=l.fromAmountMinValue?new Me(l.fromAmountMinValue):null,c=l.fromAmountMaxValue?new Me(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 Me(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Me(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",s="",a="";return!r&&o&&o.gt(e.fromAmount)?(s=tt.t({id:"Required: >= {min} {symbol}",values:{min:W(o,6,6),symbol:e.from.symbol}}),a=R().bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(s=tt.t({id:"Required: > {min} {symbol}",values:{min:W(o,6,6),symbol:e.from.symbol}}),a=R().bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(s=tt.t({id:"Required: <= {max} {symbol}",values:{max:W(n,6,6),symbol:e.from.symbol}}),a=R().bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(s=tt.t({id:"Required: < {max} {symbol}",values:{max:W(n,6,6),symbol:e.from.symbol}}),a=R().bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:s,recommendation:a}}i(_l,"getLimitErrorMessage");function Pl(t){let{fetchMetaStatus:e,anyWalletConnected:o,fetchingQuote:n,inputAmount:r,quote:s,warning:a,error:l,needsToWarnEthOnPath:p}=t;return e!=="success"?{title:zt().connectWallet,action:"connect-wallet",disabled:!0}:o?n||!s||l||!r||r==="0"?{title:zt().swap,action:"confirm-swap",disabled:!0}:a?{title:zt().swapAnyway,action:"confirm-warning",disabled:!1}:p?{title:zt().ethWarning,action:"confirm-warning",disabled:!1}:{title:zt().swap,action:"confirm-swap",disabled:!1}:{title:zt().connectWallet,action:"connect-wallet",disabled:!1}}i(Pl,"getSwapButtonState");function bi(t,e,o){return!((!o||o.lte(Ne))&&t&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t)}i(bi,"canComputePriceImpact");function cg(t){let e=[];return t?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,s=e[e.length-1];n!=s&&e.push(n),s=e[e.length-1],r!=s&&e.push(r)}),e}i(cg,"requiredWallets");var ug=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice");function mg(t,e){let o=Ne;for(let n=0;n<t.fee.length;n++){let r=t.fee[n];if(r.expenseType==="DECREASE_FROM_OUTPUT")continue;let s=ug(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new Me(r.amount).multipliedBy(s||0))}return o}i(mg,"getUsdFeeOfStep");function Pn(t,e){return t.reduce((o,n)=>o.plus(mg(n,e)),Ne)}i(Pn,"getTotalFeeInUsd");function Ii(t){let e=Ne;return e=e.plus(new Me(t.amount).multipliedBy(t.price||0)),e}i(Ii,"getUsdFee");function $l(t){return t.reduce((e,o)=>e.plus(Ii(o)),Ne)}i($l,"getTotalFeesInUsd");function Dl(t){return t.reduce((e,o)=>{for(let n of o.fee){let r=n.name,s=n.expenseType!=="DECREASE_FROM_OUTPUT"?e.payable:e.nonePayable;s[r]=[...s[r]||[],n]}return e},{payable:{},nonePayable:{}})}i(Dl,"getFeesGroup");function Fl(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(Fl,"checkSlippageErrors");function Ol(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(Ol,"checkSlippageWarnings");function $n(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($n,"getMinRequiredSlippage");function Ul(t,e){return e?parseFloat(t)>=parseFloat(e):!0}i(Ul,"hasProperSlippage");function ql(t){let{fromToken:e,toToken:o,inputAmount:n,wallets:r,selectedWallets:s,disabledLiquiditySources:a,liquiditySources:l,excludeLiquiditySources:p,slippage:c,affiliateRef:u,affiliatePercent:d,affiliateWallets:m,destination:f,enableCentralizedSwappers:S}=t,C=s?.reduce((k,T)=>(k[T.chain]=T.address,k),{}),h=[];return r?.forEach(k=>{h.push({blockchain:k.chain,addresses:[k.address]})}),{amount:n.toString(),affiliateRef:u??void 0,affiliatePercent:d??void 0,affiliateWallets:m??void 0,from:{address:e.address,blockchain:e.blockchain,symbol:e.symbol},to:{address:o.address,blockchain:o.blockchain,symbol:o.symbol},connectedWallets:h,selectedWallets:C??{},slippage:c.toString(),...f&&{destination:f},...p&&{swapperGroups:a.concat(l??[]),swappersGroupsExclude:!0},...!p&&{swapperGroups:l?.filter(k=>!a.includes(k)),swappersGroupsExclude:!1},enableCentralizedSwappers:S}}i(ql,"createQuoteRequestBody");function zl(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}i(zl,"getWalletsForNewSwap");function oo(t){return t?.outputAmount||null}i(oo,"getQuoteOutputAmount");function Ql(t,e){return new Me(e).div(new Me(t)).minus(1).multipliedBy(100).toNumber()}i(Ql,"getPercentageChange");function Hl(t,e){let o=oo(t),n=oo(e);if(!o||!n)return!1;let r=Xe(o,n);return r?r<=-1:!0}i(Hl,"isOutputAmountChangedALot");function Gl(t,e,o){let n=t.validationStatus,r=qa(t);return e.sort((a,l)=>r.indexOf(a.chain)-r.indexOf(l.chain)).flatMap(a=>Jl(a,n)||[]).filter(a=>!a.ok).map(a=>{let l=a.asset.symbol,p=W(new Me(a.currentAmount.amount).shiftedBy(-a.currentAmount.decimals),8,8),c=W(new Me(a.requiredAmount.amount).shiftedBy(-a.requiredAmount.decimals),8,8),u="";return a.reason==="FEE"&&(u=tt.t(" for network fee")),a.reason==="INPUT_ASSET"&&(u=tt.t(" for swap")),a.reason==="FEE_AND_INPUT_ASSET"&&(u=tt.t(" for input and network fee")),tt.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:Ve(a.asset.blockchain,o)}})})}i(Gl,"generateBalanceWarnings");function Dn(t,e){return(t?new Me(t):Ne).multipliedBy(e||0)}i(Dn,"calcOutputUsdValue");function Ao(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==_n.NetworkChanged}i(Ao,"isNetworkStatusInWarningState");function Vl(t,e){let o="bellow button or",n=t.extraMessage,r=t.extraMessageDetail;if(t.networkStatusExtraMessageDetail?.includes(o)&&(t.networkStatusExtraMessageDetail=t.networkStatusExtraMessageDetail.replace(o,"")),Ao(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case _n.WaitingForConnectingWallet:n=n||tt.t("Waiting for connecting wallet");break;case _n.WaitingForQueue:n=n||tt.t("Waiting for other running tasks to be finished");break;case _n.WaitingForNetworkChange:n=n||tt.t("Waiting for changing wallet network");break;default:n=n||"";break}r=r||"",n=n||"";let a=n?.indexOf("code")!==-1&&n?.indexOf("reason")!==-1;return{shortMessage:n,detailedMessage:{content:r,long:a}}}i(Vl,"getSwapMessages");function jl(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(jl,"getLastConvertedTokenInFailedSwap");function Xl(t){return t.status==="failed"}i(Xl,"shouldRetrySwap");function Kl(t,e,o,n,r,s){return t||!e&&!cg(n).every(a=>r.map(l=>l.chain).includes(a))||!!e&&!o||!!e&&!!o&&s&&!Mn(s,o)}i(Kl,"confirmSwapDisabled");function Yl(t,e){return t.blockchain===e.blockchain&&t.symbol===e.symbol&&t.address===e.address}i(Yl,"isTokensIdentical");function Fn(t){let e=t?.swaps||[];return e[e.length-1].to.usdPrice}i(Fn,"getQuoteToTokenUsdPrice");function Ei(t,e){let o=t?.swaps||[],n=e?.swaps||[];return o.length!==n.length}i(Ei,"isNumberOfSwapsChanged");function Ai(t,e){let o=t?.swaps.map(r=>r.swapperId)||[],n=e?.swaps.map(r=>r.swapperId)||[];return!yi(o,n)}i(Ai,"isQuoteSwappersUpdated");function Wi(t,e){let o=t?.swaps.map(r=>r.to.symbol)||[],n=e?.swaps.map(r=>r.to.symbol)||[];return!yi(o,n)}i(Wi,"isQuoteInternalCoinsUpdated");function Rl(t,e){return Ei(t,e)||Ai(t,e)||Wi(t,e)}i(Rl,"isQuoteChanged");function Jl(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(Jl,"getRequiredBalanceOfWallet");function St(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}i(St,"getPriceImpactLevel");function ep(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],s=fg(t.steps),a={blockchain:r.toBlockchain,symbol:r.toSymbol,address:r.toSymbolAddress},l=Ci(s?s.toBlockchain:n.fromBlockchain,e),p=Ci(r.toBlockchain,e),c=Si(s?{blockchain:l?.name??"",symbol:s.toSymbol,address:s.toSymbolAddress}:{blockchain:l?.name??"",symbol:n.fromSymbol,address:n.fromSymbolAddress},o),u=Si(a,o),d=s?s.outputAmount??"":t.inputAmount;return{fromBlockchain:l,fromToken:c,toBlockchain:p,toToken:u,inputAmount:d}}i(ep,"createRetryQuote");function no(t,e){let{fromToken:o,toToken:n,tokens:r,userSlippage:s}=e,a=Qt(o,t.requestAmount),l=Qt(n,t?.outputAmount??"");if(t&&a&&l){let u=Xe(a.toString(),l.toString());if(!!u&&Ml(a,u)){let m=Pn(t?.swaps,r),f=St(u);return{type:0,inputUsdValue:a,outputUsdValue:l,priceImpact:u,totalFee:m,warningLevel:f}}}else if(t&&(!a||!l))return{type:1};let p=$n(t.swaps),c=s>Sl;if(Ul(e.userSlippage.toString(),p)){if(c&&parseFloat(p??"0")<s)return{type:3,slippage:s.toString()}}else return{type:2,recommendedSlippages:Ol(t,s),minRequiredSlippage:p};return null}i(no,"generateQuoteWarnings");function Xe(t,e){let o=typeof e=="string"?parseFloat(e)<=0:!e?.gt(0),n=!t||!e||o?null:Ql(t.toString(),e.toString());return n&&n<0?n:null}i(Xe,"getPriceImpact");var tp=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"),On=i((t,e)=>e.sort((o,n)=>{let r=i(c=>c.scores?.find(u=>u.preferenceType===t)?.score??0,"getScore"),s=r(o),a=r(n);if(s!==a)return a-s;let l=o.requestId.toLowerCase(),p=n.requestId.toLowerCase();return l.localeCompare(p)}),"sortQuotesBy"),op=i((t,e,o)=>{if(!e.length)return null;if(!t)return{requestAmount:o,...e[0]};let n=new Set(t.swaps.map(s=>s.swapperId)),r=e.find(s=>{let a=new Set(s.swaps.map(l=>l.swapperId));return Array.from(n).every(l=>a.has(l))});return{requestAmount:o,...r||e[0]}},"getDefaultQuote"),np=i(t=>{let e=i((o,n)=>{let r=vi.indexOf(o.value),s=vi.indexOf(n.value);return r!==-1&&s!==-1?r-s:r!==-1?-1:s!==-1?1:0},"customSort");return t.sort(e)},"sortTags");var Qt=i((t,e)=>t?.usdPrice?new Mt(e||Ne).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),H=Wt(gg()(hg(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new Mt(0),outputUsdValue:new Mt(0),toBlockchain:null,toToken:null,refetchQuote:!0,sortStrategy:"SMART",selectedQuote:null,quotes:null,error:null,warning:null,quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:null,quoteWarningsConfirmed:!1,updateQuotePartialState:(e,o)=>t(n=>({...n,[e]:o})),setSelectedQuote:e=>t(o=>{let n=null,r=Ne;return wo(o.inputAmount)?(e&&(n=e?.outputAmount?new Mt(e?.outputAmount):null,r=Dn(e?.outputAmount,Fn(e)||o.toToken?.usdPrice)),{selectedQuote:e,...!!e&&{outputAmount:n,outputUsdValue:r}}):{}}),resetAlerts:()=>t(()=>({error:null,warning:null})),resetQuote:()=>t(()=>({selectedQuote:null,outputAmount:null,outputUsdValue:new Mt(0),quotes:null,refetchQuote:!0,error:null,warning:null})),setFromBlockchain:e=>{t(o=>o.fromBlockchain?.name===e?.name?{}:{fromBlockchain:e,...o.fromToken&&{selectedQuote:null,fromToken:null,outputAmount:null,outputUsdValue:null}})},setFromToken:e=>t(o=>({fromToken:e.token,...e.token&&{fromBlockchain:e.meta.blockchains.find(n=>n.name===e.token.blockchain)??null},...!!o.inputAmount&&{inputUsdValue:Qt(e.token,o.inputAmount)}})),setToBlockchain:e=>{t(o=>o.toBlockchain?.name===e?.name?{}:{toBlockchain:e,...o.toToken&&{selectedQuote:null,toToken:null,outputAmount:null,outputUsdValue:null}})},setToToken:e=>t(()=>({toToken:e.token,...e.token&&{toBlockchain:e.meta.blockchains.find(o=>o.name===e.token.blockchain)??null}})),setInputAmount:e=>{t(o=>({inputAmount:e,...!e&&{outputAmount:new Mt(0),outputUsdValue:new Mt(0),selectedQuote:null},...!!o.fromToken&&{inputUsdValue:Qt(o.fromToken,e)}}))},retry:(e,o)=>{let{tokens:n,blockchains:r}=o,{fromBlockchain:s,fromToken:a,toBlockchain:l,toToken:p,inputAmount:c}=ep(e,r,n);t({fromBlockchain:s,fromToken:a,inputAmount:c,outputAmount:null,inputUsdValue:Qt(a??null,c),outputUsdValue:new Mt(0),toBlockchain:l,toToken:p,selectedQuote:null})},switchFromAndTo:()=>t(e=>({fromBlockchain:e.toBlockchain,fromToken:e.toToken,toBlockchain:e.fromBlockchain,toToken:e.fromToken,inputAmount:e.outputAmount?.toString()||"",inputUsdValue:Qt(e.toToken,e.outputAmount?.toString()||"")})),resetFromBlockchain:()=>t(()=>({fromToken:null,fromBlockchain:null,outputAmount:null,outputUsdValue:null,selectedQuote:null})),resetToBlockchain:()=>t(()=>({toToken:null,toBlockchain:null,outputAmount:null,outputUsdValue:null,selectedQuote:null})),setQuoteWalletConfirmed:e=>t({quoteWalletsConfirmed:e}),setSelectedWallets:e=>t({selectedWallets:e}),setCustomDestination:e=>t({customDestination:e}),resetQuoteWallets:()=>t({quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:null}),setQuoteWarningsConfirmed:e=>t({quoteWarningsConfirmed:e})}))));function rp(){let{setInputAmount:t,setToToken:e,setToBlockchain:o,setFromBlockchain:n,setFromToken:r,fromToken:s,toToken:a,fromBlockchain:l,toBlockchain:p}=H(),c=g().config,u=g().fetchStatus,d=g().blockchains(),m=g().tokens(),{setAffiliateRef:f,setAffiliatePercent:S,setAffiliateWallets:C}=g(),h=c?.from?.tokens,y=c?.from?.blockchains,k=c?.to?.tokens,T=c?.to?.blockchains,x=Un(void 0),I=Un(void 0),E=Un(void 0),v=Un(void 0);ro(()=>{t(c?.amount?.toString()||"")},[c?.amount]),ro(()=>{if(u==="success"){let w=d.find(N=>N.name===c?.from?.blockchain),A=m.find(N=>Le(N,c?.from?.token||null));(w||!w&&E.current)&&n(w??null),A?r({token:A,meta:{blockchains:d,tokens:m}}):!A&&x.current&&r({token:null}),E.current=c?.from?.blockchain,x.current=c?.from?.token}},[c?.from?.token?.symbol,c?.from?.token?.address,c?.from?.token?.blockchain,c?.from?.blockchain,u]),ro(()=>{xo(s,h)&&r({token:null}),di(l,y)&&n(null)},[h,y]),ro(()=>{xo(a,k)&&r({token:null}),di(p,T)&&o(null)},[k,T]),ro(()=>{if(u==="success"){let w=d.find(N=>N.name===c?.to?.blockchain),A=m.find(N=>Le(N,c?.to?.token||null));(w||!w&&v.current)&&o(w??null),A?e({token:A,meta:{blockchains:d,tokens:m}}):!A&&I.current&&e({token:null}),v.current=c?.to?.blockchain,I.current=c?.to?.token}},[c?.to?.token?.symbol,c?.to?.token?.address,c?.to?.token?.blockchain,c?.to?.blockchain,u]),ro(()=>{f(c?.affiliate?.ref??null),S(c?.affiliate?.percent??null),C(c?.affiliate?.wallets??null)},[c?.affiliate?.ref,c?.affiliate?.percent,c?.affiliate?.wallets])}i(rp,"useSyncStoresWithConfig");import{useEffect as Mi,useRef as yg}from"react";import{useInRouterContext as Sg,useLocation as Cg,useSearchParams as Tg}from"react-router-dom";function Ni(t,e,o){return o&&t.find(n=>{let r=e?.split("--");return r?.length===1?n.symbol===r[0]&&n.address===null&&n.blockchain===o.name:n.symbol===r?.[0]&&n.address===r?.[1]&&n.blockchain===o.name})||null}i(Ni,"searchParamToToken");function Li(t){if(t)return`${t.symbol}${t.address?`--${t.address}`:""}`}i(Li,"tokenToSearchParam");function Bi(){let t=Cg(),[e,o]=Tg(),{fromBlockchain:n,toBlockchain:r,fromToken:s,toToken:a,inputAmount:l,setFromBlockchain:p,setToBlockchain:c,setFromToken:u,setToToken:d,setInputAmount:m}=H(),f=g().fetchStatus,S=g().blockchains(),C=g().tokens(),h=Sg(),{updateIframe:y,updateCampaignMode:k}=g(),T=g().isInCampaignMode(),x=yg(),I=i(()=>{let v=e.get("fromAmount"),w=e.get("fromBlockchain"),A=e.get("fromToken"),N=e.get("toBlockchain"),M=e.get("toToken"),z=e.get("autoConnect"),X=e.get("clientUrl"),V=e.get("liquiditySources");return{fromAmount:v,fromBlockchain:w,fromToken:A,toBlockchain:N,toToken:M,autoConnect:z,clientUrl:X,liquiditySources:V}},"getUrlSearchParams"),E=i(v=>{for(let w in v)v[w]||delete v[w];o(v,{replace:!0})},"updateUrlSearchParams");Mi(()=>{let{autoConnect:v,clientUrl:w}=I();h&&f==="success"&&E({fromBlockchain:n?.name,fromToken:Li(s),toBlockchain:r?.name,toToken:Li(a),fromAmount:l,autoConnect:v??void 0,clientUrl:w??void 0,liquiditySources:T?x.current:void 0})},[t.pathname,l,n,s,r,a,T]),Mi(()=>{if(!h)return;let v=I();if(!x.current&&v.liquiditySources&&(x.current=v.liquiditySources),v.fromAmount&&m(v.fromAmount),f==="success"){let w=S.find(z=>z.name===v.fromBlockchain),A=Ni(C,v.fromToken,w??null),N=S.find(z=>z.name===v.toBlockchain),M=Ni(C,v.toToken,N??null);w&&(p(w),A&&u({token:A,meta:{blockchains:S,tokens:C}})),N&&(c(N),M&&d({token:M,meta:{blockchains:S,tokens:C}}))}},[f]),Mi(()=>{let{clientUrl:v,liquiditySources:w}=I();y("clientUrl",v||void 0),k("liquiditySources",w?.split(",")??void 0)},[])}i(Bi,"useSyncUrlAndStore");import{i18n as Wr}from"@lingui/core";import{useManager as gS}from"@rango-dev/queue-manager-react";import{Alert as Fu,Button as hS,css as As,Divider as Es,IconButton as Ou,SettingsIcon as yS,styled as SS,Tooltip as CS,Typography as TS,WalletIcon as kS}from"@rango-dev/ui";import fe,{useEffect as Vo,useLayoutEffect as wS,useRef as xS,useState as jo}from"react";import{flushSync as vS}from"react-dom";import{useLocation as bS,useNavigate as IS}from"react-router-dom";import{i18n as mt}from"@lingui/core";import{Alert as ss,BalanceErrors as ry,Button as Sc,ChevronDownIcon as iy,ChevronLeftIcon as sy,Divider as uo,MessageBox as ay,Typography as lr,WalletIcon as ly}from"@rango-dev/ui";import D,{useEffect as py,useState as mo}from"react";import{useNavigate as cy}from"react-router-dom";import{i18n as qn}from"@lingui/core";function zn(t){switch(t.type){case 0:return qn.t("Route has been updated.");case 3:return qn.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return qn.t("Route swappers has been updated.");case 2:return qn.t("Route internal coins has been updated.");default:return""}}i(zn,"getQuoteUpdateWarningMessage");import{Modal as wg}from"@rango-dev/ui";import xg from"react";function ce(t){let{watermark:e}=ne();return xg.createElement(wg,{hasWatermark:e==="FULL",...t},t.children)}i(ce,"WatermarkedModal");import Vn,{useRef as Ig}from"react";import*as io from"@radix-ui/react-collapsible";import{keyframes as sp,styled as Qn}from"@rango-dev/ui";var _i=300,vg=sp({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),bg=sp({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),ap=Qn(io.Root,{borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),Pi=Qn(io.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit",cursor:"pointer"}),Hn=Qn(io.Content,{overflow:"hidden",variants:{open:{true:{animation:`${vg} ${_i}ms ease-out`},false:{animation:`${bg} ${_i}ms ease-out`}}}}),Gn=Qn("div",{transition:`all ${_i}ms ease`,display:"flex",alignItems:"center",variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}});function jn(t){let{open:e,hasSelected:o,onOpenChange:n,children:r,onClickTrigger:s,trigger:a,triggerAnchor:l}=t,p=Ig(null);return Vn.createElement(ap,{ref:p,className:"collapsible_root",selected:o&&e,open:e,onOpenChange:n},l==="top"&&Vn.createElement(Pi,{className:"collapsible_trigger",onClick:s},a),Vn.createElement(Hn,{className:"collapsible_content",open:e},r),l==="bottom"&&Vn.createElement(Pi,{className:"collapsible_trigger",onClick:s},a))}i(jn,"CustomCollapsible");import{css as lp,darkTheme as so,IconButton as Eg,styled as Ke,TextField as Ag}from"@rango-dev/ui";var pp=Ke("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),cp=Ke("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),Wg=Ke("button",{borderRadius:"$xm",padding:"$10",border:"0",display:"flex",justifyContent:"center",$$color:"$colors$neutral100",[`.${so} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",alignItems:"center",cursor:"pointer",width:110,position:"relative","&:hover":{$$color:"$colors$info100",[`.${so} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$color:"$colors$info100",[`.${so} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color",outline:0},variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary",outlineStyle:"solid"}}}}),up=Ke(Wg,{alignSelf:"stretch",minHeight:"93px"}),mp=Ke("div",{padding:"$20 $20 $15 $20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),dp=Ke(Eg,{position:"absolute",left:"$20"}),fp=Ke("div",{paddingTop:"$20"}),gp=lp({display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),hp=Ke("div",{padding:"$10 $0","& .button__content":{display:"flex",alignItems:"center"},"& .alarms":{paddingTop:"$5"},"& .collapsible_content":{backgroundColor:"$neutral100"},"& .collapsible_root":{backgroundColor:"$neutral200"}}),yp=lp({paddingTop:"$5"}),Sp=Ke("div",{display:"flex"}),Cp=Ke(Ag,{backgroundColor:"$neutral100",padding:"$0 $15 $15 $15"}),Tp=Ke("div",{overflow:"visible",width:"100%"}),kp=Ke("div",{width:"100%",borderRadius:"$sm",display:"flex",padding:"$15",justifyContent:"space-between",alignItems:"center",$$color:"$colors$neutral100",[`.${so} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color","&:hover":{$$color:"$colors$info100",[`.${so} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$background:"$colors$info100",[`.${so} &`]:{$$background:"$colors$info700"},backgroundColor:"$$background",outline:0}});import{i18n as ot}from"@lingui/core";import{Button as ey,Divider as rs,Image as ty,MessageBox as sr,SelectableWallet as oy,Typography as gc,WalletState as hc}from"@rango-dev/ui";import me,{useEffect as yc,useState as Bo}from"react";import{WalletState as Xn}from"@rango-dev/ui";import{useWallets as Ng}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as Lg,WalletTypes as Wo}from"@rango-dev/wallets-shared";import{useCallback as Mg,useEffect as Bg,useState as _g}from"react";var Pg=Object.values(Wo);function ao(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:s,disconnect:a,getWalletInfo:l,connect:p}=Ng(),{connectedWallets:c}=Y(),u=g().blockchains(),d=tl(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||Pg,m=Oa(s,l,d,o),f=Va(m),[S,C]=_g(""),h=i(I=>!c.find(E=>E.walletType===I&&E.chain===o),"isExperimentalChainNotAdded"),y=i(async I=>{let E=s(I);try{if(S&&C(""),E.connected)await a(I);else{let v=!!m.find(w=>w.state===Xn.CONNECTED);if(!e?.multiWallets&&v)return;n?.(I),await p(I),r?.(I)}}catch(v){C("Error: "+v?.message)}},"handleClick"),k=Mg(()=>{let I=m?.filter(E=>E.state===Xn.CONNECTING)||[];for(let E of I)a(E.type)},[Ka(m)]);Bg(()=>()=>{k()},[]);let T=i(I=>{let E=I.find(w=>w.type===Wo.DEFAULT);return!E||E.state===Xn.NOT_INSTALLED?!1:I.filter(w=>w.state!=Xn.NOT_INSTALLED&&![Wo.DEFAULT,Wo.WALLET_CONNECT_2].includes(w.type)&&l(w.type).supportedChains.filter(A=>A.type=="EVM").length>0).length==0},"shouldShowDefaultInjectedWallet"),x=i((I,E,v)=>Cn(v,E)&&h(I)&&!Lg.includes(I)||I==Wo.DEFAULT&&!T(m),"shouldExcludeWallet");return{list:f.filter(I=>!x(I.type,o??"",u)),error:S,handleClick:y,disconnectConnectingWallets:k}}i(ao,"useWalletList");import{i18n as lc}from"@lingui/core";import{styled as cc,Typography as jh,Wallet as Xh,WalletState as Kh}from"@rango-dev/ui";import co,{useState as pc}from"react";import{useManager as Dh}from"@rango-dev/queue-manager-react";import{BottomLogo as Fh,Divider as ec,Header as Oh}from"@rango-dev/ui";import Ce,{useEffect as tc,useRef as oc}from"react";import{useRef as $g}from"react";function Kn(){return window.self!==window.top}i(Kn,"isAppLoadedIntoIframe");function $i(){let t=$g(null),{iframe:e}=g(),o=Kn()&&e.clientUrl,n=i(a=>{o&&window.top?.postMessage(a,e.clientUrl)},"send");return{send:n,connectHeightObserver:i(a=>{t.current=new ResizeObserver(l=>{for(let p of l)n({type:"widget_height",data:{height:p.contentRect.height}})}),t.current.observe(a)},"connectHeightObserver"),disconnectHeightObserver:i(()=>{t.current&&(t.current.disconnect(),t.current=null)},"disconnectHeightObserver")}}i($i,"useIframe");import{useNavigate as Dg}from"react-router-dom";function Ye(){let t=Dg();return()=>t(-1)}i(Ye,"useNavigateBack");import{createTheme as zi,darkTheme as Qg,lightTheme as Hg}from"@rango-dev/ui";import{useEffect as Gg,useState as Vg}from"react";import{theme as qg,darkColors as zg}from"@rango-dev/ui";import Ui from"react";function Fg(t,e,o){let p=[],c=90;for(let m=0;m<9;m++)p.push(c),m+1===4?c=0:c-=m>=4?6:10;let u=o?p.slice().reverse():p,d={};for(let m=0;m<9;m++){let f=100+m*100,S=u[m],C={[`${e}${f}`]:Yn(t,S)};Object.assign(d,C)}return{...d,[e]:t}}i(Fg,"generateShades");function Yn(t,e){let[o,n,r]=wp(t);return`#${Di(o+e)}${Di(n+e)}${Di(r+e)}`}i(Yn,"generateShade");function wp(t){let r=parseInt(t.slice(1,3),16),s=parseInt(t.slice(3,5),16),a=parseInt(t.slice(5,7),16);return[r,s,a]}i(wp,"convertToRGB");function Di(t){return("0"+Math.max(0,Math.min(255,t)).toString(16)).slice(-2).toUpperCase()}i(Di,"clamp");function xp(t){let[a,l,p]=wp(t);return(a*299+l*587+p*114)/1e3>188}i(xp,"isBright");var Fi=i((t,e,o)=>{if(!o||!Object.entries(o).length)return{};let n=!1,r={...t};for(let s in o){let a=o[s];a&&a!==t[s]&&(n=!0,s==="background"||s==="foreground"?r={...r,[s]:a}:r={...r,...Fg(a,s,s==="neutral"&&e)})}return n?r:{}},"generateColors");var vp=i(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),Og=i(t=>{let e="",o;for(o=Math.abs(t);o>52;o=o/52|0)e=vp(o%52)+e;return vp(o%52)+e},"toAlphabeticName"),Ug=i((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),Oi=i(t=>Og(Ug(5381,JSON.stringify(t))>>>0),"toHash");function qi(t){let e=qg.colors,o=Fi({...e,...zg},!0,t?.dark),n=Fi(e,!1,t?.light),r=Object.keys(o).length>0,s=Object.keys(n).length>0,a,l;if(s){let p={colors:n};a={id:`${mi}-light-${Oi(p)}`,tokens:p}}if(r){let p={colors:o};l={id:`${mi}-dark-${Oi(p)}`,tokens:p}}return{light:a,dark:l}}i(qi,"customizedThemeTokens");function bp(t,e){if(t.length<=1)return t.map(({element:n,key:r})=>Ui.cloneElement(n,{key:r}));let o=[];return t.forEach((n,r)=>{let{element:s,key:a}=n;if(o.push(Ui.cloneElement(s,{key:a})),r<t.length-1){let l=`divider-${r}`;o.push(Ui.cloneElement(e,{key:l}))}}),o}i(bp,"joinList");function Jn(t){let{colors:e,fontFamily:o=Ra,borderRadius:n=Ja,secondaryBorderRadius:r=Za}=t,[s,a]=Vg("light"),{theme:l}=g(),{dark:p,light:c}=qi(e),u=zi({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),d=[u.className,Hg.className],m=[u.className,Qg.className];if(c){let S=zi(c.id,c.tokens);d.push(S.className)}if(p){let S=zi(p.id,p.tokens);m.push(S.className)}return Gg(()=>{let S=i(C=>{C.matches?a("dark"):a("light")},"switchThemeListener");return window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches&&a("dark"),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",S),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",S)}},[]),{activeTheme:i(()=>{let S=d.join(" "),C=m.join(" ");return l==="auto"?s==="dark"?C:S:l==="dark"?C:S},"getActiveTheme")}}i(Jn,"useTheme");var ut=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 Ip}from"@lingui/core";import{Alert as jg,Button as Xg}from"@rango-dev/ui";import Ep from"react";function Qi(t){return Ep.createElement(jg,{action:Ep.createElement(Xg,{onClick:t.onActivateTab,variant:"contained",size:"xxsmall",type:"warning"},Ip.t("Activate this tab")),type:"warning",variant:"alarm",title:Ip.t("Another tab is open and handles transactions.")})}i(Qi,"ActivateTabAlert");import{i18n as Hi}from"@lingui/core";import{Button as Kg,Divider as Yg,MessageBox as Jg}from"@rango-dev/ui";import Zn from"react";function Gi(t){let{open:e,onClose:o,onConfirm:n}=t;return Zn.createElement(ce,{open:e,dismissible:!0,onClose:o,container:L()},Zn.createElement(Jg,{title:Hi.t("Activate current tab"),type:"warning",description:Hi.t("Currently, some transactions are running and being handled by other browser tab. If you activate this tab, all transactions that are already in the transaction sign step will expire.")},Zn.createElement(Yg,{size:20}),Zn.createElement(Kg,{variant:"contained",size:"large",type:"primary",fullWidth:!0,onClick:n},Hi.t("Confirm"))))}i(Gi,"ActivateTabModal");import{ChevronLeftIcon as eh}from"@rango-dev/ui";import Pp from"react";import{css as Zg,darkTheme as Ap,IconButton as Rg,styled as Ht}from"@rango-dev/ui";var Je=Ht(Rg,{width:"$24",position:"relative",padding:"0",overflow:"unset","&:hover":{backgroundColor:"$info100",[`.${Ap} &`]:{backgroundColor:"$neutral"}}}),Wp=Ht("div",{position:"absolute",background:"$secondary500",[`.${Ap} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),lo=Ht("div",{display:"flex",justifyContent:"flex-end",minWidth:"$40",button:{padding:0}}),Np=Ht("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"}}}}),Lp=Ht("div",{padding:"$2",variants:{isRefetched:{true:{transform:"rotate(360deg)",transition:"transform 1s ease-in-out"}}}}),Mp=Ht("div",{position:"absolute",right:"$4",top:"$4",backgroundColor:"$background",borderRadius:"100%"}),Bp=Zg({display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center"}),_p=Ht("div",{borderRadius:"100%",border:"1.5px transparent solid","&:not(:first-child)":{marginLeft:"-$6"},img:{borderRadius:"100%"}});function Vi(t){return Pp.createElement(Je,{variant:"ghost",size:"small",onClick:t.onClick},Pp.createElement(eh,{color:"black",size:16}))}i(Vi,"BackButton");import{i18n as th}from"@lingui/core";import{Button as oh,Typography as nh}from"@rango-dev/ui";import ji from"react";function Xi(t){return ji.createElement(lo,null,ji.createElement(oh,{variant:"ghost",onClick:t.onClick,size:"xsmall"},ji.createElement(nh,{variant:"label",size:"medium",color:"error500"},th.t("Cancel"))))}i(Xi,"CancelButton");import{i18n as rh}from"@lingui/core";import{Image as ih,Tooltip as sh,WalletIcon as ah}from"@rango-dev/ui";import Gt from"react";function Ki(t){let{list:e}=ao({}),o=e.filter(r=>r.state==="connected"),n=o.length?Gt.createElement("div",{className:Bp()},o.map(r=>Gt.createElement(_p,{key:r.title},Gt.createElement(ih,{src:r.image,size:14})))):rh.t("Connect Wallet");return Gt.createElement(sh,{container:t.container,side:"bottom",content:n},Gt.createElement(Je,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&Gt.createElement(Wp,null),Gt.createElement(ah,{size:18,color:"black"})))}i(Ki,"WalletButton");import{i18n as tr}from"@lingui/core";import{NotificationsIcon as Mh,Popover as Bh,SettingsIcon as _h,Tooltip as or,TransactionIcon as Ph}from"@rango-dev/ui";import ve from"react";import{i18n as yh}from"@lingui/core";import{EventSeverity as zp}from"@rango-dev/queue-manager-rango-preset";import{ChainToken as Qp,ChevronRightIcon as Sh,Divider as Ch,Typography as Th}from"@rango-dev/ui";import Ue from"react";import{useNavigate as kh}from"react-router-dom";import{create as lh}from"zustand";import{persist as ph,subscribeWithSelector as ch}from"zustand/middleware";var Oe=Wt(lh()(ph(ch((t,e)=>({notifications:[],setNotification:(o,n)=>{let r=n.steps[0],s=n.steps[n.steps.length-1],a={event:o,creationTime:Date.now(),read:!1,requestId:n.requestId,route:{from:{blockchain:r.fromBlockchain,address:r.fromSymbolAddress,symbol:r.fromSymbol},to:{blockchain:s.toBlockchain,address:s.toSymbolAddress,symbol:s.toSymbol}}},l=e().notifications.filter(p=>p.requestId!==n.requestId);t(()=>({notifications:[...l,a]}))},setAsRead:o=>{t(n=>({notifications:n.notifications.map(r=>r.requestId===o?{...r,read:!0}:r)}))},getUnreadNotifications:()=>e().notifications.filter(o=>!o.read)})),{name:"notification",skipHydration:!0})));import{darkTheme as uh,ListItemButton as mh,styled as No}from"@rango-dev/ui";var $p=No("div",{padding:"$10",width:"350px",maxWidth:"90vw",minHeight:"150px"}),Dp=No("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),Fp=No(mh,{variants:{actionRequired:{true:{backgroundColor:"$error300",[`.${uh} &`]:{backgroundColor:"$error600"}}}}}),Op=No("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),Up=No("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as dh}from"@lingui/core";import{Divider as fh,NoNotificationIcon as gh,Typography as hh}from"@rango-dev/ui";import Rn from"react";function qp(){return Rn.createElement(Up,null,Rn.createElement(gh,{color:"secondary",size:26}),Rn.createElement(fh,{size:12}),Rn.createElement(hh,{variant:"body",size:"medium",color:"neutral700"},dh.t("There are no notifications.")))}i(qp,"NotificationNotFound");var wh=4;function Yi(){let t=kh(),{getUnreadNotifications:e}=Oe(),o=e(),n=g().blockchains(),r=g().tokens(),s=o.sort((l,p)=>p.creationTime-l.creationTime).slice(0,wh),a=i(l=>{t(`${F.swaps}/${l}`)},"handleOnClick");return Ue.createElement($p,null,s.length?Ue.createElement(Dp,null,s.map((l,p)=>{let{route:c,requestId:u,event:d}=l,m=r.find(h=>Le(h,c.from)),f=n.find(h=>h.name===c.from.blockchain),S=r.find(h=>Le(h,c.to)),C=n.find(h=>h.name===c.to.blockchain);return Ue.createElement(Ue.Fragment,{key:u},p>0&&Ue.createElement(Ch,{size:4}),Ue.createElement(Fp,{onClick:()=>a(u),actionRequired:d.messageSeverity===zp.WARNING,title:Ue.createElement(Th,{variant:"body",size:"small",color:d.messageSeverity===zp.WARNING?"$foreground":"$neutral700"},yh.t(d.message)),id:u,start:Ue.createElement(Op,null,Ue.createElement("div",{className:"from-chain-token"},Ue.createElement(Qp,{tokenImage:m?m.image:"",chainImage:f?f.logo:"",size:"small"})),Ue.createElement("div",{className:"to-chain-token"},Ue.createElement(Qp,{tokenImage:S?S.image:"",chainImage:C?C.logo:"",size:"small"}))),end:Ue.createElement(Sh,{size:12,color:"gray"})}))})):Ue.createElement(qp,null))}i(Yi,"NotificationContent");import{useManager as xh}from"@rango-dev/queue-manager-react";import{InProgressIcon as vh}from"@rango-dev/ui";import Hp from"react";var bh=i(()=>{let{manager:t}=xh();return ut(t).map(({swap:o})=>o).find(o=>o.status==="running")?Hp.createElement(Mp,null,Hp.createElement(vh,{color:"info",size:6})):null},"InProgressTransactionBadge"),Gp=bh;import{RefreshProgressButton as Ih}from"@rango-dev/ui";import Ji,{useEffect as Eh,useState as Vp}from"react";var Ah=1e3,jp=60,Wh=100;function er({onClick:t}){let[e,o]=Vp(0),[n,r]=Vp(!1),s=i(p=>{document.hidden&&p&&a(p)},"handleVisibilityChange");Eh(()=>{let p;return t?p=window.setInterval(()=>{o(c=>c+1),e===jp&&l()},Ah):a(p),document.addEventListener("visibilitychange",()=>s(p)),()=>{document.removeEventListener("visibilitychange",()=>s(p)),p&&clearInterval(p)}},[e,t]);let a=i(p=>{p&&clearInterval(p),o(0)},"clearTimeout"),l=i(()=>{t?.(),o(0),r(!0)},"handleRefreshClick");return Ji.createElement(Je,{variant:"ghost",size:"small",style:{paddingTop:0,paddingBottom:0},onClick:l,disabled:!t},Ji.createElement(Lp,{onTransitionEnd:()=>r(!1),isRefetched:n},Ji.createElement(Ih,{size:22,color:t?"black":"gray",progress:e/jp*Wh})))}i(er,"RefreshButton");import{EventSeverity as Nh}from"@rango-dev/queue-manager-rango-preset";import{Typography as Lh}from"@rango-dev/ui";import Xp from"react";function Kp(){let{getUnreadNotifications:t}=Oe(),e=t(),o=e.length,n=!!e.find(r=>r.event.messageSeverity===Nh.WARNING);return o?Xp.createElement(Np,{isSever:n},Xp.createElement(Lh,{variant:"body",size:"xsmall",color:"$background"},o)):null}i(Kp,"UnreadNotificationsBadge");function Vt(t){let{onClickRefresh:e,onClickHistory:o,onClickSettings:n,hidden:r=[]}=t,{config:{features:s}}=g(),a=je("notification",s)||r.includes("notifications");return ve.createElement(ve.Fragment,null,!r.includes("refresh")&&ve.createElement(or,{container:L(),side:"top",content:tr.t("Refresh")},ve.createElement(er,{onClick:e})),!a&&ve.createElement(Bh,{align:"end",alignOffset:-88,collisionPadding:{right:20,left:20},container:L(),content:ve.createElement(Yi,null)},ve.createElement("div",null,ve.createElement(or,{container:L(),side:"top",content:tr.t("Notifications")},ve.createElement(Je,{size:"small",variant:"ghost"},ve.createElement(Mh,{size:18,color:"black"}),ve.createElement(Kp,null))))),!r.includes("settings")&&ve.createElement(or,{container:L(),side:"top",content:tr.t("Settings")},ve.createElement(Je,{size:"small",variant:"ghost",onClick:n},ve.createElement(_h,{size:18,color:"black"}))),!r.includes("history")&&ve.createElement(or,{container:L(),side:"top",content:tr.t("Transactions History")},ve.createElement(Je,{size:"small",variant:"ghost",onClick:o},ve.createElement(Ph,{size:18,color:"black"}),ve.createElement(Gp,null))))}i(Vt,"HeaderButtons");function Zi(t){let e=t.target;if(e){let o=e.scrollTop,n=L();o>1?n.classList.add("rng-scrolled"):n.classList.remove("rng-scrolled")}}i(Zi,"onScrollContentAttachStatusToContainer");import{css as $h,styled as Ri}from"@rango-dev/ui";var Yp="700px",nr=$h({borderRadius:"$primary",display:"flex",flexDirection:"column",overflow:"hidden",boxShadow:"15px 15px 15px 0px rgba(0, 0, 0, 0.05)"}),Jp=Ri("div",{position:"relative",width:"100vw",minWidth:"300px",maxWidth:"390px",backgroundColor:"$background",variants:{height:{auto:{height:"auto",maxHeight:Yp},fixed:{height:Yp}}}}),Zp=Ri("div",{position:"relative",overflow:"hidden",flexGrow:1,display:"flex",flexDirection:"column",padding:0,overflowY:"auto"}),Rp=Ri("div",{padding:"0 $20 $10","& .footer__alert":{paddingTop:"$10"},"& .footer__logo":{opacity:0,transition:"opacity 1s ease-in-out","&.logo__show":{opacity:1},"&.logo__hidden":{visibility:"hidden"}}});function le(t){let{connectHeightObserver:e,disconnectHeightObserver:o}=$i(),{children:n,header:r,footer:s,height:a="fixed"}=t,l=Y.use.connectedWallets(),{config:{features:p,theme:c}}=g(),{watermark:u}=ne(),d=u==="FULL",{activeTheme:m}=Jn(c||{}),f=je("connectWalletButton",p),{isActiveTab:S,tabManagerInitiated:C,showActivateTabModal:h,setShowActivateTabModal:y,activateCurrentTab:k}=ne(),T=Ye(),{manager:x}=Dh(),E=ut(x).map(({swap:z})=>z).some(z=>z.status==="running"),v=i(()=>k(qt.forceClaim,E),"onActivateTab"),w=i(()=>{r.onWallet?.()},"onConnectWallet"),A=typeof r.hasBackButton>"u"||r.hasBackButton,N=oc(null),M=oc(null);return tc(()=>(Kn()&&M.current&&e(M.current),()=>{o()}),[]),tc(()=>(N.current?.addEventListener("scroll",Zi),()=>{N.current?.removeEventListener("scroll",Zi)}),[]),Ce.createElement(Jp,{height:a,id:ke.SWAP_BOX_ID,className:`${m()} ${nr()}`,ref:M},Ce.createElement(Oh,{prefix:Ce.createElement(Ce.Fragment,null,A&&Ce.createElement(Vi,{onClick:()=>{T(),r.onBack&&r.onBack()}})),title:r.title,suffix:Ce.createElement(Ce.Fragment,null,r.suffix,r.onWallet&&!f&&Ce.createElement(Ki,{container:L(),onClick:w,isConnected:!!l?.length}),r.onCancel&&Ce.createElement(Xi,{onClick:r.onCancel}))}),Ce.createElement(Zp,{ref:N},n),Ce.createElement(Gi,{open:h,onClose:()=>y(!1),onConfirm:v}),Ce.createElement(Rp,null,Ce.createElement("div",{className:"footer__content"},C&&!S&&Ce.createElement("div",{className:"footer__alert"},Ce.createElement(Qi,{onActivateTab:v}),Ce.createElement(ec,{size:10})),s),Ce.createElement(ec,{size:12}),Ce.createElement("div",{className:`footer__logo ${d?"logo__show":"logo__hidden"}`},Ce.createElement(Fh,null))))}i(le,"Layout");import{styled as Uh}from"@rango-dev/ui";var nc="$20 $20 $10 $20",Lo=Uh("div",{padding:nc,overflowY:"auto",flexGrow:1});import{styled as qh}from"@rango-dev/ui";var ue=qh("div",{display:"flex",flexDirection:"column",padding:"20px 20px 10px",flexGrow:1,variants:{view:{true:{flexGrow:1,overflow:"hidden"}},compact:{true:{padding:0}}}});import{Divider as Vh}from"@rango-dev/ui";import ts from"react";import{i18n as po}from"@lingui/core";import{Image as Hh,MessageBox as es,WalletState as Gh}from"@rango-dev/ui";import jt from"react";import{keyframes as zh,styled as rr}from"@rango-dev/ui";var W0=rr("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),rc=rr("div",{position:"relative"}),Qh=zh({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),ic=rr("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Qh} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),sc=rr("div",{"& img":{borderRadius:"50%"}});function ac(t){let{state:e,image:o,error:n}=t;return e===Gh.CONNECTED?jt.createElement(es,{type:"success",title:po.t("Wallet Connected"),description:po.t("Your wallet is connected, you can use it to swap.")}):n?jt.createElement(es,{type:"error",title:po.t("Failed to Connect"),description:n||po.t("Your wallet is not connected. Please try again.")}):jt.createElement(es,{type:"loading",title:po.t("Connecting to your wallet"),description:po.t("Click connect in your wallet popup."),icon:jt.createElement(rc,null,jt.createElement(sc,null,jt.createElement(Hh,{src:o,size:45})),jt.createElement(ic,null))})}i(ac,"ModalContent");function Mo(t){let{open:e,onClose:o,...n}=t;return ts.createElement(ce,{open:e,onClose:o,container:document.getElementById(ke.SWAP_BOX_ID)||document.body},ts.createElement(ac,{...n}),ts.createElement(Vh,{direction:"vertical",size:32}))}i(Mo,"WalletModal");var Yh=cc("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),Jh=cc(ue,{textAlign:"center"}),ir=3e3,os=300;function uc(){let{config:t,fetchStatus:e}=g(),[o,n]=pc(!1),[r,s]=pc(""),a=null,l=ne.use.isActiveTab(),{list:p,handleClick:c,error:u,disconnectConnectingWallets:d}=ao({config:t,onBeforeConnect:h=>{a=setTimeout(()=>{n(!0),s(h)},os)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},ir)}}),m=i(()=>{d(),n(!1)},"handleCloseWalletModal"),f=p.find(h=>h.type===r),S=f?.image||"",C=f?.state||Kh.NOT_INSTALLED;return co.createElement(le,{header:{title:lc.t("Connect Wallets")}},co.createElement(Jh,null,co.createElement(jh,{variant:"title",size:"xmedium",align:"center"},lc.t("Choose a wallet to connect.")),co.createElement(Yh,null,p.map((h,y)=>{let k=`wallet-${y}-${h.type}`;return co.createElement(Xh,{key:k,...h,container:L(),onClick:T=>{c(T)},isLoading:e==="loading",disabled:!l})}),co.createElement(Mo,{open:!!o,onClose:m,image:S,state:C,error:u}))))}i(uc,"WalletsPage");import{keyframes as Zh,styled as ns}from"@rango-dev/ui";var mc=ns("div",{position:"relative"}),Rh=Zh({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),dc=ns("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Rh} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),fc=ns("div",{"& img":{borderRadius:"50%"}});var ny=7;function is(t){let{chain:e,isSelected:o,selectWallet:n,limit:r,onShowMore:s}=t,{config:a}=g(),l=ne.use.isActiveTab(),p=Y.use.connectedWallets(),{blockchains:c}=g(),[u,d]=Bo(""),[m,f]=Bo(null),[S,C]=Bo(!1),[h,y]=Bo(null),{suggestAndConnect:k}=ar(),T=null,{list:x,error:I,handleClick:E,disconnectConnectingWallets:v}=ao({config:a,chain:e,onBeforeConnect:U=>{T=setTimeout(()=>{d(U)},os)},onConnect:()=>{T&&clearTimeout(T),setTimeout(()=>{d("")},ir)}}),[w,A]=Bo(x),N=x.length,M=r&&N-r>0,z=i(async U=>{C(!1),y("in-progress");try{await k(U.walletType,U.chain),y("completed")}catch{y("rejected")}},"addExperimentalChain");yc(()=>{A(U=>{let ee=x.findIndex(re=>o(re.type,e));return M&&ee>1?[x[ee]].concat(x.filter((re,Q)=>Q!==ee)):U.map(re=>x.find(Q=>Q.type===re.type)??re)})},[JSON.stringify(x)]);let X=document.getElementById(ke.SWAP_BOX_ID);yc(()=>{let U=null;return(h==="completed"||h==="rejected")&&(U=setTimeout(()=>y(null),ir)),()=>{U&&clearTimeout(U)}},[h]);let V=i(()=>{v(),d("")},"handleCloseWalletModal");return me.createElement(me.Fragment,null,w.slice(0,r).map(U=>{let ee=ja({connectedWallets:p,walletType:U.type,chain:e}),re=ee?kn(ee,ny):"",Q=Cn(c(),e),B=!p.find(ie=>ie.walletType===U.type&&ie.chain===e),b=Q&&B&&U.state===hc.CONNECTED,J=b?ot.t({id:"Add {chain} chain",values:{chain:e}}):re,de=i(()=>{U.state===hc.DISCONNECTED?E(U.type):b?(f({walletType:U.type,chain:e,address:ee??""}),C(!0)):n({walletType:U.type,chain:e,address:ee??""})},"onClick"),Z=m?.chain?ul(m.chain,c()):void 0;return me.createElement(me.Fragment,{key:`${U.title}_${Z}`},me.createElement(Mo,{open:u===U.type,onClose:V,image:U.image,state:U.state,error:I}),!!m&&me.createElement(ce,{open:!!m&&S,container:X,onClose:()=>{f(null)}},me.createElement(sr,{title:ot.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:Z}}),type:"warning",description:ot.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:Z}})},me.createElement(rs,{size:18}),me.createElement(rs,{size:32}),me.createElement(ey,{onClick:z.bind(null,m),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},ot.t("Confirm")))),h&&me.createElement(ce,{open:!!h,onClose:y.bind(null,null),container:X},h==="in-progress"&&me.createElement(sr,{type:"loading",title:ot.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:Z}}),description:ot.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:Z}}),icon:me.createElement(mc,null,me.createElement(fc,null,me.createElement(ty,{src:U.image,size:45})),me.createElement(dc,null))}),h==="completed"&&me.createElement(sr,{type:"success",title:ot.t({id:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:Z}}),description:ot.t({id:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:Z}})}),h==="rejected"&&me.createElement(sr,{type:"error",title:ot.t("Request Rejected"),description:ot.t({id:"You've rejected adding {blockchainDisplayName} chain to your wallet.",values:{blockchainDisplayName:Z}})}),me.createElement(rs,{direction:"vertical",size:32})),me.createElement(oy,{key:U.type,description:J,onClick:de,selected:o(U.type,e),disabled:!l,...U}))}),M&&me.createElement(up,{selected:!1,onClick:s},me.createElement(gc,{variant:"label",size:"medium"},ot.t("Show more wallets"),me.createElement(gc,{variant:"label",size:"medium",color:"$primary"},"\xA0+",N-(r??0)))))}i(is,"WalletList");var uy=2;function Cc(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,loading:s}=t,a=g().config,l=g().blockchains(),{selectedQuote:p,setSelectedWallets:c,quoteWalletsConfirmed:u,setQuoteWalletConfirmed:d,customDestination:m,setCustomDestination:f}=H(),{connectedWallets:S,selectWallets:C}=Y(),[h,y]=mo(""),[k,T]=mo([]),[x,I]=mo(""),[E,v]=mo(null),[w,A]=mo(!!m),N=Ln(p?.swaps||null),M=l.find(G=>G.name===p?.swaps[p?.swaps.length-1].to.blockchain),z=i(G=>!!p?.swaps.find(K=>K.from.blockchain===G),"isWalletRequiredFor"),X=i(()=>S.filter(G=>G.selected&&N.includes(G.chain)),"getInitialSelectableWallets"),[V,U]=mo(X()),ee=l.find(G=>G.name===M?.name),re=k.length>0,Q=i((G,K)=>!!V.find(te=>te.walletType===G&&te.chain===K&&te.selected&&(z(K)||!z(K)&&!m)),"isSelected"),B=!!m&&w&&ee&&!Mn(ee,m),b=i(()=>{A(!1),f(null),U(G=>{let K=!1;return G.map(te=>!K&&te.chain===M?.name?(K=!0,{...te,selected:!0}):te)})},"resetCustomDestination"),J=i(G=>{if(h&&y(""),Q(G.walletType,G.chain))return;let te=S.find(Ie=>Ie.walletType===G.walletType&&Ie.chain===G.chain);te&&(n(),G.chain===M?.name&&w&&(A(!1),f(null)),U(Ie=>Ie.filter(et=>et.chain!==G.chain).concat({...te,selected:!0})))},"onChange"),de=i(()=>{let G=V.filter(K=>K.selected);C(G),c(G),d(!0),o()},"onConfirmBalance"),Z=i(async()=>{T([]),I(""),v(null);let G=S.filter(Ie=>V.find(et=>et.chain===Ie.chain&&et.walletType===Ie.walletType)),K=await r?.({selectedWallets:G,customDestination:m}),te=K.warnings;te?.balance?.messages&&T(te.balance.messages),te?.quoteUpdate&&v(te.quoteUpdate),K.error&&I(Ll(K.error)),!K.error&&!te?.balance?.messages.length?de():T(te?.balance?.messages??[])},"onConfirmWallets");py(()=>{U(G=>G.concat(S.filter(K=>!!!G.find(Ie=>Ie.chain===K.chain)&&K.selected&&N.includes(K.chain))))},[S.length]);let ie=document.getElementById(ke.SWAP_BOX_ID),to=cy();return D.createElement(ce,{open:e,onClose:()=>{u||to("../",{replace:!0}),o()},dismissible:!h,container:ie,...!h&&{footer:D.createElement(Sp,null,D.createElement(Sc,{loading:s,disabled:Kl(s,w,m,p,V,M),onClick:Z,variant:"contained",type:"primary",fullWidth:!0,size:"large"},mt.t("Confirm")))},...h&&{styles:{container:{padding:"$0"}},header:D.createElement(mp,null,D.createElement(dp,{variant:"ghost",onClick:y.bind(null,"")},D.createElement(sy,{size:16})),D.createElement(lr,{variant:"headline",size:"small"},mt.t({id:"Your {blockchainName} wallets",values:{blockchainName:Ve(h,l)}})))},anchor:"center"},D.createElement(ce,{open:re,onClose:T.bind(null,[]),container:ie},D.createElement(ay,{title:mt.t("Insufficient account balance"),type:"error",description:D.createElement(ry,{messages:k??[]})},D.createElement(Sc,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:de},mt.t("Proceed anyway")))),h&&D.createElement(fp,null,D.createElement("div",{className:gp()},D.createElement(is,{chain:h,isSelected:Q,selectWallet:J,onShowMore:y.bind(null,h)}))),!h&&D.createElement(D.Fragment,null,x&&D.createElement(D.Fragment,null,D.createElement(ss,{variant:"alarm",type:"error",title:mt.t(x)}),D.createElement(uo,{size:12})),E&&D.createElement(D.Fragment,null,D.createElement(ss,{variant:"alarm",type:"warning",title:zn(E)}),D.createElement(uo,{size:12})),D.createElement(Tp,null,N.map((G,K)=>{let te=l.find($e=>$e.name===G),Ie=`wallet-${K}`,et=K===N.length-1;return D.createElement("div",{key:Ie},D.createElement(pp,null,D.createElement(lr,{variant:"title",size:"xmedium"},mt.t({id:"Your {blockchainName} wallets",values:{blockchainName:te?.shortName}})),D.createElement(lr,{variant:"label",color:"$neutral700",size:"medium"},mt.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:te?.shortName}}))),D.createElement(uo,{size:24}),D.createElement(cp,null,D.createElement(is,{chain:G,isSelected:Q,selectWallet:J,limit:uy,onShowMore:()=>y(te?.name??"")})),!et&&D.createElement(uo,{size:32}),et&&a?.customDestination&&D.createElement(hp,null,D.createElement(jn,{onOpenChange:$e=>{$e?z(M?.name??"")||U(De=>De.map(ye=>ye.chain===M?.name?{...ye,selected:!1}:ye)):b()},hasSelected:!0,open:w,triggerAnchor:"top",trigger:D.createElement(kp,null,D.createElement("div",{className:"button__content"},D.createElement(ly,{size:18,color:"info"}),D.createElement(uo,{size:4,direction:"horizontal"}),D.createElement(lr,{variant:"label",size:"medium"},mt.t("Send to a different address"))),D.createElement(Gn,{orientation:w?"up":"down"},D.createElement(iy,{size:10,color:"gray"}))),onClickTrigger:()=>A($e=>!$e)},D.createElement(uo,{size:4}),D.createElement(Cp,{autoFocus:!0,placeholder:mt.t("Your destination address"),value:m||"",onChange:$e=>{let De=$e.target.value;De.length?f(De.length?De:null):(A(!1),f(null))}})),B&&D.createElement("div",{className:yp()},D.createElement(ss,{variant:"alarm",type:"error",title:mt.t({values:{destination:m},id:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}i(Cc,"ConfirmWalletsModal");import{i18n as Ny}from"@lingui/core";import{Alert as Ly,Button as My,InfoIcon as By}from"@rango-dev/ui";import He from"react";import{Alert as fy,Button as gy,Divider as ps,NoRouteIcon as hy,RefreshIcon as yy,Typography as Ic}from"@rango-dev/ui";import Qe from"react";import{i18n as Tc}from"@lingui/core";var my=24,dy=60;function kc(t,e,o,n){return t?.type===1?{alert:{type:"warning",text:R().genericServerError,action:{onClick:n,title:Tc.t("Retry")}},description:""}:e.length?{alert:{type:"warning",text:R().liquiditySourcesError.title,action:{onClick:()=>o(!0),title:Tc.t("Reset")}},description:R().liquiditySourcesError.description}:t?.type===0&&t.diagnosisMessage?{alert:{type:"error",text:t.diagnosisMessage,action:null},description:""}:{alert:null,description:R().noResultError.description}}i(kc,"makeInfo");var as=(o=>(o[o.small=my]="small",o[o.large=dy]="large",o))(as||{}),ls=(o=>(o.small="small",o.large="medium",o))(ls||{});import{styled as pr}from"@rango-dev/ui";var wc=pr("div",{display:"flex",flexDirection:"column",alignItems:"center"}),xc=pr("div",{variants:{size:{small:{},large:{maxWidth:"316px"}}}}),vc=pr("div",{variants:{size:{small:{width:"100%"},large:{}}}}),bc=pr("div",{padding:"$6 $0"});function _o(t){let{fetch:e,error:o,size:n="small"}=t,r=g().getDisabledLiquiditySources(),s=g().toggleAllLiquiditySources,a=g().swappers(),l=kc(o,r,()=>s(a,!0),e);return Qe.createElement(wc,null,Qe.createElement(hy,{size:as[n],color:"gray"}),Qe.createElement(ps,{size:4}),Qe.createElement(Ic,{variant:"title",size:ls[n]},R().noResultError.title),n==="large"&&Qe.createElement(ps,{size:4}),!!l.description&&Qe.createElement(xc,{size:n},Qe.createElement(Ic,{variant:"body",size:"small",align:"center",color:"neutral700"},l.description)),Qe.createElement(ps,{size:n==="large"?"24":"4"}),!!l.alert&&Qe.createElement(vc,{size:n},Qe.createElement(fy,{type:l.alert.type,title:l.alert.text,titleAlign:"left",action:l.alert.action&&Qe.createElement(gy,{size:"xsmall",type:l.alert.type,prefix:Qe.createElement(bc,null,Qe.createElement(yy,{size:8})),onClick:l.alert.action.onClick},l.alert.action.title),variant:"alarm"})))}i(_o,"NoResult");import{i18n as Po}from"@lingui/core";import{Button as Cy,Divider as Ty,MessageBox as ky,Typography as wy,WarningIcon as xy}from"@rango-dev/ui";import Ct from"react";import{Typography as Nc}from"@rango-dev/ui";import us from"react";import{darkTheme as Sy,styled as cr}from"@rango-dev/ui";var Ec=cr("div",{width:"100%"}),cs=cr("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:"$5",width:"100%"}),Ac=cr("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%","._title":{$$color:"$colors$neutral600",[`.${Sy} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Wc=cr("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});function Lc(t){let{title:e,value:o,valueColor:n}=t;return us.createElement(Ac,null,us.createElement(Nc,{size:"medium",variant:"label",className:"_title"},e),us.createElement(Nc,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}i(Lc,"QuoteErrorsModalItem");function Mc(t){let{open:e,onClose:o,onConfirm:n,warning:r,confirmationDisabled:s}=t,a=r.warningLevel==="high"?"error":"warning",l=[{title:Po.t("Swapping"),value:W(r.inputUsdValue,4,4)},{title:Po.t("Gas cost"),value:W(r.totalFee,2,2)},{title:Po.t("Receiving"),value:W(r.outputUsdValue,4,4)},{title:Po.t("Price impact"),value:W(r.priceImpact,2,2),valueColor:`${a}500`}];return Ct.createElement(ce,{footer:Ct.createElement(Cy,{type:"primary",size:"large",prefix:Ct.createElement(xy,null),fullWidth:!0,disabled:s,onClick:n},R().highValueLossError.confirmMessage),open:e,onClose:o,container:L()},Ct.createElement(ky,{type:a,title:R().highValueLossError.impactTitle,description:R().highValueLossError.description}),Ct.createElement(cs,null,Ct.createElement(Ty,{size:"4"}),Ct.createElement(wy,{size:"small",variant:"title"},Po.t("Details")),Ct.createElement(cs,null,l.map((p,c)=>Ct.createElement(Lc,{key:c,...p})))))}i(Mc,"HighValueLossWarningModal");import{i18n as ms}from"@lingui/core";function Bc(t,e){let o={alertType:"warning",title:"",action:null};return e?(o.alertType="error",e.type===3&&(o.title=e.recommendation),e.type===4&&(o.title=ms.t({id:"You need to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:e.minRequiredSlippage}}),o.action="change-settings"),o):t?(t.type===0&&(St(t.priceImpact)==="high"&&(o.alertType="error"),o.action="show-info",o.title=R().highValueLossError.title),t.type===1&&(o.title=R().unknownPriceError.title),t.type===2&&(o.title=ms.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:t.minRequiredSlippage}}),o.action="change-settings"),t.type===3&&(o.title=ms.t("Caution, your slippage is high."),o.action="change-settings"),o):null}i(Bc,"makeAlerts");import{i18n as fo}from"@lingui/core";import{Button as _c,Divider as Pc,MessageBox as vy,Typography as by}from"@rango-dev/ui";import Yt from"react";import{useNavigate as Iy}from"react-router-dom";function $c(t){let{customSlippage:e,slippage:o}=g(),{open:n,onClose:r,onConfirm:s,warning:a,confirmationDisabled:l}=t,p=Iy(),c=e??o;return Yt.createElement(ce,{anchor:"bottom",open:n,prefix:Yt.createElement(_c,{size:"small",variant:"ghost",onClick:()=>p("../"+F.settings)},Yt.createElement(by,{variant:"label",size:"medium",color:"$neutral900"},fo.t("Change settings"))),container:L(),onClose:r},Yt.createElement(vy,{type:"warning",title:a.type===3?fo.t("High slippage"):fo.t("Low slippage"),description:a.type===3?fo.t({id:" Caution, your slippage is high (={userSlippage}). Your trade may be front run.",values:{userSlippage:c}}):fo.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:a.minRequiredSlippage}})},Yt.createElement(Pc,{size:18}),Yt.createElement(Pc,{size:32}),Yt.createElement(_c,{size:"large",type:"primary",variant:"contained",fullWidth:!0,disabled:l,onClick:s},fo.t("Confirm anyway"))))}i($c,"SlippageWarningModal");import{Button as Ey,MessageBox as Ay,WarningIcon as Wy}from"@rango-dev/ui";import ur from"react";function Dc(t){let{open:e,onClose:o,onConfirm:n,confirmationDisabled:r}=t;return ur.createElement(ce,{footer:ur.createElement(Ey,{type:"primary",size:"large",prefix:ur.createElement(Wy,null),fullWidth:!0,disabled:r,onClick:n},R().unknownPriceError.confirmMessage),open:e,onClose:o,container:L()},ur.createElement(Ay,{type:"warning",title:R().unknownPriceError.impactTitle,description:R().unknownPriceError.description}))}i(Dc,"UnknownPriceWarningModal");function $o(t){let{warning:e,error:o,showWarningModal:n,confirmationDisabled:r,refetchQuote:s,onOpenWarningModal:a,onCloseWarningModal:l,onConfirmWarningModal:p,onChangeSettings:c}=t,u={confirmationDisabled:r,open:n,onClose:l,onConfirm:p},d=o?.type===0||o?.type===1,m=Bc(e,o?.type===3||o?.type===4?o:null);return He.createElement(He.Fragment,null,d&&He.createElement(_o,{error:o,fetch:s}),!!m&&He.createElement(Ec,null,He.createElement(Ly,{title:m.title,type:m.alertType,variant:"alarm",...m.action==="show-info"&&{action:He.createElement(Wc,{onClick:a},He.createElement(By,{size:12,color:"gray"}))},...m.action==="change-settings"&&{action:He.createElement(My,{size:"xxsmall",type:m.alertType,onClick:c},Ny.t("Change"))}})),e&&He.createElement(He.Fragment,null,e.type===0&&He.createElement(Mc,{...u,warning:e}),(e.type===3||e.type===2)&&He.createElement($c,{...u,warning:e}),e.type===1&&He.createElement(Dc,{...u,warning:e})))}i($o,"QuoteWarningsAndErrors");import cS from"bignumber.js";import br from"react";import{i18n as qo}from"@lingui/core";import{Alert as Jy,Divider as zo,FullExpandedQuote as Zy,InfoIcon as Ry,QuoteTag as eS,StepDetails as tS,TokenAmount as oS,Tooltip as hu,Typography as ho}from"@rango-dev/ui";import Ts from"bignumber.js";import P,{useRef as nS,useState as rS}from"react";import{styled as ds}from"@rango-dev/ui";var fs=ds("div",{width:"100%","& .position-top__skeleton":{paddingTop:"$10"}}),Fc=ds("div",{paddingBottom:"$15"}),Oc=ds("div",{width:"100%",display:"flex"});import*as mr from"@radix-ui/react-collapsible";import{Button as _y,css as Do,darkTheme as Ae,Image as Uc,styled as Be,Typography as Py}from"@rango-dev/ui";var $y=300,qc=Be(mr.Root,{display:"flex",flexDirection:"column",alignItems:"start",overflowX:"auto",overflowY:"hidden",width:"100%",borderRadius:"$xm",variants:{selected:{true:{},false:{$$color:"$colors$neutral400",[`.${Ae} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}},listItem:{true:{$$color:"$colors$neutral400",[`.${Ae} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"},false:{}}},compoundVariants:[{listItem:!1,selected:!0,css:{$$color:"$colors$info300",[`.${Ae} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"}}]}),zc=Do({padding:"$10 $15"}),Qc=Be(_y,{backgroundColor:"transparent",border:"1px solid $secondary"}),Hc=Be("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",[`.${Ae} &`]:{$$color:"$colors$neutral500"},backgroundColor:"$$color"}},basic:{true:{borderTopRightRadius:"0",borderTopLeftRadius:"0"}},listItem:{true:{$$color:"$colors$neutral200",[`.${Ae} &`]:{$$color:"$colors$neutral500"},backgroundColor:"$$color","&:hover":{"& .quote_container":{"& button":{backgroundColor:"$neutral500",[`.${Ae} &`]:{backgroundColor:"$neutral200"}},backgroundColor:"$neutral500",[`.${Ae} &`]:{backgroundColor:"$neutral200"}},backgroundColor:"$neutral300",[`.${Ae} &`]:{backgroundColor:"$neutral400"}},cursor:"pointer"},false:{}}},compoundVariants:[{listItem:!0,selected:!0,css:{outline:"1px solid $secondary"}},{listItem:!1,selected:!0,css:{$$color:"$colors$info100",[`.${Ae} &`]:{$$color:"$colors$secondary600"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}}},{listItem:!0,selected:!1,css:{cursor:"pointer","&:hover":{backgroundColor:"$neutral300",[`.${Ae} &`]:{backgroundColor:"$neutral400"}}}}]}),Gc=Do({width:"100%",padding:"$15 $15 $10 $15"}),Vc=Do({display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center",paddingBottom:"$10",position:"relative"}),go=Do({display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",".blockchainImage":{marginLeft:"-$8"}}),jc=Do({display:"flex",alignItems:"center",".usd-value":{$$color:"$colors$neutral600",[`.${Ae} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Xc=Be(mr.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:{[`& ${Uc}`]:{border:"1px $warning500 solid",borderRadius:"100%"}},false:{[`& ${Uc}`]:{border:"1px transparent solid",borderRadius:"100%"}}},selected:{true:{},false:{$$color:"$colors$neutral400",[`.${Ae} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}},listItem:{true:{$$color:"$colors$neutral400",[`.${Ae} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"},false:{}}},compoundVariants:[{listItem:!1,selected:!0,css:{$$color:"$colors$info300",[`.${Ae} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"}}],".blockchains_section":{display:"none"},"@xs":{".blockchains_section":{display:"block"}}}),Kc=Be("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"}}}}),Yc=Be(Hn,{width:"100%",background:"inherit"}),gs=Be("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$2",transition:`all ${$y}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),dL=Be("div",{height:"$12",marginLeft:"$10",marginRight:"$10",borderLeft:"1px solid $foreground"}),Jc=Be("div",{display:"flex",justifyContent:"center",margin:"0 $15",borderTop:"1px solid",$$color:"$colors$neutral300",[`.${Ae} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color"}),Zc=Be("div",{width:"$16",height:"$16",justifyContent:"center",alignItems:"center",display:"flex"}),hs=Be(Py,{overflow:"hidden",textOverflow:"ellipsis",letterSpacing:.4}),Rc=Be("div",{display:"flex",flexWrap:"wrap"}),ys=Be("div",{width:"18px",height:"18px",borderRadius:"100%",backgroundColor:"$background",cursor:"default",display:"flex",justifyContent:"center",alignItems:"center",border:"1.5px transparent solid",variants:{state:{error:{borderColor:"$error500"},warning:{borderColor:"$warning500"}}}}),eu=Be("div",{display:"flex"}),dr=Be("div",{width:"100%",borderTopWidth:"1px",borderTopStyle:"solid",borderTopColor:"$neutral",margin:"$5 0",[`.${Ae} &`]:{borderTopColor:"$neutral800"}});import{i18n as Pt}from"@lingui/core";import{ChevronDownIcon as Fy,CloseIcon as Oy,Divider as hr,IconButton as Uy,QuoteCost as qy,Tooltip as zy,Typography as nt}from"@rango-dev/ui";import j,{useState as ru}from"react";import{css as Dy,styled as fr}from"@rango-dev/ui";var gr=fr("div",{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"$5 0","&.total_payable_fee":{padding:"$12 0"}}),Ss=fr("div",{width:"100%",borderTop:"1px solid $neutral300",margin:"$10 0"}),tu=fr("div",{padding:"$20 0",display:"flex",flexDirection:"column","& .collapsible_trigger":{display:"flex",alignItems:"center"}}),ou=fr("div",{padding:"$20 $20 $10",textAlign:"center",position:"relative","._icon-button":{position:"absolute",zIndex:10,top:"$16",right:"$16"}}),nu=Dy({display:"flex",flexDirection:"row",alignItems:"center",padding:"$5","&:hover":{"& ._typography, & svg":{color:"$secondary"}}});var Qy=i(t=>t.fee.isZero()?null:j.createElement(gr,null,j.createElement(nt,{variant:"label",size:"medium",color:"neutral600"},t.label),j.createElement(nt,{variant:"label",size:"medium"},"$",W(t.fee,4,4))),"NonPayableFee");function iu(t){let[e,o]=ru(!1),[n,r]=ru(!1),{steps:s,quote:a,fee:l,time:p,feeWarning:c,showModalFee:u}=t,d=a?.swaps??[],m=L(),f=Dl(d);return j.createElement(j.Fragment,null,j.createElement(qy,{onClickFee:u?S=>{S.stopPropagation(),o(!e)}:void 0,fee:l,feeWarning:c,time:p,steps:s,tooltipGas:u?Pt.t("View more info"):void 0,tooltipContainer:m}),j.createElement(ce,{container:m,open:e,header:j.createElement(ou,null,j.createElement(nt,{variant:"title",size:"medium"},Pt.t("Gas & Fee Explanation")),j.createElement(Uy,{onClick:()=>o(!1),variant:"ghost"},j.createElement(Oy,{color:"gray",size:14}))),onClose:()=>{o(!1)}},j.createElement(tu,null,j.createElement(nt,{variant:"title",size:"small"},Pt.t("Details")),j.createElement(hr,{size:10}),Object.entries(f.payable).flatMap(([S,C])=>C.map((h,y)=>{let k=`payable-fee-${y}`,T=Ii(h);return j.createElement(gr,{key:k},j.createElement(nt,{variant:"label",size:"medium",color:"neutral600"},xi[S]),j.createElement(zy,{content:pe(h.amount),container:m},j.createElement(nt,{variant:"label",size:"medium"},W(h.amount,2,2)," ",h.asset.symbol," ($",W(T,4,4),")")))})),j.createElement(gr,{className:"total_payable_fee"},j.createElement(nt,{variant:"label",size:"medium"},Pt.t("Total Payable Fee")),j.createElement(nt,{variant:"label",size:"medium"},"$",W(l,4,4))),j.createElement(Ss,null),Object.keys(f.nonePayable).length&&j.createElement(jn,{triggerAnchor:"bottom",onClickTrigger:()=>r(S=>!S),trigger:j.createElement("div",{className:nu()},j.createElement(nt,{size:"small",variant:"body",color:"neutral700"},n?Pt.t("Hide non-payable fees"):Pt.t("Show non-payable fees")),j.createElement(hr,{size:4,direction:"horizontal"}),j.createElement(Gn,{orientation:n?"up":"down"},j.createElement(Fy,{size:12,color:"gray"}))),open:n},j.createElement(nt,{size:"small",variant:"title"},Pt.t("Description")),j.createElement(hr,{size:4}),j.createElement(nt,{size:"small",variant:"body",color:"neutral700"},Pt.t(`The following fees are considered in the transaction output and
|
|
2
|
+
you won\u2019t need to pay extra gas for them.`)),j.createElement(hr,{size:10}),Object.entries(f.nonePayable).map(([S,C],h)=>{let y=$l(C),k=xi[S],T=`non-payable-fee-${h}`;return j.createElement(Qy,{key:T,fee:y,label:k})}),j.createElement(Ss,null)))))}i(iu,"QuoteCostDetails");import{i18n as lu}from"@lingui/core";import{TokenAmount as pu}from"@rango-dev/ui";import yr from"react";import{css as Hy,styled as Gy}from"@rango-dev/ui";var su=Gy("div",{position:"relative",display:"flex",flexDirection:"column",width:"100%"}),au=Hy({height:"14px",marginLeft:"14px",position:"absolute",borderLeft:"1px solid $foreground",top:"42%"});function Fo(t){let{from:e,to:o,percentageChange:n,warningLevel:r}=t;return yr.createElement(su,null,yr.createElement(pu,{direction:"horizontal",label:lu.t("Swap input"),type:"input",tooltipContainer:L(),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}}),yr.createElement("div",{className:au()}),yr.createElement(pu,{direction:"horizontal",tooltipContainer:L(),label:lu.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(Fo,"QuoteSummary");import{i18n as fu}from"@lingui/core";import{ChevronDownIcon as Xy,ChevronRightIcon as Ky,Divider as Cs,Image as Yy,Tooltip as wr,Typography as Cr}from"@rango-dev/ui";import _ from"react";import{useLayoutEffect as Vy,useState as Oo}from"react";var cu=480,uu=768,mu=1024,du=1200,jy=i(()=>{let[t,e]=Oo(!1),[o,n]=Oo(!1),[r,s]=Oo(!1),[a,l]=Oo(!1),[p,c]=Oo(!1),u=i(()=>{e(window.innerWidth<=cu),n(window.innerWidth>cu&&window.innerWidth<=uu),s(window.innerWidth>uu&&window.innerWidth<=mu),l(window.innerWidth>mu&&window.innerWidth<=du),c(window.innerWidth>du)},"handleResize");return Vy(()=>(u(),window.addEventListener("resize",u),()=>window.removeEventListener("resize",u)),[]),{isMobile:t,isTablet:o,isNotebook:r,isLargeScreen:a,isExtraLargeScreen:p}},"useScreenDetect"),Sr=jy;var Tr=4,kr=6,Uo=i(t=>{let e=L(),{content:o,src:n,className:r,open:s,state:a}=t;return _.createElement(wr,{container:e,side:"bottom",sideOffset:4,open:s,content:o},_.createElement(Kc,{className:r,state:a},_.createElement(Yy,{src:n,size:16})))},"ImageComponent");function gu(t){let{quoteRef:e,selected:o,setExpanded:n,steps:r,expanded:s,type:a}=t,l=L(),p=r.length,c=tp(r),{isTablet:u,isMobile:d}=Sr();return _.createElement(Xc,{listItem:a==="list-item",ref:m=>e.current=m,selected:o,onClick:m=>{m.stopPropagation(),n(f=>!f)}},_.createElement("div",{className:go()},_.createElement(Cr,{variant:"body",size:"xsmall"},fu.t("Via:")),_.createElement(Cs,{direction:"horizontal",size:4}),r.map((m,f)=>{let S=`item-${f}`,C=_.createElement(gs,null,_.createElement(Ky,{size:12,color:"black"}));return d||u?_.createElement(_.Fragment,{key:S},_.createElement(Uo,{content:m.swapper.displayName,src:m.swapper.image,state:m.state}),f!==p-1&&_.createElement(_.Fragment,null,C)):_.createElement(_.Fragment,{key:S},p<=Tr||p>Tr&&f<Tr-1?_.createElement(_.Fragment,null,_.createElement(Uo,{content:m.swapper.displayName,src:m.swapper.image,state:m.state}),f!==p-1&&_.createElement(_.Fragment,null,C)):f===Tr-1&&_.createElement(wr,{container:l,side:"bottom",align:"right",sideOffset:4,content:_.createElement("div",{className:go()},C,r.map((h,y)=>{let k=`image-${y}`;return y>=f&&_.createElement(_.Fragment,{key:k},_.createElement(Uo,{content:h.swapper.displayName,src:h.swapper.image,state:h.state,open:!1}),y!==p-1&&_.createElement(_.Fragment,null,C))}))},_.createElement(ys,{state:r.find((h,y)=>y>=f&&(h.state==="error"||h.state==="warning"))?.state},_.createElement(Cr,{size:"xsmall",variant:"body"},"+",p-f))))})),_.createElement("div",{className:go()},_.createElement("div",{className:"blockchains_section"},_.createElement("div",{className:go()},_.createElement(Cr,{variant:"body",size:"xsmall"},fu.t("Chains:")),_.createElement(Cs,{direction:"horizontal",size:4}),c.map((m,f)=>_.createElement(_.Fragment,{key:m.displayName},c.length<=kr||c.length>kr&&f<kr-1?_.createElement(wr,{container:l,side:"bottom",content:m.displayName,sideOffset:4},_.createElement(Uo,{content:"",src:m.image,open:!1,className:f!==0?"blockchainImage":""})):f===kr-1&&_.createElement(wr,{container:l,side:"bottom",align:"right",sideOffset:4,content:_.createElement("div",{className:go()},c.map((S,C)=>C>=f&&_.createElement(Uo,{key:S.displayName,content:"",src:S.image,open:!1,className:C>f?"blockchainImage":""})))},_.createElement(ys,{className:"blockchainImage"},_.createElement(Cr,{size:"xsmall",variant:"body"},"+",c.length-f))))),_.createElement(Cs,{direction:"horizontal",size:32}))),_.createElement(gs,{orientation:s?"up":"down"},_.createElement(Xy,{size:12,color:"black"}))))}i(gu,"QuoteTrigger");function ks(t){let{quote:e,input:o,output:n,error:r,warning:s,type:a,selected:l=!1,tagHidden:p=!0,showModalFee:c=!0,onClickAllRoutes:u,fullExpandedMode:d=!1}=t,m=g().blockchains(),f=g().tokens(),S=g().swappers(),[C,h]=rS(t.expanded),y=nS(null),k=W(o.value,6,6),T=W(n.value,6,6),x=n.usdValue?W(n.usdValue,4,4):"",I=Xe(o.usdValue,n.usdValue??null),E=W(I,2,2),v=St(I??0),A=i(Q=>Q.map((B,b)=>{let J,de=r?.type===3&&r.swap.swapperId===B.swapperId||r?.type===4&&r.recommendedSlippages?.has(b),Z=s?.type===2&&s.recommendedSlippages?.has(b);de?J="error":Z&&(J="warning");let ie=de?qo.t("Slippage Error"):qo.t("Slippage Warning");return r?.type===3&&(ie=r?.recommendation),{swapper:{displayName:vo(B.swapperId,S),image:B.swapperLogo},from:{token:{displayName:B.from.symbol,image:B.from.logo},chain:{displayName:Ve(B.from.blockchain,m),image:B.from.blockchainLogo},price:{value:b===0?W(o.value,6,6):W(B.fromAmount,6,6),usdValue:W((B.from.usdPrice??0)*parseFloat(B.fromAmount),4,4),realValue:pe(b===0?o.value:B.fromAmount),realUsdValue:pe(new Ts(B.from.usdPrice??0).multipliedBy(B.fromAmount))}},to:{token:{displayName:B.to.symbol,image:B.to.logo},chain:{displayName:Ve(B.to.blockchain,m),image:B.to.blockchainLogo},price:{value:W(B.toAmount,6,6),usdValue:W((B.to.usdPrice??0)*parseFloat(B.toAmount),4,4),realValue:pe(B.toAmount),realUsdValue:pe(new Ts(B.to.usdPrice??0).multipliedBy(B.toAmount))}},state:J,alerts:de||Z?P.createElement(Fc,null,P.createElement(Jy,{variant:"alarm",type:de?"error":"warning",title:ie,footer:P.createElement(Oc,null,r?.type===3&&P.createElement(P.Fragment,null,P.createElement(ho,{size:"xsmall",variant:"body",color:"neutral900"},r.fromAmountRangeError),P.createElement(zo,{direction:"horizontal",size:8}),P.createElement(ho,{size:"xsmall",variant:"body",color:"neutral900"},"|"),P.createElement(zo,{direction:"horizontal",size:8}),P.createElement(ho,{size:"xsmall",variant:"body",color:"neutral900"},qo.t({id:"Yours: {amount} {symbol}",values:{amount:W(B.fromAmount,6,6),symbol:B?.from.symbol}}))),(r?.type===4||s?.type===2)&&P.createElement(ho,{size:"xsmall",variant:"body",color:"neutral900"},qo.t({id:"Minimum required slippage is {minRequiredSlippage}",values:{...r?.type===4&&{minRequiredSlippage:r.recommendedSlippages?.get(b)},...s?.type===2&&{minRequiredSlippage:s.recommendedSlippages?.get(b)}}})))})):void 0}}),"getQuoteSteps")(e?.swaps??[]),N=A.length,M=L(),z=np(t.quote.tags||[]),X=!!u,V=dn(fn(e?.swaps)),U=Pn(e?.swaps??[],f),ee=W(U,2,2),re=U.gte(new Ts(Nl));return d?P.createElement(Zy,{selected:l,fee:ee,time:V,tooltipContainer:In(),steps:A,tags:z,feeWarning:re,percentageChange:E,warningLevel:v,outputPrice:{value:T,usdValue:x,realValue:pe(n.value),realUsdValue:pe(n.usdValue)}}):P.createElement(Hc,{selected:l,listItem:a==="list-item",basic:a==="basic"},P.createElement("div",{className:Gc()},!p&&z.length?P.createElement(P.Fragment,null,P.createElement(eu,null,z.map((Q,B)=>{let b=`${Q.value}_${B}`;return P.createElement(P.Fragment,{key:b},P.createElement(eS,{label:Q.label,value:Q.value}),P.createElement(zo,{size:4,direction:"horizontal"}))})),P.createElement(dr,null),!X&&P.createElement(zo,{size:4})):null,P.createElement("div",{id:"portal-root",className:Vc()},P.createElement(iu,{quote:e,time:V,fee:ee,feeWarning:re,showModalFee:c,steps:N}),X&&P.createElement(Qc,{onClick:Q=>{Q.stopPropagation(),u()},size:"xxsmall",type:"secondary",variant:"default"},P.createElement(ho,{color:"secondary",variant:"label",size:"medium"},qo.t("See All Routes")))),a==="basic"&&P.createElement("div",{className:jc()},P.createElement(Zc,null,P.createElement(Ry,{size:12,color:"gray"})),P.createElement(Rc,null,P.createElement(hs,{size:"small",variant:"body"},`${k} ${A[0].from.token.displayName} = `),P.createElement(hu,{content:pe(n.value),container:M,open:n.value?void 0:!1},P.createElement(hs,{size:"small",variant:"body"},"\xA0",`${T} ${A[A.length-1].to.token.displayName}`))),P.createElement(hu,{content:pe(n.usdValue),container:M,style:{display:"flex"}},P.createElement(ho,{color:"$neutral600",ml:2,size:"xsmall",variant:"body"},`($${x})`))),a==="list-item"&&P.createElement(oS,{tooltipContainer:M,type:"output",direction:"vertical",price:{value:T,usdValue:x,realValue:pe(n.value),realUsdValue:pe(n.usdValue)},token:{displayName:A[N-1].to.token.displayName,image:A[N-1].to.token.image},chain:{image:A[N-1].to.chain.image},percentageChange:E,warningLevel:v}),a==="swap-preview"&&P.createElement(P.Fragment,null,P.createElement(Fo,{from:A[0].from,to:A[N-1].to,percentageChange:E,warningLevel:v}),P.createElement(zo,{size:4}))),P.createElement(qc,{selected:l,listItem:a==="list-item",open:C,className:"quote_container",onOpenChange:h},P.createElement(gu,{type:a,quoteRef:y,selected:l,setExpanded:h,expanded:C,steps:A}),P.createElement(Yc,{open:C},P.createElement(Jc,null),P.createElement("div",{className:zc()},A.map((Q,B)=>{let b=`item-${B}`;return P.createElement(tS,{type:"quote-details",key:b,tooltipContainer:M,step:Q,hasSeparator:B!==A.length-1,state:Q.state})})))))}i(ks,"Quote");import{Divider as lS,Skeleton as pS}from"@rango-dev/ui";import kt from"react";import{darkTheme as iS,styled as xr}from"@rango-dev/ui";var yu=xr("div",{$$color:"$colors$neutral100",[`.${iS} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",borderBottomLeftRadius:"$xm",borderBottomRightRadius:"$xm",padding:"$15",variants:{rounded:{true:{borderRadius:"$xm"}},expanded:{true:{paddingBottom:"3px"},false:{paddingBottom:"$12"}}}}),Su=xr("div",{paddingTop:"$2"}),Cu=xr("div",{paddingLeft:"$8"}),Tu=xr("div",{borderLeft:"1px dashed $foreground",minHeight:" 0",margin:"0px 11.5px",alignSelf:"stretch",variants:{hideSeparator:{true:{minHeight:"unset",height:"0"}}}});import{ChainToken as Nu,Divider as rt,Skeleton as Ge}from"@rango-dev/ui";import O from"react";import{css as sS,styled as Tt}from"@rango-dev/ui";var ws=Tt("div",{display:"flex"}),ku=Tt("div",{padding:"$10 $0 $20"}),wu=Tt("div",{padding:"14px $0 $20 $0",display:"flex",flexDirection:"column"}),xu=Tt("div",{display:"flex",justifyContent:"start",alignItems:"center"}),vu=Tt("div",{display:"flex",justifyContent:"space-between",alignItems:"end"}),bu=Tt("div",{height:"$24",marginLeft:"13px",borderLeft:"1px solid $neutral700"}),Iu=Tt("div",{width:"65%",display:"flex",justifyContent:"start"}),Eu=Tt("div",{display:"flex",flexDirection:"column",alignItems:"start",flexGrow:1,maxWidth:"148px"}),Au=Tt("div",{padding:"$15 $0 $15 $0"}),Wu=sS({display:"flex",justifyContent:"space-between",alignItems:"center"});function Qo(t){let{type:e,tagHidden:o=!0}=t,n=O.createElement(vu,null,O.createElement(Iu,null,O.createElement(Nu,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),O.createElement(rt,{size:8,direction:"horizontal"}),O.createElement(Eu,null,O.createElement(Ge,{height:10,width:60,variant:"rounded"}),O.createElement(rt,{size:4}),O.createElement(Ge,{height:15,variant:"rounded"}))),O.createElement(Ge,{height:12,width:64,variant:"rounded"})),r=e==="basic"&&!o;return O.createElement("div",null,!o&&O.createElement(O.Fragment,null,O.createElement(ws,null,O.createElement(Ge,{width:65,height:20,variant:"rounded"}),O.createElement(rt,{size:4,direction:"horizontal"}),O.createElement(Ge,{width:65,height:20,variant:"rounded"}),O.createElement(rt,{size:4,direction:"horizontal"}),O.createElement(Ge,{width:65,height:20,variant:"rounded"})),O.createElement(dr,null),!r&&O.createElement(rt,{size:4})),O.createElement("div",{className:Wu()},O.createElement(ws,null,O.createElement(Ge,{width:60,height:10,variant:"rounded"}),O.createElement(rt,{size:4,direction:"horizontal"}),O.createElement(Ge,{width:60,height:10,variant:"rounded"}),O.createElement(rt,{size:4,direction:"horizontal"}),O.createElement(Ge,{width:60,height:10,variant:"rounded"})),r&&O.createElement(Ge,{width:85,height:24,variant:"rounded"})),e==="basic"&&O.createElement(ku,null,O.createElement(Ge,{height:15,width:148,variant:"rounded"})),e==="list-item"&&O.createElement(wu,null,O.createElement(xu,null,O.createElement(Nu,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),O.createElement(rt,{direction:"horizontal",size:4}),O.createElement(Ge,{height:15,width:150,variant:"rounded"})),O.createElement(rt,{size:10}),O.createElement(Ge,{height:10,width:184,variant:"rounded"})),e==="swap-preview"&&O.createElement(O.Fragment,null,O.createElement(rt,{size:4}),O.createElement(Au,null,n,O.createElement(bu,null),n),O.createElement(rt,{size:12})))}i(Qo,"QuoteSummarySkeleton");import{ChainToken as Pu,Divider as vs,NextIcon as aS,Skeleton as vr}from"@rango-dev/ui";import Te from"react";import{styled as Ho}from"@rango-dev/ui";var Lu=Ho("div",{display:"flex",alignItems:"start"}),Mu=Ho("div",{flexGrow:1,paddingTop:"$5",paddingBottom:"$10",display:"flex",alignItems:"center",variants:{extraSpace:{true:{paddingBottom:"$40"}}}}),xs=Ho("div",{display:"flex",alignItems:"center",flexGrow:1}),Bu=Ho("div",{margin:"$0 $2",padding:"$4",display:"flex",justifyContent:"center",alignItems:"center"}),_u=Ho("div",{display:"flex",alignItems:"center"});function dt(t){let{separator:e=!0}=t;return Te.createElement(Te.Fragment,null,Te.createElement(_u,null,Te.createElement(vr,{height:22,width:22,variant:"circular"}),Te.createElement(vs,{direction:"horizontal",size:8}),Te.createElement(vr,{height:15,width:148,variant:"rounded"})),Te.createElement(Lu,null,Te.createElement(Tu,{hideSeparator:!e}),Te.createElement(Mu,{extraSpace:e},Te.createElement(xs,null,Te.createElement(Pu,{size:"small",loading:!0,chainImage:"",tokenImage:""}),Te.createElement(vs,{direction:"horizontal",size:8}),Te.createElement(vr,{height:12,variant:"rounded"})),Te.createElement(Bu,null,Te.createElement(aS,{color:"gray",size:16})),Te.createElement(xs,null,Te.createElement(Pu,{size:"small",loading:!0,chainImage:"",tokenImage:""}),Te.createElement(vs,{direction:"horizontal",size:8}),Te.createElement(vr,{height:12,variant:"rounded"})))))}i(dt,"StepSkeleton");function Go(t){let{type:e,expanded:o,tagHidden:n=!1}=t;return kt.createElement(yu,{expanded:o,rounded:e!=="basic"},kt.createElement(Qo,{type:e,tagHidden:n}),kt.createElement(Su,null,kt.createElement(pS,{height:15,variant:"rounded"})),o&&kt.createElement(Cu,null,kt.createElement(lS,{size:24}),kt.createElement(dt,null),kt.createElement(dt,null),kt.createElement(dt,{separator:!1})))}i(Go,"QuoteSkeleton");function Jt(t){let{quote:e,type:o,loading:n,error:r,warning:s,expanded:a=!1,tagHidden:l,onClick:p,showModalFee:c,selected:u,onClickAllRoutes:d,fullExpandedMode:m=!1}=t,{inputAmount:f,inputUsdValue:S,toToken:C}=H(),h=e?.outputAmount?new cS(e?.outputAmount):null,y=e?.outputAmount?Dn(e?.outputAmount,Fn(e)||C?.usdPrice):null,T=!(r&&(r.type===0||r.type===1))&&e&&!n;return n?br.createElement(fs,null,br.createElement(Go,{tagHidden:l,type:o,expanded:a})):T?br.createElement(fs,{onClick:()=>p?.(e)},br.createElement(ks,{quote:e,error:r,showModalFee:c,warning:s,tagHidden:l,selected:u,type:o,expanded:a,onClickAllRoutes:d,fullExpandedMode:m,input:{value:f,usdValue:S?.toString()??""},output:{value:h?.toString()??"",usdValue:y?.toString()??""}})):null}i(Jt,"QuoteInfo");import{calculatePendingSwap as dS}from"@rango-dev/queue-manager-rango-preset";import{useEffect as fS}from"react";import{useRef as uS,useState as mS}from"react";function Ir({request:t}){let[e,o]=mS(!1),n=uS(null),r=i(()=>n.current?.abort(),"cancelFetch");return{fetch:i(async a=>{r(),n.current=new AbortController,o(!0);try{let l=await t(a,{signal:n.current.signal});return n.current=null,l}catch(l){throw l}finally{o(!1)}},"fetch"),loading:e,cancelFetch:r}}i(Ir,"useFetch");function $u(){let{fetch:t,loading:e,cancelFetch:o}=Ir({request:async(n,r)=>await At().confirmRouteRequest(n,r)});return{fetch:t,loading:e,cancelFetch:o}}i($u,"useFetchConfirmQuote");function Er(t){if(!t.swaps)throw new Error(R().noResultError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});let e=bs(t.swaps);if(e)throw new Error(e.message,{cause:e.options})}i(Er,"throwErrorIfResponseIsNotValid");function bs(t){if(Bl(t)){let{swap:n,recommendation:r,fromAmountRangeError:s}=_l(t);return{message:"bridge limit error",options:{type:3,swap:n,recommendation:r,fromAmountRangeError:s}}}let o=Fl(t);if(o){let n=$n(t);return{message:"",options:{type:4,recommendedSlippages:o,minRequiredSlippage:n}}}return null}i(bs,"getQuoteError");function Du(t,e,o){let n=!1;t&&(n=Rl(t,e));let r={quote:null,quoteUpdate:null,balance:null},s=no(e,{fromToken:o.fromToken,toToken:o.toToken,tokens:o.meta.tokens,userSlippage:o.userSlippage});s&&(r.quote=s),t&&n&&(Hl(t,e)?r.quoteUpdate={type:3,newOutputAmount:W(oo(e)),percentageChange:W(Xe(oo(t)??"",oo(e)??""),null,2)}:Ei(t,e)?r.quoteUpdate={type:0}:Ai(t,e)?r.quoteUpdate={type:1}:Wi(t,e)&&(r.quoteUpdate={type:2}));let a=Gl(e,o.selectedWallets,o.meta.blockchains);return a.length===0||(r.balance={messages:a}),r}i(Du,"generateWarnings");function Ar(t){return t?.code==="ERR_CANCELED"?{swap:null,error:{type:2},warnings:null}:t.cause?{swap:null,error:t.cause,warnings:null}:{swap:null,error:{type:1},warnings:null}}i(Ar,"handleQuoteErrors");function Is(){let{fromToken:t,toToken:e,inputAmount:o,setSelectedQuote:n,selectedQuote:r,customDestination:s,setQuoteWarningsConfirmed:a,resetAlerts:l}=H(),{slippage:p,customSlippage:c}=g(),u=g().getDisabledLiquiditySources(),d=g().blockchains(),m=g().tokens(),f=c||p,{fetch:S,cancelFetch:C,loading:h}=$u();return fS(()=>C,[]),{loading:h,fetch:i(async k=>{let T=k.selectedWallets,x=k?.customDestination??s;if(!t||!e||!o)return{quote:null,swap:null,error:null,warnings:null};let I=T.reduce((v,w)=>(v[w.chain]=w.address,v),{}),E={requestId:r?.requestId||"",selectedWallets:I,destination:x||void 0};try{return await S(E).then(v=>{let{result:w}=v;Er({diagnosisMessages:w.diagnosisMessages,requestId:w.requestId,swaps:w.result?.swaps});let A={outputAmount:w.result?.outputAmount,requestId:w.requestId,resultType:w.result?.resultType,swaps:w.result?.swaps||[],validationStatus:w.validationStatus,requestAmount:w.requestAmount};n(A);let N={slippage:f.toString(),disabledSwappersGroups:u},M=dS(o.toString(),w,zl(T),N,!1,{blockchains:d,tokens:m}),z=Du(r??void 0,A,{fromToken:t,toToken:e,meta:{blockchains:d,tokens:m},selectedWallets:T,userSlippage:f});return z.quoteUpdate&&a(!1),l(),{quote:A,swap:M,error:null,warnings:z}})}catch(v){return Ar(v)}},"fetch"),cancelFetch:C}}i(Is,"useConfirmSwap");var ES=SS("div",{width:"100%",display:"flex",justifyContent:"space-between",[`& ${Ou}`]:{width:"$48",height:"$48"}}),AS=As({flexGrow:1,paddingRight:"$10"}),WS=As({width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"}),NS=As({display:"flex",justifyContent:"space-between",alignItems:"center"});function Uu(){let{selectedQuote:t,setInputAmount:e,selectedWallets:o,quoteWalletsConfirmed:n,setQuoteWalletConfirmed:r,customDestination:s,quoteWarningsConfirmed:a}=H(),l=IS(),p=bS(),[c,u]=jo(""),{connectedWallets:d}=Y(),m=!n,[f,S]=jo(!1),[C,h]=jo(!1),{isActiveTab:y}=ne(),k=g().getDisabledLiquiditySources(),T=xS(k),{manager:x}=gS(),{fetch:I,loading:E,cancelFetch:v}=Is(),[w,A]=jo({swap:null,error:null,warnings:null}),[N,M]=jo(!1),z=i(async({selectedWallets:b,customDestination:J})=>{let de=await I?.({selectedWallets:b,customDestination:J});return A(de),de},"onConfirmSwap"),X=i(async()=>{if(w.swap&&n)try{await x?.create("swap",{swapDetails:w.swap},{id:w.swap.requestId});let b=`../${F.swaps}/${w.swap.requestId}`;l(b,{replace:!0}),setTimeout(()=>{e("")},0)}catch(b){u("Error: "+b?.message)}},"addNewSwap"),V=i(async()=>{h(!0),await X(),h(!1)},"onConfirm"),U=i(async()=>{w?.warnings?.quote&&!a?M(!0):await V()},"onStartConfirmSwap"),ee=i(async()=>{A({error:null,swap:null,warnings:null}),I({selectedWallets:o,customDestination:s}).then(b=>{A(b)}).catch(b=>console.error(b))},"onRefresh");Vo(()=>{!!T.current.length&&!k.length&&ee(),T.current=k},[k.length]),Vo(()=>{m&&v()},[m]),Vo(()=>{m&&S(m)},[m]),Vo(()=>{m||I({selectedWallets:o,customDestination:s}).then(b=>A(b)).catch(b=>console.error(b))},[]),Vo(()=>{let b=w.warnings?.quote?.type&&Object.values(Nt).includes(w.warnings?.quote?.type),J=o.length<1||!o.every(Z=>d.find(ie=>Z.address===ie.address&&Z.walletType===ie.walletType&&Z.chain===ie.chain)),de=!1;if(b){let Z=Ln(t?.swaps||null),ie=t?.swaps[t.swaps.length-1].to.blockchain;!!t?.swaps.find(K=>K.from.blockchain===ie)||(Z=Z.slice(-Z.length,Z.length-1)),Z.every(K=>o.find(te=>te.chain===K))||(de=!0)}t&&(J||de)&&(queueMicrotask(()=>vS(S.bind(null,!0))),r(!1))},[w.warnings?.quote,o.length,d.length]),wS(()=>{t||l(`../${p.search}`)},[]);let re=w.warnings?.quote??null,Q=w.error,B=[];if(c&&B.push(fe.createElement(Fu,{type:"error",variant:"alarm",title:c})),w.warnings?.quoteUpdate&&B.push(fe.createElement(Fu,{variant:"alarm",type:"warning",title:w.warnings.quoteUpdate&&zn(w.warnings.quoteUpdate)})),re||Q){let b=`../${F.settings}`;B.push(fe.createElement($o,{warning:re,error:Q,refetchQuote:ee,showWarningModal:N,confirmationDisabled:!y,onOpenWarningModal:()=>M(!0),onCloseWarningModal:()=>M(!1),onConfirmWarningModal:async()=>{M(!1),await X()},onChangeSettings:()=>l(b)}))}return fe.createElement(le,{header:{title:Wr.t("Confirm Swap"),onWallet:()=>{let b=`../${F.wallets}`;l(b)},suffix:fe.createElement(CS,{container:L(),side:"bottom",content:Wr.t("Settings")},fe.createElement(Je,{size:"small",variant:"ghost",onClick:()=>l("../"+F.settings)},fe.createElement(yS,{size:18,color:"black"})))},footer:fe.createElement(ES,null,fe.createElement("div",{className:AS()},fe.createElement(hS,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:E||C,disabled:!!w.error||!y,onClick:U},Wr.t("Start Swap"))),fe.createElement(Ou,{variant:"contained",type:"primary",size:"large",loading:E||C,disabled:!y,onClick:S.bind(null,!0)},fe.createElement(kS,{size:24})))},f&&fe.createElement(Cc,{open:f,onClose:()=>S(!1),onCancel:v,loading:E,onCheckBalance:z}),fe.createElement(ue,null,fe.createElement("div",{className:NS()},fe.createElement(TS,{variant:"title",size:"small"},Wr.t("You get")),fe.createElement("div",{className:WS()},fe.createElement(er,{onClick:!E&&!f&&!N?ee:void 0}))),fe.createElement(Es,{size:"12"}),bp(B.map((b,J)=>({element:b,key:`alert-${J}`})),fe.createElement(Es,{size:10})),B.length>0?fe.createElement(Es,{size:10}):null,fe.createElement(Jt,{quote:t,type:"swap-preview",expanded:!0,tagHidden:!0,error:w.error,loading:E,warning:w.warnings?.quote??null})))}i(Uu,"ConfirmSwapPage");import{i18n as Lr}from"@lingui/core";import{useManager as VS}from"@rango-dev/queue-manager-react";import{Divider as Ju,NotFound as jS,styled as XS}from"@rango-dev/ui";import xt,{useState as KS}from"react";import{useNavigate as YS}from"react-router-dom";import{i18n as BS}from"@lingui/core";import{Divider as Gu,GroupedVirtualizedList as _S,Skeleton as PS,SwapListItem as Vu,Typography as $S}from"@rango-dev/ui";import _e,{useCallback as ju,useEffect as DS,useRef as FS,useState as OS}from"react";function qu(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(qu,"calculateGroupsSoFar");import{css as LS,darkTheme as MS,styled as Xo}from"@rango-dev/ui";var Ws=LS(),zu=Xo("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$5"}),Ns=Xo("div",{width:"100%",display:"flex",flexDirection:"column",backgroundColor:"$background",padding:"$10 $5 0 $5",[`& .${Ws}`]:{$$color:"$colors$neutral600",[`.${MS} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Ls=Xo("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),Qu=Xo("div",{gap:"$10",display:"flex",flexDirection:"column"}),Hu=Xo("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});var US=10;function Ms(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,[s,a]=OS([]),l=FS(0),{swaps:p,groupCounts:c,groups:u}=n(e),d=ju(qu,[]),m=ju(()=>{let f=e.length-l.current;f&&(l.current+=Math.min(f,US),a(d(c,l.current)))},[e.length]);if(DS(()=>{r||m()},[r,m]),r){let f=[1,2];return _e.createElement(_e.Fragment,null,[f,f].map((C,h)=>_e.createElement(Ns,{key:h},_e.createElement(Ls,null,_e.createElement(PS,{variant:"text",width:60,size:"small"}),_e.createElement(Gu,{size:16})),_e.createElement(Gu,{size:4}),_e.createElement(Qu,null,C.map((k,T)=>_e.createElement(Vu,{isLoading:!0,key:T}))))))}return _e.createElement(_S,{endReached:()=>{l.current<e.length&&m()},groupCounts:s,groupContent:f=>_e.createElement(Ns,null,_e.createElement(Ls,null,_e.createElement($S,{variant:"label",size:"medium",className:Ws()},u[f]))),itemContent:(f,S)=>{let C=p[f];if(!C)return null;let h=C.steps[0],y=C.steps[C.steps.length-1];return _e.createElement(zu,{key:C.requestId},_e.createElement(Vu,{requestId:C.requestId,creationTime:C.creationTime,status:C.status,onClick:o,tooltipContainer:L(),onlyShowTime:u[S]===BS.t("Today"),swapTokenData:{from:{token:{image:h.fromLogo,displayName:h.fromSymbol},blockchain:{image:h.fromBlockchainLogo||""},amount:W(C.inputAmount,6,6),realAmount:pe(C.inputAmount)},to:{token:{image:y.toLogo,displayName:y.toSymbol},blockchain:{image:y.toBlockchainLogo||""},amount:W(y.outputAmount||y.expectedOutputAmountHumanReadable||"",6,6),realAmount:pe(y.outputAmount||y.expectedOutputAmountHumanReadable)}}}))}})}i(Ms,"HistoryGroupedList");import{CloseIcon as zS,IconButton as QS,SearchIcon as HS,TextField as GS}from"@rango-dev/ui";import Ko from"react";import{styled as qS}from"@rango-dev/ui";var Xu=qS("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function wt(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:s,value:a,setValue:l,...p}=t;return Ko.createElement(GS,{prefix:Ko.createElement(Xu,null,Ko.createElement(HS,{color:"black"})),suffix:!!a.length&&Ko.createElement(QS,{variant:"ghost",onClick:()=>l?.(""),size:"small"},Ko.createElement(zS,{color:"gray",size:10})),fullWidth:o,color:n,variant:e,style:{padding:10,borderRadius:25,alignItems:"center"},size:r,value:a,onChange:s,...p})}i(wt,"SearchInput");import{i18n as Nr}from"@lingui/core";import Ku from"dayjs";var Yu=i(t=>{let e=new Map([["today",{title:Nr.t("Today"),swaps:[]}],["week",{title:Nr.t("This week"),swaps:[]}],["month",{title:Nr.t("This month"),swaps:[]}],["year",{title:Nr.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=Ku();t.forEach(p=>{let c=Number(p.creationTime),u=Ku(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 d=new Date(c).getFullYear().toString();o(d,p)}});let r=Array.from(e.values()).filter(p=>p.swaps.length>0),s=r.flatMap(p=>p.swaps),a=r.map(p=>p.swaps.length),l=r.map(p=>p.title);return{swaps:s,groupCounts:a,groups:l}},"groupSwapsByDate");var JS=XS("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),ZS=i((t,e)=>t?.length?t.filter(o=>pt(o.fromBlockchain,e)||pt(o.toBlockchain,e)||pt(o.toSymbol,e)||pt(o.fromSymbol,e)).length:!1,"isStepContainsText");function Zu(){let t=YS(),{manager:e,state:o}=VS(),n=ut(e).map(({swap:u})=>u),[r,s]=KS(""),a=!o.loadedFromPersistor,l=i(u=>{let d=u.target.value;s(d)},"searchHandler"),p=n;r&&(p=n.filter(u=>pt(u.inputAmount,r)||pt(u.status,r)||ZS(u.steps,r)||pt(u.requestId,r)));let c=!p?.length&&!a;return xt.createElement(le,{header:{title:Lr.t("History")}},xt.createElement(ue,null,xt.createElement(wt,{setValue:s,fullWidth:!0,variant:"contained",placeholder:Lr.t("Search Transaction"),autoFocus:!0,onChange:l,value:r}),xt.createElement(Ju,{size:"16"}),xt.createElement(JS,null,c&&xt.createElement(Hu,null,xt.createElement(Ju,{size:32}),xt.createElement(jS,{title:Lr.t("No results found"),description:r?Lr.t("Try using different keywords"):""})),!c&&xt.createElement(Ms,{list:p,onSwapClick:t,groupBy:Yu,isLoading:a}))))}i(Zu,"HistoryPage");import{i18n as hC}from"@lingui/core";import{Button as yC,Divider as gm,styled as SC,WarningIcon as CC}from"@rango-dev/ui";import qe,{useEffect as hm,useState as ym}from"react";import{useNavigate as TC}from"react-router-dom";import{i18n as rC}from"@lingui/core";import{Header as iC}from"@rango-dev/ui";import $t,{useEffect as sC,useState as aC}from"react";import{i18n as eC}from"@lingui/core";import{Divider as _s,FullExpandedQuote as tC,Typography as oC}from"@rango-dev/ui";import ge from"react";import{styled as Bs}from"@rango-dev/ui";var Ru=Bs("div",{display:"flex",justifyContent:"center",flexDirection:"column",height:"100%"}),em=Bs("div",{display:"flex",justifyContent:"space-between",alignItems:"center"}),tm=Bs("div",{width:"146px"});import{i18n as Yo}from"@lingui/core";import{Select as RS}from"@rango-dev/ui";import om from"react";function Mr(t){let{updateQuotePartialState:e,sortStrategy:o}=H(),n=[{value:"SMART",label:Yo.t("Smart Routing")},{value:"FEE",label:Yo.t("Lowest Fee")},{value:"SPEED",label:Yo.t("Fastest Transfer")},{value:"NET_OUTPUT",label:Yo.t("Maximum Return")},{value:"PRICE",label:Yo.t("Maximum Output")}];return om.createElement(tm,null,om.createElement(RS,{container:t.container,options:n,value:o,handleItemClick:r=>{e("sortStrategy",r.value)},variant:"filled"}))}i(Mr,"SelectStrategy");var nm=3;function Jo(t){let{loading:e,onClickOnQuote:o,fetch:n,showModalFee:r,hasSort:s=!0,fullExpandedMode:a=!1}=t,{selectedQuote:l,quotes:p,updateQuotePartialState:c,fromToken:u,toToken:d,sortStrategy:m,error:f}=H(),{slippage:S,customSlippage:C}=g(),h=g().tokens(),y=!!p&&p.results.length,k=C??S,T=i(E=>{if(!u||!d||!p)return null;let v={requestAmount:p.requestAmount,...E};return no(v,{fromToken:u,toToken:d,userSlippage:k,tokens:h})},"getQuoteWarning"),x=f?.type===0||f?.type===1,I=p?.results?On(m,p?.results):[];return ge.createElement(ge.Fragment,null,s&&ge.createElement(ge.Fragment,null,ge.createElement(em,null,ge.createElement(oC,{size:"xmedium",variant:"title"},eC.t("Sort by")),ge.createElement(Mr,{container:L()})),ge.createElement(_s,{size:"10"})),e&&Array.from({length:nm},(E,v)=>ge.createElement(ge.Fragment,{key:v},a?ge.createElement(tC,{loading:!0}):ge.createElement(Go,{tagHidden:!1,type:"list-item",expanded:!1}),v!==nm-1&&ge.createElement(_s,{size:16}))),!e&&ge.createElement(ge.Fragment,null,y?I.map((E,v)=>{let w=T(E),A=bs(E.swaps),N=I.length-1===v;return ge.createElement(ge.Fragment,{key:E.requestId},ge.createElement(Jt,{showModalFee:r,selected:l?.requestId===E.requestId,tagHidden:!1,quote:{...E,requestAmount:p.requestAmount},loading:e,error:A?.options||null,warning:w,fullExpandedMode:a,onClick:M=>{A||c("warning",w),c("error",A?.options||null),o(M)},type:"list-item"}),!N&&ge.createElement(_s,{size:16}))}):x&&ge.createElement(Ru,null,ge.createElement(_o,{size:a?"large":"small",error:f,fetch:n}))))}i(Jo,"Quotes");import{darkTheme as nC,styled as rm}from"@rango-dev/ui";var im=rm("div",{transition:"width 0.2s, opacity 0.2s, margin-left 0.2s",height:"700px",width:"390px",opacity:1,marginLeft:"$16",backgroundColor:"$neutral100",[`.${nC} &`]:{backgroundColor:"$neutral300"},variants:{expandMode:{default:{width:"390px"},full:{width:"719px"}}},"&.is-hidden":{width:0,height:0,opacity:0,marginLeft:0}}),sm=rm("div",{position:"relative",overflow:"hidden",padding:"$20",flexGrow:1,display:"flex",flexDirection:"column",overflowY:"auto",borderRadius:"$primary",backgroundColor:"$background"});var lC=100;function Ps(t){let{fetch:e,loading:o,onClickOnQuote:n,onClickRefresh:r,isVisible:s}=t,[a,l]=aC(!1),p=a?"":"is-hidden",{config:c}=g(),u=c?.variant==="full-expanded";return sC(()=>{let d=null;return s?d=setTimeout(()=>{l(!0)},lC):(l(!1),d&&clearTimeout(d)),()=>{d&&clearTimeout(d)}},[s]),$t.createElement(im,{expandMode:c?.variant==="full-expanded"?"full":"default",className:`${p} ${nr()}`,id:ke.EXPANDED_BOX_ID},$t.createElement(iC,{title:rC.t("Routes"),suffix:$t.createElement($t.Fragment,null,$t.createElement(Mr,{container:In()}),$t.createElement(Vt,{onClickRefresh:r,hidden:["history","notifications","settings"]}))}),$t.createElement(sm,null,$t.createElement(Jo,{showModalFee:!1,fetch:e,hasSort:!1,loading:o,onClickOnQuote:n,fullExpandedMode:u})))}i(Ps,"ExpandedQuotes");import{i18n as mm}from"@lingui/core";import{SwapInput as dm}from"@rango-dev/ui";import Zo from"react";import{ReverseIcon as pC,styled as am}from"@rango-dev/ui";import $s from"react";var cC=am("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),uC=am("div",{borderRadius:"$md",border:"3px solid $background",background:"$neutral100",width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center",color:"$foreground","&:hover":{color:"$secondary500"}});function lm(){let t=H.use.switchFromAndTo();return $s.createElement(cC,null,$s.createElement(uC,{onClick:()=>{t()}},$s.createElement(pC,{size:12})))}i(lm,"SwitchFromAndToButton");import{styled as pm}from"@rango-dev/ui";var cm=pm("div",{display:"flex",flexDirection:"column",gap:"$5",alignSelf:"stretch"}),um=pm("div",{position:"relative"});function Ds(t){let{fetchingQuote:e,fetchMetaStatus:o,onClickToken:n,isExpandable:r}=t,{fromToken:s,fromBlockchain:a,toToken:l,toBlockchain:p,setInputAmount:c,inputAmount:u,inputUsdValue:d,outputAmount:m,outputUsdValue:f,selectedQuote:S}=H(),{connectedWallets:C,getBalanceFor:h}=Y(),y=s?h(s):null,k=Tn(y)?.amount??"0",T=a&&s?W(y?.amount,y?.decimals):"0",x=!!a&&Xa(C,a.name),I=!bi(S,u,d),E=!bi(S,u,f),v=!d||!f||!f.gt(0)?null:Xe(d.toString(),f.toString());return Zo.createElement(cm,null,Zo.createElement(um,null,Zo.createElement(dm,{label:mm.t("From"),mode:"From",onInputChange:c,balance:k,chain:{displayName:a?.displayName||"",image:a?.logo||""},token:{displayName:s?.symbol||"",image:s?.image||""},onClickToken:()=>n("from"),price:{value:u,usdValue:I?void 0:W(d,4,4),realUsdValue:I?void 0:pe(d),error:I?R().unknownPriceError.impactTitle:void 0},disabled:o==="failed",loading:o==="loading",loadingBalance:x,tooltipContainer:L(),onSelectMaxBalance:()=>{k!=="0"&&c(T.split(",").join(""))}}),Zo.createElement(lm,null)),Zo.createElement(dm,{sharpBottomStyle:!r&&(!!S||e),label:mm.t("To"),mode:"To",fetchingQuote:e,chain:{displayName:p?.displayName||"",image:p?.logo||""},token:{displayName:l?.symbol||"",image:l?.image||""},percentageChange:W(Xe(d,f),2,2),warningLevel:St(v??0),price:{value:W(m,6,6),usdValue:E?void 0:W(f,4,4),realValue:pe(m),realUsdValue:E?void 0:pe(f),error:E?R().unknownPriceError.impactTitle:void 0},onClickToken:()=>n("to"),disabled:o==="failed",loading:o==="loading",tooltipContainer:L()}))}i(Ds,"Inputs");import{useCallback as mC,useEffect as dC,useState as fC}from"react";function fm(){let{fetch:t,loading:e,cancelFetch:o}=Ir({request:async(n,r)=>await At().getAllRoutes(n,r)});return{fetch:t,loading:e,cancelFetch:o}}i(fm,"useFetchAllQuotes");var gC=600;function Br({refetchQuote:t}){let{fetch:e,cancelFetch:o}=fm(),{excludeLiquiditySources:n,features:r,enableCentralizedSwappers:s}=g().config,a=Y.use.connectedWallets(),l=g().tokens(),{fromToken:p,toToken:c,inputAmount:u,inputUsdValue:d,selectedQuote:m,sortStrategy:f,resetQuote:S,error:C,warning:h,setSelectedQuote:y,updateQuotePartialState:k}=H(),{slippage:T,customSlippage:x,affiliatePercent:I,affiliateRef:E,affiliateWallets:v,fetchStatus:w}=g(),A=g().getLiquiditySources(),N=g().getDisabledLiquiditySources(),M=g().excludeLiquiditySources(),[z,X]=fC(!0),V=x??T,ee=!p||!c||Le(p,c)||!wo(u),re=i(b=>{X(b)},"resetState"),Q=i(b=>{let{fromToken:J,toToken:de,inputAmount:Z,liquiditySources:ie,excludeLiquiditySources:to,disabledLiquiditySources:G,slippage:K,affiliateRef:te,affiliatePercent:Ie,affiliateWallets:et}=b;if(z||re(!0),!ee&&J&&de){S();let $e=ql({fromToken:J,toToken:de,inputAmount:Z,liquiditySources:ie,excludeLiquiditySources:to,disabledLiquiditySources:G,wallets:a,slippage:K,affiliateRef:te,affiliatePercent:Ie,affiliateWallets:et,enableCentralizedSwappers:s});dl("experimentalRoute",r)&&($e.experimental=!0),e($e).then(De=>{let ye=On(f,De.results),Fe=op(m,ye,De.requestAmount);X(!1),k("quotes",De),y(Fe),Er({diagnosisMessages:De.diagnosisMessages,requestId:Fe?.requestId||"",swaps:Fe?.swaps});let un=Fe&&no(Fe,{fromToken:J,toToken:de,userSlippage:V,tokens:l});k("warning",un)}).catch(De=>{let{error:ye}=Ar(De);(ye?.type===0||ye?.type===1)&&S(),ye?.type!==2&&(k("error",ye),X(!1))})}},"fetch"),B=mC(pl(b=>{ee||Q(b)},gC),[ee]);return dC(()=>{if(!t){X(!1);return}if(w==="success"){if(ee){X(!1),(m||C||h)&&S();return}if(!wo(u)||d?.eq(0)){re(!1),o();return}return S(),re(!0),B({inputAmount:u,fromToken:p,toToken:c,liquiditySources:A,excludeLiquiditySources:M,disabledLiquiditySources:N,slippage:V,affiliateRef:E,affiliatePercent:I,affiliateWallets:v}),o}},[w,u,p?.symbol,p?.address,p?.blockchain,c?.symbol,c?.address,c?.blockchain,ee,A?.length,n,N.length,V,E,I,JSON.stringify(v)]),{fetch:()=>Q({inputAmount:u,fromToken:p,toToken:c,liquiditySources:A,excludeLiquiditySources:M,disabledLiquiditySources:N,slippage:V,affiliateRef:E,affiliatePercent:I,affiliateWallets:v}),loading:z}}i(Br,"useSwapInput");var kC=SC("div",{display:"grid",gridTemplateColumns:"auto auto",alignItems:"flex-start",maxHeight:700,"& .footer__alert":{paddingTop:"0"}}),wC=300;function Sm(){let t=TC(),{fromToken:e,toToken:o,inputAmount:n,selectedQuote:r,refetchQuote:s,error:a,warning:l,quotes:p,setSelectedQuote:c,resetQuoteWallets:u,setQuoteWarningsConfirmed:d,updateQuotePartialState:m}=H(),[f,S]=ym(!1),{isLargeScreen:C,isExtraLargeScreen:h}=Sr(),{fetch:y,loading:k}=Br({refetchQuote:s}),{config:T,fetchStatus:x}=g(),{connectedWallets:I}=Y(),{isActiveTab:E}=ne(),[v,w]=ym(!1),N=Pl({fetchMetaStatus:x,fetchingQuote:k,inputAmount:n,quote:r,anyWalletConnected:I.length>0,error:a,warning:l,needsToWarnEthOnPath:!1}),M=el(C,h,T?.variant),z=!!n&&!!e&&!!o&&n!=="0"&&!Yl(e,o),X=z&&x==="success"&&k,ee=(!M||M&&p?.results.length)&&(l||a);hm(()=>{u(),m("refetchQuote",!0)},[]),hm(()=>{S(z)},[z]);let re=(r||a)&&!v?y:void 0,Q=i(b=>{M&&f?(S(!1),setTimeout(()=>{t(b)},wC)):t(b)},"onHandleNavigation"),B=i(b=>{r?.requestId!==b.requestId&&(w(!1),c(b))},"onClickOnQuote");return qe.createElement(kC,null,qe.createElement(le,{height:"auto",footer:qe.createElement(yC,{type:"primary",size:"large",disabled:N.disabled||!E,prefix:N.action==="confirm-warning"&&qe.createElement(CC,null),fullWidth:!0,onClick:()=>{N.action==="connect-wallet"?Q(F.wallets):N.action==="confirm-warning"?w(!0):Q(F.confirmSwap)}},N.title),header:{onWallet:()=>{Q(F.wallets)},hasBackButton:!1,title:T.title||hC.t("Swap"),suffix:qe.createElement(Vt,{hidden:M?["refresh"]:void 0,onClickRefresh:re,onClickHistory:()=>Q(F.swaps),onClickSettings:()=>{Q(F.settings)}})}},qe.createElement(ue,null,qe.createElement(Ds,{fetchingQuote:X,fetchMetaStatus:x,isExpandable:M,onClickToken:b=>{Q(b==="from"?F.fromSwap:F.toSwap)}}),qe.createElement(gm,{size:"2"}),M?null:qe.createElement(Jt,{quote:r,loading:X,error:a,tagHidden:!1,warning:l,type:"basic",onClickAllRoutes:p&&p.results.length>1?()=>{m("refetchQuote",!1),Q(F.routes)}:void 0}),ee?qe.createElement(qe.Fragment,null,qe.createElement(gm,{size:"10"}),qe.createElement($o,{warning:l,error:a,refetchQuote:y,showWarningModal:v,confirmationDisabled:!E,onOpenWarningModal:()=>w(!0),onCloseWarningModal:()=>w(!1),onConfirmWarningModal:()=>{w(!1),d(!0),Q(F.confirmSwap)},onChangeSettings:()=>Q(F.settings)})):null)),M?qe.createElement(Ps,{loading:X,onClickOnQuote:B,fetch:y,onClickRefresh:re,isVisible:f}):null)}i(Sm,"Home");import{i18n as Cm}from"@lingui/core";import{Alert as xC,Divider as vC,List as bC,ListItemButton as IC,Radio as EC,RadioRoot as AC,Typography as WC}from"@rango-dev/ui";import ft from"react";function Dt(){let{setLanguage:t,language:e,config:o}=g(),n=gl,r=o?.language||bo;return{activeLanguage:e||r,languages:n,defaultLanguage:r,changeLanguage:s=>t(s||bo),resetLanguage:()=>t(null)}}i(Dt,"useLanguage");function Tm(){let{activeLanguage:t,changeLanguage:e,languages:o}=Dt(),n=Ye(),r=o.map(s=>{let{local:a,label:l,SVGFlag:p}=s;return{id:a,value:a,title:ft.createElement(WC,{variant:"title",size:"xmedium"},l),onClick:()=>{e(s.local),n()},end:ft.createElement(EC,{value:a}),start:ft.createElement(p,null)}});return ft.createElement(le,{header:{title:Cm.t("Language")}},ft.createElement(ue,null,ft.createElement(xC,{type:"warning",variant:"alarm",title:"Important Notice: Machine translations are in use"}),ft.createElement(vC,{size:"8"}),ft.createElement(AC,{value:t},ft.createElement(bC,{type:ft.createElement(IC,{title:Cm.t("language"),id:"_",onClick:()=>console.log()}),items:r}))))}i(Tm,"LanguagePage");import{i18n as vt}from"@lingui/core";import{Button as _C,Checkbox as PC,Image as $C,ListItemButton as DC,NotFound as FC,Typography as OC}from"@rango-dev/ui";import Pe,{useState as UC}from"react";import{Checkbox as MC,Skeleton as wm}from"@rango-dev/ui";import en from"react";import{styled as Fs}from"@rango-dev/ui";var Ro=Fs("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto",variants:{disabled:{true:{pointerEvents:"none"}}}}),Os=Fs("div",{width:80,display:"flex",justifyContent:"flex-end"}),Us=Fs("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});import{ListItem as NC,styled as LC}from"@rango-dev/ui";var km=LC(NC,{height:61});var BC=30;function qs(){return en.createElement(Ro,null,Array.from(Array(BC),(t,e)=>en.createElement(km,{hasDivider:!0,key:e,start:en.createElement(wm,{variant:"circular",width:35,height:35}),title:en.createElement(wm,{variant:"text",size:"large",width:90}),end:en.createElement(MC,{checked:!1})})))}i(qs,"LoadingLiquiditySourceList");function zs({sourceType:t}){let e=g().fetchStatus,o=g().swappers(),n=g().getDisabledLiquiditySources(),[r,s]=UC(""),a=g().toggleLiquiditySource,l=g().isInCampaignMode(),p=En(o,n),c={Exchanges:vt.t("Exchanges"),Bridges:vt.t("Bridges")},u=[];t==="Exchanges"&&u.push("DEX"),t==="Bridges"&&u.push("BRIDGE","AGGREGATOR","OFF_CHAIN");let d=p.filter(y=>u.includes(y.type)),m=d.length===d.filter(y=>y.selected).length,f=i(()=>{d.forEach(y=>{m?a(y.groupTitle):y.selected||a(y.groupTitle)})},"toggleAllSources"),S=d.map(y=>{let{selected:k,groupTitle:T,logo:x}=y;return{start:Pe.createElement($C,{src:x,size:22,type:"circular"}),onClick:()=>{l||a(T)},end:Pe.createElement(PC,{checked:k,disabled:l}),title:Pe.createElement(OC,{variant:"title",size:"xmedium"},vt.t(T)),...y}}),C=i(y=>{let k=y.target.value;s(k)},"searchHandler"),h=S;return r&&(h=S.filter(y=>pt(y.groupTitle,r))),Pe.createElement(le,{header:{title:vt.t(t),suffix:Pe.createElement(Os,null,Pe.createElement(_C,{variant:"ghost",size:"xsmall",onClick:f},m?vt.t("Deselect all"):vt.t("Select all")))}},Pe.createElement(ue,{view:!0},Pe.createElement(wt,{value:r,setValue:s,fullWidth:!0,color:"light",variant:"contained",placeholder:vt.t("Search {sourceType}",{sourceType:c[t]}),onChange:C}),e==="loading"&&Pe.createElement(qs,null),!h.length&&r?Pe.createElement(Us,null,Pe.createElement(FC,{title:vt.t("No results found"),description:vt.t("Try using different keywords")})):e==="success"&&Pe.createElement(Ro,{disabled:l},h.map(y=>{let{groupTitle:k,...T}=y;return Pe.createElement(Pe.Fragment,{key:y.id},Pe.createElement(DC,{style:{height:"61px"},...T,selected:!1,hasDivider:!0}))}))))}i(zs,"LiquiditySourcePage");import{i18n as qC}from"@lingui/core";import _r from"react";import{useNavigate as zC}from"react-router-dom";function xm(){let t=zC(),e=Ye(),{selectedQuote:o,refetchQuote:n,setSelectedQuote:r,updateQuotePartialState:s,error:a}=H(),{fetch:l,loading:p}=Br({refetchQuote:n}),c=i(m=>{r(m),s("refetchQuote",!1),e()},"onClickOnQuote"),u=`../${F.settings}`,d=`../${F.wallets}`;return _r.createElement(le,{header:{onWallet:()=>{t(d)},onBack:()=>{s("refetchQuote",!1)},title:qC.t("Routes"),suffix:_r.createElement(Vt,{onClickRefresh:o||a?l:void 0,hidden:["notifications","history"],onClickSettings:()=>t(u)})}},_r.createElement(ue,null,_r.createElement(Jo,{fetch:l,loading:p,onClickOnQuote:c})))}i(xm,"RoutesPage");import{i18n as Lm}from"@lingui/core";import{Divider as Mm,getCountCategories as ZC,SelectableCategoryList as RC}from"@rango-dev/ui";import bt,{useState as Bm}from"react";import{i18n as Hs}from"@lingui/core";import{Divider as Wm,Image as jC,ListItemButton as XC,NotFound as KC,Typography as Nm}from"@rango-dev/ui";import Ze,{useEffect as YC,useState as JC}from"react";import{BlockchainCategories as Qs}from"@rango-dev/ui";import{TransactionType as Pr}from"rango-sdk";var QC=i((t,e)=>{switch(e){case Qs.ALL:return!0;case Qs.UTXO:return t.type===Pr.TRANSFER;case Qs.OTHER:return t.type!==Pr.TRANSFER&&t.type!==Pr.COSMOS&&t.type!==Pr.EVM;default:return t.type===e}},"filterByType"),vm=i((t,e,o)=>t.filter(n=>QC(n,o)).filter(n=>yt(n.name,e)||yt(n.displayName,e)),"filterBlockchains");import{ImageContainer as HC,styled as bm}from"@rango-dev/ui";var Im=bm("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),$r=bm(Lo,{padding:0,margin:0,listStyle:"none",[`& ${HC}`]:{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as GC,Skeleton as Em}from"@rango-dev/ui";import Dr from"react";var VC=20;function Am(){return Dr.createElement($r,null,Array.from(Array(VC),t=>Dr.createElement(GC,{key:t,hasDivider:!0,start:Dr.createElement(Em,{variant:"circular",width:35,height:35}),title:Dr.createElement(Em,{variant:"text",size:"large",width:90})})))}i(Am,"LoadingBlockchainList");function Gs(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[s,a]=JC(e),{fetchStatus:l}=g();YC(()=>{a([...vm(e,o,r)])},[e,o,r]);let p=i(()=>!s.length&&o?Ze.createElement(Ze.Fragment,null,Ze.createElement(Wm,{size:32}),Ze.createElement(KC,{title:Hs.t("No results found"),description:Hs.t("Try using different keywords")})):Ze.createElement($r,{as:"ul",key:`${r}-${o}`},s.map(c=>Ze.createElement(XC,{key:`${c.name}-${c.chainId}`,hasDivider:!0,onClick:()=>n(c),start:Ze.createElement(jC,{src:c.logo,size:30}),title:Ze.createElement(Nm,{variant:"title",size:"medium"},c.displayName),id:c.chainId}))),"renderList");return Ze.createElement(Im,null,Ze.createElement(Nm,{variant:"label",size:"large"},Hs.t("Select Blockchain")),Ze.createElement(Wm,{size:4}),l==="loading"&&Ze.createElement(Am,null),l==="success"&&p())}i(Gs,"BlockchainList");function Vs(t){let{type:e}=t,o=Ye(),[n,r]=Bm(""),[s,a]=Bm("ALL"),l=H.use.setToBlockchain(),p=H.use.setFromBlockchain(),c=g().fetchStatus,u=g().blockchains({type:e}),m=ZC(u)!==1;return bt.createElement(le,{header:{title:Lm.t("Select Blockchain")}},bt.createElement(ue,{view:!0},m&&bt.createElement(bt.Fragment,null,bt.createElement(RC,{setCategory:a,category:s,blockchains:u,isLoading:c==="loading"}),bt.createElement(Mm,{size:24})),bt.createElement(wt,{value:n,autoFocus:!0,placeholder:Lm.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:f=>r(f.target.value)}),bt.createElement(Mm,{size:16}),bt.createElement(Gs,{list:u,searchedFor:n,blockchainCategory:s,onChange:f=>{e==="source"?p(f):l(f),o()}})))}i(Vs,"SelectBlockchainPage");import{i18n as zr}from"@lingui/core";import{Divider as Rm}from"@rango-dev/ui";import Zt,{useState as hT}from"react";import{useNavigate as yT}from"react-router-dom";import{i18n as Ks}from"@lingui/core";import{BlockchainsChip as Fr,Divider as Dm,Image as Fm,Skeleton as rT,Tooltip as iT,Typography as Ys}from"@rango-dev/ui";import be from"react";import{useEffect as oT}from"react";var _m=["ETH","COSMOS","OSMOSIS"];function js(t,e,o){let n=JSON.parse(JSON.stringify(t)),r=[];if(n.sort(eT),o?.limit&&t.length>o.limit){let s=o.limit,a=e;if(e.length<=o.limit){let l=o.limit-e.length;for(let p=0;p<=l;p++){let c=n[p];a=a.filter(u=>c.name!==u)}}n.sort(tT(a)),r=n.splice(s)}return{list:n,more:r}}i(js,"prepare");function eT(t,e){let o=_m,n=o.findIndex(l=>l===t.name),r=o.findIndex(l=>l===e.name),s=n>-1,a=r>-1;return s&&a?n>r?1:-1:s?-1:a?1:0}i(eT,"sortByMostUsedBlockchains");function tT(t){return i(function(o,n){let r=t.findIndex(p=>p===o.name),s=t.findIndex(p=>p===n.name),a=r>-1,l=s>-1;return a&&l?r>s?1:-1:t.includes(o.name)?-1:t.includes(n.name)?1:0},"sortByPreferred")}i(tT,"generateSortByPreferredBlockchainsFor");function Pm(t,e){return!!e.list.find(o=>o.name===t)}i(Pm,"isInVisibleList");function Xs(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=g();oT(()=>{if(e?.selected){let s=js(t,o,e);Pm(e.selected,s)||n(e?.selected)}},[e?.selected]);let r=js(t,o,e);return{list:r.list,more:r.more,history:[]}}i(Xs,"usePrepareBlockchainList");import{styled as nT}from"@rango-dev/ui";var $m=nT("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var sT=12;function Js(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:s}=t,a=Xs(e,{limit:10,selected:n?.name}),{fetchStatus:l}=g(),p=H.use.resetToBlockchain(),c=H.use.resetFromBlockchain(),u=a.more.length>0,d=a.more.length===1,m=!d&&u;return be.createElement(be.Fragment,null,be.createElement(Dm,{size:12}),be.createElement(Ys,{variant:"label",size:"large"},Ks.t("Select Blockchain")),be.createElement(Dm,{size:12}),be.createElement($m,null,l==="loading"&&Array.from(Array(sT),f=>be.createElement(rT,{key:f,variant:"rounded",height:50})),l==="success"&&be.createElement(be.Fragment,null,be.createElement(Fr,{selected:!n,onClick:()=>{o==="from"?c():p()}},be.createElement(Ys,{variant:"body",size:"xsmall",color:"secondary500"},Ks.t("All"))),a.list.map(f=>be.createElement(iT,{key:f.name,content:f.shortName,side:"bottom",sideOffset:2,container:L()},be.createElement(Fr,{key:f.name,selected:!!n&&n.name===f.name,onClick:()=>r(f)},be.createElement(Fm,{src:f.logo,size:30})))),d?be.createElement(Fr,{key:a.more[0].name,selected:!!n&&n.name===a.more[0].name,onClick:()=>r(a.more[0])},be.createElement(Fm,{src:a.more[0].logo,size:30})):null,m?be.createElement(Fr,{onClick:s,key:"more-blockchains"},be.createElement(Ys,{variant:"body",size:"xsmall",color:"secondary500"},Ks._("More +{count}",{count:a.more.length}))):null)))}i(Js,"BlockchainsSection");import{i18n as aa}from"@lingui/core";import{darkTheme as Xm,Divider as So,ExternalLinkIcon as pT,Image as cT,ListItemButton as uT,NotFound as mT,PinIcon as dT,Skeleton as Km,Typography as qr,VirtualizedList as fT}from"@rango-dev/ui";import q,{useEffect as Ym,useState as Jm}from"react";import{Divider as Vm,ListItem as lT,Skeleton as tn}from"@rango-dev/ui";import st from"react";import{css as yo,darkTheme as Om,ImageContainer as aT,styled as it,Typography as Um}from"@rango-dev/ui";var Zs=yo({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}),Rs=yo({position:"relative",height:12,width:"30%",maxWidth:"150px"}),ea=yo({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",bottom:"-8px"}),ta=yo({transform:"translateY(12px)",visibility:"hidden","& a":{display:"flex",justifyContent:"center",alignItems:"center",fontSize:"$12",lineHeight:"$16",$$color:"$colors$neutral600",[`.${Om} &`]:{$$color:"$colors$neutral700"},color:"$$color",textDecoration:"none"}}),oa=yo({}),na=yo(),qm=it("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),ra=it("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),Or=it("ul",{flexGrow:1,padding:0,margin:0,listStyle:"none","& li":{alignItems:"none","&:hover":{[`& .${Rs}`]:{[`& .${ta}`]:{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",visibility:"visible"},[`& .${oa}`]:{bottom:"-15px"},[`& .${Zs}`]:{position:"absolute",transform:"translateY(-12px)",visibility:"hidden"},[`& .${ea}`]:{position:"absolute",transform:"translateY(-12px)",bottom:"-10px"}}}}}),ia=it("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),sa=it(Um,{}),zm=it("div",{textAlign:"right",width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",[`& .${na}`]:{$$color:"$colors$neutral600",[`.${Om} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Ur=it("div",{display:"flex",alignItems:"end",flexDirection:"column"}),R1=it("div",{display:"flex",alignItems:"center"}),Qm=it("div",{position:"relative",[`& ${aT}`]:{borderRadius:"$xm",overflow:"hidden"}}),Hm=it("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6}),Gm=it(Um,{width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"});function jm(t){return st.createElement(Or,null,Array.from(Array(t.size),e=>st.createElement(lT,{key:e,hasDivider:!0,start:st.createElement(tn,{variant:"circular",width:35,height:35}),end:st.createElement(Ur,null,st.createElement(tn,{variant:"text",size:"large",width:70}),st.createElement(Vm,{size:4}),st.createElement(tn,{variant:"text",size:"medium",width:50})),title:st.createElement("div",null,st.createElement(tn,{variant:"text",size:"large",width:90}),st.createElement(Vm,{size:4}),st.createElement(tn,{variant:"text",size:"medium",width:90}))})))}i(jm,"LoadingTokenList");var la=20,gT=i(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:s,customCssForTagTitle:a}=t,l=e.length;return q.createElement("div",{className:Rs()},o?q.createElement("div",{className:Zs()},o):q.createElement(ra,{className:ea()},q.createElement(qr,{variant:"title",size:"xmedium"},r.symbol),q.createElement(So,{direction:"horizontal",size:4}),q.createElement(ia,{css:s},q.createElement(sa,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&q.createElement("div",{className:`${ta()} ${!o&&oa()}`},q.createElement("a",{href:n,target:"_blank",rel:"nofollow noreferrer",onClick:p=>p.stopPropagation()},l>10?`${e.slice(0,5)}...${e.slice(l-6,l)}`:e," ",q.createElement(So,{size:4,direction:"horizontal"}),q.createElement(pT,{color:"gray",size:12}))))},"renderDesc");function Zm(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[s,a]=Jm(e),l=g().fetchStatus,p=g().blockchains(),[c,u]=Jm(!0),{getBalanceFor:d,loading:m}=Y(),{isTokenPinned:f}=g(),S=i(()=>{a(e.slice(0,s.length+la))},"loadNextPage");Ym(()=>{u(e.length>s.length)},[s.length]),Ym(()=>{a(e.slice(0,la))},[e]);let C=i(()=>!s.length&&o?q.createElement(q.Fragment,null,q.createElement(So,{size:32}),q.createElement(mT,{title:aa.t("No results found"),description:aa.t("Try using different keywords")})):q.createElement(fT,{endReached:c?S:void 0,itemContent:h=>{let y=s[h],k=Tn(d(y)),T=y.address||"",x=p.find(A=>A.name===y.blockchain),I=Yn(x?.color||"",xp(x?.color||"")?5:125),E=Yn(x?.color||"",-100),v={$$color:I,[`.${Xm} &`]:{$$color:E},backgroundColor:"$$color"},w={$$color:E,[`.${Xm} &`]:{$$color:I},color:"$$color"};return q.createElement("div",{style:{paddingRight:5}},q.createElement(uT,{style:{width:"100%",overflow:"hidden"},"tab-index":h,key:`${y.symbol}${y.address}`,id:`${y.symbol}${y.address}`,hasDivider:!0,onClick:()=>n(s[h]),start:q.createElement(Qm,null,q.createElement(cT,{src:y.image,size:30}),f(y,t.type)&&q.createElement(Hm,null,q.createElement(dT,{size:12,color:"gray"}))),title:x?.type==="COSMOS"||y.name||!y.name&&!T?q.createElement(ra,null,q.createElement(qr,{variant:"title",size:"xmedium"},y.symbol),q.createElement(So,{direction:"horizontal",size:4}),q.createElement(ia,{css:v},q.createElement(sa,{variant:"body",size:"xsmall",css:w},y.blockchain))):void 0,description:x?.info&&T&&x.type!=="COSMOS"?gT({address:T,token:s[h],customCssForTag:v,customCssForTagTitle:w,name:y.name,url:x.info.addressUrl.split("{wallet}").join(T)}):y.name||void 0,end:m?q.createElement(Ur,null,q.createElement(Km,{variant:"text",size:"large",width:70}),q.createElement(So,{size:4}),q.createElement(Km,{variant:"text",size:"medium",width:50})):k&&q.createElement(zm,null,q.createElement(Gm,{variant:"title",size:"small"},k.amount),q.createElement("div",null),k.usdValue&&q.createElement(qr,{variant:"body",className:na(),size:"xsmall"},`$${k.usdValue}`))}))},totalCount:s.length,key:`${r}-${o}`}),"renderList");return q.createElement(qm,null,q.createElement(qr,{variant:"label",size:"large"},aa.t("Select Token")),q.createElement(So,{size:4}),l==="loading"&&q.createElement(jm,{size:la}),l==="success"&&q.createElement(Or,{as:"ul"},C()))}i(Zm,"TokenList");function pa(t){let{type:e}=t,o=yT(),n=Ye(),{fromBlockchain:r,toBlockchain:s,setFromToken:a,setToToken:l,setFromBlockchain:p,setToBlockchain:c}=H(),u=Y.use.getBalanceFor(),[d,m]=hT(""),S=(e==="source"?r:s)?.name??"",C=g().blockchains({type:e}),h=g().tokens({type:e,blockchain:S,searchFor:d,getBalanceFor:u}),y=i(x=>{e==="source"?p(x):c(x)},"updateBlockchain"),k=i(x=>{e==="source"?a({token:x,meta:{blockchains:C,tokens:h}}):l({token:x,meta:{blockchains:C,tokens:h}})},"updateToken"),T={source:zr.t("Source"),destination:zr.t("Destination")};return Zt.createElement(le,{header:{title:zr.t("Swap {type}",{type:T[e]})}},Zt.createElement(ue,null,Zt.createElement(Js,{blockchains:C,type:e=="source"?"from":"to",blockchain:e==="source"?r:s,onMoreClick:()=>o(F.blockchains),onChange:x=>{y(x)}}),Zt.createElement(Rm,{size:24}),Zt.createElement(wt,{value:d,autoFocus:!0,placeholder:zr.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>m(""),onChange:x=>m(x.target.value)}),Zt.createElement(Rm,{size:16}),Zt.createElement(Zm,{list:h,selectedBlockchain:S,searchedFor:d,type:e,onChange:x=>{k(x);let I=C.find(E=>x.blockchain===E.name);I&&y(I),n()}})))}i(pa,"SelectSwapItemsPage");import{i18n as da}from"@lingui/core";import{Alert as zT,Button as QT,styled as HT}from"@rango-dev/ui";import Rt from"react";import{useInRouterContext as GT,useSearchParams as VT}from"react-router-dom";import{i18n as id}from"@lingui/core";import{Divider as kT,InfoIcon as wT,TextField as xT,Tooltip as vT,Typography as sd}from"@rango-dev/ui";import at from"react";import{Chip as ST,styled as on,TextField as CT}from"@rango-dev/ui";var ed=on("div",{paddingTop:"$5",padding:"$10 $5"}),td=on("div",{display:"flex",flexWrap:"wrap",gap:"$10",[`& ${CT}`]:{flex:"1 1 0",maxWidth:"127px",minWidth:"85px"}}),od=on("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),Qr=on("div",{maxWidth:"280px",padding:"$10"}),nd=on(ST,{width:"61px",flexShrink:0});import{i18n as ca}from"@lingui/core";import{Typography as TT}from"@rango-dev/ui";import nn from"react";function rd(){return nn.createElement(Qr,null,nn.createElement(TT,{variant:"label",size:"medium",color:"neutral700"},ca.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),nn.createElement("br",null),nn.createElement("br",null),nn.createElement("b",null,ca.t("Warning")),":",ca.t("This setting is applied per step (e.g. 1Inch, Thorchain, etc) which means only the step will be reverted, not the whole transaction.")))}i(rd,"SlippageTooltipContent");function ua(){let{slippage:t,setSlippage:e,customSlippage:o,setCustomSlippage:n}=g();return at.createElement(ed,null,at.createElement(od,null,at.createElement(sd,{variant:"title",size:"xmedium"},id.t("Slippage tolerance per swap")),at.createElement(kT,{direction:"horizontal",size:4}),at.createElement(vT,{container:L(),side:"top",sideOffset:4,content:at.createElement(rd,null)},at.createElement(wT,{color:"gray"}))),at.createElement(td,null,hl.map((r,s)=>{let a=`slippage-${s}`;return at.createElement(nd,{key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`})}),at.createElement(xT,{type:"number",min:"0.01",max:"30",step:"0.01",fullWidth:!0,variant:"contained",value:o||"",color:"dark",onChange:r=>{let s=r.target.value,a=parseFloat(s);a>=Tl&&a<=Cl?n(a):n(null)},suffix:o&&at.createElement(sd,{variant:"body",size:"small"},"%"),placeholder:id.t("Custom")})))}i(ua,"Slippage");import{i18n as gt}from"@lingui/core";import{AutoThemeIcon as ad,BridgeIcon as bT,ChevronRightIcon as ma,DarkModeIcon as ld,Divider as Hr,DoneIcon as IT,ExchangeIcon as ET,InfoIcon as AT,LanguageIcon as WT,LightModeIcon as pd,List as NT,ListItem as LT,ListItemButton as MT,Skeleton as BT,styled as _T,Switch as PT,Tabs as $T,Tooltip as DT,Typography as Re}from"@rango-dev/ui";import $ from"react";import{useNavigate as FT}from"react-router-dom";var OT=_T("div",{width:"202px",height:"$40"}),UT=[{id:"light",icon:$.createElement(pd,{color:"black",size:16}),tooltip:$.createElement(Re,{size:"xsmall",variant:"body"},gt.t("Light"))},{id:"dark",icon:$.createElement(ld,{color:"black",size:14}),tooltip:$.createElement(Re,{size:"xsmall",variant:"body"},gt.t("Dark"))},{id:"auto",icon:$.createElement(ad,{color:"black",size:16}),tooltip:$.createElement(Re,{size:"xsmall",variant:"body"},gt.t("Auto"))}],qT=i(t=>{let e={color:"gray",size:14};switch(t){case"auto":return $.createElement(ad,{...e});case"dark":return $.createElement(ld,{...e});default:return $.createElement(pd,{...e})}},"getThemeIcon");function cd(){let t=FT(),{theme:e}=g().config,{setTheme:o,theme:n}=g(),{activeLanguage:r,languages:s}=Dt(),a=s.find(V=>V.local===r)?.label,l=g().fetchStatus,p=g().swappers(),c=g().getDisabledLiquiditySources(),{config:{features:u}}=g(),d=je("theme",u),m=je("liquiditySource",u),f=je("language",u),S=g().infiniteApprove,C=g().toggleInfiniteApprove,h=En(p,c),y=h.filter(V=>["BRIDGE","AGGREGATOR","OFF_CHAIN"].includes(V.type)),k=y.length,T=y.filter(V=>V.selected).length,x=h.filter(V=>V.type==="DEX"),I=x.length,E=x.filter(V=>V.selected).length,v=i((V,U)=>{switch(l){case"loading":return $.createElement(BT,{variant:"text",size:"medium",width:50});case"failed":return $.createElement(Re,{variant:"body",size:"medium",color:"$error500"},gt.t("Loading failed"));default:return $.createElement(Re,{variant:"body",size:"medium"},`${V} / ${U}`)}},"handleSwapperEndItem"),w={id:"bridge-item",title:$.createElement(Re,{variant:"title",size:"xmedium"},gt.t("Enabled bridges")),end:$.createElement($.Fragment,null,v(T,k),$.createElement(Hr,{direction:"horizontal",size:8}),$.createElement(ma,{color:"black"})),onClick:()=>t(F.bridges),start:$.createElement(bT,{color:"gray",size:14})},A={id:"exchange-item",title:$.createElement(Re,{variant:"title",size:"xmedium"},gt.t("Enabled exchanges")),end:$.createElement($.Fragment,null,v(E,I),$.createElement(Hr,{direction:"horizontal",size:8}),$.createElement(ma,{color:"gray"})),start:$.createElement(ET,{color:"gray",size:14}),onClick:()=>t(F.exchanges)},N={id:"language-item",title:$.createElement(Re,{variant:"title",size:"xmedium"},gt.t("Language")),start:$.createElement(WT,{color:"gray",size:14}),end:$.createElement($.Fragment,null,$.createElement(Re,{variant:"body",size:"medium"},a),$.createElement(Hr,{direction:"horizontal",size:8}),$.createElement(ma,{color:"gray"})),onClick:()=>t(F.languages)},M={id:"infinite-approval-item",title:$.createElement($.Fragment,null,$.createElement(Re,{variant:"title",size:"xmedium"},gt.t("Infinite approval")),$.createElement(Hr,{direction:"horizontal",size:4}),$.createElement(DT,{side:"top",sideOffset:4,container:L(),content:$.createElement(Qr,null,$.createElement(Re,{variant:"label",size:"medium",color:"neutral700"},gt.t("Enabling the 'Infinite approval' mode grants unrestricted access to smart contracts of DEXes/Bridges, allowing them to utilize the approved token amount without limitations.")))},$.createElement(AT,{color:"gray"}))),start:$.createElement(IT,{color:"gray",size:14}),end:$.createElement(PT,{checked:S}),onClick:C},z={id:"theme-item",type:$.createElement(LT,null),title:$.createElement(Re,{variant:"title",size:"xmedium"},gt.t("Theme")),end:$.createElement(OT,null,$.createElement($T,{container:L(),items:UT,value:n,onChange:V=>o(V.id),type:"primary",borderRadius:"small"})),start:qT(n)},X=m?[]:[w,A];return f||X.push(N),X.push(M),!e?.singleTheme&&!d&&X.push(z),$.createElement(NT,{type:$.createElement(MT,{hasDivider:!0,id:"_",onClick:()=>console.log()}),items:X})}i(cd,"SettingsLists");var jT=HT("div",{paddingLeft:"$8"});function ud(){let{isInCampaignMode:t,updateCampaignMode:e}=g(),o=t(),[,n]=VT(),r=GT(),s=i(()=>{r&&o&&(n(a=>(a.delete("liquiditySources"),a),{replace:!0}),e("liquiditySources",void 0))},"onClick");return Rt.createElement(le,{header:{title:da.t("Settings")}},Rt.createElement(ue,null,o&&Rt.createElement(zT,{type:"info",variant:"alarm",title:da.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:Rt.createElement(jT,null,Rt.createElement(QT,{type:"secondary",size:"small",onClick:s},da.t("Reset")))}),Rt.createElement(ua,null),Rt.createElement(cd,null)))}i(ud,"SettingsPage");import{i18n as Pk}from"@lingui/core";import{cancelSwap as $k}from"@rango-dev/queue-manager-rango-preset";import{useManager as Dk}from"@rango-dev/queue-manager-react";import{Alert as Fk}from"@rango-dev/ui";import Wa from"react";import{useParams as Ok}from"react-router-dom";import{i18n as Et}from"@lingui/core";import{getCurrentBlockchainOfOrNull as yk,getCurrentStep as Sk,getRelatedWalletOrNull as Ck}from"@rango-dev/queue-manager-rango-preset";import{Button as Dd,CopyIcon as Tk,Divider as kk,IconButton as wk,LinkIcon as xk,QuoteCost as vk,StepDetails as bk,Typography as To,useCopyToClipboard as Ik}from"@rango-dev/ui";import{useWallets as Ek}from"@rango-dev/wallets-react";import Fd from"bignumber.js";import{PendingSwapNetworkStatus as Rr}from"rango-types";import oe,{useEffect as Od,useRef as Ak,useState as Ud}from"react";import{useNavigate as Wk}from"react-router-dom";import{i18n as Ft}from"@lingui/core";var XT=[Ft.t("Sunday"),Ft.t("Monday"),Ft.t("Tuesday"),Ft.t("Wednesday"),Ft.t("Thursday"),Ft.t("Friday"),Ft.t("Saturday")];function md(t){let e=new Date(t),o=e.getDate(),n=e.toLocaleString("default",{month:"long"}),r=e.getFullYear();return`${e.getDay()===new Date().getDay()?Ft.t("Today"):`${XT[e.getDay()]} ${o} ${n} ${r}`}, ${new Date(t).toLocaleTimeString()}`}i(md,"timeSince");function dd(t){return t.finishTime?md(parseInt(t.finishTime)):md(parseInt(t.creationTime))}i(dd,"getSwapDate");import{PendingSwapNetworkStatus as jr}from"rango-types";import Xr from"react";import{i18n as Gr}from"@lingui/core";import{Button as fd,Divider as fa,MessageBox as KT}from"@rango-dev/ui";import Ot from"react";var gd=i(({onCancel:t,onClose:e})=>Ot.createElement(Ot.Fragment,null,Ot.createElement(fa,{size:20}),Ot.createElement(KT,{type:"error",title:Gr.t("Cancel Swap"),description:Gr.t("Are you sure you want to cancel this swap?")}),Ot.createElement(fa,{size:32}),Ot.createElement(fd,{variant:"contained",type:"primary",size:"large",onClick:t},Gr.t("Yes, Cancel it")),Ot.createElement(fa,{size:12}),Ot.createElement(fd,{variant:"outlined",type:"primary",size:"large",onClick:e},Gr.t("No, Continue"))),"CancelContent");import{i18n as Vr}from"@lingui/core";import{Button as hd,Divider as ga,MessageBox as YT,Typography as JT}from"@rango-dev/ui";import It from"react";var yd=i(({onDelete:t,onClose:e})=>It.createElement(It.Fragment,null,It.createElement(ga,{size:20}),It.createElement(YT,{type:"error",title:Vr.t("Delete Transaction"),description:Vr.t("Are you sure you want to delete this swap?")}),It.createElement(ga,{size:32}),It.createElement(hd,{variant:"contained",type:"primary",size:"large",onClick:t},Vr.t("Yes, Delete it")),It.createElement(ga,{size:12}),It.createElement(hd,{variant:"outlined",type:"primary",size:"large",onClick:e},It.createElement(JT,{variant:"title",size:"medium",color:"primary"},Vr.t("No, Cancel")))),"DeleteContent");import{i18n as ha}from"@lingui/core";import{PendingSwapNetworkStatus as ya}from"rango-types";var Sa={[ya.WaitingForNetworkChange]:{type:"loading",title:ha.t("Change Network")},[ya.WaitingForConnectingWallet]:{type:"warning",title:ha.t("Connect Wallet")},[ya.NetworkChanged]:{type:"success",title:ha.t("Network Changed")}};import{debug as RT}from"@rango-dev/logging-core";import{MessageBox as ek,Wallet as tk}from"@rango-dev/ui";import{useWallets as ok}from"@rango-dev/wallets-react";import rn from"react";import{styled as ZT}from"@rango-dev/ui";var Sd=ZT("div",{display:"flex",justifyContent:"center"});var Cd=i(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:s,walletButtonDisabled:a}=t,{connect:l,getWalletInfo:p,state:c}=ok(),u=n?.walletType,d=u?pi(c(u)):null,m=u?p(u):null;return rn.createElement(rn.Fragment,null,rn.createElement(ek,{type:e,title:o,description:r}),s&&!!u&&!!d&&!!m&&rn.createElement(Sd,null,rn.createElement(tk,{container:L(),title:m.name,image:m.img,type:u,state:d,link:m.installLink,disabled:a,onClick:async()=>l(u).catch(S=>RT(S))})))},"WalletStateContent");function Ca(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:s,message:a,walletButtonDisabled:l}=t,p=e===jr.WaitingForNetworkChange||e===jr.WaitingForConnectingWallet||e===jr.NetworkChanged;return Xr.createElement(ce,{open:!!e,onClose:o,container:document.getElementById(ke.SWAP_BOX_ID)||document.body},p&&Xr.createElement(Cd,{type:Sa[e].type,title:Sa[e].title,currentStepWallet:s,message:a,walletButtonDisabled:l,showWalletButton:e!==jr.WaitingForNetworkChange}),e==="delete"&&Xr.createElement(yd,{onClose:o,onDelete:n}),e==="cancel"&&Xr.createElement(gd,{onClose:o,onCancel:r}))}i(Ca,"SwapDetailsModal");import{i18n as sn}from"@lingui/core";import{Button as Ta,Divider as Kr,MessageBox as Td,TokenAmount as nk,Typography as ka}from"@rango-dev/ui";import We from"react";import{useNavigate as rk}from"react-router-dom";function wa(t){let{open:e,onClose:o,status:n,priceValue:r,usdValue:s,realUsdValue:a,realValue:l,token:p,chain:c,percentageChange:u,description:d,diagnosisUrl:m}=t,f=rk();return We.createElement(ce,{open:e,onClose:o,container:document.getElementById(ke.SWAP_BOX_ID)||document.body},n==="success"?We.createElement(Td,{type:"success",title:sn.t("Swap Successful")},We.createElement(nk,{direction:"vertical",tooltipContainer:L(),type:"output",centerAlign:!0,price:{value:r,usdValue:s,realUsdValue:a,realValue:l},token:p,chain:c,percentageChange:u}),We.createElement(Kr,{size:12}),We.createElement(ka,{variant:"body",size:"medium",color:"neutral700",align:"center"},d)):We.createElement(Td,{type:"error",title:sn.t("Transaction Failed"),description:d}),We.createElement(Kr,{size:32}),n==="success"&&We.createElement(Ta,{variant:"contained",type:"primary",size:"large",onClick:()=>{f("../../")}},We.createElement(ka,{variant:"title",size:"medium",color:"neutral100"},sn.t("Done"))),We.createElement(Kr,{size:12}),m&&We.createElement(We.Fragment,null,We.createElement(Ta,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(m,"_blank")},sn.t("Diagnosis")),We.createElement(Kr,{size:12})),We.createElement(Ta,{variant:"outlined",type:"primary",size:"large",onClick:o},We.createElement(ka,{variant:"title",size:"medium",color:"primary"},sn.t("See Details"))))}i(wa,"SwapDetailsCompleteModal");import gk from"react";import{i18n as uk}from"@lingui/core";import{Alert as Id,IconButton as mk,LinkIcon as dk}from"@rango-dev/ui";import Ut,{Fragment as fk}from"react";import{Alert as ik,ChevronDownIcon as sk,ChevronUpIcon as ak,IconButton as lk}from"@rango-dev/ui";import Yr,{useState as pk}from"react";function kd(t){let{message:e}=t,[o,n]=pk(!1);return Yr.createElement(ik,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&Yr.createElement(lk,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?Yr.createElement(ak,{size:12,color:"gray"}):Yr.createElement(sk,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}i(kd,"FailedAlert");import{styled as ck}from"@rango-dev/ui";var wd=ck("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as xd}from"@lingui/core";import{Alert as xa,Button as vd}from"@rango-dev/ui";import{PendingSwapNetworkStatus as va}from"rango-types";import an from"react";function bd(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?an.createElement(xa,{type:"warning",title:n.shortMessage,action:an.createElement(vd,{size:"xxsmall",type:"warning",onClick:()=>{o(va.WaitingForNetworkChange),e().catch(s=>{console.log(s)})}},xd.t("Change"))}):r===va.WaitingForConnectingWallet?an.createElement(xa,{type:"warning",title:n.shortMessage,action:an.createElement(vd,{size:"xxsmall",type:"warning",onClick:()=>{o(va.WaitingForConnectingWallet)}},xd.t("Connect"))}):an.createElement(xa,{type:"warning",title:n.shortMessage})}i(bd,"WarningAlert");function ba(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:s,hasAlreadyProceededToSign:a}=t,l=Ao(s),p=s.status==="waitingForApproval"&&!l,c=s.status==="running"&&!l,u=c&&!a||p&&!s.explorerUrl?.length;return Ut.createElement(wd,null,s.explorerUrl?.map((d,m,f)=>{let S=m+d.url,C=m===f.length-1,h=(C&&c||p)&&!u,y=C&&s.status==="failed";return Ut.createElement(fk,{key:S},Ut.createElement(Id,{type:C&&(h&&"loading"||y&&"error")||"success",title:d.description?`${d.description} Tx`:uk.t("View transaction"),action:d.url&&Ut.createElement(mk,{variant:"ghost",size:"xsmall",onClick:()=>window.open(d.url,"_blank")},Ut.createElement(dk,{size:12}))}))}),u&&Ut.createElement(Id,{type:"loading",title:r.shortMessage}),s.status!=="failed"&&l&&Ut.createElement(bd,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),s.status==="failed"&&Ut.createElement(kd,{message:r}))}i(ba,"SwapDetailsAlerts");var Ed=2e3;var Ad=i(({swap:t,blockchains:e,swappers:o,...n})=>{let r=t.hasAlreadyProceededToSign!==!1;return t.steps.map((s,a)=>{let l=a===0?t.inputAmount:t.steps[a-1].outputAmount||t.steps[a-1].expectedOutputAmountHumanReadable;return{from:{token:{displayName:s.fromSymbol,image:s.fromLogo??""},chain:{displayName:Ve(s.fromBlockchain,e)??"",image:s.fromBlockchainLogo??""},price:{value:W(l,6,6),realValue:l}},to:{token:{displayName:s.toSymbol,image:s.toLogo},chain:{displayName:Ve(s.toBlockchain,e)??"",image:s.toBlockchainLogo??""},price:{value:W(s.outputAmount||s.expectedOutputAmountHumanReadable,6,6),realValue:s.outputAmount||s.expectedOutputAmountHumanReadable}},swapper:{displayName:vo(s.swapperId,o),image:s.swapperLogo??"",type:s.swapperType},internalSwaps:s.internalSwaps?s.internalSwaps.map(p=>({from:{blockchain:Ve(p.fromBlockchain,e)??""},to:{blockchain:Ve(p.toBlockchain,e)??""},swapper:{displayName:vo(p.swapperId,o),image:p.swapperLogo??"",type:p.swapperType}})):[],alerts:gk.createElement(ba,{step:s,hasAlreadyProceededToSign:r,...n})}})},"getSteps");function Wd(t){if(Ao(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(Wd,"getStepState");import{css as ln,darkTheme as hk,styled as eo}from"@rango-dev/ui";var Nd=eo("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),Jr=eo("div",{width:"100%"}),Ld=eo(Lo,{padding:"$0 $20 $20 $20"}),ZU=eo("div",{display:"flex",flexDirection:"column",gap:"$10"}),Md=eo("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),RU=eo("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1}),Co=ln({display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",padding:"$10 $20",borderBottom:"1px solid",$$color:"$colors$neutral300",[`.${hk} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color",color:"$neutral500"}),Bd=ln({padding:"$5 0"}),Zr=ln({display:"flex",justifyContent:"center",alignItems:"center",height:"$24"}),_d=ln({display:"flex",width:"100%",padding:"$15 $20 $20",flexDirection:"column",alignItems:"start"}),Pd=ln({width:"100%",padding:"0 $20 $10"}),$d=eo("a",{fontSize:"$16",fontWeight:"$400",color:"$neutral700",display:"flex",alignItems:"center",justifyContent:"center"});function Ia(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:s,connect:a,getWalletInfo:l}=Ek(),p=g().blockchains(),c=g().swappers(),u=g().tokens(),d=H.use.retry(),m=ne.use.isActiveTab(),f=Wk(),[S,C]=Ik(Ed),h=Ak(null),[y,k]=Ud(null),[T,x]=Ud(null),I=i(()=>{r(),k(null)},"onCancel"),E=Oe.use.getUnreadNotifications(),v=Oe.use.setAsRead(),w=E(),A=Sk(e),N=A?.networkStatus;Od(()=>{w.find(Fe=>Fe.requestId===e.requestId)&&(e.status==="success"||e.status==="failed"?(x(e.status),v(e.requestId)):T&&x(null))},[e.status,e.requestId]),Od(()=>{re?k(Rr.WaitingForNetworkChange):N===Rr.WaitingForConnectingWallet||N===Rr.NetworkChanged?k(N):k(null)},[N]);let M=jl(e),z=A?yk(e,A):null,X=A?Ck(e,A):null,V=dd(e),U=Xl(e),ee=i(ye=>!!l(ye)?.mobileWallet,"isMobileWallet"),re=N===Rr.WaitingForNetworkChange&&!!z&&!!X?.walletType&&(ee(X.walletType)||s(X.walletType,z)),Q=re?a.bind(null,X.walletType,z):void 0,B=Vl(e,A),b=Ad({swap:e,switchNetwork:Q,showNetworkModal:N,setNetworkModal:k,message:B,blockchains:p,swappers:c}),J=b.length,[de,Z]=[e.steps[0],e.steps[J-1]],ie=Z.outputAmount||Z.expectedOutputAmountHumanReadable,to=e.steps.reduce((ye,Fe)=>ye+parseFloat(Fe.feeInUsd||""),0),G=e.steps.find(ye=>ye.diagnosisUrl)?.diagnosisUrl,K=W(parseFloat(W(ie,6,6))*(Z.toUsdPrice||0),4,4),te=W(parseFloat(e.inputAmount)*(de.fromUsdPrice||0),4,4),Ie=ie?pe(new Fd(ie).multipliedBy(Z.toUsdPrice||0)):"",et=pe(new Fd(e.inputAmount).multipliedBy(de.fromUsdPrice||0)),$e=Xe(te,K),De=e.status==="success"?Et.t({id:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:W(ie,6,6),token:b[J-1].to.token.displayName,conciseAddress:kn(e.wallets[b[J-1].to.chain.displayName]?.address||""),chain:b[J-1].to.chain.displayName}}):`${Et.t("Transaction was not sent.")} ${M?Et.t({id:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:M.outputAmount,symbol:M.symbol,blockchain:M.blockchain}}):""}`;return oe.createElement(le,{header:{title:Et.t("Swap and Bridge"),onCancel:e.status==="running"?()=>k("cancel"):void 0,suffix:e.status!=="running"&&oe.createElement(lo,null,oe.createElement(Dd,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>k("delete")},oe.createElement(To,{size:"medium",variant:"label",color:"error"},Et.t("Delete"))))},footer:U&&!T&&oe.createElement(Dd,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{d(e,{blockchains:p,tokens:u}),setTimeout(()=>{f("../../")},0)}},Et.t("Try again"))},oe.createElement(ue,{compact:!0,view:!0},oe.createElement(Jr,null,oe.createElement("div",{className:Co()},oe.createElement(To,{variant:"label",size:"large",color:"neutral700"},`${Et.t("Request ID")}:`),oe.createElement("div",{className:Zr()},oe.createElement(To,{variant:"label",size:"small",color:"neutral700"},o),oe.createElement(wk,{variant:"ghost",onClick:C.bind(null,o||"")},oe.createElement(Tk,{size:16,color:"gray"})),oe.createElement($d,{target:"_blank",href:`${_a}/swap/${o}`},oe.createElement(xk,{size:16})))),oe.createElement("div",{className:Co()},oe.createElement(To,{variant:"label",size:"large",color:"neutral700"},`${Et.t(e.finishTime?"Finished at":"Created at")}:`),oe.createElement(To,{variant:"label",size:"small",color:"neutral700"},V))),oe.createElement("div",{className:_d()},oe.createElement(vk,{fee:W(String(to),2,2),time:dn(fn(e.steps)),steps:J}),oe.createElement(Fo,{from:{price:{value:W(e.inputAmount,6,6),usdValue:te,realUsdValue:et,realValue:e.inputAmount},token:{displayName:b[0].from.token.displayName,image:b[0].from.token.image},chain:{image:b[0].from.chain.image,displayName:b[0].from.chain.displayName}},to:{price:{value:W(ie,6,6),usdValue:K,realUsdValue:Ie,realValue:ie},token:{displayName:b[J-1].to.token.displayName,image:b[J-1].to.token.image},chain:{image:b[J-1].to.chain.image,displayName:b[J-1].to.chain.displayName}},percentageChange:W($e,2,2),warningLevel:St($e??0)})),oe.createElement("div",{className:Pd()},oe.createElement(To,{variant:"title",size:"small"},Et.t("Swaps steps"))),oe.createElement(kk,{size:8}),oe.createElement(Ld,{ref:h},b.map((ye,Fe)=>{let un=Fe,ko=Wd(e.steps[Fe]),lf=ko==="error"||ko==="in-progress"||ko==="warning"||ko==="completed"&&Fe===b.length-1;return oe.createElement(bk,{key:un,step:ye,type:"swap-progress",ref:h,state:ko,hasSeparator:Fe!==0,tabIndex:un,isFocused:lf,tooltipContainer:L()})}))),oe.createElement(Ca,{state:y,onClose:()=>k(null),onCancel:I,onDelete:n,message:B.detailedMessage.content,currentStepWallet:X,walletButtonDisabled:!m}),oe.createElement(wa,{open:!!T,diagnosisUrl:G,onClose:()=>x(null),status:e.status==="success"?"success":"failed",priceValue:W(ie,6,6),usdValue:K,realUsdValue:Ie,realValue:pe(ie),percentageChange:W($e,2,2),token:{displayName:b[J-1].to.token.displayName,image:b[J-1].to.token.image},chain:{image:b[J-1].to.chain.image},description:De}))}i(Ia,"SwapDetails");import{i18n as ti}from"@lingui/core";import{Divider as Qd,NotFound as _k,Skeleton as cn,Typography as oi}from"@rango-dev/ui";import he from"react";import{i18n as Nk}from"@lingui/core";import{Divider as Lk,Skeleton as Mk,Typography as Bk}from"@rango-dev/ui";import Se from"react";import{css as lt,styled as Ea}from"@rango-dev/ui";var qd=Ea("div",{width:"100%",height:"100%",padding:"$10 $20"}),pn=Ea("div",{backgroundColor:"$neutral100",borderRadius:"$xm",padding:"$10 $15"}),ei=Ea("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"}),Mq=lt({display:"flex",justifyContent:"space-between",alignItems:"center"}),Bq=lt({display:"flex",justifyContent:"space-between",alignItems:"center"}),_q=lt({paddingTop:"$15",display:"flex"}),Pq=lt({padding:"$15 $0"}),$q=lt({width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"}),Dq=lt({paddingBottom:"$10"}),Fq=lt({display:"flex",justifyContent:"start",alignItems:"center"}),Oq=lt({paddingTop:"$5",display:"flex",alignItems:"center"}),Uq=lt({display:"flex",alignItems:"center"}),qq=lt({padding:"$4 $6",display:"flex",justifyContent:"center",alignItems:"center"}),zd=lt({display:"flex",paddingTop:"$10",paddingBottom:"$5"});function Aa(){return Se.createElement(qd,null,Se.createElement(Qo,{type:"swap-preview"}),Se.createElement("div",{className:"swaps-steps"},Se.createElement(Bk,{variant:"title",size:"small"},Nk.t("Swaps steps"))),Se.createElement(Se.Fragment,null,Se.createElement(pn,null,Se.createElement(dt,{separator:!1}),Se.createElement("div",{className:zd()},Se.createElement(Lk,{direction:"horizontal",size:20}),Se.createElement(Mk,{height:22,variant:"rectangular"}))),Se.createElement(ei,null),Se.createElement(pn,null,Se.createElement(dt,{separator:!1})),Se.createElement(ei,null),Se.createElement(pn,null,Se.createElement(dt,{separator:!1})),Se.createElement(ei,null),Se.createElement(pn,null,Se.createElement(dt,{separator:!1}))))}i(Aa,"LoadingSwapDetails");function Hd(t){let{requestId:e,showSkeleton:o}=t;return he.createElement(le,{header:{title:ti.t("Swap and Bridge"),suffix:he.createElement(lo,null)}},o&&he.createElement(Nd,null,he.createElement(Jr,null,he.createElement("div",{className:Co()},he.createElement(oi,{variant:"label",size:"large",color:"neutral700"},`${ti.t("Request ID")}:`),he.createElement("div",{className:Zr()},he.createElement(oi,{variant:"label",size:"small",color:"neutral700"},he.createElement(cn,{width:60,height:10,variant:"rounded"})),he.createElement(Qd,{direction:"horizontal",size:4}),he.createElement(cn,{width:16,height:16,variant:"rectangular"}),he.createElement(Qd,{direction:"horizontal",size:4}),he.createElement(cn,{width:16,height:16,variant:"rectangular"}))),he.createElement("div",{className:Co()},he.createElement(oi,{className:Bd(),variant:"label",size:"large",color:"neutral700"},he.createElement(cn,{width:60,height:10,variant:"rounded"})),he.createElement(oi,{variant:"label",size:"small",color:"neutral700"},he.createElement(cn,{width:60,height:10,variant:"rounded"})))),he.createElement(Aa,null)),!o&&he.createElement(Md,null,he.createElement(_k,{title:ti.t("Not found"),description:ti.t({id:"Swap with request ID = {requestId} not found.",values:{requestId:e}})})))}i(Hd,"SwapDetailsPlaceholder");function Gd(){let{manager:t,state:e}=Dk(),o=!e.loadedFromPersistor,n=ut(t),{requestId:r}=Ok(),s=Ye(),{fetchStatus:a}=g();if(!r)return Wa.createElement(Fk,{containerStyles:{margin:"20px"},type:"error",title:Pk.t("The request ID is necessary to display the swap details.")});let l=o||a==="loading",p=r?n.find(({swap:m})=>m.requestId===r):void 0,c=i(()=>{if(p?.id){let m=t?.get(p.id);m&&$k(m)}},"onCancel"),u=i(async()=>{if(p?.id)try{t?.deleteQueue(p.id),s()}catch(m){console.log(m)}},"onDelete"),d=p?.swap;return!d||l?Wa.createElement(Hd,{requestId:r,showSkeleton:l}):Wa.createElement(Ia,{swap:d,requestId:r,onCancel:c,onDelete:u})}i(Gd,"SwapDetailsPage");function Vd(){return rp(),Bi(),Uk([{path:F.home,element:ze.createElement(Sm,null)},{path:F.routes,element:ze.createElement(xm,null)},{path:F.fromSwap,children:[{index:!0,element:ze.createElement(pa,{type:"source"})},{path:F.blockchains,element:ze.createElement(Vs,{type:"source"})}]},{path:F.toSwap,children:[{index:!0,element:ze.createElement(pa,{type:"destination"})},{path:F.blockchains,element:ze.createElement(Vs,{type:"destination"})}]},{path:F.settings,children:[{index:!0,element:ze.createElement(ud,null)},{path:F.languages,element:ze.createElement(Tm,null)},{path:F.exchanges,element:ze.createElement(zs,{sourceType:"Exchanges"})},{path:F.bridges,element:ze.createElement(zs,{sourceType:"Bridges"})}]},{path:F.swaps,children:[{index:!0,element:ze.createElement(Zu,null)},{path:F.swapDetails,element:ze.createElement(Gd,null)}]},{path:F.wallets,element:ze.createElement(uc,null)},{path:F.confirmSwap,element:ze.createElement(Uu,null)}])}i(Vd,"AppRoutes");import{isApprovalTX as qk,MainEvents as jd,RouteEventType as Xd,StepEventType as Kd,StepExecutionEventStatus as zk,useEvents as Qk}from"@rango-dev/queue-manager-rango-preset";import{useEffect as Yd}from"react";function Jd(){let t=g().tokens(),e=Y.use.connectedWallets(),o=Y.use.getWalletsDetails(),n=Oe.use.setNotification(),r=Qk();return Yd(()=>(r.on(jd.StepEvent,s=>{let{event:a,step:l,route:p}=s;if(a.type===Kd.TX_EXECUTION&&a.status===zk.TX_SENT&&!qk(l)||a.type===Kd.SUCCEEDED){let u=e.find(m=>m.chain===l?.fromBlockchain),d=l?.fromBlockchain!==l?.toBlockchain&&e.find(m=>m.chain===l?.toBlockchain);u&&o([u],t),d&&o([d],t)}n(a,p)}),()=>r.all.clear()),[r,e.length]),Yd(()=>(r.on(jd.RouteEvent,s=>{let{event:a,route:l}=s;(a.type===Xd.FAILED||a.type===Xd.SUCCEEDED)&&n(a,l)}),()=>r.all.clear()),[r,e.length]),null}i(Jd,"WidgetEvents");import{useQueueManager as Xk}from"@rango-dev/queue-manager-rango-preset";import{splitWalletNetwork as Kk}from"@rango-dev/wallets-shared";import{isEvmBlockchain as Yk}from"rango-sdk";import{useContext as Jk,useEffect as Zk,useState as tf}from"react";import{globalCss as Hk}from"@rango-dev/ui";var Zd=i(()=>Hk({"@import":["url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap')","url('https://fonts.cdnfonts.com/css/times-new-roman')"]})(),"globalFont");function Rd(){let{setWatermark:t}=ne();return{fetchApiConfig:i(async()=>{let o=await fetch(`${ht("BASE_URL")}/meta/dapp/config?apiKey=${ht("API_KEY")}`);if(!o.ok)throw new Error(`Request failed with status: ${o.status} `);let n=await o.json();t(n.config.watermark)},"fetchApiConfig")}}i(Rd,"useFetchApiConfig");import{useWallets as Gk}from"@rango-dev/wallets-react";import{useEffect as Vk,useRef as jk}from"react";function ef(){let{connect:t,state:e}=Gk(),o=jk({}),{fetchStatus:n}=g(),r=new URLSearchParams(location.search).get("autoConnect")||"",s=e(r);Vk(()=>{n==="success"&&r&&s.installed&&!s.connecting&&!s.connected&&!o.current[r]&&(o.current[r]=!0,t(r))},[s,n])}i(ef,"useForceAutoConnect");function Na(){Zd(),ef();let t=g().blockchains(),{canSwitchNetworkTo:e}=ar(),[o,n]=tf(""),[r,s]=tf(),a=Jk(Wn),l=t.filter(Yk),{fetchApiConfig:p}=Rd();Xk({lastConnectedWallet:o,clearDisconnectedWallet:()=>{s(void 0)},disconnectedWallet:r,evmChains:l,canSwitchNetworkTo:e}),Zk(()=>(qt.init(),Oe.persist.hasHydrated()||Oe.persist.rehydrate(),a.onConnectWallet(n),a.onDisconnectWallet(c=>{s(c),c===Kk(o)?.[0]&&n("")}),p().catch(console.log),qt.destroy),[])}i(Na,"useBootstrap");import{styled as Rk}from"@rango-dev/ui";var of=Rk("div",{fontFamily:"$widget",boxSizing:"border-box",textAlign:"left","& *, *::before, *::after":{boxSizing:"inherit"},"& *:focus-visible":{outlineColor:"$info500",transition:"none"},"& ul, ol, li":{listStyleType:"none"}});function ri(){Na();let{config:t}=g(),{activeTheme:e}=Jn(t?.theme||{}),{activeLanguage:o}=Dt();return ni.createElement(ew,{language:o},ni.createElement(of,{id:"swap-container",className:e()},ni.createElement(Jd,null),ni.createElement(Vd,null)))}i(ri,"Main");import Ma,{useMemo as Sw}from"react";import{checkWaitingForNetworkChange as tw,makeQueueDefinition as ow}from"@rango-dev/queue-manager-rango-preset";import{Provider as nw}from"@rango-dev/queue-manager-react";import{useWallets as rw}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as iw}from"@rango-dev/wallets-shared";import{isEvmBlockchain as sw}from"rango-types";import aw,{useMemo as lw}from"react";function pw(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:s,getWalletInfo:a}=rw(),l=lw(()=>ow({API_KEY:t.apiKey||ht("API_KEY"),BASE_URL:ht("BASE_URL")}),[t.apiKey]),p=g().blockchains(),u={blockchains:Y.use.connectedWallets().map(T=>({accounts:[T],name:T.chain}))},d=i(async(T,x)=>{if(s(T,x))return r(T,x)},"switchNetwork"),m=i(T=>!!a(T).mobileWallet,"isMobileWallet"),f=p.filter(T=>T.enabled).reduce((T,x)=>(T[x.name]=x,T),{}),S=p.filter(sw),C=i(T=>{let{supportedChains:x}=a(T);return yn(x)},"getSupportedChainNames"),h=e(),y={meta:{blockchains:f,evmBasedChains:S,evmNetworkChainInfo:iw(S),getSupportedChainNames:C},getSigners:o,wallets:u,providers:h,switchNetwork:d,canSwitchNetworkTo:s,connect:r,state:n,isMobileWallet:m},k=ne.use.isActiveTab();return aw.createElement(nw,{queuesDefs:[l],context:y,onPersistedDataLoaded:T=>{tw(T)},isPaused:!k},t.children)}i(pw,"QueueManager");var nf=pw;import{useManager as fw}from"@rango-dev/queue-manager-react";import gw,{createContext as hw,useContext as yw}from"react";import{cancelSwap as cw,getCurrentBlockchainOfOrNull as uw,getCurrentStep as mw,getRelatedWalletOrNull as dw}from"@rango-dev/queue-manager-rango-preset";var ii=class{static{i(this,"WidgetHistory")}manager;actions;constructor(e,o){this.manager=e,this.actions=o}getAllSwaps(){return ut(this.manager)}getCurrentStep(e){return this.getCurrentStepInfo(e).step}getCurrentStepWallet(e){return this.getCurrentStepInfo(e).wallet}getCurrentStepNetwork(e){return this.getCurrentStepInfo(e).network}retry(e,o){return this.actions.retrySwap(e,o)}cancel(e){let o=this.manager?.get(e);o&&cw(o)}getCurrentStepInfo(e){let o=mw(e);return{step:o,wallet:o?dw(e,o):null,network:o?uw(e,o):null}}};var rf=hw(void 0);function La(t){let{manager:e}=fw(),o=ne.use.isActiveTab(),n=H.use.retry(),r=new ii(e,{retrySwap:n}),s=Y.use.connectedWallets(),a=Y.use.loading(),l=Ha(s),p=Y.use.getWalletsDetails(),c=g().blockchains(),u=g().tokens(),d=g().swappers(),m=g().fetchStatus,f=Dt().resetLanguage,S=Oe().getUnreadNotifications(),C={isActiveTab:o,setCurrentTabAsActive:qt.forceClaim,history:r,wallets:{isLoading:a,details:s,totalBalance:l,refetch:p},meta:{blockchains:c,tokens:u,swappers:d,loadingStatus:m},resetLanguage:f,notifications:{list:S}};return gw.createElement(rf.Provider,{value:C},t.children)}i(La,"WidgetInfo");function sf(){let t=yw(rf);if(!t)throw new Error("useWidget can only be used within the WidgetProvider component");return t}i(sf,"useWidget");function si(t){let{onUpdateState:e,config:o}=t;return Sw(()=>{Ya({API_KEY:o?.apiKey||mn,BASE_URL:o?.apiUrl||Ba})},[o.apiKey,o.apiUrl]),Ma.createElement(Nn,{config:o,onUpdateState:e},Ma.createElement(nf,{apiKey:o.apiKey},Ma.createElement(La,null,t.children)))}i(si,"WidgetProvider");function af(t){let e=t.config?.externalWallets;return ai.createElement(Wl,null,e?ai.createElement(ri,null):ai.createElement(si,{config:t.config??fi},ai.createElement(ri,null)))}i(af,"Widget");export{MH as EventSeverity,BH as MainEvents,QH as Networks,VH as PendingSwapNetworkStatus,_H as RouteEventType,PH as StepEventType,$H as StepExecutionBlockedEventStatus,DH as StepExecutionEventStatus,ke as UI_ID,qH as WalletEvents,HH as WalletTypes,af as Widget,si as WidgetProvider,Nn as WidgetWallets,qi as customizedThemeTokens,UH as readAccountAddress,ar as useWallets,sf as useWidget,FH as useWidgetEvents};
|
|
3
3
|
//# sourceMappingURL=index.js.map
|